textmode.js 0.8.0-beta.1 → 0.8.0-beta.2

package/dist/textmode.esm.js

@@ -28,12 +28,12 @@ ${"↓".repeat(24)}
   }
 }
 var $t = ((n) => (n[n.SILENT = 0] = "SILENT", n[n.WARNING = 1] = "WARNING", n[n.ERROR = 2] = "ERROR", n[n.THROW = 3] = "THROW", n))($t || {});
-const B = class B {
+const I = class I {
   constructor() {
     a(this, "l", { globalLevel: 3 });
   }
   static u() {
-    return B.h || (B.h = new B()), B.h;
+    return I.h || (I.h = new I()), I.h;
   }
   v(t, e) {
     const i = "%c[textmode.js] Oops! (╯°□°)╯︵ Something went wrong in your code.", r = "color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;";
@@ -55,8 +55,8 @@ const B = class B {
     this.l.globalLevel = t;
   }
 };
-a(B, "h", null);
-let ut = B;
+a(I, "h", null);
+let ut = I;
 const vt = ut.u();
 class q {
   constructor(t, e, i) {
@@ -115,7 +115,7 @@ class q {
       const u = this.H(t);
       return o.uniform1i(i, u), o.activeTexture(o.TEXTURE0 + u), void o.bindTexture(o.TEXTURE_2D, e);
     }
-    if (e instanceof Z) {
+    if (e instanceof X) {
       const u = this.H(t);
       return o.uniform1i(i, u), o.activeTexture(o.TEXTURE0 + u), void o.bindTexture(o.TEXTURE_2D, e.textures[0]);
     }
@@ -149,7 +149,7 @@ function mt(n, t, e, i) {
 function Y(n, t, e, i) {
   return Math.hypot(e - n, i - t);
 }
-function _(n, t, e) {
+function O(n, t, e) {
   return Math.min(Math.max(n, t), e);
 }
 function xt(n) {
@@ -168,7 +168,7 @@ function Rt(n, t, e, i, r) {
   n.bindBuffer(t, e), n.bufferData(t, i, r), n.bindBuffer(t, null);
 }
 const rt = `#version 300 es
-in vec2 A0;in vec2 A1;in vec2 A2;in vec2 A3;in vec3 A4;in vec4 A5;in vec4 A6;in vec4 A7;in vec3 A8;in vec3 A9;in vec4 Aa;in vec4 Ab;in vec3 Ac;uniform vec2 Ur;uniform float Us;uniform float Ut;out vec2 v_uv;out vec3 v_glyphIndex;out vec4 v_glyphColor;out vec4 v_cellColor;out vec4 v_glyphFlags;out vec3 v_worldPosition;out vec3 v_normal;out float v_geometryType;const float A=6.28318530718f;const int B=2;const int C=3;const int D=4;vec2 E(float F,vec2 G,vec2 H,vec2 I,vec2 J){float K=1.0f-F;float L=K*K;float M=L*K;float N=F*F;float O=N*F;return M*G+3.0f*L*F*H+3.0f*K*N*I+O*J;}vec2 P(float F,vec2 G,vec2 H,vec2 I,vec2 J){float K=1.0f-F;float L=K*K;float N=F*F;return-3.0f*L*G+3.0f*(L-2.0f*K*F)*H+3.0f*(2.0f*K*F-N)*I+3.0f*N*J;}vec3 Q(vec3 R,float S){float T=cos(S);float U=sin(S);return vec3(R.x,R.y*T-R.z*U,R.y*U+R.z*T);}vec3 V(vec3 R,float S){float T=cos(S);float U=sin(S);return vec3(R.x*T+R.z*U,R.y,-R.x*U+R.z*T);}vec3 W(vec3 R,float S){float T=cos(S);float U=sin(S);return vec3(R.x*T-R.y*U,R.x*U+R.y*T,R.z);}vec3 X(vec3 R,vec3 Y){vec3 Z=R;if(Y.z!=0.0f){Z=W(Z,Y.z);}if(Y.y!=0.0f){Z=V(Z,Y.y);}if(Y.x!=0.0f){Z=Q(Z,Y.x);}return Z;}void main(){v_uv=A1;v_glyphIndex=A4;v_glyphColor=A5;v_cellColor=A6;v_glyphFlags=A7;vec4 a=Aa;vec4 b=Ab;vec2 c=A3;vec2 d=A2;float e=Ac.x;float f=Ac.y;int g=int(Ac.z);vec2 h=d;vec2 i=h+c*0.5f;float j=f+e*0.5f;vec3 k=vec3(i,j);vec3 l;if(g==D){float F=clamp(A0.x,0.0f,1.0f);vec2 G=b.xy;vec2 H=a.xy;vec2 I=a.zw;vec2 J=b.zw;vec2 m=E(F,G,H,I,J);vec2 n=P(F,G,H,I,J);float o=length(n);vec2 p=o>0.0f?n/o:vec2(1.0f,0.0f);vec2 q=vec2(-p.y,p.x);vec2 r=m;vec2 s=r+q*A0.y*c.y;l=vec3(s,f);}else if(g==C){float t=mod(a.x,A);if(t<0.0f){t+=A;}float u=mod(a.y,A);if(u<0.0f){u+=A;}float v=t-u;if(v<=0.0f){v+=A;}float S=t-A0.x*v;vec2 w=vec2(cos(S),sin(S))*A0.y;vec2 s=w*c+h;l=vec3(s,f);}else if(g==B){vec2 s=A0.xy*c+h;l=vec3(s,f);}vec3 x=X(l,A9);vec3 y=x+A8;vec3 z=vec3(0.0f,0.0f,1.0f);v_worldPosition=y;v_normal=z;v_geometryType=float(g);vec2 AA=(y.xy/Ur)*2.0f;AA.y=-AA.y;float AB=y.z/Ur.y;float AC=clamp(-AB*Us,-0.99f,0.99f);if(Ut>0.5f){gl_Position=vec4(AA,AC,1.0f);}else{float AD=0.5f;float AE=1.0f/(1.0f-AB*AD);AA*=AE;gl_Position=vec4(AA,AC,1.0f);}}`, X = class X {
+in vec2 A0;in vec2 A1;in vec2 A2;in vec2 A3;in vec3 A4;in vec4 A5;in vec4 A6;in vec4 A7;in vec3 A8;in vec3 A9;in vec4 Aa;in vec4 Ab;in vec3 Ac;uniform vec2 Ur;uniform float Us;uniform float Ut;out vec2 v_uv;out vec3 v_glyphIndex;out vec4 v_glyphColor;out vec4 v_cellColor;out vec4 v_glyphFlags;out vec3 v_worldPosition;out vec3 v_normal;out float v_geometryType;const float A=6.28318530718f;const int B=2;const int C=3;const int D=4;vec2 E(float F,vec2 G,vec2 H,vec2 I,vec2 J){float K=1.0f-F;float L=K*K;float M=L*K;float N=F*F;float O=N*F;return M*G+3.0f*L*F*H+3.0f*K*N*I+O*J;}vec2 P(float F,vec2 G,vec2 H,vec2 I,vec2 J){float K=1.0f-F;float L=K*K;float N=F*F;return-3.0f*L*G+3.0f*(L-2.0f*K*F)*H+3.0f*(2.0f*K*F-N)*I+3.0f*N*J;}vec3 Q(vec3 R,float S){float T=cos(S);float U=sin(S);return vec3(R.x,R.y*T-R.z*U,R.y*U+R.z*T);}vec3 V(vec3 R,float S){float T=cos(S);float U=sin(S);return vec3(R.x*T+R.z*U,R.y,-R.x*U+R.z*T);}vec3 W(vec3 R,float S){float T=cos(S);float U=sin(S);return vec3(R.x*T-R.y*U,R.x*U+R.y*T,R.z);}vec3 X(vec3 R,vec3 Y){vec3 Z=R;if(Y.z!=0.0f){Z=W(Z,Y.z);}if(Y.y!=0.0f){Z=V(Z,Y.y);}if(Y.x!=0.0f){Z=Q(Z,Y.x);}return Z;}void main(){v_uv=A1;v_glyphIndex=A4;v_glyphColor=A5;v_cellColor=A6;v_glyphFlags=A7;vec4 a=Aa;vec4 b=Ab;vec2 c=A3;vec2 d=A2;float e=Ac.x;float f=Ac.y;int g=int(Ac.z);vec2 h=d;vec2 i=h+c*0.5f;float j=f+e*0.5f;vec3 k=vec3(i,j);vec3 l;if(g==D){float F=clamp(A0.x,0.0f,1.0f);vec2 G=b.xy;vec2 H=a.xy;vec2 I=a.zw;vec2 J=b.zw;vec2 m=E(F,G,H,I,J);vec2 n=P(F,G,H,I,J);float o=length(n);vec2 p=o>0.0f?n/o:vec2(1.0f,0.0f);vec2 q=vec2(-p.y,p.x);vec2 r=m;vec2 s=r+q*A0.y*c.y;l=vec3(s,f);}else if(g==C){float t=mod(a.x,A);if(t<0.0f){t+=A;}float u=mod(a.y,A);if(u<0.0f){u+=A;}float v=t-u;if(v<=0.0f){v+=A;}float S=t-A0.x*v;vec2 w=vec2(cos(S),sin(S))*A0.y;vec2 s=w*c+h;l=vec3(s,f);}else if(g==B){vec2 s=A0.xy*c+h;l=vec3(s,f);}vec3 x=X(l,A9);vec3 y=x+A8;vec3 z=vec3(0.0f,0.0f,1.0f);v_worldPosition=y;v_normal=z;v_geometryType=float(g);vec2 AA=(y.xy/Ur)*2.0f;AA.y=-AA.y;float AB=y.z/Ur.y;float AC=clamp(-AB*Us,-0.99f,0.99f);if(Ut>0.5f){gl_Position=vec4(AA,AC,1.0f);}else{float AD=0.5f;float AE=1.0f/(1.0f-AB*AD);AA*=AE;gl_Position=vec4(AA,AC,1.0f);}}`, Z = class Z {
   constructor(t, e, i = e, r = 1, s = {}, h) {
     a(this, "N");
     a(this, "X");
@@ -181,10 +181,10 @@ in vec2 A0;in vec2 A1;in vec2 A2;in vec2 A3;in vec3 A4;in vec4 A5;in vec4 A6;in
     a(this, "Z");
     a(this, "q", null);
     a(this, "V", /* @__PURE__ */ new Map());
-    this.N = e, this.X = i, this.A = t, this.W = _(r, 1, 8), this.Z = h, this.l = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", depth: !0, ...s }, X.J || (X.J = new q(t, rt, `#version 300 es
+    this.N = e, this.X = i, this.A = t, this.W = O(r, 1, 8), this.Z = h, this.l = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", depth: !0, ...s }, Z.J || (Z.J = new q(t, rt, `#version 300 es
 precision highp float;in vec2 v_uv;uniform sampler2D U0;uniform sampler2D U1;uniform sampler2D U2;uniform sampler2D U3;uniform vec2 U4;uniform bool U5;uniform bool U6;uniform bool U7;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 A;void main(){vec2 B=vec2(v_uv.x,1.-v_uv.y);vec2 C=B*U4;vec2 D=(floor(C)+0.5f)/U4;vec4 E=texture(U0,D);vec4 F=U5?texture(U1,D):vec4(0.);if(U5&&F.a==0.){discard;}vec4 G=U6?texture(U2,D):vec4(0.);vec4 H=U7?texture(U3,D):vec4(0.);o_character=E;o_primaryColor=F;o_secondaryColor=G;A=H;}`));
     const o = t.getParameter(t.MAX_DRAW_BUFFERS), c = t.getParameter(t.MAX_COLOR_ATTACHMENTS);
-    this.W = Math.min(this.W, o, c), this.Y = t.createFramebuffer(), this.tt(), this.st(), this.l.depth && this.et();
+    this.W = Math.min(this.W, o, c), this.Y = t.createFramebuffer(), this.tt(), this.st(), this.l.depth && this.it();
   }
   tt() {
     const t = this.A, e = this.l.filter === "linear" ? t.LINEAR : t.NEAREST, i = this.l.wrap === "repeat" ? t.REPEAT : t.CLAMP_TO_EDGE, r = this.l.type === "float" ? t.FLOAT : t.UNSIGNED_BYTE, s = r === t.FLOAT ? t.RGBA32F : t.RGBA8, h = t.RGBA;
@@ -207,11 +207,11 @@ precision highp float;in vec2 v_uv;uniform sampler2D U0;uniform sampler2D U1;uni
     }
     t.bindFramebuffer(t.FRAMEBUFFER, null);
   }
-  et() {
+  it() {
     const t = this.A;
     this.K = t.createRenderbuffer(), t.bindRenderbuffer(t.RENDERBUFFER, this.K), t.renderbufferStorage(t.RENDERBUFFER, t.DEPTH_COMPONENT24, this.N, this.X), t.bindFramebuffer(t.FRAMEBUFFER, this.Y), t.framebufferRenderbuffer(t.FRAMEBUFFER, t.DEPTH_ATTACHMENT, t.RENDERBUFFER, this.K), t.bindFramebuffer(t.FRAMEBUFFER, null), t.bindRenderbuffer(t.RENDERBUFFER, null);
   }
-  it(t) {
+  et(t) {
     Tt(this.A, this.j[0], t);
   }
   resize(t, e) {
@@ -244,7 +244,7 @@ precision highp float;in vec2 v_uv;uniform sampler2D U0;uniform sampler2D U1;uni
   }
   ft() {
     if (!this.Z) return;
-    const t = this.W > 1, e = this.W > 2, i = this.W > 3, r = { U0: this.j[0], U1: t ? this.j[1] : this.j[0], U2: e ? this.j[2] : this.j[0], U3: i ? this.j[3] : this.j[0], U4: [this.N, this.X], U5: t, U6: e, U7: i }, s = X.J;
+    const t = this.W > 1, e = this.W > 2, i = this.W > 3, r = { U0: this.j[0], U1: t ? this.j[1] : this.j[0], U2: e ? this.j[2] : this.j[0], U3: i ? this.j[3] : this.j[0], U4: [this.N, this.X], U5: t, U6: e, U7: i }, s = Z.J;
     this.q = this.Z.vt.dt(s, r, !0);
   }
   gt() {
@@ -266,8 +266,8 @@ precision highp float;in vec2 v_uv;uniform sampler2D U0;uniform sampler2D U1;uni
     return this.W;
   }
 };
-a(X, "J", null);
-let Z = X;
+a(Z, "J", null);
+let X = Z;
 const Ct = /* @__PURE__ */ new WeakMap();
 function ht(n, t) {
   Ct.set(n, t);
@@ -389,7 +389,7 @@ class st {
     return this.xt;
   }
 }
-const dt = new Float32Array([-0.5, -0.5, 0, 0, 0.5, -0.5, 1, 0, -0.5, 0.5, 0, 1, -0.5, 0.5, 0, 1, 0.5, -0.5, 1, 0, 0.5, 0.5, 1, 1]), z = { _s: 16, As: WebGL2RenderingContext.TRIANGLES, ws: { bs: { size: 2, offset: 0 }, Cs: { size: 2, offset: 8 } } };
+const dt = new Float32Array([-0.5, -0.5, 0, 0, 0.5, -0.5, 1, 0, -0.5, 0.5, 0, 1, -0.5, 0.5, 0, 1, 0.5, -0.5, 1, 0, 0.5, 0.5, 1, 1]), k = { _s: 16, As: WebGL2RenderingContext.TRIANGLES, ws: { bs: { size: 2, offset: 0 }, Cs: { size: 2, offset: 8 } } };
 class te {
   constructor(t) {
     a(this, "A");
@@ -438,9 +438,9 @@ class ie {
     for (const [, t] of this.Ps) for (const [, e] of t) e && this.A.deleteVertexArray(e);
   }
 }
-const O = class O {
+const D = class D {
   static Rs(t, e, i = 0) {
-    const r = e || new Float32Array(O.FLOATS_PER_INSTANCE);
+    const r = e || new Float32Array(D.FLOATS_PER_INSTANCE);
     let s = i;
     r[s++] = t.bs[0], r[s++] = t.bs[1], r[s++] = t.Ss[0], r[s++] = t.Ss[1], r[s++] = t.Nt[0], r[s++] = t.Nt[1], r[s++] = t.Nt[2], r[s++] = t.Xt[0], r[s++] = t.Xt[1], r[s++] = t.Xt[2], r[s++] = t.Xt[3], r[s++] = t.Yt[0], r[s++] = t.Yt[1], r[s++] = t.Yt[2], r[s++] = t.Yt[3], r[s++] = t.zs[0], r[s++] = t.zs[1], r[s++] = t.zs[2], r[s++] = t.Rt;
     const h = t.ks;
@@ -451,16 +451,16 @@ const O = class O {
     return g ? (r[s++] = (f == null ? void 0 : f[0]) ?? 0, r[s++] = (f == null ? void 0 : f[1]) ?? 0, r[s++] = (d == null ? void 0 : d[0]) ?? 0, r[s++] = (d == null ? void 0 : d[1]) ?? 0, r[s++] = l[0], r[s++] = l[1], r[s++] = u[0], r[s++] = u[1]) : !g && !!c ? (r[s++] = c[0], r[s++] = c[1], r[s++] = 0, r[s++] = 0, r[s++] = 0, r[s++] = 0, r[s++] = 0, r[s++] = 0) : (r[s++] = 0, r[s++] = 0, r[s++] = 0, r[s++] = 0, r[s++] = 0, r[s++] = 0, r[s++] = 0, r[s++] = 0), r[s++] = t.Gs ?? 0, r[s++] = t.Qs ?? 0, r[s++] = t.Ns ?? 0, r;
   }
   static Xs(t, e) {
-    const i = t.length * O.FLOATS_PER_INSTANCE, r = e || new Float32Array(i);
+    const i = t.length * D.FLOATS_PER_INSTANCE, r = e || new Float32Array(i);
     for (let s = 0; s < t.length; s++) {
-      const h = s * O.FLOATS_PER_INSTANCE;
-      O.Rs(t[s], r, h);
+      const h = s * D.FLOATS_PER_INSTANCE;
+      D.Rs(t[s], r, h);
     }
     return r;
   }
 };
-a(O, "BYTES_PER_INSTANCE", 144), a(O, "FLOATS_PER_INSTANCE", 36);
-let N = O;
+a(D, "BYTES_PER_INSTANCE", 144), a(D, "FLOATS_PER_INSTANCE", 36);
+let N = D;
 const M = class M {
 };
 a(M, "STRIDE", N.BYTES_PER_INSTANCE), a(M, "ATTRIBUTES", { A2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 0, divisor: 1 }, A3: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 8, divisor: 1 }, A4: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 16, divisor: 1 }, A5: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 28, divisor: 1 }, A6: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 44, divisor: 1 }, A7: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 60, divisor: 1 }, A8: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 76, divisor: 1 }, A9: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 88, divisor: 1 }, Aa: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 100, divisor: 1 }, Ab: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 116, divisor: 1 }, Ac: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: M.STRIDE, offset: 132, divisor: 1 } });
@@ -489,22 +489,22 @@ class re {
   Js(t) {
     this.Ws += t, this.Zs++;
   }
-  te() {
+  ti() {
     this.Ws = 0, this.Zs = 0;
   }
-  se(t = 0, e) {
+  si(t = 0, e) {
     return this.Ys.subarray(t, e ?? this.Ws);
   }
-  get ee() {
+  get ii() {
     return this.Zs;
   }
-  get ie() {
+  get ei() {
     return this.js;
   }
-  get re() {
+  get ri() {
     return this.Ws;
   }
-  get ne() {
+  get ni() {
     return this.Zs === 0;
   }
 }
@@ -513,46 +513,46 @@ class se {
     a(this, "Ys");
     this.Ys = t;
   }
-  oe(t) {
-    this.Ys.qs(this.Ys.ee + 1);
+  oi(t) {
+    this.Ys.qs(this.Ys.ii + 1);
     const { buffer: e, offset: i } = this.Ys.Vs();
     e[i + 0] = t.x, e[i + 1] = t.y, e[i + 2] = t.width, e[i + 3] = t.height, e[i + 4] = t.char0, e[i + 5] = t.char1, e[i + 6] = t.char2, e[i + 7] = t.r1, e[i + 8] = t.g1, e[i + 9] = t.b1, e[i + 10] = t.a1, e[i + 11] = t.r2, e[i + 12] = t.g2, e[i + 13] = t.b2, e[i + 14] = t.a2, e[i + 15] = t.invert, e[i + 16] = t.flipX, e[i + 17] = t.flipY, e[i + 18] = t.charRot, e[i + 19] = t.translationX, e[i + 20] = t.translationY, e[i + 21] = t.translationZ, e[i + 22] = t.rotationX, e[i + 23] = t.rotationY, e[i + 24] = t.rotationZ;
     const r = t.curveParams0, s = t.curveParams1;
-    return e[i + 25] = r[0], e[i + 26] = r[1], e[i + 27] = r[2], e[i + 28] = r[3], e[i + 29] = s[0], e[i + 30] = s[1], e[i + 31] = s[2], e[i + 32] = s[3], e[i + 33] = t.depth, e[i + 34] = t.baseZ, e[i + 35] = t.geometryType, this.Ys.Js(N.FLOATS_PER_INSTANCE), this.Ys.ee - 1;
+    return e[i + 25] = r[0], e[i + 26] = r[1], e[i + 27] = r[2], e[i + 28] = r[3], e[i + 29] = s[0], e[i + 30] = s[1], e[i + 31] = s[2], e[i + 32] = s[3], e[i + 33] = t.depth, e[i + 34] = t.baseZ, e[i + 35] = t.geometryType, this.Ys.Js(N.FLOATS_PER_INSTANCE), this.Ys.ii - 1;
   }
-  get ee() {
-    return this.Ys.ee;
+  get ii() {
+    return this.Ys.ii;
   }
 }
 class ne {
   constructor(t, e = 1e3) {
     a(this, "A");
-    a(this, "he", null);
-    a(this, "ae", 0);
-    a(this, "ce", /* @__PURE__ */ new Map());
-    this.A = t, this.le(e);
+    a(this, "hi", null);
+    a(this, "ai", 0);
+    a(this, "ci", /* @__PURE__ */ new Map());
+    this.A = t, this.li(e);
   }
-  le(t) {
+  li(t) {
     const e = this.A;
-    this.he && e.deleteBuffer(this.he), this.he = e.createBuffer();
+    this.hi && e.deleteBuffer(this.hi), this.hi = e.createBuffer();
     const i = t * N.BYTES_PER_INSTANCE;
-    Rt(e, e.ARRAY_BUFFER, this.he, i, e.DYNAMIC_DRAW), this.ae = t;
+    Rt(e, e.ARRAY_BUFFER, this.hi, i, e.DYNAMIC_DRAW), this.ai = t;
   }
-  ue(t) {
-    this.le(t);
+  ui(t) {
+    this.li(t);
   }
-  get ie() {
-    return this.ae;
+  get ei() {
+    return this.ai;
   }
-  fe(t, e) {
+  fi(t, e) {
     if (e === 0) return;
     const i = this.A;
-    i.bindBuffer(i.ARRAY_BUFFER, this.he);
+    i.bindBuffer(i.ARRAY_BUFFER, this.hi);
     const r = e * N.FLOATS_PER_INSTANCE;
     i.bufferSubData(i.ARRAY_BUFFER, 0, t, 0, r);
   }
-  de(t) {
-    let e = this.ce.get(t);
+  di(t) {
+    let e = this.ci.get(t);
     if (!e) {
       e = /* @__PURE__ */ new Map();
       const i = this.A;
@@ -560,220 +560,220 @@ class ne {
         const s = i.getAttribLocation(t, r);
         s !== -1 && e.set(r, s);
       }
-      this.ce.set(t, e);
+      this.ci.set(t, e);
     }
     return e;
   }
-  ve(t) {
-    const e = this.A, i = t.G, r = this.de(i);
+  pi(t) {
+    const e = this.A, i = t.G, r = this.di(i);
     for (const [s, h] of r) {
       const o = W.ATTRIBUTES[s];
       o && ft(e, h, o.size, o.stride, o.offset, o.divisor, o.type, o.normalized);
     }
   }
-  pe(t) {
-    const e = this.A, i = this.de(t.G);
+  gi(t) {
+    const e = this.A, i = this.di(t.G);
     for (const [r, s] of i)
       W.ATTRIBUTES[r] && (e.disableVertexAttribArray(s), e.vertexAttribDivisor(s, 0));
   }
   gt() {
-    this.he && (this.A.deleteBuffer(this.he), this.he = null), this.ce.clear();
+    this.hi && (this.A.deleteBuffer(this.hi), this.hi = null), this.ci.clear();
   }
 }
 class he {
   constructor(t, e = 1e3, i = 1.5) {
     a(this, "A");
     a(this, "Ys");
-    a(this, "ge");
-    a(this, "me");
-    this.A = t, this.Ys = new re(e, i), this.ge = new se(this.Ys), this.me = new ne(t, e);
+    a(this, "mi");
+    a(this, "_i");
+    this.A = t, this.Ys = new re(e, i), this.mi = new se(this.Ys), this._i = new ne(t, e);
   }
-  _e(t) {
+  yi(t) {
     var r, s, h, o, c, l, u, f, d, g;
     const e = [0, 0, 0, 0], i = [0, 0, 0, 0];
-    return t.Os && t.Bs ? (e[0] = ((r = t.Is) == null ? void 0 : r[0]) ?? 0, e[1] = ((s = t.Is) == null ? void 0 : s[1]) ?? 0, e[2] = ((h = t.Hs) == null ? void 0 : h[0]) ?? 0, e[3] = ((o = t.Hs) == null ? void 0 : o[1]) ?? 0, i[0] = t.Os[0], i[1] = t.Os[1], i[2] = t.Bs[0], i[3] = t.Bs[1]) : t.Ls && (e[0] = t.Ls[0], e[1] = t.Ls[1]), this.oe({ x: t.bs[0], y: t.bs[1], width: t.Ss[0], height: t.Ss[1], char0: t.Nt[0], char1: t.Nt[1], char2: t.Nt[2], r1: t.Xt[0], g1: t.Xt[1], b1: t.Xt[2], a1: t.Xt[3], r2: t.Yt[0], g2: t.Yt[1], b2: t.Yt[2], a2: t.Yt[3], invert: t.zs[0], flipX: t.zs[1], flipY: t.zs[2], charRot: t.Rt, translationX: ((c = t.ks) == null ? void 0 : c[0]) ?? 0, translationY: ((l = t.ks) == null ? void 0 : l[1]) ?? 0, translationZ: ((u = t.ks) == null ? void 0 : u[2]) ?? 0, rotationX: ((f = t.Ds) == null ? void 0 : f[0]) ?? 0, rotationY: ((d = t.Ds) == null ? void 0 : d[1]) ?? 0, rotationZ: ((g = t.Ds) == null ? void 0 : g[2]) ?? 0, curveParams0: e, curveParams1: i, depth: t.Gs || 0, baseZ: t.Qs || 0, geometryType: t.Ns || 0 });
+    return t.Os && t.Bs ? (e[0] = ((r = t.Is) == null ? void 0 : r[0]) ?? 0, e[1] = ((s = t.Is) == null ? void 0 : s[1]) ?? 0, e[2] = ((h = t.Hs) == null ? void 0 : h[0]) ?? 0, e[3] = ((o = t.Hs) == null ? void 0 : o[1]) ?? 0, i[0] = t.Os[0], i[1] = t.Os[1], i[2] = t.Bs[0], i[3] = t.Bs[1]) : t.Ls && (e[0] = t.Ls[0], e[1] = t.Ls[1]), this.oi({ x: t.bs[0], y: t.bs[1], width: t.Ss[0], height: t.Ss[1], char0: t.Nt[0], char1: t.Nt[1], char2: t.Nt[2], r1: t.Xt[0], g1: t.Xt[1], b1: t.Xt[2], a1: t.Xt[3], r2: t.Yt[0], g2: t.Yt[1], b2: t.Yt[2], a2: t.Yt[3], invert: t.zs[0], flipX: t.zs[1], flipY: t.zs[2], charRot: t.Rt, translationX: ((c = t.ks) == null ? void 0 : c[0]) ?? 0, translationY: ((l = t.ks) == null ? void 0 : l[1]) ?? 0, translationZ: ((u = t.ks) == null ? void 0 : u[2]) ?? 0, rotationX: ((f = t.Ds) == null ? void 0 : f[0]) ?? 0, rotationY: ((d = t.Ds) == null ? void 0 : d[1]) ?? 0, rotationZ: ((g = t.Ds) == null ? void 0 : g[2]) ?? 0, curveParams0: e, curveParams1: i, depth: t.Gs || 0, baseZ: t.Qs || 0, geometryType: t.Ns || 0 });
   }
-  oe(t) {
-    const e = this.ge.oe(t);
-    return this.Ys.ie > this.me.ie && this.me.ue(this.Ys.ie), e;
+  oi(t) {
+    const e = this.mi.oi(t);
+    return this.Ys.ei > this._i.ei && this._i.ui(this.Ys.ei), e;
   }
-  get ye() {
-    return this.Ys.ee;
+  get Ai() {
+    return this.Ys.ii;
   }
-  get ne() {
-    return this.Ys.ne;
+  get ni() {
+    return this.Ys.ni;
   }
-  Ae() {
-    this.Ys.te();
+  wi() {
+    this.Ys.ti();
   }
-  ve(t) {
-    const e = this.Ys.ee;
+  pi(t) {
+    const e = this.Ys.ii;
     if (e === 0) return;
-    const i = this.Ys.se();
-    this.me.fe(i, e), this.me.ve(t);
+    const i = this.Ys.si();
+    this._i.fi(i, e), this._i.pi(t);
   }
-  pe(t) {
-    this.me.pe(t);
+  gi(t) {
+    this._i.gi(t);
   }
   $s(t, e) {
-    const i = this.Ys.ee;
+    const i = this.Ys.ii;
     i !== 0 && this.A.drawArraysInstanced(t, 0, e, i);
   }
   gt() {
-    this.me.gt();
+    this._i.gt();
   }
 }
-class I {
+class _ {
   constructor(t, e, i, r) {
     a(this, "A");
-    a(this, "we");
-    a(this, "be");
-    a(this, "Ce");
-    a(this, "xe", null);
-    this.A = t, this.we = e, this.be = i, this.Ce = r;
+    a(this, "bi");
+    a(this, "Ci");
+    a(this, "xi");
+    a(this, "Mi", null);
+    this.A = t, this.bi = e, this.Ci = i, this.xi = r;
     const s = this.A.createBuffer();
-    Rt(this.A, this.A.ARRAY_BUFFER, s, this.Ce.Me, this.A.STATIC_DRAW), this.xe = s;
+    Rt(this.A, this.A.ARRAY_BUFFER, s, this.xi.Fi, this.A.STATIC_DRAW), this.Mi = s;
   }
   get type() {
-    return this.be;
+    return this.Ci;
   }
   get unitGeometry() {
-    return this.Ce;
+    return this.xi;
   }
   get unitBuffer() {
-    return this.xe;
+    return this.Mi;
   }
   get batch() {
-    return this.we;
+    return this.bi;
   }
-  Fe() {
-    this.we.Ae();
+  $i() {
+    this.bi.wi();
   }
-  $e() {
-    return !this.we.ne;
+  Pi() {
+    return !this.bi.ni;
   }
   gt() {
-    this.we.gt(), this.A.deleteBuffer(this.xe);
+    this.bi.gt(), this.A.deleteBuffer(this.Mi);
   }
-  Pe(t, e, i) {
-    return this.we._e(t);
+  Ti(t, e, i) {
+    return this.bi.yi(t);
   }
-  Te(t, e, i, r, s, h) {
+  Ei(t, e, i, r, s, h) {
     const o = s.Bt ?? 0, c = s.It ?? 0, l = s.Ht ?? 0, u = s.bt ?? 0, f = s.Ct ?? 0, d = s.xt ?? 0, g = [0, 0, 0, 0], p = [0, 0, 0, 0];
     h && (h.bezStartX !== void 0 && h.bezStartY !== void 0 && h.bezEndX !== void 0 && h.bezEndY !== void 0 ? (g[0] = h.cp1x ?? 0, g[1] = h.cp1y ?? 0, g[2] = h.cp2x ?? 0, g[3] = h.cp2y ?? 0, p[0] = h.bezStartX ?? 0, p[1] = h.bezStartY ?? 0, p[2] = h.bezEndX ?? 0, p[3] = h.bezEndY ?? 0) : h.arcStart === void 0 && h.arcStop === void 0 || (g[0] = h.arcStart ?? 0, g[1] = h.arcStop ?? 0));
-    const v = { x: t, y: e, width: i, height: r, char0: s.Nt[0], char1: s.Nt[1], char2: s.Nt[2], r1: s.Xt[0], g1: s.Xt[1], b1: s.Xt[2], a1: s.Xt[3], r2: s.Yt[0], g2: s.Yt[1], b2: s.Yt[2], a2: s.Yt[3], invert: s.Et ? 1 : 0, flipX: s.Gt ? 1 : 0, flipY: s.Qt ? 1 : 0, charRot: s.Rt, translationX: o, translationY: c, translationZ: l, rotationX: u, rotationY: f, rotationZ: d, curveParams0: g, curveParams1: p, depth: (h == null ? void 0 : h.depth) ?? 0, baseZ: (h == null ? void 0 : h.baseZ) ?? 0, geometryType: ee[this.be] ?? 0 };
-    return this.we.oe(v);
+    const v = { x: t, y: e, width: i, height: r, char0: s.Nt[0], char1: s.Nt[1], char2: s.Nt[2], r1: s.Xt[0], g1: s.Xt[1], b1: s.Xt[2], a1: s.Xt[3], r2: s.Yt[0], g2: s.Yt[1], b2: s.Yt[2], a2: s.Yt[3], invert: s.Et ? 1 : 0, flipX: s.Gt ? 1 : 0, flipY: s.Qt ? 1 : 0, charRot: s.Rt, translationX: o, translationY: c, translationZ: l, rotationX: u, rotationY: f, rotationZ: d, curveParams0: g, curveParams1: p, depth: (h == null ? void 0 : h.depth) ?? 0, baseZ: (h == null ? void 0 : h.baseZ) ?? 0, geometryType: ee[this.Ci] ?? 0 };
+    return this.bi.oi(v);
   }
 }
-const oe = { Me: dt, Ee: 6, ...z }, ae = { Me: 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]), Ee: 6, ...z }, ce = { Me: function(n = 32) {
+const oe = { Fi: dt, Ri: 6, ...k }, ae = { Fi: 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]), Ri: 6, ...k }, ce = { Fi: function(n = 32) {
   const t = [], e = 2 * Math.PI / n;
   for (let i = 0; i < n; i++) {
     const r = i * e, s = (i + 1) % n * e, h = Math.cos(r), o = Math.sin(r), c = 0.5 * (h + 1), l = 0.5 * (o + 1), u = Math.cos(s), f = Math.sin(s), d = 0.5 * (u + 1), g = 0.5 * (f + 1);
     t.push(0, 0, 0.5, 0.5, h, o, c, l, u, f, d, g);
   }
   return new Float32Array(t);
-}(32), Ee: 96, ...z };
-let le = { Me: function(n) {
+}(32), Ri: 96, ...k };
+let le = { Fi: function(n) {
   const t = [];
   for (let e = 0; e < n; e++) {
     const i = e / n, r = (e + 1) / n;
     t.push(i, 0, i, 0, i, 1, i, 1, r, 1, r, 1);
   }
   return new Float32Array(t);
-}(32), Ee: 96, ...z };
-const ue = { Me: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), Ee: 3, ...z }, fe = { Me: function(n = 16) {
+}(32), Ri: 96, ...k };
+const ue = { Fi: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), Ri: 3, ...k }, fe = { Fi: function(n = 16) {
   const t = [];
   for (let e = 0; e < n; e++) {
     const i = e / n, r = (e + 1) / n;
     t.push(i, -0.5, i, 0, r, -0.5, r, 0, i, 0.5, i, 1, i, 0.5, i, 1, r, -0.5, r, 0, r, 0.5, r, 1);
   }
   return new Float32Array(t);
-}(16), Ee: 96, ...z }, de = { [w.RECTANGLE]: class extends I {
+}(16), Ri: 96, ...k }, de = { [w.RECTANGLE]: class extends _ {
   constructor(n, t) {
     super(n, t, w.RECTANGLE, oe);
   }
-  _e(n, t) {
-    return this.Te(0, 0, n.width, n.height, t);
+  yi(n, t) {
+    return this.Ei(0, 0, n.width, n.height, t);
   }
-}, [w.LINE]: class extends I {
+}, [w.LINE]: class extends _ {
   constructor(n, t) {
     super(n, t, w.LINE, ae);
   }
-  _e(n, t) {
+  yi(n, t) {
     const e = n.x2 - n.x1, i = n.y2 - n.y1, r = Math.hypot(e, i), s = Math.atan2(i, e), h = t.Ot || 1, o = n.x1 + e / 2 - r / 2, c = n.y1 + i / 2, l = { ...t, xt: (t.xt || 0) + s };
-    return this.Te(o, c, r, h, l);
+    return this.Ei(o, c, r, h, l);
   }
-}, [w.ELLIPSE]: class extends I {
+}, [w.ELLIPSE]: class extends _ {
   constructor(n, t) {
     super(n, t, w.ELLIPSE, ce);
   }
-  _e(n, t) {
-    return this.Te(0, 0, n.width, n.height, t);
+  yi(n, t) {
+    return this.Ei(0, 0, n.width, n.height, t);
   }
-}, [w.ARC]: class extends I {
+}, [w.ARC]: class extends _ {
   constructor(n, t) {
     super(n, t, w.ARC, le);
   }
-  _e(n, t) {
+  yi(n, t) {
     const e = n.start * Math.PI / 180, i = n.stop * Math.PI / 180;
-    return this.Te(0, 0, n.width, n.height, t, { arcStart: e, arcStop: i });
+    return this.Ei(0, 0, n.width, n.height, t, { arcStart: e, arcStop: i });
   }
-}, [w.TRIANGLE]: class extends I {
+}, [w.TRIANGLE]: class extends _ {
   constructor(n, t) {
     super(n, t, w.TRIANGLE, ue);
   }
-  _e(n, t) {
+  yi(n, t) {
     const e = Math.min(n.x1, n.x2, n.x3), i = Math.max(n.x1, n.x2, n.x3), r = Math.min(n.y1, n.y2, n.y3), s = i - e, h = Math.max(n.y1, n.y2, n.y3) - r;
-    return this.Te(e, r, s, h, t);
+    return this.Ei(e, r, s, h, t);
   }
-}, [w.BEZIER_CURVE]: class extends I {
+}, [w.BEZIER_CURVE]: class extends _ {
   constructor(n, t) {
     super(n, t, w.BEZIER_CURVE, fe);
   }
-  _e(n, t) {
-    return this.Te(0, 0, 1, t.Ot || 1, t, { cp1x: n.cp1x, cp1y: n.cp1y, cp2x: n.cp2x, cp2y: n.cp2y, bezStartX: n.x1, bezStartY: n.y1, bezEndX: n.x2, bezEndY: n.y2 });
+  yi(n, t) {
+    return this.Ei(0, 0, 1, t.Ot || 1, t, { cp1x: n.cp1x, cp1y: n.cp1y, cp2x: n.cp2x, cp2y: n.cp2y, bezStartX: n.x1, bezStartY: n.y1, bezEndX: n.x2, bezEndY: n.y2 });
   }
 } };
 class ge {
   constructor(t) {
     a(this, "A");
-    a(this, "Re");
-    a(this, "Se");
-    this.A = t, this.Se = new ie(t), this.Re = /* @__PURE__ */ new Map();
+    a(this, "Si");
+    a(this, "zi");
+    this.A = t, this.zi = new ie(t), this.Si = /* @__PURE__ */ new Map();
     for (const e of Object.values(w)) {
       const i = new he(t), r = new de[e](t, i);
-      this.Re.set(e, r);
+      this.Si.set(e, r);
     }
   }
-  ze(t) {
-    this.ke(t).forEach((e) => {
-      this.De(e);
+  ki(t) {
+    this.Di(t).forEach((e) => {
+      this.Li(e);
     });
   }
-  ke(t) {
+  Di(t) {
     const e = [];
     let i = null, r = null, s = null;
     for (const h of t) r !== h.material || s !== h.type ? (i && i.length > 0 && e.push({ material: r, type: s, commands: i }), i = [h], r = h.material, s = h.type) : i.push(h);
     return i && i.length > 0 && e.push({ material: r, type: s, commands: i }), e;
   }
-  De(t) {
-    const { material: e, type: i, commands: r } = t, s = this.Re.get(i);
+  Li(t) {
+    const { material: e, type: i, commands: r } = t, s = this.Si.get(i);
     e.shader.D(), e.shader.O(e.uniforms);
     const h = Ft(this.A), o = r.length > 0 && r[0].state.zt;
-    if (e.shader.O({ Uu: h[2] / h[3], Ur: [h[2], h[3]], Us: 1, Ut: o ? 1 : 0 }), s.Fe(), r.forEach((c) => {
-      s._e(c.params, c.state);
-    }), s.$e()) {
+    if (e.shader.O({ Uu: h[2] / h[3], Ur: [h[2], h[3]], Us: 1, Ut: o ? 1 : 0 }), s.$i(), r.forEach((c) => {
+      s.yi(c.params, c.state);
+    }), s.Pi()) {
       const c = s.unitGeometry, l = s.unitBuffer;
       try {
-        this.Se.Ts(e.shader.G, i + "", c, l), s.batch.ve(e.shader), s.batch.$s(c.As, c.Ee);
+        this.zi.Ts(e.shader.G, i + "", c, l), s.batch.pi(e.shader), s.batch.$s(c.As, c.Ri);
       } finally {
-        s.batch.pe(e.shader), this.Se.Es(), s.Fe();
+        s.batch.gi(e.shader), this.zi.Es(), s.$i();
       }
     }
   }
   gt() {
-    for (const t of this.Re.values()) t.gt();
-    this.Re.clear(), this.Se.gt();
+    for (const t of this.Si.values()) t.gt();
+    this.Si.clear(), this.zi.gt();
   }
 }
 function Mt(n) {
@@ -795,35 +795,35 @@ function G(n, t) {
 }
 class pe {
   constructor(t) {
-    a(this, "Le", 0);
-    a(this, "Oe");
-    a(this, "Be");
-    a(this, "Ie", /* @__PURE__ */ new Map());
-    this.Oe = new q(t, rt, `#version 300 es
-precision highp float;in vec3 v_glyphIndex;in vec4 v_glyphColor;in vec4 v_cellColor;in vec4 v_glyphFlags;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 A;void main(){int B=int(v_glyphFlags.r>0.5?1:0);int C=int(v_glyphFlags.g>0.5?1:0);int D=int(v_glyphFlags.b>0.5?1:0);float E=float(B|(C<<1)|(D<<2))/255.;o_character=vec4(v_glyphIndex.xy,E,clamp(v_glyphFlags.a,0.,1.));o_primaryColor=vec4(v_glyphColor.rgb,v_glyphColor.a);o_secondaryColor=vec4(v_cellColor.rgb,v_cellColor.a);A=vec4(0.);}`), this.Be = { id: this.Le++, shader: this.Oe, uniforms: Object.freeze({}), hash: this.He(this.Oe, {}), isBuiltIn: !0 };
+    a(this, "Oi", 0);
+    a(this, "Bi");
+    a(this, "Ii");
+    a(this, "Hi", /* @__PURE__ */ new Map());
+    this.Bi = new q(t, rt, `#version 300 es
+precision highp float;in vec3 v_glyphIndex;in vec4 v_glyphColor;in vec4 v_cellColor;in vec4 v_glyphFlags;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 A;void main(){int B=int(v_glyphFlags.r>0.5?1:0);int C=int(v_glyphFlags.g>0.5?1:0);int D=int(v_glyphFlags.b>0.5?1:0);float E=float(B|(C<<1)|(D<<2))/255.;o_character=vec4(v_glyphIndex.xy,E,clamp(v_glyphFlags.a,0.,1.));o_primaryColor=vec4(v_glyphColor.rgb,v_glyphColor.a);o_secondaryColor=vec4(v_cellColor.rgb,v_cellColor.a);A=vec4(0.);}`), this.Ii = { id: this.Oi++, shader: this.Bi, uniforms: Object.freeze({}), hash: this.Gi(this.Bi, {}), isBuiltIn: !0 };
   }
-  get Ge() {
-    return this.Be;
+  get Qi() {
+    return this.Ii;
   }
   dt(t, e = {}, i = !1) {
-    const r = this.He(t, e), s = this.Ie.get(r);
+    const r = this.Gi(t, e), s = this.Hi.get(r);
     if (s) return s;
-    const h = { id: this.Le++, shader: t, uniforms: Object.freeze({ ...e }), hash: r, isBuiltIn: i };
-    return this.Ie.set(r, h), h;
+    const h = { id: this.Oi++, shader: t, uniforms: Object.freeze({ ...e }), hash: r, isBuiltIn: i };
+    return this.Hi.set(r, h), h;
   }
-  Qe(t, e = {}) {
-    return { id: this.Le++, shader: t, uniforms: Object.freeze({ ...e }), hash: 0, isBuiltIn: !1 };
+  Ni(t, e = {}) {
+    return { id: this.Oi++, shader: t, uniforms: Object.freeze({ ...e }), hash: 0, isBuiltIn: !1 };
   }
-  He(t, e) {
+  Gi(t, e) {
     const i = bt(t.G), r = function(s, h) {
       let o = 0;
       const c = Object.keys(s).sort();
       for (const l of c) o = G(o, Mt(l)), o = G(o, h(s[l]));
       return o;
-    }(e, this.Ne.bind(this));
+    }(e, this.Xi.bind(this));
     return G(i, r);
   }
-  Ne(t) {
+  Xi(t) {
     return typeof t == "number" || typeof t == "boolean" ? function(e) {
       return typeof e == "boolean" ? e ? 1 : 0 : Math.floor(e);
     }(t) : Array.isArray(t) ? function(e) {
@@ -839,170 +839,170 @@ precision highp float;in vec3 v_glyphIndex;in vec4 v_glyphColor;in vec4 v_cellCo
     }(t) : t instanceof WebGLTexture ? bt(t) : 0;
   }
   gt() {
-    this.Oe != this.Oe && this.Oe.dispose(), this.Oe.dispose(), this.Ie.clear();
+    this.Bi != this.Bi && this.Bi.dispose(), this.Bi.dispose(), this.Hi.clear();
   }
 }
 class Ae {
   constructor() {
-    a(this, "Xe", []);
-    a(this, "Ye", 1);
+    a(this, "Yi", []);
+    a(this, "ji", 1);
     a(this, "Ss", 0);
   }
-  je(t, e) {
-    if (this.Ss >= this.Xe.length) {
-      const r = { id: this.Ye++, type: t, params: {}, state: st.Lt(), material: e };
-      this.Xe.push(r);
+  Ki(t, e) {
+    if (this.Ss >= this.Yi.length) {
+      const r = { id: this.ji++, type: t, params: {}, state: st.Lt(), material: e };
+      this.Yi.push(r);
     }
-    const i = this.Xe[this.Ss];
-    return i.id = this.Ye++, i.type = t, i.material = e, this.Ss++, i;
+    const i = this.Yi[this.Ss];
+    return i.id = this.ji++, i.type = t, i.material = e, this.Ss++, i;
   }
-  Ke(t, e, i) {
-    const r = this.je(w.RECTANGLE, i), s = r.params;
+  Wi(t, e, i) {
+    const r = this.Ki(w.RECTANGLE, i), s = r.params;
     return s.width = t.width, s.height = t.height, e.Wt(r.state), r.id;
   }
-  We(t, e, i) {
-    const r = this.je(w.LINE, i), s = r.params;
+  Zi(t, e, i) {
+    const r = this.Ki(w.LINE, i), s = r.params;
     return s.x1 = t.x1, s.y1 = t.y1, s.x2 = t.x2, s.y2 = t.y2, s.thickness = t.thickness, e.Wt(r.state), r.id;
   }
-  Ze(t, e, i) {
-    const r = this.je(w.ELLIPSE, i), s = r.params;
+  qi(t, e, i) {
+    const r = this.Ki(w.ELLIPSE, i), s = r.params;
     return s.width = t.width, s.height = t.height, s.startAngle = t.startAngle, s.endAngle = t.endAngle, s.segments = t.segments, e.Wt(r.state), r.id;
   }
-  qe(t, e, i) {
-    const r = this.je(w.ARC, i), s = r.params;
+  Vi(t, e, i) {
+    const r = this.Ki(w.ARC, i), s = r.params;
     return s.width = t.width, s.height = t.height, s.start = t.start, s.stop = t.stop, e.Wt(r.state), r.id;
   }
-  Ve(t, e, i) {
-    const r = this.je(w.TRIANGLE, i), s = r.params;
+  Ji(t, e, i) {
+    const r = this.Ki(w.TRIANGLE, i), s = r.params;
     return s.x1 = t.x1, s.y1 = t.y1, s.x2 = t.x2, s.y2 = t.y2, s.x3 = t.x3, s.y3 = t.y3, e.Wt(r.state), r.id;
   }
-  Je(t, e, i) {
-    const r = this.je(w.BEZIER_CURVE, i), s = r.params;
+  te(t, e, i) {
+    const r = this.Ki(w.BEZIER_CURVE, i), s = r.params;
     return s.x1 = t.x1, s.y1 = t.y1, s.cp1x = t.cp1x, s.cp1y = t.cp1y, s.cp2x = t.cp2x, s.cp2y = t.cp2y, s.x2 = t.x2, s.y2 = t.y2, s.thickness = t.thickness, s.segments = t.segments, e.Wt(r.state), r.id;
   }
-  Ae() {
+  wi() {
     this.Ss = 0;
   }
   [Symbol.iterator]() {
     let t = 0;
-    const e = this.Ss, i = this.Xe;
+    const e = this.Ss, i = this.Yi;
     return { next: () => t < e ? { value: i[t++], done: !1 } : { value: void 0, done: !0 } };
   }
 }
 class me {
   constructor(t) {
     a(this, "A");
-    a(this, "ti", null);
-    a(this, "si");
+    a(this, "se", null);
+    a(this, "ie");
     a(this, "vt");
-    a(this, "ei");
-    a(this, "ii");
-    a(this, "ri");
-    a(this, "ni", null);
-    a(this, "oi", {});
-    a(this, "hi", []);
-    a(this, "ai", []);
-    a(this, "ci", []);
-    a(this, "li", null);
-    a(this, "ui", [0, 0, 0, 0]);
-    a(this, "fi", 1);
-    this.A = t, t.enable(t.DEPTH_TEST), t.depthFunc(t.LEQUAL), t.clearDepth(1), t.depthMask(!0), t.disable(t.CULL_FACE), this.ei = new st(), this.vt = new pe(t), this.ii = new Ae(), this.si = new ge(t), this.ri = new te(t);
+    a(this, "ee");
+    a(this, "re");
+    a(this, "ne");
+    a(this, "oe", null);
+    a(this, "he", {});
+    a(this, "ae", []);
+    a(this, "ce", []);
+    a(this, "le", []);
+    a(this, "ue", null);
+    a(this, "fe", [0, 0, 0, 0]);
+    a(this, "de", 1);
+    this.A = t, t.enable(t.DEPTH_TEST), t.depthFunc(t.LEQUAL), t.clearDepth(1), t.depthMask(!0), t.disable(t.CULL_FACE), this.ee = new st(), this.vt = new pe(t), this.re = new Ae(), this.ie = new ge(t), this.ne = new te(t);
     const e = [0, 0, t.canvas.width, t.canvas.height];
-    ht(t, e), this.hi.push(null), this.ai.push(e), this.ci.push(1), this.li = null, this.ui = e, this.fi = 1;
+    ht(t, e), this.ae.push(null), this.ce.push(e), this.le.push(1), this.ue = null, this.fe = e, this.de = 1;
   }
   rt() {
-    this.hi.push(this.li), this.ai.push([...this.ui]), this.ci.push(this.fi);
+    this.ae.push(this.ue), this.ce.push([...this.fe]), this.le.push(this.de);
   }
   lt() {
-    const t = this.hi.pop() ?? null, e = this.ai.pop() ?? [0, 0, this.A.canvas.width, this.A.canvas.height], i = this.ci.pop() ?? 1;
+    const t = this.ae.pop() ?? null, e = this.ce.pop() ?? [0, 0, this.A.canvas.width, this.A.canvas.height], i = this.le.pop() ?? 1;
     this.nt(t, e[2], e[3], i);
   }
   nt(t, e, i, r = 1) {
     const s = this.A;
-    this.li !== t && (s.bindFramebuffer(s.FRAMEBUFFER, t), this.li = t), this.fi = r;
+    this.ue !== t && (s.bindFramebuffer(s.FRAMEBUFFER, t), this.ue = t), this.de = r;
     const h = [0, 0, e, i];
-    this.ui[0] === h[0] && this.ui[1] === h[1] && this.ui[2] === h[2] && this.ui[3] === h[3] || (s.viewport(...h), ht(s, h), this.ui = h);
+    this.fe[0] === h[0] && this.fe[1] === h[1] && this.fe[2] === h[2] && this.fe[3] === h[3] || (s.viewport(...h), ht(s, h), this.fe = h);
   }
-  di(t) {
-    this.ti !== t && (this.ti = t, t.D());
+  ve(t) {
+    this.se !== t && (this.se = t, t.D());
   }
-  pi(t, e) {
+  pe(t, e) {
     return new q(this.A, t, e);
   }
-  gi(t) {
-    this.ni = t, t && (this.oi = {});
+  ge(t) {
+    this.oe = t, t && (this.he = {});
   }
   I(t, e) {
-    this.oi[t] = e;
+    this.he[t] = e;
   }
-  mi(t) {
-    Object.assign(this.oi, t);
+  me(t) {
+    Object.assign(this.he, t);
   }
-  _i(t) {
+  _e(t) {
     return new q(this.A, rt, t);
   }
-  yi(t, e, i, r) {
-    t instanceof Z || !r || t.Ai(r), this.ii.Ke({ width: e ?? t.width, height: i ?? t.height }, this.ei, t.ut());
+  ye(t, e, i, r) {
+    t instanceof X || !r || t.Ae(r), this.re.Wi({ width: e ?? t.width, height: i ?? t.height }, this.ee, t.ut());
   }
-  wi(t, e, i, r) {
-    this.ri.$s(t, e, i, r);
+  we(t, e, i, r) {
+    this.ne.$s(t, e, i, r);
   }
-  bi(t, e) {
-    if (this.ni) {
-      const i = this.vt.Qe(this.ni, this.oi);
-      this.ii.Ke({ width: t, height: e }, this.ei, i), this.ni = null, this.oi = {};
-    } else this.ii.Ke({ width: t, height: e }, this.ei, this.vt.Ge);
+  be(t, e) {
+    if (this.oe) {
+      const i = this.vt.Ni(this.oe, this.he);
+      this.re.Wi({ width: t, height: e }, this.ee, i), this.oe = null, this.he = {};
+    } else this.re.Wi({ width: t, height: e }, this.ee, this.vt.Qi);
   }
-  Ci(t, e, i, r) {
-    this.ii.We({ x1: t, y1: e, x2: i, y2: r }, this.ei, this.vt.Ge);
+  Ce(t, e, i, r) {
+    this.re.Zi({ x1: t, y1: e, x2: i, y2: r }, this.ee, this.vt.Qi);
   }
-  xi(t, e) {
-    this.ii.Ze({ width: t, height: e }, this.ei, this.vt.Ge);
+  xe(t, e) {
+    this.re.qi({ width: t, height: e }, this.ee, this.vt.Qi);
   }
-  Mi(t, e, i, r, s, h) {
-    this.ii.Ve({ x1: t, y1: e, x2: i, y2: r, x3: s, y3: h }, this.ei, this.vt.Ge);
+  Me(t, e, i, r, s, h) {
+    this.re.Ji({ x1: t, y1: e, x2: i, y2: r, x3: s, y3: h }, this.ee, this.vt.Qi);
   }
-  Fi(t, e, i, r, s, h, o, c) {
-    this.ii.Je({ x1: t, y1: e, cp1x: i, cp1y: r, cp2x: s, cp2y: h, x2: o, y2: c }, this.ei, this.vt.Ge);
+  Fe(t, e, i, r, s, h, o, c) {
+    this.re.te({ x1: t, y1: e, cp1x: i, cp1y: r, cp2x: s, cp2y: h, x2: o, y2: c }, this.ee, this.vt.Qi);
   }
-  $i(t, e, i, r) {
-    this.ii.qe({ width: t, height: e, start: i, stop: r }, this.ei, this.vt.Ge);
+  $e(t, e, i, r) {
+    this.re.Vi({ width: t, height: e, start: i, stop: r }, this.ee, this.vt.Qi);
   }
-  Pi(t, e, i = 1, r = {}) {
-    return new Z(this.A, t, e, i, r, this);
+  Pe(t, e, i = 1, r = {}) {
+    return new X(this.A, t, e, i, r, this);
   }
-  Ti(t, e = t, i = t, r = 255) {
-    this.ei.ps(t, e ?? t, i ?? t, r);
-    const [s, h, o, c] = this.ei.canvasBackgroundColor;
-    this.Ei(s, h, o, c, !1);
+  Te(t, e = t, i = t, r = 255) {
+    this.ee.ps(t, e ?? t, i ?? t, r);
+    const [s, h, o, c] = this.ee.canvasBackgroundColor;
+    this.Ee(s, h, o, c, !1);
   }
-  Ae(t = 0, e = 0, i = 0, r = 0) {
-    this.Ei(t, e, i, r, !0);
+  wi(t = 0, e = 0, i = 0, r = 0) {
+    this.Ee(t, e, i, r, !0);
   }
-  Ei(t, e, i, r, s) {
+  Ee(t, e, i, r, s) {
     const h = this.A;
-    if (this.fi > 1) {
+    if (this.de > 1) {
       const o = s ? [1, 1, 0, 0] : [0, 0, 0, 0];
-      h.clearBufferfv(h.COLOR, 0, new Float32Array(o)), h.clearBufferfv(h.COLOR, 1, new Float32Array([0, 0, 0, 0])), this.fi >= 3 && h.clearBufferfv(h.COLOR, 2, new Float32Array([t, e, i, r]));
-      for (let c = 3; c < this.fi; c++) h.clearBufferfv(h.COLOR, c, new Float32Array([0, 0, 0, 0]));
+      h.clearBufferfv(h.COLOR, 0, new Float32Array(o)), h.clearBufferfv(h.COLOR, 1, new Float32Array([0, 0, 0, 0])), this.de >= 3 && h.clearBufferfv(h.COLOR, 2, new Float32Array([t, e, i, r]));
+      for (let c = 3; c < this.de; c++) h.clearBufferfv(h.COLOR, c, new Float32Array([0, 0, 0, 0]));
     } else h.clearColor(t, e, i, r), h.clear(h.COLOR_BUFFER_BIT);
   }
-  Ri() {
+  Re() {
     const t = [0, 0, this.A.canvas.width, this.A.canvas.height];
-    this.A.viewport(...t), ht(this.A, t), this.ui = t, this.ai.length > 0 && (this.ai[0] = t);
+    this.A.viewport(...t), ht(this.A, t), this.fe = t, this.ce.length > 0 && (this.ce[0] = t);
   }
   ct() {
-    const t = this.ii;
-    this.si.ze(t), t.Ae(), this.ti = null;
+    const t = this.re;
+    this.ie.ki(t), t.wi(), this.se = null;
   }
   gt() {
-    this.vt.gt(), this.si.gt(), this.ri.gt();
+    this.vt.gt(), this.ie.gt(), this.ne.gt();
   }
   get context() {
     return this.A;
   }
   get state() {
-    return this.ei;
+    return this.ee;
   }
   get materialManager() {
     return this.vt;
@@ -1029,7 +1029,7 @@ function K(n) {
 function J(n, t, e) {
   n[t] = e >>> 8 & 255, n[t + 1] = 255 & e;
 }
-function D(n, t, e) {
+function B(n, t, e) {
   n[t] = e >>> 24 & 255, n[t + 1] = e >>> 16 & 255, n[t + 2] = e >>> 8 & 255, n[t + 3] = 255 & e;
 }
 function ye(n, t, e) {
@@ -1207,17 +1207,17 @@ function xe(n) {
   const p = {};
   for (const m of h) p[m.tag] = g, g = K(g + m.data.length);
   const v = new Uint8Array(Math.max(s || 0, g));
-  D(v, 0, i), J(v, 4, c), J(v, 6, f), J(v, 8, u), J(v, 10, d);
+  B(v, 0, i), J(v, 4, c), J(v, 6, f), J(v, 8, u), J(v, 10, d);
   let A = 12;
   for (const m of h) {
     ye(v, A, m.tag), A += 4;
     let b = m.data;
     if (m.tag === "head" && b.length >= 12) {
       const y = new Uint8Array(b);
-      D(y, 8, 0), D(v, A, ot(y, 0, K(y.length))), A += 4;
+      B(y, 8, 0), B(v, A, ot(y, 0, K(y.length))), A += 4;
     } else
-      D(v, A, ot(b, 0, K(b.length))), A += 4;
-    D(v, A, p[m.tag]), A += 4, D(v, A, m.data.length), A += 4;
+      B(v, A, ot(b, 0, K(b.length))), A += 4;
+    B(v, A, p[m.tag]), A += 4, B(v, A, m.data.length), A += 4;
   }
   for (const m of h) {
     const b = p[m.tag];
@@ -1226,11 +1226,11 @@ function xe(n) {
   if (h.find((m) => m.tag === "head")) {
     const m = p.head, b = function(y, x) {
       const E = x + 8, C = [y[E], y[E + 1], y[E + 2], y[E + 3]];
-      D(y, E, 0);
+      B(y, E, 0);
       const P = 2981146554 - (ot(y, 0, K(y.length)) >>> 0) >>> 0;
       return y[E] = C[0], y[E + 1] = C[1], y[E + 2] = C[2], y[E + 3] = C[3], P >>> 0;
     }(v, m);
-    D(v, m + 8, b);
+    B(v, m + 8, b);
   }
   return v.buffer;
 }
@@ -1311,10 +1311,10 @@ const Te = { parseTab(n, t, e) {
   const r = [], s = i.maxp.numGlyphs;
   for (let h = 0; h < s; h++) r.push(null);
   return r;
-}, Si(n, t) {
-  const e = R, i = n.zi, r = n.loca;
+}, Se(n, t) {
+  const e = R, i = n.ze, r = n.loca;
   if (r[t] === r[t + 1]) return null;
-  const s = j.findTable(i, "glyf", n.ki);
+  const s = j.findTable(i, "glyf", n.ke);
   if (!s) return null;
   let h = s[0] + r[t];
   const o = {};
@@ -1352,7 +1352,7 @@ const Te = { parseTab(n, t, e) {
 } } }, j = { parse(n) {
   const t = new Uint8Array(n);
   R.readASCII(t, 0, 4) === "wOFF" && (n = xe(n));
-  const e = new Uint8Array(n), i = Et, r = {}, s = { zi: e, Di: 0, ki: 0 };
+  const e = new Uint8Array(n), i = Et, r = {}, s = { ze: e, De: 0, ke: 0 };
   for (const h in i) {
     const o = h, c = j.findTable(e, o, 0);
     if (c) {
@@ -1375,27 +1375,27 @@ const Te = { parseTab(n, t, e) {
   return null;
 }, T: Et, B: R };
 class Me {
-  Li(t) {
+  Le(t) {
     var i;
     const e = [];
     return (i = t.cmap) != null && i.tables ? (t.cmap.tables.forEach((r) => {
       if (r.format === 4) {
-        const s = this.Oi(r);
+        const s = this.Oe(r);
         e.push(...s);
       } else if (r.format === 12) {
-        const s = this.Bi(r);
+        const s = this.Be(r);
         e.push(...s);
       }
     }), [...new Set(e)]) : [];
   }
-  Oi(t) {
+  Oe(t) {
     const e = [];
     if (!(t.startCount && t.endCount && t.idRangeOffset && t.idDelta)) return e;
     for (let i = 0; i < t.startCount.length; i++) {
       const r = t.startCount[i], s = t.endCount[i];
       if (r !== 65535 || s !== 65535) {
         for (let h = r; h <= s; h++)
-          if (this.Ii(t, h, i) > 0) try {
+          if (this.Ie(t, h, i) > 0) try {
             const o = String.fromCodePoint(h);
             e.push(o);
           } catch {
@@ -1404,7 +1404,7 @@ class Me {
     }
     return e;
   }
-  Bi(t) {
+  Be(t) {
     const e = [];
     if (!t.groups) return e;
     for (let i = 0; i < t.groups.length; i += 3) {
@@ -1418,7 +1418,7 @@ class Me {
     }
     return e;
   }
-  Ii(t, e, i) {
+  Ie(t, e, i) {
     if (t.idRangeOffset[i] === 0) return e + t.idDelta[i] & 65535;
     {
       const r = t.idRangeOffset[i] / 2 + (e - t.startCount[i]) - (t.startCount.length - i);
@@ -1432,95 +1432,95 @@ class Me {
 }
 class Pe {
   constructor(t) {
-    a(this, "Hi");
-    a(this, "Gi");
+    a(this, "He");
+    a(this, "Ge");
     a(this, "Z");
-    this.Z = t, this.Hi = document.createElement("canvas"), this.Gi = this.Hi.getContext("2d", { willReadFrequently: !0, alpha: !0 });
+    this.Z = t, this.He = document.createElement("canvas"), this.Ge = this.He.getContext("2d", { willReadFrequently: !0, alpha: !0 });
   }
-  Qi(t, e, i, r) {
+  Qe(t, e, i, r) {
     const s = t.length, h = Math.ceil(Math.sqrt(s)), o = Math.ceil(s / h), c = e.width * h, l = e.height * o;
-    this.Ni(c, l), this.Xi(t, e, h, i, r);
-    const u = this.Z.Pi(c, l, 1, { filter: "nearest" });
-    return u.it(this.Hi), { framebuffer: u, columns: h, rows: o };
+    this.Ne(c, l), this.Xe(t, e, h, i, r);
+    const u = this.Z.Pe(c, l, 1, { filter: "nearest" });
+    return u.et(this.He), { framebuffer: u, columns: h, rows: o };
   }
-  Ni(t, e) {
-    this.Hi.width = t, this.Hi.height = e, this.Hi.style.width = t + "px", this.Hi.style.height = e + "px", this.Gi.imageSmoothingEnabled = !1, this.Hi.style.imageRendering = "pixelated", this.Gi.clearRect(0, 0, t, e), this.Gi.textBaseline = "top", this.Gi.textAlign = "left", this.Gi.fillStyle = "white";
+  Ne(t, e) {
+    this.He.width = t, this.He.height = e, this.He.style.width = t + "px", this.He.style.height = e + "px", this.Ge.imageSmoothingEnabled = !1, this.He.style.imageRendering = "pixelated", this.Ge.clearRect(0, 0, t, e), this.Ge.textBaseline = "top", this.Ge.textAlign = "left", this.Ge.fillStyle = "white";
   }
-  Xi(t, e, i, r, s) {
+  Xe(t, e, i, r, s) {
     const h = r / s.head.unitsPerEm;
     for (let o = 0; o < t.length; o++) {
       const c = o % i, l = Math.floor(o / i), u = t[o].glyphData;
       if (!u) continue;
       const f = u.advanceWidth * h, d = c * e.width, g = l * e.height, p = d + 0.5 * e.width, v = g + 0.5 * e.height, A = Math.round(p - 0.5 * e.width), m = Math.round(v - 0.5 * r), b = A + 0.5 * (e.width - f), y = m + s.hhea.ascender * h;
-      this.Yi(u, b, y, h);
+      this.Ye(u, b, y, h);
     }
   }
-  Yi(t, e, i, r) {
+  Ye(t, e, i, r) {
     if (!t || !t.xs || t.noc === 0) return;
     let { xs: s, ys: h, endPts: o, flags: c } = t;
     if (!(s && h && o && c)) return;
-    this.Gi.beginPath();
+    this.Ge.beginPath();
     let l = 0;
     for (let u = 0; u < o.length; u++) {
       const f = o[u];
       if (!(f < l)) {
         if (f >= l) {
           const d = e + s[l] * r, g = i - h[l] * r;
-          this.Gi.moveTo(d, g);
+          this.Ge.moveTo(d, g);
           let p = l + 1;
           for (; p <= f; )
             if (1 & c[p]) {
               const v = e + s[p] * r, A = i - h[p] * r;
-              this.Gi.lineTo(v, A), p++;
+              this.Ge.lineTo(v, A), p++;
             } else {
               const v = e + s[p] * r, A = i - h[p] * r;
               if (p + 1 > f) {
                 const b = e + s[l] * r, y = i - h[l] * r;
-                if (1 & c[l]) this.Gi.quadraticCurveTo(v, A, b, y);
+                if (1 & c[l]) this.Ge.quadraticCurveTo(v, A, b, y);
                 else {
                   const x = (v + b) / 2, E = (A + y) / 2;
-                  this.Gi.quadraticCurveTo(v, A, x, E);
+                  this.Ge.quadraticCurveTo(v, A, x, E);
                 }
                 break;
               }
               const m = p + 1;
               if (1 & c[m]) {
                 const b = e + s[m] * r, y = i - h[m] * r;
-                this.Gi.quadraticCurveTo(v, A, b, y), p = m + 1;
+                this.Ge.quadraticCurveTo(v, A, b, y), p = m + 1;
               } else {
                 const b = (v + (e + s[m] * r)) / 2, y = (A + (i - h[m] * r)) / 2;
-                this.Gi.quadraticCurveTo(v, A, b, y), p = m;
+                this.Ge.quadraticCurveTo(v, A, b, y), p = m;
               }
             }
-          this.Gi.closePath();
+          this.Ge.closePath();
         }
         l = f + 1;
       }
     }
-    this.Gi.fill();
+    this.Ge.fill();
   }
 }
 class Pt {
-  ji(t, e) {
+  je(t, e) {
     const i = t.cmap;
     if (!i || !i.tables) return 0;
     let r = 0;
-    for (const s of i.tables) if (s.format === 4 ? r = this.Ki(e, s) : s.format === 12 && (r = this.Wi(e, s)), r > 0) break;
+    for (const s of i.tables) if (s.format === 4 ? r = this.Ke(e, s) : s.format === 12 && (r = this.We(e, s)), r > 0) break;
     return r;
   }
-  Zi(t, e) {
+  Ze(t, e) {
     const i = e.codePointAt(0);
-    return i === void 0 ? 0 : this.ji(t, i);
+    return i === void 0 ? 0 : this.je(t, i);
   }
-  qi(t, e) {
+  qe(t, e) {
     const i = t.hmtx;
     return i && i.aWidth && i.aWidth.length !== 0 ? e < i.aWidth.length ? i.aWidth[e] : i.aWidth[i.aWidth.length - 1] : 0;
   }
-  Vi(t, e) {
+  Ve(t, e) {
     const i = e / t.head.unitsPerEm, r = t.hhea.ascender * i, s = t.hhea.descender * i, h = t.hhea.lineGap * i;
     return { ascender: r, descender: s, lineGap: h, lineHeight: r - s + h, unitsPerEm: t.head.unitsPerEm, scale: i };
   }
-  Ki(t, e) {
+  Ke(t, e) {
     const i = e.endCount.length;
     let r = -1;
     for (let s = 0; s < i; s++) if (t <= e.endCount[s]) {
@@ -1538,7 +1538,7 @@ class Pt {
     }
     return 0;
   }
-  Wi(t, e) {
+  We(t, e) {
     const i = e.groups.length / 3;
     for (let r = 0; r < i; r++) {
       const s = e.groups[3 * r], h = e.groups[3 * r + 1], o = e.groups[3 * r + 2];
@@ -1549,16 +1549,16 @@ class Pt {
 }
 class Se {
   constructor() {
-    a(this, "Ji");
-    this.Ji = new Pt();
+    a(this, "Je");
+    this.Je = new Pt();
   }
   tr(t, e, i) {
     let r = 0;
-    const s = this.Ji.Vi(i, e), h = s.lineHeight;
+    const s = this.Je.Ve(i, e), h = s.lineHeight;
     for (const o of t) {
-      const c = this.Ji.Zi(i, o);
+      const c = this.Je.Ze(i, o);
       if (c === 0) continue;
-      const l = this.Ji.qi(i, c) * s.scale;
+      const l = this.Je.qe(i, c) * s.scale;
       r = Math.max(r, l);
     }
     return { width: Math.ceil(r), height: Math.ceil(h) };
@@ -1569,22 +1569,22 @@ class Ue {
     a(this, "sr");
     this.sr = new Pt();
   }
-  er(t, e) {
+  ir(t, e) {
     const i = [], r = /* @__PURE__ */ new Map();
     return t.forEach((s, h) => {
-      const o = s.codePointAt(0) || 0, c = { character: s, unicode: o, color: this.ir(h), glyphData: this.rr(e, s) };
+      const o = s.codePointAt(0) || 0, c = { character: s, unicode: o, color: this.er(h), glyphData: this.rr(e, s) };
       i.push(c), r.set(s, c);
     }), { array: i, map: r };
   }
-  ir(t) {
+  er(t) {
     return [t % 256 / 255, Math.floor(t / 256) % 256 / 255, 0];
   }
   rr(t, e) {
-    const i = e.codePointAt(0) || 0, r = this.sr.ji(t, i);
+    const i = e.codePointAt(0) || 0, r = this.sr.je(t, i);
     if (r === 0) return null;
     let s = 0;
     t.hmtx && t.hmtx.aWidth && r > 0 && t.hmtx.aWidth[r] !== void 0 && (s = t.hmtx.aWidth[r]);
-    const h = j.T.glyf.Si(t, r);
+    const h = j.T.glyf.Se(t, r);
     return h ? { ...h, advanceWidth: s } : null;
   }
 }
@@ -1620,7 +1620,7 @@ class et {
   Mr(t) {
     if (t === void 0) return this.lr;
     this.lr = t, this.vr = this._r.tr(this.hr.map((i) => i.character), this.lr, this.nr);
-    const e = this.mr.Qi(this.hr, this.vr, this.lr, this.nr);
+    const e = this.mr.Qe(this.hr, this.vr, this.lr, this.nr);
     this.cr = e.framebuffer, this.ur = e.columns, this.dr = e.rows;
   }
   async Fr(t) {
@@ -1641,9 +1641,9 @@ class et {
     this.pr = new FontFace("CustomFont_" + e, t), await this.pr.load(), document.fonts.add(this.pr);
   }
   async Cr() {
-    const t = this.gr.Li(this.nr), { array: e, map: i } = this.yr.er(t, this.nr);
+    const t = this.gr.Le(this.nr), { array: e, map: i } = this.yr.ir(t, this.nr);
     this.hr = e, this.ar = i, this.vr = this._r.tr(t, this.lr, this.nr);
-    const r = this.mr.Qi(this.hr, this.vr, this.lr, this.nr);
+    const r = this.mr.Qe(this.hr, this.vr, this.lr, this.nr);
     this.cr = r.framebuffer, this.ur = r.columns, this.dr = r.rows, this.Ar = !0;
   }
   $r(t) {
@@ -1700,7 +1700,7 @@ class Le {
     a(this, "Lr");
     a(this, "Or", !1);
     a(this, "Br", /* @__PURE__ */ new Set());
-    this.kr = t, this.Dr = e, this.Lr = i, this.te();
+    this.kr = t, this.Dr = e, this.Lr = i, this.ti();
   }
   Ir() {
     if (this.N = this.Er * this.Dr, this.X = this.Rr * this.Lr, this.Sr = Math.floor((this.kr.width - this.N) / 2), this.zr = Math.floor((this.kr.height - this.X) / 2), this.Br.size > 0) for (const t of this.Br) t();
@@ -1711,11 +1711,11 @@ class Le {
   Gr(t) {
     this.Br.delete(t);
   }
-  te() {
+  ti() {
     this.Or || (this.Er = Math.floor(this.kr.width / this.Dr), this.Rr = Math.floor(this.kr.height / this.Lr)), this.Ir();
   }
   Qr(t, e) {
-    this.Dr = t, this.Lr = e, this.te();
+    this.Dr = t, this.Lr = e, this.ti();
   }
   get cellWidth() {
     return this.Dr;
@@ -1758,7 +1758,7 @@ const Ne = /^rgba?\(([^)]+)\)$/i;
 function ct(n) {
   return Number.isNaN(n) ? 0 : Math.max(0, Math.min(255, n));
 }
-function De(n) {
+function Be(n) {
   if (!n) return null;
   const t = n.trim().toLowerCase();
   if (!t) return null;
@@ -1772,7 +1772,7 @@ function De(n) {
     return [h, o, c, Math.round(l)];
   }(t)), e ? e[3] === 0 ? null : e : null;
 }
-class Oe {
+class De {
   constructor(t = {}) {
     a(this, "kr");
     a(this, "Nr", null);
@@ -1810,7 +1810,7 @@ class Oe {
     const t = this.qr();
     for (const e of t) {
       if (!e) continue;
-      const i = De(window.getComputedStyle(e).backgroundColor);
+      const i = Be(window.getComputedStyle(e).backgroundColor);
       if (i) return i;
     }
     return [255, 255, 255, 255];
@@ -1857,7 +1857,7 @@ class Oe {
   }
 }
 function $(n) {
-  return _(parseInt(n, 16), 0, 255);
+  return O(parseInt(n, 16), 0, 255);
 }
 class S {
   constructor(t, e, i, r) {
@@ -1867,7 +1867,7 @@ class S {
     a(this, "g");
     a(this, "b");
     a(this, "a");
-    this.r = _(t, 0, 255), this.g = _(e, 0, 255), this.b = _(i, 0, 255), this.a = _(r, 0, 255), this.sn = [this.r, this.g, this.b, this.a], this.en = [this.r / 255, this.g / 255, this.b / 255, this.a / 255];
+    this.r = O(t, 0, 255), this.g = O(e, 0, 255), this.b = O(i, 0, 255), this.a = O(r, 0, 255), this.sn = [this.r, this.g, this.b, this.a], this.en = [this.r / 255, this.g / 255, this.b / 255, this.a / 255];
   }
   static rn(t, e, i, r) {
     if (S.nn(t)) return t;
@@ -1977,7 +1977,7 @@ class St {
   characters(t) {
     return this.wn = t, this.Cn(t), this.q = null, this;
   }
-  Ai(t) {
+  Ae(t) {
     this.dn !== t && (this.dn = t, this.wn && this.Cn(this.wn), this.q = null);
   }
   get texture() {
@@ -2003,7 +2003,7 @@ class St {
   ft() {
     this.xn();
     const t = this.Mn(), e = this.Fn(), i = t.createShader(e), r = t.createUniforms(e);
-    this.q = this.Z.materialManager.Qe(i, r);
+    this.q = this.Z.materialManager.Ni(i, r);
   }
   bn(t, e, i, r, s) {
     const h = S.rn(e, i, r, s);
@@ -2028,7 +2028,7 @@ class St {
     return { renderer: this.Z, gl: this.A, font: this.dn, source: this, gridWidth: this.N, gridHeight: this.X };
   }
 }
-class k extends St {
+class z extends St {
   constructor(t, e, i, r, s, h, o, c) {
     const l = Math.min(o / s, c / h);
     super(t, e, i, r, s, h, Math.max(1, Math.floor(s * l)), Math.max(1, Math.floor(h * l)));
@@ -2037,7 +2037,7 @@ class k extends St {
     const h = t.context, o = h.createTexture();
     h.bindTexture(h.TEXTURE_2D, o), h.pixelStorei(h.UNPACK_FLIP_Y_WEBGL, 1), pt(h, h.NEAREST, h.NEAREST, h.CLAMP_TO_EDGE, h.CLAMP_TO_EDGE), h.texImage2D(h.TEXTURE_2D, 0, h.RGBA, h.RGBA, h.UNSIGNED_BYTE, i), h.bindTexture(h.TEXTURE_2D, null);
     const c = i.naturalWidth ?? i.width ?? i.videoWidth ?? 0, l = i.naturalHeight ?? i.height ?? i.videoHeight ?? 0;
-    return new k(h, t, o, e, c, l, r, s);
+    return new z(h, t, o, e, c, l, r, s);
   }
   $n() {
     return this.ln;
@@ -2113,8 +2113,8 @@ class Lt {
     a(this, "Vn", { x: -1 / 0, y: -1 / 0 });
     a(this, "Jn", null);
     a(this, "so", 0);
-    a(this, "eo");
     a(this, "io");
+    a(this, "eo");
     a(this, "ro");
     a(this, "no");
     a(this, "oo");
@@ -2141,9 +2141,9 @@ class Lt {
   _o() {
     if (this.ao) return;
     const t = this.kr.canvas;
-    this.eo = (e) => {
+    this.io = (e) => {
       this.yo(e), this.Ao(e);
-    }, this.io = () => {
+    }, this.eo = () => {
       this.Vn = { ...this.qn }, this.qn.x = -1 / 0, this.qn.y = -1 / 0, this.Jn = null;
     }, this.ro = (e) => {
       this.yo(e), this.wo(e);
@@ -2153,12 +2153,12 @@ class Lt {
       this.yo(e), this.Co(e);
     }, this.ho = (e) => {
       this.yo(e), this.xo(e);
-    }, t.addEventListener("mousemove", this.eo, { passive: !0 }), t.addEventListener("mouseleave", this.io, { passive: !0 }), t.addEventListener("mousedown", this.ro, { passive: !0 }), t.addEventListener("mouseup", this.no, { passive: !0 }), t.addEventListener("click", this.oo, { passive: !0 }), t.addEventListener("wheel", this.ho, { passive: !1 }), this.ao = !0;
+    }, t.addEventListener("mousemove", this.io, { passive: !0 }), t.addEventListener("mouseleave", this.eo, { passive: !0 }), t.addEventListener("mousedown", this.ro, { passive: !0 }), t.addEventListener("mouseup", this.no, { passive: !0 }), t.addEventListener("click", this.oo, { passive: !0 }), t.addEventListener("wheel", this.ho, { passive: !1 }), this.ao = !0;
   }
   Mo() {
     if (!this.ao) return;
     const t = this.kr.canvas;
-    t.removeEventListener("mousemove", this.eo), t.removeEventListener("mouseleave", this.io), t.removeEventListener("mousedown", this.ro), t.removeEventListener("mouseup", this.no), t.removeEventListener("click", this.oo), t.removeEventListener("wheel", this.ho), this.ao = !1;
+    t.removeEventListener("mousemove", this.io), t.removeEventListener("mouseleave", this.eo), t.removeEventListener("mousedown", this.ro), t.removeEventListener("mouseup", this.no), t.removeEventListener("click", this.oo), t.removeEventListener("wheel", this.ho), this.ao = !1;
   }
   Fo() {
     if (!this.ao) return;
@@ -2236,7 +2236,7 @@ class Lt {
     } else this.qn.x = -1 / 0, this.qn.y = -1 / 0;
   }
 }
-const Be = Object.freeze(Object.defineProperty({ __proto__: null, MouseManager: Lt }, Symbol.toStringTag, { value: "Module" }));
+const Ie = Object.freeze(Object.defineProperty({ __proto__: null, MouseManager: Lt }, Symbol.toStringTag, { value: "Module" }));
 class Nt {
   constructor() {
     a(this, "zo", /* @__PURE__ */ new Map());
@@ -2308,8 +2308,8 @@ class Nt {
     return this.Ho[t] || t.toLowerCase();
   }
 }
-const Ie = Object.freeze(Object.defineProperty({ __proto__: null, KeyboardManager: Nt }, Symbol.toStringTag, { value: "Module" }));
-class Dt {
+const _e = Object.freeze(Object.defineProperty({ __proto__: null, KeyboardManager: Nt }, Symbol.toStringTag, { value: "Module" }));
+class Bt {
   constructor(t, e, i) {
     a(this, "kr");
     a(this, "qo");
@@ -2318,8 +2318,8 @@ class Dt {
     a(this, "Jo", /* @__PURE__ */ new Map());
     a(this, "th", /* @__PURE__ */ new Map());
     a(this, "sh", null);
-    a(this, "eh");
     a(this, "ih");
+    a(this, "eh");
     a(this, "rh");
     a(this, "nh");
     a(this, "oh");
@@ -2349,7 +2349,7 @@ class Dt {
     a(this, "Sh", null);
     this.kr = t, this.Zn = e, this.qo = i;
     const r = this.kr.canvas;
-    this.eh = r.style.touchAction, this.ih = r.style.userSelect, r.style.touchAction || (r.style.touchAction = "none"), r.style.userSelect || (r.style.userSelect = "none");
+    this.ih = r.style.touchAction, this.eh = r.style.userSelect, r.style.touchAction || (r.style.touchAction = "none"), r.style.userSelect || (r.style.userSelect = "none");
   }
   _o() {
     if (this.ao) return;
@@ -2369,7 +2369,7 @@ class Dt {
     const t = this.kr.canvas;
     t.removeEventListener("touchstart", this.rh), t.removeEventListener("touchmove", this.nh), t.removeEventListener("touchend", this.oh), t.removeEventListener("touchcancel", this.hh), this.ao = !1, this.sh = null, this.Vo.clear(), this.Jo.clear(), this.th.forEach((e) => {
       e.longPressTimer !== null && window.clearTimeout(e.longPressTimer);
-    }), this.th.clear(), this.Sh = null, this.Rh = 0, t.style.touchAction = this.eh, t.style.userSelect = this.ih;
+    }), this.th.clear(), this.Sh = null, this.Rh = 0, t.style.touchAction = this.ih, t.style.userSelect = this.eh;
   }
   Fo() {
     if (!this.Zn() || this.Vo.size === 0) return;
@@ -2493,34 +2493,34 @@ class Dt {
     const [e, i] = this.sh.ids, r = this.Vo.get(e), s = this.Vo.get(i);
     if (!r || !s) return;
     const h = Y(r.x, r.y, s.x, s.y) / this.sh.initialDistance, o = h - this.sh.lastScale;
-    this.yh && Math.abs(o) > this.Ph && (this.yh({ touches: [this.Zh(r), this.Zh(s)], scale: h, deltaScale: o, center: this.ea(r, s), originalEvent: t }), this.sh.lastScale = h);
+    this.yh && Math.abs(o) > this.Ph && (this.yh({ touches: [this.Zh(r), this.Zh(s)], scale: h, deltaScale: o, center: this.ia(r, s), originalEvent: t }), this.sh.lastScale = h);
     let c = mt(r.clientX, r.clientY, s.clientX, s.clientY) - this.sh.initialAngle;
     c = (c + 180) % 360 - 180;
     const l = c - this.sh.lastRotation;
-    this.Ah && Math.abs(l) > this.Th && (this.Ah({ touches: [this.Zh(r), this.Zh(s)], rotation: c, deltaRotation: l, center: this.ea(r, s), originalEvent: t }), this.sh.lastRotation = c);
+    this.Ah && Math.abs(l) > this.Th && (this.Ah({ touches: [this.Zh(r), this.Zh(s)], rotation: c, deltaRotation: l, center: this.ia(r, s), originalEvent: t }), this.sh.lastRotation = c);
   }
-  ea(t, e) {
+  ia(t, e) {
     const i = (t.clientX + e.clientX) / 2, r = (t.clientY + e.clientY) / 2, s = this.Oh(i, r, -1, { id: -1, x: -1, y: -1, clientX: i, clientY: r });
     return { x: s.x, y: s.y };
   }
   ta(t, e) {
     const i = performance.now(), r = i - t.startTime, s = Y(t.startPosition.clientX, t.startPosition.clientY, t.lastPosition.clientX, t.lastPosition.clientY);
     if (!t.longPressFired && r <= this.wh && s <= this.Ch)
-      this.ia(t.lastPosition, i) && this.gh ? this.gh({ touch: this.Zh(t.lastPosition), taps: 2, originalEvent: e }) : this.ph && this.ph({ touch: this.Zh(t.lastPosition), taps: 1, originalEvent: e });
+      this.ea(t.lastPosition, i) && this.gh ? this.gh({ touch: this.Zh(t.lastPosition), taps: 2, originalEvent: e }) : this.ph && this.ph({ touch: this.Zh(t.lastPosition), taps: 1, originalEvent: e });
     else if (!t.longPressFired && r <= this.$h && s >= this.Fh) {
       const h = { x: t.lastPosition.clientX - t.startPosition.clientX, y: t.lastPosition.clientY - t.startPosition.clientY }, o = Math.max(Math.hypot(h.x, h.y), 1e-4), c = { x: h.x / o, y: h.y / o }, l = { x: h.x / r, y: h.y / r };
       this._h && this._h({ touch: this.Zh(t.lastPosition), direction: c, distance: o, velocity: l, originalEvent: e });
     }
     this.Rh = i, this.Sh = this.Zh(t.lastPosition);
   }
-  ia(t, e) {
+  ea(t, e) {
     return !this.Sh || e - this.Rh > this.bh ? !1 : Y(t.clientX, t.clientY, this.Sh.clientX, this.Sh.clientY) <= this.Ch;
   }
   Zh(t) {
     return { ...t };
   }
 }
-const _e = Object.freeze(Object.defineProperty({ __proto__: null, TouchManager: Dt }, Symbol.toStringTag, { value: "Module" }));
+const Oe = Object.freeze(Object.defineProperty({ __proto__: null, TouchManager: Bt }, Symbol.toStringTag, { value: "Module" }));
 class nt extends St {
   constructor(e, i, r, s, h, o, c, l, u) {
     const f = o / c;
@@ -2597,7 +2597,7 @@ class nt extends St {
     return !this.ra.paused && !this.ra.ended;
   }
 }
-const Xe = (n) => class extends n {
+const Ze = (n) => class extends n {
   oa(t, e, i, r) {
     if (S.nn(t)) return t;
     if (typeof t == "number" || typeof t == "string") return this.color(t, e, i, r);
@@ -2637,20 +2637,20 @@ const Xe = (n) => class extends n {
     return S.rn(t, e, i, r);
   }
   rect(t = 1, e = 1) {
-    this.Z.bi(t, e);
+    this.Z.be(t, e);
   }
   point() {
-    this.Z.bi(1, 1);
+    this.Z.be(1, 1);
   }
   line(t, e, i, r) {
-    this.Z.Ci(t, e, i, r);
+    this.Z.Ce(t, e, i, r);
   }
   lineWeight(t) {
     this.Z.state.Zt(t);
   }
   background(t, e, i, r = 255) {
     const s = this.oa(t, e, i, r);
-    this.Z.Ti(s.r, s.g, s.b, s.a);
+    this.Z.Te(s.r, s.g, s.b, s.a);
   }
   char(t) {
     const e = Array.from(t);
@@ -2678,58 +2678,58 @@ const Xe = (n) => class extends n {
     this.Z.state.ds(t);
   }
   clear() {
-    this.Z.Ae(0, 0, 0, 0);
+    this.Z.wi(0, 0, 0, 0);
   }
   ellipse(t, e) {
-    this.Z.xi(t / 2, e / 2);
+    this.Z.xe(t / 2, e / 2);
   }
   triangle(t, e, i, r, s, h) {
-    this.Z.Mi(t, e, i, r, s, h);
+    this.Z.Me(t, e, i, r, s, h);
   }
   bezierCurve(t, e, i, r, s, h, o, c) {
-    this.Z.Fi(t, e, i, r, s, h, o, c);
+    this.Z.Fe(t, e, i, r, s, h, o, c);
   }
   arc(t, e, i, r) {
-    this.Z.$i(t / 2, e / 2, i, r);
+    this.Z.$e(t / 2, e / 2, i, r);
   }
   shader(t) {
-    this.Z.gi(t);
+    this.Z.ge(t);
   }
   setUniform(t, e) {
     this.Z.I(t, e);
   }
   setUniforms(t) {
-    this.Z.mi(t);
+    this.Z.me(t);
   }
   async createFilterShader(t) {
     if (typeof t == "string" && (t.startsWith("./") || t.startsWith("../") || t.endsWith(".frag") || t.endsWith(".glsl"))) {
       const e = await fetch(t);
       if (!e.ok) throw Error(`Failed to load shader from ${t}: ${e.statusText}`);
       const i = await e.text();
-      return this.Z._i(i);
+      return this.Z._e(i);
     }
-    return this.Z._i(t);
+    return this.Z._e(t);
   }
   createFramebuffer(t) {
-    return this.Z.Pi(t.width ?? this.grid.cols, t.height ?? this.grid.rows, t.attachments ?? 3);
+    return this.Z.Pe(t.width ?? this.grid.cols, t.height ?? this.grid.rows, t.attachments ?? 3);
   }
   image(t, e, i) {
     const r = this.dn ?? this.ha.base.font;
-    this.Z.yi(t, e, i, r), t instanceof Z && this.Z.ct();
+    this.Z.ye(t, e, i, r), t instanceof X && this.Z.ct();
   }
   async loadImage(t) {
     if (typeof t != "string")
-      return k.Tn(this.Z, this.gn, t, this.grid.cols, this.grid.rows);
+      return z.Tn(this.Z, this.gn, t, this.grid.cols, this.grid.rows);
     const e = t, i = await new Promise((r, s) => {
       const h = new Image();
       h.crossOrigin = "anonymous", h.onload = () => r(h), h.onerror = (o) => s(o), h.src = e;
     });
-    return k.Tn(this.Z, this.gn, i, this.grid.cols, this.grid.rows);
+    return z.Tn(this.Z, this.gn, i, this.grid.cols, this.grid.rows);
   }
   async loadVideo(t) {
     return await nt.Tn(this.Z, this.gn, t, this.grid.cols, this.grid.rows);
   }
-}, Ze = (n) => class extends n {
+}, Xe = (n) => class extends n {
   get frameCount() {
     return this.aa.Kn;
   }
@@ -2751,7 +2751,7 @@ const Xe = (n) => class extends n {
   isLooping() {
     return this.aa.Yn;
   }
-}, ke = (n) => class extends n {
+}, ze = (n) => class extends n {
   constructor(...t) {
     super(...t);
   }
@@ -2776,7 +2776,7 @@ const Xe = (n) => class extends n {
   cursor(t) {
     this.qo.mo(t);
   }
-}, ze = (n) => class extends n {
+}, ke = (n) => class extends n {
   constructor(...t) {
     super(...t);
   }
@@ -2899,9 +2899,9 @@ class Ge {
   }
 }
 const V = `#version 300 es
-in vec2 A0;in vec2 A1;out vec2 v_uv;void main(){v_uv=A1;gl_Position=vec4(A0,0.,1.);}`, Ot = `#version 300 es
+in vec2 A0;in vec2 A1;out vec2 v_uv;void main(){v_uv=A1;gl_Position=vec4(A0,0.,1.);}`, Dt = `#version 300 es
 precision highp float;uniform sampler2D u_texture;in vec2 v_uv;out vec4 fragColor;void main(){fragColor=texture(u_texture,v_uv);}`;
-class Bt {
+class It {
   constructor() {
     a(this, "$a", /* @__PURE__ */ new Map());
     a(this, "Pa", []);
@@ -2950,7 +2950,7 @@ class Bt {
     });
   }
 }
-class It {
+class _t {
   constructor(t = "active") {
     a(this, "Ia");
     a(this, "Ha", "");
@@ -2991,7 +2991,7 @@ class It {
     this.Ia = "disabled";
   }
 }
-class _t {
+class Ot {
   constructor(t, e) {
     a(this, "tc", 0);
     a(this, "sc", 1);
@@ -3008,12 +3008,12 @@ class _t {
   In() {
     this.ec !== "none" && this.rc > 0 && (this.tc = performance.now());
   }
-  it() {
+  et() {
     if (this.ec === "none" || this.rc === 0) return this.sc = 1, !1;
     const t = performance.now() - this.tc, e = Math.min(1, t / this.rc);
     return e >= 1 ? (this.sc = 0, !0) : (this.sc = 1 - e, !1);
   }
-  te() {
+  ti() {
     this.sc = 1, this.tc = 0;
   }
 }
@@ -3026,13 +3026,13 @@ function gt(n, t) {
     return 0.2126 * c(s) + 0.7152 * c(h) + 0.0722 * c(o);
   }(t) > 0.5 ? "light" : "dark"), { mode: i, background: t, textColor: i === "light" ? "#1A1A1A" : "#F8F8F8", subtleColor: i === "light" ? "#4A4A4A" : "#C0C0C0" };
 }
-function Xt(n) {
+function Zt(n) {
   return n.mode === "light" ? ["#E91E63", "#9C27B0", "#FF6F00"] : ["#8EF9F3", "#F15BB5", "#FF9B71"];
 }
-function Zt(n, t) {
+function Xt(n, t) {
   return n.length ? n.map((e) => t.color(e)) : [t.color("#FFFFFF")];
 }
-class kt {
+class zt {
   constructor(t, e, i) {
     this.hc = t, this.id = e, this.label = i;
   }
@@ -3176,21 +3176,21 @@ class it {
     if (!this.ac) return void (this.xc = !1);
     if (!this.Cc && !r) return void (this.xc = !1);
     const s = this.gc.renderer;
-    this._c.begin(), s.state.qt(), t.dn = this.nr;
+    this._c.begin(), s.state.qt(), t.dn = this.nr, t.Uc = this.mc;
     try {
       this.Cc ? this.Cc.call(t) : r == null || r();
     } finally {
-      t.dn = void 0;
+      t.dn = void 0, t.Uc = void 0;
     }
     this._c.end();
     const h = this.Mc.length > 0, o = h ? this.wc : this.yc;
-    o.begin(), s.di(e);
+    o.begin(), s.ve(e);
     const c = this.mc;
-    e.O({ u_characterTexture: this.nr.fontFramebuffer, u_charsetDimensions: [this.nr.textureColumns, this.nr.textureRows], Ul: this._c.textures[0], Um: this._c.textures[1], Un: this._c.textures[2], Uo: [c.cols, c.rows], Up: [o.width, o.height], Uq: [0, 0, 0, 0] }), s.wi(0, 0, c.width, c.height), o.end(), h && this.gc.filterManager.Uc(this.wc.textures[0], this.yc, this.Mc, this.yc.width, this.yc.height, this.bc), this.Mc = [], this.xc = !0;
+    e.O({ u_characterTexture: this.nr.fontFramebuffer, u_charsetDimensions: [this.nr.textureColumns, this.nr.textureRows], Ud: this._c.textures[0], Ue: this._c.textures[1], Uf: this._c.textures[2], Ug: [c.cols, c.rows], Uh: [o.width, o.height], Ui: [0, 0, 0, 0] }), s.we(0, 0, c.width, c.height), o.end(), h && this.gc.filterManager.Ec(this.wc.textures[0], this.yc, this.Mc, this.yc.width, this.yc.height, this.bc), this.Mc = [], this.xc = !0;
   }
   Jr() {
     var t;
-    this._c && this.yc && ((t = this.mc) == null || t.te());
+    this._c && this.yc && ((t = this.mc) == null || t.ti());
   }
   gt() {
     var t, e, i, r, s, h, o;
@@ -3213,7 +3213,7 @@ class it {
   get height() {
     return this.yc ? this.yc.height : 0;
   }
-  get Ec() {
+  get Rc() {
     return this.xc;
   }
   get drawFramebuffer() {
@@ -3229,48 +3229,48 @@ class it {
   }
 }
 const We = { message: "LOADING...", tone: "auto", transition: "fade", transitionDuration: 500 };
-class zt {
+class kt {
   constructor(t, e, i) {
     a(this, "fa");
     a(this, "l");
-    a(this, "Rc");
-    a(this, "hc");
     a(this, "Sc");
+    a(this, "hc");
     a(this, "zc");
     a(this, "kc");
     a(this, "Dc");
-    a(this, "Lc", []);
-    a(this, "Oc");
-    a(this, "Bc", performance.now());
-    a(this, "Ic", 0);
-    a(this, "Hc", !1);
+    a(this, "Lc");
+    a(this, "Oc", []);
+    a(this, "Bc");
+    a(this, "Ic", performance.now());
+    a(this, "Hc", 0);
+    a(this, "Gc", !1);
     a(this, "Ar", !1);
-    a(this, "Yc");
-    this.fa = t, this.l = { ...We, ...e ?? {} }, this.Rc = new It("active"), this.hc = new Bt(), this.Sc = new _t(this.l.transition, this.l.transitionDuration), this.zc = new Ut(60), this.Oc = gt(this.l, i);
-    const r = Xt(this.Oc);
-    this.Lc = Zt(r, this.fa), this.Dc = this.Gc(), this.hc.za((s) => {
+    a(this, "jc");
+    this.fa = t, this.l = { ...We, ...e ?? {} }, this.Sc = new _t("active"), this.hc = new It(), this.zc = new Ot(this.l.transition, this.l.transitionDuration), this.kc = new Ut(60), this.Bc = gt(this.l, i);
+    const r = Zt(this.Bc);
+    this.Oc = Xt(r, this.fa), this.Lc = this.Qc(), this.hc.za((s) => {
       s >= 0.999 && this.Wa();
     });
   }
   async wr() {
     if (this.Ar) return;
-    const t = this.fa.Z, e = this.fa.kr, i = this.fa.Qc;
-    this.kc = new it(t, { visible: !0, opacity: 1, fontSize: 16 }), await this.kc.Fc({ renderer: t, canvas: e, filterManager: i, createFramebuffer: (r, s, h = 1, o) => t.Pi(r, s, h, o) }), this.Ar = !0;
+    const t = this.fa.Z, e = this.fa.kr, i = this.fa.Nc;
+    this.Dc = new it(t, { visible: !0, opacity: 1, fontSize: 16 }), await this.Dc.Fc({ renderer: t, canvas: e, filterManager: i, createFramebuffer: (r, s, h = 1, o) => t.Pe(r, s, h, o) }), this.Ar = !0;
   }
   get Xa() {
-    return this.Rc.Xa && this.Hc;
+    return this.Sc.Xa && this.Gc;
   }
   In() {
-    this.Hc || (this.Hc = !0, this.Bc = performance.now(), this.Ic = 0, this.zc.In(() => this.Nc()));
+    this.Gc || (this.Gc = !0, this.Ic = performance.now(), this.Hc = 0, this.kc.In(() => this.Xc()));
   }
   Hn() {
-    this.Hc && (this.Hc = !1, this.zc.Hn());
+    this.Gc && (this.Gc = !1, this.kc.Hn());
   }
   Jr() {
-    this.Ar && this.kc.Jr();
+    this.Ar && this.Dc.Jr();
   }
   gt() {
-    this.Hn(), this.Ar && (this.kc.gt(), this.Ar = !1);
+    this.Hn(), this.Ar && (this.Dc.gt(), this.Ar = !1);
   }
   get progress() {
     return this.hc.Sa;
@@ -3279,53 +3279,53 @@ class zt {
     return typeof t == "string" && (this.l.message = t), this.l.message;
   }
   addPhase(t, e = 1) {
-    this.Rc.Ka();
+    this.Sc.Ka();
     const i = this.hc.ka(t, e);
-    return new kt(this.hc, i, t);
+    return new zt(this.hc, i, t);
   }
   Wa() {
-    this.l.transition !== "none" && this.l.transitionDuration > 0 ? (this.Rc.Za(), this.Sc.In()) : (this.Rc.Wa(), this.Hn(), this.Xc());
+    this.l.transition !== "none" && this.l.transitionDuration > 0 ? (this.Sc.Za(), this.zc.In()) : (this.Sc.Wa(), this.Hn(), this.Yc());
   }
-  Xc() {
-    this.Yc && this.Yc();
+  Yc() {
+    this.jc && this.jc();
   }
-  jc(t) {
-    this.Yc = t;
+  Kc(t) {
+    this.jc = t;
   }
   error(t) {
-    this.Rc.Va(t);
+    this.Sc.Va(t);
   }
-  Nc() {
-    if (this.Rc.Xa) {
-      if (this.Ic++, this.Rc.Qa === "transitioning" && this.Sc.it())
-        return this.Rc.qa(), this.Xc(), void this.Hn();
-      this.Kc();
+  Xc() {
+    if (this.Sc.Xa) {
+      if (this.Hc++, this.Sc.Qa === "transitioning" && this.zc.et())
+        return this.Sc.qa(), this.Yc(), void this.Hn();
+      this.Wc();
     }
   }
-  Kc() {
+  Wc() {
     if (!this.Ar) return;
-    const t = this.kc, e = t.grid, i = this.fa.Z, r = this.fa.Wc, s = this.fa.Zc, h = { textmodifier: this.fa, grid: e, progress: this.progress, elapsedMs: performance.now() - this.Bc, frameCount: this.Ic, message: this.l.message, palette: this.Lc, theme: this.Oc, phases: this.hc.Ba(), transitionOpacity: this.Sc.nc, isError: this.Rc.Qa === "error", errorMessage: this.Rc.Ya || void 0, errorDetails: this.Rc.ja || void 0 };
+    const t = this.Dc, e = t.grid, i = this.fa.Z, r = this.fa.Zc, s = this.fa.qc, h = { textmodifier: this.fa, grid: e, progress: this.progress, elapsedMs: performance.now() - this.Ic, frameCount: this.Hc, message: this.l.message, palette: this.Oc, theme: this.Bc, phases: this.hc.Ba(), transitionOpacity: this.zc.nc, isError: this.Sc.Qa === "error", errorMessage: this.Sc.Ya || void 0, errorDetails: this.Sc.ja || void 0 };
     t.draw(() => {
       this.fa.clear(), this.fa.push();
       try {
-        this.Dc(h);
+        this.Lc(h);
       } finally {
         this.fa.pop();
       }
     }), t.ca(this.fa, r);
     const o = t.texture;
-    o && (i.Ae(...i.state.canvasBackgroundColor), i.di(s), s.O({ u_texture: o }), i.wi(e.offsetX, e.offsetY, e.width, e.height));
+    o && (i.wi(...i.state.canvasBackgroundColor), i.ve(s), s.O({ u_texture: o }), i.we(e.offsetX, e.offsetY, e.width, e.height));
   }
-  qc(t) {
-    this.Oc = gt(this.l, t);
+  Vc(t) {
+    this.Bc = gt(this.l, t);
   }
-  Gc() {
+  Qc() {
     const t = this.l.renderer || He;
     return (e) => {
-      t(e), this.Vc(e);
+      t(e), this.Jc(e);
     };
   }
-  Vc(t) {
+  Jc(t) {
     const { textmodifier: e, grid: i, frameCount: r, theme: s, transitionOpacity: h } = t, o = [116, 101, 120, 116, 109, 111, 100, 101, 46, 106, 115].map((f) => String.fromCharCode(f)).join(""), c = (i.rows + 1 >> 1) - 2, l = 2 - (i.cols + 1 >> 1), u = s.mode === "light" ? [[233, 30, 99], [156, 39, 176], [255, 111, 0]] : [[142, 249, 243], [241, 91, 181], [255, 155, 113]];
     e.push(), e.translate(l, c, 0);
     for (let f = 0; f < o.length; f++) {
@@ -3339,135 +3339,135 @@ const wt = { normal: 0, additive: 1, multiply: 2, screen: 3, subtract: 4, darken
 class Yt {
   constructor(t, e, i) {
     a(this, "Z");
-    a(this, "Jc");
+    a(this, "tl");
     a(this, "bc");
-    a(this, "tl", 0);
-    this.Z = t, this.Jc = t.pi(V, `#version 300 es
-precision highp float;uniform sampler2D Ud;uniform sampler2D Ue;uniform vec2 Uf;uniform vec2 Ug;uniform vec2 Uh;uniform float Ui;uniform float Uj;uniform int Uk;in vec2 v_uv;out vec4 fragColor;const int A=0;const int B=1;const int C=2;const int D=3;const int E=4;const int F=5;const int G=6;const int H=7;const int I=8;const int J=9;const int K=10;const int L=11;const int M=12;const int N=13;vec3 O(vec3 P,vec3 Q){return Q;}vec3 R(vec3 P,vec3 Q){return P+Q;}vec3 S(vec3 P,vec3 Q){return P*Q;}vec3 T(vec3 P,vec3 Q){return 1.-(1.-P)*(1.-Q);}vec3 U(vec3 P,vec3 Q){return max(P-Q,0.);}vec3 V(vec3 P,vec3 Q){return min(P,Q);}vec3 W(vec3 P,vec3 Q){return max(P,Q);}vec3 X(vec3 P,vec3 Q){return mix(2.*P*Q,1.-2.*(1.-P)*(1.-Q),step(0.5,P));}vec3 Y(vec3 P,vec3 Q){return mix(P-(1.-2.*Q)*P*(1.-P),mix(P+(2.*Q-1.)*(P*(3.-2.*P)-P),P+(2.*Q-1.)*(sqrt(P)-P),step(0.25,P)),step(0.5,Q));}vec3 Z(vec3 P,vec3 Q){return mix(2.*P*Q,1.-2.*(1.-P)*(1.-Q),step(0.5,Q));}vec3 a(vec3 P,vec3 Q){return mix(min(vec3(1.),P/max(1.-Q,0.0001)),vec3(1.),step(1.,Q));}vec3 b(vec3 P,vec3 Q){return mix(1.-min(vec3(1.),(1.-P)/max(Q,0.0001)),vec3(0.),step(Q,vec3(0.)));}vec3 c(vec3 P,vec3 Q){return abs(P-Q);}vec3 d(vec3 P,vec3 Q){return P+Q-2.*P*Q;}vec3 e(int f,vec3 P,vec3 Q){if(f==A)return O(P,Q);if(f==B)return R(P,Q);if(f==C)return S(P,Q);if(f==D)return T(P,Q);if(f==E)return U(P,Q);if(f==F)return V(P,Q);if(f==G)return W(P,Q);if(f==H)return X(P,Q);if(f==I)return Y(P,Q);if(f==J)return Z(P,Q);if(f==K)return a(P,Q);if(f==L)return b(P,Q);if(f==M)return c(P,Q);if(f==N)return d(P,Q);return O(P,Q);}void main(){vec4 g=texture(Ue,v_uv);vec2 h=v_uv*Uf;vec2 i=h-Uh;vec2 j=Ug*0.5;vec2 k=i-j;float l=cos(-Uj);float m=sin(-Uj);vec2 n=vec2(k.x*l-k.y*m,k.x*m+k.y*l);i=n+j;bool o=any(lessThan(i,vec2(0.)))||any(greaterThanEqual(i,Ug));if(o){fragColor=g;return;}vec2 p=(floor(i)+0.5)/Ug;vec4 q=texture(Ud,p);float r=q.a*Ui;if(r<=0.){fragColor=g;return;}vec3 s=e(Uk,g.rgb,q.rgb);vec3 t=mix(g.rgb,s,r);float u=g.a+r*(1.-g.a);fragColor=vec4(t,u);}`), this.bc = [this.Z.Pi(e, i, 1), this.Z.Pi(e, i, 1)];
+    a(this, "sl", 0);
+    this.Z = t, this.tl = t.pe(V, `#version 300 es
+precision highp float;uniform sampler2D Uj;uniform sampler2D Uk;uniform vec2 Ul;uniform vec2 Um;uniform vec2 Un;uniform float Uo;uniform float Up;uniform int Uq;in vec2 v_uv;out vec4 fragColor;const int A=0;const int B=1;const int C=2;const int D=3;const int E=4;const int F=5;const int G=6;const int H=7;const int I=8;const int J=9;const int K=10;const int L=11;const int M=12;const int N=13;vec3 O(vec3 P,vec3 Q){return Q;}vec3 R(vec3 P,vec3 Q){return P+Q;}vec3 S(vec3 P,vec3 Q){return P*Q;}vec3 T(vec3 P,vec3 Q){return 1.-(1.-P)*(1.-Q);}vec3 U(vec3 P,vec3 Q){return max(P-Q,0.);}vec3 V(vec3 P,vec3 Q){return min(P,Q);}vec3 W(vec3 P,vec3 Q){return max(P,Q);}vec3 X(vec3 P,vec3 Q){return mix(2.*P*Q,1.-2.*(1.-P)*(1.-Q),step(0.5,P));}vec3 Y(vec3 P,vec3 Q){return mix(P-(1.-2.*Q)*P*(1.-P),mix(P+(2.*Q-1.)*(P*(3.-2.*P)-P),P+(2.*Q-1.)*(sqrt(P)-P),step(0.25,P)),step(0.5,Q));}vec3 Z(vec3 P,vec3 Q){return mix(2.*P*Q,1.-2.*(1.-P)*(1.-Q),step(0.5,Q));}vec3 a(vec3 P,vec3 Q){return mix(min(vec3(1.),P/max(1.-Q,0.0001)),vec3(1.),step(1.,Q));}vec3 b(vec3 P,vec3 Q){return mix(1.-min(vec3(1.),(1.-P)/max(Q,0.0001)),vec3(0.),step(Q,vec3(0.)));}vec3 c(vec3 P,vec3 Q){return abs(P-Q);}vec3 d(vec3 P,vec3 Q){return P+Q-2.*P*Q;}vec3 e(int f,vec3 P,vec3 Q){if(f==A)return O(P,Q);if(f==B)return R(P,Q);if(f==C)return S(P,Q);if(f==D)return T(P,Q);if(f==E)return U(P,Q);if(f==F)return V(P,Q);if(f==G)return W(P,Q);if(f==H)return X(P,Q);if(f==I)return Y(P,Q);if(f==J)return Z(P,Q);if(f==K)return a(P,Q);if(f==L)return b(P,Q);if(f==M)return c(P,Q);if(f==N)return d(P,Q);return O(P,Q);}void main(){vec4 g=texture(Uk,v_uv);vec2 h=v_uv*Ul;vec2 i=h-Un;vec2 j=Um*0.5;vec2 k=i-j;float l=cos(-Up);float m=sin(-Up);vec2 n=vec2(k.x*l-k.y*m,k.x*m+k.y*l);i=n+j;bool o=any(lessThan(i,vec2(0.)))||any(greaterThanEqual(i,Um));if(o){fragColor=g;return;}vec2 p=(floor(i)+0.5)/Um;vec4 q=texture(Uj,p);float r=q.a*Uo;if(r<=0.){fragColor=g;return;}vec3 s=e(Uq,g.rgb,q.rgb);vec3 t=mix(g.rgb,s,r);float u=g.a+r*(1.-g.a);fragColor=vec4(t,u);}`), this.bc = [this.Z.Pe(e, i, 1), this.Z.Pe(e, i, 1)];
   }
-  sl(t) {
+  il(t) {
     const e = this.Z.context, { base: i, targetFramebuffer: r, backgroundColor: s, layers: h, canvasWidth: o, canvasHeight: c } = t, l = e.isEnabled(e.DEPTH_TEST), u = e.getParameter(e.DEPTH_WRITEMASK);
     l && e.disable(e.DEPTH_TEST), u && e.depthMask(!1);
     const f = this.bc[0];
-    f.begin(), this.Z.Ae(...s), f.end(), this.tl = 0, i.layer.ac && this.el(i.texture, o, c, i.width, i.height, i.layer.nc, i.offsetX, i.offsetY, i.layer.fc, "normal", e);
+    f.begin(), this.Z.wi(...s), f.end(), this.sl = 0, i.layer.ac && this.el(i.texture, o, c, i.width, i.height, i.layer.nc, i.offsetX, i.offsetY, i.layer.fc, "normal", e);
     for (const d of h) {
       const g = d.layer;
-      g.ac && g.Ec && this.el(d.texture, o, c, d.width, d.height, g.nc, d.offsetX, d.offsetY, g.fc, g.cc, e);
+      g.ac && g.Rc && this.el(d.texture, o, c, d.width, d.height, g.nc, d.offsetX, d.offsetY, g.fc, g.cc, e);
     }
-    this.il(r, o, c, e), e.depthMask(u), l && e.enable(e.DEPTH_TEST);
+    this.rl(r, o, c, e), e.depthMask(u), l && e.enable(e.DEPTH_TEST);
   }
   el(t, e, i, r, s, h, o, c, l, u, f) {
-    const d = this.bc[this.tl], g = this.tl === 0 ? 1 : 0, p = this.bc[g], v = l * (Math.PI / 180);
-    p.begin(), f.disable(f.BLEND), this.Z.di(this.Jc), this.Jc.O({ Ud: t, Ue: d.textures[0], Uf: [e, i], Ug: [r, s], Uh: [o, c], Ui: h, Uj: v, Uk: wt[u] }), this.Z.wi(0, 0, d.width, d.height), p.end(), this.tl = g;
+    const d = this.bc[this.sl], g = this.sl === 0 ? 1 : 0, p = this.bc[g], v = l * (Math.PI / 180);
+    p.begin(), f.disable(f.BLEND), this.Z.ve(this.tl), this.tl.O({ Uj: t, Uk: d.textures[0], Ul: [e, i], Um: [r, s], Un: [o, c], Uo: h, Up: v, Uq: wt[u] }), this.Z.we(0, 0, d.width, d.height), p.end(), this.sl = g;
   }
-  il(t, e, i, r) {
-    const s = this.bc[this.tl];
-    t.begin(), r.disable(r.BLEND), this.Z.di(this.Jc), this.Jc.O({ Ud: s.textures[0], Ue: s.textures[0], Uf: [e, i], Ug: [s.width, s.height], Uh: [0, 0], Ui: 1, Uj: 0, Uk: wt.normal }), this.Z.wi(0, 0, e, i), t.end();
+  rl(t, e, i, r) {
+    const s = this.bc[this.sl];
+    t.begin(), r.disable(r.BLEND), this.Z.ve(this.tl), this.tl.O({ Uj: s.textures[0], Uk: s.textures[0], Ul: [e, i], Um: [s.width, s.height], Un: [0, 0], Uo: 1, Up: 0, Uq: wt.normal }), this.Z.we(0, 0, e, i), t.end();
   }
   Jr(t, e) {
     this.bc[0].resize(t, e), this.bc[1].resize(t, e);
   }
   gt() {
-    this.Jc.dispose(), this.bc[0].gt(), this.bc[1].gt();
+    this.tl.dispose(), this.bc[0].gt(), this.bc[1].gt();
   }
 }
 class Gt {
   constructor(t, e) {
     a(this, "fa");
     a(this, "Z");
-    a(this, "rl");
     a(this, "nl");
-    a(this, "ol", []);
+    a(this, "ol");
     a(this, "hl", []);
-    a(this, "al");
-    a(this, "cl", !1);
-    a(this, "ll", /* @__PURE__ */ new Set());
-    this.fa = t, this.Z = t.Z, this.rl = t.Wc, this.nl = new Yt(this.Z, this.fa.kr.width, this.fa.kr.height), this.al = new it(this.Z, { visible: !0, opacity: 1, fontSize: e.fontSize, fontSource: e.fontSource });
+    a(this, "al", []);
+    a(this, "cl");
+    a(this, "ll", !1);
+    a(this, "ul", /* @__PURE__ */ new Set());
+    this.fa = t, this.Z = t.Z, this.nl = t.Zc, this.ol = new Yt(this.Z, this.fa.kr.width, this.fa.kr.height), this.cl = new it(this.Z, { visible: !0, opacity: 1, fontSize: e.fontSize, fontSource: e.fontSource });
   }
   async wr() {
-    if (!this.cl) {
-      await this.ul(this.al);
-      for (const t of this.ol) await this.ul(t), this.hl.push(t);
-      this.ol = [], this.cl = !0;
+    if (!this.ll) {
+      await this.fl(this.cl);
+      for (const t of this.hl) await this.fl(t), this.al.push(t);
+      this.hl = [], this.ll = !0;
     }
   }
   add(t = {}) {
     const e = new it(this.Z, t);
-    return this.cl ? (this.ul(e), this.hl.push(e)) : this.ol.push(e), e;
+    return this.ll ? (this.fl(e), this.al.push(e)) : this.hl.push(e), e;
   }
   remove(t) {
-    this.fl(this.hl, t) || this.fl(this.ol, t);
+    this.dl(this.al, t) || this.dl(this.hl, t);
   }
   move(t, e) {
-    this.dl(this.hl, t, e) || this.dl(this.ol, t, e);
+    this.vl(this.al, t, e) || this.vl(this.hl, t, e);
   }
   swap(t, e) {
-    t !== e && (this.vl(this.hl, t, e) || this.vl(this.ol, t, e));
+    t !== e && (this.pl(this.al, t, e) || this.pl(this.hl, t, e));
   }
   clear() {
-    this.al.gt(), this.hl.forEach((t) => t.gt()), this.hl = [], this.ol.forEach((t) => t.gt()), this.ol = [];
+    this.cl.gt(), this.al.forEach((t) => t.gt()), this.al = [], this.hl.forEach((t) => t.gt()), this.hl = [];
   }
-  pl(t, e) {
-    this.al.ca(this.fa, this.rl, { fallbackDraw: e });
+  ml(t, e) {
+    this.cl.ca(this.fa, this.nl, { fallbackDraw: e });
     const i = [...this.Z.state.canvasBackgroundColor];
-    this.ml(), this._l(t, i);
+    this._l(), this.yl(t, i);
   }
-  ml() {
-    this.hl.length !== 0 && this.hl.forEach((t) => t.ca(this.fa, this.rl));
+  _l() {
+    this.al.length !== 0 && this.al.forEach((t) => t.ca(this.fa, this.nl));
   }
-  _l(t, e) {
-    const i = this.fa.kr, r = this.al.grid, s = this.al.texture;
+  yl(t, e) {
+    const i = this.fa.kr, r = this.cl.grid, s = this.cl.texture;
     if (!s) return;
-    const h = { layer: this.al, texture: s, width: r.width, height: r.height, offsetX: r.offsetX + this.al.lc, offsetY: r.offsetY + this.al.uc }, o = this.hl.map((c) => {
+    const h = { layer: this.cl, texture: s, width: r.width, height: r.height, offsetX: r.offsetX + this.cl.lc, offsetY: r.offsetY + this.cl.uc }, o = this.al.map((c) => {
       const l = c.grid;
       return { layer: c, texture: c.texture, width: l.width, height: l.height, offsetX: l.offsetX + c.lc, offsetY: l.offsetY + c.uc };
     });
-    this.nl.sl({ base: h, layers: o, targetFramebuffer: t, backgroundColor: e, canvasWidth: i.width, canvasHeight: i.height });
+    this.ol.il({ base: h, layers: o, targetFramebuffer: t, backgroundColor: e, canvasWidth: i.width, canvasHeight: i.height });
   }
   Jr() {
-    this.cl && (this.al.Jr(), this.hl.forEach((t) => t.Jr()), this.nl.Jr(this.fa.kr.width, this.fa.kr.height));
+    this.ll && (this.cl.Jr(), this.al.forEach((t) => t.Jr()), this.ol.Jr(this.fa.kr.width, this.fa.kr.height));
   }
   gt() {
-    this.hl.forEach((t) => t.gt()), this.ol.forEach((t) => t.gt()), this.al.gt(), this.nl.gt();
+    this.al.forEach((t) => t.gt()), this.hl.forEach((t) => t.gt()), this.cl.gt(), this.ol.gt();
   }
   get all() {
-    return this.hl;
+    return this.al;
   }
   get base() {
-    return this.al;
+    return this.cl;
   }
   getTopmostGrid() {
-    for (let t = this.hl.length - 1; t >= 0; t--) {
-      const e = this.hl[t];
+    for (let t = this.al.length - 1; t >= 0; t--) {
+      const e = this.al[t];
       if (e.ac && e.grid) return e.grid;
     }
-    return this.al.grid;
+    return this.cl.grid;
   }
-  yl(t) {
-    this.ll.add(t);
+  Al(t) {
+    this.ul.add(t);
   }
-  Al() {
-    for (const t of this.ll) t();
+  wl() {
+    for (const t of this.ul) t();
   }
-  async ul(t) {
+  async fl(t) {
     var i;
-    const e = { renderer: this.Z, canvas: this.fa.kr, filterManager: this.fa.Qc, createFramebuffer: (r, s, h = 1, o) => this.Z.Pi(r, s, h, o) };
-    await t.Fc(e), (i = t.grid) == null || i.Hr(() => this.Al());
+    const e = { renderer: this.Z, canvas: this.fa.kr, filterManager: this.fa.Nc, createFramebuffer: (r, s, h = 1, o) => this.Z.Pe(r, s, h, o) };
+    await t.Fc(e), (i = t.grid) == null || i.Hr(() => this.wl());
   }
-  fl(t, e) {
+  dl(t, e) {
     const i = t.indexOf(e);
     if (i === -1) return !1;
     const [r] = t.splice(i, 1);
     return r.gt(), !0;
   }
-  dl(t, e, i) {
+  vl(t, e, i) {
     const r = t.indexOf(e);
     if (r === -1) return !1;
     t.splice(r, 1);
     const s = Math.max(0, Math.min(t.length, i));
     return t.splice(s, 0, e), !0;
   }
-  vl(t, e, i) {
+  pl(t, e, i) {
     const r = t.indexOf(e);
     if (r === -1) return !1;
     const s = t.indexOf(i);
@@ -3477,11 +3477,11 @@ class Gt {
 class Ht {
   constructor(t) {
     a(this, "Z");
-    a(this, "wl", /* @__PURE__ */ new Map());
     a(this, "bl", /* @__PURE__ */ new Map());
-    this.Z = t, this.Cl();
+    a(this, "Cl", /* @__PURE__ */ new Map());
+    this.Z = t, this.xl();
   }
-  async xl(t, e, i = {}) {
+  async Ml(t, e, i = {}) {
     const r = Object.entries(i), s = r.length > 0 ? r[0][1][0] : null;
     let h;
     if (typeof e == "string") {
@@ -3491,8 +3491,8 @@ class Ht {
         if (!l.ok) throw Error(`Failed to load shader from ${e}: ${l.statusText}`);
         c = await l.text();
       }
-      h = this.Z.pi(V, c), this.bl.set(t, h);
-    } else h = e, this.bl.set(t, h);
+      h = this.Z.pe(V, c), this.Cl.set(t, h);
+    } else h = e, this.Cl.set(t, h);
     const o = { id: t, createShader: () => h, createUniforms: (c, l) => {
       const u = { u_resolution: [l.width, l.height] };
       for (const [f, [d, g]] of r) {
@@ -3501,88 +3501,88 @@ class Ht {
       }
       return u;
     } };
-    this.wl.set(t, o);
+    this.bl.set(t, o);
   }
-  Ml(t) {
-    const e = this.bl.get(t);
-    return e && (e.dispose(), this.bl.delete(t)), this.wl.delete(t);
+  Fl(t) {
+    const e = this.Cl.get(t);
+    return e && (e.dispose(), this.Cl.delete(t)), this.bl.delete(t);
   }
   Pn(t) {
-    return this.wl.get(t);
+    return this.bl.get(t);
   }
   gt() {
-    for (const t of this.bl.values()) t.dispose();
-    this.bl.clear(), this.wl.clear();
-  }
-  Cl() {
-    this.xl("invert", `#version 300 es
-precision highp float;uniform sampler2D u_texture;in vec2 v_uv;out vec4 fragColor;void main(){vec4 A=texture(u_texture,v_uv);fragColor=vec4(1.-A.rgb,A.a);}`, {}), this.xl("grayscale", `#version 300 es
-precision highp float;uniform sampler2D u_texture;uniform float U8;in vec2 v_uv;out vec4 fragColor;void main(){vec4 A=texture(u_texture,v_uv);float B=dot(A.rgb,vec3(0.299,0.587,0.114));vec3 C=mix(A.rgb,vec3(B),U8);fragColor=vec4(C,A.a);}`, { U8: ["amount", 1] }), this.xl("sepia", `#version 300 es
-precision highp float;uniform sampler2D u_texture;uniform float U8;in vec2 v_uv;out vec4 fragColor;void main(){vec4 A=texture(u_texture,v_uv);vec3 B;B.r=dot(A.rgb,vec3(0.393,0.769,0.189));B.g=dot(A.rgb,vec3(0.349,0.686,0.168));B.b=dot(A.rgb,vec3(0.272,0.534,0.131));vec3 C=mix(A.rgb,B,U8);fragColor=vec4(C,A.a);}`, { U8: ["amount", 1] }), this.xl("threshold", `#version 300 es
+    for (const t of this.Cl.values()) t.dispose();
+    this.Cl.clear(), this.bl.clear();
+  }
+  xl() {
+    this.Ml("invert", `#version 300 es
+precision highp float;uniform sampler2D u_texture;in vec2 v_uv;out vec4 fragColor;void main(){vec4 A=texture(u_texture,v_uv);fragColor=vec4(1.-A.rgb,A.a);}`, {}), this.Ml("grayscale", `#version 300 es
+precision highp float;uniform sampler2D u_texture;uniform float U8;in vec2 v_uv;out vec4 fragColor;void main(){vec4 A=texture(u_texture,v_uv);float B=dot(A.rgb,vec3(0.299,0.587,0.114));vec3 C=mix(A.rgb,vec3(B),U8);fragColor=vec4(C,A.a);}`, { U8: ["amount", 1] }), this.Ml("sepia", `#version 300 es
+precision highp float;uniform sampler2D u_texture;uniform float U8;in vec2 v_uv;out vec4 fragColor;void main(){vec4 A=texture(u_texture,v_uv);vec3 B;B.r=dot(A.rgb,vec3(0.393,0.769,0.189));B.g=dot(A.rgb,vec3(0.349,0.686,0.168));B.b=dot(A.rgb,vec3(0.272,0.534,0.131));vec3 C=mix(A.rgb,B,U8);fragColor=vec4(C,A.a);}`, { U8: ["amount", 1] }), this.Ml("threshold", `#version 300 es
 precision highp float;uniform sampler2D u_texture;uniform float U9;in vec2 v_uv;out vec4 fragColor;void main(){vec4 A=texture(u_texture,v_uv);float B=dot(A.rgb,vec3(0.299,0.587,0.114));float C=step(U9,B);fragColor=vec4(vec3(C),A.a);}`, { U9: ["threshold", 0.5] });
   }
 }
 class Wt {
   constructor(t) {
     a(this, "Z");
-    a(this, "bl", /* @__PURE__ */ new Map());
+    a(this, "Cl", /* @__PURE__ */ new Map());
     a(this, "J");
     a(this, "bc");
     a(this, "Ar", !1);
-    a(this, "Fl");
-    this.Z = t, this.Fl = new Ht(this.Z), this.J = t.pi(V, Ot);
+    a(this, "$l");
+    this.Z = t, this.$l = new Ht(this.Z), this.J = t.pe(V, Dt);
   }
   async register(t, e, i = {}) {
-    await this.Fl.xl(t, e, i);
+    await this.$l.Ml(t, e, i);
   }
   unregister(t) {
-    return this.Fl.Ml(t) ?? !1;
+    return this.$l.Fl(t) ?? !1;
   }
   has(t) {
-    return this.Fl.Pn(t) !== void 0;
+    return this.$l.Pn(t) !== void 0;
   }
   wr(t, e) {
-    this.Ar || (this.bc = [this.Z.Pi(t, e, 1, { depth: !1 }), this.Z.Pi(t, e, 1, { depth: !1 })], this.Ar = !0);
+    this.Ar || (this.bc = [this.Z.Pe(t, e, 1, { depth: !1 }), this.Z.Pe(t, e, 1, { depth: !1 })], this.Ar = !0);
   }
-  $l(t, e, i, r, s) {
-    this.bc[0].width === r && this.bc[0].height === s || (this.bc[0].resize(r, s), this.bc[1].resize(r, s)), this.Uc(t, e, i, r, s, this.bc);
+  Pl(t, e, i, r, s) {
+    this.bc[0].width === r && this.bc[0].height === s || (this.bc[0].resize(r, s), this.bc[1].resize(r, s)), this.Ec(t, e, i, r, s, this.bc);
   }
-  Uc(t, e, i, r, s, h) {
-    if (i.length === 0) return void this.Pl(t, e, r, s);
+  Ec(t, e, i, r, s, h) {
+    if (i.length === 0) return void this.Tl(t, e, r, s);
     const o = this.Z.context, c = o.isEnabled(o.BLEND);
-    o.disable(o.BLEND), this.Pl(t, h[0], r, s);
+    o.disable(o.BLEND), this.Tl(t, h[0], r, s);
     let l = 0;
     for (let u = 0; u < i.length; u++) {
       const f = i[u], d = u === i.length - 1, g = l === 0 ? 1 : 0, p = d ? e : h[g];
-      this.Tl(f, h[l], p, r, s), d || (l = g);
+      this.El(f, h[l], p, r, s), d || (l = g);
     }
     c && o.enable(o.BLEND);
   }
-  Tl(t, e, i, r, s) {
-    const h = this.Fl.Pn(t.name);
-    if (!h) return console.warn(`[textmode.js] Unknown filter: "${t.name}". Skipping.`), void this.Pl(e.textures[0], i, r, s);
-    const o = this.El(t.name, h, r, s), c = { renderer: this.Z, gl: this.Z.context, width: r, height: s };
-    i.begin(), this.Z.di(o), o.O({ u_texture: e.textures[0] });
+  El(t, e, i, r, s) {
+    const h = this.$l.Pn(t.name);
+    if (!h) return console.warn(`[textmode.js] Unknown filter: "${t.name}". Skipping.`), void this.Tl(e.textures[0], i, r, s);
+    const o = this.Rl(t.name, h, r, s), c = { renderer: this.Z, gl: this.Z.context, width: r, height: s };
+    i.begin(), this.Z.ve(o), o.O({ u_texture: e.textures[0] });
     const l = h.createUniforms(t.params, c);
-    o.O(l), this.Z.wi(0, 0, r, s), i.end();
+    o.O(l), this.Z.we(0, 0, r, s), i.end();
   }
-  El(t, e, i, r) {
-    let s = this.bl.get(t);
+  Rl(t, e, i, r) {
+    let s = this.Cl.get(t);
     if (!s && e) {
       const h = { renderer: this.Z, gl: this.Z.context, width: i, height: r };
-      s = e.createShader(h), this.bl.set(t, s);
+      s = e.createShader(h), this.Cl.set(t, s);
     }
     return s;
   }
-  Pl(t, e, i, r) {
-    e.begin(), this.Z.di(this.J), this.J.O({ u_texture: t, u_resolution: [i, r] }), this.Z.wi(0, 0, i, r), e.end();
+  Tl(t, e, i, r) {
+    e.begin(), this.Z.ve(this.J), this.J.O({ u_texture: t, u_resolution: [i, r] }), this.Z.we(0, 0, i, r), e.end();
   }
   Jr(t, e) {
     this.bc && (this.bc[0].resize(t, e), this.bc[1].resize(t, e));
   }
   gt() {
-    for (const t of this.bl.values()) t.dispose();
-    this.bl.clear(), this.J.dispose(), this.Fl.gt(), this.bc && (this.bc[0].gt(), this.bc[1].gt()), this.Ar = !1;
+    for (const t of this.Cl.values()) t.dispose();
+    this.Cl.clear(), this.J.dispose(), this.$l.gt(), this.bc && (this.bc[0].gt(), this.bc[1].gt()), this.Ar = !1;
   }
 }
 const Qe = Object.freeze(Object.defineProperty({ __proto__: null, FilterRegistry: Ht, TextmodeFilterManager: Wt }, Symbol.toStringTag, { value: "Module" }));
@@ -3591,57 +3591,57 @@ const qe = { id: "brightness", createShader: ({ gl: n }) => (lt || (lt = new q(n
 precision highp float;in vec2 v_uv;uniform sampler2D u_image;uniform bool u_invert;uniform bool u_flipX;uniform bool u_flipY;uniform float u_charRotation;uniform bool u_charColorFixed;uniform vec4 u_charColor;uniform bool u_cellColorFixed;uniform vec4 u_cellColor;uniform vec4 u_backgroundColor;uniform int u_charCount;uniform vec3 u_charList[255];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 A;float B(vec3 C){return dot(C,vec3(0.299f,0.587f,0.114f));}void main(){vec2 D=vec2(v_uv.x,1.0f-v_uv.y);vec4 E=texture(u_image,D);float F=B(E.rgb);vec2 G=vec2(0.);if(u_charCount>0){float H=float(u_charCount);float I=clamp(F*(H-1.0f),0.0f,H-1.0f);int J=int(floor(I+0.5f));vec3 K=u_charList[J];G=K.xy;}else{G=vec2(0.0f,0.0f);}vec4 L=u_charColorFixed?u_charColor:E;vec4 M=u_cellColorFixed?u_cellColor:E;if(E.a<0.01f){discard;}o_primaryColor=vec4(L.rgb,L.a);o_secondaryColor=vec4(M.rgb,M.a);A=vec4(0.);int N=int(u_invert?1:0);int O=int(u_flipX?1:0);int P=int(u_flipY?1:0);float Q=float(N|(O<<1)|(P<<2))/255.;o_character=vec4(G,Q,clamp(u_charRotation,0.0f,1.0f));}`)), lt), createUniforms: ({ source: n }) => n.createBaseConversionUniforms() };
 class qt {
   constructor() {
-    a(this, "Rl", /* @__PURE__ */ new Map());
-    a(this, "bl", /* @__PURE__ */ new Map());
-    this.Sl();
-  }
-  xl(t) {
-    this.Rl.set(t.id, t);
+    a(this, "Sl", /* @__PURE__ */ new Map());
+    a(this, "Cl", /* @__PURE__ */ new Map());
+    this.zl();
   }
   Ml(t) {
-    const e = this.bl.get(t);
-    return e && (e.dispose(), this.bl.delete(t)), this.Rl.delete(t);
+    this.Sl.set(t.id, t);
+  }
+  Fl(t) {
+    const e = this.Cl.get(t);
+    return e && (e.dispose(), this.Cl.delete(t)), this.Sl.delete(t);
   }
   Pn(t) {
-    return this.Rl.get(t);
+    return this.Sl.get(t);
   }
-  zl(t) {
-    return this.Rl.has(t);
+  kl(t) {
+    return this.Sl.has(t);
   }
   gt() {
-    for (const t of this.bl.values()) t.dispose();
-    this.bl.clear(), this.Rl.clear();
+    for (const t of this.Cl.values()) t.dispose();
+    this.Cl.clear(), this.Sl.clear();
   }
-  Sl() {
-    this.xl(qe);
+  zl() {
+    this.Ml(qe);
   }
 }
 class jt {
   constructor() {
-    a(this, "kl");
-    this.kl = new qt();
+    a(this, "Dl");
+    this.Dl = new qt();
   }
   register(t) {
-    this.kl.xl(t);
+    this.Dl.Ml(t);
   }
   unregister(t) {
-    return this.kl.Ml(t);
+    return this.Dl.Fl(t);
   }
   has(t) {
-    return this.kl.zl(t);
+    return this.Dl.kl(t);
   }
   Pn(t) {
-    return this.kl.Pn(t);
+    return this.Dl.Pn(t);
   }
   gt() {
-    this.kl.gt();
+    this.Dl.gt();
   }
 }
 const Ke = Object.freeze(Object.defineProperty({ __proto__: null, ConversionRegistry: qt, TextmodeConversionManager: jt }, Symbol.toStringTag, { value: "Module" }));
 class je extends function(e, ...i) {
   return i.reduce((r, s) => s(r), e);
 }(class {
-}, Xe, Ze, ke, ze, Ye) {
+}, Ze, Xe, ze, ke, Ye) {
   constructor(e = {}) {
     super();
     a(this, "Z");
@@ -3650,84 +3650,85 @@ class je extends function(e, ...i) {
     a(this, "qo");
     a(this, "la");
     a(this, "ua");
-    a(this, "Dl");
-    a(this, "Wc");
+    a(this, "Ll");
     a(this, "Zc");
+    a(this, "qc");
     a(this, "ha");
     a(this, "dn");
-    a(this, "Qc");
+    a(this, "Uc");
+    a(this, "Nc");
     a(this, "gn");
-    a(this, "Ll", []);
-    a(this, "Ol");
+    a(this, "Ol", []);
     a(this, "Bl");
     a(this, "Il");
-    a(this, "Hl", !1);
+    a(this, "Hl");
     a(this, "Gl", !1);
     a(this, "Ql", !1);
     a(this, "Nl", !1);
-    a(this, "Xl", () => {
+    a(this, "Xl", !1);
+    a(this, "Yl", () => {
     });
     a(this, "Cc", () => {
     });
-    a(this, "Yl", () => {
+    a(this, "jl", () => {
     });
-    a(this, "jl");
     a(this, "Kl");
-    a(this, "Xr", !1);
     a(this, "Wl");
-    this.Il = new Ge(this), this.Xr = e.overlay ?? !1, this.kr = new Oe(e), this.Z = new me(this.kr.tn()), this.aa = new Ut(e.frameRate ?? 60), this.Dl = new zt(this, e.loadingScreen, this.kr.Vr()), this.Dl.jc(() => {
-      this.aa.Kn = 0, this.Nl = !0;
-    }), this.Wc = this.Z.pi(V, `#version 300 es
-precision highp float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D Um;uniform sampler2D Un;uniform sampler2D Ul;uniform vec2 Uo;uniform vec2 Up;uniform vec4 Uq;in vec2 v_uv;out vec4 fragColor;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/Up;vec2 F=E*Uo;vec2 G=floor(F);vec2 H=(G+0.5)/Uo;vec4 I=texture(Um,H);vec4 J=texture(Un,H);vec4 K=texture(Ul,H);int L=int(K.b*255.+0.5);bool M=(L&1)!=0;bool N=(L&2)!=0;bool O=(L&4)!=0;int P=int(K.r*255.+0.5)+int(K.g*255.+0.5)*256;int Q=int(u_charsetDimensions.x);int R=P/Q;int S=P-(R*Q);float T=(u_charsetDimensions.y-1.)-float(R);vec2 U=1./u_charsetDimensions;vec2 V=vec2(float(S),T)*U;vec2 W=V+U;float X=-K.a*360.*0.017453292;vec2 Y=fract(F)-0.5f;vec2 Z=vec2(N?-1.:1.,O?-1.:1.);Y*=Z;Y=A(X)*Y+0.5;vec2 a=V+clamp(Y,0.,1.)*U;const float b=0.0001;if(any(lessThan(a,V-b))||any(greaterThan(a,W+b))){fragColor=M?I:J;return;}vec4 c=texture(u_characterTexture,a);if(M)c.rgb=mix(c.rgb,1.-c.rgb,float(M));vec4 d=mix(Uq,J,J.a);fragColor=mix(d,I,c);}`), this.Zc = this.Z.pi(V, Ot), this.ha = new Gt(this, e);
+    a(this, "Xr", !1);
+    a(this, "Zl");
+    this.Hl = new Ge(this), this.Xr = e.overlay ?? !1, this.kr = new De(e), this.Z = new me(this.kr.tn()), this.aa = new Ut(e.frameRate ?? 60), this.Ll = new kt(this, e.loadingScreen, this.kr.Vr()), this.Ll.Kc(() => {
+      this.aa.Kn = 0, this.Xl = !0;
+    }), this.Zc = this.Z.pe(V, `#version 300 es
+precision highp float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D Ue;uniform sampler2D Uf;uniform sampler2D Ud;uniform vec2 Ug;uniform vec2 Uh;uniform vec4 Ui;in vec2 v_uv;out vec4 fragColor;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/Uh;vec2 F=E*Ug;vec2 G=floor(F);vec2 H=(G+0.5)/Ug;vec4 I=texture(Ue,H);vec4 J=texture(Uf,H);vec4 K=texture(Ud,H);int L=int(K.b*255.+0.5);bool M=(L&1)!=0;bool N=(L&2)!=0;bool O=(L&4)!=0;int P=int(K.r*255.+0.5)+int(K.g*255.+0.5)*256;int Q=int(u_charsetDimensions.x);int R=P/Q;int S=P-(R*Q);float T=(u_charsetDimensions.y-1.)-float(R);vec2 U=1./u_charsetDimensions;vec2 V=vec2(float(S),T)*U;vec2 W=V+U;float X=-K.a*360.*0.017453292;vec2 Y=fract(F)-0.5f;vec2 Z=vec2(N?-1.:1.,O?-1.:1.);Y*=Z;Y=A(X)*Y+0.5;vec2 a=V+clamp(Y,0.,1.)*U;const float b=0.0001;if(any(lessThan(a,V-b))||any(greaterThan(a,W+b))){fragColor=M?I:J;return;}vec4 c=texture(u_characterTexture,a);if(M)c.rgb=mix(c.rgb,1.-c.rgb,float(M));vec4 d=mix(Ui,J,J.a);fragColor=mix(d,I,c);}`), this.qc = this.Z.pe(V, Dt), this.ha = new Gt(this, e);
     const i = () => this.ha.getTopmostGrid();
-    this.qo = new Lt(this.kr, i), this.la = new Dt(this.kr, i, this.qo), this.ua = new Nt(), this.Qc = new Wt(this.Z), this.gn = new jt(), this.Dl.In(), this.Zl(e);
+    this.qo = new Lt(this.kr, i), this.la = new Bt(this.kr, i, this.qo), this.ua = new Nt(), this.Nc = new Wt(this.Z), this.gn = new jt(), this.Ll.In(), this.ql(e);
   }
-  async Zl(e) {
-    await this.ha.wr(), await this.Dl.wr();
+  async ql(e) {
+    await this.ha.wr(), await this.Ll.wr();
     const i = this.ha.base.grid;
-    this.ha.yl(() => {
+    this.ha.Al(() => {
       this.qo.Fo(), this.la.Fo();
-    }), this.Ol = this.Z.Pi(this.kr.width, this.kr.height, 1), this.Bl = this.Z.Pi(this.kr.width, this.kr.height, 1), this.Qc.wr(this.kr.width, this.kr.height), this.Xr && (this.Wl = k.Tn(this.Z, this.gn, this.kr.targetCanvas, i.cols, i.rows)), this.ql(), this.aa.In(() => this.ca()), await this.Il.ma(e.plugins ?? []);
+    }), this.Bl = this.Z.Pe(this.kr.width, this.kr.height, 1), this.Il = this.Z.Pe(this.kr.width, this.kr.height, 1), this.Nc.wr(this.kr.width, this.kr.height), this.Xr && (this.Zl = z.Tn(this.Z, this.gn, this.kr.targetCanvas, i.cols, i.rows)), this.Vl(), this.aa.In(() => this.ca()), await this.Hl.ma(e.plugins ?? []);
     try {
-      await this.Xl(), this.Dl.Wa();
+      await this.Yl(), this.Ll.Wa();
     } catch (r) {
-      console.error("Error during setup:", r), this.Dl.error(r);
+      console.error("Error during setup:", r), this.Ll.error(r);
     }
   }
-  ql() {
-    this.jl = () => {
-      this.Xr && this.resizeCanvas(this.kr.targetCanvas.width, this.kr.targetCanvas.height), this.Yl();
-    }, window.addEventListener("resize", this.jl), this.qo._o(), this.la._o(), this.ua._o(), window.addEventListener("blur", () => {
+  Vl() {
+    this.Kl = () => {
+      this.Xr && this.resizeCanvas(this.kr.targetCanvas.width, this.kr.targetCanvas.height), this.jl();
+    }, window.addEventListener("resize", this.Kl), this.qo._o(), this.la._o(), this.ua._o(), window.addEventListener("blur", () => {
       this.ua.Zo();
-    }), this.Xr && (this.Kl = new ResizeObserver(() => {
+    }), this.Xr && (this.Wl = new ResizeObserver(() => {
       this.resizeCanvas(this.kr.targetCanvas.width, this.kr.targetCanvas.height);
-    }), this.Kl.observe(this.kr.targetCanvas));
+    }), this.Wl.observe(this.kr.targetCanvas));
   }
   ca() {
-    if (!this.Dl.Xa && this.Nl) {
-      this.Gl = !0;
+    if (!this.Ll.Xa && this.Xl) {
+      this.Ql = !0;
       try {
-        this.aa.Xn(), this.aa.Wn(), this.Xr && Tt(this.Z.context, this.Wl.texture, this.kr.targetCanvas), this.Il.ba(), this.Z.state.qt(), this.ha.pl(this.Ol, () => this.Cc());
-        let e = this.Ol.textures[0];
-        this.Ll.length > 0 && (this.Qc.$l(this.Ol.textures[0], this.Bl, this.Ll, this.kr.width, this.kr.height), e = this.Bl.textures[0], this.Ll = []), this.Z.Ae(0, 0, 0, 0), this.Z.di(this.Zc), this.Zc.O({ u_texture: e }), this.Z.wi(0, 0, this.kr.width, this.kr.height), this.Il.xa();
+        this.aa.Xn(), this.aa.Wn(), this.Xr && Tt(this.Z.context, this.Zl.texture, this.kr.targetCanvas), this.Hl.ba(), this.Z.state.qt(), this.ha.ml(this.Bl, () => this.Cc());
+        let e = this.Bl.textures[0];
+        this.Ol.length > 0 && (this.Nc.Pl(this.Bl.textures[0], this.Il, this.Ol, this.kr.width, this.kr.height), e = this.Il.textures[0], this.Ol = []), this.Z.wi(0, 0, 0, 0), this.Z.ve(this.qc), this.qc.O({ u_texture: e }), this.Z.we(0, 0, this.kr.width, this.kr.height), this.Hl.xa();
       } finally {
-        this.Gl = !1, this.Hl && !this.Ql && this.Vl();
+        this.Ql = !1, this.Gl && !this.Nl && this.Jl();
       }
     }
   }
   resizeCanvas(e, i) {
     var r, s, h, o;
-    this.kr.Jr(e, i), this.Dl.qc(this.kr.Vr()), this.Dl.Jr(), (r = this.Ol) == null || r.resize(this.kr.width, this.kr.height), (s = this.Bl) == null || s.resize(this.kr.width, this.kr.height), (h = this.Qc) == null || h.Jr(this.kr.width, this.kr.height), (o = this.ha) == null || o.Jr(), this.Z.Ri(), this.ca();
+    this.kr.Jr(e, i), this.Ll.Vc(this.kr.Vr()), this.Ll.Jr(), (r = this.Bl) == null || r.resize(this.kr.width, this.kr.height), (s = this.Il) == null || s.resize(this.kr.width, this.kr.height), (h = this.Nc) == null || h.Jr(this.kr.width, this.kr.height), (o = this.ha) == null || o.Jr(), this.Z.Re(), this.ca();
   }
   destroy() {
-    this.Ql || this.Hl || (this.Hl = !0, this.aa.Gn(), this.Gl || this.Vl());
+    this.Nl || this.Gl || (this.Gl = !0, this.aa.Gn(), this.Ql || this.Jl());
   }
-  Vl() {
+  Jl() {
     var e, i, r, s, h, o, c;
-    this.Hl = !1, this.Dl.gt(), this.Il.Ma(), window.removeEventListener("resize", this.jl), (e = this.Kl) == null || e.disconnect(), this.qo.Mo(), this.la.Mo(), this.ua.Mo(), this.Wc.dispose(), (i = this.ha) == null || i.gt(), (r = this.Qc) == null || r.gt(), (s = this.gn) == null || s.gt(), (h = this.Ol) == null || h.gt(), (o = this.Bl) == null || o.gt(), this.Z.gt(), this.Zc.dispose(), (c = this.Wl) == null || c.gt(), this.kr.gt(), this.Ql = !0;
+    this.Gl = !1, this.Ll.gt(), this.Hl.Ma(), window.removeEventListener("resize", this.Kl), (e = this.Wl) == null || e.disconnect(), this.qo.Mo(), this.la.Mo(), this.ua.Mo(), this.Zc.dispose(), (i = this.ha) == null || i.gt(), (r = this.Nc) == null || r.gt(), (s = this.gn) == null || s.gt(), (h = this.Bl) == null || h.gt(), (o = this.Il) == null || o.gt(), this.Z.gt(), this.qc.dispose(), (c = this.Zl) == null || c.gt(), this.kr.gt(), this.Nl = !0;
   }
   filter(e, i) {
-    this.Ll.push({ name: e, params: i });
+    this.Ol.push({ name: e, params: i });
   }
   async loadFont(e) {
     return await this.ha.base.loadFont(e), this.ha.base.font;
@@ -3736,19 +3737,19 @@ precision highp float;uniform sampler2D u_characterTexture;uniform vec2 u_charse
     vt.m(typeof e == "number" && e > 0, "Font size must be a positive number greater than 0.", { method: "fontSize", providedValue: e }) && this.ha.base.font.fontSize !== e && this.ha.base.font.Mr(e);
   }
   async setup(e) {
-    this.Xl = e;
+    this.Yl = e;
   }
   draw(e) {
     this.Cc = e;
   }
   windowResized(e) {
-    this.Yl = e;
+    this.jl = e;
   }
   get grid() {
-    return this.ha.getTopmostGrid();
+    return this.Uc ?? this.ha.base.grid;
   }
   get font() {
-    return this.ha.base.font;
+    return this.dn ?? this.ha.base.font;
   }
   get width() {
     return this.kr.width;
@@ -3760,19 +3761,19 @@ precision highp float;uniform sampler2D u_characterTexture;uniform vec2 u_charse
     return this.kr.canvas;
   }
   get isDisposed() {
-    return this.Ql;
+    return this.Nl;
   }
   get overlay() {
-    return this.Wl;
+    return this.Zl;
   }
   get loading() {
-    return this.Dl;
+    return this.Ll;
   }
   get layers() {
     return this.ha;
   }
   get filters() {
-    return this.Qc;
+    return this.Nc;
   }
   get conversions() {
     return this.gn;
@@ -3788,15 +3789,15 @@ class At {
     vt._(t);
   }
   static get version() {
-    return "0.8.0-beta.1";
+    return "0.8.0-beta.2";
   }
 }
-const Je = Object.freeze(Object.defineProperty({ __proto__: null, LoadingPhase: kt, LoadingPhaseTracker: Bt, LoadingScreenManager: zt, LoadingScreenStateMachine: It, LoadingScreenTransition: _t, resolveColorInputs: Zt, resolveDefaultPalette: Xt, resolveTheme: gt }, Symbol.toStringTag, { value: "Module" })), $e = Object.freeze(Object.defineProperty({ __proto__: null, TextmodeFont: et, TextmodeImage: k, TextmodeVideo: nt }, Symbol.toStringTag, { value: "Module" })), ti = Object.freeze(Object.defineProperty({ __proto__: null, keyboard: Ie, mouse: Be, touch: _e }, Symbol.toStringTag, { value: "Module" })), ei = Object.freeze(Object.defineProperty({ __proto__: null, LayerCompositor: Yt, TextmodeLayer: it, TextmodeLayerManager: Gt }, Symbol.toStringTag, { value: "Module" })), ii = At.create, ri = At.setErrorLevel, si = At.version;
+const Je = Object.freeze(Object.defineProperty({ __proto__: null, LoadingPhase: zt, LoadingPhaseTracker: It, LoadingScreenManager: kt, LoadingScreenStateMachine: _t, LoadingScreenTransition: Ot, resolveColorInputs: Xt, resolveDefaultPalette: Zt, resolveTheme: gt }, Symbol.toStringTag, { value: "Module" })), $e = Object.freeze(Object.defineProperty({ __proto__: null, TextmodeFont: et, TextmodeImage: z, TextmodeVideo: nt }, Symbol.toStringTag, { value: "Module" })), ti = Object.freeze(Object.defineProperty({ __proto__: null, keyboard: _e, mouse: Ie, touch: Oe }, Symbol.toStringTag, { value: "Module" })), ei = Object.freeze(Object.defineProperty({ __proto__: null, LayerCompositor: Yt, TextmodeLayer: it, TextmodeLayerManager: Gt }, Symbol.toStringTag, { value: "Module" })), ii = At.create, ri = At.setErrorLevel, si = At.version;
 export {
-  Oe as TextmodeCanvas,
+  De as TextmodeCanvas,
   S as TextmodeColor,
   $t as TextmodeErrorLevel,
-  Z as TextmodeFramebuffer,
+  X as TextmodeFramebuffer,
   Le as TextmodeGrid,
   je as Textmodifier,
   Ke as conversion,