@getflip/swirl-components-react 0.338.2 → 0.340.0

package/dist/swirl-table-row.entry.0fe14a4d.js

@@ -0,0 +1,27 @@
+import { r, h as o, H as e, g as s } from "./index.89ae7741.js";
+import { c as l } from "./index-orsBiyT_.fc4357c3.js";
+import { l as a } 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 {
+  constructor(t) {
+    r(this, t);
+  }
+  componentDidLoad() {
+    const t = a(this.el, "swirl-table");
+    t == null || t.rerender();
+  }
+  render() {
+    const t = l("table-row", {
+      "table-row--highlighted": this.highlighted
+    });
+    return o(e, { key: "6d68a1c9335af7981b5085df39f2a723fcfb4a48", "aria-rowindex": this.index, class: t, role: "row" }, o("slot", { key: "5ee31918b9973d95103d95c19c2515841dfd000c" }));
+  }
+  get el() {
+    return s(this);
+  }
+};
+d.style = i;
+export {
+  d as swirl_table_row
+};

package/dist/{swirl-table.entry.49e96851.js → swirl-table.entry.063be637.js}

@@ -1,55 +1,62 @@
-import { r as v, c as C, h as a, H as D, g as S } from "./index.9a597714.js";
-import { c as x } from "./index-267776a4.6beb4f4b.js";
-import { S as _ } from "./sortable.esm-0bfddf0c.953ca6a6.js";
-import { d as R, i as p, q as k } from "./utils-28df99ee.9fb223f6.js";
+import { r as x, c as _, h as a, H as R, g as k } from "./index.89ae7741.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";
 import "react";
 import "react-dom";
-var L = function(t) {
-  var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, i = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, o = void 0, s = void 0, n = void 0, l = [];
-  return function() {
-    var b = O(r), f = new Date().getTime(), m = !o || f - o > b;
-    o = f;
-    for (var g = arguments.length, d = Array(g), c = 0; c < g; c++)
-      d[c] = arguments[c];
-    if (m && i.leading)
-      return i.accumulate ? Promise.resolve(t.call(this, [d])).then(function(u) {
-        return u[0];
-      }) : Promise.resolve(t.call.apply(t, [this].concat(d)));
-    if (s ? clearTimeout(n) : s = T(), l.push(d), n = setTimeout(y.bind(this), b), i.accumulate) {
-      var w = l.length - 1;
-      return s.promise.then(function(u) {
-        return u[w];
-      });
+var g, v;
+function I() {
+  if (v)
+    return g;
+  v = 1, g = function(i) {
+    var o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 0, s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, n = void 0, l = void 0, u = void 0, d = [];
+    return function() {
+      var y = e(o), m = new Date().getTime(), D = !n || m - n > y;
+      n = m;
+      for (var w = arguments.length, c = Array(w), h = 0; h < w; h++)
+        c[h] = arguments[h];
+      if (D && s.leading)
+        return s.accumulate ? Promise.resolve(i.call(this, [c])).then(function(b) {
+          return b[0];
+        }) : Promise.resolve(i.call.apply(i, [this].concat(c)));
+      if (l ? clearTimeout(u) : l = t(), d.push(c), u = setTimeout(C.bind(this), y), s.accumulate) {
+        var S = d.length - 1;
+        return l.promise.then(function(b) {
+          return b[S];
+        });
+      }
+      return l.promise;
+    };
+    function C() {
+      var p = l;
+      clearTimeout(u), Promise.resolve(s.accumulate ? i.call(this, d) : i.apply(this, d[d.length - 1])).then(p.resolve, p.reject), d = [], l = null;
     }
-    return s.promise;
   };
-  function y() {
-    var h = s;
-    clearTimeout(n), Promise.resolve(i.accumulate ? t.call(this, l) : t.apply(this, l[l.length - 1])).then(h.resolve, h.reject), l = [], s = null;
+  function e(r) {
+    return typeof r == "function" ? r() : r;
   }
-};
-function O(e) {
-  return typeof e == "function" ? e() : e;
-}
-function T() {
-  var e = {};
-  return e.promise = new Promise(function(t, r) {
-    e.resolve = t, e.reject = r;
-  }), e;
+  function t() {
+    var r = {};
+    return r.promise = new Promise(function(i, o) {
+      r.resolve = i, r.reject = o;
+    }), r;
+  }
+  return g;
 }
-const A = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *.sc-swirl-table{box-sizing:border-box}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid
+var E = I(), K = /* @__PURE__ */ O(E);
+const B = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *.sc-swirl-table{box-sizing:border-box}.table--keyboard-move.sc-swirl-table:focus-within{--swirl-table-moving-row-border:var(--s-border-width-default) solid
       var(--s-border-highlight)}.table__container.sc-swirl-table{position:relative;overflow:auto;width:100%}.table__container--scrolled.sc-swirl-table{--swirl-table-sticky-right-shadow:4px 0 16px -4px rgba(23, 23, 23, 0.04),
     2px 0 4px -2px rgba(23, 23, 23, 0.04)}.table__container--scrollable.sc-swirl-table:not(.table__container--scrolled-to-end){--swirl-table-sticky-left-shadow:0px 4px 16px 0px rgba(23, 23, 23, 0.04),
-    0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table.sc-swirl-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>*,.table__header .sc-swirl-table-s>*{display:flex}.table__empty-row.sc-swirl-table{display:flex}.table__empty-row-cell.sc-swirl-table{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell.sc-swirl-table>*.sc-swirl-table{flex-grow:1}`, I = A, q = {
+    0px 1px 4px 0px rgba(23, 23, 23, 0.04)}.table__table.sc-swirl-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:max(20rem, 100%)}.table__header.sc-swirl-table-s>*,.table__header .sc-swirl-table-s>*{display:flex}.table__empty-row.sc-swirl-table{display:flex}.table__empty-row-cell.sc-swirl-table{display:flex;overflow:auto;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-basis:0;flex-grow:1;flex-shrink:1;align-items:center;background-color:var(--s-surface-default)}.table__empty-row-cell.sc-swirl-table>*.sc-swirl-table{flex-grow:1}`, M = {
   end: "Dropped. Final position in table: {position} of {rowCount}.",
   initial: "Press space to move the row.",
   moved: "Current position in table: {position} of {rowCount}.",
   start: "Row grabbed. Current position in table: {position} of {rowCount}. Press up and down arrow keys to change position, Space to drop."
-}, K = class {
+}, H = class {
   constructor(e) {
-    v(this, e), this.dropRow = C(this, "dropRow", 7), this.triggerRerender = R(async () => {
+    x(this, e), this.dropRow = _(this, "dropRow", 7), this.dragDropInstructions = M, this.emptyStateLabel = "No results found.", this.liveRegionText = "", this.triggerRerender = A(async () => {
       await this.updateLayout(), this.updateEmptyState();
-    }, 0, !0), this.updateLayout = L(async () => {
+    }, 0, !0), this.updateLayout = K(async () => {
       this.resetCellStyles(), this.resetColumnStyles(), this.resetEmptyRowStyles(), this.resetRowGroupStyles(), this.layoutEmptyRow(), this.layoutRowGroups(), this.layOutCellsAndColumns(), this.updateScrolledState();
     }, 16, { leading: !0 }), this.onScroll = () => {
       this.updateScrolledState();
@@ -72,7 +79,7 @@ const A = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
         return;
       const r = (o = t.target) == null ? void 0 : o.closest("swirl-table-row");
       !((s = t.target) != null && s.closest(this.dragDropHandle)) || (t.code === "Space" ? (t.preventDefault(), t.stopPropagation(), this.toggleKeyboardMove(r)) : t.code === "ArrowUp" ? (t.preventDefault(), t.stopPropagation(), this.moveRow(r, "up")) : t.code === "ArrowDown" ? (t.preventDefault(), t.stopPropagation(), this.moveRow(r, "down")) : t.code === "Escape" && (t.preventDefault(), t.stopPropagation(), this.cancelKeyboardMove()));
-    }, this.caption = void 0, this.dragDropHandle = void 0, this.dragDropInstructions = q, this.emptyStateLabel = "No results found.", this.enableDragDrop = void 0, this.label = void 0, this.empty = void 0, this.liveRegionText = "", this.scrollable = void 0, this.scrolled = void 0, this.scrolledToEnd = void 0;
+    };
   }
   async componentDidLoad() {
     this.setupIntersectionObserver(), queueMicrotask(() => {
@@ -104,7 +111,7 @@ const A = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
         return;
       }
       const t = this.el.querySelector('[slot="rows"]');
-      this.dragDropContainer = (t == null ? void 0 : t.tagName) !== "SWIRL-TABLE-ROW" ? t != null ? t : this.bodyEl : this.bodyEl, this.sortable = new _(this.dragDropContainer, {
+      this.dragDropContainer = (t == null ? void 0 : t.tagName) !== "SWIRL-TABLE-ROW" ? t != null ? t : this.bodyEl : this.bodyEl, this.sortable = new T(this.dragDropContainer, {
         animation: 100,
         direction: "vertical",
         handle: this.dragDropHandle,
@@ -161,7 +168,7 @@ const A = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
     });
   }
   updateScrolledState() {
-    const e = p();
+    const e = f();
     if (this.container === void 0)
       return;
     const t = this.container.scrollWidth > this.container.clientWidth, r = this.container.scrollLeft > 0, i = Math.ceil(this.container.clientWidth + this.container.scrollLeft) >= Math.floor(this.container.scrollWidth);
@@ -209,10 +216,10 @@ const A = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
   }
   applyCellStyles(e, t, r) {
     const { leftOffsetForStickyColumn: i, columnWidth: o, isLastColumnSticky: s, hasShadowRight: n } = r;
-    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !p() && (t.sticky && !s && (e.classList.add("table-cell--is-sticky"), e.style.left = i + "px", n && e.classList.add("table-cell--has-shadow-right")), s && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
+    e.style.flex = Boolean(o) ? `0 0 ${o}` : "", !f() && (t.sticky && !s && (e.classList.add("table-cell--is-sticky"), e.style.left = i + "px", n && e.classList.add("table-cell--has-shadow-right")), s && e.classList.add("table-cell--is-sticky-right", "table-cell--has-shadow-left"));
   }
   applyColumnStyles(e, t) {
-    if (p())
+    if (f())
       return;
     const { leftOffsetForStickyColumn: r, isLastColumnSticky: i, hasShadowRight: o } = t;
     e.sticky && !i && (e.classList.add("table-column--is-sticky"), e.style.left = r + "px", o && e.classList.add("table-column--has-shadow-right")), i && e.classList.add("table-column--is-sticky-right", "table-column--has-shadow-left");
@@ -282,17 +289,17 @@ const A = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
   }
   focusDragHandleOfRow(e) {
     var r, i;
-    const t = (r = k(e, this.dragDropHandle)) == null ? void 0 : r[0];
+    const t = (r = q(e, this.dragDropHandle)) == null ? void 0 : r[0];
     t.tagName === "BUTTON" ? t.focus() : (i = t.querySelector("button")) == null || i.focus();
   }
   render() {
-    const e = x("table", {
+    const e = L("table", {
       "table--keyboard-move": this.movingViaKeyboard
     });
-    return a(D, { 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: "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))))))));
   }
   get el() {
-    return S(this);
+    return k(this);
   }
   static get watchers() {
     return {
@@ -300,7 +307,7 @@ const A = `.sc-swirl-table-h{position:relative;display:block}.sc-swirl-table-h *
     };
   }
 };
-K.style = I;
+H.style = B;
 export {
-  K as swirl_table
+  H as swirl_table
 };

package/dist/{swirl-tabs.entry.ecec166c.js → swirl-tabs.entry.b4535889.js}

@@ -1,16 +1,16 @@
-import { r as b, c as n, h as s, H as r, g as d } from "./index.9a597714.js";
-import { n as e } from "./utils-28df99ee.9fb223f6.js";
+import { r as b, c, h as s, H as r, g as n } from "./index.89ae7741.js";
+import { n as e } from "./utils-D_MUFqkF.654ff3ce.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 {
+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 = n(this, "tabActivated", 7), this.tabs = [], this.onActivateNextTab = () => {
+    b(this, t), this.tabActivated = c(this, "tabActivated", 7), this.tabBarVariant = "default", this.tabBarTabs = [], this.tabs = [], this.onActivateNextTab = () => {
       this.activateNextTab();
     }, this.onActivatePreviousTab = () => {
       this.activatePreviousTab();
     }, this.onActivateTab = (i) => {
       this.activateTab(i.detail);
-    }, this.initialTab = void 0, this.label = void 0, this.justifyTabBar = void 0, this.tabBarPaddingBlockEnd = void 0, this.tabBarPaddingBlockStart = void 0, this.tabBarPaddingInlineEnd = void 0, this.tabBarPaddingInlineStart = void 0, this.tabBarVariant = "default", this.activeTab = void 0, this.tabBarTabs = [];
+    };
   }
   componentWillLoad() {
     this.collectTabs(), this.updateTabBarTabs();
@@ -51,13 +51,13 @@ const c = ".sc-swirl-tabs-h{display:block;width:100%}.sc-swirl-tabs-h *.sc-swirl
     }));
   }
   render() {
-    return s(r, { key: "1815b35352fd82d7601e1880d326fd6e2c5ec706" }, s("div", { key: "8e109ef9f2861b2a99adcf479b1402c0b4b5445b", class: "tabs" }, s("swirl-tab-bar", { key: "4814ed293af1b7d6a2668c05bb93dc24eca03263", 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: "64f982ad9cf0bc586cc0c681a9daca4662e118ea" }));
+    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" }));
   }
   get el() {
-    return d(this);
+    return n(this);
   }
 };
-l.style = h;
+h.style = d;
 export {
-  l as swirl_tabs
+  h as swirl_tabs
 };

package/dist/{swirl-text-input.entry.81dd4da1.js → swirl-text-input.entry.f8bdd383.js}

@@ -1,12 +1,12 @@
-import { r as h, c as n, h as i, H as d } from "./index.9a597714.js";
-import { c } from "./index-267776a4.6beb4f4b.js";
-import { D as x } from "./media-query.service-9a0ff1cb.1b0964d0.js";
+import { r as h, c as n, h as i, H as c } from "./index.89ae7741.js";
+import { c as d } from "./index-orsBiyT_.fc4357c3.js";
+import { D as x } from "./media-query.service-Cx_VEA2f.c4de15e1.js";
 import "react";
 import "react-dom";
-import "./utils-28df99ee.9fb223f6.js";
-const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-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;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', b = w, f = class {
+import "./utils-D_MUFqkF.654ff3ce.js";
+const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-h *.sc-swirl-text-input{box-sizing:border-box}.text-input.sc-swirl-text-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.text-input--auto-grow.sc-swirl-text-input .text-input__input.sc-swirl-text-input{max-height:none}.text-input--clearable.sc-swirl-text-input,.text-input--type-number.sc-swirl-text-input,.text-input--type-password.sc-swirl-text-input{padding-right:calc(1.5rem + var(--s-space-8))}.text-input--show-password.sc-swirl-text-input .text-input__input.sc-swirl-text-input{width:100%}.text-input--disabled.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{color:var(--s-text-disabled)}.text-input--font-size-sm.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-sm.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--font-size-base.sc-swirl-text-input{--swirl-text-input-placeholder-size:var(--s-font-size-base);font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--font-size-base.sc-swirl-text-input .text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-base);line-height:var(--s-line-height-base)}}.text-input--has-suffix.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:0.25rem;min-width:0.25rem}.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__stepper.sc-swirl-text-input{top:calc(-1 * var(--s-space-8));right:calc(-1 * var(--s-space-12))}}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input{width:2rem;height:1.125rem;justify-content:center;background-color:var(--s-surface-raised-default)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:first-of-type{border-top-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:last-of-type{border-bottom-right-radius:var(--s-border-radius-sm)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input:hover{background-color:var(--s-surface-raised-hovered)}.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-less.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__step-button.sc-swirl-text-input swirl-icon-expand-more.sc-swirl-text-input{width:1rem}.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input--inline.sc-swirl-text-input .text-input__clear-button.sc-swirl-text-input,.text-input--inline.sc-swirl-text-input .text-input__password-toggle.sc-swirl-text-input{top:0}}.text-input--inline.sc-swirl-text-input .text-input__character-counter.sc-swirl-text-input{top:calc(100% + var(--s-space-12) + var(--s-border-width-default));right:calc(-1 * var(--s-space-12));max-width:6rem}.text-input__input.sc-swirl-text-input{display:inline-flex;width:100%;max-height:13.75rem;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);resize:none;caret-color:var(--s-border-highlight)}.text-input__input.sc-swirl-text-input:focus{outline:none}.text-input__input.sc-swirl-text-input:disabled{color:var(--s-text-disabled);background-color:transparent}.text-input__input.sc-swirl-text-input::-webkit-outer-spin-button,.text-input__input.sc-swirl-text-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.text-input__input[type="number"].sc-swirl-text-input{-moz-appearance:textfield}.text-input__input.sc-swirl-text-input::-moz-placeholder{font-size:var(--swirl-text-input-placeholder-size)}.text-input__input.sc-swirl-text-input::placeholder{font-size:var(--swirl-text-input-placeholder-size)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__input.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input--disable-dynamic-width.sc-swirl-text-input input.text-input__input.sc-swirl-text-input:not([type="password"]){width:100%;min-width:0}.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-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;cursor:pointer}.text-input__clear-button.sc-swirl-text-input:focus:not(:focus-visible),.text-input__password-toggle.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__clear-button.sc-swirl-text-input:focus-visible,.text-input__password-toggle.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__clear-button.sc-swirl-text-input,.text-input__password-toggle.sc-swirl-text-input{top:-0.625rem}}.text-input__stepper.sc-swirl-text-input{position:absolute;top:-1.4375rem;right:0;display:flex;flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__stepper.sc-swirl-text-input{top:-1.25rem}}.text-input__step-button.sc-swirl-text-input{display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.text-input__step-button.sc-swirl-text-input:focus:not(:focus-visible){outline:none}.text-input__step-button.sc-swirl-text-input:focus-visible{outline-color:var(--s-focus-default)}.text-input__character-counter.sc-swirl-text-input{position:absolute;top:-1.375rem;right:0;display:flex;color:var(--s-text-subdued);line-height:var(--s-line-height-sm);flex-direction:column}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.text-input__character-counter.sc-swirl-text-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.text-input__prefix.sc-swirl-text-input{padding-right:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}.text-input__suffix.sc-swirl-text-input{padding-left:var(--s-space-4);color:var(--s-text-subdued);font-size:var(--s-font-size-base)}', b = class {
   constructor(e) {
-    h(this, e), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.mediaQueryUnsubscribe = () => {
+    h(this, e), this.inputBlur = n(this, "inputBlur", 7), this.inputFocus = n(this, "inputFocus", 7), this.valueChange = n(this, "valueChange", 7), this.autoComplete = "on", this.characterCounterLabel = "Used characters", this.clearButtonLabel = "Clear input", this.fontSize = "default", this.passwordToggleLabel = "Toggle password display", this.rows = 1, this.type = "text", this.iconSize = 24, this.showPassword = !1, this.mediaQueryUnsubscribe = () => {
     }, this.clear = () => {
       this.inputEl.value = "", this.value = "", this.valueChange.emit(""), this.inputEl.focus();
     }, this.onChange = (t) => {
@@ -34,7 +34,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
       isNaN(this.inputEl.valueAsNumber) && (s = this.min !== void 0 ? this.min - 1 : -1), this.value = String(Math.min(this.max || 1 / 0, s + t)), this.valueChange.emit(this.value);
     }, this.togglePassword = () => {
       this.type === "password" && (this.showPassword = !this.showPassword);
-    }, this.autoComplete = "on", this.autoFocus = void 0, this.autoGrow = void 0, this.autoSelect = void 0, this.characterCounterLabel = "Used characters", 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.inputName = 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.mediaQueryUnsubscribe = x.subscribe((e) => {
@@ -69,7 +69,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
   }
   render() {
     var r;
-    const e = this.rows === 1 && !this.autoGrow ? "input" : "textarea", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, s = this.type === "number" && !this.disabled, a = this.type === "password" && !this.disabled, u = this.clearable && !this.disabled && Boolean(this.value) && !a && !s && !this.showCharacterCounter, l = this.type === "password" && this.showPassword ? "text" : this.type, o = c("text-input", `text-input--font-size-${this.fontSize}`, `text-input--type-${this.type}`, {
+    const e = this.rows === 1 && !this.autoGrow ? "input" : "textarea", t = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, s = this.type === "number" && !this.disabled, a = this.type === "password" && !this.disabled, u = this.clearable && !this.disabled && Boolean(this.value) && !a && !s && !this.showCharacterCounter, l = this.type === "password" && this.showPassword ? "text" : this.type, o = d("text-input", `text-input--font-size-${this.fontSize}`, `text-input--type-${this.type}`, {
       "text-input--auto-grow": this.autoGrow,
       "text-input--clearable": this.clearable,
       "text-input--disabled": this.disabled,
@@ -78,7 +78,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: "118c43993df15e8a56132135bd6e5bd7b20c7fa5" }, i("div", { key: "b32019d666499025e823f65c84107090b3e0bdde", class: o }, this.prefixLabel && i("span", { key: "e92f359d218821987e795d91ba09de0a5ac83787", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "311c606dc2c9b78965d35543c79c828bbf04939d", "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, name: this.inputName, 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: "2e2987f816f1a26b074ca67fc67d2b88031af88e", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "82218c372d0374651f5cb3a07a679c5f045dabfc", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "9c42c315b34e9a614a145d2e8a00da2b28fcc21e", size: this.iconSize })), a && i("button", { key: "d78dcd286ba441a8d5df0a9d9e8b02c466dab617", "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: "e29c6cb14c6bb8ff7ebf67800b2b267ca0208df9", class: "text-input__stepper" }, i("button", { key: "6218def82164fd3b57015d3fb8c40391cefcf84d", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "9b338df89a94563b9f9fde0ba16cb1fae537c203", size: this.iconSize })), i("button", { key: "6d31cb2c37f9a2887c57f2350afe184a76dd09f8", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "f2b7974999012a8ad29d84dd5df8a908605f57b4", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "4dae89e8b35db216b513bbca04dff56c48b64696", class: "text-input__character-counter", "aria-live": "polite" }, i("swirl-visually-hidden", { key: "c48b6c6017b6b2a8524a2f3f5e9d2d8869026b3f" }, this.characterCounterLabel), ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
+    return i(c, { key: "118c43993df15e8a56132135bd6e5bd7b20c7fa5" }, i("div", { key: "b32019d666499025e823f65c84107090b3e0bdde", class: o }, this.prefixLabel && i("span", { key: "e92f359d218821987e795d91ba09de0a5ac83787", class: "text-input__prefix" }, this.prefixLabel), i(e, { key: "311c606dc2c9b78965d35543c79c828bbf04939d", "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, name: this.inputName, 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: "2e2987f816f1a26b074ca67fc67d2b88031af88e", class: "text-input__suffix" }, this.suffixLabel), u && i("button", { key: "82218c372d0374651f5cb3a07a679c5f045dabfc", "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, i("swirl-icon-cancel", { key: "9c42c315b34e9a614a145d2e8a00da2b28fcc21e", size: this.iconSize })), a && i("button", { key: "d78dcd286ba441a8d5df0a9d9e8b02c466dab617", "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: "e29c6cb14c6bb8ff7ebf67800b2b267ca0208df9", class: "text-input__stepper" }, i("button", { key: "6218def82164fd3b57015d3fb8c40391cefcf84d", "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-less", { key: "9b338df89a94563b9f9fde0ba16cb1fae537c203", size: this.iconSize })), i("button", { key: "6d31cb2c37f9a2887c57f2350afe184a76dd09f8", "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, i("swirl-icon-expand-more", { key: "f2b7974999012a8ad29d84dd5df8a908605f57b4", size: this.iconSize }))), this.showCharacterCounter && i("span", { key: "4dae89e8b35db216b513bbca04dff56c48b64696", class: "text-input__character-counter", "aria-live": "polite" }, i("swirl-visually-hidden", { key: "c48b6c6017b6b2a8524a2f3f5e9d2d8869026b3f" }, this.characterCounterLabel), ((r = this.value) == null ? void 0 : r.length) || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")));
   }
   static get watchers() {
     return {
@@ -86,7 +86,7 @@ const w = '.sc-swirl-text-input-h{display:block;width:100%}.sc-swirl-text-input-
     };
   }
 };
-f.style = b;
+b.style = w;
 export {
-  f as swirl_text_input
+  b as swirl_text_input
 };