@maggioli-design-system/mds-modal 5.4.0 → 5.5.0

package/dist/stats.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-02-25T14:19:59",
+  "timestamp": "2025-03-05T16:48:31",
   "compiler": {
     "name": "node",
     "version": "22.11.0"
@@ -87,19 +87,19 @@
         "files": 42,
         "generatedFiles": [
           "./dist/cjs/app-globals-3a1e7e63.js",
-          "./dist/cjs/index-6f236cfa.js",
+          "./dist/cjs/index-a263ff04.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/app-globals-0f993ce5.js",
-          "./dist/esm-es5/index-f8d2dee4.js",
+          "./dist/esm-es5/index-efd0657a.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/app-globals-0f993ce5.js",
-          "./dist/esm/index-f8d2dee4.js",
+          "./dist/esm/index-efd0657a.js",
           "./dist/esm/index.js",
           "./dist/esm/loader.js",
           "./dist/esm/mds-modal.entry.js",
@@ -109,25 +109,25 @@
           "./dist/mds-modal/index.esm.js",
           "./dist/mds-modal/mds-modal.esm.js",
           "./dist/mds-modal/mds-modal.js",
-          "./dist/mds-modal/p-2c91cf1f.entry.js",
+          "./dist/mds-modal/p-26971abb.js",
           "./dist/mds-modal/p-50ea2036.system.js",
+          "./dist/mds-modal/p-52bb21e4.system.entry.js",
           "./dist/mds-modal/p-56ba5cbf.system.js",
-          "./dist/mds-modal/p-69576bb4.system.entry.js",
-          "./dist/mds-modal/p-bc1fa4e4.system.js",
-          "./dist/mds-modal/p-c6899cb0.system.js",
+          "./dist/mds-modal/p-785b3b47.system.js",
+          "./dist/mds-modal/p-96b782c7.system.js",
+          "./dist/mds-modal/p-df986a83.entry.js",
           "./dist/mds-modal/p-e1255160.js",
-          "./dist/mds-modal/p-ee90f86a.js",
           "./www/build/index.esm.js",
           "./www/build/mds-modal.esm.js",
           "./www/build/mds-modal.js",
-          "./www/build/p-2c91cf1f.entry.js",
+          "./www/build/p-26971abb.js",
           "./www/build/p-50ea2036.system.js",
+          "./www/build/p-52bb21e4.system.entry.js",
           "./www/build/p-56ba5cbf.system.js",
-          "./www/build/p-69576bb4.system.entry.js",
-          "./www/build/p-bc1fa4e4.system.js",
-          "./www/build/p-c6899cb0.system.js",
-          "./www/build/p-e1255160.js",
-          "./www/build/p-ee90f86a.js"
+          "./www/build/p-785b3b47.system.js",
+          "./www/build/p-96b782c7.system.js",
+          "./www/build/p-df986a83.entry.js",
+          "./www/build/p-e1255160.js"
         ]
       },
       {
@@ -160,12 +160,12 @@
         "components": [
           "mds-modal"
         ],
-        "bundleId": "p-2c91cf1f",
-        "fileName": "p-2c91cf1f.entry.js",
+        "bundleId": "p-df986a83",
+        "fileName": "p-df986a83.entry.js",
         "imports": [
-          "p-ee90f86a.js"
+          "p-26971abb.js"
         ],
-        "originalByteSize": 27091
+        "originalByteSize": 23578
       }
     ],
     "esm": [
@@ -177,9 +177,9 @@
         "bundleId": "mds-modal",
         "fileName": "mds-modal.entry.js",
         "imports": [
-          "index-f8d2dee4.js"
+          "index-efd0657a.js"
         ],
-        "originalByteSize": 27095
+        "originalByteSize": 23582
       }
     ],
     "es5": [
@@ -191,9 +191,9 @@
         "bundleId": "mds-modal",
         "fileName": "mds-modal.entry.js",
         "imports": [
-          "index-f8d2dee4.js"
+          "index-efd0657a.js"
         ],
-        "originalByteSize": 27095
+        "originalByteSize": 23582
       }
     ],
     "system": [
@@ -202,12 +202,12 @@
         "components": [
           "mds-modal"
         ],
-        "bundleId": "p-69576bb4.system",
-        "fileName": "p-69576bb4.system.entry.js",
+        "bundleId": "p-52bb21e4.system",
+        "fileName": "p-52bb21e4.system.entry.js",
         "imports": [
-          "p-bc1fa4e4.system.js"
+          "p-785b3b47.system.js"
         ],
-        "originalByteSize": 29114
+        "originalByteSize": 25601
       }
     ],
     "commonjs": [
@@ -219,9 +219,9 @@
         "bundleId": "mds-modal.cjs",
         "fileName": "mds-modal.cjs.entry.js",
         "imports": [
-          "index-6f236cfa.js"
+          "index-a263ff04.js"
         ],
-        "originalByteSize": 27178
+        "originalByteSize": 23665
       }
     ]
   },
@@ -722,7 +722,6 @@
           "hasComponentDidUpdateFn": false,
           "hasComponentWillRenderFn": true,
           "hasComponentDidRenderFn": false,
-          "hasComponentDidUnloadFn": false,
           "hasConnectedCallbackFn": false,
           "hasDisconnectedCallbackFn": false,
           "hasElement": false,
@@ -796,7 +795,7 @@
   ],
   "componentGraph": {
     "sc-mds-modal": [
-      "p-ee90f86a.js"
+      "p-26971abb.js"
     ]
   },
   "sourceGraph": {

package/documentation.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-02-25T13:09:05",
+  "timestamp": "2025-03-05T16:16:01",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.25.1",
+    "version": "4.27.2",
     "typescriptVersion": "5.5.4"
   },
   "components": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-modal",
-  "version": "5.4.0",
+  "version": "5.5.0",
   "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 JavaScript framework you are using.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,9 +24,9 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/mds-button": "6.3.0",
-    "@maggioli-design-system/styles": "15.8.0",
-    "@stencil/core": "4.25.1",
+    "@maggioli-design-system/mds-button": "6.4.0",
+    "@maggioli-design-system/styles": "15.9.0",
+    "@stencil/core": "4.27.2",
     "clsx": "2.1.0"
   },
   "license": "MIT",

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

@@ -8,8 +8,8 @@
   width: 100vw;
 }
 
-:host([position="bottom-left"][opened="false"]) > ::slotted( [slot="window"] ),
-:host([position="bottom-left"]:not([opened])) > ::slotted( [slot="window"] ) {
+:host([position="bottom-left"][opened="false"]) > ::slotted([slot="window"]),
+:host([position="bottom-left"]:not([opened])) > ::slotted([slot="window"]) {
   transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);
 }
 

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

@@ -8,8 +8,8 @@
   width: 100vw;
 }
 
-:host([position="bottom-right"][opened="false"]) > ::slotted( [slot="window"] ),
-:host([position="bottom-right"]:not([opened])) > ::slotted( [slot="window"] ) {
+:host([position="bottom-right"][opened="false"]) > ::slotted([slot="window"]),
+:host([position="bottom-right"]:not([opened])) > ::slotted([slot="window"]) {
   transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);
 }
 

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

@@ -8,8 +8,8 @@
   width: 100vw;
 }
 
-:host([position="bottom"][opened="false"]) > ::slotted( [slot="window"] ),
-:host([position="bottom"]:not([opened])) > ::slotted( [slot="window"] ) {
+:host([position="bottom"][opened="false"]) > ::slotted([slot="window"]),
+:host([position="bottom"]:not([opened])) > ::slotted([slot="window"]) {
   transform: rotateX(22deg) rotateY(0) scale(0.5) translate(0, 80%);
 }
 

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

@@ -7,8 +7,8 @@
   transition-delay: 0s;
 }
 
-:host([position="center"][opened="false"]) > ::slotted( [slot="window"] ),
-:host([position="center"]:not([opened])) > ::slotted( [slot="window"] ) {
+:host([position="center"][opened="false"]) > ::slotted([slot="window"]),
+:host([position="center"]:not([opened])) > ::slotted([slot="window"]) {
   transform: rotateX(0) rotateY(22deg) scale(0.5) translate(0, 40%);
 }
 

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

@@ -9,8 +9,8 @@
   max-width: calc(100vw - 80px);
 }
 
-:host([position="left"][opened="false"]) > ::slotted( [slot="window"] ),
-:host([position="left"]:not([opened])) > ::slotted( [slot="window"] ) {
+:host([position="left"][opened="false"]) > ::slotted([slot="window"]),
+:host([position="left"]:not([opened])) > ::slotted([slot="window"]) {
   transform: rotateX(0) rotateY(22deg) rotateZ(0) scale(0.5) translate(-100%, 0%);
 }
 

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

@@ -9,8 +9,8 @@
   max-width: calc(100vw - 80px);
 }
 
-:host([position="right"][opened="false"]) > ::slotted( [slot="window"] ),
-:host([position="right"]:not([opened])) > ::slotted( [slot="window"] ) {
+:host([position="right"][opened="false"]) > ::slotted([slot="window"]),
+:host([position="right"]:not([opened])) > ::slotted([slot="window"]) {
   transform: rotateX(0) rotateY(-22deg) rotateZ(0) scale(0.5) translate(100%, 0%);
 }
 

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

@@ -8,8 +8,8 @@
   width: 100vw;
 }
 
-:host([position="top-left"][opened="false"]) > ::slotted( [slot="window"] ),
-:host([position="top-left"]:not([opened])) > ::slotted( [slot="window"] ) {
+:host([position="top-left"][opened="false"]) > ::slotted([slot="window"]),
+:host([position="top-left"]:not([opened])) > ::slotted([slot="window"]) {
   transform: rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);
 }
 

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

@@ -8,8 +8,8 @@
   width: 100vw;
 }
 
-:host([position="top-right"][opened="false"]) > ::slotted( [slot="window"] ),
-:host([position="top-right"]:not([opened])) > ::slotted( [slot="window"] ) {
+:host([position="top-right"][opened="false"]) > ::slotted([slot="window"]),
+:host([position="top-right"]:not([opened])) > ::slotted([slot="window"]) {
   transform: rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);
 }
 

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

@@ -8,8 +8,8 @@
   width: 100vw;
 }
 
-:host([position="top"][opened="false"]) > ::slotted( [slot="window"] ),
-:host([position="top"]:not([opened])) > ::slotted( [slot="window"] ) {
+:host([position="top"][opened="false"]) > ::slotted( [slot="window"]),
+:host([position="top"]:not([opened])) > ::slotted( [slot="window"]) {
   transform: rotateX(-22deg) rotateY(0) scale(0.5) translate(0, -80%);
 }
 

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

@@ -3,21 +3,21 @@
 }
 
 
-:host([opened]:not([opened="false"]) ) {
+:host([opened]:not([opened="false"])) {
   background-color: rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));
   pointer-events: auto;
 }
 
 :host .window,
-:host > ::slotted( [slot="window"] ) {
+:host > ::slotted([slot="window"]) {
   opacity: 0;
   transition-duration: var(--mds-modal-transition-duration);
   transition-property: transform, opacity;
   transition-timing-function: var(--mds-modal-transition-outro-ease);
 }
 
-:host([opened]:not([opened="false"]) ) .window,
-:host([opened]:not([opened="false"]) ) > ::slotted( [slot="window"] ) {
+:host([opened]:not([opened="false"])) .window,
+:host([opened]:not([opened="false"])) > ::slotted( [slot="window"]) {
   opacity: 1;
   transform: rotate(0) scale(1) translateY(0);
   transition-delay: 0s;

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

@@ -1,30 +1,21 @@
-@tailwind utilities;
-
-@container style(--magma-pref-animation: reduce) {
-  :host,
-  .action-close,
-  .window {
-    transition-duration: 0s !important;
-  }
+:host-context(.pref-animation-reduce) {
+  --mds-modal-transition-duration: 0s;
+}
 
-  :host {
+:host-context(.pref-animation-reduce),
+:host-context(.pref-animation-reduce) .action-close,
+:host-context(.pref-animation-reduce) .window {
+  transition-duration: 0s !important;
+}
 
+@media (prefers-reduced-motion) {
+  :host-context(.pref-animation-system) {
     --mds-modal-transition-duration: 0s;
   }
-}
-
-@container style(--magma-pref-animation: system) {
-
-  @media (prefers-reduced-motion) {
-    :host,
-    .action-close,
-    .window {
-      transition-duration: 0s !important;
-    }
 
-    :host {
-
-      --mds-modal-transition-duration: 0s;
-    }
+  :host-context(.pref-animation-system),
+  :host-context(.pref-animation-system) .action-close,
+  :host-context(.pref-animation-system) .window {
+    transition-duration: 0s !important;
   }
 }

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

@@ -1,18 +1,10 @@
-@tailwind utilities;
-
-@container style(--magma-pref-contrast: more) {
-  :host {
-
-    --mds-modal-window-shadow: theme('boxShadow.outline-strong-50'), theme('boxShadow.2xl');
-  }
+:host-context(.pref-contrast-more) {
+  --mds-modal-window-shadow: theme('boxShadow.outline-strong-50'), theme('boxShadow.2xl');
 }
 
-@container style(--magma-pref-contrast: system) {
-
-  @media (prefers-contrast: more) {
-    :host {
 
-      --mds-modal-window-shadow: theme('boxShadow.outline-strong-50'), theme('boxShadow.2xl');
-    }
+@media (prefers-contrast: more) {
+  :host-context(.pref-contrast-system) {
+    --mds-modal-window-shadow: theme('boxShadow.outline-strong-50'), theme('boxShadow.2xl');
   }
 }

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

@@ -1,20 +1,11 @@
-@tailwind utilities;
-
-@container style(--magma-pref-theme: dark) {
-  :host {
+:host-context(.pref-theme-dark) {
+  --mds-modal-window-background: theme('colors.tone-neutral-09');
+  --mds-modal-window-shadow: theme('boxShadow.outline'), theme('boxShadow.xl');
+}
 
+@media (prefers-color-scheme: dark) {
+  :host-context(.pref-theme-system) {
     --mds-modal-window-background: theme('colors.tone-neutral-09');
     --mds-modal-window-shadow: theme('boxShadow.outline'), theme('boxShadow.xl');
   }
 }
-
-@container style(--magma-pref-theme: system) {
-
-  @media (prefers-color-scheme: dark) {
-    :host {
-
-      --mds-modal-window-background: theme('colors.tone-neutral-09');
-      --mds-modal-window-shadow: theme('boxShadow.outline'), theme('boxShadow.xl');
-    }
-  }
-}

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

@@ -1,8 +1,6 @@
 @import '~@maggioli-design-system/styles/dist/css/animations.css'; /* included for focus effect */
 @import '../../tailwind/components.css';
-
 @tailwind components;
-@tailwind utilities;
 
 /**
  * @prop --mds-modal-close-icon-color: Set the color of the close icon button to the top left.
@@ -18,7 +16,6 @@
  */
 
 :host {
-
   --mds-modal-overlay-color: var(--magma-overlay-color, 0 0 0);
   --mds-modal-overlay-opacity: var(--magma-overlay-opacity, 0.5);
   --mds-modal-transition-duration: 500ms;
@@ -52,12 +49,12 @@
   margin: var(--mds-modal-custom-window-distance);
 }
 
-:host( [position="top"] ) {
+:host([position="top"]) {
   align-items: flex-start;
   justify-content: center;
 }
 
-:host( [position="bottom"] ) {
+:host([position="bottom"]) {
   align-items: flex-end;
   justify-content: center;
 }

package/src/tailwind/components.css

@@ -1,6 +1,4 @@
 @import '~@maggioli-design-system/styles/dist/tailwind/components.css';
-@tailwind components;
-@tailwind utilities;
 
 @layer components {
   .svg {
@@ -38,52 +36,6 @@
     box-shadow: theme('boxShadow.outline') inset;
   }
 
-  @container style(--magma-pref-contrast: more) {
-    .contrast-area,
-    .contrast-area-50 {
-      @apply
-        block
-        opacity-100;
-
-      /* @starting-style {
-        opacity: 0;
-      } */
-    }
-  }
-
-  @container style(--magma-pref-contrast: system) {
-
-    @media (prefers-contrast: more) {
-      .contrast-area,
-      .contrast-area-50 {
-        @apply
-          block
-          opacity-100;
-
-        /* @starting-style {
-          opacity: 0;
-        } */
-      }
-    }
-  }
-
-  @container style(--magma-pref-animation: reduce) {
-    .contrast-area,
-    .contrast-area-50 {
-      @apply duration-0;
-    }
-  }
-
-  @container style(--magma-pref-animation: system) {
-
-    @media (prefers-reduced-motion) {
-      .contrast-area,
-      .contrast-area-50 {
-        @apply duration-0;
-      }
-    }
-  }
-
   .not-hydrated {
       animation-duration: 0s;
       border-color: transparent;
@@ -95,3 +47,5 @@
       visibility: hidden;
   }
 }
+
+@tailwind components;

package/src/tailwind/index.css

@@ -0,0 +1,4 @@
+@import './components.css';
+@tailwind components;
+@tailwind utilities;
+

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

@@ -1 +1 @@
-import{p as e,b as o}from"./p-ee90f86a.js";export{s as setNonce}from"./p-ee90f86a.js";import{g as n}from"./p-e1255160.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((async e=>(await n(),o([["p-2c91cf1f",[[1,"mds-modal",{opened:[1540],position:[1537],animating:[1537],overflow:[513]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{opened:["handleOpenProp"]}]]]],e))));
+import{p as o,b as e}from"./p-26971abb.js";export{s as setNonce}from"./p-26971abb.js";import{g as n}from"./p-e1255160.js";(()=>{const e=import.meta.url,s={};return""!==e&&(s.resourcesUrl=new URL(".",e).href),o(s)})().then((async o=>(await n(),e([["p-df986a83",[[1,"mds-modal",{opened:[1540],position:[1537],animating:[1537],overflow:[513]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]],{opened:["handleOpenProp"]}]]]],o))));

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-c6899cb0.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-96b782c7.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

package/www/build/p-26971abb.js

@@ -0,0 +1,2 @@
+var e=Object.defineProperty,t=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},n=(e,t)=>{e.__stencil__getHostRef=()=>t,t.t=e},o=(e,t)=>t in e,l=(e,t)=>(0,console.error)(e,t),i=new Map,s=new Map,r="slot-fb{display:contents}slot-fb[hidden]{display:none}",c="undefined"!=typeof window?window:{},u={o:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,o)=>e.addEventListener(t,n,o),rel:(e,t,n,o)=>e.removeEventListener(t,n,o),ce:(e,t)=>new CustomEvent(e,t)},a=e=>Promise.resolve(e),f=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),d=!1,h=[],p=[],m=(e,t)=>n=>{e.push(n),d||(d=!0,t&&4&u.o?b(y):u.raf(y))},v=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){l(e)}e.length=0},y=()=>{v(h),v(p),(d=h.length>0)&&u.raf(y)},b=e=>a().then(e),w=m(p,!0),$=e=>"object"==(e=typeof e)||"function"===e;function S(e){var t,n,o;return null!=(o=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?o:void 0}((t,n)=>{for(var o in n)e(t,o,{get:n[o],enumerable:!0})})({},{err:()=>j,map:()=>k,ok:()=>g,unwrap:()=>E,unwrapErr:()=>C});var g=e=>({isOk:!0,isErr:!1,value:e}),j=e=>({isOk:!1,isErr:!0,value:e});function k(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>g(e))):g(n)}if(e.isErr)return j(e.value);throw"should never get here"}var O,E=e=>{if(e.isOk)return e.value;throw e.value},C=e=>{if(e.isErr)return e.value;throw e.value},M=(e,t,...n)=>{let o=null,l=null,i=!1,s=!1;const r=[],c=t=>{for(let n=0;n<t.length;n++)o=t[n],Array.isArray(o)?c(o):null!=o&&"boolean"!=typeof o&&((i="function"!=typeof e&&!$(o))&&(o+=""),i&&s?r[r.length-1].i+=o:r.push(i?P(null,o):o),s=i)};if(c(n),t){t.key&&(l=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const u=P(e,null);return u.u=t,r.length>0&&(u.h=r),u.p=l,u},P=(e,t)=>({o:0,m:e,i:t,v:null,h:null,u:null,p:null}),x={},D=(e,t)=>null==e||$(e)?e:4&t?"false"!==e&&(""===e||!!e):1&t?e+"":e,R=e=>t(e).$hostElement$,U=(e,t,n)=>{const o=R(e);return{emit:e=>W(o,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},W=(e,t,n)=>{const o=u.ce(t,n);return e.dispatchEvent(o),o},A=new WeakMap,N=e=>"sc-"+e.$,H=(e,t,n,l,i,s)=>{if(n===l)return;let r=o(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,o=T(n);let i=T(l);t.remove(...o.filter((e=>e&&!i.includes(e)))),t.add(...i.filter((e=>e&&!o.includes(e))))}else if("key"===t);else if(r||"o"!==t[0]||"n"!==t[1]){const o=$(l);if((r||o&&null!==l)&&!i)try{if(e.tagName.includes("-"))e[t]!==l&&(e[t]=l);else{const o=null==l?"":l;"list"===t?r=!1:null!=n&&e[t]==o||("function"==typeof e.__lookupSetter__(t)?e[t]=o:e.setAttribute(t,o))}}catch(e){}null==l||!1===l?!1===l&&""!==e.getAttribute(t)||e.removeAttribute(t):(!r||4&s||i)&&!o&&1===e.nodeType&&e.setAttribute(t,l=!0===l?"":l)}else if(t="-"===t[2]?t.slice(3):o(c,a)?a.slice(2):a[2]+t.slice(3),n||l){const o=t.endsWith(z);t=t.replace(F,""),n&&u.rel(e,t,n,o),l&&u.ael(e,t,l,o)}},L=/\s/,T=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(L):[]),z="Capture",F=RegExp(z+"$"),V=(e,t,n)=>{const o=11===t.v.nodeType&&t.v.host?t.v.host:t.v,l=e&&e.u||{},i=t.u||{};for(const e of q(Object.keys(l)))e in i||H(o,e,l[e],void 0,n,t.o);for(const e of q(Object.keys(i)))H(o,e,l[e],i[e],n,t.o)};function q(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var G=!1,I=(e,t,n)=>{const o=t.h[n];let l,i,s=0;if(null!==o.i)l=o.v=c.document.createTextNode(o.i);else{if(!c.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.");if(l=o.v=c.document.createElement(o.m),V(null,o,G),o.h)for(s=0;s<o.h.length;++s)i=I(e,o,s),i&&l.appendChild(i)}return l["s-hn"]=O,l},Y=(e,t,n,o,l,i)=>{let s,r=e;for(r.shadowRoot&&r.tagName===O&&(r=r.shadowRoot);l<=i;++l)o[l]&&(s=I(null,n,l),s&&(o[l].v=s,K(r,s,t)))},_=(e,t,n)=>{for(let o=t;o<=n;++o){const t=e[o];if(t){const e=t.v;e&&e.remove()}}},B=(e,t,n=!1)=>e.m===t.m&&(n?(n&&!e.p&&t.p&&(e.p=t.p),!0):e.p===t.p),J=(e,t,n=!1)=>{const o=t.v=e.v,l=e.h,i=t.h,s=t.i;null===s?(V(e,t,G),null!==l&&null!==i?((e,t,n,o,l=!1)=>{let i,s,r=0,c=0,u=0,a=0,f=t.length-1,d=t[0],h=t[f],p=o.length-1,m=o[0],v=o[p];for(;r<=f&&c<=p;)if(null==d)d=t[++r];else if(null==h)h=t[--f];else if(null==m)m=o[++c];else if(null==v)v=o[--p];else if(B(d,m,l))J(d,m,l),d=t[++r],m=o[++c];else if(B(h,v,l))J(h,v,l),h=t[--f],v=o[--p];else if(B(d,v,l))J(d,v,l),K(e,d.v,h.v.nextSibling),d=t[++r],v=o[--p];else if(B(h,m,l))J(h,m,l),K(e,h.v,d.v),h=t[--f],m=o[++c];else{for(u=-1,a=r;a<=f;++a)if(t[a]&&null!==t[a].p&&t[a].p===m.p){u=a;break}u>=0?(s=t[u],s.m!==m.m?i=I(t&&t[c],n,u):(J(s,m,l),t[u]=void 0,i=s.v),m=o[++c]):(i=I(t&&t[c],n,c),m=o[++c]),i&&K(d.v.parentNode,i,d.v)}r>f?Y(e,null==o[p+1]?null:o[p+1].v,n,o,c,p):c>p&&_(t,r,f)})(o,l,t,i,n):null!==i?(null!==e.i&&(o.textContent=""),Y(o,null,t,i,0,i.length-1)):!n&&null!==l&&_(l,0,l.length-1)):e.i!==s&&(o.data=s)},K=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),Q=(e,t)=>{if(t&&!e.S&&t["s-p"]){const n=t["s-p"].push(new Promise((o=>e.S=()=>{t["s-p"].splice(n-1,1),o()})))}},X=(e,t)=>{if(e.o|=16,!(4&e.o))return Q(e,e.j),w((()=>Z(e,t)));e.o|=512},Z=(e,t)=>{const n=e.$hostElement$,o=e.t;if(!o)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t?(e.o|=256,e.k&&(e.k.map((([e,t])=>se(o,e,t,n))),e.k=void 0),l=se(o,"componentWillLoad",void 0,n)):l=se(o,"componentWillUpdate",void 0,n),l=ee(l,(()=>se(o,"componentWillRender",void 0,n))),ee(l,(()=>ne(e,o,t)))},ee=(e,t)=>te(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),te=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,ne=async(e,t,n)=>{var o;const l=e.$hostElement$,i=l["s-rc"];n&&(e=>{const t=e.O,n=e.$hostElement$,o=t.o,l=((e,t)=>{var n;const o=N(t),l=s.get(o);if(!c.document)return o;if(e=11===e.nodeType?e:c.document,l)if("string"==typeof l){let i,s=A.get(e=e.head||e);if(s||A.set(e,s=new Set),!s.has(o)){{i=document.querySelector(`[sty-id="${o}"]`)||c.document.createElement("style"),i.innerHTML=l;const s=null!=(n=u.C)?n:S(c.document);if(null!=s&&i.setAttribute("nonce",s),!(1&t.o))if("HEAD"===e.nodeName){const t=e.querySelectorAll("link[rel=preconnect]"),n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(null==n?void 0:n.parentNode)===e?n:null)}else if("host"in e)if(f){const t=new CSSStyleSheet;t.replaceSync(l),e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");t?t.innerHTML=l+t.innerHTML:e.prepend(i)}else e.append(i);1&t.o&&e.insertBefore(i,null)}4&t.o&&(i.innerHTML+=r),s&&s.add(o)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return o})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);(10&o&&2&o||128&o)&&(n["s-sc"]=l,n.classList.add(l+"-h"))})(e);oe(e,t,l,n),i&&(i.map((e=>e())),l["s-rc"]=void 0);{const t=null!=(o=l["s-p"])?o:[],n=()=>le(e);0===t.length?n():(Promise.all(t).then(n),e.o|=4,t.length=0)}},oe=(e,t,n,o)=>{try{t=t.render(),e.o&=-17,e.o|=2,((e,t,n=!1)=>{const o=e.$hostElement$,l=e.O,i=e.M||P(null,null),s=(e=>e&&e.m===x)(t)?t:M(null,null,t);if(O=o.tagName,l.P&&(s.u=s.u||{},l.P.map((([e,t])=>s.u[t]=o[e]))),n&&s.u)for(const e of Object.keys(s.u))o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(s.u[e]=o[e]);s.m=null,s.o|=4,e.M=s,s.v=i.v=o.shadowRoot||o,J(i,s,n)})(e,t,o)}catch(t){l(t,e.$hostElement$)}return null},le=e=>{const t=e.$hostElement$,n=e.t,o=e.j;se(n,"componentDidRender",void 0,t),64&e.o?se(n,"componentDidUpdate",void 0,t):(e.o|=64,re(t),se(n,"componentDidLoad",void 0,t),e.D(t),o||ie()),e.S&&(e.S(),e.S=void 0),512&e.o&&b((()=>X(e,!1))),e.o&=-517},ie=()=>{b((()=>W(c,"appload",{detail:{namespace:"mds-modal"}})))},se=(e,t,n,o)=>{if(e&&e[t])try{return e[t](n)}catch(e){l(e,o)}},re=e=>e.setAttribute("hydrated",""),ce=(e,n,o,i)=>{const s=t(e);if(!s)throw Error(`Couldn't find host element for "${i.$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const r=s.$hostElement$,c=s.R.get(n),u=s.o,a=s.t;if(o=D(o,i.U[n][0]),(!(8&u)||void 0===c)&&o!==c&&(!Number.isNaN(c)||!Number.isNaN(o))&&(s.R.set(n,o),a)){if(i.W&&128&u){const e=i.W[n];e&&e.map((e=>{try{a[e](o,c,n)}catch(e){l(e,r)}}))}if(2==(18&u)){if(a.componentShouldUpdate&&!1===a.componentShouldUpdate(o,c,n))return;X(s,!1)}}},ue=(e,n,o)=>{var l,i;const s=e.prototype;if(n.U||n.W||e.watchers){e.watchers&&!n.W&&(n.W=e.watchers);const r=Object.entries(null!=(l=n.U)?l:{});if(r.map((([e,[l]])=>{if(31&l||2&o&&32&l){const{get:i,set:r}=Object.getOwnPropertyDescriptor(s,e)||{};i&&(n.U[e][0]|=2048),r&&(n.U[e][0]|=4096),(1&o||!i)&&Object.defineProperty(s,e,{get(){{if(!(2048&n.U[e][0]))return((e,n)=>t(this).R.get(n))(0,e);const o=t(this),l=o?o.t:s;if(!l)return;return l[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,e,{set(i){const s=t(this);if(r){const t=32&l?this[e]:s.$hostElement$[e];return void 0===t&&s.R.get(e)?i=s.R.get(e):!s.R.get(e)&&t&&s.R.set(e,t),r.call(this,D(i,l)),void ce(this,e,i=32&l?this[e]:s.$hostElement$[e],n)}{if(!(1&o&&4096&n.U[e][0]))return ce(this,e,i,n),void(1&o&&!s.t&&s.A.then((()=>{4096&n.U[e][0]&&s.t[e]!==s.R.get(e)&&(s.t[e]=i)})));const t=()=>{const t=s.t[e];!s.R.get(e)&&t&&s.R.set(e,t),s.t[e]=D(i,l),ce(this,e,s.t[e],n)};s.t?t():s.A.then((()=>t()))}}})}})),1&o){const o=new Map;s.attributeChangedCallback=function(e,l,i){u.jmp((()=>{var r;const c=o.get(e);if(this.hasOwnProperty(c))i=this[c],delete this[c];else{if(s.hasOwnProperty(c)&&"number"==typeof this[c]&&this[c]==i)return;if(null==c){const o=t(this),s=null==o?void 0:o.o;if(s&&!(8&s)&&128&s&&i!==l){const t=o.t,s=null==(r=n.W)?void 0:r[e];null==s||s.forEach((n=>{null!=t[n]&&t[n].call(t,i,l,e)}))}return}}const u=Object.getOwnPropertyDescriptor(s,c);(i=(null!==i||"boolean"!=typeof this[c])&&i)===this[c]||u.get&&!u.set||(this[c]=i)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(i=n.W)?i:{}),...r.filter((([e,t])=>15&t[0])).map((([e,t])=>{var l;const i=t[1]||e;return o.set(i,e),512&t[0]&&(null==(l=n.P)||l.push([e,i])),i}))]))}}return e},ae=(e,t)=>{se(e,"connectedCallback",void 0,t)},fe=(e,t)=>{se(e,"disconnectedCallback",void 0,t||e)},de=(e,n={})=>{var o;if(!c.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const a=[],d=n.exclude||[],h=c.customElements,p=c.document.head,m=p.querySelector("meta[charset]"),v=c.document.createElement("style"),y=[];let b,w=!0;Object.assign(u,n),u.l=new URL(n.resourcesUrl||"./",c.document.baseURI).href;let $=!1;if(e.map((e=>{e[1].map((n=>{var o;const r={o:n[0],$:n[1],U:n[2],N:n[3]};4&r.o&&($=!0),r.U=n[2],r.N=n[3],r.P=[],r.W=null!=(o=n[4])?o:{};const c=r.$,p=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const n={o:0,$hostElement$:e,O:t,R:new Map};n.A=new Promise((e=>n.D=e)),e["s-p"]=[],e["s-rc"]=[];const o=n;e.__stencil__getHostRef=()=>o})(e=this,r),1&r.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open"})}connectedCallback(){const e=t(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,he(this,e,r.N)),b&&(clearTimeout(b),b=null),w?y.push(this):u.jmp((()=>(e=>{if(!(1&u.o)){const n=t(e),o=n.O,r=()=>{};if(1&n.o)he(e,n,o.N),(null==n?void 0:n.t)?ae(n.t,e):(null==n?void 0:n.A)&&n.A.then((()=>ae(n.t,e)));else{n.o|=1;{let t=e;for(;t=t.parentNode||t.host;)if(t["s-p"]){Q(n,n.j=t);break}}o.U&&Object.entries(o.U).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n)=>{let o;if(!(32&t.o)){if(t.o|=32,n.H){const s=((e,t)=>{const n=e.$.replace(/-/g,"_"),o=e.H;if(!o)return;const s=i.get(o);return s?s[n]:import(`./${o}.entry.js`).then((e=>(i.set(o,e),e[n])),(e=>{l(e,t.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(n,t);if(s&&"then"in s){const e=()=>{};o=await s,e()}else o=s;if(!o)throw Error(`Constructor for "${n.$}#${t.L}" was not found`);o.isProxied||(n.W=o.watchers,ue(o,n,2),o.isProxied=!0);const r=()=>{};t.o|=8;try{new o(t)}catch(t){l(t,e)}t.o&=-9,t.o|=128,r(),ae(t.t,e)}else o=e.constructor,customElements.whenDefined(e.localName).then((()=>t.o|=128));if(o&&o.style){let e;"string"==typeof o.style&&(e=o.style);const t=N(n);if(!s.has(t)){const o=()=>{};((e,t,n)=>{let o=s.get(e);f&&n?(o=o||new CSSStyleSheet,"string"==typeof o?o=t:o.replaceSync(t)):o=t,s.set(e,o)})(t,e,!!(1&n.o)),o()}}}const r=t.j,c=()=>X(t,!0);r&&r["s-rc"]?r["s-rc"].push(c):c()})(e,n,o)}r()}})(this)))}disconnectedCallback(){u.jmp((()=>(async e=>{if(!(1&u.o)){const n=t(e);n.T&&(n.T.map((e=>e())),n.T=void 0),(null==n?void 0:n.t)?fe(n.t,e):(null==n?void 0:n.A)&&n.A.then((()=>fe(n.t,e)))}A.has(e)&&A.delete(e),e.shadowRoot&&A.has(e.shadowRoot)&&A.delete(e.shadowRoot)})(this))),u.raf((()=>{var e;const n=t(this),o=y.findIndex((e=>e===this));o>-1&&y.splice(o,1),(null==(e=null==n?void 0:n.M)?void 0:e.v)instanceof Node&&!n.M.v.isConnected&&delete n.M.v}))}componentOnReady(){return t(this).A}};r.H=e[0],d.includes(c)||h.get(c)||(a.push(c),h.define(c,ue(p,r,1)))}))})),a.length>0&&($&&(v.textContent+=r),v.textContent+=a.sort()+"{visibility:hidden}[hydrated]{visibility:inherit}",v.innerHTML.length)){v.setAttribute("data-styles","");const e=null!=(o=u.C)?o:S(c.document);null!=e&&v.setAttribute("nonce",e),p.insertBefore(v,m?m.nextSibling:p.firstChild)}w=!1,y.length?y.map((e=>e.connectedCallback())):u.jmp((()=>b=setTimeout(ie,30)))},he=(e,t,n)=>{n&&c.document&&n.map((([n,o,l])=>{const i=me(c.document,e,n),s=pe(t,l),r=ve(n);u.ael(i,o,s,r),(t.T=t.T||[]).push((()=>u.rel(i,o,s,r)))}))},pe=(e,t)=>n=>{var o;try{256&e.o?null==(o=e.t)||o[t](n):(e.k=e.k||[]).push([t,n])}catch(t){l(t,e.$hostElement$)}},me=(e,t,n)=>4&n?e:t,ve=e=>({passive:!!(1&e),capture:!!(2&e)}),ye=e=>u.C=e;export{x as H,de as b,U as c,R as g,M as h,a as p,n as r,ye as s}

package/www/build/p-52bb21e4.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-785b3b47.system.js"],(function(t){"use strict";var o,e,a,n,i;return{setters:[function(t){o=t.r;e=t.c;a=t.h;n=t.H;i=t.g}],execute:function(){function d(t){var o,e,a="";if("string"==typeof t||"number"==typeof t)a+=t;else if("object"==typeof t)if(Array.isArray(t)){var n=t.length;for(o=0;o<n;o++)t[o]&&(e=d(t[o]))&&(a&&(a+=" "),a+=e)}else for(e in t)t[e]&&(a&&(a+=" "),a+=e);return a}function s(){for(var t,o,e=0,a="",n=arguments.length;e<n;e++)(t=arguments[e])&&(o=d(t))&&(a&&(a+=" "),a+=o);return a}var r=function(t,o){if(o===void 0){o=1e3}if(t.includes("ms")){return Number(t.replace("ms",""))}if(t.includes("s")){return Number(t.replace("s",""))*1e3}return o};var l='@-webkit-keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@keyframes focus-bounce{0%,75%,100%{outline-offset:var(--magma-outline-focus-offset, 6px)}50%{outline-offset:var(--magma-outline-blur-offset, 2px)}}@tailwind components; :host{--mds-modal-overlay-color:var(--magma-overlay-color, 0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity, 0.5);--mds-modal-transition-duration:500ms;--mds-modal-transition-intro-ease:cubic-bezier(0.19, 1, 0.22, 1);--mds-modal-transition-outro-ease:cubic-bezier(0.86, 0, 0.07, 1);--mds-modal-window-background:rgb(var(--tone-neutral));--mds-modal-window-overflow:auto;--mds-modal-window-radius:0;--mds-modal-window-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--mds-modal-window-distance:0;--mds-modal-custom-window-distance:1.5rem;--mds-modal-z-index:var(--magma-modal-z-index);-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;-webkit-transition-duration:var(--mds-modal-transition-duration);transition-duration:var(--mds-modal-transition-duration);-webkit-transition-property:background-color;transition-property:background-color;z-index:var(--mds-modal-z-index, 1000)}:host ::slotted([slot="window"]){margin:var(--mds-modal-custom-window-distance)}: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}.action-close{border-radius:100px;opacity:0;pointer-events:none;position:absolute;-webkit-transition-duration:var(--mds-modal-transition-duration);transition-duration:var(--mds-modal-transition-duration);-webkit-transition-property:bottom, opacity, top, -webkit-transform;transition-property:bottom, opacity, top, -webkit-transform;transition-property:bottom, opacity, top, transform;transition-property:bottom, opacity, top, transform, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host([opened]:not([opened="false"])) .action-close{opacity:1;pointer-events:auto}.action-close::part(icon){height:2.25rem;width:2.25rem}.window{gap:0rem;background-color:var(--mds-modal-window-background);border-radius:var(--mds-modal-window-radius);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);display:grid;grid-template-rows:1fr;margin:var(--mds-modal-window-distance);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 .window{-webkit-transition-delay:0s, calc(var(--mds-modal-transition-duration) / 2);transition-delay:0s, calc(var(--mds-modal-transition-duration) / 2)}:host([opened]:not([opened="false"])){background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));pointer-events:auto}:host .window,:host>::slotted([slot="window"]){opacity:0;-webkit-transition-duration:var(--mds-modal-transition-duration);transition-duration:var(--mds-modal-transition-duration);-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transition-timing-function:var(--mds-modal-transition-outro-ease);transition-timing-function:var(--mds-modal-transition-outro-ease)}:host([opened]:not([opened="false"])) .window,:host([opened]:not([opened="false"]))>::slotted([slot="window"]){opacity:1;-webkit-transform:rotate(0) scale(1) translateY(0);transform:rotate(0) scale(1) translateY(0);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:var(--mds-modal-transition-intro-ease);transition-timing-function:var(--mds-modal-transition-intro-ease)}:host([position="bottom-left"]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}:host([position="bottom"]) .window{height:auto;width:100vw}:host([position="bottom-left"][opened="false"])>::slotted([slot="window"]),:host([position="bottom-left"]:not([opened]))>::slotted([slot="window"]){-webkit-transform:rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);transform:rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%)}:host([position="bottom-left"][opened="false"]) .window,:host([position="bottom-left"]:not([opened])) .window{-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}:host([position="bottom-right"]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}:host([position="bottom"]) .window{height:auto;width:100vw}:host([position="bottom-right"][opened="false"])>::slotted([slot="window"]),:host([position="bottom-right"]:not([opened]))>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);transform:rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%)}:host([position="bottom-right"][opened="false"]) .window,:host([position="bottom-right"]:not([opened])) .window{-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}:host([position="bottom"]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}:host([position="bottom"]) .window{height:auto;width:100vw}:host([position="bottom"][opened="false"])>::slotted([slot="window"]),:host([position="bottom"]:not([opened]))>::slotted([slot="window"]){-webkit-transform:rotateX(22deg) rotateY(0) scale(0.5) translate(0, 80%);transform:rotateX(22deg) rotateY(0) scale(0.5) translate(0, 80%)}:host([position="bottom"][opened="false"]) .window,:host([position="bottom"]:not([opened])) .window{-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}:host([position="center"]){-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host([position="center"]) .window{-webkit-transition-delay:0s;transition-delay:0s}:host([position="center"][opened="false"])>::slotted([slot="window"]),:host([position="center"]:not([opened]))>::slotted([slot="window"]){-webkit-transform:rotateX(0) rotateY(22deg) scale(0.5) translate(0, 40%);transform:rotateX(0) rotateY(22deg) scale(0.5) translate(0, 40%)}:host([position="center"][opened="false"]) .window,:host([position="center"]:not([opened])) .window{-webkit-transform:rotateX(0) rotateY(0) scale(0.5) translate(0, 0);transform:rotateX(0) rotateY(0) scale(0.5) translate(0, 0)}:host([position="left"]){-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host([position="left"]) .window{height:100%;max-height:calc(100dvh - calc(var(--mds-modal-window-distance) * 2));max-width:calc(100vw - 80px)}:host([position="left"][opened="false"])>::slotted([slot="window"]),:host([position="left"]:not([opened]))>::slotted([slot="window"]){-webkit-transform:rotateX(0) rotateY(22deg) rotateZ(0) scale(0.5) translate(-100%, 0%);transform:rotateX(0) rotateY(22deg) rotateZ(0) scale(0.5) translate(-100%, 0%)}:host([position="left"][opened="false"]) .window,:host([position="left"]:not([opened])) .window{-webkit-transform:translate(-100%, 0%);transform:translate(-100%, 0%)}:host([position="left"]) .action-close{right:0.75rem;top:0.75rem;-webkit-transform:translateX(-120%) rotate(-45deg);transform:translateX(-120%) rotate(-45deg)}:host([position="left"][opened]:not([opened="false"])) .action-close{-webkit-transform:translateX(0);transform:translateX(0)}:host([position="right"]){-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host([position="right"]) .window{height:100%;max-height:calc(100dvh - calc(var(--mds-modal-window-distance) * 2));max-width:calc(100vw - 80px)}:host([position="right"][opened="false"])>::slotted([slot="window"]),:host([position="right"]:not([opened]))>::slotted([slot="window"]){-webkit-transform:rotateX(0) rotateY(-22deg) rotateZ(0) scale(0.5) translate(100%, 0%);transform:rotateX(0) rotateY(-22deg) rotateZ(0) scale(0.5) translate(100%, 0%)}:host([position="right"][opened="false"]) .window,:host([position="right"]:not([opened])) .window{-webkit-transform:translate(100%, 0%);transform:translate(100%, 0%)}:host([position="right"]) .action-close{left:0.75rem;top:0.75rem;-webkit-transform:translateX(120%) rotate(45deg);transform:translateX(120%) rotate(45deg)}:host([position="right"][opened]:not([opened="false"])) .action-close{-webkit-transform:translateX(0);transform:translateX(0)}:host([position="top-left"]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}:host([position="bottom"]) .window{height:auto;width:100vw}:host([position="top-left"][opened="false"])>::slotted([slot="window"]),:host([position="top-left"]:not([opened]))>::slotted([slot="window"]){-webkit-transform:rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%);transform:rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%)}:host([position="top-left"][opened="false"]) .window,:host([position="top-left"]:not([opened])) .window{-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}:host([position="top-right"]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}:host([position="bottom"]) .window{height:auto;width:100vw}:host([position="top-right"][opened="false"])>::slotted([slot="window"]),:host([position="top-right"]:not([opened]))>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%);transform:rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%)}:host([position="top-right"][opened="false"]) .window,:host([position="top-right"]:not([opened])) .window{-webkit-transform:translate(0, 100%);transform:translate(0, 100%)}:host([position="top"]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host([position="bottom"]) .window{height:auto;width:100vw}:host([position="top"][opened="false"])>::slotted([slot="window"]),:host([position="top"]:not([opened]))>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) rotateY(0) scale(0.5) translate(0, -80%);transform:rotateX(-22deg) rotateY(0) scale(0.5) translate(0, -80%)}:host([position="top"][opened="false"]) .window,:host([position="top"]:not([opened])) .window{-webkit-transform:translate(0, -100%);transform:translate(0, -100%)}:host-context(.pref-animation-reduce){--mds-modal-transition-duration:0s}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .action-close,:host-context(.pref-animation-reduce) .window{-webkit-transition-duration:0s !important;transition-duration:0s !important}@media (prefers-reduced-motion){:host-context(.pref-animation-system){--mds-modal-transition-duration:0s}:host-context(.pref-animation-system),:host-context(.pref-animation-system) .action-close,:host-context(.pref-animation-system) .window{-webkit-transition-duration:0s !important;transition-duration:0s !important}}:host-context(.pref-contrast-more){--mds-modal-window-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25)}@media (prefers-contrast: more){:host-context(.pref-contrast-system){--mds-modal-window-shadow:0 0 0 2px rgb(var(--tone-neutral-01) / 0.6), 0 25px 50px -12px rgb(0 0 0 / 0.25)}}:host-context(.pref-theme-dark){--mds-modal-window-background:rgb(var(--tone-neutral-09));--mds-modal-window-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system){--mds-modal-window-background:rgb(var(--tone-neutral-09));--mds-modal-window-shadow:0 0 0 1px rgb(var(--tone-neutral-01) / 0.3), 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}';var m=l;var h=t("mds_modal",function(){function t(t){var a=this;o(this,t);this.closeEvent=e(this,"mdsModalClose",7);this.hideEvent=e(this,"mdsModalHide",7);this.window=false;this.top=false;this.bottom=false;this.opened=false;this.position="center";this.animating="none";this.overflow="auto";this.updateCSSCustomProps=function(){var t;if(typeof window==="undefined")return;var o=window.getComputedStyle(a.host);a.cssTransitionDuration=(t=o.getPropertyValue("--mds-modal-transition-duration"))!==null&&t!==void 0?t:"500"};this.stopIntroAnimationWindow=function(){a.animating="none";a.host.setAttribute("animating","none");clearTimeout(a.animationDelayTimeout)};this.stopOutroAnimationWindow=function(){a.animating="none";a.host.setAttribute("animating","none");a.hideEvent.emit();clearTimeout(a.animationDelayTimeout)};this.disableOverflow=function(){if(document){if(document.body.style.overflow){a.bodyOverflow=document.body.style.overflow}document.body.style.overflow="hidden"}};this.enableOverflow=function(){if(document){if(a.bodyOverflow){document.body.style.overflow=a.bodyOverflow}else{document.body.style.removeProperty("overflow")}}};this.animateOpenWindow=function(){a.animating="intro";clearTimeout(a.animationDelayTimeout);a.animationDelayTimeout=setTimeout(a.stopIntroAnimationWindow.bind(a),r(a.cssTransitionDuration))};this.animateCloseWindow=function(){a.animating="outro";clearTimeout(a.animationDelayTimeout);a.animationDelayTimeout=setTimeout(a.stopOutroAnimationWindow.bind(a),r(a.cssTransitionDuration))};this.closeModal=function(t){var o;if(((o=t.target)===null||o===void 0?void 0:o.localName)!=="mds-modal"){return}a.opened=t.target!==t.currentTarget;if(!a.opened){a.closeEvent.emit()}}}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;if(this.overflow==="auto"&&this.opened){this.disableOverflow()}if(this.window){(t=this.host.querySelector('[slot="window"]'))===null||t===void 0?void 0:t.setAttribute("role","dialog")}};t.prototype.componentWillRender=function(){this.animating=this.opened?"intro":"outro"};t.prototype.componentDidLoad=function(){this.updateCSSCustomProps()};t.prototype.handleOpenProp=function(t){if(t){if(this.overflow==="auto"){this.disableOverflow()}this.animateOpenWindow();return}if(this.overflow==="auto"){this.enableOverflow()}this.animateCloseWindow()};t.prototype.onModalCloseListener=function(){this.opened=false};t.prototype.onBannerCloseListener=function(){this.opened=false};t.prototype.render=function(){var t=this;return a(n,{key:"7c55fe13070b89c43efcc7168dbdb8d07b749b8a","aria-modal":s(this.opened?"true":"false"),onClick:function(o){t.closeModal(o)}},this.window?a("slot",{name:"window"}):a("div",{class:s("window",(this.top||this.bottom)&&"window-".concat(this.top?"-top":"").concat(this.bottom?"-bottom":"")),part:"window"},this.top&&a("slot",{name:"top"}),a("slot",null),this.bottom&&a("slot",{name:"bottom"})),!this.window&&a("mds-button",{key:"e9b3c0037f8a0cf2fc3b284dc02b2f7b16bbe205",class:"action-close",icon:"mi/baseline/close",variant:"light",tone:"quiet",size:"xl",onClick:function(o){t.closeModal(o)}}))};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{opened:["handleOpenProp"]}},enumerable:false,configurable:true});return t}());h.style=m}}}));