vlite3 1.1.2 → 1.1.4

package/components/Invoice/InvoiceVariant2.vue.js

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

package/components/Invoice/InvoiceVariant3.vue.d.ts

@@ -1,10 +1,12 @@
-import { InvoiceData } from './types';
+import { InvoiceData, InvoiceLabels } from './types';
 type __VLS_Props = {
     data: InvoiceData;
     /** Reduces padding, spacing, and font sizes for print-friendly output */
     compact?: boolean;
     /** Toggles the display of the barcode text value underneath the bars */
     displayBarcodeValue?: boolean;
+    /** Custom text labels for static UI strings */
+    labels?: InvoiceLabels;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     compact: boolean;