textmode.js 0.1.9 → 0.2.0-beta.2

package/dist/textmode.esm.min.js

@@ -1,82 +1,156 @@
-var st = Object.defineProperty;
-var it = (a, t, e) => t in a ? st(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var h = (a, t, e) => it(a, typeof t != "symbol" ? t + "" : t, e);
-class w extends Error {
+var q = Object.defineProperty;
+var Z = (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) => Z(a, typeof t != "symbol" ? t + "" : t, e);
+class y extends Error {
   constructor(t, e = {}) {
-    super(w.i(t, e)), this.name = "TextmodeError";
+    super(y.i(t, e)), this.name = "TextmodeError";
   }
   static i(t, e) {
-    let r = t;
+    let i = t;
     if (e && Object.keys(e).length > 0) {
-      r += `
+      i += `
 
 📋 Context:`;
-      for (const [s, i] of Object.entries(e))
-        r += `
-  - ${s}: ${w.o(i)}`;
+      for (const [r, s] of Object.entries(e))
+        i += `
+  - ${r}: ${y.o(s)}`;
     }
-    return r += `
+    return i += `
 
-`, r += "↓".repeat(24) + `
-`, r;
+`, i += "↓".repeat(24) + `
+`, i;
   }
   static o(t) {
     if (t === null) return "null";
     if (t === void 0) return "undefined";
     if (typeof t == "string") return `"${t}"`;
     if (typeof t == "number" || typeof t == "boolean") return t + "";
-    if (Array.isArray(t)) return t.length === 0 ? "[]" : t.length <= 5 ? `[${t.map((e) => w.o(e)).join(", ")}]` : `[${t.slice(0, 3).map((e) => w.o(e)).join(", ")}, ... +${t.length - 3} more]`;
+    if (Array.isArray(t)) return t.length === 0 ? "[]" : t.length <= 5 ? `[${t.map((e) => y.o(e)).join(", ")}]` : `[${t.slice(0, 3).map((e) => y.o(e)).join(", ")}, ... +${t.length - 3} more]`;
     if (typeof t == "object") {
       const e = Object.keys(t);
-      return e.length === 0 ? "{}" : e.length <= 3 ? `{ ${e.map((r) => `${r}: ${w.o(t[r])}`).join(", ")} }` : `{ ${e.slice(0, 2).map((r) => `${r}: ${w.o(t[r])}`).join(", ")}, ... +${e.length - 2} more }`;
+      return e.length === 0 ? "{}" : e.length <= 3 ? `{ ${e.map((i) => `${i}: ${y.o(t[i])}`).join(", ")} }` : `{ ${e.slice(0, 2).map((i) => `${i}: ${y.o(t[i])}`).join(", ")}, ... +${e.length - 2} more }`;
     }
     return t + "";
   }
 }
-var ot = ((a) => (a[a.SILENT = 0] = "SILENT", a[a.WARNING = 1] = "WARNING", a[a.ERROR = 2] = "ERROR", a[a.THROW = 3] = "THROW", a))(ot || {});
-const A = class A {
+var Q = ((a) => (a[a.SILENT = 0] = "SILENT", a[a.WARNING = 1] = "WARNING", a[a.ERROR = 2] = "ERROR", a[a.THROW = 3] = "THROW", a))(Q || {});
+const _ = class _ {
   constructor() {
-    h(this, "l", { globalLevel: 3 });
+    c(this, "l", { globalLevel: 3 });
   }
   static u() {
-    return A.h || (A.h = new A()), A.h;
+    return _.h || (_.h = new _()), _.h;
   }
   p(t, e) {
-    const r = "%c[textmode.js] Oops! (╯°□°)╯︵ Something went wrong in your code.", s = "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;";
+    const i = "%c[textmode.js] Oops! (╯°□°)╯︵ Something went wrong in your code.", r = "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;";
     switch (this.l.globalLevel) {
       case 0:
         return !1;
       case 1:
-        return console.group(r, s), console.warn(w.i(t, e)), console.groupEnd(), !1;
+        return console.group(i, r), console.warn(y.i(t, e)), console.groupEnd(), !1;
       case 2:
-        return console.group(r, s), console.error(w.i(t, e)), console.groupEnd(), !1;
+        return console.group(i, r), console.error(y.i(t, e)), console.groupEnd(), !1;
       default:
-        throw new w(t, e);
+        throw new y(t, e);
     }
   }
-  m(t, e, r) {
-    return !!t || (this.p(e, r), !1);
+  _(t, e, i) {
+    return !!t || (this.p(e, i), !1);
   }
-  _(t) {
+  m(t) {
     this.l.globalLevel = t;
   }
 };
-h(A, "h", null);
-let B = A;
-const x = B.u(), Y = /* @__PURE__ */ new WeakMap();
-function $(a, t) {
-  Y.set(a, t);
+c(_, "h", null);
+let B = _;
+const M = B.u(), X = /* @__PURE__ */ new WeakMap();
+function U(a, t) {
+  X.set(a, t);
 }
-function q(a) {
-  return Y.get(a);
+function I(a) {
+  return X.get(a);
 }
-class K {
-  constructor(t, e = t, r = {}) {
-    h(this, "v");
-    h(this, "C");
-    h(this, "l");
-    h(this, "$", null);
-    this.v = t, this.C = e, this.l = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...r };
+class j {
+  constructor(t, e, i = e, r = 1, s = {}) {
+    c(this, "v");
+    c(this, "C");
+    c(this, "l");
+    c(this, "$", null);
+    c(this, "R");
+    c(this, "M");
+    c(this, "S", []);
+    c(this, "A");
+    c(this, "P", null);
+    c(this, "F", []);
+    this.v = e, this.C = i, this.l = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...s }, this.R = t, this.A = Math.min(Math.max(1, r), 8);
+    const n = t.getParameter(t.MAX_DRAW_BUFFERS), o = t.getParameter(t.MAX_COLOR_ATTACHMENTS);
+    this.A = Math.min(this.A, n, o), this.M = t.createFramebuffer(), this.G(), this.D(), this.F = Array(this.A).fill(null);
+  }
+  G() {
+    const t = this.R, e = this.l.filter === "linear" ? t.LINEAR : t.NEAREST, i = this.l.wrap === "repeat" ? t.REPEAT : t.CLAMP_TO_EDGE, r = this.l.type === "float" ? t.FLOAT : t.UNSIGNED_BYTE;
+    for (let s = 0; s < this.A; s++) {
+      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.v, this.C, 0, t.RGBA, r, null), this.S.push(n);
+    }
+    t.bindTexture(t.TEXTURE_2D, null);
+  }
+  D() {
+    const t = this.R;
+    if (t.bindFramebuffer(t.FRAMEBUFFER, this.M), this.A === 1) t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, this.S[0], 0);
+    else {
+      const i = [];
+      for (let r = 0; r < this.A; r++) {
+        const s = t.COLOR_ATTACHMENT0 + r;
+        t.framebufferTexture2D(t.FRAMEBUFFER, s, t.TEXTURE_2D, this.S[r], 0), i.push(s);
+      }
+      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);
+  }
+  I(t) {
+    const e = this.R;
+    e.bindTexture(e.TEXTURE_2D, this.S[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);
+  }
+  L(t, e) {
+    this.v = t, this.C = e, this.$ = null, this.F = Array(this.A).fill(null);
+    const i = this.R, r = this.l.type === "float" ? i.FLOAT : i.UNSIGNED_BYTE;
+    for (const s of this.S) i.bindTexture(i.TEXTURE_2D, s), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, this.v, this.C, 0, i.RGBA, r, null);
+    i.bindTexture(i.TEXTURE_2D, null);
+  }
+  W(t) {
+    const e = this.R;
+    if (t < 0 || t >= this.A) throw Error(`GLFramebuffer: attachment index ${t} out of range (count=${this.A})`);
+    const i = this.F[t];
+    if (i) return i;
+    const r = this.v, s = this.C, n = new Uint8Array(r * s * 4), o = e.getParameter(e.READ_FRAMEBUFFER_BINDING);
+    e.bindFramebuffer(e.READ_FRAMEBUFFER, this.M), e.readBuffer(e.COLOR_ATTACHMENT0 + t), e.readPixels(0, 0, 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);
+    }
+    return this.F[t] = l, l;
+  }
+  k() {
+    for (let t = 0; t < this.A; t++) this.W(t);
+  }
+  V() {
+    const t = this.R;
+    this.P = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.M), this.F = Array(this.A).fill(null);
+    for (let e = 0; e < this.A; e++) t.clearBufferfv(t.COLOR, e, new Float32Array([0, 0, 0, 0]));
+    t.viewport(0, 0, this.v, this.C), U(t, [0, 0, this.v, this.C]);
+  }
+  O() {
+    if (!this.P) return;
+    const t = this.R;
+    t.bindFramebuffer(t.FRAMEBUFFER, this.P.framebuffer), t.viewport(...this.P.viewport), U(t, this.P.viewport), this.P = null;
+  }
+  U() {
+    const t = this.R;
+    this.M && t.deleteFramebuffer(this.M);
+    for (const e of this.S) t.deleteTexture(e);
+    this.S = [], this.F = [];
   }
   get width() {
     return this.v;
@@ -90,984 +164,1171 @@ class K {
   get options() {
     return { ...this.l };
   }
-  validateCoordinates(t, e, r = !0) {
-    return (t < 0 || e < 0 || t >= this.v || e >= this.C) && r && console.warn("The x and y values passed to Framebuffer.get are outside of its range and will be clamped."), [Math.max(0, Math.min(t, this.v - 1)), Math.max(0, Math.min(e, this.C - 1))];
-  }
-  validateRegion(t, e, r, s) {
-    return [t = Math.max(0, Math.min(t, this.v - 1)), e = Math.max(0, Math.min(e, this.C - 1)), r = Math.max(1, Math.min(r, this.v - t)), s = Math.max(1, Math.min(s, this.C - e))];
-  }
-  updateDimensions(t, e) {
-    this.v = t, this.C = e, this.$ = null;
-  }
-}
-class Q extends K {
-  constructor(e, r, s = r, i = {}) {
-    super(r, s, i);
-    h(this, "F");
-    h(this, "M");
-    h(this, "S");
-    h(this, "D", null);
-    this.F = e, this.S = this.R(), this.M = e.createFramebuffer(), this.V();
-  }
-  I(e) {
-    const { F: r } = this, s = r.getParameter(r.FRAMEBUFFER_BINDING);
-    r.bindFramebuffer(r.FRAMEBUFFER, this.M);
-    try {
-      return e();
-    } finally {
-      r.bindFramebuffer(r.FRAMEBUFFER, s);
-    }
-  }
-  R() {
-    const { F: e } = this, r = e.createTexture();
-    e.bindTexture(e.TEXTURE_2D, r);
-    const s = this.l.filter === "linear" ? e.LINEAR : e.NEAREST, i = this.l.wrap === "repeat" ? e.REPEAT : e.CLAMP_TO_EDGE;
-    return e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, s), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, s), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, i), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, i), this.k(), r;
-  }
-  k() {
-    const { F: e } = this, r = this.l.type === "float" ? e.FLOAT : e.UNSIGNED_BYTE;
-    e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, this.v, this.C, 0, e.RGBA, r, null);
-  }
-  V() {
-    const { F: e } = this;
-    e.bindFramebuffer(e.FRAMEBUFFER, this.M), e.framebufferTexture2D(e.FRAMEBUFFER, e.COLOR_ATTACHMENT0, e.TEXTURE_2D, this.S, 0), e.bindFramebuffer(e.FRAMEBUFFER, null);
-  }
-  P(e) {
-    const { F: r } = this;
-    r.bindTexture(r.TEXTURE_2D, this.S), r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL, 1), r.texImage2D(r.TEXTURE_2D, 0, r.RGBA, r.RGBA, r.UNSIGNED_BYTE, e), r.bindTexture(r.TEXTURE_2D, null);
-  }
-  updatePixels(e, r, s) {
-    const { F: i } = this;
-    i.bindTexture(i.TEXTURE_2D, this.S), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, r, s, 0, i.RGBA, i.UNSIGNED_BYTE, e), i.bindTexture(i.TEXTURE_2D, null);
-  }
-  resize(e, r) {
-    const { F: s } = this;
-    this.updateDimensions(e, r), s.bindTexture(s.TEXTURE_2D, this.S), this.k(), s.bindTexture(s.TEXTURE_2D, null);
-  }
-  begin() {
-    const { F: e } = this;
-    this.D = { framebuffer: e.getParameter(e.FRAMEBUFFER_BINDING), viewport: e.getParameter(e.VIEWPORT) }, e.bindFramebuffer(e.FRAMEBUFFER, this.M), e.viewport(0, 0, this.v, this.C), $(e, [0, 0, this.v, this.C]);
-  }
-  end() {
-    if (!this.D) return;
-    const { F: e } = this;
-    e.bindFramebuffer(e.FRAMEBUFFER, this.D.framebuffer), e.viewport(...this.D.viewport), $(e, this.D.viewport), this.D = null;
-  }
-  loadPixels() {
-    const { F: e } = this;
-    this.$ || (this.$ = new Uint8Array(this.v * this.C * 4)), this.I(() => {
-      e.readPixels(0, 0, this.v, this.C, e.RGBA, e.UNSIGNED_BYTE, this.$);
-    });
-  }
-  get(e, r, s, i) {
-    const { F: o } = this;
-    if (e === void 0 && r === void 0) {
-      const n = new Uint8Array(this.v * this.C * 4);
-      return this.I(() => (o.readPixels(0, 0, this.v, this.C, o.RGBA, o.UNSIGNED_BYTE, n), n));
-    }
-    if (s === void 0 && i === void 0) {
-      const [n, l] = this.validateCoordinates(e, r), c = new Uint8Array(4);
-      return this.I(() => (o.readPixels(n, l, 1, 1, o.RGBA, o.UNSIGNED_BYTE, c), [c[0], c[1], c[2], c[3]]));
-    }
-    {
-      const [n, l, c, u] = this.validateRegion(e, r, s, i), f = new Uint8Array(c * u * 4);
-      return this.I(() => (o.readPixels(n, l, c, u, o.RGBA, o.UNSIGNED_BYTE, f), f));
-    }
-  }
-  A() {
-    this.M && this.F.deleteFramebuffer(this.M), this.S && this.F.deleteTexture(this.S);
-  }
   get framebuffer() {
     return this.M;
   }
   get texture() {
-    return this.S;
+    return this.S[0];
   }
-}
-class J {
-  constructor() {
-    h(this, "G", !1);
+  get textures() {
+    return [...this.S];
   }
-  get isReady() {
-    return this.G;
+  get attachmentCount() {
+    return this.A;
   }
-  setUniforms(t) {
-    for (const [e, r] of Object.entries(t)) this.setUniform(e, r);
+  getAttachmentPixels(t) {
+    return this.F[t] ?? null;
   }
 }
-class y extends J {
-  constructor(e, r, s) {
-    super();
-    h(this, "F");
-    h(this, "U");
-    h(this, "L", /* @__PURE__ */ new Map());
-    h(this, "O", /* @__PURE__ */ new Map());
-    h(this, "j", 0);
-    h(this, "H");
-    this.F = e, this.U = this.W(r, s), this.H = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS), this.N(), this.G = !0;
-  }
-  static fromSource(e, r) {
-    return new y(e, r.vertex, r.fragment);
-  }
-  N() {
-    const e = this.F.getProgramParameter(this.U, this.F.ACTIVE_UNIFORMS);
-    for (let r = 0; r < e; r++) {
-      const s = this.F.getActiveUniform(this.U, r);
-      if (s) {
-        const i = this.F.getUniformLocation(this.U, s.name);
-        i && (this.L.set(s.name, i), this.O.set(s.name, s.type));
+class J {
+  constructor(t, e, i) {
+    c(this, "R");
+    c(this, "j");
+    c(this, "H", /* @__PURE__ */ new Map());
+    c(this, "q", /* @__PURE__ */ new Map());
+    c(this, "N", 0);
+    c(this, "X");
+    this.R = t, this.j = this.Y(e, i), this.X = t.getParameter(t.MAX_TEXTURE_IMAGE_UNITS), this.Z();
+  }
+  Z() {
+    const t = this.R.getProgramParameter(this.j, this.R.ACTIVE_UNIFORMS);
+    for (let e = 0; e < t; e++) {
+      const i = this.R.getActiveUniform(this.j, e);
+      if (i) {
+        const r = this.R.getUniformLocation(this.j, i.name);
+        r && (this.H.set(i.name, r), this.q.set(i.name, i.type));
       }
     }
   }
-  W(e, r) {
-    const s = this.X(this.F.VERTEX_SHADER, e), i = this.X(this.F.FRAGMENT_SHADER, r), o = this.F.createProgram();
-    if (this.F.attachShader(o, s), this.F.attachShader(o, i), this.F.linkProgram(o), !this.F.getProgramParameter(o, this.F.LINK_STATUS)) {
-      const n = this.F.getProgramInfoLog(o);
+  Y(t, e) {
+    const i = this.J(this.R.VERTEX_SHADER, t), r = this.J(this.R.FRAGMENT_SHADER, e), s = this.R.createProgram();
+    if (this.R.attachShader(s, i), this.R.attachShader(s, r), this.R.linkProgram(s), !this.R.getProgramParameter(s, this.R.LINK_STATUS)) {
+      const n = this.R.getProgramInfoLog(s);
       throw Error("Shader program link error: " + n);
     }
-    return this.F.deleteShader(s), this.F.deleteShader(i), o;
+    return this.R.deleteShader(i), this.R.deleteShader(r), s;
   }
-  X(e, r) {
-    const s = this.F.createShader(e);
-    if (this.F.shaderSource(s, r), this.F.compileShader(s), !this.F.getShaderParameter(s, this.F.COMPILE_STATUS)) {
-      const i = this.F.getShaderInfoLog(s);
-      throw this.F.deleteShader(s), Error("Shader compilation error: " + i);
+  J(t, e) {
+    const i = this.R.createShader(t);
+    if (this.R.shaderSource(i, e), this.R.compileShader(i), !this.R.getShaderParameter(i, this.R.COMPILE_STATUS)) {
+      const r = this.R.getShaderInfoLog(i);
+      throw this.R.deleteShader(i), Error("Shader compilation error: " + r);
     }
-    return s;
+    return i;
+  }
+  K() {
+    this.R.useProgram(this.j), this.tt();
   }
-  q() {
-    this.F.useProgram(this.U), this.Y();
+  tt() {
+    this.N = 0;
   }
-  Y() {
-    this.j = 0;
+  et(t) {
+    for (const [e, i] of Object.entries(t)) this.st(e, i);
   }
-  setUniform(e, r) {
-    const s = this.L.get(e);
-    if (s) if (typeof r == "number")
-      this.Z(e) ? this.F.uniform1i(s, Math.floor(r)) : this.F.uniform1f(s, r);
-    else if (typeof r == "boolean") this.F.uniform1i(s, r ? 1 : 0);
-    else if (Array.isArray(r)) switch (r.length) {
+  st(t, e) {
+    const i = this.H.get(t);
+    if (i) if (typeof e == "number") this.R.uniform1f(i, e);
+    else if (typeof e == "boolean") this.R.uniform1i(i, e ? 1 : 0);
+    else if (Array.isArray(e)) switch (e.length) {
       case 2:
-        this.F.uniform2f(s, r[0], r[1]);
+        this.R.uniform2f(i, e[0], e[1]);
         break;
       case 3:
-        this.F.uniform3f(s, r[0], r[1], r[2]);
+        this.R.uniform3f(i, e[0], e[1], e[2]);
         break;
       case 4:
-        this.F.uniform4f(s, r[0], r[1], r[2], r[3]);
+        this.R.uniform4f(i, e[0], e[1], e[2], e[3]);
         break;
       default:
-        console.warn(`Unsupported array length ${r.length} for uniform '${e}'`);
+        console.warn(`Unsupported array length ${e.length} for uniform '${t}'`);
     }
-    else if (r instanceof WebGLTexture) {
-      const i = this.J();
-      this.F.uniform1i(s, i), this.F.activeTexture(this.F.TEXTURE0 + i), this.F.bindTexture(this.F.TEXTURE_2D, r);
-    } else if (r instanceof Q) {
-      const i = this.J();
-      this.F.uniform1i(s, i), this.F.activeTexture(this.F.TEXTURE0 + i), this.F.bindTexture(this.F.TEXTURE_2D, r.texture);
-    } else if (typeof r == "object" && "texture" in r) {
-      const i = this.J();
-      this.F.uniform1i(s, i), this.F.activeTexture(this.F.TEXTURE0 + i), this.F.bindTexture(this.F.TEXTURE_2D, r.texture);
-    } else console.warn(`Unsupported uniform type for '${e}':`, typeof r);
-  }
-  J() {
-    return this.j >= this.H && console.warn(`Exceeded maximum texture units (${this.H}). Texture may not render correctly.`), this.j++;
-  }
-  Z(e) {
-    const r = this.O.get(e);
-    return !!r && (r === this.F.INT || r === this.F.INT_VEC2 || r === this.F.INT_VEC3 || r === this.F.INT_VEC4 || r === this.F.SAMPLER_2D || r === this.F.SAMPLER_CUBE);
-  }
-  get glProgram() {
-    return this.U;
-  }
-  A() {
-    this.F.deleteProgram(this.U);
+    else if (e instanceof WebGLTexture) {
+      const r = this.it();
+      this.R.uniform1i(i, r), this.R.activeTexture(this.R.TEXTURE0 + r), this.R.bindTexture(this.R.TEXTURE_2D, e);
+    } else if (e instanceof j) {
+      const r = this.it();
+      this.R.uniform1i(i, r), this.R.activeTexture(this.R.TEXTURE0 + r), this.R.bindTexture(this.R.TEXTURE_2D, e.texture);
+    } else if (typeof e == "object" && "texture" in e) {
+      const r = this.it();
+      this.R.uniform1i(i, r), this.R.activeTexture(this.R.TEXTURE0 + r), this.R.bindTexture(this.R.TEXTURE_2D, e.texture);
+    } else console.warn(`Unsupported uniform type for '${t}':`, typeof e);
+  }
+  it() {
+    return this.N >= this.X && console.warn(`Exceeded maximum texture units (${this.X}). Texture may not render correctly.`), this.N++;
+  }
+  get rt() {
+    return this.j;
+  }
+  U() {
+    this.R.deleteProgram(this.j);
   }
 }
-class tt {
-  constructor(t) {
-    h(this, "F");
-    h(this, "K", null);
-    h(this, "tt", 16);
-    h(this, "et", /* @__PURE__ */ new Map());
-    this.F = t;
-  }
-  rt() {
-    if (this.K) return;
-    const t = this.F;
-    this.K = t.createBuffer(), t.bindBuffer(t.ARRAY_BUFFER, this.K);
-  }
-  st() {
-    const t = this.F, e = t.getParameter(t.CURRENT_PROGRAM);
-    let r = this.et.get(e);
-    return r || (r = { a_position: t.getAttribLocation(e, "a_position"), a_texCoord: t.getAttribLocation(e, "a_texCoord") }, this.et.set(e, r)), t.enableVertexAttribArray(r.a_position), t.vertexAttribPointer(r.a_position, 2, t.FLOAT, !1, this.tt, 0), t.enableVertexAttribArray(r.a_texCoord), t.vertexAttribPointer(r.a_texCoord, 2, t.FLOAT, !1, this.tt, 8), { positionLoc: r.a_position, texLoc: r.a_texCoord };
-  }
-  it(t, e) {
-    const r = this.F;
-    r.disableVertexAttribArray(t), r.disableVertexAttribArray(e);
-  }
-  ot(t, e) {
-    const r = this.F, s = q(r) || [0, 0, r.canvas.width, r.canvas.height];
-    return { nx: t / s[2] * 2 - 1, ny: 1 - e / s[3] * 2 };
-  }
-  nt(t, e, r, s) {
-    const i = this.F;
-    this.rt(), i.bindBuffer(i.ARRAY_BUFFER, this.K);
-    const o = new Float32Array([t, s, 0, 0, r, s, 1, 0, t, e, 0, 1, t, e, 0, 1, r, s, 1, 0, r, e, 1, 1]);
-    i.bufferData(i.ARRAY_BUFFER, o, i.DYNAMIC_DRAW);
-  }
-  A() {
-    this.K && this.F.deleteBuffer(this.K);
+class K {
+  constructor() {
+    c(this, "nt", 1);
+    c(this, "ot", 0);
+    c(this, "ht", [0, 0, 0]);
+    c(this, "ct", [1, 1, 1, 1]);
+    c(this, "lt", [0, 0, 0, 1]);
+    c(this, "ut", !1);
+    c(this, "ft", !1);
+    c(this, "dt", !1);
+    c(this, "gt", [0, 0]);
+    c(this, "_t", [0, 0, 0, 1]);
+    c(this, "vt", []);
+  }
+  xt() {
+    this.vt.push({ lineWeight: this.nt, rotation: this.ot, charRotation: [...this.gt], flipHorizontally: this.ut, flipVertically: this.ft, invert: this.dt, character: [...this.ht], charColor: [...this.ct], cellColor: [...this.lt] });
+  }
+  Ct() {
+    const t = this.vt.pop();
+    t ? (this.nt = t.lineWeight, this.ot = t.rotation, this.gt = t.charRotation, this.ut = t.flipHorizontally, this.ft = t.flipVertically, this.dt = t.invert, this.ht = t.character, this.ct = t.charColor, this.lt = t.cellColor) : console.warn("pop() called without matching push()");
+  }
+  yt() {
+    this.vt = [], this.ot = 0;
+  }
+  wt(t) {
+    t.lineWeight = this.nt, t.rotation = this.ot, t.character[0] = this.ht[0], t.character[1] = this.ht[1], t.character[2] = this.ht[2], t.charColor[0] = this.ct[0], t.charColor[1] = this.ct[1], t.charColor[2] = this.ct[2], t.charColor[3] = this.ct[3], t.bgColor[0] = this.lt[0], t.bgColor[1] = this.lt[1], t.bgColor[2] = this.lt[2], t.bgColor[3] = this.lt[3], t.flipHorizontally = this.ut, t.flipVertically = this.ft, t.invert = this.dt, t.charRotation[0] = this.gt[0], t.charRotation[1] = this.gt[1];
+  }
+  get lineWeight() {
+    return this.nt;
+  }
+  get canvasBackgroundColor() {
+    return this._t;
+  }
+  $t(t) {
+    this.nt = Math.abs(t);
+  }
+  bt(t) {
+    this.ot = t;
+  }
+  Tt(t) {
+    this.ht = t;
+  }
+  zt(t, e, i, r = 255) {
+    this.ct = [t / 255, e / 255, i / 255, r / 255];
+  }
+  Rt(t, e, i, r = 255) {
+    this.lt = [t / 255, e / 255, i / 255, r / 255];
+  }
+  Mt(t) {
+    this.ut = t;
+  }
+  St(t) {
+    this.ft = t;
+  }
+  At(t) {
+    this.dt = t;
+  }
+  Pt(t) {
+    const e = 255 * t / 360, i = Math.floor(e) / 255, r = Math.round(e - Math.floor(e));
+    this.gt = [i, r];
+  }
+  Ft(t, e, i, r) {
+    this._t = [t / 255, e / 255, i / 255, r / 255];
   }
 }
-class nt extends tt {
+var R = ((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))(R || {});
+class tt {
   constructor(t) {
-    super(t);
+    c(this, "R");
+    c(this, "Gt", /* @__PURE__ */ new Map());
+    this.R = t;
+  }
+  Dt(t, e, i, r) {
+    const s = this.R;
+    let n = this.Gt.get(t);
+    n || (n = /* @__PURE__ */ new Map(), this.Gt.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.attributes.position.size, s.FLOAT, !1, i.stride, i.attributes.position.offset), s.vertexAttribDivisor(h, 0));
+      const l = s.getAttribLocation(t, "a_texCoord");
+      l !== -1 && (s.enableVertexAttribArray(l), s.vertexAttribPointer(l, i.attributes.texCoord.size, s.FLOAT, !1, i.stride, i.attributes.texCoord.offset), s.vertexAttribDivisor(l, 0));
+    }
+    s.bindVertexArray(o);
   }
-  ht(t, e, r, s) {
-    const i = this.ot(t, e), o = this.ot(t + r, e + s);
-    this.nt(i.nx, i.ny, o.nx, o.ny);
-    const n = this.st();
-    this.F.drawArrays(this.F.TRIANGLES, 0, 6), this.it(n.positionLoc, n.texLoc);
+  It() {
+    this.R.bindVertexArray(null);
   }
-  lt(t, e, r, s, i) {
-    this.ht(t, e, r, i), this.ht(t + r - i, e, i, s), this.ht(t, e + s - i, r, i), this.ht(t, e, i, s);
+  U() {
+    const t = this.R;
+    for (const [, e] of this.Gt) for (const [, i] of e) i && t.deleteVertexArray(i);
+    this.Gt.clear();
   }
 }
-class at extends tt {
+class et {
   constructor(t) {
-    super(t);
-  }
-  ct(t, e, r, s, i) {
-    const o = r - t, n = s - e, l = Math.hypot(o, n);
-    if (l === 0) {
-      const u = i / 2, f = this.ot(t - u, e - u), d = this.ot(t + u, e + u);
-      this.nt(f.nx, f.ny, d.nx, d.ny);
-    } else {
-      const u = -n / l, f = o / l, d = i / 2, p = t + u * d, m = e + f * d, g = t - u * d, C = e - f * d, b = r + u * d, v = s + f * d, F = r - u * d, T = s - f * d, S = this.ot(p, m), R = this.ot(g, C), M = this.ot(b, v), j = this.ot(F, T), D = this.F;
-      this.rt(), D.bindBuffer(D.ARRAY_BUFFER, this.K);
-      const rt = new Float32Array([S.nx, S.ny, 0, 0, R.nx, R.ny, 0, 1, M.nx, M.ny, 1, 0, R.nx, R.ny, 0, 1, j.nx, j.ny, 1, 1, M.nx, M.ny, 1, 0]);
-      D.bufferData(D.ARRAY_BUFFER, rt, D.DYNAMIC_DRAW);
+    c(this, "Bt");
+    c(this, "R");
+    this.R = t, this.Bt = new tt(t);
+  }
+  Lt(t, e, i) {
+    const { shader: r } = t, s = I(this.R) || this.R.getParameter(this.R.VIEWPORT);
+    r.et({ u_aspectRatio: s[2] / s[3], u_viewportSize: [s[2], s[3]] });
+    const n = (l) => {
+      if (!l || !l.Et()) return;
+      const u = l.unitGeometry, f = l.unitBuffer;
+      try {
+        this.Bt.Dt(r.rt, l.type + "", u, f), l.batch.Wt(r), l.batch.kt(u.primitiveType, u.vertexCount);
+      } finally {
+        l.batch.Vt(r), this.Bt.It(), l.Ot();
+      }
+    };
+    let o = null, h = null;
+    for (const l of e) {
+      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.Ut(l.params, l.state);
     }
-    const c = this.st();
-    this.F.drawArrays(this.F.TRIANGLES, 0, 6), this.it(c.positionLoc, c.texLoc);
+    n(h);
   }
 }
-var G = "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;uniform float u_rotation;uniform vec2 u_center;uniform float u_aspectRatio;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){v_uv=a_texCoord;vec2 pos=a_position;pos-=u_center;pos.x*=u_aspectRatio;pos=rotate2D(-u_rotation)*pos;pos.x/=u_aspectRatio;pos+=u_center;gl_Position=vec4(pos,0.0,1.0);}";
-class ht {
-  constructor(t) {
-    h(this, "F");
-    h(this, "ut");
-    h(this, "ft");
-    h(this, "dt", null);
-    h(this, "gt");
-    h(this, "_t");
-    h(this, "vt", [1, 1, 1, 1]);
-    h(this, "xt", !0);
-    h(this, "bt", [0, 0, 0, 1]);
-    h(this, "wt", 1);
-    h(this, "Ct", !0);
-    h(this, "yt", 0);
-    h(this, "$t", []);
-    this.F = t, this.ut = new y(this.F, G, "precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}"), this.ft = new y(this.F, G, "precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}"), this.gt = new nt(this.F), this._t = new at(this.F), this.F.enable(this.F.BLEND), this.F.blendEquation(this.F.FUNC_ADD), this.F.blendFunc(this.F.ONE, this.F.ONE_MINUS_SRC_ALPHA), $(this.F, [0, 0, this.F.canvas.width, this.F.canvas.height]);
-  }
-  Ft(t) {
-    this.dt !== t && (this.dt = t, t.q());
-  }
-  Tt(t, e, r, s) {
-    if (this.xt = !0, e === void 0 && r === void 0 && s === void 0) {
-      const i = t / 255;
-      this.vt = [i, i, i, 1];
-    } else if (r !== void 0 && s === void 0) this.vt = [t / 255, e / 255, r / 255, 1];
-    else {
-      if (r === void 0 || s === void 0) throw Error("Invalid fill parameters. Use fill(gray), fill(r,g,b), or fill(r,g,b,a)");
-      this.vt = [t / 255, e / 255, r / 255, s / 255];
+class it {
+  constructor() {
+    c(this, "jt", []);
+    c(this, "Ht", 1);
+    c(this, "qt", 0);
+  }
+  Nt(t) {
+    if (this.qt >= this.jt.length) {
+      const i = { id: this.Ht++, type: t, params: {}, state: { lineWeight: 1, rotation: 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.jt.push(i);
     }
+    const e = this.jt[this.qt];
+    switch (e.id = this.Ht++, e.type = t, t) {
+      case R.RECTANGLE:
+      case R.ELLIPSE:
+        e.params && "width" in e.params || (e.params = { x: 0, y: 0, width: 0, height: 0 });
+        break;
+      case R.ARC:
+        e.params && "start" in e.params || (e.params = { x: 0, y: 0, width: 0, height: 0, start: 0, stop: 0 });
+        break;
+      case R.LINE:
+        e.params && "x2" in e.params || (e.params = { x1: 0, y1: 0, x2: 0, y2: 0, thickness: void 0 });
+        break;
+      case R.TRIANGLE:
+        e.params && "x3" in e.params || (e.params = { x1: 0, y1: 0, x2: 0, y2: 0, x3: 0, y3: 0 });
+        break;
+      case R.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.qt++, e;
   }
-  Mt(t, e, r, s) {
-    if (this.Ct = !0, e === void 0 && r === void 0 && s === void 0) {
-      const i = t / 255;
-      this.bt = [i, i, i, 1];
-    } else if (r !== void 0 && s === void 0) this.bt = [t / 255, e / 255, r / 255, 1];
-    else {
-      if (r === void 0 || s === void 0) throw Error("Invalid stroke parameters. Use stroke(gray), stroke(r,g,b), or stroke(r,g,b,a)");
-      this.bt = [t / 255, e / 255, r / 255, s / 255];
+  Xt(t, e, i, r, s) {
+    const n = this.Nt(R.RECTANGLE);
+    return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = r, s.wt(n.state), n.id;
+  }
+  Yt(t, e, i, r, s, n) {
+    const o = this.Nt(R.LINE);
+    return o.params.x1 = t, o.params.y1 = e, o.params.x2 = i, o.params.y2 = r, o.params.thickness = s, n.wt(o.state), o.id;
+  }
+  Qt(t, e, i, r, s) {
+    const n = this.Nt(R.ELLIPSE);
+    return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = r, s.wt(n.state), n.id;
+  }
+  Zt(t, e, i, r, s, n, o) {
+    const h = this.Nt(R.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.wt(h.state), h.id;
+  }
+  Jt(t, e, i, r, s, n, o) {
+    const h = this.Nt(R.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.wt(h.state), h.id;
+  }
+  Kt(t, e, i, r, s, n, o, h, l, u) {
+    const f = this.Nt(R.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.wt(f.state), f.id;
+  }
+  get length() {
+    return this.qt;
+  }
+  get isEmpty() {
+    return this.qt === 0;
+  }
+  te() {
+    this.qt = 0;
+  }
+  [Symbol.iterator]() {
+    let t = 0;
+    const e = this.qt, i = this.jt;
+    return { next: () => t < e ? { value: i[t++], done: !1 } : { value: void 0, done: !0 } };
+  }
+}
+const A = class A {
+  static ee(t, e, i = 0) {
+    var n, o, h, l, u, f, d, g, p, m;
+    const r = e || new Float32Array(A.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.character[0], r[s++] = t.character[1], r[s++] = t.character[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.globalRotation, 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++] = ((g = t.bezierStartPoint) == null ? void 0 : g[1]) || 0, r[s++] = ((p = t.bezierEndPoint) == null ? void 0 : p[0]) || 0, r[s++] = ((m = t.bezierEndPoint) == null ? void 0 : m[1]) || 0, r;
+  }
+  static se(t) {
+    const e = t.length * A.FLOATS_PER_INSTANCE, i = new Float32Array(e);
+    for (let r = 0; r < t.length; r++) {
+      const s = r * A.FLOATS_PER_INSTANCE;
+      A.ee(t[r], i, s);
     }
+    return i;
   }
-  St(t) {
-    if (t < 0) throw Error("Stroke weight must be non-negative");
-    this.wt = t;
+};
+c(A, "BYTES_PER_INSTANCE", 132), c(A, "FLOATS_PER_INSTANCE", 33);
+let S = A;
+const x = class x {
+};
+c(x, "STRIDE", S.BYTES_PER_INSTANCE), c(x, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 1, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 84, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 92, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: x.STRIDE, offset: 124, divisor: 1 } });
+let D = x;
+class rt {
+  constructor(t, e = 1e3, i = 1.5) {
+    c(this, "R");
+    c(this, "ie", []);
+    c(this, "re");
+    c(this, "ne");
+    c(this, "oe", null);
+    c(this, "ae", !0);
+    c(this, "he", 0);
+    c(this, "ce", /* @__PURE__ */ new Map());
+    c(this, "le", null);
+    this.R = t, this.re = e, this.ne = i, this.ue();
+  }
+  Ut(t) {
+    const e = this.ie.length;
+    return this.ie.push(t), this.ae = !0, e;
+  }
+  get count() {
+    return this.ie.length;
+  }
+  get isEmpty() {
+    return this.ie.length === 0;
   }
-  Dt() {
-    this.Ct = !1;
+  clear() {
+    this.ie.length = 0, this.ae = !0;
+  }
+  fe(t) {
+    if (t <= this.re) return;
+    const e = Math.ceil(t * this.ne);
+    this.re = e, this.ue(), console.log(`InstanceBatch: Grew buffer capacity to ${e} instances`);
+  }
+  ue() {
+    const t = this.R;
+    if (this.oe && t.deleteBuffer(this.oe), this.oe = t.createBuffer(), !this.oe) throw Error("Failed to create instance buffer");
+    const e = this.re * S.BYTES_PER_INSTANCE;
+    t.bindBuffer(t.ARRAY_BUFFER, this.oe), t.bufferData(t.ARRAY_BUFFER, e, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.ae = !0, this.he = 0;
+  }
+  de() {
+    if (!this.ae || this.ie.length === 0) return;
+    const t = this.R, e = this.ie.length;
+    this.fe(e), (!this.le || this.le.length < e * S.FLOATS_PER_INSTANCE) && (this.le = new Float32Array(e * S.FLOATS_PER_INSTANCE));
+    const i = S.se(this.ie);
+    t.bindBuffer(t.ARRAY_BUFFER, this.oe), e <= this.he ? t.bufferSubData(t.ARRAY_BUFFER, 0, i) : t.bufferData(t.ARRAY_BUFFER, i, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.ae = !1, this.he = e;
   }
-  Rt() {
-    this.xt = !1;
+  pe(t) {
+    let e = this.ce.get(t);
+    if (!e) {
+      e = /* @__PURE__ */ new Map();
+      const i = this.R;
+      for (const r in D.ATTRIBUTES) {
+        const s = i.getAttribLocation(t, r);
+        s !== -1 && e.set(r, s);
+      }
+      this.ce.set(t, e);
+    }
+    return e;
+  }
+  Wt(t) {
+    if (!this.oe || this.ie.length === 0) return;
+    const e = this.R, i = t.rt;
+    if (!i) return void console.warn("InstanceBatch: Cannot bind attributes - invalid shader program");
+    this.de();
+    const r = this.pe(i);
+    e.bindBuffer(e.ARRAY_BUFFER, this.oe);
+    for (const [s, n] of r) {
+      const o = D.ATTRIBUTES[s];
+      o && (e.enableVertexAttribArray(n), e.vertexAttribPointer(n, o.size, o.type, o.normalized, o.stride, o.offset), e.vertexAttribDivisor(n, o.divisor));
+    }
   }
   Vt(t) {
-    this.yt = t;
+    const e = this.R, i = this.pe(t.rt);
+    for (const [, r] of i) e.disableVertexAttribArray(r), e.vertexAttribDivisor(r, 0);
   }
-  It() {
-    this.$t.push({ fillColor: [...this.vt], fillMode: this.xt, strokeColor: [...this.bt], strokeWeight: this.wt, strokeMode: this.Ct, rotation: this.yt });
+  kt(t, e) {
+    this.ie.length !== 0 && this.R.drawArraysInstanced(t, 0, e, this.ie.length);
+  }
+  U() {
+    const t = this.R;
+    this.oe && (t.deleteBuffer(this.oe), this.oe = null), this.ie.length = 0, this.ce.clear(), this.le = null;
+  }
+}
+class F {
+  constructor(t, e, i, r) {
+    c(this, "R");
+    c(this, "ge");
+    c(this, "_e");
+    c(this, "me");
+    c(this, "ve", null);
+    this.R = t, this.ge = e, this._e = i, this.me = r;
+    const s = this.R.createBuffer();
+    if (!s) throw Error("Failed to create unit geometry buffer");
+    this.R.bindBuffer(this.R.ARRAY_BUFFER, s), this.R.bufferData(this.R.ARRAY_BUFFER, this.me.vertices, this.R.STATIC_DRAW), this.R.bindBuffer(this.R.ARRAY_BUFFER, null), this.ve = s;
+  }
+  get type() {
+    return this._e;
   }
-  kt() {
-    const t = this.$t.pop();
-    t ? (this.vt = t.fillColor, this.xt = t.fillMode, this.bt = t.strokeColor, this.wt = t.strokeWeight, this.Ct = t.strokeMode, this.yt = t.rotation) : console.warn("pop() called without matching push()");
+  get unitGeometry() {
+    return this.me;
+  }
+  get unitBuffer() {
+    return this.ve;
+  }
+  get batch() {
+    return this.ge;
+  }
+  Ot() {
+    this.ge.clear();
   }
   Et() {
-    this.dt = null, this.$t = [], this.yt = 0;
+    return !this.ge.isEmpty;
   }
-  Pt(t) {
-    const e = t.replace(/\/\*[\s\S]*?\*\//g, "").replace(/\/\/.*$/gm, "").trim().match(/^#version\s+(\d+)\s+(es)?/i);
-    return e ? parseInt(e[1], 10) >= 300 : !1;
+  U() {
+    this.ge.U(), this.ve && (this.R.deleteBuffer(this.ve), this.ve = null);
   }
-  At(t, e) {
-    return new y(this.F, t, e);
+  xe(t, e, i, r, s) {
+    const n = this.Ce(t, e, i, r, s.rotation || 0);
+    return { position: [t, e], size: [i, r], character: s.character || [0, 0, 0], primaryColor: s.charColor || [1, 1, 1, 1], secondaryColor: s.bgColor || [0, 0, 0, 1], rotation: s.charRotation || [0, 0], transform: [s.invert ? 1 : 0, s.flipHorizontally ? 1 : 0, s.flipVertically ? 1 : 0], globalRotation: n.radians, rotationCenter: [n.centerX, n.centerY] };
   }
-  zt(t) {
-    const e = this.Pt(t) ? `#version 300 es
-in vec2 a_position;in vec2 a_texCoord;out vec2 v_uv;uniform float u_rotation;uniform vec2 u_center;uniform float u_aspectRatio;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){v_uv=a_texCoord;vec2 pos=a_position;pos-=u_center;pos.x*=u_aspectRatio;pos=rotate2D(-u_rotation)*pos;pos.x/=u_aspectRatio;pos+=u_center;gl_Position=vec4(pos,0.0,1.0);}` : G;
-    return new y(this.F, e, t);
+  ye(t, e) {
+    const i = I(this.R) || [0, 0, this.R.canvas.width, this.R.canvas.height];
+    return { nx: t / i[2] * 2 - 1, ny: 1 - e / i[3] * 2 };
   }
-  Gt(t, e) {
-    this.dt.setUniform(t, e);
+  we(t, e, i) {
+    const r = this.ye(e, i);
+    t.rotationCenter = [r.nx, r.ny];
   }
-  Ut(t, e, r, s) {
-    if (this.dt !== null) {
-      const { centerX: f, centerY: d, radians: p, aspectRatio: m } = this.Lt(t, e, r, s);
-      return this.Gt("u_rotation", p), this.Gt("u_center", [f, d]), this.Gt("u_aspectRatio", m), this.gt.ht(t, e, r, s), void (this.dt = null);
-    }
-    const i = this.ft;
-    let o = 0, n = 0, l = 0, c = 1;
-    const u = this.Lt(t, e, r, s);
-    o = u.centerX, n = u.centerY, l = u.radians, c = u.aspectRatio, this.xt && (this.Ft(i), this.Gt("u_color", this.vt), this.Gt("u_rotation", l), this.Gt("u_center", [o, n]), this.Gt("u_aspectRatio", c), this.gt.ht(t, e, r, s)), this.Ct && this.wt > 0 && (this.Ft(i), this.Gt("u_color", this.bt), this.Gt("u_rotation", l), this.Gt("u_center", [o, n]), this.Gt("u_aspectRatio", c), this.gt.lt(t, e, r, s, this.wt)), this.dt = null;
-  }
-  Ot(t, e, r, s) {
-    if (this.dt !== null) {
-      const g = (t + r) / 2, C = (e + s) / 2, b = Math.abs(r - t) || 1, v = Math.abs(s - e) || 1, { centerX: F, centerY: T, radians: S, aspectRatio: R } = this.Lt(g - b / 2, C - v / 2, b, v);
-      this.Gt("u_rotation", S), this.Gt("u_center", [F, T]), this.Gt("u_aspectRatio", R);
-      const M = this.wt > 0 ? this.wt : 1;
-      return this._t.ct(t, e, r, s, M), void (this.dt = null);
-    }
-    if (!this.Ct || this.wt <= 0) return;
-    const i = this.ft, o = (t + r) / 2, n = (e + s) / 2, l = Math.abs(r - t) || 1, c = Math.abs(s - e) || 1, u = this.yt !== 0;
-    let f = 0, d = 0, p = 0, m = 1;
-    if (u) {
-      const g = this.Lt(o - l / 2, n - c / 2, l, c);
-      f = g.centerX, d = g.centerY, p = g.radians, m = g.aspectRatio;
-    }
-    this.Ft(i), this.Gt("u_color", this.bt), u && (this.Gt("u_rotation", p), this.Gt("u_center", [f, d]), this.Gt("u_aspectRatio", m)), this._t.ct(t, e, r, s, this.wt);
+  Ce(t, e, i, r, s) {
+    const n = I(this.R) || [0, 0, this.R.canvas.width, this.R.canvas.height], o = n[2], h = n[3];
+    return { centerX: (t + i / 2) / o * 2 - 1, centerY: 1 - (e + r / 2) / h * 2, radians: -s * Math.PI / 180, aspectRatio: o / h };
+  }
+}
+const st = { vertices: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 1, 1]), vertexCount: 6, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
+class nt extends F {
+  constructor(t, e) {
+    super(t, e, R.RECTANGLE, st);
+  }
+  Ut(t, e) {
+    const i = this.xe(t.x, t.y, t.width, t.height, e);
+    return this.ge.Ut(i);
+  }
+}
+const ot = { vertices: new Float32Array([0, -0.5, 0, 0, 1, -0.5, 1, 0, 0, 0.5, 0, 1, 0, 0.5, 0, 1, 1, -0.5, 1, 0, 1, 0.5, 1, 1]), vertexCount: 6, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
+class at extends F {
+  constructor(t, e) {
+    super(t, e, R.LINE, ot);
+  }
+  Ut(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, rotation: (e.rotation || 0) + 180 * n / Math.PI, lineWeight: o }, g = this.xe(u, f, s, o, d);
+    return this.we(g, h, l), this.ge.Ut(g);
+  }
+}
+const ht = { vertices: 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), g = 0.5 * (f + 1);
+    t.push(0, 0, 0.5, 0.5, n, o, h, l, u, f, d, g);
+  }
+  return new Float32Array(t);
+}(32), vertexCount: 96, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
+class ct extends F {
+  constructor(t, e) {
+    super(t, e, R.ELLIPSE, ht);
+  }
+  Ut(t, e) {
+    const i = this.xe(t.x, t.y, t.width, t.height, e);
+    return this.we(i, t.x, t.y), this.ge.Ut(i);
+  }
+}
+let lt = { vertices: function(a) {
+  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);
+  }
+  return new Float32Array(t);
+}(32), vertexCount: 96, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
+class ut extends F {
+  constructor(t, e) {
+    super(t, e, R.ARC, lt);
+  }
+  Ut(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.xe(i, r, t.width, t.height, e);
+    return this.we(o, t.x, t.y), o.arcAngles = [s, n], this.ge.Ut(o);
+  }
+}
+const ft = { vertices: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), vertexCount: 3, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
+class dt extends F {
+  constructor(t, e) {
+    super(t, e, R.TRIANGLE, ft);
+  }
+  Ut(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.xe(i, s, n, o, e), l = i + 0.5 * n, u = s + o * (1 / 3);
+    return this.we(h, l, u), this.ge.Ut(h);
+  }
+}
+function W(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;
+}
+const pt = { vertices: function(a = 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);
+  }
+  return new Float32Array(t);
+}(16), vertexCount: 96, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
+class gt extends F {
+  constructor(t, e) {
+    super(t, e, R.BEZIER_CURVE, pt);
+  }
+  Ut(t, e) {
+    const i = e.lineWeight || 1, r = W(0.5, t.x1, t.cp1x, t.cp2x, t.x2), s = W(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, rotation: e.rotation || 0, lineWeight: i }, o = this.xe(0, 0, 1, i, n);
+    return this.we(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.ge.Ut(o);
+  }
+}
+class mt {
+  constructor(t) {
+    c(this, "R");
+    c(this, "$e", null);
+    c(this, "be", null);
+    c(this, "Te", null);
+    c(this, "ze", /* @__PURE__ */ new Map());
+    c(this, "Re");
+    c(this, "Me");
+    c(this, "Se");
+    this.R = t, this.Se = new K(), this.Re = new et(t), this.Me = new it(), this.be = t.createBuffer(), t.bindBuffer(t.ARRAY_BUFFER, this.be), t.bufferData(t.ARRAY_BUFFER, new Float32Array([-1, -1, 0, 0, 1, -1, 1, 0, -1, 1, 0, 1, 1, -1, 1, 0, 1, 1, 1, 1, -1, 1, 0, 1]), t.STATIC_DRAW), this.Te = t.createBuffer(), U(this.R, [0, 0, this.R.canvas.width, this.R.canvas.height]);
+  }
+  Ae(t) {
+    let e = this.ze.get(t);
+    if (e) return e;
+    const i = new rt(this.R);
+    return e = (0, { [R.RECTANGLE]: () => new nt(this.R, i), [R.LINE]: () => new at(this.R, i), [R.ELLIPSE]: () => new ct(this.R, i), [R.ARC]: () => new ut(this.R, i), [R.TRIANGLE]: () => new dt(this.R, i), [R.BEZIER_CURVE]: () => new gt(this.R, i) }[t])(), this.ze.set(t, e), e;
+  }
+  Pe(t) {
+    this.$e !== t && (this.$e = t, t.K());
+  }
+  Fe(t, e) {
+    return new J(this.R, t, e);
+  }
+  Ge(t, e, i, r) {
+    var m;
+    const s = this.R, 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.Te), s.bufferData(s.ARRAY_BUFFER, d, s.DYNAMIC_DRAW);
+    const g = ((m = this.$e) == null ? void 0 : m.rt) || s.getParameter(s.CURRENT_PROGRAM), p = g ? s.getAttribLocation(g, "a_position") : -1;
+    p !== -1 && (s.enableVertexAttribArray(p), s.vertexAttribPointer(p, 2, s.FLOAT, !1, 8, 0)), s.drawArrays(s.TRIANGLES, 0, 6), p !== -1 && s.disableVertexAttribArray(p);
+  }
+  De(t, e, i, r) {
+    this.Me.Xt(t, e, i, r, this.Se);
+  }
+  Ie(t, e, i, r) {
+    this.Me.Yt(t, e, i, r, this.Se.lineWeight, this.Se);
+  }
+  Be(t, e, i, r) {
+    this.Me.Qt(t, e, i, r, this.Se);
   }
-  Lt(t, e, r, s) {
-    const i = q(this.F) || [0, 0, this.F.canvas.width, this.F.canvas.height], o = i[2], n = i[3], l = o / n;
-    return { centerX: (t + r / 2) / o * 2 - 1, centerY: 1 - (e + s / 2) / n * 2, radians: this.yt * Math.PI / 180, aspectRatio: l };
+  Le(t, e, i, r, s, n) {
+    this.Me.Jt(t, e, i, r, s, n, this.Se);
   }
-  jt(t, e, r = {}) {
-    return new Q(this.F, t, e, r);
+  Ee(t, e, i, r, s, n, o, h) {
+    const l = this.Se.lineWeight;
+    this.Me.Kt(t, e, i, r, s, n, o, h, l, this.Se);
   }
-  Ht(t, e = t, r = t, s = 255) {
-    this.Bt(t / 255, e / 255, r / 255, s / 255);
+  We(t, e, i = 1, r = {}) {
+    return new j(this.R, t, e, i, r);
   }
-  Bt(t = 0, e = 0, r = 0, s = 0) {
-    this.F.clearColor(t, e, r, s), this.F.clear(this.F.COLOR_BUFFER_BIT);
+  ke(t, e, i, r, s, n) {
+    this.Me.Zt(t, e, i, r, s, n, this.Se);
   }
-  Wt() {
-    this.F.viewport(0, 0, this.F.canvas.width, this.F.canvas.height), $(this.F, [0, 0, this.F.canvas.width, this.F.canvas.height]);
+  Ve(t, e = t, i = t, r = 255) {
+    this.state.Ft(t, e, i, r), this.te(t / 255, e / 255, i / 255, r / 255);
+  }
+  te(t = 0, e = 0, i = 0, r = 0) {
+    this.R.clearColor(t, e, i, r), this.R.clear(this.R.COLOR_BUFFER_BIT);
+  }
+  Oe() {
+    this.R.viewport(0, 0, this.R.canvas.width, this.R.canvas.height), U(this.R, [0, 0, this.R.canvas.width, this.R.canvas.height]);
   }
   get context() {
-    return this.F;
+    return this.R;
+  }
+  get state() {
+    return this.Se;
   }
-  A() {
-    this.ut.A(), this.ft.A(), this.gt.A(), this._t.A();
+  Ue(t) {
+    const e = I(this.R) ?? this.R.getParameter(this.R.VIEWPORT), i = { shader: t, gl: this.R, viewport: e }, r = /* @__PURE__ */ new Set();
+    for (const s of this.Me) r.add(s.type);
+    for (const s of r) this.Ae(s);
+    this.Re.Lt(i, this.Me, this.ze), this.Me.te();
   }
-  Nt(t, e, r, s, i) {
-    const o = this.F, n = s ?? t.width, l = i ?? t.height;
-    this.Ft(this.ut), this.Gt("u_texture", t);
-    const c = this.Lt(e, r, n, l);
-    this.Gt("u_rotation", c.radians), this.Gt("u_center", [c.centerX, c.centerY]), this.Gt("u_aspectRatio", c.aspectRatio), this.gt.ht(e, r, n, l), o.bindTexture(o.TEXTURE_2D, null), this.dt = null;
+  U() {
+    this.R.deleteBuffer(this.be), this.R.deleteBuffer(this.Te), this.Me.te();
+    for (const t of this.ze.values()) t.U();
   }
 }
-const _ = { readShort: (a, t) => (_.t.uint16[0] = a[t] << 8 | a[t + 1], _.t.int16[0]), readUshort: (a, t) => a[t] << 8 | a[t + 1], readUshorts(a, t, e) {
-  const r = [];
-  for (let s = 0; s < e; s++) r.push(_.readUshort(a, t + 2 * s));
-  return r;
+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 i = [];
+  for (let r = 0; r < e; r++) i.push(v.readUshort(a, t + 2 * r));
+  return i;
 }, readUint(a, t) {
-  const e = _.t.uint8;
-  return e[3] = a[t], e[2] = a[t + 1], e[1] = a[t + 2], e[0] = a[t + 3], _.t.uint32[0];
+  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) {
-  let r = "";
-  for (let s = 0; s < e; s++) r += String.fromCharCode(a[t + s]);
-  return r;
+  let i = "";
+  for (let r = 0; r < e; r++) i += String.fromCharCode(a[t + r]);
+  return i;
 }, t: (() => {
   const a = new ArrayBuffer(8);
   return { uint8: new Uint8Array(a), int16: new Int16Array(a), uint16: new Uint16Array(a), uint32: new Uint32Array(a) };
-})() }, lt = { parseTab(a, t, e) {
-  const r = { tables: [], ids: {}, off: t };
+})() }, Rt = { parseTab(a, t, e) {
+  const i = { tables: [], ids: {}, off: t };
   a = new Uint8Array(a.buffer, t, e), t = 0;
-  const s = _, i = s.readUshort, o = i(a, t += 2);
+  const r = v, s = r.readUshort, n = s(a, t += 2);
   t += 2;
-  const n = [];
-  for (let l = 0; l < o; l++) {
-    const c = i(a, t), u = i(a, t += 2);
+  const o = [];
+  for (let h = 0; h < n; h++) {
+    const l = s(a, t), u = s(a, t += 2);
     t += 2;
-    const f = s.readUint(a, t);
+    const f = r.readUint(a, t);
     t += 4;
-    const d = `p${c}e${u}`;
-    let p = n.indexOf(f);
-    if (p === -1) {
-      let m;
-      p = r.tables.length, n.push(f);
-      const g = i(a, f);
-      m = g === 4 ? this.parse4(a, f) : g === 12 ? this.parse12(a, f) : { format: g }, r.tables.push(m);
+    const d = `p${l}e${u}`;
+    let g = o.indexOf(f);
+    if (g === -1) {
+      let p;
+      g = i.tables.length, o.push(f);
+      const m = s(a, f);
+      p = m === 4 ? this.parse4(a, f) : m === 12 ? this.parse12(a, f) : { format: m }, i.tables.push(p);
     }
-    r.ids[d] != null && console.warn("Multiple tables for one platform+encoding: " + d), r.ids[d] = p;
+    i.ids[d] != null && console.warn("Multiple tables for one platform+encoding: " + d), i.ids[d] = g;
   }
-  return r;
+  return i;
 }, parse4(a, t) {
-  const e = _, r = e.readUshort, s = e.readUshorts, i = t, o = r(a, t += 2);
+  const e = v, i = e.readUshort, r = e.readUshorts, s = t, n = i(a, t += 2);
   t += 2;
-  const n = r(a, t += 2) >>> 1, l = { format: 4, searchRange: r(a, t += 2), entrySelector: 0, rangeShift: 0, endCount: [], startCount: [], idDelta: [], idRangeOffset: [], glyphIdArray: [] };
-  t += 2, l.entrySelector = r(a, t), t += 2, l.rangeShift = r(a, t), t += 2, l.endCount = s(a, t, n), t += 2 * n, t += 2, l.startCount = s(a, t, n), t += 2 * n;
-  for (let c = 0; c < n; c++) l.idDelta.push(e.readShort(a, t)), t += 2;
-  return l.idRangeOffset = s(a, t, n), t += 2 * n, l.glyphIdArray = s(a, t, i + o - t >> 1), l;
+  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 = _.readUint;
+  const e = v.readUint;
   e(a, t += 4), e(a, t += 4);
-  const r = e(a, t += 4);
+  const i = e(a, t += 4);
   t += 4;
-  const s = new Uint32Array(3 * r);
-  for (let i = 0; i < 3 * r; i += 3) s[i] = e(a, t + (i << 2)), s[i + 1] = e(a, t + (i << 2) + 4), s[i + 2] = e(a, t + (i << 2) + 8);
-  return { format: 12, groups: s };
-} }, ct = { parseTab(a, t, e) {
-  const r = _;
+  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 };
+} }, xt = { parseTab(a, t, e) {
+  const i = v;
   t += 18;
-  const s = r.readUshort(a, t);
+  const r = i.readUshort(a, t);
   t += 2, t += 16;
-  const i = r.readShort(a, t);
+  const s = i.readShort(a, t);
   t += 2;
-  const o = r.readShort(a, t);
+  const n = i.readShort(a, t);
   t += 2;
-  const n = r.readShort(a, t);
+  const o = i.readShort(a, t);
   t += 2;
-  const l = r.readShort(a, t);
-  return t += 2, t += 6, { unitsPerEm: s, xMin: i, yMin: o, xMax: n, yMax: l, indexToLocFormat: r.readShort(a, t) };
-} }, ut = { parseTab(a, t, e) {
-  const r = _;
+  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) };
+} }, yt = { parseTab(a, t, e) {
+  const i = v;
   t += 4;
-  const s = ["ascender", "descender", "lineGap", "advanceWidthMax", "minLeftSideBearing", "minRightSideBearing", "xMaxExtent", "caretSlopeRise", "caretSlopeRun", "caretOffset", "res0", "res1", "res2", "res3", "metricDataFormat", "numberOfHMetrics"], i = {};
-  for (let o = 0; o < s.length; o++) {
-    const n = s[o], l = n === "advanceWidthMax" || n === "numberOfHMetrics" ? r.readUshort : r.readShort;
-    i[n] = l(a, t + 2 * o);
+  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);
   }
-  return i;
-} }, dt = { parseTab(a, t, e, r) {
-  if (!r) throw Error("Font object required for hmtx parsing");
-  const s = _, i = [], o = [], n = r.maxp.numGlyphs, l = r.hhea.numberOfHMetrics;
-  let c = 0, u = 0, f = 0;
-  for (; f < l; ) c = s.readUshort(a, t + (f << 2)), u = s.readShort(a, t + (f << 2) + 2), i.push(c), o.push(u), f++;
-  for (; f < n; ) i.push(c), o.push(u), f++;
-  return { aWidth: i, lsBearing: o };
-} }, z = { cmap: lt, head: ct, hhea: ut, maxp: { parseTab(a, t, e) {
-  const r = _;
-  return r.readUint(a, t), t += 4, { numGlyphs: r.readUshort(a, t) };
-} }, hmtx: dt, loca: { parseTab(a, t, e, r) {
-  if (!r) throw Error("Font object required for loca parsing");
-  const s = _, i = [], o = r.head.indexToLocFormat, n = r.maxp.numGlyphs + 1;
-  if (o === 0) for (let l = 0; l < n; l++) i.push(s.readUshort(a, t + (l << 1)) << 1);
-  else if (o === 1) for (let l = 0; l < n; l++) i.push(s.readUint(a, t + (l << 2)));
-  return i;
-} }, glyf: { parseTab(a, t, e, r) {
-  if (!r) throw Error("Font object required for glyf parsing");
-  const s = [], i = r.maxp.numGlyphs;
-  for (let o = 0; o < i; o++) s.push(null);
   return s;
-}, Xt(a, t) {
-  const e = _, r = a.qt, s = a.loca;
-  if (s[t] === s[t + 1]) return null;
-  const i = E.findTable(r, "glyf", a.Yt);
-  if (!i) return null;
-  let o = i[0] + s[t];
-  const n = {};
-  if (n.noc = e.readShort(r, o), o += 2, n.xMin = e.readShort(r, o), o += 2, n.yMin = e.readShort(r, o), o += 2, n.xMax = e.readShort(r, o), o += 2, n.yMax = e.readShort(r, o), o += 2, n.xMin >= n.xMax || n.yMin >= n.yMax) return null;
-  if (n.noc > 0) {
-    n.endPts = [];
-    for (let d = 0; d < n.noc; d++) n.endPts.push(e.readUshort(r, o)), o += 2;
-    const l = e.readUshort(r, o);
-    if (o += 2, r.length - o < l) return null;
-    o += l;
-    const c = n.endPts[n.noc - 1] + 1;
-    n.flags = [];
-    for (let d = 0; d < c; d++) {
-      const p = r[o];
-      if (o++, n.flags.push(p), 8 & p) {
-        const m = r[o];
-        o++;
-        for (let g = 0; g < m; g++) n.flags.push(p), d++;
+} }, vt = { 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 };
+} }, O = { cmap: Rt, head: xt, hhea: yt, maxp: { parseTab(a, t, e) {
+  const i = v;
+  return i.readUint(a, t), t += 4, { numGlyphs: i.readUshort(a, t) };
+} }, hmtx: vt, 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;
+}, je(a, t) {
+  const e = v, i = a.He, r = a.loca;
+  if (r[t] === r[t + 1]) return null;
+  const s = E.findTable(i, "glyf", a.qe);
+  if (!s) return null;
+  let n = s[0] + r[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;
+    const l = o.endPts[o.noc - 1] + 1;
+    o.flags = [];
+    for (let d = 0; d < l; d++) {
+      const g = i[n];
+      if (n++, o.flags.push(g), 8 & g) {
+        const p = i[n];
+        n++;
+        for (let m = 0; m < p; m++) o.flags.push(g), d++;
       }
     }
-    n.xs = [];
-    for (let d = 0; d < c; d++) {
-      const p = n.flags[d], m = !!(16 & p);
-      2 & p ? (n.xs.push(m ? r[o] : -r[o]), o++) : m ? n.xs.push(0) : (n.xs.push(e.readShort(r, o)), o += 2);
+    o.xs = [];
+    for (let d = 0; d < l; d++) {
+      const g = o.flags[d], p = !!(16 & g);
+      2 & g ? (o.xs.push(p ? i[n] : -i[n]), n++) : p ? o.xs.push(0) : (o.xs.push(e.readShort(i, n)), n += 2);
     }
-    n.ys = [];
-    for (let d = 0; d < c; d++) {
-      const p = n.flags[d], m = !!(32 & p);
-      4 & p ? (n.ys.push(m ? r[o] : -r[o]), o++) : m ? n.ys.push(0) : (n.ys.push(e.readShort(r, o)), o += 2);
+    o.ys = [];
+    for (let d = 0; d < l; d++) {
+      const g = o.flags[d], p = !!(32 & g);
+      4 & g ? (o.ys.push(p ? i[n] : -i[n]), n++) : p ? o.ys.push(0) : (o.ys.push(e.readShort(i, n)), n += 2);
     }
     let u = 0, f = 0;
-    for (let d = 0; d < c; d++) u += n.xs[d], f += n.ys[d], n.xs[d] = u, n.ys[d] = f;
-  } else n.parts = [], n.endPts = [], n.flags = [], n.xs = [], n.ys = [];
-  return n;
-} } }, E = { parse: (a) => [((t, e, r, s) => {
-  const i = z, o = { qt: t, Qt: e, Yt: r };
-  for (const n in i) {
-    const l = n, c = E.findTable(t, l, r);
-    if (c) {
-      const [u, f] = c;
-      let d = s[u];
-      d == null && (d = i[l].parseTab(t, u, f, o), s[u] = d), o[l] = d;
+    for (let d = 0; d < l; d++) u += o.xs[d], f += o.ys[d], o.xs[d] = u, o.ys[d] = f;
+  } else o.parts = [], o.endPts = [], o.flags = [], o.xs = [], o.ys = [];
+  return o;
+} } }, E = { parse: (a) => [((t, e, i, r) => {
+  const s = O, n = { He: t, Ne: e, qe: i };
+  for (const o in s) {
+    const h = o, l = E.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 o;
+  return n;
 })(new Uint8Array(a), 0, 0, {})], findTable(a, t, e) {
-  const r = _, s = r.readUshort(a, e + 4);
-  let i = e + 12;
-  for (let o = 0; o < s; o++) {
-    const n = r.readASCII(a, i, 4);
-    r.readUint(a, i + 4);
-    const l = r.readUint(a, i + 8), c = r.readUint(a, i + 12);
-    if (n === t) return [l, c];
-    i += 16;
+  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: z, B: _ };
-class I {
+}, T: O, B: v };
+class L {
   constructor() {
-    h(this, "Zt", /* @__PURE__ */ new Map());
-    h(this, "Jt", /* @__PURE__ */ new Map());
-  }
-  Kt(t, e) {
-    const r = `${this.te(t)}_${e}`;
-    if (this.Zt.has(r)) return this.Zt.get(r);
-    const s = t.cmap;
-    if (!s || !s.tables) return this.Zt.set(r, 0), 0;
-    let i = 0;
-    for (const o of s.tables) if (o.format === 4 ? i = this.ee(e, o) : o.format === 12 && (i = this.re(e, o)), i > 0) break;
-    return this.Zt.set(r, i), i;
-  }
-  se(t, e) {
-    const r = e.codePointAt(0);
-    return r === void 0 ? 0 : this.Kt(t, r);
-  }
-  ie(t, e) {
-    const r = t.hmtx;
-    return r && r.aWidth && r.aWidth.length !== 0 ? e < r.aWidth.length ? r.aWidth[e] : r.aWidth[r.aWidth.length - 1] : 0;
-  }
-  oe(t, e) {
-    const r = e / t.head.unitsPerEm, s = t.hhea.ascender * r, i = t.hhea.descender * r, o = t.hhea.lineGap * r;
-    return { ascender: s, descender: i, lineGap: o, lineHeight: s - i + o, unitsPerEm: t.head.unitsPerEm, scale: r };
-  }
-  ne() {
-    this.Zt.clear(), this.Jt.clear();
-  }
-  te(t) {
-    return `${t.Yt}_${t.qt.length}`;
-  }
-  ee(t, e) {
-    const r = e.endCount.length;
-    let s = -1;
-    for (let i = 0; i < r; i++) if (t <= e.endCount[i]) {
-      s = i;
+    c(this, "Xe", /* @__PURE__ */ new Map());
+    c(this, "Ye", /* @__PURE__ */ new Map());
+  }
+  Qe(t, e) {
+    const i = `${this.Ze(t)}_${e}`;
+    if (this.Xe.has(i)) return this.Xe.get(i);
+    const r = t.cmap;
+    if (!r || !r.tables) return this.Xe.set(i, 0), 0;
+    let s = 0;
+    for (const n of r.tables) if (n.format === 4 ? s = this.Je(e, n) : n.format === 12 && (s = this.Ke(e, n)), s > 0) break;
+    return this.Xe.set(i, s), s;
+  }
+  ts(t, e) {
+    const i = e.codePointAt(0);
+    return i === void 0 ? 0 : this.Qe(t, i);
+  }
+  es(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;
+  }
+  ss(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 };
+  }
+  rs() {
+    this.Xe.clear(), this.Ye.clear();
+  }
+  Ze(t) {
+    return `${t.qe}_${t.He.length}`;
+  }
+  Je(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 (s === -1 || t < e.startCount[s]) return 0;
-    if (e.idRangeOffset[s] === 0) return t + e.idDelta[s] & 65535;
+    if (r === -1 || t < e.startCount[r]) return 0;
+    if (e.idRangeOffset[r] === 0) return t + e.idDelta[r] & 65535;
     {
-      const i = e.idRangeOffset[s] / 2 + (t - e.startCount[s]) - (r - s);
-      if (i >= 0 && i < e.glyphIdArray.length) {
-        const o = e.glyphIdArray[i];
-        return o === 0 ? 0 : o + e.idDelta[s] & 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;
       }
     }
     return 0;
   }
-  re(t, e) {
-    const r = e.groups.length / 3;
-    for (let s = 0; s < r; s++) {
-      const i = e.groups[3 * s], o = e.groups[3 * s + 1], n = e.groups[3 * s + 2];
-      if (t >= i && t <= o) return n + (t - i);
+  Ke(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 ft {
+class Ct {
   constructor(t) {
-    h(this, "ae");
-    this.ae = t;
+    c(this, "ns");
+    this.ns = t;
   }
-  he(t) {
-    var r;
+  hs(t) {
+    var i;
     const e = [];
-    return (r = t == null ? void 0 : t.cmap) != null && r.tables ? (t.cmap.tables.forEach((s) => {
-      if (s.format === 4) {
-        const i = this.le(s);
-        e.push(...i);
-      } else if (s.format === 12) {
-        const i = this.ce(s);
-        e.push(...i);
+    return (i = t.cmap) != null && i.tables ? (t.cmap.tables.forEach((r) => {
+      if (r.format === 4) {
+        const s = this.cs(r);
+        e.push(...s);
+      } else if (r.format === 12) {
+        const s = this.ls(r);
+        e.push(...s);
       }
     }), [...new Set(e)]) : [];
   }
-  ue(t, e) {
-    return this.ae.se(t, e) > 0;
+  us(t, e) {
+    return this.ns.ts(t, e) > 0;
   }
-  fe(t, e) {
-    for (const r of e) if (!this.ue(t, r)) return !1;
+  fs(t, e) {
+    for (const i of e) if (!this.us(t, i)) return !1;
     return !0;
   }
-  de(t, e) {
-    return e.filter((r) => this.ue(t, r));
+  ds(t, e) {
+    return e.filter((i) => this.us(t, i));
   }
-  pe(t) {
-    return t.filter((e) => this.me(e));
+  ps(t) {
+    return t.filter((e) => this.gs(e));
   }
-  le(t) {
+  cs(t) {
     const e = [];
     if (!(t.startCount && t.endCount && t.idRangeOffset && t.idDelta)) return e;
-    for (let r = 0; r < t.startCount.length; r++) {
-      const s = t.startCount[r], i = t.endCount[r];
-      if (s !== 65535 || i !== 65535) {
-        for (let o = s; o <= i; o++)
-          if (this.ge(t, o, r) > 0) try {
-            const n = String.fromCodePoint(o);
-            e.push(n);
+    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._s(t, n, i) > 0) try {
+            const o = String.fromCodePoint(n);
+            e.push(o);
           } catch {
           }
       }
     }
     return e;
   }
-  ce(t) {
+  ls(t) {
     const e = [];
     if (!t.groups) return e;
-    for (let r = 0; r < t.groups.length; r += 3) {
-      const s = t.groups[r], i = t.groups[r + 1], o = t.groups[r + 2];
-      for (let n = s; n <= i; n++)
-        if (o + (n - s) > 0) try {
-          const l = String.fromCodePoint(n);
-          e.push(l);
+    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);
         } catch {
         }
     }
     return e;
   }
-  ge(t, e, r) {
-    if (t.idRangeOffset[r] === 0) return e + t.idDelta[r] & 65535;
+  _s(t, e, i) {
+    if (t.idRangeOffset[i] === 0) return e + t.idDelta[i] & 65535;
     {
-      const s = t.idRangeOffset[r] / 2 + (e - t.startCount[r]) - (t.startCount.length - r);
-      if (s >= 0 && t.glyphIdArray && s < t.glyphIdArray.length) {
-        const i = t.glyphIdArray[s];
-        if (i !== 0) return i + t.idDelta[r] & 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;
       }
     }
     return 0;
   }
-  me(t) {
+  gs(t) {
     const e = t.codePointAt(0) || 0;
     return !(e >= 0 && e <= 31 && e !== 9 && e !== 10 && e !== 13 || e >= 127 && e <= 159);
   }
 }
-class gt {
+class wt {
   constructor() {
-    h(this, "_e");
-    const t = new I();
-    this._e = new ft(t);
+    c(this, "vs");
+    const t = new L();
+    this.vs = new Ct(t);
   }
   extractCharacters(t) {
-    return this._e.he(t);
+    return this.vs.hs(t);
   }
   filterProblematicCharacters(t) {
-    return this._e.pe(t);
+    return this.vs.ps(t);
   }
   characterExists(t, e) {
-    return this._e.ue(t, e);
+    return this.vs.us(t, e);
   }
   allCharactersExist(t, e) {
-    return this._e.fe(t, e);
+    return this.vs.fs(t, e);
   }
 }
-class mt {
+class Tt {
   constructor(t) {
-    h(this, "ve");
-    h(this, "xe");
-    h(this, "be");
-    h(this, "we");
-    this.be = t, this.we = new I(), this.ve = document.createElement("canvas"), this.xe = this.ve.getContext("2d", { willReadFrequently: !0, alpha: !1 });
-  }
-  createTextureAtlas(t, e, r, s) {
-    const i = t.length, o = Math.ceil(Math.sqrt(i)), n = Math.ceil(i / o), l = e.width * o, c = e.height * n, u = typeof s == "object" ? s : null;
-    this.Ce(l, c), this.ye(t, e, o, r, u);
-    const f = this.be.jt(l, c, { filter: "nearest" });
-    return f.P(this.ve), { framebuffer: f, columns: o, rows: n };
-  }
-  Ce(t, e) {
-    this.ve.width = t, this.ve.height = e, this.ve.style.width = t + "px", this.ve.style.height = t + "px", this.xe.imageSmoothingEnabled = !1, this.ve.style.imageRendering = "pixelated", this.xe.fillStyle = "black", this.xe.fillRect(0, 0, t, e), this.xe.textBaseline = "top", this.xe.textAlign = "left", this.xe.fillStyle = "white";
-  }
-  ye(t, e, r, s, i) {
-    const o = s / i.head.unitsPerEm;
-    for (let n = 0; n < t.length; n++) {
-      const l = n % r, c = Math.floor(n / r), u = t[n].character, f = this.$e(i, u);
+    c(this, "Cs");
+    c(this, "ws");
+    c(this, "$s");
+    c(this, "bs");
+    this.$s = t, this.bs = new L(), this.Cs = document.createElement("canvas"), this.ws = this.Cs.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.Ts(h, l), this.zs(t, e, n, i, u);
+    const f = this.$s.We(h, l, 1, { filter: "nearest" });
+    return f.I(this.Cs), { framebuffer: f, columns: n, rows: o };
+  }
+  Ts(t, e) {
+    this.Cs.width = t, this.Cs.height = e, this.Cs.style.width = t + "px", this.Cs.style.height = t + "px", this.ws.imageSmoothingEnabled = !1, this.Cs.style.imageRendering = "pixelated", this.ws.fillStyle = "black", this.ws.fillRect(0, 0, t, e), this.ws.textBaseline = "top", this.ws.textAlign = "left", this.ws.fillStyle = "white";
+  }
+  zs(t, e, i, r, s) {
+    const n = r / s.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.Rs(s, u);
       if (!f) continue;
-      const d = u.codePointAt(0) || 0, p = this.we.Kt(i, d), m = this.Fe(i, p) * o, g = l * e.width, C = c * e.height, b = g + 0.5 * e.width, v = C + 0.5 * e.height, F = Math.round(b - 0.5 * e.width), T = Math.round(v - 0.5 * s), S = F + 0.5 * (e.width - m), R = T + i.hhea.ascender * o;
-      this.Te(f, S, R, o);
+      const d = u.codePointAt(0) || 0, g = this.bs.Qe(s, d), p = this.Ms(s, g) * n, m = h * e.width, w = l * e.height, C = m + 0.5 * e.width, T = w + 0.5 * e.height, b = Math.round(C - 0.5 * e.width), P = Math.round(T - 0.5 * r), Y = b + 0.5 * (e.width - p), H = P + s.hhea.ascender * n;
+      this.Ss(f, Y, H, n);
     }
   }
-  $e(t, e) {
-    const r = e.codePointAt(0) || 0, s = this.we.Kt(t, r);
-    if (s === 0) return null;
-    if (t.glyf && t.glyf[s] !== null) return t.glyf[s];
+  Rs(t, e) {
+    const i = e.codePointAt(0) || 0, r = this.bs.Qe(t, i);
+    if (r === 0) return null;
+    if (t.glyf && t.glyf[r] !== null) return t.glyf[r];
     if (E && E.T && E.T.glyf) {
-      const i = E.T.glyf.Xt(t, s);
-      return t.glyf && i && (t.glyf[s] = i), i;
+      const s = E.T.glyf.je(t, r);
+      return t.glyf && s && (t.glyf[r] = s), s;
     }
     return null;
   }
-  Fe(t, e) {
-    const r = t.hmtx;
-    return r && r.aWidth ? e < r.aWidth.length ? r.aWidth[e] : r.aWidth[r.aWidth.length - 1] : 0;
+  Ms(t, e) {
+    const i = t.hmtx;
+    return i && i.aWidth ? e < i.aWidth.length ? i.aWidth[e] : i.aWidth[i.aWidth.length - 1] : 0;
   }
-  Te(t, e, r, s) {
+  Ss(t, e, i, r) {
     if (!t || !t.xs || t.noc === 0) return;
-    const { xs: i, ys: o, endPts: n, flags: l } = t;
-    if (!(i && o && n && l)) return;
-    this.xe.beginPath();
-    let c = 0;
-    for (let u = 0; u < n.length; u++) {
-      const f = n[u];
-      if (!(f < c)) {
-        if (f >= c) {
-          const d = e + i[c] * s, p = r - o[c] * s;
-          this.xe.moveTo(d, p);
-          let m = c + 1;
-          for (; m <= f; )
-            if (1 & l[m]) {
-              const g = e + i[m] * s, C = r - o[m] * s;
-              this.xe.lineTo(g, C), m++;
+    const { xs: s, ys: n, endPts: o, flags: h } = t;
+    if (!(s && n && o && h)) return;
+    this.ws.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, g = i - n[l] * r;
+          this.ws.moveTo(d, g);
+          let p = l + 1;
+          for (; p <= f; )
+            if (1 & h[p]) {
+              const m = e + s[p] * r, w = i - n[p] * r;
+              this.ws.lineTo(m, w), p++;
             } else {
-              const g = e + i[m] * s, C = r - o[m] * s;
-              let b = m + 1 > f ? c : m + 1;
-              if (1 & l[b]) {
-                const v = e + i[b] * s, F = r - o[b] * s;
-                this.xe.quadraticCurveTo(g, C, v, F), m = b + 1;
+              const m = e + s[p] * r, w = i - n[p] * r;
+              let C = p + 1 > f ? l : p + 1;
+              if (1 & h[C]) {
+                const T = e + s[C] * r, b = i - n[C] * r;
+                this.ws.quadraticCurveTo(m, w, T, b), p = C + 1;
               } else {
-                const v = (g + (e + i[b] * s)) / 2, F = (C + (r - o[b] * s)) / 2;
-                this.xe.quadraticCurveTo(g, C, v, F), m = b;
+                const T = (m + (e + s[C] * r)) / 2, b = (w + (i - n[C] * r)) / 2;
+                this.ws.quadraticCurveTo(m, w, T, b), p = C;
               }
             }
-          this.xe.closePath();
+          this.ws.closePath();
         }
-        c = f + 1;
+        l = f + 1;
       }
     }
-    this.xe.fill();
+    this.ws.fill();
   }
 }
-class pt {
+class bt {
   constructor() {
-    h(this, "ae");
-    this.ae = new I();
-  }
-  calculateMaxGlyphDimensions(t, e, r) {
-    let s = 0;
-    const i = this.ae.oe(r, e), o = i.lineHeight;
-    for (const n of t) {
-      const l = this.ae.se(r, n);
-      if (l === 0) continue;
-      const c = this.ae.ie(r, l) * i.scale;
-      s = Math.max(s, c);
+    c(this, "ns");
+    this.ns = new L();
+  }
+  calculateMaxGlyphDimensions(t, e, i) {
+    let r = 0;
+    const s = this.ns.ss(i, e), n = s.lineHeight;
+    for (const o of t) {
+      const h = this.ns.ts(i, o);
+      if (h === 0) continue;
+      const l = this.ns.es(i, h) * s.scale;
+      r = Math.max(r, l);
     }
-    return { width: Math.ceil(s), height: Math.ceil(o) };
+    return { width: Math.ceil(r), height: Math.ceil(n) };
   }
-  getCharacterAdvanceWidth(t, e, r) {
-    const s = this.ae.oe(r, e), i = this.ae.se(r, t);
-    return this.ae.ie(r, i) * s.scale;
+  getCharacterAdvanceWidth(t, e, i) {
+    const r = this.ns.ss(i, e), s = this.ns.ts(i, t);
+    return this.ns.es(i, s) * r.scale;
   }
   getFontMetrics(t, e) {
-    return this.ae.oe(e, t);
+    return this.ns.ss(e, t);
   }
-  ne() {
-    this.ae.ne();
+  rs() {
+    this.ns.rs();
   }
 }
-class bt {
+class Et {
   constructor() {
-    h(this, "we");
-    this.we = new I();
+    c(this, "bs");
+    this.bs = new L();
   }
   createCharacterObjects(t, e) {
-    return t.map((r, s) => {
-      const i = r.codePointAt(0) || 0, o = this.Me(s);
-      let n = 0;
+    return t.map((i, r) => {
+      const s = i.codePointAt(0) || 0, n = this.As(r);
+      let o = 0;
       if (e.hmtx && e.hmtx.aWidth) {
-        const l = this.we.Kt(e, i);
-        l > 0 && e.hmtx.aWidth[l] !== void 0 && (n = e.hmtx.aWidth[l]);
+        const h = this.bs.Qe(e, s);
+        h > 0 && e.hmtx.aWidth[h] !== void 0 && (o = e.hmtx.aWidth[h]);
       }
-      return { character: r, unicode: i, color: o, advanceWidth: n };
+      return { character: i, unicode: s, color: n, advanceWidth: o };
     });
   }
-  Me(t) {
-    return [t % 256, Math.floor(t / 256) % 256, Math.floor(t / 65536) % 256];
+  As(t) {
+    return [t % 256 / 255, Math.floor(t / 256) % 256 / 255, Math.floor(t / 65536) % 256 / 255];
   }
-  getCharacterColor(t, e) {
-    if (!x.m(typeof t == "string", "Character must be a string.", { method: "getCharacterColor", providedValue: t })) return [0, 0, 0];
-    const r = e.find((s) => s.character === t);
-    return r ? r.color : [0, 0, 0];
+  Ps(t, e) {
+    if (!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);
+    return i ? i.color : [0, 0, 0];
   }
-  getCharacterColors(t, e) {
-    return x.m(typeof t == "string" && t.length > 0, "Characters must be a string with at least one character.", { method: "getCharacterColors", providedValue: t }) ? Array.from(t).map((r) => this.getCharacterColor(r, e) || [0, 0, 0]) : [[0, 0, 0]];
+  Fs(t, e) {
+    return 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.Ps(i, e) || [0, 0, 0]) : [[0, 0, 0]];
   }
 }
-class xt {
+class At {
   constructor(t, e = 16) {
-    h(this, "Se");
-    h(this, "De", []);
-    h(this, "Re");
-    h(this, "Ve", 16);
-    h(this, "Ie", 0);
-    h(this, "ke", 0);
-    h(this, "Ee", { width: 0, height: 0 });
-    h(this, "Pe");
-    h(this, "Ae", "UrsaFont");
-    h(this, "ze");
-    h(this, "Ge");
-    h(this, "Ue");
-    h(this, "Le");
-    this.Ve = e, this.ze = new gt(), this.Ge = new mt(t), this.Ue = new pt(), this.Le = new bt();
-  }
-  async Oe(t) {
+    c(this, "Gs");
+    c(this, "Ds", []);
+    c(this, "Is");
+    c(this, "Bs", 16);
+    c(this, "Ls", 0);
+    c(this, "Es", 0);
+    c(this, "Ws", { width: 0, height: 0 });
+    c(this, "ks");
+    c(this, "Vs");
+    c(this, "Os");
+    c(this, "Us");
+    c(this, "js");
+    this.Bs = e, this.Vs = new wt(), this.Os = new Tt(t), this.Us = new bt(), this.js = new Et();
+  }
+  async Hs(t) {
     let e;
-    if (!t) throw new w("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
+    if (!t) throw new y("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
     {
-      const r = await fetch(t);
-      if (!r.ok) throw new w(`Failed to load font file: ${r.status} ${r.statusText}`);
-      e = await r.arrayBuffer();
+      const i = await fetch(t);
+      if (!i.ok) throw new y(`Failed to load font file: ${i.status} ${i.statusText}`);
+      e = await i.arrayBuffer();
     }
-    await this.je(e), this.Se = E.parse(e)[0], await this.He();
+    await this.qs(e), this.Gs = E.parse(e)[0], await this.Ns();
   }
-  Be(t) {
-    if (t === void 0) return this.Ve;
-    this.Ve = t, this.Ee = this.Ue.calculateMaxGlyphDimensions(this.De.map((r) => r.character), this.Ve, this.Se);
-    const e = this.Ge.createTextureAtlas(this.De, this.Ee, this.Ve, this.Se);
-    this.Re = e.framebuffer, this.Ie = e.columns, this.ke = e.rows;
+  Xs(t) {
+    if (t === void 0) return this.Bs;
+    this.Bs = t, this.Ws = this.Us.calculateMaxGlyphDimensions(this.Ds.map((i) => i.character), this.Bs, this.Gs);
+    const e = this.Os.createTextureAtlas(this.Ds, this.Ws, this.Bs, this.Gs);
+    this.Is = e.framebuffer, this.Ls = e.columns, this.Es = e.rows;
   }
-  async We(t) {
+  async Ys(t) {
     try {
       const e = await fetch(t);
-      if (!e.ok) throw new w(`Failed to load font file: ${e.status} ${e.statusText}`);
-      const r = await e.arrayBuffer();
-      await this.je(r);
-      const s = E.parse(r);
-      if (!s || s.length === 0) throw Error("Failed to parse font file");
-      this.Se = s[0], await this.He();
+      if (!e.ok) throw new y(`Failed to load font file: ${e.status} ${e.statusText}`);
+      const i = await e.arrayBuffer();
+      await this.qs(i);
+      const r = E.parse(i);
+      if (!r || r.length === 0) throw Error("Failed to parse font file");
+      this.Gs = r[0], await this.Ns();
     } catch (e) {
-      throw new w("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
+      throw new y("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
     }
   }
-  async je(t) {
+  async qs(t) {
     const e = Date.now();
-    this.Ae = this.Ae === "UrsaFont" ? "UrsaFont" : "CustomFont_" + e, this.Pe = new FontFace(this.Ae, t), await this.Pe.load(), document.fonts.add(this.Pe);
-  }
-  async He() {
-    const t = this.ze.extractCharacters(this.Se), e = this.ze.filterProblematicCharacters(t);
-    this.De = this.Le.createCharacterObjects(e, this.Se), this.Ee = this.Ue.calculateMaxGlyphDimensions(e, this.Ve, this.Se);
-    const r = this.Ge.createTextureAtlas(this.De, this.Ee, this.Ve, this.Se);
-    this.Re = r.framebuffer, this.Ie = r.columns, this.ke = r.rows;
+    this.ks = new FontFace("CustomFont_" + e, t), await this.ks.load(), document.fonts.add(this.ks);
   }
-  getCharacterColor(t) {
-    return this.Le.getCharacterColor(t, this.De);
+  async Ns() {
+    const t = this.Vs.extractCharacters(this.Gs), e = this.Vs.filterProblematicCharacters(t);
+    this.Ds = this.js.createCharacterObjects(e, this.Gs), this.Ws = this.Us.calculateMaxGlyphDimensions(e, this.Bs, this.Gs);
+    const i = this.Os.createTextureAtlas(this.Ds, this.Ws, this.Bs, this.Gs);
+    this.Is = i.framebuffer, this.Ls = i.columns, this.Es = i.rows;
   }
-  getCharacterColors(t) {
-    return this.Le.getCharacterColors(t, this.De);
+  Ps(t) {
+    return this.js.Ps(t, this.Ds);
   }
-  hasAllCharacters(t) {
-    if (typeof t != "string" || t.length === 0) return !1;
-    const e = new Set(this.De.map((r) => r.character));
-    for (const r of t) if (!e.has(r)) return !1;
-    return !0;
+  Fs(t) {
+    return this.js.Fs(t, this.Ds);
   }
-  A() {
-    this.Re.A(), document.fonts.delete(this.Pe);
+  U() {
+    this.Is.U(), document.fonts.delete(this.ks);
   }
   get fontFramebuffer() {
-    return this.Re;
+    return this.Is;
   }
   get characters() {
-    return this.De;
+    return this.Ds;
   }
   get textureColumns() {
-    return this.Ie;
+    return this.Ls;
   }
   get textureRows() {
-    return this.ke;
+    return this.Es;
   }
   get maxGlyphDimensions() {
-    return this.Ee;
+    return this.Ws;
   }
   get fontSize() {
-    return this.Ve;
+    return this.Bs;
   }
   get font() {
-    return this.Se;
+    return this.Gs;
   }
 }
-class vt {
-  constructor(t, e, r) {
-    h(this, "Ne");
-    h(this, "Xe");
-    h(this, "v");
-    h(this, "C");
-    h(this, "qe");
-    h(this, "Ye");
-    h(this, "Qe", !1);
-    h(this, "Ze");
-    h(this, "Je");
-    h(this, "Ke");
-    this.Ze = t, this.Je = e, this.Ke = r, this.Et();
-  }
-  Et() {
-    this.Qe || (this.Ne = Math.floor(this.Ze.width / this.Je), this.Xe = Math.floor(this.Ze.height / this.Ke)), this.tr();
-  }
-  tr() {
-    this.v = this.Ne * this.Je, this.C = this.Xe * this.Ke, this.qe = Math.floor((this.Ze.width - this.v) / 2), this.Ye = Math.floor((this.Ze.height - this.C) / 2);
-  }
-  er(t, e) {
-    this.Je = t, this.Ke = e, this.Et();
-  }
-  rr(t, e) {
-    this.Qe = !0, this.Ne = t, this.Xe = e, this.tr();
-  }
-  sr() {
-    this.Qe = !1, this.Et();
-  }
-  ir() {
-    this.Qe ? this.tr() : this.Et();
-  }
-  nr(t) {
-    if (t === void 0) return this.Qe;
-    this.Qe = t;
+class _t {
+  constructor(t, e, i) {
+    c(this, "Qs");
+    c(this, "Zs");
+    c(this, "v");
+    c(this, "C");
+    c(this, "Js");
+    c(this, "Ks");
+    c(this, "ti");
+    c(this, "ei");
+    c(this, "si");
+    this.ti = t, this.ei = e, this.si = i, this.yt();
+  }
+  yt() {
+    this.Qs = Math.floor(this.ti.width / this.ei), this.Zs = Math.floor(this.ti.height / this.si), this.v = this.Qs * this.ei, this.C = this.Zs * this.si, this.Js = Math.floor((this.ti.width - this.v) / 2), this.Ks = Math.floor((this.ti.height - this.C) / 2);
+  }
+  ii(t, e) {
+    this.ei = t, this.si = e, this.yt();
   }
   get cellWidth() {
-    return this.Je;
+    return this.ei;
   }
   get cellHeight() {
-    return this.Ke;
+    return this.si;
   }
   get cols() {
-    return this.Ne;
+    return this.Qs;
   }
   get rows() {
-    return this.Xe;
+    return this.Zs;
   }
   get width() {
     return this.v;
@@ -1076,579 +1337,319 @@ class vt {
     return this.C;
   }
   get offsetX() {
-    return this.qe;
+    return this.Js;
   }
   get offsetY() {
-    return this.Ye;
+    return this.Ks;
   }
 }
-class wt {
-  constructor(t, e = !1, r = {}) {
-    h(this, "Ze");
-    h(this, "ar");
-    h(this, "hr");
-    h(this, "lr");
-    h(this, "onTransformChange");
-    this.ar = t, this.hr = e, this.Ze = this.cr(r.width, r.height), e && this.setupTransformObserver();
-  }
-  cr(t, e) {
-    var s;
-    const r = document.createElement("canvas");
-    if (r.className = "textmodeCanvas", r.style.imageRendering = "pixelated", this.hr) r.width = t || 800, r.height = e || 600, document.body.appendChild(r);
-    else {
-      const i = this.ar.getBoundingClientRect();
-      let o = Math.round(i.width), n = Math.round(i.height);
-      if (this.ar instanceof HTMLVideoElement) {
-        const u = this.ar;
-        (o === 0 || n === 0) && u.videoWidth > 0 && u.videoHeight > 0 && (o = u.videoWidth, n = u.videoHeight);
-      }
-      r.width = o, r.height = n, r.style.position = "absolute", r.style.pointerEvents = "none";
-      const l = window.getComputedStyle(this.ar);
-      let c = parseInt(l.zIndex || "0", 10);
-      isNaN(c) && (c = 0), r.style.zIndex = "" + (c + 1), this.ur(r), (s = this.ar.parentNode) == null || s.insertBefore(r, this.ar.nextSibling);
-    }
-    return r;
-  }
-  ur(t) {
-    const e = this.ar.getBoundingClientRect();
-    let r = this.ar.offsetParent;
-    if (r && r !== document.body) {
-      const s = r.getBoundingClientRect();
-      t.style.top = e.top - s.top + "px", t.style.left = e.left - s.left + "px";
-    } else t.style.top = e.top + window.scrollY + "px", t.style.left = e.left + window.scrollX + "px";
-  }
-  ir(t, e) {
-    if (this.hr) this.Ze.width = t ?? this.Ze.width, this.Ze.height = e ?? this.Ze.height;
-    else {
-      const r = this.ar.getBoundingClientRect();
-      let s = Math.round(r.width), i = Math.round(r.height);
-      if (this.ar instanceof HTMLVideoElement) {
-        const o = this.ar;
-        (s === 0 || i === 0) && o.videoWidth > 0 && o.videoHeight > 0 && (s = o.videoWidth, i = o.videoHeight);
-      }
-      this.Ze.width = s, this.Ze.height = i, this.ur(this.Ze);
-    }
+class St {
+  constructor(t = {}) {
+    c(this, "ti");
+    c(this, "ri");
+    c(this, "ni");
+    t.canvas ? (this.ti = t.canvas, this.ni = !1) : (this.ti = this.oi(t.width, t.height), this.ni = !0), this.ti.style.imageRendering = "pixelated";
   }
-  dr() {
-    const t = { alpha: !1, premultipliedAlpha: !1, preserveDrawingBuffer: !0, antialias: !1, depth: !1, stencil: !1, powerPreference: "high-performance" }, e = this.Ze.getContext("webgl2", t) || this.Ze.getContext("webgl", t);
-    if (!e) throw new w("WebGL context could not be created. Ensure your browser supports WebGL.");
-    return e;
+  oi(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;
   }
-  setupTransformObserver() {
-    this.lr = new ResizeObserver((t) => {
-      for (const e of t) {
-        const r = e.contentRect;
-        !this.onTransformChange || Math.round(r.width) === this.Ze.width && Math.round(r.height) === this.Ze.height || this.onTransformChange();
-      }
-    }), this.lr.observe(this.Ze);
+  L(t, e) {
+    this.ti.width = t ?? this.ti.width, this.ti.height = e ?? this.ti.height;
   }
-  A() {
-    this.lr && this.lr.disconnect();
-    const t = this.Ze.getContext("webgl") || this.Ze.getContext("webgl2");
+  ai() {
+    const t = this.ti.getContext("webgl2", { alpha: !0, premultipliedAlpha: !1, preserveDrawingBuffer: !0, antialias: !1, depth: !1, stencil: !1, powerPreference: "high-performance" });
+    if (!t) throw new y("`textmode.js` requires WebGL2 support.");
+    return t;
+  }
+  U() {
+    this.ri && this.ri.disconnect();
+    const t = this.ti.getContext("webgl") || this.ti.getContext("webgl2");
     if (t) {
       const e = t.getExtension("WEBGL_lose_context");
       e && e.loseContext();
     }
-    this.Ze.parentNode && this.Ze.parentNode.removeChild(this.Ze);
+    this.ni && this.ti.parentNode && this.ti.parentNode.removeChild(this.ti);
   }
   get canvas() {
-    return this.Ze;
+    return this.ti;
   }
   get width() {
-    return this.Ze.width;
+    return this.ti.width;
   }
   get height() {
-    return this.Ze.height;
+    return this.ti.height;
   }
 }
-class U {
-  constructor(t, e, r, s = {}) {
-    h(this, "be");
-    h(this, "pr");
-    h(this, "mr");
-    h(this, "gr");
-    h(this, "_r");
-    h(this, "vr");
-    h(this, "br");
-    h(this, "wr");
-    h(this, "l");
-    this.be = t, this.pr = e, this.mr = r, this.l = { enabled: !0, ...s };
-    const i = this.mr.cols, o = this.mr.rows;
-    this.gr = this.be.jt(i, o), this._r = this.be.jt(i, o), this.vr = this.be.jt(i, o), this.br = this.be.jt(i, o), this.wr = this.be.jt(i, o);
-  }
-  ir() {
-    const t = this.mr.cols, e = this.mr.rows;
-    this.gr.resize(t, e), this._r.resize(t, e), this.vr.resize(t, e), this.br.resize(t, e), this.wr.resize(t, e);
-  }
-  enabled(t) {
-    x.m(typeof t == "boolean" || typeof t == "number" && Number.isInteger(t), "Enabled must be a boolean value or an integer (0 for false, any other number for true).", { method: "enabled", providedValue: t }) && (this.l.enabled = !!t);
-  }
-  enable() {
-    this.enabled(!0);
-  }
-  disable() {
-    this.enabled(!1);
-  }
-  A() {
-    this.gr.A(), this._r.A(), this.vr.A(), this.br.A(), this.wr.A();
-  }
-  get characterFramebuffer() {
-    return this.gr;
-  }
-  get primaryColorFramebuffer() {
-    return this._r;
-  }
-  get secondaryColorFramebuffer() {
-    return this.vr;
+class Ft {
+  constructor(t = 60) {
+    c(this, "hi");
+    c(this, "ci");
+    c(this, "li", null);
+    c(this, "ui", 0);
+    c(this, "fi", !0);
+    c(this, "di", 0);
+    c(this, "pi", 0);
+    c(this, "gi", []);
+    c(this, "_i", 10);
+    c(this, "mi", 0);
+    this.hi = t, this.ci = 1e3 / t;
+  }
+  start(t) {
+    if (!this.fi) return;
+    this.ui = performance.now();
+    const e = (i) => {
+      if (!this.fi) return void (this.li = null);
+      const r = i - this.ui;
+      r >= this.ci && (t(), this.ui = i - r % this.ci), this.fi && (this.li = requestAnimationFrame(e));
+    };
+    this.li = requestAnimationFrame(e);
   }
-  get rotationFramebuffer() {
-    return this.br;
+  stop() {
+    this.li && (cancelAnimationFrame(this.li), this.li = null);
   }
-  get transformFramebuffer() {
-    return this.wr;
+  pause() {
+    this.fi && (this.fi = !1, this.stop());
   }
-  get options() {
-    return this.l;
+  resume(t) {
+    this.fi || (this.fi = !0, this.start(t));
   }
-}
-class Ct {
-  constructor(t, e) {
-    h(this, "M");
-    h(this, "be");
-    h(this, "Cr");
-    this.be = t, this.Cr = e;
-    const r = Math.max(this.Cr.length, 1);
-    this.M = this.be.jt(r, 1), this.yr();
+  frameRate(t, e) {
+    if (t === void 0) return this.di;
+    this.hi = t, this.ci = 1e3 / t, this.fi && e && (this.stop(), this.start(e));
   }
-  yr() {
-    const t = this.Cr.length;
-    this.M.width !== t && this.M.resize(t, 1);
-    const e = new Uint8Array(1 * t * 4);
-    for (let r = 0; r < t; r++) {
-      const s = this.Cr[r], i = 4 * r;
-      e[i] = s[0], e[i + 1] = s[1], e[i + 2] = s[2], e[i + 3] = 255;
+  measureFrameRate() {
+    const t = performance.now();
+    if (this.pi > 0) {
+      const e = t - this.pi;
+      this.gi.push(e), this.gi.length > this._i && this.gi.shift();
+      const i = this.gi.reduce((r, s) => r + s, 0) / this.gi.length;
+      this.di = 1e3 / i;
     }
-    this.M.updatePixels(e, t, 1);
-  }
-  setColors(t) {
-    this.Cr = t, this.yr();
-  }
-  get colors() {
-    return this.Cr;
-  }
-  get framebuffer() {
-    return this.M;
-  }
-}
-class k extends U {
-  constructor(e, r, s, i = {}) {
-    super(e, r, s, { enabled: !0, characters: " .:-=+*%@#", characterColor: [1, 1, 1, 1], characterColorMode: "sampled", cellColor: [0, 0, 0, 1], cellColorMode: "fixed", invert: !1, rotation: [0, 0, 0, 1], flipHorizontally: !1, flipVertically: !1, ...i });
-    h(this, "$r");
-    this.$r = new Ct(this.be, this.pr.getCharacterColors(" .:-=+*%@#"));
-  }
-  characters(e) {
-    x.m(this.pr.hasAllCharacters(e), "One or more characters do not exist in the current font.", { method: "characters", providedValue: e }) && (this.l.characters = e, this.$r.setColors(this.pr.getCharacterColors(e)));
-  }
-  characterColor(e, r, s, i = 255) {
-    const o = this.Fr(e, "characterColor", r, s, i);
-    o && (this.l.characterColor = o);
-  }
-  characterColorMode(e) {
-    this.Tr(e, "characterColorMode");
-  }
-  cellColor(e, r, s, i = 255) {
-    const o = this.Fr(e, "cellColor", r, s, i);
-    o && (this.l.cellColor = o);
-  }
-  cellColorMode(e) {
-    this.Tr(e, "cellColorMode");
+    this.pi = t;
   }
-  invert(e) {
-    this.Mr(e, "invert", "Invert");
+  get isLooping() {
+    return this.fi;
   }
-  rotation(e) {
-    if (!x.m(typeof e == "number", "Rotation angle must be a number.", { method: "rotation", providedValue: e })) return;
-    (e %= 360) < 0 && (e += 360);
-    const r = 255 * e / 360, s = Math.floor(r) / 255, i = Math.round(r - s);
-    this.l.rotation = [s, i, 0, 1];
+  get frameRateLimit() {
+    return this.hi;
   }
-  flipHorizontally(e) {
-    this.Mr(e, "flipHorizontally", "Flip horizontally");
+  get currentFrameRate() {
+    return this.di;
   }
-  flipVertically(e) {
-    this.Mr(e, "flipVertically", "Flip vertically");
-  }
-  Fr(e, r, s, i, o = 255) {
-    let n, l, c, u;
-    if (typeof e == "string") {
-      const f = this.Sr(e);
-      if (!f) return x.m(!1, "Invalid hex color format. Use '#FF0000', '#F00', 'FF0000', or 'F00'.", { method: r, providedValue: e }), null;
-      [n, l, c, u] = f;
-    } else if (n = e, l = s !== void 0 ? s : e, c = i !== void 0 ? i : e, u = o, !x.m([n, l, c, u].every((f) => f >= 0 && f <= 255), r.charAt(0).toUpperCase() + r.slice(1) + " color values must be between 0 and 255", { method: r, providedValues: { r: n, g: l, b: c, a: u } })) return null;
-    return [n / 255, l / 255, c / 255, u / 255];
+  get frameCount() {
+    return this.mi;
   }
-  Tr(e, r) {
-    x.m(["sampled", "fixed"].includes(e), "Invalid color mode. Must be 'sampled' or 'fixed'.", { method: r, providedValue: e }) && (this.l[r] = e);
+  set frameCount(t) {
+    this.mi = t;
   }
-  Mr(e, r, s) {
-    x.m(typeof e == "boolean" || typeof e == "number" && Number.isInteger(e), s + " must be a boolean value or an integer (0 for false, any other number for true).", { method: r, providedValue: e }) && (this.l[r] = !!e);
+  incrementFrame() {
+    this.mi++;
   }
-  Sr(e) {
-    return e = e.replace(/^#/, ""), /^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(e) ? (e.length === 3 && (e = e.split("").map((r) => r + r).join("")), [parseInt(e.slice(0, 2), 16), parseInt(e.slice(2, 4), 16), parseInt(e.slice(4, 6), 16), 255]) : null;
+  resetFrameCount() {
+    this.mi = 0;
   }
 }
-const P = `attribute vec2 a_position;\r
-attribute vec2 a_texCoord;\r
-varying vec2 v_uv;\r
-\r
-uniform float u_rotation; // rotation angle in radians\r
-uniform vec2 u_center; // rotation center in normalized coordinates\r
-uniform float u_aspectRatio; // canvas width / canvas height\r
-\r
-mat2 rotate2D(float angle) {\r
-    float s = sin(angle);\r
-    float c = cos(angle);\r
-    return mat2(c, -s, s, c);\r
-}\r
-\r
-void main() {\r
-    v_uv = a_texCoord;\r
-    \r
-    // Use the position directly (it's already in normalized device coordinates)\r
-    vec2 pos = a_position;\r
-    \r
-    // Translate to origin for rotation\r
-    pos -= u_center;\r
-    \r
-    // Correct for aspect ratio: scale X coordinate to make space square\r
-    pos.x *= u_aspectRatio;\r
-    \r
-    // Rotate in corrected space\r
-    // Negate rotation to make positive values rotate clockwise (like p5.js)\r
-    pos = rotate2D(-u_rotation) * pos;\r
-    \r
-    // Restore aspect ratio: scale X coordinate back\r
-    pos.x /= u_aspectRatio;\r
-    \r
-    // Translate back from origin\r
-    pos += u_center;\r
-    \r
-    gl_Position = vec4(pos, 0.0, 1.0);\r
-}\r
-`, et = { enabled: !0, characters: " .:-=+*%@#", characterColor: [1, 1, 1, 1], characterColorMode: "sampled", cellColor: [0, 0, 0, 1], cellColorMode: "fixed", invert: !1, rotation: [0, 0, 0, 255], flipHorizontally: !1, flipVertically: !1, brightnessRange: [0, 255] };
-class L extends k {
-  constructor(e, r, s) {
-    super(e, r, s, et);
-    h(this, "Dr");
-    h(this, "Rr");
-    h(this, "Vr");
-    h(this, "Ir");
-    h(this, "kr");
-    h(this, "Er");
-    this.Dr = new y(e.context, P, "precision lowp float;uniform sampler2D u_sketchTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_brightnessRange;varying vec2 v_uv;void main(){vec2 cellCenter=(floor(v_uv*u_gridCellDimensions)+vec2(0.5))/u_gridCellDimensions;vec4 color=texture2D(u_sketchTexture,cellCenter);float brightness=dot(color.rgb,vec3(0.299,0.587,0.114));float brightnessValue=brightness*255.0;if(brightnessValue>=u_brightnessRange.x&&brightnessValue<=u_brightnessRange.y){gl_FragColor=color;}else{gl_FragColor=vec4(0.0);}}"), this.Rr = new y(e.context, P, "precision lowp float;uniform sampler2D u_sampleTexture;uniform vec4 u_fillColor;uniform bool u_useFixedColor;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){if(u_useFixedColor){gl_FragColor=u_fillColor;}else{gl_FragColor=sampleColor;}}else{gl_FragColor=vec4(0.0);}}"), this.Ir = new y(e.context, P, "precision lowp float;uniform sampler2D u_sampleTexture;uniform bool u_invert;uniform bool u_flipHorizontally;uniform bool u_flipVertically;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){float invertValue=u_invert ? 1.0 : 0.0;float flipHValue=u_flipHorizontally ? 1.0 : 0.0;float flipVValue=u_flipVertically ? 1.0 : 0.0;gl_FragColor=vec4(invertValue,flipHValue,flipVValue,1.0);}else{gl_FragColor=vec4(0.0);}}"), this.kr = new y(e.context, P, "precision lowp float;uniform sampler2D u_sampleTexture;uniform vec4 u_rotationColor;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){gl_FragColor=u_rotationColor;}else{gl_FragColor=vec4(0.0);}}"), this.Vr = new y(e.context, P, "precision lowp float;uniform sampler2D u_colorSampleFramebuffer;uniform sampler2D u_charPaletteTexture;uniform vec2 u_charPaletteSize;uniform vec2 u_brightnessRange;varying vec2 v_uv;void main(){vec4 color=texture2D(u_colorSampleFramebuffer,v_uv);if(color.a==0.0){gl_FragColor=vec4(0.0);return;}float brightness=dot(color.rgb,vec3(0.299,0.587,0.114))*255.0;vec2 range=u_brightnessRange;if(brightness<range.x||brightness>range.y){gl_FragColor=vec4(0.0);return;}float t=(brightness-range.x)/(range.y-range.x);float idx=clamp(floor(t*u_charPaletteSize.x),0.0,u_charPaletteSize.x-1.0);vec3 charColor=texture2D(u_charPaletteTexture,vec2((idx+0.5)/u_charPaletteSize.x,0.0)).rgb;gl_FragColor=vec4(charColor,1.0);}"), this.Er = this.be.jt(this.mr.cols, this.mr.rows);
-  }
-  Pr(e) {
-    const r = this.mr.cols, s = this.mr.rows;
-    this.Er.begin(), this.be.Bt(), this.be.Ft(this.Dr), this.be.Gt("u_sketchTexture", e), this.be.Gt("u_gridCellDimensions", [r, s]), this.be.Gt("u_brightnessRange", this.l.brightnessRange), this.be.Ut(0, 0, r, s), this.Er.end(), this._r.begin(), this.be.Bt(), this.be.Ft(this.Rr), this.be.Gt("u_sampleTexture", this.Er), this.be.Gt("u_fillColor", this.l.characterColor), this.be.Gt("u_useFixedColor", this.l.characterColorMode === "fixed"), this.be.Ut(0, 0, r, s), this._r.end(), this.vr.begin(), this.be.Bt(), this.be.Ft(this.Rr), this.be.Gt("u_sampleTexture", this.Er), this.be.Gt("u_fillColor", this.l.cellColor), this.be.Gt("u_useFixedColor", this.l.cellColorMode === "fixed"), this.be.Ut(0, 0, r, s), this.vr.end(), this.wr.begin(), this.be.Bt(), this.be.Ft(this.Ir), this.be.Gt("u_sampleTexture", this.Er), this.be.Gt("u_invert", this.l.invert), this.be.Gt("u_flipHorizontally", this.l.flipHorizontally), this.be.Gt("u_flipVertically", this.l.flipVertically), this.be.Ut(0, 0, r, s), this.wr.end(), this.br.begin(), this.be.Bt(), this.be.Ft(this.kr), this.be.Gt("u_sampleTexture", this.Er), this.be.Gt("u_rotationColor", this.l.rotation), this.be.Ut(0, 0, r, s), this.br.end(), this.gr.begin(), this.be.Bt(), this.be.Ft(this.Vr), this.be.Gt("u_colorSampleFramebuffer", this.Er), this.be.Gt("u_charPaletteTexture", this.$r.framebuffer), this.be.Gt("u_charPaletteSize", [this.$r.colors.length, 1]), this.be.Gt("u_brightnessRange", this.l.brightnessRange), this.be.Ut(0, 0, r, s), this.gr.end();
-  }
-  ir() {
-    super.ir(), this.Er.resize(this.mr.cols, this.mr.rows);
-  }
-  brightnessRange(e) {
-    x.m(Array.isArray(e) && e.length === 2 && e.every((r) => typeof r == "number" && r >= 0 && r <= 255), "Brightness range must be an array of two numbers between 0 and 255.", { method: "brightnessRange", providedValue: e }) && (this.l.brightnessRange = e);
-  }
-}
-const Nt = Object.freeze(Object.defineProperty({ __proto__: null, BRIGHTNESS_DEFAULT_OPTIONS: et, TextmodeBrightnessConverter: L, TextmodeConverter: U, TextmodeFeatureConverter: k }, Symbol.toStringTag, { value: "Module" }));
-class _t {
-  constructor(t, e, r) {
-    h(this, "be");
-    h(this, "Se");
-    h(this, "mr");
-    h(this, "Ar");
-    h(this, "zr");
-    h(this, "Gr");
-    h(this, "Ur");
-    h(this, "Lr");
-    h(this, "gr");
-    h(this, "_r");
-    h(this, "vr");
-    h(this, "br");
-    h(this, "wr");
-    this.be = t, this.Se = e, this.mr = r, this.Lr = this.be.At(G, "precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform sampler2D u_captureTexture;uniform vec2 u_captureDimensions;uniform int u_backgroundMode;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=gl_FragCoord.xy/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);if(encodedIndexVec.a<0.01){gl_FragColor=(u_backgroundMode==0)? vec4(0.0):texture2D(u_captureTexture,gl_FragCoord.xy/u_captureDimensions);return;}int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}"), this.zr = new L(t, e, r), this.Gr = new U(t, e, r), this.Ar = [this.zr, this.Gr], this.gr = this.be.jt(r.cols, r.rows), this._r = this.be.jt(r.cols, r.rows), this.vr = this.be.jt(r.cols, r.rows), this.br = this.be.jt(r.cols, r.rows), this.wr = this.be.jt(r.cols, r.rows), this.Ur = this.be.jt(this.mr.width, this.mr.height);
-  }
-  Or(t) {
-    for (const r of this.Ar) r.options.enabled && r instanceof k && r.Pr(t);
-    const e = (r, s) => {
-      r.begin(), this.be.Bt();
-      for (const i of this.Ar) i.options.enabled && this.be.Nt(s(i), 0, 0);
-      r.end();
-    };
-    e(this.gr, (r) => r.characterFramebuffer), e(this._r, (r) => r.primaryColorFramebuffer), e(this.vr, (r) => r.secondaryColorFramebuffer), e(this.br, (r) => r.rotationFramebuffer), e(this.wr, (r) => r.transformFramebuffer), this.Ur.begin(), this.be.Bt(), this.be.Ft(this.Lr), this.be.Gt("u_characterTexture", this.Se.fontFramebuffer), this.be.Gt("u_charsetDimensions", [this.Se.textureColumns, this.Se.textureRows]), this.be.Gt("u_asciiCharacterTexture", this.gr), this.be.Gt("u_primaryColorTexture", this._r), this.be.Gt("u_secondaryColorTexture", this.vr), this.be.Gt("u_transformTexture", this.wr), this.be.Gt("u_rotationTexture", this.br), this.be.Gt("u_captureTexture", t), this.be.Gt("u_backgroundMode", !1), this.be.Gt("u_captureDimensions", [t.width, t.height]), this.be.Gt("u_gridCellDimensions", [this.mr.cols, this.mr.rows]), this.be.Gt("u_gridPixelDimensions", [this.mr.width, this.mr.height]), this.be.Ut(0, 0, this.Ur.width, this.Ur.height), this.Ur.end();
-  }
-  add(t) {
-    if (!x.m(t === "brightness" || t === "custom", 'Converter type must be either "brightness" or "custom".', { method: "add", providedValue: t })) return;
-    let e;
-    return e = t === "brightness" ? new L(this.be, this.Se, this.mr) : new U(this.be, this.Se, this.mr), this.Ar.push(e), e;
-  }
-  remove(t) {
-    if (!x.m(t instanceof U, "Parameter must be a TextmodeConverter instance.", { method: "remove", providedValue: t })) return;
-    const e = this.Ar.indexOf(t);
-    x.m(e !== -1, "Converter instance not found in pipeline.", { method: "remove", providedValue: t, convertersCount: this.Ar.length }) && this.Ar.splice(e, 1);
-  }
-  swap(t, e) {
-    const r = (n, l) => {
-      if (typeof n == "number") return x.m(Number.isInteger(n) && n >= 0 && n < this.Ar.length, l + " index must be a valid integer within the converter array bounds.", { method: "swap", providedValue: n, convertersCount: this.Ar.length }) ? n : null;
-      if (n instanceof U) {
-        const c = this.Ar.indexOf(n);
-        return x.m(c !== -1, l + " converter instance not found in pipeline.", { method: "swap", providedValue: n, convertersCount: this.Ar.length }) ? c : null;
-      }
-      return x.m(!1, l + " parameter must be either an integer index or a TextmodeConverter instance.", { method: "swap", providedValue: n }), null;
-    }, s = r(t, "First"), i = r(e, "Second");
-    if (s === null || i === null || !x.m(s !== i, "Cannot swap a converter with itself.", { method: "swap", firstIndex: s, secondIndex: i })) return;
-    const o = this.Ar[s];
-    this.Ar[s] = this.Ar[i], this.Ar[i] = o;
-  }
-  ir() {
-    this.Ur.resize(this.mr.width, this.mr.height);
-    const t = this.mr.cols, e = this.mr.rows;
-    this.gr.resize(t, e), this._r.resize(t, e), this.vr.resize(t, e), this.br.resize(t, e), this.wr.resize(t, e);
-    for (const r of this.Ar) r.ir();
-  }
-  hasEnabledConverters() {
-    return this.Ar.some((t) => t.options.enabled);
-  }
-  disable() {
-    for (const t of this.Ar) t.disable();
-  }
-  enable() {
-    for (const t of this.Ar) t.enable();
-  }
-  A() {
-    for (const t of this.Ar) t.A();
-    this.gr.A(), this._r.A(), this.vr.A(), this.br.A(), this.wr.A(), this.Ur.A(), this.Lr.A();
-  }
-  get texture() {
-    return this.Ur;
-  }
-  get characterFramebuffer() {
-    return this.gr;
-  }
-  get primaryColorFramebuffer() {
-    return this._r;
-  }
-  get secondaryColorFramebuffer() {
-    return this.vr;
-  }
-  get rotationFramebuffer() {
-    return this.br;
-  }
-  get transformFramebuffer() {
-    return this.wr;
-  }
-  get brightness() {
-    return this.zr;
-  }
-  get custom() {
-    return this.Gr;
+const Pt = (a) => class extends a {
+  rotate(t) {
+    this.$s.state.bt(t);
   }
-}
-const Ft = (a) => class extends a {
-  fill(t, e, r, s) {
-    this.be.Tt(t, e, r, s);
+  push() {
+    this.$s.state.xt();
   }
-  stroke(t, e, r, s) {
-    this.be.Mt(t, e, r, s);
+  pop() {
+    this.$s.state.Ct();
   }
-  strokeWeight(t) {
-    this.be.St(t);
+  rect(t, e, i = 1, r = 1) {
+    this.$s.De(t, e, i, r);
   }
-  noStroke() {
-    this.be.Dt();
+  line(t, e, i, r) {
+    this.$s.Ie(t, e, i, r);
   }
-  noFill() {
-    this.be.Rt();
+  lineWeight(t) {
+    this.$s.state.$t(t);
   }
-  rotate(t) {
-    this.be.Vt(t);
+  background(t, e = t, i = t, r = 255) {
+    this.$s.Ve(t, e, i, r);
   }
-  push() {
-    this.be.It();
+  char(t) {
+    this.$s.state.Tt(this.Gs.Ps(t));
   }
-  pop() {
-    this.be.kt();
+  charColor(t, e, i) {
+    this.$s.state.zt(t, e, i);
   }
-  rect(t, e, r = 1, s = 1) {
-    this.be.Ut(t, e, r, s);
+  cellColor(t, e, i) {
+    this.$s.state.Rt(t, e, i);
   }
-  line(t, e, r, s) {
-    this.be.Ot(t, e, r, s);
+  flipHorizontally(t) {
+    this.$s.state.Mt(t);
   }
-  background(t, e = t, r = t, s = 255) {
-    this.be.Ht(t, e, r, s);
+  flipVertically(t) {
+    this.$s.state.St(t);
   }
-  createShader(t, e) {
-    return this.be.At(t, e);
+  charRotation(t) {
+    this.$s.state.Pt(t);
   }
-  createFilterShader(t) {
-    return this.be.zt(t);
+  invert(t) {
+    this.$s.state.At(t);
   }
-  shader(t) {
-    this.be.Ft(t);
+  clear() {
+    this.$s.Ve(0, 0, 0, 0);
   }
-  setUniform(t, e) {
-    this.be.Gt(t, e);
+  ellipse(t, e, i, r) {
+    this.$s.Be(t, e, i / 2, r / 2);
   }
-  image(t, e, r, s, i) {
-    this.be.Nt(t, e, r, s, i);
+  triangle(t, e, i, r, s, n) {
+    this.$s.Le(t, e, i, r, s, n);
   }
-  clear() {
-    this.be.Bt();
+  bezierCurve(t, e, i, r, s, n, o, h) {
+    this.$s.Ee(t, e, i, r, s, n, o, h);
   }
-  createFramebuffer(t, e, r = {}) {
-    return this.be.jt(t, e, r);
+  arc(t, e, i, r, s, n) {
+    this.$s.ke(t, e, i, r, s, n);
   }
 };
-class V {
-  jr(t) {
-    const e = t.characterFramebuffer, r = t.primaryColorFramebuffer, s = t.secondaryColorFramebuffer, i = t.transformFramebuffer, o = t.rotationFramebuffer;
-    return e == null || e.loadPixels(), r == null || r.loadPixels(), s == null || s.loadPixels(), i == null || i.loadPixels(), o == null || o.loadPixels(), { characterPixels: (e == null ? void 0 : e.pixels) || new Uint8Array(0), primaryColorPixels: (r == null ? void 0 : r.pixels) || new Uint8Array(0), secondaryColorPixels: (s == null ? void 0 : s.pixels) || new Uint8Array(0), transformPixels: (i == null ? void 0 : i.pixels) || new Uint8Array(0), rotationPixels: (o == null ? void 0 : o.pixels) || new Uint8Array(0) };
+class $ {
+  xi(t) {
+    const e = t.W(0), i = t.W(1), r = t.W(2), s = t.W(3);
+    return { characterPixels: e, primaryColorPixels: i, secondaryColorPixels: r, transformPixels: t.W(4), rotationPixels: s };
   }
-  Hr(t, e) {
+  Ci(t, e) {
     return t[e] + (t[e + 1] << 8);
   }
-  Br(t, e) {
+  yi(t, e) {
     return { r: t[e], g: t[e + 1], b: t[e + 2], a: t[e + 3] };
   }
 }
-class N {
-  Wr(t, e) {
+class z {
+  wi(t, e) {
     return new Blob([t], { type: e });
   }
-  Nr(t, e, r) {
+  $i(t, e, i) {
     try {
-      const s = this.Wr(t, r), i = URL.createObjectURL(s), o = document.createElement("a");
-      o.href = i, o.download = e, o.style.display = "none", o.rel = "noopener", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(i);
-    } catch (s) {
-      throw console.error("Failed to download file:", s), Error("File download failed: " + (s instanceof Error ? s.message : "Unknown error"));
+      const r = this.wi(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"));
     }
   }
-  Xr() {
+  bi() {
     return (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-");
   }
-  qr() {
+  Ti() {
     const t = /* @__PURE__ */ new Date();
     return { date: t.toISOString().split("T")[0], time: t.toTimeString().split(" ")[0].replace(/:/g, "-") };
   }
-  Yr(t) {
+  zi(t) {
     return t.replace(/[<>:"/\\|?*]/g, "_").replace(/\s+/g, "_").replace(/_{2,}/g, "_").replace(/^_+|_+$/g, "").substring(0, 255);
   }
-  Qr() {
-    return "'textmode-export'-" + this.Xr();
+  Ri() {
+    return "'textmode-export'-" + this.bi();
   }
 }
-class yt extends V {
-  Zr(t, e, r) {
-    const s = t[r] === 255, i = t[r + 1] === 255, o = t[r + 2] === 255, n = e[r], l = e[r + 1];
-    return { isInverted: s, flipHorizontal: i, flipVertical: o, rotation: Math.round(360 * (n + l / 255) / 255 * 100) / 100 };
+class Mt extends $ {
+  Mi(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 };
   }
-  Jr(t, e, r) {
-    return { x: t, y: e, cellX: t * r.cellWidth, cellY: e * r.cellHeight };
+  Si(t, e, i) {
+    return { x: t, y: e, cellX: t * i.cellWidth, cellY: e * i.cellHeight };
   }
-  Kr(t, e) {
-    const r = [];
-    let s = 0;
-    for (let i = 0; i < e.rows; i++) for (let o = 0; o < e.cols; o++) {
-      const n = 4 * s, l = this.Hr(t.characterPixels, n);
-      let c = this.Br(t.primaryColorPixels, n), u = this.Br(t.secondaryColorPixels, n);
-      const f = this.Zr(t.transformPixels, t.rotationPixels, n);
+  Ai(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.Ci(t.characterPixels, o);
+      let l = this.yi(t.primaryColorPixels, o), u = this.yi(t.secondaryColorPixels, o);
+      const f = this.Mi(t.transformPixels, t.rotationPixels, o);
       if (f.isInverted) {
-        const p = c;
-        c = u, u = p;
+        const g = l;
+        l = u, u = g;
       }
-      const d = this.Jr(o, i, e);
-      r.push({ charIndex: l, primaryColor: c, secondaryColor: u, transform: f, position: d }), s++;
+      const d = this.Si(n, s, e);
+      i.push({ charIndex: h, primaryColor: l, secondaryColor: u, transform: f, position: d }), r++;
     }
-    return r;
+    return i;
   }
 }
-class Tt {
-  ts(t, e) {
-    const r = t.cmap;
-    for (const s of r.tables) if (s.format === 4) {
-      const i = s;
-      for (let o = 0; o < i.startCount.length; o++) if (e >= i.startCount[o] && e <= i.endCount[o]) {
-        if (i.idRangeOffset[o] === 0) return e + i.idDelta[o] & 65535;
+class Ut {
+  Pi(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;
         {
-          const n = i.idRangeOffset[o] / 2 + (e - i.startCount[o]) - (i.startCount.length - o);
-          if (n >= 0 && n < i.glyphIdArray.length) {
-            const l = i.glyphIdArray[n];
-            if (l !== 0) return l + i.idDelta[o] & 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;
           }
         }
       }
-    } else if (s.format === 12) {
-      const i = s;
-      for (let o = 0; o < i.groups.length; o += 3) {
-        const n = i.groups[o], l = i.groups[o + 1], c = i.groups[o + 2];
-        if (e >= n && e <= l) return c + (e - n);
+    } 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);
       }
     }
     return 0;
   }
-  es(t, e, r, s, i) {
-    const o = i / t.head.unitsPerEm;
-    return { getBoundingBox: () => ({ x1: r + e.xMin * o, y1: s + -e.yMax * o, x2: r + e.xMax * o, y2: s + -e.yMin * o }), toSVG: () => this.rs(e, r, s, o) };
+  Fi(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.Gi(e, i, r, n) };
   }
-  rs(t, e, r, s) {
+  Gi(t, e, i, r) {
     if (!t || !t.xs) return "";
-    const { xs: i, ys: o, endPts: n, flags: l } = t;
-    if (!(i && o && n && l)) return "";
-    let c = "", u = 0;
-    for (let f = 0; f < n.length; f++) {
-      const d = n[f];
+    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 + i[u] * s, m = r - o[u] * s;
-          c += `M${p.toFixed(2)},${m.toFixed(2)}`;
-          let g = u + 1;
-          for (; g <= d; )
-            if (1 & l[g]) {
-              const C = e + i[g] * s, b = r - o[g] * s;
-              c += `L${C.toFixed(2)},${b.toFixed(2)}`, g++;
+          const g = e + s[u] * r, p = i - n[u] * r;
+          l += `M${g.toFixed(2)},${p.toFixed(2)}`;
+          let m = u + 1;
+          for (; m <= d; )
+            if (1 & h[m]) {
+              const w = e + s[m] * r, C = i - n[m] * r;
+              l += `L${w.toFixed(2)},${C.toFixed(2)}`, m++;
             } else {
-              const C = e + i[g] * s, b = r - o[g] * s;
-              let v = g + 1 > d ? u : g + 1;
-              if (1 & l[v]) {
-                const F = e + i[v] * s, T = r - o[v] * s;
-                c += `Q${C.toFixed(2)},${b.toFixed(2)} ${F.toFixed(2)},${T.toFixed(2)}`, g = v + 1;
+              const w = e + s[m] * r, C = i - n[m] * r;
+              let T = m + 1 > d ? u : m + 1;
+              if (1 & h[T]) {
+                const b = e + s[T] * r, P = i - n[T] * r;
+                l += `Q${w.toFixed(2)},${C.toFixed(2)} ${b.toFixed(2)},${P.toFixed(2)}`, m = T + 1;
               } else {
-                const F = (C + (e + i[v] * s)) / 2, T = (b + (r - o[v] * s)) / 2;
-                c += `Q${C.toFixed(2)},${b.toFixed(2)} ${F.toFixed(2)},${T.toFixed(2)}`, g = v;
+                const b = (w + (e + s[T] * r)) / 2, P = (C + (i - n[T] * r)) / 2;
+                l += `Q${w.toFixed(2)},${C.toFixed(2)} ${b.toFixed(2)},${P.toFixed(2)}`, m = T;
               }
             }
-          c += "Z";
+          l += "Z";
         }
         u = d + 1;
       }
     }
-    return c;
+    return l;
   }
-  ss(t, e, r, s, i) {
-    const o = t.codePointAt(0) || 0, n = this.ts(e, o);
-    let l = null;
-    return e.glyf && e.glyf[n] !== null ? l = e.glyf[n] : (l = E.T.glyf.Xt(e, n), e.glyf[n] = l), this.es(e, l, r, s, i);
+  Di(t, e, i, r, s) {
+    const n = t.codePointAt(0) || 0, o = this.Pi(e, n);
+    let h = null;
+    return e.glyf && e.glyf[o] !== null ? h = e.glyf[o] : (h = E.T.glyf.je(e, o), e.glyf[o] = h), this.Fi(e, h, i, r, s);
   }
-  ns(t, e, r, s, i, o, n, l) {
-    const c = r + (i - l * (n / e.head.unitsPerEm)) / 2, u = s + (o + 0.7 * n) / 2;
-    return this.ss(t, e, c, u, n).toSVG() || null;
+  Ii(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.Di(t, e, l, u, o).toSVG() || null;
   }
 }
-class Et {
+class It {
   constructor() {
-    h(this, "hs");
-    this.hs = new Tt();
+    c(this, "Bi");
+    this.Bi = new Ut();
   }
-  ls(t) {
+  Li(t) {
     return `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg width="${t.width}" height="${t.height}" viewBox="0 0 ${t.width} ${t.height}" 
@@ -1656,175 +1657,173 @@ class Et {
 <title>textmode art generated via textmode.js</title>
 <desc>textmode art visualization generated by textmode.js library</desc>`;
   }
-  cs() {
+  Ei() {
     return `
 </g>
 </svg>`;
   }
-  us(t, e) {
+  Wi(t, e) {
     if (!e.includeBackgroundRectangles) return "";
-    const r = e.backgroundColor, s = `rgba(${r[0]},${r[1]},${r[2]},${r[3] / 255})`;
+    const i = e.backgroundColor, r = `rgba(${i[0]},${i[1]},${i[2]},${i[3] / 255})`;
     return `
-<rect width="${t.width}" height="${t.height}" fill="${s}" />`;
+<rect width="${t.width}" height="${t.height}" fill="${r}" />`;
   }
-  fs(t) {
+  ki(t) {
     return `rgba(${t.r},${t.g},${t.b},${t.a / 255})`;
   }
-  ds(t, e) {
-    const { transform: r, position: s } = t, i = s.cellX + e.cellWidth / 2, o = s.cellY + e.cellHeight / 2, n = [];
-    if (r.flipHorizontal || r.flipVertical) {
-      const l = r.flipHorizontal ? -1 : 1, c = r.flipVertical ? -1 : 1;
-      n.push(`translate(${i} ${o})`), n.push(`scale(${l} ${c})`), n.push(`translate(${-i} ${-o})`);
+  Vi(t, e) {
+    const { transform: i, position: r } = t, s = r.cellX + e.cellWidth / 2, n = r.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})`), o.push(`scale(${h} ${l})`), o.push(`translate(${-s} ${-n})`);
     }
-    return r.rotation && n.push(`rotate(${r.rotation} ${i} ${o})`), n.length ? ` transform="${n.join(" ")}"` : "";
-  }
-  ps(t, e, r) {
-    if (!r.includeBackgroundRectangles || t.secondaryColor.a === 0) return "";
-    const { position: s } = t, i = this.fs(t.secondaryColor);
+    return i.rotation && o.push(`rotate(${i.rotation} ${s} ${n})`), o.length ? ` transform="${o.join(" ")}"` : "";
+  }
+  Oi(t, e, i) {
+    if (!i.includeBackgroundRectangles || t.secondaryColor.a === 0) return "";
+    const { position: r } = t, s = this.ki(t.secondaryColor);
+    return i.drawMode === "stroke" ? `
+  <rect x="${r.cellX}" y="${r.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" stroke="${s}" fill="none" stroke-width="${i.strokeWidth}" />` : `
+  <rect x="${r.cellX}" y="${r.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" fill="${s}" />`;
+  }
+  Di(t, e, i, r) {
+    const s = i.characters[t.charIndex];
+    if (!s) return "";
+    const n = this.Bi.Ii(s.character, i.font, t.position.cellX, t.position.cellY, e.cellWidth, e.cellHeight, i.fontSize, s.advanceWidth);
+    if (!n) return "";
+    const o = this.ki(t.primaryColor);
     return r.drawMode === "stroke" ? `
-  <rect x="${s.cellX}" y="${s.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" stroke="${i}" fill="none" stroke-width="${r.strokeWidth}" />` : `
-  <rect x="${s.cellX}" y="${s.cellY}" width="${e.cellWidth}" height="${e.cellHeight}" fill="${i}" />`;
-  }
-  ss(t, e, r, s) {
-    const i = r.characters[t.charIndex];
-    if (!i) return "";
-    const o = this.hs.ns(i.character, r.font, t.position.cellX, t.position.cellY, e.cellWidth, e.cellHeight, r.fontSize, i.advanceWidth);
-    if (!o) return "";
-    const n = this.fs(t.primaryColor);
-    return s.drawMode === "stroke" ? `
-    <path id="${`path-${t.charIndex}-${t.position.cellX}-${t.position.cellY}`.replace(/\./g, "-")}" d="${o}" stroke="${n}" stroke-width="${s.strokeWidth}" fill="none" />` : `
-    <path d="${o}" fill="${n}" />`;
-  }
-  gs(t, e, r, s) {
-    let i = "";
-    i += this.ps(t, e, s);
-    const o = this.ds(t, e), n = this.ss(t, e, r, s);
-    return n && (o ? (i += `
-  <g${o}>`, i += n, i += `
-  </g>`) : i += n), i;
-  }
-  _s(t, e, r, s) {
-    let i = this.ls(e);
-    i += this.us(e, s), i += `
+    <path id="${`path-${t.charIndex}-${t.position.cellX}-${t.position.cellY}`.replace(/\./g, "-")}" d="${n}" stroke="${o}" stroke-width="${r.strokeWidth}" fill="none" />` : `
+    <path d="${n}" fill="${o}" />`;
+  }
+  Ui(t, e, i, r) {
+    let s = "";
+    s += this.Oi(t, e, r);
+    const n = this.Vi(t, e), o = this.Di(t, e, i, r);
+    return o && (n ? (s += `
+  <g${n}>`, s += o, s += `
+  </g>`) : s += o), s;
+  }
+  ji(t, e, i, r) {
+    let s = this.Li(e);
+    s += this.Wi(e, r), s += `
 <g id="ascii-cells">`;
-    for (const o of t) i += this.gs(o, e, r, s);
-    return i += this.cs(), i;
+    for (const n of t) s += this.Ui(n, e, i, r);
+    return s += this.Ei(), s;
   }
-  vs(t) {
+  Hi(t) {
     return t.replace(/<path[^>]*d=""[^>]*\/>/g, "").replace(/\n\s*\n/g, `
 `).replace(/[ \t]+$/gm, "");
   }
 }
-class Rt extends N {
-  bs(t) {
-    return this.Wr(t, "image/svg+xml;charset=utf-8");
+class Dt extends z {
+  qi(t) {
+    return this.wi(t, "image/svg+xml;charset=utf-8");
   }
-  ws(t, e) {
-    this.Nr(t, this.Yr(e) + ".svg", "image/svg+xml;charset=utf-8");
+  Ni(t, e) {
+    this.$i(t, this.zi(e) + ".svg", "image/svg+xml;charset=utf-8");
   }
-  Cs(t, e) {
-    this.ws(t, e || this.Qr());
+  Xi(t, e) {
+    this.Ni(t, e || this.Ri());
   }
 }
-class H {
+class N {
   constructor() {
-    h(this, "$s");
-    h(this, "Fs");
-    h(this, "Ts");
-    this.$s = new yt(), this.Fs = new Et(), this.Ts = new Rt();
+    c(this, "Yi");
+    c(this, "Qi");
+    c(this, "Zi");
+    this.Yi = new Mt(), this.Qi = new It(), this.Zi = new Dt();
   }
-  Ms(t) {
-    return { includeBackgroundRectangles: t.includeBackgroundRectangles ?? !0, drawMode: t.drawMode ?? "fill", strokeWidth: t.strokeWidth ?? 1, backgroundColor: t.backgroundColor ?? [0, 0, 0, 0] };
+  Ji(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.Zi.Ri() };
   }
-  Ss(t, e = {}) {
-    const r = this.Ms(e), s = this.$s.jr(t.pipeline), i = this.$s.Kr(s, t.grid), o = this.Fs._s(i, t.grid, t.font, r);
-    return this.Fs.vs(o);
+  Ki(t, e = {}) {
+    const i = this.Yi.Ai(this.Yi.xi(t.pipeline), t.grid), r = this.Qi.ji(i, t.grid, t.font, this.Ji(e));
+    return this.Qi.Hi(r);
   }
-  Cs(t, e = {}) {
-    const r = this.Ss(t, e), s = e.filename || this.Ts.Qr();
-    this.Ts.Cs(r, s);
+  Xi(t, e = {}) {
+    this.Zi.Xi(this.Ki(t, e), e.filename);
   }
 }
-class At extends V {
-  Ds(t, e, r, s = " ") {
-    var n;
-    const i = [];
-    let o = 0;
-    for (let l = 0; l < e.rows; l++) {
-      const c = [];
+class Lt extends $ {
+  tr(t, e, i, r = " ") {
+    var o;
+    const s = [];
+    let n = 0;
+    for (let h = 0; h < e.rows; h++) {
+      const l = [];
       for (let u = 0; u < e.cols; u++) {
-        const f = 4 * o, d = this.Hr(t.characterPixels, f), p = ((n = r.characters[d]) == null ? void 0 : n.character) || s;
-        c.push(p), o++;
+        const f = 4 * n, d = this.Ci(t.characterPixels, f), g = ((o = i.characters[d]) == null ? void 0 : o.character) || r;
+        l.push(g), n++;
       }
-      i.push(c);
+      s.push(l);
     }
-    return i;
+    return s;
   }
 }
-class St {
-  Rs(t, e) {
-    const r = [];
-    for (const i of t) {
-      let o = i.join("");
-      e.preserveTrailingSpaces || (o = o.replace(/\s+$/, "")), r.push(o);
+class Bt {
+  er(t, e) {
+    const i = [];
+    for (const s of t) {
+      let n = s.join("");
+      e.preserveTrailingSpaces || (n = n.replace(/\s+$/, "")), i.push(n);
     }
-    const s = e.lineEnding === "crlf" ? `\r
+    const r = e.lineEnding === "crlf" ? `\r
 ` : `
 `;
-    return r.join(s);
+    return i.join(r);
   }
 }
-class Mt extends N {
-  Vs(t, e) {
-    const r = this.Is(e);
-    this.Nr(t, r, "text/plain;charset=utf-8");
+class $t extends z {
+  sr(t, e) {
+    const i = this.ir(e);
+    this.$i(t, i, "text/plain;charset=utf-8");
   }
-  Is(t) {
-    let e = this.Yr(t);
-    return e === ".txt" || e.length <= 4 ? this.Qr() : e;
+  ir(t) {
+    let e = this.zi(t);
+    return e === ".txt" || e.length <= 4 ? this.Ri() : e;
   }
 }
-class W {
+class k {
   constructor() {
-    h(this, "$s");
-    h(this, "Fs");
-    h(this, "Ts");
-    this.$s = new At(), this.Fs = new St(), this.Ts = new Mt();
+    c(this, "Yi");
+    c(this, "Qi");
+    c(this, "Zi");
+    this.Yi = new Lt(), this.Qi = new Bt(), this.Zi = new $t();
   }
-  Ms(t) {
-    return { preserveTrailingSpaces: t.preserveTrailingSpaces ?? !1, lineEnding: t.lineEnding ?? "lf", emptyCharacter: t.emptyCharacter ?? " " };
+  Ji(t) {
+    return { preserveTrailingSpaces: t.preserveTrailingSpaces ?? !1, lineEnding: t.lineEnding ?? "lf", emptyCharacter: t.emptyCharacter ?? " ", filename: t.filename || this.Zi.Ri() };
   }
-  ks(t, e = {}) {
-    const r = this.Ms(e), s = this.$s.jr(t.pipeline), i = this.$s.Ds(s, t.grid, t.font, r.emptyCharacter);
-    return this.Fs.Rs(i, r);
+  rr(t, e = {}) {
+    const i = this.Ji(e), r = this.Yi.tr(this.Yi.xi(t.pipeline), t.grid, t.font, i.emptyCharacter);
+    return this.Qi.er(r, i);
   }
-  Vs(t, e = {}) {
-    const r = this.ks(t, e), s = e.filename || this.Ts.Qr();
-    this.Ts.Vs(r, s);
+  sr(t, e = {}) {
+    this.Zi.sr(this.rr(t, e), e.filename);
   }
 }
-class Ut extends V {
-  Es(t, e = 1, r = "transparent") {
-    const s = t.canvas;
-    if (e === 1 && r === "transparent") return s;
-    const i = document.createElement("canvas"), o = i.getContext("2d"), n = Math.round(s.width * e), l = Math.round(s.height * e);
-    return i.width = n, i.height = l, r !== "transparent" && (o.fillStyle = r, o.fillRect(0, 0, n, l)), o.imageSmoothingEnabled = !1, o.drawImage(s, 0, 0, s.width, s.height, 0, 0, n, l), i;
+class zt extends $ {
+  nr(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 Dt {
-  Ps(t, e) {
-    const r = this.As(e.format);
-    return e.format === "png" ? t.toDataURL(r) : t.toDataURL(r, e.quality);
-  }
-  async zs(t, e) {
-    return new Promise((r, s) => {
-      const i = this.As(e.format), o = (n) => {
-        n ? r(n) : s(Error(`Failed to generate ${e.format.toUpperCase()} blob`));
+class Gt {
+  ar(t, e) {
+    const i = this.hr(e.format);
+    return e.format === "png" ? t.toDataURL(i) : t.toDataURL(i, e.quality);
+  }
+  async cr(t, e) {
+    return new Promise((i, r) => {
+      const s = this.hr(e.format), n = (o) => {
+        o ? i(o) : r(Error(`Failed to generate ${e.format.toUpperCase()} blob`));
       };
-      e.format === "png" ? t.toBlob(o, i) : t.toBlob(o, i, e.quality);
+      e.format === "png" ? t.toBlob(n, s) : t.toBlob(n, s, e.quality);
     });
   }
-  As(t) {
+  hr(t) {
     switch (t) {
       case "png":
         return "image/png";
@@ -1837,273 +1836,211 @@ class Dt {
     }
   }
 }
-const Pt = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, X = { png: ".png", jpg: ".jpg", webp: ".webp" };
-class Gt extends N {
-  Gs(t, e, r) {
-    this.Us(t, this.Yr(e) + X[r]);
+const Wt = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, V = { png: ".png", jpg: ".jpg", webp: ".webp" };
+class Ot extends z {
+  lr(t, e, i) {
+    this.ur(t, this.zi(e) + V[i]);
   }
-  Us(t, e) {
-    const r = URL.createObjectURL(t);
+  ur(t, e) {
+    const i = URL.createObjectURL(t);
     try {
-      const s = document.createElement("a");
-      s.href = r, s.download = e, s.style.display = "none", s.rel = "noopener", document.body.appendChild(s), s.click(), document.body.removeChild(s);
+      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);
     } finally {
-      URL.revokeObjectURL(r);
+      URL.revokeObjectURL(i);
     }
   }
-  Ls(t) {
-    return t in Pt && t in X;
+  dr(t) {
+    return t in Wt && t in V;
   }
 }
-class $t {
+class Nt {
   constructor() {
-    h(this, "$s");
-    h(this, "Fs");
-    h(this, "Ts");
-    this.$s = new Ut(), this.Fs = new Dt(), this.Ts = new Gt();
+    c(this, "Yi");
+    c(this, "Qi");
+    c(this, "Zi");
+    this.Yi = new zt(), this.Qi = new Gt(), this.Zi = new Ot();
   }
-  Ms(t) {
-    return { format: t.format ?? "png", quality: t.quality ?? 1, scale: t.scale ?? 1, backgroundColor: t.backgroundColor ?? "transparent" };
+  Ji(t) {
+    return { format: t.format ?? "png", quality: t.quality ?? 1, scale: t.scale ?? 1, backgroundColor: t.backgroundColor ?? "transparent", filename: t.filename || this.Zi.Ri() };
   }
-  Os(t) {
-    if (console.log("Validating image export options:", t), !this.Ts.Ls(t.format)) throw Error(`Saving '${t.format}' files is not supported`);
+  pr(t) {
+    if (!this.Zi.dr(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.scale > 10 && console.warn("Large scale factors may result in very large files and slow performance"), t.format === "jpg" && t.backgroundColor === "transparent" && (t.backgroundColor = "black");
-  }
-  js(t, e = {}) {
-    const r = this.Ms(e);
-    if (this.Os(r), r.scale === 1 && r.backgroundColor === "transparent") return this.Fs.Ps(t.canvas, r);
-    const s = this.$s.Es(t, r.scale, r.backgroundColor);
-    return this.Fs.Ps(s, r);
+    t.format === "jpg" && t.backgroundColor === "transparent" && (t.backgroundColor = "black");
   }
-  async zs(t, e = {}) {
-    const r = this.Ms(e);
-    if (this.Os(r), r.scale === 1 && r.backgroundColor === "transparent") return await this.Fs.zs(t.canvas, r);
-    const s = this.$s.Es(t, r.scale, r.backgroundColor);
-    return await this.Fs.zs(s, r);
+  async cr(t, e) {
+    if (e.scale === 1 && e.backgroundColor === "transparent") return await this.Qi.cr(t.canvas, e);
+    const i = this.Yi.nr(t, e.scale, e.backgroundColor);
+    return await this.Qi.cr(i, e);
   }
-  async Gs(t, e = {}) {
-    const r = await this.zs(t, e), s = e.format ?? "png", i = e.filename || this.Ts.Qr();
-    this.Ts.Gs(r, i, s);
+  async lr(t, e = {}) {
+    const i = this.Ji(e);
+    this.pr(i);
+    const r = await this.cr(t, i);
+    this.Zi.lr(r, i.filename, i.format);
   }
 }
-const It = (a) => class extends a {
+const kt = (a) => class extends a {
+  gr() {
+    this.$s.Ue(this._r);
+  }
   toString(t = {}) {
-    return new W().ks({ pipeline: this.Hs, grid: this.mr, font: this.Se }, t);
+    return this.gr(), new k().rr({ pipeline: this.mr, grid: this.vr, font: this.Gs }, t);
   }
   saveStrings(t = {}) {
-    new W().Vs({ pipeline: this.Hs, grid: this.mr, font: this.Se }, t);
+    this.gr(), new k().sr({ pipeline: this.mr, grid: this.vr, font: this.Gs }, t);
   }
   toSVG(t = {}) {
-    return new H().Ss(this, t);
+    return this.gr(), new N().Ki(this, t);
   }
   saveSVG(t = {}) {
-    new H().Cs(this, t);
+    this.gr(), new N().Xi(this, t);
   }
-  async saveCanvas(t, e = "png", r = {}) {
-    await new $t().Gs(this.Ze, { ...r, filename: t, format: e });
+  async saveCanvas(t = {}) {
+    await new Nt().lr(this.ti, t);
   }
-}, Bt = (a) => class extends a {
+}, Vt = (a) => class extends a {
   async loadFont(t) {
-    return this.Se.We(t).then(() => {
-      const e = this.Se.maxGlyphDimensions;
-      this.mr.er(e.width, e.height), this.Hs.ir();
+    return this.Gs.Ys(t).then(() => {
+      const e = this.Gs.maxGlyphDimensions;
+      this.vr.ii(e.width, e.height), this.$s.Oe();
     });
   }
   fontSize(t) {
-    if (!x.m(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.Se.fontSize === t) return;
-    this.Se.Be(t);
-    const e = this.Se.maxGlyphDimensions;
-    this.mr.er(e.width, e.height), this.Hs.ir(), this.be.Wt();
+    if (!M._(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.Gs.fontSize === t) return;
+    this.Gs.Xs(t);
+    const e = this.Gs.maxGlyphDimensions;
+    this.vr.ii(e.width, e.height), this.$s.Oe();
   }
-}, Lt = (a) => class extends a {
-  addConverter(t) {
-    return this.Hs.add(t);
+}, Xt = (a) => class extends a {
+  get frameCount() {
+    return this.Cr.frameCount;
   }
-  removeConverter(t) {
-    this.Hs.remove(t);
+  set frameCount(t) {
+    this.Cr.frameCount = t;
   }
-};
-class kt {
-  constructor() {
-    h(this, "be");
-    h(this, "Se");
-    h(this, "Hs");
-    h(this, "Ze");
-    h(this, "mr");
+  frameRate(t) {
+    return t === void 0 ? this.Cr.currentFrameRate : this.Cr.frameRate(t, () => this.yr());
   }
-}
-class Z extends function(e, ...r) {
-  return r.reduce((s, i) => i(s), e);
-}(kt, Ft, It, Bt, Lt) {
-  constructor(e = null, r = {}) {
-    super();
-    h(this, "ar");
-    h(this, "Bs");
-    h(this, "lr");
-    h(this, "Ws");
-    h(this, "Ns");
-    h(this, "Xs", null);
-    h(this, "qs", 0);
-    h(this, "Ys");
-    h(this, "Qs", !0);
-    h(this, "Zs", 0);
-    h(this, "Js", 0);
-    h(this, "Ks", 0);
-    h(this, "ti", []);
-    h(this, "ei", 10);
-    h(this, "ri", !1);
-    h(this, "si", !1);
-    h(this, "ii", () => {
-    });
-    h(this, "oi", () => {
-    });
-    h(this, "ni");
-    this.ar = e, this.si = e === null, this.Ws = r.renderMode ?? "auto", this.Ns = r.frameRate ?? 60, this.Ys = 1e3 / this.Ns;
-  }
-  static async create(e = null, r = {}) {
-    const s = new this(e, r), i = s.si ? r : void 0;
-    let o, n;
-    s.Ze = new wt(s.ar, s.si, i), s.be = new ht(s.Ze.dr()), s.si ? (o = r.width || 800, n = r.height || 600) : (o = s.Ze.width || 800, n = s.Ze.height || 600), s.Bs = s.be.jt(o, n), s.Se = new xt(s.be, r.fontSize ?? 16), await s.Se.Oe(r.fontSource);
-    const l = s.Se.maxGlyphDimensions;
-    return s.mr = new vt(s.Ze.canvas, l.width, l.height), s.Hs = new _t(s.be, s.Se, s.mr), s.ai(), s.hi(), s;
-  }
-  ai() {
-    this.ni = () => {
-      this.si ? this.oi() : this.li();
-    }, window.addEventListener("resize", this.ni), window.ResizeObserver && this.ar && !this.si && (this.lr = new ResizeObserver(() => {
-      this.li();
-    }), this.lr.observe(this.ar));
-  }
-  render() {
-    this.ci(), this.Ks++, this.ri ? console.warn("Cannot render: Required resources have been disposed") : (this.si ? (this.Bs.begin(), this.ii(), this.Bs.end()) : this.Bs.P(this.ar), this.Hs.hasEnabledConverters() ? (this.Hs.Or(this.Bs), this.be.Ht(0), this.be.Nt(this.Hs.texture, this.mr.offsetX, this.mr.offsetY, this.Hs.texture.width, this.Hs.texture.height)) : (this.be.Bt(), this.be.Nt(this.Bs, this.mr.offsetX, this.mr.offsetY, this.Bs.width, this.Bs.height)));
-  }
-  li() {
-    this.Ze.ir(), this.Bs.resize(this.Ze.width, this.Ze.height), this.mr.ir(), this.Hs.ir(), this.be.Wt(), this.Ws !== "manual" && this.render();
-  }
-  hi() {
-    if (this.Ws !== "auto" || !this.Qs) return;
-    this.qs = performance.now();
-    const e = (r) => {
-      if (!this.Qs) return void (this.Xs = null);
-      const s = r - this.qs;
-      s >= this.Ys && (this.render(), this.qs = r - s % this.Ys), this.Qs && (this.Xs = requestAnimationFrame(e));
-    };
-    this.Xs = requestAnimationFrame(e);
-  }
-  ci() {
-    const e = performance.now();
-    if (this.Js > 0) {
-      const r = e - this.Js;
-      this.ti.push(r), this.ti.length > this.ei && this.ti.shift();
-      const s = this.ti.reduce((i, o) => i + o, 0) / this.ti.length;
-      this.Zs = 1e3 / s;
-    }
-    this.Js = e;
+  noLoop() {
+    this.Cr.pause();
   }
-  ui() {
-    this.Xs && (cancelAnimationFrame(this.Xs), this.Xs = null);
+  loop() {
+    this.Cr.resume(() => this.yr());
   }
-  renderMode(e) {
-    this.Ws !== e && (this.ui(), this.Ws = e, e === "auto" && this.Qs && this.hi());
+  redraw(t = 1) {
+    if (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.yr();
   }
-  frameRate(e) {
-    if (e === void 0) return this.Zs;
-    this.Ns = e, this.Ys = 1e3 / e, this.Ws === "auto" && this.Qs && (this.ui(), this.hi());
+  isLooping() {
+    return this.Cr.isLooping;
   }
-  noLoop() {
-    this.Qs && (this.Qs = !1, this.Xs && (cancelAnimationFrame(this.Xs), this.Xs = null));
+};
+class jt {
+  constructor() {
+    c(this, "$s");
+    c(this, "Gs");
+    c(this, "ti");
+    c(this, "vr");
+    c(this, "Cr");
+    c(this, "_r");
+    c(this, "mr");
+    c(this, "wr");
   }
-  loop() {
-    this.Qs || (this.Qs = !0, this.Ws === "auto" && this.hi());
+  yr() {
   }
-  redraw(e = 1) {
-    if (x.m(typeof e == "number" && e > 0 && Number.isInteger(e), "Redraw count must be a positive integer.", { method: "redraw", providedValue: e })) for (let r = 0; r < e; r++) this.render();
+}
+class Yt extends function(e, ...i) {
+  return i.reduce((r, s) => s(r), e);
+}(jt, Pt, kt, Vt, Xt) {
+  constructor(e = {}) {
+    super();
+    c(this, "$r", !1);
+    c(this, "br", () => {
+    });
+    c(this, "Tr", () => {
+    });
+    c(this, "zr");
+    this.ti = new St(e), this.$s = new mt(this.ti.ai()), this.Gs = new At(this.$s, e.fontSize ?? 16), this.Cr = new Ft(e.frameRate ?? 60), this._r = this.$s.Fe(`#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 float a_instanceGlobalRotation;in vec2 a_instanceRotationCenter;in vec2 a_instanceBezierCP1;in vec2 a_instanceBezierCP2;in vec2 a_instanceBezierStart;in vec2 a_instanceBezierEnd;in vec2 a_instanceArcAngles;uniform float u_aspectRatio;uniform vec2 u_viewportSize;out vec2 v_uv;out vec3 v_character;out vec4 v_primaryColor;out vec4 v_secondaryColor;out vec2 v_rotation;out vec3 v_transform;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}vec2 evaluateBezier(float t,vec2 p0,vec2 p1,vec2 p2,vec2 p3){float oneMinusT=1.0-t;float oneMinusT2=oneMinusT*oneMinusT;float oneMinusT3=oneMinusT2*oneMinusT;float t2=t*t;float t3=t2*t;return oneMinusT3*p0+3.0*oneMinusT2*t*p1+3.0*oneMinusT*t2*p2+t3*p3;}vec2 evaluateBezierDerivative(float t,vec2 p0,vec2 p1,vec2 p2,vec2 p3){float oneMinusT=1.0-t;float oneMinusT2=oneMinusT*oneMinusT;float t2=t*t;return-3.0*oneMinusT2*p0+3.0*oneMinusT2*p1-6.0*oneMinusT*t*p1+6.0*oneMinusT*t*p2-3.0*t2*p2+3.0*t2*p3;}void main(){v_uv=a_texCoord;v_character=a_instanceCharacter;v_primaryColor=a_instancePrimaryColor;v_secondaryColor=a_instanceSecondaryColor;v_rotation=a_instanceRotation;v_transform=a_instanceTransform;vec2 worldPosition;bool isBezierCurve=length(a_instanceBezierCP1)>0.0||length(a_instanceBezierCP2)>0.0||length(a_instanceBezierStart)>0.0||length(a_instanceBezierEnd)>0.0;bool isArc=a_instanceArcAngles.x!=0.0||a_instanceArcAngles.y!=0.0;if(isBezierCurve){float t=a_position.x;float thicknessOffset=a_position.y;vec2 curvePoint=evaluateBezier(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 tangent=evaluateBezierDerivative(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float tangentLength=length(tangent);if(tangentLength>0.0){tangent=tangent/tangentLength;}else{tangent=vec2(1.0,0.0);}vec2 normal=vec2(-tangent.y,tangent.x);float thickness=a_instanceSize.y;vec2 thicknessVector=normal*thicknessOffset*thickness;worldPosition=curvePoint+thicknessVector;}else if(isArc){float startA=a_instanceArcAngles.x;float stopA=a_instanceArcAngles.y;float TWO_PI=6.28318530718;startA=mod(startA,TWO_PI);if(startA<0.0)startA+=TWO_PI;stopA=mod(stopA,TWO_PI);if(stopA<0.0)stopA+=TWO_PI;float cwDelta=startA-stopA;if(cwDelta<=0.0)cwDelta+=TWO_PI;float angle=startA-a_position.x*cwDelta;float r=a_position.y;vec2 local=vec2(cos(angle),sin(angle))*r;vec2 scaledPosition=local*a_instanceSize*0.5+vec2(a_instanceSize.x*0.5,a_instanceSize.y*0.5);worldPosition=scaledPosition+a_instancePosition;}else{vec2 scaledPosition=a_position*a_instanceSize;worldPosition=scaledPosition+a_instancePosition;}vec2 ndc=(worldPosition/u_viewportSize)*2.0-1.0;ndc.y=-ndc.y;if(a_instanceGlobalRotation!=0.0){ndc-=a_instanceRotationCenter;ndc.x*=u_aspectRatio;ndc=rotate2D(-a_instanceGlobalRotation)*ndc;ndc.x/=u_aspectRatio;ndc+=a_instanceRotationCenter;}gl_Position=vec4(ndc,0.0,1.0);}`, `#version 300 es
+precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.0);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.0,1.0);o_transform=vec4(v_transform,1.0);}`), this.wr = this.$s.Fe("attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.0,1.0);}", "precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;uniform vec2 u_gridOffsetPixels;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=(gl_FragCoord.xy-u_gridOffsetPixels)/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=-(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}");
+  }
+  static async create(e = {}) {
+    const i = new this(e);
+    await i.Gs.Hs(e.fontSource);
+    const r = i.Gs.maxGlyphDimensions;
+    return i.vr = new _t(i.ti.canvas, r.width, r.height), i.mr = i.$s.We(i.vr.cols, i.vr.rows, 5), i.Rr(), i.Cr.start(() => i.yr()), i;
+  }
+  Rr() {
+    this.zr = () => {
+      this.Tr();
+    }, window.addEventListener("resize", this.zr);
   }
-  isLooping() {
-    return this.Ws === "auto" && this.Qs;
+  yr() {
+    if (this.Cr.measureFrameRate(), this.Cr.incrementFrame(), this.$r) return;
+    this.mr.V(), this.$s.Pe(this._r), this.br(), this.$s.Ue(this._r), this.mr.O();
+    const e = this.$s.state.canvasBackgroundColor;
+    this.$s.te(e[0], e[1], e[2], e[3]), this.$s.Pe(this.wr), this.wr.et({ u_characterTexture: this.Gs.fontFramebuffer, u_charsetDimensions: [this.Gs.textureColumns, this.Gs.textureRows], u_asciiCharacterTexture: this.mr.textures[0], u_primaryColorTexture: this.mr.textures[1], u_secondaryColorTexture: this.mr.textures[2], u_transformTexture: this.mr.textures[4], u_rotationTexture: this.mr.textures[3], u_gridCellDimensions: [this.vr.cols, this.vr.rows], u_gridPixelDimensions: [this.vr.width, this.vr.height], u_gridOffsetPixels: [this.vr.offsetX, this.vr.offsetY], u_aspectRatio: this.vr.width / this.vr.height }), this.$s.Ge(this.vr.offsetX, this.vr.offsetY, this.vr.width, this.vr.height);
   }
   draw(e) {
-    this.ii = e;
+    this.br = e;
   }
   windowResized(e) {
-    this.oi = e;
+    this.Tr = e;
   }
-  resizeCanvas(e, r) {
-    this.si && (this.Ze.ir(e, r), this.Bs.resize(this.Ze.width, this.Ze.height), this.mr.ir(), this.Hs.ir(), this.be.Wt(), this.Ws !== "manual" && this.render());
+  resizeCanvas(e, i) {
+    this.ti.L(e, i), this.vr.yt(), this.mr.L(this.vr.cols, this.vr.rows), this.$s.Oe(), this.yr();
   }
   destroy() {
-    this.ri || (this.ui(), window.removeEventListener("resize", this.ni), this.lr && this.lr.disconnect(), this.Hs.A(), this.Se.A(), this.Bs.A(), this.be.A(), this.ri = !0);
+    this.$r || (this.Cr.stop(), window.removeEventListener("resize", this.zr), this.Gs.U(), this.$s.U(), this.$r = !0);
   }
   get grid() {
-    return this.mr;
+    return this.vr;
   }
   get font() {
-    return this.Se;
-  }
-  get mode() {
-    return this.Ws;
-  }
-  get pipeline() {
-    return this.Hs;
-  }
-  get frameCount() {
-    return this.Ks;
-  }
-  get renderer() {
-    return this.be;
-  }
-  set frameCount(e) {
-    this.Ks = e;
+    return this.Gs;
   }
   get width() {
-    return this.Ze.width;
+    return this.ti.width;
   }
   get height() {
-    return this.Ze.height;
+    return this.ti.height;
   }
   get canvas() {
-    return this.Ze;
+    return this.ti.canvas;
   }
   get isDisposed() {
-    return this.ri;
+    return this.$r;
+  }
+  get drawFramebuffer() {
+    return this.mr;
   }
 }
-class O {
+class G {
   constructor() {
-    throw new w("Textmode is a static class and cannot be instantiated.");
+    throw new y("Textmode is a static class and cannot be instantiated.");
   }
-  static async create(t, e = {}) {
-    if (!(t == null || t instanceof HTMLCanvasElement || t instanceof HTMLVideoElement || typeof t == "object")) throw new w("First parameter must be HTMLCanvasElement, HTMLVideoElement, or options object.");
-    if (typeof e != "object") throw new w("Second parameter must be an options object.");
-    if (t instanceof HTMLCanvasElement || t instanceof HTMLVideoElement) return Z.create(t, e);
-    {
-      const r = t || {};
-      return Z.create(null, r);
-    }
+  static async create(t) {
+    return Yt.create(t);
   }
   static setErrorLevel(t) {
-    x._(t);
+    M.m(t);
   }
   static get version() {
-    return "0.1.9";
+    return "0.2.0-beta.2";
   }
 }
-const Ot = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), jt = Object.freeze(Object.defineProperty({ __proto__: null, DEFAULT_FRAMEBUFFER_OPTIONS: { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte" }, Framebuffer: K, Shader: J }, Symbol.toStringTag, { value: "Module" })), zt = O.create, Ht = O.setErrorLevel, Wt = O.version;
+const qt = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), Zt = G.create, Qt = G.setErrorLevel, Jt = G.version;
 export {
-  wt as TextmodeCanvas,
-  Ct as TextmodeColorPalette,
-  _t as TextmodeConversionPipeline,
-  ot as TextmodeErrorLevel,
-  xt as TextmodeFont,
-  vt as TextmodeGrid,
-  Z as Textmodifier,
-  Nt as converters,
-  zt as create,
-  Ot as export,
-  jt as rendering,
-  Ht as setErrorLevel,
-  O as textmode,
-  Wt as version
+  St as TextmodeCanvas,
+  Q as TextmodeErrorLevel,
+  At as TextmodeFont,
+  _t as TextmodeGrid,
+  Yt as Textmodifier,
+  Zt as create,
+  qt as export,
+  Qt as setErrorLevel,
+  G as textmode,
+  Jt as version
 };