"use strict";(self.webpackChunk_descope_web_components_ui=self.webpackChunk_descope_web_components_ui||[]).push([[7326],{69182:(e,t,n)=>{n.r(t),n.d(t,{NotificationCardClass:()=>c}),n(18983);var o=n(9696),r=n(97810),i=n(79365);const s=(0,r.xE)("notification-card"),a={content:()=>"vaadin-notification-card::part(content)",overlay:()=>"vaadin-notification-card::part(overlay)"},c=(0,o.Zz)((0,i.RF)({mappings:{hostMinWidth:{selector:a.content,property:"min-width"},fontFamily:{},fontSize:{},backgroundColor:{selector:a.content},textColor:{property:"color"},boxShadow:{},borderWidth:{selector:a.content,property:"border-width"},borderColor:{selector:a.content,property:"border-color"},borderStyle:{selector:a.content,property:"border-style"},borderRadius:[{selector:a.content,property:"border-radius"},{selector:a.overlay,property:"border-radius"}],verticalPadding:[{selector:a.content,property:"padding-top"},{selector:a.content,property:"padding-bottom"}],horizontalPadding:[{selector:a.content,property:"padding-right"},{selector:a.content,property:"padding-left"}]}}),e=>class extends e{close(){this.baseElement.addEventListener("animationend",()=>{this.remove(),this.dispatchEvent(new Event("card-closed"))}),this.setAttribute("opened","false")}constructor(){super(),this.baseElement.innerHTML='\n      <div part="root">\n        <div part="content">\n          <slot></slot>\n        </div>\n        <div part="close">\n          <slot name="close"></slot>\n        </div>\n      </div>\n      ',this.closeEle=this.shadowRoot.querySelector('[part="close"]')}init(){super.init?.(),this.closeEle.onclick=()=>{this.close()}}})((0,i.tz)({slots:[],wrappedEleName:"vaadin-notification-card",style:()=>'\n    vaadin-notification-card {\n      box-shadow: none;\n    }\n    ::part(overlay) {\n      box-shadow: none;\n      background: none;\n    }\n\n    [part="close"] {\n      cursor: pointer;\n      display: flex;\n    }\n\n    [part="content"] {\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n    }\n\n    [part="root"] {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      width: 100%;\n    }\n    ',excludeAttrsSync:["tabindex","style"],componentName:s}));customElements.define(s,c)}}]);
//# sourceMappingURL=descope-notification-descope-notification-card-index-js.js.map