import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,Host as o,transformTag as n}from"@stencil/core/internal/client";const s=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.backdropHideStart=i(this,"backdropHideStart",7),this.backdropHideEnd=i(this,"backdropHideEnd",7),this.visible=!0}handleClick(){this.visible=!1,this.backdropHideStart.emit()}listenAnimationEnd(){this.visible||this.backdropHideEnd.emit()}render(){return a(o,{key:"7795cb74eefda5cdc979c97e4c491cbe9976c019",class:{hide:!this.visible},onClick:()=>this.handleClick()})}get component(){return this}static get style(){return":host{-webkit-animation:var(--ezp-backdrop-animation-name, host-in) var(--ezp-duration-3) forwards var(--ezp-easing-out-quart);animation:var(--ezp-backdrop-animation-name, host-in) var(--ezp-duration-3) forwards var(--ezp-easing-out-quart);background:var(--ezp-core-backdrop);border-radius:var(--ezp-backdrop-border-radius, 6px);display:block;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:4}:host(.hide){--ezp-backdrop-animation-name:host-out}@-webkit-keyframes host-in{0%{opacity:0}100%{opacity:1}}@keyframes host-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes host-out{0%{opacity:1}100%{opacity:0}}@keyframes host-out{0%{opacity:1}100%{opacity:0}}"}},[1,"ezp-backdrop",{visible:[1028]},[[0,"animationend","listenAnimationEnd"]]]);function r(){"undefined"!=typeof customElements&&["ezp-backdrop"].forEach((t=>{"ezp-backdrop"===t&&(customElements.get(n(t))||customElements.define(n(t),s))}))}export{s as E,r as d}