@bach.software/vue-dynamic-form 0.1.3 → 0.2.0

package/dist/useDynamicForm-B6YN35Qb.js

@@ -0,0 +1,684 @@
+import { computed as n, defineComponent as ae, inject as fe, ref as J, watch as ie, watchEffect as _e, createElementBlock as $, openBlock as h, Fragment as z, withDirectives as Ae, createCommentVNode as ee, createBlock as D, unref as Q, createElementVNode as Ve, toDisplayString as be, isRef as Ce, vShow as Ie, resolveDynamicComponent as ue, withCtx as le, renderList as re, onBeforeUnmount as Pe, resolveComponent as Be, mergeProps as te, createSlots as $e, provide as we, useSlots as Le, useAttrs as ke, renderSlot as de, normalizeProps as me } from "vue";
+import { useFieldArray as qe, defineRule as F, validate as ve, useValidateField as Te, useField as he, useSubmitCount as Fe, useForm as je, useFieldValue as ze } from "vee-validate";
+function Re(e) {
+  const { fields: r, ...t } = qe(e), u = n(() => r.value.map(({ value: l }) => l));
+  return {
+    fields: r,
+    values: u,
+    ...t
+  };
+}
+const se = Symbol("dynamicFormSettings");
+/**
+  * vee-validate v4.15.1
+  * (c) 2025 Abdelrahman Awad
+  * @license MIT
+  */
+function ne(e, r) {
+  return Array.isArray(e) ? e[0] : e[r];
+}
+function Y(e) {
+  return !!(e == null || e === "" || Array.isArray(e) && e.length === 0);
+}
+const Se = (e, r) => {
+  if (Y(e))
+    return !0;
+  const t = ne(r, "length");
+  return Array.isArray(e) ? e.every((u) => Se(u, { length: t })) : [...String(e)].length <= Number(t);
+}, Ee = (e, r) => {
+  if (Y(e))
+    return !0;
+  const t = ne(r, "max");
+  return Array.isArray(e) ? e.length > 0 && e.every((u) => Ee(u, { max: t })) : Number(e) <= Number(t);
+}, Ue = (e, r) => {
+  if (Y(e))
+    return !0;
+  const t = ne(r, "length");
+  return Array.isArray(e) ? e.every((u) => Ue(u, { length: t })) : [...String(e)].length >= Number(t);
+}, Ne = (e, r) => {
+  if (Y(e))
+    return !0;
+  const t = ne(r, "min");
+  return Array.isArray(e) ? e.length > 0 && e.every((u) => Ne(u, { min: t })) : Number(e) >= Number(t);
+}, De = (e, r) => Y(e) ? !0 : Array.isArray(e) ? e.every((t) => De(t, r)) : Array.from(r).some((t) => t == e), Me = (e, r) => {
+  if (Y(e))
+    return !0;
+  let t = ne(r, "regex");
+  return typeof t == "string" && (t = new RegExp(t)), Array.isArray(e) ? e.every((u) => Me(u, { regex: t })) : t.test(String(e));
+};
+function We(e) {
+  return e == null;
+}
+function He(e) {
+  return Array.isArray(e) && e.length === 0;
+}
+const Ke = (e) => We(e) || He(e) || e === !1 ? !1 : !!String(e).trim().length;
+function j(e) {
+  return e == null ? !1 : Array.isArray(e) ? e.some((r) => j(r)) : typeof e == "object" ? Object.values(e).some((r) => j(r)) : !0;
+}
+function Xe(e, r, t) {
+  return typeof e == "function" ? e(r) : e.replace(/\{(\w+)\}/g, (u, l) => {
+    if (l in r)
+      return String(r[l]);
+    if (t && !Array.isArray(t) && l in t)
+      return String(t[l]);
+    const i = Number(l);
+    return Number.isNaN(i) ? r.rule?.params && !Array.isArray(r.rule.params) ? String(r.rule.params[l] ?? `{${l}}`) : `{${l}}` : Array.isArray(t) && t[i] !== void 0 ? String(t[i]) : String(r.rule?.params?.[i] ?? `{${l}}`);
+  });
+}
+F("xsd_required", Ke);
+F("xsd_minOccurs", (e, [r]) => Array.isArray(e) ? e.filter(j).length >= Number(r) : !0);
+F("xsd_choiceMinOccurs", () => !1);
+F("xsd_minLength", Ue);
+F("xsd_maxLength", Se);
+F("xsd_length", (e, [r]) => e == null || e === "" ? !0 : String(e).length === Number(r));
+F("xsd_pattern", Me);
+F("xsd_minInclusive", Ne);
+F("xsd_maxInclusive", Ee);
+F("xsd_minExclusive", (e, [r]) => e == null || e === "" ? !0 : Number(e) > Number(r));
+F("xsd_maxExclusive", (e, [r]) => e == null || e === "" ? !0 : Number(e) < Number(r));
+F("xsd_enumeration", De);
+F("xsd_whiteSpace", (e, [r]) => {
+  if (e == null || e === "")
+    return !0;
+  const t = String(e);
+  return r === "replace" ? !/[\t\n\r]/.test(t) : r === "collapse" ? t === t.trim() && !/\s{2,}/.test(t) : !0;
+});
+F("xsd_fractionDigits", (e, [r]) => {
+  if (e == null || e === "")
+    return !0;
+  const t = String(e).indexOf(".");
+  return t === -1 ? !0 : String(e).length - t - 1 <= Number(r);
+});
+F("xsd_totalDigits", (e, [r]) => e == null || e === "" ? !0 : (String(e).replace(/^-/, "").replace(".", "").replace(/^0+/, "") || "0").length <= Number(r));
+const Ge = {
+  xsd_minOccurs: "min",
+  xsd_choiceMinOccurs: "min",
+  xsd_minLength: "length",
+  xsd_maxLength: "length",
+  xsd_length: "length",
+  xsd_pattern: "pattern",
+  xsd_minInclusive: "min",
+  xsd_maxInclusive: "max",
+  xsd_minExclusive: "min",
+  xsd_maxExclusive: "max",
+  xsd_whiteSpace: "mode",
+  xsd_fractionDigits: "digits",
+  xsd_totalDigits: "digits"
+};
+function pe(e) {
+  return e.label ?? e.field ?? e.name ?? "";
+}
+function I(e, r, t) {
+  const u = Ge[e], l = r !== void 0 ? { 0: r, ...u ? { [u]: r } : {} } : {};
+  return async (i, s) => {
+    const m = pe(s), A = m ? { name: m } : void 0, v = m && s.field !== m ? { ...s, field: m } : s, V = await ve(
+      i,
+      r !== void 0 ? { [e]: r } : e,
+      A
+    );
+    return V.valid ? !0 : t ? Xe(t, v, l) : V.errors[0];
+  };
+}
+function Oe(e) {
+  return e?.replaceAll(/\[[`'"](.*?)[`'"]\]/g, ".$1") ?? "";
+}
+function ye(e, r) {
+  if (!e || !r)
+    return e;
+  const t = r.split(".") ?? [], u = e.split(".") ?? [];
+  for (let l = 0; l < t.length; l++)
+    u[l] = t[l];
+  return u.join(".");
+}
+function ge(e) {
+  return e ? typeof e == "function" ? [e] : Array.isArray(e) ? e.flatMap(ge) : typeof e == "string" ? e.split("|").map((r) => async (t, u) => {
+    const l = pe(u), i = await ve(t, r, l ? { name: l } : void 0);
+    return i.valid ? !0 : i.errors[0];
+  }) : Object.entries(e).map(([r, t]) => async (u, l) => {
+    const i = pe(l), s = await ve(u, { [r]: t }, i ? { name: i } : void 0);
+    return s.valid ? !0 : s.errors[0];
+  }) : [];
+}
+const Je = { key: 0 }, Qe = ["data-testid"], Ye = /* @__PURE__ */ ae({
+  __name: "DynamicFormItemArray",
+  props: {
+    template: {},
+    fieldMetadata: {},
+    pathOverride: {},
+    minOccursOverride: {},
+    maxOccursOverride: {},
+    partOfArrayField: { type: Boolean },
+    partOfChoiceField: { type: Boolean },
+    isArrayOverride: {},
+    index: {},
+    canAddItems: { type: Boolean },
+    canRemoveItems: { type: Boolean },
+    addItem: { type: Function },
+    removeItem: { type: Function },
+    slotProps: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: r }) {
+    const t = e, u = r, l = fe(se);
+    let i = 0;
+    const s = n(() => t.fieldMetadata), m = n(() => s.value?.path ? ye(s.value.path, t.pathOverride) : ""), A = n(() => Oe(m.value)), v = Te(A), { remove: V, push: U, fields: O, update: M, values: b, replace: R } = Re(A), g = n(
+      () => t.minOccursOverride !== void 0 ? t.minOccursOverride : s.value?.minOccurs ?? 1
+    ), x = n(
+      () => t.maxOccursOverride !== void 0 ? t.maxOccursOverride : s.value?.maxOccurs ?? 1
+    ), P = n(() => x.value === 0), W = n(() => g.value >= 1 && !P.value), S = n(
+      () => x.value === 0 ? 0 : 1
+      // max 1
+    ), H = n(
+      () => (
+        // When we have less then the allowed amount
+        x.value > O.value?.length
+      )
+    ), k = n(() => t.partOfChoiceField ? O.value?.length > 0 : O.value?.length > g.value && O.value?.length > 1), K = n(() => {
+      const p = [], N = l?.value?.messages;
+      return W.value && p.push(I("xsd_minOccurs", g.value, N?.minOccurs)), s.value?.validation && p.push(...ge(s.value?.validation)), p;
+    }), { label: q, errors: c, errorMessage: y, handleBlur: C } = he(A, K, {
+      ...s.value?.fieldOptions ?? {},
+      validateOnValueUpdate: !1
+      // We own the validation moment
+    }), f = { label: q, errors: c, errorMessage: y }, d = Fe(), E = J(!1), B = n(() => {
+      if (!E.value)
+        return;
+      const p = l?.value?.validateOnValueUpdateAfterSubmit === !0 ? d.value > 0 && l?.value?.validateOnValueUpdateAfterSubmit : void 0, N = l?.value?.validateWhenInError && f?.errors.value?.length > 0 ? !0 : void 0;
+      return s.value?.fieldOptions?.validateOnValueUpdate ?? N ?? p ?? l?.value?.validateOnValueUpdate;
+    });
+    ie(
+      b,
+      (p) => {
+        B.value && v(), u("update:modelValue", p);
+      },
+      { immediate: !0 }
+    ), _e(() => {
+      t.partOfChoiceField || (O.value?.length < 1 || O.value?.length < g.value) && T();
+    });
+    function T() {
+      U(null), u("update:modelValue", b.value);
+    }
+    function X(p) {
+      k.value ? V(p ?? O.value.length - 1) : R(b.value?.map((N, L) => L === p ? null : N)), u("update:modelValue", b.value);
+    }
+    function w(p, N) {
+      E.value || (E.value = !0, B.value && v()), p === void 0 && N >= 0 && M(N, void 0), u("update:modelValue", b.value);
+    }
+    return (p, N) => (h(), $(z, null, [
+      Q(l)?.analytics ? Ae((h(), $("div", Je, [
+        Ve("span", {
+          "data-testid": `${m.value}-analytics-render-count`
+        }, be(Ce(i) ? ++i.value : ++i), 9, Qe)
+      ], 512)), [
+        [Ie, !1]
+      ]) : ee("", !0),
+      (h(), D(ue(p.template), {
+        type: "array",
+        "field-metadata": p.fieldMetadata,
+        "field-context": f,
+        required: W.value,
+        disabled: P.value,
+        index: p.index,
+        "slot-props": p.slotProps,
+        "can-add-items": H.value,
+        "can-remove-items": k.value,
+        "add-item": T,
+        "remove-item": X
+      }, {
+        default: le((L) => [
+          (h(!0), $(z, null, re(Q(O) ?? [], ({ key: ce }, a) => (h(), D(oe, {
+            key: ce,
+            "field-metadata": p.fieldMetadata,
+            "path-override": `${m.value}[${a}]`,
+            index: a,
+            template: p.template,
+            "slot-props": L,
+            "max-occurs-override": S.value,
+            "can-add-items": H.value,
+            "can-remove-items": k.value,
+            "add-item": T,
+            "remove-item": () => X(a),
+            "part-of-array-field": "",
+            "is-array-override": "single",
+            "onUpdate:modelValue": (o) => w(o, a),
+            onBlur: Q(C)
+          }, null, 8, ["field-metadata", "path-override", "index", "template", "slot-props", "max-occurs-override", "can-add-items", "can-remove-items", "remove-item", "onUpdate:modelValue", "onBlur"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["field-metadata", "required", "disabled", "index", "slot-props", "can-add-items", "can-remove-items"]))
+    ], 64));
+  }
+}), Ze = /* @__PURE__ */ ae({
+  __name: "DynamicFormItemChoice",
+  props: {
+    template: {},
+    fieldMetadata: {},
+    pathOverride: {},
+    minOccursOverride: {},
+    maxOccursOverride: {},
+    partOfArrayField: { type: Boolean },
+    partOfChoiceField: { type: Boolean },
+    isArrayOverride: {},
+    index: {},
+    canAddItems: { type: Boolean },
+    canRemoveItems: { type: Boolean },
+    addItem: { type: Function },
+    removeItem: { type: Function },
+    slotProps: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: r }) {
+    const t = e, u = r, l = fe(se), i = n(() => t.fieldMetadata), s = n(() => ye(i.value.path ?? "", t.pathOverride)), m = n(
+      () => t.minOccursOverride !== void 0 ? t.minOccursOverride : i.value?.minOccurs ?? 1
+    ), A = n(
+      () => t.maxOccursOverride !== void 0 ? t.maxOccursOverride : i.value?.maxOccurs ?? 1
+    ), v = n(
+      () => m.value === 0 ? 0 : void 0
+    ), V = n(
+      () => A.value === 0 ? 0 : void 0
+    ), U = n(() => i.value?.maxOccurs > 1 ? "array" : void 0), O = n(() => A.value === 0), M = n(() => m.value >= 1 && !O.value), b = J({}), R = n(() => Object.values(b.value).map((c) => c.value)), g = n(() => {
+      const c = {};
+      i.value?.choice?.forEach((f, d) => {
+        c[d] = {
+          childValuesCount: 0,
+          childOccurrences: 0,
+          childMaxOccurrences: 1,
+          choiceValuesCount: 0,
+          choiceOccurrences: 0,
+          overrideChildMaxOccurrences: void 0,
+          overrideChildMinOccurrences: 0
+          // make required fields by default optional
+        };
+      });
+      const y = A.value ?? 1;
+      if (y === 0)
+        return i.value?.choice?.forEach((f, d) => {
+          c[d].overrideChildMaxOccurrences = 0, c[d].overrideChildMinOccurrences = 0;
+        }), c;
+      for (const [f, d] of Object.entries(b.value ?? {})) {
+        let E = Math.ceil(d.occurrences / d.maxOccurrences);
+        const B = Math.ceil(
+          d.valuesCount / d.maxOccurrences
+        );
+        y * d.maxOccurrences === 1 && (E = B), c[f] = {
+          childValuesCount: d.valuesCount,
+          childOccurrences: d.occurrences,
+          childMaxOccurrences: d.maxOccurrences,
+          choiceOccurrences: E,
+          choiceValuesCount: B,
+          // Only override the minOccurrences (making a required field optional) when there is no value in that child
+          overrideChildMinOccurrences: d.valuesCount === 0 ? 0 : void 0,
+          // will be calculated below, once all child values are present
+          overrideChildMaxOccurrences: void 0
+        };
+      }
+      const C = Object.values(c).reduce(
+        (f, d) => f + d.choiceOccurrences,
+        0
+      );
+      return Object.values(c).forEach((f) => {
+        const E = (C - f.choiceOccurrences) * f.childMaxOccurrences, B = y * f.childMaxOccurrences;
+        f.overrideChildMaxOccurrences = B - E;
+      }), c;
+    }), x = n(
+      () => Object.values(g.value).reduce(
+        (c, y) => c + y.choiceValuesCount,
+        0
+      )
+    ), P = n(
+      () => i.value?.choice?.length === 1 ? i.value?.choice[0] : void 0
+    ), W = n(() => {
+      if (P.value || O.value || x.value >= m.value)
+        return;
+      const c = l?.value?.messages;
+      return [I("xsd_choiceMinOccurs", m.value, c?.choiceMinOccurs)];
+    }), S = n(() => Oe(s.value)), { errors: H, errorMessage: k } = he(S, W, i.value?.fieldOptions), K = { label: i.value?.fieldOptions?.label, errors: H, errorMessage: k };
+    ie(i, (c) => {
+      c && c.choice?.forEach((y, C) => {
+        q(void 0, C, y.maxOccurs);
+      });
+    }, { immediate: !0 });
+    function q(c, y, C = 1, f = !1) {
+      if (f) {
+        u("update:modelValue", R.value);
+        return;
+      }
+      if (y === void 0)
+        return;
+      let d = Array.isArray(c) ? c : [c];
+      (A.value ?? 1) * C === 1 && (d = d.filter((p) => p !== void 0));
+      const T = d.length, X = d.filter((p) => j(p)).length, w = b.value[y] ?? {};
+      w.value = c, w.occurrences = T, w.valuesCount = X, w.maxOccurrences = C, b.value[y] || (b.value[y] = w), u("update:modelValue", R.value);
+    }
+    return (c, y) => (h(), D(ue(c.template), {
+      type: "choice",
+      "field-metadata": c.fieldMetadata,
+      "field-context": K,
+      required: M.value,
+      disabled: O.value,
+      "slot-props": c.slotProps,
+      "can-add-items": c.canAddItems,
+      "can-remove-items": c.canRemoveItems,
+      "add-item": c.addItem,
+      "remove-item": c.removeItem
+    }, {
+      default: le((C) => [
+        P.value ? (h(), D(oe, {
+          key: 0,
+          "field-metadata": P.value,
+          "path-override": c.pathOverride,
+          template: c.template,
+          "slot-props": C,
+          "min-occurs-override": v.value,
+          "max-occurs-override": V.value,
+          "part-of-choice-field": "",
+          "onUpdate:modelValue": y[0] || (y[0] = (f) => q(f, 0, P.value.maxOccurs, !0))
+        }, null, 8, ["field-metadata", "path-override", "template", "slot-props", "min-occurs-override", "max-occurs-override"])) : (h(!0), $(z, { key: 1 }, re(i.value.choice, (f, d) => (h(), D(oe, {
+          key: f.name,
+          "field-metadata": f,
+          "path-override": c.pathOverride,
+          template: c.template,
+          "slot-props": C,
+          "min-occurs-override": g.value[d]?.overrideChildMinOccurrences,
+          "max-occurs-override": g.value[d]?.overrideChildMaxOccurrences,
+          "is-array-override": U.value,
+          "part-of-choice-field": "",
+          "onUpdate:modelValue": (E) => q(E, d, f.maxOccurs)
+        }, null, 8, ["field-metadata", "path-override", "template", "slot-props", "min-occurs-override", "max-occurs-override", "is-array-override", "onUpdate:modelValue"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["field-metadata", "required", "disabled", "slot-props", "can-add-items", "can-remove-items", "add-item", "remove-item"]));
+  }
+}), et = { key: 0 }, tt = ["data-testid"], xe = 10, oe = /* @__PURE__ */ ae({
+  __name: "DynamicFormItem",
+  props: {
+    template: {},
+    fieldMetadata: {},
+    pathOverride: {},
+    minOccursOverride: {},
+    maxOccursOverride: {},
+    partOfArrayField: { type: Boolean },
+    partOfChoiceField: { type: Boolean },
+    isArrayOverride: {},
+    index: {},
+    canAddItems: { type: Boolean },
+    canRemoveItems: { type: Boolean },
+    addItem: { type: Function },
+    removeItem: { type: Function },
+    slotProps: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(e, { emit: r }) {
+    const t = e, u = r, l = fe(se);
+    let i = 0, s = 0, m;
+    function A(a) {
+      if (s++, m == null && (m = setTimeout(() => {
+        s = 0, m = void 0;
+      }, 0)), s > xe)
+        throw new Error(
+          `[DynamicFormItem] Possible infinite loop detected in computedProps for field "${a}". computedProps recomputed more than ${xe} times synchronously. Ensure value writes inside computedProps are idempotent (the same input always produces the same output).`
+        );
+    }
+    const v = n(() => t.fieldMetadata), V = n(() => v.value?.path ? ye(v.value.path, t.pathOverride) : ""), U = n(() => v.value?.isComplexType || v.value?.attributes?.length), O = n(() => {
+      let a = V.value;
+      if (U.value && a) {
+        const o = l?.value?.complexTypeValueProperty ?? "value";
+        a = `${a}['${o}']`;
+      }
+      return a;
+    }), M = n(() => Oe(O.value)), b = n(() => t.isArrayOverride === "array" ? !0 : t.isArrayOverride === "single" ? !1 : (v.value?.maxOccurs ?? 1) > 1), R = J([]), g = b.value ? { value: J(void 0) } : he(M, R, {
+      ...v.value?.fieldOptions ?? {},
+      validateOnValueUpdate: !1
+      // We own the validation moment
+    }), x = g.value, P = J(!0), W = J(0), S = n(() => {
+      A(V.value), v.value?.computeOnChildValueChange === !0 && W.value;
+      const o = (v.value?.computedProps ?? []).reduce(
+        (_, G) => (G(_, x), _),
+        // Spread the original object, so we can make changes & add the actual path
+        { ...v.value, path: V.value }
+      );
+      return o.path = V.value, o;
+    }), H = n(() => t.minOccursOverride !== void 0 ? t.minOccursOverride : t.partOfArrayField ? 0 : S.value?.minOccurs ?? 1), k = n(
+      () => t.maxOccursOverride !== void 0 ? t.maxOccursOverride : S.value?.maxOccurs ?? 1
+    ), K = n(() => !!v.value?.children?.length), q = n(() => !!v.value?.choice?.length), c = n(() => !b.value && !q.value && !K.value), y = n(() => k.value === 0), C = n(() => H.value >= 1 && !y.value), f = n(() => {
+      if (t.minOccursOverride === 0)
+        return t.minOccursOverride;
+      if (!(H.value > 0) && !j(x.value))
+        return 0;
+    }), d = n(
+      () => k.value === 0 ? 0 : void 0
+    ), E = n(() => t.partOfArrayField && j(x.value) ? !0 : t.canRemoveItems), B = n(
+      () => v.value?.attributes?.length && j(x.value)
+    ), T = Fe(), X = n(() => {
+      const a = l?.value?.validateOnValueUpdateAfterSubmit === !0 ? T.value > 0 && l?.value?.validateOnValueUpdateAfterSubmit : void 0, o = l?.value?.validateWhenInError && g?.errors.value?.length > 0 ? !0 : void 0;
+      return v.value?.fieldOptions?.validateOnValueUpdate ?? o ?? a ?? l?.value?.validateOnValueUpdate;
+    });
+    g.hasValue = n(
+      // Computed that will only be called, when the hasValue.value is actually used
+      () => j(x.value)
+    );
+    const w = g.handleBlur;
+    g.handleBlur = function(a, o) {
+      o = o ?? l?.value?.validateOnBlur, w(a, o), u("blur", a, o);
+    };
+    const p = g.handleChange;
+    g.handleChange = function(a, o) {
+      p(a, o === !0);
+    }, _e(() => {
+      const a = [], o = v.value.restriction ?? {}, _ = l?.value?.messages;
+      C.value && a.push(I("xsd_required", void 0, _?.required)), o.minLength != null && a.push(I("xsd_minLength", o.minLength, _?.minLength)), o.maxLength != null && a.push(I("xsd_maxLength", o.maxLength, _?.maxLength)), o.length != null && a.push(I("xsd_length", o.length, _?.length)), o.pattern != null && a.push(I("xsd_pattern", o.pattern, _?.pattern)), o.minInclusive != null && a.push(I("xsd_minInclusive", o.minInclusive, _?.minInclusive)), o.maxInclusive != null && a.push(I("xsd_maxInclusive", o.maxInclusive, _?.maxInclusive)), o.minExclusive != null && a.push(I("xsd_minExclusive", o.minExclusive, _?.minExclusive)), o.maxExclusive != null && a.push(I("xsd_maxExclusive", o.maxExclusive, _?.maxExclusive)), o.enumeration != null && a.push(I("xsd_enumeration", o.enumeration, _?.enumeration)), o.whiteSpace != null && a.push(I("xsd_whiteSpace", o.whiteSpace, _?.whiteSpace)), o.fractionDigits != null && a.push(I("xsd_fractionDigits", o.fractionDigits, _?.fractionDigits)), o.totalDigits != null && a.push(I("xsd_totalDigits", o.totalDigits, _?.totalDigits)), v.value?.validation && a.push(...ge(v.value?.validation)), R.value = a;
+    });
+    let N = !1;
+    ie(x, (a) => {
+      N || (N = !0, a === "" && (x.value = t.partOfArrayField ? null : void 0), N = !1);
+    }, {
+      flush: "sync"
+      // we need to override the value before its used somewhere else
+    }), ie(
+      x,
+      (a) => {
+        c.value && ((!P.value || a) && (L(), X.value && g?.validate()), P.value = !1);
+      },
+      {
+        immediate: !0
+      }
+    ), Pe(() => {
+      m != null && clearTimeout(m), !t.partOfArrayField && x.value !== void 0 && (x.value = void 0, L());
+    });
+    function L() {
+      W.value++, u("update:modelValue", x.value);
+    }
+    function ce(a) {
+      x.value = a, u("update:modelValue", x.value);
+    }
+    return (a, o) => {
+      const _ = Be("DynamicFormItem", !0);
+      return h(), $(z, null, [
+        Q(l)?.analytics ? Ae((h(), $("div", et, [
+          Ve("span", {
+            "data-testid": `${V.value}-analytics-render-count`
+          }, be(Ce(i) ? ++i.value : ++i), 9, tt)
+        ], 512)), [
+          [Ie, !1]
+        ]) : ee("", !0),
+        q.value ? (h(), D(Ze, te({ key: 1 }, t, {
+          "field-metadata": S.value,
+          "onUpdate:modelValue": L
+        }), null, 16, ["field-metadata"])) : b.value ? (h(), D(Ye, te({ key: 2 }, t, {
+          "part-of-choice-field": a.partOfChoiceField,
+          "field-metadata": S.value,
+          "onUpdate:modelValue": ce
+        }), null, 16, ["part-of-choice-field", "field-metadata"])) : (h(), D(ue(a.template), {
+          key: 3,
+          type: S.value.type,
+          "field-metadata": S.value,
+          "field-context": Q(g),
+          "slot-props": a.slotProps,
+          required: C.value,
+          disabled: y.value,
+          "can-add-items": a.canAddItems,
+          "can-remove-items": E.value,
+          "add-item": a.addItem,
+          "remove-item": a.removeItem
+        }, $e({
+          default: le((G) => [
+            K.value ? (h(!0), $(z, { key: 0 }, re(S.value.children, (Z) => (h(), D(_, {
+              key: Z.path,
+              "field-metadata": Z,
+              "path-override": O.value,
+              template: a.template,
+              "slot-props": G,
+              "min-occurs-override": f.value,
+              "max-occurs-override": d.value,
+              "onUpdate:modelValue": L
+            }, null, 8, ["field-metadata", "path-override", "template", "slot-props", "min-occurs-override", "max-occurs-override"]))), 128)) : ee("", !0),
+            K.value ? ee("", !0) : (h(), D(ue(a.template), {
+              key: 1,
+              type: `${S.value.type}-input`,
+              "field-metadata": S.value,
+              "field-context": Q(g),
+              "slot-props": G,
+              required: C.value,
+              disabled: y.value,
+              "can-add-items": a.canAddItems,
+              "can-remove-items": E.value,
+              "add-item": a.addItem,
+              "remove-item": a.removeItem
+            }, null, 8, ["type", "field-metadata", "field-context", "slot-props", "required", "disabled", "can-add-items", "can-remove-items", "add-item", "remove-item"]))
+          ]),
+          _: 2
+        }, [
+          B.value ? {
+            name: "attributes",
+            fn: le((G) => [
+              (h(!0), $(z, null, re(S.value.attributes, (Z) => (h(), D(_, {
+                key: Z.path,
+                "field-metadata": Z,
+                "path-override": V.value,
+                template: a.template,
+                "slot-props": G,
+                "min-occurs-override": f.value,
+                "max-occurs-override": d.value,
+                "onUpdate:modelValue": L
+              }, null, 8, ["field-metadata", "path-override", "template", "slot-props", "min-occurs-override", "max-occurs-override"]))), 128))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["type", "field-metadata", "field-context", "slot-props", "required", "disabled", "can-add-items", "can-remove-items", "add-item", "remove-item"]))
+      ], 64);
+    };
+  }
+}), lt = /* @__PURE__ */ ae({
+  name: "DynamicForm",
+  inheritAttrs: !1,
+  __name: "DynamicForm",
+  props: {
+    metadata: {},
+    template: {},
+    settings: {}
+  },
+  setup(e) {
+    const r = n(() => ({
+      // Set some default values
+      validateOnValueUpdate: !0,
+      validateWhenInError: !0,
+      ...e.settings ?? {}
+    }));
+    we(se, r);
+    const t = n(
+      () => Array.isArray(e.metadata) ? e.metadata : [e.metadata]
+    ), u = n(
+      () => t.value?.map((s, m) => i(s, m)) ?? []
+    ), l = n(
+      () => e.template
+    );
+    function i(s, m, A) {
+      if (!s)
+        return s;
+      const v = s.name ?? `field-${m}`, V = s.path ?? [A?.path, v].filter(Boolean).join("."), U = {
+        // Set defaults
+        name: v,
+        path: V,
+        type: "text",
+        // Default type
+        minOccurs: 1,
+        // by default required
+        maxOccurs: 1,
+        // by default not repeatable
+        ...s,
+        // Override some of the field properties
+        computedProps: [...s.computedProps ?? []],
+        parent: A
+      };
+      return U.children = (s.children ?? []).map(
+        (O, M) => i(O, M, U)
+      ), U.choice = (s.choice ?? []).map(
+        (O, M) => i(O, M, U)
+      ), U.attributes = (s.attributes ?? []).map(
+        (O, M) => i(O, M, U)
+      ), U;
+    }
+    return (s, m) => (h(!0), $(z, null, re(u.value, (A) => (h(), D(oe, {
+      key: A.name,
+      template: l.value,
+      "field-metadata": A
+    }, null, 8, ["template", "field-metadata"]))), 128));
+  }
+}), rt = /-\w/g, at = nt(
+  (e) => e.replace(rt, (r) => r.slice(1).toUpperCase())
+);
+function nt(e) {
+  const r = /* @__PURE__ */ Object.create(null);
+  return ((t) => r[t] || (r[t] = e(t)));
+}
+const ot = /* @__PURE__ */ ae({
+  name: "DynamicFormTemplate",
+  inheritAttrs: !1,
+  __name: "DynamicFormTemplate",
+  props: {
+    metadataConfiguration: {}
+  },
+  setup(e) {
+    const r = Le(), t = ke(), u = n(() => {
+      const i = {};
+      for (const [s, m] of Object.entries(t))
+        i[at(s)] = m;
+      return i;
+    }), l = n(() => {
+      const i = u.value.type;
+      return i && i !== "array" && i !== "choice" && r[i] ? i : i?.includes("-input") ? "default-input" : "default";
+    });
+    return (i, s) => u.value.fieldMetadata ? (h(), $(z, { key: 0 }, [
+      u.value.type === "array" ? de(i.$slots, "array", me(te({ key: 0 }, u.value))) : u.value.type === "choice" ? de(i.$slots, "choice", me(te({ key: 1 }, u.value))) : de(i.$slots, l.value, me(te({ key: 2 }, u.value)))
+    ], 64)) : ee("", !0);
+  }
+});
+function st() {
+  return {
+    fieldTypes: Object.keys({}),
+    extendedProperties: {},
+    valueTypes: {}
+  };
+}
+function ct(e) {
+  const r = (u) => ze(u);
+  return {
+    ...je(e),
+    useFieldValue: r
+  };
+}
+export {
+  lt as _,
+  oe as a,
+  Ye as b,
+  Ze as c,
+  ot as d,
+  st as e,
+  Re as f,
+  Xe as g,
+  se as h,
+  Ge as r,
+  ct as u
+};
+//# sourceMappingURL=useDynamicForm-B6YN35Qb.js.map