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

package/dist/textmode.esm.min.js

@@ -1,12 +1,12 @@
 var se = Object.defineProperty;
-var ae = (l, e, t) => e in l ? se(l, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[e] = t;
-var o = (l, e, t) => ae(l, typeof e != "symbol" ? e + "" : e, t);
+var oe = (h, e, t) => e in h ? se(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
+var a = (h, e, t) => oe(h, typeof e != "symbol" ? e + "" : e, t);
 class F extends Error {
   constructor(t, r, i = {}) {
     const s = F.createFormattedMessage(t, i);
     super(s);
-    o(this, "originalError");
-    o(this, "context");
+    a(this, "originalError");
+    a(this, "context");
     this.name = "TextmodeError", this.originalError = r, this.context = i;
   }
   /**
@@ -18,8 +18,8 @@ class F extends Error {
       i += `
 
 📋 Context:`;
-      for (const [s, a] of Object.entries(r)) {
-        const n = F.formatValue(a);
+      for (const [s, o] of Object.entries(r)) {
+        const n = F.formatValue(o);
         i += `
   - ${s}: ${n}`;
       }
@@ -41,15 +41,15 @@ class F extends Error {
       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]`;
     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((o) => `${o}: ${F.formatValue(t[o])}`).join(", ")} }` : `{ ${r.slice(0, 2).map((s) => `${s}: ${F.formatValue(t[s])}`).join(", ")}, ... +${r.length - 2} more }`;
     }
     return String(t);
   }
 }
-var ne = /* @__PURE__ */ ((l) => (l[l.SILENT = 0] = "SILENT", l[l.WARNING = 1] = "WARNING", l[l.ERROR = 2] = "ERROR", l[l.THROW = 3] = "THROW", l))(ne || {});
+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 {
   constructor() {
-    o(this, "_options", {
+    a(this, "_options", {
       globalLevel: 3
       /* THROW */
     });
@@ -103,19 +103,19 @@ const E = class E {
     this._options.globalLevel = e;
   }
 };
-o(E, "_instance", null);
-let z = E;
-const x = z.getInstance();
-class oe {
+a(E, "_instance", null);
+let $ = E;
+const x = $.getInstance();
+class ae {
   constructor(e, t, r = t, i = {}) {
-    o(this, "gl");
-    o(this, "_framebuffer");
-    o(this, "_texture");
-    o(this, "_width");
-    o(this, "_height");
-    o(this, "options");
-    o(this, "previousState", null);
-    o(this, "_pixels", null);
+    a(this, "gl");
+    a(this, "_framebuffer");
+    a(this, "_texture");
+    a(this, "_width");
+    a(this, "_height");
+    a(this, "options");
+    a(this, "previousState", null);
+    a(this, "_pixels", null);
     this.gl = e, this._width = t, this._height = r, this.options = {
       filter: "nearest",
       wrap: "clamp",
@@ -189,18 +189,32 @@ class oe {
   get(e, t, r, i) {
     const { gl: s } = this;
     if (e === void 0 && t === void 0) {
-      const a = new Uint8Array(this._width * this._height * 4), n = s.getParameter(s.FRAMEBUFFER_BINDING);
-      return s.bindFramebuffer(s.FRAMEBUFFER, this._framebuffer), s.readPixels(0, 0, this._width, this._height, s.RGBA, s.UNSIGNED_BYTE, a), s.bindFramebuffer(s.FRAMEBUFFER, n), a;
+      const o = new Uint8Array(this._width * this._height * 4), n = s.getParameter(s.FRAMEBUFFER_BINDING);
+      return s.bindFramebuffer(s.FRAMEBUFFER, this._framebuffer), s.readPixels(0, 0, this._width, this._height, s.RGBA, s.UNSIGNED_BYTE, o), s.bindFramebuffer(s.FRAMEBUFFER, n), o;
     } else if (r === void 0 && i === void 0) {
       (e < 0 || t < 0 || e >= this._width || t >= this._height) && (console.warn("The x and y values passed to Framebuffer.get are outside of its range and will be clamped."), e = Math.max(0, Math.min(e, this._width - 1)), t = Math.max(0, Math.min(t, this._height - 1)));
-      const a = new Uint8Array(4), n = s.getParameter(s.FRAMEBUFFER_BINDING);
-      return s.bindFramebuffer(s.FRAMEBUFFER, this._framebuffer), s.readPixels(e, t, 1, 1, s.RGBA, s.UNSIGNED_BYTE, a), s.bindFramebuffer(s.FRAMEBUFFER, n), [a[0], a[1], a[2], a[3]];
+      const o = new Uint8Array(4), n = s.getParameter(s.FRAMEBUFFER_BINDING);
+      return s.bindFramebuffer(s.FRAMEBUFFER, this._framebuffer), s.readPixels(e, t, 1, 1, s.RGBA, s.UNSIGNED_BYTE, o), s.bindFramebuffer(s.FRAMEBUFFER, n), [o[0], o[1], o[2], o[3]];
     } else {
       e = Math.max(0, Math.min(e, this._width - 1)), t = Math.max(0, Math.min(t, this._height - 1)), r = Math.max(1, Math.min(r, this._width - e)), i = Math.max(1, Math.min(i, this._height - t));
-      const a = new Uint8Array(r * i * 4), n = s.getParameter(s.FRAMEBUFFER_BINDING);
-      return s.bindFramebuffer(s.FRAMEBUFFER, this._framebuffer), s.readPixels(e, t, r, i, s.RGBA, s.UNSIGNED_BYTE, a), s.bindFramebuffer(s.FRAMEBUFFER, n), a;
+      const o = new Uint8Array(r * i * 4), n = s.getParameter(s.FRAMEBUFFER_BINDING);
+      return s.bindFramebuffer(s.FRAMEBUFFER, this._framebuffer), s.readPixels(e, t, r, i, s.RGBA, s.UNSIGNED_BYTE, o), s.bindFramebuffer(s.FRAMEBUFFER, n), o;
     }
   }
+  /**
+   * Dispose of WebGL resources used by this framebuffer.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    const { gl: e } = this;
+    this._framebuffer && (e.deleteFramebuffer(this._framebuffer), this._framebuffer = null), this._texture && (e.deleteTexture(this._texture), this._texture = null), this._pixels = null;
+  }
+  /**
+   * Check if this framebuffer has been disposed
+   */
+  get isDisposed() {
+    return this._framebuffer === null || this._texture === null;
+  }
   get framebuffer() {
     return this._framebuffer;
   }
@@ -219,29 +233,29 @@ class oe {
 }
 class Q {
   constructor(e, t, r) {
-    o(this, "gl");
-    o(this, "x");
-    o(this, "y");
+    a(this, "gl");
+    a(this, "x");
+    a(this, "y");
     this.gl = e, this.x = t, this.y = r;
   }
 }
-class M {
+class A {
   constructor(e, t, r, i, s) {
     /** The WebGL rendering context */
-    o(this, "gl");
+    a(this, "gl");
     /** The vertex buffer containing position and texture coordinates */
-    o(this, "vertexBuffer");
+    a(this, "vertexBuffer");
     /** The number of vertices in this geometry (always 6 for two triangles) */
-    o(this, "vertexCount", 6);
+    a(this, "vertexCount", 6);
     /** Bytes per vertex: depends on position format (vec2 vs vec3) */
-    o(this, "bytesPerVertex");
+    a(this, "bytesPerVertex");
     this.gl = e, this.bytesPerVertex = 16;
-    const a = e.getParameter(e.VIEWPORT), n = a[2], h = a[3], c = e.getParameter(e.FRAMEBUFFER_BINDING) !== null, u = t / n * 2 - 1, d = (t + i) / n * 2 - 1;
+    const o = e.getParameter(e.VIEWPORT), n = o[2], l = o[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 / h * 2 - 1, g = (r + s) / h * 2 - 1) : (f = 1 - r / h * 2, g = 1 - (r + s) / h * 2);
-    let _, p, C, b;
-    _ = u, C = d, p = f, b = g;
-    const v = this.generateVertices(_, p, C, b);
+    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;
+    p = u, b = d, _ = f, C = g;
+    const v = this.generateVertices(p, _, b, C);
     this.vertexBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.vertexBuffer), e.bufferData(e.ARRAY_BUFFER, v, e.STATIC_DRAW);
   }
   /**
@@ -292,18 +306,18 @@ class M {
     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 le extends Q {
-  constructor(t, r, i, s, a) {
+class he extends Q {
+  constructor(t, r, i, s, o) {
     super(t, r, i);
-    o(this, "width");
-    o(this, "height");
-    this.width = s, this.height = a;
+    a(this, "width");
+    a(this, "height");
+    this.width = s, this.height = o;
   }
   /**
    * Render the filled rectangle using the existing Rectangle geometry.
    */
   renderFill() {
-    new M(this.gl, this.x, this.y, this.width, this.height).render();
+    new A(this.gl, this.x, this.y, this.width, this.height).render();
   }
   /**
    * Render the stroke rectangle as four separate Rectangle instances for each edge.
@@ -312,30 +326,30 @@ class le extends Q {
    */
   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();
+    const r = new A(this.gl, this.x, this.y, this.width, t), i = new A(this.gl, this.x + this.width - t, this.y, t, this.height), s = new A(this.gl, this.x, this.y + this.height - t, this.width, t), o = new A(this.gl, this.x, this.y, t, this.height);
+    r.render(), i.render(), s.render(), o.render();
   }
 }
-class he {
-  constructor(e, t, r, i, s, a) {
+class le {
+  constructor(e, t, r, i, s, o) {
     /** The WebGL rendering context */
-    o(this, "gl");
+    a(this, "gl");
     /** The vertex buffer containing position and texture coordinates */
-    o(this, "vertexBuffer");
+    a(this, "vertexBuffer");
     /** The number of vertices in this geometry (always 6 for two triangles) */
-    o(this, "vertexCount", 6);
+    a(this, "vertexCount", 6);
     /** Bytes per vertex: vec2+vec2 = 16 bytes */
-    o(this, "bytesPerVertex");
+    a(this, "bytesPerVertex");
     this.gl = e, this.bytesPerVertex = 16;
-    const n = e.getParameter(e.VIEWPORT), h = 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);
+    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, C = -(f / g), b = _, v = a / 2, w = t + C * v, A = r + b * v, R = t - C * v, y = r - b * v, P = i + C * v, D = s + b * v, Z = i - C * v, W = s - b * v, J = w / h * 2 - 1, K = R / h * 2 - 1, ee = P / h * 2 - 1, te = Z / h * 2 - 1;
+    const p = d / g, b = -(f / g), C = p, v = o / 2, w = t + b * v, D = r + C * v, R = t - b * v, y = r - C * v, P = i + b * v, M = s + C * v, Z = i - b * v, W = s - C * v, 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 = y / c * 2 - 1, V = D / c * 2 - 1, k = W / c * 2 - 1) : (B = 1 - A / c * 2, G = 1 - y / c * 2, V = 1 - D / c * 2, k = 1 - W / c * 2);
+    u ? (B = D / c * 2 - 1, G = y / c * 2 - 1, V = M / c * 2 - 1, k = W / c * 2 - 1) : (B = 1 - D / c * 2, G = 1 - y / c * 2, V = 1 - M / c * 2, k = 1 - W / c * 2);
     const re = this.generateLineVertices(
       J,
       B,
@@ -391,7 +405,7 @@ class he {
    * Uses the four corners calculated based on line direction and thickness
    * @private
    */
-  generateLineVertices(e, t, r, i, s, a, n, h) {
+  generateLineVertices(e, t, r, i, s, o, n, l) {
     return new Float32Array([
       e,
       t,
@@ -404,7 +418,7 @@ class he {
       1,
       // corner2 (start - perpendicular)
       s,
-      a,
+      o,
       1,
       0,
       // corner3 (end + perpendicular)
@@ -414,12 +428,12 @@ class he {
       1,
       // corner2 (start - perpendicular)
       n,
-      h,
+      l,
       1,
       1,
       // corner4 (end - perpendicular)
       s,
-      a,
+      o,
       1,
       0
       // corner3 (end + perpendicular)
@@ -436,11 +450,11 @@ class he {
   }
 }
 class ce extends Q {
-  constructor(t, r, i, s, a) {
+  constructor(t, r, i, s, o) {
     super(t, r, i);
-    o(this, "x2");
-    o(this, "y2");
-    this.x2 = s, this.y2 = a;
+    a(this, "x2");
+    a(this, "y2");
+    this.x2 = s, this.y2 = o;
   }
   /**
    * Lines don't support fill rendering - this method does nothing.
@@ -454,23 +468,23 @@ class ce extends Q {
    */
   renderStroke(t) {
     if (t <= 0) return;
-    new he(this.gl, this.x, this.y, this.x2, this.y2, t).render();
+    new le(this.gl, this.x, this.y, this.x2, this.y2, t).render();
   }
 }
 class T {
   constructor(e, t, r) {
-    o(this, "gl");
-    o(this, "program");
-    o(this, "uniformLocations", /* @__PURE__ */ new Map());
-    o(this, "attributeLocations", /* @__PURE__ */ new Map());
-    o(this, "textureUnitCounter", 0);
+    a(this, "gl");
+    a(this, "program");
+    a(this, "uniformLocations", /* @__PURE__ */ new Map());
+    a(this, "attributeLocations", /* @__PURE__ */ new Map());
+    a(this, "textureUnitCounter", 0);
     this.gl = e, this.program = this.createProgram(t, r), this.cacheLocations();
   }
   createProgram(e, t) {
     const r = this.createShader(this.gl.VERTEX_SHADER, e), i = this.createShader(this.gl.FRAGMENT_SHADER, t), s = this.gl.createProgram();
     if (this.gl.attachShader(s, r), this.gl.attachShader(s, i), this.gl.linkProgram(s), !this.gl.getProgramParameter(s, this.gl.LINK_STATUS)) {
-      const a = this.gl.getProgramInfoLog(s);
-      throw new Error(`Shader program link error: ${a}`);
+      const o = this.gl.getProgramInfoLog(s);
+      throw new Error(`Shader program link error: ${o}`);
     }
     return this.gl.deleteShader(r), this.gl.deleteShader(i), s;
   }
@@ -520,7 +534,7 @@ class T {
       this.gl.uniform1i(r, t ? 1 : 0);
     else if (Array.isArray(t))
       if (i && (i.type === this.gl.INT_VEC2 || i.type === this.gl.INT_VEC3 || i.type === this.gl.INT_VEC4)) {
-        const s = t.map((a) => Math.floor(a));
+        const s = t.map((o) => Math.floor(o));
         switch (s.length) {
           case 2:
             this.gl.uniform2iv(r, s);
@@ -590,6 +604,19 @@ class T {
   get glProgram() {
     return this.program;
   }
+  /**
+   * Dispose of WebGL resources used by this shader.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    this.program && (this.gl.deleteProgram(this.program), this.program = null), this.uniformLocations.clear(), this.attributeLocations.clear(), this.textureUnitCounter = 0;
+  }
+  /**
+   * Check if this shader has been disposed
+   */
+  get isDisposed() {
+    return this.program === null;
+  }
   /**
    * Reset texture unit counter (useful when starting a new frame)
    */
@@ -600,22 +627,22 @@ class T {
 var S = "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 {
   constructor(e) {
-    o(this, "gl");
-    o(this, "imageShader");
-    o(this, "solidColorShader");
-    o(this, "currentShader", null);
+    a(this, "gl");
+    a(this, "imageShader");
+    a(this, "solidColorShader");
+    a(this, "currentShader", null);
     // Fill state management - default: white fill enabled
-    o(this, "currentFillColor", [1, 1, 1, 1]);
-    o(this, "fillMode", !0);
+    a(this, "currentFillColor", [1, 1, 1, 1]);
+    a(this, "fillMode", !0);
     // Stroke state management - default: black stroke enabled, weight 1
-    o(this, "currentStrokeColor", [0, 0, 0, 1]);
-    o(this, "currentStrokeWeight", 1);
-    o(this, "strokeMode", !0);
+    a(this, "currentStrokeColor", [0, 0, 0, 1]);
+    a(this, "currentStrokeWeight", 1);
+    a(this, "strokeMode", !0);
     // Transformation state management
-    o(this, "currentRotation", 0);
+    a(this, "currentRotation", 0);
     // in degrees
     // State stack for push/pop functionality
-    o(this, "stateStack", []);
+    a(this, "stateStack", []);
     this.gl = e, this.imageShader = new T(this.gl, S, ue), this.solidColorShader = new T(this.gl, S, 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);
   }
   /**
@@ -729,18 +756,18 @@ class fe {
    * Draw a rectangle with the current fill and/or stroke settings
    */
   rect(e, t, r, i) {
-    const s = new le(this.gl, 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: d, centerY: f, radians: g, aspectRatio: p } = this.calculateRotationParams(e, t, r, i);
+        this.setUniform("u_rotation", g), this.setUniform("u_center", [d, f]), 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;
       return;
     }
-    const a = this.solidColorShader, { centerX: n, centerY: h, 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, h]), 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, h]), this.setUniform("u_aspectRatio", u), s.renderStroke(this.currentStrokeWeight)), this.currentShader = null;
+    const o = this.solidColorShader, { centerX: n, centerY: l, radians: c, aspectRatio: u } = this.calculateRotationParams(e, t, r, i);
+    this.fillMode && (this.shader(o), 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(o), 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;
   }
   /**
    * Draw a line from (x1, y1) to (x2, y2) with the current stroke settings.
@@ -755,31 +782,31 @@ class fe {
     const s = new ce(this.gl, e, t, r, i);
     if (this.currentShader !== null) {
       if (this.currentRotation !== 0) {
-        const p = (e + r) / 2, C = (t + i) / 2, b = Math.abs(r - e), v = Math.abs(i - t), { centerX: w, centerY: A, radians: R, aspectRatio: y } = this.calculateRotationParams(p - b / 2, C - v / 2, b, v);
-        this.setUniform("u_rotation", R), this.setUniform("u_center", [w, A]), this.setUniform("u_aspectRatio", y);
+        const _ = (e + r) / 2, b = (t + i) / 2, C = Math.abs(r - e), v = Math.abs(i - t), { centerX: w, centerY: D, radians: R, aspectRatio: y } = this.calculateRotationParams(_ - C / 2, b - v / 2, C, v);
+        this.setUniform("u_rotation", R), this.setUniform("u_center", [w, D]), this.setUniform("u_aspectRatio", y);
       } else
         this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1);
       s.renderStroke(this.currentStrokeWeight), this.currentShader = null;
       return;
     }
-    const a = this.solidColorShader, n = (e + r) / 2, h = (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, h - 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;
+    const o = 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: p } = this.calculateRotationParams(n - c / 2, l - u / 2, c, u);
+    this.shader(o), this.setUniform("u_color", this.currentStrokeColor), this.setUniform("u_rotation", g), this.setUniform("u_center", [d, f]), this.setUniform("u_aspectRatio", p), s.renderStroke(this.currentStrokeWeight), this.currentShader = null;
   }
   /**
    * 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], h = a / n, c = this.gl.getParameter(this.gl.FRAMEBUFFER_BINDING) !== null, u = e + r / 2, d = t + i / 2, f = u / a * 2 - 1;
+    const s = this.gl.getParameter(this.gl.VIEWPORT), o = s[2], n = s[3], l = o / n, c = this.gl.getParameter(this.gl.FRAMEBUFFER_BINDING) !== null, u = e + r / 2, d = t + i / 2, f = u / o * 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: h };
+    const p = this.currentRotation * Math.PI / 180;
+    return { centerX: f, centerY: g, radians: p, aspectRatio: l };
   }
   /**
    * Create a new framebuffer
    */
   createFramebuffer(e, t, r = {}) {
-    return new oe(this.gl, e, t, r);
+    return new ae(this.gl, e, t, r);
   }
   /**
    * Fill the current framebuffer with a solid color
@@ -805,23 +832,36 @@ class fe {
   get context() {
     return this.gl;
   }
+  /**
+   * Dispose of all WebGL resources managed by this renderer.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    this.imageShader && !this.imageShader.isDisposed && this.imageShader.dispose(), this.solidColorShader && !this.solidColorShader.isDisposed && this.solidColorShader.dispose(), this.imageShader = null, this.solidColorShader = null, this.currentShader = null, this.stateStack = [];
+  }
+  /**
+   * Check if this renderer has been disposed
+   */
+  get isDisposed() {
+    return this.imageShader === null || this.solidColorShader === null;
+  }
   /**
    * Render a framebuffer at a specific position with optional scaling
    */
   image(e, t, r, i, s) {
     this.shader(this.imageShader), this.setUniform("u_texture", e.texture);
-    const { centerX: a, centerY: n, radians: h, aspectRatio: c } = this.calculateRotationParams(
+    const { centerX: o, centerY: n, radians: l, aspectRatio: c } = this.calculateRotationParams(
       t,
       r,
       i ?? e.width,
       s ?? e.height
     );
-    this.setUniform("u_rotation", h), this.setUniform("u_center", [a, n]), this.setUniform("u_aspectRatio", c), this.rect(t, r, i ?? e.width, s ?? e.height);
+    this.setUniform("u_rotation", l), this.setUniform("u_center", [o, n]), this.setUniform("u_aspectRatio", c), this.rect(t, r, i ?? e.width, s ?? e.height);
   }
 }
 var m = {};
-m.parse = function(l) {
-  var e = function(s, a, n, h) {
+m.parse = function(h) {
+  var e = function(s, o, n, l) {
     var c = m.T, u = {
       cmap: c.cmap,
       head: c.head,
@@ -830,119 +870,119 @@ m.parse = function(l) {
       hmtx: c.hmtx,
       loca: c.loca,
       glyf: c.glyf
-    }, d = { _data: s, _index: a, _offset: n };
+    }, d = { _data: s, _index: o, _offset: n };
     for (var f in u) {
       var g = m.findTable(s, f, n);
       if (g) {
-        var _ = g[0], p = h[_];
-        p == null && (p = u[f].parseTab(s, _, g[1], d)), d[f] = h[_] = p;
+        var p = g[0], _ = l[p];
+        _ == null && (_ = u[f].parseTab(s, p, g[1], d)), d[f] = l[p] = _;
       }
     }
     return d;
-  }, t = new Uint8Array(l), r = {}, i = e(t, 0, 0, r);
+  }, t = new Uint8Array(h), r = {}, i = e(t, 0, 0, r);
   return [i];
 };
-m.findTable = function(l, e, t) {
-  for (var r = m.B, i = r.readUshort(l, t + 4), s = t + 12, a = 0; a < i; a++) {
-    var n = r.readASCII(l, s, 4);
-    r.readUint(l, s + 4);
-    var h = r.readUint(l, s + 8), c = r.readUint(l, s + 12);
-    if (n == e) return [h, c];
+m.findTable = function(h, e, t) {
+  for (var r = m.B, i = r.readUshort(h, t + 4), s = t + 12, o = 0; o < i; o++) {
+    var n = r.readASCII(h, s, 4);
+    r.readUint(h, s + 4);
+    var l = r.readUint(h, s + 8), c = r.readUint(h, s + 12);
+    if (n == e) return [l, c];
     s += 16;
   }
   return null;
 };
 m.T = {};
 m.B = {
-  readShort: function(l, e) {
+  readShort: function(h, e) {
     var t = m.B.t.uint16;
-    return t[0] = l[e] << 8 | l[e + 1], m.B.t.int16[0];
+    return t[0] = h[e] << 8 | h[e + 1], m.B.t.int16[0];
   },
-  readUshort: function(l, e) {
-    return l[e] << 8 | l[e + 1];
+  readUshort: function(h, e) {
+    return h[e] << 8 | h[e + 1];
   },
-  readUshorts: function(l, e, t) {
+  readUshorts: function(h, e, t) {
     for (var r = [], i = 0; i < t; i++)
-      r.push(m.B.readUshort(l, e + i * 2));
+      r.push(m.B.readUshort(h, e + i * 2));
     return r;
   },
-  readUint: function(l, e) {
+  readUint: function(h, e) {
     var t = m.B.t.uint8;
-    return t[3] = l[e], t[2] = l[e + 1], t[1] = l[e + 2], t[0] = l[e + 3], m.B.t.uint32[0];
+    return t[3] = h[e], t[2] = h[e + 1], t[1] = h[e + 2], t[0] = h[e + 3], m.B.t.uint32[0];
   },
-  readASCII: function(l, e, t) {
-    for (var r = "", i = 0; i < t; i++) r += String.fromCharCode(l[e + i]);
+  readASCII: function(h, e, t) {
+    for (var r = "", i = 0; i < t; i++) r += String.fromCharCode(h[e + i]);
     return r;
   },
   // Simplified typed array buffer - only what's needed
   t: function() {
-    var l = new ArrayBuffer(8);
+    var h = new ArrayBuffer(8);
     return {
-      uint8: new Uint8Array(l),
-      int16: new Int16Array(l),
-      uint16: new Uint16Array(l),
-      uint32: new Uint32Array(l)
+      uint8: new Uint8Array(h),
+      int16: new Int16Array(h),
+      uint16: new Uint16Array(h),
+      uint32: new Uint32Array(h)
     };
   }()
 };
 m.T.cmap = {
-  parseTab: function(l, e, t) {
+  parseTab: function(h, e, t) {
     var r = { tables: [], ids: {}, off: e };
-    l = new Uint8Array(l.buffer, e, t), e = 0;
-    var i = m.B, s = i.readUshort, a = m.T.cmap;
-    s(l, e), e += 2;
-    var n = s(l, e);
+    h = new Uint8Array(h.buffer, e, t), e = 0;
+    var i = m.B, s = i.readUshort, o = m.T.cmap;
+    s(h, e), e += 2;
+    var n = s(h, e);
     e += 2;
-    for (var h = [], c = 0; c < n; c++) {
-      var u = s(l, e);
+    for (var l = [], c = 0; c < n; c++) {
+      var u = s(h, e);
       e += 2;
-      var d = s(l, e);
+      var d = s(h, e);
       e += 2;
-      var f = i.readUint(l, e);
+      var f = i.readUint(h, e);
       e += 4;
-      var g = "p" + u + "e" + d, _ = h.indexOf(f);
-      if (_ == -1) {
-        _ = r.tables.length;
-        var p = {};
-        h.push(f);
-        var C = p.format = s(l, f);
-        C == 4 ? p = a.parse4(l, f, p) : C == 12 && (p = a.parse12(l, f, p)), r.tables.push(p);
+      var g = "p" + u + "e" + d, p = l.indexOf(f);
+      if (p == -1) {
+        p = r.tables.length;
+        var _ = {};
+        l.push(f);
+        var b = _.format = s(h, f);
+        b == 4 ? _ = o.parse4(h, f, _) : b == 12 && (_ = o.parse12(h, f, _)), r.tables.push(_);
       }
-      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] = p;
     }
     return r;
   },
-  parse4: function(l, e, t) {
-    var r = m.B, i = r.readUshort, s = r.readUshorts, a = e;
+  parse4: function(h, e, t) {
+    var r = m.B, i = r.readUshort, s = r.readUshorts, o = e;
     e += 2;
-    var n = i(l, e);
-    e += 2, i(l, e), e += 2;
-    var h = i(l, e);
+    var n = i(h, e);
+    e += 2, i(h, e), e += 2;
+    var l = i(h, e);
     e += 2;
-    var c = h >>> 1;
-    t.searchRange = i(l, e), e += 2, t.entrySelector = i(l, e), e += 2, t.rangeShift = i(l, e), e += 2, t.endCount = s(l, e, c), e += c * 2, e += 2, t.startCount = s(l, e, c), e += c * 2, t.idDelta = [];
+    var c = l >>> 1;
+    t.searchRange = i(h, e), e += 2, t.entrySelector = i(h, e), e += 2, t.rangeShift = i(h, e), e += 2, t.endCount = s(h, e, c), e += c * 2, e += 2, t.startCount = s(h, e, c), e += c * 2, t.idDelta = [];
     for (var u = 0; u < c; u++)
-      t.idDelta.push(r.readShort(l, e)), e += 2;
-    return t.idRangeOffset = s(l, e, c), e += c * 2, t.glyphIdArray = s(l, e, a + n - e >> 1), t;
+      t.idDelta.push(r.readShort(h, e)), e += 2;
+    return t.idRangeOffset = s(h, e, c), e += c * 2, t.glyphIdArray = s(h, e, o + n - e >> 1), t;
   },
-  parse12: function(l, e, t) {
+  parse12: function(h, e, t) {
     var r = m.B, i = r.readUint;
-    e += 4, i(l, e), e += 4, i(l, e), e += 4;
-    var s = i(l, e) * 3;
+    e += 4, i(h, e), e += 4, i(h, e), e += 4;
+    var s = i(h, e) * 3;
     e += 4;
-    for (var a = t.groups = new Uint32Array(s), n = 0; n < s; n += 3)
-      a[n] = i(l, e + (n << 2)), a[n + 1] = i(l, e + (n << 2) + 4), a[n + 2] = i(l, e + (n << 2) + 8);
+    for (var o = t.groups = new Uint32Array(s), n = 0; n < s; n += 3)
+      o[n] = i(h, e + (n << 2)), o[n + 1] = i(h, e + (n << 2) + 4), o[n + 2] = i(h, e + (n << 2) + 8);
     return t;
   }
 };
 m.T.head = {
-  parseTab: function(l, e, t) {
+  parseTab: function(h, e, t) {
     var r = m.B, i = {};
-    return e += 18, i.unitsPerEm = r.readUshort(l, e), e += 2, e += 16, i.xMin = r.readShort(l, e), e += 2, i.yMin = r.readShort(l, e), e += 2, i.xMax = r.readShort(l, e), e += 2, i.yMax = r.readShort(l, e), e += 2, e += 6, i.indexToLocFormat = r.readShort(l, e), i;
+    return e += 18, i.unitsPerEm = r.readUshort(h, e), e += 2, e += 16, i.xMin = r.readShort(h, e), e += 2, i.yMin = r.readShort(h, e), e += 2, i.xMax = r.readShort(h, e), e += 2, i.yMax = r.readShort(h, e), e += 2, e += 6, i.indexToLocFormat = r.readShort(h, e), i;
   }
 };
 m.T.hhea = {
-  parseTab: function(l, e, t) {
+  parseTab: function(h, e, t) {
     var r = m.B, i = {};
     e += 4;
     for (var s = [
@@ -962,79 +1002,79 @@ m.T.hhea = {
       "res3",
       "metricDataFormat",
       "numberOfHMetrics"
-    ], a = 0; a < s.length; a++) {
-      var n = s[a], h = n == "advanceWidthMax" || n == "numberOfHMetrics" ? r.readUshort : r.readShort;
-      i[n] = h(l, e + a * 2);
+    ], o = 0; o < s.length; o++) {
+      var n = s[o], l = n == "advanceWidthMax" || n == "numberOfHMetrics" ? r.readUshort : r.readShort;
+      i[n] = l(h, e + o * 2);
     }
     return i;
   }
 };
 m.T.hmtx = {
-  parseTab: function(l, e, t, r) {
-    for (var i = m.B, s = [], a = [], n = r.maxp.numGlyphs, h = r.hhea.numberOfHMetrics, c = 0, u = 0, d = 0; d < h; )
-      c = i.readUshort(l, e + (d << 2)), u = i.readShort(l, e + (d << 2) + 2), s.push(c), a.push(u), d++;
+  parseTab: function(h, e, t, r) {
+    for (var i = m.B, s = [], o = [], n = r.maxp.numGlyphs, l = r.hhea.numberOfHMetrics, c = 0, u = 0, d = 0; d < l; )
+      c = i.readUshort(h, e + (d << 2)), u = i.readShort(h, e + (d << 2) + 2), s.push(c), o.push(u), d++;
     for (; d < n; )
-      s.push(c), a.push(u), d++;
-    return { aWidth: s, lsBearing: a };
+      s.push(c), o.push(u), d++;
+    return { aWidth: s, lsBearing: o };
   }
 };
 m.T.maxp = {
-  parseTab: function(l, e, t) {
+  parseTab: function(h, e, t) {
     var r = m.B, i = r.readUshort, s = {};
-    return r.readUint(l, e), e += 4, s.numGlyphs = i(l, e), e += 2, s;
+    return r.readUint(h, e), e += 4, s.numGlyphs = i(h, e), e += 2, s;
   }
 };
 m.T.loca = {
-  parseTab: function(l, e, t, r) {
-    var i = m.B, s = [], a = r.head.indexToLocFormat, n = r.maxp.numGlyphs + 1;
-    if (a == 0) for (var h = 0; h < n; h++) s.push(i.readUshort(l, e + (h << 1)) << 1);
-    if (a == 1) for (var h = 0; h < n; h++) s.push(i.readUint(l, e + (h << 2)));
+  parseTab: function(h, e, t, r) {
+    var i = m.B, s = [], o = r.head.indexToLocFormat, n = r.maxp.numGlyphs + 1;
+    if (o == 0) for (var l = 0; l < n; l++) s.push(i.readUshort(h, e + (l << 1)) << 1);
+    if (o == 1) for (var l = 0; l < n; l++) s.push(i.readUint(h, e + (l << 2)));
     return s;
   }
 };
 m.T.glyf = {
-  parseTab: function(l, e, t, r) {
-    for (var i = [], s = r.maxp.numGlyphs, a = 0; a < s; a++) i.push(null);
+  parseTab: function(h, e, t, r) {
+    for (var i = [], s = r.maxp.numGlyphs, o = 0; o < s; o++) i.push(null);
     return i;
   },
-  _parseGlyf: function(l, e) {
-    var t = m.B, r = l._data, i = l.loca;
+  _parseGlyf: function(h, e) {
+    var t = m.B, r = h._data, i = h.loca;
     if (i[e] == i[e + 1]) return null;
-    var s = m.findTable(r, "glyf", l._offset)[0] + i[e], a = {};
-    if (a.noc = t.readShort(r, s), s += 2, a.xMin = t.readShort(r, s), s += 2, a.yMin = t.readShort(r, s), s += 2, a.xMax = t.readShort(r, s), s += 2, a.yMax = t.readShort(r, s), s += 2, a.xMin >= a.xMax || a.yMin >= a.yMax) return null;
-    if (a.noc > 0) {
-      a.endPts = [];
-      for (var n = 0; n < a.noc; n++)
-        a.endPts.push(t.readUshort(r, s)), s += 2;
-      var h = t.readUshort(r, s);
-      if (s += 2, r.length - s < h) return null;
-      s += h;
-      var c = a.endPts[a.noc - 1] + 1;
-      a.flags = [];
+    var s = m.findTable(r, "glyf", h._offset)[0] + i[e], o = {};
+    if (o.noc = t.readShort(r, s), s += 2, o.xMin = t.readShort(r, s), s += 2, o.yMin = t.readShort(r, s), s += 2, o.xMax = t.readShort(r, s), s += 2, o.yMax = t.readShort(r, s), s += 2, o.xMin >= o.xMax || o.yMin >= o.yMax) return null;
+    if (o.noc > 0) {
+      o.endPts = [];
+      for (var n = 0; n < o.noc; n++)
+        o.endPts.push(t.readUshort(r, s)), s += 2;
+      var l = t.readUshort(r, s);
+      if (s += 2, r.length - s < l) return null;
+      s += l;
+      var c = o.endPts[o.noc - 1] + 1;
+      o.flags = [];
       for (var n = 0; n < c; n++) {
         var u = r[s];
-        if (s++, a.flags.push(u), u & 8) {
+        if (s++, o.flags.push(u), u & 8) {
           var d = r[s];
           s++;
           for (var f = 0; f < d; f++)
-            a.flags.push(u), n++;
+            o.flags.push(u), n++;
         }
       }
-      a.xs = [];
+      o.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 = (o.flags[n] & 2) != 0, p = (o.flags[n] & 16) != 0;
+        g ? (o.xs.push(p ? r[s] : -r[s]), s++) : p ? o.xs.push(0) : (o.xs.push(t.readShort(r, s)), s += 2);
       }
-      a.ys = [];
+      o.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 = (o.flags[n] & 4) != 0, p = (o.flags[n] & 32) != 0;
+        g ? (o.ys.push(p ? r[s] : -r[s]), s++) : p ? o.ys.push(0) : (o.ys.push(t.readShort(r, s)), s += 2);
       }
-      for (var p = 0, C = 0, n = 0; n < c; n++)
-        p += a.xs[n], C += a.ys[n], a.xs[n] = p, a.ys[n] = C;
+      for (var _ = 0, b = 0, n = 0; n < c; n++)
+        _ += o.xs[n], b += o.ys[n], o.xs[n] = _, o.ys[n] = b;
     } else
-      a.parts = [];
-    return a;
+      o.parts = [];
+    return o;
   }
 };
 typeof module < "u" && module.exports ? module.exports = m : typeof window < "u" && (window.Typr = m);
@@ -1069,10 +1109,10 @@ class me {
     for (let r = 0; r < e.startCount.length; r++) {
       const i = e.startCount[r], s = e.endCount[r];
       if (!(i === 65535 && s === 65535)) {
-        for (let a = i; a <= s; a++)
-          if (this._calculateGlyphIndexFormat4(e, a, r) > 0) {
-            const h = String.fromCodePoint(a);
-            t.push(h);
+        for (let o = i; o <= s; o++)
+          if (this._calculateGlyphIndexFormat4(e, o, r) > 0) {
+            const l = String.fromCodePoint(o);
+            t.push(l);
           }
       }
     }
@@ -1088,9 +1128,9 @@ class me {
     if (!e.groups)
       return t;
     for (let r = 0; r < e.groups.length; r += 3) {
-      const i = e.groups[r], s = e.groups[r + 1], a = e.groups[r + 2];
+      const i = e.groups[r], s = e.groups[r + 1], o = e.groups[r + 2];
       for (let n = i; n <= s; n++)
-        if (a + (n - i) > 0) {
+        if (o + (n - i) > 0) {
           const c = String.fromCodePoint(n);
           t.push(c);
         }
@@ -1141,9 +1181,9 @@ class ge {
    * @param renderer The WebGL renderer instance
    */
   constructor(e) {
-    o(this, "_textureCanvas");
-    o(this, "_textureContext");
-    o(this, "_renderer");
+    a(this, "_textureCanvas");
+    a(this, "_textureContext");
+    a(this, "_renderer");
     this._renderer = e, this._textureCanvas = document.createElement("canvas"), this._textureContext = this._textureCanvas.getContext("2d", { willReadFrequently: !0, alpha: !1 });
   }
   /**
@@ -1155,12 +1195,12 @@ class ge {
    * @returns Object containing framebuffer, columns, and rows
    */
   createTextureAtlas(e, t, r, i) {
-    const s = e.length, a = Math.ceil(Math.sqrt(s)), n = Math.ceil(s / a), h = t.width * a, c = t.height * n;
-    this._setupCanvas(h, c, r, i), this._renderCharactersToCanvas(e, t, a, r), this._applyBlackWhiteThreshold();
-    const u = this._renderer.createFramebuffer(h, c, { filter: "nearest" });
+    const s = e.length, o = Math.ceil(Math.sqrt(s)), n = Math.ceil(s / o), l = t.width * o, c = t.height * n;
+    this._setupCanvas(l, c, r, i), this._renderCharactersToCanvas(e, t, o, r), this._applyBlackWhiteThreshold();
+    const u = this._renderer.createFramebuffer(l, c, { filter: "nearest" });
     return u.update(this._textureCanvas), {
       framebuffer: u,
-      columns: a,
+      columns: o,
       rows: n
     };
   }
@@ -1185,7 +1225,7 @@ class ge {
    */
   _renderCharactersToCanvas(e, t, r, i) {
     for (let s = 0; s < e.length; s++) {
-      const a = s % r, n = Math.floor(s / r), h = a * t.width + t.width * 0.5, c = n * t.height + t.height * 0.5, u = Math.round(h - t.width * 0.5), d = Math.round(c - i * 0.5);
+      const o = s % r, n = Math.floor(s / r), l = o * t.width + t.width * 0.5, c = n * t.height + t.height * 0.5, u = Math.round(l - t.width * 0.5), d = Math.round(c - i * 0.5);
       this._textureContext.fillText(e[s].character, u, d);
     }
   }
@@ -1198,19 +1238,19 @@ class ge {
   _applyBlackWhiteThreshold(e = 128) {
     const t = this._textureContext.getImageData(0, 0, this._textureCanvas.width, this._textureCanvas.height), r = t.data;
     for (let i = 0; i < r.length; i += 4) {
-      const s = 0.299 * r[i] + 0.587 * r[i + 1] + 0.114 * r[i + 2], a = e + 32, n = s > a ? 255 : 0;
+      const s = 0.299 * r[i] + 0.587 * r[i + 1] + 0.114 * r[i + 2], o = e + 32, n = s > o ? 255 : 0;
       r[i] = n, r[i + 1] = n, r[i + 2] = n;
     }
     this._textureContext.putImageData(t, 0, 0);
   }
 }
-class pe {
+class _e {
   /**
    * Creates a new MetricsCalculation instance.
    */
   constructor() {
-    o(this, "_tempCanvas");
-    o(this, "_tempContext");
+    a(this, "_tempCanvas");
+    a(this, "_tempContext");
     this._tempCanvas = document.createElement("canvas"), this._tempContext = this._tempCanvas.getContext("2d");
   }
   /**
@@ -1224,9 +1264,9 @@ class pe {
   calculateMaxGlyphDimensions(e, t, r) {
     this._tempContext.font = `${t}px ${r}`;
     let i = 0, s = 0;
-    for (const a of e) {
-      const n = this._tempContext.measureText(a), h = n.width, c = n.actualBoundingBoxAscent + n.actualBoundingBoxDescent;
-      h > 0 && (i = Math.max(i, h), s = Math.max(s, c));
+    for (const o of e) {
+      const n = this._tempContext.measureText(o), l = n.width, c = n.actualBoundingBoxAscent + n.actualBoundingBoxDescent;
+      l > 0 && (i = Math.max(i, l), s = Math.max(s, c));
     }
     return {
       width: Math.ceil(i),
@@ -1234,7 +1274,7 @@ class pe {
     };
   }
 }
-class _e {
+class pe {
   /**
    * Creates TextmodeCharacter objects with unique color assignments.
    * @param characters Array of character strings
@@ -1243,16 +1283,16 @@ class _e {
    */
   createCharacterObjects(e, t) {
     return e.map((r, i) => {
-      const s = r.codePointAt(0) || 0, a = this._generateCharacterColor(i);
+      const s = r.codePointAt(0) || 0, o = this._generateCharacterColor(i);
       let n = 0;
       if (t.hmtx && t.hmtx.aWidth) {
-        const h = this._getGlyphIndex(t, s);
-        h > 0 && t.hmtx.aWidth[h] !== void 0 && (n = t.hmtx.aWidth[h]);
+        const l = this._getGlyphIndex(t, s);
+        l > 0 && t.hmtx.aWidth[l] !== void 0 && (n = t.hmtx.aWidth[l]);
       }
       return {
         character: r,
         unicode: s,
-        color: a,
+        color: o,
         advanceWidth: n
       };
     });
@@ -1274,9 +1314,9 @@ class _e {
             if (i.idRangeOffset[s] === 0)
               return t + i.idDelta[s] & 65535;
             {
-              const a = i.idRangeOffset[s] / 2 + (t - i.startCount[s]) - (i.startCount.length - s);
-              if (a >= 0 && a < i.glyphIdArray.length) {
-                const n = i.glyphIdArray[a];
+              const o = i.idRangeOffset[s] / 2 + (t - i.startCount[s]) - (i.startCount.length - s);
+              if (o >= 0 && o < i.glyphIdArray.length) {
+                const n = i.glyphIdArray[o];
                 if (n !== 0)
                   return n + i.idDelta[s] & 65535;
               }
@@ -1332,21 +1372,21 @@ class xe {
    * @ignore
    */
   constructor(e, t = 16) {
-    o(this, "_font");
-    o(this, "_characters", []);
-    o(this, "_fontFramebuffer");
-    o(this, "_fontSize", 16);
-    o(this, "_textureColumns", 0);
-    o(this, "_textureRows", 0);
-    o(this, "_maxGlyphDimensions", { width: 0, height: 0 });
-    o(this, "_fontFace");
-    o(this, "_fontFamilyName", "UrsaFont");
+    a(this, "_font");
+    a(this, "_characters", []);
+    a(this, "_fontFramebuffer");
+    a(this, "_fontSize", 16);
+    a(this, "_textureColumns", 0);
+    a(this, "_textureRows", 0);
+    a(this, "_maxGlyphDimensions", { width: 0, height: 0 });
+    a(this, "_fontFace");
+    a(this, "_fontFamilyName", "UrsaFont");
     // Component classes
-    o(this, "_characterExtractor");
-    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();
+    a(this, "_characterExtractor");
+    a(this, "_textureAtlas");
+    a(this, "_metricsCalculator");
+    a(this, "_characterColorMapper");
+    this._fontSize = t, this._characterExtractor = new me(), this._textureAtlas = new ge(e), this._metricsCalculator = new _e(), this._characterColorMapper = new pe();
   }
   /**
    * Initializes the font manager by loading the font and creating the texture atlas.
@@ -1484,6 +1524,19 @@ class xe {
   get maxGlyphDimensions() {
     return this._maxGlyphDimensions;
   }
+  /**
+   * Dispose of all resources used by this font manager.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    this._fontFramebuffer && !this._fontFramebuffer.isDisposed && this._fontFramebuffer.dispose(), this._fontFace && document.fonts.has(this._fontFace) && document.fonts.delete(this._fontFace), this._fontFramebuffer = null, this._fontFace = null, this._font = null, this._characters = [], this._maxGlyphDimensions = { width: 0, height: 0 }, this._textureColumns = 0, this._textureRows = 0;
+  }
+  /**
+   * Check if this font manager has been disposed
+   */
+  get isDisposed() {
+    return this._fontFramebuffer === null || this._font === null;
+  }
   /** Returns the font size used for rendering. */
   get fontSize() {
     return this._fontSize;
@@ -1503,25 +1556,25 @@ class ve {
    */
   constructor(e, t, r) {
     /** The number of columns in the grid. */
-    o(this, "_cols");
+    a(this, "_cols");
     /** The number of rows in the grid. */
-    o(this, "_rows");
+    a(this, "_rows");
     /** The total width of the grid in pixels. */
-    o(this, "_width");
+    a(this, "_width");
     /** The total height of the grid in pixels. */
-    o(this, "_height");
+    a(this, "_height");
     /** The offset to the outer canvas on the x-axis when centering the grid. */
-    o(this, "_offsetX");
+    a(this, "_offsetX");
     /** The offset to the outer canvas on the y-axis when centering the grid. */
-    o(this, "_offsetY");
+    a(this, "_offsetY");
     /** Whether the grid dimensions are fixed, or responsive based on the canvas dimensions. */
-    o(this, "_fixedDimensions", !1);
+    a(this, "_fixedDimensions", !1);
     /** The canvas element used to determine the grid dimensions. */
-    o(this, "_canvas");
+    a(this, "_canvas");
     /** The width of each cell in the grid. */
-    o(this, "_cellWidth");
+    a(this, "_cellWidth");
     /** The height of each cell in the grid. */
-    o(this, "_cellHeight");
+    a(this, "_cellHeight");
     this._canvas = e, this._cellWidth = t, this._cellHeight = r, this.reset();
   }
   /**
@@ -1598,6 +1651,19 @@ class ve {
   get cellHeight() {
     return this._cellHeight;
   }
+  /**
+   * Dispose of this TextmodeGrid and clean up references.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    this._canvas = null, this._cols = 0, this._rows = 0, this._width = 0, this._height = 0, this._offsetX = 0, this._offsetY = 0, this._cellWidth = 0, this._cellHeight = 0;
+  }
+  /**
+   * Check if this TextmodeGrid has been disposed
+   */
+  get isDisposed() {
+    return this._canvas === null;
+  }
   /** Returns the number of columns in the grid. */
   get cols() {
     return this._cols;
@@ -1623,28 +1689,28 @@ class ve {
     return this._offsetY;
   }
 }
-class Ce {
+class be {
   constructor(e, t = !1, r = {}) {
-    o(this, "_canvas");
-    o(this, "captureSource");
-    o(this, "_isStandalone");
+    a(this, "_canvas");
+    a(this, "captureSource");
+    a(this, "_isStandalone");
     this.captureSource = e, this._isStandalone = t, this._canvas = this.createCanvas(r.width, r.height);
   }
   createCanvas(e, t) {
     var i;
     const r = document.createElement("canvas");
-    if (r.className = "textmodeCanvas", this._isStandalone)
+    if (r.className = "textmodeCanvas", r.style.imageRendering = "pixelated", this._isStandalone)
       r.width = e || 800, r.height = t || 600, document.body.appendChild(r);
     else {
       const s = this.captureSource.getBoundingClientRect();
-      let a = Math.round(s.width), n = Math.round(s.height);
+      let o = Math.round(s.width), n = Math.round(s.height);
       if (this.captureSource instanceof HTMLVideoElement) {
         const u = this.captureSource;
-        (a === 0 || n === 0) && u.videoWidth > 0 && u.videoHeight > 0 && (a = u.videoWidth, n = u.videoHeight);
+        (o === 0 || n === 0) && u.videoWidth > 0 && u.videoHeight > 0 && (o = u.videoWidth, n = u.videoHeight);
       }
-      r.width = a, r.height = n, r.style.position = "absolute", r.style.pointerEvents = "none";
-      const h = window.getComputedStyle(this.captureSource);
-      let c = parseInt(h.zIndex || "0", 10);
+      r.width = o, r.height = n, r.style.position = "absolute", r.style.pointerEvents = "none";
+      const l = window.getComputedStyle(this.captureSource);
+      let c = parseInt(l.zIndex || "0", 10);
       isNaN(c) && (c = 0), r.style.zIndex = (c + 1).toString(), this.positionOverlayCanvas(r), (i = this.captureSource.parentNode) == null || i.insertBefore(r, this.captureSource.nextSibling);
     }
     return r;
@@ -1665,8 +1731,8 @@ class Ce {
       const r = this.captureSource.getBoundingClientRect();
       let i = Math.round(r.width), s = Math.round(r.height);
       if (this.captureSource instanceof HTMLVideoElement) {
-        const a = this.captureSource;
-        (i === 0 || s === 0) && a.videoWidth > 0 && a.videoHeight > 0 && (i = a.videoWidth, s = a.videoHeight);
+        const o = this.captureSource;
+        (i === 0 || s === 0) && o.videoWidth > 0 && o.videoHeight > 0 && (i = o.videoWidth, s = o.videoHeight);
       }
       this._canvas.width = i, this._canvas.height = s, this.positionOverlayCanvas(this._canvas);
     }
@@ -1688,6 +1754,27 @@ class Ce {
       throw new F("WebGL context could not be created. Ensure your browser supports WebGL.");
     return t;
   }
+  /**
+   * Dispose of this TextmodeCanvas and clean up all resources.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    if (this._canvas) {
+      const e = this._canvas.getContext("webgl") || this._canvas.getContext("webgl2");
+      if (e) {
+        const t = e.getExtension("WEBGL_lose_context");
+        t && t.loseContext();
+      }
+      this._canvas.parentNode && this._canvas.parentNode.removeChild(this._canvas), this._canvas = null;
+    }
+    this.captureSource = null;
+  }
+  /**
+   * Check if this TextmodeCanvas has been disposed
+   */
+  get isDisposed() {
+    return this._canvas === null;
+  }
   get canvas() {
     return this._canvas;
   }
@@ -1708,15 +1795,15 @@ class U {
    * @ignore
    */
   constructor(e, t, r, i = {}) {
-    o(this, "renderer");
-    o(this, "fontManager");
-    o(this, "grid");
-    o(this, "_characterFramebuffer");
-    o(this, "_primaryColorFramebuffer");
-    o(this, "_secondaryColorFramebuffer");
-    o(this, "_rotationFramebuffer");
-    o(this, "_transformFramebuffer");
-    o(this, "_options");
+    a(this, "renderer");
+    a(this, "fontManager");
+    a(this, "grid");
+    a(this, "_characterFramebuffer");
+    a(this, "_primaryColorFramebuffer");
+    a(this, "_secondaryColorFramebuffer");
+    a(this, "_rotationFramebuffer");
+    a(this, "_transformFramebuffer");
+    a(this, "_options");
     this.renderer = e, this.fontManager = t, this.grid = r, this._options = i, this._characterFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows), this._primaryColorFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows), this._secondaryColorFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows), this._rotationFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows), this._transformFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows);
   }
   /**
@@ -1745,6 +1832,19 @@ class U {
   disable() {
     this.enabled(!1);
   }
+  /**
+   * Dispose of all framebuffers used by this converter.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    this._characterFramebuffer && !this._characterFramebuffer.isDisposed && this._characterFramebuffer.dispose(), this._primaryColorFramebuffer && !this._primaryColorFramebuffer.isDisposed && this._primaryColorFramebuffer.dispose(), this._secondaryColorFramebuffer && !this._secondaryColorFramebuffer.isDisposed && this._secondaryColorFramebuffer.dispose(), this._rotationFramebuffer && !this._rotationFramebuffer.isDisposed && this._rotationFramebuffer.dispose(), this._transformFramebuffer && !this._transformFramebuffer.isDisposed && this._transformFramebuffer.dispose(), this._characterFramebuffer = null, this._primaryColorFramebuffer = null, this._secondaryColorFramebuffer = null, this._rotationFramebuffer = null, this._transformFramebuffer = null;
+  }
+  /**
+   * Check if this converter has been disposed
+   */
+  get isDisposed() {
+    return this._characterFramebuffer === null;
+  }
   /** Returns the framebuffer containing character data. */
   get characterFramebuffer() {
     return this._characterFramebuffer;
@@ -1770,7 +1870,7 @@ class U {
     return this._options;
   }
 }
-class be {
+class Ce {
   /**
    * Create a new color palette instance.
    * @param renderer The renderer instance.
@@ -1778,9 +1878,9 @@ class be {
    */
   constructor(e, t) {
     /** The framebuffer used to store the color palette. */
-    o(this, "_framebuffer");
-    o(this, "_renderer");
-    o(this, "_colors");
+    a(this, "_framebuffer");
+    a(this, "_renderer");
+    a(this, "_colors");
     this._renderer = e, this._colors = t;
     const r = Math.max(this._colors.length, 1);
     this._framebuffer = this._renderer.createFramebuffer(r, 1), this._updateFramebuffer();
@@ -1794,8 +1894,8 @@ class be {
     this._framebuffer.width !== e && this._framebuffer.resize(e, t);
     const r = new Uint8Array(e * t * 4);
     for (let i = 0; i < e; i++) {
-      const s = i < this._colors.length ? this._colors[i] : [0, 0, 0], a = i * 4;
-      r[a] = s[0], r[a + 1] = s[1], r[a + 2] = s[2], r[a + 3] = 255;
+      const s = i < this._colors.length ? this._colors[i] : [0, 0, 0], o = i * 4;
+      r[o] = s[0], r[o + 1] = s[1], r[o + 2] = s[2], r[o + 3] = 255;
     }
     this._framebuffer.updatePixels(r, e, t);
   }
@@ -1828,8 +1928,8 @@ class be {
 class X extends U {
   constructor(t, r, i, s = {}) {
     super(t, r, i, s);
-    o(this, "palette");
-    this.palette = new be(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
+    a(this, "palette");
+    this.palette = new Ce(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
   }
   /**
    * Sets the characters used for mapping.
@@ -1852,7 +1952,7 @@ class X extends U {
    */
   characterColor(t, r = t, i = t, s = 255) {
     x.validate(
-      [t, r, i, s].every((a) => a >= 0 && a <= 255),
+      [t, r, i, s].every((o) => o >= 0 && o <= 255),
       "Character color values must be between 0 and 255",
       { method: "characterColor", providedValues: { r: t, g: r, b: i, a: s } }
     ) && (this._options.characterColor = [t, r, i, s]);
@@ -1880,7 +1980,7 @@ class X extends U {
    */
   cellColor(t, r = t, i = t, s = 255) {
     x.validate(
-      [t, r, i, s].every((a) => a >= 0 && a <= 255),
+      [t, r, i, s].every((o) => o >= 0 && o <= 255),
       "Cell color values must be between 0 and 255",
       { method: "cellColor", providedValues: { r: t, g: r, b: i, a: s } }
     ) && (this._options.cellColor = [t, r, i, s]);
@@ -1982,12 +2082,12 @@ class L extends X {
    */
   constructor(t, r, i) {
     super(t, r, i, { ...Re });
-    o(this, "sampleShader");
-    o(this, "colorFillShader");
-    o(this, "charMappingShader");
-    o(this, "transformFillShader");
-    o(this, "rotationFillShader");
-    o(this, "sampleFramebuffer");
+    a(this, "sampleShader");
+    a(this, "colorFillShader");
+    a(this, "charMappingShader");
+    a(this, "transformFillShader");
+    a(this, "rotationFillShader");
+    a(this, "sampleFramebuffer");
     this.sampleShader = new T(t.context, S, Fe), this.colorFillShader = new T(t.context, S, we), this.transformFillShader = new T(t.context, S, ye), this.rotationFillShader = new T(t.context, S, Te), this.charMappingShader = new T(t.context, S, Se), this.sampleFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows);
   }
   convert(t) {
@@ -2027,17 +2127,17 @@ class Ue {
    * @ignore
    */
   constructor(e, t, r) {
-    o(this, "renderer");
-    o(this, "font");
-    o(this, "grid");
-    o(this, "converters");
-    o(this, "_resultFramebuffer");
-    o(this, "_asciiShader");
-    o(this, "_characterFramebuffer");
-    o(this, "_primaryColorFramebuffer");
-    o(this, "_secondaryColorFramebuffer");
-    o(this, "_rotationFramebuffer");
-    o(this, "_transformFramebuffer");
+    a(this, "renderer");
+    a(this, "font");
+    a(this, "grid");
+    a(this, "converters");
+    a(this, "_resultFramebuffer");
+    a(this, "_asciiShader");
+    a(this, "_characterFramebuffer");
+    a(this, "_primaryColorFramebuffer");
+    a(this, "_secondaryColorFramebuffer");
+    a(this, "_rotationFramebuffer");
+    a(this, "_transformFramebuffer");
     this.renderer = e, this.font = t, this.grid = r, this._asciiShader = this.renderer.createShader(S, Ee), this.converters = [
       { name: "brightness", converter: new L(e, t, r) },
       { name: "custom", converter: new U(e, t, r) }
@@ -2056,8 +2156,8 @@ class Ue {
     const t = (r, i) => {
       r.begin(), this.renderer.clear();
       for (const s of this.converters) {
-        const a = s.converter;
-        a.options.enabled && this.renderer.image(i(a), 0, 0);
+        const o = s.converter;
+        o.options.enabled && this.renderer.image(i(o), 0, 0);
       }
       r.end();
     };
@@ -2167,6 +2267,21 @@ class Ue {
     for (const e of this.converters)
       e.converter.enable();
   }
+  /**
+   * Dispose of all resources used by this conversion pipeline.
+   * This method is idempotent and safe to call multiple times.
+   */
+  dispose() {
+    for (const e of this.converters)
+      e.converter && !e.converter.isDisposed && e.converter.dispose();
+    this._characterFramebuffer && !this._characterFramebuffer.isDisposed && this._characterFramebuffer.dispose(), this._primaryColorFramebuffer && !this._primaryColorFramebuffer.isDisposed && this._primaryColorFramebuffer.dispose(), this._secondaryColorFramebuffer && !this._secondaryColorFramebuffer.isDisposed && this._secondaryColorFramebuffer.dispose(), this._rotationFramebuffer && !this._rotationFramebuffer.isDisposed && this._rotationFramebuffer.dispose(), this._transformFramebuffer && !this._transformFramebuffer.isDisposed && this._transformFramebuffer.dispose(), this._resultFramebuffer && !this._resultFramebuffer.isDisposed && this._resultFramebuffer.dispose(), this._asciiShader && !this._asciiShader.isDisposed && this._asciiShader.dispose(), this.converters = [], this._characterFramebuffer = null, this._primaryColorFramebuffer = null, this._secondaryColorFramebuffer = null, this._rotationFramebuffer = null, this._transformFramebuffer = null, this._resultFramebuffer = null, this._asciiShader = null;
+  }
+  /**
+   * Check if this conversion pipeline has been disposed
+   */
+  get isDisposed() {
+    return this._resultFramebuffer === null || this._asciiShader === null;
+  }
   /** Returns the character framebuffer containing the combined result of all converters. */
   get characterFramebuffer() {
     return this._characterFramebuffer;
@@ -2195,12 +2310,12 @@ class H {
    * @returns Object containing all pixel data arrays
    */
   extractFramebufferData(e) {
-    const t = e.get("brightness"), r = t == null ? void 0 : t.characterFramebuffer, i = t == null ? void 0 : t.primaryColorFramebuffer, s = t == null ? void 0 : t.secondaryColorFramebuffer, a = t == null ? void 0 : t.transformFramebuffer, n = t == null ? void 0 : t.rotationFramebuffer;
-    return r == null || r.loadPixels(), i == null || i.loadPixels(), s == null || s.loadPixels(), a == null || a.loadPixels(), n == null || n.loadPixels(), {
+    const t = e.get("brightness"), r = t == null ? void 0 : t.characterFramebuffer, i = t == null ? void 0 : t.primaryColorFramebuffer, s = t == null ? void 0 : t.secondaryColorFramebuffer, o = t == null ? void 0 : t.transformFramebuffer, n = t == null ? void 0 : t.rotationFramebuffer;
+    return r == null || r.loadPixels(), i == null || i.loadPixels(), s == null || s.loadPixels(), o == null || o.loadPixels(), n == null || n.loadPixels(), {
       characterPixels: (r == null ? void 0 : r.pixels) || new Uint8Array(0),
       primaryColorPixels: (i == null ? void 0 : i.pixels) || new Uint8Array(0),
       secondaryColorPixels: (s == null ? void 0 : s.pixels) || new Uint8Array(0),
-      transformPixels: (a == null ? void 0 : a.pixels) || new Uint8Array(0),
+      transformPixels: (o == null ? void 0 : o.pixels) || new Uint8Array(0),
       rotationPixels: (n == null ? void 0 : n.pixels) || new Uint8Array(0)
     };
   }
@@ -2248,8 +2363,8 @@ class N {
    */
   downloadFile(e, t, r) {
     try {
-      const i = this.createBlob(e, r), s = URL.createObjectURL(i), a = document.createElement("a");
-      a.href = s, a.download = t, a.style.display = "none", a.rel = "noopener", document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(s);
+      const i = this.createBlob(e, r), s = URL.createObjectURL(i), o = document.createElement("a");
+      o.href = s, o.download = t, o.style.display = "none", o.rel = "noopener", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(s);
     } catch (i) {
       throw console.error("Failed to download file:", i), new Error(`File download failed: ${i instanceof Error ? i.message : "Unknown error"}`);
     }
@@ -2287,7 +2402,7 @@ class N {
     return `'textmode-export'-${this.generateTimestamp()}`;
   }
 }
-class Ae extends H {
+class De extends H {
   /**
    * Extracts transform data from transform pixels
    * @param transformPixels Transform framebuffer pixels
@@ -2296,10 +2411,10 @@ class Ae extends H {
    * @returns Transform data object
    */
   extractTransformData(e, t, r) {
-    const i = e[r], s = e[r + 1], a = e[r + 2], n = i === 255, h = s === 255, c = a === 255, u = t[r], d = t[r + 1], f = u + d / 255, g = Math.round(f * 360 / 255 * 100) / 100;
+    const i = e[r], s = e[r + 1], o = e[r + 2], n = i === 255, l = s === 255, c = o === 255, u = t[r], d = t[r + 1], f = u + d / 255, g = Math.round(f * 360 / 255 * 100) / 100;
     return {
       isInverted: n,
-      flipHorizontal: h,
+      flipHorizontal: l,
       flipVertical: c,
       rotation: g
     };
@@ -2330,8 +2445,8 @@ class Ae extends H {
     const r = [];
     let i = 0;
     for (let s = 0; s < t.rows; s++)
-      for (let a = 0; a < t.cols; a++) {
-        const n = i * 4, h = this.getCharacterIndex(
+      for (let o = 0; o < t.cols; o++) {
+        const n = i * 4, l = this.getCharacterIndex(
           e.characterPixels,
           n
         );
@@ -2345,9 +2460,9 @@ class Ae extends H {
           const g = c;
           c = u, u = g;
         }
-        const f = this.calculateCellPosition(a, s, t);
+        const f = this.calculateCellPosition(o, s, t);
         r.push({
-          charIndex: h,
+          charIndex: l,
           primaryColor: c,
           secondaryColor: u,
           transform: d,
@@ -2357,7 +2472,7 @@ class Ae extends H {
     return r;
   }
 }
-class Me {
+class Ae {
   /**
    * Gets the glyph index for a given Unicode code point in a Typr.js font
    * @param fontData The Typr.js font data
@@ -2374,9 +2489,9 @@ class Me {
             if (i.idRangeOffset[s] === 0)
               return t + i.idDelta[s] & 65535;
             {
-              const a = i.idRangeOffset[s] / 2 + (t - i.startCount[s]) - (i.startCount.length - s);
-              if (a >= 0 && a < i.glyphIdArray.length) {
-                const n = i.glyphIdArray[a];
+              const o = i.idRangeOffset[s] / 2 + (t - i.startCount[s]) - (i.startCount.length - s);
+              if (o >= 0 && o < i.glyphIdArray.length) {
+                const n = i.glyphIdArray[o];
                 if (n !== 0)
                   return n + i.idDelta[s] & 65535;
               }
@@ -2407,15 +2522,15 @@ class Me {
   createGlyphPath(e, t, r, i, s) {
     if (!t || !t.xs || t.xs.length === 0)
       return this.createEmptyPath();
-    const a = s / e.head.unitsPerEm;
+    const o = s / e.head.unitsPerEm;
     return {
       getBoundingBox: () => ({
-        x1: r + t.xMin * a,
-        y1: i + -t.yMax * a,
-        x2: r + t.xMax * a,
-        y2: i + -t.yMin * a
+        x1: r + t.xMin * o,
+        y1: i + -t.yMax * o,
+        x2: r + t.xMax * o,
+        y2: i + -t.yMin * o
       }),
-      toSVG: () => this.glyphToSVGPath(t, r, i, a)
+      toSVG: () => this.glyphToSVGPath(t, r, i, o)
     };
   }
   /**
@@ -2428,29 +2543,29 @@ class Me {
    */
   glyphToSVGPath(e, t, r, i) {
     if (!e || !e.xs) return "";
-    const { xs: s, ys: a, endPts: n, flags: h } = e;
-    if (!s || !a || !n || !h) return "";
+    const { xs: s, ys: o, endPts: n, flags: l } = e;
+    if (!s || !o || !n || !l) return "";
     let c = "", u = 0;
     for (let d = 0; d < n.length; d++) {
       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)}`;
-          let p = u + 1;
-          for (; p <= f; )
-            if ((h[p] & 1) !== 0) {
-              const b = t + s[p] * i, v = r - a[p] * i;
-              c += `L${b.toFixed(2)},${v.toFixed(2)}`, p++;
+          const g = t + s[u] * i, p = r - o[u] * i;
+          c += `M${g.toFixed(2)},${p.toFixed(2)}`;
+          let _ = u + 1;
+          for (; _ <= f; )
+            if ((l[_] & 1) !== 0) {
+              const C = t + s[_] * i, v = r - o[_] * i;
+              c += `L${C.toFixed(2)},${v.toFixed(2)}`, _++;
             } else {
-              const b = t + s[p] * i, v = r - a[p] * i;
-              let w = p + 1 > f ? u : p + 1;
-              if ((h[w] & 1) !== 0) {
-                const R = t + s[w] * i, y = r - a[w] * i;
-                c += `Q${b.toFixed(2)},${v.toFixed(2)} ${R.toFixed(2)},${y.toFixed(2)}`, p = w + 1;
+              const C = t + s[_] * i, v = r - o[_] * i;
+              let w = _ + 1 > f ? u : _ + 1;
+              if ((l[w] & 1) !== 0) {
+                const R = t + s[w] * i, y = r - o[w] * i;
+                c += `Q${C.toFixed(2)},${v.toFixed(2)} ${R.toFixed(2)},${y.toFixed(2)}`, _ = w + 1;
               } else {
-                const R = t + s[w] * i, y = r - a[w] * i, P = (b + R) / 2, D = (v + y) / 2;
-                c += `Q${b.toFixed(2)},${v.toFixed(2)} ${P.toFixed(2)},${D.toFixed(2)}`, p = w;
+                const R = t + s[w] * i, y = r - o[w] * i, P = (C + R) / 2, M = (v + y) / 2;
+                c += `Q${C.toFixed(2)},${v.toFixed(2)} ${P.toFixed(2)},${M.toFixed(2)}`, _ = w;
               }
             }
           c += "Z";
@@ -2471,18 +2586,18 @@ class Me {
    */
   generateCharacterPath(e, t, r, i, s) {
     try {
-      const a = e.codePointAt(0) || 0, n = this.getGlyphIndex(t, a);
+      const o = e.codePointAt(0) || 0, n = this.getGlyphIndex(t, o);
       if (n === 0)
         return this.createEmptyPath();
-      let h = null;
+      let l = null;
       try {
-        t.glyf && t.glyf[n] !== null ? h = t.glyf[n] : m && m.T && m.T.glyf && m.T.glyf._parseGlyf && (h = m.T.glyf._parseGlyf(t, n), t.glyf && h && (t.glyf[n] = h));
+        t.glyf && t.glyf[n] !== null ? l = t.glyf[n] : m && m.T && m.T.glyf && m.T.glyf._parseGlyf && (l = m.T.glyf._parseGlyf(t, n), t.glyf && l && (t.glyf[n] = l));
       } catch (c) {
         console.warn(`Failed to parse glyph ${n}:`, c);
       }
-      return h ? this.createGlyphPath(t, h, r, i, s) : this.createEmptyPath();
-    } catch (a) {
-      return console.warn(`Failed to generate path for character "${e}":`, a), this.createEmptyPath();
+      return l ? this.createGlyphPath(t, l, r, i, s) : this.createEmptyPath();
+    } catch (o) {
+      return console.warn(`Failed to generate path for character "${e}":`, o), this.createEmptyPath();
     }
   }
   /**
@@ -2497,19 +2612,19 @@ class Me {
    * @param advanceWidth Character advance width
    * @returns SVG path data string or null if generation fails
    */
-  generatePositionedCharacterPath(e, t, r, i, s, a, n, h) {
+  generatePositionedCharacterPath(e, t, r, i, s, o, n, l) {
     try {
-      const c = n / t.head.unitsPerEm, u = h * c, d = r + (s - u) / 2, f = i + (a + n * 0.7) / 2;
+      const c = n / t.head.unitsPerEm, u = l * c, d = r + (s - u) / 2, f = i + (o + n * 0.7) / 2;
       return this.generateCharacterPath(e, t, d, f, n).toSVG() || null;
     } catch (c) {
       return console.warn(`Failed to generate positioned character path for "${e}":`, c), null;
     }
   }
 }
-class De {
+class Me {
   constructor() {
-    o(this, "pathGenerator");
-    this.pathGenerator = new Me();
+    a(this, "pathGenerator");
+    this.pathGenerator = new Ae();
   }
   /**
    * Generates the SVG header with metadata
@@ -2561,12 +2676,12 @@ class De {
    * @returns Transform attribute string or empty string
    */
   generateTransformAttribute(e, t) {
-    const { transform: r, position: i } = e, s = i.cellX + t.cellWidth / 2, a = i.cellY + t.cellHeight / 2, n = [];
+    const { transform: r, position: i } = e, s = i.cellX + t.cellWidth / 2, o = i.cellY + t.cellHeight / 2, n = [];
     if (r.flipHorizontal || r.flipVertical) {
-      const h = r.flipHorizontal ? -1 : 1, c = r.flipVertical ? -1 : 1;
-      n.push(`translate(${s} ${a})`), n.push(`scale(${h} ${c})`), n.push(`translate(${-s} ${-a})`);
+      const l = r.flipHorizontal ? -1 : 1, c = r.flipVertical ? -1 : 1;
+      n.push(`translate(${s} ${o})`), n.push(`scale(${l} ${c})`), n.push(`translate(${-s} ${-o})`);
     }
-    return r.rotation && n.push(`rotate(${r.rotation} ${s} ${a})`), n.length ? ` transform="${n.join(" ")}"` : "";
+    return r.rotation && n.push(`rotate(${r.rotation} ${s} ${o})`), n.length ? ` transform="${n.join(" ")}"` : "";
   }
   /**
    * Generates background rectangle for a cell
@@ -2595,7 +2710,7 @@ class De {
     const s = r.characters[e.charIndex];
     if (!s)
       return "";
-    const a = this.pathGenerator.generatePositionedCharacterPath(
+    const o = this.pathGenerator.generatePositionedCharacterPath(
       s.character,
       r.font,
       e.position.cellX,
@@ -2605,12 +2720,12 @@ class De {
       r.fontSize,
       s.advanceWidth
     );
-    if (!a)
+    if (!o)
       return "";
     const n = this.rgbaToColorString(e.primaryColor);
     return i.drawMode === "stroke" ? `
-    <path id="${`path-${e.charIndex}-${e.position.cellX}-${e.position.cellY}`.replace(/\./g, "-")}" d="${a}" stroke="${n}" stroke-width="${i.strokeWidth}" fill="none" />` : `
-    <path d="${a}" fill="${n}" />`;
+    <path id="${`path-${e.charIndex}-${e.position.cellX}-${e.position.cellY}`.replace(/\./g, "-")}" d="${o}" stroke="${n}" stroke-width="${i.strokeWidth}" fill="none" />` : `
+    <path d="${o}" fill="${n}" />`;
   }
   /**
    * Generates complete SVG content for a single cell
@@ -2623,9 +2738,9 @@ class De {
   generateCellContent(e, t, r, i) {
     let s = "";
     s += this.generateCellBackground(e, t, i);
-    const a = this.generateTransformAttribute(e, t), n = this.generateCharacterPath(e, t, r, i);
-    return n && (a ? (s += `
-  <g${a}>`, s += n, s += `
+    const o = this.generateTransformAttribute(e, t), n = this.generateCharacterPath(e, t, r, i);
+    return n && (o ? (s += `
+  <g${o}>`, s += n, s += `
   </g>`) : s += n), s;
   }
   /**
@@ -2640,8 +2755,8 @@ class De {
     let s = this.generateSVGHeader(t);
     s += this.generateBackground(t, i), s += `
 <g id="ascii-cells">`;
-    for (const a of e)
-      s += this.generateCellContent(a, t, r, i);
+    for (const o of e)
+      s += this.generateCellContent(o, t, r, i);
     return s += this.generateSVGFooter(), s;
   }
   /**
@@ -2686,10 +2801,10 @@ class Ie extends N {
 }
 class Y {
   constructor() {
-    o(this, "dataExtractor");
-    o(this, "contentGenerator");
-    o(this, "fileHandler");
-    this.dataExtractor = new Ae(), this.contentGenerator = new De(), this.fileHandler = new Ie();
+    a(this, "dataExtractor");
+    a(this, "contentGenerator");
+    a(this, "fileHandler");
+    this.dataExtractor = new De(), this.contentGenerator = new Me(), this.fileHandler = new Ie();
   }
   /**
    * Applies default values to SVG export options
@@ -2714,13 +2829,13 @@ class Y {
     const r = this.applyDefaultOptions(t), i = this.dataExtractor.extractFramebufferData(e.pipeline), s = this.dataExtractor.extractSVGCellData(
       i,
       e.grid
-    ), a = this.contentGenerator.generateSVGContent(
+    ), o = this.contentGenerator.generateSVGContent(
       s,
       e.grid,
       e.font,
       r
     );
-    return this.contentGenerator.optimizeSVGContent(a);
+    return this.contentGenerator.optimizeSVGContent(o);
   }
   /**
    * Exports SVG content to a downloadable file
@@ -2748,15 +2863,15 @@ class Pe extends H {
   extractCharacterGrid(e, t, r, i = " ") {
     var n;
     const s = [];
-    let a = 0;
-    for (let h = 0; h < t.rows; h++) {
+    let o = 0;
+    for (let l = 0; l < t.rows; l++) {
       const c = [];
       for (let u = 0; u < t.cols; u++) {
-        const d = a * 4, f = this.getCharacterIndex(
+        const d = o * 4, f = this.getCharacterIndex(
           e.characterPixels,
           d
         ), g = ((n = r.characters[f]) == null ? void 0 : n.character) || i;
-        c.push(g), a++;
+        c.push(g), o++;
       }
       s.push(c);
     }
@@ -2773,8 +2888,8 @@ class Be {
   generateTXTContent(e, t) {
     const r = [];
     for (const s of e) {
-      let a = s.join("");
-      t.preserveTrailingSpaces || (a = a.replace(/\s+$/, "")), r.push(a);
+      let o = s.join("");
+      t.preserveTrailingSpaces || (o = o.replace(/\s+$/, "")), r.push(o);
     }
     const i = t.lineEnding === "crlf" ? `\r
 ` : `
@@ -2808,9 +2923,9 @@ class Ge extends N {
 }
 class j {
   constructor() {
-    o(this, "dataExtractor");
-    o(this, "contentGenerator");
-    o(this, "fileHandler");
+    a(this, "dataExtractor");
+    a(this, "contentGenerator");
+    a(this, "fileHandler");
     this.dataExtractor = new Pe(), this.contentGenerator = new Be(), this.fileHandler = new Ge();
   }
   /**
@@ -2869,8 +2984,8 @@ class Ve extends H {
     const i = e.canvas;
     if (t === 1 && r === "transparent")
       return i;
-    const s = document.createElement("canvas"), a = s.getContext("2d"), n = Math.round(i.width * t), h = Math.round(i.height * t);
-    return s.width = n, s.height = h, r !== "transparent" && (a.fillStyle = r, a.fillRect(0, 0, n, h)), a.imageSmoothingEnabled = !1, a.drawImage(
+    const s = document.createElement("canvas"), o = s.getContext("2d"), n = Math.round(i.width * t), l = Math.round(i.height * t);
+    return s.width = n, s.height = l, r !== "transparent" && (o.fillStyle = r, o.fillRect(0, 0, n, l)), o.imageSmoothingEnabled = !1, o.drawImage(
       i,
       0,
       0,
@@ -2879,7 +2994,7 @@ class Ve extends H {
       0,
       0,
       n,
-      h
+      l
     ), s;
   }
 }
@@ -2902,10 +3017,10 @@ class ke {
    */
   async generateImageBlob(e, t) {
     return new Promise((r, i) => {
-      const s = this.getMimeType(t.format), a = (n) => {
+      const s = this.getMimeType(t.format), o = (n) => {
         n ? r(n) : i(new Error(`Failed to generate ${t.format.toUpperCase()} blob`));
       };
-      t.format === "png" ? e.toBlob(a, s) : e.toBlob(a, s, t.quality);
+      t.format === "png" ? e.toBlob(o, s) : e.toBlob(o, s, t.quality);
     });
   }
   /**
@@ -2930,12 +3045,12 @@ const q = {
   png: "image/png",
   jpg: "image/jpeg",
   webp: "image/webp"
-}, $ = {
+}, z = {
   png: ".png",
   jpg: ".jpg",
   webp: ".webp"
 };
-class $e extends N {
+class ze extends N {
   /**
    * Saves image content as a downloadable file
    * @param content The image content (data URL or blob)
@@ -2944,7 +3059,7 @@ class $e extends N {
    */
   saveImage(e, t, r) {
     try {
-      const i = $[r];
+      const i = z[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"}`);
@@ -2979,7 +3094,7 @@ class $e extends N {
    * @returns True if the format is supported for saving
    */
   validateSaveSupport(e) {
-    return e in q && e in $;
+    return e in q && e in z;
   }
   /**
    * Gets the MIME type for the specified image format
@@ -2995,15 +3110,15 @@ class $e extends N {
    * @returns The file extension (including the dot)
    */
   getFileExtension(e) {
-    return $[e];
+    return z[e];
   }
 }
-class ze {
+class $e {
   constructor() {
-    o(this, "dataExtractor");
-    o(this, "contentGenerator");
-    o(this, "fileHandler");
-    this.dataExtractor = new Ve(), this.contentGenerator = new ke(), this.fileHandler = new $e();
+    a(this, "dataExtractor");
+    a(this, "contentGenerator");
+    a(this, "fileHandler");
+    this.dataExtractor = new Ve(), this.contentGenerator = new ke(), this.fileHandler = new ze();
   }
   /**
    * Applies default values to image export options
@@ -3089,34 +3204,38 @@ class ze {
 class I {
   constructor(e = null, t = {}) {
     /** The element to capture content from (optional for standalone mode) */
-    o(this, "captureSource");
+    a(this, "captureSource");
     /** Our WebGL overlay canvas manager */
-    o(this, "textmodeCanvas");
+    a(this, "textmodeCanvas");
     /** Core WebGL renderer */
-    o(this, "_renderer");
-    o(this, "_canvasFramebuffer");
-    o(this, "_font");
-    o(this, "_grid");
-    o(this, "resizeObserver");
+    a(this, "_renderer");
+    a(this, "_canvasFramebuffer");
+    a(this, "_font");
+    a(this, "_grid");
+    a(this, "resizeObserver");
     // Auto-rendering properties
-    o(this, "_mode");
-    o(this, "_frameRateLimit");
-    o(this, "animationFrameId", null);
-    o(this, "lastFrameTime", 0);
-    o(this, "frameInterval");
-    o(this, "_frameRate", 0);
-    o(this, "lastRenderTime", 0);
-    o(this, "_frameCount", 0);
+    a(this, "_mode");
+    a(this, "_frameRateLimit");
+    a(this, "animationFrameId", null);
+    a(this, "lastFrameTime", 0);
+    a(this, "frameInterval");
+    a(this, "_isLooping", !0);
+    a(this, "_frameRate", 0);
+    a(this, "lastRenderTime", 0);
+    a(this, "_frameCount", 0);
     // Frame rate measurement smoothing
-    o(this, "frameTimeHistory", []);
-    o(this, "frameTimeHistorySize", 10);
-    o(this, "_pipeline");
+    a(this, "frameTimeHistory", []);
+    a(this, "frameTimeHistorySize", 10);
+    a(this, "_pipeline");
     // Standalone canvas properties
-    o(this, "_standalone", !1);
-    o(this, "_drawCallback", () => {
+    a(this, "_standalone", !1);
+    a(this, "_drawCallback", () => {
     });
-    o(this, "_resizedCallback", () => {
+    a(this, "_resizedCallback", () => {
     });
+    // Destroy state
+    a(this, "_isDestroyed", !1);
+    a(this, "_windowResizeListener", null);
     this.captureSource = e, this._standalone = e === null, this._mode = t.renderMode ?? "auto", this._frameRateLimit = t.frameRate ?? 60, this.frameInterval = 1e3 / this._frameRateLimit;
   }
   /**
@@ -3127,16 +3246,16 @@ class I {
    */
   static async create(e = null, t = {}) {
     const r = new I(e, t), i = r._standalone ? t : void 0;
-    r.textmodeCanvas = new Ce(r.captureSource, r._standalone, i), r._renderer = new fe(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 xe(r._renderer, t.fontSize ?? 16), await r._font.initialize(t.fontSource);
+    r.textmodeCanvas = new be(r.captureSource, r._standalone, i), r._renderer = new fe(r.textmodeCanvas.getWebGLContext());
+    let s, o;
+    r._standalone ? (s = t.width || 800, o = t.height || 600) : (s = r.textmodeCanvas.width || 800, o = r.textmodeCanvas.height || 600), r._canvasFramebuffer = r._renderer.createFramebuffer(s, o), r._font = new xe(r._renderer, t.fontSize ?? 16), await r._font.initialize(t.fontSource);
     const n = r._font.maxGlyphDimensions;
     return r._grid = new ve(r.textmodeCanvas.canvas, n.width, n.height), r._pipeline = new Ue(r._renderer, r._font, r._grid), r.setupEventListeners(), r.startAutoRendering(), r;
   }
   setupEventListeners() {
-    window.addEventListener("resize", () => {
+    this._windowResizeListener = () => {
       this._standalone ? this._resizedCallback() : this.resize();
-    }), window.ResizeObserver && this.captureSource && !this._standalone && (this.resizeObserver = new ResizeObserver(() => {
+    }, window.addEventListener("resize", this._windowResizeListener), window.ResizeObserver && this.captureSource && !this._standalone && (this.resizeObserver = new ResizeObserver(() => {
       this.resize();
     }), this.resizeObserver.observe(this.captureSource));
   }
@@ -3288,7 +3407,7 @@ class I {
    * ```
    */
   async saveCanvas(e, t = "png", r = {}) {
-    await new ze().saveImage(this.textmodeCanvas, {
+    await new $e().saveImage(this.textmodeCanvas, {
       ...r,
       filename: e,
       format: t
@@ -3358,7 +3477,19 @@ class I {
    * ```
    */
   render() {
-    this.measureFrameRate(), this._frameCount++, this._standalone || this._canvasFramebuffer.update(this.captureSource), this._canvasFramebuffer.begin(), this._drawCallback(), this._renderer.reset(), this._canvasFramebuffer.end(), this._pipeline.render(this._canvasFramebuffer), this._pipeline.hasEnabledConverters() ? (this._renderer.background(0), this._renderer.image(this._pipeline.texture, this._grid.offsetX, this._grid.offsetY, this._pipeline.texture.width, this._pipeline.texture.height)) : (this._renderer.clear(), this._renderer.image(this._canvasFramebuffer, this._grid.offsetX, this._grid.offsetY, this._canvasFramebuffer.width, this._canvasFramebuffer.height));
+    if (this._isDestroyed) {
+      console.warn("Cannot render: Textmodifier instance has been destroyed");
+      return;
+    }
+    if (this.measureFrameRate(), this._frameCount++, !this._canvasFramebuffer || !this._renderer || !this._pipeline) {
+      console.warn("Cannot render: Required resources have been disposed");
+      return;
+    }
+    if (this._standalone ? this._canvasFramebuffer && (this._canvasFramebuffer.begin(), this._drawCallback(), this._renderer && this._renderer.reset(), this._canvasFramebuffer && this._canvasFramebuffer.end()) : this.captureSource && this._canvasFramebuffer && this._canvasFramebuffer.update(this.captureSource), !this._pipeline || !this._renderer) {
+      console.warn("Cannot complete render: Pipeline or renderer has been disposed");
+      return;
+    }
+    this._pipeline.render(this._canvasFramebuffer), this._pipeline.hasEnabledConverters() ? this._renderer && this._pipeline.texture && this._grid && (this._renderer.background(0), this._renderer.image(this._pipeline.texture, this._grid.offsetX, this._grid.offsetY, this._pipeline.texture.width, this._pipeline.texture.height)) : this._renderer && this._canvasFramebuffer && this._grid && (this._renderer.clear(), this._renderer.image(this._canvasFramebuffer, this._grid.offsetX, this._grid.offsetY, this._canvasFramebuffer.width, this._canvasFramebuffer.height));
   }
   resize() {
     this.textmodeCanvas.resize(), this._canvasFramebuffer.resize(this.textmodeCanvas.width, this.textmodeCanvas.height), this._grid.resize(), this._pipeline.resize(), this._renderer.resetViewport(), this._mode !== "manual" && this.render();
@@ -3367,11 +3498,17 @@ class I {
    * Start automatic rendering
    */
   startAutoRendering() {
-    if (this._mode !== "auto") return;
+    if (this._mode !== "auto" || this._isDestroyed || !this._isLooping) return;
     this.lastFrameTime = performance.now();
     const e = (t) => {
+      if (this._isDestroyed)
+        return;
+      if (!this._isLooping) {
+        this.animationFrameId = null;
+        return;
+      }
       const r = t - this.lastFrameTime;
-      r >= this.frameInterval && (this.render(), this.lastFrameTime = t - r % this.frameInterval), this.animationFrameId = requestAnimationFrame(e);
+      r >= this.frameInterval && (this.render(), this.lastFrameTime = t - r % this.frameInterval), !this._isDestroyed && this._isLooping && (this.animationFrameId = requestAnimationFrame(e));
     };
     this.animationFrameId = requestAnimationFrame(e);
   }
@@ -3380,6 +3517,7 @@ class I {
    * Uses a rolling average for smoother frame rate reporting
    */
   measureFrameRate() {
+    if (this._isDestroyed) return;
     const e = performance.now();
     if (this.lastRenderTime > 0) {
       const t = e - this.lastRenderTime;
@@ -3420,7 +3558,11 @@ class I {
    * ```
    */
   renderMode(e) {
-    this._mode !== e && (this.stopAutoRendering(), this._mode = e, e === "auto" && this.startAutoRendering());
+    if (this._isDestroyed) {
+      console.warn("Cannot change render mode: Textmodifier instance has been destroyed");
+      return;
+    }
+    this._mode !== e && (this.stopAutoRendering(), this._mode = e, e === "auto" && this._isLooping && this.startAutoRendering());
   }
   /**
    * Set the maximum frame rate for auto rendering. If called without arguments, returns the current measured frame rate.
@@ -3441,7 +3583,105 @@ class I {
   frameRate(e) {
     if (e === void 0)
       return this._frameRate;
-    this._frameRateLimit = e, this.frameInterval = 1e3 / e, this._mode === "auto" && (this.stopAutoRendering(), this.startAutoRendering());
+    this._frameRateLimit = e, this.frameInterval = 1e3 / e, this._mode === "auto" && this._isLooping && (this.stopAutoRendering(), this.startAutoRendering());
+  }
+  /**
+   * Stop the automatic rendering loop while keeping the render mode as 'auto'.
+   * 
+   * This method pauses the render loop without changing the render mode, allowing
+   * it to be resumed later with {@link loop}. This is useful for temporarily pausing
+   * animation while maintaining the ability to restart it.
+   * 
+   * **Note:** This only affects rendering when in `'auto'` mode. In `'manual'` mode,
+   * this method has no effect since rendering is already controlled manually.
+   * 
+   * @example
+   * ```javascript
+   * // Create a textmodifier instance in auto mode
+   * const textmodifier = await textmode.create(canvas);
+   * 
+   * // The render loop is running automatically
+   * console.log(textmodifier.isLooping()); // true
+   * 
+   * // Stop the automatic rendering loop
+   * textmodifier.noLoop();
+   * console.log(textmodifier.isLooping()); // false
+   * 
+   * // Resume the automatic rendering loop
+   * textmodifier.loop();
+   * console.log(textmodifier.isLooping()); // true
+   * ```
+   */
+  noLoop() {
+    if (this._isDestroyed) {
+      console.warn("Cannot stop loop: Textmodifier instance has been destroyed");
+      return;
+    }
+    this._isLooping && (this._isLooping = !1, this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null));
+  }
+  /**
+   * Resume the automatic rendering loop if it was stopped by {@link noLoop}.
+   * 
+   * This method restarts the render loop when in `'auto'` mode. If the render mode
+   * is `'manual'`, the loop state will be set but automatic rendering will not start
+   * until the mode is changed back to `'auto'`.
+   * 
+   * @example
+   * ```javascript
+   * // Create a textmodifier instance
+   * const textmodifier = await textmode.create(canvas);
+   * 
+   * // Stop the loop
+   * textmodifier.noLoop();
+   * 
+   * // Resume the loop
+   * textmodifier.loop();
+   * 
+   * // You can also use this pattern for conditional animation
+   * if (someCondition) {
+   *   textmodifier.loop();
+   * } else {
+   *   textmodifier.noLoop();
+   * }
+   * ```
+   */
+  loop() {
+    if (this._isDestroyed) {
+      console.warn("Cannot start loop: Textmodifier instance has been destroyed");
+      return;
+    }
+    this._isLooping || (this._isLooping = !0, this._mode === "auto" && this.startAutoRendering());
+  }
+  /**
+   * Check whether the textmodifier is currently running the automatic render loop.
+   * 
+   * Returns `true` when both the render mode is `'auto'` AND the loop is active.
+   * Returns `false` when in `'manual'` mode or when {@link noLoop} has been called.
+   * 
+   * @returns True if the automatic render loop is currently active, false otherwise.
+   * 
+   * @example
+   * ```javascript
+   * const textmodifier = await textmode.create(canvas);
+   * 
+   * // Check loop status in different states
+   * console.log(textmodifier.isLooping()); // true (auto mode, looping)
+   * 
+   * textmodifier.noLoop();
+   * console.log(textmodifier.isLooping()); // false (auto mode, not looping)
+   * 
+   * textmodifier.renderMode('manual');
+   * console.log(textmodifier.isLooping()); // false (manual mode)
+   * 
+   * textmodifier.renderMode('auto');
+   * console.log(textmodifier.isLooping()); // false (auto mode, but loop was stopped)
+   * 
+   * textmodifier.loop();
+   * console.log(textmodifier.isLooping()); // true (auto mode, looping)
+   * ```
+   */
+  isLooping() {
+    return this._isDestroyed ? !1 : this._mode === "auto" && this._isLooping;
   }
   /**
    * Set the font size used for rendering.
@@ -3973,33 +4213,77 @@ class I {
   setUniform(e, t) {
     this._renderer.setUniform(e, t);
   }
+  /**
+   * Completely destroy this Textmodifier instance and free all associated resources.
+   * 
+   * This method performs comprehensive cleanup of:
+   * - WebGL resources (framebuffers, textures, shaders)
+   * - Animation frames and timers
+   * - Event listeners
+   * - DOM elements
+   * - Font resources
+   * 
+   * After calling this method, the instance should not be used and will be eligible for garbage collection.
+   * This method is idempotent and safe to call multiple times.
+   * 
+   * @example
+   * ```javascript
+   * // Create a textmodifier instance
+   * const textmodifier = await textmode.create(canvas);
+   * 
+   * // Use it for rendering
+   * textmodifier.render();
+   * 
+   * // When done, completely clean up
+   * textmodifier.destroy();
+   * 
+   * // Instance is now safely disposed and ready for garbage collection
+   * ```
+   */
+  destroy() {
+    this._isDestroyed || (this._isDestroyed = !0, this.stopAutoRendering(), this._windowResizeListener && (window.removeEventListener("resize", this._windowResizeListener), this._windowResizeListener = null), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), this._pipeline && !this._pipeline.isDisposed && this._pipeline.dispose(), this._font && !this._font.isDisposed && this._font.dispose(), this._grid && !this._grid.isDisposed && this._grid.dispose(), this._canvasFramebuffer && !this._canvasFramebuffer.isDisposed && this._canvasFramebuffer.dispose(), this._renderer && !this._renderer.isDisposed && this._renderer.dispose(), this.textmodeCanvas && !this.textmodeCanvas.isDisposed && this.textmodeCanvas.dispose(), this.captureSource = null, this.textmodeCanvas = null, this._renderer = null, this._canvasFramebuffer = null, this._font = null, this._grid = null, this._pipeline = null, this.resizeObserver = null, this._drawCallback = () => {
+    }, this._resizedCallback = () => {
+    }, this.animationFrameId = null, this.lastFrameTime = 0, this.lastRenderTime = 0, this._frameCount = 0, this._frameRate = 0, this.frameTimeHistory = [], this._isLooping = !1);
+  }
   /** Get the current grid object used for rendering. */
   get grid() {
+    if (this._isDestroyed)
+      throw new Error("Cannot access grid: Textmodifier instance has been destroyed");
     return this._grid;
   }
   /** Get the current font object used for rendering. */
   get font() {
+    if (this._isDestroyed)
+      throw new Error("Cannot access font: Textmodifier instance has been destroyed");
     return this._font;
   }
   /** Get the current rendering mode.*/
   get mode() {
+    if (this._isDestroyed)
+      throw new Error("Cannot access mode: Textmodifier instance has been destroyed");
     return this._mode;
   }
   /** Get the current textmode conversion pipeline. */
   get pipeline() {
+    if (this._isDestroyed)
+      throw new Error("Cannot access pipeline: Textmodifier instance has been destroyed");
     return this._pipeline;
   }
   /** Get the current frame count. */
   get frameCount() {
-    return this._frameCount;
+    return this._isDestroyed ? 0 : this._frameCount;
   }
   /** Get the width of the canvas. */
   get width() {
-    return this.textmodeCanvas.width;
+    return this._isDestroyed ? 0 : this.textmodeCanvas.width;
   }
   /** Get the height of the canvas. */
   get height() {
-    return this.textmodeCanvas.height;
+    return this._isDestroyed ? 0 : this.textmodeCanvas.height;
+  }
+  /** Check if this Textmodifier instance has been destroyed. */
+  get isDestroyed() {
+    return this._isDestroyed;
   }
 }
 class O {
@@ -4046,6 +4330,20 @@ class O {
    *   // Draw a rectangle with the fill color
    *   t.rect(x, y, 200, 150);
    * });
+   * 
+   * ////////
+   * 
+   * // Resource management example
+   * const textmodifier = await textmode.create(canvas);
+   * 
+   * // Use the textmodifier...
+   * textmodifier.render();
+   * 
+   * // When done, completely clean up all resources
+   * textmodifier.destroy();
+   * 
+   * // The instance is now safely disposed and ready for garbage collection
+   * console.log(textmodifier.isDestroyed); // true
    * ```
    */
   static async create(e, t = {}) {
@@ -4078,7 +4376,7 @@ class O {
    * ```
    */
   static get version() {
-    return "0.1.4-beta.1";
+    return "0.1.4-beta.2";
   }
   constructor() {
     throw new Error("Textmode is a static class and cannot be instantiated.");
@@ -4088,7 +4386,7 @@ const He = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" })), Ne = O.create, Oe = O.setErrorLevel, We = O.version;
 export {
-  Ce as TextmodeCanvas,
+  be as TextmodeCanvas,
   Ue as TextmodeConversionPipeline,
   ne as TextmodeErrorLevel,
   xe as TextmodeFont,