textmode.js 0.2.0-beta.3 → 0.2.0-beta.5

package/dist/textmode.esm.js

@@ -1,6 +1,6 @@
 var Z = Object.defineProperty;
 var K = (E, A, t) => A in E ? Z(E, A, { enumerable: !0, configurable: !0, writable: !0, value: t }) : E[A] = t;
-var o = (E, A, t) => K(E, typeof A != "symbol" ? A + "" : A, t);
+var n = (E, A, t) => K(E, typeof A != "symbol" ? A + "" : A, t);
 class m extends Error {
   constructor(A, t = {}) {
     super(m.A(A, t)), this.name = "TextmodeError";
@@ -36,7 +36,7 @@ class m extends Error {
 var q = ((E) => (E[E.SILENT = 0] = "SILENT", E[E.WARNING = 1] = "WARNING", E[E.ERROR = 2] = "ERROR", E[E.THROW = 3] = "THROW", E))(q || {});
 const v = class v {
   constructor() {
-    o(this, "C", { globalLevel: 3 });
+    n(this, "C", { globalLevel: 3 });
   }
   static D() {
     return v.o || (v.o = new v()), v.o;
@@ -61,7 +61,7 @@ const v = class v {
     this.C.globalLevel = A;
   }
 };
-o(v, "o", null);
+n(v, "o", null);
 let F = v;
 const _ = F.D(), V = /* @__PURE__ */ new WeakMap();
 function G(E, A) {
@@ -72,16 +72,16 @@ function R(E) {
 }
 class U {
   constructor(A, t, e = t, s = 1, r = {}) {
-    o(this, "I");
-    o(this, "p");
-    o(this, "C");
-    o(this, "_", null);
-    o(this, "m");
-    o(this, "v");
-    o(this, "G", []);
-    o(this, "$");
-    o(this, "M", null);
-    o(this, "Y", []);
+    n(this, "I");
+    n(this, "p");
+    n(this, "C");
+    n(this, "_", null);
+    n(this, "m");
+    n(this, "v");
+    n(this, "G", []);
+    n(this, "$");
+    n(this, "M", null);
+    n(this, "Y", []);
     this.I = t, this.p = e, this.C = { filter: "nearest", wrap: "clamp", format: "rgba", type: "unsigned_byte", ...r }, this.m = A, this.$ = Math.min(Math.max(1, s), 8);
     const i = A.getParameter(A.MAX_DRAW_BUFFERS), B = A.getParameter(A.MAX_COLOR_ATTACHMENTS);
     this.$ = Math.min(this.$, i, B), this.v = A.createFramebuffer(), this.R(), this.S(), this.Y = Array(this.$).fill(null);
@@ -125,12 +125,12 @@ class U {
     if (e) return e;
     const s = this.I, r = this.p, i = new Uint8Array(s * r * 4), B = t.getParameter(t.READ_FRAMEBUFFER_BINDING);
     t.bindFramebuffer(t.READ_FRAMEBUFFER, this.v), t.readBuffer(t.COLOR_ATTACHMENT0 + A), t.readPixels(0, 0, s, r, t.RGBA, t.UNSIGNED_BYTE, i), t.bindFramebuffer(t.READ_FRAMEBUFFER, B);
-    const n = 4 * s, Q = new Uint8Array(i.length);
+    const Q = 4 * s, o = new Uint8Array(i.length);
     for (let h = 0; h < r; h++) {
-      const a = (r - 1 - h) * n, g = h * n;
-      Q.set(i.subarray(a, a + n), g);
+      const a = (r - 1 - h) * Q, g = h * Q;
+      o.set(i.subarray(a, a + Q), g);
     }
-    return this.Y[A] = Q, Q;
+    return this.Y[A] = o, o;
   }
   L() {
     for (let A = 0; A < this.$; A++) this.U(A);
@@ -182,12 +182,12 @@ class U {
 }
 class z {
   constructor(A, t, e) {
-    o(this, "m");
-    o(this, "J");
-    o(this, "V", /* @__PURE__ */ new Map());
-    o(this, "K", /* @__PURE__ */ new Map());
-    o(this, "Z", 0);
-    o(this, "j");
+    n(this, "m");
+    n(this, "J");
+    n(this, "V", /* @__PURE__ */ new Map());
+    n(this, "K", /* @__PURE__ */ new Map());
+    n(this, "Z", 0);
+    n(this, "j");
     this.m = A, this.J = this.X(t, e), this.j = A.getParameter(A.MAX_TEXTURE_IMAGE_UNITS), this.N();
   }
   N() {
@@ -269,19 +269,19 @@ class z {
 }
 class AA {
   constructor() {
-    o(this, "rA", 1);
-    o(this, "EA", 0);
-    o(this, "nA", 0);
-    o(this, "oA", 0);
-    o(this, "gA", [0, 0, 0]);
-    o(this, "aA", [1, 1, 1, 1]);
-    o(this, "hA", [0, 0, 0, 1]);
-    o(this, "cA", !1);
-    o(this, "CA", !1);
-    o(this, "DA", !1);
-    o(this, "lA", [0, 0]);
-    o(this, "PA", [0, 0, 0, 1]);
-    o(this, "uA", []);
+    n(this, "rA", 1);
+    n(this, "EA", 0);
+    n(this, "nA", 0);
+    n(this, "oA", 0);
+    n(this, "gA", [0, 0, 0]);
+    n(this, "aA", [1, 1, 1, 1]);
+    n(this, "hA", [0, 0, 0, 1]);
+    n(this, "cA", !1);
+    n(this, "CA", !1);
+    n(this, "DA", !1);
+    n(this, "lA", [0, 0]);
+    n(this, "PA", [0, 0, 0, 1]);
+    n(this, "uA", []);
   }
   IA() {
     this.uA.push({ lineWeight: this.rA, rotationX: this.EA, rotationY: this.nA, rotationZ: this.oA, charRotation: [...this.lA], flipHorizontally: this.cA, flipVertically: this.CA, invert: this.DA, character: [...this.gA], charColor: [...this.aA], cellColor: [...this.hA] });
@@ -340,12 +340,12 @@ class AA {
     this.PA = [A / 255, t / 255, e / 255, s / 255];
   }
 }
-var O = `#version 300 es
+var L = `#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 u_aspectRatio;uniform vec2 u_viewportSize;out vec2 v_uv;out vec3 v_character;out vec4 v_primaryColor;out vec4 v_secondaryColor;out vec2 v_rotation;out vec3 v_transform;mat3 rotateX(float a){float s=sin(a),c=cos(a);return mat3(1,0,0,0,c,-s,0,s,c);}mat3 rotateY(float a){float s=sin(a),c=cos(a);return mat3(c,0,s,0,1,0,-s,0,c);}mat3 rotateZ(float a){float s=sin(a),c=cos(a);return mat3(c,-s,0,s,c,0,0,0,1);}vec2 evaluateBezier(float t,vec2 p0,vec2 p1,vec2 p2,vec2 p3){float u=1.-t,u2=u*u,t2=t*t;return u2*u*p0+3.*u2*t*p1+3.*u*t2*p2+t2*t*p3;}vec2 evaluateBezierDerivative(float t,vec2 p0,vec2 p1,vec2 p2,vec2 p3){float u=1.-t,u2=u*u,t2=t*t;return-3.*u2*p0+3.*u2*p1-6.*u*t*p1+6.*u*t*p2-3.*t2*p2+3.*t2*p3;}void main(){v_uv=a_texCoord;v_character=a_instanceCharacter;v_primaryColor=a_instancePrimaryColor;v_secondaryColor=a_instanceSecondaryColor;v_rotation=a_instanceRotation;v_transform=a_instanceTransform;vec2 worldPosition;bool isBezier=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool isArc=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(isBezier){float t=a_position.x;vec2 curvePoint=evaluateBezier(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 tangent=evaluateBezierDerivative(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float tLen=length(tangent);tangent=tLen>0.?tangent/tLen:vec2(1,0);worldPosition=curvePoint+vec2(-tangent.y,tangent.x)*a_position.y*a_instanceSize.y;}else if(isArc){float s=a_instanceArcAngles.x,e=a_instanceArcAngles.y;s=mod(s,6.28318530718);if(s<0.)s+=6.28318530718;e=mod(e,6.28318530718);if(e<0.)e+=6.28318530718;float d=s-e;if(d<=0.)d+=6.28318530718;float angle=s-a_position.x*d;vec2 local=vec2(cos(angle),sin(angle))*a_position.y;worldPosition=local*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{worldPosition=a_position*a_instanceSize+a_instancePosition;}vec2 ndc=(worldPosition/u_viewportSize)*2.-1.;ndc.y=-ndc.y;if(length(a_instanceGlobalRotation)>0.){vec3 pos3D=vec3(ndc-a_instanceRotationCenter,0);pos3D.x*=u_aspectRatio;if(a_instanceGlobalRotation.x!=0.)pos3D=rotateX(-a_instanceGlobalRotation.x)*pos3D;if(a_instanceGlobalRotation.y!=0.)pos3D=rotateY(-a_instanceGlobalRotation.y)*pos3D;if(a_instanceGlobalRotation.z!=0.)pos3D=rotateZ(-a_instanceGlobalRotation.z)*pos3D;pos3D.x/=u_aspectRatio;ndc=pos3D.xy+a_instanceRotationCenter;}gl_Position=vec4(ndc,0,1);}`, D = ((E) => (E.RECTANGLE = "rectangle", E.LINE = "line", E.ELLIPSE = "ellipse", E.ARC = "arc", E.TRIANGLE = "triangle", E.BEZIER_CURVE = "bezier_curve", E.CUSTOM = "custom", E))(D || {});
 class tA {
   constructor(A) {
-    o(this, "m");
-    o(this, "RA", /* @__PURE__ */ new Map());
+    n(this, "m");
+    n(this, "RA", /* @__PURE__ */ new Map());
     this.m = A;
   }
   TA(A, t, e, s) {
@@ -355,10 +355,10 @@ class tA {
     let B = i.get(t) || null;
     if (!B) {
       B = r.createVertexArray(), i.set(t, B), r.bindVertexArray(B), r.bindBuffer(r.ARRAY_BUFFER, s);
-      const n = r.getAttribLocation(A, "a_position");
-      n !== -1 && (r.enableVertexAttribArray(n), r.vertexAttribPointer(n, e.attributes.position.size, r.FLOAT, !1, e.stride, e.attributes.position.offset), r.vertexAttribDivisor(n, 0));
-      const Q = r.getAttribLocation(A, "a_texCoord");
-      Q !== -1 && (r.enableVertexAttribArray(Q), r.vertexAttribPointer(Q, e.attributes.texCoord.size, r.FLOAT, !1, e.stride, e.attributes.texCoord.offset), r.vertexAttribDivisor(Q, 0));
+      const Q = r.getAttribLocation(A, "a_position");
+      Q !== -1 && (r.enableVertexAttribArray(Q), r.vertexAttribPointer(Q, e.attributes.position.size, r.FLOAT, !1, e.stride, e.attributes.position.offset), r.vertexAttribDivisor(Q, 0));
+      const o = r.getAttribLocation(A, "a_texCoord");
+      o !== -1 && (r.enableVertexAttribArray(o), r.vertexAttribPointer(o, e.attributes.texCoord.size, r.FLOAT, !1, e.stride, e.attributes.texCoord.offset), r.vertexAttribDivisor(o, 0));
     }
     r.bindVertexArray(B);
   }
@@ -373,18 +373,18 @@ class tA {
 }
 class eA {
   constructor(A) {
-    o(this, "FA");
-    o(this, "m");
-    o(this, "OA", null);
-    o(this, "UA", null);
-    o(this, "LA", null);
+    n(this, "FA");
+    n(this, "m");
+    n(this, "OA", null);
+    n(this, "UA", null);
+    n(this, "LA", null);
     this.m = A, this.FA = new tA(A);
   }
   kA(A, t, e) {
     const { shader: s } = A, r = R(this.m) || this.m.getParameter(this.m.VIEWPORT), i = { u_aspectRatio: r[2] / r[3], u_viewportSize: [r[2], r[3]] }, B = {};
     for (const [a, g] of Object.entries(i)) s.sA(a) && (B[a] = g);
     Object.keys(B).length > 0 && s.eA(B);
-    const n = (a) => {
+    const Q = (a) => {
       if (!a || !a.HA()) return;
       const g = a.unitGeometry, l = a.unitBuffer;
       try {
@@ -393,35 +393,35 @@ class eA {
         a.batch.VA(s), this.FA.SA(), a.KA();
       }
     };
-    let Q = null, h = null;
+    let o = null, h = null;
     for (const a of t) {
       if (a.type === D.CUSTOM) {
-        h && (n(h), Q = null, h = null), this.ZA(A, a.params, a.state, e.get(D.RECTANGLE) || null);
+        h && (Q(h), o = null, h = null), this.ZA(A, a.params, a.state, e.get(D.RECTANGLE) || null);
         continue;
       }
-      Q !== null && a.type !== Q && (n(h), Q = null, h = null);
+      o !== null && a.type !== o && (Q(h), o = null, h = null);
       let g = h;
-      g && a.type === Q || (g = e.get(a.type) || null, h = g, Q = a.type), g && g.jA(a.params, a.state);
+      g && a.type === o || (g = e.get(a.type) || null, h = g, o = a.type), g && g.jA(a.params, a.state);
     }
-    n(h);
+    Q(h);
   }
   ZA(A, t, e, s) {
     if (!s) return;
-    const { x: r, y: i, width: B, height: n, shader: Q, uniforms: h } = t, a = this.m;
-    Q.AA(), s.KA();
-    const g = this.XA(Math.max(1, Math.floor(B)), Math.max(1, Math.floor(n)));
-    g.k(), Q.AA(), h && Object.keys(h).length && Q.eA(h);
+    const { x: r, y: i, width: B, height: Q, shader: o, uniforms: h } = t, a = this.m;
+    o.AA(), s.KA();
+    const g = this.XA(Math.max(1, Math.floor(B)), Math.max(1, Math.floor(Q)));
+    g.k(), o.AA(), h && Object.keys(h).length && o.eA(h);
     {
       const u = R(a) || a.getParameter(a.VIEWPORT);
-      Q.sA("u_aspectRatio") && Q.BA("u_aspectRatio", u[2] / u[3]), Q.sA("u_viewportSize") && Q.BA("u_viewportSize", [u[2], u[3]]);
+      o.sA("u_aspectRatio") && o.BA("u_aspectRatio", u[2] / u[3]), o.sA("u_viewportSize") && o.BA("u_viewportSize", [u[2], u[3]]);
     }
     const l = { ...e, rotationX: 0, rotationY: 0, rotationZ: 0 };
     if (s.jA({ x: 0, y: 0, width: g.width, height: g.height }, l), s.HA()) {
       const u = s.unitGeometry, M = s.unitBuffer;
       try {
-        this.FA.TA(Q.QA, s.type + "", u, M), s.batch.WA(Q), s.batch.JA(u.primitiveType, u.vertexCount);
+        this.FA.TA(o.QA, s.type + "", u, M), s.batch.WA(o), s.batch.JA(u.primitiveType, u.vertexCount);
       } finally {
-        s.batch.VA(Q), this.FA.SA(), s.KA();
+        s.batch.VA(o), this.FA.SA(), s.KA();
       }
     }
     g.H();
@@ -429,7 +429,7 @@ class eA {
     c.AA(), c.eA({ u_src0: g.textures[0], u_src1: g.textures[1], u_src2: g.textures[2], u_src3: g.textures[3], u_src4: g.textures[4], u_srcSize: [g.width, g.height] });
     const C = R(a) || a.getParameter(a.VIEWPORT);
     c.sA("u_aspectRatio") && c.BA("u_aspectRatio", C[2] / C[3]), c.sA("u_viewportSize") && c.BA("u_viewportSize", [C[2], C[3]]);
-    const d = Math.floor(r), I = Math.floor(i), w = Math.max(1, Math.floor(B)), p = Math.max(1, Math.floor(n));
+    const d = Math.floor(r), I = Math.floor(i), w = Math.max(1, Math.floor(B)), p = Math.max(1, Math.floor(Q));
     if (s.jA({ x: d, y: I, width: w, height: p }, e), s.HA()) {
       const u = s.unitGeometry, M = s.unitBuffer;
       try {
@@ -441,7 +441,7 @@ class eA {
     A.shader.AA();
   }
   NA() {
-    return this.OA || (this.OA = new z(this.m, O, `#version 300 es
+    return this.OA || (this.OA = new z(this.m, L, `#version 300 es
 precision highp float;in vec2 v_uv;uniform sampler2D u_src0;uniform sampler2D u_src1;uniform sampler2D u_src2;uniform sampler2D u_src3;uniform sampler2D u_src4;uniform vec2 u_srcSize;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 uvTex=v_uv*u_srcSize;vec2 uvQ=(floor(uvTex)+0.5f)/u_srcSize;o_character=texture(u_src0,uvQ);o_primaryColor=texture(u_src1,uvQ);o_secondaryColor=texture(u_src2,uvQ);o_rotation=texture(u_src3,uvQ);o_transform=texture(u_src4,uvQ);}`)), this.OA;
   }
   XA(A, t) {
@@ -450,9 +450,9 @@ precision highp float;in vec2 v_uv;uniform sampler2D u_src0;uniform sampler2D u_
 }
 class sA {
   constructor() {
-    o(this, "qA", []);
-    o(this, "At", 1);
-    o(this, "tt", 0);
+    n(this, "qA", []);
+    n(this, "At", 1);
+    n(this, "tt", 0);
   }
   et(A) {
     if (this.tt >= this.qA.length) {
@@ -490,8 +490,8 @@ class sA {
     return i.params.x = A, i.params.y = t, i.params.width = e, i.params.height = s, r.dA(i.state), i.id;
   }
   st(A, t, e, s, r, i, B) {
-    const n = this.et(D.CUSTOM);
-    return n.params.x = A, n.params.y = t, n.params.width = e, n.params.height = s, n.params.shader = r, n.params.uniforms = i, B.dA(n.state), n.id;
+    const Q = this.et(D.CUSTOM);
+    return Q.params.x = A, Q.params.y = t, Q.params.width = e, Q.params.height = s, Q.params.shader = r, Q.params.uniforms = i, B.dA(Q.state), Q.id;
   }
   it(A, t, e, s, r, i) {
     const B = this.et(D.LINE);
@@ -502,16 +502,16 @@ class sA {
     return i.params.x = A, i.params.y = t, i.params.width = e, i.params.height = s, r.dA(i.state), i.id;
   }
   rt(A, t, e, s, r, i, B) {
-    const n = this.et(D.ARC);
-    return n.params.x = A, n.params.y = t, n.params.width = e, n.params.height = s, n.params.start = r, n.params.stop = i, B.dA(n.state), n.id;
+    const Q = this.et(D.ARC);
+    return Q.params.x = A, Q.params.y = t, Q.params.width = e, Q.params.height = s, Q.params.start = r, Q.params.stop = i, B.dA(Q.state), Q.id;
   }
   Et(A, t, e, s, r, i, B) {
-    const n = this.et(D.TRIANGLE);
-    return n.params.x1 = A, n.params.y1 = t, n.params.x2 = e, n.params.y2 = s, n.params.x3 = r, n.params.y3 = i, B.dA(n.state), n.id;
+    const Q = this.et(D.TRIANGLE);
+    return Q.params.x1 = A, Q.params.y1 = t, Q.params.x2 = e, Q.params.y2 = s, Q.params.x3 = r, Q.params.y3 = i, B.dA(Q.state), Q.id;
   }
-  nt(A, t, e, s, r, i, B, n, Q, h) {
+  nt(A, t, e, s, r, i, B, Q, o, h) {
     const a = this.et(D.BEZIER_CURVE);
-    return a.params.x1 = A, a.params.y1 = t, a.params.cp1x = e, a.params.cp1y = s, a.params.cp2x = r, a.params.cp2y = i, a.params.x2 = B, a.params.y2 = n, a.params.thickness = Q, h.dA(a.state), a.id;
+    return a.params.x1 = A, a.params.y1 = t, a.params.cp1x = e, a.params.cp1y = s, a.params.cp2x = r, a.params.cp2y = i, a.params.x2 = B, a.params.y2 = Q, a.params.thickness = o, h.dA(a.state), a.id;
   }
   get length() {
     return this.tt;
@@ -530,10 +530,10 @@ class sA {
 }
 const x = class x {
   static gt(A, t, e = 0) {
-    var i, B, n, Q, h, a, g, l, c, C;
+    var i, B, Q, o, h, a, g, l, c, C;
     const s = t || new Float32Array(x.FLOATS_PER_INSTANCE);
     let r = e;
-    return s[r++] = A.position[0], s[r++] = A.position[1], s[r++] = A.size[0], s[r++] = A.size[1], s[r++] = A.character[0], s[r++] = A.character[1], s[r++] = A.character[2], s[r++] = A.primaryColor[0], s[r++] = A.primaryColor[1], s[r++] = A.primaryColor[2], s[r++] = A.primaryColor[3], s[r++] = A.secondaryColor[0], s[r++] = A.secondaryColor[1], s[r++] = A.secondaryColor[2], s[r++] = A.secondaryColor[3], s[r++] = A.rotation[0], s[r++] = A.rotation[1], s[r++] = A.transform[0], s[r++] = A.transform[1], s[r++] = A.transform[2], s[r++] = A.globalRotationX, s[r++] = A.globalRotationY, s[r++] = A.globalRotationZ, s[r++] = A.rotationCenter[0], s[r++] = A.rotationCenter[1], s[r++] = ((i = A.arcAngles) == null ? void 0 : i[0]) || 0, s[r++] = ((B = A.arcAngles) == null ? void 0 : B[1]) || 0, s[r++] = ((n = A.bezierControlPoint1) == null ? void 0 : n[0]) || 0, s[r++] = ((Q = A.bezierControlPoint1) == null ? void 0 : Q[1]) || 0, s[r++] = ((h = A.bezierControlPoint2) == null ? void 0 : h[0]) || 0, s[r++] = ((a = A.bezierControlPoint2) == null ? void 0 : a[1]) || 0, s[r++] = ((g = A.bezierStartPoint) == null ? void 0 : g[0]) || 0, s[r++] = ((l = A.bezierStartPoint) == null ? void 0 : l[1]) || 0, s[r++] = ((c = A.bezierEndPoint) == null ? void 0 : c[0]) || 0, s[r++] = ((C = A.bezierEndPoint) == null ? void 0 : C[1]) || 0, s;
+    return s[r++] = A.position[0], s[r++] = A.position[1], s[r++] = A.size[0], s[r++] = A.size[1], s[r++] = A.character[0], s[r++] = A.character[1], s[r++] = A.character[2], s[r++] = A.primaryColor[0], s[r++] = A.primaryColor[1], s[r++] = A.primaryColor[2], s[r++] = A.primaryColor[3], s[r++] = A.secondaryColor[0], s[r++] = A.secondaryColor[1], s[r++] = A.secondaryColor[2], s[r++] = A.secondaryColor[3], s[r++] = A.rotation[0], s[r++] = A.rotation[1], s[r++] = A.transform[0], s[r++] = A.transform[1], s[r++] = A.transform[2], s[r++] = A.globalRotationX, s[r++] = A.globalRotationY, s[r++] = A.globalRotationZ, s[r++] = A.rotationCenter[0], s[r++] = A.rotationCenter[1], s[r++] = ((i = A.arcAngles) == null ? void 0 : i[0]) || 0, s[r++] = ((B = A.arcAngles) == null ? void 0 : B[1]) || 0, s[r++] = ((Q = A.bezierControlPoint1) == null ? void 0 : Q[0]) || 0, s[r++] = ((o = A.bezierControlPoint1) == null ? void 0 : o[1]) || 0, s[r++] = ((h = A.bezierControlPoint2) == null ? void 0 : h[0]) || 0, s[r++] = ((a = A.bezierControlPoint2) == null ? void 0 : a[1]) || 0, s[r++] = ((g = A.bezierStartPoint) == null ? void 0 : g[0]) || 0, s[r++] = ((l = A.bezierStartPoint) == null ? void 0 : l[1]) || 0, s[r++] = ((c = A.bezierEndPoint) == null ? void 0 : c[0]) || 0, s[r++] = ((C = A.bezierEndPoint) == null ? void 0 : C[1]) || 0, s;
   }
   static ht(A) {
     const t = A.length * x.FLOATS_PER_INSTANCE, e = new Float32Array(t);
@@ -544,23 +544,23 @@ const x = class x {
     return e;
   }
 };
-o(x, "BYTES_PER_INSTANCE", 140), o(x, "FLOATS_PER_INSTANCE", 35);
+n(x, "BYTES_PER_INSTANCE", 140), n(x, "FLOATS_PER_INSTANCE", 35);
 let b = x;
 const P = class P {
 };
-o(P, "STRIDE", b.BYTES_PER_INSTANCE), o(P, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 92, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 124, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 132, divisor: 1 } });
+n(P, "STRIDE", b.BYTES_PER_INSTANCE), n(P, "ATTRIBUTES", { a_instancePosition: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 0, divisor: 1 }, a_instanceSize: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 8, divisor: 1 }, a_instanceCharacter: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 16, divisor: 1 }, a_instancePrimaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 28, divisor: 1 }, a_instanceSecondaryColor: { location: -1, size: 4, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 44, divisor: 1 }, a_instanceRotation: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 60, divisor: 1 }, a_instanceTransform: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 68, divisor: 1 }, a_instanceGlobalRotation: { location: -1, size: 3, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 80, divisor: 1 }, a_instanceRotationCenter: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 92, divisor: 1 }, a_instanceArcAngles: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 100, divisor: 1 }, a_instanceBezierCP1: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 108, divisor: 1 }, a_instanceBezierCP2: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 116, divisor: 1 }, a_instanceBezierStart: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 124, divisor: 1 }, a_instanceBezierEnd: { location: -1, size: 2, type: WebGL2RenderingContext.FLOAT, normalized: !1, stride: P.STRIDE, offset: 132, divisor: 1 } });
 let Y = P;
 class rA {
   constructor(A, t = 1e3, e = 1.5) {
-    o(this, "m");
-    o(this, "ct", []);
-    o(this, "Ct");
-    o(this, "Dt");
-    o(this, "lt", null);
-    o(this, "Pt", !0);
-    o(this, "ut", 0);
-    o(this, "It", /* @__PURE__ */ new Map());
-    o(this, "wt", null);
+    n(this, "m");
+    n(this, "ct", []);
+    n(this, "Ct");
+    n(this, "Dt");
+    n(this, "lt", null);
+    n(this, "Pt", !0);
+    n(this, "ut", 0);
+    n(this, "It", /* @__PURE__ */ new Map());
+    n(this, "wt", null);
     this.m = A, this.Ct = t, this.Dt = e, this.ft();
   }
   jA(A) {
@@ -632,11 +632,11 @@ class rA {
 }
 class T {
   constructor(A, t, e, s) {
-    o(this, "m");
-    o(this, "xt");
-    o(this, "yt");
-    o(this, "bt");
-    o(this, "Gt", null);
+    n(this, "m");
+    n(this, "xt");
+    n(this, "yt");
+    n(this, "bt");
+    n(this, "Gt", null);
     this.m = A, this.xt = t, this.yt = e, this.bt = s;
     const r = this.m.createBuffer();
     if (!r) throw Error("Failed to create unit geometry buffer");
@@ -676,8 +676,8 @@ class T {
     A.rotationCenter = [s.nx, s.ny];
   }
   Mt(A, t, e, s, r, i, B) {
-    const n = R(this.m) || [0, 0, this.m.canvas.width, this.m.canvas.height], Q = n[2], h = n[3];
-    return { centerX: (A + e / 2) / Q * 2 - 1, centerY: 1 - (t + s / 2) / h * 2, radiansX: -r * Math.PI / 180, radiansY: -i * Math.PI / 180, radiansZ: -B * Math.PI / 180, aspectRatio: Q / h };
+    const Q = R(this.m) || [0, 0, this.m.canvas.width, this.m.canvas.height], o = Q[2], h = Q[3];
+    return { centerX: (A + e / 2) / o * 2 - 1, centerY: 1 - (t + s / 2) / h * 2, radiansX: -r * Math.PI / 180, radiansY: -i * Math.PI / 180, radiansZ: -B * Math.PI / 180, aspectRatio: o / h };
   }
 }
 const iA = { vertices: new Float32Array([0, 0, 0, 0, 1, 0, 1, 0, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 1, 0, 1, 1, 1, 1]), vertexCount: 6, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
@@ -691,26 +691,26 @@ class BA extends T {
   }
 }
 const EA = { vertices: new Float32Array([0, -0.5, 0, 0, 1, -0.5, 1, 0, 0, 0.5, 0, 1, 0, 0.5, 0, 1, 1, -0.5, 1, 0, 1, 0.5, 1, 1]), vertexCount: 6, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
-class nA extends T {
+class QA extends T {
   constructor(A, t) {
     super(A, t, D.LINE, EA);
   }
   jA(A, t) {
-    const e = A.x2 - A.x1, s = A.y2 - A.y1, r = Math.hypot(e, s), i = Math.atan2(s, e), B = A.thickness || t.lineWeight || 1, n = A.x1 + e / 2, Q = A.y1 + s / 2, h = n - r / 2, a = Q, g = { character: t.character, charColor: t.charColor, bgColor: t.bgColor, charRotation: t.charRotation, flipHorizontally: t.flipHorizontally, flipVertically: t.flipVertically, invert: t.invert, rotationX: t.rotationX || 0, rotationY: t.rotationY || 0, rotationZ: (t.rotationZ || 0) + 180 * i / Math.PI, lineWeight: B }, l = this.$t(h, a, r, B, g);
-    return this.zt(l, n, Q), this.xt.jA(l);
+    const e = A.x2 - A.x1, s = A.y2 - A.y1, r = Math.hypot(e, s), i = Math.atan2(s, e), B = A.thickness || t.lineWeight || 1, Q = A.x1 + e / 2, o = A.y1 + s / 2, h = Q - r / 2, a = o, g = { character: t.character, charColor: t.charColor, bgColor: t.bgColor, charRotation: t.charRotation, flipHorizontally: t.flipHorizontally, flipVertically: t.flipVertically, invert: t.invert, rotationX: t.rotationX || 0, rotationY: t.rotationY || 0, rotationZ: (t.rotationZ || 0) + 180 * i / Math.PI, lineWeight: B }, l = this.$t(h, a, r, B, g);
+    return this.zt(l, Q, o), this.xt.jA(l);
   }
 }
-const oA = { vertices: function(E = 32) {
+const nA = { vertices: function(E = 32) {
   const A = [], t = 2 * Math.PI / E;
   for (let e = 0; e < E; e++) {
-    const s = e * t, r = (e + 1) % E * t, i = Math.cos(s), B = Math.sin(s), n = 0.5 * (i + 1), Q = 0.5 * (B + 1), h = Math.cos(r), a = Math.sin(r), g = 0.5 * (h + 1), l = 0.5 * (a + 1);
-    A.push(0, 0, 0.5, 0.5, i, B, n, Q, h, a, g, l);
+    const s = e * t, r = (e + 1) % E * t, i = Math.cos(s), B = Math.sin(s), Q = 0.5 * (i + 1), o = 0.5 * (B + 1), h = Math.cos(r), a = Math.sin(r), g = 0.5 * (h + 1), l = 0.5 * (a + 1);
+    A.push(0, 0, 0.5, 0.5, i, B, Q, o, h, a, g, l);
   }
   return new Float32Array(A);
 }(32), vertexCount: 96, primitiveType: WebGL2RenderingContext.TRIANGLES, stride: 16, attributes: { position: { size: 2, offset: 0 }, texCoord: { size: 2, offset: 8 } } };
-class QA extends T {
+class oA extends T {
   constructor(A, t) {
-    super(A, t, D.ELLIPSE, oA);
+    super(A, t, D.ELLIPSE, nA);
   }
   jA(A, t) {
     const e = this.$t(A.x, A.y, A.width, A.height, t);
@@ -740,8 +740,8 @@ class cA extends T {
     super(A, t, D.TRIANGLE, hA);
   }
   jA(A, t) {
-    const e = Math.min(A.x1, A.x2, A.x3), s = Math.max(A.x1, A.x2, A.x3), r = Math.min(A.y1, A.y2, A.y3), i = s - e, B = Math.max(A.y1, A.y2, A.y3) - r, n = this.$t(e, r, i, B, t), Q = e + 0.5 * i, h = r + B * (1 / 3);
-    return this.zt(n, Q, h), this.xt.jA(n);
+    const e = Math.min(A.x1, A.x2, A.x3), s = Math.max(A.x1, A.x2, A.x3), r = Math.min(A.y1, A.y2, A.y3), i = s - e, B = Math.max(A.y1, A.y2, A.y3) - r, Q = this.$t(e, r, i, B, t), o = e + 0.5 * i, h = r + B * (1 / 3);
+    return this.zt(Q, o, h), this.xt.jA(Q);
   }
 }
 function k(E, A, t, e, s) {
@@ -767,22 +767,22 @@ class CA extends T {
 }
 class DA {
   constructor(A) {
-    o(this, "m");
-    o(this, "Rt", null);
-    o(this, "Tt", null);
-    o(this, "St", {});
-    o(this, "Ft", null);
-    o(this, "Ot", /* @__PURE__ */ new Map());
-    o(this, "Ut");
-    o(this, "Lt");
-    o(this, "kt");
+    n(this, "m");
+    n(this, "Rt", null);
+    n(this, "Tt", null);
+    n(this, "St", {});
+    n(this, "Ft", null);
+    n(this, "Ot", /* @__PURE__ */ new Map());
+    n(this, "Ut");
+    n(this, "Lt");
+    n(this, "kt");
     this.m = A, this.kt = new AA(), this.Ut = new eA(A), this.Lt = new sA(), this.Ft = A.createBuffer(), G(this.m, [0, 0, this.m.canvas.width, this.m.canvas.height]);
   }
   Ht(A) {
     let t = this.Ot.get(A);
     if (t) return t;
     const e = new rA(this.m);
-    return t = (0, { [D.RECTANGLE]: () => new BA(this.m, e), [D.LINE]: () => new nA(this.m, e), [D.ELLIPSE]: () => new QA(this.m, e), [D.ARC]: () => new gA(this.m, e), [D.TRIANGLE]: () => new cA(this.m, e), [D.BEZIER_CURVE]: () => new CA(this.m, e) }[A])(), this.Ot.set(A, t), t;
+    return t = (0, { [D.RECTANGLE]: () => new BA(this.m, e), [D.LINE]: () => new QA(this.m, e), [D.ELLIPSE]: () => new oA(this.m, e), [D.ARC]: () => new gA(this.m, e), [D.TRIANGLE]: () => new cA(this.m, e), [D.BEZIER_CURVE]: () => new CA(this.m, e) }[A])(), this.Ot.set(A, t), t;
   }
   Wt(A) {
     this.Rt !== A && (this.Rt = A, A.AA());
@@ -800,11 +800,11 @@ class DA {
     Object.assign(this.St, A);
   }
   jt(A) {
-    return new z(this.m, O, A);
+    return new z(this.m, L, A);
   }
   Xt(A, t, e, s) {
     var C;
-    const r = this.m, i = r.canvas.width, B = r.canvas.height, n = A / i * 2 - 1, Q = (A + e) / i * 2 - 1, h = 1 - t / B * 2, a = 1 - (t + s) / B * 2, g = new Float32Array([n, a, Q, a, n, h, Q, a, Q, h, n, h]);
+    const r = this.m, i = r.canvas.width, B = r.canvas.height, Q = A / i * 2 - 1, o = (A + e) / i * 2 - 1, h = 1 - t / B * 2, a = 1 - (t + s) / B * 2, g = new Float32Array([Q, a, o, a, Q, h, o, a, o, h, Q, h]);
     r.bindBuffer(r.ARRAY_BUFFER, this.Ft), r.bufferData(r.ARRAY_BUFFER, g, r.DYNAMIC_DRAW);
     const l = ((C = this.Rt) == null ? void 0 : C.QA) || r.getParameter(r.CURRENT_PROGRAM), c = l ? r.getAttribLocation(l, "a_position") : -1;
     c !== -1 && (r.enableVertexAttribArray(c), r.vertexAttribPointer(c, 2, r.FLOAT, !1, 8, 0)), r.drawArrays(r.TRIANGLES, 0, 6), c !== -1 && r.disableVertexAttribArray(c);
@@ -821,9 +821,9 @@ class DA {
   te(A, t, e, s, r, i) {
     this.Lt.Et(A, t, e, s, r, i, this.kt);
   }
-  ee(A, t, e, s, r, i, B, n) {
-    const Q = this.kt.lineWeight;
-    this.Lt.nt(A, t, e, s, r, i, B, n, Q, this.kt);
+  ee(A, t, e, s, r, i, B, Q) {
+    const o = this.kt.lineWeight;
+    this.Lt.nt(A, t, e, s, r, i, B, Q, o, this.kt);
   }
   Be(A, t, e = 1, s = {}) {
     return new U(this.m, A, t, e, s);
@@ -879,12 +879,12 @@ const f = { readShort: (E, A) => (f.t.uint16[0] = E[A] << 8 | E[A + 1], f.t.int1
   const s = f, r = s.readUshort, i = r(E, A += 2);
   A += 2;
   const B = [];
-  for (let n = 0; n < i; n++) {
-    const Q = r(E, A), h = r(E, A += 2);
+  for (let Q = 0; Q < i; Q++) {
+    const o = r(E, A), h = r(E, A += 2);
     A += 2;
     const a = s.readUint(E, A);
     A += 4;
-    const g = `p${Q}e${h}`;
+    const g = `p${o}e${h}`;
     let l = B.indexOf(a);
     if (l === -1) {
       let c;
@@ -898,10 +898,10 @@ const f = { readShort: (E, A) => (f.t.uint16[0] = E[A] << 8 | E[A + 1], f.t.int1
 }, parse4(E, A) {
   const t = f, e = t.readUshort, s = t.readUshorts, r = A, i = e(E, A += 2);
   A += 2;
-  const B = e(E, A += 2) >>> 1, n = { format: 4, searchRange: e(E, A += 2), entrySelector: 0, rangeShift: 0, endCount: [], startCount: [], idDelta: [], idRangeOffset: [], glyphIdArray: [] };
-  A += 2, n.entrySelector = e(E, A), A += 2, n.rangeShift = e(E, A), A += 2, n.endCount = s(E, A, B), A += 2 * B, A += 2, n.startCount = s(E, A, B), A += 2 * B;
-  for (let Q = 0; Q < B; Q++) n.idDelta.push(t.readShort(E, A)), A += 2;
-  return n.idRangeOffset = s(E, A, B), A += 2 * B, n.glyphIdArray = s(E, A, r + i - A >> 1), n;
+  const B = e(E, A += 2) >>> 1, Q = { format: 4, searchRange: e(E, A += 2), entrySelector: 0, rangeShift: 0, endCount: [], startCount: [], idDelta: [], idRangeOffset: [], glyphIdArray: [] };
+  A += 2, Q.entrySelector = e(E, A), A += 2, Q.rangeShift = e(E, A), A += 2, Q.endCount = s(E, A, B), A += 2 * B, A += 2, Q.startCount = s(E, A, B), A += 2 * B;
+  for (let o = 0; o < B; o++) Q.idDelta.push(t.readShort(E, A)), A += 2;
+  return Q.idRangeOffset = s(E, A, B), A += 2 * B, Q.glyphIdArray = s(E, A, r + i - A >> 1), Q;
 }, parse12(E, A) {
   const t = f.readUint;
   t(E, A += 4), t(E, A += 4);
@@ -921,30 +921,30 @@ const f = { readShort: (E, A) => (f.t.uint16[0] = E[A] << 8 | E[A + 1], f.t.int1
   A += 2;
   const B = e.readShort(E, A);
   A += 2;
-  const n = e.readShort(E, A);
-  return A += 2, A += 6, { unitsPerEm: s, xMin: r, yMin: i, xMax: B, yMax: n, indexToLocFormat: e.readShort(E, A) };
+  const Q = e.readShort(E, A);
+  return A += 2, A += 6, { unitsPerEm: s, xMin: r, yMin: i, xMax: B, yMax: Q, indexToLocFormat: e.readShort(E, A) };
 } }, IA = { parseTab(E, A, t) {
   const e = f;
   A += 4;
   const s = ["ascender", "descender", "lineGap", "advanceWidthMax", "minLeftSideBearing", "minRightSideBearing", "xMaxExtent", "caretSlopeRise", "caretSlopeRun", "caretOffset", "res0", "res1", "res2", "res3", "metricDataFormat", "numberOfHMetrics"], r = {};
   for (let i = 0; i < s.length; i++) {
-    const B = s[i], n = B === "advanceWidthMax" || B === "numberOfHMetrics" ? e.readUshort : e.readShort;
-    r[B] = n(E, A + 2 * i);
+    const B = s[i], Q = B === "advanceWidthMax" || B === "numberOfHMetrics" ? e.readUshort : e.readShort;
+    r[B] = Q(E, A + 2 * i);
   }
   return r;
 } }, fA = { parseTab(E, A, t, e) {
-  const s = f, r = [], i = [], B = e.maxp.numGlyphs, n = e.hhea.numberOfHMetrics;
-  let Q = 0, h = 0, a = 0;
-  for (; a < n; ) Q = s.readUshort(E, A + (a << 2)), h = s.readShort(E, A + (a << 2) + 2), r.push(Q), i.push(h), a++;
-  for (; a < B; ) r.push(Q), i.push(h), a++;
+  const s = f, r = [], i = [], B = e.maxp.numGlyphs, Q = e.hhea.numberOfHMetrics;
+  let o = 0, h = 0, a = 0;
+  for (; a < Q; ) o = s.readUshort(E, A + (a << 2)), h = s.readShort(E, A + (a << 2) + 2), r.push(o), i.push(h), a++;
+  for (; a < B; ) r.push(o), i.push(h), a++;
   return { aWidth: r, lsBearing: i };
 } }, N = { cmap: uA, head: PA, hhea: IA, maxp: { parseTab(E, A, t) {
   const e = f;
   return e.readUint(E, A), A += 4, { numGlyphs: e.readUshort(E, A) };
 } }, hmtx: fA, loca: { parseTab(E, A, t, e) {
   const s = f, r = [], i = e.head.indexToLocFormat, B = e.maxp.numGlyphs + 1;
-  if (i === 0) for (let n = 0; n < B; n++) r.push(s.readUshort(E, A + (n << 1)) << 1);
-  else if (i === 1) for (let n = 0; n < B; n++) r.push(s.readUint(E, A + (n << 2)));
+  if (i === 0) for (let Q = 0; Q < B; Q++) r.push(s.readUshort(E, A + (Q << 1)) << 1);
+  else if (i === 1) for (let Q = 0; Q < B; Q++) r.push(s.readUint(E, A + (Q << 2)));
   return r;
 } }, glyf: { parseTab(E, A, t, e) {
   const s = [], r = e.maxp.numGlyphs;
@@ -961,12 +961,12 @@ const f = { readShort: (E, A) => (f.t.uint16[0] = E[A] << 8 | E[A + 1], f.t.int1
   if (B.noc > 0) {
     B.endPts = [];
     for (let g = 0; g < B.noc; g++) B.endPts.push(t.readUshort(e, i)), i += 2;
-    const n = t.readUshort(e, i);
-    if (i += 2, e.length - i < n) return null;
-    i += n;
-    const Q = B.endPts[B.noc - 1] + 1;
+    const Q = t.readUshort(e, i);
+    if (i += 2, e.length - i < Q) return null;
+    i += Q;
+    const o = B.endPts[B.noc - 1] + 1;
     B.flags = [];
-    for (let g = 0; g < Q; g++) {
+    for (let g = 0; g < o; g++) {
       const l = e[i];
       if (i++, B.flags.push(l), 8 & l) {
         const c = e[i];
@@ -975,27 +975,27 @@ const f = { readShort: (E, A) => (f.t.uint16[0] = E[A] << 8 | E[A + 1], f.t.int1
       }
     }
     B.xs = [];
-    for (let g = 0; g < Q; g++) {
+    for (let g = 0; g < o; g++) {
       const l = B.flags[g], c = !!(16 & l);
       2 & l ? (B.xs.push(c ? e[i] : -e[i]), i++) : c ? B.xs.push(0) : (B.xs.push(t.readShort(e, i)), i += 2);
     }
     B.ys = [];
-    for (let g = 0; g < Q; g++) {
+    for (let g = 0; g < o; g++) {
       const l = B.flags[g], c = !!(32 & l);
       4 & l ? (B.ys.push(c ? e[i] : -e[i]), i++) : c ? B.ys.push(0) : (B.ys.push(t.readShort(e, i)), i += 2);
     }
     let h = 0, a = 0;
-    for (let g = 0; g < Q; g++) h += B.xs[g], a += B.ys[g], B.xs[g] = h, B.ys[g] = a;
+    for (let g = 0; g < o; g++) h += B.xs[g], a += B.ys[g], B.xs[g] = h, B.ys[g] = a;
   } else B.parts = [], B.endPts = [], B.flags = [], B.xs = [], B.ys = [];
   return B;
 } } }, y = { parse: (E) => [((A, t, e, s) => {
   const r = N, i = { ne: A, ge: t, oe: e };
   for (const B in r) {
-    const n = B, Q = y.findTable(A, n, e);
-    if (Q) {
-      const [h, a] = Q;
+    const Q = B, o = y.findTable(A, Q, e);
+    if (o) {
+      const [h, a] = o;
       let g = s[h];
-      g == null && (g = r[n].parseTab(A, h, a, i), s[h] = g), i[n] = g;
+      g == null && (g = r[Q].parseTab(A, h, a, i), s[h] = g), i[Q] = g;
     }
   }
   return i;
@@ -1005,16 +1005,16 @@ const f = { readShort: (E, A) => (f.t.uint16[0] = E[A] << 8 | E[A + 1], f.t.int1
   for (let i = 0; i < s; i++) {
     const B = e.readASCII(E, r, 4);
     e.readUint(E, r + 4);
-    const n = e.readUint(E, r + 8), Q = e.readUint(E, r + 12);
-    if (B === A) return [n, Q];
+    const Q = e.readUint(E, r + 8), o = e.readUint(E, r + 12);
+    if (B === A) return [Q, o];
     r += 16;
   }
   return null;
 }, T: N, B: f };
 class S {
   constructor() {
-    o(this, "ae", /* @__PURE__ */ new Map());
-    o(this, "he", /* @__PURE__ */ new Map());
+    n(this, "ae", /* @__PURE__ */ new Map());
+    n(this, "he", /* @__PURE__ */ new Map());
   }
   ce(A, t) {
     const e = `${this.Ce(A)}_${t}`;
@@ -1072,7 +1072,7 @@ class S {
 }
 class dA {
   constructor(A) {
-    o(this, "fe");
+    n(this, "fe");
     this.fe = A;
   }
   de(A) {
@@ -1124,8 +1124,8 @@ class dA {
       const s = A.groups[e], r = A.groups[e + 1], i = A.groups[e + 2];
       for (let B = s; B <= r; B++)
         if (i + (B - s) > 0) try {
-          const n = String.fromCodePoint(B);
-          t.push(n);
+          const Q = String.fromCodePoint(B);
+          t.push(Q);
         } catch {
         }
     }
@@ -1149,7 +1149,7 @@ class dA {
 }
 class wA {
   constructor() {
-    o(this, "$e");
+    n(this, "$e");
     const A = new S();
     this.$e = new dA(A);
   }
@@ -1168,16 +1168,16 @@ class wA {
 }
 class mA {
   constructor(A) {
-    o(this, "Me");
-    o(this, "Ye");
-    o(this, "ze");
-    o(this, "Re");
+    n(this, "Me");
+    n(this, "Ye");
+    n(this, "ze");
+    n(this, "Re");
     this.ze = A, this.Re = new S(), this.Me = document.createElement("canvas"), this.Ye = this.Me.getContext("2d", { willReadFrequently: !0, alpha: !1 });
   }
   createTextureAtlas(A, t, e, s) {
-    const r = A.length, i = Math.ceil(Math.sqrt(r)), B = Math.ceil(r / i), n = t.width * i, Q = t.height * B, h = typeof s == "object" ? s : null;
-    this.Te(n, Q), this.Se(A, t, i, e, h);
-    const a = this.ze.Be(n, Q, 1, { filter: "nearest" });
+    const r = A.length, i = Math.ceil(Math.sqrt(r)), B = Math.ceil(r / i), Q = t.width * i, o = t.height * B, h = typeof s == "object" ? s : null;
+    this.Te(Q, o), this.Se(A, t, i, e, h);
+    const a = this.ze.Be(Q, o, 1, { filter: "nearest" });
     return a.F(this.Me), { framebuffer: a, columns: i, rows: B };
   }
   Te(A, t) {
@@ -1186,9 +1186,9 @@ class mA {
   Se(A, t, e, s, r) {
     const i = s / r.head.unitsPerEm;
     for (let B = 0; B < A.length; B++) {
-      const n = B % e, Q = Math.floor(B / e), h = A[B].character, a = this.Fe(r, h);
+      const Q = B % e, o = Math.floor(B / e), h = A[B].character, a = this.Fe(r, h);
       if (!a) continue;
-      const g = h.codePointAt(0) || 0, l = this.Re.ce(r, g), c = this.Oe(r, l) * i, C = n * t.width, d = Q * t.height, I = C + 0.5 * t.width, w = d + 0.5 * t.height, p = Math.round(I - 0.5 * t.width), u = Math.round(w - 0.5 * s), M = p + 0.5 * (t.width - c), j = u + r.hhea.ascender * i;
+      const g = h.codePointAt(0) || 0, l = this.Re.ce(r, g), c = this.Oe(r, l) * i, C = Q * t.width, d = o * t.height, I = C + 0.5 * t.width, w = d + 0.5 * t.height, p = Math.round(I - 0.5 * t.width), u = Math.round(w - 0.5 * s), M = p + 0.5 * (t.width - c), j = u + r.hhea.ascender * i;
       this.Ue(a, M, j, i);
     }
   }
@@ -1208,25 +1208,25 @@ class mA {
   }
   Ue(A, t, e, s) {
     if (!A || !A.xs || A.noc === 0) return;
-    const { xs: r, ys: i, endPts: B, flags: n } = A;
-    if (!(r && i && B && n)) return;
+    const { xs: r, ys: i, endPts: B, flags: Q } = A;
+    if (!(r && i && B && Q)) return;
     this.Ye.beginPath();
-    let Q = 0;
+    let o = 0;
     for (let h = 0; h < B.length; h++) {
       const a = B[h];
-      if (!(a < Q)) {
-        if (a >= Q) {
-          const g = t + r[Q] * s, l = e - i[Q] * s;
+      if (!(a < o)) {
+        if (a >= o) {
+          const g = t + r[o] * s, l = e - i[o] * s;
           this.Ye.moveTo(g, l);
-          let c = Q + 1;
+          let c = o + 1;
           for (; c <= a; )
-            if (1 & n[c]) {
+            if (1 & Q[c]) {
               const C = t + r[c] * s, d = e - i[c] * s;
               this.Ye.lineTo(C, d), c++;
             } else {
               const C = t + r[c] * s, d = e - i[c] * s;
-              let I = c + 1 > a ? Q : c + 1;
-              if (1 & n[I]) {
+              let I = c + 1 > a ? o : c + 1;
+              if (1 & Q[I]) {
                 const w = t + r[I] * s, p = e - i[I] * s;
                 this.Ye.quadraticCurveTo(C, d, w, p), c = I + 1;
               } else {
@@ -1236,7 +1236,7 @@ class mA {
             }
           this.Ye.closePath();
         }
-        Q = a + 1;
+        o = a + 1;
       }
     }
     this.Ye.fill();
@@ -1244,17 +1244,17 @@ class mA {
 }
 class pA {
   constructor() {
-    o(this, "fe");
+    n(this, "fe");
     this.fe = new S();
   }
   calculateMaxGlyphDimensions(A, t, e) {
     let s = 0;
     const r = this.fe.Ie(e, t), i = r.lineHeight;
     for (const B of A) {
-      const n = this.fe.Pe(e, B);
-      if (n === 0) continue;
-      const Q = this.fe.ue(e, n) * r.scale;
-      s = Math.max(s, Q);
+      const Q = this.fe.Pe(e, B);
+      if (Q === 0) continue;
+      const o = this.fe.ue(e, Q) * r.scale;
+      s = Math.max(s, o);
     }
     return { width: Math.ceil(s), height: Math.ceil(i) };
   }
@@ -1271,7 +1271,7 @@ class pA {
 }
 class yA {
   constructor() {
-    o(this, "Re");
+    n(this, "Re");
     this.Re = new S();
   }
   createCharacterObjects(A, t) {
@@ -1279,8 +1279,8 @@ class yA {
       const r = e.codePointAt(0) || 0, i = this.Le(s);
       let B = 0;
       if (t.hmtx && t.hmtx.aWidth) {
-        const n = this.Re.ce(t, r);
-        n > 0 && t.hmtx.aWidth[n] !== void 0 && (B = t.hmtx.aWidth[n]);
+        const Q = this.Re.ce(t, r);
+        Q > 0 && t.hmtx.aWidth[Q] !== void 0 && (B = t.hmtx.aWidth[Q]);
       }
       return { character: e, unicode: r, color: i, advanceWidth: B };
     });
@@ -1299,18 +1299,18 @@ class yA {
 }
 class xA {
   constructor(A, t = 16) {
-    o(this, "We");
-    o(this, "Je", []);
-    o(this, "Ve");
-    o(this, "Ke", 16);
-    o(this, "Ze", 0);
-    o(this, "je", 0);
-    o(this, "Xe", { width: 0, height: 0 });
-    o(this, "Ne");
-    o(this, "qe");
-    o(this, "AB");
-    o(this, "tB");
-    o(this, "eB");
+    n(this, "We");
+    n(this, "Je", []);
+    n(this, "Ve");
+    n(this, "Ke", 16);
+    n(this, "Ze", 0);
+    n(this, "je", 0);
+    n(this, "Xe", { width: 0, height: 0 });
+    n(this, "Ne");
+    n(this, "qe");
+    n(this, "AB");
+    n(this, "tB");
+    n(this, "eB");
     this.Ke = t, this.qe = new wA(), this.AB = new mA(A), this.tB = new pA(), this.eB = new yA();
   }
   async BB(A) {
@@ -1386,15 +1386,15 @@ class xA {
 }
 class vA {
   constructor(A, t, e) {
-    o(this, "EB");
-    o(this, "nB");
-    o(this, "I");
-    o(this, "p");
-    o(this, "oB");
-    o(this, "gB");
-    o(this, "aB");
-    o(this, "hB");
-    o(this, "cB");
+    n(this, "EB");
+    n(this, "nB");
+    n(this, "I");
+    n(this, "p");
+    n(this, "oB");
+    n(this, "gB");
+    n(this, "aB");
+    n(this, "hB");
+    n(this, "cB");
     this.aB = A, this.hB = t, this.cB = e, this.fA();
   }
   fA() {
@@ -1430,9 +1430,9 @@ class vA {
 }
 class bA {
   constructor(A = {}) {
-    o(this, "aB");
-    o(this, "DB");
-    o(this, "lB");
+    n(this, "aB");
+    n(this, "DB");
+    n(this, "lB");
     A.canvas ? (this.aB = A.canvas, this.lB = !1) : (this.aB = this.PB(A.width, A.height), this.lB = !0), this.aB.style.imageRendering = "pixelated";
   }
   PB(A, t) {
@@ -1468,16 +1468,16 @@ class bA {
 }
 class RA {
   constructor(A = 60) {
-    o(this, "IB");
-    o(this, "wB");
-    o(this, "fB", null);
-    o(this, "dB", 0);
-    o(this, "pB", !0);
-    o(this, "_B", 0);
-    o(this, "mB", 0);
-    o(this, "vB", []);
-    o(this, "xB", 10);
-    o(this, "yB", 0);
+    n(this, "IB");
+    n(this, "wB");
+    n(this, "fB", null);
+    n(this, "dB", 0);
+    n(this, "pB", !0);
+    n(this, "_B", 0);
+    n(this, "mB", 0);
+    n(this, "vB", []);
+    n(this, "xB", 10);
+    n(this, "yB", 0);
     this.IB = A, this.wB = 1e3 / A;
   }
   start(A) {
@@ -1575,10 +1575,10 @@ const TA = (E) => class extends E {
   cellColor(A, t, e) {
     this.ze.state.bA(A, t, e);
   }
-  flipHorizontally(A) {
+  flipX(A) {
     this.ze.state.GA(A);
   }
-  flipVertically(A) {
+  flipY(A) {
     this.ze.state.$A(A);
   }
   charRotation(A) {
@@ -1596,8 +1596,8 @@ const TA = (E) => class extends E {
   triangle(A, t, e, s, r, i) {
     this.ze.te(A, t, e, s, r, i);
   }
-  bezierCurve(A, t, e, s, r, i, B, n) {
-    this.ze.ee(A, t, e, s, r, i, B, n);
+  bezierCurve(A, t, e, s, r, i, B, Q) {
+    this.ze.ee(A, t, e, s, r, i, B, Q);
   }
   arc(A, t, e, s, r, i) {
     this.ze.se(A, t, e, s, r, i);
@@ -1615,7 +1615,7 @@ const TA = (E) => class extends E {
     return this.ze.jt(A);
   }
 };
-class L {
+class O {
   bB(A) {
     const t = A.U(0), e = A.U(1), s = A.U(2), r = A.U(3);
     return { characterPixels: t, primaryColorPixels: e, secondaryColorPixels: s, transformPixels: A.U(4), rotationPixels: r };
@@ -1653,10 +1653,10 @@ class W {
     return "textmode-export-" + this.zB();
   }
 }
-class MA extends L {
+class MA extends O {
   FB(A, t, e) {
-    const s = A[e] === 255, r = A[e + 1] === 255, i = A[e + 2] === 255, B = t[e], n = t[e + 1];
-    return { isInverted: s, flipHorizontal: r, flipVertical: i, rotation: Math.round(360 * (B + n / 255) / 255 * 100) / 100 };
+    const s = A[e] === 255, r = A[e + 1] === 255, i = A[e + 2] === 255, B = t[e], Q = t[e + 1];
+    return { isInverted: s, flipHorizontal: r, flipVertical: i, rotation: Math.round(360 * (B + Q / 255) / 255 * 100) / 100 };
   }
   OB(A, t, e) {
     return { x: A, y: t, cellX: A * e.cellWidth, cellY: t * e.cellHeight };
@@ -1665,15 +1665,15 @@ class MA extends L {
     const e = [];
     let s = 0;
     for (let r = 0; r < t.rows; r++) for (let i = 0; i < t.cols; i++) {
-      const B = 4 * s, n = this.GB(A.characterPixels, B);
-      let Q = this.$B(A.primaryColorPixels, B), h = this.$B(A.secondaryColorPixels, B);
+      const B = 4 * s, Q = this.GB(A.characterPixels, B);
+      let o = this.$B(A.primaryColorPixels, B), h = this.$B(A.secondaryColorPixels, B);
       const a = this.FB(A.transformPixels, A.rotationPixels, B);
       if (a.isInverted) {
-        const l = Q;
-        Q = h, h = l;
+        const l = o;
+        o = h, h = l;
       }
       const g = this.OB(i, r, t);
-      e.push({ charIndex: n, primaryColor: Q, secondaryColor: h, transform: a, position: g }), s++;
+      e.push({ charIndex: Q, primaryColor: o, secondaryColor: h, transform: a, position: g }), s++;
     }
     return e;
   }
@@ -1688,16 +1688,16 @@ class _A {
         {
           const B = r.idRangeOffset[i] / 2 + (t - r.startCount[i]) - (r.startCount.length - i);
           if (B >= 0 && B < r.glyphIdArray.length) {
-            const n = r.glyphIdArray[B];
-            if (n !== 0) return n + r.idDelta[i] & 65535;
+            const Q = r.glyphIdArray[B];
+            if (Q !== 0) return Q + r.idDelta[i] & 65535;
           }
         }
       }
     } else if (s.format === 12) {
       const r = s;
       for (let i = 0; i < r.groups.length; i += 3) {
-        const B = r.groups[i], n = r.groups[i + 1], Q = r.groups[i + 2];
-        if (t >= B && t <= n) return Q + (t - B);
+        const B = r.groups[i], Q = r.groups[i + 1], o = r.groups[i + 2];
+        if (t >= B && t <= Q) return o + (t - B);
       }
     }
     return 0;
@@ -1708,51 +1708,51 @@ class _A {
   }
   HB(A, t, e, s) {
     if (!A || !A.xs) return "";
-    const { xs: r, ys: i, endPts: B, flags: n } = A;
-    if (!(r && i && B && n)) return "";
-    let Q = "", h = 0;
+    const { xs: r, ys: i, endPts: B, flags: Q } = A;
+    if (!(r && i && B && Q)) return "";
+    let o = "", h = 0;
     for (let a = 0; a < B.length; a++) {
       const g = B[a];
       if (!(g < h)) {
         if (g >= h) {
           const l = t + r[h] * s, c = e - i[h] * s;
-          Q += `M${l.toFixed(2)},${c.toFixed(2)}`;
+          o += `M${l.toFixed(2)},${c.toFixed(2)}`;
           let C = h + 1;
           for (; C <= g; )
-            if (1 & n[C]) {
+            if (1 & Q[C]) {
               const d = t + r[C] * s, I = e - i[C] * s;
-              Q += `L${d.toFixed(2)},${I.toFixed(2)}`, C++;
+              o += `L${d.toFixed(2)},${I.toFixed(2)}`, C++;
             } else {
               const d = t + r[C] * s, I = e - i[C] * s;
               let w = C + 1 > g ? h : C + 1;
-              if (1 & n[w]) {
+              if (1 & Q[w]) {
                 const p = t + r[w] * s, u = e - i[w] * s;
-                Q += `Q${d.toFixed(2)},${I.toFixed(2)} ${p.toFixed(2)},${u.toFixed(2)}`, C = w + 1;
+                o += `Q${d.toFixed(2)},${I.toFixed(2)} ${p.toFixed(2)},${u.toFixed(2)}`, C = w + 1;
               } else {
                 const p = (d + (t + r[w] * s)) / 2, u = (I + (e - i[w] * s)) / 2;
-                Q += `Q${d.toFixed(2)},${I.toFixed(2)} ${p.toFixed(2)},${u.toFixed(2)}`, C = w;
+                o += `Q${d.toFixed(2)},${I.toFixed(2)} ${p.toFixed(2)},${u.toFixed(2)}`, C = w;
               }
             }
-          Q += "Z";
+          o += "Z";
         }
         h = g + 1;
       }
     }
-    return Q;
+    return o;
   }
   WB(A, t, e, s, r) {
     const i = A.codePointAt(0) || 0, B = this.LB(t, i);
-    let n = null;
-    return t.glyf && t.glyf[B] !== null ? n = t.glyf[B] : (n = y.T.glyf.Ee(t, B), t.glyf[B] = n), this.kB(t, n, e, s, r);
+    let Q = null;
+    return t.glyf && t.glyf[B] !== null ? Q = t.glyf[B] : (Q = y.T.glyf.Ee(t, B), t.glyf[B] = Q), this.kB(t, Q, e, s, r);
   }
-  JB(A, t, e, s, r, i, B, n) {
-    const Q = e + (r - n * (B / t.head.unitsPerEm)) / 2, h = s + (i + 0.7 * B) / 2;
-    return this.WB(A, t, Q, h, B).toSVG() || null;
+  JB(A, t, e, s, r, i, B, Q) {
+    const o = e + (r - Q * (B / t.head.unitsPerEm)) / 2, h = s + (i + 0.7 * B) / 2;
+    return this.WB(A, t, o, h, B).toSVG() || null;
   }
 }
 class GA {
   constructor() {
-    o(this, "VB");
+    n(this, "VB");
     this.VB = new _A();
   }
   KB(A) {
@@ -1780,8 +1780,8 @@ class GA {
   NB(A, t) {
     const { transform: e, position: s } = A, r = s.cellX + t.cellWidth / 2, i = s.cellY + t.cellHeight / 2, B = [];
     if (e.flipHorizontal || e.flipVertical) {
-      const n = e.flipHorizontal ? -1 : 1, Q = e.flipVertical ? -1 : 1;
-      B.push(`translate(${r} ${i})`), B.push(`scale(${n} ${Q})`), B.push(`translate(${-r} ${-i})`);
+      const Q = e.flipHorizontal ? -1 : 1, o = e.flipVertical ? -1 : 1;
+      B.push(`translate(${r} ${i})`), B.push(`scale(${Q} ${o})`), B.push(`translate(${-r} ${-i})`);
     }
     return e.rotation && B.push(`rotate(${e.rotation} ${r} ${i})`), B.length ? ` transform="${B.join(" ")}"` : "";
   }
@@ -1835,9 +1835,9 @@ class YA extends W {
 }
 class H {
   constructor() {
-    o(this, "rs");
-    o(this, "Es");
-    o(this, "ns");
+    n(this, "rs");
+    n(this, "Es");
+    n(this, "ns");
     this.rs = new MA(), this.Es = new GA(), this.ns = new YA();
   }
   gs(A) {
@@ -1851,18 +1851,18 @@ class H {
     this.ns.Qs(this.hs(A, t), t.filename);
   }
 }
-class SA extends L {
+class SA extends O {
   cs(A, t, e, s = " ") {
     var B;
     const r = [];
     let i = 0;
-    for (let n = 0; n < t.rows; n++) {
-      const Q = [];
+    for (let Q = 0; Q < t.rows; Q++) {
+      const o = [];
       for (let h = 0; h < t.cols; h++) {
         const a = 4 * i, g = this.GB(A.characterPixels, a), l = ((B = e.characters[g]) == null ? void 0 : B.character) || s;
-        Q.push(l), i++;
+        o.push(l), i++;
       }
-      r.push(Q);
+      r.push(o);
     }
     return r;
   }
@@ -1890,11 +1890,11 @@ class zA extends W {
     return t === ".txt" || t.length <= 4 ? this.SB() : t;
   }
 }
-class J {
+class X {
   constructor() {
-    o(this, "rs");
-    o(this, "Es");
-    o(this, "ns");
+    n(this, "rs");
+    n(this, "Es");
+    n(this, "ns");
     this.rs = new SA(), this.Es = new FA(), this.ns = new zA();
   }
   gs(A) {
@@ -1908,15 +1908,15 @@ class J {
     this.ns.Ds(this.Ps(A, t), t.filename);
   }
 }
-class UA extends L {
+class UA extends O {
   us(A, t = 1, e = "transparent") {
     const s = A.canvas;
     if (t === 1 && e === "transparent") return s;
-    const r = document.createElement("canvas"), i = r.getContext("2d"), B = Math.round(s.width * t), n = Math.round(s.height * t);
-    return r.width = B, r.height = n, e !== "transparent" && (i.fillStyle = e, i.fillRect(0, 0, B, n)), i.imageSmoothingEnabled = !1, i.drawImage(s, 0, 0, s.width, s.height, 0, 0, B, n), r;
+    const r = document.createElement("canvas"), i = r.getContext("2d"), B = Math.round(s.width * t), Q = Math.round(s.height * t);
+    return r.width = B, r.height = Q, e !== "transparent" && (i.fillStyle = e, i.fillRect(0, 0, B, Q)), i.imageSmoothingEnabled = !1, i.drawImage(s, 0, 0, s.width, s.height, 0, 0, B, Q), r;
   }
 }
-class OA {
+class LA {
   Is(A, t) {
     const e = this.ws(t.format);
     return t.format === "png" ? A.toDataURL(e) : A.toDataURL(e, t.quality);
@@ -1942,10 +1942,10 @@ class OA {
     }
   }
 }
-const LA = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, X = { png: ".png", jpg: ".jpg", webp: ".webp" };
+const OA = { png: "image/png", jpg: "image/jpeg", webp: "image/webp" }, J = { png: ".png", jpg: ".jpg", webp: ".webp" };
 class WA extends W {
   ds(A, t, e) {
-    this.ps(A, this.TB(t) + X[e]);
+    this.ps(A, this.TB(t) + J[e]);
   }
   ps(A, t) {
     const e = URL.createObjectURL(A);
@@ -1957,15 +1957,15 @@ class WA extends W {
     }
   }
   _s(A) {
-    return A in LA && A in X;
+    return A in OA && A in J;
   }
 }
 class $A {
   constructor() {
-    o(this, "rs");
-    o(this, "Es");
-    o(this, "ns");
-    this.rs = new UA(), this.Es = new OA(), this.ns = new WA();
+    n(this, "rs");
+    n(this, "Es");
+    n(this, "ns");
+    this.rs = new UA(), this.Es = new LA(), this.ns = new WA();
   }
   gs(A) {
     return { format: A.format ?? "png", quality: A.quality ?? 1, scale: A.scale ?? 1, backgroundColor: A.backgroundColor ?? "transparent", filename: A.filename || this.ns.SB() };
@@ -1993,10 +1993,10 @@ const kA = (E) => class extends E {
     this.ze.re(this.Gs);
   }
   toString(A = {}) {
-    return this.bs(), new J().Ps({ pipeline: this.$s, grid: this.Ms, font: this.We }, A);
+    return this.bs(), new X().Ps({ pipeline: this.$s, grid: this.Ms, font: this.We }, A);
   }
   saveStrings(A = {}) {
-    this.bs(), new J().Ds({ pipeline: this.$s, grid: this.Ms, font: this.We }, A);
+    this.bs(), new X().Ds({ pipeline: this.$s, grid: this.Ms, font: this.We }, A);
   }
   toSVG(A = {}) {
     return this.bs(), new H().hs({ pipeline: this.$s, grid: this.Ms, font: this.We }, A);
@@ -2043,62 +2043,66 @@ const kA = (E) => class extends E {
     return this.Ys.isLooping;
   }
 };
-class JA {
+class XA {
   constructor() {
-    o(this, "ze");
-    o(this, "We");
-    o(this, "aB");
-    o(this, "Ms");
-    o(this, "Ys");
-    o(this, "Gs");
-    o(this, "$s");
-    o(this, "Rs");
+    n(this, "ze");
+    n(this, "We");
+    n(this, "aB");
+    n(this, "Ms");
+    n(this, "Ys");
+    n(this, "Gs");
+    n(this, "$s");
+    n(this, "Rs");
   }
   zs() {
   }
 }
-class XA extends function(t, ...e) {
+class JA extends function(t, ...e) {
   return e.reduce((s, r) => r(s), t);
-}(JA, TA, kA, NA, HA) {
+}(XA, TA, kA, NA, HA) {
   constructor(t = {}) {
     super();
-    o(this, "Ts", !1);
-    o(this, "Ss", () => {
+    n(this, "Ts", !1);
+    n(this, "Ss", () => {
     });
-    o(this, "Fs", () => {
+    n(this, "Fs", () => {
     });
-    o(this, "Os");
-    this.aB = new bA(t), this.ze = new DA(this.aB.uB()), this.We = new xA(this.ze, t.fontSize ?? 16), this.Ys = new RA(t.frameRate ?? 60), this.Gs = this.ze.Jt(O, `#version 300 es
-precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.0);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.0,1.0);o_transform=vec4(v_transform,1.0);}`), this.Rs = this.ze.Jt("attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.0,1.0);}", "precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;uniform vec2 u_gridOffsetPixels;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=(gl_FragCoord.xy-u_gridOffsetPixels)/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=-(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}");
+    n(this, "Os", () => {
+    });
+    n(this, "Us");
+    this.aB = new bA(t), this.ze = new DA(this.aB.uB()), this.We = new xA(this.ze, t.fontSize ?? 16), this.Ys = new RA(t.frameRate ?? 60), this.Gs = this.ze.Jt(L, `#version 300 es
+precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.0);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.0,1.0);o_transform=vec4(v_transform,1.0);}`), this.Rs = this.ze.Jt("attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.0,1.0);}", "precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;uniform vec2 u_gridOffsetPixels;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=(gl_FragCoord.xy-u_gridOffsetPixels)/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=-(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}"), this.Ls(t);
   }
-  static async create(t = {}) {
-    const e = new this(t);
-    await e.We.BB(t.fontSource);
-    const s = e.We.maxGlyphDimensions;
-    return e.Ms = new vA(e.aB.canvas, s.width, s.height), e.$s = e.ze.Be(e.Ms.cols, e.Ms.rows, 5), e.Us(), e.Ys.start(() => e.zs()), e;
+  async Ls(t) {
+    await this.We.BB(t.fontSource);
+    const e = this.We.maxGlyphDimensions;
+    this.Ms = new vA(this.aB.canvas, e.width, e.height), this.$s = this.ze.Be(this.Ms.cols, this.Ms.rows, 5), this.ks(), this.Ss(), this.Ys.start(() => this.zs());
   }
-  Us() {
-    this.Os = () => {
-      this.Fs();
-    }, window.addEventListener("resize", this.Os);
+  ks() {
+    this.Us = () => {
+      this.Os();
+    }, window.addEventListener("resize", this.Us);
   }
   zs() {
     if (this.Ys.measureFrameRate(), this.Ys.incrementFrame(), this.Ts) return;
-    this.$s.k(), this.ze.Wt(this.Gs), this.Ss(), this.ze.re(this.Gs), this.$s.H();
+    this.$s.k(), this.ze.Wt(this.Gs), this.Fs(), this.ze.re(this.Gs), this.$s.H();
     const t = this.ze.state.canvasBackgroundColor;
     this.ze.ot(t[0], t[1], t[2], t[3]), this.ze.Wt(this.Rs), this.Rs.eA({ u_characterTexture: this.We.fontFramebuffer, u_charsetDimensions: [this.We.textureColumns, this.We.textureRows], u_asciiCharacterTexture: this.$s.textures[0], u_primaryColorTexture: this.$s.textures[1], u_secondaryColorTexture: this.$s.textures[2], u_transformTexture: this.$s.textures[4], u_rotationTexture: this.$s.textures[3], u_gridCellDimensions: [this.Ms.cols, this.Ms.rows], u_gridPixelDimensions: [this.Ms.width, this.Ms.height], u_gridOffsetPixels: [this.Ms.offsetX, this.Ms.offsetY], u_aspectRatio: this.Ms.width / this.Ms.height }), this.ze.Xt(this.Ms.offsetX, this.Ms.offsetY, this.Ms.width, this.Ms.height);
   }
-  draw(t) {
+  setup(t) {
     this.Ss = t;
   }
-  windowResized(t) {
+  draw(t) {
     this.Fs = t;
   }
+  windowResized(t) {
+    this.Os = t;
+  }
   resizeCanvas(t, e) {
     this.aB.O(t, e), this.Ms.fA(), this.$s.O(this.Ms.cols, this.Ms.rows), this.ze.Qe(), this.zs();
   }
   destroy() {
-    this.Ts || (this.Ys.stop(), window.removeEventListener("resize", this.Os), this.We.W(), this.ze.W(), this.Ts = !0);
+    this.Ts || (this.Ys.stop(), window.removeEventListener("resize", this.Us), this.We.W(), this.ze.W(), this.Ts = !0);
   }
   get grid() {
     return this.Ms;
@@ -2126,14 +2130,14 @@ class $ {
   constructor() {
     throw new m("Textmode is a static class and cannot be instantiated.");
   }
-  static async create(A) {
-    return XA.create(A);
+  static create(A = {}) {
+    return new JA(A);
   }
   static setErrorLevel(A) {
     _.u(A);
   }
   static get version() {
-    return "0.2.0-beta.3";
+    return "0.2.0-beta.5";
   }
 }
 const jA = Object.freeze(Object.defineProperty({ __proto__: null }, Symbol.toStringTag, { value: "Module" })), ZA = $.create, KA = $.setErrorLevel, qA = $.version;
@@ -2142,7 +2146,7 @@ export {
   q as TextmodeErrorLevel,
   xA as TextmodeFont,
   vA as TextmodeGrid,
-  XA as Textmodifier,
+  JA as Textmodifier,
   ZA as create,
   jA as export,
   KA as setErrorLevel,