https://www.call-magazine.com/wp-content/plugins/surecart/dist/components/surecart/p-9a7773f3.entry.js

1import{r as e,c as t,h as a,a as i}from"./p-9add63ef.js";import{s as o,g as s,b as d,a as r}from"./p-d7931041.js";const l=new Set;function n(e){l.add(e);document.body.classList.add("sc-scroll-lock")}function c(e){l.delete(e);if(l.size===0){document.body.classList.remove("sc-scroll-lock")}}const h=":host{--width:31rem;--header-spacing:var(--sc-spacing-large);--body-spacing:var(--sc-spacing-large);--footer-spacing:var(--sc-spacing-large);display:contents}[hidden]{display:none !important}.dialog{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--sc-z-index-dialog);box-sizing:border-box;text-align:left}.dialog__panel{display:flex;flex-direction:column;z-index:2;width:var(--width);max-width:100vw;max-height:100vh;background-color:var(--sc-panel-background-color);border-radius:var(--sc-border-radius-medium);box-shadow:var(--sc-shadow-x-large);position:relative}.dialog__panel:focus{outline:none}@media screen and (max-width: 420px){.dialog__panel{max-height:80vh}}.dialog--open .dialog__panel{display:flex;opacity:1;transform:none}.dialog__header{flex:0 0 auto;display:flex;border-bottom:1px solid var(--sc-color-gray-300)}.dialog__title{flex:1 1 auto;font:inherit;font-size:var(--sc-font-size-large);line-height:var(--sc-line-height-dense);padding:var(--header-spacing);margin:0}.dialog__close{flex:0 0 auto;display:flex;align-items:center;font-size:var(--sc-font-size-x-large);padding:0 calc(var(--header-spacing) / 2);z-index:2}.dialog__body{flex:1 1 auto;padding:var(--body-spacing);overflow:var(--dialog-body-overflow, auto);-webkit-overflow-scrolling:touch}.dialog__footer{flex:0 0 auto;text-align:right;padding:var(--footer-spacing)}.dialog__footer ::slotted(sl-button:not(:first-of-type)){margin-left:var(--sc-spacing-x-small)}.dialog:not(.dialog--has-footer) .dialog__footer{display:none}.dialog__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--sc-overlay-background-color)}";const f=h;const g=class{constructor(a){e(this,a);this.scRequestClose=t(this,"scRequestClose",7);this.scShow=t(this,"scShow",7);this.scAfterShow=t(this,"scAfterShow",7);this.scHide=t(this,"scHide",7);this.scAfterHide=t(this,"scAfterHide",7);this.scInitialFocus=t(this,"scInitialFocus",7);this.boundHandleDocumentKeyDown=e=>this.handleDocumentKeyDown(e);this.open=false;this.label="";this.noHeader=false;this.hasFooter=false}async show(){if(this.open){return undefined}this.open=true}async hide(){if(!this.open){return undefined}this.open=false}requestClose(e){const t=this.scRequestClose.emit(e);if(t.defaultPrevented){const e=s(this.el,"dialog.denyClose");d(this.panel,e.keyframes,e.options);return}this.hide()}handleKeyDown(e){if(e.key==="Escape"){e.stopPropagation();this.requestClose("keyboard")}}handleDocumentKeyDown(e){if(e.key==="Escape"&&this.open){this.requestClose("keyboard")}}async handleOpenChange(){if(this.open){this.scShow.emit();document.addEventListener("keydown",this.boundHandleDocumentKeyDown);n(this.el);const e=this.el.querySelector("[autofocus]");if(e){e.removeAttribute("autofocus")}await Promise.all([r(this.dialog),r(this.overlay)]);this.dialog.hidden=false;requestAnimationFrame((()=>{const t=this.scInitialFocus.emit();if(!t.defaultPrevented){if(e){e.focus({preventScroll:true})}else{this.panel.focus({preventScroll:true})}}if(e){e.setAttribute("autofocus","")}}));const t=s(this.el,"dialog.show");const a=s(this.el,"dialog.overlay.show");await Promise.all([d(this.panel,t.keyframes,t.options),d(this.overlay,a.keyframes,a.options)]);this.scAfterShow.emit()}else{this.scHide.emit();await Promise.all([r(this.dialog),r(this.overlay)]);const e=s(this.el,"dialog.hide");const t=s(this.el,"dialog.overlay.hide");await Promise.all([d(this.panel,e.keyframes,e.options),d(this.overlay,t.keyframes,t.options)]);this.dialog.hidden=true;c(this.el);const a=this.originalTrigger;if(typeof(a===null||a===void 0?void 0:a.focus)==="function"){setTimeout((()=>a.focus()))}document.removeEventListener("keydown",this.boundHandleDocumentKeyDown);this.scAfterHide.emit()}}componentDidLoad(){this.hasFooter=!!this.el.querySelector('[slot="footer"]');this.dialog.hidden=!this.open;if(this.open){document.addEventListener("keydown",this.boundHandleDocumentKeyDown);n(this.el)}}disconnectedCallback(){document.removeEventListener("keydown",this.boundHandleDocumentKeyDown);c(this.el)}render(){return a("div",{key:"17eafa7120b0967b09e1af3dfd3c0d74fef52d8c",part:"base",ref:e=>this.dialog=e,class:{dialog:true,"dialog--open":this.open,"dialog--has-footer":this.hasFooter},onKeyDown:e=>this.handleKeyDown(e)}

1,a("div",{key:"bd84f19b1231f46f9f0c671899e97881ba3b3d0b",part:"overlay",class:"dialog__overlay",onClick:e=>{e.preventDefault();e.stopImmediatePropagation();this.requestClose("overlay")},ref:e=>this.overlay=e,tabindex:"-1"}),a("div",{key:"bc8a115e02c4e5d9f4273e7680c8a9d34b1f7341",part:"panel",class:"dialog__panel",role:"dialog","aria-modal":"true","aria-hidden":this.open?"false":"true","aria-label":this.noHeader||this.label,"aria-labelledby":!this.noHeader||"title",ref:e=>this.panel=e,tabindex:"0"},!this.noHeader&&a("header",{key:"2297c324c30dc806de95138c2e02b5de6a35412d",part:"header",class:"dialog__header"},a("h2",{key:"4291c049b054398fff0722ac4d9dc766c5063237",part:"title",class:"dialog__title",id:"title"},a("slot",{key:"017cde106e57465d95491b6ac28dc08db0b8b99d",name:"label"}," ",this.label.length>0?this.label:String.fromCharCode(65279)," ")),a("sc-button",{key:"dd943d0debe713afc22edcdb37aec42f434b84d1",class:"dialog__close",type:"text",circle:true,part:"close-button",exportparts:"base:close-button__base",onClick:e=>{e.preventDefault();e.stopImmediatePropagation();this.requestClose("close-button")}},a("sc-icon",{key:"c1a3e203f422fd7fe5fbe390fc04487dda850385",name:"x",label:wp.i18n.__("Close","surecart")}))),a("div",{key:"8923fa22e8b8373866d884d801cf4913948c6ea2",part:"body",class:"dialog__body"},a("slot",{key:"229e3ccba52d77da0f80d3d94a7a10ffb6da3286"})),a("footer",{key:"390625073322e068b66097c4bc71a88751c41551",part:"footer",class:"dialog__footer"},a("slot",{key:"0a0351ae2d121af78cf206d6cbdd697428d13d10",name:"footer"}))))}get el(){return i(this)}static get watchers(){return{open:["handleOpenChange"]}}};o("dialog.show",{keyframes:[{opacity:0,transform:"scale(0.8)"},{opacity:1,transform:"scale(1)"}],options:{duration:150,easing:"ease"}});o("dialog.hide",{keyframes:[{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(0.8)"}],options:{duration:150,easing:"ease"}});o("dialog.denyClose",{keyframes:[{transform:"scale(1)"},{transform:"scale(1.02)"},{transform:"scale(1)"}],options:{duration:150}});o("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:150}});o("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:150}});g.style=f;export{g as sc_dialog};
2//# sourceMappingURL=p-9a7773f3.entry.js.map