@getflip/swirl-components 0.284.0 → 0.286.0

package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.js

@@ -29,7 +29,7 @@ export class SwirlTabBar {
                 ? `var(--s-space-${this.paddingInlineStart})`
                 : undefined,
         };
-        return (h(Host, { key: 'f6a9bc66a1e6632e231a6404ec847699a59a2409' }, h("div", { key: 'ae3442c940dd43f5a63229a06e871c364f544a60', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: 'a00d1d9bb2dc08974d3dc059b6be31d5ab6d6a9f' }, h("div", { key: 'd7cb6855326235d5abc8117cc3f4ada60365dc63', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
             });

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

@@ -251,7 +251,7 @@ export class SwirlTable {
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (h(Host, { key: '3c6ceb12f44c9569c2e1f0123469a7f7bf78efac' }, h("div", { key: '8fc610eac6c9137c31bee2e1d29518b83c33109f', class: "table" }, h("div", { key: '7b7d0a4db01ae20c0bb1838fea908edf53429205', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: '1351cc726777a39b94a61ef313728d2053d62012', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '80dd6702f8c1451447040687d4ebb843abc77d77' }, h("div", { key: '80f75e2bf3d8251e9f078216016d373751b937b3', id: "caption" }, this.caption))), h("div", { key: '47ed57a524071c9b8fd0e4c0837340cc9b7af440', role: "rowgroup" }, h("div", { key: 'ba655b6daec9de3777f4bf156299beef79ab8fa7', class: "table__header", role: "row" }, h("slot", { key: '1f1c043262ebe55a7d7d99ec01ce93594f4ea312', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '4a7e2126391c33e31898e0bf57d5e7df9593ce16', class: "table__body" }, h("slot", { key: 'e68a58ff6d4cbe8d2d31d34106bdf341b026cd91', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'a0c03aef7304d9bd75cedb1fb1b3d8261934ec29', class: "table__empty-row", role: "row" }, h("div", { key: 'aeaf22c6f0de29b13fb72605057c801c819c985f', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'a27e8c59ded4317ef8efa447c4c41174f3739c10', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '34a4540512759a6ce4430d9b5d524b01c45af404' }, h("div", { key: '46e809c55c53ca5b478e7028b7d3e57bc48d71ac', class: "table" }, h("div", { key: '0d73c969910497e7f7079dc366ebabe604bcb2f5', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: '0490711200180671edcc2c86b6e991725a6999fc', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '32ed2f06cdfbc146ec0d287b0c3c8d07c75b05ec' }, h("div", { key: '7f0ddd119edaf741192440ee8f120a2d00cb178c', id: "caption" }, this.caption))), h("div", { key: '66272e427bd1d038670bff8978d0e6d07d08ff88', role: "rowgroup" }, h("div", { key: 'cd014f37365e9b89839fbf53c13fabe53bc3544f', class: "table__header", role: "row" }, h("slot", { key: '62c51437d1908f87183d375d44610d13aae80f34', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '2bc6b06274b4c9f697669ed6074a9083253ed1be', class: "table__body" }, h("slot", { key: '72c5653f147c196b11067c90b9eab1102b84700c', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'dfe4e83e11b976620406a1e2aa05d690520dd668', class: "table__empty-row", role: "row" }, h("div", { key: '15190447a0a3f2b259093380abb161184913b0af', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: '8f1d1edb4f8179e2b3bd8dd9762672bb18083527', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     static get is() { return "swirl-table"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlTableCell {
     render() {
-        return (h(Host, { key: '0b6dc5bfb399ecc60d327144cf511b0aec2e0d1b', class: "table-cell", role: "cell" }, h("slot", { key: 'fee309d46272e02fcda2c8da606faf8c956be4dd' })));
+        return (h(Host, { key: '54f809510f6edfb09c78e0e539e1871716541966', class: "table-cell", role: "cell" }, h("slot", { key: '89eec3af1ae3e28e5bd211c18e3356b5835d13c6' })));
     }
     static get is() { return "swirl-table-cell"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-table-column/swirl-table-column.js

@@ -22,7 +22,7 @@ export class SwirlTableColumn {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '26014f39a74da8d6834f698fe8479aacb2e3278b', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'd8602d679734e24d3ed1592fc14ced19b6115fcf' }, h("slot", { key: '4f92f06bcb68041cc1d6763e627aa5fb919df1a2' })), this.sortable && (h("span", { key: '431cd995178bde16cfec14c0e2a55f5de980c3fe', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: 'e3628dc4e2ad40fa09e3993d01889c92de2bf3ee', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '6046f2b3c39ab9005ea1a35ec2e1b2c7ddfad703', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: 'b1763ea08baeb44611f28bb26acb5fd1a98c245d', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'd5f08eea45fc5e46b1c785392431c00a0d9df099' }, h("slot", { key: '7a4539bd833f5a82f3958455fd5eee191d5ad5f4' })), this.sortable && (h("span", { key: 'a47f6e67da1023317f42d21a4d06e4789c071eb4', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: 'f683516ec278c8460fd2f4de58403af2a9bfd12e', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '4387aa66f975912f15674a1b3e27b5e13f263eef', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     static get is() { return "swirl-table-column"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: 'dbbd333f12aa2f3d339905922f67c1264138548e', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'd29c77cc9c84f28a6021bb48c74f928211ed2e35' })));
+        return (h(Host, { key: '33ae12338f88a19c38acd82d0b3c1a5716f1ba32', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'fdd796d4d214ad58ebd2cf8cd6769240f8d24276' })));
     }
     static get is() { return "swirl-table-row"; }
     static get encapsulation() { return "shadow"; }

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: '954c20155b22cf7ffb72e9ed40304c7c84b71253', class: "table-row-group", role: "rowgroup" }, h("div", { key: '54144ebb956aa8ffa84194ddd664b3260e43098c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'f03d53947eca62673726719112d5005c2a63074b', 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: '1f8dc631e50d159ae885159f0c59252a3f9c7ce5', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '89b239c5b27b3fbac62f0081e6f0cc419ea7a65a', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'dad272a08b1dc5bd57851d39fdb4e848fb15b9ea', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'ba824931944c751f4997b7e2c015fe761a25320f', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '56e35e740f5bdfdc6d0d3620c0e32832a2e954fd', class: {
+        return (h(Host, { key: '7053e44e102b37c050eec6420dce7e71f08741bd', class: "table-row-group", role: "rowgroup" }, h("div", { key: '63c2b8593361c6e8fa47411a041dfd2e10f69d0e', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '59c0fc05bf80801b12b52a1901da351238b91653', 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: '7c15725f55e459e557501d8d34bcfba0aad2595e', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '74bd51e371f11b85737a2a92fb6baf52822130c0', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'e031fb46aae86d028ba2d4875bacbad9c591fb5f', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'f7c3257b5784b73aa6532eca7497c25ed6108d15', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'e3ba186c0293e4de6bddb428bda46c9426ddca3f', 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: '5b31481ca5cc8217f303402c29a4f8f984eb3d66' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '45789f6806e8d1017bd851526919d9218448ca9d' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -74,7 +74,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: '6b1426436840263dd7b7e58646daf3b10fe9520a' }, h("div", { key: '34da9a8dd090dd601fa3bf2dba8f3ccbc0168844', class: "tabs" }, h("swirl-tab-bar", { key: 'f556966b5d8d0b0aa66ff546effe642fcd03619c', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), h("slot", { key: '72a07cf0e9fcd0716346d26c4e637fab1d73431c' })));
+        return (h(Host, { key: 'ae768ee53207784c8a51a8f0bfda8e219ccb6031' }, h("div", { key: 'd93c9331cfa0b821db484b8c90bdb1af1ae68ccd', class: "tabs" }, h("swirl-tab-bar", { key: 'e266842a0917044c32d4a8b6f5c7845c7aea372a', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), h("slot", { key: '0862d214bdd0f8734aebe7e5c77b334793487bae' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -36,7 +36,7 @@ export class SwirlTag {
     }
     render() {
         const className = classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: '95d5870924775beac03669d847b98a50961d410e' }, h("span", { key: '84a3d54ce98125ea34c72c636ec3cdb1e1b0fbf4', class: className, part: "tag" }, this.icon && (h("span", { key: 'e4d1cce127244c451c7689abaf0c7d245fb77ad2', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'fa9e7c623b90f9e3a61dad17f2f4c695a385d43d', class: "tag__label" }, this.label), this.removable && (h("button", { key: '268ff7b2de842fa24f2bd647ea41e8b89cca1d72', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'b1a595c4d769289c2d7b4795f4d18016266844e7', size: 16 }))))));
+        return (h(Host, { key: '8ccf9135843039d1b81df50d1d0b9c159e64c54e' }, h("span", { key: '9f0bf54e7d19c81e6cd603d1b0ac78098c710220', class: className, part: "tag" }, this.icon && (h("span", { key: '3d9ab1ec30fa7c14ab126367ee603e49858f0f18', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'dffe70b528eaa452b199b1dcd40e409512939ffb', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'a763c24f3c174f8bb83460efc1bc86f5023e6606', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'a6aa51f9555d3386a0f4fe449a284b3904bad01d', size: 16 }))))));
     }
     static get is() { return "swirl-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: 'a8d2d9e515225702b2f88e1e83575d2594fc81ab' }, h(Tag, { key: '50590b4ed3c0b43cd383c582611efe7bf644ede3', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'd8459d00bdcd99b384677469de8406e4f48f3c13' }))));
+        return (h(Host, { key: '03388b5b7a0e20bd616403ef2c9a93fc548e9afb' }, h(Tag, { key: '0d9eb5d506aad818474104a2a0e8cdf2d576d904', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '9decdc11d3d4ca1b632f9ed425f59fc813685150' }))));
     }
     static get is() { return "swirl-text"; }
     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: '0470782920c3273914f03099ea60b191b4f83158' }, h("div", { key: '6372e6531ebdc6277d9769c9e721421619fc1ad9', class: className }, this.prefixLabel && (h("span", { key: '0f89b76e5ca43c161b1c832ad4d232699acd732a', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '7c5f88e908411e533d76fb2deefb67e02ce1068c', "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: 'a5878aadd305068dc478156c3e67f442d847ffa3', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: 'e8a9e61f1ba70e99c5ce93f6fa9f27474e107de0', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: '3ab044c9ebc7dff0f37c66dd7712e4cd5f97cef4', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'cc615067bd4b6d6625e797d32dc30e49adfe2307', "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: 'f718f46c63bf7473ed17c1e08a583c111f65c9b8', class: "text-input__stepper" }, h("button", { key: '248a6d919838612cb97aa80ab893e11f7ba0b0a2', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: '390a679d284cd9510a5938401b18209241026e10', size: this.iconSize })), h("button", { key: '6505f9710b8e8f92dff64e8650556b677da4682c', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: '76b50d5efa7cc9ae99273fdbcf4271f73d94a939', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: 'fcd5a051c7c5fcf63cf8a38a3ad651891b02227d', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
+        return (h(Host, { key: '3d66e626ca92404c8e81b5fbe007846e0fe50f8d' }, h("div", { key: '697fa0842017aa887f0e43f2ab4949754e6c8dd7', class: className }, this.prefixLabel && (h("span", { key: 'd76dc3105c722634748709af494f2dbc5a9b3c6d', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: 'd811e8c7ffad4ee66f3dd2bd2ed22c891c97f19e', "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: '540cefb8f48c080dbebd402e16df5600909ba801', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: '97dae4d99f67977dc6e67ee666ee180a7ae2e9d7', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: '7fc6d83c6d0c5510eb934d5fbc93173959878a0e', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'aa0a5826d973cac4cb31a3cf2f64f82658ec0424', "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: '02c1e9742f6bc258cce00c5ef9a8360c2fbfa410', class: "text-input__stepper" }, h("button", { key: 'c739306ca2ec41eb2543e8f059ea2d9f96b457f5', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: '92e1b182b713e49458e1f050df3f1f7c962772dd', size: this.iconSize })), h("button", { key: 'dd19810e95dd537a94fc843de2e9bb2d643496e2', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: '27846fb0f6a1f457cecdb784cf217565e030aa22', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: '960e82f420d0ef88bed9ba8fd4792dc52ae46455', 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: 'e3fe6e2eb1cc7424f521e351264d3442be5d6d21' }, h("slot", { key: 'fa5e17da0289211471c6e70fc88d1cdfd1547783' })));
+        return (h(Host, { key: '55055666ea717217e4f0c245e49b16fc805407c3' }, h("slot", { key: '6ee6ed2039506751249d36f92aa75e64c69c9d19' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -29,7 +29,7 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: 'a6bff2a9a9e52bf4428c4d664c6c898854f5e357' }, h("span", { key: 'ac0906061e6aa98f6ce5ab937d49cc104c690a55', class: className, role: "group" }, h(ImageWrapper, { key: '45b7264b37f3afd057f32154857246075777db9e', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '6318a85db3f583976a5c1bd57fd294cbde0ac697', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '164f86a3b7963abdfd3e676fc876b362a0f2cb56', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'f2d6e51378bf7b00672c34c7927d3cbc84dbf575', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'c4efd7552256207477d004be538a3c162496c4b7', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '4ee4b65a99a21406e18d358c311b8a4519fb2b2a' }, h("swirl-button", { key: 'f0824c0767d6b706cbdf7c3919d57c8e769a74a2', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'e5548bcd85d81dadab3124b9072726ff65259323' }, h("swirl-button", { key: '6ddc9910aaf9191daace463b5eb1eea49234013c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '7e814252c690c11eda0a8d8637db1425071aa94e', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '1ad7965a1117a9d327c5c31c5a68bcede95b40ce' }, h("span", { key: '5c2ea2fef57e656f8506a0ad764178b66b6e9341', class: className, role: "group" }, h(ImageWrapper, { key: '23aefd3e55c966b993677229ef22bf52fffb7f92', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '9c5056cdb7c56be9ddf1d8f543e8db715fea3100', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'a9e5fdc778d137ce723133558e878c3852622ed7', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'd53ccc62d52d49ea60aa5974f95be267ca050cbf', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '3dd0c184b4375352c2a6bc261a9f7e05c66fd091', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'bc97ad2ba533fb8caeb2e66d2ae17858627e3f75' }, h("swirl-button", { key: 'd4d288f43e55e5abf61e475e662a360119b1f54c', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '9738490cacb31d580081ce934ad545b8b3eec129' }, h("swirl-button", { key: 'caa29593f7d399318734bec8f4fbfd6bb52e9920', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: 'b3f2c2345d5923ecfb787aa71573efa3e3ff3f04', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

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: 'eef4dbf1969b693fa25563f9fb1e2c2da0a947f6' }, h("div", { key: '925a03a60c99f27c66087e90826b9b2e7252eece', class: className }, h("input", { key: '575da3dbe7be598014eb9c66a4f4239afe5a19c7', "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: 'aa2df52defa4638d85b6ca2bdd482f13d0c6cacf', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '3e842f1455d3ec6f59728c34f0146188dd29320a', size: this.iconSize })))));
+        return (h(Host, { key: '5a33792a23094a4d874968af60c278f702636411' }, h("div", { key: '13cbef65e809b70305c7842068360058ab39dbd9', class: className }, h("input", { key: 'c51d3dab66525f95b20ca89fd8cd79d63e3ceab3', "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: 'a0c2ab2f23e76969add5e50ade8467204eafa098', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '2ab4423775478fa90431213e398292cd5a636262', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -53,7 +53,7 @@ export class SwirlToast {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: 'c8c334f65df3d9d1e6f6057b264a5ae2282b9c8c' }, h("div", { key: '64d35663c4a5f6fd8d19f034dad671b3062812be', class: className }, this.icon && (h("span", { key: 'e871ebbfcf2ca0591223f0183d50eb3a8651ee6d', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '5f13af629e68a0c4b4984027b102831f91fc401f', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '41964647038100002863b6900483f6b3a3fec514' })), h("button", { key: 'ad9ed67b62c82de7c214c8894a0351fe116c2a9e', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '07b679cb70d6536e741c469110c6bbfeecba1bc6', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: 'f860dcdbdba0591e66c29ae53f325381583a7ae7' }, h("div", { key: 'd2da25287cf797a5ba217acb127c6fc26ead9db6', class: className }, this.icon && (h("span", { key: '18a1af4664c5b7e07dae952150a358da1ecaeacd', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '5915f0242a52bfa456b1286597f0043b1ae75eb5', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'f588e588edf86fad55670264895d59a809374e66' })), h("button", { key: '0855cdaefd7954fc0b674384005e8f42efff81a4', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '1ef785a1d5ed48e8e332eb1d813c2bbb80fa49d1', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get is() { return "swirl-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class SwirlToastProvider {
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '76668e8cdbcd64d3dd0f214043a944a15d4c8a1e', role: "status" }, h("swirl-stack", { key: '882fb3c14189644c9bd230a87d14e039ad08c1ed', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '7210c3d7849307dab327b2e07817d6c8b8289e4f', role: "status" }, h("swirl-stack", { key: '5ec7548bf0013b8ca67e3b68a430ff4fba265cab', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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: '93ab1b8aef098073cc2a73304cf5adc11ff8b6dd', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: 'a280e3b067ef3199ecad4f70a7c5d65596de60ee', class: "button__label" }, this.label)));
+        return (h("button", { key: 'ca54b9d2a80ccf3c909bb09410eb8e5783390b68', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '0b655374e02cd95f785760412ae45bb3fac0e754', 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: '667d79f6202e7cbb5167fb50c432c7c787d61e56', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'd5e7a2a34daef1af90ac9393905bd20839bcd9d5', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'ee0aa6a0e0226c3854c1c57b58c9cb243ad9553d', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '8908baccf29863fd915bdf8333a31916a3dfb3e9', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'f2a7c74e2a79a7cb094b299943e9556a369edf83' }, h("swirl-stack", { key: 'c920e72b684aba1ddf4192f6e8e8739df96545cd', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '9feae1c92047152e580e1dafd0b30213ce51c312' }))));
+        return (h(Host, { key: '165932a04ce0935b32004ad3e7ee0fbac9f8f0f1' }, h("swirl-stack", { key: '6e971a0d128711224dd700dea2d7774d72d7b1e6', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, h("slot", { key: '7407d85ebb63461d752908f6e44289c2448a4bb3' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -110,7 +110,7 @@ export class SwirlTooltip {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'c9ab85ded0e405408216a391afcb0baae2be53bd', onKeydown: this.onKeydown }, h("span", { key: '2882cb94d0756572f88224600b220ce61d30fa3e', class: className }, h("span", { key: '6c7e0fedd91ab1c27141c0ea94838a6646f4a3da', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'aa84228571d7fcf6ba9189887c8e337fc5aa1252' })), h("span", { key: 'ff2aee38126a2995c3502a4cb41c33ba08c00543', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '1e94b54f3195804f3027b6de08d2a6ba649fdd34', onKeydown: this.onKeydown }, h("span", { key: '87b43857490e0c70d86b162fe8d14a78368ea1d1', class: className }, h("span", { key: '3002e373ae175941dcc801031baf96a4b091a90f', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '97f63f46ef72cfa5f3e6b236224bd2c40c0ee89f' })), h("span", { key: '0e53f25e589d8264feedcf2ae3b8101b902b28fc', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -118,7 +118,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'eb6c1ffa68b1f70627008629ed2cbde2b50909be', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '9f76cd3cdc16d3e1f43f891df2aa2c70e13edfeb', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'e4e610fa99135e7a39d828235e85b4e3c2298e89', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'b171762dc5fc1d6f1b24b2eed27488dee91ff457', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '1d532ce174d0c23287d17d69e63527476f830ee1', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'c38454d4c70c04219ddfd7af955bd94c6499d427', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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: 'e9c3d9bcf0f17466b0a5cc3aa5d7cc02f5f39df8' }, h("ul", { key: '1f89ae51a1af66ba73d71c9260e8a9516a570d83', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'dfb1cae36cbdb49eca03952fdb789cc53cffb04a' }))));
+        return (h(Host, { key: 'c2a71202a2e6d99169b31ba931c1d1bf9d4ed01e' }, h("ul", { key: '9b97ce56c804b767e12d473a2e01383761c36d89', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'ea50f2555bd2fa657d98603f53ea3b869e6b77a7' }))));
     }
     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: 'a9fbce22fc2c48e419f2ba9827ca6f54f1b43db7', role: "none" }, h("li", { key: 'f17e7d783b44949e9b918a591d1c760472c3f23e', class: {
+        return (h(Host, { key: 'e2431620558bc64b38b3d4dc30c45dcdf0a50523', role: "none" }, h("li", { key: '79ba088d64f805ffedfdbb59e4d62b1a96bee335', 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: '82280630fa2877e8daff509612aee44c48ec91a7', 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: '065b36cfdb9581b46a1df4fa8b1e45e0080a5520', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '3f44154cc4ec8919465b0804bf0d56a52806d793', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'c947897b89843c744cc0d166bcef5644421f51fa', class: "tree-navigation-item__label" }, h("span", { key: 'c07a23ea8d3b49beb64fe7f4c079bdd7887f0583', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'cdcb068e7abd0f0065f68a53a4002f11c7f94f25', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '7f0cf84b86a6d07af0582214b10e762f4ab9447d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'b789cdae7ab0604bf7d3b354bff3ca4e705bcbc6', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'e5646106a5d6acbbd17b0ee1684aa4f4592f5b47', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'f843b12b95f71466b313b6a1b6c5ee8103eb1199', 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: '384c3dc3153fbccecff7dd7ec65406e05cf7e37d', 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: '40485efbf30416cf44e76aa2fbdffd19f091b1ec', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'e09fb9be0f3d4dc7fe5a45104cfc980fb34e54c2', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'd982290ee0099f3147537862ad0b439dfba9f07d', class: "tree-navigation-item__label" }, h("span", { key: 'd5eaf491247c405e76a6363a3142fa40bc60fd29', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '8554119814f45fb863bfbf8839b6b00998c509bb', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '7c3dfaa6a7a2aa1f9c563e73cbe541774a153291', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'f78d3daa5a3d64b838e6cbaebc3e09df278879e8', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'e75e35eeb3999c3f8ef149560abb4a3bee45a6a9', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'bbcf04f7d9b7a121d547b4d1d6e211a246bf1a21', 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: '46bfa61a656a2de53489b0f22422de2f6c6f4a12' }))))));
+            } }, h("slot", { key: 'ce6c6580136b65631c1e6b9ecc94b21e5955a5b5' }))))));
     }
     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: 'fa93c938faa7e11fd4fad055fa9619b305895540' }, h("ul", { key: 'fa0c7adc5bf1cd3f4efc77699726706f3e0a4648', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '713c42a3fa2188afca21934b6c96e816a5a86929', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'a56bd8bda0951a87a85bcd6e9ec7f0ffe3724bc6' }, h("ul", { key: '3817bb786919e186cc602a12dea59578f6fc6afb', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '5f160cc138f4b9b39dd91d172fa105ba29ad3e67', 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: '61f2f5139b9ca27e60e50a69e72d444d1f31fd4c', id: this.itemId, role: "none" }, h("li", { key: '3bc5d305ce0ca0c69c172cd688978476e5ac3ce1', class: className, role: "none" }, h("a", { key: '450e7bc4308d6e776d7da0cc9a214f327b3af3e0', "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: '62ccc63b95c1899305b419532fe5e007b120326c', id: this.itemId, role: "none" }, h("li", { key: 'c1539164a16f700dc64e2ea93320f524a22502af', class: className, role: "none" }, h("a", { key: '23fd9e3f57abeef95054cd1e981290e6305ffdeb', "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: 'f6d1eea5ca826bcccc27b9f49b146a8a8eec5e67', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '7020d6ffa109cc5b99c72dd9c044bc5746ef8684' }, 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: '269b7a9347440cf7e7877ee44fa98c4ae6ade8b4' }, h("span", { key: '8cc35d72f1359baf6b0a4b40f0147fc8efcc117f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '4c45722270e13a858be08069e587778654f8274d', class: "tree-view-item__label" }, this.label), h("span", { key: '36f3836c5e4cf22b86340c330163485ee1b5487e', class: "tree-view-item__tags" }, h("slot", { key: 'cf6495dd4be44436748dfecc74584f8c62e02024', name: "tags" }))), h("ul", { key: '6a703a5fc262f88d33125d2670f1640f7ee1c16d', "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: 'd6345aa454c7df0563a174175d85e36e74eb7c9f', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '85157e99c8007592350d62798538a4669395b08d' }, 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: '8dc12d19097e20f4e2d435428b45cde9ab37f103' }, h("span", { key: 'e21d56bb1cac60bb19acd7b70d9434e106c2092c', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '13b6699d19d2905a76c659f6f1e481eb37ba0f10', class: "tree-view-item__label" }, this.label), h("span", { key: '6d5cc8a8f5f7cdf2ca448551e5658ac1b11c9028', class: "tree-view-item__tags" }, h("slot", { key: '68ae055765d19705abd76e3a331b30c36aed94eb', name: "tags" }))), h("ul", { key: '5cc431a33f70822e8dbaa0ac795cb96ea8d71f7f', "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: 'bb1796e1873a9aa3fc57b35b26955f7feb0a75e4' })))));
+            } }, h("slot", { key: '934a3934c3e7e6892548d0eb52bdeb5e0ea1ce93' })))));
     }
     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: 'c27dd9df714d9f2881049363be1fc042e2017dc6' }, h("button", { key: 'baab6007364ffabc39c20200446ea688195d73de', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '4ea56eb5a63793861b38a6767de5ff8d6e710a19', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'fd037e5a245ed10f2782671837c7cb89b02f3e5f', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '40fe7b6e3819cec721ef0e1290970185a5b4a6d4' }, this.durationLabel), this.duration)), h("svg", { key: '5616174cd1d5b45df6bde5bcf4a488f4ee14dd55', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3cfe6b1d7bf48b9fb158d1ae7fa09f1967e5fa5f', 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: '6fe481bff70e75752b47f9aea3313ad740b4000c' }, h("button", { key: 'ab80dc1fc13929146d2a6c07ef3c707a94588d1c', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '49895ac9bd2142e9518ae174891eb62f905de9ff', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '222de518711804a1cbcf79fe95891c4ea0034ccc', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'c1b97544c41c3f3d91cebf1da66042f4db8d98e0' }, this.durationLabel), this.duration)), h("svg", { key: '20588c803eb30fbdc4da4e0ce81c6ad41fc9cd3b', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b527bc8ffbdca5ebca54e9e3240dcb48b91977ab', 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: '283d92854f91eea22f68324f1e7093f3a81db80e' }, h("slot", { key: '45db844f488361adc64c30b962833c544b079e0b' })));
+        return (h(Host, { key: 'a2c77ef06367e75f33fdd907a84715d74dac592f' }, h("slot", { key: 'd61c10ba2dcd15fca35ca1e4ec1688f62fa69d75' })));
     }
     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: '190b1e5695f2bb8b03a00d2a4e496bd00d09a301' }, h("swirl-app-layout", { key: '7907adf47e5c8d6c4e03b162b84e3b011aa8b3b9', 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: '86f0a83e2295e7fa30b77f74f88f45c6ac8e50e4', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'a574aa6a3e11d6acf7dba1ab63e47071937d8fcf', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f9c572b5bb81ee8b49ddd4708d2ed1a20d2512a4', label: "Sort items" })), h("swirl-stack", { key: '01b68ecf5b141038291ea05823fc3c07e7b48668', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '03a2bb0589fcc90290390fffc2d8d43a6310d936' }, h("swirl-heading", { key: '128a17deca25cc760d0c67ea3a2af989bbd76162', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '94ded472f785bcb3b7c91b3e07d0998242cdfc8e', 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: '269e411033840d17150c39b74692e28a6fced62a', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'b566c774ef5c06bcf17ee5c6dda7248ab8a46477', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'eb639d1c031a96822252cb66c4d60a940c57cfc4', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '92639660b01b3dfd5d92a0abd8f9019c66baa896', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '2d17fcce26c39e2b867a8811ab7668a90d265fd5', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '4a3ba39b370be490fd74ba6b400928b9e48f9129', value: ["ascending"] }, h("swirl-option-list-item", { key: 'f38d53b1ecada1e94af75e0bba06db6274f9a5ae', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '5c326e2053359dec242a04e4f0f74dcd1537274f', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'f3bbf96da04a1bc69d72bf7b4457cd609667df16', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'ffffe91e896afccca4c19512fe2ef19e2da65c1e' }, h("swirl-app-layout", { key: '79ccd6e004981345d0f57dc645f5189091ee5df8', 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: '9cd41bbed75991719d261f30fc24d0c22f00637f', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '77576986bf05b6dbadde0e365cd5c6416bda2d95', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f5029d116fb316db144e79c8e540f563649265a7', label: "Sort items" })), h("swirl-stack", { key: '8ba26af82d9fb15591438c49632ec8143d82f7dd', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '874528e994a338116090b79c071fe1d4bde509ce' }, h("swirl-heading", { key: '92701ef6d8a08fd4483fbc66a87657999f1fe2be', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '82cbe443a8e838c862ac01004fe82aa73c41783e', 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: '0428e017e42bdb1169b1605bb7c969cd0b3757fa', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'dc15f200a5b67a05ceee3036a35b52093c451792', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'd8e8e590b5f420f2bb5c0fdb4a8a61350cd51f1f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '669d746fa05e44a8be207f332eefa0305f48bba3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'fa3cb353fe87728c655a43465531e390ac6d61ec', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'c9219ee1eb3b059ea59f09a84be0533c95fa7736', value: ["ascending"] }, h("swirl-option-list-item", { key: '7e682996eaa5ebc9243fc873dc6122c7289f6e8f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'b7e1c77a677793045d6b503ffec1631d5b4458ad', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'df2e172efe264d63bdf868fc3810a2f0d944af5d', 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"; }