vlite3 1.4.4 → 1.4.6

package/components/CategoryManager/CategoryManager.vue2.js

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