@jsg-developer/vue-pack 0.0.9 → 0.0.10

package/dist/chunks/TabelData-BHJC8v6o.es.js

@@ -1,2437 +0,0 @@
-import { defineComponent as fe, createElementBlock as a, openBlock as d, withKeys as Xe, createElementVNode as s, normalizeClass as q, toDisplayString as m, mergeProps as Ee, renderSlot as it, createTextVNode as ye, ref as V, computed as X, inject as gt, createCommentVNode as F, createVNode as K, unref as l, Fragment as P, renderList as R, createBlock as be, normalizeStyle as Se, onMounted as ze, onUnmounted as ut, Transition as _e, withCtx as Ce, withModifiers as Ye, toRaw as He, watch as Me, nextTick as Oe, provide as ct, withDirectives as Ve, isRef as Fe, vModelText as jt, vModelCheckbox as qe } from "vue";
-import bt from "dompurify";
-import { ac as Le, z as et, M as $e, ab as ke, u as ft, K as Ne, L as ht, F as mt } from "./resize-Bn1jzV77.es.js";
-import vt from "lodash.isequal";
-import "zod";
-const yt = ["aria-labelledby"], kt = {
-  id: "dialog-title",
-  class: "jsgd-text-2xl jsgd-font-bold jsgd-text-slate-800 jsgd-mb-3 dark:jsgd-text-slate-100"
-}, xt = {
-  id: "dialog-desc",
-  class: "jsgd-text-slate-500 jsgd-leading-relaxed jsgd-mb-10 dark:jsgd-text-slate-400"
-}, pt = { class: "jsgd-grid jsgd-grid-cols-2 jsgd-gap-4" }, wt = /* @__PURE__ */ fe({
-  __name: "WarningForm",
-  props: {
-    title: { default: "Warning Title" },
-    message: { default: "Warning Message" },
-    isGreen: { type: Boolean, default: !1 }
-  },
-  emits: ["confirm", "close"],
-  setup(e, { emit: u }) {
-    const i = e, n = u;
-    return (g, t) => (d(), a("div", {
-      class: "jsgd-fixed jsgd-inset-0 jsgd-z-36 jsgd-grid jsgd-place-items-center jsgd-p-4 jsgd-bg-slate-900/60 jsgd-backdrop-blur-sm jsgd-animate-[fadeIn_250ms_ease-out]",
-      onKeydown: t[2] || (t[2] = Xe((y) => n("close"), ["esc"]))
-    }, [
-      s("div", {
-        class: "jsgd-relative jsgd-w-full jsgd-max-w-md jsgd-pt-16 jsgd-pb-8 jsgd-px-8 jsgd-bg-gradient-to-br jsgd-from-white jsgd-to-slate-50 jsgd-rounded-2xl jsgd-shadow-2xl jsgd-text-center jsgd-animate-[scaleIn_250ms_cubic-bezier(0.16,1,0.3,1)] jsgd-border-1 jsgd-border-solid jsgd-border-slate-200 dark:jsgd-from-slate-800 dark:jsgd-to-slate-900 dark:jsgd-border-slate-700",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": i.title
-      }, [
-        s("div", {
-          class: q([
-            "jsgd-absolute jsgd-top-[-2.25rem] jsgd-left-1/2 -jsgd-translate-x-1/2 jsgd-w-[4.5rem] jsgd-h-[4.5rem] jsgd-rounded-full jsgd-grid jsgd-place-items-center jsgd-border-4 jsgd-border-solid jsgd-border-white jsgd-shadow-md jsgd-animate-[scaleIn_400ms_150ms_ease-out_backwards] dark:jsgd-border-slate-800",
-            i.isGreen ? "jsgd-bg-green-100 dark:jsgd-bg-green-900/50" : "jsgd-bg-red-100 dark:jsgd-bg-red-900/50"
-          ])
-        }, [
-          s("span", {
-            class: q(["jsgd-w-9 jsgd-h-9", [
-              i.isGreen ? "jsgd-i-mdi-check-decagram" : "jsgd-i-mdi-alert-decagram",
-              i.isGreen ? "jsgd-text-green-600 dark:jsgd-text-green-400" : "jsgd-text-red-600 dark:jsgd-text-red-400"
-            ]])
-          }, null, 2)
-        ], 2),
-        s("h2", kt, m(i.title), 1),
-        s("p", xt, m(i.message), 1),
-        s("div", pt, [
-          s("button", {
-            class: q([
-              "jsgd-w-full jsgd-py-3.5 jsgd-px-4 jsgd-rounded-lg jsgd-border-none jsgd-font-semibold jsgd-text-sm jsgd-cursor-pointer jsgd-transition-all jsgd-duration-300 jsgd-ease-[cubic-bezier(0.4,0,0.2,1)] jsgd-relative jsgd-overflow-hidden hover:-jsgd-translate-y-0.5 jsgd-text-white",
-              i.isGreen ? "jsgd-bg-gradient-to-br jsgd-from-green-500 jsgd-to-emerald-600 jsgd-shadow-lg jsgd-shadow-green-500/20 hover:jsgd-shadow-xl hover:jsgd-shadow-green-500/30" : "jsgd-bg-gradient-to-br jsgd-from-red-500 jsgd-to-rose-600 jsgd-shadow-lg jsgd-shadow-red-500/20 hover:jsgd-shadow-xl hover:jsgd-shadow-red-500/30"
-            ]),
-            onClick: t[0] || (t[0] = (y) => n("confirm"))
-          }, " Ya ", 2),
-          s("button", {
-            class: "jsgd-w-full jsgd-py-3.5 jsgd-px-4 jsgd-rounded-lg jsgd-font-semibold jsgd-text-sm jsgd-cursor-pointer jsgd-transition-all jsgd-duration-300 jsgd-ease-[cubic-bezier(0.4,0,0.2,1)] jsgd-relative jsgd-overflow-hidden hover:-jsgd-translate-y-0.5 jsgd-bg-slate-200 jsgd-text-slate-700 jsgd-border-1 jsgd-border-solid jsgd-border-slate-300 hover:jsgd-bg-slate-300 dark:jsgd-bg-slate-700 dark:jsgd-text-slate-200 dark:jsgd-border-slate-600 dark:hover:jsgd-bg-slate-600",
-            onClick: t[1] || (t[1] = (y) => n("close"))
-          }, " Tidak ")
-        ])
-      ], 8, yt)
-    ], 32));
-  }
-}), Ze = /* @__PURE__ */ Le(wt, [["__scopeId", "data-v-d74c76a7"]]), _t = ["src", "alt"], Qe = /* @__PURE__ */ fe({
-  __name: "BaseImage",
-  props: {
-    src: {},
-    alt: {}
-  },
-  setup(e) {
-    return (u, i) => (d(), a("img", Ee({
-      src: e.src,
-      alt: e.alt,
-      loading: "lazy",
-      decoding: "async",
-      class: "jsgd-object-cover"
-    }, u.$attrs), null, 16, _t));
-  }
-}), Ct = { class: "jsgd-block jsgd-mb-2 jsgd-cursor-default jsgd-transition-colors jsgd-duration-200 jsgd-text-slate-700 dark:jsgd-text-slate-300 jsgd-text-sm md:jsgd-text-base jsgd-font-medium hover:jsgd-animate-subtle-glow" }, E = /* @__PURE__ */ fe({
-  __name: "BaseLabel",
-  props: {
-    label: {}
-  },
-  setup(e) {
-    return (u, i) => (d(), a("label", Ct, [
-      it(u.$slots, "default", {}, () => [
-        ye(m(e.label), 1)
-      ])
-    ]));
-  }
-});
-function Ue(e = "id-ID", u = "Asia/Jakarta") {
-  let i = e, n = u;
-  try {
-    typeof navigator < "u" && (i = navigator.language || e), n = Intl.DateTimeFormat().resolvedOptions().timeZone || u;
-  } catch {
-  }
-  return { locale: i, timeZone: n };
-}
-function We(e, u = "id-ID") {
-  const i = Intl.DateTimeFormat.supportedLocalesOf([e]);
-  return i.length > 0 ? i[0] : u;
-}
-function Re(e) {
-  return e instanceof Date && !isNaN(e.getTime());
-}
-const Mt = (e) => {
-  try {
-    if (!e) return "-";
-    const u = new Date(e);
-    if (!Re(u)) return e;
-    const { locale: i, timeZone: n } = Ue();
-    return u.toLocaleDateString(We(i), {
-      weekday: "long",
-      year: "numeric",
-      month: "long",
-      day: "numeric",
-      timeZone: n
-    });
-  } catch {
-    return e;
-  }
-}, Dt = (e) => {
-  try {
-    if (!e) return "-";
-    const u = /* @__PURE__ */ new Date(`1970-01-01T${e}`);
-    if (!Re(u)) return e;
-    const { locale: i, timeZone: n } = Ue();
-    return u.toLocaleTimeString(We(i), {
-      hour: "2-digit",
-      minute: "2-digit",
-      timeZone: n
-    });
-  } catch {
-    return e;
-  }
-}, $t = (e) => {
-  try {
-    if (!e) return "-";
-    const u = new Date(e);
-    if (!Re(u)) return e;
-    const { locale: i, timeZone: n } = Ue();
-    return u.toLocaleString(We(i), {
-      weekday: "short",
-      year: "numeric",
-      month: "short",
-      day: "numeric",
-      hour: "2-digit",
-      minute: "2-digit",
-      timeZone: n
-    });
-  } catch {
-    return e;
-  }
-}, At = ["id"], Tt = { key: 0 }, Ot = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, Ht = { key: 1 }, Kt = ["innerHTML"], Bt = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, St = { key: 2 }, Lt = ["innerHTML"], It = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, Vt = { key: 3 }, Ft = { class: "jsgd-flex jsgd-items-center jsgd-gap-4" }, Nt = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-font-mono" }, Pt = { key: 4 }, Et = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, zt = { key: 5 }, Ut = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, Wt = { key: 6 }, Rt = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, Gt = { key: 7 }, qt = { key: 8 }, Zt = { key: 0 }, Qt = ["href"], Jt = {
-  key: 1,
-  class: "jsgd-flex jsgd-items-center jsgd-gap-2"
-}, Xt = { class: "jsgd-text-sm jsgd-text-slate-500 dark:jsgd-text-slate-400" }, Yt = ["href"], es = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, ts = { key: 9 }, ss = {
-  key: 0,
-  class: "jsgd-flex jsgd-flex-col jsgd-gap-2"
-}, ds = ["href"], as = {
-  key: 1,
-  class: "jsgd-flex jsgd-items-center jsgd-gap-2"
-}, ls = { class: "jsgd-text-sm jsgd-text-slate-500 dark:jsgd-text-slate-400" }, ns = ["href"], os = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, rs = { key: 10 }, is = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, gs = { key: 11 }, us = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, cs = { key: 12 }, js = {
-  key: 0,
-  class: "jsgd-flex jsgd-items-center jsgd-gap-0.5"
-}, bs = { class: "jsgd-ml-2 jsgd-text-sm jsgd-font-medium jsgd-text-slate-600 dark:jsgd-text-slate-300" }, fs = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, hs = { key: 13 }, ms = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, vs = { key: 14 }, ys = ["href"], ks = { key: 15 }, xs = ["href"], ps = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, ws = { key: 16 }, _s = {
-  key: 0,
-  class: "jsgd-flex jsgd-flex-wrap jsgd-gap-2"
-}, Cs = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, Ms = { key: 17 }, Ds = {
-  key: 0,
-  class: "jsgd-p-4 jsgd-border jsgd-border-slate-200 jsgd-rounded-md jsgd-bg-slate-50 jsgd-shadow-inner dark:jsgd-border-slate-700 dark:jsgd-bg-slate-800/50"
-}, $s = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, As = { key: 18 }, Ts = { key: 0 }, Os = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, Hs = { key: 19 }, Ks = {
-  key: 0,
-  class: "jsgd-flex jsgd-flex-wrap jsgd-gap-4"
-}, Bs = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, Ss = { key: 20 }, Ls = { class: "jsgd-flex jsgd-flex-wrap jsgd-gap-2" }, Is = ["title", "onClick"], Vs = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, Fs = { key: 21 }, Ns = { class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed" }, Ps = { key: 22 }, Es = {
-  key: 0,
-  class: "jsgd-flex jsgd-flex-col jsgd-gap-4"
-}, zs = {
-  key: 1,
-  class: "jsgd-text-slate-700 dark:jsgd-text-slate-200 jsgd-leading-relaxed jsgd-italic"
-}, Us = {
-  key: 1,
-  class: "jsgd-pb-6 jsgd-mb-6 jsgd-border-b jsgd-border-slate-200 dark:jsgd-border-slate-700 last:jsgd-mb-0 last:jsgd-pb-0 last:jsgd-border-b-0"
-}, Ws = { class: "jsgd-flex jsgd-flex-col jsgd-gap-4" }, Rs = /* @__PURE__ */ fe({
-  __name: "FieldDetailRenderer",
-  props: {
-    field: {},
-    fieldKey: {},
-    formData: {},
-    requiredText: {},
-    valueNullView: { type: Boolean },
-    optionalText: {},
-    lang: {}
-  },
-  emits: ["image-click"],
-  setup(e, { emit: u }) {
-    const i = V(!1), n = e, g = u, t = X(() => n.formData?.[n.fieldKey]), y = X(() => {
-      const H = t.value;
-      return n.valueNullView && n.field.type !== "optionGroupSchema" ? !0 : $(H);
-    }), f = gt("TableComponents", {
-      labels: V(et[n.lang ?? "en"])
-    }), _ = (H) => {
-      if (typeof H != "number") return H;
-      const z = n.lang === "id" ? "id-ID" : "en-US", A = n.lang === "id" ? "IDR" : "USD";
-      return new Intl.NumberFormat(z, { style: "currency", currency: A }).format(H);
-    }, j = f.labels, $ = (H) => H != null && H !== "" && !(Array.isArray(H) && H.length === 0), c = X(() => {
-      let H = n.field.label || n.fieldKey || "";
-      return n.field.type === "optionGroupSchema" ? n.field.label ?? "" : H;
-    }), b = (H) => H instanceof File, N = (H) => URL.createObjectURL(H), Z = (H) => {
-      navigator.clipboard.writeText(H).then(() => console.log("Copied:", H)).catch(console.error);
-    };
-    return (H, z) => y.value ? (d(), a("div", {
-      key: 0,
-      class: "jsgd-pb-6 jsgd-mb-6 jsgd-border-b jsgd-border-slate-200 dark:jsgd-border-slate-700 last:jsgd-mb-0 last:jsgd-pb-0 last:jsgd-border-b-0",
-      id: e.fieldKey
-    }, [
-      e.field.type === "text" ? (d(), a("div", Tt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", Ot, m(t.value || "-"), 1)
-      ])) : e.field.type === "quillEditor" ? (d(), a("div", Ht, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value ? (d(), a("div", {
-          key: 0,
-          class: "prose-content",
-          innerHTML: t.value
-        }, null, 8, Kt)) : (d(), a("p", Bt, " - "))
-      ])) : e.field.type === "textArea" ? (d(), a("div", St, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value ? (d(), a("div", {
-          key: 0,
-          class: "prose-content",
-          innerHTML: t.value
-        }, null, 8, Lt)) : (d(), a("p", It, " - "))
-      ])) : e.field.type === "password" ? (d(), a("div", Vt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("div", Ft, [
-          s("p", Nt, m(i.value ? t.value ?? "-" : t.value ? "•".repeat(String(t.value).length) : "-"), 1),
-          t.value ? (d(), a("button", {
-            key: 0,
-            type: "button",
-            class: "jsgd-text-sm jsgd-text-blue-600 jsgd-bg-transparent jsgd-border-none jsgd-cursor-pointer jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300",
-            onClick: z[0] || (z[0] = (A) => i.value = !i.value)
-          }, m(i.value ? "Hide" : "Show"), 1)) : F("", !0)
-        ])
-      ])) : e.field.type === "date" ? (d(), a("div", Pt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", Et, m(t.value ? l(Mt)(t.value) : "-"), 1)
-      ])) : e.field.type === "time" ? (d(), a("div", zt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", Ut, m(t.value ? l(Dt)(t.value) : "-"), 1)
-      ])) : e.field.type === "dateTime" ? (d(), a("div", Wt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", Rt, m(t.value ? l($t)(t.value) : "-"), 1)
-      ])) : e.field.type === "toggle" ? (d(), a("div", Gt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", {
-          class: q([
-            "jsgd-inline-flex jsgd-items-center jsgd-gap-2 jsgd-px-3 jsgd-py-1 jsgd-font-medium jsgd-rounded-full",
-            t.value ? "jsgd-bg-green-100 jsgd-text-green-800 dark:jsgd-bg-green-900 dark:jsgd-text-green-200" : "jsgd-bg-red-100 jsgd-text-red-800 dark:jsgd-bg-red-900 dark:jsgd-text-red-200"
-          ])
-        }, m(t.value ? l(j).btn.toogle.active : l(j).btn.toogle.inactive) + " ⦿ ", 3)
-      ])) : e.field.type === "file" ? (d(), a("div", qt, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value ? (d(), a("div", Zt, [
-          typeof t.value == "string" ? (d(), a("a", {
-            key: 0,
-            href: t.value,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
-          }, m(t.value.split("/").pop() || t.value), 9, Qt)) : b(t.value) ? (d(), a("div", Jt, [
-            s("span", null, m(t.value.name), 1),
-            s("span", Xt, "(" + m((t.value.size / 1024).toFixed(1)) + " KB)", 1),
-            s("a", {
-              href: N(t.value),
-              target: "_blank",
-              rel: "noopener noreferrer",
-              class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
-            }, " Preview ", 8, Yt)
-          ])) : F("", !0)
-        ])) : (d(), a("div", es, " - "))
-      ])) : e.field.type === "fileArray" ? (d(), a("div", ts, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        Array.isArray(t.value) && t.value.length ? (d(), a("div", ss, [
-          (d(!0), a(P, null, R(t.value, (A, v) => (d(), a("div", { key: v }, [
-            typeof A == "string" ? (d(), a("a", {
-              key: 0,
-              href: A,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
-            }, m(A.split("/").pop() || A), 9, ds)) : b(A) ? (d(), a("div", as, [
-              s("span", null, m(A.name), 1),
-              s("span", ls, "(" + m((A.size / 1024).toFixed(1)) + " KB)", 1),
-              s("a", {
-                href: N(A),
-                target: "_blank",
-                rel: "noopener noreferrer",
-                class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
-              }, " Preview ", 8, ns)
-            ])) : F("", !0)
-          ]))), 128))
-        ])) : (d(), a("div", os, " - "))
-      ])) : e.field.type === "number" ? (d(), a("div", rs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", is, m(t.value ?? "-"), 1)
-      ])) : e.field.type === "currency" ? (d(), a("div", gs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", us, m(t.value !== null && t.value !== void 0 ? _(t.value) : "-"), 1)
-      ])) : e.field.type === "rate" ? (d(), a("div", cs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value > 0 ? (d(), a("div", js, [
-          (d(), a(P, null, R(5, (A) => s("svg", {
-            key: A,
-            width: "20",
-            height: "20",
-            viewBox: "0 0 24 24",
-            class: q(
-              A <= t.value ? "jsgd-text-amber-400" : "jsgd-text-slate-300 dark:jsgd-text-slate-600"
-            )
-          }, [...z[5] || (z[5] = [
-            s("path", {
-              fill: "currentColor",
-              d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
-            }, null, -1)
-          ])], 2)), 64)),
-          s("span", bs, "(" + m(t.value) + " / 5)", 1)
-        ])) : (d(), a("p", fs, " - "))
-      ])) : e.field.type === "email" ? (d(), a("div", hs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", ms, m(t.value ?? "-"), 1)
-      ])) : e.field.type === "url" ? (d(), a("div", vs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("a", {
-          href: t.value,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
-        }, m(t.value ?? "-"), 9, ys)
-      ])) : e.field.type === "tel" ? (d(), a("div", ks, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value ? (d(), a("a", {
-          key: 0,
-          href: `tel:${t.value}`,
-          class: "jsgd-font-medium jsgd-text-blue-600 jsgd-underline jsgd-underline-offset-2 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-blue-400 dark:hover:jsgd-text-blue-300"
-        }, m(t.value), 9, xs)) : (d(), a("p", ps, " - "))
-      ])) : e.field.type === "tag" ? (d(), a("div", ws, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        Array.isArray(t.value) && t.value.length ? (d(), a("div", _s, [
-          (d(!0), a(P, null, R(t.value, (A, v) => (d(), a("span", {
-            key: v,
-            class: "jsgd-inline-block jsgd-px-3 jsgd-py-1 jsgd-text-xs jsgd-font-medium jsgd-text-blue-800 jsgd-bg-blue-100 jsgd-rounded-full dark:jsgd-bg-blue-900 dark:jsgd-text-blue-300"
-          }, m(A), 1))), 128))
-        ])) : (d(), a("p", Cs, " - "))
-      ])) : e.field.type === "object" ? (d(), a("div", Ms, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value && typeof t.value == "object" && Object.keys(t.value).length ? (d(), a("div", Ds, [
-          (d(!0), a(P, null, R(e.field.schema, (A, v) => (d(), be(l(Ke), {
-            key: v,
-            field: A,
-            "field-key": v,
-            "form-data": t.value,
-            "value-null-view": e.valueNullView,
-            "optional-text": e.optionalText,
-            "required-text": e.requiredText,
-            onImageClick: z[1] || (z[1] = (x) => g("image-click", x))
-          }, null, 8, ["field", "field-key", "form-data", "value-null-view", "optional-text", "required-text"]))), 128))
-        ])) : (d(), a("div", $s, " - "))
-      ])) : e.field.type === "image" ? (d(), a("div", As, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        t.value ? (d(), a("div", Ts, [
-          K(l(Qe), {
-            src: t.value,
-            alt: "Image",
-            class: "jsgd-block jsgd-rounded-md jsgd-shadow-md jsgd-border jsgd-border-slate-200 jsgd-cursor-pointer jsgd-transition-all hover:jsgd-scale-105 hover:jsgd-shadow-lg jsgd-w-full jsgd-max-w-48 jsgd-aspect-video jsgd-object-contain dark:jsgd-border-slate-700",
-            onClick: z[2] || (z[2] = (A) => g("image-click", t.value))
-          }, null, 8, ["src"])
-        ])) : (d(), a("div", Os, " - "))
-      ])) : e.field.type === "imageArray" ? (d(), a("div", Hs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        Array.isArray(t.value) && t.value.length ? (d(), a("div", Ks, [
-          (d(!0), a(P, null, R(t.value, (A, v) => (d(), a("div", { key: v }, [
-            K(l(Qe), {
-              src: A,
-              alt: `Image ${v + 1}`,
-              class: "jsgd-block jsgd-rounded-md jsgd-shadow-md jsgd-border jsgd-border-slate-200 jsgd-cursor-pointer jsgd-transition-all hover:jsgd-scale-105 hover:jsgd-shadow-lg jsgd-w-24 jsgd-h-24 jsgd-object-contain dark:jsgd-border-slate-700",
-              onClick: (x) => g("image-click", A)
-            }, null, 8, ["src", "alt", "onClick"])
-          ]))), 128))
-        ])) : (d(), a("div", Bs, " - "))
-      ])) : e.field.type === "color" ? (d(), a("div", Ss, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("div", Ls, [
-          Array.isArray(t.value) && t.value.length ? (d(!0), a(P, { key: 0 }, R(t.value, (A, v) => (d(), a("div", {
-            key: v,
-            class: "jsgd-w-8 jsgd-h-8 jsgd-rounded-full jsgd-border-2 jsgd-border-white jsgd-shadow-[0_0_0_1px] jsgd-shadow-slate-300 jsgd-cursor-pointer jsgd-transition-transform hover:jsgd-scale-110 dark:jsgd-border-slate-800 dark:jsgd-shadow-slate-600",
-            style: Se({ backgroundColor: A }),
-            title: A,
-            onClick: (x) => Z(A)
-          }, null, 12, Is))), 128)) : (d(), a("div", Vs, " - "))
-        ])
-      ])) : e.field.type === "select" ? (d(), a("div", Fs, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        s("p", Ns, m(t.value || "-"), 1)
-      ])) : e.field.type === "arrayObject" ? (d(), a("div", Ps, [
-        K(l(E), { label: c.value }, null, 8, ["label"]),
-        Array.isArray(t.value) && t.value.length ? (d(), a("div", Es, [
-          (d(!0), a(P, null, R(t.value, (A, v) => (d(), a("div", {
-            key: v,
-            class: "jsgd-p-4 jsgd-border jsgd-border-slate-200 jsgd-rounded-md jsgd-bg-slate-50 jsgd-shadow-inner dark:jsgd-border-slate-700 dark:jsgd-bg-slate-800/50"
-          }, [
-            (d(!0), a(P, null, R(e.field.schema, (x, S) => (d(), be(l(Ke), {
-              key: S,
-              field: x,
-              "field-key": S,
-              "form-data": A,
-              "value-null-view": e.valueNullView,
-              "optional-text": e.optionalText,
-              "required-text": e.requiredText,
-              onImageClick: z[3] || (z[3] = (L) => g("image-click", L))
-            }, null, 8, ["field", "field-key", "form-data", "value-null-view", "optional-text", "required-text"]))), 128))
-          ]))), 128))
-        ])) : (d(), a("div", zs, " - "))
-      ])) : F("", !0)
-    ], 8, At)) : e.field.type === "optionGroupSchema" ? (d(), a("div", Us, [
-      e.formData[e.fieldKey] || c.value ? (d(), be(l(E), {
-        key: 0,
-        label: e.formData[e.fieldKey] ? c.value + ":" + (e.formData[e.fieldKey] ?? "") : c.value,
-        class: "!jsgd-text-lg !jsgd-font-semibold !jsgd-text-slate-900 dark:!jsgd-text-slate-100 !jsgd-border-l-4 !jsgd-border-slate-400 !jsgd-pl-3 dark:!jsgd-border-slate-600"
-      }, null, 8, ["label"])) : F("", !0),
-      s("div", Ws, [
-        (d(!0), a(P, null, R(e.field.options, (A, v) => (d(), a("div", {
-          key: v,
-          class: "jsgd-p-4 jsgd-border jsgd-border-slate-200 jsgd-rounded-md jsgd-bg-slate-50 jsgd-shadow-inner dark:jsgd-border-slate-700 dark:jsgd-bg-slate-800/50"
-        }, [
-          K(l(E), {
-            label: v,
-            class: "option-group-item-label"
-          }, null, 8, ["label"]),
-          z[6] || (z[6] = s("hr", { class: "option-group-divider" }, null, -1)),
-          (d(!0), a(P, null, R(A, (x, S) => (d(), be(l(Ke), {
-            key: S,
-            field: x,
-            "field-key": S,
-            "form-data": e.formData,
-            "value-null-view": e.valueNullView,
-            "optional-text": e.optionalText,
-            "required-text": e.requiredText,
-            onImageClick: z[4] || (z[4] = (L) => g("image-click", L))
-          }, null, 8, ["field", "field-key", "form-data", "value-null-view", "optional-text", "required-text"]))), 128))
-        ]))), 128))
-      ])
-    ])) : F("", !0);
-  }
-}), Ke = /* @__PURE__ */ Le(Rs, [["__scopeId", "data-v-a1877c32"]]), Gs = ["src", "alt"], el = /* @__PURE__ */ fe({
-  __name: "ImagePreview",
-  props: {
-    imageUrl: {},
-    watermarkUrl: { default: "https://res.cloudinary.com/doyufai9q/image/upload/v1754227461/Logo_transparent_b6qrek.png" },
-    watermarkSize: { default: 4 },
-    alt: { default: "" }
-  },
-  setup(e) {
-    const u = e, i = V(null), n = V(!0), g = (y) => new Promise((f, _) => {
-      const j = new Image();
-      j.crossOrigin = "anonymous", j.onload = () => f(j), j.onerror = ($) => _($), j.src = y;
-    }), t = (y, f) => {
-      const _ = document.createElement("canvas"), j = _.getContext("2d");
-      if (!j)
-        return console.error("Gagal mendapatkan konteks canvas 2D."), y.src;
-      _.width = y.width, _.height = y.height, j.drawImage(y, 0, 0);
-      const $ = y.width / u.watermarkSize, c = f.height / f.width * $, b = y.width - $ - 10, N = y.height - c - 10;
-      return j.globalAlpha = 0.8, j.drawImage(f, b, N, $, c), j.globalAlpha = 1, _.toDataURL("image/png");
-    };
-    return ze(async () => {
-      try {
-        const y = await g(u.imageUrl), f = await g(u.watermarkUrl);
-        i.value = t(y, f);
-      } catch (y) {
-        console.error("Gagal menerapkan watermark, menampilkan gambar asli:", y), i.value = u.imageUrl;
-      } finally {
-        n.value = !1;
-      }
-    }), (y, f) => (d(), a(P, null, [
-      n.value ? (d(), a("div", Ee({
-        key: 0,
-        class: "jsgd-w-full jsgd-h-48 jsgd-bg-slate-200 dark:jsgd-bg-slate-700 jsgd-rounded-lg jsgd-animate-pulse"
-      }, y.$attrs), null, 16)) : F("", !0),
-      !n.value && i.value ? (d(), a("img", Ee({
-        key: 1,
-        loading: "lazy",
-        src: i.value,
-        alt: u.alt
-      }, y.$attrs), null, 16, Gs)) : F("", !0)
-    ], 64));
-  }
-}), qs = ["innerHTML"], tl = /* @__PURE__ */ fe({
-  __name: "SafeHtml",
-  props: {
-    html: {}
-  },
-  setup(e) {
-    const u = e, i = X(() => bt.sanitize(u.html));
-    return (n, g) => e.html ? (d(), a("div", {
-      key: 0,
-      innerHTML: i.value
-    }, null, 8, qs)) : F("", !0);
-  }
-}), Zs = { class: "modal-header" }, Qs = { class: "header-content" }, Js = { class: "title-section" }, Xs = { class: "modal-title" }, Ys = { class: "modal-body" }, ed = { class: "form-fields-container" }, td = { class: "modal-footer" }, sd = { class: "footer-buttons" }, dd = { class: "btn-content" }, ad = ["src"], ld = /* @__PURE__ */ fe({
-  __name: "ModalDetailData",
-  props: {
-    schema: {},
-    formData: {},
-    valueNullView: { type: Boolean },
-    title: {},
-    closeText: {},
-    requiredText: {},
-    optionalText: {},
-    lang: {}
-  },
-  emits: ["close"],
-  setup(e, { emit: u }) {
-    const i = u, n = V(!1), g = V(""), t = () => i("close"), y = (j) => {
-      g.value = j, n.value = !0;
-    }, f = V(!1), _ = () => {
-      f.value = window.innerWidth < 768;
-    };
-    return ze(() => {
-      _(), window.addEventListener("resize", _);
-    }), ut(() => {
-      window.removeEventListener("resize", _);
-    }), (j, $) => (d(), a(P, null, [
-      K(_e, {
-        name: "modal-overlay",
-        appear: ""
-      }, {
-        default: Ce(() => [
-          s("div", {
-            class: "modal-overlay",
-            onClick: Ye(t, ["self"])
-          }, [
-            K(_e, {
-              name: "modal-container",
-              appear: ""
-            }, {
-              default: Ce(() => [
-                s("div", {
-                  class: q(["modal-container", { "mobile-view": f.value }])
-                }, [
-                  s("div", Zs, [
-                    s("div", Qs, [
-                      s("div", Js, [
-                        $[1] || ($[1] = s("div", { class: "icon-container" }, [
-                          s("svg", {
-                            width: "24",
-                            height: "24",
-                            viewBox: "0 0 24 24",
-                            fill: "none",
-                            xmlns: "http://www.w3.org/2000/svg"
-                          }, [
-                            s("path", {
-                              d: "M10 3H6C4.89543 3 4 3.89543 4 5V19C4 20.1046 4.89543 21 6 21H18C19.1046 21 20 20.1046 20 19V5C20 3.89543 19.1046 3 18 3H14M10 3V6C10 6.55228 10.4477 7 11 7H13C13.5523 7 14 6.55228 14 6V3M10 3V1M14 3V1M9 11H15M9 15H15",
-                              stroke: "currentColor",
-                              "stroke-width": "2",
-                              "stroke-linecap": "round",
-                              "stroke-linejoin": "round"
-                            })
-                          ])
-                        ], -1)),
-                        s("h2", Xs, m(e.title ?? "Detail Data"), 1)
-                      ]),
-                      s("button", {
-                        class: "close-btn",
-                        onClick: t,
-                        "aria-label": "Close"
-                      }, [...$[2] || ($[2] = [
-                        s("svg", {
-                          width: "20",
-                          height: "20",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          xmlns: "http://www.w3.org/2000/svg"
-                        }, [
-                          s("path", {
-                            d: "M18 6L6 18M6 6L18 18",
-                            stroke: "currentColor",
-                            "stroke-width": "2",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round"
-                          })
-                        ], -1)
-                      ])])
-                    ])
-                  ]),
-                  s("div", Ys, [
-                    s("div", ed, [
-                      (d(!0), a(P, null, R(e.schema, (c, b) => (d(), be(l(Ke), {
-                        key: b,
-                        field: c,
-                        "field-key": b,
-                        "form-data": e.formData,
-                        "required-text": e.requiredText,
-                        "optional-text": e.optionalText,
-                        "value-null-view": e.valueNullView,
-                        onImageClick: y,
-                        lang: e.lang
-                      }, null, 8, ["field", "field-key", "form-data", "required-text", "optional-text", "value-null-view", "lang"]))), 128))
-                    ])
-                  ]),
-                  s("div", td, [
-                    s("div", sd, [
-                      s("button", {
-                        type: "button",
-                        onClick: t,
-                        class: "btn btn-primary"
-                      }, [
-                        s("span", dd, [
-                          $[3] || ($[3] = s("svg", {
-                            width: "16",
-                            height: "16",
-                            viewBox: "0 0 24 24",
-                            fill: "none",
-                            xmlns: "http://www.w3.org/2000/svg"
-                          }, [
-                            s("path", {
-                              d: "M6 18L18 6M6 6L18 18",
-                              stroke: "currentColor",
-                              "stroke-width": "2",
-                              "stroke-linecap": "round",
-                              "stroke-linejoin": "round"
-                            })
-                          ], -1)),
-                          ye(" " + m(e.closeText ?? "Close"), 1)
-                        ])
-                      ])
-                    ])
-                  ])
-                ], 2)
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        _: 1
-      }),
-      K(_e, {
-        name: "modal-overlay",
-        appear: ""
-      }, {
-        default: Ce(() => [
-          n.value ? (d(), a("div", {
-            key: 0,
-            class: "modal-overlay image-preview-overlay",
-            onClick: $[0] || ($[0] = (c) => n.value = !1)
-          }, [
-            K(_e, {
-              name: "modal-container",
-              appear: ""
-            }, {
-              default: Ce(() => [
-                s("img", {
-                  src: g.value,
-                  alt: "Preview",
-                  class: "image-preview-content"
-                }, null, 8, ad)
-              ]),
-              _: 1
-            })
-          ])) : F("", !0)
-        ]),
-        _: 1
-      })
-    ], 64));
-  }
-}), nd = /* @__PURE__ */ Le(ld, [["__scopeId", "data-v-a78353a9"]]);
-async function Be(e, u, i, n) {
-  const g = {};
-  for (const [t, y] of Object.entries(u)) {
-    const f = y?.type;
-    if (f === "select" && y.DB_NAME && !y.optionsIsNumber) {
-      const j = e[y.baseKey?.base ?? t];
-      if (j !== null) {
-        const $ = await $e(y.DB_NAME, j);
-        g[t] = $[y.baseKey.name ?? "name"] ?? "";
-      } else
-        g[t] = "";
-      continue;
-    }
-    if (f === "object") {
-      const j = e[t] || {};
-      g[t] = await Be(
-        e[t] || {},
-        y.schema || {},
-        j,
-        y.baseKey?.base ?? "id"
-      );
-      continue;
-    }
-    if (f === "optionGroupSchema" && y.options) {
-      if (y.withValue) {
-        const j = e[t];
-        g[t] = await De(j);
-      }
-      for (const [j, $] of Object.entries(
-        y.options
-      ))
-        for (const [c, b] of Object.entries($)) {
-          const N = b, Z = e[c];
-          if (N.type === "optionGroupSchema" && N.options) {
-            const H = await Be(
-              e,
-              { [c]: N },
-              i,
-              n
-            );
-            Object.assign(g, H);
-            continue;
-          }
-          if (N.type === "object") {
-            g[c] = await Be(
-              e[c] || {},
-              N.schema || {},
-              e[c] || {},
-              N.baseKey?.base ?? "id"
-            );
-            continue;
-          }
-          if (N.type === "select" && N.DB_NAME && !N.optionsIsNumber) {
-            const H = e[N.baseKey?.base ?? c];
-            if (H != null) {
-              const z = N.DB_NAME, A = await $e(z, H);
-              g[c] = A[N.baseKey?.name ?? "name"] ?? void 0;
-            } else
-              g[c] = void 0;
-          } else
-            g[c] = De(Z);
-        }
-      continue;
-    }
-    const _ = e[t];
-    g[t] = De(_);
-  }
-  return i && e?.[n ?? "id"] && (g[n ?? "id"] = e?.[n ?? "id"]), g;
-}
-async function Ae(e, u) {
-  const i = {};
-  for (const [n, g] of Object.entries(u)) {
-    const t = g?.type, y = e[g.baseKey?.base ?? n];
-    if (t === "select" && g.optionsView && g.options && y) {
-      const f = g.options.findIndex((_) => _ === y);
-      if (!g.optionsView[f] && g.DB_NAME && g.baseKey.name) {
-        const j = (await $e(g.DB_NAME, y))[g.baseKey.name];
-        i[n] = j;
-      } else
-        i[n] = g.optionsView[f] ?? y;
-      continue;
-    }
-    if (t === "object") {
-      i[n] = await Ae(y || {}, g.schema || {});
-      continue;
-    }
-    if (t === "optionGroupSchema") {
-      const f = [];
-      for (const [j, $] of Object.entries(
-        g.options
-      ))
-        f.push($);
-      const _ = await tt(e, f);
-      Object.assign(i, _);
-      continue;
-    }
-    if (t === "arrayObject") {
-      const f = [];
-      for (const _ of y) {
-        const j = await Ae(_, g.schema || {});
-        f.push(j);
-      }
-      i[n] = f;
-      continue;
-    }
-    i[n] = De(y);
-  }
-  return i;
-}
-async function tt(e, u) {
-  const i = {};
-  for (const n of u)
-    for (const [g, t] of Object.entries(n)) {
-      const y = t?.type, f = e[t.baseKey?.base ?? g];
-      if (y === "select" && t.optionsView && t.options && f) {
-        const _ = t.options.findIndex((j) => j === f);
-        if (!t.optionsView[_] && t.DB_NAME && t.baseKey.name) {
-          const $ = (await $e(t.DB_NAME, f))[t.baseKey.name];
-          i[g] = $;
-        } else
-          i[g] = t.optionsView[_] ?? f;
-      } else if (y === "optionGroupSchema") {
-        const _ = [];
-        for (const [$, c] of Object.entries(
-          t.options
-        ))
-          _.push(c);
-        const j = await tt(e, _);
-        Object.assign(i, j);
-      } else if (y === "object")
-        i[g] = await Ae(f || {}, t.schema || {});
-      else if (y === "arrayObject") {
-        const _ = [];
-        for (const j of f) {
-          const $ = await Ae(j, t.schema || {});
-          _.push($);
-        }
-        i[g] = _;
-        continue;
-      } else
-        i[g] = De(f);
-    }
-  return i;
-}
-function De(e, u) {
-  return e ?? null;
-}
-function me(e) {
-  const u = He(e), i = Array.isArray(u) ? [] : {};
-  if (Array.isArray(u))
-    return u.map((n) => n !== null && typeof n == "object" && !(n instanceof File || n instanceof Blob || n instanceof Date) && !Array.isArray(n) ? me(n) : n);
-  for (const n in u) {
-    const g = u[n];
-    g === void 0 ? i[n] = null : g instanceof File || g instanceof Blob || g instanceof Date ? i[n] = g : typeof g == "string" && (g.trim() === "" || g === "<p><br></p>") || typeof g == "number" && g === 0 ? i[n] = null : Array.isArray(g) ? i[n] = g.map((t) => t !== null && typeof t == "object" && !(t instanceof File || t instanceof Blob || t instanceof Date) && !Array.isArray(t) ? me(t) : t) : typeof g == "object" && g !== null ? i[n] = me(g) : i[n] = g;
-  }
-  return i;
-}
-const od = /\.(pdf|doc|docx|xls|xlsx|ppt|pptx|txt|zip|rar)$/i;
-function Ie(e) {
-  return e ? typeof e == "string" ? /\.(jpg|jpeg|png|webp|avif|gif|svg)$/.test(e.toLowerCase()) || e.startsWith("data:image/") || e.startsWith("blob:") : e instanceof File ? e.type.startsWith("image/") : e instanceof File || typeof e == "object" && e.type?.startsWith("image/") : !1;
-}
-function st(e) {
-  return !e || Ie(e) ? !1 : typeof e == "string" ? od.test(e) || e.startsWith("blob:") : e instanceof File;
-}
-function Pe(e) {
-  return typeof e == "string" ? e : e instanceof File ? URL.createObjectURL(e) : typeof e == "object" && e.url ? e.url : "";
-}
-function Je(e) {
-  if (typeof e == "string")
-    try {
-      const i = new URL(e).pathname;
-      return i.substring(i.lastIndexOf("/") + 1);
-    } catch {
-      return e.substring(e.lastIndexOf("/") + 1);
-    }
-  return e.name;
-}
-function rd(e) {
-  return Array.isArray(e) && e.every((u) => Ie(u));
-}
-function id(e) {
-  return Array.isArray(e) ? e.every((u) => dt(u)) : !1;
-}
-function gd(e) {
-  return Array.isArray(e) && e.length > 0 && e.every((u) => st(u) || Ie(u));
-}
-function dt(e) {
-  return typeof e != "string" ? !1 : /^#([0-9A-F]{3}){1,2}$/i.test(e) || /^rgb(a?)\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*(,\s*[\d\.]+\s*)?\)$/i.test(e) || /^hsl(a?)\(\s*\d+\s*,\s*[\d\.]+%\s*,\s*[\d\.]+%\s*(,\s*[\d\.]+\s*)?\)$/i.test(e) ? !0 : [
-    "red",
-    "blue",
-    "green",
-    "yellow",
-    "orange",
-    "purple",
-    "pink",
-    "brown",
-    "black",
-    "white",
-    "gray",
-    "cyan",
-    "magenta",
-    "lime",
-    "maroon",
-    "navy",
-    "olive",
-    "teal",
-    "silver",
-    "aqua"
-  ].includes(e.toLowerCase());
-}
-function ud(e) {
-  return /<\/?[a-z][\s\S]*>/i.test(e);
-}
-function cd(e) {
-  return Object.keys(e).reduce((u, i) => (i !== "id" && (u[i] = e[i]), u), {});
-}
-function jd(e, u, i, n, g, t, y, f) {
-  const _ = V({});
-  async function j(v) {
-    n.value?.show("loading", t.message.process.loading);
-    try {
-      const x = await y(e.data, v);
-      if (f.isUpdate.value = Number(v), !x) {
-        n.value?.show("error", t.message.notFound);
-        return;
-      }
-      const S = e.base.schema.update ?? e.base.schema.global ?? {};
-      if (_.value = await Be(
-        x,
-        S,
-        f.isUpdate.value,
-        e.keys?.idKey ?? "id"
-      ), e.base?.justTabel || e.manual?.update || !e.endPoints?.update) {
-        u("edit", _.value, v), n.value?.hide();
-        return;
-      }
-      f.FormModalOpen.value = !0, n.value?.hide();
-    } catch (x) {
-      const S = typeof x == "string" ? x : x instanceof Error ? x.message : JSON.stringify(x, Object.getOwnPropertyNames(x));
-      n.value?.show("error", S || "An unknown error occurred");
-    }
-  }
-  function $() {
-    if (e.base?.justTabel || e.manual?.create || !e.endPoints?.create) {
-      u("create");
-      return;
-    }
-    f.isUpdate.value = null, f.FormModalOpen.value = !0;
-  }
-  async function c(v) {
-    n.value?.show("loading", t.message.process.loading);
-    try {
-      const x = await y(e.data, v);
-      if (f.isUpdate.value = Number(v), !x) {
-        n.value?.show("error", t.message.notFound);
-        return;
-      }
-      if (_.value = await Ae(
-        x,
-        e.base?.schema.display ?? e.base?.schema.global ?? {}
-      ), e.base.justTabel || e.manual?.display) {
-        u("show", _.value, v), n.value?.hide();
-        return;
-      }
-      f.detailItemModal.value = !0, n.value?.hide();
-    } catch (x) {
-      n.value?.show("error", JSON.stringify(x));
-    }
-  }
-  function b(v) {
-    f.idData.value = v, f.showWarningModel.value = !0;
-  }
-  function N() {
-    f.showWarningModelSelected.value = !0;
-  }
-  function Z() {
-    f.showWarningModel.value = !1, f.showWarningModelSelected.value = !1, f.FormModalOpen.value = !1, f.detailItemModal.value = !1, _.value = {}, f.isUpdate.value = null;
-  }
-  const H = async (v) => {
-    const x = f.isUpdate.value !== null, S = x ? e.endPoints?.update : e.endPoints?.create, L = x ? e.validation?.update || null : e.validation?.create || null, se = x ? "update" : "create", Y = x ? t.message.success.update : t.message.success.create, J = x ? t.message.error.update : t.message.error.create;
-    if (!S) {
-      n.value?.show(
-        "error",
-        x ? t.message.error.update : t.message.error.create
-      );
-      return;
-    }
-    if (Array.isArray(f.dataChildDelete.value) && f.dataChildDelete.value.length > 0 && x) {
-      const G = e.base.schema.update ?? e.base.schema.global ?? {};
-      let U = "", oe, de = await y(
-        e.data,
-        f.isUpdate.value
-      ), ue, he, ce = !0;
-      for (const re in G) {
-        const le = G[re];
-        if (le.type === "arrayObject") {
-          U = re, oe = le.endPoint?.deleteMany ?? e.endPoints?.deleteMany, ue = le.DB_NAME ?? e.base.source.DB_NAME, he = le.deleteValidation ?? e.validation?.delete ?? void 0, ce = !0;
-          break;
-        }
-      }
-      if (Array.isArray(_.value[U]))
-        for (let re = 0; re < f.dataChildDelete.value.length; re++) {
-          const le = f.dataChildDelete.value[re];
-          e.keys?.idKey, _.value[U] = _.value[U].filter((ee) => ee?.[e.keys?.idKey ?? "id"] !== le), de && Array.isArray(de[U]) && (de[U] = de[U].filter((ee) => ee?.[e.keys?.idKey ?? "id"] !== le));
-        }
-      const ae = vt(me(v), me(He(_.value))), ie = await A(
-        f.dataChildDelete.value,
-        oe,
-        he,
-        ue,
-        ce
-      );
-      if (ie?.response && ae) {
-        n.value?.show("success", t.message.success.delete), await ft(ue, me(He(de))), await i(), Z();
-        return;
-      } else if (!ie?.response) {
-        n.value?.show("error", ie.message);
-        return;
-      }
-    }
-    try {
-      n.value?.show(
-        "loading",
-        x ? t.message.process.update : t.message.process.create
-      );
-      const G = x ? e.submitOption?.update?.authType ?? e.submitOption?.global?.authType ?? "cookie" : e.submitOption?.create?.authType ?? e.submitOption?.global?.authType ?? "cookie", U = x ? e.submitOption?.update?.token ?? e.submitOption?.global?.token ?? void 0 : e.submitOption?.create?.token ?? e.submitOption?.global?.token ?? void 0, oe = x ? e.submitOption?.update?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0 : e.submitOption?.create?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0;
-      await ke({
-        data: me(v),
-        oldData: x ? me(He(_.value)) : void 0,
-        validation: L ?? void 0,
-        endpoint: S,
-        mode: se,
-        token: U,
-        authType: G,
-        customHeaders: oe,
-        db: e.base.source.DB_NAME,
-        ...x ? e.submitOption?.update ?? e.submitOption?.global : e.submitOption?.create ?? e.submitOption?.global,
-        demo: e.demo
-      }), e.base.dataTabelCustomDisplay ? u("refreshData") : i(), n.value?.show("success", Y), Z();
-    } catch (G) {
-      g(
-        "error",
-        J,
-        Object.entries(G).map(([U, oe]) => `${U} : ${oe}`)
-      ), n.value?.show("error", J);
-    }
-  };
-  async function z(v, x, S, L, se = !0) {
-    if (e.base.justTabel || e.manual?.delete || !e.endPoints?.delete) {
-      u("delete", v);
-      return;
-    }
-    if (x = x ?? e.endPoints?.delete, S = S ?? e.validation?.delete, L = L ?? e.base?.source.DB_NAME ?? void 0, !x) {
-      n.value?.show("error", t.message.error.delete);
-      return;
-    }
-    const Y = { [e.keys?.idKey ?? "id"]: v };
-    try {
-      n.value?.show("loading", t.message.process.delete);
-      const J = e.submitOption?.delete?.authType ?? e.submitOption?.global?.authType ?? "cookie", G = e.submitOption?.delete?.token ?? e.submitOption?.global?.token ?? void 0, U = e.submitOption?.delete?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0;
-      await ke({
-        data: Y,
-        validation: S ?? void 0,
-        endpoint: x,
-        mode: "delete",
-        token: G,
-        authType: J,
-        customHeaders: U,
-        db: L,
-        deleteDataDB: se,
-        demo: e.demo,
-        ...e.submitOption?.delete ?? e.submitOption?.global
-      }), e.base?.dataTabelCustomDisplay ? u("refreshData") : i(), n.value?.show("success", t.message.success.delete);
-    } catch (J) {
-      g(
-        "error",
-        t.message.error.delete,
-        Object.entries(J).map(([G, U]) => `${G} : ${U}`)
-      ), n.value?.show("error", t.message.error.delete);
-    } finally {
-      Z();
-    }
-  }
-  async function A(v, x, S, L, se = !0) {
-    if (e.base?.justTabel || e.manual?.delete || !e.endPoints?.delete) {
-      u("deleteMany", v);
-      return;
-    }
-    if (x = x ?? e.endPoints?.deleteMany, S = S ?? e.validation?.deleteMany, L = L ?? e.base?.source.DB_NAME ?? void 0, !x) {
-      n.value?.show("error", t.message.error.deleteMany);
-      return;
-    }
-    try {
-      n.value?.show("loading", t.message.process.deleteMany);
-      const Y = e.submitOption?.delete?.authType ?? e.submitOption?.global?.authType ?? "cookie", J = e.submitOption?.delete?.token ?? e.submitOption?.global?.token ?? void 0, G = e.submitOption?.delete?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0, U = await ke({
-        data: { [e.keys?.idsKey ?? "ids"]: v },
-        validation: S ?? void 0,
-        endpoint: x,
-        mode: "delete",
-        db: L,
-        authType: Y,
-        token: J,
-        customHeaders: G,
-        deleteDataDB: se,
-        demo: e.demo
-      });
-      return f.selectedItems.value = [], e.base?.dataTabelCustomDisplay ? (u("refreshData"), n.value?.show("success", t.message.success.deleteMany), Z(), U) : (await i(), n.value?.show("success", t.message.success.deleteMany), Z(), U);
-    } catch (Y) {
-      g(
-        "error",
-        t.message.error.deleteMany,
-        Object.entries(Y).map(([J, G]) => `${J} : ${G}`)
-      ), n.value?.show("error", t.message.error.deleteMany);
-    }
-  }
-  return {
-    initialData: _,
-    openEditModal: j,
-    openCreateModal: $,
-    openShowModal: c,
-    openWarningDeleteData: b,
-    openWarningDeleteSelectedData: N,
-    closeModal: Z,
-    submitFormData: H,
-    DeleteData: z,
-    DeleteSeletedData: A
-  };
-}
-function bd(e, u, i, n) {
-  const g = V(""), t = V(1), y = V([]), f = V(!1), _ = V(!1), j = V(!1), $ = V(null), c = V(null), b = V("asc"), N = V(!1), Z = V(!1), H = V(null), z = V(null), A = X(() => e.pagination?.itemsPerPage ?? 10), v = X(() => e.pagination?.maxVisiblePages ?? 5);
-  V(null), V("none");
-  const x = X(() => {
-    const p = e.keys?.idKey;
-    return e.data.find((C) => C?.[p ?? "id"] === $.value) || {};
-  }), S = X(() => {
-    const p = e.keys?.idKey ?? "id", C = e.keys?.nameKey ?? "name";
-    return e.data.filter((T) => y.value.includes(T[p])).map((T) => T[C]).join(", ");
-  }), L = X(() => {
-    let p = (e.base.data ?? []).filter(
-      (C) => Object.values(C).some(
-        (T) => String(T).toLowerCase().includes(g.value.toLowerCase())
-      )
-    );
-    return c.value && p.sort((C, T) => {
-      let w = C[c.value], D = T[c.value];
-      return typeof w == "string" && (w = w.toLowerCase()), typeof D == "string" && (D = D.toLowerCase()), w < D ? b.value === "asc" ? -1 : 1 : w > D ? b.value === "asc" ? 1 : -1 : 0;
-    }), p;
-  }), se = X(() => {
-    const p = (t.value - 1) * A.value;
-    return L.value.slice(p, p + A.value);
-  }), Y = X(() => Math.ceil(L.value.length / A.value)), J = X(() => {
-    const p = [], C = Y.value, T = t.value, w = v.value;
-    if (C <= w + 2) {
-      for (let M = 1; M <= C; M++) p.push(M);
-      return p;
-    }
-    p.push(1);
-    let D = Math.max(2, T - 2), h = Math.min(C - 1, T + 2);
-    D > 2 && p.push("...");
-    for (let M = D; M <= h; M++)
-      p.push(M);
-    return h < C - 1 && p.push("..."), p.push(C), p;
-  });
-  function G() {
-    y.value = f.value ? se.value.map((p) => p?.[e.keys?.idKey ?? "id"]) : [];
-  }
-  function U(p) {
-    c.value === p ? b.value = b.value === "desc" ? "asc" : "desc" : (c.value = p, b.value = "desc");
-  }
-  function oe() {
-    t.value > 1 && t.value--;
-  }
-  function de() {
-    t.value < Y.value && t.value++;
-  }
-  async function ue() {
-    if (e.base.source.DB_NAME) {
-      const p = await Ne(e.base.source.DB_NAME);
-      if (e.base.source.connect?.length) {
-        const C = {};
-        return await Promise.all(
-          e.base.source.connect.map(async (T) => {
-            C[T.DB_NAME] = await Ne(T.DB_NAME);
-          })
-        ), p.map((T) => {
-          let w = { ...T };
-          for (const D of e.base.source.connect) {
-            const h = D.key, M = D.connectKey, I = (C[D.DB_NAME] || []).filter(
-              (B) => ee(B, M) === ee(T, h)
-            );
-            w[D.DB_NAME] = I.length > 0 ? I : null;
-          }
-          return w;
-        });
-      }
-      return p;
-    } else if (e.base.source.fetchApi?.getAll) {
-      const p = (T = "get") => ({
-        authType: e.submitOption?.[T]?.authType ?? e.submitOption?.global?.authType ?? "cookie",
-        token: e.submitOption?.[T]?.token ?? e.submitOption?.global?.token,
-        customHeaders: e.submitOption?.[T]?.customHeaders ?? e.submitOption?.global?.customHeaders
-      }), C = await ke({
-        mode: "get",
-        endpoint: e.base.source.fetchApi?.getAll,
-        db: e.base.source.DB_NAME,
-        ...p()
-      });
-      if (C.data || (C.data = C), e.base.source.fetchApi.connect?.length) {
-        const T = {};
-        return await Promise.all(
-          e.base.source.fetchApi.connect.map(async (w) => {
-            const D = await ke({
-              mode: "get",
-              endpoint: w.url,
-              db: e.base.source.DB_NAME,
-              ...p()
-            }), h = w.valueKey ?? w.url ?? w.key;
-            T[h] = D.data ?? [];
-          })
-        ), !C.data || !Array.isArray(C.data) ? C.data : C.data.map((w) => {
-          let D = { ...w };
-          for (const h of e.base.source.fetchApi.connect) {
-            const M = h.key, I = h.connectKey, B = h.valueKey ?? h.url ?? h.key, Q = (T[B] || []).filter(
-              (ne) => ee(ne, I) === ee(w, M)
-            );
-            D[B] = Q.length > 0 ? Q : null;
-          }
-          return D;
-        });
-      }
-      return C.data ?? [];
-    } else
-      return;
-  }
-  async function he(p, C) {
-    if (p.connect?.withDB)
-      return await $e(p.connect.withDB.DB_NAME, C);
-    if (p.connect?.withFetch) {
-      const T = e.submitOption?.delete?.authType ?? e.submitOption?.global?.authType ?? "cookie", w = e.submitOption?.delete?.token ?? e.submitOption?.global?.token ?? void 0, D = e.submitOption?.delete?.customHeaders ?? e.submitOption?.global?.customHeaders ?? void 0, h = await ke({
-        mode: "get",
-        endpoint: p.connect?.withFetch.url + "/" + C,
-        db: e.base.source.DB_NAME,
-        authType: T,
-        token: w,
-        customHeaders: D
-      });
-      if (h.data || (h.data = h), h.data)
-        return h.data;
-    } else
-      return;
-  }
-  async function ce(p, C) {
-    return p.find((T) => T[e.keys?.idKey ?? "id"] == C);
-  }
-  let ae = !0, ie = null;
-  async function re() {
-    if (ae && i.value?.show("loading", n.message.process.loading), e.base?.dataTabelCustomDisplay && e.base?.dataTabelCustomDisplay.length !== 0) {
-      e.base.data = e.base.dataTabelCustomDisplay, e.data = await ue(), await le(), ae && (i.value?.hide(), ae = !1);
-      return;
-    }
-    const p = await ue();
-    if (e.data = p, await le(), Array.isArray(p)) {
-      const w = e.keys?.idKey ?? "id";
-      p.sort((D, h) => D.updatedAt && h.updatedAt ? new Date(h.updatedAt).getTime() - new Date(D.updatedAt).getTime() : (h[w] ?? 0) - (D[w] ?? 0)), e.data = p;
-    } else {
-      ae && (i.value?.hide(), ae = !1);
-      return;
-    }
-    const C = e.keys?.idKey, T = e.base.headersTabelDisplay?.length === 0 || e.base.headersTabelDisplay === void 0;
-    e.base.data = await Promise.all(
-      p.map(async (w) => {
-        const D = {};
-        if (C && w[C] != null && (D[C] = w[C], T && (!e.base.headersTabelDisplay?.includes(C) || e.base.headersTabelDisplay === void 0) && (e.base.headersTabelDisplay = [])), e.base.dataTabelDisplay)
-          for (const [h, M] of Object.entries(e.base.dataTabelDisplay))
-            if (typeof M == "string")
-              D[h] = ee(w, M) ?? null, T && !e.base.headersTabelDisplay?.includes(h) && e.base.headersTabelDisplay?.push(h);
-            else {
-              let I = ee(w, M.valueKey);
-              if ((M.connect?.withDB || M.connect?.withFetch) && I)
-                if (Array.isArray(I)) {
-                  const B = await Promise.all(
-                    I.map(async (Q) => {
-                      const ne = await he(M, Q);
-                      return ne ? ne[M.connect?.withDB?.valueKey ?? M.connect?.withFetch?.valueKey] : Q;
-                    })
-                  );
-                  D[h] = B;
-                } else {
-                  const B = await he(M, I);
-                  B && (I = B[M.connect.withDB?.valueKey ?? M.connect.withFetch?.valueKey]), D[h] = I;
-                }
-              else
-                D[h] = I ?? null;
-              T && !e.base.headersTabelDisplay?.includes(h) && e.base.headersTabelDisplay?.push(h);
-            }
-        else {
-          let h = 0;
-          for (const [M, I] of Object.entries(w)) {
-            if (M === C) continue;
-            if (h >= 8) break;
-            const B = Te(M);
-            D[B] = I ?? null, T && !e.base.headersTabelDisplay?.includes(B) && e.base.headersTabelDisplay?.push(B), h++;
-          }
-        }
-        return D;
-      })
-    ), ae && (i.value?.hide(), ae = !1), e.base?.source?.fetchApi?.autoRefresh?.time && (ie && clearTimeout(ie), ie = setTimeout(() => {
-      re();
-    }, e.base.source.fetchApi.autoRefresh.time));
-  }
-  async function le() {
-    const p = {
-      global: e.base.schema.global ?? {},
-      create: e.base.schema.create ?? {},
-      update: e.base.schema.update ?? {},
-      display: e.base.schema.display ?? {}
-    }, C = (h) => ({
-      authType: e.submitOption?.[h]?.authType ?? e.submitOption?.global?.authType ?? "cookie",
-      token: e.submitOption?.[h]?.token ?? e.submitOption?.global?.token,
-      customHeaders: e.submitOption?.[h]?.customHeaders ?? e.submitOption?.global?.customHeaders
-    }), T = async (h) => {
-      const M = h.options?.valueKey ?? "id", I = h.options?.viewKey ?? "name";
-      let B;
-      if (h.options?.url && (B = await ke({
-        mode: "get",
-        endpoint: h.options.url,
-        ...C("get")
-      }), Array.isArray(B?.data) && (h.options = B.data.map((Q) => Q[M]) ?? [], h.options?.viewKey ? h.optionsView = B.map((Q) => Q[I]) ?? [] : h.optionsView = B.map((Q) => Q[M]) ?? [])), h.options?.DB_NAME) {
-        const Q = h.options?.DB_NAME ?? h.optionsView?.DB_NAME;
-        if (B = await Ne(Q), Array.isArray(B)) {
-          const ne = h.options;
-          ne?.DB_NAME && (h.options = B.map((je) => je[M]) ?? []), ne?.viewKey ? h.optionsView = B.map((je) => je[I]) ?? [] : h.optionsView = B.map((je) => je[M]) ?? [];
-        }
-      }
-    }, w = (h, M) => {
-      e.data && h.validate?.duplicate === !0 && (h.validate.duplicate = e.data.map((I) => I[M]) ?? []);
-    };
-    async function D(h) {
-      for (const [M, I] of Object.entries(h)) {
-        const B = I?.type;
-        if (B === "select" && await T(I), B === "text" && w(I, M), B === "optionGroupSchema") {
-          const Q = I?.options ?? {};
-          for (const [ne, je] of Object.entries(Q))
-            await D(je);
-        }
-        B === "arrayObject" && I.schema && await D(I.schema), B === "object" && I.schema && await D(I.schema);
-      }
-    }
-    for (const [h, M] of Object.entries(p))
-      M && await D(M);
-  }
-  function ee(p, C) {
-    if (!(!p || typeof C != "string"))
-      try {
-        const T = C.replace(/\[(\d+)\]/g, ".$1").split(".");
-        let w = p;
-        for (const D of T) {
-          if (w == null) return;
-          if (Array.isArray(w)) {
-            const h = Number(D);
-            isNaN(h) ? (w = w.map((M) => M?.[D]).filter((M) => M !== void 0), w.some((M) => Array.isArray(M)) && (w = w.flat()), w.length === 1 && (w = w[0])) : w = w[h];
-          } else
-            w = w?.[D];
-        }
-        return w;
-      } catch {
-        return "-";
-      }
-  }
-  function Te(p) {
-    return p.replace(/([A-Z])/g, " $1").replace(/[_\-]/g, " ").replace(/\s+/g, " ").trim().replace(/\w\S*/g, (C) => C.charAt(0).toUpperCase() + C.slice(1).toLowerCase());
-  }
-  return {
-    searchQuery: g,
-    currentPage: t,
-    selectedItems: y,
-    selectAll: f,
-    showWarningModel: _,
-    showWarningModelSelected: j,
-    idData: $,
-    sortField: c,
-    sortDirection: b,
-    FormModalOpen: N,
-    detailItemModal: Z,
-    isUpdate: H,
-    dataChildDelete: z,
-    selectedItem: x,
-    selectedItemNames: S,
-    filteredData: L,
-    paginatedData: se,
-    totalPages: Y,
-    visiblePages: J,
-    toggleAll: G,
-    sortBy: U,
-    prevPage: oe,
-    nextPage: de,
-    setUpData: re,
-    getValueByPath: ee,
-    toTitleCase: Te,
-    GetDataById: ce
-  };
-}
-const fd = {
-  idKey: "id",
-  idsKey: "ids"
-}, hd = {
-  btnInfoActive: !0,
-  searchQueryActive: !0,
-  sortable: !0,
-  createActive: !0,
-  updateActive: !0,
-  deleteActive: !0,
-  deleteManyActive: !0,
-  displayActive: !0
-}, sl = {
-  create: !1,
-  update: !1,
-  delete: !1,
-  deleteMany: !1,
-  display: !1
-}, md = {
-  itemsPerPage: 5,
-  maxVisiblePages: 5
-}, vd = {
-  create: void 0,
-  update: void 0,
-  delete: void 0,
-  deleteMany: void 0
-}, dl = {
-  create: void 0,
-  update: void 0,
-  delete: void 0,
-  deleteMany: void 0
-}, al = {
-  global: {
-    authType: "cookie"
-  }
-}, yd = { class: "jsgd-sr-only" }, kd = { class: "jsgd-font-semibold" }, xd = /* @__PURE__ */ fe({
-  __name: "AlertApp",
-  setup(e, { expose: u }) {
-    const i = V([]), n = V([]), g = V([]);
-    let t = 0;
-    const y = (j) => {
-      const $ = "jsgd-fixed jsgd-top-4 jsgd-right-4 jsgd-z-100 jsgd-flex jsgd-items-start jsgd-gap-3 jsgd-w-full jsgd-max-w-sm jsgd-p-4 jsgd-mb-4 jsgd-rounded-lg jsgd-shadow-lg jsgd-transition-all jsgd-duration-300 jsgd-ease-[cubic-bezier(0.4,0,0.2,1)] sm:jsgd-max-w-md max-sm:jsgd-left-4";
-      return j === "success" ? `${$} jsgd-border-1 jsgd-border-solid jsgd-border-green-200 jsgd-bg-green-50 jsgd-text-green-800 dark:jsgd-bg-green-800/30 dark:jsgd-border-green-700 dark:jsgd-text-green-200` : j === "error" ? `${$} jsgd-border-1 jsgd-border-solid jsgd-border-red-200 jsgd-bg-red-50 jsgd-text-red-800 dark:jsgd-bg-red-800/30 dark:jsgd-border-red-700 dark:jsgd-text-red-200` : $;
-    };
-    function f() {
-      let j = 0;
-      g.value = n.value.map(($) => {
-        const c = $?.offsetHeight || 0, b = j;
-        return j += c + 10, b;
-      });
-    }
-    function _(j) {
-      j.id = t++, j.show = !1, i.value.push(j), Oe(() => {
-        j.show = !0, f();
-      }), setTimeout(() => {
-        j.show = !1, Oe(() => {
-          f(), setTimeout(() => {
-            i.value = i.value.filter(($) => $.id !== j.id), Oe(f);
-          }, 200);
-        });
-      }, 5e3);
-    }
-    return Me(i, () => {
-      Oe(f);
-    }), u({
-      addAlert: _
-    }), (j, $) => (d(!0), a(P, null, R(i.value, (c, b) => (d(), a("div", {
-      key: c.id,
-      ref_for: !0,
-      ref_key: "alertRefs",
-      ref: n,
-      class: q(["alert-container", y(c.type)]),
-      style: Se({
-        top: `${g.value[b] ?? 0}px`,
-        transform: `translateX(${c.show ? "0" : "200%"})`
-      }),
-      role: "alert"
-    }, [
-      s("span", {
-        class: q(["jsgd-shrink-0 jsgd-w-5 jsgd-h-5", [
-          c.type === "error" ? "jsgd-i-mdi-alert-circle" : "jsgd-i-mdi-check-circle",
-          c.type === "error" ? "jsgd-text-red-500 dark:jsgd-text-red-400" : "jsgd-text-green-500 dark:jsgd-text-green-400"
-        ]])
-      }, null, 2),
-      s("span", yd, m(c.type === "error" ? "Error" : "Success"), 1),
-      s("div", null, [
-        s("span", kd, m(c.title), 1),
-        s("ul", {
-          class: q([
-            "jsgd-mt-1 jsgd-pl-5 jsgd-text-sm jsgd-list-disc jsgd-list-inside",
-            c.type === "error" ? "[&::marker]:jsgd-text-red-500" : "[&::marker]:jsgd-text-green-500"
-          ])
-        }, [
-          (d(!0), a(P, null, R(c.messages, (N, Z) => (d(), a("li", { key: Z }, m(N), 1))), 128))
-        ], 2)
-      ])
-    ], 6))), 128));
-  }
-}), pd = { class: "jsgd-w-full jsgd-h-full jsgd-flex jsgd-flex-col jsgd-bg-white jsgd-text-slate-800 jsgd-relative jsgd-transition-all dark:jsgd-bg-slate-900 dark:jsgd-text-slate-100" }, wd = { class: "jsgd-flex-1 jsgd-flex jsgd-flex-col jsgd-p-6 jsgd-gap-6 jsgd-box-border" }, _d = { class: "jsgd-flex jsgd-justify-center jsgd-gap-4 jsgd-p-6 jsgd-bg-slate-50 jsgd-rounded-2xl jsgd-shadow-sm jsgd-border jsgd-border-slate-200 min-[512px]:jsgd-flex-col dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700" }, Cd = { class: "jsgd-flex jsgd-items-center jsgd-flex-col jsgd-justify-center jsgd-gap-4 min-[512px]:jsgd-flex-row min-[512px]:jsgd-justify-between min-[512px]:jsgd-items-center" }, Md = { class: "jsgd-flex jsgd-items-center" }, Dd = { class: "jsgd-flex jsgd-gap-3 jsgd-flex-wrap" }, $d = ["disabled"], Ad = {
-  key: 0,
-  class: "jsgd-flex jsgd-items-center jsgd-text-slate-600 dark:jsgd-text-slate-300 jsgd-gap-3 jsgd-p-3 jsgd-bg-slate-100 jsgd-rounded-lg dark:jsgd-bg-slate-700/50"
-}, Td = { class: "seo-gauge" }, Od = {
-  viewBox: "0 0 36 36",
-  class: "circular-chart"
-}, Hd = ["stroke-dasharray"], Kd = {
-  x: "18",
-  y: "19.5",
-  class: "percentage"
-}, Bd = { class: "jsgd-flex jsgd-items-center" }, Sd = {
-  key: 0,
-  class: "jsgd-relative jsgd-min-w-[250px]"
-}, Ld = ["placeholder"], Id = {
-  key: 0,
-  class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-4 jsgd-py-3 jsgd-bg-blue-500 jsgd-text-white jsgd-rounded-lg jsgd-text-sm jsgd-font-medium jsgd-animate-[slideIn_0.3s_ease-out] dark:jsgd-bg-blue-600"
-}, Vd = { class: "jsgd-bg-white/20 jsgd-px-2 jsgd-py-1 jsgd-rounded-md jsgd-font-semibold" }, Fd = {
-  key: 0,
-  class: "jsgd-flex jsgd-flex-col jsgd-items-center jsgd-justify-center jsgd-py-16 jsgd-px-8 jsgd-text-center jsgd-bg-slate-50 jsgd-rounded-2xl jsgd-border jsgd-border-slate-200 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700"
-}, Nd = { class: "jsgd-text-xl jsgd-font-semibold jsgd-text-slate-800 jsgd-mb-2 dark:jsgd-text-slate-100" }, Pd = { class: "jsgd-text-slate-500 jsgd-mb-8 jsgd-max-w-[300px] dark:jsgd-text-slate-400" }, Ed = {
-  key: 1,
-  class: "jsgd-flex jsgd-flex-col jsgd-flex-1 jsgd-gap-6"
-}, zd = { class: "jsgd-flex-1 jsgd-overflow-auto jsgd-rounded-lg jsgd-border jsgd-border-slate-200 jsgd-bg-white jsgd-shadow-sm table-scroll-container dark:jsgd-border-slate-700 dark:jsgd-bg-slate-900" }, Ud = { class: "jsgd-w-full jsgd-border-collapse jsgd-bg-white dark:jsgd-bg-slate-900" }, Wd = { class: "jsgd-bg-slate-50 jsgd-border-b jsgd-border-slate-200 dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700" }, Rd = { class: "jsgd-w-12 jsgd-p-4" }, Gd = { class: "jsgd-flex jsgd-items-center jsgd-gap-2" }, qd = ["onClick"], Zd = { class: "jsgd-w-48 jsgd-text-xs jsgd-p-4 jsgd-text-right" }, Qd = { class: "jsgd-bg-white dark:jsgd-bg-slate-900" }, Jd = { class: "jsgd-text-center" }, Xd = ["value"], Yd = ["innerHTML"], ea = { key: 1 }, ta = {
-  key: 2,
-  class: "jsgd-whitespace-nowrap jsgd-overflow-hidden jsgd-text-ellipsis jsgd-flex jsgd-items-center jsgd-gap-2"
-}, sa = {
-  key: 3,
-  class: "jsgd-whitespace-nowrap jsgd-overflow-hidden jsgd-text-ellipsis jsgd-flex jsgd-items-center jsgd-gap-2"
-}, da = {
-  key: 4,
-  class: "jsgd-whitespace-nowrap jsgd-overflow-hidden jsgd-text-ellipsis jsgd-flex jsgd-items-center jsgd-gap-2"
-}, aa = {
-  key: 5,
-  class: "jsgd-whitespace-nowrap"
-}, la = { class: "jsgd-w-12 jsgd-h-12 jsgd-rounded-lg jsgd-overflow-hidden jsgd-border jsgd-border-slate-200 dark:jsgd-border-slate-700" }, na = ["src", "alt"], oa = {
-  key: 6,
-  class: "jsgd-whitespace-nowrap jsgd-flex jsgd-items-center jsgd-gap-1"
-}, ra = ["title"], ia = {
-  key: 0,
-  class: "jsgd-text-xs jsgd-text-slate-400 jsgd-ml-1 dark:jsgd-text-slate-500"
-}, ga = {
-  key: 7,
-  class: "jsgd-whitespace-nowrap"
-}, ua = ["title"], ca = {
-  key: 8,
-  class: "jsgd-whitespace-nowrap jsgd-flex jsgd-items-center jsgd-gap-1"
-}, ja = ["src", "alt"], ba = {
-  key: 0,
-  class: "jsgd-text-xs jsgd-text-slate-400 jsgd-ml-1 dark:jsgd-text-slate-500"
-}, fa = {
-  key: 9,
-  class: "jsgd-whitespace-nowrap"
-}, ha = ["href"], ma = { class: "jsgd-overflow-hidden jsgd-text-ellipsis" }, va = {
-  key: 10,
-  class: "jsgd-whitespace-nowrap jsgd-overflow-hidden jsgd-text-ellipsis"
-}, ya = ["href"], ka = { class: "jsgd-overflow-hidden jsgd-text-ellipsis" }, xa = {
-  key: 12,
-  class: "jsgd-whitespace-nowrap jsgd-overflow-hidden jsgd-text-ellipsis"
-}, pa = {
-  key: 13,
-  class: "jsgd-flex jsgd-items-center jsgd-gap-0.5"
-}, wa = {
-  key: 14,
-  class: "jsgd-flex jsgd-items-center jsgd-gap-2"
-}, _a = {
-  key: 15,
-  class: "jsgd-whitespace-nowrap jsgd-overflow-hidden jsgd-text-ellipsis"
-}, Ca = {
-  key: 16,
-  class: "jsgd-whitespace-nowrap jsgd-overflow-hidden jsgd-text-ellipsis"
-}, Ma = {
-  key: 1,
-  class: "jsgd-text-slate-400 dark:jsgd-text-slate-500"
-}, Da = { class: "jsgd-p-4 jsgd-text-right jsgd-relative jsgd-align-middle" }, $a = { class: "jsgd-flex jsgd-justify-end jsgd-gap-2" }, Aa = ["onClick"], Ta = ["innerHTML"], Oa = { class: "jsgd-hidden md:jsgd-inline" }, Ha = ["onClick"], Ka = ["innerHTML"], Ba = { class: "jsgd-absolute jsgd-bottom-full jsgd-mb-2 jsgd-left-1/2 -jsgd-translate-x-1/2 jsgd-px-2 jsgd-py-1 jsgd-bg-slate-800 jsgd-text-white jsgd-text-xs jsgd-font-medium jsgd-rounded-md jsgd-whitespace-nowrap jsgd-opacity-0 jsgd-invisible jsgd-transition-all jsgd-pointer-events-none group-hover:jsgd-opacity-100 group-hover:jsgd-visible group-hover:-jsgd-translate-y-1 dark:jsgd-bg-slate-700" }, Sa = ["onClick"], La = {
-  key: 0,
-  class: "jsgd-absolute jsgd-z-10 jsgd-right-4 jsgd-top-full jsgd-mt-2 jsgd-w-48 jsgd-bg-white jsgd-rounded-lg jsgd-shadow-xl jsgd-border jsgd-border-slate-200 jsgd-overflow-hidden dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700"
-}, Ia = ["onClick"], Va = ["innerHTML"], Fa = { class: "jsgd-flex jsgd-flex-col jsgd-gap-4 jsgd-items-center jsgd-justify-between jsgd-p-6 jsgd-bg-slate-50 jsgd-rounded-2xl jsgd-border jsgd-border-slate-200 md:jsgd-flex-row dark:jsgd-bg-slate-800 dark:jsgd-border-slate-700" }, Na = { class: "jsgd-text-sm jsgd-text-slate-500 jsgd-w-md jsgd-text-center md:jsgd-text-left dark:jsgd-text-slate-400" }, Pa = { class: "jsgd-flex jsgd-items-center jsgd-justify-center md:jsgd-items-end md:jsgd-justify-end jsgd-gap-2 jsgd-w-full" }, Ea = ["disabled"], za = { class: "jsgd-hidden sm:jsgd-block" }, Ua = { class: "jsgd-flex jsgd-items-center jsgd-gap-1 jsgd-overflow-x-auto jsgd-max-w-[200px] sm:jsgd-max-w-none no-scrollbar" }, Wa = ["onClick", "disabled"], Ra = ["disabled"], Ga = { class: "jsgd-hidden sm:jsgd-block" }, qa = /* @__PURE__ */ fe({
-  __name: "TabelData",
-  props: {
-    base: {},
-    keys: { default: () => fd },
-    formDesign: {},
-    submitOption: {},
-    customActions: { default: () => [] },
-    feature: { default: () => hd },
-    pagination: { default: () => md },
-    validation: { default: () => vd },
-    manual: {},
-    endPoints: {},
-    demo: { type: Boolean, default: () => !1 }
-  },
-  emits: ["refreshData", "edit", "create", "show", "delete", "deleteMany", "customAction"],
-  setup(e, { expose: u, emit: i }) {
-    const n = (O) => typeof O == "string" && /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}/.test(O), g = (O) => typeof O == "string" && /^\d{4}-\d{2}-\d{2}$/.test(O), t = (O) => typeof O == "string" && /^\d{2}:\d{2}$/.test(O);
-    function y(O, r = "en") {
-      try {
-        const k = new Date(O), o = r === "id" ? "id-ID" : r;
-        return new Intl.DateTimeFormat(o, {
-          dateStyle: "medium",
-          // "18 Okt 2025"
-          timeStyle: "short"
-          // "10.54"
-        }).format(k);
-      } catch {
-        return O;
-      }
-    }
-    function f(O, r = "en") {
-      try {
-        const k = /* @__PURE__ */ new Date(`${O}T00:00:00`), o = r === "id" ? "id-ID" : r;
-        return new Intl.DateTimeFormat(o, {
-          dateStyle: "medium"
-          // "18 Okt 2025"
-        }).format(k);
-      } catch {
-        return O;
-      }
-    }
-    function _(O, r = "en") {
-      try {
-        const [k, o] = O.split(":"), W = /* @__PURE__ */ new Date();
-        W.setHours(parseInt(k, 10), parseInt(o, 10), 0, 0);
-        const ge = r === "id" ? "id-ID" : r;
-        return new Intl.DateTimeFormat(ge, {
-          timeStyle: "short"
-          // "10.54"
-        }).format(W);
-      } catch {
-        return O;
-      }
-    }
-    function j(O) {
-      const r = b.value.base.dataTabelDisplay?.[O];
-      return typeof r == "object" && r.type ? r.type : null;
-    }
-    const $ = (O) => {
-      if (typeof O != "number") return O;
-      const r = b.value.base.lang === "id" ? "id-ID" : "en-US", k = b.value.base.lang === "id" ? "IDR" : "USD";
-      return new Intl.NumberFormat(r, { style: "currency", currency: k }).format(O);
-    }, c = e, b = V({
-      ...c
-    }), N = i, Z = V(null), H = X(() => {
-      const O = b.value.base.seoDisplay, r = ce.value;
-      if (!O || !b.value.data || r.length === 0)
-        return null;
-      const k = b.value.keys?.idKey ?? "id", o = r.map((ge) => {
-        const te = b.value.data.find(
-          (rt) => rt[k] === ge[k]
-        );
-        if (!te) return null;
-        const ve = te[O];
-        return typeof ve == "number" ? ve : null;
-      }).filter((ge) => ge !== null);
-      if (o.length === 0)
-        return null;
-      const W = o.reduce((ge, te) => ge + te, 0);
-      return Math.round(W / o.length);
-    }), z = X(() => H.value === null ? "" : H.value >= 80 ? "score-good" : H.value >= 50 ? "score-ok" : "score-bad"), A = V(), v = X(() => et[c.base?.lang ?? "en"]), {
-      searchQuery: x,
-      currentPage: S,
-      selectedItems: L,
-      selectAll: se,
-      showWarningModel: Y,
-      showWarningModelSelected: J,
-      idData: G,
-      FormModalOpen: U,
-      detailItemModal: oe,
-      isUpdate: de,
-      dataChildDelete: ue,
-      selectedItem: he,
-      filteredData: ce,
-      paginatedData: ae,
-      totalPages: ie,
-      visiblePages: re,
-      selectedItemNames: le,
-      toggleAll: ee,
-      sortBy: Te,
-      prevPage: p,
-      nextPage: C,
-      setUpData: T,
-      GetDataById: w
-    } = bd(b.value, N, Z, v.value), {
-      initialData: D,
-      openEditModal: h,
-      openCreateModal: M,
-      openShowModal: I,
-      openWarningDeleteData: B,
-      openWarningDeleteSelectedData: Q,
-      closeModal: ne,
-      submitFormData: je,
-      DeleteData: at,
-      DeleteSeletedData: lt
-    } = jd(
-      b.value,
-      N,
-      T,
-      Z,
-      Ge,
-      v.value,
-      w,
-      {
-        selectedItems: L,
-        idData: G,
-        isUpdate: de,
-        FormModalOpen: U,
-        detailItemModal: oe,
-        dataChildDelete: ue,
-        showWarningModel: Y,
-        showWarningModelSelected: J
-      }
-    ), xe = V(null);
-    function nt(O, r) {
-      N("customAction", { key: O, item: r });
-    }
-    Me(L, (O) => {
-      se.value = O.length === ae.value.length && ae.value.length > 0;
-    }), Me(xe, (O) => {
-      O ? window.addEventListener("click", pe) : window.removeEventListener("click", pe);
-    }), Me(x, () => {
-      S.value = 1;
-    }), Me(
-      () => c.base.dataTabelCustomDisplay || c.base.schema,
-      async () => {
-        Object.assign(b.value, {
-          ...c
-        }), L.value = [], await T();
-      }
-    ), ze(async () => {
-      Object.assign(b.value, {
-        ...c
-      }), await T();
-    }), ct("TableComponents", { ShowAlert: Ge, loader: Z, labels: v });
-    function Ge(O, r, k) {
-      const o = {
-        type: O,
-        title: r,
-        messages: k
-      };
-      A.value?.addAlert(o);
-    }
-    function ot(O) {
-      xe.value === O ? xe.value = null : xe.value = O;
-    }
-    function pe() {
-      xe.value = null;
-    }
-    function we(O) {
-      const r = [], k = O?.[b.value?.keys?.idKey ?? "id"];
-      if (b.value.customActions)
-        for (const o of b.value.customActions)
-          r.push({
-            key: `custom-${o.key}`,
-            label: o.label,
-            icon: o.icon,
-            class: o.class || "jsgd-bg-gray-500/10 jsgd-text-gray-500 hover:jsgd-bg-gray-500 hover:jsgd-text-white dark:jsgd-text-gray-400 dark:hover:jsgd-bg-gray-600",
-            handler: () => {
-              nt(o.key, O), pe();
-            }
-          });
-      return b.value?.feature?.updateActive && r.push({
-        key: "update",
-        label: v.value?.btn?.update,
-        icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M11 5H6C4.89543 5 4 5.89543 4 7V18C4 19.1046 4.89543 20 6 20H17C18.1046 20 19 19.1046 19 18V13M17.5858 3.58579C18.3668 2.80474 19.6332 2.80474 20.4142 3.58579C21.1953 4.36683 21.1953 5.63316 20.4142 6.41421L11.8284 15H9L9 12.1716L17.5858 3.58579Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>',
-        class: "jsgd-bg-blue-500/10 jsgd-text-blue-500 hover:jsgd-bg-blue-500 hover:jsgd-text-white dark:jsgd-text-blue-400 dark:hover:jsgd-bg-blue-600",
-        handler: () => {
-          h(k), pe();
-        }
-      }), b.value?.feature?.deleteActive && r.push({
-        key: "delete",
-        label: v.value?.btn?.remove,
-        icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M19 7L18.1327 19.1425C18.0579 20.1891 17.187 21 16.1378 21H7.86224C6.81296 21 5.94208 20.1891 5.86732 19.1425L5 7M10 11V17M14 11V17M15 7V4C15 3.44772 14.5523 3 14 3H10C9.44772 3 9 3.44772 9 4V7M4 7H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>',
-        class: "jsgd-bg-red-500/10 jsgd-text-red-500 hover:jsgd-bg-red-500 hover:jsgd-text-white dark:jsgd-text-red-400 dark:hover:jsgd-bg-red-600",
-        handler: () => {
-          B(k), pe();
-        }
-      }), b.value?.feature?.displayActive && r.push({
-        key: "display",
-        label: v.value?.btn?.display,
-        icon: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M1 12C1 12 5 4 12 4C19 4 23 12 23 12C23 12 19 20 12 20C5 20 1 12 1 12Z" stroke="currentColor" stroke-width="2"/><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="currentColor" stroke-width="2"/></svg>',
-        class: "jsgd-bg-slate-500/10 jsgd-text-slate-500 hover:jsgd-bg-slate-500 hover:jsgd-text-white dark:jsgd-text-slate-400 dark:hover:jsgd-bg-slate-400",
-        handler: () => {
-          I(k), pe();
-        }
-      }), r;
-    }
-    return u({
-      refreshData: T
-    }), (O, r) => (d(), a("div", pd, [
-      K(l(ht), {
-        ref_key: "loader",
-        ref: Z
-      }, null, 512),
-      l(Y) ? (d(), be(Ze, {
-        key: 0,
-        title: v.value.warning.delete,
-        message: `${l(he).name ?? l(he)[b.value?.keys?.nameKey ?? b.value?.keys?.idKey ?? "id"]}`,
-        onConfirm: r[0] || (r[0] = () => {
-          l(G) !== null && l(at)(l(G));
-        }),
-        onClose: l(ne)
-      }, null, 8, ["title", "message", "onClose"])) : F("", !0),
-      l(J) ? (d(), be(Ze, {
-        key: 1,
-        title: v.value.warning.deleteMany,
-        message: l(le),
-        onConfirm: r[1] || (r[1] = () => l(lt)(l(L))),
-        onClose: l(ne)
-      }, null, 8, ["title", "message", "onClose"])) : F("", !0),
-      l(oe) ? (d(), be(nd, {
-        key: 2,
-        title: v.value?.title?.display,
-        "close-text": v.value?.btn?.close,
-        schema: b.value?.base?.schema.display ?? b.value?.base?.schema.global ?? {},
-        "form-data": l(D) ?? {},
-        "value-null-view": !0,
-        onClose: l(ne)
-      }, null, 8, ["title", "close-text", "schema", "form-data", "onClose"])) : F("", !0),
-      K(l(xd), {
-        ref_key: "alert",
-        ref: A
-      }, null, 512),
-      l(U) ? (d(), be(mt, {
-        key: 3,
-        id: l(de) ?? null,
-        "is-update": !!l(de),
-        schema: l(de) ? b.value.base.schema.update ?? b.value.base.schema.global : b.value.base.schema.create ?? b.value.base.schema.global,
-        "initial-data": l(de) ? l(D) : void 0,
-        lang: b.value.base.lang ?? "en",
-        onCancel: r[2] || (r[2] = (k) => U.value = !1),
-        demo: b.value.demo,
-        seo: b.value.base.schema.SeoDisplay ?? void 0,
-        onDataChildRemove: r[3] || (r[3] = (k) => ue.value = k),
-        onSubmit: l(je)
-      }, null, 8, ["id", "is-update", "schema", "initial-data", "lang", "demo", "seo", "onSubmit"])) : F("", !0),
-      s("div", wd, [
-        s("div", _d, [
-          s("div", Cd, [
-            s("div", Md, [
-              s("div", Dd, [
-                b.value?.feature?.createActive ? (d(), a("button", {
-                  key: 0,
-                  onClick: r[4] || (r[4] = (k) => l(M)()),
-                  class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-6 jsgd-py-3 jsgd-border-none jsgd-rounded-lg jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-relative jsgd-overflow-hidden disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none before:jsgd-content-[''] before:jsgd-absolute before:jsgd-top-0 before:jsgd-left-[-100%] before:jsgd-w-full before:jsgd-h-full before:jsgd-bg-gradient-to-r before:jsgd-from-transparent before:jsgd-via-white/20 before:jsgd-to-transparent before:jsgd-transition-[left] before:jsgd-duration-600 hover:before:jsgd-left-full jsgd-bg-gradient-to-br jsgd-from-blue-500 jsgd-to-blue-600 jsgd-text-white jsgd-shadow-md hover:jsgd-shadow-lg hover:-jsgd-translate-y-0.5 dark:jsgd-from-blue-600 dark:jsgd-to-blue-700"
-                }, [
-                  r[14] || (r[14] = s("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
-                    s("svg", {
-                      width: "16",
-                      height: "16",
-                      viewBox: "0 0 24 24",
-                      fill: "none"
-                    }, [
-                      s("path", {
-                        d: "M12 5V19M5 12H19",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        "stroke-linecap": "round",
-                        "stroke-linejoin": "round"
-                      })
-                    ])
-                  ], -1)),
-                  ye(" " + m(v.value?.btn?.add), 1)
-                ])) : F("", !0),
-                l(L).length > 0 && b.value?.feature?.deleteManyActive ? (d(), a("button", {
-                  key: 1,
-                  onClick: r[5] || (r[5] = (k) => l(Q)()),
-                  class: q(["jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-6 jsgd-py-3 jsgd-border-none jsgd-rounded-lg jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-relative jsgd-overflow-hidden disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none before:jsgd-content-[''] before:jsgd-absolute before:jsgd-top-0 before:jsgd-left-[-100%] before:jsgd-w-full before:jsgd-h-full before:jsgd-bg-gradient-to-r before:jsgd-from-transparent before:jsgd-via-white/20 before:jsgd-to-transparent before:jsgd-transition-[left] before:jsgd-duration-600 hover:before:jsgd-left-full jsgd-bg-gradient-to-br jsgd-from-red-500 jsgd-to-red-600 jsgd-text-white jsgd-shadow-md hover:jsgd-shadow-lg hover:-jsgd-translate-y-0.5 dark:jsgd-from-red-600 dark:jsgd-to-red-700", {
-                    "jsgd-bg-slate-100 jsgd-text-slate-400 dark:jsgd-bg-slate-700 dark:jsgd-text-slate-500": l(L).length === 0
-                  }]),
-                  disabled: l(L).length === 0
-                }, [
-                  r[15] || (r[15] = s("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
-                    s("svg", {
-                      width: "16",
-                      height: "16",
-                      viewBox: "0 0 24 24",
-                      fill: "none"
-                    }, [
-                      s("path", {
-                        d: "M19 7L18.1327 19.1425C18.0579 20.1891 17.187 21 16.1378 21H7.86224C6.81296 21 5.94208 20.1891 5.86732 19.1425L5 7M10 11V17M14 11V17M15 7V4C15 3.44772 14.5523 3 14 3H10C9.44772 3 9 3.44772 9 4V7M4 7H20",
-                        stroke: "currentColor",
-                        "stroke-width": "2",
-                        "stroke-linecap": "round",
-                        "stroke-linejoin": "round"
-                      })
-                    ])
-                  ], -1)),
-                  ye(" " + m(v.value?.btn?.deleteMany), 1)
-                ], 10, $d)) : F("", !0)
-              ])
-            ]),
-            H.value !== null ? (d(), a("div", Ad, [
-              s("div", Td, [
-                (d(), a("svg", Od, [
-                  r[16] || (r[16] = s("path", {
-                    class: "circle-bg",
-                    d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
-                  }, null, -1)),
-                  s("path", {
-                    class: q(["circle", z.value]),
-                    "stroke-dasharray": `${H.value}, 100`,
-                    d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
-                  }, null, 10, Hd),
-                  s("text", Kd, m(H.value), 1)
-                ]))
-              ]),
-              r[17] || (r[17] = s("span", { class: "jsgd-text-sm jsgd-font-medium jsgd-text-slate-600 dark:jsgd-text-slate-300" }, "Average SEO Score", -1))
-            ])) : F("", !0),
-            s("div", Bd, [
-              b.value?.feature?.searchQueryActive ? (d(), a("div", Sd, [
-                r[18] || (r[18] = s("div", { class: "jsgd-absolute jsgd-left-3 jsgd-top-1/2 -jsgd-translate-y-1/2 jsgd-text-slate-400 jsgd-flex jsgd-items-center jsgd-justify-center dark:jsgd-text-slate-500" }, [
-                  s("svg", {
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none"
-                  }, [
-                    s("path", {
-                      d: "M21 21L16.514 16.506M19 10.5C19 15.194 15.194 19 10.5 19C5.806 19 2 15.194 2 10.5C2 5.806 5.806 2 10.5 2C15.194 2 19 5.806 19 10.5Z",
-                      stroke: "currentColor",
-                      "stroke-width": "2",
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round"
-                    })
-                  ])
-                ], -1)),
-                Ve(s("input", {
-                  "onUpdate:modelValue": r[6] || (r[6] = (k) => Fe(x) ? x.value = k : null),
-                  type: "text",
-                  placeholder: v.value?.search || "Search...",
-                  class: "jsgd-w-full jsgd-py-3 jsgd-pr-3 jsgd-pl-10 jsgd-bg-white jsgd-border jsgd-border-slate-200 jsgd-rounded-lg jsgd-box-border jsgd-text-slate-800 jsgd-text-sm jsgd-transition-all focus:jsgd-outline-none focus:jsgd-border-blue-500 focus:jsgd-ring-3 focus:jsgd-ring-blue-500/10 dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 dark:jsgd-text-slate-100 dark:focus:jsgd-border-blue-400",
-                  onKeyup: r[7] || (r[7] = Xe((k) => S.value = 1, ["enter"]))
-                }, null, 40, Ld), [
-                  [jt, l(x)]
-                ])
-              ])) : F("", !0)
-            ])
-          ]),
-          l(L).length > 0 ? (d(), a("div", Id, [
-            s("span", Vd, m(l(L).length), 1),
-            ye(" " + m(l(L).length === 1 ? v.value.selection.selectedOne ?? "item is selected" : v.value.selection.selected ?? "items are selected"), 1)
-          ])) : F("", !0)
-        ]),
-        l(ce).length === 0 ? (d(), a("div", Fd, [
-          r[20] || (r[20] = s("div", { class: "jsgd-text-slate-400 jsgd-mb-6 jsgd-opacity-70 dark:jsgd-text-slate-500" }, [
-            s("svg", {
-              width: "64",
-              height: "64",
-              viewBox: "0 0 24 24",
-              fill: "none"
-            }, [
-              s("path", {
-                d: "M3 7V17C3 18.1046 3.89543 19 5 19H19C20.1046 19 21 18.1046 21 17V9C21 7.89543 20.1046 7 19 7H3ZM3 7V5C3 3.89543 3.89543 3 5 3H9",
-                stroke: "currentColor",
-                "stroke-width": "2",
-                "stroke-linecap": "round"
-              }),
-              s("path", {
-                d: "M15 13C15 14.6569 13.6569 16 12 16C10.3431 16 9 14.6569 9 13C9 11.3431 10.3431 10 12 10C13.6569 10 15 11.3431 15 13Z",
-                stroke: "currentColor",
-                "stroke-width": "2"
-              })
-            ])
-          ], -1)),
-          s("h3", Nd, m(v.value?.message?.notFound), 1),
-          s("p", Pd, m(v.value?.message?.notFoundDesc || "No data available"), 1),
-          b.value?.feature?.createActive ? (d(), a("button", {
-            key: 0,
-            onClick: r[8] || (r[8] = (k) => l(M)()),
-            class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-6 jsgd-py-3 jsgd-border-none jsgd-rounded-lg jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-relative jsgd-overflow-hidden disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none before:jsgd-content-[''] before:jsgd-absolute before:jsgd-top-0 before:jsgd-left-[-100%] before:jsgd-w-full before:jsgd-h-full before:jsgd-bg-gradient-to-r before:jsgd-from-transparent before:jsgd-via-white/20 before:jsgd-to-transparent before:jsgd-transition-[left] before:jsgd-duration-600 hover:before:jsgd-left-full jsgd-bg-gradient-to-br jsgd-from-blue-500 jsgd-to-blue-600 jsgd-text-white jsgd-shadow-md hover:jsgd-shadow-lg hover:-jsgd-translate-y-0.5 jsgd-animate-[pulse_2s_infinite] dark:jsgd-from-blue-600 dark:jsgd-to-blue-700"
-          }, [
-            r[19] || (r[19] = s("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
-              s("svg", {
-                width: "16",
-                height: "16",
-                viewBox: "0 0 24 24",
-                fill: "none"
-              }, [
-                s("path", {
-                  d: "M12 5V19M5 12H19",
-                  stroke: "currentColor",
-                  "stroke-width": "2",
-                  "stroke-linecap": "round",
-                  "stroke-linejoin": "round"
-                })
-              ])
-            ], -1)),
-            ye(" " + m(v.value?.btn?.add), 1)
-          ])) : F("", !0)
-        ])) : (d(), a("div", Ed, [
-          s("div", zd, [
-            s("table", Ud, [
-              s("thead", Wd, [
-                s("tr", null, [
-                  s("th", Rd, [
-                    b.value?.feature?.deleteManyActive ? Ve((d(), a("input", {
-                      key: 0,
-                      type: "checkbox",
-                      onChange: r[9] || (r[9] = //@ts-ignore
-                      (...k) => l(ee) && l(ee)(...k)),
-                      "onUpdate:modelValue": r[10] || (r[10] = (k) => Fe(se) ? se.value = k : null),
-                      class: "jsgd-w-4 jsgd-h-4 jsgd-border jsgd-border-slate-200 jsgd-rounded-sm jsgd-bg-white jsgd-cursor-pointer jsgd-transition-all checked:jsgd-bg-blue-500 checked:jsgd-border-blue-500 focus:jsgd-outline-none focus:jsgd-ring-3 focus:jsgd-ring-blue-500/10 dark:jsgd-border-slate-700 dark:jsgd-bg-slate-900 dark:checked:jsgd-bg-blue-600 dark:checked:jsgd-border-blue-600"
-                    }, null, 544)), [
-                      [qe, l(se)]
-                    ]) : F("", !0)
-                  ]),
-                  (d(!0), a(P, null, R(b.value?.base.headersTabelDisplay, (k, o) => (d(), a("th", {
-                    key: k,
-                    class: q(["jsgd-p-4 jsgd-text-left jsgd-text-xs jsgd-font-semibold jsgd-text-slate-500 jsgd-uppercase jsgd-tracking-wider jsgd-whitespace-nowrap dark:jsgd-text-slate-400", { "jsgd-hidden md:jsgd-table-cell": o > 0 }])
-                  }, [
-                    s("div", Gd, [
-                      ye(m(k) + " ", 1),
-                      b.value?.feature?.sortable ? (d(), a("button", {
-                        key: 0,
-                        onClick: (W) => l(Te)(k),
-                        class: "jsgd-bg-transparent jsgd-border-none jsgd-text-slate-400 jsgd-cursor-pointer jsgd-p-1 jsgd-rounded-md jsgd-transition-all jsgd-flex jsgd-items-center jsgd-justify-center hover:jsgd-text-slate-800 hover:jsgd-bg-slate-100 dark:jsgd-text-slate-500 dark:hover:jsgd-text-slate-100 dark:hover:jsgd-bg-slate-700"
-                      }, [...r[21] || (r[21] = [
-                        s("svg", {
-                          width: "16",
-                          height: "16",
-                          viewBox: "0 0 24 24",
-                          fill: "none"
-                        }, [
-                          s("path", {
-                            d: "M8 9L12 5L16 9M16 15L12 19L8 15",
-                            stroke: "currentColor",
-                            "stroke-width": "2",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round"
-                          })
-                        ], -1)
-                      ])], 8, qd)) : F("", !0)
-                    ])
-                  ], 2))), 128)),
-                  s("th", Zd, m(v.value?.action || "Actions"), 1)
-                ])
-              ]),
-              s("tbody", Qd, [
-                (d(!0), a(P, null, R(l(ae), (k) => (d(), a("tr", {
-                  key: k?.[b.value?.keys?.idKey ?? "id"],
-                  class: "jsgd-border-b jsgd-border-slate-50 jsgd-transition-all hover:jsgd-bg-slate-50 dark:jsgd-border-slate-800 dark:hover:jsgd-bg-slate-800"
-                }, [
-                  s("td", Jd, [
-                    b.value?.feature?.deleteManyActive ? Ve((d(), a("input", {
-                      key: 0,
-                      type: "checkbox",
-                      "onUpdate:modelValue": r[11] || (r[11] = (o) => Fe(L) ? L.value = o : null),
-                      value: k?.[b.value?.keys?.idKey ?? "id"],
-                      class: "jsgd-w-4 jsgd-h-4 jsgd-border jsgd-border-slate-200 jsgd-rounded-sm jsgd-bg-white jsgd-cursor-pointer jsgd-transition-all checked:jsgd-bg-blue-500 checked:jsgd-border-blue-500 focus:jsgd-outline-none focus:jsgd-ring-3 focus:jsgd-ring-blue-500/10 dark:jsgd-border-slate-700 dark:jsgd-bg-slate-900 dark:checked:jsgd-bg-blue-600 dark:checked:jsgd-border-blue-600"
-                    }, null, 8, Xd)), [
-                      [qe, l(L)]
-                    ]) : F("", !0)
-                  ]),
-                  (d(!0), a(P, null, R(l(cd)(k), (o, W, ge) => (d(), a("td", {
-                    key: W,
-                    class: q(["jsgd-p-4 jsgd-text-sm jsgd-text-slate-500 jsgd-max-w-[200px] dark:jsgd-text-slate-400", {
-                      "jsgd-hidden md:jsgd-table-cell": ge > 0,
-                      "jsgd-font-semibold jsgd-text-slate-800 dark:jsgd-text-slate-100": ge === 0
-                    }])
-                  }, [
-                    o != null ? (d(), a(P, { key: 0 }, [
-                      j(W) === "richtext" || l(ud)(o) ? (d(), a("div", {
-                        key: 0,
-                        innerHTML: o,
-                        class: "jsgd-max-w-full jsgd-max-h-16 jsgd-overflow-hidden"
-                      }, null, 8, Yd)) : j(W) === "boolean" ? (d(), a("div", ea, [
-                        s("span", {
-                          class: q(["jsgd-px-3 jsgd-py-1 jsgd-rounded-full jsgd-text-xs jsgd-font-medium jsgd-inline-block", {
-                            "jsgd-bg-green-500/10 jsgd-text-emerald-500 dark:jsgd-text-emerald-400": o,
-                            "jsgd-bg-red-500/10 jsgd-text-red-500 dark:jsgd-text-red-400": !o
-                          }])
-                        }, m(o ? v.value?.btn.toogle?.active || "Active" : v.value?.btn.toogle?.inactive || "Inactive"), 3)
-                      ])) : j(W) === "dateTime" || n(o) ? (d(), a("div", ta, [
-                        r[22] || (r[22] = s("svg", {
-                          width: "14",
-                          height: "14",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          class: "jsgd-shrink-0 jsgd-text-slate-500 dark:jsgd-text-slate-400"
-                        }, [
-                          s("path", {
-                            d: "M8 7V3M16 7V3M4 11H20M5 21H19C20.1046 21 21 20.1046 21 19V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V19C3 20.1046 3.89543 21 5 21Z",
-                            stroke: "currentColor",
-                            "stroke-width": "2",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round"
-                          }),
-                          s("path", {
-                            d: "M12 15H12.01M12 18H12.01M16 15H16.01M16 18H16.01M8 15H8.01M8 18H8.01",
-                            stroke: "currentColor",
-                            "stroke-width": "2",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round"
-                          })
-                        ], -1)),
-                        s("span", null, m(y(o, b.value.base.lang ?? "en")), 1)
-                      ])) : j(W) === "date" || g(o) ? (d(), a("div", sa, [
-                        r[23] || (r[23] = s("svg", {
-                          width: "14",
-                          height: "14",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          class: "jsgd-shrink-0 jsgd-text-slate-500 dark:jsgd-text-slate-400"
-                        }, [
-                          s("path", {
-                            d: "M8 7V3M16 7V3M4 11H20M5 21H19C20.1046 21 21 20.1046 21 19V7C21 5.89543 20.1046 5 19 5H5C3.89543 5 3 5.89543 3 7V19C3 20.1046 3.89543 21 5 21Z",
-                            stroke: "currentColor",
-                            "stroke-width": "2",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round"
-                          })
-                        ], -1)),
-                        s("span", null, m(f(o, b.value.base.lang ?? "en")), 1)
-                      ])) : j(W) === "time" || t(o) ? (d(), a("div", da, [
-                        r[24] || (r[24] = s("svg", {
-                          width: "14",
-                          height: "14",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          class: "jsgd-shrink-0 jsgd-text-slate-500 dark:jsgd-text-slate-400"
-                        }, [
-                          s("path", {
-                            d: "M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z",
-                            stroke: "currentColor",
-                            "stroke-width": "2",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round"
-                          }),
-                          s("path", {
-                            d: "M12 6V12L16 14",
-                            stroke: "currentColor",
-                            "stroke-width": "2",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round"
-                          })
-                        ], -1)),
-                        s("span", null, m(_(o, b.value.base.lang ?? "en")), 1)
-                      ])) : j(W) === "image" || l(Ie)(o) ? (d(), a("div", aa, [
-                        s("div", la, [
-                          s("img", {
-                            src: l(Pe)(o),
-                            class: "jsgd-w-full jsgd-h-full jsgd-object-cover",
-                            alt: `Preview ${W}`
-                          }, null, 8, na)
-                        ])
-                      ])) : j(W) === "arrayColor" || l(id)(o) ? (d(), a("div", oa, [
-                        (d(!0), a(P, null, R(o.slice(0, 3), (te, ve) => (d(), a("div", {
-                          key: ve,
-                          style: Se({ backgroundColor: te }),
-                          class: "jsgd-w-6 jsgd-h-6 jsgd-rounded-full jsgd-border-2 jsgd-border-slate-200 jsgd-inline-block jsgd-mr-1 jsgd-cursor-pointer jsgd-transition-all hover:jsgd-scale-110 dark:jsgd-border-slate-700",
-                          title: te
-                        }, null, 12, ra))), 128)),
-                        o.length > 3 ? (d(), a("span", ia, "+" + m(o.length - 3), 1)) : F("", !0)
-                      ])) : j(W) === "color" || l(dt)(o) ? (d(), a("div", ga, [
-                        s("div", {
-                          style: Se({ backgroundColor: o }),
-                          class: "jsgd-w-8 jsgd-h-8 jsgd-rounded-full jsgd-border-2 jsgd-border-slate-200 jsgd-inline-block jsgd-mr-1 jsgd-cursor-pointer jsgd-transition-all hover:jsgd-scale-110 dark:jsgd-border-slate-700",
-                          title: o
-                        }, null, 12, ua)
-                      ])) : j(W) === "arrayImage" || l(rd)(o) ? (d(), a("div", ca, [
-                        (d(!0), a(P, null, R(o.slice(0, 3), (te, ve) => (d(), a("div", {
-                          key: ve,
-                          class: "jsgd-w-8 jsgd-h-8 jsgd-rounded-md jsgd-overflow-hidden jsgd-border jsgd-border-slate-200 dark:jsgd-border-slate-700"
-                        }, [
-                          s("img", {
-                            src: l(Pe)(te),
-                            class: "jsgd-w-full jsgd-h-full jsgd-object-cover",
-                            alt: `Preview ${W}-${ve}`
-                          }, null, 8, ja)
-                        ]))), 128)),
-                        o.length > 3 ? (d(), a("span", ba, "+" + m(o.length - 3), 1)) : F("", !0)
-                      ])) : j(W) === "file" || l(st)(o) ? (d(), a("div", fa, [
-                        s("a", {
-                          href: l(Pe)(o),
-                          target: "_blank",
-                          rel: "noopener noreferrer",
-                          class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-text-slate-500 jsgd-transition-colors hover:jsgd-text-blue-500 dark:jsgd-text-slate-400 dark:hover:jsgd-text-blue-400"
-                        }, [
-                          r[25] || (r[25] = s("svg", {
-                            width: "16",
-                            height: "16",
-                            viewBox: "0 0 24 24",
-                            fill: "none",
-                            class: "jsgd-shrink-0"
-                          }, [
-                            s("path", {
-                              d: "M14 3V7C14 7.26522 14.1054 7.51957 14.2929 7.70711C14.4805 7.89464 14.7348 8 15 8H19M14 3H7C5.89543 3 5 3.89543 5 5V19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V8M14 3L19 8",
-                              stroke: "currentColor",
-                              "stroke-width": "2",
-                              "stroke-linecap": "round",
-                              "stroke-linejoin": "round"
-                            })
-                          ], -1)),
-                          s("span", ma, m(l(Je)(o)), 1)
-                        ], 8, ha)
-                      ])) : j(W) === "arrayFile" || l(gd)(o) ? (d(), a("div", va, m(o.map((te) => l(Je)(te)).join(", ")), 1)) : j(W) === "url" ? (d(), a("a", {
-                        key: 11,
-                        href: o,
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-text-blue-500 hover:jsgd-underline jsgd-transition-colors dark:jsgd-text-blue-400"
-                      }, [
-                        r[26] || (r[26] = s("svg", {
-                          width: "16",
-                          height: "16",
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          class: "jsgd-shrink-0"
-                        }, [
-                          s("path", {
-                            d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.72",
-                            stroke: "currentColor",
-                            "stroke-width": "2",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round"
-                          }),
-                          s("path", {
-                            d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.72-1.72",
-                            stroke: "currentColor",
-                            "stroke-width": "2",
-                            "stroke-linecap": "round",
-                            "stroke-linejoin": "round"
-                          })
-                        ], -1)),
-                        s("span", ka, m(o), 1)
-                      ], 8, ya)) : j(W) === "currency" ? (d(), a("div", xa, m($(o)), 1)) : j(W) === "rate" ? (d(), a("div", pa, [
-                        (d(), a(P, null, R(5, (te) => s("svg", {
-                          key: te,
-                          width: "16",
-                          height: "16",
-                          viewBox: "0 0 24 24",
-                          class: q(
-                            te <= o ? "jsgd-text-amber-400" : "jsgd-text-slate-300 dark:jsgd-text-slate-600"
-                          )
-                        }, [...r[27] || (r[27] = [
-                          s("path", {
-                            fill: "currentColor",
-                            d: "M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
-                          }, null, -1)
-                        ])], 2)), 64))
-                      ])) : j(W) === "seo" ? (d(), a("div", wa, [
-                        s("div", {
-                          class: q(["jsgd-w-2.5 jsgd-h-2.5 jsgd-rounded-full", {
-                            "jsgd-bg-red-500": o < 50,
-                            "jsgd-bg-yellow-500": o >= 50 && o < 80,
-                            "jsgd-bg-emerald-500": o >= 80
-                          }])
-                        }, null, 2),
-                        s("span", {
-                          class: q(["jsgd-font-semibold", {
-                            "jsgd-text-red-600 dark:jsgd-text-red-400": o < 50,
-                            "jsgd-text-yellow-600 dark:jsgd-text-yellow-400": o >= 50 && o < 80,
-                            "jsgd-text-emerald-600 dark:jsgd-text-emerald-400": o >= 80
-                          }])
-                        }, m(o) + "%", 3)
-                      ])) : Array.isArray(o) ? (d(), a("div", _a, m(o.join(", ")), 1)) : (d(), a("div", Ca, m(o), 1))
-                    ], 64)) : (d(), a("span", Ma, "—"))
-                  ], 2))), 128)),
-                  s("td", Da, [
-                    s("div", $a, [
-                      we(k).length <= 3 ? (d(!0), a(P, { key: 0 }, R(we(k), (o) => (d(), a("button", {
-                        key: o.key,
-                        onClick: o.handler,
-                        class: q([o.class, "jsgd-flex jsgd-items-center jsgd-gap-1.5 jsgd-px-3 jsgd-py-2 jsgd-border-none jsgd-rounded-lg jsgd-text-xs jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-whitespace-nowrap hover:-jsgd-translate-y-px"])
-                      }, [
-                        o.icon ? (d(), a("span", {
-                          key: 0,
-                          class: "jsgd-flex jsgd-items-center jsgd-justify-center jsgd-w-4 jsgd-h-4",
-                          innerHTML: o.icon
-                        }, null, 8, Ta)) : F("", !0),
-                        s("span", Oa, m(o.label), 1)
-                      ], 10, Aa))), 128)) : we(k).length <= 5 ? (d(!0), a(P, { key: 1 }, R(we(k), (o) => (d(), a("div", {
-                        key: o.key,
-                        class: "jsgd-relative jsgd-group"
-                      }, [
-                        s("button", {
-                          onClick: o.handler,
-                          class: q([o.class, "jsgd-flex jsgd-items-center jsgd-justify-center jsgd-w-9 jsgd-h-9 jsgd-border-none jsgd-rounded-lg jsgd-cursor-pointer jsgd-transition-all hover:-jsgd-translate-y-px"])
-                        }, [
-                          o.icon ? (d(), a("span", {
-                            key: 0,
-                            class: "jsgd-flex jsgd-items-center jsgd-justify-center jsgd-w-4 jsgd-h-4",
-                            innerHTML: o.icon
-                          }, null, 8, Ka)) : F("", !0)
-                        ], 10, Ha),
-                        s("div", Ba, m(o.label), 1)
-                      ]))), 128)) : (d(), a(P, { key: 2 }, [
-                        s("button", {
-                          onClick: Ye((o) => ot(k?.[b.value?.keys?.idKey ?? "id"]), ["stop"]),
-                          class: "jsgd-flex jsgd-items-center jsgd-justify-center jsgd-w-9 jsgd-h-9 jsgd-border-none jsgd-rounded-lg jsgd-text-xs jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all jsgd-whitespace-nowrap jsgd-bg-slate-500/10 jsgd-text-slate-500 hover:jsgd-bg-slate-500 hover:jsgd-text-white hover:-jsgd-translate-y-px dark:jsgd-text-slate-400 dark:hover:jsgd-bg-slate-600"
-                        }, [...r[28] || (r[28] = [
-                          s("svg", {
-                            width: "16",
-                            height: "16",
-                            viewBox: "0 0 24 24",
-                            fill: "none"
-                          }, [
-                            s("path", {
-                              d: "M5 12H5.01M12 12H12.01M19 12H19.01",
-                              stroke: "currentColor",
-                              "stroke-width": "2",
-                              "stroke-linecap": "round",
-                              "stroke-linejoin": "round"
-                            })
-                          ], -1)
-                        ])], 8, Sa),
-                        K(_e, { name: "jsgd-action-menu" }, {
-                          default: Ce(() => [
-                            xe.value === k?.[b.value?.keys?.idKey ?? "id"] ? (d(), a("div", La, [
-                              s("ul", null, [
-                                (d(!0), a(P, null, R(we(k), (o) => (d(), a("li", {
-                                  key: `dropdown-${o.key}`
-                                }, [
-                                  s("button", {
-                                    onClick: o.handler,
-                                    class: "jsgd-w-full jsgd-flex jsgd-items-center jsgd-gap-3 jsgd-px-4 jsgd-py-2.5 jsgd-text-left jsgd-text-sm jsgd-border-none jsgd-bg-transparent jsgd-cursor-pointer jsgd-transition-colors jsgd-text-slate-700 hover:jsgd-bg-slate-100 dark:jsgd-text-slate-300 dark:hover:jsgd-bg-slate-700/50"
-                                  }, [
-                                    o.icon ? (d(), a("span", {
-                                      key: 0,
-                                      class: "jsgd-flex jsgd-items-center jsgd-justify-center jsgd-w-4 jsgd-h-4",
-                                      innerHTML: o.icon
-                                    }, null, 8, Va)) : F("", !0),
-                                    s("span", null, m(o.label), 1)
-                                  ], 8, Ia)
-                                ]))), 128))
-                              ])
-                            ])) : F("", !0)
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ], 64))
-                    ])
-                  ])
-                ]))), 128))
-              ])
-            ])
-          ]),
-          s("div", Fa, [
-            s("div", Na, m(b.value?.pagination?.indicator?.displayingText || "Showing") + " " + m((l(S) - 1) * (b.value?.pagination?.itemsPerPage ?? 5) + 1) + " - " + m(Math.min(
-              l(S) * (b.value?.pagination?.itemsPerPage ?? 5),
-              l(ce).length
-            )) + " of " + m(l(ce).length) + " " + m(b.value?.pagination?.indicator?.dataText || "") + " data ", 1),
-            s("div", Pa, [
-              s("button", {
-                onClick: r[12] || (r[12] = //@ts-ignore
-                (...k) => l(p) && l(p)(...k)),
-                disabled: l(S) === 1,
-                class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-2 sm:jsgd-px-4 jsgd-py-2 sm:jsgd-py-3 jsgd-bg-white jsgd-border jsgd-border-slate-200 jsgd-rounded-lg jsgd-text-slate-800 jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all hover:jsgd-bg-slate-100 hover:-jsgd-translate-y-px disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 dark:jsgd-text-slate-100 dark:hover:jsgd-bg-slate-800"
-              }, [
-                r[29] || (r[29] = s("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
-                  s("svg", {
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none"
-                  }, [
-                    s("path", {
-                      d: "M15 18L9 12L15 6",
-                      stroke: "currentColor",
-                      "stroke-width": "2",
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round"
-                    })
-                  ])
-                ], -1)),
-                s("span", za, m(v.value?.btn?.prev || "Previous"), 1)
-              ], 8, Ea),
-              s("div", Ua, [
-                (d(!0), a(P, null, R(l(re), (k) => (d(), a("button", {
-                  key: k + "",
-                  onClick: (o) => typeof k == "number" && (S.value = k),
-                  disabled: k === "...",
-                  class: q(["jsgd-min-w-8 sm:jsgd-min-w-10 jsgd-h-8 sm:jsgd-h-10 jsgd-flex jsgd-items-center jsgd-justify-center jsgd-rounded-lg jsgd-text-xs sm:jsgd-text-sm jsgd-font-medium jsgd-transition-all jsgd-flex-shrink-0", [
-                    l(S) === k ? "jsgd-bg-blue-500 jsgd-text-white jsgd-border jsgd-border-blue-500 jsgd-cursor-default dark:jsgd-bg-blue-600 dark:jsgd-border-blue-600" : k === "..." ? "jsgd-bg-transparent jsgd-text-slate-400 jsgd-cursor-default jsgd-border-transparent" : "jsgd-bg-white jsgd-border jsgd-border-slate-200 jsgd-text-slate-800 jsgd-cursor-pointer hover:jsgd-bg-slate-100 dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 dark:jsgd-text-slate-100 dark:hover:jsgd-bg-slate-800"
-                  ]])
-                }, m(k), 11, Wa))), 128))
-              ]),
-              s("button", {
-                onClick: r[13] || (r[13] = //@ts-ignore
-                (...k) => l(C) && l(C)(...k)),
-                disabled: l(S) === l(ie) || l(ie) === 0,
-                class: "jsgd-flex jsgd-items-center jsgd-gap-2 jsgd-px-2 sm:jsgd-px-4 jsgd-py-2 sm:jsgd-py-3 jsgd-bg-white jsgd-border jsgd-border-slate-200 jsgd-rounded-lg jsgd-text-slate-800 jsgd-text-sm jsgd-font-medium jsgd-cursor-pointer jsgd-transition-all hover:jsgd-bg-slate-100 hover:-jsgd-translate-y-px disabled:jsgd-opacity-50 disabled:jsgd-cursor-not-allowed disabled:jsgd-transform-none dark:jsgd-bg-slate-900 dark:jsgd-border-slate-700 dark:jsgd-text-slate-100 dark:hover:jsgd-bg-slate-800"
-              }, [
-                s("span", Ga, m(v.value?.btn?.next || "Next"), 1),
-                r[30] || (r[30] = s("span", { class: "jsgd-flex jsgd-items-center jsgd-justify-center" }, [
-                  s("svg", {
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 24 24",
-                    fill: "none"
-                  }, [
-                    s("path", {
-                      d: "M9 18L15 12L9 6",
-                      stroke: "currentColor",
-                      "stroke-width": "2",
-                      "stroke-linecap": "round",
-                      "stroke-linejoin": "round"
-                    })
-                  ])
-                ], -1))
-              ], 8, Ra)
-            ])
-          ])
-        ]))
-      ])
-    ]));
-  }
-}), ll = /* @__PURE__ */ Le(qa, [["__scopeId", "data-v-99ac2e1d"]]);
-export {
-  Ke as F,
-  nd as M,
-  ll as T,
-  Ze as W,
-  Qe as _,
-  E as a,
-  el as b,
-  tl as c,
-  xd as d,
-  fd as e,
-  hd as f,
-  sl as g,
-  md as h,
-  vd as i,
-  dl as j,
-  al as k,
-  Ue as l,
-  Mt as m,
-  Dt as n,
-  $t as o
-};