vlite3 1.0.10 → 1.1.2

package/components/Form/Form.vue2.js

@@ -1,28 +1,28 @@
-import { defineComponent as pe, inject as Ce, computed as r, onMounted as ee, onUnmounted as O, ref as K, watch as te, openBlock as s, createElementBlock as u, withKeys as ae, withModifiers as J, normalizeClass as m, createElementVNode as v, createVNode as R, mergeProps as M, toDisplayString as q, unref as t, renderSlot as ie, createCommentVNode as c, createBlock as x, Fragment as le, renderList as Fe } from "vue";
-import { useForm as Se } from "./composables/useForm.js";
-import G from "./FormFields.vue.js";
-import we from "./FormField.vue.js";
-import Ae from "./FormSkeleton.vue.js";
-import U from "../Button.vue.js";
+import { defineComponent as pe, inject as Se, computed as r, onMounted as te, onUnmounted as O, ref as K, watch as ae, openBlock as s, createElementBlock as d, withKeys as le, withModifiers as J, normalizeClass as m, createElementVNode as f, createVNode as A, mergeProps as M, toDisplayString as z, unref as t, renderSlot as ie, createCommentVNode as c, createBlock as S, Fragment as Ce, renderList as Fe } from "vue";
+import { useForm as we } from "./composables/useForm.js";
+import Q from "./FormFields.vue.js";
+import Ae from "./FormField.vue.js";
+import Te from "./FormSkeleton.vue.js";
+import T from "../Button.vue.js";
 import Re from "../BackButton.vue.js";
-import Ue from "../Timeline/Timeline.vue.js";
+import Pe from "../Timeline/Timeline.vue.js";
 import "@iconify/vue";
-import { $t as Ve } from "../../utils/i18n.js";
-import { useVLiteConfig as Pe } from "../../core/config.js";
-import { resolveFieldType as Ne } from "./utils/form.utils.js";
-const Te = ["onKeydown"], ze = { class: "flex items-center gap-3" }, Be = { class: "flex items-center gap-2 shrink-0" }, Le = { key: 0 }, De = {
+import { $t as Ue } from "../../utils/i18n.js";
+import { useVLiteConfig as Ve } from "../../core/config.js";
+import { resolveFieldType as ze } from "./utils/form.utils.js";
+const Be = ["onKeydown"], Le = { class: "flex items-center gap-3" }, Ne = { class: "flex items-center gap-2 shrink-0" }, De = {
   key: 0,
-  class: "flex flex-col lg:flex-row gap-10 lg:gap-12"
-}, qe = { class: "w-full order-first lg:order-last lg:min-w-100 lg:max-w-[380px] shrink-0" }, He = { class: "flex-1 min-w-0 order-last lg:order-first" }, $e = { class: "text-base font-semibold text-foreground" }, Ie = {
+  class: "w-full order-first lg:order-last lg:min-w-100 lg:max-w-[380px] shrink-0"
+}, qe = { key: 0 }, He = { class: "text-base font-semibold text-foreground" }, $e = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, Ke = {
+}, Ie = {
   key: 2,
   class: "form-step"
-}, Me = { class: "text-lg font-semibold text-foreground" }, Ge = {
+}, Ke = { class: "text-lg font-semibold text-foreground" }, Me = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, je = { class: "flex gap-3 items-center" }, it = /* @__PURE__ */ pe({
+}, Ge = { class: "flex gap-3 items-center" }, at = /* @__PURE__ */ pe({
   __name: "Form",
   props: {
     schema: {},
@@ -63,166 +63,167 @@ const Te = ["onKeydown"], ze = { class: "flex items-center gap-3" }, Be = { clas
   },
   emits: ["onSubmit", "onCancel", "onStepChange", "onAddonAction", "onBack"],
   setup(e, { emit: se }) {
-    const l = e, g = se, f = Ce("modal-context", null), ne = Pe(), H = r(() => ne?.components?.form || {}), V = r(() => l.variant ?? H.value.variant ?? "outline"), P = r(() => l.size ?? H.value.size ?? "md"), N = r(() => l.rounded ?? H.value.rounded ?? "md"), $ = r(
-      () => l.showRequiredAsterisk ?? H.value.showRequiredAsterisk ?? !0
-    ), oe = r(() => l.showCancel || !!f), F = r(() => !!f), T = r(() => l.stickyFooter || F.value);
-    ee(() => {
-      l.footer && F.value && f?.registerFormFooter?.(!0);
+    const l = e, h = se, v = Se("modal-context", null), ne = Ve(), B = r(() => ne?.components?.form || {}), L = r(() => l.variant ?? B.value.variant ?? "outline"), N = r(() => l.size ?? B.value.size ?? "md"), D = r(() => l.rounded ?? B.value.rounded ?? "md"), G = r(
+      () => l.showRequiredAsterisk ?? B.value.showRequiredAsterisk ?? !0
+    ), oe = r(() => l.showCancel || !!v), C = r(() => !!v), R = r(() => l.stickyFooter || C.value);
+    te(() => {
+      l.footer && C.value && v?.registerFormFooter?.(!0);
     }), O(() => {
-      F.value && f?.registerFormFooter?.(!1);
+      C.value && v?.registerFormFooter?.(!1);
     });
-    const re = K(null), j = K(null), Q = K(!1);
+    const re = K(null), j = K(null), W = K(!1);
     let E = null;
-    ee(() => {
+    te(() => {
       j.value && (E = new IntersectionObserver(
         ([a]) => {
-          Q.value = !a.isIntersecting;
+          W.value = !a.isIntersecting;
         },
         { threshold: 0 }
       ), E.observe(j.value));
     }), O(() => {
       E?.disconnect();
     });
-    const S = r(() => !l.schema || l.schema.length === 0 ? !1 : Array.isArray(l.schema[0])), d = r(() => l.tabs && l.tabs.length > 0 && S.value), n = K(0), W = r(() => l.tabs ? l.tabs.map((a, i) => ({
+    const F = r(() => !l.schema || l.schema.length === 0 ? !1 : Array.isArray(l.schema[0])), u = r(() => l.tabs && l.tabs.length > 0 && F.value), n = K(0), X = r(() => l.tabs ? l.tabs.map((a, i) => ({
       id: a.id?.toString() || i.toString(),
       title: a.title,
       icon: a.icon,
       description: a.description,
       status: i < n.value ? "completed" : i === n.value ? "current" : "upcoming"
-    })) : []), z = r(() => S.value ? l.schema : [l.schema]), X = r(() => d.value ? z.value[n.value] || [] : []), h = r(() => S.value ? null : l.schema.find((i) => Ne(i, {
+    })) : []), P = r(() => F.value ? l.schema : [l.schema]), Y = r(() => u.value ? P.value[n.value] || [] : []), g = r(() => u.value ? null : (F.value ? l.schema.flat() : l.schema).find((i) => ze(i, {
       values: b.value,
       globalValues: b.value,
       isUpdate: l.isUpdate
-    }) === "thumbnailSelector") ?? null), de = r(() => !!h.value), {
+    }) === "thumbnailSelector") ?? null), w = r(() => !!g.value), {
       formValues: b,
-      errors: y,
-      isSubmitting: p,
-      fieldLoading: B,
+      errors: x,
+      isSubmitting: k,
+      fieldLoading: q,
       handleFieldChange: ue,
-      validateField: ce,
-      validateAll: me,
-      isFieldVisible: w,
-      isFieldDisabled: A,
-      isFieldReadonly: L,
-      handleSubmit: ve
-    } = Se({
+      validateField: de,
+      validateAll: ce,
+      isFieldVisible: U,
+      isFieldDisabled: V,
+      isFieldReadonly: H,
+      handleSubmit: me,
+      reinitialize: ve
+    } = we({
       schema: l.schema,
       values: l.values,
       isUpdate: l.isUpdate,
       folderId: l.folderId,
       emitFields: l.emitFields,
       onSubmit: (a) => {
-        g("onSubmit", a, f?.close || (() => {
+        h("onSubmit", a, v?.close || (() => {
         }));
       }
     });
-    te(
-      () => l.loading || p.value,
+    ae(
+      () => l.loading || k.value,
       (a) => {
-        f?.setSubmitting && f.setSubmitting(a);
+        v?.setSubmitting && v.setSubmitting(a);
       },
       { immediate: !0 }
     ), O(() => {
-      f?.setSubmitting && f.setSubmitting(!1);
-    }), te(
-      () => l.values,
-      (a) => {
-      },
-      { deep: !0 }
+      v?.setSubmitting && v.setSubmitting(!1);
+    }), ae(
+      [() => l.schema, () => l.values, () => l.schemaLoading],
+      ([a, i, o]) => {
+        o || ve(a, i);
+      }
     );
-    const D = (a, i) => {
+    const $ = (a, i) => {
       ue(a, i.value, i.data);
     }, fe = async () => {
-      if (!d.value) return !0;
-      const a = X.value;
+      if (!u.value) return !0;
+      const a = Y.value;
       let i = !0;
       for (const o of a) {
-        if (!w(o) || A(o)) continue;
-        await ce(o) && (i = !1);
+        if (!U(o) || V(o)) continue;
+        await de(o) && (i = !1);
       }
       return i;
-    }, ge = r(() => d.value ? n.value < z.value.length - 1 : !1), Y = r(() => d.value ? n.value > 0 : !1), I = r(() => d.value ? n.value === z.value.length - 1 : !0), Z = async () => {
-      !ge.value || !await fe() || (n.value++, g("onStepChange", n.value));
+    }, ge = r(() => u.value ? n.value < P.value.length - 1 : !1), Z = r(() => u.value ? n.value > 0 : !1), I = r(() => u.value ? n.value === P.value.length - 1 : !0), _ = async () => {
+      !ge.value || !await fe() || (n.value++, h("onStepChange", n.value));
     }, he = () => {
-      Y.value && (n.value--, g("onStepChange", n.value));
+      Z.value && (n.value--, h("onStepChange", n.value));
     }, be = (a, i) => {
-      i <= n.value && (n.value = i, g("onStepChange", n.value));
-    }, C = async () => {
-      if (d.value) {
+      i <= n.value && (n.value = i, h("onStepChange", n.value));
+    }, p = async () => {
+      if (u.value) {
         if (!I.value && !l.isUpdate) {
-          await Z();
+          await _();
           return;
         }
-        if (!await me()) {
-          const i = z.value.findIndex(
-            (o) => o.some((k) => !!y.value[k.name])
+        if (!await ce()) {
+          const i = P.value.findIndex(
+            (o) => o.some((y) => !!x.value[y.name])
           );
-          i !== -1 && i !== n.value && (n.value = i, g("onStepChange", n.value));
+          i !== -1 && i !== n.value && (n.value = i, h("onStepChange", n.value));
           return;
         }
       }
       try {
-        await ve();
+        await me();
       } catch {
       }
     }, ye = (a) => {
       if (a.key !== "Enter") return;
       const o = a.target.tagName.toLowerCase();
-      o !== "textarea" && o !== "button" && (a.preventDefault(), C());
-    }, _ = (a) => {
-      (a.metaKey || a.ctrlKey) && a.key === "s" && (a.preventDefault(), C());
-    }, ke = () => {
-      g("onCancel"), f && f?.close?.();
+      o !== "textarea" && o !== "button" && (a.preventDefault(), p());
+    }, ee = (a) => {
+      (a.metaKey || a.ctrlKey) && a.key === "s" && (a.preventDefault(), p());
+    }, xe = () => {
+      h("onCancel"), v && v?.close?.();
     };
-    return (a, i) => (s(), u("form", {
-      class: m(["form-container ", l.class]),
-      onSubmit: J(C, ["prevent"]),
+    return (a, i) => (s(), d("form", {
+      class: m(["form-container ", l.class, e.isPage && "pb-10"]),
+      onSubmit: J(p, ["prevent"]),
       onKeydown: [
         ye,
-        ae(J(_, ["meta", "prevent"]), ["s"]),
-        ae(J(_, ["ctrl", "prevent"]), ["s"])
+        le(J(ee, ["meta", "prevent"]), ["s"]),
+        le(J(ee, ["ctrl", "prevent"]), ["s"])
       ]
     }, [
-      e.isPage ? (s(), u("div", {
+      e.isPage ? (s(), d("div", {
         key: 0,
         class: m([
-          "form-page-header sticky top-0 z-30 bg-background flex items-center justify-between  pb-3.5 pt-4 -mt-4 mb-4.5",
+          "form-page-header sticky top-0 z-30 bg-background flex items-center justify-between  pb-3.5 pt-4 -mt-3.5 mb-4.5",
           e.pageHeaderClass
         ])
       }, [
-        v("div", ze, [
-          R(Re, M(e.backButtonProps, {
+        f("div", Le, [
+          A(Re, M(e.backButtonProps, {
             fallback: e.backButtonPath,
             class: "max-sm:w-8 max-sm:h-8 max-sm:min-w-8 max-sm:min-h-8 max-sm:px-0 shrink-0"
           }), null, 16, ["fallback"]),
-          v("h1", {
+          f("h1", {
             class: m(["text-foreground max-sm:text-lg text-fs-5 truncate", e.pageTitleClass])
-          }, q(e.pageTitleI18n ? t(Ve)(e.pageTitleI18n) : e.pageTitle), 3)
+          }, z(e.pageTitleI18n ? t(Ue)(e.pageTitleI18n) : e.pageTitle), 3)
         ]),
-        v("div", Be, [
+        f("div", Ne, [
           ie(a.$slots, "header-actions", {
             values: t(b),
-            isSubmitting: t(p),
-            handleSubmit: C
+            isSubmitting: t(k),
+            handleSubmit: p
           }, void 0, !0),
-          R(U, M({
+          A(T, M({
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: e.submitText
           }, e.submitProps, {
             disabled: e.schemaLoading,
-            loading: e.loading || t(p),
-            onClick: C,
+            loading: e.loading || t(k),
+            onClick: p,
             class: "max-sm:hidden"
           }), null, 16, ["variant", "text", "disabled", "loading"])
         ])
       ], 2)) : c("", !0),
-      !e.schemaLoading && d.value && W.value.length > 0 ? (s(), u("div", {
+      !e.schemaLoading && u.value && X.value.length > 0 ? (s(), d("div", {
         key: 1,
         class: m(["form-timeline", e.timelineTextPosition == "right" ? "mb-6.5" : "mb-13"])
       }, [
-        R(t(Ue), {
-          steps: W.value,
+        A(t(Pe), {
+          steps: X.value,
           activeStep: n.value,
           direction: "horizontal",
           textPosition: e.timelineTextPosition,
@@ -230,149 +231,137 @@ const Te = ["onKeydown"], ze = { class: "flex items-center gap-3" }, Be = { clas
           onStepClick: be
         }, null, 8, ["steps", "activeStep", "textPosition"])
       ], 2)) : c("", !0),
-      v("div", {
-        class: m(e.footer && T.value ? "pb-2" : "")
+      f("div", {
+        class: m(e.footer && R.value ? "pb-2" : "")
       }, [
-        e.schemaLoading ? (s(), x(Ae, {
+        e.schemaLoading ? (s(), S(Te, {
           key: 0,
-          isGrouped: S.value
-        }, null, 8, ["isGrouped"])) : (s(), u(le, { key: 1 }, [
-          S.value ? S.value && !d.value ? (s(), u("div", {
-            key: 1,
-            class: m(["form-groups space-y-6", e.groupContainerClass])
+          isGrouped: F.value
+        }, null, 8, ["isGrouped"])) : (s(), d("div", {
+          key: 1,
+          class: m(w.value ? "flex flex-col lg:flex-row gap-10 lg:gap-16" : "")
+        }, [
+          w.value ? (s(), d("div", De, [
+            g.value && t(U)(g.value) ? (s(), S(Ae, {
+              key: 0,
+              field: g.value,
+              value: t(b)[g.value.name],
+              values: t(b),
+              errors: t(x),
+              variant: L.value,
+              size: N.value,
+              rounded: D.value,
+              disabled: t(V)(g.value),
+              readonly: t(H)(g.value),
+              error: t(x)[g.value.name] || "",
+              isUpdate: e.isUpdate,
+              loading: t(q)[g.value?.name],
+              onChange: i[0] || (i[0] = (o) => $(g.value.name, o))
+            }, null, 8, ["field", "value", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading"])) : c("", !0)
+          ])) : c("", !0),
+          f("div", {
+            class: m(w.value ? "flex-1 min-w-0 order-last lg:order-first" : "w-full")
           }, [
-            (s(!0), u(le, null, Fe(z.value, (o, k) => (s(), u("div", {
-              key: k,
-              class: m(["form-group border rounded overflow-hidden bg-body", e.groupClass])
+            F.value ? F.value && !u.value ? (s(), d("div", {
+              key: 1,
+              class: m(["form-groups space-y-6", e.groupContainerClass])
             }, [
-              e.groupsHeadings?.[k] ? (s(), u("div", {
+              (s(!0), d(Ce, null, Fe(P.value, (o, y) => (s(), d("div", {
+                key: y,
+                class: m(["form-group border rounded overflow-hidden bg-body", e.groupClass])
+              }, [
+                e.groupsHeadings?.[y] ? (s(), d("div", {
+                  key: 0,
+                  class: m(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
+                }, [
+                  f("h3", He, z(e.groupsHeadings[y]), 1),
+                  e.groupHeadingsDescription?.[y] ? (s(), d("p", $e, z(e.groupHeadingsDescription[y]), 1)) : c("", !0)
+                ], 2)) : c("", !0),
+                f("div", {
+                  class: m(["form-group-body p-4.5", e.groupBodyClass])
+                }, [
+                  A(Q, {
+                    schema: o,
+                    values: t(b),
+                    errors: t(x),
+                    fieldLoading: t(q),
+                    variant: L.value,
+                    size: N.value,
+                    rounded: D.value,
+                    className: e.className,
+                    isUpdate: e.isUpdate,
+                    showRequiredAsterisk: G.value,
+                    isFieldVisible: t(U),
+                    isFieldDisabled: t(V),
+                    isFieldReadonly: t(H),
+                    excludeTypes: w.value ? ["thumbnailSelector"] : [],
+                    onChange: $,
+                    onAddonAction: i[2] || (i[2] = (ke) => h("onAddonAction", ke))
+                  }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
+                ], 2)
+              ], 2))), 128))
+            ], 2)) : u.value ? (s(), d("div", Ie, [
+              e.tabs?.[n.value] ? (s(), d("div", {
                 key: 0,
-                class: m(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
+                class: m(["form-step-header mb-6", e.headerClass])
               }, [
-                v("h3", $e, q(e.groupsHeadings[k]), 1),
-                e.groupHeadingsDescription?.[k] ? (s(), u("p", Ie, q(e.groupHeadingsDescription[k]), 1)) : c("", !0)
+                f("h2", Ke, z(e.tabs[n.value].title), 1),
+                e.tabs[n.value].description ? (s(), d("p", Me, z(e.tabs[n.value].description), 1)) : c("", !0)
               ], 2)) : c("", !0),
-              v("div", {
-                class: m(["form-group-body p-4.5", e.groupBodyClass])
-              }, [
-                R(G, {
-                  schema: o,
-                  values: t(b),
-                  errors: t(y),
-                  fieldLoading: t(B),
-                  variant: V.value,
-                  size: P.value,
-                  rounded: N.value,
-                  className: e.className,
-                  isUpdate: e.isUpdate,
-                  showRequiredAsterisk: $.value,
-                  isFieldVisible: t(w),
-                  isFieldDisabled: t(A),
-                  isFieldReadonly: t(L),
-                  onChange: D,
-                  onAddonAction: i[3] || (i[3] = (xe) => g("onAddonAction", xe))
-                }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
-              ], 2)
-            ], 2))), 128))
-          ], 2)) : d.value ? (s(), u("div", Ke, [
-            e.tabs?.[n.value] ? (s(), u("div", {
-              key: 0,
-              class: m(["form-step-header mb-6", e.headerClass])
-            }, [
-              v("h2", Me, q(e.tabs[n.value].title), 1),
-              e.tabs[n.value].description ? (s(), u("p", Ge, q(e.tabs[n.value].description), 1)) : c("", !0)
-            ], 2)) : c("", !0),
-            R(G, {
-              schema: X.value,
-              values: t(b),
-              errors: t(y),
-              fieldLoading: t(B),
-              variant: V.value,
-              size: P.value,
-              rounded: N.value,
-              className: e.className,
-              isUpdate: e.isUpdate,
-              showRequiredAsterisk: $.value,
-              isFieldVisible: t(w),
-              isFieldDisabled: t(A),
-              isFieldReadonly: t(L),
-              onChange: D,
-              onAddonAction: i[4] || (i[4] = (o) => g("onAddonAction", o))
-            }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
-          ])) : c("", !0) : (s(), u("div", Le, [
-            de.value ? (s(), u("div", De, [
-              v("div", qe, [
-                h.value && t(w)(h.value) ? (s(), x(we, {
-                  key: 0,
-                  field: h.value,
-                  value: t(b)[h.value.name],
-                  values: t(b),
-                  errors: t(y),
-                  variant: V.value,
-                  size: P.value,
-                  rounded: N.value,
-                  disabled: t(A)(h.value),
-                  readonly: t(L)(h.value),
-                  error: t(y)[h.value.name] || "",
-                  isUpdate: e.isUpdate,
-                  loading: t(B)[h.value?.name],
-                  onChange: i[0] || (i[0] = (o) => D(h.value.name, o))
-                }, null, 8, ["field", "value", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading"])) : c("", !0)
-              ]),
-              v("div", He, [
-                R(G, {
-                  schema: e.schema,
-                  values: t(b),
-                  errors: t(y),
-                  fieldLoading: t(B),
-                  variant: V.value,
-                  size: P.value,
-                  rounded: N.value,
-                  className: e.className,
-                  isUpdate: e.isUpdate,
-                  showRequiredAsterisk: $.value,
-                  isFieldVisible: t(w),
-                  isFieldDisabled: t(A),
-                  isFieldReadonly: t(L),
-                  excludeTypes: ["thumbnailSelector"],
-                  onChange: D,
-                  onAddonAction: i[1] || (i[1] = (o) => g("onAddonAction", o))
-                }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
-              ])
-            ])) : (s(), x(G, {
-              key: 1,
-              schema: e.schema,
+              A(Q, {
+                schema: Y.value,
+                values: t(b),
+                errors: t(x),
+                fieldLoading: t(q),
+                variant: L.value,
+                size: N.value,
+                rounded: D.value,
+                className: e.className,
+                isUpdate: e.isUpdate,
+                showRequiredAsterisk: G.value,
+                isFieldVisible: t(U),
+                isFieldDisabled: t(V),
+                isFieldReadonly: t(H),
+                excludeTypes: w.value ? ["thumbnailSelector"] : [],
+                onChange: $,
+                onAddonAction: i[3] || (i[3] = (o) => h("onAddonAction", o))
+              }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
+            ])) : c("", !0) : (s(), d("div", qe, [
+              A(Q, {
+                schema: e.schema,
+                values: t(b),
+                errors: t(x),
+                fieldLoading: t(q),
+                variant: L.value,
+                size: N.value,
+                rounded: D.value,
+                className: e.className,
+                isUpdate: e.isUpdate,
+                showRequiredAsterisk: G.value,
+                isFieldVisible: t(U),
+                isFieldDisabled: t(V),
+                isFieldReadonly: t(H),
+                excludeTypes: w.value ? ["thumbnailSelector"] : [],
+                onChange: $,
+                onAddonAction: i[1] || (i[1] = (o) => h("onAddonAction", o))
+              }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
+            ])),
+            ie(a.$slots, "default", {
               values: t(b),
-              errors: t(y),
-              fieldLoading: t(B),
-              variant: V.value,
-              size: P.value,
-              rounded: N.value,
-              className: e.className,
-              isUpdate: e.isUpdate,
-              showRequiredAsterisk: $.value,
-              isFieldVisible: t(w),
-              isFieldDisabled: t(A),
-              isFieldReadonly: t(L),
-              onChange: D,
-              onAddonAction: i[2] || (i[2] = (o) => g("onAddonAction", o))
-            }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"]))
-          ])),
-          ie(a.$slots, "default", {
-            values: t(b),
-            errors: t(y),
-            isSubmitting: t(p),
-            handleSubmit: C
-          }, void 0, !0)
-        ], 64)),
-        v("div", {
+              errors: t(x),
+              isSubmitting: t(k),
+              handleSubmit: p
+            }, void 0, !0)
+          ], 2)
+        ], 2)),
+        f("div", {
           ref_key: "sentinelRef",
           ref: j,
           class: "form-scroll-sentinel h-px w-full",
           "aria-hidden": "true"
         }, null, 512)
       ], 2),
-      e.footer && !e.schemaLoading ? (s(), u("div", {
+      e.footer && !e.schemaLoading ? (s(), d("div", {
         key: 2,
         ref_key: "footerRef",
         ref: re,
@@ -380,44 +369,44 @@ const Te = ["onKeydown"], ze = { class: "flex items-center gap-3" }, Be = { clas
           "form-footer items-center gap-3 z-20 rounded-b-md!",
           e.isPage ? "flex sm:hidden" : "flex",
           e.footerClass,
-          d.value ? "justify-between" : "justify-end",
+          u.value ? "justify-between" : "justify-end",
           // Sticky footer: always applied when inside a modal or when stickyFooter prop is set.
           // `sticky bottom-0` anchors the footer to the bottom of the nearest scrollable ancestor
           // (the modal's overflow-y-auto body), keeping it visible at all times without leaving
           // the normal document flow (unlike `fixed` which would escape the modal bounds).
-          T.value ? "sticky bottom-0 bg-body pt-3 pb-3 -mx-0.5 px-0.5 mt-6 border-t border-border/75" : "mt-6",
+          R.value ? "sticky bottom-0 bg-body pt-3 pb-3 -mx-0.5 px-0.5 mt-6 border-t border-border/75" : "mt-6",
           // Show a subtle top shadow while content is scrolling beneath the sticky footer
-          (T.value && Q.value, ""),
+          (R.value && W.value, ""),
           // Inside modal: extend footer flush to modal edge padding
-          F.value ? "-mx-4 px-4 pb-3! mt-7.5!" : "",
+          C.value ? "-mx-4 px-4 pb-3! mt-7.5!" : "",
           // Non-sticky inside modal keeps the original border styling
-          !T.value && F.value ? "border-t border-border/75 mt-5" : "",
-          !T.value && !F.value ? "mt-6" : ""
+          !R.value && C.value ? "border-t border-border/75 mt-5" : "",
+          !R.value && !C.value ? "mt-6" : ""
         ])
       }, [
-        v("div", je, [
-          oe.value ? (s(), x(U, {
+        f("div", Ge, [
+          oe.value ? (s(), S(T, {
             key: 0,
             type: "button",
             variant: "outline",
             text: e.cancelText,
-            disabled: e.loading || t(p),
-            onClick: ke
+            disabled: e.loading || t(k),
+            onClick: xe
           }, null, 8, ["text", "disabled"])) : c("", !0),
-          d.value && e.isUpdate && !I.value ? (s(), x(U, M({
+          u.value && e.isUpdate && !I.value ? (s(), S(T, M({
             key: 1,
             type: "button",
             variant: "primary",
             text: e.submitText
           }, e.submitProps, {
-            loading: e.loading || t(p),
-            onClick: C
+            loading: e.loading || t(k),
+            onClick: p
           }), null, 16, ["text", "loading"])) : c("", !0)
         ]),
-        v("div", {
-          class: m(["flex gap-3 items-center", d.value && "ml-auto"])
+        f("div", {
+          class: m(["flex gap-3 items-center", u.value && "ml-auto"])
         }, [
-          d.value && Y.value ? (s(), x(U, {
+          u.value && Z.value ? (s(), S(T, {
             key: 0,
             type: "button",
             variant: "outline",
@@ -425,27 +414,27 @@ const Te = ["onKeydown"], ze = { class: "flex items-center gap-3" }, Be = { clas
             text: "Previous",
             onClick: he
           })) : c("", !0),
-          d.value && !I.value ? (s(), x(U, {
+          u.value && !I.value ? (s(), S(T, {
             key: 1,
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: "Next",
             iconRight: "lucide:arrow-right",
-            onClick: Z
+            onClick: _
           }, null, 8, ["variant"])) : c("", !0),
-          !d.value || I.value ? (s(), x(U, M({
+          !u.value || I.value ? (s(), S(T, M({
             key: 2,
             type: "submit",
             variant: "primary",
             text: e.submitText
           }, e.submitProps, {
-            loading: e.loading || t(p)
+            loading: e.loading || t(k)
           }), null, 16, ["text", "loading"])) : c("", !0)
         ], 2)
       ], 2)) : c("", !0)
-    ], 42, Te));
+    ], 42, Be));
   }
 });
 export {
-  it as default
+  at as default
 };