@getflip/swirl-components 0.338.1 → 0.339.0

package/dist/cjs/swirl-symbol-youtube.cjs.entry.js

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

package/dist/cjs/swirl-symbol.cjs.entry.js

@@ -15,7 +15,7 @@ const SwirlHeading = class {
     }
     render() {
         const Tag = `swirl-symbol-${this.glyph}`;
-        return (index.h(index.Host, { key: '986f0981a903e3ca53d5834b89c05e991d5a6982' }, index.h(Tag, { key: '61703e47b41113f00ae02ab7b73e2b73b588e2c8', size: this.size })));
+        return (index.h(index.Host, { key: '5c55285ed6171feec1ffb731d77d6a37699f266d' }, index.h(Tag, { key: '991c8d9c9a41129a64b0031878ae963d364d5c8c', size: this.size })));
     }
 };
 SwirlHeading.style = SwirlSymbolStyle0;

package/dist/cjs/swirl-tab-bar.cjs.entry.js

@@ -72,7 +72,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (index.h(index.Host, { key: '409720a3de83a21e34b908e9a3aae32b52ec7c6c' }, index.h("div", { key: '8f1e4f40c553784436126e98bbf006fd8f13bd15', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (index.h(index.Host, { key: '9ab147f16c16f36d571bcfc6258d5acb7d5505d4' }, index.h("div", { key: '9721897323cd2e28fec15c42c86c9f698ab598b9', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = index$1.classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

package/dist/cjs/swirl-tab.cjs.entry.js

@@ -19,7 +19,7 @@ const SwirlTab = class {
     }
     render() {
         const className = index$1.classnames("tab", { "tab--active": this.active });
-        return (index.h(index.Host, { key: '2b106914302dd758cbcc4a9e9cc65fffbb7435af', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: '34761dfc73643801259a94cf6a271e566d890e67' })));
+        return (index.h(index.Host, { key: '8521eb8e2241a7fb14c2a5a540f08186df6335b8', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: 'e533310dd2b128b166e100d5bbc8b7cb9ccec4de' })));
     }
 };
 SwirlTab.style = SwirlTabStyle0;

package/dist/cjs/swirl-table-cell.cjs.entry.js

@@ -12,7 +12,7 @@ const SwirlTableCell = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'aa9480939cc34cdb49fcf882f3c406d992782aee', class: "table-cell", role: "cell" }, index.h("slot", { key: 'c1f372f052bd8b2c061cd245296dd3163c08732e' })));
+        return (index.h(index.Host, { key: 'e668467f6155797ba0bcc47933a61c8285645b40', class: "table-cell", role: "cell" }, index.h("slot", { key: '2b073d62c8d05e54bb06d7d3b30864147f9db8a2' })));
     }
 };
 SwirlTableCell.style = SwirlTableCellStyle0;

package/dist/cjs/swirl-table-column.cjs.entry.js

@@ -28,7 +28,7 @@ const SwirlTableColumn = class {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (index.h(index.Host, { key: 'fe14994d0fdae0ecfbee6982fd8781d0d62fd10c', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: 'e86e6ed610b496c3a20c6f27121dc1d5e3b8e27e' }, index.h("slot", { key: 'cb5d8f90a82bceda84bbb4b1efc9adc094eb3bd1' })), this.sortable && (index.h("span", { key: '3afc3b97b283570839725302d6248952218d17c9', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '74519e6b536ca600812e7c342fac7bd79955fd84', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '77d0f69fb40fe512185b35b2af1cfdac50018964', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: '535eb8f8c641e09d080116d11bb81aec5d1e29c8', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '79cfc8810a21565c593c80b0f7f9f99bd7db0954' }, index.h("slot", { key: 'd2055dc8f7dffe75594777b43cd5ab1e8745fd8b' })), this.sortable && (index.h("span", { key: 'a6afca54796dd42690de22a333ab26d103a9d389', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: 'd130c4584adc2126656960bee8cdd7193a83269b', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '25282dc68ee020914cdc008cddb198c3f1bcbc69', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row-group.cjs.entry.js

@@ -46,10 +46,10 @@ const SwirlTableRowGroup = class {
         const iconType = this.isVisible
             ? "<swirl-icon-expand-less></swirl-icon-expand-less"
             : "<swirl-icon-expand-more></swirl-icon-expand-more";
-        return (index.h(index.Host, { key: '3a53d59a7296ba3443c5400d46623736b4014fea', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'cf6ed8576b7d58c01f20c1a0b7a3408a02385a06', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: 'd3da800321d2d962d19a80f3d4f2ad29779f6ad7', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: '545380bddca98269a09e0f20a3f6d058596d5342', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '60b1b8d315432dd2a20854ec0475b373836a71d7', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '34ff6855b3e20f7f08111581e239432bda36409f', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: 'd6e35447ad369453fa7ed1d0db016ea54912b47f', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '703710b328fd640b34235fcdb7c9d76eefec24ce', class: {
+        return (index.h(index.Host, { key: '2df2e0a4d3398806765199d1b4ee05a2a733e856', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: 'da709f7f18f86c374edee6b5b8b23ec2e3b12f6f', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '69763539f49291b5b0a568744386b4acdc221bee', class: "table-row-group__collapse-icon", icon: iconType, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: true })), index.h("span", { key: 'f9945e04d9d0dc0789ac4732084d3cb6806eb827', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '6b9f336fbf7016fb02df76389e355bb0fe28f172', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: 'c52b36be95b873ad3c18369a03557394a622f33e', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: 'db164deccbe9bb63e877696d85da59d6aa1b6976', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '2a67522517229c2641ec280b038a14aceb877d4e', 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) }, index.h("slot", { key: '3560ff53d43679eb9227e1f6a98d7e08edad8a7c' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '2d0d3ff8657976ccc7f1fc56efa5e2d72b247d49' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table-row.cjs.entry.js

@@ -23,7 +23,7 @@ const SwirlTableRow = class {
         const className = index$1.classnames("table-row", {
             "table-row--highlighted": this.highlighted,
         });
-        return (index.h(index.Host, { key: 'd6732b63fffabef29d1c14fcc1f0b9c174446b9b', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '9480864c6f7c21dce926222c562a9021518385e1' })));
+        return (index.h(index.Host, { key: '6d68a1c9335af7981b5085df39f2a723fcfb4a48', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '5ee31918b9973d95103d95c19c2515841dfd000c' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table.cjs.entry.js

@@ -540,7 +540,7 @@ const SwirlTable = class {
         const className = index$1.classnames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (index.h(index.Host, { key: '9b1d6c01fdcea966fe24330b7680a1e41970a6e7' }, index.h("div", { key: '26b7d44a15fd14df4c58f02ead0040eeb6a87112', class: className }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'e2cd1f66e5d260146d46e44aef550c7dc9c01163' }, index.h("span", { key: '0d626e81cf20fef5b44f784ed59ff4bd6dc24faa', "aria-live": "assertive" }, this.liveRegionText))), index.h("div", { key: 'cefd03a97a45da5a6de98c41469972b297e7bc6c', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index.h("div", { key: 'f9792ae47625d73395d6e9ccec8933614a147127', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: 'f51c446eb0890c1a95d642aeb13c00742903c08d' }, index.h("div", { key: '18802bd2d7930923e3d9937b4a0c29e38c8c6b36', id: "caption" }, this.caption))), index.h("div", { key: 'dd6dfcb40f5c7b28628e922644a5408453d8cb6b', role: "rowgroup" }, index.h("div", { key: '8b90a6de0ac3dca26b14884561572c7a4ef1b2cc', class: "table__header", role: "row" }, index.h("slot", { key: 'c43f8a9496105e2da366485fe3ccdd5e1ffc0f74', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: '91d1f7f012f1bd9df35959f30c917a3e51c6ebb3', class: "table__body", ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '113f3a2449eb327c13ef9ff5db744055999ead7e', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'd46195ec682ae075866517ff6252636f82b2db28', class: "table__empty-row", role: "row" }, index.h("div", { key: 'c07afa0c4b28182b095ed43b8b5a6e8cfe203b9b', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'a03fbcd9e60b70bd016296125a77d34ebe59f7bc', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: '6ac7943bed99ed6dee6b23279be8b1f62dfe8e67' }, index.h("div", { key: '82ca365e14c36629fcbd0221e0da8e59b073d676', class: className }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '987b960eccd844f9126d12eda6491ed20e401802' }, index.h("span", { key: '63a94363be802c91bb216942a8181e408144a3bc', "aria-live": "assertive" }, this.liveRegionText))), index.h("div", { key: 'b8c5c587032a6f60102d8a9d2081afe5d5c031e2', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index.h("div", { key: 'def66679842180515d74c1c823824649a2f54feb', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: 'ec4799f7ba6378597407e34eaa54b941b2f08026' }, index.h("div", { key: 'fd01bce61ec23017550047f6ae7883045358c397', id: "caption" }, this.caption))), index.h("div", { key: 'bec37516e678e60867e9d3d3e41303b9356ece8f', role: "rowgroup" }, index.h("div", { key: '8b81ce54bfaf2ad3152e27cf69ed8734b855105c', class: "table__header", role: "row" }, index.h("slot", { key: 'f644cbc6793dfa040d58db5ee92eae3492a7b4bd', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'a5a6e780561cba1146741dc4e3c3559d61672fb4', class: "table__body", ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '870b5ff3c5a35a3cd7edc9e83043bc5134fb6472', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'e32257ee7037ea873d234500e2c1ae71c1b7e9bd', class: "table__empty-row", role: "row" }, index.h("div", { key: '2209b3bc8b213d97e1464d1af103d8e1ed24f4b1', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'a30ce46a5abe8781812970089bb1fafeaeb042d3', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tabs.cjs.entry.js

@@ -88,7 +88,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: '5ef9429e52a4da284ef87f944a0959d1c20ff663' }, index.h("div", { key: '853a8d623c506896b8d3dc51d34019f2c40bd68b', class: "tabs" }, index.h("swirl-tab-bar", { key: '05bcdb6bb61b29643b3fc4201c03d4ef8d60017e', 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 })), index.h("slot", { key: '2ba8f62503211003cdb45132ff713db6789eb6ee' })));
+        return (index.h(index.Host, { key: '985b576d92f8c2ad0cd56cfdae08ccef50d225ae' }, index.h("div", { key: '91a5fd20b2018d08a4259ccc9c5f2c3ad38b6c25', class: "tabs" }, index.h("swirl-tab-bar", { key: '929c8f8246a84f0e96f6e3dc81be05770ed41585', 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 })), index.h("slot", { key: 'a53f0291ab3649493917c4983d246cb7821993c6' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-text.cjs.entry.js

@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index.h(index.Host, { key: '46c59cd19e5efab71b18b5a92117aac4350daa03' }, index.h(Tag, { key: '99d84a4bcb9db229af708ca7b18e559c5e6d1fff', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '6c5299e4a8de583f0c2894fa699b768a04de623e' }))));
+        return (index.h(index.Host, { key: '02ebd4d3457d906cf717fe7eac978566d35cf19e' }, index.h(Tag, { key: '105cf1a41d3f2b281b42603abce0ab06cc4c8bb1', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '8885f733ac20972898543cb2340a74f077aa1542' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-theme-provider.cjs.entry.js

@@ -156,7 +156,7 @@ const SwirlThemeProvider = class {
         this.setDesignTokens = [];
     }
     render() {
-        return (index.h(index.Host, { key: 'de82273edb398b77580627f209f022965b1c0ac3' }, index.h("slot", { key: 'e366b63ce7b2c9709f04de8be0968e6c5a0c76cd' })));
+        return (index.h(index.Host, { key: 'c22d47958bffaead8a397106da038718a536d2d8' }, index.h("slot", { key: '463c59047203c89afcf8cf86992fd797616d8c13' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

package/dist/cjs/swirl-time-input.cjs.entry.js

@@ -128,7 +128,7 @@ const SwirlTimeInput = class {
         const className = index$1.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '6f6532f250dde1f493daa6cdfa9228377e2b3c01' }, index.h("div", { key: 'fb2f4127cc7eef9065952ecd5ae234a85cf8adbf', class: className }, index.h("input", { key: 'f5e3830517970f475bd713d4d187bb784d700e1a', "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 }), index.h("span", { key: '243c9536aa23fadd09a43fe3ed214061e7c9e99e', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '4844dff4f684bdb780016298fa78a60153dcc559', size: this.iconSize })))));
+        return (index.h(index.Host, { key: '2d01caa594161a39badac0b0c1914fe0111f93b6' }, index.h("div", { key: '12e350dcf0b59510a885f2e38662ae52ca183d53', class: className }, index.h("input", { key: 'ddcb1410c0abe8f43854b41e773fc4ad0ee69c54', "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 }), index.h("span", { key: '38d168f83acc421e7c987c1fab1f71b44de57e63', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'fe08cb78cf03822f99d98f4d9f33e0c103286d80', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toast-provider.cjs.entry.js

@@ -55,7 +55,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: '0a8b68e7c0dae73a1263ba813cde71f41337c8cf', role: "status" }, index.h("swirl-stack", { key: 'fcbda75980965eabb709df9b958e6673bac9d0bc', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: '340f08d78ec9bdfc9385d0f936dc939d0e9af5e3', role: "status" }, index.h("swirl-stack", { key: '9195c9bcf7968755d17efec31b22ac9448710757', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (index.h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/cjs/swirl-toast.cjs.entry.js

@@ -62,7 +62,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: 'b29e2ba85fa079fe38d1c98f263dab533b62397f' }, index.h("div", { key: '12eb69241727e1987d0000f3d7c89abe3b67f91b', class: className }, this.icon && (index.h("span", { key: '0ee932d76c4d808dd3cb1efdba1468cb6146371a', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'c430d5710e3cca352b8a60c5c5c03e7ed7f2fde2', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '8a7b16c6de39077fbe4155d96ccb99dc29576b0b' })), index.h("button", { key: '356452aae8898ceeae83629c617966f4873c1088', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '61d6def00097203affe39ad1c39a58d76750a37a', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: '28d7e9b4880ba7d10cb4556896068f9953c84598' }, index.h("div", { key: '9e622ea4c91438b154decd9130eaaa5fee3a67ad', class: className }, this.icon && (index.h("span", { key: '5d78d3b7308aa64ce6497c4371a5f3faae73e0eb', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'e632aedeaa4587112e365bd6e07ee16e13fcfc8b', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '13452b81c0caad1453bcf4b74d04c8fd7c758123' })), index.h("button", { key: '8ebe04383e3e41914ec51552478e65c5d5d091c5', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: '635d3dcba82fbbeb1c7f5802c0bdeb403099d47d', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/cjs/swirl-toggle-button.cjs.entry.js

@@ -23,7 +23,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: 'a20a01e1f6155734e9b8059406c79bc8defe70e6', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '307ce763ac875aaa16bb3cc822716e569b5aad08', class: "button__icon", glyph: this.icon })), index.h("span", { key: '085c593219fa681bfa3e16fc2ee611672db305f3', class: "button__label" }, this.label)));
+        return (index.h("button", { key: 'dcb91b8065b7410ce664beea17ebfc0d5d945823', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && (index.h("swirl-icon", { key: '18abbd60dc948266a17d03ba3e8ae1f979609c85', class: "button__icon", glyph: this.icon })), index.h("span", { key: 'b4cfa80623fe9a9ffea4ad1e1625bdde5d54972f', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = SwirlToggleButtonStyle0;

package/dist/cjs/swirl-toggle-group.cjs.entry.js

@@ -68,7 +68,7 @@ const SwirlToggleGroup = class {
         const className = index$1.classnames("toggle-group", `toggle-group--variant-${this.variant}`, {
             "toggle-group--elevated": this.elevated,
         });
-        return (index.h("swirl-stack", { key: '0a5782a3e94024f06810d2919ce656c1cb9554e4', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '96e9541276fc38ac30dc319f280ee3cba44cb70d', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: 'd2dbbfaaa342841f0258201bf0bb79754c447674', class: className, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: '1b27cec315a21a909807e8573cbbd8e68bea59a4', onSlotchange: this.onSlotChange })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-toolbar.cjs.entry.js

@@ -75,7 +75,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'f1e21a1a5f8aad76142db1cc338e14585b59003b' }, index.h("swirl-stack", { key: '862342d9f86adf507fbb7c01514535def942bf5f', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '564920310d2ae86af3cb36fd4f304f0b780cdbf5' }))));
+        return (index.h(index.Host, { key: '2d018723df0504d079bd06f5ab0ea2e3bfc52704' }, index.h("swirl-stack", { key: '4f351ced517b008f1c14941899f0c58810ad0b41', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: 'c545dc86146c60eb2233c7796f1349a8c4cddcbf' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tooltip.cjs.entry.js

@@ -119,7 +119,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '2d6b49b382926f6942c81344ac2b974d331a6b5e', onKeydown: this.onKeydown }, index.h("span", { key: '280ae64e77990f984e7cdc5a653271626ec38669', class: className }, index.h("span", { key: '39517564295b77ce37515f95a187347f080db56e', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '5cdd2d93f3baaca9c702e94e698237a5912fd30f' })), index.h("span", { key: 'dca696e07bb95fe77b551c4e8c9dec71dfb89024', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: '2e2b0769cda7d3b2a487e53280462e87911b09be', onKeydown: this.onKeydown }, index.h("span", { key: 'dd2a661f6e7f53a41b3290e1f4c5cedaede64b01', class: className }, index.h("span", { key: '56568d36c50527a52a2cb259178bed3d9008b3c5', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'f0bfd967d1fc6030035b7ca279a6b019574fb085' })), index.h("span", { key: 'f6752d00eae43720da5e3bb3d24a43da5c3beb97', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -127,7 +127,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: 'd26e9c7251d2b01310a77521e0fd1bbd2c8ff895', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '4ef774c975f38c84cd1540c0821f16b3ac94c0ec', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '483debf12c5d3474106c02cfba94934d2d2e7cb0', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: '294d14c42e440f610995556549910d523b6e5e80', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '919a56098c755285a7f37f70901e6d090b5539df', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '8e0e4598f23c6e812c84831ba76d680f67e69775', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/cjs/swirl-tree-navigation-item.cjs.entry.js

@@ -99,12 +99,12 @@ const SwirlTreeNavigationItem = class {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (index.h(index.Host, { key: '353d53268aaef8adb7b25e6726f428e786f2bfd0', role: "none" }, index.h("li", { key: '843b36fae115482f81b7f09f5adbdcee127c013e', class: {
+        return (index.h(index.Host, { key: '14a9d9b4d18973816f6cd769b5f87e6788f4d958', role: "none" }, index.h("li", { key: '1ea6350cb9ba7534f6ef1b106b79183837def59d', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, index.h(Tag, { key: 'fcf225b051525084ed5b60834d929bfda32c857f', 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 }, index.h("span", { key: 'cd7930bdcfa201ffb8aca583ba20af4d3d16ba69', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '3c6ef4938ed7b20369fbea14df6aaa51b9a5c516', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'ce2e18a3196924ada12f764a2d8bcb1c1cdc1db8', class: "tree-navigation-item__label" }, index.h("span", { key: '66da365d77b933d0fc74578c9778b2c35e5d5ed5', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '32816bed543d3d285ed8700a279ff004d6cd5e59', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'd6aeb14cb389cb077bd770bfc44df55ff739bf32', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: '320cea21f2dce42022ab7baf404e7951071bbaad', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'cf4490088c3fa855d9e072c0489ecefcb4ab32f7', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '76d6cd65107db75c832f619f30baac50d875dae4', 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 }, index.h(Tag, { key: 'fdf7c529e51da4b0eb1394a07aa9935094384e47', 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 }, index.h("span", { key: '8bfa0e35654d3469c00f5bf7c8c7ef0f239f8236', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: 'd4f44e6083bd22e6ca10ca0378ac4cc81033b326', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '05206351464f7e70c81cb021e4357657dbcdb1ae', class: "tree-navigation-item__label" }, index.h("span", { key: '4903f93d0c55b6b9100dd77145ef5f4f5c5e9cdd', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: 'b593ed9e69e721eda36e0973dd53a802dc2b4201', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '2b02c25bfbad73545de638cd2adda814d9078ee2', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'e6bbe0ec04116cf135c2b5827a4351870418b0c1', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: '2688b335a60b080de6be0804e9b058ad580e0f5d', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '67888ca1bebbea164aee655c2027784df92a782f', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, index.h("slot", { key: '17eca1bfdac7222f8927cc582d0025a7c423e1a8' }))))));
+            } }, index.h("slot", { key: '2c99501233d1f53379d670a8f0f9aa19dd306362' }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-tree-navigation.cjs.entry.js

@@ -13,7 +13,7 @@ const SwirlTreeNavigation = class {
         this.label = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'bc78ae1d72675d3208744b1f7aa0d163c741aa38' }, index.h("ul", { key: 'c0279e8f5a5d12ac09c16e303258010318b78ef6', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '49c9d56071adcd2f5e0fcf476e33b69761d8b4b5' }))));
+        return (index.h(index.Host, { key: '3d113bc1e0a1c5514f26628ff0ddfb67e8da18b1' }, index.h("ul", { key: '61966584175f5eacaa1474ab34cfee66f8f0903a', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '90d3d262e82e9328327bc74f1f63ec2ec2e00177' }))));
     }
 };
 SwirlTreeNavigation.style = SwirlTreeNavigationStyle0;

package/dist/cjs/swirl-tree-view-item.cjs.entry.js

@@ -334,13 +334,13 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: '8aca1986716c681392634e105a0fb0d2675144c0', id: this.itemId, role: "none" }, index.h("li", { key: '4f1e470bbd01673bc262ddfd777268ff64ae25c0', class: className, role: "none" }, index.h("a", { key: 'bcdcf949244e2d11c5cedb7a01a45287e6280287', "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 && (index.h("span", { key: 'ed8ae6fe09ea01804c91bf84838c6ef51702b612', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '258d7c6e547ba6ed14f0ce65c7f88358dc5b5f95', size: 20 }))), this.expandable && (index.h("span", { key: '7bfd8cb3c9bce8224fc074f53a6d0da690872aed', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'ba55d38479251d0af6a46d4f2fb72bde35a5bed6' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'aa897b726eda2805d1c4de369fe9c9f3faa23913' }, index.h("span", { key: '82c9ef03ad47a4e342b370abe0425f8ab1971e23', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '1997b913a39db64132763cbafe49d30254812895', class: "tree-view-item__label" }, this.label), index.h("span", { key: '4689ee81c23fec186b9abe66058f9defe040d50e', class: "tree-view-item__tags" }, index.h("slot", { key: '1ea0dd502e1a9c0fe7e626b9312246104c578490', name: "tags" }))), index.h("ul", { key: 'd019f7d4df9aaeb8cb44286988558dbc24e53256', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (index.h(index.Host, { key: '1a2600fa0a2ccca5d1a5c76edf8aa72e3dc60e45', id: this.itemId, role: "none" }, index.h("li", { key: '673da11494e872b67d34d2d1bfaaccba1c7b7c8b', class: className, role: "none" }, index.h("a", { key: 'a3efffb6797eb7b081747b1b4701624d42f2c255', "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 && (index.h("span", { key: '17db5b066a5ab0037cee0e941acf9a69588097b5', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '33504ad1b4754a0c7ffd1680b8e8d365477ac29f', size: 20 }))), this.expandable && (index.h("span", { key: '8bfca3ed7853b2117a58cc27542e8c73fba74c6b', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '5178f914c6cc1205862e0da847a6c3d2a57c74aa' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: 'b52614962964bbea2c8c0a50ba6f71819f94643c' }, index.h("span", { key: '7b34fcbfd2cc25da5ac9e4b46e45c020db82a0dd', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: 'fa06ec0ecdfeec7c88541e790ef44db5731a8b1d', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'aaaa08fd63a644423b088807ff6a3d1551e11d78', class: "tree-view-item__tags" }, index.h("slot", { key: 'e92aac2ae69cb04d310814dea55425f1d6676b43', name: "tags" }))), index.h("ul", { key: '251a76277ba33f11e79b23101ddb3edb58888609', "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,
-            } }, index.h("slot", { key: '9c22aea2c44a74ccf0b8857df3cc79fc2389d93b' })))));
+            } }, index.h("slot", { key: 'cf74c05309bb5fef029ad92f2178ab96d3fdcd91' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view.cjs.entry.js

@@ -329,7 +329,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '502e08fe357a9a67d71a98527a0cb4fe318ada0c' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'afa6dad6840586fec08935372ca9d3e9270bfc1a' }, index.h("span", { key: '1869122cb7f014f639d74a08a833cafd857cb902', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'aa6e7c04b7d4f24ce56163662f784d993865349c', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'fcbe38b7432849b0acb98ae9e51593f6cd1e73b2', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: '8b347cabbed02c8b2713923e15693615ab652e10' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '2fa4176af9f97b7519445c07e4101ebbb0469c1f' }, index.h("span", { key: '4120c0f8ce3ce183089ddedb734e4cb66b456bc7', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'ff2f4d3f450c26152adbcb3429953ebd0d3b5b0a', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: 'a4e9fd3f954b3a174964af4f666e14311a6e9aaa', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-video-thumbnail.cjs.entry.js

@@ -16,7 +16,7 @@ const SwirlVideoThumbnail = class {
         this.src = undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'df21a2ffcc708f598e41214abfc6f1f858acd0b6' }, index.h("button", { key: 'c9f9dc95edcd16811587407c261384b385d2cf29', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '1fefadee1e1d582d79498793ec4d0fbc18dd02da', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'ac97b6b482f22e38edcd3fb88028af1625c50af1', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: 'a9da286a270be65b4598d63089007bdec4130ab9' }, this.durationLabel), this.duration)), index.h("svg", { key: '0856daf047d64f734120c871201345c0902389cd', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'b4c158266183d20ab909df8281a36300c0826fe8', 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 (index.h(index.Host, { key: '3f0cf357144d6fe192a8e675e08b57fde9c6985b' }, index.h("button", { key: 'a600d6983fd3e1ae34dcc1dc198e9eed0e6767ce', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '0fa225b04f06e5584fe019bb6d0732d465173213', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'a6a23e0c22ba4811a7301cb6b0690e2d20430dd1', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '6cfb46a7bc42035b759678588d5c26099274bc85' }, this.durationLabel), this.duration)), index.h("svg", { key: '1b3cc085e399aae71afa6c6ff80b47743a99de99', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '886efa448d138d470282412b503905dcc7f24c20', 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" })))));
     }
 };
 SwirlVideoThumbnail.style = SwirlVideoThumbnailStyle0;

package/dist/cjs/swirl-visually-hidden.cjs.entry.js

@@ -12,7 +12,7 @@ const SwirlVisuallyHidden = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '71cf1f04592bdee96b5dbd56d1c975984b2b5735' }, index.h("slot", { key: '403cf92596b09a988201aee1d47e45efd181d953' })));
+        return (index.h(index.Host, { key: '8b847ff867b87887f44357a9741771a029afdbf8' }, index.h("slot", { key: '2e2d44be7dd5aa6c3c2c25bdf29f7a9310b6052c' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;