vlite3 1.4.4 → 1.4.6

package/components/Cart/CartSummary.vue.js

@@ -0,0 +1,157 @@
+import { defineComponent as S, computed as o, openBlock as n, createElementBlock as r, normalizeClass as a, createElementVNode as l, toDisplayString as c, createVNode as u, unref as d, createCommentVNode as m, createTextVNode as g, createBlock as T } from "vue";
+import b from "../Icon.vue.js";
+import f from "../Price/Price.vue.js";
+const C = { class: "text-muted-foreground font-medium" }, $ = { class: "text-success font-medium inline-flex items-center gap-1.5 min-w-0" }, j = { class: "truncate" }, B = { class: "text-muted-foreground font-medium" }, E = { class: "text-foreground font-semibold tabular-nums" }, N = {
+  key: 0,
+  class: "text-success font-semibold"
+}, D = { class: "text-muted-foreground font-medium" }, P = { class: "uppercase tracking-widest text-xs font-bold text-muted-foreground" }, F = { class: "text-success font-semibold inline-flex items-center gap-1.5" }, z = /* @__PURE__ */ S({
+  __name: "CartSummary",
+  props: {
+    totals: {},
+    features: {},
+    labels: {},
+    compact: { type: Boolean, default: !1 },
+    variant: { default: "Variant1" },
+    coupon: {}
+  },
+  setup(t) {
+    const e = t, s = o(() => e.labels || {}), h = o(() => s.value.estimatedTax ? s.value.estimatedTax : e.totals.taxRate !== void 0 ? `Estimated Tax (${e.totals.taxRate}%)` : "Estimated Tax");
+    o(() => {
+      const i = e.totals.itemCount ?? 0;
+      return i === 0 ? s.value.itemCount || "Items" : `${s.value.itemCount || "Items"} (${i})`;
+    });
+    const p = o(() => {
+      const i = e.coupon?.definition;
+      return i && i.type === "percentage" ? `−${i.value}%` : null;
+    }), y = o(() => e.coupon?.code ? `${s.value.discount || "Discount"} · ${e.coupon.code}` : s.value.discount || "Discount"), k = o(() => {
+      switch (e.variant) {
+        case "Variant2":
+          return e.compact ? "space-y-1.5 text-xs" : "space-y-2 text-sm";
+        case "Variant3":
+          return "space-y-2 text-sm";
+        case "Variant4":
+          return "space-y-1.5 text-sm";
+        default:
+          return e.compact ? "space-y-1.5" : "space-y-2.5";
+      }
+    }), x = o(() => (e.variant === "Variant2", e.compact ? "text-xs" : "text-sm")), w = o(() => {
+      switch (e.variant) {
+        case "Variant2":
+          return ["border-t border-dashed border-border pt-2 mt-1.5", e.compact ? "text-sm" : "text-base", "font-extrabold text-foreground"];
+        case "Variant3":
+          return ["border-t border-border pt-3 mt-1 text-base font-extrabold text-foreground"];
+        case "Variant4":
+          return ["border-t border-border pt-2 mt-1 text-base font-extrabold text-foreground"];
+        default:
+          return [
+            "border-t border-border pt-3 mt-1",
+            e.compact ? "text-base" : "text-lg",
+            "font-black text-foreground"
+          ];
+      }
+    }), V = o(
+      () => e.features.shipping && e.totals.freeShippingProgress && e.totals.freeShippingProgress.remaining > 0
+    );
+    return (i, v) => (n(), r("div", {
+      class: a(["v-cart-summary", k.value])
+    }, [
+      t.features.subtotal ? (n(), r("div", {
+        key: 0,
+        class: a(["flex items-center justify-between gap-3", x.value])
+      }, [
+        l("span", C, c(s.value.subtotal || "Subtotal"), 1),
+        u(d(f), {
+          value: t.totals.subtotal,
+          class: "text-foreground font-semibold tabular-nums"
+        }, null, 8, ["value"])
+      ], 2)) : m("", !0),
+      t.features.discount && t.totals.discount && t.totals.discount > 0 ? (n(), r("div", {
+        key: 1,
+        class: a(["flex items-center justify-between gap-3", x.value])
+      }, [
+        l("span", $, [
+          u(b, {
+            icon: "lucide:tag",
+            class: "w-3.5 h-3.5 shrink-0"
+          }),
+          l("span", j, c(y.value), 1),
+          p.value ? (n(), r("span", {
+            key: 0,
+            class: a(["inline-flex items-center px-1.5 py-0.5 rounded bg-success/10 text-success font-bold tabular-nums shrink-0", t.compact ? "text-[9px]" : "text-[10px]"])
+          }, c(p.value), 3)) : m("", !0)
+        ]),
+        u(d(f), {
+          value: -t.totals.discount,
+          class: "text-success font-semibold tabular-nums"
+        }, null, 8, ["value"])
+      ], 2)) : m("", !0),
+      V.value ? (n(), r("div", {
+        key: 2,
+        class: a(["flex items-center gap-1.5 text-muted-foreground", t.compact ? "text-[10px]" : "text-xs"])
+      }, [
+        u(b, {
+          icon: "lucide:truck",
+          class: a(t.compact ? "w-3 h-3" : "w-3.5 h-3.5")
+        }, null, 8, ["class"]),
+        l("span", null, [
+          v[0] || (v[0] = g(" Add ", -1)),
+          u(d(f), {
+            value: t.totals.freeShippingProgress.remaining,
+            class: "font-semibold text-foreground"
+          }, null, 8, ["value"]),
+          v[1] || (v[1] = g(" more for free shipping ", -1))
+        ])
+      ], 2)) : m("", !0),
+      t.features.shipping && t.totals.shipping !== void 0 ? (n(), r("div", {
+        key: 3,
+        class: a(["flex items-center justify-between gap-3", x.value])
+      }, [
+        l("span", B, c(s.value.shipping || "Shipping"), 1),
+        l("span", E, [
+          t.totals.shipping === 0 ? (n(), r("span", N, "Free")) : (n(), T(d(f), {
+            key: 1,
+            value: t.totals.shipping
+          }, null, 8, ["value"]))
+        ])
+      ], 2)) : m("", !0),
+      t.features.estimatedTax && t.totals.estimatedTax !== void 0 ? (n(), r("div", {
+        key: 4,
+        class: a(["flex items-center justify-between gap-3", x.value])
+      }, [
+        l("span", D, c(h.value), 1),
+        u(d(f), {
+          value: t.totals.estimatedTax,
+          class: "text-foreground font-semibold tabular-nums"
+        }, null, 8, ["value"])
+      ], 2)) : m("", !0),
+      l("div", {
+        class: a(["flex items-center justify-between gap-3", w.value])
+      }, [
+        l("span", P, c(s.value.grandTotal || "Grand Total"), 1),
+        u(d(f), {
+          value: t.totals.grandTotal,
+          class: a(["font-black text-foreground tabular-nums", e.compact ? "text-base" : "text-lg"])
+        }, null, 8, ["value", "class"])
+      ], 2),
+      t.features.totalSavings && t.totals.totalSavings && t.totals.totalSavings > 0 ? (n(), r("div", {
+        key: 5,
+        class: a(["flex items-center justify-between gap-3 pt-1", t.compact ? "text-[10px]" : "text-xs"])
+      }, [
+        l("span", F, [
+          u(b, {
+            icon: "lucide:circle-dollar-sign",
+            class: a(t.compact ? "w-3 h-3" : "w-3.5 h-3.5")
+          }, null, 8, ["class"]),
+          g(" " + c(s.value.totalSavings || "Total Savings"), 1)
+        ]),
+        u(d(f), {
+          value: t.totals.totalSavings,
+          class: "text-success font-bold tabular-nums"
+        }, null, 8, ["value"])
+      ], 2)) : m("", !0)
+    ], 2));
+  }
+});
+export {
+  z as default
+};

package/components/Cart/CartSummary.vue2.js

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

package/components/Cart/CartVariant1.vue.js

@@ -0,0 +1,156 @@
+import { defineComponent as q, computed as s, openBlock as a, createElementBlock as u, normalizeStyle as B, normalizeClass as d, createElementVNode as y, createVNode as h, toDisplayString as v, createCommentVNode as c, createBlock as f, Fragment as D, renderList as L, withCtx as C, createTextVNode as w } from "vue";
+import N from "../Icon.vue.js";
+import x from "../Button.vue.js";
+import E from "./CartLineItem.vue.js";
+import I from "./CartSummary.vue.js";
+import j from "./CartCouponInput.vue.js";
+import R from "./CartEmptyState.vue.js";
+const A = { class: "min-w-0 flex-1" }, F = { class: "flex items-center gap-2" }, T = {
+  key: 0,
+  class: "inline-flex items-center justify-center px-1.5 h-5 rounded-full bg-muted text-muted-foreground text-[10px] font-bold tabular-nums"
+}, U = {
+  key: 0,
+  class: "text-muted-foreground text-xs mt-0.5 truncate"
+}, Y = { class: "flex-1 min-h-0 overflow-y-auto" }, G = {
+  key: 1,
+  class: "space-y-2 pt-1"
+}, W = /* @__PURE__ */ q({
+  __name: "CartVariant1",
+  props: {
+    data: {},
+    actions: {},
+    features: {},
+    labels: {},
+    compact: { type: Boolean, default: !1 },
+    variant: { default: "Variant1" },
+    containerClass: {}
+  },
+  emits: ["update:quantity", "remove", "clear", "apply-coupon", "remove-coupon", "coupon-change", "continue", "continue-shopping"],
+  setup(e, { emit: S }) {
+    const p = e, i = S, l = s(() => p.data), m = s(() => p.labels || {}), n = s(() => p.actions || {}), b = s(() => p.features || {}), r = s(() => l.value.empty || !l.value.items || l.value.items.length === 0), $ = s(
+      () => l.value.totals.itemCount ?? l.value.items?.reduce((k, t) => k + (t.quantity || 0), 0) ?? 0
+    ), z = s(
+      () => n.value.showContinue && b.value.continue && !n.value.continueDisabled && !r.value
+    );
+    return (k, t) => (a(), u("div", {
+      class: d(["v-cart v-cart-v1 flex flex-col bg-background text-foreground border border-border rounded-lg overflow-hidden h-full", [e.containerClass]]),
+      style: B({
+        "--cart-cell-px": e.compact ? "0.875rem" : "1.25rem",
+        "--cart-cell-py": e.compact ? "0.75rem" : "1rem"
+      })
+    }, [
+      l.value.title || l.value.subtitle ? (a(), u("div", {
+        key: 0,
+        class: d(["flex items-center justify-between gap-3 border-b border-border shrink-0", e.compact ? "px-4 py-2.5" : "px-5 py-3.5"])
+      }, [
+        y("div", A, [
+          y("div", F, [
+            h(N, {
+              icon: "lucide:shopping-bag",
+              class: d(e.compact ? "w-4 h-4" : "w-5 h-5")
+            }, null, 8, ["class"]),
+            y("h2", {
+              class: d(["font-bold text-foreground leading-tight truncate", e.compact ? "text-sm" : "text-base"])
+            }, v(l.value.title || m.value.cart || "Your Cart"), 3),
+            r.value ? c("", !0) : (a(), u("span", T, v($.value), 1))
+          ]),
+          l.value.subtitle && !e.compact ? (a(), u("p", U, v(l.value.subtitle), 1)) : c("", !0)
+        ]),
+        e.features.clearable && !r.value && !e.data.readonly ? (a(), f(x, {
+          key: 0,
+          variant: "ghost",
+          size: e.compact ? "xs" : "sm",
+          icon: "lucide:trash-2",
+          text: m.value.clearCart,
+          "as-icon": !m.value.clearCart,
+          onClick: t[0] || (t[0] = (o) => i("clear"))
+        }, null, 8, ["size", "text", "as-icon"])) : c("", !0)
+      ], 2)) : c("", !0),
+      y("div", Y, [
+        r.value ? (a(), f(R, {
+          key: 0,
+          labels: e.labels,
+          compact: e.compact,
+          onContinueShopping: t[1] || (t[1] = (o) => i("continue-shopping"))
+        }, null, 8, ["labels", "compact"])) : (a(), u("ul", {
+          key: 1,
+          class: d(["divide-y divide-border", e.compact ? "px-4" : "px-5"])
+        }, [
+          (a(!0), u(D, null, L(e.data.items, (o) => (a(), u("li", {
+            key: o.id
+          }, [
+            h(E, {
+              item: o,
+              features: e.features,
+              labels: e.labels,
+              compact: e.compact,
+              readonly: e.data.readonly,
+              layout: "drawer",
+              "onUpdate:quantity": t[2] || (t[2] = (g, V) => i("update:quantity", g, V)),
+              onRemove: t[3] || (t[3] = (g) => i("remove", g))
+            }, null, 8, ["item", "features", "labels", "compact", "readonly"])
+          ]))), 128))
+        ], 2))
+      ]),
+      r.value ? c("", !0) : (a(), u("div", {
+        key: 1,
+        class: d(["border-t border-border bg-card-light/40 shrink-0 space-y-3", e.compact ? "p-4" : "p-5"])
+      }, [
+        e.features.coupon ? (a(), f(j, {
+          key: 0,
+          coupon: e.data.coupon,
+          labels: e.labels,
+          compact: e.compact,
+          readonly: e.data.readonly,
+          onApply: t[4] || (t[4] = (o) => i("apply-coupon", o)),
+          onRemove: t[5] || (t[5] = (o) => i("remove-coupon")),
+          onChange: t[6] || (t[6] = (o) => i("coupon-change", o))
+        }, null, 8, ["coupon", "labels", "compact", "readonly"])) : c("", !0),
+        h(I, {
+          totals: e.data.totals,
+          features: e.features,
+          labels: e.labels,
+          compact: e.compact,
+          coupon: e.data.coupon,
+          variant: "Variant1"
+        }, null, 8, ["totals", "features", "labels", "compact", "coupon"]),
+        z.value && n.value.continueLabel || n.value.showContinueShopping && b.value.continueShopping ? (a(), u("div", G, [
+          n.value.showContinue && b.value.continue ? (a(), f(x, {
+            key: 0,
+            variant: "primary",
+            size: e.compact ? "md" : "lg",
+            block: !0,
+            icon: n.value.continueIcon || "lucide:arrow-right",
+            "icon-right": (n.value.continueIcon, void 0),
+            disabled: n.value.continueDisabled || r.value,
+            class: "w-full",
+            onClick: t[7] || (t[7] = (o) => i("continue"))
+          }, {
+            default: C(() => [
+              w(v(n.value.continueLabel || m.value.continue || "Continue to checkout"), 1)
+            ]),
+            _: 1
+          }, 8, ["size", "icon", "icon-right", "disabled"])) : c("", !0),
+          n.value.showContinueShopping && b.value.continueShopping ? (a(), f(x, {
+            key: 1,
+            variant: "ghost",
+            size: e.compact ? "sm" : "md",
+            block: !0,
+            icon: n.value.continueShoppingIcon || "lucide:arrow-left",
+            disabled: n.value.continueShoppingDisabled,
+            class: "w-full",
+            onClick: t[8] || (t[8] = (o) => i("continue-shopping"))
+          }, {
+            default: C(() => [
+              w(v(n.value.continueShoppingLabel || m.value.continueShopping || "Continue shopping"), 1)
+            ]),
+            _: 1
+          }, 8, ["size", "icon", "disabled"])) : c("", !0)
+        ])) : c("", !0)
+      ], 2))
+    ], 6));
+  }
+});
+export {
+  W as default
+};

package/components/Cart/CartVariant1.vue2.js

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

package/components/Cart/CartVariant2.vue.js

@@ -0,0 +1,154 @@
+import { defineComponent as z, computed as r, openBlock as a, createElementBlock as s, normalizeClass as o, createElementVNode as n, createBlock as p, createCommentVNode as d, toDisplayString as v, Fragment as L, renderList as N, createVNode as k, withCtx as C, createTextVNode as w } from "vue";
+import q from "../Icon.vue.js";
+import S from "../Button.vue.js";
+import B from "./CartLineItem.vue.js";
+import A from "./CartSummary.vue.js";
+import D from "./CartCouponInput.vue.js";
+import E from "./CartEmptyState.vue.js";
+const I = { class: "flex items-center justify-center gap-1.5" }, R = { class: "flex-1 min-h-0 overflow-y-auto" }, j = { class: "divide-y divide-dashed divide-border" }, F = {
+  key: 0,
+  class: "shrink-0"
+}, T = {
+  key: 1,
+  class: "grid grid-cols-2 gap-2"
+}, P = /* @__PURE__ */ z({
+  __name: "CartVariant2",
+  props: {
+    data: {},
+    actions: {},
+    features: {},
+    labels: {},
+    compact: { type: Boolean, default: !1 },
+    variant: { default: "Variant2" },
+    containerClass: {}
+  },
+  emits: ["update:quantity", "remove", "clear", "apply-coupon", "remove-coupon", "coupon-change", "continue", "continue-shopping"],
+  setup(e, { emit: $ }) {
+    const b = e, u = $, c = r(() => b.data), y = r(() => b.labels || {}), l = r(() => b.actions || {}), m = r(() => b.features || {}), f = r(() => c.value.empty || !c.value.items || c.value.items.length === 0), x = r(
+      () => c.value.totals.itemCount ?? c.value.items?.reduce((h, t) => h + (t.quantity || 0), 0) ?? 0
+    );
+    return (h, t) => (a(), s("div", {
+      class: o(["v-cart v-cart-v2 flex flex-col bg-background text-foreground border border-border max-w-md mx-auto overflow-hidden h-full", [e.containerClass, e.compact ? "rounded-sm" : "rounded-md"]])
+    }, [
+      n("div", {
+        class: o(["text-center border-b border-dashed border-border shrink-0", e.compact ? "p-3" : "p-4"])
+      }, [
+        n("div", I, [
+          c.value.brandLogo ? (a(), p(q, {
+            key: 0,
+            icon: c.value.brandLogo,
+            class: o(e.compact ? "w-5 h-5" : "w-6 h-6")
+          }, null, 8, ["icon", "class"])) : d("", !0),
+          n("p", {
+            class: o(["font-bold text-foreground tracking-wide", e.compact ? "text-sm" : "text-base"])
+          }, v(c.value.brandName || c.value.title || y.value.cart || "Cart"), 3)
+        ]),
+        f.value ? d("", !0) : (a(), s("p", {
+          key: 0,
+          class: o(["text-muted-foreground tabular-nums font-semibold uppercase tracking-wider", e.compact ? "text-[10px] mt-0.5" : "text-xs mt-1"])
+        }, v(x.value) + " " + v(x.value === 1 ? "item" : "items"), 3))
+      ], 2),
+      n("div", R, [
+        f.value ? (a(), p(E, {
+          key: 0,
+          labels: e.labels,
+          compact: e.compact,
+          onContinueShopping: t[0] || (t[0] = (i) => u("continue-shopping"))
+        }, null, 8, ["labels", "compact"])) : (a(), s("div", {
+          key: 1,
+          class: o(e.compact ? "px-3 py-2" : "px-4 py-3")
+        }, [
+          n("div", {
+            class: o(["flex items-center text-muted-foreground font-semibold uppercase tracking-wider pb-1 border-b border-dashed border-border", e.compact ? "text-[9px] gap-1" : "text-[10px] gap-2"])
+          }, [...t[8] || (t[8] = [
+            n("span", { class: "flex-1" }, "Item", -1),
+            n("span", { class: "w-20 text-right" }, "Amount", -1)
+          ])], 2),
+          n("ul", j, [
+            (a(!0), s(L, null, N(e.data.items, (i) => (a(), s("li", {
+              key: i.id
+            }, [
+              k(B, {
+                item: i,
+                features: e.features,
+                labels: e.labels,
+                compact: e.compact,
+                readonly: e.data.readonly,
+                layout: "compact",
+                "onUpdate:quantity": t[1] || (t[1] = (g, V) => u("update:quantity", g, V)),
+                onRemove: t[2] || (t[2] = (g) => u("remove", g))
+              }, null, 8, ["item", "features", "labels", "compact", "readonly"])
+            ]))), 128))
+          ])
+        ], 2))
+      ]),
+      f.value ? d("", !0) : (a(), s("div", F, [
+        n("div", {
+          class: o(["border-t border-dashed border-border", e.compact ? "mx-3" : "mx-4"])
+        }, null, 2),
+        n("div", {
+          class: o(e.compact ? "px-3 py-2" : "px-4 py-3")
+        }, [
+          k(A, {
+            totals: e.data.totals,
+            features: e.features,
+            labels: e.labels,
+            compact: e.compact,
+            coupon: e.data.coupon,
+            variant: "Variant2"
+          }, null, 8, ["totals", "features", "labels", "compact", "coupon"])
+        ], 2),
+        n("div", {
+          class: o(["border-t border-dashed border-border", e.compact ? "mx-3" : "mx-4"])
+        }, null, 2),
+        n("div", {
+          class: o(e.compact ? "px-3 py-2.5 space-y-2.5" : "px-4 py-3 space-y-3")
+        }, [
+          e.features.coupon ? (a(), p(D, {
+            key: 0,
+            coupon: e.data.coupon,
+            labels: e.labels,
+            compact: e.compact,
+            readonly: e.data.readonly,
+            onApply: t[3] || (t[3] = (i) => u("apply-coupon", i)),
+            onRemove: t[4] || (t[4] = (i) => u("remove-coupon")),
+            onChange: t[5] || (t[5] = (i) => u("coupon-change", i))
+          }, null, 8, ["coupon", "labels", "compact", "readonly"])) : d("", !0),
+          l.value.showContinue && m.value.continue || l.value.showContinueShopping && m.value.continueShopping ? (a(), s("div", T, [
+            l.value.showContinueShopping && m.value.continueShopping ? (a(), p(S, {
+              key: 0,
+              variant: "outline",
+              size: e.compact ? "sm" : "md",
+              icon: l.value.continueShoppingIcon || "lucide:plus",
+              disabled: l.value.continueShoppingDisabled,
+              onClick: t[6] || (t[6] = (i) => u("continue-shopping"))
+            }, {
+              default: C(() => [
+                w(v(l.value.continueShoppingLabel || y.value.continueShopping || "Add more"), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "icon", "disabled"])) : d("", !0),
+            l.value.showContinue && m.value.continue ? (a(), p(S, {
+              key: 1,
+              variant: "primary",
+              size: e.compact ? "sm" : "md",
+              icon: l.value.continueIcon || "lucide:credit-card",
+              "icon-right": void 0,
+              disabled: l.value.continueDisabled || f.value,
+              class: o(l.value.showContinueShopping && m.value.continueShopping ? "" : "col-span-2"),
+              onClick: t[7] || (t[7] = (i) => u("continue"))
+            }, {
+              default: C(() => [
+                w(v(l.value.continueLabel || y.value.continue || "Checkout"), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "icon", "disabled", "class"])) : d("", !0)
+          ])) : d("", !0)
+        ], 2)
+      ]))
+    ], 2));
+  }
+});
+export {
+  P as default
+};

package/components/Cart/CartVariant2.vue2.js

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