"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[4139],{52079(e,r,o){o.r(r),o.d(r,{ModalClass:()=>p,componentName:()=>d}),o(69117);var t=o(25964),a=o(9696),s=o(97810),l=o(79365);const d=(0,s.xE)("modal"),n=["opened"],p=(0,a.Zz)((0,l.RF)({mappings:{overlayBackdropColor:{property:()=>p.cssVarList.overlay.backdropColor},overlayBackgroundColor:{property:()=>p.cssVarList.overlay.backgroundColor},overlayShadow:{property:()=>p.cssVarList.overlay.shadow},overlayWidth:{property:()=>p.cssVarList.overlay.width},overlayBorderWidth:{property:()=>p.cssVarList.overlay.borderWidth},overlayBorderStyle:{property:()=>p.cssVarList.overlay.borderStyle},overlayBorderColor:{property:()=>p.cssVarList.overlay.borderColor},overlayBorderRadius:{property:()=>p.cssVarList.overlay.borderRadius}}}),(0,l.mA)({name:"overlay",selector:"",mappings:{hostDisplay:{selector:()=>":host(.descope-modal)",property:"display",important:!0},backgroundColor:[{selector:()=>"::part(content)",property:"background-color"},{selector:()=>"::part(overlay)",property:"background-color"}],backdropColor:{selector:()=>"::part(backdrop)",property:"background-color"},borderStyle:{selector:()=>"::part(content)",property:"border-style"},borderWidth:{selector:()=>"::part(content)",property:"border-width"},borderColor:{selector:()=>"::part(content)",property:"border-color"},borderRadius:{selector:()=>"::part(content)",property:"border-radius  "},width:{selector:()=>"::part(overlay)",property:"width"},shadow:{selector:()=>"::part(overlay)",property:"box-shadow"}},forward:{include:!1,attributes:["opened","style"]}}),l.VO,l.tQ,e=>class extends e{static get observedAttributes(){return[].concat(e.observedAttributes||[],n)}get opened(){return"true"===this.getAttribute("opened")}handleOpened(){this.opened?this.style.display="":this.style.display="none"}attributeChangedCallback(e,r,o){super.attributeChangedCallback?.(e,r,o),"opened"===e&&this.handleOpened()}init(){super.init?.(),this.style.display="none",setTimeout(()=>{this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay").appendChild(document.createElement("slot")),this.#e(),(0,s.EA)(this,this.baseElement,{includeAttrs:["opened"]}),this.handleOpened()})}#e(){const e=this.baseElement.shadowRoot.querySelector("vaadin-dialog-overlay");e._attachOverlay=()=>{e.bringToFront(),(0,t.fz)("\n          :host {\n            display: flex!important;\n          }\n          ",this.baseElement)},e._detachOverlay=()=>{this.baseElement.style.display="none"},e._enterModalState=()=>{},e.close=()=>!1}})((0,l.tz)({slots:[""],wrappedEleName:"vaadin-dialog",style:()=>"\n      vaaadin-dialog {\n        display: flex!important;\n      }\n    ",excludeAttrsSync:["tabindex","opened","style"],componentName:d}));customElements.define(d,p)}}]);
//# sourceMappingURL=descope-modal-index-js.js.map