@getflip/swirl-components 0.362.1 → 0.363.1

package/dist/collection/components/swirl-symbol/symbols/swirl-symbol-xing.js

@@ -8,7 +8,7 @@ export class SwirlSymbolXing {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '48e7118ce99113487e9415294569fbf00c8f2a54', 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: '88a535ba74befb80639cc5512050a404d6b9d665' }, h("path", { key: 'f886376c8ceeed20a1dfe05ace318e8843fb555e', d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
+        return (h("svg", { key: '7af035afa59f017f4a0f873eaf3a24f10e0db61a', 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: '8be93b92948bdbe80f47cbb8a19bddc10ddc356d' }, h("path", { key: '43553f84c8500f8ee718dfdd34dce2326d8021a2', d: "M17.158 2.128C16.9889 2.13178 16.8248 2.18623 16.687 2.28428C16.5492 2.38234 16.444 2.51949 16.385 2.678C16.385 2.678 10.173 13.698 9.967 14.059C9.98 14.079 14.067 21.578 14.067 21.578C14.1342 21.7375 14.246 21.8742 14.389 21.9717C14.5319 22.0693 14.7 22.1235 14.873 22.128H17.751C17.8257 22.1338 17.9006 22.1199 17.9683 22.0878C18.036 22.0557 18.0942 22.0065 18.137 21.945C18.1743 21.8762 18.1933 21.7989 18.192 21.7206C18.1908 21.6423 18.1694 21.5656 18.13 21.498L14.063 14.068C14.0614 14.0653 14.0606 14.0622 14.0606 14.059C14.0606 14.0558 14.0614 14.0527 14.063 14.05L20.45 2.758C20.4882 2.68988 20.5082 2.61309 20.5082 2.535C20.5082 2.4569 20.4882 2.38012 20.45 2.312C20.4084 2.25141 20.3518 2.20262 20.2857 2.17038C20.2197 2.13813 20.1464 2.12353 20.073 2.128H17.158ZM5.041 6.078C4.96541 6.07176 4.88949 6.08504 4.8205 6.11656C4.75151 6.14808 4.69177 6.19678 4.647 6.258C4.61116 6.32697 4.59388 6.40408 4.59686 6.48175C4.59984 6.55942 4.62298 6.63498 4.664 6.701L6.613 10.076V10.093L3.551 15.504C3.5116 15.5708 3.49081 15.6469 3.49081 15.7245C3.49081 15.8021 3.5116 15.8782 3.551 15.945C3.59031 16.0081 3.64585 16.0595 3.71182 16.0938C3.77779 16.1281 3.85176 16.1441 3.926 16.14H6.81C6.98108 16.1336 7.14662 16.0776 7.2865 15.9789C7.42639 15.8802 7.5346 15.743 7.598 15.584L10.709 10.076L8.728 6.614C8.66239 6.45468 8.55179 6.31791 8.40972 6.22042C8.26765 6.12292 8.10026 6.06892 7.928 6.065H5.041V6.078Z", fill: "currentColor" }))));
     }
     static get is() { return "swirl-symbol-xing"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class SwirlSymbolYoutube {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: 'b54b2629241c0b0d67f1e6d8287b6e45b71efa3f', 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: 'b7f77898bcd052930e267d496967ca84e30132cd' }, h("path", { key: '17b75b04ef9ef832a9e8383f176e8da8b1594219', 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: '86d5784290534adfb2359fb4f875c6146a3d9a1c', 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: 'e0ba0109a6489761f885d9a84db2d6d8a58a185e' }, h("path", { key: '1fc24875d3b6a8e4475d5b10fa15a2f2c5a524b5', 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 is() { return "swirl-symbol-youtube"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlTab {
     }
     render() {
         const className = classnames("tab", { "tab--active": this.active });
-        return (h(Host, { key: '3c4be9425efcafb509e1a94255c297a282ca3012', "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: '008b50131f6dafd7f0c2c9fd558ddfd827676209' })));
+        return (h(Host, { key: 'bac28b1ef71a6bb004fb56402652534d079d1cfd', "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: '144f4e156d9b19c98d6d3adae5ba74249739ac8f' })));
     }
     static get is() { return "swirl-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class SwirlTabBar {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: '8706cc34f7051fd39e6fc66b8208e2b0af9e0e68' }, h("div", { key: '22cc2d34fdf44ac3b74fd715972df5ed2d86ba11', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: 'd53273a0227db34ac9fda51b9ede72ed9943ec4c' }, h("div", { key: '9e2cce7be46b4f8b45dcb3a60a358305ad594cda', "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/collection/components/swirl-table/swirl-table.js

@@ -485,7 +485,7 @@ export class SwirlTable {
             "table--show-empty-state": this.empty && !this.loading,
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '77f13e24c099133a944a7b760eb72bba0cc10366' }, h("div", { key: '11607fd17b479686033d48c2517fbbb6e3d2cb6c', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ac56722c2942912c3832693668ab0ca90877a453' }, h("span", { key: 'cc2bf2e5257afeddafa6cdb06464362a11b7242e', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '9f463bdbc559928f77897ef9d62fbe82d97941e8', 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: '4373a91328d4da5455984e5f44984739145aa03e', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '754a502221901d4a79eae853faaef1482238a214' }, h("div", { key: 'db82b5288a5057fbf158b318d934e024bd52725a', id: "caption" }, this.caption))), h("div", { key: '3a6a2cb7027670c32d27b0413ea9157cf4cecd7e', role: "rowgroup" }, h("div", { key: 'd5ce42506a977e1c09d5293bcf5cbbc27c3e1227', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '9145a6c16e33b453842729c26dc31df5032ec14d', name: "columns" }))), h("div", { key: 'e4e454b4038d6f8a8bde061ee98a1b3cbdb49056', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '75898427770ef0e1a481f8cad762a30780fd3fef', name: "rows" }), h("div", { key: '9a53d2fb1cf889220178cd5fd5c271aabc165ebf', class: "table__empty-row", role: "row" }, h("div", { key: '96f88b96d8ece951ebe1aa662f1b8bf27a8476c8', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: '202d437ea61de04841c8ecd308e9b2a536672cb9', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: '756bead3cac8792c5be01dab6790f5b20b5a4f8c', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: '6bc1959e06eaff434db4841127eaf6011ea4e386' }, h("div", { key: '1aef97ca18f0d367df69681fd4a0287fc1e9a96d', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ae609948912c9656417c710d3bd0e1cc4b8e7977' }, h("span", { key: '8f6d333178d51be1ca097c346f90d01c92f1dfa7', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '9ad655fd644d07acdc86c194d9685958f4acbcd9', 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: 'ce68c4da82f895a975e7d48852470bd60b861ce0', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '77389ebb48e386ebb8d896444a394fa3c9cb82ec' }, h("div", { key: '65d40dac426958eb868d9d93461bb27f8f389b1d', id: "caption" }, this.caption))), h("div", { key: '01c0b5caa080855c98799e4cf2e8d3c3d91e0baf', role: "rowgroup" }, h("div", { key: '66e18f47a2964f15d64b4adfec51b88fb3563c1b', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '7e6d17abfec2e509afeff2a4bca5ad4634bc8705', name: "columns" }))), h("div", { key: 'cc5f8948dcf6998d8bd3497b9d93fc1218052278', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '17d4f92f350e958fd3270569b9fc18f08ccfe325', name: "rows" }), h("div", { key: '25499fcf2e5fbe30be4b281f121fe8df48517692', class: "table__empty-row", role: "row" }, h("div", { key: '007c30a0120784a4c86e22c8b036ee16b4720b6a', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: 'c535c880ecb853342633e3036d99d417a4dd7c83', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: 'd5afb052b4c575930aacd9ee366ae91115db16ac', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     static get is() { return "swirl-table"; }
     static get encapsulation() { return "scoped"; }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class SwirlTableCell {
     render() {
-        return (h(Host, { key: '9e6bb1badc5f1a000efeadefbfa420088d1bc621', class: "table-cell", role: "cell" }, h("slot", { key: 'fb41073d5749fba546be447191d199bad2b04645' })));
+        return (h(Host, { key: '844af7cf6bc5795a46706a06b0cd0387196f83bb', class: "table-cell", role: "cell" }, h("slot", { key: '8ac69324f7aedc22ad60fb91c62a09fdc7d3a96e' })));
     }
     static get is() { return "swirl-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SwirlTableColumn {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '7d579f8c44c4f0399105fb8d1875eddce4942006', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'd67b15125743e4f140f47970bbbdb3cd306cc2be' }, h("slot", { key: '50cec5c514cd5772072c919979a8844b453ea719' })), this.sortable && (h("span", { key: 'f1238d7f0d11ad7670d41c50ebb884f938929794', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '3094602edfa385dc5d164289449554f2c79bba71', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'a46fa5822f2897bf47a8ed2a0b2297d5abf8bf3d', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: 'abae0512d17bcaf990f79deeb4c32b7b30eaf784', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '6e4d4c4c314c564510c082d8b4ee9ee4d6b00850' }, h("slot", { key: '12d81d193c9ca27a90b45c92c0cc15774aa38a52' })), this.sortable && (h("span", { key: '61ef31e3340b7194adc6b93d025f0bf018569c66', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '7b74de38bcae650e6d192ac80efbb24a512f3a9d', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: 'ce76140ab9e7c4a6bf5f15bd8b4642f7539755bb', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     static get is() { return "swirl-table-column"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: '916f164f9bfb1d0ab02f57c2f6095e494fe9cfc6', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'b6d25f9fcc96a308691a34041208937cf9758fc9' })));
+        return (h(Host, { key: '8e59f79d3052b743eea20d429bee4b1c2b5e12c7', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'c625f9bbf5d1a003c950c710f05d448bf076b314' })));
     }
     static get is() { return "swirl-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,10 +38,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: 'e61a001aa6bfe76ad7edefade8fd36afaa0c7456', class: "table-row-group", role: "rowgroup" }, h("div", { key: '340f6cf581201e388425d0612a77544474db9655', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '4e7d67de5326116ee196da85680d369f225d7021', 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: 'cc784566211c95ffa869fd2db56db4da4f7fef79', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '994bfa4482e5b224adb40d925591955ad4433425', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '840485a067886c530fc553c7f21a4dcc8bd1f50a', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'f9ed4dfdd7cbd2c016eb8b8d66c2d79c61c918ec', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '2e8abe02725bd0486051eb53b8d549a599a343a6', class: {
+        return (h(Host, { key: '963a493cbd8ec2c3b9fabb8fc1591cdb48d151c8', class: "table-row-group", role: "rowgroup" }, h("div", { key: '6a25ce2471751c225d489bad533c7e65bdde932c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '2a04ad523de8836566786d47781a886e78a83728', 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: 'f257a05598cce675a997b835009260ce8feeedc0', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '0e970dbc97c9e532e7714733abdd76b3cc1a8848', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'adde14b7950476d6cf3903d632a5bca49eda5b2b', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'a5dd93716b58a16e3ed2568f5d746fe6244998d9', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: '726815a59b0cc4b5e834029caa4f8abe19156b0d', 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: '73a5be3b97db8674fd19be4c09cfd84b1b60daa7' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: 'e84f28d294da0ce7898a19664513d4ab0778fadc' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -70,7 +70,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: 'f68cc27260808971360101825b3ec3de5fe61b63' }, h("div", { key: 'bc2659d59340d1b6b1ad34a128b361fb246351ac', class: "tabs" }, h("swirl-tab-bar", { key: 'fd14f11fd9b13c2bb1e3cdb04e74a8a2eb7879ac', 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: '54099c988eaba23d0f90489c9f19f42c4f9b11d5' })));
+        return (h(Host, { key: 'cf58ac957e8071553f231e18904f7ec4bd86ba72' }, h("div", { key: '62314cbaae42ea725237af6ef3b7c416da8ded74', class: "tabs" }, h("swirl-tab-bar", { key: '67a5d9876312705cdbd85b53e392bc9f010f0576', 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: '5745eb03dc02c58731e5d5dcb646106611e86509' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -32,7 +32,7 @@ export class SwirlTag {
     }
     render() {
         const className = classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: '56651b3a213f322f6e09d22cc0194fa91f831be2' }, h("span", { key: 'c2e39d3ba416b70f39068f4edb82369d7982e7e3', class: className, part: "tag" }, this.icon && (h("span", { key: '4e20db185956ae9627bb89876c0c179aea46c30a', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'df0a3fc8e1b846e99a580f2a8eec142ed5dfcca0', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'ef934aa9f376b6e1308914c06a5158167691cfad', "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: '4664c9f4cbb7e744579b69b51b254829cbc37748', size: 16 }))))));
+        return (h(Host, { key: '3c707823f0c86ad16acc9f822014a446a4f2e0fc' }, h("span", { key: 'fc38f8d1e226e15015169fafbd90c94d8855de2c', class: className, part: "tag" }, this.icon && (h("span", { key: '35fb61a64738631f8f69c1b3862f0f1be5950ed2', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '97b0e87f313fec3ac17e2921971eff8ddada74bd', class: "tag__label" }, this.label), this.removable && (h("button", { key: '02ddfd9876a27ac5f488fcc81378ee04d42963ad', "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: '7e8def30e3d0fb20cb7685c39622ebae58ac8b72', size: 16 }))))));
     }
     static get is() { return "swirl-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -51,7 +51,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: 'd4fee15171b1ad3f2586ce3e9e50672c0f472356' }, h(Tag, { key: '79fe30d8876109548c40c40809751058d2ac65cc', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '14d8f95b4867c94e18cae62ddb24c4469068d472' }))));
+        return (h(Host, { key: '5eb0f20945950a6d2c471f37548686e39f499486' }, h(Tag, { key: 'ce199a36d20dcae4680fa1746d6782a8ddc7b80a', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'e8ec5e136b0252841e55627176e8b6df5ae46b7d' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }

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

@@ -144,7 +144,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '3afc5b924186823e699288610eb1d5b74f17697c' }, h("slot", { key: 'b5e474f9524fbdfd57dd14ca5a782f236fc75ac6' })));
+        return (h(Host, { key: '66b13b1945a795e1c683089023d2369c2ccf78dc' }, h("slot", { key: '8d5a9e06272d14ede3a9f23f21ec282973a1675c' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -22,7 +22,7 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '7a8719f5c32335bcd15002ac1fb47a7556ecfcf7' }, h("span", { key: 'b374ba2c29c40152b1f10b26f4339f65cd9e6092', class: className, role: "group" }, h(ImageWrapper, { key: '3ac01a037b8f8560a3f9d9de023072acb602d941', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'e93f0482d6f4c06ee0447625c329f01a15b3ed30', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '61ae8c2a51b9eb94a46b15ea35d47e3172533efb', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'ce079ef6a7ab93a57fbe68517db765194540b779', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'b6a761dd0e4cc365d6d2e759f6da463c08ed408d', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: '758ba46318594feae85b0bb03fd8e53ce34e52b9' }, h("swirl-button", { key: 'fd073b1293b4b303dc223e1ca4f8d2d75515c12e', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'cc757df37d2c46e4fc8bf5784b5579788952ada0' }, h("swirl-button", { key: 'd47f6237fd992fbcb3f89fee15a5dfd2755c36de', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: 'd1bf88f72609b9518366e04f742ac70d894d6602', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '3545b248fde36b1d127a0630cec3cecd45084d81' }, h("span", { key: 'a658cb627ad7f6e66e4d96d28431eb86e46a04d7', class: className, role: "group" }, h(ImageWrapper, { key: '006319ae923bb315143d18ae485f21d6b82dcb82', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: 'b10d7bb5ac401faedaebb13ff63efed486f6577c', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '0136b7032f9b20f1ab7239ec571b1f634705b183', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'a50e4f6e2e0eb6f1f41c2f846fa1883a904d1671', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '2477bb687307e2167dc4005e46fd56ee393497e3', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'ebb5fb96bebb157f06a742515d9e98eeea1e6571' }, h("swirl-button", { key: 'c335bd576fb8664fd4d45ab3ae9b0f97ce99a130', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '3df296ec9f310309d17e53b4868d3f844ef9fcf1' }, h("swirl-button", { key: 'b34c70f969d794844d14a5031f96497dd58e88d8', hideLabel: true, icon: "<swirl-icon-delete></swirl-icon-delete>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: 'c65d48def8ed423dc9b48a32612684a86defcd99', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

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

@@ -135,7 +135,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: '73e8d2f7820a4d11c69ef467ba037314d0f8d652' }, h("div", { key: '63bd53c6c44288f0604813b168bf088932efa491', class: className }, h("input", { key: '24a88592ed5bfb0bb4b28f800a4327f5c15c3377', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), h("span", { key: '485569115747292c83b33445040a903e483caf51', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'b3d51594c1ccfd4288fa9e6fcea996723533a021', size: this.iconSize })))));
+        return (h(Host, { key: '39b650bef21d4378fe7c2281e59f7732eced9f4e' }, h("div", { key: '4047e3490f47ee4db04bbdfbaa25d5bfa8967e47', class: className }, h("input", { key: '7e44a86247a2940ea355bed8e9d21b8abb2c06c5', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text" }), h("span", { key: '8a2656db86ae2f530f7b4c2b323d444fcf8cafa0', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '51240f09d13d7bd04e0ddae837cbf5fcafb380af', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -46,7 +46,7 @@ export class SwirlToast {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: '5a55709347db1f823b79c7f1821e79eb7624a856' }, h("div", { key: '19cdbf25bc20867ea12cc5f8bb1c51f6e99348d3', class: className }, this.icon && (h("span", { key: '4e2c9b17fcd454ecb2a789442443bae2cabec65c', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'b6176ee4b5655724e3725d16d19f399899b40632', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'dc1302aaf5dd025c2b3df2c2662e30a94c3051bd' })), h("button", { key: 'ffdea30452398e98ca2c9a2994691ee30b723e8f', "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: '3591769c0e95d869a93e7dbf8ded6a8ad0abc3d2', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '7fea68476343a3a1036bcf9f7594a6e1a79cff8d' }, h("div", { key: 'fbffb818800e9a1a09d152b304247d2d4f142011', class: className }, this.icon && (h("span", { key: '3dd08af863ab3e470b04382280e48898b1855df5', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'cb7f747663e9abac62571814a39d4295e33cba5c', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'fe656f4eb9dc33af885d7b41f8a1b846bc1e5649' })), h("button", { key: '974e2f354db147b74fd5e88e4fb17a8b611f1fa9', "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: '26d3e2c61a864953c15e1ca071a00cb33bdc412b', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get is() { return "swirl-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,7 +41,7 @@ export class SwirlToastProvider {
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: 'fe0bb88832d412dcb3ae9de049dd7ae50821cb68', role: "status" }, h("swirl-stack", { key: '613b4e93def54213665d083991864c553962157d', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'ed46f2145bfb6a36b7d7e66206f92aa048b0b0ff', role: "status" }, h("swirl-stack", { key: 'd3302dba7a8f2cd47b77adacb1d6ee51d32b4b85', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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

@@ -11,7 +11,7 @@ export class SwirlToggleButton {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '77add0909ef397228501ed2fd17d2d681050faea', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'eb4aa350e0d61839567de6f740079abc4c4096da', class: "button__icon", glyph: this.icon })), h("span", { key: '84327622aad4f4d26a57f16aeb4e831f39eb9c2e', class: "button__label" }, this.label)));
+        return (h("button", { key: '7c4daefbdd48ba378944a80c122e75e8db67418a', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '547cda7ffb1045a8a714fa952b0ddb305cfb6d29', class: "button__icon", glyph: this.icon })), h("span", { key: '9316a6384bfe5ced11745eff63947c11b54424a5', class: "button__label" }, this.label)));
     }
     static get is() { return "swirl-toggle-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,7 +55,7 @@ export class SwirlToggleGroup {
         const className = classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: '27dc0aec3edb6aa55ce5583e99c76c8a0afc0a6e', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '26bc3a6b1d38a4f8107bfea2d8fdec4cf0b98b9e', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: '53d1ed77435d8b176d2ecd9f17a91d7ce898089c', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '86d94274de5474cd95c7a8e9bc00470a769f0338', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,7 +65,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '5adfaa377ddf1d344527d6c6f46542e657e6d40f' }, h("swirl-stack", { key: '8851a9980e2587bcb9924852046422a91a681f93', 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: 'dba50aba22e9dd1f9c36d15682de06c9b5f77768' }))));
+        return (h(Host, { key: '68b45bf033f288bfcc91816113e4a9dc1ef3969f' }, h("swirl-stack", { key: '5e47332dbd0f692c105a8271b381b474e87e6a79', 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: 'fcd391ebc21c6b829394c28b2968c5007f3be389' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -107,7 +107,7 @@ export class SwirlTooltip {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: '8e5af6b97fedc32ad2946dd6fc8db2773789fe46', onKeydown: this.onKeydown }, h("span", { key: '6d6dccd20b62964d5374c2b6264c059906970d0c', class: className }, h("span", { key: '3b5978941f38b7b674df8b397e1bdb74bd855987', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'd835f3287b63612d6c95cca238d6f5a1f5c4d891' })), h("span", { key: '22583a3cf9aca5415ac9663ee6ee16d5335b4b04', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '630dad69cbe9e51b71aefbff11767f4a389d8317', onKeydown: this.onKeydown }, h("span", { key: '8abcf9f2b6fa9aabc9db93157e67222e901b26f8', class: className }, h("span", { key: 'f97a65bc9a3e49a32fcf50014dc448ffa0a84987', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '6b35f8010f4b230edfc65b931b987e8179e5cfcd' })), h("span", { key: 'e5cc5c810170615939b55906bf051d03abc46679', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -115,7 +115,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'b3c64d1399539b8b0be364dfad67707363897d42', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '81d353ccf0b3e9f2ec90b5d263137d9bd3e12614', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '12b94a8ae33bfc03198d9b3e1d4bac475c5717e0', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '6af4f69c0dc1ace67a0beed2213dbc1aa815b039', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '92e3e917a121ee3955be6b3c95bea5779a380fa2', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '3245c6aa6710957669064ddf202767204125e8b1', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlTreeNavigation {
     render() {
-        return (h(Host, { key: 'e2cb7b8b74e1584e9e751b851ad471da3cef5479' }, h("ul", { key: '5d8c37e04e09a933ef7c806843d2e90a51ce232b', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '027c7ca4b78f15838e5cee647a933e990f972d40' }))));
+        return (h(Host, { key: '05b7a03527d0da288ec5a086470e9523735311d3' }, h("ul", { key: '85810b1dd711d2f2e676db926cfcd2e7b785200f', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '6313e61ecead5afc2e62b49c75f1323f416409a0' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,12 +83,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'b085106b250f9645b611332c36762557a4656063', role: "none" }, h("li", { key: '33bab63c0050d6e4220186439ebbeca6bc47c44e', class: {
+        return (h(Host, { key: '84da38e754c8f954f138164638dcb7b53a253a47', role: "none" }, h("li", { key: '2eef82c42ff8d968e84b18427434fa613fdd69af', 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: '64ef5afbfce6258029d63a4cb8be84b9c309549d', 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: 'e4f590df4aab48b24b01753190941dc20f88fc18', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '84c742ba9bfedccc08747e35cefbac0e4acbae98', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'd90601b69bdc9c8d6c6fbfd4c01f14a85d02a8ed', class: "tree-navigation-item__label" }, h("span", { key: '64f2baca558f90f8c15e2c1ef6bad715e7bf76d6', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '6d94c90d47321c10cb2160d7c2708ff028c2da7c', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '9698c5e375b9cc10e445cc4fb0968a3958f05717', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'a38665026d251340a762b87ca8f5f29b245feb0a', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '6a9c583f0f04d8a376ff8daae922d44fcaa3bbb1', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'b8490b980316685a5976b227231b764669e12b0f', 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: '7663ac067553f5967a6d40e59c306f5a2a4ce5e3', 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: 'dabb80b2ea51fc991d78c78f97b8f35f983a7e27', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'cf4443bc0f89c5ce23043cf1100b2b7a8ebb0f55', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '65518836650c31c6665af8c84a8d9ef0dd2b985d', class: "tree-navigation-item__label" }, h("span", { key: '71da15c28d7a79416c93ed2f8082dc65a44b4081', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'c2e393c745eab6f1803db5cffc7c77a018d397e9', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '7954eb4261d129f8b8dc2dc82a6a6ada08f1c23d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: 'ce65c8406379b7119eba0a848139eadd44e26059', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '1938947ec7a4b9d3f8fd44dca542aad05b61ab72', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '1db6286314594f640e00cf6b86024a76613053c0', 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: 'a28c89acefacf1e93826fdd2530c1ef77cf4ea5a' }))))));
+            } }, h("slot", { key: '879c209603f09bc3f9d7630018d763173a089e8c' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -327,7 +327,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: '47bd419bd606eb2e9ab461ca0c164be560e0cad1' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ac67e13bd29003e6f92f38625d9089aa810dd380' }, h("span", { key: 'db432525644a0ae1f6d796eeba7af3385920a1a8', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'd128ebf27e563276fcc61b24b81d7040143585eb', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: 'd59b709c70c2d38a0e1427eb849877f9f585a8f7', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: 'bfb32f09515bed8513fbe74d857184dd6ab7d8a7' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'e129f3a6c1c457f6bae16b88f8debcc72a314144' }, h("span", { key: '1cb301153b2f3236b060f85f50b2f013951ca5c2', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'ab8a80d56af5f65f469f1383a872ad3ee27bef8f', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: this.semantics === "tree" ? "tree" : undefined, ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '9c3a3f8d54c12dc6ae7e685b3a362088a76d08bf', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get originalStyleUrls() {

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

@@ -329,17 +329,17 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '2260698557c19528b509b32ba9f32e6094a5dea4', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'd65d65a51d5885da05d8c26a4e1c0a9855cde55a', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: '9ce6c39f870ae6fda5aa607b0a65b64b53fdbdc9', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        return (h(Host, { key: 'c68c5a13aca8fa7fa733629279f11c1dc0528870', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: '40b756080539d584fa99f671ebdaf078ef729010', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: 'f9db5e722e20bfa566d79c28995e2c99be21c466', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
                 ? undefined
                 : String(expanded), "aria-level": semantics === "tree" ? this.level + 1 : undefined, "aria-owns": hasChildren && semantics === "tree"
                 ? `${this.itemId}-children`
-                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '41c1eeb15f8c396d8d0e10862fc90087a790c850', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '25b87fbaefdb9647defa37199b68d13a28cf914b', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: 'b84b36bcb012ec9590a2145d6167958b5855d24d', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '6782e593783b4bd273b68698871911d482fd7d39' }, 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: '78e36892636856f89817f7909839980b4c706202' }, h("span", { key: 'c6ef690a50abf15f8996ceb812ff1f107ff3357f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '0f97c267c7cc4f3fec90f56e9aebf0f7600548a4', class: "tree-view-item__label" }, this.label), h("span", { key: 'de0293446f676fed29f96aed2a1ab7f279480959', class: "tree-view-item__tags" }, h("slot", { key: '8f0fba579fd9313d77b8e554c114f734ce288924', name: "tags" }))), h("ul", { key: '38de156cc76929763571153288a49193f57330ff', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+                : undefined, "aria-selected": semantics === "tree" ? String(this.selected) : undefined, class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: semantics === "tree" ? "treeitem" : undefined, tabIndex: tabIndex }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '432dfb7398abb9a954bb8d612bb4f4212a2b7642', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '01bc68f0c459247e21154d4bf37b90d98cf0dbc7', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: '54de776c869a0705e629f923ce2919b855ea49bc', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'd19607cd33b1caa4ef1bfcaf928ae0529a5d9672' }, 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: 'c3b1ad10734ba61328ccbc04b20b69509c5cba17' }, h("span", { key: 'e1b60f39411b78b7531bb4d47d84ce7fefc86500', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '8989e21fc167a67a1c3c6eb95105027ad98f7279', class: "tree-view-item__label" }, this.label), h("span", { key: '5f2721c78ba4899371b08b70eafdd8b612e0e6c4', class: "tree-view-item__tags" }, h("slot", { key: '55e723f67fac9332287529df25a401c151d82ad2', name: "tags" }))), h("ul", { key: 'e7031518fd8c07ee49fd43e6bd75d528b911b9a2', "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: semantics === "tree" ? "group" : undefined, style: {
                 display: (!expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: 'b8e12c1af67654ccbabfd87c9c395997cd8941fa' })))));
+            } }, h("slot", { key: '99d4fed4a0c7eddb1fd05823bc99e27f5e1d46e1' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

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

@@ -4,7 +4,7 @@ export class SwirlVideoThumbnail {
         this.durationLabel = "Duration";
     }
     render() {
-        return (h(Host, { key: '874cb53d0b4507bb774e0358c0d45e803cb521df' }, h("button", { key: 'a3de5c95b63a09d5894e012c719315bd04f94738', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '23d1e342624a3e1c3bdd2edfbabc598d6e779e60', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '4ef0427db87f3841ad7514e5e6aa4a6a31e79aa7', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'b671e6df36f85449b93e063544d4db7176ed4305' }, this.durationLabel), this.duration)), h("svg", { key: '16e818b7827c01f5d08deb22dd1519bbf5fbbac9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '09b1aba6849a97ace80bf3ce97f4b122088ff377', 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: '12a8ce5c44fcc01076e0270143998be607ec3873' }, h("button", { key: '09f84d385b3085985f17f3f9eb6fc931203b7dcf', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '01f586628b93bd67f4f7a52ccf068d6a9f258ba7', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '1451304285e2924880753f426994371094f5577a', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'b63df651db1aa38995f907ebc69bde184ad734f1' }, this.durationLabel), this.duration)), h("svg", { key: 'f00136c309825b3f36976e27af6ef5261cf2307e', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '9fc79b09dd39d8f4ef91db5cd855747814ba4999', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: '5e241e8a81987590af24ea4f62581b66b1340169' }, h("slot", { key: '3357523a46cc3497cf299fa0fd5f08656ab6b0a9' })));
+        return (h(Host, { key: 'd0253868fa1a5a2665bb8bea4674895820715708' }, h("slot", { key: 'c44b9990392736181953def9a00a520c0f9d94c4' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

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

@@ -53,7 +53,7 @@ export class FileManager {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '6e2d40d65752ccb0d2fe745574b49c1125e77b96' }, h("swirl-app-layout", { key: 'cf2bc93b766fd2f497c04c95123347650c109d1b', 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: '9fc5e0bfab192743d047b6db762c5e6ecda10331', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '2d27c48c67f47b8374409b63b7344e6121f6ad96', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'b7da4c8e1d33674d2894f10e0e0432f85facc49d', label: "Sort items" })), h("swirl-stack", { key: '539da2a2cf7ec87ab018e3d8d5967dc7732dff7c', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'c02d9815c493b5ab708c50b981f1245cbfe5161c' }, h("swirl-heading", { key: '16febcef3e2141c773870f547e5d05172d20f26c', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '1b8b1831b9c9092c4bd801a3f3b696fc543b5c0f', 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: '141178fa985699ebac804fa7618117c3b5ac3093', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '93c2ba448a857fdbef7396bc185538cee099fa73', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'c8c3d9177286e997e249501d7dc161698265d953', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '07efd5005220e4270042ec15d997b7026ce4d4cf', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '713181acc29c2afb4848d0428bd33df66e1a1475', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '0d03cf2c3ed1e551850b967d93015388eb285d28', value: ["ascending"] }, h("swirl-option-list-item", { key: 'a5a843b38f84803d3bfd5bdbe6db68328d485c5e', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '42aa82b1bd2f9bf1950e0eb0716871caf3c66a8f', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'ce1a57d9948a5cf686f75d1c46e3e711c90af78d', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '59f800d6b1e8c2a50b11f264549b166f35110ff8' }, h("swirl-app-layout", { key: '0196ea64d086682cec288cd9363838a63c5f0bb0', 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: 'f3a316f370309768f032aacf996865daed394631', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '8b719480d73d81b85eee19b750ccb60dff290f83', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'a2e323d8eb60f9e905bdf9ed5bc95f014a4ea590', label: "Sort items" })), h("swirl-stack", { key: '279dc842e8006a3678f2c8561ec70f3f6af6f642', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '9099b229b427e1e9852b9344ea83a8aa2d4e7ccb' }, h("swirl-heading", { key: '47bb3d1e74be6568fe4a6b545a5c88a6be058cab', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8b78af54f23b9f6f9234939f5679b04140a39082', 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: 'f0085b36cb9dc878ad07cd8acc8773b98632abeb', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '8786faac5258fe982e66c3bbd1f8faa8b7c7c45b', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '3d8eb9f5bfb11b94ad27370028d53123b310f81a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '71a4b53103c2f65ea647253aa97c2b1676a17fb2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '98946868dfad029e02f0325f90d6518041050a83', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'd69d1ee68cd987bbc63497fcbc88eea3c8fb0b35', value: ["ascending"] }, h("swirl-option-list-item", { key: '88977bb86ad5ea0539c6c5817e13550151fcae08', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '5102cd99f940f73bc28eb3307f619127d12b7654', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'ac14c4d5fbfd00481067c9e2beb2f1f7a4f143ae', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
     static get is() { return "file-manager"; }
     static get encapsulation() { return "shadow"; }