@getflip/swirl-components 0.517.0 → 0.518.0

package/dist/components/swirl-symbol-youtube.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Fragment as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const r=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const e=l("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"a964e71eb1bf02d876c9f70030d4b8e974e8bbd7",class:e,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(i,{key:"98d334eda426139928ee9c8cb96a2652d301036b"},t("path",{key:"c866c2fa6df7e6d1ab6d6b63de0455edbad1b2d8",d:"M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-youtube",{size:[2]}]),n=r,c=function(){"undefined"!=typeof customElements&&["swirl-symbol-youtube"].forEach((e=>{"swirl-symbol-youtube"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{n as SwirlSymbolYoutube,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Fragment as i,transformTag as o}from"@stencil/core/internal/client";import{c as l}from"./index2.js";const r=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){const e=l("swirl-symbol","swirl-symbol--size-"+this.size);return t("svg",{key:"711b772a07bf327a713d6227c9eff9b85ac64a75",class:e,fill:"none",height:this.size,part:"symbol",viewBox:"0 0 24 24",width:this.size,xmlns:"http://www.w3.org/2000/svg"},t(i,{key:"85a6f03925013e13ac566e81679295f4eed40a48"},t("path",{key:"5feef270bbb98659d7cc7b96a103b0676fe3f8fb",d:"M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z",fill:"currentColor"})))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol-youtube",{size:[2]}]),n=r,c=function(){"undefined"!=typeof customElements&&["swirl-symbol-youtube"].forEach((e=>{"swirl-symbol-youtube"===e&&(customElements.get(o(e))||customElements.define(o(e),r))}))};export{n as SwirlSymbolYoutube,c as defineCustomElement}

package/dist/components/swirl-symbol.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as l}from"@stencil/core/internal/client";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){return t(i,{key:"845fe710b71a15dbe63a366d568cb27dcae9b1ae"},t("swirl-symbol-"+this.glyph,{key:"3840053cac6f0b46a8dab93c19331e9d9b79e2ab",size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol",{glyph:[1],size:[2]}]),r=n,c=function(){"undefined"!=typeof customElements&&["swirl-symbol"].forEach((e=>{"swirl-symbol"===e&&(customElements.get(l(e))||customElements.define(l(e),n))}))};export{r as SwirlSymbol,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as i,transformTag as l}from"@stencil/core/internal/client";const n=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size=24}render(){return t(i,{key:"8ac4d9bcde01c2f3c1b9f1ca5397a0f03ddaed20"},t("swirl-symbol-"+this.glyph,{key:"1ad25ec1506a9b2dbd76775ae59ff8d2b971f897",size:this.size}))}static get style(){return":host{display:inline-flex}"}},[1,"swirl-symbol",{glyph:[1],size:[2]}]),c=n,r=function(){"undefined"!=typeof customElements&&["swirl-symbol"].forEach((e=>{"swirl-symbol"===e&&(customElements.get(l(e))||customElements.define(l(e),n))}))};export{c as SwirlSymbol,r as defineCustomElement}

package/dist/components/swirl-table-cell.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as s,h as t,Host as l,transformTag as a}from"@stencil/core/internal/client";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(l,{key:"5ce7bb5651719bafe028faa92d451f4ddad958ab",class:"table-cell",role:"cell"},t("slot",{key:"ef444f14e509dd3f11c59b1ed3bab7df33c4e5d7"}))}static get style(){return":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}"}},[257,"swirl-table-cell"]),i=o,r=function(){"undefined"!=typeof customElements&&["swirl-table-cell"].forEach((e=>{"swirl-table-cell"===e&&(customElements.get(a(e))||customElements.define(a(e),o))}))};export{i as SwirlTableCell,r as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as l,transformTag as a}from"@stencil/core/internal/client";const o=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return t(l,{key:"9aa6142425d78e14005d1d82c98c489ad3072dad",class:"table-cell",role:"cell"},t("slot",{key:"84b5b603bf5620e93edf0bccf594d1b28aec7c53"}))}static get style(){return":host{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default);word-break:break-word;hyphens:auto;transition:box-shadow 0.15s}:host(.table-cell--is-sticky){position:sticky;z-index:1}:host(.table-cell--is-sticky-right){position:sticky;z-index:1;right:0;overflow:hidden}:host(.table-cell--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-cell--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host *{box-sizing:border-box}"}},[257,"swirl-table-cell"]),i=o,r=function(){"undefined"!=typeof customElements&&["swirl-table-cell"].forEach((e=>{"swirl-table-cell"===e&&(customElements.get(a(e))||customElements.define(a(e),o))}))};export{i as SwirlTableCell,r as defineCustomElement}

package/dist/components/swirl-table-row-group.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,h as t,Host as o,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./swirl-button2.js";import{d as a}from"./swirl-icon-info2.js";import{d as l}from"./swirl-tooltip2.js";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.collapsible=!1,this.collapseButtonLabel="Previous slide",this.isVisible=!0,this.toggleShowItems=()=>{if(this.headerRowElement.focus(),!this.tableRowElements)return;const e=this.tableRowElements.scrollHeight+"px";this.isVisible?requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.setAttribute("aria-hidden","true"),requestAnimationFrame((()=>{this.tableRowElements.style.height="0"}))})):requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.removeAttribute("aria-hidden"),setTimeout((()=>{this.tableRowElements.style.height="auto"}),300)})),this.isVisible=!this.isVisible}}render(){const e=this.el.querySelectorAll("swirl-table-row").length;return t(o,{key:"f8978486ce68638d23a76c9c0eca96d6ac1315f3",class:"table-row-group",role:"rowgroup"},t("div",{key:"21f6d188c76d5f4c0a9bccf957ec4764fb5d5858",class:"table-row-group__header-row",role:"row",ref:e=>this.headerRowElement=e},this.collapsible&&t("swirl-button",{key:"452aa198203c844bfc61cdeef6a14d7e6bc7a227",class:"table-row-group__collapse-icon",icon:this.isVisible?"<swirl-icon-expand-less></swirl-icon-expand-less":"<swirl-icon-expand-more></swirl-icon-expand-more",label:this.collapseButtonLabel,onClick:this.toggleShowItems,swirlAriaExpanded:this.isVisible+"",variant:"plain",hideLabel:!0}),t("span",{key:"3490e6f5e9eb1314b8f2448e5c4b8e9436fc0825","aria-rowspan":e,class:"table-row-group__label",role:"rowheader"},this.label,this.tooltip&&t("span",{key:"288f01ce8e0c125f96c069a5b7c95f7898898959",class:"table-row-group__tooltip"},t("swirl-tooltip",{key:"091a04b6186ed9bf776d8d6d108bdd27538d4fda",content:this.tooltip,position:"top"},t("swirl-icon-info",{key:"4270866e9405685cf912a9528c6845cd679abdf3",size:16,tabIndex:0,class:"table-row-group__tooltip-icon"}))))),t("div",{key:"670b817e54664a6ae7771858e35be0aa8f2a2a1f",class:{"table-row-group__rows-container":!0,"table-row-group__rows-container--is-hidden":this.isVisible},"aria-hidden":!this.isVisible,ref:e=>this.tableRowElements=e},t("slot",{key:"19d7f46ba5163933076ea2ca362a83437d934d36"})))}get el(){return this}static get style(){return":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}"}},[257,"swirl-table-row-group",{label:[1],tooltip:[1],collapsible:[4],collapseButtonLabel:[1,"collapse-button-label"],isVisible:[32]}]),c=n,d=function(){"undefined"!=typeof customElements&&["swirl-table-row-group","swirl-button","swirl-icon-info","swirl-tooltip"].forEach((e=>{switch(e){case"swirl-table-row-group":customElements.get(s(e))||customElements.define(s(e),n);break;case"swirl-button":customElements.get(s(e))||r();break;case"swirl-icon-info":customElements.get(s(e))||a();break;case"swirl-tooltip":customElements.get(s(e))||l()}}))};export{c as SwirlTableRowGroup,d as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,h as t,Host as o,transformTag as s}from"@stencil/core/internal/client";import{d as r}from"./swirl-button2.js";import{d as a}from"./swirl-icon-info2.js";import{d as l}from"./swirl-tooltip2.js";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.collapsible=!1,this.collapseButtonLabel="Previous slide",this.isVisible=!0,this.toggleShowItems=()=>{if(this.headerRowElement.focus(),!this.tableRowElements)return;const e=this.tableRowElements.scrollHeight+"px";this.isVisible?requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.setAttribute("aria-hidden","true"),requestAnimationFrame((()=>{this.tableRowElements.style.height="0"}))})):requestAnimationFrame((()=>{this.tableRowElements.style.height=e,this.tableRowElements.removeAttribute("aria-hidden"),setTimeout((()=>{this.tableRowElements.style.height="auto"}),300)})),this.isVisible=!this.isVisible}}render(){const e=this.el.querySelectorAll("swirl-table-row").length;return t(o,{key:"cc34d09f3e707924ea49d9de0d23de1df8397a75",class:"table-row-group",role:"rowgroup"},t("div",{key:"7dceba9337ebe474357ca1f8a5096b3109463b43",class:"table-row-group__header-row",role:"row",ref:e=>this.headerRowElement=e},this.collapsible&&t("swirl-button",{key:"0c8056a8416d2d966cb385aef6df3612a7489ccc",class:"table-row-group__collapse-icon",icon:this.isVisible?"<swirl-icon-expand-less></swirl-icon-expand-less":"<swirl-icon-expand-more></swirl-icon-expand-more",label:this.collapseButtonLabel,onClick:this.toggleShowItems,swirlAriaExpanded:this.isVisible+"",variant:"plain",hideLabel:!0}),t("span",{key:"15c59084d889dc11ac6b86a43384996207c42fc0","aria-rowspan":e,class:"table-row-group__label",role:"rowheader"},this.label,this.tooltip&&t("span",{key:"3b8546dc9a853a0de05a3f338add54036c8019d6",class:"table-row-group__tooltip"},t("swirl-tooltip",{key:"2def69ae46f410c2ccd0173f947cf7d040f6062e",content:this.tooltip,position:"top"},t("swirl-icon-info",{key:"26925b7d805cdb735894e61ece641c400a0b5732",size:16,tabIndex:0,class:"table-row-group__tooltip-icon"}))))),t("div",{key:"06e81495d9aa95c703a397946bf3b89014a640c6",class:{"table-row-group__rows-container":!0,"table-row-group__rows-container--is-hidden":this.isVisible},"aria-hidden":!this.isVisible,ref:e=>this.tableRowElements=e},t("slot",{key:"333b09675ef407bfd74143de4599fbb956723e10"})))}get el(){return this}static get style(){return":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}"}},[257,"swirl-table-row-group",{label:[1],tooltip:[1],collapsible:[4],collapseButtonLabel:[1,"collapse-button-label"],isVisible:[32]}]),c=n,d=function(){"undefined"!=typeof customElements&&["swirl-table-row-group","swirl-button","swirl-icon-info","swirl-tooltip"].forEach((e=>{switch(e){case"swirl-table-row-group":customElements.get(s(e))||customElements.define(s(e),n);break;case"swirl-button":customElements.get(s(e))||r();break;case"swirl-icon-info":customElements.get(s(e))||a();break;case"swirl-tooltip":customElements.get(s(e))||l()}}))};export{c as SwirlTableRowGroup,d as defineCustomElement}

package/dist/components/swirl-table-row.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{l as i}from"./utils.js";const a=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){const t=i(this.el,"swirl-table");t?.rerender()}render(){const t=l("table-row",{"table-row--highlighted":this.highlighted});return o(r,{key:"497c09e75418d7e30a5279df21c2c3ec9f5fbe0b","aria-rowindex":this.index,class:t,role:"row"},o("slot",{key:"7f7832a9fa79500e8819159373c905982249550c"}))}get el(){return this}static get style(){return":host{display:flex}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}"}},[257,"swirl-table-row",{highlighted:[4],index:[2]}]),n=a,d=function(){"undefined"!=typeof customElements&&["swirl-table-row"].forEach((t=>{"swirl-table-row"===t&&(customElements.get(s(t))||customElements.define(s(t),a))}))};export{n as SwirlTableRow,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as o,Host as r,transformTag as s}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{l as i}from"./utils.js";const b=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){const t=i(this.el,"swirl-table");t?.rerender()}render(){const t=l("table-row",{"table-row--highlighted":this.highlighted});return o(r,{key:"40ee59269db268963619c729b874940760bebb7b","aria-rowindex":this.index,class:t,role:"row"},o("slot",{key:"34d56ba7cc46a6bec3cd1617d6232cb89950c18b"}))}get el(){return this}static get style(){return":host{display:flex}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}"}},[257,"swirl-table-row",{highlighted:[4],index:[2]}]),a=b,d=function(){"undefined"!=typeof customElements&&["swirl-table-row"].forEach((t=>{"swirl-table-row"===t&&(customElements.get(s(t))||customElements.define(s(t),b))}))};export{a as SwirlTableRow,d as defineCustomElement}

package/dist/components/swirl-tabs.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as i,createEvent as a,h as s,Host as e,transformTag as b}from"@stencil/core/internal/client";import{o as r}from"./utils.js";import{d as n}from"./swirl-tab-bar2.js";import{d as c}from"./swirl-tooltip2.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabActivated=a(this,"tabActivated",7),this.tabBarVariant="default",this.tabBarTabs=[],this.tabs=[],this.onActivateNextTab=()=>{this.activateNextTab()},this.onActivatePreviousTab=()=>{this.activatePreviousTab()},this.onActivateTab=t=>{this.activateTab(t.detail)}}componentWillLoad(){this.collectTabs(),this.updateTabBarTabs()}async activateTab(t){if(this.activeTab===t)return;this.activeTab=t,this.tabs.forEach((t=>t.active=!1));const i=this.tabs.find((i=>i.tabId===t));i&&(i.active=!0,this.tabActivated.emit(i),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),i=r(t+1,this.tabs.length);this.activateTab(this.tabs[i].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),i=r(t-1,this.tabs.length);this.activateTab(this.tabs[i].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}collectTabs(){if(this.tabs=Array.from(this.el.querySelectorAll("swirl-tab")),0===this.tabs.length)return;const t=this.tabs.find((t=>t.tabId===this.initialTab));this.activateTab(t?t.tabId:this.tabs[0].tabId)}updateTabBarTabs(){this.tabBarTabs=this.tabs.map((t=>({active:this.activeTab===t.tabId,icon:t.icon,id:t.tabId,label:t.label,tooltip:t.tooltip})))}render(){return s(e,{key:"2a5adee9769036f2938cf87bbd972e2eb6eb84f2"},s("div",{key:"1537238ac7957f87331b9e1da0385b07b661be2c",class:"tabs"},s("swirl-tab-bar",{key:"96d0c8000cbf67ccb99f1d2b12751a26e2f9ad53",label:this.label,onActivateNextTab:this.onActivateNextTab,onActivatePreviousTab:this.onActivatePreviousTab,onActivateTab:this.onActivateTab,tabs:this.tabBarTabs,justify:this.justifyTabBar,paddingBlockEnd:this.tabBarPaddingBlockEnd,paddingBlockStart:this.tabBarPaddingBlockStart,paddingInlineEnd:this.tabBarPaddingInlineEnd,paddingInlineStart:this.tabBarPaddingInlineStart,variant:this.tabBarVariant})),s("slot",{key:"32d34da67d706f4cd8c8d185ba23788e9cba276d"}))}get el(){return this}static get style(){return".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}"}},[262,"swirl-tabs",{initialTab:[1,"initial-tab"],label:[1],justifyTabBar:[1,"justify-tab-bar"],tabBarPaddingBlockEnd:[1,"tab-bar-padding-block-end"],tabBarPaddingBlockStart:[1,"tab-bar-padding-block-start"],tabBarPaddingInlineEnd:[1,"tab-bar-padding-inline-end"],tabBarPaddingInlineStart:[1,"tab-bar-padding-inline-start"],tabBarVariant:[1,"tab-bar-variant"],activeTab:[32],tabBarTabs:[32],activateTab:[64]}]),h=l,d=function(){"undefined"!=typeof customElements&&["swirl-tabs","swirl-tab-bar","swirl-tooltip"].forEach((t=>{switch(t){case"swirl-tabs":customElements.get(b(t))||customElements.define(b(t),l);break;case"swirl-tab-bar":customElements.get(b(t))||n();break;case"swirl-tooltip":customElements.get(b(t))||c()}}))};export{h as SwirlTabs,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as a,h as s,Host as e,transformTag as b}from"@stencil/core/internal/client";import{o as r}from"./utils.js";import{d as n}from"./swirl-tab-bar2.js";import{d as c}from"./swirl-tooltip2.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabActivated=a(this,"tabActivated",7),this.tabBarVariant="default",this.tabBarTabs=[],this.tabs=[],this.onActivateNextTab=()=>{this.activateNextTab()},this.onActivatePreviousTab=()=>{this.activatePreviousTab()},this.onActivateTab=t=>{this.activateTab(t.detail)}}componentWillLoad(){this.collectTabs(),this.updateTabBarTabs()}async activateTab(t){if(this.activeTab===t)return;this.activeTab=t,this.tabs.forEach((t=>t.active=!1));const i=this.tabs.find((i=>i.tabId===t));i&&(i.active=!0,this.tabActivated.emit(i),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),i=r(t+1,this.tabs.length);this.activateTab(this.tabs[i].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),i=r(t-1,this.tabs.length);this.activateTab(this.tabs[i].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}collectTabs(){if(this.tabs=Array.from(this.el.querySelectorAll("swirl-tab")),0===this.tabs.length)return;const t=this.tabs.find((t=>t.tabId===this.initialTab));this.activateTab(t?t.tabId:this.tabs[0].tabId)}updateTabBarTabs(){this.tabBarTabs=this.tabs.map((t=>({active:this.activeTab===t.tabId,icon:t.icon,id:t.tabId,label:t.label,tooltip:t.tooltip})))}render(){return s(e,{key:"da21889507046c4b914180dc5d5b43afb4de6fbc"},s("div",{key:"be9e4543489231dac8a0f31dc0342b4ce4c5f6ce",class:"tabs"},s("swirl-tab-bar",{key:"3e8d478ab24abaf77f413761d8c389a68ca8bed0",label:this.label,onActivateNextTab:this.onActivateNextTab,onActivatePreviousTab:this.onActivatePreviousTab,onActivateTab:this.onActivateTab,tabs:this.tabBarTabs,justify:this.justifyTabBar,paddingBlockEnd:this.tabBarPaddingBlockEnd,paddingBlockStart:this.tabBarPaddingBlockStart,paddingInlineEnd:this.tabBarPaddingInlineEnd,paddingInlineStart:this.tabBarPaddingInlineStart,variant:this.tabBarVariant})),s("slot",{key:"bdb06b9d9e1d8e345c324ff804a1feeef4437e5d"}))}get el(){return this}static get style(){return".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}"}},[262,"swirl-tabs",{initialTab:[1,"initial-tab"],label:[1],justifyTabBar:[1,"justify-tab-bar"],tabBarPaddingBlockEnd:[1,"tab-bar-padding-block-end"],tabBarPaddingBlockStart:[1,"tab-bar-padding-block-start"],tabBarPaddingInlineEnd:[1,"tab-bar-padding-inline-end"],tabBarPaddingInlineStart:[1,"tab-bar-padding-inline-start"],tabBarVariant:[1,"tab-bar-variant"],activeTab:[32],tabBarTabs:[32],activateTab:[64]}]),d=l,h=function(){"undefined"!=typeof customElements&&["swirl-tabs","swirl-tab-bar","swirl-tooltip"].forEach((t=>{switch(t){case"swirl-tabs":customElements.get(b(t))||customElements.define(b(t),l);break;case"swirl-tab-bar":customElements.get(b(t))||n();break;case"swirl-tooltip":customElements.get(b(t))||c()}}))};export{d as SwirlTabs,h as defineCustomElement}

package/dist/components/swirl-theme-provider.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as h,transformTag as r}from"@stencil/core/internal/client";const n="swirl-preferred-theme",a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.appThemeUpdated=i(this,"appThemeUpdated",7),this.themeChange=i(this,"themeChange",7),this.darkThemeMediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.setDesignTokens=[],this.osThemeChangeHandler=e=>{this.osTheme=e.matches?"dark":"light",this.updateAppTheme()}}componentWillLoad(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}disconnectedCallback(){this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler)}watchConfig(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}async getActiveOSTheme(){return this.appOSTheme}async getPreferredOSTheme(){if(this.resolvedConfig.storage)return this.resolvedConfig.storage.getItem(n)}async setPreferredOSTheme(e){this.resolvedConfig.storage&&this.resolvedConfig.enabledThemes.includes(e)&&(this.resolvedConfig.storage.setItem(n,e),this.updateAppTheme())}async resetPreferredOSTheme(){this.resolvedConfig.storage&&(this.resolvedConfig.storage.removeItem(n),this.updateAppTheme())}resolveConfig(){if(this.resolvedConfig={...this.config||{},enabledThemes:this.config?.enabledThemes||["light","dark"],rootElement:this.config?.rootElement||document.documentElement,storage:this.config?.storage||window?.localStorage},!this.resolvedConfig.enabledThemes.includes("light"))throw Error("[Swirl Theme Provider] Light theme must be enabled.")}determineOSTheme(){window.matchMedia?(this.osTheme=this.darkThemeMediaQuery.matches?"dark":"light",this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler),this.darkThemeMediaQuery.addEventListener("change",this.osThemeChangeHandler)):this.osTheme="light"}async updateAppTheme(){const e=await this.getPreferredOSTheme()||this.osTheme;this.appOSTheme=this.resolvedConfig.enabledThemes.includes(e)?e:"light","dark"===this.appOSTheme?(document.documentElement.classList.remove("theme-light"),document.documentElement.classList.add("theme-dark")):(document.documentElement.classList.remove("theme-dark"),document.documentElement.classList.add("theme-light")),this.updateTenantVariables(),this.updateTenantAssets();const t={activeTheme:await this.getActiveOSTheme(),preferredTheme:await this.getPreferredOSTheme()};this.recentOSThemeChangeEventData&&t.activeTheme===this.recentOSThemeChangeEventData.activeTheme&&t.preferredTheme===this.recentOSThemeChangeEventData.preferredTheme||(this.recentOSThemeChangeEventData=t,this.themeChange.emit(this.recentOSThemeChangeEventData)),this.appThemeUpdated.emit()}updateTenantAssets(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];e&&document.head.querySelector('link[rel="icon"]')?.setAttribute("href",e.favicon.link)}updateTenantVariables(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];if(!e)return void this.resetTenantVariables();const t=this.resolvedConfig.rootElement;this.setDesignTokens=[],e.design_tokens.forEach((e=>{const i="--s-"+e.id;t.style.setProperty(i,`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, ${e.color.a})`),this.setDesignTokens.push(i)}))}resetTenantVariables(){const e=this.resolvedConfig.rootElement;this.setDesignTokens.forEach((t=>{e.style.removeProperty(t)})),this.setDesignTokens=[]}render(){return s(h,{key:"7b3ffd83f13da66b55e5a92449bf07b11f7c17ea"},s("slot",{key:"d4e81e8b711b8319f09f0cd48eae3cad70d6f897"}))}static get watchers(){return{config:[{watchConfig:0}]}}static get style(){return".sc-swirl-theme-provider-h{display:unset}"}},[262,"swirl-theme-provider",{config:[16],getActiveOSTheme:[64],getPreferredOSTheme:[64],setPreferredOSTheme:[64],resetPreferredOSTheme:[64]},void 0,{config:[{watchConfig:0}]}]),o=a,c=function(){"undefined"!=typeof customElements&&["swirl-theme-provider"].forEach((e=>{"swirl-theme-provider"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{o as SwirlThemeProvider,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as s,Host as h,transformTag as r}from"@stencil/core/internal/client";const n="swirl-preferred-theme",c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.appThemeUpdated=i(this,"appThemeUpdated",7),this.themeChange=i(this,"themeChange",7),this.darkThemeMediaQuery=window.matchMedia("(prefers-color-scheme: dark)"),this.setDesignTokens=[],this.osThemeChangeHandler=e=>{this.osTheme=e.matches?"dark":"light",this.updateAppTheme()}}componentWillLoad(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}disconnectedCallback(){this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler)}watchConfig(){this.resolveConfig(),this.determineOSTheme(),this.updateAppTheme()}async getActiveOSTheme(){return this.appOSTheme}async getPreferredOSTheme(){if(this.resolvedConfig.storage)return this.resolvedConfig.storage.getItem(n)}async setPreferredOSTheme(e){this.resolvedConfig.storage&&this.resolvedConfig.enabledThemes.includes(e)&&(this.resolvedConfig.storage.setItem(n,e),this.updateAppTheme())}async resetPreferredOSTheme(){this.resolvedConfig.storage&&(this.resolvedConfig.storage.removeItem(n),this.updateAppTheme())}resolveConfig(){if(this.resolvedConfig={...this.config||{},enabledThemes:this.config?.enabledThemes||["light","dark"],rootElement:this.config?.rootElement||document.documentElement,storage:this.config?.storage||window?.localStorage},!this.resolvedConfig.enabledThemes.includes("light"))throw Error("[Swirl Theme Provider] Light theme must be enabled.")}determineOSTheme(){window.matchMedia?(this.osTheme=this.darkThemeMediaQuery.matches?"dark":"light",this.darkThemeMediaQuery.removeEventListener("change",this.osThemeChangeHandler),this.darkThemeMediaQuery.addEventListener("change",this.osThemeChangeHandler)):this.osTheme="light"}async updateAppTheme(){const e=await this.getPreferredOSTheme()||this.osTheme;this.appOSTheme=this.resolvedConfig.enabledThemes.includes(e)?e:"light","dark"===this.appOSTheme?(document.documentElement.classList.remove("theme-light"),document.documentElement.classList.add("theme-dark")):(document.documentElement.classList.remove("theme-dark"),document.documentElement.classList.add("theme-light")),this.updateTenantVariables(),this.updateTenantAssets();const t={activeTheme:await this.getActiveOSTheme(),preferredTheme:await this.getPreferredOSTheme()};this.recentOSThemeChangeEventData&&t.activeTheme===this.recentOSThemeChangeEventData.activeTheme&&t.preferredTheme===this.recentOSThemeChangeEventData.preferredTheme||(this.recentOSThemeChangeEventData=t,this.themeChange.emit(this.recentOSThemeChangeEventData)),this.appThemeUpdated.emit()}updateTenantAssets(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];e&&document.head.querySelector('link[rel="icon"]')?.setAttribute("href",e.favicon.link)}updateTenantVariables(){const e=this.resolvedConfig?.themes?.[this.appOSTheme];if(!e)return void this.resetTenantVariables();const t=this.resolvedConfig.rootElement;this.setDesignTokens=[],e.design_tokens.forEach((e=>{const i="--s-"+e.id;t.style.setProperty(i,`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, ${e.color.a})`),this.setDesignTokens.push(i)}))}resetTenantVariables(){const e=this.resolvedConfig.rootElement;this.setDesignTokens.forEach((t=>{e.style.removeProperty(t)})),this.setDesignTokens=[]}render(){return s(h,{key:"1e8414af2b6c81f751d0469c1e5d29d4a7bc7cc7"},s("slot",{key:"06346a6f269475cb7110b43dfb931b4a2cf27343"}))}static get watchers(){return{config:[{watchConfig:0}]}}static get style(){return".sc-swirl-theme-provider-h{display:unset}"}},[262,"swirl-theme-provider",{config:[16],getActiveOSTheme:[64],getPreferredOSTheme:[64],setPreferredOSTheme:[64],resetPreferredOSTheme:[64]},void 0,{config:[{watchConfig:0}]}]),o=c,a=function(){"undefined"!=typeof customElements&&["swirl-theme-provider"].forEach((e=>{"swirl-theme-provider"===e&&(customElements.get(r(e))||customElements.define(r(e),c))}))};export{o as SwirlThemeProvider,a as defineCustomElement}

package/dist/components/swirl-time-input.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Host as n,transformTag as a}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{p as o,i as h,f as m,I as c}from"./index3.js";import{D as l}from"./media-query.service.js";const u="HH:mm:ss",d=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.valueChange=e(this,"valueChange",7),this.format="HH:mm",this.placeholder="hh:mm",this.iconSize=24,this.mediaQueryUnsubscribe=()=>{},this.onBlur=i=>{this.inputBlur.emit(i)},this.onClick=i=>{i.preventDefault()},this.onFocus=i=>{this.inputFocus.emit(i),this.handleAutoSelect(i)}}componentWillLoad(){const i=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id="swirl-time-input-"+i}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=l.subscribe((i=>{this.updateIconSize(i)})),this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(i,t){if(i!==t)if(this.valueChange.emit(i),this.mask&&i){const t=this.getPattern();let e=o(i,u,new Date);if(h(e)||(e=o(i,t,new Date)),h(e)){const i=m(e,t);this.mask.value=i}}else this.mask&&!i&&(this.mask.value="")}updateIconSize(i){this.iconSize=i?20:24}getPattern(){return this.format.replace(/(?<!H)H(?!H)/g,"HH").replace(/(?<!h)h(?!h)/g,"hh").replace(/(?<!m)m(?!m)/g,"mm").replace(/(?<!s)s(?!s)/g,"ss").replace(/(?<!a)a(?!a)/g,"aa")}handleAutoSelect(i){this.autoSelect?i.target&&i.target instanceof HTMLInputElement&&i.target.select():setTimeout((()=>{i.target&&i.target instanceof HTMLInputElement&&i.target.setSelectionRange&&i.target.setSelectionRange(0,0)}))}setupMask(){this.mask?.destroy();const i=this.getPattern();if(this.mask=c(this.inputEl,{mask:Date,pattern:i.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",prepareChar:i=>i.toUpperCase(),blocks:{HH:{mask:c.MaskedRange,from:0,to:23,maxLength:2},hh:{mask:c.MaskedRange,from:1,to:12,maxLength:2},mm:{mask:c.MaskedRange,from:0,to:59,maxLength:2},ss:{mask:c.MaskedRange,from:0,to:59,maxLength:2},aa:{mask:c.MaskedEnum,enum:["AM","PM"],maxLength:2}},format:t=>h(t)?(this.value=m(t,u),m(t,i)):"",parse:t=>o(t,i,new Date)}),this.value){const t=o(this.value,u,new Date);if(h(t)){const e=m(t,i);this.mask.value=e}}}render(){const i=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,t=r("time-input",{"time-input--inline":this.inline});return s(n,{key:"6cecc10e9a5b7207e4462088bd53c7ae75e5f627"},s("div",{key:"c3c640b695c2e9f3f222c11d628e7685d6ccd87e",class:t},s("input",{key:"d850f72d73a32f689f491f44f81aefde59c0a641","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":i,autoFocus:this.autoFocus,class:"time-input__input",disabled:this.disabled,id:this.id,inputmode:"numeric",onBlur:this.onBlur,onClick:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder,ref:i=>this.inputEl=i,required:this.required,type:"text",readonly:this.readonly}),s("span",{key:"1f24bd28bf02cdba24e78793f396186f729f63f8",class:"time-input__icon"},s("swirl-icon-time-outlined",{key:"48063719fc878c404a640b82841dd17f68d93298",size:this.iconSize}))))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}"}},[2,"swirl-time-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],format:[1],inline:[4],invalid:[4],placeholder:[1],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),p=d,f=function(){"undefined"!=typeof customElements&&["swirl-time-input"].forEach((i=>{"swirl-time-input"===i&&(customElements.get(a(i))||customElements.define(a(i),d))}))};export{p as SwirlTimeInput,f as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as s,Host as n,transformTag as a}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{p as o,i as h,f as m,I as c}from"./index3.js";import{D as l}from"./media-query.service.js";const d="HH:mm:ss",u=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.valueChange=e(this,"valueChange",7),this.format="HH:mm",this.placeholder="hh:mm",this.iconSize=24,this.mediaQueryUnsubscribe=()=>{},this.onBlur=i=>{this.inputBlur.emit(i)},this.onClick=i=>{i.preventDefault()},this.onFocus=i=>{this.inputFocus.emit(i),this.handleAutoSelect(i)}}componentWillLoad(){const i=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id="swirl-time-input-"+i}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=l.subscribe((i=>{this.updateIconSize(i)})),this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(i,t){if(i!==t)if(this.valueChange.emit(i),this.mask&&i){const t=this.getPattern();let e=o(i,d,new Date);if(h(e)||(e=o(i,t,new Date)),h(e)){const i=m(e,t);this.mask.value=i}}else this.mask&&!i&&(this.mask.value="")}updateIconSize(i){this.iconSize=i?20:24}getPattern(){return this.format.replace(/(?<!H)H(?!H)/g,"HH").replace(/(?<!h)h(?!h)/g,"hh").replace(/(?<!m)m(?!m)/g,"mm").replace(/(?<!s)s(?!s)/g,"ss").replace(/(?<!a)a(?!a)/g,"aa")}handleAutoSelect(i){this.autoSelect?i.target&&i.target instanceof HTMLInputElement&&i.target.select():setTimeout((()=>{i.target&&i.target instanceof HTMLInputElement&&i.target.setSelectionRange&&i.target.setSelectionRange(0,0)}))}setupMask(){this.mask?.destroy();const i=this.getPattern();if(this.mask=c(this.inputEl,{mask:Date,pattern:i.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",prepareChar:i=>i.toUpperCase(),blocks:{HH:{mask:c.MaskedRange,from:0,to:23,maxLength:2},hh:{mask:c.MaskedRange,from:1,to:12,maxLength:2},mm:{mask:c.MaskedRange,from:0,to:59,maxLength:2},ss:{mask:c.MaskedRange,from:0,to:59,maxLength:2},aa:{mask:c.MaskedEnum,enum:["AM","PM"],maxLength:2}},format:t=>h(t)?(this.value=m(t,d),m(t,i)):"",parse:t=>o(t,i,new Date)}),this.value){const t=o(this.value,d,new Date);if(h(t)){const e=m(t,i);this.mask.value=e}}}render(){const i=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,t=r("time-input",{"time-input--inline":this.inline});return s(n,{key:"c3323b423658504d42f58d7e5ba817f54025d3ed"},s("div",{key:"caf9ad19d49831d8d0434a31ee5082cae85ade96",class:t},s("input",{key:"de0d339c99c56a1c545c60b07a0aa6b4d5916893","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":i,autoFocus:this.autoFocus,class:"time-input__input",disabled:this.disabled,id:this.id,inputmode:"numeric",onBlur:this.onBlur,onClick:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder,ref:i=>this.inputEl=i,required:this.required,type:"text",readonly:this.readonly}),s("span",{key:"dfaabfbccd5bfbdd24bcdd56be3bf4c4025f2efc",class:"time-input__icon"},s("swirl-icon-time-outlined",{key:"0abdf3914e05cf4bb50cd3782a71fdd3efdf325a",size:this.iconSize}))))}get el(){return this}static get watchers(){return{format:[{watchFormat:0}],value:[{watchValue:0}]}}static get style(){return".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}"}},[2,"swirl-time-input",{autoFocus:[4,"auto-focus"],autoSelect:[4,"auto-select"],disabled:[4],format:[1],inline:[4],invalid:[4],placeholder:[1],required:[4],swirlAriaDescribedby:[1,"swirl-aria-describedby"],value:[1537],readonly:[4],iconSize:[32]},void 0,{format:[{watchFormat:0}],value:[{watchValue:0}]}]),p=u,f=function(){"undefined"!=typeof customElements&&["swirl-time-input"].forEach((i=>{"swirl-time-input"===i&&(customElements.get(a(i))||customElements.define(a(i),u))}))};export{p as SwirlTimeInput,f as defineCustomElement}

package/dist/components/swirl-toggle-button.js

@@ -1 +1 @@
-import{proxyCustomElement as t,HTMLElement as e,h as o,transformTag as s}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{d as n}from"./swirl-icon2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isPressed=!1,this.hideLabel=!1,this.onClick=()=>{this.isPressed=!0}}render(){const t=i("button",{"button--pressed":this.isPressed});return o("button",{key:"356e6ffc61096ef0f385ff771a285198fddcbebb",class:t,type:"button","aria-pressed":this.isPressed?"true":"false","aria-label":this.hideLabel?this.label:void 0,onClick:this.onClick},this.icon&&o("swirl-icon",{key:"9d314f6990b4e35eb819881cb763faef71c914df",class:"button__icon",glyph:this.icon}),!this.hideLabel&&o("span",{key:"ecd82967e6bbbd9783d27559c8dff383a4d5d816",class:"button__label"},this.label))}static get style(){return":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-state-hovered)}.button:active{background-color:var(--s-state-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}"}},[1,"swirl-toggle-button",{identifier:[1],label:[1],icon:[1],isPressed:[1028,"is-pressed"],hideLabel:[4,"hide-label"]}]),a=r,l=function(){"undefined"!=typeof customElements&&["swirl-toggle-button","swirl-icon"].forEach((t=>{switch(t){case"swirl-toggle-button":customElements.get(s(t))||customElements.define(s(t),r);break;case"swirl-icon":customElements.get(s(t))||n()}}))};export{a as SwirlToggleButton,l as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as o,transformTag as s}from"@stencil/core/internal/client";import{c as i}from"./index2.js";import{d as n}from"./swirl-icon2.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isPressed=!1,this.hideLabel=!1,this.onClick=()=>{this.isPressed=!0}}render(){const t=i("button",{"button--pressed":this.isPressed});return o("button",{key:"7164b05dae3d3a719f5778a5ebe4d73ca95bad67",class:t,type:"button","aria-pressed":this.isPressed?"true":"false","aria-label":this.hideLabel?this.label:void 0,onClick:this.onClick},this.icon&&o("swirl-icon",{key:"a7d7256dc75948b78b4deeb3b3beea0a65558fbc",class:"button__icon",glyph:this.icon}),!this.hideLabel&&o("span",{key:"01f0b78e5317085095ff1fdf3a64e86f102ff2e2",class:"button__label"},this.label))}static get style(){return":host{display:inline-block}:host *{box-sizing:border-box}.button{display:inline-flex;gap:var(--s-space-8);width:100%;padding:0.375rem var(--s-space-8);justify-content:center;align-items:center;border:none;border-radius:0.375rem;color:var(--s-text-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);text-decoration:none;cursor:pointer}.button:hover{background-color:var(--s-state-hovered)}.button:active{background-color:var(--s-state-pressed)}.button:focus:not(:focus-visible){outline:none}.button:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.button.button--pressed{background-color:var(--s-surface-default);color:var(--s-text-highlight);box-shadow:var(--s-shadow-level-1)}.button.button--pressed .button__icon{color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);gap:var(--s-space-4)}}.button__label{overflow:hidden;max-width:100%;white-space:nowrap;text-overflow:ellipsis}.button__icon{width:1.5rem;height:1.5rem;color:var(--s-icon-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.button__icon{width:1.25rem;height:1.25rem}}"}},[1,"swirl-toggle-button",{identifier:[1],label:[1],icon:[1],isPressed:[1028,"is-pressed"],hideLabel:[4,"hide-label"]}]),a=r,l=function(){"undefined"!=typeof customElements&&["swirl-toggle-button","swirl-icon"].forEach((t=>{switch(t){case"swirl-toggle-button":customElements.get(s(t))||customElements.define(s(t),r);break;case"swirl-icon":customElements.get(s(t))||n()}}))};export{a as SwirlToggleButton,l as defineCustomElement}

package/dist/components/swirl-tree-navigation-item.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as a,Host as n,transformTag as s}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{d as o}from"./swirl-icon2.js";import{d as l}from"./swirl-icon-chevron-right2.js";import{d as c}from"./swirl-icon-close2.js";import{d}from"./swirl-icon-open-in-new2.js";import{d as h}from"./swirl-tag2.js";import{d as m}from"./swirl-visually-hidden2.js";const g=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expansionChange=t(this,"expansionChange",7),this.markAsNewLabel="New",this.level=1,this.expandable=!0,this.external=!1,this.expanded=!1,this.hasChildren=!1,this.hasCustomIcon=!1,this.childrenHeight="0",this.buttonId=this.navigationItemId+"-button",this.childrenId=this.navigationItemId+"-children",this.onKeyDown=e=>{switch(e.key){case" ":e.preventDefault(),this.toggleExpanded(e);break;case"ArrowRight":e.preventDefault(),!this.expanded&&this.hasChildren&&this.expand();break;case"ArrowLeft":e.preventDefault(),this.expanded&&this.collapse()}},this.toggleExpanded=e=>{this.expandable&&this.hasChildren&&!this.href&&(e.preventDefault(),e.stopPropagation(),this.expanded?this.collapse():this.expand())}}componentWillLoad(){this.hasCustomIcon=!!this.el.querySelector("[slot='custom-icon']"),this.checkForChildren()}componentDidLoad(){this.hasChildren&&this.expanded&&this.updateChildrenHeight()}updateChildrenHeight(){this.childrenRef&&(this.childrenHeight=this.expanded?this.childrenRef.scrollHeight+"px":"0")}handleExpandedChange(){this.expansionChange.emit(this.expanded),this.updateChildrenHeight()}checkForChildren(){this.hasChildren=!!this.el.querySelector("swirl-tree-navigation-item")}async expand(){!this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!0)}async collapse(){this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!1)}render(){const e=!!this.href,i=e?"a":"button",t=r("tree-navigation-item__link",{"tree-navigation-item__link--active":this.active,"tree-navigation-item__link--has-icon":this.hasCustomIcon||!!this.icon});return a(n,{key:"93531ce4ff449072ce7dc170d75d7739dc3f0850",role:"none"},a("li",{key:"d99cabd14e1addc22aa508a8b31a55bc642e3e5c",class:{"tree-navigation-item":!0,"tree-navigation-item--expanded":this.expanded},role:"treeitem","aria-expanded":this.hasChildren?this.expanded:void 0,"aria-level":this.level},a(i,{key:"e2b15368569802ffa41f2ef2b6a90226e5eaf6ab",onClick:this.toggleExpanded,onKeyDown:this.onKeyDown,class:t,href:this.href,target:this.target,type:e?void 0:"button",id:this.buttonId,"aria-current":this.active?"page":void 0,"aria-controls":this.hasChildren?this.childrenId:void 0,"aria-expanded":this.hasChildren?this.expanded:void 0},a("span",{key:"3c9e6506c1860d623a3f60af9e08859c49a6e4f3",class:"tree-navigation-item__content"},this.hasCustomIcon&&a("span",{key:"2894d157f21913f24fc828787d01e07f813c2364",class:"tree-navigation-item__icon","aria-hidden":"true",role:"img","aria-label":this.label+" icon"},a("slot",{key:"0d475dc0a593a5ed29fa8202d7bb79ae2fb79d97",name:"custom-icon"})),!this.hasCustomIcon&&this.icon&&a("swirl-icon",{key:"3fa86b006206c8a56a026624b973d08b4a1e88b2",class:"tree-navigation-item__icon",glyph:this.icon,size:20,"aria-hidden":"true",role:"img","aria-label":this.label+" icon"}),a("span",{key:"e72a855e4d905d0e568e19fd62143e564b9ef4ff",class:"tree-navigation-item__label"},a("span",{key:"35c9445284d746e0f3c2eb67df90f9f1337a3ad9",class:"tree-navigation-item__label-text"},this.label),this.expandable&&this.hasChildren&&!this.external&&a("span",{key:"1cb49e75ecfd6df38dba3d4fb7918c5095e8053b",class:"tree-navigation-item__toggle-icon","aria-hidden":"true"},a("swirl-icon-chevron-right",{key:"d81b3d25b9cd305ed0c6459d6175fd5df243b00f",size:16,role:"img","aria-label":"Expand"})),this.external&&a("span",{key:"1a86e2c09dd9eb11840ded72be72856f92aa1477",class:"tree-navigation-item__external-icon","aria-hidden":"true"},a("swirl-icon-open-in-new",{key:"c103feba0c846d54b36773dc39b077cfcea8d18e",size:16,role:"img","aria-label":"External link"}))),this.markAsNew&&a("swirl-tag",{key:"b8a4668e3d59ec9201d02c9cf054f98eed48bb05",class:"tree-navigation-item__is-new-tag",intent:"default",label:this.markAsNewLabel,size:"s",variant:"strong"}))),this.hasChildren&&a("ul",{key:"1d9b2b048af173d71b42d21a38b1b36856e1c696",class:"tree-navigation-item__children",id:this.childrenId,role:"group","aria-label":this.label+" submenu",ref:e=>this.childrenRef=e,style:{height:this.childrenHeight}},a("slot",{key:"744666abe646d0c3c677869bebf824d0ab309ca6"}))))}get el(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}]}}static get style(){return":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-state-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-state-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-state-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8);max-height:var(--s-line-height-sm)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4);opacity:0;transition:opacity 0.3s ease}.tree-navigation-item__link:hover .tree-navigation-item__external-icon,.tree-navigation-item__link:focus-visible .tree-navigation-item__external-icon{opacity:1}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}.tree-navigation-item__is-new-tag{flex-shrink:0}"}},[257,"swirl-tree-navigation-item",{active:[4],href:[1],icon:[1],label:[1],target:[1],markAsNew:[4,"mark-as-new"],markAsNewLabel:[1,"mark-as-new-label"],navigationItemId:[1,"navigation-item-id"],level:[2],expandable:[4],external:[4],expanded:[32],hasChildren:[32],hasCustomIcon:[32],childrenHeight:[32],expand:[64],collapse:[64]},void 0,{expanded:[{handleExpandedChange:0}]}]),v=g,b=function(){"undefined"!=typeof customElements&&["swirl-tree-navigation-item","swirl-icon","swirl-icon-chevron-right","swirl-icon-close","swirl-icon-open-in-new","swirl-tag","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-tree-navigation-item":customElements.get(s(e))||customElements.define(s(e),g);break;case"swirl-icon":customElements.get(s(e))||o();break;case"swirl-icon-chevron-right":customElements.get(s(e))||l();break;case"swirl-icon-close":customElements.get(s(e))||c();break;case"swirl-icon-open-in-new":customElements.get(s(e))||d();break;case"swirl-tag":customElements.get(s(e))||h();break;case"swirl-visually-hidden":customElements.get(s(e))||m()}}))};export{v as SwirlTreeNavigationItem,b as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as i,createEvent as t,h as a,Host as n,transformTag as s}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{d as o}from"./swirl-icon2.js";import{d as l}from"./swirl-icon-chevron-right2.js";import{d as c}from"./swirl-icon-close2.js";import{d as h}from"./swirl-icon-open-in-new2.js";import{d}from"./swirl-tag2.js";import{d as m}from"./swirl-visually-hidden2.js";const g=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.expansionChange=t(this,"expansionChange",7),this.markAsNewLabel="New",this.level=1,this.expandable=!0,this.external=!1,this.expanded=!1,this.hasChildren=!1,this.hasCustomIcon=!1,this.childrenHeight="0",this.buttonId=this.navigationItemId+"-button",this.childrenId=this.navigationItemId+"-children",this.onKeyDown=e=>{switch(e.key){case" ":e.preventDefault(),this.toggleExpanded(e);break;case"ArrowRight":e.preventDefault(),!this.expanded&&this.hasChildren&&this.expand();break;case"ArrowLeft":e.preventDefault(),this.expanded&&this.collapse()}},this.toggleExpanded=e=>{this.expandable&&this.hasChildren&&!this.href&&(e.preventDefault(),e.stopPropagation(),this.expanded?this.collapse():this.expand())}}componentWillLoad(){this.hasCustomIcon=!!this.el.querySelector("[slot='custom-icon']"),this.checkForChildren()}componentDidLoad(){this.hasChildren&&this.expanded&&this.updateChildrenHeight()}updateChildrenHeight(){this.childrenRef&&(this.childrenHeight=this.expanded?this.childrenRef.scrollHeight+"px":"0")}handleExpandedChange(){this.expansionChange.emit(this.expanded),this.updateChildrenHeight()}checkForChildren(){this.hasChildren=!!this.el.querySelector("swirl-tree-navigation-item")}async expand(){!this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!0)}async collapse(){this.expanded&&this.expandable&&this.hasChildren&&(this.expanded=!1)}render(){const e=!!this.href,i=e?"a":"button",t=r("tree-navigation-item__link",{"tree-navigation-item__link--active":this.active,"tree-navigation-item__link--has-icon":this.hasCustomIcon||!!this.icon});return a(n,{key:"ae12066eea1893e770ddcc9f8f63f1e4f7175cd6",role:"none"},a("li",{key:"4ce026671ab97453e9b7cfe8d120d8ef954c0185",class:{"tree-navigation-item":!0,"tree-navigation-item--expanded":this.expanded},role:"treeitem","aria-expanded":this.hasChildren?this.expanded:void 0,"aria-level":this.level},a(i,{key:"e4f2a7710a4116eb6715eaddf11e77adcfb2fad8",onClick:this.toggleExpanded,onKeyDown:this.onKeyDown,class:t,href:this.href,target:this.target,type:e?void 0:"button",id:this.buttonId,"aria-current":this.active?"page":void 0,"aria-controls":this.hasChildren?this.childrenId:void 0,"aria-expanded":this.hasChildren?this.expanded:void 0},a("span",{key:"c057263e79cd3f00f8fe8d6521a5efdfabd13e34",class:"tree-navigation-item__content"},this.hasCustomIcon&&a("span",{key:"e428a60ea66d2d69e3fb93402d2f0fc5fcf91790",class:"tree-navigation-item__icon","aria-hidden":"true",role:"img","aria-label":this.label+" icon"},a("slot",{key:"547ee9606d21055a874fba79741ff8d4f5632280",name:"custom-icon"})),!this.hasCustomIcon&&this.icon&&a("swirl-icon",{key:"a68d2c9c59ed2531fc8fb0d4513e67a1f289cb33",class:"tree-navigation-item__icon",glyph:this.icon,size:20,"aria-hidden":"true",role:"img","aria-label":this.label+" icon"}),a("span",{key:"ec10313097efe76d2af89f8b6997b1f0787453bd",class:"tree-navigation-item__label"},a("span",{key:"cf584f2e7729a37cb6e01bf08aa2040d7ebf8d87",class:"tree-navigation-item__label-text"},this.label),this.expandable&&this.hasChildren&&!this.external&&a("span",{key:"a8a8886ea4e3c0a4347e24930f12b43898be63ed",class:"tree-navigation-item__toggle-icon","aria-hidden":"true"},a("swirl-icon-chevron-right",{key:"bc51167d238bfa01dc400006b16e87b2413b2b8b",size:16,role:"img","aria-label":"Expand"})),this.external&&a("span",{key:"632afe1a77c698db863baafdb5097d44f6b6b384",class:"tree-navigation-item__external-icon","aria-hidden":"true"},a("swirl-icon-open-in-new",{key:"48061d99e640b74771eea4ff2d8b5e3eecc389b5",size:16,role:"img","aria-label":"External link"}))),this.markAsNew&&a("swirl-tag",{key:"2bc6e844a74aa4164a7c60f9d790434899b29177",class:"tree-navigation-item__is-new-tag",intent:"default",label:this.markAsNewLabel,size:"s",variant:"strong"}))),this.hasChildren&&a("ul",{key:"0ef93a4db8a5f47ea3f82f4cc08f27fbe161a8a5",class:"tree-navigation-item__children",id:this.childrenId,role:"group","aria-label":this.label+" submenu",ref:e=>this.childrenRef=e,style:{height:this.childrenHeight}},a("slot",{key:"afd689681f90a711baa46dcfa61ce0d7828c2a60"}))))}get el(){return this}static get watchers(){return{expanded:[{handleExpandedChange:0}]}}static get style(){return":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-state-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-state-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-state-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8);max-height:var(--s-line-height-sm)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4);opacity:0;transition:opacity 0.3s ease}.tree-navigation-item__link:hover .tree-navigation-item__external-icon,.tree-navigation-item__link:focus-visible .tree-navigation-item__external-icon{opacity:1}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}.tree-navigation-item__is-new-tag{flex-shrink:0}"}},[257,"swirl-tree-navigation-item",{active:[4],href:[1],icon:[1],label:[1],target:[1],markAsNew:[4,"mark-as-new"],markAsNewLabel:[1,"mark-as-new-label"],navigationItemId:[1,"navigation-item-id"],level:[2],expandable:[4],external:[4],expanded:[32],hasChildren:[32],hasCustomIcon:[32],childrenHeight:[32],expand:[64],collapse:[64]},void 0,{expanded:[{handleExpandedChange:0}]}]),v=g,f=function(){"undefined"!=typeof customElements&&["swirl-tree-navigation-item","swirl-icon","swirl-icon-chevron-right","swirl-icon-close","swirl-icon-open-in-new","swirl-tag","swirl-visually-hidden"].forEach((e=>{switch(e){case"swirl-tree-navigation-item":customElements.get(s(e))||customElements.define(s(e),g);break;case"swirl-icon":customElements.get(s(e))||o();break;case"swirl-icon-chevron-right":customElements.get(s(e))||l();break;case"swirl-icon-close":customElements.get(s(e))||c();break;case"swirl-icon-open-in-new":customElements.get(s(e))||h();break;case"swirl-tag":customElements.get(s(e))||d();break;case"swirl-visually-hidden":customElements.get(s(e))||m()}}))};export{v as SwirlTreeNavigationItem,f as defineCustomElement}

package/dist/components/swirl-tree-navigation.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as t,h as a,Host as n,transformTag as i}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(n,{key:"6e823c47a5ac1f6713d6fa0eb60618a96b923ebe"},a("ul",{key:"3d0f828afd39aa3a07289cec148a5c92dcfefcee","aria-label":this.label,class:"tree-navigation",role:"tree"},a("slot",{key:"3e91c00d2d2bb5c9ee53b08c78117b70769fd9e1"})))}static get style(){return":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}"}},[257,"swirl-tree-navigation",{label:[1]}]),s=r,o=function(){"undefined"!=typeof customElements&&["swirl-tree-navigation"].forEach((e=>{"swirl-tree-navigation"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))};export{s as SwirlTreeNavigation,o as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as n,transformTag as i}from"@stencil/core/internal/client";const r=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return a(n,{key:"d26a52f23ca3f4f0ddd55e0f556c612a1ee7d138"},a("ul",{key:"c3f3ea11a19ab1a44554cc9b7c9c5e9a1e778954","aria-label":this.label,class:"tree-navigation",role:"tree"},a("slot",{key:"e991c784a7922b62b173f8977dd5b52ccac61a2e"})))}static get style(){return":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}"}},[257,"swirl-tree-navigation",{label:[1]}]),s=r,c=function(){"undefined"!=typeof customElements&&["swirl-tree-navigation"].forEach((e=>{"swirl-tree-navigation"===e&&(customElements.get(i(e))||customElements.define(i(e),r))}))};export{s as SwirlTreeNavigation,c as defineCustomElement}

package/dist/components/swirl-video-thumbnail.js

@@ -1 +1 @@
-import{proxyCustomElement as i,HTMLElement as e,h as t,Host as a,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./swirl-visually-hidden2.js";const s=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.durationLabel="Duration"}render(){return t(a,{key:"81fdfa083bffe9a9f52ad1bf44240b48cc2d5619"},t("button",{key:"2881def21769c7309a2093396ecf9dccc02c42ff","aria-describedby":void 0!==this.duration?"duration":void 0,"aria-label":this.label,class:"video-thumbnail",type:"button"},t("img",{key:"68d795dee7f3f849c3849001f19d366b5e5f80d6",alt:"",class:"video-thumbnail__image",loading:"lazy",src:this.src}),this.duration&&t("span",{key:"a8a583a831bb7679154340db5554f6ee6fb8dcd7",class:"video-thumbnail__duration",id:"duration"},t("swirl-visually-hidden",{key:"a896850934e7482936f9128b843a8fb3ba8e6437"},this.durationLabel),this.duration),t("svg",{key:"7cbf7d82d0ce545216f6490af4d48ef6f1e6d35b",class:"video-thumbnail__play-icon",fill:"none",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"1528b18bf015bf53acb5d0aae552525a2557c84b",d:"M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z",fill:"white","fill-opacity":"0.95"}))))}static get style(){return':host{display:flex;width:100%}:host *{box-sizing:border-box}.video-thumbnail{position:relative;display:inline-flex;width:100%;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;container-type:inline-size;container-name:video-thumbnail}.video-thumbnail:after{position:absolute;background-color:rgba(0, 0, 0, 0.05);content:"";inset:0}.video-thumbnail:focus:not(:focus-visible){outline:none}.video-thumbnail:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.video-thumbnail__image{width:100%}.video-thumbnail__duration{position:absolute;bottom:var(--s-space-8);left:var(--s-space-8);padding:var(--s-space-2) var(--s-space-8);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),     rgba(255, 255, 255, 0.1);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}.video-thumbnail__play-icon{position:absolute;z-index:1;top:50%;left:50%;width:2.5rem;height:2.5rem;transform:translate3d(-50%, -50%, 0)}@container video-thumbnail (min-width: 448px){.video-thumbnail__play-icon{width:3.5rem;height:4.5rem}}'}},[1,"swirl-video-thumbnail",{durationLabel:[1,"duration-label"],duration:[1],label:[1],src:[1]}]),r=s,l=function(){"undefined"!=typeof customElements&&["swirl-video-thumbnail","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-video-thumbnail":customElements.get(n(i))||customElements.define(n(i),s);break;case"swirl-visually-hidden":customElements.get(n(i))||o()}}))};export{r as SwirlVideoThumbnail,l as defineCustomElement}
+import{proxyCustomElement as i,HTMLElement as e,h as t,Host as a,transformTag as n}from"@stencil/core/internal/client";import{d as o}from"./swirl-visually-hidden2.js";const s=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.durationLabel="Duration"}render(){return t(a,{key:"9308737d5d66477814a9586ad56bff198c2b546f"},t("button",{key:"6232379abad878248259edba615859eb298755e1","aria-describedby":void 0!==this.duration?"duration":void 0,"aria-label":this.label,class:"video-thumbnail",type:"button"},t("img",{key:"0001f2461d52b9f32f07d7f3aa42c60a8121aa83",alt:"",class:"video-thumbnail__image",loading:"lazy",src:this.src}),this.duration&&t("span",{key:"3cb900a8647c8de8116521818c37e57a71e421c6",class:"video-thumbnail__duration",id:"duration"},t("swirl-visually-hidden",{key:"0202dd748b177169c6be2e1d45c2080bde336211"},this.durationLabel),this.duration),t("svg",{key:"fa40fbb697f530f42ffd253f2158d013301ba0b7",class:"video-thumbnail__play-icon",fill:"none",viewBox:"0 0 40 40",xmlns:"http://www.w3.org/2000/svg"},t("path",{key:"4fd7634ec533817a30a23be7e6909ad69b67996d",d:"M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z",fill:"white","fill-opacity":"0.95"}))))}static get style(){return':host{display:flex;width:100%}:host *{box-sizing:border-box}.video-thumbnail{position:relative;display:inline-flex;width:100%;margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;container-type:inline-size;container-name:video-thumbnail}.video-thumbnail:after{position:absolute;background-color:rgba(0, 0, 0, 0.05);content:"";inset:0}.video-thumbnail:focus:not(:focus-visible){outline:none}.video-thumbnail:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.video-thumbnail__image{width:100%}.video-thumbnail__duration{position:absolute;bottom:var(--s-space-8);left:var(--s-space-8);padding:var(--s-space-2) var(--s-space-8);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-image);background:linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),     rgba(255, 255, 255, 0.1);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);letter-spacing:var(--s-letter-spacing-tighter)}.video-thumbnail__play-icon{position:absolute;z-index:1;top:50%;left:50%;width:2.5rem;height:2.5rem;transform:translate3d(-50%, -50%, 0)}@container video-thumbnail (min-width: 448px){.video-thumbnail__play-icon{width:3.5rem;height:4.5rem}}'}},[1,"swirl-video-thumbnail",{durationLabel:[1,"duration-label"],duration:[1],label:[1],src:[1]}]),r=s,l=function(){"undefined"!=typeof customElements&&["swirl-video-thumbnail","swirl-visually-hidden"].forEach((i=>{switch(i){case"swirl-video-thumbnail":customElements.get(n(i))||customElements.define(n(i),s);break;case"swirl-visually-hidden":customElements.get(n(i))||o()}}))};export{r as SwirlVideoThumbnail,l as defineCustomElement}

package/dist/components/swirl-visually-hidden2.js

@@ -1 +1 @@
-import{proxyCustomElement as e,HTMLElement as i,h as s,Host as t,transformTag as n}from"@stencil/core/internal/client";const d=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(t,{key:"a8dc5419e5bbe774820f7bd1b3df757ad5aa9a07"},s("slot",{key:"67d95344e9fff544b0c789101b818ed57f4d2b29"}))}static get style(){return".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}"}},[262,"swirl-visually-hidden"]);function l(){"undefined"!=typeof customElements&&["swirl-visually-hidden"].forEach((e=>{"swirl-visually-hidden"===e&&(customElements.get(n(e))||customElements.define(n(e),d))}))}export{d as S,l as d}
+import{proxyCustomElement as e,HTMLElement as i,h as s,Host as t,transformTag as a}from"@stencil/core/internal/client";const n=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost()}render(){return s(t,{key:"68e723ab13d8bfaca5c8e5713f44a90efda599bc"},s("slot",{key:"ab5c0423a94a1482af004c5abcddc832a995ad92"}))}static get style(){return".sc-swirl-visually-hidden-h{position:absolute;display:inline;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;word-wrap:normal;clip:rect(0, 0, 0, 0)}"}},[262,"swirl-visually-hidden"]);function l(){"undefined"!=typeof customElements&&["swirl-visually-hidden"].forEach((e=>{"swirl-visually-hidden"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))}export{n as S,l as d}

package/dist/esm/index-BdGaOt5L.js

@@ -394,6 +394,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-co-present.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-code':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-code.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-column':
                     return import(
                       /* webpackMode: "lazy" */
@@ -1154,6 +1158,150 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-zoom-out.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-absence':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-absence.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-bookmarks':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-bookmarks.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-calendar':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-calendar.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-celebrate':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-celebrate.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-chat-messages':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-chat-messages.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-chat-security':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-chat-security.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-completed-task':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-completed-task.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-construction':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-construction.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-contrast':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-contrast.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-directory':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-directory.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-door':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-door.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-empty-folder':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-empty-folder.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-invites':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-invites.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-invites-declined':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-invites-declined.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-key':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-key.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-keyboard':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-keyboard.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-light':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-light.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-mail':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-mail.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-maintenance':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-maintenance.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-meteor':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-meteor.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-moon':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-moon.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-news':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-news.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-no-notifications':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-no-notifications.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-notification':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-notification.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-paper-roll':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-paper-roll.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-pending':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-pending.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-profile':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-profile.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-root':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-root.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-search':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-search.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-shifts':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-shifts.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-sorry':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-sorry.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-start':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-start.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-tasks':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-tasks.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-warning-sign':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-warning-sign.entry.js').then(processMod, consoleError);
+                case 'swirl-illustration-wave':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-illustration-wave.entry.js').then(processMod, consoleError);
                 case 'swirl-image-grid':
                     return import(
                       /* webpackMode: "lazy" */