textmode.js 0.1.6-beta.6 → 0.1.7

package/dist/textmode.esm.min.js

@@ -1,609 +1,606 @@
-var Z = Object.defineProperty;
-var J = (h, t, e) => t in h ? Z(h, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[t] = e;
-var a = (h, t, e) => J(h, typeof t != "symbol" ? t + "" : t, e);
-class v extends Error {
-  constructor(e, s, i = {}) {
-    super(v.i(e, i));
-    a(this, "t");
-    a(this, "context");
-    this.name = "TextmodeError", this.t = s, this.context = i;
-  }
-  static i(e, s) {
-    let i = e;
-    if (s && Object.keys(s).length > 0) {
-      i += `
+var J = Object.defineProperty;
+var K = (a, t, e) => t in a ? J(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var h = (a, t, e) => K(a, typeof t != "symbol" ? t + "" : t, e);
+class b extends Error {
+  constructor(t, e = {}) {
+    super(b.i(t, e)), this.name = "TextmodeError";
+  }
+  static i(t, e) {
+    let r = t;
+    if (e && Object.keys(e).length > 0) {
+      r += `
 
 📋 Context:`;
-      for (const [r, o] of Object.entries(s))
-        i += `
-  - ${r}: ${v.o(o)}`;
+      for (const [s, i] of Object.entries(e))
+        r += `
+  - ${s}: ${b.o(i)}`;
     }
-    return i += `
+    return r += `
 
-`, i += "↓".repeat(24) + `
-`, i;
-  }
-  static o(e) {
-    if (e === null) return "null";
-    if (e === void 0) return "undefined";
-    if (typeof e == "string") return `"${e}"`;
-    if (typeof e == "number" || typeof e == "boolean") return e + "";
-    if (Array.isArray(e)) return e.length === 0 ? "[]" : e.length <= 5 ? `[${e.map((s) => v.o(s)).join(", ")}]` : `[${e.slice(0, 3).map((s) => v.o(s)).join(", ")}, ... +${e.length - 3} more]`;
-    if (typeof e == "object") {
-      const s = Object.keys(e);
-      return s.length === 0 ? "{}" : s.length <= 3 ? `{ ${s.map((i) => `${i}: ${v.o(e[i])}`).join(", ")} }` : `{ ${s.slice(0, 2).map((i) => `${i}: ${v.o(e[i])}`).join(", ")}, ... +${s.length - 2} more }`;
+`, r += "↓".repeat(24) + `
+`, r;
+  }
+  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) => b.o(e)).join(", ")}]` : `[${t.slice(0, 3).map((e) => b.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}: ${b.o(t[r])}`).join(", ")} }` : `{ ${e.slice(0, 2).map((r) => `${r}: ${b.o(t[r])}`).join(", ")}, ... +${e.length - 2} more }`;
     }
-    return e + "";
+    return t + "";
   }
 }
-var tt = ((h) => (h[h.SILENT = 0] = "SILENT", h[h.WARNING = 1] = "WARNING", h[h.ERROR = 2] = "ERROR", h[h.THROW = 3] = "THROW", h))(tt || {});
-const F = class F {
+var tt = ((a) => (a[a.SILENT = 0] = "SILENT", a[a.WARNING = 1] = "WARNING", a[a.ERROR = 2] = "ERROR", a[a.THROW = 3] = "THROW", a))(tt || {});
+const P = class P {
   constructor() {
-    a(this, "l", { u: 3 });
+    h(this, "l", { globalLevel: 3 });
   }
-  static m() {
-    return F.h || (F.h = new F()), F.h;
+  static u() {
+    return P.h || (P.h = new P()), P.h;
   }
-  p(t, e, s) {
-    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.u) {
+  m(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;";
+    switch (this.l.globalLevel) {
       case 0:
         return !1;
       case 1:
-        return console.group(i, r), console.warn(v.i(t, e)), console.groupEnd(), !1;
+        return console.group(r, s), console.warn(b.i(t, e)), console.groupEnd(), !1;
       case 2:
-        return console.group(i, r), console.error(v.i(t, e)), console.groupEnd(), !1;
+        return console.group(r, s), console.error(b.i(t, e)), console.groupEnd(), !1;
       default:
-        throw new v(t, s, e);
+        throw new b(t, e);
     }
   }
-  validate(t, e, s) {
-    return !!t || (this.p(e, s), !1);
+  p(t, e, r) {
+    return !!t || (this.m(e, r), !1);
   }
-  v(t) {
-    this.l.u = t;
+  _(t) {
+    this.l.globalLevel = t;
   }
 };
-a(F, "h", null);
-let P = F;
-const w = P.m(), W = /* @__PURE__ */ new WeakMap();
-function U(h, t) {
-  W.set(h, t);
+h(P, "h", null);
+let B = P;
+const C = B.u(), X = /* @__PURE__ */ new WeakMap();
+function $(a, t) {
+  X.set(a, t);
 }
-function X(h) {
-  return W.get(h);
+function W(a) {
+  return X.get(a);
 }
-class q {
-  constructor(t, e, s = e, i = {}) {
-    a(this, "_");
-    a(this, "C");
-    a(this, "F");
-    a(this, "$");
-    a(this, "D");
-    a(this, "options");
-    a(this, "M", null);
-    a(this, "S", null);
-    this._ = t, this.$ = e, this.D = s, this.options = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...i }, this.F = this.createTexture(), this.C = t.createFramebuffer(), this.V();
-  }
-  R(t) {
-    const { _: e } = this, s = e.getParameter(e.FRAMEBUFFER_BINDING);
+class H {
+  constructor(t, e, r = e, s = {}) {
+    h(this, "v");
+    h(this, "C");
+    h(this, "$");
+    h(this, "F");
+    h(this, "D");
+    h(this, "l");
+    h(this, "M", null);
+    h(this, "S", null);
+    this.v = t, this.F = e, this.D = r, this.l = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...s }, this.$ = this.R(), this.C = t.createFramebuffer(), this.V();
+  }
+  k(t) {
+    const { v: e } = this, r = e.getParameter(e.FRAMEBUFFER_BINDING);
     e.bindFramebuffer(e.FRAMEBUFFER, this.C);
     try {
       return t();
     } finally {
-      e.bindFramebuffer(e.FRAMEBUFFER, s);
+      e.bindFramebuffer(e.FRAMEBUFFER, r);
     }
   }
-  createTexture() {
-    const { _: t } = this, e = t.createTexture();
+  R() {
+    const { v: t } = this, e = t.createTexture();
     t.bindTexture(t.TEXTURE_2D, e);
-    const s = this.options.filter === "linear" ? t.LINEAR : t.NEAREST, i = this.options.wrap === "repeat" ? t.REPEAT : t.CLAMP_TO_EDGE;
-    return t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, s), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, s), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, i), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, i), this.k(), e;
+    const r = this.l.filter === "linear" ? t.LINEAR : t.NEAREST, s = this.l.wrap === "repeat" ? t.REPEAT : t.CLAMP_TO_EDGE;
+    return t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, r), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, r), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, s), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, s), this.I(), e;
   }
-  k() {
-    const { _: t } = this, e = this.options.type === "float" ? t.FLOAT : t.UNSIGNED_BYTE;
-    t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, this.$, this.D, 0, t.RGBA, e, null);
+  I() {
+    const { v: t } = this, e = this.l.type === "float" ? t.FLOAT : t.UNSIGNED_BYTE;
+    t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, this.F, this.D, 0, t.RGBA, e, null);
   }
   V() {
-    const { _: t } = this;
-    t.bindFramebuffer(t.FRAMEBUFFER, this.C), t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, this.F, 0), t.bindFramebuffer(t.FRAMEBUFFER, null);
+    const { v: t } = this;
+    t.bindFramebuffer(t.FRAMEBUFFER, this.C), t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, this.$, 0), t.bindFramebuffer(t.FRAMEBUFFER, null);
   }
   update(t) {
-    const { _: e } = this;
-    e.bindTexture(e.TEXTURE_2D, this.F), 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);
+    const { v: e } = this;
+    e.bindTexture(e.TEXTURE_2D, this.$), 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);
   }
-  I(t, e, s) {
-    const { _: i } = this;
-    i.bindTexture(i.TEXTURE_2D, this.F), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, e, s, 0, i.RGBA, i.UNSIGNED_BYTE, t), i.bindTexture(i.TEXTURE_2D, null);
+  updatePixels(t, e, r) {
+    const { v: s } = this;
+    s.bindTexture(s.TEXTURE_2D, this.$), s.texImage2D(s.TEXTURE_2D, 0, s.RGBA, e, r, 0, s.RGBA, s.UNSIGNED_BYTE, t), s.bindTexture(s.TEXTURE_2D, null);
   }
   resize(t, e) {
-    const { _: s } = this;
-    this.$ = t, this.D = e, this.S = null, s.bindTexture(s.TEXTURE_2D, this.F), this.k(), s.bindTexture(s.TEXTURE_2D, null);
+    const { v: r } = this;
+    this.F = t, this.D = e, this.S = null, r.bindTexture(r.TEXTURE_2D, this.$), this.I(), r.bindTexture(r.TEXTURE_2D, null);
   }
-  P() {
-    const { _: t } = this;
-    this.M = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.C), t.viewport(0, 0, this.$, this.D), U(t, [0, 0, this.$, this.D]);
+  begin() {
+    const { v: t } = this;
+    this.M = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.C), t.viewport(0, 0, this.F, this.D), $(t, [0, 0, this.F, this.D]);
   }
   end() {
     if (!this.M) return;
-    const { _: t } = this;
-    t.bindFramebuffer(t.FRAMEBUFFER, this.M.framebuffer), t.viewport(...this.M.viewport), U(t, this.M.viewport), this.M = null;
+    const { v: t } = this;
+    t.bindFramebuffer(t.FRAMEBUFFER, this.M.framebuffer), t.viewport(...this.M.viewport), $(t, this.M.viewport), this.M = null;
   }
-  A() {
-    const { _: t } = this;
-    this.S || (this.S = new Uint8Array(this.$ * this.D * 4)), this.R(() => {
-      t.readPixels(0, 0, this.$, this.D, t.RGBA, t.UNSIGNED_BYTE, this.S);
+  loadPixels() {
+    const { v: t } = this;
+    this.S || (this.S = new Uint8Array(this.F * this.D * 4)), this.k(() => {
+      t.readPixels(0, 0, this.F, this.D, t.RGBA, t.UNSIGNED_BYTE, this.S);
     });
   }
-  get(t, e, s, i) {
-    const { _: r } = this;
+  get(t, e, r, s) {
+    const { v: i } = this;
     if (t === void 0 && e === void 0) {
-      const o = new Uint8Array(this.$ * this.D * 4);
-      return this.R(() => (r.readPixels(0, 0, this.$, this.D, r.RGBA, r.UNSIGNED_BYTE, o), o));
+      const o = new Uint8Array(this.F * this.D * 4);
+      return this.k(() => (i.readPixels(0, 0, this.F, this.D, i.RGBA, i.UNSIGNED_BYTE, o), o));
     }
-    if (s === void 0 && i === void 0) {
-      (t < 0 || e < 0 || t >= this.$ || e >= this.D) && (console.warn("The x and y values passed to Framebuffer.get are outside of its range and will be clamped."), t = Math.max(0, Math.min(t, this.$ - 1)), e = Math.max(0, Math.min(e, this.D - 1)));
+    if (r === void 0 && s === void 0) {
+      (t < 0 || e < 0 || t >= this.F || e >= this.D) && (console.warn("The x and y values passed to Framebuffer.get are outside of its range and will be clamped."), t = Math.max(0, Math.min(t, this.F - 1)), e = Math.max(0, Math.min(e, this.D - 1)));
       const o = new Uint8Array(4);
-      return this.R(() => (r.readPixels(t, e, 1, 1, r.RGBA, r.UNSIGNED_BYTE, o), [o[0], o[1], o[2], o[3]]));
+      return this.k(() => (i.readPixels(t, e, 1, 1, i.RGBA, i.UNSIGNED_BYTE, o), [o[0], o[1], o[2], o[3]]));
     }
     {
-      t = Math.max(0, Math.min(t, this.$ - 1)), e = Math.max(0, Math.min(e, this.D - 1)), s = Math.max(1, Math.min(s, this.$ - t)), i = Math.max(1, Math.min(i, this.D - e));
-      const o = new Uint8Array(s * i * 4);
-      return this.R(() => (r.readPixels(t, e, s, i, r.RGBA, r.UNSIGNED_BYTE, o), o));
+      t = Math.max(0, Math.min(t, this.F - 1)), e = Math.max(0, Math.min(e, this.D - 1)), r = Math.max(1, Math.min(r, this.F - t)), s = Math.max(1, Math.min(s, this.D - e));
+      const o = new Uint8Array(r * s * 4);
+      return this.k(() => (i.readPixels(t, e, r, s, i.RGBA, i.UNSIGNED_BYTE, o), o));
     }
   }
-  dispose() {
-    this.C && this._.deleteFramebuffer(this.C), this.F && this._.deleteTexture(this.F);
+  P() {
+    this.C && this.v.deleteFramebuffer(this.C), this.$ && this.v.deleteTexture(this.$);
   }
   get framebuffer() {
     return this.C;
   }
   get texture() {
-    return this.F;
+    return this.$;
   }
   get width() {
-    return this.$;
+    return this.F;
   }
   get height() {
     return this.D;
   }
-  get U() {
+  get pixels() {
     return this.S;
   }
 }
-class T {
-  constructor(t, e, s) {
-    a(this, "_");
-    a(this, "G");
-    a(this, "L", /* @__PURE__ */ new Map());
-    a(this, "H", /* @__PURE__ */ new Map());
-    a(this, "O", 0);
-    a(this, "j");
-    this._ = t, this.G = this.createProgram(e, s), this.j = t.getParameter(t.MAX_TEXTURE_IMAGE_UNITS), this.W();
-  }
-  W() {
-    const t = this._.getProgramParameter(this.G, this._.ACTIVE_UNIFORMS);
+class y {
+  constructor(t, e, r) {
+    h(this, "v");
+    h(this, "U");
+    h(this, "A", /* @__PURE__ */ new Map());
+    h(this, "G", /* @__PURE__ */ new Map());
+    h(this, "L", 0);
+    h(this, "H");
+    this.v = t, this.U = this.O(e, r), this.H = t.getParameter(t.MAX_TEXTURE_IMAGE_UNITS), this.j();
+  }
+  j() {
+    const t = this.v.getProgramParameter(this.U, this.v.ACTIVE_UNIFORMS);
     for (let e = 0; e < t; e++) {
-      const s = this._.getActiveUniform(this.G, e);
-      if (s) {
-        const i = this._.getUniformLocation(this.G, s.name);
-        i && (this.L.set(s.name, i), this.H.set(s.name, s.type));
+      const r = this.v.getActiveUniform(this.U, e);
+      if (r) {
+        const s = this.v.getUniformLocation(this.U, r.name);
+        s && (this.A.set(r.name, s), this.G.set(r.name, r.type));
       }
     }
   }
-  createProgram(t, e) {
-    const s = this.createShader(this._.VERTEX_SHADER, t), i = this.createShader(this._.FRAGMENT_SHADER, e), r = this._.createProgram();
-    if (this._.attachShader(r, s), this._.attachShader(r, i), this._.linkProgram(r), !this._.getProgramParameter(r, this._.LINK_STATUS)) {
-      const o = this._.getProgramInfoLog(r);
+  O(t, e) {
+    const r = this.W(this.v.VERTEX_SHADER, t), s = this.W(this.v.FRAGMENT_SHADER, e), i = this.v.createProgram();
+    if (this.v.attachShader(i, r), this.v.attachShader(i, s), this.v.linkProgram(i), !this.v.getProgramParameter(i, this.v.LINK_STATUS)) {
+      const o = this.v.getProgramInfoLog(i);
       throw Error("Shader program link error: " + o);
     }
-    return this._.deleteShader(s), this._.deleteShader(i), r;
+    return this.v.deleteShader(r), this.v.deleteShader(s), i;
   }
-  createShader(t, e) {
-    const s = this._.createShader(t);
-    if (this._.shaderSource(s, e), this._.compileShader(s), !this._.getShaderParameter(s, this._.COMPILE_STATUS)) {
-      const i = this._.getShaderInfoLog(s);
-      throw this._.deleteShader(s), Error("Shader compilation error: " + i);
+  W(t, e) {
+    const r = this.v.createShader(t);
+    if (this.v.shaderSource(r, e), this.v.compileShader(r), !this.v.getShaderParameter(r, this.v.COMPILE_STATUS)) {
+      const s = this.v.getShaderInfoLog(r);
+      throw this.v.deleteShader(r), Error("Shader compilation error: " + s);
     }
-    return s;
+    return r;
   }
   N() {
-    this._.useProgram(this.G), this.X();
+    this.v.useProgram(this.U), this.X();
   }
-  Y(t, e) {
-    const s = this.L.get(t);
-    if (s) if (typeof e == "number")
-      this.q(t) ? this._.uniform1i(s, Math.floor(e)) : this._.uniform1f(s, e);
-    else if (typeof e == "boolean") this._.uniform1i(s, e ? 1 : 0);
+  setUniform(t, e) {
+    const r = this.A.get(t);
+    if (r) if (typeof e == "number")
+      this.q(t) ? this.v.uniform1i(r, Math.floor(e)) : this.v.uniform1f(r, e);
+    else if (typeof e == "boolean") this.v.uniform1i(r, e ? 1 : 0);
     else if (Array.isArray(e)) switch (e.length) {
       case 2:
-        this._.uniform2f(s, e[0], e[1]);
+        this.v.uniform2f(r, e[0], e[1]);
         break;
       case 3:
-        this._.uniform3f(s, e[0], e[1], e[2]);
+        this.v.uniform3f(r, e[0], e[1], e[2]);
         break;
       case 4:
-        this._.uniform4f(s, e[0], e[1], e[2], e[3]);
+        this.v.uniform4f(r, e[0], e[1], e[2], e[3]);
         break;
       default:
         console.warn(`Unsupported array length ${e.length} for uniform '${t}'`);
     }
     else if (e instanceof WebGLTexture) {
-      const i = this.Z();
-      this._.uniform1i(s, i), this._.activeTexture(this._.TEXTURE0 + i), this._.bindTexture(this._.TEXTURE_2D, e);
-    } else if (e instanceof q) {
-      const i = this.Z();
-      this._.uniform1i(s, i), this._.activeTexture(this._.TEXTURE0 + i), this._.bindTexture(this._.TEXTURE_2D, e.texture);
+      const s = this.Y();
+      this.v.uniform1i(r, s), this.v.activeTexture(this.v.TEXTURE0 + s), this.v.bindTexture(this.v.TEXTURE_2D, e);
+    } else if (e instanceof H) {
+      const s = this.Y();
+      this.v.uniform1i(r, s), this.v.activeTexture(this.v.TEXTURE0 + s), this.v.bindTexture(this.v.TEXTURE_2D, e.texture);
     } else console.warn(`Unsupported uniform type for '${t}':`, typeof e);
   }
-  Z() {
-    return this.O >= this.j && console.warn(`Exceeded maximum texture units (${this.j}). Texture may not render correctly.`), this.O++;
+  Y() {
+    return this.L >= this.H && console.warn(`Exceeded maximum texture units (${this.H}). Texture may not render correctly.`), this.L++;
   }
   q(t) {
-    const e = this.H.get(t);
-    return !!e && (e === this._.INT || e === this._.INT_VEC2 || e === this._.INT_VEC3 || e === this._.INT_VEC4 || e === this._.SAMPLER_2D || e === this._.SAMPLER_CUBE);
+    const e = this.G.get(t);
+    return !!e && (e === this.v.INT || e === this.v.INT_VEC2 || e === this.v.INT_VEC3 || e === this.v.INT_VEC4 || e === this.v.SAMPLER_2D || e === this.v.SAMPLER_CUBE);
   }
-  get J() {
-    return this.G;
+  get glProgram() {
+    return this.U;
   }
-  dispose() {
-    this._.deleteProgram(this.G);
+  P() {
+    this.v.deleteProgram(this.U);
   }
   X() {
-    this.O = 0;
+    this.L = 0;
   }
 }
-class Q {
+class q {
   constructor(t) {
-    a(this, "_");
-    a(this, "K", null);
-    a(this, "tt", 16);
-    a(this, "et", /* @__PURE__ */ new Map());
-    this._ = t;
-  }
-  st() {
-    if (this.K) return;
-    const t = this._;
-    this.K = t.createBuffer(), t.bindBuffer(t.ARRAY_BUFFER, this.K);
-  }
-  rt() {
-    const t = this._, e = t.getParameter(t.CURRENT_PROGRAM);
-    let s = this.et.get(e);
-    return s || (s = { it: t.getAttribLocation(e, "a_position"), ot: t.getAttribLocation(e, "a_texCoord") }, this.et.set(e, s)), t.enableVertexAttribArray(s.it), t.vertexAttribPointer(s.it, 2, t.FLOAT, !1, this.tt, 0), t.enableVertexAttribArray(s.ot), t.vertexAttribPointer(s.ot, 2, t.FLOAT, !1, this.tt, 8), { nt: s.it, ht: s.ot };
-  }
-  lt(t, e) {
-    const s = this._;
-    s.disableVertexAttribArray(t), s.disableVertexAttribArray(e);
-  }
-  ct(t, e) {
-    const s = this._, i = X(s) || [0, 0, s.canvas.width, s.canvas.height];
-    return { ut: t / i[2] * 2 - 1, ft: 1 - e / i[3] * 2 };
-  }
-  dt(t, e, s, i) {
-    const r = this._;
-    this.st(), r.bindBuffer(r.ARRAY_BUFFER, this.K);
-    const o = new Float32Array([t, i, 0, 0, s, i, 1, 0, t, e, 0, 1, t, e, 0, 1, s, i, 1, 0, s, e, 1, 1]);
-    r.bufferData(r.ARRAY_BUFFER, o, r.DYNAMIC_DRAW);
-  }
-  dispose() {
-    this.K && this._.deleteBuffer(this.K);
+    h(this, "v");
+    h(this, "Z", null);
+    h(this, "J", 16);
+    h(this, "K", /* @__PURE__ */ new Map());
+    this.v = t;
+  }
+  tt() {
+    if (this.Z) return;
+    const t = this.v;
+    this.Z = t.createBuffer(), t.bindBuffer(t.ARRAY_BUFFER, this.Z);
+  }
+  et() {
+    const t = this.v, e = t.getParameter(t.CURRENT_PROGRAM);
+    let r = this.K.get(e);
+    return r || (r = { a_position: t.getAttribLocation(e, "a_position"), a_texCoord: t.getAttribLocation(e, "a_texCoord") }, this.K.set(e, r)), t.enableVertexAttribArray(r.a_position), t.vertexAttribPointer(r.a_position, 2, t.FLOAT, !1, this.J, 0), t.enableVertexAttribArray(r.a_texCoord), t.vertexAttribPointer(r.a_texCoord, 2, t.FLOAT, !1, this.J, 8), { positionLoc: r.a_position, texLoc: r.a_texCoord };
+  }
+  rt(t, e) {
+    const r = this.v;
+    r.disableVertexAttribArray(t), r.disableVertexAttribArray(e);
+  }
+  st(t, e) {
+    const r = this.v, s = W(r) || [0, 0, r.canvas.width, r.canvas.height];
+    return { nx: t / s[2] * 2 - 1, ny: 1 - e / s[3] * 2 };
+  }
+  it(t, e, r, s) {
+    const i = this.v;
+    this.tt(), i.bindBuffer(i.ARRAY_BUFFER, this.Z);
+    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);
+  }
+  P() {
+    this.Z && this.v.deleteBuffer(this.Z);
   }
 }
-class et extends Q {
+class et extends q {
   constructor(t) {
     super(t);
   }
-  gt(t, e, s, i) {
-    const r = this.ct(t, e), o = this.ct(t + s, e + i);
-    this.dt(r.ut, r.ft, o.ut, o.ft);
-    const n = this.rt();
-    this._.drawArrays(this._.TRIANGLES, 0, 6), this.lt(n.nt, n.ht);
+  ot(t, e, r, s) {
+    const i = this.st(t, e), o = this.st(t + r, e + s);
+    this.it(i.nx, i.ny, o.nx, o.ny);
+    const n = this.et();
+    this.v.drawArrays(this.v.TRIANGLES, 0, 6), this.rt(n.positionLoc, n.texLoc);
   }
-  vt(t, e, s, i, r) {
-    this.gt(t, e, s, r), this.gt(t + s - r, e, r, i), this.gt(t, e + i - r, s, r), this.gt(t, e, r, i);
+  nt(t, e, r, s, i) {
+    this.ot(t, e, r, i), this.ot(t + r - i, e, i, s), this.ot(t, e + s - i, r, i), this.ot(t, e, i, s);
   }
 }
-class st extends Q {
+class rt extends q {
   constructor(t) {
     super(t);
   }
-  draw(t, e, s, i, r) {
-    const o = s - t, n = i - e, l = Math.hypot(o, n);
+  ht(t, e, r, s, i) {
+    const o = r - t, n = s - e, l = Math.hypot(o, n);
     if (l === 0) {
-      const u = r / 2, d = this.ct(t - u, e - u), f = this.ct(t + u, e + u);
-      this.dt(d.ut, d.ft, f.ut, f.ft);
+      const u = i / 2, d = this.st(t - u, e - u), f = this.st(t + u, e + u);
+      this.it(d.nx, d.ny, f.nx, f.ny);
     } else {
-      const u = -n / l, d = o / l, f = r / 2, p = t + u * f, _ = e + d * f, m = t - u * f, x = e - d * f, y = s + u * f, b = i + d * f, R = s - u * f, E = i - d * f, S = this.ct(p, _), M = this.ct(m, x), L = this.ct(y, b), k = this.ct(R, E), D = this._;
-      this.st(), D.bindBuffer(D.ARRAY_BUFFER, this.K);
-      const K = new Float32Array([S.ut, S.ft, 0, 0, M.ut, M.ft, 0, 1, L.ut, L.ft, 1, 0, M.ut, M.ft, 0, 1, k.ut, k.ft, 1, 1, L.ut, L.ft, 1, 0]);
-      D.bufferData(D.ARRAY_BUFFER, K, D.DYNAMIC_DRAW);
+      const u = -n / l, d = o / l, f = i / 2, m = t + u * f, v = e + d * f, p = t - u * f, x = e - d * f, _ = r + u * f, w = s + d * f, T = r - u * f, E = s - d * f, S = this.st(m, v), R = this.st(p, x), F = this.st(_, w), z = this.st(T, E), M = this.v;
+      this.tt(), M.bindBuffer(M.ARRAY_BUFFER, this.Z);
+      const Q = new Float32Array([S.nx, S.ny, 0, 0, R.nx, R.ny, 0, 1, F.nx, F.ny, 1, 0, R.nx, R.ny, 0, 1, z.nx, z.ny, 1, 1, F.nx, F.ny, 1, 0]);
+      M.bufferData(M.ARRAY_BUFFER, Q, M.DYNAMIC_DRAW);
     }
-    const c = this.rt();
-    this._.drawArrays(this._.TRIANGLES, 0, 6), this.lt(c.nt, c.ht);
+    const c = this.et();
+    this.v.drawArrays(this.v.TRIANGLES, 0, 6), this.rt(c.positionLoc, c.texLoc);
   }
 }
-var C = "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 it {
+var Z = "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 st {
   constructor(t) {
-    a(this, "_");
-    a(this, "_t");
-    a(this, "xt");
-    a(this, "bt", null);
-    a(this, "wt");
-    a(this, "Ct");
-    a(this, "yt", [1, 1, 1, 1]);
-    a(this, "Ft", !0);
-    a(this, "Tt", [0, 0, 0, 1]);
-    a(this, "$t", 1);
-    a(this, "Dt", !0);
-    a(this, "Mt", 0);
-    a(this, "St", []);
-    this._ = t, this._t = new T(this._, C, "precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}"), this.xt = new T(this._, C, "precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}"), this.wt = new et(this._), this.Ct = new st(this._), this._.enable(this._.BLEND), this._.blendEquation(this._.FUNC_ADD), this._.blendFunc(this._.ONE, this._.ONE_MINUS_SRC_ALPHA), U(this._, [0, 0, this._.canvas.width, this._.canvas.height]);
-  }
-  Vt(t) {
-    this.bt !== t && (this.bt = t, t.N());
-  }
-  fill(t, e, s, i) {
-    if (this.Ft = !0, e === void 0 && s === void 0 && i === void 0) {
-      const r = t / 255;
-      this.yt = [r, r, r, 1];
-    } else if (s !== void 0 && i === void 0) this.yt = [t / 255, e / 255, s / 255, 1];
+    h(this, "v");
+    h(this, "lt");
+    h(this, "ct");
+    h(this, "ut", null);
+    h(this, "ft");
+    h(this, "dt");
+    h(this, "gt", [1, 1, 1, 1]);
+    h(this, "_t", !0);
+    h(this, "vt", [0, 0, 0, 1]);
+    h(this, "xt", 1);
+    h(this, "bt", !0);
+    h(this, "wt", 0);
+    h(this, "Ct", []);
+    this.v = t, this.lt = new y(this.v, Z, "precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}"), this.ct = new y(this.v, Z, "precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}"), this.ft = new et(this.v), this.dt = new rt(this.v), this.v.enable(this.v.BLEND), this.v.blendEquation(this.v.FUNC_ADD), this.v.blendFunc(this.v.ONE, this.v.ONE_MINUS_SRC_ALPHA), $(this.v, [0, 0, this.v.canvas.width, this.v.canvas.height]);
+  }
+  yt(t) {
+    this.ut !== t && (this.ut = t, t.N());
+  }
+  $t(t, e, r, s) {
+    if (this._t = !0, e === void 0 && r === void 0 && s === void 0) {
+      const i = t / 255;
+      this.gt = [i, i, i, 1];
+    } else if (r !== void 0 && s === void 0) this.gt = [t / 255, e / 255, r / 255, 1];
     else {
-      if (s === void 0 || i === void 0) throw Error("Invalid fill parameters. Use fill(gray), fill(r,g,b), or fill(r,g,b,a)");
-      this.yt = [t / 255, e / 255, s / 255, i / 255];
+      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.gt = [t / 255, e / 255, r / 255, s / 255];
     }
   }
-  stroke(t, e, s, i) {
-    if (this.Dt = !0, e === void 0 && s === void 0 && i === void 0) {
-      const r = t / 255;
-      this.Tt = [r, r, r, 1];
-    } else if (s !== void 0 && i === void 0) this.Tt = [t / 255, e / 255, s / 255, 1];
+  Ft(t, e, r, s) {
+    if (this.bt = !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 (s === void 0 || i === void 0) throw Error("Invalid stroke parameters. Use stroke(gray), stroke(r,g,b), or stroke(r,g,b,a)");
-      this.Tt = [t / 255, e / 255, s / 255, i / 255];
+      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.vt = [t / 255, e / 255, r / 255, s / 255];
     }
   }
-  Rt(t) {
+  Tt(t) {
     if (t < 0) throw Error("Stroke weight must be non-negative");
-    this.$t = t;
+    this.xt = t;
   }
-  kt() {
-    this.Dt = !1;
+  Dt() {
+    this.bt = !1;
   }
-  zt() {
-    this.Ft = !1;
+  Mt() {
+    this._t = !1;
   }
-  rotate(t) {
-    this.Mt = t;
+  St(t) {
+    this.wt = t;
   }
-  push() {
-    this.St.push({ It: [...this.yt], Ft: this.Ft, Pt: [...this.Tt], Rt: this.$t, Dt: this.Dt, rotation: this.Mt });
+  Rt() {
+    this.Ct.push({ fillColor: [...this.gt], fillMode: this._t, strokeColor: [...this.vt], strokeWeight: this.xt, strokeMode: this.bt, rotation: this.wt });
   }
-  pop() {
-    const t = this.St.pop();
-    t ? (this.yt = t.It, this.Ft = t.Ft, this.Tt = t.Pt, this.$t = t.Rt, this.Dt = t.Dt, this.Mt = t.rotation) : console.warn("pop() called without matching push()");
+  Vt() {
+    const t = this.Ct.pop();
+    t ? (this.gt = t.fillColor, this._t = t.fillMode, this.vt = t.strokeColor, this.xt = t.strokeWeight, this.bt = t.strokeMode, this.wt = t.rotation) : console.warn("pop() called without matching push()");
   }
-  reset() {
-    this.bt = null, this.St = [], this.Mt = 0;
+  kt() {
+    this.ut = null, this.Ct = [], this.wt = 0;
   }
-  createShader(t, e) {
-    return new T(this._, t, e);
+  zt(t, e) {
+    return new y(this.v, t, e);
   }
-  At(t) {
-    return new T(this._, C, t);
+  It(t) {
+    return new y(this.v, Z, t);
   }
-  Y(t, e) {
-    this.bt.Y(t, e);
+  Pt(t, e) {
+    this.ut.setUniform(t, e);
   }
-  rect(t, e, s, i) {
-    if (this.bt !== null) {
-      const { Ut: d, Gt: f, Et: p, aspectRatio: _ } = this.Lt(t, e, s, i);
-      return this.Y("u_rotation", p), this.Y("u_center", [d, f]), this.Y("u_aspectRatio", _), this.wt.gt(t, e, s, i), void (this.bt = null);
+  Ut(t, e, r, s) {
+    if (this.ut !== null) {
+      const { centerX: d, centerY: f, radians: m, aspectRatio: v } = this.At(t, e, r, s);
+      return this.Pt("u_rotation", m), this.Pt("u_center", [d, f]), this.Pt("u_aspectRatio", v), this.ft.ot(t, e, r, s), void (this.ut = null);
     }
-    const r = this.xt;
+    const i = this.ct;
     let o = 0, n = 0, l = 0, c = 1;
-    const u = this.Lt(t, e, s, i);
-    o = u.Ut, n = u.Gt, l = u.Et, c = u.aspectRatio, this.Ft && (this.Vt(r), this.Y("u_color", this.yt), this.Y("u_rotation", l), this.Y("u_center", [o, n]), this.Y("u_aspectRatio", c), this.wt.gt(t, e, s, i)), this.Dt && this.$t > 0 && (this.Vt(r), this.Y("u_color", this.Tt), this.Y("u_rotation", l), this.Y("u_center", [o, n]), this.Y("u_aspectRatio", c), this.wt.vt(t, e, s, i, this.$t)), this.bt = null;
-  }
-  line(t, e, s, i) {
-    if (this.bt !== null) {
-      const m = (t + s) / 2, x = (e + i) / 2, y = Math.abs(s - t) || 1, b = Math.abs(i - e) || 1, { Ut: R, Gt: E, Et: S, aspectRatio: M } = this.Lt(m - y / 2, x - b / 2, y, b);
-      this.Y("u_rotation", S), this.Y("u_center", [R, E]), this.Y("u_aspectRatio", M);
-      const L = this.$t > 0 ? this.$t : 1;
-      return this.Ct.draw(t, e, s, i, L), void (this.bt = null);
+    const u = this.At(t, e, r, s);
+    o = u.centerX, n = u.centerY, l = u.radians, c = u.aspectRatio, this._t && (this.yt(i), this.Pt("u_color", this.gt), this.Pt("u_rotation", l), this.Pt("u_center", [o, n]), this.Pt("u_aspectRatio", c), this.ft.ot(t, e, r, s)), this.bt && this.xt > 0 && (this.yt(i), this.Pt("u_color", this.vt), this.Pt("u_rotation", l), this.Pt("u_center", [o, n]), this.Pt("u_aspectRatio", c), this.ft.nt(t, e, r, s, this.xt)), this.ut = null;
+  }
+  Gt(t, e, r, s) {
+    if (this.ut !== null) {
+      const p = (t + r) / 2, x = (e + s) / 2, _ = Math.abs(r - t) || 1, w = Math.abs(s - e) || 1, { centerX: T, centerY: E, radians: S, aspectRatio: R } = this.At(p - _ / 2, x - w / 2, _, w);
+      this.Pt("u_rotation", S), this.Pt("u_center", [T, E]), this.Pt("u_aspectRatio", R);
+      const F = this.xt > 0 ? this.xt : 1;
+      return this.dt.ht(t, e, r, s, F), void (this.ut = null);
     }
-    if (!this.Dt || this.$t <= 0) return;
-    const r = this.xt, o = (t + s) / 2, n = (e + i) / 2, l = Math.abs(s - t) || 1, c = Math.abs(i - e) || 1, u = this.Mt !== 0;
-    let d = 0, f = 0, p = 0, _ = 1;
+    if (!this.bt || this.xt <= 0) return;
+    const i = this.ct, o = (t + r) / 2, n = (e + s) / 2, l = Math.abs(r - t) || 1, c = Math.abs(s - e) || 1, u = this.wt !== 0;
+    let d = 0, f = 0, m = 0, v = 1;
     if (u) {
-      const m = this.Lt(o - l / 2, n - c / 2, l, c);
-      d = m.Ut, f = m.Gt, p = m.Et, _ = m.aspectRatio;
+      const p = this.At(o - l / 2, n - c / 2, l, c);
+      d = p.centerX, f = p.centerY, m = p.radians, v = p.aspectRatio;
     }
-    this.Vt(r), this.Y("u_color", this.Tt), u && (this.Y("u_rotation", p), this.Y("u_center", [d, f]), this.Y("u_aspectRatio", _)), this.Ct.draw(t, e, s, i, this.$t);
+    this.yt(i), this.Pt("u_color", this.vt), u && (this.Pt("u_rotation", m), this.Pt("u_center", [d, f]), this.Pt("u_aspectRatio", v)), this.dt.ht(t, e, r, s, this.xt);
   }
-  Lt(t, e, s, i) {
-    const r = X(this._) || [0, 0, this._.canvas.width, this._.canvas.height], o = r[2], n = r[3], l = o / n;
-    return { Ut: (t + s / 2) / o * 2 - 1, Gt: 1 - (e + i / 2) / n * 2, Et: this.Mt * Math.PI / 180, aspectRatio: l };
+  At(t, e, r, s) {
+    const i = W(this.v) || [0, 0, this.v.canvas.width, this.v.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.wt * Math.PI / 180, aspectRatio: l };
   }
-  createFramebuffer(t, e, s = {}) {
-    return new q(this._, t, e, s);
+  Et(t, e, r = {}) {
+    return new H(this.v, t, e, r);
   }
-  background(t, e = t, s = t, i = 255) {
-    this.clear(t / 255, e / 255, s / 255, i / 255);
+  Lt(t, e = t, r = t, s = 255) {
+    this.Bt(t / 255, e / 255, r / 255, s / 255);
   }
-  clear(t = 0, e = 0, s = 0, i = 0) {
-    this._.clearColor(t, e, s, i), this._.clear(this._.COLOR_BUFFER_BIT);
+  Bt(t = 0, e = 0, r = 0, s = 0) {
+    this.v.clearColor(t, e, r, s), this.v.clear(this.v.COLOR_BUFFER_BIT);
   }
-  Bt() {
-    this._.viewport(0, 0, this._.canvas.width, this._.canvas.height), U(this._, [0, 0, this._.canvas.width, this._.canvas.height]);
+  Ht() {
+    this.v.viewport(0, 0, this.v.canvas.width, this.v.canvas.height), $(this.v, [0, 0, this.v.canvas.width, this.v.canvas.height]);
   }
   get context() {
-    return this._;
+    return this.v;
   }
-  dispose() {
-    this._t.dispose(), this.xt.dispose(), this.wt.dispose(), this.Ct.dispose();
+  P() {
+    this.lt.P(), this.ct.P(), this.ft.P(), this.dt.P();
   }
-  image(t, e, s, i, r) {
-    const o = this._, n = i ?? t.width, l = r ?? t.height;
-    this.Vt(this._t), this.Y("u_texture", t.texture);
-    const c = this.Lt(e, s, n, l);
-    this.Y("u_rotation", c.Et), this.Y("u_center", [c.Ut, c.Gt]), this.Y("u_aspectRatio", c.aspectRatio), this.wt.gt(e, s, n, l), o.bindTexture(o.TEXTURE_2D, null), this.bt = null;
+  Ot(t, e, r, s, i) {
+    const o = this.v, n = s ?? t.width, l = i ?? t.height;
+    this.yt(this.lt), this.Pt("u_texture", t.texture);
+    const c = this.At(e, r, n, l);
+    this.Pt("u_rotation", c.radians), this.Pt("u_center", [c.centerX, c.centerY]), this.Pt("u_aspectRatio", c.aspectRatio), this.ft.ot(e, r, n, l), o.bindTexture(o.TEXTURE_2D, null), this.ut = null;
   }
 }
 var A, g = {};
-g.parse = function(h) {
-  var t = function(e, s, i, r) {
-    var o = g.T, n = { cmap: o.cmap, head: o.head, hhea: o.hhea, maxp: o.maxp, hmtx: o.hmtx, loca: o.loca, glyf: o.glyf }, l = { _data: e, _index: s, _offset: i };
+g.parse = function(a) {
+  var t = function(e, r, s, i) {
+    var o = g.T, n = { cmap: o.cmap, head: o.head, hhea: o.hhea, maxp: o.maxp, hmtx: o.hmtx, loca: o.loca, glyf: o.glyf }, l = { _data: e, _index: r, _offset: s };
     for (var c in n) {
-      var u = g.findTable(e, c, i);
+      var u = g.findTable(e, c, s);
       if (u) {
-        var d = u[0], f = r[d];
-        f == null && (f = n[c].Ht(e, d, u[1], l)), l[c] = r[d] = f;
+        var d = u[0], f = i[d];
+        f == null && (f = n[c].parseTab(e, d, u[1], l)), l[c] = i[d] = f;
       }
     }
     return l;
-  }(new Uint8Array(h), 0, 0, {});
+  }(new Uint8Array(a), 0, 0, {});
   return [t];
-}, g.findTable = function(h, t, e) {
-  for (var s = g.B, i = s.Ot(h, e + 4), r = e + 12, o = 0; o < i; o++) {
-    var n = s.jt(h, r, 4);
-    s.Wt(h, r + 4);
-    var l = s.Wt(h, r + 8), c = s.Wt(h, r + 12);
+}, g.findTable = function(a, t, e) {
+  for (var r = g.B, s = r.readUshort(a, e + 4), i = e + 12, o = 0; o < s; o++) {
+    var n = r.readASCII(a, i, 4);
+    r.readUint(a, i + 4);
+    var l = r.readUint(a, i + 8), c = r.readUint(a, i + 12);
     if (n == t) return [l, c];
-    r += 16;
+    i += 16;
   }
   return null;
-}, g.T = {}, g.B = { Nt: function(h, t) {
-  return g.B.Xt.uint16[0] = h[t] << 8 | h[t + 1], g.B.Xt.int16[0];
-}, Ot: function(h, t) {
-  return h[t] << 8 | h[t + 1];
-}, Yt: function(h, t, e) {
-  for (var s = [], i = 0; i < e; i++) s.push(g.B.Ot(h, t + 2 * i));
-  return s;
-}, Wt: function(h, t) {
-  var e = g.B.Xt.uint8;
-  return e[3] = h[t], e[2] = h[t + 1], e[1] = h[t + 2], e[0] = h[t + 3], g.B.Xt.uint32[0];
-}, jt: function(h, t, e) {
-  for (var s = "", i = 0; i < e; i++) s += String.fromCharCode(h[t + i]);
-  return s;
-}, Xt: (A = new ArrayBuffer(8), { uint8: new Uint8Array(A), int16: new Int16Array(A), uint16: new Uint16Array(A), uint32: new Uint32Array(A) }) }, g.T.cmap = { Ht: function(h, t, e) {
-  var s = { qt: [], Qt: {}, off: t };
-  h = new Uint8Array(h.buffer, t, e), t = 0;
-  var i = g.B, r = i.Ot, o = g.T.cmap;
-  r(h, t);
-  var n = r(h, t += 2);
+}, g.T = {}, g.B = { readShort: function(a, t) {
+  return g.B.t.uint16[0] = a[t] << 8 | a[t + 1], g.B.t.int16[0];
+}, readUshort: function(a, t) {
+  return a[t] << 8 | a[t + 1];
+}, readUshorts: function(a, t, e) {
+  for (var r = [], s = 0; s < e; s++) r.push(g.B.readUshort(a, t + 2 * s));
+  return r;
+}, readUint: function(a, t) {
+  var e = g.B.t.uint8;
+  return e[3] = a[t], e[2] = a[t + 1], e[1] = a[t + 2], e[0] = a[t + 3], g.B.t.uint32[0];
+}, readASCII: function(a, t, e) {
+  for (var r = "", s = 0; s < e; s++) r += String.fromCharCode(a[t + s]);
+  return r;
+}, t: (A = new ArrayBuffer(8), { uint8: new Uint8Array(A), int16: new Int16Array(A), uint16: new Uint16Array(A), uint32: new Uint32Array(A) }) }, g.T.cmap = { parseTab: function(a, t, e) {
+  var r = { tables: [], ids: {}, off: t };
+  a = new Uint8Array(a.buffer, t, e), t = 0;
+  var s = g.B, i = s.readUshort, o = g.T.cmap;
+  i(a, t);
+  var n = i(a, t += 2);
   t += 2;
   for (var l = [], c = 0; c < n; c++) {
-    var u = r(h, t), d = r(h, t += 2);
+    var u = i(a, t), d = i(a, t += 2);
     t += 2;
-    var f = i.Wt(h, t);
+    var f = s.readUint(a, t);
     t += 4;
-    var p = "p" + u + "e" + d, _ = l.indexOf(f);
-    if (_ == -1) {
-      _ = s.qt.length;
-      var m = {};
+    var m = "p" + u + "e" + d, v = l.indexOf(f);
+    if (v == -1) {
+      v = r.tables.length;
+      var p = {};
       l.push(f);
-      var x = m.format = r(h, f);
-      x == 4 ? m = o.Zt(h, f, m) : x == 12 && (m = o.Jt(h, f, m)), s.qt.push(m);
+      var x = p.format = i(a, f);
+      x == 4 ? p = o.parse4(a, f, p) : x == 12 && (p = o.parse12(a, f, p)), r.tables.push(p);
     }
-    s.Qt[p] != null && console.log("multiple tables for one platform+encoding: " + p), s.Qt[p] = _;
+    r.ids[m] != null && console.log("multiple tables for one platform+encoding: " + m), r.ids[m] = v;
   }
-  return s;
-}, Zt: function(h, t, e) {
-  var s = g.B, i = s.Ot, r = s.Yt, o = t, n = i(h, t += 2);
-  i(h, t += 2);
-  var l = i(h, t += 2);
+  return r;
+}, parse4: function(a, t, e) {
+  var r = g.B, s = r.readUshort, i = r.readUshorts, o = t, n = s(a, t += 2);
+  s(a, t += 2);
+  var l = s(a, t += 2);
   t += 2;
   var c = l >>> 1;
-  e.Kt = i(h, t), t += 2, e.te = i(h, t), t += 2, e.ee = i(h, t), t += 2, e.se = r(h, t, c), t += 2 * c, t += 2, e.re = r(h, t, c), t += 2 * c, e.ie = [];
-  for (var u = 0; u < c; u++) e.ie.push(s.Nt(h, t)), t += 2;
-  return e.oe = r(h, t, c), t += 2 * c, e.ne = r(h, t, o + n - t >> 1), e;
-}, Jt: function(h, t, e) {
-  var s = g.B.Wt;
-  s(h, t += 4), s(h, t += 4);
-  var i = 3 * s(h, t += 4);
+  e.searchRange = s(a, t), t += 2, e.entrySelector = s(a, t), t += 2, e.rangeShift = s(a, t), t += 2, e.endCount = i(a, t, c), t += 2 * c, t += 2, e.startCount = i(a, t, c), t += 2 * c, e.idDelta = [];
+  for (var u = 0; u < c; u++) e.idDelta.push(r.readShort(a, t)), t += 2;
+  return e.idRangeOffset = i(a, t, c), t += 2 * c, e.glyphIdArray = i(a, t, o + n - t >> 1), e;
+}, parse12: function(a, t, e) {
+  var r = g.B.readUint;
+  r(a, t += 4), r(a, t += 4);
+  var s = 3 * r(a, t += 4);
   t += 4;
-  for (var r = e.groups = new Uint32Array(i), o = 0; o < i; o += 3) r[o] = s(h, t + (o << 2)), r[o + 1] = s(h, t + (o << 2) + 4), r[o + 2] = s(h, t + (o << 2) + 8);
+  for (var i = e.groups = new Uint32Array(s), o = 0; o < s; o += 3) i[o] = r(a, t + (o << 2)), i[o + 1] = r(a, t + (o << 2) + 4), i[o + 2] = r(a, t + (o << 2) + 8);
   return e;
-} }, g.T.head = { Ht: function(h, t, e) {
-  var s = g.B, i = {};
-  return t += 18, i.unitsPerEm = s.Ot(h, t), t += 2, t += 16, i.xMin = s.Nt(h, t), t += 2, i.yMin = s.Nt(h, t), t += 2, i.xMax = s.Nt(h, t), t += 2, i.yMax = s.Nt(h, t), t += 2, t += 6, i.indexToLocFormat = s.Nt(h, t), i;
-} }, g.T.hhea = { Ht: function(h, t, e) {
-  var s = g.B, i = {};
+} }, g.T.head = { parseTab: function(a, t, e) {
+  var r = g.B, s = {};
+  return t += 18, s.unitsPerEm = r.readUshort(a, t), t += 2, t += 16, s.xMin = r.readShort(a, t), t += 2, s.yMin = r.readShort(a, t), t += 2, s.xMax = r.readShort(a, t), t += 2, s.yMax = r.readShort(a, t), t += 2, t += 6, s.indexToLocFormat = r.readShort(a, t), s;
+} }, g.T.hhea = { parseTab: function(a, t, e) {
+  var r = g.B, s = {};
   t += 4;
-  for (var r = ["ascender", "descender", "lineGap", "advanceWidthMax", "minLeftSideBearing", "minRightSideBearing", "xMaxExtent", "caretSlopeRise", "caretSlopeRun", "caretOffset", "res0", "res1", "res2", "res3", "metricDataFormat", "numberOfHMetrics"], o = 0; o < r.length; o++) {
-    var n = r[o], l = n == "advanceWidthMax" || n == "numberOfHMetrics" ? s.Ot : s.Nt;
-    i[n] = l(h, t + 2 * o);
+  for (var i = ["ascender", "descender", "lineGap", "advanceWidthMax", "minLeftSideBearing", "minRightSideBearing", "xMaxExtent", "caretSlopeRise", "caretSlopeRun", "caretOffset", "res0", "res1", "res2", "res3", "metricDataFormat", "numberOfHMetrics"], o = 0; o < i.length; o++) {
+    var n = i[o], l = n == "advanceWidthMax" || n == "numberOfHMetrics" ? r.readUshort : r.readShort;
+    s[n] = l(a, t + 2 * o);
   }
+  return s;
+} }, g.T.hmtx = { parseTab: function(a, t, e, r) {
+  for (var s = g.B, i = [], o = [], n = r.maxp.numGlyphs, l = r.hhea.numberOfHMetrics, c = 0, u = 0, d = 0; d < l; ) c = s.readUshort(a, t + (d << 2)), u = s.readShort(a, t + (d << 2) + 2), i.push(c), o.push(u), d++;
+  for (; d < n; ) i.push(c), o.push(u), d++;
+  return { aWidth: i, lsBearing: o };
+} }, g.T.maxp = { parseTab: function(a, t, e) {
+  var r = g.B, s = r.readUshort, i = {};
+  return r.readUint(a, t), t += 4, i.numGlyphs = s(a, t), t += 2, i;
+} }, g.T.loca = { parseTab: function(a, t, e, r) {
+  var s = g.B, i = [], o = r.head.indexToLocFormat, n = r.maxp.numGlyphs + 1;
+  if (o == 0) for (var l = 0; l < n; l++) i.push(s.readUshort(a, t + (l << 1)) << 1);
+  if (o == 1) for (l = 0; l < n; l++) i.push(s.readUint(a, t + (l << 2)));
   return i;
-} }, g.T.hmtx = { Ht: function(h, t, e, s) {
-  for (var i = g.B, r = [], o = [], n = s.maxp.numGlyphs, l = s.hhea.numberOfHMetrics, c = 0, u = 0, d = 0; d < l; ) c = i.Ot(h, t + (d << 2)), u = i.Nt(h, t + (d << 2) + 2), r.push(c), o.push(u), d++;
-  for (; d < n; ) r.push(c), o.push(u), d++;
-  return { he: r, ae: o };
-} }, g.T.maxp = { Ht: function(h, t, e) {
-  var s = g.B, i = s.Ot, r = {};
-  return s.Wt(h, t), t += 4, r.numGlyphs = i(h, t), t += 2, r;
-} }, g.T.loca = { Ht: function(h, t, e, s) {
-  var i = g.B, r = [], o = s.head.indexToLocFormat, n = s.maxp.numGlyphs + 1;
-  if (o == 0) for (var l = 0; l < n; l++) r.push(i.Ot(h, t + (l << 1)) << 1);
-  if (o == 1) for (l = 0; l < n; l++) r.push(i.Wt(h, t + (l << 2)));
-  return r;
-} }, g.T.glyf = { Ht: function(h, t, e, s) {
-  for (var i = [], r = s.maxp.numGlyphs, o = 0; o < r; o++) i.push(null);
-  return i;
-}, le: function(h, t) {
-  var e = g.B, s = h._data, i = h.loca;
-  if (i[t] == i[t + 1]) return null;
-  var r = g.findTable(s, "glyf", h._offset)[0] + i[t], o = {};
-  if (o.ce = e.Nt(s, r), r += 2, o.xMin = e.Nt(s, r), r += 2, o.yMin = e.Nt(s, r), r += 2, o.xMax = e.Nt(s, r), r += 2, o.yMax = e.Nt(s, r), r += 2, o.xMin >= o.xMax || o.yMin >= o.yMax) return null;
-  if (o.ce > 0) {
-    o.ue = [];
-    for (var n = 0; n < o.ce; n++) o.ue.push(e.Ot(s, r)), r += 2;
-    var l = e.Ot(s, r);
-    if (r += 2, s.length - r < l) return null;
-    r += l;
-    var c = o.ue[o.ce - 1] + 1;
+} }, g.T.glyf = { parseTab: function(a, t, e, r) {
+  for (var s = [], i = r.maxp.numGlyphs, o = 0; o < i; o++) s.push(null);
+  return s;
+}, jt: function(a, t) {
+  var e = g.B, r = a._data, s = a.loca;
+  if (s[t] == s[t + 1]) return null;
+  var i = g.findTable(r, "glyf", a._offset)[0] + s[t], o = {};
+  if (o.noc = e.readShort(r, i), i += 2, o.xMin = e.readShort(r, i), i += 2, o.yMin = e.readShort(r, i), i += 2, o.xMax = e.readShort(r, i), i += 2, o.yMax = e.readShort(r, i), i += 2, o.xMin >= o.xMax || o.yMin >= o.yMax) return null;
+  if (o.noc > 0) {
+    o.endPts = [];
+    for (var n = 0; n < o.noc; n++) o.endPts.push(e.readUshort(r, i)), i += 2;
+    var l = e.readUshort(r, i);
+    if (i += 2, r.length - i < l) return null;
+    i += l;
+    var c = o.endPts[o.noc - 1] + 1;
     for (o.flags = [], n = 0; n < c; n++) {
-      var u = s[r];
-      if (r++, o.flags.push(u), 8 & u) {
-        var d = s[r];
-        r++;
+      var u = r[i];
+      if (i++, o.flags.push(u), 8 & u) {
+        var d = r[i];
+        i++;
         for (var f = 0; f < d; f++) o.flags.push(u), n++;
       }
     }
-    for (o.fe = [], n = 0; n < c; n++) {
-      var p = !!(2 & o.flags[n]), _ = !!(16 & o.flags[n]);
-      p ? (o.fe.push(_ ? s[r] : -s[r]), r++) : _ ? o.fe.push(0) : (o.fe.push(e.Nt(s, r)), r += 2);
+    for (o.xs = [], n = 0; n < c; n++) {
+      var m = !!(2 & o.flags[n]), v = !!(16 & o.flags[n]);
+      m ? (o.xs.push(v ? r[i] : -r[i]), i++) : v ? o.xs.push(0) : (o.xs.push(e.readShort(r, i)), i += 2);
     }
-    for (o.de = [], n = 0; n < c; n++)
-      p = !!(4 & o.flags[n]), _ = !!(32 & o.flags[n]), p ? (o.de.push(_ ? s[r] : -s[r]), r++) : _ ? o.de.push(0) : (o.de.push(e.Nt(s, r)), r += 2);
-    var m = 0, x = 0;
-    for (n = 0; n < c; n++) m += o.fe[n], x += o.de[n], o.fe[n] = m, o.de[n] = x;
-  } else o.me = [];
+    for (o.ys = [], n = 0; n < c; n++)
+      m = !!(4 & o.flags[n]), v = !!(32 & o.flags[n]), m ? (o.ys.push(v ? r[i] : -r[i]), i++) : v ? o.ys.push(0) : (o.ys.push(e.readShort(r, i)), i += 2);
+    var p = 0, x = 0;
+    for (n = 0; n < c; n++) p += o.xs[n], x += o.ys[n], o.xs[n] = p, o.ys[n] = x;
+  } else o.parts = [];
   return o;
 } }, typeof module < "u" && module.exports ? module.exports = g : typeof window < "u" && (window.Typr = g);
-class rt {
-  ge(t) {
-    var s;
+class it {
+  extractCharacters(t) {
+    var r;
     const e = [];
-    return (s = t == null ? void 0 : t.cmap) != null && s.qt ? (t.cmap.qt.forEach((i) => {
-      if (i.format === 4) {
-        const r = this.pe(i);
-        e.push(...r);
-      } else if (i.format === 12) {
-        const r = this.ve(i);
-        e.push(...r);
+    return (r = t == null ? void 0 : t.cmap) != null && r.tables ? (t.cmap.tables.forEach((s) => {
+      if (s.format === 4) {
+        const i = this.Wt(s);
+        e.push(...i);
+      } else if (s.format === 12) {
+        const i = this.Nt(s);
+        e.push(...i);
       }
     }), [...new Set(e)]) : [];
   }
-  pe(t) {
+  Wt(t) {
     const e = [];
-    if (!(t.re && t.se && t.oe && t.ie)) return e;
-    for (let s = 0; s < t.re.length; s++) {
-      const i = t.re[s], r = t.se[s];
-      if (i !== 65535 || r !== 65535) {
-        for (let o = i; o <= r; o++)
-          if (this._e(t, o, s) > 0) {
+    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.Xt(t, o, r) > 0) {
             const n = String.fromCodePoint(o);
             e.push(n);
           }
@@ -611,378 +608,377 @@ class rt {
     }
     return e;
   }
-  ve(t) {
+  Nt(t) {
     const e = [];
     if (!t.groups) return e;
-    for (let s = 0; s < t.groups.length; s += 3) {
-      const i = t.groups[s], r = t.groups[s + 1], o = t.groups[s + 2];
-      for (let n = i; n <= r; n++)
-        if (o + (n - i) > 0) {
+    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) {
           const l = String.fromCodePoint(n);
           e.push(l);
         }
     }
     return e;
   }
-  _e(t, e, s) {
-    if (t.oe[s] === 0) return e + t.ie[s] & 65535;
+  Xt(t, e, r) {
+    if (t.idRangeOffset[r] === 0) return e + t.idDelta[r] & 65535;
     {
-      const i = t.oe[s] / 2 + (e - t.re[s]) - (t.re.length - s);
-      if (i >= 0 && t.ne && i < t.ne.length) {
-        const r = t.ne[i];
-        if (r !== 0) return r + t.ie[s] & 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;
       }
     }
     return 0;
   }
-  xe(t) {
-    return t.filter((e) => this.be(e));
+  filterProblematicCharacters(t) {
+    return t.filter((e) => this.qt(e));
   }
-  be(t) {
+  qt(t) {
     const e = t.codePointAt(0) || 0;
     return !(e >= 0 && e <= 31 && e !== 9 && e !== 10 && e !== 13 || e >= 127 && e <= 159);
   }
 }
 class ot {
   constructor(t) {
-    a(this, "we");
-    a(this, "Ce");
-    a(this, "ye");
-    this.ye = t, this.we = document.createElement("canvas"), this.Ce = this.we.getContext("2d", { Fe: !0, alpha: !1 });
-  }
-  Te(t, e, s, i) {
-    const r = t.length, o = Math.ceil(Math.sqrt(r)), n = Math.ceil(r / o), l = e.width * o, c = e.height * n;
-    this.$e(l, c, s, i), this.De(t, e, o, s), this.Me();
-    const u = this.ye.createFramebuffer(l, c, { filter: "nearest" });
-    return u.update(this.we), { framebuffer: u, columns: o, rows: n };
-  }
-  $e(t, e, s, i) {
-    this.we.width = t, this.we.height = e, this.we.style.width = t + "px", this.we.style.height = t + "px", this.Ce.imageSmoothingEnabled = !1, this.we.style.imageRendering = "pixelated", this.Ce.fillStyle = "black", this.Ce.fillRect(0, 0, t, e), this.Ce.font = `${s}px ${i}`, this.Ce.textBaseline = "top", this.Ce.textAlign = "left", this.Ce.fillStyle = "white";
-  }
-  De(t, e, s, i) {
-    for (let r = 0; r < t.length; r++) {
-      const o = r % s, n = Math.floor(r / s), l = o * e.width + 0.5 * e.width, c = n * e.height + 0.5 * e.height, u = Math.round(l - 0.5 * e.width), d = Math.round(c - 0.5 * i);
-      this.Ce.fillText(t[r].Se, u, d);
+    h(this, "Yt");
+    h(this, "Qt");
+    h(this, "Zt");
+    this.Zt = t, this.Yt = document.createElement("canvas"), this.Qt = this.Yt.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;
+    this.Jt(l, c, r, s), this.Kt(t, e, o, r), this.te();
+    const u = this.Zt.Et(l, c, { filter: "nearest" });
+    return u.update(this.Yt), { framebuffer: u, columns: o, rows: n };
+  }
+  Jt(t, e, r, s) {
+    this.Yt.width = t, this.Yt.height = e, this.Yt.style.width = t + "px", this.Yt.style.height = t + "px", this.Qt.imageSmoothingEnabled = !1, this.Yt.style.imageRendering = "pixelated", this.Qt.fillStyle = "black", this.Qt.fillRect(0, 0, t, e), this.Qt.font = `${r}px ${s}`, this.Qt.textBaseline = "top", this.Qt.textAlign = "left", this.Qt.fillStyle = "white";
+  }
+  Kt(t, e, r, s) {
+    for (let i = 0; i < t.length; i++) {
+      const o = i % r, n = Math.floor(i / r), l = o * e.width + 0.5 * e.width, c = n * e.height + 0.5 * e.height, u = Math.round(l - 0.5 * e.width), d = Math.round(c - 0.5 * s);
+      this.Qt.fillText(t[i].character, u, d);
     }
   }
-  Me(t = 128) {
-    const e = this.Ce.getImageData(0, 0, this.we.width, this.we.height), s = e.data;
-    for (let i = 0; i < s.length; i += 4) {
-      const r = 0.299 * s[i] + 0.587 * s[i + 1] + 0.114 * s[i + 2] > t + 32 ? 255 : 0;
-      s[i] = r, s[i + 1] = r, s[i + 2] = r;
+  te(t = 128) {
+    const e = this.Qt.getImageData(0, 0, this.Yt.width, this.Yt.height), r = e.data;
+    for (let s = 0; s < r.length; s += 4) {
+      const i = 0.299 * r[s] + 0.587 * r[s + 1] + 0.114 * r[s + 2] > t + 32 ? 255 : 0;
+      r[s] = i, r[s + 1] = i, r[s + 2] = i;
     }
-    this.Ce.putImageData(e, 0, 0);
+    this.Qt.putImageData(e, 0, 0);
   }
 }
 class nt {
   constructor() {
-    a(this, "Ve");
-    a(this, "Re");
-    this.Ve = document.createElement("canvas"), this.Re = this.Ve.getContext("2d");
+    h(this, "ee");
+    h(this, "re");
+    this.ee = document.createElement("canvas"), this.re = this.ee.getContext("2d");
   }
-  ke(t, e, s) {
-    this.Re.font = `${e}px ${s}`;
-    let i = 0, r = 0;
+  calculateMaxGlyphDimensions(t, e, r) {
+    this.re.font = `${e}px ${r}`;
+    let s = 0, i = 0;
     for (const o of t) {
-      const n = this.Re.measureText(o);
-      i = Math.max(i, n.width), r = Math.max(r, n.actualBoundingBoxAscent + n.actualBoundingBoxDescent);
+      const n = this.re.measureText(o);
+      s = Math.max(s, n.width), i = Math.max(i, n.actualBoundingBoxAscent + n.actualBoundingBoxDescent);
     }
-    return { width: i, height: r };
+    return { width: s, height: i };
   }
 }
-class ht {
-  ze(t, e) {
-    return t.map((s, i) => {
-      const r = s.codePointAt(0) || 0, o = this.Ie(i);
+class at {
+  createCharacterObjects(t, e) {
+    return t.map((r, s) => {
+      const i = r.codePointAt(0) || 0, o = this.se(s);
       let n = 0;
-      if (e.hmtx && e.hmtx.he) {
-        const l = this.Pe(e, r);
-        l > 0 && e.hmtx.he[l] !== void 0 && (n = e.hmtx.he[l]);
+      if (e.hmtx && e.hmtx.aWidth) {
+        const l = this.ie(e, i);
+        l > 0 && e.hmtx.aWidth[l] !== void 0 && (n = e.hmtx.aWidth[l]);
       }
-      return { Se: s, unicode: r, color: o, Ae: n };
+      return { character: r, unicode: i, color: o, advanceWidth: n };
     });
   }
-  Pe(t, e) {
-    const s = t.cmap;
-    if (!s || !s.qt) return 0;
-    for (const i of s.qt) if (i.format === 4) {
-      for (let r = 0; r < i.re.length; r++) if (e >= i.re[r] && e <= i.se[r]) {
-        if (i.oe[r] === 0) return e + i.ie[r] & 65535;
+  ie(t, e) {
+    const r = t.cmap;
+    if (!r || !r.tables) return 0;
+    for (const s of r.tables) if (s.format === 4) {
+      for (let i = 0; i < s.startCount.length; i++) if (e >= s.startCount[i] && e <= s.endCount[i]) {
+        if (s.idRangeOffset[i] === 0) return e + s.idDelta[i] & 65535;
         {
-          const o = i.oe[r] / 2 + (e - i.re[r]) - (i.re.length - r);
-          if (o >= 0 && o < i.ne.length) {
-            const n = i.ne[o];
-            if (n !== 0) return n + i.ie[r] & 65535;
+          const o = s.idRangeOffset[i] / 2 + (e - s.startCount[i]) - (s.startCount.length - i);
+          if (o >= 0 && o < s.glyphIdArray.length) {
+            const n = s.glyphIdArray[o];
+            if (n !== 0) return n + s.idDelta[i] & 65535;
           }
         }
       }
     }
     return 0;
   }
-  Ie(t) {
+  se(t) {
     return [t % 256, Math.floor(t / 256) % 256, Math.floor(t / 65536) % 256];
   }
-  Ue(t, e) {
-    if (!w.validate(typeof t == "string", "Character must be a string.", { method: "getCharacterColor", Ge: t })) return [0, 0, 0];
-    const s = e.find((i) => i.Se === t);
-    return s ? s.color : [0, 0, 0];
+  getCharacterColor(t, e) {
+    if (!C.p(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];
   }
-  Ee(t, e) {
-    return w.validate(typeof t == "string" && t.length > 0, "Characters must be a string with at least one character.", { method: "getCharacterColors", Ge: t }) ? t.split("").map((s) => this.Ue(s, e) || [0, 0, 0]) : [[0, 0, 0]];
+  getCharacterColors(t, e) {
+    return C.p(typeof t == "string" && t.length > 0, "Characters must be a string with at least one character.", { method: "getCharacterColors", providedValue: t }) ? t.split("").map((r) => this.getCharacterColor(r, e) || [0, 0, 0]) : [[0, 0, 0]];
   }
 }
-class at {
+class ht {
   constructor(t, e = 16) {
-    a(this, "Le");
-    a(this, "Be", []);
-    a(this, "He");
-    a(this, "Oe", 16);
-    a(this, "je", 0);
-    a(this, "We", 0);
-    a(this, "Ne", { width: 0, height: 0 });
-    a(this, "Xe");
-    a(this, "Ye", "UrsaFont");
-    a(this, "qe");
-    a(this, "Qe");
-    a(this, "Ze");
-    a(this, "Je");
-    this.Oe = e, this.qe = new rt(), this.Qe = new ot(t), this.Ze = new nt(), this.Je = new ht();
-  }
-  async initialize(t) {
+    h(this, "oe");
+    h(this, "ne", []);
+    h(this, "ae");
+    h(this, "he", 16);
+    h(this, "le", 0);
+    h(this, "ce", 0);
+    h(this, "ue", { width: 0, height: 0 });
+    h(this, "fe");
+    h(this, "de", "UrsaFont");
+    h(this, "me");
+    h(this, "ge");
+    h(this, "pe");
+    h(this, "_e");
+    this.he = e, this.me = new it(), this.ge = new ot(t), this.pe = new nt(), this._e = new at();
+  }
+  async ve(t) {
     let e;
-    if (!t) throw new v("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
+    if (!t) throw new b("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
     {
-      const s = await fetch(t);
-      if (!s.ok) throw new v(`Failed to load font file: ${s.status} ${s.statusText}`);
-      e = await s.arrayBuffer();
+      const r = await fetch(t);
+      if (!r.ok) throw new b(`Failed to load font file: ${r.status} ${r.statusText}`);
+      e = await r.arrayBuffer();
     }
-    await this.Ke(e), this.Le = g.parse(e)[0], await this.ts();
+    await this.xe(e), this.oe = g.parse(e)[0], await this.be();
   }
-  es(t) {
-    if (t === void 0) return this.Oe;
-    this.Oe = t, this.Ne = this.Ze.ke(this.Be.map((s) => s.Se), this.Oe, this.Ye);
-    const e = this.Qe.Te(this.Be, this.Ne, this.Oe, this.Ye);
-    this.He = e.framebuffer, this.je = e.columns, this.We = e.rows;
+  we(t) {
+    if (t === void 0) return this.he;
+    this.he = t, this.ue = this.pe.calculateMaxGlyphDimensions(this.ne.map((r) => r.character), this.he, this.de);
+    const e = this.ge.createTextureAtlas(this.ne, this.ue, this.he, this.de);
+    this.ae = e.framebuffer, this.le = e.columns, this.ce = e.rows;
   }
-  async ss(t) {
+  async Ce(t) {
     try {
       const e = await fetch(t);
-      if (!e.ok) throw new v(`Failed to load font file: ${e.status} ${e.statusText}`);
-      const s = await e.arrayBuffer();
-      await this.Ke(s);
-      const i = g.parse(s);
-      if (!i || i.length === 0) throw Error("Failed to parse font file");
-      this.Le = i[0], await this.ts();
+      if (!e.ok) throw new b(`Failed to load font file: ${e.status} ${e.statusText}`);
+      const r = await e.arrayBuffer();
+      await this.xe(r);
+      const s = g.parse(r);
+      if (!s || s.length === 0) throw Error("Failed to parse font file");
+      this.oe = s[0], await this.be();
     } catch (e) {
-      throw new v("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
+      throw new b("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
     }
   }
-  async Ke(t) {
+  async xe(t) {
     const e = Date.now();
-    this.Ye = this.Ye === "UrsaFont" ? "UrsaFont" : "CustomFont_" + e, this.Xe = new FontFace(this.Ye, t), await this.Xe.load(), document.fonts.add(this.Xe);
+    this.de = this.de === "UrsaFont" ? "UrsaFont" : "CustomFont_" + e, this.fe = new FontFace(this.de, t), await this.fe.load(), document.fonts.add(this.fe);
   }
-  async ts() {
-    const t = this.qe.ge(this.Le), e = this.qe.xe(t);
-    this.Be = this.Je.ze(e, this.Le), this.Ne = this.Ze.ke(e, this.Oe, this.Ye);
-    const s = this.Qe.Te(this.Be, this.Ne, this.Oe, this.Ye);
-    this.He = s.framebuffer, this.je = s.columns, this.We = s.rows;
+  async be() {
+    const t = this.me.extractCharacters(this.oe), e = this.me.filterProblematicCharacters(t);
+    this.ne = this._e.createCharacterObjects(e, this.oe), this.ue = this.pe.calculateMaxGlyphDimensions(e, this.he, this.de);
+    const r = this.ge.createTextureAtlas(this.ne, this.ue, this.he, this.de);
+    this.ae = r.framebuffer, this.le = r.columns, this.ce = r.rows;
   }
-  Ue(t) {
-    return this.Je.Ue(t, this.Be);
+  getCharacterColor(t) {
+    return this._e.getCharacterColor(t, this.ne);
   }
-  Ee(t) {
-    return this.Je.Ee(t, this.Be);
+  getCharacterColors(t) {
+    return this._e.getCharacterColors(t, this.ne);
   }
-  rs(t) {
+  hasAllCharacters(t) {
     if (typeof t != "string" || t.length === 0) return !1;
-    const e = new Set(this.Be.map((s) => s.Se));
-    for (const s of t) if (!e.has(s)) return !1;
+    const e = new Set(this.ne.map((r) => r.character));
+    for (const r of t) if (!e.has(r)) return !1;
     return !0;
   }
-  get ns() {
-    return this.He;
+  P() {
+    this.ae.P(), document.fonts.delete(this.fe);
   }
-  get hs() {
-    return this.Be;
+  get fontFramebuffer() {
+    return this.ae;
   }
-  get ls() {
-    return this.je;
+  get characters() {
+    return this.ne;
   }
-  get cs() {
-    return this.We;
+  get textureColumns() {
+    return this.le;
   }
-  get us() {
-    return this.Ne;
+  get textureRows() {
+    return this.ce;
   }
-  dispose() {
-    this.He.dispose(), document.fonts.delete(this.Xe);
+  get maxGlyphDimensions() {
+    return this.ue;
   }
   get fontSize() {
-    return this.Oe;
+    return this.he;
   }
   get font() {
-    return this.Le;
+    return this.oe;
   }
 }
 class lt {
-  constructor(t, e, s) {
-    a(this, "fs");
-    a(this, "ds");
-    a(this, "$");
-    a(this, "D");
-    a(this, "gs");
-    a(this, "ps");
-    a(this, "vs", !1);
-    a(this, "_s");
-    a(this, "xs");
-    a(this, "bs");
-    this._s = t, this.xs = e, this.bs = s, this.reset();
+  constructor(t, e, r) {
+    h(this, "ye");
+    h(this, "$e");
+    h(this, "F");
+    h(this, "D");
+    h(this, "Fe");
+    h(this, "Te");
+    h(this, "De", !1);
+    h(this, "Me");
+    h(this, "Se");
+    h(this, "Re");
+    this.Me = t, this.Se = e, this.Re = r, this.kt();
   }
-  reset() {
-    this.vs || (this.fs = Math.floor(this._s.width / this.xs), this.ds = Math.floor(this._s.height / this.bs)), this.ws();
+  kt() {
+    this.De || (this.ye = Math.floor(this.Me.width / this.Se), this.$e = Math.floor(this.Me.height / this.Re)), this.Ve();
   }
-  ws() {
-    this.$ = this.fs * this.xs, this.D = this.ds * this.bs, this.gs = Math.floor((this._s.width - this.$) / 2), this.ps = Math.floor((this._s.height - this.D) / 2);
+  Ve() {
+    this.F = this.ye * this.Se, this.D = this.$e * this.Re, this.Fe = Math.floor((this.Me.width - this.F) / 2), this.Te = Math.floor((this.Me.height - this.D) / 2);
   }
-  Cs(t, e) {
-    this.xs = t, this.bs = e, this.reset();
+  ke(t, e) {
+    this.Se = t, this.Re = e, this.kt();
   }
-  ys(t, e) {
-    this.vs = !0, this.fs = t, this.ds = e, this.ws();
+  ze(t, e) {
+    this.De = !0, this.ye = t, this.$e = e, this.Ve();
   }
-  Fs() {
-    this.vs = !1, this.reset();
+  Ie() {
+    this.De = !1, this.kt();
   }
-  resize() {
-    this.vs ? this.ws() : this.reset();
+  Pe() {
+    this.De ? this.Ve() : this.kt();
   }
-  Ts(t) {
-    if (t === void 0) return this.vs;
-    this.vs = t;
+  Ue(t) {
+    if (t === void 0) return this.De;
+    this.De = t;
   }
-  get $s() {
-    return this.xs;
+  get cellWidth() {
+    return this.Se;
   }
-  get Ds() {
-    return this.bs;
+  get cellHeight() {
+    return this.Re;
   }
   get cols() {
-    return this.fs;
+    return this.ye;
   }
   get rows() {
-    return this.ds;
+    return this.$e;
   }
   get width() {
-    return this.$;
+    return this.F;
   }
   get height() {
     return this.D;
   }
   get offsetX() {
-    return this.gs;
+    return this.Fe;
   }
   get offsetY() {
-    return this.ps;
+    return this.Te;
   }
 }
 class ct {
-  constructor(t, e = !1, s = {}) {
-    a(this, "_s");
-    a(this, "Ms");
-    a(this, "Ss");
-    a(this, "Vs");
-    a(this, "Rs");
-    this.Ms = t, this.Ss = e, this._s = this.ks(s.width, s.height), e && this.zs();
-  }
-  ks(t, e) {
-    var i;
-    const s = document.createElement("canvas");
-    if (s.className = "textmodeCanvas", s.style.imageRendering = "pixelated", this.Ss) s.width = t || 800, s.height = e || 600, document.body.appendChild(s);
+  constructor(t, e = !1, r = {}) {
+    h(this, "Me");
+    h(this, "Ae");
+    h(this, "Ge");
+    h(this, "Ee");
+    h(this, "onTransformChange");
+    this.Ae = t, this.Ge = e, this.Me = this.Le(r.width, r.height), e && this.setupTransformObserver();
+  }
+  Le(t, e) {
+    var s;
+    const r = document.createElement("canvas");
+    if (r.className = "textmodeCanvas", r.style.imageRendering = "pixelated", this.Ge) r.width = t || 800, r.height = e || 600, document.body.appendChild(r);
     else {
-      const r = this.Ms.getBoundingClientRect();
-      let o = Math.round(r.width), n = Math.round(r.height);
-      if (this.Ms instanceof HTMLVideoElement) {
-        const u = this.Ms;
+      const i = this.Ae.getBoundingClientRect();
+      let o = Math.round(i.width), n = Math.round(i.height);
+      if (this.Ae instanceof HTMLVideoElement) {
+        const u = this.Ae;
         (o === 0 || n === 0) && u.videoWidth > 0 && u.videoHeight > 0 && (o = u.videoWidth, n = u.videoHeight);
       }
-      s.width = o, s.height = n, s.style.position = "absolute", s.style.pointerEvents = "none";
-      const l = window.getComputedStyle(this.Ms);
+      r.width = o, r.height = n, r.style.position = "absolute", r.style.pointerEvents = "none";
+      const l = window.getComputedStyle(this.Ae);
       let c = parseInt(l.zIndex || "0", 10);
-      isNaN(c) && (c = 0), s.style.zIndex = "" + (c + 1), this.Is(s), (i = this.Ms.parentNode) == null || i.insertBefore(s, this.Ms.nextSibling);
+      isNaN(c) && (c = 0), r.style.zIndex = "" + (c + 1), this.Be(r), (s = this.Ae.parentNode) == null || s.insertBefore(r, this.Ae.nextSibling);
     }
-    return s;
-  }
-  Is(t) {
-    const e = this.Ms.getBoundingClientRect();
-    let s = this.Ms.offsetParent;
-    if (s && s !== document.body) {
-      const i = s.getBoundingClientRect();
-      t.style.top = e.top - i.top + "px", t.style.left = e.left - i.left + "px";
+    return r;
+  }
+  Be(t) {
+    const e = this.Ae.getBoundingClientRect();
+    let r = this.Ae.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";
   }
-  resize(t, e) {
-    if (this.Ss) this._s.width = t ?? this._s.width, this._s.height = e ?? this._s.height;
+  Pe(t, e) {
+    if (this.Ge) this.Me.width = t ?? this.Me.width, this.Me.height = e ?? this.Me.height;
     else {
-      const s = this.Ms.getBoundingClientRect();
-      let i = Math.round(s.width), r = Math.round(s.height);
-      if (this.Ms instanceof HTMLVideoElement) {
-        const o = this.Ms;
-        (i === 0 || r === 0) && o.videoWidth > 0 && o.videoHeight > 0 && (i = o.videoWidth, r = o.videoHeight);
+      const r = this.Ae.getBoundingClientRect();
+      let s = Math.round(r.width), i = Math.round(r.height);
+      if (this.Ae instanceof HTMLVideoElement) {
+        const o = this.Ae;
+        (s === 0 || i === 0) && o.videoWidth > 0 && o.videoHeight > 0 && (s = o.videoWidth, i = o.videoHeight);
       }
-      this._s.width = i, this._s.height = r, this.Is(this._s);
+      this.Me.width = s, this.Me.height = i, this.Be(this.Me);
     }
   }
-  Ps() {
-    const t = { alpha: !1, premultipliedAlpha: !1, As: !0, antialias: !1, Us: !1, Gs: !1, powerPreference: "high-performance" }, e = this._s.getContext("webgl2", t) || this._s.getContext("webgl", t);
-    if (!e) throw new v("WebGL context could not be created. Ensure your browser supports WebGL.");
+  He() {
+    const t = { alpha: !1, premultipliedAlpha: !1, preserveDrawingBuffer: !0, antialias: !1, depth: !1, stencil: !1, powerPreference: "high-performance" }, e = this.Me.getContext("webgl2", t) || this.Me.getContext("webgl", t);
+    if (!e) throw new b("WebGL context could not be created. Ensure your browser supports WebGL.");
     return e;
   }
-  zs() {
-    this.Vs = new ResizeObserver((t) => {
+  setupTransformObserver() {
+    this.Ee = new ResizeObserver((t) => {
       for (const e of t) {
-        const s = e.contentRect;
-        !this.Rs || Math.round(s.width) === this._s.width && Math.round(s.height) === this._s.height || this.Rs();
-      }
-    }), this.Vs.observe(this._s);
-  }
-  dispose() {
-    if (this.Vs && this.Vs.disconnect(), this._s) {
-      const t = this._s.getContext("webgl") || this._s.getContext("webgl2");
-      if (t) {
-        const e = t.getExtension("WEBGL_lose_context");
-        e && e.Es();
+        const r = e.contentRect;
+        !this.onTransformChange || Math.round(r.width) === this.Me.width && Math.round(r.height) === this.Me.height || this.onTransformChange();
       }
-      this._s.parentNode && this._s.parentNode.removeChild(this._s);
+    }), this.Ee.observe(this.Me);
+  }
+  P() {
+    this.Ee && this.Ee.disconnect();
+    const t = this.Me.getContext("webgl") || this.Me.getContext("webgl2");
+    if (t) {
+      const e = t.getExtension("WEBGL_lose_context");
+      e && e.loseContext();
     }
+    this.Me.parentNode && this.Me.parentNode.removeChild(this.Me);
   }
   get canvas() {
-    return this._s;
+    return this.Me;
   }
   get width() {
-    return this._s.width;
+    return this.Me.width;
   }
   get height() {
-    return this._s.height;
+    return this.Me.height;
   }
 }
-class $ {
-  constructor(t, e, s, i = {}) {
-    a(this, "Ls");
-    a(this, "Bs");
-    a(this, "grid");
-    a(this, "Hs");
-    a(this, "Os");
-    a(this, "js");
-    a(this, "Ws");
-    a(this, "Ns");
-    a(this, "l");
-    this.Ls = t, this.Bs = e, this.grid = s, this.l = i;
-    const r = this.grid.cols, o = this.grid.rows;
-    this.Hs = this.Ls.createFramebuffer(r, o), this.Os = this.Ls.createFramebuffer(r, o), this.js = this.Ls.createFramebuffer(r, o), this.Ws = this.Ls.createFramebuffer(r, o), this.Ns = this.Ls.createFramebuffer(r, o);
-  }
-  resize() {
-    const t = this.grid.cols, e = this.grid.rows;
-    this.Hs.resize(t, e), this.Os.resize(t, e), this.js.resize(t, e), this.Ws.resize(t, e), this.Ns.resize(t, e);
+class U {
+  constructor(t, e, r, s = {}) {
+    h(this, "Zt");
+    h(this, "Oe");
+    h(this, "je");
+    h(this, "We");
+    h(this, "Ne");
+    h(this, "Xe");
+    h(this, "qe");
+    h(this, "Ye");
+    h(this, "l");
+    this.Zt = t, this.Oe = e, this.je = r, this.l = s;
+    const i = this.je.cols, o = this.je.rows;
+    this.We = this.Zt.Et(i, o), this.Ne = this.Zt.Et(i, o), this.Xe = this.Zt.Et(i, o), this.qe = this.Zt.Et(i, o), this.Ye = this.Zt.Et(i, o);
+  }
+  Pe() {
+    const t = this.je.cols, e = this.je.rows;
+    this.We.resize(t, e), this.Ne.resize(t, e), this.Xe.resize(t, e), this.qe.resize(t, e), this.Ye.resize(t, e);
   }
   enabled(t) {
     this.l.enabled = t;
@@ -993,23 +989,23 @@ class $ {
   disable() {
     this.enabled(!1);
   }
-  dispose() {
-    this.Hs.dispose(), this.Os.dispose(), this.js.dispose(), this.Ws.dispose(), this.Ns.dispose();
+  P() {
+    this.We.P(), this.Ne.P(), this.Xe.P(), this.qe.P(), this.Ye.P();
   }
-  get Xs() {
-    return this.Hs;
+  get characterFramebuffer() {
+    return this.We;
   }
-  get Ys() {
-    return this.Os;
+  get primaryColorFramebuffer() {
+    return this.Ne;
   }
-  get qs() {
-    return this.js;
+  get secondaryColorFramebuffer() {
+    return this.Xe;
   }
-  get Qs() {
-    return this.Ws;
+  get rotationFramebuffer() {
+    return this.qe;
   }
-  get Zs() {
-    return this.Ns;
+  get transformFramebuffer() {
+    return this.Ye;
   }
   get options() {
     return this.l;
@@ -1017,28 +1013,28 @@ class $ {
 }
 class ut {
   constructor(t, e) {
-    a(this, "C");
-    a(this, "ye");
-    a(this, "Js");
-    this.ye = t, this.Js = e;
-    const s = Math.max(this.Js.length, 1);
-    this.C = this.ye.createFramebuffer(s, 1), this.Ks();
-  }
-  Ks() {
-    const t = this.Js.length;
+    h(this, "C");
+    h(this, "Zt");
+    h(this, "Qe");
+    this.Zt = t, this.Qe = e;
+    const r = Math.max(this.Qe.length, 1);
+    this.C = this.Zt.Et(r, 1), this.Ze();
+  }
+  Ze() {
+    const t = this.Qe.length;
     this.C.width !== t && this.C.resize(t, 1);
     const e = new Uint8Array(1 * t * 4);
-    for (let s = 0; s < t; s++) {
-      const i = this.Js[s], r = 4 * s;
-      e[r] = i[0], e[r + 1] = i[1], e[r + 2] = i[2], e[r + 3] = 255;
+    for (let r = 0; r < t; r++) {
+      const s = this.Qe[r], i = 4 * r;
+      e[i] = s[0], e[i + 1] = s[1], e[i + 2] = s[2], e[i + 3] = 255;
     }
-    this.C.I(e, t, 1);
+    this.C.updatePixels(e, t, 1);
   }
-  tr(t) {
-    this.Js = t, this.Ks();
+  setColors(t) {
+    this.Qe = t, this.Ze();
   }
-  get er() {
-    return this.Js;
+  get colors() {
+    return this.Qe;
   }
   get framebuffer() {
     return this.C;
@@ -1047,317 +1043,361 @@ class ut {
     return this.C.texture;
   }
 }
-class N extends $ {
-  constructor(e, s, i, r = {}) {
-    super(e, s, i, r);
-    a(this, "palette");
-    this.palette = new ut(this.Ls, this.Bs.Ee(" .:-=+*%@#"));
+class k extends U {
+  constructor(e, r, s, i = {}) {
+    super(e, r, s, i);
+    h(this, "Je");
+    this.Je = new ut(this.Zt, this.Oe.getCharacterColors(" .:-=+*%@#"));
   }
-  hs(e) {
-    w.validate(this.Bs.rs(e), "One or more characters do not exist in the current font.", { method: "characters", Ge: e }) && (this.l.hs = e, this.palette.tr(this.Bs.Ee(e)));
+  characters(e) {
+    C.p(this.Oe.hasAllCharacters(e), "One or more characters do not exist in the current font.", { method: "characters", providedValue: e }) && (this.l.characters = e, this.Je.setColors(this.Oe.getCharacterColors(e)));
   }
-  sr(e, s, i, r = 255) {
-    const o = this.rr(e, "characterColor", s, i, r);
-    o && (this.l.sr = o);
+  characterColor(e, r, s, i = 255) {
+    const o = this.Ke(e, "characterColor", r, s, i);
+    o && (this.l.characterColor = o);
   }
-  ir(e) {
-    this.nr(e, "characterColorMode");
+  characterColorMode(e) {
+    this.tr(e, "characterColorMode");
   }
-  hr(e, s, i, r = 255) {
-    const o = this.rr(e, "cellColor", s, i, r);
-    o && (this.l.hr = o);
+  cellColor(e, r, s, i = 255) {
+    const o = this.Ke(e, "cellColor", r, s, i);
+    o && (this.l.cellColor = o);
   }
-  ar(e) {
-    this.nr(e, "cellColorMode");
+  cellColorMode(e) {
+    this.tr(e, "cellColorMode");
   }
-  lr(e) {
-    this.cr(e, "invert", "Invert");
+  invert(e) {
+    this.er(e, "invert", "Invert");
   }
   rotation(e) {
-    if (!w.validate(typeof e == "number", "Rotation angle must be a number.", { method: "rotation", Ge: e })) return;
+    if (!C.p(typeof e == "number", "Rotation angle must be a number.", { method: "rotation", providedValue: e })) return;
     (e %= 360) < 0 && (e += 360);
-    const s = 255 * e / 360, i = Math.floor(s) / 255, r = Math.round(s - i);
-    this.l.rotation = [i, r, 0, 1];
+    const r = 255 * e / 360, s = Math.floor(r) / 255, i = Math.round(r - s);
+    this.l.rotation = [s, i, 0, 1];
   }
-  ur(e) {
-    this.cr(e, "flipHorizontally", "Flip horizontally");
+  flipHorizontally(e) {
+    this.er(e, "flipHorizontally", "Flip horizontally");
   }
-  dr(e) {
-    this.cr(e, "flipVertically", "Flip vertically");
+  flipVertically(e) {
+    this.er(e, "flipVertically", "Flip vertically");
   }
-  rr(e, s, i, r, o = 255) {
+  Ke(e, r, s, i, o = 255) {
     let n, l, c, u;
     if (typeof e == "string") {
-      const d = this.mr(e);
-      if (!d) return w.validate(!1, "Invalid hex color format. Use '#FF0000', '#F00', 'FF0000', or 'F00'.", { method: s, Ge: e }), null;
+      const d = this.rr(e);
+      if (!d) return C.p(!1, "Invalid hex color format. Use '#FF0000', '#F00', 'FF0000', or 'F00'.", { method: r, providedValue: e }), null;
       [n, l, c, u] = d;
-    } else if (n = e, l = i !== void 0 ? i : e, c = r !== void 0 ? r : e, u = o, !w.validate([n, l, c, u].every((d) => d >= 0 && d <= 255), s.charAt(0).toUpperCase() + s.slice(1) + " color values must be between 0 and 255", { method: s, gr: { r: n, g: l, b: c, a: u } })) return null;
+    } else if (n = e, l = s !== void 0 ? s : e, c = i !== void 0 ? i : e, u = o, !C.p([n, l, c, u].every((d) => d >= 0 && d <= 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];
   }
-  nr(e, s) {
-    w.validate(["sampled", "fixed"].includes(e), "Invalid color mode. Must be 'sampled' or 'fixed'.", { method: s, Ge: e }) && (this.l[s] = e);
+  tr(e, r) {
+    C.p(["sampled", "fixed"].includes(e), "Invalid color mode. Must be 'sampled' or 'fixed'.", { method: r, providedValue: e }) && (this.l[r] = e);
   }
-  cr(e, s, i) {
-    w.validate(typeof e == "boolean" || typeof e == "number" && Number.isInteger(e), i + " must be a boolean value or an integer (0 for false, any other number for true).", { method: s, Ge: e }) && (this.l[s] = !!e);
+  er(e, r, s) {
+    C.p(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);
   }
-  mr(e) {
-    return e = e.replace(/^#/, ""), /^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(e) ? (e.length === 3 && (e = e.split("").map((s) => s + s).join("")), [parseInt(e.slice(0, 2), 16), parseInt(e.slice(2, 4), 16), parseInt(e.slice(4, 6), 16), 255]) : null;
+  rr(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;
   }
 }
-const dt = { enabled: !0, hs: " .:-=+*%@#", sr: [1, 1, 1, 1], ir: "sampled", hr: [0, 0, 0, 1], ar: "fixed", lr: !1, rotation: [0, 0, 0, 255], ur: !1, dr: !1, pr: [0, 255] };
-class Y extends N {
-  constructor(e, s, i) {
-    super(e, s, i, { ...dt });
-    a(this, "vr");
-    a(this, "_r");
-    a(this, "br");
-    a(this, "wr");
-    a(this, "Cr");
-    a(this, "yr");
-    this.vr = new T(e.context, C, "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._r = new T(e.context, C, "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.wr = new T(e.context, C, "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.Cr = new T(e.context, C, "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.br = new T(e.context, C, "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.yr = this.Ls.createFramebuffer(this.grid.cols, this.grid.rows);
-  }
-  Fr(e) {
-    const s = this.grid.cols, i = this.grid.rows;
-    this.yr.P(), this.Ls.clear(), this.Ls.Vt(this.vr), this.Ls.Y("u_sketchTexture", e), this.Ls.Y("u_gridCellDimensions", [s, i]), this.Ls.Y("u_brightnessRange", this.l.pr), this.Ls.rect(0, 0, s, i), this.yr.end(), this.Os.P(), this.Ls.clear(), this.Ls.Vt(this._r), this.Ls.Y("u_sampleTexture", this.yr), this.Ls.Y("u_fillColor", this.l.sr), this.Ls.Y("u_useFixedColor", this.l.ir === "fixed"), this.Ls.rect(0, 0, s, i), this.Os.end(), this.js.P(), this.Ls.clear(), this.Ls.Vt(this._r), this.Ls.Y("u_sampleTexture", this.yr), this.Ls.Y("u_fillColor", this.l.hr), this.Ls.Y("u_useFixedColor", this.l.ar === "fixed"), this.Ls.rect(0, 0, s, i), this.js.end(), this.Ns.P(), this.Ls.clear(), this.Ls.Vt(this.wr), this.Ls.Y("u_sampleTexture", this.yr), this.Ls.Y("u_invert", this.l.lr), this.Ls.Y("u_flipHorizontally", this.l.ur), this.Ls.Y("u_flipVertically", this.l.dr), this.Ls.rect(0, 0, s, i), this.Ns.end(), this.Ws.P(), this.Ls.clear(), this.Ls.Vt(this.Cr), this.Ls.Y("u_sampleTexture", this.yr), this.Ls.Y("u_rotationColor", this.l.rotation), this.Ls.rect(0, 0, s, i), this.Ws.end(), this.Hs.P(), this.Ls.clear(), this.Ls.Vt(this.br), this.Ls.Y("u_colorSampleFramebuffer", this.yr), this.Ls.Y("u_charPaletteTexture", this.palette.texture), this.Ls.Y("u_charPaletteSize", [this.palette.er.length, 1]), this.Ls.Y("u_brightnessRange", this.l.pr), this.Ls.rect(0, 0, s, i), this.Hs.end();
-  }
-  resize() {
-    super.resize(), this.yr.resize(this.grid.cols, this.grid.rows);
-  }
-  pr(e) {
-    w.validate(Array.isArray(e) && e.length === 2 && e.every((s) => typeof s == "number" && s >= 0 && s <= 255), "Brightness range must be an array of two numbers between 0 and 255.", { method: "brightnessRange", Ge: e }) && (this.l.pr = e);
+const D = `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
+`, dt = { 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 I extends k {
+  constructor(e, r, s) {
+    super(e, r, s, { ...dt });
+    h(this, "sr");
+    h(this, "ir");
+    h(this, "nr");
+    h(this, "ar");
+    h(this, "hr");
+    h(this, "lr");
+    this.sr = new y(e.context, D, "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.ir = new y(e.context, D, "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.ar = new y(e.context, D, "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.hr = new y(e.context, D, "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.nr = new y(e.context, D, "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.lr = this.Zt.Et(this.je.cols, this.je.rows);
+  }
+  cr(e) {
+    const r = this.je.cols, s = this.je.rows;
+    this.lr.begin(), this.Zt.Bt(), this.Zt.yt(this.sr), this.Zt.Pt("u_sketchTexture", e), this.Zt.Pt("u_gridCellDimensions", [r, s]), this.Zt.Pt("u_brightnessRange", this.l.brightnessRange), this.Zt.Ut(0, 0, r, s), this.lr.end(), this.Ne.begin(), this.Zt.Bt(), this.Zt.yt(this.ir), this.Zt.Pt("u_sampleTexture", this.lr), this.Zt.Pt("u_fillColor", this.l.characterColor), this.Zt.Pt("u_useFixedColor", this.l.characterColorMode === "fixed"), this.Zt.Ut(0, 0, r, s), this.Ne.end(), this.Xe.begin(), this.Zt.Bt(), this.Zt.yt(this.ir), this.Zt.Pt("u_sampleTexture", this.lr), this.Zt.Pt("u_fillColor", this.l.cellColor), this.Zt.Pt("u_useFixedColor", this.l.cellColorMode === "fixed"), this.Zt.Ut(0, 0, r, s), this.Xe.end(), this.Ye.begin(), this.Zt.Bt(), this.Zt.yt(this.ar), this.Zt.Pt("u_sampleTexture", this.lr), this.Zt.Pt("u_invert", this.l.invert), this.Zt.Pt("u_flipHorizontally", this.l.flipHorizontally), this.Zt.Pt("u_flipVertically", this.l.flipVertically), this.Zt.Ut(0, 0, r, s), this.Ye.end(), this.qe.begin(), this.Zt.Bt(), this.Zt.yt(this.hr), this.Zt.Pt("u_sampleTexture", this.lr), this.Zt.Pt("u_rotationColor", this.l.rotation), this.Zt.Ut(0, 0, r, s), this.qe.end(), this.We.begin(), this.Zt.Bt(), this.Zt.yt(this.nr), this.Zt.Pt("u_colorSampleFramebuffer", this.lr), this.Zt.Pt("u_charPaletteTexture", this.Je.texture), this.Zt.Pt("u_charPaletteSize", [this.Je.colors.length, 1]), this.Zt.Pt("u_brightnessRange", this.l.brightnessRange), this.Zt.Ut(0, 0, r, s), this.We.end();
+  }
+  Pe() {
+    super.Pe(), this.lr.resize(this.je.cols, this.je.rows);
+  }
+  brightnessRange(e) {
+    C.p(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 At = Object.freeze(Object.defineProperty({ __proto__: null, Tr: Y, $r: $, Dr: N }, Symbol.toStringTag, { value: "Module" }));
+const Ut = Object.freeze(Object.defineProperty({ __proto__: null, TextmodeBrightnessConverter: I, TextmodeConverter: U, TextmodeFeatureConverter: k }, Symbol.toStringTag, { value: "Module" }));
 class ft {
-  constructor(t, e, s) {
-    a(this, "Ls");
-    a(this, "font");
-    a(this, "grid");
-    a(this, "Mr");
-    a(this, "Sr");
-    a(this, "Vr");
-    a(this, "Rr");
-    a(this, "kr");
-    a(this, "Hs");
-    a(this, "Os");
-    a(this, "js");
-    a(this, "Ws");
-    a(this, "Ns");
-    this.Ls = t, this.font = e, this.grid = s, this.kr = this.Ls.createShader(C, "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.Sr = new Y(t, e, s), this.Vr = new $(t, e, s), this.Mr = [this.Sr, this.Vr], this.Hs = this.Ls.createFramebuffer(s.cols, s.rows), this.Os = this.Ls.createFramebuffer(s.cols, s.rows), this.js = this.Ls.createFramebuffer(s.cols, s.rows), this.Ws = this.Ls.createFramebuffer(s.cols, s.rows), this.Ns = this.Ls.createFramebuffer(s.cols, s.rows), this.Rr = this.Ls.createFramebuffer(this.grid.width, this.grid.height);
-  }
-  zr(t) {
-    for (const s of this.Mr) s.options.enabled && s instanceof N && s.Fr(t);
-    const e = (s, i) => {
-      s.P(), this.Ls.clear();
-      for (const r of this.Mr) r.options.enabled && this.Ls.image(i(r), 0, 0);
-      s.end();
+  constructor(t, e, r) {
+    h(this, "Zt");
+    h(this, "oe");
+    h(this, "je");
+    h(this, "ur");
+    h(this, "dr");
+    h(this, "mr");
+    h(this, "gr");
+    h(this, "pr");
+    h(this, "We");
+    h(this, "Ne");
+    h(this, "Xe");
+    h(this, "qe");
+    h(this, "Ye");
+    this.Zt = t, this.oe = e, this.je = r, this.pr = this.Zt.zt(Z, "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.dr = new I(t, e, r), this.mr = new U(t, e, r), this.ur = [this.dr, this.mr], this.We = this.Zt.Et(r.cols, r.rows), this.Ne = this.Zt.Et(r.cols, r.rows), this.Xe = this.Zt.Et(r.cols, r.rows), this.qe = this.Zt.Et(r.cols, r.rows), this.Ye = this.Zt.Et(r.cols, r.rows), this.gr = this.Zt.Et(this.je.width, this.je.height);
+  }
+  _r(t) {
+    for (const r of this.ur) r.options.enabled && r instanceof k && r.cr(t);
+    const e = (r, s) => {
+      r.begin(), this.Zt.Bt();
+      for (const i of this.ur) i.options.enabled && this.Zt.Ot(s(i), 0, 0);
+      r.end();
     };
-    e(this.Hs, (s) => s.Xs), e(this.Os, (s) => s.Ys), e(this.js, (s) => s.qs), e(this.Ws, (s) => s.Qs), e(this.Ns, (s) => s.Zs), this.Rr.P(), this.Ls.clear(), this.Ls.Vt(this.kr), this.Ls.Y("u_characterTexture", this.font.ns), this.Ls.Y("u_charsetDimensions", [this.font.ls, this.font.cs]), this.Ls.Y("u_asciiCharacterTexture", this.Hs.texture), this.Ls.Y("u_primaryColorTexture", this.Os.texture), this.Ls.Y("u_secondaryColorTexture", this.js.texture), this.Ls.Y("u_transformTexture", this.Ns.texture), this.Ls.Y("u_rotationTexture", this.Ws.texture), this.Ls.Y("u_captureTexture", t.texture), this.Ls.Y("u_backgroundMode", !1), this.Ls.Y("u_captureDimensions", [t.width, t.height]), this.Ls.Y("u_gridCellDimensions", [this.grid.cols, this.grid.rows]), this.Ls.Y("u_gridPixelDimensions", [this.grid.width, this.grid.height]), this.Ls.rect(0, 0, this.Rr.width, this.Rr.height), this.Rr.end();
+    e(this.We, (r) => r.characterFramebuffer), e(this.Ne, (r) => r.primaryColorFramebuffer), e(this.Xe, (r) => r.secondaryColorFramebuffer), e(this.qe, (r) => r.rotationFramebuffer), e(this.Ye, (r) => r.transformFramebuffer), this.gr.begin(), this.Zt.Bt(), this.Zt.yt(this.pr), this.Zt.Pt("u_characterTexture", this.oe.fontFramebuffer), this.Zt.Pt("u_charsetDimensions", [this.oe.textureColumns, this.oe.textureRows]), this.Zt.Pt("u_asciiCharacterTexture", this.We.texture), this.Zt.Pt("u_primaryColorTexture", this.Ne.texture), this.Zt.Pt("u_secondaryColorTexture", this.Xe.texture), this.Zt.Pt("u_transformTexture", this.Ye.texture), this.Zt.Pt("u_rotationTexture", this.qe.texture), this.Zt.Pt("u_captureTexture", t.texture), this.Zt.Pt("u_backgroundMode", !1), this.Zt.Pt("u_captureDimensions", [t.width, t.height]), this.Zt.Pt("u_gridCellDimensions", [this.je.cols, this.je.rows]), this.Zt.Pt("u_gridPixelDimensions", [this.je.width, this.je.height]), this.Zt.Ut(0, 0, this.gr.width, this.gr.height), this.gr.end();
   }
   add(t) {
-    if (!w.validate(t === "brightness" || t === "custom", 'Converter type must be either "brightness" or "custom". Provided: ' + t, { method: "add", Ge: t })) return;
+    if (!C.p(t === "brightness" || t === "custom", 'Converter type must be either "brightness" or "custom".', { method: "add", providedValue: t })) return;
     let e;
-    return e = t === "brightness" ? new Y(this.Ls, this.font, this.grid) : new $(this.Ls, this.font, this.grid), this.Mr.push(e), e;
+    return e = t === "brightness" ? new I(this.Zt, this.oe, this.je) : new U(this.Zt, this.oe, this.je), this.ur.push(e), e;
   }
   remove(t) {
-    if (!w.validate(t instanceof $, "Parameter must be a TextmodeConverter instance.", { method: "remove", Ge: t })) return;
-    const e = this.Mr.indexOf(t);
-    w.validate(e !== -1, "Converter instance not found in pipeline.", { method: "remove", Ge: t, Ir: this.Mr.length }) && this.Mr.splice(e, 1);
+    if (!C.p(t instanceof U, "Parameter must be a TextmodeConverter instance.", { method: "remove", providedValue: t })) return;
+    const e = this.ur.indexOf(t);
+    C.p(e !== -1, "Converter instance not found in pipeline.", { method: "remove", providedValue: t, convertersCount: this.ur.length }) && this.ur.splice(e, 1);
   }
-  get texture() {
-    return this.Rr;
+  Pe() {
+    this.gr.resize(this.je.width, this.je.height);
+    const t = this.je.cols, e = this.je.rows;
+    this.We.resize(t, e), this.Ne.resize(t, e), this.Xe.resize(t, e), this.qe.resize(t, e), this.Ye.resize(t, e);
+    for (const r of this.ur) r.Pe();
   }
-  resize() {
-    this.Rr.resize(this.grid.width, this.grid.height);
-    const t = this.grid.cols, e = this.grid.rows;
-    this.Hs.resize(t, e), this.Os.resize(t, e), this.js.resize(t, e), this.Ws.resize(t, e), this.Ns.resize(t, e);
-    for (const s of this.Mr) s.resize();
-  }
-  Pr() {
-    return this.Mr.some((t) => t.options.enabled);
+  hasEnabledConverters() {
+    return this.ur.some((t) => t.options.enabled);
   }
   disable() {
-    for (const t of this.Mr) t.disable();
+    for (const t of this.ur) t.disable();
   }
   enable() {
-    for (const t of this.Mr) t.enable();
+    for (const t of this.ur) t.enable();
+  }
+  P() {
+    for (const t of this.ur) t.P();
+    this.We.P(), this.Ne.P(), this.Xe.P(), this.qe.P(), this.Ye.P(), this.gr.P(), this.pr.P();
+  }
+  get texture() {
+    return this.gr;
   }
-  dispose() {
-    for (const t of this.Mr) t.dispose();
-    this.Hs.dispose(), this.Os.dispose(), this.js.dispose(), this.Ws.dispose(), this.Ns.dispose(), this.Rr.dispose(), this.kr.dispose();
+  get characterFramebuffer() {
+    return this.We;
+  }
+  get primaryColorFramebuffer() {
+    return this.Ne;
   }
-  get Xs() {
-    return this.Hs;
+  get secondaryColorFramebuffer() {
+    return this.Xe;
   }
-  get Ys() {
-    return this.Os;
+  get rotationFramebuffer() {
+    return this.qe;
   }
-  get qs() {
-    return this.js;
+  get transformFramebuffer() {
+    return this.Ye;
   }
-  get Qs() {
-    return this.Ws;
+  get brightness() {
+    return this.dr;
   }
-  get Zs() {
-    return this.Ns;
+  get custom() {
+    return this.mr;
   }
 }
-const gt = (h) => class extends h {
-  fill(t, e, s, i) {
-    this.ye.fill(t, e, s, i);
+const gt = (a) => class extends a {
+  fill(t, e, r, s) {
+    this.Zt.$t(t, e, r, s);
   }
-  stroke(t, e, s, i) {
-    this.ye.stroke(t, e, s, i);
+  stroke(t, e, r, s) {
+    this.Zt.Ft(t, e, r, s);
   }
-  Rt(t) {
-    this.ye.Rt(t);
+  strokeWeight(t) {
+    this.Zt.Tt(t);
   }
-  kt() {
-    this.ye.kt();
+  noStroke() {
+    this.Zt.Dt();
   }
-  zt() {
-    this.ye.zt();
+  noFill() {
+    this.Zt.Mt();
   }
   rotate(t) {
-    this.ye.rotate(t);
+    this.Zt.St(t);
   }
   push() {
-    this.ye.push();
+    this.Zt.Rt();
   }
   pop() {
-    this.ye.pop();
+    this.Zt.Vt();
   }
-  rect(t, e, s = 1, i = 1) {
-    this.ye.rect(t, e, s, i);
+  rect(t, e, r = 1, s = 1) {
+    this.Zt.Ut(t, e, r, s);
   }
-  line(t, e, s, i) {
-    this.ye.line(t, e, s, i);
+  line(t, e, r, s) {
+    this.Zt.Gt(t, e, r, s);
   }
-  background(t, e = t, s = t, i = 255) {
-    this.ye.background(t, e, s, i);
+  background(t, e = t, r = t, s = 255) {
+    this.Zt.Lt(t, e, r, s);
   }
   createShader(t, e) {
-    return this.ye.createShader(t, e);
+    return this.Zt.zt(t, e);
   }
-  At(t) {
-    return this.ye.At(t);
+  createFilterShader(t) {
+    return this.Zt.It(t);
   }
-  Vt(t) {
-    this.ye.Vt(t);
+  shader(t) {
+    this.Zt.yt(t);
   }
-  Y(t, e) {
-    this.ye.Y(t, e);
+  setUniform(t, e) {
+    this.Zt.Pt(t, e);
   }
 };
-class I {
-  Ar(t) {
-    const e = t.get("brightness"), s = e == null ? void 0 : e.Xs, i = e == null ? void 0 : e.Ys, r = e == null ? void 0 : e.qs, o = e == null ? void 0 : e.Zs, n = e == null ? void 0 : e.Qs;
-    return s == null || s.A(), i == null || i.A(), r == null || r.A(), o == null || o.A(), n == null || n.A(), { Ur: (s == null ? void 0 : s.U) || new Uint8Array(0), Gr: (i == null ? void 0 : i.U) || new Uint8Array(0), Er: (r == null ? void 0 : r.U) || new Uint8Array(0), Lr: (o == null ? void 0 : o.U) || new Uint8Array(0), Br: (n == null ? void 0 : n.U) || new Uint8Array(0) };
+class j {
+  vr(t) {
+    const e = t.get("brightness"), r = e == null ? void 0 : e.characterFramebuffer, s = e == null ? void 0 : e.primaryColorFramebuffer, i = e == null ? void 0 : e.secondaryColorFramebuffer, o = e == null ? void 0 : e.transformFramebuffer, n = e == null ? void 0 : e.rotationFramebuffer;
+    return r == null || r.loadPixels(), s == null || s.loadPixels(), i == null || i.loadPixels(), o == null || o.loadPixels(), n == null || n.loadPixels(), { characterPixels: (r == null ? void 0 : r.pixels) || new Uint8Array(0), primaryColorPixels: (s == null ? void 0 : s.pixels) || new Uint8Array(0), secondaryColorPixels: (i == null ? void 0 : i.pixels) || new Uint8Array(0), transformPixels: (o == null ? void 0 : o.pixels) || new Uint8Array(0), rotationPixels: (n == null ? void 0 : n.pixels) || new Uint8Array(0) };
   }
-  Hr(t, e) {
+  br(t, e) {
     return t[e] + (t[e + 1] << 8);
   }
-  Or(t, e) {
+  wr(t, e) {
     return { r: t[e], g: t[e + 1], b: t[e + 2], a: t[e + 3] };
   }
 }
-class z {
-  jr(t, e) {
+class L {
+  Cr(t, e) {
     return new Blob([t], { type: e });
   }
-  Wr(t, e, s) {
+  yr(t, e, r) {
     try {
-      const i = this.jr(t, s), r = URL.createObjectURL(i), o = document.createElement("a");
-      o.href = r, o.download = e, o.style.display = "none", o.rel = "noopener", document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(r);
-    } catch (i) {
-      throw console.error("Failed to download file:", i), Error("File download failed: " + (i instanceof Error ? i.message : "Unknown error"));
+      const s = this.Cr(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"));
     }
   }
-  Nr() {
+  $r() {
     return (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-");
   }
-  Xr() {
+  Fr() {
     const t = /* @__PURE__ */ new Date();
-    return { Yr: t.toISOString().split("T")[0], time: t.toTimeString().split(" ")[0].replace(/:/g, "-") };
+    return { date: t.toISOString().split("T")[0], time: t.toTimeString().split(" ")[0].replace(/:/g, "-") };
   }
-  qr(t) {
+  Tr(t) {
     return t.replace(/[<>:"/\\|?*]/g, "_").replace(/\s+/g, "_").replace(/_{2,}/g, "_").replace(/^_+|_+$/g, "").substring(0, 255);
   }
-  Qr() {
-    return "'textmode-export'-" + this.Nr();
+  Dr() {
+    return "'textmode-export'-" + this.$r();
   }
 }
-class mt extends I {
-  Zr(t, e, s) {
-    const i = t[s] === 255, r = t[s + 1] === 255, o = t[s + 2] === 255, n = e[s], l = e[s + 1];
-    return { Jr: i, Kr: r, ti: o, rotation: Math.round(360 * (n + l / 255) / 255 * 100) / 100 };
-  }
-  ei(t, e, s) {
-    return { x: t, y: e, si: t * s.$s, ri: e * s.Ds };
-  }
-  ii(t, e) {
-    const s = [];
-    let i = 0;
-    for (let r = 0; r < e.rows; r++) for (let o = 0; o < e.cols; o++) {
-      const n = 4 * i, l = this.Hr(t.Ur, n);
-      let c = this.Or(t.Gr, n), u = this.Or(t.Er, n);
-      const d = this.Zr(t.Lr, t.Br, n);
-      if (d.Jr) {
-        const p = c;
-        c = u, u = p;
+class pt extends j {
+  Mr(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 };
+  }
+  Sr(t, e, r) {
+    return { x: t, y: e, cellX: t * r.cellWidth, cellY: e * r.cellHeight };
+  }
+  Rr(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.br(t.characterPixels, n);
+      let c = this.wr(t.primaryColorPixels, n), u = this.wr(t.secondaryColorPixels, n);
+      const d = this.Mr(t.transformPixels, t.rotationPixels, n);
+      if (d.isInverted) {
+        const m = c;
+        c = u, u = m;
       }
-      const f = this.ei(o, r, e);
-      s.push({ charIndex: l, oi: c, ni: u, transform: d, position: f }), i++;
+      const f = this.Sr(o, i, e);
+      r.push({ charIndex: l, primaryColor: c, secondaryColor: u, transform: d, position: f }), s++;
     }
-    return s;
+    return r;
   }
 }
-class pt {
-  hi(t, e) {
-    const s = t.cmap;
-    for (const i of s.qt) if (i.format === 4) {
-      for (let r = 0; r < i.re.length; r++) if (e >= i.re[r] && e <= i.se[r]) {
-        if (i.oe[r] === 0) return e + i.ie[r] & 65535;
+class mt {
+  ie(t, e) {
+    const r = t.cmap;
+    for (const s of r.tables) if (s.format === 4) {
+      for (let i = 0; i < s.startCount.length; i++) if (e >= s.startCount[i] && e <= s.endCount[i]) {
+        if (s.idRangeOffset[i] === 0) return e + s.idDelta[i] & 65535;
         {
-          const o = i.oe[r] / 2 + (e - i.re[r]) - (i.re.length - r);
-          if (o >= 0 && o < i.ne.length) {
-            const n = i.ne[o];
-            if (n !== 0) return n + i.ie[r] & 65535;
+          const o = s.idRangeOffset[i] / 2 + (e - s.startCount[i]) - (s.startCount.length - i);
+          if (o >= 0 && o < s.glyphIdArray.length) {
+            const n = s.glyphIdArray[o];
+            if (n !== 0) return n + s.idDelta[i] & 65535;
           }
         }
       }
     }
     return 0;
   }
-  ai(t, e, s, i, r) {
-    const o = r / t.head.unitsPerEm;
-    return { li: () => ({ x1: s + e.xMin * o, y1: i + -e.yMax * o, x2: s + e.xMax * o, y2: i + -e.yMin * o }), ci: () => this.ui(e, s, i, o) };
+  Vr(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.kr(e, r, s, o) };
   }
-  ui(t, e, s, i) {
-    if (!t || !t.fe) return "";
-    const { fe: r, de: o, ue: n, flags: l } = t;
-    if (!(r && o && n && l)) return "";
+  kr(t, e, r, s) {
+    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 d = 0; d < n.length; d++) {
       const f = n[d];
       if (!(f < u)) {
         if (f >= u) {
-          const p = e + r[u] * i, _ = s - o[u] * i;
-          c += `M${p.toFixed(2)},${_.toFixed(2)}`;
-          let m = u + 1;
-          for (; m <= f; )
-            if (1 & l[m]) {
-              const x = e + r[m] * i, y = s - o[m] * i;
-              c += `L${x.toFixed(2)},${y.toFixed(2)}`, m++;
+          const m = e + i[u] * s, v = r - o[u] * s;
+          c += `M${m.toFixed(2)},${v.toFixed(2)}`;
+          let p = u + 1;
+          for (; p <= f; )
+            if (1 & l[p]) {
+              const x = e + i[p] * s, _ = r - o[p] * s;
+              c += `L${x.toFixed(2)},${_.toFixed(2)}`, p++;
             } else {
-              const x = e + r[m] * i, y = s - o[m] * i;
-              let b = m + 1 > f ? u : m + 1;
-              if (1 & l[b]) {
-                const R = e + r[b] * i, E = s - o[b] * i;
-                c += `Q${x.toFixed(2)},${y.toFixed(2)} ${R.toFixed(2)},${E.toFixed(2)}`, m = b + 1;
+              const x = e + i[p] * s, _ = r - o[p] * s;
+              let w = p + 1 > f ? u : p + 1;
+              if (1 & l[w]) {
+                const T = e + i[w] * s, E = r - o[w] * s;
+                c += `Q${x.toFixed(2)},${_.toFixed(2)} ${T.toFixed(2)},${E.toFixed(2)}`, p = w + 1;
               } else {
-                const R = (x + (e + r[b] * i)) / 2, E = (y + (s - o[b] * i)) / 2;
-                c += `Q${x.toFixed(2)},${y.toFixed(2)} ${R.toFixed(2)},${E.toFixed(2)}`, m = b;
+                const T = (x + (e + i[w] * s)) / 2, E = (_ + (r - o[w] * s)) / 2;
+                c += `Q${x.toFixed(2)},${_.toFixed(2)} ${T.toFixed(2)},${E.toFixed(2)}`, p = w;
               }
             }
           c += "Z";
@@ -1367,22 +1407,22 @@ class pt {
     }
     return c;
   }
-  fi(t, e, s, i, r) {
-    const o = t.codePointAt(0) || 0, n = this.hi(e, o);
+  zr(t, e, r, s, i) {
+    const o = t.codePointAt(0) || 0, n = this.ie(e, o);
     let l = null;
-    return e.glyf && e.glyf[n] !== null ? l = e.glyf[n] : g && g.T && g.T.glyf && g.T.glyf.le && (l = g.T.glyf.le(e, n), e.glyf && l && (e.glyf[n] = l)), this.ai(e, l, s, i, r);
+    return e.glyf && e.glyf[n] !== null ? l = e.glyf[n] : g && g.T && g.T.glyf && g.T.glyf.jt && (l = g.T.glyf.jt(e, n), e.glyf && l && (e.glyf[n] = l)), this.Vr(e, l, r, s, i);
   }
-  di(t, e, s, i, r, o, n, l) {
-    const c = s + (r - l * (n / e.head.unitsPerEm)) / 2, u = i + (o + 0.7 * n) / 2;
-    return this.fi(t, e, c, u, n).ci() || null;
+  Ir(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.zr(t, e, c, u, n).toSVG() || null;
   }
 }
-class _t {
+class vt {
   constructor() {
-    a(this, "mi");
-    this.mi = new pt();
+    h(this, "Pr");
+    this.Pr = new mt();
   }
-  gi(t) {
+  Ur(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}" 
@@ -1390,175 +1430,175 @@ class _t {
 <title>textmode art generated via textmode.js</title>
 <desc>textmode art visualization generated by textmode.js library</desc>`;
   }
-  pi() {
+  Ar() {
     return `
 </g>
 </svg>`;
   }
-  _i(t, e) {
-    if (!e.xi) return "";
-    const s = e.backgroundColor, i = `rgba(${s[0]},${s[1]},${s[2]},${s[3] / 255})`;
+  Gr(t, e) {
+    if (!e.includeBackgroundRectangles) return "";
+    const r = e.backgroundColor, s = `rgba(${r[0]},${r[1]},${r[2]},${r[3] / 255})`;
     return `
-<rect width="${t.width}" height="${t.height}" fill="${i}" />`;
+<rect width="${t.width}" height="${t.height}" fill="${s}" />`;
   }
-  bi(t) {
+  Er(t) {
     return `rgba(${t.r},${t.g},${t.b},${t.a / 255})`;
   }
-  wi(t, e) {
-    const { transform: s, position: i } = t, r = i.si + e.$s / 2, o = i.ri + e.Ds / 2, n = [];
-    if (s.Kr || s.ti) {
-      const l = s.Kr ? -1 : 1, c = s.ti ? -1 : 1;
-      n.push(`translate(${r} ${o})`), n.push(`scale(${l} ${c})`), n.push(`translate(${-r} ${-o})`);
+  Lr(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})`);
     }
-    return s.rotation && n.push(`rotate(${s.rotation} ${r} ${o})`), n.length ? ` transform="${n.join(" ")}"` : "";
-  }
-  Ci(t, e, s) {
-    if (!s.xi || t.ni.a === 0) return "";
-    const { position: i } = t, r = this.bi(t.ni);
-    return s.yi === "stroke" ? `
-  <rect x="${i.si}" y="${i.ri}" width="${e.$s}" height="${e.Ds}" stroke="${r}" fill="none" stroke-width="${s.strokeWidth}" />` : `
-  <rect x="${i.si}" y="${i.ri}" width="${e.$s}" height="${e.Ds}" fill="${r}" />`;
-  }
-  fi(t, e, s, i) {
-    const r = s.hs[t.charIndex];
-    if (!r) return "";
-    const o = this.mi.di(r.Se, s.font, t.position.si, t.position.ri, e.$s, e.Ds, s.fontSize, r.Ae);
+    return r.rotation && n.push(`rotate(${r.rotation} ${i} ${o})`), n.length ? ` transform="${n.join(" ")}"` : "";
+  }
+  Br(t, e, r) {
+    if (!r.includeBackgroundRectangles || t.secondaryColor.a === 0) return "";
+    const { position: s } = t, i = this.Er(t.secondaryColor);
+    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}" />`;
+  }
+  zr(t, e, r, s) {
+    const i = r.characters[t.charIndex];
+    if (!i) return "";
+    const o = this.Pr.Ir(i.character, r.font, t.position.cellX, t.position.cellY, e.cellWidth, e.cellHeight, r.fontSize, i.advanceWidth);
     if (!o) return "";
-    const n = this.bi(t.oi);
-    return i.yi === "stroke" ? `
-    <path id="${`path-${t.charIndex}-${t.position.si}-${t.position.ri}`.replace(/\./g, "-")}" d="${o}" stroke="${n}" stroke-width="${i.strokeWidth}" fill="none" />` : `
+    const n = this.Er(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}" />`;
   }
-  Fi(t, e, s, i) {
-    let r = "";
-    r += this.Ci(t, e, i);
-    const o = this.wi(t, e), n = this.fi(t, e, s, i);
-    return n && (o ? (r += `
-  <g${o}>`, r += n, r += `
-  </g>`) : r += n), r;
-  }
-  Ti(t, e, s, i) {
-    let r = this.gi(e);
-    r += this._i(e, i), r += `
+  Hr(t, e, r, s) {
+    let i = "";
+    i += this.Br(t, e, s);
+    const o = this.Lr(t, e), n = this.zr(t, e, r, s);
+    return n && (o ? (i += `
+  <g${o}>`, i += n, i += `
+  </g>`) : i += n), i;
+  }
+  Or(t, e, r, s) {
+    let i = this.Ur(e);
+    i += this.Gr(e, s), i += `
 <g id="ascii-cells">`;
-    for (const o of t) r += this.Fi(o, e, s, i);
-    return r += this.pi(), r;
+    for (const o of t) i += this.Hr(o, e, r, s);
+    return i += this.Ar(), i;
   }
-  $i(t) {
+  jr(t) {
     return t.replace(/<path[^>]*d=""[^>]*\/>/g, "").replace(/\n\s*\n/g, `
 `).replace(/[ \t]+$/gm, "");
   }
 }
-class xt extends z {
-  Di(t) {
-    return this.jr(t, "image/svg+xml;charset=utf-8");
+class xt extends L {
+  Wr(t) {
+    return this.Cr(t, "image/svg+xml;charset=utf-8");
   }
-  Mi(t, e) {
-    this.Wr(t, this.qr(e) + ".svg", "image/svg+xml;charset=utf-8");
+  Nr(t, e) {
+    this.yr(t, this.Tr(e) + ".svg", "image/svg+xml;charset=utf-8");
   }
-  Si(t, e) {
-    this.Mi(t, e || this.Qr());
+  Xr(t, e) {
+    this.Nr(t, e || this.Dr());
   }
 }
 class V {
   constructor() {
-    a(this, "Vi");
-    a(this, "Ri");
-    a(this, "ki");
-    this.Vi = new mt(), this.Ri = new _t(), this.ki = new xt();
+    h(this, "qr");
+    h(this, "Yr");
+    h(this, "Qr");
+    this.qr = new pt(), this.Yr = new vt(), this.Qr = new xt();
   }
-  zi(t) {
-    return { xi: t.xi ?? !0, yi: t.yi ?? "fill", strokeWidth: t.strokeWidth ?? 1, backgroundColor: t.backgroundColor ?? [0, 0, 0, 0] };
+  Zr(t) {
+    return { includeBackgroundRectangles: t.includeBackgroundRectangles ?? !0, drawMode: t.drawMode ?? "fill", strokeWidth: t.strokeWidth ?? 1, backgroundColor: t.backgroundColor ?? [0, 0, 0, 0] };
   }
-  Ii(t, e = {}) {
-    const s = this.zi(e), i = this.Vi.Ar(t.Pi), r = this.Vi.ii(i, t.grid), o = this.Ri.Ti(r, t.grid, t.font, s);
-    return this.Ri.$i(o);
+  Jr(t, e = {}) {
+    const r = this.Zr(e), s = this.qr.vr(t.pipeline), i = this.qr.Rr(s, t.grid), o = this.Yr.Or(i, t.grid, t.font, r);
+    return this.Yr.jr(o);
   }
-  Si(t, e = {}) {
-    const s = this.Ii(t, e), i = e.filename || this.ki.Qr();
-    this.ki.Si(s, i);
+  Xr(t, e = {}) {
+    const r = this.Jr(t, e), s = e.filename || this.Qr.Dr();
+    this.Qr.Xr(r, s);
   }
 }
-class vt extends I {
-  Ai(t, e, s, i = " ") {
+class bt extends j {
+  Kr(t, e, r, s = " ") {
     var n;
-    const r = [];
+    const i = [];
     let o = 0;
     for (let l = 0; l < e.rows; l++) {
       const c = [];
       for (let u = 0; u < e.cols; u++) {
-        const d = 4 * o, f = this.Hr(t.Ur, d), p = ((n = s.hs[f]) == null ? void 0 : n.Se) || i;
-        c.push(p), o++;
+        const d = 4 * o, f = this.br(t.characterPixels, d), m = ((n = r.characters[f]) == null ? void 0 : n.character) || s;
+        c.push(m), o++;
       }
-      r.push(c);
+      i.push(c);
     }
-    return r;
+    return i;
   }
 }
-class wt {
-  Ui(t, e) {
-    const s = [];
-    for (const r of t) {
-      let o = r.join("");
-      e.Gi || (o = o.replace(/\s+$/, "")), s.push(o);
+class Ct {
+  ts(t, e) {
+    const r = [];
+    for (const i of t) {
+      let o = i.join("");
+      e.preserveTrailingSpaces || (o = o.replace(/\s+$/, "")), r.push(o);
     }
-    const i = e.Ei === "crlf" ? `\r
+    const s = e.lineEnding === "crlf" ? `\r
 ` : `
 `;
-    return s.join(i);
+    return r.join(s);
   }
 }
-class bt extends z {
-  Li(t, e) {
-    const s = this.Bi(e);
-    this.Wr(t, s, "text/plain;charset=utf-8");
+class wt extends L {
+  es(t, e) {
+    const r = this.rs(e);
+    this.yr(t, r, "text/plain;charset=utf-8");
   }
-  Bi(t) {
-    let e = this.qr(t);
-    return e === ".txt" || e.length <= 4 ? this.Qr() : e;
+  rs(t) {
+    let e = this.Tr(t);
+    return e === ".txt" || e.length <= 4 ? this.Dr() : e;
   }
 }
-class G {
+class Y {
   constructor() {
-    a(this, "Vi");
-    a(this, "Ri");
-    a(this, "ki");
-    this.Vi = new vt(), this.Ri = new wt(), this.ki = new bt();
+    h(this, "qr");
+    h(this, "Yr");
+    h(this, "Qr");
+    this.qr = new bt(), this.Yr = new Ct(), this.Qr = new wt();
   }
-  zi(t) {
-    return { Gi: t.Gi ?? !1, Ei: t.Ei ?? "lf", Hi: t.Hi ?? " " };
+  Zr(t) {
+    return { preserveTrailingSpaces: t.preserveTrailingSpaces ?? !1, lineEnding: t.lineEnding ?? "lf", emptyCharacter: t.emptyCharacter ?? " " };
   }
-  Oi(t, e = {}) {
-    const s = this.zi(e), i = this.Vi.Ar(t.Pi), r = this.Vi.Ai(i, t.grid, t.font, s.Hi);
-    return this.Ri.Ui(r, s);
+  ss(t, e = {}) {
+    const r = this.Zr(e), s = this.qr.vr(t.pipeline), i = this.qr.Kr(s, t.grid, t.font, r.emptyCharacter);
+    return this.Yr.ts(i, r);
   }
-  Li(t, e = {}) {
-    const s = this.Oi(t, e), i = e.filename || this.ki.Qr();
-    this.ki.Li(s, i);
+  es(t, e = {}) {
+    const r = this.ss(t, e), s = e.filename || this.Qr.Dr();
+    this.Qr.es(r, s);
   }
 }
-class yt extends I {
-  ji(t, e = 1, s = "transparent") {
-    const i = t.canvas;
-    if (e === 1 && s === "transparent") return i;
-    const r = document.createElement("canvas"), o = r.getContext("2d"), n = Math.round(i.width * e), l = Math.round(i.height * e);
-    return r.width = n, r.height = l, s !== "transparent" && (o.fillStyle = s, o.fillRect(0, 0, n, l)), o.imageSmoothingEnabled = !1, o.drawImage(i, 0, 0, i.width, i.height, 0, 0, n, l), r;
+class _t extends j {
+  ns(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 Tt {
-  Wi(t, e) {
-    const s = this.Ni(e.format);
-    return e.format === "png" ? t.toDataURL(s) : t.toDataURL(s, e.Xi);
-  }
-  async Yi(t, e) {
-    return new Promise((s, i) => {
-      const r = this.Ni(e.format), o = (n) => {
-        n ? s(n) : i(Error(`Failed to generate ${e.format.toUpperCase()} blob`));
+class yt {
+  hs(t, e) {
+    const r = this.ls(e.format);
+    return e.format === "png" ? t.toDataURL(r) : t.toDataURL(r, e.quality);
+  }
+  async cs(t, e) {
+    return new Promise((r, s) => {
+      const i = this.ls(e.format), o = (n) => {
+        n ? r(n) : s(Error(`Failed to generate ${e.format.toUpperCase()} blob`));
       };
-      e.format === "png" ? t.toBlob(o, r) : t.toBlob(o, r, e.Xi);
+      e.format === "png" ? t.toBlob(o, i) : t.toBlob(o, i, e.quality);
     });
   }
-  Ni(t) {
+  ls(t) {
     switch (t) {
       case "png":
         return "image/png";
@@ -1571,274 +1611,263 @@ class Tt {
     }
   }
 }
-const j = { qi: "image/png", Qi: "image/jpeg", Zi: "image/webp" }, B = { qi: ".png", Qi: ".jpg", Zi: ".webp" };
-class Ct extends z {
-  Ji(t, e, s) {
-    this.Ki(t, this.qr(e) + B[s]);
+const Tt = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, G = { png: ".png", jpg: ".jpg", webp: ".webp" };
+class Et extends L {
+  us(t, e, r) {
+    this.fs(t, this.Tr(e) + G[r]);
   }
-  Ki(t, e) {
-    const s = URL.createObjectURL(t);
+  fs(t, e) {
+    const r = URL.createObjectURL(t);
     try {
-      const i = document.createElement("a");
-      i.href = s, i.download = e, i.style.display = "none", i.rel = "noopener", document.body.appendChild(i), i.click(), document.body.removeChild(i);
+      const s = document.createElement("a");
+      s.href = r, s.download = e, s.style.display = "none", s.rel = "noopener", document.body.appendChild(s), s.click(), document.body.removeChild(s);
     } finally {
-      URL.revokeObjectURL(s);
+      URL.revokeObjectURL(r);
     }
   }
-  eo(t) {
-    return t in j && t in B;
-  }
-  Ni(t) {
-    return j[t];
-  }
-  so(t) {
-    return B[t];
+  ds(t) {
+    return t in Tt && t in G;
   }
 }
-class Rt {
+class Pt {
   constructor() {
-    a(this, "Vi");
-    a(this, "Ri");
-    a(this, "ki");
-    this.Vi = new yt(), this.Ri = new Tt(), this.ki = new Ct();
+    h(this, "qr");
+    h(this, "Yr");
+    h(this, "Qr");
+    this.qr = new _t(), this.Yr = new yt(), this.Qr = new Et();
   }
-  zi(t) {
-    return { format: t.format ?? "png", Xi: t.Xi ?? 1, scale: t.scale ?? 1, backgroundColor: t.backgroundColor ?? "transparent" };
+  Zr(t) {
+    return { format: t.format ?? "png", quality: t.quality ?? 1, scale: t.scale ?? 1, backgroundColor: t.backgroundColor ?? "transparent" };
   }
-  ro(t) {
-    if (console.log("Validating image export options:", t), !this.ki.eo(t.format)) throw Error(`Saving '${t.format}' files is not supported`);
-    if (t.Xi < 0 || t.Xi > 1) throw Error("Image quality must be between 0.0 and 1.0");
+  gs(t) {
+    if (console.log("Validating image export options:", t), !this.Qr.ds(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");
   }
-  io(t, e = {}) {
-    const s = this.zi(e);
-    if (this.ro(s), s.scale === 1 && s.backgroundColor === "transparent") return this.Ri.Wi(t.canvas, s);
-    const i = this.Vi.ji(t, s.scale, s.backgroundColor);
-    return this.Ri.Wi(i, s);
+  ps(t, e = {}) {
+    const r = this.Zr(e);
+    if (this.gs(r), r.scale === 1 && r.backgroundColor === "transparent") return this.Yr.hs(t.canvas, r);
+    const s = this.qr.ns(t, r.scale, r.backgroundColor);
+    return this.Yr.hs(s, r);
   }
-  async Yi(t, e = {}) {
-    const s = this.zi(e);
-    if (this.ro(s), s.scale === 1 && s.backgroundColor === "transparent") return await this.Ri.Yi(t.canvas, s);
-    const i = this.Vi.ji(t, s.scale, s.backgroundColor);
-    return await this.Ri.Yi(i, s);
+  async cs(t, e = {}) {
+    const r = this.Zr(e);
+    if (this.gs(r), r.scale === 1 && r.backgroundColor === "transparent") return await this.Yr.cs(t.canvas, r);
+    const s = this.qr.ns(t, r.scale, r.backgroundColor);
+    return await this.Yr.cs(s, r);
   }
-  async Ji(t, e = {}) {
-    const s = await this.Yi(t, e), i = e.format ?? "png", r = e.filename || this.ki.Qr();
-    this.ki.Ji(s, r, i);
+  async us(t, e = {}) {
+    const r = await this.cs(t, e), s = e.format ?? "png", i = e.filename || this.Qr.Dr();
+    this.Qr.us(r, i, s);
   }
 }
-const Et = (h) => class extends h {
+const Rt = (a) => class extends a {
   toString(t = {}) {
-    return new G().Oi(this, t);
+    return new Y().ss(this, t);
   }
-  oo(t = {}) {
-    new G().Li(this, t);
+  saveStrings(t = {}) {
+    new Y().es(this, t);
   }
-  ci(t = {}) {
-    return new V().Ii(this, t);
+  toSVG(t = {}) {
+    return new V().Jr(this, t);
   }
-  Si(t = {}) {
-    new V().Si(this, t);
+  saveSVG(t = {}) {
+    new V().Xr(this, t);
   }
-  async no(t, e = "png", s = {}) {
-    await new Rt().Ji(this.ho, { ...s, filename: t, format: e });
+  async saveCanvas(t, e = "png", r = {}) {
+    await new Pt().us(this.Me, { ...r, filename: t, format: e });
   }
-}, Ft = (h) => class extends h {
-  async ss(t) {
-    return this.Le.ss(t).then(() => {
-      const e = this.Le.us;
-      this.ao.Cs(e.width, e.height), this.lo.resize();
+}, Ft = (a) => class extends a {
+  async loadFont(t) {
+    return this.oe.Ce(t).then(() => {
+      const e = this.oe.maxGlyphDimensions;
+      this.je.ke(e.width, e.height), this._s.Pe();
     });
   }
   fontSize(t) {
-    if (!w.validate(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", Ge: t }) || this.Le.fontSize === t) return;
-    this.Le.es(t);
-    const e = this.Le.us;
-    this.ao.Cs(e.width, e.height), this.lo.resize(), this.ye.Bt();
+    if (!C.p(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.oe.fontSize === t) return;
+    this.oe.we(t);
+    const e = this.oe.maxGlyphDimensions;
+    this.je.ke(e.width, e.height), this._s.Pe(), this.Zt.Ht();
   }
-}, Mt = (h) => class extends h {
-  co(t) {
-    return this.lo.add(t);
+}, Mt = (a) => class extends a {
+  addConverter(t) {
+    return this._s.add(t);
   }
-  uo(t) {
-    this.lo.remove(t);
+  removeConverter(t) {
+    this._s.remove(t);
   }
 };
-class Lt {
+class At {
   constructor() {
-    a(this, "ye");
-    a(this, "Le");
-    a(this, "lo");
-    a(this, "ho");
-    a(this, "ao");
+    h(this, "Zt");
+    h(this, "oe");
+    h(this, "_s");
+    h(this, "Me");
+    h(this, "je");
   }
 }
-class H extends function(e, ...s) {
-  return s.reduce((i, r) => r(i), e);
-}(Lt, gt, Et, Ft, Mt) {
-  constructor(e = null, s = {}) {
+class O extends function(e, ...r) {
+  return r.reduce((s, i) => i(s), e);
+}(At, gt, Rt, Ft, Mt) {
+  constructor(e = null, r = {}) {
     super();
-    a(this, "Ms");
-    a(this, "fo");
-    a(this, "Vs");
-    a(this, "do");
-    a(this, "mo");
-    a(this, "po", null);
-    a(this, "vo", 0);
-    a(this, "_o");
-    a(this, "xo", !0);
-    a(this, "bo", 0);
-    a(this, "wo", 0);
-    a(this, "Co", 0);
-    a(this, "yo", []);
-    a(this, "Fo", 10);
-    a(this, "To", !1);
-    a(this, "$o", !1);
-    a(this, "Do", () => {
+    h(this, "Ae");
+    h(this, "vs");
+    h(this, "Ee");
+    h(this, "bs");
+    h(this, "ws");
+    h(this, "Cs", null);
+    h(this, "$s", 0);
+    h(this, "Fs");
+    h(this, "Ts", !0);
+    h(this, "Ds", 0);
+    h(this, "Ms", 0);
+    h(this, "Ss", 0);
+    h(this, "Rs", []);
+    h(this, "Vs", 10);
+    h(this, "ks", !1);
+    h(this, "zs", !1);
+    h(this, "Is", () => {
     });
-    a(this, "Mo", () => {
+    h(this, "Ps", () => {
     });
-    a(this, "So");
-    a(this, "Vo", !1);
-    this.Ms = e, this.$o = e === null, this.do = s.Ro ?? "auto", this.mo = s.ko ?? 60, this._o = 1e3 / this.mo;
+    h(this, "Us");
+    this.Ae = e, this.zs = e === null, this.bs = r.renderMode ?? "auto", this.ws = r.frameRate ?? 60, this.Fs = 1e3 / this.ws;
   }
-  static async create(e = null, s = {}) {
-    const i = new this(e, s), r = i.$o ? s : void 0;
+  static async create(e = null, r = {}) {
+    const s = new this(e, r), i = s.zs ? r : void 0;
     let o, n;
-    i.ho = new ct(i.Ms, i.$o, r), i.ye = new it(i.ho.Ps()), i.$o ? (o = s.width || 800, n = s.height || 600) : (o = i.ho.width || 800, n = i.ho.height || 600), i.fo = i.ye.createFramebuffer(o, n), i.Le = new at(i.ye, s.fontSize ?? 16), await i.Le.initialize(s.zo);
-    const l = i.Le.us;
-    return i.ao = new lt(i.ho.canvas, l.width, l.height), i.lo = new ft(i.ye, i.Le, i.ao), i.Io(), i.Po(), i;
-  }
-  Io() {
-    this.So = () => {
-      this.$o ? this.Mo() : this.resize();
-    }, window.addEventListener("resize", this.So), window.ResizeObserver && this.Ms && !this.$o && (this.Vs = new ResizeObserver(() => {
-      this.resize();
-    }), this.Vs.observe(this.Ms));
-  }
-  zr() {
-    if (this.Ao(), this.Co++, this.To) console.warn("Cannot render: Required resources have been disposed");
-    else if (this.$o ? (this.fo.P(), this.Do(), this.fo.end()) : this.fo.update(this.Ms), this.lo.Pr() ? (this.lo.zr(this.fo), this.ye.background(0), this.ye.image(this.lo.texture, this.ao.offsetX, this.ao.offsetY, this.lo.texture.width, this.lo.texture.height)) : (this.ye.clear(), this.ye.image(this.fo, this.ao.offsetX, this.ao.offsetY, this.fo.width, this.fo.height)), this.Vo) {
-      let e = 0;
-      this.ye.image(this.lo.Xs, e, 0, this.lo.Xs.width, this.lo.Xs.height), e += this.lo.Xs.width, this.ye.image(this.lo.Ys, e, 0, this.lo.Ys.width, this.lo.Ys.height), e += this.lo.Ys.width, this.ye.image(this.lo.qs, e, 0, this.lo.qs.width, this.lo.qs.height), e += this.lo.qs.width, this.ye.image(this.lo.Zs, e, 0, this.lo.Zs.width, this.lo.Zs.height), e += this.lo.Zs.width, this.ye.image(this.lo.Qs, e, 0, this.lo.Qs.width, this.lo.Qs.height);
-    }
-  }
-  resize() {
-    this.ho.resize(), this.fo.resize(this.ho.width, this.ho.height), this.ao.resize(), this.lo.resize(), this.ye.Bt(), this.do !== "manual" && this.zr();
-  }
-  Po() {
-    if (this.do !== "auto" || !this.xo) return;
-    this.vo = performance.now();
-    const e = (s) => {
-      if (!this.xo) return void (this.po = null);
-      const i = s - this.vo;
-      i >= this._o && (this.zr(), this.vo = s - i % this._o), this.xo && (this.po = requestAnimationFrame(e));
+    s.Me = new ct(s.captureSource, s.zs, i), s.Zt = new st(s.Me.He()), s.zs ? (o = r.width || 800, n = r.height || 600) : (o = s.Me.width || 800, n = s.Me.height || 600), s.vs = s.Zt.Et(o, n), s.oe = new ht(s.Zt, r.fontSize ?? 16), await s.oe.ve(r.fontSource);
+    const l = s.oe.maxGlyphDimensions;
+    return s.je = new lt(s.Me.canvas, l.width, l.height), s._s = new ft(s.Zt, s.oe, s.je), s.As(), s.Gs(), s;
+  }
+  As() {
+    this.Us = () => {
+      this.zs ? this.Ps() : this.Es();
+    }, window.addEventListener("resize", this.Us), window.ResizeObserver && this.Ae && !this.zs && (this.Ee = new ResizeObserver(() => {
+      this.Es();
+    }), this.Ee.observe(this.Ae));
+  }
+  render() {
+    this.Ls(), this.Ss++, this.ks ? console.warn("Cannot render: Required resources have been disposed") : (this.zs ? (this.vs.begin(), this.Is(), this.vs.end()) : this.vs.update(this.Ae), this._s.hasEnabledConverters() ? (this._s._r(this.vs), this.Zt.Lt(0), this.Zt.Ot(this._s.texture, this.je.offsetX, this.je.offsetY, this._s.texture.width, this._s.texture.height)) : (this.Zt.Bt(), this.Zt.Ot(this.vs, this.je.offsetX, this.je.offsetY, this.vs.width, this.vs.height)));
+  }
+  Es() {
+    this.Me.Pe(), this.vs.resize(this.Me.width, this.Me.height), this.je.Pe(), this._s.Pe(), this.Zt.Ht(), this.bs !== "manual" && this.render();
+  }
+  Gs() {
+    if (this.bs !== "auto" || !this.Ts) return;
+    this.$s = performance.now();
+    const e = (r) => {
+      if (!this.Ts) return void (this.Cs = null);
+      const s = r - this.$s;
+      s >= this.Fs && (this.render(), this.$s = r - s % this.Fs), this.Ts && (this.Cs = requestAnimationFrame(e));
     };
-    this.po = requestAnimationFrame(e);
+    this.Cs = requestAnimationFrame(e);
   }
-  Ao() {
+  Ls() {
     const e = performance.now();
-    if (this.wo > 0) {
-      const s = e - this.wo;
-      this.yo.push(s), this.yo.length > this.Fo && this.yo.shift();
-      const i = this.yo.reduce((r, o) => r + o, 0) / this.yo.length;
-      this.bo = 1e3 / i;
+    if (this.Ms > 0) {
+      const r = e - this.Ms;
+      this.Rs.push(r), this.Rs.length > this.Vs && this.Rs.shift();
+      const s = this.Rs.reduce((i, o) => i + o, 0) / this.Rs.length;
+      this.Ds = 1e3 / s;
     }
-    this.wo = e;
+    this.Ms = e;
   }
-  Uo() {
-    this.po && (cancelAnimationFrame(this.po), this.po = null);
+  Bs() {
+    this.Cs && (cancelAnimationFrame(this.Cs), this.Cs = null);
   }
-  Ro(e) {
-    this.do !== e && (this.Uo(), this.do = e, e === "auto" && this.xo && this.Po());
+  renderMode(e) {
+    this.bs !== e && (this.Bs(), this.bs = e, e === "auto" && this.Ts && this.Gs());
   }
-  ko(e) {
-    if (e === void 0) return this.bo;
-    this.mo = e, this._o = 1e3 / e, this.do === "auto" && this.xo && (this.Uo(), this.Po());
+  frameRate(e) {
+    if (e === void 0) return this.Ds;
+    this.ws = e, this.Fs = 1e3 / e, this.bs === "auto" && this.Ts && (this.Bs(), this.Gs());
   }
-  Go() {
-    this.xo && (this.xo = !1, this.po && (cancelAnimationFrame(this.po), this.po = null));
+  noLoop() {
+    this.Ts && (this.Ts = !1, this.Cs && (cancelAnimationFrame(this.Cs), this.Cs = null));
   }
   loop() {
-    this.xo || (this.xo = !0, this.do === "auto" && this.Po());
+    this.Ts || (this.Ts = !0, this.bs === "auto" && this.Gs());
   }
-  Eo(e = 1) {
-    if (w.validate(typeof e == "number" && e > 0 && Number.isInteger(e), "Redraw count must be a positive integer.", { method: "redraw", Ge: e })) for (let s = 0; s < e; s++) this.zr();
+  redraw(e = 1) {
+    if (C.p(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();
   }
-  Lo() {
-    return this.do === "auto" && this.xo;
+  isLooping() {
+    return this.bs === "auto" && this.Ts;
   }
   draw(e) {
-    this.Do = e;
+    this.Is = e;
   }
-  Bo(e) {
-    this.Mo = e;
+  windowResized(e) {
+    this.Ps = e;
   }
-  Ho(e, s) {
-    this.ho.resize(e, s), this.fo.resize(this.ho.width, this.ho.height), this.ao.resize(), this.lo.resize(), this.ye.Bt(), this.do !== "manual" && this.zr();
+  resizeCanvas(e, r) {
+    this.Me.Pe(e, r), this.vs.resize(this.Me.width, this.Me.height), this.je.Pe(), this._s.Pe(), this.Zt.Ht(), this.bs !== "manual" && this.render();
   }
   destroy() {
-    this.To || (this.Uo(), window.removeEventListener("resize", this.So), this.Vs && this.Vs.disconnect(), this.lo.dispose(), this.Le.dispose(), this.fo.dispose(), this.ye.dispose(), this.To = !0);
-  }
-  debug(e) {
-    this.Vo = e;
+    this.ks || (this.Bs(), window.removeEventListener("resize", this.Us), this.Ee && this.Ee.disconnect(), this._s.P(), this.oe.P(), this.vs.P(), this.Zt.P(), this.ks = !0);
   }
   get grid() {
-    return this.ao;
+    return this.je;
   }
   get font() {
-    return this.Le;
+    return this.oe;
   }
   get mode() {
-    return this.do;
+    return this.bs;
   }
-  get Pi() {
-    return this.lo;
+  get pipeline() {
+    return this._s;
   }
   get frameCount() {
-    return this.Co;
+    return this.Ss;
   }
   set frameCount(e) {
-    this.Co = e;
+    this.Ss = e;
   }
   get width() {
-    return this.ho.width;
+    return this.Me.width;
   }
   get height() {
-    return this.ho.height;
+    return this.Me.height;
+  }
+  get canvas() {
+    return this.Me;
   }
-  get Oo() {
-    return this.To;
+  get isDisposed() {
+    return this.ks;
   }
 }
-class O {
+class N {
   static async create(t, e = {}) {
-    if (t instanceof HTMLCanvasElement || t instanceof HTMLVideoElement) return H.create(t, e);
+    if (t instanceof HTMLCanvasElement || t instanceof HTMLVideoElement) return O.create(t, e);
     {
-      const s = t || {};
-      return H.create(null, s);
+      const r = t || {};
+      return O.create(null, r);
     }
   }
-  static jo(t) {
-    w.v(t);
+  static setErrorLevel(t) {
+    C._(t);
   }
   static get version() {
-    return "0.1.6-beta.6";
+    return "0.1.7";
   }
 }
-const $t = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), St = O.create, Ut = O.jo, Bt = O.version;
+const St = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), Zt = N.create, $t = N.setErrorLevel, Bt = N.version;
 export {
   ct as TextmodeCanvas,
   ft as TextmodeConversionPipeline,
   tt as TextmodeErrorLevel,
-  at as TextmodeFont,
+  ht as TextmodeFont,
   lt as TextmodeGrid,
-  H as Textmodifier,
-  At as converters,
-  St as create,
-  $t as export,
-  Ut as setErrorLevel,
-  O as textmode,
+  O as Textmodifier,
+  Ut as converters,
+  Zt as create,
+  St as export,
+  $t as setErrorLevel,
+  N as textmode,
   Bt as version
 };