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

package/dist/textmode.esm.min.js

@@ -1,9 +1,9 @@
-var se = Object.defineProperty;
-var ae = (h, e, t) => e in h ? se(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
-var o = (h, e, t) => ae(h, typeof e != "symbol" ? e + "" : e, t);
-class F extends Error {
+var ee = Object.defineProperty;
+var te = (h, e, t) => e in h ? ee(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
+var o = (h, e, t) => te(h, typeof e != "symbol" ? e + "" : e, t);
+class x extends Error {
   constructor(t, r, i = {}) {
-    const s = F.createFormattedMessage(t, i);
+    const s = x.createFormattedMessage(t, i);
     super(s);
     o(this, "originalError");
     o(this, "context");
@@ -19,7 +19,7 @@ class F extends Error {
 
 📋 Context:`;
       for (const [s, a] of Object.entries(r)) {
-        const n = F.formatValue(a);
+        const n = x.formatValue(a);
         i += `
   - ${s}: ${n}`;
       }
@@ -38,16 +38,16 @@ class F extends Error {
     if (typeof t == "string") return `"${t}"`;
     if (typeof t == "number" || typeof t == "boolean") return String(t);
     if (Array.isArray(t))
-      return t.length === 0 ? "[]" : t.length <= 5 ? `[${t.map((r) => F.formatValue(r)).join(", ")}]` : `[${t.slice(0, 3).map((r) => F.formatValue(r)).join(", ")}, ... +${t.length - 3} more]`;
+      return t.length === 0 ? "[]" : t.length <= 5 ? `[${t.map((r) => x.formatValue(r)).join(", ")}]` : `[${t.slice(0, 3).map((r) => x.formatValue(r)).join(", ")}, ... +${t.length - 3} more]`;
     if (typeof t == "object") {
       const r = Object.keys(t);
-      return r.length === 0 ? "{}" : r.length <= 3 ? `{ ${r.map((a) => `${a}: ${F.formatValue(t[a])}`).join(", ")} }` : `{ ${r.slice(0, 2).map((s) => `${s}: ${F.formatValue(t[s])}`).join(", ")}, ... +${r.length - 2} more }`;
+      return r.length === 0 ? "{}" : r.length <= 3 ? `{ ${r.map((a) => `${a}: ${x.formatValue(t[a])}`).join(", ")} }` : `{ ${r.slice(0, 2).map((s) => `${s}: ${x.formatValue(t[s])}`).join(", ")}, ... +${r.length - 2} more }`;
     }
     return String(t);
   }
 }
-var ne = /* @__PURE__ */ ((h) => (h[h.SILENT = 0] = "SILENT", h[h.WARNING = 1] = "WARNING", h[h.ERROR = 2] = "ERROR", h[h.THROW = 3] = "THROW", h))(ne || {});
-const E = class E {
+var re = /* @__PURE__ */ ((h) => (h[h.SILENT = 0] = "SILENT", h[h.WARNING = 1] = "WARNING", h[h.ERROR = 2] = "ERROR", h[h.THROW = 3] = "THROW", h))(re || {});
+const A = class A {
   constructor() {
     o(this, "_options", {
       globalLevel: 3
@@ -55,7 +55,7 @@ const E = class E {
     });
   }
   static getInstance() {
-    return E._instance || (E._instance = new E()), E._instance;
+    return A._instance || (A._instance = new A()), A._instance;
   }
   /**
    * Handle an error based on the configured settings
@@ -71,15 +71,15 @@ const E = class E {
         return console.group(
           `%c${i} Oops! (╯°□°)╯︵ Something went wrong in your code.`,
           "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;"
-        ), console.warn(F.createFormattedMessage(e, t)), console.groupEnd(), !1;
+        ), console.warn(x.createFormattedMessage(e, t)), console.groupEnd(), !1;
       case 2:
         return console.group(
           `%c${i} Oops! (╯°□°)╯︵ Something went wrong in your code.`,
           "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;"
-        ), console.error(F.createFormattedMessage(e, t)), console.groupEnd(), !1;
+        ), console.error(x.createFormattedMessage(e, t)), console.groupEnd(), !1;
       case 3:
       default:
-        const s = new F(e, r, t);
+        const s = new x(e, r, t);
         throw console.group(
           `%c${i} Oops! (╯°□°)╯︵ Something went wrong in your code.`,
           "color: #d32f2f; font-weight: bold; background: #ffcdd2; padding: 2px 6px; border-radius: 3px;"
@@ -103,10 +103,19 @@ const E = class E {
     this._options.globalLevel = e;
   }
 };
-o(E, "_instance", null);
-let $ = E;
-const v = $.getInstance();
-class oe {
+o(A, "_instance", null);
+let z = A;
+const _ = z.getInstance(), Z = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap();
+function P(h, e) {
+  Z.set(h, e);
+}
+function j(h) {
+  return Z.get(h);
+}
+function B(h, e) {
+  ie.set(h, e);
+}
+const I = class I {
   constructor(e, t, r = t, i = {}) {
     o(this, "gl");
     o(this, "_framebuffer");
@@ -116,6 +125,8 @@ class oe {
     o(this, "options");
     o(this, "previousState", null);
     o(this, "_pixels", null);
+    // Tracks the last upload origin; no longer required for rendering since we flip at upload time
+    o(this, "_isFromCanvasSource", !1);
     this.gl = e, this._width = t, this._height = r, this.options = {
       filter: "nearest",
       wrap: "clamp",
@@ -124,6 +135,20 @@ class oe {
       ...i
     }, this._texture = this.createTexture(), this._framebuffer = e.createFramebuffer(), this.attachTexture();
   }
+  getMaxTextureUnits() {
+    let e = I.maxTextureUnitsMap.get(this.gl);
+    return e === void 0 && (e = this.gl.getParameter(this.gl.MAX_TEXTURE_IMAGE_UNITS), I.maxTextureUnitsMap.set(this.gl, e)), e;
+  }
+  /**
+   * Unbind the provided texture from any texture unit where it is currently bound.
+   * This prevents framebuffer-texture feedback loops when rendering to this framebuffer.
+   */
+  unbindTextureAcrossUnits(e) {
+    const t = this.gl, r = t.getParameter(t.ACTIVE_TEXTURE), i = this.getMaxTextureUnits();
+    for (let s = 0; s < i; s++)
+      t.activeTexture(t.TEXTURE0 + s), t.getParameter(t.TEXTURE_BINDING_2D) === e && t.bindTexture(t.TEXTURE_2D, null);
+    t.activeTexture(r);
+  }
   createTexture() {
     const { gl: e } = this, t = e.createTexture();
     e.bindTexture(e.TEXTURE_2D, t);
@@ -143,14 +168,18 @@ class oe {
    */
   update(e) {
     const { gl: t } = this;
-    e instanceof HTMLVideoElement && e.readyState < 2 || (t.bindTexture(t.TEXTURE_2D, this._texture), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, e), t.bindTexture(t.TEXTURE_2D, null));
+    if (e instanceof HTMLVideoElement && e.readyState < 2)
+      return;
+    t.bindTexture(t.TEXTURE_2D, this._texture);
+    const r = t.getParameter(t.UNPACK_FLIP_Y_WEBGL);
+    t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, 1), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, e), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, r ? 1 : 0), t.bindTexture(t.TEXTURE_2D, null), this._isFromCanvasSource = !1;
   }
   /**
    * Update the framebuffer texture with pixel data
    */
   updatePixels(e, t, r) {
     const { gl: i } = this;
-    i.bindTexture(i.TEXTURE_2D, this._texture), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, t, r, 0, i.RGBA, i.UNSIGNED_BYTE, e), i.bindTexture(i.TEXTURE_2D, null);
+    i.bindTexture(i.TEXTURE_2D, this._texture), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, t, r, 0, i.RGBA, i.UNSIGNED_BYTE, e), i.bindTexture(i.TEXTURE_2D, null), this._isFromCanvasSource = !1;
   }
   /**
    * Resize the framebuffer
@@ -167,7 +196,7 @@ class oe {
     this.previousState = {
       framebuffer: e.getParameter(e.FRAMEBUFFER_BINDING),
       viewport: e.getParameter(e.VIEWPORT)
-    }, e.bindFramebuffer(e.FRAMEBUFFER, this._framebuffer), e.viewport(0, 0, this._width, this._height);
+    }, e.bindFramebuffer(e.FRAMEBUFFER, this._framebuffer), e.viewport(0, 0, this._width, this._height), this.unbindTextureAcrossUnits(this._texture), B(e, !0), P(e, [0, 0, this._width, this._height]), this._isFromCanvasSource = !1;
   }
   /**
    * End rendering to this framebuffer and restore previous state
@@ -175,7 +204,7 @@ class oe {
   end() {
     if (!this.previousState) return;
     const { gl: e } = this;
-    e.bindFramebuffer(e.FRAMEBUFFER, this.previousState.framebuffer), e.viewport(...this.previousState.viewport), this.previousState = null;
+    e.bindFramebuffer(e.FRAMEBUFFER, this.previousState.framebuffer), e.viewport(...this.previousState.viewport), B(e, !!this.previousState.framebuffer), P(e, this.previousState.viewport), this.previousState = null;
   }
   /**
    * Load pixel data from the framebuffer into the pixels array
@@ -224,247 +253,14 @@ class oe {
   get pixels() {
     return this._pixels;
   }
-}
-class Q {
-  constructor(e, t, r) {
-    o(this, "gl");
-    o(this, "x");
-    o(this, "y");
-    this.gl = e, this.x = t, this.y = r;
+  /** True if the last content update came from a canvas/video or raw pixels (top-left origin). False if rendered via FBO (bottom-left). */
+  get isFromCanvasSource() {
+    return this._isFromCanvasSource;
   }
-}
-class M {
-  constructor(e, t, r, i, s) {
-    /** The WebGL rendering context */
-    o(this, "gl");
-    /** The vertex buffer containing position and texture coordinates */
-    o(this, "vertexBuffer");
-    /** The number of vertices in this geometry (always 6 for two triangles) */
-    o(this, "vertexCount", 6);
-    /** Bytes per vertex: depends on position format (vec2 vs vec3) */
-    o(this, "bytesPerVertex");
-    this.gl = e, this.bytesPerVertex = 16;
-    const a = e.getParameter(e.VIEWPORT), n = a[2], l = a[3], c = e.getParameter(e.FRAMEBUFFER_BINDING) !== null, u = t / n * 2 - 1, d = (t + i) / n * 2 - 1;
-    let f, g;
-    c ? (f = r / l * 2 - 1, g = (r + s) / l * 2 - 1) : (f = 1 - r / l * 2, g = 1 - (r + s) / l * 2);
-    let _, p, b, C;
-    _ = u, b = d, p = f, C = g;
-    const x = this.generateVertices(_, p, b, C);
-    this.vertexBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.vertexBuffer), e.bufferData(e.ARRAY_BUFFER, x, e.STATIC_DRAW);
-  }
-  /**
-   * Generate vertex data for the rectangle with texture coordinates
-   * @private
-   */
-  generateVertices(e, t, r, i) {
-    return new Float32Array([
-      e,
-      i,
-      0,
-      1,
-      // bottom-left
-      r,
-      i,
-      1,
-      1,
-      // bottom-right
-      e,
-      t,
-      0,
-      0,
-      // top-left
-      e,
-      t,
-      0,
-      0,
-      // top-left
-      r,
-      i,
-      1,
-      1,
-      // bottom-right
-      r,
-      t,
-      1,
-      0
-      // top-right
-    ]);
-  }
-  /**
-   * Render the rectangle using position and texture coordinate attributes
-   */
-  render() {
-    this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.vertexBuffer);
-    const e = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
-    let t = this.gl.getAttribLocation(e, "a_position"), r = this.gl.getAttribLocation(e, "a_texCoord");
-    this.gl.enableVertexAttribArray(t), this.gl.vertexAttribPointer(t, 2, this.gl.FLOAT, !1, this.bytesPerVertex, 0), this.gl.enableVertexAttribArray(r), this.gl.vertexAttribPointer(r, 2, this.gl.FLOAT, !1, this.bytesPerVertex, 8), this.gl.drawArrays(this.gl.TRIANGLES, 0, this.vertexCount), this.gl.disableVertexAttribArray(t), this.gl.disableVertexAttribArray(r);
-  }
-}
-class he extends Q {
-  constructor(t, r, i, s, a) {
-    super(t, r, i);
-    o(this, "width");
-    o(this, "height");
-    this.width = s, this.height = a;
-  }
-  /**
-   * Render the filled rectangle using the existing Rectangle geometry.
-   */
-  renderFill() {
-    new M(this.gl, this.x, this.y, this.width, this.height).render();
-  }
-  /**
-   * Render the stroke rectangle as four separate Rectangle instances for each edge.
-   * This approach ensures clean corners with proper overlap and leverages existing geometry.
-   * @param weight The stroke thickness in pixels
-   */
-  renderStroke(t) {
-    if (t <= 0) return;
-    const r = new M(this.gl, this.x, this.y, this.width, t), i = new M(this.gl, this.x + this.width - t, this.y, t, this.height), s = new M(this.gl, this.x, this.y + this.height - t, this.width, t), a = new M(this.gl, this.x, this.y, t, this.height);
-    r.render(), i.render(), s.render(), a.render();
-  }
-}
-class le {
-  constructor(e, t, r, i, s, a) {
-    /** The WebGL rendering context */
-    o(this, "gl");
-    /** The vertex buffer containing position and texture coordinates */
-    o(this, "vertexBuffer");
-    /** The number of vertices in this geometry (always 6 for two triangles) */
-    o(this, "vertexCount", 6);
-    /** Bytes per vertex: vec2+vec2 = 16 bytes */
-    o(this, "bytesPerVertex");
-    this.gl = e, this.bytesPerVertex = 16;
-    const n = e.getParameter(e.VIEWPORT), l = n[2], c = n[3], u = e.getParameter(e.FRAMEBUFFER_BINDING) !== null, d = i - t, f = s - r, g = Math.sqrt(d * d + f * f);
-    if (g === 0) {
-      const ie = this.generateVertices(0, 0, 0, 0);
-      this.vertexBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.vertexBuffer), e.bufferData(e.ARRAY_BUFFER, ie, e.STATIC_DRAW);
-      return;
-    }
-    const _ = d / g, b = -(f / g), C = _, x = a / 2, w = t + b * x, A = r + C * x, R = t - b * x, S = r - C * x, P = i + b * x, D = s + C * x, Z = i - b * x, W = s - C * x, J = w / l * 2 - 1, K = R / l * 2 - 1, ee = P / l * 2 - 1, te = Z / l * 2 - 1;
-    let B, G, V, k;
-    u ? (B = A / c * 2 - 1, G = S / c * 2 - 1, V = D / c * 2 - 1, k = W / c * 2 - 1) : (B = 1 - A / c * 2, G = 1 - S / c * 2, V = 1 - D / c * 2, k = 1 - W / c * 2);
-    const re = this.generateLineVertices(
-      J,
-      B,
-      K,
-      G,
-      ee,
-      V,
-      te,
-      k
-    );
-    this.vertexBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.vertexBuffer), e.bufferData(e.ARRAY_BUFFER, re, e.STATIC_DRAW);
-  }
-  /**
-   * Generate vertex data for a rectangle representing the line with texture coordinates
-   * @private
-   */
-  generateVertices(e, t, r, i) {
-    return new Float32Array([
-      e,
-      i,
-      0,
-      1,
-      // bottom-left
-      r,
-      i,
-      1,
-      1,
-      // bottom-right
-      e,
-      t,
-      0,
-      0,
-      // top-left
-      e,
-      t,
-      0,
-      0,
-      // top-left
-      r,
-      i,
-      1,
-      1,
-      // bottom-right
-      r,
-      t,
-      1,
-      0
-      // top-right
-    ]);
-  }
-  /**
-   * Generate vertex data for the line rectangle with texture coordinates
-   * Uses the four corners calculated based on line direction and thickness
-   * @private
-   */
-  generateLineVertices(e, t, r, i, s, a, n, l) {
-    return new Float32Array([
-      e,
-      t,
-      0,
-      0,
-      // corner1 (start + perpendicular)
-      r,
-      i,
-      0,
-      1,
-      // corner2 (start - perpendicular)
-      s,
-      a,
-      1,
-      0,
-      // corner3 (end + perpendicular)
-      r,
-      i,
-      0,
-      1,
-      // corner2 (start - perpendicular)
-      n,
-      l,
-      1,
-      1,
-      // corner4 (end - perpendicular)
-      s,
-      a,
-      1,
-      0
-      // corner3 (end + perpendicular)
-    ]);
-  }
-  /**
-   * Render the line using position and texture coordinate attributes
-   */
-  render() {
-    this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.vertexBuffer);
-    const e = this.gl.getParameter(this.gl.CURRENT_PROGRAM);
-    let t = this.gl.getAttribLocation(e, "a_position"), r = this.gl.getAttribLocation(e, "a_texCoord");
-    this.gl.enableVertexAttribArray(t), this.gl.vertexAttribPointer(t, 2, this.gl.FLOAT, !1, this.bytesPerVertex, 0), this.gl.enableVertexAttribArray(r), this.gl.vertexAttribPointer(r, 2, this.gl.FLOAT, !1, this.bytesPerVertex, 8), this.gl.drawArrays(this.gl.TRIANGLES, 0, this.vertexCount), this.gl.disableVertexAttribArray(t), this.gl.disableVertexAttribArray(r);
-  }
-}
-class ce extends Q {
-  constructor(t, r, i, s, a) {
-    super(t, r, i);
-    o(this, "x2");
-    o(this, "y2");
-    this.x2 = s, this.y2 = a;
-  }
-  /**
-   * Lines don't support fill rendering - this method does nothing.
-   * Lines are rendered only with stroke properties.
-   */
-  renderFill() {
-  }
-  /**
-   * Render the line with the specified stroke weight.
-   * @param weight The stroke thickness in pixels
-   */
-  renderStroke(t) {
-    if (t <= 0) return;
-    new le(this.gl, this.x, this.y, this.x2, this.y2, t).render();
-  }
-}
+};
+/** Cache for MAX_TEXTURE_IMAGE_UNITS per-context */
+o(I, "maxTextureUnitsMap", /* @__PURE__ */ new WeakMap());
+let $ = I;
 class y {
   constructor(e, t, r) {
     o(this, "gl");
@@ -612,13 +408,15 @@ class y {
     this.textureUnitCounter = 0;
   }
 }
-var T = "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);}", ue = "precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}", de = "precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}";
-class fe {
+var T = "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);}", se = "precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}", ae = "precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}";
+class ne {
   constructor(e) {
     o(this, "gl");
     o(this, "imageShader");
     o(this, "solidColorShader");
     o(this, "currentShader", null);
+    // Cached attrib locations for current program
+    o(this, "attribCache");
     // Fill state management - default: white fill enabled
     o(this, "currentFillColor", [1, 1, 1, 1]);
     o(this, "fillMode", !0);
@@ -631,13 +429,18 @@ class fe {
     // in degrees
     // State stack for push/pop functionality
     o(this, "stateStack", []);
-    this.gl = e, this.imageShader = new y(this.gl, T, ue), this.solidColorShader = new y(this.gl, T, de), 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);
+    // ----- Immediate-mode helpers that use a single static VBO (no per-call allocation) -----
+    o(this, "unitBuffer", null);
+    o(this, "bytesPerVertex", 16);
+    // vec2 + vec2
+    o(this, "scratchFramebuffer", null);
+    this.gl = e, this.imageShader = new y(this.gl, T, se), this.solidColorShader = new y(this.gl, T, ae), this.attribCache = /* @__PURE__ */ new Map(), 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), P(this.gl, [0, 0, this.gl.canvas.width, this.gl.canvas.height]), B(this.gl, !1);
   }
   /**
    * Set the current shader
    */
   shader(e) {
-    this.currentShader = e, e.use();
+    this.currentShader !== e && (this.currentShader = e, e.use());
   }
   /**
    * Sets the fill color for subsequent rendering operations
@@ -729,7 +532,7 @@ class fe {
    * across frames and be managed by push/pop or explicit calls.
    */
   reset() {
-    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;
+    this.currentShader = null, this.stateStack = [], this.currentRotation = 0;
   }
   createShader(e, t) {
     return new y(this.gl, e, t);
@@ -747,18 +550,22 @@ class fe {
    * Draw a rectangle with the current fill and/or stroke settings
    */
   rect(e, t, r, i) {
-    const s = new he(this.gl, e, t, r, i);
     if (this.currentShader !== null) {
       if (this.currentRotation !== 0) {
-        const { centerX: d, centerY: f, radians: g, aspectRatio: _ } = this.calculateRotationParams(e, t, r, i);
-        this.setUniform("u_rotation", g), this.setUniform("u_center", [d, f]), this.setUniform("u_aspectRatio", _);
+        const { centerX: f, centerY: g, radians: v, aspectRatio: p } = this.calculateRotationParams(e, t, r, i);
+        this.setUniform("u_rotation", v), this.setUniform("u_center", [f, g]), this.setUniform("u_aspectRatio", p);
       } else
         this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1);
-      s.renderFill(), this.currentShader = null;
+      this.drawRectImmediate(e, t, r, i), this.currentShader = null;
       return;
     }
-    const a = this.solidColorShader, { centerX: n, centerY: l, radians: c, aspectRatio: u } = this.calculateRotationParams(e, t, r, i);
-    this.fillMode && (this.shader(a), this.setUniform("u_color", this.currentFillColor), this.setUniform("u_rotation", c), this.setUniform("u_center", [n, l]), this.setUniform("u_aspectRatio", u), s.renderFill()), this.strokeMode && (this.shader(a), this.setUniform("u_color", this.currentStrokeColor), this.setUniform("u_rotation", c), this.setUniform("u_center", [n, l]), this.setUniform("u_aspectRatio", u), s.renderStroke(this.currentStrokeWeight)), this.currentShader = null;
+    const a = this.solidColorShader, n = this.currentRotation !== 0;
+    let l = 0, c = 0, u = 0, d = 1;
+    if (n) {
+      const f = this.calculateRotationParams(e, t, r, i);
+      l = f.centerX, c = f.centerY, u = f.radians, d = f.aspectRatio;
+    }
+    this.fillMode && (this.shader(a), this.setUniform("u_color", this.currentFillColor), n && (this.setUniform("u_rotation", u), this.setUniform("u_center", [l, c]), this.setUniform("u_aspectRatio", d)), this.drawRectImmediate(e, t, r, i)), this.strokeMode && this.currentStrokeWeight > 0 && (this.shader(a), this.setUniform("u_color", this.currentStrokeColor), n && (this.setUniform("u_rotation", u), this.setUniform("u_center", [l, c]), this.setUniform("u_aspectRatio", d)), this.drawRectStrokeImmediate(e, t, r, i, this.currentStrokeWeight));
   }
   /**
    * Draw a line from (x1, y1) to (x2, y2) with the current stroke settings.
@@ -769,35 +576,38 @@ class fe {
    * @param y2 Y-coordinate of the line end point
    */
   line(e, t, r, i) {
-    if (!this.strokeMode) return;
-    const s = new ce(this.gl, e, t, r, i);
     if (this.currentShader !== null) {
+      const b = (e + r) / 2, w = (t + i) / 2, F = Math.abs(r - e) || 1, C = Math.abs(i - t) || 1;
       if (this.currentRotation !== 0) {
-        const p = (e + r) / 2, b = (t + i) / 2, C = Math.abs(r - e), x = Math.abs(i - t), { centerX: w, centerY: A, radians: R, aspectRatio: S } = this.calculateRotationParams(p - C / 2, b - x / 2, C, x);
-        this.setUniform("u_rotation", R), this.setUniform("u_center", [w, A]), this.setUniform("u_aspectRatio", S);
+        const { centerX: U, centerY: S, radians: R, aspectRatio: E } = this.calculateRotationParams(b - F / 2, w - C / 2, F, C);
+        this.setUniform("u_rotation", R), this.setUniform("u_center", [U, S]), this.setUniform("u_aspectRatio", E);
       } else
         this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1);
-      s.renderStroke(this.currentStrokeWeight), this.currentShader = null;
+      const G = this.currentStrokeWeight > 0 ? this.currentStrokeWeight : 1;
+      this.drawLineImmediate(e, t, r, i, G), this.currentShader = null;
       return;
     }
-    const a = this.solidColorShader, n = (e + r) / 2, l = (t + i) / 2, c = Math.abs(r - e), u = Math.abs(i - t), { centerX: d, centerY: f, radians: g, aspectRatio: _ } = this.calculateRotationParams(n - c / 2, l - u / 2, c, u);
-    this.shader(a), this.setUniform("u_color", this.currentStrokeColor), this.setUniform("u_rotation", g), this.setUniform("u_center", [d, f]), this.setUniform("u_aspectRatio", _), s.renderStroke(this.currentStrokeWeight), this.currentShader = null;
+    if (!this.strokeMode || this.currentStrokeWeight <= 0) return;
+    const a = this.solidColorShader, n = (e + r) / 2, l = (t + i) / 2, c = Math.abs(r - e) || 1, u = Math.abs(i - t) || 1, d = this.currentRotation !== 0;
+    let f = 0, g = 0, v = 0, p = 1;
+    if (d) {
+      const b = this.calculateRotationParams(n - c / 2, l - u / 2, c, u);
+      f = b.centerX, g = b.centerY, v = b.radians, p = b.aspectRatio;
+    }
+    this.shader(a), this.setUniform("u_color", this.currentStrokeColor), d && (this.setUniform("u_rotation", v), this.setUniform("u_center", [f, g]), this.setUniform("u_aspectRatio", p)), this.drawLineImmediate(e, t, r, i, this.currentStrokeWeight);
   }
   /**
    * Calculate rotation parameters for built-in shaders (NDC coordinates)
    */
   calculateRotationParams(e, t, r, i) {
-    const s = this.gl.getParameter(this.gl.VIEWPORT), a = s[2], n = s[3], l = a / n, c = this.gl.getParameter(this.gl.FRAMEBUFFER_BINDING) !== null, u = e + r / 2, d = t + i / 2, f = u / a * 2 - 1;
-    let g;
-    c ? g = d / n * 2 - 1 : g = 1 - d / n * 2;
-    const _ = this.currentRotation * Math.PI / 180;
-    return { centerX: f, centerY: g, radians: _, aspectRatio: l };
+    const s = j(this.gl) || [0, 0, this.gl.canvas.width, this.gl.canvas.height], a = s[2], n = s[3], l = a / n, c = e + r / 2, u = t + i / 2, d = c / a * 2 - 1, f = 1 - u / n * 2, g = this.currentRotation * Math.PI / 180;
+    return { centerX: d, centerY: f, radians: g, aspectRatio: l };
   }
   /**
    * Create a new framebuffer
    */
   createFramebuffer(e, t, r = {}) {
-    return new oe(this.gl, e, t, r);
+    return new $(this.gl, e, t, r);
   }
   /**
    * Fill the current framebuffer with a solid color
@@ -815,7 +625,7 @@ class fe {
    * Ensure viewport matches canvas dimensions
    */
   resetViewport() {
-    this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height);
+    this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height), P(this.gl, [0, 0, this.gl.canvas.width, this.gl.canvas.height]), B(this.gl, !1);
   }
   /**
    * Get the WebGL context
@@ -828,20 +638,127 @@ class fe {
    * This method is idempotent and safe to call multiple times.
    */
   dispose() {
-    this.imageShader.dispose(), this.solidColorShader.dispose(), this.imageShader = null, this.solidColorShader = null, this.currentShader = null, this.stateStack = [];
+    this.scratchFramebuffer && (this.scratchFramebuffer.dispose(), this.scratchFramebuffer = null), this.imageShader.dispose(), this.solidColorShader.dispose(), this.imageShader = null, this.solidColorShader = null, this.currentShader = null, this.stateStack = [];
   }
   /**
    * Render a framebuffer at a specific position with optional scaling
    */
   image(e, t, r, i, s) {
+    const a = this.gl, n = i ?? e.width, l = s ?? e.height, c = a.getParameter(a.FRAMEBUFFER_BINDING);
+    if (c && e.framebuffer === c) {
+      (!this.scratchFramebuffer || this.scratchFramebuffer.width !== n || this.scratchFramebuffer.height !== l) && (this.scratchFramebuffer && this.scratchFramebuffer.dispose(), this.scratchFramebuffer = this.createFramebuffer(n, l)), this.scratchFramebuffer.begin(), this.clear(0, 0, 0, 0), this.shader(this.imageShader), this.setUniform("u_texture", e.texture), this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1), this.drawRectImmediate(0, 0, n, l), this.scratchFramebuffer.end(), this.shader(this.imageShader);
+      const d = this.currentRotation !== 0 ? this.calculateRotationParams(t, r, n, l) : { centerX: 0, centerY: 0, radians: 0, aspectRatio: 1 };
+      this.setUniform("u_texture", this.scratchFramebuffer.texture), this.setUniform("u_rotation", d.radians), this.setUniform("u_center", [d.centerX, d.centerY]), this.setUniform("u_aspectRatio", d.aspectRatio), this.drawRectImmediate(t, r, n, l), a.bindTexture(a.TEXTURE_2D, null), this.currentShader = null;
+      return;
+    }
     this.shader(this.imageShader), this.setUniform("u_texture", e.texture);
-    const { centerX: a, centerY: n, radians: l, aspectRatio: c } = this.calculateRotationParams(
+    const u = this.currentRotation !== 0 ? this.calculateRotationParams(t, r, n, l) : { centerX: 0, centerY: 0, radians: 0, aspectRatio: 1 };
+    this.setUniform("u_rotation", u.radians), this.setUniform("u_center", [u.centerX, u.centerY]), this.setUniform("u_aspectRatio", u.aspectRatio), this.drawRectImmediate(t, r, n, l), a.bindTexture(a.TEXTURE_2D, null), this.currentShader = null;
+  }
+  ensureUnitBuffer() {
+    if (this.unitBuffer) return;
+    const e = this.gl;
+    this.unitBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.unitBuffer);
+  }
+  enableAttribs() {
+    const e = this.gl, t = e.getParameter(e.CURRENT_PROGRAM);
+    let r = this.attribCache.get(t);
+    return r || (r = {
+      a_position: e.getAttribLocation(t, "a_position"),
+      a_texCoord: e.getAttribLocation(t, "a_texCoord")
+    }, this.attribCache.set(t, r)), e.enableVertexAttribArray(r.a_position), e.vertexAttribPointer(r.a_position, 2, e.FLOAT, !1, this.bytesPerVertex, 0), e.enableVertexAttribArray(r.a_texCoord), e.vertexAttribPointer(r.a_texCoord, 2, e.FLOAT, !1, this.bytesPerVertex, 8), { positionLoc: r.a_position, texLoc: r.a_texCoord };
+  }
+  disableAttribs(e, t) {
+    const r = this.gl;
+    r.disableVertexAttribArray(e), r.disableVertexAttribArray(t);
+  }
+  uploadQuadNDC(e, t, r, i) {
+    const s = this.gl;
+    this.ensureUnitBuffer(), s.bindBuffer(s.ARRAY_BUFFER, this.unitBuffer);
+    const a = 0, n = 0, l = 1, c = 1, u = new Float32Array([
+      e,
+      i,
+      0,
+      a,
+      // bottom-left
+      r,
+      i,
+      1,
+      n,
+      // bottom-right
+      e,
+      t,
+      0,
+      l,
+      // top-left
+      e,
       t,
+      0,
+      l,
+      // top-left
       r,
-      i ?? e.width,
-      s ?? e.height
-    );
-    this.setUniform("u_rotation", l), this.setUniform("u_center", [a, n]), this.setUniform("u_aspectRatio", c), this.rect(t, r, i ?? e.width, s ?? e.height);
+      i,
+      1,
+      n,
+      // bottom-right
+      r,
+      t,
+      1,
+      c
+      // top-right
+    ]);
+    s.bufferData(s.ARRAY_BUFFER, u, s.DYNAMIC_DRAW);
+  }
+  toNDC(e, t) {
+    const r = this.gl, i = j(r) || [0, 0, r.canvas.width, r.canvas.height], s = i[2], a = i[3], n = e / s * 2 - 1, l = 1 - t / a * 2;
+    return { nx: n, ny: l };
+  }
+  drawRectImmediate(e, t, r, i) {
+    const s = this.toNDC(e, t), a = this.toNDC(e + r, t + i);
+    this.uploadQuadNDC(s.nx, s.ny, a.nx, a.ny);
+    const n = this.enableAttribs();
+    this.gl.drawArrays(this.gl.TRIANGLES, 0, 6), this.disableAttribs(n.positionLoc, n.texLoc);
+  }
+  drawRectStrokeImmediate(e, t, r, i, s) {
+    this.drawRectImmediate(e, t, r, s), this.drawRectImmediate(e + r - s, t, s, i), this.drawRectImmediate(e, t + i - s, r, s), this.drawRectImmediate(e, t, s, i);
+  }
+  drawLineImmediate(e, t, r, i, s) {
+    const a = r - e, n = i - t, l = Math.hypot(a, n);
+    if (l === 0) {
+      this.drawRectImmediate(e - s / 2, t - s / 2, s, s);
+      return;
+    }
+    const c = a / l, d = -(n / l), f = c, g = s / 2, v = e + d * g, p = t + f * g, b = e - d * g, w = t - f * g, F = r + d * g, C = i + f * g, G = r - d * g, U = i - f * g, S = this.toNDC(v, p), R = this.toNDC(b, w), E = this.toNDC(F, C), W = this.toNDC(G, U), M = this.gl;
+    this.ensureUnitBuffer(), M.bindBuffer(M.ARRAY_BUFFER, this.unitBuffer);
+    const J = new Float32Array([
+      S.nx,
+      S.ny,
+      0,
+      0,
+      R.nx,
+      R.ny,
+      0,
+      1,
+      E.nx,
+      E.ny,
+      1,
+      0,
+      R.nx,
+      R.ny,
+      0,
+      1,
+      W.nx,
+      W.ny,
+      1,
+      1,
+      E.nx,
+      E.ny,
+      1,
+      0
+    ]);
+    M.bufferData(M.ARRAY_BUFFER, J, M.DYNAMIC_DRAW);
+    const Y = this.enableAttribs();
+    M.drawArrays(M.TRIANGLES, 0, 6), this.disableAttribs(Y.positionLoc, Y.texLoc);
   }
 }
 var m = {};
@@ -859,8 +776,8 @@ m.parse = function(h) {
     for (var f in u) {
       var g = m.findTable(s, f, n);
       if (g) {
-        var _ = g[0], p = l[_];
-        p == null && (p = u[f].parseTab(s, _, g[1], d)), d[f] = l[_] = p;
+        var v = g[0], p = l[v];
+        p == null && (p = u[f].parseTab(s, v, g[1], d)), d[f] = l[v] = p;
       }
     }
     return d;
@@ -925,15 +842,15 @@ m.T.cmap = {
       e += 2;
       var f = i.readUint(h, e);
       e += 4;
-      var g = "p" + u + "e" + d, _ = l.indexOf(f);
-      if (_ == -1) {
-        _ = r.tables.length;
+      var g = "p" + u + "e" + d, v = l.indexOf(f);
+      if (v == -1) {
+        v = r.tables.length;
         var p = {};
         l.push(f);
         var b = p.format = s(h, f);
         b == 4 ? p = a.parse4(h, f, p) : b == 12 && (p = a.parse12(h, f, p)), r.tables.push(p);
       }
-      r.ids[g] != null && console.log("multiple tables for one platform+encoding: " + g), r.ids[g] = _;
+      r.ids[g] != null && console.log("multiple tables for one platform+encoding: " + g), r.ids[g] = v;
     }
     return r;
   },
@@ -1047,13 +964,13 @@ m.T.glyf = {
       }
       a.xs = [];
       for (var n = 0; n < c; n++) {
-        var g = (a.flags[n] & 2) != 0, _ = (a.flags[n] & 16) != 0;
-        g ? (a.xs.push(_ ? r[s] : -r[s]), s++) : _ ? a.xs.push(0) : (a.xs.push(t.readShort(r, s)), s += 2);
+        var g = (a.flags[n] & 2) != 0, v = (a.flags[n] & 16) != 0;
+        g ? (a.xs.push(v ? r[s] : -r[s]), s++) : v ? a.xs.push(0) : (a.xs.push(t.readShort(r, s)), s += 2);
       }
       a.ys = [];
       for (var n = 0; n < c; n++) {
-        var g = (a.flags[n] & 4) != 0, _ = (a.flags[n] & 32) != 0;
-        g ? (a.ys.push(_ ? r[s] : -r[s]), s++) : _ ? a.ys.push(0) : (a.ys.push(t.readShort(r, s)), s += 2);
+        var g = (a.flags[n] & 4) != 0, v = (a.flags[n] & 32) != 0;
+        g ? (a.ys.push(v ? r[s] : -r[s]), s++) : v ? a.ys.push(0) : (a.ys.push(t.readShort(r, s)), s += 2);
       }
       for (var p = 0, b = 0, n = 0; n < c; n++)
         p += a.xs[n], b += a.ys[n], a.xs[n] = p, a.ys[n] = b;
@@ -1063,7 +980,7 @@ m.T.glyf = {
   }
 };
 typeof module < "u" && module.exports ? module.exports = m : typeof window < "u" && (window.Typr = m);
-class me {
+class oe {
   /**
    * Extracts all available characters from a font's cmap tables.
    * @param font The parsed font object from Typr
@@ -1160,7 +1077,7 @@ class me {
     return !(t >= 0 && t <= 31 && t !== 9 && t !== 10 && t !== 13 || t >= 127 && t <= 159);
   }
 }
-class ge {
+class he {
   /**
    * Creates a new TextureAtlasCreation instance.
    * @param renderer The WebGL renderer instance
@@ -1229,7 +1146,7 @@ class ge {
     this._textureContext.putImageData(t, 0, 0);
   }
 }
-class pe {
+class le {
   /**
    * Creates a new MetricsCalculation instance.
    */
@@ -1259,7 +1176,7 @@ class pe {
     };
   }
 }
-class _e {
+class ce {
   /**
    * Creates TextmodeCharacter objects with unique color assignments.
    * @param characters Array of character strings
@@ -1326,7 +1243,7 @@ class _e {
    * @returns RGB color as a tuple [r, g, b], or [0, 0, 0] if not found
    */
   getCharacterColor(e, t) {
-    if (!v.validate(
+    if (!_.validate(
       typeof e == "string" && e.length === 1,
       "Character must be a single character string.",
       { method: "getCharacterColor", providedValue: e }
@@ -1342,14 +1259,14 @@ class _e {
    * @returns Array of RGB colors for each character
    */
   getCharacterColors(e, t) {
-    return v.validate(
+    return _.validate(
       typeof e == "string" && e.length > 0,
       "Characters must be a string with at least one character.",
       { method: "getCharacterColors", providedValue: e }
     ) ? e.split("").map((r) => this.getCharacterColor(r, t) || [0, 0, 0]) : [[0, 0, 0]];
   }
 }
-class ve {
+class ue {
   /**
    * Creates a new TextmodeFont instance.
    * @param renderer Renderer instance for texture creation
@@ -1371,7 +1288,7 @@ class ve {
     o(this, "_textureAtlas");
     o(this, "_metricsCalculator");
     o(this, "_characterColorMapper");
-    this._fontSize = t, this._characterExtractor = new me(), this._textureAtlas = new ge(e), this._metricsCalculator = new pe(), this._characterColorMapper = new _e();
+    this._fontSize = t, this._characterExtractor = new oe(), this._textureAtlas = new he(e), this._metricsCalculator = new le(), this._characterColorMapper = new ce();
   }
   /**
    * Initializes the font manager by loading the font and creating the texture atlas.
@@ -1384,10 +1301,10 @@ class ve {
     if (e) {
       const r = await fetch(e);
       if (!r.ok)
-        throw new F(`Failed to load font file: ${r.status} ${r.statusText}`);
+        throw new x(`Failed to load font file: ${r.status} ${r.statusText}`);
       t = await r.arrayBuffer();
     } else
-      throw new F("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
+      throw new x("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
     await this._loadFontFace(t), this._font = m.parse(t)[0], await this._initializeFont();
   }
   /**
@@ -1420,7 +1337,7 @@ class ve {
     try {
       const t = await fetch(e);
       if (!t.ok)
-        throw new F(`Failed to load font file: ${t.status} ${t.statusText}`);
+        throw new x(`Failed to load font file: ${t.status} ${t.statusText}`);
       const r = await t.arrayBuffer();
       await this._loadFontFace(r);
       const i = m.parse(r);
@@ -1428,7 +1345,7 @@ class ve {
         throw new Error("Failed to parse font file");
       this._font = i[0], await this._initializeFont();
     } catch (t) {
-      throw new F(`Failed to load font: ${t instanceof Error ? t.message : "Unknown error"}`, t);
+      throw new x(`Failed to load font: ${t instanceof Error ? t.message : "Unknown error"}`, t);
     }
   }
   /**
@@ -1525,7 +1442,7 @@ class ve {
     return this._font;
   }
 }
-class xe {
+class de {
   /**
    * Create a new grid instance.
    * @param canvas The canvas element used to determine the grid dimensions.
@@ -1660,7 +1577,7 @@ class xe {
     return this._offsetY;
   }
 }
-class be {
+class fe {
   constructor(e, t = !1, r = {}) {
     o(this, "_canvas");
     o(this, "captureSource");
@@ -1724,7 +1641,7 @@ class be {
       powerPreference: "high-performance"
     }, t = this._canvas.getContext("webgl2", e) || this._canvas.getContext("webgl", e);
     if (!t)
-      throw new F("WebGL context could not be created. Ensure your browser supports WebGL.");
+      throw new x("WebGL context could not be created. Ensure your browser supports WebGL.");
     return t;
   }
   /**
@@ -1777,7 +1694,7 @@ class be {
     return this._canvas.height;
   }
 }
-class U {
+class D {
   /**
    * Creates a new TextmodeConverter instance.
    * @param renderer Renderer instance for texture creation
@@ -1856,7 +1773,7 @@ class U {
     return this._options;
   }
 }
-class Ce {
+class me {
   /**
    * Create a new color palette instance.
    * @param renderer The renderer instance.
@@ -1911,18 +1828,18 @@ class Ce {
     return this._framebuffer.texture;
   }
 }
-class O extends U {
+class N extends D {
   constructor(t, r, i, s = {}) {
     super(t, r, i, s);
     o(this, "palette");
-    this.palette = new Ce(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
+    this.palette = new me(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
   }
   /**
    * Sets the characters used for mapping.
    * @param characters The characters to use for mapping, usually ordered from darkest to brightest.
    */
   characters(t) {
-    v.validate(
+    _.validate(
       this.fontManager.hasAllCharacters(t),
       "One or more characters do not exist in the current font.",
       { method: "characters", providedValue: t }
@@ -1941,7 +1858,7 @@ class O extends U {
     if (typeof t == "string") {
       const u = this.parseHexColor(t);
       if (!u) {
-        v.validate(
+        _.validate(
           !1,
           "Invalid hex color format. Use '#FF0000', '#F00', 'FF0000', or 'F00'.",
           { method: "characterColor", providedValue: t }
@@ -1949,7 +1866,7 @@ class O extends U {
         return;
       }
       [a, n, l, c] = u;
-    } else if (a = t, n = r !== void 0 ? r : t, l = i !== void 0 ? i : t, c = s, !v.validate(
+    } else if (a = t, n = r !== void 0 ? r : t, l = i !== void 0 ? i : t, c = s, !_.validate(
       [a, n, l, c].every((u) => u >= 0 && u <= 255),
       "Character color values must be between 0 and 255",
       { method: "characterColor", providedValues: { r: a, g: n, b: l, a: c } }
@@ -1964,7 +1881,7 @@ class O extends U {
    * @param mode The color mode to use for characters.
    */
   characterColorMode(t) {
-    v.validate(
+    _.validate(
       ["sampled", "fixed"].includes(t),
       "Invalid character color mode. Must be 'sampled' or 'fixed'.",
       { method: "characterColorMode", providedValue: t }
@@ -1983,7 +1900,7 @@ class O extends U {
     if (typeof t == "string") {
       const u = this.parseHexColor(t);
       if (!u) {
-        v.validate(
+        _.validate(
           !1,
           "Invalid hex color format. Use '#FF0000', '#F00', 'FF0000', or 'F00'.",
           { method: "cellColor", providedValue: t }
@@ -1991,7 +1908,7 @@ class O extends U {
         return;
       }
       [a, n, l, c] = u;
-    } else if (a = t, n = r !== void 0 ? r : t, l = i !== void 0 ? i : t, c = s, !v.validate(
+    } else if (a = t, n = r !== void 0 ? r : t, l = i !== void 0 ? i : t, c = s, !_.validate(
       [a, n, l, c].every((u) => u >= 0 && u <= 255),
       "Cell color values must be between 0 and 255",
       { method: "cellColor", providedValues: { r: a, g: n, b: l, a: c } }
@@ -2006,7 +1923,7 @@ class O extends U {
    * @param mode The color mode to use for background cells.
    */
   cellColorMode(t) {
-    v.validate(
+    _.validate(
       ["sampled", "fixed"].includes(t),
       "Invalid cell color mode. Must be 'sampled' or 'fixed'.",
       { method: "cellColorMode", providedValue: t }
@@ -2017,7 +1934,7 @@ class O extends U {
    * @param invert If `true`, the character color becomes the cell color and vice versa.
    */
   invert(t) {
-    v.validate(
+    _.validate(
       typeof t == "boolean" || typeof t == "number" && Number.isInteger(t),
       "Invert must be a boolean value or an integer (0 for false, any other number for true).",
       { method: "invert", providedValue: t }
@@ -2028,7 +1945,7 @@ class O extends U {
    * @param angle The rotation angle in degrees.
    */
   rotation(t) {
-    if (!v.validate(
+    if (!_.validate(
       typeof t == "number",
       "Rotation angle must be a number.",
       { method: "rotation", providedValue: t }
@@ -2043,7 +1960,7 @@ class O extends U {
    * @param flip If `true`, characters are flipped horizontally. If `false`, no flip is applied.
    */
   flipHorizontally(t) {
-    v.validate(
+    _.validate(
       typeof t == "boolean" || typeof t == "number" && Number.isInteger(t),
       "Flip horizontally must be a boolean value or an integer (0 for false, any other number for true).",
       { method: "flipHorizontally", providedValue: t }
@@ -2054,7 +1971,7 @@ class O extends U {
    * @param flip If `true`, characters are flipped vertically. If `false`, no flip is applied.
    */
   flipVertically(t) {
-    v.validate(
+    _.validate(
       typeof t == "boolean" || typeof t == "number" && Number.isInteger(t),
       "Flip vertically must be a boolean value or an integer (0 for false, any other number for true).",
       { method: "flipVertically", providedValue: t }
@@ -2073,8 +1990,8 @@ class O extends U {
     return [r, i, s, 255];
   }
 }
-var Fe = "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);}}", we = "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);}}", ye = "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);}}", Te = "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);}}", Se = "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 Re = {
+var ge = "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);}}", pe = "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);}}", _e = "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);}}", ve = "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);}}", be = "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 xe = {
   /** Enable/disable the renderer */
   enabled: !0,
   /** Characters used for brightness mapping (from darkest to brightest) */
@@ -2100,7 +2017,7 @@ const Re = {
   /** Range of brightness values to map to ASCII characters */
   brightnessRange: [0, 255]
 };
-class L extends O {
+class L extends N {
   /**
    * Creates a new TextmodeBrightnessConverter instance.
    * @param renderer Renderer instance for texture creation
@@ -2109,14 +2026,14 @@ class L extends O {
    * @ignore
    */
   constructor(t, r, i) {
-    super(t, r, i, { ...Re });
+    super(t, r, i, { ...xe });
     o(this, "sampleShader");
     o(this, "colorFillShader");
     o(this, "charMappingShader");
     o(this, "transformFillShader");
     o(this, "rotationFillShader");
     o(this, "sampleFramebuffer");
-    this.sampleShader = new y(t.context, T, Fe), this.colorFillShader = new y(t.context, T, we), this.transformFillShader = new y(t.context, T, ye), this.rotationFillShader = new y(t.context, T, Te), this.charMappingShader = new y(t.context, T, Se), this.sampleFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows);
+    this.sampleShader = new y(t.context, T, ge), this.colorFillShader = new y(t.context, T, pe), this.transformFillShader = new y(t.context, T, _e), this.rotationFillShader = new y(t.context, T, ve), this.charMappingShader = new y(t.context, T, be), this.sampleFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows);
   }
   convert(t) {
     this.sampleFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.sampleShader), this.renderer.setUniform("u_sketchTexture", t), 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();
@@ -2132,21 +2049,21 @@ class L extends O {
    * @param range Array of two numbers `[min, max]`, where `min` is darkest and `max` is brightest.
    */
   brightnessRange(t) {
-    v.validate(
+    _.validate(
       Array.isArray(t) && t.length === 2 && t.every((r) => typeof r == "number" && r >= 0 && r <= 255),
       "Brightness range must be an array of two numbers between 0 and 255.",
       { method: "brightnessRange", providedValue: t }
     ) && (this._options.brightnessRange = t);
   }
 }
-const Oe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TextmodeBrightnessConverter: L,
-  TextmodeConverter: U,
-  TextmodeFeatureConverter: O
+  TextmodeConverter: D,
+  TextmodeFeatureConverter: N
 }, Symbol.toStringTag, { value: "Module" }));
-var Ee = "precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform sampler2D u_captureTexture;uniform vec2 u_captureDimensions;uniform int u_backgroundMode;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=gl_FragCoord.xy/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);if(encodedIndexVec.a<0.01){gl_FragColor=(u_backgroundMode==0)? vec4(0.0):texture2D(u_captureTexture,gl_FragCoord.xy/u_captureDimensions);return;}int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);vec2 charCoord=vec2(charCol,charRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}";
-class Ue {
+var Ce = "precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform sampler2D u_captureTexture;uniform vec2 u_captureDimensions;uniform int u_backgroundMode;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=gl_FragCoord.xy/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);if(encodedIndexVec.a<0.01){gl_FragColor=(u_backgroundMode==0)? vec4(0.0):texture2D(u_captureTexture,gl_FragCoord.xy/u_captureDimensions);return;}int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}";
+class Fe {
   /**
    * Creates an instance of TextmodeConversionPipeline.
    * @param renderer The renderer to use for the pipeline.
@@ -2166,9 +2083,9 @@ class Ue {
     o(this, "_secondaryColorFramebuffer");
     o(this, "_rotationFramebuffer");
     o(this, "_transformFramebuffer");
-    this.renderer = e, this.font = t, this.grid = r, this._asciiShader = this.renderer.createShader(T, Ee), this.converters = [
+    this.renderer = e, this.font = t, this.grid = r, this._asciiShader = this.renderer.createShader(T, Ce), this.converters = [
       { name: "brightness", converter: new L(e, t, r) },
-      { name: "custom", converter: new U(e, t, r) }
+      { name: "custom", converter: new D(e, t, r) }
     ], this._characterFramebuffer = this.renderer.createFramebuffer(r.cols, r.rows), this._primaryColorFramebuffer = this.renderer.createFramebuffer(r.cols, r.rows), this._secondaryColorFramebuffer = this.renderer.createFramebuffer(r.cols, r.rows), this._rotationFramebuffer = this.renderer.createFramebuffer(r.cols, r.rows), this._transformFramebuffer = this.renderer.createFramebuffer(r.cols, r.rows), this._resultFramebuffer = this.renderer.createFramebuffer(this.grid.width, this.grid.height);
   }
   /**
@@ -2179,7 +2096,7 @@ class Ue {
   render(e) {
     for (const r of this.converters) {
       const i = r.converter;
-      i.options.enabled && i instanceof O && i.convert(e);
+      i.options.enabled && i instanceof N && i.convert(e);
     }
     const t = (r, i) => {
       r.begin(), this.renderer.clear();
@@ -2197,15 +2114,15 @@ class Ue {
    * @returns The requested `TextmodeConverter` instance.
    */
   get(e) {
-    if (!v.validate(
+    if (!_.validate(
       typeof e == "string" && e.length > 0,
       "Converter name must be a non-empty string.",
       { method: "converter", providedValue: e }
     ))
       return;
     const t = this.converters.find((i) => i.name === e), r = t == null ? void 0 : t.converter;
-    if (v.validate(
-      r instanceof U,
+    if (_.validate(
+      r instanceof D,
       `Converter "${e}" is not a valid TextmodeConverter.`,
       { method: "converter", providedValue: e, converterInstance: r }
     ))
@@ -2218,33 +2135,33 @@ class Ue {
    * @returns The newly created {@link TextmodeConverter} instance or `void` if the addition failed.
    */
   add(e, t) {
-    if (!v.validate(
+    if (!_.validate(
       typeof e == "string" && e.length > 0,
       "Converter name must be a non-empty string.",
       { method: "add", providedValue: e }
-    ) || !v.validate(
+    ) || !_.validate(
       t === "brightness" || t === "custom",
       `Converter type must be either "brightness" or "custom". Provided: ${t}`,
       { method: "add", providedValue: t }
     ))
       return;
     let r;
-    return t === "brightness" ? r = new L(this.renderer, this.font, this.grid) : r = new U(this.renderer, this.font, this.grid), this.converters.push({ name: e, converter: r }), r;
+    return t === "brightness" ? r = new L(this.renderer, this.font, this.grid) : r = new D(this.renderer, this.font, this.grid), this.converters.push({ name: e, converter: r }), r;
   }
   /**
    * Removes a converter from the pipeline by name or instance.
    * @param nameOrInstance The unique name of the converter or the converter instance to remove.
    */
   remove(e) {
-    if (!v.validate(
-      typeof e == "string" || e instanceof U,
+    if (!_.validate(
+      typeof e == "string" || e instanceof D,
       "Parameter must be either a string (converter name) or a TextmodeConverter instance.",
       { method: "remove", providedValue: e }
     ))
       return;
     let t = -1;
     if (typeof e == "string") {
-      if (!v.validate(
+      if (!_.validate(
         e.length > 0,
         "Converter name must be a non-empty string.",
         { method: "remove", providedValue: e }
@@ -2253,7 +2170,7 @@ class Ue {
       t = this.converters.findIndex((r) => r.name === e);
     } else
       t = this.converters.findIndex((r) => r.converter === e);
-    v.validate(
+    _.validate(
       t !== -1,
       typeof e == "string" ? `Converter with name "${e}" not found in pipeline.` : "Converter instance not found in pipeline.",
       { method: "remove", providedValue: e, convertersCount: this.converters.length }
@@ -2424,7 +2341,7 @@ class X {
     return `'textmode-export'-${this.generateTimestamp()}`;
   }
 }
-class Ae extends H {
+class we extends H {
   /**
    * Extracts transform data from transform pixels
    * @param transformPixels Transform framebuffer pixels
@@ -2494,7 +2411,7 @@ class Ae extends H {
     return r;
   }
 }
-class Me {
+class ye {
   /**
    * Gets the glyph index for a given Unicode code point in a Typr.js font
    * @param fontData The Typr.js font data
@@ -2572,22 +2489,22 @@ class Me {
       const f = n[d];
       if (!(f < u)) {
         if (f >= u) {
-          const g = t + s[u] * i, _ = r - a[u] * i;
-          c += `M${g.toFixed(2)},${_.toFixed(2)}`;
+          const g = t + s[u] * i, v = r - a[u] * i;
+          c += `M${g.toFixed(2)},${v.toFixed(2)}`;
           let p = u + 1;
           for (; p <= f; )
             if ((l[p] & 1) !== 0) {
-              const C = t + s[p] * i, x = r - a[p] * i;
-              c += `L${C.toFixed(2)},${x.toFixed(2)}`, p++;
+              const w = t + s[p] * i, F = r - a[p] * i;
+              c += `L${w.toFixed(2)},${F.toFixed(2)}`, p++;
             } else {
-              const C = t + s[p] * i, x = r - a[p] * i;
-              let w = p + 1 > f ? u : p + 1;
-              if ((l[w] & 1) !== 0) {
-                const R = t + s[w] * i, S = r - a[w] * i;
-                c += `Q${C.toFixed(2)},${x.toFixed(2)} ${R.toFixed(2)},${S.toFixed(2)}`, p = w + 1;
+              const w = t + s[p] * i, F = r - a[p] * i;
+              let C = p + 1 > f ? u : p + 1;
+              if ((l[C] & 1) !== 0) {
+                const U = t + s[C] * i, S = r - a[C] * i;
+                c += `Q${w.toFixed(2)},${F.toFixed(2)} ${U.toFixed(2)},${S.toFixed(2)}`, p = C + 1;
               } else {
-                const R = t + s[w] * i, S = r - a[w] * i, P = (C + R) / 2, D = (x + S) / 2;
-                c += `Q${C.toFixed(2)},${x.toFixed(2)} ${P.toFixed(2)},${D.toFixed(2)}`, p = w;
+                const U = t + s[C] * i, S = r - a[C] * i, R = (w + U) / 2, E = (F + S) / 2;
+                c += `Q${w.toFixed(2)},${F.toFixed(2)} ${R.toFixed(2)},${E.toFixed(2)}`, p = C;
               }
             }
           c += "Z";
@@ -2643,10 +2560,10 @@ class Me {
     }
   }
 }
-class De {
+class Te {
   constructor() {
     o(this, "pathGenerator");
-    this.pathGenerator = new Me();
+    this.pathGenerator = new ye();
   }
   /**
    * Generates the SVG header with metadata
@@ -2791,7 +2708,7 @@ class De {
 `).replace(/[ \t]+$/gm, "");
   }
 }
-class Ie extends X {
+class Se extends X {
   /**
    * Creates a downloadable blob from SVG content
    * @param svgContent The SVG content string
@@ -2821,12 +2738,12 @@ class Ie extends X {
     this.downloadSVG(e, t || this.generateDefaultFilename());
   }
 }
-class Y {
+class q {
   constructor() {
     o(this, "dataExtractor");
     o(this, "contentGenerator");
     o(this, "fileHandler");
-    this.dataExtractor = new Ae(), this.contentGenerator = new De(), this.fileHandler = new Ie();
+    this.dataExtractor = new we(), this.contentGenerator = new Te(), this.fileHandler = new Se();
   }
   /**
    * Applies default values to SVG export options
@@ -2873,7 +2790,7 @@ class Y {
     }
   }
 }
-class Pe extends H {
+class Re extends H {
   /**
    * Extracts character data for TXT generation
    * @param framebufferData Framebuffer pixel data
@@ -2900,7 +2817,7 @@ class Pe extends H {
     return s;
   }
 }
-class Be {
+class Ee {
   /**
    * Generates TXT content from a 2D character array
    * @param characterGrid 2D array of characters (rows x columns)
@@ -2919,7 +2836,7 @@ class Be {
     return r.join(i);
   }
 }
-class Ge extends X {
+class Ue extends X {
   /**
    * Saves TXT content as a downloadable file
    * @param content The TXT content to save
@@ -2943,12 +2860,12 @@ class Ge extends X {
     return t === ".txt" || t.length <= 4 ? this.generateDefaultFilename() : t;
   }
 }
-class j {
+class K {
   constructor() {
     o(this, "dataExtractor");
     o(this, "contentGenerator");
     o(this, "fileHandler");
-    this.dataExtractor = new Pe(), this.contentGenerator = new Be(), this.fileHandler = new Ge();
+    this.dataExtractor = new Re(), this.contentGenerator = new Ee(), this.fileHandler = new Ue();
   }
   /**
    * Applies default values to TXT export options
@@ -2994,7 +2911,7 @@ class j {
     }
   }
 }
-class Ve extends H {
+class Me extends H {
   /**
    * Captures the current state of the textmode canvas as image data
    * @param canvas The canvas data containing the rendered textmode graphics
@@ -3020,7 +2937,7 @@ class Ve extends H {
     ), s;
   }
 }
-class ke {
+class Ae {
   /**
    * Generates image data from canvas
    * @param canvas The canvas containing the image data
@@ -3063,16 +2980,16 @@ class ke {
     }
   }
 }
-const q = {
+const Q = {
   png: "image/png",
   jpg: "image/jpeg",
   webp: "image/webp"
-}, z = {
+}, V = {
   png: ".png",
   jpg: ".jpg",
   webp: ".webp"
 };
-class ze extends X {
+class De extends X {
   /**
    * Saves image content as a downloadable file
    * @param content The image content (data URL or blob)
@@ -3081,7 +2998,7 @@ class ze extends X {
    */
   saveImage(e, t, r) {
     try {
-      const i = z[r];
+      const i = V[r];
       typeof e == "string" ? this.saveImageFromDataURL(e, this.sanitizeFilename(t) + i) : this.saveImageFromBlob(e, this.sanitizeFilename(t) + i);
     } catch (i) {
       throw console.error(`Failed to save ${r.toUpperCase()} image:`, i), new Error(`Image save failed: ${i instanceof Error ? i.message : "Unknown error"}`);
@@ -3116,7 +3033,7 @@ class ze extends X {
    * @returns True if the format is supported for saving
    */
   validateSaveSupport(e) {
-    return e in q && e in z;
+    return e in Q && e in V;
   }
   /**
    * Gets the MIME type for the specified image format
@@ -3124,7 +3041,7 @@ class ze extends X {
    * @returns The MIME type string
    */
   getMimeType(e) {
-    return q[e];
+    return Q[e];
   }
   /**
    * Gets the file extension for the specified image format
@@ -3132,15 +3049,15 @@ class ze extends X {
    * @returns The file extension (including the dot)
    */
   getFileExtension(e) {
-    return z[e];
+    return V[e];
   }
 }
-class $e {
+class Ie {
   constructor() {
     o(this, "dataExtractor");
     o(this, "contentGenerator");
     o(this, "fileHandler");
-    this.dataExtractor = new Ve(), this.contentGenerator = new ke(), this.fileHandler = new ze();
+    this.dataExtractor = new Me(), this.contentGenerator = new Ae(), this.fileHandler = new De();
   }
   /**
    * Applies default values to image export options
@@ -3223,7 +3140,7 @@ class $e {
     }
   }
 }
-class I {
+class k {
   constructor(e = null, t = {}) {
     /** The element to capture content from (optional for standalone mode) */
     o(this, "captureSource");
@@ -3267,12 +3184,12 @@ class I {
    * @ignore
    */
   static async create(e = null, t = {}) {
-    const r = new I(e, t), i = r._standalone ? t : void 0;
-    r.textmodeCanvas = new be(r.captureSource, r._standalone, i), r._renderer = new fe(r.textmodeCanvas.getWebGLContext());
+    const r = new k(e, t), i = r._standalone ? t : void 0;
+    r.textmodeCanvas = new fe(r.captureSource, r._standalone, i), r._renderer = new ne(r.textmodeCanvas.getWebGLContext());
     let s, a;
-    r._standalone ? (s = t.width || 800, a = t.height || 600) : (s = r.textmodeCanvas.width || 800, a = r.textmodeCanvas.height || 600), r._canvasFramebuffer = r._renderer.createFramebuffer(s, a), r._font = new ve(r._renderer, t.fontSize ?? 16), await r._font.initialize(t.fontSource);
+    r._standalone ? (s = t.width || 800, a = t.height || 600) : (s = r.textmodeCanvas.width || 800, a = r.textmodeCanvas.height || 600), r._canvasFramebuffer = r._renderer.createFramebuffer(s, a), r._font = new ue(r._renderer, t.fontSize ?? 16), await r._font.initialize(t.fontSource);
     const n = r._font.maxGlyphDimensions;
-    return r._grid = new xe(r.textmodeCanvas.canvas, n.width, n.height), r._pipeline = new Ue(r._renderer, r._font, r._grid), r.setupEventListeners(), r.startAutoRendering(), r;
+    return r._grid = new de(r.textmodeCanvas.canvas, n.width, n.height), r._pipeline = new Fe(r._renderer, r._font, r._grid), r.setupEventListeners(), r.startAutoRendering(), r;
   }
   setupEventListeners() {
     this._windowResizeListener = () => {
@@ -3320,7 +3237,7 @@ class I {
    * ```
    */
   toString(e = {}) {
-    return new j().generateTXT(this, e);
+    return new K().generateTXT(this, e);
   }
   /**
    * Export the current textmode rendering to a TXT file.
@@ -3345,7 +3262,7 @@ class I {
    * ```
    */
   saveStrings(e = {}) {
-    new j().saveTXT(this, e);
+    new K().saveTXT(this, e);
   }
   /**
    * Generate the current textmode rendering as an SVG string.
@@ -3374,7 +3291,7 @@ class I {
    * ```
    */
   toSVG(e = {}) {
-    return new Y().generateSVG(this, e);
+    return new q().generateSVG(this, e);
   }
   /**
    * Export the current textmode rendering to an SVG file.
@@ -3398,7 +3315,7 @@ class I {
    * ```
    */
   saveSVG(e = {}) {
-    new Y().saveSVG(this, e);
+    new q().saveSVG(this, e);
   }
   /**
    * Export the current textmode rendering to an image file.
@@ -3429,7 +3346,7 @@ class I {
    * ```
    */
   async saveCanvas(e, t = "png", r = {}) {
-    await new $e().saveImage(this.textmodeCanvas, {
+    await new Ie().saveImage(this.textmodeCanvas, {
       ...r,
       filename: e,
       format: t
@@ -3691,7 +3608,7 @@ class I {
    * ```
    */
   redraw(e = 1) {
-    if (v.validate(
+    if (_.validate(
       typeof e == "number" && e > 0 && Number.isInteger(e),
       "Redraw count must be a positive integer.",
       { method: "redraw", providedValue: e }
@@ -3747,7 +3664,7 @@ class I {
    * ```
    */
   fontSize(e) {
-    v.validate(
+    _.validate(
       typeof e == "number" && e > 0,
       "Font size must be a positive number greater than 0.",
       { method: "fontSize", providedValue: e }
@@ -4339,7 +4256,7 @@ class I {
     return this._isDisposed;
   }
 }
-class N {
+class O {
   /**
    * Create a {@link Textmodifier} instance for textmode rendering.
    * 
@@ -4401,10 +4318,10 @@ class N {
    */
   static async create(e, t = {}) {
     if (e instanceof HTMLCanvasElement || e instanceof HTMLVideoElement)
-      return I.create(e, t);
+      return k.create(e, t);
     {
       const r = e || {};
-      return I.create(null, r);
+      return k.create(null, r);
     }
   }
   /**
@@ -4418,7 +4335,7 @@ class N {
    * ```
    */
   static setErrorLevel(e) {
-    v.setGlobalLevel(e);
+    _.setGlobalLevel(e);
   }
   /**
    * Returns the current version of the `textmode.js` library.
@@ -4429,27 +4346,27 @@ class N {
    * ```
    */
   static get version() {
-    return "0.1.6-beta.3";
+    return "0.1.6-beta.4";
   }
   constructor() {
     throw new Error("Textmode is a static class and cannot be instantiated.");
   }
 }
-const He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), Xe = N.create, Ne = N.setErrorLevel, We = N.version;
+}, Symbol.toStringTag, { value: "Module" })), ke = O.create, Ve = O.setErrorLevel, ze = O.version;
 export {
-  be as TextmodeCanvas,
-  Ue as TextmodeConversionPipeline,
-  ne as TextmodeErrorLevel,
-  ve as TextmodeFont,
-  xe as TextmodeGrid,
-  I as Textmodifier,
-  Oe as converters,
-  Xe as create,
-  N as default,
-  He as export,
-  Ne as setErrorLevel,
-  N as textmode,
-  We as version
+  fe as TextmodeCanvas,
+  Fe as TextmodeConversionPipeline,
+  re as TextmodeErrorLevel,
+  ue as TextmodeFont,
+  de as TextmodeGrid,
+  k as Textmodifier,
+  Pe as converters,
+  ke as create,
+  O as default,
+  Be as export,
+  Ve as setErrorLevel,
+  O as textmode,
+  ze as version
 };