textmode.js 0.1.6-beta.1 → 0.1.6-beta.3

package/dist/textmode.esm.js

@@ -1,9 +1,9 @@
 var iA = Object.defineProperty;
 var sA = (n, A, e) => A in n ? iA(n, A, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[A] = e;
 var a = (n, A, e) => sA(n, typeof A != "symbol" ? A + "" : A, e);
-class P extends Error {
+class p extends Error {
   constructor(e, t, r = {}) {
-    const i = P.createFormattedMessage(e, r);
+    const i = p.createFormattedMessage(e, r);
     super(i);
     a(this, "originalError");
     a(this, "context");
@@ -19,7 +19,7 @@ class P extends Error {
 
 📋 Context:`;
       for (const [i, s] of Object.entries(t)) {
-        const o = P.formatValue(s);
+        const o = p.formatValue(s);
         r += `
   - ${i}: ${o}`;
       }
@@ -38,16 +38,16 @@ class P extends Error {
     if (typeof e == "string") return `"${e}"`;
     if (typeof e == "number" || typeof e == "boolean") return String(e);
     if (Array.isArray(e))
-      return e.length === 0 ? "[]" : e.length <= 5 ? `[${e.map((t) => P.formatValue(t)).join(", ")}]` : `[${e.slice(0, 3).map((t) => P.formatValue(t)).join(", ")}, ... +${e.length - 3} more]`;
+      return e.length === 0 ? "[]" : e.length <= 5 ? `[${e.map((t) => p.formatValue(t)).join(", ")}]` : `[${e.slice(0, 3).map((t) => p.formatValue(t)).join(", ")}, ... +${e.length - 3} more]`;
     if (typeof e == "object") {
       const t = Object.keys(e);
-      return t.length === 0 ? "{}" : t.length <= 3 ? `{ ${t.map((s) => `${s}: ${P.formatValue(e[s])}`).join(", ")} }` : `{ ${t.slice(0, 2).map((i) => `${i}: ${P.formatValue(e[i])}`).join(", ")}, ... +${t.length - 2} more }`;
+      return t.length === 0 ? "{}" : t.length <= 3 ? `{ ${t.map((s) => `${s}: ${p.formatValue(e[s])}`).join(", ")} }` : `{ ${t.slice(0, 2).map((i) => `${i}: ${p.formatValue(e[i])}`).join(", ")}, ... +${t.length - 2} more }`;
     }
     return String(e);
   }
 }
 var oA = /* @__PURE__ */ ((n) => (n[n.SILENT = 0] = "SILENT", n[n.WARNING = 1] = "WARNING", n[n.ERROR = 2] = "ERROR", n[n.THROW = 3] = "THROW", n))(oA || {});
-const v = class v {
+const b = class b {
   constructor() {
     a(this, "_options", {
       globalLevel: 3
@@ -55,7 +55,7 @@ const v = class v {
     });
   }
   static getInstance() {
-    return v._instance || (v._instance = new v()), v._instance;
+    return b._instance || (b._instance = new b()), b._instance;
   }
   /**
    * Handle an error based on the configured settings
@@ -71,15 +71,15 @@ const v = class v {
         return console.group(
           `%c${r} Oops! (╯°□°)╯︵ Something went wrong in your code.`,
           "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;"
-        ), console.warn(P.createFormattedMessage(A, e)), console.groupEnd(), !1;
+        ), console.warn(p.createFormattedMessage(A, e)), console.groupEnd(), !1;
       case 2:
         return console.group(
           `%c${r} Oops! (╯°□°)╯︵ Something went wrong in your code.`,
           "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;"
-        ), console.error(P.createFormattedMessage(A, e)), console.groupEnd(), !1;
+        ), console.error(p.createFormattedMessage(A, e)), console.groupEnd(), !1;
       case 3:
       default:
-        const i = new P(A, t, e);
+        const i = new p(A, t, e);
         throw console.group(
           `%c${r} Oops! (╯°□°)╯︵ Something went wrong in your code.`,
           "color: #d32f2f; font-weight: bold; background: #ffcdd2; padding: 2px 6px; border-radius: 3px;"
@@ -103,9 +103,9 @@ const v = class v {
     this._options.globalLevel = A;
   }
 };
-a(v, "_instance", null);
-let V = v;
-const f = V.getInstance();
+a(b, "_instance", null);
+let k = b;
+const f = k.getInstance();
 class aA {
   constructor(A, e, t = e, r = {}) {
     a(this, "gl");
@@ -244,11 +244,11 @@ class y {
     /** Bytes per vertex: depends on position format (vec2 vs vec3) */
     a(this, "bytesPerVertex");
     this.gl = A, this.bytesPerVertex = 16;
-    const s = A.getParameter(A.VIEWPORT), o = s[2], g = s[3], B = A.getParameter(A.FRAMEBUFFER_BINDING) !== null, E = e / o * 2 - 1, l = (e + r) / o * 2 - 1;
-    let h, c;
-    B ? (h = t / g * 2 - 1, c = (t + i) / g * 2 - 1) : (h = 1 - t / g * 2, c = 1 - (t + i) / g * 2);
+    const s = A.getParameter(A.VIEWPORT), o = s[2], g = s[3], B = A.getParameter(A.FRAMEBUFFER_BINDING) !== null, E = e / o * 2 - 1, h = (e + r) / o * 2 - 1;
+    let l, c;
+    B ? (l = t / g * 2 - 1, c = (t + i) / g * 2 - 1) : (l = 1 - t / g * 2, c = 1 - (t + i) / g * 2);
     let d, u, m, D;
-    d = E, m = l, u = h, D = c;
+    d = E, m = h, u = l, D = c;
     const C = this.generateVertices(d, u, m, D);
     this.vertexBuffer = A.createBuffer(), A.bindBuffer(A.ARRAY_BUFFER, this.vertexBuffer), A.bufferData(A.ARRAY_BUFFER, C, A.STATIC_DRAW);
   }
@@ -335,13 +335,13 @@ class gA {
     /** Bytes per vertex: vec2+vec2 = 16 bytes */
     a(this, "bytesPerVertex");
     this.gl = A, this.bytesPerVertex = 16;
-    const o = A.getParameter(A.VIEWPORT), g = o[2], B = o[3], E = A.getParameter(A.FRAMEBUFFER_BINDING) !== null, l = r - e, h = i - t, c = Math.sqrt(l * l + h * h);
+    const o = A.getParameter(A.VIEWPORT), g = o[2], B = o[3], E = A.getParameter(A.FRAMEBUFFER_BINDING) !== null, h = r - e, l = i - t, c = Math.sqrt(h * h + l * l);
     if (c === 0) {
       const rA = this.generateVertices(0, 0, 0, 0);
       this.vertexBuffer = A.createBuffer(), A.bindBuffer(A.ARRAY_BUFFER, this.vertexBuffer), A.bufferData(A.ARRAY_BUFFER, rA, A.STATIC_DRAW);
       return;
     }
-    const d = l / c, m = -(h / c), D = d, C = s / 2, p = e + m * C, F = t + D * C, b = e - m * C, _ = t - D * C, R = r + m * C, T = i + D * C, j = r - m * C, X = i - D * C, Z = p / g * 2 - 1, q = b / g * 2 - 1, AA = R / g * 2 - 1, eA = j / g * 2 - 1;
+    const d = h / c, m = -(l / c), D = d, C = s / 2, P = e + m * C, F = t + D * C, v = e - m * C, _ = t - D * C, R = r + m * C, T = i + D * C, j = r - m * C, X = i - D * C, Z = P / g * 2 - 1, q = v / g * 2 - 1, AA = R / g * 2 - 1, eA = j / g * 2 - 1;
     let G, M, U, Y;
     E ? (G = F / B * 2 - 1, M = _ / B * 2 - 1, U = T / B * 2 - 1, Y = X / B * 2 - 1) : (G = 1 - F / B * 2, M = 1 - _ / B * 2, U = 1 - T / B * 2, Y = 1 - X / B * 2);
     const tA = this.generateLineVertices(
@@ -465,7 +465,7 @@ class BA extends K {
     new gA(this.gl, this.x, this.y, this.x2, this.y2, e).render();
   }
 }
-class I {
+class w {
   constructor(A, e, t) {
     a(this, "gl");
     a(this, "program");
@@ -612,8 +612,8 @@ class I {
     this.textureUnitCounter = 0;
   }
 }
-var w = "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;uniform float u_rotation;uniform vec2 u_center;uniform float u_aspectRatio;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){v_uv=a_texCoord;vec2 pos=a_position;pos-=u_center;pos.x*=u_aspectRatio;pos=rotate2D(-u_rotation)*pos;pos.x/=u_aspectRatio;pos+=u_center;gl_Position=vec4(pos,0.0,1.0);}", EA = "precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}", lA = "precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}";
-class hA {
+var I = "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;uniform float u_rotation;uniform vec2 u_center;uniform float u_aspectRatio;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){v_uv=a_texCoord;vec2 pos=a_position;pos-=u_center;pos.x*=u_aspectRatio;pos=rotate2D(-u_rotation)*pos;pos.x/=u_aspectRatio;pos+=u_center;gl_Position=vec4(pos,0.0,1.0);}", EA = "precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}", hA = "precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}";
+class lA {
   constructor(A) {
     a(this, "gl");
     a(this, "imageShader");
@@ -631,7 +631,7 @@ class hA {
     // in degrees
     // State stack for push/pop functionality
     a(this, "stateStack", []);
-    this.gl = A, this.imageShader = new I(this.gl, w, EA), this.solidColorShader = new I(this.gl, w, lA), this.gl.enable(this.gl.BLEND), this.gl.blendEquation(this.gl.FUNC_ADD), this.gl.blendFunc(this.gl.ONE, this.gl.ONE_MINUS_SRC_ALPHA);
+    this.gl = A, this.imageShader = new w(this.gl, I, EA), this.solidColorShader = new w(this.gl, I, hA), this.gl.enable(this.gl.BLEND), this.gl.blendEquation(this.gl.FUNC_ADD), this.gl.blendFunc(this.gl.ONE, this.gl.ONE_MINUS_SRC_ALPHA);
   }
   /**
    * Set the current shader
@@ -732,10 +732,10 @@ class hA {
     this.currentShader = null, this.stateStack = [], this.currentRotation = 0, this.fillMode = !0, this.strokeMode = !0, this.currentFillColor = [1, 1, 1, 1], this.currentStrokeColor = [0, 0, 0, 1], this.currentStrokeWeight = 1;
   }
   createShader(A, e) {
-    return new I(this.gl, A, e);
+    return new w(this.gl, A, e);
   }
   createFilterShader(A) {
-    return new I(this.gl, w, A);
+    return new w(this.gl, I, A);
   }
   /**
    * Set a uniform value for the current shader
@@ -750,8 +750,8 @@ class hA {
     const i = new nA(this.gl, A, e, t, r);
     if (this.currentShader !== null) {
       if (this.currentRotation !== 0) {
-        const { centerX: l, centerY: h, radians: c, aspectRatio: d } = this.calculateRotationParams(A, e, t, r);
-        this.setUniform("u_rotation", c), this.setUniform("u_center", [l, h]), this.setUniform("u_aspectRatio", d);
+        const { centerX: h, centerY: l, radians: c, aspectRatio: d } = this.calculateRotationParams(A, e, t, r);
+        this.setUniform("u_rotation", c), this.setUniform("u_center", [h, l]), this.setUniform("u_aspectRatio", d);
       } else
         this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1);
       i.renderFill(), this.currentShader = null;
@@ -773,25 +773,25 @@ class hA {
     const i = new BA(this.gl, A, e, t, r);
     if (this.currentShader !== null) {
       if (this.currentRotation !== 0) {
-        const u = (A + t) / 2, m = (e + r) / 2, D = Math.abs(t - A), C = Math.abs(r - e), { centerX: p, centerY: F, radians: b, aspectRatio: _ } = this.calculateRotationParams(u - D / 2, m - C / 2, D, C);
-        this.setUniform("u_rotation", b), this.setUniform("u_center", [p, F]), this.setUniform("u_aspectRatio", _);
+        const u = (A + t) / 2, m = (e + r) / 2, D = Math.abs(t - A), C = Math.abs(r - e), { centerX: P, centerY: F, radians: v, aspectRatio: _ } = this.calculateRotationParams(u - D / 2, m - C / 2, D, C);
+        this.setUniform("u_rotation", v), this.setUniform("u_center", [P, F]), this.setUniform("u_aspectRatio", _);
       } else
         this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1);
       i.renderStroke(this.currentStrokeWeight), this.currentShader = null;
       return;
     }
-    const s = this.solidColorShader, o = (A + t) / 2, g = (e + r) / 2, B = Math.abs(t - A), E = Math.abs(r - e), { centerX: l, centerY: h, radians: c, aspectRatio: d } = this.calculateRotationParams(o - B / 2, g - E / 2, B, E);
-    this.shader(s), this.setUniform("u_color", this.currentStrokeColor), this.setUniform("u_rotation", c), this.setUniform("u_center", [l, h]), this.setUniform("u_aspectRatio", d), i.renderStroke(this.currentStrokeWeight), this.currentShader = null;
+    const s = this.solidColorShader, o = (A + t) / 2, g = (e + r) / 2, B = Math.abs(t - A), E = Math.abs(r - e), { centerX: h, centerY: l, radians: c, aspectRatio: d } = this.calculateRotationParams(o - B / 2, g - E / 2, B, E);
+    this.shader(s), this.setUniform("u_color", this.currentStrokeColor), this.setUniform("u_rotation", c), this.setUniform("u_center", [h, l]), this.setUniform("u_aspectRatio", d), i.renderStroke(this.currentStrokeWeight), this.currentShader = null;
   }
   /**
    * Calculate rotation parameters for built-in shaders (NDC coordinates)
    */
   calculateRotationParams(A, e, t, r) {
-    const i = this.gl.getParameter(this.gl.VIEWPORT), s = i[2], o = i[3], g = s / o, B = this.gl.getParameter(this.gl.FRAMEBUFFER_BINDING) !== null, E = A + t / 2, l = e + r / 2, h = E / s * 2 - 1;
+    const i = this.gl.getParameter(this.gl.VIEWPORT), s = i[2], o = i[3], g = s / o, B = this.gl.getParameter(this.gl.FRAMEBUFFER_BINDING) !== null, E = A + t / 2, h = e + r / 2, l = E / s * 2 - 1;
     let c;
-    B ? c = l / o * 2 - 1 : c = 1 - l / o * 2;
+    B ? c = h / o * 2 - 1 : c = 1 - h / o * 2;
     const d = this.currentRotation * Math.PI / 180;
-    return { centerX: h, centerY: c, radians: d, aspectRatio: g };
+    return { centerX: l, centerY: c, radians: d, aspectRatio: g };
   }
   /**
    * Create a new framebuffer
@@ -855,15 +855,15 @@ Q.parse = function(n) {
       hmtx: B.hmtx,
       loca: B.loca,
       glyf: B.glyf
-    }, l = { _data: i, _index: s, _offset: o };
-    for (var h in E) {
-      var c = Q.findTable(i, h, o);
+    }, h = { _data: i, _index: s, _offset: o };
+    for (var l in E) {
+      var c = Q.findTable(i, l, o);
       if (c) {
         var d = c[0], u = g[d];
-        u == null && (u = E[h].parseTab(i, d, c[1], l)), l[h] = g[d] = u;
+        u == null && (u = E[l].parseTab(i, d, c[1], h)), h[l] = g[d] = u;
       }
     }
-    return l;
+    return h;
   }, e = new Uint8Array(n), t = {}, r = A(e, 0, 0, t);
   return [r];
 };
@@ -921,17 +921,17 @@ Q.T.cmap = {
     for (var g = [], B = 0; B < o; B++) {
       var E = i(n, A);
       A += 2;
-      var l = i(n, A);
+      var h = i(n, A);
       A += 2;
-      var h = r.readUint(n, A);
+      var l = r.readUint(n, A);
       A += 4;
-      var c = "p" + E + "e" + l, d = g.indexOf(h);
+      var c = "p" + E + "e" + h, d = g.indexOf(l);
       if (d == -1) {
         d = t.tables.length;
         var u = {};
-        g.push(h);
-        var m = u.format = i(n, h);
-        m == 4 ? u = s.parse4(n, h, u) : m == 12 && (u = s.parse12(n, h, u)), t.tables.push(u);
+        g.push(l);
+        var m = u.format = i(n, l);
+        m == 4 ? u = s.parse4(n, l, u) : m == 12 && (u = s.parse12(n, l, u)), t.tables.push(u);
       }
       t.ids[c] != null && console.log("multiple tables for one platform+encoding: " + c), t.ids[c] = d;
     }
@@ -996,10 +996,10 @@ Q.T.hhea = {
 };
 Q.T.hmtx = {
   parseTab: function(n, A, e, t) {
-    for (var r = Q.B, i = [], s = [], o = t.maxp.numGlyphs, g = t.hhea.numberOfHMetrics, B = 0, E = 0, l = 0; l < g; )
-      B = r.readUshort(n, A + (l << 2)), E = r.readShort(n, A + (l << 2) + 2), i.push(B), s.push(E), l++;
-    for (; l < o; )
-      i.push(B), s.push(E), l++;
+    for (var r = Q.B, i = [], s = [], o = t.maxp.numGlyphs, g = t.hhea.numberOfHMetrics, B = 0, E = 0, h = 0; h < g; )
+      B = r.readUshort(n, A + (h << 2)), E = r.readShort(n, A + (h << 2) + 2), i.push(B), s.push(E), h++;
+    for (; h < o; )
+      i.push(B), s.push(E), h++;
     return { aWidth: i, lsBearing: s };
   }
 };
@@ -1039,9 +1039,9 @@ Q.T.glyf = {
       for (var o = 0; o < B; o++) {
         var E = t[i];
         if (i++, s.flags.push(E), E & 8) {
-          var l = t[i];
+          var h = t[i];
           i++;
-          for (var h = 0; h < l; h++)
+          for (var l = 0; l < h; l++)
             s.flags.push(E), o++;
         }
       }
@@ -1212,8 +1212,8 @@ class uA {
    */
   _renderCharactersToCanvas(A, e, t, r) {
     for (let i = 0; i < A.length; i++) {
-      const s = i % t, o = Math.floor(i / t), g = s * e.width + e.width * 0.5, B = o * e.height + e.height * 0.5, E = Math.round(g - e.width * 0.5), l = Math.round(B - r * 0.5);
-      this._textureContext.fillText(A[i].character, E, l);
+      const s = i % t, o = Math.floor(i / t), g = s * e.width + e.width * 0.5, B = o * e.height + e.height * 0.5, E = Math.round(g - e.width * 0.5), h = Math.round(B - r * 0.5);
+      this._textureContext.fillText(A[i].character, E, h);
     }
   }
   /**
@@ -1386,7 +1386,7 @@ class CA {
     if (A) {
       const t = await fetch(A);
       if (!t.ok)
-        throw new P(`Failed to load font file: ${t.status} ${t.statusText}`);
+        throw new p(`Failed to load font file: ${t.status} ${t.statusText}`);
       e = await t.arrayBuffer();
     } else
       e = await (await fetch(QA)).arrayBuffer();
@@ -1422,7 +1422,7 @@ class CA {
     try {
       const e = await fetch(A);
       if (!e.ok)
-        throw new P(`Failed to load font file: ${e.status} ${e.statusText}`);
+        throw new p(`Failed to load font file: ${e.status} ${e.statusText}`);
       const t = await e.arrayBuffer();
       await this._loadFontFace(t);
       const r = Q.parse(t);
@@ -1430,7 +1430,7 @@ class CA {
         throw new Error("Failed to parse font file");
       this._font = r[0], await this._initializeFont();
     } catch (e) {
-      throw new P(`Failed to load font: ${e instanceof Error ? e.message : "Unknown error"}`, e);
+      throw new p(`Failed to load font: ${e instanceof Error ? e.message : "Unknown error"}`, e);
     }
   }
   /**
@@ -1564,9 +1564,8 @@ class mA {
    */
   reset() {
     if (!this._fixedDimensions) {
-      const A = this._canvas.getBoundingClientRect();
-      let e = Math.round(A.width), t = Math.round(A.height);
-      [this._cols, this._rows] = [Math.floor(e / this._cellWidth), Math.floor(t / this._cellHeight)];
+      const A = this._canvas.width, e = this._canvas.height;
+      [this._cols, this._rows] = [Math.floor(A / this._cellWidth), Math.floor(e / this._cellHeight)];
     }
     this._resizeGrid();
   }
@@ -1574,9 +1573,8 @@ class mA {
    * Reset the total grid width & height, and the offset to the outer canvas.
    */
   _resizeGrid() {
-    const A = this._canvas.getBoundingClientRect();
-    let e = Math.round(A.width), t = Math.round(A.height);
-    this._width = this._cols * this._cellWidth, this._height = this._rows * this._cellHeight, this._offsetX = Math.floor((e - this._width) / 2), this._offsetY = Math.floor((t - this._height) / 2);
+    const A = this._canvas.width, e = this._canvas.height;
+    this._width = this._cols * this._cellWidth, this._height = this._rows * this._cellHeight, this._offsetX = Math.floor((A - this._width) / 2), this._offsetY = Math.floor((e - this._height) / 2);
   }
   /**
    * Re-assign the grid cell dimensions and `reset()` the grid.
@@ -1669,7 +1667,9 @@ class DA {
     a(this, "_canvas");
     a(this, "captureSource");
     a(this, "_isStandalone");
-    this.captureSource = A, this._isStandalone = e, this._canvas = this.createCanvas(t.width, t.height);
+    a(this, "resizeObserver");
+    a(this, "onTransformChange");
+    this.captureSource = A, this._isStandalone = e, this._canvas = this.createCanvas(t.width, t.height), e && this.setupTransformObserver();
   }
   createCanvas(A, e) {
     var r;
@@ -1726,15 +1726,40 @@ class DA {
       powerPreference: "high-performance"
     }, e = this._canvas.getContext("webgl2", A) || this._canvas.getContext("webgl", A);
     if (!e)
-      throw new P("WebGL context could not be created. Ensure your browser supports WebGL.");
+      throw new p("WebGL context could not be created. Ensure your browser supports WebGL.");
     return e;
   }
+  /**
+   * Get the effective rendering dimensions accounting for CSS transforms
+   */
+  getEffectiveRenderingDimensions() {
+    return this._canvas ? { width: this._canvas.width, height: this._canvas.height } : { width: 0, height: 0 };
+  }
+  /**
+   * Check if the canvas is affected by CSS transforms
+   */
+  isTransformed() {
+    if (!this._canvas || !this._isStandalone) return !1;
+    const A = this._canvas.getBoundingClientRect(), e = Math.round(A.width), t = Math.round(A.height);
+    return e !== this._canvas.width || t !== this._canvas.height;
+  }
+  /**
+   * Set up ResizeObserver to monitor for CSS transform changes
+   */
+  setupTransformObserver() {
+    typeof ResizeObserver > "u" || (this.resizeObserver = new ResizeObserver((A) => {
+      for (const e of A) {
+        const t = e.contentRect, r = Math.round(t.width), i = Math.round(t.height);
+        this.onTransformChange && (r !== this._canvas.width || i !== this._canvas.height) && this.onTransformChange();
+      }
+    }), this.resizeObserver.observe(this._canvas));
+  }
   /**
    * Dispose of this TextmodeCanvas and clean up all resources.
    * This method is idempotent and safe to call multiple times.
    */
   dispose() {
-    if (this._canvas) {
+    if (this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = void 0), this._canvas) {
       const A = this._canvas.getContext("webgl") || this._canvas.getContext("webgl2");
       if (A) {
         const e = A.getExtension("WEBGL_lose_context");
@@ -1833,7 +1858,7 @@ class x {
     return this._options;
   }
 }
-class PA {
+class pA {
   /**
    * Create a new color palette instance.
    * @param renderer The renderer instance.
@@ -1892,7 +1917,7 @@ class z extends x {
   constructor(e, t, r, i = {}) {
     super(e, t, r, i);
     a(this, "palette");
-    this.palette = new PA(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
+    this.palette = new pA(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
   }
   /**
    * Sets the characters used for mapping.
@@ -2050,8 +2075,8 @@ class z extends x {
     return [t, r, i, 255];
   }
 }
-var pA = "precision lowp float;uniform sampler2D u_sketchTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_brightnessRange;varying vec2 v_uv;void main(){vec2 cellCenter=(floor(v_uv*u_gridCellDimensions)+vec2(0.5))/u_gridCellDimensions;vec4 color=texture2D(u_sketchTexture,cellCenter);float brightness=dot(color.rgb,vec3(0.299,0.587,0.114));float brightnessValue=brightness*255.0;if(brightnessValue>=u_brightnessRange.x&&brightnessValue<=u_brightnessRange.y){gl_FragColor=color;}else{gl_FragColor=vec4(0.0);}}", IA = "precision lowp float;uniform sampler2D u_sampleTexture;uniform vec4 u_fillColor;uniform bool u_useFixedColor;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){if(u_useFixedColor){gl_FragColor=u_fillColor;}else{gl_FragColor=sampleColor;}}else{gl_FragColor=vec4(0.0);}}", wA = "precision lowp float;uniform sampler2D u_sampleTexture;uniform bool u_invert;uniform bool u_flipHorizontally;uniform bool u_flipVertically;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){float invertValue=u_invert ? 1.0 : 0.0;float flipHValue=u_flipHorizontally ? 1.0 : 0.0;float flipVValue=u_flipVertically ? 1.0 : 0.0;gl_FragColor=vec4(invertValue,flipHValue,flipVValue,1.0);}else{gl_FragColor=vec4(0.0);}}", _A = "precision lowp float;uniform sampler2D u_sampleTexture;uniform vec4 u_rotationColor;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){gl_FragColor=u_rotationColor;}else{gl_FragColor=vec4(0.0);}}", bA = "precision lowp float;uniform sampler2D u_colorSampleFramebuffer;uniform sampler2D u_charPaletteTexture;uniform vec2 u_charPaletteSize;uniform vec2 u_brightnessRange;varying vec2 v_uv;void main(){vec4 color=texture2D(u_colorSampleFramebuffer,v_uv);if(color.a==0.0){gl_FragColor=vec4(0.0);return;}float brightness=dot(color.rgb,vec3(0.299,0.587,0.114))*255.0;vec2 range=u_brightnessRange;if(brightness<range.x||brightness>range.y){gl_FragColor=vec4(0.0);return;}float t=(brightness-range.x)/(range.y-range.x);float idx=clamp(floor(t*u_charPaletteSize.x),0.0,u_charPaletteSize.x-1.0);vec3 charColor=texture2D(u_charPaletteTexture,vec2((idx+0.5)/u_charPaletteSize.x,0.0)).rgb;gl_FragColor=vec4(charColor,1.0);}";
-const vA = {
+var PA = "precision lowp float;uniform sampler2D u_sketchTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_brightnessRange;varying vec2 v_uv;void main(){vec2 cellCenter=(floor(v_uv*u_gridCellDimensions)+vec2(0.5))/u_gridCellDimensions;vec4 color=texture2D(u_sketchTexture,cellCenter);float brightness=dot(color.rgb,vec3(0.299,0.587,0.114));float brightnessValue=brightness*255.0;if(brightnessValue>=u_brightnessRange.x&&brightnessValue<=u_brightnessRange.y){gl_FragColor=color;}else{gl_FragColor=vec4(0.0);}}", wA = "precision lowp float;uniform sampler2D u_sampleTexture;uniform vec4 u_fillColor;uniform bool u_useFixedColor;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){if(u_useFixedColor){gl_FragColor=u_fillColor;}else{gl_FragColor=sampleColor;}}else{gl_FragColor=vec4(0.0);}}", IA = "precision lowp float;uniform sampler2D u_sampleTexture;uniform bool u_invert;uniform bool u_flipHorizontally;uniform bool u_flipVertically;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){float invertValue=u_invert ? 1.0 : 0.0;float flipHValue=u_flipHorizontally ? 1.0 : 0.0;float flipVValue=u_flipVertically ? 1.0 : 0.0;gl_FragColor=vec4(invertValue,flipHValue,flipVValue,1.0);}else{gl_FragColor=vec4(0.0);}}", _A = "precision lowp float;uniform sampler2D u_sampleTexture;uniform vec4 u_rotationColor;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){gl_FragColor=u_rotationColor;}else{gl_FragColor=vec4(0.0);}}", vA = "precision lowp float;uniform sampler2D u_colorSampleFramebuffer;uniform sampler2D u_charPaletteTexture;uniform vec2 u_charPaletteSize;uniform vec2 u_brightnessRange;varying vec2 v_uv;void main(){vec4 color=texture2D(u_colorSampleFramebuffer,v_uv);if(color.a==0.0){gl_FragColor=vec4(0.0);return;}float brightness=dot(color.rgb,vec3(0.299,0.587,0.114))*255.0;vec2 range=u_brightnessRange;if(brightness<range.x||brightness>range.y){gl_FragColor=vec4(0.0);return;}float t=(brightness-range.x)/(range.y-range.x);float idx=clamp(floor(t*u_charPaletteSize.x),0.0,u_charPaletteSize.x-1.0);vec3 charColor=texture2D(u_charPaletteTexture,vec2((idx+0.5)/u_charPaletteSize.x,0.0)).rgb;gl_FragColor=vec4(charColor,1.0);}";
+const bA = {
   /** Enable/disable the renderer */
   enabled: !0,
   /** Characters used for brightness mapping (from darkest to brightest) */
@@ -2077,7 +2102,7 @@ const vA = {
   /** Range of brightness values to map to ASCII characters */
   brightnessRange: [0, 255]
 };
-class O extends z {
+class V extends z {
   /**
    * Creates a new TextmodeBrightnessConverter instance.
    * @param renderer Renderer instance for texture creation
@@ -2086,14 +2111,14 @@ class O extends z {
    * @ignore
    */
   constructor(e, t, r) {
-    super(e, t, r, { ...vA });
+    super(e, t, r, { ...bA });
     a(this, "sampleShader");
     a(this, "colorFillShader");
     a(this, "charMappingShader");
     a(this, "transformFillShader");
     a(this, "rotationFillShader");
     a(this, "sampleFramebuffer");
-    this.sampleShader = new I(e.context, w, pA), this.colorFillShader = new I(e.context, w, IA), this.transformFillShader = new I(e.context, w, wA), this.rotationFillShader = new I(e.context, w, _A), this.charMappingShader = new I(e.context, w, bA), this.sampleFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows);
+    this.sampleShader = new w(e.context, I, PA), this.colorFillShader = new w(e.context, I, wA), this.transformFillShader = new w(e.context, I, IA), this.rotationFillShader = new w(e.context, I, _A), this.charMappingShader = new w(e.context, I, vA), this.sampleFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows);
   }
   convert(e) {
     this.sampleFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.sampleShader), this.renderer.setUniform("u_sketchTexture", e), this.renderer.setUniform("u_gridCellDimensions", [this.grid.cols, this.grid.rows]), this.renderer.setUniform("u_brightnessRange", this._options.brightnessRange), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this.sampleFramebuffer.end(), this._primaryColorFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.colorFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_fillColor", this._options.characterColor), this.renderer.setUniform("u_useFixedColor", this._options.characterColorMode === "fixed"), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._primaryColorFramebuffer.end(), this._secondaryColorFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.colorFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_fillColor", this._options.cellColor), this.renderer.setUniform("u_useFixedColor", this._options.cellColorMode === "fixed"), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._secondaryColorFramebuffer.end(), this._transformFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.transformFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_invert", this._options.invert), this.renderer.setUniform("u_flipHorizontally", this._options.flipHorizontally), this.renderer.setUniform("u_flipVertically", this._options.flipVertically), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._transformFramebuffer.end(), this._rotationFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.rotationFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_rotationColor", this._options.rotation), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._rotationFramebuffer.end(), this._characterFramebuffer.begin(), this.renderer.clear(0, 0, 0, 0), this.renderer.shader(this.charMappingShader), this.renderer.setUniform("u_colorSampleFramebuffer", this.sampleFramebuffer.texture), this.renderer.setUniform("u_charPaletteTexture", this.palette.texture), this.renderer.setUniform("u_charPaletteSize", [this.palette.colors.length, 1]), this.renderer.setUniform("u_brightnessRange", this._options.brightnessRange), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._characterFramebuffer.end();
@@ -2118,7 +2143,7 @@ class O extends z {
 }
 const LA = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  TextmodeBrightnessConverter: O,
+  TextmodeBrightnessConverter: V,
   TextmodeConverter: x,
   TextmodeFeatureConverter: z
 }, Symbol.toStringTag, { value: "Module" }));
@@ -2143,8 +2168,8 @@ class FA {
     a(this, "_secondaryColorFramebuffer");
     a(this, "_rotationFramebuffer");
     a(this, "_transformFramebuffer");
-    this.renderer = A, this.font = e, this.grid = t, this._asciiShader = this.renderer.createShader(w, xA), this.converters = [
-      { name: "brightness", converter: new O(A, e, t) },
+    this.renderer = A, this.font = e, this.grid = t, this._asciiShader = this.renderer.createShader(I, xA), this.converters = [
+      { name: "brightness", converter: new V(A, e, t) },
       { name: "custom", converter: new x(A, e, t) }
     ], this._characterFramebuffer = this.renderer.createFramebuffer(t.cols, t.rows), this._primaryColorFramebuffer = this.renderer.createFramebuffer(t.cols, t.rows), this._secondaryColorFramebuffer = this.renderer.createFramebuffer(t.cols, t.rows), this._rotationFramebuffer = this.renderer.createFramebuffer(t.cols, t.rows), this._transformFramebuffer = this.renderer.createFramebuffer(t.cols, t.rows), this._resultFramebuffer = this.renderer.createFramebuffer(this.grid.width, this.grid.height);
   }
@@ -2206,7 +2231,7 @@ class FA {
     ))
       return;
     let t;
-    return e === "brightness" ? t = new O(this.renderer, this.font, this.grid) : t = new x(this.renderer, this.font, this.grid), this.converters.push({ name: A, converter: t }), t;
+    return e === "brightness" ? t = new V(this.renderer, this.font, this.grid) : t = new x(this.renderer, this.font, this.grid), this.converters.push({ name: A, converter: t }), t;
   }
   /**
    * Removes a converter from the pipeline by name or instance.
@@ -2410,7 +2435,7 @@ class yA extends L {
    * @returns Transform data object
    */
   extractTransformData(A, e, t) {
-    const r = A[t], i = A[t + 1], s = A[t + 2], o = r === 255, g = i === 255, B = s === 255, E = e[t], l = e[t + 1], h = E + l / 255, c = Math.round(h * 360 / 255 * 100) / 100;
+    const r = A[t], i = A[t + 1], s = A[t + 2], o = r === 255, g = i === 255, B = s === 255, E = e[t], h = e[t + 1], l = E + h / 255, c = Math.round(l * 360 / 255 * 100) / 100;
     return {
       isInverted: o,
       flipHorizontal: g,
@@ -2450,22 +2475,22 @@ class yA extends L {
           o
         );
         let B = this.pixelsToRGBA(A.primaryColorPixels, o), E = this.pixelsToRGBA(A.secondaryColorPixels, o);
-        const l = this.extractTransformData(
+        const h = this.extractTransformData(
           A.transformPixels,
           A.rotationPixels,
           o
         );
-        if (l.isInverted) {
+        if (h.isInverted) {
           const c = B;
           B = E, E = c;
         }
-        const h = this.calculateCellPosition(s, i, e);
+        const l = this.calculateCellPosition(s, i, e);
         t.push({
           charIndex: g,
           primaryColor: B,
           secondaryColor: E,
-          transform: l,
-          position: h
+          transform: h,
+          position: l
         }), r++;
       }
     return t;
@@ -2545,31 +2570,31 @@ class TA {
     const { xs: i, ys: s, endPts: o, flags: g } = A;
     if (!i || !s || !o || !g) return "";
     let B = "", E = 0;
-    for (let l = 0; l < o.length; l++) {
-      const h = o[l];
-      if (!(h < E)) {
-        if (h >= E) {
+    for (let h = 0; h < o.length; h++) {
+      const l = o[h];
+      if (!(l < E)) {
+        if (l >= E) {
           const c = e + i[E] * r, d = t - s[E] * r;
           B += `M${c.toFixed(2)},${d.toFixed(2)}`;
           let u = E + 1;
-          for (; u <= h; )
+          for (; u <= l; )
             if ((g[u] & 1) !== 0) {
               const D = e + i[u] * r, C = t - s[u] * r;
               B += `L${D.toFixed(2)},${C.toFixed(2)}`, u++;
             } else {
               const D = e + i[u] * r, C = t - s[u] * r;
-              let p = u + 1 > h ? E : u + 1;
-              if ((g[p] & 1) !== 0) {
-                const b = e + i[p] * r, _ = t - s[p] * r;
-                B += `Q${D.toFixed(2)},${C.toFixed(2)} ${b.toFixed(2)},${_.toFixed(2)}`, u = p + 1;
+              let P = u + 1 > l ? E : u + 1;
+              if ((g[P] & 1) !== 0) {
+                const v = e + i[P] * r, _ = t - s[P] * r;
+                B += `Q${D.toFixed(2)},${C.toFixed(2)} ${v.toFixed(2)},${_.toFixed(2)}`, u = P + 1;
               } else {
-                const b = e + i[p] * r, _ = t - s[p] * r, R = (D + b) / 2, T = (C + _) / 2;
-                B += `Q${D.toFixed(2)},${C.toFixed(2)} ${R.toFixed(2)},${T.toFixed(2)}`, u = p;
+                const v = e + i[P] * r, _ = t - s[P] * r, R = (D + v) / 2, T = (C + _) / 2;
+                B += `Q${D.toFixed(2)},${C.toFixed(2)} ${R.toFixed(2)},${T.toFixed(2)}`, u = P;
               }
             }
           B += "Z";
         }
-        E = h + 1;
+        E = l + 1;
       }
     }
     return B;
@@ -2613,8 +2638,8 @@ class TA {
    */
   generatePositionedCharacterPath(A, e, t, r, i, s, o, g) {
     try {
-      const B = o / e.head.unitsPerEm, E = g * B, l = t + (i - E) / 2, h = r + (s + o * 0.7) / 2;
-      return this.generateCharacterPath(A, e, l, h, o).toSVG() || null;
+      const B = o / e.head.unitsPerEm, E = g * B, h = t + (i - E) / 2, l = r + (s + o * 0.7) / 2;
+      return this.generateCharacterPath(A, e, h, l, o).toSVG() || null;
     } catch (B) {
       return console.warn(`Failed to generate positioned character path for "${A}":`, B), null;
     }
@@ -2866,10 +2891,10 @@ class GA extends L {
     for (let g = 0; g < e.rows; g++) {
       const B = [];
       for (let E = 0; E < e.cols; E++) {
-        const l = s * 4, h = this.getCharacterIndex(
+        const h = s * 4, l = this.getCharacterIndex(
           A.characterPixels,
-          l
-        ), c = ((o = t.characters[h]) == null ? void 0 : o.character) || r;
+          h
+        ), c = ((o = t.characters[l]) == null ? void 0 : o.character) || r;
         B.push(c), s++;
       }
       i.push(B);
@@ -2997,7 +3022,7 @@ class YA extends L {
     ), i;
   }
 }
-class kA {
+class OA {
   /**
    * Generates image data from canvas
    * @param canvas The canvas containing the image data
@@ -3044,12 +3069,12 @@ const J = {
   png: "image/png",
   jpg: "image/jpeg",
   webp: "image/webp"
-}, k = {
+}, O = {
   png: ".png",
   jpg: ".jpg",
   webp: ".webp"
 };
-class VA extends H {
+class kA extends H {
   /**
    * Saves image content as a downloadable file
    * @param content The image content (data URL or blob)
@@ -3058,7 +3083,7 @@ class VA extends H {
    */
   saveImage(A, e, t) {
     try {
-      const r = k[t];
+      const r = O[t];
       typeof A == "string" ? this.saveImageFromDataURL(A, this.sanitizeFilename(e) + r) : this.saveImageFromBlob(A, this.sanitizeFilename(e) + r);
     } catch (r) {
       throw console.error(`Failed to save ${t.toUpperCase()} image:`, r), new Error(`Image save failed: ${r instanceof Error ? r.message : "Unknown error"}`);
@@ -3093,7 +3118,7 @@ class VA extends H {
    * @returns True if the format is supported for saving
    */
   validateSaveSupport(A) {
-    return A in J && A in k;
+    return A in J && A in O;
   }
   /**
    * Gets the MIME type for the specified image format
@@ -3109,15 +3134,15 @@ class VA extends H {
    * @returns The file extension (including the dot)
    */
   getFileExtension(A) {
-    return k[A];
+    return O[A];
   }
 }
-class OA {
+class VA {
   constructor() {
     a(this, "dataExtractor");
     a(this, "contentGenerator");
     a(this, "fileHandler");
-    this.dataExtractor = new YA(), this.contentGenerator = new kA(), this.fileHandler = new VA();
+    this.dataExtractor = new YA(), this.contentGenerator = new OA(), this.fileHandler = new kA();
   }
   /**
    * Applies default values to image export options
@@ -3245,7 +3270,7 @@ class S {
    */
   static async create(A = null, e = {}) {
     const t = new S(A, e), r = t._standalone ? e : void 0;
-    t.textmodeCanvas = new DA(t.captureSource, t._standalone, r), t._renderer = new hA(t.textmodeCanvas.getWebGLContext());
+    t.textmodeCanvas = new DA(t.captureSource, t._standalone, r), t._renderer = new lA(t.textmodeCanvas.getWebGLContext());
     let i, s;
     t._standalone ? (i = e.width || 800, s = e.height || 600) : (i = t.textmodeCanvas.width || 800, s = t.textmodeCanvas.height || 600), t._canvasFramebuffer = t._renderer.createFramebuffer(i, s), t._font = new CA(t._renderer, e.fontSize ?? 16), await t._font.initialize(e.fontSource);
     const o = t._font.maxGlyphDimensions;
@@ -3406,7 +3431,7 @@ class S {
    * ```
    */
   async saveCanvas(A, e = "png", t = {}) {
-    await new OA().saveImage(this.textmodeCanvas, {
+    await new VA().saveImage(this.textmodeCanvas, {
       ...t,
       filename: A,
       format: e
@@ -4406,7 +4431,7 @@ class N {
    * ```
    */
   static get version() {
-    return "0.1.6-beta.1";
+    return "0.1.6-beta.3";
   }
   constructor() {
     throw new Error("Textmode is a static class and cannot be instantiated.");