@getflip/swirl-components 0.361.0 → 0.362.1

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: 'f5c344a15674ad1a32d0f58882a13f46185b6c28' }, h("div", { key: '287affe302aa233c638278e98aac146e81e74086', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '4a4666f2d51aafa12c9767c2e038c21a04a4be53' }, h("span", { key: '04db94534a029407c8ebd4e114b6dfaa82c1de36', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '521c1a678cab430fde8b6e18143e8dea943194fc', 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: '1721adbfe74d8b350ce2ff041b2528f72c03ff00', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'fc927a6a89c01ea7abf1c40032467e69908684c9' }, h("div", { key: '6d4f0705f4cf7cc18714f67f2ac15b0de90e6d9a', id: "caption" }, this.caption))), h("div", { key: '0dc1eddf5c43b151af494806ba03382a74fd839d', role: "rowgroup" }, h("div", { key: 'e968a7e039269ebb339b1420aacad2f59edfb0f3', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '3510faa35ce12b79c9c419e12dca2d4a236ee83a', name: "columns" }))), h("div", { key: '9a2eab4323e49f4a139ed7aa020dc222407d440c', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '5d399986bf2341f13140321b3c8c74607481a2c4', name: "rows" }), h("div", { key: 'bc225af38fe3831dfde9b460a0c7f0346fdefc5e', class: "table__empty-row", role: "row" }, h("div", { key: 'eff4ed0717bb25630ca9cf3c2a09d133f090e25a', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: 'e25cb30ff92f814a03ff57e0b30a7b9b24b90402', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: '3d410085dc98d3b14c5b38a6e66fb60ac0352a71', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        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))))))))));
     }
     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: 'f19c00a641b5653ab444f3af7f50615b5b495a79', class: "table-cell", role: "cell" }, h("slot", { key: '6b1f5587df7a7333413c2a3351819aeb22865dc6' })));
+        return (h(Host, { key: '9e6bb1badc5f1a000efeadefbfa420088d1bc621', class: "table-cell", role: "cell" }, h("slot", { key: 'fb41073d5749fba546be447191d199bad2b04645' })));
     }
     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: '4618b5ba5a17fb5fad256603c7630666d4d55ad0', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'c00bc2d8fca143729660c5aa87882fcdb780bbcc' }, h("slot", { key: '158003813a4ccb7e21ce3b0e5c1892e59feafc04' })), this.sortable && (h("span", { key: 'ab82ace186788d68d8623352c2a0911678366a5c', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '47cd68dc731611e390ae0d1c87ebe2c5cd330ef2', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '84b602debe5988755de73f5b79d1a443d7fd88ef', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        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) && " "))));
     }
     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: '8b1ea92468b413b937f521f76b7823281cf81e7c', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'fe087271af555706e1e66162831c9888f91d541b' })));
+        return (h(Host, { key: '916f164f9bfb1d0ab02f57c2f6095e494fe9cfc6', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: 'b6d25f9fcc96a308691a34041208937cf9758fc9' })));
     }
     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: '03077c931a096ae639d5e3afeeb40889fe7802b7', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'de439dfc277fab89663d6bff89740d00dc77e5e8', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '2578adc1eb676d11b64cb6d5aac04f54132d984b', 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: '576744e23f7ac29d97bee599561f7db24fb7c20d', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: '2f26abc349794c1c9915612e63ccb38ee7991f28', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '751ab4c14fbb4548722328d7528f026b44b64ff9', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '07da59f51f2eb2e365e4120d2c3a79ebc6acbda3', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'e0fbee36700470642fa0e00aee2411a57765a142', class: {
+        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: {
                 "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: '405e645ed14cf8d994201cfd10ce71848dbb69aa' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '73a5be3b97db8674fd19be4c09cfd84b1b60daa7' }))));
     }
     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: '91c1453e8a89469c5275337f6a6db7681c4e94e1' }, h("div", { key: '6d123f1b8a5ffb2b9774d1a929b0a2f9cbcefdac', class: "tabs" }, h("swirl-tab-bar", { key: '539e3d7c8b07082a5db286d56386532b189e861f', 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: 'd1b0ac66627c0eb75eff0957d9838bbd6809d578' })));
+        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' })));
     }
     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: '9adef891e6a3c9e4828aaeeb81b78f03d82d8249' }, h("span", { key: '1ff7716b71b685c24e5879d362769f97137ed612', class: className, part: "tag" }, this.icon && (h("span", { key: 'ce835439476db27a25bc62edf7bd5bf48126f515', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '79eeb3d0b2e083cc21a5d39a3740ad66e55739c8', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'b63cbe0f7b37390d64e90209cfc2ac5082437814', "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: '3c67c1364f03e75bf057aac9b9efac9f04ddfcb9', size: 16 }))))));
+        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 }))))));
     }
     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: '6c6919a45a6c4b1e26bb5dd8dbe683ffe3e6d0f4' }, h(Tag, { key: 'e859c0d25b65141ca90cb22043e079cfd6870590', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '44ee5c0ccec836aa24d4a12efa1484b24b98a1ad' }))));
+        return (h(Host, { key: 'd4fee15171b1ad3f2586ce3e9e50672c0f472356' }, h(Tag, { key: '79fe30d8876109548c40c40809751058d2ac65cc', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '14d8f95b4867c94e18cae62ddb24c4469068d472' }))));
     }
     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: '990ae094ac27aeec54d50c16057012e9946f4e0c' }, h("slot", { key: '76c6ac3d15739879942e52ec0071a2e1b09f418a' })));
+        return (h(Host, { key: '3afc5b924186823e699288610eb1d5b74f17697c' }, h("slot", { key: 'b5e474f9524fbdfd57dd14ca5a782f236fc75ac6' })));
     }
     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: 'de49d448560bd869ab182ea5f39c140b45cb012b' }, h("span", { key: '32600e6d1116a24cacb4d1061f71df73380d8ab5', class: className, role: "group" }, h(ImageWrapper, { key: 'a814946c23e17fa5abd58273b158504442632a29', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '0d87bc0f7e6beb59ebfc221c400ffcd6b75f2214', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '490916256fec949629c940666f0a94616a32c633', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '161b8d45851ebd7a2b2dbcd3a6ac1c1cb766a88e', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'b8c572d6f6f44b43acbf6a94bb4b01c3ee57fee0', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'e66d449572a28768ff015c6ccbff7031996f42b5' }, h("swirl-button", { key: '8a355c0cdcf6d3e1a16e68e8eb3b7a216f833136', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'd71c41a4281b01137991b1e51c194ea9b1cfd8fc' }, h("swirl-button", { key: '7646a50cde12b19e6726de2bd40d455b89c2806d', 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: '2fe10836ba902ab7522bdc8cc457fd7ed3803a50', class: "thumbnail__timestamp" }, this.timestamp)))));
+        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)))));
     }
     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: '29e4cf7e2e0625f72bf74f31fb2976fb0b3d2014' }, h("div", { key: '58fbf4b5472e00d0af5993877aa687044d682e4b', class: className }, h("input", { key: '86b14f26118f92c77ed2606abd838de8583f12ea', "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: '9c3f445d350eebda6d5a497adfb58c595e1e3817', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '5707ef0024b2c7c1184305634d21af87a8d9f627', size: this.iconSize })))));
+        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 })))));
     }
     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: 'e9cca93020ec6d094231fe3d460aad88daf79809' }, h("div", { key: 'f4596be9c122d15af428ee15a625f366dbaf59b2', class: className }, this.icon && (h("span", { key: '600246de21c1784f1baec655517defbc9ea5e2ff', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '4f6bc65e3292cb7f56a01a762d7ce015dc545772', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'ae02f27a9f683d98e44a876df6b5b7700ef1c68f' })), h("button", { key: '1dce24dffb6e7ccf30cb9f92a67dca3df20ebf8b', "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: '1d4478a02a772ae225e487bfdc8039502a1dcf41', ref: (el) => (this.dismissIconEl = el) }))))));
+        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) }))))));
     }
     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: '0de522d0575f6023484863d9b1cad338b3bf3bcd', role: "status" }, h("swirl-stack", { key: '6833c4a10998d5a9edec3cac5add223ecb296dda', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: 'fe0bb88832d412dcb3ae9de049dd7ae50821cb68', role: "status" }, h("swirl-stack", { key: '613b4e93def54213665d083991864c553962157d', 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: 'b23991a59452905a963a390d50100641dbb7c1af', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: '0f3e2420ba2622b8bf3a5512d7b4d1ea7f734588', class: "button__icon", glyph: this.icon })), h("span", { key: 'ade8d219061b4e5a6a5ab7106d107aed70d42a98', class: "button__label" }, this.label)));
+        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)));
     }
     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: '8f9966117b896681d452c4a3fdd0bcd45484ef9b', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'f386dbde3ee531e00515aac62771d50b2f8997c1', onSlotchange: this.onSlotChange })));
+        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 })));
     }
     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: '719236ca8a1f3fef172578d0d7d6932cabc763bb' }, h("swirl-stack", { key: '8fee5af69f1961c130ca87bd55ef3fb3977d8a78', 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: '05df1964caede7ca58827d90fdcfc60660c72eb3' }))));
+        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' }))));
     }
     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: 'd4f44ac10eae2b884b38de92c267e4fb28957d42', onKeydown: this.onKeydown }, h("span", { key: 'cd2e654187abaff40e055d5678d36f85573f1389', class: className }, h("span", { key: '01007180fc69b2ea7562aad8a914aab9f6a0559d', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '979270ff10a2af5f2900f101584bfe70da274c34' })), h("span", { key: '4d62c0967d26521147ca7daddfffa8686d752b80', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        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: {
                 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: 'c88d48b37dda6994960a59aa6dd0e6afa9e335d1', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '3adf4b87fbc1e5613d4eaa6c6c7fa4b958353d68', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '57397e5de9752c0e394be9cfb690cd9747b25c88', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, 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.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: '1cfcb17729928a9f602aa4ba224d29c0db891d8a' }, h("ul", { key: 'c6e08b598965b7a14c1727a7287cad645d258b7f', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'adfe1621e78474eceba2fe27eaf883f16d4454ed' }))));
+        return (h(Host, { key: 'e2cb7b8b74e1584e9e751b851ad471da3cef5479' }, h("ul", { key: '5d8c37e04e09a933ef7c806843d2e90a51ce232b', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '027c7ca4b78f15838e5cee647a933e990f972d40' }))));
     }
     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: 'd6695cd131c8858ea6b00e671c8dbd80d80d4a42', role: "none" }, h("li", { key: 'a3b3a56c8e153e3b35eaeecae1def5a547ca96cf', class: {
+        return (h(Host, { key: 'b085106b250f9645b611332c36762557a4656063', role: "none" }, h("li", { key: '33bab63c0050d6e4220186439ebbeca6bc47c44e', 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: '30c5b656119f8376445941a4e89aafa8c9a80c87', 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: '8667606cbf18c8f22df2ad5c79ce7926716eef2d', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '74f2c144d5c1f9381629c15f4042f7f79a971949', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '32f3ddedced91548729521b8247d5da057834669', class: "tree-navigation-item__label" }, h("span", { key: '26a461a4632e43242f9152bae95ab86a23dec39c', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '455f97965cc9e33fa91dbdef4de64dfe5af54d9e', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: '93cf66a1e4c6407de411c59a90814212f78f3798', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '64549c8cc0a9c0f00351af560f7760ed2f803948', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '3cd1e2b947702e732af3bcff5d5c511ee305c0c8', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'e4ac464e417989668fbc13bf71478b1987eedc25', 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: '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: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: 'e35319ab4f25c518e98e1bf0dcb4475bdb6ea156' }))))));
+            } }, h("slot", { key: 'a28c89acefacf1e93826fdd2530c1ef77cf4ea5a' }))))));
     }
     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: 'd70ad5db06afd4a8d6d83ad591d09994f59c0325' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '2acc3e4542fb2687575500a6f603dca34ff310d8' }, h("span", { key: 'f3ae5aa66ff53b19db1b888eb03234709a264fe6', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'ec7454804f6b5d93cbffd699f17a1bf9dcf15859', "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: '836eead8ff82f16ea9ee81354bedb6c6c7e8d52b', onSlotchange: this.onSlotChange }))));
+        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 }))));
     }
     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: '9c15110c17c0e525e9d795a56fe3c9e6027066e8', id: this.itemId, role: semantics === "tree" ? "none" : "listitem" }, h(Tag, { key: 'b4d4501bba0bc9ce223de8b4db9430bc42197bc1', class: className, role: semantics === "tree" ? "none" : undefined }, h("a", { key: '32fa772b5646f0b6140a4bbb9365a8e818578bea', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren || semantics !== "tree"
+        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"
                 ? 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: '5d0cdeb21ee8c7549e797b6dad33c2caeacbbcd8', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '1073ab90768adcce824848016a58bda4a7d78856', size: 20 }))), this.expandable && semantics === "tree" && (h("span", { key: '1a65e9c5055e0222782a6fc0fd9a054cf6dda870', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '9e8fd067a2f8cf6b6c2e4f34cb06e24b0071690e' }, 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: 'a4b24adfbfe9d5a07c0004a3d621cf5d38542ace' }, h("span", { key: 'bda81f006ed0cc4d04a7c0e68eda2c75bfe3ef78', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '522285b44bae82edd1ddafcbb1070b433cae1f35', class: "tree-view-item__label" }, this.label), h("span", { key: '3c5adab020bcb559b88124e91c49073580edb219', class: "tree-view-item__tags" }, h("slot", { key: 'd73e04abccdf715067af3f2f420247996621da40', name: "tags" }))), h("ul", { key: 'c4174b53e35864d3168a72d0734f5ce3e2ef89c7', "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: '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
                 ? "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: '3ea98ba83f784ed98896977156f15ee37483dc05' })))));
+            } }, h("slot", { key: 'b8e12c1af67654ccbabfd87c9c395997cd8941fa' })))));
     }
     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: '101547978270b2a902fb9fb675d5ce9a3f900e15' }, h("button", { key: '09e9a5106e6e5f3b830bb89f1889a27b0c53652e', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'a24c1ddf0971ae55eb53556bf49df22bcdd0080f', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '308e3c0321cc8ab1d4ae88f3e77698503321a09d', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'd34528d6e2400df0a285f65a04d936c3b55cb33d' }, this.durationLabel), this.duration)), h("svg", { key: 'c7bb622069e0b816156acacda34057f4193ecb08', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '10719377763c42e51e8e8565a57c02c3373d0a10', 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: '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" })))));
     }
     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: '87028f7cf9af42f273d0dbdbdce2472d0293840e' }, h("slot", { key: '27b098e9c8387f5cfaff46fa7d5bf81c7b9f4b6a' })));
+        return (h(Host, { key: '5e241e8a81987590af24ea4f62581b66b1340169' }, h("slot", { key: '3357523a46cc3497cf299fa0fd5f08656ab6b0a9' })));
     }
     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: 'fe59cfd268ecf4545a27c98facc61f0fa885c7c7' }, h("swirl-app-layout", { key: '9802628afb2b16503cd71064a367cb4f9fea9b9b', 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: 'cfd15b6ca0f97ba24a7467d34597b33b1da64fa0', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '820aa696991432f773a67923de3f99e5b5977176', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f29abafd489fc9ec4c825aa64450a790ee67aa0b', label: "Sort items" })), h("swirl-stack", { key: '819bb7b81243e8b60338a1bf5c3f07d47a1d3504', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '28f887eb19fe9b071d4bfd72e1ec01c7f81cb2dc' }, h("swirl-heading", { key: '0f3b32ddbfe6e0ffb599444ead56f8af1b516cfd', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '85f25a7812c6a71072beb8841042f6a72791211a', 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: '5fd0db4ed7687eda7afe379a3b86c35624b5a585', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'f20b7734e0aba6030c87a98039adad0a85ea224d', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '1984156646591c33cf1048ceea734afb7a4a2975', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '437a3f2e48c485df61fe220a600f26f6807f3959', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '5f113f57b24d198b5dfca7a29f72f04b753e517c', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '09743438050513dd36f8b0d56d03a872f678421d', value: ["ascending"] }, h("swirl-option-list-item", { key: 'afbc1688c0a93cc1b4e10f408f72e05d07aeec66', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '18235e762a689e37511bccd18446814e46dfcda8', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '0b3f73fd71d308878a2f31b46426c1a44b90c53c', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        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" })))));
     }
     static get is() { return "file-manager"; }
     static get encapsulation() { return "shadow"; }