@stonecrop/aform 0.2.17 → 0.2.20

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

package/dist/aform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aform.js","sources":["../src/components/form/ACheckbox.vue","../src/components/form/ADate.vue","../src/components/form/ADropdown.vue","../../utilities/dist/utilities.js","../src/components/form/ADatePicker.vue","../src/components/AForm.vue","../src/components/form/AFieldset.vue","../src/components/form/ANumericInput.vue","../src/directives/mask.ts","../src/components/form/ATextInput.vue","../src/index.ts"],"sourcesContent":["<template>\n\t<div>\n\t\t<label id=\"checkbox-container\">\n\t\t\t<input v-model=\"checkbox\" type=\"checkbox\" :id=\"uuid\" class=\"checkbox\" :readonly=\"readOnly\" :required=\"required\" />\n\t\t\t<span id=\"custom-checkbox\">{{ checkbox }}</span>\n\t\t</label>\n\t\t<label :for=\"uuid\" id=\"checkbox-label\">{{ label }}</label>\n\t\t<p v-show=\"validation.errorMessage\" v-html=\"validation.errorMessage\"></p>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { InputHTMLAttributes } from 'vue'\n\nwithDefaults(\n\tdefineProps<{\n\t\tlabel?: string\n\t\trequired?: boolean\n\t\treadOnly?: boolean\n\t\tuuid?: string\n\t\tvalidation?: Record<string, any>\n\t}>(),\n\t{\n\t\tvalidation: () => ({ errorMessage: '&nbsp;' }),\n\t}\n)\n\nconst checkbox = defineModel<InputHTMLAttributes['checked']>()\n</script>\n\n<style scoped>\ndiv {\n\tdisplay: inline-block;\n\tmin-width: 40ch;\n\tborder: 1px solid transparent;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tmargin-right: 1ch;\n}\n\np,\nlabel {\n\tcolor: var(--input-label-color);\n\tdisplay: block;\n\tmin-height: 1.15rem;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tborder: 1px solid transparent;\n\tmargin-bottom: 0.25rem;\n}\n\np {\n\twidth: 100%;\n\tcolor: red;\n\tfont-size: 85%;\n}\n\n.checkbox {\n\tvisibility: hidden;\n}\n\n.checkbox + #custom-checkbox:after {\n\tcontent: '⬡';\n\tpadding: 1ch 0 0.5ch 0;\n\tfont-size: 120%;\n\tcursor: pointer;\n\tposition: relative;\n\tleft: -18px;\n}\n\n.checkbox:checked + #custom-checkbox:after {\n\tcontent: '⬣';\n\tpadding: 1ch 0 0.5ch 0;\n\tfont-size: 120%;\n\tcursor: pointer;\n\tposition: relative;\n\tleft: -18px;\n}\n\n#custom-checkbox {\n\tdisplay: inline-block;\n}\n\n#checkbox-container {\n\tdisplay: inline-block;\n\tmin-width: calc(100% - 1ch);\n\toutline: 1px solid transparent;\n\tborder: 1px solid var(--input-border-color);\n\tpadding: 1ch 0.5ch 0.5ch 1ch;\n\tmargin: calc(1.15rem / 2) 0 0 0;\n\theight: 1.15rem;\n\tborder-radius: 0.25rem;\n}\n\n#checkbox-container:hover {\n\tborder: 1px solid var(--input-active-border-color);\n}\n\n#checkbox-container:hover + label {\n\tcolor: var(--input-active-label-color);\n}\n\n#checkbox-label {\n\tz-index: 2;\n\tfont-size: 80%;\n\tposition: absolute;\n\tbackground: white;\n\tmargin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;\n\tpadding: 0 0.25ch 0 0.25ch;\n}\n</style>\n","<template>\n\t<div>\n\t\t<input\n\t\t\tref=\"dateRef\"\n\t\t\ttype=\"date\"\n\t\t\t:id=\"uuid\"\n\t\t\t:disabled=\"readonly\"\n\t\t\t:required=\"required\"\n\t\t\t:value=\"inputDate\"\n\t\t\t@click=\"showPicker\" />\n\t\t<label :for=\"uuid\">{{ label }}</label>\n\t\t<p v-show=\"validation.errorMessage\" v-html=\"validation.errorMessage\"></p>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nwithDefaults(\n\tdefineProps<{\n\t\tlabel?: string\n\t\trequired?: boolean\n\t\treadonly?: boolean\n\t\tuuid?: string\n\t\tvalidation?: Record<string, any>\n\t}>(),\n\t{\n\t\tlabel: 'Date',\n\t\tvalidation: () => ({ errorMessage: '&nbsp;' }),\n\t}\n)\n\nconst inputDate = defineModel<string | number | Date>()\nconst dateRef = ref<HTMLInputElement | null>(null)\n\nconst showPicker = () => {\n\tif (dateRef.value) {\n\t\tif ('showPicker' in HTMLInputElement.prototype) {\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/showPicker\n\t\t\t// TODO: re-check browser support and compatibility; figure out alternative ways\n\t\t\t// to spawn the native datepicker and eventually replace with ADatepicker\n\t\t\tdateRef.value.showPicker()\n\t\t}\n\t}\n}\n</script>\n\n<style scoped>\ndiv {\n\tmin-width: 40ch;\n\tborder: 1px solid transparent;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tmargin-right: 1ch;\n}\n\ninput {\n\twidth: calc(100% - 1ch);\n\toutline: 1px solid transparent;\n\tborder: 1px solid var(--input-border-color);\n\tpadding: 1ch 0.5ch 0.5ch 1ch;\n\tmargin: calc(1.15rem / 2) 0 0 0;\n\tmin-height: 1.15rem;\n\tborder-radius: 0.25rem;\n}\n\np,\nlabel {\n\tcolor: var(--input-label-color);\n\tdisplay: block;\n\tmin-height: 1.15rem;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tborder: 1px solid transparent;\n\tmargin-bottom: 0.25rem;\n}\n\np {\n\twidth: 100%;\n\tcolor: red;\n\tfont-size: 85%;\n}\n\nlabel {\n\tz-index: 2;\n\tfont-size: 80%;\n\tposition: absolute;\n\tbackground: white;\n\tmargin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;\n\tpadding: 0 0.25ch 0 0.25ch;\n}\n\ninput:focus {\n\tborder: 1px solid var(--input-active-border-color);\n}\n\ninput:focus + label {\n\tcolor: var(--input-active-label-color);\n}\n</style>\n","<template>\n\t<div class=\"autocomplete\" :class=\"{ isOpen: isOpen }\">\n\t\t<div class=\"input-wrapper\">\n\t\t\t<input\n\t\t\t\tref=\"mopInput\"\n\t\t\t\ttype=\"text\"\n\t\t\t\t@input=\"onChange\"\n\t\t\t\t@focus=\"onChange\"\n\t\t\t\tv-model=\"search\"\n\t\t\t\t@keydown.down=\"onArrowDown\"\n\t\t\t\t@keydown.up=\"onArrowUp\"\n\t\t\t\t@keydown.enter=\"onEnter\" />\n\n\t\t\t<ul id=\"autocomplete-results\" v-show=\"isOpen\" class=\"autocomplete-results\">\n\t\t\t\t<li class=\"loading autocomplete-result\" v-if=\"isLoading\">Loading results...</li>\n\t\t\t\t<li\n\t\t\t\t\tv-else\n\t\t\t\t\tv-for=\"(result, i) in results\"\n\t\t\t\t\t:key=\"i\"\n\t\t\t\t\t@click=\"setResult(result)\"\n\t\t\t\t\tclass=\"autocomplete-result\"\n\t\t\t\t\t:class=\"{ 'is-active': i === arrowCounter }\">\n\t\t\t\t\t{{ result }}\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t<label>{{ label }}</label>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref } from 'vue'\n\nconst props = defineProps<{\n\tlabel: string\n\titems?: string[]\n\tisAsync?: boolean\n}>()\n\nconst emit = defineEmits(['filterChanged'])\n\nconst results = ref(props.items)\nconst search = defineModel<string>()\nconst isLoading = ref(false)\nconst arrowCounter = ref(0)\nconst isOpen = ref(false)\nconst mopInput = ref(null)\n\nonMounted(() => {\n\tdocument.addEventListener('click', handleClickOutside)\n\tfilterResults()\n})\n\nonUnmounted(() => {\n\tdocument.removeEventListener('click', handleClickOutside)\n})\n\nconst setResult = result => {\n\tsearch.value = result\n\tcloseResults()\n}\n\nconst filterResults = () => {\n\tif (!search.value) {\n\t\tresults.value = props.items\n\t} else {\n\t\tresults.value = props.items.filter(item => {\n\t\t\treturn item.toLowerCase().indexOf(search.value.toLowerCase()) > -1\n\t\t})\n\t}\n}\n\nconst onChange = () => {\n\tisOpen.value = true\n\tif (props.isAsync) {\n\t\tisLoading.value = true\n\t\temit('filterChanged', search.value)\n\t} else {\n\t\tfilterResults()\n\t}\n}\n\nconst handleClickOutside = (event: MouseEvent) => {\n\tcloseResults()\n\tarrowCounter.value = 0\n}\n\nconst closeResults = () => {\n\tisOpen.value = false\n\n\t// TODO: (test) when would this occur? how should this be tested?\n\tif (!props.items.includes(search.value)) {\n\t\tsearch.value = ''\n\t}\n}\n\nconst onArrowDown = () => {\n\tif (arrowCounter.value < results.value.length) {\n\t\tarrowCounter.value = arrowCounter.value + 1\n\t}\n}\n\nconst onArrowUp = () => {\n\tif (arrowCounter.value > 0) {\n\t\tarrowCounter.value = arrowCounter.value - 1\n\t}\n}\n\nconst onEnter = () => {\n\tsearch.value = results.value[arrowCounter.value]\n\tcloseResults()\n\tarrowCounter.value = 0\n}\n\n// const openWithSearch = () => {\n// \tsearch.value = ''\n// \tonChange()\n// \tmopInput.value.focus()\n// }\n</script>\n\n<style>\n/* variables taken from here: https://github.com/frappe/frappe/blob/version-13/frappe/public/scss/common/awesomeplete.scss */\n.autocomplete {\n\tposition: relative;\n}\n\n.input-wrapper {\n\tmin-width: 40ch;\n\tborder: 1px solid transparent;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tmargin-right: 1ch;\n}\n\ninput {\n\twidth: calc(100% - 1ch);\n\toutline: 1px solid transparent;\n\tborder: 1px solid var(--input-border-color);\n\tpadding: 1ch 0.5ch 0.5ch 1ch;\n\tmargin: calc(1.15rem / 2) 0 0 0;\n\tmin-height: 1.15rem;\n\tborder-radius: 0.25rem;\n}\n\ninput:focus {\n\tborder: 1px solid var(--input-active-border-color);\n\tborder-radius: 0.25rem 0.25rem 0 0;\n\tborder-bottom: none;\n}\n\nlabel {\n\tdisplay: block;\n\tmin-height: 1.15rem;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tborder: 1px solid transparent;\n\tmargin-bottom: 0.25rem;\n\tz-index: 2;\n\tfont-size: 80%;\n\tposition: absolute;\n\tbackground: white;\n\tmargin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;\n\tpadding: 0 0.25ch 0 0.25ch;\n}\n\n.autocomplete-results {\n\tposition: absolute;\n\twidth: calc(100% - 1ch + 1.5px);\n\tz-index: 1;\n\tpadding: 0;\n\tmargin: 0;\n\tcolor: #000000;\n\tborder: 1px solid var(--input-active-border-color);\n\tborder-radius: 0 0 0.25rem 0.25rem;\n\tborder-top: none;\n}\n\n.autocomplete-result {\n\tlist-style: none;\n\ttext-align: left;\n\tpadding: 4px 6px;\n\tcursor: pointer;\n}\n\n.autocomplete-result.is-active,\n.autocomplete-result:hover {\n\tbackground-color: var(--row-color-zebra-light);\n\tcolor: #000000;\n}\n</style>\n","import { unref as I, getCurrentScope as O, onScopeDispose as U, computed as M, ref as b, watch as v, onMounted as j, onBeforeUnmount as V } from \"vue\";\nfunction B(e) {\n  return O() ? (U(e), !0) : !1;\n}\nfunction _(e) {\n  return typeof e == \"function\" ? e() : I(e);\n}\nconst F = typeof window < \"u\" && typeof document < \"u\";\ntypeof WorkerGlobalScope < \"u\" && globalThis instanceof WorkerGlobalScope;\nconst q = Object.prototype.toString, N = (e) => q.call(e) === \"[object Object]\", G = () => {\n};\nfunction y(e) {\n  var t;\n  const n = _(e);\n  return (t = n == null ? void 0 : n.$el) != null ? t : n;\n}\nconst T = F ? window : void 0;\nfunction w(...e) {\n  let t, n, l, s;\n  if (typeof e[0] == \"string\" || Array.isArray(e[0]) ? ([n, l, s] = e, t = T) : [t, n, l, s] = e, !t)\n    return G;\n  Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);\n  const i = [], o = () => {\n    i.forEach((f) => f()), i.length = 0;\n  }, r = (f, u, p, d) => (f.addEventListener(u, p, d), () => f.removeEventListener(u, p, d)), c = v(\n    () => [y(t), _(s)],\n    ([f, u]) => {\n      if (o(), !f)\n        return;\n      const p = N(u) ? { ...u } : u;\n      i.push(\n        ...n.flatMap((d) => l.map((E) => r(f, d, E, p)))\n      );\n    },\n    { immediate: !0, flush: \"post\" }\n  ), a = () => {\n    c(), o();\n  };\n  return B(a), a;\n}\nfunction z(e = {}) {\n  var t;\n  const {\n    window: n = T,\n    deep: l = !0\n  } = e, s = (t = e.document) != null ? t : n == null ? void 0 : n.document, i = () => {\n    var c;\n    let a = s == null ? void 0 : s.activeElement;\n    if (l)\n      for (; a != null && a.shadowRoot; )\n        a = (c = a == null ? void 0 : a.shadowRoot) == null ? void 0 : c.activeElement;\n    return a;\n  }, o = b(), r = () => {\n    o.value = i();\n  };\n  return n && (w(n, \"blur\", (c) => {\n    c.relatedTarget === null && r();\n  }, !0), w(n, \"focus\", r, !0)), r(), o;\n}\nfunction J(e, t = {}) {\n  const n = z(t), l = M(() => y(e));\n  return { focused: M(() => l.value && n.value ? l.value.contains(n.value) : !1) };\n}\nfunction Q(e, { window: t = T, scrollTarget: n } = {}) {\n  const l = b(!1), s = () => {\n    if (!t)\n      return;\n    const i = t.document, o = y(e);\n    if (!o)\n      l.value = !1;\n    else {\n      const r = o.getBoundingClientRect();\n      l.value = r.top <= (t.innerHeight || i.documentElement.clientHeight) && r.left <= (t.innerWidth || i.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;\n    }\n  };\n  return v(\n    () => y(e),\n    () => s(),\n    { immediate: !0, flush: \"post\" }\n  ), t && w(n || t, \"scroll\", s, {\n    capture: !1,\n    passive: !0\n  }), l;\n}\nconst g = (e) => {\n  let t = Q(e).value;\n  return t = t && e.offsetHeight > 0, t;\n}, m = (e) => e.tabIndex >= 0, x = (e) => {\n  const t = e.target;\n  return A(t);\n}, A = (e) => {\n  var n;\n  let t;\n  if (e instanceof HTMLTableCellElement) {\n    const l = (n = e.parentElement) == null ? void 0 : n.previousElementSibling;\n    if (l) {\n      const i = Array.from(l.children)[e.cellIndex];\n      i && (t = i);\n    }\n  } else if (e instanceof HTMLTableRowElement) {\n    const l = e.previousElementSibling;\n    l && (t = l);\n  }\n  return t && (!m(t) || !g(t)) ? A(t) : t;\n}, X = (e) => {\n  var l;\n  const t = e.target;\n  let n;\n  if (t instanceof HTMLTableCellElement) {\n    const s = (l = t.parentElement) == null ? void 0 : l.parentElement;\n    if (s) {\n      const o = s.firstElementChild.children[t.cellIndex];\n      o && (n = o);\n    }\n  } else if (t instanceof HTMLTableRowElement) {\n    const s = t.parentElement;\n    if (s) {\n      const i = s.firstElementChild;\n      i && (n = i);\n    }\n  }\n  return n && (!m(n) || !g(n)) ? S(n) : n;\n}, D = (e) => {\n  const t = e.target;\n  return S(t);\n}, S = (e) => {\n  var n;\n  let t;\n  if (e instanceof HTMLTableCellElement) {\n    const l = (n = e.parentElement) == null ? void 0 : n.nextElementSibling;\n    if (l) {\n      const i = Array.from(l.children)[e.cellIndex];\n      i && (t = i);\n    }\n  } else if (e instanceof HTMLTableRowElement) {\n    const l = e.nextElementSibling;\n    l && (t = l);\n  }\n  return t && (!m(t) || !g(t)) ? S(t) : t;\n}, Y = (e) => {\n  var l;\n  const t = e.target;\n  let n;\n  if (t instanceof HTMLTableCellElement) {\n    const s = (l = t.parentElement) == null ? void 0 : l.parentElement;\n    if (s) {\n      const o = s.lastElementChild.children[t.cellIndex];\n      o && (n = o);\n    }\n  } else if (t instanceof HTMLTableRowElement) {\n    const s = t.parentElement;\n    if (s) {\n      const i = s.lastElementChild;\n      i && (n = i);\n    }\n  }\n  return n && (!m(n) || !g(n)) ? A(n) : n;\n}, R = (e) => {\n  const t = e.target;\n  return k(t);\n}, k = (e) => {\n  var n;\n  let t;\n  if (e.previousElementSibling)\n    t = e.previousElementSibling;\n  else {\n    const l = (n = e.parentElement) == null ? void 0 : n.previousElementSibling;\n    t = l == null ? void 0 : l.lastElementChild;\n  }\n  return t && (!m(t) || !g(t)) ? k(t) : t;\n}, P = (e) => {\n  const t = e.target;\n  return L(t);\n}, L = (e) => {\n  var n;\n  let t;\n  if (e.nextElementSibling)\n    t = e.nextElementSibling;\n  else {\n    const l = (n = e.parentElement) == null ? void 0 : n.nextElementSibling;\n    t = l == null ? void 0 : l.firstElementChild;\n  }\n  return t && (!m(t) || !g(t)) ? L(t) : t;\n}, K = (e) => {\n  const l = e.target.parentElement.firstElementChild;\n  return l && (!m(l) || !g(l)) ? L(l) : l;\n}, W = (e) => {\n  const l = e.target.parentElement.lastElementChild;\n  return l && (!m(l) || !g(l)) ? k(l) : l;\n}, C = [\"alt\", \"control\", \"shift\", \"meta\"], Z = {\n  ArrowUp: \"up\",\n  ArrowDown: \"down\",\n  ArrowLeft: \"left\",\n  ArrowRight: \"right\"\n}, ee = {\n  \"keydown.up\": (e) => {\n    const t = x(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.down\": (e) => {\n    const t = D(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.left\": (e) => {\n    const t = R(e);\n    e.preventDefault(), e.stopPropagation(), t && t.focus();\n  },\n  \"keydown.right\": (e) => {\n    const t = P(e);\n    e.preventDefault(), e.stopPropagation(), t && t.focus();\n  },\n  \"keydown.control.up\": (e) => {\n    const t = X(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.control.down\": (e) => {\n    const t = Y(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.control.left\": (e) => {\n    const t = K(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.control.right\": (e) => {\n    const t = W(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.end\": (e) => {\n    const t = W(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.enter\": (e) => {\n    if (e.target instanceof HTMLTableCellElement) {\n      e.preventDefault(), e.stopPropagation();\n      const n = D(e);\n      n && n.focus();\n    }\n  },\n  \"keydown.shift.enter\": (e) => {\n    if (e.target instanceof HTMLTableCellElement) {\n      e.preventDefault(), e.stopPropagation();\n      const n = x(e);\n      n && n.focus();\n    }\n  },\n  \"keydown.home\": (e) => {\n    const t = K(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.tab\": (e) => {\n    const t = P(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.shift.tab\": (e) => {\n    const t = R(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  }\n};\nfunction ne(e) {\n  const t = (o) => {\n    let r = null;\n    return o.parent && (typeof o.parent == \"string\" ? r = document.querySelector(o.parent) : o.parent instanceof HTMLElement ? r = o.parent : r = o.parent.value), r;\n  }, n = (o) => {\n    const r = t(o);\n    let c = [];\n    if (typeof o.selectors == \"string\")\n      c = r ? Array.from(r.querySelectorAll(o.selectors)) : Array.from(document.querySelectorAll(o.selectors));\n    else if (Array.isArray(o.selectors))\n      for (const a of o.selectors)\n        a instanceof HTMLElement ? c.push(a) : c.push(a.$el);\n    else if (o.selectors instanceof HTMLElement)\n      c.push(o.selectors);\n    else if (Array.isArray(o.selectors.value))\n      for (const a of o.selectors.value)\n        a instanceof HTMLElement ? c.push(a) : c.push(a.$el);\n    else\n      c.push(o.selectors.value);\n    return c;\n  }, l = (o) => {\n    const r = t(o);\n    let c = [];\n    return o.selectors ? c = n(o) : r && (c = Array.from(r.children).filter((f) => m(f) && g(f))), c;\n  }, s = (o) => (r) => {\n    const c = Z[r.key] || r.key.toLowerCase();\n    if (C.includes(c))\n      return;\n    const a = o.handlers || ee;\n    for (const f of Object.keys(a)) {\n      const [u, ...p] = f.split(\".\");\n      if (u === \"keydown\" && p.includes(c)) {\n        const d = a[f], E = p.filter(($) => C.includes($)), H = C.some(($) => {\n          const h = $.charAt(0).toUpperCase() + $.slice(1);\n          return r.getModifierState(h);\n        });\n        if (E.length > 0) {\n          if (H) {\n            for (const $ of C)\n              if (p.includes($)) {\n                const h = $.charAt(0).toUpperCase() + $.slice(1);\n                r.getModifierState(h) && d(r);\n              }\n          }\n        } else\n          H || d(r);\n      }\n    }\n  }, i = [];\n  j(() => {\n    for (const o of e) {\n      const r = t(o), c = l(o), a = s(o), f = r ? [r] : c;\n      for (const u of f) {\n        const { focused: p } = J(b(u)), d = v(p, (E) => {\n          E ? u.addEventListener(\"keydown\", a) : u.removeEventListener(\"keydown\", a);\n        });\n        i.push(d);\n      }\n    }\n  }), V(() => {\n    for (const o of i)\n      o();\n  });\n}\nfunction le(e) {\n}\nexport {\n  ee as defaultKeypressHandlers,\n  le as install,\n  ne as useKeyboardNav\n};\n//# sourceMappingURL=utilities.js.map\n","<template>\n\t<div class=\"adatepicker\" tabindex=\"0\" ref=\"adatepicker\">\n\t\t<table>\n\t\t\t<tr>\n\t\t\t\t<td id=\"previous-month-btn\" @click=\"previousMonth\" :tabindex=\"-1\">&lt;</td>\n\t\t\t\t<th colspan=\"5\" :tabindex=\"-1\">{{ monthAndYear }}</th>\n\t\t\t\t<td id=\"next-month-btn\" @click=\"nextMonth\" :tabindex=\"-1\">&gt;</td>\n\t\t\t</tr>\n\t\t\t<tr class=\"days-header\">\n\t\t\t\t<td>M</td>\n\t\t\t\t<td>T</td>\n\t\t\t\t<td>W</td>\n\t\t\t\t<td>T</td>\n\t\t\t\t<td>F</td>\n\t\t\t\t<td>S</td>\n\t\t\t\t<td>S</td>\n\t\t\t</tr>\n\t\t\t<tr v-for=\"rowNo in numberOfRows\" :key=\"rowNo\">\n\t\t\t\t<td\n\t\t\t\t\tv-for=\"colNo in numberOfColumns\"\n\t\t\t\t\tref=\"celldate\"\n\t\t\t\t\t:key=\"getCurrentCell(rowNo, colNo)\"\n\t\t\t\t\t:contenteditable=\"false\"\n\t\t\t\t\t:spellcheck=\"false\"\n\t\t\t\t\t:tabindex=\"0\"\n\t\t\t\t\t@click.prevent.stop=\"selectDate(getCurrentCell(rowNo, colNo))\"\n\t\t\t\t\t@keydown.enter=\"selectDate(getCurrentCell(rowNo, colNo))\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\ttodaysDate: isTodaysDate(getCurrentDate(rowNo, colNo)),\n\t\t\t\t\t\tselectedDate: isSelectedDate(getCurrentDate(rowNo, colNo)),\n\t\t\t\t\t}\">\n\t\t\t\t\t{{ new Date(getCurrentDate(rowNo, colNo)).getDate() }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { defaultKeypressHandlers, useKeyboardNav } from '@stonecrop/utilities'\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\n\nconst numberOfRows = 6\nconst numberOfColumns = 7\n\nconst date = defineModel<number | Date>({ default: new Date() })\nconst selectedDate = ref(new Date(date.value))\nconst currentMonth = ref<number>(selectedDate.value.getMonth())\nconst currentYear = ref<number>(selectedDate.value.getFullYear())\nconst currentDates = ref<number[]>([])\nconst adatepicker = ref<HTMLElement | null>(null)\n\nonMounted(async () => {\n\tpopulateMonth()\n\n\t// required to allow the elements to be focused in the next step\n\tawait nextTick()\n\n\tconst $selectedDate = document.getElementsByClassName('selectedDate')\n\tif ($selectedDate.length > 0) {\n\t\t;($selectedDate[0] as HTMLElement).focus()\n\t} else {\n\t\tconst $todaysDate = document.getElementsByClassName('todaysDate')\n\t\tif ($todaysDate.length > 0) {\n\t\t\t;($todaysDate[0] as HTMLElement).focus()\n\t\t}\n\t}\n})\n\nconst populateMonth = () => {\n\tcurrentDates.value = []\n\tconst firstOfMonth = new Date(currentYear.value, currentMonth.value, 1)\n\tconst monthStartWeekday = firstOfMonth.getDay()\n\tconst calendarStartDay = firstOfMonth.setDate(firstOfMonth.getDate() - monthStartWeekday)\n\n\t// assume midnight for all dates while building the calendar\n\tfor (const dayIndex of Array(43).keys()) {\n\t\tcurrentDates.value.push(calendarStartDay + dayIndex * 86400000)\n\t}\n}\n\nwatch([currentMonth, currentYear], populateMonth)\nconst previousYear = () => (currentYear.value -= 1)\nconst nextYear = () => (currentYear.value += 1)\n\nconst previousMonth = () => {\n\tif (currentMonth.value == 0) {\n\t\tcurrentMonth.value = 11\n\t\tpreviousYear()\n\t} else {\n\t\tcurrentMonth.value -= 1\n\t}\n}\n\nconst nextMonth = () => {\n\tif (currentMonth.value == 11) {\n\t\tcurrentMonth.value = 0\n\t\tnextYear()\n\t} else {\n\t\tcurrentMonth.value += 1\n\t}\n}\n\nconst isTodaysDate = (day: string | number | Date) => {\n\tconst todaysDate = new Date()\n\tif (currentMonth.value !== todaysDate.getMonth()) {\n\t\treturn\n\t}\n\treturn todaysDate.toDateString() === new Date(day).toDateString()\n}\n\nconst isSelectedDate = (day: string | number | Date) => {\n\treturn new Date(day).toDateString() === new Date(selectedDate.value).toDateString()\n}\n\nconst getCurrentCell = (rowNo: number, colNo: number) => {\n\treturn (rowNo - 1) * numberOfColumns + colNo\n}\n\nconst getCurrentDate = (rowNo: number, colNo: number) => {\n\treturn currentDates.value[getCurrentCell(rowNo, colNo)]\n}\n\nconst selectDate = (currentIndex: number) => {\n\tdate.value = selectedDate.value = new Date(currentDates.value[currentIndex])\n}\n\nconst monthAndYear = computed(() => {\n\treturn new Date(currentYear.value, currentMonth.value, 1).toLocaleDateString(undefined, {\n\t\tyear: 'numeric',\n\t\tmonth: 'long',\n\t})\n})\n\n// setup keyboard navigation\nuseKeyboardNav([\n\t{\n\t\tparent: adatepicker,\n\t\tselectors: 'td',\n\t\thandlers: {\n\t\t\t...defaultKeypressHandlers,\n\t\t\t...{\n\t\t\t\t'keydown.pageup': previousMonth,\n\t\t\t\t'keydown.shift.pageup': previousYear,\n\t\t\t\t'keydown.pagedown': nextMonth,\n\t\t\t\t'keydown.shift.pagedown': nextYear,\n\t\t\t\t// TODO: this is a hack to override the stonecrop enter handler;\n\t\t\t\t// store context inside the component so that handlers can be setup consistently\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\t\t\t\t'keydown.enter': () => {}, // select this date\n\t\t\t},\n\t\t},\n\t},\n])\n</script>\n\n<style>\n@import url('@stonecrop/themes/default/default.css');\n@import url('@/theme/adate.css');\n@import url('@/theme/aform.css');\n</style>\n","<template>\n\t<form>\n\t\t<component\n\t\t\tv-for=\"(componentObj, key) in modelValue\"\n\t\t\t:is=\"componentObj.component\"\n\t\t\t:key=\"key\"\n\t\t\t:schema=\"componentObj\"\n\t\t\tv-model=\"childModels[key].value\"\n\t\t\t:data=\"formData[componentObj.fieldname]\"\n\t\t\t:readonly=\"readonly\"\n\t\t\tv-bind=\"componentProps(componentObj)\">\n\t\t</component>\n\t</form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\n\nimport { SchemaTypes } from 'types'\n\nconst props = defineProps<{\n\tmodelValue: SchemaTypes[]\n\tdata: Record<string, any>\n\treadonly?: boolean\n}>()\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst formData = ref(props.data || {})\n\nconst componentProps = (componentObj: SchemaTypes) => {\n\tlet propsToPass = {}\n\tfor (const [key, value] of Object.entries(componentObj)) {\n\t\tif (!['component', 'fieldtype'].includes(key)) {\n\t\t\tpropsToPass[key] = value\n\t\t}\n\n\t\t// handle ATable data formats in case the table is nested under an AFormm;\n\t\t// TODO: there's probably a better way to do this\n\t\tif (key === 'rows') {\n\t\t\tif (value && (value as any[]).length === 0) {\n\t\t\t\tpropsToPass['rows'] = formData.value[componentObj.fieldname]\n\t\t\t}\n\t\t}\n\t}\n\treturn propsToPass\n}\n\nconst childModels = computed({\n\tget: () => {\n\t\treturn props.modelValue.map((val, i) => {\n\t\t\treturn computed({\n\t\t\t\tget() {\n\t\t\t\t\treturn val.value\n\t\t\t\t},\n\t\t\t\tset: newValue => {\n\t\t\t\t\t// Find the component in modelValue and update it\n\t\t\t\t\tprops.modelValue[i].value = newValue\n\t\t\t\t\temit('update:modelValue', props.modelValue)\n\t\t\t\t},\n\t\t\t})\n\t\t})\n\t},\n\tset: (/* newValue */) => {\n\t\t//emit('update:modelValue', '')\n\t},\n})\n</script>\n\n<style scoped>\nform {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\talign-items: baseline;\n}\n</style>\n","<template>\n\t<fieldset>\n\t\t<legend @click=\"toggleCollapse\" @submit=\"toggleCollapse\">\n\t\t\t{{ label }}\n\t\t\t<CollapseButton v-if=\"collapsible\" :collapsed=\"collapsed\" />\n\t\t</legend>\n\t\t<slot :collapsed=\"collapsed\">\n\t\t\t<AForm v-show=\"!collapsed\" v-model=\"formSchema\" :data=\"formData\" />\n\t\t</slot>\n\t</fieldset>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nimport CollapseButton from '@/components/base/CollapseButton.vue'\nimport AForm from '@/components/AForm.vue'\nimport { SchemaTypes } from 'types/index'\n\nconst props = defineProps<{\n\tschema: SchemaTypes[]\n\tlabel: string\n\tcollapsible?: boolean\n\tdata?: any\n}>()\n\nconst formData = ref(props.data || [])\nconst collapsed = ref(false)\nconst collapsible = ref(props.collapsible)\n\nconst formSchema = ref(props.schema)\nfunction toggleCollapse(event: Event) {\n\tevent.preventDefault()\n\tif (!collapsible.value) {\n\t\treturn\n\t}\n\tcollapsed.value = !collapsed.value\n}\n</script>\n\n<style scoped>\nfieldset {\n\tmax-width: 100%;\n\twidth: 100%;\n\tmargin-right: 2ch;\n\tborder: 1px solid transparent;\n\tborder-bottom: 1px solid var(--gray-50);\n}\n\nlegend {\n\twidth: 100%;\n\theight: 1.15rem;\n\tborder: 1px solid transparent;\n\tpadding-bottom: 0.5rem;\n\tfont-size: 110%;\n\tfont-weight: 600;\n\tuser-select: none;\n}\n\n.collapse-button {\n\tfloat: right;\n}\n</style>\n","<template>\n\t<div>\n\t\t<input v-model=\"inputNumber\" type=\"number\" :id=\"uuid\" :disabled=\"readonly\" :required=\"required\" />\n\t\t<label :for=\"uuid\">{{ label }}</label>\n\t\t<p v-show=\"validation.errorMessage\" v-html=\"validation.errorMessage\"></p>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nwithDefaults(\n\tdefineProps<{\n\t\tlabel: string\n\t\trequired?: boolean\n\t\treadonly?: boolean\n\t\tuuid?: string\n\t\tvalidation?: Record<string, any>\n\t}>(),\n\t{\n\t\tvalidation: () => ({ errorMessage: '&nbsp;' }),\n\t}\n)\n\nconst inputNumber = defineModel<number>()\n</script>\n\n<style scoped>\ndiv {\n\tmin-width: 40ch;\n\tborder: 1px solid transparent;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tmargin-right: 1ch;\n}\n\ninput {\n\twidth: calc(100% - 1ch);\n\toutline: 1px solid transparent;\n\tborder: 1px solid var(--input-border-color);\n\tpadding: 1ch 0.5ch 0.5ch 1ch;\n\tmargin: calc(1.15rem / 2) 0 0 0;\n\tmin-height: 1.15rem;\n\tborder-radius: 0.25rem;\n}\n\np,\nlabel {\n\tcolor: var(--input-label-color);\n\tdisplay: block;\n\tmin-height: 1.15rem;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tborder: 1px solid transparent;\n\tmargin-bottom: 0.25rem;\n}\n\np {\n\twidth: 100%;\n\tcolor: red;\n\tfont-size: 85%;\n}\n\nlabel {\n\tz-index: 2;\n\tfont-size: 80%;\n\tposition: absolute;\n\tbackground: white;\n\tmargin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;\n\tpadding: 0 0.25ch 0 0.25ch;\n}\n\ninput:focus {\n\tborder: 1px solid var(--input-active-border-color);\n}\n\ninput:focus + label {\n\tcolor: var(--input-active-label-color);\n}\n</style>\n","import type { FormSchema } from 'types'\nimport type { DirectiveBinding } from 'vue'\n\nconst NAMED_MASKS = {\n\tdate: '##/##/####',\n\tdatetime: '####/##/## ##:##',\n\ttime: '##:##',\n\tfulltime: '##:##:##',\n\tphone: '(###) ### - ####',\n\tcard: '#### #### #### ####',\n}\n\nfunction extractMaskFn(mask: string): ((args: any) => string) | void {\n\ttry {\n\t\t// eslint-disable-next-line @typescript-eslint/no-implied-eval\n\t\treturn Function(`\"use strict\";return (${mask})`)()\n\t} catch (error) {\n\t\tif (error instanceof ReferenceError) {\n\t\t\t// assume mask is a string\n\t\t}\n\t}\n}\n\nfunction getMask(binding: DirectiveBinding<string>) {\n\tlet mask = binding.value\n\n\tif (mask) {\n\t\tconst maskFn = extractMaskFn(mask)\n\t\tif (maskFn) {\n\t\t\t// TODO: (state) replace with state management;\n\t\t\t// pass the entire form/table data to the function\n\t\t\tconst locale = binding.instance['locale']\n\t\t\tmask = maskFn(locale)\n\t\t}\n\t} else {\n\t\t// TODO: (state) handle using state management\n\t\tconst schema: FormSchema = binding.instance['schema']\n\t\tconst fieldType: string | undefined = schema?.fieldtype?.toLowerCase()\n\t\tif (fieldType && NAMED_MASKS[fieldType]) {\n\t\t\tmask = NAMED_MASKS[fieldType]\n\t\t}\n\t}\n\n\treturn mask\n}\n\nfunction unmaskInput(input: string, maskToken?: string) {\n\tif (!maskToken) {\n\t\tmaskToken = '#'\n\t}\n\n\tlet unmaskedInput = input\n\tconst maskChars = [maskToken, '/', '-', '(', ')', ' ']\n\n\tfor (const char of maskChars) {\n\t\tunmaskedInput = unmaskedInput.replaceAll(char, '')\n\t}\n\n\treturn unmaskedInput\n}\n\nfunction fillMask(input: string, mask: string, maskToken?: string) {\n\tif (!maskToken) {\n\t\tmaskToken = '#'\n\t}\n\n\tlet replacement = mask\n\tfor (const inputChar of input) {\n\t\tconst replaceIndex = replacement.indexOf(maskToken)\n\t\tif (replaceIndex !== -1) {\n\t\t\tconst prefix = replacement.substring(0, replaceIndex)\n\t\t\tconst suffix = replacement.substring(replaceIndex + 1)\n\t\t\treplacement = prefix + inputChar + suffix\n\t\t}\n\t}\n\n\treturn replacement.slice(0, mask.length)\n}\n\nexport function useStringMask(el: HTMLInputElement, binding: DirectiveBinding<string>) {\n\tconst mask = getMask(binding)\n\tif (!mask) return\n\n\tconst maskToken = '#'\n\tconst inputText = el.value\n\n\t// process input value with mask\n\tconst unmaskedInput = unmaskInput(inputText, maskToken)\n\tif (unmaskedInput) {\n\t\tconst replacement = fillMask(unmaskedInput, mask, maskToken)\n\n\t\t// TODO: (state) this is very opinionated;\n\t\t// most likely fixed with state management;\n\t\t// a better way could be to emit back to instance;\n\n\t\tif (binding.instance['maskFilled']) {\n\t\t\tbinding.instance['maskFilled'] = !replacement.includes(maskToken)\n\t\t}\n\n\t\tel.value = replacement\n\t} else {\n\t\tel.value = mask\n\t}\n}\n","<template>\n\t<div>\n\t\t<input\n\t\t\tv-model=\"inputText\"\n\t\t\t:id=\"uuid\"\n\t\t\t:disabled=\"readonly\"\n\t\t\t:maxlength=\"mask ? maskFilled && mask.length : undefined\"\n\t\t\t:required=\"required\"\n\t\t\tv-mask=\"mask\" />\n\t\t<label :for=\"uuid\">{{ label }} </label>\n\t\t<p v-show=\"validation.errorMessage\" v-html=\"validation.errorMessage\"></p>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, ref } from 'vue'\n\nimport { FormSchema } from 'types'\nimport { useStringMask as vMask } from '@/directives/mask'\n\nwithDefaults(\n\tdefineProps<{\n\t\tschema: FormSchema\n\t\tlabel: string\n\t\tmask?: string\n\t\trequired?: boolean\n\t\treadonly?: boolean\n\t\tuuid?: string\n\t\tvalidation?: { errorMessage: string }\n\t}>(),\n\t{\n\t\tvalidation: () => ({ errorMessage: '&nbsp;' }),\n\t}\n)\n\n// TODO: setup maskFilled as a computed property\nconst maskFilled = ref(true)\n\n// TODO: (state) replace with state management\n// const locale = inject<string>('locale', '')\n\nconst inputText = defineModel<number | string>()\n</script>\n\n<style scoped>\ndiv {\n\tmin-width: 40ch;\n\tborder: 1px solid transparent;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tmargin-right: 1ch;\n}\n\ninput {\n\twidth: calc(100% - 1ch);\n\toutline: 1px solid transparent;\n\tborder: 1px solid var(--input-border-color);\n\tpadding: 1ch 0.5ch 0.5ch 1ch;\n\tmargin: calc(1.15rem / 2) 0 0 0;\n\tmin-height: 1.15rem;\n\tborder-radius: 0.25rem;\n}\n\np,\nlabel {\n\tcolor: var(--input-label-color);\n\tdisplay: block;\n\tmin-height: 1.15rem;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tborder: 1px solid transparent;\n\tmargin-bottom: 0.25rem;\n}\n\np {\n\twidth: 100%;\n\tcolor: red;\n\tfont-size: 85%;\n}\n\nlabel {\n\tz-index: 2;\n\tfont-size: 80%;\n\tposition: absolute;\n\tbackground: white;\n\tmargin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;\n\tpadding: 0 0.25ch 0 0.25ch;\n}\n\ninput:focus {\n\tborder: 1px solid var(--input-active-border-color);\n}\n\ninput:focus + label {\n\tcolor: var(--input-active-label-color);\n}\n</style>\n","import { App } from 'vue'\n\nimport ACheckbox from '@/components/form/ACheckbox.vue'\nimport AComboBox from '@/components/form/AComboBox.vue'\nimport ADate from '@/components/form/ADate.vue'\nimport ADropdown from '@/components/form/ADropdown.vue'\nimport ADatePicker from '@/components/form/ADatePicker.vue'\nimport AFieldset from '@/components/form/AFieldset.vue'\nimport AForm from '@/components/AForm.vue'\nimport ANumericInput from '@/components/form/ANumericInput.vue'\nimport ATextInput from '@/components/form/ATextInput.vue'\n// import { ACurrency } from '@/components/form/ACurrency.vue'\n// import { AQuantity } from '@/components/form/AQuantity.vue'\n\nfunction install(app: App /* options */) {\n\tapp.component('ACheckbox', ACheckbox)\n\tapp.component('ACombobox', AComboBox)\n\tapp.component('ADate', ADate)\n\tapp.component('ADropdown', ADropdown)\n\tapp.component('ADatePicker', ADatePicker)\n\tapp.component('AFieldset', AFieldset)\n\tapp.component('AForm', AForm)\n\tapp.component('ANumericInput', ANumericInput)\n\tapp.component('ATextInput', ATextInput)\n\t// app.component('ACurrency', ACurrency)\n\t// app.component('AQuantity', AQuantity)\n}\n\nexport { ACheckbox, AComboBox, ADate, ADropdown, ADatePicker, AFieldset, AForm, ANumericInput, ATextInput, install }\n"],"names":["checkbox","_useModel","__props","inputDate","dateRef","ref","showPicker","props","emit","__emit","results","search","isLoading","arrowCounter","isOpen","mopInput","onMounted","handleClickOutside","filterResults","onUnmounted","setResult","result","closeResults","item","onChange","event","onArrowDown","onArrowUp","onEnter","B","O","U","_","I","F","q","N","G","y","T","w","l","s","i","o","f","r","u","p","d","c","v","E","a","z","b","J","M","Q","g","m","x","A","n","t","X","S","D","Y","R","k","P","L","K","W","C","Z","ee","ne","$","H","h","j","V","numberOfRows","numberOfColumns","date","selectedDate","currentMonth","currentYear","currentDates","adatepicker","populateMonth","nextTick","$selectedDate","$todaysDate","firstOfMonth","monthStartWeekday","calendarStartDay","dayIndex","watch","previousYear","nextYear","previousMonth","nextMonth","isTodaysDate","day","todaysDate","isSelectedDate","getCurrentCell","rowNo","colNo","getCurrentDate","selectDate","currentIndex","monthAndYear","computed","useKeyboardNav","defaultKeypressHandlers","formData","componentProps","componentObj","propsToPass","key","value","childModels","val","newValue","collapsed","collapsible","formSchema","toggleCollapse","inputNumber","NAMED_MASKS","extractMaskFn","mask","getMask","binding","maskFn","locale","schema","fieldType","_a","unmaskInput","input","maskToken","unmaskedInput","maskChars","char","fillMask","replacement","inputChar","replaceIndex","prefix","suffix","useStringMask","el","inputText","maskFilled","install","app","ACheckbox","AComboBox","ADate","ADropdown","ADatePicker","AFieldset","AForm","ANumericInput","ATextInput"],"mappings":"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"}

package/dist/aform.umd.cjs

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

package/dist/aform.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aform.umd.cjs","sources":["../src/components/form/ACheckbox.vue","../src/components/form/ADate.vue","../src/components/form/ADropdown.vue","../../utilities/dist/utilities.js","../src/components/form/ADatePicker.vue","../src/components/AForm.vue","../src/components/form/AFieldset.vue","../src/components/form/ANumericInput.vue","../src/directives/mask.ts","../src/components/form/ATextInput.vue","../src/index.ts"],"sourcesContent":["<template>\n\t<div>\n\t\t<label id=\"checkbox-container\">\n\t\t\t<input v-model=\"checkbox\" type=\"checkbox\" :id=\"uuid\" class=\"checkbox\" :readonly=\"readOnly\" :required=\"required\" />\n\t\t\t<span id=\"custom-checkbox\">{{ checkbox }}</span>\n\t\t</label>\n\t\t<label :for=\"uuid\" id=\"checkbox-label\">{{ label }}</label>\n\t\t<p v-show=\"validation.errorMessage\" v-html=\"validation.errorMessage\"></p>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { InputHTMLAttributes } from 'vue'\n\nwithDefaults(\n\tdefineProps<{\n\t\tlabel?: string\n\t\trequired?: boolean\n\t\treadOnly?: boolean\n\t\tuuid?: string\n\t\tvalidation?: Record<string, any>\n\t}>(),\n\t{\n\t\tvalidation: () => ({ errorMessage: '&nbsp;' }),\n\t}\n)\n\nconst checkbox = defineModel<InputHTMLAttributes['checked']>()\n</script>\n\n<style scoped>\ndiv {\n\tdisplay: inline-block;\n\tmin-width: 40ch;\n\tborder: 1px solid transparent;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tmargin-right: 1ch;\n}\n\np,\nlabel {\n\tcolor: var(--input-label-color);\n\tdisplay: block;\n\tmin-height: 1.15rem;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tborder: 1px solid transparent;\n\tmargin-bottom: 0.25rem;\n}\n\np {\n\twidth: 100%;\n\tcolor: red;\n\tfont-size: 85%;\n}\n\n.checkbox {\n\tvisibility: hidden;\n}\n\n.checkbox + #custom-checkbox:after {\n\tcontent: '⬡';\n\tpadding: 1ch 0 0.5ch 0;\n\tfont-size: 120%;\n\tcursor: pointer;\n\tposition: relative;\n\tleft: -18px;\n}\n\n.checkbox:checked + #custom-checkbox:after {\n\tcontent: '⬣';\n\tpadding: 1ch 0 0.5ch 0;\n\tfont-size: 120%;\n\tcursor: pointer;\n\tposition: relative;\n\tleft: -18px;\n}\n\n#custom-checkbox {\n\tdisplay: inline-block;\n}\n\n#checkbox-container {\n\tdisplay: inline-block;\n\tmin-width: calc(100% - 1ch);\n\toutline: 1px solid transparent;\n\tborder: 1px solid var(--input-border-color);\n\tpadding: 1ch 0.5ch 0.5ch 1ch;\n\tmargin: calc(1.15rem / 2) 0 0 0;\n\theight: 1.15rem;\n\tborder-radius: 0.25rem;\n}\n\n#checkbox-container:hover {\n\tborder: 1px solid var(--input-active-border-color);\n}\n\n#checkbox-container:hover + label {\n\tcolor: var(--input-active-label-color);\n}\n\n#checkbox-label {\n\tz-index: 2;\n\tfont-size: 80%;\n\tposition: absolute;\n\tbackground: white;\n\tmargin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;\n\tpadding: 0 0.25ch 0 0.25ch;\n}\n</style>\n","<template>\n\t<div>\n\t\t<input\n\t\t\tref=\"dateRef\"\n\t\t\ttype=\"date\"\n\t\t\t:id=\"uuid\"\n\t\t\t:disabled=\"readonly\"\n\t\t\t:required=\"required\"\n\t\t\t:value=\"inputDate\"\n\t\t\t@click=\"showPicker\" />\n\t\t<label :for=\"uuid\">{{ label }}</label>\n\t\t<p v-show=\"validation.errorMessage\" v-html=\"validation.errorMessage\"></p>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nwithDefaults(\n\tdefineProps<{\n\t\tlabel?: string\n\t\trequired?: boolean\n\t\treadonly?: boolean\n\t\tuuid?: string\n\t\tvalidation?: Record<string, any>\n\t}>(),\n\t{\n\t\tlabel: 'Date',\n\t\tvalidation: () => ({ errorMessage: '&nbsp;' }),\n\t}\n)\n\nconst inputDate = defineModel<string | number | Date>()\nconst dateRef = ref<HTMLInputElement | null>(null)\n\nconst showPicker = () => {\n\tif (dateRef.value) {\n\t\tif ('showPicker' in HTMLInputElement.prototype) {\n\t\t\t// https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/showPicker\n\t\t\t// TODO: re-check browser support and compatibility; figure out alternative ways\n\t\t\t// to spawn the native datepicker and eventually replace with ADatepicker\n\t\t\tdateRef.value.showPicker()\n\t\t}\n\t}\n}\n</script>\n\n<style scoped>\ndiv {\n\tmin-width: 40ch;\n\tborder: 1px solid transparent;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tmargin-right: 1ch;\n}\n\ninput {\n\twidth: calc(100% - 1ch);\n\toutline: 1px solid transparent;\n\tborder: 1px solid var(--input-border-color);\n\tpadding: 1ch 0.5ch 0.5ch 1ch;\n\tmargin: calc(1.15rem / 2) 0 0 0;\n\tmin-height: 1.15rem;\n\tborder-radius: 0.25rem;\n}\n\np,\nlabel {\n\tcolor: var(--input-label-color);\n\tdisplay: block;\n\tmin-height: 1.15rem;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tborder: 1px solid transparent;\n\tmargin-bottom: 0.25rem;\n}\n\np {\n\twidth: 100%;\n\tcolor: red;\n\tfont-size: 85%;\n}\n\nlabel {\n\tz-index: 2;\n\tfont-size: 80%;\n\tposition: absolute;\n\tbackground: white;\n\tmargin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;\n\tpadding: 0 0.25ch 0 0.25ch;\n}\n\ninput:focus {\n\tborder: 1px solid var(--input-active-border-color);\n}\n\ninput:focus + label {\n\tcolor: var(--input-active-label-color);\n}\n</style>\n","<template>\n\t<div class=\"autocomplete\" :class=\"{ isOpen: isOpen }\">\n\t\t<div class=\"input-wrapper\">\n\t\t\t<input\n\t\t\t\tref=\"mopInput\"\n\t\t\t\ttype=\"text\"\n\t\t\t\t@input=\"onChange\"\n\t\t\t\t@focus=\"onChange\"\n\t\t\t\tv-model=\"search\"\n\t\t\t\t@keydown.down=\"onArrowDown\"\n\t\t\t\t@keydown.up=\"onArrowUp\"\n\t\t\t\t@keydown.enter=\"onEnter\" />\n\n\t\t\t<ul id=\"autocomplete-results\" v-show=\"isOpen\" class=\"autocomplete-results\">\n\t\t\t\t<li class=\"loading autocomplete-result\" v-if=\"isLoading\">Loading results...</li>\n\t\t\t\t<li\n\t\t\t\t\tv-else\n\t\t\t\t\tv-for=\"(result, i) in results\"\n\t\t\t\t\t:key=\"i\"\n\t\t\t\t\t@click=\"setResult(result)\"\n\t\t\t\t\tclass=\"autocomplete-result\"\n\t\t\t\t\t:class=\"{ 'is-active': i === arrowCounter }\">\n\t\t\t\t\t{{ result }}\n\t\t\t\t</li>\n\t\t\t</ul>\n\t\t\t<label>{{ label }}</label>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, onUnmounted, ref } from 'vue'\n\nconst props = defineProps<{\n\tlabel: string\n\titems?: string[]\n\tisAsync?: boolean\n}>()\n\nconst emit = defineEmits(['filterChanged'])\n\nconst results = ref(props.items)\nconst search = defineModel<string>()\nconst isLoading = ref(false)\nconst arrowCounter = ref(0)\nconst isOpen = ref(false)\nconst mopInput = ref(null)\n\nonMounted(() => {\n\tdocument.addEventListener('click', handleClickOutside)\n\tfilterResults()\n})\n\nonUnmounted(() => {\n\tdocument.removeEventListener('click', handleClickOutside)\n})\n\nconst setResult = result => {\n\tsearch.value = result\n\tcloseResults()\n}\n\nconst filterResults = () => {\n\tif (!search.value) {\n\t\tresults.value = props.items\n\t} else {\n\t\tresults.value = props.items.filter(item => {\n\t\t\treturn item.toLowerCase().indexOf(search.value.toLowerCase()) > -1\n\t\t})\n\t}\n}\n\nconst onChange = () => {\n\tisOpen.value = true\n\tif (props.isAsync) {\n\t\tisLoading.value = true\n\t\temit('filterChanged', search.value)\n\t} else {\n\t\tfilterResults()\n\t}\n}\n\nconst handleClickOutside = (event: MouseEvent) => {\n\tcloseResults()\n\tarrowCounter.value = 0\n}\n\nconst closeResults = () => {\n\tisOpen.value = false\n\n\t// TODO: (test) when would this occur? how should this be tested?\n\tif (!props.items.includes(search.value)) {\n\t\tsearch.value = ''\n\t}\n}\n\nconst onArrowDown = () => {\n\tif (arrowCounter.value < results.value.length) {\n\t\tarrowCounter.value = arrowCounter.value + 1\n\t}\n}\n\nconst onArrowUp = () => {\n\tif (arrowCounter.value > 0) {\n\t\tarrowCounter.value = arrowCounter.value - 1\n\t}\n}\n\nconst onEnter = () => {\n\tsearch.value = results.value[arrowCounter.value]\n\tcloseResults()\n\tarrowCounter.value = 0\n}\n\n// const openWithSearch = () => {\n// \tsearch.value = ''\n// \tonChange()\n// \tmopInput.value.focus()\n// }\n</script>\n\n<style>\n/* variables taken from here: https://github.com/frappe/frappe/blob/version-13/frappe/public/scss/common/awesomeplete.scss */\n.autocomplete {\n\tposition: relative;\n}\n\n.input-wrapper {\n\tmin-width: 40ch;\n\tborder: 1px solid transparent;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tmargin-right: 1ch;\n}\n\ninput {\n\twidth: calc(100% - 1ch);\n\toutline: 1px solid transparent;\n\tborder: 1px solid var(--input-border-color);\n\tpadding: 1ch 0.5ch 0.5ch 1ch;\n\tmargin: calc(1.15rem / 2) 0 0 0;\n\tmin-height: 1.15rem;\n\tborder-radius: 0.25rem;\n}\n\ninput:focus {\n\tborder: 1px solid var(--input-active-border-color);\n\tborder-radius: 0.25rem 0.25rem 0 0;\n\tborder-bottom: none;\n}\n\nlabel {\n\tdisplay: block;\n\tmin-height: 1.15rem;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tborder: 1px solid transparent;\n\tmargin-bottom: 0.25rem;\n\tz-index: 2;\n\tfont-size: 80%;\n\tposition: absolute;\n\tbackground: white;\n\tmargin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;\n\tpadding: 0 0.25ch 0 0.25ch;\n}\n\n.autocomplete-results {\n\tposition: absolute;\n\twidth: calc(100% - 1ch + 1.5px);\n\tz-index: 1;\n\tpadding: 0;\n\tmargin: 0;\n\tcolor: #000000;\n\tborder: 1px solid var(--input-active-border-color);\n\tborder-radius: 0 0 0.25rem 0.25rem;\n\tborder-top: none;\n}\n\n.autocomplete-result {\n\tlist-style: none;\n\ttext-align: left;\n\tpadding: 4px 6px;\n\tcursor: pointer;\n}\n\n.autocomplete-result.is-active,\n.autocomplete-result:hover {\n\tbackground-color: var(--row-color-zebra-light);\n\tcolor: #000000;\n}\n</style>\n","import { unref as I, getCurrentScope as O, onScopeDispose as U, computed as M, ref as b, watch as v, onMounted as j, onBeforeUnmount as V } from \"vue\";\nfunction B(e) {\n  return O() ? (U(e), !0) : !1;\n}\nfunction _(e) {\n  return typeof e == \"function\" ? e() : I(e);\n}\nconst F = typeof window < \"u\" && typeof document < \"u\";\ntypeof WorkerGlobalScope < \"u\" && globalThis instanceof WorkerGlobalScope;\nconst q = Object.prototype.toString, N = (e) => q.call(e) === \"[object Object]\", G = () => {\n};\nfunction y(e) {\n  var t;\n  const n = _(e);\n  return (t = n == null ? void 0 : n.$el) != null ? t : n;\n}\nconst T = F ? window : void 0;\nfunction w(...e) {\n  let t, n, l, s;\n  if (typeof e[0] == \"string\" || Array.isArray(e[0]) ? ([n, l, s] = e, t = T) : [t, n, l, s] = e, !t)\n    return G;\n  Array.isArray(n) || (n = [n]), Array.isArray(l) || (l = [l]);\n  const i = [], o = () => {\n    i.forEach((f) => f()), i.length = 0;\n  }, r = (f, u, p, d) => (f.addEventListener(u, p, d), () => f.removeEventListener(u, p, d)), c = v(\n    () => [y(t), _(s)],\n    ([f, u]) => {\n      if (o(), !f)\n        return;\n      const p = N(u) ? { ...u } : u;\n      i.push(\n        ...n.flatMap((d) => l.map((E) => r(f, d, E, p)))\n      );\n    },\n    { immediate: !0, flush: \"post\" }\n  ), a = () => {\n    c(), o();\n  };\n  return B(a), a;\n}\nfunction z(e = {}) {\n  var t;\n  const {\n    window: n = T,\n    deep: l = !0\n  } = e, s = (t = e.document) != null ? t : n == null ? void 0 : n.document, i = () => {\n    var c;\n    let a = s == null ? void 0 : s.activeElement;\n    if (l)\n      for (; a != null && a.shadowRoot; )\n        a = (c = a == null ? void 0 : a.shadowRoot) == null ? void 0 : c.activeElement;\n    return a;\n  }, o = b(), r = () => {\n    o.value = i();\n  };\n  return n && (w(n, \"blur\", (c) => {\n    c.relatedTarget === null && r();\n  }, !0), w(n, \"focus\", r, !0)), r(), o;\n}\nfunction J(e, t = {}) {\n  const n = z(t), l = M(() => y(e));\n  return { focused: M(() => l.value && n.value ? l.value.contains(n.value) : !1) };\n}\nfunction Q(e, { window: t = T, scrollTarget: n } = {}) {\n  const l = b(!1), s = () => {\n    if (!t)\n      return;\n    const i = t.document, o = y(e);\n    if (!o)\n      l.value = !1;\n    else {\n      const r = o.getBoundingClientRect();\n      l.value = r.top <= (t.innerHeight || i.documentElement.clientHeight) && r.left <= (t.innerWidth || i.documentElement.clientWidth) && r.bottom >= 0 && r.right >= 0;\n    }\n  };\n  return v(\n    () => y(e),\n    () => s(),\n    { immediate: !0, flush: \"post\" }\n  ), t && w(n || t, \"scroll\", s, {\n    capture: !1,\n    passive: !0\n  }), l;\n}\nconst g = (e) => {\n  let t = Q(e).value;\n  return t = t && e.offsetHeight > 0, t;\n}, m = (e) => e.tabIndex >= 0, x = (e) => {\n  const t = e.target;\n  return A(t);\n}, A = (e) => {\n  var n;\n  let t;\n  if (e instanceof HTMLTableCellElement) {\n    const l = (n = e.parentElement) == null ? void 0 : n.previousElementSibling;\n    if (l) {\n      const i = Array.from(l.children)[e.cellIndex];\n      i && (t = i);\n    }\n  } else if (e instanceof HTMLTableRowElement) {\n    const l = e.previousElementSibling;\n    l && (t = l);\n  }\n  return t && (!m(t) || !g(t)) ? A(t) : t;\n}, X = (e) => {\n  var l;\n  const t = e.target;\n  let n;\n  if (t instanceof HTMLTableCellElement) {\n    const s = (l = t.parentElement) == null ? void 0 : l.parentElement;\n    if (s) {\n      const o = s.firstElementChild.children[t.cellIndex];\n      o && (n = o);\n    }\n  } else if (t instanceof HTMLTableRowElement) {\n    const s = t.parentElement;\n    if (s) {\n      const i = s.firstElementChild;\n      i && (n = i);\n    }\n  }\n  return n && (!m(n) || !g(n)) ? S(n) : n;\n}, D = (e) => {\n  const t = e.target;\n  return S(t);\n}, S = (e) => {\n  var n;\n  let t;\n  if (e instanceof HTMLTableCellElement) {\n    const l = (n = e.parentElement) == null ? void 0 : n.nextElementSibling;\n    if (l) {\n      const i = Array.from(l.children)[e.cellIndex];\n      i && (t = i);\n    }\n  } else if (e instanceof HTMLTableRowElement) {\n    const l = e.nextElementSibling;\n    l && (t = l);\n  }\n  return t && (!m(t) || !g(t)) ? S(t) : t;\n}, Y = (e) => {\n  var l;\n  const t = e.target;\n  let n;\n  if (t instanceof HTMLTableCellElement) {\n    const s = (l = t.parentElement) == null ? void 0 : l.parentElement;\n    if (s) {\n      const o = s.lastElementChild.children[t.cellIndex];\n      o && (n = o);\n    }\n  } else if (t instanceof HTMLTableRowElement) {\n    const s = t.parentElement;\n    if (s) {\n      const i = s.lastElementChild;\n      i && (n = i);\n    }\n  }\n  return n && (!m(n) || !g(n)) ? A(n) : n;\n}, R = (e) => {\n  const t = e.target;\n  return k(t);\n}, k = (e) => {\n  var n;\n  let t;\n  if (e.previousElementSibling)\n    t = e.previousElementSibling;\n  else {\n    const l = (n = e.parentElement) == null ? void 0 : n.previousElementSibling;\n    t = l == null ? void 0 : l.lastElementChild;\n  }\n  return t && (!m(t) || !g(t)) ? k(t) : t;\n}, P = (e) => {\n  const t = e.target;\n  return L(t);\n}, L = (e) => {\n  var n;\n  let t;\n  if (e.nextElementSibling)\n    t = e.nextElementSibling;\n  else {\n    const l = (n = e.parentElement) == null ? void 0 : n.nextElementSibling;\n    t = l == null ? void 0 : l.firstElementChild;\n  }\n  return t && (!m(t) || !g(t)) ? L(t) : t;\n}, K = (e) => {\n  const l = e.target.parentElement.firstElementChild;\n  return l && (!m(l) || !g(l)) ? L(l) : l;\n}, W = (e) => {\n  const l = e.target.parentElement.lastElementChild;\n  return l && (!m(l) || !g(l)) ? k(l) : l;\n}, C = [\"alt\", \"control\", \"shift\", \"meta\"], Z = {\n  ArrowUp: \"up\",\n  ArrowDown: \"down\",\n  ArrowLeft: \"left\",\n  ArrowRight: \"right\"\n}, ee = {\n  \"keydown.up\": (e) => {\n    const t = x(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.down\": (e) => {\n    const t = D(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.left\": (e) => {\n    const t = R(e);\n    e.preventDefault(), e.stopPropagation(), t && t.focus();\n  },\n  \"keydown.right\": (e) => {\n    const t = P(e);\n    e.preventDefault(), e.stopPropagation(), t && t.focus();\n  },\n  \"keydown.control.up\": (e) => {\n    const t = X(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.control.down\": (e) => {\n    const t = Y(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.control.left\": (e) => {\n    const t = K(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.control.right\": (e) => {\n    const t = W(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.end\": (e) => {\n    const t = W(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.enter\": (e) => {\n    if (e.target instanceof HTMLTableCellElement) {\n      e.preventDefault(), e.stopPropagation();\n      const n = D(e);\n      n && n.focus();\n    }\n  },\n  \"keydown.shift.enter\": (e) => {\n    if (e.target instanceof HTMLTableCellElement) {\n      e.preventDefault(), e.stopPropagation();\n      const n = x(e);\n      n && n.focus();\n    }\n  },\n  \"keydown.home\": (e) => {\n    const t = K(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.tab\": (e) => {\n    const t = P(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  },\n  \"keydown.shift.tab\": (e) => {\n    const t = R(e);\n    t && (e.preventDefault(), e.stopPropagation(), t.focus());\n  }\n};\nfunction ne(e) {\n  const t = (o) => {\n    let r = null;\n    return o.parent && (typeof o.parent == \"string\" ? r = document.querySelector(o.parent) : o.parent instanceof HTMLElement ? r = o.parent : r = o.parent.value), r;\n  }, n = (o) => {\n    const r = t(o);\n    let c = [];\n    if (typeof o.selectors == \"string\")\n      c = r ? Array.from(r.querySelectorAll(o.selectors)) : Array.from(document.querySelectorAll(o.selectors));\n    else if (Array.isArray(o.selectors))\n      for (const a of o.selectors)\n        a instanceof HTMLElement ? c.push(a) : c.push(a.$el);\n    else if (o.selectors instanceof HTMLElement)\n      c.push(o.selectors);\n    else if (Array.isArray(o.selectors.value))\n      for (const a of o.selectors.value)\n        a instanceof HTMLElement ? c.push(a) : c.push(a.$el);\n    else\n      c.push(o.selectors.value);\n    return c;\n  }, l = (o) => {\n    const r = t(o);\n    let c = [];\n    return o.selectors ? c = n(o) : r && (c = Array.from(r.children).filter((f) => m(f) && g(f))), c;\n  }, s = (o) => (r) => {\n    const c = Z[r.key] || r.key.toLowerCase();\n    if (C.includes(c))\n      return;\n    const a = o.handlers || ee;\n    for (const f of Object.keys(a)) {\n      const [u, ...p] = f.split(\".\");\n      if (u === \"keydown\" && p.includes(c)) {\n        const d = a[f], E = p.filter(($) => C.includes($)), H = C.some(($) => {\n          const h = $.charAt(0).toUpperCase() + $.slice(1);\n          return r.getModifierState(h);\n        });\n        if (E.length > 0) {\n          if (H) {\n            for (const $ of C)\n              if (p.includes($)) {\n                const h = $.charAt(0).toUpperCase() + $.slice(1);\n                r.getModifierState(h) && d(r);\n              }\n          }\n        } else\n          H || d(r);\n      }\n    }\n  }, i = [];\n  j(() => {\n    for (const o of e) {\n      const r = t(o), c = l(o), a = s(o), f = r ? [r] : c;\n      for (const u of f) {\n        const { focused: p } = J(b(u)), d = v(p, (E) => {\n          E ? u.addEventListener(\"keydown\", a) : u.removeEventListener(\"keydown\", a);\n        });\n        i.push(d);\n      }\n    }\n  }), V(() => {\n    for (const o of i)\n      o();\n  });\n}\nfunction le(e) {\n}\nexport {\n  ee as defaultKeypressHandlers,\n  le as install,\n  ne as useKeyboardNav\n};\n//# sourceMappingURL=utilities.js.map\n","<template>\n\t<div class=\"adatepicker\" tabindex=\"0\" ref=\"adatepicker\">\n\t\t<table>\n\t\t\t<tr>\n\t\t\t\t<td id=\"previous-month-btn\" @click=\"previousMonth\" :tabindex=\"-1\">&lt;</td>\n\t\t\t\t<th colspan=\"5\" :tabindex=\"-1\">{{ monthAndYear }}</th>\n\t\t\t\t<td id=\"next-month-btn\" @click=\"nextMonth\" :tabindex=\"-1\">&gt;</td>\n\t\t\t</tr>\n\t\t\t<tr class=\"days-header\">\n\t\t\t\t<td>M</td>\n\t\t\t\t<td>T</td>\n\t\t\t\t<td>W</td>\n\t\t\t\t<td>T</td>\n\t\t\t\t<td>F</td>\n\t\t\t\t<td>S</td>\n\t\t\t\t<td>S</td>\n\t\t\t</tr>\n\t\t\t<tr v-for=\"rowNo in numberOfRows\" :key=\"rowNo\">\n\t\t\t\t<td\n\t\t\t\t\tv-for=\"colNo in numberOfColumns\"\n\t\t\t\t\tref=\"celldate\"\n\t\t\t\t\t:key=\"getCurrentCell(rowNo, colNo)\"\n\t\t\t\t\t:contenteditable=\"false\"\n\t\t\t\t\t:spellcheck=\"false\"\n\t\t\t\t\t:tabindex=\"0\"\n\t\t\t\t\t@click.prevent.stop=\"selectDate(getCurrentCell(rowNo, colNo))\"\n\t\t\t\t\t@keydown.enter=\"selectDate(getCurrentCell(rowNo, colNo))\"\n\t\t\t\t\t:class=\"{\n\t\t\t\t\t\ttodaysDate: isTodaysDate(getCurrentDate(rowNo, colNo)),\n\t\t\t\t\t\tselectedDate: isSelectedDate(getCurrentDate(rowNo, colNo)),\n\t\t\t\t\t}\">\n\t\t\t\t\t{{ new Date(getCurrentDate(rowNo, colNo)).getDate() }}\n\t\t\t\t</td>\n\t\t\t</tr>\n\t\t</table>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { defaultKeypressHandlers, useKeyboardNav } from '@stonecrop/utilities'\nimport { computed, nextTick, onMounted, ref, watch } from 'vue'\n\nconst numberOfRows = 6\nconst numberOfColumns = 7\n\nconst date = defineModel<number | Date>({ default: new Date() })\nconst selectedDate = ref(new Date(date.value))\nconst currentMonth = ref<number>(selectedDate.value.getMonth())\nconst currentYear = ref<number>(selectedDate.value.getFullYear())\nconst currentDates = ref<number[]>([])\nconst adatepicker = ref<HTMLElement | null>(null)\n\nonMounted(async () => {\n\tpopulateMonth()\n\n\t// required to allow the elements to be focused in the next step\n\tawait nextTick()\n\n\tconst $selectedDate = document.getElementsByClassName('selectedDate')\n\tif ($selectedDate.length > 0) {\n\t\t;($selectedDate[0] as HTMLElement).focus()\n\t} else {\n\t\tconst $todaysDate = document.getElementsByClassName('todaysDate')\n\t\tif ($todaysDate.length > 0) {\n\t\t\t;($todaysDate[0] as HTMLElement).focus()\n\t\t}\n\t}\n})\n\nconst populateMonth = () => {\n\tcurrentDates.value = []\n\tconst firstOfMonth = new Date(currentYear.value, currentMonth.value, 1)\n\tconst monthStartWeekday = firstOfMonth.getDay()\n\tconst calendarStartDay = firstOfMonth.setDate(firstOfMonth.getDate() - monthStartWeekday)\n\n\t// assume midnight for all dates while building the calendar\n\tfor (const dayIndex of Array(43).keys()) {\n\t\tcurrentDates.value.push(calendarStartDay + dayIndex * 86400000)\n\t}\n}\n\nwatch([currentMonth, currentYear], populateMonth)\nconst previousYear = () => (currentYear.value -= 1)\nconst nextYear = () => (currentYear.value += 1)\n\nconst previousMonth = () => {\n\tif (currentMonth.value == 0) {\n\t\tcurrentMonth.value = 11\n\t\tpreviousYear()\n\t} else {\n\t\tcurrentMonth.value -= 1\n\t}\n}\n\nconst nextMonth = () => {\n\tif (currentMonth.value == 11) {\n\t\tcurrentMonth.value = 0\n\t\tnextYear()\n\t} else {\n\t\tcurrentMonth.value += 1\n\t}\n}\n\nconst isTodaysDate = (day: string | number | Date) => {\n\tconst todaysDate = new Date()\n\tif (currentMonth.value !== todaysDate.getMonth()) {\n\t\treturn\n\t}\n\treturn todaysDate.toDateString() === new Date(day).toDateString()\n}\n\nconst isSelectedDate = (day: string | number | Date) => {\n\treturn new Date(day).toDateString() === new Date(selectedDate.value).toDateString()\n}\n\nconst getCurrentCell = (rowNo: number, colNo: number) => {\n\treturn (rowNo - 1) * numberOfColumns + colNo\n}\n\nconst getCurrentDate = (rowNo: number, colNo: number) => {\n\treturn currentDates.value[getCurrentCell(rowNo, colNo)]\n}\n\nconst selectDate = (currentIndex: number) => {\n\tdate.value = selectedDate.value = new Date(currentDates.value[currentIndex])\n}\n\nconst monthAndYear = computed(() => {\n\treturn new Date(currentYear.value, currentMonth.value, 1).toLocaleDateString(undefined, {\n\t\tyear: 'numeric',\n\t\tmonth: 'long',\n\t})\n})\n\n// setup keyboard navigation\nuseKeyboardNav([\n\t{\n\t\tparent: adatepicker,\n\t\tselectors: 'td',\n\t\thandlers: {\n\t\t\t...defaultKeypressHandlers,\n\t\t\t...{\n\t\t\t\t'keydown.pageup': previousMonth,\n\t\t\t\t'keydown.shift.pageup': previousYear,\n\t\t\t\t'keydown.pagedown': nextMonth,\n\t\t\t\t'keydown.shift.pagedown': nextYear,\n\t\t\t\t// TODO: this is a hack to override the stonecrop enter handler;\n\t\t\t\t// store context inside the component so that handlers can be setup consistently\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\t\t\t\t'keydown.enter': () => {}, // select this date\n\t\t\t},\n\t\t},\n\t},\n])\n</script>\n\n<style>\n@import url('@stonecrop/themes/default/default.css');\n@import url('@/theme/adate.css');\n@import url('@/theme/aform.css');\n</style>\n","<template>\n\t<form>\n\t\t<component\n\t\t\tv-for=\"(componentObj, key) in modelValue\"\n\t\t\t:is=\"componentObj.component\"\n\t\t\t:key=\"key\"\n\t\t\t:schema=\"componentObj\"\n\t\t\tv-model=\"childModels[key].value\"\n\t\t\t:data=\"formData[componentObj.fieldname]\"\n\t\t\t:readonly=\"readonly\"\n\t\t\tv-bind=\"componentProps(componentObj)\">\n\t\t</component>\n\t</form>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed } from 'vue'\n\nimport { SchemaTypes } from 'types'\n\nconst props = defineProps<{\n\tmodelValue: SchemaTypes[]\n\tdata: Record<string, any>\n\treadonly?: boolean\n}>()\n\nconst emit = defineEmits(['update:modelValue'])\n\nconst formData = ref(props.data || {})\n\nconst componentProps = (componentObj: SchemaTypes) => {\n\tlet propsToPass = {}\n\tfor (const [key, value] of Object.entries(componentObj)) {\n\t\tif (!['component', 'fieldtype'].includes(key)) {\n\t\t\tpropsToPass[key] = value\n\t\t}\n\n\t\t// handle ATable data formats in case the table is nested under an AFormm;\n\t\t// TODO: there's probably a better way to do this\n\t\tif (key === 'rows') {\n\t\t\tif (value && (value as any[]).length === 0) {\n\t\t\t\tpropsToPass['rows'] = formData.value[componentObj.fieldname]\n\t\t\t}\n\t\t}\n\t}\n\treturn propsToPass\n}\n\nconst childModels = computed({\n\tget: () => {\n\t\treturn props.modelValue.map((val, i) => {\n\t\t\treturn computed({\n\t\t\t\tget() {\n\t\t\t\t\treturn val.value\n\t\t\t\t},\n\t\t\t\tset: newValue => {\n\t\t\t\t\t// Find the component in modelValue and update it\n\t\t\t\t\tprops.modelValue[i].value = newValue\n\t\t\t\t\temit('update:modelValue', props.modelValue)\n\t\t\t\t},\n\t\t\t})\n\t\t})\n\t},\n\tset: (/* newValue */) => {\n\t\t//emit('update:modelValue', '')\n\t},\n})\n</script>\n\n<style scoped>\nform {\n\tdisplay: flex;\n\tflex-direction: row;\n\tflex-wrap: wrap;\n\tjustify-content: flex-start;\n\talign-items: baseline;\n}\n</style>\n","<template>\n\t<fieldset>\n\t\t<legend @click=\"toggleCollapse\" @submit=\"toggleCollapse\">\n\t\t\t{{ label }}\n\t\t\t<CollapseButton v-if=\"collapsible\" :collapsed=\"collapsed\" />\n\t\t</legend>\n\t\t<slot :collapsed=\"collapsed\">\n\t\t\t<AForm v-show=\"!collapsed\" v-model=\"formSchema\" :data=\"formData\" />\n\t\t</slot>\n\t</fieldset>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\n\nimport CollapseButton from '@/components/base/CollapseButton.vue'\nimport AForm from '@/components/AForm.vue'\nimport { SchemaTypes } from 'types/index'\n\nconst props = defineProps<{\n\tschema: SchemaTypes[]\n\tlabel: string\n\tcollapsible?: boolean\n\tdata?: any\n}>()\n\nconst formData = ref(props.data || [])\nconst collapsed = ref(false)\nconst collapsible = ref(props.collapsible)\n\nconst formSchema = ref(props.schema)\nfunction toggleCollapse(event: Event) {\n\tevent.preventDefault()\n\tif (!collapsible.value) {\n\t\treturn\n\t}\n\tcollapsed.value = !collapsed.value\n}\n</script>\n\n<style scoped>\nfieldset {\n\tmax-width: 100%;\n\twidth: 100%;\n\tmargin-right: 2ch;\n\tborder: 1px solid transparent;\n\tborder-bottom: 1px solid var(--gray-50);\n}\n\nlegend {\n\twidth: 100%;\n\theight: 1.15rem;\n\tborder: 1px solid transparent;\n\tpadding-bottom: 0.5rem;\n\tfont-size: 110%;\n\tfont-weight: 600;\n\tuser-select: none;\n}\n\n.collapse-button {\n\tfloat: right;\n}\n</style>\n","<template>\n\t<div>\n\t\t<input v-model=\"inputNumber\" type=\"number\" :id=\"uuid\" :disabled=\"readonly\" :required=\"required\" />\n\t\t<label :for=\"uuid\">{{ label }}</label>\n\t\t<p v-show=\"validation.errorMessage\" v-html=\"validation.errorMessage\"></p>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nwithDefaults(\n\tdefineProps<{\n\t\tlabel: string\n\t\trequired?: boolean\n\t\treadonly?: boolean\n\t\tuuid?: string\n\t\tvalidation?: Record<string, any>\n\t}>(),\n\t{\n\t\tvalidation: () => ({ errorMessage: '&nbsp;' }),\n\t}\n)\n\nconst inputNumber = defineModel<number>()\n</script>\n\n<style scoped>\ndiv {\n\tmin-width: 40ch;\n\tborder: 1px solid transparent;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tmargin-right: 1ch;\n}\n\ninput {\n\twidth: calc(100% - 1ch);\n\toutline: 1px solid transparent;\n\tborder: 1px solid var(--input-border-color);\n\tpadding: 1ch 0.5ch 0.5ch 1ch;\n\tmargin: calc(1.15rem / 2) 0 0 0;\n\tmin-height: 1.15rem;\n\tborder-radius: 0.25rem;\n}\n\np,\nlabel {\n\tcolor: var(--input-label-color);\n\tdisplay: block;\n\tmin-height: 1.15rem;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tborder: 1px solid transparent;\n\tmargin-bottom: 0.25rem;\n}\n\np {\n\twidth: 100%;\n\tcolor: red;\n\tfont-size: 85%;\n}\n\nlabel {\n\tz-index: 2;\n\tfont-size: 80%;\n\tposition: absolute;\n\tbackground: white;\n\tmargin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;\n\tpadding: 0 0.25ch 0 0.25ch;\n}\n\ninput:focus {\n\tborder: 1px solid var(--input-active-border-color);\n}\n\ninput:focus + label {\n\tcolor: var(--input-active-label-color);\n}\n</style>\n","import type { FormSchema } from 'types'\nimport type { DirectiveBinding } from 'vue'\n\nconst NAMED_MASKS = {\n\tdate: '##/##/####',\n\tdatetime: '####/##/## ##:##',\n\ttime: '##:##',\n\tfulltime: '##:##:##',\n\tphone: '(###) ### - ####',\n\tcard: '#### #### #### ####',\n}\n\nfunction extractMaskFn(mask: string): ((args: any) => string) | void {\n\ttry {\n\t\t// eslint-disable-next-line @typescript-eslint/no-implied-eval\n\t\treturn Function(`\"use strict\";return (${mask})`)()\n\t} catch (error) {\n\t\tif (error instanceof ReferenceError) {\n\t\t\t// assume mask is a string\n\t\t}\n\t}\n}\n\nfunction getMask(binding: DirectiveBinding<string>) {\n\tlet mask = binding.value\n\n\tif (mask) {\n\t\tconst maskFn = extractMaskFn(mask)\n\t\tif (maskFn) {\n\t\t\t// TODO: (state) replace with state management;\n\t\t\t// pass the entire form/table data to the function\n\t\t\tconst locale = binding.instance['locale']\n\t\t\tmask = maskFn(locale)\n\t\t}\n\t} else {\n\t\t// TODO: (state) handle using state management\n\t\tconst schema: FormSchema = binding.instance['schema']\n\t\tconst fieldType: string | undefined = schema?.fieldtype?.toLowerCase()\n\t\tif (fieldType && NAMED_MASKS[fieldType]) {\n\t\t\tmask = NAMED_MASKS[fieldType]\n\t\t}\n\t}\n\n\treturn mask\n}\n\nfunction unmaskInput(input: string, maskToken?: string) {\n\tif (!maskToken) {\n\t\tmaskToken = '#'\n\t}\n\n\tlet unmaskedInput = input\n\tconst maskChars = [maskToken, '/', '-', '(', ')', ' ']\n\n\tfor (const char of maskChars) {\n\t\tunmaskedInput = unmaskedInput.replaceAll(char, '')\n\t}\n\n\treturn unmaskedInput\n}\n\nfunction fillMask(input: string, mask: string, maskToken?: string) {\n\tif (!maskToken) {\n\t\tmaskToken = '#'\n\t}\n\n\tlet replacement = mask\n\tfor (const inputChar of input) {\n\t\tconst replaceIndex = replacement.indexOf(maskToken)\n\t\tif (replaceIndex !== -1) {\n\t\t\tconst prefix = replacement.substring(0, replaceIndex)\n\t\t\tconst suffix = replacement.substring(replaceIndex + 1)\n\t\t\treplacement = prefix + inputChar + suffix\n\t\t}\n\t}\n\n\treturn replacement.slice(0, mask.length)\n}\n\nexport function useStringMask(el: HTMLInputElement, binding: DirectiveBinding<string>) {\n\tconst mask = getMask(binding)\n\tif (!mask) return\n\n\tconst maskToken = '#'\n\tconst inputText = el.value\n\n\t// process input value with mask\n\tconst unmaskedInput = unmaskInput(inputText, maskToken)\n\tif (unmaskedInput) {\n\t\tconst replacement = fillMask(unmaskedInput, mask, maskToken)\n\n\t\t// TODO: (state) this is very opinionated;\n\t\t// most likely fixed with state management;\n\t\t// a better way could be to emit back to instance;\n\n\t\tif (binding.instance['maskFilled']) {\n\t\t\tbinding.instance['maskFilled'] = !replacement.includes(maskToken)\n\t\t}\n\n\t\tel.value = replacement\n\t} else {\n\t\tel.value = mask\n\t}\n}\n","<template>\n\t<div>\n\t\t<input\n\t\t\tv-model=\"inputText\"\n\t\t\t:id=\"uuid\"\n\t\t\t:disabled=\"readonly\"\n\t\t\t:maxlength=\"mask ? maskFilled && mask.length : undefined\"\n\t\t\t:required=\"required\"\n\t\t\tv-mask=\"mask\" />\n\t\t<label :for=\"uuid\">{{ label }} </label>\n\t\t<p v-show=\"validation.errorMessage\" v-html=\"validation.errorMessage\"></p>\n\t</div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, ref } from 'vue'\n\nimport { FormSchema } from 'types'\nimport { useStringMask as vMask } from '@/directives/mask'\n\nwithDefaults(\n\tdefineProps<{\n\t\tschema: FormSchema\n\t\tlabel: string\n\t\tmask?: string\n\t\trequired?: boolean\n\t\treadonly?: boolean\n\t\tuuid?: string\n\t\tvalidation?: { errorMessage: string }\n\t}>(),\n\t{\n\t\tvalidation: () => ({ errorMessage: '&nbsp;' }),\n\t}\n)\n\n// TODO: setup maskFilled as a computed property\nconst maskFilled = ref(true)\n\n// TODO: (state) replace with state management\n// const locale = inject<string>('locale', '')\n\nconst inputText = defineModel<number | string>()\n</script>\n\n<style scoped>\ndiv {\n\tmin-width: 40ch;\n\tborder: 1px solid transparent;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tmargin-right: 1ch;\n}\n\ninput {\n\twidth: calc(100% - 1ch);\n\toutline: 1px solid transparent;\n\tborder: 1px solid var(--input-border-color);\n\tpadding: 1ch 0.5ch 0.5ch 1ch;\n\tmargin: calc(1.15rem / 2) 0 0 0;\n\tmin-height: 1.15rem;\n\tborder-radius: 0.25rem;\n}\n\np,\nlabel {\n\tcolor: var(--input-label-color);\n\tdisplay: block;\n\tmin-height: 1.15rem;\n\tpadding: 0rem;\n\tmargin: 0rem;\n\tborder: 1px solid transparent;\n\tmargin-bottom: 0.25rem;\n}\n\np {\n\twidth: 100%;\n\tcolor: red;\n\tfont-size: 85%;\n}\n\nlabel {\n\tz-index: 2;\n\tfont-size: 80%;\n\tposition: absolute;\n\tbackground: white;\n\tmargin: calc(-1.5rem - calc(2.15rem / 2)) 0 0 1ch;\n\tpadding: 0 0.25ch 0 0.25ch;\n}\n\ninput:focus {\n\tborder: 1px solid var(--input-active-border-color);\n}\n\ninput:focus + label {\n\tcolor: var(--input-active-label-color);\n}\n</style>\n","import { App } from 'vue'\n\nimport ACheckbox from '@/components/form/ACheckbox.vue'\nimport AComboBox from '@/components/form/AComboBox.vue'\nimport ADate from '@/components/form/ADate.vue'\nimport ADropdown from '@/components/form/ADropdown.vue'\nimport ADatePicker from '@/components/form/ADatePicker.vue'\nimport AFieldset from '@/components/form/AFieldset.vue'\nimport AForm from '@/components/AForm.vue'\nimport ANumericInput from '@/components/form/ANumericInput.vue'\nimport ATextInput from '@/components/form/ATextInput.vue'\n// import { ACurrency } from '@/components/form/ACurrency.vue'\n// import { AQuantity } from '@/components/form/AQuantity.vue'\n\nfunction install(app: App /* options */) {\n\tapp.component('ACheckbox', ACheckbox)\n\tapp.component('ACombobox', AComboBox)\n\tapp.component('ADate', ADate)\n\tapp.component('ADropdown', ADropdown)\n\tapp.component('ADatePicker', ADatePicker)\n\tapp.component('AFieldset', AFieldset)\n\tapp.component('AForm', AForm)\n\tapp.component('ANumericInput', ANumericInput)\n\tapp.component('ATextInput', ATextInput)\n\t// app.component('ACurrency', ACurrency)\n\t// app.component('AQuantity', AQuantity)\n}\n\nexport { ACheckbox, AComboBox, ADate, ADropdown, ADatePicker, AFieldset, AForm, ANumericInput, ATextInput, install }\n"],"names":["checkbox","_useModel","__props","inputDate","dateRef","ref","showPicker","props","emit","__emit","results","search","isLoading","arrowCounter","isOpen","mopInput","onMounted","handleClickOutside","filterResults","onUnmounted","setResult","result","closeResults","item","onChange","event","onArrowDown","onArrowUp","onEnter","B","e","O","U","_","I","F","q","N","G","y","t","n","T","w","s","o","f","u","p","d","c","v","E","a","z","b","J","M","Q","g","m","x","A","i","X","l","S","D","Y","R","k","P","L","K","W","C","Z","ee","ne","$","H","h","j","V","numberOfRows","numberOfColumns","date","selectedDate","currentMonth","currentYear","currentDates","adatepicker","populateMonth","nextTick","$selectedDate","$todaysDate","firstOfMonth","monthStartWeekday","calendarStartDay","dayIndex","watch","previousYear","nextYear","previousMonth","nextMonth","isTodaysDate","day","todaysDate","isSelectedDate","getCurrentCell","rowNo","colNo","getCurrentDate","selectDate","currentIndex","monthAndYear","computed","useKeyboardNav","defaultKeypressHandlers","formData","componentProps","componentObj","propsToPass","key","value","childModels","val","newValue","collapsed","collapsible","formSchema","toggleCollapse","inputNumber","NAMED_MASKS","extractMaskFn","mask","getMask","binding","maskFn","locale","schema","fieldType","_a","unmaskInput","input","maskToken","unmaskedInput","maskChars","char","fillMask","replacement","inputChar","replaceIndex","prefix","suffix","useStringMask","el","inputText","maskFilled","install","app","ACheckbox","AComboBox","ADate","ADropdown","ADatePicker","AFieldset","AForm","ANumericInput","ATextInput"],"mappings":"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"}

package/dist/style.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";div[data-v-5093f1cb]{display:inline-block;min-width:40ch;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}p[data-v-5093f1cb],label[data-v-5093f1cb]{color:var(--input-label-color);display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent}p[data-v-5093f1cb]{width:100%;color:red;font-size:85%}.checkbox[data-v-5093f1cb]{visibility:hidden}.checkbox+#custom-checkbox[data-v-5093f1cb]:after{content:"⬡";padding:1ch 0 .5ch;font-size:120%;cursor:pointer;position:relative;left:-18px}.checkbox:checked+#custom-checkbox[data-v-5093f1cb]:after{content:"⬣";padding:1ch 0 .5ch;font-size:120%;cursor:pointer;position:relative;left:-18px}#custom-checkbox[data-v-5093f1cb]{display:inline-block}#checkbox-container[data-v-5093f1cb]{display:inline-block;min-width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;height:1.15rem;border-radius:.25rem}#checkbox-container[data-v-5093f1cb]:hover{border:1px solid var(--input-active-border-color)}#checkbox-container:hover+label[data-v-5093f1cb]{color:var(--input-active-label-color)}#checkbox-label[data-v-5093f1cb]{z-index:2;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch}div[data-v-69d0f23d]{min-width:40ch;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input[data-v-69d0f23d]{width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}p[data-v-69d0f23d],label[data-v-69d0f23d]{color:var(--input-label-color);display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent}p[data-v-69d0f23d]{width:100%;color:red;font-size:85%}label[data-v-69d0f23d]{z-index:2;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch}input[data-v-69d0f23d]:focus{border:1px solid var(--input-active-border-color)}input:focus+label[data-v-69d0f23d]{color:var(--input-active-label-color)}.autocomplete{position:relative}.input-wrapper{min-width:40ch;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input{width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}input:focus{border:1px solid var(--input-active-border-color);border-radius:.25rem .25rem 0 0;border-bottom:none}label{display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent;z-index:2;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch}.autocomplete-results{position:absolute;width:calc(100% - 1ch + 1.5px);z-index:1;padding:0;margin:0;color:#000;border:1px solid var(--input-active-border-color);border-radius:0 0 .25rem .25rem;border-top:none}.autocomplete-result{list-style:none;text-align:left;padding:4px 6px;cursor:pointer}.autocomplete-result.is-active,.autocomplete-result:hover{background-color:var(--row-color-zebra-light);color:#000}:root{--primary-color: #0098c9;--primary-text-color: #ffffff;--brand-color: #202a44;--gray-5: #f2f2f2;--gray-10: #e6e6e6;--gray-20: #cccccc;--gray-50: #808080;--gray-60: #666666;--gray-80: #333333;--brand-danger: #e63c28;--brand-success: #155724;--row-color-zebra-light: #eeeeee;--row-color-zebra-dark: #dddddd;--focus-cell-background: #ffffff;--focus-cell-outline: #000000;--cell-border-color: #ffffff;--cell-text-color: #3a3c41;--active-cell-background: #ffffff;--active-cell-outline: #e6a92d;--row-border-color: var(--gray-20);--header-border-color: #ffffff;--header-text-color: var(--gray-20);--row-number-background-color: #ffffff;--input-border-color: var(--gray-20);--input-label-color: var(--gray-80);--input-active-border-color: #000000;--input-active-label-color: #000000;--required-border: #e63c28;--font-size: 11pt;--font-family: Arimo, Arial, sans-serif;--table-font-size: 11pt;--atable-font-family: "Arimo", sans-serif;--atable-row-padding: 0px;--atable-row-height: 1.5em;--btn-color: white;--btn-border: #cccccc;--btn-hover: #f2f2f2;--btn-label-color: black}.adatepicker{font-size:var(--table-font-size);display:inline-table;color:var(--cell-text-color);outline:none;border-collapse:collapse}.adatepicker tr{height:1.15rem;text-align:center;vertical-align:middle}.adatepicker td{border:2px solid transparent;outline:2px solid transparent;min-width:3ch;max-width:3ch}.adatepicker td:focus,.adatepicker td:focus-within{outline:1px dashed black;box-shadow:none;min-height:1.15em;max-height:1.15em;overflow:hidden}.adatepicker .selectedDate{outline:1px solid black;background:var(--gray-20);font-weight:bolder}.adatepicker .todaysDate{font-weight:bolder;text-decoration:underline;color:#000}.days-header>td{font-weight:700}.prev-date{color:var(--gray-20)}:root{font-family:var(--font-family)}.aform-primary-action{font-size:100%;text-align:center;min-height:2em;padding:.25rem 1rem;border:1px solid var(--primary-color);color:var(--primary-text-color);background-color:var(--primary-color);outline:2px solid var(--primary-text-color);transition:outline-offset .2s ease;font-size:var(--font-size);margin:.5ch}.aform-primary-action:hover,.aform-primary-action:active{outline:2px solid var(--primary-text-color);outline-offset:-4px;transition:outline-offset .2s ease}.collapse-button[data-v-6f1c1b45]{width:2ch;min-width:calc(66px - 4ch);background-color:transparent;font-size:150%;text-align:center;border:none;margin-top:-.5rem}.rotated[data-v-6f1c1b45]{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transition:transform .25s;transform-origin:center center}.unrotated[data-v-6f1c1b45]{transform:rotate(0);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transition:transform .25s}form[data-v-74d66cf2]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:baseline}fieldset[data-v-0f671e32]{max-width:100%;width:100%;margin-right:2ch;border:1px solid transparent;border-bottom:1px solid var(--gray-50)}legend[data-v-0f671e32]{width:100%;height:1.15rem;border:1px solid transparent;padding-bottom:.5rem;font-size:110%;font-weight:600;-webkit-user-select:none;user-select:none}.collapse-button[data-v-0f671e32]{float:right}div[data-v-02907cd6]{min-width:40ch;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input[data-v-02907cd6]{width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}p[data-v-02907cd6],label[data-v-02907cd6]{color:var(--input-label-color);display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent}p[data-v-02907cd6]{width:100%;color:red;font-size:85%}label[data-v-02907cd6]{z-index:2;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch}input[data-v-02907cd6]:focus{border:1px solid var(--input-active-border-color)}input:focus+label[data-v-02907cd6]{color:var(--input-active-label-color)}div[data-v-2514e692]{min-width:40ch;border:1px solid transparent;padding:0rem;margin:0rem;margin-right:1ch}input[data-v-2514e692]{width:calc(100% - 1ch);outline:1px solid transparent;border:1px solid var(--input-border-color);padding:1ch .5ch .5ch 1ch;margin:.575rem 0 0;min-height:1.15rem;border-radius:.25rem}p[data-v-2514e692],label[data-v-2514e692]{color:var(--input-label-color);display:block;min-height:1.15rem;padding:0rem;margin:0rem 0rem .25rem;border:1px solid transparent}p[data-v-2514e692]{width:100%;color:red;font-size:85%}label[data-v-2514e692]{z-index:2;font-size:80%;position:absolute;background:#fff;margin:-2.575rem 0 0 1ch;padding:0 .25ch}input[data-v-2514e692]:focus{border:1px solid var(--input-active-border-color)}input:focus+label[data-v-2514e692]{color:var(--input-active-label-color)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stonecrop/aform",
-  "version": "0.2.17",
+  "version": "0.2.20",
   "license": "MIT",
   "type": "module",
   "author": {
@@ -33,8 +33,8 @@
   "dependencies": {
     "uuid": "^9.0.0",
     "vue": "^3.4.23",
-    "@stonecrop/utilities": "0.2.17",
-    "@stonecrop/themes": "0.2.17"
+    "@stonecrop/themes": "0.2.20",
+    "@stonecrop/utilities": "0.2.20"
   },
   "devDependencies": {
     "@histoire/plugin-vue": "^0.17.17",
@@ -55,10 +55,10 @@
     "vite": "^5.2.9",
     "vitest": "^1.6.0",
     "vue-router": "^4",
-    "@stonecrop/atable": "0.2.17"
+    "@stonecrop/atable": "0.2.20"
   },
   "peerDependencies": {
-    "@stonecrop/atable": "0.2.17"
+    "@stonecrop/atable": "0.2.20"
   },
   "publishConfig": {
     "access": "public"
@@ -67,6 +67,7 @@
     "node": ">=20.11.0"
   },
   "scripts": {
+    "prepublish": "tsc -b && vite build",
     "build": "tsc -b && vite build",
     "dev": "vite",
     "lint": "eslint . --ext .ts,.vue",