@getflip/swirl-components 0.290.0 → 0.291.0

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

@@ -40,10 +40,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: 'eb20c98db01ff9bd3aac6b497fa6f7e3ed4e3ad9', class: "table-row-group", role: "rowgroup" }, h("div", { key: '1c5caf8fe15ba2e2374fbc98dca54ffe8762628d', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'cc73bfe71d420e7c0c79d79c11d5fef78a075ef1', 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: 'fd964075bf619d18664cd5d7653e5789fac19e67', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '58a526fb6c387074627d3ebecf26eeeb66c874f9', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'acd103cfde8cd75fe7deb86e1ea15cb5b40730b4', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '5c4f59c7e46236d0d811b52eeccc95cc382d7c15', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'aea0e3fedec73c5f59a7f96355794e7bb9726fb9', class: {
+        return (h(Host, { key: '3f843b7149f35349d269ccbb137f7e5d9378b252', class: "table-row-group", role: "rowgroup" }, h("div", { key: '5bdf13651025084b0430f40c6f3b66696799a5ac', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '9c97406fe45cb102543de38ab4891d010c77bd12', 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: '296df56608dee2b662681edc875d8e08da73bbc6', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'dd86f1c97f81eef4c84a51e7bef29025ac7b9302', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '8136c94ec639ed44dd46e6b77cd3c972d0c74f61', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '69a072a885de0c997cff659bec98878f1d86d727', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '8a1be8b8482c521642a7223b1ac2ef6e98b8eb2b', 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: 'd530d932920f87cc912fc256611886fbcdd2ca01' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '59762004f9f09fcf8276796cbb25c2d4eec44c00' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tabs/swirl-tabs.js

@@ -78,7 +78,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: '1ac2dfa2ae746878117dd5a9d084c4f01b3bfea8' }, h("div", { key: '01e1a9a7f5fd4801af2bd54750f3e7954a6fff50', class: "tabs" }, h("swirl-tab-bar", { key: '9435cfed3336d04ae4f531992c26e1fbd54c4520', 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: '649844c197a13ebc8cd4a7925acb1cf48d728404' })));
+        return (h(Host, { key: '6b910c04a51b3132298f089eefa597b0f863fc4e' }, h("div", { key: '5e16de5360ea32a19bbc95f6999176b5d967adb9', class: "tabs" }, h("swirl-tab-bar", { key: '7d225d01d16b36c73c38dd4f06aee18e71bf082c', 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: '7042180e086172dbca0a2974779284171b182b04' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -177,7 +177,7 @@ export class SwirlTextInput {
             "text-input--inline": this.inline,
             "text-input--show-password": this.type === "password" && this.showPassword,
         });
-        return (h(Host, { key: '8877954f2b89a0b7b9669c918b7daf110607c131' }, h("div", { key: 'da676db95d6671652984ac045c906c2793f3656f', class: className }, this.prefixLabel && (h("span", { key: '8da3604242fe0e746285915fe024f4920730c496', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '5223ee8c91b51c07191ca305c5bad1f6b7dd311a', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (h("span", { key: '6456ab9afe0c8be65de7a0c11259cf95e1cd1e4b', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: 'be09212cb1701d9f0f5a4e62450cf4a52e540db5', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: 'aa7b43c410667c07926bf961659f418dca46851b', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'ab4c0e6e8e61e80462bed282fda11edcbc36dc28', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (h("swirl-icon-visibility-off", { size: this.iconSize })) : (h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (h("span", { key: '145fcaa35c8c842cafb2d2988437e6db9bf1857d', class: "text-input__stepper" }, h("button", { key: '2ebb5e19d146e168479e82ca56d4332ff6693789', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: 'b8c528d353e1ed55b135538e36c4252203091449', size: this.iconSize })), h("button", { key: '58d8392f4263b0e3292020a66bf1b29756b72af0', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: 'e04b796438f6e3f77bc594bc400a027e8f1d2583', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: 'c387de92beed839754ebad2d032c56efecfb8f4e', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
+        return (h(Host, { key: '0b8eede30ea9a577bfebda81539cc5e1e4b5fe95' }, h("div", { key: 'bc2a3ab889a8419636c393f9092ab3ed4a56f11c', class: className }, this.prefixLabel && (h("span", { key: 'a01095f25187269a58a9cc5cae28975b8d6365a3', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '3dbf1ce0097b57977a49a989eb2e4c842e990d79', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (h("span", { key: '3da40cda2b2f392da53a10797cc96fd726f48ef2', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: '38cc8425b91dc70a26013a600e49da131db868cd', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: 'aa9e6a263886a5447b4af70bc0156b74ac74ff46', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'fa338b9f668a7a2ce80c827a4a529a41f129a441', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (h("swirl-icon-visibility-off", { size: this.iconSize })) : (h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (h("span", { key: 'b113f02d036be11655038a48c5ed649d82b240a3', class: "text-input__stepper" }, h("button", { key: '61efb8ca9aebaacdeb8b1aac4e1bc96389a97487', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: 'd04ce617e500fe49751f0def355124c8a6913872', size: this.iconSize })), h("button", { key: 'dd2a2d378be0b6149332dcc49faca360cd96260a', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: '0615ab4dfe50d8ca22864e016df8634e8d47ffb8', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: '2d0ad8c0e8a8f894165ed20013a3e7429a93230c', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
     }
     static get is() { return "swirl-text-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -145,7 +145,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'debfbb9678d6e369c7481e5f712ce472ba2d9c76' }, h("slot", { key: '6e754b8908c5ff60064f021c28666708da2f15a9' })));
+        return (h(Host, { key: '06cb7dab4654a9aff51a3461e0dab0d8a1399330' }, h("slot", { key: '942441b82aca3622b43526e59f258a0011ec9755' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -117,7 +117,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'e6c010677d0fe28d382412d125809f54b27b70f7' }, h("div", { key: 'fc50e1af664bea9d903acba075ce797f82c382de', class: className }, h("input", { key: '434bfe9e5029252ff1eacdd09dc1e5711847bb47', "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, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '680a27380203369f4daf51f631923c2b5307ad0b', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '15d2dad527da68b7200f678c6ac6c035bd301e8d', size: this.iconSize })))));
+        return (h(Host, { key: 'a38e24f535ad79a370fb2bb1f9d339632c59e60d' }, h("div", { key: '5ce3a38a4178db3e8dcf6e6e95e6ca12d38b3685', class: className }, h("input", { key: 'bfe7f9b3711f46c2edce8ce0a1cebf8c496e9979', "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, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: 'ad37f6a6d1b7ba1895f1e1aa0a981bf1822cc975', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '21886d25c983e7295f2d43c95deb40328401366f', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -13,7 +13,7 @@ export class SwirlToggleButton {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: 'b8e7f721501d04c68b53c450345b4dcabc790027', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '4eef8b7908fc9f7ba892068eedcfd9773dbe963f', class: "button__label" }, this.label)));
+        return (h("button", { key: 'bf631952cd307b78282e5f146970b5ec52864e71', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '389eaf537658ba0530e96c7a95d767edee278131', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class SwirlToggleGroup {
         });
     }
     render() {
-        return (h("swirl-stack", { key: '3f15bce65905838eaafa73ecd6cebe6737c35b7f', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'ca54b914417598aacd1f92ed5ac8b486dc053d8b', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '90295cb6ebd80d18d13b91ca6e201519a25d8d48', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '80cdabf2a4cc3442a9890903fd26148d26db3ad4', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ export class SwirlTreeNavigation {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '8246dcc5d18a8736dfd23c7974a8deccd0403ca9' }, h("ul", { key: '5b4979eba60411f412fabcb92243b497fc1b45ae', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '1b04319c154ae86265056fde34d3b1012c33dd38' }))));
+        return (h(Host, { key: 'df4b506f6383d8bba14a49b1c06d36ef970af691' }, h("ul", { key: 'fb3d1cac0cfe246df7abb222294d24200a4e712b', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'efc6f605145aa153900f92e2ccb38f47b6a00d5c' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,12 +89,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'a42d7d58474bf84de0d134f2b3609967559dc879', role: "none" }, h("li", { key: '51cb405ab5f9530d4e6e765e67057ac9997d4634', class: {
+        return (h(Host, { key: 'c5c9aaab9e0ae98823e070397b4210748aa5b89a', role: "none" }, h("li", { key: '247b020fb82797a67995dfff2e0cc46d0f45b12b', 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: '44f560f801d3cf310501173dee5d2f4705570dce', 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: '123e8940aa5bf2428dfdcd7d64edaebbbec9cbc6', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'ffac14d62fa8e10df0ae5904e0e2cc7a1b2f2ef7', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '1efecc50dda818fd6bb170452347e56e9fbf55e5', class: "tree-navigation-item__label" }, h("span", { key: 'c4853609022c3396999efa4a865537decdc869e9', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'e1d8cb7ef87f2f30d0f98b578bcb062ea7db7f6c', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '6b3366a4a34fbc0984ded85cfc95b26b85eb9841', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '486638d47ebde4c21734f40fc517ecbb57124d13', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'be197e40ece624cc4235ade598730bb0677adef0', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '91f71af45a512ba54aebcef3cd5fec4b8c17b361', 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: 'ae089b5cfc9e906bbdb47a8a18a6f9e93f0f5178', 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: '2280b27ba700de1473c91eb35f5d2de08bc3540a', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'ee4146b5a61f0bad5d00371106fe782ffa32cd01', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '03f0283be566d93548cc0f516adcc2a9a3a9bc66', class: "tree-navigation-item__label" }, h("span", { key: '00af4fbe3d42cf0f7f327ae967381a30427f2492', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'c41f06c4e025286ddd8c79367d1f13f7b9360f4a', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '5ccbfe78fb441c52db23ab0e9b92fd4f3367d6fd', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'aa87687dbee58bb91a9a91ed04e430730e27bdd9', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'acdf648348a2c4f9c1e5b29a6c410f29237b0f02', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '8fc6a90fcedc94cae7a235982ff793a6d0f56a86', 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: '904ab4553e16b41f600100ac0ed143bf4068fd5a' }))))));
+            } }, h("slot", { key: '32c27c15243605450ec166c1ec1dfd3170da624f' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tree-view/swirl-tree-view.js

@@ -192,7 +192,7 @@ export class SwirlTreeView {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (h(Host, { key: 'c7ef2c549ea86a8206321c0d0ff1697b52e09596' }, h("ul", { key: '25ad431f5ec2295cf853e8d44c468203733f503c', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '8478ccb313cc9ca6e1d60f7fbb4a194489bd9229', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'bbcd1bc74c52c3b8896f20be1caadf84734e4b2f' }, h("ul", { key: '72bbdf03a78b04415cd17de341b4e4af7fcf3b54', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '279f56e5bb2eec5852bacc8e5416164cafb22f50', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.js

@@ -74,11 +74,11 @@ export class SwirlTreeViewItem {
             "tree-view-item--has-tags": hasTags,
         });
         const hasChildren = Boolean(this.el.querySelector("swirl-tree-view-item"));
-        return (h(Host, { key: '47fd18686962962937ccc3708f5055dada1de65b', id: this.itemId, role: "none" }, h("li", { key: '16d0c6786f038ec8f1bb9082f7e3039856dd6733', class: className, role: "none" }, h("a", { key: '4e538aa7a3ae3704ae75702ae4b576d40b5afc2f', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+        return (h(Host, { key: '99e7b997cc0ac4b876a39ad8c86463f65b1f2b04', id: this.itemId, role: "none" }, h("li", { key: '92d5be2ddaf1e9ffde494bd80558b21be1d47b89', class: className, role: "none" }, h("a", { key: '8013e23ffc362c1c40d2bf499cc311408f28b450', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
                 paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: 'c8378dc70fa49a84ba345b7a352f480bc777f768', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'a9d66509696f58cecdd0d5ccacbdcd182f90d676' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'cc3b301449a61927977554764808d4a45ecc12bc' }, h("span", { key: 'ca01a05b89a703befb4323a770590f59d3c97452', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '654edeb374f8a8728bdf82e228231f62406fcfae', class: "tree-view-item__label" }, this.label), h("span", { key: '92809da1786d9852af825f6958113c0b01618416', class: "tree-view-item__tags" }, h("slot", { key: '38257ba68c4d6822d4b71e9b6aca8435b2a55c2e', name: "tags" }))), h("ul", { key: '50572d909fa2ce6df8f3b24d7dc151328bf5b12d', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (h("span", { key: '6e86292381b7968130520b76b33e95d6267de99a', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '76518e2402d633f2f4e410155ef8306fc74ee231' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '4cec92ec50f6e7b8eb7a10aa0557b39be03b1369' }, h("span", { key: '994c4d8f711823a38dc49d519d97d000dc94427e', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '0f0f0737811692e3d86d1147cbf9b5f2707156e4', class: "tree-view-item__label" }, this.label), h("span", { key: '6d59fb68782991840fa1e3728490bf3d52284b56', class: "tree-view-item__tags" }, h("slot", { key: 'c73c93ecfb910c927b43915e10deec8c63357af2', name: "tags" }))), h("ul", { key: '3025c601105e94f5a19e7585c74b50398e242275', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !hasChildren ? "none" : undefined,
-            } }, h("slot", { key: '9a73358108ba61c642c9cb36cf40123316979638' })))));
+            } }, h("slot", { key: '44a4643f2d58607f9013ba83f8e1cc6d817394d7' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -7,7 +7,7 @@ export class SwirlVideoThumbnail {
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: 'c3391b000313dfda53d6f3b41b819ab281d44848' }, h("button", { key: 'a919fcec1196b1c38751e6f42230851202887bac', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '7f725cff5641767e7cf70342155959ada5e2a176', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '7e528e23564753c92407ef8959d1f1fec67decf6', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '98ab1fcecd46520ad8257da8a89f12536869061e' }, this.durationLabel), this.duration)), h("svg", { key: 'df470fd68c7e8190c87ea9d97e46ed37cf06189f', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a7adb674f667bbfdb88bfccf9cd492a651d689fd', 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: '037e6f35a107a2ad164eacd3f528b6a5828c1e06' }, h("button", { key: '7c29bfc214d4d0673908a9256ac19dabe483947d', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '99f5ce1c96758efeda64ab45078c12d1b2073a4a', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '0ee014ffa46b74a96110d08efc80c411acf8b9fb', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'cbe67dc2b72a6131641345c9a592ea6026d83124' }, this.durationLabel), this.duration)), h("svg", { key: 'f10251c6fd959bfa10d3a53f48999b8a2fe1cb12', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a61e05c87882a9173e0f5a7b9cf67af7e5c93214', 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 is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: 'dc381cd329d166df18e107e0216936c445300bd5' }, h("slot", { key: '8a604b0d79fe11af79b12848db1e84282cd41d4c' })));
+        return (h(Host, { key: '787f927a3a310f100160b65f0b88d2907f53e9a3' }, h("slot", { key: '9fda62dd3f0e8b00e5bae33edac6c6997db2d8c7' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/prototypes/file-manager/file-manager.js

@@ -56,7 +56,7 @@ export class FileManager {
             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: '6603abe64ac9ea6436bf164e5863dbe252485444' }, h("swirl-app-layout", { key: '41bf19429c03eedbe5b53a27a9e1f5ac53199872', 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: '9c27bc74c66a7551ff7d10c7e97a168e13a53ff3', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '347b1f00fc38adee4d9c3c8e61b068341b46bba1', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'd4cfe8cf0018329a5bd5c0aafeb1b7d814848fc2', label: "Sort items" })), h("swirl-stack", { key: 'f5dfe41009bb7ce695eb7751e5d9c7da0de5b49e', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'a32447f4da4b23c479eda986074cc6872fccec6c' }, h("swirl-heading", { key: '1b195e5c58b6b0547c2513279500ffac6708f5e9', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'fd5e67c61cccabf95c49dda8a797c1ffde13d244', 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: 'f3df316e5f0b4f83b5bb08b9909ed926f7c52ed9', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'f923387944645c02ac03e23395213b176ed09203', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '61a6233730516d6e3a9ee37f777372f1c68d428f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'b1d547fbf54276b014329c6585b161531181a138', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'b076f7e20dd0d765480f8f42a0510231956f315f', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '730c7e0f5a54eac3d34270d34523b586b060cd13', value: ["ascending"] }, h("swirl-option-list-item", { key: 'd42dd5d600b0e67b3e11bc89374dd633f6024d47', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '2aeeffcb320b8e4614ca86557db63fe533e44adf', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'bd7b9b047b2ed441d1f7b0545f4423c46b5e150b', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'cf4d8f11fd4d0b88c9598a3f696555786f61e3f0' }, h("swirl-app-layout", { key: 'c09dcab1e6cae4c716d7632e8bef0c137daa2195', 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: '66bc9b1dfe00fc559f64618a0aad5c7fa60d668e', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '6b7489a7ce904bbbde241ded4fd66afc5839d60b', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '204b2c051855dbe9166288d67222e6bab8b5eecd', label: "Sort items" })), h("swirl-stack", { key: 'aaaec91d2fb59dfc3fad75fc6f8ac65b701210c5', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'cda0f6deb4888cd070e5d23542c5a29d15033683' }, h("swirl-heading", { key: '062cc15116315d21feee9d42beeaef4032682eec', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '3a0b965c85bf19da98249baed32caffd8f978076', 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: '86e9133be9b36f60ac8f6a9083b5ec2322d8932f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '4e76be16045b9cbbb35df0c269542865b9d6024f', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '63da3d10e658273387a1c84c88333a2d356f61e8', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '599e73e13fa3e901955f9f6d7c185604d288a9ab', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'a41f004740d4b7a7abd52b4bec11d3b1ff60dce0', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '1316b6f0cf2c4e98e5f33bfbb5d66695ece98269', value: ["ascending"] }, h("swirl-option-list-item", { key: '58f06b9e639239a4030840743685409d16798466', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'd463e1d8db8bfe6056d28545f43c541bfdbb1ba4', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c1fb103c4b288286f17a1acafa6ded3947aeea07', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
     static get is() { return "file-manager"; }
     static get encapsulation() { return "shadow"; }