textmode.js 0.2.1-beta.4 → 0.2.1-beta.6

package/dist/textmode.esm.min.js

@@ -1,310 +1,304 @@
-var Q = Object.defineProperty;
-var tt = (a, t, e) => t in a ? Q(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var c = (a, t, e) => tt(a, typeof t != "symbol" ? t + "" : t, e);
-class E extends Error {
+var ct = Object.defineProperty;
+var lt = (h, t, e) => t in h ? ct(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
+var a = (h, t, e) => lt(h, typeof t != "symbol" ? t + "" : t, e);
+class U extends Error {
   constructor(t, e = {}) {
-    super(E.u(t, e)), this.name = "TextmodeError";
+    super(U.i(t, e)), this.name = "TextmodeError";
   }
-  static u(t, e) {
+  static i(t, e) {
     return `${t}${e && Object.keys(e).length > 0 ? `
 
-📋 Context:` + Object.entries(e).map(([i, r]) => `
-  - ${i}: ${E._(r)}`).join("") : ""}
+📋 Context:` + Object.entries(e).map(([i, s]) => `
+  - ${i}: ${U.o(s)}`).join("") : ""}
 
 ${"↓".repeat(24)}
 `;
   }
-  static _(t) {
+  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) => E._(e)).join(", ")}]` : `[${t.slice(0, 3).map((e) => E._(e)).join(", ")}, ... +${t.length - 3} more]`;
+    if (Array.isArray(t)) return t.length === 0 ? "[]" : t.length <= 5 ? `[${t.map((e) => U.o(e)).join(", ")}]` : `[${t.slice(0, 3).map((e) => U.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((i) => `${i}: ${E._(t[i])}`).join(", ")} }` : `{ ${e.slice(0, 2).map((i) => `${i}: ${E._(t[i])}`).join(", ")}, ... +${e.length - 2} more }`;
+      return e.length === 0 ? "{}" : e.length <= 3 ? `{ ${e.map((i) => `${i}: ${U.o(t[i])}`).join(", ")} }` : `{ ${e.slice(0, 2).map((i) => `${i}: ${U.o(t[i])}`).join(", ")}, ... +${e.length - 2} more }`;
     }
     return t + "";
   }
 }
-var et = ((a) => (a[a.SILENT = 0] = "SILENT", a[a.WARNING = 1] = "WARNING", a[a.ERROR = 2] = "ERROR", a[a.THROW = 3] = "THROW", a))(et || {});
-const F = class F {
+var ut = ((h) => (h[h.SILENT = 0] = "SILENT", h[h.WARNING = 1] = "WARNING", h[h.ERROR = 2] = "ERROR", h[h.THROW = 3] = "THROW", h))(ut || {});
+const I = class I {
   constructor() {
-    c(this, "$", { globalLevel: 3 });
+    a(this, "u", { globalLevel: 3 });
   }
-  static C() {
-    return F.v || (F.v = new F()), F.v;
+  static _() {
+    return I.l || (I.l = new I()), I.l;
   }
-  R(t, e) {
-    const i = "%c[textmode.js] Oops! (╯°□°)╯︵ Something went wrong in your code.", r = "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;";
-    switch (this.$.globalLevel) {
+  m(t, e) {
+    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(i, r), console.warn(E.u(t, e)), console.groupEnd(), !1;
+        return console.group(i, s), console.warn(U.i(t, e)), console.groupEnd(), !1;
       case 2:
-        return console.group(i, r), console.error(E.u(t, e)), console.groupEnd(), !1;
+        return console.group(i, s), console.error(U.i(t, e)), console.groupEnd(), !1;
       default:
-        throw new E(t, e);
+        throw new U(t, e);
     }
   }
-  M(t, e, i) {
-    return !!t || (this.R(e, i), !1);
+  v(t, e, i) {
+    return !!t || (this.m(e, i), !1);
   }
-  S(t) {
-    this.$.globalLevel = t;
+  C(t) {
+    this.u.globalLevel = t;
   }
 };
-c(F, "v", null);
-let B = F;
-const M = B.C(), Z = /* @__PURE__ */ new WeakMap();
-function U(a, t) {
-  Z.set(a, t);
+a(I, "l", null);
+let j = I;
+const z = j._(), ot = /* @__PURE__ */ new WeakMap();
+function W(h, t) {
+  ot.set(h, t);
 }
-function I(a) {
-  return Z.get(a);
+function X(h) {
+  return ot.get(h);
 }
-class j {
+class ht {
   constructor() {
-    c(this, "F", 1);
-    c(this, "P", 0);
-    c(this, "A", 0);
-    c(this, "G", 0);
-    c(this, "L", [0, 0, 0]);
-    c(this, "D", [1, 1, 1, 1]);
-    c(this, "W", [0, 0, 0, 1]);
-    c(this, "I", !1);
-    c(this, "U", !1);
-    c(this, "V", !1);
-    c(this, "O", [0, 0]);
-    c(this, "H", [0, 0, 0, 1]);
-    c(this, "K", []);
-  }
-  N() {
-    this.K.push({ X: this.F, Y: this.P, Z: this.A, J: this.G, O: [...this.O], I: this.I, U: this.U, V: this.V, tt: [...this.L], et: [...this.D], st: [...this.W] });
-  }
-  it() {
-    const t = this.K.pop();
-    t ? (this.F = t.X, this.P = t.Y, this.A = t.Z, this.G = t.J, this.O = t.O, this.I = t.I, this.U = t.U, this.V = t.V, this.L = t.tt, this.D = t.et, this.W = t.st) : console.warn("pop() called without matching push()");
-  }
-  rt() {
-    this.K = [], this.P = 0, this.A = 0, this.G = 0;
-  }
-  nt(t) {
-    t.lineWeight = this.F, t.rotationX = this.P, t.rotationY = this.A, t.rotationZ = this.G, t.character[0] = this.L[0], t.character[1] = this.L[1], t.character[2] = this.L[2], t.charColor[0] = this.D[0], t.charColor[1] = this.D[1], t.charColor[2] = this.D[2], t.charColor[3] = this.D[3], t.bgColor[0] = this.W[0], t.bgColor[1] = this.W[1], t.bgColor[2] = this.W[2], t.bgColor[3] = this.W[3], t.flipHorizontally = this.I, t.flipVertically = this.U, t.invert = this.V, t.charRotation[0] = this.O[0], t.charRotation[1] = this.O[1];
+    a(this, "$", 1);
+    a(this, "U", 0);
+    a(this, "F", 0);
+    a(this, "M", 0);
+    a(this, "R", [0, 0, 0]);
+    a(this, "S", [1, 1, 1, 1]);
+    a(this, "A", [0, 0, 0, 1]);
+    a(this, "L", !1);
+    a(this, "k", !1);
+    a(this, "P", !1);
+    a(this, "G", [0, 0]);
+    a(this, "D", [0, 0, 0, 1]);
+    a(this, "I", []);
+  }
+  W() {
+    this.I.push({ O: this.$, H: this.U, V: this.F, K: this.M, G: [...this.G], N: this.L, X: this.k, P: this.P, j: [...this.R], Y: [...this.S], q: [...this.A] });
+  }
+  Z() {
+    const t = this.I.pop();
+    t ? (this.$ = t.O, this.U = t.H, this.F = t.V, this.M = t.K, this.G = t.G, this.L = t.N, this.k = t.X, this.P = t.P, this.R = t.j, this.S = t.Y, this.A = t.q) : console.warn("pop() called without matching push()");
+  }
+  J(t) {
+    t.O = this.$, t.H = this.U, t.V = this.F, t.K = this.M, t.j[0] = this.R[0], t.j[1] = this.R[1], t.j[2] = this.R[2], t.Y[0] = this.S[0], t.Y[1] = this.S[1], t.Y[2] = this.S[2], t.Y[3] = this.S[3], t.q[0] = this.A[0], t.q[1] = this.A[1], t.q[2] = this.A[2], t.q[3] = this.A[3], t.N = this.L, t.X = this.k, t.P = this.P, t.G[0] = this.G[0], t.G[1] = this.G[1];
   }
   get lineWeight() {
-    return this.F;
+    return this.$;
   }
   get canvasBackgroundColor() {
-    return this.H;
+    return this.D;
   }
-  ot(t) {
-    this.F = Math.abs(t);
+  tt(t) {
+    this.$ = Math.abs(t);
   }
-  ht(t) {
-    this.P = t;
+  et(t) {
+    this.U = t;
   }
-  ct(t) {
-    this.A = t;
+  st(t) {
+    this.F = t;
   }
-  lt(t) {
-    this.G = t;
+  it(t) {
+    this.M = t;
   }
-  ut(t) {
-    this.L = t;
+  rt(t) {
+    this.R = t;
   }
-  ft(t, e, i, r = 255) {
-    this.D = [t / 255, e / 255, i / 255, r / 255];
+  nt(t, e, i, s = 255) {
+    this.S = [t / 255, e / 255, i / 255, s / 255];
   }
-  dt(t, e, i, r = 255) {
-    this.W = [t / 255, e / 255, i / 255, r / 255];
+  ot(t, e, i, s = 255) {
+    this.A = [t / 255, e / 255, i / 255, s / 255];
   }
-  _t(t) {
-    this.I = t;
+  ht(t) {
+    this.L = t;
   }
-  gt(t) {
-    this.U = t;
+  ct(t) {
+    this.k = t;
   }
-  vt(t) {
-    this.V = t;
+  lt(t) {
+    this.P = t;
   }
-  yt(t) {
-    const e = 255 * t / 360, i = Math.floor(e) / 255, r = Math.round(e - Math.floor(e));
-    this.O = [i, r];
+  ut(t) {
+    const e = 255 * t / 360, i = Math.floor(e) / 255, s = Math.round(e - Math.floor(e));
+    this.G = [i, s];
   }
-  $t(t, e, i, r) {
-    this.H = [t / 255, e / 255, i / 255, r / 255];
+  ft(t, e, i, s) {
+    this.D = [t / 255, e / 255, i / 255, s / 255];
   }
 }
-class D {
-  constructor(t, e, i = e, r = 1, s = {}, n = null, o = !1) {
-    c(this, "Ct");
-    c(this, "wt");
-    c(this, "$");
-    c(this, "xt", null);
-    c(this, "bt");
-    c(this, "Rt");
-    c(this, "Mt", []);
-    c(this, "St");
-    c(this, "Ft", null);
-    c(this, "zt", []);
-    c(this, "kt", null);
-    c(this, "Pt", !1);
-    c(this, "Tt", null);
-    this.Ct = e, this.wt = i, this.$ = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...s }, this.bt = t, this.St = Math.min(Math.max(1, r), 8), this.kt = n, this.Pt = !!o, this.Tt = this.Pt ? new j() : null;
-    const h = t.getParameter(t.MAX_DRAW_BUFFERS), l = t.getParameter(t.MAX_COLOR_ATTACHMENTS);
-    this.St = Math.min(this.St, h, l), this.Rt = t.createFramebuffer(), this.At(), this.Gt(), this.zt = Array(this.St).fill(null);
-  }
-  At() {
-    const t = this.bt, e = this.$.filter === "linear" ? t.LINEAR : t.NEAREST, i = this.$.wrap === "repeat" ? t.REPEAT : t.CLAMP_TO_EDGE, r = this.$.type === "float" ? t.FLOAT : t.UNSIGNED_BYTE;
-    for (let s = 0; s < this.St; s++) {
+class K {
+  constructor(t, e, i = e, s = 1, r = {}, n = null, o = !1) {
+    a(this, "dt");
+    a(this, "_t");
+    a(this, "u");
+    a(this, "gt", null);
+    a(this, "vt");
+    a(this, "yt");
+    a(this, "Ct", []);
+    a(this, "wt");
+    a(this, "$t", null);
+    a(this, "bt", []);
+    a(this, "xt", null);
+    a(this, "Ft", !1);
+    a(this, "Mt", null);
+    this.dt = e, this._t = i, this.u = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...r }, this.vt = t, this.wt = Math.min(Math.max(1, s), 8), this.xt = n, this.Ft = !!o, this.Mt = this.Ft ? new ht() : null;
+    const c = t.getParameter(t.MAX_DRAW_BUFFERS), l = t.getParameter(t.MAX_COLOR_ATTACHMENTS);
+    this.wt = Math.min(this.wt, c, l), this.yt = t.createFramebuffer(), this.Rt(), this.St(), this.bt = Array(this.wt).fill(null);
+  }
+  Rt() {
+    const t = this.vt, 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.wt; r++) {
       const n = t.createTexture();
-      t.bindTexture(t.TEXTURE_2D, n), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, e), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, e), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, i), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, i), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, this.Ct, this.wt, 0, t.RGBA, r, null), this.Mt.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.dt, this._t, 0, t.RGBA, s, null), this.Ct.push(n);
     }
     t.bindTexture(t.TEXTURE_2D, null);
   }
-  Gt() {
-    const t = this.bt;
-    if (t.bindFramebuffer(t.FRAMEBUFFER, this.Rt), this.St === 1) t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, this.Mt[0], 0);
+  St() {
+    const t = this.vt;
+    if (t.bindFramebuffer(t.FRAMEBUFFER, this.yt), this.wt === 1) t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, this.Ct[0], 0);
     else {
       const i = [];
-      for (let r = 0; r < this.St; r++) {
-        const s = t.COLOR_ATTACHMENT0 + r;
-        t.framebufferTexture2D(t.FRAMEBUFFER, s, t.TEXTURE_2D, this.Mt[r], 0), i.push(s);
+      for (let s = 0; s < this.wt; s++) {
+        const r = t.COLOR_ATTACHMENT0 + s;
+        t.framebufferTexture2D(t.FRAMEBUFFER, r, t.TEXTURE_2D, this.Ct[s], 0), i.push(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);
   }
-  Lt(t) {
-    const e = this.bt;
-    e.bindTexture(e.TEXTURE_2D, this.Mt[0]), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, 1), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, t), e.bindTexture(e.TEXTURE_2D, null);
+  At(t) {
+    const e = this.vt;
+    e.bindTexture(e.TEXTURE_2D, this.Ct[0]), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, 1), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, t), e.bindTexture(e.TEXTURE_2D, null);
   }
   resize(t, e) {
-    this.Ct = t, this.wt = e, this.xt = null, this.zt = Array(this.St).fill(null);
-    const i = this.bt, r = this.$.type === "float" ? i.FLOAT : i.UNSIGNED_BYTE;
-    for (const s of this.Mt) i.bindTexture(i.TEXTURE_2D, s), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, this.Ct, this.wt, 0, i.RGBA, r, null);
+    this.dt = t, this._t = e, this.gt = null, this.bt = Array(this.wt).fill(null);
+    const i = this.vt, s = this.u.type === "float" ? i.FLOAT : i.UNSIGNED_BYTE;
+    for (const r of this.Ct) i.bindTexture(i.TEXTURE_2D, r), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, this.dt, this._t, 0, i.RGBA, s, null);
     i.bindTexture(i.TEXTURE_2D, null);
   }
-  Et(t) {
-    const e = this.bt, i = this.zt[t];
+  zt(t) {
+    const e = this.vt, i = this.bt[t];
     if (i) return i;
-    const r = this.Ct, s = this.wt, n = new Uint8Array(r * s * 4), o = e.getParameter(e.READ_FRAMEBUFFER_BINDING);
-    e.bindFramebuffer(e.READ_FRAMEBUFFER, this.Rt), e.readBuffer(e.COLOR_ATTACHMENT0 + t), e.readPixels(0, 0, r, s, e.RGBA, e.UNSIGNED_BYTE, n), e.bindFramebuffer(e.READ_FRAMEBUFFER, o);
-    const h = 4 * r, l = new Uint8Array(n.length);
-    for (let u = 0; u < s; u++) {
-      const f = (s - 1 - u) * h, d = u * h;
-      l.set(n.subarray(f, f + h), d);
+    const s = this.dt, r = this._t, n = new Uint8Array(s * r * 4), o = e.getParameter(e.READ_FRAMEBUFFER_BINDING);
+    e.bindFramebuffer(e.READ_FRAMEBUFFER, this.yt), 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 f = 0; f < r; f++) {
+      const u = (r - 1 - f) * c, g = f * c;
+      l.set(n.subarray(u, u + c), g);
     }
-    return this.zt[t] = l, l;
+    return this.bt[t] = l, l;
   }
   begin() {
-    var e, i, r, s;
-    const t = this.bt;
-    if (this.kt) {
-      const n = ((i = (e = this.kt).Bt) == null ? void 0 : i.call(e)) ?? null;
-      n && this.kt.Dt(n), this.Pt && this.Tt && ((s = (r = this.kt).Wt) == null || s.call(r, this.Tt));
+    var e, i, s, r;
+    const t = this.vt;
+    if (this.xt) {
+      const n = ((i = (e = this.xt).Tt) == null ? void 0 : i.call(e)) ?? null;
+      n && this.xt.Et(n), this.Ft && this.Mt && ((r = (s = this.xt).Lt) == null || r.call(s, this.Mt));
     }
-    this.Ft = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.Rt), this.zt = Array(this.St).fill(null);
-    for (let n = 0; n < this.St; n++) t.clearBufferfv(t.COLOR, n, new Float32Array([0, 0, 0, 0]));
-    t.viewport(0, 0, this.Ct, this.wt), U(t, [0, 0, this.Ct, this.wt]);
+    this.$t = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.yt), this.bt = Array(this.wt).fill(null);
+    for (let n = 0; n < this.wt; n++) t.clearBufferfv(t.COLOR, n, new Float32Array([0, 0, 0, 0]));
+    t.viewport(0, 0, this.dt, this._t), W(t, [0, 0, this.dt, this._t]);
   }
   end() {
-    var e, i, r, s;
-    if (!this.Ft) return;
-    const t = this.bt;
-    if (this.kt) {
-      const n = ((i = (e = this.kt).Bt) == null ? void 0 : i.call(e)) ?? null;
-      n && this.kt.Dt(n);
+    var e, i, s, r;
+    if (!this.$t) return;
+    const t = this.vt;
+    if (this.xt) {
+      const n = ((i = (e = this.xt).Tt) == null ? void 0 : i.call(e)) ?? null;
+      n && this.xt.Et(n);
     }
-    t.bindFramebuffer(t.FRAMEBUFFER, this.Ft.framebuffer), t.viewport(...this.Ft.viewport), U(t, this.Ft.viewport), this.Ft = null, this.kt && this.Pt && this.Tt && ((s = (r = this.kt).It) == null || s.call(r));
+    t.bindFramebuffer(t.FRAMEBUFFER, this.$t.framebuffer), t.viewport(...this.$t.viewport), W(t, this.$t.viewport), this.$t = null, this.xt && this.Ft && this.Mt && ((r = (s = this.xt).kt) == null || r.call(s));
   }
-  Ut() {
-    const t = this.bt;
-    t.deleteFramebuffer(this.Rt);
-    for (const e of this.Mt) t.deleteTexture(e);
+  Pt() {
+    const t = this.vt;
+    t.deleteFramebuffer(this.yt);
+    for (const e of this.Ct) t.deleteTexture(e);
   }
   get width() {
-    return this.Ct;
+    return this.dt;
   }
   get height() {
-    return this.wt;
+    return this._t;
   }
   get textures() {
-    return [...this.Mt];
+    return [...this.Ct];
   }
 }
-function Y(a) {
-  return typeof a == "string" ? a : a.sourceCode;
-}
-class P {
+class M {
   constructor(t, e, i) {
-    c(this, "bt");
-    c(this, "Vt");
-    c(this, "Ot", /* @__PURE__ */ new Map());
-    c(this, "Ht", /* @__PURE__ */ new Map());
-    c(this, "Kt", 0);
-    this.bt = t, this.Vt = this.Nt(Y(e), Y(i)), this.Xt();
-  }
-  Xt() {
-    const t = this.bt.getProgramParameter(this.Vt, this.bt.ACTIVE_UNIFORMS);
+    a(this, "vt");
+    a(this, "Gt");
+    a(this, "Bt", /* @__PURE__ */ new Map());
+    a(this, "Dt", /* @__PURE__ */ new Map());
+    a(this, "It", 0);
+    this.vt = t, this.Gt = this.Wt(e, i), this.Ot();
+  }
+  Ot() {
+    const t = this.vt.getProgramParameter(this.Gt, this.vt.ACTIVE_UNIFORMS);
     for (let e = 0; e < t; e++) {
-      const i = this.bt.getActiveUniform(this.Vt, e);
+      const i = this.vt.getActiveUniform(this.Gt, e);
       if (i) {
-        const r = this.bt.getUniformLocation(this.Vt, i.name);
-        if (r && (this.Ot.set(i.name, r), this.Ht.set(i.name, { type: i.type, size: i.size }), i.size > 1)) {
-          const s = i.name.replace(/\[.*\]$/, "");
-          this.Ot.has(s) || (this.Ot.set(s, r), this.Ht.set(s, { type: i.type, size: i.size }));
+        const s = this.vt.getUniformLocation(this.Gt, i.name);
+        if (s && (this.Bt.set(i.name, s), this.Dt.set(i.name, { type: i.type, size: i.size }), i.size > 1)) {
+          const r = i.name.replace(/\[.*\]$/, "");
+          this.Bt.has(r) || (this.Bt.set(r, s), this.Dt.set(r, { type: i.type, size: i.size }));
         }
       }
     }
   }
-  Nt(t, e) {
-    const i = this.jt(this.bt.VERTEX_SHADER, t), r = this.jt(this.bt.FRAGMENT_SHADER, e), s = this.bt.createProgram();
-    if (this.bt.attachShader(s, i), this.bt.attachShader(s, r), this.bt.linkProgram(s), !this.bt.getProgramParameter(s, this.bt.LINK_STATUS)) {
-      const n = this.bt.getProgramInfoLog(s);
+  Wt(t, e) {
+    const i = this.Ht(this.vt.VERTEX_SHADER, t), s = this.Ht(this.vt.FRAGMENT_SHADER, e), r = this.vt.createProgram();
+    if (this.vt.attachShader(r, i), this.vt.attachShader(r, s), this.vt.linkProgram(r), !this.vt.getProgramParameter(r, this.vt.LINK_STATUS)) {
+      const n = this.vt.getProgramInfoLog(r);
       throw Error("Shader program link error: " + n);
     }
-    return this.bt.deleteShader(i), this.bt.deleteShader(r), s;
+    return this.vt.deleteShader(i), this.vt.deleteShader(s), r;
   }
-  jt(t, e) {
-    const i = this.bt.createShader(t);
-    if (this.bt.shaderSource(i, e), this.bt.compileShader(i), !this.bt.getShaderParameter(i, this.bt.COMPILE_STATUS)) {
-      const r = this.bt.getShaderInfoLog(i);
-      throw this.bt.deleteShader(i), Error("Shader compilation error: " + r);
+  Ht(t, e) {
+    const i = this.vt.createShader(t);
+    if (this.vt.shaderSource(i, e), this.vt.compileShader(i), !this.vt.getShaderParameter(i, this.vt.COMPILE_STATUS)) {
+      const s = this.vt.getShaderInfoLog(i);
+      throw this.vt.deleteShader(i), Error("Shader compilation error: " + s);
     }
     return i;
   }
-  Yt() {
-    this.bt.useProgram(this.Vt), this.qt();
+  Vt() {
+    this.vt.useProgram(this.Gt), this.Kt();
   }
-  qt() {
-    this.Kt = 0;
+  Kt() {
+    this.It = 0;
   }
-  Zt(t) {
-    for (const [e, i] of Object.entries(t)) this.Jt(e, i);
+  Nt(t) {
+    for (const [e, i] of Object.entries(t)) this.Xt(e, i);
   }
-  Qt(t) {
-    return this.Ot.has(t);
+  jt(t) {
+    return this.Bt.has(t);
   }
-  te(t) {
-    return this.Ht.get(t) || null;
+  Yt(t) {
+    return this.Dt.get(t) || null;
   }
-  ee() {
+  qt() {
     const t = [];
-    for (const [e, i] of this.Ht.entries()) t.push({ name: e, ...i });
+    for (const [e, i] of this.Dt.entries()) t.push({ name: e, ...i });
     return t;
   }
-  Jt(t, e) {
-    var h;
-    const i = this.Ot.get(t);
+  Xt(t, e) {
+    var c;
+    const i = this.Bt.get(t);
     if (!i) return;
-    const r = this.Ht.get(t);
-    if (!r) return void console.warn(`No type information found for uniform '${t}'`);
-    const { type: s, size: n } = r, o = this.bt;
-    if (typeof e == "number") switch (s) {
+    const s = this.Dt.get(t);
+    if (!s) return void console.warn(`No type information found for uniform '${t}'`);
+    const { type: r, size: n } = s, o = this.vt;
+    if (typeof e == "number") switch (r) {
       case o.INT:
       case o.BOOL:
         o.uniform1i(i, e);
@@ -313,25 +307,25 @@ class P {
         o.uniform1f(i, e);
         break;
       default:
-        console.warn(`Unexpected uniform type for scalar '${t}': ${s}`), o.uniform1f(i, e);
+        console.warn(`Unexpected uniform type for scalar '${t}': ${r}`), o.uniform1f(i, e);
     }
     else if (typeof e == "boolean") o.uniform1i(i, e ? 1 : 0);
     else if (Array.isArray(e)) if (Array.isArray(e[0])) {
-      const l = e, u = ((h = l[0]) == null ? void 0 : h.length) || 0, f = l.flat();
-      switch (s) {
+      const l = e, f = ((c = l[0]) == null ? void 0 : c.length) || 0, u = l.flat();
+      switch (r) {
         case o.FLOAT_VEC2:
-          u === 2 ? o.uniform2fv(i, f) : console.warn(`Vector length mismatch for '${t}': expected 2, got ${u}`);
+          f === 2 ? o.uniform2fv(i, u) : console.warn(`Vector length mismatch for '${t}': expected 2, got ${f}`);
           break;
         case o.FLOAT_VEC3:
-          u === 3 ? o.uniform3fv(i, f) : console.warn(`Vector length mismatch for '${t}': expected 3, got ${u}`);
+          f === 3 ? o.uniform3fv(i, u) : console.warn(`Vector length mismatch for '${t}': expected 3, got ${f}`);
           break;
         case o.FLOAT_VEC4:
-          u === 4 ? o.uniform4fv(i, f) : console.warn(`Vector length mismatch for '${t}': expected 4, got ${u}`);
+          f === 4 ? o.uniform4fv(i, u) : console.warn(`Vector length mismatch for '${t}': expected 4, got ${f}`);
           break;
         default:
-          console.warn(`Unsupported uniform type for vector array '${t}': ${s}`);
+          console.warn(`Unsupported uniform type for vector array '${t}': ${r}`);
       }
-    } else switch (s) {
+    } else switch (r) {
       case o.FLOAT_VEC2:
         e.length === 2 ? o.uniform2f(i, e[0], e[1]) : console.warn(`Vector length mismatch for '${t}': expected 2, got ${e.length}`);
         break;
@@ -348,217 +342,192 @@ class P {
         n > 1 ? o.uniform1fv(i, e) : console.warn(`Array provided for scalar uniform '${t}'`);
         break;
       default:
-        console.warn(`Unsupported uniform type for array '${t}': ${s}`);
+        console.warn(`Unsupported uniform type for array '${t}': ${r}`);
     }
     else if (e instanceof WebGLTexture) {
-      const l = this.se();
+      const l = this.Zt();
       o.uniform1i(i, l), o.activeTexture(o.TEXTURE0 + l), o.bindTexture(o.TEXTURE_2D, e);
-    } else if (e instanceof D) {
-      const l = this.se();
+    } else if (e instanceof K) {
+      const l = this.Zt();
       o.uniform1i(i, l), o.activeTexture(o.TEXTURE0 + l), o.bindTexture(o.TEXTURE_2D, e.textures[0]);
     } else console.warn(`Unsupported uniform type for '${t}':`, typeof e);
   }
-  se() {
-    return this.Kt++;
+  Zt() {
+    return this.It++;
   }
-  get ie() {
-    return this.Vt;
+  get Jt() {
+    return this.Gt;
   }
-  Ut() {
-    this.bt.deleteProgram(this.Vt);
+  Pt() {
+    this.vt.deleteProgram(this.Gt);
   }
 }
-const 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 k;uniform vec2 t;out vec2 v_uv;out vec3 v_character;out vec4 v_primaryColor;out vec4 v_secondaryColor;out vec2 v_rotation;out vec3 v_transform;mat3 A(float B){float C=sin(B),D=cos(B);return mat3(1,0,0,0,D,-C,0,C,D);}mat3 E(float B){float C=sin(B),D=cos(B);return mat3(D,0,C,0,1,0,-C,0,D);}mat3 F(float B){float C=sin(B),D=cos(B);return mat3(D,-C,0,C,D,0,0,0,1);}vec2 G(float t,vec2 H,vec2 I,vec2 J,vec2 K){float L=1.-t,M=L*L,N=t*t;return M*L*H+3.*M*t*I+3.*L*N*J+N*t*K;}vec2 O(float t,vec2 H,vec2 I,vec2 J,vec2 K){float L=1.-t,M=L*L,N=t*t;return-3.*M*H+3.*M*I-6.*L*t*I+6.*L*t*J-3.*N*J+3.*N*K;}void main(){v_uv=a_texCoord;v_character=a_instanceCharacter;v_primaryColor=a_instancePrimaryColor;v_secondaryColor=a_instanceSecondaryColor;v_rotation=a_instanceRotation;v_transform=a_instanceTransform;vec2 P;bool Q=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool R=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(Q){float t=a_position.x;vec2 S=G(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 T=O(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float U=length(T);T=U>0.?T/U:vec2(1,0);P=S+vec2(-T.y,T.x)*a_position.y*a_instanceSize.y;}else if(R){float C=a_instanceArcAngles.x,V=a_instanceArcAngles.y;C=mod(C,6.28318530718);if(C<0.)C+=6.28318530718;V=mod(V,6.28318530718);if(V<0.)V+=6.28318530718;float W=C-V;if(W<=0.)W+=6.28318530718;float X=C-a_position.x*W;vec2 Y=vec2(cos(X),sin(X))*a_position.y;P=Y*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{P=a_position*a_instanceSize+a_instancePosition;}vec2 Z=(P/t)*2.-1.;Z.y=-Z.y;if(length(a_instanceGlobalRotation)>0.){vec3 a=vec3(Z-a_instanceRotationCenter,0);a.x*=k;if(a_instanceGlobalRotation.x!=0.)a=A(-a_instanceGlobalRotation.x)*a;if(a_instanceGlobalRotation.y!=0.)a=E(-a_instanceGlobalRotation.y)*a;if(a_instanceGlobalRotation.z!=0.)a=F(-a_instanceGlobalRotation.z)*a;a.x/=k;Z=a.xy+a_instanceRotationCenter;}gl_Position=vec4(Z,0,1);}`;
-class it {
+const k = `#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 U9;uniform vec2 Uy;out vec2 v_uv;out vec3 v_character;out vec4 v_primaryColor;out vec4 v_secondaryColor;out vec2 v_rotation;out vec3 v_transform;mat3 A(float B){float C=sin(B),D=cos(B);return mat3(1,0,0,0,D,-C,0,C,D);}mat3 E(float B){float C=sin(B),D=cos(B);return mat3(D,0,C,0,1,0,-C,0,D);}mat3 F(float B){float C=sin(B),D=cos(B);return mat3(D,-C,0,C,D,0,0,0,1);}vec2 G(float H,vec2 I,vec2 J,vec2 K,vec2 L){float M=1.-H,N=M*M,O=H*H;return N*M*I+3.*N*H*J+3.*M*O*K+O*H*L;}vec2 P(float H,vec2 I,vec2 J,vec2 K,vec2 L){float M=1.-H,N=M*M,O=H*H;return-3.*N*I+3.*N*J-6.*M*H*J+6.*M*H*K-3.*O*K+3.*O*L;}void main(){v_uv=a_texCoord;v_character=a_instanceCharacter;v_primaryColor=a_instancePrimaryColor;v_secondaryColor=a_instanceSecondaryColor;v_rotation=a_instanceRotation;v_transform=a_instanceTransform;vec2 Q;bool R=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool S=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(R){float H=a_position.x;vec2 T=G(H,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 U=P(H,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float V=length(U);U=V>0.?U/V:vec2(1,0);Q=T+vec2(-U.y,U.x)*a_position.y*a_instanceSize.y;}else if(S){float C=a_instanceArcAngles.x,W=a_instanceArcAngles.y;C=mod(C,6.28318530718);if(C<0.)C+=6.28318530718;W=mod(W,6.28318530718);if(W<0.)W+=6.28318530718;float X=C-W;if(X<=0.)X+=6.28318530718;float Y=C-a_position.x*X;vec2 Z=vec2(cos(Y),sin(Y))*a_position.y;Q=Z*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{Q=a_position*a_instanceSize+a_instancePosition;}vec2 a=(Q/Uy)*2.-1.;a.y=-a.y;if(length(a_instanceGlobalRotation)>0.){vec3 b=vec3(a-a_instanceRotationCenter,0);b.x*=U9;if(a_instanceGlobalRotation.x!=0.)b=A(-a_instanceGlobalRotation.x)*b;if(a_instanceGlobalRotation.y!=0.)b=E(-a_instanceGlobalRotation.y)*b;if(a_instanceGlobalRotation.z!=0.)b=F(-a_instanceGlobalRotation.z)*b;b.x/=U9;a=b.xy+a_instanceRotationCenter;}gl_Position=vec4(a,0,1);}`, at = "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.,1.);}";
+class ft {
   constructor(t) {
-    c(this, "re", /* @__PURE__ */ new Map());
-    c(this, "bt");
-    this.bt = t;
-  }
-  ne(t, e) {
-    if (!this.re.has(t)) {
-      const i = e();
-      this.re.set(t, i);
-    }
-    return this.re.get(t);
+    a(this, "vt");
+    a(this, "Qt");
+    a(this, "te");
+    a(this, "ee");
+    a(this, "se");
+    this.vt = t, this.te = new M(this.vt, k, `#version 300 es
+precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.,1.);o_transform=vec4(v_transform,1.);}`), this.Qt = new M(this.vt, k, `#version 300 es
+precision highp float;in vec2 v_uv;uniform sampler2D Ue;uniform sampler2D Uf;uniform sampler2D Ug;uniform sampler2D Uh;uniform sampler2D Ui;uniform vec2 Uj;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){vec2 A=vec2(v_uv.x,1.-v_uv.y);vec2 B=A*Uj;vec2 C=(floor(B)+0.5f)/Uj;vec4 D=texture(Ue,C);vec4 E=texture(Uf,C);if(E.a==0.){discard;}vec4 F=texture(Ug,C);vec4 G=texture(Uh,C);vec4 H=texture(Ui,C);o_character=D;o_primaryColor=E;o_secondaryColor=F;o_rotation=G;o_transform=H;}`), this.ee = new M(this.vt, at, "precision mediump float;uniform sampler2D U0;uniform vec2 U1;uniform sampler2D U3;uniform sampler2D U4;uniform sampler2D U5;uniform sampler2D U2;uniform sampler2D U6;uniform vec2 U7;uniform vec2 U8;mat2 A(float B){float C=sin(B);float D=cos(B);return mat2(D,-C,C,D);}void main(){vec2 E=gl_FragCoord.xy/U8;vec2 F=E*U7;vec2 G=floor(F);vec2 H=(G+0.5)/U7;vec4 I=texture2D(U3,H);vec4 J=texture2D(U4,H);vec4 K=texture2D(U5,H);bool L=K.r>0.5;bool M=K.g>0.5;bool N=K.b>0.5;vec4 O=texture2D(U2,H);int P=int(O.r*255.+0.5)+int(O.g*255.+0.5)*256;int Q=int(mod(float(P),U1.x));int R=P/int(U1.x);float S=(U1.y-1.)-float(R);vec2 T=vec2(float(Q),S)/U1;vec4 U=texture2D(U6,H);float V=U.r*255.+U.g;float W=-(V*360./255.)*0.017453292;vec2 X=fract(F)-0.5;if(M)X.x=-X.x;if(N)X.y=-X.y;X=A(W)*X+0.5;vec2 Y=1./U1;vec2 Z=T+X*Y;vec2 a=T+Y;if(any(lessThan(Z,T))||any(greaterThan(Z,a))){gl_FragColor=L?I:J;return;}vec4 b=texture2D(U0,Z);if(L)b.rgb=1.-b.rgb;gl_FragColor=mix(J,I,b);}"), this.se = new M(this.vt, k, `#version 300 es
+precision highp float;in vec2 v_uv;uniform sampler2D Uk;uniform bool Ul;uniform bool Um;uniform bool Un;uniform vec2 Uo;uniform bool Up;uniform vec3 Uq;uniform bool Ur;uniform vec3 Us;uniform vec4 Ut;uniform int Uu;uniform vec3 Uv[64];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;float A(vec3 B){return dot(B,vec3(0.299,0.587,0.114));}void main(){vec2 C=vec2(v_uv.x,1.-v_uv.y);vec4 D=texture(Uk,C);float E=A(D.rgb);if(Uu>0){float F=float(Uu);float G=clamp(E*(F-1.),0.,F-1.);int H=int(floor(G+0.5));vec3 I=Uv[H];o_character=vec4(I,1.);}else{o_character=vec4(E,0.,0.,1.);}vec3 J=D.rgb;vec3 K=Up?Uq:J;vec3 L=Ur?Us:J;float M=Up?1.:D.a;float N;if(D.a<0.01){K=Ut.rgb;L=Ut.rgb;M=Ut.a;N=Ut.a;}else{N=Ur?1.:D.a;}o_primaryColor=vec4(K,M);o_secondaryColor=vec4(L,N);o_rotation=vec4(Uo.xy,0.,1.);o_transform=vec4(float(Ul),float(Um),float(Un),1.);}`);
+  }
+  ie() {
+    return this.Qt;
   }
-  oe() {
-    return this.ne("mrt-copy", () => new P(this.bt, W, `#version 300 es
-precision highp float;in vec2 v_uv;uniform sampler2D l;uniform sampler2D m;uniform sampler2D n;uniform sampler2D o;uniform sampler2D p;uniform vec2 q;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){vec2 A=vec2(v_uv.x,1.-v_uv.y);vec2 B=A*q;vec2 C=(floor(B)+0.5f)/q;vec4 D=texture(l,C);vec4 E=texture(m,C);if(E.a==0.){discard;}vec4 F=texture(n,C);vec4 G=texture(o,C);vec4 H=texture(p,C);o_character=D;o_primaryColor=E;o_secondaryColor=F;o_rotation=G;o_transform=H;}`));
+  Tt() {
+    return this.te;
   }
-  Bt() {
-    return this.ne("mrt-draw", () => new P(this.bt, 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.);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.,1.);o_transform=vec4(v_transform,1.);}`));
+  re() {
+    return this.ee;
   }
-  ae() {
-    return this.ne("ascii-conversion", () => new P(this.bt, "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.,1.);}", "precision mediump float;uniform sampler2D a;uniform vec2 b;uniform sampler2D d;uniform sampler2D e;uniform sampler2D f;uniform sampler2D c;uniform sampler2D g;uniform vec2 h;uniform vec2 i;uniform vec2 j;mat2 A(float B){float C=sin(B);float c=cos(B);return mat2(c,-C,C,c);}void main(){vec2 D=(gl_FragCoord.xy-j)/i;vec2 E=D*h;vec2 F=floor(E);vec2 G=(F+0.5)/h;vec4 H=texture2D(d,G);vec4 I=texture2D(e,G);vec4 J=texture2D(f,G);bool K=J.r>0.5;bool L=J.g>0.5;bool M=J.b>0.5;vec4 N=texture2D(c,G);int O=int(N.r*255.+0.5)+int(N.g*255.+0.5)*256;int P=int(mod(float(O),b.x));int Q=O/int(b.x);float R=(b.y-1.)-float(Q);vec2 S=vec2(float(P),R)/b;vec4 T=texture2D(g,G);float U=T.r*255.+T.g;float V=-(U*360./255.)*0.017453292;vec2 W=fract(E)-0.5;if(L)W.x=-W.x;if(M)W.y=-W.y;W=A(V)*W+0.5;vec2 X=1./b;vec2 Y=S+W*X;vec2 Z=S+X;if(any(lessThan(Y,S))||any(greaterThan(Y,Z))){gl_FragColor=K?H:I;return;}vec4 a=texture2D(a,Y);if(K)a.rgb=1.-a.rgb;gl_FragColor=mix(I,H,a);}"));
+  ne() {
+    return this.se;
   }
-  he(t) {
-    return new P(this.bt, W, t);
+  oe(t) {
+    return new M(this.vt, k, t);
   }
-  ce(t, e) {
-    return new P(this.bt, t, e);
+  ae(t, e) {
+    return new M(this.vt, t, e);
   }
-  Ut() {
-    for (const t of this.re.values()) t.Ut();
-    this.re.clear();
+  Pt() {
+    this.Qt.Pt(), this.te.Pt(), this.ee.Pt(), this.se.Pt();
   }
 }
-var b = ((a) => (a.RECTANGLE = "rectangle", a.LINE = "line", a.ELLIPSE = "ellipse", a.ARC = "arc", a.TRIANGLE = "triangle", a.BEZIER_CURVE = "bezier_curve", a.CUSTOM = "custom", a))(b || {});
-class rt {
+var w = ((h) => (h.RECTANGLE = "rectangle", h.LINE = "line", h.ELLIPSE = "ellipse", h.ARC = "arc", h.TRIANGLE = "triangle", h.BEZIER_CURVE = "bezier_curve", h.CUSTOM = "custom", h))(w || {});
+class dt {
   constructor(t) {
-    c(this, "bt");
-    c(this, "le", /* @__PURE__ */ new Map());
-    this.bt = t;
-  }
-  ue(t, e, i, r) {
-    const s = this.bt;
-    let n = this.le.get(t);
-    n || (n = /* @__PURE__ */ new Map(), this.le.set(t, n));
+    a(this, "vt");
+    a(this, "he", /* @__PURE__ */ new Map());
+    this.vt = t;
+  }
+  ce(t, e, i, s) {
+    const r = this.vt;
+    let n = this.he.get(t);
+    n || (n = /* @__PURE__ */ new Map(), this.he.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, r);
-      const h = s.getAttribLocation(t, "a_position");
-      h !== -1 && (s.enableVertexAttribArray(h), s.vertexAttribPointer(h, i.de.fe.size, s.FLOAT, !1, i._e, i.de.fe.offset), s.vertexAttribDivisor(h, 0));
-      const l = s.getAttribLocation(t, "a_texCoord");
-      l !== -1 && (s.enableVertexAttribArray(l), s.vertexAttribPointer(l, i.de.pe.size, s.FLOAT, !1, i._e, i.de.pe.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.ue.le.size, r.FLOAT, !1, i.fe, i.ue.le.offset), r.vertexAttribDivisor(c, 0));
+      const l = r.getAttribLocation(t, "a_texCoord");
+      l !== -1 && (r.enableVertexAttribArray(l), r.vertexAttribPointer(l, i.ue.de.size, r.FLOAT, !1, i.fe, i.ue.de.offset), r.vertexAttribDivisor(l, 0));
     }
-    s.bindVertexArray(o);
+    r.bindVertexArray(o);
   }
-  ge() {
-    this.bt.bindVertexArray(null);
+  _e() {
+    this.vt.bindVertexArray(null);
   }
-  Ut() {
-    const t = this.bt;
-    for (const [, e] of this.le) for (const [, i] of e) i && t.deleteVertexArray(i);
-    this.le.clear();
+  Pt() {
+    for (const [, t] of this.he) for (const [, e] of t) e && this.vt.deleteVertexArray(e);
   }
 }
-class st {
+class gt {
   constructor(t, e) {
-    c(this, "me");
-    c(this, "bt");
-    c(this, "kt");
-    c(this, "ve", null);
-    c(this, "ye", null);
-    this.bt = t, this.me = new rt(t), this.kt = e;
-  }
-  $e(t, e, i) {
-    const { shader: r } = t, s = I(this.bt) || this.bt.getParameter(this.bt.VIEWPORT);
-    r.Zt({ k: s[2] / s[3], t: [s[2], s[3]] });
+    a(this, "pe");
+    a(this, "vt");
+    a(this, "xt");
+    a(this, "me", null);
+    a(this, "ge", null);
+    this.vt = t, this.pe = new dt(t), this.xt = e;
+  }
+  ve(t, e, i) {
+    const { shader: s } = t, r = X(this.vt) || this.vt.getParameter(this.vt.VIEWPORT);
+    s.Nt({ U9: r[2] / r[3], Uy: [r[2], r[3]] });
     const n = (l) => {
-      if (!l || !l.Ce()) return;
-      const u = l.unitGeometry, f = l.unitBuffer;
+      if (!l || !l.ye()) return;
+      const f = l.unitGeometry, u = l.unitBuffer;
       try {
-        this.me.ue(r.ie, l.type + "", u, f), l.batch.we(r), l.batch.xe(u.be, u.Re);
+        this.pe.ce(s.Jt, l.type + "", f, u), l.batch.Ce(s), l.batch.we(f.$e, f.be);
       } finally {
-        l.batch.Me(r), this.me.ge(), l.Se();
+        l.batch.xe(s), this.pe._e(), l.Fe();
       }
     };
-    let o = null, h = null;
+    let o = null, c = null;
     for (const l of e) {
-      if (l.type === b.CUSTOM) {
-        h && (n(h), o = null, h = null), this.Fe(t, l.params, l.state, i.get(b.RECTANGLE));
+      if (l.type === w.CUSTOM) {
+        c && (n(c), o = null, c = null), this.Me(t, l.params, l.state, i.get(w.RECTANGLE));
         continue;
       }
-      o !== null && l.type !== o && (n(h), o = null, h = null);
-      let u = h;
-      u && l.type === o || (u = i.get(l.type) || null, h = u, o = l.type), u && u.ze(l.params, l.state);
+      o !== null && l.type !== o && (n(c), o = null, c = null);
+      let f = c;
+      f && l.type === o || (f = i.get(l.type) || null, c = f, o = l.type), f && f.Re(l.params, l.state);
     }
-    n(h);
-  }
-  Fe(t, e, i, r) {
-    const { x: s, y: n, width: o, height: h, shader: l, uniforms: u } = e;
-    if (l === this.ke()) return this.Pe(r, l, u, Math.floor(s), Math.floor(n), Math.max(1, Math.floor(o)), Math.max(1, Math.floor(h)), i), void t.shader.Yt();
-    const f = this.Te(Math.max(1, Math.floor(o)), Math.max(1, Math.floor(h)));
-    f.begin(), this.Pe(r, l, u, 0, 0, f.width, f.height, {}), f.end();
-    const d = this.ke(), p = { l: f.textures[0], m: f.textures[1], n: f.textures[2], o: f.textures[3], p: f.textures[4], q: [f.width, f.height] };
-    this.Pe(r, d, p, Math.floor(s), Math.floor(n), Math.max(1, Math.floor(o)), Math.max(1, Math.floor(h)), i), t.shader.Yt();
-  }
-  Pe(t, e, i, r, s, n, o, h) {
-    e.Yt(), e.Zt(i);
-    const l = this.bt.getParameter(this.bt.VIEWPORT);
-    if (e.Zt({ k: l[2] / l[3], t: [l[2], l[3]] }), t.Se(), t.ze({ x: r, y: s, width: n, height: o }, h), t.Ce()) {
-      const u = t.unitGeometry, f = t.unitBuffer;
+    n(c);
+  }
+  Me(t, e, i, s) {
+    const { x: r, y: n, width: o, height: c, shader: l, uniforms: f } = e, u = this.Se(Math.max(1, Math.floor(o)), Math.max(1, Math.floor(c)));
+    u.begin(), this.Ae(s, l, f, 0, 0, u.width, u.height, {}), u.end();
+    const g = this.ze(), v = { Ue: u.textures[0], Uf: u.textures[1], Ug: u.textures[2], Uh: u.textures[3], Ui: u.textures[4], Uj: [u.width, u.height] };
+    this.Ae(s, g, v, Math.floor(r), Math.floor(n), Math.max(1, Math.floor(o)), Math.max(1, Math.floor(c)), i), t.shader.Vt();
+  }
+  Ae(t, e, i, s, r, n, o, c) {
+    e.Vt(), e.Nt(i);
+    const l = this.vt.getParameter(this.vt.VIEWPORT);
+    if (e.Nt({ U9: l[2] / l[3], Uy: [l[2], l[3]] }), t.Fe(), t.Re({ x: s, y: r, width: n, height: o }, c), t.ye()) {
+      const f = t.unitGeometry, u = t.unitBuffer;
       try {
-        this.me.ue(e.ie, t.type + "", u, f), t.batch.we(e), t.batch.xe(u.be, u.Re);
+        this.pe.ce(e.Jt, t.type + "", f, u), t.batch.Ce(e), t.batch.we(f.$e, f.be);
       } finally {
-        t.batch.Me(e), this.me.ge(), t.Se();
+        t.batch.xe(e), this.pe._e(), t.Fe();
       }
     }
   }
-  ke() {
-    return this.kt.oe();
+  ze() {
+    return this.xt.ie();
+  }
+  Se(t, e) {
+    return this.me && this.ge && this.ge.w === t && this.ge.h === e || (this.me && this.me.Pt(), this.me = new K(this.vt, t, e, 5), this.ge = { w: t, h: e }), this.me;
   }
-  Te(t, e) {
-    return this.ve && this.ye && this.ye.w === t && this.ye.h === e || (this.ve && this.ve.Ut(), this.ve = new D(this.bt, t, e, 5), this.ye = { w: t, h: e }), this.ve;
+  Pt() {
+    this.pe.Pt(), this.me && this.me.Pt();
   }
 }
-class nt {
+class pt {
   constructor() {
-    c(this, "Ae", []);
-    c(this, "Ge", 1);
-    c(this, "Le", 0);
-  }
-  Ee(t) {
-    if (this.Le >= this.Ae.length) {
-      const i = { id: this.Ge++, type: t, params: {}, state: { X: 1, Y: 0, Z: 0, J: 0, character: [0, 0, 0], charColor: [1, 1, 1, 1], bgColor: [0, 0, 0, 1], flipHorizontally: !1, flipVertically: !1, invert: !1, charRotation: [0, 0] } };
-      this.Ae.push(i);
+    a(this, "Te", []);
+    a(this, "Ee", 1);
+    a(this, "Le", 0);
+  }
+  ke(t) {
+    if (this.Le >= this.Te.length) {
+      const i = { id: this.Ee++, type: t, params: {}, state: { O: 1, H: 0, V: 0, K: 0, j: [0, 0, 0], Y: [1, 1, 1, 1], q: [0, 0, 0, 1], N: !1, X: !1, P: !1, G: [0, 0] } };
+      this.Te.push(i);
     }
-    const e = this.Ae[this.Le];
-    switch (e.id = this.Ge++, e.type = t, t) {
-      case b.RECTANGLE:
-      case b.ELLIPSE:
-        e.params && "width" in e.params || (e.params = { x: 0, y: 0, width: 0, height: 0 });
-        break;
-      case b.CUSTOM:
-        e.params && "shader" in e.params || (e.params = { x: 0, y: 0, width: 0, height: 0, shader: void 0, uniforms: {} });
-        break;
-      case b.ARC:
-        e.params && "start" in e.params || (e.params = { x: 0, y: 0, width: 0, height: 0, start: 0, stop: 0 });
-        break;
-      case b.LINE:
-        e.params && "x2" in e.params || (e.params = { x1: 0, y1: 0, x2: 0, y2: 0, thickness: void 0 });
-        break;
-      case b.TRIANGLE:
-        e.params && "x3" in e.params || (e.params = { x1: 0, y1: 0, x2: 0, y2: 0, x3: 0, y3: 0 });
-        break;
-      case b.BEZIER_CURVE:
-        e.params && "cp2y" in e.params || (e.params = { x1: 0, y1: 0, cp1x: 0, cp1y: 0, cp2x: 0, cp2y: 0, x2: 0, y2: 0, thickness: void 0 });
-        break;
-      default:
-        e.params || (e.params = {});
-    }
-    return this.Le++, e;
+    const e = this.Te[this.Le];
+    return e.id = this.Ee++, e.type = t, this.Le++, e;
   }
-  Be(t, e, i, r, s) {
-    const n = this.Ee(b.RECTANGLE);
-    return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = r, s.nt(n.state), n.id;
+  Pe(t, e, i, s, r) {
+    const n = this.ke(w.RECTANGLE);
+    return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = s, r.J(n.state), n.id;
   }
-  De(t, e, i, r, s, n, o) {
-    const h = this.Ee(b.CUSTOM);
-    return h.params.x = t, h.params.y = e, h.params.width = i, h.params.height = r, h.params.shader = s, h.params.uniforms = n, o.nt(h.state), h.id;
+  Ge(t, e, i, s, r, n, o) {
+    const c = this.ke(w.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.J(c.state), c.id;
   }
-  We(t, e, i, r, s, n) {
-    const o = this.Ee(b.LINE);
-    return o.params.x1 = t, o.params.y1 = e, o.params.x2 = i, o.params.y2 = r, o.params.thickness = s, n.nt(o.state), o.id;
+  Be(t, e, i, s, r, n) {
+    const o = this.ke(w.LINE);
+    return o.params.x1 = t, o.params.y1 = e, o.params.x2 = i, o.params.y2 = s, o.params.thickness = r, n.J(o.state), o.id;
   }
-  Ie(t, e, i, r, s) {
-    const n = this.Ee(b.ELLIPSE);
-    return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = r, s.nt(n.state), n.id;
+  De(t, e, i, s, r) {
+    const n = this.ke(w.ELLIPSE);
+    return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = s, r.J(n.state), n.id;
   }
-  Ue(t, e, i, r, s, n, o) {
-    const h = this.Ee(b.ARC);
-    return h.params.x = t, h.params.y = e, h.params.width = i, h.params.height = r, h.params.start = s, h.params.stop = n, o.nt(h.state), h.id;
+  Ie(t, e, i, s, r, n, o) {
+    const c = this.ke(w.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.J(c.state), c.id;
   }
-  Ve(t, e, i, r, s, n, o) {
-    const h = this.Ee(b.TRIANGLE);
-    return h.params.x1 = t, h.params.y1 = e, h.params.x2 = i, h.params.y2 = r, h.params.x3 = s, h.params.y3 = n, o.nt(h.state), h.id;
+  We(t, e, i, s, r, n, o) {
+    const c = this.ke(w.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.J(c.state), c.id;
   }
-  Oe(t, e, i, r, s, n, o, h, l, u) {
-    const f = this.Ee(b.BEZIER_CURVE);
-    return f.params.x1 = t, f.params.y1 = e, f.params.cp1x = i, f.params.cp1y = r, f.params.cp2x = s, f.params.cp2y = n, f.params.x2 = o, f.params.y2 = h, f.params.thickness = l, u.nt(f.state), f.id;
+  Oe(t, e, i, s, r, n, o, c, l, f) {
+    const u = this.ke(w.BEZIER_CURVE);
+    return u.params.x1 = t, u.params.y1 = e, u.params.cp1x = i, u.params.cp1y = s, u.params.cp2x = r, u.params.cp2y = n, u.params.x2 = o, u.params.y2 = c, u.params.thickness = l, f.J(u.state), u.id;
   }
   get length() {
     return this.Le;
@@ -571,614 +540,765 @@ class nt {
   }
   [Symbol.iterator]() {
     let t = 0;
-    const e = this.Le, i = this.Ae;
+    const e = this.Le, i = this.Te;
     return { next: () => t < e ? { value: i[t++], done: !1 } : { value: void 0, done: !0 } };
   }
 }
-const T = class T {
-  static Ke(t, e, i = 0) {
-    var n, o, h, l, u, f, d, p, g, m;
-    const r = e || new Float32Array(T.FLOATS_PER_INSTANCE);
-    let s = i;
-    return r[s++] = t.position[0], r[s++] = t.position[1], r[s++] = t.size[0], r[s++] = t.size[1], r[s++] = t.tt[0], r[s++] = t.tt[1], r[s++] = t.tt[2], r[s++] = t.primaryColor[0], r[s++] = t.primaryColor[1], r[s++] = t.primaryColor[2], r[s++] = t.primaryColor[3], r[s++] = t.secondaryColor[0], r[s++] = t.secondaryColor[1], r[s++] = t.secondaryColor[2], r[s++] = t.secondaryColor[3], r[s++] = t.rotation[0], r[s++] = t.rotation[1], r[s++] = t.transform[0], r[s++] = t.transform[1], r[s++] = t.transform[2], r[s++] = t.globalRotationX, r[s++] = t.globalRotationY, r[s++] = t.globalRotationZ, r[s++] = t.rotationCenter[0], r[s++] = t.rotationCenter[1], r[s++] = ((n = t.arcAngles) == null ? void 0 : n[0]) || 0, r[s++] = ((o = t.arcAngles) == null ? void 0 : o[1]) || 0, r[s++] = ((h = t.bezierControlPoint1) == null ? void 0 : h[0]) || 0, r[s++] = ((l = t.bezierControlPoint1) == null ? void 0 : l[1]) || 0, r[s++] = ((u = t.bezierControlPoint2) == null ? void 0 : u[0]) || 0, r[s++] = ((f = t.bezierControlPoint2) == null ? void 0 : f[1]) || 0, r[s++] = ((d = t.bezierStartPoint) == null ? void 0 : d[0]) || 0, r[s++] = ((p = t.bezierStartPoint) == null ? void 0 : p[1]) || 0, r[s++] = ((g = t.bezierEndPoint) == null ? void 0 : g[0]) || 0, r[s++] = ((m = t.bezierEndPoint) == null ? void 0 : m[1]) || 0, r;
-  }
-  static Ne(t) {
-    const e = t.length * T.FLOATS_PER_INSTANCE, i = new Float32Array(e);
-    for (let r = 0; r < t.length; r++) {
-      const s = r * T.FLOATS_PER_INSTANCE;
-      T.Ke(t[r], i, s);
+const P = class P {
+  static Ve(t, e, i = 0) {
+    var n, o, c, l, f, u, g, v, m, d;
+    const s = e || new Float32Array(P.FLOATS_PER_INSTANCE);
+    let r = i;
+    return s[r++] = t.le[0], s[r++] = t.le[1], s[r++] = t.Le[0], s[r++] = t.Le[1], s[r++] = t.j[0], s[r++] = t.j[1], s[r++] = t.j[2], s[r++] = t.Y[0], s[r++] = t.Y[1], s[r++] = t.Y[2], s[r++] = t.Y[3], s[r++] = t.q[0], s[r++] = t.q[1], s[r++] = t.q[2], s[r++] = t.q[3], s[r++] = t.G[0], s[r++] = t.G[1], s[r++] = t.Ke[0], s[r++] = t.Ke[1], s[r++] = t.Ke[2], s[r++] = t.H, s[r++] = t.V, s[r++] = t.K, s[r++] = t.Ne[0], s[r++] = t.Ne[1], s[r++] = ((n = t.Xe) == null ? void 0 : n[0]) || 0, s[r++] = ((o = t.Xe) == null ? void 0 : o[1]) || 0, s[r++] = ((c = t.je) == null ? void 0 : c[0]) || 0, s[r++] = ((l = t.je) == null ? void 0 : l[1]) || 0, s[r++] = ((f = t.Ye) == null ? void 0 : f[0]) || 0, s[r++] = ((u = t.Ye) == null ? void 0 : u[1]) || 0, s[r++] = ((g = t.qe) == null ? void 0 : g[0]) || 0, s[r++] = ((v = t.qe) == null ? void 0 : v[1]) || 0, s[r++] = ((m = t.Ze) == null ? void 0 : m[0]) || 0, s[r++] = ((d = t.Ze) == null ? void 0 : d[1]) || 0, s;
+  }
+  static Je(t) {
+    const e = t.length * P.FLOATS_PER_INSTANCE, i = new Float32Array(e);
+    for (let s = 0; s < t.length; s++) {
+      const r = s * P.FLOATS_PER_INSTANCE;
+      P.Ve(t[s], i, r);
     }
     return i;
   }
 };
-c(T, "BYTES_PER_INSTANCE", 140), c(T, "FLOATS_PER_INSTANCE", 35);
-let _ = T;
-const y = class y {
+a(P, "BYTES_PER_INSTANCE", 140), a(P, "FLOATS_PER_INSTANCE", 35);
+let B = P;
+const T = class T {
 };
-c(y, "STRIDE", _.BYTES_PER_INSTANCE), c(y, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 92, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 124, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: y.STRIDE, offset: 132, divisor: 1 } });
-let k = y;
-class ot {
+a(T, "STRIDE", B.BYTES_PER_INSTANCE), a(T, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 92, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 124, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: T.STRIDE, offset: 132, divisor: 1 } });
+let H = T;
+class mt {
   constructor(t, e = 1e3, i = 1.5) {
-    c(this, "bt");
-    c(this, "Xe", []);
-    c(this, "je");
-    c(this, "Ye");
-    c(this, "qe", null);
-    c(this, "Ze", !0);
-    c(this, "Je", 0);
-    c(this, "Qe", /* @__PURE__ */ new Map());
-    c(this, "ts", null);
-    this.bt = t, this.je = e, this.Ye = i, this.es();
-  }
-  ze(t) {
-    const e = this.Xe.length;
-    return this.Xe.push(t), this.Ze = !0, e;
+    a(this, "vt");
+    a(this, "Qe", []);
+    a(this, "ts");
+    a(this, "es");
+    a(this, "ss", null);
+    a(this, "rs", !0);
+    a(this, "ns", 0);
+    a(this, "hs", /* @__PURE__ */ new Map());
+    a(this, "cs", null);
+    this.vt = t, this.ts = e, this.es = i, this.ls();
+  }
+  Re(t) {
+    const e = this.Qe.length;
+    return this.Qe.push(t), this.rs = !0, e;
   }
   get count() {
-    return this.Xe.length;
+    return this.Qe.length;
   }
   get isEmpty() {
-    return this.Xe.length === 0;
+    return this.Qe.length === 0;
   }
   clear() {
-    this.Xe.length = 0, this.Ze = !0;
-  }
-  ss(t) {
-    if (t <= this.je) return;
-    const e = Math.ceil(t * this.Ye);
-    this.je = e, this.es();
-  }
-  es() {
-    const t = this.bt;
-    this.qe && t.deleteBuffer(this.qe), this.qe = t.createBuffer();
-    const e = this.je * _.BYTES_PER_INSTANCE;
-    t.bindBuffer(t.ARRAY_BUFFER, this.qe), t.bufferData(t.ARRAY_BUFFER, e, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.Ze = !0, this.Je = 0;
-  }
-  rs() {
-    if (!this.Ze || this.Xe.length === 0) return;
-    const t = this.bt, e = this.Xe.length;
-    this.ss(e), (!this.ts || this.ts.length < e * _.FLOATS_PER_INSTANCE) && (this.ts = new Float32Array(e * _.FLOATS_PER_INSTANCE));
-    const i = _.Ne(this.Xe);
-    t.bindBuffer(t.ARRAY_BUFFER, this.qe), e <= this.Je ? t.bufferSubData(t.ARRAY_BUFFER, 0, i) : t.bufferData(t.ARRAY_BUFFER, i, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.Ze = !1, this.Je = e;
-  }
-  ns(t) {
-    let e = this.Qe.get(t);
+    this.Qe.length = 0, this.rs = !0;
+  }
+  us(t) {
+    if (t <= this.ts) return;
+    const e = Math.ceil(t * this.es);
+    this.ts = e, this.ls();
+  }
+  ls() {
+    const t = this.vt;
+    this.ss && t.deleteBuffer(this.ss), this.ss = t.createBuffer();
+    const e = this.ts * B.BYTES_PER_INSTANCE;
+    t.bindBuffer(t.ARRAY_BUFFER, this.ss), t.bufferData(t.ARRAY_BUFFER, e, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.rs = !0, this.ns = 0;
+  }
+  fs() {
+    if (!this.rs || this.Qe.length === 0) return;
+    const t = this.vt, e = this.Qe.length;
+    this.us(e), (!this.cs || this.cs.length < e * B.FLOATS_PER_INSTANCE) && (this.cs = new Float32Array(e * B.FLOATS_PER_INSTANCE));
+    const i = B.Je(this.Qe);
+    t.bindBuffer(t.ARRAY_BUFFER, this.ss), e <= this.ns ? t.bufferSubData(t.ARRAY_BUFFER, 0, i) : t.bufferData(t.ARRAY_BUFFER, i, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.rs = !1, this.ns = e;
+  }
+  ds(t) {
+    let e = this.hs.get(t);
     if (!e) {
       e = /* @__PURE__ */ new Map();
-      const i = this.bt;
-      for (const r in k.ATTRIBUTES) {
-        const s = i.getAttribLocation(t, r);
-        s !== -1 && e.set(r, s);
+      const i = this.vt;
+      for (const s in H.ATTRIBUTES) {
+        const r = i.getAttribLocation(t, s);
+        r !== -1 && e.set(s, r);
       }
-      this.Qe.set(t, e);
+      this.hs.set(t, e);
     }
     return e;
   }
-  we(t) {
-    if (!this.qe || this.Xe.length === 0) return;
-    const e = this.bt, i = t.ie;
-    this.rs();
-    const r = this.ns(i);
-    e.bindBuffer(e.ARRAY_BUFFER, this.qe);
-    for (const [s, n] of r) {
-      const o = k.ATTRIBUTES[s];
+  Ce(t) {
+    if (!this.ss || this.Qe.length === 0) return;
+    const e = this.vt, i = t.Jt;
+    this.fs();
+    const s = this.ds(i);
+    e.bindBuffer(e.ARRAY_BUFFER, this.ss);
+    for (const [r, n] of s) {
+      const o = H.ATTRIBUTES[r];
       o && (e.enableVertexAttribArray(n), e.vertexAttribPointer(n, o.size, o.type, o.normalized, o.stride, o.offset), e.vertexAttribDivisor(n, o.divisor));
     }
   }
-  Me(t) {
-    const e = this.bt, i = this.ns(t.ie);
-    for (const [, r] of i) e.disableVertexAttribArray(r), e.vertexAttribDivisor(r, 0);
+  xe(t) {
+    const e = this.vt, i = this.ds(t.Jt);
+    for (const [, s] of i) e.disableVertexAttribArray(s), e.vertexAttribDivisor(s, 0);
   }
-  xe(t, e) {
-    this.Xe.length !== 0 && this.bt.drawArraysInstanced(t, 0, e, this.Xe.length);
+  we(t, e) {
+    this.Qe.length !== 0 && this.vt.drawArraysInstanced(t, 0, e, this.Qe.length);
   }
-  Ut() {
-    const t = this.bt;
-    this.qe && (t.deleteBuffer(this.qe), this.qe = null), this.Xe.length = 0, this.Qe.clear(), this.ts = null;
+  Pt() {
+    this.ss && this.vt.deleteBuffer(this.ss);
   }
 }
-class S {
-  constructor(t, e, i, r) {
-    c(this, "bt");
-    c(this, "hs");
-    c(this, "cs");
-    c(this, "ls");
-    c(this, "us", null);
-    this.bt = t, this.hs = e, this.cs = i, this.ls = r;
-    const s = this.bt.createBuffer();
-    if (!s) throw Error("Failed to create unit geometry buffer");
-    this.bt.bindBuffer(this.bt.ARRAY_BUFFER, s), this.bt.bufferData(this.bt.ARRAY_BUFFER, this.ls.fs, this.bt.STATIC_DRAW), this.bt.bindBuffer(this.bt.ARRAY_BUFFER, null), this.us = s;
+class D {
+  constructor(t, e, i, s) {
+    a(this, "vt");
+    a(this, "_s");
+    a(this, "ps");
+    a(this, "gs");
+    a(this, "vs", null);
+    this.vt = t, this._s = e, this.ps = i, this.gs = s;
+    const r = this.vt.createBuffer();
+    if (!r) throw Error("Failed to create unit geometry buffer");
+    this.vt.bindBuffer(this.vt.ARRAY_BUFFER, r), this.vt.bufferData(this.vt.ARRAY_BUFFER, this.gs.Cs, this.vt.STATIC_DRAW), this.vt.bindBuffer(this.vt.ARRAY_BUFFER, null), this.vs = r;
   }
   get type() {
-    return this.cs;
+    return this.ps;
   }
   get unitGeometry() {
-    return this.ls;
+    return this.gs;
   }
   get unitBuffer() {
-    return this.us;
+    return this.vs;
   }
   get batch() {
-    return this.hs;
+    return this._s;
   }
-  Se() {
-    this.hs.clear();
+  Fe() {
+    this._s.clear();
   }
-  Ce() {
-    return !this.hs.isEmpty;
+  ye() {
+    return !this._s.isEmpty;
   }
-  Ut() {
-    this.hs.Ut(), this.us && (this.bt.deleteBuffer(this.us), this.us = null);
+  Pt() {
+    this._s.Pt(), this.vt.deleteBuffer(this.vs);
   }
-  ds(t, e, i, r, s) {
-    const n = this._s(t, e, i, r, s.rotationX || 0, s.rotationY || 0, s.rotationZ || 0);
-    return { position: [t, e], size: [i, r], tt: 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] };
+  ws(t, e, i, s, r) {
+    const n = this.$s(t, e, i, s, r.H || 0, r.V || 0, r.K || 0);
+    return { le: [t, e], Le: [i, s], j: r.j || [0, 0, 0], Y: r.Y || [1, 1, 1, 1], q: r.q || [0, 0, 0, 1], G: r.G || [0, 0], Ke: [r.P ? 1 : 0, r.N ? 1 : 0, r.X ? 1 : 0], H: n.radiansX, V: n.radiansY, K: n.radiansZ, Ne: [n.centerX, n.centerY] };
   }
-  ps(t, e) {
-    const i = I(this.bt) || [0, 0, this.bt.canvas.width, this.bt.canvas.height];
+  bs(t, e) {
+    const i = X(this.vt) || [0, 0, this.vt.canvas.width, this.vt.canvas.height];
     return { nx: t / i[2] * 2 - 1, ny: 1 - e / i[3] * 2 };
   }
-  gs(t, e, i) {
-    const r = this.ps(e, i);
-    t.rotationCenter = [r.nx, r.ny];
+  Fs(t, e, i) {
+    const s = this.bs(e, i);
+    t.Ne = [s.nx, s.ny];
   }
-  _s(t, e, i, r, s, n, o) {
-    const h = I(this.bt) || [0, 0, this.bt.canvas.width, this.bt.canvas.height], l = h[2], u = h[3];
-    return { centerX: (t + i / 2) / l * 2 - 1, centerY: 1 - (e + r / 2) / u * 2, radiansX: -s * Math.PI / 180, radiansY: -n * Math.PI / 180, radiansZ: -o * Math.PI / 180, aspectRatio: l / u };
+  $s(t, e, i, s, r, n, o) {
+    const c = X(this.vt) || [0, 0, this.vt.canvas.width, this.vt.canvas.height], l = c[2], f = c[3];
+    return { centerX: (t + i / 2) / l * 2 - 1, centerY: 1 - (e + s / 2) / f * 2, radiansX: -r * Math.PI / 180, radiansY: -n * Math.PI / 180, radiansZ: -o * Math.PI / 180, aspectRatio: l / f };
   }
 }
-const at = { fs: 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]), Re: 6, be: WebGL2RenderingContext.TRIANGLES, _e: 16, de: { fe: { size: 2, offset: 0 }, pe: { size: 2, offset: 8 } } };
-class ht extends S {
+const vt = { Cs: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 1, 1]), be: 6, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
+class xt extends D {
   constructor(t, e) {
-    super(t, e, b.RECTANGLE, at);
+    super(t, e, w.RECTANGLE, vt);
   }
-  ze(t, e) {
-    const i = this.ds(t.x, t.y, t.width, t.height, e);
-    return this.hs.ze(i);
+  Re(t, e) {
+    const i = this.ws(t.x, t.y, t.width, t.height, e);
+    return this._s.Re(i);
   }
 }
-const ct = { fs: 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]), Re: 6, be: WebGL2RenderingContext.TRIANGLES, _e: 16, de: { fe: { size: 2, offset: 0 }, pe: { size: 2, offset: 8 } } };
-class lt extends S {
+const yt = { Cs: new Float32Array([0, -0.5, 0, 0, 1, -0.5, 1, 0, 0, 0.5, 0, 1, 0, 0.5, 0, 1, 1, -0.5, 1, 0, 1, 0.5, 1, 1]), be: 6, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
+class Et extends D {
   constructor(t, e) {
-    super(t, e, b.LINE, ct);
+    super(t, e, w.LINE, yt);
   }
-  ze(t, e) {
-    const i = t.x2 - t.x1, r = t.y2 - t.y1, s = Math.hypot(i, r), n = Math.atan2(r, i), o = t.thickness || e.lineWeight || 1, h = t.x1 + i / 2, l = t.y1 + r / 2, u = h - s / 2, f = l, d = { character: e.character, charColor: e.charColor, bgColor: e.bgColor, charRotation: e.charRotation, flipHorizontally: e.flipHorizontally, flipVertically: e.flipVertically, invert: e.invert, rotationX: e.rotationX || 0, rotationY: e.rotationY || 0, rotationZ: (e.rotationZ || 0) + 180 * n / Math.PI, lineWeight: o }, p = this.ds(u, f, s, o, d);
-    return this.gs(p, h, l), this.hs.ze(p);
+  Re(t, e) {
+    const i = t.x2 - t.x1, s = t.y2 - t.y1, r = Math.hypot(i, s), n = t.thickness || e.O || 1, o = t.x1 + i / 2, c = t.y1 + s / 2, l = o - r / 2, f = c, u = this.ws(l, f, r, n, e);
+    return this.Fs(u, o, c), this._s.Re(u);
   }
 }
-const ut = { fs: function(a = 32) {
-  const t = [], e = 2 * Math.PI / a;
-  for (let i = 0; i < a; i++) {
-    const r = i * e, s = (i + 1) % a * e, n = Math.cos(r), o = Math.sin(r), h = 0.5 * (n + 1), l = 0.5 * (o + 1), u = Math.cos(s), f = Math.sin(s), d = 0.5 * (u + 1), p = 0.5 * (f + 1);
-    t.push(0, 0, 0.5, 0.5, n, o, h, l, u, f, d, p);
+const wt = { Cs: function(h = 32) {
+  const t = [], e = 2 * Math.PI / h;
+  for (let i = 0; i < h; i++) {
+    const s = i * e, r = (i + 1) % h * e, n = Math.cos(s), o = Math.sin(s), c = 0.5 * (n + 1), l = 0.5 * (o + 1), f = Math.cos(r), u = Math.sin(r), g = 0.5 * (f + 1), v = 0.5 * (u + 1);
+    t.push(0, 0, 0.5, 0.5, n, o, c, l, f, u, g, v);
   }
   return new Float32Array(t);
-}(32), Re: 96, be: WebGL2RenderingContext.TRIANGLES, _e: 16, de: { fe: { size: 2, offset: 0 }, pe: { size: 2, offset: 8 } } };
-class ft extends S {
+}(32), be: 96, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
+class Rt extends D {
   constructor(t, e) {
-    super(t, e, b.ELLIPSE, ut);
+    super(t, e, w.ELLIPSE, wt);
   }
-  ze(t, e) {
-    const i = this.ds(t.x, t.y, t.width, t.height, e);
-    return this.gs(i, t.x, t.y), this.hs.ze(i);
+  Re(t, e) {
+    const i = this.ws(t.x, t.y, t.width, t.height, e);
+    return this.Fs(i, t.x, t.y), this._s.Re(i);
   }
 }
-let dt = { fs: function(a) {
+let bt = { Cs: function(h) {
   const t = [];
-  for (let e = 0; e < a; e++) {
-    const i = e / a, r = (e + 1) / a;
-    t.push(i, 0, i, 0, i, 1, i, 1, r, 1, r, 1);
+  for (let e = 0; e < h; e++) {
+    const i = e / h, s = (e + 1) / h;
+    t.push(i, 0, i, 0, i, 1, i, 1, s, 1, s, 1);
   }
   return new Float32Array(t);
-}(32), Re: 96, be: WebGL2RenderingContext.TRIANGLES, _e: 16, de: { fe: { size: 2, offset: 0 }, pe: { size: 2, offset: 8 } } };
-class pt extends S {
+}(32), be: 96, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
+class At extends D {
   constructor(t, e) {
-    super(t, e, b.ARC, dt);
+    super(t, e, w.ARC, bt);
   }
-  ze(t, e) {
-    const i = t.x - t.width / 2, r = t.y - t.height / 2, s = t.start * Math.PI / 180, n = t.stop * Math.PI / 180, o = this.ds(i, r, t.width, t.height, e);
-    return this.gs(o, t.x, t.y), o.arcAngles = [s, n], this.hs.ze(o);
+  Re(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.ws(i, s, t.width, t.height, e);
+    return this.Fs(o, t.x, t.y), o.Xe = [r, n], this._s.Re(o);
   }
 }
-const gt = { fs: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), Re: 3, be: WebGL2RenderingContext.TRIANGLES, _e: 16, de: { fe: { size: 2, offset: 0 }, pe: { size: 2, offset: 8 } } };
-class mt extends S {
+const Tt = { Cs: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), be: 3, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
+class Ct extends D {
   constructor(t, e) {
-    super(t, e, b.TRIANGLE, gt);
+    super(t, e, w.TRIANGLE, Tt);
   }
-  ze(t, e) {
-    const i = Math.min(t.x1, t.x2, t.x3), r = Math.max(t.x1, t.x2, t.x3), s = Math.min(t.y1, t.y2, t.y3), n = r - i, o = Math.max(t.y1, t.y2, t.y3) - s, h = this.ds(i, s, n, o, e), l = i + 0.5 * n, u = s + o * (1 / 3);
-    return this.gs(h, l, u), this.hs.ze(h);
+  Re(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.ws(i, r, n, o, e), l = i + 0.5 * n, f = r + o * (1 / 3);
+    return this.Fs(c, l, f), this._s.Re(c);
   }
 }
-function N(a, t, e, i, r) {
-  const s = 1 - a, n = s * s, o = a * a;
-  return n * s * t + 3 * n * a * e + 3 * s * o * i + o * a * r;
+function et(h, t, e, i, s) {
+  const r = 1 - h, n = r * r, o = h * h;
+  return n * r * t + 3 * n * h * e + 3 * r * o * i + o * h * s;
 }
-const bt = { fs: function(a = 16) {
+const Ut = { Cs: function(h = 16) {
   const t = [];
-  for (let e = 0; e < a; e++) {
-    const i = e / a, r = (e + 1) / a;
-    t.push(i, -0.5, i, 0), t.push(r, -0.5, r, 0), t.push(i, 0.5, i, 1), t.push(i, 0.5, i, 1), t.push(r, -0.5, r, 0), t.push(r, 0.5, r, 1);
+  for (let e = 0; e < h; e++) {
+    const i = e / h, s = (e + 1) / h;
+    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), Re: 96, be: WebGL2RenderingContext.TRIANGLES, _e: 16, de: { fe: { size: 2, offset: 0 }, pe: { size: 2, offset: 8 } } };
-class yt extends S {
+}(16), be: 96, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
+class _t extends D {
   constructor(t, e) {
-    super(t, e, b.BEZIER_CURVE, bt);
+    super(t, e, w.BEZIER_CURVE, Ut);
   }
-  ze(t, e) {
-    const i = e.lineWeight || 1, r = N(0.5, t.x1, t.cp1x, t.cp2x, t.x2), s = N(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.ds(0, 0, 1, i, n);
-    return this.gs(o, r, 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.hs.ze(o);
+  Re(t, e) {
+    const i = e.O || 1, s = et(0.5, t.x1, t.cp1x, t.cp2x, t.x2), r = et(0.5, t.y1, t.cp1y, t.cp2y, t.y2), n = this.ws(0, 0, 1, i, e);
+    return this.Fs(n, s, r), n.qe = [t.x1, t.y1], n.je = [t.cp1x, t.cp1y], n.Ye = [t.cp2x, t.cp2y], n.Ze = [t.x2, t.y2], this._s.Re(n);
   }
 }
-class vt {
+class Ft {
   constructor(t) {
-    c(this, "bt");
-    c(this, "vs", null);
-    c(this, "$s");
-    c(this, "Cs", null);
-    c(this, "ws", {});
-    c(this, "bs", null);
-    c(this, "Rs", /* @__PURE__ */ new Map());
-    c(this, "Ms");
-    c(this, "Ss");
-    c(this, "Fs");
-    c(this, "K", []);
-    this.bt = t, this.$s = new it(t), this.Fs = new j(), this.Ms = new st(t, this), this.Ss = new nt(), this.bs = t.createBuffer(), U(this.bt, [0, 0, this.bt.canvas.width, this.bt.canvas.height]);
-  }
-  zs(t) {
-    let e = this.Rs.get(t);
+    a(this, "vt");
+    a(this, "Ms", null);
+    a(this, "Rs");
+    a(this, "Ss", null);
+    a(this, "As", {});
+    a(this, "zs", null);
+    a(this, "Ts", /* @__PURE__ */ new Map());
+    a(this, "Es");
+    a(this, "Ls");
+    a(this, "ks");
+    a(this, "I", []);
+    this.vt = t, this.Rs = new ft(t), this.ks = new ht(), this.Es = new gt(t, this), this.Ls = new pt(), this.zs = t.createBuffer(), W(this.vt, [0, 0, this.vt.canvas.width, this.vt.canvas.height]);
+  }
+  Ps(t) {
+    let e = this.Ts.get(t);
     if (e) return e;
-    const i = new ot(this.bt);
-    return e = (0, { [b.RECTANGLE]: () => new ht(this.bt, i), [b.LINE]: () => new lt(this.bt, i), [b.ELLIPSE]: () => new ft(this.bt, i), [b.ARC]: () => new pt(this.bt, i), [b.TRIANGLE]: () => new mt(this.bt, i), [b.BEZIER_CURVE]: () => new yt(this.bt, i) }[t])(), this.Rs.set(t, e), e;
+    const i = new mt(this.vt);
+    return e = (0, { [w.RECTANGLE]: () => new xt(this.vt, i), [w.LINE]: () => new Et(this.vt, i), [w.ELLIPSE]: () => new Rt(this.vt, i), [w.ARC]: () => new At(this.vt, i), [w.TRIANGLE]: () => new Ct(this.vt, i), [w.BEZIER_CURVE]: () => new _t(this.vt, i) }[t])(), this.Ts.set(t, e), e;
+  }
+  Gs(t) {
+    this.Ms !== t && (this.Ms = t, t.Vt());
+  }
+  ae(t, e) {
+    return this.Rs.ae(t, e);
   }
-  ks(t) {
-    this.vs !== t && (this.vs = t, t.Yt());
+  ie() {
+    return this.Rs.ie();
   }
-  Ps(t, e) {
-    return this.$s.ce(t, e);
+  Tt() {
+    return this.Rs.Tt();
   }
-  oe() {
-    return this.$s.oe();
+  re() {
+    return this.Rs.re();
   }
-  Bt() {
-    return this.$s.Bt();
+  ne() {
+    return this.Rs.ne();
   }
-  ae() {
-    return this.$s.ae();
+  Bs(t) {
+    this.Ss = t, t && (this.As = {});
   }
-  Ts(t) {
-    this.Cs = t, t && (this.ws = {});
+  Xt(t, e) {
+    this.As[t] = e;
   }
-  Jt(t, e) {
-    this.ws[t] = e;
+  Ds(t) {
+    Object.assign(this.As, t);
   }
-  As(t) {
-    Object.assign(this.ws, t);
+  oe(t) {
+    return this.Rs.oe(t);
   }
-  he(t) {
-    return this.$s.he(t);
+  Is(t, e, i, s, r) {
+    const n = this.ie(), o = { Ue: t.textures[0], Uf: t.textures[1], Ug: t.textures[2], Uh: t.textures[3], Ui: t.textures[4], Uj: [t.width, t.height] };
+    this.Ls.Ge(e, i, s, r, n, o, this.ks);
   }
-  Gs(t, e, i, r, s) {
-    const n = this.oe(), o = { l: t.textures[0], m: t.textures[1], n: t.textures[2], o: t.textures[3], p: t.textures[4], q: [t.width, t.height] };
-    this.Ss.De(e, i, r, s, n, o, this.Fs);
+  Ws(t, e, i, s, r) {
+    const n = this.ne(), o = t.texture, c = t.flags, l = t.charRotationRG, f = [l[0], l[1]], u = t.colorUniforms ?? { charColorFixed: !1, Y: [1, 1, 1], cellColorFixed: !1, cellColor: [0, 0, 0], backgroundColor: [0, 0, 0, 1] }, g = t.characterListUniforms, v = { Uk: o, Ul: !!c.invert, Um: !!c.flipX, Un: !!c.flipY, Uo: f, Up: !!u.charColorFixed, Uq: u.Y, Ur: !!u.cellColorFixed, Us: u.cellColor, Ut: u.backgroundColor, Uu: g.count, Uv: g.list };
+    this.Ls.Ge(e, i, s, r, n, v, this.ks);
   }
-  Ls(t, e, i, r) {
-    var m;
-    const s = this.bt, n = s.canvas.width, o = s.canvas.height, h = t / n * 2 - 1, l = (t + i) / n * 2 - 1, u = 1 - e / o * 2, f = 1 - (e + r) / o * 2, d = new Float32Array([h, f, l, f, h, u, l, f, l, u, h, u]);
-    s.bindBuffer(s.ARRAY_BUFFER, this.bs), s.bufferData(s.ARRAY_BUFFER, d, s.DYNAMIC_DRAW);
-    const p = ((m = this.vs) == null ? void 0 : m.ie) || s.getParameter(s.CURRENT_PROGRAM), g = p ? s.getAttribLocation(p, "a_position") : -1;
-    g !== -1 && (s.enableVertexAttribArray(g), s.vertexAttribPointer(g, 2, s.FLOAT, !1, 8, 0)), s.drawArrays(s.TRIANGLES, 0, 6), g !== -1 && s.disableVertexAttribArray(g);
+  Os(t, e, i, s) {
+    var d;
+    const r = this.vt, n = r.canvas.width, o = r.canvas.height, c = t / n * 2 - 1, l = (t + i) / n * 2 - 1, f = 1 - e / o * 2, u = 1 - (e + s) / o * 2, g = new Float32Array([c, u, l, u, c, f, l, u, l, f, c, f]);
+    r.bindBuffer(r.ARRAY_BUFFER, this.zs), r.bufferData(r.ARRAY_BUFFER, g, r.DYNAMIC_DRAW);
+    const v = ((d = this.Ms) == null ? void 0 : d.Jt) || r.getParameter(r.CURRENT_PROGRAM), m = v ? r.getAttribLocation(v, "a_position") : -1;
+    m !== -1 && (r.enableVertexAttribArray(m), r.vertexAttribPointer(m, 2, r.FLOAT, !1, 8, 0)), r.drawArrays(r.TRIANGLES, 0, 6), m !== -1 && r.disableVertexAttribArray(m);
   }
-  Es(t, e, i, r) {
-    this.Cs ? (this.Ss.De(t, e, i, r, this.Cs, { ...this.ws }, this.Fs), this.Cs = null, this.ws = {}) : this.Ss.Be(t, e, i, r, this.Fs);
+  Hs(t, e, i, s) {
+    this.Ss ? (this.Ls.Ge(t, e, i, s, this.Ss, { ...this.As }, this.ks), this.Ss = null, this.As = {}) : this.Ls.Pe(t, e, i, s, this.ks);
   }
-  Bs(t, e, i, r) {
-    this.Ss.We(t, e, i, r, this.Fs.lineWeight, this.Fs);
+  Vs(t, e, i, s) {
+    this.Ls.Be(t, e, i, s, this.ks.lineWeight, this.ks);
   }
-  Ds(t, e, i, r) {
-    this.Ss.Ie(t, e, i, r, this.Fs);
+  Ks(t, e, i, s) {
+    this.Ls.De(t, e, i, s, this.ks);
   }
-  Ws(t, e, i, r, s, n) {
-    this.Ss.Ve(t, e, i, r, s, n, this.Fs);
+  Ns(t, e, i, s, r, n) {
+    this.Ls.We(t, e, i, s, r, n, this.ks);
   }
-  Is(t, e, i, r, s, n, o, h) {
-    const l = this.Fs.lineWeight;
-    this.Ss.Oe(t, e, i, r, s, n, o, h, l, this.Fs);
+  Xs(t, e, i, s, r, n, o, c) {
+    const l = this.ks.lineWeight;
+    this.Ls.Oe(t, e, i, s, r, n, o, c, l, this.ks);
   }
-  Us(t, e, i = 1, r = {}) {
-    return new D(this.bt, t, e, i, r, this, !0);
+  js(t, e, i = 1, s = {}) {
+    return new K(this.vt, t, e, i, s, this, !0);
   }
-  Vs(t, e, i, r, s, n) {
-    this.Ss.Ue(t, e, i, r, s, n, this.Fs);
+  Ys(t, e, i, s, r, n) {
+    this.Ls.Ie(t, e, i, s, r, n, this.ks);
   }
-  Os(t, e = t, i = t, r = 255) {
-    this.state.$t(t, e, i, r), this.He(t / 255, e / 255, i / 255, r / 255);
+  qs(t, e = t, i = t, s = 255) {
+    this.state.ft(t, e, i, s), this.He(t / 255, e / 255, i / 255, s / 255);
   }
-  He(t = 0, e = 0, i = 0, r = 0) {
-    this.bt.clearColor(t, e, i, r), this.bt.clear(this.bt.COLOR_BUFFER_BIT);
+  He(t = 0, e = 0, i = 0, s = 0) {
+    this.vt.clearColor(t, e, i, s), this.vt.clear(this.vt.COLOR_BUFFER_BIT);
   }
-  Hs() {
-    this.bt.viewport(0, 0, this.bt.canvas.width, this.bt.canvas.height), U(this.bt, [0, 0, this.bt.canvas.width, this.bt.canvas.height]);
+  Zs() {
+    this.vt.viewport(0, 0, this.vt.canvas.width, this.vt.canvas.height), W(this.vt, [0, 0, this.vt.canvas.width, this.vt.canvas.height]);
   }
   get context() {
-    return this.bt;
+    return this.vt;
   }
   get state() {
-    return this.Fs;
+    return this.ks;
   }
-  Wt(t) {
-    this.K.push(this.Fs), this.Fs = t;
-  }
-  It() {
-    const t = this.K.pop();
-    t && (this.Fs = t);
+  Lt(t) {
+    this.I.push(this.ks), this.ks = t;
   }
-  Dt(t) {
-    const e = t, i = I(this.bt) ?? this.bt.getParameter(this.bt.VIEWPORT), r = { shader: e, gl: this.bt, viewport: i };
-    this.ks(e);
-    const s = /* @__PURE__ */ new Set();
-    for (const n of this.Ss) n.type === b.CUSTOM ? s.add(b.RECTANGLE) : s.add(n.type);
-    for (const n of s) n !== b.CUSTOM && this.zs(n);
-    this.Ms.$e(r, this.Ss, this.Rs), this.Ss.He();
+  kt() {
+    const t = this.I.pop();
+    t && (this.ks = t);
   }
-  Ut() {
-    this.bt.deleteBuffer(this.bs), this.Ss.He();
-    for (const t of this.Rs.values()) t.Ut();
-    this.$s.Ut();
+  Et(t) {
+    const e = t, i = X(this.vt) ?? this.vt.getParameter(this.vt.VIEWPORT), s = { shader: e, gl: this.vt, viewport: i };
+    this.Gs(e);
+    const r = /* @__PURE__ */ new Set();
+    for (const n of this.Ls) n.type === w.CUSTOM ? r.add(w.RECTANGLE) : r.add(n.type);
+    for (const n of r) n !== w.CUSTOM && this.Ps(n);
+    this.Es.ve(s, this.Ls, this.Ts), this.Ls.He();
+  }
+  Pt() {
+    this.vt.deleteBuffer(this.zs), this.Ls.He();
+    for (const t of this.Ts.values()) t.Pt();
+    this.Rs.Pt(), this.Es.Pt();
   }
 }
-const v = { readShort: (a, t) => (v.t.uint16[0] = a[t] << 8 | a[t + 1], v.t.int16[0]), readUshort: (a, t) => a[t] << 8 | a[t + 1], readUshorts(a, t, e) {
+const R = { readShort: (h, t) => (R.t.uint16[0] = h[t] << 8 | h[t + 1], R.t.int16[0]), readUshort: (h, t) => h[t] << 8 | h[t + 1], readUshorts(h, t, e) {
   const i = [];
-  for (let r = 0; r < e; r++) i.push(v.readUshort(a, t + 2 * r));
+  for (let s = 0; s < e; s++) i.push(R.readUshort(h, t + 2 * s));
   return i;
-}, readUint(a, t) {
-  const e = v.t.uint8;
-  return e[3] = a[t], e[2] = a[t + 1], e[1] = a[t + 2], e[0] = a[t + 3], v.t.uint32[0];
-}, readASCII(a, t, e) {
+}, readUint(h, t) {
+  const e = R.t.uint8;
+  return e[3] = h[t], e[2] = h[t + 1], e[1] = h[t + 2], e[0] = h[t + 3], R.t.uint32[0];
+}, readASCII(h, t, e) {
   let i = "";
-  for (let r = 0; r < e; r++) i += String.fromCharCode(a[t + r]);
+  for (let s = 0; s < e; s++) i += String.fromCharCode(h[t + s]);
   return i;
+}, writeUshort(h, t, e) {
+  h[t] = e >>> 8 & 255, h[t + 1] = 255 & e;
+}, writeUint(h, t, e) {
+  h[t] = e >>> 24 & 255, h[t + 1] = e >>> 16 & 255, h[t + 2] = e >>> 8 & 255, h[t + 3] = 255 & e;
+}, writeASCII(h, t, e) {
+  for (let i = 0; i < e.length; i++) h[t + i] = 255 & e.charCodeAt(i);
 }, t: (() => {
-  const a = new ArrayBuffer(8);
-  return { uint8: new Uint8Array(a), int16: new Int16Array(a), uint16: new Uint16Array(a), uint32: new Uint32Array(a) };
-})() }, xt = { parseTab(a, t, e) {
+  const h = new ArrayBuffer(8);
+  return { uint8: new Uint8Array(h), int16: new Int16Array(h), uint16: new Uint16Array(h), uint32: new Uint32Array(h) };
+})() };
+function N(h) {
+  return h + 3 & -4;
+}
+function Y(h, t, e) {
+  const i = t + e;
+  let s = 0;
+  const r = R.t;
+  for (let n = t; n < i; n += 4) r.uint8[3] = h[n] || 0, r.uint8[2] = h[n + 1] || 0, r.uint8[1] = h[n + 2] || 0, r.uint8[0] = h[n + 3] || 0, s = s + (r.uint32[0] >>> 0) >>> 0;
+  return s >>> 0;
+}
+class Lt {
+  constructor(t) {
+    a(this, "b");
+    a(this, "p", 0);
+    a(this, "bitbuf", 0);
+    a(this, "bitcnt", 0);
+    this.b = t;
+  }
+  readBits(t) {
+    for (; this.bitcnt < t; ) {
+      const i = this.b[this.p++] || 0;
+      this.bitbuf |= i << this.bitcnt, this.bitcnt += 8;
+    }
+    const e = this.bitbuf & (1 << t) - 1;
+    return this.bitbuf >>>= t, this.bitcnt -= t, e;
+  }
+  alignToByte() {
+    this.bitbuf = 0, this.bitcnt = 0;
+  }
+  get offset() {
+    return this.p;
+  }
+}
+function O(h) {
+  let t = 32, e = 0;
+  for (const o of h) o && (o < t && (t = o), o > e && (e = o));
+  if (e === 0) return { min: 0, max: 0, table: /* @__PURE__ */ new Map() };
+  const i = new Uint32Array(e + 1);
+  for (const o of h) o && i[o]++;
+  const s = new Uint32Array(e + 1);
+  let r = 0;
+  i[0] = 0;
+  for (let o = 1; o <= e; o++) r = r + i[o - 1] << 1, s[o] = r;
+  const n = /* @__PURE__ */ new Map();
+  for (let o = 0; o < h.length; o++) {
+    const c = h[o];
+    if (!c) continue;
+    const l = s[c]++;
+    let f = n.get(c);
+    f || (f = [], n.set(c, f)), f[Pt(l, c)] = o;
+  }
+  return { min: t, max: e, table: n };
+}
+function V(h, t) {
+  let e = 0;
+  for (let i = 1; i <= t.max; i++) {
+    e |= h.readBits(1) << i - 1;
+    const s = t.table.get(i);
+    if (s && e < s.length) {
+      const r = s[e];
+      if (r !== void 0) return r;
+    }
+  }
+  throw Error("Invalid Huffman code");
+}
+function Pt(h, t) {
+  let e = 0;
+  for (let i = 0; i < t; i++) e = e << 1 | 1 & h, h >>>= 1;
+  return e >>> 0;
+}
+function St(h) {
+  if (h.length < 2) throw Error("ZLIB data too short");
+  const t = h[0], e = h[1];
+  if ((15 & t) != 8) throw Error("Unsupported ZLIB compression method");
+  if (((t << 8) + e) % 31 != 0) throw Error("Bad ZLIB header check");
+  let i = 2;
+  32 & e && (i += 4);
+  const s = [];
+  return function(r, n) {
+    const o = [3, 4, 5, 6, 7, 8, 9, 10, 11, 13, 15, 17, 19, 23, 27, 31, 35, 43, 51, 59, 67, 83, 99, 115, 131, 163, 195, 227, 258], c = [0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 2, 2, 2, 2, 3, 3, 3, 3, 4, 4, 4, 4, 5, 5, 5, 5, 0], l = [1, 2, 3, 4, 5, 7, 9, 13, 17, 25, 33, 49, 65, 97, 129, 193, 257, 385, 513, 769, 1025, 1537, 2049, 3073, 4097, 6145, 8193, 12289, 16385, 24577], f = [0, 0, 0, 0, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13];
+    let u = 0;
+    for (; !u; ) {
+      u = r.readBits(1);
+      const g = r.readBits(2);
+      if (g === 0) {
+        r.alignToByte();
+        const v = r.readBits(16);
+        if ((65535 & (65535 ^ v)) !== r.readBits(16)) throw Error("DEFLATE uncompressed LEN/NLEN mismatch");
+        for (let m = 0; m < v; m++) n.push(r.readBits(8));
+      } else {
+        if (g !== 1 && g !== 2) throw Error("Unsupported DEFLATE type");
+        {
+          let v, m;
+          if (g === 1) {
+            const d = Array(288).fill(0);
+            for (let x = 0; x <= 143; x++) d[x] = 8;
+            for (let x = 144; x <= 255; x++) d[x] = 9;
+            for (let x = 256; x <= 279; x++) d[x] = 7;
+            for (let x = 280; x <= 287; x++) d[x] = 8;
+            v = O(d), m = O(Array(32).fill(5));
+          } else {
+            const d = r.readBits(5) + 257, x = r.readBits(5) + 1, p = r.readBits(4) + 4, E = [16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15], y = Array(19).fill(0);
+            for (let _ = 0; _ < p; _++) y[E[_]] = r.readBits(3);
+            const C = O(y), b = [];
+            for (; b.length < d + x; ) {
+              const _ = V(r, C);
+              if (_ <= 15) b.push(_);
+              else if (_ === 16) {
+                const G = r.readBits(2) + 3, S = b[b.length - 1] || 0;
+                for (let tt = 0; tt < G; tt++) b.push(S);
+              } else if (_ === 17) {
+                const G = r.readBits(3) + 3;
+                for (let S = 0; S < G; S++) b.push(0);
+              } else {
+                if (_ !== 18) throw Error("Invalid code length symbol");
+                {
+                  const G = r.readBits(7) + 11;
+                  for (let S = 0; S < G; S++) b.push(0);
+                }
+              }
+            }
+            const A = b.slice(0, d), F = b.slice(d, d + x);
+            v = O(A), m = O(F);
+          }
+          for (; ; ) {
+            const d = V(r, v);
+            if (d < 256) n.push(d);
+            else {
+              if (d === 256) break;
+              if (d > 256 && d < 286) {
+                const x = d - 257;
+                let p = o[x];
+                const E = c[x];
+                E && (p += r.readBits(E));
+                const y = V(r, m);
+                if (y >= 30) throw Error("Invalid distance symbol");
+                let C = l[y];
+                const b = f[y];
+                b && (C += r.readBits(b));
+                const A = n.length - C;
+                if (A < 0) throw Error("Invalid distance");
+                for (let F = 0; F < p; F++) n.push(n[A + F] || 0);
+              } else if (d === 286 || d === 287) throw Error("Reserved length symbol");
+            }
+          }
+        }
+      }
+    }
+  }(new Lt(h.subarray(i)), s), new Uint8Array(s);
+}
+function It(h) {
+  const t = R, e = new Uint8Array(h);
+  if (t.readASCII(e, 0, 4) !== "wOFF") throw Error("Invalid WOFF signature");
+  const i = t.readUint(e, 4), s = t.readUshort(e, 12), r = t.readUint(e, 16), n = [];
+  let o = 44;
+  for (let p = 0; p < s; p++) {
+    const E = t.readASCII(e, o, 4), y = t.readUint(e, o + 4), C = t.readUint(e, o + 8), b = t.readUint(e, o + 12), A = t.readUint(e, o + 16);
+    n.push({ tag: E, offset: y, compLength: C, origLength: b, checksum: A }), o += 20;
+  }
+  for (const p of n) {
+    const E = new Uint8Array(e.buffer, p.offset, p.compLength);
+    if (p.compLength === p.origLength) p.data = new Uint8Array(E);
+    else if (p.data = St(E), p.data.length !== p.origLength) if (p.data.length < p.origLength) {
+      const y = new Uint8Array(p.origLength);
+      y.set(p.data), p.data = y;
+    } else p.data = p.data.subarray(0, p.origLength);
+  }
+  const c = s;
+  let l = 1, f = 0;
+  for (; l << 1 <= c; ) l <<= 1, f++;
+  const u = 16 * l, g = 16 * c - u;
+  let v = 12 + 16 * c;
+  const m = {};
+  for (const p of n) m[p.tag] = v, v = N(v + p.data.length);
+  const d = new Uint8Array(Math.max(r || 0, v));
+  t.writeUint(d, 0, i), t.writeUshort(d, 4, c), t.writeUshort(d, 6, u), t.writeUshort(d, 8, f), t.writeUshort(d, 10, g);
+  let x = 12;
+  for (const p of n) {
+    t.writeASCII(d, x, p.tag), x += 4;
+    let E = p.data;
+    if (p.tag === "head" && E.length >= 12) {
+      const y = new Uint8Array(E);
+      t.writeUint(y, 8, 0);
+      const C = Y(y, 0, N(y.length));
+      t.writeUint(d, x, C), x += 4;
+    } else {
+      const y = Y(E, 0, N(E.length));
+      t.writeUint(d, x, y), x += 4;
+    }
+    t.writeUint(d, x, m[p.tag]), x += 4, t.writeUint(d, x, p.data.length), x += 4;
+  }
+  for (const p of n) {
+    const E = m[p.tag];
+    d.set(p.data, E);
+  }
+  if (n.find((p) => p.tag === "head")) {
+    const p = m.head, E = function(y, C) {
+      const b = R, A = C + 8, F = [y[A], y[A + 1], y[A + 2], y[A + 3]];
+      b.writeUint(y, A, 0);
+      const _ = 2981146554 - (Y(y, 0, N(y.length)) >>> 0) >>> 0;
+      return y[A] = F[0], y[A + 1] = F[1], y[A + 2] = F[2], y[A + 3] = F[3], _ >>> 0;
+    }(d, p);
+    t.writeUint(d, p + 8, E);
+  }
+  return d.buffer;
+}
+const Bt = { parseTab(h, t, e) {
   const i = { tables: [], ids: {}, off: t };
-  a = new Uint8Array(a.buffer, t, e), t = 0;
-  const r = v, s = r.readUshort, n = s(a, t += 2);
+  h = new Uint8Array(h.buffer, t, e), t = 0;
+  const s = R, r = s.readUshort, n = r(h, t += 2);
   t += 2;
   const o = [];
-  for (let h = 0; h < n; h++) {
-    const l = s(a, t), u = s(a, t += 2);
+  for (let c = 0; c < n; c++) {
+    const l = r(h, t), f = r(h, t += 2);
     t += 2;
-    const f = r.readUint(a, t);
+    const u = s.readUint(h, t);
     t += 4;
-    const d = `p${l}e${u}`;
-    let p = o.indexOf(f);
-    if (p === -1) {
-      let g;
-      p = i.tables.length, o.push(f);
-      const m = s(a, f);
-      g = m === 4 ? this.parse4(a, f) : m === 12 ? this.parse12(a, f) : { format: m }, i.tables.push(g);
+    const g = `p${l}e${f}`;
+    let v = o.indexOf(u);
+    if (v === -1) {
+      let m;
+      v = i.tables.length, o.push(u);
+      const d = r(h, u);
+      m = d === 4 ? this.parse4(h, u) : d === 12 ? this.parse12(h, u) : { format: d }, i.tables.push(m);
     }
-    i.ids[d] = p;
+    i.ids[g] = v;
   }
   return i;
-}, parse4(a, t) {
-  const e = v, i = e.readUshort, r = e.readUshorts, s = t, n = i(a, t += 2);
+}, parse4(h, t) {
+  const e = R, i = e.readUshort, s = e.readUshorts, r = t, n = i(h, t += 2);
   t += 2;
-  const o = i(a, t += 2) >>> 1, h = { format: 4, searchRange: i(a, t += 2), entrySelector: 0, rangeShift: 0, endCount: [], startCount: [], idDelta: [], idRangeOffset: [], glyphIdArray: [] };
-  t += 2, h.entrySelector = i(a, t), t += 2, h.rangeShift = i(a, t), t += 2, h.endCount = r(a, t, o), t += 2 * o, t += 2, h.startCount = r(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 = r(a, t, o), t += 2 * o, h.glyphIdArray = r(a, t, s + n - t >> 1), h;
-}, parse12(a, t) {
-  const e = v.readUint;
-  e(a, t += 4), e(a, t += 4);
-  const i = e(a, t += 4);
+  const o = i(h, t += 2) >>> 1, c = { format: 4, searchRange: i(h, t += 2), entrySelector: 0, rangeShift: 0, endCount: [], startCount: [], idDelta: [], idRangeOffset: [], glyphIdArray: [] };
+  t += 2, c.entrySelector = i(h, t), t += 2, c.rangeShift = i(h, t), t += 2, c.endCount = s(h, t, o), t += 2 * o, t += 2, c.startCount = s(h, t, o), t += 2 * o;
+  for (let l = 0; l < o; l++) c.idDelta.push(e.readShort(h, t)), t += 2;
+  return c.idRangeOffset = s(h, t, o), t += 2 * o, c.glyphIdArray = s(h, t, r + n - t >> 1), c;
+}, parse12(h, t) {
+  const e = R.readUint;
+  e(h, t += 4), e(h, t += 4);
+  const i = e(h, t += 4);
   t += 4;
-  const r = new Uint32Array(3 * i);
-  for (let s = 0; s < 3 * i; s += 3) r[s] = e(a, t + (s << 2)), r[s + 1] = e(a, t + (s << 2) + 4), r[s + 2] = e(a, t + (s << 2) + 8);
-  return { format: 12, groups: r };
-} }, Et = { parseTab(a, t, e) {
-  const i = v;
+  const s = new Uint32Array(3 * i);
+  for (let r = 0; r < 3 * i; r += 3) s[r] = e(h, t + (r << 2)), s[r + 1] = e(h, t + (r << 2) + 4), s[r + 2] = e(h, t + (r << 2) + 8);
+  return { format: 12, groups: s };
+} }, Mt = { parseTab(h, t, e) {
+  const i = R;
   t += 18;
-  const r = i.readUshort(a, t);
+  const s = i.readUshort(h, t);
   t += 2, t += 16;
-  const s = i.readShort(a, t);
+  const r = i.readShort(h, t);
   t += 2;
-  const n = i.readShort(a, t);
+  const n = i.readShort(h, t);
   t += 2;
-  const o = i.readShort(a, t);
+  const o = i.readShort(h, t);
   t += 2;
-  const h = i.readShort(a, t);
-  return t += 2, t += 6, { unitsPerEm: r, xMin: s, yMin: n, xMax: o, yMax: h, indexToLocFormat: i.readShort(a, t) };
-} }, Rt = { parseTab(a, t, e) {
-  const i = v;
+  const c = i.readShort(h, t);
+  return t += 2, t += 6, { unitsPerEm: s, xMin: r, yMin: n, xMax: o, yMax: c, indexToLocFormat: i.readShort(h, t) };
+} }, Dt = { parseTab(h, t, e) {
+  const i = R;
   t += 4;
-  const r = ["ascender", "descender", "lineGap", "advanceWidthMax", "minLeftSideBearing", "minRightSideBearing", "xMaxExtent", "caretSlopeRise", "caretSlopeRun", "caretOffset", "res0", "res1", "res2", "res3", "metricDataFormat", "numberOfHMetrics"], s = {};
-  for (let n = 0; n < r.length; n++) {
-    const o = r[n], h = o === "advanceWidthMax" || o === "numberOfHMetrics" ? i.readUshort : i.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(h, t + 2 * n);
   }
-  return s;
-} }, wt = { parseTab(a, t, e, i) {
-  const r = v, s = [], n = [], o = i.maxp.numGlyphs, h = i.hhea.numberOfHMetrics;
-  let l = 0, u = 0, f = 0;
-  for (; f < h; ) l = r.readUshort(a, t + (f << 2)), u = r.readShort(a, t + (f << 2) + 2), s.push(l), n.push(u), f++;
-  for (; f < o; ) s.push(l), n.push(u), f++;
-  return { aWidth: s, lsBearing: n };
-} }, V = { cmap: xt, head: Et, hhea: Rt, maxp: { parseTab(a, t, e) {
-  const i = v;
-  return i.readUint(a, t), t += 4, { numGlyphs: i.readUshort(a, t) };
-} }, hmtx: wt, loca: { parseTab(a, t, e, i) {
-  const r = v, s = [], n = i.head.indexToLocFormat, o = i.maxp.numGlyphs + 1;
-  if (n === 0) for (let h = 0; h < o; h++) s.push(r.readUshort(a, t + (h << 1)) << 1);
-  else if (n === 1) for (let h = 0; h < o; h++) s.push(r.readUint(a, t + (h << 2)));
-  return s;
-} }, glyf: { parseTab(a, t, e, i) {
-  const r = [], s = i.maxp.numGlyphs;
-  for (let n = 0; n < s; n++) r.push(null);
   return r;
-}, Ks(a, t) {
-  const e = v, i = a.Ns, r = a.loca;
-  if (r[t] === r[t + 1]) return null;
-  const s = A.findTable(i, "glyf", a.Xs);
-  if (!s) return null;
-  let n = s[0] + r[t];
+} }, Gt = { parseTab(h, t, e, i) {
+  const s = R, r = [], n = [], o = i.maxp.numGlyphs, c = i.hhea.numberOfHMetrics;
+  let l = 0, f = 0, u = 0;
+  for (; u < c; ) l = s.readUshort(h, t + (u << 2)), f = s.readShort(h, t + (u << 2) + 2), r.push(l), n.push(f), u++;
+  for (; u < o; ) r.push(l), n.push(f), u++;
+  return { aWidth: r, lsBearing: n };
+} }, it = { cmap: Bt, head: Mt, hhea: Dt, maxp: { parseTab(h, t, e) {
+  const i = R;
+  return i.readUint(h, t), t += 4, { numGlyphs: i.readUshort(h, t) };
+} }, hmtx: Gt, loca: { parseTab(h, 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(h, t + (c << 1)) << 1);
+  else if (n === 1) for (let c = 0; c < o; c++) r.push(s.readUint(h, t + (c << 2)));
+  return r;
+} }, glyf: { parseTab(h, t, e, i) {
+  const s = [], r = i.maxp.numGlyphs;
+  for (let n = 0; n < r; n++) s.push(null);
+  return s;
+}, Js(h, t) {
+  const e = R, i = h.Qs, s = h.loca;
+  if (s[t] === s[t + 1]) return null;
+  const r = L.findTable(i, "glyf", h.ti);
+  if (!r) return null;
+  let n = r[0] + s[t];
   const o = {};
   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 d = 0; d < o.noc; d++) o.endPts.push(e.readUshort(i, n)), n += 2;
-    const h = e.readUshort(i, n);
-    if (n += 2, i.length - n < h) return null;
-    n += h;
+    for (let g = 0; g < o.noc; g++) 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 d = 0; d < l; d++) {
-      const p = i[n];
-      if (n++, o.flags.push(p), 8 & p) {
-        const g = i[n];
+    for (let g = 0; g < l; g++) {
+      const v = i[n];
+      if (n++, o.flags.push(v), 8 & v) {
+        const m = i[n];
         n++;
-        for (let m = 0; m < g; m++) o.flags.push(p), d++;
+        for (let d = 0; d < m; d++) o.flags.push(v), g++;
       }
     }
     o.xs = [];
-    for (let d = 0; d < l; d++) {
-      const p = o.flags[d], g = !!(16 & p);
-      2 & p ? (o.xs.push(g ? i[n] : -i[n]), n++) : g ? o.xs.push(0) : (o.xs.push(e.readShort(i, n)), n += 2);
+    for (let g = 0; g < l; g++) {
+      const v = o.flags[g], m = !!(16 & v);
+      2 & v ? (o.xs.push(m ? i[n] : -i[n]), n++) : m ? o.xs.push(0) : (o.xs.push(e.readShort(i, n)), n += 2);
     }
     o.ys = [];
-    for (let d = 0; d < l; d++) {
-      const p = o.flags[d], g = !!(32 & p);
-      4 & p ? (o.ys.push(g ? i[n] : -i[n]), n++) : g ? o.ys.push(0) : (o.ys.push(e.readShort(i, n)), n += 2);
+    for (let g = 0; g < l; g++) {
+      const v = o.flags[g], m = !!(32 & v);
+      4 & v ? (o.ys.push(m ? i[n] : -i[n]), n++) : m ? o.ys.push(0) : (o.ys.push(e.readShort(i, n)), n += 2);
     }
-    let u = 0, f = 0;
-    for (let d = 0; d < l; d++) u += o.xs[d], f += o.ys[d], o.xs[d] = u, o.ys[d] = f;
+    let f = 0, u = 0;
+    for (let g = 0; g < l; g++) f += o.xs[g], u += o.ys[g], o.xs[g] = f, o.ys[g] = u;
   } else o.parts = [], o.endPts = [], o.flags = [], o.xs = [], o.ys = [];
   return o;
-} } }, A = { parse: (a) => [((t, e, i, r) => {
-  const s = V, n = { Ns: t, js: e, Xs: i };
-  for (const o in s) {
-    const h = o, l = A.findTable(t, h, i);
-    if (l) {
-      const [u, f] = l;
-      let d = r[u];
-      d == null && (d = s[h].parseTab(t, u, f, n), r[u] = d), n[h] = d;
-    }
-  }
-  return n;
-})(new Uint8Array(a), 0, 0, {})], findTable(a, t, e) {
-  const i = v, r = i.readUshort(a, e + 4);
-  let s = e + 12;
-  for (let n = 0; n < r; n++) {
-    const o = i.readASCII(a, s, 4);
-    i.readUint(a, s + 4);
-    const h = i.readUint(a, s + 8), l = i.readUint(a, s + 12);
-    if (o === t) return [h, l];
-    s += 16;
-  }
-  return null;
-}, T: V, B: v };
-class z {
-  constructor() {
-    c(this, "Ys", /* @__PURE__ */ new Map());
-    c(this, "qs", /* @__PURE__ */ new Map());
-  }
-  Zs(t, e) {
-    const i = `${this.Js(t)}_${e}`;
-    if (this.Ys.has(i)) return this.Ys.get(i);
-    const r = t.cmap;
-    if (!r || !r.tables) return this.Ys.set(i, 0), 0;
-    let s = 0;
-    for (const n of r.tables) if (n.format === 4 ? s = this.Qs(e, n) : n.format === 12 && (s = this.ti(e, n)), s > 0) break;
-    return this.Ys.set(i, s), s;
-  }
-  ei(t, e) {
-    const i = e.codePointAt(0);
-    return i === void 0 ? 0 : this.Zs(t, i);
-  }
-  si(t, e) {
-    const i = t.hmtx;
-    return i && i.aWidth && i.aWidth.length !== 0 ? e < i.aWidth.length ? i.aWidth[e] : i.aWidth[i.aWidth.length - 1] : 0;
-  }
-  ii(t, e) {
-    const i = e / t.head.unitsPerEm, r = t.hhea.ascender * i, s = t.hhea.descender * i, n = t.hhea.lineGap * i;
-    return { ascender: r, descender: s, lineGap: n, lineHeight: r - s + n, unitsPerEm: t.head.unitsPerEm, scale: i };
-  }
-  ri() {
-    this.Ys.clear(), this.qs.clear();
-  }
-  Js(t) {
-    return `${t.Xs}_${t.Ns.length}`;
-  }
-  Qs(t, e) {
-    const i = e.endCount.length;
-    let r = -1;
-    for (let s = 0; s < i; s++) if (t <= e.endCount[s]) {
-      r = s;
-      break;
-    }
-    if (r === -1 || t < e.startCount[r]) return 0;
-    if (e.idRangeOffset[r] === 0) return t + e.idDelta[r] & 65535;
-    {
-      const s = e.idRangeOffset[r] / 2 + (t - e.startCount[r]) - (i - r);
-      if (s >= 0 && s < e.glyphIdArray.length) {
-        const n = e.glyphIdArray[s];
-        return n === 0 ? 0 : n + e.idDelta[r] & 65535;
+} } }, L = { parse(h) {
+  const t = new Uint8Array(h), e = R.readASCII(t, 0, 4);
+  if (e === "wOFF") h = It(h);
+  else if (e === "wOF2") throw Error("WOFF2 is not supported in this build (Brotli + WOFF2 transforms required)");
+  return [((i, s, r, n) => {
+    const o = it, c = { Qs: i, ei: s, ti: r };
+    for (const l in o) {
+      const f = l, u = L.findTable(i, f, r);
+      if (u) {
+        const [g, v] = u;
+        let m = n[g];
+        m == null && (m = o[f].parseTab(i, g, v, c), n[g] = m), c[f] = m;
       }
     }
-    return 0;
-  }
-  ti(t, e) {
-    const i = e.groups.length / 3;
-    for (let r = 0; r < i; r++) {
-      const s = e.groups[3 * r], n = e.groups[3 * r + 1], o = e.groups[3 * r + 2];
-      if (t >= s && t <= n) return o + (t - s);
-    }
-    return 0;
-  }
-}
-class Ct {
-  constructor(t) {
-    c(this, "ni");
-    this.ni = t;
+    return c;
+  })(new Uint8Array(h), 0, 0, {})];
+}, findTable(h, t, e) {
+  const i = R, s = i.readUshort(h, e + 4);
+  let r = e + 12;
+  for (let n = 0; n < s; n++) {
+    const o = i.readASCII(h, r, 4);
+    i.readUint(h, r + 4);
+    const c = i.readUint(h, r + 8), l = i.readUint(h, r + 12);
+    if (o === t) return [c, l];
+    r += 16;
   }
-  oi(t) {
+  return null;
+}, T: it, B: R };
+class Ot {
+  si(t) {
     var i;
     const e = [];
-    return (i = t.cmap) != null && i.tables ? (t.cmap.tables.forEach((r) => {
-      if (r.format === 4) {
-        const s = this.ai(r);
-        e.push(...s);
-      } else if (r.format === 12) {
-        const s = this.hi(r);
-        e.push(...s);
+    return (i = t.cmap) != null && i.tables ? (t.cmap.tables.forEach((s) => {
+      if (s.format === 4) {
+        const r = this.ii(s);
+        e.push(...r);
+      } else if (s.format === 12) {
+        const r = this.ri(s);
+        e.push(...r);
       }
     }), [...new Set(e)]) : [];
   }
-  ci(t, e) {
-    return this.ni.ei(t, e) > 0;
-  }
-  li(t, e) {
-    for (const i of e) if (!this.ci(t, i)) return !1;
-    return !0;
-  }
-  ui(t, e) {
-    return e.filter((i) => this.ci(t, i));
+  ni(t) {
+    return t.filter((e) => this.oi(e));
   }
-  fi(t) {
-    return t.filter((e) => this.di(e));
-  }
-  ai(t) {
+  ii(t) {
     const e = [];
     if (!(t.startCount && t.endCount && t.idRangeOffset && t.idDelta)) return e;
     for (let i = 0; i < t.startCount.length; i++) {
-      const r = t.startCount[i], s = t.endCount[i];
-      if (r !== 65535 || s !== 65535) {
-        for (let n = r; n <= s; n++)
-          if (this._i(t, n, i) > 0) try {
+      const s = t.startCount[i], r = t.endCount[i];
+      if (s !== 65535 || r !== 65535) {
+        for (let n = s; n <= r; n++)
+          if (this.ai(t, n, i) > 0) try {
             const o = String.fromCodePoint(n);
             e.push(o);
           } catch {
@@ -1187,996 +1307,1167 @@ class Ct {
     }
     return e;
   }
-  hi(t) {
+  ri(t) {
     const e = [];
     if (!t.groups) return e;
     for (let i = 0; i < t.groups.length; i += 3) {
-      const r = t.groups[i], s = t.groups[i + 1], n = t.groups[i + 2];
-      for (let o = r; o <= s; o++)
-        if (n + (o - r) > 0) try {
-          const h = String.fromCodePoint(o);
-          e.push(h);
+      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;
   }
-  _i(t, e, i) {
+  ai(t, e, i) {
     if (t.idRangeOffset[i] === 0) return e + t.idDelta[i] & 65535;
     {
-      const r = t.idRangeOffset[i] / 2 + (e - t.startCount[i]) - (t.startCount.length - i);
-      if (r >= 0 && t.glyphIdArray && r < t.glyphIdArray.length) {
-        const s = t.glyphIdArray[r];
-        if (s !== 0) return s + t.idDelta[i] & 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;
   }
-  di(t) {
+  oi(t) {
     const e = t.codePointAt(0) || 0;
     return !(e >= 0 && e <= 31 && e !== 9 && e !== 10 && e !== 13 || e >= 127 && e <= 159);
   }
 }
-class At {
+class q {
   constructor() {
-    c(this, "pi");
-    const t = new z();
-    this.pi = new Ct(t);
+    a(this, "hi", /* @__PURE__ */ new Map());
+    a(this, "ci", /* @__PURE__ */ new Map());
+  }
+  li(t, e) {
+    const i = `${this.ui(t)}_${e}`;
+    if (this.hi.has(i)) return this.hi.get(i);
+    const s = t.cmap;
+    if (!s || !s.tables) return this.hi.set(i, 0), 0;
+    let r = 0;
+    for (const n of s.tables) if (n.format === 4 ? r = this.fi(e, n) : n.format === 12 && (r = this.di(e, n)), r > 0) break;
+    return this.hi.set(i, r), r;
+  }
+  _i(t, e) {
+    const i = e.codePointAt(0);
+    return i === void 0 ? 0 : this.li(t, i);
+  }
+  pi(t, e) {
+    const i = t.hmtx;
+    return i && i.aWidth && i.aWidth.length !== 0 ? e < i.aWidth.length ? i.aWidth[e] : i.aWidth[i.aWidth.length - 1] : 0;
   }
-  extractCharacters(t) {
-    return this.pi.oi(t);
+  mi(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 };
   }
-  filterProblematicCharacters(t) {
-    return this.pi.fi(t);
+  gi() {
+    this.hi.clear(), this.ci.clear();
   }
-  characterExists(t, e) {
-    return this.pi.ci(t, e);
+  ui(t) {
+    return `${t.ti}_${t.Qs.length}`;
   }
-  allCharactersExist(t, e) {
-    return this.pi.li(t, e);
+  fi(t, e) {
+    const i = e.endCount.length;
+    let s = -1;
+    for (let r = 0; r < i; r++) if (t <= e.endCount[r]) {
+      s = r;
+      break;
+    }
+    if (s === -1 || t < e.startCount[s]) return 0;
+    if (e.idRangeOffset[s] === 0) return t + e.idDelta[s] & 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;
+  }
+  di(t, e) {
+    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 Tt {
+class zt {
   constructor(t) {
-    c(this, "gi");
-    c(this, "mi");
-    c(this, "kt");
-    c(this, "yi");
-    this.kt = t, this.yi = new z(), this.gi = document.createElement("canvas"), this.mi = this.gi.getContext("2d", { willReadFrequently: !0, alpha: !1 });
-  }
-  createTextureAtlas(t, e, i, r) {
-    const s = t.length, n = Math.ceil(Math.sqrt(s)), o = Math.ceil(s / n), h = e.width * n, l = e.height * o, u = typeof r == "object" ? r : null;
-    this.$i(h, l), this.Ci(t, e, n, i, u);
-    const f = this.kt.Us(h, l, 1, { filter: "nearest" });
-    return f.Lt(this.gi), { framebuffer: f, columns: n, rows: o };
+    a(this, "yi");
+    a(this, "Ci");
+    a(this, "xt");
+    a(this, "wi");
+    this.xt = t, this.wi = new q(), this.yi = document.createElement("canvas"), this.Ci = this.yi.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, f = typeof s == "object" ? s : null;
+    this.$i(c, l), this.bi(t, e, n, i, f);
+    const u = this.xt.js(c, l, 1, { filter: "nearest" });
+    return u.At(this.yi), { framebuffer: u, columns: n, rows: o };
   }
   $i(t, e) {
-    this.gi.width = t, this.gi.height = e, this.gi.style.width = t + "px", this.gi.style.height = t + "px", this.mi.imageSmoothingEnabled = !1, this.gi.style.imageRendering = "pixelated", this.mi.fillStyle = "black", this.mi.fillRect(0, 0, t, e), this.mi.textBaseline = "top", this.mi.textAlign = "left", this.mi.fillStyle = "white";
+    this.yi.width = t, this.yi.height = e, this.yi.style.width = t + "px", this.yi.style.height = t + "px", this.Ci.imageSmoothingEnabled = !1, this.yi.style.imageRendering = "pixelated", this.Ci.fillStyle = "black", this.Ci.fillRect(0, 0, t, e), this.Ci.textBaseline = "top", this.Ci.textAlign = "left", this.Ci.fillStyle = "white";
   }
-  Ci(t, e, i, r, s) {
-    const n = r / s.head.unitsPerEm;
+  bi(t, e, i, s, r) {
+    const n = s / r.head.unitsPerEm;
     for (let o = 0; o < t.length; o++) {
-      const h = o % i, l = Math.floor(o / i), u = t[o].character, f = this.wi(s, u);
-      if (!f) continue;
-      const d = u.codePointAt(0) || 0, p = this.yi.Zs(s, d), g = this.xi(s, p) * n, m = h * e.width, R = l * e.height, x = m + 0.5 * e.width, w = R + 0.5 * e.height, C = Math.round(x - 0.5 * e.width), L = Math.round(w - 0.5 * r), q = C + 0.5 * (e.width - g), J = L + s.hhea.ascender * n;
-      this.bi(f, q, J, n);
+      const c = o % i, l = Math.floor(o / i), f = t[o].character, u = this.xi(r, f);
+      if (!u) continue;
+      const g = f.codePointAt(0) || 0, v = this.wi.li(r, g), m = this.Fi(r, v) * n, d = c * e.width, x = l * e.height, p = d + 0.5 * e.width, E = x + 0.5 * e.height, y = Math.round(p - 0.5 * e.width), C = Math.round(E - 0.5 * s), b = y + 0.5 * (e.width - m), A = C + r.hhea.ascender * n;
+      this.Mi(u, b, A, n);
     }
   }
-  wi(t, e) {
-    const i = e.codePointAt(0) || 0, r = this.yi.Zs(t, i);
-    if (r === 0) return null;
-    if (t.glyf && t.glyf[r] !== null) return t.glyf[r];
-    if (A && A.T && A.T.glyf) {
-      const s = A.T.glyf.Ks(t, r);
-      return t.glyf && s && (t.glyf[r] = s), s;
+  xi(t, e) {
+    const i = e.codePointAt(0) || 0, s = this.wi.li(t, i);
+    if (s === 0) return null;
+    if (t.glyf && t.glyf[s] !== null) return t.glyf[s];
+    if (L && L.T && L.T.glyf) {
+      const r = L.T.glyf.Js(t, s);
+      return t.glyf && r && (t.glyf[s] = r), r;
     }
     return null;
   }
-  xi(t, e) {
+  Fi(t, e) {
     const i = t.hmtx;
     return i && i.aWidth ? e < i.aWidth.length ? i.aWidth[e] : i.aWidth[i.aWidth.length - 1] : 0;
   }
-  bi(t, e, i, r) {
+  Mi(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.mi.beginPath();
+    const { xs: r, ys: n, endPts: o, flags: c } = t;
+    if (!(r && n && o && c)) return;
+    this.Ci.beginPath();
     let l = 0;
-    for (let u = 0; u < o.length; u++) {
-      const f = o[u];
-      if (!(f < l)) {
-        if (f >= l) {
-          const d = e + s[l] * r, p = i - n[l] * r;
-          this.mi.moveTo(d, p);
-          let g = l + 1;
-          for (; g <= f; )
-            if (1 & h[g]) {
-              const m = e + s[g] * r, R = i - n[g] * r;
-              this.mi.lineTo(m, R), g++;
+    for (let f = 0; f < o.length; f++) {
+      const u = o[f];
+      if (!(u < l)) {
+        if (u >= l) {
+          const g = e + r[l] * s, v = i - n[l] * s;
+          this.Ci.moveTo(g, v);
+          let m = l + 1;
+          for (; m <= u; )
+            if (1 & c[m]) {
+              const d = e + r[m] * s, x = i - n[m] * s;
+              this.Ci.lineTo(d, x), m++;
             } else {
-              const m = e + s[g] * r, R = i - n[g] * r;
-              let x = g + 1 > f ? l : g + 1;
-              if (1 & h[x]) {
-                const w = e + s[x] * r, C = i - n[x] * r;
-                this.mi.quadraticCurveTo(m, R, w, C), g = x + 1;
+              const d = e + r[m] * s, x = i - n[m] * s;
+              let p = m + 1 > u ? l : m + 1;
+              if (1 & c[p]) {
+                const E = e + r[p] * s, y = i - n[p] * s;
+                this.Ci.quadraticCurveTo(d, x, E, y), m = p + 1;
               } else {
-                const w = (m + (e + s[x] * r)) / 2, C = (R + (i - n[x] * r)) / 2;
-                this.mi.quadraticCurveTo(m, R, w, C), g = x;
+                const E = (d + (e + r[p] * s)) / 2, y = (x + (i - n[p] * s)) / 2;
+                this.Ci.quadraticCurveTo(d, x, E, y), m = p;
               }
             }
-          this.mi.closePath();
+          this.Ci.closePath();
         }
-        l = f + 1;
+        l = u + 1;
       }
     }
-    this.mi.fill();
+    this.Ci.fill();
   }
 }
-class Ft {
+class $t {
   constructor() {
-    c(this, "ni");
-    this.ni = new z();
+    a(this, "Ri");
+    this.Ri = new q();
   }
-  calculateMaxGlyphDimensions(t, e, i) {
-    let r = 0;
-    const s = this.ni.ii(i, e), n = s.lineHeight;
+  Si(t, e, i) {
+    let s = 0;
+    const r = this.Ri.mi(i, e), n = r.lineHeight;
     for (const o of t) {
-      const h = this.ni.ei(i, o);
-      if (h === 0) continue;
-      const l = this.ni.si(i, h) * s.scale;
-      r = Math.max(r, l);
+      const c = this.Ri._i(i, o);
+      if (c === 0) continue;
+      const l = this.Ri.pi(i, c) * r.scale;
+      s = Math.max(s, l);
     }
-    return { width: Math.ceil(r), height: Math.ceil(n) };
-  }
-  getCharacterAdvanceWidth(t, e, i) {
-    const r = this.ni.ii(i, e), s = this.ni.ei(i, t);
-    return this.ni.si(i, s) * r.scale;
+    return { width: Math.ceil(s), height: Math.ceil(n) };
   }
-  getFontMetrics(t, e) {
-    return this.ni.ii(e, t);
-  }
-  ri() {
-    this.ni.ri();
+  gi() {
+    this.Ri.gi();
   }
 }
-class _t {
+class kt {
   constructor() {
-    c(this, "yi");
-    this.yi = new z();
+    a(this, "wi");
+    this.wi = new q();
   }
   createCharacterObjects(t, e) {
-    return t.map((i, r) => {
-      const s = i.codePointAt(0) || 0, n = this.Ri(r);
+    return t.map((i, s) => {
+      const r = i.codePointAt(0) || 0, n = this.Ai(s);
       let o = 0;
       if (e.hmtx && e.hmtx.aWidth) {
-        const h = this.yi.Zs(e, s);
-        h > 0 && e.hmtx.aWidth[h] !== void 0 && (o = e.hmtx.aWidth[h]);
+        const c = this.wi.li(e, r);
+        c > 0 && e.hmtx.aWidth[c] !== void 0 && (o = e.hmtx.aWidth[c]);
       }
-      return { character: i, unicode: s, color: n, advanceWidth: o };
+      return { character: i, unicode: r, color: n, advanceWidth: o };
     });
   }
-  Ri(t) {
+  Ai(t) {
     return [t % 256 / 255, Math.floor(t / 256) % 256 / 255, Math.floor(t / 65536) % 256 / 255];
   }
-  Mi(t, e) {
-    if (!M.M(typeof t == "string", "Character must be a string.", { method: "getCharacterColor", providedValue: t })) return [0, 0, 0];
-    const i = e.find((r) => r.character === t);
+  zi(t, e) {
+    if (!z.v(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];
   }
-  Si(t, e) {
-    return M.M(typeof t == "string" && t.length > 0, "Characters must be a string with at least one character.", { method: "getCharacterColors", providedValue: t }) ? Array.from(t).map((i) => this.Mi(i, e) || [0, 0, 0]) : [[0, 0, 0]];
+  Ti(t, e) {
+    return z.v(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.zi(i, e) || [0, 0, 0]) : [[0, 0, 0]];
   }
 }
-class St {
+class Nt {
   constructor(t, e = 16) {
-    c(this, "Fi");
-    c(this, "zi", []);
-    c(this, "ki");
-    c(this, "Pi", 16);
-    c(this, "Ti", 0);
-    c(this, "Ai", 0);
-    c(this, "Gi", { width: 0, height: 0 });
-    c(this, "Li");
-    c(this, "Ei");
-    c(this, "Bi");
-    c(this, "Di");
-    c(this, "Wi");
-    this.Pi = e, this.Ei = new At(), this.Bi = new Tt(t), this.Di = new Ft(), this.Wi = new _t();
-  }
-  async Ii(t) {
+    a(this, "Ei");
+    a(this, "Li", []);
+    a(this, "ki");
+    a(this, "Pi", 16);
+    a(this, "Gi", 0);
+    a(this, "Bi", 0);
+    a(this, "Di", { width: 0, height: 0 });
+    a(this, "Ii");
+    a(this, "Wi");
+    a(this, "Oi");
+    a(this, "Hi");
+    a(this, "Vi");
+    this.Pi = e, this.Wi = new Ot(), this.Oi = new zt(t), this.Hi = new $t(), this.Vi = new kt();
+  }
+  async Ki(t) {
     let e;
-    if (!t) throw new E("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
+    if (!t) throw new U("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
     {
       const i = await fetch(t);
-      if (!i.ok) throw new E(`Failed to load font file: ${i.status} ${i.statusText}`);
+      if (!i.ok) throw new U(`Failed to load font file: ${i.status} ${i.statusText}`);
       e = await i.arrayBuffer();
     }
-    await this.Ui(e), this.Fi = A.parse(e)[0], await this.Vi();
+    await this.Ni(e), this.Ei = L.parse(e)[0], await this.Xi();
   }
-  Oi(t) {
+  ji(t) {
     if (t === void 0) return this.Pi;
-    this.Pi = t, this.Gi = this.Di.calculateMaxGlyphDimensions(this.zi.map((i) => i.character), this.Pi, this.Fi);
-    const e = this.Bi.createTextureAtlas(this.zi, this.Gi, this.Pi, this.Fi);
-    this.ki = e.framebuffer, this.Ti = e.columns, this.Ai = e.rows;
+    this.Pi = t, this.Di = this.Hi.Si(this.Li.map((i) => i.character), this.Pi, this.Ei);
+    const e = this.Oi.createTextureAtlas(this.Li, this.Di, this.Pi, this.Ei);
+    this.ki = e.framebuffer, this.Gi = e.columns, this.Bi = e.rows;
   }
-  async Hi(t) {
+  async Yi(t) {
     try {
       const e = await fetch(t);
-      if (!e.ok) throw new E(`Failed to load font file: ${e.status} ${e.statusText}`);
+      if (!e.ok) throw new U(`Failed to load font file: ${e.status} ${e.statusText}`);
       const i = await e.arrayBuffer();
-      await this.Ui(i);
-      const r = A.parse(i);
-      if (!r || r.length === 0) throw Error("Failed to parse font file");
-      this.Fi = r[0], await this.Vi();
+      await this.Ni(i);
+      const s = L.parse(i);
+      if (!s || s.length === 0) throw Error("Failed to parse font file");
+      this.Ei = s[0], await this.Xi();
     } catch (e) {
-      throw new E("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
+      throw new U("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
     }
   }
-  async Ui(t) {
+  async Ni(t) {
     const e = Date.now();
-    this.Li = new FontFace("CustomFont_" + e, t), await this.Li.load(), document.fonts.add(this.Li);
+    this.Ii = new FontFace("CustomFont_" + e, t), await this.Ii.load(), document.fonts.add(this.Ii);
   }
-  async Vi() {
-    const t = this.Ei.extractCharacters(this.Fi), e = this.Ei.filterProblematicCharacters(t);
-    this.zi = this.Wi.createCharacterObjects(e, this.Fi), this.Gi = this.Di.calculateMaxGlyphDimensions(e, this.Pi, this.Fi);
-    const i = this.Bi.createTextureAtlas(this.zi, this.Gi, this.Pi, this.Fi);
-    this.ki = i.framebuffer, this.Ti = i.columns, this.Ai = i.rows;
+  async Xi() {
+    const t = this.Wi.si(this.Ei), e = this.Wi.ni(t);
+    this.Li = this.Vi.createCharacterObjects(e, this.Ei), this.Di = this.Hi.Si(e, this.Pi, this.Ei);
+    const i = this.Oi.createTextureAtlas(this.Li, this.Di, this.Pi, this.Ei);
+    this.ki = i.framebuffer, this.Gi = i.columns, this.Bi = i.rows;
   }
-  Mi(t) {
-    return this.Wi.Mi(t, this.zi);
+  zi(t) {
+    return this.Vi.zi(t, this.Li);
   }
-  Si(t) {
-    return this.Wi.Si(t, this.zi);
+  Ti(t) {
+    return this.Vi.Ti(t, this.Li);
   }
-  Ut() {
-    this.ki.Ut(), document.fonts.delete(this.Li);
+  Pt() {
+    this.ki.Pt(), document.fonts.delete(this.Ii);
   }
   get fontFramebuffer() {
     return this.ki;
   }
   get characters() {
-    return this.zi;
+    return this.Li;
   }
   get textureColumns() {
-    return this.Ti;
+    return this.Gi;
   }
   get textureRows() {
-    return this.Ai;
+    return this.Bi;
   }
   get maxGlyphDimensions() {
-    return this.Gi;
+    return this.Di;
   }
   get fontSize() {
     return this.Pi;
   }
   get font() {
-    return this.Fi;
+    return this.Ei;
   }
 }
-class Lt {
+class Wt {
   constructor(t, e, i) {
-    c(this, "Ki");
-    c(this, "Ni");
-    c(this, "Ct");
-    c(this, "wt");
-    c(this, "Xi");
-    c(this, "ji");
-    c(this, "Yi");
-    c(this, "qi");
-    c(this, "Zi");
-    this.Yi = t, this.qi = e, this.Zi = i, this.rt();
-  }
-  rt() {
-    this.Ki = Math.floor(this.Yi.width / this.qi), this.Ni = Math.floor(this.Yi.height / this.Zi), this.Ct = this.Ki * this.qi, this.wt = this.Ni * this.Zi, this.Xi = Math.floor((this.Yi.width - this.Ct) / 2), this.ji = Math.floor((this.Yi.height - this.wt) / 2);
-  }
-  Ji(t, e) {
-    this.qi = t, this.Zi = e, this.rt();
+    a(this, "qi");
+    a(this, "Zi");
+    a(this, "dt");
+    a(this, "_t");
+    a(this, "Ji");
+    a(this, "Qi");
+    a(this, "tr");
+    a(this, "er");
+    a(this, "sr");
+    this.tr = t, this.er = e, this.sr = i, this.ir();
+  }
+  ir() {
+    this.qi = Math.floor(this.tr.width / this.er), this.Zi = Math.floor(this.tr.height / this.sr), this.dt = this.qi * this.er, this._t = this.Zi * this.sr, this.Ji = Math.floor((this.tr.width - this.dt) / 2), this.Qi = Math.floor((this.tr.height - this._t) / 2);
+  }
+  rr(t, e) {
+    this.er = t, this.sr = e, this.ir();
   }
   get cellWidth() {
-    return this.qi;
+    return this.er;
   }
   get cellHeight() {
-    return this.Zi;
+    return this.sr;
   }
   get cols() {
-    return this.Ki;
+    return this.qi;
   }
   get rows() {
-    return this.Ni;
+    return this.Zi;
   }
   get width() {
-    return this.Ct;
+    return this.dt;
   }
   get height() {
-    return this.wt;
+    return this._t;
   }
   get offsetX() {
-    return this.Xi;
+    return this.Ji;
   }
   get offsetY() {
-    return this.ji;
+    return this.Qi;
   }
 }
-class Pt {
+class Xt {
   constructor(t = {}) {
-    c(this, "Yi");
-    c(this, "Qi");
-    c(this, "tr");
-    t.canvas ? (this.Yi = t.canvas, this.tr = !1) : (this.Yi = this.er(t.width, t.height), this.tr = !0), this.Yi.style.imageRendering = "pixelated";
-  }
-  er(t, e) {
+    a(this, "tr");
+    a(this, "nr", null);
+    a(this, "ar", !1);
+    a(this, "hr");
+    a(this, "cr");
+    this.ar = t.overlay ?? !1, this.ar && t.canvas ? (this.nr = t.canvas, this.tr = this.lr(), this.cr = !0, this.ur()) : t.canvas ? (this.tr = t.canvas, this.cr = !1) : (this.tr = this.dr(t.width, t.height), this.cr = !0), this.tr.style.imageRendering = "pixelated";
+  }
+  dr(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;
   }
-  sr(t, e) {
-    this.Yi.width = t ?? this.Yi.width, this.Yi.height = e ?? this.Yi.height;
+  lr() {
+    const t = document.createElement("canvas");
+    t.className = "textmodeCanvas", t.style.imageRendering = "pixelated";
+    const e = this.nr.getBoundingClientRect();
+    let i = Math.round(e.width), s = Math.round(e.height);
+    if (this.nr instanceof HTMLVideoElement) {
+      const o = this.nr;
+      (i === 0 || s === 0) && o.videoWidth > 0 && o.videoHeight > 0 && (i = o.videoWidth, s = o.videoHeight);
+    }
+    t.width = i, t.height = s, t.style.position = "absolute", t.style.pointerEvents = "none";
+    const r = window.getComputedStyle(this.nr);
+    let n = parseInt(r.zIndex || "0", 10);
+    return isNaN(n) && (n = 0), t.style.zIndex = "" + (n + 1), t;
+  }
+  ur() {
+    var t;
+    this._r(), (t = this.nr.parentNode) == null || t.insertBefore(this.tr, this.nr.nextSibling), window.ResizeObserver && (this.hr = new ResizeObserver(() => {
+      this.pr();
+    }), this.hr.observe(this.nr)), window.addEventListener("resize", () => {
+      this.pr();
+    });
   }
-  ir() {
-    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 E("`textmode.js` requires WebGL2 support.");
+  _r() {
+    if (!this.nr) return;
+    const t = this.nr.getBoundingClientRect();
+    let e = this.nr.offsetParent;
+    if (e && e !== document.body) {
+      const i = e.getBoundingClientRect();
+      this.tr.style.top = t.top - i.top + "px", this.tr.style.left = t.left - i.left + "px";
+    } else this.tr.style.top = t.top + window.scrollY + "px", this.tr.style.left = t.left + window.scrollX + "px";
+  }
+  pr(t, e) {
+    if (this.ar) {
+      const i = this.nr.getBoundingClientRect();
+      let s = Math.round(i.width), r = Math.round(i.height);
+      if (this.nr instanceof HTMLVideoElement) {
+        const n = this.nr;
+        (s === 0 || r === 0) && n.videoWidth > 0 && n.videoHeight > 0 && (s = n.videoWidth, r = n.videoHeight);
+      }
+      this.tr.width = s, this.tr.height = r, this._r();
+    } else this.tr.width = t ?? this.tr.width, this.tr.height = e ?? this.tr.height;
+  }
+  mr() {
+    const t = this.tr.getContext("webgl2", { alpha: !0, premultipliedAlpha: !1, preserveDrawingBuffer: !0, antialias: !1, depth: !1, stencil: !1, powerPreference: "high-performance" });
+    if (!t) throw new U("`textmode.js` requires WebGL2 support.");
     return t;
   }
-  Ut() {
-    this.Qi && this.Qi.disconnect();
-    const t = this.Yi.getContext("webgl") || this.Yi.getContext("webgl2");
+  Pt() {
+    this.hr && this.hr.disconnect();
+    const t = this.tr.getContext("webgl") || this.tr.getContext("webgl2");
     if (t) {
       const e = t.getExtension("WEBGL_lose_context");
       e && e.loseContext();
     }
-    this.tr && this.Yi.parentNode && this.Yi.parentNode.removeChild(this.Yi);
+    this.cr && this.tr.parentNode && this.tr.parentNode.removeChild(this.tr);
   }
   get canvas() {
-    return this.Yi;
+    return this.tr;
+  }
+  get targetCanvas() {
+    return this.nr;
   }
   get width() {
-    return this.Yi.width;
+    return this.tr.width;
   }
   get height() {
-    return this.Yi.height;
+    return this.tr.height;
+  }
+}
+class $ {
+  constructor(t, e, i, s) {
+    a(this, "texture");
+    a(this, "width");
+    a(this, "height");
+    a(this, "vt");
+    a(this, "P", 0);
+    a(this, "N", 0);
+    a(this, "X", 0);
+    a(this, "G", [0, 0]);
+    a(this, "gr", "sampled");
+    a(this, "vr", "fixed");
+    a(this, "Y", [1, 1, 1]);
+    a(this, "q", [0, 0, 0]);
+    a(this, "yr", [0, 0, 0, 1]);
+    a(this, "Cr", [[0.1, 0, 0]]);
+    a(this, "wr");
+    this.vt = t, this.texture = e, this.width = i, this.height = s;
+  }
+  Pt() {
+    this.vt.deleteTexture(this.texture);
+  }
+  $r(t) {
+    return typeof t == "boolean" ? t ? 1 : 0 : (t == null ? 0 : Number(t)) > 0 ? 1 : 0;
+  }
+  invert(t = !0) {
+    return this.P = this.$r(t), this;
+  }
+  flipX(t = !0) {
+    return this.N = this.$r(t), this;
+  }
+  flipY(t = !0) {
+    return this.X = this.$r(t), this;
+  }
+  charRotation(t) {
+    const e = 255 * t / 360, i = Math.floor(e) / 255, s = Math.round(e - Math.floor(e));
+    return this.G = [i, s], this;
+  }
+  get flags() {
+    return { invert: this.P, flipX: this.N, flipY: this.X };
+  }
+  get charRotationRG() {
+    return this.G;
+  }
+  charColorMode(t) {
+    return this.gr = t, this;
+  }
+  cellColorMode(t) {
+    return this.vr = t, this;
+  }
+  charColor(t, e, i) {
+    return this.Y = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255], this;
+  }
+  cellColor(t, e, i) {
+    return this.q = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255], this;
+  }
+  background(t, e, i, s) {
+    return this.yr = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255, (s ?? 255) / 255], this;
+  }
+  charactersFromColors(t) {
+    const e = t.filter((i) => Array.isArray(i)).slice(0, 64);
+    return this.Cr = e, this;
+  }
+  characters(t) {
+    const e = this.wr(t);
+    return this.charactersFromColors(e), this;
+  }
+  get characterListUniforms() {
+    return { count: this.Cr.length, list: this.Cr };
+  }
+  get colorUniforms() {
+    return { charColorFixed: this.gr === "fixed", Y: this.Y, cellColorFixed: this.vr === "fixed", cellColor: this.q, backgroundColor: this.yr };
+  }
+  static fromSource(t, e, i) {
+    const s = t.context, r = s.createTexture();
+    s.bindTexture(s.TEXTURE_2D, r), s.pixelStorei(s.UNPACK_FLIP_Y_WEBGL, 1), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_MIN_FILTER, s.NEAREST), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_MAG_FILTER, s.NEAREST), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_WRAP_S, s.CLAMP_TO_EDGE), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_WRAP_T, s.CLAMP_TO_EDGE), s.texImage2D(s.TEXTURE_2D, 0, s.RGBA, s.RGBA, s.UNSIGNED_BYTE, e), s.bindTexture(s.TEXTURE_2D, null);
+    const n = e.naturalWidth ?? e.width ?? e.videoWidth ?? 0, o = e.naturalHeight ?? e.height ?? e.videoHeight ?? 0, c = new $(s, r, n, o);
+    return c.wr = i, c;
   }
 }
-class Mt {
+class Ht {
   constructor(t = 60) {
-    c(this, "rr");
-    c(this, "nr");
-    c(this, "ar", null);
-    c(this, "hr", 0);
-    c(this, "cr", !0);
-    c(this, "lr", 0);
-    c(this, "ur", 0);
-    c(this, "dr", []);
-    c(this, "_r", 10);
-    c(this, "pr", 0);
-    this.rr = t, this.nr = 1e3 / t;
+    a(this, "br");
+    a(this, "Fr");
+    a(this, "Mr", null);
+    a(this, "Rr", 0);
+    a(this, "Sr", !0);
+    a(this, "Ar", 0);
+    a(this, "zr", 0);
+    a(this, "Tr", []);
+    a(this, "Er", 10);
+    a(this, "Lr", 0);
+    this.br = t, this.Fr = 1e3 / t;
   }
   start(t) {
-    if (!this.cr) return;
-    this.hr = performance.now();
+    if (!this.Sr) return;
+    this.Rr = performance.now();
     const e = (i) => {
-      if (!this.cr) return void (this.ar = null);
-      const r = i - this.hr;
-      r >= this.nr && (t(), this.hr = i - r % this.nr), this.cr && (this.ar = requestAnimationFrame(e));
+      if (!this.Sr) return void (this.Mr = null);
+      const s = i - this.Rr;
+      s >= this.Fr && (t(), this.Rr = i - s % this.Fr), this.Sr && (this.Mr = requestAnimationFrame(e));
     };
-    this.ar = requestAnimationFrame(e);
+    this.Mr = requestAnimationFrame(e);
   }
   stop() {
-    this.ar && (cancelAnimationFrame(this.ar), this.ar = null);
+    this.Mr && (cancelAnimationFrame(this.Mr), this.Mr = null);
   }
   pause() {
-    this.cr && (this.cr = !1, this.stop());
+    this.Sr && (this.Sr = !1, this.stop());
   }
   resume(t) {
-    this.cr || (this.cr = !0, this.start(t));
+    this.Sr || (this.Sr = !0, this.start(t));
   }
   frameRate(t, e) {
-    if (t === void 0) return this.lr;
-    this.rr = t, this.nr = 1e3 / t, this.cr && e && (this.stop(), this.start(e));
+    if (t === void 0) return this.Ar;
+    this.br = t, this.Fr = 1e3 / t, this.Sr && e && (this.stop(), this.start(e));
   }
   measureFrameRate() {
     const t = performance.now();
-    if (this.ur > 0) {
-      const e = t - this.ur;
-      this.dr.push(e), this.dr.length > this._r && this.dr.shift();
-      const i = this.dr.reduce((r, s) => r + s, 0) / this.dr.length;
-      this.lr = 1e3 / i;
+    if (this.zr > 0) {
+      const e = t - this.zr;
+      this.Tr.push(e), this.Tr.length > this.Er && this.Tr.shift();
+      const i = this.Tr.reduce((s, r) => s + r, 0) / this.Tr.length;
+      this.Ar = 1e3 / i;
     }
-    this.ur = t;
+    this.zr = t;
   }
   get isLooping() {
-    return this.cr;
+    return this.Sr;
   }
   get frameRateLimit() {
-    return this.rr;
+    return this.br;
   }
   get currentFrameRate() {
-    return this.lr;
+    return this.Ar;
   }
   get frameCount() {
-    return this.pr;
+    return this.Lr;
   }
   set frameCount(t) {
-    this.pr = t;
+    this.Lr = t;
   }
   incrementFrame() {
-    this.pr++;
+    this.Lr++;
   }
   resetFrameCount() {
-    this.pr = 0;
+    this.Lr = 0;
   }
 }
-class Ut {
+class Yt {
   constructor() {
-    c(this, "gr", /* @__PURE__ */ new Map());
-    c(this, "mr", null);
-    c(this, "vr", null);
-    c(this, "yr");
-    c(this, "$r");
-    c(this, "Cr", !1);
-    c(this, "wr");
-    c(this, "br");
-    c(this, "Rr", { 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" });
-  }
-  Mr() {
-    this.Cr || (this.yr = (t) => {
-      this.Sr(t);
-    }, this.$r = (t) => {
-      this.Fr(t);
-    }, window.addEventListener("keydown", this.yr, { passive: !1 }), window.addEventListener("keyup", this.$r, { passive: !1 }), this.Cr = !0);
-  }
-  zr() {
-    this.Cr && (window.removeEventListener("keydown", this.yr), window.removeEventListener("keyup", this.$r), this.Cr = !1, this.gr.clear(), this.mr = null, this.vr = null);
-  }
-  kr(t) {
-    this.wr = t;
-  }
-  Pr(t) {
-    this.br = t;
-  }
-  Tr(t) {
-    const e = this.Ar(t), i = this.gr.get(t) || this.gr.get(e);
+    a(this, "kr", /* @__PURE__ */ new Map());
+    a(this, "Pr", null);
+    a(this, "Gr", null);
+    a(this, "Br");
+    a(this, "Dr");
+    a(this, "Ir", !1);
+    a(this, "Wr");
+    a(this, "Or");
+    a(this, "Hr", { 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" });
+  }
+  Vr() {
+    this.Ir || (this.Br = (t) => {
+      this.Kr(t);
+    }, this.Dr = (t) => {
+      this.Nr(t);
+    }, window.addEventListener("keydown", this.Br, { passive: !1 }), window.addEventListener("keyup", this.Dr, { passive: !1 }), this.Ir = !0);
+  }
+  Xr() {
+    this.Ir && (window.removeEventListener("keydown", this.Br), window.removeEventListener("keyup", this.Dr), this.Ir = !1, this.kr.clear(), this.Pr = null, this.Gr = null);
+  }
+  jr(t) {
+    this.Wr = t;
+  }
+  Yr(t) {
+    this.Or = t;
+  }
+  qr(t) {
+    const e = this.Zr(t), i = this.kr.get(t) || this.kr.get(e);
     return (i == null ? void 0 : i.isPressed) || !1;
   }
-  Gr() {
-    return this.mr;
+  Jr() {
+    return this.Pr;
   }
-  Lr() {
-    return this.vr;
+  Qr() {
+    return this.Gr;
   }
-  Er() {
+  tn() {
     const t = [];
-    for (const [e, i] of this.gr) i.isPressed && t.push(e);
+    for (const [e, i] of this.kr) i.isPressed && t.push(e);
     return t;
   }
-  Br() {
-    return { ctrl: this.Tr("Control"), shift: this.Tr("Shift"), alt: this.Tr("Alt"), meta: this.Tr("Meta") };
+  en() {
+    return { ctrl: this.qr("Control"), shift: this.qr("Shift"), alt: this.qr("Alt"), meta: this.qr("Meta") };
   }
-  Dr() {
-    this.gr.clear(), this.mr = null, this.vr = null;
+  sn() {
+    this.kr.clear(), this.Pr = null, this.Gr = null;
   }
-  Sr(t) {
+  Kr(t) {
     const e = t.key, i = Date.now();
-    this.gr.has(e) || this.gr.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
-    const r = this.gr.get(e);
-    if (!r.isPressed && (r.isPressed = !0, r.lastPressTime = i, this.mr = e, this.wr)) {
-      const s = { key: e, keyCode: t.keyCode, ctrlKey: t.ctrlKey, shiftKey: t.shiftKey, altKey: t.altKey, metaKey: t.metaKey, isPressed: !0, originalEvent: t };
-      this.wr(s);
+    this.kr.has(e) || this.kr.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
+    const s = this.kr.get(e);
+    if (!s.isPressed && (s.isPressed = !0, s.lastPressTime = i, this.Pr = 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);
     }
   }
-  Fr(t) {
+  Nr(t) {
     const e = t.key, i = Date.now();
-    this.gr.has(e) || this.gr.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
-    const r = this.gr.get(e);
-    if (r.isPressed = !1, r.lastReleaseTime = i, this.vr = e, this.br) {
-      const s = { key: e, keyCode: t.keyCode, ctrlKey: t.ctrlKey, shiftKey: t.shiftKey, altKey: t.altKey, metaKey: t.metaKey, isPressed: !1, originalEvent: t };
-      this.br(s);
+    this.kr.has(e) || this.kr.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
+    const s = this.kr.get(e);
+    if (s.isPressed = !1, s.lastReleaseTime = i, this.Gr = e, this.Or) {
+      const r = { key: e, keyCode: t.keyCode, ctrlKey: t.ctrlKey, shiftKey: t.shiftKey, altKey: t.altKey, metaKey: t.metaKey, isPressed: !1, originalEvent: t };
+      this.Or(r);
     }
   }
-  Ar(t) {
-    return this.Rr[t] || t.toLowerCase();
+  Zr(t) {
+    return this.Hr[t] || t.toLowerCase();
   }
 }
-class It {
+class Vt {
   constructor(t) {
-    c(this, "Yi");
-    c(this, "Wr");
-    c(this, "Ir", { x: -1, y: -1 });
-    c(this, "Ur", { x: -1, y: -1 });
-    c(this, "Vr", null);
-    c(this, "Or");
-    c(this, "Hr");
-    c(this, "Kr");
-    c(this, "Nr");
-    c(this, "Xr");
-    c(this, "jr");
-    c(this, "Cr", !1);
-    c(this, "Yr");
-    c(this, "qr");
-    c(this, "Zr");
-    c(this, "Jr");
-    c(this, "Qr");
-    this.Yi = t;
-  }
-  Ii(t) {
-    this.Wr = t, this.tn();
-  }
-  Mr() {
-    if (this.Cr) return;
-    const t = this.Yi.canvas;
-    this.Or = (e) => {
-      this.en(e), this.sn(e);
-    }, this.Hr = () => {
-      this.Ur = { ...this.Ir }, this.Ir.x = -1, this.Ir.y = -1, this.Vr = null;
-    }, this.Kr = (e) => {
-      this.en(e), this.rn(e);
-    }, this.Nr = (e) => {
-      this.en(e), this.nn(e);
-    }, this.Xr = (e) => {
-      this.en(e), this.an(e);
-    }, this.jr = (e) => {
-      this.en(e), this.hn(e);
-    }, t.addEventListener("mousemove", this.Or, { passive: !0 }), t.addEventListener("mouseleave", this.Hr, { passive: !0 }), t.addEventListener("mousedown", this.Kr, { passive: !0 }), t.addEventListener("mouseup", this.Nr, { passive: !0 }), t.addEventListener("click", this.Xr, { passive: !0 }), t.addEventListener("wheel", this.jr, { passive: !1 }), this.Cr = !0;
-  }
-  zr() {
-    if (!this.Cr) return;
-    const t = this.Yi.canvas;
-    t.removeEventListener("mousemove", this.Or), t.removeEventListener("mouseleave", this.Hr), t.removeEventListener("mousedown", this.Kr), t.removeEventListener("mouseup", this.Nr), t.removeEventListener("click", this.Xr), t.removeEventListener("wheel", this.jr), this.Cr = !1;
+    a(this, "tr");
+    a(this, "rn");
+    a(this, "nn", { x: -1, y: -1 });
+    a(this, "an", { x: -1, y: -1 });
+    a(this, "hn", null);
+    a(this, "cn");
+    a(this, "ln");
+    a(this, "un");
+    a(this, "fn");
+    a(this, "dn");
+    a(this, "_n");
+    a(this, "Ir", !1);
+    a(this, "pn");
+    a(this, "mn");
+    a(this, "gn");
+    a(this, "vn");
+    a(this, "yn");
+    this.tr = t;
+  }
+  Ki(t) {
+    this.rn = t, this.Cn();
+  }
+  Vr() {
+    if (this.Ir) return;
+    const t = this.tr.canvas;
+    this.cn = (e) => {
+      this.wn(e), this.$n(e);
+    }, this.ln = () => {
+      this.an = { ...this.nn }, this.nn.x = -1, this.nn.y = -1, this.hn = null;
+    }, this.un = (e) => {
+      this.wn(e), this.bn(e);
+    }, this.fn = (e) => {
+      this.wn(e), this.xn(e);
+    }, this.dn = (e) => {
+      this.wn(e), this.Fn(e);
+    }, this._n = (e) => {
+      this.wn(e), this.Mn(e);
+    }, t.addEventListener("mousemove", this.cn, { passive: !0 }), t.addEventListener("mouseleave", this.ln, { passive: !0 }), t.addEventListener("mousedown", this.un, { passive: !0 }), t.addEventListener("mouseup", this.fn, { passive: !0 }), t.addEventListener("click", this.dn, { passive: !0 }), t.addEventListener("wheel", this._n, { passive: !1 }), this.Ir = !0;
+  }
+  Xr() {
+    if (!this.Ir) return;
+    const t = this.tr.canvas;
+    t.removeEventListener("mousemove", this.cn), t.removeEventListener("mouseleave", this.ln), t.removeEventListener("mousedown", this.un), t.removeEventListener("mouseup", this.fn), t.removeEventListener("click", this.dn), t.removeEventListener("wheel", this._n), this.Ir = !1;
   }
-  tn() {
-    if (this.Cr) try {
-      if (this.Vr) {
-        const t = new MouseEvent("mousemove", { clientX: this.Vr.x, clientY: this.Vr.y, bubbles: !1, cancelable: !1 });
-        this.en(t);
-      } else this.Ir.x !== -1 && this.Ir.y !== -1 && (this.Ir.x >= this.Wr.cols || this.Ir.y >= this.Wr.rows) && (this.Ir.x = -1, this.Ir.y = -1);
+  Cn() {
+    if (this.Ir) try {
+      if (this.hn) {
+        const t = new MouseEvent("mousemove", { clientX: this.hn.x, clientY: this.hn.y, bubbles: !1, cancelable: !1 });
+        this.wn(t);
+      } else this.nn.x !== -1 && this.nn.y !== -1 && (this.nn.x >= this.rn.cols || this.nn.y >= this.rn.rows) && (this.nn.x = -1, this.nn.y = -1);
     } catch {
-      this.Ir.x = -1, this.Ir.y = -1;
+      this.nn.x = -1, this.nn.y = -1;
     }
   }
-  cn(t) {
-    this.Yr = t;
+  Rn(t) {
+    this.pn = t;
   }
-  kr(t) {
-    this.qr = t;
+  jr(t) {
+    this.mn = t;
   }
-  Pr(t) {
-    this.Zr = t;
+  Yr(t) {
+    this.gn = t;
   }
-  ln(t) {
-    this.Jr = t;
+  Sn(t) {
+    this.vn = t;
   }
-  un(t) {
-    this.Qr = t;
+  An(t) {
+    this.yn = t;
   }
-  fn() {
-    return { x: this.Ir.x, y: this.Ir.y };
+  zn() {
+    return { x: this.nn.x, y: this.nn.y };
   }
-  sn(t) {
-    if (this.Jr) {
-      const e = { position: { ...this.Ir }, previousPosition: { ...this.Ur }, originalEvent: t };
-      this.Jr(e);
+  $n(t) {
+    if (this.vn) {
+      const e = { position: { ...this.nn }, previousPosition: { ...this.an }, originalEvent: t };
+      this.vn(e);
     }
   }
-  rn(t) {
-    if (this.qr) {
-      const e = { position: { ...this.Ir }, previousPosition: { ...this.Ur }, button: t.button, originalEvent: t };
-      this.qr(e);
+  bn(t) {
+    if (this.mn) {
+      const e = { position: { ...this.nn }, previousPosition: { ...this.an }, button: t.button, originalEvent: t };
+      this.mn(e);
     }
   }
-  nn(t) {
-    if (this.Zr) {
-      const e = { position: { ...this.Ir }, previousPosition: { ...this.Ur }, button: t.button, originalEvent: t };
-      this.Zr(e);
+  xn(t) {
+    if (this.gn) {
+      const e = { position: { ...this.nn }, previousPosition: { ...this.an }, button: t.button, originalEvent: t };
+      this.gn(e);
     }
   }
-  an(t) {
-    if (this.Yr) {
-      const e = { position: { ...this.Ir }, previousPosition: { ...this.Ur }, button: t.button, originalEvent: t };
-      this.Yr(e);
+  Fn(t) {
+    if (this.pn) {
+      const e = { position: { ...this.nn }, previousPosition: { ...this.an }, button: t.button, originalEvent: t };
+      this.pn(e);
     }
   }
-  hn(t) {
-    if (this.Qr) {
-      const e = { position: { ...this.Ir }, previousPosition: { ...this.Ur }, delta: { x: t.deltaX, y: t.deltaY }, originalEvent: t };
-      this.Qr(e);
+  Mn(t) {
+    if (this.yn) {
+      const e = { position: { ...this.nn }, previousPosition: { ...this.an }, delta: { x: t.deltaX, y: t.deltaY }, originalEvent: t };
+      this.yn(e);
     }
   }
-  en(t) {
-    const e = this.Yi.canvas;
-    this.Ur = { ...this.Ir }, this.Vr = { x: t.clientX, y: t.clientY };
-    const i = e.getBoundingClientRect(), r = t.clientX - i.left, s = t.clientY - i.top, n = e.width / i.width, o = s * (e.height / i.height), h = r * n - this.Wr.offsetX, l = o - this.Wr.offsetY, u = Math.floor(h / this.Wr.cellWidth), f = Math.floor(l / this.Wr.cellHeight);
-    u >= 0 && u < this.Wr.cols && f >= 0 && f < this.Wr.rows ? (this.Ir.x = u, this.Ir.y = f) : (this.Ir.x = -1, this.Ir.y = -1);
+  wn(t) {
+    const e = this.tr.canvas;
+    this.an = { ...this.nn }, this.hn = { 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.rn.offsetX, l = o - this.rn.offsetY, f = Math.floor(c / this.rn.cellWidth), u = Math.floor(l / this.rn.cellHeight);
+    f >= 0 && f < this.rn.cols && u >= 0 && u < this.rn.rows ? (this.nn.x = f, this.nn.y = u) : (this.nn.x = -1, this.nn.y = -1);
   }
 }
-const kt = (a) => class extends a {
+const jt = (h) => class extends h {
   rotate(t = 0, e = 0, i = 0) {
-    this.kt.state.ht(t), this.kt.state.ct(e), this.kt.state.lt(i);
+    this.xt.state.et(t), this.xt.state.st(e), this.xt.state.it(i);
   }
   rotateX(t) {
-    this.kt.state.ht(t);
+    this.xt.state.et(t);
   }
   rotateY(t) {
-    this.kt.state.ct(t);
+    this.xt.state.st(t);
   }
   rotateZ(t) {
-    this.kt.state.lt(t);
+    this.xt.state.it(t);
   }
   push() {
-    this.kt.state.N();
+    this.xt.state.W();
   }
   pop() {
-    this.kt.state.it();
+    this.xt.state.Z();
   }
-  rect(t, e, i = 1, r = 1) {
-    this.kt.Es(t, e, i, r);
+  rect(t, e, i = 1, s = 1) {
+    this.xt.Hs(t, e, i, s);
   }
   point(t, e) {
-    this.kt.Es(t, e, 1, 1);
+    this.xt.Hs(t, e, 1, 1);
   }
-  line(t, e, i, r) {
-    this.kt.Bs(t, e, i, r);
+  line(t, e, i, s) {
+    this.xt.Vs(t, e, i, s);
   }
   lineWeight(t) {
-    this.kt.state.ot(t);
+    this.xt.state.tt(t);
   }
-  background(t, e = t, i = t, r = 255) {
-    this.kt.Os(t, e, i, r);
+  background(t, e = t, i = t, s = 255) {
+    this.xt.qs(t, e, i, s);
   }
   char(t) {
-    this.kt.state.ut(this.Fi.Mi(t));
+    this.xt.state.rt(this.Ei.zi(t));
   }
   charColor(t, e, i) {
-    this.kt.state.ft(t, e, i);
+    this.xt.state.nt(t, e, i);
   }
   cellColor(t, e, i) {
-    this.kt.state.dt(t, e, i);
+    this.xt.state.ot(t, e, i);
   }
   flipX(t) {
-    this.kt.state._t(t);
+    this.xt.state.ht(t);
   }
   flipY(t) {
-    this.kt.state.gt(t);
+    this.xt.state.ct(t);
   }
   charRotation(t) {
-    this.kt.state.yt(t);
+    this.xt.state.ut(t);
   }
   invert(t) {
-    this.kt.state.vt(t);
+    this.xt.state.lt(t);
   }
   clear() {
-    this.kt.Os(0, 0, 0, 0);
+    this.xt.qs(0, 0, 0, 0);
   }
-  ellipse(t, e, i, r) {
-    this.kt.Ds(t, e, i / 2, r / 2);
+  ellipse(t, e, i, s) {
+    this.xt.Ks(t, e, i / 2, s / 2);
   }
-  triangle(t, e, i, r, s, n) {
-    this.kt.Ws(t, e, i, r, s, n);
+  triangle(t, e, i, s, r, n) {
+    this.xt.Ns(t, e, i, s, r, n);
   }
-  bezierCurve(t, e, i, r, s, n, o, h) {
-    this.kt.Is(t, e, i, r, s, n, o, h);
+  bezierCurve(t, e, i, s, r, n, o, c) {
+    this.xt.Xs(t, e, i, s, r, n, o, c);
   }
-  arc(t, e, i, r, s, n) {
-    this.kt.Vs(t, e, i, r, s, n);
+  arc(t, e, i, s, r, n) {
+    this.xt.Ys(t, e, i, s, r, n);
   }
   shader(t) {
-    this.kt.Ts(t);
+    this.xt.Bs(t);
   }
   setUniform(t, e) {
-    this.kt.Jt(t, e);
+    this.xt.Xt(t, e);
   }
   setUniforms(t) {
-    this.kt.As(t);
+    this.xt.Ds(t);
   }
   createFilterShader(t) {
-    return this.kt.he(t);
+    return this.xt.oe(t);
   }
   createFramebuffer(t) {
-    return this.kt.Us(t.width, t.height, 5, { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte" });
+    return this.xt.js(t.width, t.height, 5, { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte" });
+  }
+  image(t, e, i, s, r) {
+    if (t.textures) {
+      const n = t;
+      this.xt.Is(n, e, i, s ?? n.width, r ?? n.height);
+    } else {
+      const n = t;
+      this.xt.Ws(n, e, i, s ?? n.width, r ?? n.height);
+    }
   }
-  image(t, e, i, r, s) {
-    this.kt.Gs(t, e, i, r ?? t.width, s ?? t.height);
+  async loadImage(t) {
+    if (typeof t != "string") return $.fromSource(this.xt, t, (s) => this.Ei.Ti(s));
+    const e = t, i = await new Promise((s, r) => {
+      const n = new Image();
+      n.crossOrigin = "anonymous", n.onload = () => s(n), n.onerror = (o) => r(o), n.src = e;
+    });
+    return $.fromSource(this.xt, i, (s) => this.Ei.Ti(s));
   }
 };
-class $ {
-  dn(t) {
-    const e = t.Et(0), i = t.Et(1), r = t.Et(2), s = t.Et(3);
-    return { characterPixels: e, primaryColorPixels: i, secondaryColorPixels: r, transformPixels: t.Et(4), rotationPixels: s };
+class J {
+  Tn(t) {
+    const e = t.zt(0), i = t.zt(1), s = t.zt(2), r = t.zt(3);
+    return { characterPixels: e, primaryColorPixels: i, secondaryColorPixels: s, transformPixels: t.zt(4), rotationPixels: r };
   }
-  _n(t, e) {
+  En(t, e) {
     return t[e] + (t[e + 1] << 8);
   }
-  pn(t, e) {
+  Ln(t, e) {
     return { r: t[e], g: t[e + 1], b: t[e + 2], a: t[e + 3] };
   }
 }
-class O {
-  gn(t, e) {
+class Z {
+  kn(t, e) {
     return new Blob([t], { type: e });
   }
-  mn(t, e, i) {
+  Pn(t, e, i) {
     try {
-      const r = this.gn(t, i), s = URL.createObjectURL(r), 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 (r) {
-      throw console.error("Failed to download file:", r), Error("File download failed: " + (r instanceof Error ? r.message : "Unknown error"));
+      const s = this.kn(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) {
+      console.error("Failed to download file:", s);
     }
   }
-  vn() {
+  Gn() {
     return (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-");
   }
-  yn() {
+  Bn() {
     const t = /* @__PURE__ */ new Date();
     return { date: t.toISOString().split("T")[0], time: t.toTimeString().split(" ")[0].replace(/:/g, "-") };
   }
-  $n(t) {
+  Dn(t) {
     return t.replace(/[<>:"/\\|?*]/g, "_").replace(/\s+/g, "_").replace(/_{2,}/g, "_").replace(/^_+|_+$/g, "").substring(0, 255);
   }
-  Cn() {
-    return "textmode-export-" + this.vn();
+  In() {
+    return "textmode-export-" + this.Gn();
   }
 }
-class zt extends $ {
-  wn(t, e, i) {
-    const r = t[i] === 255, s = t[i + 1] === 255, n = t[i + 2] === 255, o = e[i], h = e[i + 1];
-    return { isInverted: r, flipHorizontal: s, flipVertical: n, rotation: Math.round(360 * (o + h / 255) / 255 * 100) / 100 };
+class Kt extends J {
+  Wn(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 };
   }
-  xn(t, e, i) {
+  On(t, e, i) {
     return { x: t, y: e, cellX: t * i.cellWidth, cellY: e * i.cellHeight };
   }
-  bn(t, e) {
+  Hn(t, e) {
     const i = [];
-    let r = 0;
-    for (let s = 0; s < e.rows; s++) for (let n = 0; n < e.cols; n++) {
-      const o = 4 * r, h = this._n(t.characterPixels, o);
-      let l = this.pn(t.primaryColorPixels, o), u = this.pn(t.secondaryColorPixels, o);
-      const f = this.wn(t.transformPixels, t.rotationPixels, o);
-      if (f.isInverted) {
-        const p = l;
-        l = u, u = p;
+    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.En(t.characterPixels, o);
+      let l = this.Ln(t.primaryColorPixels, o), f = this.Ln(t.secondaryColorPixels, o);
+      const u = this.Wn(t.transformPixels, t.rotationPixels, o);
+      if (u.isInverted) {
+        const v = l;
+        l = f, f = v;
       }
-      const d = this.xn(n, s, e);
-      i.push({ charIndex: h, primaryColor: l, secondaryColor: u, transform: f, position: d }), r++;
+      const g = this.On(n, r, e);
+      i.push({ charIndex: c, primaryColor: l, secondaryColor: f, transform: u, position: g }), s++;
     }
     return i;
   }
 }
-class Wt {
-  Rn(t, e) {
+class qt {
+  Vn(t, e) {
     const i = t.cmap;
-    for (const r of i.tables) if (r.format === 4) {
-      const s = r;
-      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;
+    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 (r.format === 12) {
-      const s = r;
-      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;
   }
-  Mn(t, e, i, r, s) {
-    const n = s / t.head.unitsPerEm;
-    return { getBoundingBox: () => ({ x1: i + e.xMin * n, y1: r + -e.yMax * n, x2: i + e.xMax * n, y2: r + -e.yMin * n }), toSVG: () => this.Sn(e, i, r, n) };
+  Kn(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.Nn(e, i, s, n) };
   }
-  Sn(t, e, i, r) {
+  Nn(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 "";
-    let l = "", u = 0;
-    for (let f = 0; f < o.length; f++) {
-      const d = o[f];
-      if (!(d < u)) {
-        if (d >= u) {
-          const p = e + s[u] * r, g = i - n[u] * r;
-          l += `M${p.toFixed(2)},${g.toFixed(2)}`;
-          let m = u + 1;
-          for (; m <= d; )
-            if (1 & h[m]) {
-              const R = e + s[m] * r, x = i - n[m] * r;
-              l += `L${R.toFixed(2)},${x.toFixed(2)}`, m++;
+    const { xs: r, ys: n, endPts: o, flags: c } = t;
+    if (!(r && n && o && c)) return "";
+    let l = "", f = 0;
+    for (let u = 0; u < o.length; u++) {
+      const g = o[u];
+      if (!(g < f)) {
+        if (g >= f) {
+          const v = e + r[f] * s, m = i - n[f] * s;
+          l += `M${v.toFixed(2)},${m.toFixed(2)}`;
+          let d = f + 1;
+          for (; d <= g; )
+            if (1 & c[d]) {
+              const x = e + r[d] * s, p = i - n[d] * s;
+              l += `L${x.toFixed(2)},${p.toFixed(2)}`, d++;
             } else {
-              const R = e + s[m] * r, x = i - n[m] * r;
-              let w = m + 1 > d ? u : m + 1;
-              if (1 & h[w]) {
-                const C = e + s[w] * r, L = i - n[w] * r;
-                l += `Q${R.toFixed(2)},${x.toFixed(2)} ${C.toFixed(2)},${L.toFixed(2)}`, m = w + 1;
+              const x = e + r[d] * s, p = i - n[d] * s;
+              let E = d + 1 > g ? f : d + 1;
+              if (1 & c[E]) {
+                const y = e + r[E] * s, C = i - n[E] * s;
+                l += `Q${x.toFixed(2)},${p.toFixed(2)} ${y.toFixed(2)},${C.toFixed(2)}`, d = E + 1;
               } else {
-                const C = (R + (e + s[w] * r)) / 2, L = (x + (i - n[w] * r)) / 2;
-                l += `Q${R.toFixed(2)},${x.toFixed(2)} ${C.toFixed(2)},${L.toFixed(2)}`, m = w;
+                const y = (x + (e + r[E] * s)) / 2, C = (p + (i - n[E] * s)) / 2;
+                l += `Q${x.toFixed(2)},${p.toFixed(2)} ${y.toFixed(2)},${C.toFixed(2)}`, d = E;
               }
             }
           l += "Z";
         }
-        u = d + 1;
+        f = g + 1;
       }
     }
     return l;
   }
-  Fn(t, e, i, r, s) {
-    const n = t.codePointAt(0) || 0, o = this.Rn(e, n);
-    let h = null;
-    return e.glyf && e.glyf[o] !== null ? h = e.glyf[o] : (h = A.T.glyf.Ks(e, o), e.glyf[o] = h), this.Mn(e, h, i, r, s);
+  Xn(t, e, i, s, r) {
+    const n = t.codePointAt(0) || 0, o = this.Vn(e, n);
+    let c = null;
+    return e.glyf && e.glyf[o] !== null ? c = e.glyf[o] : (c = L.T.glyf.Js(e, o), e.glyf[o] = c), this.Kn(e, c, i, s, r);
   }
-  zn(t, e, i, r, s, n, o, h) {
-    const l = i + (s - h * (o / e.head.unitsPerEm)) / 2, u = r + (n + 0.7 * o) / 2;
-    return this.Fn(t, e, l, u, o).toSVG() || null;
+  jn(t, e, i, s, r, n, o, c) {
+    const l = i + (r - c * (o / e.head.unitsPerEm)) / 2, f = s + (n + 0.7 * o) / 2;
+    return this.Xn(t, e, l, f, o).toSVG() || null;
   }
 }
-class Bt {
+class Jt {
   constructor() {
-    c(this, "kn");
-    this.kn = new Wt();
+    a(this, "Yn");
+    this.Yn = new qt();
   }
-  Pn(t) {
+  qn(t) {
     const { width: e, height: i } = t;
     return `<?xml version="1.0" encoding="UTF-8"?><svg width="${e}" height="${i}" viewBox="0 0 ${e} ${i}" xmlns="http://www.w3.org/2000/svg"><title>textmode.js sketch</title>`;
   }
-  Tn() {
+  Zn() {
     return "</g></svg>";
   }
-  An(t, e) {
+  Jn(t, e) {
     if (!e.includeBackgroundRectangles) return "";
-    const [i, r, s, n] = e.backgroundColor;
-    return `<rect width="${t.width}" height="${t.height}" fill="rgba(${i},${r},${s},${n / 255})"/>`;
+    const [i, s, r, n] = e.backgroundColor;
+    return `<rect width="${t.width}" height="${t.height}" fill="rgba(${i},${s},${r},${n / 255})"/>`;
   }
-  Gn(t, e) {
-    const { transform: i, position: r } = t;
+  Qn(t, e) {
+    const { transform: i, position: s } = t;
     if (!i.flipHorizontal && !i.flipVertical && !i.rotation) return "";
-    const s = r.cellX + e.cellWidth / 2, n = r.cellY + e.cellHeight / 2, o = [];
+    const r = s.cellX + e.cellWidth / 2, n = s.cellY + e.cellHeight / 2, o = [];
     if (i.flipHorizontal || i.flipVertical) {
-      const h = i.flipHorizontal ? -1 : 1, l = i.flipVertical ? -1 : 1;
-      o.push(`translate(${s} ${n})scale(${h} ${l})translate(${-s} ${-n})`);
+      const c = i.flipHorizontal ? -1 : 1, l = i.flipVertical ? -1 : 1;
+      o.push(`translate(${r} ${n})scale(${c} ${l})translate(${-r} ${-n})`);
     }
-    return i.rotation && o.push(`rotate(${i.rotation} ${s} ${n})`), ` transform="${o.join(" ")}"`;
+    return i.rotation && o.push(`rotate(${i.rotation} ${r} ${n})`), ` transform="${o.join(" ")}"`;
   }
-  Ln(t, e, i) {
+  eo(t, e, i) {
     if (!i.includeBackgroundRectangles || t.secondaryColor.a === 0) return "";
-    const { position: r } = t, { r: s, g: n, b: o, a: h } = t.secondaryColor, l = `rgba(${s},${n},${o},${h / 255})`;
-    return i.drawMode === "stroke" ? `<rect x="${r.cellX}" y="${r.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" stroke="${l}" fill="none" stroke-width="${i.strokeWidth}"/>` : `<rect x="${r.cellX}" y="${r.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" fill="${l}"/>`;
+    const { position: s } = t, { r, g: n, b: o, a: c } = t.secondaryColor, l = `rgba(${r},${n},${o},${c / 255})`;
+    return i.drawMode === "stroke" ? `<rect x="${s.cellX}" y="${s.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" stroke="${l}" fill="none" stroke-width="${i.strokeWidth}"/>` : `<rect x="${s.cellX}" y="${s.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" fill="${l}"/>`;
   }
-  Fn(t, e, i, r) {
-    const s = i.characters[t.charIndex];
-    if (!s) return "";
-    const n = this.kn.zn(s.character, i.font, t.position.cellX, t.position.cellY, e.cellWidth, e.cellHeight, i.fontSize, s.advanceWidth);
+  Xn(t, e, i, s) {
+    const r = i.characters[t.charIndex];
+    if (!r) return "";
+    const n = this.Yn.jn(r.character, i.font, t.position.cellX, t.position.cellY, e.cellWidth, e.cellHeight, i.fontSize, r.advanceWidth);
     if (!n) return "";
-    const { r: o, g: h, b: l, a: u } = t.primaryColor, f = `rgba(${o},${h},${l},${u / 255})`;
-    return r.drawMode === "stroke" ? `<path d="${n}" stroke="${f}" stroke-width="${r.strokeWidth}" fill="none"/>` : `<path d="${n}" fill="${f}"/>`;
+    const { r: o, g: c, b: l, a: f } = t.primaryColor, u = `rgba(${o},${c},${l},${f / 255})`;
+    return s.drawMode === "stroke" ? `<path d="${n}" stroke="${u}" stroke-width="${s.strokeWidth}" fill="none"/>` : `<path d="${n}" fill="${u}"/>`;
   }
-  En(t, e, i, r) {
-    const s = [], n = this.Ln(t, e, r);
-    n && s.push(n);
-    const o = this.Fn(t, e, i, r);
+  so(t, e, i, s) {
+    const r = [], n = this.eo(t, e, s);
+    n && r.push(n);
+    const o = this.Xn(t, e, i, s);
     if (o) {
-      const h = this.Gn(t, e);
-      s.push(h ? `<g${h}>${o}</g>` : o);
+      const c = this.Qn(t, e);
+      r.push(c ? `<g${c}>${o}</g>` : o);
     }
-    return s.join("");
+    return r.join("");
   }
-  Bn(t, e, i, r) {
-    const s = [this.Pn(e), this.An(e, r), '<g id="ascii-cells">'];
-    for (const n of t) s.push(this.En(n, e, i, r));
-    return s.push(this.Tn()), s.join("");
+  io(t, e, i, s) {
+    const r = [this.qn(e), this.Jn(e, s), '<g id="ascii-cells">'];
+    for (const n of t) r.push(this.so(n, e, i, s));
+    return r.push(this.Zn()), r.join("");
   }
-  Dn(t) {
+  ro(t) {
     return t.replace(/<path[^>]*d=""[^>]*\/>/g, "").replace(/\s+/g, " ").replace(/> </g, "><");
   }
 }
-class Dt extends O {
-  Wn(t) {
-    return this.gn(t, "image/svg+xml;charset=utf-8");
+class Zt extends Z {
+  no(t) {
+    return this.kn(t, "image/svg+xml;charset=utf-8");
   }
-  In(t, e) {
-    this.mn(t, this.$n(e) + ".svg", "image/svg+xml;charset=utf-8");
+  oo(t, e) {
+    this.Pn(t, this.Dn(e) + ".svg", "image/svg+xml;charset=utf-8");
   }
-  Un(t, e) {
-    this.In(t, e || this.Cn());
+  ao(t, e) {
+    this.oo(t, e || this.In());
   }
 }
-class X {
+class st {
   constructor() {
-    c(this, "Vn");
-    c(this, "On");
-    c(this, "Hn");
-    this.Vn = new zt(), this.On = new Bt(), this.Hn = new Dt();
+    a(this, "ho");
+    a(this, "co");
+    a(this, "lo");
+    this.ho = new Kt(), this.co = new Jt(), this.lo = new Zt();
   }
-  Kn(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.Hn.Cn() };
+  uo(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.lo.In() };
   }
-  Nn(t, e = {}) {
-    const i = this.Vn.bn(this.Vn.dn(t.pipeline), t.grid), r = this.On.Bn(i, t.grid, t.font, this.Kn(e));
-    return this.On.Dn(r);
+  fo(t, e = {}) {
+    const i = this.ho.Hn(this.ho.Tn(t.pipeline), t.grid), s = this.co.io(i, t.grid, t.font, this.uo(e));
+    return this.co.ro(s);
   }
-  Un(t, e = {}) {
-    this.Hn.Un(this.Nn(t, e), e.filename);
+  ao(t, e = {}) {
+    this.lo.ao(this.fo(t, e), e.filename);
   }
 }
-class $t extends $ {
-  Xn(t, e, i, r = " ") {
+class Qt extends J {
+  do(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 u = 0; u < e.cols; u++) {
-        const f = 4 * n, d = this._n(t.characterPixels, f), p = ((o = i.characters[d]) == null ? void 0 : o.character) || r;
-        l.push(p), n++;
+      for (let f = 0; f < e.cols; f++) {
+        const u = 4 * n, g = this.En(t.characterPixels, u), v = ((o = i.characters[g]) == null ? void 0 : o.character) || s;
+        l.push(v), n++;
       }
-      s.push(l);
+      r.push(l);
     }
-    return s;
+    return r;
   }
 }
-class Ot {
-  jn(t, e) {
+class te {
+  _o(t, e) {
     const i = [];
-    for (const s of t) {
-      let n = s.join("");
+    for (const r of t) {
+      let n = r.join("");
       e.preserveTrailingSpaces || (n = n.replace(/\s+$/, "")), i.push(n);
     }
-    const r = e.lineEnding === "crlf" ? `\r
+    const s = e.lineEnding === "crlf" ? `\r
 ` : `
 `;
-    return i.join(r);
+    return i.join(s);
   }
 }
-class Gt extends O {
-  Yn(t, e) {
-    const i = this.qn(e);
-    this.mn(t, i, "text/plain;charset=utf-8");
+class ee extends Z {
+  po(t, e) {
+    const i = this.mo(e);
+    this.Pn(t, i, "text/plain;charset=utf-8");
   }
-  qn(t) {
-    let e = this.$n(t);
-    return e === ".txt" || e.length <= 4 ? this.Cn() : e;
+  mo(t) {
+    let e = this.Dn(t);
+    return e === ".txt" || e.length <= 4 ? this.In() : e;
   }
 }
-class H {
+class rt {
   constructor() {
-    c(this, "Vn");
-    c(this, "On");
-    c(this, "Hn");
-    this.Vn = new $t(), this.On = new Ot(), this.Hn = new Gt();
+    a(this, "ho");
+    a(this, "co");
+    a(this, "lo");
+    this.ho = new Qt(), this.co = new te(), this.lo = new ee();
   }
-  Kn(t) {
-    return { preserveTrailingSpaces: t.preserveTrailingSpaces ?? !1, lineEnding: t.lineEnding ?? "lf", emptyCharacter: t.emptyCharacter ?? " ", filename: t.filename || this.Hn.Cn() };
+  uo(t) {
+    return { preserveTrailingSpaces: t.preserveTrailingSpaces ?? !1, lineEnding: t.lineEnding ?? "lf", emptyCharacter: t.emptyCharacter ?? " ", filename: t.filename || this.lo.In() };
   }
-  Zn(t, e = {}) {
-    const i = this.Kn(e), r = this.Vn.Xn(this.Vn.dn(t.pipeline), t.grid, t.font, i.emptyCharacter);
-    return this.On.jn(r, i);
+  vo(t, e = {}) {
+    const i = this.uo(e), s = this.ho.do(this.ho.Tn(t.pipeline), t.grid, t.font, i.emptyCharacter);
+    return this.co._o(s, i);
   }
-  Yn(t, e = {}) {
-    this.Hn.Yn(this.Zn(t, e), e.filename);
+  po(t, e = {}) {
+    this.lo.po(this.vo(t, e), e.filename);
   }
 }
-class Yt extends $ {
-  Jn(t, e = 1, i = "transparent") {
-    const r = t.canvas;
-    if (e === 1 && i === "transparent") return r;
-    const s = document.createElement("canvas"), n = s.getContext("2d"), o = Math.round(r.width * e), h = Math.round(r.height * e);
-    return s.width = o, s.height = h, i !== "transparent" && (n.fillStyle = i, n.fillRect(0, 0, o, h)), n.imageSmoothingEnabled = !1, n.drawImage(r, 0, 0, r.width, r.height, 0, 0, o, h), s;
+class ie extends J {
+  yo(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 Nt {
-  Qn(t, e) {
-    const i = this.eo(e.format);
+class se {
+  Co(t, e) {
+    const i = this.wo(e.format);
     return e.format === "png" ? t.toDataURL(i) : t.toDataURL(i, e.quality);
   }
-  async so(t, e) {
-    return new Promise((i, r) => {
-      const s = this.eo(e.format), n = (o) => {
-        o ? i(o) : r(Error(`Failed to generate ${e.format.toUpperCase()} blob`));
+  async $o(t, e) {
+    return new Promise((i, s) => {
+      const r = this.wo(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);
     });
   }
-  eo(t) {
+  wo(t) {
     switch (t) {
       case "png":
         return "image/png";
@@ -2189,270 +2480,282 @@ class Nt {
     }
   }
 }
-const Vt = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, K = { png: ".png", jpg: ".jpg", webp: ".webp" };
-class Xt extends O {
-  io(t, e, i) {
-    this.ro(t, this.$n(e) + K[i]);
+const re = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, nt = { png: ".png", jpg: ".jpg", webp: ".webp" };
+class ne extends Z {
+  bo(t, e, i) {
+    this.xo(t, this.Dn(e) + nt[i]);
   }
-  ro(t, e) {
+  xo(t, e) {
     const i = URL.createObjectURL(t);
     try {
-      const r = document.createElement("a");
-      r.href = i, r.download = e, r.style.display = "none", r.rel = "noopener", document.body.appendChild(r), r.click(), document.body.removeChild(r);
+      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(i);
     }
   }
-  no(t) {
-    return t in Vt && t in K;
+  Fo(t) {
+    return t in re && t in nt;
   }
 }
-class Ht {
+class oe {
   constructor() {
-    c(this, "Vn");
-    c(this, "On");
-    c(this, "Hn");
-    this.Vn = new Yt(), this.On = new Nt(), this.Hn = new Xt();
+    a(this, "ho");
+    a(this, "co");
+    a(this, "lo");
+    this.ho = new ie(), this.co = new se(), this.lo = new ne();
   }
-  Kn(t) {
-    return { format: t.format ?? "png", quality: t.quality ?? 1, scale: t.scale ?? 1, backgroundColor: t.backgroundColor ?? "transparent", filename: t.filename || this.Hn.Cn() };
+  uo(t) {
+    return { format: t.format ?? "png", quality: t.quality ?? 1, scale: t.scale ?? 1, backgroundColor: t.backgroundColor ?? "transparent", filename: t.filename || this.lo.In() };
   }
-  oo(t) {
-    if (!this.Hn.no(t.format)) throw Error(`Saving '${t.format}' files is not supported`);
+  Mo(t) {
+    if (!this.lo.Fo(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 so(t, e) {
-    if (e.scale === 1 && e.backgroundColor === "transparent") return await this.On.so(t.canvas, e);
-    const i = this.Vn.Jn(t, e.scale, e.backgroundColor);
-    return await this.On.so(i, e);
+  async $o(t, e) {
+    if (e.scale === 1 && e.backgroundColor === "transparent") return await this.co.$o(t.canvas, e);
+    const i = this.ho.yo(t, e.scale, e.backgroundColor);
+    return await this.co.$o(i, e);
   }
-  async io(t, e = {}) {
-    const i = this.Kn(e);
-    this.oo(i);
-    const r = await this.so(t, i);
-    this.Hn.io(r, i.filename, i.format);
+  async bo(t, e = {}) {
+    const i = this.uo(e);
+    this.Mo(i);
+    const s = await this.$o(t, i);
+    this.lo.bo(s, i.filename, i.format);
   }
 }
-const Kt = (a) => class extends a {
-  ao() {
-    this.kt.Dt(this.ho);
+const he = (h) => class extends h {
+  Ro() {
+    this.xt.Et(this.So);
   }
   toString(t = {}) {
-    return this.ao(), new H().Zn({ pipeline: this.co, grid: this.Wr, font: this.Fi }, t);
+    return this.Ro(), new rt().vo({ pipeline: this.Ao, grid: this.rn, font: this.Ei }, t);
   }
   saveStrings(t = {}) {
-    this.ao(), new H().Yn({ pipeline: this.co, grid: this.Wr, font: this.Fi }, t);
+    this.Ro(), new rt().po({ pipeline: this.Ao, grid: this.rn, font: this.Ei }, t);
   }
   toSVG(t = {}) {
-    return this.ao(), new X().Nn({ pipeline: this.co, grid: this.Wr, font: this.Fi }, t);
+    return this.Ro(), new st().fo({ pipeline: this.Ao, grid: this.rn, font: this.Ei }, t);
   }
   saveSVG(t = {}) {
-    this.ao(), new X().Un({ pipeline: this.co, grid: this.Wr, font: this.Fi }, t);
+    this.Ro(), new st().ao({ pipeline: this.Ao, grid: this.rn, font: this.Ei }, t);
   }
   async saveCanvas(t = {}) {
-    await new Ht().io(this.Yi, t);
+    await new oe().bo(this.tr, t);
   }
-}, Zt = (a) => class extends a {
+}, ae = (h) => class extends h {
   async loadFont(t) {
-    return this.Fi.Hi(t).then(() => {
-      const e = this.Fi.maxGlyphDimensions;
-      this.Wr.Ji(e.width, e.height), this.co.resize(this.Wr.cols, this.Wr.rows), this.kt.Hs(), this.lo.tn();
+    return this.Ei.Yi(t).then(() => {
+      const e = this.Ei.maxGlyphDimensions;
+      this.rn.rr(e.width, e.height), this.Ao.resize(this.rn.cols, this.rn.rows), this.xt.Zs(), this.zo.Cn();
     });
   }
   fontSize(t) {
-    if (!M.M(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.Fi.fontSize === t) return;
-    this.Fi.Oi(t);
-    const e = this.Fi.maxGlyphDimensions;
-    this.Wr.Ji(e.width, e.height), this.co.resize(this.Wr.cols, this.Wr.rows), this.kt.Hs(), this.lo.tn();
+    if (!z.v(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.Ei.fontSize === t) return;
+    this.Ei.ji(t);
+    const e = this.Ei.maxGlyphDimensions;
+    this.rn.rr(e.width, e.height), this.Ao.resize(this.rn.cols, this.rn.rows), this.xt.Zs(), this.zo.Cn();
   }
   glyphColor(t) {
-    return this.Fi.Mi(t);
+    return this.Ei.zi(t);
   }
   glyphColors(t) {
-    return this.Fi.Si(t);
+    return this.Ei.Ti(t);
   }
-}, jt = (a) => class extends a {
+}, ce = (h) => class extends h {
   get frameCount() {
-    return this.uo.frameCount;
+    return this.To.frameCount;
   }
   set frameCount(t) {
-    this.uo.frameCount = t;
+    this.To.frameCount = t;
   }
   frameRate(t) {
-    return t === void 0 ? this.uo.currentFrameRate : this.uo.frameRate(t, () => this.fo());
+    return t === void 0 ? this.To.currentFrameRate : this.To.frameRate(t, () => this.Eo());
   }
   noLoop() {
-    this.uo.pause();
+    this.To.pause();
   }
   loop() {
-    this.uo.resume(() => this.fo());
+    this.To.resume(() => this.Eo());
   }
   redraw(t = 1) {
-    if (M.M(typeof t == "number" && t > 0 && Number.isInteger(t), "Redraw count must be a positive integer.", { method: "redraw", providedValue: t })) for (let e = 0; e < t; e++) this.fo();
+    if (z.v(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.Eo();
   }
   isLooping() {
-    return this.uo.isLooping;
+    return this.To.isLooping;
   }
-}, qt = (a) => class extends a {
+}, le = (h) => class extends h {
   constructor(...t) {
     super(...t);
   }
   mouseClicked(t) {
-    this.lo.cn(t);
+    this.zo.Rn(t);
   }
   mousePressed(t) {
-    this.lo.kr(t);
+    this.zo.jr(t);
   }
   mouseReleased(t) {
-    this.lo.Pr(t);
+    this.zo.Yr(t);
   }
   mouseMoved(t) {
-    this.lo.ln(t);
+    this.zo.Sn(t);
   }
   mouseScrolled(t) {
-    this.lo.un(t);
+    this.zo.An(t);
   }
   get mouse() {
-    return this.lo.fn();
+    return this.zo.zn();
   }
-}, Jt = (a) => class extends a {
+}, ue = (h) => class extends h {
   constructor(...t) {
     super(...t);
   }
   keyPressed(t) {
-    this.do.kr(t);
+    this.Lo.jr(t);
   }
   keyReleased(t) {
-    this.do.Pr(t);
+    this.Lo.Yr(t);
   }
   isKeyPressed(t) {
-    return this.do.Tr(t);
+    return this.Lo.qr(t);
   }
   get lastKeyPressed() {
-    return this.do.Gr();
+    return this.Lo.Jr();
   }
   get lastKeyReleased() {
-    return this.do.Lr();
+    return this.Lo.Qr();
   }
   get pressedKeys() {
-    return this.do.Er();
+    return this.Lo.tn();
   }
   get modifierState() {
-    return this.do.Br();
+    return this.Lo.en();
   }
 };
-class Qt {
+class fe {
   constructor() {
-    c(this, "kt");
-    c(this, "Fi");
-    c(this, "Yi");
-    c(this, "Wr");
-    c(this, "uo");
-    c(this, "lo");
-    c(this, "do");
-    c(this, "ho");
-    c(this, "co");
-    c(this, "_o");
-  }
-  fo() {
+    a(this, "xt");
+    a(this, "Ei");
+    a(this, "tr");
+    a(this, "rn");
+    a(this, "To");
+    a(this, "zo");
+    a(this, "Lo");
+    a(this, "So");
+    a(this, "Ao");
+    a(this, "ko");
+    a(this, "Po");
+    a(this, "Go");
+  }
+  Eo() {
   }
 }
-class te extends function(e, ...i) {
-  return i.reduce((r, s) => s(r), e);
-}(Qt, kt, Kt, Zt, jt, qt, Jt) {
+class de extends function(e, ...i) {
+  return i.reduce((s, r) => r(s), e);
+}(fe, jt, he, ae, ce, le, ue) {
   constructor(e = {}) {
     super();
-    c(this, "po", !1);
-    c(this, "mo", () => {
-    });
-    c(this, "vo", () => {
+    a(this, "Bo", !1);
+    a(this, "Do", () => {
     });
-    c(this, "yo", () => {
+    a(this, "Io", () => {
     });
-    c(this, "$o");
-    this.Yi = new Pt(e), this.kt = new vt(this.Yi.ir()), this.Fi = new St(this.kt, e.fontSize ?? 16), this.uo = new Mt(e.frameRate ?? 60), this.lo = new It(this.Yi), this.do = new Ut(), this.ho = this.kt.Bt(), this._o = this.kt.ae(), this.Co(e);
-  }
-  async Co(e) {
-    await this.Fi.Ii(e.fontSource);
-    const i = this.Fi.maxGlyphDimensions;
-    this.Wr = new Lt(this.Yi.canvas, i.width, i.height), this.lo.Ii(this.Wr), this.co = this.kt.Us(this.Wr.cols, this.Wr.rows, 5), this.wo(), this.mo(), this.uo.start(() => this.fo());
-  }
-  wo() {
-    this.$o = () => {
-      this.yo();
-    }, window.addEventListener("resize", this.$o), this.lo.Mr(), this.do.Mr(), window.addEventListener("blur", () => {
-      this.do.Dr();
+    a(this, "Wo", () => {
     });
-  }
-  fo() {
-    if (this.uo.measureFrameRate(), this.uo.incrementFrame(), this.po) return;
-    this.co.begin(), this.kt.ks(this.ho), this.vo(), this.kt.Dt(this.ho), this.co.end();
-    const e = this.kt.state.canvasBackgroundColor;
-    this.kt.He(e[0], e[1], e[2], e[3]), this.kt.ks(this._o), this._o.Zt({ a: this.Fi.fontFramebuffer, b: [this.Fi.textureColumns, this.Fi.textureRows], c: this.co.textures[0], d: this.co.textures[1], e: this.co.textures[2], f: this.co.textures[4], g: this.co.textures[3], h: [this.Wr.cols, this.Wr.rows], i: [this.Wr.width, this.Wr.height], j: [this.Wr.offsetX, this.Wr.offsetY], k: this.Wr.width / this.Wr.height }), this.kt.Ls(this.Wr.offsetX, this.Wr.offsetY, this.Wr.width, this.Wr.height);
+    a(this, "Oo");
+    a(this, "hr");
+    a(this, "ar", !1);
+    a(this, "Ho");
+    this.ar = e.overlay ?? !1, this.tr = new Xt(e), this.xt = new Ft(this.tr.mr()), this.Ei = new Nt(this.xt, e.fontSize ?? 16), this.To = new Ht(e.frameRate ?? 60), this.zo = new Vt(this.tr), this.Lo = new Yt(), this.So = this.xt.Tt(), this.ko = this.xt.re(), this.Vo(e);
+  }
+  async Vo(e) {
+    await this.Ei.Ki(e.fontSource);
+    const i = this.Ei.maxGlyphDimensions;
+    this.rn = new Wt(this.tr.canvas, i.width, i.height), this.zo.Ki(this.rn), this.Ao = this.xt.js(this.rn.cols, this.rn.rows, 5), this.Po = this.xt.js(this.rn.width, this.rn.height, 1), this.ar && (this.Ho = $.fromSource(this.xt, this.tr.targetCanvas, (s) => this.Ei.Ti(s))), this.Go = this.xt.ae(at, "precision mediump float;uniform sampler2D Ua;uniform vec2 Ub;uniform vec2 Uc;uniform vec2 Ud;void main(){vec2 A=gl_FragCoord.xy-Uc;vec2 B=A*(Ub/Ud);vec2 C=(floor(B)+0.5)/Ub;gl_FragColor=texture2D(Ua,C);}"), this.Ko(), this.Do(), this.To.start(() => this.Eo());
+  }
+  Ko() {
+    this.Oo = () => {
+      this.ar && this.resizeCanvas(this.tr.width, this.tr.height), this.Wo();
+    }, window.addEventListener("resize", this.Oo), this.zo.Vr(), this.Lo.Vr(), window.addEventListener("blur", () => {
+      this.Lo.sn();
+    }), window.ResizeObserver && this.ar && (this.hr = new ResizeObserver(() => {
+      this.resizeCanvas(this.tr.targetCanvas.width, this.tr.targetCanvas.height);
+    }), this.hr.observe(this.tr.targetCanvas));
+  }
+  Eo() {
+    if (this.To.measureFrameRate(), this.To.incrementFrame(), this.Bo) return;
+    if (this.ar) {
+      const i = this.xt.context;
+      i.bindTexture(i.TEXTURE_2D, this.Ho.texture), i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, 1), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, i.RGBA, i.UNSIGNED_BYTE, this.tr.targetCanvas), i.bindTexture(i.TEXTURE_2D, null), this.Ao.begin(), this.xt.Ws(this.Ho, 0, 0, this.rn.cols, this.rn.rows), this.xt.Gs(this.So), this.Io(), this.xt.Et(this.So), this.Ao.end();
+    } else this.Ao.begin(), this.xt.Gs(this.So), this.Io(), this.xt.Et(this.So), this.Ao.end();
+    this.Po.begin(), this.xt.Gs(this.ko), this.ko.Nt({ U0: this.Ei.fontFramebuffer, U1: [this.Ei.textureColumns, this.Ei.textureRows], U2: this.Ao.textures[0], U3: this.Ao.textures[1], U4: this.Ao.textures[2], U5: this.Ao.textures[4], U6: this.Ao.textures[3], U7: [this.rn.cols, this.rn.rows], U8: [this.Po.width, this.Po.height], U9: this.Po.width / this.Po.height }), this.xt.Os(0, 0, this.tr.width, this.tr.height), this.Po.end();
+    const e = this.xt.state.canvasBackgroundColor;
+    this.xt.He(e[0], e[1], e[2], e[3]), this.xt.Gs(this.Go), this.Go.Nt({ Ua: this.Po.textures[0], Ub: [this.Po.width, this.Po.height], Uc: [this.rn.offsetX, this.rn.offsetY], Ud: [this.rn.width, this.rn.height] }), this.xt.Os(this.rn.offsetX, this.rn.offsetY, this.rn.width, this.rn.height);
   }
   setup(e) {
-    this.mo = e;
+    this.Do = e;
   }
   draw(e) {
-    this.vo = e;
+    this.Io = e;
   }
   windowResized(e) {
-    this.yo = e;
+    this.Wo = e;
   }
   resizeCanvas(e, i) {
-    this.Yi.sr(e, i), this.Wr.rt(), this.co.resize(this.Wr.cols, this.Wr.rows), this.kt.Hs(), this.lo.tn(), this.fo();
+    this.tr.pr(e, i), this.rn.ir(), this.Ao.resize(this.rn.cols, this.rn.rows), this.Po.resize(this.rn.width, this.rn.height), this.xt.Zs(), this.zo.Cn(), this.Eo();
   }
   destroy() {
-    this.po || (this.uo.stop(), window.removeEventListener("resize", this.$o), this.lo.zr(), this.do.zr(), this.Fi.Ut(), this.kt.Ut(), this.po = !0);
+    this.Bo || (this.To.stop(), window.removeEventListener("resize", this.Oo), this.zo.Xr(), this.Lo.Xr(), this.Ei.Pt(), this.xt.Pt(), this.Po.Pt(), this.Go.Pt(), this.Ho && this.Ho.Pt(), this.Bo = !0);
   }
   get grid() {
-    return this.Wr;
+    return this.rn;
   }
   get font() {
-    return this.Fi;
+    return this.Ei;
   }
   get width() {
-    return this.Yi.width;
+    return this.tr.width;
   }
   get height() {
-    return this.Yi.height;
+    return this.tr.height;
   }
   get canvas() {
-    return this.Yi.canvas;
+    return this.tr.canvas;
   }
   get isDisposed() {
-    return this.po;
+    return this.Bo;
   }
-  get drawFramebuffer() {
-    return this.co;
+  get overlay() {
+    return this.Ho;
   }
 }
-class G {
+class Q {
   constructor() {
   }
   static create(t = {}) {
-    return new te(t);
+    return new de(t);
   }
   static setErrorLevel(t) {
-    M.S(t);
+    z.C(t);
   }
   static get version() {
-    return "0.2.1-beta.4";
+    return "0.2.1-beta.6";
   }
 }
-const ie = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), re = G.create, se = G.setErrorLevel, ne = G.version;
+const pe = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), me = Q.create, ve = Q.setErrorLevel, xe = Q.version;
 export {
-  Pt as TextmodeCanvas,
-  et as TextmodeErrorLevel,
-  St as TextmodeFont,
-  D as TextmodeFramebuffer,
-  Lt as TextmodeGrid,
-  te as Textmodifier,
-  re as create,
-  ie as export,
-  se as setErrorLevel,
-  G as textmode,
-  ne as version
+  Xt as TextmodeCanvas,
+  ut as TextmodeErrorLevel,
+  Nt as TextmodeFont,
+  K as TextmodeFramebuffer,
+  Wt as TextmodeGrid,
+  $ as TextmodeImage,
+  de as Textmodifier,
+  me as create,
+  pe as export,
+  ve as setErrorLevel,
+  Q as textmode,
+  xe as version
 };