vlite3 1.2.1 → 1.2.2

package/components/Invoice/InvoiceVariant2.vue.js

@@ -1,36 +1,63 @@
-import { defineComponent as b, computed as v, openBlock as o, createElementBlock as c, normalizeStyle as h, normalizeClass as l, createElementVNode as a, createVNode as u, createCommentVNode as n, toDisplayString as s, unref as i, Fragment as g, renderList as k } from "vue";
+import { defineComponent as y, computed as x, openBlock as a, createElementBlock as o, normalizeStyle as g, normalizeClass as c, createElementVNode as s, createVNode as i, createCommentVNode as l, toDisplayString as t, unref as r, Fragment as b, renderList as k } from "vue";
 import m from "../Price/Price.vue.js";
-import w from "../DateTime/DateTime.vue.js";
+import _ from "../DateTime/DateTime.vue.js";
 import I from "../Barcode/Barcode.vue.js";
-import _ from "../QRCode/QRCode.vue.js";
-import p from "../Avatar.vue.js";
+import w from "../QRCode/QRCode.vue.js";
+import v from "../Avatar.vue.js";
 import j from "../StatusChip/StatusChip.vue.js";
 import z from "./InvoiceTotals.vue.js";
 const N = {
   key: 0,
   class: "flex justify-center mb-2"
-}, V = { key: 0 }, $ = { key: 1 }, B = { key: 2 }, D = { key: 3 }, C = { class: "flex justify-between items-center" }, L = { class: "text-muted-foreground font-medium" }, T = { class: "font-semibold text-foreground" }, S = {
+}, T = { key: 0 }, V = { key: 1 }, B = { key: 2 }, $ = { key: 3 }, D = { class: "flex justify-between items-center" }, M = { class: "text-muted-foreground font-medium" }, S = { class: "font-semibold text-foreground" }, L = {
   key: 0,
   class: "flex justify-between items-center"
-}, q = { class: "text-muted-foreground font-medium" }, E = {
+}, C = { class: "text-muted-foreground font-medium" }, q = {
   key: 1,
-  class: "flex justify-between items-center"
-}, A = { class: "text-muted-foreground font-medium" }, F = { class: "font-semibold text-foreground" }, K = {
+  class: "flex justify-between items-start mt-1.5"
+}, E = { class: "text-muted-foreground font-medium shrink-0 mr-4" }, A = { class: "text-right flex flex-col" }, F = { class: "font-semibold text-foreground" }, K = {
+  key: 0,
+  class: "text-muted-foreground mt-0.5"
+}, O = {
+  key: 1,
+  class: "text-muted-foreground"
+}, P = {
   key: 2,
-  class: "flex justify-between items-center"
-}, O = { class: "text-muted-foreground font-medium" }, R = { class: "flex items-start gap-2.5" }, U = { class: "flex-1 min-w-0" }, G = { class: "flex justify-between items-start gap-2" }, H = ["title"], J = {
+  class: "text-muted-foreground"
+}, R = {
+  key: 2,
+  class: "flex justify-between items-start mt-1.5"
+}, U = { class: "text-muted-foreground font-medium shrink-0 mr-4" }, G = { class: "text-right flex flex-col" }, H = { class: "font-semibold text-foreground" }, J = {
   key: 0,
+  class: "text-muted-foreground mt-0.5"
+}, Q = {
+  key: 1,
+  class: "text-muted-foreground"
+}, W = {
+  key: 2,
   class: "text-muted-foreground"
-}, M = {
+}, X = {
+  key: 3,
+  class: "flex justify-between items-start mt-1.5"
+}, Y = { class: "text-muted-foreground font-medium shrink-0 mr-4" }, Z = { class: "font-semibold text-foreground text-right" }, ee = {
+  key: 4,
+  class: "flex justify-between items-start mt-1.5"
+}, te = { class: "text-muted-foreground font-medium shrink-0 mr-4" }, se = { class: "font-semibold text-foreground text-right" }, ae = {
+  key: 5,
+  class: "flex justify-between items-center mt-1.5"
+}, oe = { class: "text-muted-foreground font-medium" }, ne = { class: "flex items-start gap-2.5" }, le = { class: "flex-1 min-w-0" }, ce = { class: "flex justify-between items-start gap-2" }, ue = ["title"], de = {
+  key: 0,
+  class: "text-muted-foreground"
+}, ie = {
   key: 1,
   class: "text-success font-medium flex items-center gap-0.5"
-}, P = { key: 0 }, Q = { class: "flex flex-row flex-wrap items-center justify-center gap-3" }, W = {
+}, re = { key: 0 }, me = { class: "flex flex-row flex-wrap items-center justify-center gap-3" }, fe = {
   key: 0,
   class: "bg-white"
-}, X = {
+}, pe = {
   key: 1,
   class: "bg-white overflow-hidden"
-}, ne = /* @__PURE__ */ b({
+}, we = /* @__PURE__ */ y({
   __name: "InvoiceVariant2",
   props: {
     data: {},
@@ -38,180 +65,202 @@ const N = {
     displayBarcodeValue: { type: Boolean, default: !1 },
     labels: {}
   },
-  setup(t) {
-    const x = t, e = v(() => x.data), r = v(() => x.labels || {});
-    return (Y, f) => (o(), c("div", {
-      class: l(["v-invoice-v2 bg-background text-foreground border border-border mx-auto print:max-w-[300px] font-sans tracking-tight", t.compact ? "max-w-xs" : "max-w-sm sm:max-w-md"]),
-      style: h({
-        "--text-sm": t.compact ? "12px" : "13.5px",
-        "--text-xs": t.compact ? "9.5px" : "10px"
+  setup(n) {
+    const f = n, e = x(() => f.data), d = x(() => f.labels || {});
+    return (xe, p) => (a(), o("div", {
+      class: c(["v-invoice-v2 bg-background text-foreground border border-border mx-auto print:max-w-[300px] font-sans tracking-tight", n.compact ? "max-w-xs" : "max-w-sm sm:max-w-md"]),
+      style: g({
+        "--text-sm": n.compact ? "12px" : "13.5px",
+        "--text-xs": n.compact ? "9.5px" : "10px"
       })
     }, [
-      a("div", {
-        class: l(["text-center", t.compact ? "p-4 pb-3" : "p-6 pb-4"])
+      s("div", {
+        class: c(["text-center", n.compact ? "p-4 pb-3" : "p-6 pb-4"])
       }, [
-        e.value.brandLogo ? (o(), c("div", N, [
-          u(p, {
+        e.value.brandLogo ? (a(), o("div", N, [
+          i(v, {
             src: e.value.brandLogo,
             alt: e.value.brandName,
-            class: l(t.compact ? "h-9 w-9" : "h-12 w-12"),
+            class: c(n.compact ? "h-9 w-9" : "h-12 w-12"),
             rounded: "md"
           }, null, 8, ["src", "alt", "class"])
-        ])) : n("", !0),
-        e.value.brandName ? (o(), c("h2", {
+        ])) : l("", !0),
+        e.value.brandName ? (a(), o("h2", {
           key: 1,
-          class: l(["font-bold uppercase tracking-widest text-foreground", t.compact ? "text-base" : "text-xl"])
-        }, s(e.value.brandName), 3)) : n("", !0),
-        e.value.companyInfo ? (o(), c("div", {
+          class: c(["font-bold uppercase tracking-widest text-foreground", n.compact ? "text-base" : "text-xl"])
+        }, t(e.value.brandName), 3)) : l("", !0),
+        e.value.companyInfo ? (a(), o("div", {
           key: 2,
-          class: l(["text-muted-foreground space-y-0.5 mt-1", t.compact ? "text-xs" : "text-sm"])
+          class: c(["text-muted-foreground space-y-0.5 mt-1", n.compact ? "text-xs" : "text-sm"])
         }, [
-          e.value.companyInfo.address ? (o(), c("p", V, s(e.value.companyInfo.address), 1)) : n("", !0),
-          e.value.companyInfo.city || e.value.companyInfo.state ? (o(), c("p", $, s(e.value.companyInfo.city) + " " + s(e.value.companyInfo.state) + " " + s(e.value.companyInfo.zip), 1)) : n("", !0),
-          e.value.companyInfo.phone ? (o(), c("p", B, s(e.value.companyInfo.phone), 1)) : n("", !0),
-          e.value.companyInfo.taxId ? (o(), c("p", D, s(r.value.taxId || "VAT") + ": " + s(e.value.companyInfo.taxId), 1)) : n("", !0)
-        ], 2)) : n("", !0)
+          e.value.companyInfo.address ? (a(), o("p", T, t(e.value.companyInfo.address), 1)) : l("", !0),
+          e.value.companyInfo.city || e.value.companyInfo.state ? (a(), o("p", V, t(e.value.companyInfo.city) + " " + t(e.value.companyInfo.state) + " " + t(e.value.companyInfo.zip), 1)) : l("", !0),
+          e.value.companyInfo.phone ? (a(), o("p", B, t(e.value.companyInfo.phone), 1)) : l("", !0),
+          e.value.companyInfo.taxId ? (a(), o("p", $, t(d.value.taxId || "VAT") + ": " + t(e.value.companyInfo.taxId), 1)) : l("", !0)
+        ], 2)) : l("", !0)
       ], 2),
-      a("div", {
-        class: l(["border-t border-dashed border-border", t.compact ? "mx-3" : "mx-5"])
+      s("div", {
+        class: c(["border-t border-dashed border-border", n.compact ? "mx-3" : "mx-5"])
       }, null, 2),
-      a("div", {
-        class: l(t.compact ? "px-4 py-2.5 space-y-1 text-xs" : "px-5 py-3.5 space-y-1.5 text-sm")
+      s("div", {
+        class: c(n.compact ? "px-4 py-2.5 space-y-1 text-xs" : "px-5 py-3.5 space-y-1.5 text-sm")
       }, [
-        a("div", C, [
-          a("span", L, s(r.value.invoiceNumber || "Receipt #"), 1),
-          a("span", T, s(e.value.invoiceNumber), 1)
+        s("div", D, [
+          s("span", M, t(d.value.invoiceNumber || "Receipt #"), 1),
+          s("span", S, t(e.value.invoiceNumber), 1)
         ]),
-        e.value.issuedDate ? (o(), c("div", S, [
-          a("span", q, s(r.value.issued || "Date"), 1),
-          u(i(w), {
+        e.value.issuedDate ? (a(), o("div", L, [
+          s("span", C, t(d.value.issued || "Date"), 1),
+          i(r(_), {
             value: e.value.issuedDate,
             type: "dateTime",
             class: "font-medium text-foreground"
           }, null, 8, ["value"])
-        ])) : n("", !0),
-        e.value.customerInfo?.name ? (o(), c("div", E, [
-          a("span", A, s(r.value.billedTo || "Customer"), 1),
-          a("span", F, s(e.value.customerInfo.name), 1)
-        ])) : n("", !0),
-        e.value.status ? (o(), c("div", K, [
-          a("span", O, s(r.value.status || "Status"), 1),
-          u(j, {
+        ])) : l("", !0),
+        e.value.customerInfo?.name ? (a(), o("div", q, [
+          s("span", E, t(d.value.billedTo || "Bill To"), 1),
+          s("div", A, [
+            s("span", F, t(e.value.customerInfo.name), 1),
+            e.value.customerInfo.address ? (a(), o("span", K, t(e.value.customerInfo.address), 1)) : l("", !0),
+            e.value.customerInfo.city || e.value.customerInfo.state ? (a(), o("span", O, t(e.value.customerInfo.city) + " " + t(e.value.customerInfo.state) + " " + t(e.value.customerInfo.zip), 1)) : l("", !0),
+            e.value.customerInfo.phone ? (a(), o("span", P, t(e.value.customerInfo.phone), 1)) : l("", !0)
+          ])
+        ])) : l("", !0),
+        e.value.shippingInfo?.name ? (a(), o("div", R, [
+          s("span", U, t(d.value.shipTo || "Ship To"), 1),
+          s("div", G, [
+            s("span", H, t(e.value.shippingInfo.name), 1),
+            e.value.shippingInfo.address ? (a(), o("span", J, t(e.value.shippingInfo.address), 1)) : l("", !0),
+            e.value.shippingInfo.city || e.value.shippingInfo.state ? (a(), o("span", Q, t(e.value.shippingInfo.city) + " " + t(e.value.shippingInfo.state) + " " + t(e.value.shippingInfo.zip), 1)) : l("", !0),
+            e.value.shippingInfo.phone ? (a(), o("span", W, t(e.value.shippingInfo.phone), 1)) : l("", !0)
+          ])
+        ])) : l("", !0),
+        e.value.paymentMethod ? (a(), o("div", X, [
+          s("span", Y, t(d.value.paymentMethod || "Payment"), 1),
+          s("span", Z, t(e.value.paymentMethod), 1)
+        ])) : l("", !0),
+        e.value.shippingMethod ? (a(), o("div", ee, [
+          s("span", te, t(d.value.shippingMethod || "Shipping"), 1),
+          s("span", se, t(e.value.shippingMethod), 1)
+        ])) : l("", !0),
+        e.value.status ? (a(), o("div", ae, [
+          s("span", oe, t(d.value.status || "Status"), 1),
+          i(j, {
             status: e.value.status,
             "hide-icon": "",
             size: "small"
           }, null, 8, ["status"])
-        ])) : n("", !0)
+        ])) : l("", !0)
       ], 2),
-      a("div", {
-        class: l(["border-t border-dashed border-border", t.compact ? "mx-3" : "mx-5"])
+      s("div", {
+        class: c(["border-t border-dashed border-border", n.compact ? "mx-3" : "mx-5"])
       }, null, 2),
-      a("div", {
-        class: l(t.compact ? "px-4 py-2.5" : "px-5 py-3.5")
+      s("div", {
+        class: c(n.compact ? "px-4 py-2.5" : "px-5 py-3.5")
       }, [
-        a("div", {
-          class: l(["flex justify-between font-semibold text-muted-foreground uppercase tracking-wider mb-2", t.compact ? "text-[10px]" : "text-xs"])
+        s("div", {
+          class: c(["flex justify-between font-semibold text-muted-foreground uppercase tracking-wider mb-2", n.compact ? "text-[10px]" : "text-xs"])
         }, [
-          a("span", null, s(r.value.item || "Item"), 1),
-          a("span", null, s(r.value.total || "Amount"), 1)
+          s("span", null, t(d.value.item || "Item"), 1),
+          s("span", null, t(d.value.total || "Amount"), 1)
         ], 2),
-        a("div", {
-          class: l(t.compact ? "space-y-2.5" : "space-y-3.5")
+        s("div", {
+          class: c(n.compact ? "space-y-2.5" : "space-y-3.5")
         }, [
-          (o(!0), c(g, null, k(e.value.items, (d, y) => (o(), c("div", {
-            key: d.id || y
+          (a(!0), o(b, null, k(e.value.items, (u, h) => (a(), o("div", {
+            key: u.id || h
           }, [
-            a("div", R, [
-              d.thumbnail ? (o(), c("div", {
+            s("div", ne, [
+              u.thumbnail ? (a(), o("div", {
                 key: 0,
-                class: l(["shrink-0 overflow-hidden border border-border mt-0.5", t.compact ? "w-8 h-8 rounded" : "w-9 h-9 rounded-md"])
+                class: c(["shrink-0 overflow-hidden border border-border mt-0.5", n.compact ? "w-8 h-8 rounded" : "w-9 h-9 rounded-md"])
               }, [
-                u(p, {
-                  src: d.thumbnail,
-                  alt: d.name,
+                i(v, {
+                  src: u.thumbnail,
+                  alt: u.name,
                   class: "w-full h-full",
                   rounded: "sm"
                 }, null, 8, ["src", "alt"])
-              ], 2)) : n("", !0),
-              a("div", U, [
-                a("div", G, [
-                  a("span", {
-                    class: l(["font-semibold text-foreground truncate", t.compact ? "text-xs" : "text-sm"]),
-                    title: d.name
-                  }, s(d.name), 11, H),
-                  u(i(m), {
-                    value: d.total,
-                    class: l(["shrink-0 font-bold text-foreground", t.compact ? "text-xs" : "text-sm"])
+              ], 2)) : l("", !0),
+              s("div", le, [
+                s("div", ce, [
+                  s("span", {
+                    class: c(["font-semibold text-foreground truncate", n.compact ? "text-xs" : "text-sm"]),
+                    title: u.name
+                  }, t(u.name), 11, ue),
+                  i(r(m), {
+                    value: u.total,
+                    class: c(["shrink-0 font-bold text-foreground", n.compact ? "text-xs" : "text-sm"])
                   }, null, 8, ["value", "class"])
                 ]),
-                d.sku ? (o(), c("div", {
+                u.sku ? (a(), o("div", {
                   key: 0,
-                  class: l(["text-muted-foreground uppercase tracking-tight truncate mt-0.5", t.compact ? "text-[9px]" : "text-[10px]"])
-                }, s(r.value.sku || "SKU") + ": " + s(d.sku), 3)) : n("", !0),
-                a("div", {
-                  class: l(["text-muted-foreground flex flex-wrap gap-x-1.5 gap-y-0.5 mt-0.5", t.compact ? "text-[10px]" : "text-xs"])
+                  class: c(["text-muted-foreground uppercase tracking-tight truncate mt-0.5", n.compact ? "text-[9px]" : "text-[10px]"])
+                }, t(d.value.sku || "SKU") + ": " + t(u.sku), 3)) : l("", !0),
+                s("div", {
+                  class: c(["text-muted-foreground flex flex-wrap gap-x-1.5 gap-y-0.5 mt-0.5", n.compact ? "text-[10px]" : "text-xs"])
                 }, [
-                  a("span", null, s(d.quantity) + " x", 1),
-                  u(i(m), {
-                    value: d.price
+                  s("span", null, t(u.quantity) + " x", 1),
+                  i(r(m), {
+                    value: u.price
                   }, null, 8, ["value"]),
-                  d.size ? (o(), c("span", J, "· " + s(d.size), 1)) : n("", !0),
-                  d.discount !== void 0 ? (o(), c("div", M, [
-                    f[0] || (f[0] = a("span", null, "· Disc:", -1)),
-                    u(i(m), {
-                      value: -d.discount
+                  u.size ? (a(), o("span", de, "· " + t(u.size), 1)) : l("", !0),
+                  u.discount !== void 0 ? (a(), o("div", ie, [
+                    p[0] || (p[0] = s("span", null, "· Disc:", -1)),
+                    i(r(m), {
+                      value: -u.discount
                     }, null, 8, ["value"]),
-                    d.discountLabel ? (o(), c("span", P, "(" + s(d.discountLabel) + ")", 1)) : n("", !0)
-                  ])) : n("", !0)
+                    u.discountLabel ? (a(), o("span", re, "(" + t(u.discountLabel) + ")", 1)) : l("", !0)
+                  ])) : l("", !0)
                 ], 2)
               ])
             ])
           ]))), 128))
         ], 2)
       ], 2),
-      a("div", {
-        class: l(["border-t border-dashed border-border", t.compact ? "mx-3" : "mx-5"])
+      s("div", {
+        class: c(["border-t border-dashed border-border", n.compact ? "mx-3" : "mx-5"])
       }, null, 2),
-      u(z, {
+      i(z, {
         totals: e.value.totals,
-        compact: t.compact,
+        compact: n.compact,
         variant: "Variant2"
       }, null, 8, ["totals", "compact"]),
-      a("div", {
-        class: l(["border-t border-dashed border-border", t.compact ? "mx-3" : "mx-5"])
+      s("div", {
+        class: c(["border-t border-dashed border-border", n.compact ? "mx-3" : "mx-5"])
       }, null, 2),
-      a("div", {
-        class: l(t.compact ? "px-4 py-3 text-center space-y-3" : "px-5 py-4 text-center space-y-4")
+      s("div", {
+        class: c(n.compact ? "px-4 py-3 text-center space-y-3" : "px-5 py-4 text-center space-y-4")
       }, [
-        a("div", Q, [
-          e.value.qrcode ? (o(), c("div", W, [
-            u(i(_), {
+        s("div", me, [
+          e.value.qrcode ? (a(), o("div", fe, [
+            i(r(w), {
               value: e.value.qrcode,
-              size: t.compact ? 48 : 64
+              size: n.compact ? 48 : 64
             }, null, 8, ["value", "size"])
-          ])) : n("", !0),
-          e.value.barcode ? (o(), c("div", X, [
-            u(i(I), {
+          ])) : l("", !0),
+          e.value.barcode ? (a(), o("div", pe, [
+            i(r(I), {
               value: e.value.barcode,
               format: "CODE128",
-              height: t.compact ? 24 : 32,
-              width: t.compact ? 1 : 1.2,
-              "display-value": t.displayBarcodeValue
+              height: n.compact ? 24 : 32,
+              width: n.compact ? 1 : 1.2,
+              "display-value": n.displayBarcodeValue
             }, null, 8, ["value", "height", "width", "display-value"])
-          ])) : n("", !0)
+          ])) : l("", !0)
         ]),
-        e.value.notes ? (o(), c("div", {
+        e.value.notes ? (a(), o("div", {
           key: 0,
-          class: l(["text-muted-foreground whitespace-pre-wrap", t.compact ? "text-[10px]" : "text-xs"])
-        }, s(e.value.notes), 3)) : n("", !0),
-        e.value.footerText ? (o(), c("div", {
+          class: c(["text-muted-foreground whitespace-pre-wrap", n.compact ? "text-[10px]" : "text-xs"])
+        }, t(e.value.notes), 3)) : l("", !0),
+        e.value.footerText ? (a(), o("div", {
           key: 1,
-          class: l(["text-muted-foreground font-medium uppercase tracking-widest", t.compact ? "text-[9px]" : "text-[10px]"])
-        }, s(e.value.footerText), 3)) : n("", !0)
+          class: c(["text-muted-foreground font-medium uppercase tracking-widest", n.compact ? "text-[9px]" : "text-[10px]"])
+        }, t(e.value.footerText), 3)) : l("", !0)
       ], 2)
     ], 6));
   }
 });
 export {
-  ne as default
+  we as default
 };