textmode.export.js 1.3.0 → 1.4.0

package/dist/textmode.export.esm.js

@@ -1,624 +1,654 @@
-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);
+var te = Object.defineProperty;
+var ee = (i, e, t) => e in i ? te(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var p = (i, e, t) => ee(i, typeof e != "symbol" ? e + "" : e, t);
 class xt {
-  $extractFramebufferData(r) {
-    return { characterPixels: r.readPixels(0), primaryColorPixels: r.readPixels(1), secondaryColorPixels: r.readPixels(2) };
+  $extractFramebufferData(e) {
+    return { characterPixels: e.readPixels(0), primaryColorPixels: e.readPixels(1), secondaryColorPixels: e.readPixels(2) };
   }
-  $getEncodedCharacterValue(r, t) {
-    return r[t] + (r[t + 1] << 8);
+  $getEncodedCharacterValue(e, t) {
+    return e[t] + (e[t + 1] << 8);
   }
-  $getCharacterIndex(r, t) {
-    return this.$getEncodedCharacterValue(r, t);
+  $getCharacterIndex(e, t) {
+    return this.$getEncodedCharacterValue(e, 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 };
+  $extractCellTransform(e, t) {
+    const r = e[t + 2], a = e[t + 3] / 255;
+    return { isInverted: !!(1 & r), flipHorizontal: !!(2 & r), flipVertical: !!(4 & r), rotation: Math.round(360 * a * 100) / 100 };
   }
 }
-class H {
-  $downloadFile(r, t) {
+class X {
+  $downloadFile(e, t) {
     try {
-      const e = this._sanitizeFilename(t), a = URL.createObjectURL(r), o = document.createElement("a");
-      o.href = a, o.download = e, o.style.display = "none", o.rel = "noopener", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a);
-    } catch (e) {
-      console.error("[textmode-export] Failed to download file:", e);
+      const r = this._sanitizeFilename(t), a = URL.createObjectURL(e), o = document.createElement("a");
+      o.href = a, o.download = r, o.style.display = "none", o.rel = "noopener", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a);
+    } catch (r) {
+      console.error("[textmode-export] Failed to download file:", r);
     }
   }
-  _sanitizeFilename(r) {
-    if (!r) return this._generateDefaultFilename();
-    const t = r.trim();
+  _sanitizeFilename(e) {
+    if (!e) return this._generateDefaultFilename();
+    const t = e.trim();
     return t ? t.replace(/[<>:"/\\|?*]/g, "_").replace(/\s+/g, "_").replace(/_{2,}/g, "_").replace(/^_+|_+$/g, "").substring(0, 255) || this._generateDefaultFilename() : this._generateDefaultFilename();
   }
   _generateDefaultFilename() {
     return `textmode-export-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-")}`;
   }
 }
-const wt = /* @__PURE__ */ new WeakMap();
-function Kt(i) {
+const Et = /* @__PURE__ */ new WeakMap();
+function re(i) {
   return Math.round(255 * i[0]) + (Math.round(255 * i[1]) << 8);
 }
-function yt(i, r) {
-  let t = wt.get(i);
+function _t(i, e) {
+  let t = Et.get(i);
   if (!t) {
     t = /* @__PURE__ */ new Map();
-    for (const e of i.characters) t.set(Kt(e.color), e);
-    wt.set(i, t);
+    for (const r of i.characters) t.set(re(r.color), r);
+    Et.set(i, t);
   }
-  return t.get(r);
+  return t.get(e);
 }
-function it(i, r) {
-  return { r: i[r], g: i[r + 1], b: i[r + 2], a: i[r + 3] };
+function zt(i, e) {
+  const t = i === "base" ? "Base layer" : `Layer ${Number.parseInt(i.replace("layer-", ""), 10)}`;
+  return e._visible === !1 ? `${t} (hidden)` : t;
 }
-class Zt extends xt {
-  _calculateCellPosition(r, t, e) {
-    return { x: r, y: t, cellX: r * e.cellWidth, cellY: t * e.cellHeight };
-  }
-  $extractSVGCellData(r, t) {
-    const e = [];
+function kt(i) {
+  return [{ id: "base", layer: i.layers.base }, ...i.layers.all.map((e, t) => ({ id: `layer-${t + 1}`, layer: e }))].map(({ id: e, layer: t }) => ({ id: e, label: zt(e, t), layer: t }));
+}
+function ae(i) {
+  return { getOptions: () => kt(i), getLayerById: (e) => {
+    var t;
+    return (t = kt(i).find((r) => r.id === e)) == null ? void 0 : t.layer;
+  }, getDefaultId: () => "base" };
+}
+function oe(i, e) {
+  if (e === i.layers.base) return "base";
+  const t = i.layers.all.indexOf(e);
+  if (t >= 0) return `layer-${t + 1}`;
+  throw new Error("[textmode-export] Cannot export a layer that is not managed by this Textmodifier instance.");
+}
+function lt(i, e) {
+  const t = e ?? i.layers.base, r = oe(i, t), a = t.grid, o = t.font, n = t.drawFramebuffer;
+  if (!a || !n) throw new Error("[textmode-export] Cannot export an uninitialized layer.");
+  return { id: r, label: zt(r, t), layer: t, grid: a, font: o, drawFramebuffer: n };
+}
+function ie(i) {
+  return [i.layers.base, ...i.layers.all].map((e) => {
+    const t = e;
+    return { ...lt(i, e), visible: t._visible ?? !0, opacity: t._opacity ?? 1, blendMode: t._blendMode ?? "normal", offsetX: t._offsetX ?? 0, offsetY: t._offsetY ?? 0, rotationZ: t._rotation ?? 0 };
+  });
+}
+function st(i, e) {
+  return { r: i[e], g: i[e + 1], b: i[e + 2], a: i[e + 3] };
+}
+class se extends xt {
+  _calculateCellPosition(e, t, r) {
+    return { x: e, y: t, cellX: e * r.cellWidth, cellY: t * r.cellHeight };
+  }
+  $extractSVGCellData(e, t) {
+    const r = [];
     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.$getEncodedCharacterValue(r.characterPixels, d);
-      let h = it(r.primaryColorPixels, d), n = it(r.secondaryColorPixels, d);
-      const c = this.$extractCellTransform(r.characterPixels, d);
+    for (let o = 0; o < t.rows; o++) for (let n = 0; n < t.cols; n++) {
+      const d = 4 * a, l = this.$getEncodedCharacterValue(e.characterPixels, d);
+      let h = st(e.primaryColorPixels, d), s = st(e.secondaryColorPixels, d);
+      const c = this.$extractCellTransform(e.characterPixels, d);
       if (c.isInverted) {
         const f = h;
-        h = n, n = f;
+        h = s, s = f;
       }
-      const u = this._calculateCellPosition(s, o, t);
-      e.push({ encodedGlyphSlot: l, primaryColor: h, secondaryColor: n, transform: c, position: u }), a++;
+      const u = this._calculateCellPosition(n, o, t);
+      r.push({ encodedGlyphSlot: l, primaryColor: h, secondaryColor: s, transform: c, position: u }), a++;
     }
-    return e;
+    return r;
   }
 }
-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) };
+class ne {
+  _createGlyphPath(e, t, r, a, o) {
+    const n = o / e.head.unitsPerEm;
+    return { getBoundingBox: () => ({ x1: r + t.xMin * n, y1: a + -t.yMax * n, x2: r + t.xMax * n, y2: a + -t.yMin * n }), toSVG: () => this._glyphToSVGPath(t, r, a, n) };
   }
-  _glyphToSVGPath(r, t, e, a) {
-    if (!r || !r.xs) return "";
-    const { xs: o, ys: s, endPts: d, flags: l } = r;
-    if (!(o && s && d && l)) return "";
-    let h = "", n = 0;
+  _glyphToSVGPath(e, t, r, a) {
+    if (!e || !e.xs) return "";
+    const { xs: o, ys: n, endPts: d, flags: l } = e;
+    if (!(o && n && d && l)) return "";
+    let h = "", s = 0;
     for (let c = 0; c < d.length; c++) {
       const u = d[c];
-      if (!(u < n)) {
-        if (u >= n) {
-          const f = t + o[n] * a, y = e - s[n] * a;
-          h += `M${f.toFixed(2)},${y.toFixed(2)}`;
-          let m = n + 1;
+      if (!(u < s)) {
+        if (u >= s) {
+          const f = t + o[s] * a, x = r - n[s] * a;
+          h += `M${f.toFixed(2)},${x.toFixed(2)}`;
+          let m = s + 1;
           for (; m <= u; )
             if (1 & l[m]) {
-              const v = t + o[m] * a, w = e - s[m] * a;
+              const v = t + o[m] * a, w = r - n[m] * a;
               h += `L${v.toFixed(2)},${w.toFixed(2)}`, m++;
             } else {
-              const v = t + o[m] * a, w = e - s[m] * a, x = m + 1 > u ? n : m + 1;
-              if (1 & l[x]) {
-                const g = t + o[x] * a, E = e - s[x] * a;
-                h += `Q${v.toFixed(2)},${w.toFixed(2)} ${g.toFixed(2)},${E.toFixed(2)}`, m = x + 1;
+              const v = t + o[m] * a, w = r - n[m] * a, y = m + 1 > u ? s : m + 1;
+              if (1 & l[y]) {
+                const g = t + o[y] * a, E = r - n[y] * a;
+                h += `Q${v.toFixed(2)},${w.toFixed(2)} ${g.toFixed(2)},${E.toFixed(2)}`, m = y + 1;
               } else {
-                const g = (v + (t + o[x] * a)) / 2, E = (w + (e - s[x] * a)) / 2;
-                h += `Q${v.toFixed(2)},${w.toFixed(2)} ${g.toFixed(2)},${E.toFixed(2)}`, m = x;
+                const g = (v + (t + o[y] * a)) / 2, E = (w + (r - n[y] * a)) / 2;
+                h += `Q${v.toFixed(2)},${w.toFixed(2)} ${g.toFixed(2)},${E.toFixed(2)}`, m = y;
               }
             }
           h += "Z";
         }
-        n = u + 1;
+        s = u + 1;
       }
     }
     return h;
   }
-  $generatePositionedCharacterPath(r, t, e, a, o, s, d, l) {
+  $generatePositionedCharacterPath(e, t, r, a, o, n, d, l) {
     if (!l) return null;
-    const h = t.font, n = d / h.head.unitsPerEm, c = e + (o - l.advanceWidth * n) / 2, u = a + h.hhea.ascender * n;
+    const h = t.font, s = d / h.head.unitsPerEm, c = r + (o - l.advanceWidth * s) / 2, u = a + h.hhea.ascender * s;
     return this._createGlyphPath(h, l, c, u, d).toSVG() || null;
   }
 }
-class ee {
+class le {
   constructor() {
     p(this, "_pathGenerator");
-    this._pathGenerator = new te();
+    this._pathGenerator = new ne();
   }
-  $generateSVGHeader(r) {
-    const { width: t, height: e } = r;
-    return `<?xml version="1.0" encoding="UTF-8"?><svg width="${t}" height="${e}" viewBox="0 0 ${t} ${e}" xmlns="http://www.w3.org/2000/svg"><title>textmode.js sketch</title>`;
+  $generateSVGHeader(e) {
+    const { width: t, height: r } = e;
+    return `<?xml version="1.0" encoding="UTF-8"?><svg width="${t}" height="${r}" viewBox="0 0 ${t} ${r}" xmlns="http://www.w3.org/2000/svg"><title>textmode.js sketch</title>`;
   }
   $generateSVGFooter() {
     return "</g></svg>";
   }
-  _generateTransformAttribute(r, t) {
-    const { transform: e, position: a } = r;
-    if (!e.flipHorizontal && !e.flipVertical && !e.rotation) return "";
-    const o = a.cellX + t.cellWidth / 2, s = a.cellY + t.cellHeight / 2, d = [];
-    if (e.flipHorizontal || e.flipVertical) {
-      const l = e.flipHorizontal ? -1 : 1, h = e.flipVertical ? -1 : 1;
-      d.push(`translate(${o} ${s})scale(${l} ${h})translate(${-o} ${-s})`);
+  _generateTransformAttribute(e, t) {
+    const { transform: r, position: a } = e;
+    if (!r.flipHorizontal && !r.flipVertical && !r.rotation) return "";
+    const o = a.cellX + t.cellWidth / 2, n = a.cellY + t.cellHeight / 2, d = [];
+    if (r.flipHorizontal || r.flipVertical) {
+      const l = r.flipHorizontal ? -1 : 1, h = r.flipVertical ? -1 : 1;
+      d.push(`translate(${o} ${n})scale(${l} ${h})translate(${-o} ${-n})`);
     }
-    return e.rotation && d.push(`rotate(${e.rotation} ${o} ${s})`), ` transform="${d.join(" ")}"`;
+    return r.rotation && d.push(`rotate(${r.rotation} ${o} ${n})`), ` transform="${d.join(" ")}"`;
   }
-  _generateCellBackground(r, t, e) {
-    if (!e.includeBackgroundRectangles || r.secondaryColor.a === 0) return "";
-    const { position: a } = r, { r: o, g: s, b: d, a: l } = r.secondaryColor, h = `rgba(${o},${s},${d},${l / 255})`;
-    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}"/>`;
+  _generateCellBackground(e, t, r) {
+    if (!r.includeBackgroundRectangles || e.secondaryColor.a === 0) return "";
+    const { position: a } = e, { r: o, g: n, b: d, a: l } = e.secondaryColor, h = `rgba(${o},${n},${d},${l / 255})`;
+    return r.drawMode === "stroke" ? `<rect x="${a.cellX}" y="${a.cellY}" width="${t.cellWidth}" height="${t.cellHeight}" stroke="${h}" fill="none" stroke-width="${r.strokeWidth}"/>` : `<rect x="${a.cellX}" y="${a.cellY}" width="${t.cellWidth}" height="${t.cellHeight}" fill="${h}"/>`;
   }
-  _generateCharacterPath(r, t, e, a) {
-    const o = yt(e, r.encodedGlyphSlot);
+  _generateCharacterPath(e, t, r, a) {
+    const o = _t(r, e.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 "";
-    const { r: d, g: l, b: h, a: n } = r.primaryColor, c = `rgba(${d},${l},${h},${n / 255})`;
-    return a.drawMode === "stroke" ? `<path d="${s}" stroke="${c}" stroke-width="${a.strokeWidth}" fill="none"/>` : `<path d="${s}" fill="${c}"/>`;
-  }
-  $generateCellContent(r, t, e, a) {
-    const o = [], s = this._generateCellBackground(r, t, a);
-    s && o.push(s);
-    const d = this._generateCharacterPath(r, t, e, a);
+    const n = this._pathGenerator.$generatePositionedCharacterPath(o.character, r, e.position.cellX, e.position.cellY, t.cellWidth, t.cellHeight, r.fontSize, o.glyphData);
+    if (!n) return "";
+    const { r: d, g: l, b: h, a: s } = e.primaryColor, c = `rgba(${d},${l},${h},${s / 255})`;
+    return a.drawMode === "stroke" ? `<path d="${n}" stroke="${c}" stroke-width="${a.strokeWidth}" fill="none"/>` : `<path d="${n}" fill="${c}"/>`;
+  }
+  $generateCellContent(e, t, r, a) {
+    const o = [], n = this._generateCellBackground(e, t, a);
+    n && o.push(n);
+    const d = this._generateCharacterPath(e, t, r, a);
     if (d) {
-      const l = this._generateTransformAttribute(r, t);
+      const l = this._generateTransformAttribute(e, t);
       o.push(l ? `<g${l}>${d}</g>` : d);
     }
     return o.join("");
   }
-  $generateSVGContent(r, t, e, a) {
+  $generateSVGContent(e, t, r, a) {
     const o = [this.$generateSVGHeader(t), '<g id="ascii-cells">'];
-    for (const s of r) o.push(this.$generateCellContent(s, t, e, a));
+    for (const n of e) o.push(this.$generateCellContent(n, t, r, a));
     return o.push(this.$generateSVGFooter()), o.join("");
   }
-  $optimizeSVGContent(r) {
-    return r.replace(/\s+/g, " ").replace(/> </g, "><");
+  $optimizeSVGContent(e) {
+    return e.replace(/\s+/g, " ").replace(/> </g, "><");
   }
 }
-class Ct {
-  _applyDefaultOptions(r) {
-    return { includeBackgroundRectangles: r.includeBackgroundRectangles ?? !0, drawMode: r.drawMode ?? "fill", strokeWidth: r.strokeWidth ?? 1, filename: r.filename };
+class Bt {
+  _applyDefaultOptions(e) {
+    return { includeBackgroundRectangles: e.includeBackgroundRectangles ?? !0, drawMode: e.drawMode ?? "fill", strokeWidth: e.strokeWidth ?? 1, filename: e.filename, layer: e.layer };
   }
-  $generateSVG(r, 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);
+  $generateSVG(e, t = {}) {
+    const r = new se(), a = new le(), o = this._applyDefaultOptions(t), n = lt(e, o.layer), d = r.$extractSVGCellData(r.$extractFramebufferData(n.drawFramebuffer), n.grid), l = a.$generateSVGContent(d, n.grid, n.font, o);
+    return a.$optimizeSVGContent(l);
   }
-  $saveSVG(r, t = {}) {
-    new H().$downloadFile(new Blob([this.$generateSVG(r, t)], { type: "image/svg+xml;charset=utf-8" }), t.filename);
+  $saveSVG(e, t = {}) {
+    new X().$downloadFile(new Blob([this.$generateSVG(e, t)], { type: "image/svg+xml;charset=utf-8" }), t.filename);
   }
 }
-const ut = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, pt = { png: ".png", jpg: ".jpg", webp: ".webp" };
-class Et {
-  _applyDefaultOptions(r) {
-    return { format: r.format ?? "png", scale: Math.abs(r.scale ?? 1), filename: r.filename };
+const pt = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, ht = { png: ".png", jpg: ".jpg", webp: ".webp" };
+class St {
+  _applyDefaultOptions(e) {
+    return { format: e.format ?? "png", scale: Math.abs(e.scale ?? 1), filename: e.filename };
   }
-  _validateOptions(r) {
-    if (!(r.format in ut)) throw new Error(`Saving '${r.format}' files is not supported`);
+  _validateOptions(e) {
+    if (!(e.format in pt)) throw new Error(`Saving '${e.format}' files is not supported`);
   }
-  async $generateImageBlob(r, t) {
-    const e = r, a = document.createElement("canvas"), o = a.getContext("2d"), s = Math.round(e.width * t.scale), d = Math.round(e.height * t.scale);
-    return a.width = s, a.height = d, o.imageSmoothingEnabled = !1, o.clearRect(0, 0, s, d), o.drawImage(e, 0, 0, e.width, e.height, 0, 0, s, d), await new Promise((l, h) => {
-      a.toBlob((n) => {
-        n ? l(n) : h(new Error(`Failed to generate ${t.format.toUpperCase()} blob`));
-      }, ut[t.format]);
+  async $generateImageBlob(e, t) {
+    const r = e, a = document.createElement("canvas"), o = a.getContext("2d"), n = Math.round(r.width * t.scale), d = Math.round(r.height * t.scale);
+    return a.width = n, a.height = d, o.imageSmoothingEnabled = !1, o.clearRect(0, 0, n, d), o.drawImage(r, 0, 0, r.width, r.height, 0, 0, n, d), await new Promise((l, h) => {
+      a.toBlob((s) => {
+        s ? l(s) : h(new Error(`Failed to generate ${t.format.toUpperCase()} blob`));
+      }, pt[t.format]);
     });
   }
-  async $saveImage(r, t = {}) {
-    const e = this._applyDefaultOptions(t);
-    this._validateOptions(e);
-    const a = await this.$generateImageBlob(r, e);
-    new H().$downloadFile(a, e.filename);
+  async $saveImage(e, t = {}) {
+    const r = this._applyDefaultOptions(t);
+    this._validateOptions(r);
+    const a = await this.$generateImageBlob(e, r);
+    new X().$downloadFile(a, r.filename);
   }
-  async $copyImageToClipboard(r, t = {}) {
+  async $copyImageToClipboard(e, t = {}) {
     if (typeof navigator > "u" || !navigator.clipboard || typeof navigator.clipboard.write != "function") throw new Error("Clipboard API is not available in this environment");
-    const e = this._applyDefaultOptions(t);
-    this._validateOptions(e);
-    const a = await this.$generateImageBlob(r, e), o = new ClipboardItem({ [ut[e.format]]: a });
+    const r = this._applyDefaultOptions(t);
+    this._validateOptions(r);
+    const a = await this.$generateImageBlob(e, r), o = new ClipboardItem({ [pt[r.format]]: a });
     await navigator.clipboard.write([o]);
   }
 }
-class kt {
-  _applyDefaultOptions(r) {
-    return { preserveTrailingSpaces: r.preserveTrailingSpaces ?? !1, emptyCharacter: r.emptyCharacter ?? " ", filename: r.filename };
+class It {
+  _applyDefaultOptions(e) {
+    return { preserveTrailingSpaces: e.preserveTrailingSpaces ?? !1, emptyCharacter: e.emptyCharacter ?? " ", filename: e.filename, layer: e.layer };
   }
-  _createTXTContent(r, t) {
+  _createTXTContent(e, t) {
     var l;
-    const e = new xt(), a = r.layers.base.drawFramebuffer, o = e.$extractFramebufferData(a), s = [];
+    const r = new xt(), a = lt(e, t.layer), o = r.$extractFramebufferData(a.drawFramebuffer), n = [];
     let d = 0;
-    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.$getEncodedCharacterValue(o.characterPixels, u);
-        n += ((l = yt(r.font, f)) == null ? void 0 : l.character) || t.emptyCharacter, d++;
+    for (let h = 0; h < a.grid.rows; h++) {
+      let s = "";
+      for (let c = 0; c < a.grid.cols; c++) {
+        const u = 4 * d, f = r.$getEncodedCharacterValue(o.characterPixels, u);
+        s += ((l = _t(a.font, f)) == null ? void 0 : l.character) || t.emptyCharacter, d++;
       }
-      t.preserveTrailingSpaces || (n = n.trimEnd()), s.push(n);
+      t.preserveTrailingSpaces || (s = s.trimEnd()), n.push(s);
     }
-    return s.join(`
+    return n.join(`
 `);
   }
-  $generateTXT(r, t = {}) {
-    return this._createTXTContent(r, this._applyDefaultOptions(t));
+  $generateTXT(e, t = {}) {
+    return this._createTXTContent(e, this._applyDefaultOptions(t));
   }
-  $saveTXT(r, t = {}) {
-    const e = this._applyDefaultOptions(t), a = this._createTXTContent(r, e), o = new Blob([a], { type: "text/plain;charset=utf-8" });
-    new H().$downloadFile(o, e.filename);
+  $saveTXT(e, t = {}) {
+    const r = this._applyDefaultOptions(t), a = this._createTXTContent(e, r), o = new Blob([a], { type: "text/plain;charset=utf-8" });
+    new X().$downloadFile(o, r.filename);
   }
 }
-class re {
+class de {
   constructor() {
     p(this, "_canvas");
     p(this, "_ctx");
   }
-  async $record(r, t, e, a) {
-    const o = Math.max(1, Math.round(t.frameRate)), s = Math.round(1e3 / o), d = Math.max(1, Math.round(t.frameCount));
+  async $record(e, t, r, a) {
+    const o = Math.max(1, Math.round(t.frameRate)), n = Math.round(1e3 / o), d = Math.max(1, Math.round(t.frameCount));
     return await new Promise((l, h) => {
-      const n = [];
+      const s = [];
       let c, u = 0, f = !1;
-      const y = () => {
+      const x = () => {
         c && (c(), c = void 0);
       }, m = (w) => {
-        f || (f = !0, y(), l(w));
+        f || (f = !0, x(), l(w));
       }, v = () => {
-        if (u >= d) m(n);
+        if (u >= d) m(s);
         else try {
-          const w = t.scale, x = Math.max(1, Math.round(r.width * w)), g = Math.max(1, Math.round(r.height * w));
-          this._canvas || (this._canvas = document.createElement("canvas")), this._canvas.width === x && this._canvas.height === g || (this._canvas.width = x, this._canvas.height = g), this._ctx || (this._ctx = this._canvas.getContext("2d"));
+          const w = t.scale, y = Math.max(1, Math.round(e.width * w)), g = Math.max(1, Math.round(e.height * w));
+          this._canvas || (this._canvas = document.createElement("canvas")), this._canvas.width === y && this._canvas.height === g || (this._canvas.width = y, this._canvas.height = g), this._ctx || (this._ctx = this._canvas.getContext("2d"));
           const E = this._ctx;
-          E.imageSmoothingEnabled = !1, E.clearRect(0, 0, x, g), E.drawImage(r, 0, 0, r.width, r.height, 0, 0, x, g);
-          const F = { imageData: E.getImageData(0, 0, x, g), width: x, height: g, delayMs: s };
-          n.push(F), u += 1, a == null || a({ state: "recording", frameIndex: u, totalFrames: d }), u >= d && m(n);
+          E.imageSmoothingEnabled = !1, E.clearRect(0, 0, y, g), E.drawImage(e, 0, 0, e.width, e.height, 0, 0, y, g);
+          const L = { imageData: E.getImageData(0, 0, y, g), width: y, height: g, delayMs: n };
+          s.push(L), u += 1, a == null || a({ state: "recording", frameIndex: u, totalFrames: d }), u >= d && m(s);
         } catch (w) {
-          ((x) => {
+          ((y) => {
             if (f) return;
-            f = !0, y();
-            const g = x instanceof Error ? x.message : "GIF recording failed";
-            a == null || a({ state: "error", message: g }), h(x instanceof Error ? x : new Error(String(x)));
+            f = !0, x();
+            const g = y instanceof Error ? y.message : "GIF recording failed";
+            a == null || a({ state: "error", message: g }), h(y instanceof Error ? y : new Error(String(y)));
           })(w);
         }
       };
-      c = e(() => {
+      c = r(() => {
         v();
       }), a == null || a({ state: "recording", frameIndex: 0, totalFrames: d });
     });
   }
 }
-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) {
+var jt = Object.defineProperty, ce = (i) => jt(i, "__esModule", { value: !0 }), ue = (i, e) => () => (e || i((e = { exports: {} }).exports, e), e.exports), pe = (i, e) => {
+  for (var t in e) jt(i, t, { get: e[t], enumerable: !0 });
+}, he = ue((i) => {
+  function e(c, u, f) {
     return 0.29889531 * c + 0.58662247 * u + 0.11448223 * f;
   }
   function t(c, u, f) {
     return 0.59597799 * c - 0.2741761 * u - 0.32180189 * f;
   }
-  function e(c, u, f) {
+  function r(c, u, f) {
     return 0.21147017 * c - 0.52261711 * u + 0.31114694 * f;
   }
   function a(c, u) {
-    let f = c[0] - u[0], y = c[1] - u[1], m = c[2] - u[2], v = o(c) - o(u);
-    return f * f * 0.5053 + y * y * 0.299 + m * m * 0.1957 + v * v;
+    let f = c[0] - u[0], x = c[1] - u[1], m = c[2] - u[2], v = o(c) - o(u);
+    return f * f * 0.5053 + x * x * 0.299 + m * m * 0.1957 + v * v;
   }
   function o(c) {
     return c[3] != null ? c[3] : 255;
   }
-  function s(c, u) {
+  function n(c, u) {
     return Math.sqrt(a(c, u));
   }
   function d(c, u) {
-    let [f, y, m] = c, [v, w, x] = u, g = r(f, y, m) - r(v, w, x), E = t(f, y, m) - t(v, w, x), F = e(f, y, m) - e(v, w, x), k = o(c) - o(u);
-    return g * g * 0.5053 + E * E * 0.299 + F * F * 0.1957 + k * k;
+    let [f, x, m] = c, [v, w, y] = u, g = e(f, x, m) - e(v, w, y), E = t(f, x, m) - t(v, w, y), L = r(f, x, m) - r(v, w, y), k = o(c) - o(u);
+    return g * g * 0.5053 + E * E * 0.299 + L * L * 0.1957 + k * k;
   }
   function l(c, u) {
     return Math.sqrt(d(c, u));
   }
   function h(c, u) {
-    var f, y = 0;
+    var f, x = 0;
     for (f = 0; f < c.length; f++) {
       let m = c[f] - u[f];
-      y += m * m;
+      x += m * m;
     }
-    return y;
+    return x;
   }
-  function n(c, u) {
+  function s(c, u) {
     return Math.sqrt(h(c, u));
   }
-  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);
+  ce(i), pe(i, { colorDifferenceRGBToYIQ: () => l, colorDifferenceRGBToYIQSquared: () => d, colorDifferenceYIQ: () => n, colorDifferenceYIQSquared: () => a, euclideanDistance: () => s, euclideanDistanceSquared: () => h });
+}), me = { trailer: 59 };
+function Wt(i = 256) {
+  let e = 0, t = new Uint8Array(i);
   return { get buffer() {
     return t.buffer;
   }, reset() {
-    r = 0;
-  }, bytesView: () => t.subarray(0, r), bytes: () => t.slice(0, r), writeByte(a) {
-    e(r + 1), t[r] = a, r++;
-  }, writeBytes(a, o = 0, s = a.length) {
-    e(r + s);
-    for (let d = 0; d < s; d++) t[r++] = a[d + o];
-  }, writeBytesView(a, o = 0, s = a.byteLength) {
-    e(r + s), t.set(a.subarray(o, o + s), r), r += s;
+    e = 0;
+  }, bytesView: () => t.subarray(0, e), bytes: () => t.slice(0, e), writeByte(a) {
+    r(e + 1), t[e] = a, e++;
+  }, writeBytes(a, o = 0, n = a.length) {
+    r(e + n);
+    for (let d = 0; d < n; d++) t[e++] = a[d + o];
+  }, writeBytesView(a, o = 0, n = a.byteLength) {
+    r(e + n), t.set(a.subarray(o, o + n), e), e += n;
   } };
-  function e(a) {
+  function r(a) {
     var o = t.length;
     if (o >= a) return;
     a = Math.max(a, o * (o < 1048576 ? 2 : 1.125) >>> 0), o != 0 && (a = Math.max(a, 256));
-    let s = t;
-    t = new Uint8Array(a), r > 0 && t.set(s.subarray(0, r), 0);
+    let n = t;
+    t = new Uint8Array(a), e > 0 && t.set(n.subarray(0, e), 0);
   }
 }
-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;
+var et = 12, Lt = 5003, fe = [0, 1, 3, 7, 15, 31, 63, 127, 255, 511, 1023, 2047, 4095, 8191, 16383, 32767, 65535];
+function ge(i, e, t, r, a, o, n, d) {
+  a = a || Wt(512), o = o || new Uint8Array(256), n = n || new Int32Array(Lt), d = d || new Int32Array(Lt);
+  let l = n.length, h = Math.max(2, r);
+  o.fill(0), d.fill(0), F();
+  let s = 0, c = 0, u = h + 1, f = u, x = !1, m = f, v = A(m), w = 1 << u - 1, y = w + 1, g = w + 2, E = 0, L = t[0], k = 0;
   for (let B = l; B < 65536; B *= 2) ++k;
   k = 8 - k, a.writeByte(h), R(w);
   for (let B = 1; B < t.length; B++) V(t[B]);
-  return R(F), R(x), a.writeByte(0), a.bytesView();
-  function A(B) {
+  return R(L), R(y), a.writeByte(0), a.bytesView();
+  function O(B) {
     o[E++] = B, E >= 254 && S();
   }
-  function L() {
-    s.fill(-1);
+  function F() {
+    n.fill(-1);
   }
   function V(B) {
-    let N = (B << tt) + F, _ = B << k ^ F;
-    if (s[_] === N) F = d[_];
+    let N = (B << et) + L, _ = B << k ^ L;
+    if (n[_] === N) L = d[_];
     else {
-      if (s[_] >= 0) {
+      if (n[_] >= 0) {
         let C = _ === 0 ? 1 : l - _;
         do
-          if (_ -= C, _ < 0 && (_ += l), s[_] === N) return void (F = d[_]);
-        while (s[_] >= 0);
+          if (_ -= C, _ < 0 && (_ += l), n[_] === N) return void (L = d[_]);
+        while (n[_] >= 0);
       }
-      R(F), F = B, g < 1 << tt ? (d[_] = g++, s[_] = N) : (L(), g = w + 2, y = !0, R(w));
+      R(L), L = B, g < 1 << et ? (d[_] = g++, n[_] = N) : (F(), g = w + 2, x = !0, R(w));
     }
   }
   function S() {
     E > 0 && (a.writeByte(E), a.writeBytesView(o, 0, E), E = 0);
   }
-  function D(B) {
+  function A(B) {
     return (1 << B) - 1;
   }
   function R(B) {
-    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;
+    for (s &= fe[c], c > 0 ? s |= B << c : s = B, c += m; c >= 8; ) O(255 & s), s >>= 8, c -= 8;
+    if ((g > v || x) && (x ? (m = f, v = A(m), x = !1) : (++m, v = m == et ? 1 << et : A(m))), B == y) {
+      for (; c > 0; ) O(255 & s), s >>= 8, c -= 8;
       S();
     }
   }
 }
-var ce = de;
-function Gt(i, r, t) {
-  return i << 8 & 63488 | r << 2 & 992 | t >> 3 & 31;
+var be = ge;
+function qt(i, e, t) {
+  return i << 8 & 63488 | e << 2 & 992 | t >> 3 & 31;
 }
-function zt(i, r, t, e) {
-  return i >> 4 | 240 & r | (240 & t) << 4 | (240 & e) << 8;
+function Ht(i, e, t, r) {
+  return i >> 4 | 240 & e | (240 & t) << 4 | (240 & r) << 8;
 }
-function Wt(i, r, t) {
-  return i >> 4 << 8 | r >> 4 << 4 | t >> 4;
+function Xt(i, e, t) {
+  return i >> 4 << 8 | e >> 4 << 4 | t >> 4;
 }
-function et(i, r, t) {
-  return i < r ? r : i > t ? t : i;
+function rt(i, e, t) {
+  return i < e ? e : i > t ? t : i;
 }
-function ot(i) {
+function it(i) {
   return i * i;
 }
-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);
+function Mt(i, e, t) {
+  for (var r = 0, a = 1e100, o = i[e], n = o.cnt, d = (o.ac, o.rc), l = o.gc, h = o.bc, s = o.fw; s != 0; s = i[s].fw) {
+    var c = i[s].cnt, u = n * c / (n + c);
     if (!(u >= a)) {
       var f = 0;
-      !((f += u * ot(i[n].rc - d)) >= a) && !((f += u * ot(i[n].gc - l)) >= a) && !((f += u * ot(i[n].bc - h)) >= a) && (a = f, e = n);
+      !((f += u * it(i[s].rc - d)) >= a) && !((f += u * it(i[s].gc - l)) >= a) && !((f += u * it(i[s].bc - h)) >= a) && (a = f, r = s);
     }
   }
-  o.err = a, o.nn = e;
+  o.err = a, o.nn = r;
 }
-function ht() {
+function mt() {
   return { ac: 0, rc: 0, gc: 0, bc: 0, cnt: 0, nn: 0, fw: 0, bk: 0, tm: 0, mtm: 0, err: 0 };
 }
-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 = 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++;
+function ve(i, e) {
+  let t = new Array(e === "rgb444" ? 4096 : 65536), r = i.length;
+  if (e === "rgba4444") for (let a = 0; a < r; ++a) {
+    let o = i[a], n = o >> 24 & 255, d = o >> 16 & 255, l = o >> 8 & 255, h = 255 & o, s = Ht(h, l, d, n), c = s in t ? t[s] : t[s] = mt();
+    c.rc += h, c.gc += l, c.bc += d, c.ac += n, 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 = 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 if (e === "rgb444") for (let a = 0; a < r; ++a) {
+    let o = i[a], n = o >> 16 & 255, d = o >> 8 & 255, l = 255 & o, h = Xt(l, d, n), s = h in t ? t[h] : t[h] = mt();
+    s.rc += l, s.gc += d, s.bc += n, s.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 = Gt(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 < r; ++a) {
+    let o = i[a], n = o >> 16 & 255, d = o >> 8 & 255, l = 255 & o, h = qt(l, d, n), s = h in t ? t[h] : t[h] = mt();
+    s.rc += l, s.gc += d, s.bc += n, s.cnt++;
   }
   return t;
 }
-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];
+function ye(i, e, t) {
+  let { format: r = "rgb565", clearAlpha: a = !0, clearAlphaColor: o = 0, clearAlphaThreshold: n = 0, oneBitAlpha: d = !1 } = t || {}, l = t.useSqrt !== !1, h = r === "rgba4444", s = ve(i, r), c = s.length, u = c - 1, f = new Uint32Array(c + 1);
+  for (var x = 0, m = 0; m < s.length; ++m) {
+    let B = s[m];
     if (B != null) {
       var v = 1 / B.cnt;
-      h && (B.ac *= v), B.rc *= v, B.gc *= v, B.bc *= v, n[y++] = B;
+      h && (B.ac *= v), B.rc *= v, B.gc *= v, B.bc *= v, s[x++] = B;
     }
   }
-  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) {
-    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;
+  for (it(e) / x < 0.022 && (l = !1), m = 0; m < x - 1; ++m) s[m].fw = m + 1, s[m + 1].bk = m, l && (s[m].cnt = Math.sqrt(s[m].cnt));
+  var w, y, g;
+  for (l && (s[m].cnt = Math.sqrt(s[m].cnt)), m = 0; m < x; ++m) {
+    Mt(s, m);
+    var E = s[m].err;
+    for (y = ++f[0]; y > 1 && !(s[w = f[g = y >> 1]].err <= E); y = g) f[y] = w;
+    f[y] = m;
   }
-  var F = y - r;
-  for (m = 0; m < F; ) {
+  var L = x - e;
+  for (m = 0; m < L; ) {
     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]--] : (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 O = f[1];
+      if ((k = s[O]).tm >= k.mtm && s[k.nn].mtm <= k.tm) break;
+      for (k.mtm == u ? O = f[1] = f[f[0]--] : (Mt(s, O), k.tm = m), E = s[O].err, y = 1; (g = y + y) <= f[0] && (g < f[0] && s[f[g]].err > s[f[g + 1]].err && g++, !(E <= s[w = f[g]].err)); y = g) f[y] = w;
+      f[y] = O;
     }
-    var L = n[k.nn], V = k.cnt, S = L.cnt;
-    v = 1 / (V + S), h && (k.ac = v * (V * k.ac + S * L.ac)), k.rc = v * (V * k.rc + S * L.rc), k.gc = v * (V * k.gc + S * L.gc), k.bc = v * (V * k.bc + S * L.bc), k.cnt += L.cnt, k.mtm = ++m, n[L.bk].fw = L.fw, n[L.fw].bk = L.bk, L.mtm = u;
+    var F = s[k.nn], V = k.cnt, S = F.cnt;
+    v = 1 / (V + S), h && (k.ac = v * (V * k.ac + S * F.ac)), k.rc = v * (V * k.rc + S * F.rc), k.gc = v * (V * k.gc + S * F.gc), k.bc = v * (V * k.bc + S * F.bc), k.cnt += F.cnt, k.mtm = ++m, s[F.bk].fw = F.fw, s[F.fw].bk = F.bk, F.mtm = u;
   }
-  let D = [];
+  let A = [];
   var R = 0;
   for (m = 0; ; ++R) {
-    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 B = rt(Math.round(s[m].rc), 0, 255), N = rt(Math.round(s[m].gc), 0, 255), _ = rt(Math.round(s[m].bc), 0, 255), C = 255;
+    h && (C = rt(Math.round(s[m].ac), 0, 255), d && (C = C <= (typeof d == "number" ? d : 127) ? 0 : 255), a && C <= n && (B = N = _ = o, C = 0));
     let M = h ? [B, N, _, C] : [B, N, _];
-    if (he(D, M) || D.push(M), (m = n[m].fw) == 0) break;
+    if (xe(A, M) || A.push(M), (m = s[m].fw) == 0) break;
   }
-  return D;
+  return A;
 }
-function he(i, r) {
+function xe(i, e) {
   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];
+    let r = i[t], a = r[0] === e[0] && r[1] === e[1] && r[2] === e[2], o = !(r.length >= 4 && e.length >= 4) || r[3] === e[3];
     if (a && o) return !0;
   }
   return !1;
 }
-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 = zt(u, c, n, h);
-    o[f] != null ? d = o[f] : (d = fe(u, c, n, h, r), o[f] = d), a[s] = d;
+function _e(i, e, t) {
+  let r = (t = t || "rgb565") === "rgb444" ? 4096 : 65536, a = new Uint8Array(i.length), o = new Array(r);
+  if (t === "rgba4444") for (let n = 0; n < i.length; n++) {
+    let d, l = i[n], h = l >> 24 & 255, s = l >> 16 & 255, c = l >> 8 & 255, u = 255 & l, f = Ht(u, c, s, h);
+    o[f] != null ? d = o[f] : (d = we(u, c, s, h, e), o[f] = d), a[n] = 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" ? 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;
+  else for (let n = 0; n < i.length; n++) {
+    let d, l = i[n], h = l >> 16 & 255, s = l >> 8 & 255, c = 255 & l, u = t === "rgb444" ? Xt(c, s, h) : qt(c, s, h);
+    o[u] != null ? d = o[u] : (d = Ce(c, s, h, e), o[u] = d), a[n] = d;
   }
   return a;
 }
-function fe(i, r, t, e, a) {
-  let o = 0, s = 1e100;
+function we(i, e, t, r, a) {
+  let o = 0, n = 1e100;
   for (let d = 0; d < a.length; 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))));
+    let l = a[d], h = l[0], s = l[1], c = l[2], u = W(l[3] - r);
+    u > n || (u += W(h - i), !(u > n) && (u += W(s - e), !(u > n) && (u += W(c - t), !(u > n) && (n = u, o = d))));
   }
   return o;
 }
-function ge(i, r, t, e) {
+function Ce(i, e, t, r) {
   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 = j(l - i);
-    c > o || (c += j(h - r), !(c > o) && (c += j(n - t), !(c > o) && (o = c, a = s)));
+  for (let n = 0; n < r.length; n++) {
+    let d = r[n], l = d[0], h = d[1], s = d[2], c = W(l - i);
+    c > o || (c += W(h - e), !(c > o) && (c += W(s - t), !(c > o) && (o = c, a = n)));
   }
   return a;
 }
-function j(i) {
+function W(i) {
   return i * i;
 }
-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;
+function Ee(i = {}) {
+  let { initialCapacity: e = 4096, auto: t = !0 } = i, r = Wt(e), a = new Uint8Array(256), o = new Int32Array(5003), n = new Int32Array(5003), d = !1;
   return { reset() {
-    e.reset(), d = !1;
+    r.reset(), d = !1;
   }, finish() {
-    e.writeByte(se.trailer);
-  }, bytes: () => e.bytes(), bytesView: () => e.bytesView(), get buffer() {
-    return e.buffer;
+    r.writeByte(me.trailer);
+  }, bytes: () => r.bytes(), bytesView: () => r.bytesView(), get buffer() {
+    return r.buffer;
   }, get stream() {
-    return e;
-  }, writeHeader: l, writeFrame(h, n, c, u = {}) {
-    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) {
+    return r;
+  }, writeHeader: l, writeFrame(h, s, c, u = {}) {
+    let { transparent: f = !1, transparentIndex: x = 0, delay: m = 0, palette: v = null, repeat: w = 0, colorDepth: y = 8, dispose: g = -1 } = u, E = !1;
+    if (t ? d || (E = !0, l(), d = !0) : E = !!u.first, s = Math.max(0, Math.floor(s)), c = Math.max(0, Math.floor(c)), E) {
       if (!v) throw new Error("First frame must include a { palette } option");
-      xe(e, n, c, v, x), It(e, v), w >= 0 && ye(e, w);
+      Be(r, s, c, v, y), Ft(r, v), w >= 0 && Se(r, w);
     }
-    let F = Math.round(m / 10);
-    ve(e, g, F, f, y);
+    let L = Math.round(m / 10);
+    ke(r, g, L, f, x);
     let k = !!v && !E;
-    _e(e, n, c, k ? v : null), k && It(e, v), we(e, h, n, c, x, a, o, s);
+    Ie(r, s, c, k ? v : null), k && Ft(r, v), Le(r, h, s, c, y, a, o, n);
   } };
   function l() {
-    jt(e, "GIF89a");
+    Jt(r, "GIF89a");
   }
 }
-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 ke(i, e, t, r, a) {
+  var o, n;
+  i.writeByte(33), i.writeByte(249), i.writeByte(4), a < 0 && (a = 0, r = !1), r ? (o = 1, n = 2) : (o = 0, n = 0), e >= 0 && (n = 7 & e), n <<= 2, i.writeByte(0 | n | o), G(i, t), i.writeByte(a || 0), i.writeByte(0);
 }
-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, e, t, r, a = 8) {
+  let o = 128 | a - 1 << 4 | wt(r.length) - 1;
+  G(i, e), G(i, t), i.writeBytes([o, 0, 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 Se(i, e) {
+  i.writeByte(33), i.writeByte(255), i.writeByte(11), Jt(i, "NETSCAPE2.0"), i.writeByte(3), i.writeByte(1), G(i, e), i.writeByte(0);
 }
-function It(i, r) {
-  let t = 1 << _t(r.length);
-  for (let e = 0; e < t; e++) {
+function Ft(i, e) {
+  let t = 1 << wt(e.length);
+  for (let r = 0; r < t; r++) {
     let a = [0, 0, 0];
-    e < r.length && (a = r[e]), i.writeByte(a[0]), i.writeByte(a[1]), i.writeByte(a[2]);
+    r < e.length && (a = e[r]), i.writeByte(a[0]), i.writeByte(a[1]), i.writeByte(a[2]);
   }
 }
-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 = _t(e.length) - 1;
-    i.writeByte(128 | a | o | s);
+function Ie(i, e, t, r) {
+  if (i.writeByte(44), G(i, 0), G(i, 0), G(i, e), G(i, t), r) {
+    let a = 0, o = 0, n = wt(r.length) - 1;
+    i.writeByte(128 | a | o | n);
   } else i.writeByte(0);
 }
-function we(i, r, t, e, a = 8, o, s, d) {
-  ce(t, e, r, a, i, o, s, d);
+function Le(i, e, t, r, a = 8, o, n, d) {
+  be(t, r, e, a, i, o, n, d);
 }
-function G(i, r) {
-  i.writeByte(255 & r), i.writeByte(r >> 8 & 255);
+function G(i, e) {
+  i.writeByte(255 & e), i.writeByte(e >> 8 & 255);
 }
-function jt(i, r) {
-  for (var t = 0; t < r.length; t++) i.writeByte(r.charCodeAt(t));
+function Jt(i, e) {
+  for (var t = 0; t < e.length; t++) i.writeByte(e.charCodeAt(t));
 }
-function _t(i) {
+function wt(i) {
   return Math.max(Math.ceil(Math.log2(i)), 1);
 }
-ne();
-class Ce {
-  constructor(r, t) {
+he();
+class Me {
+  constructor(e, t) {
     p(this, "_recorder");
     p(this, "_textmodifier");
     p(this, "_registerPostDrawHook");
-    this._recorder = new re(), this._textmodifier = r, this._registerPostDrawHook = t;
+    this._recorder = new de(), this._textmodifier = e, this._registerPostDrawHook = t;
   }
-  async $saveGIF(r = {}) {
-    const t = this._textmodifier.canvas, e = this._applyDefaultOptions(r), a = r.onProgress;
+  async $saveGIF(e = {}) {
+    const t = this._textmodifier.canvas, r = this._applyDefaultOptions(e), a = e.onProgress;
     try {
-      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 = 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)));
+      const o = await this._recorder.$record(t, r, this._registerPostDrawHook, a), n = Ee(), { repeat: d } = e;
+      for (let s = 0; s < o.length; s++) {
+        const c = o[s], { width: u, height: f, imageData: x, delayMs: m } = c, v = new Uint32Array(x.data.buffer), w = ye(v, 256, {}), y = _e(v, w);
+        n.writeFrame(y, u, f, { palette: w, delay: m, repeat: s === 0 ? d : -1 }), s % 2 != 0 && s !== o.length - 1 || (a == null || a({ state: "encoding", frameIndex: s + 1, totalFrames: o.length }), await new Promise((g) => setTimeout(g, 0)));
       }
-      s.finish();
-      const l = s.bytes(), h = l.buffer.slice(l.byteOffset, l.byteOffset + l.byteLength);
-      new H().$downloadFile(new Blob([h], { type: "image/gif" }), e.filename), a == null || a({ state: "completed", totalFrames: e.frameCount });
+      n.finish();
+      const l = n.bytes(), h = l.buffer.slice(l.byteOffset, l.byteOffset + l.byteLength);
+      new X().$downloadFile(new Blob([h], { type: "image/gif" }), r.filename), a == null || a({ state: "completed", totalFrames: r.frameCount });
     } catch (o) {
       throw a == null || a({ state: "error", message: o instanceof Error ? o.message : "GIF export failed" }), o;
     }
   }
-  _applyDefaultOptions(r) {
-    const t = Math.abs(Math.round(r.frameCount ?? 300)), e = Math.abs(r.frameRate ?? 60), a = Math.abs(r.scale ?? 1), o = Math.max(-1, Math.round(r.repeat ?? 0));
-    return { filename: r.filename, frameCount: t, frameRate: e, scale: a, repeat: o };
+  _applyDefaultOptions(e) {
+    const t = Math.abs(Math.round(e.frameCount ?? 300)), r = Math.abs(e.frameRate ?? 60), a = Math.abs(e.scale ?? 1), o = Math.max(-1, Math.round(e.repeat ?? 0));
+    return { filename: e.filename, frameCount: t, frameRate: r, scale: a, repeat: o };
   }
 }
-function Ee(i) {
+function Fe(i) {
   return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
 }
-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");
-        return window.atob(n.substring(23));
+var $t, Tt = { exports: {} };
+function $e() {
+  return $t || ($t = 1, i = Tt, (function() {
+    function e(l, h) {
+      return (function(s) {
+        if (typeof s != "string" || !s.match(/^data:image\/webp;base64,/i)) throw new Error("Failed to decode WebP Base64 URL");
+        return window.atob(s.substring(23));
       })(typeof l == "string" && /^data:image\/webp/.test(l) ? l : l.toDataURL("image/webp", h));
     }
     function t(l) {
       return (l.charCodeAt(0) | l.charCodeAt(1) << 8 | l.charCodeAt(2) << 16 | l.charCodeAt(3) << 24) >>> 0;
     }
-    function e(l) {
+    function r(l) {
       let h = l.indexOf("VP8", 12);
       if (h === -1) throw new Error("Bad image format, does this browser support WebP?");
-      let n = !1;
+      let s = !1;
       for (; h < l.length - 8; ) {
         let c, u;
         switch (u = l.substring(h, h + 4), h += 4, c = t(l.substring(h, h + 4)), h += 4, u) {
           case "VP8 ":
-            return { frame: l.substring(h, h + c), hasAlpha: n };
+            return { frame: l.substring(h, h + c), hasAlpha: s };
           case "ALPH":
-            n = !0;
+            s = !0;
         }
         h += c, 1 & c && h++;
       }
@@ -630,46 +660,46 @@ function ke() {
     function o(l) {
       this.value = l;
     }
-    function s(l, h, n) {
-      if (Array.isArray(n)) for (let c = 0; c < n.length; c++) s(l, h, n[c]);
-      else if (typeof n == "string") l.writeString(n);
-      else if (n instanceof Uint8Array) l.writeBytes(n);
+    function n(l, h, s) {
+      if (Array.isArray(s)) for (let c = 0; c < s.length; c++) n(l, h, s[c]);
+      else if (typeof s == "string") l.writeString(s);
+      else if (s instanceof Uint8Array) l.writeBytes(s);
       else {
-        if (!n.id) throw new Error("Bad EBML datatype " + typeof n.data);
-        if (n.offset = l.pos + h, l.writeUnsignedIntBE(n.id), Array.isArray(n.data)) {
+        if (!s.id) throw new Error("Bad EBML datatype " + typeof s.data);
+        if (s.offset = l.pos + h, l.writeUnsignedIntBE(s.id), Array.isArray(s.data)) {
           let c, u, f;
-          n.size === -1 ? l.writeByte(255) : n.size === -2 ? (c = l.pos, l.writeBytes([15, 255, 255, 255, 255])) : (c = l.pos, l.writeBytes([0, 0, 0, 0])), u = l.pos, n.dataOffset = u + h, s(l, h, n.data), n.size !== -1 && n.size !== -2 && (f = l.pos, n.size = f - u, l.seek(c), l.writeEBMLVarIntWidth(n.size, 4), l.seek(f));
-        } else if (typeof n.data == "string") l.writeEBMLVarInt(n.data.length), n.dataOffset = l.pos + h, l.writeString(n.data);
-        else if (typeof n.data == "number") n.size || (n.size = l.measureUnsignedInt(n.data)), l.writeEBMLVarInt(n.size), n.dataOffset = l.pos + h, l.writeUnsignedIntBE(n.data, n.size);
-        else if (n.data instanceof o) l.writeEBMLVarInt(8), n.dataOffset = l.pos + h, l.writeDoubleBE(n.data.value);
-        else if (n.data instanceof a) l.writeEBMLVarInt(4), n.dataOffset = l.pos + h, l.writeFloatBE(n.data.value);
+          s.size === -1 ? l.writeByte(255) : s.size === -2 ? (c = l.pos, l.writeBytes([15, 255, 255, 255, 255])) : (c = l.pos, l.writeBytes([0, 0, 0, 0])), u = l.pos, s.dataOffset = u + h, n(l, h, s.data), s.size !== -1 && s.size !== -2 && (f = l.pos, s.size = f - u, l.seek(c), l.writeEBMLVarIntWidth(s.size, 4), l.seek(f));
+        } else if (typeof s.data == "string") l.writeEBMLVarInt(s.data.length), s.dataOffset = l.pos + h, l.writeString(s.data);
+        else if (typeof s.data == "number") s.size || (s.size = l.measureUnsignedInt(s.data)), l.writeEBMLVarInt(s.size), s.dataOffset = l.pos + h, l.writeUnsignedIntBE(s.data, s.size);
+        else if (s.data instanceof o) l.writeEBMLVarInt(8), s.dataOffset = l.pos + h, l.writeDoubleBE(s.data.value);
+        else if (s.data instanceof a) l.writeEBMLVarInt(4), s.dataOffset = l.pos + h, l.writeFloatBE(s.data.value);
         else {
-          if (!(n.data instanceof Uint8Array)) throw new Error("Bad EBML datatype " + typeof n.data);
-          l.writeEBMLVarInt(n.data.byteLength), n.dataOffset = l.pos + h, l.writeBytes(n.data);
+          if (!(s.data instanceof Uint8Array)) throw new Error("Bad EBML datatype " + typeof s.data);
+          l.writeEBMLVarInt(s.data.byteLength), s.dataOffset = l.pos + h, l.writeBytes(s.data);
         }
       }
     }
     let d = function(l, h) {
-      return function(n) {
-        let c, u, f = !1, y = 0, m = 0, v = null, w = null, x = null, g = [], E = 0, F = 0, k = { quality: 0.95, transparent: !1, alphaQuality: void 0, fileWriter: null, fd: null, frameDuration: null, frameRate: null }, A = { Cues: { id: new Uint8Array([28, 83, 187, 107]), positionEBML: null }, SegmentInfo: { id: new Uint8Array([21, 73, 169, 102]), positionEBML: null }, Tracks: { id: new Uint8Array([22, 84, 174, 107]), positionEBML: null } }, L = { id: 17545, data: new o(0) }, V = [], S = new h(n.fileWriter || n.fd);
-        function D(_) {
+      return function(s) {
+        let c, u, f = !1, x = 0, m = 0, v = null, w = null, y = null, g = [], E = 0, L = 0, k = { quality: 0.95, transparent: !1, alphaQuality: void 0, fileWriter: null, fd: null, frameDuration: null, frameRate: null }, O = { Cues: { id: new Uint8Array([28, 83, 187, 107]), positionEBML: null }, SegmentInfo: { id: new Uint8Array([21, 73, 169, 102]), positionEBML: null }, Tracks: { id: new Uint8Array([22, 84, 174, 107]), positionEBML: null } }, F = { id: 17545, data: new o(0) }, V = [], S = new h(s.fileWriter || s.fd);
+        function A(_) {
           return _ - c.dataOffset;
         }
         function R() {
           u = (function() {
             let $ = { id: 21420, size: 5, data: 0 }, U = { id: 290298740, data: [] };
-            for (let I in A) {
-              let X = A[I];
-              X.positionEBML = Object.create($), U.data.push({ id: 19899, data: [{ id: 21419, data: X.id }, X.positionEBML] });
+            for (let I in O) {
+              let Y = O[I];
+              Y.positionEBML = Object.create($), U.data.push({ id: 19899, data: [{ id: 21419, data: Y.id }, Y.positionEBML] });
             }
             return U;
           })();
-          let _ = { id: 357149030, data: [{ id: 2807729, data: 1e6 }, { id: 19840, data: "webm-writer-js" }, { id: 22337, data: "webm-writer-js" }, L] }, C = [{ id: 176, data: y }, { id: 186, data: m }];
-          n.transparent && C.push({ id: 21440, data: 1 });
+          let _ = { id: 357149030, data: [{ id: 2807729, data: 1e6 }, { id: 19840, data: "webm-writer-js" }, { id: 22337, data: "webm-writer-js" }, F] }, C = [{ id: 176, data: x }, { id: 186, data: m }];
+          s.transparent && C.push({ id: 21440, data: 1 });
           let M = { id: 374648427, data: [{ id: 174, data: [{ id: 215, data: 1 }, { id: 29637, data: 1 }, { id: 156, data: 0 }, { id: 2274716, data: "und" }, { id: 134, data: "V_VP8" }, { id: 2459272, data: "VP8" }, { id: 131, data: 1 }, { id: 224, data: C }] }] };
           c = { id: 408125543, size: -2, data: [u, _, M] };
           let P = new l(256);
-          s(P, S.pos, [{ id: 440786851, data: [{ id: 17030, data: 1 }, { id: 17143, data: 1 }, { id: 17138, data: 4 }, { id: 17139, data: 8 }, { id: 17026, data: "webm" }, { id: 17031, data: 2 }, { id: 17029, data: 2 }] }, c]), S.write(P.getAsDataArray()), A.SegmentInfo.positionEBML.data = D(_.offset), A.Tracks.positionEBML.data = D(M.offset), f = !0;
+          n(P, S.pos, [{ id: 440786851, data: [{ id: 17030, data: 1 }, { id: 17143, data: 1 }, { id: 17138, data: 4 }, { id: 17139, data: 8 }, { id: 17026, data: "webm" }, { id: 17031, data: 2 }, { id: 17029, data: 2 }] }, c]), S.write(P.getAsDataArray()), O.SegmentInfo.positionEBML.data = A(_.offset), O.Tracks.positionEBML.data = A(M.offset), f = !0;
         }
         function B(_) {
           return _.alpha ? (function(C) {
@@ -691,80 +721,80 @@ function ke() {
           })({ timecode: Math.round(E) });
           for (let I = 0; I < g.length; I++) M.data.push(B(g[I]));
           var P, $, U;
-          s(C, S.pos, M), S.write(C.getAsDataArray()), P = 1, $ = Math.round(E), U = M.offset, V.push({ id: 187, data: [{ id: 179, data: $ }, { id: 183, data: [{ id: 247, data: P }, { id: 241, data: D(U) }] }] }), g = [], E += F, F = 0;
+          n(C, S.pos, M), S.write(C.getAsDataArray()), P = 1, $ = Math.round(E), U = M.offset, V.push({ id: 187, data: [{ id: 179, data: $ }, { id: 183, data: [{ id: 247, data: P }, { id: 241, data: A(U) }] }] }), g = [], E += L, L = 0;
         }
         this.addFrame = function(_, C, M) {
-          f || (y = _.width || 0, m = _.height || 0, R());
-          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, 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;
+          f || (x = _.width || 0, m = _.height || 0, R());
+          let P, $ = r(e(_, s.quality)), U = null;
+          P = M || (typeof C == "number" ? C : s.frameDuration), s.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"), y = w.createImageData(v.width, v.height));
+            let Y = I.getContext("2d").getImageData(0, 0, I.width, I.height).data, K = y.data, tt = 0, Kt = I.width * I.height * 4;
+            for (let ct = 3; ct < Kt; ct += 4) {
+              let ut = Y[ct];
+              K[tt++] = ut, K[tt++] = ut, K[tt++] = ut, K[tt++] = 255;
             }
-            return w.putImageData(x, 0, 0), v;
+            return w.putImageData(y, 0, 0), v;
           })(_))), (function(I) {
-            I.trackNumber = 1, I.timecode = Math.round(F), g.push(I), F += I.duration, F >= 5e3 && N();
-          })({ frame: $.frame, duration: P, alpha: U ? e(r(U, n.alphaQuality)).frame : null });
+            I.trackNumber = 1, I.timecode = Math.round(L), g.push(I), L += I.duration, L >= 5e3 && N();
+          })({ frame: $.frame, duration: P, alpha: U ? r(e(U, s.alphaQuality)).frame : null });
         }, this.complete = function() {
           return f || R(), N(), (function() {
             let _ = { id: 475249515, data: V }, C = new l(16 + 32 * V.length);
-            s(C, S.pos, _), S.write(C.getAsDataArray()), A.Cues.positionEBML.data = D(_.offset);
+            n(C, S.pos, _), S.write(C.getAsDataArray()), O.Cues.positionEBML.data = A(_.offset);
           })(), (function() {
             let _ = new l(u.size), C = S.pos;
-            s(_, u.dataOffset, u.data), S.seek(u.dataOffset), S.write(_.getAsDataArray()), S.seek(C);
+            n(_, u.dataOffset, u.data), S.seek(u.dataOffset), S.write(_.getAsDataArray()), S.seek(C);
           })(), (function() {
             let _ = new l(8), C = S.pos;
-            _.writeDoubleBE(E), S.seek(L.dataOffset), S.write(_.getAsDataArray()), S.seek(C);
+            _.writeDoubleBE(E), S.seek(F.dataOffset), S.write(_.getAsDataArray()), S.seek(C);
           })(), (function() {
             let _ = new l(10), C = S.pos;
             _.writeUnsignedIntBE(c.id), _.writeEBMLVarIntWidth(S.pos - c.dataOffset, 5), S.seek(c.offset), S.write(_.getAsDataArray()), S.seek(C);
           })(), S.complete("video/webm");
         }, this.getWrittenSize = function() {
           return S.length;
-        }, n = (function(_, C) {
+        }, s = (function(_, C) {
           let M = {};
           return [_, C].forEach(function(P) {
             for (let $ in P) Object.prototype.hasOwnProperty.call(P, $) && (M[$] = P[$]);
           }), M;
-        })(k, n || {}), (function() {
-          if (!n.frameDuration) {
-            if (!n.frameRate) throw new Error("Missing required frameDuration or frameRate setting");
-            n.frameDuration = 1e3 / n.frameRate;
+        })(k, s || {}), (function() {
+          if (!s.frameDuration) {
+            if (!s.frameRate) throw new Error("Missing required frameDuration or frameRate setting");
+            s.frameDuration = 1e3 / s.frameRate;
           }
-          n.quality = Math.max(Math.min(n.quality, 0.99999), 0), n.alphaQuality === void 0 ? n.alphaQuality = n.quality : n.alphaQuality = Math.max(Math.min(n.alphaQuality, 0.99999), 0);
+          s.quality = Math.max(Math.min(s.quality, 0.99999), 0), s.alphaQuality === void 0 ? s.alphaQuality = s.quality : s.alphaQuality = Math.max(Math.min(s.alphaQuality, 0.99999), 0);
         })();
       };
     };
     i.exports = d;
-  })()), Mt.exports;
+  })()), Tt.exports;
   var i;
 }
-var Lt, $t = { exports: {} };
-function Be() {
-  return Lt || (Lt = 1, i = $t, (function() {
-    let r = function(t) {
+var Pt, Ot = { exports: {} };
+function Te() {
+  return Pt || (Pt = 1, i = Ot, (function() {
+    let e = function(t) {
       this.data = new Uint8Array(t), this.pos = 0;
     };
-    r.prototype.seek = function(t) {
+    e.prototype.seek = function(t) {
       this.pos = t;
-    }, r.prototype.writeBytes = function(t) {
-      for (let e = 0; e < t.length; e++) this.data[this.pos++] = t[e];
-    }, r.prototype.writeByte = function(t) {
+    }, e.prototype.writeBytes = function(t) {
+      for (let r = 0; r < t.length; r++) this.data[this.pos++] = t[r];
+    }, e.prototype.writeByte = function(t) {
       this.data[this.pos++] = t;
-    }, r.prototype.writeU8 = r.prototype.writeByte, r.prototype.writeU16BE = function(t) {
+    }, e.prototype.writeU8 = e.prototype.writeByte, e.prototype.writeU16BE = function(t) {
       this.data[this.pos++] = t >> 8, this.data[this.pos++] = t;
-    }, r.prototype.writeDoubleBE = function(t) {
-      let e = new Uint8Array(new Float64Array([t]).buffer);
-      for (let a = e.length - 1; a >= 0; a--) this.writeByte(e[a]);
-    }, r.prototype.writeFloatBE = function(t) {
-      let e = new Uint8Array(new Float32Array([t]).buffer);
-      for (let a = e.length - 1; a >= 0; a--) this.writeByte(e[a]);
-    }, r.prototype.writeString = function(t) {
-      for (let e = 0; e < t.length; e++) this.data[this.pos++] = t.charCodeAt(e);
-    }, r.prototype.writeEBMLVarIntWidth = function(t, e) {
-      switch (e) {
+    }, e.prototype.writeDoubleBE = function(t) {
+      let r = new Uint8Array(new Float64Array([t]).buffer);
+      for (let a = r.length - 1; a >= 0; a--) this.writeByte(r[a]);
+    }, e.prototype.writeFloatBE = function(t) {
+      let r = new Uint8Array(new Float32Array([t]).buffer);
+      for (let a = r.length - 1; a >= 0; a--) this.writeByte(r[a]);
+    }, e.prototype.writeString = function(t) {
+      for (let r = 0; r < t.length; r++) this.data[this.pos++] = t.charCodeAt(r);
+    }, e.prototype.writeEBMLVarIntWidth = function(t, r) {
+      switch (r) {
         case 1:
           this.writeU8(128 | t);
           break;
@@ -781,19 +811,19 @@ function Be() {
           this.writeU8(8 | t / 4294967296 & 7), this.writeU8(t >> 24), this.writeU8(t >> 16), this.writeU8(t >> 8), this.writeU8(t);
           break;
         default:
-          throw new Error("Bad EBML VINT size " + e);
+          throw new Error("Bad EBML VINT size " + r);
       }
-    }, r.prototype.measureEBMLVarInt = function(t) {
+    }, e.prototype.measureEBMLVarInt = function(t) {
       if (t < 127) return 1;
       if (t < 16383) return 2;
       if (t < 2097151) return 3;
       if (t < 268435455) return 4;
       if (t < 34359738367) return 5;
       throw new Error("EBML VINT size not supported " + t);
-    }, r.prototype.writeEBMLVarInt = function(t) {
+    }, e.prototype.writeEBMLVarInt = function(t) {
       this.writeEBMLVarIntWidth(t, this.measureEBMLVarInt(t));
-    }, r.prototype.writeUnsignedIntBE = function(t, e) {
-      switch (e === void 0 && (e = this.measureUnsignedInt(t)), e) {
+    }, e.prototype.writeUnsignedIntBE = function(t, r) {
+      switch (r === void 0 && (r = this.measureUnsignedInt(t)), r) {
         case 5:
           this.writeU8(Math.floor(t / 4294967296));
         case 4:
@@ -806,67 +836,67 @@ function Be() {
           this.writeU8(t);
           break;
         default:
-          throw new Error("Bad UINT size " + e);
+          throw new Error("Bad UINT size " + r);
       }
-    }, r.prototype.measureUnsignedInt = function(t) {
+    }, e.prototype.measureUnsignedInt = function(t) {
       return t < 256 ? 1 : t < 65536 ? 2 : t < 1 << 24 ? 3 : t < 4294967296 ? 4 : 5;
-    }, r.prototype.getAsDataArray = function() {
+    }, e.prototype.getAsDataArray = function() {
       if (this.pos < this.data.byteLength) return this.data.subarray(0, this.pos);
       if (this.pos == this.data.byteLength) return this.data;
       throw new Error("ArrayBufferDataStream's pos lies beyond end of buffer");
-    }, i.exports = r;
-  })()), $t.exports;
+    }, i.exports = e;
+  })()), Ot.exports;
   var i;
 }
-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;
+var At, Dt, Vt, Rt = { exports: {} };
+function Pe() {
+  return At || (At = 1, i = Rt, (function() {
+    let e = function(t) {
+      return function(r) {
+        let a = [], o = Promise.resolve(), n = null, d = null;
         function l(c) {
           return new Promise(function(u, f) {
-            let y = new FileReader();
-            y.addEventListener("loadend", function() {
-              u(y.result);
-            }), y.readAsArrayBuffer(c);
+            let x = new FileReader();
+            x.addEventListener("loadend", function() {
+              u(x.result);
+            }), x.readAsArrayBuffer(c);
           });
         }
         function h(c) {
           return new Promise(function(u, f) {
-            c instanceof Uint8Array ? u(c) : c instanceof ArrayBuffer || ArrayBuffer.isView(c) ? u(new Uint8Array(c)) : c instanceof Blob ? u(l(c).then(function(y) {
-              return new Uint8Array(y);
-            })) : u(l(new Blob([c])).then(function(y) {
-              return new Uint8Array(y);
+            c instanceof Uint8Array ? u(c) : c instanceof ArrayBuffer || ArrayBuffer.isView(c) ? u(new Uint8Array(c)) : c instanceof Blob ? u(l(c).then(function(x) {
+              return new Uint8Array(x);
+            })) : u(l(new Blob([c])).then(function(x) {
+              return new Uint8Array(x);
             }));
           });
         }
-        function n(c) {
+        function s(c) {
           let u = c.byteLength || c.length || c.size;
           if (!Number.isInteger(u)) throw new Error("Failed to determine size of element");
           return u;
         }
-        e && e.constructor.name === "FileWriter" ? s = e : t && e && (d = e), this.pos = 0, this.length = 0, this.seek = function(c) {
+        r && r.constructor.name === "FileWriter" ? n = r : t && r && (d = r), this.pos = 0, this.length = 0, this.seek = function(c) {
           if (c < 0) throw new Error("Offset may not be negative");
           if (isNaN(c)) throw new Error("Offset may not be NaN");
           if (c > this.length) throw new Error("Seeking beyond the end of file is not allowed");
           this.pos = c;
         }, this.write = function(c) {
-          let u = { offset: this.pos, data: c, length: n(c) }, f = u.offset >= this.length;
+          let u = { offset: this.pos, data: c, length: s(c) }, f = u.offset >= this.length;
           this.pos += u.length, this.length = Math.max(this.length, this.pos), o = o.then(function() {
-            if (d) return new Promise(function(y, m) {
+            if (d) return new Promise(function(x, m) {
               h(u.data).then(function(v) {
-                let w = 0, x = Buffer.from(v.buffer), g = function(E, F, k) {
-                  w += F, w >= k.length ? y() : t.write(d, k, w, k.length - w, u.offset + w, g);
+                let w = 0, y = Buffer.from(v.buffer), g = function(E, L, k) {
+                  w += L, w >= k.length ? x() : t.write(d, k, w, k.length - w, u.offset + w, g);
                 };
-                t.write(d, x, 0, x.length, u.offset, g);
+                t.write(d, y, 0, y.length, u.offset, g);
               });
             });
-            if (s) return new Promise(function(y, m) {
-              s.onwriteend = y, s.seek(u.offset), s.write(new Blob([u.data]));
+            if (n) return new Promise(function(x, m) {
+              n.onwriteend = x, n.seek(u.offset), n.write(new Blob([u.data]));
             });
-            if (!f) for (let y = 0; y < a.length; y++) {
-              let m = a[y];
+            if (!f) for (let x = 0; x < a.length; x++) {
+              let m = a[x];
               if (!(u.offset + u.length <= m.offset || u.offset >= m.offset + m.length)) {
                 if (u.offset < m.offset || u.offset + u.length > m.offset + m.length) throw new Error("Overwrite crosses blob boundaries");
                 return u.offset == m.offset && u.length == m.length ? void (m.data = u.data) : h(m.data).then(function(v) {
@@ -879,7 +909,7 @@ function Se() {
             a.push(u);
           });
         }, this.complete = function(c) {
-          return o = d || s ? o.then(function() {
+          return o = d || n ? o.then(function() {
             return null;
           }) : o.then(function() {
             let u = [];
@@ -889,42 +919,42 @@ function Se() {
         };
       };
     };
-    i.exports = r;
-  })()), Dt.exports;
+    i.exports = e;
+  })()), Rt.exports;
   var i;
 }
-function Ie() {
-  return Ot ? At : (Ot = 1, At = ke()(Be(), Se()(null)));
+function Oe() {
+  return Vt ? Dt : (Vt = 1, Dt = $e()(Te(), Pe()(null)));
 }
-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 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;
+var Ae = Oe();
+const De = Fe(Ae);
+class Ve {
+  async $record(e, t, r, a) {
+    const o = Math.max(1, Math.round(t.frameRate)), n = Math.max(1, Math.round(t.frameCount)), d = new De({ quality: t.quality, alphaQuality: t.transparent ? t.quality : void 0, transparent: t.transparent, frameRate: o }), l = this._createSnapshotSurface();
+    return await new Promise((h, s) => {
+      let c, u = "capturing", f = !1, x = 0;
       const m = () => {
         c && (c(), c = void 0);
       }, v = () => {
-        a == null || a({ state: "recording", frameIndex: y, totalFrames: s });
+        a == null || a({ state: "recording", frameIndex: x, totalFrames: n });
       }, w = (g) => {
         if (f) return;
         f = !0, m();
         const E = g instanceof Error ? g.message : "WEBM export failed";
-        a == null || a({ state: "error", message: E }), n(g instanceof Error ? g : new Error(String(g)));
-      }, x = () => {
+        a == null || a({ state: "error", message: E }), s(g instanceof Error ? g : new Error(String(g)));
+      }, y = () => {
         u !== "capturing" || f || (u = "encoding", m(), d.complete().then((g) => {
           ((E) => {
-            f || (f = !0, a == null || a({ state: "completed", frameIndex: Math.min(s, y), totalFrames: s }), h(E));
+            f || (f = !0, a == null || a({ state: "completed", frameIndex: Math.min(n, x), totalFrames: n }), h(E));
           })(g);
         }).catch(w));
       };
-      c = e(() => {
+      c = r(() => {
         (() => {
-          if (u === "capturing") if (y >= s) x();
+          if (u === "capturing") if (x >= n) y();
           else try {
-            const g = l(r);
-            d.addFrame(g), y += 1, v(), y >= s && x();
+            const g = l(e);
+            d.addFrame(g), x += 1, v(), x >= n && y();
           } catch (g) {
             w(g);
           }
@@ -933,87 +963,104 @@ class Le {
     });
   }
   _createSnapshotSurface() {
-    let r = null, t = null;
-    return (e) => {
-      const a = Math.max(1, e.width), o = Math.max(1, e.height), s = ((d, l) => (r || (r = document.createElement("canvas")), r.width !== d || r.height !== l ? (r.width = d, r.height = l, t = r.getContext("2d"), t && (t.imageSmoothingEnabled = !1)) : t || (t = r.getContext("2d"), t && (t.imageSmoothingEnabled = !1)), t ? r : null))(a, o);
-      return s && t ? (t.clearRect(0, 0, a, o), t.drawImage(e, 0, 0, a, o), s) : e;
+    let e = null, t = null;
+    return (r) => {
+      const a = Math.max(1, r.width), o = Math.max(1, r.height), n = ((d, l) => (e || (e = document.createElement("canvas")), e.width !== d || e.height !== l ? (e.width = d, e.height = l, t = e.getContext("2d"), t && (t.imageSmoothingEnabled = !1)) : t || (t = e.getContext("2d"), t && (t.imageSmoothingEnabled = !1)), t ? e : null))(a, o);
+      return n && t ? (t.clearRect(0, 0, a, o), t.drawImage(r, 0, 0, a, o), n) : r;
     };
   }
 }
-class $e {
-  constructor(r, t) {
+class Re {
+  constructor(e, t) {
     p(this, "_recorder");
     p(this, "_textmodifier");
     p(this, "_registerPostDrawHook");
-    this._recorder = new Le(), this._textmodifier = r, this._registerPostDrawHook = t;
+    this._recorder = new Ve(), this._textmodifier = e, this._registerPostDrawHook = t;
   }
-  async $saveWEBM(r = {}) {
+  async $saveWEBM(e = {}) {
     var a;
-    const t = this._textmodifier.canvas, e = this._applyDefaultOptions(r);
+    const t = this._textmodifier.canvas, r = this._applyDefaultOptions(e);
     try {
-      const o = await this._recorder.$record(t, e, this._registerPostDrawHook, r.onProgress);
-      new H().$downloadFile(o, e.filename);
+      const o = await this._recorder.$record(t, r, this._registerPostDrawHook, e.onProgress);
+      new X().$downloadFile(o, r.filename);
     } catch (o) {
-      throw (a = r.onProgress) == null || a.call(r, { state: "error", message: o instanceof Error ? o.message : "WEBM export failed" }), o;
+      throw (a = e.onProgress) == null || a.call(e, { state: "error", message: o instanceof Error ? o.message : "WEBM export failed" }), o;
     }
   }
-  _applyDefaultOptions(r) {
-    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 };
+  _applyDefaultOptions(e) {
+    return { filename: e.filename, frameRate: Math.abs(Math.round(e.frameRate ?? 60)), frameCount: Math.abs(Math.round(e.frameCount ?? 300)), quality: Math.abs(Math.min(Math.max(e.quality ?? 1, 0), 1)), transparent: !!e.transparent, debugLogging: !!e.debugLogging };
   }
 }
-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.$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++;
+class Ne extends xt {
+  $extractCellData(e) {
+    var d;
+    const t = this.$extractFramebufferData(e.drawFramebuffer), r = [], a = e.grid, o = e.font;
+    let n = 0;
+    for (let l = 0; l < a.rows; l++) for (let h = 0; h < a.cols; h++) {
+      const s = 4 * n, c = this.$getEncodedCharacterValue(t.characterPixels, s), u = this.$extractCellTransform(t.characterPixels, s), f = ((d = _t(o, c)) == null ? void 0 : d.character) ?? " ";
+      r.push({ x: h, y: l, character: f, foreground: st(t.primaryColorPixels, s), background: st(t.secondaryColorPixels, s), transform: { invert: u.isInverted, flipX: u.flipHorizontal, flipY: u.flipVertical, rotation: u.rotation } }), n++;
     }
-    return a;
+    return r;
   }
 }
-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 };
+class ft {
+  _applyDefaultOptions(e) {
+    return { target: e.target ?? "selected", pretty: e.pretty ?? !0, colorMode: e.colorMode ?? "hex", includeMetadata: e.includeMetadata ?? !0, filename: e.filename, layer: e.layer };
+  }
+  _createMetadata(e) {
+    return e.includeMetadata ? { createdAt: (/* @__PURE__ */ new Date()).toISOString(), generator: { name: "textmode.export.js", version: "1.2.1" } } : void 0;
   }
-  _formatColor(r, t) {
-    return t === "rgba" ? { ...r } : `#${[r.r, r.g, r.b, r.a].map((e) => e.toString(16).padStart(2, "0")).join("")}`;
+  _formatColor(e, t) {
+    return t === "rgba" ? { ...e } : `#${[e.r, e.g, e.b, e.a].map((r) => r.toString(16).padStart(2, "0")).join("")}`;
   }
-  _createObjectRowsCells(r, t, e) {
-    const a = [];
-    for (let o = 0; o < t.grid.rows; o++) {
-      const s = o * t.grid.cols, d = r.slice(s, s + t.grid.cols).map((l) => ({ x: l.x, y: l.y, character: l.character, foreground: this._formatColor(l.foreground, e), background: this._formatColor(l.background, e), transform: { ...l.transform } }));
-      a.push(d);
+  _createObjectRowsCells(e, t, r, a) {
+    const o = [];
+    for (let n = 0; n < r; n++) {
+      const d = n * t, l = e.slice(d, d + t).map((h) => ({ x: h.x, y: h.y, character: h.character, foreground: this._formatColor(h.foreground, a), background: this._formatColor(h.background, a), transform: { ...h.transform } }));
+      o.push(l);
     }
-    return { encoding: "object-rows-v1", rows: a };
+    return { encoding: "object-rows-v1", rows: o };
+  }
+  _createLayerGrid(e) {
+    return { cols: e.grid.cols, rows: e.grid.rows, cellWidth: e.grid.cellWidth, cellHeight: e.grid.cellHeight };
+  }
+  _createLayerCells(e, t) {
+    const r = new Ne().$extractCellData(e);
+    return this._createObjectRowsCells(r, e.grid.cols, e.grid.rows, t.colorMode);
   }
-  $generateJSONData(r, t = {}) {
-    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 } };
+  _createStackLayer(e, t) {
+    return { id: e.id, visible: e.visible, opacity: e.opacity, blendMode: e.blendMode, offsetX: e.offsetX, offsetY: e.offsetY, rotationZ: e.rotationZ, grid: this._createLayerGrid(e), cells: this._createLayerCells(e, t) };
   }
-  $generateJSONString(r, t = {}) {
-    const e = this._applyDefaultOptions(t), a = this.$generateJSONData(r, e), o = typeof e.pretty == "number" ? e.pretty : e.pretty ? 2 : 0;
+  $generateJSONData(e, t = {}) {
+    const r = this._applyDefaultOptions(t), a = this._createMetadata(r);
+    if (r.target === "all") {
+      const n = ie(e), d = n[0].grid;
+      return { format: "textmode.document", formatVersion: "2.0.0", target: "all", ...a ? { metadata: a } : {}, canvas: { width: d.width, height: d.height }, layers: n.map((l) => this._createStackLayer(l, r)) };
+    }
+    const o = lt(e, r.layer);
+    return { format: "textmode.document", formatVersion: "2.0.0", target: "selected", ...a ? { metadata: a } : {}, canvas: { width: o.grid.width, height: o.grid.height }, grid: this._createLayerGrid(o), layer: { id: o.id, cells: this._createLayerCells(o, r) } };
+  }
+  $generateJSONString(e, t = {}) {
+    const r = this._applyDefaultOptions(t), a = this.$generateJSONData(e, r), o = typeof r.pretty == "number" ? r.pretty : r.pretty ? 2 : 0;
     return JSON.stringify(a, null, o);
   }
-  $saveJSON(r, t = {}) {
-    const e = this._applyDefaultOptions(t);
-    new H().$downloadFile(new Blob([this.$generateJSONString(r, e)], { type: "application/json;charset=utf-8" }), e.filename);
+  $saveJSON(e, t = {}) {
+    const r = this._applyDefaultOptions(t);
+    new X().$downloadFile(new Blob([this.$generateJSONString(e, r)], { type: "application/json;charset=utf-8" }), r.filename);
   }
 }
 const b = { root: "textmode-export-overlay", stack: "textmode-export-overlay__stack", stackDense: "textmode-export-overlay__stack--dense", stackCompact: "textmode-export-overlay__stack--compact", section: "textmode-export-overlay__section", header: "textmode-export-overlay__header", headerTitleRow: "textmode-export-overlay__header-title-row", headerLinks: "textmode-export-overlay__header-links", row: "textmode-export-overlay__row", label: "textmode-export-overlay__label", field: "textmode-export-overlay__field", fieldCompact: "textmode-export-overlay__field--compact", fieldDense: "textmode-export-overlay__field--dense", fieldFull: "textmode-export-overlay__field--full", fieldChannel: "textmode-export-overlay__field--channel", input: "textmode-export-overlay__input", checkbox: "textmode-export-overlay__checkbox", muted: "textmode-export-overlay__muted", status: "textmode-export-overlay__status", statusGif: "textmode-export-overlay__status--gif", statusVideo: "textmode-export-overlay__status--video", statusTitle: "textmode-export-overlay__status-title", statusValue: "textmode-export-overlay__status-value", divider: "textmode-export-overlay__divider", title: "textmode-export-overlay__title", button: "textmode-export-overlay__button", buttonPrimary: "textmode-export-overlay__button--primary", buttonSecondary: "textmode-export-overlay__button--secondary", buttonFull: "textmode-export-overlay__button--full", supportLink: "textmode-export-overlay__support-link", supportIcon: "textmode-export-overlay__support-icon", linkIcon: "textmode-export-overlay__link-icon" };
-class T {
+class D {
   constructor() {
     p(this, "element");
     p(this, "mounted", !1);
     p(this, "destroyed", !1);
   }
-  mount(r) {
+  mount(e) {
     if (this.destroyed) throw new Error("Cannot mount a destroyed component");
     if (this.mounted) return;
     const t = this.render();
-    r.appendChild(t), this.element = t, this.onMount(), this.mounted = !0;
+    e.appendChild(t), this.element = t, this.onMount(), this.mounted = !0;
   }
   unmount() {
     this.mounted && this.element && (this._onUnmount(), this.element.remove(), this.element = void 0, this.mounted = !1);
@@ -1021,8 +1068,8 @@ class T {
   destroy() {
     this.destroyed || (this.unmount(), this._onDestroy(), this.destroyed = !0);
   }
-  update(r) {
-    this.mounted && this.onUpdate(r);
+  update(e) {
+    this.mounted && this.onUpdate(e);
   }
   onMount() {
   }
@@ -1030,7 +1077,7 @@ class T {
   }
   _onDestroy() {
   }
-  onUpdate(r) {
+  onUpdate(e) {
   }
   get root() {
     if (!this.element) throw new Error("Component is not mounted yet");
@@ -1040,39 +1087,39 @@ class T {
     return this.mounted;
   }
 }
-const q = class q extends T {
+const q = class q extends D {
   render() {
-    const r = document.createElement("div");
-    r.classList.add(b.stack, b.stackDense, b.header);
+    const e = document.createElement("div");
+    e.classList.add(b.stack, b.stackDense, b.header);
     const t = document.createElement("div");
     t.classList.add(b.headerTitleRow);
-    const e = document.createElement("strong");
-    e.textContent = "textmode.export.js", e.classList.add(b.title);
+    const r = document.createElement("strong");
+    r.textContent = "textmode.export.js", r.classList.add(b.title);
     const a = document.createElement("div");
     a.classList.add(b.headerLinks);
-    const o = this._createLink("https://github.com/humanbydefinition/textmode.export.js", "View repository on GitHub", b.linkIcon, [{ d: "M0 0h24v24H0z", fill: "none", stroke: "none" }, { d: "M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" }]), s = this._createLink("https://code.textmode.art/docs/support", "Support textmode.export.js", b.supportIcon, [{ d: "M0 0h24v24H0z", fill: "none", stroke: "none" }, { d: "M3 14c.83 .642 2.077 1.017 3.5 1c1.423 .017 2.67 -.358 3.5 -1c.83 -.642 2.077 -1.017 3.5 -1c1.423 -.017 2.67 .358 3.5 1" }, { d: "M8 3a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" }, { d: "M12 3a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" }, { d: "M3 10h14v5a6 6 0 0 1 -6 6h-2a6 6 0 0 1 -6 -6v-5z" }, { d: "M16.746 16.726a3 3 0 1 0 .252 -5.555" }]);
-    a.appendChild(o), a.appendChild(s), t.appendChild(e), t.appendChild(a);
+    const o = this._createLink("https://github.com/humanbydefinition/textmode.export.js", "View repository on GitHub", b.linkIcon, [{ d: "M0 0h24v24H0z", fill: "none", stroke: "none" }, { d: "M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" }]), n = this._createLink("https://code.textmode.art/docs/support", "Support textmode.export.js", b.supportIcon, [{ d: "M0 0h24v24H0z", fill: "none", stroke: "none" }, { d: "M3 14c.83 .642 2.077 1.017 3.5 1c1.423 .017 2.67 -.358 3.5 -1c.83 -.642 2.077 -1.017 3.5 -1c1.423 -.017 2.67 .358 3.5 1" }, { d: "M8 3a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" }, { d: "M12 3a2.4 2.4 0 0 0 -1 2a2.4 2.4 0 0 0 1 2" }, { d: "M3 10h14v5a6 6 0 0 1 -6 6h-2a6 6 0 0 1 -6 -6v-5z" }, { d: "M16.746 16.726a3 3 0 1 0 .252 -5.555" }]);
+    a.appendChild(o), a.appendChild(n), t.appendChild(r), t.appendChild(a);
     const d = document.createElement("div");
-    return d.classList.add(b.divider), r.appendChild(t), r.appendChild(d), r;
+    return d.classList.add(b.divider), e.appendChild(t), e.appendChild(d), e;
   }
-  _createLink(r, t, e, a) {
+  _createLink(e, t, r, a) {
     const o = document.createElement("a");
-    return o.href = r, o.target = "_blank", o.rel = "noopener noreferrer", o.classList.add(b.supportLink), o.setAttribute("aria-label", t), o.appendChild(this._createIcon(e, a)), o;
+    return o.href = e, o.target = "_blank", o.rel = "noopener noreferrer", o.classList.add(b.supportLink), o.setAttribute("aria-label", t), o.appendChild(this._createIcon(r, a)), o;
   }
-  _createIcon(r, t) {
-    const e = document.createElementNS(q._iconNamespace, "svg");
-    e.setAttribute("xmlns", q._iconNamespace), e.setAttribute("width", "18"), e.setAttribute("height", "18"), e.setAttribute("viewBox", "0 0 24 24"), e.setAttribute("fill", "none"), e.setAttribute("stroke", "currentColor"), e.setAttribute("stroke-width", "2"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "round"), e.classList.add(r);
+  _createIcon(e, t) {
+    const r = document.createElementNS(q._iconNamespace, "svg");
+    r.setAttribute("xmlns", q._iconNamespace), r.setAttribute("width", "18"), r.setAttribute("height", "18"), r.setAttribute("viewBox", "0 0 24 24"), r.setAttribute("fill", "none"), r.setAttribute("stroke", "currentColor"), r.setAttribute("stroke-width", "2"), r.setAttribute("stroke-linecap", "round"), r.setAttribute("stroke-linejoin", "round"), r.classList.add(e);
     for (const a of t) {
       const o = document.createElementNS(q._iconNamespace, "path");
-      for (const [s, d] of Object.entries(a)) o.setAttribute(s, d);
-      e.appendChild(o);
+      for (const [n, d] of Object.entries(a)) o.setAttribute(n, d);
+      r.appendChild(o);
     }
-    return e;
+    return r;
   }
 };
 p(q, "_iconNamespace", "http://www.w3.org/2000/svg");
-let gt = q;
-class O extends T {
+let bt = q;
+class T extends D {
   constructor(t) {
     super();
     p(this, "props");
@@ -1081,8 +1128,8 @@ class O extends T {
   render() {
     const t = document.createElement("div");
     t.classList.add(b.field), this.applyVariant(t, this.props.variant);
-    const e = document.createElement("label");
-    if (e.classList.add(b.label), e.textContent = this.props.label, this.props.labelFor && (e.htmlFor = this.props.labelFor), t.appendChild(e), this.props.description) {
+    const r = document.createElement("label");
+    if (r.classList.add(b.label), r.textContent = this.props.label, this.props.labelFor && (r.htmlFor = this.props.labelFor), t.appendChild(r), this.props.description) {
       const a = document.createElement("span");
       a.classList.add(b.muted), a.textContent = this.props.description, t.appendChild(a);
     }
@@ -1095,17 +1142,17 @@ class O extends T {
     this.props = t, super.update(t);
   }
   onUpdate(t) {
-    const e = this.root;
-    for (; e.firstChild; ) e.removeChild(e.firstChild);
-    this.props = t, e.classList.add(b.field), this.applyVariant(e, t.variant);
+    const r = this.root;
+    for (; r.firstChild; ) r.removeChild(r.firstChild);
+    this.props = t, r.classList.add(b.field), this.applyVariant(r, t.variant);
     const a = document.createElement("label");
-    if (a.classList.add(b.label), a.textContent = t.label, t.labelFor && (a.htmlFor = t.labelFor), e.appendChild(a), t.description) {
+    if (a.classList.add(b.label), a.textContent = t.label, t.labelFor && (a.htmlFor = t.labelFor), r.appendChild(a), t.description) {
       const o = document.createElement("span");
-      o.classList.add(b.muted), o.textContent = t.description, e.appendChild(o);
+      o.classList.add(b.muted), o.textContent = t.description, r.appendChild(o);
     }
   }
-  applyVariant(t, e) {
-    switch (t.classList.remove(b.fieldCompact, b.fieldDense, b.fieldFull, b.fieldChannel), e) {
+  applyVariant(t, r) {
+    switch (t.classList.remove(b.fieldCompact, b.fieldDense, b.fieldFull, b.fieldChannel), r) {
       case "compact":
         t.classList.add(b.fieldCompact);
         break;
@@ -1120,7 +1167,7 @@ class O extends T {
     }
   }
 }
-class st extends T {
+class H extends D {
   constructor(t) {
     super();
     p(this, "props");
@@ -1155,14 +1202,14 @@ class st extends T {
     if (this.select) {
       this.select.innerHTML = "";
       for (const t of this.props.options) {
-        const e = document.createElement("option");
-        e.value = t.value, e.textContent = t.label, this.select.appendChild(e);
+        const r = document.createElement("option");
+        r.value = t.value, r.textContent = t.label, this.select.appendChild(r);
       }
       this.props.defaultValue && (this.select.value = this.props.defaultValue);
     }
   }
 }
-class Vt extends T {
+class Nt extends D {
   constructor(t) {
     super();
     p(this, "props");
@@ -1185,59 +1232,59 @@ class Vt 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 Oe {
-  constructor(r) {
+class Ue {
+  constructor(e) {
     p(this, "api");
-    this.api = r;
+    this.api = e;
   }
-  async $copy(r, t) {
-    switch (r) {
+  async $copy(e, t) {
+    switch (e) {
       case "txt": {
-        const e = this.api.toString(t);
-        await navigator.clipboard.writeText(e);
+        const r = this.api.toString(t);
+        await navigator.clipboard.writeText(r);
         break;
       }
       case "json": {
-        const e = this.api.toJSONString(t);
-        await navigator.clipboard.writeText(e);
+        const r = this.api.toJSONString(t);
+        await navigator.clipboard.writeText(r);
         break;
       }
       case "svg": {
-        const e = this.api.toSVG(t);
-        await navigator.clipboard.writeText(e);
+        const r = this.api.toSVG(t);
+        await navigator.clipboard.writeText(r);
         break;
       }
       case "image":
         await this.api.copyCanvas(t);
         break;
       default:
-        throw new Error(`Clipboard not supported for ${r}`);
+        throw new Error(`Clipboard not supported for ${e}`);
     }
   }
 }
-class De {
-  constructor(r, t) {
+class Ge {
+  constructor(e, t) {
     p(this, "api");
     p(this, "events");
-    this.api = r, this.events = t;
+    this.api = e, this.events = t;
   }
-  async $requestExport(r, t, e = {}) {
-    this.events.$emit("export:request", { format: r });
+  async $requestExport(e, t, r = {}) {
+    this.events.$emit("export:request", { format: e });
     try {
-      const a = { onGIFProgress: e.onGIFProgress ? (o) => {
-        var s;
-        (s = e.onGIFProgress) == null || s.call(e, o), this.events.$emit("export:progress", { format: r, progress: o });
-      } : r === "gif" ? (o) => this.events.$emit("export:progress", { format: r, progress: o }) : void 0, onVideoProgress: e.onVideoProgress ? (o) => {
-        var s;
-        (s = e.onVideoProgress) == null || s.call(e, o), this.events.$emit("export:progress", { format: r, progress: o });
-      } : r === "video" ? (o) => this.events.$emit("export:progress", { format: r, progress: o }) : void 0 };
-      await this._execute(r, t, a), this.events.$emit("export:success", { format: r });
+      const a = { onGIFProgress: r.onGIFProgress ? (o) => {
+        var n;
+        (n = r.onGIFProgress) == null || n.call(r, o), this.events.$emit("export:progress", { format: e, progress: o });
+      } : e === "gif" ? (o) => this.events.$emit("export:progress", { format: e, progress: o }) : void 0, onVideoProgress: r.onVideoProgress ? (o) => {
+        var n;
+        (n = r.onVideoProgress) == null || n.call(r, o), this.events.$emit("export:progress", { format: e, progress: o });
+      } : e === "video" ? (o) => this.events.$emit("export:progress", { format: e, progress: o }) : void 0 };
+      await this._execute(e, t, a), this.events.$emit("export:success", { format: e });
     } catch (a) {
-      throw this.events.$emit("export:error", { format: r, error: a }), a;
+      throw this.events.$emit("export:error", { format: e, error: a }), a;
     }
   }
-  _execute(r, t, e) {
-    switch (r) {
+  _execute(e, t, r) {
+    switch (e) {
       case "txt":
         return Promise.resolve(this.api.saveStrings(t));
       case "json":
@@ -1247,24 +1294,24 @@ class De {
       case "svg":
         return Promise.resolve(this.api.saveSVG(t));
       case "gif": {
-        const a = { ...t, onProgress: e.onGIFProgress };
+        const a = { ...t, onProgress: r.onGIFProgress };
         return this.api.saveGIF(a);
       }
       case "video": {
-        const a = { ...t, onProgress: e.onVideoProgress };
+        const a = { ...t, onProgress: r.onVideoProgress };
         return this.api.saveWEBM(a);
       }
     }
   }
 }
-class Ve {
-  constructor(r, t) {
+class ze {
+  constructor(e, t) {
     p(this, "modifier");
     p(this, "overlay");
     p(this, "animationFrameId", null);
     p(this, "handleUpdate");
     p(this, "bound", !1);
-    this.modifier = r, this.overlay = t, this.handleUpdate = () => this.scheduleUpdate();
+    this.modifier = e, this.overlay = t, this.handleUpdate = () => this.scheduleUpdate();
   }
   scheduleUpdate() {
     this.animationFrameId !== null && cancelAnimationFrame(this.animationFrameId), this.animationFrameId = requestAnimationFrame(() => this.update());
@@ -1274,20 +1321,20 @@ class Ve {
   }
   update() {
     this.animationFrameId = null;
-    const r = this.modifier.canvas.getBoundingClientRect();
-    this.overlay.style.top = `${r.top + window.scrollY + 8}px`, this.overlay.style.left = `${r.left + window.scrollX + 8}px`;
+    const e = this.modifier.canvas.getBoundingClientRect();
+    this.overlay.style.top = `${e.top + window.scrollY + 8}px`, this.overlay.style.left = `${e.left + window.scrollX + 8}px`;
   }
   dispose() {
     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", Te = `${Q}__field`, Re = `${Q}__controls`, Ne = `${Q}__control`, qt = `${Q}__display`, rt = `${qt}--visible`, Ue = (i) => {
+const Z = "textmode-export-number-input", je = `${Z}__field`, We = `${Z}__controls`, qe = `${Z}__control`, Yt = `${Z}__display`, at = `${Yt}--visible`, He = (i) => {
   i.dispatchEvent(new Event("input", { bubbles: !0 })), i.dispatchEvent(new Event("change", { bubbles: !0 }));
-}, Tt = (i) => {
-  const r = document.createElement("button");
-  return r.type = "button", r.className = Ne, r.textContent = i > 0 ? "▲" : "▼", r;
+}, Ut = (i) => {
+  const e = document.createElement("button");
+  return e.type = "button", e.className = qe, e.textContent = i > 0 ? "▲" : "▼", e;
 };
-class z extends T {
+class z extends D {
   constructor(t) {
     super();
     p(this, "props");
@@ -1304,9 +1351,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 = Te, this.display = document.createElement("div"), this.display.className = qt;
-    const e = document.createElement("div");
-    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;
+    t.className = Z, 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 = je, this.display = document.createElement("div"), this.display.className = Yt;
+    const r = document.createElement("div");
+    return r.className = We, this.incrementButton = Ut(1), this.decrementButton = Ut(-1), r.appendChild(this.incrementButton), r.appendChild(this.decrementButton), t.appendChild(this.input), t.appendChild(this.display), t.appendChild(r), this.bindStepControls(), this.bindHoldBehavior(), this.bindInputListeners(), this.observeDisabledState(t), this.updateDisplay(), t;
   }
   get inputElement() {
     return this.input;
@@ -1325,29 +1372,29 @@ class z extends T {
     this.clearHoldTimers(), (t = this.disabledObserver) == null || t.disconnect();
   }
   bindStepControls() {
-    const t = (s) => () => {
+    const t = (n) => () => {
       if (this.input.disabled) return;
       const d = this.input.value, l = this.input.getAttribute("step");
-      if (l && l !== "any") s > 0 ? this.input.stepUp() : this.input.stepDown();
+      if (l && l !== "any") n > 0 ? this.input.stepUp() : this.input.stepDown();
       else {
-        const h = s > 0 ? 1 : -1, n = Number.parseFloat(this.input.value || "0"), c = Number.isFinite(n) ? n + h : h;
+        const h = n > 0 ? 1 : -1, s = Number.parseFloat(this.input.value || "0"), c = Number.isFinite(s) ? s + h : h;
         this.input.value = String(c);
       }
-      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();
+      this.input.value !== d && He(this.input), this.updateDisplay(), this.input.focus({ preventScroll: !0 });
+    }, r = t(1), a = t(-1), o = (n, d) => (l) => {
+      if (this.suppressClickAfterPointer.get(n)) return this.suppressClickAfterPointer.set(n, !1), void l.preventDefault();
       d();
     };
-    this.incrementButton.addEventListener("click", o(this.incrementButton, e)), this.decrementButton.addEventListener("click", o(this.decrementButton, a));
+    this.incrementButton.addEventListener("click", o(this.incrementButton, r)), this.decrementButton.addEventListener("click", o(this.decrementButton, a));
   }
   bindHoldBehavior() {
-    const t = (e, a) => {
+    const t = (r, a) => {
       const o = a > 0 ? () => this.incrementButton.click() : () => this.decrementButton.click();
-      e.addEventListener("pointerdown", (l) => {
+      r.addEventListener("pointerdown", (l) => {
         if (l.button === 0) {
-          l.preventDefault(), this.suppressClickAfterPointer.set(e, !0), this.activePointerId = l.pointerId;
+          l.preventDefault(), this.suppressClickAfterPointer.set(r, !0), this.activePointerId = l.pointerId;
           try {
-            e.setPointerCapture(l.pointerId);
+            r.setPointerCapture(l.pointerId);
           } catch {
           }
           o(), this.holdTimeoutId = window.setTimeout(() => {
@@ -1355,18 +1402,18 @@ class z extends T {
           }, 380);
         }
       });
-      const s = () => {
+      const n = () => {
         if (this.activePointerId !== void 0) {
           try {
-            e.releasePointerCapture(this.activePointerId);
+            r.releasePointerCapture(this.activePointerId);
           } catch {
           }
           this.activePointerId = void 0;
         }
       }, d = () => {
-        this.clearHoldTimers(), s();
+        this.clearHoldTimers(), n();
       };
-      e.addEventListener("pointerup", d), e.addEventListener("pointerleave", d), e.addEventListener("pointercancel", d);
+      r.addEventListener("pointerup", d), r.addEventListener("pointerleave", d), r.addEventListener("pointercancel", d);
     };
     t(this.incrementButton, 1), t(this.decrementButton, -1);
   }
@@ -1377,36 +1424,36 @@ class z extends T {
     this.input.addEventListener("input", t), this.input.addEventListener("change", t);
   }
   observeDisabledState(t) {
-    const e = () => {
+    const r = () => {
       const a = this.input.disabled;
-      this.incrementButton.disabled = a, this.decrementButton.disabled = a, t.classList.toggle("is-disabled", a), a ? (this.display.classList.remove(rt), this.input.style.removeProperty("color"), this.input.style.removeProperty("caretColor")) : this.updateDisplay();
+      this.incrementButton.disabled = a, this.decrementButton.disabled = a, t.classList.toggle("is-disabled", a), a ? (this.display.classList.remove(at), this.input.style.removeProperty("color"), this.input.style.removeProperty("caretColor")) : this.updateDisplay();
     };
-    typeof MutationObserver < "u" && (this.disabledObserver = new MutationObserver(e), this.disabledObserver.observe(this.input, { attributes: !0, attributeFilter: ["disabled"] })), e();
+    typeof MutationObserver < "u" && (this.disabledObserver = new MutationObserver(r), this.disabledObserver.observe(this.input, { attributes: !0, attributeFilter: ["disabled"] })), r();
   }
   updateDisplay() {
     const t = this.props.formatDisplay;
-    if (!t) return this.display.textContent = "", this.display.classList.remove(rt), this.input.style.removeProperty("color"), void this.input.style.removeProperty("caretColor");
-    const e = this.input.value, a = Number.parseFloat(e), o = t(Number.isFinite(a) ? a : Number.NaN, e, this.input);
-    o ? (this.display.textContent = o, this.display.classList.add(rt), this.input.style.color = "transparent", this.input.style.caretColor = "#f8fafc") : (this.display.textContent = "", this.display.classList.remove(rt), this.input.style.removeProperty("color"), this.input.style.removeProperty("caretColor"));
+    if (!t) return this.display.textContent = "", this.display.classList.remove(at), this.input.style.removeProperty("color"), void this.input.style.removeProperty("caretColor");
+    const r = this.input.value, a = Number.parseFloat(r), o = t(Number.isFinite(a) ? a : Number.NaN, r, this.input);
+    o ? (this.display.textContent = o, this.display.classList.add(at), this.input.style.color = "transparent", this.input.style.caretColor = "#f8fafc") : (this.display.textContent = "", this.display.classList.remove(at), this.input.style.removeProperty("color"), this.input.style.removeProperty("caretColor"));
   }
   clearHoldTimers() {
     this.holdTimeoutId !== void 0 && (window.clearTimeout(this.holdTimeoutId), this.holdTimeoutId = void 0), this.holdIntervalId !== void 0 && (window.clearInterval(this.holdIntervalId), this.holdIntervalId = void 0);
   }
 }
-class Y extends T {
-  constructor(t = "stack", e = []) {
+class Q extends D {
+  constructor(t = "stack", r = []) {
     super();
     p(this, "variant");
     p(this, "additionalClasses");
-    this.variant = t, this.additionalClasses = e;
+    this.variant = t, this.additionalClasses = r;
   }
   render() {
-    const t = document.createElement("div"), e = [this.variant === "stack" ? b.stack : void 0, this.variant === "stackDense" ? b.stackDense : void 0, this.variant === "stackCompact" ? b.stackCompact : void 0, this.variant === "row" ? b.row : void 0, this.variant === "section" ? b.section : void 0, ...this.additionalClasses].filter(Boolean);
-    return t.classList.add(...e), t;
+    const t = document.createElement("div"), r = [this.variant === "stack" ? b.stack : void 0, this.variant === "stackDense" ? b.stackDense : void 0, this.variant === "stackCompact" ? b.stackCompact : void 0, this.variant === "row" ? b.row : void 0, this.variant === "section" ? b.section : void 0, ...this.additionalClasses].filter(Boolean);
+    return t.classList.add(...r), 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 {
+const Gt = { neutral: "textmode-export-overlay__status-value--neutral", active: "textmode-export-overlay__status-value--active", alert: "textmode-export-overlay__status-value--alert" };
+class Qt extends D {
   constructor(t) {
     super();
     p(this, "props");
@@ -1419,17 +1466,17 @@ class Ht extends T {
     const t = document.createElement("span");
     return t.classList.add(b.statusTitle), t.textContent = this.props.title, this.messageElement = document.createElement("span"), this.messageElement.classList.add(b.statusValue), this.messageElement.textContent = this.props.message, this.applyVariant(this.props.variant ?? "neutral"), this.container.appendChild(t), this.container.appendChild(this.messageElement), this.container;
   }
-  setMessage(t, e = "neutral") {
-    this.messageElement.textContent = t, this.applyVariant(e);
+  setMessage(t, r = "neutral") {
+    this.messageElement.textContent = t, this.applyVariant(r);
   }
   onUpdate(t) {
     this.props = t, this.setMessage(t.message, t.variant ?? "neutral");
   }
   applyVariant(t) {
-    this.messageElement.classList.remove(...Object.values(Rt)), this.messageElement.classList.add(Rt[t]);
+    this.messageElement.classList.remove(...Object.values(Gt)), this.messageElement.classList.add(Gt[t]);
   }
 }
-class J extends T {
+class J extends D {
   constructor(t) {
     super();
     p(this, "_config");
@@ -1447,32 +1494,32 @@ class J extends T {
     this._managedComponents.clear();
   }
 }
-const W = { frameCount: 300, frameRate: 60, scale: 1, repeat: 0 };
-class bt extends J {
+const j = { frameCount: 300, frameRate: 60, scale: 1, repeat: 0 };
+class vt extends J {
   constructor(t) {
     super(t);
-    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 Ht({ title: "status", message: "ready to record", variant: "neutral", context: "gif" })));
+    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, "repeatInput", this._manageComponent(new z({ defaultValue: "0", attributes: { min: "0", max: "50", step: "1" }, formatDisplay: (t, r) => Number.isFinite(t) ? t === 0 ? "∞" : null : r.trim() === "" ? null : r })));
+    p(this, "status", this._manageComponent(new Qt({ title: "status", message: "ready to record", variant: "neutral", context: "gif" })));
     p(this, "recordingState", "idle");
   }
   render() {
     const t = document.createElement("div");
     t.classList.add(b.stack);
-    const e = new Y("row");
-    e.mount(t);
-    const a = new O({ label: "number of frames", labelFor: "textmode-export-gif-frame-count", variant: "dense" });
-    a.mount(e.root), this.frameCountInput.mount(a.root), this.frameCountInput.inputElement.id = "textmode-export-gif-frame-count";
-    const o = new O({ label: "frame rate (fps)", labelFor: "textmode-export-gif-frame-rate", variant: "dense" });
-    o.mount(e.root), this.frameRateInput.mount(o.root), this.frameRateInput.inputElement.id = "textmode-export-gif-frame-rate";
-    const s = new Y("row");
-    s.mount(t);
-    const d = new O({ label: "scale", labelFor: "textmode-export-gif-scale", variant: "dense" });
-    d.mount(s.root), this.scaleInput.mount(d.root), this.scaleInput.inputElement.id = "textmode-export-gif-scale";
-    const l = new O({ label: "loop count", labelFor: "textmode-export-gif-repeat", variant: "dense" });
-    return l.mount(s.root), this.repeatInput.mount(l.root), this.repeatInput.inputElement.id = "textmode-export-gif-repeat", this.status.mount(t), t;
+    const r = new Q("row");
+    r.mount(t);
+    const a = new T({ label: "number of frames", labelFor: "textmode-export-gif-frame-count", variant: "dense" });
+    a.mount(r.root), this.frameCountInput.mount(a.root), this.frameCountInput.inputElement.id = "textmode-export-gif-frame-count";
+    const o = new T({ label: "frame rate (fps)", labelFor: "textmode-export-gif-frame-rate", variant: "dense" });
+    o.mount(r.root), this.frameRateInput.mount(o.root), this.frameRateInput.inputElement.id = "textmode-export-gif-frame-rate";
+    const n = new Q("row");
+    n.mount(t);
+    const d = new T({ label: "scale", labelFor: "textmode-export-gif-scale", variant: "dense" });
+    d.mount(n.root), this.scaleInput.mount(d.root), this.scaleInput.inputElement.id = "textmode-export-gif-scale";
+    const l = new T({ label: "loop count", labelFor: "textmode-export-gif-repeat", variant: "dense" });
+    return l.mount(n.root), this.repeatInput.mount(l.root), this.repeatInput.inputElement.id = "textmode-export-gif-repeat", this.status.mount(t), t;
   }
   getOptions() {
     const t = this._config.defaultOptions ?? {};
@@ -1482,33 +1529,33 @@ class bt extends J {
     this.recordingState = "idle", this.applyDefaults(), this.setRecordingState("idle");
   }
   validate() {
-    const t = Number.parseInt(this.frameCountInput.value, 10), e = Number.parseInt(this.frameRateInput.value, 10), a = Number.parseFloat(this.scaleInput.value);
-    return Number.isFinite(t) && t > 0 && Number.isFinite(e) && e > 0 && Number.isFinite(a) && a > 0;
+    const t = Number.parseInt(this.frameCountInput.value, 10), r = Number.parseInt(this.frameRateInput.value, 10), a = Number.parseFloat(this.scaleInput.value);
+    return Number.isFinite(t) && t > 0 && Number.isFinite(r) && r > 0 && Number.isFinite(a) && a > 0;
   }
   isRecording() {
     return this.recordingState === "recording" || this.recordingState === "encoding";
   }
-  setRecordingState(t, e) {
+  setRecordingState(t, r) {
     this.recordingState = t;
     const a = t === "recording" || t === "encoding";
     switch (this.frameCountInput.inputElement.disabled = a, this.frameRateInput.inputElement.disabled = a, this.scaleInput.inputElement.disabled = a, this.repeatInput.inputElement.disabled = a, t) {
       case "recording":
-        if (e != null && e.totalFrames) {
-          const o = e.frameIndex ?? 0;
-          this.status.setMessage(`recording ${o}/${e.totalFrames}`, "active");
+        if (r != null && r.totalFrames) {
+          const o = r.frameIndex ?? 0;
+          this.status.setMessage(`recording ${o}/${r.totalFrames}`, "active");
         } else this.status.setMessage("recording…", "active");
         break;
       case "encoding":
-        if (e != null && e.totalFrames) {
-          const o = e.frameIndex ?? 0;
-          this.status.setMessage(`encoding ${o}/${e.totalFrames}`, "active");
+        if (r != null && r.totalFrames) {
+          const o = r.frameIndex ?? 0;
+          this.status.setMessage(`encoding ${o}/${r.totalFrames}`, "active");
         } else this.status.setMessage("encoding…", "active");
         break;
       case "completed":
         this.status.setMessage("GIF saved successfully", "active");
         break;
       case "error":
-        this.status.setMessage((e == null ? void 0 : e.message) ?? "failed to export GIF", "alert");
+        this.status.setMessage((r == null ? void 0 : r.message) ?? "failed to export GIF", "alert");
         break;
       default:
         this.status.setMessage("ready to record", "neutral");
@@ -1517,29 +1564,29 @@ class bt extends J {
   handleProgress(t) {
     if (t.state !== "recording" && t.state !== "encoding" || !t.totalFrames) t.state === "completed" ? this.status.setMessage("GIF saved successfully", "active") : t.state === "error" && this.status.setMessage(t.message ?? "failed to export GIF", "alert");
     else {
-      const e = t.state === "recording" ? "recording" : "encoding";
-      this.status.setMessage(`${e} ${t.frameIndex ?? 0}/${t.totalFrames}`, "active");
+      const r = t.state === "recording" ? "recording" : "encoding";
+      this.status.setMessage(`${r} ${t.frameIndex ?? 0}/${t.totalFrames}`, "active");
     }
   }
   applyDefaults() {
-    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();
+    const t = this._config.defaultOptions ?? {}, r = t.frameCount ?? j.frameCount, a = t.frameRate ?? j.frameRate, o = t.scale ?? j.scale, n = t.repeat ?? j.repeat;
+    this.frameCountInput.value = String(r), this.frameRateInput.value = String(a), this.scaleInput.value = String(o), this.repeatInput.value = String(n), this.frameCountInput.refresh(), this.frameRateInput.refresh(), this.scaleInput.refresh(), this.repeatInput.refresh();
   }
-  safeParseInt(t, e) {
+  safeParseInt(t, r) {
     const a = Number.parseInt(t, 10);
-    return Number.isFinite(a) ? a : e;
+    return Number.isFinite(a) ? a : r;
   }
-  safeParseFloat(t, e) {
+  safeParseFloat(t, r) {
     const a = Number.parseFloat(t);
-    return Number.isFinite(a) ? a : e;
+    return Number.isFinite(a) ? a : 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 dt = "textmode-export-range-input", Xe = `${dt}__field`, Je = `${dt}__tooltip`, gt = `${dt}__tooltip--visible`, ot = (i, e) => {
+  if (typeof i != "string" || i.length === 0) return e;
   const t = Number.parseFloat(i);
-  return Number.isFinite(t) ? t : r;
-}, We = (i, r, t) => Math.min(t, Math.max(r, i));
-class je extends T {
+  return Number.isFinite(t) ? t : e;
+}, Ye = (i, e, t) => Math.min(t, Math.max(e, i));
+class Qe extends D {
   constructor(t) {
     super();
     p(this, "props");
@@ -1556,7 +1603,7 @@ class je 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 = 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;
+    return t.className = dt, 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 = Xe, this.tooltip = document.createElement("div"), this.tooltip.className = Je, t.appendChild(this.input), t.appendChild(this.tooltip), this.bindEvents(t), this.updateTooltip(), this.syncDisabledState(t), t;
   }
   get inputElement() {
     return this.input;
@@ -1568,8 +1615,8 @@ class je extends T {
     this.input.value = t, this.updateTooltip();
   }
   _onDestroy() {
-    var t, e;
-    (t = this.disabledObserver) == null || t.disconnect(), (e = this.resizeObserver) == null || e.disconnect();
+    var t, r;
+    (t = this.disabledObserver) == null || t.disconnect(), (r = this.resizeObserver) == null || r.disconnect();
   }
   bindEvents(t) {
     this.input.addEventListener("pointerenter", () => {
@@ -1594,27 +1641,27 @@ class je extends T {
         this.activePointerId = void 0;
       }
     });
-    const e = () => {
+    const r = () => {
       this.pointerActive = !1, this.suppressFocusFromPointer = !1, this.hoverActive = this.input.matches(":hover"), this.releasePointerCapture(), this.refreshTooltipVisibility();
     };
-    this.input.addEventListener("pointerup", e), this.input.addEventListener("pointercancel", e), this.input.addEventListener("lostpointercapture", e), this.input.addEventListener("input", () => {
+    this.input.addEventListener("pointerup", r), this.input.addEventListener("pointercancel", r), this.input.addEventListener("lostpointercapture", r), this.input.addEventListener("input", () => {
       (this.hoverActive || this.focusActive || this.pointerActive) && this.updateTooltip(), this.props.defaultValue = this.input.value;
     }), this.input.addEventListener("change", () => {
       this.pointerActive || this.updateTooltip(), this.props.defaultValue = this.input.value;
     }), typeof ResizeObserver < "u" && (this.resizeObserver = new ResizeObserver(() => {
-      this.tooltip.classList.contains(ft) && this.updateTooltipPosition();
+      this.tooltip.classList.contains(gt) && this.updateTooltipPosition();
     }), this.resizeObserver.observe(t));
   }
   refreshTooltipVisibility() {
     const t = (this.hoverActive || this.focusActive || this.pointerActive) && !this.input.disabled;
-    t && this.updateTooltip(), this.tooltip.classList.toggle(ft, t);
+    t && this.updateTooltip(), this.tooltip.classList.toggle(gt, t);
   }
   syncDisabledState(t) {
-    const e = () => {
+    const r = () => {
       const a = this.input.disabled;
-      t.classList.toggle("is-disabled", a), a && (this.hoverActive = !1, this.focusActive = !1, this.pointerActive = !1, this.suppressFocusFromPointer = !1, this.releasePointerCapture(), this.tooltip.classList.remove(ft));
+      t.classList.toggle("is-disabled", a), a && (this.hoverActive = !1, this.focusActive = !1, this.pointerActive = !1, this.suppressFocusFromPointer = !1, this.releasePointerCapture(), this.tooltip.classList.remove(gt));
     };
-    typeof MutationObserver < "u" && (this.disabledObserver = new MutationObserver(e), this.disabledObserver.observe(this.input, { attributes: !0, attributeFilter: ["disabled"] })), e();
+    typeof MutationObserver < "u" && (this.disabledObserver = new MutationObserver(r), this.disabledObserver.observe(this.input, { attributes: !0, attributeFilter: ["disabled"] })), r();
   }
   releasePointerCapture() {
     if (this.activePointerId !== void 0) {
@@ -1629,81 +1676,81 @@ class je extends T {
     this.updateTooltipContent(), this.updateTooltipPosition();
   }
   updateTooltipContent() {
-    const t = this.props.formatValue ?? ((a) => `${a}`), e = this.getCurrentValue();
-    this.tooltip.textContent = t(e, this.input);
+    const t = this.props.formatValue ?? ((a) => `${a}`), r = this.getCurrentValue();
+    this.tooltip.textContent = t(r, this.input);
   }
   updateTooltipPosition() {
-    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 + "%";
+    const t = this.getMin(), r = this.getMax(), a = Ye(this.getCurrentValue(), t, r), o = r - t, n = o === 0 ? 0 : (a - t) / o;
+    this.tooltip.style.left = 100 * n + "%";
   }
   getMin() {
-    return at(this.input.min, 0);
+    return ot(this.input.min, 0);
   }
   getMax() {
-    return at(this.input.max, 100);
+    return ot(this.input.max, 100);
   }
   getCurrentValue() {
-    return at(this.input.value, at(this.props.defaultValue, 0));
+    return ot(this.input.value, ot(this.props.defaultValue, 0));
   }
 }
-function qe(i) {
+function Ze(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";
+  const e = Math.max(0, Math.min(1, i));
+  return e >= 0.995 ? "near-lossless" : e >= 0.98 ? "maximum detail" : e >= 0.88 ? "ultra quality" : e >= 0.7 ? "high quality" : e >= 0.5 ? "balanced" : e >= 0.25 ? "compact" : e >= 0.1 ? "lightweight" : "draft";
 }
-function He(i) {
-  return `${qe(i)} (quality ≈ ${i.toFixed(3)})`;
+function Ke(i) {
+  return `${Ze(i)} (quality ≈ ${i.toFixed(3)})`;
 }
-class vt extends J {
+class yt 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 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, "qualityInput", this._manageComponent(new Qe({ defaultValue: String(0.7), attributes: { min: String(0), max: String(1), step: "0.001" }, formatValue: (t) => Ke(t) })));
+    p(this, "status", this._manageComponent(new Qt({ title: "status", message: "ready to record", variant: "neutral", context: "video" })));
     p(this, "recordingState", "idle");
   }
   render() {
     const t = document.createElement("div");
     t.classList.add(b.stack);
-    const e = new Y("row");
-    e.mount(t);
-    const a = new O({ label: "number of frames", labelFor: "textmode-export-video-frame-count", variant: "compact" });
-    a.mount(e.root), this.frameCountInput.mount(a.root), this.frameCountInput.inputElement.id = "textmode-export-video-frame-count";
-    const o = new O({ label: "frame rate (fps)", labelFor: "textmode-export-video-frame-rate", variant: "compact" });
-    o.mount(e.root), this.frameRateInput.mount(o.root), this.frameRateInput.inputElement.id = "textmode-export-video-frame-rate";
-    const s = new O({ label: "quality", labelFor: "textmode-export-video-quality", variant: "full" });
-    return s.mount(t), this.qualityInput.mount(s.root), this.qualityInput.inputElement.id = "textmode-export-video-quality", this.status.mount(t), t;
+    const r = new Q("row");
+    r.mount(t);
+    const a = new T({ label: "number of frames", labelFor: "textmode-export-video-frame-count", variant: "compact" });
+    a.mount(r.root), this.frameCountInput.mount(a.root), this.frameCountInput.inputElement.id = "textmode-export-video-frame-count";
+    const o = new T({ label: "frame rate (fps)", labelFor: "textmode-export-video-frame-rate", variant: "compact" });
+    o.mount(r.root), this.frameRateInput.mount(o.root), this.frameRateInput.inputElement.id = "textmode-export-video-frame-rate";
+    const n = new T({ label: "quality", labelFor: "textmode-export-video-quality", variant: "full" });
+    return n.mount(t), this.qualityInput.mount(n.root), this.qualityInput.inputElement.id = "textmode-export-video-quality", this.status.mount(t), t;
   }
   getOptions() {
-    const t = this._config.defaultOptions ?? {}, e = Number.parseInt(this.frameCountInput.value, 10), a = Number.parseFloat(this.frameRateInput.value), o = Number.parseFloat(this.qualityInput.value);
-    return { frameCount: Number.isFinite(e) ? e : t.frameCount ?? 480, frameRate: Number.isFinite(a) ? a : t.frameRate ?? 60, quality: Number.isFinite(o) ? o : t.quality ?? 0.7 };
+    const t = this._config.defaultOptions ?? {}, r = Number.parseInt(this.frameCountInput.value, 10), a = Number.parseFloat(this.frameRateInput.value), o = Number.parseFloat(this.qualityInput.value);
+    return { frameCount: Number.isFinite(r) ? r : t.frameCount ?? 480, frameRate: Number.isFinite(a) ? a : t.frameRate ?? 60, quality: Number.isFinite(o) ? o : t.quality ?? 0.7 };
   }
   reset() {
     this.recordingState = "idle", this.applyDefaults(), this.status.setMessage("ready to record", "neutral");
   }
   validate() {
-    const t = Number.parseInt(this.frameCountInput.value, 10), e = Number.parseFloat(this.frameRateInput.value);
-    return Number.isFinite(t) && t >= 1 && Number.isFinite(e) && e >= 1;
+    const t = Number.parseInt(this.frameCountInput.value, 10), r = Number.parseFloat(this.frameRateInput.value);
+    return Number.isFinite(t) && t >= 1 && Number.isFinite(r) && r >= 1;
   }
   isRecording() {
     return this.recordingState === "recording";
   }
-  setRecordingState(t, e) {
+  setRecordingState(t, r) {
     this.recordingState = t;
     const a = t === "recording";
-    this.frameCountInput.inputElement.disabled = a, this.frameRateInput.inputElement.disabled = a, this.qualityInput.inputElement.disabled = a, this.syncStatus(t, e);
+    this.frameCountInput.inputElement.disabled = a, this.frameRateInput.inputElement.disabled = a, this.qualityInput.inputElement.disabled = a, this.syncStatus(t, r);
   }
   handleProgress(t) {
     this.syncStatus(t.state, t);
   }
-  syncStatus(t, e) {
+  syncStatus(t, r) {
     switch (t) {
       case "recording": {
-        const a = (e == null ? void 0 : e.frameIndex) ?? 0, o = (e == null ? void 0 : e.totalFrames) ?? this.resolvePlannedFrameCount();
+        const a = (r == null ? void 0 : r.frameIndex) ?? 0, o = (r == null ? void 0 : r.totalFrames) ?? this.resolvePlannedFrameCount();
         if (o) {
-          const s = Math.min(Math.max(0, Math.round(a)), o);
-          this.status.setMessage(`recording ${s}/${o} frames`, "active");
+          const n = Math.min(Math.max(0, Math.round(a)), o);
+          this.status.setMessage(`recording ${n}/${o} frames`, "active");
         } else this.status.setMessage(`recording ${Math.max(0, Math.round(a))} frames`, "active");
         break;
       }
@@ -1711,7 +1758,7 @@ class vt extends J {
         this.status.setMessage("saved to disk", "active");
         break;
       case "error":
-        this.status.setMessage(e != null && e.message ? `error: ${e.message}` : "recording failed", "alert");
+        this.status.setMessage(r != null && r.message ? `error: ${r.message}` : "recording failed", "alert");
         break;
       default:
         this.status.setMessage("ready to record", "neutral");
@@ -1722,13 +1769,16 @@ class vt extends J {
     return Number.isFinite(t) && t > 0 ? Math.round(t) : void 0;
   }
   applyDefaults() {
-    const t = this._config.defaultOptions ?? {}, e = t.frameCount ?? 480, a = t.frameRate ?? 60, o = t.quality ?? 0.7;
-    this.frameCountInput.value = String(e), this.frameRateInput.value = String(a), this.qualityInput.value = String(o), this.frameCountInput.refresh(), this.frameRateInput.refresh();
+    const t = this._config.defaultOptions ?? {}, r = t.frameCount ?? 480, a = t.frameRate ?? 60, o = t.quality ?? 0.7;
+    this.frameCountInput.value = String(r), this.frameRateInput.value = String(a), this.qualityInput.value = String(o), this.frameCountInput.refresh(), this.frameRateInput.refresh();
   }
 }
-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) {
+const tr = `@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}}`;
+function er(i) {
+  return typeof i.refreshLayerTargets == "function";
+}
+class rr {
+  constructor(e, t, r, a, o) {
     p(this, "_textmodifier");
     p(this, "_state");
     p(this, "_events");
@@ -1743,33 +1793,33 @@ class Xe {
     p(this, "_optionsContainer");
     p(this, "_copyButtonContainer");
     p(this, "_positionService");
-    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 Vt({ label: "download file", fullWidth: !0, variant: "primary" }));
-    p(this, "_copyButton", new Vt({ label: "copy to clipboard", fullWidth: !0, variant: "primary" }));
+    p(this, "_header", new bt());
+    p(this, "_formatField", new T({ label: "export format", labelFor: "textmode-export-format", variant: "full" }));
+    p(this, "_formatSelect", new H({ id: "textmode-export-format", options: [] }));
+    p(this, "_exportButton", new Nt({ label: "download file", fullWidth: !0, variant: "primary" }));
+    p(this, "_copyButton", new Nt({ label: "copy to clipboard", fullWidth: !0, variant: "primary" }));
     p(this, "_currentFormat");
     p(this, "_currentBlade");
     p(this, "_handleFormatSelectChange", () => {
       this._handleFormatChange(this._formatSelect.value);
     });
     p(this, "_handleExportClickSafe", () => {
-      this._handleExportClick().catch((r) => {
-        console.error("[textmode-export] Export failed", r);
+      this._handleExportClick().catch((e) => {
+        console.error("[textmode-export] Export failed", e);
       });
     });
     p(this, "_handleCopyClickSafe", () => {
-      this._handleCopyClick().catch((r) => {
-        console.error("[textmode-export] Copy failed", r);
+      this._handleCopyClick().catch((e) => {
+        console.error("[textmode-export] Copy failed", e);
       });
     });
-    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();
+    this._textmodifier = e, this._state = r, this._events = a, this._exportService = new Ge(t, a), this._clipboardService = new Ue(t), this._definitions = o, this._currentFormat = r.snapshot.format, this._initializeFormatMap(), this._registerEventHandlers();
   }
   $mount() {
-    this._createOverlay(), this._renderStaticContent(), this._positionService = new Ve(this._textmodifier, this._shadowHost), this._positionService.bind(), this._switchFormat(this._currentFormat);
+    this._createOverlay(), this._renderStaticContent(), this._positionService = new ze(this._textmodifier, this._shadowHost), this._positionService.bind(), this._switchFormat(this._currentFormat);
   }
   show() {
-    this._shadowHost && (this._shadowHost.style.display = "");
+    this._shadowHost && (this.refreshLayerTargets(), this._shadowHost.style.display = "");
   }
   hide() {
     this._shadowHost && (this._shadowHost.style.display = "none");
@@ -1780,51 +1830,54 @@ class Xe {
   isVisible() {
     return !!this._shadowHost && this._shadowHost.style.display !== "none";
   }
+  refreshLayerTargets() {
+    this._currentBlade && er(this._currentBlade.blade) && this._currentBlade.blade.refreshLayerTargets();
+  }
   $dispose() {
-    var r, t;
+    var e, t;
     this._formatSelect.isMounted() && this._formatSelect.selectElement.removeEventListener("change", this._handleFormatSelectChange), this._exportButton.isMounted() && this._exportButton.buttonElement.removeEventListener("click", this._handleExportClickSafe), this._copyButton.isMounted() && this._copyButton.buttonElement.removeEventListener("click", this._handleCopyClickSafe);
-    for (const e of this._eventUnsubscribers) e();
+    for (const r of this._eventUnsubscribers) r();
     this._eventUnsubscribers.length = 0, this._events.$clear();
-    for (const e of this._formats.values()) e.blade.destroy();
-    this._formats.clear(), this._currentBlade = void 0, (r = this._shadowHost) != null && r.isConnected && this._shadowHost.remove(), (t = this._positionService) == null || t.dispose();
+    for (const r of this._formats.values()) r.blade.destroy();
+    this._formats.clear(), this._currentBlade = void 0, (e = this._shadowHost) != null && e.isConnected && this._shadowHost.remove(), (t = this._positionService) == null || t.dispose();
   }
   _initializeFormatMap() {
-    for (const r of this._definitions) {
-      const t = r.createBlade();
-      this._formats.set(r.format, { definition: r, blade: t, initialized: !1 });
+    for (const e of this._definitions) {
+      const t = e.createBlade();
+      this._formats.set(e.format, { definition: e, blade: t, initialized: !1 });
     }
   }
   _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 = 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);
+    const e = document.createElement("style");
+    e.textContent = tr, this._shadowRoot.appendChild(e), 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);
-    const r = document.createElement("div");
-    r.classList.add(b.section), this._overlayElement.appendChild(r), this._formatField.mount(r), this._prepareFormatOptions(), this._formatSelect.mount(this._formatField.root), this._formatSelect.selectElement.addEventListener("change", this._handleFormatSelectChange), this._optionsContainer = document.createElement("div"), this._optionsContainer.classList.add(b.stack, b.stackCompact), this._overlayElement.appendChild(this._optionsContainer), this._exportButton.mount(this._overlayElement), this._exportButton.buttonElement.addEventListener("click", this._handleExportClickSafe), this._copyButtonContainer = document.createElement("div"), this._copyButtonContainer.classList.add(b.stack, b.stackDense), this._overlayElement.appendChild(this._copyButtonContainer), this._copyButton.mount(this._copyButtonContainer), this._copyButton.buttonElement.dataset.defaultLabel = "copy to clipboard", this._copyButton.buttonElement.addEventListener("click", this._handleCopyClickSafe);
+    const e = document.createElement("div");
+    e.classList.add(b.section), this._overlayElement.appendChild(e), this._formatField.mount(e), this._prepareFormatOptions(), this._formatSelect.mount(this._formatField.root), this._formatSelect.selectElement.addEventListener("change", this._handleFormatSelectChange), this._optionsContainer = document.createElement("div"), this._optionsContainer.classList.add(b.stack, b.stackCompact), this._overlayElement.appendChild(this._optionsContainer), this._exportButton.mount(this._overlayElement), this._exportButton.buttonElement.addEventListener("click", this._handleExportClickSafe), this._copyButtonContainer = document.createElement("div"), this._copyButtonContainer.classList.add(b.stack, b.stackDense), this._overlayElement.appendChild(this._copyButtonContainer), this._copyButton.mount(this._copyButtonContainer), this._copyButton.buttonElement.dataset.defaultLabel = "copy to clipboard", this._copyButton.buttonElement.addEventListener("click", this._handleCopyClickSafe);
   }
   _prepareFormatOptions() {
-    const r = this._definitions.map((t) => ({ value: t.format, label: t.label }));
-    this._formatSelect.update({ options: r, defaultValue: this._currentFormat });
+    const e = this._definitions.map((t) => ({ value: t.format, label: t.label }));
+    this._formatSelect.update({ options: e, defaultValue: this._currentFormat });
   }
   _registerEventHandlers() {
-    this._eventUnsubscribers.push(this._events.$on("export:request", ({ format: r }) => {
-      r === this._currentFormat && (this._state.$set({ isBusy: !0, error: void 0 }), this._updateExportButton());
-    }), this._events.$on("export:success", ({ format: r }) => {
-      if (r === this._currentFormat) {
+    this._eventUnsubscribers.push(this._events.$on("export:request", ({ format: e }) => {
+      e === this._currentFormat && (this._state.$set({ isBusy: !0, error: void 0 }), this._updateExportButton());
+    }), this._events.$on("export:success", ({ format: e }) => {
+      if (e === this._currentFormat) {
         const t = { isBusy: !1 };
-        r === "gif" && (t.gifProgress = void 0), r === "video" && (t.videoProgress = void 0), this._state.$set(t), this._updateExportButton();
+        e === "gif" && (t.gifProgress = void 0), e === "video" && (t.videoProgress = void 0), this._state.$set(t), this._updateExportButton();
       }
-    }), this._events.$on("export:error", ({ format: r, error: t }) => {
-      r === this._currentFormat && (this._state.$set({ isBusy: !1, error: t }), this._updateExportButton());
-    }), this._events.$on("export:progress", ({ format: r, progress: t }) => {
-      var e, a;
+    }), this._events.$on("export:error", ({ format: e, error: t }) => {
+      e === this._currentFormat && (this._state.$set({ isBusy: !1, error: t }), this._updateExportButton());
+    }), this._events.$on("export:progress", ({ format: e, progress: t }) => {
+      var r, a;
       if (t) {
-        if (r === "gif" && ((e = this._currentBlade) == null ? void 0 : e.blade) instanceof bt) {
+        if (e === "gif" && ((r = this._currentBlade) == null ? void 0 : r.blade) instanceof vt) {
           const o = t;
           this._state.$set({ gifProgress: o }), this._currentBlade.blade.handleProgress(o);
-        } else if (r === "video" && ((a = this._currentBlade) == null ? void 0 : a.blade) instanceof vt) {
+        } else if (e === "video" && ((a = this._currentBlade) == null ? void 0 : a.blade) instanceof yt) {
           const o = t;
           this._state.$set({ videoProgress: o }), this._currentBlade.blade.handleProgress(o);
         }
@@ -1832,57 +1885,57 @@ class Xe {
       }
     }));
   }
-  _handleFormatChange(r) {
-    this._currentFormat = r, this._state.$set({ format: r }), this._switchFormat(r), this._events.$emit("format:change", { format: r });
+  _handleFormatChange(e) {
+    this._currentFormat = e, this._state.$set({ format: e }), this._switchFormat(e), this._events.$emit("format:change", { format: e });
   }
-  _switchFormat(r) {
-    var e;
-    const t = this._formats.get(r);
-    if (!t) throw new Error(`Unknown export format: ${r}`);
-    this._currentBlade && this._currentBlade.blade.unmount(), this._optionsContainer.innerHTML = "", t.blade.mount(this._optionsContainer), t.initialized || (t.blade.reset(), t.initialized = !0), this._currentBlade = t, this._formatSelect.value = r, this._updateCopyButtonState(), this._updateExportButton(), (e = this._positionService) == null || e.scheduleUpdate();
+  _switchFormat(e) {
+    var r;
+    const t = this._formats.get(e);
+    if (!t) throw new Error(`Unknown export format: ${e}`);
+    this._currentBlade && this._currentBlade.blade.unmount(), this._optionsContainer.innerHTML = "", t.blade.mount(this._optionsContainer), t.initialized || (t.blade.reset(), t.initialized = !0), this._currentBlade = t, this._formatSelect.value = e, this.refreshLayerTargets(), this._updateCopyButtonState(), this._updateExportButton(), (r = this._positionService) == null || r.scheduleUpdate();
   }
   _updateCopyButtonState() {
     var t;
-    const r = ((t = this._currentBlade) == null ? void 0 : t.definition.supportsClipboard) ?? !1;
-    this._copyButtonContainer.style.display = r ? "flex" : "none", this._copyButton.setDisabled(!r);
+    const e = ((t = this._currentBlade) == null ? void 0 : t.definition.supportsClipboard) ?? !1;
+    this._copyButtonContainer.style.display = e ? "flex" : "none", this._copyButton.setDisabled(!e);
   }
   async _handleExportClick() {
     if (!this._currentBlade) return;
-    const r = this._currentBlade.definition.format, t = this._currentBlade.blade.getOptions();
+    const e = this._currentBlade.definition.format, t = this._currentBlade.blade.getOptions();
     if (this._currentBlade.blade.validate()) {
-      if (r === "gif") {
-        const e = this._currentBlade.blade;
-        if (e.isRecording()) return;
-        e.setRecordingState("recording");
+      if (e === "gif") {
+        const r = this._currentBlade.blade;
+        if (r.isRecording()) return;
+        r.setRecordingState("recording");
         try {
           await this._exportService.$requestExport("gif", t, { onGIFProgress: (a) => {
-            e.setRecordingState(a.state, a);
+            r.setRecordingState(a.state, a);
           } });
         } catch (a) {
-          throw e.setRecordingState("error"), a;
+          throw r.setRecordingState("error"), a;
         }
         return void window.setTimeout(() => {
-          e.setRecordingState("idle"), this._updateExportButton();
+          r.setRecordingState("idle"), this._updateExportButton();
         }, 1600);
       }
-      if (r === "video") {
-        const e = this._currentBlade.blade;
-        if (e.isRecording()) return;
-        e.setRecordingState("recording");
+      if (e === "video") {
+        const r = this._currentBlade.blade;
+        if (r.isRecording()) return;
+        r.setRecordingState("recording");
         try {
           await this._exportService.$requestExport("video", t, { onVideoProgress: (a) => {
-            e.setRecordingState(a.state, a);
+            r.setRecordingState(a.state, a);
           } });
         } catch (a) {
-          throw e.setRecordingState("error"), a;
+          throw r.setRecordingState("error"), a;
         }
         return void window.setTimeout(() => {
-          e.setRecordingState("idle"), this._updateExportButton();
+          r.setRecordingState("idle"), this._updateExportButton();
         }, 1600);
       }
       this._exportButton.setDisabled(!0), this._exportButton.setLabel("exporting…");
       try {
-        await this._exportService.$requestExport(r, t);
+        await this._exportService.$requestExport(e, t);
       } finally {
         this._exportButton.setDisabled(!1), this._exportButton.setLabel("download file");
       }
@@ -1890,10 +1943,10 @@ class Xe {
   }
   async _handleCopyClick() {
     if (!this._currentBlade || !this._currentBlade.definition.supportsClipboard) return;
-    const r = this._currentBlade.definition.format, t = this._currentBlade.blade.getOptions(), e = this._copyButton.buttonElement.dataset.defaultLabel ?? "copy to clipboard";
+    const e = this._currentBlade.definition.format, t = this._currentBlade.blade.getOptions(), r = this._copyButton.buttonElement.dataset.defaultLabel ?? "copy to clipboard";
     this._copyButton.setDisabled(!0), this._copyButton.setLabel("copying…");
     try {
-      switch (r) {
+      switch (e) {
         case "txt":
           await this._clipboardService.$copy("txt", t);
           break;
@@ -1914,18 +1967,18 @@ class Xe {
       console.error("[textmode-export] Failed to copy to clipboard", a), this._copyButton.setLabel("copy failed!");
     } finally {
       window.setTimeout(() => {
-        this._copyButton.setLabel(e), this._copyButton.setDisabled(!1);
+        this._copyButton.setLabel(r), this._copyButton.setDisabled(!1);
       }, 1200);
     }
   }
   _updateExportButton() {
     if (!this._currentBlade) return;
-    const r = this._currentBlade.definition.format;
-    if (r === "gif" && this._currentBlade.blade instanceof bt) {
-      const e = this._currentBlade.blade, a = this._state.snapshot.gifProgress;
-      if (e.isRecording()) if (this._exportButton.setDisabled(!0), a == null ? void 0 : a.totalFrames) {
-        const o = a.frameIndex ?? 0, s = a.state === "encoding" ? "encoding" : "recording";
-        this._exportButton.setLabel(`${s} ${o}/${a.totalFrames}`);
+    const e = this._currentBlade.definition.format;
+    if (e === "gif" && this._currentBlade.blade instanceof vt) {
+      const r = this._currentBlade.blade, a = this._state.snapshot.gifProgress;
+      if (r.isRecording()) if (this._exportButton.setDisabled(!0), a == null ? void 0 : a.totalFrames) {
+        const o = a.frameIndex ?? 0, n = a.state === "encoding" ? "encoding" : "recording";
+        this._exportButton.setLabel(`${n} ${o}/${a.totalFrames}`);
       } else {
         const o = (a == null ? void 0 : a.state) === "encoding" ? "encoding" : "recording";
         this._exportButton.setLabel(`${o}…`);
@@ -1933,9 +1986,9 @@ class Xe {
       else this._exportButton.setDisabled(!1), this._exportButton.setLabel("start recording");
       return;
     }
-    if (r === "video" && this._currentBlade.blade instanceof vt) {
-      const e = this._currentBlade.blade, a = this._state.snapshot.videoProgress;
-      if (e.isRecording()) if (this._exportButton.setDisabled(!0), a == null ? void 0 : a.totalFrames) {
+    if (e === "video" && this._currentBlade.blade instanceof yt) {
+      const r = this._currentBlade.blade, a = this._state.snapshot.videoProgress;
+      if (r.isRecording()) if (this._exportButton.setDisabled(!0), a == null ? void 0 : a.totalFrames) {
         const o = a.frameIndex ?? 0;
         this._exportButton.setLabel(`recording ${o}/${a.totalFrames} frames`);
       } else this._exportButton.setLabel("recording…");
@@ -1946,65 +1999,65 @@ class Xe {
     this._exportButton.setDisabled(t), this._exportButton.setLabel(t ? "exporting…" : "download file");
   }
 }
-class Ye {
+class ar {
   constructor() {
     p(this, "_listeners", {});
   }
-  _getPool(r) {
-    const t = this._listeners[r];
+  _getPool(e) {
+    const t = this._listeners[e];
     if (t) return t;
-    const e = /* @__PURE__ */ new Set();
-    return this._listeners[r] = e, e;
+    const r = /* @__PURE__ */ new Set();
+    return this._listeners[e] = r, r;
   }
-  $on(r, t) {
-    const e = this._getPool(r);
-    return e.add(t), () => {
-      e.delete(t), e.size === 0 && delete this._listeners[r];
+  $on(e, t) {
+    const r = this._getPool(e);
+    return r.add(t), () => {
+      r.delete(t), r.size === 0 && delete this._listeners[e];
     };
   }
-  $emit(r, t) {
-    const e = this._listeners[r];
-    if (e) for (const a of [...e]) try {
+  $emit(e, t) {
+    const r = this._listeners[e];
+    if (r) for (const a of [...r]) try {
       a(t);
     } catch (o) {
       console.error("[textmode-export] Event handler failed", o);
     }
   }
   $clear() {
-    for (const r of Object.keys(this._listeners)) delete this._listeners[r];
+    for (const e of Object.keys(this._listeners)) delete this._listeners[e];
   }
 }
-class Qe {
-  constructor(r) {
+class or {
+  constructor(e) {
     p(this, "_state");
     p(this, "_listeners", /* @__PURE__ */ new Set());
-    this._state = r;
+    this._state = e;
   }
   get snapshot() {
     return Object.freeze({ ...this._state });
   }
-  $set(r) {
-    this._state = Object.assign({}, this._state, r);
+  $set(e) {
+    this._state = Object.assign({}, this._state, e);
     const t = this.snapshot;
-    for (const e of [...this._listeners]) try {
-      e(t);
+    for (const r of [...this._listeners]) try {
+      r(t);
     } catch (a) {
       console.error("[textmode-export] State listener failed", a);
     }
   }
-  $subscribe(r) {
-    return this._listeners.add(r), r(this.snapshot), () => {
-      this._listeners.delete(r);
+  $subscribe(e) {
+    return this._listeners.add(e), e(this.snapshot), () => {
+      this._listeners.delete(e);
     };
   }
-  $reset(r) {
-    this._state = r;
+  $reset(e) {
+    this._state = e;
     const t = this.snapshot;
-    for (const e of [...this._listeners]) e(t);
+    for (const r of [...this._listeners]) r(t);
   }
 }
-const Ke = (i) => ({ format: i, isBusy: !1 });
-class nt extends T {
+const ir = (i) => ({ format: i, isBusy: !1 });
+class nt extends D {
   constructor(t) {
     super();
     p(this, "props");
@@ -2036,7 +2089,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 Ze extends T {
+class sr extends D {
   constructor(t) {
     super();
     p(this, "props");
@@ -2065,21 +2118,57 @@ class Ze 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 tr extends J {
+class Ct extends D {
+  constructor(t) {
+    super();
+    p(this, "provider");
+    p(this, "field");
+    p(this, "select");
+    this.provider = t.provider, this.field = new T({ label: "layer", labelFor: t.id, variant: "full" }), this.select = new H({ id: t.id, options: [], defaultValue: t.provider.getDefaultId() });
+  }
+  render() {
+    const t = document.createElement("div");
+    return this.field.mount(t), this.refresh(), this.select.mount(this.field.root), t;
+  }
+  get layer() {
+    const t = this.provider.getLayerById(this.select.value);
+    if (t) return t;
+    const r = this.provider.getDefaultId();
+    return this.select.value = r, this.provider.getLayerById(r);
+  }
+  setDisabled(t) {
+    this.select.selectElement.disabled = t;
+  }
+  refresh() {
+    const t = this.provider.getOptions(), r = this.select.isMounted() ? this.select.value : this.provider.getDefaultId(), a = t.some((o) => o.id === r) ? r : this.provider.getDefaultId();
+    this.select.update({ options: t.map((o) => ({ value: o.id, label: o.label })), defaultValue: a }), this.select.value = a;
+  }
+  _onUnmount() {
+    this.select.unmount(), this.field.unmount();
+  }
+  _onDestroy() {
+    this.select.destroy(), this.field.destroy();
+  }
+}
+class nr extends J {
   constructor(t) {
     super(t);
+    p(this, "layerTarget");
     p(this, "trailingSpaces", this._manageComponent(new nt({ label: "preserve trailing spaces", defaultChecked: !1 })));
-    p(this, "emptyCharacter", this._manageComponent(new Ze({ id: "textmode-export-empty-character", defaultValue: " ", maxLength: 1 })));
+    p(this, "emptyCharacter", this._manageComponent(new sr({ id: "textmode-export-empty-character", defaultValue: " ", maxLength: 1 })));
+    t.layerTargetProvider && (this.layerTarget = this._manageComponent(new Ct({ id: "textmode-export-txt-layer", provider: t.layerTargetProvider })));
   }
   render() {
+    var a;
     const t = document.createElement("div");
-    t.classList.add(b.stack), this.trailingSpaces.mount(t);
-    const e = new O({ label: "empty character", labelFor: "textmode-export-empty-character", variant: "full" });
-    return e.mount(t), this.emptyCharacter.mount(e.root), t;
+    t.classList.add(b.stack), (a = this.layerTarget) == null || a.mount(t), this.trailingSpaces.mount(t);
+    const r = new T({ label: "empty character", labelFor: "textmode-export-empty-character", variant: "full" });
+    return r.mount(t), this.emptyCharacter.mount(r.root), t;
   }
   getOptions() {
-    const t = this._config.defaultOptions ?? {}, e = this.emptyCharacter.value || t.emptyCharacter || " ";
-    return { preserveTrailingSpaces: this.trailingSpaces.checked, emptyCharacter: e };
+    var a;
+    const t = this._config.defaultOptions ?? {}, r = this.emptyCharacter.value || t.emptyCharacter || " ";
+    return { layer: (a = this.layerTarget) == null ? void 0 : a.layer, preserveTrailingSpaces: this.trailingSpaces.checked, emptyCharacter: r };
   }
   reset() {
     this.applyDefaults();
@@ -2087,26 +2176,38 @@ class tr extends J {
   validate() {
     return this.emptyCharacter.value.length <= 1;
   }
+  refreshLayerTargets() {
+    var t;
+    (t = this.layerTarget) == null || t.refresh();
+  }
   applyDefaults() {
     const t = this._config.defaultOptions ?? {};
     this.trailingSpaces.checked = t.preserveTrailingSpaces ?? !1, this.emptyCharacter.value = t.emptyCharacter ?? " ";
   }
 }
-class er extends J {
+class lr extends J {
   constructor(t) {
     super(t);
+    p(this, "layerTarget");
+    p(this, "layerTargetContainer");
+    p(this, "target", this._manageComponent(new H({ id: "textmode-export-json-target", options: [{ value: "selected", label: "selected layer" }, { value: "all", label: "all layers" }], defaultValue: "selected" })));
     p(this, "prettyPrint", this._manageComponent(new nt({ id: "textmode-export-json-pretty", label: "pretty print", defaultChecked: !0 })));
     p(this, "includeMetadata", this._manageComponent(new nt({ id: "textmode-export-json-metadata", label: "include metadata", defaultChecked: !0 })));
-    p(this, "colorMode", this._manageComponent(new st({ id: "textmode-export-json-color-mode", options: [{ value: "hex", label: "hex" }, { value: "rgba", label: "rgba" }], defaultValue: "hex" })));
+    p(this, "colorMode", this._manageComponent(new H({ id: "textmode-export-json-color-mode", options: [{ value: "hex", label: "hex" }, { value: "rgba", label: "rgba" }], defaultValue: "hex" })));
+    t.layerTargetProvider && (this.layerTarget = this._manageComponent(new Ct({ id: "textmode-export-json-layer", provider: t.layerTargetProvider })));
   }
   render() {
     const t = document.createElement("div");
-    t.classList.add(b.stack), this.prettyPrint.mount(t), this.includeMetadata.mount(t);
-    const e = new O({ label: "color mode", labelFor: "textmode-export-json-color-mode", variant: "full" });
-    return e.mount(t), this.colorMode.mount(e.root), t;
+    t.classList.add(b.stack);
+    const r = new T({ label: "target", labelFor: "textmode-export-json-target", variant: "full" });
+    r.mount(t), this.target.mount(r.root), this.target.selectElement.addEventListener("change", () => this.updateLayerTargetVisibility()), this.layerTarget && (this.layerTargetContainer = document.createElement("div"), this.layerTarget.mount(this.layerTargetContainer), t.appendChild(this.layerTargetContainer)), this.prettyPrint.mount(t), this.includeMetadata.mount(t);
+    const a = new T({ label: "color mode", labelFor: "textmode-export-json-color-mode", variant: "full" });
+    return a.mount(t), this.colorMode.mount(a.root), this.updateLayerTargetVisibility(), t;
   }
   getOptions() {
-    return { pretty: this.prettyPrint.checked, includeMetadata: this.includeMetadata.checked, colorMode: this.colorMode.value };
+    var r;
+    const t = this.target.value;
+    return { target: t, layer: t === "selected" ? (r = this.layerTarget) == null ? void 0 : r.layer : void 0, pretty: this.prettyPrint.checked, includeMetadata: this.includeMetadata.checked, colorMode: this.colorMode.value };
   }
   reset() {
     this.applyDefaults();
@@ -2114,31 +2215,40 @@ class er extends J {
   validate() {
     return !0;
   }
+  refreshLayerTargets() {
+    var t;
+    (t = this.layerTarget) == null || t.refresh();
+  }
   applyDefaults() {
     const t = this._config.defaultOptions ?? {};
-    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";
+    this.target.value = t.target ?? "selected", 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", this.updateLayerTargetVisibility();
+  }
+  updateLayerTargetVisibility() {
+    var r;
+    const t = this.target.value === "selected";
+    this.layerTargetContainer && (this.layerTargetContainer.style.display = t ? "" : "none"), (r = this.layerTarget) == null || r.setDisabled(!t);
   }
 }
-class rr extends J {
+class dr 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" })));
+    p(this, "formatSelect", this._manageComponent(new H({ id: "textmode-export-image-format", options: [{ value: "png", label: `PNG (${ht.png})` }, { value: "jpg", label: `JPG (${ht.jpg})` }, { value: "webp", label: `WEBP (${ht.webp})` }], defaultValue: "png" })));
     p(this, "scaleInput", this._manageComponent(new z({ defaultValue: "1", attributes: { min: "0.1", step: "0.1" } })));
   }
   render() {
     const t = document.createElement("div");
     t.classList.add(b.stack);
-    const e = new Y("row");
-    e.mount(t);
-    const a = new O({ label: "image format", labelFor: "textmode-export-image-format", variant: "compact" });
-    a.mount(e.root), this.formatSelect.mount(a.root);
-    const o = new O({ label: "scale", labelFor: "textmode-export-image-scale", variant: "dense" });
-    return o.mount(e.root), this.scaleInput.mount(o.root), this.scaleInput.inputElement.id = "textmode-export-image-scale", t;
+    const r = new Q("row");
+    r.mount(t);
+    const a = new T({ label: "image format", labelFor: "textmode-export-image-format", variant: "compact" });
+    a.mount(r.root), this.formatSelect.mount(a.root);
+    const o = new T({ label: "scale", labelFor: "textmode-export-image-scale", variant: "dense" });
+    return o.mount(r.root), this.scaleInput.mount(o.root), this.scaleInput.inputElement.id = "textmode-export-image-scale", t;
   }
   getOptions() {
-    var e;
+    var r;
     const t = Number.parseFloat(this.scaleInput.value);
-    return { format: this.formatSelect.value, scale: Number.isFinite(t) ? t : ((e = this._config.defaultOptions) == null ? void 0 : e.scale) ?? 1 };
+    return { format: this.formatSelect.value, scale: Number.isFinite(t) ? t : ((r = this._config.defaultOptions) == null ? void 0 : r.scale) ?? 1 };
   }
   reset() {
     this.applyDefaults(), this.scaleInput.refresh();
@@ -2150,29 +2260,33 @@ class rr extends J {
   applyDefaults() {
     const t = this._config.defaultOptions ?? {};
     this.formatSelect.value = t.format ?? "png";
-    const e = t.scale ?? 1;
-    this.scaleInput.value = String(e);
+    const r = t.scale ?? 1;
+    this.scaleInput.value = String(r);
   }
 }
-class ar extends J {
+class cr extends J {
   constructor(t) {
     super(t);
+    p(this, "layerTarget");
     p(this, "includeBackground", this._manageComponent(new nt({ id: "textmode-export-svg-include-backgrounds", label: "include cell backgrounds", defaultChecked: !0 })));
-    p(this, "drawMode", this._manageComponent(new st({ id: "textmode-export-svg-draw-mode", options: [{ value: "fill", label: "fill" }, { value: "stroke", label: "stroke" }], defaultValue: "fill" })));
+    p(this, "drawMode", this._manageComponent(new H({ id: "textmode-export-svg-draw-mode", options: [{ value: "fill", label: "fill" }, { value: "stroke", label: "stroke" }], defaultValue: "fill" })));
     p(this, "strokeWidth", this._manageComponent(new z({ defaultValue: "1", attributes: { min: "0", step: "0.1" } })));
+    t.layerTargetProvider && (this.layerTarget = this._manageComponent(new Ct({ id: "textmode-export-svg-layer", provider: t.layerTargetProvider })));
   }
   render() {
+    var n;
     const t = document.createElement("div");
-    t.classList.add(b.stack), this.includeBackground.mount(t);
-    const e = new Y("row");
-    e.mount(t);
-    const a = new O({ label: "draw mode", labelFor: "textmode-export-svg-draw-mode", variant: "compact" });
-    a.mount(e.root), this.drawMode.mount(a.root);
-    const o = new O({ label: "stroke width", labelFor: "textmode-export-svg-stroke-width", variant: "compact" });
-    return o.mount(e.root), this.strokeWidth.mount(o.root), this.strokeWidth.inputElement.id = "textmode-export-svg-stroke-width", this.drawMode.selectElement.addEventListener("change", () => this.updateStrokeControls()), this.updateStrokeControls(), t;
+    t.classList.add(b.stack), (n = this.layerTarget) == null || n.mount(t), this.includeBackground.mount(t);
+    const r = new Q("row");
+    r.mount(t);
+    const a = new T({ label: "draw mode", labelFor: "textmode-export-svg-draw-mode", variant: "compact" });
+    a.mount(r.root), this.drawMode.mount(a.root);
+    const o = new T({ label: "stroke width", labelFor: "textmode-export-svg-stroke-width", variant: "compact" });
+    return o.mount(r.root), this.strokeWidth.mount(o.root), this.strokeWidth.inputElement.id = "textmode-export-svg-stroke-width", this.drawMode.selectElement.addEventListener("change", () => this.updateStrokeControls()), this.updateStrokeControls(), t;
   }
   getOptions() {
-    return { includeBackgroundRectangles: this.includeBackground.checked, drawMode: this.drawMode.value, strokeWidth: Number.parseFloat(this.strokeWidth.value) };
+    var t;
+    return { layer: (t = this.layerTarget) == null ? void 0 : t.layer, includeBackgroundRectangles: this.includeBackground.checked, drawMode: this.drawMode.value, strokeWidth: Number.parseFloat(this.strokeWidth.value) };
   }
   reset() {
     this.applyDefaults(), this.updateStrokeControls();
@@ -2181,6 +2295,10 @@ class ar extends J {
     const t = Number.parseFloat(this.strokeWidth.value);
     return this.drawMode.value !== "stroke" || Number.isFinite(t) && t >= 0;
   }
+  refreshLayerTargets() {
+    var t;
+    (t = this.layerTarget) == null || t.refresh();
+  }
   updateStrokeControls() {
     const t = this.drawMode.value === "stroke";
     this.strokeWidth.inputElement.disabled = !t, this.strokeWidth.refresh();
@@ -2188,43 +2306,46 @@ class ar extends J {
   applyDefaults() {
     const t = this._config.defaultOptions ?? {};
     this.includeBackground.checked = t.includeBackgroundRectangles ?? !0, this.drawMode.value = t.drawMode ?? "fill";
-    const e = t.strokeWidth ?? 1;
-    this.strokeWidth.value = String(e), this.strokeWidth.refresh();
+    const r = t.strokeWidth ?? 1;
+    this.strokeWidth.value = String(r), this.strokeWidth.refresh();
   }
 }
-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 ur(i) {
+  return [{ format: "txt", label: "plain text (.txt)", supportsClipboard: !0, createBlade: () => new nr({ format: "txt", label: "plain text (.txt)", supportsClipboard: !0, defaultOptions: { preserveTrailingSpaces: !1, emptyCharacter: " " }, layerTargetProvider: i }) }, { format: "json", label: "document data (.json)", supportsClipboard: !0, createBlade: () => new lr({ format: "json", label: "document data (.json)", supportsClipboard: !0, defaultOptions: { target: "selected", pretty: !0, includeMetadata: !0, colorMode: "hex" }, layerTargetProvider: i }) }, { format: "image", label: "image (.png / .jpg / .webp)", supportsClipboard: !0, createBlade: () => new dr({ format: "image", label: "image (.png / .jpg / .webp)", supportsClipboard: !0, defaultOptions: { format: "png", scale: 1 } }) }, { format: "svg", label: "vector (.svg)", supportsClipboard: !0, createBlade: () => new cr({ format: "svg", label: "vector (.svg)", supportsClipboard: !0, defaultOptions: { includeBackgroundRectangles: !0, drawMode: "fill", strokeWidth: 1 }, layerTargetProvider: i }) }, { format: "gif", label: "animated GIF (.gif)", supportsClipboard: !1, createBlade: () => new vt({ 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 yt({ format: "video", label: "video (.webm)", supportsClipboard: !1, defaultOptions: { frameCount: 480, frameRate: 60, quality: 0.7 } }) }];
 }
-function nr(i, r) {
-  var d;
-  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;
+function pr(i, e, t) {
+  var l;
+  const r = ur(t), a = (l = r[0]) == null ? void 0 : l.format, o = new or(ir(a)), n = new ar(), d = new rr(i, e, o, n, r);
+  return d.$mount(), 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);
+const Zt = { name: "textmode.export", version: "1.2.1", async install(i, e) {
+  const t = { saveCanvas: async (d = {}) => new St().$saveImage(i.canvas, d), copyCanvas: async (d = {}) => new St().$copyImageToClipboard(i.canvas, d), saveSVG: (d = {}) => {
+    new Bt().$saveSVG(i, d);
   }, saveStrings: (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 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;
+    new It().$saveTXT(i, d);
+  }, toSVG: (d = {}) => new Bt().$generateSVG(i, d), toString: (d = {}) => new It().$generateTXT(i, d), toJSON: (d = {}) => new ft().$generateJSONData(i, d), toJSONString: (d = {}) => new ft().$generateJSONString(i, d), saveJSON: (d = {}) => {
+    new ft().$saveJSON(i, d);
+  }, saveGIF: async (d = {}) => new Me(i, e.registerPostDrawHook).$saveGIF(d), saveWEBM: async (d = {}) => new Re(i, e.registerPostDrawHook).$saveWEBM(d) }, r = pr(i, t, ae(i));
+  e.registerPostDrawHook(() => {
+    r.isVisible() && r.refreshLayerTargets();
+  });
+  const a = { show: () => r.show(), hide: () => r.hide(), toggle: () => r.toggle(), isVisible: () => r.isVisible() }, o = { ...t, exportOverlay: a }, n = i;
+  Object.assign(n, o), n._exportOverlayController = r;
 }, 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];
-} }, sr = (i = {}) => {
-  const r = i.overlay ?? !0, t = { ...Jt }, e = t.install;
+  const e = i, t = e._exportOverlayController;
+  t == null || t.$dispose(), delete e._exportOverlayController;
+  const r = ["exportOverlay", "saveCanvas", "copyCanvas", "saveSVG", "saveStrings", "toSVG", "toString", "toJSON", "toJSONString", "saveJSON", "saveGIF", "saveWEBM"];
+  for (const a of r) delete e[a];
+} }, hr = (i = {}) => {
+  const e = i.overlay ?? !0, t = { ...Zt }, r = 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());
+    const n = a;
+    await r.call(t, n, o), e || ((d = n.exportOverlay) == null || d.hide());
   }, t;
 };
-typeof window < "u" && (window.ExportPlugin = Jt, window.createTextmodeExportPlugin = sr);
+typeof window < "u" && (window.ExportPlugin = Zt, window.createTextmodeExportPlugin = hr);
 export {
-  Jt as ExportPlugin,
-  sr as createTextmodeExportPlugin
+  Zt as ExportPlugin,
+  hr as createTextmodeExportPlugin
 };