@stonecrop/aform 0.3.6 → 0.3.8

package/dist/aform.js

@@ -132,16 +132,16 @@ import './assets/index.css';const Ve = { class: "aform_form-element" }, Ie = ["f
   setup(e, { emit: t }) {
     const n = t, o = v(e.items), l = F(e, "modelValue"), s = v(!1), a = v(0), r = v(!1);
     N(() => {
-      document.addEventListener("click", f), c();
+      document.addEventListener("click", f), u();
     }), we(() => {
       document.removeEventListener("click", f);
     });
-    const u = (y) => {
+    const c = (y) => {
       l.value = y, m();
-    }, c = () => {
+    }, u = () => {
       l.value ? o.value = e.items.filter((y) => y.toLowerCase().indexOf(l.value.toLowerCase()) > -1) : o.value = e.items;
     }, d = () => {
-      r.value = !0, e.isAsync ? (s.value = !0, n("filterChanged", l.value)) : c();
+      r.value = !0, e.isAsync ? (s.value = !0, n("filterChanged", l.value)) : u();
     }, f = () => {
       m(), a.value = 0;
     }, m = () => {
@@ -174,7 +174,7 @@ import './assets/index.css';const Ve = { class: "aform_form-element" }, Ie = ["f
         w(i("ul", Ke, [
           s.value ? (p(), g("li", ze, "Loading results...")) : (p(!0), g(q, { key: 1 }, O(o.value, (x, h) => (p(), g("li", {
             key: h,
-            onClick: (_) => u(x),
+            onClick: (_) => c(x),
             class: z(["autocomplete-result", { "is-active": h === a.value }])
           }, k(x), 11, Ne))), 128))
         ], 512), [
@@ -207,7 +207,7 @@ function U(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(o) || (o = [o]);
   const s = [], a = () => {
     s.forEach((d) => d()), s.length = 0;
-  }, r = (d, f, m, b) => (d.addEventListener(f, m, b), () => d.removeEventListener(f, m, b)), u = W(
+  }, r = (d, f, m, b) => (d.addEventListener(f, m, b), () => d.removeEventListener(f, m, b)), c = W(
     () => [R(t), Q(l)],
     ([d, f]) => {
       if (a(), !d)
@@ -218,10 +218,10 @@ function U(...e) {
       );
     },
     { immediate: !0, flush: "post" }
-  ), c = () => {
-    u(), a();
+  ), u = () => {
+    c(), a();
   };
-  return ve(c), c;
+  return ve(u), u;
 }
 function nt() {
   const e = v(!1), t = Ae();
@@ -238,17 +238,17 @@ function lt(e, t, n = {}) {
   let s;
   const a = ot(() => o && "MutationObserver" in o), r = () => {
     s && (s.disconnect(), s = void 0);
-  }, u = V(() => {
+  }, c = V(() => {
     const m = Q(e), b = (Array.isArray(m) ? m : [m]).map(R).filter(Xe);
     return new Set(b);
-  }), c = W(
-    () => u.value,
+  }), u = W(
+    () => c.value,
     (m) => {
       r(), a.value && m.size && (s = new MutationObserver(t), m.forEach((b) => s.observe(b, l)));
     },
     { immediate: !0, flush: "post" }
   ), d = () => s == null ? void 0 : s.takeRecords(), f = () => {
-    c(), r();
+    u(), r();
   };
   return ve(f), {
     isSupported: a,
@@ -263,25 +263,25 @@ function at(e = {}) {
     deep: o = !0,
     triggerOnRemoval: l = !1
   } = e, s = (t = e.document) != null ? t : n == null ? void 0 : n.document, a = () => {
-    var c;
+    var u;
     let d = s == null ? void 0 : s.activeElement;
     if (o)
       for (; d != null && d.shadowRoot; )
-        d = (c = d == null ? void 0 : d.shadowRoot) == null ? void 0 : c.activeElement;
+        d = (u = d == null ? void 0 : d.shadowRoot) == null ? void 0 : u.activeElement;
     return d;
-  }, r = v(), u = () => {
+  }, r = v(), c = () => {
     r.value = a();
   };
-  return n && (U(n, "blur", (c) => {
-    c.relatedTarget === null && u();
-  }, !0), U(n, "focus", u, !0)), l && lt(s, (c) => {
-    c.filter((d) => d.removedNodes.length).map((d) => Array.from(d.removedNodes)).flat().forEach((d) => {
-      d === r.value && u();
+  return n && (U(n, "blur", (u) => {
+    u.relatedTarget === null && c();
+  }, !0), U(n, "focus", c, !0)), l && lt(s, (u) => {
+    u.filter((d) => d.removedNodes.length).map((d) => Array.from(d.removedNodes)).flat().forEach((d) => {
+      d === r.value && c();
     });
   }, {
     childList: !0,
     subtree: !0
-  }), u(), r;
+  }), c(), r;
 }
 const st = "focusin", rt = "focusout";
 function it(e, t = {}) {
@@ -335,8 +335,8 @@ const S = (e) => {
   if (n instanceof HTMLTableCellElement) {
     const l = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (l) {
-      const s = l.firstElementChild.children[n.cellIndex];
-      s && (o = s);
+      const s = l.firstElementChild, a = s == null ? void 0 : s.children[n.cellIndex];
+      a && (o = a);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const l = n.parentElement;
@@ -370,8 +370,8 @@ const S = (e) => {
   if (n instanceof HTMLTableCellElement) {
     const l = (t = n.parentElement) == null ? void 0 : t.parentElement;
     if (l) {
-      const s = l.lastElementChild.children[n.cellIndex];
-      s && (o = s);
+      const s = l.lastElementChild, a = s == null ? void 0 : s.children[n.cellIndex];
+      a && (o = a);
     }
   } else if (n instanceof HTMLTableRowElement) {
     const l = n.parentElement;
@@ -408,11 +408,11 @@ const S = (e) => {
   }
   return n && (!$(n) || !S(n)) ? te(n) : n;
 }, se = (e) => {
-  const t = e.target.parentElement.firstElementChild;
-  return t && (!$(t) || !S(t)) ? te(t) : t;
+  const t = e.target.parentElement, n = t == null ? void 0 : t.firstElementChild;
+  return n && (!$(n) || !S(n)) ? te(n) : n;
 }, re = (e) => {
-  const t = e.target.parentElement.lastElementChild;
-  return t && (!$(t) || !S(t)) ? ee(t) : t;
+  const t = e.target.parentElement, n = t == null ? void 0 : t.lastElementChild;
+  return n && (!$(n) || !S(n)) ? ee(n) : n;
 }, G = ["alt", "control", "shift", "meta"], ft = {
   ArrowUp: "up",
   ArrowDown: "down",
@@ -487,33 +487,35 @@ function mt(e) {
     let r = null;
     return a.parent && (typeof a.parent == "string" ? r = document.querySelector(a.parent) : a.parent instanceof HTMLElement ? r = a.parent : r = a.parent.value), r;
   }, n = (a) => {
-    const r = t(a);
+    var r;
+    const c = t(a);
     let u = [];
     if (typeof a.selectors == "string")
-      u = r ? Array.from(r.querySelectorAll(a.selectors)) : Array.from(document.querySelectorAll(a.selectors));
+      u = c ? Array.from(c.querySelectorAll(a.selectors)) : Array.from(document.querySelectorAll(a.selectors));
     else if (Array.isArray(a.selectors))
-      for (const c of a.selectors)
-        c instanceof HTMLElement ? u.push(c) : u.push(c.$el);
+      for (const d of a.selectors)
+        d instanceof HTMLElement ? u.push(d) : u.push(d.$el);
     else if (a.selectors instanceof HTMLElement)
       u.push(a.selectors);
-    else if (Array.isArray(a.selectors.value))
-      for (const c of a.selectors.value)
-        c instanceof HTMLElement ? u.push(c) : u.push(c.$el);
-    else
-      u.push(a.selectors.value);
+    else if ((r = a.selectors) != null && r.value)
+      if (Array.isArray(a.selectors.value))
+        for (const d of a.selectors.value)
+          d instanceof HTMLElement ? u.push(d) : u.push(d.$el);
+      else
+        u.push(a.selectors.value);
     return u;
   }, o = (a) => {
     const r = t(a);
-    let u = [];
-    return a.selectors ? u = n(a) : r && (u = Array.from(r.children).filter((c) => $(c) && S(c))), u;
+    let c = [];
+    return a.selectors ? c = n(a) : r && (c = Array.from(r.children).filter((u) => $(u) && S(u))), c;
   }, l = (a) => (r) => {
-    const u = ft[r.key] || r.key.toLowerCase();
-    if (G.includes(u)) return;
-    const c = a.handlers || ge;
-    for (const d of Object.keys(c)) {
+    const c = ft[r.key] || r.key.toLowerCase();
+    if (G.includes(c)) return;
+    const u = a.handlers || ge;
+    for (const d of Object.keys(u)) {
       const [f, ...m] = d.split(".");
-      if (f === "keydown" && m.includes(u)) {
-        const b = c[d], A = m.filter((y) => G.includes(y)), M = G.some((y) => {
+      if (f === "keydown" && m.includes(c)) {
+        const b = u[d], A = m.filter((y) => G.includes(y)), M = G.some((y) => {
           const E = y.charAt(0).toUpperCase() + y.slice(1);
           return r.getModifierState(E);
         });
@@ -532,10 +534,10 @@ function mt(e) {
   }, s = [];
   N(() => {
     for (const a of e) {
-      const r = t(a), u = o(a), c = l(a), d = r ? [r] : u;
+      const r = t(a), c = o(a), u = l(a), d = r ? [r] : c;
       for (const f of d) {
         const { focused: m } = it(v(f)), b = W(m, (A) => {
-          A ? f.addEventListener("keydown", c) : f.removeEventListener("keydown", c);
+          A ? f.addEventListener("keydown", u) : f.removeEventListener("keydown", u);
         });
         s.push(b);
       }
@@ -562,7 +564,7 @@ const pt = {
   setup(e, { expose: t }) {
     const n = F(e, "modelValue"), o = v(new Date(n.value)), l = v(o.value.getMonth()), s = v(o.value.getFullYear()), a = v([]), r = de("datepicker");
     N(async () => {
-      u(), await Me();
+      c(), await Me();
       const h = document.getElementsByClassName("selectedDate");
       if (h.length > 0)
         h[0].focus();
@@ -571,15 +573,15 @@ const pt = {
         _.length > 0 && _[0].focus();
       }
     });
-    const u = () => {
+    const c = () => {
       a.value = [];
       const h = new Date(s.value, l.value, 1), _ = h.getDay(), C = h.setDate(h.getDate() - _);
       for (const L of Array(43).keys())
         a.value.push(C + L * 864e5);
     };
-    W([l, s], u);
-    const c = () => s.value -= 1, d = () => s.value += 1, f = () => {
-      l.value == 0 ? (l.value = 11, c()) : l.value -= 1;
+    W([l, s], c);
+    const u = () => s.value -= 1, d = () => s.value += 1, f = () => {
+      l.value == 0 ? (l.value = 11, u()) : l.value -= 1;
     }, m = () => {
       l.value == 11 ? (l.value = 0, d()) : l.value += 1;
     }, b = (h) => {
@@ -599,7 +601,7 @@ const pt = {
         handlers: {
           ...ge,
           "keydown.pageup": f,
-          "keydown.shift.pageup": c,
+          "keydown.shift.pageup": u,
           "keydown.pagedown": m,
           "keydown.shift.pagedown": d,
           // TODO: this is a hack to override the stonecrop enter handler;
@@ -675,31 +677,31 @@ const pt = {
   setup(e, { emit: t }) {
     const n = t, o = v(e.data || {}), l = (a) => {
       let r = {};
-      for (const [u, c] of Object.entries(a))
-        ["component", "fieldtype"].includes(u) || (r[u] = c), u === "rows" && c && c.length === 0 && (r.rows = o.value[a.fieldname]);
+      for (const [c, u] of Object.entries(a))
+        ["component", "fieldtype"].includes(c) || (r[c] = u), c === "rows" && u && u.length === 0 && (r.rows = o.value[a.fieldname]);
       return r;
     }, s = V({
       get: () => e.modelValue.map((a, r) => V({
         get() {
           return a.value;
         },
-        set: (u) => {
-          e.modelValue[r].value = u, n("update:modelValue", e.modelValue);
+        set: (c) => {
+          e.modelValue[r].value = c, n("update:modelValue", e.modelValue);
         }
       })),
       set: () => {
       }
     });
     return (a, r) => (p(), g("form", wt, [
-      (p(!0), g(q, null, O(a.modelValue, (u, c) => (p(), j(Ce(u.component), Te({
-        key: c,
-        schema: u,
-        modelValue: s.value[c].value,
-        "onUpdate:modelValue": (d) => s.value[c].value = d,
-        data: o.value[u.fieldname],
+      (p(!0), g(q, null, O(a.modelValue, (c, u) => (p(), j(Ce(c.component), Te({
+        key: u,
+        schema: c,
+        modelValue: s.value[u].value,
+        "onUpdate:modelValue": (d) => s.value[u].value = d,
+        data: o.value[c.fieldname],
         readonly: a.readonly,
         ref_for: !0
-      }, l(u)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
+      }, l(c)), null, 16, ["schema", "modelValue", "onUpdate:modelValue", "data", "readonly"]))), 128))
     ]));
   }
 }), he = /* @__PURE__ */ T(Dt, [["__scopeId", "data-v-68845234"]]), At = /* @__PURE__ */ D({
@@ -728,7 +730,7 @@ const pt = {
       Se(a.$slots, "default", { collapsed: n.value }, () => [
         w($e(he, {
           modelValue: l.value,
-          "onUpdate:modelValue": r[0] || (r[0] = (u) => l.value = u),
+          "onUpdate:modelValue": r[0] || (r[0] = (c) => l.value = c),
           data: o.value
         }, null, 8, ["modelValue", "data"]), [
           [B, !n.value]
@@ -775,9 +777,9 @@ function Lt(e = {}) {
   }, r.oncancel = () => {
     a();
   });
-  const u = () => {
+  const c = () => {
     n.value = null, r && r.value && (r.value = "", l(null));
-  }, c = (d) => {
+  }, u = (d) => {
     if (!r)
       return;
     const f = {
@@ -785,12 +787,12 @@ function Lt(e = {}) {
       ...e,
       ...d
     };
-    r.multiple = f.multiple, r.accept = f.accept, r.webkitdirectory = f.directory, Tt(f, "capture") && (r.capture = f.capture), f.reset && u(), r.click();
+    r.multiple = f.multiple, r.accept = f.accept, r.webkitdirectory = f.directory, Tt(f, "capture") && (r.capture = f.capture), f.reset && c(), r.click();
   };
   return {
     files: Le(n),
-    open: c,
-    reset: u,
+    open: u,
+    reset: c,
     onCancel: s,
     onChange: o
   };
@@ -811,19 +813,19 @@ const Vt = { class: "aform_form-element aform_file-attach aform__grid--full" },
           r[2] || (r[2] = pe(" You have selected: ")),
           i("b", null, k(s.value), 1)
         ]),
-        (p(!0), g(q, null, O(I(t), (u) => (p(), g("li", {
-          key: u.name
-        }, k(u.name), 1))), 128))
+        (p(!0), g(q, null, O(I(t), (c) => (p(), g("li", {
+          key: c.name
+        }, k(c.name), 1))), 128))
       ])) : J("", !0),
       i("button", {
         type: "button",
-        onClick: r[0] || (r[0] = (u) => I(n)()),
+        onClick: r[0] || (r[0] = (c) => I(n)()),
         class: "aform_form-btn"
       }, k(a.label), 1),
       i("button", {
         type: "button",
         disabled: !I(t),
-        onClick: r[1] || (r[1] = (u) => I(o)()),
+        onClick: r[1] || (r[1] = (c) => I(o)()),
         class: "aform_form-btn"
       }, "Reset", 8, xt)
     ]));
@@ -883,17 +885,17 @@ function Ut(e) {
   }
 }
 function Wt(e) {
-  var n;
+  var n, o, l;
   let t = e.value;
   if (t) {
-    const o = Ut(t);
-    if (o) {
-      const l = e.instance.locale;
-      t = o(l);
+    const s = Ut(t);
+    if (s) {
+      const a = (n = e.instance) == null ? void 0 : n.locale;
+      t = s(a);
     }
   } else {
-    const o = e.instance.schema, l = (n = o == null ? void 0 : o.fieldtype) == null ? void 0 : n.toLowerCase();
-    l && ce[l] && (t = ce[l]);
+    const s = (o = e.instance) == null ? void 0 : o.schema, a = (l = s == null ? void 0 : s.fieldtype) == null ? void 0 : l.toLowerCase();
+    a && ce[a] && (t = ce[a]);
   }
   return t;
 }
@@ -916,12 +918,13 @@ function Gt(e, t, n) {
   return o.slice(0, t.length);
 }
 function Kt(e, t) {
+  var a;
   const n = Wt(t);
   if (!n) return;
   const o = "#", l = e.value, s = Yt(l, o);
   if (s) {
-    const a = Gt(s, n, o);
-    t.instance.maskFilled && (t.instance.maskFilled = !a.includes(o)), e.value = a;
+    const r = Gt(s, n, o);
+    (a = t.instance) != null && a.maskFilled && (t.instance.maskFilled = !r.includes(o)), e.value = r;
   } else
     e.value = n;
 }
@@ -978,24 +981,24 @@ const zt = { class: "aform_form-element" }, Nt = ["id", "disabled", "maxlength",
   emits: ["loginFailed", "loginSuccess"],
   setup(e, { emit: t }) {
     const n = t, o = v(""), l = v(""), s = v(!1), a = v(!1);
-    function r(u) {
-      if (u.preventDefault(), s.value = !0, a.value) {
+    function r(c) {
+      if (c.preventDefault(), s.value = !0, a.value) {
         s.value = !1, n("loginFailed");
         return;
       }
       s.value = !1, n("loginSuccess");
     }
-    return (u, c) => (p(), g("div", Xt, [
+    return (c, u) => (p(), g("div", Xt, [
       i("div", null, [
         i("div", Zt, [
           i("div", en, [
-            i("h1", tn, k(u.headerTitle), 1),
-            i("p", nn, k(u.headerSubtitle), 1)
+            i("h1", tn, k(c.headerTitle), 1),
+            i("p", nn, k(c.headerSubtitle), 1)
           ]),
           i("form", { onSubmit: r }, [
             i("div", on, [
               i("div", ln, [
-                c[2] || (c[2] = i("label", {
+                u[2] || (u[2] = i("label", {
                   id: "login-email",
                   for: "email",
                   class: "aform_field-label"
@@ -1006,7 +1009,7 @@ const zt = { class: "aform_form-element" }, Nt = ["id", "disabled", "maxlength",
                   name: "email",
                   placeholder: "name@example.com",
                   type: "email",
-                  "onUpdate:modelValue": c[0] || (c[0] = (d) => o.value = d),
+                  "onUpdate:modelValue": u[0] || (u[0] = (d) => o.value = d),
                   "auto-capitalize": "none",
                   "auto-complete": "email",
                   "auto-correct": "off",
@@ -1016,7 +1019,7 @@ const zt = { class: "aform_form-element" }, Nt = ["id", "disabled", "maxlength",
                 ])
               ]),
               i("div", sn, [
-                c[3] || (c[3] = i("label", {
+                u[3] || (u[3] = i("label", {
                   id: "login-password",
                   for: "password",
                   class: "aform_field-label"
@@ -1026,7 +1029,7 @@ const zt = { class: "aform_form-element" }, Nt = ["id", "disabled", "maxlength",
                   class: "aform_input-field",
                   name: "password",
                   type: "password",
-                  "onUpdate:modelValue": c[1] || (c[1] = (d) => l.value = d),
+                  "onUpdate:modelValue": u[1] || (u[1] = (d) => l.value = d),
                   disabled: s.value
                 }, null, 8, rn), [
                   [P, l.value]
@@ -1038,11 +1041,11 @@ const zt = { class: "aform_form-element" }, Nt = ["id", "disabled", "maxlength",
                 disabled: s.value || !o.value || !l.value
               }, [
                 s.value ? (p(), g("span", cn, "progress_activity")) : J("", !0),
-                c[4] || (c[4] = i("span", { id: "login-form-button" }, "Login", -1))
+                u[4] || (u[4] = i("span", { id: "login-form-button" }, "Login", -1))
               ], 8, un)
             ])
           ], 32),
-          c[5] || (c[5] = i("button", { class: "btn" }, [
+          u[5] || (u[5] = i("button", { class: "btn" }, [
             i("span", { id: "forgot-password-button" }, "Forgot password?")
           ], -1))
         ])