@stonecrop/aform 0.2.16 → 0.2.18

package/dist/aform.js

@@ -0,0 +1,835 @@
+import { defineComponent as A, mergeModels as $, useModel as x, openBlock as v, createElementBlock as g, createElementVNode as c, withDirectives as M, vModelCheckbox as de, toDisplayString as E, vShow as I, resolveComponent as pe, createBlock as K, withCtx as fe, ref as m, onMounted as Y, onUnmounted as me, normalizeClass as q, withKeys as P, vModelText as G, Fragment as F, renderList as R, watch as O, onBeforeUnmount as ve, computed as H, unref as re, getCurrentScope as he, onScopeDispose as ye, nextTick as ge, withModifiers as be, resolveDynamicComponent as ke, mergeProps as _e, createTextVNode as we, createCommentVNode as De, renderSlot as Me, createVNode as Ee } from "vue";
+const Ae = { id: "checkbox-container" }, Ce = ["id", "readonly", "required"], Te = { id: "custom-checkbox" }, Ve = ["for"], Le = ["innerHTML"], Se = /* @__PURE__ */ A({
+  __name: "ACheckbox",
+  props: /* @__PURE__ */ $({
+    label: {},
+    required: { type: Boolean },
+    readOnly: { type: Boolean },
+    uuid: {},
+    validation: { default: () => ({ errorMessage: " " }) }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = x(e, "modelValue");
+    return (n, o) => (v(), g("div", null, [
+      c("label", Ae, [
+        M(c("input", {
+          "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l),
+          type: "checkbox",
+          id: n.uuid,
+          class: "checkbox",
+          readonly: n.readOnly,
+          required: n.required
+        }, null, 8, Ce), [
+          [de, t.value]
+        ]),
+        c("span", Te, E(t.value), 1)
+      ]),
+      c("label", {
+        for: n.uuid,
+        id: "checkbox-label"
+      }, E(n.label), 9, Ve),
+      M(c("p", {
+        innerHTML: n.validation.errorMessage
+      }, null, 8, Le), [
+        [I, n.validation.errorMessage]
+      ])
+    ]));
+  }
+}), S = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, l] of t)
+    n[o] = l;
+  return n;
+}, $e = /* @__PURE__ */ S(Se, [["__scopeId", "data-v-5093f1cb"]]), xe = /* @__PURE__ */ c("div", null, [
+  /* @__PURE__ */ c("input", { type: "text" }),
+  /* @__PURE__ */ c("input", { type: "text" }),
+  /* @__PURE__ */ c("input", { type: "text" })
+], -1), Ie = /* @__PURE__ */ A({
+  __name: "AComboBox",
+  props: ["event", "cellData", "tableID"],
+  setup(e) {
+    return (t, n) => {
+      const o = pe("ATableModal");
+      return v(), K(o, {
+        event: e.event,
+        cellData: e.cellData,
+        class: "amodal"
+      }, {
+        default: fe(() => [
+          xe
+        ]),
+        _: 1
+      }, 8, ["event", "cellData"]);
+    };
+  }
+}), He = ["id", "disabled", "required", "value"], Be = ["for"], Pe = ["innerHTML"], qe = /* @__PURE__ */ A({
+  __name: "ADate",
+  props: /* @__PURE__ */ $({
+    label: { default: "Date" },
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    uuid: {},
+    validation: { default: () => ({ errorMessage: " " }) }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = x(e, "modelValue"), n = m(null), o = () => {
+      n.value && "showPicker" in HTMLInputElement.prototype && n.value.showPicker();
+    };
+    return (l, r) => (v(), g("div", null, [
+      c("input", {
+        ref_key: "dateRef",
+        ref: n,
+        type: "date",
+        id: l.uuid,
+        disabled: l.readonly,
+        required: l.required,
+        value: t.value,
+        onClick: o
+      }, null, 8, He),
+      c("label", { for: l.uuid }, E(l.label), 9, Be),
+      M(c("p", {
+        innerHTML: l.validation.errorMessage
+      }, null, 8, Pe), [
+        [I, l.validation.errorMessage]
+      ])
+    ]));
+  }
+}), Fe = /* @__PURE__ */ S(qe, [["__scopeId", "data-v-69d0f23d"]]), Re = { class: "input-wrapper" }, Ue = {
+  id: "autocomplete-results",
+  class: "autocomplete-results"
+}, Oe = {
+  key: 0,
+  class: "loading autocomplete-result"
+}, We = ["onClick"], Ke = /* @__PURE__ */ A({
+  __name: "ADropdown",
+  props: /* @__PURE__ */ $({
+    label: {},
+    items: {},
+    isAsync: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ $(["filterChanged"], ["update:modelValue"]),
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = m(n.items), r = x(e, "modelValue"), s = m(!1), a = m(0), i = m(!1), u = m(null);
+    Y(() => {
+      document.addEventListener("click", b), f();
+    }), me(() => {
+      document.removeEventListener("click", b);
+    });
+    const d = (p) => {
+      r.value = p, k();
+    }, f = () => {
+      r.value ? l.value = n.items.filter((p) => p.toLowerCase().indexOf(r.value.toLowerCase()) > -1) : l.value = n.items;
+    }, h = () => {
+      i.value = !0, n.isAsync ? (s.value = !0, o("filterChanged", r.value)) : f();
+    }, b = (p) => {
+      k(), a.value = 0;
+    }, k = () => {
+      i.value = !1, n.items.includes(r.value) || (r.value = "");
+    }, V = () => {
+      a.value < l.value.length && (a.value = a.value + 1);
+    }, w = () => {
+      a.value > 0 && (a.value = a.value - 1);
+    }, L = () => {
+      r.value = l.value[a.value], k(), a.value = 0;
+    };
+    return (p, y) => (v(), g("div", {
+      class: q(["autocomplete", { isOpen: i.value }])
+    }, [
+      c("div", Re, [
+        M(c("input", {
+          ref_key: "mopInput",
+          ref: u,
+          type: "text",
+          onInput: h,
+          onFocus: h,
+          "onUpdate:modelValue": y[0] || (y[0] = (_) => r.value = _),
+          onKeydown: [
+            P(V, ["down"]),
+            P(w, ["up"]),
+            P(L, ["enter"])
+          ]
+        }, null, 544), [
+          [G, r.value]
+        ]),
+        M(c("ul", Ue, [
+          s.value ? (v(), g("li", Oe, "Loading results...")) : (v(!0), g(F, { key: 1 }, R(l.value, (_, D) => (v(), g("li", {
+            key: D,
+            onClick: (X) => d(_),
+            class: q(["autocomplete-result", { "is-active": D === a.value }])
+          }, E(_), 11, We))), 128))
+        ], 512), [
+          [I, i.value]
+        ]),
+        c("label", null, E(p.label), 1)
+      ])
+    ], 2));
+  }
+});
+function Ye(e) {
+  return he() ? (ye(e), !0) : !1;
+}
+function ue(e) {
+  return typeof e == "function" ? e() : re(e);
+}
+const Ge = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const ze = Object.prototype.toString, je = (e) => ze.call(e) === "[object Object]", Je = () => {
+};
+function U(e) {
+  var t;
+  const n = ue(e);
+  return (t = n == null ? void 0 : n.$el) != null ? t : n;
+}
+const z = Ge ? window : void 0;
+function W(...e) {
+  let t, n, o, l;
+  if (typeof e[0] == "string" || Array.isArray(e[0]) ? ([n, o, l] = e, t = z) : [t, n, o, l] = e, !t)
+    return Je;
+  Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
+  const r = [], s = () => {
+    r.forEach((d) => d()), r.length = 0;
+  }, a = (d, f, h, b) => (d.addEventListener(f, h, b), () => d.removeEventListener(f, h, b)), i = O(
+    () => [U(t), ue(l)],
+    ([d, f]) => {
+      if (s(), !d)
+        return;
+      const h = je(f) ? { ...f } : f;
+      r.push(
+        ...n.flatMap((b) => o.map((k) => a(d, b, k, h)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), u = () => {
+    i(), s();
+  };
+  return Ye(u), u;
+}
+function Ne(e = {}) {
+  var t;
+  const {
+    window: n = z,
+    deep: o = !0
+  } = e, l = (t = e.document) != null ? t : n == null ? void 0 : n.document, r = () => {
+    var i;
+    let u = l == null ? void 0 : l.activeElement;
+    if (o)
+      for (; u != null && u.shadowRoot; )
+        u = (i = u == null ? void 0 : u.shadowRoot) == null ? void 0 : i.activeElement;
+    return u;
+  }, s = m(), a = () => {
+    s.value = r();
+  };
+  return n && (W(n, "blur", (i) => {
+    i.relatedTarget === null && a();
+  }, !0), W(n, "focus", a, !0)), a(), s;
+}
+function Qe(e, t = {}) {
+  const n = Ne(t), o = H(() => U(e));
+  return { focused: H(() => o.value && n.value ? o.value.contains(n.value) : !1) };
+}
+function Xe(e, { window: t = z, scrollTarget: n } = {}) {
+  const o = m(!1), l = () => {
+    if (!t)
+      return;
+    const r = t.document, s = U(e);
+    if (!s)
+      o.value = !1;
+    else {
+      const a = s.getBoundingClientRect();
+      o.value = a.top <= (t.innerHeight || r.documentElement.clientHeight) && a.left <= (t.innerWidth || r.documentElement.clientWidth) && a.bottom >= 0 && a.right >= 0;
+    }
+  };
+  return O(
+    () => U(e),
+    () => l(),
+    { immediate: !0, flush: "post" }
+  ), t && W(n || t, "scroll", l, {
+    capture: !1,
+    passive: !0
+  }), o;
+}
+const C = (e) => {
+  let t = Xe(e).value;
+  return t = t && e.offsetHeight > 0, t;
+}, T = (e) => e.tabIndex >= 0, Z = (e) => {
+  const t = e.target;
+  return j(t);
+}, j = (e) => {
+  var t;
+  let n;
+  if (e instanceof HTMLTableCellElement) {
+    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    if (o) {
+      const l = Array.from(o.children)[e.cellIndex];
+      l && (n = l);
+    }
+  } else if (e instanceof HTMLTableRowElement) {
+    const o = e.previousElementSibling;
+    o && (n = o);
+  }
+  return n && (!T(n) || !C(n)) ? j(n) : n;
+}, Ze = (e) => {
+  var t;
+  const n = e.target;
+  let o;
+  if (n instanceof HTMLTableCellElement) {
+    const l = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (l) {
+      const r = l.firstElementChild.children[n.cellIndex];
+      r && (o = r);
+    }
+  } else if (n instanceof HTMLTableRowElement) {
+    const l = n.parentElement;
+    if (l) {
+      const r = l.firstElementChild;
+      r && (o = r);
+    }
+  }
+  return o && (!T(o) || !C(o)) ? J(o) : o;
+}, ee = (e) => {
+  const t = e.target;
+  return J(t);
+}, J = (e) => {
+  var t;
+  let n;
+  if (e instanceof HTMLTableCellElement) {
+    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    if (o) {
+      const l = Array.from(o.children)[e.cellIndex];
+      l && (n = l);
+    }
+  } else if (e instanceof HTMLTableRowElement) {
+    const o = e.nextElementSibling;
+    o && (n = o);
+  }
+  return n && (!T(n) || !C(n)) ? J(n) : n;
+}, et = (e) => {
+  var t;
+  const n = e.target;
+  let o;
+  if (n instanceof HTMLTableCellElement) {
+    const l = (t = n.parentElement) == null ? void 0 : t.parentElement;
+    if (l) {
+      const r = l.lastElementChild.children[n.cellIndex];
+      r && (o = r);
+    }
+  } else if (n instanceof HTMLTableRowElement) {
+    const l = n.parentElement;
+    if (l) {
+      const r = l.lastElementChild;
+      r && (o = r);
+    }
+  }
+  return o && (!T(o) || !C(o)) ? j(o) : o;
+}, te = (e) => {
+  const t = e.target;
+  return N(t);
+}, N = (e) => {
+  var t;
+  let n;
+  if (e.previousElementSibling)
+    n = e.previousElementSibling;
+  else {
+    const o = (t = e.parentElement) == null ? void 0 : t.previousElementSibling;
+    n = o == null ? void 0 : o.lastElementChild;
+  }
+  return n && (!T(n) || !C(n)) ? N(n) : n;
+}, ne = (e) => {
+  const t = e.target;
+  return Q(t);
+}, Q = (e) => {
+  var t;
+  let n;
+  if (e.nextElementSibling)
+    n = e.nextElementSibling;
+  else {
+    const o = (t = e.parentElement) == null ? void 0 : t.nextElementSibling;
+    n = o == null ? void 0 : o.firstElementChild;
+  }
+  return n && (!T(n) || !C(n)) ? Q(n) : n;
+}, oe = (e) => {
+  const t = e.target.parentElement.firstElementChild;
+  return t && (!T(t) || !C(t)) ? Q(t) : t;
+}, le = (e) => {
+  const t = e.target.parentElement.lastElementChild;
+  return t && (!T(t) || !C(t)) ? N(t) : t;
+}, B = ["alt", "control", "shift", "meta"], tt = {
+  ArrowUp: "up",
+  ArrowDown: "down",
+  ArrowLeft: "left",
+  ArrowRight: "right"
+}, ie = {
+  "keydown.up": (e) => {
+    const t = Z(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.down": (e) => {
+    const t = ee(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.left": (e) => {
+    const t = te(e);
+    e.preventDefault(), e.stopPropagation(), t && t.focus();
+  },
+  "keydown.right": (e) => {
+    const t = ne(e);
+    e.preventDefault(), e.stopPropagation(), t && t.focus();
+  },
+  "keydown.control.up": (e) => {
+    const t = Ze(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.control.down": (e) => {
+    const t = et(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.control.left": (e) => {
+    const t = oe(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.control.right": (e) => {
+    const t = le(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.end": (e) => {
+    const t = le(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.enter": (e) => {
+    if (e.target instanceof HTMLTableCellElement) {
+      e.preventDefault(), e.stopPropagation();
+      const t = ee(e);
+      t && t.focus();
+    }
+  },
+  "keydown.shift.enter": (e) => {
+    if (e.target instanceof HTMLTableCellElement) {
+      e.preventDefault(), e.stopPropagation();
+      const t = Z(e);
+      t && t.focus();
+    }
+  },
+  "keydown.home": (e) => {
+    const t = oe(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.tab": (e) => {
+    const t = ne(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  },
+  "keydown.shift.tab": (e) => {
+    const t = te(e);
+    t && (e.preventDefault(), e.stopPropagation(), t.focus());
+  }
+};
+function nt(e) {
+  const t = (s) => {
+    let a = null;
+    return s.parent && (typeof s.parent == "string" ? a = document.querySelector(s.parent) : s.parent instanceof HTMLElement ? a = s.parent : a = s.parent.value), a;
+  }, n = (s) => {
+    const a = t(s);
+    let i = [];
+    if (typeof s.selectors == "string")
+      i = a ? Array.from(a.querySelectorAll(s.selectors)) : Array.from(document.querySelectorAll(s.selectors));
+    else if (Array.isArray(s.selectors))
+      for (const u of s.selectors)
+        u instanceof HTMLElement ? i.push(u) : i.push(u.$el);
+    else if (s.selectors instanceof HTMLElement)
+      i.push(s.selectors);
+    else if (Array.isArray(s.selectors.value))
+      for (const u of s.selectors.value)
+        u instanceof HTMLElement ? i.push(u) : i.push(u.$el);
+    else
+      i.push(s.selectors.value);
+    return i;
+  }, o = (s) => {
+    const a = t(s);
+    let i = [];
+    return s.selectors ? i = n(s) : a && (i = Array.from(a.children).filter((u) => T(u) && C(u))), i;
+  }, l = (s) => (a) => {
+    const i = tt[a.key] || a.key.toLowerCase();
+    if (B.includes(i))
+      return;
+    const u = s.handlers || ie;
+    for (const d of Object.keys(u)) {
+      const [f, ...h] = d.split(".");
+      if (f === "keydown" && h.includes(i)) {
+        const b = u[d], k = h.filter((w) => B.includes(w)), V = B.some((w) => {
+          const L = w.charAt(0).toUpperCase() + w.slice(1);
+          return a.getModifierState(L);
+        });
+        if (k.length > 0) {
+          if (V) {
+            for (const w of B)
+              if (h.includes(w)) {
+                const L = w.charAt(0).toUpperCase() + w.slice(1);
+                a.getModifierState(L) && b(a);
+              }
+          }
+        } else
+          V || b(a);
+      }
+    }
+  }, r = [];
+  Y(() => {
+    for (const s of e) {
+      const a = t(s), i = o(s), u = l(s), d = a ? [a] : i;
+      for (const f of d) {
+        const { focused: h } = Qe(m(f)), b = O(h, (k) => {
+          k ? f.addEventListener("keydown", u) : f.removeEventListener("keydown", u);
+        });
+        r.push(b);
+      }
+    }
+  }), ve(() => {
+    for (const s of r)
+      s();
+  });
+}
+const ot = {
+  colspan: "5",
+  tabindex: -1
+}, lt = /* @__PURE__ */ c("tr", { class: "days-header" }, [
+  /* @__PURE__ */ c("td", null, "M"),
+  /* @__PURE__ */ c("td", null, "T"),
+  /* @__PURE__ */ c("td", null, "W"),
+  /* @__PURE__ */ c("td", null, "T"),
+  /* @__PURE__ */ c("td", null, "F"),
+  /* @__PURE__ */ c("td", null, "S"),
+  /* @__PURE__ */ c("td", null, "S")
+], -1), at = ["onClick", "onKeydown"], st = 6, ae = 7, rt = /* @__PURE__ */ A({
+  __name: "ADatePicker",
+  props: {
+    modelValue: { default: /* @__PURE__ */ new Date() },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = x(e, "modelValue"), n = m(new Date(t.value)), o = m(n.value.getMonth()), l = m(n.value.getFullYear()), r = m([]), s = m(null);
+    Y(async () => {
+      a(), await ge();
+      const p = document.getElementsByClassName("selectedDate");
+      if (p.length > 0)
+        p[0].focus();
+      else {
+        const y = document.getElementsByClassName("todaysDate");
+        y.length > 0 && y[0].focus();
+      }
+    });
+    const a = () => {
+      r.value = [];
+      const p = new Date(l.value, o.value, 1), y = p.getDay(), _ = p.setDate(p.getDate() - y);
+      for (const D of Array(43).keys())
+        r.value.push(_ + D * 864e5);
+    };
+    O([o, l], a);
+    const i = () => l.value -= 1, u = () => l.value += 1, d = () => {
+      o.value == 0 ? (o.value = 11, i()) : o.value -= 1;
+    }, f = () => {
+      o.value == 11 ? (o.value = 0, u()) : o.value += 1;
+    }, h = (p) => {
+      const y = /* @__PURE__ */ new Date();
+      if (o.value === y.getMonth())
+        return y.toDateString() === new Date(p).toDateString();
+    }, b = (p) => new Date(p).toDateString() === new Date(n.value).toDateString(), k = (p, y) => (p - 1) * ae + y, V = (p, y) => r.value[k(p, y)], w = (p) => {
+      t.value = n.value = new Date(r.value[p]);
+    }, L = H(() => new Date(l.value, o.value, 1).toLocaleDateString(void 0, {
+      year: "numeric",
+      month: "long"
+    }));
+    return nt([
+      {
+        parent: s,
+        selectors: "td",
+        handlers: {
+          ...ie,
+          "keydown.pageup": d,
+          "keydown.shift.pageup": i,
+          "keydown.pagedown": f,
+          "keydown.shift.pagedown": u,
+          // TODO: this is a hack to override the stonecrop enter handler;
+          // store context inside the component so that handlers can be setup consistently
+          // eslint-disable-next-line @typescript-eslint/no-empty-function
+          "keydown.enter": () => {
+          }
+        }
+      }
+    ]), (p, y) => (v(), g("div", {
+      class: "adatepicker",
+      tabindex: "0",
+      ref_key: "adatepicker",
+      ref: s
+    }, [
+      c("table", null, [
+        c("tr", null, [
+          c("td", {
+            id: "previous-month-btn",
+            onClick: d,
+            tabindex: -1
+          }, "<"),
+          c("th", ot, E(L.value), 1),
+          c("td", {
+            id: "next-month-btn",
+            onClick: f,
+            tabindex: -1
+          }, ">")
+        ]),
+        lt,
+        (v(), g(F, null, R(st, (_) => c("tr", { key: _ }, [
+          (v(), g(F, null, R(ae, (D) => c("td", {
+            ref_for: !0,
+            ref: "celldate",
+            key: k(_, D),
+            contenteditable: !1,
+            spellcheck: !1,
+            tabindex: 0,
+            onClick: be((X) => w(k(_, D)), ["prevent", "stop"]),
+            onKeydown: P((X) => w(k(_, D)), ["enter"]),
+            class: q({
+              todaysDate: h(V(_, D)),
+              selectedDate: b(V(_, D))
+            })
+          }, E(new Date(V(_, D)).getDate()), 43, at)), 64))
+        ])), 64))
+      ])
+    ], 512));
+  }
+}), ut = /* @__PURE__ */ A({
+  __name: "CollapseButton",
+  props: {
+    collapsed: { type: Boolean }
+  },
+  setup(e) {
+    return (t, n) => (v(), g("button", {
+      class: q(["collapse-button", t.collapsed ? "rotated" : "unrotated"])
+    }, "×", 2));
+  }
+}), it = /* @__PURE__ */ S(ut, [["__scopeId", "data-v-6f1c1b45"]]), ct = /* @__PURE__ */ A({
+  __name: "AForm",
+  props: {
+    modelValue: {},
+    data: {},
+    readonly: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, l = m(n.data || {}), r = (a) => {
+      let i = {};
+      for (const [u, d] of Object.entries(a))
+        ["component", "fieldtype"].includes(u) || (i[u] = d), u === "rows" && d && d.length === 0 && (i.rows = l.value[a.fieldname]);
+      return i;
+    }, s = H({
+      get: () => n.modelValue.map((a, i) => H({
+        get() {
+          return a.value;
+        },
+        set: (u) => {
+          n.modelValue[i].value = u, o("update:modelValue", n.modelValue);
+        }
+      })),
+      set: () => {
+      }
+    });
+    return (a, i) => (v(), g("form", null, [
+      (v(!0), g(F, null, R(a.modelValue, (u, d) => (v(), K(ke(u.component), _e({
+        key: d,
+        schema: u,
+        modelValue: s.value[d].value,
+        "onUpdate:modelValue": (f) => s.value[d].value = f,
+        data: l.value[u.fieldname],
+        readonly: a.readonly
+      }, r(u)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
+    ]));
+  }
+}), ce = /* @__PURE__ */ S(ct, [["__scopeId", "data-v-74d66cf2"]]), dt = /* @__PURE__ */ A({
+  __name: "AFieldset",
+  props: {
+    schema: {},
+    label: {},
+    collapsible: { type: Boolean },
+    data: {}
+  },
+  setup(e) {
+    const t = e, n = m(t.data || []), o = m(!1), l = m(t.collapsible), r = m(t.schema);
+    function s(a) {
+      a.preventDefault(), l.value && (o.value = !o.value);
+    }
+    return (a, i) => (v(), g("fieldset", null, [
+      c("legend", {
+        onClick: s,
+        onSubmit: s
+      }, [
+        we(E(a.label) + " ", 1),
+        l.value ? (v(), K(it, {
+          key: 0,
+          collapsed: o.value
+        }, null, 8, ["collapsed"])) : De("", !0)
+      ], 32),
+      Me(a.$slots, "default", { collapsed: o.value }, () => [
+        M(Ee(ce, {
+          modelValue: r.value,
+          "onUpdate:modelValue": i[0] || (i[0] = (u) => r.value = u),
+          data: n.value
+        }, null, 8, ["modelValue", "data"]), [
+          [I, !o.value]
+        ])
+      ], !0)
+    ]));
+  }
+}), pt = /* @__PURE__ */ S(dt, [["__scopeId", "data-v-0f671e32"]]), ft = ["id", "disabled", "required"], mt = ["for"], vt = ["innerHTML"], ht = /* @__PURE__ */ A({
+  __name: "ANumericInput",
+  props: /* @__PURE__ */ $({
+    label: {},
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    uuid: {},
+    validation: { default: () => ({ errorMessage: "&nbsp;" }) }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = x(e, "modelValue");
+    return (n, o) => (v(), g("div", null, [
+      M(c("input", {
+        "onUpdate:modelValue": o[0] || (o[0] = (l) => t.value = l),
+        type: "number",
+        id: n.uuid,
+        disabled: n.readonly,
+        required: n.required
+      }, null, 8, ft), [
+        [G, t.value]
+      ]),
+      c("label", { for: n.uuid }, E(n.label), 9, mt),
+      M(c("p", {
+        innerHTML: n.validation.errorMessage
+      }, null, 8, vt), [
+        [I, n.validation.errorMessage]
+      ])
+    ]));
+  }
+}), yt = /* @__PURE__ */ S(ht, [["__scopeId", "data-v-02907cd6"]]), se = {
+  date: "##/##/####",
+  datetime: "####/##/## ##:##",
+  time: "##:##",
+  fulltime: "##:##:##",
+  phone: "(###) ### - ####",
+  card: "#### #### #### ####"
+};
+function gt(e) {
+  try {
+    return Function(`"use strict";return (${e})`)();
+  } catch {
+  }
+}
+function bt(e) {
+  var n;
+  let t = e.value;
+  if (t) {
+    const o = gt(t);
+    if (o) {
+      const l = e.instance.locale;
+      t = o(l);
+    }
+  } else {
+    const o = e.instance.schema, l = (n = o == null ? void 0 : o.fieldtype) == null ? void 0 : n.toLowerCase();
+    l && se[l] && (t = se[l]);
+  }
+  return t;
+}
+function kt(e, t) {
+  t || (t = "#");
+  let n = e;
+  const o = [t, "/", "-", "(", ")", " "];
+  for (const l of o)
+    n = n.replaceAll(l, "");
+  return n;
+}
+function _t(e, t, n) {
+  n || (n = "#");
+  let o = t;
+  for (const l of e) {
+    const r = o.indexOf(n);
+    if (r !== -1) {
+      const s = o.substring(0, r), a = o.substring(r + 1);
+      o = s + l + a;
+    }
+  }
+  return o.slice(0, t.length);
+}
+function wt(e, t) {
+  const n = bt(t);
+  if (!n)
+    return;
+  const o = "#", l = e.value, r = kt(l, o);
+  if (r) {
+    const s = _t(r, n, o);
+    t.instance.maskFilled && (t.instance.maskFilled = !s.includes(o)), e.value = s;
+  } else
+    e.value = n;
+}
+const Dt = ["id", "disabled", "maxlength", "required"], Mt = ["for"], Et = ["innerHTML"], At = /* @__PURE__ */ A({
+  __name: "ATextInput",
+  props: /* @__PURE__ */ $({
+    schema: {},
+    label: {},
+    mask: {},
+    required: { type: Boolean },
+    readonly: { type: Boolean },
+    uuid: {},
+    validation: { default: () => ({ errorMessage: "&nbsp;" }) }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = m(!0), n = x(e, "modelValue");
+    return (o, l) => (v(), g("div", null, [
+      M(c("input", {
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => n.value = r),
+        id: o.uuid,
+        disabled: o.readonly,
+        maxlength: o.mask ? t.value && o.mask.length : void 0,
+        required: o.required
+      }, null, 8, Dt), [
+        [G, n.value],
+        [re(wt), o.mask]
+      ]),
+      c("label", { for: o.uuid }, E(o.label), 9, Mt),
+      M(c("p", {
+        innerHTML: o.validation.errorMessage
+      }, null, 8, Et), [
+        [I, o.validation.errorMessage]
+      ])
+    ]));
+  }
+}), Ct = /* @__PURE__ */ S(At, [["__scopeId", "data-v-2514e692"]]);
+function Vt(e) {
+  e.component("ACheckbox", $e), e.component("ACombobox", Ie), e.component("ADate", Fe), e.component("ADropdown", Ke), e.component("ADatePicker", rt), e.component("AFieldset", pt), e.component("AForm", ce), e.component("ANumericInput", yt), e.component("ATextInput", Ct);
+}
+export {
+  $e as ACheckbox,
+  Ie as AComboBox,
+  Fe as ADate,
+  rt as ADatePicker,
+  Ke as ADropdown,
+  pt as AFieldset,
+  ce as AForm,
+  yt as ANumericInput,
+  Ct as ATextInput,
+  Vt as install
+};
+//# sourceMappingURL=aform.js.map