@orangelogic/design-system 2.0.0-29DUO2-beta-3 → 2.0.0-29IORR-beta-2

package/library/components/input.js

@@ -1,34 +1,34 @@
-import { n as f, C as at } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { c as rt } from "../chunks/component.styles.DMSLciL5.js";
-import { f as ut } from "../chunks/form-control.styles.CUGhvlfT.js";
+import { n as d, C as rt } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as ut } from "../chunks/component.styles.CRO4Odto.js";
+import { f as ot } from "../chunks/form-control.styles.CaGWmeAS.js";
 import { c as lt } from "../chunks/custom-element.L4WJXn1j.js";
-import { d as ot } from "../chunks/default-value.COZopaet.js";
-import { F as ht } from "../chunks/form.DgwYWi0O.js";
-import { L as pt } from "../chunks/i18n.C0iakJkV.js";
-import { H as ct } from "../chunks/slot.j5oheLJC.js";
-import { w as T } from "../chunks/watch.q1sEjPWL.js";
-import { i as dt, x as F } from "../chunks/lit-element.jLBm65_O.js";
+import { d as ht } from "../chunks/default-value.COZopaet.js";
+import { F as pt } from "../chunks/form.CFc09rKh.js";
+import { L as ct } from "../chunks/i18n.BFqTRDCA.js";
+import { H as dt } from "../chunks/slot.j5oheLJC.js";
+import { w as V } from "../chunks/watch.BCJD77bD.js";
+import { i as ft, x as E } from "../chunks/lit-element.jLBm65_O.js";
 import { r as j } from "../chunks/state.CSDxrqLd.js";
-import { e as K } from "../chunks/query.BBf1UFkC.js";
-import { e as z } from "../chunks/class-map.BiVq-cVR.js";
+import { e as O } from "../chunks/query.BBf1UFkC.js";
+import { e as S } from "../chunks/class-map.BiVq-cVR.js";
 import { o as _ } from "../chunks/if-defined.BRoBj_Rp.js";
-import { l as ft } from "../chunks/live.SCz6M8Gs.js";
-import { n as mt } from "../chunks/when.Dr1es41R.js";
+import { l as mt } from "../chunks/live.SCz6M8Gs.js";
+import { n as Y } from "../chunks/when.Dr1es41R.js";
 import gt from "./icon.js";
-function w(a) {
+function F(a) {
   return typeof a == "string" || a instanceof String;
 }
-function Y(a) {
+function Z(a) {
   var t;
   return typeof a == "object" && a != null && (a == null || (t = a.constructor) == null ? void 0 : t.name) === "Object";
 }
-function X(a, t) {
-  return Array.isArray(t) ? X(a, (e, i) => t.includes(i)) : Object.entries(a).reduce((e, i) => {
+function W(a, t) {
+  return Array.isArray(t) ? W(a, (e, i) => t.includes(i)) : Object.entries(a).reduce((e, i) => {
     let [s, n] = i;
     return t(n, s) && (e[s] = n), e;
   }, {});
 }
-const h = {
+const p = {
   NONE: "NONE",
   LEFT: "LEFT",
   FORCE_LEFT: "FORCE_LEFT",
@@ -37,24 +37,24 @@ const h = {
 };
 function _t(a) {
   switch (a) {
-    case h.LEFT:
-      return h.FORCE_LEFT;
-    case h.RIGHT:
-      return h.FORCE_RIGHT;
+    case p.LEFT:
+      return p.FORCE_LEFT;
+    case p.RIGHT:
+      return p.FORCE_RIGHT;
     default:
       return a;
   }
 }
-function U(a) {
+function P(a) {
   return a.replace(/([.*+?^=!:${}()|[\]/\\])/g, "\\$1");
 }
-function D(a, t) {
+function T(a, t) {
   if (t === a) return !0;
   const e = Array.isArray(t), i = Array.isArray(a);
   let s;
   if (e && i) {
     if (t.length != a.length) return !1;
-    for (s = 0; s < t.length; s++) if (!D(t[s], a[s])) return !1;
+    for (s = 0; s < t.length; s++) if (!T(t[s], a[s])) return !1;
     return !0;
   }
   if (e != i) return !1;
@@ -67,7 +67,7 @@ function D(a, t) {
     if (u != l) return !1;
     const c = Object.keys(t);
     for (s = 0; s < c.length; s++) if (!Object.prototype.hasOwnProperty.call(a, c[s])) return !1;
-    for (s = 0; s < c.length; s++) if (!D(a[c[s]], t[c[s]])) return !1;
+    for (s = 0; s < c.length; s++) if (!T(a[c[s]], t[c[s]])) return !1;
     return !0;
   } else if (t && a && typeof t == "function" && typeof a == "function")
     return t.toString() === a.toString();
@@ -116,53 +116,53 @@ class kt {
   }
   /** Remove direction */
   get removeDirection() {
-    return !this.removedCount || this.insertedCount ? h.NONE : (this.oldSelection.end === this.cursorPos || this.oldSelection.start === this.cursorPos) && // if not range removed (event with backspace)
-    this.oldSelection.end === this.oldSelection.start ? h.RIGHT : h.LEFT;
+    return !this.removedCount || this.insertedCount ? p.NONE : (this.oldSelection.end === this.cursorPos || this.oldSelection.start === this.cursorPos) && // if not range removed (event with backspace)
+    this.oldSelection.end === this.oldSelection.start ? p.RIGHT : p.LEFT;
   }
 }
-function d(a, t) {
-  return new d.InputMask(a, t);
+function f(a, t) {
+  return new f.InputMask(a, t);
 }
-function W(a) {
+function J(a) {
   if (a == null) throw new Error("mask property should be defined");
-  return a instanceof RegExp ? d.MaskedRegExp : w(a) ? d.MaskedPattern : a === Date ? d.MaskedDate : a === Number ? d.MaskedNumber : Array.isArray(a) || a === Array ? d.MaskedDynamic : d.Masked && a.prototype instanceof d.Masked ? a : d.Masked && a instanceof d.Masked ? a.constructor : a instanceof Function ? d.MaskedFunction : (console.warn("Mask not found for mask", a), d.Masked);
+  return a instanceof RegExp ? f.MaskedRegExp : F(a) ? f.MaskedPattern : a === Date ? f.MaskedDate : a === Number ? f.MaskedNumber : Array.isArray(a) || a === Array ? f.MaskedDynamic : f.Masked && a.prototype instanceof f.Masked ? a : f.Masked && a instanceof f.Masked ? a.constructor : a instanceof Function ? f.MaskedFunction : (console.warn("Mask not found for mask", a), f.Masked);
 }
-function S(a) {
+function I(a) {
   if (!a) throw new Error("Options in not defined");
-  if (d.Masked) {
-    if (a.prototype instanceof d.Masked) return {
+  if (f.Masked) {
+    if (a.prototype instanceof f.Masked) return {
       mask: a
     };
     const {
       mask: t = void 0,
       ...e
-    } = a instanceof d.Masked ? {
+    } = a instanceof f.Masked ? {
       mask: a
-    } : Y(a) && a.mask instanceof d.Masked ? a : {};
+    } : Z(a) && a.mask instanceof f.Masked ? a : {};
     if (t) {
       const i = t.mask;
       return {
-        ...X(t, (s, n) => !n.startsWith("_")),
+        ...W(t, (s, n) => !n.startsWith("_")),
         mask: t.constructor,
         _mask: i,
         ...e
       };
     }
   }
-  return Y(a) ? {
+  return Z(a) ? {
     ...a
   } : {
     mask: a
   };
 }
 function A(a) {
-  if (d.Masked && a instanceof d.Masked) return a;
-  const t = S(a), e = W(t.mask);
+  if (f.Masked && a instanceof f.Masked) return a;
+  const t = I(a), e = J(t.mask);
   if (!e) throw new Error("Masked class is not found for provided mask " + t.mask + ", appropriate module needs to be imported manually before creating mask.");
   return t.mask === e && delete t.mask, t._mask && (t.mask = t._mask, delete t._mask), new e(t);
 }
-d.createMask = A;
-class q {
+f.createMask = A;
+class K {
   /** */
   /** */
   /** */
@@ -200,9 +200,9 @@ class q {
   /** */
   /** */
 }
-d.MaskElement = q;
-const Z = 90, vt = 89;
-class R extends q {
+f.MaskElement = K;
+const X = 90, vt = 89;
+class L extends K {
   /** HTMLElement to use mask on */
   constructor(t) {
     super(), this.input = t, this._onKeydown = this._onKeydown.bind(this), this._onInput = this._onInput.bind(this), this._onBeforeinput = this._onBeforeinput.bind(this), this._onCompositionEnd = this._onCompositionEnd.bind(this);
@@ -220,9 +220,9 @@ class R extends q {
     this.input.addEventListener("keydown", this._onKeydown), this.input.addEventListener("input", this._onInput), this.input.addEventListener("beforeinput", this._onBeforeinput), this.input.addEventListener("compositionend", this._onCompositionEnd), this.input.addEventListener("drop", t.drop), this.input.addEventListener("click", t.click), this.input.addEventListener("focus", t.focus), this.input.addEventListener("blur", t.commit), this._handlers = t;
   }
   _onKeydown(t) {
-    if (this._handlers.redo && (t.keyCode === Z && t.shiftKey && (t.metaKey || t.ctrlKey) || t.keyCode === vt && t.ctrlKey))
+    if (this._handlers.redo && (t.keyCode === X && t.shiftKey && (t.metaKey || t.ctrlKey) || t.keyCode === vt && t.ctrlKey))
       return t.preventDefault(), this._handlers.redo(t);
-    if (this._handlers.undo && t.keyCode === Z && (t.metaKey || t.ctrlKey))
+    if (this._handlers.undo && t.keyCode === X && (t.metaKey || t.ctrlKey))
       return t.preventDefault(), this._handlers.undo(t);
     t.isComposing || this._handlers.selectionChange(t);
   }
@@ -243,8 +243,8 @@ class R extends q {
     this.input.removeEventListener("keydown", this._onKeydown), this.input.removeEventListener("input", this._onInput), this.input.removeEventListener("beforeinput", this._onBeforeinput), this.input.removeEventListener("compositionend", this._onCompositionEnd), this.input.removeEventListener("drop", this._handlers.drop), this.input.removeEventListener("click", this._handlers.click), this.input.removeEventListener("focus", this._handlers.focus), this.input.removeEventListener("blur", this._handlers.commit), this._handlers = {};
   }
 }
-d.HTMLMaskElement = R;
-class xt extends R {
+f.HTMLMaskElement = L;
+class xt extends L {
   /** InputElement to use mask on */
   constructor(t) {
     super(t), this.input = t;
@@ -268,8 +268,8 @@ class xt extends R {
     this.input.value = t;
   }
 }
-d.HTMLMaskElement = R;
-class J extends R {
+f.HTMLMaskElement = L;
+class Q extends L {
   /** Returns HTMLElement selection start */
   get _unsafeSelectionStart() {
     const t = this.rootElement, e = t.getSelection && t.getSelection(), i = e && e.anchorOffset, s = e && e.focusOffset;
@@ -296,8 +296,8 @@ class J extends R {
     this.input.textContent = t;
   }
 }
-d.HTMLContenteditableMaskElement = J;
-class O {
+f.HTMLContenteditableMaskElement = Q;
+class N {
   constructor() {
     this.states = [], this.currentIndex = 0;
   }
@@ -308,7 +308,7 @@ class O {
     return this.states.length === 0;
   }
   push(t) {
-    this.currentIndex < this.states.length - 1 && (this.states.length = this.currentIndex + 1), this.states.push(t), this.states.length > O.MAX_LENGTH && this.states.shift(), this.currentIndex = this.states.length - 1;
+    this.currentIndex < this.states.length - 1 && (this.states.length = this.currentIndex + 1), this.states.push(t), this.states.length > N.MAX_LENGTH && this.states.shift(), this.currentIndex = this.states.length - 1;
   }
   go(t) {
     return this.currentIndex = Math.min(Math.max(this.currentIndex + t, 0), this.states.length - 1), this.currentState;
@@ -323,14 +323,14 @@ class O {
     this.states.length = 0, this.currentIndex = 0;
   }
 }
-O.MAX_LENGTH = 100;
+N.MAX_LENGTH = 100;
 class bt {
   /**
     View element
   */
   /** Internal {@link Masked} model */
   constructor(t, e) {
-    this.el = t instanceof q ? t : t.isContentEditable && t.tagName !== "INPUT" && t.tagName !== "TEXTAREA" ? new J(t) : new xt(t), this.masked = A(e), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new O(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
+    this.el = t instanceof K ? t : t.isContentEditable && t.tagName !== "INPUT" && t.tagName !== "TEXTAREA" ? new Q(t) : new xt(t), this.masked = A(e), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new N(), this._saveSelection = this._saveSelection.bind(this), this._onInput = this._onInput.bind(this), this._onChange = this._onChange.bind(this), this._onDrop = this._onDrop.bind(this), this._onFocus = this._onFocus.bind(this), this._onClick = this._onClick.bind(this), this._onUndo = this._onUndo.bind(this), this._onRedo = this._onRedo.bind(this), this.alignCursor = this.alignCursor.bind(this), this.alignCursorFriendly = this.alignCursorFriendly.bind(this), this._bindEvents(), this.updateValue(), this._onChange();
   }
   maskEquals(t) {
     var e;
@@ -342,13 +342,13 @@ class bt {
   }
   set mask(t) {
     if (this.maskEquals(t)) return;
-    if (!(t instanceof d.Masked) && this.masked.constructor === W(t)) {
+    if (!(t instanceof f.Masked) && this.masked.constructor === J(t)) {
       this.masked.updateOptions({
         mask: t
       });
       return;
     }
-    const e = t instanceof d.Masked ? t : A({
+    const e = t instanceof f.Masked ? t : A({
       mask: t
     });
     e.unmaskedValue = this.masked.unmaskedValue, this.masked = e;
@@ -468,7 +468,7 @@ class bt {
   }
   /** Aligns cursor to nearest available position */
   alignCursor() {
-    this.cursorPos = this.masked.nearestInputPos(this.masked.nearestInputPos(this.cursorPos, h.LEFT));
+    this.cursorPos = this.masked.nearestInputPos(this.masked.nearestInputPos(this.cursorPos, p.LEFT));
   }
   /** Aligns cursor only if selection is empty */
   alignCursorFriendly() {
@@ -499,9 +499,9 @@ class bt {
     }), i = this.masked.rawInputValue, s = this.masked.splice(e.startChangePos, e.removed.length, e.inserted, e.removeDirection, {
       input: !0,
       raw: !0
-    }).offset, n = i === this.masked.rawInputValue ? e.removeDirection : h.NONE;
+    }).offset, n = i === this.masked.rawInputValue ? e.removeDirection : p.NONE;
     let r = this.masked.nearestInputPos(e.startChangePos + s, n);
-    n !== h.NONE && (r = this.masked.nearestInputPos(r, h.NONE)), this.updateControl(r), delete this._inputEvent;
+    n !== p.NONE && (r = this.masked.nearestInputPos(r, p.NONE)), this.updateControl(r), delete this._inputEvent;
   }
   /** Handles view change event and commits model value */
   _onChange() {
@@ -533,7 +533,7 @@ class bt {
     this._unbindEvents(), this._listeners.length = 0, delete this.el;
   }
 }
-d.InputMask = bt;
+f.InputMask = bt;
 class m {
   /** Inserted symbols */
   /** Additional offset if any changes occurred before tail */
@@ -565,7 +565,7 @@ class m {
     return this.inserted === t.inserted && this.tailShift === t.tailShift && this.rawInserted === t.rawInserted && this.skip === t.skip;
   }
 }
-d.ChangeDetails = m;
+f.ChangeDetails = m;
 class y {
   /** Tail value as string */
   /** Tail start position */
@@ -710,7 +710,7 @@ class v {
   }
   /** Appends tail */
   appendTail(t) {
-    return w(t) && (t = new y(String(t))), t.appendTo(this);
+    return F(t) && (t = new y(String(t))), t.appendTo(this);
   }
   /** Appends char */
   _appendCharRaw(t, e) {
@@ -763,8 +763,8 @@ class v {
   }
   /** Appends symbols considering flags */
   append(t, e, i) {
-    if (!w(t)) throw new Error("value should be string");
-    const s = w(i) ? new y(String(i)) : i;
+    if (!F(t)) throw new Error("value should be string");
+    const s = F(i) ? new y(String(i)) : i;
     e != null && e.tail && (e._beforeTailState = this.state);
     let n;
     [t, n] = this.doPrepare(t, e);
@@ -811,7 +811,7 @@ class v {
     this.commit && this.commit(this.value, this);
   }
   splice(t, e, i, s, n) {
-    i === void 0 && (i = ""), s === void 0 && (s = h.NONE), n === void 0 && (n = {
+    i === void 0 && (i = ""), s === void 0 && (s = p.NONE), n === void 0 && (n = {
       input: !0
     });
     const r = t + e, u = this.extractTail(r), l = this.eager === !0 || this.eager === "remove";
@@ -821,21 +821,21 @@ class v {
     }));
     let g = t;
     const k = new m();
-    if (s !== h.NONE && (g = this.nearestInputPos(t, e > 1 && t !== 0 && !l ? h.NONE : s), k.tailShift = g - t), k.aggregate(this.remove(g)), l && s !== h.NONE && c === this.rawInputValue)
-      if (s === h.FORCE_LEFT) {
+    if (s !== p.NONE && (g = this.nearestInputPos(t, e > 1 && t !== 0 && !l ? p.NONE : s), k.tailShift = g - t), k.aggregate(this.remove(g)), l && s !== p.NONE && c === this.rawInputValue)
+      if (s === p.FORCE_LEFT) {
         let b;
         for (; c === this.rawInputValue && (b = this.displayValue.length); )
           k.aggregate(new m({
             tailShift: -1
           })).aggregate(this.remove(b - 1));
-      } else s === h.FORCE_RIGHT && u.unshift();
+      } else s === p.FORCE_RIGHT && u.unshift();
     return k.aggregate(this.append(i, n, u));
   }
   maskEquals(t) {
     return this.mask === t;
   }
   optionsIsChanged(t) {
-    return !D(this, t);
+    return !T(this, t);
   }
   typedValueEquals(t) {
     const e = this.typedValue;
@@ -849,7 +849,7 @@ v.DEFAULTS = {
   skipInvalid: !0
 };
 v.EMPTY_VALUES = [void 0, null, ""];
-d.Masked = v;
+f.Masked = v;
 class B {
   /** */
   constructor(t, e) {
@@ -860,7 +860,7 @@ class B {
   }
   extend(t) {
     if (!String(t)) return;
-    t = w(t) ? new y(String(t)) : t;
+    t = F(t) ? new y(String(t)) : t;
     const e = this.chunks[this.chunks.length - 1], i = e && // if stops are same or tail has no stop
     (e.stop === t.stop || t.stop == null) && // if tail chunk goes just after last chunk
     t.from === e.from + e.toString().length;
@@ -876,7 +876,7 @@ class B {
     }
   }
   appendTo(t) {
-    if (!(t instanceof d.MaskedPattern))
+    if (!(t instanceof f.MaskedPattern))
       return new y(this.toString()).appendTo(t);
     const e = new m();
     for (let i = 0; i < this.chunks.length; ++i) {
@@ -1007,42 +1007,42 @@ class Ct {
   }
   pushLeftBeforeFilled() {
     return this._pushLeft(() => {
-      if (!(this.block.isFixed || !this.block.value) && (this.offset = this.block.nearestInputPos(this.offset, h.FORCE_LEFT), this.offset !== 0))
+      if (!(this.block.isFixed || !this.block.value) && (this.offset = this.block.nearestInputPos(this.offset, p.FORCE_LEFT), this.offset !== 0))
         return !0;
     });
   }
   pushLeftBeforeInput() {
     return this._pushLeft(() => {
       if (!this.block.isFixed)
-        return this.offset = this.block.nearestInputPos(this.offset, h.LEFT), !0;
+        return this.offset = this.block.nearestInputPos(this.offset, p.LEFT), !0;
     });
   }
   pushLeftBeforeRequired() {
     return this._pushLeft(() => {
       if (!(this.block.isFixed || this.block.isOptional && !this.block.value))
-        return this.offset = this.block.nearestInputPos(this.offset, h.LEFT), !0;
+        return this.offset = this.block.nearestInputPos(this.offset, p.LEFT), !0;
     });
   }
   pushRightBeforeFilled() {
     return this._pushRight(() => {
-      if (!(this.block.isFixed || !this.block.value) && (this.offset = this.block.nearestInputPos(this.offset, h.FORCE_RIGHT), this.offset !== this.block.value.length))
+      if (!(this.block.isFixed || !this.block.value) && (this.offset = this.block.nearestInputPos(this.offset, p.FORCE_RIGHT), this.offset !== this.block.value.length))
         return !0;
     });
   }
   pushRightBeforeInput() {
     return this._pushRight(() => {
       if (!this.block.isFixed)
-        return this.offset = this.block.nearestInputPos(this.offset, h.NONE), !0;
+        return this.offset = this.block.nearestInputPos(this.offset, p.NONE), !0;
     });
   }
   pushRightBeforeRequired() {
     return this._pushRight(() => {
       if (!(this.block.isFixed || this.block.isOptional && !this.block.value))
-        return this.offset = this.block.nearestInputPos(this.offset, h.NONE), !0;
+        return this.offset = this.block.nearestInputPos(this.offset, p.NONE), !0;
     });
   }
 }
-class Q {
+class tt {
   /** */
   /** */
   /** */
@@ -1071,15 +1071,15 @@ class Q {
     return t === void 0 && (t = 0), e === void 0 && (e = this._value.length), this._value = this._value.slice(0, t) + this._value.slice(e), this._value || (this._isRawInput = !1), new m();
   }
   nearestInputPos(t, e) {
-    e === void 0 && (e = h.NONE);
+    e === void 0 && (e = p.NONE);
     const i = 0, s = this._value.length;
     switch (e) {
-      case h.LEFT:
-      case h.FORCE_LEFT:
+      case p.LEFT:
+      case p.FORCE_LEFT:
         return i;
-      case h.NONE:
-      case h.RIGHT:
-      case h.FORCE_RIGHT:
+      case p.NONE:
+      case p.RIGHT:
+      case p.FORCE_RIGHT:
       default:
         return s;
     }
@@ -1117,7 +1117,7 @@ class Q {
     return new y("");
   }
   appendTail(t) {
-    return w(t) && (t = new y(String(t))), t.appendTo(this);
+    return F(t) && (t = new y(String(t))), t.appendTo(this);
   }
   append(t, e, i) {
     const s = this._appendChar(t[0], e);
@@ -1138,7 +1138,7 @@ class Q {
     return this._appendPlaceholder();
   }
 }
-class M {
+class R {
   /** */
   /** */
   /** */
@@ -1214,16 +1214,16 @@ class M {
     return t === void 0 && (t = 0), e === void 0 && (e = this.value.length), this.masked.extractInput(t, e, i);
   }
   nearestInputPos(t, e) {
-    e === void 0 && (e = h.NONE);
+    e === void 0 && (e = p.NONE);
     const i = 0, s = this.value.length, n = Math.min(Math.max(t, i), s);
     switch (e) {
-      case h.LEFT:
-      case h.FORCE_LEFT:
+      case p.LEFT:
+      case p.FORCE_LEFT:
         return this.isComplete ? n : i;
-      case h.RIGHT:
-      case h.FORCE_RIGHT:
+      case p.RIGHT:
+      case p.FORCE_RIGHT:
         return this.isComplete ? n : s;
-      case h.NONE:
+      case p.NONE:
       default:
         return n;
     }
@@ -1259,7 +1259,7 @@ class M {
     return new m();
   }
 }
-M.DEFAULT_DEFINITIONS = {
+R.DEFAULT_DEFINITIONS = {
   0: /\d/,
   a: /[\u0041-\u005A\u0061-\u007A\u00AA\u00B5\u00BA\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u0527\u0531-\u0556\u0559\u0561-\u0587\u05D0-\u05EA\u05F0-\u05F2\u0620-\u064A\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE\u06EF\u06FA-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07CA-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u08A0\u08A2-\u08AC\u0904-\u0939\u093D\u0950\u0958-\u0961\u0971-\u0977\u0979-\u097F\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09F0\u09F1\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B71\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C33\u0C35-\u0C39\u0C3D\u0C58\u0C59\u0C60\u0C61\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDE\u0CE0\u0CE1\u0CF1\u0CF2\u0D05-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D60\u0D61\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E81\u0E82\u0E84\u0E87\u0E88\u0E8A\u0E8D\u0E94-\u0E97\u0E99-\u0E9F\u0EA1-\u0EA3\u0EA5\u0EA7\u0EAA\u0EAB\u0EAD-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0EDC-\u0EDF\u0F00\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1380-\u138F\u13A0-\u13F4\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u1700-\u170C\u170E-\u1711\u1720-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u1820-\u1877\u1880-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191C\u1950-\u196D\u1970-\u1974\u1980-\u19AB\u19C1-\u19C7\u1A00-\u1A16\u1A20-\u1A54\u1AA7\u1B05-\u1B33\u1B45-\u1B4B\u1B83-\u1BA0\u1BAE\u1BAF\u1BBA-\u1BE5\u1C00-\u1C23\u1C4D-\u1C4F\u1C5A-\u1C7D\u1CE9-\u1CEC\u1CEE-\u1CF1\u1CF5\u1CF6\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2071\u207F\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2183\u2184\u2C00-\u2C2E\u2C30-\u2C5E\u2C60-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005\u3006\u3031-\u3035\u303B\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312D\u3131-\u318E\u31A0-\u31BA\u31F0-\u31FF\u3400-\u4DB5\u4E00-\u9FCC\uA000-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA61F\uA62A\uA62B\uA640-\uA66E\uA67F-\uA697\uA6A0-\uA6E5\uA717-\uA71F\uA722-\uA788\uA78B-\uA78E\uA790-\uA793\uA7A0-\uA7AA\uA7F8-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA840-\uA873\uA882-\uA8B3\uA8F2-\uA8F7\uA8FB\uA90A-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA60-\uAA76\uAA7A\uAA80-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uABC0-\uABE2\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]/,
   // http://stackoverflow.com/a/22075070
@@ -1279,7 +1279,7 @@ class yt extends v {
     e && (t.validate = (i) => i.search(e) >= 0), super._update(t);
   }
 }
-d.MaskedRegExp = yt;
+f.MaskedRegExp = yt;
 class x extends v {
   /** */
   /** */
@@ -1294,7 +1294,7 @@ class x extends v {
     super({
       ...x.DEFAULTS,
       ...t,
-      definitions: Object.assign({}, M.DEFAULT_DEFINITIONS, t?.definitions)
+      definitions: Object.assign({}, R.DEFAULT_DEFINITIONS, t?.definitions)
     });
   }
   updateOptions(t) {
@@ -1312,28 +1312,28 @@ class x extends v {
     for (let n = 0; n < e.length; ++n) {
       if (this.blocks) {
         const c = e.slice(n), g = Object.keys(this.blocks).filter((b) => c.indexOf(b) === 0);
-        g.sort((b, I) => I.length - b.length);
+        g.sort((b, D) => D.length - b.length);
         const k = g[0];
         if (k) {
           const {
             expose: b,
-            repeat: I,
-            ...nt
-          } = S(this.blocks[k]), G = {
+            repeat: D,
+            ...at
+          } = I(this.blocks[k]), q = {
             lazy: this.lazy,
             eager: this.eager,
             placeholderChar: this.placeholderChar,
             displayChar: this.displayChar,
             overwrite: this.overwrite,
             autofix: this.autofix,
-            ...nt,
-            repeat: I,
+            ...at,
+            repeat: D,
             parent: this
-          }, $ = I != null ? new d.RepeatBlock(
-            G
+          }, U = D != null ? new f.RepeatBlock(
+            q
             /* TODO */
-          ) : A(G);
-          $ && (this._blocks.push($), b && (this.exposeBlock = $), this._maskedBlocks[k] || (this._maskedBlocks[k] = []), this._maskedBlocks[k].push(this._blocks.length - 1)), n += k.length - 1;
+          ) : A(q);
+          U && (this._blocks.push(U), b && (this.exposeBlock = U), this._maskedBlocks[k] || (this._maskedBlocks[k] = []), this._maskedBlocks[k].push(this._blocks.length - 1)), n += k.length - 1;
           continue;
         }
       }
@@ -1354,15 +1354,15 @@ class x extends v {
         if (++n, r = e[n], !r) break;
         u = !1;
       }
-      const l = u ? new M({
+      const l = u ? new R({
         isOptional: s,
         lazy: this.lazy,
         eager: this.eager,
         placeholderChar: this.placeholderChar,
         displayChar: this.displayChar,
-        ...S(t[r]),
+        ...I(t[r]),
         parent: this
-      }) : new Q({
+      }) : new tt({
         char: r,
         eager: this.eager,
         isUnmasking: i
@@ -1541,22 +1541,22 @@ class x extends v {
     }), i;
   }
   nearestInputPos(t, e) {
-    if (e === void 0 && (e = h.NONE), !this._blocks.length) return 0;
+    if (e === void 0 && (e = p.NONE), !this._blocks.length) return 0;
     const i = new Ct(this, t);
-    if (e === h.NONE)
+    if (e === p.NONE)
       return i.pushRightBeforeInput() || (i.popState(), i.pushLeftBeforeInput()) ? i.pos : this.displayValue.length;
-    if (e === h.LEFT || e === h.FORCE_LEFT) {
-      if (e === h.LEFT) {
+    if (e === p.LEFT || e === p.FORCE_LEFT) {
+      if (e === p.LEFT) {
         if (i.pushRightBeforeFilled(), i.ok && i.pos === t) return t;
         i.popState();
       }
-      if (i.pushLeftBeforeInput(), i.pushLeftBeforeRequired(), i.pushLeftBeforeFilled(), e === h.LEFT) {
+      if (i.pushLeftBeforeInput(), i.pushLeftBeforeRequired(), i.pushLeftBeforeFilled(), e === p.LEFT) {
         if (i.pushRightBeforeInput(), i.pushRightBeforeRequired(), i.ok && i.pos <= t || (i.popState(), i.ok && i.pos <= t)) return i.pos;
         i.popState();
       }
-      return i.ok ? i.pos : e === h.FORCE_LEFT ? 0 : (i.popState(), i.ok || (i.popState(), i.ok) ? i.pos : 0);
+      return i.ok ? i.pos : e === p.FORCE_LEFT ? 0 : (i.popState(), i.ok || (i.popState(), i.ok) ? i.pos : 0);
     }
-    return e === h.RIGHT || e === h.FORCE_RIGHT ? (i.pushRightBeforeInput(), i.pushRightBeforeRequired(), i.pushRightBeforeFilled() ? i.pos : e === h.FORCE_RIGHT ? this.displayValue.length : (i.popState(), i.ok || (i.popState(), i.ok) ? i.pos : this.nearestInputPos(t, h.LEFT))) : t;
+    return e === p.RIGHT || e === p.FORCE_RIGHT ? (i.pushRightBeforeInput(), i.pushRightBeforeRequired(), i.pushRightBeforeFilled() ? i.pos : e === p.FORCE_RIGHT ? this.displayValue.length : (i.popState(), i.ok || (i.popState(), i.ok) ? i.pos : this.nearestInputPos(t, p.LEFT))) : t;
   }
   totalInputPositions(t, e) {
     t === void 0 && (t = 0), e === void 0 && (e = this.displayValue.length);
@@ -1586,10 +1586,10 @@ x.DEFAULTS = {
 };
 x.STOP_CHAR = "`";
 x.ESCAPE_CHAR = "\\";
-x.InputDefinition = M;
-x.FixedDefinition = Q;
-d.MaskedPattern = x;
-class V extends x {
+x.InputDefinition = R;
+x.FixedDefinition = tt;
+f.MaskedPattern = x;
+class M extends x {
   /**
     Optionally sets max length of pattern.
     Used when pattern length is longer then `to` param length. Pads zeros at start in this case.
@@ -1656,9 +1656,9 @@ class V extends x {
     return e;
   }
 }
-d.MaskedRange = V;
+f.MaskedRange = M;
 const Et = "d{.}`m{.}`Y";
-class E extends x {
+class w extends x {
   static extractPatternOptions(t) {
     const {
       mask: e,
@@ -1667,7 +1667,7 @@ class E extends x {
     } = t;
     return {
       ...s,
-      mask: w(e) ? e : i
+      mask: F(e) ? e : i
     };
   }
   /** Pattern mask for date according to {@link MaskedDate#format} */
@@ -1676,8 +1676,8 @@ class E extends x {
   /** Format typed value to string */
   /** Parse string to get typed value */
   constructor(t) {
-    super(E.extractPatternOptions({
-      ...E.DEFAULTS,
+    super(w.extractPatternOptions({
+      ...w.DEFAULTS,
       ...t
     }));
   }
@@ -1691,12 +1691,12 @@ class E extends x {
       blocks: s,
       ...n
     } = {
-      ...E.DEFAULTS,
+      ...w.DEFAULTS,
       ...t
-    }, r = Object.assign({}, E.GET_DEFAULT_BLOCKS());
+    }, r = Object.assign({}, w.GET_DEFAULT_BLOCKS());
     t.min && (r.Y.from = t.min.getFullYear()), t.max && (r.Y.to = t.max.getFullYear()), t.min && t.max && r.Y.from === r.Y.to && (r.m.from = t.min.getMonth() + 1, r.m.to = t.max.getMonth() + 1, r.m.from === r.m.to && (r.d.from = t.min.getDate(), r.d.to = t.max.getDate())), Object.assign(r, this.blocks, s), super._update({
       ...n,
-      mask: w(e) ? e : i,
+      mask: F(e) ? e : i,
       blocks: r
     });
   }
@@ -1725,29 +1725,29 @@ class E extends x {
     return t === Date || super.maskEquals(t);
   }
   optionsIsChanged(t) {
-    return super.optionsIsChanged(E.extractPatternOptions(t));
+    return super.optionsIsChanged(w.extractPatternOptions(t));
   }
 }
-E.GET_DEFAULT_BLOCKS = () => ({
+w.GET_DEFAULT_BLOCKS = () => ({
   d: {
-    mask: V,
+    mask: M,
     from: 1,
     to: 31,
     maxLength: 2
   },
   m: {
-    mask: V,
+    mask: M,
     from: 1,
     to: 12,
     maxLength: 2
   },
   Y: {
-    mask: V,
+    mask: M,
     from: 1900,
     to: 9999
   }
 });
-E.DEFAULTS = {
+w.DEFAULTS = {
   ...x.DEFAULTS,
   mask: Date,
   pattern: Et,
@@ -1761,11 +1761,11 @@ E.DEFAULTS = {
     return new Date(s, i - 1, e);
   }
 };
-d.MaskedDate = E;
-class L extends v {
+f.MaskedDate = w;
+class $ extends v {
   constructor(t) {
     super({
-      ...L.DEFAULTS,
+      ...$.DEFAULTS,
       ...t
     }), this.currentMask = void 0;
   }
@@ -1777,7 +1777,7 @@ class L extends v {
       const {
         expose: i,
         ...s
-      } = S(e), n = A({
+      } = I(e), n = A({
         overwrite: this._overwrite,
         eager: this._eager,
         skipInvalid: this._skipInvalid,
@@ -1950,7 +1950,7 @@ class L extends v {
         mask: s,
         ...n
       } = t[i];
-      return D(e, n) && e.maskEquals(s);
+      return T(e, n) && e.maskEquals(s);
     }) : super.maskEquals(t);
   }
   typedValueEquals(t) {
@@ -1958,28 +1958,28 @@ class L extends v {
     return !!((e = this.currentMask) != null && e.typedValueEquals(t));
   }
 }
-L.DEFAULTS = {
+$.DEFAULTS = {
   ...v.DEFAULTS,
   dispatch: (a, t, e, i) => {
     if (!t.compiledMasks.length) return;
     const s = t.rawInputValue, n = t.compiledMasks.map((r, u) => {
-      const l = t.currentMask === r, c = l ? r.displayValue.length : r.nearestInputPos(r.displayValue.length, h.FORCE_LEFT);
+      const l = t.currentMask === r, c = l ? r.displayValue.length : r.nearestInputPos(r.displayValue.length, p.FORCE_LEFT);
       return r.rawInputValue !== s ? (r.reset(), r.append(s, {
         raw: !0
       })) : l || r.remove(c), r.append(a, t.currentMaskFlags(e)), r.appendTail(i), {
         index: u,
         weight: r.rawInputValue.length,
-        totalInputPositions: r.totalInputPositions(0, Math.max(c, r.nearestInputPos(r.displayValue.length, h.FORCE_LEFT)))
+        totalInputPositions: r.totalInputPositions(0, Math.max(c, r.nearestInputPos(r.displayValue.length, p.FORCE_LEFT)))
       };
     });
     return n.sort((r, u) => u.weight - r.weight || u.totalInputPositions - r.totalInputPositions), t.compiledMasks[n[0].index];
   }
 };
-d.MaskedDynamic = L;
-class N extends x {
+f.MaskedDynamic = $;
+class z extends x {
   constructor(t) {
     super({
-      ...N.DEFAULTS,
+      ...z.DEFAULTS,
       ...t
     });
   }
@@ -1999,7 +1999,7 @@ class N extends x {
   }
   _appendCharRaw(t, e) {
     e === void 0 && (e = {});
-    const i = Math.min(this.nearestInputPos(0, h.FORCE_RIGHT), this.value.length), s = this.enum.filter((n) => this.matchValue(n, this.unmaskedValue + t, i));
+    const i = Math.min(this.nearestInputPos(0, p.FORCE_RIGHT), this.value.length), s = this.enum.filter((n) => this.matchValue(n, this.unmaskedValue + t, i));
     if (s.length) {
       s.length === 1 && this._forEachBlocksInRange(0, this.value.length, (r, u) => {
         const l = s[0][u];
@@ -2017,7 +2017,7 @@ class N extends x {
   }
   remove(t, e) {
     if (t === void 0 && (t = 0), e === void 0 && (e = this.displayValue.length), t === e) return new m();
-    const i = Math.min(super.nearestInputPos(0, h.FORCE_RIGHT), this.value.length);
+    const i = Math.min(super.nearestInputPos(0, p.FORCE_RIGHT), this.value.length);
     let s;
     for (s = t; s >= 0 && !(this.enum.filter((u) => this.matchValue(u, this.value.slice(i, s), i)).length > 1); --s)
       ;
@@ -2028,12 +2028,12 @@ class N extends x {
     return this.enum.indexOf(this.value) >= 0;
   }
 }
-N.DEFAULTS = {
+z.DEFAULTS = {
   ...x.DEFAULTS,
   matchValue: (a, t, e) => a.indexOf(t, e) === e
 };
-d.MaskedEnum = N;
-class At extends v {
+f.MaskedEnum = z;
+class wt extends v {
   /** */
   /** Enable characters overwriting */
   /** */
@@ -2049,8 +2049,8 @@ class At extends v {
     });
   }
 }
-d.MaskedFunction = At;
-var tt;
+f.MaskedFunction = wt;
+var et;
 class C extends v {
   /** Single char */
   /** Single char */
@@ -2079,8 +2079,8 @@ class C extends v {
     super._update(t), this._updateRegExps();
   }
   _updateRegExps() {
-    const t = "^" + (this.allowNegative ? "[+|\\-]?" : ""), e = "\\d*", i = (this.scale ? "(" + U(this.radix) + "\\d{0," + this.scale + "})?" : "") + "$";
-    this._numberRegExp = new RegExp(t + e + i), this._mapToRadixRegExp = new RegExp("[" + this.mapToRadix.map(U).join("") + "]", "g"), this._thousandsSeparatorRegExp = new RegExp(U(this.thousandsSeparator), "g");
+    const t = "^" + (this.allowNegative ? "[+|\\-]?" : ""), e = "\\d*", i = (this.scale ? "(" + P(this.radix) + "\\d{0," + this.scale + "})?" : "") + "$";
+    this._numberRegExp = new RegExp(t + e + i), this._mapToRadixRegExp = new RegExp("[" + this.mapToRadix.map(P).join("") + "]", "g"), this._thousandsSeparatorRegExp = new RegExp(P(this.thousandsSeparator), "g");
   }
   _removeThousandsSeparators(t) {
     return t.replace(this._thousandsSeparatorRegExp, "");
@@ -2161,19 +2161,19 @@ class C extends v {
   nearestInputPos(t, e) {
     if (!this.thousandsSeparator) return t;
     switch (e) {
-      case h.NONE:
-      case h.LEFT:
-      case h.FORCE_LEFT: {
+      case p.NONE:
+      case p.LEFT:
+      case p.FORCE_LEFT: {
         const i = this._findSeparatorAround(t - 1);
         if (i >= 0) {
           const s = i + this.thousandsSeparator.length;
-          if (t < s || this.value.length <= s || e === h.FORCE_LEFT)
+          if (t < s || this.value.length <= s || e === p.FORCE_LEFT)
             return i;
         }
         break;
       }
-      case h.RIGHT:
-      case h.FORCE_RIGHT: {
+      case p.RIGHT:
+      case p.FORCE_RIGHT: {
         const i = this._findSeparatorAround(t);
         if (i >= 0)
           return i + this.thousandsSeparator.length;
@@ -2234,7 +2234,7 @@ class C extends v {
     return (super.typedValueEquals(t) || C.EMPTY_VALUES.includes(t) && C.EMPTY_VALUES.includes(this.typedValue)) && !(t === 0 && this.value === "");
   }
 }
-tt = C;
+et = C;
 C.UNMASKED_RADIX = ".";
 C.EMPTY_VALUES = [...v.EMPTY_VALUES, 0];
 C.DEFAULTS = {
@@ -2242,7 +2242,7 @@ C.DEFAULTS = {
   mask: Number,
   radix: ",",
   thousandsSeparator: "",
-  mapToRadix: [tt.UNMASKED_RADIX],
+  mapToRadix: [et.UNMASKED_RADIX],
   min: Number.MIN_SAFE_INTEGER,
   max: Number.MAX_SAFE_INTEGER,
   scale: 2,
@@ -2254,24 +2254,24 @@ C.DEFAULTS = {
     maximumFractionDigits: 20
   })
 };
-d.MaskedNumber = C;
-const P = {
+f.MaskedNumber = C;
+const G = {
   MASKED: "value",
   UNMASKED: "unmaskedValue",
   TYPED: "typedValue"
 };
-function et(a, t, e) {
-  t === void 0 && (t = P.MASKED), e === void 0 && (e = P.MASKED);
+function it(a, t, e) {
+  t === void 0 && (t = G.MASKED), e === void 0 && (e = G.MASKED);
   const i = A(a);
   return (s) => i.runIsolated((n) => (n[t] = s, n[e]));
 }
-function Ft(a, t, e, i) {
-  return et(t, e, i)(a);
+function At(a, t, e, i) {
+  return it(t, e, i)(a);
 }
-d.PIPE_TYPE = P;
-d.createPipe = et;
-d.pipe = Ft;
-class wt extends x {
+f.PIPE_TYPE = G;
+f.createPipe = it;
+f.pipe = At;
+class Ft extends x {
   get repeatFrom() {
     var t;
     return (t = Array.isArray(this.repeat) ? this.repeat[0] : this.repeat === 1 / 0 ? 0 : this.repeat) != null ? t : 0;
@@ -2291,7 +2291,7 @@ class wt extends x {
     const {
       repeat: n,
       ...r
-    } = S(t);
+    } = I(t);
     this._blockOpts = Object.assign({}, this._blockOpts, r);
     const u = A(this._blockOpts);
     this.repeat = (e = (i = n ?? u.repeat) != null ? i : this.repeat) != null ? e : 1 / 0, super._update({
@@ -2364,532 +2364,56 @@ class wt extends x {
     this._blocks.length = t._blocks.length, this.mask = this.mask.slice(0, this._blocks.length), super.state = t;
   }
 }
-d.RepeatBlock = wt;
+f.RepeatBlock = Ft;
 try {
-  globalThis.IMask = d;
+  globalThis.IMask = f;
 } catch {
 }
-const Bt = dt`
-  :host {
-    display: block;
-    line-height: normal;
-  }
-
-  :host([data-user-invalid])::part(base) {
-    border-color: var(--cx-input-invalid-border-color);
-  }
-
-  :host([data-user-invalid]:focus-within)::part(base) {
-    border-color: var(--cx-input-invalid-border-color);
-    box-shadow: var(--cx-input-invalid-shadow);
-  }
-
-  .input {
-    flex: 1 1 auto;
-    display: inline-flex;
-    align-items: stretch;
-    justify-content: start;
-    position: relative;
-    width: 100%;
-    font-family: var(--cx-input-font-family);
-    font-weight: var(--cx-input-font-weight);
-    letter-spacing: var(--cx-input-letter-spacing);
-    vertical-align: middle;
-    overflow: hidden;
-    cursor: text;
-    transition:
-      var(--cx-transition-fast) color,
-      var(--cx-transition-fast) border,
-      var(--cx-transition-fast) box-shadow,
-      var(--cx-transition-fast) background-color;
-  }
-
-  /* Standard inputs */
-  .input--standard {
-    background-color: var(--cx-input-background-color);
-    border: solid var(--cx-input-border-width) var(--cx-input-border-color);
-  }
-
-  .input--standard:hover:not(.input--disabled) {
-    background-color: var(--cx-input-background-color-hover);
-    border-color: var(--cx-input-border-color-hover);
-  }
-
-  .input--standard.input--focused:not(.input--disabled) {
-    background-color: var(--cx-input-background-color-focus);
-    border-color: var(--cx-input-border-color-focus);
-  }
-
-  .input--standard.input--focused:not(.input--disabled) .input__control {
-    color: var(--cx-input-color-focus);
-  }
-
-  .input--standard.input--disabled {
-    background-color: var(--cx-input-background-color-disabled);
-    border-color: var(--cx-input-border-color-disabled);
-    opacity: 0.5;
-    cursor: default;
-  }
-
-  .input--standard.input--disabled .input__control {
-    color: var(--cx-input-color-disabled);
-  }
-
-  .input--standard.input--disabled .input__control::placeholder {
-    color: var(--cx-input-placeholder-color-disabled);
-  }
-
-  /* Filled inputs */
-  .input--filled {
-    border: none;
-    background-color: var(--cx-input-filled-background-color);
-    color: var(--cx-input-color);
-  }
-
-  .input--filled:hover:not(.input--disabled) {
-    background-color: var(--cx-input-filled-background-color-hover);
-  }
-
-  .input--filled.input--focused:not(.input--disabled) {
-    background-color: var(--cx-input-filled-background-color-focus);
-    outline: var(--cx-focus-ring);
-    outline-offset: var(--cx-focus-ring-offset);
-  }
-
-  .input--filled.input--disabled {
-    background-color: var(--cx-input-filled-background-color-disabled);
-    opacity: 0.5;
-    cursor: default;
-  }
-
-  .input__control {
-    font: inherit;
-    min-width: 0;
-    color: var(--cx-input-color);
-    border: none;
-    background: inherit;
-    box-shadow: none;
-    padding: 0;
-    margin: 0;
-    cursor: inherit;
-    -webkit-appearance: none;
-    line-height: var(--cx-line-height-medium);
-  }
-
-  .form-control--has-label .input__control {
-    padding-top: var(--cx-spacing-x-small);
-    padding-bottom: var(--cx-spacing-2x-small);
-  }
-
-  .input__control::-webkit-search-decoration,
-  .input__control::-webkit-search-cancel-button,
-  .input__control::-webkit-search-results-button,
-  .input__control::-webkit-search-results-decoration {
-    -webkit-appearance: none;
-  }
-
-  .input__control:-webkit-autofill,
-  .input__control:-webkit-autofill:hover,
-  .input__control:-webkit-autofill:focus,
-  .input__control:-webkit-autofill:active {
-    box-shadow: 0 0 0 var(--cx-input-height-large)
-      var(--cx-input-background-color-hover) inset !important;
-    -webkit-text-fill-color: var(--cx-color-primary-500);
-    caret-color: var(--cx-input-color);
-  }
-
-  .input--filled .input__control:-webkit-autofill,
-  .input--filled .input__control:-webkit-autofill:hover,
-  .input--filled .input__control:-webkit-autofill:focus,
-  .input--filled .input__control:-webkit-autofill:active {
-    box-shadow: 0 0 0 var(--cx-input-height-large)
-      var(--cx-input-filled-background-color) inset !important;
-  }
-
-  .input__control::placeholder {
-    color: var(--cx-input-placeholder-color);
-    user-select: none;
-    -webkit-user-select: none;
-  }
-
-  .input:hover:not(.input--disabled) .input__control {
-    color: var(--cx-input-color-hover);
-  }
-
-  .input__control:focus {
-    outline: none;
-  }
-
-  .input__prefix,
-  .input__suffix {
-    display: inline-flex;
-    flex: 0 0 auto;
-    align-items: center;
-    cursor: default;
-  }
-
-  .input__prefix ::slotted(cx-icon),
-  .input__suffix ::slotted(cx-icon) {
-    color: var(--cx-input-icon-color);
-  }
-
-  .input__character-count {
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
-    color: var(--cx-input-suffix-color, var(--cx-input-color));
-    font-size: var(--cx-input-font-size);
-    font-weight: var(--cx-input-font-weight);
-    letter-spacing: var(--cx-input-letter-spacing);
-    line-height: var(--cx-input-line-height);
-    padding-inline-end: var(--cx-spacing-x-small);
-    padding-top: var(--cx-spacing-2x-small);
-    white-space: nowrap;
-  }
-
-  /*
-   * Size modifiers
-   */
-
-  .input--small {
-    border-radius: var(--cx-input-border-radius-small);
-    font-size: var(--cx-input-font-size-small);
-    min-height: var(--cx-input-height-small);
-  }
-
-  .input--small .input__control {
-    padding-left: var(--cx-input-spacing-small);
-    padding-right: var(--cx-input-spacing-small);
-  }
-
-  .input--small .input__clear,
-  .input--small .input__password-toggle {
-    width: calc(1em + var(--cx-spacing-x-small) * 2);
-  }
-
-  .input--small .input__prefix ::slotted(*) {
-    margin-inline-start: var(--cx-spacing-x-small);
-  }
-
-  .input--small .input__suffix ::slotted(*) {
-    margin-inline-end: var(--cx-spacing-x-small);
-  }
-
-  .input--small .input__control--file {
-    gap: calc(var(--cx-input-spacing-small) / 2);
-    padding-top: var(--cx-spacing-x-small);
-    padding-bottom: var(--cx-spacing-x-small);
-  }
-
-  .input--medium {
-    border-radius: var(--cx-input-border-radius-medium);
-    font-size: var(--cx-input-font-size-small);
-    min-height: var(--cx-input-height-medium);
-  }
-
-  .input--medium .input__control {
-    padding-left: var(--cx-input-spacing-medium);
-    padding-right: var(--cx-input-spacing-medium);
-  }
-
-  .input--medium .input__clear,
-  .input--medium .input__password-toggle {
-    width: calc(1em + var(--cx-spacing-x-small) * 2);
-  }
-
-  .input--medium .input__prefix ::slotted(*) {
-    margin-inline-start: var(--cx-spacing-x-small);
-  }
-
-  .input--medium .input__suffix ::slotted(*) {
-    margin-inline-end: var(--cx-spacing-x-small);
-  }
-
-  .input--medium .input__control--file {
-    gap: calc(var(--cx-input-spacing-medium) / 2);
-  }
-
-  .input--large {
-    border-radius: var(--cx-input-border-radius-large);
-    font-size: var(--cx-input-font-size-small);
-    min-height: var(--cx-input-height-large);
-  }
-
-  .input--large .input__control {
-    padding-left: var(--cx-input-spacing-large);
-    padding-right: var(--cx-input-spacing-large);
-  }
-
-  .input--large .input__clear,
-  .input--large .input__password-toggle {
-    width: calc(1em + var(--cx-input-spacing-small) * 2);
-  }
-
-  .input--large .input__prefix ::slotted(*) {
-    margin-inline-start: var(--cx-input-spacing-small);
-  }
-
-  .input--large .input__suffix ::slotted(*) {
-    margin-inline-end: var(--cx-input-spacing-small);
-  }
-
-  .input--large .input__control--file {
-    gap: calc(var(--cx-input-spacing-large) / 2);
-  }
-
-  .input--button-only {
-    padding: 0;
-    border: 0;
-    align-items: center;
-  }
-
-  .input--button-only .input__control--file {
-    padding: 0;
-    border: 0;
-  }
-
-  .input--button-only .input-container {
-    display: none;
-  }
-
-  /*
-   * Pill modifier
-   */
-
-  .input--pill.input--small {
-    border-radius: var(--cx-input-height-small);
+class Bt {
+  constructor(t) {
+    this.host = t, this.host.addController(this);
   }
-
-  .input--pill.input--medium {
-    border-radius: var(--cx-input-height-medium);
+  hostConnected() {
   }
-
-  .input--pill.input--large {
-    border-radius: var(--cx-input-height-large);
+  hostDisconnected() {
   }
-
-  /*
-   * Clearable + Password Toggle
-   */
-
-  .input__clear,
-  .input__password-toggle {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    font-size: inherit;
-    color: var(--cx-input-icon-color);
-    border: none;
-    background: none;
-    padding: 0;
-    transition: var(--cx-transition-fast) color;
-    cursor: pointer;
-  }
-
-  .input__clear:hover,
-  .input__password-toggle:hover {
-    color: var(--cx-input-icon-color-hover);
-  }
-
-  .input__clear:focus,
-  .input__password-toggle:focus {
-    outline: none;
-  }
-
-  /* Don't show the browser's password toggle in Edge */
-  ::-ms-reveal {
-    display: none;
-  }
-
-  /* Hide the built-in number spinner */
-  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,
-  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-    display: none;
-  }
-
-  .input--no-spin-buttons input[type='number'] {
-    -moz-appearance: textfield;
-  }
-
-  input[type='file'] {
-    display: none;
-  }
-
-  /*
-   * Adapt label to be inside input
-   */
-
-  .input-container {
-    position: relative;
-    display: inline-flex;
-    flex-direction: column;
-    justify-content: center;
-    flex: 1;
-    width: 0;
-  }
-
-  .form-control__label {
-    position: relative;
-    -webkit-transition: transform 0.2s ease-in-out;
-    -moz-transition: transform 0.2s ease-in-out;
-    transition: transform 0.2s ease-in-out;
-    pointer-events: none;
-    width: fit-content;
-    line-height: 1; /* use line-height: 1 for easier transform calculation */
-    text-transform: var(--cx-input-label-text-transform, none);
-  }
-
-  /* when empty with no placeholder (initial state), transform label to vertical center
-    = (input height - label height) / 2
-  */
-  .form-control--has-label .input--small .form-control__label {
-    padding: 0 var(--cx-input-spacing-small);
-    transform: translateY(
-      calc(
-        (
-            var(--cx-input-height-small) +
-              1.25rem - var(--cx-input-font-size-small)
-          ) /
-          2
-      )
-    );
-    margin: 0;
-  }
-
-  .form-control--has-label .input--medium .form-control__label {
-    padding: 0 var(--cx-input-spacing-medium);
-    transform: translateY(
-      calc(
-        (
-            var(--cx-input-height-medium) +
-              1rem - var(--cx-input-font-size-medium)
-          ) /
-          2
-      )
-    );
-    margin: 0;
-  }
-
-  .form-control--has-label .input--large .form-control__label {
-    padding: 0 var(--cx-input-spacing-large);
-    transform: translateY(
-      calc(
-        (
-            var(--cx-input-height-large) +
-              1rem - var(--cx-input-font-size-large)
-          ) /
-          2
-      )
-    );
-    margin: 0;
+  hostUpdated() {
   }
-
-  /* Increase input height if there's a label */
-  .form-control--has-label .input--small,
-  .form-control--file .input--small {
-    min-height: calc(var(--cx-input-height-small) + 1rem);
-  }
-  .form-control--has-label .input--medium,
-  .form-control--file .input--medium {
-    min-height: calc(var(--cx-input-height-medium) + 1rem);
+  sync() {
+    if (!this.host.input)
+      return;
+    if (!this.host.autoGrow || this.host.type === "file") {
+      this.host.input.style.removeProperty("width"), this.host.input.style.removeProperty("min-width");
+      return;
+    }
+    const t = this.host.value || this.host.placeholder || " ", e = this.measureWidth(t);
+    if (e <= 0) {
+      this.host.input.style.removeProperty("width"), this.host.input.style.removeProperty("min-width");
+      return;
+    }
+    this.host.input.style.width = `${e}px`, this.host.input.style.removeProperty("min-width");
   }
-  .form-control--has-label .input--large,
-  .form-control--file .input--large {
-    min-height: calc(var(--cx-input-height-large) + 1rem);
+  measureWidth(t) {
+    return this.host.autoGrowMirror ? (this.host.autoGrowMirror.textContent = t || " ", Math.ceil(this.host.autoGrowMirror.getBoundingClientRect().width)) : 0;
   }
-
-  /* When focused or not empty, transform label to top
-    Instead of 0, use var(--cx-spacing-2x-small) to have a distance from top
-  */
-  .form-control--has-label .input--focused .form-control__label,
-  .form-control--has-label .input--has-placeholder .form-control__label,
-  .form-control--has-label .input:not(.input--empty) .form-control__label {
-    transform: translateY(
-      calc(var(--cx-spacing-2x-small) + var(--cx-spacing-3x-small))
-    ); /* distance from top */
-  }
-
-  .input__control--file {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    margin-block: 0;
-    text-align: start !important;
-    width: 100%;
-    height: 100%;
-  }
-
-  .input__control--file span {
-    flex: 1 1 auto;
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
-  }
-
-  /*
-   * Input groups support a variety of input types (e.g. inputs with tooltips, inputs as dropdown triggers, etc.).
-   * This means inputs aren't always direct descendants of the input group, thus we can't target them with the
-   * ::slotted selector. To work around this, the input group component does some magic to add these special classes to
-   * inputs and we style them here instead.
-   */
-
-  :host(
-      [data-cx-input-group__input--first]:not(
-        [data-cx-input-group__input--last]
-      )
-    )
-    .input {
-    border-start-end-radius: 0;
-    border-end-end-radius: 0;
-  }
-
-  :host([data-cx-input-group__input--inner]) .input {
-    border-radius: 0;
-  }
-
-  :host(
-      [data-cx-input-group__input--last]:not(
-        [data-cx-input-group__input--first]
-      )
-    )
-    .input {
-    border-start-start-radius: 0;
-    border-end-start-radius: 0;
-  }
-
-  /* All except the first */
-  :host([data-cx-input-group__input]:not([data-cx-input-group__input--first])) {
-    margin-inline-start: calc(-1 * var(--cx-input-border-width));
-  }
-
-  /* Bump hovered, focused, and checked inputs up so their focus ring isn't clipped */
-  :host([data-cx-input-group__input--hover]) {
-    z-index: 1;
-  }
-
-  /* Focus and checked are always on top */
-  :host([data-cx-input-group__input--focus]),
-  :host([data-cx-input-group__input][checked]) {
-    z-index: 2;
-  }
-`;
-var St = Object.defineProperty, It = Object.getOwnPropertyDescriptor, it = (a) => {
+}
+const St = ft`:host{line-height:normal;display:block}:host([data-user-invalid])::part(base){border-color:var(--cx-input-invalid-border-color)}:host([data-user-invalid]:focus-within)::part(base){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.input{width:100%;font-family:var(--cx-input-font-family);font-weight:var(--cx-input-font-weight);letter-spacing:var(--cx-input-letter-spacing);vertical-align:middle;cursor:text;transition:var(--cx-transition-fast) color, var(--cx-transition-fast) border, var(--cx-transition-fast) box-shadow, var(--cx-transition-fast) background-color;flex:auto;justify-content:start;align-items:stretch;display:inline-flex;position:relative;overflow:hidden}.input--auto-grow{flex:0 auto;width:auto;max-width:100%}.input--standard{background-color:var(--cx-input-background-color);border:solid var(--cx-input-border-width) var(--cx-input-border-color)}.input--standard:hover:not(.input--disabled){background-color:var(--cx-input-background-color-hover);border-color:var(--cx-input-border-color-hover)}.input--standard.input--focused:not(.input--disabled){background-color:var(--cx-input-background-color-focus);border-color:var(--cx-input-border-color-focus)}.input--standard.input--focused:not(.input--disabled) .input__control{color:var(--cx-input-color-focus)}.input--standard.input--disabled{background-color:var(--cx-input-background-color-disabled);border-color:var(--cx-input-border-color-disabled);opacity:.5;cursor:default}.input--standard.input--disabled .input__control{color:var(--cx-input-color-disabled)}.input--standard.input--disabled .input__control::placeholder{color:var(--cx-input-placeholder-color-disabled)}.input--filled{background-color:var(--cx-input-filled-background-color);color:var(--cx-input-color);border:none}.input--filled:hover:not(.input--disabled){background-color:var(--cx-input-filled-background-color-hover)}.input--filled.input--focused:not(.input--disabled){background-color:var(--cx-input-filled-background-color-focus);outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.input--filled.input--disabled{background-color:var(--cx-input-filled-background-color-disabled);opacity:.5;cursor:default}.input__control{font:inherit;min-width:0;color:var(--cx-input-color);background:inherit;box-shadow:none;cursor:inherit;-webkit-appearance:none;line-height:var(--cx-line-height-medium);border:none;margin:0;padding:0}.input__auto-grow-mirror{visibility:hidden;white-space:pre;pointer-events:none;box-sizing:border-box;font:inherit;letter-spacing:inherit;line-height:var(--cx-line-height-medium);border:0;margin:0;padding:0;position:absolute}.form-control--has-label .input__control,.form-control--has-label .input__auto-grow-mirror{padding-top:var(--cx-spacing-x-small);padding-bottom:var(--cx-spacing-2x-small)}.input__control::-webkit-search-decoration,.input__control::-webkit-search-cancel-button,.input__control::-webkit-search-results-button,.input__control::-webkit-search-results-decoration{-webkit-appearance:none}.input__control:-webkit-autofill,.input__control:-webkit-autofill:hover,.input__control:-webkit-autofill:focus,.input__control:-webkit-autofill:active{-webkit-text-fill-color:var(--cx-color-primary-500);caret-color:var(--cx-input-color);box-shadow:0 0 0 var(--cx-input-height-large) var(--cx-input-background-color-hover) inset!important}.input--filled .input__control:-webkit-autofill,.input--filled .input__control:-webkit-autofill:hover,.input--filled .input__control:-webkit-autofill:focus,.input--filled .input__control:-webkit-autofill:active{box-shadow:0 0 0 var(--cx-input-height-large) var(--cx-input-filled-background-color) inset!important}.input__control::placeholder{color:var(--cx-input-placeholder-color);-webkit-user-select:none;user-select:none}.input:hover:not(.input--disabled) .input__control{color:var(--cx-input-color-hover)}.input__control:focus{outline:none}.input__prefix,.input__suffix{cursor:default;flex:none;align-items:center;display:inline-flex}.input__prefix ::slotted(cx-icon),.input__suffix ::slotted(cx-icon){color:var(--cx-input-icon-color)}.input__character-count{color:var(--cx-input-suffix-color,var(--cx-input-color));font-size:var(--cx-input-font-size);font-weight:var(--cx-input-font-weight);letter-spacing:var(--cx-input-letter-spacing);line-height:var(--cx-input-line-height);padding-inline-end:var(--cx-spacing-x-small);padding-top:var(--cx-spacing-2x-small);white-space:nowrap;justify-content:flex-end;align-items:center;display:flex}.input--small{border-radius:var(--cx-input-border-radius-small);font-size:var(--cx-input-font-size-small);min-height:var(--cx-input-height-small)}.input--small .input__control,.input--small .input__auto-grow-mirror{padding-left:var(--cx-input-spacing-small);padding-right:var(--cx-input-spacing-small)}.input--small .input__clear,.input--small .input__password-toggle{width:calc(1em + var(--cx-spacing-x-small) * 2)}.input--small .input__prefix ::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.input--small .input__suffix ::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.input--small .input__control--file{gap:calc(var(--cx-input-spacing-small) / 2);padding-top:var(--cx-spacing-x-small);padding-bottom:var(--cx-spacing-x-small)}.input--medium{border-radius:var(--cx-input-border-radius-medium);font-size:var(--cx-input-font-size-small);min-height:var(--cx-input-height-medium)}.input--medium .input__control,.input--medium .input__auto-grow-mirror{padding-left:var(--cx-input-spacing-medium);padding-right:var(--cx-input-spacing-medium)}.input--medium .input__clear,.input--medium .input__password-toggle{width:calc(1em + var(--cx-spacing-x-small) * 2)}.input--medium .input__prefix ::slotted(*){margin-inline-start:var(--cx-spacing-x-small)}.input--medium .input__suffix ::slotted(*){margin-inline-end:var(--cx-spacing-x-small)}.input--medium .input__control--file{gap:calc(var(--cx-input-spacing-medium) / 2)}.input--large{border-radius:var(--cx-input-border-radius-large);font-size:var(--cx-input-font-size-small);min-height:var(--cx-input-height-large)}.input--large .input__control,.input--large .input__auto-grow-mirror{padding-left:var(--cx-input-spacing-large);padding-right:var(--cx-input-spacing-large)}.input--large .input__clear,.input--large .input__password-toggle{width:calc(1em + var(--cx-input-spacing-small) * 2)}.input--large .input__prefix ::slotted(*){margin-inline-start:var(--cx-input-spacing-small)}.input--large .input__suffix ::slotted(*){margin-inline-end:var(--cx-input-spacing-small)}.input--large .input__control--file{gap:calc(var(--cx-input-spacing-large) / 2)}.input--button-only{border:0;align-items:center;padding:0}.input--button-only .input__control--file{border:0;padding:0}.input--button-only .input-container{display:none}.input--pill.input--small{border-radius:var(--cx-input-height-small)}.input--pill.input--medium{border-radius:var(--cx-input-height-medium)}.input--pill.input--large{border-radius:var(--cx-input-height-large)}.input__clear,.input__password-toggle{font-size:inherit;color:var(--cx-input-icon-color);transition:var(--cx-transition-fast) color;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.input__clear:hover,.input__password-toggle:hover{color:var(--cx-input-icon-color-hover)}.input__clear:focus,.input__password-toggle:focus{outline:none}::-ms-reveal{display:none}.input--no-spin-buttons input[type=number]::-webkit-outer-spin-button,.input--no-spin-buttons input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;display:none}.input--no-spin-buttons input[type=number]{-moz-appearance:textfield}input[type=file]{display:none}.input-container{flex-direction:column;flex:1;justify-content:center;width:0;display:inline-flex;position:relative}.input-container--auto-grow{flex:0 auto;width:auto}.input__control--auto-grow{min-width:var(--cx-input-auto-grow-min-width,0);max-width:100%}.form-control__label{pointer-events:none;width:fit-content;text-transform:var(--cx-input-label-text-transform,none);line-height:1;-webkit-transition:transform .2s ease-in-out;-moz-transition:transform .2s ease-in-out;transition:transform .2s ease-in-out;position:relative}.form-control--has-label .input--small .form-control__label{padding:0 var(--cx-input-spacing-small);transform:translateY(calc(( var(--cx-input-height-small) + 1.25rem - var(--cx-input-font-size-small) ) / 2));margin:0}.form-control--has-label .input--medium .form-control__label{padding:0 var(--cx-input-spacing-medium);transform:translateY(calc(( var(--cx-input-height-medium) + 1rem - var(--cx-input-font-size-medium) ) / 2));margin:0}.form-control--has-label .input--large .form-control__label{padding:0 var(--cx-input-spacing-large);transform:translateY(calc(( var(--cx-input-height-large) + 1rem - var(--cx-input-font-size-large) ) / 2));margin:0}.form-control--has-label .input--small,.form-control--file .input--small{min-height:calc(var(--cx-input-height-small) + 1rem)}.form-control--has-label .input--medium,.form-control--file .input--medium{min-height:calc(var(--cx-input-height-medium) + 1rem)}.form-control--has-label .input--large,.form-control--file .input--large{min-height:calc(var(--cx-input-height-large) + 1rem)}.form-control--has-label .input--focused .form-control__label,.form-control--has-label .input--has-placeholder .form-control__label,.form-control--has-label .input:not(.input--empty) .form-control__label{transform:translateY(calc(var(--cx-spacing-2x-small) + var(--cx-spacing-3x-small)))}.input__control--file{flex-direction:row;align-items:center;width:100%;height:100%;margin-block:0;display:flex;text-align:start!important}.input__control--file span{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}:host([data-cx-input-group__input--first]:not([data-cx-input-group__input--last])) .input{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-input-group__input--inner]) .input{border-radius:0}:host([data-cx-input-group__input--last]:not([data-cx-input-group__input--first])) .input{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-input-group__input]:not([data-cx-input-group__input--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-input-group__input--hover]){z-index:1}:host([data-cx-input-group__input--focus]),:host([data-cx-input-group__input][checked]){z-index:2}`;
+var It = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, st = (a) => {
   throw TypeError(a);
-}, p = (a, t, e, i) => {
-  for (var s = i > 1 ? void 0 : i ? It(t, e) : t, n = a.length - 1, r; n >= 0; n--)
+}, h = (a, t, e, i) => {
+  for (var s = i > 1 ? void 0 : i ? Vt(t, e) : t, n = a.length - 1, r; n >= 0; n--)
     (r = a[n]) && (s = (i ? r(t, e, s) : r(s)) || s);
-  return i && s && St(t, e, s), s;
-}, Vt = (a, t, e) => t.has(a) || it("Cannot " + e), Dt = (a, t, e) => (Vt(a, t, "read from private field"), e ? e.call(a) : t.get(a)), Mt = (a, t, e) => t.has(a) ? it("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(a) : t.set(a, e), H, st;
-let o = class extends at {
+  return i && s && It(t, e, s), s;
+}, Dt = (a, t, e) => t.has(a) || st("Cannot " + e), Mt = (a, t, e) => (Dt(a, t, "read from private field"), e ? e.call(a) : t.get(a)), Tt = (a, t, e) => t.has(a) ? st("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(a) : t.set(a, e), H, nt;
+let o = class extends rt {
   constructor() {
-    super(), Mt(this, H), this.formControlController = new ht(this, {
+    super(), Tt(this, H), this.formControlController = new pt(this, {
       assumeInteractionOn: ["cx-input"]
-    }), this.hasSlotController = new ct(
+    }), this.hasSlotController = new dt(
       this,
       "help-text",
       "label"
-    ), this.localize = new pt(this), this.hasFocus = !1, this.maskInstance = null, this.containerClicked = !1, this.title = "", this.__numberInput = Object.assign(
+    ), this.localize = new ct(this), this.autoGrowController = new Bt(this), this.hasFocus = !1, this.maskInstance = null, this.containerClicked = !1, this.title = "", this.__numberInput = Object.assign(
       document.createElement("input"),
       {
         type: "number"
@@ -2899,7 +2423,7 @@ let o = class extends at {
       {
         type: "date"
       }
-    ), this.type = "text", this.name = "", this.value = "", this.unmaskedValue = "", this.defaultValue = "", this.size = "medium", this.filled = !1, this.pill = !1, this.label = "", this.helpText = "", this.clearable = !1, this.disabled = !1, this.placeholder = "", this.readonly = !1, this.passwordToggle = !1, this.passwordVisible = !1, this.noSpinButtons = !1, this.form = void 0, this.required = !1, this.showLength = !1, this.autocomplete = "off", this.autoFocus = !1, this.spellCheck = !0, this.maskPlaceholder = "_", this.maskLazy = !1, this.maskOverwrite = !1, this.maskBlocks = void 0, this.variant = "default", this.fileButtonLabel = "Choose file", this.buttonOnly = !1, this.fileResultLabel = (a) => {
+    ), this.type = "text", this.name = "", this.value = "", this.autoGrow = !1, this.unmaskedValue = "", this.defaultValue = "", this.size = "medium", this.filled = !1, this.pill = !1, this.label = "", this.helpText = "", this.clearable = !1, this.disabled = !1, this.placeholder = "", this.readonly = !1, this.passwordToggle = !1, this.passwordVisible = !1, this.noSpinButtons = !1, this.form = void 0, this.required = !1, this.showLength = !1, this.autocomplete = "off", this.autoFocus = !1, this.spellCheck = !0, this.maskPlaceholder = "_", this.maskLazy = !1, this.maskOverwrite = !1, this.maskBlocks = void 0, this.variant = "default", this.fileButtonLabel = "Choose file", this.buttonOnly = !1, this.fileResultLabel = (a) => {
       let t = "No file chosen";
       return a?.length && (a.length === 1 ? t = a[0].name : a.length > 1 && (t = `${a.length} files`)), t;
     }, this.handleMaskAccept = this.handleMaskAccept.bind(this);
@@ -2933,11 +2457,8 @@ let o = class extends at {
   get validationMessage() {
     return this.input.validationMessage;
   }
-  runConnectedCallback() {
-    this.initMaskInstance();
-  }
-  runFirstUpdated() {
-    this.formControlController.updateValidity();
+  connectedUpdatedCallback() {
+    this.initMaskInstance(), this.formControlController.updateValidity(), this.autoGrowController.sync();
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.maskInstance?.off("accept", this.handleMaskAccept), this.maskInstance?.destroy();
@@ -2951,7 +2472,7 @@ let o = class extends at {
         overwrite: this.maskOverwrite,
         placeholderChar: this.maskPlaceholder
       };
-      this.maskInstance = d(this.input, a);
+      this.maskInstance = f(this.input, a);
       const t = this.value;
       this.value = this.maskInstance.value, this.unmaskedValue = this.maskInstance.unmaskedValue, t !== this.value && this.emit("cx-change"), this.maskInstance.on("accept", this.handleMaskAccept);
     }
@@ -3007,7 +2528,10 @@ let o = class extends at {
     this.input.step = String(this.step), this.formControlController.updateValidity();
   }
   async handleValueChange() {
-    await this.updateComplete, this.formControlController.updateValidity(), this.maskInstance?.el && this.value !== this.maskInstance?.value && this.maskInstance.updateValue();
+    await this.updateComplete, this.formControlController.updateValidity(), this.maskInstance?.el && this.value !== this.maskInstance?.value && this.maskInstance.updateValue(), this.autoGrowController.sync();
+  }
+  async handleAutoGrowChange() {
+    await this.updateComplete, this.autoGrowController.sync();
   }
   /** Sets focus on the input. */
   focus(a) {
@@ -3068,11 +2592,8 @@ let o = class extends at {
     this.input.setCustomValidity(a), this.formControlController.updateValidity();
   }
   render() {
-    const a = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"), e = this.label ? !0 : !!a, i = this.helpText ? !0 : !!t, n = this.clearable && !this.disabled && !this.readonly && (typeof this.value == "number" || this.value.length > 0), r = typeof this.fileResultLabel == "function" ? this.fileResultLabel(Dt(this, H, st)) : this.fileResultLabel;
-    return F`
-      <div
-        part="form-control"
-        class=${z({
+    const a = this.hasSlotController.test("label"), t = this.hasSlotController.test("help-text"), e = this.label ? !0 : !!a, i = this.helpText ? !0 : !!t, n = this.clearable && !this.disabled && !this.readonly && (typeof this.value == "number" || this.value.length > 0), r = this.autoGrow && this.type !== "file", u = typeof this.fileResultLabel == "function" ? this.fileResultLabel(Mt(this, H, nt)) : this.fileResultLabel;
+    return E`<div part="form-control" class=${S({
       "form-control": !0,
       "form-control--file": this.type === "file",
       "form-control--has-help-text": i,
@@ -3080,13 +2601,9 @@ let o = class extends at {
       "form-control--large": this.size === "large",
       "form-control--medium": this.size === "medium",
       "form-control--small": this.size === "small"
-    })}
-      >
-        <div part="form-control-input" class="form-control-input">
-          <div
-            part="base"
-            class=${z({
+    })}><div part="form-control-input" class="form-control-input"><div part="base" class=${S({
       input: !0,
+      "input--auto-grow": r,
       "input--button-only": this.buttonOnly,
       "input--disabled": this.disabled,
       "input--empty": !this.value,
@@ -3100,290 +2617,162 @@ let o = class extends at {
       "input--pill": this.pill,
       "input--small": this.size === "small",
       "input--standard": !this.filled
-    })}
-          >
-            <span part="prefix" class="input__prefix">
-              <slot name="prefix"></slot>
-            </span>
-
-            <span
-              class="input-container"
-              @mousedown=${this.handleContainerMouseDown}
-            >
-              <label
-                part="form-control-label"
-                class=${z({
+    })}><span part="prefix" class="input__prefix"><slot name="prefix"></slot></span><span class=${S({
+      "input-container": !0,
+      "input-container--auto-grow": r
+    })} @mousedown=${this.handleContainerMouseDown}><label part="form-control-label" class=${S({
       "form-control__label": !0,
       "form-control__label--empty": !this.value
-    })}
-                for="input"
-                aria-hidden=${e ? "false" : "true"}
-              >
-                <slot name="label" part="label">${this.label}</slot>
-              </label>
-              <input
-                part="input"
-                id="input"
-                class="input__control"
-                type=${this.type === "password" && this.passwordVisible ? "text" : this.type}
-                title=${this.title}
-                aria-label=${_(this.ariaLabel)}
-                name=${_(this.name)}
-                ?disabled=${this.disabled}
-                ?readonly=${this.readonly}
-                ?required=${this.required}
-                placeholder=${_(this.placeholder)}
-                minlength=${_(this.minlength)}
-                maxlength=${_(this.maxlength)}
-                min=${_(this.min)}
-                max=${_(this.max)}
-                step=${_(this.step)}
-                autocapitalize=${_(this.autocapitalize)}
-                autocomplete=${_(this.autocomplete)}
-                autocorrect=${_(this.autoCorrect)}
-                ?autofocus=${this.autoFocus}
-                spellcheck=${this.spellCheck}
-                pattern=${_(this.pattern)}
-                enterkeyhint=${_(this.enterKeyHint)}
-                inputmode=${_(this.inputMode)}
-                aria-describedby="help-text"
-                .value=${ft(this.value)}
-                @change=${this.handleChange}
-                @input=${this.handleInput}
-                @invalid=${this.handleInvalid}
-                @keydown=${this.handleKeyDown}
-                @focus=${this.handleFocus}
-                @blur=${this.handleBlur}
-                accept=${_(this.accept)}
-                ?multiple=${this.multiple}
-              />
-              ${this.type === "file" && !this.buttonOnly ? F`<div
-                    class="input__control input__control--file"
-                    part="file-control"
-                    @click=${this.handleFileButtonClick}
-                  >
-                    <slot name="file-button">
-                      <cx-button
-                        part="file-button"
-                        variant=${_(this.variant)}
-                        size=${_(this.size)}
-                        ?disabled=${this.disabled}
-                        >${this.fileButtonLabel}</cx-button
-                      >
-                    </slot>
-                    <span part="file-result">${r}</span>
-                  </div>` : ""}
-            </span>
-            ${this.type === "file" && this.buttonOnly ? F` <div
-                  class="input__control input__control--file"
-                  part="file-control"
-                  @click=${this.handleFileButtonClick}
-                >
-                  <slot name="file-button">
-                    <cx-button
-                      part="file-button"
-                      variant=${_(this.variant)}
-                      size=${_(this.size)}
-                      ?disabled=${this.disabled}
-                      >${this.fileButtonLabel}</cx-button
-                    >
-                  </slot>
-                </div>` : ""}
-            ${n ? F`
-                  <button
-                    part="clear-button"
-                    class="input__clear"
-                    type="button"
-                    aria-label=${this.localize.term("clearEntry")}
-                    @click=${this.handleClearClick}
-                    tabindex="-1"
-                  >
-                    <slot name="clear-icon">
-                      <cx-icon name="close"></cx-icon>
-                    </slot>
-                  </button>
-                ` : ""}
-            ${this.passwordToggle && !this.disabled ? F`
-                  <button
-                    part="password-toggle-button"
-                    class="input__password-toggle"
-                    type="button"
-                    aria-label=${this.localize.term(
-      this.passwordVisible ? "hidePassword" : "showPassword"
+    })} for="input" aria-hidden=${e ? "false" : "true"}><slot name="label" part="label">${this.label}</slot></label><input part="input" id="input" class=${S({
+      input__control: !0,
+      "input__control--auto-grow": r
+    })} type=${this.type === "password" && this.passwordVisible ? "text" : this.type} title=${this.title} aria-label=${_(this.ariaLabel)} name=${_(this.name)} ?disabled=${this.disabled} ?readonly=${this.readonly} ?required=${this.required} placeholder=${_(this.placeholder)} minlength=${_(this.minlength)} maxlength=${_(this.maxlength)} min=${_(this.min)} max=${_(this.max)} step=${_(this.step)} autocapitalize=${_(this.autocapitalize)} autocomplete=${_(this.autocomplete)} autocorrect=${_(this.autoCorrect)} ?autofocus=${this.autoFocus} spellcheck=${this.spellCheck} pattern=${_(this.pattern)} enterkeyhint=${_(this.enterKeyHint)} inputmode=${_(this.inputMode)} aria-describedby="help-text" .value=${mt(this.value)} @change=${this.handleChange} @input=${this.handleInput} @invalid=${this.handleInvalid} @keydown=${this.handleKeyDown} @focus=${this.handleFocus} @blur=${this.handleBlur} accept=${_(this.accept)} ?multiple=${this.multiple}>${Y(
+      r,
+      () => E`<span part="auto-grow-mirror" class="input__auto-grow-mirror" aria-hidden="true"></span>`
     )}
-                    @click=${this.handlePasswordToggle}
-                    tabindex="-1"
-                  >
-                    ${this.passwordVisible ? F`
-                          <slot name="show-password-icon">
-                            <cx-icon
-                              name="visibility_off"
-                              library="system"
-                            ></cx-icon>
-                          </slot>
-                        ` : F`
-                          <slot name="hide-password-icon">
-                            <cx-icon
-                              name="visibility"
-                              library="system"
-                            ></cx-icon>
-                          </slot>
-                        `}
-                  </button>
-                ` : ""}
-
-            <span part="suffix" class="input__suffix">
-              <slot name="suffix"></slot>
-            </span>
-          </div>
-          ${mt(this.showLength, () => F`
-              <div part="character-count" class="input__character-count">
-                ${[
+              ${this.type === "file" && !this.buttonOnly ? E`<div class="input__control input__control--file" part="file-control" @click=${this.handleFileButtonClick}><slot name="file-button"><cx-button part="file-button" variant=${_(this.variant)} size=${_(this.size)} ?disabled=${this.disabled}>${this.fileButtonLabel}</cx-button></slot><span part="file-result">${u}</span></div>` : ""}</span>${this.type === "file" && this.buttonOnly ? E`<div class="input__control input__control--file" part="file-control" @click=${this.handleFileButtonClick}><slot name="file-button"><cx-button part="file-button" variant=${_(this.variant)} size=${_(this.size)} ?disabled=${this.disabled}>${this.fileButtonLabel}</cx-button></slot></div>` : ""}
+            ${n ? E`<button part="clear-button" class="input__clear" type="button" aria-label=${this.localize.term("clearEntry")} @click=${this.handleClearClick} tabindex="-1"><slot name="clear-icon"><cx-icon name="close"></cx-icon></slot></button>` : ""}
+            ${this.passwordToggle && !this.disabled ? E`<button part="password-toggle-button" class="input__password-toggle" type="button" aria-label=${this.localize.term(
+      this.passwordVisible ? "hidePassword" : "showPassword"
+    )} @click=${this.handlePasswordToggle} tabindex="-1">${this.passwordVisible ? E`<slot name="show-password-icon"><cx-icon name="visibility_off" library="system"></cx-icon></slot>` : E`<slot name="hide-password-icon"><cx-icon name="visibility" library="system"></cx-icon></slot>`}</button>` : ""}<span part="suffix" class="input__suffix"><slot name="suffix"></slot></span></div>${Y(this.showLength, () => E`<div part="character-count" class="input__character-count">${[
       this.minlength && `${this.minlength} /`,
       this.value.length,
       this.maxlength && `/ ${this.maxlength}`
-    ].filter(Boolean).join(" ")}
-              </div>
-            `)}
-        </div>
-        <div
-          part="form-control-help-text"
-          id="help-text"
-          class="form-control__help-text"
-          aria-hidden=${i ? "false" : "true"}
-        >
-          <slot name="help-text">${this.helpText}</slot>
-        </div>
-      </div>
-    `;
+    ].filter(Boolean).join(" ")}</div>`)}</div><div part="form-control-help-text" id="help-text" class="form-control__help-text" aria-hidden=${i ? "false" : "true"}><slot name="help-text">${this.helpText}</slot></div></div>`;
   }
 };
 H = /* @__PURE__ */ new WeakSet();
-st = function() {
+nt = function() {
   return this.input?.files;
 };
 o.styles = [
-  rt,
   ut,
-  Bt
+  ot,
+  St
 ];
 o.dependencies = { "cx-icon": gt };
-p([
-  K(".input__control")
+h([
+  O(".input__control")
 ], o.prototype, "input", 2);
-p([
-  K(".input-container")
+h([
+  O(".input__auto-grow-mirror")
+], o.prototype, "autoGrowMirror", 2);
+h([
+  O(".input-container")
 ], o.prototype, "inputContainer", 2);
-p([
-  K(".form-control__label")
+h([
+  O(".form-control__label")
 ], o.prototype, "labelElement", 2);
-p([
+h([
   j()
 ], o.prototype, "hasFocus", 2);
-p([
+h([
   j()
 ], o.prototype, "maskInstance", 2);
-p([
+h([
   j()
 ], o.prototype, "containerClicked", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "title", 2);
-p([
-  f({ reflect: !0 })
+h([
+  d({ reflect: !0 })
 ], o.prototype, "type", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "name", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "value", 2);
-p([
-  f({ attribute: "unmasked-value", reflect: !0, type: String })
+h([
+  d({ attribute: "auto-grow", type: Boolean })
+], o.prototype, "autoGrow", 2);
+h([
+  d({ attribute: "unmasked-value", reflect: !0, type: String })
 ], o.prototype, "unmaskedValue", 2);
-p([
-  ot()
+h([
+  ht()
 ], o.prototype, "defaultValue", 2);
-p([
-  f({ reflect: !0 })
+h([
+  d({ reflect: !0 })
 ], o.prototype, "size", 2);
-p([
-  f({ reflect: !0, type: Boolean })
+h([
+  d({ reflect: !0, type: Boolean })
 ], o.prototype, "filled", 2);
-p([
-  f({ reflect: !0, type: Boolean })
+h([
+  d({ reflect: !0, type: Boolean })
 ], o.prototype, "pill", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "label", 2);
-p([
-  f({ attribute: "help-text" })
+h([
+  d({ attribute: "help-text" })
 ], o.prototype, "helpText", 2);
-p([
-  f({ type: Boolean })
+h([
+  d({ type: Boolean })
 ], o.prototype, "clearable", 2);
-p([
-  f({ reflect: !0, type: Boolean })
+h([
+  d({ reflect: !0, type: Boolean })
 ], o.prototype, "disabled", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "placeholder", 2);
-p([
-  f({ reflect: !0, type: Boolean })
+h([
+  d({ reflect: !0, type: Boolean })
 ], o.prototype, "readonly", 2);
-p([
-  f({ attribute: "password-toggle", type: Boolean })
+h([
+  d({ attribute: "password-toggle", type: Boolean })
 ], o.prototype, "passwordToggle", 2);
-p([
-  f({ attribute: "password-visible", type: Boolean })
+h([
+  d({ attribute: "password-visible", type: Boolean })
 ], o.prototype, "passwordVisible", 2);
-p([
-  f({ attribute: "no-spin-buttons", type: Boolean })
+h([
+  d({ attribute: "no-spin-buttons", type: Boolean })
 ], o.prototype, "noSpinButtons", 2);
-p([
-  f({ reflect: !1 })
+h([
+  d({ reflect: !1 })
 ], o.prototype, "form", 2);
-p([
-  f({ reflect: !0, type: Boolean })
+h([
+  d({ reflect: !0, type: Boolean })
 ], o.prototype, "required", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "pattern", 2);
-p([
-  f({ type: Number })
+h([
+  d({ type: Number })
 ], o.prototype, "minlength", 2);
-p([
-  f({ type: Number })
+h([
+  d({ type: Number })
 ], o.prototype, "maxlength", 2);
-p([
-  f({ attribute: "show-length", type: Boolean })
+h([
+  d({ attribute: "show-length", type: Boolean })
 ], o.prototype, "showLength", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "min", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "max", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "step", 2);
-p([
-  f({ attribute: "autocapitalize", reflect: !0, type: String })
+h([
+  d({ attribute: "autocapitalize", reflect: !0, type: String })
 ], o.prototype, "autoCapitalize", 2);
-p([
-  f({ attribute: "autocorrect", reflect: !0, type: String })
+h([
+  d({ attribute: "autocorrect", reflect: !0, type: String })
 ], o.prototype, "autoCorrect", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "autocomplete", 2);
-p([
-  f({ attribute: "autofocus", type: Boolean })
+h([
+  d({ attribute: "autofocus", type: Boolean })
 ], o.prototype, "autoFocus", 2);
-p([
-  f({ attribute: "enterkeyhint", reflect: !0, type: String })
+h([
+  d({ attribute: "enterkeyhint", reflect: !0, type: String })
 ], o.prototype, "enterKeyHint", 2);
-p([
-  f({
+h([
+  d({
     attribute: "spellcheck",
     converter: {
       // Allow "true|false" attribute values but keep the property boolean
@@ -3394,20 +2783,20 @@ p([
     type: Boolean
   })
 ], o.prototype, "spellCheck", 2);
-p([
-  f({ attribute: "inputmode", reflect: !0, type: String })
+h([
+  d({ attribute: "inputmode", reflect: !0, type: String })
 ], o.prototype, "inputMode", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "mask", 2);
-p([
-  f({ attribute: "mask-placeholder" })
+h([
+  d({ attribute: "mask-placeholder" })
 ], o.prototype, "maskPlaceholder", 2);
-p([
-  f({ attribute: "mask-lazy", type: Boolean })
+h([
+  d({ attribute: "mask-lazy", type: Boolean })
 ], o.prototype, "maskLazy", 2);
-p([
-  f({
+h([
+  d({
     attribute: "mask-overwrite",
     converter: {
       fromAttribute: (a) => a === "shift" ? a : a !== void 0,
@@ -3415,29 +2804,29 @@ p([
     }
   })
 ], o.prototype, "maskOverwrite", 2);
-p([
-  f({ attribute: "mask-blocks", type: Object })
+h([
+  d({ attribute: "mask-blocks", type: Object })
 ], o.prototype, "maskBlocks", 2);
-p([
-  f()
+h([
+  d()
 ], o.prototype, "accept", 2);
-p([
-  f({ type: Boolean })
+h([
+  d({ type: Boolean })
 ], o.prototype, "multiple", 2);
-p([
-  f({ reflect: !0 })
+h([
+  d({ reflect: !0 })
 ], o.prototype, "variant", 2);
-p([
-  f({ attribute: "file-button-label" })
+h([
+  d({ attribute: "file-button-label" })
 ], o.prototype, "fileButtonLabel", 2);
-p([
-  f({ attribute: "button-only", type: Boolean })
+h([
+  d({ attribute: "button-only", type: Boolean })
 ], o.prototype, "buttonOnly", 2);
-p([
-  f({ attribute: "file-result-label" })
+h([
+  d({ attribute: "file-result-label" })
 ], o.prototype, "fileResultLabel", 2);
-p([
-  T(
+h([
+  V(
     ["mask", "maskBlocks", "maskLazy", "maskOverwrite", "maskPlaceholder"],
     {
       deepCompare: !0,
@@ -3445,16 +2834,19 @@ p([
     }
   )
 ], o.prototype, "initMaskInstance", 1);
-p([
-  T("disabled", { waitUntilFirstUpdate: !0 })
+h([
+  V("disabled", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleDisabledChange", 1);
-p([
-  T("step", { waitUntilFirstUpdate: !0 })
+h([
+  V("step", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleStepChange", 1);
-p([
-  T("value", { waitUntilFirstUpdate: !0 })
+h([
+  V("value", { waitUntilFirstUpdate: !0 })
 ], o.prototype, "handleValueChange", 1);
-o = p([
+h([
+  V(["autoGrow", "placeholder", "type"], { waitUntilFirstUpdate: !0 })
+], o.prototype, "handleAutoGrowChange", 1);
+o = h([
   lt("cx-input")
 ], o);
 export {