vlite3 1.4.31 → 1.4.33

package/components/Accordion/Accordion.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, shallowRef as y, watch as u, computed as b, openBlock as f, createElementBlock as m, normalizeClass as z, renderSlot as s, Fragment as B, renderList as $, withMemo as k, createVNode as x, createSlots as M, withCtx as v, mergeProps as g } from "vue";
+import { defineComponent as I, shallowRef as y, watch as r, computed as b, openBlock as f, createElementBlock as m, normalizeClass as z, renderSlot as o, Fragment as B, renderList as $, withMemo as k, createVNode as x, createSlots as M, withCtx as v, mergeProps as g } from "vue";
 import A from "./AccordionItem.vue.js";
-const E = /* @__PURE__ */ C({
+const E = /* @__PURE__ */ I({
   __name: "Accordion",
   props: {
     modelValue: {},
@@ -24,35 +24,35 @@ const E = /* @__PURE__ */ C({
   emits: ["update:modelValue", "change"],
   setup(a, { emit: h }) {
     const l = a, c = h, t = y([]), d = (e) => Array.isArray(e) ? e : typeof e == "string" && e ? [e] : [];
-    u(
+    r(
       () => l.modelValue,
       (e) => {
         t.value = d(e);
       },
       { immediate: !0 }
-    ), u(
+    ), r(
       () => l.defaultValue,
       (e) => {
         !l.modelValue && e && (t.value = d(e));
       },
       { immediate: !0 }
     );
-    const r = (e) => {
+    const u = (e) => {
       if (l.disabled) return;
       const i = t.value.includes(e);
       l.allowMultiple ? i ? t.value = t.value.filter((n) => n !== e) : t.value = [...t.value, e] : i ? t.value = [] : t.value = [e], V();
     }, V = () => {
       const e = l.allowMultiple ? t.value : t.value[0] || "";
       c("update:modelValue", e), c("change", e);
-    }, w = b(() => {
+    }, C = b(() => {
       const e = ["w-full", l.class];
       return l.attached && (e.push("rounded-lg overflow-hidden"), (l.variant === "outline" || l.variant === "default" || l.variant === "solid") && e.push("border")), e.join(" ");
     });
     return (e, i) => (f(), m("div", {
-      class: z(w.value)
+      class: z(C.value)
     }, [
-      s(e.$slots, "default", {}, () => [
-        (f(!0), m(B, null, $(a.items, (n, I) => k([
+      o(e.$slots, "default", {}, () => [
+        (f(!0), m(B, null, $(a.items, (n, w) => k([
           n,
           t.value.includes(n.id),
           a.variant,
@@ -63,7 +63,10 @@ const E = /* @__PURE__ */ C({
           a.openIcon,
           a.closeIcon,
           a.iconVariant,
-          a.activeIconVariant
+          a.activeIconVariant,
+          a.triggerClass,
+          a.contentClass,
+          a.itemClass
         ], () => x(A, {
           item: n,
           "is-open": t.value.includes(n.id),
@@ -71,7 +74,7 @@ const E = /* @__PURE__ */ C({
           size: a.size,
           attached: a.attached,
           disabled: a.disabled,
-          index: I + 1,
+          index: w + 1,
           "show-index": a.showIndex,
           "open-icon": a.openIcon,
           "close-icon": a.closeIcon,
@@ -80,19 +83,19 @@ const E = /* @__PURE__ */ C({
           "trigger-class": a.triggerClass,
           "content-class": a.contentClass,
           "item-class": a.itemClass,
-          onToggle: r
+          onToggle: u
         }, M({ _: 2 }, [
           e.$slots.trigger ? {
             name: "trigger",
-            fn: v((o) => [
-              s(e.$slots, "trigger", g({ ref_for: !0 }, o))
+            fn: v((s) => [
+              o(e.$slots, "trigger", g({ ref_for: !0 }, s))
             ]),
             key: "0"
           } : void 0,
           e.$slots.content ? {
             name: "content",
-            fn: v((o) => [
-              s(e.$slots, "content", g({ ref_for: !0 }, o, { close: r }))
+            fn: v((s) => [
+              o(e.$slots, "content", g({ ref_for: !0 }, s, { close: u }))
             ]),
             key: "1"
           } : void 0

package/components/Accordion/AccordionContent.vue.js

@@ -1,7 +1,7 @@
 import o from "./AccordionContent.vue2.js";
 /* empty css                      */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0075dffb"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d1f2e7f8"]]);
 export {
-  m as default
+  e as default
 };

package/components/Accordion/AccordionItem.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as B, computed as r, openBlock as c, createElementBlock as m, normalizeClass as u, renderSlot as f, createVNode as p, withCtx as x, createElementVNode as V, toDisplayString as v, createCommentVNode as $, withDirectives as O, createBlock as T, resolveDynamicComponent as A, vShow as D } from "vue";
-import P from "./AccordionTrigger.vue.js";
-import N from "./AccordionContent.vue.js";
-import { $t as h } from "../../utils/i18n.js";
-const S = { class: "font-medium" }, E = {
+import { defineComponent as V, computed as d, markRaw as O, openBlock as c, createElementBlock as m, normalizeClass as u, renderSlot as p, createVNode as v, withCtx as x, createElementVNode as T, toDisplayString as $, createCommentVNode as h, withDirectives as A, createBlock as D, resolveDynamicComponent as P, vShow as N } from "vue";
+import S from "./AccordionTrigger.vue.js";
+import E from "./AccordionContent.vue.js";
+import { $t as C } from "../../utils/i18n.js";
+const H = { class: "font-medium" }, L = {
   key: 0,
   class: "ml-2 text-sm text-muted-foreground font-normal"
-}, H = ["innerHTML"], G = /* @__PURE__ */ B({
+}, M = ["innerHTML"], J = /* @__PURE__ */ V({
   __name: "AccordionItem",
   props: {
     item: {},
@@ -26,49 +26,51 @@ const S = { class: "font-medium" }, E = {
     class: { default: "" }
   },
   emits: ["toggle"],
-  setup(e, { emit: C }) {
-    const n = e, y = C, l = () => {
-      n.item.disabled || n.disabled || y("toggle", n.item.id);
-    }, I = r(() => {
-      const { variant: t, attached: a } = n;
-      return a ? "transition-all first:rounded-t-lg last:rounded-b-lg border-b last:border-0" : t === "solid" ? "mb-2 border rounded-lg overflow-hidden transition-all duration-200" : t === "outline" ? "border mb-2 rounded-lg overflow-hidden" : t === "separated" ? "border mb-4 rounded-lg overflow-hidden" : t === "ghost" ? "border-none bg-transparent mb-1 rounded-lg overflow-hidden" : "border-b";
-    }), g = r(() => {
-      const { variant: t, size: a, isOpen: d } = n, i = n.triggerClass || "", o = "transition-all duration-200 ease-in-out", s = {
+  setup(e, { emit: y }) {
+    const t = e, w = y, l = () => {
+      t.item.disabled || t.disabled || w("toggle", t.item.id);
+    }, I = d(() => {
+      const { variant: n, attached: a } = t;
+      return a ? "transition-all first:rounded-t-lg last:rounded-b-lg border-b last:border-0" : n === "solid" ? "mb-2 border rounded-lg overflow-hidden transition-all duration-200" : n === "outline" ? "border mb-2 rounded-lg overflow-hidden" : n === "separated" ? "border mb-4 rounded-lg overflow-hidden" : n === "ghost" ? "border-none bg-transparent mb-1 rounded-lg overflow-hidden" : "border-b";
+    }), g = d(() => {
+      const { variant: n, size: a, isOpen: r } = t, o = t.triggerClass || "", i = "transition-all duration-200 ease-in-out", s = {
         sm: "px-3.5 py-2.5 text-sm",
         md: "px-4 py-3 text-base",
         lg: "px-5 py-4 text-lg"
       }[a];
-      return t === "solid" ? `${i} ${s} bg-card ${o}` : t === "ghost" ? d ? `${i} ${s} bg-muted font-medium ${o}` : `${i} ${s} hover:bg-muted/20 bg-transparent ${o}` : t === "outline" || t === "separated" ? d ? `${i} ${s} bg-muted/5 border-b border-border ${o}` : `${i} ${s} hover:bg-muted/5 bg-transparent ${o}` : !n.attached && t === "default" ? `${i} ${{
+      return n === "solid" ? `${o} ${s} bg-card ${i}` : n === "ghost" ? r ? `${o} ${s} bg-muted font-medium ${i}` : `${o} ${s} hover:bg-muted/20 bg-transparent ${i}` : n === "outline" || n === "separated" ? r ? `${o} ${s} bg-muted/5 border-b border-border ${i}` : `${o} ${s} hover:bg-muted/5 bg-transparent ${i}` : !t.attached && n === "default" ? `${o} ${{
         sm: "py-2 text-base",
         md: "py-3 text-base",
         lg: "py-4 text-lg"
-      }[a]} px-0 hover:no-underline ${o}` : `${i} ${s} hover:bg-muted/5 ${o}`;
-    }), w = r(() => {
-      const { variant: t, size: a, attached: d } = n, i = n.contentClass || "", o = {
+      }[a]} px-0 hover:no-underline ${i}` : `${o} ${s} hover:bg-muted/5 ${i}`;
+    }), k = d(() => {
+      const { variant: n, size: a, attached: r } = t, o = t.contentClass || "", i = {
         sm: "px-3.5 pb-3.5 pt-2.5 text-sm",
         md: "px-4 pb-4 pt-4 text-sm",
         lg: "px-5 pb-5 pt-5 text-base"
       };
-      return t === "solid" || t === "outline" || t === "separated" || t === "ghost" || d ? `${i} ${o[a]}` : `${i} ${{
+      return n === "solid" || n === "outline" || n === "separated" || n === "ghost" || r ? `${o} ${i[a]}` : `${o} ${{
         sm: "pb-3.5 pt-2.5 text-sm",
         md: "pb-4 pt-4 text-sm",
         lg: "pb-5 pt-5 text-base"
       }[a]} px-0`;
-    }), k = r(
-      () => n.item.titleI18n ? h(n.item.titleI18n) : n.item.title
-    ), b = r(
-      () => n.item.descriptionI18n ? h(n.item.descriptionI18n) : n.item.description
+    }), B = d(
+      () => t.item.titleI18n ? C(t.item.titleI18n) : t.item.title
+    ), b = d(
+      () => t.item.descriptionI18n ? C(t.item.descriptionI18n) : t.item.description
+    ), f = d(
+      () => t.item.bodyComponent ? O(t.item.bodyComponent) : null
     );
-    return (t, a) => (c(), m("div", {
-      class: u([I.value, n.class, n.itemClass])
+    return (n, a) => (c(), m("div", {
+      class: u([I.value, t.class, t.itemClass])
     }, [
-      f(t.$slots, "trigger", {
+      p(n.$slots, "trigger", {
         item: e.item,
         open: e.isOpen,
         toggle: l,
         triggerClass: g.value
       }, () => [
-        p(P, {
+        v(S, {
           open: e.isOpen,
           size: e.size,
           disabled: e.item.disabled || e.disabled,
@@ -83,21 +85,21 @@ const S = { class: "font-medium" }, E = {
           onClick: l
         }, {
           default: x(() => [
-            V("span", S, v(k.value), 1),
-            b.value ? (c(), m("span", E, v(b.value), 1)) : $("", !0)
+            T("span", H, $(B.value), 1),
+            b.value ? (c(), m("span", L, $(b.value), 1)) : h("", !0)
           ]),
           _: 1
         }, 8, ["open", "size", "disabled", "icon", "index", "show-index", "open-icon", "close-icon", "icon-variant", "active-icon-variant", "class"])
       ]),
-      O(p(N, {
-        class: u(w.value)
+      A(v(E, {
+        class: u(k.value)
       }, {
         default: x(() => [
-          f(t.$slots, "content", {
+          p(n.$slots, "content", {
             item: e.item,
             close: l
           }, () => [
-            e.item.bodyComponent ? (c(), T(A(e.item.bodyComponent), {
+            f.value ? (c(), D(P(f.value), {
               key: 0,
               item: e.item,
               close: l
@@ -105,16 +107,16 @@ const S = { class: "font-medium" }, E = {
               key: 1,
               class: "text-muted-foreground leading-relaxed",
               innerHTML: e.item.content
-            }, null, 8, H)) : $("", !0)
+            }, null, 8, M)) : h("", !0)
           ])
         ]),
         _: 3
       }, 8, ["class"]), [
-        [D, e.isOpen]
+        [N, e.isOpen]
       ])
     ], 2));
   }
 });
 export {
-  G as default
+  J as default
 };

package/components/CategoryManager/CategoryManager.vue2.js

@@ -18,9 +18,10 @@ import "v-datepicker-lite/style.css";
 /* empty css                      */
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import qe from "../IconPicker.vue.js";
 /* empty css                                 */
+/* empty css                         */
 /* empty css                 */
 /* empty css                                         */
 /* empty css                                    */
@@ -46,7 +47,7 @@ const Ue = { 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" }, kt = /* @__PURE__ */ Me({
+}, We = { class: "flex items-center gap-2 text-sm text-muted-foreground" }, Pt = /* @__PURE__ */ Me({
   __name: "CategoryManager",
   props: {
     modelValue: { default: () => [] },
@@ -495,5 +496,5 @@ const Ue = { class: "flex items-center justify-between mb-6" }, Oe = { class: "t
   }
 });
 export {
-  kt as default
+  Pt as default
 };

package/components/CategoryManager/CategoryNode.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as A, inject as B, computed as g, resolveComponent as F, openBlock as a, createBlock as f, unref as l, withCtx as K, createElementBlock as d, Fragment as R, renderList as L, isMemoSame as O, createElementVNode as y, normalizeClass as u, createVNode as s, createCommentVNode as c, withDirectives as k, withModifiers as q, withKeys as w, vModelText as _, toDisplayString as Q, vShow as G } from "vue";
+import { defineComponent as B, inject as F, computed as g, resolveComponent as K, openBlock as a, createBlock as f, unref as l, withCtx as P, createElementBlock as i, Fragment as R, renderList as L, isMemoSame as O, createElementVNode as y, normalizeClass as u, createVNode as s, createCommentVNode as c, withDirectives as k, withModifiers as q, withKeys as w, vModelText as _, toDisplayString as Q, vShow as G } from "vue";
 import { VueDraggable as H } from "vue-draggable-plus";
 import C from "../Icon.vue.js";
 import m from "../Button.vue.js";
@@ -15,7 +15,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
 }, le = {
   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"
-}, ne = ["placeholder"], ce = /* @__PURE__ */ A({
+}, ne = ["placeholder"], ce = /* @__PURE__ */ B({
   __name: "CategoryNode",
   props: {
     modelValue: {},
@@ -23,24 +23,24 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
   },
   emits: ["update:modelValue", "change", "dragEnd"],
   setup(V, { emit: E }) {
-    const S = V, p = E, t = B("categoryManager"), b = g({
+    const S = V, p = E, t = F("categoryManager"), b = g({
       get: () => S.modelValue,
-      set: (i) => p("update:modelValue", i)
-    }), D = (i, n) => {
-      n.children = i, p("change");
-    }, U = () => p("change"), N = (i) => {
-      const n = i.item?.dataset?.id;
+      set: (d) => p("update:modelValue", d)
+    }), D = (d, n) => {
+      n.children = d, p("change");
+    }, U = () => p("change"), N = (d) => {
+      const n = d.item?.dataset?.id;
       n && p("dragEnd", n);
-    }, v = g(() => t?.readonly.value || !1), r = g(() => t?.size.value || "md"), M = g(() => r.value === "sm" ? "p-1 md:p-1.5" : r.value === "lg" ? "p-2 md:p-2.5" : "py-1.5 px-2"), I = g(() => {
+    }, v = g(() => t?.readonly.value || !1), r = g(() => t?.size.value || "md"), M = g(() => r.value === "sm" ? "p-1 md:p-1.5" : r.value === "lg" ? "p-2 md:p-2.5" : "py-1.5 px-2"), T = g(() => {
       const n = S.level === 0 ? "font-semibold" : "font-medium";
       return r.value === "sm" ? `text-xs ${n} text-foreground` : r.value === "lg" ? `-text-fs-1 ${n} text-foreground` : `text-sm ${n} text-foreground`;
     }), h = g(() => r.value === "sm" ? "w-3.5 h-3.5" : r.value === "lg" ? "w-4.5 h-4.5" : "w-4 h-4"), j = {
-      mounted: (i) => {
-        setTimeout(() => i.focus(), 10);
+      mounted: (d) => {
+        setTimeout(() => d.focus(), 10);
       }
     };
-    return (i, n) => {
-      const P = F("CategoryNode", !0);
+    return (d, n) => {
+      const A = K("CategoryNode", !0);
       return a(), f(l(H), {
         modelValue: b.value,
         "onUpdate:modelValue": n[11] || (n[11] = (e) => b.value = e),
@@ -52,9 +52,9 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
         class: "min-h-[2px]",
         onEnd: N
       }, {
-        default: K(() => [
-          (a(!0), d(R, null, L(b.value, (e, oe, ae, x) => {
-            const T = [
+        default: P(() => [
+          (a(!0), i(R, null, L(b.value, (e, oe, ae, x) => {
+            const I = [
               e.id,
               e.title,
               e.icon,
@@ -65,8 +65,8 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
               v.value,
               r.value
             ];
-            if (x && x.key === e.id && O(x, T)) return x;
-            const $ = (a(), d("div", {
+            if (x && x.key === e.id && O(x, I)) return x;
+            const $ = (a(), i("div", {
               key: e.id,
               "data-id": e.id,
               class: "mb-1.5 flex flex-col"
@@ -78,7 +78,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                 ])
               }, [
                 y("div", J, [
-                  e.children && e.children.length > 0 ? (a(), d("button", {
+                  e.children && e.children.length > 0 ? (a(), i("button", {
                     key: 0,
                     onClick: (o) => l(t)?.toggleExpand(e.id),
                     class: u([
@@ -92,7 +92,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                     }, null, 8, ["icon", "class"])
                   ], 10, W)) : c("", !0),
                   y("div", X, [
-                    v.value ? c("", !0) : (a(), d("div", Y, [
+                    v.value ? c("", !0) : (a(), i("div", Y, [
                       s(C, {
                         icon: "lucide:grip-vertical",
                         class: u(h.value)
@@ -113,18 +113,18 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                       },
                       position: "bottom-start",
                       onOnSelect: (o) => {
-                        console.log("IconPicker value :>> ", o), e.icon = o, l(t)?.saveItem(e);
+                        e.icon = o, l(t)?.saveItem(e);
                       }
                     }, null, 8, ["value", "btn-props", "onOnSelect"])),
-                    v.value ? (a(), d("span", {
+                    v.value ? (a(), i("span", {
                       key: 4,
-                      class: u(["truncate", I.value])
-                    }, Q(e.title), 3)) : k((a(), d("input", {
+                      class: u(["truncate", T.value])
+                    }, Q(e.title), 3)) : k((a(), i("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",
-                        I.value
+                        T.value
                       ]),
                       placeholder: l(t)?.categoryTitlePlaceholderText.value || "Category title...",
                       onChange: (o) => l(t)?.saveItem(e),
@@ -136,7 +136,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                     ])
                   ])
                 ]),
-                v.value ? c("", !0) : (a(), d("div", ee, [
+                v.value ? c("", !0) : (a(), i("div", ee, [
                   s(m, {
                     variant: "ghost",
                     size: "xs",
@@ -164,8 +164,8 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                   }, null, 8, ["title", "onClick"])
                 ]))
               ], 2),
-              e.children && e.children.length > 0 || l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? k((a(), d("div", te, [
-                e.children && e.children.length > 0 ? (a(), f(P, {
+              e.children && e.children.length > 0 || l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? k((a(), i("div", te, [
+                e.children && e.children.length > 0 ? (a(), f(A, {
                   key: 0,
                   modelValue: e.children,
                   "onUpdate:modelValue": (o) => D(o, e),
@@ -173,7 +173,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                   onChange: U,
                   onDragEnd: n[2] || (n[2] = (o) => p("dragEnd", o))
                 }, null, 8, ["modelValue", "onUpdate:modelValue", "level"])) : c("", !0),
-                l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? (a(), d("div", le, [
+                l(t)?.inlineState.value.mode === "add-child" && l(t).inlineState.value.targetId === e.id ? (a(), i("div", le, [
                   s(z, {
                     modelValue: l(t).inlineState.value.icon,
                     "onUpdate:modelValue": n[3] || (n[3] = (o) => l(t).inlineState.value.icon = o),
@@ -217,7 +217,7 @@ const J = { class: "flex items-center gap-px overflow-hidden flex-1" }, W = ["on
                 [G, l(t)?.expandedIds.value.has(e.id)]
               ]) : c("", !0)
             ], 8, ["data-id"]));
-            return $.memo = T, $;
+            return $.memo = I, $;
           }, n, 9), 128))
         ]),
         _: 1

package/components/CategoryMenu/CategoryMenu.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as C, computed as i, markRaw as u, inject as B, openBlock as m, createElementBlock as D, createBlock as f, unref as E, normalizeClass as h, resolveDynamicComponent as S } from "vue";
+import { defineComponent as C, computed as o, markRaw as u, inject as B, openBlock as m, createElementBlock as D, createBlock as f, unref as E, normalizeClass as h, resolveDynamicComponent as S } from "vue";
 import v from "./CategoryMenuVariant1.vue.js";
 import k from "./CategoryMenuVariant2.vue.js";
 import { CATEGORY_MENU_ROUTE_PREFIX_KEY as R, buildCategoryRoute as A } from "./utils.js";
@@ -42,9 +42,7 @@ const L = {
   },
   emits: ["select"],
   setup(w, { emit: g }) {
-    const e = w, n = g, l = i(() => e.rawData && e.rawData.length > 0 ? j(e.rawData) : e.items || []);
-    console.log(l.value);
-    const x = i(() => {
+    const e = w, n = g, i = o(() => e.rawData && e.rawData.length > 0 ? j(e.rawData) : e.items || []), x = o(() => {
       switch (e.variant) {
         case "tabs":
           return u(v);
@@ -53,13 +51,13 @@ const L = {
         default:
           return u(v);
       }
-    }), o = B(
+    }), l = B(
       R,
       void 0
-    ), s = i(() => {
-      const a = typeof o == "object" && o && "value" in o ? o.value : o;
+    ), s = o(() => {
+      const a = typeof l == "object" && l && "value" in l ? l.value : l;
       return String(e.routePrefix || a || "");
-    }), y = i(() => {
+    }), y = o(() => {
       if (e.variant !== "sidebar") return [];
       const a = (t, d = []) => {
         const c = t.children && t.children.length > 0 ? t.children.map((_) => a(_, [...d, t])) : void 0, p = !!c?.length;
@@ -73,7 +71,7 @@ const L = {
           // Parent nodes are expanders in tree/sidebar mode; leaves select/navigate.
           action: p ? void 0 : () => n("select", t)
         };
-      }, r = l.value.map((t) => a(t));
+      }, r = i.value.map((t) => a(t));
       return e.showAllItem && r.unshift({
         id: "all",
         label: e.allItemLabel,
@@ -81,7 +79,7 @@ const L = {
         icon: e.showIcons ? "lucide:layout-grid" : void 0,
         action: () => n("select", { id: "all", title: e.allItemLabel })
       }), r;
-    }), I = (a) => n("select", a), b = i(() => !l.value || l.value.length === 0);
+    }), I = (a) => n("select", a), b = o(() => !i.value || i.value.length === 0);
     return (a, r) => b.value ? (m(), D("div", L, " No categories to display. ")) : e.variant === "sidebar" ? (m(), f(E(P), {
       key: 1,
       items: y.value,
@@ -90,7 +88,7 @@ const L = {
       class: h(e.class)
     }, null, 8, ["items", "allow-multiple", "default-expanded", "class"])) : (m(), f(S(x.value), {
       key: 2,
-      items: l.value,
+      items: i.value,
       "max-depth": e.maxDepth,
       "show-icons": e.showIcons,
       "show-all-item": e.showAllItem,

package/components/Chart/GanttChart.vue.d.ts

@@ -1,4 +1,4 @@
-import { GanttTask, GanttViewMode } from './types';
+import { GanttDependencyCreatePayload, GanttDependencyDeletePayload, GanttTask, GanttViewMode } from './types';
 export interface GanttChartProps {
     tasks: GanttTask[];
     viewMode?: GanttViewMode;
@@ -19,7 +19,17 @@ export interface GanttChartProps {
     todayColor?: string;
     locale?: string;
     draggable?: boolean;
-    /** When moving a task, also shift all tasks that depend on it (recursively) */
+    /**
+     * Opt-in dependency editing. When true, hovered/focused tasks show a `+`
+     * connector that can be dragged (or operated via keyboard) to request a
+     * new dependency. Independent of `showDependencies`.
+     */
+    editableDependencies?: boolean;
+    /**
+     * When moving a task, dependents follow the bar as a visual preview only.
+     * Release still emits ONE root `task-update`; the parent owns the
+     * authoritative cascade and pushes final dates back via `tasks`.
+     */
     cascadeDependencies?: boolean;
     zoom?: boolean;
 }
@@ -30,6 +40,8 @@ declare const _default: import('vue').DefineComponent<GanttChartProps, {}, {}, {
         start: Date;
         end: Date;
     }) => any;
+    "dependency-create": (payload: GanttDependencyCreatePayload) => any;
+    "dependency-delete": (payload: GanttDependencyDeletePayload) => any;
 }, string, import('vue').PublicProps, Readonly<GanttChartProps> & Readonly<{
     "onTask-click"?: (task: GanttTask) => any;
     "onTask-hover"?: (task: GanttTask) => any;
@@ -37,6 +49,8 @@ declare const _default: import('vue').DefineComponent<GanttChartProps, {}, {}, {
         start: Date;
         end: Date;
     }) => any;
+    "onDependency-create"?: (payload: GanttDependencyCreatePayload) => any;
+    "onDependency-delete"?: (payload: GanttDependencyDeletePayload) => any;
 }>, {
     animate: boolean;
     height: number;
@@ -56,12 +70,14 @@ declare const _default: import('vue').DefineComponent<GanttChartProps, {}, {}, {
     showTodayLine: boolean;
     todayColor: string;
     locale: string;
+    editableDependencies: boolean;
     cascadeDependencies: boolean;
     zoom: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;
     sidebarRef: HTMLDivElement;
     timelineRef: HTMLDivElement;
+    timelineSvgRef: SVGSVGElement;
     dragLabelRef: SVGGElement;
 }, HTMLDivElement>;
 export default _default;

package/components/Chart/GanttChart.vue.js

@@ -1,7 +1,7 @@
 import t from "./GanttChart.vue2.js";
 /* empty css                */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-ebb84e3d"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-94a48eeb"]]);
 export {
   m as default
 };