vlite3 1.4.3 → 1.4.5

package/components/SidebarMenu/SidebarMenu.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as Y, inject as Z, ref as y, computed as r, watch as I, reactive as ee, provide as te, openBlock as d, createElementBlock as m, normalizeClass as V, createVNode as D, TransitionGroup as le, withCtx as ne, createBlock as B, createCommentVNode as S, createElementVNode as R, toDisplayString as ae, Fragment as W, renderList as H } from "vue";
-import { useRoute as re, useRouter as oe } from "vue-router";
-import { useBreakpoints as ie, breakpointsTailwind as se } from "@vueuse/core";
+import { defineComponent as Z, inject as ee, ref as C, computed as r, watch as B, reactive as te, provide as ne, openBlock as d, createElementBlock as v, normalizeClass as D, createVNode as R, TransitionGroup as le, withCtx as ae, createBlock as S, createCommentVNode as P, createElementVNode as W, toDisplayString as re, Fragment as H, renderList as A } from "vue";
+import { useRoute as oe, useRouter as se } from "vue-router";
+import { useBreakpoints as ie, breakpointsTailwind as ue } from "@vueuse/core";
 import F from "./SidebarMenuItem.vue.js";
 /* empty css                     */
 import $ from "../Icon.vue.js";
-const ue = {
+const ce = {
   key: 0,
   class: "w-full sidebar-drilldown-container relative overflow-hidden"
-}, ce = { class: "truncate font-semibold text-foreground" }, de = {
+}, de = { class: "truncate font-semibold text-foreground" }, fe = {
   key: 1,
   class: "h-px bg-border/60 mx-1 mb-1.5"
-}, ge = /* @__PURE__ */ Y({
+}, we = /* @__PURE__ */ Z({
   __name: "SidebarMenu",
   props: {
     items: { default: () => [] },
@@ -36,220 +36,237 @@ const ue = {
     showTooltip: { type: Boolean, default: !1 },
     forceTreeView: { type: Boolean, default: !1 }
   },
-  setup(v) {
-    const b = Z("navbar-context", null), l = v, p = re();
-    oe();
-    const j = ie(se), c = y([...l.defaultExpanded]), C = y(null), o = y([]), g = y("forward"), w = r(() => o.value.length > 0), M = r(() => o.value.length === 0 ? l.items : o.value[o.value.length - 1].items), q = r(() => o.value.length === 0 ? "" : o.value[o.value.length - 1].label), P = r(() => {
+  setup(p) {
+    const b = ee("navbar-context", null), n = p, h = oe();
+    se();
+    const j = ie(ue), c = C([...n.defaultExpanded]), M = C(null), o = C([]), g = C("forward"), x = r(() => o.value.length > 0), T = r(() => o.value.length === 0 ? n.items : o.value[o.value.length - 1].items), q = r(() => o.value.length === 0 ? "" : o.value[o.value.length - 1].label), z = r(() => {
       if (o.value.length !== 0)
         return o.value[o.value.length - 1].icon;
-    }), A = (e) => {
+    }), G = (e) => {
       e.children?.length && (g.value = "forward", o.value = [
         ...o.value,
         { items: e.children, label: e.label, icon: e.icon }
       ]);
-    }, z = () => {
+    }, N = () => {
       o.value.length !== 0 && (g.value = "backward", o.value = o.value.slice(0, -1));
-    }, G = r(() => !l.mobileBreakpoint || l.mobileBreakpoint === "none" ? !0 : j.greaterOrEqual(l.mobileBreakpoint).value), x = r(() => G.value && l.orientation || "vertical"), T = r(() => l.forceTreeView ? !1 : !!b?.renderNestedTabs?.value), k = (e) => e.id || (typeof e.to == "string" ? e.to : null) || e.label, f = (e, n) => {
+    }, J = r(() => !n.mobileBreakpoint || n.mobileBreakpoint === "none" ? !0 : j.greaterOrEqual(n.mobileBreakpoint).value), k = r(() => J.value && n.orientation || "vertical"), I = r(() => n.forceTreeView ? !1 : !!b?.renderNestedTabs?.value), w = (e) => e.id || (typeof e.to == "string" ? e.to : null) || e.label, K = r(() => {
+      const e = /* @__PURE__ */ new Map(), l = (t, a = []) => {
+        const i = [];
+        return t.forEach((u) => {
+          const s = w(u), f = [...a, s], y = u.children?.length ? l(u.children, f) : [];
+          e.set(s, {
+            ancestors: a,
+            descendants: y
+          }), i.push(s, ...y);
+        }), i;
+      };
+      return l(n.items), e;
+    }), m = (e, l) => {
       if (!e.to) return !1;
       const t = typeof e.to == "string" ? e.to : e.to.path;
       if (!t) return !1;
-      if (n === t) return !0;
-      if (t !== "/" && t.length > 1 && n.startsWith(t)) {
-        const a = n[t.length];
+      if (l === t) return !0;
+      if (t !== "/" && t.length > 1 && l.startsWith(t)) {
+        const a = l[t.length];
         return !a || a === "/" || a === "?";
       }
       return !1;
-    }, N = (e, n, t = []) => {
+    }, E = (e, l, t = []) => {
       for (const a of e) {
-        const u = k(a);
+        const i = w(a);
         if (a.children?.length) {
-          const s = N(a.children, n, [...t, u]);
-          if (s !== null)
-            return c.value.includes(u) || c.value.push(u), s;
+          const u = E(a.children, l, [...t, i]);
+          if (u !== null)
+            return c.value.includes(i) || c.value.push(i), u;
         }
-        if (f(a, n))
-          return t.forEach((s) => {
-            c.value.includes(s) || c.value.push(s);
-          }), u;
+        if (m(a, l))
+          return t.forEach((u) => {
+            c.value.includes(u) || c.value.push(u);
+          }), i;
       }
       return null;
-    }, E = (e, n) => {
-      for (const t of l.items) {
-        if (!t.children?.length || !(f(t, e) || t.children.some(
-          (i) => f(i, e) || i.children?.some((h) => f(h, e))
+    }, O = (e, l) => {
+      for (const t of n.items) {
+        if (!t.children?.length || !(m(t, e) || t.children.some(
+          (s) => m(s, e) || s.children?.some((f) => m(f, e))
         ))) continue;
-        const u = t.children.map((i) => ({
-          label: i.label,
-          labelI18n: i.labelI18n,
-          value: k(i),
-          icon: i.icon,
-          disabled: i.disabled,
-          to: i.to,
-          href: i.href
+        const i = t.children.map((s) => ({
+          label: s.label,
+          labelI18n: s.labelI18n,
+          value: w(s),
+          icon: s.icon,
+          disabled: s.disabled,
+          to: s.to,
+          href: s.href
         }));
-        let s = u[0]?.value ?? "";
-        if (n) {
-          const i = u.find((h) => h.value === n);
-          if (i)
-            s = i.value;
+        let u = i[0]?.value ?? "";
+        if (l) {
+          const s = i.find((f) => f.value === l);
+          if (s)
+            u = s.value;
           else {
-            const h = t.children.find(
-              (U) => U.children?.some((X) => k(X) === n)
+            const f = t.children.find(
+              (y) => y.children?.some((Y) => w(Y) === l)
             );
-            h && (s = k(h));
+            f && (u = w(f));
           }
         }
-        return { tabs: u, activeTab: s };
+        return { tabs: i, activeTab: u };
       }
       return null;
-    }, O = (e) => {
-      const n = N(l.items, e);
-      if (C.value = n, !T.value) return;
-      const t = E(e, n);
+    }, L = (e) => {
+      const l = E(n.items, e);
+      if (M.value = l, !I.value) return;
+      const t = O(e, l);
       t ? b.setNestedTabs(t.tabs, t.activeTab) : b.setNestedTabs([], "");
     };
-    I(
-      () => p?.path,
+    B(
+      () => h?.path,
       (e) => {
-        e && O(e);
+        e && L(e);
       },
       { immediate: !0 }
-    ), I(
-      () => l.items,
+    ), B(
+      () => n.items,
       () => {
-        p?.path && O(p.path);
+        h?.path && L(h.path);
       },
       { deep: !0 }
     );
-    const J = (e) => {
-      c.value.includes(e) ? c.value = c.value.filter((t) => t !== e) : l.allowMultiple ? c.value.push(e) : c.value = [e];
-    }, K = (e) => {
-      if (C.value = e, T.value && p?.path) {
-        const n = E(p.path, e);
-        n ? b.setNestedTabs(n.tabs, n.activeTab) : b.setNestedTabs([], "");
+    const Q = (e) => {
+      const l = c.value.includes(e), t = K.value.get(e);
+      if (l) {
+        const a = /* @__PURE__ */ new Set([e, ...t?.descendants || []]);
+        c.value = c.value.filter((i) => !a.has(i));
+      } else
+        n.allowMultiple ? c.value.push(e) : c.value = [...t?.ancestors || [], e];
+    }, U = (e) => {
+      if (M.value = e, I.value && h?.path) {
+        const l = O(h.path, e);
+        l ? b.setNestedTabs(l.tabs, l.activeTab) : b.setNestedTabs([], "");
       }
-    }, L = (e, n, t = []) => {
+    }, _ = (e, l, t = []) => {
       for (const a of e) {
-        if (t.length === 0 && f(a, n)) return null;
+        if (t.length === 0 && m(a, l)) return null;
         if (a.children?.length) {
-          const u = [
+          const i = [
             ...t,
             { items: a.children, label: a.label, icon: a.icon }
           ];
-          for (const i of a.children)
-            if (f(i, n)) return u;
-          const s = L(a.children, n, u);
-          if (s) return s;
+          for (const s of a.children)
+            if (m(s, l)) return i;
+          const u = _(a.children, l, i);
+          if (u) return u;
         }
       }
       return null;
-    }, _ = (e, n) => {
+    }, V = (e, l) => {
       for (const t of e)
-        if (f(t, n)) return !0;
+        if (m(t, l)) return !0;
       return !1;
     };
-    I(
-      () => p?.path,
+    B(
+      () => h?.path,
       (e) => {
-        if (!e || (l.renderMode || "tree") !== "drilldown") return;
-        const t = M.value;
-        if (_(t, e)) return;
-        if (_(l.items, e)) {
+        if (!e || (n.renderMode || "tree") !== "drilldown") return;
+        const t = T.value;
+        if (V(t, e)) return;
+        if (V(n.items, e)) {
           o.value.length > 0 && (g.value = "backward", o.value = []);
           return;
         }
-        const a = L(l.items, e);
+        const a = _(n.items, e);
         a && a.length > 0 && (g.value = "forward", o.value = a);
       }
     );
-    const Q = ee({
-      activeItem: C,
+    const X = te({
+      activeItem: M,
       expandedItems: c,
-      toggleExpand: J,
-      setActive: K,
-      indentSize: r(() => l.indentSize),
-      variant: r(() => l.variant),
-      renderMode: r(() => l.renderMode || "tree"),
+      toggleExpand: Q,
+      setActive: U,
+      indentSize: r(() => n.indentSize),
+      variant: r(() => n.variant),
+      renderMode: r(() => n.renderMode || "tree"),
       // Expose the effective value so SidebarMenuItem respects forceTreeView
-      renderNestedTabs: T,
-      compact: r(() => l.compact),
-      showCompactLabels: r(() => l.showCompactLabels),
-      iconSize: r(() => l.iconSize),
-      compactIconSize: r(() => l.compactIconSize),
-      labelClass: r(() => l.labelClass),
-      compactLabelClass: r(() => l.compactLabelClass),
-      itemPadding: r(() => l.itemPadding),
-      compactItemPadding: r(() => l.compactItemPadding),
-      nestedMenuWidth: r(() => l.nestedMenuWidth),
-      nestedMenuMaxHeight: r(() => l.nestedMenuMaxHeight),
-      currentOrientation: x,
-      showTooltip: r(() => l.showTooltip),
+      renderNestedTabs: I,
+      compact: r(() => n.compact),
+      showCompactLabels: r(() => n.showCompactLabels),
+      iconSize: r(() => n.iconSize),
+      compactIconSize: r(() => n.compactIconSize),
+      labelClass: r(() => n.labelClass),
+      compactLabelClass: r(() => n.compactLabelClass),
+      itemPadding: r(() => n.itemPadding),
+      compactItemPadding: r(() => n.compactItemPadding),
+      nestedMenuWidth: r(() => n.nestedMenuWidth),
+      nestedMenuMaxHeight: r(() => n.nestedMenuMaxHeight),
+      currentOrientation: k,
+      showTooltip: r(() => n.showTooltip),
       drilldownStack: o,
-      drillInto: A,
-      drillBack: z,
-      drilldownItems: M,
-      isDrilldown: w
+      drillInto: G,
+      drillBack: N,
+      drilldownItems: T,
+      isDrilldown: x
     });
-    return te("sidebar-menu-ctx", Q), (e, n) => (d(), m("nav", {
-      class: V(["flex w-full transition-all duration-300", [
-        x.value === "horizontal" ? "flex-row flex-wrap gap-2 items-center" : "flex-col",
-        x.value === "vertical" && !l.compact ? "space-y-1" : ""
+    return ne("sidebar-menu-ctx", X), (e, l) => (d(), v("nav", {
+      class: D(["flex w-full transition-all duration-300", [
+        k.value === "horizontal" ? "flex-row flex-wrap gap-2 items-center" : "flex-col",
+        k.value === "vertical" && !n.compact ? "space-y-1" : ""
       ]]),
       role: "tree",
       "aria-label": "Sidebar Menu"
     }, [
-      (l.renderMode || "tree") === "drilldown" && x.value === "vertical" ? (d(), m("div", ue, [
-        D(le, {
+      (n.renderMode || "tree") === "drilldown" && k.value === "vertical" ? (d(), v("div", ce, [
+        R(le, {
           name: g.value === "forward" ? "drill-forward" : "drill-backward",
           tag: "div",
           class: "relative w-full"
         }, {
-          default: ne(() => [
-            (d(), m("div", {
+          default: ae(() => [
+            (d(), v("div", {
               key: o.value.length,
               class: "w-full"
             }, [
-              w.value ? (d(), m("button", {
+              x.value ? (d(), v("button", {
                 key: 0,
                 type: "button",
                 class: "flex items-center gap-2 w-full px-2 py-2.5 mb-1 text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-accent/60 rounded-md transition-all duration-150 group cursor-pointer",
-                onClick: z
+                onClick: N
               }, [
-                D($, {
+                R($, {
                   icon: "lucide:chevron-left",
                   class: "w-4 h-4 shrink-0 transition-transform duration-200 group-hover:-translate-x-0.5"
                 }),
-                P.value ? (d(), B($, {
+                z.value ? (d(), S($, {
                   key: 0,
-                  icon: P.value,
+                  icon: z.value,
                   class: "w-4 h-4 shrink-0 opacity-70"
-                }, null, 8, ["icon"])) : S("", !0),
-                R("span", ce, ae(q.value), 1)
-              ])) : S("", !0),
-              w.value ? (d(), m("div", de)) : S("", !0),
-              R("div", {
-                class: V(w.value ? "space-y-0.5" : "space-y-1")
+                }, null, 8, ["icon"])) : P("", !0),
+                W("span", de, re(q.value), 1)
+              ])) : P("", !0),
+              x.value ? (d(), v("div", fe)) : P("", !0),
+              W("div", {
+                class: D(x.value ? "space-y-0.5" : "space-y-1")
               }, [
-                (d(!0), m(W, null, H(M.value, (t) => (d(), B(F, {
+                (d(!0), v(H, null, A(T.value, (t) => (d(), S(F, {
                   key: t.id || t.label,
                   item: t,
-                  itemClass: v.itemClass,
-                  menuOffset: v.menuOffset
+                  itemClass: p.itemClass,
+                  menuOffset: p.menuOffset
                 }, null, 8, ["item", "itemClass", "menuOffset"]))), 128))
               ], 2)
             ]))
           ]),
           _: 1
         }, 8, ["name"])
-      ])) : (d(!0), m(W, { key: 1 }, H(v.items, (t) => (d(), B(F, {
+      ])) : (d(!0), v(H, { key: 1 }, A(p.items, (t) => (d(), S(F, {
         key: t.id || t.label,
         item: t,
-        itemClass: v.itemClass,
-        menuOffset: v.menuOffset
+        itemClass: p.itemClass,
+        menuOffset: p.menuOffset
       }, null, 8, ["item", "itemClass", "menuOffset"]))), 128))
     ], 2));
   }
 });
 export {
-  ge as default
+  we as default
 };

package/components/index.d.ts

@@ -11,6 +11,7 @@ export { default as Button } from './Button.vue';
 export { default as BackButton } from './BackButton.vue';
 export { default as ButtonGroup } from './ButtonGroup.vue';
 export { Carousel } from './Carousel';
+export * from './Cart';
 export { default as CheckBox } from './CheckBox.vue';
 export { Chip } from './Chip';
 export { ChoiceBox } from './ChoiceBox';

package/core/config.d.ts

@@ -113,6 +113,70 @@ export declare const configState: {
             };
             containerClass?: string | any[] | Record<string, boolean>;
         };
+        cart?: {
+            variant?: import('..').CartVariant;
+            labels?: {
+                cart?: string;
+                emptyTitle?: string;
+                emptyDescription?: string;
+                emptyAction?: string;
+                subtotal?: string;
+                discount?: string;
+                estimatedTax?: string;
+                shipping?: string;
+                grandTotal?: string;
+                totalSavings?: string;
+                coupon?: string;
+                couponPlaceholder?: string;
+                applyCoupon?: string;
+                removeCoupon?: string;
+                quantity?: string;
+                remove?: string;
+                continue?: string;
+                continueShopping?: string;
+                clearCart?: string;
+                itemCount?: string;
+            };
+            containerClass?: string | any[] | Record<string, boolean>;
+            actions?: {
+                continueLabel?: string;
+                continueShoppingLabel?: string;
+                showContinue?: boolean;
+                showContinueShopping?: boolean;
+                continueDisabled?: boolean;
+                continueShoppingDisabled?: boolean;
+                continueIcon?: string;
+                continueShoppingIcon?: string;
+            };
+            features?: {
+                editableQuantity?: boolean;
+                removable?: boolean;
+                clearable?: boolean;
+                coupon?: boolean;
+                subtotal?: boolean;
+                discount?: boolean;
+                estimatedTax?: boolean;
+                shipping?: boolean;
+                totalSavings?: boolean;
+                continue?: boolean;
+                continueShopping?: boolean;
+                thumbnails?: boolean;
+                description?: boolean;
+                sku?: boolean;
+                itemVariant?: boolean;
+                emptyState?: boolean;
+                trustSignals?: boolean;
+            };
+            validateCoupon?: (code: string, context: {
+                subtotal: number;
+                currency?: string;
+                items: import('..').CartItem[];
+            }) => Promise<import('..').CartCouponDefinition | {
+                code: string;
+                message: string;
+                state?: "invalid" | "expired" | "error";
+            } | null>;
+        };
     };
 };
 /**
@@ -228,5 +292,69 @@ export declare function useVLiteConfig(): {
             };
             containerClass?: string | any[] | Record<string, boolean>;
         };
+        cart?: {
+            variant?: import('..').CartVariant;
+            labels?: {
+                cart?: string;
+                emptyTitle?: string;
+                emptyDescription?: string;
+                emptyAction?: string;
+                subtotal?: string;
+                discount?: string;
+                estimatedTax?: string;
+                shipping?: string;
+                grandTotal?: string;
+                totalSavings?: string;
+                coupon?: string;
+                couponPlaceholder?: string;
+                applyCoupon?: string;
+                removeCoupon?: string;
+                quantity?: string;
+                remove?: string;
+                continue?: string;
+                continueShopping?: string;
+                clearCart?: string;
+                itemCount?: string;
+            };
+            containerClass?: string | any[] | Record<string, boolean>;
+            actions?: {
+                continueLabel?: string;
+                continueShoppingLabel?: string;
+                showContinue?: boolean;
+                showContinueShopping?: boolean;
+                continueDisabled?: boolean;
+                continueShoppingDisabled?: boolean;
+                continueIcon?: string;
+                continueShoppingIcon?: string;
+            };
+            features?: {
+                editableQuantity?: boolean;
+                removable?: boolean;
+                clearable?: boolean;
+                coupon?: boolean;
+                subtotal?: boolean;
+                discount?: boolean;
+                estimatedTax?: boolean;
+                shipping?: boolean;
+                totalSavings?: boolean;
+                continue?: boolean;
+                continueShopping?: boolean;
+                thumbnails?: boolean;
+                description?: boolean;
+                sku?: boolean;
+                itemVariant?: boolean;
+                emptyState?: boolean;
+                trustSignals?: boolean;
+            };
+            validateCoupon?: (code: string, context: {
+                subtotal: number;
+                currency?: string;
+                items: import('..').CartItem[];
+            }) => Promise<import('..').CartCouponDefinition | {
+                code: string;
+                message: string;
+                state?: "invalid" | "expired" | "error";
+            } | null>;
+        };
     };
 };

package/index.d.ts

@@ -14,6 +14,7 @@ export * from './components/Masonry';
 export * from './components/Spinner';
 export * from './components/Barcode';
 export * from './components/Carousel';
+export * from './components/Cart';
 export * from './components/Dropdown';
 export * from './components/Breadcrumb';
 export * from './components/FileTree';