@getflip/swirl-components-react 0.296.2 → 0.298.0

package/dist/{swirl-table.entry.e99475b9.js → swirl-table.entry.13842c4b.js}

@@ -1,4 +1,4 @@
-import { r as S, h as a, H as _, g as v } from "./index.b38ce485.js";
+import { r as S, h as a, H as _, g as v } from "./index.712081f1.js";
 import { d as C, i as y } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
@@ -166,7 +166,7 @@ const L = `:host{position:relative;display:block}:host *{box-sizing:border-box}.
     this.empty = !Boolean(e) || e.children.length === 0;
   }
   render() {
-    return a(_, { key: "ac0fc42900c1f03af56d4b3f51f5fa7c70d4ba72" }, a("div", { key: "98b05663bad511bac4cfcb977467de684e459492", class: "table" }, a("div", { key: "db76800f2f7c480ffe4b0c88da1007d92587999e", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "98cc460a99b4b47d2a16fc93a3864c5613e5c57f", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "4c3f6a7007c8b408b508c5d6deeba625785a6348" }, a("div", { key: "82cacba1c07834002a8c73db2caf6c17899e16c0", id: "caption" }, this.caption)), a("div", { key: "690ca5e86d175b6d7d6d3ff14b1449336bd3baf4", role: "rowgroup" }, a("div", { key: "ec0c9d643a8151ef1b151ea1d4db3b2025a6d913", class: "table__header", role: "row" }, a("slot", { key: "249b8f388b9bcbfece5af856f13606d68abf6b8d", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "aef3e65ad3bef5e68cc371817b45d44302825f7b", class: "table__body" }, a("slot", { key: "b7fd68bcb7e8497da85b2589b60302a730df4702", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "d2d2001f8f1fb77f342353de1a5a29650c1df0a7", class: "table__empty-row", role: "row" }, a("div", { key: "5bf80a7ac46bd87e644b2ea38c8908aeb60724fa", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "859308abc57281351264ed367511229a5716e3c4", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(_, { key: "1dad264e782e779ec3c641670d6745ae27f311f1" }, a("div", { key: "972ff6748270ec8c89e68803dec81bb3b696b7d5", class: "table" }, a("div", { key: "8421a34d775292faec2fdb16971aa328a3d9e40d", class: "table__container", onScroll: this.onScroll, ref: (e) => this.container = e }, a("div", { key: "2057cabb89b21c4d2634552b6c868026f90c1746", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "853d3788f7e0dd1170cfbfc84e5d810e999bf800" }, a("div", { key: "72ecf2b03aa6c46d45609254f5fa9af2fbbcb039", id: "caption" }, this.caption)), a("div", { key: "02b2b15ca2aefc20a3237d95ca34b892a9bc9b41", role: "rowgroup" }, a("div", { key: "6543839c056f6caf174f65670668c2a5c6f2606e", class: "table__header", role: "row" }, a("slot", { key: "e6581bc48062a1d704ba2b9280b35190f03e2c64", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "04e5564657fed6b436679cd300e56e18d8f64ce8", class: "table__body" }, a("slot", { key: "4054d9418eb60559e996bb630143fbaceca90a5a", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "8200eb9e5bf3d8b52ead63df6d77db21bc6adbac", class: "table__empty-row", role: "row" }, a("div", { key: "f86a99a732345affb1e8fd1224673970066da191", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "29199285a11c90a6839a68c84edd71f04fbf4d6e", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return v(this);

package/dist/{swirl-tabs.entry.ecd02905.js → swirl-tabs.entry.1edc5c5d.js}

@@ -1,10 +1,10 @@
-import { r as b, c as n, h as s, H as r, g as d } from "./index.b38ce485.js";
-import { f as e } from "./utils-877a768f.c277f897.js";
+import { r as n, c as b, h as e, H as r, g as d } from "./index.712081f1.js";
+import { f as s } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl-tabs{box-sizing:border-box}.tabs.sc-swirl-tabs{width:100%}", h = c, l = class {
   constructor(t) {
-    b(this, t), this.tabActivated = n(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    n(this, t), this.tabActivated = b(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
@@ -23,14 +23,14 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     !Boolean(i) || (i.active = !0, this.tabActivated.emit(i), this.updateTabBarTabs());
   }
   activateNextTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = e(t + 1, this.tabs.length);
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = s(t + 1, this.tabs.length);
     this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
       var a;
       (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
     });
   }
   activatePreviousTab() {
-    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = e(t - 1, this.tabs.length);
+    const t = this.tabs.findIndex((a) => a.tabId === this.activeTab), i = s(t - 1, this.tabs.length);
     this.activateTab(this.tabs[i].tabId), requestAnimationFrame(() => {
       var a;
       (a = this.el.querySelector(".tabs__tab--active")) == null || a.focus();
@@ -51,7 +51,7 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(r, { key: "688e243951ab23e9678737c58220c25f2879796b" }, s("div", { key: "5cfc4d6bc4d868eeeb6abed3642df59a3b9c96ae", class: "tabs" }, s("swirl-tab-bar", { key: "360c4dc256606e21291b3ce4938fc84e10ff886d", 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 })), s("slot", { key: "f8672891a20bc1b627fa6f966472932d4d7a4698" }));
+    return e(r, { key: "8f776091b83d55785e936df66c991738f1f98102" }, e("div", { key: "94e213f60729e970661621a683b791c44a67a90e", class: "tabs" }, e("swirl-tab-bar", { key: "d680d7a11f6a0a89edcd6f0a63cf2d79e64d50f0", 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 })), e("slot", { key: "edc54b9b40475e1930eb98c08774a5e7d721e31e" }));
   }
   get el() {
     return d(this);

package/dist/{swirl-text-input.entry.0a9a2c2f.js → swirl-text-input.entry.5e7b93d4.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as d } from "./index.b38ce485.js";
+import { r as h, c as n, h as i, H as d } from "./index.712081f1.js";
 import { c } from "./index-267776a4.6beb4f4b.js";
 import { g as x } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -37,7 +37,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
     }, this.autoComplete = "on", this.autoFocus = void 0, this.autoGrow = void 0, this.autoSelect = void 0, this.clearable = void 0, this.clearButtonLabel = "Clear input", this.disabled = void 0, this.disableDynamicWidth = void 0, this.fontSize = "default", this.inline = void 0, this.invalid = void 0, this.maxLength = void 0, this.max = void 0, this.min = void 0, this.mode = void 0, this.passwordToggleLabel = "Toggle password display", this.placeholder = void 0, this.prefixLabel = void 0, this.required = void 0, this.rows = 1, this.showCharacterCounter = void 0, this.spellCheck = void 0, this.suffixLabel = void 0, this.step = void 0, this.swirlAriaAutocomplete = void 0, this.swirlAriaControls = void 0, this.swirlAriaDescribedby = void 0, this.swirlAriaExpanded = void 0, this.swirlRole = void 0, this.type = "text", this.value = void 0, this.iconSize = 24, this.showPassword = !1;
   }
   componentDidLoad() {
-    this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.autoFocus && setTimeout(() => {
+    this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), this.autoFocus && setTimeout(() => {
       this.inputEl.focus();
     });
   }
@@ -77,7 +77,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
       "text-input--inline": this.inline,
       "text-input--show-password": this.type === "password" && this.showPassword
     });
-    return i(d, { key: "0b8eede30ea9a577bfebda81539cc5e1e4b5fe95" }, i("div", { key: "bc2a3ab889a8419636c393f9092ab3ed4a56f11c", class: o }, this.prefixLabel && i("span", { key: "a01095f25187269a58a9cc5cae28975b8d6365a3", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "3dbf1ce0097b57977a49a989eb2e4c842e990d79", "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": t, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: Boolean(this.suffixLabel) ? void 0 : this.placeholder, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && i("span", { key: "3da40cda2b2f392da53a10797cc96fd726f48ef2", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "38cc8425b91dc70a26013a600e49da131db868cd", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "aa9e6a263886a5447b4af70bc0156b74ac74ff46", size: this.iconSize })), a && i("button", { key: "fa338b9f668a7a2ce80c827a4a529a41f129a441", "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), s && i("span", { key: "b113f02d036be11655038a48c5ed649d82b240a3", class: "text-input__stepper" }, i("button", { key: "61efb8ca9aebaacdeb8b1aac4e1bc96389a97487", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "d04ce617e500fe49751f0def355124c8a6913872", size: this.iconSize })), i("button", { key: "dd2a2d378be0b6149332dcc49faca360cd96260a", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "0615ab4dfe50d8ca22864e016df8634e8d47ffb8", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "2d0ad8c0e8a8f894165ed20013a3e7429a93230c", class: "text-input__character-counter" }, ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+    return i(d, { key: "e57f2ddeb2239ceffd449efacbc6bddf17777e2c" }, i("div", { key: "62eb95ad562fe4cbe7fd56cc9ac0b8d07b97afdf", class: o }, this.prefixLabel && i("span", { key: "c7d38898067ec7fdd924167e037323bacef742e3", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "ea0fff8fe61f6323d39dea8490fb722587e58080", "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": t, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : void 0, min: this.type === "number" ? this.min : void 0, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: Boolean(this.suffixLabel) ? void 0 : this.placeholder, ref: (p) => this.inputEl = p, required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : void 0, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : void 0, type: l, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && i("span", { key: "2ae0f456126a27f0256b5dfd851da830ea379018", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "ea47c05178f0ce61188ca8ed15f3bbe6f132b1dc", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "d419f462f82b28bc6c8602f3d4cf65d2649d0234", size: this.iconSize })), a && i("button", { key: "565f3c92ef3fd90d1d43c673b94feec9bcf213cf", "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? i("swirl-icon-visibility-off", { size: this.iconSize }) : i("swirl-icon-visibility", { size: this.iconSize })), s && i("span", { key: "ec02752a5258a06827fc156fd4b4cd5a0e712751", class: "text-input__stepper" }, i("button", { key: "c698d2fda7bf64b338920410ef0c894955cf6372", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "0f662dd62d1a315d288622a31e4f0dfb0ee530e0", size: this.iconSize })), i("button", { key: "49fc4ece3d4b67e3b6fa38ecdb681edf5e2e0791", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "49de410032a3f513ba78e7f6a986645441db80eb", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "c2e4a3b9e5dc0c1eb4ef0ee686a7dd2cd2c1a6d7", class: "text-input__character-counter" }, ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
   }
   static get watchers() {
     return {

package/dist/{swirl-text.entry.afe6a1d6.js → swirl-text.entry.d1d93c15.js}

@@ -1,4 +1,4 @@
-import { r as at, h as Y, H as lt, g as ct } from "./index.b38ce485.js";
+import { r as at, h as Y, H as lt, g as ct } from "./index.712081f1.js";
 import { c as ht } from "./_commonjsHelpers-d20b9603.2d9b8855.js";
 import { c as dt } from "./index-267776a4.6beb4f4b.js";
 import "react";
@@ -286,7 +286,7 @@ const pt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), o = {
       whiteSpace: a ? "nowrap" : this.whiteSpace
     };
-    return Y(lt, { key: "7cf2f2ea640acde9ae455c33ed94f96629a4cee9" }, Y(l, { key: "e0a5546c4bdee0e9f901a1378deeefce167977e1", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "96c959d69c0b4f457e3c804c655ab5d4afa6e8a3" })));
+    return Y(lt, { key: "58852d3eda21365916053627efdfd755cf1a3512" }, Y(l, { key: "c88165cea60cb0d540f1636262a449818c8127a2", class: r, ref: (c) => this.textEl = c, style: o }, Y("slot", { key: "267baa6125ef490f3536adc3d51f16e9782ef94a" })));
   }
   get el() {
     return ct(this);

package/dist/{swirl-theme-provider.entry.6b2fa239.js → swirl-theme-provider.entry.a10286ed.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.b38ce485.js";
+import { r as m, c as a, h as o, H as d } from "./index.712081f1.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferred-theme", g = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", c = l, i = "swirl-preferr
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "0c89323210a5baff48c0cf250bb50f597fbccfbe" }, o("slot", { key: "aa20eab928c58e4ca4b5593346d2ae14b9ef0e4c" }));
+    return o(d, { key: "0f1694a7bf967fcbffdd7e915ec4aa4a8d2f93cf" }, o("slot", { key: "7c3c75d2927e01783040f473ba41f3831164bfa8" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.82ef7a9b.js → swirl-time-input.entry.fa5a6f15.js}

@@ -1,26 +1,26 @@
-import { r as c, c as d, h as a, H as p, g as m } from "./index.b38ce485.js";
+import { r as c, c as u, h as a, H as p, g as m } from "./index.712081f1.js";
 import { c as f } from "./index-267776a4.6beb4f4b.js";
-import { p as r, i as o, f as l, m as v } from "./maska-c5119b9a.aa658697.js";
+import { p as r, i as o, f as d, m as v } from "./maska-c5119b9a.aa658697.js";
 import { g as w } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
 import "./_commonjsHelpers-d20b9603.2d9b8855.js";
-const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", g = b, u = "HH:mm:ss", k = class {
+const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h *.sc-swirl-time-input{box-sizing:border-box}.time-input.sc-swirl-time-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input--inline.sc-swirl-time-input .time-input__icon.sc-swirl-time-input{top:0}}.time-input__input.sc-swirl-time-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.time-input__input.sc-swirl-time-input:focus{outline:none}.time-input__input.sc-swirl-time-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__input.sc-swirl-time-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.time-input__icon.sc-swirl-time-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.time-input__icon.sc-swirl-time-input{top:-0.625rem}}", g = b, l = "HH:mm:ss", k = class {
   constructor(e) {
-    c(this, e), this.inputBlur = d(this, "inputBlur", 7), this.inputFocus = d(this, "inputFocus", 7), this.valueChange = d(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
+    c(this, e), this.inputBlur = u(this, "inputBlur", 7), this.inputFocus = u(this, "inputFocus", 7), this.valueChange = u(this, "valueChange", 7), this.desktopMediaQuery = w(), this.desktopMediaQueryHandler = (i) => {
       this.updateIconSize(i.matches);
     }, this.onChange = (i) => {
       const t = i.target.value;
       let s;
       t === "" && (this.value = void 0, this.valueChange.emit(void 0));
       const n = r(t, this.format, new Date()), h = new RegExp(`^${this.format.replace(/[Hhms]/g, "\\d")}$`);
-      !Boolean(t.match(h)) || (o(n) ? s = l(n, u) : s = l(new Date(), u), this.value = s, this.valueChange.emit(s));
+      !Boolean(t.match(h)) || (o(n) ? s = d(n, l) : s = d(new Date(), l), this.value = s, this.valueChange.emit(s));
     }, this.onBlur = (i) => {
       this.inputBlur.emit(i);
       const t = i.target, s = r(t.value, this.format, new Date());
       if (!o(s) && Boolean(this.value)) {
-        const n = Boolean(this.value) ? r(this.value, u, new Date()) : void 0;
-        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = l(n, this.format);
+        const n = Boolean(this.value) ? r(this.value, l, new Date()) : void 0;
+        (!Boolean(n) || !o(n)) && (this.value = ""), t.value = d(n, this.format);
       }
     }, this.onInput = (i) => {
       this.onChange(i);
@@ -35,7 +35,7 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     this.id = `swirl-time-input-${e}`;
   }
   componentDidLoad() {
-    this.setupMask(), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.autoFocus && setTimeout(() => {
+    this.setupMask(), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler), this.autoFocus && setTimeout(() => {
       this.inputEl.focus();
     });
   }
@@ -59,10 +59,10 @@ const b = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     });
   }
   render() {
-    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, u, new Date()) : void 0, t = o(i) ? l(i, this.format) : void 0, s = f("time-input", {
+    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, i = Boolean(this.value) ? r(this.value, l, new Date()) : void 0, t = o(i) ? d(i, this.format) : void 0, s = f("time-input", {
       "time-input--inline": this.inline
     });
-    return a(p, { key: "1c6b8b08c8c890245ce412f370bb2b78c53a6684" }, a("div", { key: "208d65696db4b5b1cb2a30d3a88e998aa3237c02", class: s }, a("input", { key: "e384ed51b2a4ae3899d3e4485a876745e05a838e", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, 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: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "8a07959b7a6937a4785dbd5c369c714df1cb990a", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "9100b6c78073deb95eda58bab1ca3ebd7fb18fc3", size: this.iconSize }))));
+    return a(p, { key: "2c4924715b04c0e77299b48a29fe7ec044229884" }, a("div", { key: "b8bceee82f8ee07a206515e8f3bf3ba6c7fd6320", class: s }, a("input", { key: "d06d11faf603e2c8526ab780ac64bbe10b61d562", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, 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: (n) => this.inputEl = n, required: this.required, type: "text", value: t }), a("span", { key: "b84dd53cb89b2532904f0978c951dcab01996d33", class: "time-input__icon" }, a("swirl-icon-time-outlined", { key: "0c6df7dcd4388bfd2b06c6e70e2a30e36474ea3a", size: this.iconSize }))));
   }
   get el() {
     return m(this);

package/dist/{swirl-toast-provider.entry.ec574c22.js → swirl-toast-provider.entry.65e4eb5d.js}

@@ -1,9 +1,9 @@
-import { r as e, h as a, H as r } from "./index.b38ce485.js";
+import { r, h as a, H as e } from "./index.712081f1.js";
 import "react";
 import "react-dom";
 const h = class {
   constructor(t) {
-    e(this, t), this.onDismiss = (s) => {
+    r(this, t), this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
     }, this.globalDuration = void 0, this.toasts = [];
   }
@@ -27,7 +27,7 @@ const h = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return a(r, { key: "29a12ee787470e3d5167ae13f8fd0c84da2d81ed", role: "status" }, a("swirl-stack", { key: "65533b090312d7f6d2f4e20e693c75d6ca985362", spacing: "12" }, this.toasts.map((t) => {
+    return a(e, { key: "3650e2962ff80074ed761a02c2181aa199b113e7", role: "status" }, a("swirl-stack", { key: "a7d56803f722b22f3a58d4a9685d467895e8a65b", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
       return a("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));

package/dist/{swirl-toast.entry.4ba46382.js → swirl-toast.entry.8a27a657.js}

@@ -1,4 +1,4 @@
-import { r as o, c as n, h as e, H as r } from "./index.b38ce485.js";
+import { r as o, c as n, h as e, H as r } from "./index.712081f1.js";
 import { c as d } from "./index-267776a4.6beb4f4b.js";
 import { g as c } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -15,7 +15,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
     this.startTimer();
   }
   componentDidLoad() {
-    this.startTimer(), this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler;
+    this.startTimer(), this.forceIconProps(this.desktopMediaQuery.matches), this.desktopMediaQuery.addEventListener("change", this.desktopMediaQueryHandler);
   }
   disconnectedCallback() {
     var s, t;
@@ -36,7 +36,7 @@ const h = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const s = d("toast", `toast--intent-${this.intent}`);
-    return e(r, { key: "280d5d34ebaf76b0bd3b33b02c78ed3640de4ea4" }, e("div", { key: "4ea2c045680fbbc40984b3450eb7aef7d0d326fb", class: s }, this.icon && e("span", { key: "8d99261ffbe152eb3226bcca2016d485ef6f18af", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "9a9003bf3186f75010475c6872d891ffc884c1f4", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "e124b4a2f81cfd83a2e9e43973aab6d755d5953b" })), e("button", { key: "f2208e156ecd27f963e0576d1c996d730424e905", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "e969f9969cd92f431b2d3352604dd0572d54d2b0", ref: (t) => this.dismissIconEl = t }))));
+    return e(r, { key: "ff494adb183bfd3b0cf64f854370f65d9025688d" }, e("div", { key: "ec42812f4e085d3853d529c5155847d3166d7235", class: s }, this.icon && e("span", { key: "9565980b265dfb58f2d3f4625642c4b42b286bb0", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (t) => this.iconEl = t }), e("span", { key: "20a9d20e6a1250d8584768db191033b7dca0faeb", class: "toast__content", innerHTML: this.content, part: "toast__content" }, e("slot", { key: "59a95eece747a0a434c6730c84ca8138b7036b5c" })), e("button", { key: "413e402fb6504c7791d68e21b2dd333a79fb4e2e", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && e("swirl-icon-close", { key: "76fb12bf16bdd0f7dfb1d51becf2774e438921a3", ref: (t) => this.dismissIconEl = t }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.abc5c3b8.js → swirl-toggle-button.entry.ebf8a112.js}

@@ -1,4 +1,4 @@
-import { r as e, h as o } from "./index.b38ce485.js";
+import { r as e, h as o } from "./index.712081f1.js";
 import { c as r } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const s = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const t = r("button", {
       "button--pressed": this.isPressed
     });
-    return o("button", { key: "6428213e5bb688dcd518892f5f619ce8b4b0f7b1", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "f213af72aca0a1b2cb934f61c9be176887f1d48d", class: "button__label" }, this.label));
+    return o("button", { key: "f1fd00b70d49441eed96d0c3cd3b513abc2e2942", class: t, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, o("span", { key: "62b776441bc1175ff19ceaeebd19bb7ea9818b51", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.118bd8a0.js → swirl-toggle-group.entry.18201c94.js}

@@ -1,4 +1,4 @@
-import { r as g, c as i, h as o, g as r } from "./index.b38ce485.js";
+import { r as g, c as i, h as o, g as r } from "./index.712081f1.js";
 import "react";
 import "react-dom";
 const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-4);background-color:var(--s-surface-default);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1)}", n = l, d = class {
@@ -39,7 +39,7 @@ const l = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     });
   }
   render() {
-    return o("swirl-stack", { key: "bcc626996c6c4955fb5a3649b986d7c62a643cf5", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "fc82133e88334d3248f4ee31cb235e71c5446721", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "dd91f7ccecce01bf2bd29a155b888b1c7ff0325e", class: "toggle-group", spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "b22ba319fb73e5c448e513156f64f817766fd055", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.a140d26b.js → swirl-toolbar.entry.e8e08487.js}

@@ -1,8 +1,8 @@
-import { r as n, h as s, H as r, g as i } from "./index.b38ce485.js";
-import { b as c } from "./utils-877a768f.c277f897.js";
+import { r as n, h as s, H as r, g as i } from "./index.712081f1.js";
+import { b as a } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class {
+const c = ":host{display:block}:host *{box-sizing:border-box}", l = c, d = class {
   constructor(e) {
     n(this, e), this.onKeyDown = (t) => {
       t.code === "ArrowDown" || t.code === "ArrowRight" ? (t.preventDefault(), this.focusNextItem()) : (t.code === "ArrowUp" || t.code === "ArrowLeft") && (t.preventDefault(), this.focusPreviousItem());
@@ -27,7 +27,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     this.focusItem(e[o]);
   }
   getActiveItemIndex(e) {
-    const t = c();
+    const t = a();
     return e.findIndex((o) => o === (t == null ? void 0 : t.closest("swirl-button, swirl-chip")));
   }
   focusItem(e) {
@@ -44,7 +44,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = a, d = class
     });
   }
   render() {
-    return s(r, { key: "e2561eda6698db369a4c97c1f35cf03a901d0bc4" }, s("swirl-stack", { key: "3f45d178282426e5ac027d4bb0c58ef505c116f9", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "545bd3669c2dab02e60dabe810bb21ee13319509" })));
+    return s(r, { key: "0bd307a0ad1039736f25124308ad98dc4fa03d18" }, s("swirl-stack", { key: "626904a735a98982c9f84aa1e27e1e4b7cd78606", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "c4f06b12016aa2589d470ca1dcf4f53a3ed2c099" })));
   }
   get el() {
     return i(this);

package/dist/{swirl-tooltip.entry.56a5e0e4.js → swirl-tooltip.entry.925f3864.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as h, g as c } from "./index.b38ce485.js";
-import { b as d, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { r as p, h as i, H as h, g as d } from "./index.712081f1.js";
+import { b as c, c as m, a as u, o as f, s as b, f as w } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as y } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -14,7 +14,7 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        d({ element: this.arrowElement, padding: 12 })
+        c({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
       const e = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.x, o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.y;
@@ -70,17 +70,17 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(h, { key: "1a482a32a49e394974acc0614eace76e337c7275", onKeydown: this.onKeydown }, i("span", { key: "9f73d78cc853308520291ee20b7624d6ec64bd5e", class: a }, i("span", { key: "ff7e20853f18c9b3851a028e385db1fd85841333", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "ee9be7d542982f7d14b07e3648f24a11da92780e" })), i("span", { key: "fdfa09ae65125350e555b73417dc77be82edda0f", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return i(h, { key: "529375924a131657990ae49ca1577e384d7fb757", onKeydown: this.onKeydown }, i("span", { key: "6738c27b573fd2b6b9ddf090454a67fe1f28a7fa", class: a }, i("span", { key: "4152986331edada0253c5eee675c2841ddee4f21", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "15e1427b464e34bd69aa29527d99294e56e2a432" })), i("span", { key: "1632c52e95fd3b944ba6377beeab511deb1e995d", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
       top: Boolean(this.actualPosition) ? `${(s = this.actualPosition) == null ? void 0 : s.y}px` : "",
       left: Boolean(this.actualPosition) ? `${(e = this.actualPosition) == null ? void 0 : e.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "a632b60342e4194bf6eefecf1f7887da300ea007", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "78d2b5c880e4ed314723acb1200e61cc9e284428", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "757859caef4234141415d572db53a7b98e1375da", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && i("span", { key: "f25541f0a71832bc92bd90cadabb38e22c5e8f1a", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "e7e07ec6b2dbebe5a713e05d9c608a91f8128c80", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "5772550951013f59e059277ba958efc6380f8f73", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return c(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.137ecfe7.js → swirl-tree-navigation-item.entry.a4c2012d.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as d, g as o } from "./index.b38ce485.js";
+import { r, c as s, h as e, H as d, g as o } from "./index.712081f1.js";
 import { c as l } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
@@ -49,12 +49,12 @@ const h = ":host{display:inline-flex;width:100%}:host *{box-sizing:border-box}.t
       "tree-navigation-item__link--active": this.active,
       "tree-navigation-item__link--has-icon": Boolean(this.icon)
     });
-    return e(d, { key: "5f0a416341a790d9fca20539f5d461208e705f5b", role: "none" }, e("li", { key: "0d6030b2053a97e29d7b2aecdb6565954c5ac1e6", class: {
+    return e(d, { key: "f18b67c58e0aa8fac5291b8c0a6214852021cc6c", role: "none" }, e("li", { key: "7aa01185db544c5a5d9f97383c75dde04a22dc18", class: {
       "tree-navigation-item": !0,
       "tree-navigation-item--expanded": this.expanded
-    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "55b3fb27f9ea4ce1c616d9c89c3916fefbb9cf60", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "0a5abb5af6684ae7dd2925b46bce486fbd282d5d", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "06462246f92fbb5aaba518f29ec55124a11f8e5b", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "aa76ebdf77411ecdf68fffd89c1fbeff2b1b9c90", class: "tree-navigation-item__label" }, e("span", { key: "bf75096a94dafcaa46fbe5687e1d9fe782b0d433", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "fcdc469239e493c2442f80d721fe3b928e89789f", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "f8e831812d44292e51477360c668546614d3182e", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "d5f8d165ea028c4ea0d174af39fd9d74a156823c", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "ef766b1eb82aced5a99d684de308d2a18eeebb66", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "a85dda318d7e3fb0942b08dabe2d4a62c2c87f5f", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
+    }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : void 0, "aria-level": this.level }, e(i, { key: "817727ed7c788a5faa868fb25effdc3518167228", onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: a, href: this.href, target: this.target, type: t ? void 0 : "button", id: this.buttonId, "aria-current": this.active ? "page" : void 0, "aria-controls": this.hasChildren ? this.childrenId : void 0, "aria-expanded": this.hasChildren ? this.expanded : void 0 }, e("span", { key: "4a4a71f00bc9a9825a51d39a0dc4dacd3a099400", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "4b887aef2710b7d99ca08879cec167c5bf0d1811", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "0c2416f44caf82a332c79f70856f1b1f7aab93a0", class: "tree-navigation-item__label" }, e("span", { key: "99283c67764645d4eae695c7db89c9526f3cd108", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "0e97d7a64bfb73b2167d6778186cbf8db2981136", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "7c8e76613a0f2534c5f72315cd2266551f96f233", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "9a1783de80521b08918cf06081846b533b4052d6", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "5486be6428722d1b6b28f920f0bd17311c71ab99", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "ebf61cb2e6ec23082a58282e0028ce2dd68097e0", class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (n) => this.childrenRef = n, style: {
       height: this.childrenHeight
-    } }, e("slot", { key: "070dab2c0784d7c67e4fcfeb1b13193064b5c92a" }))));
+    } }, e("slot", { key: "519cdbd7d36202ad4ead9fd87900a70a6f0c7d11" }))));
   }
   get el() {
     return o(this);

package/dist/{swirl-tree-navigation.entry.d016b471.js → swirl-tree-navigation.entry.f16b6cde.js}

@@ -1,4 +1,4 @@
-import { r as t, h as e, H as i } from "./index.b38ce485.js";
+import { r as t, h as e, H as i } from "./index.712081f1.js";
 import "react";
 import "react-dom";
 const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = r, o = class {
@@ -6,7 +6,7 @@ const r = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     t(this, a), this.label = void 0;
   }
   render() {
-    return e(i, { key: "ffd4c41211a96139f8efe5c3f4d5bff1d742009c" }, e("ul", { key: "bd63e4512ada05959d4fcd07eccc2353b2d00406", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "7516fe5e5737ffe4c20dd84f7ebaed74dfca1b7c" })));
+    return e(i, { key: "359b8985019aacfff300043c67f0553a6ed87471" }, e("ul", { key: "f6bdb96a9817f370ab2b926faf8db231534d22b3", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "7fe3965d7916fcf181f851e55d303a413923cc40" })));
   }
 };
 o.style = s;

package/dist/{swirl-tree-view-item.entry.57dc799c.js → swirl-tree-view-item.entry.effa7d8d.js}

@@ -1,4 +1,4 @@
-import { r as b, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.b38ce485.js";
+import { r as w, c as d, f as l, h as n, F as f, H as u, g as y } from "./index.712081f1.js";
 import { c as _ } from "./index-267776a4.6beb4f4b.js";
 import { S as I } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as c } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
@@ -6,7 +6,7 @@ import "react";
 import "react-dom";
 const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}", D = x, k = class {
   constructor(t) {
-    b(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
+    w(this, t), this.dropTreeViewItem = d(this, "dropTreeViewItem", 7), this.expandedChange = d(this, "expandedChange", 7), this.itemSelected = d(this, "itemSelected", 7), this.startKeyboardMoveEvent = d(this, "startKeyboardMove", 7), this.endKeyboardMoveEvent = d(this, "endKeyboardMove", 7), this.keyboardMoveEvent = d(this, "keyboardMove", 7), this.onFocus = () => {
       this.selected || this.select();
     }, this.onKeyDown = (e) => {
       if (e.code === "Space") {
@@ -57,17 +57,17 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
         (i = (e = c).onStart) == null || i.call(e, t);
       },
       onEnd: (t) => {
-        var m, p, v, g, f;
+        var m, p, v, g, b;
         t.stopPropagation(), (p = (m = c).onEnd) == null || p.call(m, t);
-        const { from: e, to: i, newIndex: r, oldIndex: s, item: o } = t, a = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
+        const { from: e, to: i, newIndex: r, oldIndex: a, item: o } = t, s = (v = e.closest("swirl-tree-view-item")) == null ? void 0 : v.itemId, h = (g = i.closest("swirl-tree-view-item")) == null ? void 0 : g.itemId;
         this.dropTreeViewItem.emit({
           newIndex: r,
-          oldIndex: s,
+          oldIndex: a,
           item: o,
-          itemId: (f = o.id) != null ? f : o.querySelector(":scope > swirl-tree-view-item").id,
+          itemId: (b = o.id) != null ? b : o.querySelector(":scope > swirl-tree-view-item").id,
           newNextSiblingItemId: r < i.children.length - 1 ? i.children[r + 1].id : void 0,
           newPrevSiblingItemId: r > 0 ? i.children[r - 1].id : void 0,
-          sourceParentItemId: a,
+          sourceParentItemId: s,
           targetParentItemId: h
         });
       }
@@ -116,7 +116,7 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.movingViaKeyboard ? this.endKeyboardMove() : this.startKeyboardMove();
   }
   endKeyboardMove() {
-    var r, s, o, a;
+    var r, a, o, s;
     const { parent: t, position: e } = this.getItemContext();
     if (typeof this.canDrop == "function" && !this.canDrop({ parentId: t.id, position: e }))
       return;
@@ -128,9 +128,9 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       newIndex: e,
       oldIndex: this.positionBeforeKeyboardMove.position,
       newNextSiblingItemId: i.position < i.childrenCount - 1 ? (r = this.getElementToMove().nextElementSibling) == null ? void 0 : r.id : void 0,
-      newPrevSiblingItemId: i.position > 0 ? (s = this.getElementToMove().previousElementSibling) == null ? void 0 : s.id : void 0,
+      newPrevSiblingItemId: i.position > 0 ? (a = this.getElementToMove().previousElementSibling) == null ? void 0 : a.id : void 0,
       sourceParentItemId: (o = this.positionBeforeKeyboardMove.parent.id) != null ? o : void 0,
-      targetParentItemId: (a = this.getParentItem()) == null ? void 0 : a.id
+      targetParentItemId: (s = this.getParentItem()) == null ? void 0 : s.id
     }));
   }
   startKeyboardMove() {
@@ -150,24 +150,24 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       const o = e.nextElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").prepend(e), r && l(r);
-        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(a), a.expand();
+        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(s), s.expand();
       } else
         i && (i.parentElement.insertBefore(e, i.nextElementSibling), r && l(r));
     } else if (t === "up") {
       const o = e.previousElementSibling;
       if (o) {
         o.querySelector(".tree-view-item__children").appendChild(e), r && l(r);
-        const a = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(a), a.expand();
+        const s = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
+        l(s), s.expand();
       } else
         i && (i.parentElement.insertBefore(e, i), r && l(r));
     }
     requestAnimationFrame(() => {
       this.link.focus();
     }), this.checkKeyboardDropStatus();
-    const s = this.getKeyboardMoveEventData();
-    !s || this.keyboardMoveEvent.emit(s);
+    const a = this.getKeyboardMoveEventData();
+    !a || this.keyboardMoveEvent.emit(a);
   }
   checkKeyboardDropStatus() {
     const { parent: t, position: e } = this.getItemContext();
@@ -179,16 +179,16 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
     this.cannotKeyboardDropInCurrentPosition = !1;
   }
   render() {
-    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, s = _("tree-view-item", {
+    const t = Boolean(this.el.querySelector("swirl-tree-view-item")), e = Boolean(this.el.querySelector('[slot="tags"]')), i = Boolean(this.icon) && /\p{Extended_Pictographic}/u.test(this.icon), r = this.enableDragDrop && !t, a = _("tree-view-item", {
       "tree-view-item--active": this.active,
       "tree-view-item--cannot-keyboard-drop": this.cannotKeyboardDropInCurrentPosition,
       "tree-view-item--moving-via-keyboard": this.movingViaKeyboard,
       "tree-view-item--disable-drag": this.disableDrag,
       "tree-view-item--has-tags": e
     });
-    return n(u, { key: "23b8e5281a53f8707d990368f46b2a9810d20fa2", id: this.itemId, role: "none" }, n("li", { key: "aac1855ae0f7cad6a26735e1eb23c67f99bba737", class: s, role: "none" }, n("a", { key: "72bbd772c2f78d2e91e0d584387794de0694a396", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "5010453afe5af040148fd4507f0dc2e75a573f7f", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "d933894d661434ab4ec19c525e3fd8fca29e10ee", size: 20 })), this.expandable && n("span", { key: "be633a37e2aa2d2e7267833b1f8933a72cc484e7", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "76b88fd0783cd5d9fee1b2e950ed4db18060c1e4" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(w, { key: "bc95015cced5867204a8a10235cf45a48daa5fc4" }, n("span", { key: "d53f7711f0101ee14940070cc28e7a4d7032d9d7", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "25111e86c433cbba58516946b42036e25fc1873e", class: "tree-view-item__label" }, this.label), n("span", { key: "2f30cf45fb918cb3964c38317bf8246ee96bc09c", class: "tree-view-item__tags" }, n("slot", { key: "857ea08895969d6b1ad13ad7a920da0f768a01d3", name: "tags" }))), n("ul", { key: "df9aed076bb9831f5063e32a727c7c59afab9714", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
+    return n(u, { key: "11f945581b2760fddabaa767359c5a2902b25cb5", id: this.itemId, role: "none" }, n("li", { key: "9124bab079d33cd3ee541e50ec3278b3bbd2f2b1", class: a, role: "none" }, n("a", { key: "189f49bd8978bb4effabedd63af16cfb8a11fc5e", "aria-current": this.active ? "page" : void 0, "aria-expanded": t ? String(this.expanded) : void 0, "aria-level": this.level + 1, "aria-owns": t ? `${this.itemId}-children` : void 0, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (o) => this.link = o, role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && n("span", { key: "57a4537fbb33910a26763c24181e00f024a07293", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "7567a5e0b97d58fdd90e4b57bc97f787d50d1603", size: 20 })), this.expandable && n("span", { key: "08fb4422ade1e4a47337fc2d85c57d8fe8315478", class: "tree-view-item__toggle-icon" }, t && n(f, { key: "2a79ab7004596204a9b2f29d5f0ca90776df7633" }, this.expanded ? n("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : n("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && n(f, { key: "935788f84153764f54d6ca441b66be7172912dc4" }, n("span", { key: "c10a6b7e86db978bd096e0d57615c2fbaa250284", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "59d6dc11da28dbd760408ee8dcce3cbd35224ef3", class: "tree-view-item__label" }, this.label), n("span", { key: "df26c2bf6d92eb0ccc057c0fd486ca9fb765fcc5", class: "tree-view-item__tags" }, n("slot", { key: "e818a56e60b8a270846d22e4e719724f04cd5c49", name: "tags" }))), n("ul", { key: "2bab49ba6fe881e5e23f987e9969ec8793f3361f", "aria-label": this.label, class: `tree-view-item__children ${r ? "tree-view-item__children--drop-zone" : ""}`, id: `${this.itemId}-children`, ref: (o) => this.childList = o, role: "group", style: {
       display: (!this.expanded || !t) && !r ? "none" : void 0
-    } }, n("slot", { key: "c02878c54039257dd7ffb2165e910adaacc37507" }))));
+    } }, n("slot", { key: "94bc6c05acf1fcce468491f17c61bb0f8a8a01bd" }))));
   }
   get el() {
     return y(this);

package/dist/{swirl-tree-view.entry.f694dae2.js → swirl-tree-view.entry.a177238b.js}

@@ -1,5 +1,5 @@
-import { r as g, c as h, f as p, h as c, H as I, g as w } from "./index.b38ce485.js";
-import { S as f } from "./sortable.esm-0bfddf0c.953ca6a6.js";
+import { r as g, c as h, f as p, h as c, H as I, g as f } from "./index.712081f1.js";
+import { S as w } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { t as m } from "./swirl-tree-view.config-82c9ecaa.3ff1cfa4.js";
 import "react";
 import "react-dom";
@@ -79,7 +79,7 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     t.forEach((r) => r.unselect()), Boolean(e) ? e.select() : (i = t[0]) == null || i.select();
   }
   setUpDragDrop() {
-    this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop && (this.sortable = new f(this.listElement, {
+    this.sortable && (this.sortable.destroy(), this.sortable = void 0), this.enableDragDrop && (this.sortable = new w(this.listElement, {
       ...m,
       draggable: this.dragDropItemSelector,
       onMove: (e) => {
@@ -199,10 +199,10 @@ const x = "swirl-tree-view{display:block}swirl-tree-view *{box-sizing:border-box
     i !== this.liveRegionText && (this.liveRegionText = i);
   }
   render() {
-    return c(I, { key: "678b41d203dee35c80b90b3c3fca2f81f9984934" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "4b692860fdc7ddc49a71241021f32c8654fef6ca" }, c("span", { key: "ff928c6c929c94e24a29853c216641038bde5b77", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "9851185b8627512031aa019c8a4e68b99f364085", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "d80f8a83a5f25dd3a96630a192cb8047b0db9387", onSlotchange: this.onSlotChange })));
+    return c(I, { key: "5d42e2eab6b3f055af16fa301b7f9f37013d351c" }, this.enableDragDrop && c("swirl-visually-hidden", { key: "7117b34c427a388225ac21e0d6ccb83134161d69" }, c("span", { key: "2b4b20565b1feedfa7efe6f08372aa8260f6be00", "aria-live": "assertive" }, this.liveRegionText)), c("ul", { key: "31419fcb2054dc1c22e7046a3eefdc272a4253a5", "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (e) => this.listElement = e, tabIndex: -1 }, c("slot", { key: "fcea6992704f7a61c812c6d7fec08f841105af56", onSlotchange: this.onSlotChange })));
   }
   get el() {
-    return w(this);
+    return f(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-video-thumbnail.entry.75e1c500.js → swirl-video-thumbnail.entry.85316071.js}

@@ -1,4 +1,4 @@
-import { r as e, h as n, H as a } from "./index.b38ce485.js";
+import { r as e, h as n, H as a } from "./index.712081f1.js";
 import "react";
 import "react-dom";
 const t = `:host {
@@ -79,7 +79,7 @@ const t = `:host {
     e(this, i), this.durationLabel = "Duration", this.duration = void 0, this.label = void 0, this.src = void 0;
   }
   render() {
-    return n(a, { key: "c8222b303f7878f6bc1e9dacef086d64662bdb70" }, n("button", { key: "93fc15bec01b3c435ee0195fc73f101f0291b91a", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "248050ec128b3c538e9627f567ca1b957cffde02", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "5f3aa56cfd6256c7e0097adad6a027eb33bafb30", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "8b1b2bbb76a2124c70d6fa06f222019820c1f73b" }, this.durationLabel), this.duration), n("svg", { key: "eb6d5cd1ec93bf6e788152d4548b892b583a0918", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "8a8415b2bfd731fe9465a634dfd7a4a8eeedc2fb", 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 n(a, { key: "8cfb7e53037587a1685a13a2ca10eea9ef711da4" }, n("button", { key: "2d77530a617388cadddce3cb4fea5a3404e48ec3", "aria-describedby": this.duration !== void 0 ? "duration" : void 0, "aria-label": this.label, class: "video-thumbnail", type: "button" }, n("img", { key: "f030fd3f0909d31cca84a44ba41aa0ef0bb5a866", alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && n("span", { key: "7d4c745e47ecd04ff9323a8070918913e284a0d9", class: "video-thumbnail__duration", id: "duration" }, n("swirl-visually-hidden", { key: "4ff3a1d09f382c347bca34d046b7ce0a5026dd7e" }, this.durationLabel), this.duration), n("svg", { key: "799ca22c57a83ee81f9579fabf95e43da71051b9", class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, n("path", { key: "066803c1874855c5a2389bfb4f45fd0a27947355", 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" }))));
   }
 };
 s.style = o;