@getflip/swirl-components 0.368.1 → 0.369.0

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

@@ -13,7 +13,7 @@ const SwirlSymbolYoutube$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSymbolY
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classNames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'f142cb7ecfd5d5132bf974a5591d75f68e58332d', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '25f5e99306f7f85c4695b3f635355920f3022ee4' }, h("path", { key: 'efb110745432d9ccf8006287cccbccdc51f4b9e4', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
+        return (h("svg", { key: 'eaa9b130ca18086d837837f4ae7ecf36a04b0e88', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'f8cfe9f3d13e5290182c6db852773ba4000aa272' }, h("path", { key: 'd62a3ed86a970b723a2bd29513a3fb4f9424af19', d: "M21.582 7.201C21.4691 6.77542 21.2463 6.38698 20.936 6.07459C20.6257 5.76219 20.2388 5.5368 19.814 5.421C18.254 5 12 5 12 5C12 5 5.74599 5 4.18599 5.421C3.76123 5.5369 3.37436 5.76231 3.06408 6.0747C2.7538 6.38708 2.53101 6.77547 2.41799 7.201C2.12953 8.79965 1.9896 10.4216 1.99999 12.046C1.9896 13.6704 2.12953 15.2923 2.41799 16.891C2.53092 17.3166 2.75368 17.705 3.06397 18.0174C3.37426 18.3298 3.76118 18.5552 4.18599 18.671C5.74499 19.092 11.999 19.092 11.999 19.092C11.999 19.092 18.253 19.092 19.813 18.671C20.2378 18.5553 20.6248 18.3299 20.9351 18.0175C21.2454 17.7051 21.4682 17.3166 21.581 16.891C21.8695 15.2923 22.0098 13.6705 22 12.046C22.0104 10.4216 21.8704 8.79965 21.582 7.201ZM9.95399 15.019V9.072L15.181 12.045L9.95399 15.019Z", fill: "currentColor" }))));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol-youtube", {

package/dist/components/swirl-symbol.js

@@ -11,7 +11,7 @@ const SwirlHeading = /*@__PURE__*/ proxyCustomElement(class SwirlHeading extends
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (h(Host, { key: 'b9cf1026a3a183a221369aa93042ba5110b3d951' }, h(Tag, { key: '3697aa0419a883adc8ef6db883aec416aaffcdfa', size: this.size })));
+        return (h(Host, { key: '9a1c8b070666e4ccf094a11cf731f4a56db80a86' }, h(Tag, { key: 'f1cd7aa7a2fbb229fe146fd6d92ca12b34b998b0', size: this.size })));
     }
     static get style() { return swirlSymbolCss; }
 }, [1, "swirl-symbol", {

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

@@ -9,7 +9,7 @@ const SwirlTableCell$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableCell e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'c35406f0779522ab04f61b9d6701607d4d09d108', class: "table-cell", role: "cell" }, h("slot", { key: '8f734106d0ced4cbbe1832b384918ac735a55919' })));
+        return (h(Host, { key: 'caa6a0ead6554c367126f5073fc5d6f6dd7b81c5', class: "table-cell", role: "cell" }, h("slot", { key: 'a6b3deb661f69bb1ab969684d4c217d76c4ae986' })));
     }
     static get style() { return swirlTableCellCss; }
 }, [1, "swirl-table-cell"]);

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

@@ -44,10 +44,10 @@ const SwirlTableRowGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRo
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '7ed817de9256030e39bfcceb210b758d9337da62', class: "table-row-group", role: "rowgroup" }, h("div", { key: '5bf82404aa5f1314cfc7a17821753c364e564410', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'a73f8b5ae7cbf858cb521ef592a68e45b22369fe', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: '3ea32396dd87d7f41103faf14b551dc86c0983bc', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '6aad71d6c5f10526849ab5cf0ce167f7d27cfaca', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '814bcc0b5d1d82043bb8fac1b9010d4076f66643', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '0ceb6ec73f96deb08fe812255b8e6254defd0ac1', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '195482e9aff7a998acebdafa4531e4d898ccc2ac', class: {
+        return (h(Host, { key: '466b29723fe0657d0224e31f41e24e40c8535051', class: "table-row-group", role: "rowgroup" }, h("div", { key: '570577ca2aabac6ec76324234e5493b3af1875f8', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'db19f8f13726fd1d58d7da0b6dd8e5733d090c23', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), h("span", { key: 'eae2332e09e7e500ec47c403edaf3776faab41be', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '90b75405fb2c17a3ebf6debacf26abac0d0387a1', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'abe03bde8fa0a73b93a7fc2524b0fe574941d87c', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'f85a9acf6b2cef3090c31b2b5e43160713329495', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '8e3dbaac26a1ddec5f47ba9b298127092e983f32', class: {
                 "table-row-group__rows-container": true,
                 "table-row-group__rows-container--is-hidden": this.isVisible,
-            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '9981a787853c9df248e4fbf07ac0920cd3196d40' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: 'fc6272e8d8cb906eb3826a0719905e5ef2a7d936' }))));
     }
     get el() { return this; }
     static get style() { return swirlTableRowGroupCss; }

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

@@ -18,7 +18,7 @@ const SwirlTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRow ext
         const className = classNames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: 'e719f1b061025231a4ab26a23a2999240cce9ae5', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '5101fc064437e47c3ba6bd721ba991fb23b4f407' })));
+        return (h(Host, { key: '88c230f066b64b23b28c8b2cffdd1e530b1fc4ca', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'e8d3f5ff24dd58c0a61b2a133de256b6ec014925' })));
     }
     get el() { return this; }
     static get style() { return swirlTableRowCss; }

package/dist/components/swirl-tabs.js

@@ -77,7 +77,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: 'f96bdb8681babf66671867fef6b36b4a05fbc1d4' }, h("div", { key: 'b0d64e7fe96cb6eb8f81356749e6a6e8a69b57a5', class: "tabs" }, h("swirl-tab-bar", { key: 'e9327c7eb153a7afacd7d2c01328e595288e7022', 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 })), h("slot", { key: '61ed03c9d0c37ab1336f6a09da38a3832df10448' })));
+        return (h(Host, { key: '1b71ed5ebc8c25ed689c2f007f258903f70f16b0' }, h("div", { key: '43d418a0accc3ff045c125910ec4ac78ccfcb7c3', class: "tabs" }, h("swirl-tab-bar", { key: '6fc41b7e6f1eb12a569aef6d1e43cbfe2fdb69df', 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 })), h("slot", { key: '099762d240237856fd73a448bad8b1794f91fed5' })));
     }
     get el() { return this; }
     static get style() { return swirlTabsCss; }

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

@@ -151,7 +151,7 @@ const SwirlThemeProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlThemePr
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '5e5666314a969520cd3afd9832d851810ba9cf2d' }, h("slot", { key: '659cc00af9c93fdad4fb686f7a66c01349c211e4' })));
+        return (h(Host, { key: '8393a61a05cc2eeb473ee1ef1feaf1e8e269eb4d' }, h("slot", { key: '8cc0185f22946934eac2c3d60ab73066477207d5' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -143,7 +143,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
         const className = classNames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'fcff63c5c5cae44ce02b0c11098a65d930c32cb4' }, h("div", { key: 'ea5190d825539eea8009234d492de00c61685016', class: className }, h("input", { key: 'f7fd06406aa6716ea98c960a974f25ef7dcc13ed', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, 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: (el) => (this.inputEl = el), required: this.required, type: "text" }), h("span", { key: 'f1d3db8f74ec7217119698736ceefa8486195bbd', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '329431e6fd0cc8758c2d9ae6b721f798f83a2ac2', size: this.iconSize })))));
+        return (h(Host, { key: '981cf171001c3c69d9ca6499bdd7426848810711' }, h("div", { key: '2949f08e0a08ef2e159e59ce2d2fc7fb84dd274b', class: className }, h("input", { key: 'c2be09c877ca4ec6e10e7514cd85e674fc07a57b', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, 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: (el) => (this.inputEl = el), required: this.required, type: "text" }), h("span", { key: 'ae29d4c1ca5d831bfc7a5af272989603c9ce5f86', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '9fdef36886b40de6cafb94c09f0445a1c55da0b3', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -18,7 +18,7 @@ const SwirlToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleBu
         const classNames$1 = classNames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '7fea74ea5bdf424e022318ad1a47e1cb7a9524c1', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '6075f521484294765adfe92586e12e5a977188cd', class: "button__icon", glyph: this.icon })), h("span", { key: '06db4d7123e013b8ed257621a00764c993b23cff', class: "button__label" }, this.label)));
+        return (h("button", { key: '725fa8f8aecb56f47b055c9e337a23c04594842c', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '28e52ad921ed4660a8767b2a4a2fbe4c09787bc5', class: "button__icon", glyph: this.icon })), h("span", { key: '725200238f3d8bcf14c9795386a4cc07198f881a', class: "button__label" }, this.label)));
     }
     static get style() { return swirlToggleButtonCss; }
 }, [1, "swirl-toggle-button", {

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

@@ -4,7 +4,7 @@ import { d as defineCustomElement$4 } from './swirl-icon2.js';
 import { d as defineCustomElement$3 } from './swirl-icon-chevron-right2.js';
 import { d as defineCustomElement$2 } from './swirl-icon-open-in-new2.js';
 
-const swirlTreeNavigationItemCss = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-sm)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:2.25rem;padding:0 var(--s-space-16) 0 var(--tree-nav-item-padding, var(--s-space-8));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-sm)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-background-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-background-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-background-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}";
+const swirlTreeNavigationItemCss = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.tree-navigation-item{width:100%;list-style:none;border-radius:var(--s-border-radius-base)}.tree-navigation-item__link{display:inline-flex;align-items:center;width:100%;height:3rem;padding:0 var(--s-space-12) 0 var(--tree-nav-item-padding, var(--s-space-12));margin-bottom:var(--s-space-2);gap:calc(var(--s-space-4) - var(--s-space-2));min-width:0;border:none;background-color:transparent;color:var(--s-text-default);cursor:pointer;text-decoration:none;font:inherit;font-size:var(--s-font-size-sm);font-weight:var(--tree-nav-item-label-weight, var(--s-font-weight-medium));line-height:var(--s-line-height-sm);border-radius:var(--s-border-radius-base)}.tree-navigation-item__link:hover{background-color:var(--s-background-hovered)}.tree-navigation-item__link:active{background-color:var(--s-background-pressed)}.tree-navigation-item__link:focus{outline:none}.tree-navigation-item__link:focus-visible .tree-navigation-item__label{border-radius:var(--s-border-radius-xs);box-shadow:0 0 0 0.125rem var(--s-focus-default)}.tree-navigation-item__link--active{background-color:var(--s-background-hovered);color:var(--s-text-highlight);--tree-nav-item-label-weight:var(--s-font-weight-medium)}.tree-navigation-item__link--active:hover{background-color:var(--s-background-pressed)}.tree-navigation-item__link--active:active{background-color:var(--s-background-pressed)}.tree-navigation-item--expanded{height:100%}.tree-navigation-item__content{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__icon{display:inline-flex;flex-shrink:0;padding-right:var(--s-space-8)}.tree-navigation-item__toggle-icon{flex-shrink:0;max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__external-icon{max-height:1rem;color:var(--s-icon-default);margin-left:var(--s-space-4)}.tree-navigation-item__label{display:flex;align-items:center;min-width:0;flex:1}.tree-navigation-item__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-navigation-item__toggle-icon,.tree-navigation-item__external-icon{flex:0 0 auto;margin-left:var(--s-space-4)}.tree-navigation-item__children{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;height:0;transition:height 0.3s ease-out}.tree-navigation-item__children>::slotted(swirl-tree-navigation-item){--tree-nav-item-padding:2.25rem;--tree-nav-item-label-weight:var(--s-font-weight-normal)}.tree-navigation-item__children>::slotted(*){opacity:1}.tree-navigation-item__toggle-icon{transition:transform 0.3s ease}.tree-navigation-item--expanded .tree-navigation-item__toggle-icon{transform:rotate(90deg)}";
 
 const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeNavigationItem extends HTMLElement {
     constructor() {
@@ -93,12 +93,12 @@ const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTr
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'e208b1622c9178cfc4a2e296b25e7c67640aba29', role: "none" }, h("li", { key: '4fb5768056699d674ec4acebad45325c12b5c6dc', class: {
+        return (h(Host, { key: 'e5892006f6e0d479a93994f050a9bfc06d358cb9', role: "none" }, h("li", { key: '12fbbd5cf3ca7e97597a6faa1889e665e910becb', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '890de4db9901ac6d160113c57a3b9fc5d0d2f213', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: 'c5889ed380fcfbf32ff693c23968feaba55a31af', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'b1ef92dcb88ccf54ecf46b3b726c403a4ee983c1', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '55e185c0457bc4d384eb252c35b42951849b0e97', class: "tree-navigation-item__label" }, h("span", { key: '5b5c07fb67742e97747177105f2d62492edcfe50', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '8e1c834c54ce2c641b3f7f2673bcb8f35bf7d620', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'cc62956a053f7dc9dacbe11e508b197cb7a355c0', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '4666fcb530af51df584bedce7927eff438d25a6d', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '3ef0bccfdb92ed52d8546e7d7064b52cac038cf8', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '83436a280c0a3e75a5dbcaa98b8316d32086556c', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '44e9017d8b25ad561050666ad2e6c9a35d9fe2a3', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: '7ec98ce065c42aaf96a8340da27b22888a9fcf49', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '0110d7f713ca0040067bb4cecfe10f3c21140df5', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '321e98259f46f2537daa178b94880af5b654e7cd', class: "tree-navigation-item__label" }, h("span", { key: '03b40b5a27f2ebaabde7dd1eda9389e8a5ae5ab8', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '43bb07c08e0fb5c8e67b8ac2ef5a75e0c89d0f3a', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'e7b0b04613e89576cbd7e9052bf300fbe7936589', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '3c53d1fb965bc60273762fae697161dd07d79b7c', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'c0a534343158a84b62d1f2217020cbd831cf8ee3', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'ffb5c9030cfffa3e2717782678ed37c2edf51cd8', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: '10545f5a40caaaca0813b012f7909cea37a820a3' }))))));
+            } }, h("slot", { key: '0c6eefee8fbb6fe15702d739807cba7ac2e58231' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -9,7 +9,7 @@ const SwirlTreeNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeNa
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '6a4a6277f27ec2cc4e13d811c43a969e3052089b' }, h("ul", { key: 'ee4dbfc8553e4dbbaf3b688a041ae73506b715e9', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'f3e66d8a17136a882e57b6ea1ccf1342775f2f94' }))));
+        return (h(Host, { key: '6de0c53c48ee5a11541f3f048da018df9a0d19f9' }, h("ul", { key: 'b9e5bf4dfb6aef8acb2e92421a71fe936d3912e9', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'd2999c3fbebc8629f3662b9536d1da42ec671b2d' }))));
     }
     static get style() { return swirlTreeNavigationCss; }
 }, [1, "swirl-tree-navigation", {

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

@@ -11,7 +11,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: '885b5026b5ce2119760c6b6ca144be001b16b991' }, h("button", { key: 'c3e08d6910079201c125750d126dca751873f378', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '48dd71f050a4e9be31c91a6cdee8b656a812e9c1', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'be560b7007ab8687ae11950fe1446adc5a048edf', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '97b59d520740e6288bc3522da2408ac39d5412a5' }, this.durationLabel), this.duration)), h("svg", { key: '6e367099743e2b8cd03ec28a4065be848014fb1e', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9cbbbdd73f4555f8bccd4418b9750af6224ed00d', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '42f3f85dc459c8d7140d9052f9cf4c6edaa4dd51' }, h("button", { key: '82dd95b54642b3b108fd91dbf1a8f8afeb0fa271', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '278f7980472b30d2611f4b2ea81f680d01f98ce0', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '909ec9ce4fb84fd292047f01bf5b151e2d31d8ad', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'c116caa5cdfce1eaf4c90fc0952435677b7a8f91' }, this.durationLabel), this.duration)), h("svg", { key: 'f3def89bf9321a2bd650ce8da299927841492bd9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c680681835a6635574865c28eb9c579073b57068', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get style() { return swirlVideoThumbnailCss; }
 }, [1, "swirl-video-thumbnail", {

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

@@ -8,7 +8,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '2629887aba4136ddd1d58b8eef851f87cb916281' }, h("slot", { key: 'e294868680464e61f643daaff98b7f07cbb2b405' })));
+        return (h(Host, { key: 'c60b98986bfc4bfe390d3d3e1eef5a54dcc25110' }, h("slot", { key: 'f150f7d98ab83d65e72983aa63ca593b915e2f5d' })));
     }
     static get style() { return swirlVisuallyHiddenCss; }
 }, [6, "swirl-visually-hidden"]);

package/dist/esm/file-manager.entry.js

@@ -55,7 +55,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '72ead75fc8d2812f3539bd0ccda5cc97387e17be' }, h("swirl-app-layout", { key: '5c3c21f7653d2b291002e2e35529f1f4018f2b8e', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '7d75ae757e4ac7d5d54e145de88e389e47e3e04d', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'c33adbe8d55e6218a470bbca81b35b632929213c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'd554d190684cb705f2df6719a106a6fdf2fa7350', label: "Sort items" })), h("swirl-stack", { key: '33dacc799411a670b96f9f29c815e9786dad4457', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'c5a959e1b911fc2bdf58466e06faed0574877f83' }, h("swirl-heading", { key: 'fda8c8be92909bfde64dd97f27e6506b005f088b', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '41cc03f2b6adfc9fe8f0b70a747b879117602a31', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '77230827b8c15d56e93f04de9c4c6ded4bf25545', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '9537927eb7d1dc0a730f9e81f8ffdd6cdebafe18', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'b4f4147f73a57ae272f750ebd9f519ca69792b7a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'e73c64ff8103d9eb6f48bd729059a350a87c8465', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'ea29ec22c344dae8f0677d922201625b0c7465a3', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'd038d4ef07c27c84d45a51f48a6e2295b0309773', value: ["ascending"] }, h("swirl-option-list-item", { key: 'd5a0696628c41ab5534e860f0560bd5f051a9ef2', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '5d74159cdb802623efdea7fea7a619eaf7d272d7', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '28f79a861276b59ee7583a6435311a4528890ddf', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'ab4714e7adcd1a3741d1dcbc7c4de6004ecfc996' }, h("swirl-app-layout", { key: 'e3637d43b4707efdd35e73e60890c8cd2bd5b646', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '5388eacaa046de043945038ac2a8b3b816b5fb4d', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'e1297dd14cc51d71ed09ba207cc8df6e7bedae12', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '907fed6b26950cbd86e3991863ec3436e6be7b62', label: "Sort items" })), h("swirl-stack", { key: '29a611316c2d000c8a09e80a9e0f588f51c56b39', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'bddbf7535e6f77469ac27cc0c6ecbd34953148af' }, h("swirl-heading", { key: 'bc18e1ba33ca53bb5f456ce1bc08cdda15de5b93', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'cf4deeeb1b5943511a9b01928f93a679bba0d98b', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'd2821633d911d455bd38e009e528274562d8170e', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '9d8441a51bf38ab03b32919858322693c2a1c9e6', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '444680fd39a768ef18e72b4e8b9c915b1bd80804', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '74025b4637c984103d390183b1f890d8593c7454', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '411fc06cec32bf3558cf0ee8f93fe492ca135eac', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '557323af43223ebf468a8eb76151c8e7ea528b73', value: ["ascending"] }, h("swirl-option-list-item", { key: '95f1a4ea683ea4ac31a25c75a6fece74ebf1cd3a', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'c4624ca713d8f4cefc727093a0fa9cc5358e2a19', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'cd3d0e016af8753032139ade20a6d2b8ac41142f', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };