vlite3 1.0.8 → 1.1.1

package/components/Calendar/CalendarEventItem.vue.js

@@ -0,0 +1,111 @@
+import { defineComponent as S, ref as A, computed as c, openBlock as g, createElementBlock as y, withModifiers as x, normalizeClass as j, createElementVNode as u, toDisplayString as h, createCommentVNode as P, createVNode as z, withCtx as I } from "vue";
+import U from "../Dropdown/Dropdown.vue.js";
+import { $t as D } from "../../utils/i18n.js";
+import { formatTime as T, formatDisplayTime as b } from "v-event-calendar";
+const q = { class: "font-medium truncate leading-tight drop-shadow-sm pr-4" }, F = {
+  key: 0,
+  class: "opacity-90 font-medium text-[9px] truncate mt-0.5 tracking-tight drop-shadow-sm flex items-center gap-1"
+}, G = { class: "truncate" }, Q = /* @__PURE__ */ S({
+  __name: "CalendarEventItem",
+  props: {
+    event: {},
+    view: {},
+    displayTime: {},
+    canEdit: { type: Boolean },
+    canDelete: { type: Boolean }
+  },
+  emits: ["view", "edit", "delete"],
+  setup(v, { emit: C }) {
+    const t = v, d = C, s = A(!1), E = () => {
+      s.value = !0;
+    }, $ = (e) => {
+      e.target.closest(".event-actions") || d("view", t.event);
+    }, m = (e, n, i) => {
+      const a = i ? D(e, i) : D(e);
+      return a !== e ? a : n;
+    }, M = c(() => m("vlite.calendar.viewDetails", "View Details")), N = c(() => m("vlite.calendar.edit", "Edit")), k = c(() => m("vlite.calendar.delete", "Delete")), V = c(() => {
+      const e = [
+        {
+          label: M.value,
+          value: "view",
+          icon: "lucide:eye",
+          class: "gap-1"
+        }
+      ];
+      return t.canEdit && e.push({
+        label: N.value,
+        value: "edit",
+        icon: "lucide:edit-2",
+        class: "gap-1"
+      }), t.canDelete && e.push({
+        label: k.value,
+        value: "delete",
+        icon: "lucide:trash-2",
+        class: "gap-1"
+      }), e;
+    }), _ = (e) => {
+      const n = e.value;
+      n === "view" && d("view", t.event), n === "edit" && d("edit", t.event), n === "delete" && d("delete", t.event);
+    }, f = c(() => {
+      if (!t.event?.start) return t.displayTime || "";
+      try {
+        const e = new Date(t.event.start);
+        if (isNaN(e.getTime())) return t.displayTime || "";
+        const n = T(e), i = b(n, !1), a = (p) => {
+          let l = p.replace(/^0/, "");
+          return l = l.replace(":00 ", " "), l;
+        }, o = a(i);
+        if (t.event.end && t.event.end !== t.event.start) {
+          const p = new Date(t.event.end);
+          if (!isNaN(p.getTime())) {
+            const l = T(p), B = b(l, !1), r = a(B), w = o.slice(-2), O = r.slice(-2);
+            if (w === O && o !== r)
+              return `${o.replace(` ${w}`, "")} – ${r.replace(" ", "")}`;
+            if (o !== r)
+              return `${o.replace(" ", "")} – ${r.replace(" ", "")}`;
+          }
+        }
+        return o.replace(" ", "");
+      } catch {
+        return t.displayTime || "";
+      }
+    });
+    return (e, n) => (g(), y("div", {
+      class: j([
+        v.view == "month" ? "flex-row! justify-between p-0.5 px-0!  -text-fs-3! items-center" : " -text-fs-3",
+        "h-full w-full flex flex-col overflow-hidden relative group cursor-pointer"
+      ]),
+      onClick: $,
+      onContextmenu: x(E, ["prevent"])
+    }, [
+      u("div", q, h(v.event.title), 1),
+      f.value ? (g(), y("div", F, [
+        u("span", G, h(f.value), 1)
+      ])) : P("", !0),
+      z(U, {
+        options: V.value,
+        "is-open": s.value,
+        "onUpdate:isOpen": n[1] || (n[1] = (i) => s.value = i),
+        onOnSelect: _,
+        class: "absolute top-1 right-1",
+        position: "bottom-end"
+      }, {
+        trigger: I(() => [
+          u("button", {
+            class: "event-actions lg:opacity-0 lg:group-hover:opacity-100 opacity-100 transition-opacity p-0.5 rounded hover:bg-black/20 text-current flex items-center justify-center",
+            onClick: n[0] || (n[0] = x((i) => s.value = !s.value, ["stop", "prevent"]))
+          }, [...n[2] || (n[2] = [
+            u("span", {
+              class: "iconify w-3 h-3",
+              "data-icon": "lucide:more-vertical"
+            }, null, -1)
+          ])])
+        ]),
+        _: 1
+      }, 8, ["options", "is-open"])
+    ], 34));
+  }
+});
+export {
+  Q as default
+};

package/components/Calendar/CalendarEventItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CalendarEventItem.vue.js";
+export {
+  f as default
+};

package/components/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Calendar } from './Calendar.vue';
+export { default as CalendarEventItem } from './CalendarEventItem.vue';

package/components/CategoryManager/CategoryManager.vue.js

@@ -0,0 +1,282 @@
+import { defineComponent as Y, ref as c, watch as Z, computed as I, provide as ee, openBlock as g, createElementBlock as V, createElementVNode as u, renderSlot as te, createBlock as R, withCtx as U, createTextVNode as $, createCommentVNode as z, createVNode as f, toDisplayString as O, withDirectives as oe, withKeys as F, vModelText as ne, unref as re } from "vue";
+import le from "./CategoryNode.vue.js";
+import de from "../Modal.vue.js";
+import ie from "../Form/Form.vue.js";
+import ae from "../Icon.vue.js";
+/* empty css                  */
+import D from "../Button.vue.js";
+import "../../core/config.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 se from "../IconPicker.vue.js";
+/* empty css                        */
+/* empty css                      */
+import { getUniqueId as N } from "../../utils/functions.js";
+const ue = { class: "category-manager-container w-full bg-muted/10 rounded-xl border border-border p-4 lg:p-6" }, ce = { class: "flex items-center justify-between mb-6" }, me = {
+  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"
+}, fe = { class: "w-12 h-12 bg-muted rounded-full flex items-center justify-center mb-4" }, pe = { class: "text-base font-medium text-foreground" }, ve = { class: "text-sm text-muted-foreground mt-1 max-w-sm" }, he = {
+  key: 1,
+  class: "w-full tree-wrapper scrollable-container",
+  style: { "will-change": "transform", contain: "layout style" }
+}, ge = {
+  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"
+}, ye = {
+  class: "modal-body",
+  style: { "will-change": "transform", contain: "layout style" }
+}, je = /* @__PURE__ */ Y({
+  __name: "CategoryManager",
+  props: {
+    modelValue: { default: () => [] },
+    formSchema: {},
+    readonly: { type: Boolean, default: !1 },
+    emptyTitle: { default: "No Categories Found" },
+    emptyDescription: { default: "Get started by creating your first category." },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue", "onAdd", "onEdit", "onDelete", "onReorder"],
+  setup(y, { emit: B }) {
+    const b = y, s = B, i = c([]), x = c(/* @__PURE__ */ new Set()), w = (t) => JSON.parse(JSON.stringify(t)), A = (t) => {
+      t.forEach((e) => {
+        e.children || (e.children = []), A(e.children);
+      });
+    };
+    Z(
+      () => b.modelValue,
+      (t) => {
+        const e = JSON.stringify(t), o = JSON.stringify(i.value);
+        if (e !== o) {
+          const r = w(t);
+          A(r), i.value = r;
+        }
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const p = (t = !1) => {
+      const e = w(i.value);
+      s("update:modelValue", e), t && s("onReorder", e);
+    }, J = (t) => {
+      const e = new Set(x.value);
+      e.has(t) ? e.delete(t) : e.add(t), x.value = e;
+    }, a = c({
+      mode: null,
+      targetId: null,
+      title: "",
+      icon: "lucide:folder"
+    }), _ = (t, e) => {
+      a.value = {
+        mode: t,
+        targetId: t === "add-child" && e || null,
+        title: "",
+        icon: "lucide:folder"
+      }, t === "add-child" && e && x.value.add(e);
+    }, S = () => {
+      a.value = { mode: null, targetId: null, title: "", icon: "lucide:folder" };
+    }, T = () => {
+      const { mode: t, targetId: e, title: o, icon: r } = a.value;
+      if (!o.trim()) return;
+      const d = [...i.value];
+      if (t === "add-root") {
+        const l = { id: N(), title: o, icon: r, children: [] };
+        d.push(l), s("onAdd", l);
+      } else if (t === "add-child") {
+        const l = { id: N(), title: o, icon: r, children: [] }, n = (v) => {
+          for (const h of v) {
+            if (h.id === e)
+              return h.children || (h.children = []), h.children.push(l), !0;
+            if (h.children && n(h.children)) return !0;
+          }
+          return !1;
+        };
+        n(d), s("onAdd", l);
+      }
+      i.value = d, p(), S();
+    }, C = c(!1), m = c("add"), k = c(null), E = c(null), M = c({}), j = [
+      { name: "icon", label: "Category Icon", type: "iconPicker" },
+      { name: "title", label: "Title", type: "text", required: !0 },
+      { name: "description", label: "Description", type: "textarea", props: { rows: 3 } }
+    ], q = I(() => b.formSchema || j), K = I(() => m.value === "add" ? "Add Category" : m.value === "add-child" ? "Add Sub-category" : "Edit Category"), P = (t, e, o) => {
+      m.value = t, k.value = e || null, E.value = o || null, M.value = e ? w(e) : {}, C.value = !0;
+    }, G = async (t) => {
+      const e = t?.values || t, o = [...i.value];
+      if (m.value === "add") {
+        const r = { id: N(), children: [], ...e };
+        o.push(r), s("onAdd", r);
+      } else if (m.value === "add-child") {
+        const r = { id: N(), children: [], ...e }, d = (l) => {
+          for (const n of l) {
+            if (n.id === E.value)
+              return n.children || (n.children = []), n.children.push(r), x.value.add(n.id), !0;
+            if (n.children && d(n.children)) return !0;
+          }
+          return !1;
+        };
+        d(o), s("onAdd", r);
+      } else if (m.value === "edit" && k.value) {
+        const r = k.value.id, d = (l) => {
+          const n = l.findIndex((v) => v.id === r);
+          if (n > -1)
+            return l[n] = { ...l[n], ...e }, !0;
+          for (const v of l)
+            if (v.children && d(v.children)) return !0;
+          return !1;
+        };
+        d(o), s("onEdit", { ...k.value, ...e });
+      }
+      i.value = o, p(), t && typeof t.setSubmitting == "function" && t.setSubmitting(!1), C.value = !1;
+    }, H = (t) => {
+      const e = t.id, o = (d) => {
+        const l = d.findIndex((n) => n.id === e);
+        if (l > -1)
+          return d.splice(l, 1), !0;
+        for (const n of d)
+          if (n.children && o(n.children)) return !0;
+        return !1;
+      }, r = [...i.value];
+      o(r), i.value = r, s("onDelete", t), p();
+    }, L = (t) => {
+      s("onEdit", w(t)), p();
+    }, Q = (t) => {
+      i.value = [...t], p(!0);
+    }, W = () => {
+      p(!0);
+    };
+    ee("categoryManager", {
+      expandedIds: x,
+      inlineState: a,
+      toggleExpand: J,
+      startInline: _,
+      saveInline: T,
+      cancelInline: S,
+      saveItem: L,
+      openModalForm: P,
+      deleteItem: H,
+      readonly: I(() => b.readonly),
+      size: I(() => b.size)
+    });
+    const X = {
+      mounted: (t) => {
+        setTimeout(() => t.focus(), 10);
+      }
+    };
+    return (t, e) => (g(), V("div", ue, [
+      u("div", ce, [
+        te(t.$slots, "header", {}, () => [
+          e[6] || (e[6] = u("div", null, [
+            u("h3", { class: "text-lg font-bold text-foreground" }, "Categories"),
+            u("p", { class: "text-sm text-muted-foreground mt-0.5" }, "Manage your hierarchical structure.")
+          ], -1)),
+          y.readonly ? z("", !0) : (g(), R(D, {
+            key: 0,
+            variant: "primary",
+            icon: "lucide:plus",
+            size: "sm",
+            onClick: e[0] || (e[0] = (o) => _("add-root"))
+          }, {
+            default: U(() => [...e[5] || (e[5] = [
+              $(" Add Category ", -1)
+            ])]),
+            _: 1
+          }))
+        ])
+      ]),
+      i.value.length === 0 && a.value.mode !== "add-root" ? (g(), V("div", me, [
+        u("div", fe, [
+          f(ae, {
+            icon: "lucide:folder-tree",
+            class: "w-6 h-6 text-muted-foreground"
+          })
+        ]),
+        u("h4", pe, O(y.emptyTitle), 1),
+        u("p", ve, O(y.emptyDescription), 1),
+        y.readonly ? z("", !0) : (g(), R(D, {
+          key: 0,
+          variant: "outline",
+          size: "sm",
+          class: "mt-5",
+          icon: "lucide:plus",
+          onClick: e[1] || (e[1] = (o) => _("add-root"))
+        }, {
+          default: U(() => [...e[7] || (e[7] = [
+            $(" Create Category ", -1)
+          ])]),
+          _: 1
+        }))
+      ])) : (g(), V("div", he, [
+        f(le, {
+          modelValue: i.value,
+          "onUpdate:modelValue": Q,
+          onChange: W
+        }, null, 8, ["modelValue"]),
+        a.value.mode === "add-root" ? (g(), V("div", ge, [
+          f(se, {
+            modelValue: a.value.icon,
+            "onUpdate:modelValue": e[2] || (e[2] = (o) => a.value.icon = o),
+            "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"]),
+          oe(u("input", {
+            "onUpdate:modelValue": e[3] || (e[3] = (o) => a.value.title = o),
+            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...",
+            onKeyup: [
+              F(T, ["enter"]),
+              F(S, ["esc"])
+            ]
+          }, null, 544), [
+            [X],
+            [ne, a.value.title]
+          ]),
+          f(D, {
+            variant: "primary",
+            size: "xs",
+            icon: "lucide:check",
+            class: "shrink-0 h-7 w-7 px-0",
+            title: "Save",
+            onClick: T
+          }),
+          f(D, {
+            variant: "ghost",
+            size: "xs",
+            icon: "lucide:x",
+            class: "shrink-0 h-7 w-7 px-0",
+            title: "Cancel",
+            onClick: S
+          })
+        ])) : z("", !0)
+      ])),
+      f(de, {
+        show: C.value,
+        "onUpdate:show": e[4] || (e[4] = (o) => C.value = o),
+        title: K.value,
+        "max-width": "max-w-md"
+      }, {
+        default: U(() => [
+          u("div", ye, [
+            f(re(ie), {
+              schema: q.value,
+              values: M.value,
+              isUpdate: m.value === "edit",
+              submitText: "Save Details",
+              onOnSubmit: G
+            }, null, 8, ["schema", "values", "isUpdate"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["show", "title"])
+    ]));
+  }
+});
+export {
+  je as default
+};

package/components/CategoryManager/CategoryManager.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CategoryManager.vue.js";
+export {
+  f as default
+};

package/components/CategoryManager/CategoryNode.vue.js

@@ -0,0 +1,224 @@
+import { defineComponent as F, inject as K, computed as p, resolveComponent as R, openBlock as r, createBlock as x, unref as l, withCtx as T, createElementBlock as s, Fragment as A, renderList as L, isMemoSame as O, createElementVNode as f, normalizeClass as u, createVNode as i, createCommentVNode as c, withDirectives as k, withModifiers as P, withKeys as w, vModelText as U, toDisplayString as Q, vShow as q } from "vue";
+import { VueDraggable as G } from "vue-draggable-plus";
+import C from "../Icon.vue.js";
+import g from "../Button.vue.js";
+import N from "../IconPicker.vue.js";
+const H = { class: "flex items-center gap-px overflow-hidden flex-1" }, J = ["onClick"], W = { class: "flex items-center gap-1.5 overflow-hidden flex-1 w-full" }, X = {
+  key: 0,
+  class: "drag-handle cursor-grab active:cursor-grabbing text-muted hover:text-foreground transition-colors p-0.5 shrink-0"
+}, Y = ["onUpdate:modelValue", "onChange"], Z = {
+  key: 0,
+  class: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0 bg-background/80 px-1 rounded ml-2"
+}, ee = {
+  key: 0,
+  class: "ml-6 pl-3 border-l border-border mt-1.5 flex flex-col relative"
+}, te = {
+  key: 1,
+  class: "flex items-center gap-1.5 py-1.5 px-2 bg-background border border-border shadow-sm rounded-lg w-full mb-1.5"
+}, de = /* @__PURE__ */ F({
+  __name: "CategoryNode",
+  props: {
+    modelValue: {},
+    level: { default: 0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(V, { emit: D }) {
+    const S = V, y = D, t = K("categoryManager"), b = p({
+      get: () => S.modelValue,
+      set: (d) => y("update:modelValue", d)
+    }), M = (d, n) => {
+      n.children = d, y("change");
+    }, I = () => y("change"), v = p(() => t?.readonly.value || !1), a = p(() => t?.size.value || "md"), j = p(() => a.value === "sm" ? "p-1 md:p-1.5" : a.value === "lg" ? "p-2 md:p-2.5" : "py-1.5 px-2"), $ = p(() => {
+      const n = S.level === 0 ? "font-semibold" : "font-medium";
+      return a.value === "sm" ? `text-xs ${n} text-foreground` : a.value === "lg" ? `-text-fs-1 ${n} text-foreground` : `text-sm ${n} text-foreground`;
+    }), m = p(() => a.value === "sm" ? "w-3.5 h-3.5" : a.value === "lg" ? "w-4.5 h-4.5" : "w-4 h-4"), B = {
+      mounted: (d) => {
+        setTimeout(() => d.focus(), 10);
+      }
+    };
+    return (d, n) => {
+      const E = R("CategoryNode", !0);
+      return r(), x(l(G), {
+        modelValue: b.value,
+        "onUpdate:modelValue": n[10] || (n[10] = (e) => b.value = e),
+        group: "category-manager",
+        animation: 150,
+        handle: ".drag-handle",
+        "ghost-class": "opacity-50",
+        disabled: v.value,
+        class: "min-h-[2px]",
+        onChange: I
+      }, {
+        default: T(() => [
+          (r(!0), s(A, null, L(b.value, (e, ne, le, h) => {
+            const _ = [
+              e.id,
+              e.title,
+              e.icon,
+              e.children?.length,
+              l(t)?.expandedIds.value.has(e.id),
+              l(t)?.inlineState.value.targetId === e.id,
+              l(t)?.inlineState.value.mode,
+              v.value,
+              a.value
+            ];
+            if (h && h.key === e.id && O(h, _)) return h;
+            const z = (r(), s("div", {
+              key: e.id,
+              class: "mb-1.5 flex flex-col"
+            }, [
+              f("div", {
+                class: u([
+                  "group flex items-center justify-between rounded-lg transition-colors bg-body! border border-border ",
+                  j.value
+                ])
+              }, [
+                f("div", H, [
+                  e.children && e.children.length > 0 ? (r(), s("button", {
+                    key: 0,
+                    onClick: (o) => l(t)?.toggleExpand(e.id),
+                    class: u([
+                      "flex items-center justify-center shrink-0 text-muted-foreground hover:bg-muted rounded transition-colors",
+                      a.value === "sm" ? "w-4 h-4" : a.value === "lg" ? "w-6 h-6" : "w-6.5 h-6.5"
+                    ])
+                  }, [
+                    i(C, {
+                      icon: l(t)?.expandedIds.value.has(e.id) ? "lucide:chevron-down" : "lucide:chevron-right",
+                      class: u(m.value)
+                    }, null, 8, ["icon", "class"])
+                  ], 10, J)) : c("", !0),
+                  f("div", W, [
+                    v.value ? c("", !0) : (r(), s("div", X, [
+                      i(C, {
+                        icon: "lucide:grip-vertical",
+                        class: u(m.value)
+                      }, null, 8, ["class"])
+                    ])),
+                    v.value ? e.icon ? (r(), x(C, {
+                      key: 2,
+                      icon: e.icon,
+                      class: u([m.value, "shrink-0 text-muted-foreground"])
+                    }, null, 8, ["icon", "class"])) : c("", !0) : (r(), x(N, {
+                      key: 1,
+                      value: e.icon,
+                      "btn-props": {
+                        variant: "ghost",
+                        size: "xs",
+                        iconClass: m.value,
+                        class: (a.value === "sm" ? "h-5 w-5" : a.value === "lg" ? "h-7 w-7" : "h-6 w-6") + " -ml-0.5! p-0 text-muted-foreground hover:text-foreground shrink-0 rounded-md"
+                      },
+                      position: "bottom-start",
+                      onOnSelect: (o) => {
+                        console.log("IconPicker value :>> ", o), e.icon = o, l(t)?.saveItem(e);
+                      }
+                    }, null, 8, ["value", "btn-props", "onOnSelect"])),
+                    v.value ? (r(), s("span", {
+                      key: 4,
+                      class: u(["truncate", $.value])
+                    }, Q(e.title), 3)) : k((r(), s("input", {
+                      key: 3,
+                      "onUpdate:modelValue": (o) => e.title = o,
+                      class: u([
+                        "bg-transparent border-0 outline-none focus:ring-0 px-1 py-0.5 -ml-1 transition-colors w-full truncate cursor-text min-w-0 shadow-none caret-primary",
+                        $.value
+                      ]),
+                      placeholder: "Category title...",
+                      onChange: (o) => l(t)?.saveItem(e),
+                      onKeyup: n[0] || (n[0] = w((o) => o.target.blur(), ["enter"])),
+                      onClick: n[1] || (n[1] = P(() => {
+                      }, ["stop"]))
+                    }, null, 42, Y)), [
+                      [U, e.title]
+                    ])
+                  ])
+                ]),
+                v.value ? c("", !0) : (r(), s("div", Z, [
+                  i(g, {
+                    variant: "ghost",
+                    size: "xs",
+                    icon: "lucide:plus",
+                    title: "Quick Add Subcategory",
+                    class: "h-7 w-7 px-0 text-muted-foreground hover:text-primary",
+                    onClick: (o) => l(t)?.startInline("add-child", e.id)
+                  }, null, 8, ["onClick"]),
+                  i(g, {
+                    variant: "ghost",
+                    size: "xs",
+                    icon: "lucide:settings",
+                    title: "Advanced Details",
+                    class: "h-7 w-7 px-0 text-muted-foreground hover:text-primary",
+                    onClick: (o) => l(t)?.openModalForm("edit", e)
+                  }, null, 8, ["onClick"]),
+                  i(g, {
+                    variant: "ghost",
+                    size: "xs",
+                    icon: "lucide:trash-2",
+                    title: "Delete",
+                    class: "h-7 w-7 px-0 text-muted-foreground hover:text-destructive hover:bg-destructive/10",
+                    onClick: (o) => l(t)?.deleteItem(e)
+                  }, null, 8, ["onClick"])
+                ]))
+              ], 2),
+              e.children && e.children.length > 0 || l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? k((r(), s("div", ee, [
+                e.children && e.children.length > 0 ? (r(), x(E, {
+                  key: 0,
+                  modelValue: e.children,
+                  "onUpdate:modelValue": (o) => M(o, e),
+                  level: V.level + 1,
+                  onChange: I
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "level"])) : c("", !0),
+                l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? (r(), s("div", te, [
+                  i(N, {
+                    modelValue: l(t).inlineState.value.icon,
+                    "onUpdate:modelValue": n[2] || (n[2] = (o) => l(t).inlineState.value.icon = o),
+                    "btn-props": {
+                      variant: "ghost",
+                      size: "xs",
+                      class: "h-6 w-6 p-0 text-muted-foreground hover:text-foreground shrink-0 rounded-md"
+                    },
+                    position: "bottom-start"
+                  }, null, 8, ["modelValue"]),
+                  k(f("input", {
+                    "onUpdate:modelValue": n[3] || (n[3] = (o) => l(t).inlineState.value.title = o),
+                    class: "flex-1 bg-transparent border-0 outline-none focus:ring-0 px-1 py-0.5 text-sm transition-colors w-full shadow-none caret-primary text-foreground placeholder:text-muted-foreground",
+                    placeholder: "New subcategory title...",
+                    onKeyup: [
+                      n[4] || (n[4] = w((o) => l(t).saveInline(), ["enter"])),
+                      n[5] || (n[5] = w((o) => l(t).cancelInline(), ["esc"]))
+                    ]
+                  }, null, 544), [
+                    [B],
+                    [U, l(t).inlineState.value.title]
+                  ]),
+                  i(g, {
+                    variant: "primary",
+                    size: "xs",
+                    icon: "lucide:check",
+                    class: "shrink-0 h-6 w-6 px-0",
+                    title: "Save",
+                    onClick: n[6] || (n[6] = (o) => l(t).saveInline())
+                  }),
+                  i(g, {
+                    variant: "ghost",
+                    size: "xs",
+                    icon: "lucide:x",
+                    class: "shrink-0 h-6 w-6 px-0",
+                    title: "Cancel",
+                    onClick: n[7] || (n[7] = (o) => l(t).cancelInline())
+                  })
+                ])) : c("", !0)
+              ], 512)), [
+                [q, l(t)?.expandedIds.value.has(e.id)]
+              ]) : c("", !0)
+            ]));
+            return z.memo = _, z;
+          }, n, 8), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled"]);
+    };
+  }
+});
+export {
+  de as default
+};

package/components/CategoryManager/CategoryNode.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CategoryNode.vue.js";
+export {
+  f as default
+};