@levischuck/receiptline 0.1.2 → 0.1.3

package/dist/index.js

@@ -1,6 +1,6 @@
-import { decodeBase64 as V, encodeBase64 as O } from "@levischuck/tiny-encodings";
-import { qrCode as _, EcLevel as C } from "@levischuck/tiny-qr";
-import { toSvgString as it } from "@levischuck/tiny-qr-svg";
+import { decodeBase64 as Z, encodeBase64 as O } from "@levischuck/tiny-encodings";
+import { qrCode as _, EcLevel as M } from "@levischuck/tiny-qr";
+import { toSvgString as nt } from "@levischuck/tiny-qr-svg";
 class H {
   locked = !1;
   lockPromise = null;
@@ -26,7 +26,7 @@ class H {
       });
       return;
     }
-    const e = new AbortController(), i = setTimeout(() => {
+    const e = new AbortController(), n = setTimeout(() => {
       e.abort();
     }, t);
     try {
@@ -39,7 +39,7 @@ class H {
         })
       ]);
     } finally {
-      clearTimeout(i);
+      clearTimeout(n);
     }
     this.locked = !0, this.lockPromise = new Promise((a) => {
       this.lockResolve = a;
@@ -58,12 +58,12 @@ class H {
    * @returns {number} string width
    */
   measureText(t, e) {
-    let i = 0;
+    let n = 0;
     const a = Array.from(t);
     switch (e) {
       case "cp932":
       case "shiftjis":
-        i = a.reduce((s, h) => {
+        n = a.reduce((s, h) => {
           const o = h.codePointAt(0);
           return o === void 0 ? s : s + (o < 128 || o === 160 || o === 165 || o === 8254 || o > 65376 && o < 65440 ? 1 : 2);
         }, 0);
@@ -74,7 +74,7 @@ class H {
       case "ksc5601":
       case "cp950":
       case "big5":
-        i = a.reduce((s, h) => {
+        n = a.reduce((s, h) => {
           const o = h.codePointAt(0);
           return o === void 0 ? s : s + (o < 128 || o === 160 ? 1 : 2);
         }, 0);
@@ -84,13 +84,13 @@ class H {
           const o = h.codePointAt(0);
           return o === void 0 || (s.consonant ? o === 3633 || o >= 3636 && o <= 3642 || o === 3655 ? s.vowel ? (s.length += 2, s.consonant = s.vowel = s.tone = !1) : s.vowel = !0 : o >= 3656 && o <= 3659 ? s.tone ? (s.length += 2, s.consonant = s.vowel = s.tone = !1) : s.tone = !0 : o === 3635 || o >= 3660 && o <= 3662 ? s.vowel || s.tone ? (s.length += 2, s.consonant = s.vowel = s.tone = !1) : (s.length += o === 3635 ? 2 : 1, s.consonant = !1) : o >= 3585 && o <= 3630 ? (s.length++, s.vowel = s.tone = !1) : (s.length += 2, s.consonant = s.vowel = s.tone = !1) : o >= 3585 && o <= 3630 ? s.consonant = !0 : s.length++), s;
         }, { length: 0, consonant: !1, vowel: !1, tone: !1 });
-        r.consonant && (r.length++, r.consonant = r.vowel = r.tone = !1), i = r.length;
+        r.consonant && (r.length++, r.consonant = r.vowel = r.tone = !1), n = r.length;
         break;
       default:
-        i = a.length;
+        n = a.length;
         break;
     }
-    return i;
+    return n;
   }
   /**
    * Create character array from string (supporting Thai combining characters).
@@ -99,19 +99,19 @@ class H {
    * @returns {string[]} array instance
    */
   arrayFrom(t, e) {
-    const i = Array.from(t);
+    const n = Array.from(t);
     switch (e) {
       case "cp932":
       case "shiftjis":
-        return i.map((r) => r.replace(/\\/g, "¥").replace(/\u203e/g, "~").replace(/\u301c/g, "～"));
+        return n.map((r) => r.replace(/\\/g, "¥").replace(/\u203e/g, "~").replace(/\u301c/g, "～"));
       case "tis620":
-        const a = i.reduce((r, s) => {
+        const a = n.reduce((r, s) => {
           const h = s.codePointAt(0);
           return h === void 0 || (r.consonant ? h === 3633 || h >= 3636 && h <= 3642 || h === 3655 ? r.vowel ? (r.result.push(r.consonant + r.vowel + r.tone, s), r.consonant = r.vowel = r.tone = "") : r.vowel = s : h >= 3656 && h <= 3659 ? r.tone ? (r.result.push(r.consonant + r.vowel + r.tone, s), r.consonant = r.vowel = r.tone = "") : r.tone = s : h === 3635 || h >= 3660 && h <= 3662 ? r.vowel || r.tone ? (r.result.push(r.consonant + r.vowel + r.tone, s), r.consonant = r.vowel = r.tone = "") : (r.result.push(r.consonant + s), r.consonant = "") : h >= 3585 && h <= 3630 ? (r.result.push(r.consonant + r.vowel + r.tone), r.consonant = s, r.vowel = r.tone = "") : (r.result.push(r.consonant + r.vowel + r.tone, s), r.consonant = r.vowel = r.tone = "") : h >= 3585 && h <= 3630 ? r.consonant = s : r.result.push(s)), r;
         }, { result: [], consonant: "", vowel: "", tone: "" });
         return a.consonant && (a.result.push(a.consonant + a.vowel + a.tone), a.consonant = a.vowel = a.tone = ""), a.result;
       default:
-        return i;
+        return n;
     }
   }
   /**
@@ -136,7 +136,7 @@ class H {
    * @param {number} right right margin (unit: characters)
    * @returns {Promise<string>} commands
    */
-  async area(t, e, i) {
+  async area(t, e, n) {
     return "";
   }
   /**
@@ -204,7 +204,7 @@ class H {
    * @param {number} dr difference in right position
    * @returns {Promise<string>} commands
    */
-  async vrhr(t, e, i, a) {
+  async vrhr(t, e, n, a) {
     return "";
   }
   /**
@@ -329,49 +329,49 @@ const y = {
   shift: 98,
   stop: 106
 };
-function j(n, t, e) {
-  n !== y.shift && e.push(n), t = t.replace(/^((?!\d{4,})[\x00-_])+/, (r) => (r.split("").forEach((s) => e.push((s.charCodeAt(0) + 64) % 96)), "")), t = t.replace(/^\d(?=(\d\d){2,}(\D|$))/, (r) => (e.push((r.charCodeAt(0) + 64) % 96), ""));
-  const i = t.slice(1), a = i.search(/[^ -_]/);
-  /^\d{4,}/.test(t) ? L(y.atoc, t, e) : a >= 0 && i.charCodeAt(a) < 32 ? (e.push(y.shift, t.charCodeAt(0) - 32), j(y.shift, i, e)) : t.length > 0 && E(y.atob, t, e);
+function j(i, t, e) {
+  i !== y.shift && e.push(i), t = t.replace(/^((?!\d{4,})[\x00-_])+/, (r) => (r.split("").forEach((s) => e.push((s.charCodeAt(0) + 64) % 96)), "")), t = t.replace(/^\d(?=(\d\d){2,}(\D|$))/, (r) => (e.push((r.charCodeAt(0) + 64) % 96), ""));
+  const n = t.slice(1), a = n.search(/[^ -_]/);
+  /^\d{4,}/.test(t) ? L(y.atoc, t, e) : a >= 0 && n.charCodeAt(a) < 32 ? (e.push(y.shift, t.charCodeAt(0) - 32), j(y.shift, n, e)) : t.length > 0 && E(y.atob, t, e);
 }
-function E(n, t, e) {
-  n !== y.shift && e.push(n), t = t.replace(/^((?!\d{4,})[ -\x7f])+/, (r) => (r.split("").forEach((s) => e.push(s.charCodeAt(0) - 32)), "")), t = t.replace(/^\d(?=(\d\d){2,}(\D|$))/, (r) => (e.push(r.charCodeAt(0) - 32), ""));
-  const i = t.slice(1), a = i.search(/[^ -_]/);
-  /^\d{4,}/.test(t) ? L(y.btoc, t, e) : a >= 0 && i.charCodeAt(a) > 95 ? (e.push(y.shift, t.charCodeAt(0) + 64), E(y.shift, i, e)) : t.length > 0 && j(y.btoa, t, e);
+function E(i, t, e) {
+  i !== y.shift && e.push(i), t = t.replace(/^((?!\d{4,})[ -\x7f])+/, (r) => (r.split("").forEach((s) => e.push(s.charCodeAt(0) - 32)), "")), t = t.replace(/^\d(?=(\d\d){2,}(\D|$))/, (r) => (e.push(r.charCodeAt(0) - 32), ""));
+  const n = t.slice(1), a = n.search(/[^ -_]/);
+  /^\d{4,}/.test(t) ? L(y.btoc, t, e) : a >= 0 && n.charCodeAt(a) > 95 ? (e.push(y.shift, t.charCodeAt(0) + 64), E(y.shift, n, e)) : t.length > 0 && j(y.btoa, t, e);
 }
-function L(n, t, e) {
-  n !== y.shift && e.push(n), t = t.replace(/^\d{4,}/g, (a) => a.replace(/\d{2}/g, (r) => (e.push(Number(r)), "")));
-  const i = t.search(/[^ -_]/);
-  i >= 0 && t.charCodeAt(i) < 32 ? j(y.ctoa, t, e) : t.length > 0 && E(y.ctob, t, e);
+function L(i, t, e) {
+  i !== y.shift && e.push(i), t = t.replace(/^\d{4,}/g, (a) => a.replace(/\d{2}/g, (r) => (e.push(Number(r)), "")));
+  const n = t.search(/[^ -_]/);
+  n >= 0 && t.charCodeAt(n) < 32 ? j(y.ctoa, t, e) : t.length > 0 && E(y.ctob, t, e);
 }
-function st(n) {
+function st(i) {
   const t = {};
-  let e = n.data.replace(/((?!^[\x00-\x7f]+$).)*/, "");
+  let e = i.data.replace(/((?!^[\x00-\x7f]+$).)*/, "");
   if (e.length > 0) {
-    t.hri = n.hri, t.text = e.replace(/[\x00- \x7f]/g, " ");
-    const i = [], a = e.search(/[^ -_]/);
-    /^\d{2}$/.test(e) ? i.push(y.startc, Number(e)) : /^\d{4,}/.test(e) ? L(y.startc, e, i) : a >= 0 && e.charCodeAt(a) < 32 ? j(y.starta, e, i) : e.length > 0 && E(y.startb, e, i), i.push(i.reduce((h, o, c) => h + o * c) % 103, y.stop);
-    const r = n.quietZone ? "a" : "0", s = i.reduce((h, o) => h + y.element[o], r) + r;
-    t.widths = s.split("").map((h) => parseInt(h, 16) * n.width), t.length = n.width * (i.length * 11 + (n.quietZone ? 22 : 2)), t.height = n.height;
+    t.hri = i.hri, t.text = e.replace(/[\x00- \x7f]/g, " ");
+    const n = [], a = e.search(/[^ -_]/);
+    /^\d{2}$/.test(e) ? n.push(y.startc, Number(e)) : /^\d{4,}/.test(e) ? L(y.startc, e, n) : a >= 0 && e.charCodeAt(a) < 32 ? j(y.starta, e, n) : e.length > 0 && E(y.startb, e, n), n.push(n.reduce((h, o, c) => h + o * c) % 103, y.stop);
+    const r = i.quietZone ? "a" : "0", s = n.reduce((h, o) => h + y.element[o], r) + r;
+    t.widths = s.split("").map((h) => parseInt(h, 16) * i.width), t.length = i.width * (n.length * 11 + (i.quietZone ? 22 : 2)), t.height = i.height;
   }
   return t;
 }
-const M = {
+const C = {
   escape: "cU,dA,dB,dC,dD,dE,dF,dG,dH,dI,dJ,dK,dL,dM,dN,dO,dP,dQ,dR,dS,dT,dU,dV,dW,dX,dY,dZ,cA,cB,cC,cD,cE, ,sA,sB,sC,$,%,sF,sG,sH,sI,sJ,+,sL,-,.,/,0,1,2,3,4,5,6,7,8,9,sZ,cF,cG,cH,cI,cJ,cV,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,cK,cL,cM,cN,cO,cW,pA,pB,pC,pD,pE,pF,pG,pH,pI,pJ,pK,pL,pM,pN,pO,pP,pQ,pR,pS,pT,pU,pV,pW,pX,pY,pZ,cP,cQ,cR,cS,cT".split(","),
-  code: "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ-. $/+%dcsp".split("").reduce((n, t, e) => (n[t] = e, n), {}),
+  code: "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ-. $/+%dcsp".split("").reduce((i, t, e) => (i[t] = e, i), {}),
   element: "131112,111213,111312,111411,121113,121212,121311,111114,131211,141111,211113,211212,211311,221112,221211,231111,112113,112212,112311,122112,132111,111123,111222,111321,121122,131121,212112,212211,211122,211221,221121,222111,112122,112221,122121,123111,121131,311112,311211,321111,112131,113121,211131,121221,312111,311121,122211,111141,1111411".split(","),
   start: 47,
   stop: 48
 };
-function rt(n) {
+function rt(i) {
   const t = {};
-  let e = n.data.replace(/((?!^[\x00-\x7f]+$).)*/, "");
+  let e = i.data.replace(/((?!^[\x00-\x7f]+$).)*/, "");
   if (e.length > 0) {
-    t.hri = n.hri, t.text = e.replace(/[\x00- \x7f]/g, " ");
-    const i = e.split("").reduce((s, h) => s + M.escape[h.charCodeAt(0)], "").split("").map((s) => M.code[s]);
-    i.push(i.reduceRight((s, h, o) => s + h * ((i.length - 1 - o) % 20 + 1)) % 47), i.push(i.reduceRight((s, h, o) => s + h * ((i.length - 1 - o) % 15 + 1)) % 47), i.unshift(M.start), i.push(M.stop);
-    const a = n.quietZone ? "a" : "0", r = i.reduce((s, h) => s + M.element[h], a) + a;
-    t.widths = r.split("").map((s) => parseInt(s, 16) * n.width), t.length = n.width * (i.length * 9 + (n.quietZone ? 21 : 1)), t.height = n.height;
+    t.hri = i.hri, t.text = e.replace(/[\x00- \x7f]/g, " ");
+    const n = e.split("").reduce((s, h) => s + C.escape[h.charCodeAt(0)], "").split("").map((s) => C.code[s]);
+    n.push(n.reduceRight((s, h, o) => s + h * ((n.length - 1 - o) % 20 + 1)) % 47), n.push(n.reduceRight((s, h, o) => s + h * ((n.length - 1 - o) % 15 + 1)) % 47), n.unshift(C.start), n.push(C.stop);
+    const a = i.quietZone ? "a" : "0", r = n.reduce((s, h) => s + C.element[h], a) + a;
+    t.widths = r.split("").map((s) => parseInt(s, 16) * i.width), t.length = i.width * (n.length * 9 + (i.quietZone ? 21 : 1)), t.height = i.height;
   }
   return t;
 }
@@ -397,15 +397,15 @@ const at = {
   C: "2225255",
   D: "2225552"
 };
-function ot(n) {
+function ot(i) {
   const t = {};
-  let e = n.data.replace(/((?!^[A-D][0-9\-$:/.+]+[A-D]$).)*/i, "");
+  let e = i.data.replace(/((?!^[A-D][0-9\-$:/.+]+[A-D]$).)*/i, "");
   if (e.length > 0) {
-    t.hri = n.hri, t.text = e;
-    const i = n.quietZone ? "a" : "0", a = e.toUpperCase().split("").reduce((s, h) => s + at[h] + "2", i).slice(0, -1) + i;
-    t.widths = a.split("").map((s) => parseInt(s, 16) * n.width + 1 >> 1);
+    t.hri = i.hri, t.text = e;
+    const n = i.quietZone ? "a" : "0", a = e.toUpperCase().split("").reduce((s, h) => s + at[h] + "2", n).slice(0, -1) + n;
+    t.widths = a.split("").map((s) => parseInt(s, 16) * i.width + 1 >> 1);
     const r = [25, 39, 50, 3, 5, 6];
-    t.length = e.length * r[n.width - 2] - (e.match(/[\d\-$]/g) || []).length * r[n.width + 1] + n.width * (n.quietZone ? 19 : -1), t.height = n.height;
+    t.length = e.length * r[i.width - 2] - (e.match(/[\d\-$]/g) || []).length * r[i.width + 1] + i.width * (i.quietZone ? 19 : -1), t.height = i.height;
   }
   return t;
 }
@@ -414,20 +414,20 @@ const q = {
   start: "2222",
   stop: "522"
 };
-function ht(n) {
+function ht(i) {
   const t = {};
-  let e = n.data.replace(/((?!^(\d{2})+$).)*/, "");
+  let e = i.data.replace(/((?!^(\d{2})+$).)*/, "");
   if (e.length > 0) {
-    t.hri = n.hri, t.text = e;
-    const i = e.split("").map((o) => Number(o)), a = n.quietZone ? "a" : "0";
+    t.hri = i.hri, t.text = e;
+    const n = e.split("").map((o) => Number(o)), a = i.quietZone ? "a" : "0";
     let r = a + q.start, s = 0;
-    for (; s < i.length; ) {
-      const o = q.element[i[s++]], c = q.element[i[s++]];
-      r += o.split("").reduce((l, u, d) => l + u + c[d], "");
+    for (; s < n.length; ) {
+      const o = q.element[n[s++]], c = q.element[n[s++]];
+      r += o.split("").reduce((d, u, l) => d + u + c[l], "");
     }
-    r += q.stop + a, t.widths = r.split("").map((o) => parseInt(o, 16) * n.width + 1 >> 1);
+    r += q.stop + a, t.widths = r.split("").map((o) => parseInt(o, 16) * i.width + 1 >> 1);
     const h = [16, 25, 32, 17, 26, 34];
-    t.length = e.length * h[n.width - 2] + h[n.width + 1] + n.width * (n.quietZone ? 20 : 0), t.height = n.height;
+    t.length = e.length * h[i.width - 2] + h[i.width + 1] + i.width * (i.quietZone ? 20 : 0), t.height = i.height;
   }
   return t;
 }
@@ -477,15 +477,15 @@ const ct = {
   "%": "222525252",
   "*": "252252522"
 };
-function lt(n) {
+function lt(i) {
   const t = {};
-  let e = n.data.replace(/((?!^\*?[0-9A-Z\-. $/+%]+\*?$).)*/, "");
+  let e = i.data.replace(/((?!^\*?[0-9A-Z\-. $/+%]+\*?$).)*/, "");
   if (e.length > 0) {
-    e = e.replace(/^\*?([^*]+)\*?$/, "*$1*"), t.hri = n.hri, t.text = e;
-    const i = n.quietZone ? "a" : "0", a = e.split("").reduce((s, h) => s + ct[h] + "2", i).slice(0, -1) + i;
-    t.widths = a.split("").map((s) => parseInt(s, 16) * n.width + 1 >> 1);
+    e = e.replace(/^\*?([^*]+)\*?$/, "*$1*"), t.hri = i.hri, t.text = e;
+    const n = i.quietZone ? "a" : "0", a = e.split("").reduce((s, h) => s + ct[h] + "2", n).slice(0, -1) + n;
+    t.widths = a.split("").map((s) => parseInt(s, 16) * i.width + 1 >> 1);
     const r = [29, 45, 58];
-    t.length = e.length * r[n.width - 2] + n.width * (n.quietZone ? 19 : -1), t.height = n.height;
+    t.length = e.length * r[i.width - 2] + i.width * (i.quietZone ? 19 : -1), t.height = i.height;
   }
   return t;
 }
@@ -497,102 +497,102 @@ const b = {
   p: "aaaaaa,aababb,aabbab,aabbba,abaabb,abbaab,abbbaa,ababab,ababba,abbaba".split(","),
   e: "bbbaaa,bbabaa,bbaaba,bbaaab,babbaa,baabba,baaabb,bababa,babaab,baabab".split(",")
 };
-function dt(n) {
-  const t = n.slice(0, 3);
-  switch (n[6]) {
+function dt(i) {
+  const t = i.slice(0, 3);
+  switch (i[6]) {
     case 0:
     case 1:
     case 2:
-      t.push(n[6], 0, 0, 0, 0, n[3], n[4], n[5]);
+      t.push(i[6], 0, 0, 0, 0, i[3], i[4], i[5]);
       break;
     case 3:
-      t.push(n[3], 0, 0, 0, 0, 0, n[4], n[5]);
+      t.push(i[3], 0, 0, 0, 0, 0, i[4], i[5]);
       break;
     case 4:
-      t.push(n[3], n[4], 0, 0, 0, 0, 0, n[5]);
+      t.push(i[3], i[4], 0, 0, 0, 0, 0, i[5]);
       break;
     default:
-      t.push(n[3], n[4], n[5], 0, 0, 0, 0, n[6]);
+      t.push(i[3], i[4], i[5], 0, 0, 0, 0, i[6]);
       break;
   }
-  return t.push(n[7]), t;
+  return t.push(i[7]), t;
 }
-function G(n) {
-  const t = {}, e = n.data.replace(/((?!^\d{12,13}$).)*/, "").split("").map((i) => Number(i));
+function G(i) {
+  const t = {}, e = i.data.replace(/((?!^\d{12,13}$).)*/, "").split("").map((n) => Number(n));
   if (e.length > 0) {
-    e[12] = 0, e[12] = (10 - e.reduce((a, r, s) => a + r * (s % 2 * 2 + 1)) % 10) % 10, t.hri = n.hri, t.text = e.join("");
-    let i = (n.quietZone ? "b" : "0") + b.g[0];
-    for (let a = 1; a < 7; a++) i += b[b.p[e[0]][a - 1]][e[a]];
-    i += b.g[1];
-    for (let a = 7; a < 13; a++) i += b.c[e[a]];
-    i += b.g[0] + (n.quietZone ? "7" : "0"), t.widths = i.split("").map((a) => parseInt(a, 16) * n.width), t.length = n.width * (n.quietZone ? 113 : 95), t.height = n.height;
+    e[12] = 0, e[12] = (10 - e.reduce((a, r, s) => a + r * (s % 2 * 2 + 1)) % 10) % 10, t.hri = i.hri, t.text = e.join("");
+    let n = (i.quietZone ? "b" : "0") + b.g[0];
+    for (let a = 1; a < 7; a++) n += b[b.p[e[0]][a - 1]][e[a]];
+    n += b.g[1];
+    for (let a = 7; a < 13; a++) n += b.c[e[a]];
+    n += b.g[0] + (i.quietZone ? "7" : "0"), t.widths = n.split("").map((a) => parseInt(a, 16) * i.width), t.length = i.width * (i.quietZone ? 113 : 95), t.height = i.height;
   }
   return t;
 }
-function gt(n) {
-  const t = {}, e = n.data.replace(/((?!^\d{7,8}$).)*/, "").split("").map((i) => Number(i));
+function gt(i) {
+  const t = {}, e = i.data.replace(/((?!^\d{7,8}$).)*/, "").split("").map((n) => Number(n));
   if (e.length > 0) {
-    e[7] = 0, e[7] = (10 - e.reduce((r, s, h) => r + s * (3 - h % 2 * 2), 0) % 10) % 10, t.hri = n.hri, t.text = e.join("");
-    const i = n.quietZone ? "7" : "0";
-    let a = i + b.g[0];
+    e[7] = 0, e[7] = (10 - e.reduce((r, s, h) => r + s * (3 - h % 2 * 2), 0) % 10) % 10, t.hri = i.hri, t.text = e.join("");
+    const n = i.quietZone ? "7" : "0";
+    let a = n + b.g[0];
     for (let r = 0; r < 4; r++) a += b.a[e[r] ?? 0];
     a += b.g[1];
     for (let r = 4; r < 8; r++) a += b.c[e[r] ?? 0];
-    a += b.g[0] + i, t.widths = a.split("").map((r) => parseInt(r, 16) * n.width), t.length = n.width * (n.quietZone ? 81 : 67), t.height = n.height;
+    a += b.g[0] + n, t.widths = a.split("").map((r) => parseInt(r, 16) * i.width), t.length = i.width * (i.quietZone ? 81 : 67), t.height = i.height;
   }
   return t;
 }
-function ut(n) {
+function ut(i) {
   const t = {
-    data: "0" + n.data,
-    hri: n.hri,
-    width: n.width,
-    height: n.height,
-    quietZone: n.quietZone
+    data: "0" + i.data,
+    hri: i.hri,
+    width: i.width,
+    height: i.height,
+    quietZone: i.quietZone
   }, e = G(t);
   return e.text && (e.text = e.text.slice(1)), e;
 }
-function pt(n) {
-  const t = {}, e = n.data.replace(/((?!^0\d{6,7}$).)*/, "").split("").map((i) => Number(i));
+function pt(i) {
+  const t = {}, e = i.data.replace(/((?!^0\d{6,7}$).)*/, "").split("").map((n) => Number(n));
   if (e.length > 0) {
-    e[7] = 0, e[7] = (10 - dt(e).reduce((r, s, h) => r + s * (3 - h % 2 * 2), 0) % 10) % 10, t.hri = n.hri, t.text = e.join("");
-    const i = n.quietZone ? "7" : "0";
-    let a = i + b.g[0];
+    e[7] = 0, e[7] = (10 - dt(e).reduce((r, s, h) => r + s * (3 - h % 2 * 2), 0) % 10) % 10, t.hri = i.hri, t.text = e.join("");
+    const n = i.quietZone ? "7" : "0";
+    let a = n + b.g[0];
     for (let r = 1; r < 7; r++) a += b[b.e[e[7] ?? 0][r - 1]][e[r] ?? 0];
-    a += b.g[2] + i, t.widths = a.split("").map((r) => parseInt(r, 16) * n.width), t.length = n.width * (n.quietZone ? 65 : 51), t.height = n.height;
+    a += b.g[2] + n, t.widths = a.split("").map((r) => parseInt(r, 16) * i.width), t.length = i.width * (i.quietZone ? 65 : 51), t.height = i.height;
   }
   return t;
 }
-function K(n) {
+function K(i) {
   let t = {};
-  switch (n.type) {
+  switch (i.type) {
     case "upc":
-      t = n.data.length < 9 ? pt(n) : ut(n);
+      t = i.data.length < 9 ? pt(i) : ut(i);
       break;
     case "ean":
     case "jan":
-      t = n.data.length < 9 ? gt(n) : G(n);
+      t = i.data.length < 9 ? gt(i) : G(i);
       break;
     case "code39":
-      t = lt(n);
+      t = lt(i);
       break;
     case "itf":
-      t = ht(n);
+      t = ht(i);
       break;
     case "codabar":
     case "nw7":
-      t = ot(n);
+      t = ot(i);
       break;
     case "code93":
-      t = rt(n);
+      t = rt(i);
       break;
     case "code128":
-      t = st(n);
+      t = st(i);
       break;
   }
   return t;
 }
-class I extends H {
+class F extends H {
   charWidth = 12;
   receiptId = "";
   svgWidth = 576;
@@ -647,12 +647,12 @@ class I extends H {
         break;
     }
     t.style.length > 0 && (t.style = `<style type="text/css"><![CDATA[${t.style}]]></style>`), t.lang.length > 0 && (t.lang = ` xml:lang="${t.lang}"`), this.fontSize = t.size;
-    const e = this.calculatedWidth(), i = this.calculatedHeight();
-    return `<svg width="${e}px" height="${i}px" viewBox="0 0 ${e} ${i}" preserveAspectRatio="xMinYMin meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">${t.style}<defs><filter id="receipt-${this.receiptId}" x="0" y="0" width="100%" height="100%"><feFlood flood-color="#000"/><feComposite in2="SourceGraphic" operator="out"/></filter></defs><rect width="100%" height="100%" fill="white" /><g font-family="${t.font}" fill="#000" font-size="${t.size}" dominant-baseline="text-after-edge" text-anchor="middle"${t.lang}>${this.svgContent}</g></svg>
+    const e = this.calculatedWidth(), n = this.calculatedHeight();
+    return `<svg width="${e}px" height="${n}px" viewBox="0 0 ${e} ${n}" preserveAspectRatio="xMinYMin meet" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">${t.style}<defs><filter id="receipt-${this.receiptId}" x="0" y="0" width="100%" height="100%"><feFlood flood-color="#000"/><feComposite in2="SourceGraphic" operator="out"/></filter></defs><rect width="100%" height="100%" fill="white" /><g font-family="${t.font}" fill="#000" font-size="${t.size}" dominant-baseline="text-after-edge" text-anchor="middle"${t.lang}>${this.svgContent}</g></svg>
 `;
   }
   // set print area:
-  async area(t, e, i) {
+  async area(t, e, n) {
     return this.lineMargin = t, this.lineWidth = e, "";
   }
   // set line alignment:
@@ -669,30 +669,30 @@ class I extends H {
   }
   // print horizontal rule:
   async hr(t) {
-    const e = this.charWidth, i = `<path d="M0,${e}h${e * t}" fill="none" stroke="#000" stroke-width="2"/>`;
-    return this.svgContent += `<g transform="translate(${this.lineMargin * e},${this.svgHeight})">${i}</g>`, "";
+    const e = this.charWidth, n = `<path d="M0,${e}h${e * t}" fill="none" stroke="#000" stroke-width="2"/>`;
+    return this.svgContent += `<g transform="translate(${this.lineMargin * e},${this.svgHeight})">${n}</g>`, "";
   }
   // print vertical rules:
   async vr(t, e) {
-    const i = this.charWidth, a = i / 2, r = (i + i) * e, s = '<path d="' + t.reduce((h, o) => h + `m${i * o + i},${-r}v${r}`, `M${a},0v${r}`) + '" fill="none" stroke="#000" stroke-width="2"/>';
-    return this.svgContent += `<g transform="translate(${this.lineMargin * i},${this.svgHeight})">${s}</g>`, "";
+    const n = this.charWidth, a = n / 2, r = (n + n) * e, s = '<path d="' + t.reduce((h, o) => h + `m${n * o + n},${-r}v${r}`, `M${a},0v${r}`) + '" fill="none" stroke="#000" stroke-width="2"/>';
+    return this.svgContent += `<g transform="translate(${this.lineMargin * n},${this.svgHeight})">${s}</g>`, "";
   }
   // start rules:
   async vrstart(t) {
-    const e = this.charWidth, i = e / 2, a = '<path d="' + t.reduce((r, s) => r + `h${e * s}h${i}v${e}m0,${-e}h${i}`, `M${i},${e + e}v${-i}q0,${-i},${i},${-i}`).replace(/h\d+v\d+m0,-\d+h\d+$/, `q${i},0,${i},${i}v${i}`) + '" fill="none" stroke="#000" stroke-width="2"/>';
+    const e = this.charWidth, n = e / 2, a = '<path d="' + t.reduce((r, s) => r + `h${e * s}h${n}v${e}m0,${-e}h${n}`, `M${n},${e + e}v${-n}q0,${-n},${n},${-n}`).replace(/h\d+v\d+m0,-\d+h\d+$/, `q${n},0,${n},${n}v${n}`) + '" fill="none" stroke="#000" stroke-width="2"/>';
     return this.svgContent += `<g transform="translate(${this.lineMargin * e},${this.svgHeight})">${a}</g>`, "";
   }
   // stop rules:
   async vrstop(t) {
-    const e = this.charWidth, i = e / 2, a = '<path d="' + t.reduce((r, s) => r + `h${e * s}h${i}v${-e}m0,${e}h${i}`, `M${i},0v${i}q0,${i},${i},${i}`).replace(/h\d+v-\d+m0,\d+h\d+$/, `q${i},0,${i},${-i}v${-i}`) + '" fill="none" stroke="#000" stroke-width="2"/>';
+    const e = this.charWidth, n = e / 2, a = '<path d="' + t.reduce((r, s) => r + `h${e * s}h${n}v${-e}m0,${e}h${n}`, `M${n},0v${n}q0,${n},${n},${n}`).replace(/h\d+v-\d+m0,\d+h\d+$/, `q${n},0,${n},${-n}v${-n}`) + '" fill="none" stroke="#000" stroke-width="2"/>';
     return this.svgContent += `<g transform="translate(${this.lineMargin * e},${this.svgHeight})">${a}</g>`, "";
   }
   // print vertical and horizontal rules:
-  async vrhr(t, e, i, a) {
-    const r = this.charWidth, s = r / 2, h = '<path d="' + t.reduce((c, l) => c + `h${r * l}h${s}v${-r}m0,${r}h${s}`, `M${s},0` + (i > 0 ? `v${s}q0,${s},${s},${s}` : `v${r}h${s}`)).replace(/h\d+v-\d+m0,\d+h\d+$/, a < 0 ? `q${s},0,${s},${-s}v${-s}` : `h${s}v${-r}`) + '" fill="none" stroke="#000" stroke-width="2"/>';
-    this.svgContent += `<g transform="translate(${(this.lineMargin + Math.max(-i, 0)) * r},${this.svgHeight})">${h}</g>`;
-    const o = '<path d="' + e.reduce((c, l) => c + `h${r * l}h${s}v${r}m0,${-r}h${s}`, `M${s},${r + r}` + (i < 0 ? `v${-s}q0,${-s},${s},${-s}` : `v${-r}h${s}`)).replace(/h\d+v\d+m0,-\d+h\d+$/, a > 0 ? `q${s},0,${s},${s}v${s}` : `h${s}v${r}`) + '" fill="none" stroke="#000" stroke-width="2"/>';
-    return this.svgContent += `<g transform="translate(${(this.lineMargin + Math.max(i, 0)) * r},${this.svgHeight})">${o}</g>`, "";
+  async vrhr(t, e, n, a) {
+    const r = this.charWidth, s = r / 2, h = '<path d="' + t.reduce((c, d) => c + `h${r * d}h${s}v${-r}m0,${r}h${s}`, `M${s},0` + (n > 0 ? `v${s}q0,${s},${s},${s}` : `v${r}h${s}`)).replace(/h\d+v-\d+m0,\d+h\d+$/, a < 0 ? `q${s},0,${s},${-s}v${-s}` : `h${s}v${-r}`) + '" fill="none" stroke="#000" stroke-width="2"/>';
+    this.svgContent += `<g transform="translate(${(this.lineMargin + Math.max(-n, 0)) * r},${this.svgHeight})">${h}</g>`;
+    const o = '<path d="' + e.reduce((c, d) => c + `h${r * d}h${s}v${r}m0,${-r}h${s}`, `M${s},${r + r}` + (n < 0 ? `v${-s}q0,${-s},${s},${-s}` : `v${-r}h${s}`)).replace(/h\d+v\d+m0,-\d+h\d+$/, a > 0 ? `q${s},0,${s},${s}v${s}` : `h${s}v${r}`) + '" fill="none" stroke="#000" stroke-width="2"/>';
+    return this.svgContent += `<g transform="translate(${(this.lineMargin + Math.max(n, 0)) * r},${this.svgHeight})">${o}</g>`, "";
   }
   // set line spacing and feed new line:
   async vrlf(t) {
@@ -717,8 +717,8 @@ class I extends H {
   }
   // scale up text:
   async wh(t) {
-    const e = t < 2 ? t + 1 : t - 1, i = t < 3 ? t : t - 1;
-    return this.textAttributes.transform = `scale(${e},${i})`, this.lineHeight = Math.max(this.lineHeight, i), this.textScale = e, "";
+    const e = t < 2 ? t + 1 : t - 1, n = t < 3 ? t : t - 1;
+    return this.textAttributes.transform = `scale(${e},${n})`, this.lineHeight = Math.max(this.lineHeight, n), this.textScale = e, "";
   }
   // cancel text decoration:
   async normal() {
@@ -726,10 +726,10 @@ class I extends H {
   }
   // print text:
   async text(t, e) {
-    let i = this.textPosition;
+    let n = this.textPosition;
     const a = this.arrayFrom(t, e).reduce((s, h) => {
-      const o = this.measureText(h, e) * this.textScale, c = Math.floor((i + o / 2) * this.charWidth / this.textScale);
-      return i += o, s + `<tspan x="${c}">${h.replace(/[ &<>]/g, (l) => ({ " ": "&#xa0;", "&": "&amp;", "<": "&lt;", ">": "&gt;" })[l] || l)}</tspan>`;
+      const o = this.measureText(h, e) * this.textScale, c = Math.floor((n + o / 2) * this.charWidth / this.textScale);
+      return n += o, s + `<tspan x="${c}">${h.replace(/[ &<>]/g, (d) => ({ " ": "&#xa0;", "&": "&amp;", "<": "&lt;", ">": "&gt;" })[d] || d)}</tspan>`;
     }, ""), r = Object.keys(this.textAttributes).reduce((s, h) => s + ` ${h}="${this.textAttributes[h]}"`, "");
     return this.textElement += `<text${r}>${a}</text>`, this.textPosition += this.measureText(t, e) * this.textScale, "";
   }
@@ -744,32 +744,32 @@ class I extends H {
   }
   // print image:
   async image(t) {
-    const e = V(t), i = new DataView(e.buffer), a = i.getUint32(16, !1), r = i.getUint32(20, !1), s = `<image href="data:image/png;base64,${O(e)}" x="0" y="0" width="${a}" height="${r}"/>`, h = Math.floor(this.lineMargin * this.charWidth + (this.lineWidth * this.charWidth - a) * this.lineAlign / 2);
+    const e = Z(t), n = new DataView(e.buffer), a = n.getUint32(16, !1), r = n.getUint32(20, !1), s = `<image href="data:image/png;base64,${O(e)}" x="0" y="0" width="${a}" height="${r}"/>`, h = Math.floor(this.lineMargin * this.charWidth + (this.lineWidth * this.charWidth - a) * this.lineAlign / 2);
     return this.svgContent += `<g transform="translate(${h},${this.svgHeight})">${s}</g>`, this.svgHeight += r, "";
   }
   // print QR Code:
   async qrcode(t, e) {
-    const i = _({
+    const n = _({
       data: t.data,
-      ec: t.level == "l" ? C.L : t.level == "m" ? C.M : t.level == "q" ? C.Q : C.H
-    }), a = i.width, r = t.cell, s = await it(i, {
+      ec: t.level == "l" ? M.L : t.level == "m" ? M.M : t.level == "q" ? M.Q : M.H
+    }), a = n.width, r = t.cell, s = await nt(n, {
       moduleSize: r,
       margin: t.quietZone ? 4 : 0,
       output: "path"
-    }), h = typeof s == "string" ? s : s.path || s.svg || String(s), o = a * r + (t.quietZone ? 8 : 0), c = Math.floor(this.lineMargin * this.charWidth + (this.lineWidth * this.charWidth - o) * this.lineAlign / 2), l = Math.floor(this.svgHeight);
-    return this.svgContent += `<g transform="translate(${c},${l})" shape-rendering="crispEdges">
+    }), h = typeof s == "string" ? s : s.path || s.svg || String(s), o = a * r + (t.quietZone ? 8 : 0), c = Math.floor(this.lineMargin * this.charWidth + (this.lineWidth * this.charWidth - o) * this.lineAlign / 2), d = Math.floor(this.svgHeight);
+    return this.svgContent += `<g transform="translate(${c},${d})" shape-rendering="crispEdges">
 			<path d="${h}" stroke="transparent" fill="black" shape-rendering="crispEdges" />
 		</g>`, this.svgHeight += o, "";
   }
   // print barcode:
   async barcode(t, e) {
-    const i = K(t), a = i.height;
-    if (a !== void 0 && "length" in i && i.length !== void 0 && i.widths) {
-      const r = i.length, s = a + (i.hri ? this.charWidth * 2 + 2 : 0);
+    const n = K(t), a = n.height;
+    if (a !== void 0 && "length" in n && n.length !== void 0 && n.widths) {
+      const r = n.length, s = a + (n.hri ? this.charWidth * 2 + 2 : 0);
       let h = '<path d="';
-      if (i.widths.reduce((c, l, u) => (u % 2 === 1 && (h += `M${c},0h${l}v${a}h${-l}z`), c + l), 0), h += '" fill="#000"/>', i.hri && i.text) {
-        const c = Math.floor((r - (this.measureText(i.text, e) - 1) * this.charWidth) / 2), l = this.arrayFrom(i.text, e).reduce((u, d, g) => u + `<tspan x="${c + this.charWidth * g}">${d.replace(/[ &<>]/g, (p) => ({ " ": "&#xa0;", "&": "&amp;", "<": "&lt;", ">": "&gt;" })[p] || p)}</tspan>`, "");
-        h += `<text y="${s}">${l}</text>`;
+      if (n.widths.reduce((c, d, u) => (u % 2 === 1 && (h += `M${c},0h${d}v${a}h${-d}z`), c + d), 0), h += '" fill="#000"/>', n.hri && n.text) {
+        const c = Math.floor((r - (this.measureText(n.text, e) - 1) * this.charWidth) / 2), d = this.arrayFrom(n.text, e).reduce((u, l, g) => u + `<tspan x="${c + this.charWidth * g}">${l.replace(/[ &<>]/g, (p) => ({ " ": "&#xa0;", "&": "&amp;", "<": "&lt;", ">": "&gt;" })[p] || p)}</tspan>`, "");
+        h += `<text y="${s}">${d}</text>`;
       }
       const o = Math.floor(this.lineMargin * this.charWidth + (this.lineWidth * this.charWidth - r) * this.lineAlign / 2);
       this.svgContent += `<g transform="translate(${o},${this.svgHeight})">${h}</g>`, this.svgHeight += s;
@@ -967,163 +967,163 @@ const ft = /* @__PURE__ */ new Set([
   dArr: "⇓",
   hArr: "⇔"
 }, T = {};
-for (const [n, t] of Object.entries($t))
-  T[t] || (T[t] = n);
-function F(n, t = !1) {
-  if (!n || typeof n != "string")
-    return n;
-  let e = n;
+for (const [i, t] of Object.entries($t))
+  T[t] || (T[t] = i);
+function I(i, t = !1) {
+  if (!i || typeof i != "string")
+    return i;
+  let e = i;
   return e = e.replace(/&/g, "&amp;"), e = e.replace(/</g, "&lt;"), e = e.replace(/>/g, "&gt;"), t && (e = e.replace(/"/g, "&quot;")), e;
 }
-function mt(n) {
-  return n.replace(/\]\]>/g, "]]]]><![CDATA[>");
+function mt(i) {
+  return i.replace(/\]\]>/g, "]]]]><![CDATA[>");
 }
-function yt(n) {
-  return n.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+function yt(i) {
+  return i.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
 }
 const vt = {
   className: "class",
   htmlFor: "for"
 };
-function bt(n, t) {
-  return t === "reactName" ? n : t === "exactName" || t === "eitherName" ? vt[n] ?? n : n;
+function bt(i, t) {
+  return t === "reactName" ? i : t === "exactName" || t === "eitherName" ? vt[i] ?? i : i;
 }
-function R(n, t = {}) {
+function V(i, t = {}) {
   const e = [];
-  let i, a, r;
-  if (n && typeof n == "object" && "node" in n) {
-    const l = n;
-    i = l.node, a = l.xml ?? t.xml, r = l.doctype ?? t.doctype;
+  let n, a, r;
+  if (i && typeof i == "object" && "node" in i) {
+    const d = i;
+    n = d.node, a = d.xml ?? t.xml, r = d.doctype ?? t.doctype;
   } else
-    i = n, a = t.xml, r = t.doctype;
+    n = i, a = t.xml, r = t.doctype;
   a && (e.push(a), a.endsWith(`
 `) || e.push(`
 `)), r && (e.push(r), r.endsWith(`
 `) || e.push(`
 `));
   const s = t.useCDataForScripts ?? !1, h = t.useCDataForStyles ?? !1, o = t.voidTrailingSlash ?? !0, c = t.attributeNaming ?? "eitherName";
-  return P(i, e, "HTML", s, h, o, c), e.join("");
+  return P(n, e, "HTML", s, h, o, c), e.join("");
 }
-function P(n, t, e, i, a, r, s) {
-  if (n != null) {
-    if (typeof n == "string") {
-      t.push(F(n, !1));
+function P(i, t, e, n, a, r, s) {
+  if (i != null) {
+    if (typeof i == "string") {
+      t.push(I(i, !1));
       return;
     }
-    if (typeof n == "number" || typeof n == "bigint") {
-      t.push(String(n));
+    if (typeof i == "number" || typeof i == "bigint") {
+      t.push(String(i));
       return;
     }
-    if (typeof n == "boolean") {
-      t.push(String(n));
+    if (typeof i == "boolean") {
+      t.push(String(i));
       return;
     }
-    if (Array.isArray(n)) {
-      for (const h of n)
-        P(h, t, e, i, a, r, s);
+    if (Array.isArray(i)) {
+      for (const h of i)
+        P(h, t, e, n, a, r, s);
       return;
     }
-    if (typeof n != "function" && typeof n != "symbol" && !(n && typeof n == "object" && "then" in n && typeof n.then == "function") && n && typeof n == "object" && "type" in n && "props" in n) {
-      xt(n, t, e, i, a, r, s);
+    if (typeof i != "function" && typeof i != "symbol" && !(i && typeof i == "object" && "then" in i && typeof i.then == "function") && i && typeof i == "object" && "type" in i && "props" in i) {
+      xt(i, t, e, n, a, r, s);
       return;
     }
   }
 }
-function xt(n, t, e, i, a, r, s) {
+function xt(i, t, e, n, a, r, s) {
   var h;
-  const o = n.type;
+  const o = i.type;
   let c = e;
-  if (o === "svg" ? c = "SVG" : o === "math" && (c = "MATHML"), t.push("<"), t.push(o), n.props)
-    for (const [d, g] of Object.entries(n.props)) {
-      if (d === "children" || g === !1 || g === null || g === void 0)
+  if (o === "svg" ? c = "SVG" : o === "math" && (c = "MATHML"), t.push("<"), t.push(o), i.props)
+    for (const [l, g] of Object.entries(i.props)) {
+      if (l === "children" || g === !1 || g === null || g === void 0)
         continue;
-      const p = bt(d, s);
+      const p = bt(l, s);
       if (g === !0)
         t.push(" "), t.push(p);
-      else if (d === "style" && typeof g == "object") {
-        const f = kt(g);
-        f && (t.push(' style="'), t.push(F(f, !0)), t.push('"'));
+      else if (l === "style" && typeof g == "object") {
+        const f = Wt(g);
+        f && (t.push(' style="'), t.push(I(f, !0)), t.push('"'));
       } else
-        t.push(" "), t.push(p), t.push('="'), t.push(F(String(g), !0)), t.push('"');
+        t.push(" "), t.push(p), t.push('="'), t.push(I(String(g), !0)), t.push('"');
     }
-  const l = (h = n.props) == null ? void 0 : h.children;
+  const d = (h = i.props) == null ? void 0 : h.children;
   let u;
-  if (l && typeof l == "object" && "then" in l && typeof l.then == "function" ? u = !1 : u = l != null && (Array.isArray(l) && l.length > 0 || !Array.isArray(l) && l !== !1), ft.has(o))
+  if (d && typeof d == "object" && "then" in d && typeof d.then == "function" ? u = !1 : u = d != null && (Array.isArray(d) && d.length > 0 || !Array.isArray(d) && d !== !1), ft.has(o))
     r ? t.push(" />") : t.push(">");
   else if (u) {
     t.push(">");
-    const d = l;
-    o === "script" && i || o === "style" && a ? (t.push("<![CDATA["), J(d, t, c, i, a, r, s), t.push("]]>")) : o === "script" || o === "style" ? Q(d, t) : P(d, t, c, i, a, r, s), t.push("</"), t.push(o), t.push(">");
+    const l = d;
+    o === "script" && n || o === "style" && a ? (t.push("<![CDATA["), J(l, t, c, n, a, r, s), t.push("]]>")) : o === "script" || o === "style" ? Q(l, t) : P(l, t, c, n, a, r, s), t.push("</"), t.push(o), t.push(">");
   } else wt.has(o), t.push("></"), t.push(o), t.push(">");
 }
-function J(n, t, e, i, a, r, s, h) {
-  if (n != null) {
-    if (typeof n == "string") {
-      t.push(mt(n));
+function J(i, t, e, n, a, r, s, h) {
+  if (i != null) {
+    if (typeof i == "string") {
+      t.push(mt(i));
       return;
     }
-    if (typeof n == "number" || typeof n == "bigint" || typeof n == "boolean") {
-      t.push(String(n));
+    if (typeof i == "number" || typeof i == "bigint" || typeof i == "boolean") {
+      t.push(String(i));
       return;
     }
-    if (Array.isArray(n)) {
-      for (const o of n)
-        J(o, t, e, i, a, r, s);
+    if (Array.isArray(i)) {
+      for (const o of i)
+        J(o, t, e, n, a, r, s);
       return;
     }
-    P(n, t, e, i, a, r, s);
+    P(i, t, e, n, a, r, s);
   }
 }
-function Q(n, t) {
-  if (n != null) {
-    if (typeof n == "string") {
-      t.push(n);
+function Q(i, t) {
+  if (i != null) {
+    if (typeof i == "string") {
+      t.push(i);
       return;
     }
-    if (typeof n == "number" || typeof n == "bigint" || typeof n == "boolean") {
-      t.push(String(n));
+    if (typeof i == "number" || typeof i == "bigint" || typeof i == "boolean") {
+      t.push(String(i));
       return;
     }
-    if (Array.isArray(n)) {
-      for (const e of n)
+    if (Array.isArray(i)) {
+      for (const e of i)
         Q(e, t);
       return;
     }
   }
 }
-function kt(n) {
+function Wt(i) {
   const t = [];
-  for (const [e, i] of Object.entries(n))
-    if (i) {
+  for (const [e, n] of Object.entries(i))
+    if (n) {
       const a = yt(e);
-      t.push(`${a}: ${i}`);
+      t.push(`${a}: ${n}`);
     }
   return t.join("; ");
 }
-async function U(n) {
-  if (n == null)
-    return n;
-  if (n && typeof n == "object" && "then" in n && typeof n.then == "function") {
-    const t = await n;
-    return U(t);
+async function N(i) {
+  if (i == null)
+    return i;
+  if (i && typeof i == "object" && "then" in i && typeof i.then == "function") {
+    const t = await i;
+    return N(t);
   }
-  if (typeof n == "string" || typeof n == "number" || typeof n == "boolean" || typeof n == "bigint")
-    return n;
-  if (typeof n != "function" && typeof n != "symbol") {
-    if (Array.isArray(n))
+  if (typeof i == "string" || typeof i == "number" || typeof i == "boolean" || typeof i == "bigint")
+    return i;
+  if (typeof i != "function" && typeof i != "symbol") {
+    if (Array.isArray(i))
       return await Promise.all(
-        n.filter((t) => !(t == null || typeof t == "function" || typeof t == "symbol")).map((t) => U(t))
+        i.filter((t) => !(t == null || typeof t == "function" || typeof t == "symbol")).map((t) => N(t))
       );
-    if (n && typeof n == "object" && "type" in n && "props" in n) {
-      const t = n, e = {};
-      for (const [i, a] of Object.entries(t.props))
-        if (i === "children") {
-          const r = await U(a);
+    if (i && typeof i == "object" && "type" in i && "props" in i) {
+      const t = i, e = {};
+      for (const [n, a] of Object.entries(t.props))
+        if (n === "children") {
+          const r = await N(a);
           r != null && (e.children = r);
         } else {
           if (typeof a == "function" || typeof a == "symbol")
             continue;
-          a != null && (e[i] = a);
+          a != null && (e[n] = a);
         }
       return {
         type: t.type,
@@ -1132,28 +1132,28 @@ async function U(n) {
     }
   }
 }
-function Wt(n, t = {}) {
-  return n && typeof n == "object" && "node" in n ? R(n, t) : n === void 0 ? "" : R(n, t);
+function kt(i, t = {}) {
+  return i && typeof i == "object" && "node" in i ? V(i, t) : i === void 0 ? "" : V(i, t);
 }
-async function At(n) {
-  return await U(n);
+async function At(i) {
+  return await N(i);
 }
-function St(...n) {
+function St(...i) {
   const t = new Uint8Array(
-    n.reduceRight((i, a) => i + a.length, 0)
+    i.reduceRight((n, a) => n + a.length, 0)
   );
   let e = 0;
-  for (const i of n)
-    t.set(i, e), e += i.length;
+  for (const n of i)
+    t.set(n, e), e += n.length;
   return t;
 }
-async function Ct(n) {
+async function Mt(i) {
   const t = new CompressionStream("deflate"), e = t.writable.getWriter();
-  e.write(n), e.close();
-  const i = t.readable.getReader(), a = [];
+  e.write(i), e.close();
+  const n = t.readable.getReader(), a = [];
   let r = 0;
   for (; ; ) {
-    const { done: o, value: c } = await i.read();
+    const { done: o, value: c } = await n.read();
     if (o) break;
     a.push(c), r += c.length;
   }
@@ -1164,42 +1164,42 @@ async function Ct(n) {
   return s;
 }
 const X = new Uint32Array(256);
-for (let n = 0; n < 256; n++) {
-  let t = n;
+for (let i = 0; i < 256; i++) {
+  let t = i;
   for (let e = 0; e < 8; e++)
     t = t & 1 ? 3988292384 ^ t >>> 1 : t >>> 1;
-  X[n] = t;
+  X[i] = t;
 }
-function Mt(n) {
+function Ct(i) {
   let t = 4294967295;
-  for (let e = 0; e < n.length; e++)
-    t = X[(t ^ n[e]) & 255] ^ t >>> 8;
+  for (let e = 0; e < i.length; e++)
+    t = X[(t ^ i[e]) & 255] ^ t >>> 8;
   return (t ^ 4294967295) >>> 0;
 }
 const Ht = new TextEncoder();
-function N(n, t) {
-  const e = new Uint8Array(8 + t.length + 4), i = new DataView(e.buffer);
-  i.setUint32(0, t.length), e.set(Ht.encode(n), 4), e.set(t, 8);
-  const a = Mt(e.subarray(4, e.length - 4));
-  return i.setUint32(e.length - 4, a), e;
+function U(i, t) {
+  const e = new Uint8Array(8 + t.length + 4), n = new DataView(e.buffer);
+  n.setUint32(0, t.length), e.set(Ht.encode(i), 4), e.set(t, 8);
+  const a = Ct(e.subarray(4, e.length - 4));
+  return n.setUint32(e.length - 4, a), e;
 }
-function qt(n) {
-  return n <= 1 ? 1 : n <= 3 ? 2 : n <= 15 ? 4 : 8;
+function qt(i) {
+  return i <= 1 ? 1 : i <= 3 ? 2 : i <= 15 ? 4 : 8;
 }
-function Nt(n, t, e, i) {
-  const a = 8 / i, r = Math.ceil(t / a) + 1, s = new Uint8Array(r * e), h = new DataView(s.buffer);
+function Ut(i, t, e, n) {
+  const a = 8 / n, r = Math.ceil(t / a) + 1, s = new Uint8Array(r * e), h = new DataView(s.buffer);
   for (let o = 0; o < e; o++) {
     h.setUint8(o * r, 0);
     for (let c = 0; c < t; c++) {
-      const l = n.getUint8(o * t + c), u = o * r + 1 + Math.floor(c / a), d = (a - 1 - c % a) * i, g = h.getUint8(u);
-      h.setUint8(u, g | l << d);
+      const d = i.getUint8(o * t + c), u = o * r + 1 + Math.floor(c / a), l = (a - 1 - c % a) * n, g = h.getUint8(u);
+      h.setUint8(u, g | d << l);
     }
   }
   return s;
 }
-const Ut = new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10]), jt = new TextDecoder();
-function Et(n) {
-  switch (n) {
+const Nt = new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10]), jt = new TextDecoder();
+function Et(i) {
+  switch (i) {
     case 0:
       return "greyscale";
     case 2:
@@ -1211,20 +1211,20 @@ function Et(n) {
     case 6:
       return "truecolor-alpha";
     default:
-      throw new Error(`Invalid color type: ${n}`);
+      throw new Error(`Invalid color type: ${i}`);
   }
 }
-function Pt(n) {
-  switch (n) {
+function Pt(i) {
+  switch (i) {
     case 0:
       return "none";
     case 1:
       return "adam7";
     default:
-      throw new Error(`Invalid interlace method: ${n}`);
+      throw new Error(`Invalid interlace method: ${i}`);
   }
 }
-function Dt(n, t) {
+function Dt(i, t) {
   const e = {
     0: [1, 2, 4, 8, 16],
     // Greyscale
@@ -1239,23 +1239,23 @@ function Dt(n, t) {
   }[t];
   if (!e)
     throw new Error(`Invalid color type: ${t}`);
-  if (!e.includes(n))
+  if (!e.includes(i))
     throw new Error(
-      `Invalid bit depth ${n} for color type ${t}. Allowed: ${e.join(", ")}`
+      `Invalid bit depth ${i} for color type ${t}. Allowed: ${e.join(", ")}`
     );
   return !0;
 }
-function zt(n, t) {
-  if (t + 12 > n.byteLength)
+function zt(i, t) {
+  if (t + 12 > i.byteLength)
     throw new Error(
       `Chunk at offset ${t} extends beyond data (need at least 12 bytes for header)`
     );
-  const e = n.getUint32(t, !1), i = new Uint8Array(n.buffer, n.byteOffset + t + 4, 4), a = jt.decode(i), r = 8 + e + 4;
-  if (t + r > n.byteLength)
+  const e = i.getUint32(t, !1), n = new Uint8Array(i.buffer, i.byteOffset + t + 4, 4), a = jt.decode(n), r = 8 + e + 4;
+  if (t + r > i.byteLength)
     throw new Error(
-      `Chunk "${a}" at offset ${t} extends beyond data (chunk size: ${r}, available: ${n.byteLength - t})`
+      `Chunk "${a}" at offset ${t} extends beyond data (chunk size: ${r}, available: ${i.byteLength - t})`
     );
-  const s = new DataView(n.buffer, n.byteOffset + t + 8, e);
+  const s = new DataView(i.buffer, i.byteOffset + t + 8, e);
   return {
     type: a,
     data: s,
@@ -1263,22 +1263,22 @@ function zt(n, t) {
     totalSize: r
   };
 }
-function* It(n, t = 0) {
+function* Ft(i, t = 0) {
   let e = t;
-  for (; e < n.byteLength; ) {
-    const i = zt(n, e);
-    yield i, e += i.totalSize;
+  for (; e < i.byteLength; ) {
+    const n = zt(i, e);
+    yield n, e += n.totalSize;
   }
 }
-function Ft(n, t, e, i = 0) {
-  for (const a of It(n, i))
+function It(i, t, e, n = 0) {
+  for (const a of Ft(i, n))
     if (a.type === t)
       return e(a.data);
 }
-function Lt(n) {
-  if (n.byteLength !== 13)
-    throw new Error(`IHDR chunk must be 13 bytes, got ${n.byteLength}`);
-  const t = n.getUint32(0, !1), e = n.getUint32(4, !1), i = n.getUint8(8), a = n.getUint8(9), r = n.getUint8(10), s = n.getUint8(11), h = n.getUint8(12);
+function Lt(i) {
+  if (i.byteLength !== 13)
+    throw new Error(`IHDR chunk must be 13 bytes, got ${i.byteLength}`);
+  const t = i.getUint32(0, !1), e = i.getUint32(4, !1), n = i.getUint8(8), a = i.getUint8(9), r = i.getUint8(10), s = i.getUint8(11), h = i.getUint8(12);
   if (t === 0)
     throw new Error("IHDR width cannot be zero");
   if (e === 0)
@@ -1291,36 +1291,36 @@ function Lt(n) {
     throw new Error(
       `Invalid filter method: ${s}. Only 0 (adaptive) is supported.`
     );
-  Dt(i, a);
+  Dt(n, a);
   const o = Et(a), c = Pt(h);
   return {
     width: t,
     height: e,
-    bitDepth: i,
+    bitDepth: n,
     colorType: o,
     compressionMethod: "deflate",
     filterMethod: "adaptive",
     interlaceMethod: c
   };
 }
-function Bt(n) {
-  if (n.byteLength < 8)
+function Bt(i) {
+  if (i.byteLength < 8)
     throw new Error("Data too short to contain PNG signature");
   for (let t = 0; t < 8; t++)
-    if (n.getUint8(t) !== Ut[t])
+    if (i.getUint8(t) !== Nt[t])
       throw new Error("Invalid PNG signature");
   return !0;
 }
-function Tt(n) {
-  const t = n instanceof Uint8Array ? n.buffer : n, e = n instanceof Uint8Array ? n.byteOffset : 0, i = n.byteLength, a = new DataView(t, e, i);
+function Tt(i) {
+  const t = i instanceof Uint8Array ? i.buffer : i, e = i instanceof Uint8Array ? i.byteOffset : 0, n = i.byteLength, a = new DataView(t, e, n);
   Bt(a);
-  const r = Ft(a, "IHDR", Lt, 8);
+  const r = It(a, "IHDR", Lt, 8);
   if (r === void 0)
     throw new Error("IHDR chunk not found in PNG");
   return r;
 }
-async function Rt(n, t, e, i) {
-  const a = new DataView(n.buffer), r = a.byteLength;
+async function Vt(i, t, e, n) {
+  const a = new DataView(i.buffer), r = a.byteLength;
   if (r === 0)
     throw new Error("Received empty input");
   if (r !== t * e)
@@ -1332,45 +1332,45 @@ async function Rt(n, t, e, i) {
     const m = a.getUint8(w);
     m > s && (s = m);
   }
-  if (i.length <= s)
+  if (n.length <= s)
     throw new Error(
-      `Color palette does not have enough colors (${s + 1}). Only ${i.length} were given!`
+      `Color palette does not have enough colors (${s + 1}). Only ${n.length} were given!`
     );
-  const h = qt(s), o = new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10]), c = new Uint8Array(13), l = new DataView(c.buffer);
-  l.setUint32(0, t), l.setUint32(4, e), l.setUint8(8, h), l.setUint8(9, 3), l.setUint8(10, 0), l.setUint8(11, 0), l.setUint8(12, 0);
-  const u = N("IHDR", c), d = new Uint8Array(i.length * 3), g = new DataView(d.buffer);
+  const h = qt(s), o = new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10]), c = new Uint8Array(13), d = new DataView(c.buffer);
+  d.setUint32(0, t), d.setUint32(4, e), d.setUint8(8, h), d.setUint8(9, 3), d.setUint8(10, 0), d.setUint8(11, 0), d.setUint8(12, 0);
+  const u = U("IHDR", c), l = new Uint8Array(n.length * 3), g = new DataView(l.buffer);
   for (let w = 0; w <= s; w++)
-    g.setUint8(w * 3, i[w][0]), g.setUint8(w * 3 + 1, i[w][1]), g.setUint8(w * 3 + 2, i[w][2]);
-  const p = N("PLTE", d), f = Nt(a, t, e, h), $ = N("IDAT", await Ct(f)), k = N("IEND", new Uint8Array(0));
-  return St(o, u, p, $, k);
+    g.setUint8(w * 3, n[w][0]), g.setUint8(w * 3 + 1, n[w][1]), g.setUint8(w * 3 + 2, n[w][2]);
+  const p = U("PLTE", l), f = Ut(a, t, e, h), $ = U("IDAT", await Mt(f)), x = U("IEND", new Uint8Array(0));
+  return St(o, u, p, $, x);
 }
-async function Zt(n, t = {}) {
+async function Rt(i, t = {}) {
   var e;
   const {
-    margin: i = 4,
+    margin: n = 4,
     moduleSize: a = 4,
     backgroundColor: r = [255, 255, 255],
     foregroundColor: s = [0, 0, 0]
-  } = t, { matrix: h } = n, o = ((e = h[0]) == null ? void 0 : e.length) ?? 0, c = h.length, l = (o + i * 2) * a, u = (c + i * 2) * a, d = new Uint8Array(l * u);
-  d.fill(0);
+  } = t, { matrix: h } = i, o = ((e = h[0]) == null ? void 0 : e.length) ?? 0, c = h.length, d = (o + n * 2) * a, u = (c + n * 2) * a, l = new Uint8Array(d * u);
+  l.fill(0);
   for (let g = 0; g < c; g++)
     for (let p = 0; p < o; p++)
       if (h[g][p])
         for (let f = 0; f < a; f++)
           for (let $ = 0; $ < a; $++) {
-            const k = (p + i) * a + $, w = (g + i) * a + f;
-            d[w * l + k] = 1;
+            const x = (p + n) * a + $, w = (g + n) * a + f;
+            l[w * d + x] = 1;
           }
   return {
-    bytes: await Rt(d, l, u, [r, s]),
-    width: l,
+    bytes: await Vt(l, d, u, [r, s]),
+    width: d,
     height: u
   };
 }
-function Vt(n) {
+function Zt(i) {
   const t = {};
-  for (const [e, i] of Object.entries(n))
-    i !== void 0 && (t[e] = i);
+  for (const [e, n] of Object.entries(i))
+    n !== void 0 && (t[e] = n);
   return t;
 }
 class Y extends H {
@@ -1389,6 +1389,7 @@ class Y extends H {
   defaultFont = "'Courier Prime', monospace";
   actualFontCharacterWidth = void 0;
   explicitCharHeight = void 0;
+  widthSpacingUnit = "px";
   // DOM building state
   contentNodes = [];
   currentStyles = {};
@@ -1413,6 +1414,25 @@ class Y extends H {
   setCharHeight(t) {
     this.explicitCharHeight = t;
   }
+  setWidthSpacingUnit(t) {
+    this.widthSpacingUnit = t;
+  }
+  /**
+   * Converts a character width to the appropriate CSS unit based on widthSpacingUnit.
+   * @param chars - Width in characters
+   * @returns CSS value string (e.g., "12px", "50%", "12ch")
+   */
+  toWidthUnit(t) {
+    const e = this.actualFontCharacterWidth ?? this.charWidth;
+    switch (this.widthSpacingUnit) {
+      case "px":
+        return `${Math.floor(t * e)}px`;
+      case "%":
+        return `${t * e / this.containerWidth * 100}%`;
+      default:
+        return `${t}ch`;
+    }
+  }
   // finish printing (async to support Promise nodes like QR code PNGs):
   async close() {
     (this.lineSegments.length > 0 || this.pendingVrSvg) && await this.lf();
@@ -1460,10 +1480,10 @@ class Y extends H {
       type: "div",
       props: a
     });
-    return Wt(s);
+    return kt(s);
   }
   // set print area:
-  async area(t, e, i) {
+  async area(t, e, n) {
     return this.lineMargin = t, this.lineWidth = e, "";
   }
   // set line alignment:
@@ -1485,8 +1505,8 @@ class Y extends H {
       props: {
         style: {
           borderTop: "2px solid black",
-          marginLeft: `${this.lineMargin}ch`,
-          width: `${t}ch`,
+          marginLeft: this.toWidthUnit(this.lineMargin),
+          width: this.toWidthUnit(t),
           height: "0",
           display: "flex"
         }
@@ -1496,21 +1516,21 @@ class Y extends H {
   }
   // print vertical rules:
   async vr(t, e) {
-    const i = this.charWidth, a = i / 2, r = this.charHeight * e, s = t.reduce((l, u) => l + u, 0) + t.length + 1;
+    const n = this.charWidth, a = n / 2, r = this.charHeight * e, s = t.reduce((d, u) => d + u, 0) + t.length + 1;
     let h = `M${a},0v${r}`;
-    for (const l of t)
-      h += `m${l * i + i},${-r}v${r}`;
-    const o = s * i, c = {
+    for (const d of t)
+      h += `m${d * n + n},${-r}v${r}`;
+    const o = s * n, c = {
       type: "svg",
       props: {
-        width: `${s}ch`,
+        width: this.toWidthUnit(s),
         height: `${r}`,
         viewBox: `0 0 ${o} ${r}`,
         preserveAspectRatio: "none",
         style: {
           position: "absolute",
           top: "0",
-          left: `${this.lineMargin}ch`
+          left: this.toWidthUnit(this.lineMargin)
         },
         children: {
           type: "path",
@@ -1528,16 +1548,16 @@ class Y extends H {
   }
   // start rules:
   async vrstart(t) {
-    const e = this.charWidth, i = t.reduce((o, c) => o + c, 0) + t.length + 1, a = i * e, r = e * 2, s = this.buildVrStartPath(t), h = {
+    const e = this.charWidth, n = t.reduce((o, c) => o + c, 0) + t.length + 1, a = n * e, r = e * 2, s = this.buildVrStartPath(t), h = {
       type: "svg",
       props: {
-        width: `${i}ch`,
+        width: this.toWidthUnit(n),
         height: `${r}`,
         viewBox: `0 0 ${a} ${r}`,
         preserveAspectRatio: "none",
         style: {
           display: "flex",
-          marginLeft: `${this.lineMargin}ch`
+          marginLeft: this.toWidthUnit(this.lineMargin)
         },
         children: {
           type: "path",
@@ -1554,25 +1574,25 @@ class Y extends H {
     return this.contentNodes.push(h), "";
   }
   buildVrStartPath(t) {
-    const e = this.charWidth, i = e / 2;
-    let a = `M${i},${e + e}v${-i}q0,${-i},${i},${-i}`;
+    const e = this.charWidth, n = e / 2;
+    let a = `M${n},${e + e}v${-n}q0,${-n},${n},${-n}`;
     for (let r = 0; r < t.length; r++) {
       const s = t[r] ?? 0;
-      a += `h${e * s}h${i}v${e}m0,${-e}h${i}`;
+      a += `h${e * s}h${n}v${e}m0,${-e}h${n}`;
     }
-    return a = a.replace(/h\d+v\d+m0,-\d+h\d+$/, `q${i},0,${i},${i}v${i}`), a;
+    return a = a.replace(/h\d+v\d+m0,-\d+h\d+$/, `q${n},0,${n},${n}v${n}`), a;
   }
   // stop rules:
   async vrstop(t) {
-    const e = this.charWidth, i = t.reduce((o, c) => o + c, 0) + t.length + 1, a = i * e, r = e * 2, s = this.buildVrStopPath(t), h = {
+    const e = this.charWidth, n = t.reduce((o, c) => o + c, 0) + t.length + 1, a = n * e, r = e * 2, s = this.buildVrStopPath(t), h = {
       type: "svg",
       props: {
-        width: `${i}ch`,
+        width: this.toWidthUnit(n),
         height: `${r}`,
         viewBox: `0 0 ${a} ${r}`,
         preserveAspectRatio: "none",
         style: {
-          marginLeft: `${this.lineMargin}ch`
+          marginLeft: this.toWidthUnit(this.lineMargin)
         },
         children: {
           type: "path",
@@ -1589,37 +1609,37 @@ class Y extends H {
     return this.contentNodes.push(h), "";
   }
   buildVrStopPath(t) {
-    const e = this.charWidth, i = e / 2;
-    let a = `M${i},0v${i}q0,${i},${i},${i}`;
+    const e = this.charWidth, n = e / 2;
+    let a = `M${n},0v${n}q0,${n},${n},${n}`;
     for (let r = 0; r < t.length; r++) {
       const s = t[r] ?? 0;
-      a += `h${e * s}h${i}v${-e}m0,${e}h${i}`;
+      a += `h${e * s}h${n}v${-e}m0,${e}h${n}`;
     }
-    return a = a.replace(/h\d+v-\d+m0,\d+h\d+$/, `q${i},0,${i},${-i}v${-i}`), a;
+    return a = a.replace(/h\d+v-\d+m0,\d+h\d+$/, `q${n},0,${n},${-n}v${-n}`), a;
   }
   // print vertical and horizontal rules:
-  async vrhr(t, e, i, a) {
-    const r = this.charWidth, s = r / 2, h = t.reduce((f, $) => f + $, 0) + t.length + 1, o = e.reduce((f, $) => f + $, 0) + e.length + 1, c = Math.max(h, o), l = c * r, u = r * 2;
-    let d = `M${s},0` + (i > 0 ? `v${s}q0,${s},${s},${s}` : `v${r}h${s}`);
+  async vrhr(t, e, n, a) {
+    const r = this.charWidth, s = r / 2, h = t.reduce((f, $) => f + $, 0) + t.length + 1, o = e.reduce((f, $) => f + $, 0) + e.length + 1, c = Math.max(h, o), d = c * r, u = r * 2;
+    let l = `M${s},0` + (n > 0 ? `v${s}q0,${s},${s},${s}` : `v${r}h${s}`);
     for (const f of t)
-      d += `h${r * f}h${s}v${-r}m0,${r}h${s}`;
-    d = d.replace(/h\d+v-\d+m0,\d+h\d+$/, a < 0 ? `q${s},0,${s},${-s}v${-s}` : `h${s}v${-r}`);
-    let g = `M${s},${r + r}` + (i < 0 ? `v${-s}q0,${-s},${s},${-s}` : `v${-r}h${s}`);
+      l += `h${r * f}h${s}v${-r}m0,${r}h${s}`;
+    l = l.replace(/h\d+v-\d+m0,\d+h\d+$/, a < 0 ? `q${s},0,${s},${-s}v${-s}` : `h${s}v${-r}`);
+    let g = `M${s},${r + r}` + (n < 0 ? `v${-s}q0,${-s},${s},${-s}` : `v${-r}h${s}`);
     for (const f of e)
       g += `h${r * f}h${s}v${r}m0,${-r}h${s}`;
     g = g.replace(/h\d+v\d+m0,-\d+h\d+$/, a > 0 ? `q${s},0,${s},${s}v${s}` : `h${s}v${r}`);
     const p = {
       type: "svg",
       props: {
-        width: `${c}ch`,
+        width: this.toWidthUnit(c),
         height: `${u}`,
-        viewBox: `0 0 ${l} ${u}`,
+        viewBox: `0 0 ${d} ${u}`,
         preserveAspectRatio: "none",
         style: {
-          marginLeft: `${this.lineMargin + Math.max(-i, 0)}ch`
+          marginLeft: this.toWidthUnit(this.lineMargin + Math.max(-n, 0))
         },
         children: [
-          { type: "path", props: { d, fill: "none", stroke: "black", "stroke-width": "2", "vector-effect": "non-scaling-stroke" } },
+          { type: "path", props: { d: l, fill: "none", stroke: "black", "stroke-width": "2", "vector-effect": "non-scaling-stroke" } },
           { type: "path", props: { d: g, fill: "none", stroke: "black", "stroke-width": "2", "vector-effect": "non-scaling-stroke" } }
         ]
       }
@@ -1685,8 +1705,8 @@ class Y extends H {
   }
   // scale up text:
   async wh(t) {
-    const e = t < 2 ? t + 1 : t - 1, i = t < 3 ? t : t - 1;
-    return this.currentStyles.fontSize = `${i}em`, this.currentStyles.display = "flex", e !== i && (this.currentStyles.transform = `scaleX(${e / i})`, this.currentStyles.transformOrigin = "left"), this.lineHeight = Math.max(this.lineHeight, i), this.textScale = e, "";
+    const e = t < 2 ? t + 1 : t - 1, n = t < 3 ? t : t - 1;
+    return this.currentStyles.fontSize = `${n}em`, this.currentStyles.display = "flex", e !== n && (this.currentStyles.transform = `scaleX(${e / n})`, this.currentStyles.transformOrigin = "left"), this.lineHeight = Math.max(this.lineHeight, n), this.textScale = e, "";
   }
   // cancel text decoration:
   async normal() {
@@ -1694,9 +1714,9 @@ class Y extends H {
   }
   // print text:
   async text(t, e) {
-    const i = t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/ /g, " "), a = this.measureText(t, e), r = {
+    const n = t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/ /g, " "), a = this.measureText(t, e), r = {
       position: this.currentPosition,
-      text: i,
+      text: n,
       styles: { ...this.currentStyles },
       scale: this.textScale,
       charWidth: a
@@ -1705,7 +1725,7 @@ class Y extends H {
   }
   // feed new line:
   async lf() {
-    const t = this.lineHeight * this.charHeight, e = Math.max(t, this.feedMinimum), i = this.lineMargin + this.lineWidth, a = [];
+    const t = this.lineHeight * this.charHeight, e = Math.max(t, this.feedMinimum), n = this.lineMargin + this.lineWidth, a = [];
     if (this.lineSegments.length === 0) {
       if (this.pendingVrSvg) {
         const s = {
@@ -1724,31 +1744,40 @@ class Y extends H {
       }
       return this.lineHeight = 1, this.lineSegments = [], this.currentPosition = 0, "";
     } else {
-      const s = [...this.lineSegments].sort((u, d) => u.position - d.position);
+      const s = [...this.lineSegments].sort((u, l) => u.position - l.position);
       let h = 0;
-      const o = (u) => Math.floor(u), c = (u) => `${o(u)}ch`, l = (u) => {
-        const d = u.match(/^(\d+(?:\.\d+)?)ch$/);
-        return d ? parseFloat(d[1]) : 0;
+      const o = (u) => Math.floor(u), c = (u) => {
+        const l = o(u);
+        return this.toWidthUnit(l);
+      }, d = (u) => {
+        const l = this.actualFontCharacterWidth ?? this.charWidth, g = u.match(/^(\d+(?:\.\d+)?)px$/);
+        if (g)
+          return parseFloat(g[1]) / l;
+        const p = u.match(/^(\d+(?:\.\d+)?)%$/);
+        if (p)
+          return parseFloat(p[1]) / 100 * this.containerWidth / l;
+        const f = u.match(/^(\d+(?:\.\d+)?)ch$/);
+        return f ? parseFloat(f[1]) : 0;
       };
       for (let u = 0; u < s.length; u++) {
-        const d = s[u], g = this.lineMargin + d.position, p = d.charWidth * d.scale;
+        const l = s[u], g = this.lineMargin + l.position, p = l.charWidth * l.scale;
         if (g > h && a.length > 0) {
-          const W = g - h, v = a[a.length - 1];
+          const k = g - h, v = a[a.length - 1];
           if (v && v.props && v.props.style && typeof v.props.style == "object" && !Array.isArray(v.props.style)) {
-            const A = v.props.style, x = A.flexBasis;
-            if (x) {
-              const D = l(x) + W;
+            const A = v.props.style, W = A.flexBasis;
+            if (W) {
+              const D = d(W) + k;
               A.flexBasis = c(D);
             } else
-              A.flexBasis = c(W);
+              A.flexBasis = c(k);
           }
         } else if (g > h && a.length === 0) {
-          const W = g - h;
+          const k = g - h;
           a.push({
             type: "span",
             props: {
               style: {
-                flexBasis: c(W)
+                flexBasis: c(k)
               }
             }
           });
@@ -1756,28 +1785,28 @@ class Y extends H {
         const $ = {
           flexBasis: c(p),
           whiteSpace: "pre"
-        }, k = d.styles && Object.keys(d.styles).length > 0, w = k ? d.styles : void 0, m = {
+        }, x = l.styles && Object.keys(l.styles).length > 0, w = x ? l.styles : void 0, m = {
           type: "span",
           props: {
             style: $,
-            children: k ? {
+            children: x ? {
               // Wrap text in inner span with content styles
               type: "span",
               props: {
                 style: w,
-                children: d.text
+                children: l.text
               }
-            } : d.text
+            } : l.text
           }
         };
         a.push(m), h = g + p;
       }
-      if (h < i && a.length > 0) {
-        const u = i - h, d = a[a.length - 1];
-        if (d && d.props && d.props.style && typeof d.props.style == "object" && !Array.isArray(d.props.style)) {
-          const g = d.props.style, p = g.flexBasis;
+      if (h < n && a.length > 0) {
+        const u = n - h, l = a[a.length - 1];
+        if (l && l.props && l.props.style && typeof l.props.style == "object" && !Array.isArray(l.props.style)) {
+          const g = l.props.style, p = g.flexBasis;
           if (p) {
-            const $ = l(p) + u;
+            const $ = d(p) + u;
             g.flexBasis = c($);
           } else
             g.flexBasis = c(u);
@@ -1791,7 +1820,7 @@ class Y extends H {
           display: "flex",
           flexDirection: "row",
           height: `${e}px`,
-          width: `${i}ch`
+          width: this.toWidthUnit(n)
         },
         children: a
       }
@@ -1834,12 +1863,12 @@ class Y extends H {
   }
   // print image:
   async image(t) {
-    const e = this.lineAlign === 0 ? "flex-start" : this.lineAlign === 1 ? "center" : "flex-end", i = V(t), a = Tt(i), r = a.width, s = a.height, h = {
+    const e = this.lineAlign === 0 ? "flex-start" : this.lineAlign === 1 ? "center" : "flex-end", n = Z(t), a = Tt(n), r = a.width, s = a.height, h = {
       type: "img",
       props: {
         src: `data:image/png;base64,${t}`,
-        style: Vt({
-          maxWidth: `${this.lineWidth}ch`
+        style: Zt({
+          maxWidth: this.toWidthUnit(this.lineWidth)
         }),
         width: `${r}`,
         height: `${s}`
@@ -1849,8 +1878,8 @@ class Y extends H {
       props: {
         style: {
           justifyContent: e,
-          paddingLeft: `${this.lineMargin}ch`,
-          width: `${this.lineWidth}ch`,
+          paddingLeft: this.toWidthUnit(this.lineMargin),
+          width: this.toWidthUnit(this.lineWidth),
           display: "flex"
         },
         children: h
@@ -1860,10 +1889,10 @@ class Y extends H {
   }
   // print QR Code (async version using PNG):
   async qrcode(t, e) {
-    const i = this.lineAlign === 0 ? "flex-start" : this.lineAlign === 1 ? "center" : "flex-end", a = _({
+    const n = this.lineAlign === 0 ? "flex-start" : this.lineAlign === 1 ? "center" : "flex-end", a = _({
       data: t.data,
-      ec: t.level === "l" ? C.L : t.level === "m" ? C.M : t.level === "q" ? C.Q : C.H
-    }), r = t.cell, s = t.quietZone ? 4 : 0, { bytes: h, width: o, height: c } = await Zt(a, {
+      ec: t.level === "l" ? M.L : t.level === "m" ? M.M : t.level === "q" ? M.Q : M.H
+    }), r = t.cell, s = t.quietZone ? 4 : 0, { bytes: h, width: o, height: c } = await Rt(a, {
       moduleSize: r,
       margin: s
     }), u = {
@@ -1876,27 +1905,27 @@ class Y extends H {
           imageRendering: "pixelated"
         }
       }
-    }, d = {
+    }, l = {
       type: "div",
       props: {
         style: {
-          justifyContent: i,
-          paddingLeft: `${this.lineMargin}ch`,
-          width: `${this.lineWidth}ch`,
+          justifyContent: n,
+          paddingLeft: this.toWidthUnit(this.lineMargin),
+          width: this.toWidthUnit(this.lineWidth),
           display: "flex"
         },
         children: [u]
       }
     };
-    return this.contentNodes.push(d), this.estimatedHeight += c, "";
+    return this.contentNodes.push(l), this.estimatedHeight += c, "";
   }
   // print barcode:
   async barcode(t, e) {
-    const i = K(t), a = i.height, r = this.lineAlign === 0 ? "flex-start" : this.lineAlign === 1 ? "center" : "flex-end";
-    if (a !== void 0 && "length" in i && i.length !== void 0 && i.widths) {
-      const s = i.length, h = a + (i.hri ? this.charHeight + 2 : 0);
+    const n = K(t), a = n.height, r = this.lineAlign === 0 ? "flex-start" : this.lineAlign === 1 ? "center" : "flex-end";
+    if (a !== void 0 && "length" in n && n.length !== void 0 && n.widths) {
+      const s = n.length, h = a + (n.hri ? this.charHeight + 2 : 0);
       let o = "";
-      i.widths.reduce((d, g, p) => (p % 2 === 1 && (o += `M${d},0h${g}v${a}h${-g}z`), d + g), 0);
+      n.widths.reduce((l, g, p) => (p % 2 === 1 && (o += `M${l},0h${g}v${a}h${-g}z`), l + g), 0);
       const c = [
         {
           type: "path",
@@ -1906,7 +1935,7 @@ class Y extends H {
           }
         }
       ];
-      i.hri && i.text && c.push({
+      n.hri && n.text && c.push({
         type: "text",
         props: {
           x: `${s / 2}`,
@@ -1915,10 +1944,10 @@ class Y extends H {
           "font-family": "monospace",
           "font-size": `${this.charWidth * 2}`,
           fill: "black",
-          children: i.text
+          children: n.text
         }
       });
-      const l = {
+      const d = {
         type: "svg",
         props: {
           width: `${s}`,
@@ -1931,11 +1960,11 @@ class Y extends H {
         props: {
           style: {
             justifyContent: r,
-            paddingLeft: `${this.lineMargin}ch`,
-            width: `${this.lineWidth}ch`,
+            paddingLeft: this.toWidthUnit(this.lineMargin),
+            width: this.toWidthUnit(this.lineWidth),
             display: "flex"
           },
-          children: l
+          children: d
         }
       };
       this.contentNodes.push(u), this.estimatedHeight += h;
@@ -1974,8 +2003,8 @@ class tt extends H {
    * @param {number} right right margin (unit: characters)
    * @returns {Promise<string>} empty string
    */
-  async area(t, e, i) {
-    return this.logs.push(`area(left: ${t}, width: ${e}, right: ${i})`), "";
+  async area(t, e, n) {
+    return this.logs.push(`area(left: ${t}, width: ${e}, right: ${n})`), "";
   }
   /**
    * Set line alignment.
@@ -2042,8 +2071,8 @@ class tt extends H {
    * @param {number} dr difference in right position
    * @returns {Promise<string>} empty string
    */
-  async vrhr(t, e, i, a) {
-    return this.logs.push(`vrhr(widths1: [${t.join(", ")}], widths2: [${e.join(", ")}], dl: ${i}, dr: ${a})`), "";
+  async vrhr(t, e, n, a) {
+    return this.logs.push(`vrhr(widths1: [${t.join(", ")}], widths2: [${e.join(", ")}], dl: ${n}, dr: ${a})`), "";
   }
   /**
    * Set line spacing and feed new line.
@@ -2156,14 +2185,14 @@ class tt extends H {
 }
 const z = {
   base: new H(),
-  svg: new I(),
+  svg: new F(),
   html: new Y(),
   audit: new tt()
 };
-function Ot(n) {
-  const t = Object.assign({}, n), e = t.encoding && /^(cp(437|85[28]|86[0356]|1252|93[26]|949|950)|multilingual|shiftjis|gb18030|ksc5601|big5|tis620)$/.test(t.encoding) ? t.encoding : "cp437", i = typeof t.target == "string" ? t.target : void 0, r = (typeof t.target == "object" && t.target !== null ? t.target : void 0) || (i && i in z ? z[i] : z.svg);
+function Ot(i) {
+  const t = Object.assign({}, i), e = t.encoding && /^(cp(437|85[28]|86[0356]|1252|93[26]|949|950)|multilingual|shiftjis|gb18030|ksc5601|big5|tis620)$/.test(t.encoding) ? t.encoding : "cp437", n = typeof t.target == "string" ? t.target : void 0, r = (typeof t.target == "object" && t.target !== null ? t.target : void 0) || (n && n in z ? z[n] : z.svg);
   let s;
-  return r instanceof Y || r instanceof I || r instanceof tt || r instanceof H ? s = r : s = new I(), {
+  return r instanceof Y || r instanceof F || r instanceof tt || r instanceof H ? s = r : s = new F(), {
     cpl: t.cpl || 48,
     charWidth: t.charWidth || 12,
     encoding: e,
@@ -2173,8 +2202,8 @@ function Ot(n) {
     target: s
   };
 }
-function _t(n, t) {
-  const e = n.replace(/^[\t ]+|[\t ]+$/g, "").replace(/\\[\\{|}]/g, (i) => "\\x" + i.charCodeAt(1).toString(16)).replace(/^[^|]*[^\t |]\|/, " $&").replace(/\|[^\t |][^|]*$/, "$& ").replace(/^\|(.*)$/, "$1").replace(/^(.*)\|$/, "$1").split("|").map((i, a, r) => {
+function _t(i, t) {
+  const e = i.replace(/^[\t ]+|[\t ]+$/g, "").replace(/\\[\\{|}]/g, (n) => "\\x" + n.charCodeAt(1).toString(16)).replace(/^[^|]*[^\t |]\|/, " $&").replace(/\|[^\t |][^|]*$/, "$& ").replace(/^\|(.*)$/, "$1").replace(/^(.*)\|$/, "$1").split("|").map((n, a, r) => {
     let s = {
       align: 1,
       wrap: t.wrap,
@@ -2182,16 +2211,16 @@ function _t(n, t) {
       width: 0,
       alignment: t.align
     };
-    const h = i.replace(/^[\t ]+|[\t ]+$/g, "");
-    if (s.align = 1 + Number(/^[\t ]/.test(i)) - Number(/[\t ]$/.test(i)), /^\{[^{}]*\}$/.test(h)) {
+    const h = n.replace(/^[\t ]+|[\t ]+$/g, "");
+    if (s.align = 1 + Number(/^[\t ]/.test(n)) - Number(/[\t ]$/.test(n)), /^\{[^{}]*\}$/.test(h)) {
       if (s.property = h.slice(1, -1).replace(/\\;/g, "\\x3b").split(";").reduce((o, c) => {
-        const l = { a: "align", b: "border", c: "code", i: "image", o: "option", t: "text", w: "width", x: "command", _: "comment" };
+        const d = { a: "align", b: "border", c: "code", i: "image", o: "option", t: "text", w: "width", x: "command", _: "comment" };
         return /^[\t ]*$/.test(c) || c.replace(
           /^[\t ]*([A-Za-z_]\w*)[\t ]*:[\t ]*([^\t ].*?)[\t ]*$/,
-          (d, g, p) => {
-            const f = g.replace(/^[abciotwx_]$/, ($) => l[$] || $);
-            return o[f] = Z(p.replace(/\\n/g, `
-`)), d;
+          (l, g, p) => {
+            const f = g.replace(/^[abciotwx_]$/, ($) => d[$] || $);
+            return o[f] = R(p.replace(/\\n/g, `
+`)), l;
           }
         ) === c && (s.error = h), o;
       }, {}), r.length === 1) {
@@ -2200,8 +2229,8 @@ function _t(n, t) {
           t.wrap = !/^nowrap$/.test(o);
         }
         if ("border" in s.property && s.property.border) {
-          const o = s.property.border.toLowerCase(), c = { line: -1, space: 1, none: 0 }, l = t.border;
-          t.border = /^(line|space|none)$/.test(o) ? c[o] ?? 1 : /^\d+$/.test(o) && Number(o) <= 2 ? Number(o) : 1, l >= 0 && t.border < 0 && (s.vr = "+"), l < 0 && t.border >= 0 && (s.vr = "-");
+          const o = s.property.border.toLowerCase(), c = { line: -1, space: 1, none: 0 }, d = t.border;
+          t.border = /^(line|space|none)$/.test(o) ? c[o] ?? 1 : /^\d+$/.test(o) && Number(o) <= 2 ? Number(o) : 1, d >= 0 && t.border < 0 && (s.vr = "+"), d < 0 && t.border >= 0 && (s.vr = "-");
         }
         if ("width" in s.property && s.property.width) {
           const o = s.property.width.toLowerCase().split(/[\t ]+|,/);
@@ -2249,7 +2278,7 @@ function _t(n, t) {
       s.hr = o === "-" || o === "=" ? o : void 0;
     } else
       s.text = h.replace(/[\x00-\x1f\x7f]|\\x[01][\dA-Fa-f]|\\x7[Ff]/g, "").replace(/\\[-=_"`^~]/g, (o) => "\\x" + o.charCodeAt(1).toString(16)).replace(/\\n/g, `
-`).replace(/~/g, " ").split(/([_"`\n]|\^+)/).map((o) => Z(o));
+`).replace(/~/g, " ").split(/([_"`\n]|\^+)/).map((o) => R(o));
     if (s.wrap = t.wrap, s.border = t.border, t.width.length === 0)
       s.width = -1;
     else if ("text" in s)
@@ -2258,39 +2287,39 @@ function _t(n, t) {
       s.width = -1;
     else {
       const o = t.width.filter((c) => c > 0);
-      s.width = o.length > 0 ? o.reduce((c, l) => c + l, s.border < 0 ? o.length + 1 : (o.length - 1) * s.border) : 0;
+      s.width = o.length > 0 ? o.reduce((c, d) => c + d, s.border < 0 ? o.length + 1 : (o.length - 1) * s.border) : 0;
     }
     return s.alignment = t.align, s;
   });
-  if (e.every((i) => "text" in i) && t.width.length > 0)
+  if (e.every((n) => "text" in n) && t.width.length > 0)
     for (; e.length < t.width.length; )
       e.push({ align: 1, text: [""], wrap: t.wrap, border: t.border, width: t.width[e.length] ?? 0, alignment: t.align });
   return e;
 }
-function Z(n) {
-  return n.replace(/\\$|\\x(.?$|[^\dA-Fa-f].|.[^\dA-Fa-f])/g, "").replace(/\\[^x]/g, "").replace(/\\x([\dA-Fa-f]{2})/g, (t, e) => String.fromCharCode(parseInt(e, 16)));
+function R(i) {
+  return i.replace(/\\$|\\x(.?$|[^\dA-Fa-f].|.[^\dA-Fa-f])/g, "").replace(/\\[^x]/g, "").replace(/\\x([\dA-Fa-f]{2})/g, (t, e) => String.fromCharCode(parseInt(e, 16)));
 }
-function Gt(n, t) {
+function Gt(i, t) {
   const e = [];
-  let i = n.width, a = 1, r = [], s = !1, h = !1, o = !1, c = 0;
-  return n.text.forEach((l, u) => {
+  let n = i.width, a = 1, r = [], s = !1, h = !1, o = !1, c = 0;
+  return i.text.forEach((d, u) => {
     if (u % 2 === 0) {
-      let d = t.target.arrayFrom(l, t.encoding);
-      for (; d.length > 0; ) {
+      let l = t.target.arrayFrom(d, t.encoding);
+      for (; l.length > 0; ) {
         let g = 0, p = 0;
-        for (; p < d.length && (g = t.target.measureText(d[p] ?? "", t.encoding) * (c < 2 ? c + 1 : c - 1), !(g > i)); )
-          i -= g, g = 0, p++;
-        if (p > 0 && (r.push((s ? "1" : "0") + (h ? "1" : "0") + (o ? "1" : "0") + c), r.push(d.slice(0, p).join("")), a = Math.max(a, c < 3 ? c : c - 1), d = d.slice(p)), g > n.width) {
-          d = d.slice(1);
+        for (; p < l.length && (g = t.target.measureText(l[p] ?? "", t.encoding) * (c < 2 ? c + 1 : c - 1), !(g > n)); )
+          n -= g, g = 0, p++;
+        if (p > 0 && (r.push((s ? "1" : "0") + (h ? "1" : "0") + (o ? "1" : "0") + c), r.push(l.slice(0, p).join("")), a = Math.max(a, c < 3 ? c : c - 1), l = l.slice(p)), g > i.width) {
+          l = l.slice(1);
           continue;
         }
-        (g > i || i === 0) && (e.push({ data: r, margin: i * n.align / 2, height: a }), i = n.width, r = [], a = 1);
+        (g > n || n === 0) && (e.push({ data: r, margin: n * i.align / 2, height: a }), n = i.width, r = [], a = 1);
       }
     } else
-      switch (l) {
+      switch (d) {
         case `
 `:
-          e.push({ data: r, margin: i * n.align / 2, height: a }), i = n.width, r = [], a = 1;
+          e.push({ data: r, margin: n * i.align / 2, height: a }), n = i.width, r = [], a = 1;
           break;
         case "_":
           s = !s;
@@ -2302,65 +2331,65 @@ function Gt(n, t) {
           o = !o;
           break;
         default:
-          const d = Math.min(l.length, 7);
-          c = c === d ? 0 : d;
+          const l = Math.min(d.length, 7);
+          c = c === l ? 0 : l;
           break;
       }
-  }), r.length > 0 && e.push({ data: r, margin: i * n.align / 2, height: a }), e;
+  }), r.length > 0 && e.push({ data: r, margin: n * i.align / 2, height: a }), e;
 }
-async function Kt(n, t, e) {
-  const i = [], a = n.every((f) => "text" in f), r = n[0] ?? { align: 1, text: [""], wrap: !0, border: 0, width: 0, alignment: 1 };
-  let s = n.filter((f) => f.width !== 0);
+async function Kt(i, t, e) {
+  const n = [], a = i.every((f) => "text" in f), r = i[0] ?? { align: 1, text: [""], wrap: !0, border: 0, width: 0, alignment: 1 };
+  let s = i.filter((f) => f.width !== 0);
   a && (s = s.slice(0, Math.floor(r.border < 0 ? (t.target.cpl - 1) / 2 : (t.target.cpl + r.border) / (r.border + 1))));
   const h = s.filter((f) => f.width > 0), o = s.filter((f) => f.width < 0);
-  let c = h.reduce((f, $) => f + $.width, 0), l = t.target.cpl - c;
-  a && s.length > 0 && (l -= r.border < 0 ? s.length + 1 : (s.length - 1) * r.border);
+  let c = h.reduce((f, $) => f + $.width, 0), d = t.target.cpl - c;
+  a && s.length > 0 && (d -= r.border < 0 ? s.length + 1 : (s.length - 1) * r.border);
   const u = o.length;
-  for (; u > l; ) {
-    const f = h.reduce(($, k) => $.width > k.width ? $ : k);
-    f.width--, l++;
+  for (; u > d; ) {
+    const f = h.reduce(($, x) => $.width > x.width ? $ : x);
+    f.width--, d++;
   }
-  u > 0 && (o.forEach((f, $) => f.width = Math.floor((l + $) / u)), l = 0);
-  const d = Math.floor(l * r.alignment / 2), g = t.target.cpl - l, p = l - d;
+  u > 0 && (o.forEach((f, $) => f.width = Math.floor((d + $) / u)), d = 0);
+  const l = Math.floor(d * r.alignment / 2), g = t.target.cpl - d, p = d - l;
   if (a) {
     const f = s.map((w) => Gt(w, t)), $ = s.map((w) => w.width);
     switch (e.line) {
       case "ready":
-        i.push(
-          await t.target.normal() + await t.target.area(d, g, p) + await t.target.align(0) + await t.target.vrstart($) + await t.target.vrlf(!0)
+        n.push(
+          await t.target.normal() + await t.target.area(l, g, p) + await t.target.align(0) + await t.target.vrstart($) + await t.target.vrlf(!0)
         ), e.line = "running";
         break;
       case "horizontal":
-        const w = d - e.rules.left, m = g - e.rules.width, W = Math.min(d, e.rules.left), v = Math.min(p, e.rules.right);
-        i.push(
-          await t.target.normal() + await t.target.area(W, t.target.cpl - W - v, v) + await t.target.align(0) + await t.target.vrhr(e.rules.widths, $, w, w + m) + await t.target.lf()
+        const w = l - e.rules.left, m = g - e.rules.width, k = Math.min(l, e.rules.left), v = Math.min(p, e.rules.right);
+        n.push(
+          await t.target.normal() + await t.target.area(k, t.target.cpl - k - v, v) + await t.target.align(0) + await t.target.vrhr(e.rules.widths, $, w, w + m) + await t.target.lf()
         ), e.line = "running";
         break;
     }
-    e.rules = { left: d, width: g, right: p, widths: $ };
-    const k = r.wrap ? f.reduce((w, m) => Math.max(w, m.length), 1) : 1;
-    for (let w = 0; w < k; w++) {
-      let m = await t.target.normal() + await t.target.area(d, g, p) + await t.target.align(0), W = 0;
+    e.rules = { left: l, width: g, right: p, widths: $ };
+    const x = r.wrap ? f.reduce((w, m) => Math.max(w, m.length), 1) : 1;
+    for (let w = 0; w < x; w++) {
+      let m = await t.target.normal() + await t.target.area(l, g, p) + await t.target.align(0), k = 0;
       if (e.line === "running") {
-        const v = f.reduce((A, x) => w < x.length ? Math.max(A, x[w]?.height ?? 1) : A, 1);
-        m += await t.target.normal() + await t.target.absolute(W++) + await t.target.vr($, v);
+        const v = f.reduce((A, W) => w < W.length ? Math.max(A, W[w]?.height ?? 1) : A, 1);
+        m += await t.target.normal() + await t.target.absolute(k++) + await t.target.vr($, v);
       }
       for (let v = 0; v < f.length; v++) {
         const A = f[v];
         if (A) {
-          if (m += await t.target.absolute(W), w < A.length) {
+          if (m += await t.target.absolute(k), w < A.length) {
             m += await t.target.relative(A[w]?.margin ?? 0);
-            const x = A[w]?.data ?? [];
-            for (let S = 0; S < x.length; S += 2) {
-              const D = Number(String(x[S])[0]), et = Number(String(x[S])[1]), nt = Number(String(x[S])[2]), B = Number(String(x[S])[3]);
-              m += await t.target.normal(), D && (m += await t.target.ul()), et && (m += await t.target.em()), nt && (m += await t.target.iv()), B && (m += await t.target.wh(B)), m += await t.target.text(String(x[S + 1]), t.encoding);
+            const W = A[w]?.data ?? [];
+            for (let S = 0; S < W.length; S += 2) {
+              const D = Number(String(W[S])[0]), et = Number(String(W[S])[1]), it = Number(String(W[S])[2]), B = Number(String(W[S])[3]);
+              m += await t.target.normal(), D && (m += await t.target.ul()), et && (m += await t.target.em()), it && (m += await t.target.iv()), B && (m += await t.target.wh(B)), m += await t.target.text(String(W[S + 1]), t.encoding);
             }
           } else
             m += await t.target.normal() + await t.target.text(" ", t.encoding);
-          W += (s[v]?.width ?? 0) + Math.abs(r.border);
+          k += (s[v]?.width ?? 0) + Math.abs(r.border);
         }
       }
-      m += await t.target.lf(), i.push(m);
+      m += await t.target.lf(), n.push(m);
     }
   }
   if ("hr" in r)
@@ -2368,19 +2397,19 @@ async function Kt(n, t, e) {
       switch (e.line) {
         case "running":
         case "horizontal":
-          i.push(
+          n.push(
             await t.target.normal() + await t.target.area(e.rules.left, e.rules.width, e.rules.right) + await t.target.align(0) + await t.target.vrstop(e.rules.widths) + await t.target.vrlf(!1)
-          ), i.push(await t.target.cut()), e.line = "ready";
+          ), n.push(await t.target.cut()), e.line = "ready";
           break;
         default:
-          i.push(await t.target.cut());
+          n.push(await t.target.cut());
           break;
       }
     else
       switch (e.line) {
         case "waiting":
-          i.push(
-            await t.target.normal() + await t.target.area(d, g, p) + await t.target.align(0) + await t.target.hr(g) + await t.target.lf()
+          n.push(
+            await t.target.normal() + await t.target.area(l, g, p) + await t.target.align(0) + await t.target.hr(g) + await t.target.lf()
           );
           break;
         case "running":
@@ -2397,26 +2426,26 @@ async function Kt(n, t, e) {
           break;
         case "running":
         case "horizontal":
-          i.push(
+          n.push(
             await t.target.normal() + await t.target.area(e.rules.left, e.rules.width, e.rules.right) + await t.target.align(0) + await t.target.vrstop(e.rules.widths) + await t.target.vrlf(!1)
           ), e.line = "waiting";
           break;
       }
-  return "image" in r && r.image && i.push(
-    await t.target.normal() + await t.target.area(d, g, p) + await t.target.align(r.align) + await t.target.image(r.image)
-  ), "code" in r && r.code && (r.code.type === "qrcode" ? i.push(
-    await t.target.normal() + await t.target.area(d, g, p) + await t.target.align(r.align) + await t.target.qrcode(r.code, t.encoding)
-  ) : i.push(
-    await t.target.normal() + await t.target.area(d, g, p) + await t.target.align(r.align) + await t.target.barcode(r.code, t.encoding)
-  )), "command" in r && r.command && i.push(
-    await t.target.normal() + await t.target.area(d, g, p) + await t.target.align(r.align) + await t.target.command(r.command)
-  ), i.join("");
+  return "image" in r && r.image && n.push(
+    await t.target.normal() + await t.target.area(l, g, p) + await t.target.align(r.align) + await t.target.image(r.image)
+  ), "code" in r && r.code && (r.code.type === "qrcode" ? n.push(
+    await t.target.normal() + await t.target.area(l, g, p) + await t.target.align(r.align) + await t.target.qrcode(r.code, t.encoding)
+  ) : n.push(
+    await t.target.normal() + await t.target.area(l, g, p) + await t.target.align(r.align) + await t.target.barcode(r.code, t.encoding)
+  )), "command" in r && r.command && n.push(
+    await t.target.normal() + await t.target.area(l, g, p) + await t.target.align(r.align) + await t.target.command(r.command)
+  ), n.join("");
 }
-async function Yt(n, t) {
+async function Yt(i, t) {
   const e = Ot(t);
   await e.target.lock();
   try {
-    const i = {
+    const n = {
       wrap: !0,
       border: 1,
       width: [],
@@ -2426,19 +2455,19 @@ async function Yt(n, t) {
       rules: { left: 0, width: 0, right: 0, widths: [] }
     };
     let a = await e.target.open(e);
-    n[0] === "\uFEFF" && (n = n.slice(1));
-    const r = n.normalize().split(/\n|\r\n|\r/), s = [];
+    i[0] === "\uFEFF" && (i = i.slice(1));
+    const r = i.normalize().split(/\n|\r\n|\r/), s = [];
     for (const h of r)
-      s.push(await Kt(_t(h, i), e, i));
-    switch (i.line) {
+      s.push(await Kt(_t(h, n), e, n));
+    switch (n.line) {
       case "ready":
-        i.line = "waiting";
+        n.line = "waiting";
         break;
       case "running":
       case "horizontal":
         s.push(
-          await e.target.normal() + await e.target.area(i.rules.left, i.rules.width, i.rules.right) + await e.target.align(0) + await e.target.vrstop(i.rules.widths) + await e.target.vrlf(!1)
-        ), i.line = "waiting";
+          await e.target.normal() + await e.target.area(n.rules.left, n.rules.width, n.rules.right) + await e.target.align(0) + await e.target.vrstop(n.rules.widths) + await e.target.vrlf(!1)
+        ), n.line = "waiting";
         break;
       default:
         break;
@@ -2456,6 +2485,6 @@ export {
   tt as AuditTarget,
   H as BaseTarget,
   Y as HtmlTarget,
-  I as SvgTarget,
+  F as SvgTarget,
   Yt as transform
 };