https://stainlesseurope.fr/application/assets/storefront/chunk-phoenix_components_controls.JgcdE3v.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 s=class extends _{constructor(){super(),this.to="",this.behavior="smooth",this.scrollToElement=()=>{const e=document.querySelector(`[data-scroll="${this.to}"]`);if(e){const r=e.getBoundingClientRect().top;requestAnimationFrame(()=>{window.scrollTo({top:r+window.scrollY,behavior:this.behavior}),e.focus()})}},this._btnController=new v(this,this.scrollToElement)}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.scrollToElement)}};d([l({type:String}),m("design:type",Object)],s.prototype,"to",void 0);d([l({type:String}),m("design:type",String)],s.prototype,"behavior",void 0);s=d([b("h-scroll-to"),m("design:paramtypes",[])],s);const p={confirm:"confirm",cancel:"cancel"};var T=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(a,e,r,i)=>{for(var o=i>1?void 0:i?g(e,r):e,c=a.length-1,h;c>=0;c--)(h=a[c])&&(o=(i?h(e,r,o):h(o))||o);return i&&o&&T(e,r,o),o};let t=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                hidden
6                ?opened=${this.opened}
7                ${u(this._modal)}
8                @closed="${()=>{this.dispatchEvent(new CustomEvent(p.cancel))}}"
9            >
10                <h-modal-header>
11                    <h2 class="h2 font_semibold">${this.header}</h2>
12                    <h-modal-close
13                        aria-label="${this.cancelText}"
14                        class="btn btn_icon"
15                    >
16                        <h-icon
17                            icon-name="icon-x"
18                            role="button"
19                            size="xl"
20                            clickable
21                        ></h-icon>
22                    </h-modal-close>
23                </h-modal-header>
24                <h-modal-body>${this.getSlot("default")}</h-modal-body>
25
26                <h-modal-footer>
27                    <h-modal-close class="btn btn_secondary">${this.cancelText}</h-modal-close>
28                    <button
29                        @click="${()=>{this.dispatchEvent(new CustomEvent(p.confirm))}}"
30                        class="btn btn_primary"
31                    >
32                        ${this.confirmText}
33                    </button>
34                </h-modal-footer>
35            </h-modal>
36        `}};n([l({type:Boolean,reflect:!0})],t.prototype,"opened",2);n([l({type:String})],t.prototype,"header",2);n([l({type:String})],t.prototype,"confirmText",2);n([l({type:String})],t.prototype,"cancelText",2);n([l({type:String})],t.prototype,"id",2);t=n([b("confirm-modal")],t);requestAnimationFrame(()=>{});globalThis.__phoenix_wc__=[s,t];