@getflip/swirl-components-react 0.341.2 → 0.342.0

package/dist/{swirl-table-row-group.entry.91ad5123.js → swirl-table-row-group.entry.4273a282.js}

@@ -1,7 +1,7 @@
-import { r as o, h as e, H as l, g as r } from "./index.1e93dc97.js";
+import { r as o, h as e, H as a, g as l } from "./index.adb2af81.js";
 import "react";
 import "react-dom";
-const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = class {
+const r = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:border-box}:host(:hover),:host(:focus-within){z-index:2}.table-row-group__header-row{position:relative;z-index:var(--s-z-10);padding:var(--s-space-12) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-surface-raised-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);display:flex;align-items:center}.table-row-group__label{position:sticky;left:var(--s-space-16)}.table-row-group__tooltip{display:inline-flex;margin-left:var(--s-space-4);vertical-align:middle}.table-row-group__tooltip-icon{color:var(--s-icon-default)}.table-row-group__collapse-icon{color:var(--s-icon-default);padding-right:var(--s-space-20)}.table-row-group__rows-container{overflow:visible clip;transition:height 0.3s ease-out}.table-row-group__rows-container.is-hidden{height:0}.sc-swirl-button-h{display:flex}", n = class {
   constructor(i) {
     o(this, i), this.collapsible = !1, this.collapseButtonLabel = "Previous slide", this.isVisible = !0, this.toggleShowItems = () => {
       if (this.headerRowElement.focus(), !this.tableRowElements)
@@ -20,16 +20,16 @@ const a = ":host{position:relative;z-index:1;display:block}:host *{box-sizing:bo
   }
   render() {
     const i = this.el.querySelectorAll("swirl-table-row").length, t = this.isVisible ? "<swirl-icon-expand-less></swirl-icon-expand-less" : "<swirl-icon-expand-more></swirl-icon-expand-more";
-    return e(l, { key: "2df2e0a4d3398806765199d1b4ee05a2a733e856", class: "table-row-group", role: "rowgroup" }, e("div", { key: "da709f7f18f86c374edee6b5b8b23ec2e3b12f6f", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "69763539f49291b5b0a568744386b4acdc221bee", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "f9945e04d9d0dc0789ac4732084d3cb6806eb827", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "6b9f336fbf7016fb02df76389e355bb0fe28f172", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "c52b36be95b873ad3c18369a03557394a622f33e", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "db164deccbe9bb63e877696d85da59d6aa1b6976", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "2a67522517229c2641ec280b038a14aceb877d4e", class: {
+    return e(a, { key: "0a48f82c84a9e57215b580502a781077ad4d2807", class: "table-row-group", role: "rowgroup" }, e("div", { key: "d1aebfdd35df1b9bd2c158e27187e3f2e835899e", class: "table-row-group__header-row", role: "row", ref: (s) => this.headerRowElement = s }, this.collapsible && e("swirl-button", { key: "2b2bdedfb3b6fc23fa550dab0036d8abf9b760df", class: "table-row-group__collapse-icon", icon: t, label: this.collapseButtonLabel, onClick: this.toggleShowItems, swirlAriaExpanded: String(this.isVisible), variant: "plain", hideLabel: !0 }), e("span", { key: "9343cee35ae131681acd85cf7f22ea55f3991dad", "aria-rowspan": i, class: "table-row-group__label", role: "rowheader" }, this.label, this.tooltip && e("span", { key: "b77b57310e52a8bb5ca44ea91d88cbe63ef11a9d", class: "table-row-group__tooltip" }, e("swirl-tooltip", { key: "77387a747dd7ceb38e3c1154b878fbaf25e216a2", content: this.tooltip, position: "top", positioning: "fixed" }, e("swirl-icon-info", { key: "ca4d50de3d47a2a9a9d06c38c01482463ecb2e99", size: 16, tabIndex: 0, class: "table-row-group__tooltip-icon" }))))), e("div", { key: "29e4730587e4352d9664c8d935324b91fb7ce69c", class: {
       "table-row-group__rows-container": !0,
       "table-row-group__rows-container--is-hidden": this.isVisible
-    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "2d0d3ff8657976ccc7f1fc56efa5e2d72b247d49" })));
+    }, "aria-hidden": !this.isVisible, ref: (s) => this.tableRowElements = s }, e("slot", { key: "e14a618973699bd57b71068f63e80fc1c020bcf1" })));
   }
   get el() {
-    return r(this);
+    return l(this);
   }
 };
-n.style = a;
+n.style = r;
 export {
   n as swirl_table_row_group
 };

package/dist/{swirl-table-row.entry.cec776d9.js → swirl-table-row.entry.4f7e7f23.js}

@@ -1,27 +1,27 @@
-import { r, h as o, H as e, g as s } from "./index.1e93dc97.js";
-import { c as l } from "./index-orsBiyT_.fc4357c3.js";
-import { l as a } from "./utils-D_MUFqkF.654ff3ce.js";
+import { r as o, h as e, H as r, g as s } from "./index.adb2af81.js";
+import { c as a } from "./index-orsBiyT_.fc4357c3.js";
+import { l } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
-const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", d = class {
+const i = ":host{display:flex}:host(.table-row--highlighted){--swirl-ghost-button-background-default:transparent}:host(.table-row--highlighted) ::slotted(.table-cell){background-color:rgba(240, 242, 255, 1);}:host(.table-row--moving){border:var(--swirl-table-moving-row-border)}:host ::slotted(.table-cell){border-bottom:var(--s-border-width-default) solid var(--s-border-default)}:host *{box-sizing:border-box}", b = class {
   constructor(t) {
-    r(this, t);
+    o(this, t);
   }
   componentDidLoad() {
-    const t = a(this.el, "swirl-table");
+    const t = l(this.el, "swirl-table");
     t == null || t.rerender();
   }
   render() {
-    const t = l("table-row", {
+    const t = a("table-row", {
       "table-row--highlighted": this.highlighted
     });
-    return o(e, { key: "6d68a1c9335af7981b5085df39f2a723fcfb4a48", "aria-rowindex": this.index, class: t, role: "row" }, o("slot", { key: "5ee31918b9973d95103d95c19c2515841dfd000c" }));
+    return e(r, { key: "48c812f4b961c65ec4ab29f97be7d8988b2c50ac", "aria-rowindex": this.index, class: t, role: "row" }, e("slot", { key: "9ce58a93181339aba20506f9f76d8799e9ff50af" }));
   }
   get el() {
     return s(this);
   }
 };
-d.style = i;
+b.style = i;
 export {
-  d as swirl_table_row
+  b as swirl_table_row
 };

package/dist/{swirl-table.entry.b07b667b.js → swirl-table.entry.1642945c.js}

@@ -1,4 +1,4 @@
-import { r as x, c as _, h as a, H as R, g as k } from "./index.1e93dc97.js";
+import { r as x, c as _, h as a, H as R, g as k } from "./index.adb2af81.js";
 import { c as L, g as O } from "./index-orsBiyT_.fc4357c3.js";
 import { S as T } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { d as A, i as f, q } from "./utils-D_MUFqkF.654ff3ce.js";
@@ -296,7 +296,7 @@ const B = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
     const e = L("table", {
       "table--keyboard-move": this.movingViaKeyboard
     });
-    return a(R, { key: "6ac7943bed99ed6dee6b23279be8b1f62dfe8e67" }, a("div", { key: "82ca365e14c36629fcbd0221e0da8e59b073d676", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "987b960eccd844f9126d12eda6491ed20e401802" }, a("span", { key: "63a94363be802c91bb216942a8181e408144a3bc", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "b8c5c587032a6f60102d8a9d2081afe5d5c031e2", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (t) => this.container = t, tabIndex: -1 }, a("div", { key: "def66679842180515d74c1c823824649a2f54feb", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "ec4799f7ba6378597407e34eaa54b941b2f08026" }, a("div", { key: "fd01bce61ec23017550047f6ae7883045358c397", id: "caption" }, this.caption)), a("div", { key: "bec37516e678e60867e9d3d3e41303b9356ece8f", role: "rowgroup" }, a("div", { key: "8b81ce54bfaf2ad3152e27cf69ed8734b855105c", class: "table__header", role: "row" }, a("slot", { key: "f644cbc6793dfa040d58db5ee92eae3492a7b4bd", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "a5a6e780561cba1146741dc4e3c3559d61672fb4", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "870b5ff3c5a35a3cd7edc9e83043bc5134fb6472", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "e32257ee7037ea873d234500e2c1ae71c1b7e9bd", class: "table__empty-row", role: "row" }, a("div", { key: "2209b3bc8b213d97e1464d1af103d8e1ed24f4b1", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "a30ce46a5abe8781812970089bb1fafeaeb042d3", align: "center", size: "sm" }, this.emptyStateLabel))))))));
+    return a(R, { key: "21e04abde388d147ed56c1445b16047f955b03ea" }, a("div", { key: "42d6c1de4e2ea4526f0de3ca7273fffcbee69275", class: e }, this.enableDragDrop && a("swirl-visually-hidden", { key: "3ac89e7a8acf5b018eb04daa9ebf954650c35bfe" }, a("span", { key: "df86027ddeb2bff6ea14d3dc79d18b5b8e9a6141", "aria-live": "assertive" }, this.liveRegionText)), a("div", { key: "0cc22d0353fde2904244ea9e68e936c756774a7a", class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (t) => this.container = t, tabIndex: -1 }, a("div", { key: "cbffaa62993ef94c81c4851ed0c9ffd0cbd07828", "aria-describedby": Boolean(this.caption) ? "caption" : void 0, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && a("swirl-visually-hidden", { key: "0badaa89abb5152555ac6a268141172bc4f0005f" }, a("div", { key: "63af3e64092ced0cb51f351ba21cd4989e29de2b", id: "caption" }, this.caption)), a("div", { key: "2aee2dcf8961f97efa0a5786c0a4c089c3baf316", role: "rowgroup" }, a("div", { key: "f09bda45e11e1cd5b012b464cc42a14e88494ca2", class: "table__header", role: "row" }, a("slot", { key: "ae7557ed4b154e13277d0e800a8768e7cf851596", name: "columns", onSlotchange: this.onSlotChange }))), a("div", { key: "40d9fc785daffde2da8fd4a32a91bbe05015b4a8", class: "table__body", ref: (t) => this.bodyEl = t }, a("slot", { key: "db7f66365097ef5d3fbe08154eb00a99783bc93f", name: "rows", onSlotchange: this.onSlotChange }), this.empty && a("div", { key: "bf421c60cbf33505c97cc012cbc3562834b553a0", class: "table__empty-row", role: "row" }, a("div", { key: "a011ebbb267c805808f0d0b7369bdb484d34212f", "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, a("swirl-text", { key: "566369471b3b38bb687c7972e43b7b2f74b21a54", align: "center", size: "sm" }, this.emptyStateLabel))))))));
   }
   get el() {
     return k(this);

package/dist/{swirl-tabs.entry.c7c550d6.js → swirl-tabs.entry.ca4f35d9.js}

@@ -1,10 +1,10 @@
-import { r as b, c, h as s, H as r, g as n } from "./index.1e93dc97.js";
+import { r as b, c as r, h as s, H as n, g as c } from "./index.adb2af81.js";
 import { n as e } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
 const d = ".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 = class {
   constructor(t) {
-    b(this, t), this.tabActivated = c(this, "tabActivated", 7), this.tabBarVariant = "default", this.tabBarTabs = [], this.tabs = [], this.onActivateNextTab = () => {
+    b(this, t), this.tabActivated = r(this, "tabActivated", 7), this.tabBarVariant = "default", this.tabBarTabs = [], this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
@@ -51,10 +51,10 @@ const d = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(r, { key: "985b576d92f8c2ad0cd56cfdae08ccef50d225ae" }, s("div", { key: "91a5fd20b2018d08a4259ccc9c5f2c3ad38b6c25", class: "tabs" }, s("swirl-tab-bar", { key: "929c8f8246a84f0e96f6e3dc81be05770ed41585", label: this.label, onActivateNextTab: this.onActivateNextTab, onActivatePreviousTab: this.onActivatePreviousTab, onActivateTab: this.onActivateTab, tabs: this.tabBarTabs, justify: this.justifyTabBar, paddingBlockEnd: this.tabBarPaddingBlockEnd, paddingBlockStart: this.tabBarPaddingBlockStart, paddingInlineEnd: this.tabBarPaddingInlineEnd, paddingInlineStart: this.tabBarPaddingInlineStart, variant: this.tabBarVariant })), s("slot", { key: "a53f0291ab3649493917c4983d246cb7821993c6" }));
+    return s(n, { key: "9623c8647e5180bc5d3c370728a562bcd3eba0e9" }, s("div", { key: "5d7ce77e2ea6bc49bfd6aa0c036908a3c386b576", class: "tabs" }, s("swirl-tab-bar", { key: "afa879612a55e6f3fc1713e7fe93ea043a0abef6", 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: "d9a6546731aaa83123d2c20bd466af19d7f93386" }));
   }
   get el() {
-    return n(this);
+    return c(this);
   }
 };
 h.style = d;

package/dist/{swirl-text-input.entry.859c0014.js → swirl-text-input.entry.12308cf1.js}

@@ -1,4 +1,4 @@
-import { r as h, c as n, h as i, H as c } from "./index.1e93dc97.js";
+import { r as h, c as n, h as i, H as c } from "./index.adb2af81.js";
 import { c as d } from "./index-orsBiyT_.fc4357c3.js";
 import { D as x } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";

package/dist/{swirl-text.entry.8ec949a7.js → swirl-text.entry.cd144e53.js}

@@ -1,4 +1,4 @@
-import { r as lt, h as Z, H as ct, g as ht } from "./index.1e93dc97.js";
+import { r as lt, h as Z, H as ct, g as ht } from "./index.adb2af81.js";
 import { c as dt, g as ft } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -287,7 +287,7 @@ const vt = ".sc-swirl-text-h{display:block;max-width:100%}.sc-swirl-text-h *.sc-
     }), r = {
       whiteSpace: l ? "nowrap" : this.whiteSpace
     };
-    return Z(ct, { key: "02ebd4d3457d906cf717fe7eac978566d35cf19e" }, Z(o, { key: "105cf1a41d3f2b281b42603abce0ab06cc4c8bb1", class: a, ref: (c) => this.textEl = c, style: r }, Z("slot", { key: "8885f733ac20972898543cb2340a74f077aa1542" })));
+    return Z(ct, { key: "276b21dc5eb8e517fd3d4afef881762df9f87347" }, Z(o, { key: "198d07976dbfe3a6f19eb80d733d7fc0dfad9073", class: a, ref: (c) => this.textEl = c, style: r }, Z("slot", { key: "cc2b27ae768a9ece64a4e3426b9b461b94dbdab8" })));
   }
   get el() {
     return ht(this);

package/dist/{swirl-theme-provider.entry.9f21c73e.js → swirl-theme-provider.entry.8e3a662a.js}

@@ -1,4 +1,4 @@
-import { r as m, c as a, h as o, H as d } from "./index.1e93dc97.js";
+import { r as m, c as a, h as o, H as d } from "./index.adb2af81.js";
 import "react";
 import "react-dom";
 const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-theme", c = class {
@@ -80,7 +80,7 @@ const l = ".sc-swirl-theme-provider-h{display:unset}", i = "swirl-preferred-them
     }), this.setDesignTokens = [];
   }
   render() {
-    return o(d, { key: "c22d47958bffaead8a397106da038718a536d2d8" }, o("slot", { key: "463c59047203c89afcf8cf86992fd797616d8c13" }));
+    return o(d, { key: "6c6c11bb3f9ba7d6bcf4ca50e3196665d7fd7809" }, o("slot", { key: "5cd28f14bd3565662d9cd6321e61712e0f8e346e" }));
   }
   static get watchers() {
     return {

package/dist/{swirl-time-input.entry.d76ea5cc.js → swirl-time-input.entry.511babc0.js}

@@ -1,5 +1,5 @@
-import { r as m, c as n, h as s, H as h, g as p } from "./index.1e93dc97.js";
-import { c as d } from "./index-orsBiyT_.fc4357c3.js";
+import { r as m, c as n, h as s, H as h, g as d } from "./index.adb2af81.js";
+import { c as p } from "./index-orsBiyT_.fc4357c3.js";
 import { I as a, i as o, f as r, p as l } from "./index-D3UoejeY.7db8c51e.js";
 import { D as f } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
@@ -97,13 +97,13 @@ const g = ".sc-swirl-time-input-h{display:flex;width:100%}.sc-swirl-time-input-h
     }
   }
   render() {
-    const i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = d("time-input", {
+    const i = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = p("time-input", {
       "time-input--inline": this.inline
     });
-    return s(h, { key: "8947322735a4ce58217aff86dcc3b5132905b82a" }, s("div", { key: "1368952e9638f3337d3b67b3ce6a22ce9c736dfd", class: t }, s("input", { key: "23299e8dce3200618853f2bc319fdfc741f215e1", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, type: "text" }), s("span", { key: "d793539f7f1b7027a97d02649f1f89a5251ceb33", class: "time-input__icon" }, s("swirl-icon-time-outlined", { key: "3fe2d103178eb908b82fa0fed4918253de760618", size: this.iconSize }))));
+    return s(h, { key: "f80e64e9a088352fcd34f68b4ea166e77ddfd63c" }, s("div", { key: "72a3a519ca7b87a3377bd4ca48b8df554a7fb179", class: t }, s("input", { key: "b3ed72aa280415fc2acc9da30f77a0690427e112", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": i, autoFocus: this.autoFocus, class: "time-input__input", disabled: this.disabled, id: this.id, inputmode: "numeric", onBlur: this.onBlur, onClick: this.onClick, onFocus: this.onFocus, placeholder: this.placeholder, ref: (e) => this.inputEl = e, required: this.required, type: "text" }), s("span", { key: "192be07868daacc20dfe30f97d4e642a88f2cbe3", class: "time-input__icon" }, s("swirl-icon-time-outlined", { key: "9c7737f4dd0f86dbe489467fa97599bbb952b8a1", size: this.iconSize }))));
   }
   get el() {
-    return p(this);
+    return d(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-toast-provider.entry.cae3886d.js → swirl-toast-provider.entry.c6de5354.js}

@@ -1,9 +1,9 @@
-import { r, h as o, H as e } from "./index.1e93dc97.js";
+import { r as e, h as o, H as r } from "./index.adb2af81.js";
 import "react";
 import "react-dom";
 const h = class {
   constructor(t) {
-    r(this, t), this.toasts = [], this.onDismiss = (s) => {
+    e(this, t), this.toasts = [], this.onDismiss = (s) => {
       this.toasts = [...this.toasts].filter((i) => i.toastId !== s.detail);
     };
   }
@@ -27,7 +27,7 @@ const h = class {
     return this.toasts = [...this.toasts, i], i;
   }
   render() {
-    return o(e, { key: "340f08d78ec9bdfc9385d0f936dc939d0e9af5e3", role: "status" }, o("swirl-stack", { key: "9195c9bcf7968755d17efec31b22ac9448710757", spacing: "12" }, this.toasts.map((t) => {
+    return o(r, { key: "b9251a6666040339629560ea31d1e1605ef576ec", role: "status" }, o("swirl-stack", { key: "88ce7774cc76eb658d5df270b71ee7829e525a7b", spacing: "12" }, this.toasts.map((t) => {
       const s = { ...t, content: void 0 };
       return o("swirl-toast", { key: t.toastId, onDismiss: this.onDismiss, ...s }, t.content);
     })));

package/dist/{swirl-toast.entry.ec5e2c60.js → swirl-toast.entry.36d603e5.js}

@@ -1,4 +1,4 @@
-import { r as o, c as r, h as i, H as n } from "./index.1e93dc97.js";
+import { r as o, c as r, h as i, H as n } from "./index.adb2af81.js";
 import { c } from "./index-orsBiyT_.fc4357c3.js";
 import { D as d } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
@@ -37,7 +37,7 @@ const l = ":host{display:flex}:host *{box-sizing:border-box}.toast{display:flex;
   }
   render() {
     const t = c("toast", `toast--intent-${this.intent}`);
-    return i(n, { key: "28d7e9b4880ba7d10cb4556896068f9953c84598" }, i("div", { key: "9e622ea4c91438b154decd9130eaaa5fee3a67ad", class: t }, this.icon && i("span", { key: "5d78d3b7308aa64ce6497c4371a5f3faae73e0eb", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "e632aedeaa4587112e365bd6e07ee16e13fcfc8b", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "13452b81c0caad1453bcf4b74d04c8fd7c758123" })), i("button", { key: "8ebe04383e3e41914ec51552478e65c5d5d091c5", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "635d3dcba82fbbeb1c7f5802c0bdeb403099d47d", ref: (s) => this.dismissIconEl = s }))));
+    return i(n, { key: "2d4b68cbbdf8aaff245ea797c8b9c26440d023aa" }, i("div", { key: "fcde9c6c80a193439a3b7ba98a876d3e7a49cd9c", class: t }, this.icon && i("span", { key: "3d685b9a24567e0f467f3c0f3571971de914811c", class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (s) => this.iconEl = s }), i("span", { key: "faa8044dd5898711d3b6decd35ad04071b9e2cf5", class: "toast__content", innerHTML: this.content, part: "toast__content" }, i("slot", { key: "979d6f175de3412948215b26323b7ef8085486fd" })), i("button", { key: "2d6e4edf2282cb0706781fb2be4088fba1462d88", "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && i("swirl-icon-close", { key: "ddbe6c75f32af598083000547731c96b45bed9e3", ref: (s) => this.dismissIconEl = s }))));
   }
   static get watchers() {
     return {

package/dist/{swirl-toggle-button.entry.d886913e.js → swirl-toggle-button.entry.5897ae56.js}

@@ -1,4 +1,4 @@
-import { r as s, h as t } from "./index.1e93dc97.js";
+import { r as s, h as t } from "./index.adb2af81.js";
 import { c as o } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -12,7 +12,7 @@ const i = ":host{display:inline-block}:host *{box-sizing:border-box}.button{disp
     const e = o("button", {
       "button--pressed": this.isPressed
     });
-    return t("button", { key: "dcb91b8065b7410ce664beea17ebfc0d5d945823", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "18abbd60dc948266a17d03ba3e8ae1f979609c85", class: "button__icon", glyph: this.icon }), t("span", { key: "b4cfa80623fe9a9ffea4ad1e1625bdde5d54972f", class: "button__label" }, this.label));
+    return t("button", { key: "926b22f035af84c2300305d1a72ec6e85731ceef", class: e, type: "button", "aria-pressed": this.isPressed ? "true" : "false", onClick: this.onClick }, this.icon && t("swirl-icon", { key: "5bc19f1f9b7f8143c783fd0c248481c45d76fca8", class: "button__icon", glyph: this.icon }), t("span", { key: "8c11447d58a8e271e1ba7e815c6668a93527a64d", class: "button__label" }, this.label));
   }
 };
 n.style = i;

package/dist/{swirl-toggle-group.entry.19b322d0.js → swirl-toggle-group.entry.4bca40fc.js}

@@ -1,27 +1,27 @@
-import { r as i, c as g, h as o, g as r } from "./index.1e93dc97.js";
+import { r as i, c as g, h as o, g as r } from "./index.adb2af81.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
 const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-group{padding:var(--s-space-2);background-color:var(--s-surface-sunken-default);border-radius:var(--s-space-8);transition:box-shadow 0.3s}.toggle-group--elevated{box-shadow:var(--s-shadow-level-2)}.toggle-group--variant-outline{outline:var(--s-border-width-default) solid var(--s-border-strong);outline-offset:calc(var(--s-border-width-default) * -1)}", n = class {
-  constructor(t) {
-    i(this, t), this.selectedToggleChange = g(this, "selectedToggleChange", 7), this.variant = "flat", this.toggleButtons = [], this.onSlotChange = () => {
+  constructor(e) {
+    i(this, e), this.selectedToggleChange = g(this, "selectedToggleChange", 7), this.variant = "flat", this.toggleButtons = [], this.onSlotChange = () => {
       this.toggleButtons = Array.from(this.el.querySelectorAll("swirl-toggle-button")), this.setTogglePressedStates();
     };
   }
-  watchSelectedToggleId(t, e) {
-    t !== e && (this.selectedToggleChange.emit(t), this.setTogglePressedStates());
+  watchSelectedToggleId(e, t) {
+    e !== t && (this.selectedToggleChange.emit(e), this.setTogglePressedStates());
   }
-  onClick(t) {
-    const e = t.target;
-    if ((e == null ? void 0 : e.tagName) === "SWIRL-TOGGLE-BUTTON") {
-      t.stopPropagation();
-      const s = e;
+  onClick(e) {
+    const t = e.target;
+    if ((t == null ? void 0 : t.tagName) === "SWIRL-TOGGLE-BUTTON") {
+      e.stopPropagation();
+      const s = t;
       this.selectedToggleId = s.identifier;
     }
   }
   setTogglePressedStates() {
-    var e;
-    if (!((e = this.toggleButtons) != null && e.length))
+    var t;
+    if (!((t = this.toggleButtons) != null && t.length))
       return;
     if (!this.selectedToggleId) {
       this.toggleButtonWithId(this.toggleButtons[0].identifier);
@@ -33,17 +33,17 @@ const a = ":host{display:inline-block}:host *{box-sizing:border-box}.toggle-grou
     }
     this.toggleButtonWithId(this.selectedToggleId);
   }
-  toggleButtonWithId(t) {
-    var e;
-    !((e = this.toggleButtons) != null && e.length) || this.toggleButtons.forEach((s) => {
-      s.identifier === t ? s.isPressed = !0 : s.isPressed = !1;
+  toggleButtonWithId(e) {
+    var t;
+    !((t = this.toggleButtons) != null && t.length) || this.toggleButtons.forEach((s) => {
+      s.identifier === e ? s.isPressed = !0 : s.isPressed = !1;
     });
   }
   render() {
-    const t = l("toggle-group", `toggle-group--variant-${this.variant}`, {
+    const e = l("toggle-group", `toggle-group--variant-${this.variant}`, {
       "toggle-group--elevated": this.elevated
     });
-    return o("swirl-stack", { key: "d2dbbfaaa342841f0258201bf0bb79754c447674", class: t, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "1b27cec315a21a909807e8573cbbd8e68bea59a4", onSlotchange: this.onSlotChange }));
+    return o("swirl-stack", { key: "1336e6afe326855117371796717b192b6feae03c", class: e, "aria-label": this.swirlAriaLabel, spacing: "4", orientation: "horizontal", align: "center", role: "group" }, o("slot", { key: "06a8f3227d4ceaced08dce8833060f8884e8f3ed", onSlotchange: this.onSlotChange }));
   }
   get el() {
     return r(this);

package/dist/{swirl-toolbar.entry.0faca67d.js → swirl-toolbar.entry.e6d07589.js}

@@ -1,4 +1,4 @@
-import { r, h as s, H as n, g as i } from "./index.1e93dc97.js";
+import { r, h as s, H as n, g as i } from "./index.adb2af81.js";
 import { k as c } from "./utils-D_MUFqkF.654ff3ce.js";
 import "react";
 import "react-dom";
@@ -44,7 +44,7 @@ const a = ":host{display:block}:host *{box-sizing:border-box}", l = class {
     });
   }
   render() {
-    return s(n, { key: "2d018723df0504d079bd06f5ab0ea2e3bfc52704" }, s("swirl-stack", { key: "4f351ced517b008f1c14941899f0c58810ad0b41", align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: !0 }, s("slot", { key: "c545dc86146c60eb2233c7796f1349a8c4cddcbf" })));
+    return s(n, { key: "f32d5adcf9bdee0346d94c9750c83f337319cb5f" }, s("swirl-stack", { key: "c869e7574e4b7f52aed15a216e03683c734cc5b8", 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: "45b024a3963d2d473b2a859c1cf035457d5800b2" })));
   }
   get el() {
     return i(this);

package/dist/{swirl-tooltip.entry.c5cedb8e.js → swirl-tooltip.entry.14f60758.js}

@@ -1,5 +1,5 @@
-import { r as p, h as i, H as h, g as d } from "./index.1e93dc97.js";
-import { u as c, P as m, N as u, D as b, k as f, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
+import { r as p, h as e, H as c, g as h } from "./index.adb2af81.js";
+import { u as d, P as m, N as u, D as b, k as f, b as w } from "./floating-ui.dom.browser.min-BtsCuEVE.45e9e353.js";
 import { c as y } from "./index-orsBiyT_.fc4357c3.js";
 import "react";
 import "react-dom";
@@ -14,13 +14,13 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
         return;
       const s = [
         ...this.options.middleware.filter((l) => l.name !== "arrow"),
-        c({ element: this.arrowElement, padding: 12 })
+        d({ element: this.arrowElement, padding: 12 })
       ];
       this.actualPosition = await m(t, this.popperEl, { ...this.options, middleware: s });
-      const e = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.x, o = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.y;
+      const o = (r = this.actualPosition.middlewareData.arrow) == null ? void 0 : r.x, i = (n = this.actualPosition.middlewareData.arrow) == null ? void 0 : n.y;
       this.arrowStyles = {
-        left: Boolean(e) ? e + "px" : void 0,
-        top: Boolean(o) ? o + "px" : void 0
+        left: Boolean(o) ? o + "px" : void 0,
+        top: Boolean(i) ? i + "px" : void 0
       };
     }, this.show = () => {
       !this.active || (this.visible = !0, requestAnimationFrame(() => {
@@ -65,22 +65,22 @@ const v = ":host{display:contents;font-weight:var(--s-font-weight-normal)}:host
     this.updateOptions();
   }
   render() {
-    var t, s, e;
+    var t, s, o;
     const a = y("tooltip", `tooltip--actual-placement-${(t = this.actualPosition) == null ? void 0 : t.placement}`, {
       "tooltip--active": this.active,
       "tooltip--visible": this.visible
     });
-    return i(h, { key: "2e2b0769cda7d3b2a487e53280462e87911b09be", onKeydown: this.onKeydown }, i("span", { key: "dd2a661f6e7f53a41b3290e1f4c5cedaede64b01", class: a }, i("span", { key: "56568d36c50527a52a2cb259178bed3d9008b3c5", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, i("slot", { key: "f0bfd967d1fc6030035b7ca279a6b019574fb085" })), i("span", { key: "f6752d00eae43720da5e3bb3d24a43da5c3beb97", class: "tooltip__popper", ref: (o) => this.popperEl = o, style: {
+    return e(c, { key: "5b565c574e408811ac5da51851f490cac98e94b7", onKeydown: this.onKeydown }, e("span", { key: "3344e1c1283e902fc1ff26b7a66ee72eae47321a", class: a }, e("span", { key: "7ede905a8cf59b8b1d1e649aa285edc843052672", class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, e("slot", { key: "3b224e30be526d1c6ebcefb536662bdba3a60f6b" })), e("span", { key: "4b3567ba85d51a75d654339c83d3c8a2b3a27dae", class: "tooltip__popper", ref: (i) => this.popperEl = i, 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` : "",
+      left: Boolean(this.actualPosition) ? `${(o = this.actualPosition) == null ? void 0 : o.x}px` : "",
       position: this.positioning
-    } }, this.visible && i("span", { key: "294d14c42e440f610995556549910d523b6e5e80", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, i("span", { key: "919a56098c755285a7f37f70901e6d090b5539df", class: "tooltip__content", innerHTML: this.content })), i("span", { key: "8e0e4598f23c6e812c84831ba76d680f67e69775", class: "tooltip__arrow", ref: (o) => this.arrowElement = o, style: {
+    } }, this.visible && e("span", { key: "1ee77407f48ca1fbb5e327cde6fe60a375b77fdf", class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, e("span", { key: "93a6acbe39a95f1452ae65ade40b769c7c55dc93", class: "tooltip__content", innerHTML: this.content })), e("span", { key: "a861ada0df72838460e1e831e7a404d176f0a5e3", class: "tooltip__arrow", ref: (i) => this.arrowElement = i, style: {
       ...this.arrowStyles,
       visibility: this.visible ? "visible" : "hidden"
     } }))));
   }
   get el() {
-    return d(this);
+    return h(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-tree-navigation-item.entry.6cf3c438.js → swirl-tree-navigation-item.entry.9d88a54f.js}

@@ -1,4 +1,4 @@
-import { r, c as s, h as e, H as o, g as d } from "./index.1e93dc97.js";
+import { r, c as s, h as e, H as o, g as d } from "./index.adb2af81.js";
 import { c as l } from "./index-orsBiyT_.fc4357c3.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(o, { key: "14a9d9b4d18973816f6cd769b5f87e6788f4d958", role: "none" }, e("li", { key: "1ea6350cb9ba7534f6ef1b106b79183837def59d", class: {
+    return e(o, { key: "a1639fec826557aa9d85ff8d2aed7af1db3d2c0e", role: "none" }, e("li", { key: "30c80790902d582c1fe82c81b1f91b6be305b006", 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: "fdf7c529e51da4b0eb1394a07aa9935094384e47", 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: "8bfa0e35654d3469c00f5bf7c8c7ef0f239f8236", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "d4f44e6083bd22e6ca10ca0378ac4cc81033b326", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "05206351464f7e70c81cb021e4357657dbcdb1ae", class: "tree-navigation-item__label" }, e("span", { key: "4903f93d0c55b6b9100dd77145ef5f4f5c5e9cdd", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "b593ed9e69e721eda36e0973dd53a802dc2b4201", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "2b02c25bfbad73545de638cd2adda814d9078ee2", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "e6bbe0ec04116cf135c2b5827a4351870418b0c1", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "2688b335a60b080de6be0804e9b058ad580e0f5d", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "67888ca1bebbea164aee655c2027784df92a782f", 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: "4018c112ccce0f853c3c3dba42bec9ea9d485fad", 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: "b9f1d3da47f67ea980a08b86fd8b9b5860b6eae8", class: "tree-navigation-item__content" }, this.icon && e("swirl-icon", { key: "c648393c6f89bfb61bf9ba21911c0f186abb10ae", class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` }), e("span", { key: "a09001858166f48f0f0314d6f5eda2d29153d5de", class: "tree-navigation-item__label" }, e("span", { key: "cf46c9d0568aee5d97aa83b512b98e67adab8741", class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && e("span", { key: "0ff8187bb8b5a0807aa0c15136a3a88067c53814", class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, e("swirl-icon-chevron-right", { key: "567ddc6d706f5b037f4f5cff7b71fbd1ff7c7665", size: 16, role: "img", "aria-label": "Expand" })), this.external && e("span", { key: "96974d241d08dc2c1ab44688dc16f228110a0625", class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, e("swirl-icon-open-in-new", { key: "3f4f141e60c1d90097014ac5e4945ee4533c6198", size: 16, role: "img", "aria-label": "External link" }))))), this.hasChildren && e("ul", { key: "bce9f1c6cebaa5bd364c03fd9904be4adea4b8c0", 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: "2c99501233d1f53379d670a8f0f9aa19dd306362" }))));
+    } }, e("slot", { key: "db2ada117cdb1e1928b217a9009e5ec6b3c91ce3" }))));
   }
   get el() {
     return d(this);

package/dist/{swirl-tree-navigation.entry.32a1ad37.js → swirl-tree-navigation.entry.96fd1116.js}

@@ -1,4 +1,4 @@
-import { r, h as e, H as t } from "./index.1e93dc97.js";
+import { r, h as e, H as t } from "./index.adb2af81.js";
 import "react";
 import "react-dom";
 const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{margin:0;padding:0}", s = class {
@@ -6,7 +6,7 @@ const i = ":host{display:block}:host *{box-sizing:border-box}.tree-navigation{ma
     r(this, a);
   }
   render() {
-    return e(t, { key: "3d113bc1e0a1c5514f26628ff0ddfb67e8da18b1" }, e("ul", { key: "61966584175f5eacaa1474ab34cfee66f8f0903a", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "90d3d262e82e9328327bc74f1f63ec2ec2e00177" })));
+    return e(t, { key: "cf315e2ccd045748bd43b9d3a5fc7ec25d202b12" }, e("ul", { key: "54a6cac05f4267de8012fd9bfdde0f14561b681e", "aria-label": this.label, class: "tree-navigation", role: "tree" }, e("slot", { key: "004d52faf878d9e5cf2a080a703a2bb444b86b59" })));
   }
 };
 s.style = i;

package/dist/{swirl-tree-view-item.entry.a2d72c30.js → swirl-tree-view-item.entry.6a752c8a.js}

@@ -1,4 +1,4 @@
-import { r as f, c as d, f as l, h as a, F as w, H as u, g as y } from "./index.1e93dc97.js";
+import { r as f, c as d, f as l, h as n, F as w, H as u, g as y } from "./index.adb2af81.js";
 import { c as _ } from "./index-orsBiyT_.fc4357c3.js";
 import { S as I } from "./sortable.esm-CMrz6687.dac971cd.js";
 import { t as c } from "./swirl-tree-view.config-BkSXzL50.94f4a648.js";
@@ -59,15 +59,15 @@ const x = "swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *
       onEnd: (t) => {
         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, n = (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: (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: n,
+          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, n;
+    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: (n = this.getParentItem()) == null ? void 0 : n.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 n = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(n), n.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 n = o.tagName === "SWIRL-TREE-VIEW-ITEM" ? o : o.querySelector("swirl-tree-view-item");
-        l(n), n.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 a(u, { key: "1a2600fa0a2ccca5d1a5c76edf8aa72e3dc60e45", id: this.itemId, role: "none" }, a("li", { key: "673da11494e872b67d34d2d1bfaaccba1c7b7c8b", class: s, role: "none" }, a("a", { key: "a3efffb6797eb7b081747b1b4701624d42f2c255", "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 && a("span", { key: "17db5b066a5ab0037cee0e941acf9a69588097b5", class: "tree-view-item__drag-handle" }, a("swirl-icon-drag-handle", { key: "33504ad1b4754a0c7ffd1680b8e8d365477ac29f", size: 20 })), this.expandable && a("span", { key: "8bfca3ed7853b2117a58cc27542e8c73fba74c6b", class: "tree-view-item__toggle-icon" }, t && a(w, { key: "5178f914c6cc1205862e0da847a6c3d2a57c74aa" }, this.expanded ? a("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 }) : a("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 }))), Boolean(this.icon) && a(w, { key: "b52614962964bbea2c8c0a50ba6f71819f94643c" }, a("span", { key: "7b34fcbfd2cc25da5ac9e4b46e45c020db82a0dd", class: "tree-view-item__icon" }, i ? this.icon : a("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), a("span", { key: "fa06ec0ecdfeec7c88541e790ef44db5731a8b1d", class: "tree-view-item__label" }, this.label), a("span", { key: "aaaa08fd63a644423b088807ff6a3d1551e11d78", class: "tree-view-item__tags" }, a("slot", { key: "e92aac2ae69cb04d310814dea55425f1d6676b43", name: "tags" }))), a("ul", { key: "251a76277ba33f11e79b23101ddb3edb58888609", "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: "e407aad02c536ae6f3bf0adc999f4d6cef4deeb4", id: this.itemId, role: "none" }, n("li", { key: "30cad8635d5770373be5347ccd7b2c00ba99a6ff", class: a, role: "none" }, n("a", { key: "ec8628de981fbc8246abdd5e7503abd6762f7b43", "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: "1e556ae354352718c83db374555cffef2906aec2", class: "tree-view-item__drag-handle" }, n("swirl-icon-drag-handle", { key: "b8083166676ee2bd38b45727c984bdbaabb442cc", size: 20 })), this.expandable && n("span", { key: "e90c1603518c56135cf3e9b1b04323947045d62e", class: "tree-view-item__toggle-icon" }, t && n(w, { key: "ec6c9d66674cc67d40945c2424bb4549629032eb" }, 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: "e2399828aa48599248340f33bbf743934bcaaa6d" }, n("span", { key: "571b89b1766fd79ea0041d6d67d8b818c2186c21", class: "tree-view-item__icon" }, i ? this.icon : n("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))), n("span", { key: "915cfff5478e90ce13dde92cc57383e9ba1e3a82", class: "tree-view-item__label" }, this.label), n("span", { key: "cafd19fe2bb21141713d946543b17e2a8e3af7c1", class: "tree-view-item__tags" }, n("slot", { key: "59e8d26054053902bdb83ac0f0431392a1822f81", name: "tags" }))), n("ul", { key: "19ba4fd45f7d38c886e69eb7e616d9c43e064163", "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
-    } }, a("slot", { key: "cf74c05309bb5fef029ad92f2178ab96d3fdcd91" }))));
+    } }, n("slot", { key: "2e074013de5942bf92e445581ceb4f9f94e041b7" }))));
   }
   get el() {
     return y(this);