vlite3 1.2.13 → 1.2.14

package/components/CategoryManager/CategoryManager.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as ne, ref as v, watch as R, computed as D, provide as oe, openBlock as x, createElementBlock as V, createElementVNode as f, renderSlot as re, createBlock as $, withCtx as _, createTextVNode as F, createCommentVNode as A, createVNode as g, toDisplayString as J, withDirectives as le, withKeys as B, vModelText as ie, unref as de } from "vue";
-import ae from "./CategoryNode.vue.js";
-import se from "../Modal.vue.js";
-import ue from "../Form/Form.vue.js";
-import ce from "../Icon.vue.js";
+import { defineComponent as Te, ref as T, watch as F, computed as c, provide as he, openBlock as b, createElementBlock as A, createElementVNode as y, renderSlot as Ie, toDisplayString as M, createBlock as J, withCtx as V, createTextVNode as B, createCommentVNode as q, createVNode as I, withDirectives as xe, withKeys as j, vModelText as be, unref as Me } from "vue";
+import we from "./CategoryNode.vue.js";
+import Ce from "../Modal.vue.js";
+import Se from "../Form/Form.vue.js";
+import De from "../Icon.vue.js";
 /* empty css                  */
-import E from "../Button.vue.js";
-import "../../core/config.js";
+import P from "../Button.vue.js";
+import { $t as l } from "../../utils/i18n.js";
 /* empty css            */
 import "vue-draggable-plus";
 /* empty css                                          */
@@ -17,24 +17,25 @@ import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
 /* empty css                           */
-import me from "../IconPicker.vue.js";
+import Ae from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                      */
-import { getUniqueId as N } from "../../utils/functions.js";
-const fe = { class: "category-manager-container w-full bg-muted/10 rounded-xl border border-border p-4 lg:p-6" }, pe = { class: "flex items-center justify-between mb-6" }, ve = {
+import "../../core/config.js";
+import { getUniqueId as k } from "../../utils/functions.js";
+const Pe = { class: "category-manager-container w-full bg-muted/10 rounded-xl border border-border p-4 lg:p-6" }, ke = { class: "flex items-center justify-between mb-6" }, Re = { class: "text-lg font-bold text-foreground" }, Ee = { class: "text-sm text-muted-foreground mt-0.5" }, _e = {
   key: 0,
   class: "flex flex-col items-center justify-center py-10 px-4 text-center border border-dashed border-border rounded-xl bg-background"
-}, he = { class: "w-12 h-12 bg-muted rounded-full flex items-center justify-center mb-4" }, ge = { class: "text-base font-medium text-foreground" }, ye = { class: "text-sm text-muted-foreground mt-1 max-w-sm" }, xe = {
+}, Ne = { class: "w-12 h-12 bg-muted rounded-full flex items-center justify-center mb-4" }, Ve = { class: "text-base font-medium text-foreground" }, qe = { class: "text-sm text-muted-foreground mt-1 max-w-sm" }, Ue = {
   key: 1,
   class: "w-full tree-wrapper scrollable-container",
   style: { "will-change": "transform", contain: "layout style" }
-}, be = {
+}, ze = {
   key: 0,
   class: "flex items-center gap-1.5 py-1.5 px-2 bg-background border border-border shadow-sm rounded-lg w-full mt-2"
-}, we = {
+}, Oe = ["placeholder"], $e = {
   class: "modal-body",
   style: { "will-change": "transform", contain: "layout style" }
-}, Pe = /* @__PURE__ */ ne({
+}, ut = /* @__PURE__ */ Te({
   __name: "CategoryManager",
   props: {
     modelValue: { default: () => [] },
@@ -43,292 +44,413 @@ const fe = { class: "category-manager-container w-full bg-muted/10 rounded-xl bo
     readonly: { type: Boolean, default: !1 },
     emptyTitle: { default: "No Categories Found" },
     emptyDescription: { default: "Get started by creating your first category." },
-    size: { default: "md" }
+    size: { default: "md" },
+    emptyTitleI18n: {},
+    emptyDescriptionI18n: {},
+    headerTitle: {},
+    headerTitleI18n: {},
+    headerDescription: {},
+    headerDescriptionI18n: {},
+    addCategoryText: {},
+    addCategoryTextI18n: {},
+    createCategoryText: {},
+    createCategoryTextI18n: {},
+    newRootPlaceholder: {},
+    newRootPlaceholderI18n: {},
+    newSubcategoryPlaceholder: {},
+    newSubcategoryPlaceholderI18n: {},
+    categoryTitlePlaceholder: {},
+    categoryTitlePlaceholderI18n: {},
+    modalTitleAdd: {},
+    modalTitleAddI18n: {},
+    modalTitleAddChild: {},
+    modalTitleAddChildI18n: {},
+    modalTitleEdit: {},
+    modalTitleEditI18n: {},
+    modalSaveText: {},
+    modalSaveTextI18n: {},
+    quickAddTooltip: {},
+    quickAddTooltipI18n: {},
+    advancedDetailsTooltip: {},
+    advancedDetailsTooltipI18n: {},
+    deleteTooltip: {},
+    deleteTooltipI18n: {},
+    saveTooltip: {},
+    saveTooltipI18n: {},
+    cancelTooltip: {},
+    cancelTooltipI18n: {}
   },
   emits: ["update:modelValue", "onAdd", "onEdit", "onDelete", "onReorder"],
-  setup(b, { emit: j }) {
-    const w = b, c = j, d = v([]), I = v(/* @__PURE__ */ new Set()), s = (t) => JSON.parse(JSON.stringify(t)), p = (t, e = null) => {
-      t.forEach((n, l) => {
-        n.parentId = e, n.position = l, n.children || (n.children = []), p(n.children, n.id);
+  setup(R, { emit: G }) {
+    const e = R, m = G, s = T([]), w = T(/* @__PURE__ */ new Set()), p = (t) => JSON.parse(JSON.stringify(t)), v = (t, o = null) => {
+      t.forEach((r, i) => {
+        r.parentId = o, r.position = i, r.children || (r.children = []), v(r.children, r.id);
       });
-    }, q = (t) => {
-      const e = /* @__PURE__ */ new Map(), n = [];
-      t.forEach((o) => {
-        e.set(o.id, {
-          ...o,
-          id: o.id,
-          title: o.name || o.title || "Untitled",
-          icon: o.icon,
-          parentId: o.parentId || null,
-          position: o.position ?? 0,
+    }, H = (t) => {
+      const o = /* @__PURE__ */ new Map(), r = [];
+      t.forEach((a) => {
+        o.set(a.id, {
+          ...a,
+          id: a.id,
+          title: a.name || a.title || "Untitled",
+          icon: a.icon,
+          parentId: a.parentId || null,
+          position: a.position ?? 0,
           children: []
         });
-      }), t.forEach((o) => {
-        const r = e.get(o.id);
-        r && (o.parentId && e.has(o.parentId) ? e.get(o.parentId).children.push(r) : n.push(r));
+      }), t.forEach((a) => {
+        const n = o.get(a.id);
+        n && (a.parentId && o.has(a.parentId) ? o.get(a.parentId).children.push(n) : r.push(n));
       });
-      const l = (o) => {
-        o.sort((r, a) => (r.position ?? 0) - (a.position ?? 0)), o.forEach((r) => {
-          r.children && l(r.children);
+      const i = (a) => {
+        a.sort((n, u) => (n.position ?? 0) - (u.position ?? 0)), a.forEach((n) => {
+          n.children && i(n.children);
         });
       };
-      return l(n), n;
+      return i(r), r;
     };
-    R(
-      () => w.rawData,
+    F(
+      () => e.rawData,
       (t) => {
         if (t && t.length > 0) {
-          const e = q(t);
-          p(e);
-          const n = JSON.stringify(e), l = JSON.stringify(d.value);
-          if (n !== l) {
-            const o = s(e);
-            d.value = o, c("update:modelValue", o);
+          const o = H(t);
+          v(o);
+          const r = JSON.stringify(o), i = JSON.stringify(s.value);
+          if (r !== i) {
+            const a = p(o);
+            s.value = a, m("update:modelValue", a);
           }
         }
       },
       { immediate: !0, deep: !0 }
-    ), R(
-      () => w.modelValue,
+    ), F(
+      () => e.modelValue,
       (t) => {
-        const e = JSON.stringify(t), n = JSON.stringify(d.value);
-        if (e !== n && t.length > 0) {
-          const l = s(t);
-          p(l), d.value = l;
+        const o = JSON.stringify(t), r = JSON.stringify(s.value);
+        if (o !== r && t.length > 0) {
+          const i = p(t);
+          v(i), s.value = i;
         }
       },
       { immediate: !0, deep: !0 }
     );
-    const y = () => {
-      p(d.value);
-      const t = s(d.value);
-      c("update:modelValue", t);
+    const x = () => {
+      v(s.value);
+      const t = p(s.value);
+      m("update:modelValue", t);
     }, K = (t) => {
-      const e = new Set(I.value);
-      e.has(t) ? e.delete(t) : e.add(t), I.value = e;
-    }, u = v({
+      const o = new Set(w.value);
+      o.has(t) ? o.delete(t) : o.add(t), w.value = o;
+    }, g = T({
       mode: null,
       targetId: null,
       title: "",
       icon: "lucide:folder"
-    }), M = (t, e) => {
-      u.value = {
+    }), E = (t, o) => {
+      g.value = {
         mode: t,
-        targetId: t === "add-child" && e || null,
+        targetId: t === "add-child" && o || null,
         title: "",
         icon: "lucide:folder"
-      }, t === "add-child" && e && I.value.add(e);
-    }, S = () => {
-      u.value = { mode: null, targetId: null, title: "", icon: "lucide:folder" };
-    }, T = () => {
-      const { mode: t, targetId: e, title: n, icon: l } = u.value;
-      if (!n.trim()) return;
-      const o = [...d.value];
-      let r = null;
+      }, t === "add-child" && o && w.value.add(o);
+    }, C = () => {
+      g.value = { mode: null, targetId: null, title: "", icon: "lucide:folder" };
+    }, _ = () => {
+      const { mode: t, targetId: o, title: r, icon: i } = g.value;
+      if (!r.trim()) return;
+      const a = [...s.value];
+      let n = null;
       if (t === "add-root")
-        r = { id: N(), title: n, icon: l, children: [] }, o.push(r);
+        n = { id: k(), title: r, icon: i, children: [] }, a.push(n);
       else if (t === "add-child") {
-        r = { id: N(), title: n, icon: l, children: [] };
-        const a = (m) => {
-          for (const i of m) {
-            if (i.id === e)
-              return i.children || (i.children = []), i.children.push(r), !0;
-            if (i.children && a(i.children)) return !0;
+        n = { id: k(), title: r, icon: i, children: [] };
+        const u = (f) => {
+          for (const d of f) {
+            if (d.id === o)
+              return d.children || (d.children = []), d.children.push(n), !0;
+            if (d.children && u(d.children)) return !0;
           }
           return !1;
         };
-        a(o);
+        u(a);
       }
-      r && (p(o), c("onAdd", s(r))), d.value = o, y(), S();
-    }, k = v(!1), h = v("add"), U = v(null), z = v(null), O = v({}), P = [
+      n && (v(a), m("onAdd", p(n))), s.value = a, x(), C();
+    }, S = T(!1), h = T("add"), N = T(null), U = T(null), z = T({}), Q = [
       { name: "icon", label: "Category Icon", type: "iconPicker" },
       { name: "title", label: "Title", type: "text", required: !0 },
       { name: "description", label: "Description", type: "textarea", props: { rows: 3 } }
-    ], G = D(() => w.formSchema || P), H = D(() => h.value === "add" ? "Add Category" : h.value === "add-child" ? "Add Sub-category" : "Edit Category"), L = (t, e, n) => {
-      h.value = t, U.value = e || null, z.value = n || null, O.value = e ? s(e) : {}, k.value = !0;
-    }, Q = async (t) => {
-      const e = t?.values || t, n = [...d.value];
-      let l = null, o = null;
+    ], L = c(() => e.formSchema || Q), W = c(() => h.value === "add" ? e.modalTitleAddI18n ? l(e.modalTitleAddI18n) : e.modalTitleAdd ? e.modalTitleAdd : l("vlite.categoryManager.modalTitleAdd") !== "vlite.categoryManager.modalTitleAdd" ? l("vlite.categoryManager.modalTitleAdd") : "Add Category" : h.value === "add-child" ? e.modalTitleAddChildI18n ? l(e.modalTitleAddChildI18n) : e.modalTitleAddChild ? e.modalTitleAddChild : l("vlite.categoryManager.modalTitleAddChild") !== "vlite.categoryManager.modalTitleAddChild" ? l("vlite.categoryManager.modalTitleAddChild") : "Add Sub-category" : e.modalTitleEditI18n ? l(e.modalTitleEditI18n) : e.modalTitleEdit ? e.modalTitleEdit : l("vlite.categoryManager.modalTitleEdit") !== "vlite.categoryManager.modalTitleEdit" ? l("vlite.categoryManager.modalTitleEdit") : "Edit Category"), X = (t, o, r) => {
+      h.value = t, N.value = o || null, U.value = r || null, z.value = o ? p(o) : {}, S.value = !0;
+    }, Y = async (t) => {
+      const o = t?.values || t, r = [...s.value];
+      let i = null, a = null;
       if (h.value === "add") {
-        const r = { id: N(), children: [], ...e };
-        n.push(r), l = r, o = "onAdd";
+        const n = { id: k(), children: [], ...o };
+        r.push(n), i = n, a = "onAdd";
       } else if (h.value === "add-child") {
-        const r = { id: N(), children: [], ...e }, a = (m) => {
-          for (const i of m) {
-            if (i.id === z.value)
-              return i.children || (i.children = []), i.children.push(r), I.value.add(i.id), !0;
-            if (i.children && a(i.children)) return !0;
+        const n = { id: k(), children: [], ...o }, u = (f) => {
+          for (const d of f) {
+            if (d.id === U.value)
+              return d.children || (d.children = []), d.children.push(n), w.value.add(d.id), !0;
+            if (d.children && u(d.children)) return !0;
           }
           return !1;
         };
-        a(n), l = r, o = "onAdd";
-      } else if (h.value === "edit" && U.value) {
-        const r = U.value.id, a = (m) => {
-          const i = m.findIndex((C) => C.id === r);
-          if (i > -1)
-            return m[i] = { ...m[i], ...e }, l = m[i], !0;
-          for (const C of m)
-            if (C.children && a(C.children)) return !0;
+        u(r), i = n, a = "onAdd";
+      } else if (h.value === "edit" && N.value) {
+        const n = N.value.id, u = (f) => {
+          const d = f.findIndex((D) => D.id === n);
+          if (d > -1)
+            return f[d] = { ...f[d], ...o }, i = f[d], !0;
+          for (const D of f)
+            if (D.children && u(D.children)) return !0;
           return !1;
         };
-        a(n), o = "onEdit";
+        u(r), a = "onEdit";
       }
-      p(n), l && (o === "onAdd" ? c("onAdd", s(l)) : o === "onEdit" && c("onEdit", s(l))), d.value = n, y(), t && typeof t.setSubmitting == "function" && t.setSubmitting(!1), k.value = !1;
-    }, W = (t) => {
-      const e = t.id, n = (o) => {
-        const r = o.findIndex((a) => a.id === e);
-        if (r > -1)
-          return o.splice(r, 1), !0;
-        for (const a of o)
-          if (a.children && n(a.children)) return !0;
+      v(r), i && (a === "onAdd" ? m("onAdd", p(i)) : a === "onEdit" && m("onEdit", p(i))), s.value = r, x(), t && typeof t.setSubmitting == "function" && t.setSubmitting(!1), S.value = !1;
+    }, Z = (t) => {
+      const o = t.id, r = (a) => {
+        const n = a.findIndex((u) => u.id === o);
+        if (n > -1)
+          return a.splice(n, 1), !0;
+        for (const u of a)
+          if (u.children && r(u.children)) return !0;
         return !1;
-      }, l = [...d.value];
-      n(l), p(l), d.value = l, c("onDelete", s(t)), y();
-    }, X = (t) => {
-      c("onEdit", s(t)), y();
-    }, Y = (t) => {
-      d.value = [...t], y();
-    }, Z = () => {
-      y();
+      }, i = [...s.value];
+      r(i), v(i), s.value = i, m("onDelete", p(t)), x();
     }, ee = (t) => {
-      p(d.value);
-      const e = s(d.value);
-      c("update:modelValue", e);
-      let n = null;
-      const l = (o) => {
-        for (const r of o) {
-          if (String(r.id) === String(t))
-            return n = r, !0;
-          if (r.children && l(r.children)) return !0;
+      m("onEdit", p(t)), x();
+    }, te = (t) => {
+      s.value = [...t], x();
+    }, oe = () => {
+      x();
+    }, le = (t) => {
+      v(s.value);
+      const o = p(s.value);
+      m("update:modelValue", o);
+      let r = null;
+      const i = (a) => {
+        for (const n of a) {
+          if (String(n.id) === String(t))
+            return r = n, !0;
+          if (n.children && i(n.children)) return !0;
         }
         return !1;
       };
-      l(e), n && c("onReorder", {
-        id: n.id,
-        parentId: n.parentId ?? null,
-        position: n.position ?? 0
+      i(o), r && m("onReorder", {
+        id: r.id,
+        parentId: r.parentId ?? null,
+        position: r.position ?? 0
       });
-    };
-    oe("categoryManager", {
-      expandedIds: I,
-      inlineState: u,
+    }, re = c(() => {
+      if (e.emptyTitleI18n) {
+        const o = l(e.emptyTitleI18n);
+        if (o !== e.emptyTitleI18n) return o;
+      }
+      if (e.emptyTitle !== "No Categories Found") return e.emptyTitle;
+      const t = l("vlite.categoryManager.emptyTitle");
+      return t !== "vlite.categoryManager.emptyTitle" ? t : e.emptyTitle;
+    }), ae = c(() => {
+      if (e.emptyDescriptionI18n) {
+        const o = l(e.emptyDescriptionI18n);
+        if (o !== e.emptyDescriptionI18n) return o;
+      }
+      if (e.emptyDescription !== "Get started by creating your first category.") return e.emptyDescription;
+      const t = l("vlite.categoryManager.emptyDescription");
+      return t !== "vlite.categoryManager.emptyDescription" ? t : e.emptyDescription;
+    }), ne = c(() => {
+      if (e.headerTitleI18n) {
+        const o = l(e.headerTitleI18n);
+        if (o !== e.headerTitleI18n) return o;
+      }
+      if (e.headerTitle) return e.headerTitle;
+      const t = l("vlite.categoryManager.headerTitle");
+      return t !== "vlite.categoryManager.headerTitle" ? t : "Categories";
+    }), ie = c(() => {
+      if (e.headerDescriptionI18n) {
+        const o = l(e.headerDescriptionI18n);
+        if (o !== e.headerDescriptionI18n) return o;
+      }
+      if (e.headerDescription) return e.headerDescription;
+      const t = l("vlite.categoryManager.headerDescription");
+      return t !== "vlite.categoryManager.headerDescription" ? t : "Manage your hierarchical structure.";
+    }), de = c(() => {
+      if (e.addCategoryTextI18n) {
+        const o = l(e.addCategoryTextI18n);
+        if (o !== e.addCategoryTextI18n) return o;
+      }
+      if (e.addCategoryText) return e.addCategoryText;
+      const t = l("vlite.categoryManager.addCategory");
+      return t !== "vlite.categoryManager.addCategory" ? t : "Add Category";
+    }), ce = c(() => {
+      if (e.createCategoryTextI18n) {
+        const o = l(e.createCategoryTextI18n);
+        if (o !== e.createCategoryTextI18n) return o;
+      }
+      if (e.createCategoryText) return e.createCategoryText;
+      const t = l("vlite.categoryManager.createCategory");
+      return t !== "vlite.categoryManager.createCategory" ? t : "Create Category";
+    }), se = c(() => {
+      if (e.newRootPlaceholderI18n) {
+        const o = l(e.newRootPlaceholderI18n);
+        if (o !== e.newRootPlaceholderI18n) return o;
+      }
+      if (e.newRootPlaceholder) return e.newRootPlaceholder;
+      const t = l("vlite.categoryManager.newRootPlaceholder");
+      return t !== "vlite.categoryManager.newRootPlaceholder" ? t : "New root category...";
+    }), ue = c(() => {
+      if (e.modalSaveTextI18n) {
+        const o = l(e.modalSaveTextI18n);
+        if (o !== e.modalSaveTextI18n) return o;
+      }
+      if (e.modalSaveText) return e.modalSaveText;
+      const t = l("vlite.categoryManager.modalSaveText");
+      return t !== "vlite.categoryManager.modalSaveText" ? t : "Save Details";
+    }), pe = c(() => {
+      if (e.newSubcategoryPlaceholderI18n) {
+        const o = l(e.newSubcategoryPlaceholderI18n);
+        if (o !== e.newSubcategoryPlaceholderI18n) return o;
+      }
+      if (e.newSubcategoryPlaceholder) return e.newSubcategoryPlaceholder;
+      const t = l("vlite.categoryManager.newSubcategoryPlaceholder");
+      return t !== "vlite.categoryManager.newSubcategoryPlaceholder" ? t : "New subcategory title...";
+    }), ge = c(() => {
+      if (e.categoryTitlePlaceholderI18n) {
+        const o = l(e.categoryTitlePlaceholderI18n);
+        if (o !== e.categoryTitlePlaceholderI18n) return o;
+      }
+      if (e.categoryTitlePlaceholder) return e.categoryTitlePlaceholder;
+      const t = l("vlite.categoryManager.categoryTitlePlaceholder");
+      return t !== "vlite.categoryManager.categoryTitlePlaceholder" ? t : "Category title...";
+    }), me = c(() => e.quickAddTooltipI18n ? l(e.quickAddTooltipI18n) : e.quickAddTooltip ? e.quickAddTooltip : l("vlite.categoryManager.quickAddTooltip") !== "vlite.categoryManager.quickAddTooltip" ? l("vlite.categoryManager.quickAddTooltip") : "Quick Add Subcategory"), fe = c(() => e.advancedDetailsTooltipI18n ? l(e.advancedDetailsTooltipI18n) : e.advancedDetailsTooltip ? e.advancedDetailsTooltip : l("vlite.categoryManager.advancedDetailsTooltip") !== "vlite.categoryManager.advancedDetailsTooltip" ? l("vlite.categoryManager.advancedDetailsTooltip") : "Advanced Details"), ye = c(() => e.deleteTooltipI18n ? l(e.deleteTooltipI18n) : e.deleteTooltip ? e.deleteTooltip : l("vlite.categoryManager.deleteTooltip") !== "vlite.categoryManager.deleteTooltip" ? l("vlite.categoryManager.deleteTooltip") : "Delete"), O = c(() => e.saveTooltipI18n ? l(e.saveTooltipI18n) : e.saveTooltip ? e.saveTooltip : l("vlite.categoryManager.saveTooltip") !== "vlite.categoryManager.saveTooltip" ? l("vlite.categoryManager.saveTooltip") : "Save"), $ = c(() => e.cancelTooltipI18n ? l(e.cancelTooltipI18n) : e.cancelTooltip ? e.cancelTooltip : l("vlite.categoryManager.cancelTooltip") !== "vlite.categoryManager.cancelTooltip" ? l("vlite.categoryManager.cancelTooltip") : "Cancel");
+    he("categoryManager", {
+      expandedIds: w,
+      inlineState: g,
       toggleExpand: K,
-      startInline: M,
-      saveInline: T,
-      cancelInline: S,
-      saveItem: X,
-      openModalForm: L,
-      deleteItem: W,
-      readonly: D(() => w.readonly),
-      size: D(() => w.size)
+      startInline: E,
+      saveInline: _,
+      cancelInline: C,
+      saveItem: ee,
+      openModalForm: X,
+      deleteItem: Z,
+      readonly: c(() => e.readonly),
+      size: c(() => e.size),
+      newSubcategoryPlaceholderText: pe,
+      categoryTitlePlaceholderText: ge,
+      quickAddTooltipText: me,
+      advancedDetailsTooltipText: fe,
+      deleteTooltipText: ye,
+      saveTooltipText: O,
+      cancelTooltipText: $
     });
-    const te = {
+    const ve = {
       mounted: (t) => {
         setTimeout(() => t.focus(), 10);
       }
     };
-    return (t, e) => (x(), V("div", fe, [
-      f("div", pe, [
-        re(t.$slots, "header", {}, () => [
-          e[6] || (e[6] = f("div", null, [
-            f("h3", { class: "text-lg font-bold text-foreground" }, "Categories"),
-            f("p", { class: "text-sm text-muted-foreground mt-0.5" }, "Manage your hierarchical structure.")
-          ], -1)),
-          b.readonly ? A("", !0) : (x(), $(E, {
+    return (t, o) => (b(), A("div", Pe, [
+      y("div", ke, [
+        Ie(t.$slots, "header", {}, () => [
+          y("div", null, [
+            y("h3", Re, M(ne.value), 1),
+            y("p", Ee, M(ie.value), 1)
+          ]),
+          R.readonly ? q("", !0) : (b(), J(P, {
             key: 0,
             variant: "primary",
             icon: "lucide:plus",
             size: "sm",
-            onClick: e[0] || (e[0] = (n) => M("add-root"))
+            onClick: o[0] || (o[0] = (r) => E("add-root"))
           }, {
-            default: _(() => [...e[5] || (e[5] = [
-              F(" Add Category ", -1)
-            ])]),
+            default: V(() => [
+              B(M(de.value), 1)
+            ]),
             _: 1
           }))
         ])
       ]),
-      d.value.length === 0 && u.value.mode !== "add-root" ? (x(), V("div", ve, [
-        f("div", he, [
-          g(ce, {
+      s.value.length === 0 && g.value.mode !== "add-root" ? (b(), A("div", _e, [
+        y("div", Ne, [
+          I(De, {
             icon: "lucide:folder-tree",
             class: "w-6 h-6 text-muted-foreground"
           })
         ]),
-        f("h4", ge, J(b.emptyTitle), 1),
-        f("p", ye, J(b.emptyDescription), 1),
-        b.readonly ? A("", !0) : (x(), $(E, {
+        y("h4", Ve, M(re.value), 1),
+        y("p", qe, M(ae.value), 1),
+        R.readonly ? q("", !0) : (b(), J(P, {
           key: 0,
           variant: "outline",
           size: "sm",
           class: "mt-5",
           icon: "lucide:plus",
-          onClick: e[1] || (e[1] = (n) => M("add-root"))
+          onClick: o[1] || (o[1] = (r) => E("add-root"))
         }, {
-          default: _(() => [...e[7] || (e[7] = [
-            F(" Create Category ", -1)
-          ])]),
+          default: V(() => [
+            B(M(ce.value), 1)
+          ]),
           _: 1
         }))
-      ])) : (x(), V("div", xe, [
-        g(ae, {
-          modelValue: d.value,
-          "onUpdate:modelValue": Y,
-          onChange: Z,
-          onDragEnd: ee
+      ])) : (b(), A("div", Ue, [
+        I(we, {
+          modelValue: s.value,
+          "onUpdate:modelValue": te,
+          onChange: oe,
+          onDragEnd: le
         }, null, 8, ["modelValue"]),
-        u.value.mode === "add-root" ? (x(), V("div", be, [
-          g(me, {
-            modelValue: u.value.icon,
-            "onUpdate:modelValue": e[2] || (e[2] = (n) => u.value.icon = n),
+        g.value.mode === "add-root" ? (b(), A("div", ze, [
+          I(Ae, {
+            modelValue: g.value.icon,
+            "onUpdate:modelValue": o[2] || (o[2] = (r) => g.value.icon = r),
             "btn-props": { variant: "ghost", size: "xs", class: "h-7 w-7 p-0 text-muted-foreground hover:text-foreground shrink-0 rounded-md" },
             position: "bottom-start"
           }, null, 8, ["modelValue"]),
-          le(f("input", {
-            "onUpdate:modelValue": e[3] || (e[3] = (n) => u.value.title = n),
+          xe(y("input", {
+            "onUpdate:modelValue": o[3] || (o[3] = (r) => g.value.title = r),
             class: "flex-1 bg-transparent border-0 outline-none focus:ring-0 px-1 py-1 text-sm transition-colors w-full shadow-none caret-primary text-foreground placeholder:text-muted-foreground",
-            placeholder: "New root category...",
+            placeholder: se.value,
             onKeyup: [
-              B(T, ["enter"]),
-              B(S, ["esc"])
+              j(_, ["enter"]),
+              j(C, ["esc"])
             ]
-          }, null, 544), [
-            [te],
-            [ie, u.value.title]
+          }, null, 40, Oe), [
+            [ve],
+            [be, g.value.title]
           ]),
-          g(E, {
+          I(P, {
             variant: "primary",
             size: "xs",
             icon: "lucide:check",
             class: "shrink-0 h-7 w-7 px-0",
-            title: "Save",
-            onClick: T
-          }),
-          g(E, {
+            title: O.value,
+            onClick: _
+          }, null, 8, ["title"]),
+          I(P, {
             variant: "ghost",
             size: "xs",
             icon: "lucide:x",
             class: "shrink-0 h-7 w-7 px-0",
-            title: "Cancel",
-            onClick: S
-          })
-        ])) : A("", !0)
+            title: $.value,
+            onClick: C
+          }, null, 8, ["title"])
+        ])) : q("", !0)
       ])),
-      g(se, {
-        show: k.value,
-        "onUpdate:show": e[4] || (e[4] = (n) => k.value = n),
-        title: H.value,
+      I(Ce, {
+        show: S.value,
+        "onUpdate:show": o[4] || (o[4] = (r) => S.value = r),
+        title: W.value,
         "max-width": "max-w-md"
       }, {
-        default: _(() => [
-          f("div", we, [
-            g(de(ue), {
-              schema: G.value,
-              values: O.value,
+        default: V(() => [
+          y("div", $e, [
+            I(Me(Se), {
+              schema: L.value,
+              values: z.value,
               isUpdate: h.value === "edit",
-              submitText: "Save Details",
-              onOnSubmit: Q
-            }, null, 8, ["schema", "values", "isUpdate"])
+              submitText: ue.value,
+              onOnSubmit: Y
+            }, null, 8, ["schema", "values", "isUpdate", "submitText"])
           ])
         ]),
         _: 1
@@ -337,5 +459,5 @@ const fe = { class: "category-manager-container w-full bg-muted/10 rounded-xl bo
   }
 });
 export {
-  Pe as default
+  ut as default
 };