textmode.js 0.1.4-beta.4 → 0.1.4-beta.5

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 n = (l, e, t) => ae(l, 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");
+    n(this, "originalError");
+    n(this, "context");
     this.name = "TextmodeError", this.originalError = r, this.context = i;
   }
   /**
@@ -19,9 +19,9 @@ class F extends Error {
 
 📋 Context:`;
       for (const [s, a] of Object.entries(r)) {
-        const n = F.formatValue(a);
+        const o = F.formatValue(a);
         i += `
-  - ${s}: ${n}`;
+  - ${s}: ${o}`;
       }
     }
     return i += `
@@ -46,10 +46,10 @@ class F extends Error {
     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 oe = /* @__PURE__ */ ((l) => (l[l.SILENT = 0] = "SILENT", l[l.WARNING = 1] = "WARNING", l[l.ERROR = 2] = "ERROR", l[l.THROW = 3] = "THROW", l))(oe || {});
 const E = class E {
   constructor() {
-    o(this, "_options", {
+    n(this, "_options", {
       globalLevel: 3
       /* THROW */
     });
@@ -103,19 +103,19 @@ const E = class E {
     this._options.globalLevel = e;
   }
 };
-o(E, "_instance", null);
+n(E, "_instance", null);
 let $ = E;
 const x = $.getInstance();
-class oe {
+class ne {
   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);
+    n(this, "gl");
+    n(this, "_framebuffer");
+    n(this, "_texture");
+    n(this, "_width");
+    n(this, "_height");
+    n(this, "options");
+    n(this, "previousState", null);
+    n(this, "_pixels", null);
     this.gl = e, this._width = t, this._height = r, this.options = {
       filter: "nearest",
       wrap: "clamp",
@@ -189,16 +189,16 @@ 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 a = new Uint8Array(this._width * this._height * 4), o = 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, o), a;
     } 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 a = new Uint8Array(4), o = 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, o), [a[0], a[1], a[2], a[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 a = new Uint8Array(r * i * 4), o = 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, o), a;
     }
   }
   /**
@@ -227,24 +227,24 @@ class oe {
 }
 class Q {
   constructor(e, t, r) {
-    o(this, "gl");
-    o(this, "x");
-    o(this, "y");
+    n(this, "gl");
+    n(this, "x");
+    n(this, "y");
     this.gl = e, this.x = t, this.y = r;
   }
 }
 class M {
   constructor(e, t, r, i, s) {
     /** The WebGL rendering context */
-    o(this, "gl");
+    n(this, "gl");
     /** The vertex buffer containing position and texture coordinates */
-    o(this, "vertexBuffer");
+    n(this, "vertexBuffer");
     /** The number of vertices in this geometry (always 6 for two triangles) */
-    o(this, "vertexCount", 6);
+    n(this, "vertexCount", 6);
     /** Bytes per vertex: depends on position format (vec2 vs vec3) */
-    o(this, "bytesPerVertex");
+    n(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 a = e.getParameter(e.VIEWPORT), o = a[2], h = a[3], c = e.getParameter(e.FRAMEBUFFER_BINDING) !== null, u = t / o * 2 - 1, d = (t + i) / o * 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, b, C;
@@ -303,8 +303,8 @@ class M {
 class le extends Q {
   constructor(t, r, i, s, a) {
     super(t, r, i);
-    o(this, "width");
-    o(this, "height");
+    n(this, "width");
+    n(this, "height");
     this.width = s, this.height = a;
   }
   /**
@@ -327,23 +327,23 @@ class le extends Q {
 class he {
   constructor(e, t, r, i, s, a) {
     /** The WebGL rendering context */
-    o(this, "gl");
+    n(this, "gl");
     /** The vertex buffer containing position and texture coordinates */
-    o(this, "vertexBuffer");
+    n(this, "vertexBuffer");
     /** The number of vertices in this geometry (always 6 for two triangles) */
-    o(this, "vertexCount", 6);
+    n(this, "vertexCount", 6);
     /** Bytes per vertex: vec2+vec2 = 16 bytes */
-    o(this, "bytesPerVertex");
+    n(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 o = e.getParameter(e.VIEWPORT), h = o[2], c = o[3], u = e.getParameter(e.FRAMEBUFFER_BINDING) !== null, d = i - t, f = s - r, g = Math.sqrt(d * d + f * f);
     if (g === 0) {
       const ie = this.generateVertices(0, 0, 0, 0);
       this.vertexBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.vertexBuffer), e.bufferData(e.ARRAY_BUFFER, ie, e.STATIC_DRAW);
       return;
     }
-    const _ = d / g, b = -(f / g), C = _, v = a / 2, w = t + b * v, A = r + C * v, R = t - b * v, y = r - C * v, P = i + b * v, D = s + C * v, Z = i - b * v, W = s - C * v, J = w / h * 2 - 1, K = R / h * 2 - 1, ee = P / h * 2 - 1, te = Z / h * 2 - 1;
+    const _ = d / g, b = -(f / g), C = _, v = a / 2, w = t + b * v, A = r + C * v, R = t - b * v, S = r - C * v, P = i + b * v, D = s + C * v, Z = i - b * v, W = s - C * v, J = w / h * 2 - 1, K = R / h * 2 - 1, ee = P / h * 2 - 1, te = Z / h * 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 = A / c * 2 - 1, G = S / c * 2 - 1, V = D / c * 2 - 1, k = W / c * 2 - 1) : (B = 1 - A / c * 2, G = 1 - S / c * 2, V = 1 - D / c * 2, k = 1 - W / c * 2);
     const re = this.generateLineVertices(
       J,
       B,
@@ -399,7 +399,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, a, o, h) {
     return new Float32Array([
       e,
       t,
@@ -421,7 +421,7 @@ class he {
       0,
       1,
       // corner2 (start - perpendicular)
-      n,
+      o,
       h,
       1,
       1,
@@ -446,8 +446,8 @@ class he {
 class ce extends Q {
   constructor(t, r, i, s, a) {
     super(t, r, i);
-    o(this, "x2");
-    o(this, "y2");
+    n(this, "x2");
+    n(this, "y2");
     this.x2 = s, this.y2 = a;
   }
   /**
@@ -465,13 +465,13 @@ class ce extends Q {
     new he(this.gl, this.x, this.y, this.x2, this.y2, t).render();
   }
 }
-class T {
+class y {
   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);
+    n(this, "gl");
+    n(this, "program");
+    n(this, "uniformLocations", /* @__PURE__ */ new Map());
+    n(this, "attributeLocations", /* @__PURE__ */ new Map());
+    n(this, "textureUnitCounter", 0);
     this.gl = e, this.program = this.createProgram(t, r), this.cacheLocations();
   }
   createProgram(e, t) {
@@ -612,26 +612,26 @@ class T {
     this.textureUnitCounter = 0;
   }
 }
-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;}";
+var T = "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;uniform float u_rotation;uniform vec2 u_center;uniform float u_aspectRatio;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){v_uv=a_texCoord;vec2 pos=a_position;pos-=u_center;pos.x*=u_aspectRatio;pos=rotate2D(-u_rotation)*pos;pos.x/=u_aspectRatio;pos+=u_center;gl_Position=vec4(pos,0.0,1.0);}", ue = "precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}", de = "precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}";
 class fe {
   constructor(e) {
-    o(this, "gl");
-    o(this, "imageShader");
-    o(this, "solidColorShader");
-    o(this, "currentShader", null);
+    n(this, "gl");
+    n(this, "imageShader");
+    n(this, "solidColorShader");
+    n(this, "currentShader", null);
     // Fill state management - default: white fill enabled
-    o(this, "currentFillColor", [1, 1, 1, 1]);
-    o(this, "fillMode", !0);
+    n(this, "currentFillColor", [1, 1, 1, 1]);
+    n(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);
+    n(this, "currentStrokeColor", [0, 0, 0, 1]);
+    n(this, "currentStrokeWeight", 1);
+    n(this, "strokeMode", !0);
     // Transformation state management
-    o(this, "currentRotation", 0);
+    n(this, "currentRotation", 0);
     // in degrees
     // State stack for push/pop functionality
-    o(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);
+    n(this, "stateStack", []);
+    this.gl = e, this.imageShader = new y(this.gl, T, ue), this.solidColorShader = new y(this.gl, T, de), this.gl.enable(this.gl.BLEND), this.gl.blendEquation(this.gl.FUNC_ADD), this.gl.blendFunc(this.gl.ONE, this.gl.ONE_MINUS_SRC_ALPHA);
   }
   /**
    * Set the current shader
@@ -732,7 +732,10 @@ class fe {
     this.currentShader = null, this.stateStack = [], this.currentRotation = 0, this.fillMode = !0, this.strokeMode = !0, this.currentFillColor = [1, 1, 1, 1], this.currentStrokeColor = [0, 0, 0, 1], this.currentStrokeWeight = 1;
   }
   createShader(e, t) {
-    return new T(this.gl, e, t);
+    return new y(this.gl, e, t);
+  }
+  createFilterShader(e) {
+    return new y(this.gl, T, e);
   }
   /**
    * Set a uniform value for the current shader
@@ -754,8 +757,8 @@ class fe {
       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 a = this.solidColorShader, { centerX: o, 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", [o, 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", [o, h]), 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.
@@ -770,23 +773,23 @@ 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, b = (t + i) / 2, C = Math.abs(r - e), v = Math.abs(i - t), { centerX: w, centerY: A, radians: R, aspectRatio: y } = this.calculateRotationParams(p - C / 2, b - v / 2, C, v);
-        this.setUniform("u_rotation", R), this.setUniform("u_center", [w, A]), this.setUniform("u_aspectRatio", y);
+        const p = (e + r) / 2, b = (t + i) / 2, C = Math.abs(r - e), v = Math.abs(i - t), { centerX: w, centerY: A, radians: R, aspectRatio: S } = this.calculateRotationParams(p - C / 2, b - v / 2, C, v);
+        this.setUniform("u_rotation", R), this.setUniform("u_center", [w, A]), this.setUniform("u_aspectRatio", S);
       } 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);
+    const a = this.solidColorShader, o = (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(o - 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;
   }
   /**
    * 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), a = s[2], o = s[3], h = a / o, c = this.gl.getParameter(this.gl.FRAMEBUFFER_BINDING) !== null, u = e + r / 2, d = t + i / 2, f = u / a * 2 - 1;
     let g;
-    c ? g = d / n * 2 - 1 : g = 1 - d / n * 2;
+    c ? g = d / o * 2 - 1 : g = 1 - d / o * 2;
     const _ = this.currentRotation * Math.PI / 180;
     return { centerX: f, centerY: g, radians: _, aspectRatio: h };
   }
@@ -794,7 +797,7 @@ class fe {
    * Create a new framebuffer
    */
   createFramebuffer(e, t, r = {}) {
-    return new oe(this.gl, e, t, r);
+    return new ne(this.gl, e, t, r);
   }
   /**
    * Fill the current framebuffer with a solid color
@@ -832,18 +835,18 @@ class fe {
    */
   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: a, centerY: o, radians: h, 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", h), this.setUniform("u_center", [a, o]), 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) {
+  var e = function(s, a, o, h) {
     var c = m.T, u = {
       cmap: c.cmap,
       head: c.head,
@@ -852,9 +855,9 @@ m.parse = function(l) {
       hmtx: c.hmtx,
       loca: c.loca,
       glyf: c.glyf
-    }, d = { _data: s, _index: a, _offset: n };
+    }, d = { _data: s, _index: a, _offset: o };
     for (var f in u) {
-      var g = m.findTable(s, f, n);
+      var g = m.findTable(s, f, o);
       if (g) {
         var _ = g[0], p = h[_];
         p == null && (p = u[f].parseTab(s, _, g[1], d)), d[f] = h[_] = p;
@@ -866,10 +869,10 @@ m.parse = function(l) {
 };
 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);
+    var o = 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];
+    if (o == e) return [h, c];
     s += 16;
   }
   return null;
@@ -913,9 +916,9 @@ m.T.cmap = {
     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);
+    var o = s(l, e);
     e += 2;
-    for (var h = [], c = 0; c < n; c++) {
+    for (var h = [], c = 0; c < o; c++) {
       var u = s(l, e);
       e += 2;
       var d = s(l, e);
@@ -937,7 +940,7 @@ m.T.cmap = {
   parse4: function(l, e, t) {
     var r = m.B, i = r.readUshort, s = r.readUshorts, a = e;
     e += 2;
-    var n = i(l, e);
+    var o = i(l, e);
     e += 2, i(l, e), e += 2;
     var h = i(l, e);
     e += 2;
@@ -945,15 +948,15 @@ m.T.cmap = {
     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 = [];
     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;
+    return t.idRangeOffset = s(l, e, c), e += c * 2, t.glyphIdArray = s(l, e, a + o - e >> 1), t;
   },
   parse12: function(l, 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;
-    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 a = t.groups = new Uint32Array(s), o = 0; o < s; o += 3)
+      a[o] = i(l, e + (o << 2)), a[o + 1] = i(l, e + (o << 2) + 4), a[o + 2] = i(l, e + (o << 2) + 8);
     return t;
   }
 };
@@ -985,17 +988,17 @@ m.T.hhea = {
       "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);
+      var o = s[a], h = o == "advanceWidthMax" || o == "numberOfHMetrics" ? r.readUshort : r.readShort;
+      i[o] = h(l, e + a * 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; )
+    for (var i = m.B, s = [], a = [], o = 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++;
-    for (; d < n; )
+    for (; d < o; )
       s.push(c), a.push(u), d++;
     return { aWidth: s, lsBearing: a };
   }
@@ -1008,9 +1011,9 @@ m.T.maxp = {
 };
 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)));
+    var i = m.B, s = [], a = r.head.indexToLocFormat, o = r.maxp.numGlyphs + 1;
+    if (a == 0) for (var h = 0; h < o; h++) s.push(i.readUshort(l, e + (h << 1)) << 1);
+    if (a == 1) for (var h = 0; h < o; h++) s.push(i.readUint(l, e + (h << 2)));
     return s;
   }
 };
@@ -1026,34 +1029,34 @@ m.T.glyf = {
     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++)
+      for (var o = 0; o < a.noc; o++)
         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 = [];
-      for (var n = 0; n < c; n++) {
+      for (var o = 0; o < c; o++) {
         var u = r[s];
         if (s++, a.flags.push(u), u & 8) {
           var d = r[s];
           s++;
           for (var f = 0; f < d; f++)
-            a.flags.push(u), n++;
+            a.flags.push(u), o++;
         }
       }
       a.xs = [];
-      for (var n = 0; n < c; n++) {
-        var g = (a.flags[n] & 2) != 0, _ = (a.flags[n] & 16) != 0;
+      for (var o = 0; o < c; o++) {
+        var g = (a.flags[o] & 2) != 0, _ = (a.flags[o] & 16) != 0;
         g ? (a.xs.push(_ ? r[s] : -r[s]), s++) : _ ? a.xs.push(0) : (a.xs.push(t.readShort(r, s)), s += 2);
       }
       a.ys = [];
-      for (var n = 0; n < c; n++) {
-        var g = (a.flags[n] & 4) != 0, _ = (a.flags[n] & 32) != 0;
+      for (var o = 0; o < c; o++) {
+        var g = (a.flags[o] & 4) != 0, _ = (a.flags[o] & 32) != 0;
         g ? (a.ys.push(_ ? r[s] : -r[s]), s++) : _ ? a.ys.push(0) : (a.ys.push(t.readShort(r, s)), s += 2);
       }
-      for (var p = 0, b = 0, n = 0; n < c; n++)
-        p += a.xs[n], b += a.ys[n], a.xs[n] = p, a.ys[n] = b;
+      for (var p = 0, b = 0, o = 0; o < c; o++)
+        p += a.xs[o], b += a.ys[o], a.xs[o] = p, a.ys[o] = b;
     } else
       a.parts = [];
     return a;
@@ -1111,9 +1114,9 @@ class me {
       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];
-      for (let n = i; n <= s; n++)
-        if (a + (n - i) > 0) {
-          const c = String.fromCodePoint(n);
+      for (let o = i; o <= s; o++)
+        if (a + (o - i) > 0) {
+          const c = String.fromCodePoint(o);
           t.push(c);
         }
     }
@@ -1163,9 +1166,9 @@ class ge {
    * @param renderer The WebGL renderer instance
    */
   constructor(e) {
-    o(this, "_textureCanvas");
-    o(this, "_textureContext");
-    o(this, "_renderer");
+    n(this, "_textureCanvas");
+    n(this, "_textureContext");
+    n(this, "_renderer");
     this._renderer = e, this._textureCanvas = document.createElement("canvas"), this._textureContext = this._textureCanvas.getContext("2d", { willReadFrequently: !0, alpha: !1 });
   }
   /**
@@ -1177,13 +1180,13 @@ 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;
+    const s = e.length, a = Math.ceil(Math.sqrt(s)), o = Math.ceil(s / a), h = t.width * a, c = t.height * o;
     this._setupCanvas(h, c, r, i), this._renderCharactersToCanvas(e, t, a, r), this._applyBlackWhiteThreshold();
     const u = this._renderer.createFramebuffer(h, c, { filter: "nearest" });
     return u.update(this._textureCanvas), {
       framebuffer: u,
       columns: a,
-      rows: n
+      rows: o
     };
   }
   /**
@@ -1207,7 +1210,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 a = s % r, o = Math.floor(s / r), h = a * t.width + t.width * 0.5, c = o * t.height + t.height * 0.5, u = Math.round(h - t.width * 0.5), d = Math.round(c - i * 0.5);
       this._textureContext.fillText(e[s].character, u, d);
     }
   }
@@ -1220,8 +1223,8 @@ 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;
-      r[i] = n, r[i + 1] = n, r[i + 2] = n;
+      const s = 0.299 * r[i] + 0.587 * r[i + 1] + 0.114 * r[i + 2], a = e + 32, o = s > a ? 255 : 0;
+      r[i] = o, r[i + 1] = o, r[i + 2] = o;
     }
     this._textureContext.putImageData(t, 0, 0);
   }
@@ -1231,8 +1234,8 @@ class pe {
    * Creates a new MetricsCalculation instance.
    */
   constructor() {
-    o(this, "_tempCanvas");
-    o(this, "_tempContext");
+    n(this, "_tempCanvas");
+    n(this, "_tempContext");
     this._tempCanvas = document.createElement("canvas"), this._tempContext = this._tempCanvas.getContext("2d");
   }
   /**
@@ -1247,7 +1250,7 @@ class pe {
     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;
+      const o = this._tempContext.measureText(a), h = o.width, c = o.actualBoundingBoxAscent + o.actualBoundingBoxDescent;
       h > 0 && (i = Math.max(i, h), s = Math.max(s, c));
     }
     return {
@@ -1266,16 +1269,16 @@ class _e {
   createCharacterObjects(e, t) {
     return e.map((r, i) => {
       const s = r.codePointAt(0) || 0, a = this._generateCharacterColor(i);
-      let n = 0;
+      let o = 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]);
+        h > 0 && t.hmtx.aWidth[h] !== void 0 && (o = t.hmtx.aWidth[h]);
       }
       return {
         character: r,
         unicode: s,
         color: a,
-        advanceWidth: n
+        advanceWidth: o
       };
     });
   }
@@ -1298,9 +1301,9 @@ class _e {
             {
               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];
-                if (n !== 0)
-                  return n + i.idDelta[s] & 65535;
+                const o = i.glyphIdArray[a];
+                if (o !== 0)
+                  return o + i.idDelta[s] & 65535;
               }
             }
           }
@@ -1354,20 +1357,20 @@ 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");
+    n(this, "_font");
+    n(this, "_characters", []);
+    n(this, "_fontFramebuffer");
+    n(this, "_fontSize", 16);
+    n(this, "_textureColumns", 0);
+    n(this, "_textureRows", 0);
+    n(this, "_maxGlyphDimensions", { width: 0, height: 0 });
+    n(this, "_fontFace");
+    n(this, "_fontFamilyName", "UrsaFont");
     // Component classes
-    o(this, "_characterExtractor");
-    o(this, "_textureAtlas");
-    o(this, "_metricsCalculator");
-    o(this, "_characterColorMapper");
+    n(this, "_characterExtractor");
+    n(this, "_textureAtlas");
+    n(this, "_metricsCalculator");
+    n(this, "_characterColorMapper");
     this._fontSize = t, this._characterExtractor = new me(), this._textureAtlas = new ge(e), this._metricsCalculator = new pe(), this._characterColorMapper = new _e();
   }
   /**
@@ -1532,25 +1535,25 @@ class ve {
    */
   constructor(e, t, r) {
     /** The number of columns in the grid. */
-    o(this, "_cols");
+    n(this, "_cols");
     /** The number of rows in the grid. */
-    o(this, "_rows");
+    n(this, "_rows");
     /** The total width of the grid in pixels. */
-    o(this, "_width");
+    n(this, "_width");
     /** The total height of the grid in pixels. */
-    o(this, "_height");
+    n(this, "_height");
     /** The offset to the outer canvas on the x-axis when centering the grid. */
-    o(this, "_offsetX");
+    n(this, "_offsetX");
     /** The offset to the outer canvas on the y-axis when centering the grid. */
-    o(this, "_offsetY");
+    n(this, "_offsetY");
     /** Whether the grid dimensions are fixed, or responsive based on the canvas dimensions. */
-    o(this, "_fixedDimensions", !1);
+    n(this, "_fixedDimensions", !1);
     /** The canvas element used to determine the grid dimensions. */
-    o(this, "_canvas");
+    n(this, "_canvas");
     /** The width of each cell in the grid. */
-    o(this, "_cellWidth");
+    n(this, "_cellWidth");
     /** The height of each cell in the grid. */
-    o(this, "_cellHeight");
+    n(this, "_cellHeight");
     this._canvas = e, this._cellWidth = t, this._cellHeight = r, this.reset();
   }
   /**
@@ -1661,9 +1664,9 @@ class ve {
 }
 class be {
   constructor(e, t = !1, r = {}) {
-    o(this, "_canvas");
-    o(this, "captureSource");
-    o(this, "_isStandalone");
+    n(this, "_canvas");
+    n(this, "captureSource");
+    n(this, "_isStandalone");
     this.captureSource = e, this._isStandalone = t, this._canvas = this.createCanvas(r.width, r.height);
   }
   createCanvas(e, t) {
@@ -1673,12 +1676,12 @@ class be {
       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 a = Math.round(s.width), o = 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);
+        (a === 0 || o === 0) && u.videoWidth > 0 && u.videoHeight > 0 && (a = u.videoWidth, o = u.videoHeight);
       }
-      r.width = a, r.height = n, r.style.position = "absolute", r.style.pointerEvents = "none";
+      r.width = a, r.height = o, r.style.position = "absolute", r.style.pointerEvents = "none";
       const h = window.getComputedStyle(this.captureSource);
       let c = parseInt(h.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);
@@ -1759,15 +1762,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");
+    n(this, "renderer");
+    n(this, "fontManager");
+    n(this, "grid");
+    n(this, "_characterFramebuffer");
+    n(this, "_primaryColorFramebuffer");
+    n(this, "_secondaryColorFramebuffer");
+    n(this, "_rotationFramebuffer");
+    n(this, "_transformFramebuffer");
+    n(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);
   }
   /**
@@ -1836,9 +1839,9 @@ class Ce {
    */
   constructor(e, t) {
     /** The framebuffer used to store the color palette. */
-    o(this, "_framebuffer");
-    o(this, "_renderer");
-    o(this, "_colors");
+    n(this, "_framebuffer");
+    n(this, "_renderer");
+    n(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();
@@ -1886,7 +1889,7 @@ class Ce {
 class H extends U {
   constructor(t, r, i, s = {}) {
     super(t, r, i, s);
-    o(this, "palette");
+    n(this, "palette");
     this.palette = new Ce(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
   }
   /**
@@ -1909,7 +1912,7 @@ class H extends U {
    * @param a Alpha component (0-255).
    */
   characterColor(t, r, i, s = 255) {
-    let a, n, h, c;
+    let a, o, h, c;
     if (typeof t == "string") {
       const u = this.parseHexColor(t);
       if (!u) {
@@ -1920,14 +1923,14 @@ class H extends U {
         );
         return;
       }
-      [a, n, h, c] = u;
-    } else if (a = t, n = r !== void 0 ? r : t, h = i !== void 0 ? i : t, c = s, !x.validate(
-      [a, n, h, c].every((u) => u >= 0 && u <= 255),
+      [a, o, h, c] = u;
+    } else if (a = t, o = r !== void 0 ? r : t, h = i !== void 0 ? i : t, c = s, !x.validate(
+      [a, o, h, c].every((u) => u >= 0 && u <= 255),
       "Character color values must be between 0 and 255",
-      { method: "characterColor", providedValues: { r: a, g: n, b: h, a: c } }
+      { method: "characterColor", providedValues: { r: a, g: o, b: h, a: c } }
     ))
       return;
-    this._options.characterColor = [a, n, h, c];
+    this._options.characterColor = [a, o, h, c];
   }
   /**
    * Sets the character color mode.
@@ -1951,7 +1954,7 @@ class H extends U {
    * @param a Alpha component (0-255).
    */
   cellColor(t, r, i, s = 255) {
-    let a, n, h, c;
+    let a, o, h, c;
     if (typeof t == "string") {
       const u = this.parseHexColor(t);
       if (!u) {
@@ -1962,14 +1965,14 @@ class H extends U {
         );
         return;
       }
-      [a, n, h, c] = u;
-    } else if (a = t, n = r !== void 0 ? r : t, h = i !== void 0 ? i : t, c = s, !x.validate(
-      [a, n, h, c].every((u) => u >= 0 && u <= 255),
+      [a, o, h, c] = u;
+    } else if (a = t, o = r !== void 0 ? r : t, h = i !== void 0 ? i : t, c = s, !x.validate(
+      [a, o, h, c].every((u) => u >= 0 && u <= 255),
       "Cell color values must be between 0 and 255",
-      { method: "cellColor", providedValues: { r: a, g: n, b: h, a: c } }
+      { method: "cellColor", providedValues: { r: a, g: o, b: h, a: c } }
     ))
       return;
-    this._options.cellColor = [a, n, h, c];
+    this._options.cellColor = [a, o, h, c];
   }
   /**
    * Sets the cell color mode.
@@ -2080,16 +2083,16 @@ class L extends H {
    */
   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");
-    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);
+    n(this, "sampleShader");
+    n(this, "colorFillShader");
+    n(this, "charMappingShader");
+    n(this, "transformFillShader");
+    n(this, "rotationFillShader");
+    n(this, "sampleFramebuffer");
+    this.sampleShader = new y(t.context, T, Fe), this.colorFillShader = new y(t.context, T, we), this.transformFillShader = new y(t.context, T, ye), this.rotationFillShader = new y(t.context, T, Te), this.charMappingShader = new y(t.context, T, Se), this.sampleFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows);
   }
   convert(t) {
-    this.sampleFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.sampleShader), this.renderer.setUniform("u_sketchTexture", t), this.renderer.setUniform("u_gridCellDimensions", [this.grid.cols, this.grid.rows]), this.renderer.setUniform("u_brightnessRange", this._options.brightnessRange), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this.sampleFramebuffer.end(), this._primaryColorFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.colorFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_fillColor", this._options.characterColor), this.renderer.setUniform("u_useFixedColor", this._options.characterColorMode === "fixed"), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._primaryColorFramebuffer.end(), this._secondaryColorFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.colorFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_fillColor", this._options.cellColor), this.renderer.setUniform("u_useFixedColor", this._options.cellColorMode === "fixed"), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._secondaryColorFramebuffer.end(), this._transformFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.transformFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_invert", this._options.invert), this.renderer.setUniform("u_flipHorizontally", this._options.flipHorizontally), this.renderer.setUniform("u_flipVertically", this._options.flipVertically), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._transformFramebuffer.end(), this._rotationFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.rotationFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_rotationColor", this._options.rotation), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._rotationFramebuffer.end(), this._characterFramebuffer.begin(), this.renderer.clear(0, 0, 0, 0), this.renderer.shader(this.charMappingShader), this.renderer.setUniform("u_colorSampleFramebuffer", this.sampleFramebuffer.texture), this.renderer.setUniform("u_charPaletteTexture", this.palette.texture), this.renderer.setUniform("u_charPaletteSize", [this.palette.colors.length, 1]), this.renderer.setUniform("u_brightnessRange", this._options.brightnessRange), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._characterFramebuffer.end();
+    this.sampleFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.sampleShader), this.renderer.setUniform("u_sketchTexture", t), this.renderer.setUniform("u_gridCellDimensions", [this.grid.cols, this.grid.rows]), this.renderer.setUniform("u_brightnessRange", this._options.brightnessRange), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this.sampleFramebuffer.end(), console.log("this.options.characterColor:", this._options.characterColor), this._primaryColorFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.colorFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_fillColor", this._options.characterColor), this.renderer.setUniform("u_useFixedColor", this._options.characterColorMode === "fixed"), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._primaryColorFramebuffer.end(), this._secondaryColorFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.colorFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_fillColor", this._options.cellColor), this.renderer.setUniform("u_useFixedColor", this._options.cellColorMode === "fixed"), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._secondaryColorFramebuffer.end(), this._transformFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.transformFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_invert", this._options.invert), this.renderer.setUniform("u_flipHorizontally", this._options.flipHorizontally), this.renderer.setUniform("u_flipVertically", this._options.flipVertically), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._transformFramebuffer.end(), this._rotationFramebuffer.begin(), this.renderer.clear(), this.renderer.shader(this.rotationFillShader), this.renderer.setUniform("u_sampleTexture", this.sampleFramebuffer.texture), this.renderer.setUniform("u_rotationColor", this._options.rotation), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._rotationFramebuffer.end(), this._characterFramebuffer.begin(), this.renderer.clear(0, 0, 0, 0), this.renderer.shader(this.charMappingShader), this.renderer.setUniform("u_colorSampleFramebuffer", this.sampleFramebuffer.texture), this.renderer.setUniform("u_charPaletteTexture", this.palette.texture), this.renderer.setUniform("u_charPaletteSize", [this.palette.colors.length, 1]), this.renderer.setUniform("u_brightnessRange", this._options.brightnessRange), this.renderer.rect(0, 0, this.grid.cols, this.grid.rows), this._characterFramebuffer.end();
   }
   resize() {
     super.resize(), this.sampleFramebuffer.resize(this.grid.cols, this.grid.rows);
@@ -2125,18 +2128,18 @@ 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");
-    this.renderer = e, this.font = t, this.grid = r, this._asciiShader = this.renderer.createShader(S, Ee), this.converters = [
+    n(this, "renderer");
+    n(this, "font");
+    n(this, "grid");
+    n(this, "converters");
+    n(this, "_resultFramebuffer");
+    n(this, "_asciiShader");
+    n(this, "_characterFramebuffer");
+    n(this, "_primaryColorFramebuffer");
+    n(this, "_secondaryColorFramebuffer");
+    n(this, "_rotationFramebuffer");
+    n(this, "_transformFramebuffer");
+    this.renderer = e, this.font = t, this.grid = r, this._asciiShader = this.renderer.createShader(T, Ee), this.converters = [
       { name: "brightness", converter: new L(e, t, r) },
       { name: "custom", converter: new U(e, t, r) }
     ], this._characterFramebuffer = this.renderer.createFramebuffer(r.cols, r.rows), this._primaryColorFramebuffer = this.renderer.createFramebuffer(r.cols, r.rows), this._secondaryColorFramebuffer = this.renderer.createFramebuffer(r.cols, r.rows), this._rotationFramebuffer = this.renderer.createFramebuffer(r.cols, r.rows), this._transformFramebuffer = this.renderer.createFramebuffer(r.cols, r.rows), this._resultFramebuffer = this.renderer.createFramebuffer(this.grid.width, this.grid.height);
@@ -2302,13 +2305,13 @@ class X {
    * @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, a = t == null ? void 0 : t.transformFramebuffer, o = t == null ? void 0 : t.rotationFramebuffer;
+    return r == null || r.loadPixels(), i == null || i.loadPixels(), s == null || s.loadPixels(), a == null || a.loadPixels(), o == null || o.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),
-      rotationPixels: (n == null ? void 0 : n.pixels) || new Uint8Array(0)
+      rotationPixels: (o == null ? void 0 : o.pixels) || new Uint8Array(0)
     };
   }
   /**
@@ -2403,9 +2406,9 @@ class Ae extends X {
    * @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], a = e[r + 2], o = 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;
     return {
-      isInverted: n,
+      isInverted: o,
       flipHorizontal: h,
       flipVertical: c,
       rotation: g
@@ -2438,15 +2441,15 @@ class Ae extends X {
     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(
+        const o = i * 4, h = this.getCharacterIndex(
           e.characterPixels,
-          n
+          o
         );
-        let c = this.pixelsToRGBA(e.primaryColorPixels, n), u = this.pixelsToRGBA(e.secondaryColorPixels, n);
+        let c = this.pixelsToRGBA(e.primaryColorPixels, o), u = this.pixelsToRGBA(e.secondaryColorPixels, o);
         const d = this.extractTransformData(
           e.transformPixels,
           e.rotationPixels,
-          n
+          o
         );
         if (d.isInverted) {
           const g = c;
@@ -2483,9 +2486,9 @@ class Me {
             {
               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];
-                if (n !== 0)
-                  return n + i.idDelta[s] & 65535;
+                const o = i.glyphIdArray[a];
+                if (o !== 0)
+                  return o + i.idDelta[s] & 65535;
               }
             }
           }
@@ -2535,11 +2538,11 @@ 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: a, endPts: o, flags: h } = e;
+    if (!s || !a || !o || !h) return "";
     let c = "", u = 0;
-    for (let d = 0; d < n.length; d++) {
-      const f = n[d];
+    for (let d = 0; d < o.length; d++) {
+      const f = o[d];
       if (!(f < u)) {
         if (f >= u) {
           const g = t + s[u] * i, _ = r - a[u] * i;
@@ -2553,10 +2556,10 @@ class Me {
               const C = 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${C.toFixed(2)},${v.toFixed(2)} ${R.toFixed(2)},${y.toFixed(2)}`, p = w + 1;
+                const R = t + s[w] * i, S = r - a[w] * i;
+                c += `Q${C.toFixed(2)},${v.toFixed(2)} ${R.toFixed(2)},${S.toFixed(2)}`, p = w + 1;
               } else {
-                const R = t + s[w] * i, y = r - a[w] * i, P = (C + R) / 2, D = (v + y) / 2;
+                const R = t + s[w] * i, S = r - a[w] * i, P = (C + R) / 2, D = (v + S) / 2;
                 c += `Q${C.toFixed(2)},${v.toFixed(2)} ${P.toFixed(2)},${D.toFixed(2)}`, p = w;
               }
             }
@@ -2578,14 +2581,14 @@ class Me {
    */
   generateCharacterPath(e, t, r, i, s) {
     try {
-      const a = e.codePointAt(0) || 0, n = this.getGlyphIndex(t, a);
-      if (n === 0)
+      const a = e.codePointAt(0) || 0, o = this.getGlyphIndex(t, a);
+      if (o === 0)
         return this.createEmptyPath();
       let h = 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[o] !== null ? h = t.glyf[o] : m && m.T && m.T.glyf && m.T.glyf._parseGlyf && (h = m.T.glyf._parseGlyf(t, o), t.glyf && h && (t.glyf[o] = h));
       } catch (c) {
-        console.warn(`Failed to parse glyph ${n}:`, c);
+        console.warn(`Failed to parse glyph ${o}:`, c);
       }
       return h ? this.createGlyphPath(t, h, r, i, s) : this.createEmptyPath();
     } catch (a) {
@@ -2604,10 +2607,10 @@ 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, a, o, h) {
     try {
-      const c = n / t.head.unitsPerEm, u = h * c, d = r + (s - u) / 2, f = i + (a + n * 0.7) / 2;
-      return this.generateCharacterPath(e, t, d, f, n).toSVG() || null;
+      const c = o / t.head.unitsPerEm, u = h * c, d = r + (s - u) / 2, f = i + (a + o * 0.7) / 2;
+      return this.generateCharacterPath(e, t, d, f, o).toSVG() || null;
     } catch (c) {
       return console.warn(`Failed to generate positioned character path for "${e}":`, c), null;
     }
@@ -2615,7 +2618,7 @@ class Me {
 }
 class De {
   constructor() {
-    o(this, "pathGenerator");
+    n(this, "pathGenerator");
     this.pathGenerator = new Me();
   }
   /**
@@ -2668,12 +2671,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, a = i.cellY + t.cellHeight / 2, o = [];
     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})`);
+      o.push(`translate(${s} ${a})`), o.push(`scale(${h} ${c})`), o.push(`translate(${-s} ${-a})`);
     }
-    return r.rotation && n.push(`rotate(${r.rotation} ${s} ${a})`), n.length ? ` transform="${n.join(" ")}"` : "";
+    return r.rotation && o.push(`rotate(${r.rotation} ${s} ${a})`), o.length ? ` transform="${o.join(" ")}"` : "";
   }
   /**
    * Generates background rectangle for a cell
@@ -2714,10 +2717,10 @@ class De {
     );
     if (!a)
       return "";
-    const n = this.rgbaToColorString(e.primaryColor);
+    const o = 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="${a}" stroke="${o}" stroke-width="${i.strokeWidth}" fill="none" />` : `
+    <path d="${a}" fill="${o}" />`;
   }
   /**
    * Generates complete SVG content for a single cell
@@ -2730,10 +2733,10 @@ 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 += `
-  </g>`) : s += n), s;
+    const a = this.generateTransformAttribute(e, t), o = this.generateCharacterPath(e, t, r, i);
+    return o && (a ? (s += `
+  <g${a}>`, s += o, s += `
+  </g>`) : s += o), s;
   }
   /**
    * Generates the complete SVG content from cell data
@@ -2793,9 +2796,9 @@ class Ie extends N {
 }
 class Y {
   constructor() {
-    o(this, "dataExtractor");
-    o(this, "contentGenerator");
-    o(this, "fileHandler");
+    n(this, "dataExtractor");
+    n(this, "contentGenerator");
+    n(this, "fileHandler");
     this.dataExtractor = new Ae(), this.contentGenerator = new De(), this.fileHandler = new Ie();
   }
   /**
@@ -2853,7 +2856,7 @@ class Pe extends X {
    * @returns 2D array of characters (rows x columns)
    */
   extractCharacterGrid(e, t, r, i = " ") {
-    var n;
+    var o;
     const s = [];
     let a = 0;
     for (let h = 0; h < t.rows; h++) {
@@ -2862,7 +2865,7 @@ class Pe extends X {
         const d = a * 4, f = this.getCharacterIndex(
           e.characterPixels,
           d
-        ), g = ((n = r.characters[f]) == null ? void 0 : n.character) || i;
+        ), g = ((o = r.characters[f]) == null ? void 0 : o.character) || i;
         c.push(g), a++;
       }
       s.push(c);
@@ -2915,9 +2918,9 @@ class Ge extends N {
 }
 class j {
   constructor() {
-    o(this, "dataExtractor");
-    o(this, "contentGenerator");
-    o(this, "fileHandler");
+    n(this, "dataExtractor");
+    n(this, "contentGenerator");
+    n(this, "fileHandler");
     this.dataExtractor = new Pe(), this.contentGenerator = new Be(), this.fileHandler = new Ge();
   }
   /**
@@ -2976,8 +2979,8 @@ class Ve extends X {
     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"), a = s.getContext("2d"), o = Math.round(i.width * t), h = Math.round(i.height * t);
+    return s.width = o, s.height = h, r !== "transparent" && (a.fillStyle = r, a.fillRect(0, 0, o, h)), a.imageSmoothingEnabled = !1, a.drawImage(
       i,
       0,
       0,
@@ -2985,7 +2988,7 @@ class Ve extends X {
       i.height,
       0,
       0,
-      n,
+      o,
       h
     ), s;
   }
@@ -3009,8 +3012,8 @@ class ke {
    */
   async generateImageBlob(e, t) {
     return new Promise((r, i) => {
-      const s = this.getMimeType(t.format), a = (n) => {
-        n ? r(n) : i(new Error(`Failed to generate ${t.format.toUpperCase()} blob`));
+      const s = this.getMimeType(t.format), a = (o) => {
+        o ? r(o) : i(new Error(`Failed to generate ${t.format.toUpperCase()} blob`));
       };
       t.format === "png" ? e.toBlob(a, s) : e.toBlob(a, s, t.quality);
     });
@@ -3107,9 +3110,9 @@ class ze extends N {
 }
 class $e {
   constructor() {
-    o(this, "dataExtractor");
-    o(this, "contentGenerator");
-    o(this, "fileHandler");
+    n(this, "dataExtractor");
+    n(this, "contentGenerator");
+    n(this, "fileHandler");
     this.dataExtractor = new Ve(), this.contentGenerator = new ke(), this.fileHandler = new ze();
   }
   /**
@@ -3196,37 +3199,37 @@ class $e {
 class I {
   constructor(e = null, t = {}) {
     /** The element to capture content from (optional for standalone mode) */
-    o(this, "captureSource");
+    n(this, "captureSource");
     /** Our WebGL overlay canvas manager */
-    o(this, "textmodeCanvas");
+    n(this, "textmodeCanvas");
     /** Core WebGL renderer */
-    o(this, "_renderer");
-    o(this, "_canvasFramebuffer");
-    o(this, "_font");
-    o(this, "_grid");
-    o(this, "resizeObserver");
+    n(this, "_renderer");
+    n(this, "_canvasFramebuffer");
+    n(this, "_font");
+    n(this, "_grid");
+    n(this, "resizeObserver");
     // Auto-rendering properties
-    o(this, "_mode");
-    o(this, "_frameRateLimit");
-    o(this, "animationFrameId", null);
-    o(this, "lastFrameTime", 0);
-    o(this, "frameInterval");
-    o(this, "_isLooping", !0);
-    o(this, "_frameRate", 0);
-    o(this, "lastRenderTime", 0);
-    o(this, "_frameCount", 0);
+    n(this, "_mode");
+    n(this, "_frameRateLimit");
+    n(this, "animationFrameId", null);
+    n(this, "lastFrameTime", 0);
+    n(this, "frameInterval");
+    n(this, "_isLooping", !0);
+    n(this, "_frameRate", 0);
+    n(this, "lastRenderTime", 0);
+    n(this, "_frameCount", 0);
     // Frame rate measurement smoothing
-    o(this, "frameTimeHistory", []);
-    o(this, "frameTimeHistorySize", 10);
-    o(this, "_pipeline");
-    o(this, "_isDisposed", !1);
+    n(this, "frameTimeHistory", []);
+    n(this, "frameTimeHistorySize", 10);
+    n(this, "_pipeline");
+    n(this, "_isDisposed", !1);
     // Standalone canvas properties
-    o(this, "_standalone", !1);
-    o(this, "_drawCallback", () => {
+    n(this, "_standalone", !1);
+    n(this, "_drawCallback", () => {
     });
-    o(this, "_resizedCallback", () => {
+    n(this, "_resizedCallback", () => {
     });
-    o(this, "_windowResizeListener", null);
+    n(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;
   }
   /**
@@ -3240,8 +3243,8 @@ class I {
     r.textmodeCanvas = new be(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);
-    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;
+    const o = r._font.maxGlyphDimensions;
+    return r._grid = new ve(r.textmodeCanvas.canvas, o.width, o.height), r._pipeline = new Ue(r._renderer, r._font, r._grid), r.setupEventListeners(), r.startAutoRendering(), r;
   }
   setupEventListeners() {
     this._windowResizeListener = () => {
@@ -4170,6 +4173,14 @@ class I {
   createShader(e, t) {
     return this._renderer.createShader(e, t);
   }
+  /**
+   * Create a filter shader program from a fragment source code.
+   * @param fragmentSource The GLSL source code for the fragment shader.
+   * @returns The created filter shader program for use in `textmode.js`.
+   */
+  createFilterShader(e) {
+    return this._renderer.createFilterShader(e);
+  }
   /**
    * Set the current shader for rendering.
    * @param shader The shader program to use for rendering.
@@ -4343,7 +4354,7 @@ class O {
    * ```
    */
   static get version() {
-    return "0.1.4-beta.3";
+    return "0.1.4-beta.5";
   }
   constructor() {
     throw new Error("Textmode is a static class and cannot be instantiated.");
@@ -4355,7 +4366,7 @@ const Xe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 export {
   be as TextmodeCanvas,
   Ue as TextmodeConversionPipeline,
-  ne as TextmodeErrorLevel,
+  oe as TextmodeErrorLevel,
   xe as TextmodeFont,
   ve as TextmodeGrid,
   I as Textmodifier,