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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maggioli-design-system/mds-modal",
-  "version": "4.2.0",
+  "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.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -24,8 +24,8 @@
     "test": "stencil test --spec --e2e"
   },
   "dependencies": {
-    "@maggioli-design-system/styles": "^11.4.0",
-    "@stencil/core": "^2.22.3",
+    "@maggioli-design-system/styles": "^11.7.0",
+    "@stencil/core": "^4.2.1",
     "clsx": "^1.2.1"
   },
   "license": "MIT",

package/readme.md

@@ -20,6 +20,23 @@
 | `mdsModalClose` | Emits when a modal is closed | `CustomEvent<void>` |
 
 
+## Slots
+
+| Slot        | Description                                                                                                                |
+| ----------- | -------------------------------------------------------------------------------------------------------------------------- |
+| `"bottom"`  | Contents that will be placed on bottom of the window. Add `text string`, `HTML elements` or `components` to this slot.     |
+| `"default"` | Contents that will be placed in the center of the window. Add `text string`, `HTML elements` or `components` to this slot. |
+| `"top"`     | Contents that will be placed on top of the window. Add `text string`, `HTML elements` or `components` to this slot.        |
+| `"window"`  | Use directly a window component if you need it. Add `text string`, `HTML elements` or `components` to this slot.           |
+
+
+## Shadow Parts
+
+| Part       | Description |
+| ---------- | ----------- |
+| `"window"` |             |
+
+
 ## CSS Custom Properties
 
 | Name                            | Description                                                                                                                                        |

package/src/common/unit.ts

@@ -0,0 +1,14 @@
+const cssDurationToMilliseconds = (duration: string, defaultValue = 1000): number => {
+  if (duration.includes('s')) {
+    return Number(duration.replace('s', '')) * 1000
+  }
+
+  if (duration.includes('ms')) {
+    return Number(duration.replace('s', ''))
+  }
+
+  return defaultValue
+}
+export {
+  cssDurationToMilliseconds,
+}

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

@@ -34,6 +34,7 @@
     pointer-events-none;
 
   background-color: rgba(var(--mds-modal-overlay-color) / 0);
+  fill: theme('colors.tone-neutral');
   perspective: 600px;
   z-index: var(--mds-modal-z-index, 1000);
 }
@@ -68,7 +69,6 @@
     cursor-pointer
     duration-500
     ease-in-out-quart
-    fill-tone-neutral-10
     h-9
     opacity-0
     origin-center
@@ -77,6 +77,7 @@
     top-0
     w-9;
 
+  fill: inherit;
   transform: translate(0, 24px) rotate(90deg);
   transition-property: opacity, outline, outline-offset, transform;
 }

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

@@ -4,6 +4,13 @@ import { Component, Element, Event, EventEmitter, Host, h, Listen, Prop, Watch,
 import { KeyboardManager } from '@common/keyboard-manager'
 import { ModalPositionType, ModalAnimationStateType } from './meta/types'
 
+/**
+ * @slot default - Contents that will be placed in the center of the window. Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot bottom - Contents that will be placed on bottom of the window. Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot top - Contents that will be placed on top of the window. Add `text string`, `HTML elements` or `components` to this slot.
+ * @slot window - Use directly a window component if you need it. Add `text string`, `HTML elements` or `components` to this slot.
+ */
+
 @Component({
   tag: 'mds-modal',
   styleUrl: 'mds-modal.css',
@@ -17,6 +24,7 @@ export class MdsModal {
   private bottom = false
   private animationState: ModalAnimationStateType = 'intro'
   private km = new KeyboardManager()
+
   @State() stateOpened: boolean
   @Element() host: HTMLMdsModalElement
 
@@ -120,7 +128,7 @@ export class MdsModal {
       <Host aria-modal={clsx(this.opened ? 'true' : 'false' )} class={clsx(this.stateOpened && this.animationName('opened'))} onClick={(e: Event) => { this.closeModal(e) }}>
         { this.window
           ? <slot name="window"/>
-          : <div class={clsx('window', (this.top || this.bottom) && `window-${this.top ? '-top' : ''}${this.bottom ? '-bottom' : ''}`)} role="dialog">
+          : <div class={clsx('window', (this.top || this.bottom) && `window-${this.top ? '-top' : ''}${this.bottom ? '-bottom' : ''}`)} role="dialog" part="window">
             { this.top &&
               <slot name="top"/>
             }

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

@@ -20,6 +20,23 @@
 | `mdsModalClose` | Emits when a modal is closed | `CustomEvent<void>` |
 
 
+## Slots
+
+| Slot        | Description                                                                                                                |
+| ----------- | -------------------------------------------------------------------------------------------------------------------------- |
+| `"bottom"`  | Contents that will be placed on bottom of the window. Add `text string`, `HTML elements` or `components` to this slot.     |
+| `"default"` | Contents that will be placed in the center of the window. Add `text string`, `HTML elements` or `components` to this slot. |
+| `"top"`     | Contents that will be placed on top of the window. Add `text string`, `HTML elements` or `components` to this slot.        |
+| `"window"`  | Use directly a window component if you need it. Add `text string`, `HTML elements` or `components` to this slot.           |
+
+
+## Shadow Parts
+
+| Part       | Description |
+| ---------- | ----------- |
+| `"window"` |             |
+
+
 ## CSS Custom Properties
 
 | Name                            | Description                                                                                                                                        |

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

@@ -18,7 +18,7 @@ describe('mds-modal', () => {
     expect(element).not.toHaveAttribute('opened')
 
     expect(element.shadowRoot).toEqualHtml(`
-      <div class="window" role="dialog">
+      <div class="window" part="window" role="dialog">
         <slot></slot>
       </div>
       <i class="close focusable-light svg" tabindex="0">
@@ -38,7 +38,7 @@ describe('mds-modal', () => {
     expect(element.getAttribute('opened')).not.toBe('false')
 
     expect(element.shadowRoot).toEqualHtml(`
-      <div class="window" role="dialog">
+      <div class="window" part="window" role="dialog">
         <slot></slot>
       </div>
       <i class="close focusable-light svg" tabindex="0">

package/src/components.d.ts

@@ -6,6 +6,7 @@
  */
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { ModalPositionType } from "./components/mds-modal/meta/types";
+export { ModalPositionType } from "./components/mds-modal/meta/types";
 export namespace Components {
     interface MdsModal {
         /**

package/src/dictionary/button.ts

@@ -15,6 +15,11 @@ const buttonToneVariantDictionary = [
   'quiet',
 ]
 
+const buttonTargetDictionary = [
+  'blank',
+  'self',
+]
+
 const buttonSizeDictionary = [
   'sm',
   'md',
@@ -28,8 +33,9 @@ const buttonIconPositionDictionary = [
 ]
 
 export {
+  buttonIconPositionDictionary,
   buttonSizeDictionary,
+  buttonTargetDictionary,
   buttonToneVariantDictionary,
   buttonVariantDictionary,
-  buttonIconPositionDictionary,
 }

package/src/dictionary/variant.ts

@@ -59,6 +59,15 @@ const toneVariantDictionary = [
   'quiet',
 ]
 
+const toneActionVariantDictionary = [
+  'primary',
+  'secondary',
+  'tertiary',
+  'strong',
+  'weak',
+  'quiet',
+]
+
 const toneSimpleVariantDictionary = [
   'strong',
   'weak',
@@ -76,6 +85,7 @@ export {
   themeLuminanceVariantDictionary,
   themeStatusVariantDictionary,
   themeVariantDictionary,
+  toneActionVariantDictionary,
   toneMinimalVariantDictionary,
   toneSimpleVariantDictionary,
   toneVariantDictionary,

package/src/fixtures/icons.json

@@ -21,6 +21,7 @@
     "mgg/action-show-right-side",
     "mgg/action-show-sidebar-left",
     "mgg/action-show-sidebar-right",
+    "mgg/activity-list",
     "mgg/add-document-settings",
     "mgg/additional-contents",
     "mgg/address-book-off",
@@ -28,18 +29,32 @@
     "mgg/adv-denied",
     "mgg/area-edificabile",
     "mgg/area-weather",
+    "mgg/assignments-accept-rejection",
+    "mgg/assignments-acceptance-accepted",
+    "mgg/assignments-assignment",
+    "mgg/assignments-competence",
+    "mgg/assignments-completed",
+    "mgg/assignments-rejected",
+    "mgg/assignments-sorted",
+    "mgg/auto-awesome-motion",
+    "mgg/balance",
+    "mgg/bill",
     "mgg/box-multiple",
     "mgg/breadcrumb",
+    "mgg/bus-stops",
     "mgg/calendar-euro",
     "mgg/calendar-multiple",
     "mgg/calendar-schedule",
+    "mgg/cancelled-sheet",
     "mgg/car-license",
     "mgg/card-stamping",
     "mgg/checklist",
     "mgg/checklist-settings",
     "mgg/citizenship",
     "mgg/city-bin",
+    "mgg/classic-permission",
     "mgg/copy-paste",
+    "mgg/d-instrumental-buildings",
     "mgg/data-analytics-alt",
     "mgg/data-analytics-search",
     "mgg/data-analytics-time",
@@ -50,6 +65,9 @@
     "mgg/data-end-civil-union",
     "mgg/data-end-marriage",
     "mgg/dataset",
+    "mgg/delivered-to-the-recipient",
+    "mgg/document-euro",
+    "mgg/document-less",
     "mgg/document-magic",
     "mgg/document-rename",
     "mgg/electronic-document",
@@ -78,9 +96,13 @@
     "mgg/finance-euro-cashback",
     "mgg/fit-horizontal",
     "mgg/fit-vertical",
+    "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
     "mgg/google-place-item",
+    "mgg/group-assigned-automatically-system",
+    "mgg/group-ceased",
+    "mgg/group-inherited",
     "mgg/heart",
     "mgg/heart-outline",
     "mgg/historic-building",
@@ -91,10 +113,15 @@
     "mgg/input-calendar-costs",
     "mgg/input-calendar-period",
     "mgg/input-calendar-time",
+    "mgg/instrumental-buildings",
+    "mgg/internationalization-add",
+    "mgg/internationalization-check",
+    "mgg/internationalization-delete",
     "mgg/isbn",
     "mgg/judge-hammer",
     "mgg/land-registry",
     "mgg/layers",
+    "mgg/liquidated-document",
     "mgg/list-dot",
     "mgg/logo-girasole-camuno",
     "mgg/logo-gpl",
@@ -103,6 +130,7 @@
     "mgg/military-draft",
     "mgg/money-bag-settings",
     "mgg/money-on-hand",
+    "mgg/money-paid",
     "mgg/move-down",
     "mgg/move-left",
     "mgg/move-right",
@@ -112,6 +140,8 @@
     "mgg/multiple-payments",
     "mgg/national-document",
     "mgg/national-document-off",
+    "mgg/not-instrumental-d-buildings",
+    "mgg/not-sent-yet",
     "mgg/order-return-down-left-to-right",
     "mgg/order-return-down-left-to-up",
     "mgg/order-return-down-right-to-left",
@@ -130,8 +160,11 @@
     "mgg/order-zigzag-up-right-to-left",
     "mgg/other-properties",
     "mgg/other-properties-off",
+    "mgg/other-residential-buildings",
+    "mgg/pagopa",
     "mgg/partial-wall",
     "mgg/payment-settings",
+    "mgg/pec-sent-to-the-not-pec-recipient",
     "mgg/places-green",
     "mgg/places-green-doc",
     "mgg/places-green-history",
@@ -145,10 +178,12 @@
     "mgg/relevance",
     "mgg/reporting-abuse",
     "mgg/residency-permit",
+    "mgg/roles-permission",
     "mgg/rubber-stamp",
     "mgg/rurale",
     "mgg/search-maggioli",
     "mgg/send-progress",
+    "mgg/sending-error",
     "mgg/settings-attachment",
     "mgg/sign-shop",
     "mgg/square-viewfinder",
@@ -158,6 +193,7 @@
     "mgg/status-progress-half",
     "mgg/status-progress-three-quarter",
     "mgg/stuck-codes",
+    "mgg/subtractive-permission",
     "mgg/tea-light",
     "mgg/terminal",
     "mgg/todo",
@@ -174,12 +210,14 @@
     "mgg/todo-suspended",
     "mgg/traffic-cone",
     "mgg/trending-down",
+    "mgg/tribute",
     "mgg/tributes",
     "mgg/urban-city",
     "mgg/user-dead",
     "mgg/user-family",
     "mgg/user-location",
     "mgg/user-location-off",
+    "mgg/user-signed-out",
     "mgg/view-chart-gantt",
     "mgg/view-side-by-side",
     "mgg/work-book",
@@ -238,5 +276,6 @@
     "mi/round/email",
     "mi/round/groups",
     "mi/round/menu",
+    "mi/round/more-vert",
     "mi/round/person"
 ]

package/src/fixtures/iconsauce.json

@@ -10,6 +10,7 @@
     "mgg/action-show-right-side",
     "mgg/action-show-sidebar-left",
     "mgg/action-show-sidebar-right",
+    "mgg/activity-list",
     "mgg/add-document-settings",
     "mgg/additional-contents",
     "mgg/address-book-off",
@@ -17,18 +18,32 @@
     "mgg/adv-denied",
     "mgg/area-edificabile",
     "mgg/area-weather",
+    "mgg/assignments-accept-rejection",
+    "mgg/assignments-acceptance-accepted",
+    "mgg/assignments-assignment",
+    "mgg/assignments-competence",
+    "mgg/assignments-completed",
+    "mgg/assignments-rejected",
+    "mgg/assignments-sorted",
+    "mgg/auto-awesome-motion",
+    "mgg/balance",
+    "mgg/bill",
     "mgg/box-multiple",
     "mgg/breadcrumb",
+    "mgg/bus-stops",
     "mgg/calendar-euro",
     "mgg/calendar-multiple",
     "mgg/calendar-schedule",
+    "mgg/cancelled-sheet",
     "mgg/car-license",
     "mgg/card-stamping",
     "mgg/checklist-settings",
     "mgg/checklist",
     "mgg/citizenship",
     "mgg/city-bin",
+    "mgg/classic-permission",
     "mgg/copy-paste",
+    "mgg/d-instrumental-buildings",
     "mgg/data-analytics-alt",
     "mgg/data-analytics-search",
     "mgg/data-analytics-time",
@@ -39,6 +54,9 @@
     "mgg/data-end-civil-union",
     "mgg/data-end-marriage",
     "mgg/dataset",
+    "mgg/delivered-to-the-recipient",
+    "mgg/document-euro",
+    "mgg/document-less",
     "mgg/document-magic",
     "mgg/document-rename",
     "mgg/electronic-document",
@@ -67,9 +85,13 @@
     "mgg/finance-euro-cashback",
     "mgg/fit-horizontal",
     "mgg/fit-vertical",
+    "mgg/forwarded-with-a-single-sending",
     "mgg/fullscreen-on-alt",
     "mgg/google-check-small",
     "mgg/google-place-item",
+    "mgg/group-assigned-automatically-system",
+    "mgg/group-ceased",
+    "mgg/group-inherited",
     "mgg/heart-outline",
     "mgg/heart",
     "mgg/historic-building-unusable",
@@ -80,10 +102,15 @@
     "mgg/input-calendar-costs",
     "mgg/input-calendar-period",
     "mgg/input-calendar-time",
+    "mgg/instrumental-buildings",
+    "mgg/internationalization-add",
+    "mgg/internationalization-check",
+    "mgg/internationalization-delete",
     "mgg/isbn",
     "mgg/judge-hammer",
     "mgg/land-registry",
     "mgg/layers",
+    "mgg/liquidated-document",
     "mgg/list-dot",
     "mgg/logo-girasole-camuno",
     "mgg/logo-gpl",
@@ -92,6 +119,7 @@
     "mgg/military-draft",
     "mgg/money-bag-settings",
     "mgg/money-on-hand",
+    "mgg/money-paid",
     "mgg/move-down",
     "mgg/move-left",
     "mgg/move-right",
@@ -101,6 +129,8 @@
     "mgg/multiple-payments",
     "mgg/national-document-off",
     "mgg/national-document",
+    "mgg/not-instrumental-d-buildings",
+    "mgg/not-sent-yet",
     "mgg/order-return-down-left-to-right",
     "mgg/order-return-down-left-to-up",
     "mgg/order-return-down-right-to-left",
@@ -119,8 +149,11 @@
     "mgg/order-zigzag-up-right-to-left",
     "mgg/other-properties-off",
     "mgg/other-properties",
+    "mgg/other-residential-buildings",
+    "mgg/pagopa",
     "mgg/partial-wall",
     "mgg/payment-settings",
+    "mgg/pec-sent-to-the-not-pec-recipient",
     "mgg/places-green-doc",
     "mgg/places-green-history",
     "mgg/places-green-info",
@@ -134,10 +167,12 @@
     "mgg/relevance",
     "mgg/reporting-abuse",
     "mgg/residency-permit",
+    "mgg/roles-permission",
     "mgg/rubber-stamp",
     "mgg/rurale",
     "mgg/search-maggioli",
     "mgg/send-progress",
+    "mgg/sending-error",
     "mgg/settings-attachment",
     "mgg/sign-shop",
     "mgg/square-viewfinder",
@@ -147,6 +182,7 @@
     "mgg/status-progress-half",
     "mgg/status-progress-three-quarter",
     "mgg/stuck-codes",
+    "mgg/subtractive-permission",
     "mgg/tea-light",
     "mgg/terminal",
     "mgg/todo-completed-re-executable",
@@ -163,12 +199,14 @@
     "mgg/todo",
     "mgg/traffic-cone",
     "mgg/trending-down",
+    "mgg/tribute",
     "mgg/tributes",
     "mgg/urban-city",
     "mgg/user-dead",
     "mgg/user-family",
     "mgg/user-location-off",
     "mgg/user-location",
+    "mgg/user-signed-out",
     "mgg/view-chart-gantt",
     "mgg/view-side-by-side",
     "mgg/work-book"

package/src/type/button.ts

@@ -4,6 +4,10 @@ export type ButtonType =
   | 'reset'
   | 'submit'
 
+export type ButtonTargetType =
+  |'self'
+  |'blank'
+
 export type ButtonSizeType =
   | 'sm'
   | 'md'

package/src/type/variant.ts

@@ -57,6 +57,15 @@ export type StateVariantType =
   | 'focused'
   | 'readonly'
 
+export type ToneActionVariantType =
+  | 'primary' // background strong
+  | 'secondary' // background weak
+  | 'tertiary' // no background, no border
+  | 'strong' // background strong
+  | 'weak' // background weak
+  | 'ghost' // bordered
+  | 'quiet' // no background, no border
+
 export type ToneVariantType =
   | 'strong' // background strong
   | 'weak' // background weak

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

@@ -1 +1 @@
-import{p as e,b as o}from"./p-4fdbb5fc.js";export{s as setNonce}from"./p-4fdbb5fc.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-a7878434",[[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-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)));

package/www/build/mds-modal.js

@@ -115,15 +115,11 @@ 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-e2fdb863.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+    var url = new URL('./p-5561703a.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
     System.import(url.href);
   };
 
-  if (window.__cssshim) {
-    window.__cssshim.i().then(start);
-  } else {
-    start();
-  }
+  start();
 
   // Note: using .call(window) here because the self-executing function needs
   // to be scoped to the window object for the ES6Promise polyfill to work

package/www/build/p-3bcc29b0.js

@@ -0,0 +1,2 @@
+let n,e,t=!1;const l={},o=n=>"object"==(n=typeof n)||"function"===n;function s(n){var e,t,l;return null!==(l=null===(t=null===(e=n.head)||void 0===e?void 0:e.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const c=(n,e,...t)=>{let l=null,s=!1,c=!1;const r=[],u=e=>{for(let t=0;t<e.length;t++)l=e[t],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof n&&!o(l))&&(l+=""),s&&c?r[r.length-1].t+=l:r.push(s?i(null,l):l),c=s)};if(u(t),e){const n=e.className||e.class;n&&(e.class="object"!=typeof n?n:Object.keys(n).filter((e=>n[e])).join(" "))}const a=i(n,null);return a.l=e,r.length>0&&(a.o=r),a},i=(n,e)=>({i:0,u:n,t:e,m:null,o:null,l:null}),r={},u=n=>_(n).h,a=(n,e,t)=>{const l=u(n);return{emit:n=>f(l,e,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:n})}},f=(n,e,t)=>{const l=Z.ce(e,t);return n.dispatchEvent(l),l},d=new WeakMap,m=n=>"sc-"+n.p,y=(n,e,t,l,s,c)=>{if(t!==l){let i=G(n,e),r=e.toLowerCase();if("class"===e){const e=n.classList,o=p(t),s=p(l);e.remove(...o.filter((n=>n&&!s.includes(n)))),e.add(...s.filter((n=>n&&!o.includes(n))))}else if(i||"o"!==e[0]||"n"!==e[1]){const r=o(l);if((i||r&&null!==l)&&!s)try{if(n.tagName.includes("-"))n[e]=l;else{const o=null==l?"":l;"list"===e?i=!1:null!=t&&n[e]==o||(n[e]=o)}}catch(n){}null==l||!1===l?!1===l&&""!==n.getAttribute(e)||n.removeAttribute(e):(!i||4&c||s)&&!r&&n.setAttribute(e,l=!0===l?"":l)}else e="-"===e[2]?e.slice(3):G(X,r)?r.slice(2):r[2]+e.slice(3),t&&Z.rel(n,e,t,!1),l&&Z.ael(n,e,l,!1)}},h=/\s/,p=n=>n?n.split(h):[],$=(n,e,t,o)=>{const s=11===e.m.nodeType&&e.m.host?e.m.host:e.m,c=n&&n.l||l,i=e.l||l;for(o in c)o in i||y(s,o,c[o],void 0,t,e.i);for(o in i)y(s,o,c[o],i[o],t,e.i)},b=(e,t,l)=>{const o=t.o[l];let s,c,i=0;if(null!==o.t)s=o.m=Y.createTextNode(o.t);else if(s=o.m=Y.createElement(o.u),$(null,o,!1),null!=n&&s["s-si"]!==n&&s.classList.add(s["s-si"]=n),o.o)for(i=0;i<o.o.length;++i)c=b(e,o,i),c&&s.appendChild(c);return s},v=(n,t,l,o,s,c)=>{let i,r=n;for(r.shadowRoot&&r.tagName===e&&(r=r.shadowRoot);s<=c;++s)o[s]&&(i=b(null,l,s),i&&(o[s].m=i,r.insertBefore(i,t)))},w=(n,e,t)=>{for(let l=e;l<=t;++l){const e=n[l];if(e){const n=e.m;n&&n.remove()}}},S=(n,e)=>n.u===e.u,g=(n,e)=>{const t=e.m=n.m,l=n.o,o=e.o,s=e.t;null===s?("slot"===e.u||$(n,e,!1),null!==l&&null!==o?((n,e,t,l)=>{let o,s=0,c=0,i=e.length-1,r=e[0],u=e[i],a=l.length-1,f=l[0],d=l[a];for(;s<=i&&c<=a;)null==r?r=e[++s]:null==u?u=e[--i]:null==f?f=l[++c]:null==d?d=l[--a]:S(r,f)?(g(r,f),r=e[++s],f=l[++c]):S(u,d)?(g(u,d),u=e[--i],d=l[--a]):S(r,d)?(g(r,d),n.insertBefore(r.m,u.m.nextSibling),r=e[++s],d=l[--a]):S(u,f)?(g(u,f),n.insertBefore(u.m,r.m),u=e[--i],f=l[++c]):(o=b(e&&e[c],t,c),f=l[++c],o&&r.m.parentNode.insertBefore(o,r.m));s>i?v(n,null==l[a+1]?null:l[a+1].m,t,l,c,a):c>a&&w(e,s,i)})(t,l,e,o):null!==o?(null!==n.t&&(t.textContent=""),v(t,null,e,o,0,o.length-1)):null!==l&&w(l,0,l.length-1)):n.t!==s&&(t.data=s)},j=(n,e)=>{e&&!n.$&&e["s-p"]&&e["s-p"].push(new Promise((e=>n.$=e)))},k=(n,e)=>{if(n.i|=16,!(4&n.i))return j(n,n.v),un((()=>M(n,e)));n.i|=512},M=(n,e)=>{const t=n.S;let l;return e&&(n.i|=256,n.g&&(n.g.map((([n,e])=>E(t,n,e))),n.g=void 0),l=E(t,"componentWillLoad")),l=C(l,(()=>E(t,"componentWillRender"))),C(l,(()=>P(n,t,e)))},C=(n,e)=>O(n)?n.then(e):e(),O=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,P=async(n,e,t)=>{var l;const o=n.h,c=o["s-rc"];t&&(n=>{const e=n.j,t=n.h,l=e.i,o=((n,e)=>{var t;const l=m(e),o=Q.get(l);if(n=11===n.nodeType?n:Y,o)if("string"==typeof o){let e,c=d.get(n=n.head||n);if(c||d.set(n,c=new Set),!c.has(l)){{e=Y.createElement("style"),e.innerHTML=o;const l=null!==(t=Z.k)&&void 0!==t?t:s(Y);null!=l&&e.setAttribute("nonce",l),n.insertBefore(e,n.querySelector("link"))}c&&c.add(l)}}else n.adoptedStyleSheets.includes(o)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,o]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),e);10&l&&(t["s-sc"]=o,t.classList.add(o+"-h"))})(n);R(n,e,o,t),c&&(c.map((n=>n())),o["s-rc"]=void 0);{const e=null!==(l=o["s-p"])&&void 0!==l?l:[],t=()=>W(n);0===e.length?t():(Promise.all(e).then(t),n.i|=4,e.length=0)}},R=(t,l,o,s)=>{try{l=l.render(),t.i&=-17,t.i|=2,((t,l,o=!1)=>{const s=t.h,u=t.j,a=t.M||i(null,null),f=(n=>n&&n.u===r)(l)?l:c(null,null,l);if(e=s.tagName,u.C&&(f.l=f.l||{},u.C.map((([n,e])=>f.l[e]=s[n]))),o&&f.l)for(const n of Object.keys(f.l))s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(f.l[n]=s[n]);f.u=null,f.i|=4,t.M=f,f.m=a.m=s.shadowRoot||s,n=s["s-sc"],g(a,f)})(t,l,s)}catch(n){I(n,t.h)}return null},W=n=>{const e=n.h,t=n.v;E(n.S,"componentDidRender"),64&n.i||(n.i|=64,L(e),n.O(e),t||x()),n.$&&(n.$(),n.$=void 0),512&n.i&&rn((()=>k(n,!1))),n.i&=-517},x=()=>{L(Y.documentElement),rn((()=>f(X,"appload",{detail:{namespace:"mds-modal"}})))},E=(n,e,t)=>{if(n&&n[e])try{return n[e](t)}catch(n){I(n)}},L=n=>n.setAttribute("hydrated",""),N=(n,e,t)=>{if(e.P){n.watchers&&(e.R=n.watchers);const l=Object.entries(e.P),s=n.prototype;if(l.map((([n,[l]])=>{(31&l||2&t&&32&l)&&Object.defineProperty(s,n,{get(){return((n,e)=>_(this).W.get(e))(0,n)},set(t){((n,e,t,l)=>{const s=_(n),c=s.h,i=s.W.get(e),r=s.i,u=s.S;if(t=((n,e)=>null==n||o(n)?n:4&e?"false"!==n&&(""===n||!!n):1&e?n+"":n)(t,l.P[e][0]),(!(8&r)||void 0===i)&&t!==i&&(!Number.isNaN(i)||!Number.isNaN(t))&&(s.W.set(e,t),u)){if(l.R&&128&r){const n=l.R[e];n&&n.map((n=>{try{u[n](t,i,e)}catch(n){I(n,c)}}))}2==(18&r)&&k(s,!1)}})(this,n,t,e)},configurable:!0,enumerable:!0})})),1&t){const t=new Map;s.attributeChangedCallback=function(n,e,l){Z.jmp((()=>{const e=t.get(n);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(s.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},n.observedAttributes=l.filter((([n,e])=>15&e[0])).map((([n,l])=>{const o=l[1]||n;return t.set(o,n),512&l[0]&&e.C.push([n,o]),o}))}}return n},T=n=>{E(n,"disconnectedCallback")},A=(n,e={})=>{var t;const l=[],o=e.exclude||[],c=X.customElements,i=Y.head,r=i.querySelector("meta[charset]"),u=Y.createElement("style"),a=[];let f,d=!0;Object.assign(Z,e),Z.L=new URL(e.resourcesUrl||"./",Y.baseURI).href,n.map((n=>{n[1].map((e=>{const t={i:e[0],p:e[1],P:e[2],N:e[3]};t.P=e[2],t.N=e[3],t.C=[],t.R={};const s=t.p,i=class extends HTMLElement{constructor(n){super(n),B(n=this,t),1&t.i&&n.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):Z.jmp((()=>(n=>{if(0==(1&Z.i)){const e=_(n),t=e.j,l=()=>{};if(1&e.i)H(n,e,t.N),(null==e?void 0:e.S)||(null==e?void 0:e.T)&&e.T.then((()=>{}));else{e.i|=1;{let t=n;for(;t=t.parentNode||t.host;)if(t["s-p"]){j(e,e.v=t);break}}t.P&&Object.entries(t.P).map((([e,[t]])=>{if(31&t&&n.hasOwnProperty(e)){const t=n[e];delete n[e],n[e]=t}})),(async(n,e,t,l,o)=>{if(0==(32&e.i)){e.i|=32;{if((o=K(t)).then){const n=()=>{};o=await o,n()}o.isProxied||(t.R=o.watchers,N(o,t,2),o.isProxied=!0);const n=()=>{};e.i|=8;try{new o(e)}catch(n){I(n)}e.i&=-9,e.i|=128,n()}if(o.style){let n=o.style;const e=m(t);if(!Q.has(e)){const l=()=>{};((n,e,t)=>{let l=Q.get(n);en&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,Q.set(n,l)})(e,n,!!(1&t.i)),l()}}}const s=e.v,c=()=>k(e,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,e,t)}l()}})(this)))}disconnectedCallback(){Z.jmp((()=>(async()=>{if(0==(1&Z.i)){const n=_(this);n.A&&(n.A.map((n=>n())),n.A=void 0),(null==n?void 0:n.S)?T(n.S):(null==n?void 0:n.T)&&n.T.then((()=>T(n.S)))}})()))}componentOnReady(){return _(this).T}};t.H=n[0],o.includes(s)||c.get(s)||(l.push(s),c.define(s,N(i,t,1)))}))}));{u.innerHTML=l+"{visibility:hidden}[hydrated]{visibility:inherit}",u.setAttribute("data-styles","");const n=null!==(t=Z.k)&&void 0!==t?t:s(Y);null!=n&&u.setAttribute("nonce",n),i.insertBefore(u,r?r.nextSibling:i.firstChild)}d=!1,a.length?a.map((n=>n.connectedCallback())):Z.jmp((()=>f=setTimeout(x,30)))},H=(n,e,t)=>{t&&t.map((([t,l,o])=>{const s=q(n,t),c=U(e,o),i=D(t);Z.ael(s,l,c,i),(e.A=e.A||[]).push((()=>Z.rel(s,l,c,i)))}))},U=(n,e)=>t=>{try{256&n.i?n.S[e](t):(n.g=n.g||[]).push([e,t])}catch(n){I(n)}},q=(n,e)=>4&e?Y:n,D=n=>0!=(2&n),F=n=>Z.k=n,V=new WeakMap,_=n=>V.get(n),z=(n,e)=>V.set(e.S=n,e),B=(n,e)=>{const t={i:0,h:n,j:e,W:new Map};return t.T=new Promise((n=>t.O=n)),n["s-p"]=[],n["s-rc"]=[],H(n,t,e.N),V.set(n,t)},G=(n,e)=>e in n,I=(n,e)=>(0,console.error)(n,e),J=new Map,K=n=>{const e=n.p.replace(/-/g,"_"),t=n.H,l=J.get(t);return l?l[e]:import(`./${t}.entry.js`).then((n=>(J.set(t,n),n[e])),I)
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},Q=new Map,X="undefined"!=typeof window?window:{},Y=X.document||{head:{}},Z={i:0,L:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,t,l)=>n.addEventListener(e,t,l),rel:(n,e,t,l)=>n.removeEventListener(e,t,l),ce:(n,e)=>new CustomEvent(n,e)},nn=n=>Promise.resolve(n),en=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),tn=[],ln=[],on=(n,e)=>l=>{n.push(l),t||(t=!0,e&&4&Z.i?rn(cn):Z.raf(cn))},sn=n=>{for(let e=0;e<n.length;e++)try{n[e](performance.now())}catch(n){I(n)}n.length=0},cn=()=>{sn(tn),sn(ln),(t=tn.length>0)&&Z.raf(cn)},rn=n=>nn().then(n),un=on(ln,!0);export{r as H,A as b,a as c,u as g,c as h,nn as p,z as r,F as s}

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

@@ -1 +1 @@
-System.register(["./p-3aeea0b7.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-8363eae7.system",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]]]]]],e)}))}}}));
+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)}))}}}));

package/www/build/p-5c4c27fb.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as i,H as r,g as e}from"./p-3bcc29b0.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);pointer-events:none;position:fixed;inset:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-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);background-color:rgba(var(--mds-modal-overlay-color) / 0);fill:rgb(var(--tone-neutral));-webkit-perspective:600px;perspective:600px;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){pointer-events:auto;-webkit-transition-duration:500ms;transition-duration:500ms;background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity))}.close{position:absolute;top:0px;height:2.25rem;width:2.25rem;-webkit-transform-origin:center;transform-origin:center;cursor:pointer;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);fill:inherit;-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{display:grid;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);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){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.to-bottom){padding:1rem}}: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){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.to-center){padding:1rem}}: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){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.to-top){padding:1rem}}: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}