@wisemen/wise-invoicing-web 0.3.0 → 0.4.0

package/dist/{BillingDocumentPdf-PU9Ldfhs.js → BillingDocumentPdf-rFqmLUPy.js}

@@ -1,13 +1,43 @@
-import "./api.util-CkIRZS3h.js";
+import "./api.util-D6m6OY3_.js";
 import { b as e, x as t } from "./documentTitle.composable-CRJjS6p-.js";
-import { n } from "./invoicingConfig.composable-COn1rKRf.js";
+import { n } from "./invoicingConfig.composable-DjFexycc.js";
 import { n as r } from "./address.transformer-jGddczLV.js";
-import { st as i } from "./dist-BD7Allff.js";
-import { useI18n as a } from "vue-i18n";
-import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
-import { UIColumnLayout as S, UIRowLayout as C, UIText as w } from "@wisemen/vue-core-design-system";
+import { dt as i } from "./dist-DCbLgB6Y.js";
+import { i as a } from "./billingDocumentDetail.transformer-Da-Nt4bI.js";
+import { useI18n as o } from "vue-i18n";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, normalizeStyle as _, openBlock as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, withCtx as C } from "vue";
+import { UIColumnLayout as w, UIRowLayout as T, UIText as E } from "@wisemen/vue-core-design-system";
 //#region src/modules/invoice/use-cases/pdf/utils/invoicePdf.util.ts
-var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16, P = 14, F = /\r?\n/u, I = class {
+var D = "-", O = 32, k = 512, A = 640, j = 576, M = 704, N = 52, P = 34, F = 16, I = 14, L = /\r?\n/u, R = class {
+	static appendRows(e, t, n, r, i) {
+		let o = [...t.map((e) => ({
+			kind: "line",
+			line: e,
+			position: e.position
+		})), ...n.map((e) => ({
+			group: e,
+			kind: "group",
+			position: e.position
+		}))].toSorted((e, t) => e.position - t.position);
+		for (let t of o) {
+			if (t.kind === "line") {
+				e.push({
+					depth: r,
+					line: t.line,
+					type: "line"
+				});
+				continue;
+			}
+			e.push({
+				uuid: t.group.uuid,
+				name: t.group.name,
+				depth: r,
+				description: t.group.description,
+				total: this.getGroupTotal(a.flattenLines([t.group]), i),
+				type: "group"
+			}), this.appendRows(e, t.group.lines, t.group.groups, r + 1, i);
+		}
+	}
 	static avoidGroupRowOrphans(e) {
 		let t = e.map((e) => [...e]);
 		for (let e = 0; e < t.length - 1; e += 1) {
@@ -25,46 +55,16 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 		return n.length > 0 ? n : [[]];
 	}
 	static buildRows(e, t) {
-		let n = [...e.ungroupedLines.map((e) => ({
-			kind: "line",
-			line: e,
-			position: e.position
-		})), ...e.groups.map((e) => ({
-			group: e,
-			kind: "group",
-			position: e.position
-		}))].toSorted((e, t) => e.position - t.position), r = [];
-		for (let e of n) {
-			if (e.kind === "line") {
-				r.push({
-					isGrouped: !1,
-					line: e.line,
-					type: "line"
-				});
-				continue;
-			}
-			r.push({
-				uuid: e.group.uuid,
-				name: e.group.name,
-				description: e.group.description,
-				total: this.getGroupTotal(e.group.lines, t),
-				type: "group"
-			});
-			for (let t of e.group.lines.toSorted((e, t) => e.position - t.position)) r.push({
-				isGrouped: !0,
-				line: t,
-				type: "line"
-			});
-		}
-		return r;
+		let n = [];
+		return this.appendRows(n, e.ungroupedLines, e.groups, 0, t), n;
 	}
 	static estimateGroupRowHeight(e) {
 		let t = [e.name, e.description].filter((e) => e !== null && e.trim() !== "").reduce((e, t) => e + this.getWrappedTextLineCount(t), 0);
-		return Math.max(E, N + t * P);
+		return Math.max(O, F + t * I);
 	}
 	static estimateLineHeight(e) {
 		let t = this.getWrappedItemLineCount(e);
-		return Math.max(E, N + t * P);
+		return Math.max(O, F + t * I);
 	}
 	static estimateRowHeight(e) {
 		return e.type === "group" ? this.estimateGroupRowHeight(e) : this.estimateLineHeight(e.line);
@@ -85,7 +85,7 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 		return `${this.formatNumber(e, t)}%`;
 	}
 	static formatPlainDate(e, t) {
-		return e === null ? T : new Intl.DateTimeFormat(t, {
+		return e === null ? D : new Intl.DateTimeFormat(t, {
 			day: "2-digit",
 			month: "2-digit",
 			timeZone: "UTC",
@@ -114,8 +114,8 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 		};
 	}
 	static getLastPageRowBudget(e) {
-		let t = e.headerType === "first" ? D : k;
-		return e.hasRemarks ? t - j : t;
+		let t = e.headerType === "first" ? k : j;
+		return e.hasRemarks ? t - N : t;
 	}
 	static getTotalRowsHeight(e) {
 		return e.reduce((e, t) => e + this.estimateRowHeight(t), 0);
@@ -125,13 +125,13 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 	}
 	static getWrappedTextLineCount(e) {
 		let t = e.trim();
-		return t === "" ? 1 : t.split(F).reduce((e, t) => e + Math.max(1, Math.ceil(t.length / M)), 0);
+		return t === "" ? 1 : t.split(L).reduce((e, t) => e + Math.max(1, Math.ceil(t.length / P)), 0);
 	}
 	static paginatePrefixRows(e) {
 		if (e.length === 0) return [];
-		let t = [], n = e, r = this.takeRowsForBudget(n, O);
+		let t = [], n = e, r = this.takeRowsForBudget(n, A);
 		for (t.push(r), n = n.slice(r.length); n.length > 0;) {
-			let e = this.takeRowsForBudget(n, A);
+			let e = this.takeRowsForBudget(n, M);
 			t.push(e), n = n.slice(e.length);
 		}
 		return t;
@@ -178,20 +178,20 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 		}
 		return n;
 	}
-}, L = /* @__PURE__ */ m({
+}, z = /* @__PURE__ */ h({
 	__name: "InvoicePdfFooterSection",
 	props: { invoice: {} },
 	setup(e) {
-		let t = e, n = a(), r = s(() => [{
+		let t = e, n = o(), r = c(() => [{
 			label: n.t("wise_invoicing.invoice.pdf.footer.email"),
 			value: t.invoice.issuer.email ?? ""
 		}, {
 			label: n.t("wise_invoicing.invoice.pdf.footer.phone"),
 			value: t.invoice.issuer.phoneNumber ?? ""
-		}].filter((e) => e.value !== "")), i = s(() => [
+		}].filter((e) => e.value !== "")), i = c(() => [
 			{
 				label: n.t("wise_invoicing.invoice.pdf.footer.address"),
-				value: I.getAddressLines(t.invoice.issuer.address).join(", ")
+				value: R.getAddressLines(t.invoice.issuer.address).join(", ")
 			},
 			{
 				label: n.t("wise_invoicing.invoice.pdf.footer.vat_number"),
@@ -202,38 +202,38 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 				value: t.invoice.issuer.bankAccountNumber ?? t.invoice.issuer.alternativeBankAccountNumber ?? ""
 			}
 		].filter((e) => e.value !== ""));
-		return (e, a) => (g(), c(b(S), {
+		return (e, a) => (v(), l(S(w), {
 			as: "footer",
 			align: "center",
 			justify: "center",
 			gap: "none",
 			class: "mt-auto w-full break-inside-avoid [page-break-inside:avoid]"
 		}, {
-			default: x(() => [
-				p(b(C), {
+			default: C(() => [
+				m(S(T), {
 					align: "center",
 					gap: "md"
 				}, {
-					default: x(() => [
-						a[0] ||= d("span", { class: "flex-1 border-t border-secondary" }, null, -1),
-						p(b(w), {
-							text: t.invoice.issuer.name ?? b(n).t("wise_invoicing.common.not_available"),
+					default: C(() => [
+						a[0] ||= f("span", { class: "flex-1 border-t border-secondary" }, null, -1),
+						m(S(E), {
+							text: t.invoice.issuer.name ?? S(n).t("wise_invoicing.common.not_available"),
 							truncate: !1,
 							as: "p",
 							class: "text-xs font-semibold text-primary"
 						}, null, 8, ["text"]),
-						a[1] ||= d("span", { class: "flex-1 border-t border-secondary" }, null, -1)
+						a[1] ||= f("span", { class: "flex-1 border-t border-secondary" }, null, -1)
 					]),
 					_: 1
 				}),
-				r.value.length > 0 ? (g(), c(b(C), {
+				r.value.length > 0 ? (v(), l(S(T), {
 					key: 0,
 					justify: "center",
 					gap: "xs",
 					class: "mt-xxs",
 					wrap: ""
 				}, {
-					default: x(() => [(g(!0), u(o, null, _(r.value, (e) => (g(), c(b(w), {
+					default: C(() => [(v(!0), d(s, null, y(r.value, (e) => (v(), l(S(E), {
 						key: e.label,
 						text: `${e.label}: ${e.value}`,
 						truncate: !1,
@@ -241,15 +241,15 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 						class: "text-xxs text-primary"
 					}, null, 8, ["text"]))), 128))]),
 					_: 1
-				})) : l("", !0),
-				i.value.length > 0 ? (g(), c(b(C), {
+				})) : u("", !0),
+				i.value.length > 0 ? (v(), l(S(T), {
 					key: 1,
 					justify: "center",
 					gap: "xs",
 					class: "mt-xxs",
 					wrap: ""
 				}, {
-					default: x(() => [(g(!0), u(o, null, _(i.value, (e) => (g(), c(b(w), {
+					default: C(() => [(v(!0), d(s, null, y(i.value, (e) => (v(), l(S(E), {
 						key: e.label,
 						text: `${e.label}: ${e.value}`,
 						truncate: !1,
@@ -257,123 +257,123 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 						class: "text-xxs text-primary"
 					}, null, 8, ["text"]))), 128))]),
 					_: 1
-				})) : l("", !0)
+				})) : u("", !0)
 			]),
 			_: 1
 		}));
 	}
-}), R = /* @__PURE__ */ m({
+}), B = /* @__PURE__ */ h({
 	__name: "InvoicePdfHeaderSection",
 	props: {
 		invoice: {},
 		pageType: {}
 	},
 	setup(e) {
-		let r = e, d = a(), f = n(), m = s(() => d.locale.value || "en-US"), h = s(() => r.invoice.type === t.CREDIT_NOTE), v = s(() => h.value ? r.invoice.sequence === null ? d.t("wise_invoicing.credit_note.detail.fallback_title") : `${d.t("wise_invoicing.invoice.type.credit_note")} ${r.invoice.sequence}` : r.invoice.sequence ?? d.t("wise_invoicing.invoice.detail.fallback_title")), y = s(() => {
+		let r = e, a = o(), f = n(), p = c(() => a.locale.value || "en-US"), h = c(() => r.invoice.type === t.CREDIT_NOTE), g = c(() => h.value ? r.invoice.sequence === null ? a.t("wise_invoicing.credit_note.detail.fallback_title") : `${a.t("wise_invoicing.invoice.type.credit_note")} ${r.invoice.sequence}` : r.invoice.sequence ?? a.t("wise_invoicing.invoice.detail.fallback_title")), _ = c(() => {
 			let e = r.invoice.originalInvoice?.sequence;
-			return !h.value || r.pageType !== "first" || e === null ? null : `${d.t("wise_invoicing.invoice.type.standard")} ${e}`;
-		}), T = s(() => (r.invoice.issuer.name ?? d.t("wise_invoicing.common.not_available")).split(" ").filter((e) => e !== "").slice(0, 2).map((e) => e.toUpperCase())), E = s(() => I.getAddressLines(r.invoice.customer.address)), D = s(() => {
+			return !h.value || r.pageType !== "first" || e === null ? null : `${a.t("wise_invoicing.invoice.type.standard")} ${e}`;
+		}), b = c(() => (r.invoice.issuer.name ?? a.t("wise_invoicing.common.not_available")).split(" ").filter((e) => e !== "").slice(0, 2).map((e) => e.toUpperCase())), x = c(() => R.getAddressLines(r.invoice.customer.address)), D = c(() => {
 			let e = r.invoice.customer.vatNumber;
-			return e ? `${d.t("wise_invoicing.invoice.pdf.footer.vat_number")}: ${e}` : null;
-		}), O = s(() => r.invoice.customer.name !== null || E.value.length > 0 || r.invoice.customer.email !== null || D.value !== null), k = s(() => {
+			return e ? `${a.t("wise_invoicing.invoice.pdf.footer.vat_number")}: ${e}` : null;
+		}), O = c(() => r.invoice.customer.name !== null || x.value.length > 0 || r.invoice.customer.email !== null || D.value !== null), k = c(() => {
 			let e = [{
-				label: d.t("wise_invoicing.invoice.detail.header.invoice_date"),
+				label: a.t("wise_invoicing.invoice.detail.header.invoice_date"),
 				value: A(r.invoice.issueOn)
 			}, {
-				label: d.t("wise_invoicing.invoice.detail.header.due_date"),
+				label: a.t("wise_invoicing.invoice.detail.header.due_date"),
 				value: A(r.invoice.dueOn)
 			}];
 			return r.pageType === "first" && f.isDeliveryDateVisible.value && e.push({
-				label: d.t("wise_invoicing.invoice.detail.header.delivery_date"),
+				label: a.t("wise_invoicing.invoice.detail.header.delivery_date"),
 				value: A(r.invoice.deliveredOn)
 			}), e;
 		});
 		function A(e) {
-			return I.formatPlainDate(e, m.value);
+			return R.formatPlainDate(e, p.value);
 		}
-		return (e, t) => (g(), c(b(S), {
+		return (e, t) => (v(), l(S(w), {
 			as: "header",
 			gap: "none",
 			class: "w-full break-inside-avoid [page-break-inside:avoid]"
 		}, {
-			default: x(() => [p(b(S), {
-				"aria-label": r.invoice.issuer.name ?? b(d).t("wise_invoicing.common.not_available"),
+			default: C(() => [m(S(w), {
+				"aria-label": r.invoice.issuer.name ?? S(a).t("wise_invoicing.common.not_available"),
 				align: "center",
 				gap: "none",
 				class: "w-full leading-none font-bold text-primary"
 			}, {
-				default: x(() => [(g(!0), u(o, null, _(T.value, (e) => (g(), c(b(w), {
+				default: C(() => [(v(!0), d(s, null, y(b.value, (e) => (v(), l(S(E), {
 					key: e,
 					text: e,
 					truncate: !1,
 					as: "span"
 				}, null, 8, ["text"]))), 128))]),
 				_: 1
-			}, 8, ["aria-label"]), p(b(S), {
+			}, 8, ["aria-label"]), m(S(w), {
 				gap: r.pageType === "first" ? "2xl" : "xl",
 				class: "w-full"
 			}, {
-				default: x(() => [p(b(C), {
+				default: C(() => [m(S(T), {
 					justify: "between",
 					align: "start",
 					gap: "2xl",
 					class: "w-full"
 				}, {
-					default: x(() => [p(b(S), {
+					default: C(() => [m(S(w), {
 						gap: "none",
 						class: "min-w-px"
 					}, {
-						default: x(() => [
-							y.value === null ? l("", !0) : (g(), c(b(C), {
+						default: C(() => [
+							_.value === null ? u("", !0) : (v(), l(S(T), {
 								key: 0,
 								align: "center",
 								gap: "xxs",
 								class: "text-xs text-secondary"
 							}, {
-								default: x(() => [p(b(i), {
+								default: C(() => [m(S(i), {
 									"aria-hidden": "true",
 									class: "size-3 shrink-0 text-secondary"
-								}), p(b(w), {
-									text: y.value,
+								}), m(S(E), {
+									text: _.value,
 									truncate: !1,
 									as: "p",
 									class: "text-xs text-secondary"
 								}, null, 8, ["text"])]),
 								_: 1
 							})),
-							p(b(w), {
-								text: v.value,
+							m(S(E), {
+								text: g.value,
 								truncate: !1,
 								as: "h1",
 								class: "text-lg font-semibold text-primary"
 							}, null, 8, ["text"]),
-							r.invoice.subject ? (g(), c(b(w), {
+							r.invoice.subject ? (v(), l(S(E), {
 								key: 1,
 								text: r.invoice.subject,
 								truncate: !1,
 								as: "p",
 								class: "max-w-100! text-xs wrap-break-word text-secondary"
-							}, null, 8, ["text"])) : l("", !0)
+							}, null, 8, ["text"])) : u("", !0)
 						]),
 						_: 1
-					}), p(b(S), {
+					}), m(S(w), {
 						as: "dl",
 						gap: "none",
 						class: "w-48 text-xs text-primary"
 					}, {
-						default: x(() => [(g(!0), u(o, null, _(k.value, (e) => (g(), c(b(C), {
+						default: C(() => [(v(!0), d(s, null, y(k.value, (e) => (v(), l(S(T), {
 							key: e.label,
 							justify: "between",
 							align: "start",
 							gap: "xl",
 							class: "w-full"
 						}, {
-							default: x(() => [p(b(w), {
+							default: C(() => [m(S(E), {
 								text: e.label,
 								truncate: !1,
 								as: "dt",
 								class: "font-medium text-primary"
-							}, null, 8, ["text"]), p(b(w), {
+							}, null, 8, ["text"]), m(S(E), {
 								text: e.value,
 								truncate: !1,
 								as: "dd",
@@ -384,39 +384,39 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 						_: 1
 					})]),
 					_: 1
-				}), r.pageType === "first" && O.value ? (g(), c(b(S), {
+				}), r.pageType === "first" && O.value ? (v(), l(S(w), {
 					key: 0,
 					as: "section",
 					gap: "xxs",
 					class: "break-inside-avoid [page-break-inside:avoid]"
 				}, {
-					default: x(() => [
-						p(b(w), {
-							text: b(d).t("wise_invoicing.invoice.pdf.client"),
+					default: C(() => [
+						m(S(E), {
+							text: S(a).t("wise_invoicing.invoice.pdf.client"),
 							truncate: !1,
 							as: "h2",
 							class: "text-xs font-semibold text-primary"
 						}, null, 8, ["text"]),
-						p(b(w), {
+						m(S(E), {
 							text: r.invoice.customer.name ?? "-",
 							truncate: !1,
 							as: "p",
 							class: "text-xs text-secondary"
 						}, null, 8, ["text"]),
-						(g(!0), u(o, null, _(E.value, (e) => (g(), c(b(w), {
+						(v(!0), d(s, null, y(x.value, (e) => (v(), l(S(E), {
 							key: e,
 							text: e,
 							truncate: !1,
 							as: "p",
 							class: "text-xs text-secondary"
 						}, null, 8, ["text"]))), 128)),
-						p(b(w), {
+						m(S(E), {
 							text: r.invoice.customer.email ?? "-",
 							truncate: !1,
 							as: "p",
 							class: "text-xs text-secondary"
 						}, null, 8, ["text"]),
-						D.value === null ? l("", !0) : (g(), c(b(w), {
+						D.value === null ? u("", !0) : (v(), l(S(E), {
 							key: 0,
 							text: D.value,
 							truncate: !1,
@@ -425,126 +425,133 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 						}, null, 8, ["text"]))
 					]),
 					_: 1
-				})) : l("", !0)]),
+				})) : u("", !0)]),
 				_: 1
 			}, 8, ["gap"])]),
 			_: 1
 		}));
 	}
-}), z = /* @__PURE__ */ m({
+}), V = /* @__PURE__ */ h({
 	__name: "InvoicePdfTableCell",
 	props: { bold: { type: Boolean } },
 	setup(e) {
 		let t = e;
-		return (e, n) => (g(), u("td", { class: h([t.bold && "font-semibold", "px-lg py-sm text-right align-middle text-xxs whitespace-nowrap text-primary"]) }, [v(e.$slots, "default")], 2));
+		return (e, n) => (v(), d("td", { class: g([t.bold && "font-semibold", "px-lg py-sm text-right align-middle text-xxs whitespace-nowrap text-primary"]) }, [b(e.$slots, "default")], 2));
 	}
-}), B = { class: "border-b border-secondary bg-secondary px-lg py-xs text-right text-xxs font-semibold text-primary" }, V = /* @__PURE__ */ m({
+}), H = { class: "border-b border-secondary bg-secondary px-lg py-xs text-right text-xxs font-semibold text-primary" }, U = /* @__PURE__ */ h({
 	__name: "InvoicePdfTableHeaderCell",
 	props: { label: {} },
 	setup(e) {
 		let t = e;
-		return (e, n) => (g(), u("th", B, y(t.label), 1));
+		return (e, n) => (v(), d("th", H, x(t.label), 1));
 	}
-}), H = { class: "mt-2xl w-full" }, U = { class: "w-full table-fixed border-separate border-spacing-0 overflow-hidden rounded-xs border border-secondary" }, W = { class: "table-header-group" }, G = {
+}), W = { class: "mt-2xl w-full" }, G = { class: "w-full table-fixed border-separate border-spacing-0 overflow-hidden rounded-xs border border-secondary" }, K = { class: "table-header-group" }, q = {
 	key: 0,
 	class: "break-inside-avoid bg-secondary [page-break-inside:avoid]"
-}, K = {
-	colspan: "6",
-	class: "border-y border-secondary px-lg py-sm align-middle text-xxs wrap-break-word text-primary"
-}, q = { class: "font-semibold" }, J = {
+}, J = { class: "font-semibold" }, Y = {
 	key: 0,
 	class: "ml-xs text-tertiary"
-}, Y = { class: "border-y border-secondary px-lg py-sm text-right align-middle text-xxs font-semibold whitespace-nowrap text-primary" }, X = {
+}, X = {
 	key: 0,
 	class: "mt-xxs whitespace-pre-line text-tertiary"
 }, Z = { key: 0 }, Q = {
 	colspan: "7",
 	class: "px-lg py-sm text-center text-xxs text-secondary"
-}, ee = /* @__PURE__ */ m({
+}, ee = /* @__PURE__ */ h({
 	__name: "InvoicePdfLinesTable",
 	props: {
 		isCreditNote: { type: Boolean },
 		rows: {}
 	},
 	setup(e) {
-		let t = e, n = a(), r = n.locale;
+		let t = e, n = o(), r = n.locale;
 		function i(e) {
-			return I.formatMonetary(e, r.value);
+			return R.formatMonetary(e, r.value);
 		}
-		function s(e) {
-			return e === null ? "" : I.formatMonetary(e, r.value);
+		function a(e) {
+			return e === null ? "" : R.formatMonetary(e, r.value);
 		}
 		function c(e) {
 			let n = t.isCreditNote ? {
 				...e,
 				amount: -e.amount
 			} : e;
-			return I.formatMonetary(n, r.value);
+			return R.formatMonetary(n, r.value);
 		}
-		function m(e) {
-			return I.formatMonetary(I.getDisplayLineGrossAmount(e.grossAmount, {
+		function l(e) {
+			return R.formatMonetary(R.getDisplayLineGrossAmount(e.grossAmount, {
 				isCreditNote: t.isCreditNote,
 				isDiscount: e.isDiscount
 			}), r.value);
 		}
-		function v(e) {
-			return I.formatNumber(t.isCreditNote ? -e : e, r.value);
+		function h(e) {
+			return R.formatNumber(t.isCreditNote ? -e : e, r.value);
 		}
-		function S(e) {
+		function b(e) {
 			return e.toString(r.value);
 		}
-		return (e, r) => (g(), u("div", H, [d("table", U, [
-			r[0] ||= d("colgroup", null, [
-				d("col", { class: "w-auto" }),
-				d("col", { class: "w-[8%]" }),
-				d("col", { class: "w-[8%]" }),
-				d("col", { class: "w-[14%]" }),
-				d("col", { class: "w-[16%]" }),
-				d("col", { class: "w-[4%]" }),
-				d("col", { class: "w-[12%]" })
+		function w(e) {
+			return { paddingLeft: `calc(var(--spacing-lg) + ${e} * var(--spacing-md))` };
+		}
+		return (e, r) => (v(), d("div", W, [f("table", G, [
+			r[0] ||= f("colgroup", null, [
+				f("col", { class: "w-auto" }),
+				f("col", { class: "w-[8%]" }),
+				f("col", { class: "w-[8%]" }),
+				f("col", { class: "w-[14%]" }),
+				f("col", { class: "w-[16%]" }),
+				f("col", { class: "w-[4%]" }),
+				f("col", { class: "w-[12%]" })
 			], -1),
-			d("thead", W, [d("tr", null, [
-				p(V, {
-					label: b(n).t("wise_invoicing.invoice.detail.line_items.item"),
+			f("thead", K, [f("tr", null, [
+				m(U, {
+					label: S(n).t("wise_invoicing.invoice.detail.line_items.item"),
 					class: "text-left!"
 				}, null, 8, ["label"]),
-				p(V, { label: b(n).t("wise_invoicing.invoice.detail.line_items.unit") }, null, 8, ["label"]),
-				p(V, { label: b(n).t("wise_invoicing.invoice.detail.line_items.qty") }, null, 8, ["label"]),
-				p(V, { label: b(n).t("wise_invoicing.invoice.detail.line_items.unit_price") }, null, 8, ["label"]),
-				p(V, { label: b(n).t("wise_invoicing.invoice.detail.line_items.price_excl_vat") }, null, 8, ["label"]),
-				p(V, { label: b(n).t("wise_invoicing.invoice.detail.line_items.vat") }, null, 8, ["label"]),
-				p(V, { label: b(n).t("wise_invoicing.invoice.detail.line_items.total") }, null, 8, ["label"])
+				m(U, { label: S(n).t("wise_invoicing.invoice.detail.line_items.unit") }, null, 8, ["label"]),
+				m(U, { label: S(n).t("wise_invoicing.invoice.detail.line_items.qty") }, null, 8, ["label"]),
+				m(U, { label: S(n).t("wise_invoicing.invoice.detail.line_items.unit_price") }, null, 8, ["label"]),
+				m(U, { label: S(n).t("wise_invoicing.invoice.detail.line_items.price_excl_vat") }, null, 8, ["label"]),
+				m(U, { label: S(n).t("wise_invoicing.invoice.detail.line_items.vat") }, null, 8, ["label"]),
+				m(U, { label: S(n).t("wise_invoicing.invoice.detail.line_items.total") }, null, 8, ["label"])
 			])]),
-			d("tbody", null, [(g(!0), u(o, null, _(t.rows, (e, t) => (g(), u(o, { key: e.type === "group" ? e.uuid : e.line.uuid }, [e.type === "group" ? (g(), u("tr", G, [d("td", K, [d("span", q, y(e.name), 1), e.description !== null && e.description !== "" ? (g(), u("span", J, y(e.description), 1)) : l("", !0)]), d("td", Y, y(s(e.total)), 1)])) : (g(), u("tr", {
+			f("tbody", null, [(v(!0), d(s, null, y(t.rows, (e, t) => (v(), d(s, { key: e.type === "group" ? e.uuid : e.line.uuid }, [e.type === "group" ? (v(), d("tr", q, [f("td", {
+				style: _(w(e.depth)),
+				colspan: "6",
+				class: "border-y border-secondary py-sm pr-lg align-middle text-xxs wrap-break-word text-primary"
+			}, [f("span", J, x(e.name), 1), e.description !== null && e.description !== "" ? (v(), d("span", Y, x(e.description), 1)) : u("", !0)], 4), f("td", { class: g([e.depth === 0 ? "font-semibold text-primary" : "\n                font-medium text-secondary\n              ", "border-y border-secondary px-lg py-sm text-right align-middle text-xxs whitespace-nowrap"]) }, x(a(e.total)), 3)])) : (v(), d("tr", {
 				key: 1,
-				class: h([t % 2 == 1 ? "bg-secondary" : "bg-primary", "break-inside-avoid [page-break-inside:avoid]"])
+				class: g([t % 2 == 1 ? "bg-secondary" : "bg-primary", "break-inside-avoid [page-break-inside:avoid]"])
 			}, [
-				d("td", { class: h([e.isGrouped ? "py-sm pr-lg pl-2xl" : "px-lg py-sm", "align-middle text-xxs font-medium wrap-break-word text-primary"]) }, [d("div", null, y(e.line.name), 1), e.line.description !== null && e.line.description !== "" ? (g(), u("div", X, y(e.line.description), 1)) : l("", !0)], 2),
-				p(z, null, {
-					default: x(() => [f(y(e.line.unit), 1)]),
+				f("td", {
+					style: _(w(e.depth)),
+					class: "py-sm pr-lg align-middle text-xxs font-medium wrap-break-word text-primary"
+				}, [f("div", null, x(e.line.name), 1), e.line.description !== null && e.line.description !== "" ? (v(), d("div", X, x(e.line.description), 1)) : u("", !0)], 4),
+				m(V, null, {
+					default: C(() => [p(x(e.line.unit), 1)]),
 					_: 2
 				}, 1024),
-				p(z, null, {
-					default: x(() => [f(y(v(e.line.quantity)), 1)]),
+				m(V, null, {
+					default: C(() => [p(x(h(e.line.quantity)), 1)]),
 					_: 2
 				}, 1024),
-				p(z, null, {
-					default: x(() => [f(y(i(e.line.unitPrice)), 1)]),
+				m(V, null, {
+					default: C(() => [p(x(i(e.line.unitPrice)), 1)]),
 					_: 2
 				}, 1024),
-				p(z, null, {
-					default: x(() => [f(y(c(e.line.netAmount)), 1)]),
+				m(V, null, {
+					default: C(() => [p(x(c(e.line.netAmount)), 1)]),
 					_: 2
 				}, 1024),
-				p(z, null, {
-					default: x(() => [f(y(S(e.line.vatRatePercentage)), 1)]),
+				m(V, null, {
+					default: C(() => [p(x(b(e.line.vatRatePercentage)), 1)]),
 					_: 2
 				}, 1024),
-				p(z, { bold: !0 }, {
-					default: x(() => [f(y(m(e.line)), 1)]),
+				m(V, { bold: !0 }, {
+					default: C(() => [p(x(l(e.line)), 1)]),
 					_: 2
 				}, 1024)
-			], 2))], 64))), 128)), t.rows.length === 0 ? (g(), u("tr", Z, [d("td", Q, y(b(n).t("wise_invoicing.invoice.detail.line_items.empty")), 1)])) : l("", !0)])
+			], 2))], 64))), 128)), t.rows.length === 0 ? (v(), d("tr", Z, [f("td", Q, x(S(n).t("wise_invoicing.invoice.detail.line_items.empty")), 1)])) : u("", !0)])
 		])]));
 	}
 }), $ = class {
@@ -554,70 +561,70 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 }, te = { class: "grid grid-cols-[auto_1px_auto] items-end gap-x-2xl align-bottom" }, ne = { class: "grid h-min grid-cols-[auto_auto_auto] gap-x-lg gap-y-sm text-xs" }, re = {
 	key: 0,
 	class: "mt-4xl text-xs text-primary"
-}, ie = /* @__PURE__ */ m({
+}, ie = /* @__PURE__ */ h({
 	__name: "InvoicePdfSummarySection",
 	props: {
 		hasLines: { type: Boolean },
 		invoice: {}
 	},
 	setup(e) {
-		let n = e, r = a(), i = s(() => r.locale.value || "en-US"), c = s(() => n.invoice.type === t.CREDIT_NOTE);
-		function f(e) {
+		let n = e, r = o(), i = c(() => r.locale.value || "en-US"), a = c(() => n.invoice.type === t.CREDIT_NOTE);
+		function l(e) {
 			return {
 				...e,
 				amount: -e.amount
 			};
 		}
-		function m(e) {
-			return I.formatMonetary(c.value ? f(e) : e, i.value);
+		function p(e) {
+			return R.formatMonetary(a.value ? l(e) : e, i.value);
 		}
-		let v = s(() => {
+		let h = c(() => {
 			let e = $.sortByVatRate(n.invoice.vatSummaries).map((e) => ({
 				key: `${e.vatRate}`,
-				label: T(e.vatRate),
-				netValue: m(e.netAmount),
-				vatValue: m(e.vatAmount)
+				label: b(e.vatRate),
+				netValue: p(e.netAmount),
+				vatValue: p(e.vatAmount)
 			}));
 			return e.push({
 				key: "subtotal",
 				label: r.t("wise_invoicing.invoice.pdf.summary.subtotal"),
-				netValue: m(n.invoice.effectiveNet),
-				vatValue: m(n.invoice.vatAmount)
+				netValue: p(n.invoice.effectiveNet),
+				vatValue: p(n.invoice.vatAmount)
 			}), e;
-		}), y = s(() => n.invoice.totalDiscountAmount === null ? "-" : `-${I.formatMonetary(n.invoice.totalDiscountAmount, i.value)}`);
-		function T(e) {
+		}), _ = c(() => n.invoice.totalDiscountAmount === null ? "-" : `-${R.formatMonetary(n.invoice.totalDiscountAmount, i.value)}`);
+		function b(e) {
 			let t = n.invoice.lines.find((t) => t.vatRate === e);
 			return t === void 0 ? r.t("wise_invoicing.invoice.detail.totals.vat") : t.vatRatePercentage.toString(i.value);
 		}
-		return (e, t) => (g(), u("div", { class: h([n.hasLines ? "mt-xl" : "mt-4xl", "break-inside-avoid [page-break-inside:avoid]"]) }, [d("div", te, [
-			d("div", ne, [
-				t[0] ||= d("span", { class: "min-w-12" }, null, -1),
-				p(b(w), {
-					text: b(r).t("wise_invoicing.invoice.detail.totals.excl_vat"),
+		return (e, t) => (v(), d("div", { class: g([n.hasLines ? "mt-xl" : "mt-4xl", "break-inside-avoid [page-break-inside:avoid]"]) }, [f("div", te, [
+			f("div", ne, [
+				t[0] ||= f("span", { class: "min-w-12" }, null, -1),
+				m(S(E), {
+					text: S(r).t("wise_invoicing.invoice.detail.totals.excl_vat"),
 					truncate: !1,
 					as: "span",
 					class: "text-right font-medium text-secondary"
 				}, null, 8, ["text"]),
-				p(b(w), {
-					text: b(r).t("wise_invoicing.invoice.detail.totals.vat"),
+				m(S(E), {
+					text: S(r).t("wise_invoicing.invoice.detail.totals.vat"),
 					truncate: !1,
 					as: "span",
 					class: "text-right font-medium text-secondary"
 				}, null, 8, ["text"]),
-				(g(!0), u(o, null, _(v.value, (e) => (g(), u(o, { key: e.key }, [
-					p(b(w), {
+				(v(!0), d(s, null, y(h.value, (e) => (v(), d(s, { key: e.key }, [
+					m(S(E), {
 						text: e.label,
 						truncate: !1,
 						as: "span",
 						class: "font-medium text-secondary"
 					}, null, 8, ["text"]),
-					p(b(w), {
+					m(S(E), {
 						text: e.netValue,
 						truncate: !1,
 						as: "span",
 						class: "text-right font-medium whitespace-nowrap text-primary"
 					}, null, 8, ["text"]),
-					p(b(w), {
+					m(S(E), {
 						text: e.vatValue,
 						truncate: !1,
 						as: "span",
@@ -625,38 +632,38 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 					}, null, 8, ["text"])
 				], 64))), 128))
 			]),
-			t[2] ||= d("span", { class: "h-24 w-px bg-tertiary" }, null, -1),
-			p(b(S), { class: "w-full" }, {
-				default: x(() => [
-					p(b(C), {
+			t[2] ||= f("span", { class: "h-24 w-px bg-tertiary" }, null, -1),
+			m(S(w), { class: "w-full" }, {
+				default: C(() => [
+					m(S(T), {
 						justify: "between",
 						class: "w-full text-xs"
 					}, {
-						default: x(() => [p(b(w), {
-							text: b(r).t("wise_invoicing.invoice.pdf.summary.total_discount"),
+						default: C(() => [m(S(E), {
+							text: S(r).t("wise_invoicing.invoice.pdf.summary.total_discount"),
 							truncate: !1,
 							as: "span",
 							class: "font-medium text-secondary"
-						}, null, 8, ["text"]), p(b(w), {
-							text: y.value,
+						}, null, 8, ["text"]), m(S(E), {
+							text: _.value,
 							truncate: !1,
 							as: "span",
 							class: "text-right font-medium whitespace-nowrap text-primary"
 						}, null, 8, ["text"])]),
 						_: 1
 					}),
-					t[1] ||= d("span", { class: "w-full border-t border-tertiary" }, null, -1),
-					p(b(C), {
+					t[1] ||= f("span", { class: "w-full border-t border-tertiary" }, null, -1),
+					m(S(T), {
 						class: "w-full",
 						justify: "between"
 					}, {
-						default: x(() => [p(b(w), {
-							text: b(r).t("wise_invoicing.invoice.detail.totals.total_incl_vat"),
+						default: C(() => [m(S(E), {
+							text: S(r).t("wise_invoicing.invoice.detail.totals.total_incl_vat"),
 							truncate: !1,
 							as: "span",
 							class: "text-xs font-medium text-secondary"
-						}, null, 8, ["text"]), p(b(w), {
-							text: m(n.invoice.grossAmount),
+						}, null, 8, ["text"]), m(S(E), {
+							text: p(n.invoice.grossAmount),
 							truncate: !1,
 							as: "span",
 							class: "text-sm font-semibold whitespace-nowrap text-primary"
@@ -666,68 +673,68 @@ var T = "-", E = 32, D = 512, O = 640, k = 576, A = 704, j = 52, M = 34, N = 16,
 				]),
 				_: 1
 			})
-		]), n.invoice.externalRemarks ? (g(), u("section", re, [p(b(w), {
-			text: b(r).t("wise_invoicing.invoice.pdf.summary.remarks"),
+		]), n.invoice.externalRemarks ? (v(), d("section", re, [m(S(E), {
+			text: S(r).t("wise_invoicing.invoice.pdf.summary.remarks"),
 			truncate: !1,
 			as: "h2",
 			class: "font-medium"
-		}, null, 8, ["text"]), p(b(w), {
+		}, null, 8, ["text"]), m(S(E), {
 			text: n.invoice.externalRemarks,
 			truncate: !1,
 			as: "p"
-		}, null, 8, ["text"])])) : l("", !0)], 2));
+		}, null, 8, ["text"])])) : u("", !0)], 2));
 	}
 }), ae = {
 	"aria-hidden": "true",
 	class: "pointer-events-none absolute inset-0 flex transform-[rotate(-34deg)] items-center justify-center text-[42mm] leading-none font-bold whitespace-nowrap text-primary uppercase opacity-[0.05] select-none"
-}, oe = /* @__PURE__ */ m({
+}, oe = /* @__PURE__ */ h({
 	__name: "InvoicePdfWatermark",
 	props: { label: {} },
 	setup(e) {
-		let t = e, n = a();
-		return (e, r) => (g(), u("div", ae, y(t.label ?? b(n).t("wise_invoicing.invoice.status.draft")), 1));
+		let t = e, n = o();
+		return (e, r) => (v(), d("div", ae, x(t.label ?? S(n).t("wise_invoicing.invoice.status.draft")), 1));
 	}
-}), se = { class: "absolute right-9 bottom-9 text-xs leading-none font-medium text-tertiary" }, ce = /* @__PURE__ */ m({
+}), se = { class: "absolute right-9 bottom-9 text-xs leading-none font-medium text-tertiary" }, ce = /* @__PURE__ */ h({
 	__name: "BillingDocumentPdf",
 	props: {
 		billingDocument: {},
 		watermark: {}
 	},
 	setup(n) {
-		let r = n, i = s(() => r.billingDocument.status === e.DRAFT || r.billingDocument.status === e.READY), a = s(() => r.billingDocument.type === t.CREDIT_NOTE), f = s(() => I.buildRows(r.billingDocument, { isCreditNote: a.value })), m = s(() => {
-			let e = I.paginateRows(f.value, { hasRemarks: r.billingDocument.externalRemarks !== null && r.billingDocument.externalRemarks.trim() !== "" });
+		let r = n, i = c(() => r.billingDocument.status === e.DRAFT || r.billingDocument.status === e.READY), a = c(() => r.billingDocument.type === t.CREDIT_NOTE), o = c(() => R.buildRows(r.billingDocument, { isCreditNote: a.value })), p = c(() => {
+			let e = R.paginateRows(o.value, { hasRemarks: r.billingDocument.externalRemarks !== null && r.billingDocument.externalRemarks.trim() !== "" });
 			return e.map((t, n) => ({
 				isLastPage: n === e.length - 1,
 				headerType: n === 0 ? "first" : "continuation",
 				rows: t
 			}));
 		});
-		return (e, t) => (g(!0), u(o, null, _(m.value, (e, t) => (g(), u("article", {
+		return (e, t) => (v(!0), d(s, null, y(p.value, (e, t) => (v(), d("article", {
 			key: `invoice-pdf-page-${t}`,
-			class: h([t > 0 ? "\n      mt-4xl\n      print:mt-0\n    " : "", "relative mx-auto box-border flex h-[297mm] w-[210mm] break-after-page flex-col overflow-hidden bg-primary px-5xl pt-5xl pb-2xl text-primary shadow-card [-webkit-print-color-adjust:exact] [page-break-after:always] [print-color-adjust:exact] last:break-after-auto last:[page-break-after:auto] print:mx-none print:min-h-auto print:w-auto print:shadow-none"])
+			class: g([t > 0 ? "\n      mt-4xl\n      print:mt-0\n    " : "", "relative mx-auto box-border flex h-[297mm] w-[210mm] break-after-page flex-col overflow-hidden bg-primary px-5xl pt-5xl pb-2xl text-primary shadow-card [-webkit-print-color-adjust:exact] [page-break-after:always] [print-color-adjust:exact] last:break-after-auto last:[page-break-after:auto] print:mx-none print:min-h-auto print:w-auto print:shadow-none"])
 		}, [
-			i.value ? (g(), c(oe, {
+			i.value ? (v(), l(oe, {
 				key: 0,
 				label: r.watermark
-			}, null, 8, ["label"])) : l("", !0),
-			p(R, {
+			}, null, 8, ["label"])) : u("", !0),
+			m(B, {
 				invoice: r.billingDocument,
 				"page-type": e.headerType
 			}, null, 8, ["invoice", "page-type"]),
-			e.rows.length > 0 || r.billingDocument.lines.length === 0 ? (g(), c(ee, {
+			e.rows.length > 0 || r.billingDocument.lines.length === 0 ? (v(), l(ee, {
 				key: 1,
 				"is-credit-note": a.value,
 				rows: e.rows
-			}, null, 8, ["is-credit-note", "rows"])) : l("", !0),
-			e.isLastPage ? (g(), c(ie, {
+			}, null, 8, ["is-credit-note", "rows"])) : u("", !0),
+			e.isLastPage ? (v(), l(ie, {
 				key: 2,
 				"has-lines": e.rows.length > 0 || r.billingDocument.lines.length === 0,
 				invoice: r.billingDocument
-			}, null, 8, ["has-lines", "invoice"])) : l("", !0),
-			p(L, { invoice: r.billingDocument }, null, 8, ["invoice"]),
-			d("span", se, y(t + 1) + "/" + y(m.value.length), 1)
+			}, null, 8, ["has-lines", "invoice"])) : u("", !0),
+			m(z, { invoice: r.billingDocument }, null, 8, ["invoice"]),
+			f("span", se, x(t + 1) + "/" + x(p.value.length), 1)
 		], 2))), 128));
 	}
 });
 //#endregion
-export { $ as n, I as r, ce as t };
+export { $ as n, R as r, ce as t };