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

package/dist/textmode.esm.min.js

@@ -1,15 +1,15 @@
-var J = Object.defineProperty;
-var tt = (a, t, e) => t in a ? J(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var Q = Object.defineProperty;
+var tt = (a, t, e) => t in a ? Q(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
 var h = (a, t, e) => tt(a, typeof t != "symbol" ? t + "" : t, e);
-class E extends Error {
+class v extends Error {
   constructor(t, e = {}) {
-    super(E.u(t, e)), this.name = "TextmodeError";
+    super(v.u(t, e)), this.name = "TextmodeError";
   }
   static u(t, e) {
     return `${t}${e && Object.keys(e).length > 0 ? `
 
 📋 Context:` + Object.entries(e).map(([i, s]) => `
-  - ${i}: ${E._(s)}`).join("") : ""}
+  - ${i}: ${v._(s)}`).join("") : ""}
 
 ${"↓".repeat(24)}
 `;
@@ -19,10 +19,10 @@ ${"↓".repeat(24)}
     if (t === void 0) return "undefined";
     if (typeof t == "string") return `"${t}"`;
     if (typeof t == "number" || typeof t == "boolean") return t + "";
-    if (Array.isArray(t)) return t.length === 0 ? "[]" : t.length <= 5 ? `[${t.map((e) => E._(e)).join(", ")}]` : `[${t.slice(0, 3).map((e) => E._(e)).join(", ")}, ... +${t.length - 3} more]`;
+    if (Array.isArray(t)) return t.length === 0 ? "[]" : t.length <= 5 ? `[${t.map((e) => v._(e)).join(", ")}]` : `[${t.slice(0, 3).map((e) => v._(e)).join(", ")}, ... +${t.length - 3} more]`;
     if (typeof t == "object") {
       const e = Object.keys(t);
-      return e.length === 0 ? "{}" : e.length <= 3 ? `{ ${e.map((i) => `${i}: ${E._(t[i])}`).join(", ")} }` : `{ ${e.slice(0, 2).map((i) => `${i}: ${E._(t[i])}`).join(", ")}, ... +${e.length - 2} more }`;
+      return e.length === 0 ? "{}" : e.length <= 3 ? `{ ${e.map((i) => `${i}: ${v._(t[i])}`).join(", ")} }` : `{ ${e.slice(0, 2).map((i) => `${i}: ${v._(t[i])}`).join(", ")}, ... +${e.length - 2} more }`;
     }
     return t + "";
   }
@@ -41,11 +41,11 @@ const _ = class _ {
       case 0:
         return !1;
       case 1:
-        return console.group(i, s), console.warn(E.u(t, e)), console.groupEnd(), !1;
+        return console.group(i, s), console.warn(v.u(t, e)), console.groupEnd(), !1;
       case 2:
-        return console.group(i, s), console.error(E.u(t, e)), console.groupEnd(), !1;
+        return console.group(i, s), console.error(v.u(t, e)), console.groupEnd(), !1;
       default:
-        throw new E(t, e);
+        throw new v(t, e);
     }
   }
   M(t, e, i) {
@@ -57,7 +57,7 @@ const _ = class _ {
 };
 h(_, "v", null);
 let z = _;
-const M = z.$(), K = /* @__PURE__ */ new WeakMap();
+const L = z.$(), K = /* @__PURE__ */ new WeakMap();
 function U(a, t) {
   K.set(a, t);
 }
@@ -76,28 +76,28 @@ class Z {
     h(this, "I", !1);
     h(this, "U", !1);
     h(this, "O", !1);
-    h(this, "H", [0, 0]);
-    h(this, "V", [0, 0, 0, 1]);
+    h(this, "V", [0, 0]);
+    h(this, "H", [0, 0, 0, 1]);
     h(this, "K", []);
   }
   N() {
-    this.K.push({ X: this.F, Y: this.P, Z: this.G, J: this.A, H: [...this.H], I: this.I, U: this.U, O: this.O, tt: [...this.L], et: [...this.D], st: [...this.W] });
+    this.K.push({ X: this.F, Y: this.P, Z: this.G, J: this.A, V: [...this.V], I: this.I, U: this.U, O: this.O, tt: [...this.L], et: [...this.D], st: [...this.W] });
   }
   it() {
     const t = this.K.pop();
-    t ? (this.F = t.X, this.P = t.Y, this.G = t.Z, this.A = t.J, this.H = t.H, this.I = t.I, this.U = t.U, this.O = t.O, this.L = t.tt, this.D = t.et, this.W = t.st) : console.warn("pop() called without matching push()");
+    t ? (this.F = t.X, this.P = t.Y, this.G = t.Z, this.A = t.J, this.V = t.V, this.I = t.I, this.U = t.U, this.O = t.O, this.L = t.tt, this.D = t.et, this.W = t.st) : console.warn("pop() called without matching push()");
   }
   rt() {
     this.K = [], this.P = 0, this.G = 0, this.A = 0;
   }
   nt(t) {
-    t.lineWeight = this.F, t.rotationX = this.P, t.rotationY = this.G, t.rotationZ = this.A, t.character[0] = this.L[0], t.character[1] = this.L[1], t.character[2] = this.L[2], t.charColor[0] = this.D[0], t.charColor[1] = this.D[1], t.charColor[2] = this.D[2], t.charColor[3] = this.D[3], t.bgColor[0] = this.W[0], t.bgColor[1] = this.W[1], t.bgColor[2] = this.W[2], t.bgColor[3] = this.W[3], t.flipHorizontally = this.I, t.flipVertically = this.U, t.invert = this.O, t.charRotation[0] = this.H[0], t.charRotation[1] = this.H[1];
+    t.lineWeight = this.F, t.rotationX = this.P, t.rotationY = this.G, t.rotationZ = this.A, t.character[0] = this.L[0], t.character[1] = this.L[1], t.character[2] = this.L[2], t.charColor[0] = this.D[0], t.charColor[1] = this.D[1], t.charColor[2] = this.D[2], t.charColor[3] = this.D[3], t.bgColor[0] = this.W[0], t.bgColor[1] = this.W[1], t.bgColor[2] = this.W[2], t.bgColor[3] = this.W[3], t.flipHorizontally = this.I, t.flipVertically = this.U, t.invert = this.O, t.charRotation[0] = this.V[0], t.charRotation[1] = this.V[1];
   }
   get lineWeight() {
     return this.F;
   }
   get canvasBackgroundColor() {
-    return this.V;
+    return this.H;
   }
   ot(t) {
     this.F = Math.abs(t);
@@ -131,10 +131,10 @@ class Z {
   }
   yt(t) {
     const e = 255 * t / 360, i = Math.floor(e) / 255, s = Math.round(e - Math.floor(e));
-    this.H = [i, s];
+    this.V = [i, s];
   }
   Ct(t, e, i, s) {
-    this.V = [t / 255, e / 255, i / 255, s / 255];
+    this.H = [t / 255, e / 255, i / 255, s / 255];
   }
 }
 class G {
@@ -142,8 +142,8 @@ class G {
     h(this, "$t");
     h(this, "wt");
     h(this, "C");
-    h(this, "bt", null);
-    h(this, "xt");
+    h(this, "xt", null);
+    h(this, "bt");
     h(this, "Rt");
     h(this, "Mt", []);
     h(this, "St");
@@ -151,21 +151,21 @@ class G {
     h(this, "zt", []);
     h(this, "Pt", null);
     h(this, "kt", !1);
-    h(this, "Gt", null);
-    this.$t = e, this.wt = i, this.C = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...r }, this.xt = t, this.St = Math.min(Math.max(1, s), 8), this.Pt = n, this.kt = !!o, this.Gt = this.kt ? new Z() : null;
+    h(this, "Tt", null);
+    this.$t = e, this.wt = i, this.C = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...r }, this.bt = t, this.St = Math.min(Math.max(1, s), 8), this.Pt = n, this.kt = !!o, this.Tt = this.kt ? new Z() : null;
     const c = t.getParameter(t.MAX_DRAW_BUFFERS), l = t.getParameter(t.MAX_COLOR_ATTACHMENTS);
-    this.St = Math.min(this.St, c, l), this.Rt = t.createFramebuffer(), this.At(), this.Tt(), this.zt = Array(this.St).fill(null);
+    this.St = Math.min(this.St, c, l), this.Rt = t.createFramebuffer(), this.Gt(), this.At(), this.zt = Array(this.St).fill(null);
   }
-  At() {
-    const t = this.xt, e = this.C.filter === "linear" ? t.LINEAR : t.NEAREST, i = this.C.wrap === "repeat" ? t.REPEAT : t.CLAMP_TO_EDGE, s = this.C.type === "float" ? t.FLOAT : t.UNSIGNED_BYTE;
+  Gt() {
+    const t = this.bt, e = this.C.filter === "linear" ? t.LINEAR : t.NEAREST, i = this.C.wrap === "repeat" ? t.REPEAT : t.CLAMP_TO_EDGE, s = this.C.type === "float" ? t.FLOAT : t.UNSIGNED_BYTE;
     for (let r = 0; r < this.St; r++) {
       const n = t.createTexture();
       t.bindTexture(t.TEXTURE_2D, n), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, e), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, e), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, i), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, i), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, this.$t, this.wt, 0, t.RGBA, s, null), this.Mt.push(n);
     }
     t.bindTexture(t.TEXTURE_2D, null);
   }
-  Tt() {
-    const t = this.xt;
+  At() {
+    const t = this.bt;
     if (t.bindFramebuffer(t.FRAMEBUFFER, this.Rt), this.St === 1) t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, this.Mt[0], 0);
     else {
       const i = [];
@@ -178,18 +178,18 @@ class G {
     const e = t.checkFramebufferStatus(t.FRAMEBUFFER);
     e !== t.FRAMEBUFFER_COMPLETE && console.error("GLFramebuffer is not complete:", e), t.bindFramebuffer(t.FRAMEBUFFER, null);
   }
-  Et(t) {
-    const e = this.xt;
+  Lt(t) {
+    const e = this.bt;
     e.bindTexture(e.TEXTURE_2D, this.Mt[0]), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, 1), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, t), e.bindTexture(e.TEXTURE_2D, null);
   }
   resize(t, e) {
-    this.$t = t, this.wt = e, this.bt = null, this.zt = Array(this.St).fill(null);
-    const i = this.xt, s = this.C.type === "float" ? i.FLOAT : i.UNSIGNED_BYTE;
+    this.$t = t, this.wt = e, this.xt = null, this.zt = Array(this.St).fill(null);
+    const i = this.bt, s = this.C.type === "float" ? i.FLOAT : i.UNSIGNED_BYTE;
     for (const r of this.Mt) i.bindTexture(i.TEXTURE_2D, r), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, this.$t, this.wt, 0, i.RGBA, s, null);
     i.bindTexture(i.TEXTURE_2D, null);
   }
-  Lt(t) {
-    const e = this.xt, i = this.zt[t];
+  Et(t) {
+    const e = this.bt, i = this.zt[t];
     if (i) return i;
     const s = this.$t, r = this.wt, n = new Uint8Array(s * r * 4), o = e.getParameter(e.READ_FRAMEBUFFER_BINDING);
     e.bindFramebuffer(e.READ_FRAMEBUFFER, this.Rt), e.readBuffer(e.COLOR_ATTACHMENT0 + t), e.readPixels(0, 0, s, r, e.RGBA, e.UNSIGNED_BYTE, n), e.bindFramebuffer(e.READ_FRAMEBUFFER, o);
@@ -202,10 +202,10 @@ class G {
   }
   begin() {
     var e, i, s, r;
-    const t = this.xt;
+    const t = this.bt;
     if (this.Pt) {
       const n = ((i = (e = this.Pt).Bt) == null ? void 0 : i.call(e)) ?? null;
-      n && this.Pt.Dt(n), this.kt && this.Gt && ((r = (s = this.Pt).Wt) == null || r.call(s, this.Gt));
+      n && this.Pt.Dt(n), this.kt && this.Tt && ((r = (s = this.Pt).Wt) == null || r.call(s, this.Tt));
     }
     this.Ft = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.Rt), this.zt = Array(this.St).fill(null);
     for (let n = 0; n < this.St; n++) t.clearBufferfv(t.COLOR, n, new Float32Array([0, 0, 0, 0]));
@@ -214,15 +214,15 @@ class G {
   end() {
     var e, i, s, r;
     if (!this.Ft) return;
-    const t = this.xt;
+    const t = this.bt;
     if (this.Pt) {
       const n = ((i = (e = this.Pt).Bt) == null ? void 0 : i.call(e)) ?? null;
       n && this.Pt.Dt(n);
     }
-    t.bindFramebuffer(t.FRAMEBUFFER, this.Ft.framebuffer), t.viewport(...this.Ft.viewport), U(t, this.Ft.viewport), this.Ft = null, this.Pt && this.kt && this.Gt && ((r = (s = this.Pt).It) == null || r.call(s));
+    t.bindFramebuffer(t.FRAMEBUFFER, this.Ft.framebuffer), t.viewport(...this.Ft.viewport), U(t, this.Ft.viewport), this.Ft = null, this.Pt && this.kt && this.Tt && ((r = (s = this.Pt).It) == null || r.call(s));
   }
   Ut() {
-    const t = this.xt;
+    const t = this.bt;
     t.deleteFramebuffer(this.Rt);
     for (const e of this.Mt) t.deleteTexture(e);
   }
@@ -232,119 +232,117 @@ class G {
   get height() {
     return this.wt;
   }
-  get pixels() {
-    return this.bt;
-  }
-  get options() {
-    return { ...this.C };
-  }
-  get framebuffer() {
-    return this.Rt;
-  }
-  get texture() {
-    return this.Mt[0];
-  }
   get textures() {
     return [...this.Mt];
   }
-  get attachmentCount() {
-    return this.St;
-  }
 }
 function k(a) {
   return typeof a == "string" ? a : a.sourceCode;
 }
-class S {
+class M {
   constructor(t, e, i) {
-    h(this, "xt");
+    h(this, "bt");
     h(this, "Ot");
-    h(this, "Ht", /* @__PURE__ */ new Map());
-    h(this, "Vt", 0);
-    this.xt = t, this.Ot = this.Kt(k(e), k(i)), this.Nt();
+    h(this, "Vt", /* @__PURE__ */ new Map());
+    h(this, "Ht", 0);
+    this.bt = t, this.Ot = this.Kt(k(e), k(i)), this.Nt();
   }
   Nt() {
-    const t = this.xt.getProgramParameter(this.Ot, this.xt.ACTIVE_UNIFORMS);
+    const t = this.bt.getProgramParameter(this.Ot, this.bt.ACTIVE_UNIFORMS);
     for (let e = 0; e < t; e++) {
-      const i = this.xt.getActiveUniform(this.Ot, e);
+      const i = this.bt.getActiveUniform(this.Ot, e);
       if (i) {
-        const s = this.xt.getUniformLocation(this.Ot, i.name);
-        s && this.Ht.set(i.name, s);
+        const s = this.bt.getUniformLocation(this.Ot, i.name);
+        s && this.Vt.set(i.name, s);
       }
     }
   }
   Kt(t, e) {
-    const i = this.Xt(this.xt.VERTEX_SHADER, t), s = this.Xt(this.xt.FRAGMENT_SHADER, e), r = this.xt.createProgram();
-    if (this.xt.attachShader(r, i), this.xt.attachShader(r, s), this.xt.linkProgram(r), !this.xt.getProgramParameter(r, this.xt.LINK_STATUS)) {
-      const n = this.xt.getProgramInfoLog(r);
+    const i = this.Xt(this.bt.VERTEX_SHADER, t), s = this.Xt(this.bt.FRAGMENT_SHADER, e), r = this.bt.createProgram();
+    if (this.bt.attachShader(r, i), this.bt.attachShader(r, s), this.bt.linkProgram(r), !this.bt.getProgramParameter(r, this.bt.LINK_STATUS)) {
+      const n = this.bt.getProgramInfoLog(r);
       throw Error("Shader program link error: " + n);
     }
-    return this.xt.deleteShader(i), this.xt.deleteShader(s), r;
+    return this.bt.deleteShader(i), this.bt.deleteShader(s), r;
   }
   Xt(t, e) {
-    const i = this.xt.createShader(t);
-    if (this.xt.shaderSource(i, e), this.xt.compileShader(i), !this.xt.getShaderParameter(i, this.xt.COMPILE_STATUS)) {
-      const s = this.xt.getShaderInfoLog(i);
-      throw this.xt.deleteShader(i), Error("Shader compilation error: " + s);
+    const i = this.bt.createShader(t);
+    if (this.bt.shaderSource(i, e), this.bt.compileShader(i), !this.bt.getShaderParameter(i, this.bt.COMPILE_STATUS)) {
+      const s = this.bt.getShaderInfoLog(i);
+      throw this.bt.deleteShader(i), Error("Shader compilation error: " + s);
     }
     return i;
   }
   jt() {
-    this.xt.useProgram(this.Ot), this.Yt();
+    this.bt.useProgram(this.Ot), this.Yt();
   }
   Yt() {
-    this.Vt = 0;
+    this.Ht = 0;
   }
   qt(t) {
     for (const [e, i] of Object.entries(t)) this.Zt(e, i);
   }
-  Qt(t) {
-    return this.Ht.has(t);
+  Jt(t) {
+    return this.Vt.has(t);
   }
   Zt(t, e) {
-    const i = this.Ht.get(t);
-    if (i) if (typeof e == "number") this.xt.uniform1f(i, e);
-    else if (typeof e == "boolean") this.xt.uniform1i(i, e ? 1 : 0);
-    else if (Array.isArray(e)) switch (e.length) {
+    var s;
+    const i = this.Vt.get(t);
+    if (i) if (typeof e == "number") this.bt.uniform1f(i, e);
+    else if (typeof e == "boolean") this.bt.uniform1i(i, e ? 1 : 0);
+    else if (Array.isArray(e)) if (Array.isArray(e[0])) {
+      const r = e, n = ((s = r[0]) == null ? void 0 : s.length) || 0, o = r.flat();
+      switch (n) {
+        case 2:
+          this.bt.uniform2fv(i, o);
+          break;
+        case 3:
+          this.bt.uniform3fv(i, o);
+          break;
+        case 4:
+          this.bt.uniform4fv(i, o);
+          break;
+        default:
+          return void console.warn(`Unsupported vector array length for '${t}': ${n}`);
+      }
+    } else switch (e.length) {
       case 2:
-        this.xt.uniform2f(i, e[0], e[1]);
+        this.bt.uniform2f(i, e[0], e[1]);
         break;
       case 3:
-        this.xt.uniform3f(i, e[0], e[1], e[2]);
+        this.bt.uniform3f(i, e[0], e[1], e[2]);
         break;
       case 4:
-        this.xt.uniform4f(i, e[0], e[1], e[2], e[3]);
+        this.bt.uniform4f(i, e[0], e[1], e[2], e[3]);
         break;
       default:
         return;
     }
     else if (e instanceof WebGLTexture) {
-      const s = this.Jt();
-      this.xt.uniform1i(i, s), this.xt.activeTexture(this.xt.TEXTURE0 + s), this.xt.bindTexture(this.xt.TEXTURE_2D, e);
+      const r = this.Qt();
+      this.bt.uniform1i(i, r), this.bt.activeTexture(this.bt.TEXTURE0 + r), this.bt.bindTexture(this.bt.TEXTURE_2D, e);
     } else if (e instanceof G) {
-      const s = this.Jt();
-      this.xt.uniform1i(i, s), this.xt.activeTexture(this.xt.TEXTURE0 + s), this.xt.bindTexture(this.xt.TEXTURE_2D, e.texture);
-    } else if (typeof e == "object" && "texture" in e) {
-      const s = this.Jt();
-      this.xt.uniform1i(i, s), this.xt.activeTexture(this.xt.TEXTURE0 + s), this.xt.bindTexture(this.xt.TEXTURE_2D, e.texture);
+      const r = this.Qt();
+      this.bt.uniform1i(i, r), this.bt.activeTexture(this.bt.TEXTURE0 + r), this.bt.bindTexture(this.bt.TEXTURE_2D, e.textures[0]);
     } else console.warn(`Unsupported uniform type for '${t}':`, typeof e);
   }
-  Jt() {
-    return this.Vt++;
+  Qt() {
+    return this.Ht++;
   }
   get te() {
     return this.Ot;
   }
   Ut() {
-    this.xt.deleteProgram(this.Ot);
+    this.bt.deleteProgram(this.Ot);
   }
 }
 const N = `#version 300 es
-in vec2 a_position;in vec2 a_texCoord;in vec2 a_instancePosition;in vec2 a_instanceSize;in vec3 a_instanceCharacter;in vec4 a_instancePrimaryColor;in vec4 a_instanceSecondaryColor;in vec2 a_instanceRotation;in vec3 a_instanceTransform;in vec3 a_instanceGlobalRotation;in vec2 a_instanceRotationCenter;in vec2 a_instanceBezierCP1;in vec2 a_instanceBezierCP2;in vec2 a_instanceBezierStart;in vec2 a_instanceBezierEnd;in vec2 a_instanceArcAngles;uniform float k;uniform vec2 r;out vec2 v_uv;out vec3 v_character;out vec4 v_primaryColor;out vec4 v_secondaryColor;out vec2 v_rotation;out vec3 v_transform;mat3 A(float B){float C=sin(B),D=cos(B);return mat3(1,0,0,0,D,-C,0,C,D);}mat3 E(float B){float C=sin(B),D=cos(B);return mat3(D,0,C,0,1,0,-C,0,D);}mat3 F(float B){float C=sin(B),D=cos(B);return mat3(D,-C,0,C,D,0,0,0,1);}vec2 G(float H,vec2 I,vec2 J,vec2 K,vec2 L){float M=1.-H,N=M*M,O=H*H;return N*M*I+3.*N*H*J+3.*M*O*K+O*H*L;}vec2 P(float H,vec2 I,vec2 J,vec2 K,vec2 L){float M=1.-H,N=M*M,O=H*H;return-3.*N*I+3.*N*J-6.*M*H*J+6.*M*H*K-3.*O*K+3.*O*L;}void main(){v_uv=a_texCoord;v_character=a_instanceCharacter;v_primaryColor=a_instancePrimaryColor;v_secondaryColor=a_instanceSecondaryColor;v_rotation=a_instanceRotation;v_transform=a_instanceTransform;vec2 Q;bool R=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool S=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(R){float H=a_position.x;vec2 T=G(H,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 U=P(H,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float V=length(U);U=V>0.?U/V:vec2(1,0);Q=T+vec2(-U.y,U.x)*a_position.y*a_instanceSize.y;}else if(S){float C=a_instanceArcAngles.x,W=a_instanceArcAngles.y;C=mod(C,6.28318530718);if(C<0.)C+=6.28318530718;W=mod(W,6.28318530718);if(W<0.)W+=6.28318530718;float X=C-W;if(X<=0.)X+=6.28318530718;float Y=C-a_position.x*X;vec2 Z=vec2(cos(Y),sin(Y))*a_position.y;Q=Z*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{Q=a_position*a_instanceSize+a_instancePosition;}vec2 a=(Q/r)*2.-1.;a.y=-a.y;if(length(a_instanceGlobalRotation)>0.){vec3 b=vec3(a-a_instanceRotationCenter,0);b.x*=k;if(a_instanceGlobalRotation.x!=0.)b=A(-a_instanceGlobalRotation.x)*b;if(a_instanceGlobalRotation.y!=0.)b=E(-a_instanceGlobalRotation.y)*b;if(a_instanceGlobalRotation.z!=0.)b=F(-a_instanceGlobalRotation.z)*b;b.x/=k;a=b.xy+a_instanceRotationCenter;}gl_Position=vec4(a,0,1);}`;
+in vec2 a_position;in vec2 a_texCoord;in vec2 a_instancePosition;in vec2 a_instanceSize;in vec3 a_instanceCharacter;in vec4 a_instancePrimaryColor;in vec4 a_instanceSecondaryColor;in vec2 a_instanceRotation;in vec3 a_instanceTransform;in vec3 a_instanceGlobalRotation;in vec2 a_instanceRotationCenter;in vec2 a_instanceBezierCP1;in vec2 a_instanceBezierCP2;in vec2 a_instanceBezierStart;in vec2 a_instanceBezierEnd;in vec2 a_instanceArcAngles;uniform float k;uniform vec2 t;out vec2 v_uv;out vec3 v_character;out vec4 v_primaryColor;out vec4 v_secondaryColor;out vec2 v_rotation;out vec3 v_transform;mat3 A(float B){float C=sin(B),D=cos(B);return mat3(1,0,0,0,D,-C,0,C,D);}mat3 E(float B){float C=sin(B),D=cos(B);return mat3(D,0,C,0,1,0,-C,0,D);}mat3 F(float B){float C=sin(B),D=cos(B);return mat3(D,-C,0,C,D,0,0,0,1);}vec2 G(float t,vec2 H,vec2 I,vec2 J,vec2 K){float L=1.-t,M=L*L,N=t*t;return M*L*H+3.*M*t*I+3.*L*N*J+N*t*K;}vec2 O(float t,vec2 H,vec2 I,vec2 J,vec2 K){float L=1.-t,M=L*L,N=t*t;return-3.*M*H+3.*M*I-6.*L*t*I+6.*L*t*J-3.*N*J+3.*N*K;}void main(){v_uv=a_texCoord;v_character=a_instanceCharacter;v_primaryColor=a_instancePrimaryColor;v_secondaryColor=a_instanceSecondaryColor;v_rotation=a_instanceRotation;v_transform=a_instanceTransform;vec2 P;bool Q=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool R=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(Q){float t=a_position.x;vec2 S=G(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 T=O(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float U=length(T);T=U>0.?T/U:vec2(1,0);P=S+vec2(-T.y,T.x)*a_position.y*a_instanceSize.y;}else if(R){float C=a_instanceArcAngles.x,V=a_instanceArcAngles.y;C=mod(C,6.28318530718);if(C<0.)C+=6.28318530718;V=mod(V,6.28318530718);if(V<0.)V+=6.28318530718;float W=C-V;if(W<=0.)W+=6.28318530718;float X=C-a_position.x*W;vec2 Y=vec2(cos(X),sin(X))*a_position.y;P=Y*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{P=a_position*a_instanceSize+a_instancePosition;}vec2 Z=(P/t)*2.-1.;Z.y=-Z.y;if(length(a_instanceGlobalRotation)>0.){vec3 a=vec3(Z-a_instanceRotationCenter,0);a.x*=k;if(a_instanceGlobalRotation.x!=0.)a=A(-a_instanceGlobalRotation.x)*a;if(a_instanceGlobalRotation.y!=0.)a=E(-a_instanceGlobalRotation.y)*a;if(a_instanceGlobalRotation.z!=0.)a=F(-a_instanceGlobalRotation.z)*a;a.x/=k;Z=a.xy+a_instanceRotationCenter;}gl_Position=vec4(Z,0,1);}`;
 class it {
   constructor(t) {
     h(this, "ee", /* @__PURE__ */ new Map());
-    h(this, "xt");
-    this.xt = t;
+    h(this, "bt");
+    this.bt = t;
   }
   se(t, e) {
     if (!this.ee.has(t)) {
@@ -354,36 +352,36 @@ class it {
     return this.ee.get(t);
   }
   ie() {
-    return this.se("mrt-copy", () => new S(this.xt, N, `#version 300 es
+    return this.se("mrt-copy", () => new M(this.bt, N, `#version 300 es
 precision highp float;in vec2 v_uv;uniform sampler2D l;uniform sampler2D m;uniform sampler2D n;uniform sampler2D o;uniform sampler2D p;uniform vec2 q;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){vec2 A=vec2(v_uv.x,1.-v_uv.y);vec2 B=A*q;vec2 C=(floor(B)+0.5f)/q;vec4 D=texture(l,C);vec4 E=texture(m,C);if(E.a==0.){discard;}vec4 F=texture(n,C);vec4 G=texture(o,C);vec4 H=texture(p,C);o_character=D;o_primaryColor=E;o_secondaryColor=F;o_rotation=G;o_transform=H;}`));
   }
   Bt() {
-    return this.se("mrt-draw", () => new S(this.xt, N, `#version 300 es
+    return this.se("mrt-draw", () => new M(this.bt, N, `#version 300 es
 precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.,1.);o_transform=vec4(v_transform,1.);}`));
   }
   re() {
-    return this.se("ascii-conversion", () => new S(this.xt, "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.,1.);}", "precision mediump float;uniform sampler2D a;uniform vec2 b;uniform sampler2D d;uniform sampler2D e;uniform sampler2D f;uniform sampler2D c;uniform sampler2D g;uniform vec2 h;uniform vec2 i;uniform vec2 j;mat2 A(float B){float C=sin(B);float c=cos(B);return mat2(c,-C,C,c);}void main(){vec2 D=(gl_FragCoord.xy-j)/i;vec2 E=D*h;vec2 F=floor(E);vec2 G=(F+0.5)/h;vec4 H=texture2D(d,G);vec4 I=texture2D(e,G);vec4 J=texture2D(f,G);bool K=J.r>0.5;bool L=J.g>0.5;bool M=J.b>0.5;vec4 N=texture2D(c,G);int O=int(N.r*255.+0.5)+int(N.g*255.+0.5)*256;int P=int(mod(float(O),b.x));int Q=O/int(b.x);float R=(b.y-1.)-float(Q);vec2 S=vec2(float(P),R)/b;vec4 T=texture2D(g,G);float U=T.r*255.+T.g;float V=-(U*360./255.)*0.017453292;vec2 W=fract(E)-0.5;if(L)W.x=-W.x;if(M)W.y=-W.y;W=A(V)*W+0.5;vec2 X=1./b;vec2 Y=S+W*X;vec2 Z=S+X;if(any(lessThan(Y,S))||any(greaterThan(Y,Z))){gl_FragColor=K?H:I;return;}vec4 a=texture2D(a,Y);if(K)a.rgb=1.-a.rgb;gl_FragColor=mix(I,H,a);}"));
+    return this.se("ascii-conversion", () => new M(this.bt, "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.,1.);}", "precision mediump float;uniform sampler2D a;uniform vec2 b;uniform sampler2D d;uniform sampler2D e;uniform sampler2D f;uniform sampler2D c;uniform sampler2D g;uniform vec2 h;uniform vec2 i;uniform vec2 j;mat2 A(float B){float C=sin(B);float c=cos(B);return mat2(c,-C,C,c);}void main(){vec2 D=(gl_FragCoord.xy-j)/i;vec2 E=D*h;vec2 F=floor(E);vec2 G=(F+0.5)/h;vec4 H=texture2D(d,G);vec4 I=texture2D(e,G);vec4 J=texture2D(f,G);bool K=J.r>0.5;bool L=J.g>0.5;bool M=J.b>0.5;vec4 N=texture2D(c,G);int O=int(N.r*255.+0.5)+int(N.g*255.+0.5)*256;int P=int(mod(float(O),b.x));int Q=O/int(b.x);float R=(b.y-1.)-float(Q);vec2 S=vec2(float(P),R)/b;vec4 T=texture2D(g,G);float U=T.r*255.+T.g;float V=-(U*360./255.)*0.017453292;vec2 W=fract(E)-0.5;if(L)W.x=-W.x;if(M)W.y=-W.y;W=A(V)*W+0.5;vec2 X=1./b;vec2 Y=S+W*X;vec2 Z=S+X;if(any(lessThan(Y,S))||any(greaterThan(Y,Z))){gl_FragColor=K?H:I;return;}vec4 a=texture2D(a,Y);if(K)a.rgb=1.-a.rgb;gl_FragColor=mix(I,H,a);}"));
   }
   ne(t) {
-    return new S(this.xt, N, t);
+    return new M(this.bt, N, t);
   }
   oe(t, e) {
-    return new S(this.xt, t, e);
+    return new M(this.bt, t, e);
   }
   Ut() {
     for (const t of this.ee.values()) t.Ut();
     this.ee.clear();
   }
 }
-var x = ((a) => (a.RECTANGLE = "rectangle", a.LINE = "line", a.ELLIPSE = "ellipse", a.ARC = "arc", a.TRIANGLE = "triangle", a.BEZIER_CURVE = "bezier_curve", a.CUSTOM = "custom", a))(x || {});
+var b = ((a) => (a.RECTANGLE = "rectangle", a.LINE = "line", a.ELLIPSE = "ellipse", a.ARC = "arc", a.TRIANGLE = "triangle", a.BEZIER_CURVE = "bezier_curve", a.CUSTOM = "custom", a))(b || {});
 class st {
   constructor(t) {
-    h(this, "xt");
+    h(this, "bt");
     h(this, "ae", /* @__PURE__ */ new Map());
-    this.xt = t;
+    this.bt = t;
   }
   he(t, e, i, s) {
-    const r = this.xt;
+    const r = this.bt;
     let n = this.ae.get(t);
     n || (n = /* @__PURE__ */ new Map(), this.ae.set(t, n));
     let o = n.get(e) || null;
@@ -397,10 +395,10 @@ class st {
     r.bindVertexArray(o);
   }
   de() {
-    this.xt.bindVertexArray(null);
+    this.bt.bindVertexArray(null);
   }
   Ut() {
-    const t = this.xt;
+    const t = this.bt;
     for (const [, e] of this.ae) for (const [, i] of e) i && t.deleteVertexArray(i);
     this.ae.clear();
   }
@@ -408,28 +406,28 @@ class st {
 class rt {
   constructor(t, e) {
     h(this, "_e");
-    h(this, "xt");
+    h(this, "bt");
     h(this, "Pt");
     h(this, "pe", null);
     h(this, "ge", null);
-    this.xt = t, this._e = new st(t), this.Pt = e;
+    this.bt = t, this._e = new st(t), this.Pt = e;
   }
   me(t, e, i) {
-    const { shader: s } = t, r = B(this.xt) || this.xt.getParameter(this.xt.VIEWPORT);
-    s.qt({ k: r[2] / r[3], r: [r[2], r[3]] });
+    const { shader: s } = t, r = B(this.bt) || this.bt.getParameter(this.bt.VIEWPORT);
+    s.qt({ k: r[2] / r[3], t: [r[2], r[3]] });
     const n = (l) => {
       if (!l || !l.ve()) return;
       const f = l.unitGeometry, u = l.unitBuffer;
       try {
         this._e.he(s.te, l.type + "", f, u), l.batch.ye(s), l.batch.Ce(f.$e, f.we);
       } finally {
-        l.batch.be(s), this._e.de(), l.xe();
+        l.batch.xe(s), this._e.de(), l.be();
       }
     };
     let o = null, c = null;
     for (const l of e) {
-      if (l.type === x.CUSTOM) {
-        c && (n(c), o = null, c = null), this.Re(t, l.params, l.state, i.get(x.RECTANGLE));
+      if (l.type === b.CUSTOM) {
+        c && (n(c), o = null, c = null), this.Re(t, l.params, l.state, i.get(b.RECTANGLE));
         continue;
       }
       o !== null && l.type !== o && (n(c), o = null, c = null);
@@ -448,13 +446,13 @@ class rt {
   }
   Fe(t, e, i, s, r, n, o, c) {
     e.jt(), e.qt(i);
-    const l = this.xt.getParameter(this.xt.VIEWPORT);
-    if (e.qt({ k: l[2] / l[3], r: [l[2], l[3]] }), t.xe(), t.Me({ x: s, y: r, width: n, height: o }, c), t.ve()) {
+    const l = this.bt.getParameter(this.bt.VIEWPORT);
+    if (e.qt({ k: l[2] / l[3], t: [l[2], l[3]] }), t.be(), t.Me({ x: s, y: r, width: n, height: o }, c), t.ve()) {
       const f = t.unitGeometry, u = t.unitBuffer;
       try {
         this._e.he(e.te, t.type + "", f, u), t.batch.ye(e), t.batch.Ce(f.$e, f.we);
       } finally {
-        t.batch.be(e), this._e.de(), t.xe();
+        t.batch.xe(e), this._e.de(), t.be();
       }
     }
   }
@@ -462,86 +460,86 @@ class rt {
     return this.Pt.ie();
   }
   ze(t, e) {
-    return this.pe && this.ge && this.ge.w === t && this.ge.h === e || (this.pe && this.pe.Ut(), this.pe = new G(this.xt, t, e, 5), this.ge = { w: t, h: e }), this.pe;
+    return this.pe && this.ge && this.ge.w === t && this.ge.h === e || (this.pe && this.pe.Ut(), this.pe = new G(this.bt, t, e, 5), this.ge = { w: t, h: e }), this.pe;
   }
 }
 class nt {
   constructor() {
     h(this, "Pe", []);
     h(this, "ke", 1);
-    h(this, "Ge", 0);
+    h(this, "Te", 0);
   }
-  Ae(t) {
-    if (this.Ge >= this.Pe.length) {
+  Ge(t) {
+    if (this.Te >= this.Pe.length) {
       const i = { id: this.ke++, type: t, params: {}, state: { X: 1, Y: 0, Z: 0, J: 0, character: [0, 0, 0], charColor: [1, 1, 1, 1], bgColor: [0, 0, 0, 1], flipHorizontally: !1, flipVertically: !1, invert: !1, charRotation: [0, 0] } };
       this.Pe.push(i);
     }
-    const e = this.Pe[this.Ge];
+    const e = this.Pe[this.Te];
     switch (e.id = this.ke++, e.type = t, t) {
-      case x.RECTANGLE:
-      case x.ELLIPSE:
+      case b.RECTANGLE:
+      case b.ELLIPSE:
         e.params && "width" in e.params || (e.params = { x: 0, y: 0, width: 0, height: 0 });
         break;
-      case x.CUSTOM:
+      case b.CUSTOM:
         e.params && "shader" in e.params || (e.params = { x: 0, y: 0, width: 0, height: 0, shader: void 0, uniforms: {} });
         break;
-      case x.ARC:
+      case b.ARC:
         e.params && "start" in e.params || (e.params = { x: 0, y: 0, width: 0, height: 0, start: 0, stop: 0 });
         break;
-      case x.LINE:
+      case b.LINE:
         e.params && "x2" in e.params || (e.params = { x1: 0, y1: 0, x2: 0, y2: 0, thickness: void 0 });
         break;
-      case x.TRIANGLE:
+      case b.TRIANGLE:
         e.params && "x3" in e.params || (e.params = { x1: 0, y1: 0, x2: 0, y2: 0, x3: 0, y3: 0 });
         break;
-      case x.BEZIER_CURVE:
+      case b.BEZIER_CURVE:
         e.params && "cp2y" in e.params || (e.params = { x1: 0, y1: 0, cp1x: 0, cp1y: 0, cp2x: 0, cp2y: 0, x2: 0, y2: 0, thickness: void 0 });
         break;
       default:
         e.params || (e.params = {});
     }
-    return this.Ge++, e;
+    return this.Te++, e;
   }
-  Te(t, e, i, s, r) {
-    const n = this.Ae(x.RECTANGLE);
+  Ae(t, e, i, s, r) {
+    const n = this.Ge(b.RECTANGLE);
     return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = s, r.nt(n.state), n.id;
   }
-  Ee(t, e, i, s, r, n, o) {
-    const c = this.Ae(x.CUSTOM);
+  Le(t, e, i, s, r, n, o) {
+    const c = this.Ge(b.CUSTOM);
     return c.params.x = t, c.params.y = e, c.params.width = i, c.params.height = s, c.params.shader = r, c.params.uniforms = n, o.nt(c.state), c.id;
   }
-  Le(t, e, i, s, r, n) {
-    const o = this.Ae(x.LINE);
+  Ee(t, e, i, s, r, n) {
+    const o = this.Ge(b.LINE);
     return o.params.x1 = t, o.params.y1 = e, o.params.x2 = i, o.params.y2 = s, o.params.thickness = r, n.nt(o.state), o.id;
   }
   Be(t, e, i, s, r) {
-    const n = this.Ae(x.ELLIPSE);
+    const n = this.Ge(b.ELLIPSE);
     return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = s, r.nt(n.state), n.id;
   }
   De(t, e, i, s, r, n, o) {
-    const c = this.Ae(x.ARC);
+    const c = this.Ge(b.ARC);
     return c.params.x = t, c.params.y = e, c.params.width = i, c.params.height = s, c.params.start = r, c.params.stop = n, o.nt(c.state), c.id;
   }
   We(t, e, i, s, r, n, o) {
-    const c = this.Ae(x.TRIANGLE);
+    const c = this.Ge(b.TRIANGLE);
     return c.params.x1 = t, c.params.y1 = e, c.params.x2 = i, c.params.y2 = s, c.params.x3 = r, c.params.y3 = n, o.nt(c.state), c.id;
   }
   Ie(t, e, i, s, r, n, o, c, l, f) {
-    const u = this.Ae(x.BEZIER_CURVE);
+    const u = this.Ge(b.BEZIER_CURVE);
     return u.params.x1 = t, u.params.y1 = e, u.params.cp1x = i, u.params.cp1y = s, u.params.cp2x = r, u.params.cp2y = n, u.params.x2 = o, u.params.y2 = c, u.params.thickness = l, f.nt(u.state), u.id;
   }
   get length() {
-    return this.Ge;
+    return this.Te;
   }
   get isEmpty() {
-    return this.Ge === 0;
+    return this.Te === 0;
   }
   Ue() {
-    this.Ge = 0;
+    this.Te = 0;
   }
   [Symbol.iterator]() {
     let t = 0;
-    const e = this.Ge, i = this.Pe;
+    const e = this.Te, i = this.Pe;
     return { next: () => t < e ? { value: i[t++], done: !1 } : { value: void 0, done: !0 } };
   }
 }
@@ -552,7 +550,7 @@ const T = class T {
     let r = i;
     return s[r++] = t.position[0], s[r++] = t.position[1], s[r++] = t.size[0], s[r++] = t.size[1], s[r++] = t.tt[0], s[r++] = t.tt[1], s[r++] = t.tt[2], s[r++] = t.primaryColor[0], s[r++] = t.primaryColor[1], s[r++] = t.primaryColor[2], s[r++] = t.primaryColor[3], s[r++] = t.secondaryColor[0], s[r++] = t.secondaryColor[1], s[r++] = t.secondaryColor[2], s[r++] = t.secondaryColor[3], s[r++] = t.rotation[0], s[r++] = t.rotation[1], s[r++] = t.transform[0], s[r++] = t.transform[1], s[r++] = t.transform[2], s[r++] = t.globalRotationX, s[r++] = t.globalRotationY, s[r++] = t.globalRotationZ, s[r++] = t.rotationCenter[0], s[r++] = t.rotationCenter[1], s[r++] = ((n = t.arcAngles) == null ? void 0 : n[0]) || 0, s[r++] = ((o = t.arcAngles) == null ? void 0 : o[1]) || 0, s[r++] = ((c = t.bezierControlPoint1) == null ? void 0 : c[0]) || 0, s[r++] = ((l = t.bezierControlPoint1) == null ? void 0 : l[1]) || 0, s[r++] = ((f = t.bezierControlPoint2) == null ? void 0 : f[0]) || 0, s[r++] = ((u = t.bezierControlPoint2) == null ? void 0 : u[1]) || 0, s[r++] = ((d = t.bezierStartPoint) == null ? void 0 : d[0]) || 0, s[r++] = ((p = t.bezierStartPoint) == null ? void 0 : p[1]) || 0, s[r++] = ((g = t.bezierEndPoint) == null ? void 0 : g[0]) || 0, s[r++] = ((m = t.bezierEndPoint) == null ? void 0 : m[1]) || 0, s;
   }
-  static He(t) {
+  static Ve(t) {
     const e = t.length * T.FLOATS_PER_INSTANCE, i = new Float32Array(e);
     for (let s = 0; s < t.length; s++) {
       const r = s * T.FLOATS_PER_INSTANCE;
@@ -569,8 +567,8 @@ h(y, "STRIDE", P.BYTES_PER_INSTANCE), h(y, "ATTRIBUTES", { a_instancePosition: {
 let D = y;
 class ot {
   constructor(t, e = 1e3, i = 1.5) {
-    h(this, "xt");
-    h(this, "Ve", []);
+    h(this, "bt");
+    h(this, "He", []);
     h(this, "Ke");
     h(this, "Ne");
     h(this, "Xe", null);
@@ -578,44 +576,44 @@ class ot {
     h(this, "Ye", 0);
     h(this, "qe", /* @__PURE__ */ new Map());
     h(this, "Ze", null);
-    this.xt = t, this.Ke = e, this.Ne = i, this.Qe();
+    this.bt = t, this.Ke = e, this.Ne = i, this.Je();
   }
   Me(t) {
-    const e = this.Ve.length;
-    return this.Ve.push(t), this.je = !0, e;
+    const e = this.He.length;
+    return this.He.push(t), this.je = !0, e;
   }
   get count() {
-    return this.Ve.length;
+    return this.He.length;
   }
   get isEmpty() {
-    return this.Ve.length === 0;
+    return this.He.length === 0;
   }
   clear() {
-    this.Ve.length = 0, this.je = !0;
+    this.He.length = 0, this.je = !0;
   }
-  Je(t) {
+  Qe(t) {
     if (t <= this.Ke) return;
     const e = Math.ceil(t * this.Ne);
-    this.Ke = e, this.Qe();
+    this.Ke = e, this.Je();
   }
-  Qe() {
-    const t = this.xt;
+  Je() {
+    const t = this.bt;
     this.Xe && t.deleteBuffer(this.Xe), this.Xe = t.createBuffer();
     const e = this.Ke * P.BYTES_PER_INSTANCE;
     t.bindBuffer(t.ARRAY_BUFFER, this.Xe), t.bufferData(t.ARRAY_BUFFER, e, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.je = !0, this.Ye = 0;
   }
   ts() {
-    if (!this.je || this.Ve.length === 0) return;
-    const t = this.xt, e = this.Ve.length;
-    this.Je(e), (!this.Ze || this.Ze.length < e * P.FLOATS_PER_INSTANCE) && (this.Ze = new Float32Array(e * P.FLOATS_PER_INSTANCE));
-    const i = P.He(this.Ve);
+    if (!this.je || this.He.length === 0) return;
+    const t = this.bt, e = this.He.length;
+    this.Qe(e), (!this.Ze || this.Ze.length < e * P.FLOATS_PER_INSTANCE) && (this.Ze = new Float32Array(e * P.FLOATS_PER_INSTANCE));
+    const i = P.Ve(this.He);
     t.bindBuffer(t.ARRAY_BUFFER, this.Xe), e <= this.Ye ? t.bufferSubData(t.ARRAY_BUFFER, 0, i) : t.bufferData(t.ARRAY_BUFFER, i, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.je = !1, this.Ye = e;
   }
   es(t) {
     let e = this.qe.get(t);
     if (!e) {
       e = /* @__PURE__ */ new Map();
-      const i = this.xt;
+      const i = this.bt;
       for (const s in D.ATTRIBUTES) {
         const r = i.getAttribLocation(t, s);
         r !== -1 && e.set(s, r);
@@ -625,8 +623,8 @@ class ot {
     return e;
   }
   ye(t) {
-    if (!this.Xe || this.Ve.length === 0) return;
-    const e = this.xt, i = t.te;
+    if (!this.Xe || this.He.length === 0) return;
+    const e = this.bt, i = t.te;
     this.ts();
     const s = this.es(i);
     e.bindBuffer(e.ARRAY_BUFFER, this.Xe);
@@ -635,29 +633,29 @@ class ot {
       o && (e.enableVertexAttribArray(n), e.vertexAttribPointer(n, o.size, o.type, o.normalized, o.stride, o.offset), e.vertexAttribDivisor(n, o.divisor));
     }
   }
-  be(t) {
-    const e = this.xt, i = this.es(t.te);
+  xe(t) {
+    const e = this.bt, i = this.es(t.te);
     for (const [, s] of i) e.disableVertexAttribArray(s), e.vertexAttribDivisor(s, 0);
   }
   Ce(t, e) {
-    this.Ve.length !== 0 && this.xt.drawArraysInstanced(t, 0, e, this.Ve.length);
+    this.He.length !== 0 && this.bt.drawArraysInstanced(t, 0, e, this.He.length);
   }
   Ut() {
-    const t = this.xt;
-    this.Xe && (t.deleteBuffer(this.Xe), this.Xe = null), this.Ve.length = 0, this.qe.clear(), this.Ze = null;
+    const t = this.bt;
+    this.Xe && (t.deleteBuffer(this.Xe), this.Xe = null), this.He.length = 0, this.qe.clear(), this.Ze = null;
   }
 }
 class F {
   constructor(t, e, i, s) {
-    h(this, "xt");
+    h(this, "bt");
     h(this, "ss");
     h(this, "rs");
     h(this, "ns");
     h(this, "hs", null);
-    this.xt = t, this.ss = e, this.rs = i, this.ns = s;
-    const r = this.xt.createBuffer();
+    this.bt = t, this.ss = e, this.rs = i, this.ns = s;
+    const r = this.bt.createBuffer();
     if (!r) throw Error("Failed to create unit geometry buffer");
-    this.xt.bindBuffer(this.xt.ARRAY_BUFFER, r), this.xt.bufferData(this.xt.ARRAY_BUFFER, this.ns.cs, this.xt.STATIC_DRAW), this.xt.bindBuffer(this.xt.ARRAY_BUFFER, null), this.hs = r;
+    this.bt.bindBuffer(this.bt.ARRAY_BUFFER, r), this.bt.bufferData(this.bt.ARRAY_BUFFER, this.ns.cs, this.bt.STATIC_DRAW), this.bt.bindBuffer(this.bt.ARRAY_BUFFER, null), this.hs = r;
   }
   get type() {
     return this.rs;
@@ -671,21 +669,21 @@ class F {
   get batch() {
     return this.ss;
   }
-  xe() {
+  be() {
     this.ss.clear();
   }
   ve() {
     return !this.ss.isEmpty;
   }
   Ut() {
-    this.ss.Ut(), this.hs && (this.xt.deleteBuffer(this.hs), this.hs = null);
+    this.ss.Ut(), this.hs && (this.bt.deleteBuffer(this.hs), this.hs = null);
   }
   ls(t, e, i, s, r) {
     const n = this.us(t, e, i, s, r.rotationX || 0, r.rotationY || 0, r.rotationZ || 0);
     return { position: [t, e], size: [i, s], tt: r.character || [0, 0, 0], primaryColor: r.charColor || [1, 1, 1, 1], secondaryColor: r.bgColor || [0, 0, 0, 1], rotation: r.charRotation || [0, 0], transform: [r.invert ? 1 : 0, r.flipHorizontally ? 1 : 0, r.flipVertically ? 1 : 0], globalRotationX: n.radiansX, globalRotationY: n.radiansY, globalRotationZ: n.radiansZ, rotationCenter: [n.centerX, n.centerY] };
   }
   fs(t, e) {
-    const i = B(this.xt) || [0, 0, this.xt.canvas.width, this.xt.canvas.height];
+    const i = B(this.bt) || [0, 0, this.bt.canvas.width, this.bt.canvas.height];
     return { nx: t / i[2] * 2 - 1, ny: 1 - e / i[3] * 2 };
   }
   ds(t, e, i) {
@@ -693,14 +691,14 @@ class F {
     t.rotationCenter = [s.nx, s.ny];
   }
   us(t, e, i, s, r, n, o) {
-    const c = B(this.xt) || [0, 0, this.xt.canvas.width, this.xt.canvas.height], l = c[2], f = c[3];
+    const c = B(this.bt) || [0, 0, this.bt.canvas.width, this.bt.canvas.height], l = c[2], f = c[3];
     return { centerX: (t + i / 2) / l * 2 - 1, centerY: 1 - (e + s / 2) / f * 2, radiansX: -r * Math.PI / 180, radiansY: -n * Math.PI / 180, radiansZ: -o * Math.PI / 180, aspectRatio: l / f };
   }
 }
 const at = { cs: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 1, 1]), we: 6, $e: WebGL2RenderingContext.TRIANGLES, ue: 16, le: { ce: { size: 2, offset: 0 }, fe: { size: 2, offset: 8 } } };
 class ht extends F {
   constructor(t, e) {
-    super(t, e, x.RECTANGLE, at);
+    super(t, e, b.RECTANGLE, at);
   }
   Me(t, e) {
     const i = this.ls(t.x, t.y, t.width, t.height, e);
@@ -710,7 +708,7 @@ class ht extends F {
 const ct = { cs: new Float32Array([0, -0.5, 0, 0, 1, -0.5, 1, 0, 0, 0.5, 0, 1, 0, 0.5, 0, 1, 1, -0.5, 1, 0, 1, 0.5, 1, 1]), we: 6, $e: WebGL2RenderingContext.TRIANGLES, ue: 16, le: { ce: { size: 2, offset: 0 }, fe: { size: 2, offset: 8 } } };
 class lt extends F {
   constructor(t, e) {
-    super(t, e, x.LINE, ct);
+    super(t, e, b.LINE, ct);
   }
   Me(t, e) {
     const i = t.x2 - t.x1, s = t.y2 - t.y1, r = Math.hypot(i, s), n = Math.atan2(s, i), o = t.thickness || e.lineWeight || 1, c = t.x1 + i / 2, l = t.y1 + s / 2, f = c - r / 2, u = l, d = { character: e.character, charColor: e.charColor, bgColor: e.bgColor, charRotation: e.charRotation, flipHorizontally: e.flipHorizontally, flipVertically: e.flipVertically, invert: e.invert, rotationX: e.rotationX || 0, rotationY: e.rotationY || 0, rotationZ: (e.rotationZ || 0) + 180 * n / Math.PI, lineWeight: o }, p = this.ls(f, u, r, o, d);
@@ -727,7 +725,7 @@ const ut = { cs: function(a = 32) {
 }(32), we: 96, $e: WebGL2RenderingContext.TRIANGLES, ue: 16, le: { ce: { size: 2, offset: 0 }, fe: { size: 2, offset: 8 } } };
 class ft extends F {
   constructor(t, e) {
-    super(t, e, x.ELLIPSE, ut);
+    super(t, e, b.ELLIPSE, ut);
   }
   Me(t, e) {
     const i = this.ls(t.x, t.y, t.width, t.height, e);
@@ -744,7 +742,7 @@ let dt = { cs: function(a) {
 }(32), we: 96, $e: WebGL2RenderingContext.TRIANGLES, ue: 16, le: { ce: { size: 2, offset: 0 }, fe: { size: 2, offset: 8 } } };
 class pt extends F {
   constructor(t, e) {
-    super(t, e, x.ARC, dt);
+    super(t, e, b.ARC, dt);
   }
   Me(t, e) {
     const i = t.x - t.width / 2, s = t.y - t.height / 2, r = t.start * Math.PI / 180, n = t.stop * Math.PI / 180, o = this.ls(i, s, t.width, t.height, e);
@@ -754,7 +752,7 @@ class pt extends F {
 const gt = { cs: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), we: 3, $e: WebGL2RenderingContext.TRIANGLES, ue: 16, le: { ce: { size: 2, offset: 0 }, fe: { size: 2, offset: 8 } } };
 class mt extends F {
   constructor(t, e) {
-    super(t, e, x.TRIANGLE, gt);
+    super(t, e, b.TRIANGLE, gt);
   }
   Me(t, e) {
     const i = Math.min(t.x1, t.x2, t.x3), s = Math.max(t.x1, t.x2, t.x3), r = Math.min(t.y1, t.y2, t.y3), n = s - i, o = Math.max(t.y1, t.y2, t.y3) - r, c = this.ls(i, r, n, o, e), l = i + 0.5 * n, f = r + o * (1 / 3);
@@ -765,7 +763,7 @@ function X(a, t, e, i, s) {
   const r = 1 - a, n = r * r, o = a * a;
   return n * r * t + 3 * n * a * e + 3 * r * o * i + o * a * s;
 }
-const xt = { cs: function(a = 16) {
+const bt = { cs: function(a = 16) {
   const t = [];
   for (let e = 0; e < a; e++) {
     const i = e / a, s = (e + 1) / a;
@@ -775,16 +773,16 @@ const xt = { cs: function(a = 16) {
 }(16), we: 96, $e: WebGL2RenderingContext.TRIANGLES, ue: 16, le: { ce: { size: 2, offset: 0 }, fe: { size: 2, offset: 8 } } };
 class yt extends F {
   constructor(t, e) {
-    super(t, e, x.BEZIER_CURVE, xt);
+    super(t, e, b.BEZIER_CURVE, bt);
   }
   Me(t, e) {
     const i = e.lineWeight || 1, s = X(0.5, t.x1, t.cp1x, t.cp2x, t.x2), r = X(0.5, t.y1, t.cp1y, t.cp2y, t.y2), n = { character: e.character, charColor: e.charColor, bgColor: e.bgColor, charRotation: e.charRotation, flipHorizontally: e.flipHorizontally, flipVertically: e.flipVertically, invert: e.invert, rotationX: e.rotationX || 0, rotationY: e.rotationY || 0, rotationZ: e.rotationZ || 0, lineWeight: i }, o = this.ls(0, 0, 1, i, n);
     return this.ds(o, s, r), o.bezierStartPoint = [t.x1, t.y1], o.bezierControlPoint1 = [t.cp1x, t.cp1y], o.bezierControlPoint2 = [t.cp2x, t.cp2y], o.bezierEndPoint = [t.x2, t.y2], this.ss.Me(o);
   }
 }
-class Rt {
+class Et {
   constructor(t) {
-    h(this, "xt");
+    h(this, "bt");
     h(this, "_s", null);
     h(this, "ps");
     h(this, "gs", null);
@@ -795,13 +793,13 @@ class Rt {
     h(this, "bs");
     h(this, "Rs");
     h(this, "K", []);
-    this.xt = t, this.ps = new it(t), this.Rs = new Z(), this.ws = new rt(t, this), this.bs = new nt(), this.Cs = t.createBuffer(), U(this.xt, [0, 0, this.xt.canvas.width, this.xt.canvas.height]);
+    this.bt = t, this.ps = new it(t), this.Rs = new Z(), this.ws = new rt(t, this), this.bs = new nt(), this.Cs = t.createBuffer(), U(this.bt, [0, 0, this.bt.canvas.width, this.bt.canvas.height]);
   }
   Ms(t) {
     let e = this.$s.get(t);
     if (e) return e;
-    const i = new ot(this.xt);
-    return e = (0, { [x.RECTANGLE]: () => new ht(this.xt, i), [x.LINE]: () => new lt(this.xt, i), [x.ELLIPSE]: () => new ft(this.xt, i), [x.ARC]: () => new pt(this.xt, i), [x.TRIANGLE]: () => new mt(this.xt, i), [x.BEZIER_CURVE]: () => new yt(this.xt, i) }[t])(), this.$s.set(t, e), e;
+    const i = new ot(this.bt);
+    return e = (0, { [b.RECTANGLE]: () => new ht(this.bt, i), [b.LINE]: () => new lt(this.bt, i), [b.ELLIPSE]: () => new ft(this.bt, i), [b.ARC]: () => new pt(this.bt, i), [b.TRIANGLE]: () => new mt(this.bt, i), [b.BEZIER_CURVE]: () => new yt(this.bt, i) }[t])(), this.$s.set(t, e), e;
   }
   Ss(t) {
     this._s !== t && (this._s = t, t.jt());
@@ -832,25 +830,25 @@ class Rt {
   }
   ks(t, e, i, s, r) {
     const n = this.ie(), o = { l: t.textures[0], m: t.textures[1], n: t.textures[2], o: t.textures[3], p: t.textures[4], q: [t.width, t.height] };
-    this.bs.Ee(e, i, s, r, n, o, this.Rs);
+    this.bs.Le(e, i, s, r, n, o, this.Rs);
   }
-  Gs(t, e, i, s) {
+  Ts(t, e, i, s) {
     var m;
-    const r = this.xt, n = r.canvas.width, o = r.canvas.height, c = t / n * 2 - 1, l = (t + i) / n * 2 - 1, f = 1 - e / o * 2, u = 1 - (e + s) / o * 2, d = new Float32Array([c, u, l, u, c, f, l, u, l, f, c, f]);
+    const r = this.bt, n = r.canvas.width, o = r.canvas.height, c = t / n * 2 - 1, l = (t + i) / n * 2 - 1, f = 1 - e / o * 2, u = 1 - (e + s) / o * 2, d = new Float32Array([c, u, l, u, c, f, l, u, l, f, c, f]);
     r.bindBuffer(r.ARRAY_BUFFER, this.Cs), r.bufferData(r.ARRAY_BUFFER, d, r.DYNAMIC_DRAW);
     const p = ((m = this._s) == null ? void 0 : m.te) || r.getParameter(r.CURRENT_PROGRAM), g = p ? r.getAttribLocation(p, "a_position") : -1;
     g !== -1 && (r.enableVertexAttribArray(g), r.vertexAttribPointer(g, 2, r.FLOAT, !1, 8, 0)), r.drawArrays(r.TRIANGLES, 0, 6), g !== -1 && r.disableVertexAttribArray(g);
   }
-  As(t, e, i, s) {
-    this.gs ? (this.bs.Ee(t, e, i, s, this.gs, { ...this.vs }, this.Rs), this.gs = null, this.vs = {}) : this.bs.Te(t, e, i, s, this.Rs);
+  Gs(t, e, i, s) {
+    this.gs ? (this.bs.Le(t, e, i, s, this.gs, { ...this.vs }, this.Rs), this.gs = null, this.vs = {}) : this.bs.Ae(t, e, i, s, this.Rs);
   }
-  Ts(t, e, i, s) {
-    this.bs.Le(t, e, i, s, this.Rs.lineWeight, this.Rs);
+  As(t, e, i, s) {
+    this.bs.Ee(t, e, i, s, this.Rs.lineWeight, this.Rs);
   }
-  Es(t, e, i, s) {
+  Ls(t, e, i, s) {
     this.bs.Be(t, e, i, s, this.Rs);
   }
-  Ls(t, e, i, s, r, n) {
+  Es(t, e, i, s, r, n) {
     this.bs.We(t, e, i, s, r, n, this.Rs);
   }
   Bs(t, e, i, s, r, n, o, c) {
@@ -858,7 +856,7 @@ class Rt {
     this.bs.Ie(t, e, i, s, r, n, o, c, l, this.Rs);
   }
   Ds(t, e, i = 1, s = {}) {
-    return new G(this.xt, t, e, i, s, this, !0);
+    return new G(this.bt, t, e, i, s, this, !0);
   }
   Ws(t, e, i, s, r, n) {
     this.bs.De(t, e, i, s, r, n, this.Rs);
@@ -867,13 +865,13 @@ class Rt {
     this.state.Ct(t, e, i, s), this.Ue(t / 255, e / 255, i / 255, s / 255);
   }
   Ue(t = 0, e = 0, i = 0, s = 0) {
-    this.xt.clearColor(t, e, i, s), this.xt.clear(this.xt.COLOR_BUFFER_BIT);
+    this.bt.clearColor(t, e, i, s), this.bt.clear(this.bt.COLOR_BUFFER_BIT);
   }
   Us() {
-    this.xt.viewport(0, 0, this.xt.canvas.width, this.xt.canvas.height), U(this.xt, [0, 0, this.xt.canvas.width, this.xt.canvas.height]);
+    this.bt.viewport(0, 0, this.bt.canvas.width, this.bt.canvas.height), U(this.bt, [0, 0, this.bt.canvas.width, this.bt.canvas.height]);
   }
   get context() {
-    return this.xt;
+    return this.bt;
   }
   get state() {
     return this.Rs;
@@ -886,26 +884,26 @@ class Rt {
     t && (this.Rs = t);
   }
   Dt(t) {
-    const e = t, i = B(this.xt) ?? this.xt.getParameter(this.xt.VIEWPORT), s = { shader: e, gl: this.xt, viewport: i };
+    const e = t, i = B(this.bt) ?? this.bt.getParameter(this.bt.VIEWPORT), s = { shader: e, gl: this.bt, viewport: i };
     this.Ss(e);
     const r = /* @__PURE__ */ new Set();
-    for (const n of this.bs) n.type === x.CUSTOM ? r.add(x.RECTANGLE) : r.add(n.type);
-    for (const n of r) n !== x.CUSTOM && this.Ms(n);
+    for (const n of this.bs) n.type === b.CUSTOM ? r.add(b.RECTANGLE) : r.add(n.type);
+    for (const n of r) n !== b.CUSTOM && this.Ms(n);
     this.ws.me(s, this.bs, this.$s), this.bs.Ue();
   }
   Ut() {
-    this.xt.deleteBuffer(this.Cs), this.bs.Ue();
+    this.bt.deleteBuffer(this.Cs), this.bs.Ue();
     for (const t of this.$s.values()) t.Ut();
     this.ps.Ut();
   }
 }
-const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int16[0]), readUshort: (a, t) => a[t] << 8 | a[t + 1], readUshorts(a, t, e) {
+const E = { readShort: (a, t) => (E.t.uint16[0] = a[t] << 8 | a[t + 1], E.t.int16[0]), readUshort: (a, t) => a[t] << 8 | a[t + 1], readUshorts(a, t, e) {
   const i = [];
-  for (let s = 0; s < e; s++) i.push(R.readUshort(a, t + 2 * s));
+  for (let s = 0; s < e; s++) i.push(E.readUshort(a, t + 2 * s));
   return i;
 }, readUint(a, t) {
-  const e = R.t.uint8;
-  return e[3] = a[t], e[2] = a[t + 1], e[1] = a[t + 2], e[0] = a[t + 3], R.t.uint32[0];
+  const e = E.t.uint8;
+  return e[3] = a[t], e[2] = a[t + 1], e[1] = a[t + 2], e[0] = a[t + 3], E.t.uint32[0];
 }, readASCII(a, t, e) {
   let i = "";
   for (let s = 0; s < e; s++) i += String.fromCharCode(a[t + s]);
@@ -913,10 +911,10 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
 }, t: (() => {
   const a = new ArrayBuffer(8);
   return { uint8: new Uint8Array(a), int16: new Int16Array(a), uint16: new Uint16Array(a), uint32: new Uint32Array(a) };
-})() }, vt = { parseTab(a, t, e) {
+})() }, Rt = { parseTab(a, t, e) {
   const i = { tables: [], ids: {}, off: t };
   a = new Uint8Array(a.buffer, t, e), t = 0;
-  const s = R, r = s.readUshort, n = r(a, t += 2);
+  const s = E, r = s.readUshort, n = r(a, t += 2);
   t += 2;
   const o = [];
   for (let c = 0; c < n; c++) {
@@ -936,22 +934,22 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
   }
   return i;
 }, parse4(a, t) {
-  const e = R, i = e.readUshort, s = e.readUshorts, r = t, n = i(a, t += 2);
+  const e = E, i = e.readUshort, s = e.readUshorts, r = t, n = i(a, t += 2);
   t += 2;
   const o = i(a, t += 2) >>> 1, c = { format: 4, searchRange: i(a, t += 2), entrySelector: 0, rangeShift: 0, endCount: [], startCount: [], idDelta: [], idRangeOffset: [], glyphIdArray: [] };
   t += 2, c.entrySelector = i(a, t), t += 2, c.rangeShift = i(a, t), t += 2, c.endCount = s(a, t, o), t += 2 * o, t += 2, c.startCount = s(a, t, o), t += 2 * o;
   for (let l = 0; l < o; l++) c.idDelta.push(e.readShort(a, t)), t += 2;
   return c.idRangeOffset = s(a, t, o), t += 2 * o, c.glyphIdArray = s(a, t, r + n - t >> 1), c;
 }, parse12(a, t) {
-  const e = R.readUint;
+  const e = E.readUint;
   e(a, t += 4), e(a, t += 4);
   const i = e(a, t += 4);
   t += 4;
   const s = new Uint32Array(3 * i);
   for (let r = 0; r < 3 * i; r += 3) s[r] = e(a, t + (r << 2)), s[r + 1] = e(a, t + (r << 2) + 4), s[r + 2] = e(a, t + (r << 2) + 8);
   return { format: 12, groups: s };
-} }, Et = { parseTab(a, t, e) {
-  const i = R;
+} }, vt = { parseTab(a, t, e) {
+  const i = E;
   t += 18;
   const s = i.readUshort(a, t);
   t += 2, t += 16;
@@ -963,8 +961,8 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
   t += 2;
   const c = i.readShort(a, t);
   return t += 2, t += 6, { unitsPerEm: s, xMin: r, yMin: n, xMax: o, yMax: c, indexToLocFormat: i.readShort(a, t) };
-} }, bt = { parseTab(a, t, e) {
-  const i = R;
+} }, xt = { parseTab(a, t, e) {
+  const i = E;
   t += 4;
   const s = ["ascender", "descender", "lineGap", "advanceWidthMax", "minLeftSideBearing", "minRightSideBearing", "xMaxExtent", "caretSlopeRise", "caretSlopeRun", "caretOffset", "res0", "res1", "res2", "res3", "metricDataFormat", "numberOfHMetrics"], r = {};
   for (let n = 0; n < s.length; n++) {
@@ -973,16 +971,16 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
   }
   return r;
 } }, wt = { parseTab(a, t, e, i) {
-  const s = R, r = [], n = [], o = i.maxp.numGlyphs, c = i.hhea.numberOfHMetrics;
+  const s = E, r = [], n = [], o = i.maxp.numGlyphs, c = i.hhea.numberOfHMetrics;
   let l = 0, f = 0, u = 0;
   for (; u < c; ) l = s.readUshort(a, t + (u << 2)), f = s.readShort(a, t + (u << 2) + 2), r.push(l), n.push(f), u++;
   for (; u < o; ) r.push(l), n.push(f), u++;
   return { aWidth: r, lsBearing: n };
-} }, H = { cmap: vt, head: Et, hhea: bt, maxp: { parseTab(a, t, e) {
-  const i = R;
+} }, Y = { cmap: Rt, head: vt, hhea: xt, maxp: { parseTab(a, t, e) {
+  const i = E;
   return i.readUint(a, t), t += 4, { numGlyphs: i.readUshort(a, t) };
 } }, hmtx: wt, loca: { parseTab(a, t, e, i) {
-  const s = R, r = [], n = i.head.indexToLocFormat, o = i.maxp.numGlyphs + 1;
+  const s = E, r = [], n = i.head.indexToLocFormat, o = i.maxp.numGlyphs + 1;
   if (n === 0) for (let c = 0; c < o; c++) r.push(s.readUshort(a, t + (c << 1)) << 1);
   else if (n === 1) for (let c = 0; c < o; c++) r.push(s.readUint(a, t + (c << 2)));
   return r;
@@ -991,9 +989,9 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
   for (let n = 0; n < r; n++) s.push(null);
   return s;
 }, Os(a, t) {
-  const e = R, i = a.Hs, s = a.loca;
+  const e = E, i = a.Vs, s = a.loca;
   if (s[t] === s[t + 1]) return null;
-  const r = A.findTable(i, "glyf", a.Vs);
+  const r = A.findTable(i, "glyf", a.Hs);
   if (!r) return null;
   let n = r[0] + s[t];
   const o = {};
@@ -1029,7 +1027,7 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
   } else o.parts = [], o.endPts = [], o.flags = [], o.xs = [], o.ys = [];
   return o;
 } } }, A = { parse: (a) => [((t, e, i, s) => {
-  const r = H, n = { Hs: t, Ks: e, Vs: i };
+  const r = Y, n = { Vs: t, Ks: e, Hs: i };
   for (const o in r) {
     const c = o, l = A.findTable(t, c, i);
     if (l) {
@@ -1040,7 +1038,7 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
   }
   return n;
 })(new Uint8Array(a), 0, 0, {})], findTable(a, t, e) {
-  const i = R, s = i.readUshort(a, e + 4);
+  const i = E, s = i.readUshort(a, e + 4);
   let r = e + 12;
   for (let n = 0; n < s; n++) {
     const o = i.readASCII(a, r, 4);
@@ -1050,7 +1048,7 @@ const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int1
     r += 16;
   }
   return null;
-}, T: H, B: R };
+}, T: Y, B: E };
 class I {
   constructor() {
     h(this, "Ns", /* @__PURE__ */ new Map());
@@ -1065,11 +1063,11 @@ class I {
     for (const n of s.tables) if (n.format === 4 ? r = this.qs(e, n) : n.format === 12 && (r = this.Zs(e, n)), r > 0) break;
     return this.Ns.set(i, r), r;
   }
-  Qs(t, e) {
+  Js(t, e) {
     const i = e.codePointAt(0);
     return i === void 0 ? 0 : this.js(t, i);
   }
-  Js(t, e) {
+  Qs(t, e) {
     const i = t.hmtx;
     return i && i.aWidth && i.aWidth.length !== 0 ? e < i.aWidth.length ? i.aWidth[e] : i.aWidth[i.aWidth.length - 1] : 0;
   }
@@ -1081,7 +1079,7 @@ class I {
     this.Ns.clear(), this.Xs.clear();
   }
   Ys(t) {
-    return `${t.Vs}_${t.Hs.length}`;
+    return `${t.Hs}_${t.Vs.length}`;
   }
   qs(t, e) {
     const i = e.endCount.length;
@@ -1129,7 +1127,7 @@ class Ct {
     }), [...new Set(e)]) : [];
   }
   oi(t, e) {
-    return this.si.Qs(t, e) > 0;
+    return this.si.Js(t, e) > 0;
   }
   ai(t, e) {
     for (const i of e) if (!this.oi(t, i)) return !1;
@@ -1218,7 +1216,7 @@ class Tt {
     const r = t.length, n = Math.ceil(Math.sqrt(r)), o = Math.ceil(r / n), c = e.width * n, l = e.height * o, f = typeof s == "object" ? s : null;
     this.gi(c, l), this.mi(t, e, n, i, f);
     const u = this.Pt.Ds(c, l, 1, { filter: "nearest" });
-    return u.Et(this.di), { framebuffer: u, columns: n, rows: o };
+    return u.Lt(this.di), { framebuffer: u, columns: n, rows: o };
   }
   gi(t, e) {
     this.di.width = t, this.di.height = e, this.di.style.width = t + "px", this.di.style.height = t + "px", this._i.imageSmoothingEnabled = !1, this.di.style.imageRendering = "pixelated", this._i.fillStyle = "black", this._i.fillRect(0, 0, t, e), this._i.textBaseline = "top", this._i.textAlign = "left", this._i.fillStyle = "white";
@@ -1228,8 +1226,8 @@ class Tt {
     for (let o = 0; o < t.length; o++) {
       const c = o % i, l = Math.floor(o / i), f = t[o].character, u = this.yi(r, f);
       if (!u) continue;
-      const d = f.codePointAt(0) || 0, p = this.pi.js(r, d), g = this.Ci(r, p) * n, m = c * e.width, b = l * e.height, v = m + 0.5 * e.width, w = b + 0.5 * e.height, C = Math.round(v - 0.5 * e.width), L = Math.round(w - 0.5 * s), q = C + 0.5 * (e.width - g), Q = L + r.hhea.ascender * n;
-      this.$i(u, q, Q, n);
+      const d = f.codePointAt(0) || 0, p = this.pi.js(r, d), g = this.Ci(r, p) * n, m = c * e.width, x = l * e.height, R = m + 0.5 * e.width, w = x + 0.5 * e.height, C = Math.round(R - 0.5 * e.width), S = Math.round(w - 0.5 * s), q = C + 0.5 * (e.width - g), J = S + r.hhea.ascender * n;
+      this.$i(u, q, J, n);
     }
   }
   yi(t, e) {
@@ -1261,17 +1259,17 @@ class Tt {
           let g = l + 1;
           for (; g <= u; )
             if (1 & c[g]) {
-              const m = e + r[g] * s, b = i - n[g] * s;
-              this._i.lineTo(m, b), g++;
+              const m = e + r[g] * s, x = i - n[g] * s;
+              this._i.lineTo(m, x), g++;
             } else {
-              const m = e + r[g] * s, b = i - n[g] * s;
-              let v = g + 1 > u ? l : g + 1;
-              if (1 & c[v]) {
-                const w = e + r[v] * s, C = i - n[v] * s;
-                this._i.quadraticCurveTo(m, b, w, C), g = v + 1;
+              const m = e + r[g] * s, x = i - n[g] * s;
+              let R = g + 1 > u ? l : g + 1;
+              if (1 & c[R]) {
+                const w = e + r[R] * s, C = i - n[R] * s;
+                this._i.quadraticCurveTo(m, x, w, C), g = R + 1;
               } else {
-                const w = (m + (e + r[v] * s)) / 2, C = (b + (i - n[v] * s)) / 2;
-                this._i.quadraticCurveTo(m, b, w, C), g = v;
+                const w = (m + (e + r[R] * s)) / 2, C = (x + (i - n[R] * s)) / 2;
+                this._i.quadraticCurveTo(m, x, w, C), g = R;
               }
             }
           this._i.closePath();
@@ -1291,16 +1289,16 @@ class _t {
     let s = 0;
     const r = this.si.ti(i, e), n = r.lineHeight;
     for (const o of t) {
-      const c = this.si.Qs(i, o);
+      const c = this.si.Js(i, o);
       if (c === 0) continue;
-      const l = this.si.Js(i, c) * r.scale;
+      const l = this.si.Qs(i, c) * r.scale;
       s = Math.max(s, l);
     }
     return { width: Math.ceil(s), height: Math.ceil(n) };
   }
   getCharacterAdvanceWidth(t, e, i) {
-    const s = this.si.ti(i, e), r = this.si.Qs(i, t);
-    return this.si.Js(i, r) * s.scale;
+    const s = this.si.ti(i, e), r = this.si.Js(i, t);
+    return this.si.Qs(i, r) * s.scale;
   }
   getFontMetrics(t, e) {
     return this.si.ti(e, t);
@@ -1328,13 +1326,13 @@ class Pt {
   wi(t) {
     return [t % 256 / 255, Math.floor(t / 256) % 256 / 255, Math.floor(t / 65536) % 256 / 255];
   }
-  bi(t, e) {
-    if (!M.M(typeof t == "string", "Character must be a string.", { method: "getCharacterColor", providedValue: t })) return [0, 0, 0];
+  xi(t, e) {
+    if (!L.M(typeof t == "string", "Character must be a string.", { method: "getCharacterColor", providedValue: t })) return [0, 0, 0];
     const i = e.find((s) => s.character === t);
     return i ? i.color : [0, 0, 0];
   }
-  xi(t, e) {
-    return M.M(typeof t == "string" && t.length > 0, "Characters must be a string with at least one character.", { method: "getCharacterColors", providedValue: t }) ? Array.from(t).map((i) => this.bi(i, e) || [0, 0, 0]) : [[0, 0, 0]];
+  bi(t, e) {
+    return L.M(typeof t == "string" && t.length > 0, "Characters must be a string with at least one character.", { method: "getCharacterColors", providedValue: t }) ? Array.from(t).map((i) => this.xi(i, e) || [0, 0, 0]) : [[0, 0, 0]];
   }
 }
 class Ft {
@@ -1346,60 +1344,60 @@ class Ft {
     h(this, "zi", 0);
     h(this, "Pi", 0);
     h(this, "ki", { width: 0, height: 0 });
+    h(this, "Ti");
     h(this, "Gi");
     h(this, "Ai");
-    h(this, "Ti");
-    h(this, "Ei");
     h(this, "Li");
-    this.Fi = e, this.Ai = new At(), this.Ti = new Tt(t), this.Ei = new _t(), this.Li = new Pt();
+    h(this, "Ei");
+    this.Fi = e, this.Gi = new At(), this.Ai = new Tt(t), this.Li = new _t(), this.Ei = new Pt();
   }
   async Bi(t) {
     let e;
-    if (!t) throw new E("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
+    if (!t) throw new v("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
     {
       const i = await fetch(t);
-      if (!i.ok) throw new E(`Failed to load font file: ${i.status} ${i.statusText}`);
+      if (!i.ok) throw new v(`Failed to load font file: ${i.status} ${i.statusText}`);
       e = await i.arrayBuffer();
     }
     await this.Di(e), this.Ri = A.parse(e)[0], await this.Wi();
   }
   Ii(t) {
     if (t === void 0) return this.Fi;
-    this.Fi = t, this.ki = this.Ei.calculateMaxGlyphDimensions(this.Mi.map((i) => i.character), this.Fi, this.Ri);
-    const e = this.Ti.createTextureAtlas(this.Mi, this.ki, this.Fi, this.Ri);
+    this.Fi = t, this.ki = this.Li.calculateMaxGlyphDimensions(this.Mi.map((i) => i.character), this.Fi, this.Ri);
+    const e = this.Ai.createTextureAtlas(this.Mi, this.ki, this.Fi, this.Ri);
     this.Si = e.framebuffer, this.zi = e.columns, this.Pi = e.rows;
   }
   async Ui(t) {
     try {
       const e = await fetch(t);
-      if (!e.ok) throw new E(`Failed to load font file: ${e.status} ${e.statusText}`);
+      if (!e.ok) throw new v(`Failed to load font file: ${e.status} ${e.statusText}`);
       const i = await e.arrayBuffer();
       await this.Di(i);
       const s = A.parse(i);
       if (!s || s.length === 0) throw Error("Failed to parse font file");
       this.Ri = s[0], await this.Wi();
     } catch (e) {
-      throw new E("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
+      throw new v("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
     }
   }
   async Di(t) {
     const e = Date.now();
-    this.Gi = new FontFace("CustomFont_" + e, t), await this.Gi.load(), document.fonts.add(this.Gi);
+    this.Ti = new FontFace("CustomFont_" + e, t), await this.Ti.load(), document.fonts.add(this.Ti);
   }
   async Wi() {
-    const t = this.Ai.extractCharacters(this.Ri), e = this.Ai.filterProblematicCharacters(t);
-    this.Mi = this.Li.createCharacterObjects(e, this.Ri), this.ki = this.Ei.calculateMaxGlyphDimensions(e, this.Fi, this.Ri);
-    const i = this.Ti.createTextureAtlas(this.Mi, this.ki, this.Fi, this.Ri);
+    const t = this.Gi.extractCharacters(this.Ri), e = this.Gi.filterProblematicCharacters(t);
+    this.Mi = this.Ei.createCharacterObjects(e, this.Ri), this.ki = this.Li.calculateMaxGlyphDimensions(e, this.Fi, this.Ri);
+    const i = this.Ai.createTextureAtlas(this.Mi, this.ki, this.Fi, this.Ri);
     this.Si = i.framebuffer, this.zi = i.columns, this.Pi = i.rows;
   }
-  bi(t) {
-    return this.Li.bi(t, this.Mi);
-  }
   xi(t) {
-    return this.Li.xi(t, this.Mi);
+    return this.Ei.xi(t, this.Mi);
+  }
+  bi(t) {
+    return this.Ei.bi(t, this.Mi);
   }
   Ut() {
-    this.Si.Ut(), document.fonts.delete(this.Gi);
+    this.Si.Ut(), document.fonts.delete(this.Ti);
   }
   get fontFramebuffer() {
     return this.Si;
@@ -1423,13 +1421,13 @@ class Ft {
     return this.Ri;
   }
 }
-class Lt {
+class St {
   constructor(t, e, i) {
     h(this, "Oi");
-    h(this, "Hi");
+    h(this, "Vi");
     h(this, "$t");
     h(this, "wt");
-    h(this, "Vi");
+    h(this, "Hi");
     h(this, "Ki");
     h(this, "Ni");
     h(this, "Xi");
@@ -1437,7 +1435,7 @@ class Lt {
     this.Ni = t, this.Xi = e, this.ji = i, this.rt();
   }
   rt() {
-    this.Oi = Math.floor(this.Ni.width / this.Xi), this.Hi = Math.floor(this.Ni.height / this.ji), this.$t = this.Oi * this.Xi, this.wt = this.Hi * this.ji, this.Vi = Math.floor((this.Ni.width - this.$t) / 2), this.Ki = Math.floor((this.Ni.height - this.wt) / 2);
+    this.Oi = Math.floor(this.Ni.width / this.Xi), this.Vi = Math.floor(this.Ni.height / this.ji), this.$t = this.Oi * this.Xi, this.wt = this.Vi * this.ji, this.Hi = Math.floor((this.Ni.width - this.$t) / 2), this.Ki = Math.floor((this.Ni.height - this.wt) / 2);
   }
   Yi(t, e) {
     this.Xi = t, this.ji = e, this.rt();
@@ -1452,7 +1450,7 @@ class Lt {
     return this.Oi;
   }
   get rows() {
-    return this.Hi;
+    return this.Vi;
   }
   get width() {
     return this.$t;
@@ -1461,29 +1459,29 @@ class Lt {
     return this.wt;
   }
   get offsetX() {
-    return this.Vi;
+    return this.Hi;
   }
   get offsetY() {
     return this.Ki;
   }
 }
-class St {
+class Mt {
   constructor(t = {}) {
     h(this, "Ni");
     h(this, "qi");
     h(this, "Zi");
-    t.canvas ? (this.Ni = t.canvas, this.Zi = !1) : (this.Ni = this.Qi(t.width, t.height), this.Zi = !0), this.Ni.style.imageRendering = "pixelated";
+    t.canvas ? (this.Ni = t.canvas, this.Zi = !1) : (this.Ni = this.Ji(t.width, t.height), this.Zi = !0), this.Ni.style.imageRendering = "pixelated";
   }
-  Qi(t, e) {
+  Ji(t, e) {
     const i = document.createElement("canvas");
     return i.className = "textmodeCanvas", i.style.imageRendering = "pixelated", i.width = t || 800, i.height = e || 600, document.body.appendChild(i), i;
   }
-  Ji(t, e) {
+  Qi(t, e) {
     this.Ni.width = t ?? this.Ni.width, this.Ni.height = e ?? this.Ni.height;
   }
   tr() {
     const t = this.Ni.getContext("webgl2", { alpha: !0, premultipliedAlpha: !1, preserveDrawingBuffer: !0, antialias: !1, depth: !1, stencil: !1, powerPreference: "high-performance" });
-    if (!t) throw new E("`textmode.js` requires WebGL2 support.");
+    if (!t) throw new v("`textmode.js` requires WebGL2 support.");
     return t;
   }
   Ut() {
@@ -1505,7 +1503,7 @@ class St {
     return this.Ni.height;
   }
 }
-class Mt {
+class Lt {
   constructor(t = 60) {
     h(this, "er");
     h(this, "sr");
@@ -1609,18 +1607,18 @@ class Ut {
   kr() {
     return this._r;
   }
-  Gr() {
+  Tr() {
     return this.pr;
   }
-  Ar() {
+  Gr() {
     const t = [];
     for (const [e, i] of this.dr) i.isPressed && t.push(e);
     return t;
   }
-  Tr() {
+  Ar() {
     return { ctrl: this.zr("Control"), shift: this.zr("Shift"), alt: this.zr("Alt"), meta: this.zr("Meta") };
   }
-  Er() {
+  Lr() {
     this.dr.clear(), this._r = null, this.pr = null;
   }
   br(t) {
@@ -1648,15 +1646,15 @@ class Ut {
 class Bt {
   constructor(t) {
     h(this, "Ni");
-    h(this, "Lr");
+    h(this, "Er");
     h(this, "Br", { x: -1, y: -1 });
     h(this, "Dr", { x: -1, y: -1 });
     h(this, "Wr", null);
     h(this, "Ir");
     h(this, "Ur");
     h(this, "Or");
-    h(this, "Hr");
     h(this, "Vr");
+    h(this, "Hr");
     h(this, "Kr");
     h(this, "vr", !1);
     h(this, "Nr");
@@ -1667,36 +1665,36 @@ class Bt {
     this.Ni = t;
   }
   Bi(t) {
-    this.Lr = t, this.Zr();
+    this.Er = t, this.Zr();
   }
   wr() {
     if (this.vr) return;
     const t = this.Ni.canvas;
     this.Ir = (e) => {
-      this.Qr(e), this.Jr(e);
+      this.Jr(e), this.Qr(e);
     }, this.Ur = () => {
       this.Dr = { ...this.Br }, this.Br.x = -1, this.Br.y = -1, this.Wr = null;
     }, this.Or = (e) => {
-      this.Qr(e), this.tn(e);
-    }, this.Hr = (e) => {
-      this.Qr(e), this.en(e);
+      this.Jr(e), this.tn(e);
     }, this.Vr = (e) => {
-      this.Qr(e), this.sn(e);
+      this.Jr(e), this.en(e);
+    }, this.Hr = (e) => {
+      this.Jr(e), this.sn(e);
     }, this.Kr = (e) => {
-      this.Qr(e), this.rn(e);
-    }, t.addEventListener("mousemove", this.Ir, { passive: !0 }), t.addEventListener("mouseleave", this.Ur, { passive: !0 }), t.addEventListener("mousedown", this.Or, { passive: !0 }), t.addEventListener("mouseup", this.Hr, { passive: !0 }), t.addEventListener("click", this.Vr, { passive: !0 }), t.addEventListener("wheel", this.Kr, { passive: !1 }), this.vr = !0;
+      this.Jr(e), this.rn(e);
+    }, t.addEventListener("mousemove", this.Ir, { passive: !0 }), t.addEventListener("mouseleave", this.Ur, { passive: !0 }), t.addEventListener("mousedown", this.Or, { passive: !0 }), t.addEventListener("mouseup", this.Vr, { passive: !0 }), t.addEventListener("click", this.Hr, { passive: !0 }), t.addEventListener("wheel", this.Kr, { passive: !1 }), this.vr = !0;
   }
   Mr() {
     if (!this.vr) return;
     const t = this.Ni.canvas;
-    t.removeEventListener("mousemove", this.Ir), t.removeEventListener("mouseleave", this.Ur), t.removeEventListener("mousedown", this.Or), t.removeEventListener("mouseup", this.Hr), t.removeEventListener("click", this.Vr), t.removeEventListener("wheel", this.Kr), this.vr = !1;
+    t.removeEventListener("mousemove", this.Ir), t.removeEventListener("mouseleave", this.Ur), t.removeEventListener("mousedown", this.Or), t.removeEventListener("mouseup", this.Vr), t.removeEventListener("click", this.Hr), t.removeEventListener("wheel", this.Kr), this.vr = !1;
   }
   Zr() {
     if (this.vr) try {
       if (this.Wr) {
         const t = new MouseEvent("mousemove", { clientX: this.Wr.x, clientY: this.Wr.y, bubbles: !1, cancelable: !1 });
-        this.Qr(t);
-      } else this.Br.x !== -1 && this.Br.y !== -1 && (this.Br.x >= this.Lr.cols || this.Br.y >= this.Lr.rows) && (this.Br.x = -1, this.Br.y = -1);
+        this.Jr(t);
+      } else this.Br.x !== -1 && this.Br.y !== -1 && (this.Br.x >= this.Er.cols || this.Br.y >= this.Er.rows) && (this.Br.x = -1, this.Br.y = -1);
     } catch {
       this.Br.x = -1, this.Br.y = -1;
     }
@@ -1719,7 +1717,7 @@ class Bt {
   cn() {
     return { x: this.Br.x, y: this.Br.y };
   }
-  Jr(t) {
+  Qr(t) {
     if (this.Yr) {
       const e = { position: { ...this.Br }, previousPosition: { ...this.Dr }, originalEvent: t };
       this.Yr(e);
@@ -1749,11 +1747,11 @@ class Bt {
       this.qr(e);
     }
   }
-  Qr(t) {
+  Jr(t) {
     const e = this.Ni.canvas;
     this.Dr = { ...this.Br }, this.Wr = { x: t.clientX, y: t.clientY };
-    const i = e.getBoundingClientRect(), s = t.clientX - i.left, r = t.clientY - i.top, n = e.width / i.width, o = r * (e.height / i.height), c = s * n - this.Lr.offsetX, l = o - this.Lr.offsetY, f = Math.floor(c / this.Lr.cellWidth), u = Math.floor(l / this.Lr.cellHeight);
-    f >= 0 && f < this.Lr.cols && u >= 0 && u < this.Lr.rows ? (this.Br.x = f, this.Br.y = u) : (this.Br.x = -1, this.Br.y = -1);
+    const i = e.getBoundingClientRect(), s = t.clientX - i.left, r = t.clientY - i.top, n = e.width / i.width, o = r * (e.height / i.height), c = s * n - this.Er.offsetX, l = o - this.Er.offsetY, f = Math.floor(c / this.Er.cellWidth), u = Math.floor(l / this.Er.cellHeight);
+    f >= 0 && f < this.Er.cols && u >= 0 && u < this.Er.rows ? (this.Br.x = f, this.Br.y = u) : (this.Br.x = -1, this.Br.y = -1);
   }
 }
 const Dt = (a) => class extends a {
@@ -1776,13 +1774,13 @@ const Dt = (a) => class extends a {
     this.Pt.state.it();
   }
   rect(t, e, i = 1, s = 1) {
-    this.Pt.As(t, e, i, s);
+    this.Pt.Gs(t, e, i, s);
   }
   point(t, e) {
-    this.Pt.As(t, e, 1, 1);
+    this.Pt.Gs(t, e, 1, 1);
   }
   line(t, e, i, s) {
-    this.Pt.Ts(t, e, i, s);
+    this.Pt.As(t, e, i, s);
   }
   lineWeight(t) {
     this.Pt.state.ot(t);
@@ -1791,7 +1789,7 @@ const Dt = (a) => class extends a {
     this.Pt.Is(t, e, i, s);
   }
   char(t) {
-    this.Pt.state.ut(this.Ri.bi(t));
+    this.Pt.state.ut(this.Ri.xi(t));
   }
   charColor(t, e, i) {
     this.Pt.state.ft(t, e, i);
@@ -1815,10 +1813,10 @@ const Dt = (a) => class extends a {
     this.Pt.Is(0, 0, 0, 0);
   }
   ellipse(t, e, i, s) {
-    this.Pt.Es(t, e, i / 2, s / 2);
+    this.Pt.Ls(t, e, i / 2, s / 2);
   }
   triangle(t, e, i, s, r, n) {
-    this.Pt.Ls(t, e, i, s, r, n);
+    this.Pt.Es(t, e, i, s, r, n);
   }
   bezierCurve(t, e, i, s, r, n, o, c) {
     this.Pt.Bs(t, e, i, s, r, n, o, c);
@@ -1847,8 +1845,8 @@ const Dt = (a) => class extends a {
 };
 class O {
   ln(t) {
-    const e = t.Lt(0), i = t.Lt(1), s = t.Lt(2), r = t.Lt(3);
-    return { characterPixels: e, primaryColorPixels: i, secondaryColorPixels: s, transformPixels: t.Lt(4), rotationPixels: r };
+    const e = t.Et(0), i = t.Et(1), s = t.Et(2), r = t.Et(3);
+    return { characterPixels: e, primaryColorPixels: i, secondaryColorPixels: s, transformPixels: t.Et(4), rotationPixels: r };
   }
   un(t, e) {
     return t[e] + (t[e + 1] << 8);
@@ -1932,11 +1930,11 @@ class Nt {
     }
     return 0;
   }
-  bn(t, e, i, s, r) {
+  xn(t, e, i, s, r) {
     const n = r / t.head.unitsPerEm;
-    return { getBoundingBox: () => ({ x1: i + e.xMin * n, y1: s + -e.yMax * n, x2: i + e.xMax * n, y2: s + -e.yMin * n }), toSVG: () => this.xn(e, i, s, n) };
+    return { getBoundingBox: () => ({ x1: i + e.xMin * n, y1: s + -e.yMax * n, x2: i + e.xMax * n, y2: s + -e.yMin * n }), toSVG: () => this.bn(e, i, s, n) };
   }
-  xn(t, e, i, s) {
+  bn(t, e, i, s) {
     if (!t || !t.xs) return "";
     const { xs: r, ys: n, endPts: o, flags: c } = t;
     if (!(r && n && o && c)) return "";
@@ -1950,17 +1948,17 @@ class Nt {
           let m = f + 1;
           for (; m <= d; )
             if (1 & c[m]) {
-              const b = e + r[m] * s, v = i - n[m] * s;
-              l += `L${b.toFixed(2)},${v.toFixed(2)}`, m++;
+              const x = e + r[m] * s, R = i - n[m] * s;
+              l += `L${x.toFixed(2)},${R.toFixed(2)}`, m++;
             } else {
-              const b = e + r[m] * s, v = i - n[m] * s;
+              const x = e + r[m] * s, R = i - n[m] * s;
               let w = m + 1 > d ? f : m + 1;
               if (1 & c[w]) {
-                const C = e + r[w] * s, L = i - n[w] * s;
-                l += `Q${b.toFixed(2)},${v.toFixed(2)} ${C.toFixed(2)},${L.toFixed(2)}`, m = w + 1;
+                const C = e + r[w] * s, S = i - n[w] * s;
+                l += `Q${x.toFixed(2)},${R.toFixed(2)} ${C.toFixed(2)},${S.toFixed(2)}`, m = w + 1;
               } else {
-                const C = (b + (e + r[w] * s)) / 2, L = (v + (i - n[w] * s)) / 2;
-                l += `Q${b.toFixed(2)},${v.toFixed(2)} ${C.toFixed(2)},${L.toFixed(2)}`, m = w;
+                const C = (x + (e + r[w] * s)) / 2, S = (R + (i - n[w] * s)) / 2;
+                l += `Q${x.toFixed(2)},${R.toFixed(2)} ${C.toFixed(2)},${S.toFixed(2)}`, m = w;
               }
             }
           l += "Z";
@@ -1973,7 +1971,7 @@ class Nt {
   Rn(t, e, i, s, r) {
     const n = t.codePointAt(0) || 0, o = this.wn(e, n);
     let c = null;
-    return e.glyf && e.glyf[o] !== null ? c = e.glyf[o] : (c = A.T.glyf.Os(e, o), e.glyf[o] = c), this.bn(e, c, i, s, r);
+    return e.glyf && e.glyf[o] !== null ? c = e.glyf[o] : (c = A.T.glyf.Os(e, o), e.glyf[o] = c), this.xn(e, c, i, s, r);
   }
   Mn(t, e, i, s, r, n, o, c) {
     const l = i + (r - c * (o / e.head.unitsPerEm)) / 2, f = s + (n + 0.7 * o) / 2;
@@ -2007,7 +2005,7 @@ class zt {
     }
     return i.rotation && o.push(`rotate(${i.rotation} ${r} ${n})`), ` transform="${o.join(" ")}"`;
   }
-  Gn(t, e, i) {
+  Tn(t, e, i) {
     if (!i.includeBackgroundRectangles || t.secondaryColor.a === 0) return "";
     const { position: s } = t, { r, g: n, b: o, a: c } = t.secondaryColor, l = `rgba(${r},${n},${o},${c / 255})`;
     return i.drawMode === "stroke" ? `<rect x="${s.cellX}" y="${s.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" stroke="${l}" fill="none" stroke-width="${i.strokeWidth}"/>` : `<rect x="${s.cellX}" y="${s.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" fill="${l}"/>`;
@@ -2020,8 +2018,8 @@ class zt {
     const { r: o, g: c, b: l, a: f } = t.primaryColor, u = `rgba(${o},${c},${l},${f / 255})`;
     return s.drawMode === "stroke" ? `<path d="${n}" stroke="${u}" stroke-width="${s.strokeWidth}" fill="none"/>` : `<path d="${n}" fill="${u}"/>`;
   }
-  An(t, e, i, s) {
-    const r = [], n = this.Gn(t, e, s);
+  Gn(t, e, i, s) {
+    const r = [], n = this.Tn(t, e, s);
     n && r.push(n);
     const o = this.Rn(t, e, i, s);
     if (o) {
@@ -2030,17 +2028,17 @@ class zt {
     }
     return r.join("");
   }
-  Tn(t, e, i, s) {
+  An(t, e, i, s) {
     const r = [this.Fn(e), this.Pn(e, s), '<g id="ascii-cells">'];
-    for (const n of t) r.push(this.An(n, e, i, s));
+    for (const n of t) r.push(this.Gn(n, e, i, s));
     return r.push(this.zn()), r.join("");
   }
-  En(t) {
+  Ln(t) {
     return t.replace(/<path[^>]*d=""[^>]*\/>/g, "").replace(/\s+/g, " ").replace(/> </g, "><");
   }
 }
 class Gt extends W {
-  Ln(t) {
+  En(t) {
     return this.dn(t, "image/svg+xml;charset=utf-8");
   }
   Bn(t, e) {
@@ -2050,7 +2048,7 @@ class Gt extends W {
     this.Bn(t, e || this.vn());
   }
 }
-class Y {
+class V {
   constructor() {
     h(this, "Wn");
     h(this, "In");
@@ -2060,16 +2058,16 @@ class Y {
   On(t) {
     return { includeBackgroundRectangles: t.includeBackgroundRectangles ?? !0, drawMode: t.drawMode ?? "fill", strokeWidth: t.strokeWidth ?? 1, backgroundColor: t.backgroundColor ?? [0, 0, 0, 0], filename: t.filename || this.Un.vn() };
   }
-  Hn(t, e = {}) {
-    const i = this.Wn.$n(this.Wn.ln(t.pipeline), t.grid), s = this.In.Tn(i, t.grid, t.font, this.On(e));
-    return this.In.En(s);
+  Vn(t, e = {}) {
+    const i = this.Wn.$n(this.Wn.ln(t.pipeline), t.grid), s = this.In.An(i, t.grid, t.font, this.On(e));
+    return this.In.Ln(s);
   }
   Dn(t, e = {}) {
-    this.Un.Dn(this.Hn(t, e), e.filename);
+    this.Un.Dn(this.Vn(t, e), e.filename);
   }
 }
 class Ot extends O {
-  Vn(t, e, i, s = " ") {
+  Hn(t, e, i, s = " ") {
     var o;
     const r = [];
     let n = 0;
@@ -2107,7 +2105,7 @@ class $t extends W {
     return e === ".txt" || e.length <= 4 ? this.vn() : e;
   }
 }
-class V {
+class H {
   constructor() {
     h(this, "Wn");
     h(this, "In");
@@ -2118,7 +2116,7 @@ class V {
     return { preserveTrailingSpaces: t.preserveTrailingSpaces ?? !1, lineEnding: t.lineEnding ?? "lf", emptyCharacter: t.emptyCharacter ?? " ", filename: t.filename || this.Un.vn() };
   }
   jn(t, e = {}) {
-    const i = this.On(e), s = this.Wn.Vn(this.Wn.ln(t.pipeline), t.grid, t.font, i.emptyCharacter);
+    const i = this.On(e), s = this.Wn.Hn(this.Wn.ln(t.pipeline), t.grid, t.font, i.emptyCharacter);
     return this.In.Kn(s, i);
   }
   Nn(t, e = {}) {
@@ -2138,7 +2136,7 @@ class Xt {
     const i = this.Zn(e.format);
     return e.format === "png" ? t.toDataURL(i) : t.toDataURL(i, e.quality);
   }
-  async Qn(t, e) {
+  async Jn(t, e) {
     return new Promise((i, s) => {
       const r = this.Zn(e.format), n = (o) => {
         o ? i(o) : s(Error(`Failed to generate ${e.format.toUpperCase()} blob`));
@@ -2159,9 +2157,9 @@ class Xt {
     }
   }
 }
-const Ht = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, j = { png: ".png", jpg: ".jpg", webp: ".webp" };
-class Yt extends W {
-  Jn(t, e, i) {
+const Yt = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, j = { png: ".png", jpg: ".jpg", webp: ".webp" };
+class Vt extends W {
+  Qn(t, e, i) {
     this.eo(t, this.mn(e) + j[i]);
   }
   eo(t, e) {
@@ -2174,15 +2172,15 @@ class Yt extends W {
     }
   }
   so(t) {
-    return t in Ht && t in j;
+    return t in Yt && t in j;
   }
 }
-class Vt {
+class Ht {
   constructor() {
     h(this, "Wn");
     h(this, "In");
     h(this, "Un");
-    this.Wn = new kt(), this.In = new Xt(), this.Un = new Yt();
+    this.Wn = new kt(), this.In = new Xt(), this.Un = new Vt();
   }
   On(t) {
     return { format: t.format ?? "png", quality: t.quality ?? 1, scale: t.scale ?? 1, backgroundColor: t.backgroundColor ?? "transparent", filename: t.filename || this.Un.vn() };
@@ -2193,16 +2191,16 @@ class Vt {
     if (t.scale <= 0) throw Error("Scale factor must be greater than 0");
     t.format === "jpg" && t.backgroundColor === "transparent" && (t.backgroundColor = "black");
   }
-  async Qn(t, e) {
-    if (e.scale === 1 && e.backgroundColor === "transparent") return await this.In.Qn(t.canvas, e);
+  async Jn(t, e) {
+    if (e.scale === 1 && e.backgroundColor === "transparent") return await this.In.Jn(t.canvas, e);
     const i = this.Wn.Yn(t, e.scale, e.backgroundColor);
-    return await this.In.Qn(i, e);
+    return await this.In.Jn(i, e);
   }
-  async Jn(t, e = {}) {
+  async Qn(t, e = {}) {
     const i = this.On(e);
     this.io(i);
-    const s = await this.Qn(t, i);
-    this.Un.Jn(s, i.filename, i.format);
+    const s = await this.Jn(t, i);
+    this.Un.Qn(s, i.filename, i.format);
   }
 }
 const jt = (a) => class extends a {
@@ -2210,32 +2208,32 @@ const jt = (a) => class extends a {
     this.Pt.Dt(this.no);
   }
   toString(t = {}) {
-    return this.ro(), new V().jn({ pipeline: this.oo, grid: this.Lr, font: this.Ri }, t);
+    return this.ro(), new H().jn({ pipeline: this.oo, grid: this.Er, font: this.Ri }, t);
   }
   saveStrings(t = {}) {
-    this.ro(), new V().Nn({ pipeline: this.oo, grid: this.Lr, font: this.Ri }, t);
+    this.ro(), new H().Nn({ pipeline: this.oo, grid: this.Er, font: this.Ri }, t);
   }
   toSVG(t = {}) {
-    return this.ro(), new Y().Hn({ pipeline: this.oo, grid: this.Lr, font: this.Ri }, t);
+    return this.ro(), new V().Vn({ pipeline: this.oo, grid: this.Er, font: this.Ri }, t);
   }
   saveSVG(t = {}) {
-    this.ro(), new Y().Dn({ pipeline: this.oo, grid: this.Lr, font: this.Ri }, t);
+    this.ro(), new V().Dn({ pipeline: this.oo, grid: this.Er, font: this.Ri }, t);
   }
   async saveCanvas(t = {}) {
-    await new Vt().Jn(this.Ni, t);
+    await new Ht().Qn(this.Ni, t);
   }
 }, Kt = (a) => class extends a {
   async loadFont(t) {
     return this.Ri.Ui(t).then(() => {
       const e = this.Ri.maxGlyphDimensions;
-      this.Lr.Yi(e.width, e.height), this.oo.resize(this.Lr.cols, this.Lr.rows), this.Pt.Us(), this.ao.Zr();
+      this.Er.Yi(e.width, e.height), this.oo.resize(this.Er.cols, this.Er.rows), this.Pt.Us(), this.ao.Zr();
     });
   }
   fontSize(t) {
-    if (!M.M(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.Ri.fontSize === t) return;
+    if (!L.M(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.Ri.fontSize === t) return;
     this.Ri.Ii(t);
     const e = this.Ri.maxGlyphDimensions;
-    this.Lr.Yi(e.width, e.height), this.oo.resize(this.Lr.cols, this.Lr.rows), this.Pt.Us(), this.ao.Zr();
+    this.Er.Yi(e.width, e.height), this.oo.resize(this.Er.cols, this.Er.rows), this.Pt.Us(), this.ao.Zr();
   }
 }, Zt = (a) => class extends a {
   get frameCount() {
@@ -2254,7 +2252,7 @@ const jt = (a) => class extends a {
     this.ho.resume(() => this.co());
   }
   redraw(t = 1) {
-    if (M.M(typeof t == "number" && t > 0 && Number.isInteger(t), "Redraw count must be a positive integer.", { method: "redraw", providedValue: t })) for (let e = 0; e < t; e++) this.co();
+    if (L.M(typeof t == "number" && t > 0 && Number.isInteger(t), "Redraw count must be a positive integer.", { method: "redraw", providedValue: t })) for (let e = 0; e < t; e++) this.co();
   }
   isLooping() {
     return this.ho.isLooping;
@@ -2281,7 +2279,7 @@ const jt = (a) => class extends a {
   get mouse() {
     return this.ao.cn();
   }
-}, Qt = (a) => class extends a {
+}, Jt = (a) => class extends a {
   constructor(...t) {
     super(...t);
   }
@@ -2294,28 +2292,25 @@ const jt = (a) => class extends a {
   isKeyPressed(t) {
     return this.lo.zr(t);
   }
-  clearKeyStates() {
-    this.lo.Er();
-  }
   get lastKeyPressed() {
     return this.lo.kr();
   }
   get lastKeyReleased() {
-    return this.lo.Gr();
+    return this.lo.Tr();
   }
   get pressedKeys() {
-    return this.lo.Ar();
+    return this.lo.Gr();
   }
   get modifierState() {
-    return this.lo.Tr();
+    return this.lo.Ar();
   }
 };
-class Jt {
+class Qt {
   constructor() {
     h(this, "Pt");
     h(this, "Ri");
     h(this, "Ni");
-    h(this, "Lr");
+    h(this, "Er");
     h(this, "ho");
     h(this, "ao");
     h(this, "lo");
@@ -2328,7 +2323,7 @@ class Jt {
 }
 class te extends function(e, ...i) {
   return i.reduce((s, r) => r(s), e);
-}(Jt, Dt, jt, Kt, Zt, qt, Qt) {
+}(Qt, Dt, jt, Kt, Zt, qt, Jt) {
   constructor(e = {}) {
     super();
     h(this, "fo", !1);
@@ -2339,25 +2334,25 @@ class te extends function(e, ...i) {
     h(this, "po", () => {
     });
     h(this, "mo");
-    this.Ni = new St(e), this.Pt = new Rt(this.Ni.tr()), this.Ri = new Ft(this.Pt, e.fontSize ?? 16), this.ho = new Mt(e.frameRate ?? 60), this.ao = new Bt(this.Ni), this.lo = new Ut(), this.no = this.Pt.Bt(), this.uo = this.Pt.re(), this.vo(e);
+    this.Ni = new Mt(e), this.Pt = new Et(this.Ni.tr()), this.Ri = new Ft(this.Pt, e.fontSize ?? 16), this.ho = new Lt(e.frameRate ?? 60), this.ao = new Bt(this.Ni), this.lo = new Ut(), this.no = this.Pt.Bt(), this.uo = this.Pt.re(), this.vo(e);
   }
   async vo(e) {
     await this.Ri.Bi(e.fontSource);
     const i = this.Ri.maxGlyphDimensions;
-    this.Lr = new Lt(this.Ni.canvas, i.width, i.height), this.ao.Bi(this.Lr), this.oo = this.Pt.Ds(this.Lr.cols, this.Lr.rows, 5), this.yo(), this.do(), this.ho.start(() => this.co());
+    this.Er = new St(this.Ni.canvas, i.width, i.height), this.ao.Bi(this.Er), this.oo = this.Pt.Ds(this.Er.cols, this.Er.rows, 5), this.yo(), this.do(), this.ho.start(() => this.co());
   }
   yo() {
     this.mo = () => {
       this.po();
     }, window.addEventListener("resize", this.mo), this.ao.wr(), this.lo.wr(), window.addEventListener("blur", () => {
-      this.lo.Er();
+      this.lo.Lr();
     });
   }
   co() {
     if (this.ho.measureFrameRate(), this.ho.incrementFrame(), this.fo) return;
     this.oo.begin(), this.Pt.Ss(this.no), this._o(), this.Pt.Dt(this.no), this.oo.end();
     const e = this.Pt.state.canvasBackgroundColor;
-    this.Pt.Ue(e[0], e[1], e[2], e[3]), this.Pt.Ss(this.uo), this.uo.qt({ a: this.Ri.fontFramebuffer, b: [this.Ri.textureColumns, this.Ri.textureRows], c: this.oo.textures[0], d: this.oo.textures[1], e: this.oo.textures[2], f: this.oo.textures[4], g: this.oo.textures[3], h: [this.Lr.cols, this.Lr.rows], i: [this.Lr.width, this.Lr.height], j: [this.Lr.offsetX, this.Lr.offsetY], k: this.Lr.width / this.Lr.height }), this.Pt.Gs(this.Lr.offsetX, this.Lr.offsetY, this.Lr.width, this.Lr.height);
+    this.Pt.Ue(e[0], e[1], e[2], e[3]), this.Pt.Ss(this.uo), this.uo.qt({ a: this.Ri.fontFramebuffer, b: [this.Ri.textureColumns, this.Ri.textureRows], c: this.oo.textures[0], d: this.oo.textures[1], e: this.oo.textures[2], f: this.oo.textures[4], g: this.oo.textures[3], h: [this.Er.cols, this.Er.rows], i: [this.Er.width, this.Er.height], j: [this.Er.offsetX, this.Er.offsetY], k: this.Er.width / this.Er.height }), this.Pt.Ts(this.Er.offsetX, this.Er.offsetY, this.Er.width, this.Er.height);
   }
   setup(e) {
     this.do = e;
@@ -2369,13 +2364,13 @@ class te extends function(e, ...i) {
     this.po = e;
   }
   resizeCanvas(e, i) {
-    this.Ni.Ji(e, i), this.Lr.rt(), this.oo.resize(this.Lr.cols, this.Lr.rows), this.Pt.Us(), this.ao.Zr(), this.co();
+    this.Ni.Qi(e, i), this.Er.rt(), this.oo.resize(this.Er.cols, this.Er.rows), this.Pt.Us(), this.ao.Zr(), this.co();
   }
   destroy() {
     this.fo || (this.ho.stop(), window.removeEventListener("resize", this.mo), this.ao.Mr(), this.lo.Mr(), this.Ri.Ut(), this.Pt.Ut(), this.fo = !0);
   }
   get grid() {
-    return this.Lr;
+    return this.Er;
   }
   get font() {
     return this.Ri;
@@ -2403,19 +2398,19 @@ class $ {
     return new te(t);
   }
   static setErrorLevel(t) {
-    M.S(t);
+    L.S(t);
   }
   static get version() {
-    return "0.2.1-beta.2";
+    return "0.2.1-beta.3";
   }
 }
 const ie = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), se = $.create, re = $.setErrorLevel, ne = $.version;
 export {
-  G as GLFramebuffer,
-  St as TextmodeCanvas,
+  Mt as TextmodeCanvas,
   et as TextmodeErrorLevel,
   Ft as TextmodeFont,
-  Lt as TextmodeGrid,
+  G as TextmodeFramebuffer,
+  St as TextmodeGrid,
   te as Textmodifier,
   se as create,
   ie as export,