vlite3 1.1.1 → 1.1.2

package/components/Invoice/InvoiceVariant3.vue.js

@@ -1,249 +1,292 @@
-import { defineComponent as w, computed as v, openBlock as s, createElementBlock as o, normalizeClass as c, createElementVNode as t, toDisplayString as l, unref as r, createCommentVNode as d, createVNode as i, Fragment as b, renderList as h, createTextVNode as I } from "vue";
-import p from "../Price/Price.vue.js";
+import { defineComponent as _, computed as f, openBlock as o, createElementBlock as s, normalizeStyle as I, normalizeClass as n, createElementVNode as t, createVNode as i, createCommentVNode as c, toDisplayString as l, createBlock as z, unref as u, Fragment as y, renderList as b, createTextVNode as N } from "vue";
+import v from "../Price/Price.vue.js";
 import g from "../DateTime/DateTime.vue.js";
-import { getStatusColorClass as z } from "../../utils/status.js";
 import D from "../QRCode/QRCode.vue.js";
-const N = { class: "flex items-center gap-2" }, _ = { class: "opacity-80" }, T = ["src", "alt"], j = { class: "font-bold text-sm" }, C = {
+import B from "../Barcode/Barcode.vue.js";
+import k from "../Avatar.vue.js";
+import T from "../StatusChip/StatusChip.vue.js";
+const V = { class: "flex items-center gap-3" }, $ = {
+  key: 0,
+  class: "shrink-0"
+}, L = { class: "flex flex-col leading-tight" }, S = { class: "flex items-center gap-3" }, j = { key: 0 }, q = { class: "mt-0.5 text-muted-foreground space-y-0.5 text-xs" }, C = { key: 0 }, E = { key: 1 }, F = { key: 2 }, P = {
+  key: 3,
+  class: "pt-0.5"
+}, G = { key: 1 }, K = { class: "mt-0.5 text-muted-foreground space-y-0.5 text-xs" }, O = { key: 0 }, Q = { key: 1 }, U = { key: 2 }, A = { class: "flex flex-col md:items-end gap-2" }, H = {
+  key: 0,
+  class: "flex gap-2 items-center"
+}, J = {
+  key: 1,
+  class: "flex gap-2 items-center"
+}, M = {
+  key: 2,
+  class: "flex items-center justify-end gap-2 mt-1"
+}, R = {
+  key: 0,
+  class: "p-1 bg-white border border-border rounded shadow-sm"
+}, W = {
   key: 1,
-  class: "mt-1 text-muted-foreground space-y-0.5 text-xs"
-}, L = { key: 0 }, S = { key: 1 }, V = { key: 2 }, B = { key: 0 }, q = { class: "font-semibold text-sm" }, $ = { class: "mt-1 text-muted-foreground space-y-0.5 text-xs" }, E = { key: 0 }, P = { key: 1 }, F = { key: 2 }, G = {
+  class: "p-1 bg-white border border-border rounded shadow-sm overflow-hidden"
+}, X = { class: "border border-border rounded-md overflow-x-auto" }, Y = { class: "invoice-table" }, Z = { class: "invoice-thead" }, ee = { class: "invoice-tbody text-xs" }, te = { class: "invoice-td" }, oe = { class: "flex items-center gap-2.5" }, se = { class: "min-w-0 flex-1" }, ae = ["title"], ce = ["title"], le = { class: "invoice-td invoice-text-right tabular-nums text-muted-foreground font-medium" }, ne = {
   key: 0,
-  class: "flex gap-2"
-}, K = {
+  class: "invoice-td invoice-text-right tabular-nums text-muted-foreground"
+}, de = { class: "invoice-td invoice-text-right tabular-nums text-muted-foreground" }, re = {
   key: 1,
-  class: "flex gap-2"
-}, Q = { class: "border border-border rounded" }, U = { class: "w-full text-left whitespace-nowrap" }, A = { class: "bg-muted text-muted-foreground uppercase font-semibold border-b border-border text-xs" }, H = { class: "divide-y divide-border text-xs" }, J = { class: "flex items-center gap-2" }, M = ["src", "alt"], O = { class: "min-w-0 flex-1" }, R = ["title"], W = ["title"], X = {
+  class: "invoice-td invoice-text-right tabular-nums text-success/80 font-medium"
+}, ie = {
   key: 0,
   class: "flex flex-col items-end"
-}, Y = {
+}, ue = {
   key: 0,
   class: "text-[8px] uppercase font-bold"
-}, Z = { key: 1 }, ee = { class: "whitespace-pre-wrap" }, te = {
+}, me = {
+  key: 1,
+  class: "text-muted-foreground"
+}, ve = { class: "invoice-td invoice-text-right tabular-nums font-semibold text-foreground" }, xe = {
+  key: 0,
+  class: "text-muted-foreground text-xs border-t border-border pt-3"
+}, fe = { class: "whitespace-pre-wrap" }, pe = {
   key: 1,
   class: "text-center text-muted-foreground opacity-70 text-xs"
-}, de = /* @__PURE__ */ w({
+}, Ie = /* @__PURE__ */ _({
   __name: "InvoiceVariant3",
   props: {
     data: {},
-    compact: { type: Boolean, default: !1 }
+    compact: { type: Boolean, default: !1 },
+    displayBarcodeValue: { type: Boolean, default: !1 }
   },
   setup(a) {
-    const k = a, e = v(() => k.data), f = v(() => e.value.items.some((m) => !!m.size)), y = v(() => e.value.items.some((m) => m.discount !== void 0));
-    return (m, n) => (s(), o("div", {
-      class: c(["v-invoice-v3 bg-body text-foreground border border-border shadow-sm rounded-md overflow-hidden", a.compact ? "text-xs" : "text-sm"])
+    const w = a, e = f(() => w.data), p = f(() => e.value.items.some((m) => !!m.size)), h = f(() => e.value.items.some((m) => m.discount !== void 0));
+    return (m, r) => (o(), s("div", {
+      class: n(["v-invoice-v3 bg-background text-foreground border border-border rounded-lg overflow-hidden", a.compact ? "text-xs" : "text-sm"]),
+      style: I({
+        "--invoice-cell-px": a.compact ? "0.75rem" : "1rem",
+        "--invoice-cell-py": a.compact ? "0.375rem" : "0.5rem",
+        "--invoice-thead-bg": "var(--color-muted)",
+        "--invoice-tr-border": "1px solid var(--color-border)",
+        "--invoice-tr-hover-bg": "color-mix(in oklab, var(--color-muted) 30%, transparent)"
+      })
     }, [
       t("div", {
-        class: c(["bg-primary flex justify-between items-center text-primary-foreground", a.compact ? "px-6 py-3" : "px-6 py-4"])
+        class: n(["bg-primary flex justify-between items-center text-primary-foreground", a.compact ? "px-5 py-2.5" : "px-6 py-3.5"])
       }, [
-        t("div", N, [
-          t("span", {
-            class: c(["font-bold uppercase tracking-wider", a.compact ? "text-base" : "text-lg"])
-          }, l(e.value.brandTitle || "Invoice"), 3),
-          t("span", _, "#" + l(e.value.invoiceNumber), 1)
+        t("div", V, [
+          e.value.brandLogo ? (o(), s("div", $, [
+            i(k, {
+              src: e.value.brandLogo,
+              alt: e.value.brandName,
+              class: n(a.compact ? "h-7 w-7" : "h-8 w-8"),
+              rounded: "sm"
+            }, null, 8, ["src", "alt", "class"])
+          ])) : c("", !0),
+          t("div", L, [
+            e.value.brandName ? (o(), s("span", {
+              key: 0,
+              class: n(["font-bold text-primary-foreground leading-tight", a.compact ? "text-sm" : "text-base"])
+            }, l(e.value.brandName), 3)) : c("", !0),
+            e.value.brandTitle ? (o(), s("span", {
+              key: 1,
+              class: n(["opacity-75 font-medium", a.compact ? "text-[10px]" : "text-xs"])
+            }, l(e.value.brandTitle), 3)) : c("", !0)
+          ])
         ]),
-        e.value.status ? (s(), o("span", {
-          key: 0,
-          class: c(["font-bold uppercase tracking-widest text-xs", r(z)(e.value.status)])
-        }, l(e.value.status), 3)) : d("", !0)
+        t("div", S, [
+          t("span", {
+            class: n(["opacity-80 font-medium", a.compact ? "text-xs" : "text-sm"])
+          }, "#" + l(e.value.invoiceNumber), 3),
+          e.value.status ? (o(), z(T, {
+            key: 0,
+            status: e.value.status,
+            "hide-icon": "",
+            size: "small"
+          }, null, 8, ["status"])) : c("", !0)
+        ])
       ], 2),
       t("div", {
-        class: c(a.compact ? "p-4 space-y-4" : "p-6 space-y-6")
+        class: n(a.compact ? "p-4 space-y-4" : "p-5 space-y-5")
       }, [
         t("div", {
-          class: c(["grid grid-cols-1 md:grid-cols-3", a.compact ? "gap-4" : "gap-6"])
+          class: n(["grid grid-cols-1 md:grid-cols-3", a.compact ? "gap-3" : "gap-5"])
         }, [
-          t("div", null, [
-            e.value.brandLogo ? (s(), o("div", {
-              key: 0,
-              class: c(a.compact ? "h-7 mb-2" : "h-8 mb-3")
-            }, [
-              t("img", {
-                src: e.value.brandLogo,
-                alt: e.value.brandName,
-                class: "h-full object-contain"
-              }, null, 8, T)
-            ], 2)) : d("", !0),
-            t("h3", j, l(e.value.brandName), 1),
-            e.value.companyInfo ? (s(), o("div", C, [
-              e.value.companyInfo.address ? (s(), o("p", L, l(e.value.companyInfo.address), 1)) : d("", !0),
-              e.value.companyInfo.city ? (s(), o("p", S, l(e.value.companyInfo.city) + ", " + l(e.value.companyInfo.state) + " " + l(e.value.companyInfo.zip), 1)) : d("", !0),
-              e.value.companyInfo.country ? (s(), o("p", V, l(e.value.companyInfo.country), 1)) : d("", !0)
-            ])) : d("", !0)
-          ]),
-          e.value.customerInfo ? (s(), o("div", B, [
-            n[0] || (n[0] = t("h4", { class: "font-semibold text-muted-foreground uppercase tracking-wider text-xs mb-1" }, " Billed To ", -1)),
-            t("p", q, l(e.value.customerInfo.name), 1),
-            t("div", $, [
-              e.value.customerInfo.address ? (s(), o("p", E, l(e.value.customerInfo.address), 1)) : d("", !0),
-              e.value.customerInfo.city ? (s(), o("p", P, l(e.value.customerInfo.city) + ", " + l(e.value.customerInfo.state) + " " + l(e.value.customerInfo.zip), 1)) : d("", !0),
-              e.value.customerInfo.email ? (s(), o("p", F, l(e.value.customerInfo.email), 1)) : d("", !0)
+          e.value.companyInfo ? (o(), s("div", j, [
+            t("p", {
+              class: n(["text-muted-foreground uppercase tracking-widest font-semibold mb-1.5", a.compact ? "text-[9px]" : "text-[10px]"])
+            }, " From ", 2),
+            t("p", {
+              class: n(["font-bold text-foreground", a.compact ? "text-xs" : "text-sm"])
+            }, l(e.value.companyInfo.name || e.value.brandName), 3),
+            t("div", q, [
+              e.value.companyInfo.address ? (o(), s("p", C, l(e.value.companyInfo.address), 1)) : c("", !0),
+              e.value.companyInfo.city ? (o(), s("p", E, l(e.value.companyInfo.city) + ", " + l(e.value.companyInfo.state) + " " + l(e.value.companyInfo.zip), 1)) : c("", !0),
+              e.value.companyInfo.country ? (o(), s("p", F, l(e.value.companyInfo.country), 1)) : c("", !0),
+              e.value.companyInfo.email ? (o(), s("p", P, l(e.value.companyInfo.email), 1)) : c("", !0)
             ])
-          ])) : d("", !0),
-          t("div", {
-            class: c(["flex flex-col md:items-end", a.compact ? "space-y-1" : "space-y-2"])
-          }, [
-            e.value.issuedDate ? (s(), o("div", G, [
-              n[1] || (n[1] = t("span", { class: "text-muted-foreground font-medium text-xs" }, "Date:", -1)),
-              i(r(g), {
+          ])) : c("", !0),
+          e.value.customerInfo ? (o(), s("div", G, [
+            t("p", {
+              class: n(["text-muted-foreground uppercase tracking-widest font-semibold mb-1.5", a.compact ? "text-[9px]" : "text-[10px]"])
+            }, " Billed To ", 2),
+            t("p", {
+              class: n(["font-bold text-foreground", a.compact ? "text-xs" : "text-sm"])
+            }, l(e.value.customerInfo.name), 3),
+            t("div", K, [
+              e.value.customerInfo.address ? (o(), s("p", O, l(e.value.customerInfo.address), 1)) : c("", !0),
+              e.value.customerInfo.city ? (o(), s("p", Q, l(e.value.customerInfo.city) + ", " + l(e.value.customerInfo.state) + " " + l(e.value.customerInfo.zip), 1)) : c("", !0),
+              e.value.customerInfo.email ? (o(), s("p", U, l(e.value.customerInfo.email), 1)) : c("", !0)
+            ])
+          ])) : c("", !0),
+          t("div", A, [
+            e.value.issuedDate ? (o(), s("div", H, [
+              r[0] || (r[0] = t("span", { class: "text-muted-foreground font-medium text-xs" }, "Issued:", -1)),
+              i(u(g), {
                 value: e.value.issuedDate,
                 type: "date",
-                class: "font-semibold text-xs"
+                class: "font-semibold text-xs text-foreground"
               }, null, 8, ["value"])
-            ])) : d("", !0),
-            e.value.dueDate ? (s(), o("div", K, [
-              n[2] || (n[2] = t("span", { class: "text-muted-foreground font-medium text-xs" }, "Due:", -1)),
-              i(r(g), {
+            ])) : c("", !0),
+            e.value.dueDate ? (o(), s("div", J, [
+              r[1] || (r[1] = t("span", { class: "text-muted-foreground font-medium text-xs" }, "Due:", -1)),
+              i(u(g), {
                 value: e.value.dueDate,
                 type: "date",
-                class: "font-semibold text-xs"
+                class: "font-semibold text-xs text-foreground"
               }, null, 8, ["value"])
-            ])) : d("", !0),
-            e.value.qrcode ? (s(), o("div", {
-              key: 2,
-              class: c(a.compact ? "mt-1 text-right" : "mt-2 text-right")
-            }, [
-              i(r(D), {
-                text: e.value.qrcode,
-                size: a.compact ? 56 : 64
-              }, null, 8, ["text", "size"])
-            ], 2)) : d("", !0)
-          ], 2)
+            ])) : c("", !0),
+            e.value.qrcode || e.value.barcode ? (o(), s("div", M, [
+              e.value.qrcode ? (o(), s("div", R, [
+                i(u(D), {
+                  value: e.value.qrcode,
+                  size: a.compact ? 40 : 48
+                }, null, 8, ["value", "size"])
+              ])) : c("", !0),
+              e.value.barcode ? (o(), s("div", W, [
+                i(u(B), {
+                  value: e.value.barcode,
+                  format: "CODE128",
+                  height: a.compact ? 20 : 26,
+                  width: a.compact ? 1 : 1.2,
+                  "display-value": a.displayBarcodeValue
+                }, null, 8, ["value", "height", "width", "display-value"])
+              ])) : c("", !0)
+            ])) : c("", !0)
+          ])
         ], 2),
-        t("div", Q, [
-          t("table", U, [
-            t("thead", A, [
+        t("div", X, [
+          t("table", Y, [
+            t("thead", Z, [
               t("tr", null, [
-                t("th", {
+                r[2] || (r[2] = t("th", {
                   scope: "col",
-                  class: c(a.compact ? "px-3 py-1.5" : "px-4 py-2")
-                }, "Product", 2),
+                  class: "invoice-th"
+                }, "Product", -1)),
                 t("th", {
                   scope: "col",
-                  class: c(["w-16 text-right", a.compact ? "px-3 py-1.5" : "px-4 py-2 w-24"])
-                }, " Qty ", 2),
-                f.value ? (s(), o("th", {
+                  class: n(["invoice-th invoice-text-right", a.compact ? "w-14" : "w-20"])
+                }, "Qty", 2),
+                p.value ? (o(), s("th", {
                   key: 0,
                   scope: "col",
-                  class: c(["text-right w-16", a.compact ? "px-3 py-1.5" : "px-4 py-2 w-20"])
-                }, " Size ", 2)) : d("", !0),
+                  class: n(["invoice-th invoice-text-right", a.compact ? "w-14" : "w-20"])
+                }, "Size", 2)) : c("", !0),
                 t("th", {
                   scope: "col",
-                  class: c(["text-right", a.compact ? "px-3 py-1.5 w-24" : "px-4 py-2 w-32"])
-                }, " Price ", 2),
-                y.value ? (s(), o("th", {
+                  class: n(["invoice-th invoice-text-right", a.compact ? "w-20" : "w-28"])
+                }, "Price", 2),
+                h.value ? (o(), s("th", {
                   key: 1,
                   scope: "col",
-                  class: c(["text-right", a.compact ? "px-3 py-1.5 w-24" : "px-4 py-2 w-32"])
-                }, " Discount ", 2)) : d("", !0),
+                  class: n(["invoice-th invoice-text-right", a.compact ? "w-20" : "w-28"])
+                }, "Discount", 2)) : c("", !0),
                 t("th", {
                   scope: "col",
-                  class: c(["text-right", a.compact ? "px-3 py-1.5 w-24" : "px-4 py-2 w-32"])
-                }, " Total ", 2)
+                  class: n(["invoice-th invoice-text-right", a.compact ? "w-20" : "w-28"])
+                }, "Total", 2)
               ])
             ]),
-            t("tbody", H, [
-              (s(!0), o(b, null, h(e.value.items, (u, x) => (s(), o("tr", {
-                key: u.id || x,
-                class: "hover:bg-muted/30"
+            t("tbody", ee, [
+              (o(!0), s(y, null, b(e.value.items, (d, x) => (o(), s("tr", {
+                key: d.id || x,
+                class: "invoice-tr group"
               }, [
-                t("td", {
-                  class: c(a.compact ? "px-3 py-1.5" : "px-4 py-2")
-                }, [
-                  t("div", J, [
-                    u.thumbnail ? (s(), o("div", {
+                t("td", te, [
+                  t("div", oe, [
+                    d.thumbnail ? (o(), s("div", {
                       key: 0,
-                      class: c(["shrink-0 rounded bg-muted overflow-hidden border border-border", a.compact ? "w-8 h-8" : "w-9 h-9"])
+                      class: n(["shrink-0 overflow-hidden border border-border", a.compact ? "w-8 h-8 rounded" : "w-9 h-9 rounded-md"])
                     }, [
-                      t("img", {
-                        src: u.thumbnail,
-                        alt: u.name,
-                        class: "w-full h-full object-cover"
-                      }, null, 8, M)
-                    ], 2)) : d("", !0),
-                    t("div", O, [
+                      i(k, {
+                        src: d.thumbnail,
+                        alt: d.name,
+                        class: "w-full h-full",
+                        rounded: "sm"
+                      }, null, 8, ["src", "alt"])
+                    ], 2)) : c("", !0),
+                    t("div", se, [
                       t("div", {
-                        class: c(["font-semibold text-foreground truncate", a.compact ? "" : "text-[13px]"]),
-                        title: u.name
-                      }, l(u.name), 11, R),
-                      u.sku ? (s(), o("div", {
+                        class: n(["font-semibold text-foreground truncate", a.compact ? "" : "text-[13px]"]),
+                        title: d.name
+                      }, l(d.name), 11, ae),
+                      d.sku ? (o(), s("div", {
                         key: 0,
                         class: "text-[9px] text-muted-foreground font-normal uppercase tracking-tight truncate",
-                        title: u.sku
-                      }, " SKU: " + l(u.sku), 9, W)) : d("", !0)
+                        title: d.sku
+                      }, " SKU: " + l(d.sku), 9, ce)) : c("", !0)
                     ])
                   ])
-                ], 2),
-                t("td", {
-                  class: c(["text-right tabular-nums", a.compact ? "px-3 py-1.5" : "px-4 py-2"])
-                }, l(u.quantity), 3),
-                f.value ? (s(), o("td", {
-                  key: 0,
-                  class: c(["text-right tabular-nums text-muted-foreground", a.compact ? "px-3 py-1.5" : "px-4 py-2"])
-                }, l(u.size || "-"), 3)) : d("", !0),
-                t("td", {
-                  class: c(["text-right tabular-nums", a.compact ? "px-3 py-1.5" : "px-4 py-2"])
-                }, [
-                  i(r(p), {
-                    value: u.price
+                ]),
+                t("td", le, l(d.quantity), 1),
+                p.value ? (o(), s("td", ne, l(d.size || "-"), 1)) : c("", !0),
+                t("td", de, [
+                  i(u(v), {
+                    value: d.price
                   }, null, 8, ["value"])
-                ], 2),
-                y.value ? (s(), o("td", {
-                  key: 1,
-                  class: c(["text-right tabular-nums text-success/80 font-medium", a.compact ? "px-3 py-1.5" : "px-4 py-2"])
-                }, [
-                  u.discount !== void 0 ? (s(), o("div", X, [
-                    i(r(p), {
-                      value: -u.discount
+                ]),
+                h.value ? (o(), s("td", re, [
+                  d.discount !== void 0 ? (o(), s("div", ie, [
+                    i(u(v), {
+                      value: -d.discount
                     }, null, 8, ["value"]),
-                    u.discountLabel ? (s(), o("span", Y, l(u.discountLabel), 1)) : d("", !0)
-                  ])) : (s(), o("span", Z, "-"))
-                ], 2)) : d("", !0),
-                t("td", {
-                  class: c(["text-right tabular-nums font-semibold", a.compact ? "px-3 py-1.5" : "px-4 py-2"])
-                }, [
-                  i(r(p), {
-                    value: u.total
+                    d.discountLabel ? (o(), s("span", ue, l(d.discountLabel), 1)) : c("", !0)
+                  ])) : (o(), s("span", me, "-"))
+                ])) : c("", !0),
+                t("td", ve, [
+                  i(u(v), {
+                    value: d.total
                   }, null, 8, ["value"])
-                ], 2)
+                ])
               ]))), 128))
             ])
           ]),
           t("div", {
-            class: c(["bg-muted/30 border-t border-border flex justify-end", a.compact ? "p-3" : "p-4"])
+            class: n(["bg-muted/30 border-t border-border flex justify-end", a.compact ? "p-3" : "p-4"])
           }, [
             t("div", {
-              class: c(
-                a.compact ? "w-full max-w-[200px] space-y-1 text-xs" : "w-full max-w-[240px] space-y-1 text-xs"
-              )
+              class: n(a.compact ? "w-full max-w-[200px] space-y-1 text-xs" : "w-full max-w-[240px] space-y-1.5 text-xs")
             }, [
-              (s(!0), o(b, null, h(e.value.totals, (u, x) => (s(), o("div", {
+              (o(!0), s(y, null, b(e.value.totals, (d, x) => (o(), s("div", {
                 key: x,
-                class: c([
+                class: n([
                   "flex justify-between items-center",
-                  u.isGrandTotal ? a.compact ? "pt-1.5 mt-1.5 border-t border-border font-bold text-xs text-foreground" : "pt-2 mt-2 border-t border-border font-bold text-sm text-foreground" : "text-muted-foreground font-medium"
+                  d.isGrandTotal ? a.compact ? "pt-1.5 mt-1.5 border-t border-border font-bold text-sm text-foreground" : "pt-2 mt-2 border-t border-border font-bold text-sm text-foreground" : "text-muted-foreground font-medium"
                 ])
               }, [
-                t("span", null, l(u.label), 1),
-                i(r(p), {
-                  value: u.value
+                t("span", null, l(d.label), 1),
+                i(u(v), {
+                  value: d.value
                 }, null, 8, ["value"])
               ], 2))), 128))
             ], 2)
           ], 2)
         ]),
-        e.value.notes ? (s(), o("div", {
-          key: 0,
-          class: c(["text-muted-foreground border-t border-border text-xs", (a.compact, "pt-2")])
-        }, [
-          n[3] || (n[3] = t("strong", null, "Notes:", -1)),
-          n[4] || (n[4] = I()),
-          t("span", ee, l(e.value.notes), 1)
-        ], 2)) : d("", !0),
-        e.value.footerText ? (s(), o("div", te, l(e.value.footerText), 1)) : d("", !0)
+        e.value.notes ? (o(), s("div", xe, [
+          r[3] || (r[3] = t("strong", { class: "text-foreground" }, "Notes:", -1)),
+          r[4] || (r[4] = N()),
+          t("span", fe, l(e.value.notes), 1)
+        ])) : c("", !0),
+        e.value.footerText ? (o(), s("div", pe, l(e.value.footerText), 1)) : c("", !0)
       ], 2)
-    ], 2));
+    ], 6));
   }
 });
 export {
-  de as default
+  Ie as default
 };

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

@@ -3,8 +3,11 @@ 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;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     compact: boolean;
+    displayBarcodeValue: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;