@maggioli-design-system/mds-modal 6.5.2 → 6.6.0

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

@@ -39,11 +39,80 @@ export default {
   },
 }
 
-const firstName = 'Mario'
-const lastName = 'Rossi'
+const firstName = 'Mary'
+const lastName = 'Reds'
 const fullName = `${firstName} ${lastName}`
 const email = `${firstName.toLowerCase()}.${lastName.toLowerCase()}@nintendo.com`
 
+const HeaderComponent = ({ slot = undefined }: { slot?: string } = {}) => {
+  return (
+    <header
+      slot={slot}
+      class="p-400 bg-tone-neutral/80 backdrop-blur-md shadow-sm flex gap-400 items-center "
+    >
+      <mds-img class="w-800 h-800" src="./logo-gruppo-maggioli-512w.webp" />
+      <div class="text-tone-neutral-02 grid grid-cols-full">
+        <mds-text typography="h6" truncate="word">
+          Maggioli Editore
+        </mds-text>
+        <mds-text typography="caption" truncate="word">
+          Menu di servizio
+        </mds-text>
+      </div>
+    </header>
+  )
+}
+
+const FooterComponent = ({ slot = undefined }: { slot?: string } = {}) => {
+  return (
+    <footer
+      slot={slot}
+      class="flex gap-400 text-tone-neutral-02 p-400 bg-tone-neutral/80 backdrop-blur-md shadow-sm"
+    >
+      <mds-author class="flex-grow">
+        <mds-avatar
+          slot="avatar"
+          class="w-800 h-800"
+          src="./avatar-01-200x200.jpeg"
+        />
+        <mds-text typography="h6" truncate="word">{fullName}</mds-text>
+        <mds-text typography="caption" truncate="word">
+          {email}
+        </mds-text>
+      </mds-author>
+    </footer>
+  )
+}
+
+const ContentComponent = () => {
+
+  return (
+    <div class="p-400 grid gap-400 grid-cols-full">
+      <mds-text>
+        As a multi-brand design syastem, our components need to be flexible
+        enough for any one of our brands to use them for multiple use cases.
+        To achieve this, we ensure that all of the brands are involved in
+        the specification stage, giving us more confidence that we’re
+        future-proofing our components as more brands adopt NewsKit.
+      </mds-text>
+      <mds-text>
+        As a multi-brand design syastem, our components need to be flexible
+        enough for any one of our brands to use them for multiple use cases.
+        To achieve this, we ensure that all of the brands are involved in
+        the specification stage, giving us more confidence that we’re
+        future-proofing our components as more brands adopt NewsKit.
+      </mds-text>
+      <mds-text>
+        As a multi-brand design syastem, our components need to be flexible
+        enough for any one of our brands to use them for multiple use cases.
+        To achieve this, we ensure that all of the brands are involved in
+        the specification stage, giving us more confidence that we’re
+        future-proofing our components as more brands adopt NewsKit.
+      </mds-text>
+    </div>
+  )
+}
+
 const Template = args => {
   const [opened, setOpened] = useState(false)
   useEffect(() => {
@@ -80,21 +149,95 @@ const Template = args => {
         {...args}
         opened={opened === true ? true : undefined}
       >
-        <header
-          slot="top"
-          class="p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09"
-        >
-          <mds-img class="w-1600" src="./logo-gruppo-maggioli-512w.webp" />
-          <div class="text-tone-neutral-02">
-            <mds-text typography="h5" class="truncate min-w-0">
-              Maggioli Editore
-            </mds-text>
-            <mds-text typography="detail" class="truncate min-w-0">
-              Menu di servizio
-            </mds-text>
-          </div>
-        </header>
-        <div class="p-800">
+        <HeaderComponent/>
+        <ContentComponent/>
+        <FooterComponent/>
+      </mds-modal>
+    </div>
+  )
+}
+
+const TemplateHeaderAndFooter = args => {
+  const [opened, setOpened] = useState(false)
+  useEffect(() => {
+    const actionElement = document.querySelector('#action')
+    const modalElement = document.querySelector('#modal')
+
+    if (actionElement === null || modalElement === null) {
+      // eslint-disable-next-line no-alert
+      alert('Element/s not found')
+      return
+    }
+
+    modalElement.addEventListener('mdsModalClose', () => {
+      console.info('mdsModalClose')
+      setOpened(false)
+    })
+    modalElement.addEventListener('mdsModalHide', () => {
+      console.info('mdsModalHide')
+      setOpened(false)
+    })
+  }, [])
+
+  if (args.opened !== null) {
+    args.opened = null
+  }
+
+  return (
+    <div>
+      <mds-button id="action" onClick={() => setOpened(true)}>
+        Open modal
+      </mds-button>
+      <mds-modal
+        id="modal"
+        {...args}
+        opened={opened === true ? true : undefined}
+      >
+        <HeaderComponent slot="top" />
+        <ContentComponent/>
+        <FooterComponent slot="bottom" />
+      </mds-modal>
+    </div>
+  )
+}
+
+const TemplateSmallContent = args => {
+  const [opened, setOpened] = useState(false)
+  useEffect(() => {
+    const actionElement = document.querySelector('#action')
+    const modalElement = document.querySelector('#modal')
+
+    if (actionElement === null || modalElement === null) {
+      // eslint-disable-next-line no-alert
+      alert('Element/s not found')
+      return
+    }
+
+    modalElement.addEventListener('mdsModalClose', () => {
+      console.info('mdsModalClose')
+      setOpened(false)
+    })
+    modalElement.addEventListener('mdsModalHide', () => {
+      console.info('mdsModalHide')
+      setOpened(false)
+    })
+  }, [])
+
+  if (args.opened !== null) {
+    args.opened = null
+  }
+
+  return (
+    <div>
+      <mds-button id="action" onClick={() => setOpened(true)}>
+        Open modal
+      </mds-button>
+      <mds-modal
+        id="modal"
+        {...args}
+        opened={opened === true ? true : undefined}
+      >
+        <div class="p-400 grid gap-400 grid-cols-full">
           <mds-text>
             As a multi-brand design syastem, our components need to be flexible
             enough for any one of our brands to use them for multiple use cases.
@@ -103,29 +246,12 @@ const Template = args => {
             future-proofing our components as more brands adopt NewsKit.
           </mds-text>
         </div>
-        <footer
-          slot="bottom"
-          class="p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09"
-        >
-          <mds-author class="flex-grow">
-            <mds-avatar
-              slot="avatar"
-              class="w-1600 max-mobile:w-1200"
-              src="./avatar-01-200x200.jpeg"
-            />
-            <mds-text typography="h6">{fullName}</mds-text>
-            <mds-text typography="caption" class="text-tone-neutral-04">
-              {email}
-            </mds-text>
-          </mds-author>
-          <mds-button icon="mdi/dots-vertical" variant="light"></mds-button>
-        </footer>
       </mds-modal>
     </div>
   )
 }
 
-const TemplateStyle = args => {
+const TemplateCustomWindow = args => {
   const [opened, setOpened] = useState(false)
   useEffect(() => {
     const actionElement = document.querySelector('#action')
@@ -166,46 +292,58 @@ const TemplateStyle = args => {
         }}
         opened={opened === true ? true : undefined}
       >
-        <header
-          slot="top"
-          class="p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09"
-        >
-          <mds-img class="w-1600" src="./logo-gruppo-maggioli-512w.webp" />
-          <div class="text-tone-neutral-02">
-            <mds-text typography="h5" class="truncate min-w-0">
-              Maggioli Editore
-            </mds-text>
-            <mds-text typography="detail" class="truncate min-w-0">
-              Menu di servizio
-            </mds-text>
-          </div>
-        </header>
-        <div class="p-800">
-          <mds-text>
-            As a multi-brand design syastem, our components need to be flexible
-            enough for any one of our brands to use them for multiple use cases.
-            To achieve this, we ensure that all of the brands are involved in
-            the specification stage, giving us more confidence that we’re
-            future-proofing our components as more brands adopt NewsKit.
-          </mds-text>
-        </div>
-        <footer
-          slot="bottom"
-          class="p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09"
-        >
-          <mds-author class="flex-grow">
-            <mds-avatar
-              slot="avatar"
-              class="w-1600 max-mobile:w-1200"
-              src="./avatar-01-200x200.jpeg"
-            />
-            <mds-text typography="h6">{fullName}</mds-text>
-            <mds-text typography="caption" class="text-tone-neutral-04">
-              {email}
-            </mds-text>
-          </mds-author>
-          <mds-button icon="mdi/dots-vertical" variant="light"></mds-button>
-        </footer>
+        <HeaderComponent/>
+        <ContentComponent/>
+        <FooterComponent/>
+      </mds-modal>
+    </div>
+  )
+}
+
+const TemplateCustomWindowHeaderAndFooter = args => {
+  const [opened, setOpened] = useState(false)
+  useEffect(() => {
+    const actionElement = document.querySelector('#action')
+    const modalElement = document.querySelector('#modal')
+
+    if (actionElement === null || modalElement === null) {
+      // eslint-disable-next-line no-alert
+      alert('Element/s not found')
+      return
+    }
+
+    modalElement.addEventListener('mdsModalClose', () => {
+      console.info('mdsModalClose')
+      setOpened(false)
+    })
+    modalElement.addEventListener('mdsModalHide', () => {
+      console.info('mdsModalHide')
+      setOpened(false)
+    })
+  }, [])
+
+  if (args.opened !== null) {
+    args.opened = null
+  }
+
+  return (
+    <div>
+      <mds-button id="action" onClick={() => setOpened(true)}>
+        Open modal
+      </mds-button>
+      <mds-modal
+        id="modal"
+        {...args}
+        style={{
+          '--mds-modal-window-overflow': 'hidden',
+          '--mds-modal-window-distance': '1rem',
+          '--mds-modal-window-radius': '1rem',
+        }}
+        opened={opened === true ? true : undefined}
+      >
+        <HeaderComponent slot="top" />
+        <ContentComponent/>
+        <FooterComponent slot="bottom" />
       </mds-modal>
     </div>
   )
@@ -269,46 +407,9 @@ const TemplateOverflow = args => {
         {...args}
         opened={opened === true ? true : undefined}
       >
-        <header
-          slot="top"
-          class="p-800 flex gap-400 items-center border-b border-solid border-0 border-tone-neutral-09"
-        >
-          <mds-img class="w-1600" src="./logo-gruppo-maggioli-512w.webp" />
-          <div class="text-tone-neutral-02">
-            <mds-text typography="h5" class="truncate min-w-0">
-              Maggioli Editore
-            </mds-text>
-            <mds-text typography="detail" class="truncate min-w-0">
-              Menu di servizio
-            </mds-text>
-          </div>
-        </header>
-        <div class="p-800">
-          <mds-text>
-            As a multi-brand design syastem, our components need to be flexible
-            enough for any one of our brands to use them for multiple use cases.
-            To achieve this, we ensure that all of the brands are involved in
-            the specification stage, giving us more confidence that we’re
-            future-proofing our components as more brands adopt NewsKit.
-          </mds-text>
-        </div>
-        <footer
-          slot="bottom"
-          class="p-800 flex gap-400 text-tone-neutral-02 border-t border-solid border-0 border-tone-neutral-09"
-        >
-          <mds-author class="flex-grow">
-            <mds-avatar
-              slot="avatar"
-              class="w-1600 max-mobile:w-1200"
-              src="./avatar-01-200x200.jpeg"
-            />
-            <mds-text typography="h6">{fullName}</mds-text>
-            <mds-text typography="caption" class="text-tone-neutral-04">
-              {email}
-            </mds-text>
-          </mds-author>
-          <mds-button icon="mdi/dots-vertical" variant="light"></mds-button>
-        </footer>
+        <HeaderComponent/>
+        <ContentComponent/>
+        <FooterComponent/>
       </mds-modal>
     </div>
   )
@@ -479,6 +580,24 @@ export const Default = {
   },
 }
 
+export const HeaderAndFooterFixedPosition = {
+  render: TemplateHeaderAndFooter,
+
+  args: {
+    position: 'right',
+    opened: true,
+  },
+}
+
+export const SmallContent = {
+  render: TemplateSmallContent,
+
+  args: {
+    position: 'right',
+    opened: true,
+  },
+}
+
 export const Backdrop = {
   render: Template,
 
@@ -500,7 +619,17 @@ export const BodyOverflowDisabled = {
 }
 
 export const DefaultWindowCustomized = {
-  render: TemplateStyle,
+  render: TemplateCustomWindow,
+
+  args: {
+    position: 'right',
+    animation: 'slide',
+    opened: true,
+  },
+}
+
+export const DefaultWindowCustomizedHeaderAndFooter = {
+  render: TemplateCustomWindowHeaderAndFooter,
 
   args: {
     position: 'right',

package/src/fixtures/icons.json

@@ -6,7 +6,6 @@
     "mdi/baseball",
     "mdi/crown",
     "mdi/delete",
-    "mdi/dots-vertical",
     "mdi/email",
     "mdi/eye-off-outline",
     "mdi/file-document-remove-outline",

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

@@ -1 +1 @@
-import{p as o,b as a}from"./p-57e2fbd5.js";export{s as setNonce}from"./p-57e2fbd5.js";import{g as e}from"./p-e1255160.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),o(e)})().then((async o=>(await e(),a([["p-3963a8e4",[[1,"mds-modal",{opened:[1540],backdrop:[1540],position:[1537],animating:[1537],animation:[513],overflow:[513],close:[64]},null,{opened:["handleOpenProp"],backdrop:["handleBackdropProp"]}]]]],o))));
+import{p as o,b as a}from"./p-89e1a012.js";export{s as setNonce}from"./p-89e1a012.js";import{g as e}from"./p-e1255160.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),o(e)})().then((async o=>(await e(),a([["p-09408c0c",[[1,"mds-modal",{opened:[1540],backdrop:[1540],position:[1537],animating:[1537],animation:[513],overflow:[513],close:[64]},null,{opened:["handleOpenProp"],backdrop:["handleBackdropProp"]}]]]],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-c15fdaba.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
+      var url = new URL('./p-fceffab5.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
       System.import(url.href);
     };
 

package/www/build/p-09408c0c.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as i,H as d,g as n}from"./p-89e1a012.js";function a(t){var o,i,d="";if("string"==typeof t||"number"==typeof t)d+=t;else if("object"==typeof t)if(Array.isArray(t)){var n=t.length;for(o=0;o<n;o++)t[o]&&(i=a(t[o]))&&(d&&(d+=" "),d+=i)}else for(i in t)t[i]&&(d&&(d+=" "),d+=i);return d}function s(){for(var t,o,i=0,d="",n=arguments.length;i<n;i++)(t=arguments[i])&&(o=a(t))&&(d&&(d+=" "),d+=o);return d}const e=(t,o=1e3)=>t.includes("ms")?Number(t.replace("ms","")):t.includes("s")?1e3*Number(t.replace("s","")):o,r=class{constructor(i){t(this,i),this.openEvent=o(this,"mdsModalOpen",7),this.showEvent=o(this,"mdsModalShow",7),this.closeEvent=o(this,"mdsModalClose",7),this.hideEvent=o(this,"mdsModalHide",7),this.window=!1,this.top=!1,this.bottom=!1,this.cssTransitionDuration="500",this.touchMargin=50,this.opened=!1,this.backdrop=!0,this.position="center",this.animating="none",this.animation="slide",this.overflow="auto",this.updateCSSCustomProps=()=>{var t;if("undefined"==typeof window)return;const o=window.getComputedStyle(this.host);this.cssTransitionDuration=null!==(t=o.getPropertyValue("--mds-modal-transition-duration"))&&void 0!==t?t:"500"},this.stopIntroAnimationWindow=()=>{this.animating="none",this.host.setAttribute("animating","none"),this.showEvent.emit(),clearTimeout(this.animationDelayTimeout)},this.stopOutroAnimationWindow=()=>{this.animating="none",this.host.setAttribute("animating","none"),this.hideEvent.emit(),clearTimeout(this.animationDelayTimeout)},this.disableOverflow=()=>{document&&(document.body.style.overflow&&(this.bodyOverflow=document.body.style.overflow),document.body.style.overflow="hidden")},this.enableOverflow=()=>{document&&(this.bodyOverflow?document.body.style.overflow=this.bodyOverflow:document.body.style.removeProperty("overflow"))},this.animateOpenWindow=()=>{this.animating="intro",clearTimeout(this.animationDelayTimeout),this.animationDelayTimeout=setTimeout(this.stopIntroAnimationWindow.bind(this),e(this.cssTransitionDuration))},this.animateCloseWindow=()=>{this.animating="outro",clearTimeout(this.animationDelayTimeout),this.animationDelayTimeout=setTimeout(this.stopOutroAnimationWindow.bind(this),e(this.cssTransitionDuration))},this.setTouchStart=t=>{this.touchStartX=t.touches[0].clientX,this.touchStartY=t.touches[0].clientY},this.setTouchEnd=t=>{const o=this.touchStartX-t.changedTouches[0].clientX,i=this.touchStartY-t.changedTouches[0].clientY;if(Math.abs(o)>Math.abs(i)){if("right"===this.position&&o>0)return;if("left"===this.position&&o<0)return;Math.abs(o)>Math.abs(this.touchMargin)&&(this.opened=void 0)}},this.addMobileEvents=()=>{this.windowElement.addEventListener("touchstart",this.setTouchStart),this.windowElement.addEventListener("touchend",this.setTouchEnd)},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())}}componentWillLoad(){var t;this.bottom=null!==this.host.querySelector(':scope > [slot="bottom"]'),this.top=null!==this.host.querySelector(':scope > [slot="top"]'),this.window=null!==this.host.querySelector(':scope > [slot="window"]'),"auto"===this.overflow&&this.opened&&this.disableOverflow(),this.window&&(null===(t=this.host.querySelector(':scope > [slot="window"]'))||void 0===t||t.setAttribute("role","dialog"))}componentWillRender(){this.animating=this.opened?"intro":"outro"}componentDidLoad(){var t,o,i;this.windowElement=null===(t=this.host.shadowRoot)||void 0===t?void 0:t.querySelector(".window"),this.windowHeaderElement=null===(o=this.host.shadowRoot)||void 0===o?void 0:o.querySelector(".window-header"),this.windowFooterElement=null===(i=this.host.shadowRoot)||void 0===i?void 0:i.querySelector(".window-footer"),this.windowHeaderElement&&(this.windowHeaderHeight=this.windowHeaderElement.offsetHeight),this.windowFooterElement&&(this.windowFooterHeight=this.windowFooterElement.offsetHeight),this.windowElement&&this.addMobileEvents(),this.updateCSSCustomProps()}disconnectedCallback(){this.windowElement&&(this.windowElement.removeEventListener("touchstart",this.setTouchStart),this.windowElement.removeEventListener("touchend",this.setTouchEnd)),this.enableOverflow()}handleOpenProp(t){if(t)return"auto"===this.overflow&&this.disableOverflow(),this.animateOpenWindow(),void this.openEvent.emit();this.opened=void 0,"auto"===this.overflow&&this.enableOverflow(),this.animateCloseWindow()}handleBackdropProp(t){!1===t&&(this.backdrop=void 0)}async close(){this.opened=void 0}render(){return i(d,{key:"df1f6068b015d85ad5aeb52aad38f016ec1e89b2","aria-modal":s(this.opened?"true":"false"),onMouseDown:t=>{this.closeModal(t)}},this.window?i("slot",{name:"window"}):i("div",{class:"window",part:"window"},i("div",{class:s("window-header",this.top?"":"window-content--empty")},i("slot",{name:"top"})),i("div",{class:"window-content-wrapper"},i("div",{class:"window-content",style:{paddingTop:`${this.windowHeaderHeight}px`,paddingBottom:`${this.windowFooterHeight}px`}},i("slot",null))),i("div",{class:s("window-footer",this.bottom?"":"window-content--empty")},i("slot",{name:"bottom"}))),!this.window&&i("mds-button",{key:"558f83e96af84dc8d75641e7008215c9917a2305",class:"action-close",icon:'<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>',variant:"light",tone:"quiet",size:"xl",onClick:t=>{this.closeModal(t)},part:"action-close"}))}get host(){return n(this)}static get watchers(){return{opened:["handleOpenProp"],backdrop:["handleBackdropProp"]}}};r.style='@-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-custom-closed-transform:rotateX(10deg) rotateY(0) scale(1.25) translate(0, 10%);--mds-modal-custom-window-distance:1.5rem;--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-timing-funciton:cubic-bezier(0.86, 0, 0.07, 1);--mds-modal-window-background:rgb(var(--tone-neutral));--mds-modal-window-distance:0;--mds-modal-window-max-width:33%;--mds-modal-window-height:calc(100dvh - calc(var(--mds-modal-window-distance) * 2));--mds-modal-window-max-height:calc(100dvh - calc(var(--mds-modal-window-distance) * 2));--mds-modal-window-min-width:400px;--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-z-index:var(--magma-modal-z-index);--mds-modal-custom-opened-transform:translate(0, 0);--mds-modal-transition-window-transform:translate(0);--mds-modal-window-close-margin:5rem;-webkit-transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1);-ms-flex-align:center;align-items:center;background-color:rgb(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;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton);z-index:var(--mds-modal-z-index, 1000)}.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:var(--mds-modal-transition-timing-function);transition-timing-function:var(--mds-modal-transition-timing-function)}.action-close::part(icon){height:2.25rem;width:2.25rem}:host([position="top-left"][animation="3d"]:not([opened])){--mds-modal-transition-window-transform:rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%)}:host([position="top"][animation="3d"]:not([opened])){--mds-modal-transition-window-transform:rotateX(-22deg) rotateY(0) scale(0.5) translate(0, -80%)}:host([position="top-right"][animation="3d"]:not([opened])){--mds-modal-transition-window-transform:rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%)}:host([position="left"][animation="3d"]:not([opened])){--mds-modal-transition-window-transform:rotateX(0) rotateY(22deg) rotateZ(0) scale(0.5) translate(-100%, 0%)}:host([position="center"][animation="3d"]:not([opened])){--mds-modal-transition-window-transform:rotateX(0) rotateY(22deg) scale(0.5) translate(0, 40%)}:host([position="right"][animation="3d"]:not([opened])){--mds-modal-transition-window-transform:rotateX(0) rotateY(-22deg) rotateZ(0) scale(0.5) translate(100%, 0%)}:host([position="bottom-left"][animation="3d"]:not([opened])){--mds-modal-transition-window-transform:rotateX(22deg) rotateY(22deg) scale(0.5) translate(-80%, 80%)}:host([position="bottom"][animation="3d"]:not([opened])){--mds-modal-transition-window-transform:rotateX(22deg) rotateY(0) scale(0.5) translate(0, 80%)}:host([position="bottom-right"][animation="3d"]:not([opened])){--mds-modal-transition-window-transform:rotateX(-22deg) rotateY(-22deg) scale(0.5) translate(80%, 80%)}:host([animation="custom"]:not([opened])){--mds-modal-transition-window-transform:var(--mds-modal-custom-closed-transform)}:host([animation="custom"][opened]){--mds-modal-transition-window-transform:var(--mds-modal-custom-opened-transform)}:host([position="top-left"][animation="slide"]:not([opened])){--mds-modal-transition-window-transform:translate(-50%, -100%)}:host([position="top"][animation="slide"]:not([opened])){--mds-modal-transition-window-transform:translate(0, -100%)}:host([position="top-right"][animation="slide"]:not([opened])){--mds-modal-transition-window-transform:translate(50%, -100%)}:host([position="left"][animation="slide"]:not([opened])){--mds-modal-transition-window-transform:translate(-100%, 0%)}:host([position="center"][animation="slide"]:not([opened])){--mds-modal-transition-window-transform:translate(0, 25%)}:host([position="right"][animation="slide"]:not([opened])){--mds-modal-transition-window-transform:translate(100%, 0%)}:host([position="bottom-left"][animation="slide"]:not([opened])){--mds-modal-transition-window-transform:translate(-50%, 100%)}:host([position="bottom"][animation="slide"]:not([opened])){--mds-modal-transition-window-transform:translateY(50%)}:host([position="bottom-right"][animation="slide"]:not([opened])){--mds-modal-transition-window-transform:translate(50%, 100%)}:host([opened][backdrop]){--mds-modal-transition-window-transform:none;background-color:rgb(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity));pointer-events:auto}:host ::slotted([slot="window"]){margin:var(--mds-modal-custom-window-distance)}.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);-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:repeat(1, minmax(0, 100%));margin:var(--mds-modal-window-distance);overflow:var(--mds-modal-window-overflow);position:relative}.window-content--empty{display:none}.window-content-wrapper{max-height:calc(100dvh - calc(var(--mds-modal-window-distance) * 2));overflow:auto}.window-header,.window-footer{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute}.window-header{inset:0 0 auto}.window-footer{inset:auto 0 0}:host .window,:host>::slotted([slot="window"]){opacity:0;-webkit-transform:var(--mds-modal-transition-window-transform);transform:var(--mds-modal-transition-window-transform);-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-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}:host([opened]) .window,:host([opened])>::slotted([slot="window"]){opacity:1;pointer-events:auto;-webkit-transition-timing-function:var(--mds-modal-transition-timing-funciton);transition-timing-function:var(--mds-modal-transition-timing-funciton)}.window{height:var(--mds-modal-window-height);max-height:var(--mds-modal-window-max-height);max-width:var(--mds-modal-window-max-width);min-width:var(--mds-modal-window-min-width);width:var(--mds-modal-window-max-width)}@media (width <= 480px){:host{--mds-modal-window-min-width:0}:host([position="bottom"]),:host([position="bottom-left"]),:host([position="bottom-right"]),:host([position="center"]),:host([position="left"]),:host([position="right"]),:host([position="top"]),:host([position="top-left"]),:host([position="top-right"]){--mds-modal-window-max-width:calc(100vw - var(--mds-modal-window-close-margin))}}@media (width > 480px){:host([position="bottom"]),:host([position="bottom-left"]),:host([position="bottom-right"]),:host([position="center"]),:host([position="top"]),:host([position="top-left"]),:host([position="top-right"]){--mds-modal-window-height:auto}}:host([position="top-left"]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}:host([position="top"]){--mds-modal-window-height:auto;--mds-modal-window-max-width:100vw;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host([position="top-right"]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}:host([position="right"]),:host([position="left"]){--mds-modal-window-height:100%;--mds-modal-window-max-height:calc(100dvh - calc(var(--mds-modal-window-distance) * 2))}:host([position="left"]){-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host([position="left"]) .action-close{right:0.75rem;top:0.75rem}:host([position="left"][opened]) .action-close{opacity:1;pointer-events:auto}:host([position="left"]:not([opened])) .action-close{-webkit-transform:translateX(-120%) rotate(-45deg);transform:translateX(-120%) rotate(-45deg)}:host([position="center"]){-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host([position="right"]){-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host([position="right"]) .action-close{left:0.75rem;top:0.75rem}:host([position="right"]:not([opened])) .action-close{-webkit-transform:translateX(120%) rotate(45deg);transform:translateX(120%) rotate(45deg)}:host([position="right"][opened]) .action-close{opacity:1;pointer-events:auto}:host([position="bottom-left"]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}:host([position="bottom"]){--mds-modal-window-height:auto;--mds-modal-window-max-width:100vw;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}:host([position="bottom-right"]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}: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}';export{r as mds_modal}

package/www/build/p-58e5c4e1.system.js

@@ -0,0 +1,2 @@
+var __extends=this&&this.__extends||function(){var r=function(e,n){r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,e){r.__proto__=e}||function(r,e){for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n))r[n]=e[n]};return r(e,n)};return function(e,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");r(e,n);function t(){this.constructor=e}e.prototype=n===null?Object.create(n):(t.prototype=n.prototype,new t)}}();var __awaiter=this&&this.__awaiter||function(r,e,n,t){function i(r){return r instanceof n?r:new n((function(e){e(r)}))}return new(n||(n=Promise))((function(n,a){function o(r){try{f(t.next(r))}catch(r){a(r)}}function u(r){try{f(t["throw"](r))}catch(r){a(r)}}function f(r){r.done?n(r.value):i(r.value).then(o,u)}f((t=t.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,i,a,o;return o={next:u(0),throw:u(1),return:u(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(r){return function(e){return f([r,e])}}function f(u){if(t)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(t=1,i&&(a=u[0]&2?i["return"]:u[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,u[1])).done)return a;if(i=0,a)u=[u[0]&2,a.value];switch(u[0]){case 0:case 1:a=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;i=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!a||u[1]>a[0]&&u[1]<a[3])){n.label=u[1];break}if(u[0]===6&&n.label<a[1]){n.label=a[1];a=u;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(u);break}if(a[2])n.ops.pop();n.trys.pop();continue}u=e.call(r,n)}catch(r){u=[6,r];i=0}finally{t=a=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(r,e,n){if(n||arguments.length===2)for(var t=0,i=e.length,a;t<i;t++){if(a||!(t in e)){if(!a)a=Array.prototype.slice.call(e,0,t);a[t]=e[t]}}return r.concat(a||Array.prototype.slice.call(e))};System.register([],(function(r,e){"use strict";return{execute:function(){var n=this;var t="mds-modal";var i={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,constructableCSS:true,cssAnnotations:true,devTools:false,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:true,hydratedClass:false,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:false,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:false,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var a=Object.defineProperty;var o=function(r,e){for(var n in e)a(r,n,{get:e[n],enumerable:true})};var u=function(r){if(r.__stencil__getHostRef){return r.__stencil__getHostRef()}return void 0};var f=r("r",(function(r,e){r.__stencil__getHostRef=function(){return e};e.t=r}));var l=function(r,e){var n={i:0,$hostElement$:r,o:e,u:new Map};{n.l=new Promise((function(r){return n.v=r}))}{n.h=new Promise((function(r){return n.p=r}));r["s-p"]=[];r["s-rc"]=[]}var t=n;r.__stencil__getHostRef=function(){return t};return t};var s=function(r,e){return e in r};var c=function(r,e){return(0,console.error)(r,e)};var v=new Map;var d=function(r,n,t){var i=r.m.replace(/-/g,"_");var a=r.S;if(!a){return void 0}var o=v.get(a);if(o){return o[i]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return e.import("./".concat(a,".entry.js").concat("")).then((function(r){{v.set(a,r)}return r[i]}),(function(r){c(r,n.$hostElement$)}))};var h=new Map;var p="sty-id";var m="{visibility:hidden}[hydrated]{visibility:inherit}";var y="slot-fb{display:contents}slot-fb[hidden]{display:none}";var w=typeof window!=="undefined"?window:{};var b={i:0,_:"",jmp:function(r){return r()},raf:function(r){return requestAnimationFrame(r)},ael:function(r,e,n,t){return r.addEventListener(e,n,t)},rel:function(r,e,n,t){return r.removeEventListener(e,n,t)},ce:function(r,e){return new CustomEvent(r,e)}};var S=r("p",(function(r){return Promise.resolve(r)}));var g=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false}();var _=false;var $=[];var j=[];var k=function(r,e){return function(n){r.push(n);if(!_){_=true;if(e&&b.i&4){C(A)}else{b.raf(A)}}}};var O=function(r){for(var e=0;e<r.length;e++){try{r[e](performance.now())}catch(r){c(r)}}r.length=0};var A=function(){O($);{O(j);if(_=$.length>0){b.raf(A)}}};var C=function(r){return S().then(r)};var x=k(j,true);var E=function(r){r=typeof r;return r==="object"||r==="function"};function T(r){var e,n,t;return(t=(n=(e=r.head)==null?void 0:e.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?t:void 0}var D={};o(D,{err:function(){return P},map:function(){return L},ok:function(){return M},unwrap:function(){return F},unwrapErr:function(){return N}});var M=function(r){return{isOk:true,isErr:false,value:r}};var P=function(r){return{isOk:false,isErr:true,value:r}};function L(r,e){if(r.isOk){var n=e(r.value);if(n instanceof Promise){return n.then((function(r){return M(r)}))}else{return M(n)}}if(r.isErr){var t=r.value;return P(t)}throw"should never get here"}var F=function(r){if(r.isOk){return r.value}else{throw r.value}};var N=function(r){if(r.isErr){return r.value}else{throw r.value}};var R=function(r,e){if(e===void 0){e=""}{return function(){return}}};var U=function(r,e){{return function(){return}}};var W=r("h",(function(r,e){var n=[];for(var t=2;t<arguments.length;t++){n[t-2]=arguments[t]}var i=null;var a=null;var o=false;var u=false;var f=[];var l=function(e){for(var n=0;n<e.length;n++){i=e[n];if(Array.isArray(i)){l(i)}else if(i!=null&&typeof i!=="boolean"){if(o=typeof r!=="function"&&!E(i)){i=String(i)}if(o&&u){f[f.length-1].$+=i}else{f.push(o?z(null,i):i)}u=o}}};l(n);if(e){if(e.key){a=e.key}{var s=e.className||e.class;if(s){e.class=typeof s!=="object"?s:Object.keys(s).filter((function(r){return s[r]})).join(" ")}}}var c=z(r,null);c.j=e;if(f.length>0){c.k=f}{c.O=a}return c}));var z=function(r,e){var n={i:0,A:r,$:e,C:null,k:null};{n.j=null}{n.O=null}return n};var H=r("H",{});var B=function(r){return r&&r.A===H};var G=function(r,e){if(r!=null&&!E(r)){if(e&4){return r==="false"?false:r===""||!!r}if(e&1){return String(r)}return r}return r};var I=r("g",(function(r){return u(r).$hostElement$}));var Q=r("c",(function(r,e,n){var t=I(r);return{emit:function(r){return V(t,e,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:r})}}}));var V=function(r,e,n){var t=b.ce(e,n);r.dispatchEvent(t);return t};var q=new WeakMap;var K=function(r,e,n){var t=h.get(r);if(g&&n){t=t||new CSSStyleSheet;if(typeof t==="string"){t=e}else{t.replaceSync(e)}}else{t=e}h.set(r,t)};var X=function(r,e,n){var t;var i=J(e);var a=h.get(i);if(!w.document){return i}r=r.nodeType===11?r:w.document;if(a){if(typeof a==="string"){r=r.head||r;var o=q.get(r);var u=void 0;if(!o){q.set(r,o=new Set)}if(!o.has(i)){{u=document.querySelector("[".concat(p,'="').concat(i,'"]'))||w.document.createElement("style");u.innerHTML=a;var f=(t=b.T)!=null?t:T(w.document);if(f!=null){u.setAttribute("nonce",f)}if(!(e.i&1)){if(r.nodeName==="HEAD"){var l=r.querySelectorAll("link[rel=preconnect]");var s=l.length>0?l[l.length-1].nextSibling:r.querySelector("style");r.insertBefore(u,(s==null?void 0:s.parentNode)===r?s:null)}else if("host"in r){if(g){var c=new CSSStyleSheet;c.replaceSync(a);r.adoptedStyleSheets=__spreadArray([c],r.adoptedStyleSheets,true)}else{var v=r.querySelector("style");if(v){v.innerHTML=a+v.innerHTML}else{r.prepend(u)}}}else{r.append(u)}}if(e.i&1){r.insertBefore(u,null)}}if(e.i&4){u.innerHTML+=y}if(o){o.add(i)}}}else if(!r.adoptedStyleSheets.includes(a)){r.adoptedStyleSheets=__spreadArray(__spreadArray([],r.adoptedStyleSheets,true),[a],false)}}return i};var Y=function(r){var e=r.o;var n=r.$hostElement$;var t=e.i;var i=R("attachStyles",e.m);var a=X(n.shadowRoot?n.shadowRoot:n.getRootNode(),e);if(t&10&&t&2||t&128){n["s-sc"]=a;n.classList.add(a+"-h")}i()};var J=function(r,e){return"sc-"+r.m};var Z=function(r,e,n,t,i,a,o){if(n===t){return}var u=s(r,e);var f=e.toLowerCase();if(e==="class"){var l=r.classList;var c=er(n);var v=er(t);{l.remove.apply(l,c.filter((function(r){return r&&!v.includes(r)})));l.add.apply(l,v.filter((function(r){return r&&!c.includes(r)})))}}else if(e==="style"){{for(var d in n){if(!t||t[d]==null){if(d.includes("-")){r.style.removeProperty(d)}else{r.style[d]=""}}}}for(var d in t){if(!n||t[d]!==n[d]){if(d.includes("-")){r.style.setProperty(d,t[d])}else{r.style[d]=t[d]}}}}else if(e==="key");else if(!u&&e[0]==="o"&&e[1]==="n"){if(e[2]==="-"){e=e.slice(3)}else if(s(w,f)){e=f.slice(2)}else{e=f[2]+e.slice(3)}if(n||t){var h=e.endsWith(nr);e=e.replace(tr,"");if(n){b.rel(r,e,n,h)}if(t){b.ael(r,e,t,h)}}}else{var p=E(t);if((u||p&&t!==null)&&!i){try{if(!r.tagName.includes("-")){var m=t==null?"":t;if(e==="list"){u=false}else if(n==null||r[e]!=m){if(typeof r.__lookupSetter__(e)==="function"){r[e]=m}else{r.setAttribute(e,m)}}}else if(r[e]!==t){r[e]=t}}catch(r){}}if(t==null||t===false){if(t!==false||r.getAttribute(e)===""){{r.removeAttribute(e)}}}else if((!u||a&4||i)&&!p&&r.nodeType===1){t=t===true?"":t;{r.setAttribute(e,t)}}}};var rr=/\s/;var er=function(r){if(typeof r==="object"&&r&&"baseVal"in r){r=r.baseVal}if(!r||typeof r!=="string"){return[]}return r.split(rr)};var nr="Capture";var tr=new RegExp(nr+"$");var ir=function(r,e,n,t){var i=e.C.nodeType===11&&e.C.host?e.C.host:e.C;var a=r&&r.j||{};var o=e.j||{};{for(var u=0,f=ar(Object.keys(a));u<f.length;u++){var l=f[u];if(!(l in o)){Z(i,l,a[l],void 0,n,e.i)}}}for(var s=0,c=ar(Object.keys(o));s<c.length;s++){var l=c[s];Z(i,l,a[l],o[l],n,e.i)}};function ar(r){return r.includes("ref")?__spreadArray(__spreadArray([],r.filter((function(r){return r!=="ref"})),true),["ref"],false):r}var or;var ur=false;var fr=false;var lr=function(r,e,n){var t=e.k[n];var a=0;var o;var u;if(t.$!==null){o=t.C=w.document.createTextNode(t.$)}else{if(!w.document){throw new 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.")}o=t.C=w.document.createElement(!ur&&i.slotRelocation&&t.i&2?"slot-fb":t.A);{ir(null,t,fr)}if(t.k){for(a=0;a<t.k.length;++a){u=lr(r,t,a);if(u){o.appendChild(u)}}}}o["s-hn"]=or;return o};var sr=function(r,e,n,t,i,a){var o=r;var u;if(o.shadowRoot&&o.tagName===or){o=o.shadowRoot}for(;i<=a;++i){if(t[i]){u=lr(null,n,i);if(u){t[i].C=u;pr(o,u,e)}}}};var cr=function(r,e,n){for(var t=e;t<=n;++t){var i=r[t];if(i){var a=i.C;if(a){a.remove()}}}};var vr=function(r,e,n,t,i){if(i===void 0){i=false}var a=0;var o=0;var u=0;var f=0;var l=e.length-1;var s=e[0];var c=e[l];var v=t.length-1;var d=t[0];var h=t[v];var p;var m;while(a<=l&&o<=v){if(s==null){s=e[++a]}else if(c==null){c=e[--l]}else if(d==null){d=t[++o]}else if(h==null){h=t[--v]}else if(dr(s,d,i)){hr(s,d,i);s=e[++a];d=t[++o]}else if(dr(c,h,i)){hr(c,h,i);c=e[--l];h=t[--v]}else if(dr(s,h,i)){hr(s,h,i);pr(r,s.C,c.C.nextSibling);s=e[++a];h=t[--v]}else if(dr(c,d,i)){hr(c,d,i);pr(r,c.C,s.C);c=e[--l];d=t[++o]}else{u=-1;{for(f=a;f<=l;++f){if(e[f]&&e[f].O!==null&&e[f].O===d.O){u=f;break}}}if(u>=0){m=e[u];if(m.A!==d.A){p=lr(e&&e[o],n,u)}else{hr(m,d,i);e[u]=void 0;p=m.C}d=t[++o]}else{p=lr(e&&e[o],n,o);d=t[++o]}if(p){{pr(s.C.parentNode,p,s.C)}}}}if(a>l){sr(r,t[v+1]==null?null:t[v+1].C,n,t,o,v)}else if(o>v){cr(e,a,l)}};var dr=function(r,e,n){if(n===void 0){n=false}if(r.A===e.A){if(!n){return r.O===e.O}if(n&&!r.O&&e.O){r.O=e.O}return true}return false};var hr=function(r,e,n){if(n===void 0){n=false}var t=e.C=r.C;var a=r.k;var o=e.k;var u=e.$;if(u===null){{ir(r,e,fr)}if(a!==null&&o!==null){vr(t,a,e,o,n)}else if(o!==null){if(r.$!==null){t.textContent=""}sr(t,null,e,o,0,o.length-1)}else if(!n&&i.updatable&&a!==null){cr(a,0,a.length-1)}}else if(r.$!==u){t.data=u}};var pr=function(r,e,n){{return r==null?void 0:r.insertBefore(e,n)}};var mr=function(r,e,n){if(n===void 0){n=false}var t=r.$hostElement$;var i=r.o;var a=r.D||z(null,null);var o=B(e)?e:W(null,null,e);or=t.tagName;if(i.M){o.j=o.j||{};i.M.map((function(r){var e=r[0],n=r[1];return o.j[n]=t[e]}))}if(n&&o.j){for(var u=0,f=Object.keys(o.j);u<f.length;u++){var l=f[u];if(t.hasAttribute(l)&&!["key","ref","style","class"].includes(l)){o.j[l]=t[l]}}}o.A=null;o.i|=4;r.D=o;o.C=a.C=t.shadowRoot||t;ur=!!(i.i&1)&&!(i.i&128);hr(a,o,n)};var yr=function(r,e){if(e&&!r.P&&e["s-p"]){var n=e["s-p"].push(new Promise((function(t){return r.P=function(){e["s-p"].splice(n-1,1);t()}})))}};var wr=function(r,e){{r.i|=16}if(r.i&4){r.i|=512;return}yr(r,r.L);var n=function(){return br(r,e)};return x(n)};var br=function(r,e){var n=r.$hostElement$;var t=R("scheduleUpdate",r.o.m);var i=r.t;if(!i){throw new Error("Can't render component <".concat(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"))}var a;if(e){a=Or(i,"componentWillLoad",void 0,n)}else{a=Or(i,"componentWillUpdate",void 0,n)}a=Sr(a,(function(){return Or(i,"componentWillRender",void 0,n)}));t();return Sr(a,(function(){return _r(r,i,e)}))};var Sr=function(r,e){return gr(r)?r.then(e).catch((function(r){console.error(r);e()})):e()};var gr=function(r){return r instanceof Promise||r&&r.then&&typeof r.then==="function"};var _r=function(r,e,t){return __awaiter(n,void 0,void 0,(function(){var n,i,a,o,u,f,l;return __generator(this,(function(s){i=r.$hostElement$;a=R("update",r.o.m);o=i["s-rc"];if(t){Y(r)}u=R("render",r.o.m);{$r(r,e,i,t)}if(o){o.map((function(r){return r()}));i["s-rc"]=void 0}u();a();{f=(n=i["s-p"])!=null?n:[];l=function(){return jr(r)};if(f.length===0){l()}else{Promise.all(f).then(l);r.i|=4;f.length=0}}return[2]}))}))};var $r=function(r,e,n,t){try{e=e.render();{r.i&=~16}{r.i|=2}{{{mr(r,e,t)}}}}catch(e){c(e,r.$hostElement$)}return null};var jr=function(r){var e=r.o.m;var n=r.$hostElement$;var t=R("postUpdate",e);var i=r.t;var a=r.L;Or(i,"componentDidRender",void 0,n);if(!(r.i&64)){r.i|=64;{Ar(n)}Or(i,"componentDidLoad",void 0,n);t();{r.p(n);if(!a){kr()}}}else{Or(i,"componentDidUpdate",void 0,n);t()}{r.v(n)}{if(r.P){r.P();r.P=void 0}if(r.i&512){C((function(){return wr(r,false)}))}r.i&=~(4|512)}};var kr=function(r){C((function(){return V(w,"appload",{detail:{namespace:t}})}))};var Or=function(r,e,n,t){if(r&&r[e]){try{return r[e](n)}catch(r){c(r,t)}}return void 0};var Ar=function(r){var e;return r.setAttribute((e=i.hydratedSelectorName)!=null?e:"hydrated","")};var Cr=function(r,e){return u(r).u.get(e)};var xr=function(r,e,n,t){var i=u(r);if(!i){throw new Error("Couldn't find host element for \"".concat(t.m,'" 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).'))}var a=i.$hostElement$;var o=i.u.get(e);var f=i.i;var l=i.t;n=G(n,t.F[e][0]);var s=Number.isNaN(o)&&Number.isNaN(n);var v=n!==o&&!s;if((!(f&8)||o===void 0)&&v){i.u.set(e,n);if(l){if(t.N&&f&128){var d=t.N[e];if(d){d.map((function(r){try{l[r](n,o,e)}catch(r){c(r,a)}}))}}if((f&(2|16))===2){if(l.componentShouldUpdate){if(l.componentShouldUpdate(n,o,e)===false){return}}wr(i,false)}}}};var Er=function(r,e,n){var t,a;var o=r.prototype;if(e.F||(e.N||r.watchers)){if(r.watchers&&!e.N){e.N=r.watchers}var f=Object.entries((t=e.F)!=null?t:{});f.map((function(r){var t=r[0],i=r[1][0];if(i&31||n&2&&i&32){var a=Object.getOwnPropertyDescriptor(o,t)||{},f=a.get,l=a.set;if(f)e.F[t][0]|=2048;if(l)e.F[t][0]|=4096;if(n&1||!f){Object.defineProperty(o,t,{get:function(){{if((e.F[t][0]&2048)===0){return Cr(this,t)}var r=u(this);var n=r?r.t:o;if(!n)return;return n[t]}},configurable:true,enumerable:true})}Object.defineProperty(o,t,{set:function(r){var a=this;var o=u(this);if(l){var f=i&32?this[t]:o.$hostElement$[t];if(typeof f==="undefined"&&o.u.get(t)){r=o.u.get(t)}else if(!o.u.get(t)&&f){o.u.set(t,f)}l.apply(this,[G(r,i)]);r=i&32?this[t]:o.$hostElement$[t];xr(this,t,r,e);return}{if((n&1)===0||(e.F[t][0]&4096)===0){xr(this,t,r,e);if(n&1&&!o.t){o.h.then((function(){if(e.F[t][0]&4096&&o.t[t]!==o.u.get(t)){o.t[t]=r}}))}return}var s=function(){var n=o.t[t];if(!o.u.get(t)&&n){o.u.set(t,n)}o.t[t]=G(r,i);xr(a,t,o.t[t],e)};if(o.t){s()}else{o.h.then((function(){return s()}))}}}})}else if(n&1&&i&64){Object.defineProperty(o,t,{value:function(){var r=[];for(var e=0;e<arguments.length;e++){r[e]=arguments[e]}var n;var i=u(this);return(n=i==null?void 0:i.l)==null?void 0:n.then((function(){var e;return(e=i.t)==null?void 0:e[t].apply(e,r)}))}})}}));if(n&1){var l=new Map;o.attributeChangedCallback=function(r,n,t){var a=this;b.jmp((function(){var f;var s=l.get(r);if(a.hasOwnProperty(s)&&i.lazyLoad){t=a[s];delete a[s]}else if(o.hasOwnProperty(s)&&typeof a[s]==="number"&&a[s]==t){return}else if(s==null){var c=u(a);var v=c==null?void 0:c.i;if(v&&!(v&8)&&v&128&&t!==n){var d=c.t;var h=(f=e.N)==null?void 0:f[r];h==null?void 0:h.forEach((function(e){if(d[e]!=null){d[e].call(d,t,n,r)}}))}return}var p=Object.getOwnPropertyDescriptor(o,s);t=t===null&&typeof a[s]==="boolean"?false:t;if(t!==a[s]&&(!p.get||!!p.set)){a[s]=t}}))};r.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((a=e.N)!=null?a:{}),true),f.filter((function(r){var e=r[0],n=r[1];return n[0]&15})).map((function(r){var n=r[0],t=r[1];var i;var a=t[1]||n;l.set(a,n);if(t[0]&512){(i=e.M)==null?void 0:i.push([n,a])}return a})),true)))}}return r};var Tr=function(r,e,t,i){return __awaiter(n,void 0,void 0,(function(){var n,i,a,o,u,f,l,s,v,p,m;return __generator(this,(function(y){switch(y.label){case 0:if(!((e.i&32)===0))return[3,6];e.i|=32;i=t.S;if(!i)return[3,4];a=d(t,e);if(!(a&&"then"in a))return[3,2];o=U();return[4,a];case 1:n=y.sent();o();return[3,3];case 2:n=a;y.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.m,"#").concat(e.R,'" was not found'))}if(!n.isProxied){{t.N=n.watchers}Er(n,t,2);n.isProxied=true}u=R("createInstance",t.m);{e.i|=8}try{new n(e)}catch(e){c(e,r)}{e.i&=~8}{e.i|=128}u();Dr(e.t,r);return[3,5];case 4:n=r.constructor;f=r.localName;customElements.whenDefined(f).then((function(){return e.i|=128}));y.label=5;case 5:if(n&&n.style){l=void 0;if(typeof n.style==="string"){l=n.style}s=J(t);if(!h.has(s)){v=R("registerStyles",t.m);K(s,l,!!(t.i&1));v()}}y.label=6;case 6:p=e.L;m=function(){return wr(e,true)};if(p&&p["s-rc"]){p["s-rc"].push(m)}else{m()}return[2]}}))}))};var Dr=function(r,e){{Or(r,"connectedCallback",void 0,e)}};var Mr=function(r){if((b.i&1)===0){var e=u(r);var n=e.o;var t=R("connectedCallback",n.m);if(!(e.i&1)){e.i|=1;{var i=r;while(i=i.parentNode||i.host){if(i["s-p"]){yr(e,e.L=i);break}}}if(n.F){Object.entries(n.F).map((function(e){var n=e[0],t=e[1][0];if(t&31&&r.hasOwnProperty(n)){var i=r[n];delete r[n];r[n]=i}}))}{Tr(r,e,n)}}else{if(e==null?void 0:e.t){Dr(e.t,r)}else if(e==null?void 0:e.h){e.h.then((function(){return Dr(e.t,r)}))}}t()}};var Pr=function(r,e){{Or(r,"disconnectedCallback",void 0,e||r)}};var Lr=function(r){return __awaiter(n,void 0,void 0,(function(){var e;return __generator(this,(function(n){if((b.i&1)===0){e=u(r);if(e==null?void 0:e.t){Pr(e.t,r)}else if(e==null?void 0:e.h){e.h.then((function(){return Pr(e.t,r)}))}}if(q.has(r)){q.delete(r)}if(r.shadowRoot&&q.has(r.shadowRoot)){q.delete(r.shadowRoot)}return[2]}))}))};var Fr=r("b",(function(r,e){if(e===void 0){e={}}var n;if(!w.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}var t=R();var i=[];var a=e.exclude||[];var o=w.customElements;var f=w.document.head;var s=f.querySelector("meta[charset]");var c=w.document.createElement("style");var v=[];var d;var h=true;Object.assign(b,e);b._=new URL(e.resourcesUrl||"./",w.document.baseURI).href;var p=false;r.map((function(r){r[1].map((function(e){var n;var t={i:e[0],m:e[1],F:e[2],U:e[3]};if(t.i&4){p=true}{t.F=e[2]}{t.M=[]}{t.N=(n=e[4])!=null?n:{}}var f=t.m;var s=function(r){__extends(e,r);function e(e){var n=r.call(this,e)||this;n.hasRegisteredEventListeners=false;e=n;l(e,t);if(t.i&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error("Unable to re-use existing shadow root for ".concat(t.m,"! Mode is set to ").concat(e.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return n}e.prototype.connectedCallback=function(){var r=this;u(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{b.jmp((function(){return Mr(r)}))}};e.prototype.disconnectedCallback=function(){var r=this;b.jmp((function(){return Lr(r)}));b.raf((function(){var e;var n=u(r);var t=v.findIndex((function(e){return e===r}));if(t>-1){v.splice(t,1)}if(((e=n==null?void 0:n.D)==null?void 0:e.C)instanceof Node&&!n.D.C.isConnected){delete n.D.C}}))};e.prototype.componentOnReady=function(){return u(this).h};return e}(HTMLElement);t.S=r[0];if(!a.includes(f)&&!o.get(f)){i.push(f);o.define(f,Er(s,t,1))}}))}));if(i.length>0){if(p){c.textContent+=y}{c.textContent+=i.sort()+m}if(c.innerHTML.length){c.setAttribute("data-styles","");var S=(n=b.T)!=null?n:T(w.document);if(S!=null){c.setAttribute("nonce",S)}f.insertBefore(c,s?s.nextSibling:f.firstChild)}}h=false;if(v.length){v.map((function(r){return r.connectedCallback()}))}else{{b.jmp((function(){return d=setTimeout(kr,30)}))}}t()}));var Nr=r("s",(function(r){return b.T=r}))}}}));

package/www/build/p-89e1a012.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("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}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 l=se(o,t?"componentWillLoad":"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.k,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.O)?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.k,i=e.C||P(null,null),s=(e=>e&&e.m===x)(t)?t:M(null,null,t);if(O=o.tagName,l.M&&(s.u=s.u||{},l.M.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.C=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.P(t),o||ie()),e.D(t),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()))}}})}else 1&o&&64&l&&Object.defineProperty(s,e,{value(...n){var o;const l=t(this);return null==(o=null==l?void 0:l.N)?void 0:o.then((()=>{var t;return null==(t=l.t)?void 0:t[e](...n)}))}})})),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.M)||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],H:n[3]};4&r.o&&($=!0),r.U=n[2],r.M=[],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,k:t,R:new Map};n.N=new Promise((e=>n.D=e)),n.A=new Promise((e=>n.P=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(){this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),b&&(clearTimeout(b),b=null),w?y.push(this):u.jmp((()=>(e=>{if(!(1&u.o)){const n=t(e),o=n.k,r=()=>{};if(1&n.o)(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.L){const s=((e,t)=>{const n=e.$.replace(/-/g,"_"),o=e.L;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.T}" 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);(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.C)?void 0:e.v)instanceof Node&&!n.C.v.isConnected&&delete n.C.v}))}componentOnReady(){return t(this).A}};r.L=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.O)?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=>u.O=e;export{x as H,de as b,U as c,R as g,M as h,a as p,n as r,he as s}