@getflip/swirl-components 0.456.3 → 0.457.0

package/dist/components/swirl-tab-bar2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as a,HTMLElement as t,createEvent as r,h as b,Host as i,transformTag as s}from"@stencil/core/internal/client";import{c as e}from"./index2.js";import{o as l}from"./utils.js";const n=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.activateNextTab=r(this,"activateNextTab",7),this.activatePreviousTab=r(this,"activatePreviousTab",7),this.activateTab=r(this,"activateTab",7),this.justify="start",this.tabs=[],this.variant="default",this.onKeyDown=a=>{"ArrowLeft"===a.code?(a.preventDefault(),this.focusAdjacentTab(!0),this.activatePreviousTab.emit()):"ArrowRight"===a.code&&(a.preventDefault(),this.focusAdjacentTab(!1),this.activateNextTab.emit())}}onTabFocus(a){a.target.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}focusAdjacentTab(a){const t=this.getTabs(),r=t.findIndex((a=>"true"===a.ariaSelected));t[l(a?r-1:r+1,t.length)].focus()}getTabs(){return Array.from(this.el.querySelectorAll('[role="tab"]'))}render(){const a=e("tab-bar",`tab-bar--justify-${this.justify}`,{"tab-bar--variant-pill":"pill"===this.variant,"tab-bar--variant-default":"default"===this.variant}),t={paddingInlineEnd:Boolean(this.paddingInlineEnd)?`var(--s-space-${this.paddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.paddingInlineStart)?`var(--s-space-${this.paddingInlineStart})`:void 0,paddingBlockEnd:Boolean(this.paddingBlockEnd)?`var(--s-space-${this.paddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.paddingBlockStart)?`var(--s-space-${this.paddingBlockStart})`:void 0};return b(i,{key:"db2114ddb1acb2a25b954a96d798507ae133ad92"},b("div",{key:"bd66a03fc35dd15dbb939edea8df71387299433b","aria-label":this.label,class:a,onKeyDown:this.onKeyDown,role:this.disableTabSemantics?void 0:"tablist",style:t},this.tabs.map((a=>{const t=e("tab-bar__tab",{"tab-bar__tab--active":a.active,"tab-bar__tab--variant-pill":"pill"===this.variant,"tab-bar__tab--variant-default":"default"===this.variant}),r=e("tab-bar__tab-label",{"tab-bar__tab-label--variant-pill":"pill"===this.variant});return b("button",{"aria-controls":this.disableTabSemantics?void 0:a.id,"aria-selected":this.disableTabSemantics?void 0:a.active?"true":"false",class:t,id:`tab-${a.id}`,key:a.id,onClick:()=>this.activateTab.emit(a.id),onFocus:this.onTabFocus,role:this.disableTabSemantics?void 0:"tab",tabIndex:this.disableTabSemantics?void 0:a.active?0:-1,type:"button"},a.icon&&b("span",{class:"tab-bar__tab-icon",innerHTML:a.icon}),b("span",{class:r},a.label,a.suffix&&b("span",{class:"tab-bar__tab-suffix"},a.suffix)))}))))}get el(){return this}static get style(){return'.sc-swirl-tab-bar-h{display:flex;height:var(--swirl-tab-bar-height)}.sc-swirl-tab-bar-h *.sc-swirl-tab-bar{box-sizing:border-box}.tab-bar.sc-swirl-tab-bar{position:relative;display:flex;overflow-x:auto;width:100%;justify-content:flex-start;scrollbar-width:none}.tab-bar.tab-bar--variant-default.sc-swirl-tab-bar{border-bottom:var(--swirl-tab-bar-border-width) solid       var(--s-border-default)}.tab-bar.tab-bar--variant-pill.sc-swirl-tab-bar{gap:var(--s-space-8)}.tab-bar--justify-evenly.sc-swirl-tab-bar>*.sc-swirl-tab-bar{flex:1}.tab-bar__tab.sc-swirl-tab-bar{position:relative;display:flex;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin:0;justify-content:center;align-items:center;border:none;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-lg);cursor:pointer}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar{padding:var(--s-space-4) var(--s-space-8);color:var(--s-interactive-neutral-default);background-color:transparent}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-default);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):hover .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:not(.tab-bar__tab--active):active .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar:after{position:absolute;bottom:0;left:50%;width:calc(100% - var(--s-space-8));height:0.1875rem;border-radius:0.125rem;background-color:var(--s-border-highlight);content:"";transform:translateX(-50%);pointer-events:none}.tab-bar__tab.tab-bar__tab--variant-default.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-highlight)}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus{outline:none}.tab-bar__tab.tab-bar__tab--variant-default.sc-swirl-tab-bar:focus-visible .tab-bar__tab-label.sc-swirl-tab-bar{border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.125rem var(--s-focus-default)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar{padding:var(--s-space-8) var(--s-space-16);border-radius:var(--s-border-radius-full-round);color:var(--s-text-default);background:var(--s-action-neutral-default);gap:var(--s-space-8)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:hover{background:var(--s-action-neutral-hovered)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:active{background:var(--s-action-neutral-pressed)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar{color:var(--s-text-on-action-primary);background:var(--s-action-primary-default)}.tab-bar__tab.tab-bar__tab--variant-pill.tab-bar__tab--active.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-on-action-primary)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.tab-bar__tab.tab-bar__tab--variant-pill.sc-swirl-tab-bar .tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tab-bar__tab.sc-swirl-tab-bar{padding:calc(var(--s-space-4) + var(--s-space-2)) var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tab-bar__tab-icon.sc-swirl-tab-bar{display:inline-flex}.tab-bar__tab-label.sc-swirl-tab-bar{display:inline-flex;padding:var(--s-space-8) var(--s-space-8);text-align:center;white-space:nowrap;gap:var(--s-space-4)}.tab-bar__tab-label.tab-bar__tab-label--variant-pill.sc-swirl-tab-bar{padding:0}.tab-bar__tab-suffix.sc-swirl-tab-bar{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-normal)}'}},[2,"swirl-tab-bar",{disableTabSemantics:[4,"disable-tab-semantics"],label:[1],justify:[1],paddingBlockEnd:[1,"padding-block-end"],paddingBlockStart:[1,"padding-block-start"],paddingInlineEnd:[1,"padding-inline-end"],paddingInlineStart:[1,"padding-inline-start"],tabs:[16],variant:[1]}]);function o(){"undefined"!=typeof customElements&&["swirl-tab-bar"].forEach((a=>{"swirl-tab-bar"===a&&(customElements.get(s(a))||customElements.define(s(a),n))}))}export{n as S,o as d}

package/dist/components/swirl-tab.js

@@ -1 +1 @@
-import{p as t,H as s,h as e,d as a,t as i}from"./p-BIzYxcO0.js";import{c as b}from"./p-CTIzk_ki.js";const o=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.padding="8"}render(){const t=b("tab",{"tab--active":this.active});return e(a,{key:"f4d0cb346611e07cb2ef60ae2b7b8031bfc0a826","aria-labelledby":"tab-"+this.tabId,id:this.tabId,role:"tabpanel",tabIndex:this.active?0:-1,class:t,style:{padding:`var(--s-space-${this.padding})`}},e("slot",{key:"4182744d410bd7e6a549d83fa61c2b7bcb3d7203"}))}static get style(){return":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}"}},[257,"swirl-tab",{active:[4],icon:[1],label:[1],padding:[1],tabId:[1,"tab-id"]}]),c=o,d=function(){"undefined"!=typeof customElements&&["swirl-tab"].forEach((t=>{"swirl-tab"===t&&(customElements.get(i(t))||customElements.define(i(t),o))}))};export{c as SwirlTab,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,h as s,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as b}from"./index2.js";const n=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.padding="8"}render(){const t=b("tab",{"tab--active":this.active});return s(a,{key:"f4d0cb346611e07cb2ef60ae2b7b8031bfc0a826","aria-labelledby":"tab-"+this.tabId,id:this.tabId,role:"tabpanel",tabIndex:this.active?0:-1,class:t,style:{padding:`var(--s-space-${this.padding})`}},s("slot",{key:"4182744d410bd7e6a549d83fa61c2b7bcb3d7203"}))}static get style(){return":host{display:none;width:100%}:host(.tab--active){display:block}:host *{box-sizing:border-box}"}},[257,"swirl-tab",{active:[4],icon:[1],label:[1],padding:[1],tabId:[1,"tab-id"]}]),c=n,o=function(){"undefined"!=typeof customElements&&["swirl-tab"].forEach((t=>{"swirl-tab"===t&&(customElements.get(i(t))||customElements.define(i(t),n))}))};export{c as SwirlTab,o as defineCustomElement}

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

@@ -1 +1 @@
-import{p as s,H as e,h as t,d as a,t as l}from"./p-BIzYxcO0.js";const o=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow()}render(){return t(a,{key:"49a9f1b7b07b92c2edf621f1adca7984b1c9d12c",class:"table-cell",role:"cell"},t("slot",{key:"15971264057317f4d4bceb5070a28a40b6e8ba3b"}))}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;-webkit-hyphens:auto;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((s=>{"swirl-table-cell"===s&&(customElements.get(l(s))||customElements.define(l(s),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:"49a9f1b7b07b92c2edf621f1adca7984b1c9d12c",class:"table-cell",role:"cell"},t("slot",{key:"15971264057317f4d4bceb5070a28a40b6e8ba3b"}))}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;-webkit-hyphens:auto;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-column.js

@@ -1 +1 @@
-import{p as e,H as s,h as t,d as a,t as i}from"./p-BIzYxcO0.js";import{c as r}from"./p-CTIzk_ki.js";import{l as o}from"./p-DRAQ9S8E.js";import{d as l}from"./p-CeFceB6s.js";import{d as n}from"./p-B4-IcNlg.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.minWidth="fit-content"}componentDidRender(){const e=o(this.el,"swirl-table");e?.rerender()}render(){const e={flex:this.width?"0 0 "+this.width:"",maxWidth:this.maxWidth||"",minWidth:this.minWidth||""},s=this.variant??"default",i=r("table-column",{"table-column--default":"default"===s,"table-column--sunken":"sunken"===s,"table-column--raised":"raised"===s});return t(a,{key:"df43863a76d644f48fa6e00bd11e0baa316f2fe8","aria-sort":this.sort,class:i,role:"columnheader",style:e},t("span",{key:"5e77028dea940f0ee660063b744539f9e3454ff7"},t("slot",{key:"630c2f4c040dbf4cabaf41f4e2460b95ce966f1c"})),this.sortable&&t("span",{key:"fb7e79358cc7c457a5cfdb611e7081dbddafca92",class:"table-column__sort-indicator"},"ascending"===this.sort&&t("swirl-icon-arrow-upward",{key:"7ed07813924118ffb585a1df99dfbc2b8c7f9067","aria-hidden":"true",size:20}),"descending"===this.sort&&t("swirl-icon-arrow-downward",{key:"64eef8c775084dbbf0421960327f4bf0a7246bba","aria-hidden":"true",size:20}),!this.sort&&" "))}get el(){return this}static get style(){return":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host(.table-column--raised){background-color:var(--s-surface-raised-default)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}"}},[257,"swirl-table-column",{variant:[1],sort:[1],sortable:[4],maxWidth:[1,"max-width"],minWidth:[1,"min-width"],sticky:[4],width:[1]}]),c=d,f=function(){"undefined"!=typeof customElements&&["swirl-table-column","swirl-icon-arrow-downward","swirl-icon-arrow-upward"].forEach((e=>{switch(e){case"swirl-table-column":customElements.get(i(e))||customElements.define(i(e),d);break;case"swirl-icon-arrow-downward":customElements.get(i(e))||l();break;case"swirl-icon-arrow-upward":customElements.get(i(e))||n()}}))};export{c as SwirlTableColumn,f as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as s,h as t,Host as a,transformTag as i}from"@stencil/core/internal/client";import{c as r}from"./index2.js";import{l as o}from"./utils.js";import{d as n}from"./swirl-icon-arrow-downward2.js";import{d as l}from"./swirl-icon-arrow-upward2.js";const d=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.variant="default",this.minWidth="fit-content"}componentDidRender(){const e=o(this.el,"swirl-table");e?.rerender()}render(){const e={flex:this.width?"0 0 "+this.width:"",maxWidth:this.maxWidth||"",minWidth:this.minWidth||""},s=this.variant??"default",i=r("table-column",{"table-column--default":"default"===s,"table-column--sunken":"sunken"===s,"table-column--raised":"raised"===s});return t(a,{key:"df43863a76d644f48fa6e00bd11e0baa316f2fe8","aria-sort":this.sort,class:i,role:"columnheader",style:e},t("span",{key:"5e77028dea940f0ee660063b744539f9e3454ff7"},t("slot",{key:"630c2f4c040dbf4cabaf41f4e2460b95ce966f1c"})),this.sortable&&t("span",{key:"fb7e79358cc7c457a5cfdb611e7081dbddafca92",class:"table-column__sort-indicator"},"ascending"===this.sort&&t("swirl-icon-arrow-upward",{key:"7ed07813924118ffb585a1df99dfbc2b8c7f9067","aria-hidden":"true",size:20}),"descending"===this.sort&&t("swirl-icon-arrow-downward",{key:"64eef8c775084dbbf0421960327f4bf0a7246bba","aria-hidden":"true",size:20}),!this.sort&&" "))}get el(){return this}static get style(){return":host{display:flex;overflow:hidden;padding-top:var(--s-space-12);padding-right:var(--s-space-16);padding-bottom:var(--s-space-12);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;letter-spacing:var(--s-letter-spacing-tighter);text-overflow:ellipsis;transition:box-shadow 0.15s;gap:var(--s-space-8)}:host(.table-column--is-sticky){position:sticky;z-index:1}:host(.table-column--is-sticky-right){position:sticky;z-index:1;right:0}:host(.table-column--has-shadow-right){box-shadow:var(--swirl-table-sticky-right-shadow)}:host(.table-column--has-shadow-left){box-shadow:var(--swirl-table-sticky-left-shadow)}:host(.table-column--default){background-color:var(--s-surface-default)}:host(.table-column--sunken){background-color:var(--s-surface-sunken-default)}:host(.table-column--raised){background-color:var(--s-surface-raised-default)}:host *{box-sizing:border-box}.table-column__sort-indicator{display:inline-flex;width:1.25rem;height:1.25rem;flex-grow:0;flex-shrink:0}"}},[257,"swirl-table-column",{variant:[1],sort:[1],sortable:[4],maxWidth:[1,"max-width"],minWidth:[1,"min-width"],sticky:[4],width:[1]}]),c=d,f=function(){"undefined"!=typeof customElements&&["swirl-table-column","swirl-icon-arrow-downward","swirl-icon-arrow-upward"].forEach((e=>{switch(e){case"swirl-table-column":customElements.get(i(e))||customElements.define(i(e),d);break;case"swirl-icon-arrow-downward":customElements.get(i(e))||n();break;case"swirl-icon-arrow-upward":customElements.get(i(e))||l()}}))};export{c as SwirlTableColumn,f as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as s,h as t,d as i,t as o}from"./p-BIzYxcO0.js";import{d as r}from"./p-DWVJBU8l.js";import{d as a}from"./p-afNp4ghl.js";import{d as l}from"./p-BPrIUuuy.js";const n=e(class extends s{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(i,{key:"7cc55b1cf9d7fd1a0c069836266e80d17115d451",class:"table-row-group",role:"rowgroup"},t("div",{key:"c3b38c0c62f4e3a17ea1e2e35f1ede89b4759b70",class:"table-row-group__header-row",role:"row",ref:e=>this.headerRowElement=e},this.collapsible&&t("swirl-button",{key:"483c6365c5ecb35304f888e668bf0bca42dd3e25",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:"00297ac1be663ff719bd0680c9df531600786cdd","aria-rowspan":e,class:"table-row-group__label",role:"rowheader"},this.label,this.tooltip&&t("span",{key:"8927be63f4b95c365d4d7cf08e14d7ddc2c9f197",class:"table-row-group__tooltip"},t("swirl-tooltip",{key:"7f75f00ada972cc5aa61492da53e01af3cf6a6c9",content:this.tooltip,position:"top"},t("swirl-icon-info",{key:"a69ba83d4a7a716ab9698a58d3f6f3dc6ced95bd",size:16,tabIndex:0,class:"table-row-group__tooltip-icon"}))))),t("div",{key:"61c51c1aeac12fbb2e7d5b38a1448cf49cef5d7e",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:"dcd21ea42cf8be621e62f928da4a743e14ce7d7e"})))}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(o(e))||customElements.define(o(e),n);break;case"swirl-button":customElements.get(o(e))||r();break;case"swirl-icon-info":customElements.get(o(e))||a();break;case"swirl-tooltip":customElements.get(o(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:"7cc55b1cf9d7fd1a0c069836266e80d17115d451",class:"table-row-group",role:"rowgroup"},t("div",{key:"c3b38c0c62f4e3a17ea1e2e35f1ede89b4759b70",class:"table-row-group__header-row",role:"row",ref:e=>this.headerRowElement=e},this.collapsible&&t("swirl-button",{key:"483c6365c5ecb35304f888e668bf0bca42dd3e25",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:"00297ac1be663ff719bd0680c9df531600786cdd","aria-rowspan":e,class:"table-row-group__label",role:"rowheader"},this.label,this.tooltip&&t("span",{key:"8927be63f4b95c365d4d7cf08e14d7ddc2c9f197",class:"table-row-group__tooltip"},t("swirl-tooltip",{key:"7f75f00ada972cc5aa61492da53e01af3cf6a6c9",content:this.tooltip,position:"top"},t("swirl-icon-info",{key:"a69ba83d4a7a716ab9698a58d3f6f3dc6ced95bd",size:16,tabIndex:0,class:"table-row-group__tooltip-icon"}))))),t("div",{key:"61c51c1aeac12fbb2e7d5b38a1448cf49cef5d7e",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:"dcd21ea42cf8be621e62f928da4a743e14ce7d7e"})))}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{p as t,H as e,h as o,d as r,t as s}from"./p-BIzYxcO0.js";import{c as l}from"./p-CTIzk_ki.js";import{l as a}from"./p-DRAQ9S8E.js";const i=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}componentDidLoad(){const t=a(this.el,"swirl-table");t?.rerender()}render(){const t=l("table-row",{"table-row--highlighted":this.highlighted});return o(r,{key:"176abe247942e21dbbe04e6b237a0123c4797c6b","aria-rowindex":this.index,class:t,role:"row"},o("slot",{key:"d882d724f3c559aae91e29a9f4ff8ab176ec278d"}))}get el(){return this}static get style(){return":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}: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]}]),d=i,b=function(){"undefined"!=typeof customElements&&["swirl-table-row"].forEach((t=>{"swirl-table-row"===t&&(customElements.get(s(t))||customElements.define(s(t),i))}))};export{d as SwirlTableRow,b 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 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:"176abe247942e21dbbe04e6b237a0123c4797c6b","aria-rowindex":this.index,class:t,role:"row"},o("slot",{key:"d882d724f3c559aae91e29a9f4ff8ab176ec278d"}))}get el(){return this}static get style(){return":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}: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]}]),d=a,n=function(){"undefined"!=typeof customElements&&["swirl-table-row"].forEach((t=>{"swirl-table-row"===t&&(customElements.get(s(t))||customElements.define(s(t),a))}))};export{d as SwirlTableRow,n as defineCustomElement}

package/dist/components/swirl-table.js

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as i,d as a,t as r}from"./p-BIzYxcO0.js";import{g as o,c as l}from"./p-CTIzk_ki.js";import{S as n}from"./p-CMrz6687.js";import{d as h,i as c,q as d}from"./p-DRAQ9S8E.js";import{d as b}from"./p-CLL9tkCx.js";import{d as w}from"./p-g-oCTzqh.js";var p,u,f=o((u||(u=1,p=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=void 0,a=void 0,r=void 0,o=[];return function(){var n=function(t){return"function"==typeof t?t():t}(e),h=(new Date).getTime(),c=!i||h-i>n;i=h;for(var d=arguments.length,b=Array(d),w=0;w<d;w++)b[w]=arguments[w];if(c&&s.leading)return s.accumulate?Promise.resolve(t.call(this,[b])).then((function(t){return t[0]})):Promise.resolve(t.call.apply(t,[this].concat(b)));if(a?clearTimeout(r):a=function(){var t={};return t.promise=new Promise((function(e,s){t.resolve=e,t.reject=s})),t}(),o.push(b),r=setTimeout(l.bind(this),n),s.accumulate){var p=o.length-1;return a.promise.then((function(t){return t[p]}))}return a.promise};function l(){var e=a;clearTimeout(r),Promise.resolve(s.accumulate?t.call(this,o):t.apply(this,o[o.length-1])).then(e.resolve,e.reject),o=[],a=null}}),p));const m={end:"Dropped. Final position in table: {position} of {rowCount}.",initial:"Press space to move the row.",moved:"Current position in table: {position} of {rowCount}.",start:"Row grabbed. Current position in table: {position} of {rowCount}. Press up and down arrow keys to change position, Space to drop."},y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropRow=s(this,"dropRow",7),this.dragDropInstructions=m,this.emptyStateLabel="No results found.",this.liveRegionText="",this.triggerRerender=h((async()=>{await this.updateLayout(),this.updateEmptyState()}),0,!0),this.updateLayout=f((async()=>{this.resetCellStyles(),this.resetColumnStyles(),this.resetEmptyRowStyles(),this.resetRowGroupStyles(),this.layoutEmptyRow(),this.layoutRowGroups(),this.layOutCellsAndColumns(),this.updateScrolledState()}),16,{leading:!0}),this.onScroll=()=>{this.updateScrolledState()},this.onFocus=t=>{if(this.movingViaKeyboard){const t=this.el.querySelector(".table-row--moving");t&&this.focusDragHandleOfRow(t)}const e=!!t.target?.closest(this.dragDropHandle);""===this.liveRegionText&&e&&this.updateLiveRegionText("initial")},this.onBlur=t=>{const e=t.relatedTarget,s=!!e?.closest(this.dragDropHandle);this.el.contains(e)&&s||""!==this.liveRegionText&&this.updateLiveRegionText()},this.onKeyDown=t=>{if(!this.enableDragDrop)return;const e=t.target?.closest("swirl-table-row");t.target?.closest(this.dragDropHandle)&&("Space"===t.code?(t.preventDefault(),t.stopPropagation(),this.toggleKeyboardMove(e)):"ArrowUp"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"up")):"ArrowDown"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"down")):"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.cancelKeyboardMove()))}}async componentDidLoad(){this.setupIntersectionObserver(),this.setupMutationObservers(),queueMicrotask((()=>{this.setupDragDrop()}))}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.columnMutationObserver?.disconnect(),this.rowMutationObserver?.disconnect(),this.sortable?.destroy()}handleEnableDragDropChange(){queueMicrotask((()=>{this.setupDragDrop()}))}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.container)}setupMutationObservers(){this.columnMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length||t.removedNodes.length))&&this.updateLayout()})),this.columnMutationObserver.observe(this.headerEl,{childList:!0,subtree:!0}),this.rowMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length||t.removedNodes.length))&&(this.updateEmptyState(),this.setupDragDrop())})),this.startRowMutationObserver()}startRowMutationObserver(){this.rowMutationObserver?.observe(this.bodyEl,{childList:!0,subtree:!0})}stopRowMutationObserver(){this.rowMutationObserver?.disconnect()}setupDragDrop(){if(this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop){if(this.el.querySelector("swirl-table-row-group"))return void console.warn('[Swirl] Drag & drop is not yet supported for swirl-tables using the "swirl-table-row-group" component.');if(!this.dragDropHandle)return void console.warn('[Swirl] swirl-table required the "dragDropHandle" prop to be set when drag & drop is enabled.');const t=this.el.querySelector('[slot="rows"]');this.dragDropContainer="SWIRL-TABLE-ROW"!==t?.tagName?t??this.bodyEl:this.bodyEl,this.sortable=new n(this.dragDropContainer,{animation:100,direction:"vertical",handle:this.dragDropHandle,fallbackOnBody:!0,group:"swirl-table-"+(""+Math.random()).substring(2),onStart:()=>{this.stopRowMutationObserver()},onEnd:t=>{t.stopPropagation();const{to:e,newIndex:s,oldIndex:i,item:a}=t;this.dropRow.emit({newIndex:s,oldIndex:i,item:a,itemId:a.id??a.querySelector(":scope > swirl-table-row").id,newNextSiblingItemId:s<e.children.length-1?e.children[s+1].id:void 0,newPrevSiblingItemId:s>0?e.children[s-1].id:void 0}),this.startRowMutationObserver()}})}}async onVisibilityChange(t){t.some((t=>t.isIntersecting))&&setTimeout((async()=>{await this.updateLayout()}),100)}async componentDidRender(){await this.updateLayout(),this.updateEmptyState()}async onWindowResize(){await this.updateLayout()}async rerender(){this.triggerRerender()}resetEmptyRowStyles(){const t=this.el.querySelector(".table__empty-row");t&&(t.style.width="")}resetRowGroupStyles(){Array.from(this.el.querySelectorAll("swirl-table-row-group")).forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width="")}))}resetColumnStyles(){this.getColumns().forEach((t=>{t.classList.remove("table-column--has-shadow","table-column--is-sticky","table-column--is-sticky-right"),t.style.right="",t.style.left="",t.style.position="",t.style.zIndex=""}))}resetCellStyles(){this.getCells().forEach((t=>{t.classList.remove("table-cell--has-shadow","table-cell--is-sticky","table-cell--is-sticky-right"),t.style.flex="",t.style.left="",t.style.right="",t.style.position="",t.style.zIndex=""}))}updateScrolledState(){const t=c();if(void 0===this.container)return;const e=this.container.scrollWidth>this.container.clientWidth,s=this.container.scrollLeft>0,i=Math.ceil(this.container.clientWidth+this.container.scrollLeft)>=Math.floor(this.container.scrollWidth);e!==this.scrollable&&(e&&!t?this.container.classList.add("table__container--scrollable"):this.container.classList.remove("table__container--scrollable")),s!==this.scrolled&&(s&&!t?this.container.classList.add("table__container--scrolled"):this.container.classList.remove("table__container--scrolled")),i!==this.scrolledToEnd&&(i&&!t?this.container.classList.add("table__container--scrolled-to-end"):this.container.classList.remove("table__container--scrolled-to-end"))}getColumns(){return Array.from(this.el.querySelectorAll("swirl-table-column"))}getCells(){return Array.from(this.el.querySelectorAll("swirl-table-cell"))}layoutEmptyRow(){const t=this.el.querySelector(".table__empty-row");if(!t)return;const e=this.el.querySelector(".table__container").scrollWidth+"px";t.style.width=e}layoutRowGroups(){const t=Array.from(this.el.querySelectorAll("swirl-table-row-group")),e=this.el.querySelector(".table__container")?.scrollWidth+"px";t.forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width=e)}))}layOutCellsAndColumns(){const t=this.getColumns(),e=this.getCells();t.forEach(((s,i)=>{const a=this.getCellsForColumn(e,t,i),r=this.calculateColumnProperties(s,t,i);a.forEach((t=>this.applyCellStyles(t,s,r))),this.applyColumnStyles(s,r)}))}getCellsForColumn(t,e,s){return t.filter(((t,i)=>(s-i)%e.length==0))}calculateColumnProperties(t,e,s){return{leftOffsetForStickyColumn:t.sticky?this.getLeftOffsetForStickyColumn(e,s):0,columnWidth:t.getBoundingClientRect().width+"px",isLastColumnSticky:t.sticky&&e.length===s+1,hasShadowRight:t.sticky&&!this.hasStickyColumnsToRight(e,s)}}applyCellStyles(t,e,s){const{leftOffsetForStickyColumn:i,columnWidth:a,isLastColumnSticky:r,hasShadowRight:o}=s;t.style.flex=a?"0 0 "+a:"",c()||(e.sticky&&!r&&(t.classList.add("table-cell--is-sticky"),t.style.left=i+"px",o&&t.classList.add("table-cell--has-shadow-right")),r&&t.classList.add("table-cell--is-sticky-right","table-cell--has-shadow-left"))}applyColumnStyles(t,e){if(c())return;const{leftOffsetForStickyColumn:s,isLastColumnSticky:i,hasShadowRight:a}=e;t.sticky&&!i&&(t.classList.add("table-column--is-sticky"),t.style.left=s+"px",a&&t.classList.add("table-column--has-shadow-right")),i&&t.classList.add("table-column--is-sticky-right","table-column--has-shadow-left")}getLeftOffsetForStickyColumn(t,e){return t.slice(0,e).reduce(((t,e)=>{if(e.sticky)return t+e.getBoundingClientRect().width}),0)}hasStickyColumnsToRight(t,e){return t.slice(e+1,t.length-1).some((t=>t.sticky))}updateEmptyState(){const t=this.el.querySelector('[slot="rows"]');this.empty=!t||0===t.children.length}updateLiveRegionText(t,e={}){let s=t?this.dragDropInstructions[t]:"";for(const[t,i]of Object.entries(e??{}))s=s.replaceAll(`{${t}}`,i+"");s!==this.liveRegionText&&(this.liveRegionText=s)}toggleKeyboardMove(t){this.movingViaKeyboard?this.endKeyboardMove(t):this.startKeyboardMove(t)}startKeyboardMove(t){this.movingViaKeyboard=!0,this.positionBeforeKeyboardMove=Array.from(this.dragDropContainer.children).indexOf(t),t.classList.add("table-row--moving"),this.updateLiveRegionText("start",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length})}endKeyboardMove(t){this.movingViaKeyboard=!1,t.classList.remove("table-row--moving"),this.updateLiveRegionText("end",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length}),this.dropRow.emit({item:t,newIndex:Array.from(this.dragDropContainer.children).indexOf(t),oldIndex:this.positionBeforeKeyboardMove,itemId:t.id,newNextSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)<this.dragDropContainer.children.length-1?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)+1].id:void 0,newPrevSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)>0?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)-1].id:void 0}),this.positionBeforeKeyboardMove=void 0}cancelKeyboardMove(){if(!this.movingViaKeyboard)return;const t=this.el.querySelector(".table-row--moving");t&&(t.classList.remove("table-row--moving"),this.movingViaKeyboard=!1,void 0!==this.positionBeforeKeyboardMove&&this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[this.positionBeforeKeyboardMove]))}moveRow(t,e){if(!this.movingViaKeyboard)return;let s;if("up"===e){const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.max(0,e-1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s])}else{const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.min(this.dragDropContainer.children.length-1,e+1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s+1])}this.updateLiveRegionText("moved",{position:s+1,rowCount:this.dragDropContainer.children.length}),this.focusDragHandleOfRow(t)}focusDragHandleOfRow(t){const e=d(t,this.dragDropHandle)?.[0];"BUTTON"===e.tagName?e.focus():e.querySelector("button")?.focus()}render(){const t=!!this.el.querySelector('[slot="empty"]'),e=l("table",{"table--show-empty-state":this.empty&&!this.loading,"table--keyboard-move":this.movingViaKeyboard});return i(a,{key:"6713563d8bcfaecd014d5ccc783fd97c66008012"},i("div",{key:"b168785741aa3560982d535839fa4e6657bfaacc",class:e},this.enableDragDrop&&i("swirl-visually-hidden",{key:"01d848a7a555f0cd59de1379d9144dd77f7978ff"},i("span",{key:"fad5c4258a72b5f4773665d1e49cf0c9cf2425fd","aria-live":"assertive"},this.liveRegionText)),i("div",{key:"cea73b692b544d64c4e1ab794b22cd3c520beecd",class:"table__container",onFocusin:this.onFocus,onFocusout:this.onBlur,onKeyDown:this.onKeyDown,onScroll:this.onScroll,ref:t=>this.container=t,tabIndex:-1},i("div",{key:"9de016213d0eab8abcfebbe4d8c22ff1c5f30c55","aria-describedby":this.caption?"caption":void 0,"aria-label":this.label,role:"table",class:"table__table"},this.caption&&i("swirl-visually-hidden",{key:"37511e129309ffca404a84c85370c8e4269c5d04"},i("div",{key:"8c18e6ab4bc3fc90d2a558039102a2f9af9b206e",id:"caption"},this.caption)),i("div",{key:"a4b7ac36016b3d8823849aa9c1119e623e5d2800",role:"rowgroup"},i("div",{key:"f730d694cbb541c8179101e6f32b6c55f2a2a7bd",class:"table__header",ref:t=>this.headerEl=t,role:"row"},i("slot",{key:"2ba3a5ff89e0285ce5d3525c98013e291459a209",name:"columns"}))),i("div",{key:"ecc5ef81fa7ce92c101de93ec3dcf47db034d0ec",class:"table__body",ref:t=>this.bodyEl=t},i("slot",{key:"13b4e833f51182647ad24e8ac2504a5d0b5ba9fb",name:"rows"}),i("div",{key:"de71a4fe643d1d0f1e79f78a7c829ca74d3715fe",class:"table__empty-row",role:"row"},i("div",{key:"e5c155f50575d93a238e9d628e3500f3eea33b95","aria-colspan":this.getColumns().length,class:"table__empty-row-cell",role:"cell"},i("slot",{key:"168cba4089c52914457c95d2dd6210b1db8a2122",name:"empty"}),!t&&i("swirl-text",{key:"a108652dd9ce24ad2517def4df4c157078a4f01a",align:"center",size:"sm"},this.emptyStateLabel))))))))}get el(){return this}static get watchers(){return{enableDragDrop:[{handleEnableDragDropChange:0}]}}static get style(){return".sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(23, 23, 23, 0.2);position:relative;display:block}.sc-swirl-table-h *.sc-swirl-table{box-sizing:border-box}html.theme-dark.sc-swirl-table-h,html.theme-dark .sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(0, 0, 0, 0.2)}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid       var(--s-border-highlight)}.table--show-empty-state.sc-swirl-table .table__empty-row.sc-swirl-table{display:flex}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px var(--swirl-table-shadow-rgba),     2px 0 4px -2px var(--swirl-table-shadow-rgba)}.table__container--scrollable.sc-swirl-table:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px       var(--swirl-table-shadow-rgba),     0px 1px 4px 0px var(--swirl-table-shadow-rgba)}.table__table.sc-swirl-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>*,.table__header .sc-swirl-table-s>*{display:flex}.table__empty-row.sc-swirl-table{display:none}.table__empty-row-cell.sc-swirl-table{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)}.table__empty-row-cell.sc-swirl-table>*.sc-swirl-table{flex-grow:1}"}},[262,"swirl-table",{caption:[1],dragDropHandle:[1,"drag-drop-handle"],dragDropInstructions:[16],emptyStateLabel:[1,"empty-state-label"],enableDragDrop:[4,"enable-drag-drop"],label:[1],loading:[4],empty:[32],liveRegionText:[32],scrollable:[32],scrolled:[32],scrolledToEnd:[32],rerender:[64]},[[9,"resize","onWindowResize"]],{enableDragDrop:[{handleEnableDragDropChange:0}]}]),g=y,v=function(){"undefined"!=typeof customElements&&["swirl-table","swirl-text","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-table":customElements.get(r(t))||customElements.define(r(t),y);break;case"swirl-text":customElements.get(r(t))||b();break;case"swirl-visually-hidden":customElements.get(r(t))||w()}}))};export{g as SwirlTable,v as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as e,createEvent as s,h as i,Host as a,transformTag as r}from"@stencil/core/internal/client";import{g as o,c as l}from"./index2.js";import{S as n}from"./sortable.esm.js";import{d as h,i as c,q as d}from"./utils.js";import{d as b}from"./swirl-text2.js";import{d as w}from"./swirl-visually-hidden2.js";var u,p,f=o((p||(p=1,u=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=void 0,a=void 0,r=void 0,o=[];return function(){var n=function(t){return"function"==typeof t?t():t}(e),h=(new Date).getTime(),c=!i||h-i>n;i=h;for(var d=arguments.length,b=Array(d),w=0;w<d;w++)b[w]=arguments[w];if(c&&s.leading)return s.accumulate?Promise.resolve(t.call(this,[b])).then((function(t){return t[0]})):Promise.resolve(t.call.apply(t,[this].concat(b)));if(a?clearTimeout(r):a=function(){var t={};return t.promise=new Promise((function(e,s){t.resolve=e,t.reject=s})),t}(),o.push(b),r=setTimeout(l.bind(this),n),s.accumulate){var u=o.length-1;return a.promise.then((function(t){return t[u]}))}return a.promise};function l(){var e=a;clearTimeout(r),Promise.resolve(s.accumulate?t.call(this,o):t.apply(this,o[o.length-1])).then(e.resolve,e.reject),o=[],a=null}}),u));const m={end:"Dropped. Final position in table: {position} of {rowCount}.",initial:"Press space to move the row.",moved:"Current position in table: {position} of {rowCount}.",start:"Row grabbed. Current position in table: {position} of {rowCount}. Press up and down arrow keys to change position, Space to drop."},y=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropRow=s(this,"dropRow",7),this.dragDropInstructions=m,this.emptyStateLabel="No results found.",this.liveRegionText="",this.triggerRerender=h((async()=>{await this.updateLayout(),this.updateEmptyState()}),0,!0),this.updateLayout=f((async()=>{this.resetCellStyles(),this.resetColumnStyles(),this.resetEmptyRowStyles(),this.resetRowGroupStyles(),this.layoutEmptyRow(),this.layoutRowGroups(),this.layOutCellsAndColumns(),this.updateScrolledState()}),16,{leading:!0}),this.onScroll=()=>{this.updateScrolledState()},this.onFocus=t=>{if(this.movingViaKeyboard){const t=this.el.querySelector(".table-row--moving");t&&this.focusDragHandleOfRow(t)}const e=!!t.target?.closest(this.dragDropHandle);""===this.liveRegionText&&e&&this.updateLiveRegionText("initial")},this.onBlur=t=>{const e=t.relatedTarget,s=!!e?.closest(this.dragDropHandle);this.el.contains(e)&&s||""!==this.liveRegionText&&this.updateLiveRegionText()},this.onKeyDown=t=>{if(!this.enableDragDrop)return;const e=t.target?.closest("swirl-table-row");t.target?.closest(this.dragDropHandle)&&("Space"===t.code?(t.preventDefault(),t.stopPropagation(),this.toggleKeyboardMove(e)):"ArrowUp"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"up")):"ArrowDown"===t.code?(t.preventDefault(),t.stopPropagation(),this.moveRow(e,"down")):"Escape"===t.code&&(t.preventDefault(),t.stopPropagation(),this.cancelKeyboardMove()))}}async componentDidLoad(){this.setupIntersectionObserver(),this.setupMutationObservers(),queueMicrotask((()=>{this.setupDragDrop()}))}disconnectedCallback(){this.intersectionObserver?.disconnect(),this.columnMutationObserver?.disconnect(),this.rowMutationObserver?.disconnect(),this.sortable?.destroy()}handleEnableDragDropChange(){queueMicrotask((()=>{this.setupDragDrop()}))}setupIntersectionObserver(){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.container)}setupMutationObservers(){this.columnMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length||t.removedNodes.length))&&this.updateLayout()})),this.columnMutationObserver.observe(this.headerEl,{childList:!0,subtree:!0}),this.rowMutationObserver=new MutationObserver((t=>{t.some((t=>t.addedNodes.length||t.removedNodes.length))&&(this.updateEmptyState(),this.setupDragDrop())})),this.startRowMutationObserver()}startRowMutationObserver(){this.rowMutationObserver?.observe(this.bodyEl,{childList:!0,subtree:!0})}stopRowMutationObserver(){this.rowMutationObserver?.disconnect()}setupDragDrop(){if(this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop){if(this.el.querySelector("swirl-table-row-group"))return void console.warn('[Swirl] Drag & drop is not yet supported for swirl-tables using the "swirl-table-row-group" component.');if(!this.dragDropHandle)return void console.warn('[Swirl] swirl-table required the "dragDropHandle" prop to be set when drag & drop is enabled.');const t=this.el.querySelector('[slot="rows"]');this.dragDropContainer="SWIRL-TABLE-ROW"!==t?.tagName?t??this.bodyEl:this.bodyEl,this.sortable=new n(this.dragDropContainer,{animation:100,direction:"vertical",handle:this.dragDropHandle,fallbackOnBody:!0,group:"swirl-table-"+(""+Math.random()).substring(2),onStart:()=>{this.stopRowMutationObserver()},onEnd:t=>{t.stopPropagation();const{to:e,newIndex:s,oldIndex:i,item:a}=t;this.dropRow.emit({newIndex:s,oldIndex:i,item:a,itemId:a.id??a.querySelector(":scope > swirl-table-row").id,newNextSiblingItemId:s<e.children.length-1?e.children[s+1].id:void 0,newPrevSiblingItemId:s>0?e.children[s-1].id:void 0}),this.startRowMutationObserver()}})}}async onVisibilityChange(t){t.some((t=>t.isIntersecting))&&setTimeout((async()=>{await this.updateLayout()}),100)}async componentDidRender(){await this.updateLayout(),this.updateEmptyState()}async onWindowResize(){await this.updateLayout()}async rerender(){this.triggerRerender()}resetEmptyRowStyles(){const t=this.el.querySelector(".table__empty-row");t&&(t.style.width="")}resetRowGroupStyles(){Array.from(this.el.querySelectorAll("swirl-table-row-group")).forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width="")}))}resetColumnStyles(){this.getColumns().forEach((t=>{t.classList.remove("table-column--has-shadow","table-column--is-sticky","table-column--is-sticky-right"),t.style.right="",t.style.left="",t.style.position="",t.style.zIndex=""}))}resetCellStyles(){this.getCells().forEach((t=>{t.classList.remove("table-cell--has-shadow","table-cell--is-sticky","table-cell--is-sticky-right"),t.style.flex="",t.style.left="",t.style.right="",t.style.position="",t.style.zIndex=""}))}updateScrolledState(){const t=c();if(void 0===this.container)return;const e=this.container.scrollWidth>this.container.clientWidth,s=this.container.scrollLeft>0,i=Math.ceil(this.container.clientWidth+this.container.scrollLeft)>=Math.floor(this.container.scrollWidth);e!==this.scrollable&&(e&&!t?this.container.classList.add("table__container--scrollable"):this.container.classList.remove("table__container--scrollable")),s!==this.scrolled&&(s&&!t?this.container.classList.add("table__container--scrolled"):this.container.classList.remove("table__container--scrolled")),i!==this.scrolledToEnd&&(i&&!t?this.container.classList.add("table__container--scrolled-to-end"):this.container.classList.remove("table__container--scrolled-to-end"))}getColumns(){return Array.from(this.el.querySelectorAll("swirl-table-column"))}getCells(){return Array.from(this.el.querySelectorAll("swirl-table-cell"))}layoutEmptyRow(){const t=this.el.querySelector(".table__empty-row");if(!t)return;const e=this.el.querySelector(".table__container").scrollWidth+"px";t.style.width=e}layoutRowGroups(){const t=Array.from(this.el.querySelectorAll("swirl-table-row-group")),e=this.el.querySelector(".table__container")?.scrollWidth+"px";t.forEach((t=>{t.shadowRoot.querySelector(".table-row-group__header-row")&&(t.shadowRoot.querySelector(".table-row-group__header-row").style.width=e)}))}layOutCellsAndColumns(){const t=this.getColumns(),e=this.getCells();t.forEach(((s,i)=>{const a=this.getCellsForColumn(e,t,i),r=this.calculateColumnProperties(s,t,i);a.forEach((t=>this.applyCellStyles(t,s,r))),this.applyColumnStyles(s,r)}))}getCellsForColumn(t,e,s){return t.filter(((t,i)=>(s-i)%e.length==0))}calculateColumnProperties(t,e,s){return{leftOffsetForStickyColumn:t.sticky?this.getLeftOffsetForStickyColumn(e,s):0,columnWidth:t.getBoundingClientRect().width+"px",isLastColumnSticky:t.sticky&&e.length===s+1,hasShadowRight:t.sticky&&!this.hasStickyColumnsToRight(e,s)}}applyCellStyles(t,e,s){const{leftOffsetForStickyColumn:i,columnWidth:a,isLastColumnSticky:r,hasShadowRight:o}=s;t.style.flex=a?"0 0 "+a:"",c()||(e.sticky&&!r&&(t.classList.add("table-cell--is-sticky"),t.style.left=i+"px",o&&t.classList.add("table-cell--has-shadow-right")),r&&t.classList.add("table-cell--is-sticky-right","table-cell--has-shadow-left"))}applyColumnStyles(t,e){if(c())return;const{leftOffsetForStickyColumn:s,isLastColumnSticky:i,hasShadowRight:a}=e;t.sticky&&!i&&(t.classList.add("table-column--is-sticky"),t.style.left=s+"px",a&&t.classList.add("table-column--has-shadow-right")),i&&t.classList.add("table-column--is-sticky-right","table-column--has-shadow-left")}getLeftOffsetForStickyColumn(t,e){return t.slice(0,e).reduce(((t,e)=>{if(e.sticky)return t+e.getBoundingClientRect().width}),0)}hasStickyColumnsToRight(t,e){return t.slice(e+1,t.length-1).some((t=>t.sticky))}updateEmptyState(){const t=this.el.querySelector('[slot="rows"]');this.empty=!t||0===t.children.length}updateLiveRegionText(t,e={}){let s=t?this.dragDropInstructions[t]:"";for(const[t,i]of Object.entries(e??{}))s=s.replaceAll(`{${t}}`,i+"");s!==this.liveRegionText&&(this.liveRegionText=s)}toggleKeyboardMove(t){this.movingViaKeyboard?this.endKeyboardMove(t):this.startKeyboardMove(t)}startKeyboardMove(t){this.movingViaKeyboard=!0,this.positionBeforeKeyboardMove=Array.from(this.dragDropContainer.children).indexOf(t),t.classList.add("table-row--moving"),this.updateLiveRegionText("start",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length})}endKeyboardMove(t){this.movingViaKeyboard=!1,t.classList.remove("table-row--moving"),this.updateLiveRegionText("end",{position:Array.from(this.dragDropContainer.children).indexOf(t)+1,rowCount:this.dragDropContainer.children.length}),this.dropRow.emit({item:t,newIndex:Array.from(this.dragDropContainer.children).indexOf(t),oldIndex:this.positionBeforeKeyboardMove,itemId:t.id,newNextSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)<this.dragDropContainer.children.length-1?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)+1].id:void 0,newPrevSiblingItemId:Array.from(this.dragDropContainer.children).indexOf(t)>0?this.dragDropContainer.children[Array.from(this.dragDropContainer.children).indexOf(t)-1].id:void 0}),this.positionBeforeKeyboardMove=void 0}cancelKeyboardMove(){if(!this.movingViaKeyboard)return;const t=this.el.querySelector(".table-row--moving");t&&(t.classList.remove("table-row--moving"),this.movingViaKeyboard=!1,void 0!==this.positionBeforeKeyboardMove&&this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[this.positionBeforeKeyboardMove]))}moveRow(t,e){if(!this.movingViaKeyboard)return;let s;if("up"===e){const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.max(0,e-1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s])}else{const e=Array.from(this.dragDropContainer.children).indexOf(t);s=Math.min(this.dragDropContainer.children.length-1,e+1),this.dragDropContainer.insertBefore(t,this.dragDropContainer.children[s+1])}this.updateLiveRegionText("moved",{position:s+1,rowCount:this.dragDropContainer.children.length}),this.focusDragHandleOfRow(t)}focusDragHandleOfRow(t){const e=d(t,this.dragDropHandle)?.[0];"BUTTON"===e.tagName?e.focus():e.querySelector("button")?.focus()}render(){const t=!!this.el.querySelector('[slot="empty"]'),e=l("table",{"table--show-empty-state":this.empty&&!this.loading,"table--keyboard-move":this.movingViaKeyboard});return i(a,{key:"6713563d8bcfaecd014d5ccc783fd97c66008012"},i("div",{key:"b168785741aa3560982d535839fa4e6657bfaacc",class:e},this.enableDragDrop&&i("swirl-visually-hidden",{key:"01d848a7a555f0cd59de1379d9144dd77f7978ff"},i("span",{key:"fad5c4258a72b5f4773665d1e49cf0c9cf2425fd","aria-live":"assertive"},this.liveRegionText)),i("div",{key:"cea73b692b544d64c4e1ab794b22cd3c520beecd",class:"table__container",onFocusin:this.onFocus,onFocusout:this.onBlur,onKeyDown:this.onKeyDown,onScroll:this.onScroll,ref:t=>this.container=t,tabIndex:-1},i("div",{key:"9de016213d0eab8abcfebbe4d8c22ff1c5f30c55","aria-describedby":this.caption?"caption":void 0,"aria-label":this.label,role:"table",class:"table__table"},this.caption&&i("swirl-visually-hidden",{key:"37511e129309ffca404a84c85370c8e4269c5d04"},i("div",{key:"8c18e6ab4bc3fc90d2a558039102a2f9af9b206e",id:"caption"},this.caption)),i("div",{key:"a4b7ac36016b3d8823849aa9c1119e623e5d2800",role:"rowgroup"},i("div",{key:"f730d694cbb541c8179101e6f32b6c55f2a2a7bd",class:"table__header",ref:t=>this.headerEl=t,role:"row"},i("slot",{key:"2ba3a5ff89e0285ce5d3525c98013e291459a209",name:"columns"}))),i("div",{key:"ecc5ef81fa7ce92c101de93ec3dcf47db034d0ec",class:"table__body",ref:t=>this.bodyEl=t},i("slot",{key:"13b4e833f51182647ad24e8ac2504a5d0b5ba9fb",name:"rows"}),i("div",{key:"de71a4fe643d1d0f1e79f78a7c829ca74d3715fe",class:"table__empty-row",role:"row"},i("div",{key:"e5c155f50575d93a238e9d628e3500f3eea33b95","aria-colspan":this.getColumns().length,class:"table__empty-row-cell",role:"cell"},i("slot",{key:"168cba4089c52914457c95d2dd6210b1db8a2122",name:"empty"}),!t&&i("swirl-text",{key:"a108652dd9ce24ad2517def4df4c157078a4f01a",align:"center",size:"sm"},this.emptyStateLabel))))))))}get el(){return this}static get watchers(){return{enableDragDrop:[{handleEnableDragDropChange:0}]}}static get style(){return".sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(23, 23, 23, 0.2);position:relative;display:block}.sc-swirl-table-h *.sc-swirl-table{box-sizing:border-box}html.theme-dark.sc-swirl-table-h,html.theme-dark .sc-swirl-table-h{--swirl-table-shadow-rgba:rgba(0, 0, 0, 0.2)}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid       var(--s-border-highlight)}.table--show-empty-state.sc-swirl-table .table__empty-row.sc-swirl-table{display:flex}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px var(--swirl-table-shadow-rgba),     2px 0 4px -2px var(--swirl-table-shadow-rgba)}.table__container--scrollable.sc-swirl-table:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px       var(--swirl-table-shadow-rgba),     0px 1px 4px 0px var(--swirl-table-shadow-rgba)}.table__table.sc-swirl-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>*,.table__header .sc-swirl-table-s>*{display:flex}.table__empty-row.sc-swirl-table{display:none}.table__empty-row-cell.sc-swirl-table{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)}.table__empty-row-cell.sc-swirl-table>*.sc-swirl-table{flex-grow:1}"}},[262,"swirl-table",{caption:[1],dragDropHandle:[1,"drag-drop-handle"],dragDropInstructions:[16],emptyStateLabel:[1,"empty-state-label"],enableDragDrop:[4,"enable-drag-drop"],label:[1],loading:[4],empty:[32],liveRegionText:[32],scrollable:[32],scrolled:[32],scrolledToEnd:[32],rerender:[64]},[[9,"resize","onWindowResize"]],{enableDragDrop:[{handleEnableDragDropChange:0}]}]),g=y,v=function(){"undefined"!=typeof customElements&&["swirl-table","swirl-text","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-table":customElements.get(r(t))||customElements.define(r(t),y);break;case"swirl-text":customElements.get(r(t))||b();break;case"swirl-visually-hidden":customElements.get(r(t))||w()}}))};export{g as SwirlTable,v as defineCustomElement}

package/dist/components/swirl-tabs.js

@@ -1 +1 @@
-import{p as t,H as a,c as i,h as s,d as e,t as b}from"./p-BIzYxcO0.js";import{o as r}from"./p-DRAQ9S8E.js";import{d as n}from"./p-BNVjmTgJ.js";const h=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabActivated=i(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 a=this.tabs.find((a=>a.tabId===t));a&&(a.active=!0,this.tabActivated.emit(a),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),a=r(t+1,this.tabs.length);this.activateTab(this.tabs[a].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),a=r(t-1,this.tabs.length);this.activateTab(this.tabs[a].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=>({icon:t.icon,id:t.tabId,label:t.label,active:this.activeTab===t.tabId})))}render(){return s(e,{key:"3c69bacc381913038ae39788bd65279ae3b05f99"},s("div",{key:"8b55e1b9b78f29b93d1ce75b734dd1548dc12d06",class:"tabs"},s("swirl-tab-bar",{key:"440a595970ac38aae0982224c3fe9f43cb75a323",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:"0877159e63c802bad45f93016ff7247878578100"}))}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]}]),c=h,d=function(){"undefined"!=typeof customElements&&["swirl-tabs","swirl-tab-bar"].forEach((t=>{switch(t){case"swirl-tabs":customElements.get(b(t))||customElements.define(b(t),h);break;case"swirl-tab-bar":customElements.get(b(t))||n()}}))};export{c as SwirlTabs,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as a,createEvent as i,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";const h=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabActivated=i(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 a=this.tabs.find((a=>a.tabId===t));a&&(a.active=!0,this.tabActivated.emit(a),this.updateTabBarTabs())}activateNextTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),a=r(t+1,this.tabs.length);this.activateTab(this.tabs[a].tabId),requestAnimationFrame((()=>{this.el.querySelector(".tabs__tab--active")?.focus()}))}activatePreviousTab(){const t=this.tabs.findIndex((t=>t.tabId===this.activeTab)),a=r(t-1,this.tabs.length);this.activateTab(this.tabs[a].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=>({icon:t.icon,id:t.tabId,label:t.label,active:this.activeTab===t.tabId})))}render(){return s(e,{key:"3c69bacc381913038ae39788bd65279ae3b05f99"},s("div",{key:"8b55e1b9b78f29b93d1ce75b734dd1548dc12d06",class:"tabs"},s("swirl-tab-bar",{key:"440a595970ac38aae0982224c3fe9f43cb75a323",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:"0877159e63c802bad45f93016ff7247878578100"}))}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]}]),c=h,d=function(){"undefined"!=typeof customElements&&["swirl-tabs","swirl-tab-bar"].forEach((t=>{switch(t){case"swirl-tabs":customElements.get(b(t))||customElements.define(b(t),h);break;case"swirl-tab-bar":customElements.get(b(t))||n()}}))};export{c as SwirlTabs,d as defineCustomElement}

package/dist/components/swirl-tag.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-D4WZ6faV.js";const a=o,p=s;export{a as SwirlTag,p as defineCustomElement}
+import{S as s,d as o}from"./swirl-tag2.js";const r=s,t=o;export{r as SwirlTag,t as defineCustomElement}

package/dist/components/swirl-tag2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as a,createEvent as r,h as e,Host as o,transformTag as n}from"@stencil/core/internal/client";import{c as s}from"./index2.js";import{d as i}from"./swirl-icon-close2.js";import{d as c}from"./swirl-visually-hidden2.js";const l=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.removeTag=r(this,"remove",7),this.iconPosition="start",this.intent="default",this.size="m",this.removalButtonLabel="Remove",this.variant="default",this.onRemove=t=>{this.removeTag?.emit(t)}}componentDidLoad(){this.forceIconProps()}componentWillLoad(){this.forceVariant()}componentDidRender(){this.forceIconProps()}forceIconProps(){const t=this.iconEl?.children[0];t?.setAttribute("size","16")}forceVariant(){Boolean(this.bordered)&&(console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'),this.variant="outline")}render(){const t=s("tag",`tag--icon-position-${this.iconPosition}`,`tag--intent-${this.intent}`,`tag--size-${this.size}`,`tag--variant-${this.variant}`,{"tag--hide-label":this.hideLabel});return e(o,{key:"1761004fec8f52ef477c14dfb032db0cb4a2cae2"},e("span",{key:"1531d418beb787bf5a85b32bf10017d24fe458b7",class:t,part:"tag"},this.icon&&e("span",{key:"95db9c8289b2e770af02cc6eeb370a002b2bd7b1",class:"tag__icon",innerHTML:this.icon,ref:t=>this.iconEl=t}),this.hideLabel?e("swirl-visually-hidden",null,this.label):e("span",{class:"tag__label"},this.label),this.removable&&e("button",{key:"1b99be433002b0a62f07b93ff6dd6e95fafef4c9","aria-label":this.removalButtonLabel,class:"tag__removal-button",onClick:this.onRemove,tabIndex:"true"===this.el.ariaHidden?-1:void 0,type:"button"},e("swirl-icon-close",{key:"2afaee043cd6b5ce579a3aa675beb5dba764539a",size:16}))))}get el(){return this}static get style(){return":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;border-style:solid;border-width:var(--s-border-width-default);border-color:transparent}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-s.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-2))}.tag--size-s .tag__icon{margin-left:calc(-1 * var(--s-space-2))}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);order:2}.tag--hide-label{padding-right:0;padding-left:0}.tag--hide-label.tag--size-s .tag__icon{margin-right:0;margin-left:0}.tag--hide-label .tag__icon{margin-right:var(--s-space-2);margin-left:var(--s-space-2)}.tag--variant-outline{border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-status);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-status)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-right:var(--s-space-4);margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));margin-left:var(--s-space-4);padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}"}},[1,"swirl-tag",{hideLabel:[4,"hide-label"],icon:[1],iconPosition:[1,"icon-position"],intent:[1],label:[1],removable:[4],bordered:[4],size:[1],removalButtonLabel:[1,"removal-button-label"],variant:[1025]}]);function g(){"undefined"!=typeof customElements&&["swirl-tag","swirl-icon-close","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-tag":customElements.get(n(t))||customElements.define(n(t),l);break;case"swirl-icon-close":customElements.get(n(t))||i();break;case"swirl-visually-hidden":customElements.get(n(t))||c()}}))}export{l as S,g as d}

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

@@ -1 +1 @@
-import{S as o,d as r}from"./p-BTRrW2qG.js";const s=o,p=r;export{s as SwirlTextInput,p as defineCustomElement}
+import{S as t,d as s}from"./swirl-text-input2.js";const o=t,r=s;export{o as SwirlTextInput,r as defineCustomElement}

package/dist/components/swirl-text-input2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as n,transformTag as r}from"@stencil/core/internal/client";import{c as a}from"./index2.js";import{D as o}from"./media-query.service.js";import{d as l}from"./swirl-icon-cancel2.js";import{d as p}from"./swirl-icon-expand-less2.js";import{d as u}from"./swirl-icon-expand-more2.js";import{d as c}from"./swirl-icon-visibility2.js";import{d as h}from"./swirl-icon-visibility-off2.js";import{d}from"./swirl-visually-hidden2.js";const x=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.clear=e(this,"clear",7),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.valueChange=e(this,"valueChange",7),this.autoComplete="on",this.characterCounterLabel="Used characters",this.clearButtonLabel="Clear input",this.fontSize="default",this.passwordToggleLabel="Toggle password display",this.rows=1,this.type="text",this.iconSize=24,this.showPassword=!1,this.mediaQueryUnsubscribe=()=>{},this.handleClearClick=()=>{this.inputEl.value="",this.value="",this.valueChange.emit(""),this.inputEl.focus(),this.clear.emit()},this.onChange=t=>{this.value=t.target.value},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)},this.onKeyPress=t=>{"number"===this.type&&["+","-","e"].includes(t.key)&&t.preventDefault()},this.decreaseValue=()=>{if("number"!==this.type)return;const t=this.step||1;let i=this.inputEl.valueAsNumber;isNaN(this.inputEl.valueAsNumber)&&(i=void 0!==this.min?this.min+1:1),this.value=String(Math.max(this.min||-1/0,i-t)),this.valueChange.emit(this.value)},this.increaseValue=()=>{if("number"!==this.type)return;const t=this.step||1;let i=this.inputEl.valueAsNumber;isNaN(this.inputEl.valueAsNumber)&&(i=void 0!==this.min?this.min-1:-1),this.value=String(Math.min(this.max||1/0,i+t)),this.valueChange.emit(this.value)},this.togglePassword=()=>{"password"===this.type&&(this.showPassword=!this.showPassword)}}componentDidLoad(){this.mediaQueryUnsubscribe=o.subscribe((t=>{this.updateIconSize(t)})),this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}componentDidRender(){this.adjustInputSize()}disconnectedCallback(){this.mediaQueryUnsubscribe()}async blurInput(){this.inputEl.blur()}async focusInput(){this.inputEl.focus()}watchValue(t,i){t!==i&&this.valueChange.emit(t)}updateIconSize(t){this.iconSize=t?20:24}adjustInputSize(){(this.rows>1||this.autoGrow)&&(this.inputEl.style.width="",this.inputEl.style.height="",this.inputEl.style.height=Boolean(this.inputEl.scrollHeight)?this.inputEl.scrollHeight/16+"rem":""),1!==this.rows||this.autoGrow||(this.inputEl.style.height="",this.inputEl.style.width="",!this.suffixLabel||"password"===this.type||this.disableDynamicWidth||Boolean(this.placeholder)||(this.inputEl.style.width=this.inputEl.scrollWidth/16+"rem"))}handleAutoSelect(t){(this.autoSelect||this.readonly)&&t.target.select()}render(){const t=1!==this.rows||this.autoGrow?"textarea":"input",i=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,e="number"===this.type&&!this.disabled&&!this.readonly,r="password"===this.type&&!this.disabled,o=this.clearable&&!this.disabled&&!this.readonly&&Boolean(this.value)&&!r&&!e,l=this.value?.length??0,p=this.showCharacterCounter&&(!this.showCharacterCounterNearLimit||l>=.8*this.maxLength),u="password"===this.type&&this.showPassword?"text":this.type,c=a("text-input",`text-input--font-size-${this.fontSize}`,`text-input--type-${this.type}`,{"text-input--auto-grow":this.autoGrow,"text-input--clearable":o,"text-input--disable-dynamic-width":this.disableDynamicWidth||Boolean(this.placeholder),"text-input--has-suffix":Boolean(this.suffixLabel),"text-input--inline":this.inline,"text-input--show-password":"password"===this.type&&this.showPassword});return s(n,{key:"b983374514faff49d73464d45b492c0bef4bb1bf"},s("div",{key:"3a717a0f3500e1e54dfc8d15e681a3947cbf98b7",class:c},this.prefixLabel&&s("span",{key:"2f783b20877d4adb17d433c976f2efbd237822ba",class:"text-input__prefix"},this.prefixLabel),s(t,{key:"8b3a0e2eae7a70467dbfb44a6b7ad524ef9358fe","aria-autocomplete":this.swirlAriaAutocomplete,"aria-controls":this.swirlAriaControls,"aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.swirlAriaExpanded,"aria-invalid":i,autoComplete:this.autoComplete,autoFocus:this.autoFocus,class:"text-input__input",disabled:this.disabled,inputMode:this.mode,maxLength:this.maxLength,max:"number"===this.type?this.max:void 0,min:"number"===this.type?this.min:void 0,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,onKeyPress:this.onKeyPress,placeholder:Boolean(this.suffixLabel)?void 0:this.placeholder,ref:t=>this.inputEl=t,required:this.required,role:this.swirlRole,name:this.inputName,rows:this.rows>1?this.rows:this.autoGrow?1:void 0,spellcheck:this.spellCheck,step:"number"===this.type?this.step:void 0,type:u,value:this.value,readonly:this.readonly},this.rows>1&&this.value),this.suffixLabel&&s("span",{key:"28790cdad673a9b53833f5e8ca08d006b9292084",class:"text-input__suffix"},this.suffixLabel),o&&s("button",{key:"0a8c28137dc9b8921cdd49889a4573c7640a260f","aria-label":this.clearButtonLabel,class:"text-input__clear-button",onClick:this.handleClearClick,part:"text-input__clear-button",type:"button"},s("swirl-icon-cancel",{key:"39b0f79da29cda182c6e7e0d09603934d736931b",size:this.iconSize})),r&&s("button",{key:"5df0de39b1cce107ffd630e8d638d75acd063411","aria-label":this.passwordToggleLabel,class:"text-input__password-toggle",onClick:this.togglePassword,type:"button"},s(this.showPassword?"swirl-icon-visibility-off":"swirl-icon-visibility",{size:this.iconSize})),e&&s("span",{key:"ea322db1998b53677d80111d31d229c127dec3eb",class:"text-input__stepper"},s("button",{key:"84086fd4778b7ecad6544fbf01e167c3bba530bc","aria-hidden":"true",class:"text-input__step-button",onClick:this.increaseValue,tabIndex:-1,type:"button"},s("swirl-icon-expand-less",{key:"0572fcbbd41943dec1cc3d005aedb71a123c5186",size:this.iconSize})),s("button",{key:"07d8c5edf31cecef0ba0f8bf816dc892f33f98ab","aria-hidden":"true",class:"text-input__step-button",onClick:this.decreaseValue,tabIndex:-1,type:"button"},s("swirl-icon-expand-more",{key:"911ce89cbc0b32b42843c01465cd90a272a81581",size:this.iconSize}))),p&&s("span",{key:"bcdb1c0f333aa0a077fce0eb853bb681a9e41776",class:"text-input__character-counter","aria-live":"polite"},s("swirl-visually-hidden",{key:"6b0d36fa4c8ed1188a2664e55c06f0e19d134d5b"},this.characterCounterLabel),l," ",Boolean(this.maxLength)?`/ ${this.maxLength}`:"")))}static get watchers(){return{value:[{watchValue:0}]}}static get style(){return'.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--clearable.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-subdued);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-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;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}'}},[2,"swirl-text-input",{autoComplete:[1,"auto-complete"],autoFocus:[4,"auto-focus"],autoGrow:[4,"auto-grow"],autoSelect:[4,"auto-select"],characterCounterLabel:[1,"character-counter-label"],clearable:[4],clearButtonLabel:[1,"clear-button-label"],disabled:[4],disableDynamicWidth:[4,"disable-dynamic-width"],fontSize:[1,"font-size"],inline:[4],invalid:[4],maxLength:[2,"max-length"],max:[2],min:[2],mode:[1],inputName:[1,"input-name"],passwordToggleLabel:[1,"password-toggle-label"],placeholder:[1],prefixLabel:[1,"prefix-label"],required:[4],rows:[2],showCharacterCounter:[4,"show-character-counter"],showCharacterCounterNearLimit:[4,"show-character-counter-near-limit"],spellCheck:[4,"spell-check"],suffixLabel:[1,"suffix-label"],step:[2],swirlAriaAutocomplete:[1,"swirl-aria-autocomplete"],swirlAriaControls:[1,"swirl-aria-controls"],swirlAriaDescribedby:[1,"swirl-aria-describedby"],swirlAriaExpanded:[1,"swirl-aria-expanded"],swirlRole:[1,"swirl-role"],type:[1],value:[1537],readonly:[4],iconSize:[32],showPassword:[32],blurInput:[64],focusInput:[64]},void 0,{value:[{watchValue:0}]}]);function w(){"undefined"!=typeof customElements&&["swirl-text-input","swirl-icon-cancel","swirl-icon-expand-less","swirl-icon-expand-more","swirl-icon-visibility","swirl-icon-visibility-off","swirl-visually-hidden"].forEach((t=>{switch(t){case"swirl-text-input":customElements.get(r(t))||customElements.define(r(t),x);break;case"swirl-icon-cancel":customElements.get(r(t))||l();break;case"swirl-icon-expand-less":customElements.get(r(t))||p();break;case"swirl-icon-expand-more":customElements.get(r(t))||u();break;case"swirl-icon-visibility":customElements.get(r(t))||c();break;case"swirl-icon-visibility-off":customElements.get(r(t))||h();break;case"swirl-visually-hidden":customElements.get(r(t))||d()}}))}export{x as S,w as d}

package/dist/components/swirl-text.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-CLL9tkCx.js";const t=o,p=s;export{t as SwirlText,p as defineCustomElement}
+import{S as s,d as t}from"./swirl-text2.js";const o=s,r=t;export{o as SwirlText,r as defineCustomElement}

package/dist/components/{p-CLL9tkCx.js → swirl-text2.js}

@@ -1,4 +1,4 @@
-import{p as t,H as e,h as i,d as n,t as s}from"./p-BIzYxcO0.js";import{g as o,c as r}from"./p-CTIzk_ki.js";var a,l,c,h={exports:{}},x=(a||(a=1,l=h.exports,c=()=>{let t,e,i;const n={sel:[],el:[]};let s=!1,o=!1;function r(){}function a(t,e){Array.prototype.forEach.call(t,e)}function l(){this.reset()}function c(t){return e.some((e=>e.start<t&&t<e.end))}function h(t,n){if(t.nodeType===t.ELEMENT_NODE)if("nowrap"===window.getComputedStyle(t).whiteSpace){const n=t.outerHTML.length;e.push({start:i,end:i+n}),i+=n}else a(t.childNodes,(t=>{h(t,!0)})),n&&(i+=t.outerHTML.length-t.innerHTML.length);else i+=t.nodeType===t.COMMENT_NODE?t.length+7:t.nodeType===t.PROCESSING_INSTRUCTION_NODE?t.length+2:t.length}function x(t,n,s){if(0===s)t.style.whiteSpace=n,i=0,e=[],h(t,!1),t.style.whiteSpace="nowrap";else{const t=[];e.forEach((e=>{e.start>s&&t.push({start:e.start-s,end:e.end-s})})),e=t}}function f(t,e,i){const n=(e=e.trim()).split(" ").length;if(e=`${e} `,n<2)return e;const s=document.createElement("span");s.innerHTML=e,t.appendChild(s);const o=s.offsetWidth;s.parentNode.removeChild(s);const r=Math.floor((i-o)/(n-1));s.style.wordSpacing=`${r}px`,s.setAttribute("data-owner","balance-text-justify");const a=document.createElement("div");return a.appendChild(s),a.innerHTML}function d(e,i){const n=/([^\S\u00a0]|-|\u2014|\u2013|\u00ad)(?![^<]*>)/g;let s;if(!t)for(t=[],s=n.exec(e);null!==s;)c(s.index)||t.push(s.index),s=n.exec(e);return-1!==t.indexOf(i)}function u(t,e){return 0===e||e===t.length||d(t,e-1)&&!d(t,e)}function w(t,e,i,n,s,o,r){let a;if(e&&"string"==typeof e)for(;;){for(;!u(e,o);)o+=s;if(t.innerHTML=e.substr(0,o),a=t.offsetWidth,s<0){if(a<=n||a<=0||0===o)break}else if(n<=a||i<=a||o===e.length)break;o+=s}r.index=o,r.width=a}function g(t){return t?"string"==typeof t?document.querySelectorAll(t):t.tagName&&t.querySelectorAll?[t]:t:[]}function v(e){a(g(e),(e=>{!function(t){let e=t.querySelectorAll('br[data-owner="balance-text-hyphen"]');a(e,(t=>{t.outerHTML=""})),e=t.querySelectorAll('br[data-owner="balance-text"]'),a(e,(t=>{t.outerHTML=" "}));let i=t.querySelectorAll('span[data-owner="balance-text-softhyphen"]');if(i.length>0&&a(i,(t=>{const e=document.createTextNode("­");t.parentNode.insertBefore(e,t),t.parentNode.removeChild(t)})),i=t.querySelectorAll('span[data-owner="balance-text-justify"]'),i.length>0){let e="";a(i,(t=>{e+=t.textContent,t.parentNode.removeChild(t)})),t.innerHTML=e}}(e);const i=e.style.whiteSpace,n=e.style.float,s=e.style.display,o=e.style.position,r=e.style.lineHeight;e.style.lineHeight="normal";const c=e.offsetWidth,h=e.offsetHeight;e.style.whiteSpace="nowrap",e.style.float="none",e.style.display="inline",e.style.position="static";let d=e.offsetWidth;const u=e.offsetHeight,g="pre-wrap"===i?0:function(t,e){const i=document.createElement("div");i.style.display="block",i.style.position="absolute",i.style.bottom=0,i.style.right=0,i.style.width=0,i.style.height=0,i.style.margin=0,i.style.padding=0,i.style.visibility="hidden",i.style.overflow="hidden";const n=document.createElement("span");n.style.fontSize="2000px",n.innerHTML="&nbsp;",i.appendChild(n),t.appendChild(i);const s=n.getBoundingClientRect();return i.parentNode.removeChild(i),e/(s.height/s.width)}(e,u);if(c>0&&d>c&&d<5e3){let n=e.innerHTML,s="",o="";const r=function(t){return"justify"===(t.currentStyle||window.getComputedStyle(t,null)).textAlign}(e);let a,v,m,p,b,y,z,$=Math.round(h/u),k=0;for(;$>1;)t=null,x(e,i,k),a=Math.round((d+g)/$-g),v=Math.round((n.length+1)/$)-1,m=new l,w(e,n,c,a,-1,v,m),p=new l,v=m.index,w(e,n,c,a,1,v,p),m.reset(),v=p.index,w(e,n,c,a,-1,v,m),b=0===m.index?p.index:c<p.width||m.index===p.index||Math.abs(a-m.width)<Math.abs(p.width-a)?m.index:p.index,o=n.substr(0,b).replace(/\s$/,""),z=Boolean(o.match(/\u00ad$/)),z&&(o=o.replace(/\u00ad$/,'<span data-owner="balance-text-softhyphen">-</span>')),r?s+=f(e,o,c):(s+=o,y=z||Boolean(o.match(/(-|\u2014|\u2013)$/)),s+=y?'<br data-owner="balance-text-hyphen" />':'<br data-owner="balance-text" aria-hidden="true" />'),n=n.substr(b),k=b,$--,e.innerHTML=n,d=e.offsetWidth;e.innerHTML=r?s+f(e,n,c):s+n}e.style.whiteSpace=i,e.style.float=n,e.style.display=s,e.style.position=o,e.style.lineHeight=r}))}function m(){const t=g(n.sel.join(","));v(Array.prototype.concat.apply(n.el,t))}function p(){var t;s||(t=m,"loading"!==document.readyState?t():document.addEventListener?document.addEventListener("DOMContentLoaded",t):document.attachEvent("onreadystatechange",(()=>{"loading"!==document.readyState&&t()})),window.addEventListener("load",m),window.addEventListener("resize",function(t,e,i,...n){let s;return function(){const e=this;s&&clearTimeout(s),s=setTimeout((function(){t.apply(e,n),s=null}),100)}}(m)),s=!0)}function b(t,e){t?e&&!0===e.watch?function(t){"string"==typeof t?n.sel.push(t):a(g(t),(t=>{n.el.push(t)})),p(),m()}(t):e&&!1===e.watch?function(t){"string"==typeof t?n.sel=n.sel.filter((e=>e!==t)):(t=g(t),n.el=n.el.filter((e=>-1===t.indexOf(e))))}(t):v(t):o||(n.sel.push(".balance-text"),p(),o=!0)}return l.prototype.reset=function(){this.index=0,this.width=0},b.updateWatched=m,function(){if("undefined"==typeof window)return!1;const{style:t}=document.documentElement;return t.textWrap||t.WebkitTextWrap||t.MozTextWrap||t.MsTextWrap}()?(r.updateWatched=r,r):b},h.exports?h.exports=c():l.balanceText=c()),h.exports),f=o(x);
+import{proxyCustomElement as t,HTMLElement as e,h as i,Host as n,transformTag as s}from"@stencil/core/internal/client";import{g as o,c as r}from"./index2.js";var a,l,c,h={exports:{}},x=(a||(a=1,l=h.exports,c=()=>{let t,e,i;const n={sel:[],el:[]};let s=!1,o=!1;function r(){}function a(t,e){Array.prototype.forEach.call(t,e)}function l(){this.reset()}function c(t){return e.some((e=>e.start<t&&t<e.end))}function h(t,n){if(t.nodeType===t.ELEMENT_NODE)if("nowrap"===window.getComputedStyle(t).whiteSpace){const n=t.outerHTML.length;e.push({start:i,end:i+n}),i+=n}else a(t.childNodes,(t=>{h(t,!0)})),n&&(i+=t.outerHTML.length-t.innerHTML.length);else i+=t.nodeType===t.COMMENT_NODE?t.length+7:t.nodeType===t.PROCESSING_INSTRUCTION_NODE?t.length+2:t.length}function x(t,n,s){if(0===s)t.style.whiteSpace=n,i=0,e=[],h(t,!1),t.style.whiteSpace="nowrap";else{const t=[];e.forEach((e=>{e.start>s&&t.push({start:e.start-s,end:e.end-s})})),e=t}}function f(t,e,i){const n=(e=e.trim()).split(" ").length;if(e=`${e} `,n<2)return e;const s=document.createElement("span");s.innerHTML=e,t.appendChild(s);const o=s.offsetWidth;s.parentNode.removeChild(s);const r=Math.floor((i-o)/(n-1));s.style.wordSpacing=`${r}px`,s.setAttribute("data-owner","balance-text-justify");const a=document.createElement("div");return a.appendChild(s),a.innerHTML}function d(e,i){const n=/([^\S\u00a0]|-|\u2014|\u2013|\u00ad)(?![^<]*>)/g;let s;if(!t)for(t=[],s=n.exec(e);null!==s;)c(s.index)||t.push(s.index),s=n.exec(e);return-1!==t.indexOf(i)}function u(t,e){return 0===e||e===t.length||d(t,e-1)&&!d(t,e)}function w(t,e,i,n,s,o,r){let a;if(e&&"string"==typeof e)for(;;){for(;!u(e,o);)o+=s;if(t.innerHTML=e.substr(0,o),a=t.offsetWidth,s<0){if(a<=n||a<=0||0===o)break}else if(n<=a||i<=a||o===e.length)break;o+=s}r.index=o,r.width=a}function g(t){return t?"string"==typeof t?document.querySelectorAll(t):t.tagName&&t.querySelectorAll?[t]:t:[]}function v(e){a(g(e),(e=>{!function(t){let e=t.querySelectorAll('br[data-owner="balance-text-hyphen"]');a(e,(t=>{t.outerHTML=""})),e=t.querySelectorAll('br[data-owner="balance-text"]'),a(e,(t=>{t.outerHTML=" "}));let i=t.querySelectorAll('span[data-owner="balance-text-softhyphen"]');if(i.length>0&&a(i,(t=>{const e=document.createTextNode("­");t.parentNode.insertBefore(e,t),t.parentNode.removeChild(t)})),i=t.querySelectorAll('span[data-owner="balance-text-justify"]'),i.length>0){let e="";a(i,(t=>{e+=t.textContent,t.parentNode.removeChild(t)})),t.innerHTML=e}}(e);const i=e.style.whiteSpace,n=e.style.float,s=e.style.display,o=e.style.position,r=e.style.lineHeight;e.style.lineHeight="normal";const c=e.offsetWidth,h=e.offsetHeight;e.style.whiteSpace="nowrap",e.style.float="none",e.style.display="inline",e.style.position="static";let d=e.offsetWidth;const u=e.offsetHeight,g="pre-wrap"===i?0:function(t,e){const i=document.createElement("div");i.style.display="block",i.style.position="absolute",i.style.bottom=0,i.style.right=0,i.style.width=0,i.style.height=0,i.style.margin=0,i.style.padding=0,i.style.visibility="hidden",i.style.overflow="hidden";const n=document.createElement("span");n.style.fontSize="2000px",n.innerHTML="&nbsp;",i.appendChild(n),t.appendChild(i);const s=n.getBoundingClientRect();return i.parentNode.removeChild(i),e/(s.height/s.width)}(e,u);if(c>0&&d>c&&d<5e3){let n=e.innerHTML,s="",o="";const r=function(t){return"justify"===(t.currentStyle||window.getComputedStyle(t,null)).textAlign}(e);let a,v,m,p,b,y,z,$=Math.round(h/u),S=0;for(;$>1;)t=null,x(e,i,S),a=Math.round((d+g)/$-g),v=Math.round((n.length+1)/$)-1,m=new l,w(e,n,c,a,-1,v,m),p=new l,v=m.index,w(e,n,c,a,1,v,p),m.reset(),v=p.index,w(e,n,c,a,-1,v,m),b=0===m.index?p.index:c<p.width||m.index===p.index||Math.abs(a-m.width)<Math.abs(p.width-a)?m.index:p.index,o=n.substr(0,b).replace(/\s$/,""),z=Boolean(o.match(/\u00ad$/)),z&&(o=o.replace(/\u00ad$/,'<span data-owner="balance-text-softhyphen">-</span>')),r?s+=f(e,o,c):(s+=o,y=z||Boolean(o.match(/(-|\u2014|\u2013)$/)),s+=y?'<br data-owner="balance-text-hyphen" />':'<br data-owner="balance-text" aria-hidden="true" />'),n=n.substr(b),S=b,$--,e.innerHTML=n,d=e.offsetWidth;e.innerHTML=r?s+f(e,n,c):s+n}e.style.whiteSpace=i,e.style.float=n,e.style.display=s,e.style.position=o,e.style.lineHeight=r}))}function m(){const t=g(n.sel.join(","));v(Array.prototype.concat.apply(n.el,t))}function p(){var t;s||(t=m,"loading"!==document.readyState?t():document.addEventListener?document.addEventListener("DOMContentLoaded",t):document.attachEvent("onreadystatechange",(()=>{"loading"!==document.readyState&&t()})),window.addEventListener("load",m),window.addEventListener("resize",function(t,e,i,...n){let s;return function(){const e=this;s&&clearTimeout(s),s=setTimeout((function(){t.apply(e,n),s=null}),100)}}(m)),s=!0)}function b(t,e){t?e&&!0===e.watch?function(t){"string"==typeof t?n.sel.push(t):a(g(t),(t=>{n.el.push(t)})),p(),m()}(t):e&&!1===e.watch?function(t){"string"==typeof t?n.sel=n.sel.filter((e=>e!==t)):(t=g(t),n.el=n.el.filter((e=>-1===t.indexOf(e))))}(t):v(t):o||(n.sel.push(".balance-text"),p(),o=!0)}return l.prototype.reset=function(){this.index=0,this.width=0},b.updateWatched=m,function(){if("undefined"==typeof window)return!1;const{style:t}=document.documentElement;return t.textWrap||t.WebkitTextWrap||t.MozTextWrap||t.MsTextWrap}()?(r.updateWatched=r,r):b},h.exports?h.exports=c():l.balanceText=c()),h.exports),f=o(x);
 /**
   shave - Shave is a javascript plugin that truncates multi-line text within a html element based on set max height
   @version v5.0.2
@@ -6,4 +6,4 @@ import{p as t,H as e,h as i,d as n,t as s}from"./p-BIzYxcO0.js";import{g as o,c
   @author Jeff Wainwright <yowainwright@gmail.com> (jeffry.in)
   @license MIT
 **/
-function d(t){var e="function"==typeof Symbol&&t[Symbol.iterator];if(!e)return t;var i,n,s=e.call(t),o=[];try{for(;!(i=s.next()).done;)o.push(i.value)}catch(t){n={error:t}}finally{try{i&&!i.done&&(e=s.return)&&e.call(s)}finally{if(n)throw n.error}}return o}function u(t,e,i){if(2===arguments.length)for(var n,s=0,o=e.length;s<o;s++)!n&&s in e||(n||(n=Array.prototype.slice.call(e,0,s)),n[s]=e[s]);return t.concat(n||Array.prototype.slice.call(e))}const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.align="start",this.as="p",this.color="default",this.fontFamily="text",this.fontStyle="normal",this.responsive=!0,this.size="base",this.truncateDirection="end",this.weight="normal",this.whiteSpace="normal"}componentDidRender(){this.rebalance(),this.handleTruncation()}onWindowResize(){this.rebalance(),this.handleTruncation()}handleTruncation(){if(!this.truncate||!Boolean(this.lines)||1===this.lines)return;const t=+window.getComputedStyle(this.textEl,null).getPropertyValue("line-height").replace("px","");t>0&&function(t,e,i){if(void 0===i&&(i={}),void 0===e||isNaN(e))throw Error("maxHeight is required");var n=function(t){return"string"==typeof t?u([],d(document.querySelectorAll(t)),!1):"length"in t?u([],d(t),!1):[t]}(t);if(n.length)for(var s=i.character,o=void 0===s?"…":s,r=i.classname,a=void 0===r?"js-shave":r,l=i.spaces,c=void 0===l||l,h=i.charclassname,x=void 0===h?"js-shave-char":h,f=i.link,w=void 0===f?{}:f,g="boolean"!=typeof c||c,v=w&&"{}"!==JSON.stringify(w)&&w.href,m=v?"a":"span",p=0;p<n.length;p+=1){var b=n[p],y=b.style,z=b.querySelector("."+a),$=void 0===b.textContent?"innerText":"textContent";z&&(b.removeChild(b.querySelector("."+x)),b[$]=b[$]);var k=b[$],S=g?k.split(" "):k;if(!(S.length<2)){var j=y.height;y.height="auto";var M=y.maxHeight;if(y.maxHeight="none",b.offsetHeight<=e)y.height=j,y.maxHeight=M;else{var B=v&&w.textContent?w.textContent:o,T=document.createElement(m),A={className:x,textContent:B};for(var C in A)T[C]=A[C],T.textContent=o;if(v)for(var E in w)T[E]=w[E];for(var N=S.length-1,D=0,O=void 0;D<N;)O=D+N+1>>1,b[$]=g?S.slice(0,O).join(" "):S.slice(0,O),b.insertAdjacentElement("beforeend",T),b.offsetHeight>e?N=O-1:D=O;b[$]=g?S.slice(0,N).join(" "):S.slice(0,N),b.insertAdjacentElement("beforeend",T);var R=g?" ".concat(S.slice(N).join(" ")):S.slice(N),I=document.createTextNode(R),W=document.createElement("span");W.classList.add(a),W.style.display="none",W.appendChild(I),b.insertAdjacentElement("beforeend",W),y.height=j,y.maxHeight=M}}}}(this.textEl,t*this.lines)}rebalance(){this.balance&&Boolean(this.textEl)&&f(this.textEl)}render(){const t=this.as,e=this.truncate&&(!Boolean(this.lines)||1===this.lines),s=r("text",`text--align-${this.align}`,`text--color-${this.color}`,`text--font-family-${this.fontFamily}`,`text--font-style-${this.fontStyle}`,`text--size-${this.size}`,`text--truncate-direction-${this.truncateDirection}`,`text--weight-${this.weight}`,{"text--truncate":e,"text--responsive":this.responsive});return i(n,{key:"c7e5c1fe48bf2922d59882164f2dbcbcdb886920"},i(t,{key:"e448f3f46c6debac61d339b3b0a948e74f334f2b",class:s,ref:t=>this.textEl=t,style:{whiteSpace:e?"nowrap":this.whiteSpace}},i("slot",{key:"7f7dfe2c44d3c3b8c9105643c7eaf493a980d6b7"})))}get el(){return this}static get style(){return".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-disabled.sc-swirl-text{color:var(--s-text-disabled)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-xs.sc-swirl-text{font-size:var(--s-font-size-xs);line-height:var(--s-line-height-xs)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.text--responsive.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.text--responsive.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}"}},[262,"swirl-text",{align:[1],as:[1],balance:[4],color:[1],fontFamily:[1,"font-family"],fontStyle:[1,"font-style"],lines:[2],responsive:[4],size:[1],truncate:[4],truncateDirection:[1,"truncate-direction"],weight:[1],whiteSpace:[1,"white-space"]},[[9,"resize","onWindowResize"]]]);function g(){"undefined"!=typeof customElements&&["swirl-text"].forEach((t=>{"swirl-text"===t&&(customElements.get(s(t))||customElements.define(s(t),w))}))}export{w as S,g as d}
+function d(t){var e="function"==typeof Symbol&&t[Symbol.iterator];if(!e)return t;var i,n,s=e.call(t),o=[];try{for(;!(i=s.next()).done;)o.push(i.value)}catch(t){n={error:t}}finally{try{i&&!i.done&&(e=s.return)&&e.call(s)}finally{if(n)throw n.error}}return o}function u(t,e,i){if(2===arguments.length)for(var n,s=0,o=e.length;s<o;s++)!n&&s in e||(n||(n=Array.prototype.slice.call(e,0,s)),n[s]=e[s]);return t.concat(n||Array.prototype.slice.call(e))}const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.align="start",this.as="p",this.color="default",this.fontFamily="text",this.fontStyle="normal",this.responsive=!0,this.size="base",this.truncateDirection="end",this.weight="normal",this.whiteSpace="normal"}componentDidRender(){this.rebalance(),this.handleTruncation()}onWindowResize(){this.rebalance(),this.handleTruncation()}handleTruncation(){if(!this.truncate||!Boolean(this.lines)||1===this.lines)return;const t=+window.getComputedStyle(this.textEl,null).getPropertyValue("line-height").replace("px","");t>0&&function(t,e,i){if(void 0===i&&(i={}),void 0===e||isNaN(e))throw Error("maxHeight is required");var n=function(t){return"string"==typeof t?u([],d(document.querySelectorAll(t)),!1):"length"in t?u([],d(t),!1):[t]}(t);if(n.length)for(var s=i.character,o=void 0===s?"…":s,r=i.classname,a=void 0===r?"js-shave":r,l=i.spaces,c=void 0===l||l,h=i.charclassname,x=void 0===h?"js-shave-char":h,f=i.link,w=void 0===f?{}:f,g="boolean"!=typeof c||c,v=w&&"{}"!==JSON.stringify(w)&&w.href,m=v?"a":"span",p=0;p<n.length;p+=1){var b=n[p],y=b.style,z=b.querySelector("."+a),$=void 0===b.textContent?"innerText":"textContent";z&&(b.removeChild(b.querySelector("."+x)),b[$]=b[$]);var S=b[$],k=g?S.split(" "):S;if(!(k.length<2)){var M=y.height;y.height="auto";var j=y.maxHeight;if(y.maxHeight="none",b.offsetHeight<=e)y.height=M,y.maxHeight=j;else{var B=v&&w.textContent?w.textContent:o,A=document.createElement(m),E={className:x,textContent:B};for(var N in E)A[N]=E[N],A.textContent=o;if(v)for(var T in w)A[T]=w[T];for(var C=k.length-1,D=0,R=void 0;D<C;)R=D+C+1>>1,b[$]=g?k.slice(0,R).join(" "):k.slice(0,R),b.insertAdjacentElement("beforeend",A),b.offsetHeight>e?C=R-1:D=R;b[$]=g?k.slice(0,C).join(" "):k.slice(0,C),b.insertAdjacentElement("beforeend",A);var O=g?" ".concat(k.slice(C).join(" ")):k.slice(C),W=document.createTextNode(O),q=document.createElement("span");q.classList.add(a),q.style.display="none",q.appendChild(W),b.insertAdjacentElement("beforeend",q),y.height=M,y.maxHeight=j}}}}(this.textEl,t*this.lines)}rebalance(){this.balance&&Boolean(this.textEl)&&f(this.textEl)}render(){const t=this.as,e=this.truncate&&(!Boolean(this.lines)||1===this.lines),s=r("text",`text--align-${this.align}`,`text--color-${this.color}`,`text--font-family-${this.fontFamily}`,`text--font-style-${this.fontStyle}`,`text--size-${this.size}`,`text--truncate-direction-${this.truncateDirection}`,`text--weight-${this.weight}`,{"text--truncate":e,"text--responsive":this.responsive});return i(n,{key:"c7e5c1fe48bf2922d59882164f2dbcbcdb886920"},i(t,{key:"e448f3f46c6debac61d339b3b0a948e74f334f2b",class:s,ref:t=>this.textEl=t,style:{whiteSpace:e?"nowrap":this.whiteSpace}},i("slot",{key:"7f7dfe2c44d3c3b8c9105643c7eaf493a980d6b7"})))}get el(){return this}static get style(){return".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-swirl-text{box-sizing:border-box}.text.sc-swirl-text{overflow:hidden;margin:0;padding:0}.text--align-start.sc-swirl-text{text-align:start}.text--align-center.sc-swirl-text{text-align:center}.text--align-end.sc-swirl-text{text-align:end}.text--color-default.sc-swirl-text{color:var(--s-text-default)}.text--color-disabled.sc-swirl-text{color:var(--s-text-disabled)}.text--color-highlight.sc-swirl-text{color:var(--s-text-highlight)}.text--color-on-action-primary.sc-swirl-text{color:var(--s-text-on-action-primary)}.text--color-on-image.sc-swirl-text{color:var(--s-text-on-image)}.text--color-on-status.sc-swirl-text{color:var(--s-text-on-status)}.text--color-on-surface-highlight.sc-swirl-text{color:var(--s-text-on-surface-highlight)}.text--color-on-surface-highlight-subdued.sc-swirl-text{color:var(--s-text-on-surface-highlight-subdued)}.text--color-subdued.sc-swirl-text{color:var(--s-text-subdued)}.text--color-critical.sc-swirl-text{color:var(--s-text-critical)}.text--color-success.sc-swirl-text{color:var(--s-text-success)}.text--color-warning.sc-swirl-text{color:var(--s-text-warning)}.text--size-xs.sc-swirl-text{font-size:var(--s-font-size-xs);line-height:var(--s-line-height-xs)}.text--size-sm.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}.text--size-base.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-base.text--responsive.sc-swirl-text{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text--size-lg.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-lg.text--responsive.sc-swirl-text{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text--size-xl.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-lg);line-height:var(--s-line-height-lg)}}.text--size-2xl.sc-swirl-text{font-size:var(--s-font-size-2xl);line-height:var(--s-line-height-2xl)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text--size-2xl.text--responsive.sc-swirl-text{font-size:var(--s-font-size-xl);line-height:var(--s-line-height-xl)}}.text--weight-normal.sc-swirl-text{font-weight:var(--s-font-weight-normal)}.text--weight-medium.sc-swirl-text{font-weight:var(--s-font-weight-medium)}.text--weight-semibold.sc-swirl-text{font-weight:var(--s-font-weight-semibold)}.text--weight-bold.sc-swirl-text{font-weight:var(--s-font-weight-bold)}.text--font-style-normal.sc-swirl-text{font-style:normal}.text--font-style-italic.sc-swirl-text{font-style:italic}.text--font-family-code.sc-swirl-text{font-family:var(--s-font-family-code)}.text--truncate.sc-swirl-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.text--truncate-direction-start.sc-swirl-text{direction:rtl;text-align:left}"}},[262,"swirl-text",{align:[1],as:[1],balance:[4],color:[1],fontFamily:[1,"font-family"],fontStyle:[1,"font-style"],lines:[2],responsive:[4],size:[1],truncate:[4],truncateDirection:[1,"truncate-direction"],weight:[1],whiteSpace:[1,"white-space"]},[[9,"resize","onWindowResize"]]]);function g(){"undefined"!=typeof customElements&&["swirl-text"].forEach((t=>{"swirl-text"===t&&(customElements.get(s(t))||customElements.define(s(t),w))}))}export{w as S,g as d}

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

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as i,d as h,t as r}from"./p-BIzYxcO0.js";const n="swirl-preferred-theme",a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.appThemeUpdated=s(this,"appThemeUpdated",7),this.themeChange=s(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 s="--s-"+e.id;t.style.setProperty(s,`rgba(${e.color.r}, ${e.color.g}, ${e.color.b}, ${e.color.a})`),this.setDesignTokens.push(s)}))}resetTenantVariables(){const e=this.resolvedConfig.rootElement;this.setDesignTokens.forEach((t=>{e.style.removeProperty(t)})),this.setDesignTokens=[]}render(){return i(h,{key:"fefdc5cefaea45d80da429da2abc4b370a162c7e"},i("slot",{key:"354717bed5f64caf726803a8eb6362eb5247ff4f"}))}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}]}]),c=a,o=function(){"undefined"!=typeof customElements&&["swirl-theme-provider"].forEach((e=>{"swirl-theme-provider"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{c as SwirlThemeProvider,o 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",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:"fefdc5cefaea45d80da429da2abc4b370a162c7e"},s("slot",{key:"354717bed5f64caf726803a8eb6362eb5247ff4f"}))}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}]}]),c=a,o=function(){"undefined"!=typeof customElements&&["swirl-theme-provider"].forEach((e=>{"swirl-theme-provider"===e&&(customElements.get(r(e))||customElements.define(r(e),a))}))};export{c as SwirlThemeProvider,o as defineCustomElement}

package/dist/components/swirl-thumbnail.js

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as s,d as a,t as r}from"./p-BIzYxcO0.js";import{c as o}from"./p-CTIzk_ki.js";import{d as n}from"./p-DWVJBU8l.js";import{d as l}from"./p-DCxwPw77.js";import{d as b}from"./p-DXnY4CJZ.js";import{d as h}from"./p-BGcNhzCf.js";const m=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.edit=e(this,"edit",7),this.remove=e(this,"remove",7),this.thumbnailClick=e(this,"thumbnailClick",7),this.editButtonIcon="<swirl-icon-crop></swirl-icon-crop>",this.editButtonLabel="Edit",this.format="landscape",this.progressLabel="Loading progress",this.removeButtonLabel="Remove",this.size="m"}render(){const t=("xl"===this.size||"2xl"===this.size)&&"square"===this.format,i=this.showRemoveButton&&t,e=this.showEditButton&&t&&!("xl"===this.size&&i),r=e||i,n=!!this.timestamp&&t,l=this.interactive?"button":"span",b=o("thumbnail","thumbnail--format-"+this.format,"thumbnail--size-"+this.size,{"thumbnail--interactive":this.interactive,"thumbnail--has-progress":void 0!==this.progress});return s(a,{key:"60fd36e9353a9a86a70d1b35b745a32151a09bfa"},s("span",{key:"b9f3c84e30a8c03bfa2c6ce15698938af3b900be",class:b,role:"group"},s(l,{key:"ddc9b7af21b039f28885dc1bf41ff5d60606c4f8",class:"thumbnail__image-wrapper",onClick:this.thumbnailClick.emit,type:this.interactive?"button":void 0},s("img",{key:"f0fa51d8a133fd468f869e87fd47d0774ba6ecbe",alt:this.alt,class:"thumbnail__image",loading:"lazy",src:this.src})),void 0!==this.progress&&s("span",{key:"ffc442f88d1275a776599903c92ef409b793f70c",class:"thumbnail__progress-indicator"},s("swirl-progress-indicator",{key:"1c48d20c34404dde48a155c19dad06fe663e75ab",label:this.progressLabel,value:this.progress})),r&&s("swirl-button-group",{key:"4a95ec501ba7044a5412a587f409b9e7f0ac43ee",class:"thumbnail__buttons",segmented:e&&i},e&&s("span",{key:"044a398b54e024274fe3f221ac547385247ba1be"},s("swirl-button",{key:"a36fe962cfe305b2a72d4e9d830b36699f506ef8",hideLabel:!0,icon:this.editButtonIcon,label:this.editButtonLabel,onClick:this.edit.emit,pill:"xl"===this.size,variant:"on-image"})),i&&s("span",{key:"3703ecf16bc15af27753e91ec1a44b850d2273a5"},s("swirl-button",{key:"034d623775210846466ae6b233e3b3fb101ed001",hideLabel:!0,icon:"<swirl-icon-delete></swirl-icon-delete>",label:this.removeButtonLabel,onClick:this.remove.emit,pill:"xl"===this.size,variant:"on-image"}))),n&&s("span",{key:"b38746e0e4ff3d9e1505c16da8393b24cd8a4d6d",class:"thumbnail__timestamp"},this.timestamp)))}static get style(){return':host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;padding:0.0625rem;border-radius:var(--s-border-radius-s)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem}.thumbnail--size-xl{--swirl-thumbnail-size:5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--size-xl .thumbnail__buttons{transform:scale(0.75)}.thumbnail--size-2xl{--swirl-thumbnail-size:7.5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--has-progress .thumbnail__timestamp{bottom:var(--s-space-8)}.thumbnail--interactive .thumbnail__image-wrapper{position:relative;padding:0;border:none;background-color:transparent;cursor:pointer}.thumbnail--interactive .thumbnail__image-wrapper:hover:after{position:absolute;background-color:rgba(0, 0, 0, 0.15);content:"";inset:0}.thumbnail--interactive .thumbnail__image-wrapper:active:after{position:absolute;background-color:rgba(0, 0, 0, 0.3);content:"";inset:0}.thumbnail__image-wrapper{overflow:hidden;width:100%;height:100%;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail__progress-indicator{position:absolute;z-index:1;right:0;bottom:0;left:0}.thumbnail__buttons{position:absolute;z-index:1;top:var(--s-space-4);right:var(--s-space-4)}@media (hover: hover){.thumbnail__buttons{opacity:0}.thumbnail:hover .thumbnail__buttons{opacity:1}}.thumbnail__timestamp{position:absolute;z-index:1;bottom:var(--s-space-4);left:var(--s-space-4);display:block;overflow:hidden;max-width:calc(100% - 2 * var(--s-space-4));height:1.5rem;padding-right:var(--s-space-8);padding-left:var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-size:var(--s-font-size-sm);line-height:1.5rem;white-space:nowrap;text-overflow:ellipsis}'}},[1,"swirl-thumbnail",{alt:[1],editButtonIcon:[1,"edit-button-icon"],editButtonLabel:[1,"edit-button-label"],format:[1],interactive:[4],progress:[2],progressLabel:[1,"progress-label"],removeButtonLabel:[1,"remove-button-label"],showEditButton:[4,"show-edit-button"],showRemoveButton:[4,"show-remove-button"],size:[1],src:[1],timestamp:[1]}]),c=m,u=function(){"undefined"!=typeof customElements&&["swirl-thumbnail","swirl-button","swirl-button-group","swirl-progress-indicator","swirl-stack"].forEach((t=>{switch(t){case"swirl-thumbnail":customElements.get(r(t))||customElements.define(r(t),m);break;case"swirl-button":customElements.get(r(t))||n();break;case"swirl-button-group":customElements.get(r(t))||l();break;case"swirl-progress-indicator":customElements.get(r(t))||b();break;case"swirl-stack":customElements.get(r(t))||h()}}))};export{c as SwirlThumbnail,u as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as s,Host as a,transformTag as r}from"@stencil/core/internal/client";import{c as o}from"./index2.js";import{d as n}from"./swirl-button2.js";import{d as l}from"./swirl-button-group2.js";import{d as b}from"./swirl-progress-indicator2.js";import{d as h}from"./swirl-stack2.js";const m=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.edit=e(this,"edit",7),this.remove=e(this,"remove",7),this.thumbnailClick=e(this,"thumbnailClick",7),this.editButtonIcon="<swirl-icon-crop></swirl-icon-crop>",this.editButtonLabel="Edit",this.format="landscape",this.progressLabel="Loading progress",this.removeButtonLabel="Remove",this.size="m"}render(){const t=("xl"===this.size||"2xl"===this.size)&&"square"===this.format,i=this.showRemoveButton&&t,e=this.showEditButton&&t&&!("xl"===this.size&&i),r=e||i,n=!!this.timestamp&&t,l=this.interactive?"button":"span",b=o("thumbnail","thumbnail--format-"+this.format,"thumbnail--size-"+this.size,{"thumbnail--interactive":this.interactive,"thumbnail--has-progress":void 0!==this.progress});return s(a,{key:"60fd36e9353a9a86a70d1b35b745a32151a09bfa"},s("span",{key:"b9f3c84e30a8c03bfa2c6ce15698938af3b900be",class:b,role:"group"},s(l,{key:"ddc9b7af21b039f28885dc1bf41ff5d60606c4f8",class:"thumbnail__image-wrapper",onClick:this.thumbnailClick.emit,type:this.interactive?"button":void 0},s("img",{key:"f0fa51d8a133fd468f869e87fd47d0774ba6ecbe",alt:this.alt,class:"thumbnail__image",loading:"lazy",src:this.src})),void 0!==this.progress&&s("span",{key:"ffc442f88d1275a776599903c92ef409b793f70c",class:"thumbnail__progress-indicator"},s("swirl-progress-indicator",{key:"1c48d20c34404dde48a155c19dad06fe663e75ab",label:this.progressLabel,value:this.progress})),r&&s("swirl-button-group",{key:"4a95ec501ba7044a5412a587f409b9e7f0ac43ee",class:"thumbnail__buttons",segmented:e&&i},e&&s("span",{key:"044a398b54e024274fe3f221ac547385247ba1be"},s("swirl-button",{key:"a36fe962cfe305b2a72d4e9d830b36699f506ef8",hideLabel:!0,icon:this.editButtonIcon,label:this.editButtonLabel,onClick:this.edit.emit,pill:"xl"===this.size,variant:"on-image"})),i&&s("span",{key:"3703ecf16bc15af27753e91ec1a44b850d2273a5"},s("swirl-button",{key:"034d623775210846466ae6b233e3b3fb101ed001",hideLabel:!0,icon:"<swirl-icon-delete></swirl-icon-delete>",label:this.removeButtonLabel,onClick:this.remove.emit,pill:"xl"===this.size,variant:"on-image"}))),n&&s("span",{key:"b38746e0e4ff3d9e1505c16da8393b24cd8a4d6d",class:"thumbnail__timestamp"},this.timestamp)))}static get style(){return':host{display:inline-flex}:host *{box-sizing:border-box}.thumbnail{position:relative;display:inline-flex;overflow:hidden;padding:0.0625rem;border-radius:var(--s-border-radius-s)}.thumbnail--size-s{--swirl-thumbnail-size:2.5rem}.thumbnail--size-m{--swirl-thumbnail-size:3rem}.thumbnail--size-l{--swirl-thumbnail-size:4rem}.thumbnail--size-xl{--swirl-thumbnail-size:5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--size-xl .thumbnail__buttons{transform:scale(0.75)}.thumbnail--size-2xl{--swirl-thumbnail-size:7.5rem;border-radius:var(--s-border-radius-sm)}.thumbnail--format-landscape{width:var(--swirl-thumbnail-size);aspect-ratio:4 / 3}.thumbnail--format-portrait{height:var(--swirl-thumbnail-size);aspect-ratio:3 / 4}.thumbnail--format-square{width:var(--swirl-thumbnail-size);height:var(--swirl-thumbnail-size)}.thumbnail--has-progress .thumbnail__timestamp{bottom:var(--s-space-8)}.thumbnail--interactive .thumbnail__image-wrapper{position:relative;padding:0;border:none;background-color:transparent;cursor:pointer}.thumbnail--interactive .thumbnail__image-wrapper:hover:after{position:absolute;background-color:rgba(0, 0, 0, 0.15);content:"";inset:0}.thumbnail--interactive .thumbnail__image-wrapper:active:after{position:absolute;background-color:rgba(0, 0, 0, 0.3);content:"";inset:0}.thumbnail__image-wrapper{overflow:hidden;width:100%;height:100%;border-radius:var(--s-border-radius-s);box-shadow:inset 0 0 0 0.03125rem rgba(0, 0, 0, 0.1)}.thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.thumbnail__progress-indicator{position:absolute;z-index:1;right:0;bottom:0;left:0}.thumbnail__buttons{position:absolute;z-index:1;top:var(--s-space-4);right:var(--s-space-4)}@media (hover: hover){.thumbnail__buttons{opacity:0}.thumbnail:hover .thumbnail__buttons{opacity:1}}.thumbnail__timestamp{position:absolute;z-index:1;bottom:var(--s-space-4);left:var(--s-space-4);display:block;overflow:hidden;max-width:calc(100% - 2 * var(--s-space-4));height:1.5rem;padding-right:var(--s-space-8);padding-left:var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-size:var(--s-font-size-sm);line-height:1.5rem;white-space:nowrap;text-overflow:ellipsis}'}},[1,"swirl-thumbnail",{alt:[1],editButtonIcon:[1,"edit-button-icon"],editButtonLabel:[1,"edit-button-label"],format:[1],interactive:[4],progress:[2],progressLabel:[1,"progress-label"],removeButtonLabel:[1,"remove-button-label"],showEditButton:[4,"show-edit-button"],showRemoveButton:[4,"show-remove-button"],size:[1],src:[1],timestamp:[1]}]),c=m,u=function(){"undefined"!=typeof customElements&&["swirl-thumbnail","swirl-button","swirl-button-group","swirl-progress-indicator","swirl-stack"].forEach((t=>{switch(t){case"swirl-thumbnail":customElements.get(r(t))||customElements.define(r(t),m);break;case"swirl-button":customElements.get(r(t))||n();break;case"swirl-button-group":customElements.get(r(t))||l();break;case"swirl-progress-indicator":customElements.get(r(t))||b();break;case"swirl-stack":customElements.get(r(t))||h()}}))};export{c as SwirlThumbnail,u as defineCustomElement}

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

@@ -1 +1 @@
-import{p as t,H as i,c as e,h as s,d as a,t as n}from"./p-BIzYxcO0.js";import{c as r}from"./p-CTIzk_ki.js";import{p as o,i as h,f as m,I as c}from"./p-D3UoejeY.js";import{D as l}from"./p-WUxuIVzT.js";const p="HH:mm:ss",u=t(class extends i{constructor(t){super(),!1!==t&&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=t=>{this.inputBlur.emit(t)},this.onClick=t=>{t.preventDefault()},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)}}componentWillLoad(){const t=Array.from(document.querySelectorAll("swirl-time-input")).indexOf(this.el);this.id="swirl-time-input-"+t}componentDidLoad(){this.setupMask(),this.mediaQueryUnsubscribe=l.subscribe((t=>{this.updateIconSize(t)})),this.autoFocus&&setTimeout((()=>{this.inputEl.focus()}))}disconnectedCallback(){this.mask?.destroy(),this.mediaQueryUnsubscribe()}watchFormat(){this.setupMask()}watchValue(t,i){if(t!==i)if(this.valueChange.emit(t),this.mask&&t){const i=this.getPattern();let e=o(t,p,new Date);if(h(e)||(e=o(t,i,new Date)),h(e)){const t=m(e,i);this.mask.value=t}}else this.mask&&!t&&(this.mask.value="")}updateIconSize(t){this.iconSize=t?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(t){this.autoSelect?t.target&&t.target instanceof HTMLInputElement&&t.target.select():setTimeout((()=>{t.target&&t.target instanceof HTMLInputElement&&t.target.setSelectionRange&&t.target.setSelectionRange(0,0)}))}setupMask(){this.mask?.destroy();const t=this.getPattern();if(this.mask=c(this.inputEl,{mask:Date,pattern:t.replace(/([^A-Za-z0-9])/g,"$1`"),autofix:"pad",lazy:!0,overwrite:!0,eager:"append",prepareChar:t=>t.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:i=>h(i)?(this.value=m(i,p),m(i,t)):"",parse:i=>o(i,t,new Date)}),this.value){const i=o(this.value,p,new Date);if(h(i)){const e=m(i,t);this.mask.value=e}}}render(){const t=!0===this.invalid||!1===this.invalid?this.invalid+"":void 0,i=r("time-input",{"time-input--inline":this.inline});return s(a,{key:"43058ce1fa97dbc5cf73086a5acd828a88328aa5"},s("div",{key:"a4e1bbb9fc7eb6606dda7188d1e72a21102107c8",class:i},s("input",{key:"1ad135fe74ea2b1b689fb6ba1de56d559cad7d0a","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,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:t=>this.inputEl=t,required:this.required,type:"text",readonly:this.readonly}),s("span",{key:"d066aca8ce3c3f094062b0bb2a3956eb9e08409e",class:"time-input__icon"},s("swirl-icon-time-outlined",{key:"e15099d26bfea37c564b12bc070d0a0748569e9b",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}]}]),d=u,f=function(){"undefined"!=typeof customElements&&["swirl-time-input"].forEach((t=>{"swirl-time-input"===t&&(customElements.get(n(t))||customElements.define(n(t),u))}))};export{d 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:"43058ce1fa97dbc5cf73086a5acd828a88328aa5"},s("div",{key:"a4e1bbb9fc7eb6606dda7188d1e72a21102107c8",class:t},s("input",{key:"1ad135fe74ea2b1b689fb6ba1de56d559cad7d0a","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:"d066aca8ce3c3f094062b0bb2a3956eb9e08409e",class:"time-input__icon"},s("swirl-icon-time-outlined",{key:"e15099d26bfea37c564b12bc070d0a0748569e9b",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-toast-provider.js

@@ -1 +1 @@
-import{p as t,H as s,h as i,d as o,t as e}from"./p-BIzYxcO0.js";import{d as a}from"./p-DWVJBU8l.js";import{d as n}from"./p-Cz9YHhEr.js";import{d as r}from"./p-BGcNhzCf.js";import{d as c}from"./p-DUOOPGWB.js";const h=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toasts=[],this.activeDialogStack=[],this.originalParent=null,this.onAction=t=>{const s=this.toasts.find((({toastId:s})=>s===t.detail));s&&(s.onAction?.(s.toastId),s.dismissOnAction&&this.dismiss(t.detail))},this.onDismiss=t=>{this.dismiss(t.detail)}}async clearAll(){this.toasts=[]}async dismiss(t){const s=this.toasts.find((s=>t===s.toastId));s&&(s.onDismiss?.(s.toastId),this.toasts=[...this.toasts].filter((s=>s.toastId!==t)))}async toast(t){if(this.toasts.some((s=>s.toastId===t.toastId)))return;const s={...t,createdAt:new Date,duration:t.duration||this.globalDuration||void 0,toastId:t.toastId||Math.round(1e4*Math.random())+""};return this.toasts=[...this.toasts,s],s}componentWillLoad(){this.originalParent=this.el.parentElement}disconnectedCallback(){this.el.isConnected||(this.activeDialogStack=this.activeDialogStack.filter((t=>t.isConnected)),this.ensureCorrectPosition())}handleDialogToggle(t){const{newState:s,dialog:i}=t.detail;"open"===s?this.onDialogOpen(i):this.onDialogClose(i)}onToastsChange(){this.toasts.length>0?this.ensureCorrectPosition():this.popoverEl.hidePopover()}onDialogOpen(t){this.activeDialogStack.includes(t)||this.activeDialogStack.push(t),this.toasts.length>0&&this.ensureCorrectPosition()}onDialogClose(t){this.activeDialogStack=this.activeDialogStack.filter((s=>s!=t)),this.toasts.length>0&&this.ensureCorrectPosition()}ensureCorrectPosition(){this.activeDialogStack=this.activeDialogStack.filter((t=>t.isConnected));const t=this.activeDialogStack[this.activeDialogStack.length-1]||this.originalParent;this.el.parentElement!==t&&t.appendChild(this.el),this.popoverEl.hidePopover(),this.popoverEl.showPopover()}render(){return i(o,{key:"b814bfac33e13fa660a10ec5d29f5f45fbac8f8d",role:"status"},i("swirl-stack",{key:"03972a88936dfd3697335295381889095f6fb3a8",class:"toast-provider__stack",part:"toast-provider__stack",popover:"manual",spacing:"12",align:"center",ref:t=>this.popoverEl=t},this.toasts.map((t=>{const s={...t,content:void 0,onDismiss:void 0,onAction:void 0};return i("swirl-toast",{key:t.toastId,...s,onDismiss:this.onDismiss,onAction:this.onAction},t.content)}))))}get el(){return this}static get watchers(){return{toasts:[{onToastsChange:0}]}}static get style(){return".toast-provider__stack{position:fixed;inset:unset;bottom:var(--s-space-16);left:0;right:0;pointer-events:none;margin:0 var(--s-space-24);border:none;padding:0;background:none;width:auto;overflow:unset}.toast-provider__stack::backdrop{display:none}.toast-provider__stack>*{width:auto;pointer-events:auto}"}},[1,"swirl-toast-provider",{globalDuration:[2,"global-duration"],toasts:[32],clearAll:[64],dismiss:[64],toast:[64]},[[4,"toggleDialog","handleDialogToggle"]],{toasts:[{onToastsChange:0}]}]),l=h,d=function(){"undefined"!=typeof customElements&&["swirl-toast-provider","swirl-button","swirl-icon-close","swirl-stack","swirl-toast"].forEach((t=>{switch(t){case"swirl-toast-provider":customElements.get(e(t))||customElements.define(e(t),h);break;case"swirl-button":customElements.get(e(t))||a();break;case"swirl-icon-close":customElements.get(e(t))||n();break;case"swirl-stack":customElements.get(e(t))||r();break;case"swirl-toast":customElements.get(e(t))||c()}}))};export{l as SwirlToastProvider,d as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,h as i,Host as o,transformTag as e}from"@stencil/core/internal/client";import{d as a}from"./swirl-button2.js";import{d as n}from"./swirl-icon-close2.js";import{d as r}from"./swirl-stack2.js";import{d as c}from"./swirl-toast2.js";const l=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.toasts=[],this.activeDialogStack=[],this.originalParent=null,this.onAction=t=>{const s=this.toasts.find((({toastId:s})=>s===t.detail));s&&(s.onAction?.(s.toastId),s.dismissOnAction&&this.dismiss(t.detail))},this.onDismiss=t=>{this.dismiss(t.detail)}}async clearAll(){this.toasts=[]}async dismiss(t){const s=this.toasts.find((s=>t===s.toastId));s&&(s.onDismiss?.(s.toastId),this.toasts=[...this.toasts].filter((s=>s.toastId!==t)))}async toast(t){if(this.toasts.some((s=>s.toastId===t.toastId)))return;const s={...t,createdAt:new Date,duration:t.duration||this.globalDuration||void 0,toastId:t.toastId||Math.round(1e4*Math.random())+""};return this.toasts=[...this.toasts,s],s}componentWillLoad(){this.originalParent=this.el.parentElement}disconnectedCallback(){this.el.isConnected||(this.activeDialogStack=this.activeDialogStack.filter((t=>t.isConnected)),this.ensureCorrectPosition())}handleDialogToggle(t){const{newState:s,dialog:i}=t.detail;"open"===s?this.onDialogOpen(i):this.onDialogClose(i)}onToastsChange(){this.toasts.length>0?this.ensureCorrectPosition():this.popoverEl.hidePopover()}onDialogOpen(t){this.activeDialogStack.includes(t)||this.activeDialogStack.push(t),this.toasts.length>0&&this.ensureCorrectPosition()}onDialogClose(t){this.activeDialogStack=this.activeDialogStack.filter((s=>s!=t)),this.toasts.length>0&&this.ensureCorrectPosition()}ensureCorrectPosition(){this.activeDialogStack=this.activeDialogStack.filter((t=>t.isConnected));const t=this.activeDialogStack[this.activeDialogStack.length-1]||this.originalParent;this.el.parentElement!==t&&t.appendChild(this.el),this.popoverEl.hidePopover(),this.popoverEl.showPopover()}render(){return i(o,{key:"b814bfac33e13fa660a10ec5d29f5f45fbac8f8d",role:"status"},i("swirl-stack",{key:"03972a88936dfd3697335295381889095f6fb3a8",class:"toast-provider__stack",part:"toast-provider__stack",popover:"manual",spacing:"12",align:"center",ref:t=>this.popoverEl=t},this.toasts.map((t=>{const s={...t,content:void 0,onDismiss:void 0,onAction:void 0};return i("swirl-toast",{key:t.toastId,...s,onDismiss:this.onDismiss,onAction:this.onAction},t.content)}))))}get el(){return this}static get watchers(){return{toasts:[{onToastsChange:0}]}}static get style(){return".toast-provider__stack{position:fixed;inset:unset;bottom:var(--s-space-16);left:0;right:0;pointer-events:none;margin:0 var(--s-space-24);border:none;padding:0;background:none;width:auto;overflow:unset}.toast-provider__stack::backdrop{display:none}.toast-provider__stack>*{width:auto;pointer-events:auto}"}},[1,"swirl-toast-provider",{globalDuration:[2,"global-duration"],toasts:[32],clearAll:[64],dismiss:[64],toast:[64]},[[4,"toggleDialog","handleDialogToggle"]],{toasts:[{onToastsChange:0}]}]),h=l,d=function(){"undefined"!=typeof customElements&&["swirl-toast-provider","swirl-button","swirl-icon-close","swirl-stack","swirl-toast"].forEach((t=>{switch(t){case"swirl-toast-provider":customElements.get(e(t))||customElements.define(e(t),l);break;case"swirl-button":customElements.get(e(t))||a();break;case"swirl-icon-close":customElements.get(e(t))||n();break;case"swirl-stack":customElements.get(e(t))||r();break;case"swirl-toast":customElements.get(e(t))||c()}}))};export{h as SwirlToastProvider,d as defineCustomElement}

package/dist/components/swirl-toast.js

@@ -1 +1 @@
-import{S as o,d as s}from"./p-DUOOPGWB.js";const p=o,r=s;export{p as SwirlToast,r as defineCustomElement}
+import{S as s,d as o}from"./swirl-toast2.js";const t=s,r=o;export{t as SwirlToast,r as defineCustomElement}

package/dist/components/swirl-toast2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as s,createEvent as i,h as e,Host as a,transformTag as o}from"@stencil/core/internal/client";import{c as n}from"./index2.js";import{D as r}from"./media-query.service.js";import{d as c}from"./swirl-button2.js";import{d as l}from"./swirl-icon-close2.js";const d=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.action=i(this,"action",7),this.dismiss=i(this,"dismiss",7),this.accessibleDismissLabel="Dismiss",this.intent="default",this.mediaQueryUnsubscribe=()=>{},this.onAction=()=>{this.action.emit(this.toastId)},this.onDismiss=()=>{this.dismiss.emit(this.toastId)}}watchDuration(){this.startTimer()}componentDidLoad(){this.startTimer(),this.mediaQueryUnsubscribe=r.subscribe((t=>{this.forceIconProps(t)}))}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(t){const s=this.iconEl?.children[0],i=this.dismissIconEl;s?.setAttribute("size",t?"20":"24"),i?.setAttribute("size",t?"20":"24")}startTimer(){this.clearTimer(),void 0!==this.duration&&this.duration!==1/0&&(this.timeout=setTimeout((()=>{this.dismiss.emit(this.toastId)}),this.duration))}clearTimer(){Boolean(this.timeout)&&(clearTimeout(this.timeout),this.timeout=void 0)}render(){const t=n("toast",`toast--intent-${this.intent}`);return e(a,{key:"9a60bec945df3c15a823ee9350f7cf5eb7ec6c76"},e("div",{key:"5fbf54732841cc7f56b480076e01c2c8130f62db",class:t},this.icon&&e("span",{key:"32b7f3d945eca48dd6e06e1c09e6a8f251d95a1a",class:"toast__icon",innerHTML:this.icon,part:"toast__icon",ref:t=>this.iconEl=t}),e("span",{key:"302223f8a851f542bff53fa2c77e14e8a8e6a6a9",class:"toast__content",innerHTML:this.content,part:"toast__content"},e("slot",{key:"621340dbff7ac7b350776f323062ff6a6e0edb29"})),this.actionLabel&&e("swirl-button",{key:"e3925dbdf646a44cc99cf4957e2d09a3c8c94644",class:"toast__action-button",label:this.actionLabel,onClick:this.onAction,variant:"plain"}),e("button",{key:"b53ad57748fbe8665c3aa729949d5a49992008b8","aria-label":this.dismissLabel||this.accessibleDismissLabel,class:"toast__dismiss-button",onClick:this.onDismiss,type:"button"},this.dismissLabel,!Boolean(this.dismissLabel)&&e("swirl-icon-close",{key:"60429b81feafb9668ad4ce1e10426018bab30169",ref:t=>this.dismissIconEl=t}))))}static get watchers(){return{duration:[{watchDuration:0}]}}static get style(){return":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;width:100%;max-width:28rem;padding:var(--s-space-16);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);box-shadow:var(--s-shadow-level-2)}.toast--intent-critical{background-color:var(--s-surface-critical-default)}.toast--intent-success{background-color:var(--s-surface-success-default)}.toast__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:0.625rem;flex-shrink:0}.toast__icon ::part(icon){color:var(--s-icon-on-status)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__icon{width:1.25rem;height:1.25rem}}.toast__content{flex-grow:1;line-height:var(--s-line-height-base);text-align:left;align-self:flex-start}.toast__content ::part(link){color:var(--text-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.toast__action-button{--swirl-plain-button-text-color-default:var(--s-text-on-status);--swirl-plain-button-text-color-hovered:var(--s-text-on-status);--swirl-plain-button-text-color-pressed:var(--s-text-on-status);margin-left:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__action-button{margin-top:-1px}}.toast__dismiss-button{display:inline-flex;min-width:1.5rem;height:1.5rem;margin-left:var(--s-space-16);padding:0;flex-shrink:0;justify-content:center;align-items:center;border:none;color:var(--s-text-on-status);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);cursor:pointer}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.toast__dismiss-button{margin-top:calc(-1 * var(--s-space-2))}}.toast__dismiss-button ::part(icon){color:var(--s-icon-on-status)}"}},[257,"swirl-toast",{accessibleDismissLabel:[1,"accessible-dismiss-label"],actionLabel:[1,"action-label"],content:[1],dismissLabel:[1,"dismiss-label"],duration:[2],icon:[1],intent:[1],toastId:[1,"toast-id"]},void 0,{duration:[{watchDuration:0}]}]);function h(){"undefined"!=typeof customElements&&["swirl-toast","swirl-button","swirl-icon-close"].forEach((t=>{switch(t){case"swirl-toast":customElements.get(o(t))||customElements.define(o(t),d);break;case"swirl-button":customElements.get(o(t))||c();break;case"swirl-icon-close":customElements.get(o(t))||l()}}))}export{d as S,h as d}

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

@@ -1 +1 @@
-import{p as t,H as e,h as s,t as o}from"./p-BIzYxcO0.js";import{c as i}from"./p-CTIzk_ki.js";import{d as n}from"./p-B0WN1rps.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.isPressed=!1,this.onClick=()=>{this.isPressed=!0}}render(){const t=i("button",{"button--pressed":this.isPressed});return s("button",{key:"52ab21d13cc1c06a88384fd740a5b420df848033",class:t,type:"button","aria-pressed":this.isPressed?"true":"false",onClick:this.onClick},this.icon&&s("swirl-icon",{key:"91cbb63a08101376eb94fcd69345324e58bdd7fa",class:"button__icon",glyph:this.icon}),s("span",{key:"60dcfc3d532b8132c2f6b0eff07d4a67a27c0316",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:var(--s-surface-sunken-default);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-surface-sunken-hovered)}.button:active{background-color:var(--s-surface-sunken-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"]}]),a=r,c=function(){"undefined"!=typeof customElements&&["swirl-toggle-button","swirl-icon"].forEach((t=>{switch(t){case"swirl-toggle-button":customElements.get(o(t))||customElements.define(o(t),r);break;case"swirl-icon":customElements.get(o(t))||n()}}))};export{a as SwirlToggleButton,c 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.onClick=()=>{this.isPressed=!0}}render(){const t=i("button",{"button--pressed":this.isPressed});return o("button",{key:"52ab21d13cc1c06a88384fd740a5b420df848033",class:t,type:"button","aria-pressed":this.isPressed?"true":"false",onClick:this.onClick},this.icon&&o("swirl-icon",{key:"91cbb63a08101376eb94fcd69345324e58bdd7fa",class:"button__icon",glyph:this.icon}),o("span",{key:"60dcfc3d532b8132c2f6b0eff07d4a67a27c0316",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:var(--s-surface-sunken-default);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-surface-sunken-hovered)}.button:active{background-color:var(--s-surface-sunken-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"]}]),a=r,c=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,c as defineCustomElement}

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

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as o,t as i}from"./p-BIzYxcO0.js";import{c as r}from"./p-CTIzk_ki.js";import{d as l}from"./p-BGcNhzCf.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedToggleChange=s(this,"selectedToggleChange",7),this.variant="flat",this.toggleButtons=[],this.onSlotChange=()=>{this.toggleButtons=Array.from(this.el.querySelectorAll("swirl-toggle-button")),this.setTogglePressedStates()}}watchSelectedToggleId(e,t){e!==t&&(this.selectedToggleChange.emit(e),this.setTogglePressedStates())}onClick(e){const t=e.target;"SWIRL-TOGGLE-BUTTON"===t?.tagName&&(e.stopPropagation(),this.selectedToggleId=t.identifier)}setTogglePressedStates(){this.toggleButtons?.length&&(this.selectedToggleId&&this.toggleButtons.some((e=>e.identifier===this.selectedToggleId))?this.toggleButtonWithId(this.selectedToggleId):this.toggleButtonWithId(this.toggleButtons[0].identifier))}toggleButtonWithId(e){this.toggleButtons?.length&&this.toggleButtons.forEach((t=>{t.isPressed=t.identifier===e}))}render(){const e=r("toggle-group","toggle-group--variant-"+this.variant,{"toggle-group--elevated":this.elevated});return o("swirl-stack",{key:"d7d63a7cc5ae1b951bb5ecf1a92ae284cfd03ee9",class:e,"aria-label":this.swirlAriaLabel,spacing:"4",orientation:"horizontal",align:"center",role:"group"},o("slot",{key:"dab02efe5e0c516088452c64eab6fff4da4111f2",onSlotchange:this.onSlotChange}))}get el(){return this}static get watchers(){return{selectedToggleId:[{watchSelectedToggleId:0}]}}static get style(){return":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-2);background-color:var(--s-surface-sunken-default);border-radius:var(--s-space-8);transition:box-shadow 0.3s}.toggle-group--elevated{box-shadow:var(--s-shadow-level-2)}.toggle-group--variant-outline{outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}"}},[257,"swirl-toggle-group",{elevated:[4],variant:[1],swirlAriaLabel:[1,"swirl-aria-label"],selectedToggleId:[1025,"selected-toggle-id"]},[[0,"click","onClick"]],{selectedToggleId:[{watchSelectedToggleId:0}]}]),g=a,c=function(){"undefined"!=typeof customElements&&["swirl-toggle-group","swirl-stack"].forEach((e=>{switch(e){case"swirl-toggle-group":customElements.get(i(e))||customElements.define(i(e),a);break;case"swirl-stack":customElements.get(i(e))||l()}}))};export{g as SwirlToggleGroup,c as defineCustomElement}
+import{proxyCustomElement as e,HTMLElement as t,createEvent as s,h as o,transformTag as i}from"@stencil/core/internal/client";import{c as l}from"./index2.js";import{d as r}from"./swirl-stack2.js";const a=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selectedToggleChange=s(this,"selectedToggleChange",7),this.variant="flat",this.toggleButtons=[],this.onSlotChange=()=>{this.toggleButtons=Array.from(this.el.querySelectorAll("swirl-toggle-button")),this.setTogglePressedStates()}}watchSelectedToggleId(e,t){e!==t&&(this.selectedToggleChange.emit(e),this.setTogglePressedStates())}onClick(e){const t=e.target;"SWIRL-TOGGLE-BUTTON"===t?.tagName&&(e.stopPropagation(),this.selectedToggleId=t.identifier)}setTogglePressedStates(){this.toggleButtons?.length&&(this.selectedToggleId&&this.toggleButtons.some((e=>e.identifier===this.selectedToggleId))?this.toggleButtonWithId(this.selectedToggleId):this.toggleButtonWithId(this.toggleButtons[0].identifier))}toggleButtonWithId(e){this.toggleButtons?.length&&this.toggleButtons.forEach((t=>{t.isPressed=t.identifier===e}))}render(){const e=l("toggle-group","toggle-group--variant-"+this.variant,{"toggle-group--elevated":this.elevated});return o("swirl-stack",{key:"d7d63a7cc5ae1b951bb5ecf1a92ae284cfd03ee9",class:e,"aria-label":this.swirlAriaLabel,spacing:"4",orientation:"horizontal",align:"center",role:"group"},o("slot",{key:"dab02efe5e0c516088452c64eab6fff4da4111f2",onSlotchange:this.onSlotChange}))}get el(){return this}static get watchers(){return{selectedToggleId:[{watchSelectedToggleId:0}]}}static get style(){return":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-2);background-color:var(--s-surface-sunken-default);border-radius:var(--s-space-8);transition:box-shadow 0.3s}.toggle-group--elevated{box-shadow:var(--s-shadow-level-2)}.toggle-group--variant-outline{outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}"}},[257,"swirl-toggle-group",{elevated:[4],variant:[1],swirlAriaLabel:[1,"swirl-aria-label"],selectedToggleId:[1025,"selected-toggle-id"]},[[0,"click","onClick"]],{selectedToggleId:[{watchSelectedToggleId:0}]}]),g=a,c=function(){"undefined"!=typeof customElements&&["swirl-toggle-group","swirl-stack"].forEach((e=>{switch(e){case"swirl-toggle-group":customElements.get(i(e))||customElements.define(i(e),a);break;case"swirl-stack":customElements.get(i(e))||r()}}))};export{g as SwirlToggleGroup,c as defineCustomElement}

package/dist/components/swirl-toolbar.js

@@ -1 +1 @@
-import{p as t,H as s,h as o,d as e,t as i}from"./p-BIzYxcO0.js";import{k as r}from"./p-DRAQ9S8E.js";import{d as n}from"./p-BGcNhzCf.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal",this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),this.focusPreviousItem())}}componentDidLoad(){const t=this.getItems();this.deactivateTabIndexes(t);const s=t[0]?.querySelector("button");s&&(s.tabIndex=0)}getItems(){return Array.from(this.el.querySelectorAll("swirl-button, swirl-chip"))}focusNextItem(){const t=this.getItems(),s=this.getActiveItemIndex(t);this.focusItem(t[(s+1)%t.length])}focusPreviousItem(){const t=this.getItems(),s=this.getActiveItemIndex(t);this.focusItem(t[0===s?t.length-1:s-1])}getActiveItemIndex(t){const s=r();return t.findIndex((t=>t===s?.closest("swirl-button, swirl-chip")))}focusItem(t){const s=this.getItems();if(this.deactivateTabIndexes(s),!t)return;const o=t.querySelector("button");o&&(o.tabIndex=0,o.focus())}deactivateTabIndexes(t){t.forEach((t=>{const s=t.querySelector("button");s&&(s.tabIndex=-1)}))}render(){return o(e,{key:"c35364063a026fa37b25062bb3d2b3c428a48883"},o("swirl-stack",{key:"4f098ba2e2ab10c84a163da9f7d2d6b602f5d2cd",align:"center","aria-label":this.label,"aria-orientation":this.orientation,role:"toolbar",onKeyDown:this.onKeyDown,orientation:this.orientation,spacing:"8",wrap:!0},o("slot",{key:"5c9b3c4494d6732cc95f59675768ac66c6a5e0e8"})))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}"}},[257,"swirl-toolbar",{label:[1],orientation:[1]}]),a=c,l=function(){"undefined"!=typeof customElements&&["swirl-toolbar","swirl-stack"].forEach((t=>{switch(t){case"swirl-toolbar":customElements.get(i(t))||customElements.define(i(t),c);break;case"swirl-stack":customElements.get(i(t))||n()}}))};export{a as SwirlToolbar,l as defineCustomElement}
+import{proxyCustomElement as t,HTMLElement as s,h as o,Host as e,transformTag as i}from"@stencil/core/internal/client";import{k as r}from"./utils.js";import{d as n}from"./swirl-stack2.js";const c=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.orientation="horizontal",this.onKeyDown=t=>{"ArrowDown"===t.code||"ArrowRight"===t.code?(t.preventDefault(),this.focusNextItem()):"ArrowUp"!==t.code&&"ArrowLeft"!==t.code||(t.preventDefault(),this.focusPreviousItem())}}componentDidLoad(){const t=this.getItems();this.deactivateTabIndexes(t);const s=t[0]?.querySelector("button");s&&(s.tabIndex=0)}getItems(){return Array.from(this.el.querySelectorAll("swirl-button, swirl-chip"))}focusNextItem(){const t=this.getItems(),s=this.getActiveItemIndex(t);this.focusItem(t[(s+1)%t.length])}focusPreviousItem(){const t=this.getItems(),s=this.getActiveItemIndex(t);this.focusItem(t[0===s?t.length-1:s-1])}getActiveItemIndex(t){const s=r();return t.findIndex((t=>t===s?.closest("swirl-button, swirl-chip")))}focusItem(t){const s=this.getItems();if(this.deactivateTabIndexes(s),!t)return;const o=t.querySelector("button");o&&(o.tabIndex=0,o.focus())}deactivateTabIndexes(t){t.forEach((t=>{const s=t.querySelector("button");s&&(s.tabIndex=-1)}))}render(){return o(e,{key:"c35364063a026fa37b25062bb3d2b3c428a48883"},o("swirl-stack",{key:"4f098ba2e2ab10c84a163da9f7d2d6b602f5d2cd",align:"center","aria-label":this.label,"aria-orientation":this.orientation,role:"toolbar",onKeyDown:this.onKeyDown,orientation:this.orientation,spacing:"8",wrap:!0},o("slot",{key:"5c9b3c4494d6732cc95f59675768ac66c6a5e0e8"})))}get el(){return this}static get style(){return":host{display:block}:host *{box-sizing:border-box}"}},[257,"swirl-toolbar",{label:[1],orientation:[1]}]),a=c,l=function(){"undefined"!=typeof customElements&&["swirl-toolbar","swirl-stack"].forEach((t=>{switch(t){case"swirl-toolbar":customElements.get(i(t))||customElements.define(i(t),c);break;case"swirl-stack":customElements.get(i(t))||n()}}))};export{a as SwirlToolbar,l as defineCustomElement}

package/dist/components/swirl-tooltip.js

@@ -1 +1 @@
-import{S as o,d as r}from"./p-BPrIUuuy.js";const s=o,p=r;export{s as SwirlTooltip,p as defineCustomElement}
+import{S as o,d as s}from"./swirl-tooltip2.js";const t=o,r=s;export{t as SwirlTooltip,r as defineCustomElement}

package/dist/components/swirl-tooltip2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as o,h as i,Host as e,transformTag as s}from"@stencil/core/internal/client";import{b as a,c as n,o as r,s as l,f as p,a as c}from"./floating-ui.dom.js";import{c as h}from"./index2.js";import{t as d}from"./utils.js";const m=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.active=!0,this.delay=200,this.intent="default",this.maxWidth="17.5rem",this.position="top",this.trigger=["focus","hover"],this.visible=!1,this.onKeydown=t=>{"Escape"===t.code&&this.hide()},this.onFocusIn=()=>{this.trigger.includes("focus")&&this.show()},this.onFocusOut=()=>{this.trigger.includes("focus")&&this.hide()},this.reposition=async()=>{const t=this.el.children[0];if(!Boolean(t)||!Boolean(this.popperEl))return;const o=[...this.options.middleware.filter((t=>t&&"arrow"!==t.name)),a({element:this.arrowElement,padding:12})];this.actualPosition=await n(t,this.popperEl,{...this.options,middleware:o});const i=this.actualPosition.middlewareData.arrow?.x,e=this.actualPosition.middlewareData.arrow?.y;this.arrowStyles={left:Boolean(i)?i+"px":void 0,top:Boolean(e)?e+"px":void 0}},this.showWithDelay=()=>{this.active&&(Boolean(this.showTimeout)&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.showTimeout=setTimeout((()=>{this.show()}),this.delay))},this.updateOptions=()=>{const t=d("--s-space-12"),o=d("--s-space-8"),i=d("--s-space-16");this.options={middleware:[r(t),l({padding:{top:o,bottom:o,left:i,right:i}}),p()],placement:this.position,strategy:"fixed"}}}watchPosition(){this.updateOptions()}onMouseEnter(){this.trigger.includes("hover")&&this.showWithDelay()}onMouseLeave(){this.trigger.includes("hover")&&this.hide()}onWindowResize(){this.active&&this.reposition()}onWindowScroll(){this.active&&this.visible&&this.reposition()}componentWillLoad(){this.reposition()}componentDidLoad(){void 0!==this.positioning&&console.warn('[Swirl] The "positioning" prop of swirl-tooltip is deprecated and will be removed with the next major release. "fixed" is now the default positioning strategy.'),this.updateOptions()}async show(){this.active&&(this.visible=!0,requestAnimationFrame((()=>{const t=this.el.children[0];Boolean(t)&&(this.popperEl?.showPopover(),this.reposition(),this.disableAutoUpdate=c(t,this.popperEl,this.reposition.bind(this)))})))}async hide(){Boolean(this.showTimeout)&&(clearTimeout(this.showTimeout),this.showTimeout=void 0),this.visible=!1,this.popperEl?.hidePopover(),this.disableAutoUpdate?.()}render(){const t=h("tooltip",`tooltip--actual-placement-${this.actualPosition?.placement}`,`tooltip--intent-${this.intent}`,{"tooltip--visible":this.visible});return i(e,{key:"1dd85438065ad5b0fb1753693badcd517c08cc74",onKeydown:this.onKeydown},i("span",{key:"cec96b53ce14d09093bb19d740de8fc768863347",class:t},i("span",{key:"d2fc2f7501a50e94430bb630c9994593f29dc19d",class:"tooltip__reference","aria-describedby":"tooltip",onFocusout:this.onFocusOut,onClick:this.hide,onFocusin:this.onFocusIn},i("slot",{key:"61cf62d730c48c8fd63b83847afe60376fe7d931"})),i("span",{key:"9c8fb12661cf80e005c1f6511d187a449a9dc035",class:"tooltip__popper",popover:"manual",ref:t=>this.popperEl=t,style:{top:Boolean(this.actualPosition)?`${this.actualPosition?.y}px`:"",left:Boolean(this.actualPosition)?`${this.actualPosition?.x}px`:"",maxWidth:this.maxWidth}},this.visible&&i("span",{key:"b121c81db6689177e2e3d49c5665124ad699015b",class:"tooltip__bubble",id:"tooltip",part:"tooltip__bubble",role:"tooltip"},i("span",{key:"61b17017e5d15d0c7111a297ee9a0ff9c6c6e531",class:"tooltip__content",innerHTML:this.content})),i("span",{key:"0fc2bd719134a3e51d0ee38a4883544b799249df",class:"tooltip__arrow",ref:t=>this.arrowElement=t,style:{...this.arrowStyles,visibility:this.visible?"visible":"hidden"}}))))}get el(){return this}static get watchers(){return{position:[{watchPosition:0}]}}static get style(){return":host{display:contents;font-weight:var(--s-font-weight-normal)}:host *{box-sizing:border-box}.tooltip{display:contents}.tooltip--visible .tooltip__popper{display:block;animation:tooltip-fade-in 0.15s;animation-delay:0.1s;animation-fill-mode:forwards;opacity:0}.tooltip--actual-placement-top .tooltip__arrow{top:calc(100% - 0.0625rem);transform:translate3d(0, -50%, 0) rotate(45deg)}.tooltip--actual-placement-bottom .tooltip__arrow{bottom:calc(100% - 0.0625rem);transform:translate3d(0, 50%, 0) rotate(45deg)}.tooltip--actual-placement-left .tooltip__arrow{left:calc(100% - 0.0625rem);transform:translate3d(-50%, 0, 0) rotate(45deg)}.tooltip--actual-placement-right .tooltip__arrow{right:calc(100% - 0.0625rem);transform:translate3d(50%, 0, 0) rotate(45deg)}.tooltip .tooltip__reference{display:contents}.tooltip__popper{position:fixed;display:none;opacity:0;border:none;padding:0;margin:0;background:transparent;overflow:visible}.tooltip__popper::backdrop{display:none}.tooltip__bubble{position:relative;display:block;padding-top:var(--s-space-8);padding-right:var(--s-space-12);padding-bottom:calc(var(--s-space-8) + 0.0625rem);padding-left:var(--s-space-12);border-radius:var(--s-border-radius-sm);color:var(--s-text-on-status);background-color:var(--s-surface-neutral-default);line-height:var(--s-line-height-base);text-align:start;box-shadow:var(--s-shadow-level-2)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tooltip__bubble{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.tooltip__content{white-space:normal}.tooltip__arrow{position:absolute;width:0.6875rem;height:0.6875rem;border-radius:0.125rem;background-color:var(--s-surface-neutral-default)}.tooltip--intent-info .tooltip__bubble,.tooltip--intent-info .tooltip__arrow{background-color:var(--s-surface-info-default)}@keyframes tooltip-fade-in{from{opacity:0}to{opacity:1}}"}},[257,"swirl-tooltip",{active:[4],content:[1],delay:[2],intent:[1],maxWidth:[1,"max-width"],position:[1],positioning:[1],trigger:[16],actualPosition:[32],arrowStyles:[32],visible:[32],show:[64],hide:[64]},[[1,"mouseenter","onMouseEnter"],[1,"mouseleave","onMouseLeave"],[9,"resize","onWindowResize"],[9,"scroll","onWindowScroll"]],{position:[{watchPosition:0}]}]);function f(){"undefined"!=typeof customElements&&["swirl-tooltip"].forEach((t=>{"swirl-tooltip"===t&&(customElements.get(s(t))||customElements.define(s(t),m))}))}export{m as S,f as d}