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

package/dist/textmode.esm.min.js

@@ -28,12 +28,12 @@ ${"↓".repeat(24)}
   }
 }
 var ct = ((a) => (a[a.SILENT = 0] = "SILENT", a[a.WARNING = 1] = "WARNING", a[a.ERROR = 2] = "ERROR", a[a.THROW = 3] = "THROW", a))(ct || {});
-const B = class B {
+const S = class S {
   constructor() {
     h(this, "u", { globalLevel: 3 });
   }
   static _() {
-    return B.l || (B.l = new B()), B.l;
+    return S.l || (S.l = new S()), S.l;
   }
   m(t, e) {
     const i = "%c[textmode.js] Oops! (╯°□°)╯︵ Something went wrong in your code.", s = "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;";
@@ -55,13 +55,13 @@ const B = class B {
     this.u.globalLevel = t;
   }
 };
-h(B, "l", null);
-let $ = B;
-const z = $._(), et = /* @__PURE__ */ new WeakMap();
-function Y(a, t) {
+h(S, "l", null);
+let K = S;
+const k = K._(), et = /* @__PURE__ */ new WeakMap();
+function X(a, t) {
   et.set(a, t);
 }
-function k(a) {
+function Y(a) {
   return et.get(a);
 }
 class it {
@@ -73,22 +73,22 @@ class it {
     h(this, "F", [0, 0, 0]);
     h(this, "S", [1, 1, 1, 1]);
     h(this, "A", [0, 0, 0, 1]);
-    h(this, "P", !1);
     h(this, "k", !1);
+    h(this, "P", !1);
     h(this, "L", !1);
     h(this, "D", [0, 0]);
     h(this, "G", [0, 0, 0, 1]);
     h(this, "I", []);
   }
   O() {
-    this.I.push({ W: this.$, H: this.U, K: this.M, X: this.R, D: [...this.D], N: this.P, Y: this.k, L: this.L, j: [...this.F], V: [...this.S], q: [...this.A] });
+    this.I.push({ W: this.$, H: this.U, K: this.M, X: this.R, D: [...this.D], N: this.k, j: this.P, L: this.L, Y: [...this.F], V: [...this.S], q: [...this.A] });
   }
   Z() {
     const t = this.I.pop();
-    t ? (this.$ = t.W, this.U = t.H, this.M = t.K, this.R = t.X, this.D = t.D, this.P = t.N, this.k = t.Y, this.L = t.L, this.F = t.j, this.S = t.V, this.A = t.q) : console.warn("pop() called without matching push()");
+    t ? (this.$ = t.W, this.U = t.H, this.M = t.K, this.R = t.X, this.D = t.D, this.k = t.N, this.P = t.j, this.L = t.L, this.F = t.Y, this.S = t.V, this.A = t.q) : console.warn("pop() called without matching push()");
   }
   J(t) {
-    t.W = this.$, t.H = this.U, t.K = this.M, t.X = this.R, t.j[0] = this.F[0], t.j[1] = this.F[1], t.j[2] = this.F[2], t.V[0] = this.S[0], t.V[1] = this.S[1], t.V[2] = this.S[2], t.V[3] = this.S[3], t.q[0] = this.A[0], t.q[1] = this.A[1], t.q[2] = this.A[2], t.q[3] = this.A[3], t.N = this.P, t.Y = this.k, t.L = this.L, t.D[0] = this.D[0], t.D[1] = this.D[1];
+    t.W = this.$, t.H = this.U, t.K = this.M, t.X = this.R, t.Y[0] = this.F[0], t.Y[1] = this.F[1], t.Y[2] = this.F[2], t.V[0] = this.S[0], t.V[1] = this.S[1], t.V[2] = this.S[2], t.V[3] = this.S[3], t.q[0] = this.A[0], t.q[1] = this.A[1], t.q[2] = this.A[2], t.q[3] = this.A[3], t.N = this.k, t.j = this.P, t.L = this.L, t.D[0] = this.D[0], t.D[1] = this.D[1];
   }
   get lineWeight() {
     return this.$;
@@ -118,10 +118,10 @@ class it {
     this.A = [t / 255, e / 255, i / 255, s / 255];
   }
   ht(t) {
-    this.P = t;
+    this.k = t;
   }
   ct(t) {
-    this.k = t;
+    this.P = t;
   }
   lt(t) {
     this.L = t;
@@ -202,11 +202,11 @@ class q {
     const t = this.gt;
     if (this.xt) {
       const n = ((i = (e = this.xt).At) == null ? void 0 : i.call(e)) ?? null;
-      n && this.xt.zt(n), this.Mt && this.Rt && ((r = (s = this.xt).Et) == null || r.call(s, this.Rt));
+      n && this.xt.zt(n), this.Mt && this.Rt && ((r = (s = this.xt).kt) == null || r.call(s, this.Rt));
     }
     this.bt = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.yt), this.$t = Array(this.wt).fill(null);
     for (let n = 0; n < this.wt; n++) t.clearBufferfv(t.COLOR, n, new Float32Array([0, 0, 0, 0]));
-    t.viewport(0, 0, this.dt, this._t), Y(t, [0, 0, this.dt, this._t]);
+    t.viewport(0, 0, this.dt, this._t), X(t, [0, 0, this.dt, this._t]);
   }
   end() {
     var e, i, s, r;
@@ -216,9 +216,9 @@ class q {
       const n = ((i = (e = this.xt).At) == null ? void 0 : i.call(e)) ?? null;
       n && this.xt.zt(n);
     }
-    t.bindFramebuffer(t.FRAMEBUFFER, this.bt.framebuffer), t.viewport(...this.bt.viewport), Y(t, this.bt.viewport), this.bt = null, this.xt && this.Mt && this.Rt && ((r = (s = this.xt).Pt) == null || r.call(s));
+    t.bindFramebuffer(t.FRAMEBUFFER, this.bt.framebuffer), t.viewport(...this.bt.viewport), X(t, this.bt.viewport), this.bt = null, this.xt && this.Mt && this.Rt && ((r = (s = this.xt).Et) == null || r.call(s));
   }
-  kt() {
+  Pt() {
     const t = this.gt;
     t.deleteFramebuffer(this.yt);
     for (const e of this.Ct) t.deleteTexture(e);
@@ -233,7 +233,7 @@ class q {
     return [...this.Ct];
   }
 }
-class M {
+class G {
   constructor(t, e, i) {
     h(this, "gt");
     h(this, "Lt");
@@ -280,10 +280,10 @@ class M {
   Xt(t) {
     for (const [e, i] of Object.entries(t)) this.Nt(e, i);
   }
-  Yt(t) {
+  jt(t) {
     return this.Dt.has(t);
   }
-  jt(t) {
+  Yt(t) {
     return this.Bt.get(t) || null;
   }
   Vt() {
@@ -358,11 +358,11 @@ class M {
   get Zt() {
     return this.Lt;
   }
-  kt() {
+  Pt() {
     this.gt.deleteProgram(this.Lt);
   }
 }
-const W = `#version 300 es
+const z = `#version 300 es
 in vec2 a_position;in vec2 a_texCoord;in vec2 a_instancePosition;in vec2 a_instanceSize;in vec3 a_instanceCharacter;in vec4 a_instancePrimaryColor;in vec4 a_instanceSecondaryColor;in vec2 a_instanceRotation;in vec3 a_instanceTransform;in vec3 a_instanceGlobalRotation;in vec2 a_instanceRotationCenter;in vec2 a_instanceBezierCP1;in vec2 a_instanceBezierCP2;in vec2 a_instanceBezierStart;in vec2 a_instanceBezierEnd;in vec2 a_instanceArcAngles;uniform float U9;uniform vec2 Uy;out vec2 v_uv;out vec3 v_character;out vec4 v_primaryColor;out vec4 v_secondaryColor;out vec2 v_rotation;out vec3 v_transform;mat3 A(float B){float C=sin(B),D=cos(B);return mat3(1,0,0,0,D,-C,0,C,D);}mat3 E(float B){float C=sin(B),D=cos(B);return mat3(D,0,C,0,1,0,-C,0,D);}mat3 F(float B){float C=sin(B),D=cos(B);return mat3(D,-C,0,C,D,0,0,0,1);}vec2 G(float H,vec2 I,vec2 J,vec2 K,vec2 L){float M=1.-H,N=M*M,O=H*H;return N*M*I+3.*N*H*J+3.*M*O*K+O*H*L;}vec2 P(float H,vec2 I,vec2 J,vec2 K,vec2 L){float M=1.-H,N=M*M,O=H*H;return-3.*N*I+3.*N*J-6.*M*H*J+6.*M*H*K-3.*O*K+3.*O*L;}void main(){v_uv=a_texCoord;v_character=a_instanceCharacter;v_primaryColor=a_instancePrimaryColor;v_secondaryColor=a_instanceSecondaryColor;v_rotation=a_instanceRotation;v_transform=a_instanceTransform;vec2 Q;bool R=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool S=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(R){float H=a_position.x;vec2 T=G(H,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 U=P(H,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float V=length(U);U=V>0.?U/V:vec2(1,0);Q=T+vec2(-U.y,U.x)*a_position.y*a_instanceSize.y;}else if(S){float C=a_instanceArcAngles.x,W=a_instanceArcAngles.y;C=mod(C,6.28318530718);if(C<0.)C+=6.28318530718;W=mod(W,6.28318530718);if(W<0.)W+=6.28318530718;float X=C-W;if(X<=0.)X+=6.28318530718;float Y=C-a_position.x*X;vec2 Z=vec2(cos(Y),sin(Y))*a_position.y;Q=Z*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{Q=a_position*a_instanceSize+a_instancePosition;}vec2 a=(Q/Uy)*2.-1.;a.y=-a.y;if(length(a_instanceGlobalRotation)>0.){vec3 b=vec3(a-a_instanceRotationCenter,0);b.x*=U9;if(a_instanceGlobalRotation.x!=0.)b=A(-a_instanceGlobalRotation.x)*b;if(a_instanceGlobalRotation.y!=0.)b=E(-a_instanceGlobalRotation.y)*b;if(a_instanceGlobalRotation.z!=0.)b=F(-a_instanceGlobalRotation.z)*b;b.x/=U9;a=b.xy+a_instanceRotationCenter;}gl_Position=vec4(a,0,1);}`, st = "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.,1.);}";
 class lt {
   constructor(t) {
@@ -371,9 +371,9 @@ class lt {
     h(this, "Qt");
     h(this, "ts");
     h(this, "ss");
-    this.gt = t, this.Qt = new M(this.gt, W, `#version 300 es
-precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.,1.);o_transform=vec4(v_transform,1.);}`), this.Jt = new M(this.gt, W, `#version 300 es
-precision highp float;in vec2 v_uv;uniform sampler2D Ue;uniform sampler2D Uf;uniform sampler2D Ug;uniform sampler2D Uh;uniform sampler2D Ui;uniform vec2 Uj;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){vec2 A=vec2(v_uv.x,1.-v_uv.y);vec2 B=A*Uj;vec2 C=(floor(B)+0.5f)/Uj;vec4 D=texture(Ue,C);vec4 E=texture(Uf,C);if(E.a==0.){discard;}vec4 F=texture(Ug,C);vec4 G=texture(Uh,C);vec4 H=texture(Ui,C);o_character=D;o_primaryColor=E;o_secondaryColor=F;o_rotation=G;o_transform=H;}`), this.ts = new M(this.gt, st, "precision mediump float;uniform sampler2D U0;uniform vec2 U1;uniform sampler2D U3;uniform sampler2D U4;uniform sampler2D U5;uniform sampler2D U2;uniform sampler2D U6;uniform vec2 U7;uniform vec2 U8;mat2 A(float B){float C=sin(B);float D=cos(B);return mat2(D,-C,C,D);}void main(){vec2 E=gl_FragCoord.xy/U8;vec2 F=E*U7;vec2 G=floor(F);vec2 H=(G+0.5)/U7;vec4 I=texture2D(U3,H);vec4 J=texture2D(U4,H);vec4 K=texture2D(U5,H);bool L=K.r>0.5;bool M=K.g>0.5;bool N=K.b>0.5;vec4 O=texture2D(U2,H);int P=int(O.r*255.+0.5)+int(O.g*255.+0.5)*256;int Q=int(mod(float(P),U1.x));int R=P/int(U1.x);float S=(U1.y-1.)-float(R);vec2 T=vec2(float(Q),S)/U1;vec4 U=texture2D(U6,H);float V=U.r*255.+U.g;float W=-(V*360./255.)*0.017453292;vec2 X=fract(F)-0.5;if(M)X.x=-X.x;if(N)X.y=-X.y;X=A(W)*X+0.5;vec2 Y=1./U1;vec2 Z=T+X*Y;vec2 a=T+Y;if(any(lessThan(Z,T))||any(greaterThan(Z,a))){gl_FragColor=L?I:J;return;}vec4 b=texture2D(U0,Z);if(L)b.rgb=1.-b.rgb;gl_FragColor=mix(J,I,b);}"), this.ss = new M(this.gt, W, `#version 300 es
+    this.gt = t, this.Qt = new G(this.gt, z, `#version 300 es
+precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.,1.);o_transform=vec4(v_transform,1.);}`), this.Jt = new G(this.gt, z, `#version 300 es
+precision highp float;in vec2 v_uv;uniform sampler2D Ue;uniform sampler2D Uf;uniform sampler2D Ug;uniform sampler2D Uh;uniform sampler2D Ui;uniform vec2 Uj;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){vec2 A=vec2(v_uv.x,1.-v_uv.y);vec2 B=A*Uj;vec2 C=(floor(B)+0.5f)/Uj;vec4 D=texture(Ue,C);vec4 E=texture(Uf,C);if(E.a==0.){discard;}vec4 F=texture(Ug,C);vec4 G=texture(Uh,C);vec4 H=texture(Ui,C);o_character=D;o_primaryColor=E;o_secondaryColor=F;o_rotation=G;o_transform=H;}`), this.ts = new G(this.gt, st, "precision mediump float;uniform sampler2D U0;uniform vec2 U1;uniform sampler2D U3;uniform sampler2D U4;uniform sampler2D U5;uniform sampler2D U2;uniform sampler2D U6;uniform vec2 U7;uniform vec2 U8;mat2 A(float B){float C=sin(B);float D=cos(B);return mat2(D,-C,C,D);}void main(){vec2 E=gl_FragCoord.xy/U8;vec2 F=E*U7;vec2 G=floor(F);vec2 H=(G+0.5)/U7;vec4 I=texture2D(U3,H);vec4 J=texture2D(U4,H);vec4 K=texture2D(U5,H);bool L=K.r>0.5;bool M=K.g>0.5;bool N=K.b>0.5;vec4 O=texture2D(U2,H);int P=int(O.r*255.+0.5)+int(O.g*255.+0.5)*256;int Q=int(mod(float(P),U1.x));int R=P/int(U1.x);float S=(U1.y-1.)-float(R);vec2 T=vec2(float(Q),S)/U1;vec4 U=texture2D(U6,H);float V=U.r*255.+U.g;float W=-(V*360./255.)*0.017453292;vec2 X=fract(F)-0.5;if(M)X.x=-X.x;if(N)X.y=-X.y;X=A(W)*X+0.5;vec2 Y=1./U1;vec2 Z=T+X*Y;vec2 a=T+Y;if(any(lessThan(Z,T))||any(greaterThan(Z,a))){gl_FragColor=L?I:J;return;}vec4 b=texture2D(U0,Z);if(L)b.rgb=1.-b.rgb;gl_FragColor=mix(J,I,b);}"), this.ss = new G(this.gt, z, `#version 300 es
 precision highp float;in vec2 v_uv;uniform sampler2D Uk;uniform bool Ul;uniform bool Um;uniform bool Un;uniform vec2 Uo;uniform bool Up;uniform vec4 Uq;uniform bool Ur;uniform vec4 Us;uniform vec4 Ut;uniform int Uu;uniform vec3 Uv[64];layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;float A(vec3 B){return dot(B,vec3(0.299f,0.587f,0.114f));}void main(){vec2 C=vec2(v_uv.x,1.0f-v_uv.y);vec4 D=texture(Uk,C);float E=A(D.rgb);if(Uu>0){float F=float(Uu);float G=clamp(E*(F-1.0f),0.0f,F-1.0f);int H=int(floor(G+0.5f));vec3 I=Uv[H];o_character=vec4(I,1.0f);}else{o_character=vec4(E,0.0f,0.0f,1.0f);}vec4 J=Up?Uq:D;vec4 K=Ur?Us:D;if(D.a<0.01f){J=Ut;K=Ut;}else{}o_primaryColor=vec4(J);o_secondaryColor=vec4(K);o_rotation=vec4(Uo.xy,0.0f,1.0f);o_transform=vec4(float(Ul),float(Um),float(Un),1.0f);}`);
   }
   es() {
@@ -389,16 +389,16 @@ precision highp float;in vec2 v_uv;uniform sampler2D Uk;uniform bool Ul;uniform
     return this.ss;
   }
   hs(t) {
-    return new M(this.gt, W, t);
+    return new G(this.gt, z, t);
   }
   cs(t, e) {
-    return new M(this.gt, t, e);
+    return new G(this.gt, t, e);
   }
-  kt() {
-    this.Jt.kt(), this.Qt.kt(), this.ts.kt(), this.ss.kt();
+  Pt() {
+    this.Jt.Pt(), this.Qt.Pt(), this.ts.Pt(), this.ss.Pt();
   }
 }
-var x = ((a) => (a.RECTANGLE = "rectangle", a.LINE = "line", a.ELLIPSE = "ellipse", a.ARC = "arc", a.TRIANGLE = "triangle", a.BEZIER_CURVE = "bezier_curve", a.CUSTOM = "custom", a))(x || {});
+var E = ((a) => (a.RECTANGLE = "rectangle", a.LINE = "line", a.ELLIPSE = "ellipse", a.ARC = "arc", a.TRIANGLE = "triangle", a.BEZIER_CURVE = "bezier_curve", a.CUSTOM = "custom", a))(E || {});
 class ut {
   constructor(t) {
     h(this, "gt");
@@ -422,7 +422,7 @@ class ut {
   vs() {
     this.gt.bindVertexArray(null);
   }
-  kt() {
+  Pt() {
     for (const [, t] of this.ls) for (const [, e] of t) e && this.gt.deleteVertexArray(e);
   }
 }
@@ -436,7 +436,7 @@ class ft {
     this.gt = t, this.gs = new ut(t), this.xt = e;
   }
   bs(t, e, i) {
-    const { shader: s } = t, r = k(this.gt) || this.gt.getParameter(this.gt.VIEWPORT);
+    const { shader: s } = t, r = Y(this.gt) || this.gt.getParameter(this.gt.VIEWPORT);
     s.Xt({ U9: r[2] / r[3], Uy: [r[2], r[3]] });
     const n = (l) => {
       if (!l || !l.$s()) return;
@@ -449,26 +449,26 @@ class ft {
     };
     let o = null, c = null;
     for (const l of e) {
-      if (l.type === x.CUSTOM) {
-        c && (n(c), o = null, c = null), this.zs(t, l.params, l.state, i.get(x.RECTANGLE));
+      if (l.type === E.CUSTOM) {
+        c && (n(c), o = null, c = null), this.zs(t, l.params, l.state, i.get(E.RECTANGLE));
         continue;
       }
       o !== null && l.type !== o && (n(c), o = null, c = null);
       let f = c;
-      f && l.type === o || (f = i.get(l.type) || null, c = f, o = l.type), f && f.Es(l.params, l.state);
+      f && l.type === o || (f = i.get(l.type) || null, c = f, o = l.type), f && f.ks(l.params, l.state);
     }
     n(c);
   }
   zs(t, e, i, s) {
-    const { x: r, y: n, width: o, height: c, shader: l, uniforms: f } = e, u = this.Ps(Math.max(1, Math.floor(o)), Math.max(1, Math.floor(c)));
-    u.begin(), this.ks(s, l, f, 0, 0, u.width, u.height, {}), u.end();
+    const { x: r, y: n, width: o, height: c, shader: l, uniforms: f } = e, u = this.Es(Math.max(1, Math.floor(o)), Math.max(1, Math.floor(c)));
+    u.begin(), this.Ps(s, l, f, 0, 0, u.width, u.height, {}), u.end();
     const m = this.Ls(), v = { Ue: u.textures[0], Uf: u.textures[1], Ug: u.textures[2], Uh: u.textures[3], Ui: u.textures[4], Uj: [u.width, u.height] };
-    this.ks(s, m, v, Math.floor(r), Math.floor(n), Math.max(1, Math.floor(o)), Math.max(1, Math.floor(c)), i), t.shader.Ht();
+    this.Ps(s, m, v, Math.floor(r), Math.floor(n), Math.max(1, Math.floor(o)), Math.max(1, Math.floor(c)), i), t.shader.Ht();
   }
-  ks(t, e, i, s, r, n, o, c) {
+  Ps(t, e, i, s, r, n, o, c) {
     e.Ht(), e.Xt(i);
     const l = this.gt.getParameter(this.gt.VIEWPORT);
-    if (e.Xt({ U9: l[2] / l[3], Uy: [l[2], l[3]] }), t.As(), t.Es({ x: s, y: r, width: n, height: o }, c), t.$s()) {
+    if (e.Xt({ U9: l[2] / l[3], Uy: [l[2], l[3]] }), t.As(), t.ks({ x: s, y: r, width: n, height: o }, c), t.$s()) {
       const f = t.unitGeometry, u = t.unitBuffer;
       try {
         this.gs.us(e.Zt, t.type + "", f, u), t.batch.Ms(e), t.batch.Rs(f.Fs, f.Ss);
@@ -480,11 +480,11 @@ class ft {
   Ls() {
     return this.xt.es();
   }
-  Ps(t, e) {
-    return this.Cs && this.ws && this.ws.w === t && this.ws.h === e || (this.Cs && this.Cs.kt(), this.Cs = new q(this.gt, t, e, 5), this.ws = { w: t, h: e }), this.Cs;
+  Es(t, e) {
+    return this.Cs && this.ws && this.ws.w === t && this.ws.h === e || (this.Cs && this.Cs.Pt(), this.Cs = new q(this.gt, t, e, 5), this.ws = { w: t, h: e }), this.Cs;
   }
-  kt() {
-    this.gs.kt(), this.Cs && this.Cs.kt();
+  Pt() {
+    this.gs.Pt(), this.Cs && this.Cs.Pt();
   }
 }
 class dt {
@@ -495,38 +495,38 @@ class dt {
   }
   Is(t) {
     if (this.Gs >= this.Ds.length) {
-      const i = { id: this.Bs++, type: t, params: {}, state: { W: 1, H: 0, K: 0, X: 0, j: [0, 0, 0], V: [1, 1, 1, 1], q: [0, 0, 0, 1], N: !1, Y: !1, L: !1, D: [0, 0] } };
+      const i = { id: this.Bs++, type: t, params: {}, state: { W: 1, H: 0, K: 0, X: 0, Y: [0, 0, 0], V: [1, 1, 1, 1], q: [0, 0, 0, 1], N: !1, j: !1, L: !1, D: [0, 0] } };
       this.Ds.push(i);
     }
     const e = this.Ds[this.Gs];
     return e.id = this.Bs++, e.type = t, this.Gs++, e;
   }
   Os(t, e, i, s, r) {
-    const n = this.Is(x.RECTANGLE);
+    const n = this.Is(E.RECTANGLE);
     return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = s, r.J(n.state), n.id;
   }
   Ws(t, e, i, s, r, n, o) {
-    const c = this.Is(x.CUSTOM);
+    const c = this.Is(E.CUSTOM);
     return c.params.x = t, c.params.y = e, c.params.width = i, c.params.height = s, c.params.shader = r, c.params.uniforms = n, o.J(c.state), c.id;
   }
   Hs(t, e, i, s, r, n) {
-    const o = this.Is(x.LINE);
+    const o = this.Is(E.LINE);
     return o.params.x1 = t, o.params.y1 = e, o.params.x2 = i, o.params.y2 = s, o.params.thickness = r, n.J(o.state), o.id;
   }
   Ks(t, e, i, s, r) {
-    const n = this.Is(x.ELLIPSE);
+    const n = this.Is(E.ELLIPSE);
     return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = s, r.J(n.state), n.id;
   }
   Xs(t, e, i, s, r, n, o) {
-    const c = this.Is(x.ARC);
+    const c = this.Is(E.ARC);
     return c.params.x = t, c.params.y = e, c.params.width = i, c.params.height = s, c.params.start = r, c.params.stop = n, o.J(c.state), c.id;
   }
   Ns(t, e, i, s, r, n, o) {
-    const c = this.Is(x.TRIANGLE);
+    const c = this.Is(E.TRIANGLE);
     return c.params.x1 = t, c.params.y1 = e, c.params.x2 = i, c.params.y2 = s, c.params.x3 = r, c.params.y3 = n, o.J(c.state), c.id;
   }
-  Ys(t, e, i, s, r, n, o, c, l, f) {
-    const u = this.Is(x.BEZIER_CURVE);
+  js(t, e, i, s, r, n, o, c, l, f) {
+    const u = this.Is(E.BEZIER_CURVE);
     return u.params.x1 = t, u.params.y1 = e, u.params.cp1x = i, u.params.cp1y = s, u.params.cp2x = r, u.params.cp2y = n, u.params.x2 = o, u.params.y2 = c, u.params.thickness = l, f.J(u.state), u.id;
   }
   get length() {
@@ -535,7 +535,7 @@ class dt {
   get isEmpty() {
     return this.Gs === 0;
   }
-  js() {
+  Ys() {
     this.Gs = 0;
   }
   [Symbol.iterator]() {
@@ -544,28 +544,28 @@ class dt {
     return { next: () => t < e ? { value: i[t++], done: !1 } : { value: void 0, done: !0 } };
   }
 }
-const F = class F {
+const L = class L {
   static Vs(t, e, i = 0) {
     var n, o, c, l, f, u, m, v, g, d;
-    const s = e || new Float32Array(F.FLOATS_PER_INSTANCE);
+    const s = e || new Float32Array(L.FLOATS_PER_INSTANCE);
     let r = i;
-    return s[r++] = t.fs[0], s[r++] = t.fs[1], s[r++] = t.Gs[0], s[r++] = t.Gs[1], s[r++] = t.j[0], s[r++] = t.j[1], s[r++] = t.j[2], s[r++] = t.V[0], s[r++] = t.V[1], s[r++] = t.V[2], s[r++] = t.V[3], s[r++] = t.q[0], s[r++] = t.q[1], s[r++] = t.q[2], s[r++] = t.q[3], s[r++] = t.D[0], s[r++] = t.D[1], s[r++] = t.qs[0], s[r++] = t.qs[1], s[r++] = t.qs[2], s[r++] = t.H, s[r++] = t.K, s[r++] = t.X, s[r++] = t.Zs[0], s[r++] = t.Zs[1], s[r++] = ((n = t.Js) == null ? void 0 : n[0]) || 0, s[r++] = ((o = t.Js) == null ? void 0 : o[1]) || 0, s[r++] = ((c = t.Qs) == null ? void 0 : c[0]) || 0, s[r++] = ((l = t.Qs) == null ? void 0 : l[1]) || 0, s[r++] = ((f = t.te) == null ? void 0 : f[0]) || 0, s[r++] = ((u = t.te) == null ? void 0 : u[1]) || 0, s[r++] = ((m = t.se) == null ? void 0 : m[0]) || 0, s[r++] = ((v = t.se) == null ? void 0 : v[1]) || 0, s[r++] = ((g = t.ee) == null ? void 0 : g[0]) || 0, s[r++] = ((d = t.ee) == null ? void 0 : d[1]) || 0, s;
+    return s[r++] = t.fs[0], s[r++] = t.fs[1], s[r++] = t.Gs[0], s[r++] = t.Gs[1], s[r++] = t.Y[0], s[r++] = t.Y[1], s[r++] = t.Y[2], s[r++] = t.V[0], s[r++] = t.V[1], s[r++] = t.V[2], s[r++] = t.V[3], s[r++] = t.q[0], s[r++] = t.q[1], s[r++] = t.q[2], s[r++] = t.q[3], s[r++] = t.D[0], s[r++] = t.D[1], s[r++] = t.qs[0], s[r++] = t.qs[1], s[r++] = t.qs[2], s[r++] = t.H, s[r++] = t.K, s[r++] = t.X, s[r++] = t.Zs[0], s[r++] = t.Zs[1], s[r++] = ((n = t.Js) == null ? void 0 : n[0]) || 0, s[r++] = ((o = t.Js) == null ? void 0 : o[1]) || 0, s[r++] = ((c = t.Qs) == null ? void 0 : c[0]) || 0, s[r++] = ((l = t.Qs) == null ? void 0 : l[1]) || 0, s[r++] = ((f = t.te) == null ? void 0 : f[0]) || 0, s[r++] = ((u = t.te) == null ? void 0 : u[1]) || 0, s[r++] = ((m = t.se) == null ? void 0 : m[0]) || 0, s[r++] = ((v = t.se) == null ? void 0 : v[1]) || 0, s[r++] = ((g = t.ee) == null ? void 0 : g[0]) || 0, s[r++] = ((d = t.ee) == null ? void 0 : d[1]) || 0, s;
   }
   static ie(t) {
-    const e = t.length * F.FLOATS_PER_INSTANCE, i = new Float32Array(e);
+    const e = t.length * L.FLOATS_PER_INSTANCE, i = new Float32Array(e);
     for (let s = 0; s < t.length; s++) {
-      const r = s * F.FLOATS_PER_INSTANCE;
-      F.Vs(t[s], i, r);
+      const r = s * L.FLOATS_PER_INSTANCE;
+      L.Vs(t[s], i, r);
     }
     return i;
   }
 };
-h(F, "BYTES_PER_INSTANCE", 140), h(F, "FLOATS_PER_INSTANCE", 35);
-let S = F;
+h(L, "BYTES_PER_INSTANCE", 140), h(L, "FLOATS_PER_INSTANCE", 35);
+let M = L;
 const b = class b {
 };
-h(b, "STRIDE", S.BYTES_PER_INSTANCE), h(b, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 92, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 124, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 132, divisor: 1 } });
-let j = b;
+h(b, "STRIDE", M.BYTES_PER_INSTANCE), h(b, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 92, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 124, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: b.STRIDE, offset: 132, divisor: 1 } });
+let H = b;
 class gt {
   constructor(t, e = 1e3, i = 1.5) {
     h(this, "gt");
@@ -579,7 +579,7 @@ class gt {
     h(this, "ue", null);
     this.gt = t, this.ne = e, this.oe = i, this.fe();
   }
-  Es(t) {
+  ks(t) {
     const e = this.re.length;
     return this.re.push(t), this.ae = !0, e;
   }
@@ -600,14 +600,14 @@ class gt {
   fe() {
     const t = this.gt;
     this.he && t.deleteBuffer(this.he), this.he = t.createBuffer();
-    const e = this.ne * S.BYTES_PER_INSTANCE;
+    const e = this.ne * M.BYTES_PER_INSTANCE;
     t.bindBuffer(t.ARRAY_BUFFER, this.he), t.bufferData(t.ARRAY_BUFFER, e, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.ae = !0, this.ce = 0;
   }
   _e() {
     if (!this.ae || this.re.length === 0) return;
     const t = this.gt, e = this.re.length;
-    this.de(e), (!this.ue || this.ue.length < e * S.FLOATS_PER_INSTANCE) && (this.ue = new Float32Array(e * S.FLOATS_PER_INSTANCE));
-    const i = S.ie(this.re);
+    this.de(e), (!this.ue || this.ue.length < e * M.FLOATS_PER_INSTANCE) && (this.ue = new Float32Array(e * M.FLOATS_PER_INSTANCE));
+    const i = M.ie(this.re);
     t.bindBuffer(t.ARRAY_BUFFER, this.he), e <= this.ce ? t.bufferSubData(t.ARRAY_BUFFER, 0, i) : t.bufferData(t.ARRAY_BUFFER, i, t.DYNAMIC_DRAW), t.bindBuffer(t.ARRAY_BUFFER, null), this.ae = !1, this.ce = e;
   }
   pe(t) {
@@ -615,7 +615,7 @@ class gt {
     if (!e) {
       e = /* @__PURE__ */ new Map();
       const i = this.gt;
-      for (const s in j.ATTRIBUTES) {
+      for (const s in H.ATTRIBUTES) {
         const r = i.getAttribLocation(t, s);
         r !== -1 && e.set(s, r);
       }
@@ -630,7 +630,7 @@ class gt {
     const s = this.pe(i);
     e.bindBuffer(e.ARRAY_BUFFER, this.he);
     for (const [r, n] of s) {
-      const o = j.ATTRIBUTES[r];
+      const o = H.ATTRIBUTES[r];
       o && (e.enableVertexAttribArray(n), e.vertexAttribPointer(n, o.size, o.type, o.normalized, o.stride, o.offset), e.vertexAttribDivisor(n, o.divisor));
     }
   }
@@ -641,11 +641,11 @@ class gt {
   Rs(t, e) {
     this.re.length !== 0 && this.gt.drawArraysInstanced(t, 0, e, this.re.length);
   }
-  kt() {
+  Pt() {
     this.he && this.gt.deleteBuffer(this.he);
   }
 }
-class I {
+class D {
   constructor(t, e, i, s) {
     h(this, "gt");
     h(this, "me");
@@ -675,15 +675,15 @@ class I {
   $s() {
     return !this.me.isEmpty;
   }
-  kt() {
-    this.me.kt(), this.gt.deleteBuffer(this.ye);
+  Pt() {
+    this.me.Pt(), this.gt.deleteBuffer(this.ye);
   }
   we(t, e, i, s, r) {
     const n = this.be(t, e, i, s, r.H || 0, r.K || 0, r.X || 0);
-    return { fs: [t, e], Gs: [i, s], j: r.j || [0, 0, 0], V: r.V || [1, 1, 1, 1], q: r.q || [0, 0, 0, 1], D: r.D || [0, 0], qs: [r.L ? 1 : 0, r.N ? 1 : 0, r.Y ? 1 : 0], H: n.radiansX, K: n.radiansY, X: n.radiansZ, Zs: [n.centerX, n.centerY] };
+    return { fs: [t, e], Gs: [i, s], Y: r.Y || [0, 0, 0], V: r.V || [1, 1, 1, 1], q: r.q || [0, 0, 0, 1], D: r.D || [0, 0], qs: [r.L ? 1 : 0, r.N ? 1 : 0, r.j ? 1 : 0], H: n.radiansX, K: n.radiansY, X: n.radiansZ, Zs: [n.centerX, n.centerY] };
   }
   $e(t, e) {
-    const i = k(this.gt) || [0, 0, this.gt.canvas.width, this.gt.canvas.height];
+    const i = Y(this.gt) || [0, 0, this.gt.canvas.width, this.gt.canvas.height];
     return { nx: t / i[2] * 2 - 1, ny: 1 - e / i[3] * 2 };
   }
   xe(t, e, i) {
@@ -691,31 +691,31 @@ class I {
     t.Zs = [s.nx, s.ny];
   }
   be(t, e, i, s, r, n, o) {
-    const c = k(this.gt) || [0, 0, this.gt.canvas.width, this.gt.canvas.height], l = c[2], f = c[3];
+    const c = Y(this.gt) || [0, 0, this.gt.canvas.width, this.gt.canvas.height], l = c[2], f = c[3];
     return { centerX: (t + i / 2) / l * 2 - 1, centerY: 1 - (e + s / 2) / f * 2, radiansX: -r * Math.PI / 180, radiansY: -n * Math.PI / 180, radiansZ: -o * Math.PI / 180, aspectRatio: l / f };
   }
 }
 const mt = { Ce: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 1, 1]), Ss: 6, Fs: WebGL2RenderingContext.TRIANGLES, _s: 16, ds: { fs: { size: 2, offset: 0 }, ps: { size: 2, offset: 8 } } };
-class pt extends I {
+class pt extends D {
   constructor(t, e) {
-    super(t, e, x.RECTANGLE, mt);
+    super(t, e, E.RECTANGLE, mt);
   }
-  Es(t, e) {
+  ks(t, e) {
     const i = this.we(t.x, t.y, t.width, t.height, e);
-    return this.me.Es(i);
+    return this.me.ks(i);
   }
 }
 const vt = { Ce: new Float32Array([0, -0.5, 0, 0, 1, -0.5, 1, 0, 0, 0.5, 0, 1, 0, 0.5, 0, 1, 1, -0.5, 1, 0, 1, 0.5, 1, 1]), Ss: 6, Fs: WebGL2RenderingContext.TRIANGLES, _s: 16, ds: { fs: { size: 2, offset: 0 }, ps: { size: 2, offset: 8 } } };
-class Et extends I {
+class yt extends D {
   constructor(t, e) {
-    super(t, e, x.LINE, vt);
+    super(t, e, E.LINE, vt);
   }
-  Es(t, e) {
+  ks(t, e) {
     const i = t.x2 - t.x1, s = t.y2 - t.y1, r = Math.hypot(i, s), n = t.thickness || e.W || 1, o = t.x1 + i / 2, c = t.y1 + s / 2, l = o - r / 2, f = c, u = this.we(l, f, r, n, e);
-    return this.xe(u, o, c), this.me.Es(u);
+    return this.xe(u, o, c), this.me.ks(u);
   }
 }
-const yt = { Ce: function(a = 32) {
+const xt = { Ce: function(a = 32) {
   const t = [], e = 2 * Math.PI / a;
   for (let i = 0; i < a; i++) {
     const s = i * e, r = (i + 1) % a * e, n = Math.cos(s), o = Math.sin(s), c = 0.5 * (n + 1), l = 0.5 * (o + 1), f = Math.cos(r), u = Math.sin(r), m = 0.5 * (f + 1), v = 0.5 * (u + 1);
@@ -723,13 +723,13 @@ const yt = { Ce: function(a = 32) {
   }
   return new Float32Array(t);
 }(32), Ss: 96, Fs: WebGL2RenderingContext.TRIANGLES, _s: 16, ds: { fs: { size: 2, offset: 0 }, ps: { size: 2, offset: 8 } } };
-class xt extends I {
+class Et extends D {
   constructor(t, e) {
-    super(t, e, x.ELLIPSE, yt);
+    super(t, e, E.ELLIPSE, xt);
   }
-  Es(t, e) {
+  ks(t, e) {
     const i = this.we(t.x, t.y, t.width, t.height, e);
-    return this.xe(i, t.x, t.y), this.me.Es(i);
+    return this.xe(i, t.x, t.y), this.me.ks(i);
   }
 }
 let wt = { Ce: function(a) {
@@ -740,23 +740,23 @@ let wt = { Ce: function(a) {
   }
   return new Float32Array(t);
 }(32), Ss: 96, Fs: WebGL2RenderingContext.TRIANGLES, _s: 16, ds: { fs: { size: 2, offset: 0 }, ps: { size: 2, offset: 8 } } };
-class At extends I {
+class Rt extends D {
   constructor(t, e) {
-    super(t, e, x.ARC, wt);
+    super(t, e, E.ARC, wt);
   }
-  Es(t, e) {
+  ks(t, e) {
     const i = t.x - t.width / 2, s = t.y - t.height / 2, r = t.start * Math.PI / 180, n = t.stop * Math.PI / 180, o = this.we(i, s, t.width, t.height, e);
-    return this.xe(o, t.x, t.y), o.Js = [r, n], this.me.Es(o);
+    return this.xe(o, t.x, t.y), o.Js = [r, n], this.me.ks(o);
   }
 }
-const Rt = { Ce: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), Ss: 3, Fs: WebGL2RenderingContext.TRIANGLES, _s: 16, ds: { fs: { size: 2, offset: 0 }, ps: { size: 2, offset: 8 } } };
-class Tt extends I {
+const At = { Ce: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), Ss: 3, Fs: WebGL2RenderingContext.TRIANGLES, _s: 16, ds: { fs: { size: 2, offset: 0 }, ps: { size: 2, offset: 8 } } };
+class Tt extends D {
   constructor(t, e) {
-    super(t, e, x.TRIANGLE, Rt);
+    super(t, e, E.TRIANGLE, At);
   }
-  Es(t, e) {
+  ks(t, e) {
     const i = Math.min(t.x1, t.x2, t.x3), s = Math.max(t.x1, t.x2, t.x3), r = Math.min(t.y1, t.y2, t.y3), n = s - i, o = Math.max(t.y1, t.y2, t.y3) - r, c = this.we(i, r, n, o, e), l = i + 0.5 * n, f = r + o * (1 / 3);
-    return this.xe(c, l, f), this.me.Es(c);
+    return this.xe(c, l, f), this.me.ks(c);
   }
 }
 function Q(a, t, e, i, s) {
@@ -771,13 +771,13 @@ const bt = { Ce: function(a = 16) {
   }
   return new Float32Array(t);
 }(16), Ss: 96, Fs: WebGL2RenderingContext.TRIANGLES, _s: 16, ds: { fs: { size: 2, offset: 0 }, ps: { size: 2, offset: 8 } } };
-class Ct extends I {
+class Ct extends D {
   constructor(t, e) {
-    super(t, e, x.BEZIER_CURVE, bt);
+    super(t, e, E.BEZIER_CURVE, bt);
   }
-  Es(t, e) {
+  ks(t, e) {
     const i = e.W || 1, s = Q(0.5, t.x1, t.cp1x, t.cp2x, t.x2), r = Q(0.5, t.y1, t.cp1y, t.cp2y, t.y2), n = this.we(0, 0, 1, i, e);
-    return this.xe(n, s, r), n.se = [t.x1, t.y1], n.Qs = [t.cp1x, t.cp1y], n.te = [t.cp2x, t.cp2y], n.ee = [t.x2, t.y2], this.me.Es(n);
+    return this.xe(n, s, r), n.se = [t.x1, t.y1], n.Qs = [t.cp1x, t.cp1y], n.te = [t.cp2x, t.cp2y], n.ee = [t.x2, t.y2], this.me.ks(n);
   }
 }
 class _t {
@@ -790,16 +790,16 @@ class _t {
     h(this, "Te", null);
     h(this, "Ae", /* @__PURE__ */ new Map());
     h(this, "ze");
+    h(this, "ke");
     h(this, "Ee");
-    h(this, "Pe");
     h(this, "I", []);
-    this.gt = t, this.Re = new lt(t), this.Pe = new it(), this.ze = new ft(t, this), this.Ee = new dt(), this.Te = t.createBuffer(), Y(this.gt, [0, 0, this.gt.canvas.width, this.gt.canvas.height]);
+    this.gt = t, this.Re = new lt(t), this.Ee = new it(), this.ze = new ft(t, this), this.ke = new dt(), this.Te = t.createBuffer(), X(this.gt, [0, 0, this.gt.canvas.width, this.gt.canvas.height]);
   }
-  ke(t) {
+  Pe(t) {
     let e = this.Ae.get(t);
     if (e) return e;
     const i = new gt(this.gt);
-    return e = (0, { [x.RECTANGLE]: () => new pt(this.gt, i), [x.LINE]: () => new Et(this.gt, i), [x.ELLIPSE]: () => new xt(this.gt, i), [x.ARC]: () => new At(this.gt, i), [x.TRIANGLE]: () => new Tt(this.gt, i), [x.BEZIER_CURVE]: () => new Ct(this.gt, i) }[t])(), this.Ae.set(t, e), e;
+    return e = (0, { [E.RECTANGLE]: () => new pt(this.gt, i), [E.LINE]: () => new yt(this.gt, i), [E.ELLIPSE]: () => new Et(this.gt, i), [E.ARC]: () => new Rt(this.gt, i), [E.TRIANGLE]: () => new Tt(this.gt, i), [E.BEZIER_CURVE]: () => new Ct(this.gt, i) }[t])(), this.Ae.set(t, e), e;
   }
   Le(t) {
     this.Me !== t && (this.Me = t, t.Ht());
@@ -833,11 +833,11 @@ class _t {
   }
   Ge(t, e, i, s, r) {
     const n = this.es(), o = { Ue: t.textures[0], Uf: t.textures[1], Ug: t.textures[2], Uh: t.textures[3], Ui: t.textures[4], Uj: [t.width, t.height] };
-    this.Ee.Ws(e, i, s, r, n, o, this.Pe);
+    this.ke.Ws(e, i, s, r, n, o, this.Ee);
   }
   Ie(t, e, i, s, r) {
     const n = this.ns(), o = t.Oe(), c = { Uk: o.texture, Ul: !!o.invert, Um: !!o.flipX, Un: !!o.flipY, Uo: o.charRotation, Up: o.charColorFixed, Uq: o.charColor, Ur: o.cellColorFixed, Us: o.cellColor, Ut: o.backgroundColor, Uu: o.charCount, Uv: o.charList };
-    this.Ee.Ws(e, i, s, r, n, c, this.Pe);
+    this.ke.Ws(e, i, s, r, n, c, this.Ee);
   }
   We(t, e, i, s) {
     var d;
@@ -847,70 +847,70 @@ class _t {
     g !== -1 && (r.enableVertexAttribArray(g), r.vertexAttribPointer(g, 2, r.FLOAT, !1, 8, 0)), r.drawArrays(r.TRIANGLES, 0, 6), g !== -1 && r.disableVertexAttribArray(g);
   }
   He(t, e, i, s) {
-    this.Fe ? (this.Ee.Ws(t, e, i, s, this.Fe, { ...this.Se }, this.Pe), this.Fe = null, this.Se = {}) : this.Ee.Os(t, e, i, s, this.Pe);
+    this.Fe ? (this.ke.Ws(t, e, i, s, this.Fe, { ...this.Se }, this.Ee), this.Fe = null, this.Se = {}) : this.ke.Os(t, e, i, s, this.Ee);
   }
   Ke(t, e, i, s) {
-    this.Ee.Hs(t, e, i, s, this.Pe.lineWeight, this.Pe);
+    this.ke.Hs(t, e, i, s, this.Ee.lineWeight, this.Ee);
   }
   Xe(t, e, i, s) {
-    this.Ee.Ks(t, e, i, s, this.Pe);
+    this.ke.Ks(t, e, i, s, this.Ee);
   }
   Ne(t, e, i, s, r, n) {
-    this.Ee.Ns(t, e, i, s, r, n, this.Pe);
+    this.ke.Ns(t, e, i, s, r, n, this.Ee);
   }
-  Ye(t, e, i, s, r, n, o, c) {
-    const l = this.Pe.lineWeight;
-    this.Ee.Ys(t, e, i, s, r, n, o, c, l, this.Pe);
+  je(t, e, i, s, r, n, o, c) {
+    const l = this.Ee.lineWeight;
+    this.ke.js(t, e, i, s, r, n, o, c, l, this.Ee);
   }
-  je(t, e, i = 1, s = {}) {
+  Ye(t, e, i = 1, s = {}) {
     return new q(this.gt, t, e, i, s, this, !0);
   }
   Ve(t, e, i, s, r, n) {
-    this.Ee.Xs(t, e, i, s, r, n, this.Pe);
+    this.ke.Xs(t, e, i, s, r, n, this.Ee);
   }
   qe(t, e = t, i = t, s = 255) {
-    this.Pe.ft(t, e, i, s), this.js(t / 255, e / 255, i / 255, s / 255);
+    this.Ee.ft(t, e, i, s), this.Ys(t / 255, e / 255, i / 255, s / 255);
   }
-  js(t = 0, e = 0, i = 0, s = 0) {
+  Ys(t = 0, e = 0, i = 0, s = 0) {
     this.gt.clearColor(t, e, i, s), this.gt.clear(this.gt.COLOR_BUFFER_BIT);
   }
   Ze() {
-    this.gt.viewport(0, 0, this.gt.canvas.width, this.gt.canvas.height), Y(this.gt, [0, 0, this.gt.canvas.width, this.gt.canvas.height]);
+    this.gt.viewport(0, 0, this.gt.canvas.width, this.gt.canvas.height), X(this.gt, [0, 0, this.gt.canvas.width, this.gt.canvas.height]);
   }
   get context() {
     return this.gt;
   }
   get state() {
-    return this.Pe;
+    return this.Ee;
   }
-  Et(t) {
-    this.I.push(this.Pe), this.Pe = t;
+  kt(t) {
+    this.I.push(this.Ee), this.Ee = t;
   }
-  Pt() {
+  Et() {
     const t = this.I.pop();
-    t && (this.Pe = t);
+    t && (this.Ee = t);
   }
   zt(t) {
-    const e = t, i = k(this.gt) ?? this.gt.getParameter(this.gt.VIEWPORT), s = { shader: e, gl: this.gt, viewport: i };
+    const e = t, i = Y(this.gt) ?? this.gt.getParameter(this.gt.VIEWPORT), s = { shader: e, gl: this.gt, viewport: i };
     this.Le(e);
     const r = /* @__PURE__ */ new Set();
-    for (const n of this.Ee) n.type === x.CUSTOM ? r.add(x.RECTANGLE) : r.add(n.type);
-    for (const n of r) n !== x.CUSTOM && this.ke(n);
-    this.ze.bs(s, this.Ee, this.Ae), this.Ee.js();
+    for (const n of this.ke) n.type === E.CUSTOM ? r.add(E.RECTANGLE) : r.add(n.type);
+    for (const n of r) n !== E.CUSTOM && this.Pe(n);
+    this.ze.bs(s, this.ke, this.Ae), this.ke.Ys();
   }
-  kt() {
-    this.gt.deleteBuffer(this.Te), this.Ee.js();
-    for (const t of this.Ae.values()) t.kt();
-    this.Re.kt(), this.ze.kt();
+  Pt() {
+    this.gt.deleteBuffer(this.Te), this.ke.Ys();
+    for (const t of this.Ae.values()) t.Pt();
+    this.Re.Pt(), this.ze.Pt();
   }
 }
-const A = { readShort: (a, t) => (A.t.uint16[0] = a[t] << 8 | a[t + 1], A.t.int16[0]), readUshort: (a, t) => a[t] << 8 | a[t + 1], readUshorts(a, t, e) {
+const R = { readShort: (a, t) => (R.t.uint16[0] = a[t] << 8 | a[t + 1], R.t.int16[0]), readUshort: (a, t) => a[t] << 8 | a[t + 1], readUshorts(a, t, e) {
   const i = [];
-  for (let s = 0; s < e; s++) i.push(A.readUshort(a, t + 2 * s));
+  for (let s = 0; s < e; s++) i.push(R.readUshort(a, t + 2 * s));
   return i;
 }, readUint(a, t) {
-  const e = A.t.uint8;
-  return e[3] = a[t], e[2] = a[t + 1], e[1] = a[t + 2], e[0] = a[t + 3], A.t.uint32[0];
+  const e = R.t.uint8;
+  return e[3] = a[t], e[2] = a[t + 1], e[1] = a[t + 2], e[0] = a[t + 3], R.t.uint32[0];
 }, readASCII(a, t, e) {
   let i = "";
   for (let s = 0; s < e; s++) i += String.fromCharCode(a[t + s]);
@@ -925,13 +925,13 @@ const A = { readShort: (a, t) => (A.t.uint16[0] = a[t] << 8 | a[t + 1], A.t.int1
   const a = new ArrayBuffer(8);
   return { uint8: new Uint8Array(a), int16: new Int16Array(a), uint16: new Uint16Array(a), uint32: new Uint32Array(a) };
 })() };
-function X(a) {
+function W(a) {
   return a + 3 & -4;
 }
-function H(a, t, e) {
+function V(a, t, e) {
   const i = t + e;
   let s = 0;
-  const r = A.t;
+  const r = R.t;
   for (let n = t; n < i; n += 4) r.uint8[3] = a[n] || 0, r.uint8[2] = a[n + 1] || 0, r.uint8[1] = a[n + 2] || 0, r.uint8[0] = a[n + 3] || 0, s = s + (r.uint32[0] >>> 0) >>> 0;
   return s >>> 0;
 }
@@ -974,11 +974,11 @@ function O(a) {
     if (!c) continue;
     const l = s[c]++;
     let f = n.get(c);
-    f || (f = [], n.set(c, f)), f[Dt(l, c)] = o;
+    f || (f = [], n.set(c, f)), f[Ft(l, c)] = o;
   }
   return { min: t, max: e, table: n };
 }
-function V(a, t) {
+function $(a, t) {
   let e = 0;
   for (let i = 1; i <= t.max; i++) {
     e |= a.readBits(1) << i - 1;
@@ -990,12 +990,12 @@ function V(a, t) {
   }
   throw Error("Invalid Huffman code");
 }
-function Dt(a, t) {
+function Ft(a, t) {
   let e = 0;
   for (let i = 0; i < t; i++) e = e << 1 | 1 & a, a >>>= 1;
   return e >>> 0;
 }
-function Ft(a) {
+function Pt(a) {
   if (a.length < 2) throw Error("ZLIB data too short");
   const t = a[0], e = a[1];
   if ((15 & t) != 8) throw Error("Unsupported ZLIB compression method");
@@ -1020,53 +1020,53 @@ function Ft(a) {
           let v, g;
           if (m === 1) {
             const d = Array(288).fill(0);
-            for (let E = 0; E <= 143; E++) d[E] = 8;
-            for (let E = 144; E <= 255; E++) d[E] = 9;
-            for (let E = 256; E <= 279; E++) d[E] = 7;
-            for (let E = 280; E <= 287; E++) d[E] = 8;
+            for (let y = 0; y <= 143; y++) d[y] = 8;
+            for (let y = 144; y <= 255; y++) d[y] = 9;
+            for (let y = 256; y <= 279; y++) d[y] = 7;
+            for (let y = 280; y <= 287; y++) d[y] = 8;
             v = O(d), g = O(Array(32).fill(5));
           } else {
-            const d = r.readBits(5) + 257, E = r.readBits(5) + 1, p = r.readBits(4) + 4, w = [16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15], y = Array(19).fill(0);
-            for (let U = 0; U < p; U++) y[w[U]] = r.readBits(3);
-            const _ = O(y), R = [];
-            for (; R.length < d + E; ) {
-              const U = V(r, _);
-              if (U <= 15) R.push(U);
+            const d = r.readBits(5) + 257, y = r.readBits(5) + 1, p = r.readBits(4) + 4, w = [16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15], x = Array(19).fill(0);
+            for (let U = 0; U < p; U++) x[w[U]] = r.readBits(3);
+            const _ = O(x), A = [];
+            for (; A.length < d + y; ) {
+              const U = $(r, _);
+              if (U <= 15) A.push(U);
               else if (U === 16) {
-                const G = r.readBits(2) + 3, P = R[R.length - 1] || 0;
-                for (let J = 0; J < G; J++) R.push(P);
+                const B = r.readBits(2) + 3, I = A[A.length - 1] || 0;
+                for (let Z = 0; Z < B; Z++) A.push(I);
               } else if (U === 17) {
-                const G = r.readBits(3) + 3;
-                for (let P = 0; P < G; P++) R.push(0);
+                const B = r.readBits(3) + 3;
+                for (let I = 0; I < B; I++) A.push(0);
               } else {
                 if (U !== 18) throw Error("Invalid code length symbol");
                 {
-                  const G = r.readBits(7) + 11;
-                  for (let P = 0; P < G; P++) R.push(0);
+                  const B = r.readBits(7) + 11;
+                  for (let I = 0; I < B; I++) A.push(0);
                 }
               }
             }
-            const T = R.slice(0, d), D = R.slice(d, d + E);
-            v = O(T), g = O(D);
+            const T = A.slice(0, d), F = A.slice(d, d + y);
+            v = O(T), g = O(F);
           }
           for (; ; ) {
-            const d = V(r, v);
+            const d = $(r, v);
             if (d < 256) n.push(d);
             else {
               if (d === 256) break;
               if (d > 256 && d < 286) {
-                const E = d - 257;
-                let p = o[E];
-                const w = c[E];
+                const y = d - 257;
+                let p = o[y];
+                const w = c[y];
                 w && (p += r.readBits(w));
-                const y = V(r, g);
-                if (y >= 30) throw Error("Invalid distance symbol");
-                let _ = l[y];
-                const R = f[y];
-                R && (_ += r.readBits(R));
+                const x = $(r, g);
+                if (x >= 30) throw Error("Invalid distance symbol");
+                let _ = l[x];
+                const A = f[x];
+                A && (_ += r.readBits(A));
                 const T = n.length - _;
                 if (T < 0) throw Error("Invalid distance");
-                for (let D = 0; D < p; D++) n.push(n[T + D] || 0);
+                for (let F = 0; F < p; F++) n.push(n[T + F] || 0);
               } else if (d === 286 || d === 287) throw Error("Reserved length symbol");
             }
           }
@@ -1076,20 +1076,20 @@ function Ft(a) {
   }(new Ut(a.subarray(i)), s), new Uint8Array(s);
 }
 function Lt(a) {
-  const t = A, e = new Uint8Array(a);
+  const t = R, e = new Uint8Array(a);
   if (t.readASCII(e, 0, 4) !== "wOFF") throw Error("Invalid WOFF signature");
   const i = t.readUint(e, 4), s = t.readUshort(e, 12), r = t.readUint(e, 16), n = [];
   let o = 44;
   for (let p = 0; p < s; p++) {
-    const w = t.readASCII(e, o, 4), y = t.readUint(e, o + 4), _ = t.readUint(e, o + 8), R = t.readUint(e, o + 12), T = t.readUint(e, o + 16);
-    n.push({ tag: w, offset: y, compLength: _, origLength: R, checksum: T }), o += 20;
+    const w = t.readASCII(e, o, 4), x = t.readUint(e, o + 4), _ = t.readUint(e, o + 8), A = t.readUint(e, o + 12), T = t.readUint(e, o + 16);
+    n.push({ tag: w, offset: x, compLength: _, origLength: A, checksum: T }), o += 20;
   }
   for (const p of n) {
     const w = new Uint8Array(e.buffer, p.offset, p.compLength);
     if (p.compLength === p.origLength) p.data = new Uint8Array(w);
-    else if (p.data = Ft(w), p.data.length !== p.origLength) if (p.data.length < p.origLength) {
-      const y = new Uint8Array(p.origLength);
-      y.set(p.data), p.data = y;
+    else if (p.data = Pt(w), p.data.length !== p.origLength) if (p.data.length < p.origLength) {
+      const x = new Uint8Array(p.origLength);
+      x.set(p.data), p.data = x;
     } else p.data = p.data.subarray(0, p.origLength);
   }
   const c = s;
@@ -1098,43 +1098,43 @@ function Lt(a) {
   const u = 16 * l, m = 16 * c - u;
   let v = 12 + 16 * c;
   const g = {};
-  for (const p of n) g[p.tag] = v, v = X(v + p.data.length);
+  for (const p of n) g[p.tag] = v, v = W(v + p.data.length);
   const d = new Uint8Array(Math.max(r || 0, v));
   t.writeUint(d, 0, i), t.writeUshort(d, 4, c), t.writeUshort(d, 6, u), t.writeUshort(d, 8, f), t.writeUshort(d, 10, m);
-  let E = 12;
+  let y = 12;
   for (const p of n) {
-    t.writeASCII(d, E, p.tag), E += 4;
+    t.writeASCII(d, y, p.tag), y += 4;
     let w = p.data;
     if (p.tag === "head" && w.length >= 12) {
-      const y = new Uint8Array(w);
-      t.writeUint(y, 8, 0);
-      const _ = H(y, 0, X(y.length));
-      t.writeUint(d, E, _), E += 4;
+      const x = new Uint8Array(w);
+      t.writeUint(x, 8, 0);
+      const _ = V(x, 0, W(x.length));
+      t.writeUint(d, y, _), y += 4;
     } else {
-      const y = H(w, 0, X(w.length));
-      t.writeUint(d, E, y), E += 4;
+      const x = V(w, 0, W(w.length));
+      t.writeUint(d, y, x), y += 4;
     }
-    t.writeUint(d, E, g[p.tag]), E += 4, t.writeUint(d, E, p.data.length), E += 4;
+    t.writeUint(d, y, g[p.tag]), y += 4, t.writeUint(d, y, p.data.length), y += 4;
   }
   for (const p of n) {
     const w = g[p.tag];
     d.set(p.data, w);
   }
   if (n.find((p) => p.tag === "head")) {
-    const p = g.head, w = function(y, _) {
-      const R = A, T = _ + 8, D = [y[T], y[T + 1], y[T + 2], y[T + 3]];
-      R.writeUint(y, T, 0);
-      const U = 2981146554 - (H(y, 0, X(y.length)) >>> 0) >>> 0;
-      return y[T] = D[0], y[T + 1] = D[1], y[T + 2] = D[2], y[T + 3] = D[3], U >>> 0;
+    const p = g.head, w = function(x, _) {
+      const A = R, T = _ + 8, F = [x[T], x[T + 1], x[T + 2], x[T + 3]];
+      A.writeUint(x, T, 0);
+      const U = 2981146554 - (V(x, 0, W(x.length)) >>> 0) >>> 0;
+      return x[T] = F[0], x[T + 1] = F[1], x[T + 2] = F[2], x[T + 3] = F[3], U >>> 0;
     }(d, p);
     t.writeUint(d, p + 8, w);
   }
   return d.buffer;
 }
-const Pt = { parseTab(a, t, e) {
+const It = { parseTab(a, t, e) {
   const i = { tables: [], ids: {}, off: t };
   a = new Uint8Array(a.buffer, t, e), t = 0;
-  const s = A, r = s.readUshort, n = r(a, t += 2);
+  const s = R, r = s.readUshort, n = r(a, t += 2);
   t += 2;
   const o = [];
   for (let c = 0; c < n; c++) {
@@ -1154,22 +1154,22 @@ const Pt = { parseTab(a, t, e) {
   }
   return i;
 }, parse4(a, t) {
-  const e = A, i = e.readUshort, s = e.readUshorts, r = t, n = i(a, t += 2);
+  const e = R, i = e.readUshort, s = e.readUshorts, r = t, n = i(a, t += 2);
   t += 2;
   const o = i(a, t += 2) >>> 1, c = { format: 4, searchRange: i(a, t += 2), entrySelector: 0, rangeShift: 0, endCount: [], startCount: [], idDelta: [], idRangeOffset: [], glyphIdArray: [] };
   t += 2, c.entrySelector = i(a, t), t += 2, c.rangeShift = i(a, t), t += 2, c.endCount = s(a, t, o), t += 2 * o, t += 2, c.startCount = s(a, t, o), t += 2 * o;
   for (let l = 0; l < o; l++) c.idDelta.push(e.readShort(a, t)), t += 2;
   return c.idRangeOffset = s(a, t, o), t += 2 * o, c.glyphIdArray = s(a, t, r + n - t >> 1), c;
 }, parse12(a, t) {
-  const e = A.readUint;
+  const e = R.readUint;
   e(a, t += 4), e(a, t += 4);
   const i = e(a, t += 4);
   t += 4;
   const s = new Uint32Array(3 * i);
   for (let r = 0; r < 3 * i; r += 3) s[r] = e(a, t + (r << 2)), s[r + 1] = e(a, t + (r << 2) + 4), s[r + 2] = e(a, t + (r << 2) + 8);
   return { format: 12, groups: s };
-} }, Bt = { parseTab(a, t, e) {
-  const i = A;
+} }, St = { parseTab(a, t, e) {
+  const i = R;
   t += 18;
   const s = i.readUshort(a, t);
   t += 2, t += 16;
@@ -1181,8 +1181,8 @@ const Pt = { parseTab(a, t, e) {
   t += 2;
   const c = i.readShort(a, t);
   return t += 2, t += 6, { unitsPerEm: s, xMin: r, yMin: n, xMax: o, yMax: c, indexToLocFormat: i.readShort(a, t) };
-} }, St = { parseTab(a, t, e) {
-  const i = A;
+} }, Mt = { parseTab(a, t, e) {
+  const i = R;
   t += 4;
   const s = ["ascender", "descender", "lineGap", "advanceWidthMax", "minLeftSideBearing", "minRightSideBearing", "xMaxExtent", "caretSlopeRise", "caretSlopeRun", "caretOffset", "res0", "res1", "res2", "res3", "metricDataFormat", "numberOfHMetrics"], r = {};
   for (let n = 0; n < s.length; n++) {
@@ -1190,17 +1190,17 @@ const Pt = { parseTab(a, t, e) {
     r[o] = c(a, t + 2 * n);
   }
   return r;
-} }, Mt = { parseTab(a, t, e, i) {
-  const s = A, r = [], n = [], o = i.maxp.numGlyphs, c = i.hhea.numberOfHMetrics;
+} }, Gt = { parseTab(a, t, e, i) {
+  const s = R, r = [], n = [], o = i.maxp.numGlyphs, c = i.hhea.numberOfHMetrics;
   let l = 0, f = 0, u = 0;
   for (; u < c; ) l = s.readUshort(a, t + (u << 2)), f = s.readShort(a, t + (u << 2) + 2), r.push(l), n.push(f), u++;
   for (; u < o; ) r.push(l), n.push(f), u++;
   return { aWidth: r, lsBearing: n };
-} }, tt = { cmap: Pt, head: Bt, hhea: St, maxp: { parseTab(a, t, e) {
-  const i = A;
+} }, tt = { cmap: It, head: St, hhea: Mt, maxp: { parseTab(a, t, e) {
+  const i = R;
   return i.readUint(a, t), t += 4, { numGlyphs: i.readUshort(a, t) };
-} }, hmtx: Mt, loca: { parseTab(a, t, e, i) {
-  const s = A, r = [], n = i.head.indexToLocFormat, o = i.maxp.numGlyphs + 1;
+} }, hmtx: Gt, loca: { parseTab(a, t, e, i) {
+  const s = R, r = [], n = i.head.indexToLocFormat, o = i.maxp.numGlyphs + 1;
   if (n === 0) for (let c = 0; c < o; c++) r.push(s.readUshort(a, t + (c << 1)) << 1);
   else if (n === 1) for (let c = 0; c < o; c++) r.push(s.readUint(a, t + (c << 2)));
   return r;
@@ -1209,9 +1209,9 @@ const Pt = { parseTab(a, t, e) {
   for (let n = 0; n < r; n++) s.push(null);
   return s;
 }, Je(a, t) {
-  const e = A, i = a.Qe, s = a.loca;
+  const e = R, i = a.Qe, s = a.loca;
   if (s[t] === s[t + 1]) return null;
-  const r = L.findTable(i, "glyf", a.ti);
+  const r = P.findTable(i, "glyf", a.ti);
   if (!r) return null;
   let n = r[0] + s[t];
   const o = {};
@@ -1246,14 +1246,14 @@ const Pt = { parseTab(a, t, e) {
     for (let m = 0; m < l; m++) f += o.xs[m], u += o.ys[m], o.xs[m] = f, o.ys[m] = u;
   } else o.parts = [], o.endPts = [], o.flags = [], o.xs = [], o.ys = [];
   return o;
-} } }, L = { parse(a) {
-  const t = new Uint8Array(a), e = A.readASCII(t, 0, 4);
+} } }, P = { parse(a) {
+  const t = new Uint8Array(a), e = R.readASCII(t, 0, 4);
   if (e === "wOFF") a = Lt(a);
   else if (e === "wOF2") throw Error("WOFF2 is not supported in this build (Brotli + WOFF2 transforms required)");
   return [((i, s, r, n) => {
     const o = tt, c = { Qe: i, si: s, ti: r };
     for (const l in o) {
-      const f = l, u = L.findTable(i, f, r);
+      const f = l, u = P.findTable(i, f, r);
       if (u) {
         const [m, v] = u;
         let g = n[m];
@@ -1263,7 +1263,7 @@ const Pt = { parseTab(a, t, e) {
     return c;
   })(new Uint8Array(a), 0, 0, {})];
 }, findTable(a, t, e) {
-  const i = A, s = i.readUshort(a, e + 4);
+  const i = R, s = i.readUshort(a, e + 4);
   let r = e + 12;
   for (let n = 0; n < s; n++) {
     const o = i.readASCII(a, r, 4);
@@ -1273,8 +1273,8 @@ const Pt = { parseTab(a, t, e) {
     r += 16;
   }
   return null;
-}, T: tt, B: A };
-class It {
+}, T: tt, B: R };
+class Dt {
   ei(t) {
     var i;
     const e = [];
@@ -1337,7 +1337,7 @@ class It {
     return !(e >= 0 && e <= 31 && e !== 9 && e !== 10 && e !== 13 || e >= 127 && e <= 159);
   }
 }
-class K {
+class j {
   constructor() {
     h(this, "ai", /* @__PURE__ */ new Map());
     h(this, "ci", /* @__PURE__ */ new Map());
@@ -1396,18 +1396,18 @@ class K {
     return 0;
   }
 }
-class Gt {
+class Bt {
   constructor(t) {
     h(this, "yi");
     h(this, "Ci");
     h(this, "xt");
     h(this, "wi");
-    this.xt = t, this.wi = new K(), this.yi = document.createElement("canvas"), this.Ci = this.yi.getContext("2d", { willReadFrequently: !0, alpha: !0 });
+    this.xt = t, this.wi = new j(), this.yi = document.createElement("canvas"), this.Ci = this.yi.getContext("2d", { willReadFrequently: !0, alpha: !0 });
   }
   createTextureAtlas(t, e, i, s) {
     const r = t.length, n = Math.ceil(Math.sqrt(r)), o = Math.ceil(r / n), c = e.width * n, l = e.height * o, f = typeof s == "object" ? s : null;
     this.bi(c, l), this.$i(t, e, n, i, f);
-    const u = this.xt.je(c, l, 1, { filter: "nearest" });
+    const u = this.xt.Ye(c, l, 1, { filter: "nearest" });
     return u.Tt(this.yi), { framebuffer: u, columns: n, rows: o };
   }
   bi(t, e) {
@@ -1418,16 +1418,16 @@ class Gt {
     for (let o = 0; o < t.length; o++) {
       const c = o % i, l = Math.floor(o / i), f = t[o].character, u = this.xi(r, f);
       if (!u) continue;
-      const m = f.codePointAt(0) || 0, v = this.wi.li(r, m), g = this.Mi(r, v) * n, d = c * e.width, E = l * e.height, p = d + 0.5 * e.width, w = E + 0.5 * e.height, y = Math.round(p - 0.5 * e.width), _ = Math.round(w - 0.5 * s), R = y + 0.5 * (e.width - g), T = _ + r.hhea.ascender * n;
-      this.Ri(u, R, T, n);
+      const m = f.codePointAt(0) || 0, v = this.wi.li(r, m), g = this.Mi(r, v) * n, d = c * e.width, y = l * e.height, p = d + 0.5 * e.width, w = y + 0.5 * e.height, x = Math.round(p - 0.5 * e.width), _ = Math.round(w - 0.5 * s), A = x + 0.5 * (e.width - g), T = _ + r.hhea.ascender * n;
+      this.Ri(u, A, T, n);
     }
   }
   xi(t, e) {
     const i = e.codePointAt(0) || 0, s = this.wi.li(t, i);
     if (s === 0) return null;
     if (t.glyf && t.glyf[s] !== null) return t.glyf[s];
-    if (L && L.T && L.T.glyf) {
-      const r = L.T.glyf.Je(t, s);
+    if (P && P.T && P.T.glyf) {
+      const r = P.T.glyf.Je(t, s);
       return t.glyf && r && (t.glyf[s] = r), r;
     }
     return null;
@@ -1451,17 +1451,17 @@ class Gt {
           let g = l + 1;
           for (; g <= u; )
             if (1 & c[g]) {
-              const d = e + r[g] * s, E = i - n[g] * s;
-              this.Ci.lineTo(d, E), g++;
+              const d = e + r[g] * s, y = i - n[g] * s;
+              this.Ci.lineTo(d, y), g++;
             } else {
-              const d = e + r[g] * s, E = i - n[g] * s;
+              const d = e + r[g] * s, y = i - n[g] * s;
               let p = g + 1 > u ? l : g + 1;
               if (1 & c[p]) {
-                const w = e + r[p] * s, y = i - n[p] * s;
-                this.Ci.quadraticCurveTo(d, E, w, y), g = p + 1;
+                const w = e + r[p] * s, x = i - n[p] * s;
+                this.Ci.quadraticCurveTo(d, y, w, x), g = p + 1;
               } else {
-                const w = (d + (e + r[p] * s)) / 2, y = (E + (i - n[p] * s)) / 2;
-                this.Ci.quadraticCurveTo(d, E, w, y), g = p;
+                const w = (d + (e + r[p] * s)) / 2, x = (y + (i - n[p] * s)) / 2;
+                this.Ci.quadraticCurveTo(d, y, w, x), g = p;
               }
             }
           this.Ci.closePath();
@@ -1475,7 +1475,7 @@ class Gt {
 class Ot {
   constructor() {
     h(this, "Fi");
-    this.Fi = new K();
+    this.Fi = new j();
   }
   Si(t, e, i) {
     let s = 0;
@@ -1492,10 +1492,10 @@ class Ot {
     this.Fi.gi();
   }
 }
-class zt {
+class kt {
   constructor() {
     h(this, "wi");
-    this.wi = new K();
+    this.wi = new j();
   }
   createCharacterObjects(t, e) {
     return t.map((i, s) => {
@@ -1512,31 +1512,32 @@ class zt {
     return [t % 256 / 255, Math.floor(t / 256) % 256 / 255, Math.floor(t / 65536) % 256 / 255];
   }
   Ai(t, e) {
-    if (!z.v(typeof t == "string", "Character must be a string.", { method: "getCharacterColor", providedValue: t })) return [0, 0, 0];
+    if (!k.v(typeof t == "string", "Character must be a string.", { method: "getCharacterColor", providedValue: t })) return [0, 0, 0];
     const i = e.find((s) => s.character === t);
     return i ? i.color : [0, 0, 0];
   }
   zi(t, e) {
-    return z.v(typeof t == "string" && t.length > 0, "Characters must be a string with at least one character.", { method: "getCharacterColors", providedValue: t }) ? Array.from(t).map((i) => this.Ai(i, e) || [0, 0, 0]) : [[0, 0, 0]];
+    return k.v(typeof t == "string" && t.length > 0, "Characters must be a string with at least one character.", { method: "getCharacterColors", providedValue: t }) ? Array.from(t).map((i) => this.Ai(i, e) || [0, 0, 0]) : [[0, 0, 0]];
   }
 }
 class Nt {
   constructor(t, e = 16) {
-    h(this, "Ei");
-    h(this, "Pi", []);
     h(this, "ki");
+    h(this, "Ei", []);
+    h(this, "Pi");
     h(this, "Li", 16);
     h(this, "Di", 0);
     h(this, "Bi", 0);
     h(this, "Gi", { width: 0, height: 0 });
     h(this, "Ii");
-    h(this, "Oi");
+    h(this, "Oi", /* @__PURE__ */ new Map());
     h(this, "Wi");
     h(this, "Hi");
     h(this, "Ki");
-    this.Li = e, this.Oi = new It(), this.Wi = new Gt(t), this.Hi = new Ot(), this.Ki = new zt();
+    h(this, "Xi");
+    this.Li = e, this.Wi = new Dt(), this.Hi = new Bt(t), this.Ki = new Ot(), this.Xi = new kt();
   }
-  async Xi(t) {
+  async Ni(t) {
     let e;
     if (!t) throw new C("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");
     {
@@ -1544,51 +1545,85 @@ class Nt {
       if (!i.ok) throw new C(`Failed to load font file: ${i.status} ${i.statusText}`);
       e = await i.arrayBuffer();
     }
-    await this.Ni(e), this.Ei = L.parse(e)[0], await this.Yi();
+    await this.ji(e), this.ki = P.parse(e)[0], await this.Yi();
   }
-  ji(t) {
+  Vi(t) {
     if (t === void 0) return this.Li;
-    this.Li = t, this.Gi = this.Hi.Si(this.Pi.map((i) => i.character), this.Li, this.Ei);
-    const e = this.Wi.createTextureAtlas(this.Pi, this.Gi, this.Li, this.Ei);
-    this.ki = e.framebuffer, this.Di = e.columns, this.Bi = e.rows;
+    this.Li = t, this.Gi = this.Ki.Si(this.Ei.map((i) => i.character), this.Li, this.ki);
+    const e = this.Hi.createTextureAtlas(this.Ei, this.Gi, this.Li, this.ki);
+    this.Pi = e.framebuffer, this.Di = e.columns, this.Bi = e.rows;
   }
-  async Vi(t) {
+  async qi(t) {
     try {
       const e = await fetch(t);
       if (!e.ok) throw new C(`Failed to load font file: ${e.status} ${e.statusText}`);
       const i = await e.arrayBuffer();
-      await this.Ni(i);
-      const s = L.parse(i);
+      await this.ji(i);
+      const s = P.parse(i);
       if (!s || s.length === 0) throw Error("Failed to parse font file");
-      this.Ei = s[0], await this.Yi();
+      this.ki = s[0], await this.Yi();
     } catch (e) {
       throw new C("Failed to load font: " + (e instanceof Error ? e.message : "Unknown error"), e);
     }
   }
-  async Ni(t) {
+  async ji(t) {
     const e = Date.now();
     this.Ii = new FontFace("CustomFont_" + e, t), await this.Ii.load(), document.fonts.add(this.Ii);
   }
   async Yi() {
-    const t = this.Oi.ei(this.Ei), e = this.Oi.ni(t);
-    this.Pi = this.Ki.createCharacterObjects(e, this.Ei), this.Gi = this.Hi.Si(e, this.Li, this.Ei);
-    const i = this.Wi.createTextureAtlas(this.Pi, this.Gi, this.Li, this.Ei);
-    this.ki = i.framebuffer, this.Di = i.columns, this.Bi = i.rows;
+    const t = this.Wi.ei(this.ki), e = this.Wi.ni(t);
+    this.Oi.clear(), this.Ei = this.Xi.createCharacterObjects(e, this.ki), this.Gi = this.Ki.Si(e, this.Li, this.ki);
+    const i = this.Hi.createTextureAtlas(this.Ei, this.Gi, this.Li, this.ki);
+    this.Pi = i.framebuffer, this.Di = i.columns, this.Bi = i.rows;
   }
   Ai(t) {
-    return this.Ki.Ai(t, this.Pi);
+    return this.Xi.Ai(t, this.Ei);
   }
   zi(t) {
-    return this.Ki.zi(t, this.Pi);
+    return this.Xi.zi(t, this.Ei);
+  }
+  getGlyphData(t) {
+    if (!Number.isFinite(t)) return null;
+    const e = this.Oi.get(t);
+    if (e !== void 0) return e;
+    const i = this.Zi(t);
+    if (i < 0) return this.Oi.set(t, null), null;
+    const s = this.ki.glyf;
+    if (!s) return this.Oi.set(t, null), null;
+    let r = s[i] ?? null;
+    return r == null && (r = P.T.glyf.Je(this.ki, i) ?? null, s[i] = r), this.Oi.set(t, r), r;
+  }
+  Zi(t) {
+    const e = this.ki.cmap;
+    for (const i of e.tables) if (i.format === 4) {
+      const s = i;
+      for (let r = 0; r < s.startCount.length; r++) if (t >= s.startCount[r] && t <= s.endCount[r]) {
+        if (s.idRangeOffset[r] === 0) return t + s.idDelta[r] & 65535;
+        {
+          const n = s.idRangeOffset[r] / 2 + (t - s.startCount[r]) - (s.startCount.length - r);
+          if (n >= 0 && n < s.glyphIdArray.length) {
+            const o = s.glyphIdArray[n];
+            if (o !== 0) return o + s.idDelta[r] & 65535;
+          }
+        }
+      }
+    } else if (i.format === 12) {
+      const s = i;
+      for (let r = 0; r < s.groups.length; r += 3) {
+        const n = s.groups[r], o = s.groups[r + 1], c = s.groups[r + 2];
+        if (t >= n && t <= o) return c + (t - n);
+      }
+    }
+    return 0;
   }
-  kt() {
-    this.ki.kt(), document.fonts.delete(this.Ii);
+  Pt() {
+    this.Pi.Pt(), document.fonts.delete(this.Ii);
   }
   get fontFramebuffer() {
-    return this.ki;
+    return this.Pi;
   }
   get characters() {
-    return this.Pi;
+    return this.Ei;
   }
   get textureColumns() {
     return this.Di;
@@ -1603,39 +1638,39 @@ class Nt {
     return this.Li;
   }
   get font() {
-    return this.Ei;
+    return this.ki;
   }
 }
-class Wt {
+class zt {
   constructor(t, e, i) {
-    h(this, "qi");
-    h(this, "Zi");
-    h(this, "dt");
-    h(this, "_t");
     h(this, "Ji");
     h(this, "Qi");
+    h(this, "dt");
+    h(this, "_t");
     h(this, "tr");
     h(this, "sr");
     h(this, "er");
-    this.tr = t, this.sr = e, this.er = i, this.ir();
+    h(this, "ir");
+    h(this, "rr");
+    this.er = t, this.ir = e, this.rr = i, this.nr();
   }
-  ir() {
-    this.qi = Math.floor(this.tr.width / this.sr), this.Zi = Math.floor(this.tr.height / this.er), this.dt = this.qi * this.sr, this._t = this.Zi * this.er, this.Ji = Math.floor((this.tr.width - this.dt) / 2), this.Qi = Math.floor((this.tr.height - this._t) / 2);
+  nr() {
+    this.Ji = Math.floor(this.er.width / this.ir), this.Qi = Math.floor(this.er.height / this.rr), this.dt = this.Ji * this.ir, this._t = this.Qi * this.rr, this.tr = Math.floor((this.er.width - this.dt) / 2), this.sr = Math.floor((this.er.height - this._t) / 2);
   }
-  rr(t, e) {
-    this.sr = t, this.er = e, this.ir();
+  hr(t, e) {
+    this.ir = t, this.rr = e, this.nr();
   }
   get cellWidth() {
-    return this.sr;
+    return this.ir;
   }
   get cellHeight() {
-    return this.er;
+    return this.rr;
   }
   get cols() {
-    return this.qi;
+    return this.Ji;
   }
   get rows() {
-    return this.Zi;
+    return this.Qi;
   }
   get width() {
     return this.dt;
@@ -1644,140 +1679,140 @@ class Wt {
     return this._t;
   }
   get offsetX() {
-    return this.Ji;
+    return this.tr;
   }
   get offsetY() {
-    return this.Qi;
+    return this.sr;
   }
 }
-class Xt {
+class Wt {
   constructor(t = {}) {
-    h(this, "tr");
-    h(this, "nr", null);
-    h(this, "hr", !1);
-    h(this, "ar");
-    h(this, "cr");
-    this.hr = t.overlay ?? !1, this.hr && t.canvas ? (this.nr = t.canvas, this.tr = this.lr(), this.cr = !0, this.ur()) : t.canvas ? (this.tr = t.canvas, this.cr = !1) : (this.tr = this.dr(t.width, t.height), this.cr = !0), this.tr.style.imageRendering = "pixelated";
+    h(this, "er");
+    h(this, "ar", null);
+    h(this, "cr", !1);
+    h(this, "lr");
+    h(this, "ur");
+    this.cr = t.overlay ?? !1, this.cr && t.canvas ? (this.ar = t.canvas, this.er = this.dr(), this.ur = !0, this._r()) : t.canvas ? (this.er = t.canvas, this.ur = !1) : (this.er = this.pr(t.width, t.height), this.ur = !0), this.er.style.imageRendering = "pixelated";
   }
-  dr(t, e) {
+  pr(t, e) {
     const i = document.createElement("canvas");
     return i.className = "textmodeCanvas", i.style.imageRendering = "pixelated", i.width = t || 800, i.height = e || 600, document.body.appendChild(i), i;
   }
-  lr() {
+  dr() {
     const t = document.createElement("canvas");
     t.className = "textmodeCanvas", t.style.imageRendering = "pixelated";
-    const e = this.nr.getBoundingClientRect();
+    const e = this.ar.getBoundingClientRect();
     let i = Math.round(e.width), s = Math.round(e.height);
-    if (this.nr instanceof HTMLVideoElement) {
-      const o = this.nr;
+    if (this.ar instanceof HTMLVideoElement) {
+      const o = this.ar;
       (i === 0 || s === 0) && o.videoWidth > 0 && o.videoHeight > 0 && (i = o.videoWidth, s = o.videoHeight);
     }
     t.width = i, t.height = s, t.style.position = "absolute", t.style.pointerEvents = "none";
-    const r = window.getComputedStyle(this.nr);
+    const r = window.getComputedStyle(this.ar);
     let n = parseInt(r.zIndex || "0", 10);
     return isNaN(n) && (n = 0), t.style.zIndex = "" + (n + 1), t;
   }
-  ur() {
+  _r() {
     var t;
-    this._r(), (t = this.nr.parentNode) == null || t.insertBefore(this.tr, this.nr.nextSibling), window.ResizeObserver && (this.ar = new ResizeObserver(() => {
-      this.pr();
-    }), this.ar.observe(this.nr)), window.addEventListener("resize", () => {
-      this.pr();
+    this.mr(), (t = this.ar.parentNode) == null || t.insertBefore(this.er, this.ar.nextSibling), window.ResizeObserver && (this.lr = new ResizeObserver(() => {
+      this.vr();
+    }), this.lr.observe(this.ar)), window.addEventListener("resize", () => {
+      this.vr();
     });
   }
-  _r() {
-    if (!this.nr) return;
-    const t = this.nr.getBoundingClientRect();
-    let e = this.nr.offsetParent;
+  mr() {
+    if (!this.ar) return;
+    const t = this.ar.getBoundingClientRect();
+    let e = this.ar.offsetParent;
     if (e && e !== document.body) {
       const i = e.getBoundingClientRect();
-      this.tr.style.top = t.top - i.top + "px", this.tr.style.left = t.left - i.left + "px";
-    } else this.tr.style.top = t.top + window.scrollY + "px", this.tr.style.left = t.left + window.scrollX + "px";
+      this.er.style.top = t.top - i.top + "px", this.er.style.left = t.left - i.left + "px";
+    } else this.er.style.top = t.top + window.scrollY + "px", this.er.style.left = t.left + window.scrollX + "px";
   }
-  pr(t, e) {
-    if (this.hr) {
-      const i = this.nr.getBoundingClientRect();
+  vr(t, e) {
+    if (this.cr) {
+      const i = this.ar.getBoundingClientRect();
       let s = Math.round(i.width), r = Math.round(i.height);
-      if (this.nr instanceof HTMLVideoElement) {
-        const n = this.nr;
+      if (this.ar instanceof HTMLVideoElement) {
+        const n = this.ar;
         (s === 0 || r === 0) && n.videoWidth > 0 && n.videoHeight > 0 && (s = n.videoWidth, r = n.videoHeight);
       }
-      this.tr.width = s, this.tr.height = r, this._r();
-    } else this.tr.width = t ?? this.tr.width, this.tr.height = e ?? this.tr.height;
+      this.er.width = s, this.er.height = r, this.mr();
+    } else this.er.width = t ?? this.er.width, this.er.height = e ?? this.er.height;
   }
-  mr() {
-    const t = this.tr.getContext("webgl2", { alpha: !0, premultipliedAlpha: !1, preserveDrawingBuffer: !0, antialias: !1, depth: !1, stencil: !1, powerPreference: "high-performance" });
+  gr() {
+    const t = this.er.getContext("webgl2", { alpha: !0, premultipliedAlpha: !1, preserveDrawingBuffer: !0, antialias: !1, depth: !1, stencil: !1, powerPreference: "high-performance" });
     if (!t) throw new C("`textmode.js` requires WebGL2 support.");
     return t;
   }
-  kt() {
-    this.ar && this.ar.disconnect();
-    const t = this.tr.getContext("webgl") || this.tr.getContext("webgl2");
+  Pt() {
+    this.lr && this.lr.disconnect();
+    const t = this.er.getContext("webgl") || this.er.getContext("webgl2");
     if (t) {
       const e = t.getExtension("WEBGL_lose_context");
       e && e.loseContext();
     }
-    this.cr && this.tr.parentNode && this.tr.parentNode.removeChild(this.tr);
+    this.ur && this.er.parentNode && this.er.parentNode.removeChild(this.er);
   }
   get canvas() {
-    return this.tr;
+    return this.er;
   }
   get targetCanvas() {
-    return this.nr;
+    return this.ar;
   }
   get width() {
-    return this.tr.width;
+    return this.er.width;
   }
   get height() {
-    return this.tr.height;
+    return this.er.height;
   }
 }
 class N {
   constructor(t, e, i, s) {
-    h(this, "vr");
+    h(this, "yr");
     h(this, "dt");
     h(this, "_t");
     h(this, "gt");
     h(this, "L", 0);
     h(this, "N", 0);
-    h(this, "Y", 0);
+    h(this, "j", 0);
     h(this, "D", [0, 0]);
-    h(this, "gr", "sampled");
-    h(this, "yr", "fixed");
+    h(this, "Cr", "sampled");
+    h(this, "wr", "fixed");
     h(this, "V", [1, 1, 1, 1]);
     h(this, "q", [0, 0, 0, 1]);
-    h(this, "Cr", [0, 0, 0, 1]);
-    h(this, "wr", [[0.1, 0, 0]]);
-    h(this, "br");
-    this.gt = t, this.vr = e, this.dt = i, this._t = s;
+    h(this, "br", [0, 0, 0, 1]);
+    h(this, "$r", [[0.1, 0, 0]]);
+    h(this, "Mr");
+    this.gt = t, this.yr = e, this.dt = i, this._t = s;
   }
-  kt() {
-    this.gt.deleteTexture(this.vr);
+  Pt() {
+    this.gt.deleteTexture(this.yr);
   }
-  $r(t) {
+  Rr(t) {
     return typeof t == "boolean" ? t ? 1 : 0 : (t == null ? 0 : Number(t)) > 0 ? 1 : 0;
   }
   invert(t = !0) {
-    return this.L = this.$r(t), this;
+    return this.L = this.Rr(t), this;
   }
   flipX(t = !0) {
-    return this.N = this.$r(t), this;
+    return this.N = this.Rr(t), this;
   }
   flipY(t = !0) {
-    return this.Y = this.$r(t), this;
+    return this.j = this.Rr(t), this;
   }
   charRotation(t) {
     const e = 255 * t / 360, i = Math.floor(e) / 255, s = Math.round(e - Math.floor(e));
     return this.D = [i, s], this;
   }
   Oe() {
-    return { texture: this.vr, invert: this.L, flipX: this.N, flipY: this.Y, charRotation: this.D, charColorFixed: this.gr === "fixed", charColor: this.V, cellColorFixed: this.yr === "fixed", cellColor: this.q, backgroundColor: this.Cr, charCount: this.wr.length, charList: this.wr };
+    return { texture: this.yr, invert: this.L, flipX: this.N, flipY: this.j, charRotation: this.D, charColorFixed: this.Cr === "fixed", charColor: this.V, cellColorFixed: this.wr === "fixed", cellColor: this.q, backgroundColor: this.br, charCount: this.$r.length, charList: this.$r };
   }
   charColorMode(t) {
-    return this.gr = t, this;
+    return this.Cr = t, this;
   }
   cellColorMode(t) {
-    return this.yr = t, this;
+    return this.wr = t, this;
   }
   charColor(t, e, i, s) {
     return this.V = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255, (s ?? 255) / 255], this;
@@ -1786,20 +1821,20 @@ class N {
     return this.q = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255, (s ?? 255) / 255], this;
   }
   background(t, e, i, s) {
-    return this.Cr = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255, (s ?? 255) / 255], this;
+    return this.br = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255, (s ?? 255) / 255], this;
   }
   characters(t) {
-    const e = this.br(t).filter((i) => Array.isArray(i)).slice(0, 64);
-    return this.wr = e, this;
+    const e = this.Mr(t).filter((i) => Array.isArray(i)).slice(0, 64);
+    return this.$r = e, this;
   }
-  static Mr(t, e, i) {
+  static Fr(t, e, i) {
     const s = t.context, r = s.createTexture();
     s.bindTexture(s.TEXTURE_2D, r), s.pixelStorei(s.UNPACK_FLIP_Y_WEBGL, 1), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_MIN_FILTER, s.NEAREST), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_MAG_FILTER, s.NEAREST), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_WRAP_S, s.CLAMP_TO_EDGE), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_WRAP_T, s.CLAMP_TO_EDGE), s.texImage2D(s.TEXTURE_2D, 0, s.RGBA, s.RGBA, s.UNSIGNED_BYTE, e), s.bindTexture(s.TEXTURE_2D, null);
     const n = e.naturalWidth ?? e.width ?? e.videoWidth ?? 0, o = e.naturalHeight ?? e.height ?? e.videoHeight ?? 0, c = new N(s, r, n, o);
-    return c.br = i, c;
+    return c.Mr = i, c;
   }
   get texture() {
-    return this.vr;
+    return this.yr;
   }
   get width() {
     return this.dt;
@@ -1808,149 +1843,143 @@ class N {
     return this._t;
   }
 }
-class Yt {
+class Xt {
   constructor(t = 60) {
-    h(this, "Rr");
-    h(this, "Fr");
-    h(this, "Sr", null);
-    h(this, "Tr", 0);
-    h(this, "Ar", !0);
+    h(this, "Sr");
+    h(this, "Tr");
+    h(this, "Ar", null);
     h(this, "zr", 0);
+    h(this, "kr", !0);
     h(this, "Er", 0);
-    h(this, "Pr", []);
-    h(this, "kr", 10);
-    h(this, "Lr", 0);
-    this.Rr = t, this.Fr = 1e3 / t;
+    h(this, "Pr", 0);
+    h(this, "Lr", []);
+    h(this, "Dr", 10);
+    h(this, "Br", 0);
+    this.Sr = t, this.Tr = 1e3 / t;
   }
   start(t) {
-    if (!this.Ar) return;
-    this.Tr = performance.now();
+    if (!this.kr) return;
+    this.zr = performance.now();
     const e = (i) => {
-      if (!this.Ar) return void (this.Sr = null);
-      const s = i - this.Tr;
-      s >= this.Fr && (t(), this.Tr = i - s % this.Fr), this.Ar && (this.Sr = requestAnimationFrame(e));
+      if (!this.kr) return void (this.Ar = null);
+      const s = i - this.zr;
+      s >= this.Tr && (t(), this.zr = i - s % this.Tr), this.kr && (this.Ar = requestAnimationFrame(e));
     };
-    this.Sr = requestAnimationFrame(e);
+    this.Ar = requestAnimationFrame(e);
   }
   stop() {
-    this.Sr && (cancelAnimationFrame(this.Sr), this.Sr = null);
+    this.Ar && (cancelAnimationFrame(this.Ar), this.Ar = null);
   }
   pause() {
-    this.Ar && (this.Ar = !1, this.stop());
+    this.kr && (this.kr = !1, this.stop());
   }
   resume(t) {
-    this.Ar || (this.Ar = !0, this.start(t));
+    this.kr || (this.kr = !0, this.start(t));
   }
   frameRate(t, e) {
-    if (t === void 0) return this.zr;
-    this.Rr = t, this.Fr = 1e3 / t, this.Ar && e && (this.stop(), this.start(e));
+    if (t === void 0) return this.Er;
+    this.Sr = t, this.Tr = 1e3 / t, this.kr && e && (this.stop(), this.start(e));
   }
   measureFrameRate() {
     const t = performance.now();
-    if (this.Er > 0) {
-      const e = t - this.Er;
-      this.Pr.push(e), this.Pr.length > this.kr && this.Pr.shift();
-      const i = this.Pr.reduce((s, r) => s + r, 0) / this.Pr.length;
-      this.zr = 1e3 / i;
+    if (this.Pr > 0) {
+      const e = t - this.Pr;
+      this.Lr.push(e), this.Lr.length > this.Dr && this.Lr.shift();
+      const i = this.Lr.reduce((s, r) => s + r, 0) / this.Lr.length;
+      this.Er = 1e3 / i;
     }
-    this.Er = t;
+    this.Pr = t;
   }
   get isLooping() {
-    return this.Ar;
+    return this.kr;
   }
   get frameRateLimit() {
-    return this.Rr;
+    return this.Sr;
   }
   get currentFrameRate() {
-    return this.zr;
+    return this.Er;
   }
   get frameCount() {
-    return this.Lr;
+    return this.Br;
   }
   set frameCount(t) {
-    this.Lr = t;
+    this.Br = t;
   }
   incrementFrame() {
-    this.Lr++;
+    this.Br++;
   }
   resetFrameCount() {
-    this.Lr = 0;
+    this.Br = 0;
   }
 }
 class rt {
   constructor(t) {
-    h(this, "tr");
-    h(this, "Dr");
-    h(this, "Br", { x: -1, y: -1 });
-    h(this, "Gr", { x: -1, y: -1 });
-    h(this, "Ir", null);
-    h(this, "Or", 0);
-    h(this, "Wr");
-    h(this, "Hr");
+    h(this, "er");
+    h(this, "Gr");
+    h(this, "Ir", { x: -1, y: -1 });
+    h(this, "Or", { x: -1, y: -1 });
+    h(this, "Wr", null);
+    h(this, "Hr", 0);
     h(this, "Kr");
     h(this, "Xr");
     h(this, "Nr");
+    h(this, "jr");
     h(this, "Yr");
-    h(this, "jr", !1);
     h(this, "Vr");
-    h(this, "qr");
+    h(this, "qr", !1);
     h(this, "Zr");
     h(this, "Jr");
     h(this, "Qr");
-    this.tr = t;
+    h(this, "tn");
+    h(this, "sn");
+    this.er = t;
   }
-  tn(t) {
+  en(t) {
     const e = performance.now() + Math.max(0, t);
-    e > this.Or && (this.Or = e);
+    e > this.Hr && (this.Hr = e);
   }
-  sn() {
-    return performance.now() < this.Or;
+  rn() {
+    return performance.now() < this.Hr;
   }
-  en(t) {
-    const e = this.tr.canvas;
+  nn(t) {
+    const e = this.er.canvas;
     e.style.cursor = t == null || t === "" ? "" : t;
   }
-  Xi(t) {
-    this.Dr = t, this.rn();
-  }
-  nn() {
-    if (this.jr) return;
-    const t = this.tr.canvas;
-    this.Wr = (e) => {
-      this.hn(e), this.an(e);
-    }, this.Hr = () => {
-      this.Gr = { ...this.Br }, this.Br.x = -1, this.Br.y = -1, this.Ir = null;
-    }, this.Kr = (e) => {
-      this.hn(e), this.cn(e);
-    }, this.Xr = (e) => {
-      this.hn(e), this.ln(e);
+  Ni(t) {
+    this.Gr = t, this.hn();
+  }
+  an() {
+    if (this.qr) return;
+    const t = this.er.canvas;
+    this.Kr = (e) => {
+      this.cn(e), this.ln(e);
+    }, this.Xr = () => {
+      this.Or = { ...this.Ir }, this.Ir.x = -1, this.Ir.y = -1, this.Wr = null;
     }, this.Nr = (e) => {
-      this.hn(e), this.un(e);
+      this.cn(e), this.un(e);
+    }, this.jr = (e) => {
+      this.cn(e), this.fn(e);
     }, this.Yr = (e) => {
-      this.hn(e), this.fn(e);
-    }, t.addEventListener("mousemove", this.Wr, { passive: !0 }), t.addEventListener("mouseleave", this.Hr, { passive: !0 }), t.addEventListener("mousedown", this.Kr, { passive: !0 }), t.addEventListener("mouseup", this.Xr, { passive: !0 }), t.addEventListener("click", this.Nr, { passive: !0 }), t.addEventListener("wheel", this.Yr, { passive: !1 }), this.jr = !0;
-  }
-  dn() {
-    if (!this.jr) return;
-    const t = this.tr.canvas;
-    t.removeEventListener("mousemove", this.Wr), t.removeEventListener("mouseleave", this.Hr), t.removeEventListener("mousedown", this.Kr), t.removeEventListener("mouseup", this.Xr), t.removeEventListener("click", this.Nr), t.removeEventListener("wheel", this.Yr), this.jr = !1;
-  }
-  rn() {
-    if (this.jr) try {
-      if (this.Ir) {
-        const t = new MouseEvent("mousemove", { clientX: this.Ir.x, clientY: this.Ir.y, bubbles: !1, cancelable: !1 });
-        this.hn(t);
-      } else this.Br.x !== -1 && this.Br.y !== -1 && (this.Br.x >= this.Dr.cols || this.Br.y >= this.Dr.rows) && (this.Br.x = -1, this.Br.y = -1);
+      this.cn(e), this.dn(e);
+    }, this.Vr = (e) => {
+      this.cn(e), this._n(e);
+    }, t.addEventListener("mousemove", this.Kr, { passive: !0 }), t.addEventListener("mouseleave", this.Xr, { passive: !0 }), t.addEventListener("mousedown", this.Nr, { passive: !0 }), t.addEventListener("mouseup", this.jr, { passive: !0 }), t.addEventListener("click", this.Yr, { passive: !0 }), t.addEventListener("wheel", this.Vr, { passive: !1 }), this.qr = !0;
+  }
+  pn() {
+    if (!this.qr) return;
+    const t = this.er.canvas;
+    t.removeEventListener("mousemove", this.Kr), t.removeEventListener("mouseleave", this.Xr), t.removeEventListener("mousedown", this.Nr), t.removeEventListener("mouseup", this.jr), t.removeEventListener("click", this.Yr), t.removeEventListener("wheel", this.Vr), this.qr = !1;
+  }
+  hn() {
+    if (this.qr) try {
+      if (this.Wr) {
+        const t = new MouseEvent("mousemove", { clientX: this.Wr.x, clientY: this.Wr.y, bubbles: !1, cancelable: !1 });
+        this.cn(t);
+      } else this.Ir.x !== -1 && this.Ir.y !== -1 && (this.Ir.x >= this.Gr.cols || this.Ir.y >= this.Gr.rows) && (this.Ir.x = -1, this.Ir.y = -1);
     } catch {
-      this.Br.x = -1, this.Br.y = -1;
+      this.Ir.x = -1, this.Ir.y = -1;
     }
   }
-  _n(t) {
-    this.Vr = t;
-  }
-  pn(t) {
-    this.qr = t;
-  }
   mn(t) {
     this.Zr = t;
   }
@@ -1960,137 +1989,141 @@ class rt {
   gn(t) {
     this.Qr = t;
   }
-  yn() {
-    return { x: this.Br.x, y: this.Br.y };
+  yn(t) {
+    this.tn = t;
   }
-  an(t) {
-    if (this.Jr && !this.sn()) {
-      const e = { position: { ...this.Br }, previousPosition: { ...this.Gr }, originalEvent: t };
-      this.Jr(e);
-    }
+  Cn(t) {
+    this.sn = t;
   }
-  cn(t) {
-    if (this.qr && !this.sn()) {
-      const e = { position: { ...this.Br }, previousPosition: { ...this.Gr }, button: t.button, originalEvent: t };
-      this.qr(e);
-    }
+  wn() {
+    return { x: this.Ir.x, y: this.Ir.y };
   }
   ln(t) {
-    if (this.Zr && !this.sn()) {
-      const e = { position: { ...this.Br }, previousPosition: { ...this.Gr }, button: t.button, originalEvent: t };
-      this.Zr(e);
+    if (this.tn && !this.rn()) {
+      const e = { position: { ...this.Ir }, previousPosition: { ...this.Or }, originalEvent: t };
+      this.tn(e);
     }
   }
   un(t) {
-    if (this.Vr && !this.sn()) {
-      const e = { position: { ...this.Br }, previousPosition: { ...this.Gr }, button: t.button, originalEvent: t };
-      this.Vr(e);
+    if (this.Jr && !this.rn()) {
+      const e = { position: { ...this.Ir }, previousPosition: { ...this.Or }, button: t.button, originalEvent: t };
+      this.Jr(e);
     }
   }
   fn(t) {
-    if (this.Qr && !this.sn()) {
-      const e = { position: { ...this.Br }, previousPosition: { ...this.Gr }, delta: { x: t.deltaX, y: t.deltaY }, originalEvent: t };
+    if (this.Qr && !this.rn()) {
+      const e = { position: { ...this.Ir }, previousPosition: { ...this.Or }, button: t.button, originalEvent: t };
       this.Qr(e);
     }
   }
-  hn(t) {
-    const e = this.tr.canvas;
-    this.Gr = { ...this.Br }, this.Ir = { x: t.clientX, y: t.clientY };
-    const i = e.getBoundingClientRect(), s = t.clientX - i.left, r = t.clientY - i.top, n = e.width / i.width, o = r * (e.height / i.height), c = s * n - this.Dr.offsetX, l = o - this.Dr.offsetY, f = Math.floor(c / this.Dr.cellWidth), u = Math.floor(l / this.Dr.cellHeight);
-    f >= 0 && f < this.Dr.cols && u >= 0 && u < this.Dr.rows ? (this.Br.x = f, this.Br.y = u) : (this.Br.x = -1, this.Br.y = -1);
+  dn(t) {
+    if (this.Zr && !this.rn()) {
+      const e = { position: { ...this.Ir }, previousPosition: { ...this.Or }, button: t.button, originalEvent: t };
+      this.Zr(e);
+    }
+  }
+  _n(t) {
+    if (this.sn && !this.rn()) {
+      const e = { position: { ...this.Ir }, previousPosition: { ...this.Or }, delta: { x: t.deltaX, y: t.deltaY }, originalEvent: t };
+      this.sn(e);
+    }
+  }
+  cn(t) {
+    const e = this.er.canvas;
+    this.Or = { ...this.Ir }, this.Wr = { x: t.clientX, y: t.clientY };
+    const i = e.getBoundingClientRect(), s = t.clientX - i.left, r = t.clientY - i.top, n = e.width / i.width, o = r * (e.height / i.height), c = s * n - this.Gr.offsetX, l = o - this.Gr.offsetY, f = Math.floor(c / this.Gr.cellWidth), u = Math.floor(l / this.Gr.cellHeight);
+    f >= 0 && f < this.Gr.cols && u >= 0 && u < this.Gr.rows ? (this.Ir.x = f, this.Ir.y = u) : (this.Ir.x = -1, this.Ir.y = -1);
   }
 }
-const kt = Object.freeze(Object.defineProperty({ __proto__: null, MouseManager: rt }, Symbol.toStringTag, { value: "Module" }));
+const Yt = Object.freeze(Object.defineProperty({ __proto__: null, MouseManager: rt }, Symbol.toStringTag, { value: "Module" }));
 class nt {
   constructor() {
-    h(this, "Cn", /* @__PURE__ */ new Map());
-    h(this, "wn", null);
-    h(this, "bn", null);
-    h(this, "$n");
-    h(this, "xn");
-    h(this, "jr", !1);
+    h(this, "bn", /* @__PURE__ */ new Map());
+    h(this, "$n", null);
+    h(this, "xn", null);
     h(this, "Mn");
     h(this, "Rn");
-    h(this, "Fn", { ArrowUp: "UP_ARROW", ArrowDown: "DOWN_ARROW", ArrowLeft: "LEFT_ARROW", ArrowRight: "RIGHT_ARROW", F1: "F1", F2: "F2", F3: "F3", F4: "F4", F5: "F5", F6: "F6", F7: "F7", F8: "F8", F9: "F9", F10: "F10", F11: "F11", F12: "F12", Enter: "ENTER", Return: "RETURN", Tab: "TAB", Escape: "ESCAPE", Backspace: "BACKSPACE", Delete: "DELETE", Insert: "INSERT", Home: "HOME", End: "END", PageUp: "PAGE_UP", PageDown: "PAGE_DOWN", Shift: "SHIFT", Control: "CONTROL", Alt: "ALT", Meta: "META", " ": "SPACE" });
+    h(this, "qr", !1);
+    h(this, "Fn");
+    h(this, "Sn");
+    h(this, "Tn", { ArrowUp: "UP_ARROW", ArrowDown: "DOWN_ARROW", ArrowLeft: "LEFT_ARROW", ArrowRight: "RIGHT_ARROW", F1: "F1", F2: "F2", F3: "F3", F4: "F4", F5: "F5", F6: "F6", F7: "F7", F8: "F8", F9: "F9", F10: "F10", F11: "F11", F12: "F12", Enter: "ENTER", Return: "RETURN", Tab: "TAB", Escape: "ESCAPE", Backspace: "BACKSPACE", Delete: "DELETE", Insert: "INSERT", Home: "HOME", End: "END", PageUp: "PAGE_UP", PageDown: "PAGE_DOWN", Shift: "SHIFT", Control: "CONTROL", Alt: "ALT", Meta: "META", " ": "SPACE" });
   }
-  nn() {
-    this.jr || (this.$n = (t) => {
-      this.Sn(t);
-    }, this.xn = (t) => {
-      this.Tn(t);
-    }, window.addEventListener("keydown", this.$n, { passive: !1 }), window.addEventListener("keyup", this.xn, { passive: !1 }), this.jr = !0);
+  an() {
+    this.qr || (this.Mn = (t) => {
+      this.An(t);
+    }, this.Rn = (t) => {
+      this.zn(t);
+    }, window.addEventListener("keydown", this.Mn, { passive: !1 }), window.addEventListener("keyup", this.Rn, { passive: !1 }), this.qr = !0);
   }
-  dn() {
-    this.jr && (window.removeEventListener("keydown", this.$n), window.removeEventListener("keyup", this.xn), this.jr = !1, this.Cn.clear(), this.wn = null, this.bn = null);
+  pn() {
+    this.qr && (window.removeEventListener("keydown", this.Mn), window.removeEventListener("keyup", this.Rn), this.qr = !1, this.bn.clear(), this.$n = null, this.xn = null);
   }
-  pn(t) {
-    this.Mn = t;
+  vn(t) {
+    this.Fn = t;
   }
-  mn(t) {
-    this.Rn = t;
+  gn(t) {
+    this.Sn = t;
   }
-  An(t) {
-    const e = this.zn(t), i = this.Cn.get(t) || this.Cn.get(e);
+  kn(t) {
+    const e = this.En(t), i = this.bn.get(t) || this.bn.get(e);
     return (i == null ? void 0 : i.isPressed) || !1;
   }
-  En() {
-    return this.wn;
-  }
   Pn() {
-    return this.bn;
+    return this.$n;
+  }
+  Ln() {
+    return this.xn;
   }
-  kn() {
+  Dn() {
     const t = [];
-    for (const [e, i] of this.Cn) i.isPressed && t.push(e);
+    for (const [e, i] of this.bn) i.isPressed && t.push(e);
     return t;
   }
-  Ln() {
-    return { ctrl: this.An("Control"), shift: this.An("Shift"), alt: this.An("Alt"), meta: this.An("Meta") };
+  Bn() {
+    return { ctrl: this.kn("Control"), shift: this.kn("Shift"), alt: this.kn("Alt"), meta: this.kn("Meta") };
   }
-  Dn() {
-    this.Cn.clear(), this.wn = null, this.bn = null;
+  Gn() {
+    this.bn.clear(), this.$n = null, this.xn = null;
   }
-  Sn(t) {
+  An(t) {
     const e = t.key, i = Date.now();
-    this.Cn.has(e) || this.Cn.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
-    const s = this.Cn.get(e);
-    if (!s.isPressed && (s.isPressed = !0, s.lastPressTime = i, this.wn = e, this.Mn)) {
+    this.bn.has(e) || this.bn.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
+    const s = this.bn.get(e);
+    if (!s.isPressed && (s.isPressed = !0, s.lastPressTime = i, this.$n = e, this.Fn)) {
       const r = { key: e, keyCode: t.keyCode, ctrlKey: t.ctrlKey, shiftKey: t.shiftKey, altKey: t.altKey, metaKey: t.metaKey, isPressed: !0, originalEvent: t };
-      this.Mn(r);
+      this.Fn(r);
     }
   }
-  Tn(t) {
+  zn(t) {
     const e = t.key, i = Date.now();
-    this.Cn.has(e) || this.Cn.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
-    const s = this.Cn.get(e);
-    if (s.isPressed = !1, s.lastReleaseTime = i, this.bn = e, this.Rn) {
+    this.bn.has(e) || this.bn.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
+    const s = this.bn.get(e);
+    if (s.isPressed = !1, s.lastReleaseTime = i, this.xn = e, this.Sn) {
       const r = { key: e, keyCode: t.keyCode, ctrlKey: t.ctrlKey, shiftKey: t.shiftKey, altKey: t.altKey, metaKey: t.metaKey, isPressed: !1, originalEvent: t };
-      this.Rn(r);
+      this.Sn(r);
     }
   }
-  zn(t) {
-    return this.Fn[t] || t.toLowerCase();
+  En(t) {
+    return this.Tn[t] || t.toLowerCase();
   }
 }
-const jt = Object.freeze(Object.defineProperty({ __proto__: null, KeyboardManager: nt }, Symbol.toStringTag, { value: "Module" }));
+const Ht = Object.freeze(Object.defineProperty({ __proto__: null, KeyboardManager: nt }, Symbol.toStringTag, { value: "Module" }));
 class ot {
   constructor(t, e) {
-    h(this, "tr");
-    h(this, "Bn");
-    h(this, "Dr");
-    h(this, "Gn", /* @__PURE__ */ new Map());
-    h(this, "In", /* @__PURE__ */ new Map());
+    h(this, "er");
+    h(this, "In");
+    h(this, "Gr");
     h(this, "On", /* @__PURE__ */ new Map());
-    h(this, "Wn", null);
-    h(this, "Hn");
-    h(this, "Kn");
+    h(this, "Wn", /* @__PURE__ */ new Map());
+    h(this, "Hn", /* @__PURE__ */ new Map());
+    h(this, "Kn", null);
     h(this, "Xn");
     h(this, "Nn");
-    h(this, "Yn");
     h(this, "jn");
-    h(this, "jr", !1);
+    h(this, "Yn");
     h(this, "Vn");
     h(this, "qn");
+    h(this, "qr", !1);
     h(this, "Zn");
     h(this, "Jn");
     h(this, "Qn");
@@ -2099,67 +2132,63 @@ class ot {
     h(this, "io");
     h(this, "ro");
     h(this, "no");
-    h(this, "oo", 320);
-    h(this, "ho", 350);
-    h(this, "ao", 10);
-    h(this, "co", 550);
-    h(this, "lo", 14);
-    h(this, "uo", 48);
-    h(this, "fo", 650);
-    h(this, "do", 0.02);
-    h(this, "_o", 2);
-    h(this, "po", 600);
-    h(this, "mo", 0);
-    h(this, "vo", null);
-    this.tr = t, this.Bn = e;
-    const i = this.tr.canvas;
-    this.Hn = i.style.touchAction, this.Kn = i.style.userSelect, i.style.touchAction || (i.style.touchAction = "none"), i.style.userSelect || (i.style.userSelect = "none");
-  }
-  Xi(t) {
-    this.Dr = t, this.yo();
-  }
-  nn() {
-    if (this.jr) return;
-    const t = this.tr.canvas;
-    this.Xn = (e) => {
-      this.Co(e);
-    }, this.Nn = (e) => {
-      this.wo(e);
-    }, this.Yn = (e) => {
+    h(this, "oo");
+    h(this, "ho");
+    h(this, "ao", 320);
+    h(this, "co", 350);
+    h(this, "lo", 10);
+    h(this, "uo", 550);
+    h(this, "fo", 14);
+    h(this, "do", 48);
+    h(this, "_o", 650);
+    h(this, "po", 0.02);
+    h(this, "mo", 2);
+    h(this, "vo", 600);
+    h(this, "yo", 0);
+    h(this, "Co", null);
+    this.er = t, this.In = e;
+    const i = this.er.canvas;
+    this.Xn = i.style.touchAction, this.Nn = i.style.userSelect, i.style.touchAction || (i.style.touchAction = "none"), i.style.userSelect || (i.style.userSelect = "none");
+  }
+  Ni(t) {
+    this.Gr = t, this.wo();
+  }
+  an() {
+    if (this.qr) return;
+    const t = this.er.canvas;
+    this.jn = (e) => {
       this.bo(e);
-    }, this.jn = (e) => {
+    }, this.Yn = (e) => {
       this.$o(e);
-    }, t.addEventListener("touchstart", this.Xn, { passive: !1 }), t.addEventListener("touchmove", this.Nn, { passive: !1 }), t.addEventListener("touchend", this.Yn, { passive: !1 }), t.addEventListener("touchcancel", this.jn, { passive: !1 }), this.jr = !0;
-  }
-  dn() {
-    if (!this.jr) return;
-    const t = this.tr.canvas;
-    t.removeEventListener("touchstart", this.Xn), t.removeEventListener("touchmove", this.Nn), t.removeEventListener("touchend", this.Yn), t.removeEventListener("touchcancel", this.jn), this.jr = !1, this.Wn = null, this.Gn.clear(), this.In.clear(), this.On.forEach((e) => {
+    }, this.Vn = (e) => {
+      this.xo(e);
+    }, this.qn = (e) => {
+      this.Mo(e);
+    }, t.addEventListener("touchstart", this.jn, { passive: !1 }), t.addEventListener("touchmove", this.Yn, { passive: !1 }), t.addEventListener("touchend", this.Vn, { passive: !1 }), t.addEventListener("touchcancel", this.qn, { passive: !1 }), this.qr = !0;
+  }
+  pn() {
+    if (!this.qr) return;
+    const t = this.er.canvas;
+    t.removeEventListener("touchstart", this.jn), t.removeEventListener("touchmove", this.Yn), t.removeEventListener("touchend", this.Vn), t.removeEventListener("touchcancel", this.qn), this.qr = !1, this.Kn = null, this.On.clear(), this.Wn.clear(), this.Hn.forEach((e) => {
       e.longPressTimer !== null && window.clearTimeout(e.longPressTimer);
-    }), this.On.clear(), this.vo = null, this.mo = 0, t.style.touchAction = this.Hn, t.style.userSelect = this.Kn;
+    }), this.Hn.clear(), this.Co = null, this.yo = 0, t.style.touchAction = this.Xn, t.style.userSelect = this.Nn;
   }
-  yo() {
-    if (!this.Dr || this.Gn.size === 0) return;
+  wo() {
+    if (!this.Gr || this.On.size === 0) return;
     const t = /* @__PURE__ */ new Map();
-    for (const e of this.Gn.values()) {
-      const i = this.xo(e.clientX, e.clientY, e.id, e);
+    for (const e of this.On.values()) {
+      const i = this.Ro(e.clientX, e.clientY, e.id, e);
       t.set(e.id, i);
     }
-    this.Gn = t;
-  }
-  Mo() {
-    return Array.from(this.Gn.values()).map((t) => ({ ...t }));
+    this.On = t;
   }
-  Ro(t) {
-    this.Vn = t;
+  Fo() {
+    return Array.from(this.On.values()).map((t) => ({ ...t }));
   }
-  vn(t) {
-    this.qn = t;
-  }
-  Fo(t) {
+  So(t) {
     this.Zn = t;
   }
-  So(t) {
+  yn(t) {
     this.Jn = t;
   }
   To(t) {
@@ -2171,127 +2200,133 @@ class ot {
   zo(t) {
     this.eo = t;
   }
-  Eo(t) {
+  ko(t) {
     this.io = t;
   }
-  Po(t) {
+  Eo(t) {
     this.ro = t;
   }
-  ko(t) {
+  Po(t) {
     this.no = t;
   }
-  Co(t) {
+  Lo(t) {
+    this.oo = t;
+  }
+  Do(t) {
+    this.ho = t;
+  }
+  bo(t) {
     var s;
-    if (!this.Dr) return;
-    t.preventDefault(), (s = this.Bn) == null || s.tn(this.po);
-    const e = performance.now(), i = this.Lo(t.changedTouches);
+    if (!this.Gr) return;
+    t.preventDefault(), (s = this.In) == null || s.en(this.vo);
+    const e = performance.now(), i = this.Bo(t.changedTouches);
     for (const r of i) {
-      const n = this.Gn.get(r.id);
-      n && this.In.set(r.id, this.Do(n)), this.Gn.set(r.id, r);
+      const n = this.On.get(r.id);
+      n && this.Wn.set(r.id, this.Go(n)), this.On.set(r.id, r);
       const o = { id: r.id, startPosition: r, lastPosition: r, startTime: e, lastTime: e, longPressTimer: null, longPressFired: !1 };
-      this.eo && (o.longPressTimer = window.setTimeout(() => {
-        const c = this.Gn.get(r.id);
-        c && (o.longPressFired = !0, this.eo({ touch: this.Do(c), duration: performance.now() - o.startTime, originalEvent: t }));
-      }, this.co)), this.On.set(r.id, o), this.Vn && this.Vn(this.Bo(r, t, void 0, e));
+      this.ro && (o.longPressTimer = window.setTimeout(() => {
+        const c = this.On.get(r.id);
+        c && (o.longPressFired = !0, this.ro({ touch: this.Go(c), duration: performance.now() - o.startTime, originalEvent: t }));
+      }, this.uo)), this.Hn.set(r.id, o), this.Zn && this.Zn(this.Io(r, t, void 0, e));
     }
-    this.Gn.size === 2 && this.Go();
+    this.On.size === 2 && this.Oo();
   }
-  wo(t) {
+  $o(t) {
     var s;
-    if (!this.Dr) return;
-    t.preventDefault(), (s = this.Bn) == null || s.tn(this.po);
-    const e = performance.now(), i = this.Lo(t.changedTouches);
+    if (!this.Gr) return;
+    t.preventDefault(), (s = this.In) == null || s.en(this.vo);
+    const e = performance.now(), i = this.Bo(t.changedTouches);
     for (const r of i) {
-      const n = this.Gn.get(r.id), o = n ? this.Do(n) : void 0;
-      o && this.In.set(r.id, o), this.Gn.set(r.id, r);
-      const c = this.On.get(r.id);
-      c && (c.lastPosition = r, c.lastTime = e, o) && this.Io(o, r, !0) > this.lo && c.longPressTimer !== null && (window.clearTimeout(c.longPressTimer), c.longPressTimer = null), this.qn && this.qn(this.Bo(r, t, o, e));
+      const n = this.On.get(r.id), o = n ? this.Go(n) : void 0;
+      o && this.Wn.set(r.id, o), this.On.set(r.id, r);
+      const c = this.Hn.get(r.id);
+      c && (c.lastPosition = r, c.lastTime = e, o) && this.Wo(o, r, !0) > this.fo && c.longPressTimer !== null && (window.clearTimeout(c.longPressTimer), c.longPressTimer = null), this.Jn && this.Jn(this.Io(r, t, o, e));
     }
-    this.Gn.size === 2 ? this.Oo(t) : this.Wn = null;
+    this.On.size === 2 ? this.Ho(t) : this.Kn = null;
   }
-  bo(t) {
-    if (!this.Dr) return;
+  xo(t) {
+    if (!this.Gr) return;
     t.preventDefault();
-    const e = performance.now(), i = this.Lo(t.changedTouches);
+    const e = performance.now(), i = this.Bo(t.changedTouches);
     for (const s of i) {
-      const r = this.Gn.get(s.id), n = r ? this.Do(r) : void 0, o = this.On.get(s.id);
-      o && o.longPressTimer !== null && (window.clearTimeout(o.longPressTimer), o.longPressTimer = null), this.Zn && this.Zn(this.Bo(s, t, n, e)), o && this.Wo(o, t), this.On.delete(s.id), this.In.delete(s.id), this.Gn.delete(s.id);
+      const r = this.On.get(s.id), n = r ? this.Go(r) : void 0, o = this.Hn.get(s.id);
+      o && o.longPressTimer !== null && (window.clearTimeout(o.longPressTimer), o.longPressTimer = null), this.Qn && this.Qn(this.Io(s, t, n, e)), o && this.Ko(o, t), this.Hn.delete(s.id), this.Wn.delete(s.id), this.On.delete(s.id);
     }
-    this.Gn.size < 2 && (this.Wn = null);
+    this.On.size < 2 && (this.Kn = null);
   }
-  $o(t) {
-    if (!this.Dr) return;
+  Mo(t) {
+    if (!this.Gr) return;
     t.preventDefault();
-    const e = performance.now(), i = this.Lo(t.changedTouches);
+    const e = performance.now(), i = this.Bo(t.changedTouches);
     for (const s of i) {
-      const r = this.Gn.get(s.id), n = r ? this.Do(r) : void 0, o = this.On.get(s.id);
-      o && o.longPressTimer !== null && (window.clearTimeout(o.longPressTimer), o.longPressTimer = null), this.Jn && this.Jn(this.Bo(s, t, n, e)), this.On.delete(s.id), this.In.delete(s.id), this.Gn.delete(s.id);
+      const r = this.On.get(s.id), n = r ? this.Go(r) : void 0, o = this.Hn.get(s.id);
+      o && o.longPressTimer !== null && (window.clearTimeout(o.longPressTimer), o.longPressTimer = null), this.so && this.so(this.Io(s, t, n, e)), this.Hn.delete(s.id), this.Wn.delete(s.id), this.On.delete(s.id);
     }
-    this.Gn.size < 2 && (this.Wn = null);
+    this.On.size < 2 && (this.Kn = null);
   }
-  Lo(t) {
+  Bo(t) {
     const e = [];
     for (let i = 0; i < t.length; i += 1) {
       const s = t.item(i);
-      s && e.push(this.Ho(s));
+      s && e.push(this.Xo(s));
     }
     return e;
   }
-  Ho(t) {
-    return this.xo(t.clientX, t.clientY, t.identifier, { id: t.identifier, x: -1, y: -1, clientX: t.clientX, clientY: t.clientY, pressure: t.force, radiusX: t.radiusX, radiusY: t.radiusY, rotationAngle: t.rotationAngle });
+  Xo(t) {
+    return this.Ro(t.clientX, t.clientY, t.identifier, { id: t.identifier, x: -1, y: -1, clientX: t.clientX, clientY: t.clientY, pressure: t.force, radiusX: t.radiusX, radiusY: t.radiusY, rotationAngle: t.rotationAngle });
   }
-  xo(t, e, i, s) {
-    const r = this.tr.canvas, n = r.getBoundingClientRect(), o = t - n.left, c = e - n.top, l = r.width / n.width, f = c * (r.height / n.height), u = o * l - this.Dr.offsetX, m = f - this.Dr.offsetY, v = Math.floor(u / this.Dr.cellWidth), g = Math.floor(m / this.Dr.cellHeight), d = v >= 0 && v < this.Dr.cols && g >= 0 && g < this.Dr.rows;
+  Ro(t, e, i, s) {
+    const r = this.er.canvas, n = r.getBoundingClientRect(), o = t - n.left, c = e - n.top, l = r.width / n.width, f = c * (r.height / n.height), u = o * l - this.Gr.offsetX, m = f - this.Gr.offsetY, v = Math.floor(u / this.Gr.cellWidth), g = Math.floor(m / this.Gr.cellHeight), d = v >= 0 && v < this.Gr.cols && g >= 0 && g < this.Gr.rows;
     return { id: i, x: d ? v : -1, y: d ? g : -1, clientX: t, clientY: e, pressure: s.pressure, radiusX: s.radiusX, radiusY: s.radiusY, rotationAngle: s.rotationAngle };
   }
-  Bo(t, e, i, s) {
-    const r = this.On.get(t.id), n = Array.from(this.In.values()).map((l) => this.Do(l)), o = Array.from(this.Gn.values()).map((l) => this.Do(l)), c = this.Lo(e.changedTouches);
-    return { touch: this.Do(t), previousTouch: i ? this.Do(i) : void 0, touches: o, previousTouches: n, changedTouches: c, deltaTime: r ? s - r.lastTime : 0, originalEvent: e };
+  Io(t, e, i, s) {
+    const r = this.Hn.get(t.id), n = Array.from(this.Wn.values()).map((l) => this.Go(l)), o = Array.from(this.On.values()).map((l) => this.Go(l)), c = this.Bo(e.changedTouches);
+    return { touch: this.Go(t), previousTouch: i ? this.Go(i) : void 0, touches: o, previousTouches: n, changedTouches: c, deltaTime: r ? s - r.lastTime : 0, originalEvent: e };
   }
-  Go() {
-    if (this.Gn.size !== 2) return void (this.Wn = null);
-    const t = Array.from(this.Gn.values()), [e, i] = t, s = this.Io(e, i, !1), r = this.Ko(e, i);
-    this.Wn = { ids: [e.id, i.id], initialDistance: Math.max(s, 1e-4), initialAngle: r, lastScale: 1, lastRotation: 0 };
+  Oo() {
+    if (this.On.size !== 2) return void (this.Kn = null);
+    const t = Array.from(this.On.values()), [e, i] = t, s = this.Wo(e, i, !1), r = this.No(e, i);
+    this.Kn = { ids: [e.id, i.id], initialDistance: Math.max(s, 1e-4), initialAngle: r, lastScale: 1, lastRotation: 0 };
   }
-  Oo(t) {
-    if (this.Wn || this.Go(), !this.Wn) return;
-    const [e, i] = this.Wn.ids, s = this.Gn.get(e), r = this.Gn.get(i);
+  Ho(t) {
+    if (this.Kn || this.Oo(), !this.Kn) return;
+    const [e, i] = this.Kn.ids, s = this.On.get(e), r = this.On.get(i);
     if (!s || !r) return;
-    const n = this.Io(s, r, !1) / this.Wn.initialDistance, o = n - this.Wn.lastScale;
-    this.ro && Math.abs(o) > this.do && (this.ro({ touches: [this.Do(s), this.Do(r)], scale: n, deltaScale: o, center: this.Xo(s, r), originalEvent: t }), this.Wn.lastScale = n);
-    let c = this.Ko(s, r) - this.Wn.initialAngle;
+    const n = this.Wo(s, r, !1) / this.Kn.initialDistance, o = n - this.Kn.lastScale;
+    this.oo && Math.abs(o) > this.po && (this.oo({ touches: [this.Go(s), this.Go(r)], scale: n, deltaScale: o, center: this.jo(s, r), originalEvent: t }), this.Kn.lastScale = n);
+    let c = this.No(s, r) - this.Kn.initialAngle;
     c = (c + 180) % 360 - 180;
-    const l = c - this.Wn.lastRotation;
-    this.no && Math.abs(l) > this._o && (this.no({ touches: [this.Do(s), this.Do(r)], rotation: c, deltaRotation: l, center: this.Xo(s, r), originalEvent: t }), this.Wn.lastRotation = c);
+    const l = c - this.Kn.lastRotation;
+    this.ho && Math.abs(l) > this.mo && (this.ho({ touches: [this.Go(s), this.Go(r)], rotation: c, deltaRotation: l, center: this.jo(s, r), originalEvent: t }), this.Kn.lastRotation = c);
   }
-  Xo(t, e) {
-    const i = (t.clientX + e.clientX) / 2, s = (t.clientY + e.clientY) / 2, r = this.xo(i, s, -1, { id: -1, x: -1, y: -1, clientX: i, clientY: s });
+  jo(t, e) {
+    const i = (t.clientX + e.clientX) / 2, s = (t.clientY + e.clientY) / 2, r = this.Ro(i, s, -1, { id: -1, x: -1, y: -1, clientX: i, clientY: s });
     return { x: r.x, y: r.y };
   }
-  Wo(t, e) {
-    const i = performance.now(), s = i - t.startTime, r = this.Io(t.startPosition, t.lastPosition, !0);
-    if (!t.longPressFired && s <= this.oo && r <= this.ao)
-      this.No(t.lastPosition, i) && this.so ? this.so({ touch: this.Do(t.lastPosition), taps: 2, originalEvent: e }) : this.Qn && this.Qn({ touch: this.Do(t.lastPosition), taps: 1, originalEvent: e });
-    else if (!t.longPressFired && s <= this.fo && r >= this.uo) {
+  Ko(t, e) {
+    const i = performance.now(), s = i - t.startTime, r = this.Wo(t.startPosition, t.lastPosition, !0);
+    if (!t.longPressFired && s <= this.ao && r <= this.lo)
+      this.Yo(t.lastPosition, i) && this.io ? this.io({ touch: this.Go(t.lastPosition), taps: 2, originalEvent: e }) : this.eo && this.eo({ touch: this.Go(t.lastPosition), taps: 1, originalEvent: e });
+    else if (!t.longPressFired && s <= this._o && r >= this.do) {
       const n = { x: t.lastPosition.clientX - t.startPosition.clientX, y: t.lastPosition.clientY - t.startPosition.clientY }, o = Math.max(Math.hypot(n.x, n.y), 1e-4), c = { x: n.x / o, y: n.y / o }, l = { x: n.x / s, y: n.y / s };
-      this.io && this.io({ touch: this.Do(t.lastPosition), direction: c, distance: o, velocity: l, originalEvent: e });
+      this.no && this.no({ touch: this.Go(t.lastPosition), direction: c, distance: o, velocity: l, originalEvent: e });
     }
-    this.mo = i, this.vo = this.Do(t.lastPosition);
+    this.yo = i, this.Co = this.Go(t.lastPosition);
   }
-  No(t, e) {
-    return !this.vo || e - this.mo > this.ho ? !1 : this.Io(t, this.vo, !0) <= this.ao;
+  Yo(t, e) {
+    return !this.Co || e - this.yo > this.co ? !1 : this.Wo(t, this.Co, !0) <= this.lo;
   }
-  Do(t) {
+  Go(t) {
     return { ...t };
   }
-  Io(t, e, i) {
+  Wo(t, e, i) {
     return i ? Math.hypot(t.clientX - e.clientX, t.clientY - e.clientY) : Math.hypot(t.x - e.x, t.y - e.y);
   }
-  Ko(t, e) {
+  No(t, e) {
     return 180 * Math.atan2(e.clientY - t.clientY, e.clientX - t.clientX) / Math.PI;
   }
 }
-const Ht = Object.freeze(Object.defineProperty({ __proto__: null, TouchManager: ot }, Symbol.toStringTag, { value: "Module" })), Vt = (a) => class extends a {
+const Vt = Object.freeze(Object.defineProperty({ __proto__: null, TouchManager: ot }, Symbol.toStringTag, { value: "Module" })), $t = (a) => class extends a {
   rotate(t = 0, e = 0, i = 0) {
     this.xt.state.st(t), this.xt.state.et(e), this.xt.state.it(i);
   }
@@ -2326,7 +2361,7 @@ const Ht = Object.freeze(Object.defineProperty({ __proto__: null, TouchManager:
     this.xt.qe(t, e, i, s);
   }
   char(t) {
-    this.xt.state.rt(this.Ei.Ai(t));
+    this.xt.state.rt(this.ki.Ai(t));
   }
   charColor(t, e, i, s = 255) {
     this.xt.state.nt(t, e, i, s);
@@ -2356,7 +2391,7 @@ const Ht = Object.freeze(Object.defineProperty({ __proto__: null, TouchManager:
     this.xt.Ne(t, e, i, s, r, n);
   }
   bezierCurve(t, e, i, s, r, n, o, c) {
-    this.xt.Ye(t, e, i, s, r, n, o, c);
+    this.xt.je(t, e, i, s, r, n, o, c);
   }
   arc(t, e, i, s, r, n) {
     this.xt.Ve(t, e, i, s, r, n);
@@ -2374,7 +2409,7 @@ const Ht = Object.freeze(Object.defineProperty({ __proto__: null, TouchManager:
     return this.xt.hs(t);
   }
   createFramebuffer(t) {
-    return this.xt.je(t.width, t.height, 5, { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte" });
+    return this.xt.Ye(t.width, t.height, 5, { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte" });
   }
   image(t, e, i, s, r) {
     if (t.textures) {
@@ -2382,295 +2417,364 @@ const Ht = Object.freeze(Object.defineProperty({ __proto__: null, TouchManager:
       this.xt.Ge(n, e, i, s ?? n.width, r ?? n.height);
     } else {
       const n = t;
-      this.xt.Ie(n, e, i, s ?? Math.floor(this.Dr.cols / 2), r ?? Math.floor(this.Dr.rows / 2));
+      this.xt.Ie(n, e, i, s ?? Math.floor(this.Gr.cols / 2), r ?? Math.floor(this.Gr.rows / 2));
     }
   }
   async loadImage(t) {
-    if (typeof t != "string") return N.Mr(this.xt, t, (s) => this.Ei.zi(s));
+    if (typeof t != "string") return N.Fr(this.xt, t, (s) => this.ki.zi(s));
     const e = t, i = await new Promise((s, r) => {
       const n = new Image();
       n.crossOrigin = "anonymous", n.onload = () => s(n), n.onerror = (o) => r(o), n.src = e;
     });
-    return N.Mr(this.xt, i, (s) => this.Ei.zi(s));
+    return N.Fr(this.xt, i, (s) => this.ki.zi(s));
   }
-}, $t = (a) => class extends a {
+}, Kt = (a) => class extends a {
   async loadFont(t) {
-    return this.Ei.Vi(t).then(() => {
-      const e = this.Ei.maxGlyphDimensions;
-      this.Dr.rr(e.width, e.height), this.Yo.resize(this.Dr.cols, this.Dr.rows), this.xt.Ze(), this.Bn.rn();
+    return this.ki.qi(t).then(() => {
+      const e = this.ki.maxGlyphDimensions;
+      this.Gr.hr(e.width, e.height), this.Vo.resize(this.Gr.cols, this.Gr.rows), this.xt.Ze(), this.In.hn();
     });
   }
   fontSize(t) {
-    if (!z.v(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.Ei.fontSize === t) return;
-    this.Ei.ji(t);
-    const e = this.Ei.maxGlyphDimensions;
-    this.Dr.rr(e.width, e.height), this.Yo.resize(this.Dr.cols, this.Dr.rows), this.xt.Ze(), this.Bn.rn();
+    if (!k.v(typeof t == "number" && t > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: t }) || this.ki.fontSize === t) return;
+    this.ki.Vi(t);
+    const e = this.ki.maxGlyphDimensions;
+    this.Gr.hr(e.width, e.height), this.Vo.resize(this.Gr.cols, this.Gr.rows), this.xt.Ze(), this.In.hn();
   }
   glyphColor(t) {
-    return this.Ei.Ai(t);
+    return this.ki.Ai(t);
   }
   glyphColors(t) {
-    return this.Ei.zi(t);
+    return this.ki.zi(t);
   }
 }, qt = (a) => class extends a {
   get frameCount() {
-    return this.jo.frameCount;
+    return this.qo.frameCount;
   }
   set frameCount(t) {
-    this.jo.frameCount = t;
+    this.qo.frameCount = t;
   }
   frameRate(t) {
-    return t === void 0 ? this.jo.currentFrameRate : this.jo.frameRate(t, () => this.Vo());
+    return t === void 0 ? this.qo.currentFrameRate : this.qo.frameRate(t, () => this.Zo());
   }
   noLoop() {
-    this.jo.pause();
+    this.qo.pause();
   }
   loop() {
-    this.jo.resume(() => this.Vo());
+    this.qo.resume(() => this.Zo());
   }
   redraw(t = 1) {
-    if (z.v(typeof t == "number" && t > 0 && Number.isInteger(t), "Redraw count must be a positive integer.", { method: "redraw", providedValue: t })) for (let e = 0; e < t; e++) this.Vo();
+    if (k.v(typeof t == "number" && t > 0 && Number.isInteger(t), "Redraw count must be a positive integer.", { method: "redraw", providedValue: t })) for (let e = 0; e < t; e++) this.Zo();
   }
   isLooping() {
-    return this.jo.isLooping;
+    return this.qo.isLooping;
   }
-}, Kt = (a) => class extends a {
+}, jt = (a) => class extends a {
   constructor(...t) {
     super(...t);
   }
   mouseClicked(t) {
-    this.Bn._n(t);
+    this.In.mn(t);
   }
   mousePressed(t) {
-    this.Bn.pn(t);
+    this.In.vn(t);
   }
   mouseReleased(t) {
-    this.Bn.mn(t);
+    this.In.gn(t);
   }
   mouseMoved(t) {
-    this.Bn.vn(t);
+    this.In.yn(t);
   }
   mouseScrolled(t) {
-    this.Bn.gn(t);
+    this.In.Cn(t);
   }
   get mouse() {
-    return this.Bn.yn();
+    return this.In.wn();
   }
   cursor(t) {
-    this.Bn.en(t);
+    this.In.nn(t);
   }
-}, Zt = (a) => class extends a {
+}, Jt = (a) => class extends a {
   constructor(...t) {
     super(...t);
   }
   touchStarted(t) {
-    this.qo.Ro(t);
+    this.Jo.So(t);
   }
   touchMoved(t) {
-    this.qo.vn(t);
+    this.Jo.yn(t);
   }
   touchEnded(t) {
-    this.qo.Fo(t);
+    this.Jo.To(t);
   }
   touchCancelled(t) {
-    this.qo.So(t);
+    this.Jo.Ao(t);
   }
   tap(t) {
-    this.qo.To(t);
+    this.Jo.zo(t);
   }
   doubleTap(t) {
-    this.qo.Ao(t);
+    this.Jo.ko(t);
   }
   longPress(t) {
-    this.qo.zo(t);
+    this.Jo.Eo(t);
   }
   swipe(t) {
-    this.qo.Eo(t);
+    this.Jo.Po(t);
   }
   pinch(t) {
-    this.qo.Po(t);
+    this.Jo.Lo(t);
   }
   rotateGesture(t) {
-    this.qo.ko(t);
+    this.Jo.Do(t);
   }
   get touches() {
-    return this.qo.Mo();
+    return this.Jo.Fo();
   }
-}, Jt = (a) => class extends a {
+}, Zt = (a) => class extends a {
   constructor(...t) {
     super(...t);
   }
   keyPressed(t) {
-    this.Zo.pn(t);
+    this.Qo.vn(t);
   }
   keyReleased(t) {
-    this.Zo.mn(t);
+    this.Qo.gn(t);
   }
   isKeyPressed(t) {
-    return this.Zo.An(t);
+    return this.Qo.kn(t);
   }
   get lastKeyPressed() {
-    return this.Zo.En();
+    return this.Qo.Pn();
   }
   get lastKeyReleased() {
-    return this.Zo.Pn();
+    return this.Qo.Ln();
   }
   get pressedKeys() {
-    return this.Zo.kn();
+    return this.Qo.Dn();
   }
   get modifierState() {
-    return this.Zo.Ln();
+    return this.Qo.Bn();
   }
 };
 class Qt {
+  constructor(t) {
+    h(this, "th");
+    h(this, "sh", /* @__PURE__ */ new Map());
+    h(this, "eh", []);
+    h(this, "ih", /* @__PURE__ */ new Map());
+    h(this, "rh", /* @__PURE__ */ new Map());
+    this.th = t;
+  }
+  async installMany(t) {
+    for (const e of t) await this.use(e);
+  }
+  async use(t) {
+    if (this.sh.has(t.name)) return void console.warn(`[textmode.js] Plugin "${t.name}" is already installed.`);
+    const e = this.nh(t.name);
+    try {
+      await t.install(this.th, e);
+    } catch (i) {
+      throw this.oh(t.name), i;
+    }
+    this.sh.set(t.name, t), this.eh.push(t.name);
+  }
+  async unuse(t) {
+    const e = this.sh.get(t);
+    if (!e) return;
+    const i = this.nh(t);
+    if (e.uninstall) try {
+      await e.uninstall(this.th, i);
+    } catch (s) {
+      console.error(`[textmode.js] Error while uninstalling plugin "${t}":`, s);
+    }
+    this.sh.delete(t), this.eh.splice(this.eh.indexOf(t), 1), this.oh(t);
+  }
+  has(t) {
+    return this.sh.has(t);
+  }
+  runPreDrawHooks() {
+    this.hh(this.ih, "preDraw");
+  }
+  runPostDrawHooks() {
+    this.hh(this.rh, "postDraw");
+  }
+  async disposeAll() {
+    const t = [...this.sh.keys()];
+    for (const e of t) await this.unuse(e);
+  }
+  nh(t) {
+    return { ...this.th.ah(), registerPreDrawHook: (e) => this.uh(this.ih, t, e), registerPostDrawHook: (e) => this.uh(this.rh, t, e) };
+  }
+  uh(t, e, i) {
+    const s = t.get(e) ?? /* @__PURE__ */ new Set();
+    return s.add(i), t.set(e, s), () => {
+      const r = t.get(e);
+      r && (r.delete(i), r.size === 0 && t.delete(e));
+    };
+  }
+  oh(t) {
+    this.ih.delete(t), this.rh.delete(t);
+  }
+  hh(t, e) {
+    for (const i of this.eh) {
+      const s = t.get(i);
+      if (s) for (const r of s) try {
+        r();
+      } catch (n) {
+        console.error(`[textmode.js] Plugin "${i}" ${e} hook failed:`, n);
+      }
+    }
+  }
+}
+class te {
   constructor() {
     h(this, "xt");
-    h(this, "Ei");
-    h(this, "tr");
-    h(this, "Dr");
-    h(this, "jo");
-    h(this, "Bn");
+    h(this, "ki");
+    h(this, "er");
+    h(this, "Gr");
     h(this, "qo");
-    h(this, "Zo");
+    h(this, "In");
     h(this, "Jo");
-    h(this, "Yo");
     h(this, "Qo");
-    h(this, "th");
-    h(this, "sh");
+    h(this, "fh");
+    h(this, "Vo");
+    h(this, "dh");
+    h(this, "_h");
+    h(this, "ph");
   }
-  Vo() {
+  Zo() {
   }
 }
-class te extends function(e, ...i) {
+class ee extends function(e, ...i) {
   return i.reduce((s, r) => r(s), e);
-}(Qt, Vt, $t, qt, Kt, Zt, Jt) {
+}(te, $t, Kt, qt, jt, Jt, Zt) {
   constructor(e = {}) {
     var i;
     super();
-    h(this, "eh", /* @__PURE__ */ new Map());
-    h(this, "ih");
-    h(this, "rh", !1);
-    h(this, "nh", !1);
-    h(this, "oh", () => {
+    h(this, "mh");
+    h(this, "gh");
+    h(this, "yh", !1);
+    h(this, "Ch", !1);
+    h(this, "wh", () => {
     });
-    h(this, "hh", () => {
+    h(this, "bh", () => {
     });
-    h(this, "ah", () => {
+    h(this, "$h", () => {
     });
-    h(this, "uh");
-    h(this, "ar");
-    h(this, "hr", !1);
-    h(this, "fh");
-    this.ih = ((i = e.plugins) == null ? void 0 : i.slice()) ?? [], this.hr = e.overlay ?? !1, this.tr = new Xt(e), this.xt = new _t(this.tr.mr()), this.Ei = new Nt(this.xt, e.fontSize ?? 16), this.jo = new Yt(e.frameRate ?? 60), this.Bn = new rt(this.tr), this.qo = new ot(this.tr, this.Bn), this.Zo = new nt(), this.Jo = this.xt.At(), this.Qo = this.xt.rs(), this.dh(e);
+    h(this, "xh");
+    h(this, "lr");
+    h(this, "cr", !1);
+    h(this, "Mh");
+    this.mh = new Qt(this), this.gh = ((i = e.plugins) == null ? void 0 : i.slice()) ?? [], this.cr = e.overlay ?? !1, this.er = new Wt(e), this.xt = new _t(this.er.gr()), this.ki = new Nt(this.xt, e.fontSize ?? 16), this.qo = new Xt(e.frameRate ?? 60), this.In = new rt(this.er), this.Jo = new ot(this.er, this.In), this.Qo = new nt(), this.fh = this.xt.At(), this.dh = this.xt.rs(), this.Rh(e);
   }
-  async dh(e) {
-    await this.Ei.Xi(e.fontSource);
-    const i = this.Ei.maxGlyphDimensions;
-    this.Dr = new Wt(this.tr.canvas, i.width, i.height), this.Bn.Xi(this.Dr), this.qo.Xi(this.Dr), this.Yo = this.xt.je(this.Dr.cols, this.Dr.rows, 5), this.th = this.xt.je(this.Dr.width, this.Dr.height, 1), this.hr && (this.fh = N.Mr(this.xt, this.tr.targetCanvas, (s) => this.Ei.zi(s))), this.sh = this.xt.cs(st, "precision mediump float;uniform sampler2D Ua;uniform vec2 Ub;uniform vec2 Uc;uniform vec2 Ud;void main(){vec2 A=gl_FragCoord.xy-Uc;vec2 B=A*(Ub/Ud);vec2 C=(floor(B)+0.5)/Ub;gl_FragColor=texture2D(Ua,C);}"), this._h(), await this.ph(this.ih), this.ih = [], this.rh = !0, this.oh(), this.jo.start(() => this.Vo());
-  }
-  async ph(e) {
-    if (e.length) for (const i of e) this.eh.has(i.name) ? console.warn(`[textmode.js] Plugin "${i.name}" is already installed.`) : (await i.install(this, this.mh()), this.eh.set(i.name, i));
-  }
-  async gh(e) {
-    const i = this.eh.get(e);
-    i && (i.uninstall && await i.uninstall(this, this.mh()), this.eh.delete(e));
+  async Rh(e) {
+    await this.ki.Ni(e.fontSource);
+    const i = this.ki.maxGlyphDimensions;
+    this.Gr = new zt(this.er.canvas, i.width, i.height), this.In.Ni(this.Gr), this.Jo.Ni(this.Gr), this.Vo = this.xt.Ye(this.Gr.cols, this.Gr.rows, 5), this._h = this.xt.Ye(this.Gr.width, this.Gr.height, 1), this.cr && (this.Mh = N.Fr(this.xt, this.er.targetCanvas, (s) => this.ki.zi(s))), this.ph = this.xt.cs(st, "precision mediump float;uniform sampler2D Ua;uniform vec2 Ub;uniform vec2 Uc;uniform vec2 Ud;void main(){vec2 A=gl_FragCoord.xy-Uc;vec2 B=A*(Ub/Ud);vec2 C=(floor(B)+0.5)/Ub;gl_FragColor=texture2D(Ua,C);}"), this.Fh(), await this.mh.installMany(this.gh), this.gh = [], this.yh = !0, this.wh(), this.qo.start(() => this.Zo());
   }
   async use(e) {
-    return this.rh ? await this.ph([e]) : this.ih.push(e), this;
+    return this.yh ? await this.mh.use(e) : this.gh.push(e), this;
   }
   async unuse(e) {
-    return this.rh ? (await this.gh(e), this) : (this.ih = this.ih.filter((i) => i.name !== e), this);
+    return this.yh ? (await this.mh.unuse(e), this) : (this.gh = this.gh.filter((i) => i.name !== e), this);
   }
   hasPlugin(e) {
-    return this.rh ? this.eh.has(e) : this.ih.some((i) => i.name === e) || this.eh.has(e);
+    return this.yh ? this.mh.has(e) : this.gh.some((i) => i.name === e);
   }
-  mh() {
-    return { renderer: this.xt, font: this.Ei, grid: this.Dr, canvas: this.tr, drawFramebuffer: this.Yo, asciiFramebuffer: this.th, flushDrawCommands: () => {
-      this.xt.zt(this.Jo);
+  ah() {
+    return { renderer: this.xt, font: this.ki, grid: this.Gr, canvas: this.er, drawFramebuffer: this.Vo, asciiFramebuffer: this._h, flushDrawCommands: () => {
+      this.xt.zt(this.fh);
     } };
   }
-  _h() {
-    this.uh = () => {
-      this.hr && this.resizeCanvas(this.tr.targetCanvas.width, this.tr.targetCanvas.height), this.ah();
-    }, window.addEventListener("resize", this.uh), this.Bn.nn(), this.qo.nn(), this.Zo.nn(), window.addEventListener("blur", () => {
-      this.Zo.Dn();
-    }), window.ResizeObserver && this.hr && (this.ar = new ResizeObserver(() => {
-      this.resizeCanvas(this.tr.targetCanvas.width, this.tr.targetCanvas.height);
-    }), this.ar.observe(this.tr.targetCanvas));
-  }
-  Vo() {
-    if (this.jo.measureFrameRate(), this.jo.incrementFrame(), this.nh) return;
-    if (this.hr) {
+  Fh() {
+    this.xh = () => {
+      this.cr && this.resizeCanvas(this.er.targetCanvas.width, this.er.targetCanvas.height), this.$h();
+    }, window.addEventListener("resize", this.xh), this.In.an(), this.Jo.an(), this.Qo.an(), window.addEventListener("blur", () => {
+      this.Qo.Gn();
+    }), window.ResizeObserver && this.cr && (this.lr = new ResizeObserver(() => {
+      this.resizeCanvas(this.er.targetCanvas.width, this.er.targetCanvas.height);
+    }), this.lr.observe(this.er.targetCanvas));
+  }
+  Zo() {
+    if (this.qo.measureFrameRate(), this.qo.incrementFrame(), this.Ch) return;
+    if (this.cr) {
       const i = this.xt.context;
-      i.bindTexture(i.TEXTURE_2D, this.fh.texture), i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, 1), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, i.RGBA, i.UNSIGNED_BYTE, this.tr.targetCanvas), i.bindTexture(i.TEXTURE_2D, null);
+      i.bindTexture(i.TEXTURE_2D, this.Mh.texture), i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, 1), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, i.RGBA, i.UNSIGNED_BYTE, this.er.targetCanvas), i.bindTexture(i.TEXTURE_2D, null);
     }
-    this.Yo.begin(), this.xt.Le(this.Jo), this.hh(), this.xt.zt(this.Jo), this.Yo.end(), this.th.begin(), this.xt.Le(this.Qo), this.Qo.Xt({ U0: this.Ei.fontFramebuffer, U1: [this.Ei.textureColumns, this.Ei.textureRows], U2: this.Yo.textures[0], U3: this.Yo.textures[1], U4: this.Yo.textures[2], U5: this.Yo.textures[4], U6: this.Yo.textures[3], U7: [this.Dr.cols, this.Dr.rows], U8: [this.th.width, this.th.height], U9: this.th.width / this.th.height }), this.xt.We(0, 0, this.tr.width, this.tr.height), this.th.end();
+    this.mh.runPreDrawHooks(), this.Vo.begin(), this.xt.Le(this.fh), this.bh(), this.xt.zt(this.fh), this.Vo.end(), this._h.begin(), this.xt.Le(this.dh), this.dh.Xt({ U0: this.ki.fontFramebuffer, U1: [this.ki.textureColumns, this.ki.textureRows], U2: this.Vo.textures[0], U3: this.Vo.textures[1], U4: this.Vo.textures[2], U5: this.Vo.textures[4], U6: this.Vo.textures[3], U7: [this.Gr.cols, this.Gr.rows], U8: [this._h.width, this._h.height], U9: this._h.width / this._h.height }), this.xt.We(0, 0, this.er.width, this.er.height), this._h.end();
     const e = this.xt.state.canvasBackgroundColor;
-    this.xt.js(e[0], e[1], e[2], e[3]), this.xt.Le(this.sh), this.sh.Xt({ Ua: this.th.textures[0], Ub: [this.th.width, this.th.height], Uc: [this.Dr.offsetX, this.Dr.offsetY], Ud: [this.Dr.width, this.Dr.height] }), this.xt.We(this.Dr.offsetX, this.Dr.offsetY, this.Dr.width, this.Dr.height);
+    this.xt.Ys(e[0], e[1], e[2], e[3]), this.xt.Le(this.ph), this.ph.Xt({ Ua: this._h.textures[0], Ub: [this._h.width, this._h.height], Uc: [this.Gr.offsetX, this.Gr.offsetY], Ud: [this.Gr.width, this.Gr.height] }), this.xt.We(this.Gr.offsetX, this.Gr.offsetY, this.Gr.width, this.Gr.height), this.mh.runPostDrawHooks();
   }
   setup(e) {
-    this.oh = e;
+    this.wh = e;
   }
   draw(e) {
-    this.hh = e;
+    this.bh = e;
   }
   windowResized(e) {
-    this.ah = e;
+    this.$h = e;
   }
   resizeCanvas(e, i) {
-    this.tr.pr(e, i), this.Dr.ir(), this.Yo.resize(this.Dr.cols, this.Dr.rows), this.th.resize(this.Dr.width, this.Dr.height), this.xt.Ze(), this.Bn.rn(), this.qo.yo(), this.Vo();
+    this.er.vr(e, i), this.Gr.nr(), this.Vo.resize(this.Gr.cols, this.Gr.rows), this._h.resize(this.Gr.width, this.Gr.height), this.xt.Ze(), this.In.hn(), this.Jo.wo(), this.Zo();
   }
   destroy() {
-    this.nh || (this.jo.stop(), window.removeEventListener("resize", this.uh), this.Bn.dn(), this.qo.dn(), this.Zo.dn(), this.Ei.kt(), this.xt.kt(), this.th.kt(), this.sh.kt(), this.fh && this.fh.kt(), this.nh = !0);
+    this.Ch || (this.qo.stop(), this.mh.disposeAll().catch((e) => {
+      console.error("[textmode.js] Error while disposing plugins:", e);
+    }), window.removeEventListener("resize", this.xh), this.In.pn(), this.Jo.pn(), this.Qo.pn(), this.ki.Pt(), this.xt.Pt(), this._h.Pt(), this.ph.Pt(), this.Mh && this.Mh.Pt(), this.Ch = !0);
   }
   get grid() {
-    return this.Dr;
+    return this.Gr;
   }
   get font() {
-    return this.Ei;
+    return this.ki;
   }
   get width() {
-    return this.tr.width;
+    return this.er.width;
   }
   get height() {
-    return this.tr.height;
+    return this.er.height;
   }
   get canvas() {
-    return this.tr.canvas;
+    return this.er.canvas;
+  }
+  get drawFramebuffer() {
+    return this.Vo;
   }
   get isDisposed() {
-    return this.nh;
+    return this.Ch;
   }
   get overlay() {
-    return this.fh;
+    return this.Mh;
   }
 }
-class Z {
+class J {
   constructor() {
   }
   static create(t = {}) {
-    return new te(t);
+    return new ee(t);
   }
   static setErrorLevel(t) {
-    z.C(t);
+    k.C(t);
   }
   static get version() {
-    return "0.3.2-beta.2";
+    return "0.3.2-beta.3";
   }
 }
-const ie = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), se = Object.freeze(Object.defineProperty({ __proto__: null, keyboard: jt, mouse: kt, touch: Ht }, Symbol.toStringTag, { value: "Module" })), re = Z.create, ne = Z.setErrorLevel, oe = Z.version;
+const se = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), re = Object.freeze(Object.defineProperty({ __proto__: null, keyboard: Ht, mouse: Yt, touch: Vt }, Symbol.toStringTag, { value: "Module" })), ne = J.create, oe = J.setErrorLevel, he = J.version;
 export {
-  Xt as TextmodeCanvas,
+  Qt as PluginManager,
+  Wt as TextmodeCanvas,
   ct as TextmodeErrorLevel,
   Nt as TextmodeFont,
   q as TextmodeFramebuffer,
-  Wt as TextmodeGrid,
+  zt as TextmodeGrid,
   N as TextmodeImage,
-  te as Textmodifier,
-  re as create,
-  ie as export,
-  se as input,
-  ne as setErrorLevel,
-  Z as textmode,
-  oe as version
+  ee as Textmodifier,
+  ne as create,
+  se as export,
+  re as input,
+  oe as setErrorLevel,
+  J as textmode,
+  he as version
 };