textmode.js 0.2.0 → 0.2.1-beta.1

package/dist/textmode.esm.min.js

@@ -1,156 +1,156 @@
-var K = Object.defineProperty;
-var q = (a, t, e) => t in a ? K(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var c = (a, t, e) => q(a, typeof t != "symbol" ? t + "" : t, e);
-class _ extends Error {
+var J = Object.defineProperty;
+var q = (a, t, e) => t in a ? J(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var h = (a, t, e) => q(a, typeof t != "symbol" ? t + "" : t, e);
+class T extends Error {
   constructor(t, e = {}) {
-    super(_.i(t, e)), this.name = "TextmodeError";
+    super(T.i(t, e)), this.name = "TextmodeError";
   }
   static i(t, e) {
-    let r = t;
+    let i = t;
     if (e && Object.keys(e).length > 0) {
-      r += `
+      i += `
 
 📋 Context:`;
-      for (const [i, s] of Object.entries(e))
-        r += `
-  - ${i}: ${_.o(s)}`;
+      for (const [s, r] of Object.entries(e))
+        i += `
+  - ${s}: ${T.o(r)}`;
     }
-    return r += `
+    return i += `
 
-`, r += "↓".repeat(24) + `
-`, r;
+`, i += "↓".repeat(24) + `
+`, i;
   }
   static o(t) {
     if (t === null) return "null";
     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) => _.o(e)).join(", ")}]` : `[${t.slice(0, 3).map((e) => _.o(e)).join(", ")}, ... +${t.length - 3} more]`;
+    if (Array.isArray(t)) return t.length === 0 ? "[]" : t.length <= 5 ? `[${t.map((e) => T.o(e)).join(", ")}]` : `[${t.slice(0, 3).map((e) => T.o(e)).join(", ")}, ... +${t.length - 3} more]`;
     if (typeof t == "object") {
       const e = Object.keys(t);
-      return e.length === 0 ? "{}" : e.length <= 3 ? `{ ${e.map((r) => `${r}: ${_.o(t[r])}`).join(", ")} }` : `{ ${e.slice(0, 2).map((r) => `${r}: ${_.o(t[r])}`).join(", ")}, ... +${e.length - 2} more }`;
+      return e.length === 0 ? "{}" : e.length <= 3 ? `{ ${e.map((i) => `${i}: ${T.o(t[i])}`).join(", ")} }` : `{ ${e.slice(0, 2).map((i) => `${i}: ${T.o(t[i])}`).join(", ")}, ... +${e.length - 2} more }`;
     }
     return t + "";
   }
 }
-var J = ((a) => (a[a.SILENT = 0] = "SILENT", a[a.WARNING = 1] = "WARNING", a[a.ERROR = 2] = "ERROR", a[a.THROW = 3] = "THROW", a))(J || {});
+var Q = ((a) => (a[a.SILENT = 0] = "SILENT", a[a.WARNING = 1] = "WARNING", a[a.ERROR = 2] = "ERROR", a[a.THROW = 3] = "THROW", a))(Q || {});
 const A = class A {
   constructor() {
-    c(this, "u", { globalLevel: 3 });
+    h(this, "u", { globalLevel: 3 });
   }
   static p() {
     return A.l || (A.l = new A()), A.l;
   }
   _(t, e) {
-    const r = "%c[textmode.js] Oops! (╯°□°)╯︵ Something went wrong in your code.", i = "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;";
+    const i = "%c[textmode.js] Oops! (╯°□°)╯︵ Something went wrong in your code.", s = "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;";
     switch (this.u.globalLevel) {
       case 0:
         return !1;
       case 1:
-        return console.group(r, i), console.warn(_.i(t, e)), console.groupEnd(), !1;
+        return console.group(i, s), console.warn(T.i(t, e)), console.groupEnd(), !1;
       case 2:
-        return console.group(r, i), console.error(_.i(t, e)), console.groupEnd(), !1;
+        return console.group(i, s), console.error(T.i(t, e)), console.groupEnd(), !1;
       default:
-        throw new _(t, e);
+        throw new T(t, e);
     }
   }
-  m(t, e, r) {
-    return !!t || (this._(e, r), !1);
+  m(t, e, i) {
+    return !!t || (this._(e, i), !1);
   }
   v(t) {
     this.u.globalLevel = t;
   }
 };
-c(A, "l", null);
-let B = A;
-const I = B.p(), Q = /* @__PURE__ */ new WeakMap();
-function D(a, t) {
-  Q.set(a, t);
+h(A, "l", null);
+let z = A;
+const D = z.p(), H = /* @__PURE__ */ new WeakMap();
+function I(a, t) {
+  H.set(a, t);
 }
-function U(a) {
-  return Q.get(a);
+function L(a) {
+  return H.get(a);
 }
-class $ {
-  constructor(t, e, r = e, i = 1, s = {}) {
-    c(this, "C");
-    c(this, "$");
-    c(this, "u");
-    c(this, "R", null);
-    c(this, "S");
-    c(this, "M");
-    c(this, "F", []);
-    c(this, "G");
-    c(this, "D", null);
-    c(this, "P", []);
-    this.C = e, this.$ = r, this.u = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...s }, this.S = t, this.G = Math.min(Math.max(1, i), 8);
+class G {
+  constructor(t, e, i = e, s = 1, r = {}) {
+    h(this, "C");
+    h(this, "$");
+    h(this, "u");
+    h(this, "R", null);
+    h(this, "S");
+    h(this, "P");
+    h(this, "M", []);
+    h(this, "F");
+    h(this, "A", null);
+    h(this, "D", []);
+    this.C = e, this.$ = i, this.u = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...r }, this.S = t, this.F = Math.min(Math.max(1, s), 8);
     const n = t.getParameter(t.MAX_DRAW_BUFFERS), o = t.getParameter(t.MAX_COLOR_ATTACHMENTS);
-    this.G = Math.min(this.G, n, o), this.M = t.createFramebuffer(), this.A(), this.I(), this.P = Array(this.G).fill(null);
+    this.F = Math.min(this.F, n, o), this.P = t.createFramebuffer(), this.G(), this.k(), this.D = Array(this.F).fill(null);
   }
-  A() {
-    const t = this.S, e = this.u.filter === "linear" ? t.LINEAR : t.NEAREST, r = this.u.wrap === "repeat" ? t.REPEAT : t.CLAMP_TO_EDGE, i = this.u.type === "float" ? t.FLOAT : t.UNSIGNED_BYTE;
-    for (let s = 0; s < this.G; s++) {
+  G() {
+    const t = this.S, e = this.u.filter === "linear" ? t.LINEAR : t.NEAREST, i = this.u.wrap === "repeat" ? t.REPEAT : t.CLAMP_TO_EDGE, s = this.u.type === "float" ? t.FLOAT : t.UNSIGNED_BYTE;
+    for (let r = 0; r < this.F; 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, r), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, r), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, this.C, this.$, 0, t.RGBA, i, null), this.F.push(n);
+      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.C, this.$, 0, t.RGBA, s, null), this.M.push(n);
     }
     t.bindTexture(t.TEXTURE_2D, null);
   }
-  I() {
+  k() {
     const t = this.S;
-    if (t.bindFramebuffer(t.FRAMEBUFFER, this.M), this.G === 1) t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, this.F[0], 0);
+    if (t.bindFramebuffer(t.FRAMEBUFFER, this.P), this.F === 1) t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, this.M[0], 0);
     else {
-      const r = [];
-      for (let i = 0; i < this.G; i++) {
-        const s = t.COLOR_ATTACHMENT0 + i;
-        t.framebufferTexture2D(t.FRAMEBUFFER, s, t.TEXTURE_2D, this.F[i], 0), r.push(s);
+      const i = [];
+      for (let s = 0; s < this.F; s++) {
+        const r = t.COLOR_ATTACHMENT0 + s;
+        t.framebufferTexture2D(t.FRAMEBUFFER, r, t.TEXTURE_2D, this.M[s], 0), i.push(r);
       }
-      t.drawBuffers(r);
+      t.drawBuffers(i);
     }
     const e = t.checkFramebufferStatus(t.FRAMEBUFFER);
     e !== t.FRAMEBUFFER_COMPLETE && console.error("GLFramebuffer is not complete:", e), t.bindFramebuffer(t.FRAMEBUFFER, null);
   }
   L(t) {
     const e = this.S;
-    e.bindTexture(e.TEXTURE_2D, this.F[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);
+    e.bindTexture(e.TEXTURE_2D, this.M[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);
   }
-  W(t, e) {
-    this.C = t, this.$ = e, this.R = null, this.P = Array(this.G).fill(null);
-    const r = this.S, i = this.u.type === "float" ? r.FLOAT : r.UNSIGNED_BYTE;
-    for (const s of this.F) r.bindTexture(r.TEXTURE_2D, s), r.texImage2D(r.TEXTURE_2D, 0, r.RGBA, this.C, this.$, 0, r.RGBA, i, null);
-    r.bindTexture(r.TEXTURE_2D, null);
+  I(t, e) {
+    this.C = t, this.$ = e, this.R = null, this.D = Array(this.F).fill(null);
+    const i = this.S, s = this.u.type === "float" ? i.FLOAT : i.UNSIGNED_BYTE;
+    for (const r of this.M) i.bindTexture(i.TEXTURE_2D, r), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, this.C, this.$, 0, i.RGBA, s, null);
+    i.bindTexture(i.TEXTURE_2D, null);
   }
-  k(t) {
+  W(t) {
     const e = this.S;
-    if (t < 0 || t >= this.G) throw Error(`GLFramebuffer: attachment index ${t} out of range (count=${this.G})`);
-    const r = this.P[t];
-    if (r) return r;
-    const i = this.C, s = this.$, n = new Uint8Array(i * s * 4), o = e.getParameter(e.READ_FRAMEBUFFER_BINDING);
-    e.bindFramebuffer(e.READ_FRAMEBUFFER, this.M), e.readBuffer(e.COLOR_ATTACHMENT0 + t), e.readPixels(0, 0, i, s, e.RGBA, e.UNSIGNED_BYTE, n), e.bindFramebuffer(e.READ_FRAMEBUFFER, o);
-    const h = 4 * i, l = new Uint8Array(n.length);
-    for (let d = 0; d < s; d++) {
-      const u = (s - 1 - d) * h, f = d * h;
-      l.set(n.subarray(u, u + h), f);
+    if (t < 0 || t >= this.F) throw Error(`GLFramebuffer: attachment index ${t} out of range (count=${this.F})`);
+    const i = this.D[t];
+    if (i) return i;
+    const s = this.C, r = this.$, n = new Uint8Array(s * r * 4), o = e.getParameter(e.READ_FRAMEBUFFER_BINDING);
+    e.bindFramebuffer(e.READ_FRAMEBUFFER, this.P), e.readBuffer(e.COLOR_ATTACHMENT0 + t), e.readPixels(0, 0, s, r, e.RGBA, e.UNSIGNED_BYTE, n), e.bindFramebuffer(e.READ_FRAMEBUFFER, o);
+    const c = 4 * s, l = new Uint8Array(n.length);
+    for (let d = 0; d < r; d++) {
+      const u = (r - 1 - d) * c, f = d * c;
+      l.set(n.subarray(u, u + c), f);
     }
-    return this.P[t] = l, l;
+    return this.D[t] = l, l;
   }
   U() {
-    for (let t = 0; t < this.G; t++) this.k(t);
+    for (let t = 0; t < this.F; t++) this.W(t);
   }
-  V() {
+  O() {
     const t = this.S;
-    this.D = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.M), this.P = Array(this.G).fill(null);
-    for (let e = 0; e < this.G; e++) t.clearBufferfv(t.COLOR, e, new Float32Array([0, 0, 0, 0]));
-    t.viewport(0, 0, this.C, this.$), D(t, [0, 0, this.C, this.$]);
+    this.A = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.P), this.D = Array(this.F).fill(null);
+    for (let e = 0; e < this.F; e++) t.clearBufferfv(t.COLOR, e, new Float32Array([0, 0, 0, 0]));
+    t.viewport(0, 0, this.C, this.$), I(t, [0, 0, this.C, this.$]);
   }
-  O() {
-    if (!this.D) return;
+  V() {
+    if (!this.A) return;
     const t = this.S;
-    t.bindFramebuffer(t.FRAMEBUFFER, this.D.framebuffer), t.viewport(...this.D.viewport), D(t, this.D.viewport), this.D = null;
+    t.bindFramebuffer(t.FRAMEBUFFER, this.A.framebuffer), t.viewport(...this.A.viewport), I(t, this.A.viewport), this.A = null;
   }
   j() {
     const t = this.S;
-    this.M && t.deleteFramebuffer(this.M);
-    for (const e of this.F) t.deleteTexture(e);
-    this.F = [], this.P = [];
+    this.P && t.deleteFramebuffer(this.P);
+    for (const e of this.M) t.deleteTexture(e);
+    this.M = [], this.D = [];
   }
   get width() {
     return this.C;
@@ -165,100 +165,100 @@ class $ {
     return { ...this.u };
   }
   get framebuffer() {
-    return this.M;
+    return this.P;
   }
   get texture() {
-    return this.F[0];
+    return this.M[0];
   }
   get textures() {
-    return [...this.F];
+    return [...this.M];
   }
   get attachmentCount() {
-    return this.G;
+    return this.F;
   }
   getAttachmentPixels(t) {
-    return this.P[t] ?? null;
+    return this.D[t] ?? null;
   }
 }
-class G {
-  constructor(t, e, r) {
-    c(this, "S");
-    c(this, "H");
-    c(this, "X", /* @__PURE__ */ new Map());
-    c(this, "Y", /* @__PURE__ */ new Map());
-    c(this, "q", 0);
-    c(this, "Z");
-    this.S = t, this.H = this.N(e, r), this.Z = t.getParameter(t.MAX_TEXTURE_IMAGE_UNITS), this.J();
-  }
-  J() {
+class O {
+  constructor(t, e, i) {
+    h(this, "S");
+    h(this, "H");
+    h(this, "K", /* @__PURE__ */ new Map());
+    h(this, "X", /* @__PURE__ */ new Map());
+    h(this, "Y", 0);
+    h(this, "N");
+    this.S = t, this.H = this.q(e, i), this.N = t.getParameter(t.MAX_TEXTURE_IMAGE_UNITS), this.Z();
+  }
+  Z() {
     const t = this.S.getProgramParameter(this.H, this.S.ACTIVE_UNIFORMS);
     for (let e = 0; e < t; e++) {
-      const r = this.S.getActiveUniform(this.H, e);
-      if (r) {
-        const i = this.S.getUniformLocation(this.H, r.name);
-        i && (this.X.set(r.name, i), this.Y.set(r.name, r.type));
+      const i = this.S.getActiveUniform(this.H, e);
+      if (i) {
+        const s = this.S.getUniformLocation(this.H, i.name);
+        s && (this.K.set(i.name, s), this.X.set(i.name, i.type));
       }
     }
   }
-  N(t, e) {
-    const r = this.K(this.S.VERTEX_SHADER, t), i = this.K(this.S.FRAGMENT_SHADER, e), s = this.S.createProgram();
-    if (this.S.attachShader(s, r), this.S.attachShader(s, i), this.S.linkProgram(s), !this.S.getProgramParameter(s, this.S.LINK_STATUS)) {
-      const n = this.S.getProgramInfoLog(s);
+  q(t, e) {
+    const i = this.J(this.S.VERTEX_SHADER, t), s = this.J(this.S.FRAGMENT_SHADER, e), r = this.S.createProgram();
+    if (this.S.attachShader(r, i), this.S.attachShader(r, s), this.S.linkProgram(r), !this.S.getProgramParameter(r, this.S.LINK_STATUS)) {
+      const n = this.S.getProgramInfoLog(r);
       throw Error("Shader program link error: " + n);
     }
-    return this.S.deleteShader(r), this.S.deleteShader(i), s;
+    return this.S.deleteShader(i), this.S.deleteShader(s), r;
   }
-  K(t, e) {
-    const r = this.S.createShader(t);
-    if (this.S.shaderSource(r, e), this.S.compileShader(r), !this.S.getShaderParameter(r, this.S.COMPILE_STATUS)) {
-      const i = this.S.getShaderInfoLog(r);
-      throw this.S.deleteShader(r), Error("Shader compilation error: " + i);
+  J(t, e) {
+    const i = this.S.createShader(t);
+    if (this.S.shaderSource(i, e), this.S.compileShader(i), !this.S.getShaderParameter(i, this.S.COMPILE_STATUS)) {
+      const s = this.S.getShaderInfoLog(i);
+      throw this.S.deleteShader(i), Error("Shader compilation error: " + s);
     }
-    return r;
+    return i;
   }
   tt() {
     this.S.useProgram(this.H), this.et();
   }
   et() {
-    this.q = 0;
+    this.Y = 0;
   }
   st(t) {
-    for (const [e, r] of Object.entries(t)) this.it(e, r);
+    for (const [e, i] of Object.entries(t)) this.it(e, i);
   }
   rt(t) {
-    return this.X.has(t);
+    return this.K.has(t);
   }
   it(t, e) {
     if (this.S.getParameter(this.S.CURRENT_PROGRAM) !== this.H) return void console.warn(`Attempting to set uniform '${t}' on shader that is not currently bound`);
-    const r = this.X.get(t);
-    if (r) if (typeof e == "number") this.S.uniform1f(r, e);
-    else if (typeof e == "boolean") this.S.uniform1i(r, e ? 1 : 0);
+    const i = this.K.get(t);
+    if (i) if (typeof e == "number") this.S.uniform1f(i, e);
+    else if (typeof e == "boolean") this.S.uniform1i(i, e ? 1 : 0);
     else if (Array.isArray(e)) switch (e.length) {
       case 2:
-        this.S.uniform2f(r, e[0], e[1]);
+        this.S.uniform2f(i, e[0], e[1]);
         break;
       case 3:
-        this.S.uniform3f(r, e[0], e[1], e[2]);
+        this.S.uniform3f(i, e[0], e[1], e[2]);
         break;
       case 4:
-        this.S.uniform4f(r, e[0], e[1], e[2], e[3]);
+        this.S.uniform4f(i, e[0], e[1], e[2], e[3]);
         break;
       default:
         console.warn(`Unsupported array length ${e.length} for uniform '${t}'`);
     }
     else if (e instanceof WebGLTexture) {
-      const i = this.nt();
-      this.S.uniform1i(r, i), this.S.activeTexture(this.S.TEXTURE0 + i), this.S.bindTexture(this.S.TEXTURE_2D, e);
-    } else if (e instanceof $) {
-      const i = this.nt();
-      this.S.uniform1i(r, i), this.S.activeTexture(this.S.TEXTURE0 + i), this.S.bindTexture(this.S.TEXTURE_2D, e.texture);
+      const s = this.nt();
+      this.S.uniform1i(i, s), this.S.activeTexture(this.S.TEXTURE0 + s), this.S.bindTexture(this.S.TEXTURE_2D, e);
+    } else if (e instanceof G) {
+      const s = this.nt();
+      this.S.uniform1i(i, s), this.S.activeTexture(this.S.TEXTURE0 + s), this.S.bindTexture(this.S.TEXTURE_2D, e.texture);
     } else if (typeof e == "object" && "texture" in e) {
-      const i = this.nt();
-      this.S.uniform1i(r, i), this.S.activeTexture(this.S.TEXTURE0 + i), this.S.bindTexture(this.S.TEXTURE_2D, e.texture);
+      const s = this.nt();
+      this.S.uniform1i(i, s), this.S.activeTexture(this.S.TEXTURE0 + s), this.S.bindTexture(this.S.TEXTURE_2D, e.texture);
     } else console.warn(`Unsupported uniform type for '${t}':`, typeof e);
   }
   nt() {
-    return this.q >= this.Z && console.warn(`Exceeded maximum texture units (${this.Z}). Texture may not render correctly.`), this.q++;
+    return this.Y >= this.N && console.warn(`Exceeded maximum texture units (${this.N}). Texture may not render correctly.`), this.Y++;
   }
   get ot() {
     return this.H;
@@ -269,215 +269,215 @@ class G {
 }
 class tt {
   constructor() {
-    c(this, "ht", 1);
-    c(this, "ct", 0);
-    c(this, "lt", 0);
-    c(this, "ut", 0);
-    c(this, "ft", [0, 0, 0]);
-    c(this, "dt", [1, 1, 1, 1]);
-    c(this, "_t", [0, 0, 0, 1]);
-    c(this, "gt", !1);
-    c(this, "vt", !1);
-    c(this, "xt", !1);
-    c(this, "Ct", [0, 0]);
-    c(this, "yt", [0, 0, 0, 1]);
-    c(this, "wt", []);
+    h(this, "ht", 1);
+    h(this, "ct", 0);
+    h(this, "lt", 0);
+    h(this, "ut", 0);
+    h(this, "dt", [0, 0, 0]);
+    h(this, "ft", [1, 1, 1, 1]);
+    h(this, "_t", [0, 0, 0, 1]);
+    h(this, "gt", !1);
+    h(this, "vt", !1);
+    h(this, "yt", !1);
+    h(this, "Ct", [0, 0]);
+    h(this, "xt", [0, 0, 0, 1]);
+    h(this, "wt", []);
   }
   $t() {
-    this.wt.push({ lineWeight: this.ht, rotationX: this.ct, rotationY: this.lt, rotationZ: this.ut, charRotation: [...this.Ct], flipHorizontally: this.gt, flipVertically: this.vt, invert: this.xt, character: [...this.ft], charColor: [...this.dt], cellColor: [...this._t] });
+    this.wt.push({ lineWeight: this.ht, rotationX: this.ct, rotationY: this.lt, rotationZ: this.ut, charRotation: [...this.Ct], flipHorizontally: this.gt, flipVertically: this.vt, invert: this.yt, character: [...this.dt], charColor: [...this.ft], cellColor: [...this._t] });
   }
   bt() {
     const t = this.wt.pop();
-    t ? (this.ht = t.lineWeight, this.ct = t.rotationX, this.lt = t.rotationY, this.ut = t.rotationZ, this.Ct = t.charRotation, this.gt = t.flipHorizontally, this.vt = t.flipVertically, this.xt = t.invert, this.ft = t.character, this.dt = t.charColor, this._t = t.cellColor) : console.warn("pop() called without matching push()");
+    t ? (this.ht = t.lineWeight, this.ct = t.rotationX, this.lt = t.rotationY, this.ut = t.rotationZ, this.Ct = t.charRotation, this.gt = t.flipHorizontally, this.vt = t.flipVertically, this.yt = t.invert, this.dt = t.character, this.ft = t.charColor, this._t = t.cellColor) : console.warn("pop() called without matching push()");
   }
-  zt() {
+  Rt() {
     this.wt = [], this.ct = 0, this.lt = 0, this.ut = 0;
   }
-  Rt(t) {
-    t.lineWeight = this.ht, t.rotationX = this.ct, t.rotationY = this.lt, t.rotationZ = this.ut, t.character[0] = this.ft[0], t.character[1] = this.ft[1], t.character[2] = this.ft[2], t.charColor[0] = this.dt[0], t.charColor[1] = this.dt[1], t.charColor[2] = this.dt[2], t.charColor[3] = this.dt[3], t.bgColor[0] = this._t[0], t.bgColor[1] = this._t[1], t.bgColor[2] = this._t[2], t.bgColor[3] = this._t[3], t.flipHorizontally = this.gt, t.flipVertically = this.vt, t.invert = this.xt, t.charRotation[0] = this.Ct[0], t.charRotation[1] = this.Ct[1];
+  zt(t) {
+    t.lineWeight = this.ht, t.rotationX = this.ct, t.rotationY = this.lt, t.rotationZ = this.ut, t.character[0] = this.dt[0], t.character[1] = this.dt[1], t.character[2] = this.dt[2], t.charColor[0] = this.ft[0], t.charColor[1] = this.ft[1], t.charColor[2] = this.ft[2], t.charColor[3] = this.ft[3], t.bgColor[0] = this._t[0], t.bgColor[1] = this._t[1], t.bgColor[2] = this._t[2], t.bgColor[3] = this._t[3], t.flipHorizontally = this.gt, t.flipVertically = this.vt, t.invert = this.yt, t.charRotation[0] = this.Ct[0], t.charRotation[1] = this.Ct[1];
   }
   get lineWeight() {
     return this.ht;
   }
   get canvasBackgroundColor() {
-    return this.yt;
+    return this.xt;
   }
-  Tt(t) {
+  St(t) {
     this.ht = Math.abs(t);
   }
-  St(t) {
+  Tt(t) {
     this.ct = t;
   }
-  Mt(t) {
+  Pt(t) {
     this.lt = t;
   }
-  Ft(t) {
+  Mt(t) {
     this.ut = t;
   }
-  Gt(t) {
-    this.ft = t;
+  Ft(t) {
+    this.dt = t;
   }
-  Dt(t, e, r, i = 255) {
-    this.dt = [t / 255, e / 255, r / 255, i / 255];
+  At(t, e, i, s = 255) {
+    this.ft = [t / 255, e / 255, i / 255, s / 255];
   }
-  Pt(t, e, r, i = 255) {
-    this._t = [t / 255, e / 255, r / 255, i / 255];
+  Dt(t, e, i, s = 255) {
+    this._t = [t / 255, e / 255, i / 255, s / 255];
   }
-  At(t) {
+  Gt(t) {
     this.gt = t;
   }
-  Bt(t) {
+  kt(t) {
     this.vt = t;
   }
-  It(t) {
-    this.xt = t;
+  Et(t) {
+    this.yt = t;
   }
   Lt(t) {
-    const e = 255 * t / 360, r = Math.floor(e) / 255, i = Math.round(e - Math.floor(e));
-    this.Ct = [r, i];
+    const e = 255 * t / 360, i = Math.floor(e) / 255, s = Math.round(e - Math.floor(e));
+    this.Ct = [i, s];
   }
-  Et(t, e, r, i) {
-    this.yt = [t / 255, e / 255, r / 255, i / 255];
+  Bt(t, e, i, s) {
+    this.xt = [t / 255, e / 255, i / 255, s / 255];
   }
 }
-var O = `#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 u_aspectRatio;uniform vec2 u_viewportSize;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 rotateX(float a){float s=sin(a),c=cos(a);return mat3(1,0,0,0,c,-s,0,s,c);}mat3 rotateY(float a){float s=sin(a),c=cos(a);return mat3(c,0,s,0,1,0,-s,0,c);}mat3 rotateZ(float a){float s=sin(a),c=cos(a);return mat3(c,-s,0,s,c,0,0,0,1);}vec2 evaluateBezier(float t,vec2 p0,vec2 p1,vec2 p2,vec2 p3){float u=1.-t,u2=u*u,t2=t*t;return u2*u*p0+3.*u2*t*p1+3.*u*t2*p2+t2*t*p3;}vec2 evaluateBezierDerivative(float t,vec2 p0,vec2 p1,vec2 p2,vec2 p3){float u=1.-t,u2=u*u,t2=t*t;return-3.*u2*p0+3.*u2*p1-6.*u*t*p1+6.*u*t*p2-3.*t2*p2+3.*t2*p3;}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 worldPosition;bool isBezier=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool isArc=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(isBezier){float t=a_position.x;vec2 curvePoint=evaluateBezier(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 tangent=evaluateBezierDerivative(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float tLen=length(tangent);tangent=tLen>0.?tangent/tLen:vec2(1,0);worldPosition=curvePoint+vec2(-tangent.y,tangent.x)*a_position.y*a_instanceSize.y;}else if(isArc){float s=a_instanceArcAngles.x,e=a_instanceArcAngles.y;s=mod(s,6.28318530718);if(s<0.)s+=6.28318530718;e=mod(e,6.28318530718);if(e<0.)e+=6.28318530718;float d=s-e;if(d<=0.)d+=6.28318530718;float angle=s-a_position.x*d;vec2 local=vec2(cos(angle),sin(angle))*a_position.y;worldPosition=local*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{worldPosition=a_position*a_instanceSize+a_instancePosition;}vec2 ndc=(worldPosition/u_viewportSize)*2.-1.;ndc.y=-ndc.y;if(length(a_instanceGlobalRotation)>0.){vec3 pos3D=vec3(ndc-a_instanceRotationCenter,0);pos3D.x*=u_aspectRatio;if(a_instanceGlobalRotation.x!=0.)pos3D=rotateX(-a_instanceGlobalRotation.x)*pos3D;if(a_instanceGlobalRotation.y!=0.)pos3D=rotateY(-a_instanceGlobalRotation.y)*pos3D;if(a_instanceGlobalRotation.z!=0.)pos3D=rotateZ(-a_instanceGlobalRotation.z)*pos3D;pos3D.x/=u_aspectRatio;ndc=pos3D.xy+a_instanceRotationCenter;}gl_Position=vec4(ndc,0,1);}`, 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 W = `#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 u_aspectRatio;uniform vec2 u_viewportSize;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 rotateX(float a){float s=sin(a),c=cos(a);return mat3(1,0,0,0,c,-s,0,s,c);}mat3 rotateY(float a){float s=sin(a),c=cos(a);return mat3(c,0,s,0,1,0,-s,0,c);}mat3 rotateZ(float a){float s=sin(a),c=cos(a);return mat3(c,-s,0,s,c,0,0,0,1);}vec2 evaluateBezier(float t,vec2 p0,vec2 p1,vec2 p2,vec2 p3){float u=1.-t,u2=u*u,t2=t*t;return u2*u*p0+3.*u2*t*p1+3.*u*t2*p2+t2*t*p3;}vec2 evaluateBezierDerivative(float t,vec2 p0,vec2 p1,vec2 p2,vec2 p3){float u=1.-t,u2=u*u,t2=t*t;return-3.*u2*p0+3.*u2*p1-6.*u*t*p1+6.*u*t*p2-3.*t2*p2+3.*t2*p3;}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 worldPosition;bool isBezier=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool isArc=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(isBezier){float t=a_position.x;vec2 curvePoint=evaluateBezier(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 tangent=evaluateBezierDerivative(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float tLen=length(tangent);tangent=tLen>0.?tangent/tLen:vec2(1,0);worldPosition=curvePoint+vec2(-tangent.y,tangent.x)*a_position.y*a_instanceSize.y;}else if(isArc){float s=a_instanceArcAngles.x,e=a_instanceArcAngles.y;s=mod(s,6.28318530718);if(s<0.)s+=6.28318530718;e=mod(e,6.28318530718);if(e<0.)e+=6.28318530718;float d=s-e;if(d<=0.)d+=6.28318530718;float angle=s-a_position.x*d;vec2 local=vec2(cos(angle),sin(angle))*a_position.y;worldPosition=local*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{worldPosition=a_position*a_instanceSize+a_instancePosition;}vec2 ndc=(worldPosition/u_viewportSize)*2.-1.;ndc.y=-ndc.y;if(length(a_instanceGlobalRotation)>0.){vec3 pos3D=vec3(ndc-a_instanceRotationCenter,0);pos3D.x*=u_aspectRatio;if(a_instanceGlobalRotation.x!=0.)pos3D=rotateX(-a_instanceGlobalRotation.x)*pos3D;if(a_instanceGlobalRotation.y!=0.)pos3D=rotateY(-a_instanceGlobalRotation.y)*pos3D;if(a_instanceGlobalRotation.z!=0.)pos3D=rotateZ(-a_instanceGlobalRotation.z)*pos3D;pos3D.x/=u_aspectRatio;ndc=pos3D.xy+a_instanceRotationCenter;}gl_Position=vec4(ndc,0,1);}`, y = ((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))(y || {});
 class et {
   constructor(t) {
-    c(this, "S");
-    c(this, "Wt", /* @__PURE__ */ new Map());
+    h(this, "S");
+    h(this, "It", /* @__PURE__ */ new Map());
     this.S = t;
   }
-  kt(t, e, r, i) {
-    const s = this.S;
-    let n = this.Wt.get(t);
-    n || (n = /* @__PURE__ */ new Map(), this.Wt.set(t, n));
+  Wt(t, e, i, s) {
+    const r = this.S;
+    let n = this.It.get(t);
+    n || (n = /* @__PURE__ */ new Map(), this.It.set(t, n));
     let o = n.get(e) || null;
     if (!o) {
-      o = s.createVertexArray(), n.set(e, o), s.bindVertexArray(o), s.bindBuffer(s.ARRAY_BUFFER, i);
-      const h = s.getAttribLocation(t, "a_position");
-      h !== -1 && (s.enableVertexAttribArray(h), s.vertexAttribPointer(h, r.attributes.position.size, s.FLOAT, !1, r.stride, r.attributes.position.offset), s.vertexAttribDivisor(h, 0));
-      const l = s.getAttribLocation(t, "a_texCoord");
-      l !== -1 && (s.enableVertexAttribArray(l), s.vertexAttribPointer(l, r.attributes.texCoord.size, s.FLOAT, !1, r.stride, r.attributes.texCoord.offset), s.vertexAttribDivisor(l, 0));
+      o = r.createVertexArray(), n.set(e, o), r.bindVertexArray(o), r.bindBuffer(r.ARRAY_BUFFER, s);
+      const c = r.getAttribLocation(t, "a_position");
+      c !== -1 && (r.enableVertexAttribArray(c), r.vertexAttribPointer(c, i.attributes.position.size, r.FLOAT, !1, i.stride, i.attributes.position.offset), r.vertexAttribDivisor(c, 0));
+      const l = r.getAttribLocation(t, "a_texCoord");
+      l !== -1 && (r.enableVertexAttribArray(l), r.vertexAttribPointer(l, i.attributes.texCoord.size, r.FLOAT, !1, i.stride, i.attributes.texCoord.offset), r.vertexAttribDivisor(l, 0));
     }
-    s.bindVertexArray(o);
+    r.bindVertexArray(o);
   }
   Ut() {
     this.S.bindVertexArray(null);
   }
   j() {
     const t = this.S;
-    for (const [, e] of this.Wt) for (const [, r] of e) r && t.deleteVertexArray(r);
-    this.Wt.clear();
+    for (const [, e] of this.It) for (const [, i] of e) i && t.deleteVertexArray(i);
+    this.It.clear();
   }
 }
-class rt {
+class it {
   constructor(t) {
-    c(this, "Vt");
-    c(this, "S");
-    c(this, "Ot", null);
-    c(this, "jt", null);
-    c(this, "Ht", null);
-    this.S = t, this.Vt = new et(t);
-  }
-  Xt(t, e, r) {
-    const { shader: i } = t, s = U(this.S) || this.S.getParameter(this.S.VIEWPORT), n = { u_aspectRatio: s[2] / s[3], u_viewportSize: [s[2], s[3]] }, o = {};
-    for (const [u, f] of Object.entries(n)) i.rt(u) && (o[u] = f);
-    Object.keys(o).length > 0 && i.st(o);
-    const h = (u) => {
-      if (!u || !u.Yt()) return;
+    h(this, "Ot");
+    h(this, "S");
+    h(this, "Vt", null);
+    h(this, "jt", null);
+    h(this, "Ht", null);
+    this.S = t, this.Ot = new et(t);
+  }
+  Kt(t, e, i) {
+    const { shader: s } = t, r = L(this.S) || this.S.getParameter(this.S.VIEWPORT), n = { u_aspectRatio: r[2] / r[3], u_viewportSize: [r[2], r[3]] }, o = {};
+    for (const [u, f] of Object.entries(n)) s.rt(u) && (o[u] = f);
+    Object.keys(o).length > 0 && s.st(o);
+    const c = (u) => {
+      if (!u || !u.Xt()) return;
       const f = u.unitGeometry, g = u.unitBuffer;
       try {
-        this.Vt.kt(i.ot, u.type + "", f, g), u.batch.qt(i), u.batch.Zt(f.primitiveType, f.vertexCount);
+        this.Ot.Wt(s.ot, u.type + "", f, g), u.batch.Yt(s), u.batch.Nt(f.primitiveType, f.vertexCount);
       } finally {
-        u.batch.Nt(i), this.Vt.Ut(), u.Qt();
+        u.batch.qt(s), this.Ot.Ut(), u.Zt();
       }
     };
     let l = null, d = null;
     for (const u of e) {
-      if (u.type === x.CUSTOM) {
-        d && (h(d), l = null, d = null), this.Jt(t, u.params, u.state, r.get(x.RECTANGLE) || null);
+      if (u.type === y.CUSTOM) {
+        d && (c(d), l = null, d = null), this.Qt(t, u.params, u.state, i.get(y.RECTANGLE) || null);
         continue;
       }
-      l !== null && u.type !== l && (h(d), l = null, d = null);
+      l !== null && u.type !== l && (c(d), l = null, d = null);
       let f = d;
-      f && u.type === l || (f = r.get(u.type) || null, d = f, l = u.type), f && f.Kt(u.params, u.state);
+      f && u.type === l || (f = i.get(u.type) || null, d = f, l = u.type), f && f.Jt(u.params, u.state);
     }
-    h(d);
-  }
-  Jt(t, e, r, i) {
-    if (!i) return;
-    const { x: s, y: n, width: o, height: h, shader: l, uniforms: d } = e, u = this.S;
-    l.tt(), i.Qt();
-    const f = this.te(Math.max(1, Math.floor(o)), Math.max(1, Math.floor(h)));
-    f.V(), l.tt(), d && Object.keys(d).length && l.st(d);
+    c(d);
+  }
+  Qt(t, e, i, s) {
+    if (!s) return;
+    const { x: r, y: n, width: o, height: c, shader: l, uniforms: d } = e, u = this.S;
+    l.tt(), s.Zt();
+    const f = this.te(Math.max(1, Math.floor(o)), Math.max(1, Math.floor(c)));
+    f.O(), l.tt(), d && Object.keys(d).length && l.st(d);
     {
-      const y = U(u) || u.getParameter(u.VIEWPORT);
-      l.rt("u_aspectRatio") && l.it("u_aspectRatio", y[2] / y[3]), l.rt("u_viewportSize") && l.it("u_viewportSize", [y[2], y[3]]);
+      const x = L(u) || u.getParameter(u.VIEWPORT);
+      l.rt("u_aspectRatio") && l.it("u_aspectRatio", x[2] / x[3]), l.rt("u_viewportSize") && l.it("u_viewportSize", [x[2], x[3]]);
     }
-    const g = { ...r, rotationX: 0, rotationY: 0, rotationZ: 0 };
-    if (i.Kt({ x: 0, y: 0, width: f.width, height: f.height }, g), i.Yt()) {
-      const y = i.unitGeometry, P = i.unitBuffer;
+    const g = { ...i, rotationX: 0, rotationY: 0, rotationZ: 0 };
+    if (s.Jt({ x: 0, y: 0, width: f.width, height: f.height }, g), s.Xt()) {
+      const x = s.unitGeometry, U = s.unitBuffer;
       try {
-        this.Vt.kt(l.ot, i.type + "", y, P), i.batch.qt(l), i.batch.Zt(y.primitiveType, y.vertexCount);
+        this.Ot.Wt(l.ot, s.type + "", x, U), s.batch.Yt(l), s.batch.Nt(x.primitiveType, x.vertexCount);
       } finally {
-        i.batch.Nt(l), this.Vt.Ut(), i.Qt();
+        s.batch.qt(l), this.Ot.Ut(), s.Zt();
       }
     }
-    f.O();
+    f.V();
     const p = this.ee();
     p.tt(), p.st({ u_src0: f.textures[0], u_src1: f.textures[1], u_src2: f.textures[2], u_src3: f.textures[3], u_src4: f.textures[4], u_srcSize: [f.width, f.height] });
-    const m = U(u) || u.getParameter(u.VIEWPORT);
+    const m = L(u) || u.getParameter(u.VIEWPORT);
     p.rt("u_aspectRatio") && p.it("u_aspectRatio", m[2] / m[3]), p.rt("u_viewportSize") && p.it("u_viewportSize", [m[2], m[3]]);
-    const R = Math.floor(s), v = Math.floor(n), E = Math.max(1, Math.floor(o)), b = Math.max(1, Math.floor(h));
-    if (i.Kt({ x: R, y: v, width: E, height: b }, r), i.Yt()) {
-      const y = i.unitGeometry, P = i.unitBuffer;
+    const E = Math.floor(r), C = Math.floor(n), S = Math.max(1, Math.floor(o)), w = Math.max(1, Math.floor(c));
+    if (s.Jt({ x: E, y: C, width: S, height: w }, i), s.Xt()) {
+      const x = s.unitGeometry, U = s.unitBuffer;
       try {
-        this.Vt.kt(p.ot, i.type + "", y, P), i.batch.qt(p), i.batch.Zt(y.primitiveType, y.vertexCount);
+        this.Ot.Wt(p.ot, s.type + "", x, U), s.batch.Yt(p), s.batch.Nt(x.primitiveType, x.vertexCount);
       } finally {
-        i.batch.Nt(p), this.Vt.Ut(), i.Qt();
+        s.batch.qt(p), this.Ot.Ut(), s.Zt();
       }
     }
     t.shader.tt();
   }
   ee() {
-    return this.Ot || (this.Ot = new G(this.S, O, `#version 300 es
-precision highp float;in vec2 v_uv;uniform sampler2D u_src0;uniform sampler2D u_src1;uniform sampler2D u_src2;uniform sampler2D u_src3;uniform sampler2D u_src4;uniform vec2 u_srcSize;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 uvTex=v_uv*u_srcSize;vec2 uvQ=(floor(uvTex)+0.5f)/u_srcSize;o_character=texture(u_src0,uvQ);o_primaryColor=texture(u_src1,uvQ);o_secondaryColor=texture(u_src2,uvQ);o_rotation=texture(u_src3,uvQ);o_transform=texture(u_src4,uvQ);}`)), this.Ot;
+    return this.Vt || (this.Vt = new O(this.S, W, `#version 300 es
+precision highp float;in vec2 v_uv;uniform sampler2D u_src0;uniform sampler2D u_src1;uniform sampler2D u_src2;uniform sampler2D u_src3;uniform sampler2D u_src4;uniform vec2 u_srcSize;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 uvTex=v_uv*u_srcSize;vec2 uvQ=(floor(uvTex)+0.5f)/u_srcSize;o_character=texture(u_src0,uvQ);o_primaryColor=texture(u_src1,uvQ);o_secondaryColor=texture(u_src2,uvQ);o_rotation=texture(u_src3,uvQ);o_transform=texture(u_src4,uvQ);}`)), this.Vt;
   }
   te(t, e) {
-    return this.jt && this.Ht && this.Ht.w === t && this.Ht.h === e || (this.jt && this.jt.j(), this.jt = new $(this.S, t, e, 5), this.Ht = { w: t, h: e }), this.jt;
+    return this.jt && this.Ht && this.Ht.w === t && this.Ht.h === e || (this.jt && this.jt.j(), this.jt = new G(this.S, t, e, 5), this.Ht = { w: t, h: e }), this.jt;
   }
 }
-class it {
+class st {
   constructor() {
-    c(this, "se", []);
-    c(this, "ie", 1);
-    c(this, "re", 0);
+    h(this, "se", []);
+    h(this, "ie", 1);
+    h(this, "re", 0);
   }
   ne(t) {
     if (this.re >= this.se.length) {
-      const r = { id: this.ie++, type: t, params: {}, state: { lineWeight: 1, rotationX: 0, rotationY: 0, rotationZ: 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.se.push(r);
+      const i = { id: this.ie++, type: t, params: {}, state: { lineWeight: 1, rotationX: 0, rotationY: 0, rotationZ: 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.se.push(i);
     }
     const e = this.se[this.re];
     switch (e.id = this.ie++, e.type = t, t) {
-      case x.RECTANGLE:
-      case x.ELLIPSE:
+      case y.RECTANGLE:
+      case y.ELLIPSE:
         e.params && "width" in e.params || (e.params = { x: 0, y: 0, width: 0, height: 0 });
         break;
-      case x.CUSTOM:
+      case y.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 y.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 y.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 y.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 y.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:
@@ -485,33 +485,33 @@ class it {
     }
     return this.re++, e;
   }
-  oe(t, e, r, i, s) {
-    const n = this.ne(x.RECTANGLE);
-    return n.params.x = t, n.params.y = e, n.params.width = r, n.params.height = i, s.Rt(n.state), n.id;
+  oe(t, e, i, s, r) {
+    const n = this.ne(y.RECTANGLE);
+    return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = s, r.zt(n.state), n.id;
   }
-  ae(t, e, r, i, s, n, o) {
-    const h = this.ne(x.CUSTOM);
-    return h.params.x = t, h.params.y = e, h.params.width = r, h.params.height = i, h.params.shader = s, h.params.uniforms = n, o.Rt(h.state), h.id;
+  ae(t, e, i, s, r, n, o) {
+    const c = this.ne(y.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.zt(c.state), c.id;
   }
-  he(t, e, r, i, s, n) {
-    const o = this.ne(x.LINE);
-    return o.params.x1 = t, o.params.y1 = e, o.params.x2 = r, o.params.y2 = i, o.params.thickness = s, n.Rt(o.state), o.id;
+  he(t, e, i, s, r, n) {
+    const o = this.ne(y.LINE);
+    return o.params.x1 = t, o.params.y1 = e, o.params.x2 = i, o.params.y2 = s, o.params.thickness = r, n.zt(o.state), o.id;
   }
-  ce(t, e, r, i, s) {
-    const n = this.ne(x.ELLIPSE);
-    return n.params.x = t, n.params.y = e, n.params.width = r, n.params.height = i, s.Rt(n.state), n.id;
+  ce(t, e, i, s, r) {
+    const n = this.ne(y.ELLIPSE);
+    return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = s, r.zt(n.state), n.id;
   }
-  le(t, e, r, i, s, n, o) {
-    const h = this.ne(x.ARC);
-    return h.params.x = t, h.params.y = e, h.params.width = r, h.params.height = i, h.params.start = s, h.params.stop = n, o.Rt(h.state), h.id;
+  le(t, e, i, s, r, n, o) {
+    const c = this.ne(y.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.zt(c.state), c.id;
   }
-  ue(t, e, r, i, s, n, o) {
-    const h = this.ne(x.TRIANGLE);
-    return h.params.x1 = t, h.params.y1 = e, h.params.x2 = r, h.params.y2 = i, h.params.x3 = s, h.params.y3 = n, o.Rt(h.state), h.id;
+  ue(t, e, i, s, r, n, o) {
+    const c = this.ne(y.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.zt(c.state), c.id;
   }
-  fe(t, e, r, i, s, n, o, h, l, d) {
-    const u = this.ne(x.BEZIER_CURVE);
-    return u.params.x1 = t, u.params.y1 = e, u.params.cp1x = r, u.params.cp1y = i, u.params.cp2x = s, u.params.cp2y = n, u.params.x2 = o, u.params.y2 = h, u.params.thickness = l, d.Rt(u.state), u.id;
+  de(t, e, i, s, r, n, o, c, l, d) {
+    const u = this.ne(y.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, d.zt(u.state), u.id;
   }
   get length() {
     return this.re;
@@ -519,51 +519,51 @@ class it {
   get isEmpty() {
     return this.re === 0;
   }
-  de() {
+  fe() {
     this.re = 0;
   }
   [Symbol.iterator]() {
     let t = 0;
-    const e = this.re, r = this.se;
-    return { next: () => t < e ? { value: r[t++], done: !1 } : { value: void 0, done: !0 } };
+    const e = this.re, i = this.se;
+    return { next: () => t < e ? { value: i[t++], done: !1 } : { value: void 0, done: !0 } };
   }
 }
-const T = class T {
-  static pe(t, e, r = 0) {
-    var n, o, h, l, d, u, f, g, p, m;
-    const i = e || new Float32Array(T.FLOATS_PER_INSTANCE);
-    let s = r;
-    return i[s++] = t.position[0], i[s++] = t.position[1], i[s++] = t.size[0], i[s++] = t.size[1], i[s++] = t.character[0], i[s++] = t.character[1], i[s++] = t.character[2], i[s++] = t.primaryColor[0], i[s++] = t.primaryColor[1], i[s++] = t.primaryColor[2], i[s++] = t.primaryColor[3], i[s++] = t.secondaryColor[0], i[s++] = t.secondaryColor[1], i[s++] = t.secondaryColor[2], i[s++] = t.secondaryColor[3], i[s++] = t.rotation[0], i[s++] = t.rotation[1], i[s++] = t.transform[0], i[s++] = t.transform[1], i[s++] = t.transform[2], i[s++] = t.globalRotationX, i[s++] = t.globalRotationY, i[s++] = t.globalRotationZ, i[s++] = t.rotationCenter[0], i[s++] = t.rotationCenter[1], i[s++] = ((n = t.arcAngles) == null ? void 0 : n[0]) || 0, i[s++] = ((o = t.arcAngles) == null ? void 0 : o[1]) || 0, i[s++] = ((h = t.bezierControlPoint1) == null ? void 0 : h[0]) || 0, i[s++] = ((l = t.bezierControlPoint1) == null ? void 0 : l[1]) || 0, i[s++] = ((d = t.bezierControlPoint2) == null ? void 0 : d[0]) || 0, i[s++] = ((u = t.bezierControlPoint2) == null ? void 0 : u[1]) || 0, i[s++] = ((f = t.bezierStartPoint) == null ? void 0 : f[0]) || 0, i[s++] = ((g = t.bezierStartPoint) == null ? void 0 : g[1]) || 0, i[s++] = ((p = t.bezierEndPoint) == null ? void 0 : p[0]) || 0, i[s++] = ((m = t.bezierEndPoint) == null ? void 0 : m[1]) || 0, i;
+const _ = class _ {
+  static pe(t, e, i = 0) {
+    var n, o, c, l, d, u, f, g, p, m;
+    const s = e || new Float32Array(_.FLOATS_PER_INSTANCE);
+    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.character[0], s[r++] = t.character[1], s[r++] = t.character[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++] = ((d = t.bezierControlPoint2) == null ? void 0 : d[0]) || 0, s[r++] = ((u = t.bezierControlPoint2) == null ? void 0 : u[1]) || 0, s[r++] = ((f = t.bezierStartPoint) == null ? void 0 : f[0]) || 0, s[r++] = ((g = t.bezierStartPoint) == null ? void 0 : g[1]) || 0, s[r++] = ((p = t.bezierEndPoint) == null ? void 0 : p[0]) || 0, s[r++] = ((m = t.bezierEndPoint) == null ? void 0 : m[1]) || 0, s;
   }
   static _e(t) {
-    const e = t.length * T.FLOATS_PER_INSTANCE, r = new Float32Array(e);
-    for (let i = 0; i < t.length; i++) {
-      const s = i * T.FLOATS_PER_INSTANCE;
-      T.pe(t[i], r, s);
+    const e = t.length * _.FLOATS_PER_INSTANCE, i = new Float32Array(e);
+    for (let s = 0; s < t.length; s++) {
+      const r = s * _.FLOATS_PER_INSTANCE;
+      _.pe(t[s], i, r);
     }
-    return r;
+    return i;
   }
 };
-c(T, "BYTES_PER_INSTANCE", 140), c(T, "FLOATS_PER_INSTANCE", 35);
-let F = T;
-const C = class C {
+h(_, "BYTES_PER_INSTANCE", 140), h(_, "FLOATS_PER_INSTANCE", 35);
+let F = _;
+const v = class v {
 };
-c(C, "STRIDE", F.BYTES_PER_INSTANCE), c(C, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 92, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 124, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 132, divisor: 1 } });
-let M = C;
-class st {
-  constructor(t, e = 1e3, r = 1.5) {
-    c(this, "S");
-    c(this, "ge", []);
-    c(this, "me");
-    c(this, "ve");
-    c(this, "xe", null);
-    c(this, "Ce", !0);
-    c(this, "ye", 0);
-    c(this, "we", /* @__PURE__ */ new Map());
-    c(this, "$e", null);
-    this.S = t, this.me = e, this.ve = r, this.be();
-  }
-  Kt(t) {
+h(v, "STRIDE", F.BYTES_PER_INSTANCE), h(v, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 92, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 124, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: v.STRIDE, offset: 132, divisor: 1 } });
+let B = v;
+class rt {
+  constructor(t, e = 1e3, i = 1.5) {
+    h(this, "S");
+    h(this, "ge", []);
+    h(this, "me");
+    h(this, "ve");
+    h(this, "ye", null);
+    h(this, "Ce", !0);
+    h(this, "xe", 0);
+    h(this, "we", /* @__PURE__ */ new Map());
+    h(this, "$e", null);
+    this.S = t, this.me = e, this.ve = i, this.be();
+  }
+  Jt(t) {
     const e = this.ge.length;
     return this.ge.push(t), this.Ce = !0, e;
   }
@@ -576,400 +576,400 @@ class st {
   clear() {
     this.ge.length = 0, this.Ce = !0;
   }
-  ze(t) {
+  Re(t) {
     if (t <= this.me) return;
     const e = Math.ceil(t * this.ve);
     this.me = e, this.be();
   }
   be() {
     const t = this.S;
-    this.xe && t.deleteBuffer(this.xe), this.xe = t.createBuffer();
+    this.ye && t.deleteBuffer(this.ye), this.ye = t.createBuffer();
     const e = this.me * F.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.Ce = !0, this.ye = 0;
+    t.bindBuffer(t.ARRAY_BUFFER, this.ye), t.bufferData(t.ARRAY_BUFFER, e, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.Ce = !0, this.xe = 0;
   }
-  Re() {
+  ze() {
     if (!this.Ce || this.ge.length === 0) return;
     const t = this.S, e = this.ge.length;
-    this.ze(e), (!this.$e || this.$e.length < e * F.FLOATS_PER_INSTANCE) && (this.$e = new Float32Array(e * F.FLOATS_PER_INSTANCE));
-    const r = F._e(this.ge);
-    t.bindBuffer(t.ARRAY_BUFFER, this.xe), e <= this.ye ? t.bufferSubData(t.ARRAY_BUFFER, 0, r) : t.bufferData(t.ARRAY_BUFFER, r, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.Ce = !1, this.ye = e;
+    this.Re(e), (!this.$e || this.$e.length < e * F.FLOATS_PER_INSTANCE) && (this.$e = new Float32Array(e * F.FLOATS_PER_INSTANCE));
+    const i = F._e(this.ge);
+    t.bindBuffer(t.ARRAY_BUFFER, this.ye), e <= this.xe ? t.bufferSubData(t.ARRAY_BUFFER, 0, i) : t.bufferData(t.ARRAY_BUFFER, i, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.Ce = !1, this.xe = e;
   }
-  Te(t) {
+  Se(t) {
     let e = this.we.get(t);
     if (!e) {
       e = /* @__PURE__ */ new Map();
-      const r = this.S;
-      for (const i in M.ATTRIBUTES) {
-        const s = r.getAttribLocation(t, i);
-        s !== -1 && e.set(i, s);
+      const i = this.S;
+      for (const s in B.ATTRIBUTES) {
+        const r = i.getAttribLocation(t, s);
+        r !== -1 && e.set(s, r);
       }
       this.we.set(t, e);
     }
     return e;
   }
-  qt(t) {
-    if (!this.xe || this.ge.length === 0) return;
-    const e = this.S, r = t.ot;
-    this.Re();
-    const i = this.Te(r);
-    e.bindBuffer(e.ARRAY_BUFFER, this.xe);
-    for (const [s, n] of i) {
-      const o = M.ATTRIBUTES[s];
+  Yt(t) {
+    if (!this.ye || this.ge.length === 0) return;
+    const e = this.S, i = t.ot;
+    this.ze();
+    const s = this.Se(i);
+    e.bindBuffer(e.ARRAY_BUFFER, this.ye);
+    for (const [r, n] of s) {
+      const o = B.ATTRIBUTES[r];
       o && (e.enableVertexAttribArray(n), e.vertexAttribPointer(n, o.size, o.type, o.normalized, o.stride, o.offset), e.vertexAttribDivisor(n, o.divisor));
     }
   }
-  Nt(t) {
-    const e = this.S, r = this.Te(t.ot);
-    for (const [, i] of r) e.disableVertexAttribArray(i), e.vertexAttribDivisor(i, 0);
+  qt(t) {
+    const e = this.S, i = this.Se(t.ot);
+    for (const [, s] of i) e.disableVertexAttribArray(s), e.vertexAttribDivisor(s, 0);
   }
-  Zt(t, e) {
+  Nt(t, e) {
     this.ge.length !== 0 && this.S.drawArraysInstanced(t, 0, e, this.ge.length);
   }
   j() {
     const t = this.S;
-    this.xe && (t.deleteBuffer(this.xe), this.xe = null), this.ge.length = 0, this.we.clear(), this.$e = null;
+    this.ye && (t.deleteBuffer(this.ye), this.ye = null), this.ge.length = 0, this.we.clear(), this.$e = null;
   }
 }
-class L {
-  constructor(t, e, r, i) {
-    c(this, "S");
-    c(this, "Se");
-    c(this, "Me");
-    c(this, "Fe");
-    c(this, "Ge", null);
-    this.S = t, this.Se = e, this.Me = r, this.Fe = i;
-    const s = this.S.createBuffer();
-    if (!s) throw Error("Failed to create unit geometry buffer");
-    this.S.bindBuffer(this.S.ARRAY_BUFFER, s), this.S.bufferData(this.S.ARRAY_BUFFER, this.Fe.vertices, this.S.STATIC_DRAW), this.S.bindBuffer(this.S.ARRAY_BUFFER, null), this.Ge = s;
+class P {
+  constructor(t, e, i, s) {
+    h(this, "S");
+    h(this, "Te");
+    h(this, "Pe");
+    h(this, "Me");
+    h(this, "Fe", null);
+    this.S = t, this.Te = e, this.Pe = i, this.Me = s;
+    const r = this.S.createBuffer();
+    if (!r) throw Error("Failed to create unit geometry buffer");
+    this.S.bindBuffer(this.S.ARRAY_BUFFER, r), this.S.bufferData(this.S.ARRAY_BUFFER, this.Me.vertices, this.S.STATIC_DRAW), this.S.bindBuffer(this.S.ARRAY_BUFFER, null), this.Fe = r;
   }
   get type() {
-    return this.Me;
+    return this.Pe;
   }
   get unitGeometry() {
-    return this.Fe;
+    return this.Me;
   }
   get unitBuffer() {
-    return this.Ge;
+    return this.Fe;
   }
   get batch() {
-    return this.Se;
+    return this.Te;
   }
-  Qt() {
-    this.Se.clear();
+  Zt() {
+    this.Te.clear();
   }
-  Yt() {
-    return !this.Se.isEmpty;
+  Xt() {
+    return !this.Te.isEmpty;
   }
   j() {
-    this.Se.j(), this.Ge && (this.S.deleteBuffer(this.Ge), this.Ge = null);
+    this.Te.j(), this.Fe && (this.S.deleteBuffer(this.Fe), this.Fe = null);
   }
-  De(t, e, r, i, s) {
-    const n = this.Pe(t, e, r, i, s.rotationX || 0, s.rotationY || 0, s.rotationZ || 0);
-    return { position: [t, e], size: [r, i], character: s.character || [0, 0, 0], primaryColor: s.charColor || [1, 1, 1, 1], secondaryColor: s.bgColor || [0, 0, 0, 1], rotation: s.charRotation || [0, 0], transform: [s.invert ? 1 : 0, s.flipHorizontally ? 1 : 0, s.flipVertically ? 1 : 0], globalRotationX: n.radiansX, globalRotationY: n.radiansY, globalRotationZ: n.radiansZ, rotationCenter: [n.centerX, n.centerY] };
+  Ae(t, e, i, s, r) {
+    const n = this.De(t, e, i, s, r.rotationX || 0, r.rotationY || 0, r.rotationZ || 0);
+    return { position: [t, e], size: [i, s], character: 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] };
   }
-  Ae(t, e) {
-    const r = U(this.S) || [0, 0, this.S.canvas.width, this.S.canvas.height];
-    return { nx: t / r[2] * 2 - 1, ny: 1 - e / r[3] * 2 };
+  Ge(t, e) {
+    const i = L(this.S) || [0, 0, this.S.canvas.width, this.S.canvas.height];
+    return { nx: t / i[2] * 2 - 1, ny: 1 - e / i[3] * 2 };
   }
-  Be(t, e, r) {
-    const i = this.Ae(e, r);
-    t.rotationCenter = [i.nx, i.ny];
+  ke(t, e, i) {
+    const s = this.Ge(e, i);
+    t.rotationCenter = [s.nx, s.ny];
   }
-  Pe(t, e, r, i, s, n, o) {
-    const h = U(this.S) || [0, 0, this.S.canvas.width, this.S.canvas.height], l = h[2], d = h[3];
-    return { centerX: (t + r / 2) / l * 2 - 1, centerY: 1 - (e + i / 2) / d * 2, radiansX: -s * Math.PI / 180, radiansY: -n * Math.PI / 180, radiansZ: -o * Math.PI / 180, aspectRatio: l / d };
+  De(t, e, i, s, r, n, o) {
+    const c = L(this.S) || [0, 0, this.S.canvas.width, this.S.canvas.height], l = c[2], d = c[3];
+    return { centerX: (t + i / 2) / l * 2 - 1, centerY: 1 - (e + s / 2) / d * 2, radiansX: -r * Math.PI / 180, radiansY: -n * Math.PI / 180, radiansZ: -o * Math.PI / 180, aspectRatio: l / d };
   }
 }
 const nt = { vertices: 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]), vertexCount: 6, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
-class ot extends L {
+class ot extends P {
   constructor(t, e) {
-    super(t, e, x.RECTANGLE, nt);
+    super(t, e, y.RECTANGLE, nt);
   }
-  Kt(t, e) {
-    const r = this.De(t.x, t.y, t.width, t.height, e);
-    return this.Se.Kt(r);
+  Jt(t, e) {
+    const i = this.Ae(t.x, t.y, t.width, t.height, e);
+    return this.Te.Jt(i);
   }
 }
 const at = { vertices: 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]), vertexCount: 6, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
-class ht extends L {
+class ht extends P {
   constructor(t, e) {
-    super(t, e, x.LINE, at);
+    super(t, e, y.LINE, at);
   }
-  Kt(t, e) {
-    const r = t.x2 - t.x1, i = t.y2 - t.y1, s = Math.hypot(r, i), n = Math.atan2(i, r), o = t.thickness || e.lineWeight || 1, h = t.x1 + r / 2, l = t.y1 + i / 2, d = h - s / 2, u = l, f = { 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 }, g = this.De(d, u, s, o, f);
-    return this.Be(g, h, l), this.Se.Kt(g);
+  Jt(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, d = c - r / 2, u = l, f = { 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 }, g = this.Ae(d, u, r, o, f);
+    return this.ke(g, c, l), this.Te.Jt(g);
   }
 }
 const ct = { vertices: function(a = 32) {
   const t = [], e = 2 * Math.PI / a;
-  for (let r = 0; r < a; r++) {
-    const i = r * e, s = (r + 1) % a * e, n = Math.cos(i), o = Math.sin(i), h = 0.5 * (n + 1), l = 0.5 * (o + 1), d = Math.cos(s), u = Math.sin(s), f = 0.5 * (d + 1), g = 0.5 * (u + 1);
-    t.push(0, 0, 0.5, 0.5, n, o, h, l, d, u, f, g);
+  for (let i = 0; i < a; i++) {
+    const s = i * e, r = (i + 1) % a * e, n = Math.cos(s), o = Math.sin(s), c = 0.5 * (n + 1), l = 0.5 * (o + 1), d = Math.cos(r), u = Math.sin(r), f = 0.5 * (d + 1), g = 0.5 * (u + 1);
+    t.push(0, 0, 0.5, 0.5, n, o, c, l, d, u, f, g);
   }
   return new Float32Array(t);
 }(32), vertexCount: 96, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
-class lt extends L {
+class lt extends P {
   constructor(t, e) {
-    super(t, e, x.ELLIPSE, ct);
+    super(t, e, y.ELLIPSE, ct);
   }
-  Kt(t, e) {
-    const r = this.De(t.x, t.y, t.width, t.height, e);
-    return this.Be(r, t.x, t.y), this.Se.Kt(r);
+  Jt(t, e) {
+    const i = this.Ae(t.x, t.y, t.width, t.height, e);
+    return this.ke(i, t.x, t.y), this.Te.Jt(i);
   }
 }
 let ut = { vertices: function(a) {
   const t = [];
   for (let e = 0; e < a; e++) {
-    const r = e / a, i = (e + 1) / a;
-    t.push(r, 0, r, 0, r, 1, r, 1, i, 1, i, 1);
+    const i = e / a, s = (e + 1) / a;
+    t.push(i, 0, i, 0, i, 1, i, 1, s, 1, s, 1);
   }
   return new Float32Array(t);
 }(32), vertexCount: 96, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
-class ft extends L {
+class dt extends P {
   constructor(t, e) {
-    super(t, e, x.ARC, ut);
+    super(t, e, y.ARC, ut);
   }
-  Kt(t, e) {
-    const r = t.x - t.width / 2, i = t.y - t.height / 2, s = t.start * Math.PI / 180, n = t.stop * Math.PI / 180, o = this.De(r, i, t.width, t.height, e);
-    return this.Be(o, t.x, t.y), o.arcAngles = [s, n], this.Se.Kt(o);
+  Jt(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.Ae(i, s, t.width, t.height, e);
+    return this.ke(o, t.x, t.y), o.arcAngles = [r, n], this.Te.Jt(o);
   }
 }
-const dt = { vertices: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), vertexCount: 3, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
-class pt extends L {
+const ft = { vertices: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), vertexCount: 3, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
+class pt extends P {
   constructor(t, e) {
-    super(t, e, x.TRIANGLE, dt);
+    super(t, e, y.TRIANGLE, ft);
   }
-  Kt(t, e) {
-    const r = Math.min(t.x1, t.x2, t.x3), i = Math.max(t.x1, t.x2, t.x3), s = Math.min(t.y1, t.y2, t.y3), n = i - r, o = Math.max(t.y1, t.y2, t.y3) - s, h = this.De(r, s, n, o, e), l = r + 0.5 * n, d = s + o * (1 / 3);
-    return this.Be(h, l, d), this.Se.Kt(h);
+  Jt(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.Ae(i, r, n, o, e), l = i + 0.5 * n, d = r + o * (1 / 3);
+    return this.ke(c, l, d), this.Te.Jt(c);
   }
 }
-function V(a, t, e, r, i) {
-  const s = 1 - a, n = s * s, o = a * a;
-  return n * s * t + 3 * n * a * e + 3 * s * o * r + o * a * i;
+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 gt = { vertices: function(a = 16) {
   const t = [];
   for (let e = 0; e < a; e++) {
-    const r = e / a, i = (e + 1) / a;
-    t.push(r, -0.5, r, 0), t.push(i, -0.5, i, 0), t.push(r, 0.5, r, 1), t.push(r, 0.5, r, 1), t.push(i, -0.5, i, 0), t.push(i, 0.5, i, 1);
+    const i = e / a, s = (e + 1) / a;
+    t.push(i, -0.5, i, 0), t.push(s, -0.5, s, 0), t.push(i, 0.5, i, 1), t.push(i, 0.5, i, 1), t.push(s, -0.5, s, 0), t.push(s, 0.5, s, 1);
   }
   return new Float32Array(t);
 }(16), vertexCount: 96, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
-class mt extends L {
+class mt extends P {
   constructor(t, e) {
-    super(t, e, x.BEZIER_CURVE, gt);
+    super(t, e, y.BEZIER_CURVE, gt);
   }
-  Kt(t, e) {
-    const r = e.lineWeight || 1, i = V(0.5, t.x1, t.cp1x, t.cp2x, t.x2), s = V(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: r }, o = this.De(0, 0, 1, r, n);
-    return this.Be(o, i, s), 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.Se.Kt(o);
+  Jt(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.Ae(0, 0, 1, i, n);
+    return this.ke(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.Te.Jt(o);
   }
 }
-class xt {
+class yt {
   constructor(t) {
-    c(this, "S");
-    c(this, "Ie", null);
-    c(this, "Le", null);
-    c(this, "Ee", {});
-    c(this, "We", null);
-    c(this, "ke", /* @__PURE__ */ new Map());
-    c(this, "Ue");
-    c(this, "Ve");
-    c(this, "Oe");
-    this.S = t, this.Oe = new tt(), this.Ue = new rt(t), this.Ve = new it(), this.We = t.createBuffer(), D(this.S, [0, 0, this.S.canvas.width, this.S.canvas.height]);
+    h(this, "S");
+    h(this, "Ee", null);
+    h(this, "Le", null);
+    h(this, "Be", {});
+    h(this, "Ie", null);
+    h(this, "We", /* @__PURE__ */ new Map());
+    h(this, "Ue");
+    h(this, "Oe");
+    h(this, "Ve");
+    this.S = t, this.Ve = new tt(), this.Ue = new it(t), this.Oe = new st(), this.Ie = t.createBuffer(), I(this.S, [0, 0, this.S.canvas.width, this.S.canvas.height]);
   }
   je(t) {
-    let e = this.ke.get(t);
+    let e = this.We.get(t);
     if (e) return e;
-    const r = new st(this.S);
-    return e = (0, { [x.RECTANGLE]: () => new ot(this.S, r), [x.LINE]: () => new ht(this.S, r), [x.ELLIPSE]: () => new lt(this.S, r), [x.ARC]: () => new ft(this.S, r), [x.TRIANGLE]: () => new pt(this.S, r), [x.BEZIER_CURVE]: () => new mt(this.S, r) }[t])(), this.ke.set(t, e), e;
+    const i = new rt(this.S);
+    return e = (0, { [y.RECTANGLE]: () => new ot(this.S, i), [y.LINE]: () => new ht(this.S, i), [y.ELLIPSE]: () => new lt(this.S, i), [y.ARC]: () => new dt(this.S, i), [y.TRIANGLE]: () => new pt(this.S, i), [y.BEZIER_CURVE]: () => new mt(this.S, i) }[t])(), this.We.set(t, e), e;
   }
   He(t) {
-    this.Ie !== t && (this.Ie = t, t.tt());
+    this.Ee !== t && (this.Ee = t, t.tt());
   }
-  Xe(t, e) {
-    return new G(this.S, t, e);
+  Ke(t, e) {
+    return new O(this.S, t, e);
   }
-  Ye(t) {
-    this.Le = t, t && (this.Ee = {});
+  Xe(t) {
+    this.Le = t, t && (this.Be = {});
   }
-  qe(t, e) {
-    this.Ee[t] = e;
-  }
-  Ze(t) {
-    Object.assign(this.Ee, t);
+  Ye(t, e) {
+    this.Be[t] = e;
   }
   Ne(t) {
-    return new G(this.S, O, t);
+    Object.assign(this.Be, t);
+  }
+  qe(t) {
+    return new O(this.S, W, t);
   }
-  Qe(t, e, r, i) {
+  Ze(t, e, i, s) {
     var m;
-    const s = this.S, n = s.canvas.width, o = s.canvas.height, h = t / n * 2 - 1, l = (t + r) / n * 2 - 1, d = 1 - e / o * 2, u = 1 - (e + i) / o * 2, f = new Float32Array([h, u, l, u, h, d, l, u, l, d, h, d]);
-    s.bindBuffer(s.ARRAY_BUFFER, this.We), s.bufferData(s.ARRAY_BUFFER, f, s.DYNAMIC_DRAW);
-    const g = ((m = this.Ie) == null ? void 0 : m.ot) || s.getParameter(s.CURRENT_PROGRAM), p = g ? s.getAttribLocation(g, "a_position") : -1;
-    p !== -1 && (s.enableVertexAttribArray(p), s.vertexAttribPointer(p, 2, s.FLOAT, !1, 8, 0)), s.drawArrays(s.TRIANGLES, 0, 6), p !== -1 && s.disableVertexAttribArray(p);
+    const r = this.S, n = r.canvas.width, o = r.canvas.height, c = t / n * 2 - 1, l = (t + i) / n * 2 - 1, d = 1 - e / o * 2, u = 1 - (e + s) / o * 2, f = new Float32Array([c, u, l, u, c, d, l, u, l, d, c, d]);
+    r.bindBuffer(r.ARRAY_BUFFER, this.Ie), r.bufferData(r.ARRAY_BUFFER, f, r.DYNAMIC_DRAW);
+    const g = ((m = this.Ee) == null ? void 0 : m.ot) || r.getParameter(r.CURRENT_PROGRAM), p = g ? r.getAttribLocation(g, "a_position") : -1;
+    p !== -1 && (r.enableVertexAttribArray(p), r.vertexAttribPointer(p, 2, r.FLOAT, !1, 8, 0)), r.drawArrays(r.TRIANGLES, 0, 6), p !== -1 && r.disableVertexAttribArray(p);
   }
-  Je(t, e, r, i) {
-    this.Le ? (this.Ve.ae(t, e, r, i, this.Le, { ...this.Ee }, this.Oe), this.Le = null, this.Ee = {}) : this.Ve.oe(t, e, r, i, this.Oe);
+  Qe(t, e, i, s) {
+    this.Le ? (this.Oe.ae(t, e, i, s, this.Le, { ...this.Be }, this.Ve), this.Le = null, this.Be = {}) : this.Oe.oe(t, e, i, s, this.Ve);
   }
-  Ke(t, e, r, i) {
-    this.Ve.he(t, e, r, i, this.Oe.lineWeight, this.Oe);
+  Je(t, e, i, s) {
+    this.Oe.he(t, e, i, s, this.Ve.lineWeight, this.Ve);
   }
-  ts(t, e, r, i) {
-    this.Ve.ce(t, e, r, i, this.Oe);
+  ts(t, e, i, s) {
+    this.Oe.ce(t, e, i, s, this.Ve);
   }
-  es(t, e, r, i, s, n) {
-    this.Ve.ue(t, e, r, i, s, n, this.Oe);
+  es(t, e, i, s, r, n) {
+    this.Oe.ue(t, e, i, s, r, n, this.Ve);
   }
-  ss(t, e, r, i, s, n, o, h) {
-    const l = this.Oe.lineWeight;
-    this.Ve.fe(t, e, r, i, s, n, o, h, l, this.Oe);
+  ss(t, e, i, s, r, n, o, c) {
+    const l = this.Ve.lineWeight;
+    this.Oe.de(t, e, i, s, r, n, o, c, l, this.Ve);
   }
-  rs(t, e, r = 1, i = {}) {
-    return new $(this.S, t, e, r, i);
+  rs(t, e, i = 1, s = {}) {
+    return new G(this.S, t, e, i, s);
   }
-  ns(t, e, r, i, s, n) {
-    this.Ve.le(t, e, r, i, s, n, this.Oe);
+  ns(t, e, i, s, r, n) {
+    this.Oe.le(t, e, i, s, r, n, this.Ve);
   }
-  hs(t, e = t, r = t, i = 255) {
-    this.state.Et(t, e, r, i), this.de(t / 255, e / 255, r / 255, i / 255);
+  hs(t, e = t, i = t, s = 255) {
+    this.state.Bt(t, e, i, s), this.fe(t / 255, e / 255, i / 255, s / 255);
   }
-  de(t = 0, e = 0, r = 0, i = 0) {
-    this.S.clearColor(t, e, r, i), this.S.clear(this.S.COLOR_BUFFER_BIT);
+  fe(t = 0, e = 0, i = 0, s = 0) {
+    this.S.clearColor(t, e, i, s), this.S.clear(this.S.COLOR_BUFFER_BIT);
   }
   cs() {
-    this.S.viewport(0, 0, this.S.canvas.width, this.S.canvas.height), D(this.S, [0, 0, this.S.canvas.width, this.S.canvas.height]);
+    this.S.viewport(0, 0, this.S.canvas.width, this.S.canvas.height), I(this.S, [0, 0, this.S.canvas.width, this.S.canvas.height]);
   }
   get context() {
     return this.S;
   }
   get state() {
-    return this.Oe;
+    return this.Ve;
   }
   ls(t) {
-    const e = t, r = U(this.S) ?? this.S.getParameter(this.S.VIEWPORT), i = { shader: e, gl: this.S, viewport: r };
+    const e = t, i = L(this.S) ?? this.S.getParameter(this.S.VIEWPORT), s = { shader: e, gl: this.S, viewport: i };
     this.He(e);
-    const s = /* @__PURE__ */ new Set();
-    for (const n of this.Ve) n.type === x.CUSTOM ? s.add(x.RECTANGLE) : s.add(n.type);
-    for (const n of s) n !== x.CUSTOM && this.je(n);
-    this.Ue.Xt(i, this.Ve, this.ke), this.Ve.de();
+    const r = /* @__PURE__ */ new Set();
+    for (const n of this.Oe) n.type === y.CUSTOM ? r.add(y.RECTANGLE) : r.add(n.type);
+    for (const n of r) n !== y.CUSTOM && this.je(n);
+    this.Ue.Kt(s, this.Oe, this.We), this.Oe.fe();
   }
   j() {
-    this.S.deleteBuffer(this.We), this.Ve.de();
-    for (const t of this.ke.values()) t.j();
+    this.S.deleteBuffer(this.Ie), this.Oe.fe();
+    for (const t of this.We.values()) t.j();
   }
 }
-const S = { readShort: (a, t) => (S.t.uint16[0] = a[t] << 8 | a[t + 1], S.t.int16[0]), readUshort: (a, t) => a[t] << 8 | a[t + 1], readUshorts(a, t, e) {
-  const r = [];
-  for (let i = 0; i < e; i++) r.push(S.readUshort(a, t + 2 * i));
-  return r;
+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 i = [];
+  for (let s = 0; s < e; s++) i.push(R.readUshort(a, t + 2 * s));
+  return i;
 }, readUint(a, t) {
-  const e = S.t.uint8;
-  return e[3] = a[t], e[2] = a[t + 1], e[1] = a[t + 2], e[0] = a[t + 3], S.t.uint32[0];
+  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];
 }, readASCII(a, t, e) {
-  let r = "";
-  for (let i = 0; i < e; i++) r += String.fromCharCode(a[t + i]);
-  return r;
+  let i = "";
+  for (let s = 0; s < e; s++) i += String.fromCharCode(a[t + s]);
+  return i;
 }, t: (() => {
   const a = new ArrayBuffer(8);
   return { uint8: new Uint8Array(a), int16: new Int16Array(a), uint16: new Uint16Array(a), uint32: new Uint32Array(a) };
-})() }, yt = { parseTab(a, t, e) {
-  const r = { tables: [], ids: {}, off: t };
+})() }, xt = { parseTab(a, t, e) {
+  const i = { tables: [], ids: {}, off: t };
   a = new Uint8Array(a.buffer, t, e), t = 0;
-  const i = S, s = i.readUshort, n = s(a, t += 2);
+  const s = R, r = s.readUshort, n = r(a, t += 2);
   t += 2;
   const o = [];
-  for (let h = 0; h < n; h++) {
-    const l = s(a, t), d = s(a, t += 2);
+  for (let c = 0; c < n; c++) {
+    const l = r(a, t), d = r(a, t += 2);
     t += 2;
-    const u = i.readUint(a, t);
+    const u = s.readUint(a, t);
     t += 4;
     const f = `p${l}e${d}`;
     let g = o.indexOf(u);
     if (g === -1) {
       let p;
-      g = r.tables.length, o.push(u);
-      const m = s(a, u);
-      p = m === 4 ? this.parse4(a, u) : m === 12 ? this.parse12(a, u) : { format: m }, r.tables.push(p);
+      g = i.tables.length, o.push(u);
+      const m = r(a, u);
+      p = m === 4 ? this.parse4(a, u) : m === 12 ? this.parse12(a, u) : { format: m }, i.tables.push(p);
     }
-    r.ids[f] != null && console.warn("Multiple tables for one platform+encoding: " + f), r.ids[f] = g;
+    i.ids[f] != null && console.warn("Multiple tables for one platform+encoding: " + f), i.ids[f] = g;
   }
-  return r;
+  return i;
 }, parse4(a, t) {
-  const e = S, r = e.readUshort, i = e.readUshorts, s = t, n = r(a, t += 2);
+  const e = R, i = e.readUshort, s = e.readUshorts, r = t, n = i(a, t += 2);
   t += 2;
-  const o = r(a, t += 2) >>> 1, h = { format: 4, searchRange: r(a, t += 2), entrySelector: 0, rangeShift: 0, endCount: [], startCount: [], idDelta: [], idRangeOffset: [], glyphIdArray: [] };
-  t += 2, h.entrySelector = r(a, t), t += 2, h.rangeShift = r(a, t), t += 2, h.endCount = i(a, t, o), t += 2 * o, t += 2, h.startCount = i(a, t, o), t += 2 * o;
-  for (let l = 0; l < o; l++) h.idDelta.push(e.readShort(a, t)), t += 2;
-  return h.idRangeOffset = i(a, t, o), t += 2 * o, h.glyphIdArray = i(a, t, s + n - t >> 1), h;
+  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 = S.readUint;
+  const e = R.readUint;
   e(a, t += 4), e(a, t += 4);
-  const r = e(a, t += 4);
+  const i = e(a, t += 4);
   t += 4;
-  const i = new Uint32Array(3 * r);
-  for (let s = 0; s < 3 * r; s += 3) i[s] = e(a, t + (s << 2)), i[s + 1] = e(a, t + (s << 2) + 4), i[s + 2] = e(a, t + (s << 2) + 8);
-  return { format: 12, groups: i };
-} }, Ct = { parseTab(a, t, e) {
-  const r = S;
+  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 };
+} }, vt = { parseTab(a, t, e) {
+  const i = R;
   t += 18;
-  const i = r.readUshort(a, t);
+  const s = i.readUshort(a, t);
   t += 2, t += 16;
-  const s = r.readShort(a, t);
+  const r = i.readShort(a, t);
   t += 2;
-  const n = r.readShort(a, t);
+  const n = i.readShort(a, t);
   t += 2;
-  const o = r.readShort(a, t);
+  const o = i.readShort(a, t);
   t += 2;
-  const h = r.readShort(a, t);
-  return t += 2, t += 6, { unitsPerEm: i, xMin: s, yMin: n, xMax: o, yMax: h, indexToLocFormat: r.readShort(a, t) };
-} }, vt = { parseTab(a, t, e) {
-  const r = S;
+  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) };
+} }, Ct = { parseTab(a, t, e) {
+  const i = R;
   t += 4;
-  const i = ["ascender", "descender", "lineGap", "advanceWidthMax", "minLeftSideBearing", "minRightSideBearing", "xMaxExtent", "caretSlopeRise", "caretSlopeRun", "caretOffset", "res0", "res1", "res2", "res3", "metricDataFormat", "numberOfHMetrics"], s = {};
-  for (let n = 0; n < i.length; n++) {
-    const o = i[n], h = o === "advanceWidthMax" || o === "numberOfHMetrics" ? r.readUshort : r.readShort;
-    s[o] = h(a, t + 2 * n);
+  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++) {
+    const o = s[n], c = o === "advanceWidthMax" || o === "numberOfHMetrics" ? i.readUshort : i.readShort;
+    r[o] = c(a, t + 2 * n);
   }
-  return s;
-} }, St = { parseTab(a, t, e, r) {
-  const i = S, s = [], n = [], o = r.maxp.numGlyphs, h = r.hhea.numberOfHMetrics;
+  return r;
+} }, Rt = { parseTab(a, t, e, i) {
+  const s = R, r = [], n = [], o = i.maxp.numGlyphs, c = i.hhea.numberOfHMetrics;
   let l = 0, d = 0, u = 0;
-  for (; u < h; ) l = i.readUshort(a, t + (u << 2)), d = i.readShort(a, t + (u << 2) + 2), s.push(l), n.push(d), u++;
-  for (; u < o; ) s.push(l), n.push(d), u++;
-  return { aWidth: s, lsBearing: n };
-} }, X = { cmap: yt, head: Ct, hhea: vt, maxp: { parseTab(a, t, e) {
-  const r = S;
-  return r.readUint(a, t), t += 4, { numGlyphs: r.readUshort(a, t) };
-} }, hmtx: St, loca: { parseTab(a, t, e, r) {
-  const i = S, s = [], n = r.head.indexToLocFormat, o = r.maxp.numGlyphs + 1;
-  if (n === 0) for (let h = 0; h < o; h++) s.push(i.readUshort(a, t + (h << 1)) << 1);
-  else if (n === 1) for (let h = 0; h < o; h++) s.push(i.readUint(a, t + (h << 2)));
+  for (; u < c; ) l = s.readUshort(a, t + (u << 2)), d = s.readShort(a, t + (u << 2) + 2), r.push(l), n.push(d), u++;
+  for (; u < o; ) r.push(l), n.push(d), u++;
+  return { aWidth: r, lsBearing: n };
+} }, V = { cmap: xt, head: vt, hhea: Ct, maxp: { parseTab(a, t, e) {
+  const i = R;
+  return i.readUint(a, t), t += 4, { numGlyphs: i.readUshort(a, t) };
+} }, hmtx: Rt, loca: { parseTab(a, t, e, i) {
+  const s = R, 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;
+} }, glyf: { parseTab(a, t, e, i) {
+  const s = [], r = i.maxp.numGlyphs;
+  for (let n = 0; n < r; n++) s.push(null);
   return s;
-} }, glyf: { parseTab(a, t, e, r) {
-  const i = [], s = r.maxp.numGlyphs;
-  for (let n = 0; n < s; n++) i.push(null);
-  return i;
 }, us(a, t) {
-  const e = S, r = a.fs, i = a.loca;
-  if (i[t] === i[t + 1]) return null;
-  const s = w.findTable(r, "glyf", a.ds);
-  if (!s) return null;
-  let n = s[0] + i[t];
+  const e = R, i = a.ds, s = a.loca;
+  if (s[t] === s[t + 1]) return null;
+  const r = b.findTable(i, "glyf", a.fs);
+  if (!r) return null;
+  let n = r[0] + s[t];
   const o = {};
-  if (o.noc = e.readShort(r, n), n += 2, o.xMin = e.readShort(r, n), n += 2, o.yMin = e.readShort(r, n), n += 2, o.xMax = e.readShort(r, n), n += 2, o.yMax = e.readShort(r, n), n += 2, o.xMin >= o.xMax || o.yMin >= o.yMax) return null;
+  if (o.noc = e.readShort(i, n), n += 2, o.xMin = e.readShort(i, n), n += 2, o.yMin = e.readShort(i, n), n += 2, o.xMax = e.readShort(i, n), n += 2, o.yMax = e.readShort(i, n), n += 2, o.xMin >= o.xMax || o.yMin >= o.yMax) return null;
   if (o.noc > 0) {
     o.endPts = [];
-    for (let f = 0; f < o.noc; f++) o.endPts.push(e.readUshort(r, n)), n += 2;
-    const h = e.readUshort(r, n);
-    if (n += 2, r.length - n < h) return null;
-    n += h;
+    for (let f = 0; f < o.noc; f++) o.endPts.push(e.readUshort(i, n)), n += 2;
+    const c = e.readUshort(i, n);
+    if (n += 2, i.length - n < c) return null;
+    n += c;
     const l = o.endPts[o.noc - 1] + 1;
     o.flags = [];
     for (let f = 0; f < l; f++) {
-      const g = r[n];
+      const g = i[n];
       if (n++, o.flags.push(g), 8 & g) {
-        const p = r[n];
+        const p = i[n];
         n++;
         for (let m = 0; m < p; m++) o.flags.push(g), f++;
       }
@@ -977,138 +977,138 @@ const S = { readShort: (a, t) => (S.t.uint16[0] = a[t] << 8 | a[t + 1], S.t.int1
     o.xs = [];
     for (let f = 0; f < l; f++) {
       const g = o.flags[f], p = !!(16 & g);
-      2 & g ? (o.xs.push(p ? r[n] : -r[n]), n++) : p ? o.xs.push(0) : (o.xs.push(e.readShort(r, n)), n += 2);
+      2 & g ? (o.xs.push(p ? i[n] : -i[n]), n++) : p ? o.xs.push(0) : (o.xs.push(e.readShort(i, n)), n += 2);
     }
     o.ys = [];
     for (let f = 0; f < l; f++) {
       const g = o.flags[f], p = !!(32 & g);
-      4 & g ? (o.ys.push(p ? r[n] : -r[n]), n++) : p ? o.ys.push(0) : (o.ys.push(e.readShort(r, n)), n += 2);
+      4 & g ? (o.ys.push(p ? i[n] : -i[n]), n++) : p ? o.ys.push(0) : (o.ys.push(e.readShort(i, n)), n += 2);
     }
     let d = 0, u = 0;
     for (let f = 0; f < l; f++) d += o.xs[f], u += o.ys[f], o.xs[f] = d, o.ys[f] = u;
   } else o.parts = [], o.endPts = [], o.flags = [], o.xs = [], o.ys = [];
   return o;
-} } }, w = { parse: (a) => [((t, e, r, i) => {
-  const s = X, n = { fs: t, ps: e, ds: r };
-  for (const o in s) {
-    const h = o, l = w.findTable(t, h, r);
+} } }, b = { parse: (a) => [((t, e, i, s) => {
+  const r = V, n = { ds: t, ps: e, fs: i };
+  for (const o in r) {
+    const c = o, l = b.findTable(t, c, i);
     if (l) {
       const [d, u] = l;
-      let f = i[d];
-      f == null && (f = s[h].parseTab(t, d, u, n), i[d] = f), n[h] = f;
+      let f = s[d];
+      f == null && (f = r[c].parseTab(t, d, u, n), s[d] = f), n[c] = f;
     }
   }
   return n;
 })(new Uint8Array(a), 0, 0, {})], findTable(a, t, e) {
-  const r = S, i = r.readUshort(a, e + 4);
-  let s = e + 12;
-  for (let n = 0; n < i; n++) {
-    const o = r.readASCII(a, s, 4);
-    r.readUint(a, s + 4);
-    const h = r.readUint(a, s + 8), l = r.readUint(a, s + 12);
-    if (o === t) return [h, l];
-    s += 16;
+  const i = R, s = i.readUshort(a, e + 4);
+  let r = e + 12;
+  for (let n = 0; n < s; n++) {
+    const o = i.readASCII(a, r, 4);
+    i.readUint(a, r + 4);
+    const c = i.readUint(a, r + 8), l = i.readUint(a, r + 12);
+    if (o === t) return [c, l];
+    r += 16;
   }
   return null;
-}, T: X, B: S };
-class z {
+}, T: V, B: R };
+class M {
   constructor() {
-    c(this, "_s", /* @__PURE__ */ new Map());
-    c(this, "gs", /* @__PURE__ */ new Map());
+    h(this, "_s", /* @__PURE__ */ new Map());
+    h(this, "gs", /* @__PURE__ */ new Map());
   }
   vs(t, e) {
-    const r = `${this.Cs(t)}_${e}`;
-    if (this._s.has(r)) return this._s.get(r);
-    const i = t.cmap;
-    if (!i || !i.tables) return this._s.set(r, 0), 0;
-    let s = 0;
-    for (const n of i.tables) if (n.format === 4 ? s = this.ws(e, n) : n.format === 12 && (s = this.$s(e, n)), s > 0) break;
-    return this._s.set(r, s), s;
+    const i = `${this.Cs(t)}_${e}`;
+    if (this._s.has(i)) return this._s.get(i);
+    const s = t.cmap;
+    if (!s || !s.tables) return this._s.set(i, 0), 0;
+    let r = 0;
+    for (const n of s.tables) if (n.format === 4 ? r = this.ws(e, n) : n.format === 12 && (r = this.$s(e, n)), r > 0) break;
+    return this._s.set(i, r), r;
   }
   bs(t, e) {
-    const r = e.codePointAt(0);
-    return r === void 0 ? 0 : this.vs(t, r);
-  }
-  zs(t, e) {
-    const r = t.hmtx;
-    return r && r.aWidth && r.aWidth.length !== 0 ? e < r.aWidth.length ? r.aWidth[e] : r.aWidth[r.aWidth.length - 1] : 0;
+    const i = e.codePointAt(0);
+    return i === void 0 ? 0 : this.vs(t, i);
   }
   Rs(t, e) {
-    const r = e / t.head.unitsPerEm, i = t.hhea.ascender * r, s = t.hhea.descender * r, n = t.hhea.lineGap * r;
-    return { ascender: i, descender: s, lineGap: n, lineHeight: i - s + n, unitsPerEm: t.head.unitsPerEm, scale: r };
+    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;
+  }
+  zs(t, e) {
+    const i = e / t.head.unitsPerEm, s = t.hhea.ascender * i, r = t.hhea.descender * i, n = t.hhea.lineGap * i;
+    return { ascender: s, descender: r, lineGap: n, lineHeight: s - r + n, unitsPerEm: t.head.unitsPerEm, scale: i };
   }
-  Ts() {
+  Ss() {
     this._s.clear(), this.gs.clear();
   }
   Cs(t) {
-    return `${t.ds}_${t.fs.length}`;
+    return `${t.fs}_${t.ds.length}`;
   }
   ws(t, e) {
-    const r = e.endCount.length;
-    let i = -1;
-    for (let s = 0; s < r; s++) if (t <= e.endCount[s]) {
-      i = s;
+    const i = e.endCount.length;
+    let s = -1;
+    for (let r = 0; r < i; r++) if (t <= e.endCount[r]) {
+      s = r;
       break;
     }
-    if (i === -1 || t < e.startCount[i]) return 0;
-    if (e.idRangeOffset[i] === 0) return t + e.idDelta[i] & 65535;
+    if (s === -1 || t < e.startCount[s]) return 0;
+    if (e.idRangeOffset[s] === 0) return t + e.idDelta[s] & 65535;
     {
-      const s = e.idRangeOffset[i] / 2 + (t - e.startCount[i]) - (r - i);
-      if (s >= 0 && s < e.glyphIdArray.length) {
-        const n = e.glyphIdArray[s];
-        return n === 0 ? 0 : n + e.idDelta[i] & 65535;
+      const r = e.idRangeOffset[s] / 2 + (t - e.startCount[s]) - (i - s);
+      if (r >= 0 && r < e.glyphIdArray.length) {
+        const n = e.glyphIdArray[r];
+        return n === 0 ? 0 : n + e.idDelta[s] & 65535;
       }
     }
     return 0;
   }
   $s(t, e) {
-    const r = e.groups.length / 3;
-    for (let i = 0; i < r; i++) {
-      const s = e.groups[3 * i], n = e.groups[3 * i + 1], o = e.groups[3 * i + 2];
-      if (t >= s && t <= n) return o + (t - s);
+    const i = e.groups.length / 3;
+    for (let s = 0; s < i; s++) {
+      const r = e.groups[3 * s], n = e.groups[3 * s + 1], o = e.groups[3 * s + 2];
+      if (t >= r && t <= n) return o + (t - r);
     }
     return 0;
   }
 }
-class Rt {
+class Et {
   constructor(t) {
-    c(this, "Ss");
-    this.Ss = t;
+    h(this, "Ts");
+    this.Ts = t;
   }
-  Ms(t) {
-    var r;
+  Ps(t) {
+    var i;
     const e = [];
-    return (r = t.cmap) != null && r.tables ? (t.cmap.tables.forEach((i) => {
-      if (i.format === 4) {
-        const s = this.Fs(i);
-        e.push(...s);
-      } else if (i.format === 12) {
-        const s = this.Gs(i);
-        e.push(...s);
+    return (i = t.cmap) != null && i.tables ? (t.cmap.tables.forEach((s) => {
+      if (s.format === 4) {
+        const r = this.Ms(s);
+        e.push(...r);
+      } else if (s.format === 12) {
+        const r = this.Fs(s);
+        e.push(...r);
       }
     }), [...new Set(e)]) : [];
   }
-  Ds(t, e) {
-    return this.Ss.bs(t, e) > 0;
+  As(t, e) {
+    return this.Ts.bs(t, e) > 0;
   }
-  Ps(t, e) {
-    for (const r of e) if (!this.Ds(t, r)) return !1;
+  Ds(t, e) {
+    for (const i of e) if (!this.As(t, i)) return !1;
     return !0;
   }
-  As(t, e) {
-    return e.filter((r) => this.Ds(t, r));
+  Gs(t, e) {
+    return e.filter((i) => this.As(t, i));
   }
-  Bs(t) {
-    return t.filter((e) => this.Is(e));
+  ks(t) {
+    return t.filter((e) => this.Es(e));
   }
-  Fs(t) {
+  Ms(t) {
     const e = [];
     if (!(t.startCount && t.endCount && t.idRangeOffset && t.idDelta)) return e;
-    for (let r = 0; r < t.startCount.length; r++) {
-      const i = t.startCount[r], s = t.endCount[r];
-      if (i !== 65535 || s !== 65535) {
-        for (let n = i; n <= s; n++)
-          if (this.Ls(t, n, r) > 0) try {
+    for (let i = 0; i < t.startCount.length; i++) {
+      const s = t.startCount[i], r = t.endCount[i];
+      if (s !== 65535 || r !== 65535) {
+        for (let n = s; n <= r; n++)
+          if (this.Ls(t, n, i) > 0) try {
             const o = String.fromCodePoint(n);
             e.push(o);
           } catch {
@@ -1117,229 +1117,229 @@ class Rt {
     }
     return e;
   }
-  Gs(t) {
+  Fs(t) {
     const e = [];
     if (!t.groups) return e;
-    for (let r = 0; r < t.groups.length; r += 3) {
-      const i = t.groups[r], s = t.groups[r + 1], n = t.groups[r + 2];
-      for (let o = i; o <= s; o++)
-        if (n + (o - i) > 0) try {
-          const h = String.fromCodePoint(o);
-          e.push(h);
+    for (let i = 0; i < t.groups.length; i += 3) {
+      const s = t.groups[i], r = t.groups[i + 1], n = t.groups[i + 2];
+      for (let o = s; o <= r; o++)
+        if (n + (o - s) > 0) try {
+          const c = String.fromCodePoint(o);
+          e.push(c);
         } catch {
         }
     }
     return e;
   }
-  Ls(t, e, r) {
-    if (t.idRangeOffset[r] === 0) return e + t.idDelta[r] & 65535;
+  Ls(t, e, i) {
+    if (t.idRangeOffset[i] === 0) return e + t.idDelta[i] & 65535;
     {
-      const i = t.idRangeOffset[r] / 2 + (e - t.startCount[r]) - (t.startCount.length - r);
-      if (i >= 0 && t.glyphIdArray && i < t.glyphIdArray.length) {
-        const s = t.glyphIdArray[i];
-        if (s !== 0) return s + t.idDelta[r] & 65535;
+      const s = t.idRangeOffset[i] / 2 + (e - t.startCount[i]) - (t.startCount.length - i);
+      if (s >= 0 && t.glyphIdArray && s < t.glyphIdArray.length) {
+        const r = t.glyphIdArray[s];
+        if (r !== 0) return r + t.idDelta[i] & 65535;
       }
     }
     return 0;
   }
-  Is(t) {
+  Es(t) {
     const e = t.codePointAt(0) || 0;
     return !(e >= 0 && e <= 31 && e !== 9 && e !== 10 && e !== 13 || e >= 127 && e <= 159);
   }
 }
-class Et {
+class St {
   constructor() {
-    c(this, "Es");
-    const t = new z();
-    this.Es = new Rt(t);
+    h(this, "Bs");
+    const t = new M();
+    this.Bs = new Et(t);
   }
   extractCharacters(t) {
-    return this.Es.Ms(t);
+    return this.Bs.Ps(t);
   }
   filterProblematicCharacters(t) {
-    return this.Es.Bs(t);
+    return this.Bs.ks(t);
   }
   characterExists(t, e) {
-    return this.Es.Ds(t, e);
+    return this.Bs.As(t, e);
   }
   allCharactersExist(t, e) {
-    return this.Es.Ps(t, e);
+    return this.Bs.Ds(t, e);
   }
 }
-class _t {
+class Tt {
   constructor(t) {
-    c(this, "Ws");
-    c(this, "ks");
-    c(this, "Us");
-    c(this, "Vs");
-    this.Us = t, this.Vs = new z(), this.Ws = document.createElement("canvas"), this.ks = this.Ws.getContext("2d", { willReadFrequently: !0, alpha: !1 });
-  }
-  createTextureAtlas(t, e, r, i) {
-    const s = t.length, n = Math.ceil(Math.sqrt(s)), o = Math.ceil(s / n), h = e.width * n, l = e.height * o, d = typeof i == "object" ? i : null;
-    this.Os(h, l), this.js(t, e, n, r, d);
-    const u = this.Us.rs(h, l, 1, { filter: "nearest" });
-    return u.L(this.Ws), { framebuffer: u, columns: n, rows: o };
-  }
-  Os(t, e) {
-    this.Ws.width = t, this.Ws.height = e, this.Ws.style.width = t + "px", this.Ws.style.height = t + "px", this.ks.imageSmoothingEnabled = !1, this.Ws.style.imageRendering = "pixelated", this.ks.fillStyle = "black", this.ks.fillRect(0, 0, t, e), this.ks.textBaseline = "top", this.ks.textAlign = "left", this.ks.fillStyle = "white";
-  }
-  js(t, e, r, i, s) {
-    const n = i / s.head.unitsPerEm;
+    h(this, "Is");
+    h(this, "Ws");
+    h(this, "Us");
+    h(this, "Os");
+    this.Us = t, this.Os = new M(), this.Is = document.createElement("canvas"), this.Ws = this.Is.getContext("2d", { willReadFrequently: !0, alpha: !1 });
+  }
+  createTextureAtlas(t, e, i, s) {
+    const r = t.length, n = Math.ceil(Math.sqrt(r)), o = Math.ceil(r / n), c = e.width * n, l = e.height * o, d = typeof s == "object" ? s : null;
+    this.Vs(c, l), this.js(t, e, n, i, d);
+    const u = this.Us.rs(c, l, 1, { filter: "nearest" });
+    return u.L(this.Is), { framebuffer: u, columns: n, rows: o };
+  }
+  Vs(t, e) {
+    this.Is.width = t, this.Is.height = e, this.Is.style.width = t + "px", this.Is.style.height = t + "px", this.Ws.imageSmoothingEnabled = !1, this.Is.style.imageRendering = "pixelated", this.Ws.fillStyle = "black", this.Ws.fillRect(0, 0, t, e), this.Ws.textBaseline = "top", this.Ws.textAlign = "left", this.Ws.fillStyle = "white";
+  }
+  js(t, e, i, s, r) {
+    const n = s / r.head.unitsPerEm;
     for (let o = 0; o < t.length; o++) {
-      const h = o % r, l = Math.floor(o / r), d = t[o].character, u = this.Hs(s, d);
+      const c = o % i, l = Math.floor(o / i), d = t[o].character, u = this.Hs(r, d);
       if (!u) continue;
-      const f = d.codePointAt(0) || 0, g = this.Vs.vs(s, f), p = this.Xs(s, g) * n, m = h * e.width, R = l * e.height, v = m + 0.5 * e.width, E = R + 0.5 * e.height, b = Math.round(v - 0.5 * e.width), y = Math.round(E - 0.5 * i), P = b + 0.5 * (e.width - p), Z = y + s.hhea.ascender * n;
-      this.Ys(u, P, Z, n);
+      const f = d.codePointAt(0) || 0, g = this.Os.vs(r, f), p = this.Ks(r, g) * n, m = c * e.width, E = l * e.height, C = m + 0.5 * e.width, S = E + 0.5 * e.height, w = Math.round(C - 0.5 * e.width), x = Math.round(S - 0.5 * s), U = w + 0.5 * (e.width - p), K = x + r.hhea.ascender * n;
+      this.Xs(u, U, K, n);
     }
   }
   Hs(t, e) {
-    const r = e.codePointAt(0) || 0, i = this.Vs.vs(t, r);
-    if (i === 0) return null;
-    if (t.glyf && t.glyf[i] !== null) return t.glyf[i];
-    if (w && w.T && w.T.glyf) {
-      const s = w.T.glyf.us(t, i);
-      return t.glyf && s && (t.glyf[i] = s), s;
+    const i = e.codePointAt(0) || 0, s = this.Os.vs(t, i);
+    if (s === 0) return null;
+    if (t.glyf && t.glyf[s] !== null) return t.glyf[s];
+    if (b && b.T && b.T.glyf) {
+      const r = b.T.glyf.us(t, s);
+      return t.glyf && r && (t.glyf[s] = r), r;
     }
     return null;
   }
-  Xs(t, e) {
-    const r = t.hmtx;
-    return r && r.aWidth ? e < r.aWidth.length ? r.aWidth[e] : r.aWidth[r.aWidth.length - 1] : 0;
+  Ks(t, e) {
+    const i = t.hmtx;
+    return i && i.aWidth ? e < i.aWidth.length ? i.aWidth[e] : i.aWidth[i.aWidth.length - 1] : 0;
   }
-  Ys(t, e, r, i) {
+  Xs(t, e, i, s) {
     if (!t || !t.xs || t.noc === 0) return;
-    const { xs: s, ys: n, endPts: o, flags: h } = t;
-    if (!(s && n && o && h)) return;
-    this.ks.beginPath();
+    const { xs: r, ys: n, endPts: o, flags: c } = t;
+    if (!(r && n && o && c)) return;
+    this.Ws.beginPath();
     let l = 0;
     for (let d = 0; d < o.length; d++) {
       const u = o[d];
       if (!(u < l)) {
         if (u >= l) {
-          const f = e + s[l] * i, g = r - n[l] * i;
-          this.ks.moveTo(f, g);
+          const f = e + r[l] * s, g = i - n[l] * s;
+          this.Ws.moveTo(f, g);
           let p = l + 1;
           for (; p <= u; )
-            if (1 & h[p]) {
-              const m = e + s[p] * i, R = r - n[p] * i;
-              this.ks.lineTo(m, R), p++;
+            if (1 & c[p]) {
+              const m = e + r[p] * s, E = i - n[p] * s;
+              this.Ws.lineTo(m, E), p++;
             } else {
-              const m = e + s[p] * i, R = r - n[p] * i;
-              let v = p + 1 > u ? l : p + 1;
-              if (1 & h[v]) {
-                const E = e + s[v] * i, b = r - n[v] * i;
-                this.ks.quadraticCurveTo(m, R, E, b), p = v + 1;
+              const m = e + r[p] * s, E = i - n[p] * s;
+              let C = p + 1 > u ? l : p + 1;
+              if (1 & c[C]) {
+                const S = e + r[C] * s, w = i - n[C] * s;
+                this.Ws.quadraticCurveTo(m, E, S, w), p = C + 1;
               } else {
-                const E = (m + (e + s[v] * i)) / 2, b = (R + (r - n[v] * i)) / 2;
-                this.ks.quadraticCurveTo(m, R, E, b), p = v;
+                const S = (m + (e + r[C] * s)) / 2, w = (E + (i - n[C] * s)) / 2;
+                this.Ws.quadraticCurveTo(m, E, S, w), p = C;
               }
             }
-          this.ks.closePath();
+          this.Ws.closePath();
         }
         l = u + 1;
       }
     }
-    this.ks.fill();
+    this.Ws.fill();
   }
 }
-class bt {
+class wt {
   constructor() {
-    c(this, "Ss");
-    this.Ss = new z();
+    h(this, "Ts");
+    this.Ts = new M();
   }
-  calculateMaxGlyphDimensions(t, e, r) {
-    let i = 0;
-    const s = this.Ss.Rs(r, e), n = s.lineHeight;
+  calculateMaxGlyphDimensions(t, e, i) {
+    let s = 0;
+    const r = this.Ts.zs(i, e), n = r.lineHeight;
     for (const o of t) {
-      const h = this.Ss.bs(r, o);
-      if (h === 0) continue;
-      const l = this.Ss.zs(r, h) * s.scale;
-      i = Math.max(i, l);
+      const c = this.Ts.bs(i, o);
+      if (c === 0) continue;
+      const l = this.Ts.Rs(i, c) * r.scale;
+      s = Math.max(s, l);
     }
-    return { width: Math.ceil(i), height: Math.ceil(n) };
+    return { width: Math.ceil(s), height: Math.ceil(n) };
   }
-  getCharacterAdvanceWidth(t, e, r) {
-    const i = this.Ss.Rs(r, e), s = this.Ss.bs(r, t);
-    return this.Ss.zs(r, s) * i.scale;
+  getCharacterAdvanceWidth(t, e, i) {
+    const s = this.Ts.zs(i, e), r = this.Ts.bs(i, t);
+    return this.Ts.Rs(i, r) * s.scale;
   }
   getFontMetrics(t, e) {
-    return this.Ss.Rs(e, t);
+    return this.Ts.zs(e, t);
   }
-  Ts() {
-    this.Ss.Ts();
+  Ss() {
+    this.Ts.Ss();
   }
 }
-class wt {
+class bt {
   constructor() {
-    c(this, "Vs");
-    this.Vs = new z();
+    h(this, "Os");
+    this.Os = new M();
   }
   createCharacterObjects(t, e) {
-    return t.map((r, i) => {
-      const s = r.codePointAt(0) || 0, n = this.qs(i);
+    return t.map((i, s) => {
+      const r = i.codePointAt(0) || 0, n = this.Ys(s);
       let o = 0;
       if (e.hmtx && e.hmtx.aWidth) {
-        const h = this.Vs.vs(e, s);
-        h > 0 && e.hmtx.aWidth[h] !== void 0 && (o = e.hmtx.aWidth[h]);
+        const c = this.Os.vs(e, r);
+        c > 0 && e.hmtx.aWidth[c] !== void 0 && (o = e.hmtx.aWidth[c]);
       }
-      return { character: r, unicode: s, color: n, advanceWidth: o };
+      return { character: i, unicode: r, color: n, advanceWidth: o };
     });
   }
-  qs(t) {
+  Ys(t) {
     return [t % 256 / 255, Math.floor(t / 256) % 256 / 255, Math.floor(t / 65536) % 256 / 255];
   }
-  Zs(t, e) {
-    if (!I.m(typeof t == "string", "Character must be a string.", { method: "getCharacterColor", providedValue: t })) return [0, 0, 0];
-    const r = e.find((i) => i.character === t);
-    return r ? r.color : [0, 0, 0];
-  }
   Ns(t, e) {
-    return I.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((r) => this.Zs(r, e) || [0, 0, 0]) : [[0, 0, 0]];
+    if (!D.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];
+  }
+  qs(t, e) {
+    return D.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.Ns(i, e) || [0, 0, 0]) : [[0, 0, 0]];
   }
 }
-class Tt {
+class _t {
   constructor(t, e = 16) {
-    c(this, "Qs");
-    c(this, "Js", []);
-    c(this, "Ks");
-    c(this, "ti", 16);
-    c(this, "ei", 0);
-    c(this, "si", 0);
-    c(this, "ii", { width: 0, height: 0 });
-    c(this, "ri");
-    c(this, "ni");
-    c(this, "oi");
-    c(this, "ai");
-    c(this, "hi");
-    this.ti = e, this.ni = new Et(), this.oi = new _t(t), this.ai = new bt(), this.hi = new wt();
+    h(this, "Zs");
+    h(this, "Qs", []);
+    h(this, "Js");
+    h(this, "ti", 16);
+    h(this, "ei", 0);
+    h(this, "si", 0);
+    h(this, "ii", { width: 0, height: 0 });
+    h(this, "ri");
+    h(this, "ni");
+    h(this, "oi");
+    h(this, "ai");
+    h(this, "hi");
+    this.ti = e, this.ni = new St(), this.oi = new Tt(t), this.ai = new wt(), this.hi = new bt();
   }
   async ci(t) {
     let e;
-    if (!t) throw new _("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
+    if (!t) throw new T("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
     {
-      const r = await fetch(t);
-      if (!r.ok) throw new _(`Failed to load font file: ${r.status} ${r.statusText}`);
-      e = await r.arrayBuffer();
+      const i = await fetch(t);
+      if (!i.ok) throw new T(`Failed to load font file: ${i.status} ${i.statusText}`);
+      e = await i.arrayBuffer();
     }
-    await this.li(e), this.Qs = w.parse(e)[0], await this.ui();
+    await this.li(e), this.Zs = b.parse(e)[0], await this.ui();
   }
-  fi(t) {
+  di(t) {
     if (t === void 0) return this.ti;
-    this.ti = t, this.ii = this.ai.calculateMaxGlyphDimensions(this.Js.map((r) => r.character), this.ti, this.Qs);
-    const e = this.oi.createTextureAtlas(this.Js, this.ii, this.ti, this.Qs);
-    this.Ks = e.framebuffer, this.ei = e.columns, this.si = e.rows;
+    this.ti = t, this.ii = this.ai.calculateMaxGlyphDimensions(this.Qs.map((i) => i.character), this.ti, this.Zs);
+    const e = this.oi.createTextureAtlas(this.Qs, this.ii, this.ti, this.Zs);
+    this.Js = e.framebuffer, this.ei = e.columns, this.si = e.rows;
   }
-  async di(t) {
+  async fi(t) {
     try {
       const e = await fetch(t);
-      if (!e.ok) throw new _(`Failed to load font file: ${e.status} ${e.statusText}`);
-      const r = await e.arrayBuffer();
-      await this.li(r);
-      const i = w.parse(r);
-      if (!i || i.length === 0) throw Error("Failed to parse font file");
-      this.Qs = i[0], await this.ui();
+      if (!e.ok) throw new T(`Failed to load font file: ${e.status} ${e.statusText}`);
+      const i = await e.arrayBuffer();
+      await this.li(i);
+      const s = b.parse(i);
+      if (!s || s.length === 0) throw Error("Failed to parse font file");
+      this.Zs = s[0], await this.ui();
     } catch (e) {
-      throw new _("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
+      throw new T("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
     }
   }
   async li(t) {
@@ -1347,25 +1347,25 @@ class Tt {
     this.ri = new FontFace("CustomFont_" + e, t), await this.ri.load(), document.fonts.add(this.ri);
   }
   async ui() {
-    const t = this.ni.extractCharacters(this.Qs), e = this.ni.filterProblematicCharacters(t);
-    this.Js = this.hi.createCharacterObjects(e, this.Qs), this.ii = this.ai.calculateMaxGlyphDimensions(e, this.ti, this.Qs);
-    const r = this.oi.createTextureAtlas(this.Js, this.ii, this.ti, this.Qs);
-    this.Ks = r.framebuffer, this.ei = r.columns, this.si = r.rows;
-  }
-  Zs(t) {
-    return this.hi.Zs(t, this.Js);
+    const t = this.ni.extractCharacters(this.Zs), e = this.ni.filterProblematicCharacters(t);
+    this.Qs = this.hi.createCharacterObjects(e, this.Zs), this.ii = this.ai.calculateMaxGlyphDimensions(e, this.ti, this.Zs);
+    const i = this.oi.createTextureAtlas(this.Qs, this.ii, this.ti, this.Zs);
+    this.Js = i.framebuffer, this.ei = i.columns, this.si = i.rows;
   }
   Ns(t) {
-    return this.hi.Ns(t, this.Js);
+    return this.hi.Ns(t, this.Qs);
+  }
+  qs(t) {
+    return this.hi.qs(t, this.Qs);
   }
   j() {
-    this.Ks.j(), document.fonts.delete(this.ri);
+    this.Js.j(), document.fonts.delete(this.ri);
   }
   get fontFramebuffer() {
-    return this.Ks;
+    return this.Js;
   }
   get characters() {
-    return this.Js;
+    return this.Qs;
   }
   get textureColumns() {
     return this.ei;
@@ -1380,33 +1380,33 @@ class Tt {
     return this.ti;
   }
   get font() {
-    return this.Qs;
+    return this.Zs;
   }
 }
 class At {
-  constructor(t, e, r) {
-    c(this, "pi");
-    c(this, "_i");
-    c(this, "C");
-    c(this, "$");
-    c(this, "gi");
-    c(this, "mi");
-    c(this, "xi");
-    c(this, "Ci");
-    c(this, "yi");
-    this.xi = t, this.Ci = e, this.yi = r, this.zt();
-  }
-  zt() {
-    this.pi = Math.floor(this.xi.width / this.Ci), this._i = Math.floor(this.xi.height / this.yi), this.C = this.pi * this.Ci, this.$ = this._i * this.yi, this.gi = Math.floor((this.xi.width - this.C) / 2), this.mi = Math.floor((this.xi.height - this.$) / 2);
+  constructor(t, e, i) {
+    h(this, "pi");
+    h(this, "_i");
+    h(this, "C");
+    h(this, "$");
+    h(this, "gi");
+    h(this, "mi");
+    h(this, "yi");
+    h(this, "Ci");
+    h(this, "xi");
+    this.yi = t, this.Ci = e, this.xi = i, this.Rt();
+  }
+  Rt() {
+    this.pi = Math.floor(this.yi.width / this.Ci), this._i = Math.floor(this.yi.height / this.xi), this.C = this.pi * this.Ci, this.$ = this._i * this.xi, this.gi = Math.floor((this.yi.width - this.C) / 2), this.mi = Math.floor((this.yi.height - this.$) / 2);
   }
   wi(t, e) {
-    this.Ci = t, this.yi = e, this.zt();
+    this.Ci = t, this.xi = e, this.Rt();
   }
   get cellWidth() {
     return this.Ci;
   }
   get cellHeight() {
-    return this.yi;
+    return this.xi;
   }
   get cols() {
     return this.pi;
@@ -1429,123 +1429,305 @@ class At {
 }
 class Ft {
   constructor(t = {}) {
-    c(this, "xi");
-    c(this, "$i");
-    c(this, "bi");
-    t.canvas ? (this.xi = t.canvas, this.bi = !1) : (this.xi = this.zi(t.width, t.height), this.bi = !0), this.xi.style.imageRendering = "pixelated";
+    h(this, "yi");
+    h(this, "$i");
+    h(this, "bi");
+    t.canvas ? (this.yi = t.canvas, this.bi = !1) : (this.yi = this.Ri(t.width, t.height), this.bi = !0), this.yi.style.imageRendering = "pixelated";
   }
-  zi(t, e) {
-    const r = document.createElement("canvas");
-    return r.className = "textmodeCanvas", r.style.imageRendering = "pixelated", r.width = t || 800, r.height = e || 600, document.body.appendChild(r), r;
+  Ri(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;
   }
-  W(t, e) {
-    this.xi.width = t ?? this.xi.width, this.xi.height = e ?? this.xi.height;
+  I(t, e) {
+    this.yi.width = t ?? this.yi.width, this.yi.height = e ?? this.yi.height;
   }
-  Ri() {
-    const t = this.xi.getContext("webgl2", { alpha: !0, premultipliedAlpha: !1, preserveDrawingBuffer: !0, antialias: !1, depth: !1, stencil: !1, powerPreference: "high-performance" });
-    if (!t) throw new _("`textmode.js` requires WebGL2 support.");
+  zi() {
+    const t = this.yi.getContext("webgl2", { alpha: !0, premultipliedAlpha: !1, preserveDrawingBuffer: !0, antialias: !1, depth: !1, stencil: !1, powerPreference: "high-performance" });
+    if (!t) throw new T("`textmode.js` requires WebGL2 support.");
     return t;
   }
   j() {
     this.$i && this.$i.disconnect();
-    const t = this.xi.getContext("webgl") || this.xi.getContext("webgl2");
+    const t = this.yi.getContext("webgl") || this.yi.getContext("webgl2");
     if (t) {
       const e = t.getExtension("WEBGL_lose_context");
       e && e.loseContext();
     }
-    this.bi && this.xi.parentNode && this.xi.parentNode.removeChild(this.xi);
+    this.bi && this.yi.parentNode && this.yi.parentNode.removeChild(this.yi);
   }
   get canvas() {
-    return this.xi;
+    return this.yi;
   }
   get width() {
-    return this.xi.width;
+    return this.yi.width;
   }
   get height() {
-    return this.xi.height;
+    return this.yi.height;
   }
 }
-class Ut {
+class Lt {
   constructor(t = 60) {
-    c(this, "Ti");
-    c(this, "Si");
-    c(this, "Mi", null);
-    c(this, "Fi", 0);
-    c(this, "Gi", !0);
-    c(this, "Di", 0);
-    c(this, "Pi", 0);
-    c(this, "Ai", []);
-    c(this, "Bi", 10);
-    c(this, "Ii", 0);
-    this.Ti = t, this.Si = 1e3 / t;
+    h(this, "Si");
+    h(this, "Ti");
+    h(this, "Pi", null);
+    h(this, "Mi", 0);
+    h(this, "Fi", !0);
+    h(this, "Ai", 0);
+    h(this, "Di", 0);
+    h(this, "Gi", []);
+    h(this, "ki", 10);
+    h(this, "Ei", 0);
+    this.Si = t, this.Ti = 1e3 / t;
   }
   start(t) {
-    if (!this.Gi) return;
-    this.Fi = performance.now();
-    const e = (r) => {
-      if (!this.Gi) return void (this.Mi = null);
-      const i = r - this.Fi;
-      i >= this.Si && (t(), this.Fi = r - i % this.Si), this.Gi && (this.Mi = requestAnimationFrame(e));
+    if (!this.Fi) return;
+    this.Mi = performance.now();
+    const e = (i) => {
+      if (!this.Fi) return void (this.Pi = null);
+      const s = i - this.Mi;
+      s >= this.Ti && (t(), this.Mi = i - s % this.Ti), this.Fi && (this.Pi = requestAnimationFrame(e));
     };
-    this.Mi = requestAnimationFrame(e);
+    this.Pi = requestAnimationFrame(e);
   }
   stop() {
-    this.Mi && (cancelAnimationFrame(this.Mi), this.Mi = null);
+    this.Pi && (cancelAnimationFrame(this.Pi), this.Pi = null);
   }
   pause() {
-    this.Gi && (this.Gi = !1, this.stop());
+    this.Fi && (this.Fi = !1, this.stop());
   }
   resume(t) {
-    this.Gi || (this.Gi = !0, this.start(t));
+    this.Fi || (this.Fi = !0, this.start(t));
   }
   frameRate(t, e) {
-    if (t === void 0) return this.Di;
-    this.Ti = t, this.Si = 1e3 / t, this.Gi && e && (this.stop(), this.start(e));
+    if (t === void 0) return this.Ai;
+    this.Si = t, this.Ti = 1e3 / t, this.Fi && e && (this.stop(), this.start(e));
   }
   measureFrameRate() {
     const t = performance.now();
-    if (this.Pi > 0) {
-      const e = t - this.Pi;
-      this.Ai.push(e), this.Ai.length > this.Bi && this.Ai.shift();
-      const r = this.Ai.reduce((i, s) => i + s, 0) / this.Ai.length;
-      this.Di = 1e3 / r;
+    if (this.Di > 0) {
+      const e = t - this.Di;
+      this.Gi.push(e), this.Gi.length > this.ki && this.Gi.shift();
+      const i = this.Gi.reduce((s, r) => s + r, 0) / this.Gi.length;
+      this.Ai = 1e3 / i;
     }
-    this.Pi = t;
+    this.Di = t;
   }
   get isLooping() {
-    return this.Gi;
+    return this.Fi;
   }
   get frameRateLimit() {
-    return this.Ti;
+    return this.Si;
   }
   get currentFrameRate() {
-    return this.Di;
+    return this.Ai;
   }
   get frameCount() {
-    return this.Ii;
+    return this.Ei;
   }
   set frameCount(t) {
-    this.Ii = t;
+    this.Ei = t;
   }
   incrementFrame() {
-    this.Ii++;
+    this.Ei++;
   }
   resetFrameCount() {
-    this.Ii = 0;
+    this.Ei = 0;
   }
 }
-const Lt = (a) => class extends a {
-  rotate(t = 0, e = 0, r = 0) {
-    this.Us.state.St(t), this.Us.state.Mt(e), this.Us.state.Ft(r);
+class Pt {
+  constructor(t) {
+    h(this, "yi");
+    h(this, "Li");
+    h(this, "Bi", { x: -1, y: -1 });
+    h(this, "Ii", { x: -1, y: -1 });
+    h(this, "Wi", null);
+    h(this, "Ui");
+    h(this, "Oi");
+    h(this, "Vi");
+    h(this, "ji");
+    h(this, "Hi");
+    h(this, "Ki");
+    h(this, "Xi", !1);
+    h(this, "Yi");
+    h(this, "Ni");
+    h(this, "qi");
+    h(this, "Zi");
+    h(this, "Qi");
+    this.yi = t;
+  }
+  ci(t) {
+    this.Li = t, this.Ji();
+  }
+  tr() {
+    if (this.Xi) return;
+    const t = this.yi.canvas;
+    this.Ui = (e) => {
+      this.er(e), this.sr(e);
+    }, this.Oi = () => {
+      this.Ii = { ...this.Bi }, this.Bi.x = -1, this.Bi.y = -1, this.Wi = null;
+    }, this.Vi = (e) => {
+      this.er(e), this.ir(e);
+    }, this.ji = (e) => {
+      this.er(e), this.rr(e);
+    }, this.Hi = (e) => {
+      this.er(e), this.nr(e);
+    }, this.Ki = (e) => {
+      this.er(e), this.ar(e);
+    }, t.addEventListener("mousemove", this.Ui, { passive: !0 }), t.addEventListener("mouseleave", this.Oi, { passive: !0 }), t.addEventListener("mousedown", this.Vi, { passive: !0 }), t.addEventListener("mouseup", this.ji, { passive: !0 }), t.addEventListener("click", this.Hi, { passive: !0 }), t.addEventListener("wheel", this.Ki, { passive: !1 }), this.Xi = !0;
+  }
+  hr() {
+    if (!this.Xi) return;
+    const t = this.yi.canvas;
+    t.removeEventListener("mousemove", this.Ui), t.removeEventListener("mouseleave", this.Oi), t.removeEventListener("mousedown", this.Vi), t.removeEventListener("mouseup", this.ji), t.removeEventListener("click", this.Hi), t.removeEventListener("wheel", this.Ki), this.Xi = !1;
+  }
+  Ji() {
+    if (this.Xi) try {
+      if (this.Wi) {
+        const t = new MouseEvent("mousemove", { clientX: this.Wi.x, clientY: this.Wi.y, bubbles: !1, cancelable: !1 });
+        this.er(t);
+      } else this.Bi.x !== -1 && this.Bi.y !== -1 && (this.Bi.x >= this.Li.cols || this.Bi.y >= this.Li.rows) && (this.Bi.x = -1, this.Bi.y = -1);
+    } catch {
+      this.Bi.x = -1, this.Bi.y = -1;
+    }
+  }
+  cr(t) {
+    this.Yi = t;
+  }
+  lr(t) {
+    this.Ni = t;
+  }
+  ur(t) {
+    this.qi = t;
+  }
+  dr(t) {
+    this.Zi = t;
+  }
+  pr(t) {
+    this.Qi = t;
+  }
+  _r() {
+    return { x: this.Bi.x, y: this.Bi.y };
+  }
+  sr(t) {
+    if (this.Zi) {
+      const e = { position: { ...this.Bi }, previousPosition: { ...this.Ii }, originalEvent: t };
+      this.Zi(e);
+    }
+  }
+  ir(t) {
+    if (this.Ni) {
+      const e = { position: { ...this.Bi }, previousPosition: { ...this.Ii }, button: t.button, originalEvent: t };
+      this.Ni(e);
+    }
+  }
+  rr(t) {
+    if (this.qi) {
+      const e = { position: { ...this.Bi }, previousPosition: { ...this.Ii }, button: t.button, originalEvent: t };
+      this.qi(e);
+    }
+  }
+  nr(t) {
+    if (this.Yi) {
+      const e = { position: { ...this.Bi }, previousPosition: { ...this.Ii }, button: t.button, originalEvent: t };
+      this.Yi(e);
+    }
+  }
+  ar(t) {
+    if (this.Qi) {
+      const e = { position: { ...this.Bi }, previousPosition: { ...this.Ii }, delta: { x: t.deltaX, y: t.deltaY }, originalEvent: t };
+      this.Qi(e);
+    }
+  }
+  er(t) {
+    const e = this.yi.canvas;
+    this.Ii = { ...this.Bi }, this.Wi = { 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.Li.offsetX, l = o - this.Li.offsetY, d = Math.floor(c / this.Li.cellWidth), u = Math.floor(l / this.Li.cellHeight);
+    d >= 0 && d < this.Li.cols && u >= 0 && u < this.Li.rows ? (this.Bi.x = d, this.Bi.y = u) : (this.Bi.x = -1, this.Bi.y = -1);
+  }
+}
+class Ut {
+  constructor() {
+    h(this, "gr", /* @__PURE__ */ new Map());
+    h(this, "mr", null);
+    h(this, "vr", null);
+    h(this, "yr");
+    h(this, "Cr");
+    h(this, "Xi", !1);
+    h(this, "wr");
+    h(this, "$r");
+    h(this, "br", { ArrowUp: "UP_ARROW", ArrowDown: "DOWN_ARROW", ArrowLeft: "LEFT_ARROW", ArrowRight: "RIGHT_ARROW", F1: "F1", F2: "F2", F3: "F3", F4: "F4", F5: "F5", F6: "F6", F7: "F7", F8: "F8", F9: "F9", F10: "F10", F11: "F11", F12: "F12", Enter: "ENTER", Return: "RETURN", Tab: "TAB", Escape: "ESCAPE", Backspace: "BACKSPACE", Delete: "DELETE", Insert: "INSERT", Home: "HOME", End: "END", PageUp: "PAGE_UP", PageDown: "PAGE_DOWN", Shift: "SHIFT", Control: "CONTROL", Alt: "ALT", Meta: "META", " ": "SPACE" });
+  }
+  tr() {
+    this.Xi || (this.yr = (t) => {
+      this.Rr(t);
+    }, this.Cr = (t) => {
+      this.zr(t);
+    }, window.addEventListener("keydown", this.yr, { passive: !1 }), window.addEventListener("keyup", this.Cr, { passive: !1 }), this.Xi = !0);
+  }
+  hr() {
+    this.Xi && (window.removeEventListener("keydown", this.yr), window.removeEventListener("keyup", this.Cr), this.Xi = !1, this.gr.clear(), this.mr = null, this.vr = null);
+  }
+  lr(t) {
+    this.wr = t;
+  }
+  ur(t) {
+    this.$r = t;
+  }
+  Sr(t) {
+    const e = this.Tr(t), i = this.gr.get(t) || this.gr.get(e);
+    return (i == null ? void 0 : i.isPressed) || !1;
+  }
+  Pr() {
+    return this.mr;
+  }
+  Mr() {
+    return this.vr;
+  }
+  Fr() {
+    const t = [];
+    for (const [e, i] of this.gr) i.isPressed && t.push(e);
+    return t;
+  }
+  Ar() {
+    return { ctrl: this.Sr("Control"), shift: this.Sr("Shift"), alt: this.Sr("Alt"), meta: this.Sr("Meta") };
+  }
+  Dr() {
+    this.gr.clear(), this.mr = null, this.vr = null;
+  }
+  Rr(t) {
+    const e = t.key, i = Date.now();
+    this.gr.has(e) || this.gr.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
+    const s = this.gr.get(e);
+    if (!s.isPressed && (s.isPressed = !0, s.lastPressTime = i, this.mr = e, this.wr)) {
+      const r = { key: e, keyCode: t.keyCode, ctrlKey: t.ctrlKey, shiftKey: t.shiftKey, altKey: t.altKey, metaKey: t.metaKey, isPressed: !0, originalEvent: t };
+      this.wr(r);
+    }
+  }
+  zr(t) {
+    const e = t.key, i = Date.now();
+    this.gr.has(e) || this.gr.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
+    const s = this.gr.get(e);
+    if (s.isPressed = !1, s.lastReleaseTime = i, this.vr = e, this.$r) {
+      const r = { key: e, keyCode: t.keyCode, ctrlKey: t.ctrlKey, shiftKey: t.shiftKey, altKey: t.altKey, metaKey: t.metaKey, isPressed: !1, originalEvent: t };
+      this.$r(r);
+    }
+  }
+  Tr(t) {
+    return this.br[t] || t.toLowerCase();
+  }
+}
+const Dt = (a) => class extends a {
+  rotate(t = 0, e = 0, i = 0) {
+    this.Us.state.Tt(t), this.Us.state.Pt(e), this.Us.state.Mt(i);
   }
   rotateX(t) {
-    this.Us.state.St(t);
+    this.Us.state.Tt(t);
   }
   rotateY(t) {
-    this.Us.state.Mt(t);
+    this.Us.state.Pt(t);
   }
   rotateZ(t) {
-    this.Us.state.Ft(t);
+    this.Us.state.Mt(t);
   }
   push() {
     this.Us.state.$t();
@@ -1553,183 +1735,186 @@ const Lt = (a) => class extends a {
   pop() {
     this.Us.state.bt();
   }
-  rect(t, e, r = 1, i = 1) {
-    this.Us.Je(t, e, r, i);
+  rect(t, e, i = 1, s = 1) {
+    this.Us.Qe(t, e, i, s);
+  }
+  point(t, e) {
+    this.Us.Qe(t, e, 1, 1);
   }
-  line(t, e, r, i) {
-    this.Us.Ke(t, e, r, i);
+  line(t, e, i, s) {
+    this.Us.Je(t, e, i, s);
   }
   lineWeight(t) {
-    this.Us.state.Tt(t);
+    this.Us.state.St(t);
   }
-  background(t, e = t, r = t, i = 255) {
-    this.Us.hs(t, e, r, i);
+  background(t, e = t, i = t, s = 255) {
+    this.Us.hs(t, e, i, s);
   }
   char(t) {
-    this.Us.state.Gt(this.Qs.Zs(t));
+    this.Us.state.Ft(this.Zs.Ns(t));
   }
-  charColor(t, e, r) {
-    this.Us.state.Dt(t, e, r);
+  charColor(t, e, i) {
+    this.Us.state.At(t, e, i);
   }
-  cellColor(t, e, r) {
-    this.Us.state.Pt(t, e, r);
+  cellColor(t, e, i) {
+    this.Us.state.Dt(t, e, i);
   }
   flipX(t) {
-    this.Us.state.At(t);
+    this.Us.state.Gt(t);
   }
   flipY(t) {
-    this.Us.state.Bt(t);
+    this.Us.state.kt(t);
   }
   charRotation(t) {
     this.Us.state.Lt(t);
   }
   invert(t) {
-    this.Us.state.It(t);
+    this.Us.state.Et(t);
   }
   clear() {
     this.Us.hs(0, 0, 0, 0);
   }
-  ellipse(t, e, r, i) {
-    this.Us.ts(t, e, r / 2, i / 2);
+  ellipse(t, e, i, s) {
+    this.Us.ts(t, e, i / 2, s / 2);
   }
-  triangle(t, e, r, i, s, n) {
-    this.Us.es(t, e, r, i, s, n);
+  triangle(t, e, i, s, r, n) {
+    this.Us.es(t, e, i, s, r, n);
   }
-  bezierCurve(t, e, r, i, s, n, o, h) {
-    this.Us.ss(t, e, r, i, s, n, o, h);
+  bezierCurve(t, e, i, s, r, n, o, c) {
+    this.Us.ss(t, e, i, s, r, n, o, c);
   }
-  arc(t, e, r, i, s, n) {
-    this.Us.ns(t, e, r, i, s, n);
+  arc(t, e, i, s, r, n) {
+    this.Us.ns(t, e, i, s, r, n);
   }
   shader(t) {
-    this.Us.Ye(t);
+    this.Us.Xe(t);
   }
   setUniform(t, e) {
-    this.Us.qe(t, e);
+    this.Us.Ye(t, e);
   }
   setUniforms(t) {
-    this.Us.Ze(t);
+    this.Us.Ne(t);
   }
   createFilterShader(t) {
-    return this.Us.Ne(t);
+    return this.Us.qe(t);
   }
 };
-class W {
-  Li(t) {
-    const e = t.k(0), r = t.k(1), i = t.k(2), s = t.k(3);
-    return { characterPixels: e, primaryColorPixels: r, secondaryColorPixels: i, transformPixels: t.k(4), rotationPixels: s };
+class $ {
+  Gr(t) {
+    const e = t.W(0), i = t.W(1), s = t.W(2), r = t.W(3);
+    return { characterPixels: e, primaryColorPixels: i, secondaryColorPixels: s, transformPixels: t.W(4), rotationPixels: r };
   }
-  Ei(t, e) {
+  kr(t, e) {
     return t[e] + (t[e + 1] << 8);
   }
-  Wi(t, e) {
+  Er(t, e) {
     return { r: t[e], g: t[e + 1], b: t[e + 2], a: t[e + 3] };
   }
 }
-class k {
-  ki(t, e) {
+class N {
+  Lr(t, e) {
     return new Blob([t], { type: e });
   }
-  Ui(t, e, r) {
+  Br(t, e, i) {
     try {
-      const i = this.ki(t, r), s = URL.createObjectURL(i), n = document.createElement("a");
-      n.href = s, n.download = e, n.style.display = "none", n.rel = "noopener", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(s);
-    } catch (i) {
-      throw console.error("Failed to download file:", i), Error("File download failed: " + (i instanceof Error ? i.message : "Unknown error"));
+      const s = this.Lr(t, i), r = URL.createObjectURL(s), n = document.createElement("a");
+      n.href = r, n.download = e, n.style.display = "none", n.rel = "noopener", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(r);
+    } catch (s) {
+      throw console.error("Failed to download file:", s), Error("File download failed: " + (s instanceof Error ? s.message : "Unknown error"));
     }
   }
-  Vi() {
+  Ir() {
     return (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-");
   }
-  Oi() {
+  Wr() {
     const t = /* @__PURE__ */ new Date();
     return { date: t.toISOString().split("T")[0], time: t.toTimeString().split(" ")[0].replace(/:/g, "-") };
   }
-  ji(t) {
+  Ur(t) {
     return t.replace(/[<>:"/\\|?*]/g, "_").replace(/\s+/g, "_").replace(/_{2,}/g, "_").replace(/^_+|_+$/g, "").substring(0, 255);
   }
-  Hi() {
-    return "textmode-export-" + this.Vi();
+  Or() {
+    return "textmode-export-" + this.Ir();
   }
 }
-class Pt extends W {
-  Xi(t, e, r) {
-    const i = t[r] === 255, s = t[r + 1] === 255, n = t[r + 2] === 255, o = e[r], h = e[r + 1];
-    return { isInverted: i, flipHorizontal: s, flipVertical: n, rotation: Math.round(360 * (o + h / 255) / 255 * 100) / 100 };
+class It extends $ {
+  Vr(t, e, i) {
+    const s = t[i] === 255, r = t[i + 1] === 255, n = t[i + 2] === 255, o = e[i], c = e[i + 1];
+    return { isInverted: s, flipHorizontal: r, flipVertical: n, rotation: Math.round(360 * (o + c / 255) / 255 * 100) / 100 };
   }
-  Yi(t, e, r) {
-    return { x: t, y: e, cellX: t * r.cellWidth, cellY: e * r.cellHeight };
+  jr(t, e, i) {
+    return { x: t, y: e, cellX: t * i.cellWidth, cellY: e * i.cellHeight };
   }
-  qi(t, e) {
-    const r = [];
-    let i = 0;
-    for (let s = 0; s < e.rows; s++) for (let n = 0; n < e.cols; n++) {
-      const o = 4 * i, h = this.Ei(t.characterPixels, o);
-      let l = this.Wi(t.primaryColorPixels, o), d = this.Wi(t.secondaryColorPixels, o);
-      const u = this.Xi(t.transformPixels, t.rotationPixels, o);
+  Hr(t, e) {
+    const i = [];
+    let s = 0;
+    for (let r = 0; r < e.rows; r++) for (let n = 0; n < e.cols; n++) {
+      const o = 4 * s, c = this.kr(t.characterPixels, o);
+      let l = this.Er(t.primaryColorPixels, o), d = this.Er(t.secondaryColorPixels, o);
+      const u = this.Vr(t.transformPixels, t.rotationPixels, o);
       if (u.isInverted) {
         const g = l;
         l = d, d = g;
       }
-      const f = this.Yi(n, s, e);
-      r.push({ charIndex: h, primaryColor: l, secondaryColor: d, transform: u, position: f }), i++;
+      const f = this.jr(n, r, e);
+      i.push({ charIndex: c, primaryColor: l, secondaryColor: d, transform: u, position: f }), s++;
     }
-    return r;
+    return i;
   }
 }
-class It {
-  Zi(t, e) {
-    const r = t.cmap;
-    for (const i of r.tables) if (i.format === 4) {
-      const s = i;
-      for (let n = 0; n < s.startCount.length; n++) if (e >= s.startCount[n] && e <= s.endCount[n]) {
-        if (s.idRangeOffset[n] === 0) return e + s.idDelta[n] & 65535;
+class Bt {
+  Kr(t, e) {
+    const i = t.cmap;
+    for (const s of i.tables) if (s.format === 4) {
+      const r = s;
+      for (let n = 0; n < r.startCount.length; n++) if (e >= r.startCount[n] && e <= r.endCount[n]) {
+        if (r.idRangeOffset[n] === 0) return e + r.idDelta[n] & 65535;
         {
-          const o = s.idRangeOffset[n] / 2 + (e - s.startCount[n]) - (s.startCount.length - n);
-          if (o >= 0 && o < s.glyphIdArray.length) {
-            const h = s.glyphIdArray[o];
-            if (h !== 0) return h + s.idDelta[n] & 65535;
+          const o = r.idRangeOffset[n] / 2 + (e - r.startCount[n]) - (r.startCount.length - n);
+          if (o >= 0 && o < r.glyphIdArray.length) {
+            const c = r.glyphIdArray[o];
+            if (c !== 0) return c + r.idDelta[n] & 65535;
           }
         }
       }
-    } else if (i.format === 12) {
-      const s = i;
-      for (let n = 0; n < s.groups.length; n += 3) {
-        const o = s.groups[n], h = s.groups[n + 1], l = s.groups[n + 2];
-        if (e >= o && e <= h) return l + (e - o);
+    } else if (s.format === 12) {
+      const r = s;
+      for (let n = 0; n < r.groups.length; n += 3) {
+        const o = r.groups[n], c = r.groups[n + 1], l = r.groups[n + 2];
+        if (e >= o && e <= c) return l + (e - o);
       }
     }
     return 0;
   }
-  Ni(t, e, r, i, s) {
-    const n = s / t.head.unitsPerEm;
-    return { getBoundingBox: () => ({ x1: r + e.xMin * n, y1: i + -e.yMax * n, x2: r + e.xMax * n, y2: i + -e.yMin * n }), toSVG: () => this.Qi(e, r, i, n) };
+  Xr(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.Yr(e, i, s, n) };
   }
-  Qi(t, e, r, i) {
+  Yr(t, e, i, s) {
     if (!t || !t.xs) return "";
-    const { xs: s, ys: n, endPts: o, flags: h } = t;
-    if (!(s && n && o && h)) return "";
+    const { xs: r, ys: n, endPts: o, flags: c } = t;
+    if (!(r && n && o && c)) return "";
     let l = "", d = 0;
     for (let u = 0; u < o.length; u++) {
       const f = o[u];
       if (!(f < d)) {
         if (f >= d) {
-          const g = e + s[d] * i, p = r - n[d] * i;
+          const g = e + r[d] * s, p = i - n[d] * s;
           l += `M${g.toFixed(2)},${p.toFixed(2)}`;
           let m = d + 1;
           for (; m <= f; )
-            if (1 & h[m]) {
-              const R = e + s[m] * i, v = r - n[m] * i;
-              l += `L${R.toFixed(2)},${v.toFixed(2)}`, m++;
+            if (1 & c[m]) {
+              const E = e + r[m] * s, C = i - n[m] * s;
+              l += `L${E.toFixed(2)},${C.toFixed(2)}`, m++;
             } else {
-              const R = e + s[m] * i, v = r - n[m] * i;
-              let E = m + 1 > f ? d : m + 1;
-              if (1 & h[E]) {
-                const b = e + s[E] * i, y = r - n[E] * i;
-                l += `Q${R.toFixed(2)},${v.toFixed(2)} ${b.toFixed(2)},${y.toFixed(2)}`, m = E + 1;
+              const E = e + r[m] * s, C = i - n[m] * s;
+              let S = m + 1 > f ? d : m + 1;
+              if (1 & c[S]) {
+                const w = e + r[S] * s, x = i - n[S] * s;
+                l += `Q${E.toFixed(2)},${C.toFixed(2)} ${w.toFixed(2)},${x.toFixed(2)}`, m = S + 1;
               } else {
-                const b = (R + (e + s[E] * i)) / 2, y = (v + (r - n[E] * i)) / 2;
-                l += `Q${R.toFixed(2)},${v.toFixed(2)} ${b.toFixed(2)},${y.toFixed(2)}`, m = E;
+                const w = (E + (e + r[S] * s)) / 2, x = (C + (i - n[S] * s)) / 2;
+                l += `Q${E.toFixed(2)},${C.toFixed(2)} ${w.toFixed(2)},${x.toFixed(2)}`, m = S;
               }
             }
           l += "Z";
@@ -1739,22 +1924,22 @@ class It {
     }
     return l;
   }
-  Ji(t, e, r, i, s) {
-    const n = t.codePointAt(0) || 0, o = this.Zi(e, n);
-    let h = null;
-    return e.glyf && e.glyf[o] !== null ? h = e.glyf[o] : (h = w.T.glyf.us(e, o), e.glyf[o] = h), this.Ni(e, h, r, i, s);
+  Nr(t, e, i, s, r) {
+    const n = t.codePointAt(0) || 0, o = this.Kr(e, n);
+    let c = null;
+    return e.glyf && e.glyf[o] !== null ? c = e.glyf[o] : (c = b.T.glyf.us(e, o), e.glyf[o] = c), this.Xr(e, c, i, s, r);
   }
-  Ki(t, e, r, i, s, n, o, h) {
-    const l = r + (s - h * (o / e.head.unitsPerEm)) / 2, d = i + (n + 0.7 * o) / 2;
-    return this.Ji(t, e, l, d, o).toSVG() || null;
+  qr(t, e, i, s, r, n, o, c) {
+    const l = i + (r - c * (o / e.head.unitsPerEm)) / 2, d = s + (n + 0.7 * o) / 2;
+    return this.Nr(t, e, l, d, o).toSVG() || null;
   }
 }
-class Dt {
+class Mt {
   constructor() {
-    c(this, "tr");
-    this.tr = new It();
+    h(this, "Zr");
+    this.Zr = new Bt();
   }
-  er(t) {
+  Qr(t) {
     return `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg width="${t.width}" height="${t.height}" viewBox="0 0 ${t.width} ${t.height}" 
@@ -1762,173 +1947,173 @@ class Dt {
 <title>textmode art generated via textmode.js</title>
 <desc>textmode art visualization generated by textmode.js library</desc>`;
   }
-  sr() {
+  Jr() {
     return `
 </g>
 </svg>`;
   }
-  ir(t, e) {
+  tn(t, e) {
     if (!e.includeBackgroundRectangles) return "";
-    const r = e.backgroundColor, i = `rgba(${r[0]},${r[1]},${r[2]},${r[3] / 255})`;
+    const i = e.backgroundColor, s = `rgba(${i[0]},${i[1]},${i[2]},${i[3] / 255})`;
     return `
-<rect width="${t.width}" height="${t.height}" fill="${i}" />`;
+<rect width="${t.width}" height="${t.height}" fill="${s}" />`;
   }
-  rr(t) {
+  en(t) {
     return `rgba(${t.r},${t.g},${t.b},${t.a / 255})`;
   }
-  nr(t, e) {
-    const { transform: r, position: i } = t, s = i.cellX + e.cellWidth / 2, n = i.cellY + e.cellHeight / 2, o = [];
-    if (r.flipHorizontal || r.flipVertical) {
-      const h = r.flipHorizontal ? -1 : 1, l = r.flipVertical ? -1 : 1;
-      o.push(`translate(${s} ${n})`), o.push(`scale(${h} ${l})`), o.push(`translate(${-s} ${-n})`);
+  sn(t, e) {
+    const { transform: i, position: s } = t, r = s.cellX + e.cellWidth / 2, n = s.cellY + e.cellHeight / 2, o = [];
+    if (i.flipHorizontal || i.flipVertical) {
+      const c = i.flipHorizontal ? -1 : 1, l = i.flipVertical ? -1 : 1;
+      o.push(`translate(${r} ${n})`), o.push(`scale(${c} ${l})`), o.push(`translate(${-r} ${-n})`);
     }
-    return r.rotation && o.push(`rotate(${r.rotation} ${s} ${n})`), o.length ? ` transform="${o.join(" ")}"` : "";
-  }
-  ar(t, e, r) {
-    if (!r.includeBackgroundRectangles || t.secondaryColor.a === 0) return "";
-    const { position: i } = t, s = this.rr(t.secondaryColor);
-    return r.drawMode === "stroke" ? `
-  <rect x="${i.cellX}" y="${i.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" stroke="${s}" fill="none" stroke-width="${r.strokeWidth}" />` : `
-  <rect x="${i.cellX}" y="${i.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" fill="${s}" />`;
-  }
-  Ji(t, e, r, i) {
-    const s = r.characters[t.charIndex];
-    if (!s) return "";
-    const n = this.tr.Ki(s.character, r.font, t.position.cellX, t.position.cellY, e.cellWidth, e.cellHeight, r.fontSize, s.advanceWidth);
-    if (!n) return "";
-    const o = this.rr(t.primaryColor);
+    return i.rotation && o.push(`rotate(${i.rotation} ${r} ${n})`), o.length ? ` transform="${o.join(" ")}"` : "";
+  }
+  rn(t, e, i) {
+    if (!i.includeBackgroundRectangles || t.secondaryColor.a === 0) return "";
+    const { position: s } = t, r = this.en(t.secondaryColor);
     return i.drawMode === "stroke" ? `
-    <path id="${`path-${t.charIndex}-${t.position.cellX}-${t.position.cellY}`.replace(/\./g, "-")}" d="${n}" stroke="${o}" stroke-width="${i.strokeWidth}" fill="none" />` : `
+  <rect x="${s.cellX}" y="${s.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" stroke="${r}" fill="none" stroke-width="${i.strokeWidth}" />` : `
+  <rect x="${s.cellX}" y="${s.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" fill="${r}" />`;
+  }
+  Nr(t, e, i, s) {
+    const r = i.characters[t.charIndex];
+    if (!r) return "";
+    const n = this.Zr.qr(r.character, i.font, t.position.cellX, t.position.cellY, e.cellWidth, e.cellHeight, i.fontSize, r.advanceWidth);
+    if (!n) return "";
+    const o = this.en(t.primaryColor);
+    return s.drawMode === "stroke" ? `
+    <path id="${`path-${t.charIndex}-${t.position.cellX}-${t.position.cellY}`.replace(/\./g, "-")}" d="${n}" stroke="${o}" stroke-width="${s.strokeWidth}" fill="none" />` : `
     <path d="${n}" fill="${o}" />`;
   }
-  hr(t, e, r, i) {
-    let s = "";
-    s += this.ar(t, e, i);
-    const n = this.nr(t, e), o = this.Ji(t, e, r, i);
-    return o && (n ? (s += `
-  <g${n}>`, s += o, s += `
-  </g>`) : s += o), s;
-  }
-  cr(t, e, r, i) {
-    let s = this.er(e);
-    s += this.ir(e, i), s += `
+  nn(t, e, i, s) {
+    let r = "";
+    r += this.rn(t, e, s);
+    const n = this.sn(t, e), o = this.Nr(t, e, i, s);
+    return o && (n ? (r += `
+  <g${n}>`, r += o, r += `
+  </g>`) : r += o), r;
+  }
+  an(t, e, i, s) {
+    let r = this.Qr(e);
+    r += this.tn(e, s), r += `
 <g id="ascii-cells">`;
-    for (const n of t) s += this.hr(n, e, r, i);
-    return s += this.sr(), s;
+    for (const n of t) r += this.nn(n, e, i, s);
+    return r += this.Jr(), r;
   }
-  lr(t) {
+  hn(t) {
     return t.replace(/<path[^>]*d=""[^>]*\/>/g, "").replace(/\n\s*\n/g, `
 `).replace(/[ \t]+$/gm, "");
   }
 }
-class Mt extends k {
-  ur(t) {
-    return this.ki(t, "image/svg+xml;charset=utf-8");
+class zt extends N {
+  cn(t) {
+    return this.Lr(t, "image/svg+xml;charset=utf-8");
   }
-  dr(t, e) {
-    this.Ui(t, this.ji(e) + ".svg", "image/svg+xml;charset=utf-8");
+  ln(t, e) {
+    this.Br(t, this.Ur(e) + ".svg", "image/svg+xml;charset=utf-8");
   }
-  pr(t, e) {
-    this.dr(t, e || this.Hi());
+  un(t, e) {
+    this.ln(t, e || this.Or());
   }
 }
-class j {
+class Y {
   constructor() {
-    c(this, "_r");
-    c(this, "gr");
-    c(this, "mr");
-    this._r = new Pt(), this.gr = new Dt(), this.mr = new Mt();
+    h(this, "dn");
+    h(this, "fn");
+    h(this, "pn");
+    this.dn = new It(), this.fn = new Mt(), this.pn = new zt();
   }
-  vr(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.mr.Hi() };
+  _n(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.pn.Or() };
   }
-  Cr(t, e = {}) {
-    const r = this._r.qi(this._r.Li(t.pipeline), t.grid), i = this.gr.cr(r, t.grid, t.font, this.vr(e));
-    return this.gr.lr(i);
+  gn(t, e = {}) {
+    const i = this.dn.Hr(this.dn.Gr(t.pipeline), t.grid), s = this.fn.an(i, t.grid, t.font, this._n(e));
+    return this.fn.hn(s);
   }
-  pr(t, e = {}) {
-    this.mr.pr(this.Cr(t, e), e.filename);
+  un(t, e = {}) {
+    this.pn.un(this.gn(t, e), e.filename);
   }
 }
-class zt extends W {
-  yr(t, e, r, i = " ") {
+class Ot extends $ {
+  mn(t, e, i, s = " ") {
     var o;
-    const s = [];
+    const r = [];
     let n = 0;
-    for (let h = 0; h < e.rows; h++) {
+    for (let c = 0; c < e.rows; c++) {
       const l = [];
       for (let d = 0; d < e.cols; d++) {
-        const u = 4 * n, f = this.Ei(t.characterPixels, u), g = ((o = r.characters[f]) == null ? void 0 : o.character) || i;
+        const u = 4 * n, f = this.kr(t.characterPixels, u), g = ((o = i.characters[f]) == null ? void 0 : o.character) || s;
         l.push(g), n++;
       }
-      s.push(l);
+      r.push(l);
     }
-    return s;
+    return r;
   }
 }
-class Bt {
-  wr(t, e) {
-    const r = [];
-    for (const s of t) {
-      let n = s.join("");
-      e.preserveTrailingSpaces || (n = n.replace(/\s+$/, "")), r.push(n);
+class Gt {
+  vn(t, e) {
+    const i = [];
+    for (const r of t) {
+      let n = r.join("");
+      e.preserveTrailingSpaces || (n = n.replace(/\s+$/, "")), i.push(n);
     }
-    const i = e.lineEnding === "crlf" ? `\r
+    const s = e.lineEnding === "crlf" ? `\r
 ` : `
 `;
-    return r.join(i);
+    return i.join(s);
   }
 }
-class Gt extends k {
-  $r(t, e) {
-    const r = this.br(e);
-    this.Ui(t, r, "text/plain;charset=utf-8");
+class Wt extends N {
+  yn(t, e) {
+    const i = this.Cn(e);
+    this.Br(t, i, "text/plain;charset=utf-8");
   }
-  br(t) {
-    let e = this.ji(t);
-    return e === ".txt" || e.length <= 4 ? this.Hi() : e;
+  Cn(t) {
+    let e = this.Ur(t);
+    return e === ".txt" || e.length <= 4 ? this.Or() : e;
   }
 }
-class Y {
+class j {
   constructor() {
-    c(this, "_r");
-    c(this, "gr");
-    c(this, "mr");
-    this._r = new zt(), this.gr = new Bt(), this.mr = new Gt();
+    h(this, "dn");
+    h(this, "fn");
+    h(this, "pn");
+    this.dn = new Ot(), this.fn = new Gt(), this.pn = new Wt();
   }
-  vr(t) {
-    return { preserveTrailingSpaces: t.preserveTrailingSpaces ?? !1, lineEnding: t.lineEnding ?? "lf", emptyCharacter: t.emptyCharacter ?? " ", filename: t.filename || this.mr.Hi() };
+  _n(t) {
+    return { preserveTrailingSpaces: t.preserveTrailingSpaces ?? !1, lineEnding: t.lineEnding ?? "lf", emptyCharacter: t.emptyCharacter ?? " ", filename: t.filename || this.pn.Or() };
   }
-  zr(t, e = {}) {
-    const r = this.vr(e), i = this._r.yr(this._r.Li(t.pipeline), t.grid, t.font, r.emptyCharacter);
-    return this.gr.wr(i, r);
+  xn(t, e = {}) {
+    const i = this._n(e), s = this.dn.mn(this.dn.Gr(t.pipeline), t.grid, t.font, i.emptyCharacter);
+    return this.fn.vn(s, i);
   }
-  $r(t, e = {}) {
-    this.mr.$r(this.zr(t, e), e.filename);
+  yn(t, e = {}) {
+    this.pn.yn(this.xn(t, e), e.filename);
   }
 }
-class $t extends W {
-  Rr(t, e = 1, r = "transparent") {
-    const i = t.canvas;
-    if (e === 1 && r === "transparent") return i;
-    const s = document.createElement("canvas"), n = s.getContext("2d"), o = Math.round(i.width * e), h = Math.round(i.height * e);
-    return s.width = o, s.height = h, r !== "transparent" && (n.fillStyle = r, n.fillRect(0, 0, o, h)), n.imageSmoothingEnabled = !1, n.drawImage(i, 0, 0, i.width, i.height, 0, 0, o, h), s;
+class $t extends $ {
+  wn(t, e = 1, i = "transparent") {
+    const s = t.canvas;
+    if (e === 1 && i === "transparent") return s;
+    const r = document.createElement("canvas"), n = r.getContext("2d"), o = Math.round(s.width * e), c = Math.round(s.height * e);
+    return r.width = o, r.height = c, i !== "transparent" && (n.fillStyle = i, n.fillRect(0, 0, o, c)), n.imageSmoothingEnabled = !1, n.drawImage(s, 0, 0, s.width, s.height, 0, 0, o, c), r;
   }
 }
-class Ot {
-  Tr(t, e) {
-    const r = this.Sr(e.format);
-    return e.format === "png" ? t.toDataURL(r) : t.toDataURL(r, e.quality);
-  }
-  async Mr(t, e) {
-    return new Promise((r, i) => {
-      const s = this.Sr(e.format), n = (o) => {
-        o ? r(o) : i(Error(`Failed to generate ${e.format.toUpperCase()} blob`));
+class Nt {
+  $n(t, e) {
+    const i = this.bn(e.format);
+    return e.format === "png" ? t.toDataURL(i) : t.toDataURL(i, e.quality);
+  }
+  async Rn(t, e) {
+    return new Promise((i, s) => {
+      const r = this.bn(e.format), n = (o) => {
+        o ? i(o) : s(Error(`Failed to generate ${e.format.toUpperCase()} blob`));
       };
-      e.format === "png" ? t.toBlob(n, s) : t.toBlob(n, s, e.quality);
+      e.format === "png" ? t.toBlob(n, r) : t.toBlob(n, r, e.quality);
     });
   }
-  Sr(t) {
+  bn(t) {
     switch (t) {
       case "png":
         return "image/png";
@@ -1941,213 +2126,267 @@ class Ot {
     }
   }
 }
-const Wt = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, H = { png: ".png", jpg: ".jpg", webp: ".webp" };
-class kt extends k {
-  Fr(t, e, r) {
-    this.Gr(t, this.ji(e) + H[r]);
+const kt = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, Z = { png: ".png", jpg: ".jpg", webp: ".webp" };
+class Xt extends N {
+  zn(t, e, i) {
+    this.Sn(t, this.Ur(e) + Z[i]);
   }
-  Gr(t, e) {
-    const r = URL.createObjectURL(t);
+  Sn(t, e) {
+    const i = URL.createObjectURL(t);
     try {
-      const i = document.createElement("a");
-      i.href = r, i.download = e, i.style.display = "none", i.rel = "noopener", document.body.appendChild(i), i.click(), document.body.removeChild(i);
+      const s = document.createElement("a");
+      s.href = i, s.download = e, s.style.display = "none", s.rel = "noopener", document.body.appendChild(s), s.click(), document.body.removeChild(s);
     } finally {
-      URL.revokeObjectURL(r);
+      URL.revokeObjectURL(i);
     }
   }
-  Dr(t) {
-    return t in Wt && t in H;
+  Tn(t) {
+    return t in kt && t in Z;
   }
 }
-class Nt {
+class Vt {
   constructor() {
-    c(this, "_r");
-    c(this, "gr");
-    c(this, "mr");
-    this._r = new $t(), this.gr = new Ot(), this.mr = new kt();
+    h(this, "dn");
+    h(this, "fn");
+    h(this, "pn");
+    this.dn = new $t(), this.fn = new Nt(), this.pn = new Xt();
   }
-  vr(t) {
-    return { format: t.format ?? "png", quality: t.quality ?? 1, scale: t.scale ?? 1, backgroundColor: t.backgroundColor ?? "transparent", filename: t.filename || this.mr.Hi() };
+  _n(t) {
+    return { format: t.format ?? "png", quality: t.quality ?? 1, scale: t.scale ?? 1, backgroundColor: t.backgroundColor ?? "transparent", filename: t.filename || this.pn.Or() };
   }
-  Pr(t) {
-    if (!this.mr.Dr(t.format)) throw Error(`Saving '${t.format}' files is not supported`);
+  Pn(t) {
+    if (!this.pn.Tn(t.format)) throw Error(`Saving '${t.format}' files is not supported`);
     if (t.quality < 0 || t.quality > 1) throw Error("Image quality must be between 0.0 and 1.0");
     if (t.scale <= 0) throw Error("Scale factor must be greater than 0");
     t.format === "jpg" && t.backgroundColor === "transparent" && (t.backgroundColor = "black");
   }
-  async Mr(t, e) {
-    if (e.scale === 1 && e.backgroundColor === "transparent") return await this.gr.Mr(t.canvas, e);
-    const r = this._r.Rr(t, e.scale, e.backgroundColor);
-    return await this.gr.Mr(r, e);
+  async Rn(t, e) {
+    if (e.scale === 1 && e.backgroundColor === "transparent") return await this.fn.Rn(t.canvas, e);
+    const i = this.dn.wn(t, e.scale, e.backgroundColor);
+    return await this.fn.Rn(i, e);
   }
-  async Fr(t, e = {}) {
-    const r = this.vr(e);
-    this.Pr(r);
-    const i = await this.Mr(t, r);
-    this.mr.Fr(i, r.filename, r.format);
+  async zn(t, e = {}) {
+    const i = this._n(e);
+    this.Pn(i);
+    const s = await this.Rn(t, i);
+    this.pn.zn(s, i.filename, i.format);
   }
 }
-const Vt = (a) => class extends a {
-  Ar() {
-    this.Us.ls(this.Br);
+const Yt = (a) => class extends a {
+  Mn() {
+    this.Us.ls(this.Fn);
   }
   toString(t = {}) {
-    return this.Ar(), new Y().zr({ pipeline: this.Ir, grid: this.Lr, font: this.Qs }, t);
+    return this.Mn(), new j().xn({ pipeline: this.An, grid: this.Li, font: this.Zs }, t);
   }
   saveStrings(t = {}) {
-    this.Ar(), new Y().$r({ pipeline: this.Ir, grid: this.Lr, font: this.Qs }, t);
+    this.Mn(), new j().yn({ pipeline: this.An, grid: this.Li, font: this.Zs }, t);
   }
   toSVG(t = {}) {
-    return this.Ar(), new j().Cr({ pipeline: this.Ir, grid: this.Lr, font: this.Qs }, t);
+    return this.Mn(), new Y().gn({ pipeline: this.An, grid: this.Li, font: this.Zs }, t);
   }
   saveSVG(t = {}) {
-    this.Ar(), new j().pr({ pipeline: this.Ir, grid: this.Lr, font: this.Qs }, t);
+    this.Mn(), new Y().un({ pipeline: this.An, grid: this.Li, font: this.Zs }, t);
   }
   async saveCanvas(t = {}) {
-    await new Nt().Fr(this.xi, t);
+    await new Vt().zn(this.yi, t);
   }
-}, Xt = (a) => class extends a {
+}, jt = (a) => class extends a {
   async loadFont(t) {
-    return this.Qs.di(t).then(() => {
-      const e = this.Qs.maxGlyphDimensions;
-      this.Lr.wi(e.width, e.height), this.Ir.W(this.Lr.cols, this.Lr.rows), this.Us.cs();
+    return this.Zs.fi(t).then(() => {
+      const e = this.Zs.maxGlyphDimensions;
+      this.Li.wi(e.width, e.height), this.An.I(this.Li.cols, this.Li.rows), this.Us.cs(), this.Dn.Ji();
     });
   }
   fontSize(t) {
-    if (!I.m(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.Qs.fontSize === t) return;
-    this.Qs.fi(t);
-    const e = this.Qs.maxGlyphDimensions;
-    this.Lr.wi(e.width, e.height), this.Ir.W(this.Lr.cols, this.Lr.rows), this.Us.cs();
+    if (!D.m(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.Zs.fontSize === t) return;
+    this.Zs.di(t);
+    const e = this.Zs.maxGlyphDimensions;
+    this.Li.wi(e.width, e.height), this.An.I(this.Li.cols, this.Li.rows), this.Us.cs(), this.Dn.Ji();
   }
-}, jt = (a) => class extends a {
+}, Zt = (a) => class extends a {
   get frameCount() {
-    return this.Er.frameCount;
+    return this.Gn.frameCount;
   }
   set frameCount(t) {
-    this.Er.frameCount = t;
+    this.Gn.frameCount = t;
   }
   frameRate(t) {
-    return t === void 0 ? this.Er.currentFrameRate : this.Er.frameRate(t, () => this.Wr());
+    return t === void 0 ? this.Gn.currentFrameRate : this.Gn.frameRate(t, () => this.kn());
   }
   noLoop() {
-    this.Er.pause();
+    this.Gn.pause();
   }
   loop() {
-    this.Er.resume(() => this.Wr());
+    this.Gn.resume(() => this.kn());
   }
   redraw(t = 1) {
-    if (I.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.Wr();
+    if (D.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.kn();
   }
   isLooping() {
-    return this.Er.isLooping;
+    return this.Gn.isLooping;
+  }
+}, Ht = (a) => class extends a {
+  constructor(...t) {
+    super(...t);
+  }
+  mouseClicked(t) {
+    this.Dn.cr(t);
+  }
+  mousePressed(t) {
+    this.Dn.lr(t);
+  }
+  mouseReleased(t) {
+    this.Dn.ur(t);
+  }
+  mouseMoved(t) {
+    this.Dn.dr(t);
+  }
+  mouseScrolled(t) {
+    this.Dn.pr(t);
+  }
+  get mouse() {
+    return this.Dn._r();
+  }
+}, Kt = (a) => class extends a {
+  constructor(...t) {
+    super(...t);
+  }
+  keyPressed(t) {
+    this.En.lr(t);
+  }
+  keyReleased(t) {
+    this.En.ur(t);
+  }
+  isKeyPressed(t) {
+    return this.En.Sr(t);
+  }
+  clearKeyStates() {
+    this.En.Dr();
+  }
+  get lastKeyPressed() {
+    return this.En.Pr();
+  }
+  get lastKeyReleased() {
+    return this.En.Mr();
+  }
+  get pressedKeys() {
+    return this.En.Fr();
+  }
+  get modifierState() {
+    return this.En.Ar();
   }
 };
-class Yt {
+class Jt {
   constructor() {
-    c(this, "Us");
-    c(this, "Qs");
-    c(this, "xi");
-    c(this, "Lr");
-    c(this, "Er");
-    c(this, "Br");
-    c(this, "Ir");
-    c(this, "kr");
-  }
-  Wr() {
+    h(this, "Us");
+    h(this, "Zs");
+    h(this, "yi");
+    h(this, "Li");
+    h(this, "Gn");
+    h(this, "Dn");
+    h(this, "En");
+    h(this, "Fn");
+    h(this, "An");
+    h(this, "Ln");
+  }
+  kn() {
   }
 }
-class Ht extends function(e, ...r) {
-  return r.reduce((i, s) => s(i), e);
-}(Yt, Lt, Vt, Xt, jt) {
+class qt extends function(e, ...i) {
+  return i.reduce((s, r) => r(s), e);
+}(Jt, Dt, Yt, jt, Zt, Ht, Kt) {
   constructor(e = {}) {
     super();
-    c(this, "Ur", !1);
-    c(this, "Vr", () => {
+    h(this, "Bn", !1);
+    h(this, "In", () => {
     });
-    c(this, "Or", () => {
+    h(this, "Wn", () => {
     });
-    c(this, "jr", () => {
+    h(this, "Un", () => {
+    });
+    h(this, "On");
+    this.yi = new Ft(e), this.Us = new yt(this.yi.zi()), this.Zs = new _t(this.Us, e.fontSize ?? 16), this.Gn = new Lt(e.frameRate ?? 60), this.Dn = new Pt(this.yi), this.En = new Ut(), this.Fn = this.Us.Ke(W, `#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.0);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.0,1.0);o_transform=vec4(v_transform,1.0);}`), this.Ln = this.Us.Ke("attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.0,1.0);}", "precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;uniform vec2 u_gridOffsetPixels;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=(gl_FragCoord.xy-u_gridOffsetPixels)/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=-(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}"), this.Vn(e);
+  }
+  async Vn(e) {
+    await this.Zs.ci(e.fontSource);
+    const i = this.Zs.maxGlyphDimensions;
+    this.Li = new At(this.yi.canvas, i.width, i.height), this.Dn.ci(this.Li), this.An = this.Us.rs(this.Li.cols, this.Li.rows, 5), this.jn(), this.In(), this.Gn.start(() => this.kn());
+  }
+  jn() {
+    this.On = () => {
+      this.Un();
+    }, window.addEventListener("resize", this.On), this.Dn.tr(), this.En.tr(), window.addEventListener("blur", () => {
+      this.En.Dr();
     });
-    c(this, "Hr");
-    this.xi = new Ft(e), this.Us = new xt(this.xi.Ri()), this.Qs = new Tt(this.Us, e.fontSize ?? 16), this.Er = new Ut(e.frameRate ?? 60), this.Br = this.Us.Xe(O, `#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.0);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.0,1.0);o_transform=vec4(v_transform,1.0);}`), this.kr = this.Us.Xe("attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.0,1.0);}", "precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;uniform vec2 u_gridOffsetPixels;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=(gl_FragCoord.xy-u_gridOffsetPixels)/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=-(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}"), this.Xr(e);
-  }
-  async Xr(e) {
-    await this.Qs.ci(e.fontSource);
-    const r = this.Qs.maxGlyphDimensions;
-    this.Lr = new At(this.xi.canvas, r.width, r.height), this.Ir = this.Us.rs(this.Lr.cols, this.Lr.rows, 5), this.Yr(), this.Vr(), this.Er.start(() => this.Wr());
-  }
-  Yr() {
-    this.Hr = () => {
-      this.jr();
-    }, window.addEventListener("resize", this.Hr);
   }
-  Wr() {
-    if (this.Er.measureFrameRate(), this.Er.incrementFrame(), this.Ur) return;
-    this.Ir.V(), this.Us.He(this.Br), this.Or(), this.Us.ls(this.Br), this.Ir.O();
+  kn() {
+    if (this.Gn.measureFrameRate(), this.Gn.incrementFrame(), this.Bn) return;
+    this.An.O(), this.Us.He(this.Fn), this.Wn(), this.Us.ls(this.Fn), this.An.V();
     const e = this.Us.state.canvasBackgroundColor;
-    this.Us.de(e[0], e[1], e[2], e[3]), this.Us.He(this.kr), this.kr.st({ u_characterTexture: this.Qs.fontFramebuffer, u_charsetDimensions: [this.Qs.textureColumns, this.Qs.textureRows], u_asciiCharacterTexture: this.Ir.textures[0], u_primaryColorTexture: this.Ir.textures[1], u_secondaryColorTexture: this.Ir.textures[2], u_transformTexture: this.Ir.textures[4], u_rotationTexture: this.Ir.textures[3], u_gridCellDimensions: [this.Lr.cols, this.Lr.rows], u_gridPixelDimensions: [this.Lr.width, this.Lr.height], u_gridOffsetPixels: [this.Lr.offsetX, this.Lr.offsetY], u_aspectRatio: this.Lr.width / this.Lr.height }), this.Us.Qe(this.Lr.offsetX, this.Lr.offsetY, this.Lr.width, this.Lr.height);
+    this.Us.fe(e[0], e[1], e[2], e[3]), this.Us.He(this.Ln), this.Ln.st({ u_characterTexture: this.Zs.fontFramebuffer, u_charsetDimensions: [this.Zs.textureColumns, this.Zs.textureRows], u_asciiCharacterTexture: this.An.textures[0], u_primaryColorTexture: this.An.textures[1], u_secondaryColorTexture: this.An.textures[2], u_transformTexture: this.An.textures[4], u_rotationTexture: this.An.textures[3], u_gridCellDimensions: [this.Li.cols, this.Li.rows], u_gridPixelDimensions: [this.Li.width, this.Li.height], u_gridOffsetPixels: [this.Li.offsetX, this.Li.offsetY], u_aspectRatio: this.Li.width / this.Li.height }), this.Us.Ze(this.Li.offsetX, this.Li.offsetY, this.Li.width, this.Li.height);
   }
   setup(e) {
-    this.Vr = e;
+    this.In = e;
   }
   draw(e) {
-    this.Or = e;
+    this.Wn = e;
   }
   windowResized(e) {
-    this.jr = e;
+    this.Un = e;
   }
-  resizeCanvas(e, r) {
-    this.xi.W(e, r), this.Lr.zt(), this.Ir.W(this.Lr.cols, this.Lr.rows), this.Us.cs(), this.Wr();
+  resizeCanvas(e, i) {
+    this.yi.I(e, i), this.Li.Rt(), this.An.I(this.Li.cols, this.Li.rows), this.Us.cs(), this.Dn.Ji(), this.kn();
   }
   destroy() {
-    this.Ur || (this.Er.stop(), window.removeEventListener("resize", this.Hr), this.Qs.j(), this.Us.j(), this.Ur = !0);
+    this.Bn || (this.Gn.stop(), window.removeEventListener("resize", this.On), this.Dn.hr(), this.En.hr(), this.Zs.j(), this.Us.j(), this.Bn = !0);
   }
   get grid() {
-    return this.Lr;
+    return this.Li;
   }
   get font() {
-    return this.Qs;
+    return this.Zs;
   }
   get width() {
-    return this.xi.width;
+    return this.yi.width;
   }
   get height() {
-    return this.xi.height;
+    return this.yi.height;
   }
   get canvas() {
-    return this.xi.canvas;
+    return this.yi.canvas;
   }
   get isDisposed() {
-    return this.Ur;
+    return this.Bn;
   }
   get drawFramebuffer() {
-    return this.Ir;
+    return this.An;
   }
 }
-class N {
+class k {
   constructor() {
   }
   static create(t = {}) {
-    return new Ht(t);
+    return new qt(t);
   }
   static setErrorLevel(t) {
-    I.v(t);
+    D.v(t);
   }
   static get version() {
-    return "0.2.0";
+    return "0.2.1-beta.1";
   }
 }
-const Zt = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), Kt = N.create, qt = N.setErrorLevel, Jt = N.version;
+const te = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), ee = k.create, ie = k.setErrorLevel, se = k.version;
 export {
   Ft as TextmodeCanvas,
-  J as TextmodeErrorLevel,
-  Tt as TextmodeFont,
+  Q as TextmodeErrorLevel,
+  _t as TextmodeFont,
   At as TextmodeGrid,
-  Ht as Textmodifier,
-  Kt as create,
-  Zt as export,
-  qt as setErrorLevel,
-  N as textmode,
-  Jt as version
+  qt as Textmodifier,
+  ee as create,
+  te as export,
+  ie as setErrorLevel,
+  k as textmode,
+  se as version
 };