vlite3 1.4.21 → 1.4.23

package/components/Cart/CartLineItem.vue.js

@@ -1,28 +1,28 @@
-import { defineComponent as D, computed as o, openBlock as a, createElementBlock as l, normalizeClass as t, createCommentVNode as s, createElementVNode as i, toDisplayString as u, createBlock as v, unref as d, createVNode as c, Fragment as R, createTextVNode as I } from "vue";
-import r from "../Price/Price.vue.js";
+import { defineComponent as R, computed as r, openBlock as a, createElementBlock as l, normalizeClass as t, createCommentVNode as c, createElementVNode as n, toDisplayString as s, createBlock as v, unref as o, createVNode as u, Fragment as I, createTextVNode as M } from "vue";
+import d from "../Price/Price.vue.js";
 import m from "../Button.vue.js";
-const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" }, T = ["title"], E = {
+const P = ["src", "alt"], T = { class: "flex-1 min-w-0 flex flex-col gap-0.5" }, E = ["title"], F = {
   key: 0,
   class: "text-muted-foreground uppercase tracking-wider font-medium"
-}, F = { class: "flex items-center justify-between gap-2 mt-1.5" }, $ = { class: "flex items-center gap-1.5" }, L = ["value", "aria-label"], O = { class: "flex-1 min-w-0" }, A = {
+}, $ = { class: "flex items-center justify-between gap-2 mt-1.5" }, L = { class: "flex items-center gap-1.5" }, O = ["value", "aria-label"], A = { class: "flex-1 min-w-0" }, G = {
   key: 0,
   class: "text-muted-foreground uppercase tracking-wider"
-}, G = {
+}, H = {
   key: 1,
   class: "text-muted-foreground"
-}, H = { class: "text-muted-foreground tabular-nums" }, J = {
+}, J = { class: "text-muted-foreground tabular-nums" }, K = {
   key: 0,
   class: "inline-flex items-center rounded border border-input bg-background overflow-hidden h-6"
-}, K = { class: "w-6 text-center text-[11px] font-semibold tabular-nums" }, U = {
+}, U = { class: "w-6 text-center text-[11px] font-semibold tabular-nums" }, W = {
   key: 1,
   class: "text-xs font-semibold tabular-nums text-foreground"
-}, W = ["src", "alt"], X = { class: "flex-1 min-w-0 flex flex-col gap-1.5" }, Y = { class: "flex items-start justify-between gap-2" }, Z = { class: "min-w-0 flex-1" }, _ = {
+}, X = ["src", "alt"], Y = { class: "flex-1 min-w-0 flex flex-col gap-1.5" }, Z = { class: "flex items-start justify-between gap-2" }, p = { class: "min-w-0 flex-1" }, _ = {
   key: 0,
   class: "text-muted-foreground uppercase tracking-wider font-medium"
 }, ee = {
   key: 1,
   class: "inline-flex items-center px-1.5 py-0.5 rounded bg-muted text-muted-foreground font-medium"
-}, te = { class: "flex items-center justify-between" }, ae = { class: "flex items-center gap-2" }, ie = { class: "flex items-center gap-1.5" }, ne = ["value", "aria-label"], le = { class: "flex-1 min-w-0" }, oe = /* @__PURE__ */ D({
+}, te = { class: "flex items-center justify-between" }, ae = { class: "flex items-center gap-2" }, ne = { class: "flex items-center gap-1.5" }, ie = ["value", "aria-label"], le = { class: "flex-1 min-w-0" }, re = /* @__PURE__ */ R({
   __name: "CartLineItem",
   props: {
     item: {},
@@ -30,29 +30,30 @@ const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" },
     labels: {},
     compact: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
-    layout: { default: "drawer" }
+    layout: { default: "drawer" },
+    currency: {}
   },
   emits: ["update:quantity", "remove"],
-  setup(e, { emit: B }) {
-    const n = e, b = B, f = o(() => n.labels || {}), p = o(() => n.features.thumbnails && n.layout !== "compact" && n.layout !== "mini"), N = o(() => n.features.description && !n.compact), q = o(() => n.features.sku), g = o(() => n.features.itemVariant && !!n.item.variant), z = o(() => n.features.editableQuantity && !n.readonly), h = o(() => n.features.removable && !n.readonly), y = o(() => n.item.maxQuantity !== void 0 && n.item.quantity >= n.item.maxQuantity), k = o(() => n.item.quantity <= 1), C = o(() => (n.item.price || 0) * (n.item.quantity || 0));
+  setup(e, { emit: D }) {
+    const i = e, y = D, f = r(() => i.labels || {}), N = r(() => i.features.thumbnails && i.layout !== "compact" && i.layout !== "mini"), S = r(() => i.features.description && !i.compact), q = r(() => i.features.sku), b = r(() => i.features.itemVariant && !!i.item.variant), z = r(() => i.features.editableQuantity && !i.readonly), g = r(() => i.features.removable && !i.readonly), h = r(() => i.item.maxQuantity !== void 0 && i.item.quantity >= i.item.maxQuantity), k = r(() => i.item.quantity <= 1), C = r(() => (i.item.price || 0) * (i.item.quantity || 0));
     function j() {
-      y.value || b("update:quantity", n.item.id, n.item.quantity + 1);
+      h.value || y("update:quantity", i.item.id, i.item.quantity + 1);
     }
     function Q() {
-      k.value || b("update:quantity", n.item.id, n.item.quantity - 1);
+      k.value || y("update:quantity", i.item.id, i.item.quantity - 1);
     }
-    function S(V) {
-      const x = Number(V.target.value);
-      Number.isFinite(x) && x > 0 && b("update:quantity", n.item.id, Math.floor(x));
+    function V(B) {
+      const x = Number(B.target.value);
+      Number.isFinite(x) && x > 0 && y("update:quantity", i.item.id, Math.floor(x));
     }
     function w() {
-      b("remove", n.item.id);
+      y("remove", i.item.id);
     }
-    return (V, x) => e.layout === "drawer" ? (a(), l("div", {
+    return (B, x) => e.layout === "drawer" ? (a(), l("div", {
       key: 0,
       class: t(["v-cart-line flex gap-3 items-start", [e.item.inStock === !1 ? "opacity-60" : "", e.compact ? "py-2" : "py-3"]])
     }, [
-      p.value ? (a(), l("div", {
+      N.value ? (a(), l("div", {
         key: 0,
         class: t(["shrink-0 overflow-hidden border border-border bg-muted", e.compact ? "w-12 h-12 rounded" : "w-16 h-16 rounded-md"])
       }, [
@@ -61,50 +62,52 @@ const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" },
           src: e.item.thumbnail,
           alt: e.item.name,
           class: "w-full h-full object-cover"
-        }, null, 8, M)) : s("", !0)
-      ], 2)) : s("", !0),
-      i("div", P, [
-        i("p", {
+        }, null, 8, P)) : c("", !0)
+      ], 2)) : c("", !0),
+      n("div", T, [
+        n("p", {
           class: t(["font-semibold text-foreground leading-tight truncate", e.compact ? "text-xs" : "text-sm"]),
           title: e.item.name
-        }, u(e.item.name), 11, T),
-        N.value && e.item.description ? (a(), l("p", {
+        }, s(e.item.name), 11, E),
+        S.value && e.item.description ? (a(), l("p", {
           key: 0,
           class: t(["text-muted-foreground leading-snug line-clamp-1", e.compact ? "text-[10px]" : "text-xs"])
-        }, u(e.item.description), 3)) : s("", !0),
-        i("div", {
+        }, s(e.item.description), 3)) : c("", !0),
+        n("div", {
           class: t(["flex items-center gap-2 flex-wrap", e.compact ? "text-[10px] mt-0.5" : "text-xs mt-1"])
         }, [
-          q.value && e.item.sku ? (a(), l("span", E, u(e.item.sku), 1)) : s("", !0),
-          g.value ? (a(), l("span", {
+          q.value && e.item.sku ? (a(), l("span", F, s(e.item.sku), 1)) : c("", !0),
+          b.value ? (a(), l("span", {
             key: 1,
             class: t(["inline-flex items-center px-1.5 py-0.5 rounded bg-muted text-muted-foreground font-medium", e.compact ? "text-[9px]" : "text-[10px]"])
-          }, u(e.item.variant), 3)) : s("", !0),
+          }, s(e.item.variant), 3)) : c("", !0),
           e.item.inStock === !1 ? (a(), l("span", {
             key: 2,
             class: t(["inline-flex items-center px-1.5 py-0.5 rounded bg-danger-light text-danger font-semibold uppercase tracking-wider", e.compact ? "text-[9px]" : "text-[10px]"])
-          }, " Out of stock ", 2)) : s("", !0)
+          }, " Out of stock ", 2)) : c("", !0)
         ], 2),
-        i("div", F, [
-          i("div", {
+        n("div", $, [
+          n("div", {
             class: t(["flex items-center gap-1.5", e.compact ? "text-xs" : "text-sm"])
           }, [
-            e.item.originalPrice && e.item.originalPrice > e.item.price ? (a(), v(d(r), {
+            e.item.originalPrice && e.item.originalPrice > e.item.price ? (a(), v(o(d), {
               key: 0,
               value: e.item.originalPrice,
+              currency: e.currency,
               class: t(["text-muted-foreground line-through tabular-nums", e.compact ? "text-[10px]" : "text-xs"])
-            }, null, 8, ["value", "class"])) : s("", !0),
-            c(d(r), {
+            }, null, 8, ["value", "currency", "class"])) : c("", !0),
+            u(o(d), {
               value: e.item.price,
+              currency: e.currency,
               class: t(["font-bold text-foreground tabular-nums", e.compact ? "text-xs" : "text-sm"])
-            }, null, 8, ["value", "class"])
+            }, null, 8, ["value", "currency", "class"])
           ], 2),
-          i("div", $, [
+          n("div", L, [
             z.value ? (a(), l("div", {
               key: 0,
               class: t(["inline-flex items-center rounded border border-input bg-background overflow-hidden", e.compact ? "h-6" : "h-7"])
             }, [
-              c(m, {
+              u(m, {
                 variant: "ghost",
                 rounded: "none",
                 size: e.compact ? "xs" : "sm",
@@ -114,36 +117,36 @@ const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" },
                 "aria-label": "Decrease quantity",
                 onClick: Q
               }, null, 8, ["size", "disabled"]),
-              i("input", {
+              n("input", {
                 type: "text",
                 inputmode: "numeric",
                 class: t(["w-7 text-center bg-transparent border-0 outline-none text-foreground font-semibold tabular-nums", e.compact ? "text-[11px]" : "text-xs"]),
                 value: e.item.quantity,
                 "aria-label": f.value.quantity || "Quantity",
-                onChange: S
-              }, null, 42, L),
-              c(m, {
+                onChange: V
+              }, null, 42, O),
+              u(m, {
                 variant: "ghost",
                 rounded: "none",
                 size: e.compact ? "xs" : "sm",
                 icon: "lucide:plus",
                 class: "!h-full !px-1.5",
-                disabled: y.value,
+                disabled: h.value,
                 "aria-label": "Increase quantity",
                 onClick: j
               }, null, 8, ["size", "disabled"])
             ], 2)) : (a(), l("span", {
               key: 1,
               class: t(["inline-flex items-center justify-center px-2 rounded bg-muted text-foreground font-semibold tabular-nums", [e.compact ? "h-6 text-[11px]" : "h-7 text-xs"]])
-            }, " ×" + u(e.item.quantity), 3)),
-            h.value ? (a(), v(m, {
+            }, " ×" + s(e.item.quantity), 3)),
+            g.value ? (a(), v(m, {
               key: 2,
               variant: "ghost",
               size: e.compact ? "xs" : "sm",
               icon: "lucide:trash-2",
               "aria-label": f.value.remove || "Remove",
               onClick: w
-            }, null, 8, ["size", "aria-label"])) : s("", !0)
+            }, null, 8, ["size", "aria-label"])) : c("", !0)
           ])
         ])
       ])
@@ -151,26 +154,27 @@ const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" },
       key: 1,
       class: t(["v-cart-line flex items-center gap-2", e.compact ? "py-1.5" : "py-2"])
     }, [
-      i("div", O, [
-        i("p", {
+      n("div", A, [
+        n("p", {
           class: t(["font-semibold text-foreground leading-tight truncate", e.compact ? "text-xs" : "text-sm"])
-        }, u(e.item.name), 3),
-        i("div", {
+        }, s(e.item.name), 3),
+        n("div", {
           class: t(["flex items-center gap-1.5", e.compact ? "text-[10px] mt-0.5" : "text-xs mt-0.5"])
         }, [
-          q.value && e.item.sku ? (a(), l("span", A, u(e.item.sku), 1)) : s("", !0),
-          g.value ? (a(), l("span", G, "· " + u(e.item.variant), 1)) : s("", !0),
-          x[0] || (x[0] = i("span", { class: "text-muted-foreground" }, "·", -1)),
-          i("span", H, [
-            c(d(r), {
+          q.value && e.item.sku ? (a(), l("span", G, s(e.item.sku), 1)) : c("", !0),
+          b.value ? (a(), l("span", H, "· " + s(e.item.variant), 1)) : c("", !0),
+          x[0] || (x[0] = n("span", { class: "text-muted-foreground" }, "·", -1)),
+          n("span", J, [
+            u(o(d), {
               value: e.item.price,
+              currency: e.currency,
               class: "text-muted-foreground"
-            }, null, 8, ["value"])
+            }, null, 8, ["value", "currency"])
           ])
         ], 2)
       ]),
-      z.value ? (a(), l("div", J, [
-        c(m, {
+      z.value ? (a(), l("div", K, [
+        u(m, {
           variant: "ghost",
           rounded: "none",
           size: "xs",
@@ -180,23 +184,24 @@ const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" },
           "aria-label": "Decrease",
           onClick: Q
         }, null, 8, ["disabled"]),
-        i("span", K, u(e.item.quantity), 1),
-        c(m, {
+        n("span", U, s(e.item.quantity), 1),
+        u(m, {
           variant: "ghost",
           rounded: "none",
           size: "xs",
           icon: "lucide:plus",
           class: "!w-6 !h-full !px-0",
-          disabled: y.value,
+          disabled: h.value,
           "aria-label": "Increase",
           onClick: j
         }, null, 8, ["disabled"])
-      ])) : (a(), l("span", U, "×" + u(e.item.quantity), 1)),
-      c(d(r), {
+      ])) : (a(), l("span", W, "×" + s(e.item.quantity), 1)),
+      u(o(d), {
         value: C.value,
+        currency: e.currency,
         class: t(["font-bold text-foreground tabular-nums shrink-0 w-16 text-right", e.compact ? "text-xs" : "text-sm"])
-      }, null, 8, ["value", "class"]),
-      h.value ? (a(), v(m, {
+      }, null, 8, ["value", "currency", "class"]),
+      g.value ? (a(), v(m, {
         key: 2,
         variant: "ghost",
         size: "xs",
@@ -204,12 +209,12 @@ const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" },
         class: "!w-6 !h-6",
         "aria-label": f.value.remove || "Remove",
         onClick: w
-      }, null, 8, ["aria-label"])) : s("", !0)
+      }, null, 8, ["aria-label"])) : c("", !0)
     ], 2)) : e.layout === "card" ? (a(), l("div", {
       key: 2,
       class: t(["v-cart-line flex gap-3 p-3 border border-border", [e.item.inStock === !1 ? "opacity-60" : "", e.compact ? "p-2" : ""]])
     }, [
-      p.value ? (a(), l("div", {
+      N.value ? (a(), l("div", {
         key: 0,
         class: t(["shrink-0 overflow-hidden border border-border bg-muted rounded-md", e.compact ? "w-14 h-14" : "w-20 h-20"])
       }, [
@@ -218,50 +223,52 @@ const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" },
           src: e.item.thumbnail,
           alt: e.item.name,
           class: "w-full h-full object-cover"
-        }, null, 8, W)) : s("", !0)
-      ], 2)) : s("", !0),
-      i("div", X, [
-        i("div", Y, [
-          i("div", Z, [
-            i("p", {
+        }, null, 8, X)) : c("", !0)
+      ], 2)) : c("", !0),
+      n("div", Y, [
+        n("div", Z, [
+          n("div", p, [
+            n("p", {
               class: t(["font-semibold text-foreground leading-tight", e.compact ? "text-xs" : "text-sm"])
-            }, u(e.item.name), 3),
-            N.value && e.item.description ? (a(), l("p", {
+            }, s(e.item.name), 3),
+            S.value && e.item.description ? (a(), l("p", {
               key: 0,
               class: t(["text-muted-foreground line-clamp-2 leading-snug", e.compact ? "text-[10px] mt-0.5" : "text-xs mt-1"])
-            }, u(e.item.description), 3)) : s("", !0),
-            i("div", {
+            }, s(e.item.description), 3)) : c("", !0),
+            n("div", {
               class: t(["flex items-center gap-2 flex-wrap", e.compact ? "text-[10px] mt-1" : "text-xs mt-1.5"])
             }, [
-              q.value && e.item.sku ? (a(), l("span", _, u(e.item.sku), 1)) : s("", !0),
-              g.value ? (a(), l("span", ee, u(e.item.variant), 1)) : s("", !0)
+              q.value && e.item.sku ? (a(), l("span", _, s(e.item.sku), 1)) : c("", !0),
+              b.value ? (a(), l("span", ee, s(e.item.variant), 1)) : c("", !0)
             ], 2)
           ]),
-          c(d(r), {
+          u(o(d), {
             value: C.value,
+            currency: e.currency,
             class: t(["font-extrabold text-foreground tabular-nums shrink-0", e.compact ? "text-sm" : "text-base"])
-          }, null, 8, ["value", "class"])
+          }, null, 8, ["value", "currency", "class"])
         ]),
-        i("div", te, [
-          i("div", ae, [
-            i("span", {
+        n("div", te, [
+          n("div", ae, [
+            n("span", {
               class: t(["text-muted-foreground tabular-nums", e.compact ? "text-[10px]" : "text-xs"])
             }, [
-              c(d(r), {
+              u(o(d), {
                 value: e.item.price,
+                currency: e.currency,
                 class: "text-muted-foreground"
-              }, null, 8, ["value"]),
-              e.item.quantity > 1 ? (a(), l(R, { key: 0 }, [
-                I(" × " + u(e.item.quantity), 1)
-              ], 64)) : s("", !0)
+              }, null, 8, ["value", "currency"]),
+              e.item.quantity > 1 ? (a(), l(I, { key: 0 }, [
+                M(" × " + s(e.item.quantity), 1)
+              ], 64)) : c("", !0)
             ], 2)
           ]),
-          i("div", ie, [
+          n("div", ne, [
             z.value ? (a(), l("div", {
               key: 0,
               class: t(["inline-flex items-center rounded border border-input bg-background overflow-hidden", e.compact ? "h-7" : "h-8"])
             }, [
-              c(m, {
+              u(m, {
                 variant: "ghost",
                 rounded: "none",
                 size: e.compact ? "xs" : "sm",
@@ -271,36 +278,36 @@ const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" },
                 "aria-label": "Decrease",
                 onClick: Q
               }, null, 8, ["size", "disabled"]),
-              i("input", {
+              n("input", {
                 type: "text",
                 inputmode: "numeric",
                 class: t(["w-8 text-center bg-transparent border-0 outline-none font-semibold tabular-nums", e.compact ? "text-xs" : "text-sm"]),
                 value: e.item.quantity,
                 "aria-label": f.value.quantity || "Quantity",
-                onChange: S
-              }, null, 42, ne),
-              c(m, {
+                onChange: V
+              }, null, 42, ie),
+              u(m, {
                 variant: "ghost",
                 rounded: "none",
                 size: e.compact ? "xs" : "sm",
                 icon: "lucide:plus",
                 class: "!w-7 !h-full !px-0",
-                disabled: y.value,
+                disabled: h.value,
                 "aria-label": "Increase",
                 onClick: j
               }, null, 8, ["size", "disabled"])
             ], 2)) : (a(), l("span", {
               key: 1,
               class: t(["inline-flex items-center justify-center px-2 rounded bg-muted text-foreground font-semibold tabular-nums", [e.compact ? "h-7 text-xs" : "h-8 text-sm"]])
-            }, " ×" + u(e.item.quantity), 3)),
-            h.value ? (a(), v(m, {
+            }, " ×" + s(e.item.quantity), 3)),
+            g.value ? (a(), v(m, {
               key: 2,
               variant: "ghost",
               size: e.compact ? "sm" : "sm2",
               icon: "lucide:trash-2",
               "aria-label": f.value.remove || "Remove",
               onClick: w
-            }, null, 8, ["size", "aria-label"])) : s("", !0)
+            }, null, 8, ["size", "aria-label"])) : c("", !0)
           ])
         ])
       ])
@@ -308,23 +315,24 @@ const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" },
       key: 3,
       class: t(["v-cart-line flex items-center justify-between gap-2", e.compact ? "py-1.5" : "py-2"])
     }, [
-      i("div", le, [
-        i("p", {
+      n("div", le, [
+        n("p", {
           class: t(["font-medium text-foreground leading-tight truncate", e.compact ? "text-xs" : "text-sm"])
-        }, u(e.item.name), 3),
-        g.value ? (a(), l("p", {
+        }, s(e.item.name), 3),
+        b.value ? (a(), l("p", {
           key: 0,
           class: t(["text-muted-foreground", e.compact ? "text-[10px]" : "text-xs"])
-        }, u(e.item.variant), 3)) : s("", !0)
+        }, s(e.item.variant), 3)) : c("", !0)
       ]),
-      i("span", {
+      n("span", {
         class: t(["text-muted-foreground tabular-nums", e.compact ? "text-[10px]" : "text-xs"])
-      }, " ×" + u(e.item.quantity), 3),
-      c(d(r), {
+      }, " ×" + s(e.item.quantity), 3),
+      u(o(d), {
         value: C.value,
+        currency: e.currency,
         class: t(["font-semibold text-foreground tabular-nums shrink-0", e.compact ? "text-xs" : "text-sm"])
-      }, null, 8, ["value", "class"]),
-      h.value ? (a(), v(m, {
+      }, null, 8, ["value", "currency", "class"]),
+      g.value ? (a(), v(m, {
         key: 0,
         variant: "ghost",
         size: "xs",
@@ -332,10 +340,10 @@ const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" },
         class: "!w-5 !h-5 !min-w-5 !min-h-5",
         "aria-label": "Remove",
         onClick: w
-      })) : s("", !0)
+      })) : c("", !0)
     ], 2));
   }
 });
 export {
-  oe as default
+  re as default
 };

package/components/Cart/CartSummary.vue.d.ts

@@ -21,6 +21,7 @@ type __VLS_Props = {
     variant?: CartVariant;
     /** Currently applied coupon (for the discount-row caption + pill) */
     coupon?: CartCoupon;
+    currency?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     variant: CartVariant;