@getflip/swirl-components 0.310.0 → 0.312.0

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

@@ -69,7 +69,7 @@ const SwirlTabBar = /*@__PURE__*/ proxyCustomElement(class SwirlTabBar extends H
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: '6066d102ed7194ff5612974ad34f4bd4e2762bcf' }, h("div", { key: '9cd1f5b63a9f5ceb8b1a5039e6667f4c6ca4d6e0', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: 'a5642987c6e0f12686e27dfe4b94e8d782e77080' }, h("div", { key: '877b884ee891e290cce6d18801c9ca5541832182', "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,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

package/dist/components/swirl-tab.js

@@ -17,7 +17,7 @@ const SwirlTab$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTab extends HTMLE
     }
     render() {
         const className = classNames("tab", { "tab--active": this.active });
-        return (h(Host, { key: 'b08defd1b30ac10da3384b85eecd617631e285ef', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: 'd5fd5e59ff4a68d580448908b72f15efdb94c0a7' })));
+        return (h(Host, { key: '7c680b571be6af2ba37e729b9cccfd8c0190204a', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '9004e283ecae74cfdedeb538339e4401cac34248' })));
     }
     static get style() { return SwirlTabStyle0; }
 }, [1, "swirl-tab", {

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

@@ -10,7 +10,7 @@ const SwirlTableCell$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableCell e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'afd196cf7cc0afe6958a310579bf54f5a0ceb038', class: "table-cell", role: "cell" }, h("slot", { key: 'cc99ea7002a3338354202549ed7f2ccc3ad81a3b' })));
+        return (h(Host, { key: 'a72e3516277ecd26d796ac27246f6d943dab0447', class: "table-cell", role: "cell" }, h("slot", { key: '0def1e17a99469ad85099dba79d601cbd7b63517' })));
     }
     static get style() { return SwirlTableCellStyle0; }
 }, [1, "swirl-table-cell"]);

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

@@ -28,7 +28,7 @@ const SwirlTableColumn$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableColu
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '12be8a43ebd5ff73f602be1e7d338e52ed37bf10', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '89ad09b2d1f03c5c7aed571bd841b4450bd3ad57' }, h("slot", { key: '4cb26535828152ec646c8cfaa5c75258c44f830b' })), this.sortable && (h("span", { key: '46bddd37f5de890dcbb1deeefe99a5fe64a1d270', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: 'd66664df0691719fd3732748da6974ced8292106', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '213168a8d1c74d8979b778bc7a1d8f689d9a3655', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '13a91ce9f9cca2c6b555fe5190660c09de9ee73d', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'bc000e7c8e0a2ad202d2cbef34355035ed40785d' }, h("slot", { key: '0b95f4e092e10642ef9db410d226ba45da7f4ae0' })), this.sortable && (h("span", { key: 'e234bc44a5d454fef475cf0529de000b81e2ac09', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '7a41c81ae7b39cf6851328312553168e191f2d20', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '3ed27adecbdc9e6996e4630d2e8d0ee73925d2be', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return this; }
     static get style() { return SwirlTableColumnStyle0; }

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

@@ -47,10 +47,10 @@ const SwirlTableRowGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRo
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: 'e7765f0931961a01b7e4375479a8c5dc950572dc', class: "table-row-group", role: "rowgroup" }, h("div", { key: '2d315c7b17562e85b6a27eb71f706042b93ef7bf', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'f3e1b6d3ffdfebf4e56079143d0d40d9e55073b2', 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: '397387f508312c2c41caf520440187a0a32d2670', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '611d1a9616667ef6657f8c3cef226dc979922730', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '20bc818fdb2599a56cdd6aa4026066a47a9449ac', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '305175fe54110fe6fe50962a7cf79b954eb3b9c0', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '81d31bce114c8adc83187502c7bc29699182d9fb', class: {
+        return (h(Host, { key: '873848231e19955e3a177cd4e5f8f7171ea4fe90', class: "table-row-group", role: "rowgroup" }, h("div", { key: '935b972bc54973cce991597844702d174c138c4c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '6900812b1e35785d71ee606e2686a2cdf6a96db1', 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: 'c4e3dc8b90fbc8eb1f0070fe065a383ddbcd345d', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '9e6c8dcc82a8e4a253dc05e225637f3402d59c98', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '9414153f80b993bcf5b34ee04fb5adf0040e7bb2', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '715a9cac9b61c957e19325d731b110dcc24234c0', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'e9387185233dfe57ec4d2bef8d4210d2284eebb8', 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: '415f1c65c9950fbce3efaea24d464e35a4b696c5' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '28dd9896610c1a4f36e6a596a329c7fc1d0be3a4' }))));
     }
     get el() { return this; }
     static get style() { return SwirlTableRowGroupStyle0; }

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

@@ -21,7 +21,7 @@ const SwirlTableRow$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTableRow ext
         const className = classNames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: 'e092412ed997a09905328d7d65c831d41b75700b', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '651392c65a933d2ddd743850ebd0ffaa706698c1' })));
+        return (h(Host, { key: 'acff17878f7289446533e814db4b6c09ac59f10f', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '84dd5cc9dfb9d1c5fdb8ea88d4cd6e415b41db51' })));
     }
     get el() { return this; }
     static get style() { return SwirlTableRowStyle0; }

package/dist/components/swirl-table.js

@@ -539,7 +539,7 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTable extends H
         const className = classNames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '1447881d1efde84e8841c6d1aff531f7bb024a5a' }, h("div", { key: 'dbdc20d96a32973be23fda71e84ea1ce07955b5b', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'a3fcfa3c03a4fdf24b5fa6d014b3d7236472d873' }, h("span", { key: '7c2ce1663e664c58f16342efff083079c8deb040', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '98e64f304653ea45e912a261077a2e39db3c7caf', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: 'e7a7e24ae63747c6bb0cd3418207fdb4bc65ef82', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '4537f9b33fae4531eb8a10e0bc136c2cea949423' }, h("div", { key: '060dc5318ffe71018a4e6bde3e51cce04769d857', id: "caption" }, this.caption))), h("div", { key: '61598f2ba60d9def94e0a7c30a24e3108c67fc93', role: "rowgroup" }, h("div", { key: '6fc736dce4c2c50b2fc815b6065123cd9927462c', class: "table__header", role: "row" }, h("slot", { key: '4519fee7ab6b45db0f93ffc0921350a1c27b036c', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'c4e8834e738d66abcefca20e22b52e2bc0b68d50', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '1df1d994c3f4f305bd3c6cdddb25fe6c28e560df', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '87b06f67bf19a91337bd05964aa9435327c366aa', class: "table__empty-row", role: "row" }, h("div", { key: '734d97aad4b8b7235e113f1d470ac8fa5ec7a1d9', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'b50a849e4fab6a8fdc100eb5db793fd2cb3aaa77', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '2ae8540302a68acad9029fabf960923531ec934a' }, h("div", { key: '6b164e69ffa0182082ff290ff06ce36b8070b6b0', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '714747c389de5a86222b098da0ff7d72b18bbcd7' }, h("span", { key: '718b5a9b3190ae8f4f754b45dd05137ca4215399', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'c93b7539dc26c4b2ddb758afff05a39cbdbce178', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: '9991891878bc050164e8c2a97d92b4d94bf31230', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '4f3cd1c1702e628eb806e800e4ee71ee1d8a3f30' }, h("div", { key: 'abd58a04ee7ff3d59b649fb4e0a62f37836c2391', id: "caption" }, this.caption))), h("div", { key: 'd1229b8b8e99756be743a9c3a58080f8c5dde9a6', role: "rowgroup" }, h("div", { key: 'ae615779797edbae1f69a4f8f16a77bbb13a0e27', class: "table__header", role: "row" }, h("slot", { key: '8c423889a4e1d1347a49e99aa721dc8e71465c85', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'ac7ad4eb1591ec7e1031d18b012d3422891eeda6', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '803f24597520f80fc4241c72e5e22b63d3ef5b6b', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'c0e702dd177ec0a1ee0996acbf71943a3a4bb186', class: "table__empty-row", role: "row" }, h("div", { key: 'ae680509ac11d7ecf9b83802c5a36db19598e25c', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'e0e1486a9e1f13d2b700772d5f274f1dadf3b0e8', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-tabs.js

@@ -86,7 +86,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: '9416903ca9d6b88cae2a3cb3774cd9144197421f' }, h("div", { key: 'd13670144eb66f3fb1daa3efb65f87ccbf2b5fdf', class: "tabs" }, h("swirl-tab-bar", { key: '41c0d6c00ad2c5053a7cb37feec2bb0f1042c1df', 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: 'f4ad6282aff0e59e73cd0b8beb7c0f9dabf8ee79' })));
+        return (h(Host, { key: '60260cb1f18a212dd2eabab8880fe0bdf107b559' }, h("div", { key: '182e210d264742891420dffc8ea131b661076cf0', class: "tabs" }, h("swirl-tab-bar", { key: 'a2669ccad64fc1f6002a3828f84d7f4e5a71b182', 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: 'a8487d716c79005cea85a470bc0aa855b735ac31' })));
     }
     get el() { return this; }
     static get style() { return SwirlTabsStyle0; }

package/dist/components/swirl-tag2.js

@@ -45,7 +45,7 @@ const SwirlTag = /*@__PURE__*/ proxyCustomElement(class SwirlTag extends HTMLEle
     }
     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: 'c9e0165b4ce7e54da1e0d8c019c23be5adf36e27' }, h("span", { key: '0748b03da59a2462b21032c8433ba7b5ee780098', class: className, part: "tag" }, this.icon && (h("span", { key: 'd837bc4fd0095f6c926287e89b1ad511e49cc32e', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '92387e9fc623f0b2be18509173b51d1e8e90f4c5', class: "tag__label" }, this.label), this.removable && (h("button", { key: '8784ddebf3f2b6b5d053ddc1c0780e3127e55028', "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: 'da4ca93cd44e44cad789ba517fdec6ffb97ed96d', size: 16 }))))));
+        return (h(Host, { key: 'e93e031cc3d118f4cf37d8f1fbc0aaa858043795' }, h("span", { key: 'a6b8f34117404ad71ad618ac5754b12efb2b5989', class: className, part: "tag" }, this.icon && (h("span", { key: '468a295df356052181c3856029960590b1a71e26', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'c9a039b8fc98b4d79bb04360522d0697ddc80069', class: "tag__label" }, this.label), this.removable && (h("button", { key: '1291c98fdae7bb3e2e0b4bb233a0a451b98a1c5e', "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: 'b250455a45e4de1f7c40df4b09b0fe1d2a2815f3', size: 16 }))))));
     }
     get el() { return this; }
     static get style() { return SwirlTagStyle0; }

package/dist/components/swirl-text2.js

@@ -985,7 +985,7 @@ const SwirlText = /*@__PURE__*/ proxyCustomElement(class SwirlText extends HTMLE
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '83e1fa2f130305615c7f3b5d0dd2c43be0678f4b' }, h(Tag, { key: 'e0722bc8f2d6546b2c67e5e3fa468bfad24d7823', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '1b0adbcb9aa029c05cfd9063a0721608ffbe3a1e' }))));
+        return (h(Host, { key: '96ae82ae22a10e00647691edb5252db1e8dec4a9' }, h(Tag, { key: '57ec6835e2324b4e26d19e701e698eeefc1494e1', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '0a6be461bab15f5ad6ce8cf5d3018c1943bb7400' }))));
     }
     get el() { return this; }
     static get style() { return SwirlTextStyle0; }

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

@@ -153,7 +153,7 @@ const SwirlThemeProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlThemePr
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: 'ca058bf771dd18b13dd047f2885a599a00647a5b' }, h("slot", { key: '50916c63269ea4c024c25dc06714af324521fe3e' })));
+        return (h(Host, { key: 'c412da23f8baf951faa754c36636458ec42f3b7c' }, h("slot", { key: '336242c2d1ec7b011aaba8059e5f309e36be476e' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/components/swirl-thumbnail2.js

@@ -43,7 +43,7 @@ const SwirlThumbnail = /*@__PURE__*/ proxyCustomElement(class SwirlThumbnail ext
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '93eb2159e915846817927346703c83a53f3843a2' }, h("span", { key: '46416900bb5be26f94349e779da20311c73fb99f', class: className, role: "group" }, h(ImageWrapper, { key: '30d8702c676215d64551d33a19d9c03c827b1a53', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'a2d5700bcb9c7ca134b4a74bb717ac1d3c0616b5', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'd5933f9e53855458805c293b1768d0cc9f8ae8c9', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'e7e90168d3df4a458966064176255b57abc149dc', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '85ec89d577b90c7e0c279372b1a1aa9e06609895', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '3c11a2245507ff1881e22ab0a36a948c8c7427b3' }, h("swirl-button", { key: '346a643cb09ce5cac3722dde9e0c7d25c4135fa0', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '50a9abceddfc76775a93469ffac69b5bf62ca16b' }, h("swirl-button", { key: '9222ce4a0e8bf2a49a8c6c1d51b04f38fda44809', 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: '1e6efaf133b81792778dee7346b594cabac766c8', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '0748fd364a2e60fc9f8a9fc92efd715884841c2b' }, h("span", { key: 'd45c4b42315cf59cf40d343e6b0f8069bb114f61', class: className, role: "group" }, h(ImageWrapper, { key: '90413051f05e86ce4a53fd0aa98afdc7ef3dfdc3', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '6457877f8664d2ec13ed106f4c97e12dba062b8a', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'c92718f6aadc47b9afe9aed7b809b172a700870c', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'dcf850a75861d411f7afb785af1c285f378b8acd', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'b01bca59ae2fd1bd1cab7cc00e205d643f6417d0', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '5cd31881f3c399424960992e0222daef0380f9d2' }, h("swirl-button", { key: '5022fd313beb21ab45115beca21eab7ed2a1ab6e', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '4e3662fbca00899db7fa90c810ff4384e9cea968' }, h("swirl-button", { key: 'c3be0bc5ca696dec4040d24e8a7c93f626d21a80', 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: '70d1b3ee9c47c5a0e28edff52012cd72683cad1d', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get style() { return SwirlThumbnailStyle0; }
 }, [1, "swirl-thumbnail", {

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

@@ -125,7 +125,7 @@ const SwirlTimeInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTimeInput e
         const className = classNames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: 'd9d349da2d5dffc4263107ef073af2a8cdd0ec02' }, h("div", { key: '6e9b753c44fda2e9b473ea3fb25b7f18905d4311', class: className }, h("input", { key: '3b10ce81f3a052205298dcbf75790aec6108c79c', "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: 'a016010c070cb9f3fa502cee2ba1b5150c17ce9b', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '76bb525b214a5bdf1f64e844531eac7249a04412', size: this.iconSize })))));
+        return (h(Host, { key: 'd0b3fb3ed85f81fbc3df1854bf01a5927eaf3129' }, h("div", { key: '7a1aa4380fba14845c2c3ff7531ce2a38eca03c5', class: className }, h("input", { key: 'd29606690c220d2273b58189ddb99e0a0a8ad850', "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: '006e537b7d623ba287481808397c1ba39f67be52', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '228a37b93f2cd5fa86277baade38c82826d4879b', size: this.iconSize })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -56,7 +56,7 @@ const SwirlToastProvider$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToastPr
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: '1d56b15f712d5700eedf795fdd056f23829084e1', role: "status" }, h("swirl-stack", { key: '1b0caf3ba9b0a659f8584bdae98c9c390c70d6c5', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '0998fba2aca64e83e30d1dd6521282e00b8fb11f', role: "status" }, h("swirl-stack", { key: '78c8d98ac284279192495b2350d090a4afa9d9f6', 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/components/swirl-toast2.js

@@ -62,7 +62,7 @@ const SwirlToast = /*@__PURE__*/ proxyCustomElement(class SwirlToast extends HTM
     }
     render() {
         const className = classNames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: '4e10fb63fb1be2e0ee05b35f4d6e40c5dff1e1ab' }, h("div", { key: '9b0a40561f9d22078f18e0ec648ec98a4ff26eeb', class: className }, this.icon && (h("span", { key: '8ec71ba2f631cd0c92f5082512064a68324ea85c', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'aa25c8b4b915f399ebc3ee43c8b43af31e74f4ee', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '51b7fd7dd4a5ba1cf323c7535e3efdcd05fbbf9e' })), h("button", { key: '68dd43b53a9a600db3c0380b0432221746d9fca3', "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: 'b1eae00996c672014fc04ddef4f3a3f79408ccbf', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: 'f6166d0f4e5056fb35f14de5f25eac8d58dd1c1a' }, h("div", { key: '62539278cb95d34d2fd81d90bb663036182cc449', class: className }, this.icon && (h("span", { key: 'b27cf85f7fa23bcb10d7c6734c20681f27d57ac8', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '78d34024974fbd20e74b818e155d3853486ef968', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'aaecc94e03ade48c3d7853eee2e55e2d619eff6d' })), h("button", { key: '854d3f18fcb5a03a71cdd04f8d10d3c0857a6d56', "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: '9c2d7bc628a096b4e1c0658de0ebd03aab329979', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -22,7 +22,7 @@ const SwirlToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleBu
         const classNames$1 = classNames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '74e8b4246d353bfd943f8f4d7447795c38f9e4de', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '1c9f8f24faa20722664176f3badd22525bedd122', class: "button__icon", glyph: this.icon })), h("span", { key: '38c1a93f671686f9ee525597636a61b03fd0c0ce', class: "button__label" }, this.label)));
+        return (h("button", { key: '83c7fbb5fcda60398ac5c71fed5b5998a921bd72', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '6e397adca526c1776322a170f0c45ea018b6e893', class: "button__icon", glyph: this.icon })), h("span", { key: 'a465db6330f888a5ae18bdee6fa4b0c31400499d', class: "button__label" }, this.label)));
     }
     static get style() { return SwirlToggleButtonStyle0; }
 }, [1, "swirl-toggle-button", {

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

@@ -17,6 +17,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
             this.setTogglePressedStates();
         };
         this.variant = "flat";
+        this.swirlAriaLabel = undefined;
         this.selectedToggleId = undefined;
     }
     watchSelectedToggleId(newValue, oldValue) {
@@ -63,7 +64,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
     }
     render() {
         const className = classNames("toggle-group", `toggle-group--variant-${this.variant}`);
-        return (h("swirl-stack", { key: 'dc9c54a40976c04ee7a258a56fc55853401eac0a', class: className, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '8ff98d7a63019443961003a539a76ca67996824a', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'f97cb2df8c324c931f4b644b6df0f4ec00a5d905', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '7a492e568a5f46cb19e8c622bf4a5cd4de1254ff', onSlotchange: this.onSlotChange })));
     }
     get el() { return this; }
     static get watchers() { return {
@@ -72,6 +73,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
     static get style() { return SwirlToggleGroupStyle0; }
 }, [1, "swirl-toggle-group", {
         "variant": [1],
+        "swirlAriaLabel": [1, "swirl-aria-label"],
         "selectedToggleId": [1025, "selected-toggle-id"]
     }, [[0, "click", "onClick"]], {
         "selectedToggleId": ["watchSelectedToggleId"]

package/dist/components/swirl-toolbar.js

@@ -74,7 +74,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: 'e0050b4506c6a1fa8f3caa40c2072fd05ee7a905' }, h("swirl-stack", { key: 'a81e0333e80646ade8b45644a1838baf26da1873', 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: '92fa6c0f06ac9651b2f3abbc086f143b36d11277' }))));
+        return (h(Host, { key: 'c47f1477439dbc75cd98519c4085b22ccd1cdcd4' }, h("swirl-stack", { key: '3beb91a150632d2f26bab090e4ed190fe5be3dc5', 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: '8a8b20e1d846ef3d2e7c44c4f606f8cd692d525d' }))));
     }
     get el() { return this; }
     static get style() { return SwirlToolbarStyle0; }

package/dist/components/swirl-tooltip2.js

@@ -117,7 +117,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'b98af38861cabd42aedd37fd9e55e4a4bab68349', onKeydown: this.onKeydown }, h("span", { key: '5bb42e83b24028a5b7497c639505f8617705ea0a', class: className }, h("span", { key: 'f6fb3fa48b455d68e538eea1a33d8c2a91abee2f', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '8ba4672f84663444be5131a4d240b84dffd94350' })), h("span", { key: '513527ac1724ab0ffa7c73026a46328f495ce9dd', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '2236c5b795c38c6d6099406fddfa6ac0cee7ab73', onKeydown: this.onKeydown }, h("span", { key: 'e5d0f6faf86e12294d005f3216341172f9974274', class: className }, h("span", { key: 'dc3270c80b0b59db83ad25e0de437227b5ef88b4', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '891b4c0bf749fe9d0f0eea92a6791338b7893368' })), h("span", { key: '4676c247f77288c7a1fb98088b5e57322dc22f8d', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -125,7 +125,7 @@ const SwirlTooltip = /*@__PURE__*/ proxyCustomElement(class SwirlTooltip extends
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'f9bba867d35b5d9f9d2f6b76d933285162ba747a', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'e002a27b50e4dc5bb1fb76ec8951b0a07ba9f4d7', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '7d986a3fd9dc05ed2e0798faf5bbc087ff6edc82', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '9f24cf37428b014e9c3b0839b7cf1458b2825b6f', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '0e3826c70432ea5a1e4572723b4d68ed7b4cb102', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'db27a117ce2dcd64108e3a28f8241a828be66e2e', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -100,12 +100,12 @@ const SwirlTreeNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTr
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '33bef3f2582f3a66876f540eb64a4adca9c42095', role: "none" }, h("li", { key: '3a1ff715d4ab97ce1a8c1d4a2490bf0bbc32a95d', class: {
+        return (h(Host, { key: 'e4576318687cd5c04204d9143d491daf9790849b', role: "none" }, h("li", { key: '39a2d1e87b7f87acea4384eb2a1a00c00fcaea5a', 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: '907aa367836e088e3f472f9579a2891a074c4d60', 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: '15440fbbe9c089a5bd4e83858cebe11ab6421003', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '74174884788c27e30975823813b53bf8f81518a6', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'b3bae7140c243df25b893fbf6121b2674ede0602', class: "tree-navigation-item__label" }, h("span", { key: '97b78af129e93c875efd89f7afe29c11c55e0e0d', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'ba4c64f57a82e998c8a3b439af9a5f027f7dae16', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '9b428893c69b34113363373c30d040092bfd60b6', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'a123a58d0a5e5785e69c1874549ee02faed762de', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '4e5125776c6a8ab2cc1a474ea4769797fd604f5e', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'efdf392212b852571d0db0228841f1761536e6f8', 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: '79e8b395fd48e48c4b78f47453bbf60c36d826b4', 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: '22d7ce73e9474afc48e9cd7926f39b813882cafe', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '1f24379f70cd6c108d546ab42d6b2c0bf2cdd14f', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'a4a68870512d4e9a41faed70714a4fdc5a846937', class: "tree-navigation-item__label" }, h("span", { key: '4b06a7994f819e16473c83979acc16640a992d71', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '9bdae5291ca9797ddee33b690ecbe58329cc3d50', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '5a11991d104527610e9459529323a51300075a90', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '88940e3e66e14239e7bed6fb858d82bda2a64b5f', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'e9e9fd847926123ae371a2d4c8c1bfbd031531f6', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '8419d950301dbbcc61deb81780dea70f3653de1b', 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: '8213c14e36a60a0a83665e28ee42b869004e2541' }))))));
+            } }, h("slot", { key: '9ec60dbb89df51923139feb9f213933129a623ba' }))))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -11,7 +11,7 @@ const SwirlTreeNavigation$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeNa
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '28f12d544f31a15e4768ccd2724dc590499d516a' }, h("ul", { key: 'eaa75ff170fb4ad27ac2e4aca793ad62fc8165c9', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '006168e0a4d9dcc0e3b3820f7ea23cdc223a26ca' }))));
+        return (h(Host, { key: '2e21813754c1a402da019a6751fdffe7ba515e1c' }, h("ul", { key: '0b44976618b26bb7e7245bc5f0d93d4c195403c4', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'e2428f21a7cdfa5c53a17406617005f9cc0e2233' }))));
     }
     static get style() { return SwirlTreeNavigationStyle0; }
 }, [1, "swirl-tree-navigation", {

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

@@ -335,13 +335,13 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '75dd63c2351c480395661aa8610d95f73ba847be', id: this.itemId, role: "none" }, h("li", { key: '122ed8c7439065d4a98b8482f70ca5085afeed50', class: className, role: "none" }, h("a", { key: '32c6ca8c645d70c1a5613f308b5b02647e681240', "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, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '5eece9bd6261c2dd0b4ff99ec6ee0bd23fd6eea4', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '7539e72d5dc882dd7263ec4529ac406d69e77924', size: 20 }))), this.expandable && (h("span", { key: '062cd728c408668281f30ac640905fcdd6226c50', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'd4c8f1bcc9e4672217cd6ea9cf03f0d8760623a4' }, 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: 'aed364abae35a0d71531816442974a3a1e422367' }, h("span", { key: 'fb00b679ad160b319f79548f69a2c1479514e542', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '271390e11dff546cdb789b684ad128873213b441', class: "tree-view-item__label" }, this.label), h("span", { key: '877f094d48b4c80458021d84efc17f1f38cfffd5', class: "tree-view-item__tags" }, h("slot", { key: 'd610a4c86bfa2b1962cc94087382ca21c813e24b', name: "tags" }))), h("ul", { key: '12e5ebabf7f1b801846f0633a6116a093e81dbbc', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: '93dc02e5eb22f1bd3c73ce98edf7f1d1f97541e8', id: this.itemId, role: "none" }, h("li", { key: 'dda1fa8815f770054c2c973657527eae92f09926', class: className, role: "none" }, h("a", { key: 'fd51ad27190a29e84b9bc5da1065fdbe3b68b5b9', "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, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '466864a5732100a81c125e01ccac77f61ffc935d', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'c9019bd29e980bce6bd5b6de8251d2d9a511a283', size: 20 }))), this.expandable && (h("span", { key: 'da78e6b937508ae712dbf45e97b451452703b22c', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'c0053bf890ba01d40da334f2a443825f47d52010' }, 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: '571e97884326cb69f1bed60cb13855693dec61ab' }, h("span", { key: '524c89963b4be97fa50543f35458f09effa94189', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '4fb7d9453369eb53c0a27001513fdcc61e00d356', class: "tree-view-item__label" }, this.label), h("span", { key: 'ca5ab620a3ba4e99192907627e1e5a5c31b322b0', class: "tree-view-item__tags" }, h("slot", { key: '000bdd02c2c99720b4684eb32abcf25ff17d1947', name: "tags" }))), h("ul", { key: '4ecb032a5172292d5fca2c5d4cece01efba90826', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '6a4281e2924093ea470ee009f4178a296d4569af' })))));
+            } }, h("slot", { key: '8cab84b9a0f2dd58e2e2d90816a7f3d6058aa661' })))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewItemStyle0; }

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

@@ -327,7 +327,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         }
     }
     render() {
-        return (h(Host, { key: '16955aa0d14337164dad7afde596cb024a9db2da' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'f057d62cdfc78ab6934c0896d9ab9dc49b536b92' }, h("span", { key: '535b2f2897208e08d5c3b9fe4f831643457d5bf5', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '16272c7b26ae0c84b0a6e876bb6253c344fa281c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '505e3b9141e895a347cca881762b67ae126485d3', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '4c2065517b90c6f27eb937ceccf4c57425dced81' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '6e10ffbbe3678201b4dced3f50de90d23c0d0974' }, h("span", { key: '6a2ab0e869c1ad73563d3edb29414fd0b7bba536', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '452b6a1a77dccf7ef85099a282400c716a733a9b', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '8704ebd9fe02fae40fc6ffe88da4eb81a9f3d123', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -15,7 +15,7 @@ const SwirlVideoThumbnail$1 = /*@__PURE__*/ proxyCustomElement(class SwirlVideoT
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: '725be56f5eeb3c9b535e0581b0421d3c86e8f4bc' }, h("button", { key: '04a020b91a16eb900b7c30738401f1ccd838bff3', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '9d441c9ecb649e25d34d7805b339a2e973d9cc04', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '9fe1db1b3ef5c30471564e2e7359ee59867df9c3', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '686264efcee5ad08e10dcff64132cecf3c26b336' }, this.durationLabel), this.duration)), h("svg", { key: '34ccc3ae31421ae0b63158fb2dd5748bd29c94a7', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c75b854caf9c121031bbb83f3ec47cecf1f7221b', 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: '417bb1f3a63576455e32ad4cca9ae5146bcbb221' }, h("button", { key: '1cc51d2d880e45f1cc933f59267461bee2441507', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'de93241fdeeb0a9ed2f3f5ba379a18ad12d748b0', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '62d3ccd011b5c2119b0a26f7f94456d89f785f49', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '6b59f1270f440a3a9d45865894092d835ea0aee4' }, this.durationLabel), this.duration)), h("svg", { key: 'f4c011cd334f4347772c00e416b661d325089b29', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5b2f0b42374aed1461134371e3e686340e79bf01', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get style() { return SwirlVideoThumbnailStyle0; }
 }, [1, "swirl-video-thumbnail", {

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

@@ -9,7 +9,7 @@ const SwirlVisuallyHidden = /*@__PURE__*/ proxyCustomElement(class SwirlVisually
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '2915b24d87af8acf48c949ec521d11d2097ff073' }, h("slot", { key: 'c1991da67038c8aad9a4e09a2d05d213d474fa82' })));
+        return (h(Host, { key: '7294850eef8e84a5e02f997c93985c5637b8b8d3' }, h("slot", { key: '97659cec31fbca092e6e403c0fea4c0cdbe453aa' })));
     }
     static get style() { return SwirlVisuallyHiddenStyle0; }
 }, [6, "swirl-visually-hidden"]);

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

@@ -58,7 +58,7 @@ const FileManager = class {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '91a5a91ab3cb03e5f439fa08e6601673224cf954' }, h("swirl-app-layout", { key: '3cd9bb935c4db3f3fd1953973e6b4bee89a22153', 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: 'd76293d2f5f9b7301408f3ed1ec430ccaba72bf2', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'd6ee54966daba9a551987fb65a3f92840866ae9c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f531e76f86e29a2365f09911abedee8338826bca', label: "Sort items" })), h("swirl-stack", { key: '411c92f21f4d332cfd63db0761db42d277f9cddb', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '4309a9265bf8566c3a8645fa2f8f9453715945d0' }, h("swirl-heading", { key: 'f7510cce72f3e8da773f55563de46c75f72c40fc', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '49af0fcc1f128bd6da78242f1187c5d5f14ffc98', 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: 'd6e203cd6a25e98c98f6ed09a54d45eca121fe43', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '0c0cb4aea66d11ad5b574c22d8668eb5ba8633ed', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '19d56be20fb5bfcc9488fcb4c746dc3d8fbc4f8c', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '40074275be9bdc4a6118cbbe5dd220dce178b5fb', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'f4ae6fd0b5d22965e1e6068e4848f02614ff76ce', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '75ec845fa431f14adb871824a335593a68e5014e', value: ["ascending"] }, h("swirl-option-list-item", { key: 'a0827fe8134913f200b70739f3f058a3a0e0346f', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '373a2aab6aef3205a492696e440ce1283bac46de', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'e7b4dbf97968f67507331ac61a62524389303665', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '13271a195eb9221f8742c4e8353be4d5fb0df2d6' }, h("swirl-app-layout", { key: 'ac2c858b73a538c824e8e22af63267cd27593b0d', 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: 'b1cd410e6e3dda79dc892aaf195fd576c1cbe84e', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '8a11cbc2bb2a064659449430a057a68a0cd3cf96', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'cbd73af9a604614e0f0b660907b98a7f3229d8e2', label: "Sort items" })), h("swirl-stack", { key: '907c7b511438b14e78ecafa28f99bdae31255a68', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '0e21b30263107e2b5a0bc4e89bde263f0be0d6d3' }, h("swirl-heading", { key: 'af4c1c5075e3fa227acfa28e7349e964cfb147cd', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'b858b75a27acf85da6b4f79bb95d4734e52ecbfd', 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: 'c7d584755d12ce0fba86148a523c69ebf8c6c627', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '0fbb05394fec2284f6f2210e0d298e686b66b805', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'de24b80c8f2b40822e3d01d63d4501e1b1a24521', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '7f9dbe64d5cb3aa20a46a316cfbc2e5c23125218', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'bcb564ff02cad91686916dc14634aa5b94d4d569', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '6f3400de6db01c41871e751d8ea0a4c32a94187f', value: ["ascending"] }, h("swirl-option-list-item", { key: 'c099ef2c69fdb69321b33c5315dcf873b6194062', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '308e0810a2655b2cc0cd009ced52afcbdfa51179', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '2c6a9b98e548d0452cf6addc262849e7c60a2a6e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };