https://cyrulicy.pl/application/assets/storefront/chunk-phoenix_components_controls.BMPPRfu.js

1import{P as _,e as l,b as f,d as u,$ as y}from"./chunk-vendor-lit.NvY0u02.js";import{p as b}from"./chunk-phoenix_custom_element.-3oJuZO.js";import{_ as d,a as m}from"./chunk-vendor-di.Bh23gdA.js";import{B as v}from"./chunk-btn_controller.BPcEEeZ.js";import"./chunk-vendor-lodash.CWHFt7Z.js";import"./chunk-keystrokes_controller.BSiCZ0Y.js";let n=class extends _{constructor(){super(),this.to="",this.behavior="smooth",this.scrollToElement=()=>{const t=document.querySelector(`[data-scroll="${this.to}"]`);if(t){const s=t.getBoundingClientRect().top;requestAnimationFrame(()=>{window.scrollTo({top:s+window.scrollY,behavior:this.behavior}),t.focus()})}},this._btnController=new v(this,this.scrollToElement)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.scrollToElement)}};d([l({type:String}),m("design:type",Object)],n.prototype,"to",void 0);d([l({type:String}),m("design:type",String)],n.prototype,"behavior",void 0);n=d([b("h-scroll-to"),m("design:paramtypes",[])],n);const p={confirm:"confirm",cancel:"cancel"};var T=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(a,t,s,i)=>{for(var o=i>1?void 0:i?g(t,s):t,c=a.length-1,h;c>=0;c--)(h=a[c])&&(o=(i?h(t,s,o):h(o))||o);return i&&o&&T(t,s,o),o};let e=class extends _{constructor(){super(...arguments),this.opened=!1,this.header="",this.confirmText="",this.cancelText="",this.id="",this._modal=f()}close(){this._modal.value?.close()}render(){return y`
2            <h-modal
3                id="${this.id}"
4                class="modal-wrapper_alert modal_confirm"
5                ?opened=${this.opened}
6                ${u(this._modal)}
7                @closed="${()=>{this.dispatchEvent(new CustomEvent(p.cancel))}}"
8            >
9                <h-modal-header>
10                    <h2 class="h2 font_semibold">${this.header}</h2>
11                    <h-modal-close
12                        aria-label="${this.cancelText}"
13                        class="btn btn_icon"
14                    >
15                        <h-icon
16                            icon-name="icon-x"
17                            role="button"
18                            size="xl"
19                            clickable
20                        ></h-icon>
21                    </h-modal-close>
22                </h-modal-header>
23                <h-modal-body>${this.getSlot("default")}</h-modal-body>
24
25                <h-modal-footer>
26                    <h-modal-close class="btn btn_secondary">${this.cancelText}</h-modal-close>
27                    <button
28                        @click="${()=>{this.dispatchEvent(new CustomEvent(p.confirm))}}"
29                        class="btn btn_primary"
30                    >
31                        ${this.confirmText}
32                    </button>
33                </h-modal-footer>
34            </h-modal>
35        `}};r([l({type:Boolean,reflect:!0})],e.prototype,"opened",2);r([l({type:String})],e.prototype,"header",2);r([l({type:String})],e.prototype,"confirmText",2);r([l({type:String})],e.prototype,"cancelText",2);r([l({type:String})],e.prototype,"id",2);e=r([b("confirm-modal")],e);requestAnimationFrame(()=>{});globalThis.__phoenix_wc__=[n,e];