@getflip/swirl-components 0.266.0 → 0.268.0

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

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

package/dist/components/swirl-symbol.js

@@ -13,7 +13,7 @@ const SwirlHeading = /*@__PURE__*/ proxyCustomElement(class SwirlHeading extends
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (h(Host, { key: '4b6aa15ff612543bbe81ea8206cad590d8cdf105' }, h(Tag, { key: 'cb950ee023f368737866eccd4fc5e019bd832e0c', size: this.size })));
+        return (h(Host, { key: 'd9948f179ac06a97aff99027f19ca887483f2cb8' }, h(Tag, { key: '59c5dd6636417e4e15567964f34c07ee7c940b67', size: this.size })));
     }
     static get style() { return SwirlSymbolStyle0; }
 }, [1, "swirl-symbol", {

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

@@ -38,7 +38,7 @@ const SwirlTabBar = /*@__PURE__*/ proxyCustomElement(class SwirlTabBar extends H
                 ? `var(--s-space-${this.paddingInlineStart})`
                 : undefined,
         };
-        return (h(Host, { key: '3096428501db71855292ede987e4741283d2b1a2' }, h("div", { key: '0d4e629c9bfb4dfb0e27f8550f5a44f7a1b56193', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: '782530970122efff271bbf08d0b0e9588df06e0c' }, h("div", { key: '943798dd0fa45c43126f2e7f338f7876ab7b954e', "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/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: '81fcacab86e3cf2b019c7c89316079ab23e65588', "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: '4d1298e798798c88fd7fb401491abcf5728f2b20' })));
+        return (h(Host, { key: 'cee2a0887fec7ff458dd2e45357fe537df6870a2', "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: 'd8a10fc4d0f5dc1e6f935872e0b17615914386d6' })));
     }
     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: '7a7b7c0210d784caafe6414dbcffee02c4007a2f', class: "table-cell", role: "cell" }, h("slot", { key: 'c4eeafd9df7bd6d2da15632bff0a3b3f8774ffab' })));
+        return (h(Host, { key: '0bf11251f8afc592c80ca6de0085a13d11e9411d', class: "table-cell", role: "cell" }, h("slot", { key: 'bfda0b8be50c45df757d2f4cbef9d80869ef8bb3' })));
     }
     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: '80be569a83e148f5def8fa88684e0f948e54c1f0', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '806be390002d4f9b600cb017eab3a77f98b54213' }, h("slot", { key: '7b817391af961d33610842d5427c4547de9e2431' })), this.sortable && (h("span", { key: '2259b76e30f9f5c8e5493c5f7707d93c9c0d2cab', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '799b24b20a55dad721106bd9be3fecd0c3ae238d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'ddc1383adc6f7b452bcdc95200220f7c63889fce', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: 'e6ada7191fd13bbef0b6fae99a1328800f704ec7', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'dbda4fcef582391f4c24d5d70b625c972cb82e2b' }, h("slot", { key: 'fb80c0c0c73e24ea13911b1a2e28382b69d21df8' })), this.sortable && (h("span", { key: '8d1061c7950ec4ddc64c8cafc0f8bc565b4aaa45', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '4bf1152d375f302ab24444eaf4c8fe7a0447c086', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'd8aaf370afbab5d6fb6de47bd6deb680f4c8841e', "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: '33c34a7dfd360cc42d272148f39f5afaee6e4318', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'be55b7351396815261e5a4eedad74f6c2201e6a5', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '24acb3000c8ff86c03a59d02354ee357997b4f49', 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: 'de4e3fe55c2747aecb3fe27ea28fbba6988f611a', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '1be70f250808c7d5092712bd1e109150675a3f52', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '91c2c303729ff5c589b5fe450a7912e8d1a9088e', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '52014445745900789e9d58f51decd158d69206ad', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '03d906e6b088ae52990612bfb75cb9be8df01651', class: {
+        return (h(Host, { key: '8ce891f845620b665cd65272d1688126ca42e606', class: "table-row-group", role: "rowgroup" }, h("div", { key: '9abcdd4e317e74a2b7446d906a595794fb3cd46c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'b36b57793d868cbfee646088e728e8008a0860fb', 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: '9741dd60f27a00bf531462b7b3f82065d02c72e6', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '762312cba90ef58dd78b9226cc78e59e5fa4ef2b', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'f19ffdc3fa7cd4471400ad0c34bf4562de67c167', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '5308e57c5a5d2969e1a6d586b16f361d3433a593', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '37712ecf78ad570b80a82326c4e38f94ed1ef64f', 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: '8b61b015bf268d39789ad424cc8f577dd6f1d12c' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '5a1893354f12dd7cf4aceefe87f14952e15ea335' }))));
     }
     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: '10df8e458250623ef1f064fcb254c59ff3a77fbc', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'f15c72028d60148586cb376a08c0154bc62cc4d8' })));
+        return (h(Host, { key: '4318fde388b875c382136c73445bd1e1c61b4b53', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'f7fcee8b865cf249205e6a1fcec9971a5ad28112' })));
     }
     get el() { return this; }
     static get style() { return SwirlTableRowStyle0; }

package/dist/components/swirl-table.js

@@ -326,7 +326,7 @@ const SwirlTable$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTable extends H
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (h(Host, { key: 'ed0cba274eba2bc682996d8d4a88e9d95cd2c38c' }, h("div", { key: '1aed68d5e4d045fd98ab468acf6c723f6f86204f', class: "table" }, h("div", { key: 'dcc6a5c5bf914853a128c3a790b8f90fe96aee60', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: 'e1051b7144cd8f0bd5cfb22c3133c30c8651b245', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '94d7fbb20c5c1f62bbec7a68670edf4d1cb8af19' }, h("div", { key: '1447e15b44f261277ca36b57b7cd5552ce8236ef', id: "caption" }, this.caption))), h("div", { key: '9e9ba5a856f68348528a25009751e90847e31899', role: "rowgroup" }, h("div", { key: '5a1e7f664fc73a33bc79475f7ae84af1e6555f1c', class: "table__header", role: "row" }, h("slot", { key: 'e51218f9c95ff51fdb58e14279af3806339e036b', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '3e212175f052d42dcdb97a5b2d61f03e2f79b2f0', class: "table__body" }, h("slot", { key: 'fb7124d01de83ee336762724e62ddbdb3296ee9a', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'ebe4ecc72523f8002d488e3e766bd0c39bae7705', class: "table__empty-row", role: "row" }, h("div", { key: 'ff6c32891c4f0ef5bff92b1b7ae9279fa09d1ba8', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'f508f44cfaca97ecdb53b30e2585eeafd364d283', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '6de6889f96e5fc88314b56208192709c30df5c60' }, h("div", { key: '6d304d1fbb53ac20005efa7eedebbd34ad0fb209', class: "table" }, h("div", { key: 'ffa81954f68640296013a38be9d2e52275cf5928', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, h("div", { key: '9416e6b182bdbe4a0a737b7f9b2012098c50ae83', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'e0c706b41a6a27d2ef67aaf4981ef936bfced646' }, h("div", { key: '61ea243a1314b6816ad43ae6ba537256892e2a60', id: "caption" }, this.caption))), h("div", { key: '79b5526035446d75ed0c38e210bef0b3d4e058df', role: "rowgroup" }, h("div", { key: '5a3dff6d4dd9b618d290f0714235cf610e366a02', class: "table__header", role: "row" }, h("slot", { key: 'f7445a59d444cf7351b7f92ad14eebcf3964ed4f', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '1171fbaea598b569fbb7109ac1eae7d759aebe56', class: "table__body" }, h("slot", { key: '32e1c808186c06aa5de39ee4013b2aae46540547', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: 'dec326da4cd983c419652787729eb48d1770f9fb', class: "table__empty-row", role: "row" }, h("div", { key: 'a9dc853633f4b98b141c9877096ed203275b35e7', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: '00a334275c75e75f3133e4a06c42ac407993f147', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return this; }
     static get style() { return SwirlTableStyle0; }

package/dist/components/swirl-tabs.js

@@ -82,7 +82,7 @@ const SwirlTabs$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTabs extends HTM
         }));
     }
     render() {
-        return (h(Host, { key: '941bd54b3b0fbe840a1272fa88aee9046130786e' }, h("div", { key: 'a1f72b4a2e5201fb4729e9ab32bd7aebef4e57b8', class: "tabs" }, h("swirl-tab-bar", { key: '2d9c3ee8478418dd4f75126d7e718673ceba964e', 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: 'd0913666f41358e3f09bb7fc40c4ae6dd088972d' })));
+        return (h(Host, { key: '89ea8d15f7d3b8c564ea5efdf84620722d015534' }, h("div", { key: '191a58693f9a91d35a1b8577e6ec1bf69a56b3da', class: "tabs" }, h("swirl-tab-bar", { key: '994a3d4c8529d75b8590aac379f9da13ed0db9e3', 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: '122c4b4a838c733e7a198aab749fad67058206f4' })));
     }
     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: 'b1252aae3bea38598442cb55686853e117d13c7f' }, h("span", { key: '8913c5ba54383d25683173d728f3bfaecc3e5738', class: className, part: "tag" }, this.icon && (h("span", { key: 'aaf64fd259e1379305e46314103380ac80330c45', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'f1bb805f0264d23957e244682027417f41dc6507', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'c0e1fc5f3c153fea47edf8dadf0870b9d3ecb405', "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: '94acd6d0feb76393da944ae9bf41043735d297c6', size: 16 }))))));
+        return (h(Host, { key: '64674e21ebf168a1e89797134ab38ad8aab16b93' }, h("span", { key: 'c739cffb50390acd4be40179ee28dde5df18bb3f', class: className, part: "tag" }, this.icon && (h("span", { key: 'c2f8ec350ecc25649905edfde34927a04ec68f66', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'cb5f0c9532ae7afb796e4acb68dd0f13b9738392', class: "tag__label" }, this.label), this.removable && (h("button", { key: '65111a77d8f9da3af8eb682acb06367f47362b93', "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: 'd83f3b09993d7c639b76a706105ffa1139ffd5df', 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: '67b3f84f719c449587fdee7cec69b658137b7318' }, h(Tag, { key: 'ed03d274cde2bba9af7bf6cc0d65e66592392c0d', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'c5ebf1c1a2ea1619100a8dd05fffc3fbbcf80071' }))));
+        return (h(Host, { key: '32dc266a755c1dabeac2c985ea8d905dafcbe886' }, h(Tag, { key: '40e528843db1896427fda552e0d0abcf97637021', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '292b61a0c45364c90a709f874c2d0e493dea86b5' }))));
     }
     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: '5a01f6414bd65eed49ad9f87e676b9ec69f88879' }, h("slot", { key: '53ccf4fabc139f2e76c22a9b869e959aca85cfdd' })));
+        return (h(Host, { key: '96da9f5a883aafde01f23d67c7e482b2a7dfaa7b' }, h("slot", { key: 'f98bc02d65ef7b4baad5e00bfe985f9157e2ba29' })));
     }
     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: '5266f9b7d117f537630c24b187a7e58df5516da4' }, h("span", { key: 'f6f0f8cec5e0e452a3f8d38a98ceccaa437a6408', class: className, role: "group" }, h(ImageWrapper, { key: '7a51e9d06227fc5ca9126133b6d090ef684b9089', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'd8479f1665e20da32b9ede11be38d434183e8b96', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '1a78e24f0ce8fbaede2c1fe0014dc0382d78dd78', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '1d12b6eb914a79bbeecebf04c3f0459ccc162193', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '7243a2f19d81ab1a9a0573759d1fbdbc7d249e53', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '1f265bb2a97290f28f3ae625c19b5350719126bd' }, h("swirl-button", { key: '007ee87ae5075e7f6351f3f53a9d7eb688cc9297', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '95000396598b8aa488c1828f17ab4fc9573b4a05' }, h("swirl-button", { key: 'a1bdfb1ce72748b5ed9eb5198c23c77b145fd367', 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: 'bcae073db9a30ff6ed4eb52420329039927369ee', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: 'b044fb84eee9f3b9ff9f4fd114bbd2b9bc6c6025' }, h("span", { key: 'abd3302e05b5053c9fad9692012704dbe5826b95', class: className, role: "group" }, h(ImageWrapper, { key: 'c51f887adc8c51a54e16faed50dfe5f07f96473a', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '83a817ee8a6482e73e97367207495c1dac96a1f1', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'e24e73094c4ca7ca6591e527806f5a2a36d3d5ac', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '0bd99f6a019b9854a62ceca59c381ae58fc54c93', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '87e75d2e3d6fbc97a49dfb71306d2b0e7b3aaa8d', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'b244386568e4c1a5907f92bedff4d5e0aecf539e' }, h("swirl-button", { key: '18b4834c6653c4186f2041bd8dfa8033eba4abed', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '4e78c685b5c3154c15e654ed16bce78ab7487ac9' }, h("swirl-button", { key: 'a944d53f6513cb3c1a860654107b96497a8580e3', 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: 'b4fb7823c82a2da5e9fd423b2c5059d4db9f376d', 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: '0c53f04de3ba80f57f7099edc371adb04d5c073f' }, h("div", { key: '7f80c674345224c8d8b206493e3869f76ea3ff27', class: className }, h("input", { key: 'daa596545b1f3fa69791ff4b960b571f0c629b25', "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: 'a8f8c1a689867e95b017fcdf994e96325ddf9804', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'b0d6f82d1b4215fb21814307cccdf3f99241dad4', size: this.iconSize })))));
+        return (h(Host, { key: '3f4873061984eaf003e5b580a7a54c117328c65b' }, h("div", { key: 'ce73a6c0c1385eec277b80efe42449199175c720', class: className }, h("input", { key: '7add178d5684bcb4d36284e59e0589a169013888', "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: '8ab36a18b46d14aa903f00e2481bcf537e18021f', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '9d5e3e779ee957383786d0761de18823b7247b98', 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: '291cbaa4de84f5642e2e81f2a1dc5725fc1f760f', role: "status" }, h("swirl-stack", { key: '3a0ddb12cdfa15889ae18097657dd448f77e5348', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'dae1a9edd3dd5dcadc1068e0b91060cd0847b858', role: "status" }, h("swirl-stack", { key: '31846e109301df202aa9a064b89a8f0cf3d5a374', 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: 'd1a206cc1408bd32f79b2feb9dfd26dbcfe1789a' }, h("div", { key: 'ae3d5d0cb7670db77bff1dabaa44c25f65aea10a', class: className }, this.icon && (h("span", { key: '7cf231b57090e4bdd862662e4e847ba22c9117ad', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '87ead7ae92ad5c54455942c47b81a436dedeba63', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '095331448ed5216d25a6afb5509b31ac64a6796e' })), h("button", { key: 'cca7dd9b24296c10cc17139fe687e26598303d54', "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: 'ce360cc5829a71d521cceebb6a8b0418f3692302', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '569484da1c257f0d7d5e01a9542c7be2a1b22654' }, h("div", { key: '2b8e58e7a7be4e361818f70dc19dd92cbd505681', class: className }, this.icon && (h("span", { key: '2f701e06a546ce2ca2d9bea70e64156d8e129ab9', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'bff563d122f97e0dd131d46eb2e78c71308db397', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'f7e07305384660b969f43e531ef3875c59809e21' })), h("button", { key: '0b610699e3793a2a1aa0c9d4f1fcf912cb54467f', "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: '28c5476a300d3b210c48fb06074702906231a097', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -20,7 +20,7 @@ const SwirlToggleButton$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleBu
         const classNames$1 = classNames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: 'ee908a17a752436ee0787555545bde5979699f37', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: 'be731952e9420f7b39424cffaacf6b9e8f0651bc', class: "button__label" }, this.label)));
+        return (h("button", { key: '112d6672a5cd6ec7ccdca41b9db152332b996d84', class: classNames$1, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, h("span", { key: '81becb308083342853c6182d0eb95d1735b21629', class: "button__label" }, this.label)));
     }
     static get style() { return SwirlToggleButtonStyle0; }
 }, [1, "swirl-toggle-button", {

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

@@ -60,7 +60,7 @@ const SwirlToggleGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToggleGro
         });
     }
     render() {
-        return (h("swirl-stack", { key: '9623ee39e6a18e31769e4f7a7a73e4d0e4d18ce0', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '5e476408d6ff8269d798cf3f1f94d862d1a73525', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '93ae55ea71fe4553daf266c997a0fb7cf4cbc83e', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '56a7c7912fbf884857ce958874806f37475c357e', onSlotchange: this.onSlotChange })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-toolbar.js

@@ -74,7 +74,7 @@ const SwirlToolbar$1 = /*@__PURE__*/ proxyCustomElement(class SwirlToolbar exten
         });
     }
     render() {
-        return (h(Host, { key: '72977493f6b33b2b1d053027fa0f4ab363090973' }, h("swirl-stack", { key: 'f7d0790b83c039a0550e3e355111b1e96445303b', 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: '08334df6038b818ca78243beaec98d85f97a7e04' }))));
+        return (h(Host, { key: '217aeb08b27129c18ed0925805f03e074de2d5cb' }, h("swirl-stack", { key: '11e8f0ac8f648fd469cf5ae0ff5d4693fe4b5923', 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: '8501d2cf5d0bc5c8b50951f6a27f6dadda859be8' }))));
     }
     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: '7a14595f01dd2cc707ef5d540664f0cca2766e3f', onKeydown: this.onKeydown }, h("span", { key: 'cd4f0f8f6ecf8db5aa096822f69abf8859ca4bcb', class: className }, h("span", { key: '55da1452153d3bdbf2dec9a597cae31343b803d8', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '62c1e9c1a88102d18dfc6ca4686102b419ff79c4' })), h("span", { key: '6243161edb779b3bb9d885416f4688382ceeac03', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: 'ce14095a3c0e900041fd0df8c6b99c196155350d', onKeydown: this.onKeydown }, h("span", { key: '2a8a359cee3ad28a5073ff2c0ac455b4e2bfc784', class: className }, h("span", { key: '0765f346d224709abfb9079441735d1e851fde10', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'e470c934075f7bd2621647b5f34b7bc89f781967' })), h("span", { key: 'be31d205bf565740edc3ae0f775a0a7af51002c0', 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: '3fced37e021251c5d868641536ebf9ec9470b480', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '77f9e4ff72dfe1c8427a7eaae83632a16fe5e38d', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '555e04a2f087b29d380fac6d6ac85f8aa553758c', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '2b67bbcba09607a77b2954e69be2d4c30e808789', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '7812af453b17d71a7f63071eed60e995ca913952', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '5c3aa1d245ca097a4e471f961d45d7244b14b323', 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: '41362a167f2eacd12bf7dc05d393535d920e1c84', role: "none" }, h("li", { key: '258f61abc2715627c88e02b5096b14b05caad92c', class: {
+        return (h(Host, { key: '9d1e3c508514cfc13348b8b080f8f37843c773ef', role: "none" }, h("li", { key: '7723964ef7c26f059e46aa92a9048c93e3e8b4f5', 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: '0fe6d7779277465ea70dcb87b4f93888ded7a1d4', 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: '207e8d6863339dcad2247d5f3b83ad85b19edfe1', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'bafb8e9d8de860303538670e8425718170f0141b', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'd570cde65c293c1a66e87a68fb0a8f6b560460e6', class: "tree-navigation-item__label" }, h("span", { key: '74556aba7ff4d4fbdf4c260823bb9d17f6f14e48', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'e496c77ed1a01f26d88635f9093ab3fc5551a1b6', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'ca75c848c4356af9a9f7076f86299906aaf74f56', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'dd17e9ab861329762c3534737254aa2777a4ecea', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '098c4d654f7a9c2485970dd4db142ecb824bfeb8', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'afcd79085d0bb9baa0bd7d64f1cf346b80f7ba99', 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: '1fd93515545b71ed3bcc8fdb2bebb792f3608243', 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: '42140fd75dfd12419045ce46fc90d14ac7791cb2', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'd0cb10d1dbc8bead0abb433d1a2216520692fa03', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '9ec8006c02507d1f3e6f8f916542785cb82b4b83', class: "tree-navigation-item__label" }, h("span", { key: '108a9bb3266474e7a8cbe030195640e954339da7', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '5a1246ebd23518fbf4ce82931c299ec75dc2c549', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '24a44c9fa94f629ad3b93c349682609aa4b93747', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'b8090cecae66e21435344886a16083503bb63b2c', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '8af6d8ff2b003cba94998ea6fec1ed317d98ec12', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '780489849aef7915dda58f419bf78b23e8f2aa86', 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: '4b2bcc33ea38d223d9111fda50f4eb560fc4b1a0' }))))));
+            } }, h("slot", { key: 'a533582ba1c29d845993b8d45765de5593229bc4' }))))));
     }
     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: '0c40445f2efb61cad7566c675b0a3edba7202ce5' }, h("ul", { key: '603dd22de525c80b0df15b92fea432f260bb7fcd', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '756f4f2cd732bd50f2839e8bdf108ed5c50133ce' }))));
+        return (h(Host, { key: '1b514b22d0e829bd080b9f5961edfb8fdc79fc0c' }, h("ul", { key: 'b9cc66ea88680ad23d42f1c13910f57b62c58bf2', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '0ca2b6f861223124bc46a0c196a2d7e5623ba1fe' }))));
     }
     static get style() { return SwirlTreeNavigationStyle0; }
 }, [1, "swirl-tree-navigation", {

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

@@ -81,11 +81,11 @@ const SwirlTreeViewItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView
             "tree-view-item--has-tags": hasTags,
         });
         const hasChildren = Boolean(this.el.querySelector("swirl-tree-view-item"));
-        return (h(Host, { key: '00b87eab57e8519ea116dae7c362faa7e1c6dbb4', id: this.itemId, role: "none" }, h("li", { key: '9459dc3d87e1cf763bc816ad2be419dd457f3e58', class: className, role: "none" }, h("a", { key: '8965dc4392812f3c3def5b65782fa913a243a894', "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: '8df1f9d21e407612e986bfeccee08274d797ca0f', id: this.itemId, role: "none" }, h("li", { key: 'f8df69a9a44a3a93d2ec30aa9f65599d387369b3', class: className, role: "none" }, h("a", { key: 'ded8a38e932a12b405be8206acc78d4cfa75da28', "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: 'd9953d06e4a51c832285d7697b694ef57972544f', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '7107f11d4b09ae9a2017ffd7811b8ebd568c7796' }, 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: '6b831c398f513544f2a328820ff0df2dce18a0e3' }, h("span", { key: 'c46d2e878cda70c7ae240efe53262093c5a9004e', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'ad0d875a64447cebad46e7e83edf4506faf5d7df', class: "tree-view-item__label" }, this.label), h("span", { key: '94e42894459e0f9cfbe65628f66e71e975db0db5', class: "tree-view-item__tags" }, h("slot", { key: '8f560a19c41d27dc74a97a9431a721a05834e9bf', name: "tags" }))), h("ul", { key: 'f49e0e4e1f25635342d3e00a75ff345961df8873', "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: '84799516e4b3c76ae40db5c33c19b3a2a5a54391', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '965efc17557697de252408b515d0b893c0eb1cdf' }, 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: '93e51e3c24ab4352e858ac4f687b262d229913af' }, h("span", { key: '88771dfbf970fb368709dc395064eb44d7a05b43', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '7af77572bd5c936501c76538e1973099fb4ff886', class: "tree-view-item__label" }, this.label), h("span", { key: 'c1e3c76430e50e2bc9d80be2fc7364bbeb429d1a', class: "tree-view-item__tags" }, h("slot", { key: '7357803ce470d4ed6d6f78f883a4020fe062fe22', name: "tags" }))), h("ul", { key: '2c1d33348129ea81ae0f7d4f460d77061ab4388e', "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: '58e09b3d1f5bf963dbc420b855660894a84a1aba' })))));
+            } }, h("slot", { key: 'b21654a00709f3e784ccfb970743483670277997' })))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewItemStyle0; }

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

@@ -197,7 +197,7 @@ const SwirlTreeView$1 = /*@__PURE__*/ proxyCustomElement(class SwirlTreeView ext
         return nestedSibling ?? undefined;
     }
     render() {
-        return (h(Host, { key: 'c35e27e0c75e25af047dc7fae73be660cd4aaa05' }, h("ul", { key: '158f3112f6d5a4909a718abf32752a81cc428d99', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: '275d69cbcf753e0316e5a90ce8328f0af9bd733c', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '9a74415f413554f47ddd5e1da78d3f7774c23145' }, h("ul", { key: '04535789e4f12c640b24d882a7e85ee87e0ad4ba', "aria-label": this.label, class: "tree-view", role: "tree" }, h("slot", { key: 'ffceb96a6ebf9a524b54843ee7ac433312546c2d', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get style() { return SwirlTreeViewStyle0; }

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: '61fe6ef31be9e5f007a9481cb5211d400aa62203' }, h("button", { key: '986f3976fd2efdffc510274144b7faea5bc6d428', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '2efeb395e158129ce69209b35143951dc77f2300', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ab80c16fe5613c30573d8683fb53ff80b75684f5', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '51330c1463b096c8027aa4bae334fc99f6cce162' }, this.durationLabel), this.duration)), h("svg", { key: '11d433b5fd9e6b2b7bc53867086c6f644130b803', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '312fe905e2ac8f7a9441d1e4155f9eccd82eed1b', 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: 'c826282d9807680c69b886912b849c6b73ec7fdb' }, h("button", { key: '93ffbe4624fe5b94c1bb95cd26d48a1b217d2119', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'e441130993184542b5b17e9662f4bfac65a18b69', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'd8e0333465f4bbd5260ff94e938dd9fbdabeb6e7', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '9058d0e5e7f60da21519a0cae5d7541ebc71aede' }, this.durationLabel), this.duration)), h("svg", { key: '5d2a4238047f67396e3ec3996d400b71ce985966', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '97e859064f6a812381681492cd105adce482eaad', 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: '58c0c479a475d86f85e37ad2906cc9cb20a1bd67' }, h("slot", { key: '4539acac8c6a57a253ccf1afc925f4cddfebf95e' })));
+        return (h(Host, { key: 'c9d2040dd71e149e57a293f92883bf951560a211' }, h("slot", { key: 'ed4e637b8de6e1a18ed62e37687f1c68d136d5be' })));
     }
     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: 'c500a2c395279ead0001facbe45450d43f5ab1f5' }, h("swirl-app-layout", { key: '6f138dd41ba08ee0d0c4704994124f4816b75ce3', 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: '5991b6ca787595e969a5e307e5f6f634ae88cc8e', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'b504d82bf8e5f71d3e98a9a99c487c527b64e38d', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '7624459d519c0867b258d586626b6dee15d56542', label: "Sort items" })), h("swirl-stack", { key: 'b0ade6a93c38572a3f8b21f2b67f10f9c357a2f6', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'fef610c21f4524d4463ff09b9e7758d22d17f3bf' }, h("swirl-heading", { key: 'b0a01eff53120a13d3621dba8a6ca05336dfd14a', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'b788a2377f8b26b0395f79eb7b933802b99da409', 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: 'ff66f1aa8fb5bb0d06c538c2b58cab9a0c7ebd1b', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '45376f4e4f09dcf619d841c0a6f59077001dc0b9', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '6870959c3abf088c16e11f205f585fdd0d8319ac', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '1615885db1f2b677c7efc0dc1a29e050aafea158', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '55017f39c443a609017651491c3fad38568ab504', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'ae583312ccbfb3b8c71e46d542b10271236f609f', value: ["ascending"] }, h("swirl-option-list-item", { key: '48a06ebbe427dfc037802093542e3b03afee4692', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '251a0a246607eb2ca0e04e12c772af7b2a704f5d', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '4c60c4be54a72decc95afcb51ea6933e8bd22e0d', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'fd649c1b6db075eab1017e229f9d0825d4a871c5' }, h("swirl-app-layout", { key: '77010f303c0d7b62e1965867f0aecad2f5a2d8d5', 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: '1039eca5f8965f80c6e353d3b67f5bcd6fbf9cfd', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '593d41727161641aac3a059ebb04b4e5393d8bdd', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '616ce859ec1cc40893a8e59ebd7116c3c6a95e12', label: "Sort items" })), h("swirl-stack", { key: 'dd5c620c214c3dda920f83e132d063e42fa18659', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'c697cbc30532ed621966d29c6af31e854607b086' }, h("swirl-heading", { key: 'e9b75806bb2f6850ec914471c534b1a5be0a5a18', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '91457794d28bf01d3537e71665e80f1b6895722d', 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: 'fc5cdaac2bd6d8c1c3a8978ec6cb167709b6f7bf', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'e6cbbcf80fa503e2e504a2acd67316ae5906a4a7', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '46b2426e687cbc9a8e8974358ecd37ec8d73cf7a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '76b7922b314549415bb8f8cfd2724dd6e7bcb258', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '7c830b8ab9ac66358735d6b28da41a09f1be2305', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '9f3db298ca6ee51aa496bcb2c1bbe2f0c86fa150', value: ["ascending"] }, h("swirl-option-list-item", { key: '07ab578b1b812046c37965a20aefa802acaa1988', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'e8319f018521079bd14d3606ec6940d2f7a61ed3', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '83358a2f2193f5df89f1c290cd5545f260ae758b', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 };
 

package/dist/esm/index-1878a8d8.js

@@ -1889,6 +1889,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './swirl-icon-inventory.entry.js').then(processMod, consoleError);
+                case 'swirl-icon-inventory-off':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './swirl-icon-inventory-off.entry.js').then(processMod, consoleError);
                 case 'swirl-icon-key':
                     return import(
                       /* webpackMode: "lazy" */