textmode.js 0.1.3 → 0.1.4-beta.1

package/dist/textmode.esm.js

@@ -1636,7 +1636,7 @@ class mA {
     var r;
     const t = document.createElement("canvas");
     if (t.className = "textmodeCanvas", this._isStandalone)
-      t.width = A || 800, t.height = e || 600, t.style.width = A + "px", t.style.height = e + "px", document.body.appendChild(t);
+      t.width = A || 800, t.height = e || 600, document.body.appendChild(t);
     else {
       const i = this.captureSource.getBoundingClientRect();
       let s = Math.round(i.width), o = Math.round(i.height);
@@ -1644,7 +1644,7 @@ class mA {
         const E = this.captureSource;
         (s === 0 || o === 0) && E.videoWidth > 0 && E.videoHeight > 0 && (s = E.videoWidth, o = E.videoHeight);
       }
-      t.width = s, t.height = o, t.style.width = s + "px", t.style.height = o + "px", t.style.position = "absolute", t.style.pointerEvents = "none";
+      t.width = s, t.height = o, t.style.position = "absolute", t.style.pointerEvents = "none";
       const g = window.getComputedStyle(this.captureSource);
       let B = parseInt(g.zIndex || "0", 10);
       isNaN(B) && (B = 0), t.style.zIndex = (B + 1).toString(), this.positionOverlayCanvas(t), (r = this.captureSource.parentNode) == null || r.insertBefore(t, this.captureSource.nextSibling);
@@ -1662,7 +1662,7 @@ class mA {
   }
   resize(A, e) {
     if (this._isStandalone)
-      this._canvas.width = A ?? this._canvas.width, this._canvas.height = e ?? this._canvas.height, this._canvas.style.width = (A ?? this._canvas.width) + "px", this._canvas.style.height = (e ?? this._canvas.height) + "px";
+      this._canvas.width = A ?? this._canvas.width, this._canvas.height = e ?? this._canvas.height;
     else {
       const t = this.captureSource.getBoundingClientRect();
       let r = Math.round(t.width), i = Math.round(t.height);
@@ -1670,7 +1670,7 @@ class mA {
         const s = this.captureSource;
         (r === 0 || i === 0) && s.videoWidth > 0 && s.videoHeight > 0 && (r = s.videoWidth, i = s.videoHeight);
       }
-      this._canvas.width = r, this._canvas.height = i, this._canvas.style.width = r + "px", this._canvas.style.height = i + "px", this.positionOverlayCanvas(this._canvas);
+      this._canvas.width = r, this._canvas.height = i, this.positionOverlayCanvas(this._canvas);
     }
   }
   /**
@@ -4080,7 +4080,7 @@ class X {
    * ```
    */
   static get version() {
-    return "0.1.2";
+    return "0.1.4-beta.1";
   }
   constructor() {
     throw new Error("Textmode is a static class and cannot be instantiated.");

package/dist/textmode.esm.min.js

@@ -1,6 +1,6 @@
 var se = Object.defineProperty;
-var ae = (h, e, t) => e in h ? se(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
-var o = (h, e, t) => ae(h, typeof e != "symbol" ? e + "" : e, t);
+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);
 class F extends Error {
   constructor(t, r, i = {}) {
     const s = F.createFormattedMessage(t, i);
@@ -46,7 +46,7 @@ class F extends Error {
     return String(t);
   }
 }
-var ne = /* @__PURE__ */ ((h) => (h[h.SILENT = 0] = "SILENT", h[h.WARNING = 1] = "WARNING", h[h.ERROR = 2] = "ERROR", h[h.THROW = 3] = "THROW", h))(ne || {});
+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 || {});
 const E = class E {
   constructor() {
     o(this, "_options", {
@@ -236,9 +236,9 @@ class M {
     /** Bytes per vertex: depends on position format (vec2 vs vec3) */
     o(this, "bytesPerVertex");
     this.gl = e, this.bytesPerVertex = 16;
-    const a = e.getParameter(e.VIEWPORT), n = a[2], l = a[3], c = e.getParameter(e.FRAMEBUFFER_BINDING) !== null, u = t / n * 2 - 1, d = (t + i) / n * 2 - 1;
+    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;
     let f, g;
-    c ? (f = r / l * 2 - 1, g = (r + s) / l * 2 - 1) : (f = 1 - r / l * 2, g = 1 - (r + s) / l * 2);
+    c ? (f = r / h * 2 - 1, g = (r + s) / h * 2 - 1) : (f = 1 - r / h * 2, g = 1 - (r + s) / h * 2);
     let _, p, C, b;
     _ = u, C = d, p = f, b = g;
     const v = this.generateVertices(_, p, C, b);
@@ -292,7 +292,7 @@ class M {
     this.gl.enableVertexAttribArray(t), this.gl.vertexAttribPointer(t, 2, this.gl.FLOAT, !1, this.bytesPerVertex, 0), this.gl.enableVertexAttribArray(r), this.gl.vertexAttribPointer(r, 2, this.gl.FLOAT, !1, this.bytesPerVertex, 8), this.gl.drawArrays(this.gl.TRIANGLES, 0, this.vertexCount), this.gl.disableVertexAttribArray(t), this.gl.disableVertexAttribArray(r);
   }
 }
-class he extends Q {
+class le extends Q {
   constructor(t, r, i, s, a) {
     super(t, r, i);
     o(this, "width");
@@ -316,7 +316,7 @@ class he extends Q {
     r.render(), i.render(), s.render(), a.render();
   }
 }
-class le {
+class he {
   constructor(e, t, r, i, s, a) {
     /** The WebGL rendering context */
     o(this, "gl");
@@ -327,13 +327,13 @@ class le {
     /** Bytes per vertex: vec2+vec2 = 16 bytes */
     o(this, "bytesPerVertex");
     this.gl = e, this.bytesPerVertex = 16;
-    const n = e.getParameter(e.VIEWPORT), l = n[2], c = n[3], u = e.getParameter(e.FRAMEBUFFER_BINDING) !== null, d = i - t, f = s - r, g = Math.sqrt(d * d + f * f);
+    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);
     if (g === 0) {
       const ie = this.generateVertices(0, 0, 0, 0);
       this.vertexBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.vertexBuffer), e.bufferData(e.ARRAY_BUFFER, ie, e.STATIC_DRAW);
       return;
     }
-    const _ = d / g, C = -(f / g), b = _, v = a / 2, w = t + C * v, A = r + b * v, R = t - C * v, y = r - b * v, P = i + C * v, D = s + b * v, Z = i - C * v, W = s - b * v, J = w / l * 2 - 1, K = R / l * 2 - 1, ee = P / l * 2 - 1, te = Z / l * 2 - 1;
+    const _ = d / g, C = -(f / g), b = _, v = a / 2, w = t + C * v, A = r + b * v, R = t - C * v, y = r - b * v, P = i + C * v, D = s + b * v, Z = i - C * v, W = s - b * v, J = w / h * 2 - 1, K = R / h * 2 - 1, ee = P / h * 2 - 1, te = Z / h * 2 - 1;
     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);
     const re = this.generateLineVertices(
@@ -391,7 +391,7 @@ class le {
    * Uses the four corners calculated based on line direction and thickness
    * @private
    */
-  generateLineVertices(e, t, r, i, s, a, n, l) {
+  generateLineVertices(e, t, r, i, s, a, n, h) {
     return new Float32Array([
       e,
       t,
@@ -414,7 +414,7 @@ class le {
       1,
       // corner2 (start - perpendicular)
       n,
-      l,
+      h,
       1,
       1,
       // corner4 (end - perpendicular)
@@ -454,7 +454,7 @@ class ce extends Q {
    */
   renderStroke(t) {
     if (t <= 0) return;
-    new le(this.gl, this.x, this.y, this.x2, this.y2, t).render();
+    new he(this.gl, this.x, this.y, this.x2, this.y2, t).render();
   }
 }
 class T {
@@ -729,7 +729,7 @@ class fe {
    * Draw a rectangle with the current fill and/or stroke settings
    */
   rect(e, t, r, i) {
-    const s = new he(this.gl, e, t, r, i);
+    const s = new le(this.gl, e, t, r, i);
     if (this.currentShader !== null) {
       if (this.currentRotation !== 0) {
         const { centerX: d, centerY: f, radians: g, aspectRatio: _ } = this.calculateRotationParams(e, t, r, i);
@@ -739,8 +739,8 @@ class fe {
       s.renderFill(), this.currentShader = null;
       return;
     }
-    const a = this.solidColorShader, { centerX: n, centerY: l, radians: c, aspectRatio: u } = this.calculateRotationParams(e, t, r, i);
-    this.fillMode && (this.shader(a), this.setUniform("u_color", this.currentFillColor), this.setUniform("u_rotation", c), this.setUniform("u_center", [n, l]), this.setUniform("u_aspectRatio", u), s.renderFill()), this.strokeMode && (this.shader(a), this.setUniform("u_color", this.currentStrokeColor), this.setUniform("u_rotation", c), this.setUniform("u_center", [n, l]), this.setUniform("u_aspectRatio", u), s.renderStroke(this.currentStrokeWeight)), this.currentShader = null;
+    const a = this.solidColorShader, { 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;
   }
   /**
    * Draw a line from (x1, y1) to (x2, y2) with the current stroke settings.
@@ -762,18 +762,18 @@ class fe {
       s.renderStroke(this.currentStrokeWeight), this.currentShader = null;
       return;
     }
-    const a = this.solidColorShader, n = (e + r) / 2, l = (t + i) / 2, c = Math.abs(r - e), u = Math.abs(i - t), { centerX: d, centerY: f, radians: g, aspectRatio: _ } = this.calculateRotationParams(n - c / 2, l - u / 2, c, u);
+    const a = this.solidColorShader, n = (e + r) / 2, h = (t + i) / 2, c = Math.abs(r - e), u = Math.abs(i - t), { centerX: d, centerY: f, radians: g, aspectRatio: _ } = this.calculateRotationParams(n - c / 2, h - u / 2, c, u);
     this.shader(a), this.setUniform("u_color", this.currentStrokeColor), this.setUniform("u_rotation", g), this.setUniform("u_center", [d, f]), this.setUniform("u_aspectRatio", _), s.renderStroke(this.currentStrokeWeight), this.currentShader = null;
   }
   /**
    * Calculate rotation parameters for built-in shaders (NDC coordinates)
    */
   calculateRotationParams(e, t, r, i) {
-    const s = this.gl.getParameter(this.gl.VIEWPORT), a = s[2], n = s[3], l = a / n, c = this.gl.getParameter(this.gl.FRAMEBUFFER_BINDING) !== null, u = e + r / 2, d = t + i / 2, f = u / a * 2 - 1;
+    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;
     let g;
     c ? g = d / n * 2 - 1 : g = 1 - d / n * 2;
     const _ = this.currentRotation * Math.PI / 180;
-    return { centerX: f, centerY: g, radians: _, aspectRatio: l };
+    return { centerX: f, centerY: g, radians: _, aspectRatio: h };
   }
   /**
    * Create a new framebuffer
@@ -810,18 +810,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: l, aspectRatio: c } = this.calculateRotationParams(
+    const { centerX: a, centerY: n, radians: h, aspectRatio: c } = this.calculateRotationParams(
       t,
       r,
       i ?? e.width,
       s ?? e.height
     );
-    this.setUniform("u_rotation", l), this.setUniform("u_center", [a, n]), this.setUniform("u_aspectRatio", c), this.rect(t, r, i ?? e.width, s ?? e.height);
+    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);
   }
 }
 var m = {};
-m.parse = function(h) {
-  var e = function(s, a, n, l) {
+m.parse = function(l) {
+  var e = function(s, a, n, h) {
     var c = m.T, u = {
       cmap: c.cmap,
       head: c.head,
@@ -834,115 +834,115 @@ m.parse = function(h) {
     for (var f in u) {
       var g = m.findTable(s, f, n);
       if (g) {
-        var _ = g[0], p = l[_];
-        p == null && (p = u[f].parseTab(s, _, g[1], d)), d[f] = l[_] = p;
+        var _ = g[0], p = h[_];
+        p == null && (p = u[f].parseTab(s, _, g[1], d)), d[f] = h[_] = p;
       }
     }
     return d;
-  }, t = new Uint8Array(h), r = {}, i = e(t, 0, 0, r);
+  }, t = new Uint8Array(l), r = {}, i = e(t, 0, 0, r);
   return [i];
 };
-m.findTable = function(h, e, t) {
-  for (var r = m.B, i = r.readUshort(h, t + 4), s = t + 12, a = 0; a < i; a++) {
-    var n = r.readASCII(h, s, 4);
-    r.readUint(h, s + 4);
-    var l = r.readUint(h, s + 8), c = r.readUint(h, s + 12);
-    if (n == e) return [l, c];
+m.findTable = function(l, e, t) {
+  for (var r = m.B, i = r.readUshort(l, t + 4), s = t + 12, a = 0; a < i; a++) {
+    var n = r.readASCII(l, s, 4);
+    r.readUint(l, s + 4);
+    var h = r.readUint(l, s + 8), c = r.readUint(l, s + 12);
+    if (n == e) return [h, c];
     s += 16;
   }
   return null;
 };
 m.T = {};
 m.B = {
-  readShort: function(h, e) {
+  readShort: function(l, e) {
     var t = m.B.t.uint16;
-    return t[0] = h[e] << 8 | h[e + 1], m.B.t.int16[0];
+    return t[0] = l[e] << 8 | l[e + 1], m.B.t.int16[0];
   },
-  readUshort: function(h, e) {
-    return h[e] << 8 | h[e + 1];
+  readUshort: function(l, e) {
+    return l[e] << 8 | l[e + 1];
   },
-  readUshorts: function(h, e, t) {
+  readUshorts: function(l, e, t) {
     for (var r = [], i = 0; i < t; i++)
-      r.push(m.B.readUshort(h, e + i * 2));
+      r.push(m.B.readUshort(l, e + i * 2));
     return r;
   },
-  readUint: function(h, e) {
+  readUint: function(l, e) {
     var t = m.B.t.uint8;
-    return t[3] = h[e], t[2] = h[e + 1], t[1] = h[e + 2], t[0] = h[e + 3], m.B.t.uint32[0];
+    return t[3] = l[e], t[2] = l[e + 1], t[1] = l[e + 2], t[0] = l[e + 3], m.B.t.uint32[0];
   },
-  readASCII: function(h, e, t) {
-    for (var r = "", i = 0; i < t; i++) r += String.fromCharCode(h[e + i]);
+  readASCII: function(l, e, t) {
+    for (var r = "", i = 0; i < t; i++) r += String.fromCharCode(l[e + i]);
     return r;
   },
   // Simplified typed array buffer - only what's needed
   t: function() {
-    var h = new ArrayBuffer(8);
+    var l = new ArrayBuffer(8);
     return {
-      uint8: new Uint8Array(h),
-      int16: new Int16Array(h),
-      uint16: new Uint16Array(h),
-      uint32: new Uint32Array(h)
+      uint8: new Uint8Array(l),
+      int16: new Int16Array(l),
+      uint16: new Uint16Array(l),
+      uint32: new Uint32Array(l)
     };
   }()
 };
 m.T.cmap = {
-  parseTab: function(h, e, t) {
+  parseTab: function(l, e, t) {
     var r = { tables: [], ids: {}, off: e };
-    h = new Uint8Array(h.buffer, e, t), e = 0;
+    l = new Uint8Array(l.buffer, e, t), e = 0;
     var i = m.B, s = i.readUshort, a = m.T.cmap;
-    s(h, e), e += 2;
-    var n = s(h, e);
+    s(l, e), e += 2;
+    var n = s(l, e);
     e += 2;
-    for (var l = [], c = 0; c < n; c++) {
-      var u = s(h, e);
+    for (var h = [], c = 0; c < n; c++) {
+      var u = s(l, e);
       e += 2;
-      var d = s(h, e);
+      var d = s(l, e);
       e += 2;
-      var f = i.readUint(h, e);
+      var f = i.readUint(l, e);
       e += 4;
-      var g = "p" + u + "e" + d, _ = l.indexOf(f);
+      var g = "p" + u + "e" + d, _ = h.indexOf(f);
       if (_ == -1) {
         _ = r.tables.length;
         var p = {};
-        l.push(f);
-        var C = p.format = s(h, f);
-        C == 4 ? p = a.parse4(h, f, p) : C == 12 && (p = a.parse12(h, f, p)), r.tables.push(p);
+        h.push(f);
+        var C = p.format = s(l, f);
+        C == 4 ? p = a.parse4(l, f, p) : C == 12 && (p = a.parse12(l, f, p)), r.tables.push(p);
       }
       r.ids[g] != null && console.log("multiple tables for one platform+encoding: " + g), r.ids[g] = _;
     }
     return r;
   },
-  parse4: function(h, e, t) {
+  parse4: function(l, e, t) {
     var r = m.B, i = r.readUshort, s = r.readUshorts, a = e;
     e += 2;
-    var n = i(h, e);
-    e += 2, i(h, e), e += 2;
-    var l = i(h, e);
+    var n = i(l, e);
+    e += 2, i(l, e), e += 2;
+    var h = i(l, e);
     e += 2;
-    var c = l >>> 1;
-    t.searchRange = i(h, e), e += 2, t.entrySelector = i(h, e), e += 2, t.rangeShift = i(h, e), e += 2, t.endCount = s(h, e, c), e += c * 2, e += 2, t.startCount = s(h, e, c), e += c * 2, t.idDelta = [];
+    var c = h >>> 1;
+    t.searchRange = i(l, e), e += 2, t.entrySelector = i(l, e), e += 2, t.rangeShift = i(l, e), e += 2, t.endCount = s(l, e, c), e += c * 2, e += 2, t.startCount = s(l, e, c), e += c * 2, t.idDelta = [];
     for (var u = 0; u < c; u++)
-      t.idDelta.push(r.readShort(h, e)), e += 2;
-    return t.idRangeOffset = s(h, e, c), e += c * 2, t.glyphIdArray = s(h, e, a + n - e >> 1), t;
+      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;
   },
-  parse12: function(h, e, t) {
+  parse12: function(l, e, t) {
     var r = m.B, i = r.readUint;
-    e += 4, i(h, e), e += 4, i(h, e), e += 4;
-    var s = i(h, e) * 3;
+    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(h, e + (n << 2)), a[n + 1] = i(h, e + (n << 2) + 4), a[n + 2] = i(h, e + (n << 2) + 8);
+      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);
     return t;
   }
 };
 m.T.head = {
-  parseTab: function(h, e, t) {
+  parseTab: function(l, e, t) {
     var r = m.B, i = {};
-    return e += 18, i.unitsPerEm = r.readUshort(h, e), e += 2, e += 16, i.xMin = r.readShort(h, e), e += 2, i.yMin = r.readShort(h, e), e += 2, i.xMax = r.readShort(h, e), e += 2, i.yMax = r.readShort(h, e), e += 2, e += 6, i.indexToLocFormat = r.readShort(h, e), i;
+    return e += 18, i.unitsPerEm = r.readUshort(l, e), e += 2, e += 16, i.xMin = r.readShort(l, e), e += 2, i.yMin = r.readShort(l, e), e += 2, i.xMax = r.readShort(l, e), e += 2, i.yMax = r.readShort(l, e), e += 2, e += 6, i.indexToLocFormat = r.readShort(l, e), i;
   }
 };
 m.T.hhea = {
-  parseTab: function(h, e, t) {
+  parseTab: function(l, e, t) {
     var r = m.B, i = {};
     e += 4;
     for (var s = [
@@ -963,52 +963,52 @@ m.T.hhea = {
       "metricDataFormat",
       "numberOfHMetrics"
     ], a = 0; a < s.length; a++) {
-      var n = s[a], l = n == "advanceWidthMax" || n == "numberOfHMetrics" ? r.readUshort : r.readShort;
-      i[n] = l(h, e + a * 2);
+      var n = s[a], h = n == "advanceWidthMax" || n == "numberOfHMetrics" ? r.readUshort : r.readShort;
+      i[n] = h(l, e + a * 2);
     }
     return i;
   }
 };
 m.T.hmtx = {
-  parseTab: function(h, e, t, r) {
-    for (var i = m.B, s = [], a = [], n = r.maxp.numGlyphs, l = r.hhea.numberOfHMetrics, c = 0, u = 0, d = 0; d < l; )
-      c = i.readUshort(h, e + (d << 2)), u = i.readShort(h, e + (d << 2) + 2), s.push(c), a.push(u), d++;
+  parseTab: function(l, e, t, r) {
+    for (var i = m.B, s = [], a = [], n = r.maxp.numGlyphs, h = r.hhea.numberOfHMetrics, c = 0, u = 0, d = 0; d < h; )
+      c = i.readUshort(l, e + (d << 2)), u = i.readShort(l, e + (d << 2) + 2), s.push(c), a.push(u), d++;
     for (; d < n; )
       s.push(c), a.push(u), d++;
     return { aWidth: s, lsBearing: a };
   }
 };
 m.T.maxp = {
-  parseTab: function(h, e, t) {
+  parseTab: function(l, e, t) {
     var r = m.B, i = r.readUshort, s = {};
-    return r.readUint(h, e), e += 4, s.numGlyphs = i(h, e), e += 2, s;
+    return r.readUint(l, e), e += 4, s.numGlyphs = i(l, e), e += 2, s;
   }
 };
 m.T.loca = {
-  parseTab: function(h, e, t, r) {
+  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 l = 0; l < n; l++) s.push(i.readUshort(h, e + (l << 1)) << 1);
-    if (a == 1) for (var l = 0; l < n; l++) s.push(i.readUint(h, e + (l << 2)));
+    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)));
     return s;
   }
 };
 m.T.glyf = {
-  parseTab: function(h, e, t, r) {
+  parseTab: function(l, e, t, r) {
     for (var i = [], s = r.maxp.numGlyphs, a = 0; a < s; a++) i.push(null);
     return i;
   },
-  _parseGlyf: function(h, e) {
-    var t = m.B, r = h._data, i = h.loca;
+  _parseGlyf: function(l, e) {
+    var t = m.B, r = l._data, i = l.loca;
     if (i[e] == i[e + 1]) return null;
-    var s = m.findTable(r, "glyf", h._offset)[0] + i[e], a = {};
+    var s = m.findTable(r, "glyf", l._offset)[0] + i[e], a = {};
     if (a.noc = t.readShort(r, s), s += 2, a.xMin = t.readShort(r, s), s += 2, a.yMin = t.readShort(r, s), s += 2, a.xMax = t.readShort(r, s), s += 2, a.yMax = t.readShort(r, s), s += 2, a.xMin >= a.xMax || a.yMin >= a.yMax) return null;
     if (a.noc > 0) {
       a.endPts = [];
       for (var n = 0; n < a.noc; n++)
         a.endPts.push(t.readUshort(r, s)), s += 2;
-      var l = t.readUshort(r, s);
-      if (s += 2, r.length - s < l) return null;
-      s += l;
+      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++) {
@@ -1071,8 +1071,8 @@ class me {
       if (!(i === 65535 && s === 65535)) {
         for (let a = i; a <= s; a++)
           if (this._calculateGlyphIndexFormat4(e, a, r) > 0) {
-            const l = String.fromCodePoint(a);
-            t.push(l);
+            const h = String.fromCodePoint(a);
+            t.push(h);
           }
       }
     }
@@ -1155,9 +1155,9 @@ 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), l = t.width * a, c = t.height * n;
-    this._setupCanvas(l, c, r, i), this._renderCharactersToCanvas(e, t, a, r), this._applyBlackWhiteThreshold();
-    const u = this._renderer.createFramebuffer(l, c, { filter: "nearest" });
+    const s = e.length, a = Math.ceil(Math.sqrt(s)), n = Math.ceil(s / a), h = t.width * a, c = t.height * n;
+    this._setupCanvas(h, c, r, i), this._renderCharactersToCanvas(e, t, a, r), this._applyBlackWhiteThreshold();
+    const u = this._renderer.createFramebuffer(h, c, { filter: "nearest" });
     return u.update(this._textureCanvas), {
       framebuffer: u,
       columns: a,
@@ -1185,7 +1185,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), l = a * t.width + t.width * 0.5, c = n * t.height + t.height * 0.5, u = Math.round(l - t.width * 0.5), d = Math.round(c - i * 0.5);
+      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);
       this._textureContext.fillText(e[s].character, u, d);
     }
   }
@@ -1225,8 +1225,8 @@ class pe {
     this._tempContext.font = `${t}px ${r}`;
     let i = 0, s = 0;
     for (const a of e) {
-      const n = this._tempContext.measureText(a), l = n.width, c = n.actualBoundingBoxAscent + n.actualBoundingBoxDescent;
-      l > 0 && (i = Math.max(i, l), s = Math.max(s, c));
+      const n = this._tempContext.measureText(a), h = n.width, c = n.actualBoundingBoxAscent + n.actualBoundingBoxDescent;
+      h > 0 && (i = Math.max(i, h), s = Math.max(s, c));
     }
     return {
       width: Math.ceil(i),
@@ -1246,8 +1246,8 @@ class _e {
       const s = r.codePointAt(0) || 0, a = this._generateCharacterColor(i);
       let n = 0;
       if (t.hmtx && t.hmtx.aWidth) {
-        const l = this._getGlyphIndex(t, s);
-        l > 0 && t.hmtx.aWidth[l] !== void 0 && (n = t.hmtx.aWidth[l]);
+        const h = this._getGlyphIndex(t, s);
+        h > 0 && t.hmtx.aWidth[h] !== void 0 && (n = t.hmtx.aWidth[h]);
       }
       return {
         character: r,
@@ -1634,7 +1634,7 @@ class Ce {
     var i;
     const r = document.createElement("canvas");
     if (r.className = "textmodeCanvas", this._isStandalone)
-      r.width = e || 800, r.height = t || 600, r.style.width = e + "px", r.style.height = t + "px", document.body.appendChild(r);
+      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);
@@ -1642,9 +1642,9 @@ class Ce {
         const u = this.captureSource;
         (a === 0 || n === 0) && u.videoWidth > 0 && u.videoHeight > 0 && (a = u.videoWidth, n = u.videoHeight);
       }
-      r.width = a, r.height = n, r.style.width = a + "px", r.style.height = n + "px", r.style.position = "absolute", r.style.pointerEvents = "none";
-      const l = window.getComputedStyle(this.captureSource);
-      let c = parseInt(l.zIndex || "0", 10);
+      r.width = a, r.height = n, r.style.position = "absolute", r.style.pointerEvents = "none";
+      const h = window.getComputedStyle(this.captureSource);
+      let c = parseInt(h.zIndex || "0", 10);
       isNaN(c) && (c = 0), r.style.zIndex = (c + 1).toString(), this.positionOverlayCanvas(r), (i = this.captureSource.parentNode) == null || i.insertBefore(r, this.captureSource.nextSibling);
     }
     return r;
@@ -1660,7 +1660,7 @@ class Ce {
   }
   resize(e, t) {
     if (this._isStandalone)
-      this._canvas.width = e ?? this._canvas.width, this._canvas.height = t ?? this._canvas.height, this._canvas.style.width = (e ?? this._canvas.width) + "px", this._canvas.style.height = (t ?? this._canvas.height) + "px";
+      this._canvas.width = e ?? this._canvas.width, this._canvas.height = t ?? this._canvas.height;
     else {
       const r = this.captureSource.getBoundingClientRect();
       let i = Math.round(r.width), s = Math.round(r.height);
@@ -1668,7 +1668,7 @@ class Ce {
         const a = this.captureSource;
         (i === 0 || s === 0) && a.videoWidth > 0 && a.videoHeight > 0 && (i = a.videoWidth, s = a.videoHeight);
       }
-      this._canvas.width = i, this._canvas.height = s, this._canvas.style.width = i + "px", this._canvas.style.height = s + "px", this.positionOverlayCanvas(this._canvas);
+      this._canvas.width = i, this._canvas.height = s, this.positionOverlayCanvas(this._canvas);
     }
   }
   /**
@@ -2296,10 +2296,10 @@ class Ae extends H {
    * @returns Transform data object
    */
   extractTransformData(e, t, r) {
-    const i = e[r], s = e[r + 1], a = e[r + 2], n = i === 255, l = 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], 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;
     return {
       isInverted: n,
-      flipHorizontal: l,
+      flipHorizontal: h,
       flipVertical: c,
       rotation: g
     };
@@ -2331,7 +2331,7 @@ class Ae extends H {
     let i = 0;
     for (let s = 0; s < t.rows; s++)
       for (let a = 0; a < t.cols; a++) {
-        const n = i * 4, l = this.getCharacterIndex(
+        const n = i * 4, h = this.getCharacterIndex(
           e.characterPixels,
           n
         );
@@ -2347,7 +2347,7 @@ class Ae extends H {
         }
         const f = this.calculateCellPosition(a, s, t);
         r.push({
-          charIndex: l,
+          charIndex: h,
           primaryColor: c,
           secondaryColor: u,
           transform: d,
@@ -2428,8 +2428,8 @@ class Me {
    */
   glyphToSVGPath(e, t, r, i) {
     if (!e || !e.xs) return "";
-    const { xs: s, ys: a, endPts: n, flags: l } = e;
-    if (!s || !a || !n || !l) return "";
+    const { xs: s, ys: a, endPts: n, flags: h } = e;
+    if (!s || !a || !n || !h) return "";
     let c = "", u = 0;
     for (let d = 0; d < n.length; d++) {
       const f = n[d];
@@ -2439,13 +2439,13 @@ class Me {
           c += `M${g.toFixed(2)},${_.toFixed(2)}`;
           let p = u + 1;
           for (; p <= f; )
-            if ((l[p] & 1) !== 0) {
+            if ((h[p] & 1) !== 0) {
               const b = t + s[p] * i, v = r - a[p] * i;
               c += `L${b.toFixed(2)},${v.toFixed(2)}`, p++;
             } else {
               const b = t + s[p] * i, v = r - a[p] * i;
               let w = p + 1 > f ? u : p + 1;
-              if ((l[w] & 1) !== 0) {
+              if ((h[w] & 1) !== 0) {
                 const R = t + s[w] * i, y = r - a[w] * i;
                 c += `Q${b.toFixed(2)},${v.toFixed(2)} ${R.toFixed(2)},${y.toFixed(2)}`, p = w + 1;
               } else {
@@ -2474,13 +2474,13 @@ class Me {
       const a = e.codePointAt(0) || 0, n = this.getGlyphIndex(t, a);
       if (n === 0)
         return this.createEmptyPath();
-      let l = null;
+      let h = null;
       try {
-        t.glyf && t.glyf[n] !== null ? l = t.glyf[n] : m && m.T && m.T.glyf && m.T.glyf._parseGlyf && (l = m.T.glyf._parseGlyf(t, n), t.glyf && l && (t.glyf[n] = l));
+        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));
       } catch (c) {
         console.warn(`Failed to parse glyph ${n}:`, c);
       }
-      return l ? this.createGlyphPath(t, l, r, i, s) : this.createEmptyPath();
+      return h ? this.createGlyphPath(t, h, r, i, s) : this.createEmptyPath();
     } catch (a) {
       return console.warn(`Failed to generate path for character "${e}":`, a), this.createEmptyPath();
     }
@@ -2497,9 +2497,9 @@ 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, l) {
+  generatePositionedCharacterPath(e, t, r, i, s, a, n, h) {
     try {
-      const c = n / t.head.unitsPerEm, u = l * c, d = r + (s - u) / 2, f = i + (a + n * 0.7) / 2;
+      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;
     } catch (c) {
       return console.warn(`Failed to generate positioned character path for "${e}":`, c), null;
@@ -2563,8 +2563,8 @@ class De {
   generateTransformAttribute(e, t) {
     const { transform: r, position: i } = e, s = i.cellX + t.cellWidth / 2, a = i.cellY + t.cellHeight / 2, n = [];
     if (r.flipHorizontal || r.flipVertical) {
-      const l = r.flipHorizontal ? -1 : 1, c = r.flipVertical ? -1 : 1;
-      n.push(`translate(${s} ${a})`), n.push(`scale(${l} ${c})`), n.push(`translate(${-s} ${-a})`);
+      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})`);
     }
     return r.rotation && n.push(`rotate(${r.rotation} ${s} ${a})`), n.length ? ` transform="${n.join(" ")}"` : "";
   }
@@ -2749,7 +2749,7 @@ class Pe extends H {
     var n;
     const s = [];
     let a = 0;
-    for (let l = 0; l < t.rows; l++) {
+    for (let h = 0; h < t.rows; h++) {
       const c = [];
       for (let u = 0; u < t.cols; u++) {
         const d = a * 4, f = this.getCharacterIndex(
@@ -2869,8 +2869,8 @@ class Ve extends H {
     const i = e.canvas;
     if (t === 1 && r === "transparent")
       return i;
-    const s = document.createElement("canvas"), a = s.getContext("2d"), n = Math.round(i.width * t), l = Math.round(i.height * t);
-    return s.width = n, s.height = l, r !== "transparent" && (a.fillStyle = r, a.fillRect(0, 0, n, l)), a.imageSmoothingEnabled = !1, a.drawImage(
+    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(
       i,
       0,
       0,
@@ -2879,7 +2879,7 @@ class Ve extends H {
       0,
       0,
       n,
-      l
+      h
     ), s;
   }
 }
@@ -4078,7 +4078,7 @@ class O {
    * ```
    */
   static get version() {
-    return "0.1.2";
+    return "0.1.4-beta.1";
   }
   constructor() {
     throw new Error("Textmode is a static class and cannot be instantiated.");