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

package/dist/useDynamicForm-C6-0mGw4.js

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