@prolibu-suite/cobalt-form-vue 0.1.3 → 1.0.0

package/dist/index.js

@@ -1,9 +1,9 @@
-import { createForm as W, normalizeForValidation as H } from "@prolibu-suite/cobalt-form-core";
-import { createForm as xe } from "@prolibu-suite/cobalt-form-core";
-import { shallowRef as M, watch as U, toValue as G, onBeforeUnmount as K, computed as f, defineComponent as C, openBlock as g, createBlock as A, unref as $, resolveDynamicComponent as Z, reactive as Q, onMounted as X, createElementBlock as T, withModifiers as Y, renderSlot as V, createElementVNode as O, normalizeClass as N, Fragment as _, renderList as ee, createVNode as I } from "vue";
-import { CoInput as k, CoNumberField as te, CoSwitch as le, CoSelect as re, CoRefField as ae, CoButton as oe } from "@prolibu-suite/cobalt-vue";
-function he(e) {
-  const c = M(null), t = M({
+import { createForm as ht, normalizeForValidation as ct } from "@prolibu-suite/cobalt-form-core";
+import { createForm as $s } from "@prolibu-suite/cobalt-form-core";
+import { shallowRef as Re, watch as J, toValue as pt, onBeforeUnmount as Ue, computed as c, defineComponent as T, openBlock as w, createBlock as R, unref as O, withCtx as Ie, createElementBlock as j, renderSlot as he, createCommentVNode as ue, normalizeClass as ft, createTextVNode as mt, toDisplayString as _e, createElementVNode as ce, ref as H, onMounted as Se, withModifiers as Pe, createVNode as me, defineAsyncComponent as gt, resolveDynamicComponent as vt, provide as se, reactive as Oe, normalizeStyle as Be, Fragment as je, renderList as He, mergeProps as Ge, nextTick as kt, inject as le } from "vue";
+import { CoSwitch as Ct, CoColorPicker as yt, CoDatePicker as bt, CoFileField as At, CoIcon as Ft, CoJsonField as Et, CoTagsField as xt, CoNumberField as _t, CoPhoneField as St, CoRefField as Bt, CoRichTextEditor as Mt, CoSelect as wt, CoInput as Ke, CoTextarea as It, CoButton as Vt, CoAccordion as Dt } from "@prolibu-suite/cobalt-vue";
+function Ts(i) {
+  const e = Re(null), t = Re({
     values: {},
     errors: {},
     touched: {},
@@ -11,118 +11,3021 @@ function he(e) {
     isDirty: !1,
     isSubmitting: !1
   });
-  let r = null;
-  function v(n) {
-    r == null || r();
-    const s = W(n);
-    c.value = s, t.value = s.state, r = s.subscribe((a) => {
-      t.value = a;
+  let s = null;
+  function r(n) {
+    s == null || s();
+    const a = ht(n);
+    e.value = a, t.value = a.state, s = a.subscribe((l) => {
+      t.value = l;
     });
   }
-  return U(
-    () => G(e),
-    (n) => v(n),
+  return J(
+    () => pt(i),
+    (n) => r(n),
     { immediate: !0, deep: !1 }
-  ), K(() => {
-    r == null || r(), r = null;
+  ), Ue(() => {
+    s == null || s(), s = null;
   }), {
-    controller: c,
-    values: f(() => t.value.values),
-    errors: f(() => t.value.errors),
-    touched: f(() => t.value.touched),
-    isValid: f(() => t.value.isValid),
-    isDirty: f(() => t.value.isDirty),
-    isSubmitting: f(() => t.value.isSubmitting),
-    fields: f(() => {
+    controller: e,
+    values: c(() => t.value.values),
+    errors: c(() => t.value.errors),
+    touched: c(() => t.value.touched),
+    isValid: c(() => t.value.isValid),
+    isDirty: c(() => t.value.isDirty),
+    isSubmitting: c(() => t.value.isSubmitting),
+    fields: c(() => {
       var n;
-      return ((n = c.value) == null ? void 0 : n.fields) ?? [];
+      return ((n = e.value) == null ? void 0 : n.fields) ?? [];
     }),
-    setValue: (n, s) => {
-      var a;
-      return (a = c.value) == null ? void 0 : a.setValue(n, s);
+    setValue: (n, a) => {
+      var l;
+      return (l = e.value) == null ? void 0 : l.setValue(n, a);
     },
     setValues: (n) => {
-      var s;
-      return (s = c.value) == null ? void 0 : s.setValues(n);
+      var a;
+      return (a = e.value) == null ? void 0 : a.setValues(n);
     },
     touch: (n) => {
-      var s;
-      return (s = c.value) == null ? void 0 : s.touch(n);
+      var a;
+      return (a = e.value) == null ? void 0 : a.touch(n);
     },
     touchAll: () => {
       var n;
-      return (n = c.value) == null ? void 0 : n.touchAll();
+      return (n = e.value) == null ? void 0 : n.touchAll();
     },
     setSchema: (n) => {
-      var s;
-      return (s = c.value) == null ? void 0 : s.setSchema(n);
+      var a;
+      return (a = e.value) == null ? void 0 : a.setSchema(n);
     },
     validate: () => {
       var n;
-      return ((n = c.value) == null ? void 0 : n.validate()) ?? !0;
+      return ((n = e.value) == null ? void 0 : n.validate()) ?? !0;
+    },
+    submit: () => {
+      var n;
+      return ((n = e.value) == null ? void 0 : n.submit()) ?? Promise.resolve({ values: {}, isValid: !0, errors: {} });
+    },
+    reset: (n) => {
+      var a;
+      return (a = e.value) == null ? void 0 : a.reset(n);
+    }
+  };
+}
+const Tt = /* @__PURE__ */ T({
+  __name: "FieldBoolean",
+  props: {
+    field: {},
+    value: {},
+    errors: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:value"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText);
+    return (a, l) => (w(), R(O(Ct), {
+      label: i.field.label,
+      required: i.field.required,
+      disabled: i.disabled,
+      status: r.value,
+      "helper-text": n.value,
+      checked: !!i.value,
+      onCoChange: l[0] || (l[0] = (u) => s("update:value", u.detail))
+    }, null, 8, ["label", "required", "disabled", "status", "helper-text", "checked"]));
+  }
+}), Rt = /* @__PURE__ */ T({
+  __name: "FieldColor",
+  props: {
+    field: {},
+    value: {},
+    errors: {},
+    disabled: { type: Boolean },
+    locale: {}
+  },
+  emits: ["update:value", "blur"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = {
+      en: {
+        green: "Green",
+        yellow: "Yellow",
+        blue: "Blue",
+        pink: "Pink",
+        red: "Red",
+        orange: "Orange",
+        teal: "Teal",
+        lightBlue: "Light blue",
+        electricBlue: "Electric blue",
+        violet: "Violet",
+        burgundy: "Burgundy",
+        olive: "Olive"
+      },
+      es: {
+        green: "Verde",
+        yellow: "Amarillo",
+        blue: "Azul",
+        pink: "Rosado",
+        red: "Rojo",
+        orange: "Naranja",
+        teal: "Turquesa",
+        lightBlue: "Azul claro",
+        electricBlue: "Azul eléctrico",
+        violet: "Violeta",
+        burgundy: "Guinda",
+        olive: "Oliva"
+      },
+      pt: {
+        green: "Verde",
+        yellow: "Amarelo",
+        blue: "Azul",
+        pink: "Rosa",
+        red: "Vermelho",
+        orange: "Laranja",
+        teal: "Turquesa",
+        lightBlue: "Azul claro",
+        electricBlue: "Azul elétrico",
+        violet: "Violeta",
+        burgundy: "Bordô",
+        olive: "Oliva"
+      }
+    }, n = [
+      { key: "green", value: "#02A270" },
+      { key: "yellow", value: "#FDBF00" },
+      { key: "blue", value: "#2563EB" },
+      { key: "pink", value: "#F32A73" },
+      { key: "red", value: "#EB1E1E" },
+      { key: "orange", value: "#F0821E" },
+      { key: "teal", value: "#00AFAF" },
+      { key: "lightBlue", value: "#00BEE6" },
+      { key: "electricBlue", value: "#000AFF" },
+      { key: "violet", value: "#5F4BD7" },
+      { key: "burgundy", value: "#811137" },
+      { key: "olive", value: "#AAB43C" }
+    ], a = c(() => t.errors.length > 0 ? "error" : "default"), l = c(() => t.errors[0] || t.field.helperText), u = c(() => {
+      var E;
+      const o = (E = t.field.originalAttrs) == null ? void 0 : E.presets;
+      if (Array.isArray(o) && o.length) return JSON.stringify(o);
+      const v = (t.locale || "en").split("-")[0].toLowerCase(), p = r[v] || r.en, m = n.map((b) => ({
+        name: p[b.key] || b.key,
+        value: b.value
+      }));
+      return JSON.stringify(m);
+    });
+    return (o, v) => (w(), R(O(yt), {
+      label: i.field.label,
+      placeholder: i.field.placeholder,
+      required: i.field.required,
+      disabled: i.disabled,
+      status: a.value,
+      "helper-text": l.value,
+      presets: u.value,
+      value: String(i.value ?? ""),
+      onCoChange: v[0] || (v[0] = (p) => s("update:value", p.detail))
+    }, null, 8, ["label", "placeholder", "required", "disabled", "status", "helper-text", "presets", "value"]));
+  }
+}), Ot = /* @__PURE__ */ T({
+  __name: "FieldDatePicker",
+  props: {
+    field: {},
+    value: {},
+    errors: {},
+    disabled: { type: Boolean },
+    locale: {}
+  },
+  emits: ["update:value", "blur"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => {
+      const p = t.value;
+      return typeof p != "string" || p === "" ? null : p.length >= 10 ? p.slice(0, 10) : p;
+    }), n = c(() => t.field.originalAttrs.min), a = c(() => t.field.originalAttrs.max), l = c(() => t.field.originalAttrs.disabledDates), u = c(() => t.field.originalAttrs.disabledDaysOfWeek), o = c(
+      () => t.locale || t.field.originalAttrs.locale || "es-CO"
+    ), v = c(
+      () => t.field.originalAttrs.displayFormat || "d MMM yyyy"
+    );
+    return (p, m) => (w(), R(O(bt), {
+      label: i.field.label,
+      placeholder: i.field.placeholder,
+      required: i.field.required,
+      disabled: i.disabled,
+      clearable: !i.field.required,
+      invalid: i.errors.length > 0,
+      "error-message": i.errors[0],
+      "helper-text": i.field.helperText,
+      value: r.value,
+      min: n.value,
+      max: a.value,
+      "disabled-dates": l.value,
+      "disabled-days-of-week": u.value,
+      locale: o.value,
+      "display-format": v.value,
+      onCoChange: m[0] || (m[0] = (E) => s("update:value", E.detail)),
+      onCoBlur: m[1] || (m[1] = (E) => s("blur"))
+    }, null, 8, ["label", "placeholder", "required", "disabled", "clearable", "invalid", "error-message", "helper-text", "value", "min", "max", "disabled-dates", "disabled-days-of-week", "locale", "display-format"]));
+  }
+}), Lt = {
+  key: 0,
+  slot: "actions",
+  style: { display: "contents" }
+}, Nt = /* @__PURE__ */ T({
+  __name: "FieldFile",
+  props: {
+    field: {},
+    value: {},
+    errors: {},
+    disabled: { type: Boolean },
+    fileState: {},
+    locale: {}
+  },
+  emits: ["update:value", "upload", "remove-file", "reorder", "copy-url"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText), a = c(() => {
+      var E;
+      const m = t.field.originalAttrs;
+      return !!m.multiple || Array.isArray(m.type) || ((E = m.type) == null ? void 0 : E[0]) === "array";
+    }), l = c(() => {
+      const m = t.field.originalAttrs.ext;
+      if (Array.isArray(m)) return m.join(",");
+      if (typeof m == "string") return m;
+    }), u = c(() => {
+      const m = t.field.originalAttrs.maxElements;
+      return typeof m == "number" ? m : 100;
+    }), o = c(() => {
+      const m = t.field.originalAttrs.maxBytes;
+      return typeof m == "number" ? m : void 0;
+    });
+    function v(m) {
+      const E = (S) => {
+        if (!S) return null;
+        if (typeof S == "string") return { id: S, name: S, status: "done" };
+        if (typeof S == "object") {
+          const M = S._id || S.id;
+          return M ? {
+            id: M,
+            name: S.fileName || S.name || S.originalName || M,
+            size: S.size,
+            url: S.url,
+            thumbnail: S.thumbnail,
+            fileCode: S.fileCode,
+            status: "done"
+          } : null;
+        }
+        return null;
+      };
+      if (m == null || m === "") return [];
+      if (Array.isArray(m)) return m.map(E).filter((S) => !!S);
+      const b = E(m);
+      return b ? [b] : [];
+    }
+    const p = c(
+      () => JSON.stringify(t.fileState ?? v(t.value))
+    );
+    return (m, E) => (w(), R(O(At), {
+      label: i.field.label,
+      required: i.field.required,
+      disabled: i.disabled,
+      multiple: a.value,
+      accept: l.value,
+      "max-files": u.value,
+      "max-bytes": o.value,
+      status: r.value,
+      "helper-text": n.value,
+      locale: i.locale,
+      files: p.value,
+      onCoFilesSelected: E[0] || (E[0] = (b) => s("upload", b.detail)),
+      onCoRemove: E[1] || (E[1] = (b) => s("remove-file", b.detail)),
+      onCoClear: E[2] || (E[2] = (b) => s("update:value", a.value ? [] : null)),
+      onCoReorder: E[3] || (E[3] = (b) => s("reorder", b.detail)),
+      onCoCopy: E[4] || (E[4] = (b) => s("copy-url", b.detail))
+    }, {
+      default: Ie(() => [
+        m.$slots.actions ? (w(), j("div", Lt, [
+          he(m.$slots, "actions")
+        ])) : ue("", !0)
+      ]),
+      _: 3
+    }, 8, ["label", "required", "disabled", "multiple", "accept", "max-files", "max-bytes", "status", "helper-text", "locale", "files"]));
+  }
+});
+function Q(i) {
+  return typeof i == "string" || i instanceof String;
+}
+function Le(i) {
+  var e;
+  return typeof i == "object" && i != null && (i == null || (e = i.constructor) == null ? void 0 : e.name) === "Object";
+}
+function Je(i, e) {
+  return Array.isArray(e) ? Je(i, (t, s) => e.includes(s)) : Object.entries(i).reduce((t, s) => {
+    let [r, n] = s;
+    return e(n, r) && (t[r] = n), t;
+  }, {});
+}
+const y = {
+  NONE: "NONE",
+  LEFT: "LEFT",
+  FORCE_LEFT: "FORCE_LEFT",
+  RIGHT: "RIGHT",
+  FORCE_RIGHT: "FORCE_RIGHT"
+};
+function qt(i) {
+  switch (i) {
+    case y.LEFT:
+      return y.FORCE_LEFT;
+    case y.RIGHT:
+      return y.FORCE_RIGHT;
+    default:
+      return i;
+  }
+}
+function Fe(i) {
+  return i.replace(/([.*+?^=!:${}()|[\]/\\])/g, "\\$1");
+}
+function ge(i, e) {
+  if (e === i) return !0;
+  const t = Array.isArray(e), s = Array.isArray(i);
+  let r;
+  if (t && s) {
+    if (e.length != i.length) return !1;
+    for (r = 0; r < e.length; r++) if (!ge(e[r], i[r])) return !1;
+    return !0;
+  }
+  if (t != s) return !1;
+  if (e && i && typeof e == "object" && typeof i == "object") {
+    const n = e instanceof Date, a = i instanceof Date;
+    if (n && a) return e.getTime() == i.getTime();
+    if (n != a) return !1;
+    const l = e instanceof RegExp, u = i instanceof RegExp;
+    if (l && u) return e.toString() == i.toString();
+    if (l != u) return !1;
+    const o = Object.keys(e);
+    for (r = 0; r < o.length; r++) if (!Object.prototype.hasOwnProperty.call(i, o[r])) return !1;
+    for (r = 0; r < o.length; r++) if (!ge(i[o[r]], e[o[r]])) return !1;
+    return !0;
+  } else if (e && i && typeof e == "function" && typeof i == "function")
+    return e.toString() === i.toString();
+  return !1;
+}
+class $t {
+  /** Current input value */
+  /** Current cursor position */
+  /** Old input value */
+  /** Old selection */
+  constructor(e) {
+    for (Object.assign(this, e); this.value.slice(0, this.startChangePos) !== this.oldValue.slice(0, this.startChangePos); )
+      --this.oldSelection.start;
+    if (this.insertedCount)
+      for (; this.value.slice(this.cursorPos) !== this.oldValue.slice(this.oldSelection.end); )
+        this.value.length - this.cursorPos < this.oldValue.length - this.oldSelection.end ? ++this.oldSelection.end : ++this.cursorPos;
+  }
+  /** Start changing position */
+  get startChangePos() {
+    return Math.min(this.cursorPos, this.oldSelection.start);
+  }
+  /** Inserted symbols count */
+  get insertedCount() {
+    return this.cursorPos - this.startChangePos;
+  }
+  /** Inserted symbols */
+  get inserted() {
+    return this.value.substr(this.startChangePos, this.insertedCount);
+  }
+  /** Removed symbols count */
+  get removedCount() {
+    return Math.max(this.oldSelection.end - this.startChangePos || // for Delete
+    this.oldValue.length - this.value.length, 0);
+  }
+  /** Removed symbols */
+  get removed() {
+    return this.oldValue.substr(this.startChangePos, this.removedCount);
+  }
+  /** Unchanged head symbols */
+  get head() {
+    return this.value.substring(0, this.startChangePos);
+  }
+  /** Unchanged tail symbols */
+  get tail() {
+    return this.value.substring(this.startChangePos + this.insertedCount);
+  }
+  /** Remove direction */
+  get removeDirection() {
+    return !this.removedCount || this.insertedCount ? y.NONE : (this.oldSelection.end === this.cursorPos || this.oldSelection.start === this.cursorPos) && // if not range removed (event with backspace)
+    this.oldSelection.end === this.oldSelection.start ? y.RIGHT : y.LEFT;
+  }
+}
+function F(i, e) {
+  return new F.InputMask(i, e);
+}
+function Ye(i) {
+  if (i == null) throw new Error("mask property should be defined");
+  return i instanceof RegExp ? F.MaskedRegExp : Q(i) ? F.MaskedPattern : i === Date ? F.MaskedDate : i === Number ? F.MaskedNumber : Array.isArray(i) || i === Array ? F.MaskedDynamic : F.Masked && i.prototype instanceof F.Masked ? i : F.Masked && i instanceof F.Masked ? i.constructor : i instanceof Function ? F.MaskedFunction : (console.warn("Mask not found for mask", i), F.Masked);
+}
+function pe(i) {
+  if (!i) throw new Error("Options in not defined");
+  if (F.Masked) {
+    if (i.prototype instanceof F.Masked) return {
+      mask: i
+    };
+    const {
+      mask: e = void 0,
+      ...t
+    } = i instanceof F.Masked ? {
+      mask: i
+    } : Le(i) && i.mask instanceof F.Masked ? i : {};
+    if (e) {
+      const s = e.mask;
+      return {
+        ...Je(e, (r, n) => !n.startsWith("_")),
+        mask: e.constructor,
+        _mask: s,
+        ...t
+      };
+    }
+  }
+  return Le(i) ? {
+    ...i
+  } : {
+    mask: i
+  };
+}
+function Y(i) {
+  if (F.Masked && i instanceof F.Masked) return i;
+  const e = pe(i), t = Ye(e.mask);
+  if (!t) throw new Error("Masked class is not found for provided mask " + e.mask + ", appropriate module needs to be imported manually before creating mask.");
+  return e.mask === t && delete e.mask, e._mask && (e.mask = e._mask, delete e._mask), new t(e);
+}
+F.createMask = Y;
+class Ve {
+  /** */
+  /** */
+  /** */
+  /** Safely returns selection start */
+  get selectionStart() {
+    let e;
+    try {
+      e = this._unsafeSelectionStart;
+    } catch {
+    }
+    return e ?? this.value.length;
+  }
+  /** Safely returns selection end */
+  get selectionEnd() {
+    let e;
+    try {
+      e = this._unsafeSelectionEnd;
+    } catch {
+    }
+    return e ?? this.value.length;
+  }
+  /** Safely sets element selection */
+  select(e, t) {
+    if (!(e == null || t == null || e === this.selectionStart && t === this.selectionEnd))
+      try {
+        this._unsafeSelect(e, t);
+      } catch {
+      }
+  }
+  /** */
+  get isActive() {
+    return !1;
+  }
+  /** */
+  /** */
+  /** */
+}
+F.MaskElement = Ve;
+const Ne = 90, zt = 89;
+class ke extends Ve {
+  /** HTMLElement to use mask on */
+  constructor(e) {
+    super(), this.input = e, this._onKeydown = this._onKeydown.bind(this), this._onInput = this._onInput.bind(this), this._onBeforeinput = this._onBeforeinput.bind(this), this._onCompositionEnd = this._onCompositionEnd.bind(this);
+  }
+  get rootElement() {
+    var e, t, s;
+    return (e = (t = (s = this.input).getRootNode) == null ? void 0 : t.call(s)) != null ? e : document;
+  }
+  /** Is element in focus */
+  get isActive() {
+    return this.input === this.rootElement.activeElement;
+  }
+  /** Binds HTMLElement events to mask internal events */
+  bindEvents(e) {
+    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", e.drop), this.input.addEventListener("click", e.click), this.input.addEventListener("focus", e.focus), this.input.addEventListener("blur", e.commit), this._handlers = e;
+  }
+  _onKeydown(e) {
+    if (this._handlers.redo && (e.keyCode === Ne && e.shiftKey && (e.metaKey || e.ctrlKey) || e.keyCode === zt && e.ctrlKey))
+      return e.preventDefault(), this._handlers.redo(e);
+    if (this._handlers.undo && e.keyCode === Ne && (e.metaKey || e.ctrlKey))
+      return e.preventDefault(), this._handlers.undo(e);
+    e.isComposing || this._handlers.selectionChange(e);
+  }
+  _onBeforeinput(e) {
+    if (e.inputType === "historyUndo" && this._handlers.undo)
+      return e.preventDefault(), this._handlers.undo(e);
+    if (e.inputType === "historyRedo" && this._handlers.redo)
+      return e.preventDefault(), this._handlers.redo(e);
+  }
+  _onCompositionEnd(e) {
+    this._handlers.input(e);
+  }
+  _onInput(e) {
+    e.isComposing || this._handlers.input(e);
+  }
+  /** Unbinds HTMLElement events to mask internal events */
+  unbindEvents() {
+    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 = {};
+  }
+}
+F.HTMLMaskElement = ke;
+class Ut extends ke {
+  /** InputElement to use mask on */
+  constructor(e) {
+    super(e), this.input = e;
+  }
+  /** Returns InputElement selection start */
+  get _unsafeSelectionStart() {
+    return this.input.selectionStart != null ? this.input.selectionStart : this.value.length;
+  }
+  /** Returns InputElement selection end */
+  get _unsafeSelectionEnd() {
+    return this.input.selectionEnd;
+  }
+  /** Sets InputElement selection */
+  _unsafeSelect(e, t) {
+    this.input.setSelectionRange(e, t);
+  }
+  get value() {
+    return this.input.value;
+  }
+  set value(e) {
+    this.input.value = e;
+  }
+}
+F.HTMLMaskElement = ke;
+class We extends ke {
+  /** Returns HTMLElement selection start */
+  get _unsafeSelectionStart() {
+    const e = this.rootElement, t = e.getSelection && e.getSelection(), s = t && t.anchorOffset, r = t && t.focusOffset;
+    return r == null || s == null || s < r ? s : r;
+  }
+  /** Returns HTMLElement selection end */
+  get _unsafeSelectionEnd() {
+    const e = this.rootElement, t = e.getSelection && e.getSelection(), s = t && t.anchorOffset, r = t && t.focusOffset;
+    return r == null || s == null || s > r ? s : r;
+  }
+  /** Sets HTMLElement selection */
+  _unsafeSelect(e, t) {
+    if (!this.rootElement.createRange) return;
+    const s = this.rootElement.createRange();
+    s.setStart(this.input.firstChild || this.input, e), s.setEnd(this.input.lastChild || this.input, t);
+    const r = this.rootElement, n = r.getSelection && r.getSelection();
+    n && (n.removeAllRanges(), n.addRange(s));
+  }
+  /** HTMLElement value */
+  get value() {
+    return this.input.textContent || "";
+  }
+  set value(e) {
+    this.input.textContent = e;
+  }
+}
+F.HTMLContenteditableMaskElement = We;
+class Ce {
+  constructor() {
+    this.states = [], this.currentIndex = 0;
+  }
+  get currentState() {
+    return this.states[this.currentIndex];
+  }
+  get isEmpty() {
+    return this.states.length === 0;
+  }
+  push(e) {
+    this.currentIndex < this.states.length - 1 && (this.states.length = this.currentIndex + 1), this.states.push(e), this.states.length > Ce.MAX_LENGTH && this.states.shift(), this.currentIndex = this.states.length - 1;
+  }
+  go(e) {
+    return this.currentIndex = Math.min(Math.max(this.currentIndex + e, 0), this.states.length - 1), this.currentState;
+  }
+  undo() {
+    return this.go(-1);
+  }
+  redo() {
+    return this.go(1);
+  }
+  clear() {
+    this.states.length = 0, this.currentIndex = 0;
+  }
+}
+Ce.MAX_LENGTH = 100;
+class Pt {
+  /**
+    View element
+  */
+  /** Internal {@link Masked} model */
+  constructor(e, t) {
+    this.el = e instanceof Ve ? e : e.isContentEditable && e.tagName !== "INPUT" && e.tagName !== "TEXTAREA" ? new We(e) : new Ut(e), this.masked = Y(t), this._listeners = {}, this._value = "", this._unmaskedValue = "", this._rawInputValue = "", this.history = new Ce(), 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(e) {
+    var t;
+    return e == null || ((t = this.masked) == null ? void 0 : t.maskEquals(e));
+  }
+  /** Masked */
+  get mask() {
+    return this.masked.mask;
+  }
+  set mask(e) {
+    if (this.maskEquals(e)) return;
+    if (!(e instanceof F.Masked) && this.masked.constructor === Ye(e)) {
+      this.masked.updateOptions({
+        mask: e
+      });
+      return;
+    }
+    const t = e instanceof F.Masked ? e : Y({
+      mask: e
+    });
+    t.unmaskedValue = this.masked.unmaskedValue, this.masked = t;
+  }
+  /** Raw value */
+  get value() {
+    return this._value;
+  }
+  set value(e) {
+    this.value !== e && (this.masked.value = e, this.updateControl("auto"));
+  }
+  /** Unmasked value */
+  get unmaskedValue() {
+    return this._unmaskedValue;
+  }
+  set unmaskedValue(e) {
+    this.unmaskedValue !== e && (this.masked.unmaskedValue = e, this.updateControl("auto"));
+  }
+  /** Raw input value */
+  get rawInputValue() {
+    return this._rawInputValue;
+  }
+  set rawInputValue(e) {
+    this.rawInputValue !== e && (this.masked.rawInputValue = e, this.updateControl(), this.alignCursor());
+  }
+  /** Typed unmasked value */
+  get typedValue() {
+    return this.masked.typedValue;
+  }
+  set typedValue(e) {
+    this.masked.typedValueEquals(e) || (this.masked.typedValue = e, this.updateControl("auto"));
+  }
+  /** Display value */
+  get displayValue() {
+    return this.masked.displayValue;
+  }
+  /** Starts listening to element events */
+  _bindEvents() {
+    this.el.bindEvents({
+      selectionChange: this._saveSelection,
+      input: this._onInput,
+      drop: this._onDrop,
+      click: this._onClick,
+      focus: this._onFocus,
+      commit: this._onChange,
+      undo: this._onUndo,
+      redo: this._onRedo
+    });
+  }
+  /** Stops listening to element events */
+  _unbindEvents() {
+    this.el && this.el.unbindEvents();
+  }
+  /** Fires custom event */
+  _fireEvent(e, t) {
+    const s = this._listeners[e];
+    s && s.forEach((r) => r(t));
+  }
+  /** Current selection start */
+  get selectionStart() {
+    return this._cursorChanging ? this._changingCursorPos : this.el.selectionStart;
+  }
+  /** Current cursor position */
+  get cursorPos() {
+    return this._cursorChanging ? this._changingCursorPos : this.el.selectionEnd;
+  }
+  set cursorPos(e) {
+    !this.el || !this.el.isActive || (this.el.select(e, e), this._saveSelection());
+  }
+  /** Stores current selection */
+  _saveSelection() {
+    this.displayValue !== this.el.value && console.warn("Element value was changed outside of mask. Syncronize mask using `mask.updateValue()` to work properly."), this._selection = {
+      start: this.selectionStart,
+      end: this.cursorPos
+    };
+  }
+  /** Syncronizes model value from view */
+  updateValue() {
+    this.masked.value = this.el.value, this._value = this.masked.value, this._unmaskedValue = this.masked.unmaskedValue, this._rawInputValue = this.masked.rawInputValue;
+  }
+  /** Syncronizes view from model value, fires change events */
+  updateControl(e) {
+    const t = this.masked.unmaskedValue, s = this.masked.value, r = this.masked.rawInputValue, n = this.displayValue, a = this.unmaskedValue !== t || this.value !== s || this._rawInputValue !== r;
+    this._unmaskedValue = t, this._value = s, this._rawInputValue = r, this.el.value !== n && (this.el.value = n), e === "auto" ? this.alignCursor() : e != null && (this.cursorPos = e), a && this._fireChangeEvents(), !this._historyChanging && (a || this.history.isEmpty) && this.history.push({
+      unmaskedValue: t,
+      selection: {
+        start: this.selectionStart,
+        end: this.cursorPos
+      }
+    });
+  }
+  /** Updates options with deep equal check, recreates {@link Masked} model if mask type changes */
+  updateOptions(e) {
+    const {
+      mask: t,
+      ...s
+    } = e, r = !this.maskEquals(t), n = this.masked.optionsIsChanged(s);
+    r && (this.mask = t), n && this.masked.updateOptions(s), (r || n) && this.updateControl();
+  }
+  /** Updates cursor */
+  updateCursor(e) {
+    e != null && (this.cursorPos = e, this._delayUpdateCursor(e));
+  }
+  /** Delays cursor update to support mobile browsers */
+  _delayUpdateCursor(e) {
+    this._abortUpdateCursor(), this._changingCursorPos = e, this._cursorChanging = setTimeout(() => {
+      this.el && (this.cursorPos = this._changingCursorPos, this._abortUpdateCursor());
+    }, 10);
+  }
+  /** Fires custom events */
+  _fireChangeEvents() {
+    this._fireEvent("accept", this._inputEvent), this.masked.isComplete && this._fireEvent("complete", this._inputEvent);
+  }
+  /** Aborts delayed cursor update */
+  _abortUpdateCursor() {
+    this._cursorChanging && (clearTimeout(this._cursorChanging), delete this._cursorChanging);
+  }
+  /** Aligns cursor to nearest available position */
+  alignCursor() {
+    this.cursorPos = this.masked.nearestInputPos(this.masked.nearestInputPos(this.cursorPos, y.LEFT));
+  }
+  /** Aligns cursor only if selection is empty */
+  alignCursorFriendly() {
+    this.selectionStart === this.cursorPos && this.alignCursor();
+  }
+  /** Adds listener on custom event */
+  on(e, t) {
+    return this._listeners[e] || (this._listeners[e] = []), this._listeners[e].push(t), this;
+  }
+  /** Removes custom event listener */
+  off(e, t) {
+    if (!this._listeners[e]) return this;
+    if (!t)
+      return delete this._listeners[e], this;
+    const s = this._listeners[e].indexOf(t);
+    return s >= 0 && this._listeners[e].splice(s, 1), this;
+  }
+  /** Handles view input event */
+  _onInput(e) {
+    this._inputEvent = e, this._abortUpdateCursor();
+    const t = new $t({
+      // new state
+      value: this.el.value,
+      cursorPos: this.cursorPos,
+      // old state
+      oldValue: this.displayValue,
+      oldSelection: this._selection
+    }), s = this.masked.rawInputValue, r = this.masked.splice(t.startChangePos, t.removed.length, t.inserted, t.removeDirection, {
+      input: !0,
+      raw: !0
+    }).offset, n = s === this.masked.rawInputValue ? t.removeDirection : y.NONE;
+    let a = this.masked.nearestInputPos(t.startChangePos + r, n);
+    n !== y.NONE && (a = this.masked.nearestInputPos(a, y.NONE)), this.updateControl(a), delete this._inputEvent;
+  }
+  /** Handles view change event and commits model value */
+  _onChange() {
+    this.displayValue !== this.el.value && this.updateValue(), this.masked.doCommit(), this.updateControl(), this._saveSelection();
+  }
+  /** Handles view drop event, prevents by default */
+  _onDrop(e) {
+    e.preventDefault(), e.stopPropagation();
+  }
+  /** Restore last selection on focus */
+  _onFocus(e) {
+    this.alignCursorFriendly();
+  }
+  /** Restore last selection on focus */
+  _onClick(e) {
+    this.alignCursorFriendly();
+  }
+  _onUndo() {
+    this._applyHistoryState(this.history.undo());
+  }
+  _onRedo() {
+    this._applyHistoryState(this.history.redo());
+  }
+  _applyHistoryState(e) {
+    e && (this._historyChanging = !0, this.unmaskedValue = e.unmaskedValue, this.el.select(e.selection.start, e.selection.end), this._saveSelection(), this._historyChanging = !1);
+  }
+  /** Unbind view events and removes element reference */
+  destroy() {
+    this._unbindEvents(), this._listeners.length = 0, delete this.el;
+  }
+}
+F.InputMask = Pt;
+class x {
+  /** Inserted symbols */
+  /** Additional offset if any changes occurred before tail */
+  /** Raw inserted is used by dynamic mask */
+  /** Can skip chars */
+  static normalize(e) {
+    return Array.isArray(e) ? e : [e, new x()];
+  }
+  constructor(e) {
+    Object.assign(this, {
+      inserted: "",
+      rawInserted: "",
+      tailShift: 0,
+      skip: !1
+    }, e);
+  }
+  /** Aggregate changes */
+  aggregate(e) {
+    return this.inserted += e.inserted, this.rawInserted += e.rawInserted, this.tailShift += e.tailShift, this.skip = this.skip || e.skip, this;
+  }
+  /** Total offset considering all changes */
+  get offset() {
+    return this.tailShift + this.inserted.length;
+  }
+  get consumed() {
+    return !!this.rawInserted || this.skip;
+  }
+  equals(e) {
+    return this.inserted === e.inserted && this.tailShift === e.tailShift && this.rawInserted === e.rawInserted && this.skip === e.skip;
+  }
+}
+F.ChangeDetails = x;
+class G {
+  /** Tail value as string */
+  /** Tail start position */
+  /** Start position */
+  constructor(e, t, s) {
+    e === void 0 && (e = ""), t === void 0 && (t = 0), this.value = e, this.from = t, this.stop = s;
+  }
+  toString() {
+    return this.value;
+  }
+  extend(e) {
+    this.value += String(e);
+  }
+  appendTo(e) {
+    return e.append(this.toString(), {
+      tail: !0
+    }).aggregate(e._appendPlaceholder());
+  }
+  get state() {
+    return {
+      value: this.value,
+      from: this.from,
+      stop: this.stop
+    };
+  }
+  set state(e) {
+    Object.assign(this, e);
+  }
+  unshift(e) {
+    if (!this.value.length || e != null && this.from >= e) return "";
+    const t = this.value[0];
+    return this.value = this.value.slice(1), t;
+  }
+  shift() {
+    if (!this.value.length) return "";
+    const e = this.value[this.value.length - 1];
+    return this.value = this.value.slice(0, -1), e;
+  }
+}
+class L {
+  /** */
+  /** */
+  /** Transforms value before mask processing */
+  /** Transforms each char before mask processing */
+  /** Validates if value is acceptable */
+  /** Does additional processing at the end of editing */
+  /** Format typed value to string */
+  /** Parse string to get typed value */
+  /** Enable characters overwriting */
+  /** */
+  /** */
+  /** */
+  /** */
+  constructor(e) {
+    this._value = "", this._update({
+      ...L.DEFAULTS,
+      ...e
+    }), this._initialized = !0;
+  }
+  /** Sets and applies new options */
+  updateOptions(e) {
+    this.optionsIsChanged(e) && this.withValueRefresh(this._update.bind(this, e));
+  }
+  /** Sets new options */
+  _update(e) {
+    Object.assign(this, e);
+  }
+  /** Mask state */
+  get state() {
+    return {
+      _value: this.value,
+      _rawInputValue: this.rawInputValue
+    };
+  }
+  set state(e) {
+    this._value = e._value;
+  }
+  /** Resets value */
+  reset() {
+    this._value = "";
+  }
+  get value() {
+    return this._value;
+  }
+  set value(e) {
+    this.resolve(e, {
+      input: !0
+    });
+  }
+  /** Resolve new value */
+  resolve(e, t) {
+    t === void 0 && (t = {
+      input: !0
+    }), this.reset(), this.append(e, t, ""), this.doCommit();
+  }
+  get unmaskedValue() {
+    return this.value;
+  }
+  set unmaskedValue(e) {
+    this.resolve(e, {});
+  }
+  get typedValue() {
+    return this.parse ? this.parse(this.value, this) : this.unmaskedValue;
+  }
+  set typedValue(e) {
+    this.format ? this.value = this.format(e, this) : this.unmaskedValue = String(e);
+  }
+  /** Value that includes raw user input */
+  get rawInputValue() {
+    return this.extractInput(0, this.displayValue.length, {
+      raw: !0
+    });
+  }
+  set rawInputValue(e) {
+    this.resolve(e, {
+      raw: !0
+    });
+  }
+  get displayValue() {
+    return this.value;
+  }
+  get isComplete() {
+    return !0;
+  }
+  get isFilled() {
+    return this.isComplete;
+  }
+  /** Finds nearest input position in direction */
+  nearestInputPos(e, t) {
+    return e;
+  }
+  totalInputPositions(e, t) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), Math.min(this.displayValue.length, t - e);
+  }
+  /** Extracts value in range considering flags */
+  extractInput(e, t, s) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), this.displayValue.slice(e, t);
+  }
+  /** Extracts tail in range */
+  extractTail(e, t) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), new G(this.extractInput(e, t), e);
+  }
+  /** Appends tail */
+  appendTail(e) {
+    return Q(e) && (e = new G(String(e))), e.appendTo(this);
+  }
+  /** Appends char */
+  _appendCharRaw(e, t) {
+    return e ? (this._value += e, new x({
+      inserted: e,
+      rawInserted: e
+    })) : new x();
+  }
+  /** Appends char */
+  _appendChar(e, t, s) {
+    t === void 0 && (t = {});
+    const r = this.state;
+    let n;
+    if ([e, n] = this.doPrepareChar(e, t), e && (n = n.aggregate(this._appendCharRaw(e, t)), !n.rawInserted && this.autofix === "pad")) {
+      const a = this.state;
+      this.state = r;
+      let l = this.pad(t);
+      const u = this._appendCharRaw(e, t);
+      l = l.aggregate(u), u.rawInserted || l.equals(n) ? n = l : this.state = a;
+    }
+    if (n.inserted) {
+      let a, l = this.doValidate(t) !== !1;
+      if (l && s != null) {
+        const u = this.state;
+        if (this.overwrite === !0) {
+          a = s.state;
+          for (let v = 0; v < n.rawInserted.length; ++v)
+            s.unshift(this.displayValue.length - n.tailShift);
+        }
+        let o = this.appendTail(s);
+        if (l = o.rawInserted.length === s.toString().length, !(l && o.inserted) && this.overwrite === "shift") {
+          this.state = u, a = s.state;
+          for (let v = 0; v < n.rawInserted.length; ++v)
+            s.shift();
+          o = this.appendTail(s), l = o.rawInserted.length === s.toString().length;
+        }
+        l && o.inserted && (this.state = u);
+      }
+      l || (n = new x(), this.state = r, s && a && (s.state = a));
+    }
+    return n;
+  }
+  /** Appends optional placeholder at the end */
+  _appendPlaceholder() {
+    return new x();
+  }
+  /** Appends optional eager placeholder at the end */
+  _appendEager() {
+    return new x();
+  }
+  /** Appends symbols considering flags */
+  append(e, t, s) {
+    if (!Q(e)) throw new Error("value should be string");
+    const r = Q(s) ? new G(String(s)) : s;
+    t != null && t.tail && (t._beforeTailState = this.state);
+    let n;
+    [e, n] = this.doPrepare(e, t);
+    for (let a = 0; a < e.length; ++a) {
+      const l = this._appendChar(e[a], t, r);
+      if (!l.rawInserted && !this.doSkipInvalid(e[a], t, r)) break;
+      n.aggregate(l);
+    }
+    return (this.eager === !0 || this.eager === "append") && t != null && t.input && e && n.aggregate(this._appendEager()), r != null && (n.tailShift += this.appendTail(r).tailShift), n;
+  }
+  remove(e, t) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), this._value = this.displayValue.slice(0, e) + this.displayValue.slice(t), new x();
+  }
+  /** Calls function and reapplies current value */
+  withValueRefresh(e) {
+    if (this._refreshing || !this._initialized) return e();
+    this._refreshing = !0;
+    const t = this.rawInputValue, s = this.value, r = e();
+    return this.rawInputValue = t, this.value && this.value !== s && s.indexOf(this.value) === 0 && (this.append(s.slice(this.displayValue.length), {}, ""), this.doCommit()), delete this._refreshing, r;
+  }
+  runIsolated(e) {
+    if (this._isolated || !this._initialized) return e(this);
+    this._isolated = !0;
+    const t = this.state, s = e(this);
+    return this.state = t, delete this._isolated, s;
+  }
+  doSkipInvalid(e, t, s) {
+    return !!this.skipInvalid;
+  }
+  /** Prepares string before mask processing */
+  doPrepare(e, t) {
+    return t === void 0 && (t = {}), x.normalize(this.prepare ? this.prepare(e, this, t) : e);
+  }
+  /** Prepares each char before mask processing */
+  doPrepareChar(e, t) {
+    return t === void 0 && (t = {}), x.normalize(this.prepareChar ? this.prepareChar(e, this, t) : e);
+  }
+  /** Validates if value is acceptable */
+  doValidate(e) {
+    return (!this.validate || this.validate(this.value, this, e)) && (!this.parent || this.parent.doValidate(e));
+  }
+  /** Does additional processing at the end of editing */
+  doCommit() {
+    this.commit && this.commit(this.value, this);
+  }
+  splice(e, t, s, r, n) {
+    s === void 0 && (s = ""), r === void 0 && (r = y.NONE), n === void 0 && (n = {
+      input: !0
+    });
+    const a = e + t, l = this.extractTail(a), u = this.eager === !0 || this.eager === "remove";
+    let o;
+    u && (r = qt(r), o = this.extractInput(0, a, {
+      raw: !0
+    }));
+    let v = e;
+    const p = new x();
+    if (r !== y.NONE && (v = this.nearestInputPos(e, t > 1 && e !== 0 && !u ? y.NONE : r), p.tailShift = v - e), p.aggregate(this.remove(v)), u && r !== y.NONE && o === this.rawInputValue)
+      if (r === y.FORCE_LEFT) {
+        let m;
+        for (; o === this.rawInputValue && (m = this.displayValue.length); )
+          p.aggregate(new x({
+            tailShift: -1
+          })).aggregate(this.remove(m - 1));
+      } else r === y.FORCE_RIGHT && l.unshift();
+    return p.aggregate(this.append(s, n, l));
+  }
+  maskEquals(e) {
+    return this.mask === e;
+  }
+  optionsIsChanged(e) {
+    return !ge(this, e);
+  }
+  typedValueEquals(e) {
+    const t = this.typedValue;
+    return e === t || L.EMPTY_VALUES.includes(e) && L.EMPTY_VALUES.includes(t) || (this.format ? this.format(e, this) === this.format(this.typedValue, this) : !1);
+  }
+  pad(e) {
+    return new x();
+  }
+}
+L.DEFAULTS = {
+  skipInvalid: !0
+};
+L.EMPTY_VALUES = [void 0, null, ""];
+F.Masked = L;
+class ie {
+  /** */
+  constructor(e, t) {
+    e === void 0 && (e = []), t === void 0 && (t = 0), this.chunks = e, this.from = t;
+  }
+  toString() {
+    return this.chunks.map(String).join("");
+  }
+  extend(e) {
+    if (!String(e)) return;
+    e = Q(e) ? new G(String(e)) : e;
+    const t = this.chunks[this.chunks.length - 1], s = t && // if stops are same or tail has no stop
+    (t.stop === e.stop || e.stop == null) && // if tail chunk goes just after last chunk
+    e.from === t.from + t.toString().length;
+    if (e instanceof G)
+      s ? t.extend(e.toString()) : this.chunks.push(e);
+    else if (e instanceof ie) {
+      if (e.stop == null) {
+        let r;
+        for (; e.chunks.length && e.chunks[0].stop == null; )
+          r = e.chunks.shift(), r.from += e.from, this.extend(r);
+      }
+      e.toString() && (e.stop = e.blockIndex, this.chunks.push(e));
+    }
+  }
+  appendTo(e) {
+    if (!(e instanceof F.MaskedPattern))
+      return new G(this.toString()).appendTo(e);
+    const t = new x();
+    for (let s = 0; s < this.chunks.length; ++s) {
+      const r = this.chunks[s], n = e._mapPosToBlock(e.displayValue.length), a = r.stop;
+      let l;
+      if (a != null && // if block not found or stop is behind lastBlock
+      (!n || n.index <= a) && ((r instanceof ie || // for continuous block also check if stop is exist
+      e._stops.indexOf(a) >= 0) && t.aggregate(e._appendPlaceholder(a)), l = r instanceof ie && e._blocks[a]), l) {
+        const u = l.appendTail(r);
+        t.aggregate(u);
+        const o = r.toString().slice(u.rawInserted.length);
+        o && t.aggregate(e.append(o, {
+          tail: !0
+        }));
+      } else
+        t.aggregate(e.append(r.toString(), {
+          tail: !0
+        }));
+    }
+    return t;
+  }
+  get state() {
+    return {
+      chunks: this.chunks.map((e) => e.state),
+      from: this.from,
+      stop: this.stop,
+      blockIndex: this.blockIndex
+    };
+  }
+  set state(e) {
+    const {
+      chunks: t,
+      ...s
+    } = e;
+    Object.assign(this, s), this.chunks = t.map((r) => {
+      const n = "chunks" in r ? new ie() : new G();
+      return n.state = r, n;
+    });
+  }
+  unshift(e) {
+    if (!this.chunks.length || e != null && this.from >= e) return "";
+    const t = e != null ? e - this.from : e;
+    let s = 0;
+    for (; s < this.chunks.length; ) {
+      const r = this.chunks[s], n = r.unshift(t);
+      if (r.toString()) {
+        if (!n) break;
+        ++s;
+      } else
+        this.chunks.splice(s, 1);
+      if (n) return n;
+    }
+    return "";
+  }
+  shift() {
+    if (!this.chunks.length) return "";
+    let e = this.chunks.length - 1;
+    for (; 0 <= e; ) {
+      const t = this.chunks[e], s = t.shift();
+      if (t.toString()) {
+        if (!s) break;
+        --e;
+      } else
+        this.chunks.splice(e, 1);
+      if (s) return s;
+    }
+    return "";
+  }
+}
+class jt {
+  constructor(e, t) {
+    this.masked = e, this._log = [];
+    const {
+      offset: s,
+      index: r
+    } = e._mapPosToBlock(t) || (t < 0 ? (
+      // first
+      {
+        index: 0,
+        offset: 0
+      }
+    ) : (
+      // last
+      {
+        index: this.masked._blocks.length,
+        offset: 0
+      }
+    ));
+    this.offset = s, this.index = r, this.ok = !1;
+  }
+  get block() {
+    return this.masked._blocks[this.index];
+  }
+  get pos() {
+    return this.masked._blockStartPos(this.index) + this.offset;
+  }
+  get state() {
+    return {
+      index: this.index,
+      offset: this.offset,
+      ok: this.ok
+    };
+  }
+  set state(e) {
+    Object.assign(this, e);
+  }
+  pushState() {
+    this._log.push(this.state);
+  }
+  popState() {
+    const e = this._log.pop();
+    return e && (this.state = e), e;
+  }
+  bindBlock() {
+    this.block || (this.index < 0 && (this.index = 0, this.offset = 0), this.index >= this.masked._blocks.length && (this.index = this.masked._blocks.length - 1, this.offset = this.block.displayValue.length));
+  }
+  _pushLeft(e) {
+    for (this.pushState(), this.bindBlock(); 0 <= this.index; --this.index, this.offset = ((t = this.block) == null ? void 0 : t.displayValue.length) || 0) {
+      var t;
+      if (e()) return this.ok = !0;
+    }
+    return this.ok = !1;
+  }
+  _pushRight(e) {
+    for (this.pushState(), this.bindBlock(); this.index < this.masked._blocks.length; ++this.index, this.offset = 0)
+      if (e()) return this.ok = !0;
+    return this.ok = !1;
+  }
+  pushLeftBeforeFilled() {
+    return this._pushLeft(() => {
+      if (!(this.block.isFixed || !this.block.value) && (this.offset = this.block.nearestInputPos(this.offset, y.FORCE_LEFT), this.offset !== 0))
+        return !0;
+    });
+  }
+  pushLeftBeforeInput() {
+    return this._pushLeft(() => {
+      if (!this.block.isFixed)
+        return this.offset = this.block.nearestInputPos(this.offset, y.LEFT), !0;
+    });
+  }
+  pushLeftBeforeRequired() {
+    return this._pushLeft(() => {
+      if (!(this.block.isFixed || this.block.isOptional && !this.block.value))
+        return this.offset = this.block.nearestInputPos(this.offset, y.LEFT), !0;
+    });
+  }
+  pushRightBeforeFilled() {
+    return this._pushRight(() => {
+      if (!(this.block.isFixed || !this.block.value) && (this.offset = this.block.nearestInputPos(this.offset, y.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, y.NONE), !0;
+    });
+  }
+  pushRightBeforeRequired() {
+    return this._pushRight(() => {
+      if (!(this.block.isFixed || this.block.isOptional && !this.block.value))
+        return this.offset = this.block.nearestInputPos(this.offset, y.NONE), !0;
+    });
+  }
+}
+class Ze {
+  /** */
+  /** */
+  /** */
+  /** */
+  /** */
+  /** */
+  constructor(e) {
+    Object.assign(this, e), this._value = "", this.isFixed = !0;
+  }
+  get value() {
+    return this._value;
+  }
+  get unmaskedValue() {
+    return this.isUnmasking ? this.value : "";
+  }
+  get rawInputValue() {
+    return this._isRawInput ? this.value : "";
+  }
+  get displayValue() {
+    return this.value;
+  }
+  reset() {
+    this._isRawInput = !1, this._value = "";
+  }
+  remove(e, t) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this._value.length), this._value = this._value.slice(0, e) + this._value.slice(t), this._value || (this._isRawInput = !1), new x();
+  }
+  nearestInputPos(e, t) {
+    t === void 0 && (t = y.NONE);
+    const s = 0, r = this._value.length;
+    switch (t) {
+      case y.LEFT:
+      case y.FORCE_LEFT:
+        return s;
+      case y.NONE:
+      case y.RIGHT:
+      case y.FORCE_RIGHT:
+      default:
+        return r;
+    }
+  }
+  totalInputPositions(e, t) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this._value.length), this._isRawInput ? t - e : 0;
+  }
+  extractInput(e, t, s) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this._value.length), s === void 0 && (s = {}), s.raw && this._isRawInput && this._value.slice(e, t) || "";
+  }
+  get isComplete() {
+    return !0;
+  }
+  get isFilled() {
+    return !!this._value;
+  }
+  _appendChar(e, t) {
+    if (t === void 0 && (t = {}), this.isFilled) return new x();
+    const s = this.eager === !0 || this.eager === "append", n = this.char === e && (this.isUnmasking || t.input || t.raw) && (!t.raw || !s) && !t.tail, a = new x({
+      inserted: this.char,
+      rawInserted: n ? this.char : ""
+    });
+    return this._value = this.char, this._isRawInput = n && (t.raw || t.input), a;
+  }
+  _appendEager() {
+    return this._appendChar(this.char, {
+      tail: !0
+    });
+  }
+  _appendPlaceholder() {
+    const e = new x();
+    return this.isFilled || (this._value = e.inserted = this.char), e;
+  }
+  extractTail() {
+    return new G("");
+  }
+  appendTail(e) {
+    return Q(e) && (e = new G(String(e))), e.appendTo(this);
+  }
+  append(e, t, s) {
+    const r = this._appendChar(e[0], t);
+    return s != null && (r.tailShift += this.appendTail(s).tailShift), r;
+  }
+  doCommit() {
+  }
+  get state() {
+    return {
+      _value: this._value,
+      _rawInputValue: this.rawInputValue
+    };
+  }
+  set state(e) {
+    this._value = e._value, this._isRawInput = !!e._rawInputValue;
+  }
+  pad(e) {
+    return this._appendPlaceholder();
+  }
+}
+class ve {
+  /** */
+  /** */
+  /** */
+  /** */
+  /** */
+  /** */
+  /** */
+  /** */
+  constructor(e) {
+    const {
+      parent: t,
+      isOptional: s,
+      placeholderChar: r,
+      displayChar: n,
+      lazy: a,
+      eager: l,
+      ...u
+    } = e;
+    this.masked = Y(u), Object.assign(this, {
+      parent: t,
+      isOptional: s,
+      placeholderChar: r,
+      displayChar: n,
+      lazy: a,
+      eager: l
+    });
+  }
+  reset() {
+    this.isFilled = !1, this.masked.reset();
+  }
+  remove(e, t) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this.value.length), e === 0 && t >= 1 ? (this.isFilled = !1, this.masked.remove(e, t)) : new x();
+  }
+  get value() {
+    return this.masked.value || (this.isFilled && !this.isOptional ? this.placeholderChar : "");
+  }
+  get unmaskedValue() {
+    return this.masked.unmaskedValue;
+  }
+  get rawInputValue() {
+    return this.masked.rawInputValue;
+  }
+  get displayValue() {
+    return this.masked.value && this.displayChar || this.value;
+  }
+  get isComplete() {
+    return !!this.masked.value || this.isOptional;
+  }
+  _appendChar(e, t) {
+    if (t === void 0 && (t = {}), this.isFilled) return new x();
+    const s = this.masked.state;
+    let r = this.masked._appendChar(e, this.currentMaskFlags(t));
+    return r.inserted && this.doValidate(t) === !1 && (r = new x(), this.masked.state = s), !r.inserted && !this.isOptional && !this.lazy && !t.input && (r.inserted = this.placeholderChar), r.skip = !r.inserted && !this.isOptional, this.isFilled = !!r.inserted, r;
+  }
+  append(e, t, s) {
+    return this.masked.append(e, this.currentMaskFlags(t), s);
+  }
+  _appendPlaceholder() {
+    return this.isFilled || this.isOptional ? new x() : (this.isFilled = !0, new x({
+      inserted: this.placeholderChar
+    }));
+  }
+  _appendEager() {
+    return new x();
+  }
+  extractTail(e, t) {
+    return this.masked.extractTail(e, t);
+  }
+  appendTail(e) {
+    return this.masked.appendTail(e);
+  }
+  extractInput(e, t, s) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this.value.length), this.masked.extractInput(e, t, s);
+  }
+  nearestInputPos(e, t) {
+    t === void 0 && (t = y.NONE);
+    const s = 0, r = this.value.length, n = Math.min(Math.max(e, s), r);
+    switch (t) {
+      case y.LEFT:
+      case y.FORCE_LEFT:
+        return this.isComplete ? n : s;
+      case y.RIGHT:
+      case y.FORCE_RIGHT:
+        return this.isComplete ? n : r;
+      case y.NONE:
+      default:
+        return n;
+    }
+  }
+  totalInputPositions(e, t) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this.value.length), this.value.slice(e, t).length;
+  }
+  doValidate(e) {
+    return this.masked.doValidate(this.currentMaskFlags(e)) && (!this.parent || this.parent.doValidate(this.currentMaskFlags(e)));
+  }
+  doCommit() {
+    this.masked.doCommit();
+  }
+  get state() {
+    return {
+      _value: this.value,
+      _rawInputValue: this.rawInputValue,
+      masked: this.masked.state,
+      isFilled: this.isFilled
+    };
+  }
+  set state(e) {
+    this.masked.state = e.masked, this.isFilled = e.isFilled;
+  }
+  currentMaskFlags(e) {
+    var t;
+    return {
+      ...e,
+      _beforeTailState: (e == null || (t = e._beforeTailState) == null ? void 0 : t.masked) || (e == null ? void 0 : e._beforeTailState)
+    };
+  }
+  pad(e) {
+    return new x();
+  }
+}
+ve.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
+  "*": /./
+};
+class Ht extends L {
+  /** */
+  /** Enable characters overwriting */
+  /** */
+  /** */
+  /** */
+  updateOptions(e) {
+    super.updateOptions(e);
+  }
+  _update(e) {
+    const t = e.mask;
+    t && (e.validate = (s) => s.search(t) >= 0), super._update(e);
+  }
+}
+F.MaskedRegExp = Ht;
+class N extends L {
+  /** */
+  /** */
+  /** Single char for empty input */
+  /** Single char for filled input */
+  /** Show placeholder only when needed */
+  /** Enable characters overwriting */
+  /** */
+  /** */
+  /** */
+  constructor(e) {
+    super({
+      ...N.DEFAULTS,
+      ...e,
+      definitions: Object.assign({}, ve.DEFAULT_DEFINITIONS, e == null ? void 0 : e.definitions)
+    });
+  }
+  updateOptions(e) {
+    super.updateOptions(e);
+  }
+  _update(e) {
+    e.definitions = Object.assign({}, this.definitions, e.definitions), super._update(e), this._rebuildMask();
+  }
+  _rebuildMask() {
+    const e = this.definitions;
+    this._blocks = [], this.exposeBlock = void 0, this._stops = [], this._maskedBlocks = {};
+    const t = this.mask;
+    if (!t || !e) return;
+    let s = !1, r = !1;
+    for (let n = 0; n < t.length; ++n) {
+      if (this.blocks) {
+        const o = t.slice(n), v = Object.keys(this.blocks).filter((m) => o.indexOf(m) === 0);
+        v.sort((m, E) => E.length - m.length);
+        const p = v[0];
+        if (p) {
+          const {
+            expose: m,
+            repeat: E,
+            ...b
+          } = pe(this.blocks[p]), S = {
+            lazy: this.lazy,
+            eager: this.eager,
+            placeholderChar: this.placeholderChar,
+            displayChar: this.displayChar,
+            overwrite: this.overwrite,
+            autofix: this.autofix,
+            ...b,
+            repeat: E,
+            parent: this
+          }, M = E != null ? new F.RepeatBlock(
+            S
+            /* TODO */
+          ) : Y(S);
+          M && (this._blocks.push(M), m && (this.exposeBlock = M), this._maskedBlocks[p] || (this._maskedBlocks[p] = []), this._maskedBlocks[p].push(this._blocks.length - 1)), n += p.length - 1;
+          continue;
+        }
+      }
+      let a = t[n], l = a in e;
+      if (a === N.STOP_CHAR) {
+        this._stops.push(this._blocks.length);
+        continue;
+      }
+      if (a === "{" || a === "}") {
+        s = !s;
+        continue;
+      }
+      if (a === "[" || a === "]") {
+        r = !r;
+        continue;
+      }
+      if (a === N.ESCAPE_CHAR) {
+        if (++n, a = t[n], !a) break;
+        l = !1;
+      }
+      const u = l ? new ve({
+        isOptional: r,
+        lazy: this.lazy,
+        eager: this.eager,
+        placeholderChar: this.placeholderChar,
+        displayChar: this.displayChar,
+        ...pe(e[a]),
+        parent: this
+      }) : new Ze({
+        char: a,
+        eager: this.eager,
+        isUnmasking: s
+      });
+      this._blocks.push(u);
+    }
+  }
+  get state() {
+    return {
+      ...super.state,
+      _blocks: this._blocks.map((e) => e.state)
+    };
+  }
+  set state(e) {
+    if (!e) {
+      this.reset();
+      return;
+    }
+    const {
+      _blocks: t,
+      ...s
+    } = e;
+    this._blocks.forEach((r, n) => r.state = t[n]), super.state = s;
+  }
+  reset() {
+    super.reset(), this._blocks.forEach((e) => e.reset());
+  }
+  get isComplete() {
+    return this.exposeBlock ? this.exposeBlock.isComplete : this._blocks.every((e) => e.isComplete);
+  }
+  get isFilled() {
+    return this._blocks.every((e) => e.isFilled);
+  }
+  get isFixed() {
+    return this._blocks.every((e) => e.isFixed);
+  }
+  get isOptional() {
+    return this._blocks.every((e) => e.isOptional);
+  }
+  doCommit() {
+    this._blocks.forEach((e) => e.doCommit()), super.doCommit();
+  }
+  get unmaskedValue() {
+    return this.exposeBlock ? this.exposeBlock.unmaskedValue : this._blocks.reduce((e, t) => e += t.unmaskedValue, "");
+  }
+  set unmaskedValue(e) {
+    if (this.exposeBlock) {
+      const t = this.extractTail(this._blockStartPos(this._blocks.indexOf(this.exposeBlock)) + this.exposeBlock.displayValue.length);
+      this.exposeBlock.unmaskedValue = e, this.appendTail(t), this.doCommit();
+    } else super.unmaskedValue = e;
+  }
+  get value() {
+    return this.exposeBlock ? this.exposeBlock.value : (
+      // TODO return _value when not in change?
+      this._blocks.reduce((e, t) => e += t.value, "")
+    );
+  }
+  set value(e) {
+    if (this.exposeBlock) {
+      const t = this.extractTail(this._blockStartPos(this._blocks.indexOf(this.exposeBlock)) + this.exposeBlock.displayValue.length);
+      this.exposeBlock.value = e, this.appendTail(t), this.doCommit();
+    } else super.value = e;
+  }
+  get typedValue() {
+    return this.exposeBlock ? this.exposeBlock.typedValue : super.typedValue;
+  }
+  set typedValue(e) {
+    if (this.exposeBlock) {
+      const t = this.extractTail(this._blockStartPos(this._blocks.indexOf(this.exposeBlock)) + this.exposeBlock.displayValue.length);
+      this.exposeBlock.typedValue = e, this.appendTail(t), this.doCommit();
+    } else super.typedValue = e;
+  }
+  get displayValue() {
+    return this._blocks.reduce((e, t) => e += t.displayValue, "");
+  }
+  appendTail(e) {
+    return super.appendTail(e).aggregate(this._appendPlaceholder());
+  }
+  _appendEager() {
+    var e;
+    const t = new x();
+    let s = (e = this._mapPosToBlock(this.displayValue.length)) == null ? void 0 : e.index;
+    if (s == null) return t;
+    this._blocks[s].isFilled && ++s;
+    for (let r = s; r < this._blocks.length; ++r) {
+      const n = this._blocks[r]._appendEager();
+      if (!n.inserted) break;
+      t.aggregate(n);
+    }
+    return t;
+  }
+  _appendCharRaw(e, t) {
+    t === void 0 && (t = {});
+    const s = this._mapPosToBlock(this.displayValue.length), r = new x();
+    if (!s) return r;
+    for (let a = s.index, l; l = this._blocks[a]; ++a) {
+      var n;
+      const u = l._appendChar(e, {
+        ...t,
+        _beforeTailState: (n = t._beforeTailState) == null || (n = n._blocks) == null ? void 0 : n[a]
+      });
+      if (r.aggregate(u), u.consumed) break;
+    }
+    return r;
+  }
+  extractTail(e, t) {
+    e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length);
+    const s = new ie();
+    return e === t || this._forEachBlocksInRange(e, t, (r, n, a, l) => {
+      const u = r.extractTail(a, l);
+      u.stop = this._findStopBefore(n), u.from = this._blockStartPos(n), u instanceof ie && (u.blockIndex = n), s.extend(u);
+    }), s;
+  }
+  extractInput(e, t, s) {
+    if (e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), s === void 0 && (s = {}), e === t) return "";
+    let r = "";
+    return this._forEachBlocksInRange(e, t, (n, a, l, u) => {
+      r += n.extractInput(l, u, s);
+    }), r;
+  }
+  _findStopBefore(e) {
+    let t;
+    for (let s = 0; s < this._stops.length; ++s) {
+      const r = this._stops[s];
+      if (r <= e) t = r;
+      else break;
+    }
+    return t;
+  }
+  /** Appends placeholder depending on laziness */
+  _appendPlaceholder(e) {
+    const t = new x();
+    if (this.lazy && e == null) return t;
+    const s = this._mapPosToBlock(this.displayValue.length);
+    if (!s) return t;
+    const r = s.index, n = e ?? this._blocks.length;
+    return this._blocks.slice(r, n).forEach((a) => {
+      if (!a.lazy || e != null) {
+        var l;
+        t.aggregate(a._appendPlaceholder((l = a._blocks) == null ? void 0 : l.length));
+      }
+    }), t;
+  }
+  /** Finds block in pos */
+  _mapPosToBlock(e) {
+    let t = "";
+    for (let s = 0; s < this._blocks.length; ++s) {
+      const r = this._blocks[s], n = t.length;
+      if (t += r.displayValue, e <= t.length)
+        return {
+          index: s,
+          offset: e - n
+        };
+    }
+  }
+  _blockStartPos(e) {
+    return this._blocks.slice(0, e).reduce((t, s) => t += s.displayValue.length, 0);
+  }
+  _forEachBlocksInRange(e, t, s) {
+    t === void 0 && (t = this.displayValue.length);
+    const r = this._mapPosToBlock(e);
+    if (r) {
+      const n = this._mapPosToBlock(t), a = n && r.index === n.index, l = r.offset, u = n && a ? n.offset : this._blocks[r.index].displayValue.length;
+      if (s(this._blocks[r.index], r.index, l, u), n && !a) {
+        for (let o = r.index + 1; o < n.index; ++o)
+          s(this._blocks[o], o, 0, this._blocks[o].displayValue.length);
+        s(this._blocks[n.index], n.index, 0, n.offset);
+      }
+    }
+  }
+  remove(e, t) {
+    e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length);
+    const s = super.remove(e, t);
+    return this._forEachBlocksInRange(e, t, (r, n, a, l) => {
+      s.aggregate(r.remove(a, l));
+    }), s;
+  }
+  nearestInputPos(e, t) {
+    if (t === void 0 && (t = y.NONE), !this._blocks.length) return 0;
+    const s = new jt(this, e);
+    if (t === y.NONE)
+      return s.pushRightBeforeInput() || (s.popState(), s.pushLeftBeforeInput()) ? s.pos : this.displayValue.length;
+    if (t === y.LEFT || t === y.FORCE_LEFT) {
+      if (t === y.LEFT) {
+        if (s.pushRightBeforeFilled(), s.ok && s.pos === e) return e;
+        s.popState();
+      }
+      if (s.pushLeftBeforeInput(), s.pushLeftBeforeRequired(), s.pushLeftBeforeFilled(), t === y.LEFT) {
+        if (s.pushRightBeforeInput(), s.pushRightBeforeRequired(), s.ok && s.pos <= e || (s.popState(), s.ok && s.pos <= e)) return s.pos;
+        s.popState();
+      }
+      return s.ok ? s.pos : t === y.FORCE_LEFT ? 0 : (s.popState(), s.ok || (s.popState(), s.ok) ? s.pos : 0);
+    }
+    return t === y.RIGHT || t === y.FORCE_RIGHT ? (s.pushRightBeforeInput(), s.pushRightBeforeRequired(), s.pushRightBeforeFilled() ? s.pos : t === y.FORCE_RIGHT ? this.displayValue.length : (s.popState(), s.ok || (s.popState(), s.ok) ? s.pos : this.nearestInputPos(e, y.LEFT))) : e;
+  }
+  totalInputPositions(e, t) {
+    e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length);
+    let s = 0;
+    return this._forEachBlocksInRange(e, t, (r, n, a, l) => {
+      s += r.totalInputPositions(a, l);
+    }), s;
+  }
+  /** Get block by name */
+  maskedBlock(e) {
+    return this.maskedBlocks(e)[0];
+  }
+  /** Get all blocks by name */
+  maskedBlocks(e) {
+    const t = this._maskedBlocks[e];
+    return t ? t.map((s) => this._blocks[s]) : [];
+  }
+  pad(e) {
+    const t = new x();
+    return this._forEachBlocksInRange(0, this.displayValue.length, (s) => t.aggregate(s.pad(e))), t;
+  }
+}
+N.DEFAULTS = {
+  ...L.DEFAULTS,
+  lazy: !0,
+  placeholderChar: "_"
+};
+N.STOP_CHAR = "`";
+N.ESCAPE_CHAR = "\\";
+N.InputDefinition = ve;
+N.FixedDefinition = Ze;
+F.MaskedPattern = N;
+class fe extends N {
+  /**
+    Optionally sets max length of pattern.
+    Used when pattern length is longer then `to` param length. Pads zeros at start in this case.
+  */
+  /** Min bound */
+  /** Max bound */
+  get _matchFrom() {
+    return this.maxLength - String(this.from).length;
+  }
+  constructor(e) {
+    super(e);
+  }
+  updateOptions(e) {
+    super.updateOptions(e);
+  }
+  _update(e) {
+    const {
+      to: t = this.to || 0,
+      from: s = this.from || 0,
+      maxLength: r = this.maxLength || 0,
+      autofix: n = this.autofix,
+      ...a
+    } = e;
+    this.to = t, this.from = s, this.maxLength = Math.max(String(t).length, r), this.autofix = n;
+    const l = String(this.from).padStart(this.maxLength, "0"), u = String(this.to).padStart(this.maxLength, "0");
+    let o = 0;
+    for (; o < u.length && u[o] === l[o]; ) ++o;
+    a.mask = u.slice(0, o).replace(/0/g, "\\0") + "0".repeat(this.maxLength - o), super._update(a);
+  }
+  get isComplete() {
+    return super.isComplete && !!this.value;
+  }
+  boundaries(e) {
+    let t = "", s = "";
+    const [, r, n] = e.match(/^(\D*)(\d*)(\D*)/) || [];
+    return n && (t = "0".repeat(r.length) + n, s = "9".repeat(r.length) + n), t = t.padEnd(this.maxLength, "0"), s = s.padEnd(this.maxLength, "9"), [t, s];
+  }
+  doPrepareChar(e, t) {
+    t === void 0 && (t = {});
+    let s;
+    return [e, s] = super.doPrepareChar(e.replace(/\D/g, ""), t), e || (s.skip = !this.isComplete), [e, s];
+  }
+  _appendCharRaw(e, t) {
+    if (t === void 0 && (t = {}), !this.autofix || this.value.length + 1 > this.maxLength) return super._appendCharRaw(e, t);
+    const s = String(this.from).padStart(this.maxLength, "0"), r = String(this.to).padStart(this.maxLength, "0"), [n, a] = this.boundaries(this.value + e);
+    return Number(a) < this.from ? super._appendCharRaw(s[this.value.length], t) : Number(n) > this.to ? !t.tail && this.autofix === "pad" && this.value.length + 1 < this.maxLength ? super._appendCharRaw(s[this.value.length], t).aggregate(this._appendCharRaw(e, t)) : super._appendCharRaw(r[this.value.length], t) : super._appendCharRaw(e, t);
+  }
+  doValidate(e) {
+    const t = this.value;
+    if (t.search(/[^0]/) === -1 && t.length <= this._matchFrom) return !0;
+    const [r, n] = this.boundaries(t);
+    return this.from <= Number(n) && Number(r) <= this.to && super.doValidate(e);
+  }
+  pad(e) {
+    const t = new x();
+    if (this.value.length === this.maxLength) return t;
+    const s = this.value, r = this.maxLength - this.value.length;
+    if (r) {
+      this.reset();
+      for (let n = 0; n < r; ++n)
+        t.aggregate(super._appendCharRaw("0", e));
+      s.split("").forEach((n) => this._appendCharRaw(n));
+    }
+    return t;
+  }
+}
+F.MaskedRange = fe;
+const Gt = "d{.}`m{.}`Y";
+class K extends N {
+  static extractPatternOptions(e) {
+    const {
+      mask: t,
+      pattern: s,
+      ...r
+    } = e;
+    return {
+      ...r,
+      mask: Q(t) ? t : s
+    };
+  }
+  /** Pattern mask for date according to {@link MaskedDate#format} */
+  /** Start date */
+  /** End date */
+  /** Format typed value to string */
+  /** Parse string to get typed value */
+  constructor(e) {
+    super(K.extractPatternOptions({
+      ...K.DEFAULTS,
+      ...e
+    }));
+  }
+  updateOptions(e) {
+    super.updateOptions(e);
+  }
+  _update(e) {
+    const {
+      mask: t,
+      pattern: s,
+      blocks: r,
+      ...n
+    } = {
+      ...K.DEFAULTS,
+      ...e
+    }, a = Object.assign({}, K.GET_DEFAULT_BLOCKS());
+    e.min && (a.Y.from = e.min.getFullYear()), e.max && (a.Y.to = e.max.getFullYear()), e.min && e.max && a.Y.from === a.Y.to && (a.m.from = e.min.getMonth() + 1, a.m.to = e.max.getMonth() + 1, a.m.from === a.m.to && (a.d.from = e.min.getDate(), a.d.to = e.max.getDate())), Object.assign(a, this.blocks, r), super._update({
+      ...n,
+      mask: Q(t) ? t : s,
+      blocks: a
+    });
+  }
+  doValidate(e) {
+    const t = this.date;
+    return super.doValidate(e) && (!this.isComplete || this.isDateExist(this.value) && t != null && (this.min == null || this.min <= t) && (this.max == null || t <= this.max));
+  }
+  /** Checks if date is exists */
+  isDateExist(e) {
+    return this.format(this.parse(e, this), this).indexOf(e) >= 0;
+  }
+  /** Parsed Date */
+  get date() {
+    return this.typedValue;
+  }
+  set date(e) {
+    this.typedValue = e;
+  }
+  get typedValue() {
+    return this.isComplete ? super.typedValue : null;
+  }
+  set typedValue(e) {
+    super.typedValue = e;
+  }
+  maskEquals(e) {
+    return e === Date || super.maskEquals(e);
+  }
+  optionsIsChanged(e) {
+    return super.optionsIsChanged(K.extractPatternOptions(e));
+  }
+}
+K.GET_DEFAULT_BLOCKS = () => ({
+  d: {
+    mask: fe,
+    from: 1,
+    to: 31,
+    maxLength: 2
+  },
+  m: {
+    mask: fe,
+    from: 1,
+    to: 12,
+    maxLength: 2
+  },
+  Y: {
+    mask: fe,
+    from: 1900,
+    to: 9999
+  }
+});
+K.DEFAULTS = {
+  ...N.DEFAULTS,
+  mask: Date,
+  pattern: Gt,
+  format: (i, e) => {
+    if (!i) return "";
+    const t = String(i.getDate()).padStart(2, "0"), s = String(i.getMonth() + 1).padStart(2, "0"), r = i.getFullYear();
+    return [t, s, r].join(".");
+  },
+  parse: (i, e) => {
+    const [t, s, r] = i.split(".").map(Number);
+    return new Date(r, s - 1, t);
+  }
+};
+F.MaskedDate = K;
+class ye extends L {
+  constructor(e) {
+    super({
+      ...ye.DEFAULTS,
+      ...e
+    }), this.currentMask = void 0;
+  }
+  updateOptions(e) {
+    super.updateOptions(e);
+  }
+  _update(e) {
+    super._update(e), "mask" in e && (this.exposeMask = void 0, this.compiledMasks = Array.isArray(e.mask) ? e.mask.map((t) => {
+      const {
+        expose: s,
+        ...r
+      } = pe(t), n = Y({
+        overwrite: this._overwrite,
+        eager: this._eager,
+        skipInvalid: this._skipInvalid,
+        ...r
+      });
+      return s && (this.exposeMask = n), n;
+    }) : []);
+  }
+  _appendCharRaw(e, t) {
+    t === void 0 && (t = {});
+    const s = this._applyDispatch(e, t);
+    return this.currentMask && s.aggregate(this.currentMask._appendChar(e, this.currentMaskFlags(t))), s;
+  }
+  _applyDispatch(e, t, s) {
+    e === void 0 && (e = ""), t === void 0 && (t = {}), s === void 0 && (s = "");
+    const r = t.tail && t._beforeTailState != null ? t._beforeTailState._value : this.value, n = this.rawInputValue, a = t.tail && t._beforeTailState != null ? t._beforeTailState._rawInputValue : n, l = n.slice(a.length), u = this.currentMask, o = new x(), v = u == null ? void 0 : u.state;
+    return this.currentMask = this.doDispatch(e, {
+      ...t
+    }, s), this.currentMask && (this.currentMask !== u ? (this.currentMask.reset(), a && (this.currentMask.append(a, {
+      raw: !0
+    }), o.tailShift = this.currentMask.value.length - r.length), l && (o.tailShift += this.currentMask.append(l, {
+      raw: !0,
+      tail: !0
+    }).tailShift)) : v && (this.currentMask.state = v)), o;
+  }
+  _appendPlaceholder() {
+    const e = this._applyDispatch();
+    return this.currentMask && e.aggregate(this.currentMask._appendPlaceholder()), e;
+  }
+  _appendEager() {
+    const e = this._applyDispatch();
+    return this.currentMask && e.aggregate(this.currentMask._appendEager()), e;
+  }
+  appendTail(e) {
+    const t = new x();
+    return e && t.aggregate(this._applyDispatch("", {}, e)), t.aggregate(this.currentMask ? this.currentMask.appendTail(e) : super.appendTail(e));
+  }
+  currentMaskFlags(e) {
+    var t, s;
+    return {
+      ...e,
+      _beforeTailState: ((t = e._beforeTailState) == null ? void 0 : t.currentMaskRef) === this.currentMask && ((s = e._beforeTailState) == null ? void 0 : s.currentMask) || e._beforeTailState
+    };
+  }
+  doDispatch(e, t, s) {
+    return t === void 0 && (t = {}), s === void 0 && (s = ""), this.dispatch(e, this, t, s);
+  }
+  doValidate(e) {
+    return super.doValidate(e) && (!this.currentMask || this.currentMask.doValidate(this.currentMaskFlags(e)));
+  }
+  doPrepare(e, t) {
+    t === void 0 && (t = {});
+    let [s, r] = super.doPrepare(e, t);
+    if (this.currentMask) {
+      let n;
+      [s, n] = super.doPrepare(s, this.currentMaskFlags(t)), r = r.aggregate(n);
+    }
+    return [s, r];
+  }
+  doPrepareChar(e, t) {
+    t === void 0 && (t = {});
+    let [s, r] = super.doPrepareChar(e, t);
+    if (this.currentMask) {
+      let n;
+      [s, n] = super.doPrepareChar(s, this.currentMaskFlags(t)), r = r.aggregate(n);
+    }
+    return [s, r];
+  }
+  reset() {
+    var e;
+    (e = this.currentMask) == null || e.reset(), this.compiledMasks.forEach((t) => t.reset());
+  }
+  get value() {
+    return this.exposeMask ? this.exposeMask.value : this.currentMask ? this.currentMask.value : "";
+  }
+  set value(e) {
+    this.exposeMask ? (this.exposeMask.value = e, this.currentMask = this.exposeMask, this._applyDispatch()) : super.value = e;
+  }
+  get unmaskedValue() {
+    return this.exposeMask ? this.exposeMask.unmaskedValue : this.currentMask ? this.currentMask.unmaskedValue : "";
+  }
+  set unmaskedValue(e) {
+    this.exposeMask ? (this.exposeMask.unmaskedValue = e, this.currentMask = this.exposeMask, this._applyDispatch()) : super.unmaskedValue = e;
+  }
+  get typedValue() {
+    return this.exposeMask ? this.exposeMask.typedValue : this.currentMask ? this.currentMask.typedValue : "";
+  }
+  set typedValue(e) {
+    if (this.exposeMask) {
+      this.exposeMask.typedValue = e, this.currentMask = this.exposeMask, this._applyDispatch();
+      return;
+    }
+    let t = String(e);
+    this.currentMask && (this.currentMask.typedValue = e, t = this.currentMask.unmaskedValue), this.unmaskedValue = t;
+  }
+  get displayValue() {
+    return this.currentMask ? this.currentMask.displayValue : "";
+  }
+  get isComplete() {
+    var e;
+    return !!((e = this.currentMask) != null && e.isComplete);
+  }
+  get isFilled() {
+    var e;
+    return !!((e = this.currentMask) != null && e.isFilled);
+  }
+  remove(e, t) {
+    const s = new x();
+    return this.currentMask && s.aggregate(this.currentMask.remove(e, t)).aggregate(this._applyDispatch()), s;
+  }
+  get state() {
+    var e;
+    return {
+      ...super.state,
+      _rawInputValue: this.rawInputValue,
+      compiledMasks: this.compiledMasks.map((t) => t.state),
+      currentMaskRef: this.currentMask,
+      currentMask: (e = this.currentMask) == null ? void 0 : e.state
+    };
+  }
+  set state(e) {
+    const {
+      compiledMasks: t,
+      currentMaskRef: s,
+      currentMask: r,
+      ...n
+    } = e;
+    t && this.compiledMasks.forEach((a, l) => a.state = t[l]), s != null && (this.currentMask = s, this.currentMask.state = r), super.state = n;
+  }
+  extractInput(e, t, s) {
+    return this.currentMask ? this.currentMask.extractInput(e, t, s) : "";
+  }
+  extractTail(e, t) {
+    return this.currentMask ? this.currentMask.extractTail(e, t) : super.extractTail(e, t);
+  }
+  doCommit() {
+    this.currentMask && this.currentMask.doCommit(), super.doCommit();
+  }
+  nearestInputPos(e, t) {
+    return this.currentMask ? this.currentMask.nearestInputPos(e, t) : super.nearestInputPos(e, t);
+  }
+  get overwrite() {
+    return this.currentMask ? this.currentMask.overwrite : this._overwrite;
+  }
+  set overwrite(e) {
+    this._overwrite = e;
+  }
+  get eager() {
+    return this.currentMask ? this.currentMask.eager : this._eager;
+  }
+  set eager(e) {
+    this._eager = e;
+  }
+  get skipInvalid() {
+    return this.currentMask ? this.currentMask.skipInvalid : this._skipInvalid;
+  }
+  set skipInvalid(e) {
+    this._skipInvalid = e;
+  }
+  get autofix() {
+    return this.currentMask ? this.currentMask.autofix : this._autofix;
+  }
+  set autofix(e) {
+    this._autofix = e;
+  }
+  maskEquals(e) {
+    return Array.isArray(e) ? this.compiledMasks.every((t, s) => {
+      if (!e[s]) return;
+      const {
+        mask: r,
+        ...n
+      } = e[s];
+      return ge(t, n) && t.maskEquals(r);
+    }) : super.maskEquals(e);
+  }
+  typedValueEquals(e) {
+    var t;
+    return !!((t = this.currentMask) != null && t.typedValueEquals(e));
+  }
+}
+ye.DEFAULTS = {
+  ...L.DEFAULTS,
+  dispatch: (i, e, t, s) => {
+    if (!e.compiledMasks.length) return;
+    const r = e.rawInputValue, n = e.compiledMasks.map((a, l) => {
+      const u = e.currentMask === a, o = u ? a.displayValue.length : a.nearestInputPos(a.displayValue.length, y.FORCE_LEFT);
+      return a.rawInputValue !== r ? (a.reset(), a.append(r, {
+        raw: !0
+      })) : u || a.remove(o), a.append(i, e.currentMaskFlags(t)), a.appendTail(s), {
+        index: l,
+        weight: a.rawInputValue.length,
+        totalInputPositions: a.totalInputPositions(0, Math.max(o, a.nearestInputPos(a.displayValue.length, y.FORCE_LEFT)))
+      };
+    });
+    return n.sort((a, l) => l.weight - a.weight || l.totalInputPositions - a.totalInputPositions), e.compiledMasks[n[0].index];
+  }
+};
+F.MaskedDynamic = ye;
+class be extends N {
+  constructor(e) {
+    super({
+      ...be.DEFAULTS,
+      ...e
+    });
+  }
+  updateOptions(e) {
+    super.updateOptions(e);
+  }
+  _update(e) {
+    const {
+      enum: t,
+      ...s
+    } = e;
+    if (t) {
+      const r = t.map((l) => l.length), n = Math.min(...r), a = Math.max(...r) - n;
+      s.mask = "*".repeat(n), a && (s.mask += "[" + "*".repeat(a) + "]"), this.enum = t;
+    }
+    super._update(s);
+  }
+  _appendCharRaw(e, t) {
+    t === void 0 && (t = {});
+    const s = Math.min(this.nearestInputPos(0, y.FORCE_RIGHT), this.value.length), r = this.enum.filter((n) => this.matchValue(n, this.unmaskedValue + e, s));
+    if (r.length) {
+      r.length === 1 && this._forEachBlocksInRange(0, this.value.length, (a, l) => {
+        const u = r[0][l];
+        l >= this.value.length || u === a.value || (a.reset(), a._appendChar(u, t));
+      });
+      const n = super._appendCharRaw(r[0][this.value.length], t);
+      return r.length === 1 && r[0].slice(this.unmaskedValue.length).split("").forEach((a) => n.aggregate(super._appendCharRaw(a))), n;
+    }
+    return new x({
+      skip: !this.isComplete
+    });
+  }
+  extractTail(e, t) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), new G("", e);
+  }
+  remove(e, t) {
+    if (e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), e === t) return new x();
+    const s = Math.min(super.nearestInputPos(0, y.FORCE_RIGHT), this.value.length);
+    let r;
+    for (r = e; r >= 0 && !(this.enum.filter((l) => this.matchValue(l, this.value.slice(s, r), s)).length > 1); --r)
+      ;
+    const n = super.remove(r, t);
+    return n.tailShift += r - e, n;
+  }
+  get isComplete() {
+    return this.enum.indexOf(this.value) >= 0;
+  }
+}
+be.DEFAULTS = {
+  ...N.DEFAULTS,
+  matchValue: (i, e, t) => i.indexOf(e, t) === t
+};
+F.MaskedEnum = be;
+class Kt extends L {
+  /** */
+  /** Enable characters overwriting */
+  /** */
+  /** */
+  /** */
+  updateOptions(e) {
+    super.updateOptions(e);
+  }
+  _update(e) {
+    super._update({
+      ...e,
+      validate: e.mask
+    });
+  }
+}
+F.MaskedFunction = Kt;
+var Xe;
+class $ extends L {
+  /** Single char */
+  /** Single char */
+  /** Array of single chars */
+  /** */
+  /** */
+  /** Digits after point */
+  /** Flag to remove leading and trailing zeros in the end of editing */
+  /** Flag to pad trailing zeros after point in the end of editing */
+  /** Enable characters overwriting */
+  /** */
+  /** */
+  /** */
+  /** Format typed value to string */
+  /** Parse string to get typed value */
+  constructor(e) {
+    super({
+      ...$.DEFAULTS,
+      ...e
+    });
+  }
+  updateOptions(e) {
+    super.updateOptions(e);
+  }
+  _update(e) {
+    super._update(e), this._updateRegExps();
+  }
+  _updateRegExps() {
+    const e = "^" + (this.allowNegative ? "[+|\\-]?" : ""), t = "\\d*", s = (this.scale ? "(" + Fe(this.radix) + "\\d{0," + this.scale + "})?" : "") + "$";
+    this._numberRegExp = new RegExp(e + t + s), this._mapToRadixRegExp = new RegExp("[" + this.mapToRadix.map(Fe).join("") + "]", "g"), this._thousandsSeparatorRegExp = new RegExp(Fe(this.thousandsSeparator), "g");
+  }
+  _removeThousandsSeparators(e) {
+    return e.replace(this._thousandsSeparatorRegExp, "");
+  }
+  _insertThousandsSeparators(e) {
+    const t = e.split(this.radix);
+    return t[0] = t[0].replace(/\B(?=(\d{3})+(?!\d))/g, this.thousandsSeparator), t.join(this.radix);
+  }
+  doPrepareChar(e, t) {
+    t === void 0 && (t = {});
+    const [s, r] = super.doPrepareChar(this._removeThousandsSeparators(this.scale && this.mapToRadix.length && /*
+      radix should be mapped when
+      1) input is done from keyboard = flags.input && flags.raw
+      2) unmasked value is set = !flags.input && !flags.raw
+      and should not be mapped when
+      1) value is set = flags.input && !flags.raw
+      2) raw value is set = !flags.input && flags.raw
+    */
+    (t.input && t.raw || !t.input && !t.raw) ? e.replace(this._mapToRadixRegExp, this.radix) : e), t);
+    return e && !s && (r.skip = !0), s && !this.allowPositive && !this.value && s !== "-" && r.aggregate(this._appendChar("-")), [s, r];
+  }
+  _separatorsCount(e, t) {
+    t === void 0 && (t = !1);
+    let s = 0;
+    for (let r = 0; r < e; ++r)
+      this._value.indexOf(this.thousandsSeparator, r) === r && (++s, t && (e += this.thousandsSeparator.length));
+    return s;
+  }
+  _separatorsCountFromSlice(e) {
+    return e === void 0 && (e = this._value), this._separatorsCount(this._removeThousandsSeparators(e).length, !0);
+  }
+  extractInput(e, t, s) {
+    return e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), [e, t] = this._adjustRangeWithSeparators(e, t), this._removeThousandsSeparators(super.extractInput(e, t, s));
+  }
+  _appendCharRaw(e, t) {
+    t === void 0 && (t = {});
+    const s = t.tail && t._beforeTailState ? t._beforeTailState._value : this._value, r = this._separatorsCountFromSlice(s);
+    this._value = this._removeThousandsSeparators(this.value);
+    const n = this._value;
+    this._value += e;
+    const a = this.number;
+    let l = !isNaN(a), u = !1;
+    if (l) {
+      let m;
+      this.min != null && this.min < 0 && this.number < this.min && (m = this.min), this.max != null && this.max > 0 && this.number > this.max && (m = this.max), m != null && (this.autofix ? (this._value = this.format(m, this).replace($.UNMASKED_RADIX, this.radix), u || (u = n === this._value && !t.tail)) : l = !1), l && (l = !!this._value.match(this._numberRegExp));
+    }
+    let o;
+    l ? o = new x({
+      inserted: this._value.slice(n.length),
+      rawInserted: u ? "" : e,
+      skip: u
+    }) : (this._value = n, o = new x()), this._value = this._insertThousandsSeparators(this._value);
+    const v = t.tail && t._beforeTailState ? t._beforeTailState._value : this._value, p = this._separatorsCountFromSlice(v);
+    return o.tailShift += (p - r) * this.thousandsSeparator.length, o;
+  }
+  _findSeparatorAround(e) {
+    if (this.thousandsSeparator) {
+      const t = e - this.thousandsSeparator.length + 1, s = this.value.indexOf(this.thousandsSeparator, t);
+      if (s <= e) return s;
+    }
+    return -1;
+  }
+  _adjustRangeWithSeparators(e, t) {
+    const s = this._findSeparatorAround(e);
+    s >= 0 && (e = s);
+    const r = this._findSeparatorAround(t);
+    return r >= 0 && (t = r + this.thousandsSeparator.length), [e, t];
+  }
+  remove(e, t) {
+    e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length), [e, t] = this._adjustRangeWithSeparators(e, t);
+    const s = this.value.slice(0, e), r = this.value.slice(t), n = this._separatorsCount(s.length);
+    this._value = this._insertThousandsSeparators(this._removeThousandsSeparators(s + r));
+    const a = this._separatorsCountFromSlice(s);
+    return new x({
+      tailShift: (a - n) * this.thousandsSeparator.length
+    });
+  }
+  nearestInputPos(e, t) {
+    if (!this.thousandsSeparator) return e;
+    switch (t) {
+      case y.NONE:
+      case y.LEFT:
+      case y.FORCE_LEFT: {
+        const s = this._findSeparatorAround(e - 1);
+        if (s >= 0) {
+          const r = s + this.thousandsSeparator.length;
+          if (e < r || this.value.length <= r || t === y.FORCE_LEFT)
+            return s;
+        }
+        break;
+      }
+      case y.RIGHT:
+      case y.FORCE_RIGHT: {
+        const s = this._findSeparatorAround(e);
+        if (s >= 0)
+          return s + this.thousandsSeparator.length;
+      }
+    }
+    return e;
+  }
+  doCommit() {
+    if (this.value) {
+      const e = this.number;
+      let t = e;
+      this.min != null && (t = Math.max(t, this.min)), this.max != null && (t = Math.min(t, this.max)), t !== e && (this.unmaskedValue = this.format(t, this));
+      let s = this.value;
+      this.normalizeZeros && (s = this._normalizeZeros(s)), this.padFractionalZeros && this.scale > 0 && (s = this._padFractionalZeros(s)), this._value = s;
+    }
+    super.doCommit();
+  }
+  _normalizeZeros(e) {
+    const t = this._removeThousandsSeparators(e).split(this.radix);
+    return t[0] = t[0].replace(/^(\D*)(0*)(\d*)/, (s, r, n, a) => r + a), e.length && !/\d$/.test(t[0]) && (t[0] = t[0] + "0"), t.length > 1 && (t[1] = t[1].replace(/0*$/, ""), t[1].length || (t.length = 1)), this._insertThousandsSeparators(t.join(this.radix));
+  }
+  _padFractionalZeros(e) {
+    if (!e) return e;
+    const t = e.split(this.radix);
+    return t.length < 2 && t.push(""), t[1] = t[1].padEnd(this.scale, "0"), t.join(this.radix);
+  }
+  doSkipInvalid(e, t, s) {
+    t === void 0 && (t = {});
+    const r = this.scale === 0 && e !== this.thousandsSeparator && (e === this.radix || e === $.UNMASKED_RADIX || this.mapToRadix.includes(e));
+    return super.doSkipInvalid(e, t, s) && !r;
+  }
+  get unmaskedValue() {
+    return this._removeThousandsSeparators(this._normalizeZeros(this.value)).replace(this.radix, $.UNMASKED_RADIX);
+  }
+  set unmaskedValue(e) {
+    super.unmaskedValue = e;
+  }
+  get typedValue() {
+    return this.parse(this.unmaskedValue, this);
+  }
+  set typedValue(e) {
+    this.rawInputValue = this.format(e, this).replace($.UNMASKED_RADIX, this.radix);
+  }
+  /** Parsed Number */
+  get number() {
+    return this.typedValue;
+  }
+  set number(e) {
+    this.typedValue = e;
+  }
+  get allowNegative() {
+    return this.min != null && this.min < 0 || this.max != null && this.max < 0;
+  }
+  get allowPositive() {
+    return this.min != null && this.min > 0 || this.max != null && this.max > 0;
+  }
+  typedValueEquals(e) {
+    return (super.typedValueEquals(e) || $.EMPTY_VALUES.includes(e) && $.EMPTY_VALUES.includes(this.typedValue)) && !(e === 0 && this.value === "");
+  }
+}
+Xe = $;
+$.UNMASKED_RADIX = ".";
+$.EMPTY_VALUES = [...L.EMPTY_VALUES, 0];
+$.DEFAULTS = {
+  ...L.DEFAULTS,
+  mask: Number,
+  radix: ",",
+  thousandsSeparator: "",
+  mapToRadix: [Xe.UNMASKED_RADIX],
+  min: Number.MIN_SAFE_INTEGER,
+  max: Number.MAX_SAFE_INTEGER,
+  scale: 2,
+  normalizeZeros: !0,
+  padFractionalZeros: !1,
+  parse: Number,
+  format: (i) => i.toLocaleString("en-US", {
+    useGrouping: !1,
+    maximumFractionDigits: 20
+  })
+};
+F.MaskedNumber = $;
+const Me = {
+  MASKED: "value",
+  UNMASKED: "unmaskedValue",
+  TYPED: "typedValue"
+};
+function Qe(i, e, t) {
+  e === void 0 && (e = Me.MASKED), t === void 0 && (t = Me.MASKED);
+  const s = Y(i);
+  return (r) => s.runIsolated((n) => (n[e] = r, n[t]));
+}
+function Jt(i, e, t, s) {
+  return Qe(e, t, s)(i);
+}
+F.PIPE_TYPE = Me;
+F.createPipe = Qe;
+F.pipe = Jt;
+class Yt extends N {
+  get repeatFrom() {
+    var e;
+    return (e = Array.isArray(this.repeat) ? this.repeat[0] : this.repeat === 1 / 0 ? 0 : this.repeat) != null ? e : 0;
+  }
+  get repeatTo() {
+    var e;
+    return (e = Array.isArray(this.repeat) ? this.repeat[1] : this.repeat) != null ? e : 1 / 0;
+  }
+  constructor(e) {
+    super(e);
+  }
+  updateOptions(e) {
+    super.updateOptions(e);
+  }
+  _update(e) {
+    var t, s, r;
+    const {
+      repeat: n,
+      ...a
+    } = pe(e);
+    this._blockOpts = Object.assign({}, this._blockOpts, a);
+    const l = Y(this._blockOpts);
+    this.repeat = (t = (s = n ?? l.repeat) != null ? s : this.repeat) != null ? t : 1 / 0, super._update({
+      mask: "m".repeat(Math.max(this.repeatTo === 1 / 0 && ((r = this._blocks) == null ? void 0 : r.length) || 0, this.repeatFrom)),
+      blocks: {
+        m: l
+      },
+      eager: l.eager,
+      overwrite: l.overwrite,
+      skipInvalid: l.skipInvalid,
+      lazy: l.lazy,
+      placeholderChar: l.placeholderChar,
+      displayChar: l.displayChar
+    });
+  }
+  _allocateBlock(e) {
+    if (e < this._blocks.length) return this._blocks[e];
+    if (this.repeatTo === 1 / 0 || this._blocks.length < this.repeatTo)
+      return this._blocks.push(Y(this._blockOpts)), this.mask += "m", this._blocks[this._blocks.length - 1];
+  }
+  _appendCharRaw(e, t) {
+    t === void 0 && (t = {});
+    const s = new x();
+    for (
+      let u = (r = (n = this._mapPosToBlock(this.displayValue.length)) == null ? void 0 : n.index) != null ? r : Math.max(this._blocks.length - 1, 0), o, v;
+      // try to get a block or
+      // try to allocate a new block if not allocated already
+      o = (a = this._blocks[u]) != null ? a : v = !v && this._allocateBlock(u);
+      ++u
+    ) {
+      var r, n, a, l;
+      const p = o._appendChar(e, {
+        ...t,
+        _beforeTailState: (l = t._beforeTailState) == null || (l = l._blocks) == null ? void 0 : l[u]
+      });
+      if (p.skip && v) {
+        this._blocks.pop(), this.mask = this.mask.slice(1);
+        break;
+      }
+      if (s.aggregate(p), p.consumed) break;
+    }
+    return s;
+  }
+  _trimEmptyTail(e, t) {
+    var s, r;
+    e === void 0 && (e = 0);
+    const n = Math.max(((s = this._mapPosToBlock(e)) == null ? void 0 : s.index) || 0, this.repeatFrom, 0);
+    let a;
+    t != null && (a = (r = this._mapPosToBlock(t)) == null ? void 0 : r.index), a == null && (a = this._blocks.length - 1);
+    let l = 0;
+    for (let u = a; n <= u && !this._blocks[u].unmaskedValue; --u, ++l)
+      ;
+    l && (this._blocks.splice(a - l + 1, l), this.mask = this.mask.slice(l));
+  }
+  reset() {
+    super.reset(), this._trimEmptyTail();
+  }
+  remove(e, t) {
+    e === void 0 && (e = 0), t === void 0 && (t = this.displayValue.length);
+    const s = super.remove(e, t);
+    return this._trimEmptyTail(e, t), s;
+  }
+  totalInputPositions(e, t) {
+    return e === void 0 && (e = 0), t == null && this.repeatTo === 1 / 0 ? 1 / 0 : super.totalInputPositions(e, t);
+  }
+  get state() {
+    return super.state;
+  }
+  set state(e) {
+    this._blocks.length = e._blocks.length, this.mask = this.mask.slice(0, this._blocks.length), super.state = e;
+  }
+}
+F.RepeatBlock = Yt;
+try {
+  globalThis.IMask = F;
+} catch {
+}
+const X = {
+  lazy: !0,
+  placeholderChar: "_",
+  rawMode: "unmasked",
+  normalize: "none"
+};
+function Wt(i) {
+  return i === "unmasked" || i === "masked" || i === "typed";
+}
+function Zt(i) {
+  return i === "digits" || i === "e164" || i === "none";
+}
+function et(i) {
+  const e = i.match(/\+\{(\d+)\}/);
+  return (e == null ? void 0 : e[1]) ?? null;
+}
+function Xt(i) {
+  const e = i.trim();
+  if (!e) return null;
+  const t = X.lazy, s = X.placeholderChar, r = X.rawMode, n = X.normalize;
+  return {
+    pattern: e,
+    lazy: t,
+    placeholderChar: s,
+    rawMode: r,
+    normalize: n,
+    countryCode: et(e),
+    imaskOptions: {
+      mask: e,
+      lazy: t,
+      placeholderChar: s
     },
-    submit: () => {
-      var n;
-      return ((n = c.value) == null ? void 0 : n.submit()) ?? Promise.resolve({ values: {}, isValid: !0, errors: {} });
+    cacheKey: JSON.stringify({ pattern: e, lazy: t, placeholderChar: s, rawMode: r, normalize: n })
+  };
+}
+function Qt(i) {
+  const e = typeof i.pattern == "string" ? i.pattern.trim() : "";
+  if (!e) return null;
+  const t = typeof i.lazy == "boolean" ? i.lazy : X.lazy, s = typeof i.placeholderChar == "string" && i.placeholderChar.length > 0 ? i.placeholderChar : X.placeholderChar, r = Wt(i.rawMode) ? i.rawMode : X.rawMode, n = Zt(i.normalize) ? i.normalize : X.normalize;
+  return {
+    pattern: e,
+    lazy: t,
+    placeholderChar: s,
+    rawMode: r,
+    normalize: n,
+    countryCode: et(e),
+    imaskOptions: {
+      mask: e,
+      lazy: t,
+      placeholderChar: s
     },
-    reset: (n) => {
-      var s;
-      return (s = c.value) == null ? void 0 : s.reset(n);
-    }
+    cacheKey: JSON.stringify({ pattern: e, lazy: t, placeholderChar: s, rawMode: r, normalize: n })
   };
 }
-const D = /* @__PURE__ */ C({
-  __name: "FieldText",
+function es(i) {
+  return typeof i == "string" ? Xt(i) : i && typeof i == "object" ? Qt(i) : null;
+}
+const ts = ["for"], ss = {
+  key: 0,
+  class: "co-field-shell__required",
+  "aria-hidden": "true"
+}, is = { class: "co-field-shell__control" }, rs = {
+  key: 1,
+  class: "co-field-shell__message"
+}, ns = /* @__PURE__ */ T({
+  __name: "CoFieldShell",
+  props: {
+    label: {},
+    inputId: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    focused: { type: Boolean },
+    helperText: {},
+    errors: {},
+    size: {}
+  },
+  setup(i) {
+    const e = i, t = c(() => {
+      var n;
+      return (((n = e.errors) == null ? void 0 : n.length) ?? 0) > 0;
+    }), s = c(() => {
+      var n;
+      return ((n = e.errors) == null ? void 0 : n[0]) || e.helperText || "";
+    }), r = c(() => e.size ?? "md");
+    return (n, a) => (w(), j("div", {
+      class: ft([
+        "co-field-shell",
+        `co-field-shell--${r.value}`,
+        {
+          "co-field-shell--error": t.value,
+          "co-field-shell--disabled": i.disabled,
+          "co-field-shell--focused": i.focused
+        }
+      ])
+    }, [
+      i.label ? (w(), j("label", {
+        key: 0,
+        for: i.inputId,
+        class: "co-field-shell__label"
+      }, [
+        mt(_e(i.label) + " ", 1),
+        i.required ? (w(), j("span", ss, "*")) : ue("", !0)
+      ], 8, ts)) : ue("", !0),
+      ce("div", is, [
+        he(n.$slots, "default", {}, void 0, !0)
+      ]),
+      s.value ? (w(), j("p", rs, _e(s.value), 1)) : ue("", !0)
+    ], 2));
+  }
+}), De = (i, e) => {
+  const t = i.__vccOpts || i;
+  for (const [s, r] of e)
+    t[s] = r;
+  return t;
+}, as = /* @__PURE__ */ De(ns, [["__scopeId", "data-v-9aa9efaf"]]), ls = ["id", "type", "placeholder", "disabled"], us = /* @__PURE__ */ T({
+  __name: "FieldMasked",
   props: {
     field: {},
     value: {},
     errors: {},
     disabled: { type: Boolean }
   },
-  emits: ["update:value", "blur"],
-  setup(e, { emit: c }) {
-    const t = e, r = c, v = f(() => t.errors.length > 0 ? "error" : "default"), n = f(() => t.errors[0] || t.field.helperText), s = f(() => {
-      const a = t.field.originalAttrs, o = a.format || a.uiCom;
-      return o === "email" || t.field.name === "email" ? "email" : o === "password" || o === "Password" ? "password" : o === "tel" || o === "phone" ? "tel" : o === "url" ? "url" : "text";
-    });
-    return (a, o) => (g(), A($(k), {
-      label: e.field.label,
-      placeholder: e.field.placeholder,
-      required: e.field.required,
-      disabled: e.disabled,
-      status: v.value,
-      "helper-text": n.value,
-      type: s.value,
-      value: String(e.value ?? ""),
-      onCoInput: o[0] || (o[0] = (y) => r("update:value", y.detail)),
-      onBlur: o[1] || (o[1] = (y) => r("blur"))
-    }, null, 8, ["label", "placeholder", "required", "disabled", "status", "helper-text", "type", "value"]));
+  emits: ["update:value", "blur", "mask:accept"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = H(null), n = H(!1), a = c(() => `co-masked-${t.field.name}`), l = c(() => !!t.disabled || !!t.field.disabled), u = c(() => t.value !== null && t.value !== void 0 && `${t.value}`.length > 0), o = c(() => !t.field.required && u.value && !l.value), v = c(() => {
+      var B;
+      const C = (B = t.field.originalAttrs) == null ? void 0 : B.size;
+      return C === "sm" || C === "lg" ? C : "md";
+    }), p = c(() => {
+      const C = t.field.originalAttrs ?? {}, B = C.format || C.uiCom;
+      return B === "email" || t.field.name === "email" ? "email" : B === "tel" || B === "phone" ? "tel" : B === "url" ? "url" : "text";
+    }), m = c(() => {
+      var C;
+      return es((C = t.field.originalAttrs) == null ? void 0 : C.mask);
+    }), E = c(() => {
+      var C;
+      return ((C = m.value) == null ? void 0 : C.cacheKey) ?? "no-mask-config";
+    });
+    let b = null, S = !1;
+    function M(C) {
+      return C.replace(/\D/g, "");
+    }
+    function W(C, B, U) {
+      const q = C.length > 0, te = B.trim().length > 0, P = U != null && `${U}`.length > 0;
+      return q || te || P;
+    }
+    function re(C, B, U) {
+      const q = m.value;
+      if (!q) return C || null;
+      if (!W(C, B, U)) return null;
+      let P;
+      if (q.rawMode === "masked" ? P = B : q.rawMode === "typed" ? P = U : P = C, P === "" || P === null || P === void 0) return null;
+      if (q.normalize === "none") return P;
+      const Ae = q.rawMode === "masked" ? B : C || `${P}`, d = M(Ae);
+      if (!d) return null;
+      if (q.normalize === "digits") return d;
+      const g = q.countryCode;
+      return g ? d.startsWith(g) ? `+${d}` : `+${g}${d}` : `+${d}`;
+    }
+    function Z(C) {
+      if (b) {
+        S = !0;
+        try {
+          if (C == null) {
+            b.value = "";
+            return;
+          }
+          const B = m.value;
+          if (!B) {
+            b.value = String(C);
+            return;
+          }
+          if (B.rawMode === "masked") {
+            b.value = String(C);
+            return;
+          }
+          if (B.rawMode === "typed") {
+            try {
+              b.typedValue = C;
+            } catch {
+              b.value = String(C);
+            }
+            return;
+          }
+          const U = B.normalize === "none" ? String(C) : M(String(C));
+          b.unmaskedValue = U;
+        } finally {
+          S = !1;
+        }
+      }
+    }
+    function ee() {
+      var te;
+      if (!b || S) return;
+      const C = `${b.unmaskedValue ?? ""}`, B = `${b.value ?? ""}`, U = b.typedValue, q = !!((te = b.masked) != null && te.isComplete);
+      s("mask:accept", { rawValue: C, maskedValue: B, isComplete: q }), s("update:value", re(C, B, U));
+    }
+    function z() {
+      !r.value || !m.value || (b = F(r.value, m.value.imaskOptions), b.on("accept", ee), Z(t.value));
+    }
+    function ne() {
+      b && (b.off("accept", ee), b.destroy(), b = null);
+    }
+    function oe() {
+      ne(), z();
+    }
+    function de(C) {
+      if (b) return;
+      const B = C.target.value;
+      s("update:value", B.trim() ? B : null);
+    }
+    function I() {
+      var C;
+      if (b) {
+        S = !0;
+        try {
+          b.value = "";
+        } finally {
+          S = !1;
+        }
+      } else r.value && (r.value.value = "");
+      s("update:value", null), (C = r.value) == null || C.focus();
+    }
+    function A() {
+      n.value = !0;
+    }
+    function D() {
+      n.value = !1, s("blur");
+    }
+    return J(
+      () => t.value,
+      (C) => {
+        Z(C);
+      }
+    ), J(E, () => {
+      oe();
+    }), Se(() => {
+      z(), !b && r.value && (r.value.value = t.value == null ? "" : String(t.value));
+    }), Ue(() => {
+      ne();
+    }), (C, B) => (w(), R(as, {
+      label: i.field.label,
+      "input-id": a.value,
+      required: i.field.required,
+      disabled: l.value,
+      focused: n.value,
+      "helper-text": i.field.helperText,
+      errors: i.errors,
+      size: v.value
+    }, {
+      default: Ie(() => [
+        ce("input", {
+          id: a.value,
+          ref_key: "inputRef",
+          ref: r,
+          class: "co-field-shell__input",
+          type: p.value,
+          placeholder: i.field.placeholder,
+          disabled: l.value,
+          onInput: de,
+          onFocus: A,
+          onBlur: D
+        }, null, 40, ls),
+        o.value ? (w(), j("button", {
+          key: 0,
+          class: "co-masked__clear",
+          type: "button",
+          tabindex: "-1",
+          "aria-label": "Clear",
+          onMousedown: B[0] || (B[0] = Pe(() => {
+          }, ["prevent"])),
+          onClick: I
+        }, [
+          me(O(Ft), {
+            name: "x-circle",
+            size: 16,
+            weight: "fill"
+          })
+        ], 32)) : ue("", !0)
+      ]),
+      _: 1
+    }, 8, ["label", "input-id", "required", "disabled", "focused", "helper-text", "errors", "size"]));
   }
-}), J = /* @__PURE__ */ C({
-  __name: "FieldTextArea",
+}), os = /* @__PURE__ */ De(us, [["__scopeId", "data-v-6a147f90"]]), ds = /* @__PURE__ */ T({
+  __name: "FieldMixed",
   props: {
     field: {},
     value: {},
     errors: {},
-    disabled: { type: Boolean }
+    disabled: { type: Boolean },
+    locale: {}
   },
   emits: ["update:value", "blur"],
-  setup(e, { emit: c }) {
-    const t = e, r = c, v = f(() => t.errors.length > 0 ? "error" : "default"), n = f(() => t.errors[0] || t.field.helperText);
-    return (s, a) => (g(), A($(k), {
-      label: e.field.label,
-      placeholder: e.field.placeholder,
-      required: e.field.required,
-      disabled: e.disabled,
-      status: v.value,
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText);
+    function a(o) {
+      if (o == null) return "";
+      if (typeof o == "string") {
+        const v = o.trim();
+        if (!v) return "";
+        try {
+          return JSON.stringify(JSON.parse(v), null, 2);
+        } catch {
+          return o;
+        }
+      }
+      try {
+        return JSON.stringify(o, null, 2);
+      } catch {
+        return String(o);
+      }
+    }
+    function l(o) {
+      const v = (o ?? "").trim();
+      if (!v) return null;
+      try {
+        return JSON.parse(v);
+      } catch {
+        return o;
+      }
+    }
+    const u = c(() => a(t.value));
+    return (o, v) => (w(), R(O(Et), {
+      label: i.field.label,
+      placeholder: i.field.placeholder || "{ }",
+      required: i.field.required,
+      disabled: i.disabled,
+      status: r.value,
       "helper-text": n.value,
-      multiline: "",
-      value: String(e.value ?? ""),
-      onCoInput: a[0] || (a[0] = (o) => r("update:value", o.detail)),
-      onBlur: a[1] || (a[1] = (o) => r("blur"))
+      value: u.value,
+      onCoChange: v[0] || (v[0] = (p) => s("update:value", l(p.detail))),
+      onCoBlur: v[1] || (v[1] = (p) => s("blur"))
     }, null, 8, ["label", "placeholder", "required", "disabled", "status", "helper-text", "value"]));
   }
-}), w = /* @__PURE__ */ C({
+}), hs = /* @__PURE__ */ T({
+  __name: "FieldMultiple",
+  props: {
+    field: {},
+    value: {},
+    errors: {},
+    disabled: { type: Boolean },
+    locale: {}
+  },
+  emits: ["update:value", "blur"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => {
+      const a = t.value;
+      return Array.isArray(a) ? JSON.stringify(a.map((l) => String(l))) : a == null || a === "" ? "[]" : JSON.stringify([String(a)]);
+    }), n = c(() => {
+      const a = t.field.originalAttrs.maxElements;
+      return typeof a == "number" ? a : void 0;
+    });
+    return (a, l) => (w(), R(O(xt), {
+      label: i.field.label,
+      placeholder: i.field.placeholder,
+      required: i.field.required,
+      disabled: i.disabled,
+      clearable: !i.field.required,
+      invalid: i.errors.length > 0,
+      "error-message": i.errors[0],
+      "helper-text": i.field.helperText,
+      "max-tags": n.value,
+      value: r.value,
+      onCoChange: l[0] || (l[0] = (u) => s("update:value", u.detail)),
+      onCoBlur: l[1] || (l[1] = (u) => s("blur"))
+    }, null, 8, ["label", "placeholder", "required", "disabled", "clearable", "invalid", "error-message", "helper-text", "max-tags", "value"]));
+  }
+}), Ee = /* @__PURE__ */ T({
   __name: "FieldNumber",
   props: {
     field: {},
@@ -131,24 +3034,25 @@ const D = /* @__PURE__ */ C({
     disabled: { type: Boolean }
   },
   emits: ["update:value", "blur"],
-  setup(e, { emit: c }) {
-    const t = e, r = c, v = f(() => t.errors.length > 0 ? "error" : "default"), n = f(() => t.errors[0] || t.field.helperText), s = f(() => t.field.originalAttrs.min), a = f(() => t.field.originalAttrs.max), o = f(() => typeof t.value == "number" ? t.value : void 0);
-    return (y, x) => (g(), A($(te), {
-      label: e.field.label,
-      placeholder: e.field.placeholder,
-      required: e.field.required,
-      disabled: e.disabled,
-      status: v.value,
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText), a = c(() => t.field.originalAttrs.min), l = c(() => t.field.originalAttrs.max), u = c(() => typeof t.value == "number" ? t.value : null);
+    return (o, v) => (w(), R(O(_t), {
+      label: i.field.label,
+      placeholder: i.field.placeholder,
+      required: i.field.required,
+      disabled: i.disabled,
+      clearable: !i.field.required,
+      status: r.value,
       "helper-text": n.value,
-      min: s.value,
-      max: a.value,
-      value: o.value,
-      onCoChange: x[0] || (x[0] = (i) => r("update:value", i.detail)),
-      onBlur: x[1] || (x[1] = (i) => r("blur"))
-    }, null, 8, ["label", "placeholder", "required", "disabled", "status", "helper-text", "min", "max", "value"]));
+      min: a.value,
+      max: l.value,
+      value: u.value,
+      onCoChange: v[0] || (v[0] = (p) => s("update:value", p.detail)),
+      onBlur: v[1] || (v[1] = (p) => s("blur"))
+    }, null, 8, ["label", "placeholder", "required", "disabled", "clearable", "status", "helper-text", "min", "max", "value"]));
   }
-}), ne = /* @__PURE__ */ C({
-  __name: "FieldDate",
+}), cs = /* @__PURE__ */ T({
+  __name: "FieldPhone",
   props: {
     field: {},
     value: {},
@@ -156,42 +3060,117 @@ const D = /* @__PURE__ */ C({
     disabled: { type: Boolean }
   },
   emits: ["update:value", "blur"],
-  setup(e, { emit: c }) {
-    const t = e, r = c, v = f(() => t.errors.length > 0 ? "error" : "default"), n = f(() => t.errors[0] || t.field.helperText);
-    return (s, a) => (g(), A($(k), {
-      label: e.field.label,
-      placeholder: e.field.placeholder,
-      required: e.field.required,
-      disabled: e.disabled,
-      status: v.value,
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText), a = c(() => t.field.originalAttrs.defaultCountry || "CO");
+    return (l, u) => (w(), R(O(St), {
+      label: i.field.label,
+      placeholder: i.field.placeholder,
+      required: i.field.required,
+      disabled: i.disabled,
+      status: r.value,
       "helper-text": n.value,
-      type: "date",
-      value: String(e.value ?? ""),
-      onCoInput: a[0] || (a[0] = (o) => r("update:value", o.detail)),
-      onBlur: a[1] || (a[1] = (o) => r("blur"))
-    }, null, 8, ["label", "placeholder", "required", "disabled", "status", "helper-text", "value"]));
+      "default-country": a.value,
+      value: String(i.value ?? ""),
+      onCoChange: u[0] || (u[0] = (o) => s("update:value", o.detail))
+    }, null, 8, ["label", "placeholder", "required", "disabled", "status", "helper-text", "default-country", "value"]));
   }
-}), ie = /* @__PURE__ */ C({
-  __name: "FieldBoolean",
+}), ps = /* @__PURE__ */ T({
+  __name: "FieldRef",
+  props: {
+    field: {},
+    value: {},
+    errors: {},
+    disabled: { type: Boolean },
+    refState: {}
+  },
+  emits: ["update:value", "search", "load-more", "open"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText), a = c(
+      () => !!t.field.originalAttrs.multiple || t.field.originalAttrs.type === "array"
+    ), l = c(() => {
+      const p = t.value;
+      if (p == null) return "";
+      if (Array.isArray(p)) {
+        const m = p.map((E) => typeof E == "string" ? E : (E == null ? void 0 : E._id) || "");
+        return JSON.stringify(m);
+      }
+      return typeof p == "string" ? a.value ? JSON.stringify([p]) : p : typeof p == "object" && p._id ? a.value ? JSON.stringify([p._id]) : String(p._id) : "";
+    }), u = c(() => {
+      var p;
+      return JSON.stringify(((p = t.refState) == null ? void 0 : p.options) || []);
+    }), o = c(() => {
+      var p;
+      return JSON.stringify(((p = t.refState) == null ? void 0 : p.selectedDisplay) || []);
+    });
+    function v(p) {
+      const m = p.detail ?? {};
+      s("update:value", m.value);
+    }
+    return (p, m) => {
+      var E, b;
+      return w(), R(O(Bt), {
+        label: i.field.label,
+        placeholder: i.field.placeholder,
+        required: i.field.required,
+        disabled: i.disabled,
+        clearable: !i.field.required,
+        multiple: a.value,
+        status: r.value,
+        "helper-text": n.value,
+        model: i.field.originalAttrs.ref,
+        value: l.value,
+        options: u.value,
+        "selected-display": o.value,
+        loading: ((E = i.refState) == null ? void 0 : E.loading) || !1,
+        total: ((b = i.refState) == null ? void 0 : b.total) || 0,
+        onCoOpen: m[0] || (m[0] = (S) => s("open")),
+        onCoSearch: m[1] || (m[1] = (S) => s("search", S.detail)),
+        onCoLoadMore: m[2] || (m[2] = (S) => s("load-more")),
+        onCoChange: v,
+        onCoClear: m[3] || (m[3] = (S) => s("update:value", a.value ? [] : null))
+      }, null, 8, ["label", "placeholder", "required", "disabled", "clearable", "multiple", "status", "helper-text", "model", "value", "options", "selected-display", "loading", "total"]);
+    };
+  }
+}), fs = /* @__PURE__ */ T({
+  __name: "FieldRichText",
   props: {
     field: {},
     value: {},
     errors: {},
     disabled: { type: Boolean }
   },
-  emits: ["update:value"],
-  setup(e, { emit: c }) {
-    const t = e, r = c, v = f(() => t.errors.length > 0 ? "error" : "default"), n = f(() => t.errors[0] || t.field.helperText);
-    return (s, a) => (g(), A($(le), {
-      label: e.field.label,
-      disabled: e.disabled,
-      status: v.value,
+  emits: ["update:value", "blur"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText), a = c(() => {
+      var v;
+      return ((v = t.field.originalAttrs) == null ? void 0 : v.preset) || "task";
+    }), l = H(null), u = H(t.value == null ? "" : String(t.value));
+    J(
+      () => t.value,
+      (v) => {
+        const p = v == null ? "" : String(v);
+        p !== l.value && (u.value = p);
+      }
+    );
+    function o(v) {
+      var m;
+      const p = ((m = v.detail) == null ? void 0 : m.html) ?? "";
+      l.value = p, s("update:value", p);
+    }
+    return (v, p) => (w(), R(O(Mt), {
+      label: i.field.label,
+      placeholder: i.field.placeholder,
+      required: i.field.required,
+      disabled: i.disabled,
+      status: r.value,
       "helper-text": n.value,
-      checked: !!e.value,
-      onCoChange: a[0] || (a[0] = (o) => r("update:value", o.detail))
-    }, null, 8, ["label", "disabled", "status", "helper-text", "checked"]));
+      preset: a.value,
+      value: u.value,
+      onCoInput: o,
+      onCoBlur: p[0] || (p[0] = (m) => s("blur"))
+    }, null, 8, ["label", "placeholder", "required", "disabled", "status", "helper-text", "preset", "value"]));
   }
-}), se = /* @__PURE__ */ C({
+}), xe = /* @__PURE__ */ T({
   __name: "FieldSelect",
   props: {
     field: {},
@@ -200,82 +3179,88 @@ const D = /* @__PURE__ */ C({
     disabled: { type: Boolean }
   },
   emits: ["update:value", "blur"],
-  setup(e, { emit: c }) {
-    const t = e, r = c, v = f(() => t.errors.length > 0 ? "error" : "default"), n = f(() => t.errors[0] || t.field.helperText), s = f(() => {
-      const a = t.field.originalAttrs.enum;
-      return Array.isArray(a) ? JSON.stringify(a.map((o) => ({ label: String(o), value: String(o) }))) : "[]";
-    });
-    return (a, o) => (g(), A($(re), {
-      label: e.field.label,
-      placeholder: e.field.placeholder,
-      required: e.field.required,
-      disabled: e.disabled,
-      status: v.value,
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText), a = c(() => {
+      const l = t.field.originalAttrs.enum;
+      return Array.isArray(l) ? JSON.stringify(l.map((u) => ({ label: String(u), value: String(u) }))) : "[]";
+    });
+    return (l, u) => (w(), R(O(wt), {
+      label: i.field.label,
+      placeholder: i.field.placeholder,
+      required: i.field.required,
+      disabled: i.disabled,
+      clearable: !i.field.required,
+      status: r.value,
       "helper-text": n.value,
-      options: s.value,
-      value: String(e.value ?? ""),
-      onCoChange: o[0] || (o[0] = (y) => r("update:value", y.detail)),
-      onBlur: o[1] || (o[1] = (y) => r("blur"))
-    }, null, 8, ["label", "placeholder", "required", "disabled", "status", "helper-text", "options", "value"]));
+      options: a.value,
+      value: String(i.value ?? ""),
+      onCoChange: u[0] || (u[0] = (o) => s("update:value", o.detail)),
+      onBlur: u[1] || (u[1] = (o) => s("blur"))
+    }, null, 8, ["label", "placeholder", "required", "disabled", "clearable", "status", "helper-text", "options", "value"]));
   }
-}), ue = /* @__PURE__ */ C({
-  __name: "FieldRef",
+}), ms = /* @__PURE__ */ T({
+  __name: "FieldText",
   props: {
     field: {},
     value: {},
     errors: {},
-    disabled: { type: Boolean },
-    refState: {}
+    disabled: { type: Boolean }
   },
-  emits: ["update:value", "search", "load-more", "open"],
-  setup(e, { emit: c }) {
-    const t = e, r = c, v = f(() => t.errors.length > 0 ? "error" : "default"), n = f(() => t.errors[0] || t.field.helperText), s = f(
-      () => !!t.field.originalAttrs.multiple || t.field.originalAttrs.type === "array"
-    ), a = f(() => {
-      const i = t.value;
-      if (i == null) return "";
-      if (Array.isArray(i)) {
-        const p = i.map((S) => typeof S == "string" ? S : (S == null ? void 0 : S._id) || "");
-        return JSON.stringify(p);
-      }
-      return typeof i == "string" ? s.value ? JSON.stringify([i]) : i : typeof i == "object" && i._id ? s.value ? JSON.stringify([i._id]) : String(i._id) : "";
-    }), o = f(() => {
-      var i;
-      return JSON.stringify(((i = t.refState) == null ? void 0 : i.options) || []);
-    }), y = f(() => {
-      var i;
-      return JSON.stringify(((i = t.refState) == null ? void 0 : i.selectedDisplay) || []);
-    });
-    function x(i) {
-      const p = i.detail ?? {};
-      r("update:value", p.value);
-    }
-    return (i, p) => {
-      var S, q;
-      return g(), A($(ae), {
-        label: e.field.label,
-        placeholder: e.field.placeholder,
-        required: e.field.required,
-        disabled: e.disabled,
-        clearable: !e.field.required,
-        multiple: s.value,
-        status: v.value,
-        "helper-text": n.value,
-        model: e.field.originalAttrs.ref,
-        value: a.value,
-        options: o.value,
-        "selected-display": y.value,
-        loading: ((S = e.refState) == null ? void 0 : S.loading) || !1,
-        total: ((q = e.refState) == null ? void 0 : q.total) || 0,
-        onCoOpen: p[0] || (p[0] = (B) => r("open")),
-        onCoSearch: p[1] || (p[1] = (B) => r("search", B.detail)),
-        onCoLoadMore: p[2] || (p[2] = (B) => r("load-more")),
-        onCoChange: x,
-        onCoClear: p[3] || (p[3] = (B) => r("update:value", s.value ? [] : null))
-      }, null, 8, ["label", "placeholder", "required", "disabled", "clearable", "multiple", "status", "helper-text", "model", "value", "options", "selected-display", "loading", "total"]);
-    };
+  emits: ["update:value", "blur"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText), a = c(() => {
+      const l = t.field.originalAttrs, u = l.format || l.uiCom;
+      return u === "email" || t.field.name === "email" ? "email" : u === "password" || u === "Password" ? "password" : u === "tel" || u === "phone" ? "tel" : u === "url" ? "url" : "text";
+    });
+    return (l, u) => (w(), R(O(Ke), {
+      label: i.field.label,
+      placeholder: i.field.placeholder,
+      required: i.field.required,
+      disabled: i.disabled,
+      clearable: !i.field.required,
+      status: r.value,
+      "helper-text": n.value,
+      type: a.value,
+      value: String(i.value ?? ""),
+      onCoInput: u[0] || (u[0] = (o) => s("update:value", o.detail)),
+      onBlur: u[1] || (u[1] = (o) => s("blur"))
+    }, null, 8, ["label", "placeholder", "required", "disabled", "clearable", "status", "helper-text", "type", "value"]));
+  }
+}), gs = /* @__PURE__ */ T({
+  __name: "FieldTextArea",
+  props: {
+    field: {},
+    value: {},
+    errors: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:value", "blur"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText), a = c(() => {
+      var u;
+      return ((u = t.field.originalAttrs) == null ? void 0 : u.rows) ?? 4;
+    }), l = c(
+      () => {
+        var u, o;
+        return ((u = t.field.originalAttrs) == null ? void 0 : u.maxLength) ?? ((o = t.field.ajvProperty) == null ? void 0 : o.maxLength) ?? void 0;
+      }
+    );
+    return (u, o) => (w(), R(O(It), {
+      label: i.field.label,
+      placeholder: i.field.placeholder,
+      required: i.field.required,
+      disabled: i.disabled,
+      clearable: !i.field.required,
+      status: r.value,
+      "helper-text": n.value,
+      rows: a.value,
+      "max-length": l.value,
+      value: String(i.value ?? ""),
+      onCoInput: o[0] || (o[0] = (v) => s("update:value", v.detail)),
+      onCoBlur: o[1] || (o[1] = (v) => s("blur"))
+    }, null, 8, ["label", "placeholder", "required", "disabled", "clearable", "status", "helper-text", "rows", "max-length", "value"]));
   }
-}), de = /* @__PURE__ */ C({
+}), tt = /* @__PURE__ */ T({
   __name: "CoFieldRenderer",
   props: {
     field: {},
@@ -283,91 +3268,163 @@ const D = /* @__PURE__ */ C({
     errors: {},
     disabled: { type: Boolean },
     refState: {},
+    fileState: {},
+    locale: {},
     fieldComponents: {}
   },
-  emits: ["update:value", "blur", "search", "load-more", "open"],
-  setup(e, { emit: c }) {
-    const t = {
-      text: D,
-      textarea: J,
-      html: J,
-      number: w,
-      date: ne,
-      boolean: ie,
-      select: se,
-      ref: ue,
-      rating: w,
-      slider: w,
-      color: D,
+  emits: ["update:value", "blur", "mask:accept", "search", "load-more", "open", "upload", "remove-file", "reorder", "add-files", "copy-url"],
+  setup(i, { emit: e }) {
+    const t = gt(() => import("./FieldObject-Cxd3I0Jv.js")), s = {
+      text: ms,
+      masked: os,
+      phone: cs,
+      textarea: gs,
+      html: fs,
+      number: Ee,
+      // Default date renderer is the Cobalt date picker (manual input + calendar).
+      // The native `<input type="date">` wrapper (FieldDate) stays exported for
+      // apps that opt back in via the `fieldComponents` prop.
+      date: Ot,
+      boolean: Tt,
+      select: xe,
+      radio: xe,
+      checkbox: xe,
+      ref: ps,
+      rating: Ee,
+      slider: Ee,
+      color: Rt,
       section: null,
-      file: D,
+      file: Nt,
       array: null,
+      object: t,
+      tags: hs,
+      mixed: ds,
+      "fill-blank": null,
+      ordering: null,
+      matching: null,
+      "image-choice": null,
       custom: null
-    }, r = e, v = c, n = f(() => {
-      var a, o;
-      const s = r.field.originalAttrs.uiCom;
-      return s && ((a = r.fieldComponents) != null && a[s]) ? r.fieldComponents[s] : (o = r.fieldComponents) != null && o[r.field.kind] ? r.fieldComponents[r.field.kind] : t[r.field.kind] ?? null;
-    });
-    return (s, a) => (g(), A(Z(n.value), {
-      field: e.field,
-      value: e.value,
-      errors: e.errors,
-      disabled: e.disabled,
-      "ref-state": e.refState,
-      "onUpdate:value": a[0] || (a[0] = (o) => v("update:value", o)),
-      onBlur: a[1] || (a[1] = (o) => v("blur")),
-      onSearch: a[2] || (a[2] = (o) => v("search", o)),
-      onLoadMore: a[3] || (a[3] = (o) => v("load-more")),
-      onOpen: a[4] || (a[4] = (o) => v("open"))
-    }, null, 40, ["field", "value", "errors", "disabled", "ref-state"]));
-  }
-}), fe = { class: "co-form-footer" }, L = 20, me = /* @__PURE__ */ C({
+    }, r = i, n = e, a = c(() => {
+      var u, o;
+      const l = r.field.originalAttrs.uiCom;
+      return l && ((u = r.fieldComponents) != null && u[l]) ? r.fieldComponents[l] : (o = r.fieldComponents) != null && o[r.field.kind] ? r.fieldComponents[r.field.kind] : s[r.field.kind] ?? null;
+    });
+    return (l, u) => (w(), R(vt(a.value), {
+      field: i.field,
+      value: i.value,
+      errors: i.errors,
+      disabled: i.disabled,
+      "ref-state": i.refState,
+      "file-state": i.fileState,
+      locale: i.locale,
+      "field-components": i.fieldComponents,
+      "onUpdate:value": u[0] || (u[0] = (o) => n("update:value", o)),
+      onBlur: u[1] || (u[1] = (o) => n("blur")),
+      onSearch: u[2] || (u[2] = (o) => n("search", o)),
+      onLoadMore: u[3] || (u[3] = (o) => n("load-more")),
+      onOpen: u[4] || (u[4] = (o) => n("open")),
+      onUpload: u[5] || (u[5] = (o) => n("upload", o)),
+      onRemoveFile: u[6] || (u[6] = (o) => n("remove-file", o)),
+      onReorder: u[7] || (u[7] = (o) => n("reorder", o)),
+      onAddFiles: u[8] || (u[8] = (o) => n("add-files", o)),
+      onCopyUrl: u[9] || (u[9] = (o) => n("copy-url", o)),
+      "onMask:accept": u[10] || (u[10] = (o) => n("mask:accept", o))
+    }, null, 40, ["field", "value", "errors", "disabled", "ref-state", "file-state", "locale", "field-components"]));
+  }
+}), qe = {
+  sm: "var(--co-spacing-sm, 8px)",
+  md: "var(--co-spacing-md, 12px)",
+  lg: "var(--co-spacing-lg, 16px)"
+}, vs = "15rem", ks = /* @__PURE__ */ new Set([
+  "TextArea",
+  "HtmlEditor",
+  "CodeEditor",
+  "TemplateEditor",
+  "FilterEditor",
+  "objectEditor",
+  "langEditor"
+]);
+function st(i) {
+  var t;
+  if (i.fullWidth) return !0;
+  const e = (t = i.originalAttrs) == null ? void 0 : t.uiCom;
+  return typeof e == "string" && ks.has(e);
+}
+function it(i, e) {
+  const t = Math.max(1, Math.floor(i));
+  return {
+    display: "grid",
+    gap: qe[e] ?? qe.lg,
+    "grid-template-columns": t <= 1 ? "1fr" : `repeat(auto-fit, minmax(min(100%, ${vs}), 1fr))`
+  };
+}
+function Cs(i, e) {
+  return !i.colSpan || i.colSpan < 1 ? 1 : Math.min(Math.floor(i.colSpan), Math.max(1, e));
+}
+function rt(i, e, t) {
+  if (t) return { style: { "grid-column": "1 / -1" } };
+  const s = Cs(i, e);
+  return s <= 1 ? {} : { style: { "grid-column": `span ${s}` } };
+}
+const $e = Symbol("co-form-depth"), nt = Symbol("co-form-expand-all"), we = Symbol("co-form-columns"), at = Symbol("co-form-errors"), lt = Symbol("co-form-touched"), ut = Symbol("co-form-touch"), ys = ["data-has-error"], bs = { class: "co-form-footer" }, ze = 20, As = /* @__PURE__ */ T({
   __name: "CoFormRenderer",
   props: {
     form: {},
     layout: {},
     disabled: { type: Boolean },
     excludeFields: {},
+    locale: {},
     fieldComponents: {},
-    refResolver: { type: Function }
+    refResolver: { type: Function },
+    uploadResolver: { type: Function },
+    removeResolver: { type: Function },
+    columns: {},
+    gap: {},
+    expandAll: { type: Boolean }
   },
-  emits: ["submit", "invalid", "change"],
-  setup(e, { emit: c }) {
-    const t = e, r = c, v = f(() => t.layout ?? "grid"), n = f(() => {
-      const l = new Set(t.excludeFields ?? []);
-      return t.form.fields.value.filter((u) => !u.hidden && !l.has(u.name));
-    }), s = /* @__PURE__ */ new Set([
-      "TextArea",
-      "HtmlEditor",
-      "CodeEditor",
-      "TemplateEditor",
-      "FilterEditor",
-      "objectEditor",
-      "langEditor"
-    ]);
-    function a(l) {
-      var d;
-      if (l.fullWidth) return !0;
-      const u = (d = l.originalAttrs) == null ? void 0 : d.uiCom;
-      return typeof u == "string" && s.has(u);
-    }
-    function o(l) {
-      return t.form.touched.value[l.name] ? t.form.errors.value[l.name] || [] : [];
-    }
-    function y(l, u) {
-      t.form.setValue(l, u), r("change", { name: l, value: u });
-    }
-    async function x() {
-      const l = await t.form.submit();
-      if (!l.isValid) {
-        t.form.touchAll(), r("invalid", l.errors);
+  emits: ["submit", "invalid", "change", "copy-url"],
+  setup(i, { expose: e, emit: t }) {
+    const s = i, r = t, n = c(() => s.layout ?? "grid");
+    se(nt, c(() => !!s.expandAll));
+    const a = c(() => {
+      const d = new Set(s.excludeFields ?? []);
+      return s.form.fields.value.filter((g) => !g.hidden && !d.has(g.name));
+    }), l = c(() => n.value === "stack" ? 1 : s.columns ?? 2), u = c(() => s.gap ?? "lg");
+    se(we, l), se(at, c(() => s.form.errors.value)), se(lt, c(() => s.form.touched.value)), se(ut, (d) => s.form.touch(d));
+    const o = c(() => it(l.value, u.value));
+    function v(d) {
+      return rt(d, l.value, st(d));
+    }
+    function p(d) {
+      const g = d.path ?? d.name;
+      return s.form.touched.value[g] ? s.form.errors.value[g] || [] : [];
+    }
+    const m = H(null);
+    function E() {
+      var h, k;
+      const d = (h = m.value) == null ? void 0 : h.querySelector("[data-has-error]");
+      if (!d) return;
+      d.scrollIntoView({ behavior: "smooth", block: "center" });
+      const f = Array.from(d.querySelectorAll("*")).find(
+        (_) => _.tagName.startsWith("CO-")
+      ) ?? d.querySelector("input, textarea, select, button, [tabindex]");
+      (k = f == null ? void 0 : f.focus) == null || k.call(f, { preventScroll: !0 });
+    }
+    e({ scrollToFirstError: E });
+    function b(d, g) {
+      s.form.setValue(d, g), r("change", { name: d, value: g });
+    }
+    async function S() {
+      const d = await s.form.submit();
+      if (!d.isValid) {
+        s.form.touchAll(), r("invalid", d.errors), kt(E);
         return;
       }
-      const u = t.form.fields.value.reduce((d, m) => (d[m.name] = m.ajvProperty, d), {});
-      r("submit", { values: H(l.values, u) });
+      const g = s.form.fields.value.reduce((f, h) => (f[h.name] = h.ajvProperty, f), {});
+      r("submit", { values: ct(d.values, g) });
     }
-    const i = Q({});
-    function p() {
+    const M = Oe({});
+    function W() {
       return {
         options: [],
         selectedDisplay: [],
@@ -378,137 +3435,504 @@ const D = /* @__PURE__ */ C({
         query: ""
       };
     }
-    function S(l, u) {
-      const d = l.originalAttrs.displayName || "name", m = [], h = [], F = (b) => {
-        b && (typeof b == "string" ? m.push(b) : typeof b == "object" && b._id && (m.push(b._id), h.push({
-          value: b._id,
-          label: String(b[d] ?? b.name ?? b._id),
-          meta: b
+    function re(d, g) {
+      const f = d.originalAttrs.displayName || "name", h = [], k = [], _ = (V) => {
+        V && (typeof V == "string" ? h.push(V) : typeof V == "object" && V._id && (h.push(V._id), k.push({
+          value: V._id,
+          label: String(V[f] ?? V.name ?? V._id),
+          meta: V
         })));
       };
-      return Array.isArray(u) ? u.forEach(F) : F(u), { ids: m, display: h };
+      return Array.isArray(g) ? g.forEach(_) : _(g), { ids: h, display: k };
     }
-    async function q(l, u) {
-      if (!t.refResolver) return;
-      const d = i[l.name] || p();
-      d.loading = !0, i[l.name] = { ...d };
+    async function Z(d, g) {
+      if (!s.refResolver) return;
+      const f = M[d.name] || W();
+      f.loading = !0, M[d.name] = { ...f };
       try {
-        const m = await t.refResolver({
-          model: l.originalAttrs.ref,
-          pageSize: L,
-          ...u
-        }), h = i[l.name], F = (u.page ?? 1) > 1;
-        i[l.name] = {
-          ...h,
-          options: F ? [...h.options, ...m.options] : m.options,
-          total: m.total ?? m.options.length,
-          hasMore: m.hasMore ?? (u.page ?? 1) * L < (m.total ?? m.options.length),
-          page: u.page ?? 1,
-          query: u.query ?? h.query,
+        const h = await s.refResolver({
+          model: d.originalAttrs.ref,
+          pageSize: ze,
+          ...g
+        }), k = M[d.name], _ = (g.page ?? 1) > 1;
+        M[d.name] = {
+          ...k,
+          options: _ ? [...k.options, ...h.options] : h.options,
+          total: h.total ?? h.options.length,
+          hasMore: h.hasMore ?? (g.page ?? 1) * ze < (h.total ?? h.options.length),
+          page: g.page ?? 1,
+          query: g.query ?? k.query,
           loading: !1
         };
-      } catch (m) {
-        console.error("[CoFormRenderer] refResolver failed:", m), i[l.name] = { ...i[l.name], loading: !1 };
+      } catch (h) {
+        console.error("[CoFormRenderer] refResolver failed:", h), M[d.name] = { ...M[d.name], loading: !1 };
       }
     }
-    async function B(l, u) {
-      if (!t.refResolver) return;
-      const d = i[l.name] || p();
-      d.loading = !0, i[l.name] = { ...d };
+    async function ee(d, g) {
+      if (!s.refResolver) return;
+      const f = M[d.name] || W();
+      f.loading = !0, M[d.name] = { ...f };
       try {
-        const m = await t.refResolver({ model: l.originalAttrs.ref, ids: u }), h = i[l.name], F = new Set(h.selectedDisplay.map((R) => R.value)), b = [...h.selectedDisplay];
-        for (const R of m.options)
-          F.has(R.value) || b.push(R);
-        i[l.name] = { ...h, selectedDisplay: b, loading: !1 };
-      } catch (m) {
-        console.error("[CoFormRenderer] hydrateRef failed:", m), i[l.name] = { ...i[l.name], loading: !1 };
+        const h = await s.refResolver({ model: d.originalAttrs.ref, ids: g }), k = M[d.name], _ = new Set(k.selectedDisplay.map((ae) => ae.value)), V = [...k.selectedDisplay];
+        for (const ae of h.options)
+          _.has(ae.value) || V.push(ae);
+        M[d.name] = { ...k, selectedDisplay: V, loading: !1 };
+      } catch (h) {
+        console.error("[CoFormRenderer] hydrateRef failed:", h), M[d.name] = { ...M[d.name], loading: !1 };
       }
     }
-    function E() {
-      for (const l of t.form.fields.value) {
-        if (l.kind !== "ref") continue;
-        const { ids: u, display: d } = S(l, t.form.values.value[l.name]);
-        i[l.name] = { ...p(), selectedDisplay: d };
-        const m = u.filter((h) => !d.some((F) => F.value === h));
-        m.length > 0 && B(l, m);
+    function z() {
+      for (const d of s.form.fields.value) {
+        if (d.kind !== "ref") continue;
+        const { ids: g, display: f } = re(d, s.form.values.value[d.name]);
+        M[d.name] = { ...W(), selectedDisplay: f };
+        const h = g.filter((k) => !f.some((_) => _.value === k));
+        h.length > 0 && ee(d, h);
+      }
+    }
+    Se(z), J(() => s.form.fields.value, z, { flush: "post" });
+    function ne(d) {
+      const g = M[d.name];
+      g && g.options.length === 0 && !g.loading && Z(d, { query: "", page: 1 });
+    }
+    function oe(d, g) {
+      Z(d, { query: g, page: 1 });
+    }
+    function de(d) {
+      const g = M[d.name];
+      !g || g.loading || !g.hasMore || Z(d, { query: g.query, page: g.page + 1 });
+    }
+    const I = Oe({});
+    function A(d) {
+      var f;
+      const g = d.originalAttrs;
+      return !!g.multiple || Array.isArray(g.type) || ((f = g.type) == null ? void 0 : f[0]) === "array";
+    }
+    function D(d) {
+      const g = (h) => {
+        if (!h) return null;
+        if (typeof h == "string") return { id: h, name: h, status: "done" };
+        if (typeof h == "object") {
+          const k = h._id || h.id;
+          return k ? {
+            id: k,
+            name: h.fileName || h.name || h.originalName || k,
+            size: h.size,
+            url: h.url,
+            thumbnail: h.thumbnail,
+            fileCode: h.fileCode,
+            status: "done"
+          } : null;
+        }
+        return null;
+      };
+      if (d == null || d === "") return [];
+      if (Array.isArray(d)) return d.map(g).filter((h) => !!h);
+      const f = g(d);
+      return f ? [f] : [];
+    }
+    function C() {
+      for (const d of s.form.fields.value)
+        d.kind === "file" && (I[d.name] = D(s.form.values.value[d.name]));
+    }
+    Se(C), J(() => s.form.fields.value, C, { flush: "post" });
+    function B(d) {
+      var h;
+      const g = (I[d.name] || []).filter((k) => k.status === "done" && k.id), f = A(d) ? g.map((k) => k.id) : ((h = g[0]) == null ? void 0 : h.id) ?? null;
+      s.form.setValue(d.name, f), r("change", { name: d.name, value: f });
+    }
+    async function U(d, g) {
+      if (!s.uploadResolver) {
+        console.warn("[CoFormRenderer] file upload requires an `uploadResolver` prop.");
+        return;
+      }
+      const f = A(d);
+      I[d.name] || (I[d.name] = []), f || (I[d.name] = []), g.files.forEach((h, k) => {
+        const _ = g.tempIds[k];
+        I[d.name] = [
+          ...I[d.name],
+          { tempId: _, name: h.name, size: h.size, status: "uploading", progress: 0 }
+        ], q(d, h, _);
+      });
+    }
+    async function q(d, g, f) {
+      const h = (k) => {
+        I[d.name] = (I[d.name] || []).map(
+          (_) => _.tempId === f ? k(_) : _
+        );
+      };
+      try {
+        const k = await s.uploadResolver({
+          field: d.name,
+          file: g,
+          multiple: A(d),
+          originalAttrs: d.originalAttrs,
+          onProgress: (_) => h((V) => ({ ...V, progress: _ }))
+        });
+        h((_) => ({
+          ..._,
+          id: k.id,
+          name: k.name ?? _.name,
+          url: k.url,
+          thumbnail: k.thumbnail,
+          fileCode: k.fileCode,
+          progress: 100,
+          status: "done"
+        })), B(d);
+      } catch (k) {
+        console.error("[CoFormRenderer] uploadResolver failed:", k), h((_) => ({ ..._, status: "error", error: (k == null ? void 0 : k.message) || "Upload failed" }));
       }
     }
-    X(E), U(() => t.form.fields.value, E, { flush: "post" });
-    function j(l) {
-      const u = i[l.name];
-      u && u.options.length === 0 && !u.loading && q(l, { query: "", page: 1 });
+    function te(d, g) {
+      const f = (I[d.name] || []).find(
+        (h) => h.id === g || h.tempId === g
+      );
+      I[d.name] = (I[d.name] || []).filter(
+        (h) => h.id !== g && h.tempId !== g
+      ), B(d), s.removeResolver && (f == null ? void 0 : f.status) === "done" && f.id && s.removeResolver({
+        field: d.name,
+        id: f.id,
+        fileCode: f.fileCode,
+        originalAttrs: d.originalAttrs
+      }).catch((h) => console.error("[CoFormRenderer] removeResolver failed:", h));
     }
-    function z(l, u) {
-      q(l, { query: u, page: 1 });
+    function P(d, g) {
+      const f = I[d.name] || [], h = (_) => _.id || _.tempId || `${_.name}:${_.size ?? ""}`, k = new Map(g.map((_, V) => [_, V]));
+      I[d.name] = [...f].sort((_, V) => {
+        const ae = k.has(h(_)) ? k.get(h(_)) : g.length + f.indexOf(_), dt = k.has(h(V)) ? k.get(h(V)) : g.length + f.indexOf(V);
+        return ae - dt;
+      }), B(d);
     }
-    function P(l) {
-      const u = i[l.name];
-      !u || u.loading || !u.hasMore || q(l, { query: u.query, page: u.page + 1 });
+    function Ae(d, g) {
+      if (!(g != null && g.length)) return;
+      const f = g.filter((k) => k && k.id).map((k) => ({
+        id: k.id,
+        name: k.name || k.id,
+        size: k.size,
+        url: k.url,
+        thumbnail: k.thumbnail,
+        fileCode: k.fileCode,
+        status: "done"
+      }));
+      if (!f.length) return;
+      const h = I[d.name] || [];
+      if (!A(d))
+        I[d.name] = [f[0]];
+      else {
+        const k = new Set(h.map((_) => _.id).filter(Boolean));
+        I[d.name] = [...h, ...f.filter((_) => !k.has(_.id))];
+      }
+      B(d);
     }
-    return (l, u) => (g(), T("form", {
-      onSubmit: Y(x, ["prevent"])
+    return (d, g) => (w(), j("form", {
+      ref_key: "formEl",
+      ref: m,
+      onSubmit: Pe(S, ["prevent"])
     }, [
-      V(l.$slots, "header", { form: e.form }, void 0, !0),
-      O("div", {
-        class: N(["co-form-layout", `co-form-layout--${v.value}`])
+      he(d.$slots, "header", { form: i.form }, void 0, !0),
+      ce("div", {
+        class: "co-form-grid",
+        style: Be(o.value)
       }, [
-        (g(!0), T(_, null, ee(n.value, (d) => (g(), T("div", {
-          key: d.name,
-          class: N(["co-form-field", { "co-form-field--full": a(d) }])
-        }, [
-          V(l.$slots, `field:${d.name}`, {
-            field: d,
-            value: e.form.values.value[d.name],
-            errors: o(d),
-            setValue: (m) => e.form.setValue(d.name, m),
-            touch: () => e.form.touch(d.name)
+        (w(!0), j(je, null, He(a.value, (f) => (w(), j("div", Ge({
+          key: f.name,
+          class: "co-form-field",
+          "data-has-error": p(f).length > 0 || void 0
+        }, { ref_for: !0 }, v(f)), [
+          he(d.$slots, `field:${f.name}`, {
+            field: f,
+            value: i.form.values.value[f.name],
+            errors: p(f),
+            setValue: (h) => i.form.setValue(f.name, h),
+            touch: () => i.form.touch(f.name)
           }, () => [
-            I(de, {
-              field: d,
-              value: e.form.values.value[d.name],
-              errors: o(d),
-              disabled: e.disabled || d.disabled,
-              "ref-state": i[d.name],
-              "field-components": e.fieldComponents,
-              "onUpdate:value": (m) => y(d.name, m),
-              onBlur: (m) => e.form.touch(d.name),
-              onSearch: (m) => z(d, m),
-              onLoadMore: (m) => P(d),
-              onOpen: (m) => j(d)
-            }, null, 8, ["field", "value", "errors", "disabled", "ref-state", "field-components", "onUpdate:value", "onBlur", "onSearch", "onLoadMore", "onOpen"])
+            me(tt, {
+              field: f,
+              value: i.form.values.value[f.name],
+              errors: p(f),
+              disabled: i.disabled || f.disabled,
+              "ref-state": M[f.name],
+              "file-state": I[f.name],
+              locale: i.locale,
+              "field-components": i.fieldComponents,
+              "onUpdate:value": (h) => b(f.name, h),
+              onBlur: (h) => i.form.touch(f.name),
+              onSearch: (h) => oe(f, h),
+              onLoadMore: (h) => de(f),
+              onOpen: (h) => ne(f),
+              onUpload: (h) => U(f, h),
+              onRemoveFile: (h) => te(f, h),
+              onReorder: (h) => P(f, h),
+              onAddFiles: (h) => Ae(f, h),
+              onCopyUrl: (h) => r("copy-url", { field: f.name, ...h })
+            }, null, 8, ["field", "value", "errors", "disabled", "ref-state", "file-state", "locale", "field-components", "onUpdate:value", "onBlur", "onSearch", "onLoadMore", "onOpen", "onUpload", "onRemoveFile", "onReorder", "onAddFiles", "onCopyUrl"])
           ], !0)
-        ], 2))), 128))
-      ], 2),
-      O("div", fe, [
-        V(l.$slots, "footer", {
-          form: e.form,
-          submit: x
+        ], 16, ys))), 128))
+      ], 4),
+      ce("div", bs, [
+        he(d.$slots, "footer", {
+          form: i.form,
+          submit: S
         }, () => [
-          I($(oe), {
+          me(O(Vt), {
             type: "submit",
             label: "Enviar",
             variant: "primary"
           })
         ], !0)
       ])
-    ], 32));
+    ], 544));
   }
-}), ce = (e, c) => {
-  const t = e.__vccOpts || e;
-  for (const [r, v] of c)
-    t[r] = v;
-  return t;
-}, ge = /* @__PURE__ */ ce(me, [["__scopeId", "data-v-5700cb3a"]]);
+}), Rs = /* @__PURE__ */ De(As, [["__scopeId", "data-v-15ca81e7"]]), Os = /* @__PURE__ */ T({
+  __name: "FieldDate",
+  props: {
+    field: {},
+    value: {},
+    errors: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:value", "blur"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.errors.length > 0 ? "error" : "default"), n = c(() => t.errors[0] || t.field.helperText);
+    return (a, l) => (w(), R(O(Ke), {
+      label: i.field.label,
+      placeholder: i.field.placeholder,
+      required: i.field.required,
+      disabled: i.disabled,
+      clearable: !i.field.required,
+      status: r.value,
+      "helper-text": n.value,
+      type: "date",
+      value: String(i.value ?? ""),
+      onCoInput: l[0] || (l[0] = (u) => s("update:value", u.detail)),
+      onBlur: l[1] || (l[1] = (u) => s("blur"))
+    }, null, 8, ["label", "placeholder", "required", "disabled", "clearable", "status", "helper-text", "value"]));
+  }
+}), Fs = 3;
+function Te(i) {
+  return i == null || i === "" ? !0 : Array.isArray(i) ? i.length === 0 : typeof i == "object" ? Object.keys(i).length === 0 : !1;
+}
+function ot(i, e) {
+  return i == null ? void 0 : i[e.name];
+}
+function Es(i, e) {
+  return i.some((t) => !Te(ot(e, t)));
+}
+function xs(i, e) {
+  return i.some((t) => t.required && Te(ot(e, t)));
+}
+function _s({
+  children: i,
+  objectValue: e,
+  errors: t,
+  originalAttrs: s
+}) {
+  return t && t.length > 0 || (s == null ? void 0 : s.expanded) === !0 ? !0 : (s == null ? void 0 : s.collapsed) === !0 ? !1 : !!(xs(i, e) || !Es(i, e));
+}
+function Ss(i, e) {
+  var t, s, r;
+  if (Te(e)) return null;
+  switch (i.kind) {
+    case "select":
+    case "radio":
+    case "checkbox": {
+      const n = ((t = i.originalAttrs) == null ? void 0 : t.enumLabels) ?? ((s = i.originalAttrs) == null ? void 0 : s.labels) ?? null;
+      return n && typeof n == "object" && !Array.isArray(n) ? String(n[e] ?? e) : String(e);
+    }
+    case "boolean":
+      return e ? "Sí" : "No";
+    case "ref": {
+      if (e && typeof e == "object") {
+        const n = ((r = i.originalAttrs) == null ? void 0 : r.displayName) || "name", a = e[n] ?? e.name ?? e.label ?? e.displayName;
+        return a ? String(a) : null;
+      }
+      return null;
+    }
+    case "tags":
+    case "array":
+      return Array.isArray(e) ? e.map(String).join(", ") : null;
+    case "object":
+    case "file":
+      return null;
+    // don't summarize nested objects or files inline
+    default:
+      return typeof e == "object" ? null : String(e);
+  }
+}
+function Bs(i, e, t) {
+  const s = [];
+  for (const a of i) {
+    const l = Ss(a, e == null ? void 0 : e[a.name]);
+    l != null && l !== "" && s.push(l);
+  }
+  if (s.length === 0) return "";
+  const r = s.slice(0, Fs), n = s.length - r.length;
+  return n > 0 ? `${r.join(" · ")} +${n}` : r.join(" · ");
+}
+const Ms = ["data-has-error"], ws = {
+  key: 0,
+  style: {
+    marginTop: "var(--co-spacing-sm, 8px)",
+    color: "var(--co-semantic-status-error, #aa2e1b)",
+    fontSize: "var(--co-font-size-14, 14px)",
+    fontFamily: "var(--co-font-family-primary)"
+  }
+}, Ls = /* @__PURE__ */ T({
+  __name: "FieldObject",
+  props: {
+    field: {},
+    value: {},
+    errors: {},
+    disabled: { type: Boolean },
+    locale: {},
+    fieldComponents: {}
+  },
+  emits: ["update:value"],
+  setup(i, { emit: e }) {
+    const t = i, s = e, r = c(() => t.field.children ?? []), n = r.value.filter((A) => A.kind === "ref" || A.kind === "file");
+    n.length > 0 && console.warn(
+      `[FieldObject] ${n.map((A) => `"${A.path ?? A.name}" (${A.kind})`).join(", ")} nested inside an object field: ref/file resolvers do not reach nested fields yet.`
+    );
+    const a = le($e, 0);
+    se($e, a + 1);
+    const l = c(
+      () => a > 0 ? {
+        paddingLeft: "var(--co-spacing-lg, 16px)",
+        borderLeft: "1px solid var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08))"
+      } : {}
+    ), u = c(
+      () => t.value && typeof t.value == "object" && !Array.isArray(t.value) ? t.value : {}
+    ), o = le(we, H(2)), v = c(() => {
+      var D;
+      const A = Number((D = t.field.originalAttrs) == null ? void 0 : D.columns);
+      return Number.isFinite(A) && A >= 1 ? Math.floor(A) : o.value;
+    });
+    se(we, v);
+    const p = c(() => {
+      var D;
+      const A = (D = t.field.originalAttrs) == null ? void 0 : D.gap;
+      return A === "sm" || A === "md" || A === "lg" ? A : "lg";
+    }), m = c(() => it(v.value, p.value));
+    function E(A) {
+      return rt(A, v.value, st(A));
+    }
+    const b = le(at, H({})), S = le(lt, H({})), M = le(ut, () => {
+    });
+    function W(A) {
+      return A.path ?? A.name;
+    }
+    function re(A) {
+      const D = W(A);
+      return S.value[D] ? b.value[D] || [] : [];
+    }
+    function Z(A) {
+      M(W(A));
+    }
+    const ee = le(nt, H(!1)), z = H(
+      ee.value || _s({
+        children: r.value,
+        objectValue: u.value,
+        errors: t.errors,
+        originalAttrs: t.field.originalAttrs
+      })
+    );
+    J(
+      () => t.errors,
+      (A) => {
+        A && A.length > 0 && (z.value = !0);
+      }
+    );
+    const ne = c(() => `${t.field.path ?? t.field.name}.`), oe = c(
+      () => Object.keys(b.value).some(
+        (A) => {
+          var D;
+          return A.startsWith(ne.value) && S.value[A] && (((D = b.value[A]) == null ? void 0 : D.length) ?? 0) > 0;
+        }
+      )
+    );
+    J(oe, (A) => {
+      A && (z.value = !0);
+    }), J(ee, (A) => {
+      A && (z.value = !0);
+    });
+    const de = c(
+      () => Bs(r.value, u.value, t.locale)
+    );
+    function I(A, D) {
+      s("update:value", { ...u.value, [A]: D });
+    }
+    return (A, D) => (w(), R(O(Dt), {
+      class: "co-fieldset",
+      heading: i.field.label,
+      subheading: z.value ? "" : de.value,
+      open: z.value,
+      style: Be(l.value),
+      onCoToggle: D[0] || (D[0] = (C) => z.value = C.detail)
+    }, {
+      default: Ie(() => [
+        ce("div", {
+          class: "co-form-grid",
+          style: Be(m.value)
+        }, [
+          (w(!0), j(je, null, He(r.value, (C) => (w(), j("div", Ge({
+            key: C.name,
+            class: "co-form-field",
+            "data-has-error": re(C).length > 0 || void 0
+          }, { ref_for: !0 }, E(C)), [
+            me(tt, {
+              field: C,
+              value: u.value[C.name],
+              errors: re(C),
+              disabled: i.disabled || C.disabled,
+              locale: i.locale,
+              "field-components": i.fieldComponents,
+              "onUpdate:value": (B) => I(C.name, B),
+              onBlur: (B) => Z(C)
+            }, null, 8, ["field", "value", "errors", "disabled", "locale", "field-components", "onUpdate:value", "onBlur"])
+          ], 16, Ms))), 128))
+        ], 4),
+        i.errors.length ? (w(), j("div", ws, _e(i.errors[0]), 1)) : ue("", !0)
+      ]),
+      _: 1
+    }, 8, ["heading", "subheading", "open", "style"]));
+  }
+});
 export {
-  de as CoFieldRenderer,
-  ge as CoFormRenderer,
-  ie as FieldBoolean,
-  ne as FieldDate,
-  w as FieldNumber,
-  ue as FieldRef,
-  se as FieldSelect,
-  D as FieldText,
-  J as FieldTextArea,
-  xe as createForm,
-  he as useForm
+  tt as CoFieldRenderer,
+  Rs as CoFormRenderer,
+  X as DEFAULT_MASK_CONFIG,
+  we as FORM_COLUMNS,
+  $e as FORM_DEPTH,
+  at as FORM_ERRORS,
+  nt as FORM_EXPAND_ALL,
+  ut as FORM_TOUCH,
+  lt as FORM_TOUCHED,
+  ks as FULL_WIDTH_UICOMS,
+  Tt as FieldBoolean,
+  Rt as FieldColor,
+  Os as FieldDate,
+  Ot as FieldDatePicker,
+  Nt as FieldFile,
+  os as FieldMasked,
+  ds as FieldMixed,
+  hs as FieldMultiple,
+  Ee as FieldNumber,
+  Ls as FieldObject,
+  cs as FieldPhone,
+  ps as FieldRef,
+  xe as FieldSelect,
+  ms as FieldText,
+  gs as FieldTextArea,
+  rt as cellBindings,
+  Cs as cellSpan,
+  _s as computeInitialOpen,
+  $s as createForm,
+  Bs as formatSectionPreview,
+  it as gridRootStyle,
+  Es as hasAnyValue,
+  xs as hasEmptyRequiredChild,
+  Te as isEmptyValue,
+  st as isFullWidthField,
+  es as normalizeMaskConfig,
+  Ts as useForm
 };