@foormjs/vue 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,42 +1,45 @@
-import { defineComponent as U, mergeModels as F, useModel as T, inject as z, ref as k, computed as p, watch as I, onUnmounted as L, getCurrentInstance as O, renderSlot as D, unref as n, provide as R, openBlock as b, createElementBlock as E, withModifiers as W, nextTick as G, createBlock as B, withCtx as M, toDisplayString as g, createCommentVNode as H, Fragment as J, renderList as K, mergeProps as N, normalizeProps as Q, guardReactiveProps as X, resolveDynamicComponent as P, normalizeClass as Y, createElementVNode as w, withDirectives as Z, vModelDynamic as ee } from "vue";
-function $(i, o, t) {
-  if (typeof i == "function") {
-    if (i.__deserialized)
-      return i(o);
-    {
-      const r = t ? [o.v, o.data, o.context, o.entry] : [o.data, o.context, o.entry];
-      return i(...r);
-    }
-  }
-  return i;
+var X = Object.defineProperty;
+var Q = (n, t, o) => t in n ? X(n, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[t] = o;
+var N = (n, t, o) => Q(n, typeof t != "symbol" ? t + "" : t, o);
+import { defineComponent as T, useModel as R, inject as P, ref as w, computed as m, watch as W, onUnmounted as Y, getCurrentInstance as U, renderSlot as A, unref as B, mergeModels as J, provide as K, openBlock as x, createElementBlock as E, withModifiers as Z, nextTick as ee, createBlock as q, withCtx as O, toDisplayString as F, createCommentVNode as H, Fragment as te, renderList as oe, mergeProps as $, resolveDynamicComponent as z, normalizeClass as ne, createElementVNode as M, withDirectives as le, vModelDynamic as re, reactive as ae } from "vue";
+function b(n, t) {
+  return typeof n == "function" ? n(t) : n;
 }
-function j(i, o) {
-  if (typeof i == "object" && i !== null) {
-    const t = {};
-    for (const [r, l] of Object.entries(i))
-      t[r] = $(l, o, !0);
-    return t;
-  }
-  return $(i, o, !0);
+function ue(n) {
+  var t;
+  const o = {};
+  for (const r of n)
+    r.type !== "action" && (o[r.field] = (t = r.value) !== null && t !== void 0 ? t : void 0);
+  return o;
+}
+function se(n, t) {
+  return n.fields.some((o) => o.altAction === t);
+}
+function ie(n, t) {
+  if (!n) return;
+  const o = {};
+  for (const [r, a] of Object.entries(n))
+    o[r] = b(a, t);
+  return o;
 }
-const te = /* @__PURE__ */ U({
+const ce = /* @__PURE__ */ T({
   __name: "VuilessField",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ J({
     rules: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i) {
-    const o = i, t = T(i, "modelValue"), r = z("vuiless"), l = k(), h = k(!1), v = k(!1), _ = p(() => {
+  setup(n) {
+    const t = n, o = R(n, "modelValue"), r = P("vuiless"), a = w(), d = w(!1), v = w(!1), f = m(() => {
       var c;
       if ((c = r == null ? void 0 : r.value) != null && c.firstValidation)
         switch (r.value.firstValidation) {
           case "on-change":
-            return r.value.firstSubmitHappened || h.value;
+            return r.value.firstSubmitHappened || d.value;
           case "touched-on-blur":
-            return r.value.firstSubmitHappened || v.value && h.value;
+            return r.value.firstSubmitHappened || v.value && d.value;
           case "on-blur":
             return r.value.firstSubmitHappened || v.value;
           case "on-submit":
@@ -45,58 +48,58 @@ const te = /* @__PURE__ */ U({
             return !1;
         }
       return !1;
-    }), y = p(() => {
-      if (_.value || l.value)
-        return f();
+    }), g = m(() => {
+      if (f.value || a.value)
+        return V();
     });
-    I([t], () => {
-      l.value = void 0, h.value = !0;
-    }), L(() => {
+    W([o], () => {
+      a.value = void 0, d.value = !0;
+    }), Y(() => {
       var c;
-      (c = r == null ? void 0 : r.value) == null || c.unregister(O());
-    }), r != null && r.value && r.value.register(O(), {
-      validate: () => (l.value = f(), l.value || !0),
+      (c = r == null ? void 0 : r.value) == null || c.unregister(U());
+    }), r != null && r.value && r.value.register(U(), {
+      validate: () => (a.value = V(), a.value || !0),
       clearErrors: () => {
-        h.value = !1, v.value = !1, l.value = void 0;
+        d.value = !1, v.value = !1, a.value = void 0;
       },
       reset: () => {
-        t.value = "";
+        o.value = "";
       }
     });
-    function f() {
-      var c, a, x;
-      if ((c = o.rules) != null && c.length)
-        for (const m of o.rules) {
-          const d = m(
-            t.value,
-            (a = r == null ? void 0 : r.value) == null ? void 0 : a.formData,
-            (x = r == null ? void 0 : r.value) == null ? void 0 : x.formContext
+    function V() {
+      var c, l, u;
+      if ((c = t.rules) != null && c.length)
+        for (const y of t.rules) {
+          const e = y(
+            o.value,
+            (l = r == null ? void 0 : r.value) == null ? void 0 : l.formData,
+            (u = r == null ? void 0 : r.value) == null ? void 0 : u.formContext
           );
-          if (d !== !0)
-            return d || "Wrong value";
+          if (e !== !0)
+            return e || "Wrong value";
         }
     }
-    function u() {
+    function i() {
       v.value = !0;
     }
-    const C = {
-      v: p({
-        get: () => t.value,
-        set: (c) => t.value = c
+    const s = {
+      v: m({
+        get: () => o.value,
+        set: (c) => o.value = c
       })
     };
-    return (c, a) => {
-      var x, m;
-      return D(c.$slots, "default", {
-        onBlur: u,
-        error: y.value,
-        formData: (x = n(r)) == null ? void 0 : x.formData,
-        formContext: (m = n(r)) == null ? void 0 : m.formContext,
-        model: C.v
+    return (c, l) => {
+      var u, y;
+      return A(c.$slots, "default", {
+        onBlur: i,
+        error: g.value,
+        formData: (u = B(r)) == null ? void 0 : u.formData,
+        formContext: (y = B(r)) == null ? void 0 : y.formContext,
+        model: s.v
       });
     };
   }
-}), oe = /* @__PURE__ */ U({
+}), me = /* @__PURE__ */ T({
   __name: "VuilessForm",
   props: {
     formData: {},
@@ -104,152 +107,153 @@ const te = /* @__PURE__ */ U({
     firstValidation: { default: "on-change" }
   },
   emits: ["submit"],
-  setup(i, { emit: o }) {
-    const t = i, r = o, l = /* @__PURE__ */ new Map(), h = k(!1), v = p(() => ({
-      firstSubmitHappened: h.value,
-      firstValidation: t.firstValidation,
-      register: (u, C) => {
-        l.set(u, C);
+  setup(n, { emit: t }) {
+    const o = n, r = t, a = /* @__PURE__ */ new Map(), d = w(!1), v = m(() => ({
+      firstSubmitHappened: d.value,
+      firstValidation: o.firstValidation,
+      register: (i, s) => {
+        a.set(i, s);
       },
-      unregister: (u) => l.delete(u),
-      formData: t.formData,
-      formContext: t.formContext
+      unregister: (i) => a.delete(i),
+      formData: o.formData,
+      formContext: o.formContext
     }));
-    R("vuiless", v);
-    function _() {
-      h.value = !1;
-      for (const { clearErrors: u } of l.values())
-        u();
+    K("vuiless", v);
+    function f() {
+      d.value = !1;
+      for (const { clearErrors: i } of a.values())
+        i();
     }
-    async function y() {
-      for (const { reset: u } of l.values())
-        u();
-      await G(), _();
+    async function g() {
+      for (const { reset: i } of a.values())
+        i();
+      await ee(), f();
     }
-    function f() {
-      h.value = !0;
-      let u = !1;
-      if (t.firstValidation !== "none")
-        for (const { validate: C } of l.values())
-          C() !== !0 && (u = !0);
-      u || r("submit", t.formData);
+    function V() {
+      d.value = !0;
+      let i = !1;
+      if (o.firstValidation !== "none")
+        for (const { validate: s } of a.values())
+          s() !== !0 && (i = !0);
+      i || r("submit", o.formData);
     }
-    return (u, C) => (b(), E("form", {
-      onSubmit: W(f, ["prevent"])
+    return (i, s) => (x(), E("form", {
+      onSubmit: Z(V, ["prevent"])
     }, [
-      D(u.$slots, "default", {
-        clearErrors: _,
-        reset: y
+      A(i.$slots, "default", {
+        clearErrors: f,
+        reset: g
       })
     ], 32));
   }
-}), re = /* @__PURE__ */ U({
+}), de = /* @__PURE__ */ T({
   __name: "oo-field",
   props: {
     field: {},
-    altAction: {},
-    label: {},
-    description: {},
-    hint: {},
-    placeholder: {},
-    classes: {},
-    styles: {},
     type: {},
     component: {},
     autocomplete: {},
+    altAction: {},
+    order: {},
     name: {},
-    value: {},
-    options: {},
+    label: { type: [String, Function] },
+    description: { type: [String, Function] },
+    hint: { type: [String, Function] },
+    placeholder: { type: [String, Function] },
+    optional: { type: [Boolean, Function] },
+    disabled: { type: [Boolean, Function] },
+    hidden: { type: [Boolean, Function] },
+    classes: { type: [String, Object, Function] },
+    styles: { type: [String, Object, Function] },
+    options: { type: [Array, Function] },
     attrs: {},
-    optional: {},
-    disabled: {},
-    hidden: {},
-    length: {},
+    value: {},
     validators: {},
+    maxLength: {},
+    minLength: {},
+    min: {},
+    max: {},
     error: {}
   },
-  setup(i) {
-    const o = i, t = z(
+  setup(n) {
+    const t = n, o = P(
       "vuiless"
-    ), r = p(
-      () => ({
-        v: t.value.formData[o.field],
-        data: t == null ? void 0 : t.value.formData,
-        context: t == null ? void 0 : t.value.formContext,
-        entry: o
-      })
-    );
-    function l(s) {
-      return typeof s == "function" ? p(() => $(s, r.value, !0)) : k(s);
-    }
-    const h = l(o.label), v = l(o.description), _ = l(o.hint), y = l(o.placeholder), f = l(o.optional), u = l(o.disabled), C = l(o.hidden), c = l(o.options), a = p(() => {
-      const s = j(o.classes, r.value);
-      return typeof s == "string" ? {
-        [s]: !0,
-        disabled: u.value,
-        required: !f.value
+    ), r = m(() => ({
+      v: o.value.formData[t.field],
+      data: o.value.formData,
+      context: o.value.formContext ?? {}
+    })), a = m(() => b(t.optional, r.value)), d = m(() => b(t.disabled, r.value)), v = m(() => b(t.hidden, r.value)), f = m(() => ({
+      ...r.value,
+      entry: {
+        field: t.field,
+        type: t.type,
+        component: t.component,
+        name: t.name || t.field,
+        disabled: d.value,
+        optional: a.value,
+        hidden: v.value
+      }
+    })), g = m(() => b(t.label, f.value)), V = m(() => b(t.description, f.value)), i = m(() => b(t.hint, f.value)), s = m(() => b(t.placeholder, f.value)), c = m(() => b(t.options, f.value)), l = m(() => {
+      const C = b(t.classes, f.value);
+      return typeof C == "string" ? {
+        [C]: !0,
+        disabled: d.value,
+        required: !a.value
       } : {
-        ...s || {},
-        disabled: u.value,
-        required: !f.value
+        ...C || {},
+        disabled: d.value,
+        required: !a.value
       };
-    }), x = p(
-      () => j(o.styles, r.value)
-    ), m = p(() => j(o.attrs, r.value)), d = p(() => {
-      var s;
-      return (s = o.validators) == null ? void 0 : s.map(
-        (e) => (V, q, S) => $(
-          e,
-          {
-            v: V,
-            data: q,
-            context: S,
-            entry: o
-          },
-          !0
-        )
-      );
-    });
-    return (s, e) => (b(), B(n(te), {
-      modelValue: n(t).formData[o.field],
-      "onUpdate:modelValue": e[0] || (e[0] = (V) => n(t).formData[o.field] = V),
-      rules: d.value
+    }), u = m(
+      () => b(t.styles, f.value)
+    ), y = m(() => ie(t.attrs, f.value)), e = m(() => t.validators.map(
+      (C) => (D, h, _) => C({
+        v: D,
+        data: h,
+        context: _ ?? {},
+        entry: f.value.entry
+      })
+    ));
+    return (C, D) => (x(), q(B(ce), {
+      modelValue: B(o).formData[t.field],
+      "onUpdate:modelValue": D[0] || (D[0] = (h) => B(o).formData[t.field] = h),
+      rules: e.value
     }, {
-      default: M((V) => [
-        D(s.$slots, "default", {
-          onBlur: V.onBlur,
-          error: s.error || V.error,
-          model: V.model,
-          formData: n(t).formData,
-          formContext: n(t).formContext,
-          label: n(h),
-          description: n(v),
-          hint: n(_),
-          placeholder: n(y),
+      default: O((h) => [
+        A(C.$slots, "default", {
+          onBlur: h.onBlur,
+          error: n.error || h.error,
+          model: h.model,
+          formData: B(o).formData,
+          formContext: B(o).formContext,
+          label: g.value,
+          description: V.value,
+          hint: i.value,
+          placeholder: s.value,
           classes: {
-            ...a.value,
-            error: !!s.error || !!V.error
+            ...l.value,
+            error: !!n.error || !!h.error
           },
-          styles: x.value,
-          optional: n(f),
-          disabled: n(u),
-          hidden: n(C),
-          type: s.type,
-          altAction: s.altAction,
-          component: s.component,
-          vName: s.name,
-          field: s.field,
-          options: n(c),
-          length: s.length,
-          required: !n(f),
-          autocomplete: s.autocomplete,
-          attrs: m.value
+          styles: u.value,
+          optional: a.value,
+          disabled: d.value,
+          hidden: v.value,
+          type: n.type,
+          altAction: n.altAction,
+          component: n.component,
+          vName: n.name,
+          field: n.field,
+          options: c.value,
+          maxLength: n.maxLength,
+          required: !a.value,
+          autocomplete: n.autocomplete,
+          attrs: y.value
         })
       ]),
       _: 3
     }, 8, ["modelValue", "rules"]));
   }
-}), ae = { key: 0 }, ne = { key: 1 }, le = { key: 0 }, se = ["onUpdate:modelValue", "onBlur", "placeholder", "autocomplete", "name", "type"], ue = { class: "oo-error-slot" }, ie = { key: 4 }, me = { key: 5 }, ce = ["disabled"], pe = /* @__PURE__ */ U({
+}), pe = { key: 0 }, fe = { key: 1 }, ve = { key: 0 }, he = ["onUpdate:modelValue", "onBlur", "placeholder", "autocomplete", "name", "type"], be = { class: "oo-error-slot" }, ge = { key: 4 }, ye = { key: 5 }, xe = ["disabled"], Ee = /* @__PURE__ */ T({
   __name: "oo-form",
   props: {
     form: {},
@@ -261,53 +265,48 @@ const te = /* @__PURE__ */ U({
     errors: {}
   },
   emits: ["submit", "action", "unsupported-action"],
-  setup(i, { emit: o }) {
-    const t = i, r = p(() => t.form.executable()), l = p(
-      () => ({
-        v: void 0,
-        data: v.value,
-        context: t.formContext,
-        entry: t
-      })
-    ), h = k({}), v = p(() => t.formData || h.value);
-    function _(a) {
-      return typeof a == "function" ? p(() => $(a, l.value)) : k(a);
-    }
-    const y = _(r.value.submit.disabled), f = _(r.value.submit.text), u = _(r.value.title);
-    function C(a) {
-      t.form.supportsAltAction(a) ? c("action", a, v.value) : c("unsupported-action", a, v.value);
+  setup(n, { emit: t }) {
+    const o = n, r = w({}), a = m(() => o.formData || r.value), d = m(() => ({
+      v: void 0,
+      data: a.value,
+      context: o.formContext ?? {}
+    })), v = m(() => b(o.form.title, d.value)), f = m(() => b(o.form.submit.text, d.value)), g = m(() => b(o.form.submit.disabled, d.value));
+    function V(s) {
+      se(o.form, s) ? i("action", s, a.value) : i("unsupported-action", s, a.value);
     }
-    const c = o;
-    return (a, x) => (b(), B(n(oe), {
-      "first-validation": a.firstValidation,
-      onSubmit: x[0] || (x[0] = (m) => c("submit", m)),
-      "form-data": v.value,
-      "form-context": a.formContext
+    const i = t;
+    return (s, c) => (x(), q(B(me), {
+      "first-validation": n.firstValidation,
+      onSubmit: c[0] || (c[0] = (l) => i("submit", l)),
+      "form-data": a.value,
+      "form-context": n.formContext
     }, {
-      default: M((m) => [
-        D(a.$slots, "form.header", {
-          clearErrors: m.clearErrors,
-          reset: m.reset,
-          title: n(u),
-          formContext: a.formContext,
-          disabled: n(y)
+      default: O((l) => [
+        A(s.$slots, "form.header", {
+          clearErrors: l.clearErrors,
+          reset: l.reset,
+          title: v.value,
+          formContext: n.formContext,
+          disabled: g.value
         }, () => [
-          n(u) ? (b(), E("h2", ae, g(n(u)), 1)) : H("", !0)
+          v.value ? (x(), E("h2", pe, F(v.value), 1)) : H("", !0)
         ]),
-        D(a.$slots, "form.before", {
-          clearErrors: m.clearErrors,
-          reset: m.reset
+        A(s.$slots, "form.before", {
+          clearErrors: l.clearErrors,
+          reset: l.reset
         }),
-        (b(!0), E(J, null, K(r.value.entries, (d) => {
-          var s;
-          return b(), B(re, N(d, {
-            error: (s = a.errors) == null ? void 0 : s[d.field]
+        (x(!0), E(te, null, oe(o.form.fields, (u) => {
+          var y;
+          return x(), q(de, $({
+            key: u.field
+          }, { ref_for: !0 }, u, {
+            error: (y = n.errors) == null ? void 0 : y[u.field]
           }), {
-            default: M((e) => [
-              D(a.$slots, `field:${e.type}`, Q(X(e)), () => {
-                var V, q, S;
+            default: O((e) => [
+              A(s.$slots, `field:${e.type}`, $({ ref_for: !0 }, e), () => {
+                var C, D, h;
                 return [
-                  d.component && ((V = t.components) != null && V[d.component]) ? (b(), B(P(t.components[d.component]), N({
+                  u.component && ((C = o.components) != null && C[u.component]) ? (x(), q(z(o.components[u.component]), $({
                     key: 0,
                     "on-blur": e.onBlur,
                     error: e.error,
@@ -329,13 +328,13 @@ const te = /* @__PURE__ */ U({
                     name: e.vName,
                     field: e,
                     options: e.options,
-                    length: e.length,
+                    "max-length": e.maxLength,
                     autocomplete: e.autocomplete,
-                    onAction: C
-                  }, e.attrs, {
+                    onAction: V
+                  }, { ref_for: !0 }, e.attrs, {
                     modelValue: e.model.value,
-                    "onUpdate:modelValue": (A) => e.model.value = A
-                  }), null, 16, ["on-blur", "error", "model", "form-data", "form-context", "label", "description", "hint", "placeholder", "class", "style", "optional", "required", "disabled", "hidden", "type", "alt-action", "name", "field", "options", "length", "autocomplete", "modelValue", "onUpdate:modelValue"])) : d.component && !((q = t.components) != null && q[d.component]) ? (b(), E("div", ne, " [" + g(e.label) + '] Component "' + g(e.component) + '" not supplied ', 1)) : (S = t.types) != null && S[d.type] ? (b(), B(P(t.types[d.type]), N({
+                    "onUpdate:modelValue": (_) => e.model.value = _
+                  }), null, 16, ["on-blur", "error", "model", "form-data", "form-context", "label", "description", "hint", "placeholder", "class", "style", "optional", "required", "disabled", "hidden", "type", "alt-action", "name", "field", "options", "max-length", "autocomplete", "modelValue", "onUpdate:modelValue"])) : u.component && !((D = o.components) != null && D[u.component]) ? (x(), E("div", fe, " [" + F(e.label) + '] Component "' + F(e.component) + '" not supplied ', 1)) : (h = o.types) != null && h[u.type] ? (x(), q(z(o.types[u.type]), $({
                     key: 2,
                     "on-blur": e.onBlur,
                     error: e.error,
@@ -357,63 +356,263 @@ const te = /* @__PURE__ */ U({
                     name: e.vName,
                     field: e,
                     options: e.options,
-                    length: e.length,
+                    "max-length": e.maxLength,
                     autocomplete: e.autocomplete,
-                    onAction: C
-                  }, e.attrs, {
+                    onAction: V
+                  }, { ref_for: !0 }, e.attrs, {
                     modelValue: e.model.value,
-                    "onUpdate:modelValue": (A) => e.model.value = A
-                  }), null, 16, ["on-blur", "error", "model", "form-data", "form-context", "label", "description", "hint", "placeholder", "class", "style", "optional", "required", "disabled", "hidden", "type", "alt-action", "name", "field", "options", "length", "autocomplete", "modelValue", "onUpdate:modelValue"])) : ["text", "password", "number"].includes(e.type) ? (b(), E("div", {
+                    "onUpdate:modelValue": (_) => e.model.value = _
+                  }), null, 16, ["on-blur", "error", "model", "form-data", "form-context", "label", "description", "hint", "placeholder", "class", "style", "optional", "required", "disabled", "hidden", "type", "alt-action", "name", "field", "options", "max-length", "autocomplete", "modelValue", "onUpdate:modelValue"])) : ["text", "password", "number"].includes(e.type) ? (x(), E("div", {
                     key: 3,
-                    class: Y(["oo-default-field", e.classes])
+                    class: ne(["oo-default-field", e.classes])
                   }, [
-                    w("label", null, g(e.label), 1),
-                    e.description ? (b(), E("span", le, g(e.description), 1)) : H("", !0),
-                    Z(w("input", {
-                      "onUpdate:modelValue": (A) => e.model.value = A,
+                    M("label", null, F(e.label), 1),
+                    e.description ? (x(), E("span", ve, F(e.description), 1)) : H("", !0),
+                    le(M("input", {
+                      "onUpdate:modelValue": (_) => e.model.value = _,
                       onBlur: e.onBlur,
                       placeholder: e.placeholder,
                       autocomplete: e.autocomplete,
                       name: e.vName,
                       type: e.type
-                    }, null, 40, se), [
-                      [ee, e.model.value]
+                    }, null, 40, he), [
+                      [re, e.model.value]
                     ]),
-                    w("div", ue, g(e.error || e.hint), 1)
-                  ], 2)) : e.type === "paragraph" ? (b(), E("p", ie, g(e.description), 1)) : (b(), E("div", me, " [" + g(e.label) + '] Not supported field type "' + g(e.type) + '" ' + g(e.component), 1))
+                    M("div", be, F(e.error || e.hint), 1)
+                  ], 2)) : e.type === "paragraph" ? (x(), E("p", ge, F(e.description), 1)) : (x(), E("div", ye, " [" + F(e.label) + '] Not supported field type "' + F(e.type) + '" ' + F(e.component), 1))
                 ];
               })
             ]),
             _: 2
           }, 1040, ["error"]);
-        }), 256)),
-        D(a.$slots, "form.after", {
-          clearErrors: m.clearErrors,
-          reset: m.reset,
-          disabled: n(y),
-          formContext: a.formContext
+        }), 128)),
+        A(s.$slots, "form.after", {
+          clearErrors: l.clearErrors,
+          reset: l.reset,
+          disabled: g.value,
+          formContext: n.formContext
         }),
-        D(a.$slots, "form.submit", {
-          disabled: n(y),
-          text: n(f),
-          clearErrors: m.clearErrors,
-          reset: m.reset,
-          formContext: a.formContext
+        A(s.$slots, "form.submit", {
+          disabled: g.value,
+          text: f.value,
+          clearErrors: l.clearErrors,
+          reset: l.reset,
+          formContext: n.formContext
         }, () => [
-          w("button", { disabled: n(y) }, g(n(f)), 9, ce)
+          M("button", { disabled: g.value }, F(f.value), 9, xe)
         ]),
-        D(a.$slots, "form.footer", {
-          disabled: n(y),
-          clearErrors: m.clearErrors,
-          reset: m.reset,
-          formContext: a.formContext
+        A(s.$slots, "form.footer", {
+          disabled: g.value,
+          clearErrors: l.clearErrors,
+          reset: l.reset,
+          formContext: n.formContext
         })
       ]),
       _: 3
     }, 8, ["first-validation", "form-data", "form-context"]));
   }
-});
+}), Ce = {
+  // Node.js Globals
+  global: null,
+  process: null,
+  Buffer: null,
+  require: null,
+  __filename: null,
+  __dirname: null,
+  exports: null,
+  module: null,
+  setImmediate: null,
+  clearImmediate: null,
+  setTimeout: null,
+  clearTimeout: null,
+  setInterval: null,
+  clearInterval: null,
+  queueMicrotask: null,
+  queueGlobalMicrotask: null,
+  globalThis: null,
+  // GlobalThis (Introduced in ECMAScript 2020)
+  // Browser Globals
+  window: null,
+  self: null,
+  document: null,
+  localStorage: null,
+  sessionStorage: null,
+  indexedDB: null,
+  caches: null,
+  console: null,
+  performance: null,
+  fetch: null,
+  XMLHttpRequest: null,
+  Image: null,
+  Audio: null,
+  navigator: null,
+  navigation: null,
+  location: null,
+  history: null,
+  screen: null,
+  requestAnimationFrame: null,
+  cancelAnimationFrame: null,
+  cancelIdleCallback: null,
+  captureEvents: null,
+  chrome: null,
+  clientInformation: null,
+  addEventListener: null,
+  removeEventListener: null,
+  blur: null,
+  close: null,
+  closed: null,
+  confirm: null,
+  alert: null,
+  customElements: null,
+  dispatchEvent: null,
+  debug: null,
+  focus: null,
+  find: null,
+  frames: null,
+  getSelection: null,
+  getScreenDetails: null,
+  getEventListeners: null,
+  keys: null,
+  launchQueue: null,
+  parent: null,
+  postMessage: null,
+  print: null,
+  profile: null,
+  profileEnd: null,
+  prompt: null,
+  queryLocalFonts: null,
+  queryObjects: null,
+  releaseEvents: null,
+  reportError: null,
+  resizeBy: null,
+  resizeTo: null,
+  scheduler: null,
+  stop: null,
+  scroll: null,
+  scrollBy: null,
+  scrollTo: null,
+  scrollY: null,
+  scrollX: null,
+  top: null,
+  // other
+  eval: null,
+  __ctx__: null
+};
+class _e {
+  constructor() {
+    N(this, "cache", /* @__PURE__ */ new Map());
+  }
+  call(t, o) {
+    return this.getFn(t)(o);
+  }
+  getFn(t) {
+    let o = this.cache.get(t);
+    return o || (o = Ve(t), this.cache.set(t, o)), o;
+  }
+}
+function Ve(n) {
+  const t = `with(__ctx__){
+${n}
+}`, o = new Function("__ctx__", t);
+  return (r) => {
+    const a = Object.freeze(Object.assign({}, Ce, r));
+    return o(a);
+  };
+}
+const j = new _e();
+function S(n) {
+  const t = `return (${n})(v, data, context, entry)`;
+  return j.getFn(t);
+}
+function I(n) {
+  const t = `return (${n})(data, context)`;
+  return j.getFn(t);
+}
+function Fe(n) {
+  const t = `return (${n})(v, data, context)`;
+  return j.getFn(t);
+}
+function k(n, t, o, r, a) {
+  const d = o.get(t);
+  if (typeof d == "string")
+    return r(d);
+  const v = o.get(n);
+  return v !== void 0 ? v : a;
+}
+function Se(n) {
+  var t, o, r;
+  const a = n.metadata, d = n.type.props, v = k("foorm.title", "foorm.fn.title", a, I, ""), f = k("foorm.submit.text", "foorm.fn.submit.text", a, I, "Submit"), g = (() => {
+    const s = a.get("foorm.fn.submit.disabled");
+    return typeof s == "string" ? I(s) : !1;
+  })(), V = { text: f, disabled: g }, i = [];
+  for (const [s, c] of d.entries()) {
+    const l = c.metadata, u = (t = c.type) === null || t === void 0 ? void 0 : t.tags, y = l.get("foorm.type"), e = (o = u == null ? void 0 : u.has("action")) !== null && o !== void 0 ? o : !1, C = (r = u == null ? void 0 : u.has("paragraph")) !== null && r !== void 0 ? r : !1, D = y ?? (e ? "action" : C ? "paragraph" : "text"), h = [], _ = l.get("foorm.validate");
+    if (_) {
+      const p = Array.isArray(_) ? _ : [_];
+      for (const L of p)
+        typeof L == "string" && h.push(Fe(L));
+    }
+    const G = {
+      field: s,
+      type: D,
+      component: l.get("foorm.component"),
+      autocomplete: l.get("foorm.autocomplete"),
+      altAction: l.get("foorm.altAction"),
+      order: l.get("foorm.order"),
+      name: s,
+      label: k("meta.label", "foorm.fn.label", l, S, s),
+      description: k("meta.description", "foorm.fn.description", l, S, ""),
+      hint: k("meta.hint", "foorm.fn.hint", l, S, ""),
+      placeholder: k("meta.placeholder", "foorm.fn.placeholder", l, S, ""),
+      optional: (() => {
+        var p;
+        const L = l.get("foorm.fn.optional");
+        return typeof L == "string" ? S(L) : (p = c.optional) !== null && p !== void 0 ? p : !1;
+      })(),
+      disabled: (() => {
+        const p = l.get("foorm.fn.disabled");
+        return typeof p == "string" ? S(p) : l.get("foorm.disabled") !== void 0;
+      })(),
+      hidden: (() => {
+        const p = l.get("foorm.fn.hidden");
+        return typeof p == "string" ? S(p) : l.get("foorm.hidden") !== void 0;
+      })(),
+      classes: (() => {
+        const p = l.get("foorm.fn.classes");
+        if (typeof p == "string")
+          return S(p);
+      })(),
+      styles: (() => {
+        const p = l.get("foorm.fn.styles");
+        if (typeof p == "string")
+          return S(p);
+      })(),
+      options: (() => {
+        const p = l.get("foorm.fn.options");
+        if (typeof p == "string")
+          return S(p);
+      })(),
+      value: l.get("foorm.value"),
+      validators: h,
+      // ATScript @expect constraints
+      maxLength: l.get("expect.maxLength"),
+      minLength: l.get("expect.minLength"),
+      min: l.get("expect.min"),
+      max: l.get("expect.max")
+    };
+    i.push(G);
+  }
+  return i.sort((s, c) => {
+    var l, u;
+    return ((l = s.order) !== null && l !== void 0 ? l : 1 / 0) - ((u = c.order) !== null && u !== void 0 ? u : 1 / 0);
+  }), { title: v, submit: V, fields: i };
+}
+function Be(n) {
+  const t = Se(n), o = ae(ue(t.fields));
+  return { form: t, formData: o };
+}
 export {
-  re as OoField,
-  pe as OoForm
+  de as OoField,
+  Ee as OoForm,
+  Be as useFoorm
 };