textmode.export.js 1.3.0-beta.1 → 1.3.0

package/dist/textmode.export.esm.js

@@ -1,13 +1,16 @@
-var Jt = Object.defineProperty;
-var Xt = (i, r, t) => r in i ? Jt(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t;
-var p = (i, r, t) => Xt(i, typeof r != "symbol" ? r + "" : r, t);
+var Yt = Object.defineProperty;
+var Qt = (i, r, t) => r in i ? Yt(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t;
+var p = (i, r, t) => Qt(i, typeof r != "symbol" ? r + "" : r, t);
 class xt {
   $extractFramebufferData(r) {
     return { characterPixels: r.readPixels(0), primaryColorPixels: r.readPixels(1), secondaryColorPixels: r.readPixels(2) };
   }
-  $getCharacterIndex(r, t) {
+  $getEncodedCharacterValue(r, t) {
     return r[t] + (r[t + 1] << 8);
   }
+  $getCharacterIndex(r, t) {
+    return this.$getEncodedCharacterValue(r, t);
+  }
   $extractCellTransform(r, t) {
     const e = r[t + 2], a = r[t + 3] / 255;
     return { isInverted: !!(1 & e), flipHorizontal: !!(2 & e), flipVertical: !!(4 & e), rotation: Math.round(360 * a * 100) / 100 };
@@ -31,10 +34,23 @@ class H {
     return `textmode-export-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-")}`;
   }
 }
+const wt = /* @__PURE__ */ new WeakMap();
+function Kt(i) {
+  return Math.round(255 * i[0]) + (Math.round(255 * i[1]) << 8);
+}
+function yt(i, r) {
+  let t = wt.get(i);
+  if (!t) {
+    t = /* @__PURE__ */ new Map();
+    for (const e of i.characters) t.set(Kt(e.color), e);
+    wt.set(i, t);
+  }
+  return t.get(r);
+}
 function it(i, r) {
   return { r: i[r], g: i[r + 1], b: i[r + 2], a: i[r + 3] };
 }
-class Yt extends xt {
+class Zt extends xt {
   _calculateCellPosition(r, t, e) {
     return { x: r, y: t, cellX: r * e.cellWidth, cellY: t * e.cellHeight };
   }
@@ -42,7 +58,7 @@ class Yt extends xt {
     const e = [];
     let a = 0;
     for (let o = 0; o < t.rows; o++) for (let s = 0; s < t.cols; s++) {
-      const d = 4 * a, l = this.$getCharacterIndex(r.characterPixels, d);
+      const d = 4 * a, l = this.$getEncodedCharacterValue(r.characterPixels, d);
       let h = it(r.primaryColorPixels, d), n = it(r.secondaryColorPixels, d);
       const c = this.$extractCellTransform(r.characterPixels, d);
       if (c.isInverted) {
@@ -50,12 +66,12 @@ class Yt extends xt {
         h = n, n = f;
       }
       const u = this._calculateCellPosition(s, o, t);
-      e.push({ charIndex: l, primaryColor: h, secondaryColor: n, transform: c, position: u }), a++;
+      e.push({ encodedGlyphSlot: l, primaryColor: h, secondaryColor: n, transform: c, position: u }), a++;
     }
     return e;
   }
 }
-class Qt {
+class te {
   _createGlyphPath(r, t, e, a, o) {
     const s = o / r.head.unitsPerEm;
     return { getBoundingBox: () => ({ x1: e + t.xMin * s, y1: a + -t.yMax * s, x2: e + t.xMax * s, y2: a + -t.yMin * s }), toSVG: () => this._glyphToSVGPath(t, e, a, s) };
@@ -93,21 +109,16 @@ class Qt {
     }
     return h;
   }
-  _generateCharacterPath(r, t, e, a, o) {
-    var d;
-    const s = (d = t.characterMap.get(r)) == null ? void 0 : d.glyphData;
-    return s ? this._createGlyphPath(t.font, s, e, a, o) : null;
-  }
   $generatePositionedCharacterPath(r, t, e, a, o, s, d, l) {
     if (!l) return null;
-    const h = d / t.font.head.unitsPerEm, n = e + (o - l.advanceWidth * h) / 2, c = a + (s + 0.7 * d) / 2, u = this._generateCharacterPath(r, t, n, c, d);
-    return u && u.toSVG() || null;
+    const h = t.font, n = d / h.head.unitsPerEm, c = e + (o - l.advanceWidth * n) / 2, u = a + h.hhea.ascender * n;
+    return this._createGlyphPath(h, l, c, u, d).toSVG() || null;
   }
 }
-class Kt {
+class ee {
   constructor() {
     p(this, "_pathGenerator");
-    this._pathGenerator = new Qt();
+    this._pathGenerator = new te();
   }
   $generateSVGHeader(r) {
     const { width: t, height: e } = r;
@@ -132,7 +143,7 @@ class Kt {
     return e.drawMode === "stroke" ? `<rect x="${a.cellX}" y="${a.cellY}" width="${t.cellWidth}" height="${t.cellHeight}" stroke="${h}" fill="none" stroke-width="${e.strokeWidth}"/>` : `<rect x="${a.cellX}" y="${a.cellY}" width="${t.cellWidth}" height="${t.cellHeight}" fill="${h}"/>`;
   }
   _generateCharacterPath(r, t, e, a) {
-    const o = e.characters[r.charIndex];
+    const o = yt(e, r.encodedGlyphSlot);
     if (!o) return "";
     const s = this._pathGenerator.$generatePositionedCharacterPath(o.character, e, r.position.cellX, r.position.cellY, t.cellWidth, t.cellHeight, e.fontSize, o.glyphData);
     if (!s) return "";
@@ -158,12 +169,12 @@ class Kt {
     return r.replace(/\s+/g, " ").replace(/> </g, "><");
   }
 }
-class _t {
+class Ct {
   _applyDefaultOptions(r) {
     return { includeBackgroundRectangles: r.includeBackgroundRectangles ?? !0, drawMode: r.drawMode ?? "fill", strokeWidth: r.strokeWidth ?? 1, filename: r.filename };
   }
   $generateSVG(r, t = {}) {
-    const e = new Yt(), a = new Kt(), o = e.$extractSVGCellData(e.$extractFramebufferData(r.layers.base.drawFramebuffer), r.grid), s = a.$generateSVGContent(o, r.grid, r.font, this._applyDefaultOptions(t));
+    const e = new Zt(), a = new ee(), o = e.$extractSVGCellData(e.$extractFramebufferData(r.layers.base.drawFramebuffer), r.grid), s = a.$generateSVGContent(o, r.grid, r.font, this._applyDefaultOptions(t));
     return a.$optimizeSVGContent(s);
   }
   $saveSVG(r, t = {}) {
@@ -171,7 +182,7 @@ class _t {
   }
 }
 const ut = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, pt = { png: ".png", jpg: ".jpg", webp: ".webp" };
-class wt {
+class Et {
   _applyDefaultOptions(r) {
     return { format: r.format ?? "png", scale: Math.abs(r.scale ?? 1), filename: r.filename };
   }
@@ -200,7 +211,7 @@ class wt {
     await navigator.clipboard.write([o]);
   }
 }
-class Ct {
+class kt {
   _applyDefaultOptions(r) {
     return { preserveTrailingSpaces: r.preserveTrailingSpaces ?? !1, emptyCharacter: r.emptyCharacter ?? " ", filename: r.filename };
   }
@@ -211,8 +222,8 @@ class Ct {
     for (let h = 0; h < r.grid.rows; h++) {
       let n = "";
       for (let c = 0; c < r.grid.cols; c++) {
-        const u = 4 * d, f = e.$getCharacterIndex(o.characterPixels, u);
-        n += ((l = r.font.characters[f]) == null ? void 0 : l.character) || t.emptyCharacter, d++;
+        const u = 4 * d, f = e.$getEncodedCharacterValue(o.characterPixels, u);
+        n += ((l = yt(r.font, f)) == null ? void 0 : l.character) || t.emptyCharacter, d++;
       }
       t.preserveTrailingSpaces || (n = n.trimEnd()), s.push(n);
     }
@@ -227,7 +238,7 @@ class Ct {
     new H().$downloadFile(o, e.filename);
   }
 }
-class Zt {
+class re {
   constructor() {
     p(this, "_canvas");
     p(this, "_ctx");
@@ -265,9 +276,9 @@ class Zt {
     });
   }
 }
-var Tt = Object.defineProperty, te = (i) => Tt(i, "__esModule", { value: !0 }), ee = (i, r) => () => (r || i((r = { exports: {} }).exports, r), r.exports), re = (i, r) => {
-  for (var t in r) Tt(i, t, { get: r[t], enumerable: !0 });
-}, ae = ee((i) => {
+var Nt = Object.defineProperty, ae = (i) => Nt(i, "__esModule", { value: !0 }), oe = (i, r) => () => (r || i((r = { exports: {} }).exports, r), r.exports), ie = (i, r) => {
+  for (var t in r) Nt(i, t, { get: r[t], enumerable: !0 });
+}, ne = oe((i) => {
   function r(c, u, f) {
     return 0.29889531 * c + 0.58662247 * u + 0.11448223 * f;
   }
@@ -305,9 +316,9 @@ var Tt = Object.defineProperty, te = (i) => Tt(i, "__esModule", { value: !0 }),
   function n(c, u) {
     return Math.sqrt(h(c, u));
   }
-  te(i), re(i, { colorDifferenceRGBToYIQ: () => l, colorDifferenceRGBToYIQSquared: () => d, colorDifferenceYIQ: () => s, colorDifferenceYIQSquared: () => a, euclideanDistance: () => n, euclideanDistanceSquared: () => h });
-}), oe = { trailer: 59 };
-function Rt(i = 256) {
+  ae(i), ie(i, { colorDifferenceRGBToYIQ: () => l, colorDifferenceRGBToYIQSquared: () => d, colorDifferenceYIQ: () => s, colorDifferenceYIQSquared: () => a, euclideanDistance: () => n, euclideanDistanceSquared: () => h });
+}), se = { trailer: 59 };
+function Ut(i = 256) {
   let r = 0, t = new Uint8Array(i);
   return { get buffer() {
     return t.buffer;
@@ -329,9 +340,9 @@ function Rt(i = 256) {
     t = new Uint8Array(a), r > 0 && t.set(s.subarray(0, r), 0);
   }
 }
-var tt = 12, Et = 5003, ie = [0, 1, 3, 7, 15, 31, 63, 127, 255, 511, 1023, 2047, 4095, 8191, 16383, 32767, 65535];
-function ne(i, r, t, e, a, o, s, d) {
-  a = a || Rt(512), o = o || new Uint8Array(256), s = s || new Int32Array(Et), d = d || new Int32Array(Et);
+var tt = 12, Bt = 5003, le = [0, 1, 3, 7, 15, 31, 63, 127, 255, 511, 1023, 2047, 4095, 8191, 16383, 32767, 65535];
+function de(i, r, t, e, a, o, s, d) {
+  a = a || Ut(512), o = o || new Uint8Array(256), s = s || new Int32Array(Bt), d = d || new Int32Array(Bt);
   let l = s.length, h = Math.max(2, e);
   o.fill(0), d.fill(0), L();
   let n = 0, c = 0, u = h + 1, f = u, y = !1, m = f, v = D(m), w = 1 << u - 1, x = w + 1, g = w + 2, E = 0, F = t[0], k = 0;
@@ -365,21 +376,21 @@ function ne(i, r, t, e, a, o, s, d) {
     return (1 << B) - 1;
   }
   function R(B) {
-    for (n &= ie[c], c > 0 ? n |= B << c : n = B, c += m; c >= 8; ) A(255 & n), n >>= 8, c -= 8;
+    for (n &= le[c], c > 0 ? n |= B << c : n = B, c += m; c >= 8; ) A(255 & n), n >>= 8, c -= 8;
     if ((g > v || y) && (y ? (m = f, v = D(m), y = !1) : (++m, v = m == tt ? 1 << tt : D(m))), B == x) {
       for (; c > 0; ) A(255 & n), n >>= 8, c -= 8;
       S();
     }
   }
 }
-var se = ne;
-function Nt(i, r, t) {
+var ce = de;
+function Gt(i, r, t) {
   return i << 8 & 63488 | r << 2 & 992 | t >> 3 & 31;
 }
-function Ut(i, r, t, e) {
+function zt(i, r, t, e) {
   return i >> 4 | 240 & r | (240 & t) << 4 | (240 & e) << 8;
 }
-function Gt(i, r, t) {
+function Wt(i, r, t) {
   return i >> 4 << 8 | r >> 4 << 4 | t >> 4;
 }
 function et(i, r, t) {
@@ -388,7 +399,7 @@ function et(i, r, t) {
 function ot(i) {
   return i * i;
 }
-function kt(i, r, t) {
+function St(i, r, t) {
   for (var e = 0, a = 1e100, o = i[r], s = o.cnt, d = (o.ac, o.rc), l = o.gc, h = o.bc, n = o.fw; n != 0; n = i[n].fw) {
     var c = i[n].cnt, u = s * c / (s + c);
     if (!(u >= a)) {
@@ -401,24 +412,24 @@ function kt(i, r, t) {
 function ht() {
   return { ac: 0, rc: 0, gc: 0, bc: 0, cnt: 0, nn: 0, fw: 0, bk: 0, tm: 0, mtm: 0, err: 0 };
 }
-function le(i, r) {
+function ue(i, r) {
   let t = new Array(r === "rgb444" ? 4096 : 65536), e = i.length;
   if (r === "rgba4444") for (let a = 0; a < e; ++a) {
-    let o = i[a], s = o >> 24 & 255, d = o >> 16 & 255, l = o >> 8 & 255, h = 255 & o, n = Ut(h, l, d, s), c = n in t ? t[n] : t[n] = ht();
+    let o = i[a], s = o >> 24 & 255, d = o >> 16 & 255, l = o >> 8 & 255, h = 255 & o, n = zt(h, l, d, s), c = n in t ? t[n] : t[n] = ht();
     c.rc += h, c.gc += l, c.bc += d, c.ac += s, c.cnt++;
   }
   else if (r === "rgb444") for (let a = 0; a < e; ++a) {
-    let o = i[a], s = o >> 16 & 255, d = o >> 8 & 255, l = 255 & o, h = Gt(l, d, s), n = h in t ? t[h] : t[h] = ht();
+    let o = i[a], s = o >> 16 & 255, d = o >> 8 & 255, l = 255 & o, h = Wt(l, d, s), n = h in t ? t[h] : t[h] = ht();
     n.rc += l, n.gc += d, n.bc += s, n.cnt++;
   }
   else for (let a = 0; a < e; ++a) {
-    let o = i[a], s = o >> 16 & 255, d = o >> 8 & 255, l = 255 & o, h = Nt(l, d, s), n = h in t ? t[h] : t[h] = ht();
+    let o = i[a], s = o >> 16 & 255, d = o >> 8 & 255, l = 255 & o, h = Gt(l, d, s), n = h in t ? t[h] : t[h] = ht();
     n.rc += l, n.gc += d, n.bc += s, n.cnt++;
   }
   return t;
 }
-function de(i, r, t) {
-  let { format: e = "rgb565", clearAlpha: a = !0, clearAlphaColor: o = 0, clearAlphaThreshold: s = 0, oneBitAlpha: d = !1 } = t || {}, l = t.useSqrt !== !1, h = e === "rgba4444", n = le(i, e), c = n.length, u = c - 1, f = new Uint32Array(c + 1);
+function pe(i, r, t) {
+  let { format: e = "rgb565", clearAlpha: a = !0, clearAlphaColor: o = 0, clearAlphaThreshold: s = 0, oneBitAlpha: d = !1 } = t || {}, l = t.useSqrt !== !1, h = e === "rgba4444", n = ue(i, e), c = n.length, u = c - 1, f = new Uint32Array(c + 1);
   for (var y = 0, m = 0; m < n.length; ++m) {
     let B = n[m];
     if (B != null) {
@@ -429,7 +440,7 @@ function de(i, r, t) {
   for (ot(r) / y < 0.022 && (l = !1), m = 0; m < y - 1; ++m) n[m].fw = m + 1, n[m + 1].bk = m, l && (n[m].cnt = Math.sqrt(n[m].cnt));
   var w, x, g;
   for (l && (n[m].cnt = Math.sqrt(n[m].cnt)), m = 0; m < y; ++m) {
-    kt(n, m);
+    St(n, m);
     var E = n[m].err;
     for (x = ++f[0]; x > 1 && !(n[w = f[g = x >> 1]].err <= E); x = g) f[x] = w;
     f[x] = m;
@@ -439,7 +450,7 @@ function de(i, r, t) {
     for (var k; ; ) {
       var A = f[1];
       if ((k = n[A]).tm >= k.mtm && n[k.nn].mtm <= k.tm) break;
-      for (k.mtm == u ? A = f[1] = f[f[0]--] : (kt(n, A), k.tm = m), E = n[A].err, x = 1; (g = x + x) <= f[0] && (g < f[0] && n[f[g]].err > n[f[g + 1]].err && g++, !(E <= n[w = f[g]].err)); x = g) f[x] = w;
+      for (k.mtm == u ? A = f[1] = f[f[0]--] : (St(n, A), k.tm = m), E = n[A].err, x = 1; (g = x + x) <= f[0] && (g < f[0] && n[f[g]].err > n[f[g + 1]].err && g++, !(E <= n[w = f[g]].err)); x = g) f[x] = w;
       f[x] = A;
     }
     var L = n[k.nn], V = k.cnt, S = L.cnt;
@@ -451,54 +462,54 @@ function de(i, r, t) {
     let B = et(Math.round(n[m].rc), 0, 255), N = et(Math.round(n[m].gc), 0, 255), _ = et(Math.round(n[m].bc), 0, 255), C = 255;
     h && (C = et(Math.round(n[m].ac), 0, 255), d && (C = C <= (typeof d == "number" ? d : 127) ? 0 : 255), a && C <= s && (B = N = _ = o, C = 0));
     let M = h ? [B, N, _, C] : [B, N, _];
-    if (ce(D, M) || D.push(M), (m = n[m].fw) == 0) break;
+    if (he(D, M) || D.push(M), (m = n[m].fw) == 0) break;
   }
   return D;
 }
-function ce(i, r) {
+function he(i, r) {
   for (let t = 0; t < i.length; t++) {
     let e = i[t], a = e[0] === r[0] && e[1] === r[1] && e[2] === r[2], o = !(e.length >= 4 && r.length >= 4) || e[3] === r[3];
     if (a && o) return !0;
   }
   return !1;
 }
-function ue(i, r, t) {
+function me(i, r, t) {
   let e = (t = t || "rgb565") === "rgb444" ? 4096 : 65536, a = new Uint8Array(i.length), o = new Array(e);
   if (t === "rgba4444") for (let s = 0; s < i.length; s++) {
-    let d, l = i[s], h = l >> 24 & 255, n = l >> 16 & 255, c = l >> 8 & 255, u = 255 & l, f = Ut(u, c, n, h);
-    o[f] != null ? d = o[f] : (d = pe(u, c, n, h, r), o[f] = d), a[s] = d;
+    let d, l = i[s], h = l >> 24 & 255, n = l >> 16 & 255, c = l >> 8 & 255, u = 255 & l, f = zt(u, c, n, h);
+    o[f] != null ? d = o[f] : (d = fe(u, c, n, h, r), o[f] = d), a[s] = d;
   }
   else for (let s = 0; s < i.length; s++) {
-    let d, l = i[s], h = l >> 16 & 255, n = l >> 8 & 255, c = 255 & l, u = t === "rgb444" ? Gt(c, n, h) : Nt(c, n, h);
-    o[u] != null ? d = o[u] : (d = he(c, n, h, r), o[u] = d), a[s] = d;
+    let d, l = i[s], h = l >> 16 & 255, n = l >> 8 & 255, c = 255 & l, u = t === "rgb444" ? Wt(c, n, h) : Gt(c, n, h);
+    o[u] != null ? d = o[u] : (d = ge(c, n, h, r), o[u] = d), a[s] = d;
   }
   return a;
 }
-function pe(i, r, t, e, a) {
+function fe(i, r, t, e, a) {
   let o = 0, s = 1e100;
   for (let d = 0; d < a.length; d++) {
-    let l = a[d], h = l[0], n = l[1], c = l[2], u = W(l[3] - e);
-    u > s || (u += W(h - i), !(u > s) && (u += W(n - r), !(u > s) && (u += W(c - t), !(u > s) && (s = u, o = d))));
+    let l = a[d], h = l[0], n = l[1], c = l[2], u = j(l[3] - e);
+    u > s || (u += j(h - i), !(u > s) && (u += j(n - r), !(u > s) && (u += j(c - t), !(u > s) && (s = u, o = d))));
   }
   return o;
 }
-function he(i, r, t, e) {
+function ge(i, r, t, e) {
   let a = 0, o = 1e100;
   for (let s = 0; s < e.length; s++) {
-    let d = e[s], l = d[0], h = d[1], n = d[2], c = W(l - i);
-    c > o || (c += W(h - r), !(c > o) && (c += W(n - t), !(c > o) && (o = c, a = s)));
+    let d = e[s], l = d[0], h = d[1], n = d[2], c = j(l - i);
+    c > o || (c += j(h - r), !(c > o) && (c += j(n - t), !(c > o) && (o = c, a = s)));
   }
   return a;
 }
-function W(i) {
+function j(i) {
   return i * i;
 }
-function me(i = {}) {
-  let { initialCapacity: r = 4096, auto: t = !0 } = i, e = Rt(r), a = new Uint8Array(256), o = new Int32Array(5003), s = new Int32Array(5003), d = !1;
+function be(i = {}) {
+  let { initialCapacity: r = 4096, auto: t = !0 } = i, e = Ut(r), a = new Uint8Array(256), o = new Int32Array(5003), s = new Int32Array(5003), d = !1;
   return { reset() {
     e.reset(), d = !1;
   }, finish() {
-    e.writeByte(oe.trailer);
+    e.writeByte(se.trailer);
   }, bytes: () => e.bytes(), bytesView: () => e.bytesView(), get buffer() {
     return e.buffer;
   }, get stream() {
@@ -507,67 +518,67 @@ function me(i = {}) {
     let { transparent: f = !1, transparentIndex: y = 0, delay: m = 0, palette: v = null, repeat: w = 0, colorDepth: x = 8, dispose: g = -1 } = u, E = !1;
     if (t ? d || (E = !0, l(), d = !0) : E = !!u.first, n = Math.max(0, Math.floor(n)), c = Math.max(0, Math.floor(c)), E) {
       if (!v) throw new Error("First frame must include a { palette } option");
-      ge(e, n, c, v, x), Bt(e, v), w >= 0 && be(e, w);
+      xe(e, n, c, v, x), It(e, v), w >= 0 && ye(e, w);
     }
     let F = Math.round(m / 10);
-    fe(e, g, F, f, y);
+    ve(e, g, F, f, y);
     let k = !!v && !E;
-    ve(e, n, c, k ? v : null), k && Bt(e, v), xe(e, h, n, c, x, a, o, s);
+    _e(e, n, c, k ? v : null), k && It(e, v), we(e, h, n, c, x, a, o, s);
   } };
   function l() {
-    zt(e, "GIF89a");
+    jt(e, "GIF89a");
   }
 }
-function fe(i, r, t, e, a) {
+function ve(i, r, t, e, a) {
   var o, s;
   i.writeByte(33), i.writeByte(249), i.writeByte(4), a < 0 && (a = 0, e = !1), e ? (o = 1, s = 2) : (o = 0, s = 0), r >= 0 && (s = 7 & r), s <<= 2, i.writeByte(0 | s | o), G(i, t), i.writeByte(a || 0), i.writeByte(0);
 }
-function ge(i, r, t, e, a = 8) {
-  let o = 128 | a - 1 << 4 | yt(e.length) - 1;
+function xe(i, r, t, e, a = 8) {
+  let o = 128 | a - 1 << 4 | _t(e.length) - 1;
   G(i, r), G(i, t), i.writeBytes([o, 0, 0]);
 }
-function be(i, r) {
-  i.writeByte(33), i.writeByte(255), i.writeByte(11), zt(i, "NETSCAPE2.0"), i.writeByte(3), i.writeByte(1), G(i, r), i.writeByte(0);
+function ye(i, r) {
+  i.writeByte(33), i.writeByte(255), i.writeByte(11), jt(i, "NETSCAPE2.0"), i.writeByte(3), i.writeByte(1), G(i, r), i.writeByte(0);
 }
-function Bt(i, r) {
-  let t = 1 << yt(r.length);
+function It(i, r) {
+  let t = 1 << _t(r.length);
   for (let e = 0; e < t; e++) {
     let a = [0, 0, 0];
     e < r.length && (a = r[e]), i.writeByte(a[0]), i.writeByte(a[1]), i.writeByte(a[2]);
   }
 }
-function ve(i, r, t, e) {
+function _e(i, r, t, e) {
   if (i.writeByte(44), G(i, 0), G(i, 0), G(i, r), G(i, t), e) {
-    let a = 0, o = 0, s = yt(e.length) - 1;
+    let a = 0, o = 0, s = _t(e.length) - 1;
     i.writeByte(128 | a | o | s);
   } else i.writeByte(0);
 }
-function xe(i, r, t, e, a = 8, o, s, d) {
-  se(t, e, r, a, i, o, s, d);
+function we(i, r, t, e, a = 8, o, s, d) {
+  ce(t, e, r, a, i, o, s, d);
 }
 function G(i, r) {
   i.writeByte(255 & r), i.writeByte(r >> 8 & 255);
 }
-function zt(i, r) {
+function jt(i, r) {
   for (var t = 0; t < r.length; t++) i.writeByte(r.charCodeAt(t));
 }
-function yt(i) {
+function _t(i) {
   return Math.max(Math.ceil(Math.log2(i)), 1);
 }
-ae();
-class ye {
+ne();
+class Ce {
   constructor(r, t) {
     p(this, "_recorder");
     p(this, "_textmodifier");
     p(this, "_registerPostDrawHook");
-    this._recorder = new Zt(), this._textmodifier = r, this._registerPostDrawHook = t;
+    this._recorder = new re(), this._textmodifier = r, this._registerPostDrawHook = t;
   }
   async $saveGIF(r = {}) {
     const t = this._textmodifier.canvas, e = this._applyDefaultOptions(r), a = r.onProgress;
     try {
-      const o = await this._recorder.$record(t, e, this._registerPostDrawHook, a), s = me(), { repeat: d } = r;
+      const o = await this._recorder.$record(t, e, this._registerPostDrawHook, a), s = be(), { repeat: d } = r;
       for (let n = 0; n < o.length; n++) {
-        const c = o[n], { width: u, height: f, imageData: y, delayMs: m } = c, v = new Uint32Array(y.data.buffer), w = de(v, 256, {}), x = ue(v, w);
+        const c = o[n], { width: u, height: f, imageData: y, delayMs: m } = c, v = new Uint32Array(y.data.buffer), w = pe(v, 256, {}), x = me(v, w);
         s.writeFrame(x, u, f, { palette: w, delay: m, repeat: n === 0 ? d : -1 }), n % 2 != 0 && n !== o.length - 1 || (a == null || a({ state: "encoding", frameIndex: n + 1, totalFrames: o.length }), await new Promise((g) => setTimeout(g, 0)));
       }
       s.finish();
@@ -582,12 +593,12 @@ class ye {
     return { filename: r.filename, frameCount: t, frameRate: e, scale: a, repeat: o };
   }
 }
-function _e(i) {
+function Ee(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-var St, It = { exports: {} };
-function we() {
-  return St || (St = 1, i = It, (function() {
+var Ft, Mt = { exports: {} };
+function ke() {
+  return Ft || (Ft = 1, i = Mt, (function() {
     function r(l, h) {
       return (function(n) {
         if (typeof n != "string" || !n.match(/^data:image\/webp;base64,/i)) throw new Error("Failed to decode WebP Base64 URL");
@@ -687,8 +698,8 @@ function we() {
           let P, $ = e(r(_, n.quality)), U = null;
           P = M || (typeof C == "number" ? C : n.frameDuration), n.transparent && (C instanceof HTMLCanvasElement || typeof C == "string" ? U = C : $.hasAlpha && (U = (function(I) {
             v !== null && v.width === I.width && v.height === I.height || (v = document.createElement("canvas"), v.width = I.width, v.height = I.height, w = v.getContext("2d"), x = w.createImageData(v.width, v.height));
-            let X = I.getContext("2d").getImageData(0, 0, I.width, I.height).data, K = x.data, Z = 0, Ht = I.width * I.height * 4;
-            for (let dt = 3; dt < Ht; dt += 4) {
+            let X = I.getContext("2d").getImageData(0, 0, I.width, I.height).data, K = x.data, Z = 0, Xt = I.width * I.height * 4;
+            for (let dt = 3; dt < Xt; dt += 4) {
               let ct = X[dt];
               K[Z++] = ct, K[Z++] = ct, K[Z++] = ct, K[Z++] = 255;
             }
@@ -727,12 +738,12 @@ function we() {
       };
     };
     i.exports = d;
-  })()), It.exports;
+  })()), Mt.exports;
   var i;
 }
-var Ft, Mt = { exports: {} };
-function Ce() {
-  return Ft || (Ft = 1, i = Mt, (function() {
+var Lt, $t = { exports: {} };
+function Be() {
+  return Lt || (Lt = 1, i = $t, (function() {
     let r = function(t) {
       this.data = new Uint8Array(t), this.pos = 0;
     };
@@ -804,12 +815,12 @@ function Ce() {
       if (this.pos == this.data.byteLength) return this.data;
       throw new Error("ArrayBufferDataStream's pos lies beyond end of buffer");
     }, i.exports = r;
-  })()), Mt.exports;
+  })()), $t.exports;
   var i;
 }
-var Lt, $t, Pt, At = { exports: {} };
-function Ee() {
-  return Lt || (Lt = 1, i = At, (function() {
+var Pt, At, Ot, Dt = { exports: {} };
+function Se() {
+  return Pt || (Pt = 1, i = Dt, (function() {
     let r = function(t) {
       return function(e) {
         let a = [], o = Promise.resolve(), s = null, d = null;
@@ -879,17 +890,17 @@ function Ee() {
       };
     };
     i.exports = r;
-  })()), At.exports;
+  })()), Dt.exports;
   var i;
 }
-function ke() {
-  return Pt ? $t : (Pt = 1, $t = we()(Ce(), Ee()(null)));
+function Ie() {
+  return Ot ? At : (Ot = 1, At = ke()(Be(), Se()(null)));
 }
-var Be = ke();
-const Se = _e(Be);
-class Ie {
+var Fe = Ie();
+const Me = Ee(Fe);
+class Le {
   async $record(r, t, e, a) {
-    const o = Math.max(1, Math.round(t.frameRate)), s = Math.max(1, Math.round(t.frameCount)), d = new Se({ quality: t.quality, alphaQuality: t.transparent ? t.quality : void 0, transparent: t.transparent, frameRate: o }), l = this._createSnapshotSurface();
+    const o = Math.max(1, Math.round(t.frameRate)), s = Math.max(1, Math.round(t.frameCount)), d = new Me({ quality: t.quality, alphaQuality: t.transparent ? t.quality : void 0, transparent: t.transparent, frameRate: o }), l = this._createSnapshotSurface();
     return await new Promise((h, n) => {
       let c, u = "capturing", f = !1, y = 0;
       const m = () => {
@@ -929,12 +940,12 @@ class Ie {
     };
   }
 }
-class Fe {
+class $e {
   constructor(r, t) {
     p(this, "_recorder");
     p(this, "_textmodifier");
     p(this, "_registerPostDrawHook");
-    this._recorder = new Ie(), this._textmodifier = r, this._registerPostDrawHook = t;
+    this._recorder = new Le(), this._textmodifier = r, this._registerPostDrawHook = t;
   }
   async $saveWEBM(r = {}) {
     var a;
@@ -950,19 +961,19 @@ class Fe {
     return { filename: r.filename, frameRate: Math.abs(Math.round(r.frameRate ?? 60)), frameCount: Math.abs(Math.round(r.frameCount ?? 300)), quality: Math.abs(Math.min(Math.max(r.quality ?? 1, 0), 1)), transparent: !!r.transparent, debugLogging: !!r.debugLogging };
   }
 }
-class Me extends xt {
+class Pe extends xt {
   $extractCellData(r) {
     var s;
     const t = r.layers.base.drawFramebuffer, e = this.$extractFramebufferData(t), a = [];
     let o = 0;
     for (let d = 0; d < r.grid.rows; d++) for (let l = 0; l < r.grid.cols; l++) {
-      const h = 4 * o, n = this.$getCharacterIndex(e.characterPixels, h), c = this.$extractCellTransform(e.characterPixels, h), u = ((s = r.font.characters[n]) == null ? void 0 : s.character) ?? " ";
+      const h = 4 * o, n = this.$getEncodedCharacterValue(e.characterPixels, h), c = this.$extractCellTransform(e.characterPixels, h), u = ((s = yt(r.font, n)) == null ? void 0 : s.character) ?? " ";
       a.push({ x: l, y: d, character: u, foreground: it(e.primaryColorPixels, h), background: it(e.secondaryColorPixels, h), transform: { invert: c.isInverted, flipX: c.flipHorizontal, flipY: c.flipVertical, rotation: c.rotation } }), o++;
     }
     return a;
   }
 }
-const Le = "https://textmode.art/schemas/textmode-layer-1.0.schema.json";
+const Ae = "https://textmode.art/schemas/textmode-layer-1.0.schema.json";
 class mt {
   _applyDefaultOptions(r) {
     return { pretty: r.pretty ?? !0, colorMode: r.colorMode ?? "hex", includeMetadata: r.includeMetadata ?? !0, filename: r.filename };
@@ -979,8 +990,8 @@ class mt {
     return { encoding: "object-rows-v1", rows: a };
   }
   $generateJSONData(r, t = {}) {
-    const e = this._applyDefaultOptions(t), a = new Me().$extractCellData(r), o = this._createObjectRowsCells(a, r, e.colorMode);
-    return { $schema: Le, format: "textmode.layer", formatVersion: "1.0.0", ...e.includeMetadata ? { metadata: { createdAt: (/* @__PURE__ */ new Date()).toISOString(), generator: { name: "textmode.export.js", version: "1.2.1" } } } : {}, canvas: { width: r.grid.width, height: r.grid.height }, grid: { cols: r.grid.cols, rows: r.grid.rows, cellWidth: r.grid.cellWidth, cellHeight: r.grid.cellHeight }, layer: { id: "base", cells: o } };
+    const e = this._applyDefaultOptions(t), a = new Pe().$extractCellData(r), o = this._createObjectRowsCells(a, r, e.colorMode);
+    return { $schema: Ae, format: "textmode.layer", formatVersion: "1.0.0", ...e.includeMetadata ? { metadata: { createdAt: (/* @__PURE__ */ new Date()).toISOString(), generator: { name: "textmode.export.js", version: "1.2.1" } } } : {}, canvas: { width: r.grid.width, height: r.grid.height }, grid: { cols: r.grid.cols, rows: r.grid.rows, cellWidth: r.grid.cellWidth, cellHeight: r.grid.cellHeight }, layer: { id: "base", cells: o } };
   }
   $generateJSONString(r, t = {}) {
     const e = this._applyDefaultOptions(t), a = this.$generateJSONData(r, e), o = typeof e.pretty == "number" ? e.pretty : e.pretty ? 2 : 0;
@@ -1151,7 +1162,7 @@ class st extends T {
     }
   }
 }
-class Ot extends T {
+class Vt extends T {
   constructor(t) {
     super();
     p(this, "props");
@@ -1174,7 +1185,7 @@ class Ot extends T {
     this.props = t, this.button.textContent = t.label, this.button.disabled = !!t.disabled, t.variant === "secondary" ? (this.button.classList.add(b.buttonSecondary), this.button.classList.remove(b.buttonPrimary)) : (this.button.classList.add(b.buttonPrimary), this.button.classList.remove(b.buttonSecondary)), this.button.classList.toggle(b.buttonFull, !!t.fullWidth);
   }
 }
-class $e {
+class Oe {
   constructor(r) {
     p(this, "api");
     this.api = r;
@@ -1204,7 +1215,7 @@ class $e {
     }
   }
 }
-class Pe {
+class De {
   constructor(r, t) {
     p(this, "api");
     p(this, "events");
@@ -1246,7 +1257,7 @@ class Pe {
     }
   }
 }
-class Ae {
+class Ve {
   constructor(r, t) {
     p(this, "modifier");
     p(this, "overlay");
@@ -1270,11 +1281,11 @@ class Ae {
     this.animationFrameId !== null && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null), this.bound && (window.removeEventListener("resize", this.handleUpdate), window.removeEventListener("scroll", this.handleUpdate, !0), this.bound = !1);
   }
 }
-const Q = "textmode-export-number-input", Oe = `${Q}__field`, De = `${Q}__controls`, Ve = `${Q}__control`, jt = `${Q}__display`, rt = `${jt}--visible`, Te = (i) => {
+const Q = "textmode-export-number-input", Te = `${Q}__field`, Re = `${Q}__controls`, Ne = `${Q}__control`, qt = `${Q}__display`, rt = `${qt}--visible`, Ue = (i) => {
   i.dispatchEvent(new Event("input", { bubbles: !0 })), i.dispatchEvent(new Event("change", { bubbles: !0 }));
-}, Dt = (i) => {
+}, Tt = (i) => {
   const r = document.createElement("button");
-  return r.type = "button", r.className = Ve, r.textContent = i > 0 ? "▲" : "▼", r;
+  return r.type = "button", r.className = Ne, r.textContent = i > 0 ? "▲" : "▼", r;
 };
 class z extends T {
   constructor(t) {
@@ -1293,9 +1304,9 @@ class z extends T {
   }
   render() {
     const t = document.createElement("div");
-    t.className = Q, this.input = document.createElement("input"), this.input.type = "number", this.input.value = this.props.defaultValue, Object.assign(this.input, this.props.attributes), this.input.className = Oe, this.display = document.createElement("div"), this.display.className = jt;
+    t.className = Q, this.input = document.createElement("input"), this.input.type = "number", this.input.value = this.props.defaultValue, Object.assign(this.input, this.props.attributes), this.input.className = Te, this.display = document.createElement("div"), this.display.className = qt;
     const e = document.createElement("div");
-    return e.className = De, this.incrementButton = Dt(1), this.decrementButton = Dt(-1), e.appendChild(this.incrementButton), e.appendChild(this.decrementButton), t.appendChild(this.input), t.appendChild(this.display), t.appendChild(e), this.bindStepControls(), this.bindHoldBehavior(), this.bindInputListeners(), this.observeDisabledState(t), this.updateDisplay(), t;
+    return e.className = Re, this.incrementButton = Tt(1), this.decrementButton = Tt(-1), e.appendChild(this.incrementButton), e.appendChild(this.decrementButton), t.appendChild(this.input), t.appendChild(this.display), t.appendChild(e), this.bindStepControls(), this.bindHoldBehavior(), this.bindInputListeners(), this.observeDisabledState(t), this.updateDisplay(), t;
   }
   get inputElement() {
     return this.input;
@@ -1322,7 +1333,7 @@ class z extends T {
         const h = s > 0 ? 1 : -1, n = Number.parseFloat(this.input.value || "0"), c = Number.isFinite(n) ? n + h : h;
         this.input.value = String(c);
       }
-      this.input.value !== d && Te(this.input), this.updateDisplay(), this.input.focus({ preventScroll: !0 });
+      this.input.value !== d && Ue(this.input), this.updateDisplay(), this.input.focus({ preventScroll: !0 });
     }, e = t(1), a = t(-1), o = (s, d) => (l) => {
       if (this.suppressClickAfterPointer.get(s)) return this.suppressClickAfterPointer.set(s, !1), void l.preventDefault();
       d();
@@ -1394,8 +1405,8 @@ class Y extends T {
     return t.classList.add(...e), t;
   }
 }
-const Vt = { neutral: "textmode-export-overlay__status-value--neutral", active: "textmode-export-overlay__status-value--active", alert: "textmode-export-overlay__status-value--alert" };
-class Wt extends T {
+const Rt = { neutral: "textmode-export-overlay__status-value--neutral", active: "textmode-export-overlay__status-value--active", alert: "textmode-export-overlay__status-value--alert" };
+class Ht extends T {
   constructor(t) {
     super();
     p(this, "props");
@@ -1415,7 +1426,7 @@ class Wt extends T {
     this.props = t, this.setMessage(t.message, t.variant ?? "neutral");
   }
   applyVariant(t) {
-    this.messageElement.classList.remove(...Object.values(Vt)), this.messageElement.classList.add(Vt[t]);
+    this.messageElement.classList.remove(...Object.values(Rt)), this.messageElement.classList.add(Rt[t]);
   }
 }
 class J extends T {
@@ -1436,15 +1447,15 @@ class J extends T {
     this._managedComponents.clear();
   }
 }
-const j = { frameCount: 300, frameRate: 60, scale: 1, repeat: 0 };
+const W = { frameCount: 300, frameRate: 60, scale: 1, repeat: 0 };
 class bt extends J {
   constructor(t) {
     super(t);
-    p(this, "frameCountInput", this._manageComponent(new z({ defaultValue: String(j.frameCount), attributes: { min: "1", max: "600", step: "1" } })));
-    p(this, "frameRateInput", this._manageComponent(new z({ defaultValue: String(j.frameRate), attributes: { min: "1", max: "60", step: "1" } })));
-    p(this, "scaleInput", this._manageComponent(new z({ defaultValue: String(j.scale), attributes: { min: "0.1", max: "8", step: "0.1" } })));
+    p(this, "frameCountInput", this._manageComponent(new z({ defaultValue: String(W.frameCount), attributes: { min: "1", max: "600", step: "1" } })));
+    p(this, "frameRateInput", this._manageComponent(new z({ defaultValue: String(W.frameRate), attributes: { min: "1", max: "60", step: "1" } })));
+    p(this, "scaleInput", this._manageComponent(new z({ defaultValue: String(W.scale), attributes: { min: "0.1", max: "8", step: "0.1" } })));
     p(this, "repeatInput", this._manageComponent(new z({ defaultValue: "0", attributes: { min: "0", max: "50", step: "1" }, formatDisplay: (t, e) => Number.isFinite(t) ? t === 0 ? "∞" : null : e.trim() === "" ? null : e })));
-    p(this, "status", this._manageComponent(new Wt({ title: "status", message: "ready to record", variant: "neutral", context: "gif" })));
+    p(this, "status", this._manageComponent(new Ht({ title: "status", message: "ready to record", variant: "neutral", context: "gif" })));
     p(this, "recordingState", "idle");
   }
   render() {
@@ -1511,7 +1522,7 @@ class bt extends J {
     }
   }
   applyDefaults() {
-    const t = this._config.defaultOptions ?? {}, e = t.frameCount ?? j.frameCount, a = t.frameRate ?? j.frameRate, o = t.scale ?? j.scale, s = t.repeat ?? j.repeat;
+    const t = this._config.defaultOptions ?? {}, e = t.frameCount ?? W.frameCount, a = t.frameRate ?? W.frameRate, o = t.scale ?? W.scale, s = t.repeat ?? W.repeat;
     this.frameCountInput.value = String(e), this.frameRateInput.value = String(a), this.scaleInput.value = String(o), this.repeatInput.value = String(s), this.frameCountInput.refresh(), this.frameRateInput.refresh(), this.scaleInput.refresh(), this.repeatInput.refresh();
   }
   safeParseInt(t, e) {
@@ -1523,12 +1534,12 @@ class bt extends J {
     return Number.isFinite(a) ? a : e;
   }
 }
-const lt = "textmode-export-range-input", Re = `${lt}__field`, Ne = `${lt}__tooltip`, ft = `${lt}__tooltip--visible`, at = (i, r) => {
+const lt = "textmode-export-range-input", Ge = `${lt}__field`, ze = `${lt}__tooltip`, ft = `${lt}__tooltip--visible`, at = (i, r) => {
   if (typeof i != "string" || i.length === 0) return r;
   const t = Number.parseFloat(i);
   return Number.isFinite(t) ? t : r;
-}, Ue = (i, r, t) => Math.min(t, Math.max(r, i));
-class Ge extends T {
+}, We = (i, r, t) => Math.min(t, Math.max(r, i));
+class je extends T {
   constructor(t) {
     super();
     p(this, "props");
@@ -1545,7 +1556,7 @@ class Ge extends T {
   }
   render() {
     const t = document.createElement("div");
-    return t.className = lt, this.input = document.createElement("input"), this.input.type = "range", this.input.value = this.props.defaultValue, Object.assign(this.input, this.props.attributes), this.input.className = Re, this.tooltip = document.createElement("div"), this.tooltip.className = Ne, t.appendChild(this.input), t.appendChild(this.tooltip), this.bindEvents(t), this.updateTooltip(), this.syncDisabledState(t), t;
+    return t.className = lt, this.input = document.createElement("input"), this.input.type = "range", this.input.value = this.props.defaultValue, Object.assign(this.input, this.props.attributes), this.input.className = Ge, this.tooltip = document.createElement("div"), this.tooltip.className = ze, t.appendChild(this.input), t.appendChild(this.tooltip), this.bindEvents(t), this.updateTooltip(), this.syncDisabledState(t), t;
   }
   get inputElement() {
     return this.input;
@@ -1622,7 +1633,7 @@ class Ge extends T {
     this.tooltip.textContent = t(e, this.input);
   }
   updateTooltipPosition() {
-    const t = this.getMin(), e = this.getMax(), a = Ue(this.getCurrentValue(), t, e), o = e - t, s = o === 0 ? 0 : (a - t) / o;
+    const t = this.getMin(), e = this.getMax(), a = We(this.getCurrentValue(), t, e), o = e - t, s = o === 0 ? 0 : (a - t) / o;
     this.tooltip.style.left = 100 * s + "%";
   }
   getMin() {
@@ -1635,21 +1646,21 @@ class Ge extends T {
     return at(this.input.value, at(this.props.defaultValue, 0));
   }
 }
-function ze(i) {
+function qe(i) {
   if (!Number.isFinite(i)) return "default quality";
   const r = Math.max(0, Math.min(1, i));
   return r >= 0.995 ? "near-lossless" : r >= 0.98 ? "maximum detail" : r >= 0.88 ? "ultra quality" : r >= 0.7 ? "high quality" : r >= 0.5 ? "balanced" : r >= 0.25 ? "compact" : r >= 0.1 ? "lightweight" : "draft";
 }
-function je(i) {
-  return `${ze(i)} (quality ≈ ${i.toFixed(3)})`;
+function He(i) {
+  return `${qe(i)} (quality ≈ ${i.toFixed(3)})`;
 }
 class vt extends J {
   constructor(t) {
     super(t);
     p(this, "frameRateInput", this._manageComponent(new z({ defaultValue: String(60), attributes: { min: String(1), max: String(60), step: "1" }, formatDisplay: (t) => Number.isFinite(t) ? `${t} fps` : null })));
     p(this, "frameCountInput", this._manageComponent(new z({ defaultValue: String(480), attributes: { min: String(1), max: String(3600), step: "1" } })));
-    p(this, "qualityInput", this._manageComponent(new Ge({ defaultValue: String(0.7), attributes: { min: String(0), max: String(1), step: "0.001" }, formatValue: (t) => je(t) })));
-    p(this, "status", this._manageComponent(new Wt({ title: "status", message: "ready to record", variant: "neutral", context: "video" })));
+    p(this, "qualityInput", this._manageComponent(new je({ defaultValue: String(0.7), attributes: { min: String(0), max: String(1), step: "0.001" }, formatValue: (t) => He(t) })));
+    p(this, "status", this._manageComponent(new Ht({ title: "status", message: "ready to record", variant: "neutral", context: "video" })));
     p(this, "recordingState", "idle");
   }
   render() {
@@ -1715,8 +1726,8 @@ class vt extends J {
     this.frameCountInput.value = String(e), this.frameRateInput.value = String(a), this.qualityInput.value = String(o), this.frameCountInput.refresh(), this.frameRateInput.refresh();
   }
 }
-const We = `@layer textmode-export-overlay{.textmode-export-overlay{--overlay-bg: rgba(20, 20, 20, .8);--overlay-surface: rgba(40, 40, 40, .9);--overlay-border: rgba(255, 255, 255, .14);--overlay-border-strong: rgba(255, 255, 255, .2);--overlay-border-focus: rgba(160, 160, 160, .6);--overlay-focus-shadow: 0 0 0 1px rgba(140, 140, 140, .28);--overlay-text: #ffffff;--overlay-muted: rgba(200, 200, 200, .74);--overlay-radius: .75rem;--overlay-stack-gap: .55rem;position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:var(--overlay-stack-gap);min-width:236px;max-width:236px;padding:.65rem .8rem;background:var(--overlay-bg);color:var(--overlay-text);border-radius:var(--overlay-radius);border:1px solid var(--overlay-border);box-shadow:0 12px 28px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.82rem;line-height:1.35;pointer-events:auto;z-index:2147483647}.textmode-export-overlay *{box-sizing:border-box}.textmode-export-overlay__header{display:flex;flex-direction:column;gap:.4rem}.textmode-export-overlay__header-title-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.textmode-export-overlay__header-links{display:inline-flex;align-items:center;gap:.3rem}.textmode-export-overlay__support-link{display:inline-flex;align-items:center;justify-content:center;padding:.2rem;border-radius:.45rem;border:1px solid transparent;color:#d7d7d7d1;background:transparent;text-decoration:none;line-height:0;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}.textmode-export-overlay__support-link:hover{color:#fff;background:#5a5a5a4d;border-color:#c8c8c824}.textmode-export-overlay__support-link:focus-visible{outline:none;border-color:var(--overlay-border-focus);box-shadow:var(--overlay-focus-shadow)}.textmode-export-overlay__support-icon,.textmode-export-overlay__link-icon{display:block;width:1rem;height:1rem}.textmode-export-overlay__stack{display:flex;flex-direction:column;gap:var(--overlay-stack-gap)}.textmode-export-overlay__stack--dense{gap:.3rem}.textmode-export-overlay__stack--compact{gap:.45rem}.textmode-export-overlay__section{display:flex;flex-direction:column;gap:.4rem}.textmode-export-overlay__title{font-size:.92rem;font-weight:600}.textmode-export-overlay__divider{width:100%;height:1px;background:#ffffff29;margin-top:.25rem}.textmode-export-overlay__label{font-weight:500;opacity:.9}.textmode-export-overlay__checkbox{display:flex;align-items:center;gap:.5rem}.textmode-export-overlay__checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:rgba(100,100,100,.9)}.textmode-export-overlay__row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-start;width:100%}.textmode-export-overlay__field{display:flex;flex-direction:column;gap:.3rem;flex:1 1 120px;min-width:120px}.textmode-export-overlay__field--compact{flex:1 1 100px;min-width:100px}.textmode-export-overlay__field--dense{flex:1 1 90px;min-width:90px}.textmode-export-overlay__field--channel{flex:1 1 0;min-width:0}.textmode-export-overlay__field--full{width:100%;flex:1 1 100%}.textmode-export-overlay__input,.textmode-export-overlay select.textmode-export-overlay__input,.textmode-export-overlay input.textmode-export-overlay__input{width:100%;padding:.35rem .5rem;border-radius:.4rem;border:1px solid var(--overlay-border-strong);background:var(--overlay-surface);color:var(--overlay-text);font:inherit;line-height:1.35;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.textmode-export-overlay select.textmode-export-overlay__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(200, 200, 200, 0.74)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;padding-right:2rem}.textmode-export-overlay__input:focus{outline:none;border-color:var(--overlay-border-focus);box-shadow:var(--overlay-focus-shadow);background:#2d2f42eb}.textmode-export-overlay__input::placeholder{color:var(--overlay-muted);opacity:.7}.textmode-export-overlay__muted{font-size:.75rem;opacity:.7;display:block}.textmode-export-overlay__button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:.45rem;border:none;font-weight:600;padding:.45rem .7rem;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.textmode-export-overlay__button--primary{background:#505050;color:#fff}.textmode-export-overlay__button--secondary{background:#606060;color:#fff}.textmode-export-overlay__button--full{width:100%}.textmode-export-overlay__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px #00000073}.textmode-export-overlay__button--primary:hover:not(:disabled){background:#404040}.textmode-export-overlay__button--secondary:hover:not(:disabled){background:#4a4a4a}.textmode-export-overlay__button:disabled{cursor:default;opacity:.55;transform:none;box-shadow:none}.textmode-export-overlay__status{display:flex;flex-direction:column;gap:.25rem;padding:.45rem .55rem;border-radius:.45rem;border:1px solid rgba(110,110,110,.22);background:#4646462e}.textmode-export-overlay__status--gif{background:#5050501f;border-color:#78787840}.textmode-export-overlay__status--video{background:#4646461f;border-color:#6e6e6e40}.textmode-export-overlay__status-title{font-weight:600;font-size:.75rem;opacity:.85;text-transform:uppercase;letter-spacing:.04em}.textmode-export-overlay__status-value{font-size:.82rem;color:#dedede;transition:color .18s ease}.textmode-export-overlay__status-value--neutral{color:#cfcfcf}.textmode-export-overlay__status-value--active{color:#f5f5f5}.textmode-export-overlay__status-value--alert{color:#b8b8b8}.textmode-export-number-input,.textmode-export-overlay .textmode-export-number-input{display:flex;align-items:stretch;width:100%;background:var(--overlay-surface);border:1px solid var(--overlay-border-strong);border-radius:.4rem;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;position:relative}.textmode-export-number-input:focus-within{border-color:var(--overlay-border-focus);box-shadow:var(--overlay-focus-shadow)}.textmode-export-number-input.is-disabled{opacity:.55}.textmode-export-number-input__field{flex:1 1 auto;min-width:0;border:none;background:transparent;color:var(--overlay-text);font:inherit;padding:.35rem .5rem;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.textmode-export-number-input__field::-webkit-outer-spin-button,.textmode-export-number-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.textmode-export-number-input__field:focus{outline:none}.textmode-export-number-input__controls{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.12);min-width:1.6rem}.textmode-export-number-input__control{display:flex;align-items:center;justify-content:center;width:100%;flex:1;border:none;background:#32323299;color:#d0d0d0;font-size:.68rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease;padding:0}.textmode-export-number-input__control:hover:not(:disabled){background:#5a5a5ad9;color:#fff}.textmode-export-number-input__control:disabled{cursor:default;opacity:.4;background:#28282880;color:#c8c8c866}.textmode-export-number-input:focus-within .textmode-export-number-input__control{background:#3c3c3cbf;color:#e8e8e8}.textmode-export-number-input__display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:.4rem .55rem;pointer-events:none;color:#f8fafc;opacity:0;transition:opacity .14s ease}.textmode-export-number-input__display--visible{opacity:1}.textmode-export-range-input{position:relative;width:100%}.textmode-export-range-input.is-disabled{opacity:.55}.textmode-export-range-input__field{width:100%;height:1.4rem;padding:0;margin:0;background:transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.textmode-export-range-input__field::-webkit-slider-thumb{width:12px;height:12px;margin-top:-3.5px;-webkit-appearance:none;border-radius:50%;background:#a0a0a0;border:2px solid #303030;box-shadow:0 0 0 2px #00000059}.textmode-export-range-input__field::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#8c8c8cd9,#646464a6)}.textmode-export-range-input__field::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#a0a0a0;border:2px solid #303030;margin-top:-3.5px}.textmode-export-range-input__field::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#8c8c8cd9,#646464a6)}.textmode-export-range-input__tooltip{position:absolute;top:-1.5rem;left:0;transform:translate(-50%);padding:.2rem .35rem;border-radius:.35rem;background:#1e1e1ee0;color:#f8fafc;font-size:.68rem;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease}.textmode-export-range-input__tooltip--visible{opacity:1}}`;
-class qe {
+const Je = `@layer textmode-export-overlay{.textmode-export-overlay{--overlay-bg: rgba(20, 20, 20, .8);--overlay-surface: rgba(40, 40, 40, .9);--overlay-border: rgba(255, 255, 255, .14);--overlay-border-strong: rgba(255, 255, 255, .2);--overlay-border-focus: rgba(160, 160, 160, .6);--overlay-focus-shadow: 0 0 0 1px rgba(140, 140, 140, .28);--overlay-text: #ffffff;--overlay-muted: rgba(200, 200, 200, .74);--overlay-radius: .75rem;--overlay-stack-gap: .55rem;position:absolute;top:0;left:0;display:flex;flex-direction:column;gap:var(--overlay-stack-gap);min-width:236px;max-width:236px;padding:.65rem .8rem;background:var(--overlay-bg);color:var(--overlay-text);border-radius:var(--overlay-radius);border:1px solid var(--overlay-border);box-shadow:0 12px 28px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.82rem;line-height:1.35;pointer-events:auto;z-index:2147483647}.textmode-export-overlay *{box-sizing:border-box}.textmode-export-overlay__header{display:flex;flex-direction:column;gap:.4rem}.textmode-export-overlay__header-title-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.textmode-export-overlay__header-links{display:inline-flex;align-items:center;gap:.3rem}.textmode-export-overlay__support-link{display:inline-flex;align-items:center;justify-content:center;padding:.2rem;border-radius:.45rem;border:1px solid transparent;color:#d7d7d7d1;background:transparent;text-decoration:none;line-height:0;transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}.textmode-export-overlay__support-link:hover{color:#fff;background:#5a5a5a4d;border-color:#c8c8c824}.textmode-export-overlay__support-link:focus-visible{outline:none;border-color:var(--overlay-border-focus);box-shadow:var(--overlay-focus-shadow)}.textmode-export-overlay__support-icon,.textmode-export-overlay__link-icon{display:block;width:1rem;height:1rem}.textmode-export-overlay__stack{display:flex;flex-direction:column;gap:var(--overlay-stack-gap)}.textmode-export-overlay__stack--dense{gap:.3rem}.textmode-export-overlay__stack--compact{gap:.45rem}.textmode-export-overlay__section{display:flex;flex-direction:column;gap:.4rem}.textmode-export-overlay__title{font-size:.92rem;font-weight:600}.textmode-export-overlay__divider{width:100%;height:1px;background:#ffffff29;margin-top:.25rem}.textmode-export-overlay__label{font-weight:500;opacity:.9}.textmode-export-overlay__checkbox{display:flex;align-items:center;gap:.5rem}.textmode-export-overlay__checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:rgba(100,100,100,.9)}.textmode-export-overlay__row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-start;width:100%}.textmode-export-overlay__field{display:flex;flex-direction:column;gap:.3rem;flex:1 1 120px;min-width:120px}.textmode-export-overlay__field--compact{flex:1 1 100px;min-width:100px}.textmode-export-overlay__field--dense{flex:1 1 90px;min-width:90px}.textmode-export-overlay__field--channel{flex:1 1 0;min-width:0}.textmode-export-overlay__field--full{width:100%;flex:1 1 100%}.textmode-export-overlay__input,.textmode-export-overlay select.textmode-export-overlay__input,.textmode-export-overlay input.textmode-export-overlay__input{width:100%;padding:.35rem .5rem;border-radius:.4rem;border:1px solid var(--overlay-border-strong);background:var(--overlay-surface);color:var(--overlay-text);font:inherit;line-height:1.35;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.textmode-export-overlay select.textmode-export-overlay__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(200, 200, 200, 0.74)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;padding-right:2rem}.textmode-export-overlay__input:focus{outline:none;border-color:var(--overlay-border-focus);box-shadow:var(--overlay-focus-shadow);background:#2d2f42eb}.textmode-export-overlay__input::placeholder{color:var(--overlay-muted);opacity:.7}.textmode-export-overlay__muted{font-size:.75rem;opacity:.7;display:block}.textmode-export-overlay__button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border-radius:.45rem;border:none;font-weight:600;padding:.45rem .7rem;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.textmode-export-overlay__button--primary{background:#505050;color:#fff}.textmode-export-overlay__button--secondary{background:#606060;color:#fff}.textmode-export-overlay__button--full{width:100%}.textmode-export-overlay__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 18px #00000073}.textmode-export-overlay__button--primary:hover:not(:disabled){background:#404040}.textmode-export-overlay__button--secondary:hover:not(:disabled){background:#4a4a4a}.textmode-export-overlay__button:disabled{cursor:default;opacity:.55;transform:none;box-shadow:none}.textmode-export-overlay__status{display:flex;flex-direction:column;gap:.25rem;padding:.45rem .55rem;border-radius:.45rem;border:1px solid rgba(110,110,110,.22);background:#4646462e}.textmode-export-overlay__status--gif{background:#5050501f;border-color:#78787840}.textmode-export-overlay__status--video{background:#4646461f;border-color:#6e6e6e40}.textmode-export-overlay__status-title{font-weight:600;font-size:.75rem;opacity:.85;text-transform:uppercase;letter-spacing:.04em}.textmode-export-overlay__status-value{font-size:.82rem;color:#dedede;transition:color .18s ease}.textmode-export-overlay__status-value--neutral{color:#cfcfcf}.textmode-export-overlay__status-value--active{color:#f5f5f5}.textmode-export-overlay__status-value--alert{color:#b8b8b8}.textmode-export-number-input,.textmode-export-overlay .textmode-export-number-input{display:flex;align-items:stretch;width:100%;background:var(--overlay-surface);border:1px solid var(--overlay-border-strong);border-radius:.4rem;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;position:relative}.textmode-export-number-input:focus-within{border-color:var(--overlay-border-focus);box-shadow:var(--overlay-focus-shadow)}.textmode-export-number-input.is-disabled{opacity:.55}.textmode-export-number-input__field{flex:1 1 auto;min-width:0;border:none;background:transparent;color:var(--overlay-text);font:inherit;padding:.35rem .5rem;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.textmode-export-number-input__field::-webkit-outer-spin-button,.textmode-export-number-input__field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.textmode-export-number-input__field:focus{outline:none}.textmode-export-number-input__controls{display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.12);min-width:1.6rem}.textmode-export-number-input__control{display:flex;align-items:center;justify-content:center;width:100%;flex:1;border:none;background:#32323299;color:#d0d0d0;font-size:.68rem;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease;padding:0}.textmode-export-number-input__control:hover:not(:disabled){background:#5a5a5ad9;color:#fff}.textmode-export-number-input__control:disabled{cursor:default;opacity:.4;background:#28282880;color:#c8c8c866}.textmode-export-number-input:focus-within .textmode-export-number-input__control{background:#3c3c3cbf;color:#e8e8e8}.textmode-export-number-input__display{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:.4rem .55rem;pointer-events:none;color:#f8fafc;opacity:0;transition:opacity .14s ease}.textmode-export-number-input__display--visible{opacity:1}.textmode-export-range-input{position:relative;width:100%}.textmode-export-range-input.is-disabled{opacity:.55}.textmode-export-range-input__field{width:100%;height:1.4rem;padding:0;margin:0;background:transparent;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.textmode-export-range-input__field::-webkit-slider-thumb{width:12px;height:12px;margin-top:-3.5px;-webkit-appearance:none;border-radius:50%;background:#a0a0a0;border:2px solid #303030;box-shadow:0 0 0 2px #00000059}.textmode-export-range-input__field::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#8c8c8cd9,#646464a6)}.textmode-export-range-input__field::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#a0a0a0;border:2px solid #303030;margin-top:-3.5px}.textmode-export-range-input__field::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(90deg,#8c8c8cd9,#646464a6)}.textmode-export-range-input__tooltip{position:absolute;top:-1.5rem;left:0;transform:translate(-50%);padding:.2rem .35rem;border-radius:.35rem;background:#1e1e1ee0;color:#f8fafc;font-size:.68rem;line-height:1;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease}.textmode-export-range-input__tooltip--visible{opacity:1}}`;
+class Xe {
   constructor(r, t, e, a, o) {
     p(this, "_textmodifier");
     p(this, "_state");
@@ -1735,8 +1746,8 @@ class qe {
     p(this, "_header", new gt());
     p(this, "_formatField", new O({ label: "export format", labelFor: "textmode-export-format", variant: "full" }));
     p(this, "_formatSelect", new st({ id: "textmode-export-format", options: [] }));
-    p(this, "_exportButton", new Ot({ label: "download file", fullWidth: !0, variant: "primary" }));
-    p(this, "_copyButton", new Ot({ label: "copy to clipboard", fullWidth: !0, variant: "primary" }));
+    p(this, "_exportButton", new Vt({ label: "download file", fullWidth: !0, variant: "primary" }));
+    p(this, "_copyButton", new Vt({ label: "copy to clipboard", fullWidth: !0, variant: "primary" }));
     p(this, "_currentFormat");
     p(this, "_currentBlade");
     p(this, "_handleFormatSelectChange", () => {
@@ -1752,10 +1763,10 @@ class qe {
         console.error("[textmode-export] Copy failed", r);
       });
     });
-    this._textmodifier = r, this._state = e, this._events = a, this._exportService = new Pe(t, a), this._clipboardService = new $e(t), this._definitions = o, this._currentFormat = e.snapshot.format, this._initializeFormatMap(), this._registerEventHandlers();
+    this._textmodifier = r, this._state = e, this._events = a, this._exportService = new De(t, a), this._clipboardService = new Oe(t), this._definitions = o, this._currentFormat = e.snapshot.format, this._initializeFormatMap(), this._registerEventHandlers();
   }
   $mount() {
-    this._createOverlay(), this._renderStaticContent(), this._positionService = new Ae(this._textmodifier, this._shadowHost), this._positionService.bind(), this._switchFormat(this._currentFormat);
+    this._createOverlay(), this._renderStaticContent(), this._positionService = new Ve(this._textmodifier, this._shadowHost), this._positionService.bind(), this._switchFormat(this._currentFormat);
   }
   show() {
     this._shadowHost && (this._shadowHost.style.display = "");
@@ -1786,7 +1797,7 @@ class qe {
   _createOverlay() {
     this._shadowHost = document.createElement("div"), this._shadowHost.dataset.plugin = "textmode-export-overlay-host", this._shadowHost.style.cssText = "position: absolute; top: 0; left: 0; pointer-events: none; z-index: 2147483647;", this._shadowRoot = this._shadowHost.attachShadow({ mode: "open" });
     const r = document.createElement("style");
-    r.textContent = We, this._shadowRoot.appendChild(r), this._overlayElement = document.createElement("div"), this._overlayElement.dataset.plugin = "textmode-export-overlay", this._overlayElement.classList.add(b.root, b.stack), this._shadowRoot.appendChild(this._overlayElement), document.body.appendChild(this._shadowHost);
+    r.textContent = Je, this._shadowRoot.appendChild(r), this._overlayElement = document.createElement("div"), this._overlayElement.dataset.plugin = "textmode-export-overlay", this._overlayElement.classList.add(b.root, b.stack), this._shadowRoot.appendChild(this._overlayElement), document.body.appendChild(this._shadowHost);
   }
   _renderStaticContent() {
     this._header.mount(this._overlayElement);
@@ -1935,7 +1946,7 @@ class qe {
     this._exportButton.setDisabled(t), this._exportButton.setLabel(t ? "exporting…" : "download file");
   }
 }
-class He {
+class Ye {
   constructor() {
     p(this, "_listeners", {});
   }
@@ -1963,7 +1974,7 @@ class He {
     for (const r of Object.keys(this._listeners)) delete this._listeners[r];
   }
 }
-class Je {
+class Qe {
   constructor(r) {
     p(this, "_state");
     p(this, "_listeners", /* @__PURE__ */ new Set());
@@ -1992,7 +2003,7 @@ class Je {
     for (const e of [...this._listeners]) e(t);
   }
 }
-const Xe = (i) => ({ format: i, isBusy: !1 });
+const Ke = (i) => ({ format: i, isBusy: !1 });
 class nt extends T {
   constructor(t) {
     super();
@@ -2025,7 +2036,7 @@ class nt extends T {
     this.props = t, t.id && (this.checkbox.id = t.id, this.labelElement.htmlFor = t.id), this.checkbox.checked = !!t.defaultChecked, this.labelElement.lastElementChild && (this.labelElement.lastElementChild.textContent = t.label);
   }
 }
-class Ye extends T {
+class Ze extends T {
   constructor(t) {
     super();
     p(this, "props");
@@ -2054,11 +2065,11 @@ class Ye extends T {
     this.props = t, t.id && (this.input.id = t.id), t.maxLength !== void 0 && (this.input.maxLength = t.maxLength), t.defaultValue !== void 0 && (this.input.value = t.defaultValue);
   }
 }
-class Qe extends J {
+class tr extends J {
   constructor(t) {
     super(t);
     p(this, "trailingSpaces", this._manageComponent(new nt({ label: "preserve trailing spaces", defaultChecked: !1 })));
-    p(this, "emptyCharacter", this._manageComponent(new Ye({ id: "textmode-export-empty-character", defaultValue: " ", maxLength: 1 })));
+    p(this, "emptyCharacter", this._manageComponent(new Ze({ id: "textmode-export-empty-character", defaultValue: " ", maxLength: 1 })));
   }
   render() {
     const t = document.createElement("div");
@@ -2081,7 +2092,7 @@ class Qe extends J {
     this.trailingSpaces.checked = t.preserveTrailingSpaces ?? !1, this.emptyCharacter.value = t.emptyCharacter ?? " ";
   }
 }
-class Ke extends J {
+class er extends J {
   constructor(t) {
     super(t);
     p(this, "prettyPrint", this._manageComponent(new nt({ id: "textmode-export-json-pretty", label: "pretty print", defaultChecked: !0 })));
@@ -2108,7 +2119,7 @@ class Ke extends J {
     this.prettyPrint.checked = typeof t.pretty == "number" ? t.pretty > 0 : t.pretty ?? !0, this.includeMetadata.checked = t.includeMetadata ?? !0, this.colorMode.value = t.colorMode ?? "hex";
   }
 }
-class Ze extends J {
+class rr extends J {
   constructor(t) {
     super(t);
     p(this, "formatSelect", this._manageComponent(new st({ id: "textmode-export-image-format", options: [{ value: "png", label: `PNG (${pt.png})` }, { value: "jpg", label: `JPG (${pt.jpg})` }, { value: "webp", label: `WEBP (${pt.webp})` }], defaultValue: "png" })));
@@ -2143,7 +2154,7 @@ class Ze extends J {
     this.scaleInput.value = String(e);
   }
 }
-class tr extends J {
+class ar extends J {
   constructor(t) {
     super(t);
     p(this, "includeBackground", this._manageComponent(new nt({ id: "textmode-export-svg-include-backgrounds", label: "include cell backgrounds", defaultChecked: !0 })));
@@ -2181,39 +2192,39 @@ class tr extends J {
     this.strokeWidth.value = String(e), this.strokeWidth.refresh();
   }
 }
-const er = [{ format: "txt", label: "plain text (.txt)", supportsClipboard: !0, createBlade: () => new Qe({ format: "txt", label: "plain text (.txt)", supportsClipboard: !0, defaultOptions: { preserveTrailingSpaces: !1, emptyCharacter: " " } }) }, { format: "json", label: "layer data (.json)", supportsClipboard: !0, createBlade: () => new Ke({ format: "json", label: "layer data (.json)", supportsClipboard: !0, defaultOptions: { pretty: !0, includeMetadata: !0, colorMode: "hex" } }) }, { format: "image", label: "image (.png / .jpg / .webp)", supportsClipboard: !0, createBlade: () => new Ze({ format: "image", label: "image (.png / .jpg / .webp)", supportsClipboard: !0, defaultOptions: { format: "png", scale: 1 } }) }, { format: "svg", label: "vector (.svg)", supportsClipboard: !0, createBlade: () => new tr({ format: "svg", label: "vector (.svg)", supportsClipboard: !0, defaultOptions: { includeBackgroundRectangles: !0, drawMode: "fill", strokeWidth: 1 } }) }, { format: "gif", label: "animated GIF (.gif)", supportsClipboard: !1, createBlade: () => new bt({ format: "gif", label: "animated GIF (.gif)", supportsClipboard: !1, defaultOptions: { frameCount: 300, frameRate: 60, scale: 1, repeat: 0 } }) }, { format: "video", label: "video (.webm)", supportsClipboard: !1, createBlade: () => new vt({ format: "video", label: "video (.webm)", supportsClipboard: !1, defaultOptions: { frameCount: 480, frameRate: 60, quality: 0.7 } }) }];
-function rr() {
-  return er;
+const or = [{ format: "txt", label: "plain text (.txt)", supportsClipboard: !0, createBlade: () => new tr({ format: "txt", label: "plain text (.txt)", supportsClipboard: !0, defaultOptions: { preserveTrailingSpaces: !1, emptyCharacter: " " } }) }, { format: "json", label: "layer data (.json)", supportsClipboard: !0, createBlade: () => new er({ format: "json", label: "layer data (.json)", supportsClipboard: !0, defaultOptions: { pretty: !0, includeMetadata: !0, colorMode: "hex" } }) }, { format: "image", label: "image (.png / .jpg / .webp)", supportsClipboard: !0, createBlade: () => new rr({ format: "image", label: "image (.png / .jpg / .webp)", supportsClipboard: !0, defaultOptions: { format: "png", scale: 1 } }) }, { format: "svg", label: "vector (.svg)", supportsClipboard: !0, createBlade: () => new ar({ format: "svg", label: "vector (.svg)", supportsClipboard: !0, defaultOptions: { includeBackgroundRectangles: !0, drawMode: "fill", strokeWidth: 1 } }) }, { format: "gif", label: "animated GIF (.gif)", supportsClipboard: !1, createBlade: () => new bt({ format: "gif", label: "animated GIF (.gif)", supportsClipboard: !1, defaultOptions: { frameCount: 300, frameRate: 60, scale: 1, repeat: 0 } }) }, { format: "video", label: "video (.webm)", supportsClipboard: !1, createBlade: () => new vt({ format: "video", label: "video (.webm)", supportsClipboard: !1, defaultOptions: { frameCount: 480, frameRate: 60, quality: 0.7 } }) }];
+function ir() {
+  return or;
 }
-function ar(i, r) {
+function nr(i, r) {
   var d;
-  const t = rr(), e = (d = t[0]) == null ? void 0 : d.format, a = new Je(Xe(e)), o = new He(), s = new qe(i, r, a, o, t);
+  const t = ir(), e = (d = t[0]) == null ? void 0 : d.format, a = new Qe(Ke(e)), o = new Ye(), s = new Xe(i, r, a, o, t);
   return s.$mount(), s;
 }
-const qt = { name: "textmode.export", version: "1.2.1", async install(i, r) {
-  const t = { saveCanvas: async (d = {}) => new wt().$saveImage(i.canvas, d), copyCanvas: async (d = {}) => new wt().$copyImageToClipboard(i.canvas, d), saveSVG: (d = {}) => {
-    new _t().$saveSVG(i, d);
+const Jt = { name: "textmode.export", version: "1.2.1", async install(i, r) {
+  const t = { saveCanvas: async (d = {}) => new Et().$saveImage(i.canvas, d), copyCanvas: async (d = {}) => new Et().$copyImageToClipboard(i.canvas, d), saveSVG: (d = {}) => {
+    new Ct().$saveSVG(i, d);
   }, saveStrings: (d = {}) => {
-    new Ct().$saveTXT(i, d);
-  }, toSVG: (d = {}) => new _t().$generateSVG(i, d), toString: (d = {}) => new Ct().$generateTXT(i, d), toJSON: (d = {}) => new mt().$generateJSONData(i, d), toJSONString: (d = {}) => new mt().$generateJSONString(i, d), saveJSON: (d = {}) => {
+    new kt().$saveTXT(i, d);
+  }, toSVG: (d = {}) => new Ct().$generateSVG(i, d), toString: (d = {}) => new kt().$generateTXT(i, d), toJSON: (d = {}) => new mt().$generateJSONData(i, d), toJSONString: (d = {}) => new mt().$generateJSONString(i, d), saveJSON: (d = {}) => {
     new mt().$saveJSON(i, d);
-  }, saveGIF: async (d = {}) => new ye(i, r.registerPostDrawHook).$saveGIF(d), saveWEBM: async (d = {}) => new Fe(i, r.registerPostDrawHook).$saveWEBM(d) }, e = ar(i, t), a = { show: () => e.show(), hide: () => e.hide(), toggle: () => e.toggle(), isVisible: () => e.isVisible() }, o = { ...t, exportOverlay: a }, s = i;
+  }, saveGIF: async (d = {}) => new Ce(i, r.registerPostDrawHook).$saveGIF(d), saveWEBM: async (d = {}) => new $e(i, r.registerPostDrawHook).$saveWEBM(d) }, e = nr(i, t), a = { show: () => e.show(), hide: () => e.hide(), toggle: () => e.toggle(), isVisible: () => e.isVisible() }, o = { ...t, exportOverlay: a }, s = i;
   Object.assign(s, o), s._exportOverlayController = e;
 }, async uninstall(i) {
   const r = i, t = r._exportOverlayController;
   t == null || t.$dispose(), delete r._exportOverlayController;
   const e = ["exportOverlay", "saveCanvas", "copyCanvas", "saveSVG", "saveStrings", "toSVG", "toString", "toJSON", "toJSONString", "saveJSON", "saveGIF", "saveWEBM"];
   for (const a of e) delete r[a];
-} }, or = (i = {}) => {
-  const r = i.overlay ?? !0, t = { ...qt }, e = t.install;
+} }, sr = (i = {}) => {
+  const r = i.overlay ?? !0, t = { ...Jt }, e = t.install;
   return t.install = async (a, o) => {
     var d;
     const s = a;
     await e.call(t, s, o), r || ((d = s.exportOverlay) == null || d.hide());
   }, t;
 };
-typeof window < "u" && (window.ExportPlugin = qt, window.createTextmodeExportPlugin = or);
+typeof window < "u" && (window.ExportPlugin = Jt, window.createTextmodeExportPlugin = sr);
 export {
-  qt as ExportPlugin,
-  or as createTextmodeExportPlugin
+  Jt as ExportPlugin,
+  sr as createTextmodeExportPlugin
 };