@foormjs/vue 0.2.0 → 0.2.1

package/README.md

@@ -297,6 +297,7 @@ Every field slot (`#field:text`, `#field:select`, etc.) receives:
 | `styles`       | `string \| Record`        | Inline styles                                               |
 | `disabled`     | `boolean`                 | Evaluated disabled state                                    |
 | `hidden`       | `boolean`                 | Evaluated hidden state                                      |
+| `readonly`     | `boolean`                 | Evaluated readonly state                                    |
 | `optional`     | `boolean`                 | Evaluated optional state                                    |
 | `required`     | `boolean`                 | Inverse of optional                                         |
 | `type`         | `string`                  | Field type                                                  |
@@ -307,7 +308,7 @@ Every field slot (`#field:text`, `#field:select`, etc.) receives:
 | `maxLength`    | `number`                  | Max length constraint                                       |
 | `formData`     | `object`                  | Full form data                                              |
 | `formContext`  | `object`                  | Form context                                                |
-| `attrs`        | `Record`                  | Additional evaluated attributes                             |
+| `attrs`        | `Record`                  | Custom attributes (evaluated, can be used with `v-bind`)    |
 
 ### `OoField`
 

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-import { TAnnotatedTypeLike } from '@foormjs/atscript';
+import { TAtscriptAnnotatedType } from '@atscript/typescript/utils';
+import { TAtscriptTypeObject } from '@atscript/typescript/utils';
 import { TFoormEntryOptions } from 'foorm';
 import { TFoormField } from 'foorm';
 
@@ -169,7 +170,7 @@ export declare interface TFoormComponentProps<V, TFormData, TFormContext> {
     autocomplete?: string;
 }
 
-export declare function useFoorm<T = Record<string, unknown>>(type: TAnnotatedTypeLike): {
+export declare function useFoorm<T extends TAtscriptAnnotatedType<TAtscriptTypeObject<any, any>>>(type: T): {
     form: any;
     formData: any;
 };

package/dist/index.js

@@ -1,30 +1,32 @@
-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) {
+var J = Object.defineProperty;
+var Z = (n, t, o) => t in n ? J(n, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[t] = o;
+var R = (n, t, o) => Z(n, typeof t != "symbol" ? t + "" : t, o);
+import { defineComponent as j, useModel as ee, inject as Q, ref as N, computed as v, watch as te, onUnmounted as oe, getCurrentInstance as X, renderSlot as E, unref as w, mergeModels as ne, provide as le, openBlock as d, createElementBlock as h, withModifiers as re, nextTick as ae, createBlock as O, withCtx as G, toDisplayString as m, createCommentVNode as T, Fragment as I, renderList as H, mergeProps as L, resolveDynamicComponent as Y, withDirectives as q, normalizeClass as M, createElementVNode as _, vModelDynamic as se, vShow as U, vModelSelect as ue, vModelRadio as ie, createTextVNode as K, vModelCheckbox as ce, reactive as de } from "vue";
+function C(n, t) {
   return typeof n == "function" ? n(t) : n;
 }
-function ue(n) {
+const me = /* @__PURE__ */ new Set(["action", "paragraph"]);
+function pe(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);
+  for (const l of n)
+    me.has(l.type) || (o[l.field] = (t = l.value) !== null && t !== void 0 ? t : void 0);
   return o;
 }
-function se(n, t) {
+function ve(n, t) {
   return n.fields.some((o) => o.altAction === t);
 }
-function ie(n, t) {
-  if (!n) return;
+function fe(n, t) {
+  if (!n)
+    return;
   const o = {};
-  for (const [r, a] of Object.entries(n))
-    o[r] = b(a, t);
+  for (const [l, a] of Object.entries(n))
+    o[l] = C(a, t);
   return o;
 }
-const ce = /* @__PURE__ */ T({
+const be = /* @__PURE__ */ j({
   __name: "VuilessField",
-  props: /* @__PURE__ */ J({
+  props: /* @__PURE__ */ ne({
     rules: {}
   }, {
     modelValue: {},
@@ -32,74 +34,74 @@ const ce = /* @__PURE__ */ T({
   }),
   emits: ["update:modelValue"],
   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) {
+    const t = n, o = ee(n, "modelValue"), l = Q("vuiless"), a = N(), s = N(!1), f = N(!1), p = v(() => {
+      var r;
+      if ((r = l == null ? void 0 : l.value) != null && r.firstValidation)
+        switch (l.value.firstValidation) {
           case "on-change":
-            return r.value.firstSubmitHappened || d.value;
+            return l.value.firstSubmitHappened || s.value;
           case "touched-on-blur":
-            return r.value.firstSubmitHappened || v.value && d.value;
+            return l.value.firstSubmitHappened || f.value && s.value;
           case "on-blur":
-            return r.value.firstSubmitHappened || v.value;
+            return l.value.firstSubmitHappened || f.value;
           case "on-submit":
-            return r.value.firstSubmitHappened;
+            return l.value.firstSubmitHappened;
           case "none":
             return !1;
         }
       return !1;
-    }), g = m(() => {
-      if (f.value || a.value)
+    }), S = v(() => {
+      if (p.value || a.value)
         return V();
     });
-    W([o], () => {
-      a.value = void 0, d.value = !0;
-    }), Y(() => {
-      var c;
-      (c = r == null ? void 0 : r.value) == null || c.unregister(U());
-    }), r != null && r.value && r.value.register(U(), {
+    te([o], () => {
+      a.value = void 0, s.value = !0;
+    }), oe(() => {
+      var r;
+      (r = l == null ? void 0 : l.value) == null || r.unregister(X());
+    }), l != null && l.value && l.value.register(X(), {
       validate: () => (a.value = V(), a.value || !0),
       clearErrors: () => {
-        d.value = !1, v.value = !1, a.value = void 0;
+        s.value = !1, f.value = !1, a.value = void 0;
       },
       reset: () => {
         o.value = "";
       }
     });
     function V() {
-      var c, l, u;
-      if ((c = t.rules) != null && c.length)
-        for (const y of t.rules) {
-          const e = y(
+      var r, u, k;
+      if ((r = t.rules) != null && r.length)
+        for (const b of t.rules) {
+          const x = b(
             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
+            (u = l == null ? void 0 : l.value) == null ? void 0 : u.formData,
+            (k = l == null ? void 0 : l.value) == null ? void 0 : k.formContext
           );
-          if (e !== !0)
-            return e || "Wrong value";
+          if (x !== !0)
+            return x || "Wrong value";
         }
     }
     function i() {
-      v.value = !0;
+      f.value = !0;
     }
-    const s = {
-      v: m({
+    const y = {
+      v: v({
         get: () => o.value,
-        set: (c) => o.value = c
+        set: (r) => o.value = r
       })
     };
-    return (c, l) => {
-      var u, y;
-      return A(c.$slots, "default", {
+    return (r, u) => {
+      var k, b;
+      return E(r.$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
+        error: S.value,
+        formData: (k = w(l)) == null ? void 0 : k.formData,
+        formContext: (b = w(l)) == null ? void 0 : b.formContext,
+        model: y.v
       });
     };
   }
-}), me = /* @__PURE__ */ T({
+}), he = /* @__PURE__ */ j({
   __name: "VuilessForm",
   props: {
     formData: {},
@@ -108,45 +110,45 @@ const ce = /* @__PURE__ */ T({
   },
   emits: ["submit"],
   setup(n, { emit: t }) {
-    const o = n, r = t, a = /* @__PURE__ */ new Map(), d = w(!1), v = m(() => ({
-      firstSubmitHappened: d.value,
+    const o = n, l = t, a = /* @__PURE__ */ new Map(), s = N(!1), f = v(() => ({
+      firstSubmitHappened: s.value,
       firstValidation: o.firstValidation,
-      register: (i, s) => {
-        a.set(i, s);
+      register: (i, y) => {
+        a.set(i, y);
       },
       unregister: (i) => a.delete(i),
       formData: o.formData,
       formContext: o.formContext
     }));
-    K("vuiless", v);
-    function f() {
-      d.value = !1;
+    le("vuiless", f);
+    function p() {
+      s.value = !1;
       for (const { clearErrors: i } of a.values())
         i();
     }
-    async function g() {
+    async function S() {
       for (const { reset: i } of a.values())
         i();
-      await ee(), f();
+      await ae(), p();
     }
     function V() {
-      d.value = !0;
+      s.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);
+        for (const { validate: y } of a.values())
+          y() !== !0 && (i = !0);
+      i || l("submit", o.formData);
     }
-    return (i, s) => (x(), E("form", {
-      onSubmit: Z(V, ["prevent"])
+    return (i, y) => (d(), h("form", {
+      onSubmit: re(V, ["prevent"])
     }, [
-      A(i.$slots, "default", {
-        clearErrors: f,
-        reset: g
+      E(i.$slots, "default", {
+        clearErrors: p,
+        reset: S
       })
     ], 32));
   }
-}), de = /* @__PURE__ */ T({
+}), ye = /* @__PURE__ */ j({
   __name: "oo-field",
   props: {
     field: {},
@@ -176,84 +178,89 @@ const ce = /* @__PURE__ */ T({
     error: {}
   },
   setup(n) {
-    const t = n, o = P(
+    const t = n, o = Q(
       "vuiless"
-    ), r = m(() => ({
+    ), l = v(() => ({
       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,
+      context: o.value.formContext ?? {},
+      entry: void 0
+    })), a = v(() => C(t.optional, l.value)), s = v(() => C(t.disabled, l.value)), f = v(() => C(t.hidden, l.value)), p = v(() => ({
+      ...l.value,
       entry: {
         field: t.field,
         type: t.type,
         component: t.component,
         name: t.name || t.field,
-        disabled: d.value,
+        disabled: s.value,
         optional: a.value,
-        hidden: v.value
+        hidden: f.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,
+    })), S = v(() => C(t.label, p.value)), V = v(() => C(t.description, p.value)), i = v(() => C(t.hint, p.value)), y = v(() => C(t.placeholder, p.value)), r = v(() => C(t.options, p.value)), u = v(() => {
+      const A = C(t.classes, p.value);
+      return typeof A == "string" ? {
+        [A]: !0,
+        disabled: s.value,
         required: !a.value
       } : {
-        ...C || {},
-        disabled: d.value,
+        ...A,
+        disabled: s.value,
         required: !a.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
+    }), k = v(
+      () => C(t.styles, p.value)
+    ), b = v(() => fe(t.attrs, p.value)), x = v(() => t.validators.map(
+      (A) => (e, F, c) => A({
+        v: e,
+        data: F,
+        context: c ?? {},
+        entry: p.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
+    return (A, e) => (d(), O(w(be), {
+      modelValue: w(o).formData[t.field],
+      "onUpdate:modelValue": e[0] || (e[0] = (F) => w(o).formData[t.field] = F),
+      rules: x.value
     }, {
-      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,
+      default: G((F) => [
+        E(A.$slots, "default", {
+          onBlur: F.onBlur,
+          error: n.error || F.error,
+          model: F.model,
+          formData: w(o).formData,
+          formContext: w(o).formContext,
+          label: S.value,
           description: V.value,
           hint: i.value,
-          placeholder: s.value,
+          placeholder: y.value,
           classes: {
-            ...l.value,
-            error: !!n.error || !!h.error
+            ...u.value,
+            error: !!n.error || !!F.error
           },
-          styles: u.value,
+          styles: k.value,
           optional: a.value,
-          disabled: d.value,
-          hidden: v.value,
+          disabled: s.value,
+          hidden: f.value,
           type: n.type,
           altAction: n.altAction,
           component: n.component,
           vName: n.name,
           field: n.field,
-          options: c.value,
+          options: r.value,
           maxLength: n.maxLength,
           required: !a.value,
           autocomplete: n.autocomplete,
-          attrs: y.value
+          attrs: b.value
         })
       ]),
       _: 3
     }, 8, ["modelValue", "rules"]));
   }
-}), 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({
+}), ge = { key: 0 }, xe = { key: 1 }, _e = { key: 0 }, Ve = ["onUpdate:modelValue", "onBlur", "placeholder", "autocomplete", "name", "type", "disabled"], ke = { class: "oo-error-slot" }, Ce = { key: 4 }, Se = { key: 0 }, Ae = ["onUpdate:modelValue", "onBlur", "name", "disabled"], Fe = {
+  key: 0,
+  value: "",
+  disabled: ""
+}, Be = ["value"], De = { class: "oo-error-slot" }, Ee = { class: "oo-field-label" }, Le = { key: 0 }, qe = { class: "oo-radio-group" }, we = ["value", "onUpdate:modelValue", "onBlur", "name", "disabled"], Te = { class: "oo-error-slot" }, $e = ["onUpdate:modelValue", "onBlur", "name", "disabled"], Me = { key: 0 }, Oe = { class: "oo-error-slot" }, Ne = ["onClick"], Ue = { key: 9 }, je = ["disabled"], We = /* @__PURE__ */ j({
   __name: "oo-form",
   props: {
     form: {},
@@ -266,47 +273,54 @@ const ce = /* @__PURE__ */ T({
   },
   emits: ["submit", "action", "unsupported-action"],
   setup(n, { emit: t }) {
-    const o = n, r = w({}), a = m(() => o.formData || r.value), d = m(() => ({
+    const o = n, l = N({}), a = v(() => o.formData || l.value), s = v(() => ({
       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);
+      context: o.formContext ?? {},
+      entry: void 0
+    })), f = v(() => C(o.form.title, s.value)), p = v(() => C(o.form.submit.text, s.value)), S = v(() => C(o.form.submit.disabled, s.value));
+    function V(u) {
+      ve(o.form, u) ? i("action", u, a.value) : i("unsupported-action", u, a.value);
     }
     const i = t;
-    return (s, c) => (x(), q(B(me), {
+    function y(u) {
+      return typeof u == "string" ? u : u.key;
+    }
+    function r(u) {
+      return typeof u == "string" ? u : u.label;
+    }
+    return (u, k) => (d(), O(w(he), {
       "first-validation": n.firstValidation,
-      onSubmit: c[0] || (c[0] = (l) => i("submit", l)),
+      onSubmit: k[0] || (k[0] = (b) => i("submit", b)),
       "form-data": a.value,
       "form-context": n.formContext
     }, {
-      default: O((l) => [
-        A(s.$slots, "form.header", {
-          clearErrors: l.clearErrors,
-          reset: l.reset,
-          title: v.value,
+      default: G((b) => [
+        E(u.$slots, "form.header", {
+          clearErrors: b.clearErrors,
+          reset: b.reset,
+          title: f.value,
           formContext: n.formContext,
-          disabled: g.value
+          disabled: S.value
         }, () => [
-          v.value ? (x(), E("h2", pe, F(v.value), 1)) : H("", !0)
+          f.value ? (d(), h("h2", ge, m(f.value), 1)) : T("", !0)
         ]),
-        A(s.$slots, "form.before", {
-          clearErrors: l.clearErrors,
-          reset: l.reset
+        E(u.$slots, "form.before", {
+          clearErrors: b.clearErrors,
+          reset: b.reset
         }),
-        (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]
+        (d(!0), h(I, null, H(o.form.fields, (x) => {
+          var A;
+          return d(), O(ye, L({
+            key: x.field
+          }, { ref_for: !0 }, x, {
+            error: (A = n.errors) == null ? void 0 : A[x.field]
           }), {
-            default: O((e) => [
-              A(s.$slots, `field:${e.type}`, $({ ref_for: !0 }, e), () => {
-                var C, D, h;
+            default: G((e) => [
+              E(u.$slots, `field:${e.type}`, L({ ref_for: !0 }, e), () => {
+                var F, c, B;
                 return [
-                  u.component && ((C = o.components) != null && C[u.component]) ? (x(), q(z(o.components[u.component]), $({
+                  x.component && ((F = o.components) != null && F[x.component]) ? (d(), O(Y(o.components[x.component]), L({
                     key: 0,
                     "on-blur": e.onBlur,
                     error: e.error,
@@ -333,8 +347,8 @@ const ce = /* @__PURE__ */ T({
                     onAction: V
                   }, { ref_for: !0 }, e.attrs, {
                     modelValue: e.model.value,
-                    "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]), $({
+                    "onUpdate:modelValue": (g) => e.model.value = g
+                  }), 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"])) : x.component && !((c = o.components) != null && c[x.component]) ? (d(), h("div", xe, " [" + m(e.label) + '] Component "' + m(e.component) + '" not supplied ', 1)) : (B = o.types) != null && B[x.type] ? (d(), O(Y(o.types[x.type]), L({
                     key: 2,
                     "on-blur": e.onBlur,
                     error: e.error,
@@ -361,57 +375,137 @@ const ce = /* @__PURE__ */ T({
                     onAction: V
                   }, { ref_for: !0 }, e.attrs, {
                     modelValue: e.model.value,
-                    "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", {
+                    "onUpdate:modelValue": (g) => e.model.value = g
+                  }), 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) ? q((d(), h("div", {
                     key: 3,
-                    class: ne(["oo-default-field", e.classes])
+                    class: M(["oo-default-field", e.classes])
                   }, [
-                    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 = _,
+                    _("label", null, m(e.label), 1),
+                    e.description ? (d(), h("span", _e, m(e.description), 1)) : T("", !0),
+                    q(_("input", L({
+                      "onUpdate:modelValue": (g) => e.model.value = g,
                       onBlur: e.onBlur,
                       placeholder: e.placeholder,
                       autocomplete: e.autocomplete,
                       name: e.vName,
-                      type: e.type
-                    }, null, 40, he), [
-                      [re, e.model.value]
+                      type: e.type,
+                      disabled: e.disabled
+                    }, { ref_for: !0 }, e.attrs), null, 16, Ve), [
+                      [se, e.model.value]
+                    ]),
+                    _("div", ke, m(e.error || e.hint), 1)
+                  ], 2)), [
+                    [U, !e.hidden]
+                  ]) : e.type === "paragraph" ? (d(), h("p", Ce, m(e.description), 1)) : e.type === "select" ? q((d(), h("div", {
+                    key: 5,
+                    class: M(["oo-default-field", e.classes])
+                  }, [
+                    _("label", null, m(e.label), 1),
+                    e.description ? (d(), h("span", Se, m(e.description), 1)) : T("", !0),
+                    q(_("select", L({
+                      "onUpdate:modelValue": (g) => e.model.value = g,
+                      onBlur: e.onBlur,
+                      name: e.vName,
+                      disabled: e.disabled
+                    }, { ref_for: !0 }, e.attrs), [
+                      e.placeholder ? (d(), h("option", Fe, m(e.placeholder), 1)) : T("", !0),
+                      (d(!0), h(I, null, H(e.options, (g) => (d(), h("option", {
+                        key: y(g),
+                        value: y(g)
+                      }, m(r(g)), 9, Be))), 128))
+                    ], 16, Ae), [
+                      [ue, e.model.value]
+                    ]),
+                    _("div", De, m(e.error || e.hint), 1)
+                  ], 2)), [
+                    [U, !e.hidden]
+                  ]) : e.type === "radio" ? q((d(), h("div", {
+                    key: 6,
+                    class: M(["oo-default-field oo-radio-field", e.classes])
+                  }, [
+                    _("span", Ee, m(e.label), 1),
+                    e.description ? (d(), h("span", Le, m(e.description), 1)) : T("", !0),
+                    _("div", qe, [
+                      (d(!0), h(I, null, H(e.options, (g) => (d(), h("label", {
+                        key: y(g)
+                      }, [
+                        q(_("input", L({
+                          type: "radio",
+                          value: y(g),
+                          "onUpdate:modelValue": (W) => e.model.value = W,
+                          onBlur: e.onBlur,
+                          name: e.vName,
+                          disabled: e.disabled
+                        }, { ref_for: !0 }, e.attrs), null, 16, we), [
+                          [ie, e.model.value]
+                        ]),
+                        K(" " + m(r(g)), 1)
+                      ]))), 128))
+                    ]),
+                    _("div", Te, m(e.error || e.hint), 1)
+                  ], 2)), [
+                    [U, !e.hidden]
+                  ]) : e.type === "checkbox" ? q((d(), h("div", {
+                    key: 7,
+                    class: M(["oo-default-field oo-checkbox-field", e.classes])
+                  }, [
+                    _("label", null, [
+                      q(_("input", L({
+                        type: "checkbox",
+                        "onUpdate:modelValue": (g) => e.model.value = g,
+                        onBlur: e.onBlur,
+                        name: e.vName,
+                        disabled: e.disabled
+                      }, { ref_for: !0 }, e.attrs), null, 16, $e), [
+                        [ce, e.model.value]
+                      ]),
+                      K(" " + m(e.label), 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))
+                    e.description ? (d(), h("span", Me, m(e.description), 1)) : T("", !0),
+                    _("div", Oe, m(e.error || e.hint), 1)
+                  ], 2)), [
+                    [U, !e.hidden]
+                  ]) : e.type === "action" ? (d(), h("div", {
+                    key: 8,
+                    class: M(["oo-default-field oo-action-field", e.classes])
+                  }, [
+                    _("button", {
+                      type: "button",
+                      onClick: (g) => V(e.altAction)
+                    }, m(e.label), 9, Ne)
+                  ], 2)) : (d(), h("div", Ue, " [" + m(e.label) + '] Not supported field type "' + m(e.type) + '" ' + m(e.component), 1))
                 ];
               })
             ]),
             _: 2
           }, 1040, ["error"]);
         }), 128)),
-        A(s.$slots, "form.after", {
-          clearErrors: l.clearErrors,
-          reset: l.reset,
-          disabled: g.value,
+        E(u.$slots, "form.after", {
+          clearErrors: b.clearErrors,
+          reset: b.reset,
+          disabled: S.value,
           formContext: n.formContext
         }),
-        A(s.$slots, "form.submit", {
-          disabled: g.value,
-          text: f.value,
-          clearErrors: l.clearErrors,
-          reset: l.reset,
+        E(u.$slots, "form.submit", {
+          disabled: S.value,
+          text: p.value,
+          clearErrors: b.clearErrors,
+          reset: b.reset,
           formContext: n.formContext
         }, () => [
-          M("button", { disabled: g.value }, F(f.value), 9, xe)
+          _("button", { disabled: S.value }, m(p.value), 9, je)
         ]),
-        A(s.$slots, "form.footer", {
-          disabled: g.value,
-          clearErrors: l.clearErrors,
-          reset: l.reset,
+        E(u.$slots, "form.footer", {
+          disabled: S.value,
+          clearErrors: b.clearErrors,
+          reset: b.reset,
           formContext: n.formContext
         })
       ]),
       _: 3
     }, 8, ["first-validation", "form-data", "form-context"]));
   }
-}), Ce = {
+}), Ie = {
   // Node.js Globals
   global: null,
   process: null,
@@ -498,121 +592,159 @@ const ce = /* @__PURE__ */ T({
   eval: null,
   __ctx__: null
 };
-class _e {
+class He {
   constructor() {
-    N(this, "cache", /* @__PURE__ */ new Map());
+    R(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;
+    return o || (o = ze(t), this.cache.set(t, o)), o;
   }
 }
-function Ve(n) {
+function ze(n) {
   const t = `with(__ctx__){
 ${n}
 }`, o = new Function("__ctx__", t);
-  return (r) => {
-    const a = Object.freeze(Object.assign({}, Ce, r));
+  return (l) => {
+    const a = Object.freeze(Object.assign({}, Ie, l));
     return o(a);
   };
 }
-const j = new _e();
-function S(n) {
+const P = new He();
+function D(n) {
   const t = `return (${n})(v, data, context, entry)`;
-  return j.getFn(t);
+  return P.getFn(t);
 }
-function I(n) {
+function z(n) {
   const t = `return (${n})(data, context)`;
-  return j.getFn(t);
+  return P.getFn(t);
 }
-function Fe(n) {
+function Ge(n) {
   const t = `return (${n})(v, data, context)`;
-  return j.getFn(t);
+  return P.getFn(t);
+}
+const Pe = /* @__PURE__ */ new Set(["action", "paragraph", "select", "radio", "checkbox"]);
+function Re(n) {
+  return (Array.isArray(n) ? n : [n]).map((o) => {
+    if (typeof o == "object" && o !== null && "label" in o) {
+      const { label: l, value: a } = o;
+      return a !== void 0 ? { key: a, label: l } : l;
+    }
+    return String(o);
+  });
+}
+function $(n, t, o, l, a) {
+  const s = o.get(t);
+  if (typeof s == "string")
+    return l(s);
+  const f = o.get(n);
+  return f !== void 0 ? f : a;
 }
-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 Xe(n) {
+  const t = n.get("foorm.attr"), o = n.get("foorm.fn.attr");
+  if (!t && !o)
+    return;
+  const l = {};
+  if (t) {
+    const a = Array.isArray(t) ? t : [t];
+    for (const s of a)
+      if (typeof s == "object" && s !== null && "name" in s && "value" in s) {
+        const { name: f, value: p } = s;
+        l[f] = p;
+      }
+  }
+  if (o) {
+    const a = Array.isArray(o) ? o : [o];
+    for (const s of a)
+      if (typeof s == "object" && s !== null && "name" in s && "fn" in s) {
+        const { name: f, fn: p } = s;
+        l[f] = D(p);
+      }
+  }
+  return Object.keys(l).length > 0 ? l : void 0;
 }
-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));
+function Ye(n) {
+  var t, o;
+  const l = n.metadata, a = n.type.props, s = $("foorm.title", "foorm.fn.title", l, z, ""), f = $("foorm.submit.text", "foorm.fn.submit.text", l, z, "Submit"), p = (() => {
+    const i = l.get("foorm.fn.submit.disabled");
+    return typeof i == "string" ? z(i) : !1;
+  })(), S = { text: f, disabled: p }, V = [];
+  for (const [i, y] of a.entries()) {
+    const r = y.metadata, u = (t = y.type) === null || t === void 0 ? void 0 : t.tags, k = r.get("foorm.type"), b = u ? [...u].find((c) => Pe.has(c)) : void 0, x = (o = k ?? b) !== null && o !== void 0 ? o : "text", A = [], e = r.get("foorm.validate");
+    if (e) {
+      const c = Array.isArray(e) ? e : [e];
+      for (const B of c)
+        typeof B == "string" && A.push(Ge(B));
     }
-    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, ""),
+    const F = {
+      field: i,
+      type: x,
+      component: r.get("foorm.component"),
+      autocomplete: r.get("foorm.autocomplete"),
+      altAction: r.get("foorm.altAction"),
+      order: r.get("foorm.order"),
+      name: i,
+      label: $("meta.label", "foorm.fn.label", r, D, i),
+      description: $("meta.description", "foorm.fn.description", r, D, ""),
+      hint: $("meta.hint", "foorm.fn.hint", r, D, ""),
+      placeholder: $("meta.placeholder", "foorm.fn.placeholder", r, D, ""),
       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;
+        var c;
+        const B = r.get("foorm.fn.optional");
+        return typeof B == "string" ? D(B) : (c = y.optional) !== null && c !== void 0 ? c : !1;
       })(),
       disabled: (() => {
-        const p = l.get("foorm.fn.disabled");
-        return typeof p == "string" ? S(p) : l.get("foorm.disabled") !== void 0;
+        const c = r.get("foorm.fn.disabled");
+        return typeof c == "string" ? D(c) : r.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;
+        const c = r.get("foorm.fn.hidden");
+        return typeof c == "string" ? D(c) : r.get("foorm.hidden") !== void 0;
       })(),
       classes: (() => {
-        const p = l.get("foorm.fn.classes");
-        if (typeof p == "string")
-          return S(p);
+        const c = r.get("foorm.fn.classes");
+        if (typeof c == "string")
+          return D(c);
       })(),
       styles: (() => {
-        const p = l.get("foorm.fn.styles");
-        if (typeof p == "string")
-          return S(p);
+        const c = r.get("foorm.fn.styles");
+        if (typeof c == "string")
+          return D(c);
       })(),
       options: (() => {
-        const p = l.get("foorm.fn.options");
-        if (typeof p == "string")
-          return S(p);
+        const c = r.get("foorm.fn.options");
+        if (typeof c == "string")
+          return D(c);
+        const B = r.get("foorm.options");
+        if (B)
+          return Re(B);
       })(),
-      value: l.get("foorm.value"),
-      validators: h,
+      value: r.get("foorm.value"),
+      validators: A,
+      // Custom attributes/props
+      attrs: Xe(r),
       // ATScript @expect constraints
-      maxLength: l.get("expect.maxLength"),
-      minLength: l.get("expect.minLength"),
-      min: l.get("expect.min"),
-      max: l.get("expect.max")
+      maxLength: r.get("expect.maxLength"),
+      minLength: r.get("expect.minLength"),
+      min: r.get("expect.min"),
+      max: r.get("expect.max")
     };
-    i.push(G);
+    V.push(F);
   }
-  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 };
+  return V.sort((i, y) => {
+    var r, u;
+    return ((r = i.order) !== null && r !== void 0 ? r : 1 / 0) - ((u = y.order) !== null && u !== void 0 ? u : 1 / 0);
+  }), { title: s, submit: S, fields: V };
 }
-function Be(n) {
-  const t = Se(n), o = ae(ue(t.fields));
+function Je(n) {
+  const t = Ye(n), o = de(pe(t.fields));
   return { form: t, formData: o };
 }
 export {
-  de as OoField,
-  Ee as OoForm,
-  Be as useFoorm
+  ye as OoField,
+  We as OoForm,
+  Je as useFoorm
 };

package/dist/index.umd.cjs

@@ -1,3 +1,3 @@
-(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.index={},h.Vue))})(this,function(h,e){"use strict";var Z=Object.defineProperty;var ee=(h,e,f)=>e in h?Z(h,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):h[e]=f;var L=(h,e,f)=>ee(h,typeof e!="symbol"?e+"":e,f);function f(l,o){return typeof l=="function"?l(o):l}function q(l){var o;const n={};for(const a of l)a.type!=="action"&&(n[a.field]=(o=a.value)!==null&&o!==void 0?o:void 0);return n}function w(l,o){return l.fields.some(n=>n.altAction===o)}function $(l,o){if(!l)return;const n={};for(const[a,s]of Object.entries(l))n[a]=f(s,o);return n}const T=e.defineComponent({__name:"VuilessField",props:e.mergeModels({rules:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const o=l,n=e.useModel(l,"modelValue"),a=e.inject("vuiless"),s=e.ref(),d=e.ref(!1),y=e.ref(!1),g=e.computed(()=>{var m;if((m=a==null?void 0:a.value)!=null&&m.firstValidation)switch(a.value.firstValidation){case"on-change":return a.value.firstSubmitHappened||d.value;case"touched-on-blur":return a.value.firstSubmitHappened||y.value&&d.value;case"on-blur":return a.value.firstSubmitHappened||y.value;case"on-submit":return a.value.firstSubmitHappened;case"none":return!1}return!1}),x=e.computed(()=>{if(g.value||s.value)return B()});e.watch([n],()=>{s.value=void 0,d.value=!0}),e.onUnmounted(()=>{var m;(m=a==null?void 0:a.value)==null||m.unregister(e.getCurrentInstance())}),a!=null&&a.value&&a.value.register(e.getCurrentInstance(),{validate:()=>(s.value=B(),s.value||!0),clearErrors:()=>{d.value=!1,y.value=!1,s.value=void 0},reset:()=>{n.value=""}});function B(){var m,r,i;if((m=o.rules)!=null&&m.length)for(const v of o.rules){const t=v(n.value,(r=a==null?void 0:a.value)==null?void 0:r.formData,(i=a==null?void 0:a.value)==null?void 0:i.formContext);if(t!==!0)return t||"Wrong value"}}function u(){y.value=!0}const c={v:e.computed({get:()=>n.value,set:m=>n.value=m})};return(m,r)=>{var i,v;return e.renderSlot(m.$slots,"default",{onBlur:u,error:x.value,formData:(i=e.unref(a))==null?void 0:i.formData,formContext:(v=e.unref(a))==null?void 0:v.formContext,model:c.v})}}}),M=e.defineComponent({__name:"VuilessForm",props:{formData:{},formContext:{},firstValidation:{default:"on-change"}},emits:["submit"],setup(l,{emit:o}){const n=l,a=o,s=new Map,d=e.ref(!1),y=e.computed(()=>({firstSubmitHappened:d.value,firstValidation:n.firstValidation,register:(u,c)=>{s.set(u,c)},unregister:u=>s.delete(u),formData:n.formData,formContext:n.formContext}));e.provide("vuiless",y);function g(){d.value=!1;for(const{clearErrors:u}of s.values())u()}async function x(){for(const{reset:u}of s.values())u();await e.nextTick(),g()}function B(){d.value=!0;let u=!1;if(n.firstValidation!=="none")for(const{validate:c}of s.values())c()!==!0&&(u=!0);u||a("submit",n.formData)}return(u,c)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(B,["prevent"])},[e.renderSlot(u.$slots,"default",{clearErrors:g,reset:x})],32))}}),A=e.defineComponent({__name:"oo-field",props:{field:{},type:{},component:{},autocomplete:{},altAction:{},order:{},name:{},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:{},value:{},validators:{},maxLength:{},minLength:{},min:{},max:{},error:{}},setup(l){const o=l,n=e.inject("vuiless"),a=e.computed(()=>({v:n.value.formData[o.field],data:n.value.formData,context:n.value.formContext??{}})),s=e.computed(()=>f(o.optional,a.value)),d=e.computed(()=>f(o.disabled,a.value)),y=e.computed(()=>f(o.hidden,a.value)),g=e.computed(()=>({...a.value,entry:{field:o.field,type:o.type,component:o.component,name:o.name||o.field,disabled:d.value,optional:s.value,hidden:y.value}})),x=e.computed(()=>f(o.label,g.value)),B=e.computed(()=>f(o.description,g.value)),u=e.computed(()=>f(o.hint,g.value)),c=e.computed(()=>f(o.placeholder,g.value)),m=e.computed(()=>f(o.options,g.value)),r=e.computed(()=>{const S=f(o.classes,g.value);return typeof S=="string"?{[S]:!0,disabled:d.value,required:!s.value}:{...S||{},disabled:d.value,required:!s.value}}),i=e.computed(()=>f(o.styles,g.value)),v=e.computed(()=>$(o.attrs,g.value)),t=e.computed(()=>o.validators.map(S=>(D,b,C)=>S({v:D,data:b,context:C??{},entry:g.value.entry})));return(S,D)=>(e.openBlock(),e.createBlock(e.unref(T),{modelValue:e.unref(n).formData[o.field],"onUpdate:modelValue":D[0]||(D[0]=b=>e.unref(n).formData[o.field]=b),rules:t.value},{default:e.withCtx(b=>[e.renderSlot(S.$slots,"default",{onBlur:b.onBlur,error:l.error||b.error,model:b.model,formData:e.unref(n).formData,formContext:e.unref(n).formContext,label:x.value,description:B.value,hint:u.value,placeholder:c.value,classes:{...r.value,error:!!l.error||!!b.error},styles:i.value,optional:s.value,disabled:d.value,hidden:y.value,type:l.type,altAction:l.altAction,component:l.component,vName:l.name,field:l.field,options:m.value,maxLength:l.maxLength,required:!s.value,autocomplete:l.autocomplete,attrs:v.value})]),_:3},8,["modelValue","rules"]))}}),N={key:0},j={key:1},I={key:0},O=["onUpdate:modelValue","onBlur","placeholder","autocomplete","name","type"],U={class:"oo-error-slot"},P={key:4},H={key:5},z=["disabled"],G=e.defineComponent({__name:"oo-form",props:{form:{},formData:{},formContext:{},firstValidation:{},components:{},types:{},errors:{}},emits:["submit","action","unsupported-action"],setup(l,{emit:o}){const n=l,a=e.ref({}),s=e.computed(()=>n.formData||a.value),d=e.computed(()=>({v:void 0,data:s.value,context:n.formContext??{}})),y=e.computed(()=>f(n.form.title,d.value)),g=e.computed(()=>f(n.form.submit.text,d.value)),x=e.computed(()=>f(n.form.submit.disabled,d.value));function B(c){w(n.form,c)?u("action",c,s.value):u("unsupported-action",c,s.value)}const u=o;return(c,m)=>(e.openBlock(),e.createBlock(e.unref(M),{"first-validation":l.firstValidation,onSubmit:m[0]||(m[0]=r=>u("submit",r)),"form-data":s.value,"form-context":l.formContext},{default:e.withCtx(r=>[e.renderSlot(c.$slots,"form.header",{clearErrors:r.clearErrors,reset:r.reset,title:y.value,formContext:l.formContext,disabled:x.value},()=>[y.value?(e.openBlock(),e.createElementBlock("h2",N,e.toDisplayString(y.value),1)):e.createCommentVNode("",!0)]),e.renderSlot(c.$slots,"form.before",{clearErrors:r.clearErrors,reset:r.reset}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.form.fields,i=>{var v;return e.openBlock(),e.createBlock(A,e.mergeProps({key:i.field},{ref_for:!0},i,{error:(v=l.errors)==null?void 0:v[i.field]}),{default:e.withCtx(t=>[e.renderSlot(c.$slots,`field:${t.type}`,e.mergeProps({ref_for:!0},t),()=>{var S,D,b;return[i.component&&((S=n.components)!=null&&S[i.component])?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.components[i.component]),e.mergeProps({key:0,"on-blur":t.onBlur,error:t.error,model:t.model,"form-data":t.formData,"form-context":t.formContext,label:t.label,description:t.description,hint:t.hint,placeholder:t.placeholder,class:t.classes,style:t.styles,optional:t.optional,required:!t.required,disabled:t.disabled,hidden:t.hidden,type:t.type,"alt-action":t.altAction,name:t.vName,field:t,options:t.options,"max-length":t.maxLength,autocomplete:t.autocomplete,onAction:B},{ref_for:!0},t.attrs,{modelValue:t.model.value,"onUpdate:modelValue":C=>t.model.value=C}),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"])):i.component&&!((D=n.components)!=null&&D[i.component])?(e.openBlock(),e.createElementBlock("div",j," ["+e.toDisplayString(t.label)+'] Component "'+e.toDisplayString(t.component)+'" not supplied ',1)):(b=n.types)!=null&&b[i.type]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.types[i.type]),e.mergeProps({key:2,"on-blur":t.onBlur,error:t.error,model:t.model,"form-data":t.formData,"form-context":t.formContext,label:t.label,description:t.description,hint:t.hint,placeholder:t.placeholder,class:t.classes,style:t.styles,optional:t.optional,required:!t.required,disabled:t.disabled,hidden:t.hidden,type:t.type,"alt-action":t.altAction,name:t.vName,field:t,options:t.options,"max-length":t.maxLength,autocomplete:t.autocomplete,onAction:B},{ref_for:!0},t.attrs,{modelValue:t.model.value,"onUpdate:modelValue":C=>t.model.value=C}),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(t.type)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["oo-default-field",t.classes])},[e.createElementVNode("label",null,e.toDisplayString(t.label),1),t.description?(e.openBlock(),e.createElementBlock("span",I,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":C=>t.model.value=C,onBlur:t.onBlur,placeholder:t.placeholder,autocomplete:t.autocomplete,name:t.vName,type:t.type},null,40,O),[[e.vModelDynamic,t.model.value]]),e.createElementVNode("div",U,e.toDisplayString(t.error||t.hint),1)],2)):t.type==="paragraph"?(e.openBlock(),e.createElementBlock("p",P,e.toDisplayString(t.description),1)):(e.openBlock(),e.createElementBlock("div",H," ["+e.toDisplayString(t.label)+'] Not supported field type "'+e.toDisplayString(t.type)+'" '+e.toDisplayString(t.component),1))]})]),_:2},1040,["error"])}),128)),e.renderSlot(c.$slots,"form.after",{clearErrors:r.clearErrors,reset:r.reset,disabled:x.value,formContext:l.formContext}),e.renderSlot(c.$slots,"form.submit",{disabled:x.value,text:g.value,clearErrors:r.clearErrors,reset:r.reset,formContext:l.formContext},()=>[e.createElementVNode("button",{disabled:x.value},e.toDisplayString(g.value),9,z)]),e.renderSlot(c.$slots,"form.footer",{disabled:x.value,clearErrors:r.clearErrors,reset:r.reset,formContext:l.formContext})]),_:3},8,["first-validation","form-data","form-context"]))}}),X={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,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,eval:null,__ctx__:null};class Q{constructor(){L(this,"cache",new Map)}call(o,n){return this.getFn(o)(n)}getFn(o){let n=this.cache.get(o);return n||(n=R(o),this.cache.set(o,n)),n}}function R(l){const o=`with(__ctx__){
+(function(k,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(k=typeof globalThis<"u"?globalThis:k||self,e(k.index={},k.Vue))})(this,function(k,e){"use strict";var ge=Object.defineProperty;var be=(k,e,y)=>e in k?ge(k,e,{enumerable:!0,configurable:!0,writable:!0,value:y}):k[e]=y;var w=(k,e,y)=>be(k,typeof e!="symbol"?e+"":e,y);function y(l,n){return typeof l=="function"?l(n):l}const v=new Set(["action","paragraph"]);function L(l){var n;const o={};for(const r of l)v.has(r.type)||(o[r.field]=(n=r.value)!==null&&n!==void 0?n:void 0);return o}function T(l,n){return l.fields.some(o=>o.altAction===n)}function q(l,n){if(!l)return;const o={};for(const[r,s]of Object.entries(l))o[r]=y(s,n);return o}const M=e.defineComponent({__name:"VuilessField",props:e.mergeModels({rules:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(l){const n=l,o=e.useModel(l,"modelValue"),r=e.inject("vuiless"),s=e.ref(),c=e.ref(!1),p=e.ref(!1),u=e.computed(()=>{var a;if((a=r==null?void 0:r.value)!=null&&a.firstValidation)switch(r.value.firstValidation){case"on-change":return r.value.firstSubmitHappened||c.value;case"touched-on-blur":return r.value.firstSubmitHappened||p.value&&c.value;case"on-blur":return r.value.firstSubmitHappened||p.value;case"on-submit":return r.value.firstSubmitHappened;case"none":return!1}return!1}),S=e.computed(()=>{if(u.value||s.value)return x()});e.watch([o],()=>{s.value=void 0,c.value=!0}),e.onUnmounted(()=>{var a;(a=r==null?void 0:r.value)==null||a.unregister(e.getCurrentInstance())}),r!=null&&r.value&&r.value.register(e.getCurrentInstance(),{validate:()=>(s.value=x(),s.value||!0),clearErrors:()=>{c.value=!1,p.value=!1,s.value=void 0},reset:()=>{o.value=""}});function x(){var a,i,B;if((a=n.rules)!=null&&a.length)for(const f of n.rules){const b=f(o.value,(i=r==null?void 0:r.value)==null?void 0:i.formData,(B=r==null?void 0:r.value)==null?void 0:B.formContext);if(b!==!0)return b||"Wrong value"}}function m(){p.value=!0}const h={v:e.computed({get:()=>o.value,set:a=>o.value=a})};return(a,i)=>{var B,f;return e.renderSlot(a.$slots,"default",{onBlur:m,error:S.value,formData:(B=e.unref(r))==null?void 0:B.formData,formContext:(f=e.unref(r))==null?void 0:f.formContext,model:h.v})}}}),O=e.defineComponent({__name:"VuilessForm",props:{formData:{},formContext:{},firstValidation:{default:"on-change"}},emits:["submit"],setup(l,{emit:n}){const o=l,r=n,s=new Map,c=e.ref(!1),p=e.computed(()=>({firstSubmitHappened:c.value,firstValidation:o.firstValidation,register:(m,h)=>{s.set(m,h)},unregister:m=>s.delete(m),formData:o.formData,formContext:o.formContext}));e.provide("vuiless",p);function u(){c.value=!1;for(const{clearErrors:m}of s.values())m()}async function S(){for(const{reset:m}of s.values())m();await e.nextTick(),u()}function x(){c.value=!0;let m=!1;if(o.firstValidation!=="none")for(const{validate:h}of s.values())h()!==!0&&(m=!0);m||r("submit",o.formData)}return(m,h)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(x,["prevent"])},[e.renderSlot(m.$slots,"default",{clearErrors:u,reset:S})],32))}}),N=e.defineComponent({__name:"oo-field",props:{field:{},type:{},component:{},autocomplete:{},altAction:{},order:{},name:{},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:{},value:{},validators:{},maxLength:{},minLength:{},min:{},max:{},error:{}},setup(l){const n=l,o=e.inject("vuiless"),r=e.computed(()=>({v:o.value.formData[n.field],data:o.value.formData,context:o.value.formContext??{},entry:void 0})),s=e.computed(()=>y(n.optional,r.value)),c=e.computed(()=>y(n.disabled,r.value)),p=e.computed(()=>y(n.hidden,r.value)),u=e.computed(()=>({...r.value,entry:{field:n.field,type:n.type,component:n.component,name:n.name||n.field,disabled:c.value,optional:s.value,hidden:p.value}})),S=e.computed(()=>y(n.label,u.value)),x=e.computed(()=>y(n.description,u.value)),m=e.computed(()=>y(n.hint,u.value)),h=e.computed(()=>y(n.placeholder,u.value)),a=e.computed(()=>y(n.options,u.value)),i=e.computed(()=>{const _=y(n.classes,u.value);return typeof _=="string"?{[_]:!0,disabled:c.value,required:!s.value}:{..._,disabled:c.value,required:!s.value}}),B=e.computed(()=>y(n.styles,u.value)),f=e.computed(()=>q(n.attrs,u.value)),b=e.computed(()=>n.validators.map(_=>(t,V,d)=>_({v:t,data:V,context:d??{},entry:u.value.entry})));return(_,t)=>(e.openBlock(),e.createBlock(e.unref(M),{modelValue:e.unref(o).formData[n.field],"onUpdate:modelValue":t[0]||(t[0]=V=>e.unref(o).formData[n.field]=V),rules:b.value},{default:e.withCtx(V=>[e.renderSlot(_.$slots,"default",{onBlur:V.onBlur,error:l.error||V.error,model:V.model,formData:e.unref(o).formData,formContext:e.unref(o).formContext,label:S.value,description:x.value,hint:m.value,placeholder:h.value,classes:{...i.value,error:!!l.error||!!V.error},styles:B.value,optional:s.value,disabled:c.value,hidden:p.value,type:l.type,altAction:l.altAction,component:l.component,vName:l.name,field:l.field,options:a.value,maxLength:l.maxLength,required:!s.value,autocomplete:l.autocomplete,attrs:f.value})]),_:3},8,["modelValue","rules"]))}}),$={key:0},j={key:1},U={key:0},I=["onUpdate:modelValue","onBlur","placeholder","autocomplete","name","type","disabled"],P={class:"oo-error-slot"},z={key:4},H={key:0},G=["onUpdate:modelValue","onBlur","name","disabled"],R={key:0,value:"",disabled:""},X=["value"],Y={class:"oo-error-slot"},K={class:"oo-field-label"},Q={key:0},W={class:"oo-radio-group"},J=["value","onUpdate:modelValue","onBlur","name","disabled"],Z={class:"oo-error-slot"},ee=["onUpdate:modelValue","onBlur","name","disabled"],te={key:0},oe={class:"oo-error-slot"},ne=["onClick"],le={key:9},re=["disabled"],ae=e.defineComponent({__name:"oo-form",props:{form:{},formData:{},formContext:{},firstValidation:{},components:{},types:{},errors:{}},emits:["submit","action","unsupported-action"],setup(l,{emit:n}){const o=l,r=e.ref({}),s=e.computed(()=>o.formData||r.value),c=e.computed(()=>({v:void 0,data:s.value,context:o.formContext??{},entry:void 0})),p=e.computed(()=>y(o.form.title,c.value)),u=e.computed(()=>y(o.form.submit.text,c.value)),S=e.computed(()=>y(o.form.submit.disabled,c.value));function x(i){T(o.form,i)?m("action",i,s.value):m("unsupported-action",i,s.value)}const m=n;function h(i){return typeof i=="string"?i:i.key}function a(i){return typeof i=="string"?i:i.label}return(i,B)=>(e.openBlock(),e.createBlock(e.unref(O),{"first-validation":l.firstValidation,onSubmit:B[0]||(B[0]=f=>m("submit",f)),"form-data":s.value,"form-context":l.formContext},{default:e.withCtx(f=>[e.renderSlot(i.$slots,"form.header",{clearErrors:f.clearErrors,reset:f.reset,title:p.value,formContext:l.formContext,disabled:S.value},()=>[p.value?(e.openBlock(),e.createElementBlock("h2",$,e.toDisplayString(p.value),1)):e.createCommentVNode("",!0)]),e.renderSlot(i.$slots,"form.before",{clearErrors:f.clearErrors,reset:f.reset}),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.form.fields,b=>{var _;return e.openBlock(),e.createBlock(N,e.mergeProps({key:b.field},{ref_for:!0},b,{error:(_=l.errors)==null?void 0:_[b.field]}),{default:e.withCtx(t=>[e.renderSlot(i.$slots,`field:${t.type}`,e.mergeProps({ref_for:!0},t),()=>{var V,d,E;return[b.component&&((V=o.components)!=null&&V[b.component])?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.components[b.component]),e.mergeProps({key:0,"on-blur":t.onBlur,error:t.error,model:t.model,"form-data":t.formData,"form-context":t.formContext,label:t.label,description:t.description,hint:t.hint,placeholder:t.placeholder,class:t.classes,style:t.styles,optional:t.optional,required:!t.required,disabled:t.disabled,hidden:t.hidden,type:t.type,"alt-action":t.altAction,name:t.vName,field:t,options:t.options,"max-length":t.maxLength,autocomplete:t.autocomplete,onAction:x},{ref_for:!0},t.attrs,{modelValue:t.model.value,"onUpdate:modelValue":g=>t.model.value=g}),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"])):b.component&&!((d=o.components)!=null&&d[b.component])?(e.openBlock(),e.createElementBlock("div",j," ["+e.toDisplayString(t.label)+'] Component "'+e.toDisplayString(t.component)+'" not supplied ',1)):(E=o.types)!=null&&E[b.type]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.types[b.type]),e.mergeProps({key:2,"on-blur":t.onBlur,error:t.error,model:t.model,"form-data":t.formData,"form-context":t.formContext,label:t.label,description:t.description,hint:t.hint,placeholder:t.placeholder,class:t.classes,style:t.styles,optional:t.optional,required:!t.required,disabled:t.disabled,hidden:t.hidden,type:t.type,"alt-action":t.altAction,name:t.vName,field:t,options:t.options,"max-length":t.maxLength,autocomplete:t.autocomplete,onAction:x},{ref_for:!0},t.attrs,{modelValue:t.model.value,"onUpdate:modelValue":g=>t.model.value=g}),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(t.type)?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["oo-default-field",t.classes])},[e.createElementVNode("label",null,e.toDisplayString(t.label),1),t.description?(e.openBlock(),e.createElementBlock("span",U,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps({"onUpdate:modelValue":g=>t.model.value=g,onBlur:t.onBlur,placeholder:t.placeholder,autocomplete:t.autocomplete,name:t.vName,type:t.type,disabled:t.disabled},{ref_for:!0},t.attrs),null,16,I),[[e.vModelDynamic,t.model.value]]),e.createElementVNode("div",P,e.toDisplayString(t.error||t.hint),1)],2)),[[e.vShow,!t.hidden]]):t.type==="paragraph"?(e.openBlock(),e.createElementBlock("p",z,e.toDisplayString(t.description),1)):t.type==="select"?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:5,class:e.normalizeClass(["oo-default-field",t.classes])},[e.createElementVNode("label",null,e.toDisplayString(t.label),1),t.description?(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("select",e.mergeProps({"onUpdate:modelValue":g=>t.model.value=g,onBlur:t.onBlur,name:t.vName,disabled:t.disabled},{ref_for:!0},t.attrs),[t.placeholder?(e.openBlock(),e.createElementBlock("option",R,e.toDisplayString(t.placeholder),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,g=>(e.openBlock(),e.createElementBlock("option",{key:h(g),value:h(g)},e.toDisplayString(a(g)),9,X))),128))],16,G),[[e.vModelSelect,t.model.value]]),e.createElementVNode("div",Y,e.toDisplayString(t.error||t.hint),1)],2)),[[e.vShow,!t.hidden]]):t.type==="radio"?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:6,class:e.normalizeClass(["oo-default-field oo-radio-field",t.classes])},[e.createElementVNode("span",K,e.toDisplayString(t.label),1),t.description?(e.openBlock(),e.createElementBlock("span",Q,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0),e.createElementVNode("div",W,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,g=>(e.openBlock(),e.createElementBlock("label",{key:h(g)},[e.withDirectives(e.createElementVNode("input",e.mergeProps({type:"radio",value:h(g),"onUpdate:modelValue":he=>t.model.value=he,onBlur:t.onBlur,name:t.vName,disabled:t.disabled},{ref_for:!0},t.attrs),null,16,J),[[e.vModelRadio,t.model.value]]),e.createTextVNode(" "+e.toDisplayString(a(g)),1)]))),128))]),e.createElementVNode("div",Z,e.toDisplayString(t.error||t.hint),1)],2)),[[e.vShow,!t.hidden]]):t.type==="checkbox"?e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:7,class:e.normalizeClass(["oo-default-field oo-checkbox-field",t.classes])},[e.createElementVNode("label",null,[e.withDirectives(e.createElementVNode("input",e.mergeProps({type:"checkbox","onUpdate:modelValue":g=>t.model.value=g,onBlur:t.onBlur,name:t.vName,disabled:t.disabled},{ref_for:!0},t.attrs),null,16,ee),[[e.vModelCheckbox,t.model.value]]),e.createTextVNode(" "+e.toDisplayString(t.label),1)]),t.description?(e.openBlock(),e.createElementBlock("span",te,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0),e.createElementVNode("div",oe,e.toDisplayString(t.error||t.hint),1)],2)),[[e.vShow,!t.hidden]]):t.type==="action"?(e.openBlock(),e.createElementBlock("div",{key:8,class:e.normalizeClass(["oo-default-field oo-action-field",t.classes])},[e.createElementVNode("button",{type:"button",onClick:g=>x(t.altAction)},e.toDisplayString(t.label),9,ne)],2)):(e.openBlock(),e.createElementBlock("div",le," ["+e.toDisplayString(t.label)+'] Not supported field type "'+e.toDisplayString(t.type)+'" '+e.toDisplayString(t.component),1))]})]),_:2},1040,["error"])}),128)),e.renderSlot(i.$slots,"form.after",{clearErrors:f.clearErrors,reset:f.reset,disabled:S.value,formContext:l.formContext}),e.renderSlot(i.$slots,"form.submit",{disabled:S.value,text:u.value,clearErrors:f.clearErrors,reset:f.reset,formContext:l.formContext},()=>[e.createElementVNode("button",{disabled:S.value},e.toDisplayString(u.value),9,re)]),e.renderSlot(i.$slots,"form.footer",{disabled:S.value,clearErrors:f.clearErrors,reset:f.reset,formContext:l.formContext})]),_:3},8,["first-validation","form-data","form-context"]))}}),se={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,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,eval:null,__ctx__:null};class ce{constructor(){w(this,"cache",new Map)}call(n,o){return this.getFn(n)(o)}getFn(n){let o=this.cache.get(n);return o||(o=ie(n),this.cache.set(n,o)),o}}function ie(l){const n=`with(__ctx__){
 ${l}
-}`,n=new Function("__ctx__",o);return a=>{const s=Object.freeze(Object.assign({},X,a));return n(s)}}const _=new Q;function k(l){const o=`return (${l})(v, data, context, entry)`;return _.getFn(o)}function F(l){const o=`return (${l})(data, context)`;return _.getFn(o)}function W(l){const o=`return (${l})(v, data, context)`;return _.getFn(o)}function V(l,o,n,a,s){const d=n.get(o);if(typeof d=="string")return a(d);const y=n.get(l);return y!==void 0?y:s}function Y(l){var o,n,a;const s=l.metadata,d=l.type.props,y=V("foorm.title","foorm.fn.title",s,F,""),g=V("foorm.submit.text","foorm.fn.submit.text",s,F,"Submit"),x=(()=>{const c=s.get("foorm.fn.submit.disabled");return typeof c=="string"?F(c):!1})(),B={text:g,disabled:x},u=[];for(const[c,m]of d.entries()){const r=m.metadata,i=(o=m.type)===null||o===void 0?void 0:o.tags,v=r.get("foorm.type"),t=(n=i==null?void 0:i.has("action"))!==null&&n!==void 0?n:!1,S=(a=i==null?void 0:i.has("paragraph"))!==null&&a!==void 0?a:!1,D=v??(t?"action":S?"paragraph":"text"),b=[],C=r.get("foorm.validate");if(C){const p=Array.isArray(C)?C:[C];for(const E of p)typeof E=="string"&&b.push(W(E))}const K={field:c,type:D,component:r.get("foorm.component"),autocomplete:r.get("foorm.autocomplete"),altAction:r.get("foorm.altAction"),order:r.get("foorm.order"),name:c,label:V("meta.label","foorm.fn.label",r,k,c),description:V("meta.description","foorm.fn.description",r,k,""),hint:V("meta.hint","foorm.fn.hint",r,k,""),placeholder:V("meta.placeholder","foorm.fn.placeholder",r,k,""),optional:(()=>{var p;const E=r.get("foorm.fn.optional");return typeof E=="string"?k(E):(p=m.optional)!==null&&p!==void 0?p:!1})(),disabled:(()=>{const p=r.get("foorm.fn.disabled");return typeof p=="string"?k(p):r.get("foorm.disabled")!==void 0})(),hidden:(()=>{const p=r.get("foorm.fn.hidden");return typeof p=="string"?k(p):r.get("foorm.hidden")!==void 0})(),classes:(()=>{const p=r.get("foorm.fn.classes");if(typeof p=="string")return k(p)})(),styles:(()=>{const p=r.get("foorm.fn.styles");if(typeof p=="string")return k(p)})(),options:(()=>{const p=r.get("foorm.fn.options");if(typeof p=="string")return k(p)})(),value:r.get("foorm.value"),validators:b,maxLength:r.get("expect.maxLength"),minLength:r.get("expect.minLength"),min:r.get("expect.min"),max:r.get("expect.max")};u.push(K)}return u.sort((c,m)=>{var r,i;return((r=c.order)!==null&&r!==void 0?r:1/0)-((i=m.order)!==null&&i!==void 0?i:1/0)}),{title:y,submit:B,fields:u}}function J(l){const o=Y(l),n=e.reactive(q(o.fields));return{form:o,formData:n}}h.OoField=A,h.OoForm=G,h.useFoorm=J,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
+}`,o=new Function("__ctx__",n);return r=>{const s=Object.freeze(Object.assign({},se,r));return o(s)}}const A=new ce;function D(l){const n=`return (${l})(v, data, context, entry)`;return A.getFn(n)}function F(l){const n=`return (${l})(data, context)`;return A.getFn(n)}function me(l){const n=`return (${l})(v, data, context)`;return A.getFn(n)}const de=new Set(["action","paragraph","select","radio","checkbox"]);function ue(l){return(Array.isArray(l)?l:[l]).map(o=>{if(typeof o=="object"&&o!==null&&"label"in o){const{label:r,value:s}=o;return s!==void 0?{key:s,label:r}:r}return String(o)})}function C(l,n,o,r,s){const c=o.get(n);if(typeof c=="string")return r(c);const p=o.get(l);return p!==void 0?p:s}function pe(l){const n=l.get("foorm.attr"),o=l.get("foorm.fn.attr");if(!n&&!o)return;const r={};if(n){const s=Array.isArray(n)?n:[n];for(const c of s)if(typeof c=="object"&&c!==null&&"name"in c&&"value"in c){const{name:p,value:u}=c;r[p]=u}}if(o){const s=Array.isArray(o)?o:[o];for(const c of s)if(typeof c=="object"&&c!==null&&"name"in c&&"fn"in c){const{name:p,fn:u}=c;r[p]=D(u)}}return Object.keys(r).length>0?r:void 0}function fe(l){var n,o;const r=l.metadata,s=l.type.props,c=C("foorm.title","foorm.fn.title",r,F,""),p=C("foorm.submit.text","foorm.fn.submit.text",r,F,"Submit"),u=(()=>{const m=r.get("foorm.fn.submit.disabled");return typeof m=="string"?F(m):!1})(),S={text:p,disabled:u},x=[];for(const[m,h]of s.entries()){const a=h.metadata,i=(n=h.type)===null||n===void 0?void 0:n.tags,B=a.get("foorm.type"),f=i?[...i].find(d=>de.has(d)):void 0,b=(o=B??f)!==null&&o!==void 0?o:"text",_=[],t=a.get("foorm.validate");if(t){const d=Array.isArray(t)?t:[t];for(const E of d)typeof E=="string"&&_.push(me(E))}const V={field:m,type:b,component:a.get("foorm.component"),autocomplete:a.get("foorm.autocomplete"),altAction:a.get("foorm.altAction"),order:a.get("foorm.order"),name:m,label:C("meta.label","foorm.fn.label",a,D,m),description:C("meta.description","foorm.fn.description",a,D,""),hint:C("meta.hint","foorm.fn.hint",a,D,""),placeholder:C("meta.placeholder","foorm.fn.placeholder",a,D,""),optional:(()=>{var d;const E=a.get("foorm.fn.optional");return typeof E=="string"?D(E):(d=h.optional)!==null&&d!==void 0?d:!1})(),disabled:(()=>{const d=a.get("foorm.fn.disabled");return typeof d=="string"?D(d):a.get("foorm.disabled")!==void 0})(),hidden:(()=>{const d=a.get("foorm.fn.hidden");return typeof d=="string"?D(d):a.get("foorm.hidden")!==void 0})(),classes:(()=>{const d=a.get("foorm.fn.classes");if(typeof d=="string")return D(d)})(),styles:(()=>{const d=a.get("foorm.fn.styles");if(typeof d=="string")return D(d)})(),options:(()=>{const d=a.get("foorm.fn.options");if(typeof d=="string")return D(d);const E=a.get("foorm.options");if(E)return ue(E)})(),value:a.get("foorm.value"),validators:_,attrs:pe(a),maxLength:a.get("expect.maxLength"),minLength:a.get("expect.minLength"),min:a.get("expect.min"),max:a.get("expect.max")};x.push(V)}return x.sort((m,h)=>{var a,i;return((a=m.order)!==null&&a!==void 0?a:1/0)-((i=h.order)!==null&&i!==void 0?i:1/0)}),{title:c,submit:S,fields:x}}function ye(l){const n=fe(l),o=e.reactive(L(n.fields));return{form:n,formData:o}}k.OoField=N,k.OoForm=ae,k.useFoorm=ye,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.oo-default-field{display:flex;flex-direction:column;gap:4px}.oo-default-field.required label:after{content:" *";color:red}.oo-default-field.error input{outline:1px solid red}.oo-default-field .oo-error-slot{height:14px;line-height:12px;font-size:12px}.oo-default-field.error .oo-error-slot{color:red}
+.oo-default-field{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.oo-default-field label{font-size:13px;font-weight:600;color:#374151}.oo-default-field.required label:after{content:" *";color:#ef4444}.oo-default-field span{font-size:12px;color:#6b7280}.oo-default-field input,.oo-default-field select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1d1d1f;background:#fff;transition:border-color .15s,box-shadow .15s;outline:none}.oo-default-field input::placeholder{color:#9ca3af}.oo-default-field input:focus,.oo-default-field select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.oo-default-field input:disabled,.oo-default-field select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.oo-default-field.error input,.oo-default-field.error select{border-color:#ef4444}.oo-default-field.error input:focus,.oo-default-field.error select:focus{box-shadow:0 0 0 3px #ef444426}.oo-default-field .oo-field-label{font-size:13px;font-weight:600;color:#374151}.oo-radio-group{display:flex;flex-direction:column;gap:6px}.oo-radio-group label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;color:#1d1d1f;cursor:pointer}.oo-radio-group input[type=radio]{padding:0;border:none;box-shadow:none}.oo-checkbox-field>label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;color:#1d1d1f;cursor:pointer}.oo-checkbox-field>label input[type=checkbox]{padding:0;border:none;box-shadow:none}.oo-default-field .oo-error-slot{min-height:16px;line-height:16px;font-size:12px;color:#6b7280}.oo-default-field.error .oo-error-slot{color:#ef4444}.oo-default-field.oo-action-field button{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:background .15s,border-color .15s}.oo-default-field.oo-action-field button:hover{background:#f9fafb;border-color:#9ca3af}h2{margin:0 0 8px;font-size:20px;font-weight:700;color:#111827}p{margin:0 0 4px;font-size:14px;color:#6b7280}button[type=submit],button:not([type]){margin-top:8px;padding:10px 20px;border:none;border-radius:6px;background:#6366f1;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}button[type=submit]:hover,button:not([type]):hover{background:#4f46e5}button[type=submit]:disabled,button:not([type]):disabled{background:#c7d2fe;cursor:not-allowed}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foormjs/vue",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "@foormjs/vue",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -42,16 +42,16 @@
   "dependencies": {
     "vue": "^3.5.28",
     "vuiless-forms": "^0.0.3",
-    "@foormjs/atscript": "^0.2.0",
-    "foorm": "^0.2.0"
+    "@foormjs/atscript": "^0.2.1",
+    "foorm": "^0.2.1"
   },
   "peerDependencies": {
-    "@atscript/core": "^0.1.6",
-    "@atscript/typescript": "^0.1.6"
+    "@atscript/core": "^0.1.7",
+    "@atscript/typescript": "^0.1.7"
   },
   "devDependencies": {
-    "@atscript/core": "^0.1.6",
-    "@atscript/typescript": "^0.1.6",
+    "@atscript/core": "^0.1.7",
+    "@atscript/typescript": "^0.1.7",
     "@playwright/test": "^1.58.2",
     "@tsconfig/node20": "^20.1.9",
     "@types/node": "^20.19.33",