vlite3 1.4.30 → 1.4.31

package/components/Form/Form.vue2.js

@@ -1,35 +1,35 @@
-import { defineComponent as Ve, computed as o, inject as Le, onMounted as ue, onUnmounted as Y, ref as M, watch as de, openBlock as n, createElementBlock as d, withKeys as ce, withModifiers as Z, normalizeClass as m, createElementVNode as x, createVNode as k, mergeProps as G, toDisplayString as H, renderSlot as me, unref as a, createCommentVNode as c, createBlock as F, withCtx as ve, Fragment as Ie, renderList as ze } from "vue";
-import { useForm as Ne } from "./composables/useForm.js";
-import j from "./FormFields.vue.js";
-import Be from "./FormField.vue.js";
-import De from "./FormSkeleton.vue.js";
-import qe from "../Accordion/Accordion.vue.js";
-import S from "../Button.vue.js";
-import $e from "../BackButton.vue.js";
-import Ge from "../Timeline/Timeline.vue.js";
+import { defineComponent as Ie, computed as o, inject as Ne, getCurrentInstance as Be, onMounted as De, onUnmounted as Z, ref as _, watch as ee, nextTick as Ee, openBlock as n, createElementBlock as c, withKeys as ve, withModifiers as te, normalizeClass as v, createElementVNode as p, createVNode as k, mergeProps as O, toDisplayString as j, renderSlot as me, unref as l, createCommentVNode as d, createBlock as C, withCtx as fe, Fragment as qe, renderList as He } from "vue";
+import { useForm as $e } from "./composables/useForm.js";
+import J from "./FormFields.vue.js";
+import Ge from "./FormField.vue.js";
+import Oe from "./FormSkeleton.vue.js";
+import je from "../Accordion/Accordion.vue.js";
+import F from "../Button.vue.js";
+import Ke from "../BackButton.vue.js";
+import Me from "../Timeline/Timeline.vue.js";
 import "@iconify/vue";
-import { resolveI18nText as He } from "../../utils/i18n.js";
-import { useVLiteConfig as Ee } from "../../core/config.js";
-import { resolveFieldType as Ke } from "./utils/form.utils.js";
-const Me = ["onKeydown"], je = { class: "flex items-center gap-3" }, Oe = { class: "flex items-center gap-2 shrink-0" }, Je = {
+import { resolveI18nText as Ye } from "../../utils/i18n.js";
+import { useVLiteConfig as Je } from "../../core/config.js";
+import { resolveFieldType as Qe } from "./utils/form.utils.js";
+const We = ["onKeydown"], Xe = { class: "flex items-center gap-3" }, Ze = { class: "flex items-center gap-2 shrink-0" }, _e = {
   key: 0,
   class: "w-full order-first lg:order-last lg:min-w-100 lg:max-w-[380px] shrink-0"
-}, Qe = { key: 0 }, We = {
+}, et = { key: 0 }, tt = {
   key: 0,
   class: "flex gap-3 items-end ml-auto"
-}, Xe = { class: "text-base font-semibold text-foreground" }, Ye = {
+}, at = { class: "text-base font-semibold text-foreground" }, lt = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, Ze = {
+}, it = {
   key: 3,
   class: "form-step"
-}, _e = { class: "text-lg font-semibold text-foreground" }, et = {
+}, st = { class: "text-lg font-semibold text-foreground" }, nt = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, tt = {
+}, ot = {
   key: 0,
   class: "flex gap-3 items-center"
-}, gt = /* @__PURE__ */ Ve({
+}, kt = /* @__PURE__ */ Ie({
   __name: "Form",
   props: {
     schema: {},
@@ -71,413 +71,439 @@ const Me = ["onKeydown"], je = { class: "flex items-center gap-3" }, Oe = { clas
     layout: { default: "vertical" }
   },
   emits: ["onSubmit", "onCancel", "onStepChange", "onAddonAction", "onBack", "onChange"],
-  setup(e, { expose: fe, emit: ge }) {
-    const t = e, g = ge, he = o(() => He(t.pageTitleI18n, t.pageTitle)), h = Le("modal-context", null), ye = Ee(), E = o(() => ye?.components?.form || {}), V = o(() => t.variant ?? E.value.variant ?? "outline"), L = o(() => t.size ?? E.value.size ?? "md"), I = o(() => t.rounded ?? E.value.rounded ?? "md"), K = o(
-      () => t.showRequiredAsterisk ?? E.value.showRequiredAsterisk ?? !0
-    ), O = o(() => t.showCancel || !!h), U = o(() => !!h), z = o(
-      () => t.layout !== "inline" && (t.stickyFooter || U.value)
+  setup(e, { expose: ge, emit: ye }) {
+    const i = e, g = ye, he = o(() => Ye(i.pageTitleI18n, i.pageTitle)), y = Ne("modal-context", null), be = Je(), K = o(() => be?.components?.form || {}), V = o(() => i.variant ?? K.value.variant ?? "outline"), I = o(() => i.size ?? K.value.size ?? "md"), N = o(() => i.rounded ?? K.value.rounded ?? "md"), M = o(
+      () => i.showRequiredAsterisk ?? K.value.showRequiredAsterisk ?? !0
+    ), Y = o(() => i.showCancel || !!y), B = o(() => !!y), xe = Be(), pe = o(() => {
+      const a = xe?.vnode.props;
+      return !!a && (Object.prototype.hasOwnProperty.call(a, "stickyFooter") || Object.prototype.hasOwnProperty.call(a, "sticky-footer")) && i.stickyFooter;
+    }), U = o(
+      () => i.layout !== "inline" && (i.stickyFooter || B.value)
     );
-    ue(() => {
-      t.footer && U.value && h?.registerFormFooter?.(!0);
-    }), Y(() => {
-      U.value && h?.registerFormFooter?.(!1);
+    De(() => {
+      i.footer && B.value && y?.registerFormFooter?.(!0);
+    }), Z(() => {
+      B.value && y?.registerFormFooter?.(!1);
     });
-    const be = M(null), J = M(null), _ = M(!1);
-    let Q = null;
-    ue(() => {
-      J.value && (Q = new IntersectionObserver(
-        ([i]) => {
-          _.value = !i.isIntersecting;
-        },
-        { threshold: 0 }
-      ), Q.observe(J.value));
-    }), Y(() => {
-      Q?.disconnect();
+    const S = _(null), D = _(!1), ae = (a) => {
+      let t = a?.parentElement ?? null;
+      for (; t && t !== document.body; ) {
+        const { overflowY: s } = getComputedStyle(t);
+        if (s === "auto" || s === "scroll" || s === "overlay")
+          return t;
+        t = t.parentElement;
+      }
+      return document.documentElement;
+    }, le = () => {
+      if (!U.value || !S.value) {
+        D.value = !1;
+        return;
+      }
+      const a = ae(S.value);
+      if (!a) {
+        D.value = !1;
+        return;
+      }
+      D.value = a.scrollHeight > a.clientHeight + 1;
+    }, ke = o(
+      () => U.value && (B.value || pe.value || D.value)
+    );
+    let A = null;
+    ee(
+      [S, U, () => i.schemaLoading],
+      async () => {
+        if (A?.disconnect(), A = null, await Ee(), !S.value || !U.value) {
+          D.value = !1;
+          return;
+        }
+        const a = ae(S.value);
+        if (le(), typeof ResizeObserver > "u" || !a) return;
+        A = new ResizeObserver(() => le()), A.observe(a), A.observe(S.value);
+        const t = S.value.closest("form");
+        t && A.observe(t);
+      },
+      { flush: "post", immediate: !0 }
+    ), Z(() => {
+      A?.disconnect();
     });
-    const w = o(() => !t.schema || t.schema.length === 0 ? !1 : Array.isArray(t.schema[0])), u = o(() => t.tabs && t.tabs.length > 0 && w.value), r = M(0), ee = o(() => t.tabs ? t.tabs.map((i, l) => ({
-      id: i.id?.toString() || l.toString(),
-      title: i.title,
-      icon: i.icon,
-      description: i.description,
-      status: l < r.value ? "completed" : l === r.value ? "current" : "upcoming"
-    })) : []), N = o(() => w.value ? t.schema : [t.schema]), te = o(() => u.value ? N.value[r.value] || [] : []), ae = (i) => {
-      if (!i) return [];
-      if (Array.isArray(i)) return i;
+    const T = o(() => !i.schema || i.schema.length === 0 ? !1 : Array.isArray(i.schema[0])), u = o(() => i.tabs && i.tabs.length > 0 && T.value), r = _(0), ie = o(() => i.tabs ? i.tabs.map((a, t) => ({
+      id: a.id?.toString() || t.toString(),
+      title: a.title,
+      icon: a.icon,
+      description: a.description,
+      status: t < r.value ? "completed" : t === r.value ? "current" : "upcoming"
+    })) : []), E = o(() => T.value ? i.schema : [i.schema]), se = o(() => u.value ? E.value[r.value] || [] : []), ne = (a) => {
+      if (!a) return [];
+      if (Array.isArray(a)) return a;
       try {
-        const l = i({
-          values: v.value,
-          globalValues: v.value,
-          isUpdate: t.isUpdate
+        const t = a({
+          values: m.value,
+          globalValues: m.value,
+          isUpdate: i.isUpdate
         });
-        return Array.isArray(l) ? l : [];
-      } catch (l) {
-        return console.error("[Form] Error evaluating dynamic group headings:", l), [];
+        return Array.isArray(t) ? t : [];
+      } catch (t) {
+        return console.error("[Form] Error evaluating dynamic group headings:", t), [];
       }
-    }, W = o(() => ae(t.groupsHeadings)), X = o(
-      () => ae(t.groupHeadingsDescription)
-    ), B = o(() => {
-      const i = N.value, l = [];
-      for (let s = 0; s < i.length; s++) {
-        const f = i[s];
-        !Array.isArray(f) || f.length === 0 || f.some((Pe) => T(Pe)) && l.push({ schema: f, originalIndex: s });
+    }, Q = o(() => ne(i.groupsHeadings)), W = o(
+      () => ne(i.groupHeadingsDescription)
+    ), q = o(() => {
+      const a = E.value, t = [];
+      for (let s = 0; s < a.length; s++) {
+        const f = a[s];
+        !Array.isArray(f) || f.length === 0 || f.some((Ve) => R(Ve)) && t.push({ schema: f, originalIndex: s });
       }
-      return l;
-    }), y = o(() => u.value ? null : (w.value ? t.schema.flat() : t.schema).find((l) => Ke(l, {
-      values: v.value,
-      globalValues: v.value,
-      isUpdate: t.isUpdate
-    }) === "thumbnailSelector") ?? null), A = o(() => !!y.value), {
-      formValues: v,
-      errors: p,
-      isSubmitting: b,
-      fieldLoading: D,
-      handleFieldChange: le,
-      validateField: xe,
-      validateAll: ie,
-      isFieldVisible: T,
-      isFieldDisabled: R,
-      isFieldReadonly: q,
-      handleSubmit: pe,
-      reinitialize: ke,
-      resetForm: Ce,
-      setFieldError: Fe,
-      clearErrors: Se
-    } = Ne({
-      schema: t.schema,
-      values: t.values,
-      isUpdate: t.isUpdate,
-      folderId: t.folderId,
-      emitFields: t.emitFields,
-      onSubmit: (i) => {
-        g("onSubmit", i, h?.close || (() => {
+      return t;
+    }), b = o(() => u.value ? null : (T.value ? i.schema.flat() : i.schema).find((t) => Qe(t, {
+      values: m.value,
+      globalValues: m.value,
+      isUpdate: i.isUpdate
+    }) === "thumbnailSelector") ?? null), P = o(() => !!b.value), {
+      formValues: m,
+      errors: x,
+      isSubmitting: h,
+      fieldLoading: H,
+      handleFieldChange: oe,
+      validateField: Ce,
+      validateAll: re,
+      isFieldVisible: R,
+      isFieldDisabled: z,
+      isFieldReadonly: $,
+      handleSubmit: Fe,
+      reinitialize: Se,
+      resetForm: we,
+      setFieldError: Ae,
+      clearErrors: Te
+    } = $e({
+      schema: i.schema,
+      values: i.values,
+      isUpdate: i.isUpdate,
+      folderId: i.folderId,
+      emitFields: i.emitFields,
+      onSubmit: (a) => {
+        g("onSubmit", a, y?.close || (() => {
         }));
       }
     });
-    de(
-      () => t.loading || b.value,
-      (i) => {
-        h?.setSubmitting && h.setSubmitting(i);
+    ee(
+      () => i.loading || h.value,
+      (a) => {
+        y?.setSubmitting && y.setSubmitting(a);
       },
       { immediate: !0 }
-    ), Y(() => {
-      h?.setSubmitting && h.setSubmitting(!1);
-    }), de(
-      [() => t.schema, () => t.values, () => t.schemaLoading],
-      ([i, l, s]) => {
-        s || ke(i, l);
+    ), Z(() => {
+      y?.setSubmitting && y.setSubmitting(!1);
+    }), ee(
+      [() => i.schema, () => i.values, () => i.schemaLoading],
+      ([a, t, s]) => {
+        s || Se(a, t);
       }
     );
-    const $ = (i, l) => {
-      le(i, l.value, l.data), g("onChange", v.value);
-    }, we = async () => {
+    const G = (a, t) => {
+      oe(a, t.value, t.data), g("onChange", m.value);
+    }, Pe = async () => {
       if (!u.value) return !0;
-      const i = te.value;
-      let l = !0;
-      for (const s of i) {
-        if (!T(s) || R(s)) continue;
-        await xe(s) && (l = !1);
+      const a = se.value;
+      let t = !0;
+      for (const s of a) {
+        if (!R(s) || z(s)) continue;
+        await Ce(s) && (t = !1);
       }
-      return l;
-    }, Ae = o(() => u.value ? r.value < N.value.length - 1 : !1), se = o(() => u.value ? r.value > 0 : !1), P = o(() => u.value ? r.value === N.value.length - 1 : !0), ne = async () => {
-      !Ae.value || !await we() || (r.value++, g("onStepChange", r.value));
-    }, Te = () => {
-      se.value && (r.value--, g("onStepChange", r.value));
-    }, Ue = (i, l) => {
-      l <= r.value && (r.value = l, g("onStepChange", r.value));
-    }, C = async () => {
+      return t;
+    }, Re = o(() => u.value ? r.value < E.value.length - 1 : !1), ue = o(() => u.value ? r.value > 0 : !1), L = o(() => u.value ? r.value === E.value.length - 1 : !0), de = async () => {
+      !Re.value || !await Pe() || (r.value++, g("onStepChange", r.value));
+    }, Ue = () => {
+      ue.value && (r.value--, g("onStepChange", r.value));
+    }, ze = (a, t) => {
+      t <= r.value && (r.value = t, g("onStepChange", r.value));
+    }, w = async () => {
       if (u.value) {
-        if (!P.value && !t.isUpdate) {
-          await ne();
+        if (!L.value && !i.isUpdate) {
+          await de();
           return;
         }
-        if (!await ie()) {
-          const l = N.value.findIndex(
-            (s) => s.some((f) => !!p.value[f.name])
+        if (!await re()) {
+          const t = E.value.findIndex(
+            (s) => s.some((f) => !!x.value[f.name])
           );
-          l !== -1 && l !== r.value && (r.value = l, g("onStepChange", r.value));
+          t !== -1 && t !== r.value && (r.value = t, g("onStepChange", r.value));
           return;
         }
       }
       try {
-        await pe();
+        await Fe();
       } catch {
       }
-    }, Re = (i) => {
-      if (i.key !== "Enter" || i.defaultPrevented) return;
-      const l = i.target;
-      if (!l) return;
-      const s = l.tagName.toLowerCase();
-      s !== "textarea" && s !== "button" && (l.isContentEditable || (i.preventDefault(), C()));
-    }, oe = (i) => {
-      (i.metaKey || i.ctrlKey) && i.key === "s" && (i.preventDefault(), C());
+    }, Le = (a) => {
+      if (a.key !== "Enter" || a.defaultPrevented) return;
+      const t = a.target;
+      if (!t) return;
+      const s = t.tagName.toLowerCase();
+      s !== "textarea" && s !== "button" && (t.isContentEditable || (a.preventDefault(), w()));
+    }, ce = (a) => {
+      (a.metaKey || a.ctrlKey) && a.key === "s" && (a.preventDefault(), w());
     };
-    fe({
-      formValues: v,
-      errors: p,
-      isSubmitting: b,
-      handleSubmit: C,
-      validateAll: ie,
-      resetForm: Ce,
-      setFieldError: Fe,
-      clearErrors: Se,
-      setFieldValue: le
+    ge({
+      formValues: m,
+      errors: x,
+      isSubmitting: h,
+      handleSubmit: w,
+      validateAll: re,
+      resetForm: we,
+      setFieldError: Ae,
+      clearErrors: Te,
+      setFieldValue: oe
     });
-    const re = () => {
-      g("onCancel"), h && h?.close?.();
+    const X = () => {
+      g("onCancel"), y && y?.close?.();
     };
-    return (i, l) => (n(), d("form", {
-      class: m(["form-container", t.class, e.isPage && "pb-10"]),
-      onSubmit: Z(C, ["prevent"]),
+    return (a, t) => (n(), c("form", {
+      class: v(["form-container", i.class, e.isPage && "pb-10"]),
+      onSubmit: te(w, ["prevent"]),
       onKeydown: [
-        Re,
-        ce(Z(oe, ["meta", "prevent"]), ["s"]),
-        ce(Z(oe, ["ctrl", "prevent"]), ["s"])
+        Le,
+        ve(te(ce, ["meta", "prevent"]), ["s"]),
+        ve(te(ce, ["ctrl", "prevent"]), ["s"])
       ]
     }, [
-      e.isPage ? (n(), d("div", {
+      e.isPage ? (n(), c("div", {
         key: 0,
-        class: m([
+        class: v([
           "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
         ])
       }, [
-        x("div", je, [
-          k($e, G(e.backButtonProps, {
+        p("div", Xe, [
+          k(Ke, O(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"]),
-          x("h1", {
-            class: m(["text-foreground max-sm:text-lg text-fs-5 truncate", e.pageTitleClass])
-          }, H(he.value), 3)
+          p("h1", {
+            class: v(["text-foreground max-sm:text-lg text-fs-5 truncate", e.pageTitleClass])
+          }, j(he.value), 3)
         ]),
-        x("div", Oe, [
-          me(i.$slots, "header-actions", {
-            values: a(v),
-            isSubmitting: a(b),
-            handleSubmit: C
+        p("div", Ze, [
+          me(a.$slots, "header-actions", {
+            values: l(m),
+            isSubmitting: l(h),
+            handleSubmit: w
           }, void 0, !0),
-          k(S, G({
+          k(F, O({
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: e.submitText
           }, e.submitProps, {
             disabled: e.schemaLoading,
-            loading: e.loading || a(b),
-            onClick: C,
+            loading: e.loading || l(h),
+            onClick: w,
             class: "max-sm:hidden"
           }), null, 16, ["variant", "text", "disabled", "loading"])
         ])
-      ], 2)) : c("", !0),
-      !e.schemaLoading && u.value && ee.value.length > 0 ? (n(), d("div", {
+      ], 2)) : d("", !0),
+      !e.schemaLoading && u.value && ie.value.length > 0 ? (n(), c("div", {
         key: 1,
-        class: m(["form-timeline", e.timelineTextPosition == "right" ? "mb-2" : "mb-8"])
+        class: v(["form-timeline", e.timelineTextPosition == "right" ? "mb-2" : "mb-8"])
       }, [
-        k(a(Ge), {
-          steps: ee.value,
+        k(l(Me), {
+          steps: ie.value,
           activeStep: r.value,
           direction: "horizontal",
           textPosition: e.timelineTextPosition,
           clickable: !0,
-          onStepClick: Ue
+          onStepClick: ze
         }, null, 8, ["steps", "activeStep", "textPosition"])
-      ], 2)) : c("", !0),
-      x("div", {
-        class: m(e.footer && z.value ? "pb-2" : "")
+      ], 2)) : d("", !0),
+      p("div", {
+        class: v(e.footer && U.value ? "pb-2" : "")
       }, [
-        e.schemaLoading ? (n(), F(De, {
+        e.schemaLoading ? (n(), C(Oe, {
           key: 0,
-          isGrouped: w.value
-        }, null, 8, ["isGrouped"])) : (n(), d("div", {
+          isGrouped: T.value
+        }, null, 8, ["isGrouped"])) : (n(), c("div", {
           key: 1,
-          class: m(A.value ? "flex flex-col lg:flex-row gap-10 lg:gap-16" : "")
+          class: v(P.value ? "flex flex-col lg:flex-row gap-10 lg:gap-16" : "")
         }, [
-          A.value ? (n(), d("div", Je, [
-            y.value && a(T)(y.value) ? (n(), F(Be, {
+          P.value ? (n(), c("div", _e, [
+            b.value && l(R)(b.value) ? (n(), C(Ge, {
               key: 0,
-              field: y.value,
-              value: a(v)[y.value.name],
-              values: a(v),
-              errors: a(p),
+              field: b.value,
+              value: l(m)[b.value.name],
+              values: l(m),
+              errors: l(x),
               variant: V.value,
-              size: L.value,
-              rounded: I.value,
-              disabled: a(R)(y.value),
-              readonly: a(q)(y.value),
-              error: a(p)[y.value.name] || "",
+              size: I.value,
+              rounded: N.value,
+              disabled: l(z)(b.value),
+              readonly: l($)(b.value),
+              error: l(x)[b.value.name] || "",
               isUpdate: e.isUpdate,
-              loading: a(D)[y.value?.name],
-              onChange: l[0] || (l[0] = (s) => $(y.value.name, s))
-            }, null, 8, ["field", "value", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading"])) : c("", !0)
-          ])) : c("", !0),
-          x("div", {
-            class: m(A.value ? "flex-1 min-w-0 order-last lg:order-first" : "w-full")
+              loading: l(H)[b.value?.name],
+              onChange: t[0] || (t[0] = (s) => G(b.value.name, s))
+            }, null, 8, ["field", "value", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading"])) : d("", !0)
+          ])) : d("", !0),
+          p("div", {
+            class: v(P.value ? "flex-1 min-w-0 order-last lg:order-first" : "w-full")
           }, [
-            w.value ? w.value && !u.value && e.groupLayout === "basic" ? (n(), d("div", {
+            T.value ? T.value && !u.value && e.groupLayout === "basic" ? (n(), c("div", {
               key: 1,
-              class: m(["form-groups space-y-6", e.groupContainerClass])
+              class: v(["form-groups space-y-6", e.groupContainerClass])
             }, [
-              (n(!0), d(Ie, null, ze(B.value, (s) => (n(), d("div", {
+              (n(!0), c(qe, null, He(q.value, (s) => (n(), c("div", {
                 key: s.originalIndex,
-                class: m([
+                class: v([
                   "form-group overflow-hidden bg-body",
                   e.groupClass,
-                  B.value.length > 1 ? "border rounded" : ""
+                  q.value.length > 1 ? "border rounded" : ""
                 ])
               }, [
-                W.value?.[s.originalIndex] ? (n(), d("div", {
+                Q.value?.[s.originalIndex] ? (n(), c("div", {
                   key: 0,
-                  class: m(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
+                  class: v(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
                 }, [
-                  x("h3", Xe, H(W.value[s.originalIndex]), 1),
-                  X.value?.[s.originalIndex] ? (n(), d("p", Ye, H(X.value[s.originalIndex]), 1)) : c("", !0)
-                ], 2)) : c("", !0),
-                x("div", {
-                  class: m(["form-group-body", [e.groupBodyClass, B.value.length > 1 ? "p-4.5" : ""]])
+                  p("h3", at, j(Q.value[s.originalIndex]), 1),
+                  W.value?.[s.originalIndex] ? (n(), c("p", lt, j(W.value[s.originalIndex]), 1)) : d("", !0)
+                ], 2)) : d("", !0),
+                p("div", {
+                  class: v(["form-group-body", [e.groupBodyClass, q.value.length > 1 ? "p-4.5" : ""]])
                 }, [
-                  k(j, {
+                  k(J, {
                     schema: s.schema,
-                    values: a(v),
-                    errors: a(p),
-                    fieldLoading: a(D),
+                    values: l(m),
+                    errors: l(x),
+                    fieldLoading: l(H),
                     variant: V.value,
-                    size: L.value,
-                    rounded: I.value,
+                    size: I.value,
+                    rounded: N.value,
                     className: e.className,
                     isUpdate: e.isUpdate,
-                    showRequiredAsterisk: K.value,
-                    isFieldVisible: a(T),
-                    isFieldDisabled: a(R),
-                    isFieldReadonly: a(q),
-                    excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                    onChange: $,
-                    onAddonAction: l[2] || (l[2] = (f) => g("onAddonAction", f))
+                    showRequiredAsterisk: M.value,
+                    isFieldVisible: l(R),
+                    isFieldDisabled: l(z),
+                    isFieldReadonly: l($),
+                    excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                    onChange: G,
+                    onAddonAction: t[2] || (t[2] = (f) => g("onAddonAction", f))
                   }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
                 ], 2)
               ], 2))), 128))
-            ], 2)) : w.value && !u.value && e.groupLayout === "accordion" ? (n(), d("div", {
+            ], 2)) : T.value && !u.value && e.groupLayout === "accordion" ? (n(), c("div", {
               key: 2,
-              class: m(e.groupContainerClass)
+              class: v(e.groupContainerClass)
             }, [
-              k(qe, {
+              k(je, {
                 variant: "solid",
-                items: B.value.map((s) => ({
+                items: q.value.map((s) => ({
                   id: `form-group-${s.originalIndex}`,
-                  title: W.value?.[s.originalIndex] || "",
-                  description: X.value?.[s.originalIndex] || void 0
+                  title: Q.value?.[s.originalIndex] || "",
+                  description: W.value?.[s.originalIndex] || void 0
                 })),
                 "allow-multiple": "",
-                class: m(e.groupClass)
+                class: v(e.groupClass)
               }, {
-                content: ve(({ item: s }) => [
-                  k(j, {
-                    schema: B.value.find((f) => `form-group-${f.originalIndex}` === s.id)?.schema || [],
-                    values: a(v),
-                    errors: a(p),
-                    fieldLoading: a(D),
+                content: fe(({ item: s }) => [
+                  k(J, {
+                    schema: q.value.find((f) => `form-group-${f.originalIndex}` === s.id)?.schema || [],
+                    values: l(m),
+                    errors: l(x),
+                    fieldLoading: l(H),
                     variant: V.value,
-                    size: L.value,
-                    rounded: I.value,
+                    size: I.value,
+                    rounded: N.value,
                     className: e.className,
                     isUpdate: e.isUpdate,
-                    showRequiredAsterisk: K.value,
-                    isFieldVisible: a(T),
-                    isFieldDisabled: a(R),
-                    isFieldReadonly: a(q),
-                    excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                    onChange: $,
-                    onAddonAction: l[3] || (l[3] = (f) => g("onAddonAction", f))
+                    showRequiredAsterisk: M.value,
+                    isFieldVisible: l(R),
+                    isFieldDisabled: l(z),
+                    isFieldReadonly: l($),
+                    excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                    onChange: G,
+                    onAddonAction: t[3] || (t[3] = (f) => g("onAddonAction", f))
                   }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
                 ]),
                 _: 1
               }, 8, ["items", "class"])
-            ], 2)) : u.value ? (n(), d("div", Ze, [
-              e.tabs?.[r.value] ? (n(), d("div", {
+            ], 2)) : u.value ? (n(), c("div", it, [
+              e.tabs?.[r.value] ? (n(), c("div", {
                 key: 0,
-                class: m(["form-step-header mb-6", e.headerClass])
+                class: v(["form-step-header mb-6", e.headerClass])
               }, [
-                x("h2", _e, H(e.tabs[r.value].title), 1),
-                e.tabs[r.value].description ? (n(), d("p", et, H(e.tabs[r.value].description), 1)) : c("", !0)
-              ], 2)) : c("", !0),
-              k(j, {
-                schema: te.value,
-                values: a(v),
-                errors: a(p),
-                fieldLoading: a(D),
+                p("h2", st, j(e.tabs[r.value].title), 1),
+                e.tabs[r.value].description ? (n(), c("p", nt, j(e.tabs[r.value].description), 1)) : d("", !0)
+              ], 2)) : d("", !0),
+              k(J, {
+                schema: se.value,
+                values: l(m),
+                errors: l(x),
+                fieldLoading: l(H),
                 variant: V.value,
-                size: L.value,
-                rounded: I.value,
+                size: I.value,
+                rounded: N.value,
                 className: e.className,
                 isUpdate: e.isUpdate,
-                showRequiredAsterisk: K.value,
-                isFieldVisible: a(T),
-                isFieldDisabled: a(R),
-                isFieldReadonly: a(q),
-                excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                onChange: $,
-                onAddonAction: l[4] || (l[4] = (s) => g("onAddonAction", s))
+                showRequiredAsterisk: M.value,
+                isFieldVisible: l(R),
+                isFieldDisabled: l(z),
+                isFieldReadonly: l($),
+                excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                onChange: G,
+                onAddonAction: t[4] || (t[4] = (s) => g("onAddonAction", s))
               }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
-            ])) : c("", !0) : (n(), d("div", Qe, [
-              k(j, {
+            ])) : d("", !0) : (n(), c("div", et, [
+              k(J, {
                 schema: e.schema,
-                values: a(v),
-                errors: a(p),
-                fieldLoading: a(D),
+                values: l(m),
+                errors: l(x),
+                fieldLoading: l(H),
                 variant: V.value,
-                size: L.value,
-                rounded: I.value,
+                size: I.value,
+                rounded: N.value,
                 className: e.className,
                 isUpdate: e.isUpdate,
-                showRequiredAsterisk: K.value,
-                isFieldVisible: a(T),
-                isFieldDisabled: a(R),
-                isFieldReadonly: a(q),
-                excludeTypes: A.value ? ["thumbnailSelector"] : [],
-                layout: t.layout,
-                onChange: $,
-                onAddonAction: l[1] || (l[1] = (s) => g("onAddonAction", s))
+                showRequiredAsterisk: M.value,
+                isFieldVisible: l(R),
+                isFieldDisabled: l(z),
+                isFieldReadonly: l($),
+                excludeTypes: P.value ? ["thumbnailSelector"] : [],
+                layout: i.layout,
+                onChange: G,
+                onAddonAction: t[1] || (t[1] = (s) => g("onAddonAction", s))
               }, {
-                default: ve(() => [
-                  t.layout === "inline" && e.footer ? (n(), d("div", We, [
-                    O.value ? (n(), F(S, {
+                default: fe(() => [
+                  i.layout === "inline" && e.footer ? (n(), c("div", tt, [
+                    Y.value ? (n(), C(F, {
                       key: 0,
                       type: "button",
                       variant: "outline",
                       text: e.cancelText,
-                      disabled: e.loading || a(b),
-                      onClick: re
-                    }, null, 8, ["text", "disabled"])) : c("", !0),
-                    k(S, G({
+                      disabled: e.loading || l(h),
+                      onClick: X
+                    }, null, 8, ["text", "disabled"])) : d("", !0),
+                    k(F, O({
                       type: "submit",
                       variant: "primary",
                       text: e.submitText
                     }, e.submitProps, {
-                      loading: e.loading || a(b)
+                      loading: e.loading || l(h)
                     }), null, 16, ["text", "loading"])
-                  ])) : c("", !0)
+                  ])) : d("", !0)
                 ]),
                 _: 1
               }, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes", "layout"])
             ])),
-            me(i.$slots, "default", {
-              values: a(v),
-              errors: a(p),
-              isSubmitting: a(b),
-              handleSubmit: C
+            me(a.$slots, "default", {
+              values: l(m),
+              errors: l(x),
+              isSubmitting: l(h),
+              handleSubmit: w
             }, void 0, !0)
           ], 2)
-        ], 2)),
-        x("div", {
-          ref_key: "sentinelRef",
-          ref: J,
-          class: "form-scroll-sentinel h-px w-full",
-          "aria-hidden": "true"
-        }, null, 512)
+        ], 2))
       ], 2),
-      e.footer && !e.schemaLoading && t.layout !== "inline" ? (n(), d("div", {
+      e.footer && !e.schemaLoading && i.layout !== "inline" ? (n(), c("div", {
         key: 2,
         ref_key: "footerRef",
-        ref: be,
-        class: m([
+        ref: S,
+        class: v([
           "form-footer items-center gap-3 z-20 rounded-b-md!",
           e.isPage ? "flex sm:hidden" : "flex",
           e.footerClass,
@@ -486,71 +512,77 @@ const Me = ["onKeydown"], je = { class: "flex items-center gap-3" }, Oe = { clas
           // `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).
-          z.value ? "sticky bottom-0 bg-body pt-3 pb-3 -mx-0.5 px-0.5 mt-6 border-t border-border/75" : t.layout !== "inline" ? "mt-6" : "",
-          // Show a subtle top shadow while content is scrolling beneath the sticky footer
-          (z.value && _.value, ""),
+          U.value ? "sticky bottom-0  -mx-0.5 px-0.5 mt-4" : i.layout !== "inline" ? "mt-6" : "",
+          // Show the separator for modal/explicit sticky mode, or when the default
+          // auto-sticky footer is active because its scroll container overflows.
+          ke.value ? "border-t border-border/75 bg-body pt-3 pb-3 mt-6" : "",
           // Inside modal: extend footer flush to modal edge padding
-          U.value && t.layout !== "inline" ? "-mx-4 px-4 pb-3! mt-7.5!" : "",
-          // Non-sticky inside modal keeps the original border styling
-          !z.value && U.value && t.layout !== "inline" ? "border-t border-border/75 mt-5" : "",
-          !z.value && !U.value && t.layout !== "inline" ? "mt-6" : "",
-          t.layout === "inline" ? "mt-0 shrink-0" : ""
+          B.value && i.layout !== "inline" ? "-mx-4 px-4 pb-3! mt-7.5!" : "",
+          i.layout === "inline" ? "mt-0 shrink-0" : ""
         ])
       }, [
-        O.value || u.value && e.isUpdate && !P.value ? (n(), d("div", tt, [
-          O.value ? (n(), F(S, {
+        u.value && (Y.value || e.isUpdate && !L.value) ? (n(), c("div", ot, [
+          Y.value ? (n(), C(F, {
             key: 0,
             type: "button",
             variant: "outline",
             text: e.cancelText,
-            disabled: e.loading || a(b),
-            onClick: re
-          }, null, 8, ["text", "disabled"])) : c("", !0),
-          u.value && e.isUpdate && !P.value ? (n(), F(S, G({
+            disabled: e.loading || l(h),
+            onClick: X
+          }, null, 8, ["text", "disabled"])) : d("", !0),
+          e.isUpdate && !L.value ? (n(), C(F, O({
             key: 1,
             type: "button",
             variant: "primary",
             text: e.submitText
           }, e.submitProps, {
-            loading: e.loading || a(b),
-            onClick: C
-          }), null, 16, ["text", "loading"])) : c("", !0)
-        ])) : c("", !0),
-        x("div", {
-          class: m(["flex gap-3 items-center", [
+            loading: e.loading || l(h),
+            onClick: w
+          }), null, 16, ["text", "loading"])) : d("", !0)
+        ])) : d("", !0),
+        p("div", {
+          class: v(["flex gap-3 items-center", [
             u.value && "ml-auto",
-            !u.value || P.value ? "w-full justify-end" : ""
+            !u.value || L.value ? "w-full justify-end" : ""
           ]])
         }, [
-          u.value && se.value ? (n(), F(S, {
+          Y.value && !u.value ? (n(), C(F, {
             key: 0,
             type: "button",
             variant: "outline",
+            text: e.cancelText,
+            disabled: e.loading || l(h),
+            onClick: X
+          }, null, 8, ["text", "disabled"])) : d("", !0),
+          u.value && ue.value ? (n(), C(F, {
+            key: 1,
+            type: "button",
+            variant: "outline",
             icon: "lucide:arrow-left",
             text: "Previous",
-            onClick: Te
-          })) : c("", !0),
-          u.value && !P.value ? (n(), F(S, {
-            key: 1,
+            onClick: Ue
+          })) : d("", !0),
+          u.value && !L.value ? (n(), C(F, {
+            key: 2,
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: "Next",
             iconRight: "lucide:arrow-right",
-            onClick: ne
-          }, null, 8, ["variant"])) : c("", !0),
-          !u.value || P.value ? (n(), F(S, G({
-            key: 2,
+            onClick: de
+          }, null, 8, ["variant"])) : d("", !0),
+          !u.value || L.value ? (n(), C(F, O({
+            key: 3,
             type: "submit",
             variant: "primary",
             text: e.submitText
           }, e.submitProps, {
-            loading: e.loading || a(b)
-          }), null, 16, ["text", "loading"])) : c("", !0)
+            loading: e.loading || l(h)
+          }), null, 16, ["text", "loading"])) : d("", !0)
         ], 2)
-      ], 2)) : c("", !0)
-    ], 42, Me));
+      ], 2)) : d("", !0)
+    ], 42, We));
   }
 });
 export {
-  gt as default
+  kt as default
 };