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

package/dist/textmode.esm.js

@@ -1,12 +1,12 @@
 var iA = Object.defineProperty;
-var sA = (n, A, e) => A in n ? iA(n, A, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[A] = e;
-var a = (n, A, e) => sA(n, typeof A != "symbol" ? A + "" : A, e);
+var sA = (a, A, e) => A in a ? iA(a, A, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[A] = e;
+var n = (a, A, e) => sA(a, typeof A != "symbol" ? A + "" : A, e);
 class P extends Error {
   constructor(e, t, r = {}) {
     const i = P.createFormattedMessage(e, r);
     super(i);
-    a(this, "originalError");
-    a(this, "context");
+    n(this, "originalError");
+    n(this, "context");
     this.name = "TextmodeError", this.originalError = t, this.context = r;
   }
   /**
@@ -46,10 +46,10 @@ class P extends Error {
     return String(e);
   }
 }
-var oA = /* @__PURE__ */ ((n) => (n[n.SILENT = 0] = "SILENT", n[n.WARNING = 1] = "WARNING", n[n.ERROR = 2] = "ERROR", n[n.THROW = 3] = "THROW", n))(oA || {});
+var oA = /* @__PURE__ */ ((a) => (a[a.SILENT = 0] = "SILENT", a[a.WARNING = 1] = "WARNING", a[a.ERROR = 2] = "ERROR", a[a.THROW = 3] = "THROW", a))(oA || {});
 const v = class v {
   constructor() {
-    a(this, "_options", {
+    n(this, "_options", {
       globalLevel: 3
       /* THROW */
     });
@@ -103,19 +103,19 @@ const v = class v {
     this._options.globalLevel = A;
   }
 };
-a(v, "_instance", null);
+n(v, "_instance", null);
 let V = v;
 const f = V.getInstance();
-class aA {
+class nA {
   constructor(A, e, t = e, r = {}) {
-    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);
+    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 = A, this._width = e, this._height = t, this.options = {
       filter: "nearest",
       wrap: "clamp",
@@ -233,22 +233,22 @@ class aA {
 }
 class K {
   constructor(A, e, t) {
-    a(this, "gl");
-    a(this, "x");
-    a(this, "y");
+    n(this, "gl");
+    n(this, "x");
+    n(this, "y");
     this.gl = A, this.x = e, this.y = t;
   }
 }
 class y {
   constructor(A, e, t, r, i) {
     /** The WebGL rendering context */
-    a(this, "gl");
+    n(this, "gl");
     /** The vertex buffer containing position and texture coordinates */
-    a(this, "vertexBuffer");
+    n(this, "vertexBuffer");
     /** The number of vertices in this geometry (always 6 for two triangles) */
-    a(this, "vertexCount", 6);
+    n(this, "vertexCount", 6);
     /** Bytes per vertex: depends on position format (vec2 vs vec3) */
-    a(this, "bytesPerVertex");
+    n(this, "bytesPerVertex");
     this.gl = A, this.bytesPerVertex = 16;
     const s = A.getParameter(A.VIEWPORT), o = s[2], g = s[3], B = A.getParameter(A.FRAMEBUFFER_BINDING) !== null, E = e / o * 2 - 1, h = (e + r) / o * 2 - 1;
     let l, c;
@@ -306,11 +306,11 @@ class y {
     this.gl.enableVertexAttribArray(e), this.gl.vertexAttribPointer(e, 2, this.gl.FLOAT, !1, this.bytesPerVertex, 0), this.gl.enableVertexAttribArray(t), this.gl.vertexAttribPointer(t, 2, this.gl.FLOAT, !1, this.bytesPerVertex, 8), this.gl.drawArrays(this.gl.TRIANGLES, 0, this.vertexCount), this.gl.disableVertexAttribArray(e), this.gl.disableVertexAttribArray(t);
   }
 }
-class nA extends K {
+class aA extends K {
   constructor(e, t, r, i, s) {
     super(e, t, r);
-    a(this, "width");
-    a(this, "height");
+    n(this, "width");
+    n(this, "height");
     this.width = i, this.height = s;
   }
   /**
@@ -333,13 +333,13 @@ class nA extends K {
 class gA {
   constructor(A, e, t, r, i, s) {
     /** The WebGL rendering context */
-    a(this, "gl");
+    n(this, "gl");
     /** The vertex buffer containing position and texture coordinates */
-    a(this, "vertexBuffer");
+    n(this, "vertexBuffer");
     /** The number of vertices in this geometry (always 6 for two triangles) */
-    a(this, "vertexCount", 6);
+    n(this, "vertexCount", 6);
     /** Bytes per vertex: vec2+vec2 = 16 bytes */
-    a(this, "bytesPerVertex");
+    n(this, "bytesPerVertex");
     this.gl = A, this.bytesPerVertex = 16;
     const o = A.getParameter(A.VIEWPORT), g = o[2], B = o[3], E = A.getParameter(A.FRAMEBUFFER_BINDING) !== null, h = r - e, l = i - t, c = Math.sqrt(h * h + l * l);
     if (c === 0) {
@@ -452,8 +452,8 @@ class gA {
 class BA extends K {
   constructor(e, t, r, i, s) {
     super(e, t, r);
-    a(this, "x2");
-    a(this, "y2");
+    n(this, "x2");
+    n(this, "y2");
     this.x2 = i, this.y2 = s;
   }
   /**
@@ -473,11 +473,11 @@ class BA extends K {
 }
 class w {
   constructor(A, e, t) {
-    a(this, "gl");
-    a(this, "program");
-    a(this, "uniformLocations", /* @__PURE__ */ new Map());
-    a(this, "attributeLocations", /* @__PURE__ */ new Map());
-    a(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 = A, this.program = this.createProgram(e, t), this.cacheLocations();
   }
   createProgram(A, e) {
@@ -627,22 +627,22 @@ class w {
 var I = "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;uniform float u_rotation;uniform vec2 u_center;uniform float u_aspectRatio;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){v_uv=a_texCoord;vec2 pos=a_position;pos-=u_center;pos.x*=u_aspectRatio;pos=rotate2D(-u_rotation)*pos;pos.x/=u_aspectRatio;pos+=u_center;gl_Position=vec4(pos,0.0,1.0);}", EA = "precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}", hA = "precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}";
 class lA {
   constructor(A) {
-    a(this, "gl");
-    a(this, "imageShader");
-    a(this, "solidColorShader");
-    a(this, "currentShader", null);
+    n(this, "gl");
+    n(this, "imageShader");
+    n(this, "solidColorShader");
+    n(this, "currentShader", null);
     // Fill state management - default: white fill enabled
-    a(this, "currentFillColor", [1, 1, 1, 1]);
-    a(this, "fillMode", !0);
+    n(this, "currentFillColor", [1, 1, 1, 1]);
+    n(this, "fillMode", !0);
     // Stroke state management - default: black stroke enabled, weight 1
-    a(this, "currentStrokeColor", [0, 0, 0, 1]);
-    a(this, "currentStrokeWeight", 1);
-    a(this, "strokeMode", !0);
+    n(this, "currentStrokeColor", [0, 0, 0, 1]);
+    n(this, "currentStrokeWeight", 1);
+    n(this, "strokeMode", !0);
     // Transformation state management
-    a(this, "currentRotation", 0);
+    n(this, "currentRotation", 0);
     // in degrees
     // State stack for push/pop functionality
-    a(this, "stateStack", []);
+    n(this, "stateStack", []);
     this.gl = A, this.imageShader = new w(this.gl, I, EA), this.solidColorShader = new w(this.gl, I, hA), this.gl.enable(this.gl.BLEND), this.gl.blendEquation(this.gl.FUNC_ADD), this.gl.blendFunc(this.gl.ONE, this.gl.ONE_MINUS_SRC_ALPHA);
   }
   /**
@@ -756,7 +756,7 @@ class lA {
    * Draw a rectangle with the current fill and/or stroke settings
    */
   rect(A, e, t, r) {
-    const i = new nA(this.gl, A, e, t, r);
+    const i = new aA(this.gl, A, e, t, r);
     if (this.currentShader !== null) {
       if (this.currentRotation !== 0) {
         const { centerX: h, centerY: l, radians: c, aspectRatio: d } = this.calculateRotationParams(A, e, t, r);
@@ -806,7 +806,7 @@ class lA {
    * Create a new framebuffer
    */
   createFramebuffer(A, e, t = {}) {
-    return new aA(this.gl, A, e, t);
+    return new nA(this.gl, A, e, t);
   }
   /**
    * Fill the current framebuffer with a solid color
@@ -860,7 +860,7 @@ class lA {
   }
 }
 var Q = {};
-Q.parse = function(n) {
+Q.parse = function(a) {
   var A = function(i, s, o, g) {
     var B = Q.T, E = {
       cmap: B.cmap,
@@ -879,14 +879,14 @@ Q.parse = function(n) {
       }
     }
     return h;
-  }, e = new Uint8Array(n), t = {}, r = A(e, 0, 0, t);
+  }, e = new Uint8Array(a), t = {}, r = A(e, 0, 0, t);
   return [r];
 };
-Q.findTable = function(n, A, e) {
-  for (var t = Q.B, r = t.readUshort(n, e + 4), i = e + 12, s = 0; s < r; s++) {
-    var o = t.readASCII(n, i, 4);
-    t.readUint(n, i + 4);
-    var g = t.readUint(n, i + 8), B = t.readUint(n, i + 12);
+Q.findTable = function(a, A, e) {
+  for (var t = Q.B, r = t.readUshort(a, e + 4), i = e + 12, s = 0; s < r; s++) {
+    var o = t.readASCII(a, i, 4);
+    t.readUint(a, i + 4);
+    var g = t.readUint(a, i + 8), B = t.readUint(a, i + 12);
     if (o == A) return [g, B];
     i += 16;
   }
@@ -894,95 +894,95 @@ Q.findTable = function(n, A, e) {
 };
 Q.T = {};
 Q.B = {
-  readShort: function(n, A) {
+  readShort: function(a, A) {
     var e = Q.B.t.uint16;
-    return e[0] = n[A] << 8 | n[A + 1], Q.B.t.int16[0];
+    return e[0] = a[A] << 8 | a[A + 1], Q.B.t.int16[0];
   },
-  readUshort: function(n, A) {
-    return n[A] << 8 | n[A + 1];
+  readUshort: function(a, A) {
+    return a[A] << 8 | a[A + 1];
   },
-  readUshorts: function(n, A, e) {
+  readUshorts: function(a, A, e) {
     for (var t = [], r = 0; r < e; r++)
-      t.push(Q.B.readUshort(n, A + r * 2));
+      t.push(Q.B.readUshort(a, A + r * 2));
     return t;
   },
-  readUint: function(n, A) {
+  readUint: function(a, A) {
     var e = Q.B.t.uint8;
-    return e[3] = n[A], e[2] = n[A + 1], e[1] = n[A + 2], e[0] = n[A + 3], Q.B.t.uint32[0];
+    return e[3] = a[A], e[2] = a[A + 1], e[1] = a[A + 2], e[0] = a[A + 3], Q.B.t.uint32[0];
   },
-  readASCII: function(n, A, e) {
-    for (var t = "", r = 0; r < e; r++) t += String.fromCharCode(n[A + r]);
+  readASCII: function(a, A, e) {
+    for (var t = "", r = 0; r < e; r++) t += String.fromCharCode(a[A + r]);
     return t;
   },
   // Simplified typed array buffer - only what's needed
   t: function() {
-    var n = new ArrayBuffer(8);
+    var a = new ArrayBuffer(8);
     return {
-      uint8: new Uint8Array(n),
-      int16: new Int16Array(n),
-      uint16: new Uint16Array(n),
-      uint32: new Uint32Array(n)
+      uint8: new Uint8Array(a),
+      int16: new Int16Array(a),
+      uint16: new Uint16Array(a),
+      uint32: new Uint32Array(a)
     };
   }()
 };
 Q.T.cmap = {
-  parseTab: function(n, A, e) {
+  parseTab: function(a, A, e) {
     var t = { tables: [], ids: {}, off: A };
-    n = new Uint8Array(n.buffer, A, e), A = 0;
+    a = new Uint8Array(a.buffer, A, e), A = 0;
     var r = Q.B, i = r.readUshort, s = Q.T.cmap;
-    i(n, A), A += 2;
-    var o = i(n, A);
+    i(a, A), A += 2;
+    var o = i(a, A);
     A += 2;
     for (var g = [], B = 0; B < o; B++) {
-      var E = i(n, A);
+      var E = i(a, A);
       A += 2;
-      var h = i(n, A);
+      var h = i(a, A);
       A += 2;
-      var l = r.readUint(n, A);
+      var l = r.readUint(a, A);
       A += 4;
       var c = "p" + E + "e" + h, d = g.indexOf(l);
       if (d == -1) {
         d = t.tables.length;
         var u = {};
         g.push(l);
-        var m = u.format = i(n, l);
-        m == 4 ? u = s.parse4(n, l, u) : m == 12 && (u = s.parse12(n, l, u)), t.tables.push(u);
+        var m = u.format = i(a, l);
+        m == 4 ? u = s.parse4(a, l, u) : m == 12 && (u = s.parse12(a, l, u)), t.tables.push(u);
       }
       t.ids[c] != null && console.log("multiple tables for one platform+encoding: " + c), t.ids[c] = d;
     }
     return t;
   },
-  parse4: function(n, A, e) {
+  parse4: function(a, A, e) {
     var t = Q.B, r = t.readUshort, i = t.readUshorts, s = A;
     A += 2;
-    var o = r(n, A);
-    A += 2, r(n, A), A += 2;
-    var g = r(n, A);
+    var o = r(a, A);
+    A += 2, r(a, A), A += 2;
+    var g = r(a, A);
     A += 2;
     var B = g >>> 1;
-    e.searchRange = r(n, A), A += 2, e.entrySelector = r(n, A), A += 2, e.rangeShift = r(n, A), A += 2, e.endCount = i(n, A, B), A += B * 2, A += 2, e.startCount = i(n, A, B), A += B * 2, e.idDelta = [];
+    e.searchRange = r(a, A), A += 2, e.entrySelector = r(a, A), A += 2, e.rangeShift = r(a, A), A += 2, e.endCount = i(a, A, B), A += B * 2, A += 2, e.startCount = i(a, A, B), A += B * 2, e.idDelta = [];
     for (var E = 0; E < B; E++)
-      e.idDelta.push(t.readShort(n, A)), A += 2;
-    return e.idRangeOffset = i(n, A, B), A += B * 2, e.glyphIdArray = i(n, A, s + o - A >> 1), e;
+      e.idDelta.push(t.readShort(a, A)), A += 2;
+    return e.idRangeOffset = i(a, A, B), A += B * 2, e.glyphIdArray = i(a, A, s + o - A >> 1), e;
   },
-  parse12: function(n, A, e) {
+  parse12: function(a, A, e) {
     var t = Q.B, r = t.readUint;
-    A += 4, r(n, A), A += 4, r(n, A), A += 4;
-    var i = r(n, A) * 3;
+    A += 4, r(a, A), A += 4, r(a, A), A += 4;
+    var i = r(a, A) * 3;
     A += 4;
     for (var s = e.groups = new Uint32Array(i), o = 0; o < i; o += 3)
-      s[o] = r(n, A + (o << 2)), s[o + 1] = r(n, A + (o << 2) + 4), s[o + 2] = r(n, A + (o << 2) + 8);
+      s[o] = r(a, A + (o << 2)), s[o + 1] = r(a, A + (o << 2) + 4), s[o + 2] = r(a, A + (o << 2) + 8);
     return e;
   }
 };
 Q.T.head = {
-  parseTab: function(n, A, e) {
+  parseTab: function(a, A, e) {
     var t = Q.B, r = {};
-    return A += 18, r.unitsPerEm = t.readUshort(n, A), A += 2, A += 16, r.xMin = t.readShort(n, A), A += 2, r.yMin = t.readShort(n, A), A += 2, r.xMax = t.readShort(n, A), A += 2, r.yMax = t.readShort(n, A), A += 2, A += 6, r.indexToLocFormat = t.readShort(n, A), r;
+    return A += 18, r.unitsPerEm = t.readUshort(a, A), A += 2, A += 16, r.xMin = t.readShort(a, A), A += 2, r.yMin = t.readShort(a, A), A += 2, r.xMax = t.readShort(a, A), A += 2, r.yMax = t.readShort(a, A), A += 2, A += 6, r.indexToLocFormat = t.readShort(a, A), r;
   }
 };
 Q.T.hhea = {
-  parseTab: function(n, A, e) {
+  parseTab: function(a, A, e) {
     var t = Q.B, r = {};
     A += 4;
     for (var i = [
@@ -1004,43 +1004,43 @@ Q.T.hhea = {
       "numberOfHMetrics"
     ], s = 0; s < i.length; s++) {
       var o = i[s], g = o == "advanceWidthMax" || o == "numberOfHMetrics" ? t.readUshort : t.readShort;
-      r[o] = g(n, A + s * 2);
+      r[o] = g(a, A + s * 2);
     }
     return r;
   }
 };
 Q.T.hmtx = {
-  parseTab: function(n, A, e, t) {
+  parseTab: function(a, A, e, t) {
     for (var r = Q.B, i = [], s = [], o = t.maxp.numGlyphs, g = t.hhea.numberOfHMetrics, B = 0, E = 0, h = 0; h < g; )
-      B = r.readUshort(n, A + (h << 2)), E = r.readShort(n, A + (h << 2) + 2), i.push(B), s.push(E), h++;
+      B = r.readUshort(a, A + (h << 2)), E = r.readShort(a, A + (h << 2) + 2), i.push(B), s.push(E), h++;
     for (; h < o; )
       i.push(B), s.push(E), h++;
     return { aWidth: i, lsBearing: s };
   }
 };
 Q.T.maxp = {
-  parseTab: function(n, A, e) {
+  parseTab: function(a, A, e) {
     var t = Q.B, r = t.readUshort, i = {};
-    return t.readUint(n, A), A += 4, i.numGlyphs = r(n, A), A += 2, i;
+    return t.readUint(a, A), A += 4, i.numGlyphs = r(a, A), A += 2, i;
   }
 };
 Q.T.loca = {
-  parseTab: function(n, A, e, t) {
+  parseTab: function(a, A, e, t) {
     var r = Q.B, i = [], s = t.head.indexToLocFormat, o = t.maxp.numGlyphs + 1;
-    if (s == 0) for (var g = 0; g < o; g++) i.push(r.readUshort(n, A + (g << 1)) << 1);
-    if (s == 1) for (var g = 0; g < o; g++) i.push(r.readUint(n, A + (g << 2)));
+    if (s == 0) for (var g = 0; g < o; g++) i.push(r.readUshort(a, A + (g << 1)) << 1);
+    if (s == 1) for (var g = 0; g < o; g++) i.push(r.readUint(a, A + (g << 2)));
     return i;
   }
 };
 Q.T.glyf = {
-  parseTab: function(n, A, e, t) {
+  parseTab: function(a, A, e, t) {
     for (var r = [], i = t.maxp.numGlyphs, s = 0; s < i; s++) r.push(null);
     return r;
   },
-  _parseGlyf: function(n, A) {
-    var e = Q.B, t = n._data, r = n.loca;
+  _parseGlyf: function(a, A) {
+    var e = Q.B, t = a._data, r = a.loca;
     if (r[A] == r[A + 1]) return null;
-    var i = Q.findTable(t, "glyf", n._offset)[0] + r[A], s = {};
+    var i = Q.findTable(t, "glyf", a._offset)[0] + r[A], s = {};
     if (s.noc = e.readShort(t, i), i += 2, s.xMin = e.readShort(t, i), i += 2, s.yMin = e.readShort(t, i), i += 2, s.xMax = e.readShort(t, i), i += 2, s.yMax = e.readShort(t, i), i += 2, s.xMin >= s.xMax || s.yMin >= s.yMax) return null;
     if (s.noc > 0) {
       s.endPts = [];
@@ -1183,9 +1183,9 @@ class uA {
    * @param renderer The WebGL renderer instance
    */
   constructor(A) {
-    a(this, "_textureCanvas");
-    a(this, "_textureContext");
-    a(this, "_renderer");
+    n(this, "_textureCanvas");
+    n(this, "_textureContext");
+    n(this, "_renderer");
     this._renderer = A, this._textureCanvas = document.createElement("canvas"), this._textureContext = this._textureCanvas.getContext("2d", { willReadFrequently: !0, alpha: !1 });
   }
   /**
@@ -1251,8 +1251,8 @@ class dA {
    * Creates a new MetricsCalculation instance.
    */
   constructor() {
-    a(this, "_tempCanvas");
-    a(this, "_tempContext");
+    n(this, "_tempCanvas");
+    n(this, "_tempContext");
     this._tempCanvas = document.createElement("canvas"), this._tempContext = this._tempCanvas.getContext("2d");
   }
   /**
@@ -1374,20 +1374,20 @@ class CA {
    * @ignore
    */
   constructor(A, e = 16) {
-    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");
+    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
-    a(this, "_characterExtractor");
-    a(this, "_textureAtlas");
-    a(this, "_metricsCalculator");
-    a(this, "_characterColorMapper");
+    n(this, "_characterExtractor");
+    n(this, "_textureAtlas");
+    n(this, "_metricsCalculator");
+    n(this, "_characterColorMapper");
     this._fontSize = e, this._characterExtractor = new cA(), this._textureAtlas = new uA(A), this._metricsCalculator = new dA(), this._characterColorMapper = new fA();
   }
   /**
@@ -1558,25 +1558,25 @@ class mA {
    */
   constructor(A, e, t) {
     /** The number of columns in the grid. */
-    a(this, "_cols");
+    n(this, "_cols");
     /** The number of rows in the grid. */
-    a(this, "_rows");
+    n(this, "_rows");
     /** The total width of the grid in pixels. */
-    a(this, "_width");
+    n(this, "_width");
     /** The total height of the grid in pixels. */
-    a(this, "_height");
+    n(this, "_height");
     /** The offset to the outer canvas on the x-axis when centering the grid. */
-    a(this, "_offsetX");
+    n(this, "_offsetX");
     /** The offset to the outer canvas on the y-axis when centering the grid. */
-    a(this, "_offsetY");
+    n(this, "_offsetY");
     /** Whether the grid dimensions are fixed, or responsive based on the canvas dimensions. */
-    a(this, "_fixedDimensions", !1);
+    n(this, "_fixedDimensions", !1);
     /** The canvas element used to determine the grid dimensions. */
-    a(this, "_canvas");
+    n(this, "_canvas");
     /** The width of each cell in the grid. */
-    a(this, "_cellWidth");
+    n(this, "_cellWidth");
     /** The height of each cell in the grid. */
-    a(this, "_cellHeight");
+    n(this, "_cellHeight");
     this._canvas = A, this._cellWidth = e, this._cellHeight = t, this.reset();
   }
   /**
@@ -1693,9 +1693,9 @@ class mA {
 }
 class DA {
   constructor(A, e = !1, t = {}) {
-    a(this, "_canvas");
-    a(this, "captureSource");
-    a(this, "_isStandalone");
+    n(this, "_canvas");
+    n(this, "captureSource");
+    n(this, "_isStandalone");
     this.captureSource = A, this._isStandalone = e, this._canvas = this.createCanvas(t.width, t.height);
   }
   createCanvas(A, e) {
@@ -1797,15 +1797,15 @@ class x {
    * @ignore
    */
   constructor(A, e, t, r = {}) {
-    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");
+    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 = A, this.fontManager = e, this.grid = t, this._options = r, 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);
   }
   /**
@@ -1880,9 +1880,9 @@ class PA {
    */
   constructor(A, e) {
     /** The framebuffer used to store the color palette. */
-    a(this, "_framebuffer");
-    a(this, "_renderer");
-    a(this, "_colors");
+    n(this, "_framebuffer");
+    n(this, "_renderer");
+    n(this, "_colors");
     this._renderer = A, this._colors = e;
     const t = Math.max(this._colors.length, 1);
     this._framebuffer = this._renderer.createFramebuffer(t, 1), this._updateFramebuffer();
@@ -1930,7 +1930,7 @@ class PA {
 class z extends x {
   constructor(e, t, r, i = {}) {
     super(e, t, r, i);
-    a(this, "palette");
+    n(this, "palette");
     this.palette = new PA(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
   }
   /**
@@ -2084,12 +2084,12 @@ class O extends z {
    */
   constructor(e, t, r) {
     super(e, t, r, { ...vA });
-    a(this, "sampleShader");
-    a(this, "colorFillShader");
-    a(this, "charMappingShader");
-    a(this, "transformFillShader");
-    a(this, "rotationFillShader");
-    a(this, "sampleFramebuffer");
+    n(this, "sampleShader");
+    n(this, "colorFillShader");
+    n(this, "charMappingShader");
+    n(this, "transformFillShader");
+    n(this, "rotationFillShader");
+    n(this, "sampleFramebuffer");
     this.sampleShader = new w(e.context, I, pA), this.colorFillShader = new w(e.context, I, _A), this.transformFillShader = new w(e.context, I, wA), this.rotationFillShader = new w(e.context, I, IA), this.charMappingShader = new w(e.context, I, bA), this.sampleFramebuffer = this.renderer.createFramebuffer(this.grid.cols, this.grid.rows);
   }
   convert(e) {
@@ -2113,7 +2113,7 @@ class O extends z {
     ) && (this._options.brightnessRange = e);
   }
 }
-const HA = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const LA = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   TextmodeBrightnessConverter: O,
   TextmodeConverter: x,
@@ -2129,17 +2129,17 @@ class FA {
    * @ignore
    */
   constructor(A, e, t) {
-    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");
+    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 = A, this.font = e, this.grid = t, this._asciiShader = this.renderer.createShader(I, xA), this.converters = [
       { name: "brightness", converter: new O(A, e, t) },
       { name: "custom", converter: new x(A, e, t) }
@@ -2305,7 +2305,7 @@ class FA {
     return this._transformFramebuffer;
   }
 }
-class H {
+class L {
   /**
    * Extracts pixel data from all framebuffers needed for export
    * @param pipeline The conversion pipeline containing framebuffers
@@ -2347,7 +2347,7 @@ class H {
     };
   }
 }
-class L {
+class H {
   /**
    * Creates a downloadable blob from content
    * @param content The content to include in the blob
@@ -2404,7 +2404,7 @@ class L {
     return `'textmode-export'-${this.generateTimestamp()}`;
   }
 }
-class yA extends H {
+class yA extends L {
   /**
    * Extracts transform data from transform pixels
    * @param transformPixels Transform framebuffer pixels
@@ -2625,7 +2625,7 @@ class TA {
 }
 class SA {
   constructor() {
-    a(this, "pathGenerator");
+    n(this, "pathGenerator");
     this.pathGenerator = new TA();
   }
   /**
@@ -2771,7 +2771,7 @@ class SA {
 `).replace(/[ \t]+$/gm, "");
   }
 }
-class RA extends L {
+class RA extends H {
   /**
    * Creates a downloadable blob from SVG content
    * @param svgContent The SVG content string
@@ -2803,9 +2803,9 @@ class RA extends L {
 }
 class W {
   constructor() {
-    a(this, "dataExtractor");
-    a(this, "contentGenerator");
-    a(this, "fileHandler");
+    n(this, "dataExtractor");
+    n(this, "contentGenerator");
+    n(this, "fileHandler");
     this.dataExtractor = new yA(), this.contentGenerator = new SA(), this.fileHandler = new RA();
   }
   /**
@@ -2853,7 +2853,7 @@ class W {
     }
   }
 }
-class GA extends H {
+class GA extends L {
   /**
    * Extracts character data for TXT generation
    * @param framebufferData Framebuffer pixel data
@@ -2899,7 +2899,7 @@ class MA {
     return t.join(r);
   }
 }
-class UA extends L {
+class UA extends H {
   /**
    * Saves TXT content as a downloadable file
    * @param content The TXT content to save
@@ -2925,9 +2925,9 @@ class UA extends L {
 }
 class $ {
   constructor() {
-    a(this, "dataExtractor");
-    a(this, "contentGenerator");
-    a(this, "fileHandler");
+    n(this, "dataExtractor");
+    n(this, "contentGenerator");
+    n(this, "fileHandler");
     this.dataExtractor = new GA(), this.contentGenerator = new MA(), this.fileHandler = new UA();
   }
   /**
@@ -2974,7 +2974,7 @@ class $ {
     }
   }
 }
-class YA extends H {
+class YA extends L {
   /**
    * Captures the current state of the textmode canvas as image data
    * @param canvas The canvas data containing the rendered textmode graphics
@@ -3052,7 +3052,7 @@ const J = {
   jpg: ".jpg",
   webp: ".webp"
 };
-class VA extends L {
+class VA extends H {
   /**
    * Saves image content as a downloadable file
    * @param content The image content (data URL or blob)
@@ -3117,9 +3117,9 @@ class VA extends L {
 }
 class OA {
   constructor() {
-    a(this, "dataExtractor");
-    a(this, "contentGenerator");
-    a(this, "fileHandler");
+    n(this, "dataExtractor");
+    n(this, "contentGenerator");
+    n(this, "fileHandler");
     this.dataExtractor = new YA(), this.contentGenerator = new kA(), this.fileHandler = new VA();
   }
   /**
@@ -3206,37 +3206,38 @@ class OA {
 class S {
   constructor(A = null, e = {}) {
     /** The element to capture content from (optional for standalone mode) */
-    a(this, "captureSource");
+    n(this, "captureSource");
     /** Our WebGL overlay canvas manager */
-    a(this, "textmodeCanvas");
+    n(this, "textmodeCanvas");
     /** Core WebGL renderer */
-    a(this, "_renderer");
-    a(this, "_canvasFramebuffer");
-    a(this, "_font");
-    a(this, "_grid");
-    a(this, "resizeObserver");
+    n(this, "_renderer");
+    n(this, "_canvasFramebuffer");
+    n(this, "_font");
+    n(this, "_grid");
+    n(this, "resizeObserver");
     // Auto-rendering properties
-    a(this, "_mode");
-    a(this, "_frameRateLimit");
-    a(this, "animationFrameId", null);
-    a(this, "lastFrameTime", 0);
-    a(this, "frameInterval");
-    a(this, "_frameRate", 0);
-    a(this, "lastRenderTime", 0);
-    a(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
-    a(this, "frameTimeHistory", []);
-    a(this, "frameTimeHistorySize", 10);
-    a(this, "_pipeline");
+    n(this, "frameTimeHistory", []);
+    n(this, "frameTimeHistorySize", 10);
+    n(this, "_pipeline");
     // Standalone canvas properties
-    a(this, "_standalone", !1);
-    a(this, "_drawCallback", () => {
+    n(this, "_standalone", !1);
+    n(this, "_drawCallback", () => {
     });
-    a(this, "_resizedCallback", () => {
+    n(this, "_resizedCallback", () => {
     });
     // Destroy state
-    a(this, "_isDestroyed", !1);
-    a(this, "_windowResizeListener", null);
+    n(this, "_isDestroyed", !1);
+    n(this, "_windowResizeListener", null);
     this.captureSource = A, this._standalone = A === null, this._mode = e.renderMode ?? "auto", this._frameRateLimit = e.frameRate ?? 60, this.frameInterval = 1e3 / this._frameRateLimit;
   }
   /**
@@ -3499,13 +3500,17 @@ class S {
    * Start automatic rendering
    */
   startAutoRendering() {
-    if (this._mode !== "auto" || this._isDestroyed) return;
+    if (this._mode !== "auto" || this._isDestroyed || !this._isLooping) return;
     this.lastFrameTime = performance.now();
     const A = (e) => {
       if (this._isDestroyed)
         return;
+      if (!this._isLooping) {
+        this.animationFrameId = null;
+        return;
+      }
       const t = e - this.lastFrameTime;
-      t >= this.frameInterval && (this.render(), this.lastFrameTime = e - t % this.frameInterval), this._isDestroyed || (this.animationFrameId = requestAnimationFrame(A));
+      t >= this.frameInterval && (this.render(), this.lastFrameTime = e - t % this.frameInterval), !this._isDestroyed && this._isLooping && (this.animationFrameId = requestAnimationFrame(A));
     };
     this.animationFrameId = requestAnimationFrame(A);
   }
@@ -3559,7 +3564,7 @@ class S {
       console.warn("Cannot change render mode: Textmodifier instance has been destroyed");
       return;
     }
-    this._mode !== A && (this.stopAutoRendering(), this._mode = A, A === "auto" && this.startAutoRendering());
+    this._mode !== A && (this.stopAutoRendering(), this._mode = A, A === "auto" && this._isLooping && this.startAutoRendering());
   }
   /**
    * Set the maximum frame rate for auto rendering. If called without arguments, returns the current measured frame rate.
@@ -3580,7 +3585,105 @@ class S {
   frameRate(A) {
     if (A === void 0)
       return this._frameRate;
-    this._frameRateLimit = A, this.frameInterval = 1e3 / A, this._mode === "auto" && (this.stopAutoRendering(), this.startAutoRendering());
+    this._frameRateLimit = A, this.frameInterval = 1e3 / A, 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.
@@ -4142,7 +4245,7 @@ class S {
   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.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() {
@@ -4275,13 +4378,13 @@ class N {
    * ```
    */
   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.");
   }
 }
-const LA = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const HA = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" })), NA = N.create, XA = N.setErrorLevel, WA = N.version;
 export {
@@ -4291,10 +4394,10 @@ export {
   CA as TextmodeFont,
   mA as TextmodeGrid,
   S as Textmodifier,
-  HA as converters,
+  LA as converters,
   NA as create,
   N as default,
-  LA as export,
+  HA as export,
   XA as setErrorLevel,
   N as textmode,
   WA as version