vlite3 1.4.32 → 1.4.34

package/README.md

@@ -20,6 +20,13 @@ yarn add vlite3
 
 ```
 
+### Server-side rendering
+
+The package entry is safe to evaluate during Vue SSR. Browser-only export,
+import, barcode, QR-code, and scroll-reveal runtimes are loaded lazily when
+their client-side actions or lifecycle hooks run. SSR applications can import
+VLite3 components normally without evaluating those dependencies on the server.
+
 ## 2. Tailwind CSS Setup (Tailwind v4)
 
 `vite.config.ts`

package/components/Alert.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as V, ref as B, computed as t, useSlots as N, openBlock as r, createElementBlock as i, normalizeClass as l, renderSlot as p, createBlock as S, createCommentVNode as a, createElementVNode as v, toDisplayString as f, createTextVNode as T, createVNode as j } from "vue";
-import b from "./Icon.vue.js";
-import { $t as m } from "../utils/i18n.js";
-const D = ["role"], E = {
+import { defineComponent as $, useSlots as S, ref as T, computed as t, openBlock as r, createElementBlock as i, normalizeClass as n, renderSlot as v, createBlock as D, createCommentVNode as a, createElementVNode as f, toDisplayString as b, unref as E, createTextVNode as z, createVNode as A } from "vue";
+import m from "./Icon.vue.js";
+import { $t as y } from "../utils/i18n.js";
+const O = ["role"], R = {
   key: 1,
   class: "text-sm opacity-90 [&_p]:leading-relaxed"
-}, R = /* @__PURE__ */ V({
+}, F = /* @__PURE__ */ $({
   __name: "Alert",
   props: {
     title: {},
@@ -18,71 +18,76 @@ const D = ["role"], E = {
     class: { default: "" }
   },
   emits: ["close"],
-  setup(s, { emit: y }) {
-    const e = s, x = y, u = B(!0), h = () => {
-      u.value = !1, x("close");
-    }, d = t(() => e.titleI18n ? m(e.titleI18n) : e.title), c = t(
-      () => e.descriptionI18n ? m(e.descriptionI18n) : e.description
-    ), k = t(() => ({
+  setup(s, { emit: x }) {
+    const e = s, h = x, c = S(), d = T(!0), k = () => {
+      d.value = !1, h("close");
+    }, g = t(() => e.titleI18n ? y(e.titleI18n) : e.title), u = t(() => e.descriptionI18n ? y(e.descriptionI18n) : e.description), w = t(() => ({
       danger: "bg-danger-subtle text-danger-subtle-fg border-danger-subtle-border/20",
       primary: "bg-primary-light text-primary-light-fg border-primary/10",
       success: "bg-success-subtle text-success-subtle-fg border-success-subtle-border/20",
       warning: "bg-warning-subtle text-warning-subtle-fg border-warning-subtle-border/20"
-    })[e.variant]), w = t(() => ({
+    })[e.variant]), C = t(() => ({
       primary: "text-primary-light-fg!",
       success: "text-success-subtle-fg!",
       warning: "text-warning-subtle-fg!",
       danger: "text-danger-subtle-fg!"
-    })[e.variant]), o = t(() => !c.value && !N().default), C = t(() => [
-      "relative w-full rounded-lg border px-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:text-foreground",
-      o.value ? "py-3" : "pt-4 pb-2",
-      o.value ? "[&>svg]:top-1/2 [&>svg]:-translate-y-1/2" : "[&>svg]:top-4 top-4 [&>svg+div]:translate-y-[-3px]",
-      k.value,
+    })[e.variant]), I = t(() => !!(e.icon || c.icon)), l = t(() => !u.value && !c.default), B = t(() => [
+      "relative w-full rounded-lg border px-4",
+      "[&>svg]:absolute [&>svg]:left-4 [&>svg]:text-foreground",
+      l.value ? "py-3" : "pt-4 pb-2",
+      l.value ? "[&>svg]:top-1/2 [&>svg]:-translate-y-1/2" : "[&>svg]:top-4 [&>svg+div]:translate-y-[-3px]",
+      w.value,
       e.class
-    ].join(" ")), I = t(() => [
+    ]), V = t(() => [
       "font-medium leading-none tracking-tight text-inherit!",
-      o.value ? "" : "mb-1"
-    ].join(" ")), $ = t(() => e.role ? e.role : ["danger", "warning"].includes(e.variant) ? "alert" : "status");
-    return (n, g) => u.value ? (r(), i("div", {
+      !l.value && "mb-1"
+    ]), N = t(() => e.role ? e.role : ["danger", "warning"].includes(e.variant) ? "alert" : "status");
+    return (o, p) => d.value ? (r(), i("div", {
       key: 0,
-      class: l(C.value),
-      role: $.value
+      class: n(B.value),
+      role: N.value
     }, [
-      p(n.$slots, "icon", {}, () => [
-        s.icon ? (r(), S(b, {
+      v(o.$slots, "icon", {}, () => [
+        s.icon ? (r(), D(m, {
           key: 0,
           icon: s.icon,
-          class: l(["h-4 w-4", w.value])
+          class: n(["h-4 w-4", C.value])
         }, null, 8, ["icon", "class"])) : a("", !0)
       ]),
-      v("div", {
-        class: l({ "pl-7": s.icon || n.$slots.icon, "pr-6": s.closable })
+      f("div", {
+        class: n({
+          "pl-7": I.value,
+          "pr-6": s.closable
+        })
       }, [
-        d.value ? (r(), i("h5", {
+        g.value ? (r(), i("h5", {
           key: 0,
-          class: l(I.value)
-        }, f(d.value), 3)) : a("", !0),
-        c.value || n.$slots.default ? (r(), i("div", E, [
-          p(n.$slots, "default", {}, () => [
-            T(f(c.value), 1)
+          class: n(V.value)
+        }, b(g.value), 3)) : a("", !0),
+        u.value || E(c).default ? (r(), i("div", R, [
+          v(o.$slots, "default", {}, () => [
+            z(b(u.value), 1)
           ])
         ])) : a("", !0)
       ], 2),
       s.closable ? (r(), i("button", {
         key: 0,
         type: "button",
-        onClick: h,
-        class: l(["absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", [o.value ? "top-1/2 -translate-y-1/2" : "top-4"]])
+        class: n([
+          "absolute right-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          l.value ? "top-1/2 -translate-y-1/2" : "top-4"
+        ]),
+        onClick: k
       }, [
-        j(b, {
+        A(m, {
           icon: "lucide:x",
           class: "h-4 w-4"
         }),
-        g[0] || (g[0] = v("span", { class: "sr-only" }, "Close", -1))
+        p[0] || (p[0] = f("span", { class: "sr-only" }, " Close ", -1))
       ], 2)) : a("", !0)
-    ], 10, D)) : a("", !0);
+    ], 10, O)) : a("", !0);
   }
 });
 export {
-  R as default
+  F as default
 };

package/components/Barcode/Barcode.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as d, ref as s, onMounted as f, watch as m, openBlock as r, createElementBlock as l, toDisplayString as p, createCommentVNode as v, withDirectives as h, vShow as g } from "vue";
-import w from "jsbarcode";
-import { barcodesConstants as b } from "./types.js";
-const y = { class: "inline-flex justify-center items-center max-w-full flex-col gap-2" }, x = {
+import { defineComponent as p, ref as f, onMounted as h, watch as g, openBlock as i, createElementBlock as u, toDisplayString as w, createCommentVNode as b, withDirectives as y, vShow as x } from "vue";
+import { barcodesConstants as _ } from "./types.js";
+import { resolveModuleRuntime as C } from "../../utils/UtilsModuleInterop.js";
+const k = { class: "inline-flex justify-center items-center max-w-full flex-col gap-2" }, B = {
   key: 0,
   class: "text-sm text-destructive px-4 py-2 bg-destructive/10 rounded-md border border-destructive/20 text-center whitespace-normal overflow-wrap-anywhere"
-}, B = /* @__PURE__ */ d({
+}, D = /* @__PURE__ */ p({
   __name: "Barcode",
   props: {
     value: {},
@@ -16,16 +16,26 @@ const y = { class: "inline-flex justify-center items-center max-w-full flex-col
     background: { default: "#ffffff" },
     margin: { default: 10 }
   },
-  setup(u) {
-    const e = u, o = s(null), a = s(""), n = () => {
-      if (a.value = "", o.value && e.value) {
+  setup(m) {
+    const e = m, o = f(null), r = f("");
+    let a = 0;
+    const s = async () => {
+      const n = ++a;
+      if (r.value = "", o.value && e.value) {
         o.value.innerHTML = "";
         try {
-          const t = b.find(
-            (c) => c.value.toLowerCase() === e.format.toLowerCase()
-          ), i = t ? t.value : e.format;
-          w(o.value, e.value, {
-            format: i,
+          const t = await import("jsbarcode");
+          if (n !== a || !o.value) return;
+          const c = C(
+            t,
+            (l) => typeof l == "function"
+          );
+          if (!c) throw new Error("The barcode runtime is unavailable.");
+          const d = _.find(
+            (l) => l.value.toLowerCase() === e.format.toLowerCase()
+          ), v = d ? d.value : e.format;
+          c(o.value, e.value, {
+            format: v,
             displayValue: e.displayValue,
             width: e.width,
             height: e.height,
@@ -35,25 +45,28 @@ const y = { class: "inline-flex justify-center items-center max-w-full flex-col
             margin: e.margin
           });
         } catch (t) {
-          console.error("Failed to generate barcode:", t), a.value = typeof t == "string" ? t : t?.message || "Invalid barcode value for this format";
+          if (n !== a) return;
+          console.error("Failed to generate barcode:", t), r.value = typeof t == "string" ? t : t?.message || "Invalid barcode value for this format";
         }
       }
     };
-    return f(() => {
-      n();
-    }), m(() => e, n, { deep: !0 }), (t, i) => (r(), l("div", y, [
-      a.value ? (r(), l("div", x, p(a.value), 1)) : v("", !0),
-      h((r(), l("svg", {
+    return h(() => {
+      s();
+    }), g(() => e, () => {
+      s();
+    }, { deep: !0 }), (n, t) => (i(), u("div", k, [
+      r.value ? (i(), u("div", B, w(r.value), 1)) : b("", !0),
+      y((i(), u("svg", {
         ref_key: "barcodeRef",
         ref: o,
         class: "w-full h-auto max-w-full",
         preserveAspectRatio: "xMidYMid meet"
       }, null, 512)), [
-        [g, !a.value]
+        [x, !r.value]
       ])
     ]));
   }
 });
 export {
-  B as default
+  D 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

@@ -25,7 +25,11 @@ export interface GanttChartProps {
      * new dependency. Independent of `showDependencies`.
      */
     editableDependencies?: boolean;
-    /** When moving a task, also shift all tasks that depend on it (recursively) */
+    /**
+     * 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;
 }

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 p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-d83427d6"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-94a48eeb"]]);
 export {
-  p as default
+  m as default
 };