vlite3 1.2.16 → 1.3.1

package/components/CategoryManager/CategoryManager.vue.js

@@ -1,463 +1,7 @@
-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 P from "../Button.vue.js";
-import { $t as l } from "../../utils/i18n.js";
-/* empty css            */
-import "vue-draggable-plus";
-/* empty css                                          */
-import "v-tooltip-lite";
-import "v-tooltip-lite/style.css";
-/* empty css                            */
-import "v-datepicker-lite";
-import "v-datepicker-lite/style.css";
-import "@jaames/iro";
-import "@vueuse/core";
-/* empty css                           */
-import Ae from "../IconPicker.vue.js";
-/* empty css                        */
-/* empty css                      */
-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"
-}, 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" }
-}, 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"
-}, Oe = ["placeholder"], $e = {
-  class: "modal-body",
-  style: { "will-change": "transform", contain: "layout style" }
-}, ut = /* @__PURE__ */ Te({
-  __name: "CategoryManager",
-  props: {
-    modelValue: { default: () => [] },
-    rawData: { default: void 0 },
-    formSchema: {},
-    readonly: { type: Boolean, default: !1 },
-    emptyTitle: { default: "No Categories Found" },
-    emptyDescription: { default: "Get started by creating your first category." },
-    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(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);
-      });
-    }, 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((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 i = (a) => {
-        a.sort((n, u) => (n.position ?? 0) - (u.position ?? 0)), a.forEach((n) => {
-          n.children && i(n.children);
-        });
-      };
-      return i(r), r;
-    };
-    F(
-      () => e.rawData,
-      (t) => {
-        if (t && t.length > 0) {
-          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 }
-    ), F(
-      () => e.modelValue,
-      (t) => {
-        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 x = () => {
-      v(s.value);
-      const t = p(s.value);
-      m("update:modelValue", t);
-    }, K = (t) => {
-      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"
-    }), E = (t, o) => {
-      g.value = {
-        mode: t,
-        targetId: t === "add-child" && o || null,
-        title: "",
-        icon: "lucide:folder"
-      }, 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")
-        n = { id: k(), title: r, icon: i, children: [] }, a.push(n);
-      else if (t === "add-child") {
-        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;
-        };
-        u(a);
-      }
-      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 } }
-    ], 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 n = { id: k(), children: [], ...o };
-        r.push(n), i = n, a = "onAdd";
-      } else if (h.value === "add-child") {
-        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;
-        };
-        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;
-        };
-        u(r), a = "onEdit";
-      }
-      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;
-      }, i = [...s.value];
-      r(i), v(i), s.value = i, m("onDelete", p(t)), x();
-    }, ee = (t) => {
-      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;
-      };
-      i(o), r && m("onReorder", {
-        id: r.id,
-        parentId: r.parentId ?? null,
-        position: r.position ?? 0
-      });
-    }, 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: 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 ve = {
-      mounted: (t) => {
-        setTimeout(() => t.focus(), 10);
-      }
-    };
-    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: o[0] || (o[0] = (r) => E("add-root"))
-          }, {
-            default: V(() => [
-              B(M(de.value), 1)
-            ]),
-            _: 1
-          }))
-        ])
-      ]),
-      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"
-          })
-        ]),
-        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: o[1] || (o[1] = (r) => E("add-root"))
-        }, {
-          default: V(() => [
-            B(M(ce.value), 1)
-          ]),
-          _: 1
-        }))
-      ])) : (b(), A("div", Ue, [
-        I(we, {
-          modelValue: s.value,
-          "onUpdate:modelValue": te,
-          onChange: oe,
-          onDragEnd: le
-        }, null, 8, ["modelValue"]),
-        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"]),
-          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: se.value,
-            onKeyup: [
-              j(_, ["enter"]),
-              j(C, ["esc"])
-            ]
-          }, null, 40, Oe), [
-            [ve],
-            [be, g.value.title]
-          ]),
-          I(P, {
-            variant: "primary",
-            size: "xs",
-            icon: "lucide:check",
-            class: "shrink-0 h-7 w-7 px-0",
-            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: $.value,
-            onClick: C
-          }, null, 8, ["title"])
-        ])) : q("", !0)
-      ])),
-      I(Ce, {
-        show: S.value,
-        "onUpdate:show": o[4] || (o[4] = (r) => S.value = r),
-        title: W.value,
-        "max-width": "max-w-md"
-      }, {
-        default: V(() => [
-          y("div", $e, [
-            I(Me(Se), {
-              schema: L.value,
-              values: z.value,
-              isUpdate: h.value === "edit",
-              submitText: ue.value,
-              onOnSubmit: Y
-            }, null, 8, ["schema", "values", "isUpdate", "submitText"])
-          ])
-        ]),
-        _: 1
-      }, 8, ["show", "title"])
-    ]));
-  }
-});
+import o from "./CategoryManager.vue2.js";
+/* empty css                     */
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ a(o, [["__scopeId", "data-v-dd34fa1d"]]);
 export {
-  ut as default
+  e as default
 };