@getflip/swirl-components 0.320.1 → 0.322.0

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

@@ -10,7 +10,7 @@ export class SwirlTab {
     }
     render() {
         const className = classnames("tab", { "tab--active": this.active });
-        return (h(Host, { key: 'ac3a7adffe6478374e2ad3898301c6e67b07e79d', "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: 'b48fcf76e1a1331f60be32eb075affad12dea282' })));
+        return (h(Host, { key: 'bae08feb5111e759b30e0d5ba813dd8565001b04', "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: 'fd773d5738cf26fea22a2e2c3ddf732721475285' })));
     }
     static get is() { return "swirl-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -60,7 +60,7 @@ export class SwirlTabBar {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: 'b2bda6690cfc678f33867b9c19463ded476792ad' }, h("div", { key: 'e629f5aebcc6d2cc73b9bf772f0ad17cd5708953', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: '25e27d3a1c57a20c0fbeb70cf65b896f2db5835e' }, h("div", { key: 'c3b762e26e2ab58ad71571b7ef774ce6c18f6c01', "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

@@ -464,7 +464,7 @@ export class SwirlTable {
         const className = classNames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '06e4c1b14c85f8087eff6c4c17b57b4151d2da27' }, h("div", { key: '0fa9a677c268ebb92b3d7becf1f53b52b0a4ff33', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ec7fa3d2a112dd55c5a051105625f2b25a2afee9' }, h("span", { key: '3a320a8fa201510cc12496ef083c2141c68ae3f6', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'af6ae8d224182cdd082932fd881fe0e795d0f973', 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: '4228435aadc21ce48de348c8d7bd48e808105124', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'be36a39145637066fd362d07f27a3886d896159b' }, h("div", { key: 'e580026d98bcd20aeeb9316c5a264186184f6a40', id: "caption" }, this.caption))), h("div", { key: '699109dccaf98aadb7f0279c5f0964ab38a1c05f', role: "rowgroup" }, h("div", { key: 'b981c5a0ead32416480a1ecc0e77fa097ccd81f0', class: "table__header", role: "row" }, h("slot", { key: '0a2f315e8ffca378e6597fa9a168d18277e3bbc8', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: '89461021eb6ed43feadd275d62dfd5fcc1c009db', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '9a4103790373c423fca54fc8f101b0e9818cc211', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '1de4404351aaed5527d6e622673071fcdca81736', class: "table__empty-row", role: "row" }, h("div", { key: '8f6e316b6a22c2c81f2ef4cfa804e3c8cfb3ee48', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: '402ff27d0e0f7b8c773470b160a1e82fb7246d38', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: 'e5625a5599994aa49cde89dd4b3089c4e4be70ee' }, h("div", { key: '9a3782be9fd19433e40d177c72538812a02fee96', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '5b09498b3b83ecc365e6cf34d611dc725e0c9380' }, h("span", { key: '1c8669d438082e37a98461cbe3a891cad28b16c8', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '0254ab703e36e344ed718692b24b7181a35c1662', 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: '8bea0a0edaab0f359da5056066eeb2de2d0bd6c1', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '90c368641f8d29ea1e55c8c5a74148c9c86f7dc6' }, h("div", { key: '717e06879bc83642ebce452e49a61a1ab0102be8', id: "caption" }, this.caption))), h("div", { key: '63cc6bc50f68ca4d0aca3d28fd4c7afcbe320977', role: "rowgroup" }, h("div", { key: '25114fb05a16198cc5a387149df3ca46e2afa93e', class: "table__header", role: "row" }, h("slot", { key: 'f25129b8a5c49919c18e24b92e08535113659a2a', name: "columns", onSlotchange: this.onSlotChange }))), h("div", { key: 'e74840547f0f891959efe8c651c7589fa5a84596', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '4ae4f10734e2a31225ccde5d07a234355bf37d30', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (h("div", { key: '58b5e36698de1e9e9fd36e8dd0d247976d8dbdb0', class: "table__empty-row", role: "row" }, h("div", { key: '33f8e6b1c6d48dff5d0cef521f704493f9d85e7b', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("swirl-text", { key: 'c854a3ac132935900c6150e0d90f5e1990989532', 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: '357977c98b2360b8881505b8bc7d89e0d72c23e4', class: "table-cell", role: "cell" }, h("slot", { key: '564fc12572d336e8019a0e2a658d6bb5d04988c5' })));
+        return (h(Host, { key: 'a75b762ceb97c9ab4edc0692090408c60233da3a', class: "table-cell", role: "cell" }, h("slot", { key: '2ae093c304f4e3530fc33ddab3c756b1ce187a95' })));
     }
     static get is() { return "swirl-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -22,7 +22,7 @@ export class SwirlTableColumn {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: 'be4172dfd7b6f82a9ac7a9fcaecdf2b8eefb1240', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '8023bfbae9a36cdc478b8c747e07eb96a42ffff3' }, h("slot", { key: 'ca45e98fd3297184f837c3ef81448ac23d2e87a6' })), this.sortable && (h("span", { key: '2f84ba7570d87d01c2691b0d9b258a043efddb83', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '6b839c51dc26820ce249900757c3b2eb004a1de0', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '82c3231263c255e1ff2850f59a8bdf3e5beb4c99', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '70f231961f80ebc0e23b643ca0b43942a6f62a84', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '8817ad3dd849eb111da48708fa849dfeff3627d6' }, h("slot", { key: '8dddbf88cc7fd6d4040eb3e46b46a3c94b524d0b' })), this.sortable && (h("span", { key: 'bc98f42f83b9c7b643802037f9e3d3c87bc9745a', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '0d5f6ca4c4ca1f329d2847072fb2bd875c7df543', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '5e75ee4cf854b0583428d91f2aa1065e366468d3', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     static get is() { return "swirl-table-column"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SwirlTableRow {
         const className = classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (h(Host, { key: '5b5b4bce99c377bc03e9f4a4f6041f2f83f9645a', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '9e9fb42ae9a05451dbd2c6d57e930efb691fb91c' })));
+        return (h(Host, { key: '053183aae9bc725a0385c4c523873a1a00a5882d', "aria-rowindex": this.index, class: className, role: "row" }, h("slot", { key: '7bf46414ce28c9748289662296a98e4905a44878' })));
     }
     static get is() { return "swirl-table-row"; }
     static get encapsulation() { return "shadow"; }

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

@@ -40,10 +40,10 @@ export class SwirlTableRowGroup {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (h(Host, { key: '2a2e7fe67b8507f5696bc6ca918f1466ebdc95f3', class: "table-row-group", role: "rowgroup" }, h("div", { key: '0cfa308378587ce771395ccab24b5e6b9492694c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: 'e500805e29d933703093592bcff1184c009a6ba7', 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: '6b52d7eca0994b81674eb9d170a89b3b659f035e', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'c92d8cededeafd7b6f36337cbc2008fcbe0feae0', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: 'e02266c290332122247be89789a78a4660a905ea', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: '881a1e47888d6e83649e493455de9647999a43f6', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'c54b4037c5083a8b245304f88c68855eb0402c5d', class: {
+        return (h(Host, { key: 'a5bc395f557fc04403496c3839ebd3dc6dee73df', class: "table-row-group", role: "rowgroup" }, h("div", { key: 'b9608c865e3746e6eb4db843c4b65f5a474f7436', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (h("swirl-button", { key: '26efedad4d5b4eb84518475ca3b8ab17e45bed50', 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: '2129e0fcd6e94ba211972b3066ad4e89d4913189', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (h("span", { key: 'f661bf1118377e21e6f45cde03c6eb7b9460c554', class: "table-row-group__tooltip" }, h("swirl-tooltip", { key: '350896fab5b42661be31ee93fd7b9db365a06252', content: this.tooltip, position: "top", positioning: "fixed" }, h("swirl-icon-info", { key: 'bbed8f246a784ec1f30c79499918b87f232d8ae7', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), h("div", { key: 'be5a32fa42bb8478b943e24f71d2797bd4bd2dd5', 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: '79fae27eaa8351ed46252f43e63d85af04390ccc' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, h("slot", { key: '7cad9f9c330f918a7002c05a19bcc4cea7034e3a' }))));
     }
     static get is() { return "swirl-table-row-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -78,7 +78,7 @@ export class SwirlTabs {
         }));
     }
     render() {
-        return (h(Host, { key: 'cdf2b0f3aaf046adda389c6f7ebecac192998891' }, h("div", { key: '6c19b1a65dc2b1b3af976b17edc3ddebbb8ab3d9', class: "tabs" }, h("swirl-tab-bar", { key: 'b6e1cb8885a0074a1eb00d31d29df3d8ad49639c', 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: '37f1a0abbf1db3a4dfb07275ce5a164399b16571' })));
+        return (h(Host, { key: '5ae71570b441778b99d980b7fd6c9f99680d7d53' }, h("div", { key: '14ab3888ff785ec543002ccc8e322bfd5460be50', class: "tabs" }, h("swirl-tab-bar", { key: '1228be8ccc6d8af10f33dce8688f1b58977e15bc', 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: '64c434aad2164707f2a504d7f6781bae4ff436f1' })));
     }
     static get is() { return "swirl-tabs"; }
     static get encapsulation() { return "scoped"; }

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

@@ -36,7 +36,7 @@ export class SwirlTag {
     }
     render() {
         const className = classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: 'a1f2f0ad84547ea62b11ad4340aeef072c405bda' }, h("span", { key: '49cd19c19c6589e905918b9f7361c67e7926f750', class: className, part: "tag" }, this.icon && (h("span", { key: 'aac560c02e88365dd5fa63704a11621ad4ef434f', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '9bf2deccf5aec4f08ceef5f84d1953877122b188', class: "tag__label" }, this.label), this.removable && (h("button", { key: '3f28e71afe4092df5ba593a06f5d96636bf5c04e', "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: '7962ddb75c8dfa7a93025318ea0ca27146ec5a81', size: 16 }))))));
+        return (h(Host, { key: '47c30c429b8e910b006b21f6e39753a710ff7425' }, h("span", { key: '91c7946323875360ac053a28a83849b669d35913', class: className, part: "tag" }, this.icon && (h("span", { key: '000de8f304e3accd6d3647e9934063fc8cd7da05', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'cadd70a25bbd6214719275f8a24aa2882c0e90d1', class: "tag__label" }, this.label), this.removable && (h("button", { key: '5278b9fceb383c5854c6053d943da4e4171551fd', "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: '76b23763ac812f53e4caa07a94094982847d0525', size: 16 }))))));
     }
     static get is() { return "swirl-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -54,7 +54,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: 'fcf86b63f5415e82340941373071de1d3d500667' }, h(Tag, { key: '38b4bbdcc3002509bebcaae494897666729425cf', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'c58d26bb8f1fc6365bdb74e378ed37a2c9adf5d0' }))));
+        return (h(Host, { key: '822bd6e9f4c819eb8b129830d4c06fd5d1bce2ce' }, h(Tag, { key: '2135b841568ff3302aef6911ffd9eaf182492bbc', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: '84dbd1c071ce8545defb00bf6c182ce659bfd36f' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }

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

@@ -145,7 +145,7 @@ export class SwirlThemeProvider {
         this.setDesignTokens = [];
     }
     render() {
-        return (h(Host, { key: '287ef027798030dedfe3ebc017c97b3fa0beaf8c' }, h("slot", { key: 'f9d60b411730b393306ecfcee1b659884ab60178' })));
+        return (h(Host, { key: '22a47f5faa215410d9827b7ee4bb3674decd4ad3' }, h("slot", { key: 'c3ae937e380f3b15668c084dd0cb142f35e84c88' })));
     }
     static get is() { return "swirl-theme-provider"; }
     static get encapsulation() { return "scoped"; }

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

@@ -29,7 +29,7 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: 'cb64694897c1a0eebefb632950b6a3c9db9562a1' }, h("span", { key: '906e198b9916e209b0a1ee93176ae5767aee3f71', class: className, role: "group" }, h(ImageWrapper, { key: 'b74ae16b0acf8cfb0a7d32c8d6cfa8d7444c55e5', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '24019dacc72eacc9db95e2f330b759a7cd7b7e84', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '905458596e1c0387cf8ab5733b906d67c8f3da31', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'b794419cc14a92c67f25247362010c1e1de44298', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: 'df5fc82bf57f8177abaab7c82b0560a3bf7d7499', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'c85862f305ddfa4ca8dd1b4c57701635e4cf382c' }, h("swirl-button", { key: 'bc2faebee460188ab12ba528ac742566155a462e', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: '5b9a462d7427907d82b09e7ce62f32437a0842d9' }, h("swirl-button", { key: '4fbca44187f9db29ac0a6031961539c91f5b13c7', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '170a9a5169982ef4cadf0cc7773e47423484a664', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: '2e7d8a2af40ab17c3df28862fe0c2c9c05f2f69c' }, h("span", { key: '2fe30db45cfd4604e192d2164ca870a197d4360e', class: className, role: "group" }, h(ImageWrapper, { key: '42524512e533c3ad2f2caadef52b802636aa2134', class: "thumbnail__image-wrapper", onClick: this.thumbnailClick.emit, type: this.interactive ? "button" : undefined }, h("img", { key: '4c534afce95a513180574272628818527f0bce53', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'cb4917f90d7d2b7b0859d3a1142a4ba4e6a59ec8', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: 'f2497053d0a5b27ce0ef91781cc760e4d313770f', label: this.progressLabel, value: this.progress }))), showButtonGroup && (h("swirl-button-group", { key: '7526578f439eaddaf5c7bd911286f27e31979d48', class: "thumbnail__buttons", segmented: showEditButton && showRemoveButton }, showEditButton && (h("span", { key: 'a420b268092d9fddb68c99ff7d7bfd327f5a1489' }, h("swirl-button", { key: 'b5dffd826299d0f7b872352261e88f4cb60eba46', hideLabel: true, icon: this.editButtonIcon, label: this.editButtonLabel, onClick: this.edit.emit, pill: this.size === "xl", variant: "on-image" }))), showRemoveButton && (h("span", { key: 'c2d7ed53d67cc8cd15fb52395ede90a998209d2e' }, h("swirl-button", { key: '38f312b6c8063b19e6e2e9d9cf650b9079015dee', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: this.size === "xl", variant: "on-image" }))))), showTimestamp && (h("span", { key: '9171268bb5761ba8005a16035d5b01f5a7d3fd13', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

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

@@ -117,7 +117,7 @@ export class SwirlTimeInput {
         const className = classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (h(Host, { key: '62cad8160514e5d742505e6a39e55df30ac9bf3f' }, h("div", { key: 'cf232d9443be8c35549138d2414ab655cd1ed648', class: className }, h("input", { key: '6856af41a01e6fd0bebf7d412e7ccf90b4a927a9', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '791576da99aaf53545bae4ff29221c1ece69b2cc', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: 'f78a4765dbb5a4fdcded534bd0d95a3c34f39e6f', size: this.iconSize })))));
+        return (h(Host, { key: '88648b0530fdc92812cc32b2a7e8ef38ca5000ef' }, h("div", { key: 'e3478cee59f9f321c81cbd46609d28d128d6d58f', class: className }, h("input", { key: '53f0429c20f7056d6eb59b621c7c5c09c007a351', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("span", { key: '2db877982247667ba0ee055bcfba1c6e534b6c8a', class: "time-input__icon" }, h("swirl-icon-time-outlined", { key: '4650afc9be2cb4e35c8ffa76784ee104113fe0fa', size: this.iconSize })))));
     }
     static get is() { return "swirl-time-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -53,7 +53,7 @@ export class SwirlToast {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: 'c0d869b690436deacc2d3c203da75561cbabf303' }, h("div", { key: 'e9fa09c4d9ab4f71bbfacac56b19248ed93c30c5', class: className }, this.icon && (h("span", { key: '91e3a639f3f911cab2e159e20c15840c4558ff71', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '0f04c7e25e203c4ab52d9b0bef316bd587c1b31b', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: 'f97d934f8bf11bc623e6da6512a675eb38b7c806' })), h("button", { key: 'e2d60aeaca787a51e038c31a8880935808eb59cf', "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: 'fb68588c3086cba14d95d0e48f16980da6e8f1a2', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '63b2524f2a2d1190684086bde48c934d32566c70' }, h("div", { key: '21920f98742a4ad51ba8d303d5ba4d3472cab259', class: className }, this.icon && (h("span", { key: 'da3bd02686663fc0793bc69b6d4fdd86f25f8bb4', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '64e558f31a9a03ea39dc3a28b16a62096dba3cf5', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '9046dd7e88bca0a6de43ed367bf78455a240e208' })), h("button", { key: 'df8bd60a80ca63e77ec1e5b1e8f70e9b9c813f5a', "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: 'e0de40c23452b0b9725947021a4e5316a92ea84f', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get is() { return "swirl-toast"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class SwirlToastProvider {
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: 'b89c578a32dbd961465ee23f8a4e521d10d8bbfa', role: "status" }, h("swirl-stack", { key: '292cbae48deafe0a76a515e2eac35f0dfb99826d', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '5016a14ee953a31f67d13bf1ae1e85c15354bde0', role: "status" }, h("swirl-stack", { key: 'c543587f49c16ab6601bb7c6e2edaf7cbd242050', 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

@@ -14,7 +14,7 @@ export class SwirlToggleButton {
         const classNames = classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (h("button", { key: '7cc5d2a7d5ffe8b792cc76c639a762f862402d12', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'dca7033d3833f625b0ffac8b191edb314f50778d', class: "button__icon", glyph: this.icon })), h("span", { key: '5380169ce206429406894ba691dd3012ed43467a', class: "button__label" }, this.label)));
+        return (h("button", { key: '994f5b200cf63da321980d7aa73dbcb0fa67c11f', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (h("swirl-icon", { key: 'd56456b29fa6b40b635f59d69632d5e5f6fd4033', class: "button__icon", glyph: this.icon })), h("span", { key: 'cbbafdc9d634e3c7d5e19d02ff9fdd9fe4a7553c', 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

@@ -58,7 +58,7 @@ export class SwirlToggleGroup {
         const className = classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (h("swirl-stack", { key: '07c92877560b8ea2bb8bf8beea2cdcfe875e1c9d', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: 'ca807e7d17146a3b0de3ce1a45ca19e5d648386c', onSlotchange: this.onSlotChange })));
+        return (h("swirl-stack", { key: 'b9dcd7dcb1dabd27227568473287bebbacd08d85', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, h("slot", { key: '0d54fe748fc081ef7930aff6027a2ed460f275eb', onSlotchange: this.onSlotChange })));
     }
     static get is() { return "swirl-toggle-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '2209c72d725863c4a00b7818f7807afec6ce9476' }, h("swirl-stack", { key: '28122759e485039ebd1293316115707fc0c0f4fa', 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: '839470d432295a35e89149203d8761e0aa5000da' }))));
+        return (h(Host, { key: '7a89a37bf47c2ca12422e4b69fc49c6b1478c373' }, h("swirl-stack", { key: '7349ee2ab52619ff8104f1fe122599178a139400', 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: '4c5b9382755409876bc554a7ee698ed326ec8ace' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -110,7 +110,7 @@ export class SwirlTooltip {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'fab7025501b2b85e03b31af571bfe2556a2fbf1d', onKeydown: this.onKeydown }, h("span", { key: '30ca7d1404e2fd6f2c9becaf6b9411af2d8a9979', class: className }, h("span", { key: 'be87c4cab59e4fd973fa9ea0da81b07d8ba056b0', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '4189b67bd8a6ebfd95bdd7e7e131e9e7f1ef4d65' })), h("span", { key: '484c29090af80fe4acc66eee3808c75be3a16528', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '6b15209f9e0d9cfafc7af244f1ef22cb4d7da719', onKeydown: this.onKeydown }, h("span", { key: '7c75a8e5d9f2e5b1099fcf7f750ef12095b58402', class: className }, h("span", { key: 'ed98c804d5526c58ed70705b8a63a7d6f2ff7734', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '6dcbf266cdb3521c6d8e8d37cf293149f0469190' })), h("span", { key: 'a2f3b747288d55f9d46c5476d100f8a230e56615', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -118,7 +118,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: '07da4e4ee3c3bbf5e8f8f7fad9ec11716b99b175', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '9d0e50ebdb013eeba59011945ed6e559c3d3bbf9', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '85c760dc089cf71b0e43e13de679b2ad795ad97f', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: '216ff9495331d0a424c0bce32a32e52f8fb46d4c', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'bf5df3af6609b7a00230f108386435283a340aa9', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: 'a95c884426bc39651f749305f3d16568dc0da4b1', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

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

@@ -4,7 +4,7 @@ export class SwirlTreeNavigation {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: 'd64a1dd341a5211587d8cc7b148371c16571ccab' }, h("ul", { key: '8c6bd4e37aed34dda2140ff37fe9687e9c6ff48f', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: 'aca30c87ebdb9cabec3b4365f4d8f67c00893b3e' }))));
+        return (h(Host, { key: '8d146cd8f185c5ae4580e7ce354d2e949d3e6b07' }, h("ul", { key: '35e93effb7f45a842a9219e66e01a52a1e0fc241', "aria-label": this.label, class: "tree-navigation", role: "tree" }, h("slot", { key: '67e52a189443e4527b27c2e3a522c8cf589587ac' }))));
     }
     static get is() { return "swirl-tree-navigation"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,12 +89,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: 'd4bd1525dc7f73254f0730db018608fd57042063', role: "none" }, h("li", { key: '13cdf618522cc29f85fa8eae21dbbb880fd1bdbe', class: {
+        return (h(Host, { key: '976cd4e831727e7db9956829f340acd697382d25', role: "none" }, h("li", { key: 'e48f3bce8ed4b1d76e40732de8fc198850dc1566', 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: '766f3abc27868c37624a43c41fab80e13806dae9', 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: '800e66e35bccc69c986b07f03f9469262da11d3f', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '6fa428d0000cfd68a0bc2d62cc541fe022c1ec24', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: '8024409708d5a89112d87cb9cfa9cef748d9dba2', class: "tree-navigation-item__label" }, h("span", { key: '821a70bb13ab77f343007cb211e3aa04e7685deb', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '3f25bf7f893d5bcc99f2bc6c526da57d8b0b40dc', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'de9318ee7c6ba345585c39714dcca1c3537185a7', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '81665225542afc273b02768ff0b6091f3229be03', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '413056e3aab8a57891262502517d7b23fba33e99', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '5141f8db8278a28d3ea8b8591a469eaf4783e841', 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: 'c0d5c2fa3df908a434db8979852e9656f1cbafdb', 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: 'ddfe2b601720f1317b68662e487af6e381c87351', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '89e00270ec0ec3de5d03eebbf33724e1daffcee1', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'd6d643dd231bd76dddc62c1815ae5a093d5d8564', class: "tree-navigation-item__label" }, h("span", { key: 'fd86b770fdfa2da8cfd2473de91b8b77e87579d8', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'e1e47f84a25d834cb998bfab78c8360599604615', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'ce81067a5db01871b2b3614fc53fe7e15f1c6dc0', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '5475fc0a1564c0b075b06de429e8ec9329ebfeff', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '6d60e9fa7495b3088c4073daaba0500b3374a158', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'ba7b191668487c2929de1dea4758666b5942a427', 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: 'd141cb5f47d0b2d47a6706351092687b89cefd70' }))))));
+            } }, h("slot", { key: '4553b9129e43d38d3f437c278a9680b23e6b02ea' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -321,7 +321,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: '356121cb7f5adc3b4a9627b370233916cad1ae29' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'a6f46439112356816f0f853a96a373a960b1bd14' }, h("span", { key: '2bab282efa908ea48a31683b6dde185cb153c1af', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'ef9a99fe169c8752c982d9f0d4a02d6b091b042e', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '85a2a2c04d985d0892180c30f0c5b63bb85587fb', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '51aa3a81589abb63a2d736f430ad154c7c75d9ee' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'c0a5e93d03187dc182921d0561c09b76b00382a1' }, h("span", { key: 'f25313f606c553ef032184a599efda8c0bd42fc4', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '494475bf9856ee93fa4e4cf0a4e0e0bbb9c40dc7', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '6004a1690b501c446c4fadbcef7b107bb5a3ab24', 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

@@ -323,13 +323,13 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '359205749fd0fa8cdd09b902a535169cfa410031', id: this.itemId, role: "none" }, h("li", { key: '5e13cbe565927ba5fa14e3f99309a2c880b262b3', class: className, role: "none" }, h("a", { key: '776901fdfc6d1879285a3a37b131b4cc41ec7efc', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '726f0d283a32cafb9b8924fe8a26eabfb5eaaa1f', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'c6d9ccbeca76689b7ffd72fe765c6196a6c4437d', size: 20 }))), this.expandable && (h("span", { key: '45873aeb8ee0ef116351e300397ff202d5950033', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'fe6bdc75d7beabe8ab58687ddd07f8a461426479' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '095e710bc88d20c62cbc79aaa66993b203b70cf5' }, h("span", { key: 'b7a0c0b5446ce314e3bfb3778953a412d0d088f7', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'bb2fced3c07abca46d4fe1542ebc310a00acfdb6', class: "tree-view-item__label" }, this.label), h("span", { key: '7705d52ac2befb94f0b161a0875babbaed63b891', class: "tree-view-item__tags" }, h("slot", { key: 'ed0d4949b0814388e305694dbc833319f215b1f3', name: "tags" }))), h("ul", { key: '1a6b4cfbedb4e8eab88b29c5df6ee26c964478fd', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: 'd044ae199022dcc3b022b2d4dc266d82db00a2fc', id: this.itemId, role: "none" }, h("li", { key: '106bc3696b6d68b5ba22badaa9d457e3e72d62f8', class: className, role: "none" }, h("a", { key: '0fcae2ed328de5bcb0f85e712b5e88a2fe3e3771', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '24aa0852201a264f2e596851d9acef1f653b669a', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'f23b5c4a9c0e56320e53b9da3ad55462c4f265e1', size: 20 }))), this.expandable && (h("span", { key: 'cd5933c4674e8095e00d66157fd646f3edc6af04', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'd8dc9940a46e7de9b2148e98f06a8b8edbbfac61' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'da21cb2a18f2755d747a854ff3d1a3ddc27d6c70' }, h("span", { key: '5eb18d4f3e9c9268c93f16989cce4332fe91dbf5', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '70715c356b263b1d78f20dd015ec93aaba5b271f', class: "tree-view-item__label" }, this.label), h("span", { key: '77fec8960d46a38e198196073841cc0cceae27c2', class: "tree-view-item__tags" }, h("slot", { key: '3940dae27077c4b8a71f2dcc6b82208c90d8b34a', name: "tags" }))), h("ul", { key: '17e1c7a2dffd64a8a4d9a1af5503ab454552e9fe', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '173b8f94cb788699ef8ed8925084766337389409' })))));
+            } }, h("slot", { key: '84e8e55f032818f56c1cd38d3f7949d0be2db270' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

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

@@ -7,7 +7,7 @@ export class SwirlVideoThumbnail {
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: '89b30ebbabaa0125ea604e37ab15ba8e4ed8a70f' }, h("button", { key: '3eccecc8fc13e0107c06ab6f5b7061890a2cc586', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '46a3b1ffd73342381e5a653e4882164046cc7acb', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: 'ce763f7f7139820fa7dca759f75423561ab77082', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'e24762998cc8964572a171714e2863120a31843e' }, this.durationLabel), this.duration)), h("svg", { key: 'bea7034af79ae9405b17303db7a63aefd4d07198', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1b76a07faf72896a78c7263087475e7e3ee4c347', 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: 'f17cffc8d4b785cd750283accc36f68442e01d32' }, h("button", { key: '19c37090245311db067fbcf17a7f314684bf771a', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'd9b82c8d91b9df65080a9cb49ec262f621aa8bc1', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '9d4916b716239f6d54fdc5d871bf51c5dc40e92c', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'a416ac442c86f2e241d4d325fdf8ab146754ab52' }, this.durationLabel), this.duration)), h("svg", { key: '4732e4585d157deae9abf1c5ff4a8fe0ca9c09de', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2bdc2f16cf20880c403027c9aeaba474573341b0', 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: '69846d59ed62a94845e0943463263a760121e458' }, h("slot", { key: 'a13661b354d562468572064c0362f23a8d9e509a' })));
+        return (h(Host, { key: '570b5c52a11540e704b58464a05f5235a49c5e41' }, h("slot", { key: '05a73d221016ef4a7f055bbb15c628186d01e5bd' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

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

@@ -56,7 +56,7 @@ export class FileManager {
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '2086d7f149184315fc63f1a08f62d6417c8d64d9' }, h("swirl-app-layout", { key: 'fc616da66faea464c90549344a5451c2116eb263', 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: '4e7406f73f459461343128a42fe842c1034cd170', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '58150e6be77e31e10aa517731682de0bd6664533', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '67ded3470f5be253a2ab57e23da68d3c03e0b3a0', label: "Sort items" })), h("swirl-stack", { key: '7fb0a2550c1b0f6cec3439661c02841f59744903', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'dc1ded34d711be9f2966fdfc880aa832ca9c1fdc' }, h("swirl-heading", { key: 'e9a221f247334d9ce4dfe6fb6758acf3d83c09bf', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8bde0de07fa9e2f98ddc93f31d7e26841dfb7a66', 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: '3e0354c2b5d80533f88553f28fb46cf4d18fc7b8', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '8fd8719031689c6104237ca884991efe32a6da4a', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'c1cbd1c4c055e141043a6d0080c38a6c8ca0fbe4', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '0a6602a9c87a6fdd1f8f3ae9ffd21d5691313932', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'afa213d6b10602bc1b7a6d6b2bf70c39a4bbca5c', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e7fc99b5ed823e20c2847ba81d8419047b261045', value: ["ascending"] }, h("swirl-option-list-item", { key: '7a48df08406006aff94638ca32c6fe83e9d2b02b', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '3f3652febae33f9a036df76f4ca3ab2caaa07d12', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c41d24a2e1e4f09b2ea58ab66bb8031169c6e6e9', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '5204ac038d6ba3811e6aefd46fb283223a4a8e80' }, h("swirl-app-layout", { key: '88ea51cff3df93f32301400b71775aa97811da92', 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: 'c93f4235d8b68501ea5d2a0d4e36a869b9d10c40', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f82374ac60fb327e424afc8e68b35ce54afb6bf5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'fbccb3832c1660f0b5bebbf3d0435016914c3b7c', label: "Sort items" })), h("swirl-stack", { key: '89e15fba952300e1f1814a5e36e4b8815d86f410', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'f108e97787ee6c10703c3ebfaaa4f3acc8c43598' }, h("swirl-heading", { key: '639d3beb7e2d734fbb1dbdfcaee4f1e63fc459a6', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8c8685a535b6799ae511b87d06d2660698aa7a59', 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: 'dd5978b21dd9a71a0a2bce93b0a97696ec11a82f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'debdb44ca303f65fdf1ed31c185a4f1e79466f66', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '662518c391d57cd243d051f79fe9daf5dce4b42f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '3ef695a4b619d3b838b8c8bfb9872bae6ca463b3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '5639756226de182e8bd0b8fcb0b2645288a0ed51', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '8c84b613026a265f3710d7be1052eaeb038085d8', value: ["ascending"] }, h("swirl-option-list-item", { key: '6285e0d93d5eb064e224a9e4468267b9b82afe58', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '9a51d42e9b727277e28b674615cc9e31a1163ab2', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'd2338aafaf9d9a4d893f6d5b2c80cd7e01a1b55e', 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"; }

package/dist/components/file-manager.js

@@ -90,7 +90,7 @@ const FileManager$1 = /*@__PURE__*/ proxyCustomElement(class FileManager extends
             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: '2086d7f149184315fc63f1a08f62d6417c8d64d9' }, h("swirl-app-layout", { key: 'fc616da66faea464c90549344a5451c2116eb263', 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: '4e7406f73f459461343128a42fe842c1034cd170', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '58150e6be77e31e10aa517731682de0bd6664533', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '67ded3470f5be253a2ab57e23da68d3c03e0b3a0', label: "Sort items" })), h("swirl-stack", { key: '7fb0a2550c1b0f6cec3439661c02841f59744903', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'dc1ded34d711be9f2966fdfc880aa832ca9c1fdc' }, h("swirl-heading", { key: 'e9a221f247334d9ce4dfe6fb6758acf3d83c09bf', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8bde0de07fa9e2f98ddc93f31d7e26841dfb7a66', 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: '3e0354c2b5d80533f88553f28fb46cf4d18fc7b8', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '8fd8719031689c6104237ca884991efe32a6da4a', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'c1cbd1c4c055e141043a6d0080c38a6c8ca0fbe4', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '0a6602a9c87a6fdd1f8f3ae9ffd21d5691313932', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'afa213d6b10602bc1b7a6d6b2bf70c39a4bbca5c', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e7fc99b5ed823e20c2847ba81d8419047b261045', value: ["ascending"] }, h("swirl-option-list-item", { key: '7a48df08406006aff94638ca32c6fe83e9d2b02b', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '3f3652febae33f9a036df76f4ca3ab2caaa07d12', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'c41d24a2e1e4f09b2ea58ab66bb8031169c6e6e9', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '5204ac038d6ba3811e6aefd46fb283223a4a8e80' }, h("swirl-app-layout", { key: '88ea51cff3df93f32301400b71775aa97811da92', 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: 'c93f4235d8b68501ea5d2a0d4e36a869b9d10c40', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f82374ac60fb327e424afc8e68b35ce54afb6bf5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'fbccb3832c1660f0b5bebbf3d0435016914c3b7c', label: "Sort items" })), h("swirl-stack", { key: '89e15fba952300e1f1814a5e36e4b8815d86f410', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'f108e97787ee6c10703c3ebfaaa4f3acc8c43598' }, h("swirl-heading", { key: '639d3beb7e2d734fbb1dbdfcaee4f1e63fc459a6', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8c8685a535b6799ae511b87d06d2660698aa7a59', 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: 'dd5978b21dd9a71a0a2bce93b0a97696ec11a82f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'debdb44ca303f65fdf1ed31c185a4f1e79466f66', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '662518c391d57cd243d051f79fe9daf5dce4b42f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '3ef695a4b619d3b838b8c8bfb9872bae6ca463b3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '5639756226de182e8bd0b8fcb0b2645288a0ed51', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '8c84b613026a265f3710d7be1052eaeb038085d8', value: ["ascending"] }, h("swirl-option-list-item", { key: '6285e0d93d5eb064e224a9e4468267b9b82afe58', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '9a51d42e9b727277e28b674615cc9e31a1163ab2', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'd2338aafaf9d9a4d893f6d5b2c80cd7e01a1b55e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 }, [1, "file-manager", {
         "selectedDirectory": [32],

package/dist/components/index.js

@@ -235,6 +235,7 @@ import { SwirlIconTranslate } from './swirl-icon-translate.js';
 import { SwirlIconTreeStructure } from './swirl-icon-tree-structure.js';
 import { SwirlIconUndo } from './swirl-icon-undo.js';
 import { SwirlIconUnlockPerson } from './swirl-icon-unlock-person.js';
+import { SwirlIconUpload } from './swirl-icon-upload.js';
 import { SwirlIconUserAdd } from './swirl-icon-user-add.js';
 import { SwirlIconUserAssign } from './swirl-icon-user-assign.js';
 import { SwirlIconVideoCamera } from './swirl-icon-video-camera.js';
@@ -615,6 +616,7 @@ const defineCustomElements = (opts) => {
             SwirlIconTreeStructure,
             SwirlIconUndo,
             SwirlIconUnlockPerson,
+            SwirlIconUpload,
             SwirlIconUserAdd,
             SwirlIconUserAssign,
             SwirlIconVideoCamera,

package/dist/components/swirl-accordion-item.js

@@ -68,7 +68,7 @@ const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordi
         const className = classNames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'b83f9e2000c556d79ab910e992366d83c5829846' }, h("div", { key: 'd16691dc92dfd9e581c4d4b10e0846eadce5236b', class: className }, h(HeadingTag, { key: 'c3f9cff3e21f6012863291626cfc6c8fb3cdde72', class: "accordion-item__heading" }, h("button", { key: '38aa7c2ae8e499f0b32d5cb996aa5610b1ddaf6b', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '05a45b6c2c14bc7d13890753ef08ec9f09c2a910', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '67155d6bd60b8ec1481c45aa0922107ec8a2abb5', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '93ad926798a5c593aa00a09b356294be2158a0c9', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '74f9c08addd3eda4b45ad75fa930fa3a3eab5877', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'c3d2edd14173d20bb4a773716867397ea71c3393', glyph: "expand-more", size: 20 }))))), h("div", { key: '471c481565b4d40ee8164a1cde7c29bb20f9c0c8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'c112664c3e25ce7e6e5270b6a3d6b3b3c0add285' })))));
+        return (h(Host, { key: '5abd39c9ca02720e57c37beeb7b72db0c2dd123c' }, h("div", { key: '95dd1b52fdaff21051074b3127ada00367f7e543', class: className }, h(HeadingTag, { key: '9ffb3a12040d452c5b0ee6aea4921fc67f93cd26', class: "accordion-item__heading" }, h("button", { key: '22a0dd49ebc344eeb89c95a9ace011524624f9d8', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: '3c9eed167c7be689878c58d8d40c07a90a23211b', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '6b584e7f6bb7006fa5f54bfff12522f70d2a6b26', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'de1967d18f5451dae04c4f957d30e5cb1e1b2851', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '1dfb914a637071b9b3536d36895b964b41befa6b', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '8e6d7baa97dc9268a9a6f00b2cd8afccc7c6bcd2', glyph: "expand-more", size: 20 }))))), h("div", { key: 'f6de862bd5104a5c27b1d6838633fd5bfdb2efba', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '92161c918c43af090e33ca260939ec915c2a95cd' })))));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionItemStyle0; }

package/dist/components/swirl-accordion.js

@@ -46,7 +46,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: 'e30443cfc009758000a3b0b2268961fa9eafb75e' }, h("slot", { key: '476ece68fa8e42d711d80e111627c4eb0edebe54' })));
+        return (h(Host, { key: '1bc7c9ab063fecb394f94ab345097cdddaaafa03' }, h("slot", { key: '5feaf01d57896600feb8a9eee3a8301d0f601dc3' })));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionStyle0; }

package/dist/components/swirl-action-list-section.js

@@ -16,7 +16,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '4746cade99a59ab4b7d6c7d276d5bbdf2731d3ee' }, this.hasSeparator && (h("swirl-separator", { key: '2ca2301f66f43341f75a7590444fc022cdaa8bf3', spacing: this.separatorSpacing })), h("div", { key: '051cf57c2418d995fc180c32d3ba9aa7942c275e', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'c64001e8c358938a084183d581f7dd19ea151efc', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '876ec9775a660ca7bdbbebad118a5dd0fb22b781', spacing: this.spacing, align: "stretch" }, h("slot", { key: '71e0d94758c25cafda3946faf1db029aa75ffc65' })))));
+        return (h(Host, { key: 'c637f1e8b7eb6d478a41728773886383e14f9002' }, this.hasSeparator && (h("swirl-separator", { key: '66912702c619c458441babb2c34e245248b7e37d', spacing: this.separatorSpacing })), h("div", { key: 'd0b4679175ec4a52effd68390065130803e36807', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'af591455c341f581f9ba2e8287fdc5c920a2bb8d', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '2dc7f8aa2bbc422898c0faa49767b1d0f5d57a03', spacing: this.spacing, align: "stretch" }, h("slot", { key: '344c6117b8ae81602d677f22a374fddda4becbc4' })))));
     }
     static get style() { return SwirlActionListSectionStyle0; }
 }, [1, "swirl-action-list-section", {

package/dist/components/swirl-action-list2.js

@@ -94,7 +94,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
         });
     }
     render() {
-        return (h(Host, { key: 'fa74a3d427f124826faea04ba6acdfa7667752f1' }, h("div", { key: '5a9b9155af66b777ec716646b16527a676e26044', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: 'c1068047e5ccaf8184dc7773e331bcc1ada6a530', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'dcbfbe5e2d3e3c3ae4119d71067da9898c39f52a' }, h("div", { key: 'd85810e0e08962a69ccd29e6993443100d84abcc', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '74d09eb289ca2822a76d470b3962991428f16011', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get style() { return SwirlActionListStyle0; }

package/dist/components/swirl-app-icon.js

@@ -40,7 +40,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classNames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '90f9007428de57708504bf15c29b30909f7d6b42' }, h("span", { key: '7119b43222a0a224268ffb6ef5debc804f7bb3d9', class: className }, showImage && (h("img", { key: '1b8421ed21164b5c921733903a5cc4f3102d0c0e', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '41c6eddecff32a689d81feb4d3ba9df4ff420b0b', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '687598f6730d46ae81728932bc626cb9f7dab002' }, h("span", { key: 'c84b9d81819b4ee664fe3b1ef6b833e84ac96dbe', class: className }, showImage && (h("img", { key: '3cebf8dfa8585d8b3d9df4db73650e88c3a24e93', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '8f1cda723ec8cb528b7a8a4da29434463d44766e', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return SwirlAppIconStyle0; }
 }, [1, "swirl-app-icon", {

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

@@ -29,7 +29,7 @@ const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGro
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classNames("avatar-group__badge");
-        return (h(Host, { key: '76e85ac1f2499bddae35aea6e1ce1281294a707a' }, h("div", { key: 'a2763cdee26628d8b3926af85302cc0d74a1ee60', class: className, role: "group" }, h("slot", { key: '1e15e3f8e2b36912a3f4e834e6f24a8e4bc0bc09' }), this.badge && (h("span", { key: 'd6c7e9e98de8e5191f17dccfe7e662c05314dc85', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '07eb2c5f8ba50e042e64de92826fc16f8b939047' }, h("div", { key: 'eb4a5992625dd8a8d8f98d04c14868b3456fbb9a', class: className, role: "group" }, h("slot", { key: 'fd0f28ae05bf30f5ac973163c7aefd62c66e2837' }), this.badge && (h("span", { key: '955b59bb5425971a699380a933dea336873525c2', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get style() { return SwirlAvatarGroupStyle0; }
 }, [1, "swirl-avatar-group", {

package/dist/components/swirl-carousel-slide.js

@@ -18,11 +18,11 @@ const SwirlCarouselSlide$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarouse
         const className = classNames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'e75b302d0c27d9571444d6019cc2295ab86413f1', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '9bc4985739dc192b039b2dea6524e1d561b89c80', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: '63794dea8f1ab9790b135a39eb9f84e004e4e349' })));
+            }, tabIndex: 0 }, h("slot", { key: '42d69c816388c933e8e7529e5eed0a7e8a65ffd9' })));
     }
     static get style() { return SwirlCarouselSlideStyle0; }
 }, [1, "swirl-carousel-slide", {

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

@@ -458,11 +458,11 @@ const SwirlColorInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColorInput
         const className = classNames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: '84cc3e16101043574dd4d30f7903ce92b034309c' }, h("div", { key: '439383e3e3384bcd255bec502a2df0dd5be1a661', class: className }, h("input", { key: '59edc6b99c9cb8cfecbb4d672584a37edcbad943', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: 'f5f6ae99f40c8bc2dd565fa2114cc5aeb795ecae', swirlPopover: this.pickerId }, h("button", { key: 'aef319ab0793cc4882632d73a73ca38f9484a1ec', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: 'db984e1d6f60cd74d1b5b0b64d441e9d87e5198c' }, h("div", { key: 'b68c0b8c7c5e426959e2bcd9c6f0ecf79d8ad92b', class: className }, h("input", { key: '20a8d4adab4ce97069423829f8882c6ebff51b48', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '3e3b890953d2f6a86491ee68f8968b81b4c152ae', swirlPopover: this.pickerId }, h("button", { key: '0a962dde3571d8b59fcb333fe944faa545f29616', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: '948eb8d67e9497014133f4bf757d5a5c900ff83d', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'c6987312e10639e16573f8129fae48aa71b2d734', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f182577c4d61d00aabb8547fa02c809ee8959243', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '7549e1eeb25e478176999aba5fd22f8d1f7d9238', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '25ab3e99d518d2fb443ced81d7929d385e576dfe', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'ff1ad9a924e424c438d1784f8be2b6afaf939ae4', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]