textmode.js 0.2.1-beta.7 → 0.2.1-beta.8

package/dist/textmode.esm.min.js

@@ -142,33 +142,33 @@ class j {
     a(this, "gt", null);
     a(this, "vt");
     a(this, "yt");
-    a(this, "wt", []);
-    a(this, "Ct");
+    a(this, "Ct", []);
+    a(this, "wt");
     a(this, "$t", null);
     a(this, "bt", []);
     a(this, "xt", null);
     a(this, "Mt", !1);
     a(this, "Rt", null);
-    this.dt = e, this._t = i, this.u = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...r }, this.vt = t, this.Ct = Math.min(Math.max(1, s), 8), this.xt = n, this.Mt = !!o, this.Rt = this.Mt ? new ht() : null;
+    this.dt = e, this._t = i, this.u = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...r }, this.vt = t, this.wt = Math.min(Math.max(1, s), 8), this.xt = n, this.Mt = !!o, this.Rt = this.Mt ? new ht() : null;
     const c = t.getParameter(t.MAX_DRAW_BUFFERS), l = t.getParameter(t.MAX_COLOR_ATTACHMENTS);
-    this.Ct = Math.min(this.Ct, c, l), this.yt = t.createFramebuffer(), this.Ft(), this.St(), this.bt = Array(this.Ct).fill(null);
+    this.wt = Math.min(this.wt, c, l), this.yt = t.createFramebuffer(), this.Ft(), this.St(), this.bt = Array(this.wt).fill(null);
   }
   Ft() {
     const t = this.vt, e = this.u.filter === "linear" ? t.LINEAR : t.NEAREST, i = this.u.wrap === "repeat" ? t.REPEAT : t.CLAMP_TO_EDGE, s = this.u.type === "float" ? t.FLOAT : t.UNSIGNED_BYTE;
-    for (let r = 0; r < this.Ct; r++) {
+    for (let r = 0; r < this.wt; r++) {
       const n = t.createTexture();
-      t.bindTexture(t.TEXTURE_2D, n), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, e), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, e), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, i), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, i), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, this.dt, this._t, 0, t.RGBA, s, null), this.wt.push(n);
+      t.bindTexture(t.TEXTURE_2D, n), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, e), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, e), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, i), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, i), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, this.dt, this._t, 0, t.RGBA, s, null), this.Ct.push(n);
     }
     t.bindTexture(t.TEXTURE_2D, null);
   }
   St() {
     const t = this.vt;
-    if (t.bindFramebuffer(t.FRAMEBUFFER, this.yt), this.Ct === 1) t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, this.wt[0], 0);
+    if (t.bindFramebuffer(t.FRAMEBUFFER, this.yt), this.wt === 1) t.framebufferTexture2D(t.FRAMEBUFFER, t.COLOR_ATTACHMENT0, t.TEXTURE_2D, this.Ct[0], 0);
     else {
       const i = [];
-      for (let s = 0; s < this.Ct; s++) {
+      for (let s = 0; s < this.wt; s++) {
         const r = t.COLOR_ATTACHMENT0 + s;
-        t.framebufferTexture2D(t.FRAMEBUFFER, r, t.TEXTURE_2D, this.wt[s], 0), i.push(r);
+        t.framebufferTexture2D(t.FRAMEBUFFER, r, t.TEXTURE_2D, this.Ct[s], 0), i.push(r);
       }
       t.drawBuffers(i);
     }
@@ -177,12 +177,12 @@ class j {
   }
   At(t) {
     const e = this.vt;
-    e.bindTexture(e.TEXTURE_2D, this.wt[0]), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, 1), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, t), e.bindTexture(e.TEXTURE_2D, null);
+    e.bindTexture(e.TEXTURE_2D, this.Ct[0]), e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, 1), e.texImage2D(e.TEXTURE_2D, 0, e.RGBA, e.RGBA, e.UNSIGNED_BYTE, t), e.bindTexture(e.TEXTURE_2D, null);
   }
   resize(t, e) {
-    this.dt = t, this._t = e, this.gt = null, this.bt = Array(this.Ct).fill(null);
+    this.dt = t, this._t = e, this.gt = null, this.bt = Array(this.wt).fill(null);
     const i = this.vt, s = this.u.type === "float" ? i.FLOAT : i.UNSIGNED_BYTE;
-    for (const r of this.wt) i.bindTexture(i.TEXTURE_2D, r), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, this.dt, this._t, 0, i.RGBA, s, null);
+    for (const r of this.Ct) i.bindTexture(i.TEXTURE_2D, r), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, this.dt, this._t, 0, i.RGBA, s, null);
     i.bindTexture(i.TEXTURE_2D, null);
   }
   zt(t) {
@@ -204,8 +204,8 @@ class j {
       const n = ((i = (e = this.xt).Tt) == null ? void 0 : i.call(e)) ?? null;
       n && this.xt.Et(n), this.Mt && this.Rt && ((r = (s = this.xt).Lt) == null || r.call(s, this.Rt));
     }
-    this.$t = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.yt), this.bt = Array(this.Ct).fill(null);
-    for (let n = 0; n < this.Ct; n++) t.clearBufferfv(t.COLOR, n, new Float32Array([0, 0, 0, 0]));
+    this.$t = { framebuffer: t.getParameter(t.FRAMEBUFFER_BINDING), viewport: t.getParameter(t.VIEWPORT) }, t.bindFramebuffer(t.FRAMEBUFFER, this.yt), this.bt = Array(this.wt).fill(null);
+    for (let n = 0; n < this.wt; n++) t.clearBufferfv(t.COLOR, n, new Float32Array([0, 0, 0, 0]));
     t.viewport(0, 0, this.dt, this._t), W(t, [0, 0, this.dt, this._t]);
   }
   end() {
@@ -221,7 +221,7 @@ class j {
   kt() {
     const t = this.vt;
     t.deleteFramebuffer(this.yt);
-    for (const e of this.wt) t.deleteTexture(e);
+    for (const e of this.Ct) t.deleteTexture(e);
   }
   get width() {
     return this.dt;
@@ -230,15 +230,15 @@ class j {
     return this._t;
   }
   get textures() {
-    return [...this.wt];
+    return [...this.Ct];
   }
 }
 class I {
   constructor(t, e, i) {
     a(this, "vt");
     a(this, "Gt");
-    a(this, "Dt", /* @__PURE__ */ new Map());
     a(this, "Bt", /* @__PURE__ */ new Map());
+    a(this, "Dt", /* @__PURE__ */ new Map());
     a(this, "It", 0);
     this.vt = t, this.Gt = this.Wt(e, i), this.Ot();
   }
@@ -248,9 +248,9 @@ class I {
       const i = this.vt.getActiveUniform(this.Gt, e);
       if (i) {
         const s = this.vt.getUniformLocation(this.Gt, i.name);
-        if (s && (this.Dt.set(i.name, s), this.Bt.set(i.name, { type: i.type, size: i.size }), i.size > 1)) {
+        if (s && (this.Bt.set(i.name, s), this.Dt.set(i.name, { type: i.type, size: i.size }), i.size > 1)) {
           const r = i.name.replace(/\[.*\]$/, "");
-          this.Dt.has(r) || (this.Dt.set(r, s), this.Bt.set(r, { type: i.type, size: i.size }));
+          this.Bt.has(r) || (this.Bt.set(r, s), this.Dt.set(r, { type: i.type, size: i.size }));
         }
       }
     }
@@ -281,21 +281,21 @@ class I {
     for (const [e, i] of Object.entries(t)) this.Xt(e, i);
   }
   jt(t) {
-    return this.Dt.has(t);
+    return this.Bt.has(t);
   }
   Yt(t) {
-    return this.Bt.get(t) || null;
+    return this.Dt.get(t) || null;
   }
   qt() {
     const t = [];
-    for (const [e, i] of this.Bt.entries()) t.push({ name: e, ...i });
+    for (const [e, i] of this.Dt.entries()) t.push({ name: e, ...i });
     return t;
   }
   Xt(t, e) {
     var c;
-    const i = this.Dt.get(t);
+    const i = this.Bt.get(t);
     if (!i) return;
-    const s = this.Bt.get(t);
+    const s = this.Dt.get(t);
     if (!s) return void console.warn(`No type information found for uniform '${t}'`);
     const { type: r, size: n } = s, o = this.vt;
     if (typeof e == "number") switch (r) {
@@ -362,8 +362,8 @@ class I {
     this.vt.deleteProgram(this.Gt);
   }
 }
-const k = `#version 300 es
-in vec2 a_position;in vec2 a_texCoord;in vec2 a_instancePosition;in vec2 a_instanceSize;in vec3 a_instanceCharacter;in vec4 a_instancePrimaryColor;in vec4 a_instanceSecondaryColor;in vec2 a_instanceRotation;in vec3 a_instanceTransform;in vec3 a_instanceGlobalRotation;in vec2 a_instanceRotationCenter;in vec2 a_instanceBezierCP1;in vec2 a_instanceBezierCP2;in vec2 a_instanceBezierStart;in vec2 a_instanceBezierEnd;in vec2 a_instanceArcAngles;uniform float U9;uniform vec2 Uw;out vec2 v_uv;out vec3 v_character;out vec4 v_primaryColor;out vec4 v_secondaryColor;out vec2 v_rotation;out vec3 v_transform;mat3 A(float B){float C=sin(B),D=cos(B);return mat3(1,0,0,0,D,-C,0,C,D);}mat3 E(float B){float C=sin(B),D=cos(B);return mat3(D,0,C,0,1,0,-C,0,D);}mat3 F(float B){float C=sin(B),D=cos(B);return mat3(D,-C,0,C,D,0,0,0,1);}vec2 G(float H,vec2 I,vec2 J,vec2 K,vec2 L){float M=1.-H,N=M*M,O=H*H;return N*M*I+3.*N*H*J+3.*M*O*K+O*H*L;}vec2 P(float H,vec2 I,vec2 J,vec2 K,vec2 L){float M=1.-H,N=M*M,O=H*H;return-3.*N*I+3.*N*J-6.*M*H*J+6.*M*H*K-3.*O*K+3.*O*L;}void main(){v_uv=a_texCoord;v_character=a_instanceCharacter;v_primaryColor=a_instancePrimaryColor;v_secondaryColor=a_instanceSecondaryColor;v_rotation=a_instanceRotation;v_transform=a_instanceTransform;vec2 Q;bool R=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool S=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(R){float H=a_position.x;vec2 T=G(H,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 U=P(H,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float V=length(U);U=V>0.?U/V:vec2(1,0);Q=T+vec2(-U.y,U.x)*a_position.y*a_instanceSize.y;}else if(S){float C=a_instanceArcAngles.x,W=a_instanceArcAngles.y;C=mod(C,6.28318530718);if(C<0.)C+=6.28318530718;W=mod(W,6.28318530718);if(W<0.)W+=6.28318530718;float X=C-W;if(X<=0.)X+=6.28318530718;float Y=C-a_position.x*X;vec2 Z=vec2(cos(Y),sin(Y))*a_position.y;Q=Z*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{Q=a_position*a_instanceSize+a_instancePosition;}vec2 a=(Q/Uw)*2.-1.;a.y=-a.y;if(length(a_instanceGlobalRotation)>0.){vec3 b=vec3(a-a_instanceRotationCenter,0);b.x*=U9;if(a_instanceGlobalRotation.x!=0.)b=A(-a_instanceGlobalRotation.x)*b;if(a_instanceGlobalRotation.y!=0.)b=E(-a_instanceGlobalRotation.y)*b;if(a_instanceGlobalRotation.z!=0.)b=F(-a_instanceGlobalRotation.z)*b;b.x/=U9;a=b.xy+a_instanceRotationCenter;}gl_Position=vec4(a,0,1);}`, at = "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.,1.);}";
+const N = `#version 300 es
+in vec2 a_position;in vec2 a_texCoord;in vec2 a_instancePosition;in vec2 a_instanceSize;in vec3 a_instanceCharacter;in vec4 a_instancePrimaryColor;in vec4 a_instanceSecondaryColor;in vec2 a_instanceRotation;in vec3 a_instanceTransform;in vec3 a_instanceGlobalRotation;in vec2 a_instanceRotationCenter;in vec2 a_instanceBezierCP1;in vec2 a_instanceBezierCP2;in vec2 a_instanceBezierStart;in vec2 a_instanceBezierEnd;in vec2 a_instanceArcAngles;uniform float U9;uniform vec2 Uy;out vec2 v_uv;out vec3 v_character;out vec4 v_primaryColor;out vec4 v_secondaryColor;out vec2 v_rotation;out vec3 v_transform;mat3 A(float B){float C=sin(B),D=cos(B);return mat3(1,0,0,0,D,-C,0,C,D);}mat3 E(float B){float C=sin(B),D=cos(B);return mat3(D,0,C,0,1,0,-C,0,D);}mat3 F(float B){float C=sin(B),D=cos(B);return mat3(D,-C,0,C,D,0,0,0,1);}vec2 G(float H,vec2 I,vec2 J,vec2 K,vec2 L){float M=1.-H,N=M*M,O=H*H;return N*M*I+3.*N*H*J+3.*M*O*K+O*H*L;}vec2 P(float H,vec2 I,vec2 J,vec2 K,vec2 L){float M=1.-H,N=M*M,O=H*H;return-3.*N*I+3.*N*J-6.*M*H*J+6.*M*H*K-3.*O*K+3.*O*L;}void main(){v_uv=a_texCoord;v_character=a_instanceCharacter;v_primaryColor=a_instancePrimaryColor;v_secondaryColor=a_instanceSecondaryColor;v_rotation=a_instanceRotation;v_transform=a_instanceTransform;vec2 Q;bool R=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool S=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(R){float H=a_position.x;vec2 T=G(H,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 U=P(H,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float V=length(U);U=V>0.?U/V:vec2(1,0);Q=T+vec2(-U.y,U.x)*a_position.y*a_instanceSize.y;}else if(S){float C=a_instanceArcAngles.x,W=a_instanceArcAngles.y;C=mod(C,6.28318530718);if(C<0.)C+=6.28318530718;W=mod(W,6.28318530718);if(W<0.)W+=6.28318530718;float X=C-W;if(X<=0.)X+=6.28318530718;float Y=C-a_position.x*X;vec2 Z=vec2(cos(Y),sin(Y))*a_position.y;Q=Z*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{Q=a_position*a_instanceSize+a_instancePosition;}vec2 a=(Q/Uy)*2.-1.;a.y=-a.y;if(length(a_instanceGlobalRotation)>0.){vec3 b=vec3(a-a_instanceRotationCenter,0);b.x*=U9;if(a_instanceGlobalRotation.x!=0.)b=A(-a_instanceGlobalRotation.x)*b;if(a_instanceGlobalRotation.y!=0.)b=E(-a_instanceGlobalRotation.y)*b;if(a_instanceGlobalRotation.z!=0.)b=F(-a_instanceGlobalRotation.z)*b;b.x/=U9;a=b.xy+a_instanceRotationCenter;}gl_Position=vec4(a,0,1);}`, at = "attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.,1.);}";
 class ft {
   constructor(t) {
     a(this, "vt");
@@ -371,10 +371,10 @@ class ft {
     a(this, "te");
     a(this, "ee");
     a(this, "se");
-    this.vt = t, this.te = new I(this.vt, k, `#version 300 es
-precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.,1.);o_transform=vec4(v_transform,1.);}`), this.Qt = new I(this.vt, k, `#version 300 es
-precision highp float;in vec2 v_uv;uniform sampler2D Ue;uniform sampler2D Uf;uniform sampler2D Ug;uniform sampler2D Uh;uniform sampler2D Ui;uniform vec2 Uj;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){vec2 A=vec2(v_uv.x,1.-v_uv.y);vec2 B=A*Uj;vec2 C=(floor(B)+0.5f)/Uj;vec4 D=texture(Ue,C);vec4 E=texture(Uf,C);if(E.a==0.){discard;}vec4 F=texture(Ug,C);vec4 G=texture(Uh,C);vec4 H=texture(Ui,C);o_character=D;o_primaryColor=E;o_secondaryColor=F;o_rotation=G;o_transform=H;}`), this.ee = new I(this.vt, at, "precision mediump float;uniform sampler2D U0;uniform vec2 U1;uniform sampler2D U3;uniform sampler2D U4;uniform sampler2D U5;uniform sampler2D U2;uniform sampler2D U6;uniform vec2 U7;uniform vec2 U8;mat2 A(float B){float C=sin(B);float D=cos(B);return mat2(D,-C,C,D);}void main(){vec2 E=gl_FragCoord.xy/U8;vec2 F=E*U7;vec2 G=floor(F);vec2 H=(G+0.5)/U7;vec4 I=texture2D(U3,H);vec4 J=texture2D(U4,H);vec4 K=texture2D(U5,H);bool L=K.r>0.5;bool M=K.g>0.5;bool N=K.b>0.5;vec4 O=texture2D(U2,H);int P=int(O.r*255.+0.5)+int(O.g*255.+0.5)*256;int Q=int(mod(float(P),U1.x));int R=P/int(U1.x);float S=(U1.y-1.)-float(R);vec2 T=vec2(float(Q),S)/U1;vec4 U=texture2D(U6,H);float V=U.r*255.+U.g;float W=-(V*360./255.)*0.017453292;vec2 X=fract(F)-0.5;if(M)X.x=-X.x;if(N)X.y=-X.y;X=A(W)*X+0.5;vec2 Y=1./U1;vec2 Z=T+X*Y;vec2 a=T+Y;if(any(lessThan(Z,T))||any(greaterThan(Z,a))){gl_FragColor=L?I:J;return;}vec4 b=texture2D(U0,Z);if(L)b.rgb=1.-b.rgb;gl_FragColor=mix(J,I,b);}"), this.se = new I(this.vt, k, `#version 300 es
-precision highp float;in vec2 v_uv;uniform sampler2D Uk;uniform bool Ul;uniform bool Um;uniform bool Un;uniform vec2 Uo;uniform bool Up;uniform vec3 Uq;uniform bool Ur;uniform vec3 Us;uniform vec4 Ut;uniform int Uu;uniform vec3 Uv[64];layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;float A(vec3 B){return dot(B,vec3(0.299,0.587,0.114));}void main(){vec2 C=vec2(v_uv.x,1.-v_uv.y);vec4 D=texture(Uk,C);float E=A(D.rgb);if(Uu>0){float F=float(Uu);float G=clamp(E*(F-1.),0.,F-1.);int H=int(floor(G+0.5));vec3 I=Uv[H];o_character=vec4(I,1.);}else{o_character=vec4(E,0.,0.,1.);}vec3 J=D.rgb;vec3 K=Up?Uq:J;vec3 L=Ur?Us:J;float M=Up?1.:D.a;float N;if(D.a<0.01){K=Ut.rgb;L=Ut.rgb;M=Ut.a;N=Ut.a;}else{N=Ur?1.:D.a;}o_primaryColor=vec4(K,M);o_secondaryColor=vec4(L,N);o_rotation=vec4(Uo.xy,0.,1.);o_transform=vec4(float(Ul),float(Um),float(Un),1.);}`);
+    this.vt = t, this.te = new I(this.vt, N, `#version 300 es
+precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.,1.);o_transform=vec4(v_transform,1.);}`), this.Qt = new I(this.vt, N, `#version 300 es
+precision highp float;in vec2 v_uv;uniform sampler2D Ue;uniform sampler2D Uf;uniform sampler2D Ug;uniform sampler2D Uh;uniform sampler2D Ui;uniform vec2 Uj;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){vec2 A=vec2(v_uv.x,1.-v_uv.y);vec2 B=A*Uj;vec2 C=(floor(B)+0.5f)/Uj;vec4 D=texture(Ue,C);vec4 E=texture(Uf,C);if(E.a==0.){discard;}vec4 F=texture(Ug,C);vec4 G=texture(Uh,C);vec4 H=texture(Ui,C);o_character=D;o_primaryColor=E;o_secondaryColor=F;o_rotation=G;o_transform=H;}`), this.ee = new I(this.vt, at, "precision mediump float;uniform sampler2D U0;uniform vec2 U1;uniform sampler2D U3;uniform sampler2D U4;uniform sampler2D U5;uniform sampler2D U2;uniform sampler2D U6;uniform vec2 U7;uniform vec2 U8;mat2 A(float B){float C=sin(B);float D=cos(B);return mat2(D,-C,C,D);}void main(){vec2 E=gl_FragCoord.xy/U8;vec2 F=E*U7;vec2 G=floor(F);vec2 H=(G+0.5)/U7;vec4 I=texture2D(U3,H);vec4 J=texture2D(U4,H);vec4 K=texture2D(U5,H);bool L=K.r>0.5;bool M=K.g>0.5;bool N=K.b>0.5;vec4 O=texture2D(U2,H);int P=int(O.r*255.+0.5)+int(O.g*255.+0.5)*256;int Q=int(mod(float(P),U1.x));int R=P/int(U1.x);float S=(U1.y-1.)-float(R);vec2 T=vec2(float(Q),S)/U1;vec4 U=texture2D(U6,H);float V=U.r*255.+U.g;float W=-(V*360./255.)*0.017453292;vec2 X=fract(F)-0.5;if(M)X.x=-X.x;if(N)X.y=-X.y;X=A(W)*X+0.5;vec2 Y=1./U1;vec2 Z=T+X*Y;vec2 a=T+Y;if(any(lessThan(Z,T))||any(greaterThan(Z,a))){gl_FragColor=L?I:J;return;}vec4 b=texture2D(U0,Z);if(L)b.rgb=1.-b.rgb;gl_FragColor=mix(J,I,b);}"), this.se = new I(this.vt, N, `#version 300 es
+precision highp float;in vec2 v_uv;uniform sampler2D Uk;uniform bool Ul;uniform bool Um;uniform bool Un;uniform vec2 Uo;uniform bool Up;uniform vec3 Uq;uniform bool Ur;uniform vec3 Us;uniform vec4 Ut;uniform int Uu;uniform vec3 Uv[64];layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;float A(vec3 B){return dot(B,vec3(0.299f,0.587f,0.114f));}void main(){vec2 C=vec2(v_uv.x,1.0f-v_uv.y);vec4 D=texture(Uk,C);float E=A(D.rgb);if(Uu>0){float F=float(Uu);float G=clamp(E*(F-1.0f),0.0f,F-1.0f);int H=int(floor(G+0.5f));vec3 I=Uv[H];o_character=vec4(I,1.0f);}else{o_character=vec4(E,0.0f,0.0f,1.0f);}vec3 J=D.rgb;vec3 K=Up?Uq:J;vec3 L=Ur?Us:J;float M=1.0f;float N=1.0f;if(D.a<0.01f){K=Ut.rgb;L=Ut.rgb;}o_primaryColor=vec4(K,M);o_secondaryColor=vec4(L,N);o_rotation=vec4(Uo.xy,0.0f,1.0f);o_transform=vec4(float(Ul),float(Um),float(Un),1.0f);}`);
   }
   ie() {
     return this.Qt;
@@ -389,7 +389,7 @@ precision highp float;in vec2 v_uv;uniform sampler2D Uk;uniform bool Ul;uniform
     return this.se;
   }
   oe(t) {
-    return new I(this.vt, k, t);
+    return new I(this.vt, N, t);
   }
   ae(t, e) {
     return new I(this.vt, t, e);
@@ -437,12 +437,12 @@ class gt {
   }
   ve(t, e, i) {
     const { shader: s } = t, r = H(this.vt) || this.vt.getParameter(this.vt.VIEWPORT);
-    s.Nt({ U9: r[2] / r[3], Uw: [r[2], r[3]] });
+    s.Nt({ U9: r[2] / r[3], Uy: [r[2], r[3]] });
     const n = (l) => {
       if (!l || !l.ye()) return;
       const u = l.unitGeometry, f = l.unitBuffer;
       try {
-        this.pe.ce(s.Jt, l.type + "", u, f), l.batch.we(s), l.batch.Ce(u.$e, u.be);
+        this.pe.ce(s.Jt, l.type + "", u, f), l.batch.Ce(s), l.batch.we(u.$e, u.be);
       } finally {
         l.batch.xe(s), this.pe._e(), l.Me();
       }
@@ -468,10 +468,10 @@ class gt {
   Ae(t, e, i, s, r, n, o, c) {
     e.Vt(), e.Nt(i);
     const l = this.vt.getParameter(this.vt.VIEWPORT);
-    if (e.Nt({ U9: l[2] / l[3], Uw: [l[2], l[3]] }), t.Me(), t.Fe({ x: s, y: r, width: n, height: o }, c), t.ye()) {
+    if (e.Nt({ U9: l[2] / l[3], Uy: [l[2], l[3]] }), t.Me(), t.Fe({ x: s, y: r, width: n, height: o }, c), t.ye()) {
       const u = t.unitGeometry, f = t.unitBuffer;
       try {
-        this.pe.ce(e.Jt, t.type + "", u, f), t.batch.we(e), t.batch.Ce(u.$e, u.be);
+        this.pe.ce(e.Jt, t.type + "", u, f), t.batch.Ce(e), t.batch.we(u.$e, u.be);
       } finally {
         t.batch.xe(e), this.pe._e(), t.Me();
       }
@@ -509,11 +509,11 @@ class pt {
     const c = this.Pe(w.CUSTOM);
     return c.params.x = t, c.params.y = e, c.params.width = i, c.params.height = s, c.params.shader = r, c.params.uniforms = n, o.J(c.state), c.id;
   }
-  De(t, e, i, s, r, n) {
+  Be(t, e, i, s, r, n) {
     const o = this.Pe(w.LINE);
     return o.params.x1 = t, o.params.y1 = e, o.params.x2 = i, o.params.y2 = s, o.params.thickness = r, n.J(o.state), o.id;
   }
-  Be(t, e, i, s, r) {
+  De(t, e, i, s, r) {
     const n = this.Pe(w.ELLIPSE);
     return n.params.x = t, n.params.y = e, n.params.width = i, n.params.height = s, r.J(n.state), n.id;
   }
@@ -562,10 +562,10 @@ const P = class P {
 };
 a(P, "BYTES_PER_INSTANCE", 140), a(P, "FLOATS_PER_INSTANCE", 35);
 let M = P;
-const C = class C {
+const A = class A {
 };
-a(C, "STRIDE", M.BYTES_PER_INSTANCE), a(C, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 92, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 124, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: C.STRIDE, offset: 132, divisor: 1 } });
-let X = C;
+a(A, "STRIDE", M.BYTES_PER_INSTANCE), a(A, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 92, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 124, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: A.STRIDE, offset: 132, divisor: 1 } });
+let X = A;
 class mt {
   constructor(t, e = 1e3, i = 1.5) {
     a(this, "vt");
@@ -623,7 +623,7 @@ class mt {
     }
     return e;
   }
-  we(t) {
+  Ce(t) {
     if (!this.ss || this.Qe.length === 0) return;
     const e = this.vt, i = t.Jt;
     this.fs();
@@ -638,7 +638,7 @@ class mt {
     const e = this.vt, i = this.ds(t.Jt);
     for (const [, s] of i) e.disableVertexAttribArray(s), e.vertexAttribDivisor(s, 0);
   }
-  Ce(t, e) {
+  we(t, e) {
     this.Qe.length !== 0 && this.vt.drawArraysInstanced(t, 0, e, this.Qe.length);
   }
   kt() {
@@ -655,7 +655,7 @@ class D {
     this.vt = t, this._s = e, this.ps = i, this.gs = s;
     const r = this.vt.createBuffer();
     if (!r) throw Error("Failed to create unit geometry buffer");
-    this.vt.bindBuffer(this.vt.ARRAY_BUFFER, r), this.vt.bufferData(this.vt.ARRAY_BUFFER, this.gs.ws, this.vt.STATIC_DRAW), this.vt.bindBuffer(this.vt.ARRAY_BUFFER, null), this.vs = r;
+    this.vt.bindBuffer(this.vt.ARRAY_BUFFER, r), this.vt.bufferData(this.vt.ARRAY_BUFFER, this.gs.Cs, this.vt.STATIC_DRAW), this.vt.bindBuffer(this.vt.ARRAY_BUFFER, null), this.vs = r;
   }
   get type() {
     return this.ps;
@@ -678,7 +678,7 @@ class D {
   kt() {
     this._s.kt(), this.vt.deleteBuffer(this.vs);
   }
-  Cs(t, e, i, s, r) {
+  ws(t, e, i, s, r) {
     const n = this.$s(t, e, i, s, r.H || 0, r.V || 0, r.K || 0);
     return { le: [t, e], Le: [i, s], j: r.j || [0, 0, 0], Y: r.Y || [1, 1, 1, 1], q: r.q || [0, 0, 0, 1], G: r.G || [0, 0], Ke: [r.k ? 1 : 0, r.N ? 1 : 0, r.X ? 1 : 0], H: n.radiansX, V: n.radiansY, K: n.radiansZ, Ne: [n.centerX, n.centerY] };
   }
@@ -695,27 +695,27 @@ class D {
     return { centerX: (t + i / 2) / l * 2 - 1, centerY: 1 - (e + s / 2) / u * 2, radiansX: -r * Math.PI / 180, radiansY: -n * Math.PI / 180, radiansZ: -o * Math.PI / 180, aspectRatio: l / u };
   }
 }
-const vt = { ws: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 1, 1]), be: 6, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
+const vt = { Cs: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 1, 1]), be: 6, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
 class xt extends D {
   constructor(t, e) {
     super(t, e, w.RECTANGLE, vt);
   }
   Fe(t, e) {
-    const i = this.Cs(t.x, t.y, t.width, t.height, e);
+    const i = this.ws(t.x, t.y, t.width, t.height, e);
     return this._s.Fe(i);
   }
 }
-const yt = { ws: new Float32Array([0, -0.5, 0, 0, 1, -0.5, 1, 0, 0, 0.5, 0, 1, 0, 0.5, 0, 1, 1, -0.5, 1, 0, 1, 0.5, 1, 1]), be: 6, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
+const yt = { Cs: new Float32Array([0, -0.5, 0, 0, 1, -0.5, 1, 0, 0, 0.5, 0, 1, 0, 0.5, 0, 1, 1, -0.5, 1, 0, 1, 0.5, 1, 1]), be: 6, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
 class Et extends D {
   constructor(t, e) {
     super(t, e, w.LINE, yt);
   }
   Fe(t, e) {
-    const i = t.x2 - t.x1, s = t.y2 - t.y1, r = Math.hypot(i, s), n = t.thickness || e.O || 1, o = t.x1 + i / 2, c = t.y1 + s / 2, l = o - r / 2, u = c, f = this.Cs(l, u, r, n, e);
+    const i = t.x2 - t.x1, s = t.y2 - t.y1, r = Math.hypot(i, s), n = t.thickness || e.O || 1, o = t.x1 + i / 2, c = t.y1 + s / 2, l = o - r / 2, u = c, f = this.ws(l, u, r, n, e);
     return this.Ms(f, o, c), this._s.Fe(f);
   }
 }
-const wt = { ws: function(h = 32) {
+const wt = { Cs: function(h = 32) {
   const t = [], e = 2 * Math.PI / h;
   for (let i = 0; i < h; i++) {
     const s = i * e, r = (i + 1) % h * e, n = Math.cos(s), o = Math.sin(s), c = 0.5 * (n + 1), l = 0.5 * (o + 1), u = Math.cos(r), f = Math.sin(r), g = 0.5 * (u + 1), v = 0.5 * (f + 1);
@@ -728,11 +728,11 @@ class Rt extends D {
     super(t, e, w.ELLIPSE, wt);
   }
   Fe(t, e) {
-    const i = this.Cs(t.x, t.y, t.width, t.height, e);
+    const i = this.ws(t.x, t.y, t.width, t.height, e);
     return this.Ms(i, t.x, t.y), this._s.Fe(i);
   }
 }
-let bt = { ws: function(h) {
+let bt = { Cs: function(h) {
   const t = [];
   for (let e = 0; e < h; e++) {
     const i = e / h, s = (e + 1) / h;
@@ -745,17 +745,17 @@ class Tt extends D {
     super(t, e, w.ARC, bt);
   }
   Fe(t, e) {
-    const i = t.x - t.width / 2, s = t.y - t.height / 2, r = t.start * Math.PI / 180, n = t.stop * Math.PI / 180, o = this.Cs(i, s, t.width, t.height, e);
+    const i = t.x - t.width / 2, s = t.y - t.height / 2, r = t.start * Math.PI / 180, n = t.stop * Math.PI / 180, o = this.ws(i, s, t.width, t.height, e);
     return this.Ms(o, t.x, t.y), o.Xe = [r, n], this._s.Fe(o);
   }
 }
-const Ct = { ws: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), be: 3, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
-class At extends D {
+const At = { Cs: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0.5, 1, 0.5, 1]), be: 3, $e: WebGL2RenderingContext.TRIANGLES, fe: 16, ue: { le: { size: 2, offset: 0 }, de: { size: 2, offset: 8 } } };
+class Ct extends D {
   constructor(t, e) {
-    super(t, e, w.TRIANGLE, Ct);
+    super(t, e, w.TRIANGLE, At);
   }
   Fe(t, e) {
-    const i = Math.min(t.x1, t.x2, t.x3), s = Math.max(t.x1, t.x2, t.x3), r = Math.min(t.y1, t.y2, t.y3), n = s - i, o = Math.max(t.y1, t.y2, t.y3) - r, c = this.Cs(i, r, n, o, e), l = i + 0.5 * n, u = r + o * (1 / 3);
+    const i = Math.min(t.x1, t.x2, t.x3), s = Math.max(t.x1, t.x2, t.x3), r = Math.min(t.y1, t.y2, t.y3), n = s - i, o = Math.max(t.y1, t.y2, t.y3) - r, c = this.ws(i, r, n, o, e), l = i + 0.5 * n, u = r + o * (1 / 3);
     return this.Ms(c, l, u), this._s.Fe(c);
   }
 }
@@ -763,7 +763,7 @@ function et(h, t, e, i, s) {
   const r = 1 - h, n = r * r, o = h * h;
   return n * r * t + 3 * n * h * e + 3 * r * o * i + o * h * s;
 }
-const _t = { ws: function(h = 16) {
+const _t = { Cs: function(h = 16) {
   const t = [];
   for (let e = 0; e < h; e++) {
     const i = e / h, s = (e + 1) / h;
@@ -776,7 +776,7 @@ class Ut extends D {
     super(t, e, w.BEZIER_CURVE, _t);
   }
   Fe(t, e) {
-    const i = e.O || 1, s = et(0.5, t.x1, t.cp1x, t.cp2x, t.x2), r = et(0.5, t.y1, t.cp1y, t.cp2y, t.y2), n = this.Cs(0, 0, 1, i, e);
+    const i = e.O || 1, s = et(0.5, t.x1, t.cp1x, t.cp2x, t.x2), r = et(0.5, t.y1, t.cp1y, t.cp2y, t.y2), n = this.ws(0, 0, 1, i, e);
     return this.Ms(n, s, r), n.qe = [t.x1, t.y1], n.je = [t.cp1x, t.cp1y], n.Ye = [t.cp2x, t.cp2y], n.Ze = [t.x2, t.y2], this._s.Fe(n);
   }
 }
@@ -799,7 +799,7 @@ class Lt {
     let e = this.Ts.get(t);
     if (e) return e;
     const i = new mt(this.vt);
-    return e = (0, { [w.RECTANGLE]: () => new xt(this.vt, i), [w.LINE]: () => new Et(this.vt, i), [w.ELLIPSE]: () => new Rt(this.vt, i), [w.ARC]: () => new Tt(this.vt, i), [w.TRIANGLE]: () => new At(this.vt, i), [w.BEZIER_CURVE]: () => new Ut(this.vt, i) }[t])(), this.Ts.set(t, e), e;
+    return e = (0, { [w.RECTANGLE]: () => new xt(this.vt, i), [w.LINE]: () => new Et(this.vt, i), [w.ELLIPSE]: () => new Rt(this.vt, i), [w.ARC]: () => new Tt(this.vt, i), [w.TRIANGLE]: () => new Ct(this.vt, i), [w.BEZIER_CURVE]: () => new Ut(this.vt, i) }[t])(), this.Ts.set(t, e), e;
   }
   Gs(t) {
     this.Rs !== t && (this.Rs = t, t.Vt());
@@ -819,13 +819,13 @@ class Lt {
   ne() {
     return this.Fs.ne();
   }
-  Ds(t) {
+  Bs(t) {
     this.Ss = t, t && (this.As = {});
   }
   Xt(t, e) {
     this.As[t] = e;
   }
-  Bs(t) {
+  Ds(t) {
     Object.assign(this.As, t);
   }
   oe(t) {
@@ -850,10 +850,10 @@ class Lt {
     this.Ss ? (this.Ls.Ge(t, e, i, s, this.Ss, { ...this.As }, this.Ps), this.Ss = null, this.As = {}) : this.Ls.ke(t, e, i, s, this.Ps);
   }
   Ks(t, e, i, s) {
-    this.Ls.De(t, e, i, s, this.Ps.lineWeight, this.Ps);
+    this.Ls.Be(t, e, i, s, this.Ps.lineWeight, this.Ps);
   }
   Ns(t, e, i, s) {
-    this.Ls.Be(t, e, i, s, this.Ps);
+    this.Ls.De(t, e, i, s, this.Ps);
   }
   Xs(t, e, i, s, r, n) {
     this.Ls.We(t, e, i, s, r, n, this.Ps);
@@ -1028,9 +1028,9 @@ function St(h) {
           } else {
             const d = r.readBits(5) + 257, x = r.readBits(5) + 1, p = r.readBits(4) + 4, E = [16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15], y = Array(19).fill(0);
             for (let U = 0; U < p; U++) y[E[U]] = r.readBits(3);
-            const A = O(y), b = [];
+            const C = O(y), b = [];
             for (; b.length < d + x; ) {
-              const U = V(r, A);
+              const U = V(r, C);
               if (U <= 15) b.push(U);
               else if (U === 16) {
                 const G = r.readBits(2) + 3, S = b[b.length - 1] || 0;
@@ -1061,10 +1061,10 @@ function St(h) {
                 E && (p += r.readBits(E));
                 const y = V(r, m);
                 if (y >= 30) throw Error("Invalid distance symbol");
-                let A = l[y];
+                let C = l[y];
                 const b = u[y];
-                b && (A += r.readBits(b));
-                const T = n.length - A;
+                b && (C += r.readBits(b));
+                const T = n.length - C;
                 if (T < 0) throw Error("Invalid distance");
                 for (let L = 0; L < p; L++) n.push(n[T + L] || 0);
               } else if (d === 286 || d === 287) throw Error("Reserved length symbol");
@@ -1081,8 +1081,8 @@ function Bt(h) {
   const i = t.readUint(e, 4), s = t.readUshort(e, 12), r = t.readUint(e, 16), n = [];
   let o = 44;
   for (let p = 0; p < s; p++) {
-    const E = t.readASCII(e, o, 4), y = t.readUint(e, o + 4), A = t.readUint(e, o + 8), b = t.readUint(e, o + 12), T = t.readUint(e, o + 16);
-    n.push({ tag: E, offset: y, compLength: A, origLength: b, checksum: T }), o += 20;
+    const E = t.readASCII(e, o, 4), y = t.readUint(e, o + 4), C = t.readUint(e, o + 8), b = t.readUint(e, o + 12), T = t.readUint(e, o + 16);
+    n.push({ tag: E, offset: y, compLength: C, origLength: b, checksum: T }), o += 20;
   }
   for (const p of n) {
     const E = new Uint8Array(e.buffer, p.offset, p.compLength);
@@ -1108,8 +1108,8 @@ function Bt(h) {
     if (p.tag === "head" && E.length >= 12) {
       const y = new Uint8Array(E);
       t.writeUint(y, 8, 0);
-      const A = Y(y, 0, z(y.length));
-      t.writeUint(d, x, A), x += 4;
+      const C = Y(y, 0, z(y.length));
+      t.writeUint(d, x, C), x += 4;
     } else {
       const y = Y(E, 0, z(E.length));
       t.writeUint(d, x, y), x += 4;
@@ -1121,8 +1121,8 @@ function Bt(h) {
     d.set(p.data, E);
   }
   if (n.find((p) => p.tag === "head")) {
-    const p = m.head, E = function(y, A) {
-      const b = R, T = A + 8, L = [y[T], y[T + 1], y[T + 2], y[T + 3]];
+    const p = m.head, E = function(y, C) {
+      const b = R, T = C + 8, L = [y[T], y[T + 1], y[T + 2], y[T + 3]];
       b.writeUint(y, T, 0);
       const U = 2981146554 - (Y(y, 0, z(y.length)) >>> 0) >>> 0;
       return y[T] = L[0], y[T + 1] = L[1], y[T + 2] = L[2], y[T + 3] = L[3], U >>> 0;
@@ -1398,27 +1398,27 @@ class q {
 }
 class $t {
   constructor(t) {
-    a(this, "wi");
     a(this, "Ci");
+    a(this, "wi");
     a(this, "xt");
     a(this, "$i");
-    this.xt = t, this.$i = new q(), this.wi = document.createElement("canvas"), this.Ci = this.wi.getContext("2d", { willReadFrequently: !0, alpha: !1 });
+    this.xt = t, this.$i = new q(), this.Ci = document.createElement("canvas"), this.wi = this.Ci.getContext("2d", { willReadFrequently: !0, alpha: !1 });
   }
   createTextureAtlas(t, e, i, s) {
     const r = t.length, n = Math.ceil(Math.sqrt(r)), o = Math.ceil(r / n), c = e.width * n, l = e.height * o, u = typeof s == "object" ? s : null;
     this.bi(c, l), this.xi(t, e, n, i, u);
     const f = this.xt.Ys(c, l, 1, { filter: "nearest" });
-    return f.At(this.wi), { framebuffer: f, columns: n, rows: o };
+    return f.At(this.Ci), { framebuffer: f, columns: n, rows: o };
   }
   bi(t, e) {
-    this.wi.width = t, this.wi.height = e, this.wi.style.width = t + "px", this.wi.style.height = t + "px", this.Ci.imageSmoothingEnabled = !1, this.wi.style.imageRendering = "pixelated", this.Ci.fillStyle = "black", this.Ci.fillRect(0, 0, t, e), this.Ci.textBaseline = "top", this.Ci.textAlign = "left", this.Ci.fillStyle = "white";
+    this.Ci.width = t, this.Ci.height = e, this.Ci.style.width = t + "px", this.Ci.style.height = t + "px", this.wi.imageSmoothingEnabled = !1, this.Ci.style.imageRendering = "pixelated", this.wi.fillStyle = "black", this.wi.fillRect(0, 0, t, e), this.wi.textBaseline = "top", this.wi.textAlign = "left", this.wi.fillStyle = "white";
   }
   xi(t, e, i, s, r) {
     const n = s / r.head.unitsPerEm;
     for (let o = 0; o < t.length; o++) {
       const c = o % i, l = Math.floor(o / i), u = t[o].character, f = this.Mi(r, u);
       if (!f) continue;
-      const g = u.codePointAt(0) || 0, v = this.$i.ui(r, g), m = this.Ri(r, v) * n, d = c * e.width, x = l * e.height, p = d + 0.5 * e.width, E = x + 0.5 * e.height, y = Math.round(p - 0.5 * e.width), A = Math.round(E - 0.5 * s), b = y + 0.5 * (e.width - m), T = A + r.hhea.ascender * n;
+      const g = u.codePointAt(0) || 0, v = this.$i.ui(r, g), m = this.Ri(r, v) * n, d = c * e.width, x = l * e.height, p = d + 0.5 * e.width, E = x + 0.5 * e.height, y = Math.round(p - 0.5 * e.width), C = Math.round(E - 0.5 * s), b = y + 0.5 * (e.width - m), T = C + r.hhea.ascender * n;
       this.Fi(f, b, T, n);
     }
   }
@@ -1440,39 +1440,39 @@ class $t {
     if (!t || !t.xs || t.noc === 0) return;
     const { xs: r, ys: n, endPts: o, flags: c } = t;
     if (!(r && n && o && c)) return;
-    this.Ci.beginPath();
+    this.wi.beginPath();
     let l = 0;
     for (let u = 0; u < o.length; u++) {
       const f = o[u];
       if (!(f < l)) {
         if (f >= l) {
           const g = e + r[l] * s, v = i - n[l] * s;
-          this.Ci.moveTo(g, v);
+          this.wi.moveTo(g, v);
           let m = l + 1;
           for (; m <= f; )
             if (1 & c[m]) {
               const d = e + r[m] * s, x = i - n[m] * s;
-              this.Ci.lineTo(d, x), m++;
+              this.wi.lineTo(d, x), m++;
             } else {
               const d = e + r[m] * s, x = i - n[m] * s;
               let p = m + 1 > f ? l : m + 1;
               if (1 & c[p]) {
                 const E = e + r[p] * s, y = i - n[p] * s;
-                this.Ci.quadraticCurveTo(d, x, E, y), m = p + 1;
+                this.wi.quadraticCurveTo(d, x, E, y), m = p + 1;
               } else {
                 const E = (d + (e + r[p] * s)) / 2, y = (x + (i - n[p] * s)) / 2;
-                this.Ci.quadraticCurveTo(d, x, E, y), m = p;
+                this.wi.quadraticCurveTo(d, x, E, y), m = p;
               }
             }
-          this.Ci.closePath();
+          this.wi.closePath();
         }
         l = f + 1;
       }
     }
-    this.Ci.fill();
+    this.wi.fill();
   }
 }
-class Nt {
+class kt {
   constructor() {
     a(this, "Si");
     this.Si = new q();
@@ -1492,7 +1492,7 @@ class Nt {
     this.Si.yi();
   }
 }
-class kt {
+class Nt {
   constructor() {
     a(this, "$i");
     this.$i = new q();
@@ -1526,15 +1526,15 @@ class zt {
     a(this, "Pi", []);
     a(this, "ki");
     a(this, "Gi", 16);
-    a(this, "Di", 0);
     a(this, "Bi", 0);
+    a(this, "Di", 0);
     a(this, "Ii", { width: 0, height: 0 });
     a(this, "Wi");
     a(this, "Oi");
     a(this, "Hi");
     a(this, "Vi");
     a(this, "Ki");
-    this.Gi = e, this.Oi = new Ot(), this.Hi = new $t(t), this.Vi = new Nt(), this.Ki = new kt();
+    this.Gi = e, this.Oi = new Ot(), this.Hi = new $t(t), this.Vi = new kt(), this.Ki = new Nt();
   }
   async Ni(t) {
     let e;
@@ -1550,7 +1550,7 @@ class zt {
     if (t === void 0) return this.Gi;
     this.Gi = t, this.Ii = this.Vi.Ai(this.Pi.map((i) => i.character), this.Gi, this.Li);
     const e = this.Hi.createTextureAtlas(this.Pi, this.Ii, this.Gi, this.Li);
-    this.ki = e.framebuffer, this.Di = e.columns, this.Bi = e.rows;
+    this.ki = e.framebuffer, this.Bi = e.columns, this.Di = e.rows;
   }
   async qi(t) {
     try {
@@ -1573,7 +1573,7 @@ class zt {
     const t = this.Oi.ii(this.Li), e = this.Oi.oi(t);
     this.Pi = this.Ki.createCharacterObjects(e, this.Li), this.Ii = this.Vi.Ai(e, this.Gi, this.Li);
     const i = this.Hi.createTextureAtlas(this.Pi, this.Ii, this.Gi, this.Li);
-    this.ki = i.framebuffer, this.Di = i.columns, this.Bi = i.rows;
+    this.ki = i.framebuffer, this.Bi = i.columns, this.Di = i.rows;
   }
   Ti(t) {
     return this.Ki.Ti(t, this.Pi);
@@ -1591,10 +1591,10 @@ class zt {
     return this.Pi;
   }
   get textureColumns() {
-    return this.Di;
+    return this.Bi;
   }
   get textureRows() {
-    return this.Bi;
+    return this.Di;
   }
   get maxGlyphDimensions() {
     return this.Ii;
@@ -1732,7 +1732,7 @@ class Ht {
     return this.er.height;
   }
 }
-class N {
+class k {
   constructor(t, e, i, s) {
     a(this, "vr");
     a(this, "dt");
@@ -1743,10 +1743,10 @@ class N {
     a(this, "X", 0);
     a(this, "G", [0, 0]);
     a(this, "yr", "sampled");
-    a(this, "wr", "fixed");
+    a(this, "Cr", "fixed");
     a(this, "Y", [1, 1, 1]);
     a(this, "q", [0, 0, 0]);
-    a(this, "Cr", [0, 0, 0, 1]);
+    a(this, "wr", [0, 0, 0, 1]);
     a(this, "$r", [[0.1, 0, 0]]);
     a(this, "br");
     this.vt = t, this.vr = e, this.dt = i, this._t = s;
@@ -1771,13 +1771,13 @@ class N {
     return this.G = [i, s], this;
   }
   Os() {
-    return { texture: this.vr, invert: this.k, flipX: this.N, flipY: this.X, charRotation: this.G, charColorFixed: this.yr === "fixed", charColor: this.Y, cellColorFixed: this.wr === "fixed", cellColor: this.q, backgroundColor: this.Cr, charCount: this.$r.length, charList: this.$r };
+    return { texture: this.vr, invert: this.k, flipX: this.N, flipY: this.X, charRotation: this.G, charColorFixed: this.yr === "fixed", charColor: this.Y, cellColorFixed: this.Cr === "fixed", cellColor: this.q, backgroundColor: this.wr, charCount: this.$r.length, charList: this.$r };
   }
   charColorMode(t) {
     return this.yr = t, this;
   }
   cellColorMode(t) {
-    return this.wr = t, this;
+    return this.Cr = t, this;
   }
   charColor(t, e, i) {
     return this.Y = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255], this;
@@ -1786,7 +1786,7 @@ class N {
     return this.q = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255], this;
   }
   background(t, e, i, s) {
-    return this.Cr = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255, (s ?? 255) / 255], this;
+    return this.wr = [(t ?? 0) / 255, (e ?? t ?? 0) / 255, (i ?? t ?? 0) / 255, (s ?? 255) / 255], this;
   }
   characters(t) {
     const e = this.br(t).filter((i) => Array.isArray(i)).slice(0, 64);
@@ -1795,7 +1795,7 @@ class N {
   static Rr(t, e, i) {
     const s = t.context, r = s.createTexture();
     s.bindTexture(s.TEXTURE_2D, r), s.pixelStorei(s.UNPACK_FLIP_Y_WEBGL, 1), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_MIN_FILTER, s.NEAREST), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_MAG_FILTER, s.NEAREST), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_WRAP_S, s.CLAMP_TO_EDGE), s.texParameteri(s.TEXTURE_2D, s.TEXTURE_WRAP_T, s.CLAMP_TO_EDGE), s.texImage2D(s.TEXTURE_2D, 0, s.RGBA, s.RGBA, s.UNSIGNED_BYTE, e), s.bindTexture(s.TEXTURE_2D, null);
-    const n = e.naturalWidth ?? e.width ?? e.videoWidth ?? 0, o = e.naturalHeight ?? e.height ?? e.videoHeight ?? 0, c = new N(s, r, n, o);
+    const n = e.naturalWidth ?? e.width ?? e.videoWidth ?? 0, o = e.naturalHeight ?? e.height ?? e.videoHeight ?? 0, c = new k(s, r, n, o);
     return c.br = i, c;
   }
   get texture() {
@@ -1879,8 +1879,8 @@ class Xt {
 }
 class Yt {
   constructor() {
-    a(this, "Dr", /* @__PURE__ */ new Map());
-    a(this, "Br", null);
+    a(this, "Br", /* @__PURE__ */ new Map());
+    a(this, "Dr", null);
     a(this, "Ir", null);
     a(this, "Wr");
     a(this, "Or");
@@ -1897,7 +1897,7 @@ class Yt {
     }, window.addEventListener("keydown", this.Wr, { passive: !1 }), window.addEventListener("keyup", this.Or, { passive: !1 }), this.Hr = !0);
   }
   qr() {
-    this.Hr && (window.removeEventListener("keydown", this.Wr), window.removeEventListener("keyup", this.Or), this.Hr = !1, this.Dr.clear(), this.Br = null, this.Ir = null);
+    this.Hr && (window.removeEventListener("keydown", this.Wr), window.removeEventListener("keyup", this.Or), this.Hr = !1, this.Br.clear(), this.Dr = null, this.Ir = null);
   }
   Zr(t) {
     this.Vr = t;
@@ -1906,39 +1906,39 @@ class Yt {
     this.Kr = t;
   }
   Qr(t) {
-    const e = this.tn(t), i = this.Dr.get(t) || this.Dr.get(e);
+    const e = this.tn(t), i = this.Br.get(t) || this.Br.get(e);
     return (i == null ? void 0 : i.isPressed) || !1;
   }
   en() {
-    return this.Br;
+    return this.Dr;
   }
   sn() {
     return this.Ir;
   }
   rn() {
     const t = [];
-    for (const [e, i] of this.Dr) i.isPressed && t.push(e);
+    for (const [e, i] of this.Br) i.isPressed && t.push(e);
     return t;
   }
   nn() {
     return { ctrl: this.Qr("Control"), shift: this.Qr("Shift"), alt: this.Qr("Alt"), meta: this.Qr("Meta") };
   }
   an() {
-    this.Dr.clear(), this.Br = null, this.Ir = null;
+    this.Br.clear(), this.Dr = null, this.Ir = null;
   }
   jr(t) {
     const e = t.key, i = Date.now();
-    this.Dr.has(e) || this.Dr.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
-    const s = this.Dr.get(e);
-    if (!s.isPressed && (s.isPressed = !0, s.lastPressTime = i, this.Br = e, this.Vr)) {
+    this.Br.has(e) || this.Br.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
+    const s = this.Br.get(e);
+    if (!s.isPressed && (s.isPressed = !0, s.lastPressTime = i, this.Dr = e, this.Vr)) {
       const r = { key: e, keyCode: t.keyCode, ctrlKey: t.ctrlKey, shiftKey: t.shiftKey, altKey: t.altKey, metaKey: t.metaKey, isPressed: !0, originalEvent: t };
       this.Vr(r);
     }
   }
   Yr(t) {
     const e = t.key, i = Date.now();
-    this.Dr.has(e) || this.Dr.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
-    const s = this.Dr.get(e);
+    this.Br.has(e) || this.Br.set(e, { isPressed: !1, lastPressTime: 0, lastReleaseTime: 0 });
+    const s = this.Br.get(e);
     if (s.isPressed = !1, s.lastReleaseTime = i, this.Ir = e, this.Kr) {
       const r = { key: e, keyCode: t.keyCode, ctrlKey: t.ctrlKey, shiftKey: t.shiftKey, altKey: t.altKey, metaKey: t.metaKey, isPressed: !1, originalEvent: t };
       this.Kr(r);
@@ -1964,8 +1964,8 @@ class Vt {
     a(this, "Hr", !1);
     a(this, "vn");
     a(this, "yn");
-    a(this, "wn");
     a(this, "Cn");
+    a(this, "wn");
     a(this, "$n");
     this.er = t;
   }
@@ -2011,10 +2011,10 @@ class Vt {
     this.yn = t;
   }
   Jr(t) {
-    this.wn = t;
+    this.Cn = t;
   }
   Tn(t) {
-    this.Cn = t;
+    this.wn = t;
   }
   En(t) {
     this.$n = t;
@@ -2023,9 +2023,9 @@ class Vt {
     return { x: this.cn.x, y: this.cn.y };
   }
   Mn(t) {
-    if (this.Cn) {
+    if (this.wn) {
       const e = { position: { ...this.cn }, previousPosition: { ...this.ln }, originalEvent: t };
-      this.Cn(e);
+      this.wn(e);
     }
   }
   Rn(t) {
@@ -2035,9 +2035,9 @@ class Vt {
     }
   }
   Fn(t) {
-    if (this.wn) {
+    if (this.Cn) {
       const e = { position: { ...this.cn }, previousPosition: { ...this.ln }, button: t.button, originalEvent: t };
-      this.wn(e);
+      this.Cn(e);
     }
   }
   Sn(t) {
@@ -2130,13 +2130,13 @@ const Kt = (h) => class extends h {
     this.xt.qs(t, e, i, s, r, n);
   }
   shader(t) {
-    this.xt.Ds(t);
+    this.xt.Bs(t);
   }
   setUniform(t, e) {
     this.xt.Xt(t, e);
   }
   setUniforms(t) {
-    this.xt.Bs(t);
+    this.xt.Ds(t);
   }
   createFilterShader(t) {
     return this.xt.oe(t);
@@ -2154,12 +2154,12 @@ const Kt = (h) => class extends h {
     }
   }
   async loadImage(t) {
-    if (typeof t != "string") return N.Rr(this.xt, t, (s) => this.Li.Ei(s));
+    if (typeof t != "string") return k.Rr(this.xt, t, (s) => this.Li.Ei(s));
     const e = t, i = await new Promise((s, r) => {
       const n = new Image();
       n.crossOrigin = "anonymous", n.onload = () => s(n), n.onerror = (o) => r(o), n.src = e;
     });
-    return N.Rr(this.xt, i, (s) => this.Li.Ei(s));
+    return k.Rr(this.xt, i, (s) => this.Li.Ei(s));
   }
 };
 class J {
@@ -2175,12 +2175,12 @@ class J {
   }
 }
 class Q {
-  Dn(t, e) {
+  Bn(t, e) {
     return new Blob([t], { type: e });
   }
-  Bn(t, e, i) {
+  Dn(t, e, i) {
     try {
-      const s = this.Dn(t, i), r = URL.createObjectURL(s), n = document.createElement("a");
+      const s = this.Bn(t, i), r = URL.createObjectURL(s), n = document.createElement("a");
       n.href = r, n.download = e, n.style.display = "none", n.rel = "noopener", document.body.appendChild(n), n.click(), document.body.removeChild(n), URL.revokeObjectURL(r);
     } catch (s) {
       console.error("Failed to download file:", s);
@@ -2273,11 +2273,11 @@ class qt {
               const x = e + r[d] * s, p = i - n[d] * s;
               let E = d + 1 > g ? u : d + 1;
               if (1 & c[E]) {
-                const y = e + r[E] * s, A = i - n[E] * s;
-                l += `Q${x.toFixed(2)},${p.toFixed(2)} ${y.toFixed(2)},${A.toFixed(2)}`, d = E + 1;
+                const y = e + r[E] * s, C = i - n[E] * s;
+                l += `Q${x.toFixed(2)},${p.toFixed(2)} ${y.toFixed(2)},${C.toFixed(2)}`, d = E + 1;
               } else {
-                const y = (x + (e + r[E] * s)) / 2, A = (p + (i - n[E] * s)) / 2;
-                l += `Q${x.toFixed(2)},${p.toFixed(2)} ${y.toFixed(2)},${A.toFixed(2)}`, d = E;
+                const y = (x + (e + r[E] * s)) / 2, C = (p + (i - n[E] * s)) / 2;
+                l += `Q${x.toFixed(2)},${p.toFixed(2)} ${y.toFixed(2)},${C.toFixed(2)}`, d = E;
               }
             }
           l += "Z";
@@ -2358,10 +2358,10 @@ class Jt {
 }
 class Qt extends Q {
   ho(t) {
-    return this.Dn(t, "image/svg+xml;charset=utf-8");
+    return this.Bn(t, "image/svg+xml;charset=utf-8");
   }
   co(t, e) {
-    this.Bn(t, this.On(e) + ".svg", "image/svg+xml;charset=utf-8");
+    this.Dn(t, this.On(e) + ".svg", "image/svg+xml;charset=utf-8");
   }
   lo(t, e) {
     this.co(t, e || this.Hn());
@@ -2416,10 +2416,10 @@ class te {
 }
 class ee extends Q {
   yo(t, e) {
-    const i = this.wo(e);
-    this.Bn(t, i, "text/plain;charset=utf-8");
+    const i = this.Co(e);
+    this.Dn(t, i, "text/plain;charset=utf-8");
   }
-  wo(t) {
+  Co(t) {
     let e = this.On(t);
     return e === ".txt" || e.length <= 4 ? this.Hn() : e;
   }
@@ -2434,12 +2434,12 @@ class rt {
   _o(t) {
     return { preserveTrailingSpaces: t.preserveTrailingSpaces ?? !1, lineEnding: t.lineEnding ?? "lf", emptyCharacter: t.emptyCharacter ?? " ", filename: t.filename || this.do.Hn() };
   }
-  Co(t, e = {}) {
+  wo(t, e = {}) {
     const i = this._o(e), s = this.uo.mo(this.uo.Pn(t.pipeline), t.grid, t.font, i.emptyCharacter);
     return this.fo.vo(s, i);
   }
   yo(t, e = {}) {
-    this.do.yo(this.Co(t, e), e.filename);
+    this.do.yo(this.wo(t, e), e.filename);
   }
 }
 class ie extends J {
@@ -2527,7 +2527,7 @@ const he = (h) => class extends h {
     this.xt.Et(this.To);
   }
   toString(t = {}) {
-    return this.zo(), new rt().Co({ pipeline: this.Eo, grid: this.hn, font: this.Li }, t);
+    return this.zo(), new rt().wo({ pipeline: this.Eo, grid: this.hn, font: this.Li }, t);
   }
   saveStrings(t = {}) {
     this.zo(), new rt().yo({ pipeline: this.Eo, grid: this.hn, font: this.Li }, t);
@@ -2641,8 +2641,8 @@ class fe {
     a(this, "Go");
     a(this, "To");
     a(this, "Eo");
-    a(this, "Do");
     a(this, "Bo");
+    a(this, "Do");
     a(this, "Io");
   }
   ko() {
@@ -2664,12 +2664,12 @@ class de extends function(e, ...i) {
     a(this, "cr");
     a(this, "hr", !1);
     a(this, "No");
-    this.hr = e.overlay ?? !1, this.er = new Ht(e), this.xt = new Lt(this.er.gr()), this.Li = new zt(this.xt, e.fontSize ?? 16), this.Po = new Xt(e.frameRate ?? 60), this.Lo = new Vt(this.er), this.Go = new Yt(), this.To = this.xt.Tt(), this.Do = this.xt.re(), this.Xo(e);
+    this.hr = e.overlay ?? !1, this.er = new Ht(e), this.xt = new Lt(this.er.gr()), this.Li = new zt(this.xt, e.fontSize ?? 16), this.Po = new Xt(e.frameRate ?? 60), this.Lo = new Vt(this.er), this.Go = new Yt(), this.To = this.xt.Tt(), this.Bo = this.xt.re(), this.Xo(e);
   }
   async Xo(e) {
     await this.Li.Ni(e.fontSource);
     const i = this.Li.maxGlyphDimensions;
-    this.hn = new Wt(this.er.canvas, i.width, i.height), this.Lo.Ni(this.hn), this.Eo = this.xt.Ys(this.hn.cols, this.hn.rows, 5), this.Bo = this.xt.Ys(this.hn.width, this.hn.height, 1), this.hr && (this.No = N.Rr(this.xt, this.er.targetCanvas, (s) => this.Li.Ei(s))), this.Io = this.xt.ae(at, "precision mediump float;uniform sampler2D Ua;uniform vec2 Ub;uniform vec2 Uc;uniform vec2 Ud;void main(){vec2 A=gl_FragCoord.xy-Uc;vec2 B=A*(Ub/Ud);vec2 C=(floor(B)+0.5)/Ub;gl_FragColor=texture2D(Ua,C);}"), this.jo(), this.Oo(), this.Po.start(() => this.ko());
+    this.hn = new Wt(this.er.canvas, i.width, i.height), this.Lo.Ni(this.hn), this.Eo = this.xt.Ys(this.hn.cols, this.hn.rows, 5), this.Do = this.xt.Ys(this.hn.width, this.hn.height, 1), this.hr && (this.No = k.Rr(this.xt, this.er.targetCanvas, (s) => this.Li.Ei(s))), this.Io = this.xt.ae(at, "precision mediump float;uniform sampler2D Ua;uniform vec2 Ub;uniform vec2 Uc;uniform vec2 Ud;void main(){vec2 A=gl_FragCoord.xy-Uc;vec2 B=A*(Ub/Ud);vec2 C=(floor(B)+0.5)/Ub;gl_FragColor=texture2D(Ua,C);}"), this.jo(), this.Oo(), this.Po.start(() => this.ko());
   }
   jo() {
     this.Ko = () => {
@@ -2686,9 +2686,9 @@ class de extends function(e, ...i) {
       const i = this.xt.context;
       i.bindTexture(i.TEXTURE_2D, this.No.texture), i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL, 1), i.texImage2D(i.TEXTURE_2D, 0, i.RGBA, i.RGBA, i.UNSIGNED_BYTE, this.er.targetCanvas), i.bindTexture(i.TEXTURE_2D, null);
     }
-    this.Eo.begin(), this.xt.Gs(this.To), this.Ho(), this.xt.Et(this.To), this.Eo.end(), this.Bo.begin(), this.xt.Gs(this.Do), this.Do.Nt({ U0: this.Li.fontFramebuffer, U1: [this.Li.textureColumns, this.Li.textureRows], U2: this.Eo.textures[0], U3: this.Eo.textures[1], U4: this.Eo.textures[2], U5: this.Eo.textures[4], U6: this.Eo.textures[3], U7: [this.hn.cols, this.hn.rows], U8: [this.Bo.width, this.Bo.height], U9: this.Bo.width / this.Bo.height }), this.xt.Hs(0, 0, this.er.width, this.er.height), this.Bo.end();
+    this.Eo.begin(), this.xt.Gs(this.To), this.Ho(), this.xt.Et(this.To), this.Eo.end(), this.Do.begin(), this.xt.Gs(this.Bo), this.Bo.Nt({ U0: this.Li.fontFramebuffer, U1: [this.Li.textureColumns, this.Li.textureRows], U2: this.Eo.textures[0], U3: this.Eo.textures[1], U4: this.Eo.textures[2], U5: this.Eo.textures[4], U6: this.Eo.textures[3], U7: [this.hn.cols, this.hn.rows], U8: [this.Do.width, this.Do.height], U9: this.Do.width / this.Do.height }), this.xt.Hs(0, 0, this.er.width, this.er.height), this.Do.end();
     const e = this.xt.state.canvasBackgroundColor;
-    this.xt.He(e[0], e[1], e[2], e[3]), this.xt.Gs(this.Io), this.Io.Nt({ Ua: this.Bo.textures[0], Ub: [this.Bo.width, this.Bo.height], Uc: [this.hn.offsetX, this.hn.offsetY], Ud: [this.hn.width, this.hn.height] }), this.xt.Hs(this.hn.offsetX, this.hn.offsetY, this.hn.width, this.hn.height);
+    this.xt.He(e[0], e[1], e[2], e[3]), this.xt.Gs(this.Io), this.Io.Nt({ Ua: this.Do.textures[0], Ub: [this.Do.width, this.Do.height], Uc: [this.hn.offsetX, this.hn.offsetY], Ud: [this.hn.width, this.hn.height] }), this.xt.Hs(this.hn.offsetX, this.hn.offsetY, this.hn.width, this.hn.height);
   }
   setup(e) {
     this.Oo = e;
@@ -2700,10 +2700,10 @@ class de extends function(e, ...i) {
     this.Vo = e;
   }
   resizeCanvas(e, i) {
-    this.er.mr(e, i), this.hn.rr(), this.Eo.resize(this.hn.cols, this.hn.rows), this.Bo.resize(this.hn.width, this.hn.height), this.xt.Js(), this.Lo.bn(), this.ko();
+    this.er.mr(e, i), this.hn.rr(), this.Eo.resize(this.hn.cols, this.hn.rows), this.Do.resize(this.hn.width, this.hn.height), this.xt.Js(), this.Lo.bn(), this.ko();
   }
   destroy() {
-    this.Wo || (this.Po.stop(), window.removeEventListener("resize", this.Ko), this.Lo.qr(), this.Go.qr(), this.Li.kt(), this.xt.kt(), this.Bo.kt(), this.Io.kt(), this.No && this.No.kt(), this.Wo = !0);
+    this.Wo || (this.Po.stop(), window.removeEventListener("resize", this.Ko), this.Lo.qr(), this.Go.qr(), this.Li.kt(), this.xt.kt(), this.Do.kt(), this.Io.kt(), this.No && this.No.kt(), this.Wo = !0);
   }
   get grid() {
     return this.hn;
@@ -2737,7 +2737,7 @@ class Z {
     $.C(t);
   }
   static get version() {
-    return "0.2.1-beta.7";
+    return "0.2.1-beta.8";
   }
 }
 const pe = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), me = Z.create, ve = Z.setErrorLevel, xe = Z.version;
@@ -2747,7 +2747,7 @@ export {
   zt as TextmodeFont,
   j as TextmodeFramebuffer,
   Wt as TextmodeGrid,
-  N as TextmodeImage,
+  k as TextmodeImage,
   de as Textmodifier,
   me as create,
   pe as export,