@maggioli-design-system/mds-modal 4.4.0 → 4.4.1

package/dist/mds-modal/p-f67f79a7.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as i,H as r,g as e}from"./p-cc1354fb.js";function n(t){var o,i,r="";if("string"==typeof t||"number"==typeof t)r+=t;else if("object"==typeof t)if(Array.isArray(t))for(o=0;o<t.length;o++)t[o]&&(i=n(t[o]))&&(r&&(r+=" "),r+=i);else for(o in t)t[o]&&(r&&(r+=" "),r+=o);return r}function a(){for(var t,o,i=0,r="";i<arguments.length;)(t=arguments[i++])&&(o=n(t))&&(r&&(r+=" "),r+=o);return r}class s{constructor(){this.elements=[],this.handleClickBehaviorDispatchEvent=t=>{"Space"!==t.code&&"Enter"!==t.code&&"NumpadEnter"!==t.code||t.target.click()},this.handleEscapeBehaviorDispatchEvent=t=>{"Escape"===t.code&&this.escapeCallback&&this.escapeCallback()},this.addElement=(t,o="element")=>{this.elements[o]=t},this.attachClickBehavior=(t="element")=>{this.elements[t]&&this.elements[t].addEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.detachClickBehavior=(t="element")=>{this.elements[t]&&this.elements[t].removeEventListener("keydown",this.handleClickBehaviorDispatchEvent)},this.attachEscapeBehavior=t=>{this.escapeCallback=t,void 0!==typeof window&&window.addEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))},this.detachEscapeBehavior=()=>{this.escapeCallback=()=>{},void 0!==typeof window&&window.removeEventListener("keydown",this.handleEscapeBehaviorDispatchEvent.bind(this))}}}const l=class{constructor(i){t(this,i),this.closeEvent=o(this,"mdsModalClose",7),this.window=!1,this.top=!1,this.bottom=!1,this.animationState="intro",this.km=new s,this.componentDidLoad=()=>{var t;this.km.addElement(this.host,"host");const o=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".close");o&&this.km.addElement(o,"close"),this.km.attachEscapeBehavior((()=>this.closeEvent.emit())),this.km.attachClickBehavior("close")},this.animationName=(t="",o="")=>`to-${""!==o?o:this.position}${""!==t?"-"+t:""}`,this.closeModal=t=>{var o;"mds-modal"===(null===(o=t.target)||void 0===o?void 0:o.localName)&&(this.opened=t.target!==t.currentTarget,this.opened||this.closeEvent.emit())},this.stateOpened=void 0,this.opened=!1,this.position="center"}componentWillLoad(){var t;this.bottom=null!==this.host.querySelector('[slot="bottom"]'),this.top=null!==this.host.querySelector('[slot="top"]'),this.window=null!==this.host.querySelector('[slot="window"]'),this.stateOpened=this.opened,this.window||(this.position="right"),this.window&&(null===(t=this.host.querySelector('[slot="window"]'))||void 0===t||t.setAttribute("role","modal"))}componentWillRender(){this.animationState=this.opened?"intro":"outro",this.host.classList.add(this.animationName())}componentDidRender(){this.animationDeelay=window.setTimeout((()=>{this.animationState="intro"===this.animationState?"outro":"intro",this.host.classList.remove(this.animationName("intro"===this.animationState?"outro":"intro")),this.host.classList.add(this.animationName(this.animationState)),window.clearTimeout(this.animationDeelay)}),500)}disconnectedCallback(){this.km.detachEscapeBehavior(),this.km.detachClickBehavior("close")}positionChange(t,o){window.clearTimeout(this.animationDeelay),this.host.classList.remove(this.animationName("",o)),this.host.classList.remove(this.animationName("intro",o)),this.host.classList.remove(this.animationName("outro",o))}openedChange(t){this.stateOpened=t,window.clearTimeout(this.animationDeelay)}onModalCloseListener(){this.opened=!1}onBannerCloseListener(){this.opened=!1}render(){return i(r,{"aria-modal":a(this.opened?"true":"false"),class:a(this.stateOpened&&this.animationName("opened")),onClick:t=>{this.closeModal(t)}},this.window?i("slot",{name:"window"}):i("div",{class:a("window",(this.top||this.bottom)&&`window-${this.top?"-top":""}${this.bottom?"-bottom":""}`),role:"dialog",part:"window"},this.top&&i("slot",{name:"top"}),i("slot",null),this.bottom&&i("slot",{name:"bottom"})),!this.window&&i("i",{innerHTML:'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>',tabindex:"0",onClick:t=>{this.closeModal(t)},class:"svg close focusable-light"}))}get host(){return e(this)}static get watchers(){return{position:["positionChange"],opened:["openedChange"]}}};l.style='@tailwind components; @tailwind utilities; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.focus-light-on,.focusable-light:focus-visible{--magma-outline-blur:2px solid rgb(var(--tone-neutral))}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.animate-right-intro,.animate-right-outro{-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}.fixed{position:fixed}.absolute{position:absolute}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.ml-auto{margin-left:auto}.flex{display:-ms-flexbox;display:flex}.w-16{width:4rem}.min-w-0{min-width:0px}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.items-center{-ms-flex-align:center;align-items:center}.gap-4{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-tone-neutral-09{--tw-border-opacity:1;border-color:rgba(var(--tone-neutral-09), var(--tw-border-opacity))}.bg-transparent{background-color:transparent}.p-4{padding:1rem}.p-8{padding:2rem}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-modal-overlay-color:var(--magma-overlay-color, 0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity, 0.5);--mds-modal-window-background:rgb(var(--tone-neutral));--mds-modal-window-overflow:auto;--mds-modal-window-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--mds-modal-z-index:var(--magma-modal-z-index);-webkit-transition-duration:700ms;transition-duration:700ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-flex-align:center;align-items:center;background-color:rgba(var(--mds-modal-overlay-color) / 0);display:-ms-flexbox;display:flex;fill:rgb(var(--tone-neutral));inset:0;-ms-flex-pack:center;justify-content:center;-webkit-perspective:600px;perspective:600px;pointer-events:none;position:fixed;z-index:var(--mds-modal-z-index, 1000)}:host([position=top]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host([position=bottom]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}:host(.to-bottom-opened),:host(.to-center-opened),:host(.to-left-opened),:host(.to-right-opened),:host(.to-top-opened){-webkit-transition-duration:500ms;transition-duration:500ms;background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));pointer-events:auto}.close{top:0px;height:2.25rem;width:2.25rem;border-radius:9999px;font-size:2.25rem;line-height:2.5rem;opacity:0;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);cursor:pointer;fill:inherit;position:absolute;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate(0, 24px) rotate(90deg);transform:translate(0, 24px) rotate(90deg);-webkit-transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, transform;transition-property:opacity, outline, outline-offset, transform, -webkit-transform}.window{height:100%;gap:0px;background-color:var(--mds-modal-window-background);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);display:grid;grid-template-rows:1fr;max-width:calc(100vw - 80px);overflow:var(--mds-modal-window-overflow)}.window--top{grid-template-rows:auto 1fr}.window--bottom{grid-template-rows:1fr auto}.window--top-bottom{grid-template-rows:auto 1fr auto}:host(.to-bottom){padding:2rem}@media (max-width: 767px){:host(.to-bottom){padding:1rem}}:host(.to-bottom){-ms-flex-pack:center;justify-content:center}:host(.to-bottom) .window,:host(.to-bottom)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-bottom-intro) .window,:host(.to-bottom-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-bottom-opened.to-bottom-outro) .window,:host(.to-bottom-opened.to-bottom-outro)>::slotted([slot="window"]),:host(.to-bottom-opened) .window,:host(.to-bottom-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-bottom-outro) .window,:host(.to-bottom-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-center){padding:2rem}@media (max-width: 767px){:host(.to-center){padding:1rem}}:host(.to-center){-ms-flex-pack:center;justify-content:center}:host(.to-center) .window,:host(.to-center)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-center-intro) .window,:host(.to-center-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-center-opened.to-center-outro) .window,:host(.to-center-opened.to-center-outro)>::slotted([slot="window"]),:host(.to-center-opened) .window,:host(.to-center-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-center-outro) .window,:host(.to-center-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-left){-ms-flex-pack:start;justify-content:flex-start}:host(.to-left) .window,:host(.to-left)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-left-intro) .window,:host(.to-left-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-opened.to-left-outro) .window,:host(.to-left-opened.to-left-outro)>::slotted([slot="window"]),:host(.to-left-opened) .window,:host(.to-left-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-left-opened) .close,:host(.to-left-opened.to-left-outro) .close{opacity:1;-webkit-transform:translate(-24px, 24px) rotate(0);transform:translate(-24px, 24px) rotate(0)}:host(.to-left-outro) .window,:host(.to-left-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-outro) .close{-webkit-transform:translate(24px, 24px) rotate(-90deg);transform:translate(24px, 24px) rotate(-90deg)}:host(.to-left) .close{right:0px;-webkit-transform:translate(36px, 24px) rotate(90deg);transform:translate(36px, 24px) rotate(90deg)}:host(.to-right){-ms-flex-pack:end;justify-content:flex-end}:host(.to-right) .window,:host(.to-right)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-right-intro) .window,:host(.to-right-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-opened.to-right-outro) .window,:host(.to-right-opened.to-right-outro)>::slotted([slot="window"]),:host(.to-right-opened) .window,:host(.to-right-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-right-opened) .close,:host(.to-right-opened.to-right-outro) .close{opacity:1;-webkit-transform:translate(24px, 24px) rotate(0);transform:translate(24px, 24px) rotate(0)}:host(.to-right-outro) .window,:host(.to-right-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-outro) .close{-webkit-transform:translate(-24px, 24px) rotate(90deg);transform:translate(-24px, 24px) rotate(90deg)}:host(.to-right) .close{left:0px;-webkit-transform:translate(-36px, 24px) rotate(-90deg);transform:translate(-36px, 24px) rotate(-90deg)}:host(.to-top){padding:2rem}@media (max-width: 767px){:host(.to-top){padding:1rem}}:host(.to-top){-ms-flex-pack:center;justify-content:center}:host(.to-top) .window,:host(.to-top)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-top-intro) .window,:host(.to-top-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-top-opened.to-top-outro) .window,:host(.to-top-opened.to-top-outro)>::slotted([slot="window"]),:host(.to-top-opened) .window,:host(.to-top-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-top-outro) .window,:host(.to-top-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}@media (max-width: 767px){.mobile\\:w-12{width:3rem}}';export{l as mds_modal}

package/dist/stats.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2023-09-18T09:17:50",
+  "timestamp": "2023-09-27T11:25:01",
   "compiler": {
     "name": "node",
-    "version": "18.12.1"
+    "version": "18.16.1"
   },
   "app": {
     "namespace": "MdsModal",
@@ -59,17 +59,17 @@
         "name": "dist-lazy",
         "files": 35,
         "generatedFiles": [
-          "./dist/cjs/index-0ac65212.js",
+          "./dist/cjs/index-2ef62850.js",
           "./dist/cjs/index.cjs.js",
           "./dist/cjs/loader.cjs.js",
           "./dist/cjs/mds-modal.cjs.entry.js",
           "./dist/cjs/mds-modal.cjs.js",
-          "./dist/esm-es5/index-6f346db2.js",
+          "./dist/esm-es5/index-822a7c21.js",
           "./dist/esm-es5/index.js",
           "./dist/esm-es5/loader.js",
           "./dist/esm-es5/mds-modal.entry.js",
           "./dist/esm-es5/mds-modal.js",
-          "./dist/esm/index-6f346db2.js",
+          "./dist/esm/index-822a7c21.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-modal.entry.js",
@@ -79,21 +79,21 @@
           "./dist/mds-modal/index.esm.js",
           "./dist/mds-modal/mds-modal.esm.js",
           "./dist/mds-modal/mds-modal.js",
-          "./dist/mds-modal/p-3bcc29b0.js",
+          "./dist/mds-modal/p-0e1a634c.system.js",
           "./dist/mds-modal/p-50ea2036.system.js",
-          "./dist/mds-modal/p-5561703a.system.js",
-          "./dist/mds-modal/p-5c4c27fb.entry.js",
-          "./dist/mds-modal/p-7a7afece.system.entry.js",
-          "./dist/mds-modal/p-d94af3e0.system.js",
+          "./dist/mds-modal/p-62ef7bee.system.entry.js",
+          "./dist/mds-modal/p-6acd79b6.system.js",
+          "./dist/mds-modal/p-cc1354fb.js",
+          "./dist/mds-modal/p-f67f79a7.entry.js",
           "./www/build/index.esm.js",
           "./www/build/mds-modal.esm.js",
           "./www/build/mds-modal.js",
-          "./www/build/p-3bcc29b0.js",
+          "./www/build/p-0e1a634c.system.js",
           "./www/build/p-50ea2036.system.js",
-          "./www/build/p-5561703a.system.js",
-          "./www/build/p-5c4c27fb.entry.js",
-          "./www/build/p-7a7afece.system.entry.js",
-          "./www/build/p-d94af3e0.system.js"
+          "./www/build/p-62ef7bee.system.entry.js",
+          "./www/build/p-6acd79b6.system.js",
+          "./www/build/p-cc1354fb.js",
+          "./www/build/p-f67f79a7.entry.js"
         ]
       },
       {
@@ -126,12 +126,12 @@
         "components": [
           "mds-modal"
         ],
-        "bundleId": "p-5c4c27fb",
-        "fileName": "p-5c4c27fb.entry.js",
+        "bundleId": "p-f67f79a7",
+        "fileName": "p-f67f79a7.entry.js",
         "imports": [
-          "p-3bcc29b0.js"
+          "p-cc1354fb.js"
         ],
-        "originalByteSize": 20787
+        "originalByteSize": 20836
       }
     ],
     "esm": [
@@ -143,9 +143,9 @@
         "bundleId": "mds-modal",
         "fileName": "mds-modal.entry.js",
         "imports": [
-          "index-6f346db2.js"
+          "index-822a7c21.js"
         ],
-        "originalByteSize": 20791
+        "originalByteSize": 20840
       }
     ],
     "es5": [
@@ -157,9 +157,9 @@
         "bundleId": "mds-modal",
         "fileName": "mds-modal.entry.js",
         "imports": [
-          "index-6f346db2.js"
+          "index-822a7c21.js"
         ],
-        "originalByteSize": 20791
+        "originalByteSize": 20840
       }
     ],
     "system": [
@@ -168,12 +168,12 @@
         "components": [
           "mds-modal"
         ],
-        "bundleId": "p-7a7afece.system",
-        "fileName": "p-7a7afece.system.entry.js",
+        "bundleId": "p-62ef7bee.system",
+        "fileName": "p-62ef7bee.system.entry.js",
         "imports": [
-          "p-d94af3e0.system.js"
+          "p-6acd79b6.system.js"
         ],
-        "originalByteSize": 21862
+        "originalByteSize": 21911
       }
     ],
     "commonjs": [
@@ -185,9 +185,9 @@
         "bundleId": "mds-modal.cjs",
         "fileName": "mds-modal.cjs.entry.js",
         "imports": [
-          "index-0ac65212.js"
+          "index-2ef62850.js"
         ],
-        "originalByteSize": 20868
+        "originalByteSize": 20917
       }
     ]
   },
@@ -581,7 +581,7 @@
   ],
   "componentGraph": {
     "sc-mds-modal": [
-      "p-3bcc29b0.js"
+      "p-cc1354fb.js"
     ]
   },
   "sourceGraph": {

package/dist/types/common/aria.d.ts

@@ -1,4 +1,5 @@
 declare const unslugName: (name: string) => string;
 declare const setAttributeIfEmpty: (element: HTMLElement, attribute: string, value: string) => string;
 declare const hashValue: (value: string) => string;
-export { unslugName, setAttributeIfEmpty, hashValue, };
+declare const hashRandomValue: (value?: string) => string;
+export { unslugName, setAttributeIfEmpty, hashRandomValue, hashValue, };

package/documentation.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2023-09-18T08:43:05",
+  "timestamp": "2023-09-27T10:36:27",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.2.1",
+    "version": "4.3.0",
     "typescriptVersion": "5.1.6"
   },
   "components": [
@@ -10,8 +10,8 @@
       "filePath": "src/components/mds-modal/mds-modal.tsx",
       "encapsulation": "shadow",
       "tag": "mds-modal",
-      "readme": "# mds-modal\n\n\n",
-      "docs": "",
+      "readme": "# mds-modal\n\n\n\nThis is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.\n",
+      "docs": "This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
       "docsTags": [
         {
           "name": "slot",
@@ -367,6 +367,11 @@
       "docstring": "",
       "path": "src/components/mds-form/meta/types.ts"
     },
+    "src/components/mds-header-bar/meta/types.ts::MenuType": {
+      "declaration": "export type MenuType =\n  | 'all'\n  | 'desktop'\n  | 'mobile'\n  | 'none'",
+      "docstring": "",
+      "path": "src/components/mds-header-bar/meta/types.ts"
+    },
     "src/components/mds-header/meta/event-detail.ts::MdsHeaderEventDetail": {
       "declaration": "export interface MdsHeaderEventDetail {\n  bar: HTMLMdsHeaderBarElement\n}",
       "docstring": "",
@@ -472,6 +477,11 @@
       "docstring": "",
       "path": "src/components/mds-paginator/meta/event-detail.ts"
     },
+    "src/components/mds-price-table-features-cell/meta/types.ts::PriceTableFeaturesCellType": {
+      "declaration": "export type PriceTableFeaturesCellType =\n  | 'custom'\n  | 'label'\n  | 'supported'\n  | 'text'\n  | 'unsupported'",
+      "docstring": "",
+      "path": "src/components/mds-price-table-features-cell/meta/types.ts"
+    },
     "src/components/mds-progress/meta/types.ts::DirectionType": {
       "declaration": "export type DirectionType =\n  | 'horizontal'\n  | 'vertical'",
       "docstring": "",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maggioli-design-system/mds-modal",
-  "version": "4.4.0",
-  "description": "mds-modal is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
+  "version": "4.4.1",
+  "description": "mds-modal is a web-component from Magma Design System, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
   "es2015": "dist/esm/index.mjs",
@@ -25,8 +25,8 @@
   },
   "dependencies": {
     "@maggioli-design-system/styles": "^11.7.0",
-    "@stencil/core": "^4.2.1",
-    "clsx": "^1.2.1"
+    "@stencil/core": "^4.3.0",
+    "clsx": "^2.0.0"
   },
   "license": "MIT",
   "author": {

package/readme.md

@@ -2,6 +2,8 @@
 
 
 
+This is a web-component from Maggioli Design System [Magma](https://magma.maggiolicloud.it), built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.
+
 <!-- Auto Generated Below -->
 
 
@@ -64,4 +66,4 @@ graph TD;
 
 ----------------------------------------------
 
-Built with love @ **Maggioli Informatica / R&D Department**
+Built with love @ [Gruppo Maggioli](https://www.maggioli.com) from [R&D Department](https://www.maggioli.com/it-it/chi-siamo/ricerca-sviluppo)

package/src/common/aria.ts

@@ -6,6 +6,8 @@ const hash = (s: string): string => {
   return h.toString()
 }
 
+const randomInt = (max: number): number => Math.floor(Math.random() * max)
+
 const unslugName = (name: string): string => {
   return name.split('/')?.slice(-1).pop()?.replace(/-/g, ' ') ?? name
 }
@@ -20,8 +22,18 @@ const setAttributeIfEmpty = (element: HTMLElement, attribute: string, value: str
 
 const hashValue = (value: string): string => `${value}-${hash(value)}`
 
+const hashRandomValue = (value?: string): string => {
+  const randomValue = randomInt(1000000)
+  if (value) {
+    return `${value}-${hash(randomValue.toString())}`
+  }
+
+  return hash(randomValue.toString())
+}
+
 export {
   unslugName,
   setAttributeIfEmpty,
+  hashRandomValue,
   hashValue,
 }

package/src/components/mds-modal/css/mds-modal-animate-bottom.css

@@ -1,8 +1,9 @@
 :host( .to-bottom ) {
   @apply
-    justify-center
     mobile:p-4
     p-8;
+
+  justify-content: center;
 }
 
 :host( .to-bottom ) .window,

package/src/components/mds-modal/css/mds-modal-animate-center.css

@@ -1,8 +1,9 @@
 :host( .to-center ) {
   @apply
-    justify-center
     mobile:p-4
     p-8;
+
+  justify-content: center;
 }
 
 :host( .to-center ) .window,

package/src/components/mds-modal/css/mds-modal-animate-left.css

@@ -1,5 +1,5 @@
 :host( .to-left ) {
-  @apply justify-start;
+  justify-content: flex-start;
 }
 
 :host( .to-left ) .window,

package/src/components/mds-modal/css/mds-modal-animate-right.css

@@ -1,5 +1,5 @@
 :host( .to-right ) {
-  @apply justify-end;
+  justify-content: flex-end;
 }
 
 :host( .to-right ) .window,

package/src/components/mds-modal/css/mds-modal-animate-top.css

@@ -1,8 +1,9 @@
 :host( .to-top ) {
   @apply
-    justify-center
     mobile:p-4
     p-8;
+
+  justify-content: center;
 }
 
 :host( .to-top ) .window,

package/src/components/mds-modal/mds-modal.css

@@ -12,7 +12,7 @@
   * @prop --mds-modal-window-overflow: Set the overflow of the window
   * @prop --mds-modal-window-shadow: Set the box shadow of the window
   * @prop --mds-modal-z-index: Set the z-index of the window when the component is opened
-*/
+  */
 
 :host {
 
@@ -25,30 +25,28 @@
 
   @apply
     duration-700
-    ease-in-out-expo
-    fixed
-    flex
-    inset-0
-    items-center
-    justify-center
-    pointer-events-none;
+    ease-in-out-expo;
 
+  align-items: center;
   background-color: rgba(var(--mds-modal-overlay-color) / 0);
+  display: flex;
   fill: theme('colors.tone-neutral');
+  inset: 0;
+  justify-content: center;
   perspective: 600px;
+  pointer-events: none;
+  position: fixed;
   z-index: var(--mds-modal-z-index, 1000);
 }
 
 :host( [position=top] ) {
-  @apply
-    items-start
-    justify-center;
+  align-items: flex-start;
+  justify-content: center;
 }
 
 :host( [position=bottom] ) {
-  @apply
-    items-end
-    justify-center;
+  align-items: flex-end;
+  justify-content: center;
 }
 
 :host( .to-bottom-opened ),
@@ -56,28 +54,27 @@
 :host( .to-left-opened ),
 :host( .to-right-opened ),
 :host( .to-top-opened ) {
-  @apply
-    duration-500
-    pointer-events-auto;
+  @apply duration-500;
 
   background-color: rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));
+  pointer-events: auto;
 }
 
 .close {
   @apply
-    absolute
-    cursor-pointer
     duration-500
     ease-in-out-quart
     h-9
     opacity-0
-    origin-center
     rounded-full
     text-4xl
     top-0
     w-9;
 
+  cursor: pointer;
   fill: inherit;
+  position: absolute;
+  transform-origin: center;
   transform: translate(0, 24px) rotate(90deg);
   transition-property: opacity, outline, outline-offset, transform;
 }
@@ -85,11 +82,11 @@
 .window {
   @apply
     gap-0
-    grid
     h-full;
 
   background-color: var(--mds-modal-window-background);
   box-shadow: var(--mds-modal-window-shadow);
+  display: grid;
   grid-template-rows: 1fr;
   max-width: calc(100vw - 80px);
   overflow: var(--mds-modal-window-overflow);

package/src/components/mds-modal/readme.md

@@ -51,4 +51,4 @@
 
 ----------------------------------------------
 
-Built with love @ **Maggioli Informatica / R&D Department**
+Built with love @ [Gruppo Maggioli](https://www.maggioli.com) from [R&D Department](https://www.maggioli.com/it-it/chi-siamo/ricerca-sviluppo)

package/src/components/mds-modal/test/mds-modal.e2e.ts

@@ -71,6 +71,6 @@ describe('mds-modal', () => {
 
     await page.waitForChanges()
 
-    expect(element).not.toHaveAttribute('opened')
+    expect(element).not.toHaveClass('opened')
   })
 })

package/src/components/mds-modal/test/mds-modal.stories.mdx

@@ -1,8 +1,6 @@
 import { Canvas, Meta, Story } from "@storybook/addon-docs";
 
-import MdsModal from "@component-dist/mds-modal/mds-modal";
-
-<Meta title="UI/Modal/Known issues" component={MdsModal} />
+<Meta title="UI/Modal/Known issues" />
 
 # Known issues
 

package/src/fixtures/icons.json

@@ -247,6 +247,7 @@
     "mi/baseline/explore",
     "mi/baseline/folder-zip",
     "mi/baseline/groups",
+    "mi/baseline/horizontal-rule",
     "mi/baseline/indeterminate-check-box",
     "mi/baseline/info",
     "mi/baseline/insert-drive-file",
@@ -272,6 +273,7 @@
     "mi/baseline/warning-amber",
     "mi/baseline/web",
     "mi/baseline/wysiwyg",
+    "mi/outline/help-outline",
     "mi/round/arrow-circle-down",
     "mi/round/email",
     "mi/round/groups",

package/www/build/mds-modal.esm.js

@@ -1 +1 @@
-import{p as e,b as o}from"./p-3bcc29b0.js";export{s as setNonce}from"./p-3bcc29b0.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-5c4c27fb",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]]]]]],e)));
+import{p as e,b as o}from"./p-cc1354fb.js";export{s as setNonce}from"./p-cc1354fb.js";(()=>{const o=import.meta.url,n={};return""!==o&&(n.resourcesUrl=new URL(".",o).href),e(n)})().then((e=>o([["p-f67f79a7",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{position:["positionChange"],opened:["openedChange"]}]]]],e)));

package/www/build/mds-modal.js

@@ -115,7 +115,7 @@ DOMTokenList
   var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
   var start = function() {
     // if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
-    var url = new URL('./p-5561703a.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-0e1a634c.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 

package/www/build/{p-5561703a.system.js → p-0e1a634c.system.js}

@@ -1 +1 @@
-System.register(["./p-d94af3e0.system.js"],(function(e,n){"use strict";var s,t;return{setters:[function(n){s=n.p;t=n.b;e("setNonce",n.s)}],execute:function(){var e=function(){var e=n.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return s(t)};e().then((function(e){return t([["p-7a7afece.system",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]]]]]],e)}))}}}));
+System.register(["./p-6acd79b6.system.js"],(function(e,n){"use strict";var s,t;return{setters:[function(n){s=n.p;t=n.b;e("setNonce",n.s)}],execute:function(){var e=function(){var e=n.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return s(t)};e().then((function(e){return t([["p-62ef7bee.system",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{position:["positionChange"],opened:["openedChange"]}]]]],e)}))}}}));

package/www/build/p-62ef7bee.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-6acd79b6.system.js"],(function(t){"use strict";var o,i,e,r,n;return{setters:[function(t){o=t.r;i=t.c;e=t.h;r=t.H;n=t.g}],execute:function(){function a(t){var o,i,e="";if("string"==typeof t||"number"==typeof t)e+=t;else if("object"==typeof t)if(Array.isArray(t))for(o=0;o<t.length;o++)t[o]&&(i=a(t[o]))&&(e&&(e+=" "),e+=i);else for(o in t)t[o]&&(e&&(e+=" "),e+=o);return e}function s(){for(var t,o,i=0,e="";i<arguments.length;)(t=arguments[i++])&&(o=a(t))&&(e&&(e+=" "),e+=o);return e}var l='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>';var d=function(){function t(){var t=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(t){if(t.code==="Space"||t.code==="Enter"||t.code==="NumpadEnter"){t.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(o){if(o.code==="Escape"&&t.escapeCallback){t.escapeCallback()}};this.addElement=function(o,i){if(i===void 0){i="element"}t.elements[i]=o};this.attachClickBehavior=function(o){if(o===void 0){o="element"}if(t.elements[o]){t.elements[o].addEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(o){if(o===void 0){o="element"}if(t.elements[o]){t.elements[o].removeEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(o){t.escapeCallback=o;if(typeof window!==undefined){window.addEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}};this.detachEscapeBehavior=function(){t.escapeCallback=function(){return};if(typeof window!==undefined){window.removeEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}}}return t}();var c='@tailwind components; @tailwind utilities; .focus-off,.focusable,.focusable-light,.focusable-light-off{-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.focus-light-on,.focusable-light:focus-visible{--magma-outline-blur:2px solid rgb(var(--tone-neutral))}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.animate-right-intro,.animate-right-outro{-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}.fixed{position:fixed}.absolute{position:absolute}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.ml-auto{margin-left:auto}.flex{display:-ms-flexbox;display:flex}.w-16{width:4rem}.min-w-0{min-width:0px}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.items-center{-ms-flex-align:center;align-items:center}.gap-4{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-tone-neutral-09{--tw-border-opacity:1;border-color:rgba(var(--tone-neutral-09), var(--tw-border-opacity))}.bg-transparent{background-color:transparent}.p-4{padding:1rem}.p-8{padding:2rem}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-modal-overlay-color:var(--magma-overlay-color, 0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity, 0.5);--mds-modal-window-background:rgb(var(--tone-neutral));--mds-modal-window-overflow:auto;--mds-modal-window-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--mds-modal-z-index:var(--magma-modal-z-index);-webkit-transition-duration:700ms;transition-duration:700ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);-ms-flex-align:center;align-items:center;background-color:rgba(var(--mds-modal-overlay-color) / 0);display:-ms-flexbox;display:flex;fill:rgb(var(--tone-neutral));inset:0;-ms-flex-pack:center;justify-content:center;-webkit-perspective:600px;perspective:600px;pointer-events:none;position:fixed;z-index:var(--mds-modal-z-index, 1000)}:host([position=top]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host([position=bottom]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}:host(.to-bottom-opened),:host(.to-center-opened),:host(.to-left-opened),:host(.to-right-opened),:host(.to-top-opened){-webkit-transition-duration:500ms;transition-duration:500ms;background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));pointer-events:auto}.close{top:0px;height:2.25rem;width:2.25rem;border-radius:9999px;font-size:2.25rem;line-height:2.5rem;opacity:0;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);cursor:pointer;fill:inherit;position:absolute;-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate(0, 24px) rotate(90deg);transform:translate(0, 24px) rotate(90deg);-webkit-transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, transform;transition-property:opacity, outline, outline-offset, transform, -webkit-transform}.window{height:100%;gap:0px;background-color:var(--mds-modal-window-background);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);display:grid;grid-template-rows:1fr;max-width:calc(100vw - 80px);overflow:var(--mds-modal-window-overflow)}.window--top{grid-template-rows:auto 1fr}.window--bottom{grid-template-rows:1fr auto}.window--top-bottom{grid-template-rows:auto 1fr auto}:host(.to-bottom){padding:2rem}@media (max-width: 767px){:host(.to-bottom){padding:1rem}}:host(.to-bottom){-ms-flex-pack:center;justify-content:center}:host(.to-bottom) .window,:host(.to-bottom)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-bottom-intro) .window,:host(.to-bottom-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-bottom-opened.to-bottom-outro) .window,:host(.to-bottom-opened.to-bottom-outro)>::slotted([slot="window"]),:host(.to-bottom-opened) .window,:host(.to-bottom-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-bottom-outro) .window,:host(.to-bottom-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-center){padding:2rem}@media (max-width: 767px){:host(.to-center){padding:1rem}}:host(.to-center){-ms-flex-pack:center;justify-content:center}:host(.to-center) .window,:host(.to-center)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-center-intro) .window,:host(.to-center-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-center-opened.to-center-outro) .window,:host(.to-center-opened.to-center-outro)>::slotted([slot="window"]),:host(.to-center-opened) .window,:host(.to-center-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-center-outro) .window,:host(.to-center-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-left){-ms-flex-pack:start;justify-content:flex-start}:host(.to-left) .window,:host(.to-left)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-left-intro) .window,:host(.to-left-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-opened.to-left-outro) .window,:host(.to-left-opened.to-left-outro)>::slotted([slot="window"]),:host(.to-left-opened) .window,:host(.to-left-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-left-opened) .close,:host(.to-left-opened.to-left-outro) .close{opacity:1;-webkit-transform:translate(-24px, 24px) rotate(0);transform:translate(-24px, 24px) rotate(0)}:host(.to-left-outro) .window,:host(.to-left-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-outro) .close{-webkit-transform:translate(24px, 24px) rotate(-90deg);transform:translate(24px, 24px) rotate(-90deg)}:host(.to-left) .close{right:0px;-webkit-transform:translate(36px, 24px) rotate(90deg);transform:translate(36px, 24px) rotate(90deg)}:host(.to-right){-ms-flex-pack:end;justify-content:flex-end}:host(.to-right) .window,:host(.to-right)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-right-intro) .window,:host(.to-right-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-opened.to-right-outro) .window,:host(.to-right-opened.to-right-outro)>::slotted([slot="window"]),:host(.to-right-opened) .window,:host(.to-right-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-right-opened) .close,:host(.to-right-opened.to-right-outro) .close{opacity:1;-webkit-transform:translate(24px, 24px) rotate(0);transform:translate(24px, 24px) rotate(0)}:host(.to-right-outro) .window,:host(.to-right-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-outro) .close{-webkit-transform:translate(-24px, 24px) rotate(90deg);transform:translate(-24px, 24px) rotate(90deg)}:host(.to-right) .close{left:0px;-webkit-transform:translate(-36px, 24px) rotate(-90deg);transform:translate(-36px, 24px) rotate(-90deg)}:host(.to-top){padding:2rem}@media (max-width: 767px){:host(.to-top){padding:1rem}}:host(.to-top){-ms-flex-pack:center;justify-content:center}:host(.to-top) .window,:host(.to-top)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-top-intro) .window,:host(.to-top-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-top-opened.to-top-outro) .window,:host(.to-top-opened.to-top-outro)>::slotted([slot="window"]),:host(.to-top-opened) .window,:host(.to-top-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-top-outro) .window,:host(.to-top-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}@media (max-width: 767px){.mobile\\:w-12{width:3rem}}';var w=t("mds_modal",function(){function t(t){var e=this;o(this,t);this.closeEvent=i(this,"mdsModalClose",7);this.window=false;this.top=false;this.bottom=false;this.animationState="intro";this.km=new d;this.componentDidLoad=function(){var t;e.km.addElement(e.host,"host");var o=(t=e.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".close");if(o)e.km.addElement(o,"close");e.km.attachEscapeBehavior((function(){return e.closeEvent.emit()}));e.km.attachClickBehavior("close")};this.animationName=function(t,o){if(t===void 0){t=""}if(o===void 0){o=""}return"to-".concat(o!==""?o:e.position).concat(t!==""?"-"+t:"")};this.closeModal=function(t){var o;if(((o=t.target)===null||o===void 0?void 0:o.localName)!=="mds-modal"){return}e.opened=t.target!==t.currentTarget;if(!e.opened){e.closeEvent.emit()}};this.stateOpened=undefined;this.opened=false;this.position="center"}t.prototype.componentWillLoad=function(){var t;this.bottom=this.host.querySelector('[slot="bottom"]')!==null;this.top=this.host.querySelector('[slot="top"]')!==null;this.window=this.host.querySelector('[slot="window"]')!==null;this.stateOpened=this.opened;if(!this.window){this.position="right"}if(this.window){(t=this.host.querySelector('[slot="window"]'))===null||t===void 0?void 0:t.setAttribute("role","modal")}};t.prototype.componentWillRender=function(){this.animationState=this.opened?"intro":"outro";this.host.classList.add(this.animationName())};t.prototype.componentDidRender=function(){var t=this;this.animationDeelay=window.setTimeout((function(){t.animationState=t.animationState==="intro"?"outro":"intro";t.host.classList.remove(t.animationName(t.animationState==="intro"?"outro":"intro"));t.host.classList.add(t.animationName(t.animationState));window.clearTimeout(t.animationDeelay)}),500)};t.prototype.disconnectedCallback=function(){this.km.detachEscapeBehavior();this.km.detachClickBehavior("close")};t.prototype.positionChange=function(t,o){window.clearTimeout(this.animationDeelay);this.host.classList.remove(this.animationName("",o));this.host.classList.remove(this.animationName("intro",o));this.host.classList.remove(this.animationName("outro",o))};t.prototype.openedChange=function(t){this.stateOpened=t;window.clearTimeout(this.animationDeelay)};t.prototype.onModalCloseListener=function(){this.opened=false};t.prototype.onBannerCloseListener=function(){this.opened=false};t.prototype.render=function(){var t=this;return e(r,{"aria-modal":s(this.opened?"true":"false"),class:s(this.stateOpened&&this.animationName("opened")),onClick:function(o){t.closeModal(o)}},this.window?e("slot",{name:"window"}):e("div",{class:s("window",(this.top||this.bottom)&&"window-".concat(this.top?"-top":"").concat(this.bottom?"-bottom":"")),role:"dialog",part:"window"},this.top&&e("slot",{name:"top"}),e("slot",null),this.bottom&&e("slot",{name:"bottom"})),!this.window&&e("i",{innerHTML:l,tabindex:"0",onClick:function(o){t.closeModal(o)},class:"svg close focusable-light"}))};Object.defineProperty(t.prototype,"host",{get:function(){return n(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{position:["positionChange"],opened:["openedChange"]}},enumerable:false,configurable:true});return t}());w.style=c}}}));

package/www/build/p-6acd79b6.system.js

@@ -0,0 +1,2 @@
+var __extends=this&&this.__extends||function(){var e=function(n,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)if(Object.prototype.hasOwnProperty.call(n,t))e[t]=n[t]};return e(n,t)};return function(n,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");e(n,t);function r(){this.constructor=n}n.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(e,n,t,r){function a(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,i){function l(e){try{u(r.next(e))}catch(e){i(e)}}function o(e){try{u(r["throw"](e))}catch(e){i(e)}}function u(e){e.done?t(e.value):a(e.value).then(l,o)}u((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,a,i,l;return l={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(l[Symbol.iterator]=function(){return this}),l;function o(e){return function(n){return u([e,n])}}function u(o){if(r)throw new TypeError("Generator is already executing.");while(l&&(l=0,o[0]&&(t=0)),t)try{if(r=1,a&&(i=o[0]&2?a["return"]:o[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;if(a=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;a=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){t.label=o[1];break}if(o[0]===6&&t.label<i[1]){t.label=i[1];i=o;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(o);break}if(i[2])t.ops.pop();t.trys.pop();continue}o=n.call(e,t)}catch(e){o=[6,e];a=0}finally{r=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,n,t){if(t||arguments.length===2)for(var r=0,a=n.length,i;r<a;r++){if(i||!(r in n)){if(!i)i=Array.prototype.slice.call(n,0,r);i[r]=n[r]}}return e.concat(i||Array.prototype.slice.call(n))};System.register([],(function(e,n){"use strict";return{execute:function(){var t=this;var r="mds-modal";var a;var i;var l=false;var o=false;var u=function(e,n){if(n===void 0){n=""}{return function(){return}}};var s=function(e,n){{return function(){return}}};var f="{visibility:hidden}[hydrated]{visibility:inherit}";var $={};var c=function(e){return e!=null};var v=function(e){e=typeof e;return e==="object"||e==="function"};function d(e){var n,t,r;return(r=(t=(n=e.head)===null||n===void 0?void 0:n.querySelector('meta[name="csp-nonce"]'))===null||t===void 0?void 0:t.getAttribute("content"))!==null&&r!==void 0?r:undefined}var h=e("h",(function(e,n){var t=[];for(var r=2;r<arguments.length;r++){t[r-2]=arguments[r]}var a=null;var i=false;var l=false;var o=[];var u=function(n){for(var t=0;t<n.length;t++){a=n[t];if(Array.isArray(a)){u(a)}else if(a!=null&&typeof a!=="boolean"){if(i=typeof e!=="function"&&!v(a)){a=String(a)}if(i&&l){o[o.length-1].$text$+=a}else{o.push(i?p(null,a):a)}l=i}}};u(t);if(n){{var s=n.className||n.class;if(s){n.class=typeof s!=="object"?s:Object.keys(s).filter((function(e){return s[e]})).join(" ")}}}var f=p(e,null);f.$attrs$=n;if(o.length>0){f.$children$=o}return f}));var p=function(e,n){var t={$flags$:0,$tag$:e,$text$:n,$elm$:null,$children$:null};{t.$attrs$=null}return t};var m=e("H",{});var y=function(e){return e&&e.$tag$===m};var g=function(e,n){if(e!=null&&!v(e)){if(n&4){return e==="false"?false:e===""||!!e}if(n&1){return String(e)}return e}return e};var b=e("g",(function(e){return $e(e).$hostElement$}));var w=e("c",(function(e,n,t){var r=b(e);return{emit:function(e){return _(r,n,{bubbles:!!(t&4),composed:!!(t&2),cancelable:!!(t&1),detail:e})}}}));var _=function(e,n,t){var r=we.ce(n,t);e.dispatchEvent(r);return r};var S=new WeakMap;var R=function(e,n,t){var r=ye.get(e);if(Se&&t){r=r||new CSSStyleSheet;if(typeof r==="string"){r=n}else{r.replaceSync(n)}}else{r=n}ye.set(e,r)};var N=function(e,n,t){var r;var a=A(n);var i=ye.get(a);e=e.nodeType===11?e:be;if(i){if(typeof i==="string"){e=e.head||e;var l=S.get(e);var o=void 0;if(!l){S.set(e,l=new Set)}if(!l.has(a)){{o=be.createElement("style");o.innerHTML=i;var u=(r=we.$nonce$)!==null&&r!==void 0?r:d(be);if(u!=null){o.setAttribute("nonce",u)}e.insertBefore(o,e.querySelector("link"))}if(l){l.add(a)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[i],false)}}return a};var x=function(e){var n=e.$cmpMeta$;var t=e.$hostElement$;var r=n.$flags$;var a=u("attachStyles",n.$tagName$);var i=N(t.shadowRoot?t.shadowRoot:t.getRootNode(),n);if(r&10){t["s-sc"]=i;t.classList.add(i+"-h")}a()};var A=function(e,n){return"sc-"+e.$tagName$};var E=function(e,n,t,r,a,i){if(t!==r){var l=de(e,n);var o=n.toLowerCase();if(n==="class"){var u=e.classList;var s=C(t);var f=C(r);u.remove.apply(u,s.filter((function(e){return e&&!f.includes(e)})));u.add.apply(u,f.filter((function(e){return e&&!s.includes(e)})))}else if(!l&&n[0]==="o"&&n[1]==="n"){if(n[2]==="-"){n=n.slice(3)}else if(de(ge,o)){n=o.slice(2)}else{n=o[2]+n.slice(3)}if(t){we.rel(e,n,t,false)}if(r){we.ael(e,n,r,false)}}else{var $=v(r);if((l||$&&r!==null)&&!a){try{if(!e.tagName.includes("-")){var c=r==null?"":r;if(n==="list"){l=false}else if(t==null||e[n]!=c){e[n]=c}}else{e[n]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(n)===""){{e.removeAttribute(n)}}}else if((!l||i&4||a)&&!$){r=r===true?"":r;{e.setAttribute(n,r)}}}}};var L=/\s/;var C=function(e){return!e?[]:e.split(L)};var P=function(e,n,t,r){var a=n.$elm$.nodeType===11&&n.$elm$.host?n.$elm$.host:n.$elm$;var i=e&&e.$attrs$||$;var l=n.$attrs$||$;{for(r in i){if(!(r in l)){E(a,r,i[r],undefined,t,n.$flags$)}}}for(r in l){E(a,r,i[r],l[r],t,n.$flags$)}};var j=function(e,n,t,r){var i=n.$children$[t];var o=0;var u;var s;if(i.$text$!==null){u=i.$elm$=be.createTextNode(i.$text$)}else{u=i.$elm$=be.createElement(i.$tag$);{P(null,i,l)}if(c(a)&&u["s-si"]!==a){u.classList.add(u["s-si"]=a)}if(i.$children$){for(o=0;o<i.$children$.length;++o){s=j(e,i,o);if(s){u.appendChild(s)}}}}return u};var k=function(e,n,t,r,a,l){var o=e;var u;if(o.shadowRoot&&o.tagName===i){o=o.shadowRoot}for(;a<=l;++a){if(r[a]){u=j(null,t,a);if(u){r[a].$elm$=u;o.insertBefore(u,n)}}}};var M=function(e,n,t){for(var r=n;r<=t;++r){var a=e[r];if(a){var i=a.$elm$;if(i){i.remove()}}}};var O=function(e,n,t,r){var a=0;var i=0;var l=n.length-1;var o=n[0];var u=n[l];var s=r.length-1;var f=r[0];var $=r[s];var c;while(a<=l&&i<=s){if(o==null){o=n[++a]}else if(u==null){u=n[--l]}else if(f==null){f=r[++i]}else if($==null){$=r[--s]}else if(I(o,f)){T(o,f);o=n[++a];f=r[++i]}else if(I(u,$)){T(u,$);u=n[--l];$=r[--s]}else if(I(o,$)){T(o,$);e.insertBefore(o.$elm$,u.$elm$.nextSibling);o=n[++a];$=r[--s]}else if(I(u,f)){T(u,f);e.insertBefore(u.$elm$,o.$elm$);u=n[--l];f=r[++i]}else{{c=j(n&&n[i],t,i);f=r[++i]}if(c){{o.$elm$.parentNode.insertBefore(c,o.$elm$)}}}}if(a>l){k(e,r[s+1]==null?null:r[s+1].$elm$,t,r,i,s)}else if(i>s){M(n,a,l)}};var I=function(e,n){if(e.$tag$===n.$tag$){return true}return false};var T=function(e,n){var t=n.$elm$=e.$elm$;var r=e.$children$;var a=n.$children$;var i=n.$tag$;var o=n.$text$;if(o===null){{if(i==="slot");else{P(e,n,l)}}if(r!==null&&a!==null){O(t,r,n,a)}else if(a!==null){if(e.$text$!==null){t.textContent=""}k(t,null,n,a,0,a.length-1)}else if(r!==null){M(r,0,r.length-1)}}else if(e.$text$!==o){t.data=o}};var z=function(e,n,t){if(t===void 0){t=false}var r=e.$hostElement$;var l=e.$cmpMeta$;var o=e.$vnode$||p(null,null);var u=y(n)?n:h(null,null,n);i=r.tagName;if(l.$attrsToReflect$){u.$attrs$=u.$attrs$||{};l.$attrsToReflect$.map((function(e){var n=e[0],t=e[1];return u.$attrs$[t]=r[n]}))}if(t&&u.$attrs$){for(var s=0,f=Object.keys(u.$attrs$);s<f.length;s++){var $=f[s];if(r.hasAttribute($)&&!["key","ref","style","class"].includes($)){u.$attrs$[$]=r[$]}}}u.$tag$=null;u.$flags$|=4;e.$vnode$=u;u.$elm$=o.$elm$=r.shadowRoot||r;{a=r["s-sc"]}T(o,u)};var q=function(e,n){if(n&&!e.$onRenderResolve$&&n["s-p"]){n["s-p"].push(new Promise((function(n){return e.$onRenderResolve$=n})))}};var B=function(e,n){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}q(e,e.$ancestorComponent$);var t=function(){return U(e,n)};return Ce(t)};var U=function(e,n){var t=u("scheduleUpdate",e.$cmpMeta$.$tagName$);var r=e.$lazyInstance$;var a;if(n){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var n=e[0],t=e[1];return J(r,n,t)}));e.$queuedListeners$=undefined}}{a=J(r,"componentWillLoad")}}{a=H(a,(function(){return J(r,"componentWillRender")}))}t();return H(a,(function(){return W(e,r,n)}))};var H=function(e,n){return V(e)?e.then(n):n()};var V=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var W=function(e,n,r){return __awaiter(t,void 0,void 0,(function(){var t,a,i,l,o,s,f;return __generator(this,(function($){a=e.$hostElement$;i=u("update",e.$cmpMeta$.$tagName$);l=a["s-rc"];if(r){x(e)}o=u("render",e.$cmpMeta$.$tagName$);{D(e,n,a,r)}if(l){l.map((function(e){return e()}));a["s-rc"]=undefined}o();i();{s=(t=a["s-p"])!==null&&t!==void 0?t:[];f=function(){return F(e)};if(s.length===0){f()}else{Promise.all(s).then(f);e.$flags$|=4;s.length=0}}return[2]}))}))};var D=function(e,n,t,r){try{n=n.render();{e.$flags$&=~16}{e.$flags$|=2}{{{z(e,n,r)}}}}catch(n){he(n,e.$hostElement$)}return null};var F=function(e){var n=e.$cmpMeta$.$tagName$;var t=e.$hostElement$;var r=u("postUpdate",n);var a=e.$lazyInstance$;var i=e.$ancestorComponent$;{J(a,"componentDidRender")}if(!(e.$flags$&64)){e.$flags$|=64;{K(t)}r();{e.$onReadyResolve$(t);if(!i){G()}}}else{r()}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){Le((function(){return B(e,false)}))}e.$flags$&=~(4|512)}};var G=function(e){{K(be.documentElement)}Le((function(){return _(ge,"appload",{detail:{namespace:r}})}))};var J=function(e,n,t){if(e&&e[n]){try{return e[n](t)}catch(e){he(e)}}return undefined};var K=function(e){return e.setAttribute("hydrated","")};var Q=function(e,n){return $e(e).$instanceValues$.get(n)};var X=function(e,n,t,r){var a=$e(e);var i=a.$hostElement$;var l=a.$instanceValues$.get(n);var o=a.$flags$;var u=a.$lazyInstance$;t=g(t,r.$members$[n][0]);var s=Number.isNaN(l)&&Number.isNaN(t);var f=t!==l&&!s;if((!(o&8)||l===undefined)&&f){a.$instanceValues$.set(n,t);if(u){if(r.$watchers$&&o&128){var $=r.$watchers$[n];if($){$.map((function(e){try{u[e](t,l,n)}catch(e){he(e,i)}}))}}if((o&(2|16))===2){B(a,false)}}}};var Y=function(e,n,t){var r;if(n.$members$){if(e.watchers){n.$watchers$=e.watchers}var a=Object.entries(n.$members$);var i=e.prototype;a.map((function(e){var r=e[0],a=e[1][0];if(a&31||t&2&&a&32){Object.defineProperty(i,r,{get:function(){return Q(this,r)},set:function(e){X(this,r,e,n)},configurable:true,enumerable:true})}}));if(t&1){var l=new Map;i.attributeChangedCallback=function(e,t,r){var a=this;we.jmp((function(){var o=l.get(e);if(a.hasOwnProperty(o)){r=a[o];delete a[o]}else if(i.hasOwnProperty(o)&&typeof a[o]==="number"&&a[o]==r){return}else if(o==null){var u=$e(a);var s=u===null||u===void 0?void 0:u.$flags$;if(!(s&8)&&s&128&&r!==t){var f=u.$lazyInstance$;var $=n.$watchers$[e];$===null||$===void 0?void 0:$.forEach((function(n){if(f[n]!=null){f[n].call(f,r,t,e)}}))}return}a[o]=r===null&&typeof a[o]==="boolean"?false:r}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((r=n.$watchers$)!==null&&r!==void 0?r:{}),true),a.filter((function(e){var n=e[0],t=e[1];return t[0]&15})).map((function(e){var t=e[0],r=e[1];var a=r[1]||t;l.set(a,t);if(r[0]&512){n.$attrsToReflect$.push([t,a])}return a})),true)))}}return e};var Z=function(e,n,r,a,i){return __awaiter(t,void 0,void 0,(function(){var e,t,a,l,o,f,$;return __generator(this,(function(c){switch(c.label){case 0:if(!((n.$flags$&32)===0))return[3,3];n.$flags$|=32;i=me(r);if(!i.then)return[3,2];e=s();return[4,i];case 1:i=c.sent();e();c.label=2;case 2:if(!i.isProxied){{r.$watchers$=i.watchers}Y(i,r,2);i.isProxied=true}t=u("createInstance",r.$tagName$);{n.$flags$|=8}try{new i(n)}catch(e){he(e)}{n.$flags$&=~8}{n.$flags$|=128}t();if(i.style){a=i.style;l=A(r);if(!ye.has(l)){o=u("registerStyles",r.$tagName$);R(l,a,!!(r.$flags$&1));o()}}c.label=3;case 3:f=n.$ancestorComponent$;$=function(){return B(n,true)};if(f&&f["s-rc"]){f["s-rc"].push($)}else{$()}return[2]}}))}))};var ee=function(e){};var ne=function(e){if((we.$flags$&1)===0){var n=$e(e);var t=n.$cmpMeta$;var r=u("connectedCallback",t.$tagName$);if(!(n.$flags$&1)){n.$flags$|=1;{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){q(n,n.$ancestorComponent$=a);break}}}if(t.$members$){Object.entries(t.$members$).map((function(n){var t=n[0],r=n[1][0];if(r&31&&e.hasOwnProperty(t)){var a=e[t];delete e[t];e[t]=a}}))}{Z(e,n,t)}}else{ie(e,n,t.$listeners$);if(n===null||n===void 0?void 0:n.$lazyInstance$);else if(n===null||n===void 0?void 0:n.$onReadyPromise$){n.$onReadyPromise$.then((function(){return ee()}))}}r()}};var te=function(e){{J(e,"disconnectedCallback")}};var re=function(e){return __awaiter(t,void 0,void 0,(function(){var n;return __generator(this,(function(t){if((we.$flags$&1)===0){n=$e(e);{if(n.$rmListeners$){n.$rmListeners$.map((function(e){return e()}));n.$rmListeners$=undefined}}if(n===null||n===void 0?void 0:n.$lazyInstance$){te(n.$lazyInstance$)}else if(n===null||n===void 0?void 0:n.$onReadyPromise$){n.$onReadyPromise$.then((function(){return te(n.$lazyInstance$)}))}}return[2]}))}))};var ae=e("b",(function(e,n){if(n===void 0){n={}}var t;var r=u();var a=[];var i=n.exclude||[];var l=ge.customElements;var o=be.head;var s=o.querySelector("meta[charset]");var $=be.createElement("style");var c=[];var v;var h=true;Object.assign(we,n);we.$resourcesUrl$=new URL(n.resourcesUrl||"./",be.baseURI).href;e.map((function(e){e[1].map((function(n){var t;var r={$flags$:n[0],$tagName$:n[1],$members$:n[2],$listeners$:n[3]};{r.$members$=n[2]}{r.$listeners$=n[3]}{r.$attrsToReflect$=[]}{r.$watchers$=(t=n[4])!==null&&t!==void 0?t:{}}var o=r.$tagName$;var u=function(e){__extends(n,e);function n(n){var t=e.call(this,n)||this;n=t;ve(n,r);if(r.$flags$&1){{{n.attachShadow({mode:"open"})}}}return t}n.prototype.connectedCallback=function(){var e=this;if(v){clearTimeout(v);v=null}if(h){c.push(this)}else{we.jmp((function(){return ne(e)}))}};n.prototype.disconnectedCallback=function(){var e=this;we.jmp((function(){return re(e)}))};n.prototype.componentOnReady=function(){return $e(this).$onReadyPromise$};return n}(HTMLElement);r.$lazyBundleId$=e[0];if(!i.includes(o)&&!l.get(o)){a.push(o);l.define(o,Y(u,r,1))}}))}));{$.innerHTML=a+f;$.setAttribute("data-styles","");var p=(t=we.$nonce$)!==null&&t!==void 0?t:d(be);if(p!=null){$.setAttribute("nonce",p)}o.insertBefore($,s?s.nextSibling:o.firstChild)}h=false;if(c.length){c.map((function(e){return e.connectedCallback()}))}else{{we.jmp((function(){return v=setTimeout(G,30)}))}}r()}));var ie=function(e,n,t,r){if(t){t.map((function(t){var r=t[0],a=t[1],i=t[2];var l=oe(e,r);var o=le(n,i);var u=ue(r);we.ael(l,a,o,u);(n.$rmListeners$=n.$rmListeners$||[]).push((function(){return we.rel(l,a,o,u)}))}))}};var le=function(e,n){return function(t){try{{if(e.$flags$&256){e.$lazyInstance$[n](t)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([n,t])}}}catch(e){he(e)}}};var oe=function(e,n){if(n&4)return be;return e};var ue=function(e){return(e&2)!==0};var se=e("s",(function(e){return we.$nonce$=e}));var fe=new WeakMap;var $e=function(e){return fe.get(e)};var ce=e("r",(function(e,n){return fe.set(n.$lazyInstance$=e,n)}));var ve=function(e,n){var t={$flags$:0,$hostElement$:e,$cmpMeta$:n,$instanceValues$:new Map};{t.$onReadyPromise$=new Promise((function(e){return t.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}ie(e,t,n.$listeners$);return fe.set(e,t)};var de=function(e,n){return n in e};var he=function(e,n){return(0,console.error)(e,n)};var pe=new Map;var me=function(e,t,r){var a=e.$tagName$.replace(/-/g,"_");var i=e.$lazyBundleId$;var l=pe.get(i);if(l){return l[a]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return n.import("./".concat(i,".entry.js").concat("")).then((function(e){{pe.set(i,e)}return e[a]}),he)};var ye=new Map;var ge=typeof window!=="undefined"?window:{};var be=ge.document||{head:{}};var we={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,n,t,r){return e.addEventListener(n,t,r)},rel:function(e,n,t,r){return e.removeEventListener(n,t,r)},ce:function(e,n){return new CustomEvent(e,n)}};var _e=e("p",(function(e){return Promise.resolve(e)}));var Se=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var Re=[];var Ne=[];var xe=function(e,n){return function(t){e.push(t);if(!o){o=true;if(n&&we.$flags$&4){Le(Ee)}else{we.raf(Ee)}}}};var Ae=function(e){for(var n=0;n<e.length;n++){try{e[n](performance.now())}catch(e){he(e)}}e.length=0};var Ee=function(){Ae(Re);{Ae(Ne);if(o=Re.length>0){we.raf(Ee)}}};var Le=function(e){return _e().then(e)};var Ce=xe(Ne,true)}}}));