@getflip/swirl-components 0.278.0 → 0.280.0

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: '6047ce67c47698b57d615d3472195774e8a70907' }, index.h(Tag, { key: 'f41a3cbed39f3421655a2cf7e1cca1ec23965f4d', size: this.size })));
+        return (index.h(index.Host, { key: '22d7c4c3986630391035b4f9410a6f699708db5b' }, index.h(Tag, { key: '52e4e77e9e7d828aceb9f5302955d0712dfabefd', size: this.size })));
     }
 };
 SwirlHeading.style = SwirlSymbolStyle0;

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

@@ -41,7 +41,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingInlineStart})`
                 : undefined,
         };
-        return (index.h(index.Host, { key: '782530970122efff271bbf08d0b0e9588df06e0c' }, index.h("div", { key: '943798dd0fa45c43126f2e7f338f7876ab7b954e', "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: 'f6a9bc66a1e6632e231a6404ec847699a59a2409' }, index.h("div", { key: 'ae3442c940dd43f5a63229a06e871c364f544a60', "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,
             });

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: 'cee2a0887fec7ff458dd2e45357fe537df6870a2', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: 'd8a10fc4d0f5dc1e6f935872e0b17615914386d6' })));
+        return (index.h(index.Host, { key: '06dc3161c018f89fbfed580dea029a778a79ad19', "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: 'e381731a07a83b7186b54a2880c80fffd9f25a94' })));
     }
 };
 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: 'fbed9d8b864dc7890a20f4560391da60cf18e6c3', class: "table-cell", role: "cell" }, index.h("slot", { key: 'cf9a46e203c783fb25aed2c26885318a445ecba8' })));
+        return (index.h(index.Host, { key: '0b6dc5bfb399ecc60d327144cf511b0aec2e0d1b', class: "table-cell", role: "cell" }, index.h("slot", { key: 'fee309d46272e02fcda2c8da606faf8c956be4dd' })));
     }
 };
 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: 'e6ada7191fd13bbef0b6fae99a1328800f704ec7', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: 'dbda4fcef582391f4c24d5d70b625c972cb82e2b' }, index.h("slot", { key: 'fb80c0c0c73e24ea13911b1a2e28382b69d21df8' })), this.sortable && (index.h("span", { key: '8d1061c7950ec4ddc64c8cafc0f8bc565b4aaa45', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '4bf1152d375f302ab24444eaf4c8fe7a0447c086', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: 'd8aaf370afbab5d6fb6de47bd6deb680f4c8841e', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: '26014f39a74da8d6834f698fe8479aacb2e3278b', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: 'd8602d679734e24d3ed1592fc14ced19b6115fcf' }, index.h("slot", { key: '4f92f06bcb68041cc1d6763e627aa5fb919df1a2' })), this.sortable && (index.h("span", { key: '431cd995178bde16cfec14c0e2a55f5de980c3fe', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: 'e3628dc4e2ad40fa09e3993d01889c92de2bf3ee', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '6046f2b3c39ab9005ea1a35ec2e1b2c7ddfad703', "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: '086dcc10925f0330a0e1fd8b11fa6ad201fc1b98', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '67e2b4b10cbbbed4e7eb3dd936334393c569f36d', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: '1185247f9f78fcd4e870892d6274a518488e06ae', 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: '2449536219a8d488ef95a67fa384288eff5a7a78', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '43d63f1264927e04cfc73f9f537a7f87abc1f386', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: '6c2ea371deb00cc5f6167d8b4a4961883bfd4c8a', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: '2b400cffd05a1cbb0b0c839199fe48fb2442d2e7', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: 'bab20ca5bff74409a151ff7fb9d3f926aca257d4', class: {
+        return (index.h(index.Host, { key: '954c20155b22cf7ffb72e9ed40304c7c84b71253', class: "table-row-group", role: "rowgroup" }, index.h("div", { key: '54144ebb956aa8ffa84194ddd664b3260e43098c', class: "table-row-group__header-row", role: "row", ref: (el) => (this.headerRowElement = el) }, this.collapsible && (index.h("swirl-button", { key: 'f03d53947eca62673726719112d5005c2a63074b', 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: '1f8dc631e50d159ae885159f0c59252a3f9c7ce5', "aria-rowspan": rowspan, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && (index.h("span", { key: '89b239c5b27b3fbac62f0081e6f0cc419ea7a65a', class: "table-row-group__tooltip" }, index.h("swirl-tooltip", { key: 'dad272a08b1dc5bd57851d39fdb4e848fb15b9ea', content: this.tooltip, position: "top", positioning: "fixed" }, index.h("swirl-icon-info", { key: 'ba824931944c751f4997b7e2c015fe761a25320f', size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" })))))), index.h("div", { key: '56e35e740f5bdfdc6d0d3620c0e32832a2e954fd', 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: 'a7936f82f571d0539f4383374c0dd0010f970f75' }))));
+            }, "aria-hidden": !this.isVisible, ref: (el) => (this.tableRowElements = el) }, index.h("slot", { key: '5b31481ca5cc8217f303402c29a4f8f984eb3d66' }))));
     }
     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: '8f84642c1df8b9b8891a303215d5e0a0930f21a8', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: '6e9b0e91e1dd2da92780570af08c4decddc7606a' })));
+        return (index.h(index.Host, { key: 'dbbd333f12aa2f3d339905922f67c1264138548e', "aria-rowindex": this.index, class: className, role: "row" }, index.h("slot", { key: 'd29c77cc9c84f28a6021bb48c74f928211ed2e35' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -326,7 +326,7 @@ const SwirlTable = class {
         this.empty = !Boolean(rowsContainer) || rowsContainer.children.length === 0;
     }
     render() {
-        return (index.h(index.Host, { key: '675304f503cb6b0f765d75be8c637734f9eb45b1' }, index.h("div", { key: '46a8bcf02fd6fcb8bd58dcae6b6ebdc1553afd80', class: "table" }, index.h("div", { key: '41db3adb32af21328808b8d3a8252f1caf392017', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: 'fe87c82566fa5e9f4a88cb9782e6a1eac711d2fe', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '87ee15d26df270ed62c72dff719bc137fb4d133d' }, index.h("div", { key: '7a6588f9ec56fbc5848f0467112e6f8dfd38fb30', id: "caption" }, this.caption))), index.h("div", { key: '341a950ec57dcd1ba4b7ee31e56394abbc27812b', role: "rowgroup" }, index.h("div", { key: 'bb8a7f5b0f29020ff653291507a38b77999b48e2', class: "table__header", role: "row" }, index.h("slot", { key: '75fb1a93e5be755ad05dfc5ab8eee90786b5e8d1', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: '24b7c5a033214c6094a63b7b6332e72a6b4921d4', class: "table__body" }, index.h("slot", { key: '1325448c0bcdf7abf1455269a25c40d6904029d3', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'b80dee8f8e905d5338a16a5fcbd51ab0f8feedf0', class: "table__empty-row", role: "row" }, index.h("div", { key: '91b8072c02b31e93eaff48df135384a5d85af78d', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'c014fa080e3efe756491a5dc84a6581747bb5c39', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: '3c6ceb12f44c9569c2e1f0123469a7f7bf78efac' }, index.h("div", { key: '8fc610eac6c9137c31bee2e1d29518b83c33109f', class: "table" }, index.h("div", { key: '7b7d0a4db01ae20c0bb1838fea908edf53429205', class: "table__container", onScroll: this.onScroll, ref: (el) => (this.container = el) }, index.h("div", { key: '1351cc726777a39b94a61ef313728d2053d62012', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '80dd6702f8c1451447040687d4ebb843abc77d77' }, index.h("div", { key: '80f75e2bf3d8251e9f078216016d373751b937b3', id: "caption" }, this.caption))), index.h("div", { key: '47ed57a524071c9b8fd0e4c0837340cc9b7af440', role: "rowgroup" }, index.h("div", { key: 'ba655b6daec9de3777f4bf156299beef79ab8fa7', class: "table__header", role: "row" }, index.h("slot", { key: '1f1c043262ebe55a7d7d99ec01ce93594f4ea312', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: '4a7e2126391c33e31898e0bf57d5e7df9593ce16', class: "table__body" }, index.h("slot", { key: 'e68a58ff6d4cbe8d2d31d34106bdf341b026cd91', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: 'a0c03aef7304d9bd75cedb1fb1b3d8261934ec29', class: "table__empty-row", role: "row" }, index.h("div", { key: 'aeaf22c6f0de29b13fb72605057c801c819c985f', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'a27e8c59ded4317ef8efa447c4c41174f3739c10', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -84,7 +84,7 @@ const SwirlTabs = class {
         }));
     }
     render() {
-        return (index.h(index.Host, { key: '4abcbc6a5adebaec3a03c16d01961c7f816faffa' }, index.h("div", { key: '24e7bb07284beb7deca299a1ec5e3bda3e1ae002', class: "tabs" }, index.h("swirl-tab-bar", { key: '288dc6782de7f62a2b0d4f3fd8adab137791ecb6', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), index.h("slot", { key: '8fce383f2212bc1fd9acd2677569fe5321e83697' })));
+        return (index.h(index.Host, { key: '6b1426436840263dd7b7e58646daf3b10fe9520a' }, index.h("div", { key: '34da9a8dd090dd601fa3bf2dba8f3ccbc0168844', class: "tabs" }, index.h("swirl-tab-bar", { key: 'f556966b5d8d0b0aa66ff546effe642fcd03619c', label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart })), index.h("slot", { key: '72a07cf0e9fcd0716346d26c4e637fab1d73431c' })));
     }
     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: '32dc266a755c1dabeac2c985ea8d905dafcbe886' }, index.h(Tag, { key: '40e528843db1896427fda552e0d0abcf97637021', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '292b61a0c45364c90a709f874c2d0e493dea86b5' }))));
+        return (index.h(index.Host, { key: 'a8d2d9e515225702b2f88e1e83575d2594fc81ab' }, index.h(Tag, { key: '50590b4ed3c0b43cd383c582611efe7bf644ede3', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: 'd8459d00bdcd99b384677469de8406e4f48f3c13' }))));
     }
     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: '8359002539e544198dc0ac40692b34d527daabb6' }, index.h("slot", { key: '4c74c48f8530740d773570d0a289092265ccb0b2' })));
+        return (index.h(index.Host, { key: 'e3fe6e2eb1cc7424f521e351264d3442be5d6d21' }, index.h("slot", { key: 'fa5e17da0289211471c6e70fc88d1cdfd1547783' })));
     }
     static get watchers() { return {
         "config": ["watchConfig"]

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

@@ -129,7 +129,7 @@ const SwirlTimeInput = class {
         const className = index$1.classnames("time-input", {
             "time-input--inline": this.inline,
         });
-        return (index.h(index.Host, { key: '5572698ac135d370e0798ff79c8c4fee3b8ae1d0' }, index.h("div", { key: '28f5158c60405f237fdbc5191313c9743f3a388e', class: className }, index.h("input", { key: 'c426e602f0d9c92a970d9f595ed525e608af7ce4', "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: '416debdb231e9c1432fffe4ea2fe38d3730c3396', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: 'a06f3ec98f6e61d2b045d6daf2f40bda71babca4', size: this.iconSize })))));
+        return (index.h(index.Host, { key: 'eef4dbf1969b693fa25563f9fb1e2c2da0a947f6' }, index.h("div", { key: '925a03a60c99f27c66087e90826b9b2e7252eece', class: className }, index.h("input", { key: '575da3dbe7be598014eb9c66a4f4239afe5a19c7', "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: 'aa2df52defa4638d85b6ca2bdd482f13d0c6cacf', class: "time-input__icon" }, index.h("swirl-icon-time-outlined", { key: '3e842f1455d3ec6f59728c34f0146188dd29320a', 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: 'dae1a9edd3dd5dcadc1068e0b91060cd0847b858', role: "status" }, index.h("swirl-stack", { key: '31846e109301df202aa9a064b89a8f0cf3d5a374', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: '76668e8cdbcd64d3dd0f214043a944a15d4c8a1e', role: "status" }, index.h("swirl-stack", { key: '882fb3c14189644c9bd230a87d14e039ad08c1ed', 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

@@ -63,7 +63,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '569484da1c257f0d7d5e01a9542c7be2a1b22654' }, index.h("div", { key: '2b8e58e7a7be4e361818f70dc19dd92cbd505681', class: className }, this.icon && (index.h("span", { key: '2f701e06a546ce2ca2d9bea70e64156d8e129ab9', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'bff563d122f97e0dd131d46eb2e78c71308db397', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'f7e07305384660b969f43e531ef3875c59809e21' })), index.h("button", { key: '0b610699e3793a2a1aa0c9d4f1fcf912cb54467f', "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: '28c5476a300d3b210c48fb06074702906231a097', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: 'c8c334f65df3d9d1e6f6057b264a5ae2282b9c8c' }, index.h("div", { key: '64d35663c4a5f6fd8d19f034dad671b3062812be', class: className }, this.icon && (index.h("span", { key: 'e871ebbfcf2ca0591223f0183d50eb3a8651ee6d', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '5f13af629e68a0c4b4984027b102831f91fc401f', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '41964647038100002863b6900483f6b3a3fec514' })), index.h("button", { key: 'ad9ed67b62c82de7c214c8894a0351fe116c2a9e', "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: '07b679cb70d6536e741c469110c6bbfeecba1bc6', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

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

@@ -22,7 +22,7 @@ const SwirlToggleButton = class {
         const classNames = index$1.classnames("button", {
             "button--pressed": this.isPressed,
         });
-        return (index.h("button", { key: '6b31ccdda32630bcd13f4b0f98ade2e20cee9705', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, index.h("span", { key: '2db26beae59ac36b32bbeadbf422f8cec76a5c95', class: "button__label" }, this.label)));
+        return (index.h("button", { key: '93ab1b8aef098073cc2a73304cf5adc11ff8b6dd', class: classNames, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, index.h("span", { key: 'a280e3b067ef3199ecad4f70a7c5d65596de60ee', class: "button__label" }, this.label)));
     }
 };
 SwirlToggleButton.style = SwirlToggleButtonStyle0;

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

@@ -61,7 +61,7 @@ const SwirlToggleGroup = class {
         });
     }
     render() {
-        return (index.h("swirl-stack", { key: '7884190a68426433452ca842df47f74fe02d3927', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'a5b880252035a3193b43fc7397b18b05d701e83b', onSlotchange: this.onSlotChange })));
+        return (index.h("swirl-stack", { key: '667d79f6202e7cbb5167fb50c432c7c787d61e56', class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, index.h("slot", { key: 'd5e7a2a34daef1af90ac9393905bd20839bcd9d5', 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: '217aeb08b27129c18ed0925805f03e074de2d5cb' }, index.h("swirl-stack", { key: '11e8f0ac8f648fd469cf5ae0ff5d4693fe4b5923', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '8501d2cf5d0bc5c8b50951f6a27f6dadda859be8' }))));
+        return (index.h(index.Host, { key: 'f2a7c74e2a79a7cb094b299943e9556a369edf83' }, index.h("swirl-stack", { key: 'c920e72b684aba1ddf4192f6e8e8739df96545cd', 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: '9feae1c92047152e580e1dafd0b30213ce51c312' }))));
     }
     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: 'ce14095a3c0e900041fd0df8c6b99c196155350d', onKeydown: this.onKeydown }, index.h("span", { key: '2a8a359cee3ad28a5073ff2c0ac455b4e2bfc784', class: className }, index.h("span", { key: '0765f346d224709abfb9079441735d1e851fde10', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'e470c934075f7bd2621647b5f34b7bc89f781967' })), index.h("span", { key: 'be31d205bf565740edc3ae0f775a0a7af51002c0', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: 'c9ab85ded0e405408216a391afcb0baae2be53bd', onKeydown: this.onKeydown }, index.h("span", { key: '2882cb94d0756572f88224600b220ce61d30fa3e', class: className }, index.h("span", { key: '6c7e0fedd91ab1c27141c0ea94838a6646f4a3da', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'aa84228571d7fcf6ba9189887c8e337fc5aa1252' })), index.h("span", { key: 'ff2aee38126a2995c3502a4cb41c33ba08c00543', 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: '2b67bbcba09607a77b2954e69be2d4c30e808789', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '7812af453b17d71a7f63071eed60e995ca913952', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '5c3aa1d245ca097a4e471f961d45d7244b14b323', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: 'eb6c1ffa68b1f70627008629ed2cbde2b50909be', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '9f76cd3cdc16d3e1f43f891df2aa2c70e13edfeb', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: 'e4e610fa99135e7a39d828235e85b4e3c2298e89', 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: 'afa2ae5223b7dcf1dae1082efd4af986c4e17b37', role: "none" }, index.h("li", { key: '342f2f23f78f151a6351591942c58d4154096847', class: {
+        return (index.h(index.Host, { key: 'a9fbce22fc2c48e419f2ba9827ca6f54f1b43db7', role: "none" }, index.h("li", { key: 'f17e7d783b44949e9b918a591d1c760472c3f23e', 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: '2e4941eec16bfe96aa7b90fce0a368bc569cb304', 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: '3cc67b6dfd2b66cee4cc44ecf9d08a9b899edd80', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: 'aa35a4055c072f0fb66cb15c5ce63efce5b614af', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: '3cff473a9ff8d12f8381cff49db9dc1c19d20746', class: "tree-navigation-item__label" }, index.h("span", { key: '84cef5ede38f44e18f1a9b10ba50518dd72b4bdd', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: '6fa41ed11cdf2d2c3b311afc645ceb4687ad3187', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: 'c8f636d8dbf43392660b0b6b14ac060dbbd81ab0', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'f45628a3a52d37f160000ae7ec9941d335a80995', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'd6abe578950e5af069c983878f5039e98829dac8', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: '46584ac5581b32f5d8eff8eeb9f735f53796d92b', 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: '82280630fa2877e8daff509612aee44c48ec91a7', 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: '065b36cfdb9581b46a1df4fa8b1e45e0080a5520', class: "tree-navigation-item__content" }, this.icon && (index.h("swirl-icon", { key: '3f44154cc4ec8919465b0804bf0d56a52806d793', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), index.h("span", { key: 'c947897b89843c744cc0d166bcef5644421f51fa', class: "tree-navigation-item__label" }, index.h("span", { key: 'c07a23ea8d3b49beb64fe7f4c079bdd7887f0583', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (index.h("span", { key: 'cdcb068e7abd0f0065f68a53a4002f11c7f94f25', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, index.h("swirl-icon-chevron-right", { key: '7f0cf84b86a6d07af0582214b10e762f4ab9447d', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (index.h("span", { key: 'b789cdae7ab0604bf7d3b354bff3ca4e705bcbc6', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, index.h("swirl-icon-open-in-new", { key: 'e5646106a5d6acbbd17b0ee1684aa4f4592f5b47', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (index.h("ul", { key: 'f843b12b95f71466b313b6a1b6c5ee8103eb1199', 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: 'e57c58d1d211e4bd683cc1af92c538f9e5c2f119' }))))));
+            } }, index.h("slot", { key: '46bfa61a656a2de53489b0f22422de2f6c6f4a12' }))))));
     }
     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: '18e14f7cb4514871437b37192bccb4ce8b53a604' }, index.h("ul", { key: 'eb54e2407d9f1f495941fa3473d1ad792bcd9997', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: '93013f55e10c6d170945d543f99b558b05ba20cf' }))));
+        return (index.h(index.Host, { key: 'e9c3d9bcf0f17466b0a5cc3aa5d7cc02f5f39df8' }, index.h("ul", { key: '1f89ae51a1af66ba73d71c9260e8a9516a570d83', "aria-label": this.label, class: "tree-navigation", role: "tree" }, index.h("slot", { key: 'dfb1cae36cbdb49eca03952fdb789cc53cffb04a' }))));
     }
 };
 SwirlTreeNavigation.style = SwirlTreeNavigationStyle0;

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

@@ -81,11 +81,11 @@ const SwirlTreeViewItem = class {
             "tree-view-item--has-tags": hasTags,
         });
         const hasChildren = Boolean(this.el.querySelector("swirl-tree-view-item"));
-        return (index.h(index.Host, { key: 'ecab3ab3f9a824fde4683cc69f1c1da1c752bbc9', id: this.itemId, role: "none" }, index.h("li", { key: 'b5aa1e278263404deb9d17aca00d1a61d2706530', class: className, role: "none" }, index.h("a", { key: 'ff0afac0c8d591132b0a0c73ef8ad8aecad402cb', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
+        return (index.h(index.Host, { key: '61f2f5139b9ca27e60e50a69e72d444d1f31fd4c', id: this.itemId, role: "none" }, index.h("li", { key: '3bc5d305ce0ca0c69c172cd688978476e5ac3ce1', class: className, role: "none" }, index.h("a", { key: '450e7bc4308d6e776d7da0cc9a214f327b3af3e0', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, style: {
                 paddingLeft: `calc(${this.level} * var(--s-space-12) + var(--s-space-${this.expandable ? "4" : "8"}))`,
-            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (index.h("span", { key: '2f5f0a254f38127d9b81e9cc44e6cfa93bb258ce', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '82dc5dfa363a962f954ab64aac7ce722a7caba87' }, 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: '8f633fa4bb1db43c1c6c33d443e4673e6268b068' }, index.h("span", { key: '2d4494f0523d57a26128469fd12658d53442901c', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '7966e6a16b369d4596d0f38d0023e60919ef9905', class: "tree-view-item__label" }, this.label), index.h("span", { key: '4763750f982e2df58a0feb82ffd61efb05f7d0be', class: "tree-view-item__tags" }, index.h("slot", { key: '7536f449de07a815ad14f7df528f8c93f6890a6d', name: "tags" }))), index.h("ul", { key: '01c85dcc9126452f33b6753f675828c6766b8f54', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
+            }, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, this.expandable && (index.h("span", { key: 'f6d1eea5ca826bcccc27b9f49b146a8a8eec5e67', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '7020d6ffa109cc5b99c72dd9c044bc5746ef8684' }, 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: '269b7a9347440cf7e7877ee44fa98c4ae6ade8b4' }, index.h("span", { key: '8cc35d72f1359baf6b0a4b40f0147fc8efcc117f', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '4c45722270e13a858be08069e587778654f8274d', class: "tree-view-item__label" }, this.label), index.h("span", { key: '36f3836c5e4cf22b86340c330163485ee1b5487e', class: "tree-view-item__tags" }, index.h("slot", { key: 'cf6495dd4be44436748dfecc74584f8c62e02024', name: "tags" }))), index.h("ul", { key: '6a703a5fc262f88d33125d2670f1640f7ee1c16d', "aria-label": this.label, class: "tree-view-item__children", id: `${this.itemId}-children`, role: "group", style: {
                 display: !this.expanded || !hasChildren ? "none" : undefined,
-            } }, index.h("slot", { key: '65f6acff8fa18cfd53d1ab621a693ee4a133eda5' })))));
+            } }, index.h("slot", { key: 'bb1796e1873a9aa3fc57b35b26955f7feb0a75e4' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -199,7 +199,7 @@ const SwirlTreeView = class {
         return nestedSibling ?? undefined;
     }
     render() {
-        return (index.h(index.Host, { key: 'c1b1e1bc3e758462e8a260cbac6a436f3aa2b671' }, index.h("ul", { key: '80a515cc8491d3f9c09476d75be5825a63740f81', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: 'ac9698ff189a2555475a82813515ca45fa193211', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: 'fa93c938faa7e11fd4fad055fa9619b305895540' }, index.h("ul", { key: 'fa0c7adc5bf1cd3f4efc77699726706f3e0a4648', "aria-label": this.label, class: "tree-view", role: "tree" }, index.h("slot", { key: '713c42a3fa2188afca21934b6c96e816a5a86929', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
 };

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: '5c4cbedf80aa80c9c82484343e8ba3a65db6abc5' }, index.h("button", { key: '0a4628f8f80c19e63dae688316b10bd9fc4e48ae', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '9e7afb03a72f41c1c581c16060adb2faa2c57da8', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'b6ddaa4af23660ed7c1ea9481b61103bb10f1e30', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '9e501593d230d27d61e44a4135a4e387c3f504c6' }, this.durationLabel), this.duration)), index.h("svg", { key: 'baed9f1378135d8303a4b789221a35315506f484', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '16aa2ccd3fb6f47e64f86cc70b5a5a9b390996b8', 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: 'c27dd9df714d9f2881049363be1fc042e2017dc6' }, index.h("button", { key: 'baab6007364ffabc39c20200446ea688195d73de', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, index.h("img", { key: '4ea56eb5a63793861b38a6767de5ff8d6e710a19', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (index.h("span", { key: 'fd037e5a245ed10f2782671837c7cb89b02f3e5f', class: "video-thumbnail__duration", id: "duration" }, index.h("swirl-visually-hidden", { key: '40fe7b6e3819cec721ef0e1290970185a5b4a6d4' }, this.durationLabel), this.duration)), index.h("svg", { key: '5616174cd1d5b45df6bde5bcf4a488f4ee14dd55', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '3cfe6b1d7bf48b9fb158d1ae7fa09f1967e5fa5f', 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: 'aea8c15c5a0a267f2b4de7861e0fa5aad40198a0' }, index.h("slot", { key: '8f460659e26c970eeb4f2b209f85ee0f45c53d6e' })));
+        return (index.h(index.Host, { key: '283d92854f91eea22f68324f1e7093f3a81db80e' }, index.h("slot", { key: '45db844f488361adc64c30b962833c544b079e0b' })));
     }
 };
 SwirlVisuallyHidden.style = SwirlVisuallyHiddenStyle0;