textmode.js 0.2.1-beta.4 → 0.2.1-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/textmode.esm.js +2142 -1840
  2. package/dist/textmode.esm.min.js +1854 -1551
  3. package/dist/textmode.umd.js +9 -9
  4. package/dist/textmode.umd.min.js +8 -7
  5. package/dist/types/assets/shaders-minified/frag/image-to-mrt.d.ts +14 -0
  6. package/dist/types/assets/shaders-minified/frag/present.d.ts +14 -0
  7. package/dist/types/assets/shaders-minified/index.d.ts +2 -0
  8. package/dist/types/index.d.ts +1 -0
  9. package/dist/types/rendering/index.d.ts +0 -2
  10. package/dist/types/rendering/webgl/DrawQueue.d.ts +9 -7
  11. package/dist/types/rendering/webgl/InstanceData.d.ts +15 -15
  12. package/dist/types/rendering/webgl/RenderPipeline.d.ts +1 -0
  13. package/dist/types/rendering/webgl/RenderState.d.ts +13 -19
  14. package/dist/types/rendering/webgl/Renderer.d.ts +13 -2
  15. package/dist/types/rendering/webgl/Shader.d.ts +3 -4
  16. package/dist/types/rendering/webgl/ShaderManager.d.ts +12 -11
  17. package/dist/types/rendering/webgl/geometries/BaseGeometry.d.ts +2 -1
  18. package/dist/types/rendering/webgl/types/DrawCommand.d.ts +2 -2
  19. package/dist/types/textmode/Canvas.d.ts +6 -0
  20. package/dist/types/textmode/TextmodeImage.d.ts +92 -0
  21. package/dist/types/textmode/Textmodifier.d.ts +18 -2
  22. package/dist/types/textmode/font/CharacterExtractor.d.ts +14 -14
  23. package/dist/types/textmode/font/MetricsCalculator.d.ts +1 -21
  24. package/dist/types/textmode/font/typr/Typr.d.ts +2 -0
  25. package/dist/types/textmode/font/typr/types.d.ts +6 -0
  26. package/dist/types/textmode/font/utils/index.d.ts +0 -1
  27. package/dist/types/textmode/mixins/AnimationMixin.d.ts +6 -0
  28. package/dist/types/textmode/mixins/FontMixin.d.ts +43 -3
  29. package/dist/types/textmode/mixins/KeyboardMixin.d.ts +2 -3
  30. package/dist/types/textmode/mixins/MouseMixin.d.ts +6 -6
  31. package/dist/types/textmode/mixins/RenderingMixin.d.ts +23 -5
  32. package/package.json +1 -1
  33. package/dist/types/rendering/webgl/types/ShaderTypes.d.ts +0 -35
  34. package/dist/types/textmode/font/utils/CmapParser.d.ts +0 -47
@@ -1,12 +1,13 @@
1
- var oe=Object.defineProperty;var ae=(R,E,L)=>E in R?oe(R,E,{enumerable:!0,configurable:!0,writable:!0,value:L}):R[E]=L;var u=(R,E,L)=>ae(R,typeof E!="symbol"?E+"":E,L);var e,s;e=this,s=function(R){class E extends Error{constructor(t,i={}){super(E.u(t,i)),this.name="TextmodeError"}static u(t,i){return`${t}${i&&Object.keys(i).length>0?`
1
+ var ye=Object.defineProperty;var Ee=(C,T,M)=>T in C?ye(C,T,{enumerable:!0,configurable:!0,writable:!0,value:M}):C[T]=M;var l=(C,T,M)=>Ee(C,typeof T!="symbol"?T+"":T,M);var e,s;e=this,s=function(C){class T extends Error{constructor(t,i={}){super(T.i(t,i)),this.name="TextmodeError"}static i(t,i){return`${t}${i&&Object.keys(i).length>0?`
2
2
 
3
3
  📋 Context:`+Object.entries(i).map(([r,n])=>`
4
- - ${r}: ${E._(n)}`).join(""):""}
4
+ - ${r}: ${T.o(n)}`).join(""):""}
5
5
 
6
6
  ${"↓".repeat(24)}
7
- `}static _(t){if(t===null)return"null";if(t===void 0)return"undefined";if(typeof t=="string")return`"${t}"`;if(typeof t=="number"||typeof t=="boolean")return t+"";if(Array.isArray(t))return t.length===0?"[]":t.length<=5?`[${t.map(i=>E._(i)).join(", ")}]`:`[${t.slice(0,3).map(i=>E._(i)).join(", ")}, ... +${t.length-3} more]`;if(typeof t=="object"){const i=Object.keys(t);return i.length===0?"{}":i.length<=3?`{ ${i.map(r=>`${r}: ${E._(t[r])}`).join(", ")} }`:`{ ${i.slice(0,2).map(r=>`${r}: ${E._(t[r])}`).join(", ")}, ... +${i.length-2} more }`}return t+""}}var L=(c=>(c[c.SILENT=0]="SILENT",c[c.WARNING=1]="WARNING",c[c.ERROR=2]="ERROR",c[c.THROW=3]="THROW",c))(L||{});const M=class M{constructor(){u(this,"$",{globalLevel:3})}static C(){return M.v||(M.v=new M),M.v}R(t,i){const r="%c[textmode.js] Oops! (╯°□°)╯︵ Something went wrong in your code.",n="color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;";switch(this.$.globalLevel){case 0:return!1;case 1:return console.group(r,n),console.warn(E.u(t,i)),console.groupEnd(),!1;case 2:return console.group(r,n),console.error(E.u(t,i)),console.groupEnd(),!1;default:throw new E(t,i)}}M(t,i,r){return!!t||(this.R(i,r),!1)}S(t){this.$.globalLevel=t}};u(M,"v",null);let Y=M;const I=Y.C(),X=new WeakMap;function W(c,t){X.set(c,t)}function D(c){return X.get(c)}class j{constructor(){u(this,"F",1);u(this,"P",0);u(this,"A",0);u(this,"G",0);u(this,"L",[0,0,0]);u(this,"D",[1,1,1,1]);u(this,"W",[0,0,0,1]);u(this,"I",!1);u(this,"U",!1);u(this,"V",!1);u(this,"O",[0,0]);u(this,"H",[0,0,0,1]);u(this,"K",[])}N(){this.K.push({X:this.F,Y:this.P,Z:this.A,J:this.G,O:[...this.O],I:this.I,U:this.U,V:this.V,tt:[...this.L],et:[...this.D],st:[...this.W]})}it(){const t=this.K.pop();t?(this.F=t.X,this.P=t.Y,this.A=t.Z,this.G=t.J,this.O=t.O,this.I=t.I,this.U=t.U,this.V=t.V,this.L=t.tt,this.D=t.et,this.W=t.st):console.warn("pop() called without matching push()")}rt(){this.K=[],this.P=0,this.A=0,this.G=0}nt(t){t.lineWeight=this.F,t.rotationX=this.P,t.rotationY=this.A,t.rotationZ=this.G,t.character[0]=this.L[0],t.character[1]=this.L[1],t.character[2]=this.L[2],t.charColor[0]=this.D[0],t.charColor[1]=this.D[1],t.charColor[2]=this.D[2],t.charColor[3]=this.D[3],t.bgColor[0]=this.W[0],t.bgColor[1]=this.W[1],t.bgColor[2]=this.W[2],t.bgColor[3]=this.W[3],t.flipHorizontally=this.I,t.flipVertically=this.U,t.invert=this.V,t.charRotation[0]=this.O[0],t.charRotation[1]=this.O[1]}get lineWeight(){return this.F}get canvasBackgroundColor(){return this.H}ot(t){this.F=Math.abs(t)}ht(t){this.P=t}ct(t){this.A=t}lt(t){this.G=t}ut(t){this.L=t}ft(t,i,r,n=255){this.D=[t/255,i/255,r/255,n/255]}dt(t,i,r,n=255){this.W=[t/255,i/255,r/255,n/255]}_t(t){this.I=t}gt(t){this.U=t}vt(t){this.V=t}yt(t){const i=255*t/360,r=Math.floor(i)/255,n=Math.round(i-Math.floor(i));this.O=[r,n]}$t(t,i,r,n){this.H=[t/255,i/255,r/255,n/255]}}class B{constructor(t,i,r=i,n=1,o={},a=null,h=!1){u(this,"Ct");u(this,"wt");u(this,"$");u(this,"bt",null);u(this,"xt");u(this,"Rt");u(this,"Mt",[]);u(this,"St");u(this,"Ft",null);u(this,"zt",[]);u(this,"kt",null);u(this,"Tt",!1);u(this,"Pt",null);this.Ct=i,this.wt=r,this.$={filter:"nearest",wrap:"clamp",format:"rgba",type:"unsigned_byte",...o},this.xt=t,this.St=Math.min(Math.max(1,n),8),this.kt=a,this.Tt=!!h,this.Pt=this.Tt?new j:null;const l=t.getParameter(t.MAX_DRAW_BUFFERS),f=t.getParameter(t.MAX_COLOR_ATTACHMENTS);this.St=Math.min(this.St,l,f),this.Rt=t.createFramebuffer(),this.At(),this.Gt(),this.zt=Array(this.St).fill(null)}At(){const t=this.xt,i=this.$.filter==="linear"?t.LINEAR:t.NEAREST,r=this.$.wrap==="repeat"?t.REPEAT:t.CLAMP_TO_EDGE,n=this.$.type==="float"?t.FLOAT:t.UNSIGNED_BYTE;for(let o=0;o<this.St;o++){const a=t.createTexture();t.bindTexture(t.TEXTURE_2D,a),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,i),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,i),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,r),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,r),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,this.Ct,this.wt,0,t.RGBA,n,null),this.Mt.push(a)}t.bindTexture(t.TEXTURE_2D,null)}Gt(){const t=this.xt;if(t.bindFramebuffer(t.FRAMEBUFFER,this.Rt),this.St===1)t.framebufferTexture2D(t.FRAMEBUFFER,t.COLOR_ATTACHMENT0,t.TEXTURE_2D,this.Mt[0],0);else{const r=[];for(let n=0;n<this.St;n++){const o=t.COLOR_ATTACHMENT0+n;t.framebufferTexture2D(t.FRAMEBUFFER,o,t.TEXTURE_2D,this.Mt[n],0),r.push(o)}t.drawBuffers(r)}const i=t.checkFramebufferStatus(t.FRAMEBUFFER);i!==t.FRAMEBUFFER_COMPLETE&&console.error("GLFramebuffer is not complete:",i),t.bindFramebuffer(t.FRAMEBUFFER,null)}Lt(t){const i=this.xt;i.bindTexture(i.TEXTURE_2D,this.Mt[0]),i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL,1),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,i.RGBA,i.UNSIGNED_BYTE,t),i.bindTexture(i.TEXTURE_2D,null)}resize(t,i){this.Ct=t,this.wt=i,this.bt=null,this.zt=Array(this.St).fill(null);const r=this.xt,n=this.$.type==="float"?r.FLOAT:r.UNSIGNED_BYTE;for(const o of this.Mt)r.bindTexture(r.TEXTURE_2D,o),r.texImage2D(r.TEXTURE_2D,0,r.RGBA,this.Ct,this.wt,0,r.RGBA,n,null);r.bindTexture(r.TEXTURE_2D,null)}Et(t){const i=this.xt,r=this.zt[t];if(r)return r;const n=this.Ct,o=this.wt,a=new Uint8Array(n*o*4),h=i.getParameter(i.READ_FRAMEBUFFER_BINDING);i.bindFramebuffer(i.READ_FRAMEBUFFER,this.Rt),i.readBuffer(i.COLOR_ATTACHMENT0+t),i.readPixels(0,0,n,o,i.RGBA,i.UNSIGNED_BYTE,a),i.bindFramebuffer(i.READ_FRAMEBUFFER,h);const l=4*n,f=new Uint8Array(a.length);for(let d=0;d<o;d++){const p=(o-1-d)*l,g=d*l;f.set(a.subarray(p,p+l),g)}return this.zt[t]=f,f}begin(){var i,r,n,o;const t=this.xt;if(this.kt){const a=((r=(i=this.kt).Bt)==null?void 0:r.call(i))??null;a&&this.kt.Dt(a),this.Tt&&this.Pt&&((o=(n=this.kt).Wt)==null||o.call(n,this.Pt))}this.Ft={framebuffer:t.getParameter(t.FRAMEBUFFER_BINDING),viewport:t.getParameter(t.VIEWPORT)},t.bindFramebuffer(t.FRAMEBUFFER,this.Rt),this.zt=Array(this.St).fill(null);for(let a=0;a<this.St;a++)t.clearBufferfv(t.COLOR,a,new Float32Array([0,0,0,0]));t.viewport(0,0,this.Ct,this.wt),W(t,[0,0,this.Ct,this.wt])}end(){var i,r,n,o;if(!this.Ft)return;const t=this.xt;if(this.kt){const a=((r=(i=this.kt).Bt)==null?void 0:r.call(i))??null;a&&this.kt.Dt(a)}t.bindFramebuffer(t.FRAMEBUFFER,this.Ft.framebuffer),t.viewport(...this.Ft.viewport),W(t,this.Ft.viewport),this.Ft=null,this.kt&&this.Tt&&this.Pt&&((o=(n=this.kt).It)==null||o.call(n))}Ut(){const t=this.xt;t.deleteFramebuffer(this.Rt);for(const i of this.Mt)t.deleteTexture(i)}get width(){return this.Ct}get height(){return this.wt}get textures(){return[...this.Mt]}}function K(c){return typeof c=="string"?c:c.sourceCode}class k{constructor(t,i,r){u(this,"xt");u(this,"Vt");u(this,"Ot",new Map);u(this,"Ht",new Map);u(this,"Kt",0);this.xt=t,this.Vt=this.Nt(K(i),K(r)),this.jt()}jt(){const t=this.xt.getProgramParameter(this.Vt,this.xt.ACTIVE_UNIFORMS);for(let i=0;i<t;i++){const r=this.xt.getActiveUniform(this.Vt,i);if(r){const n=this.xt.getUniformLocation(this.Vt,r.name);if(n&&(this.Ot.set(r.name,n),this.Ht.set(r.name,{type:r.type,size:r.size}),r.size>1)){const o=r.name.replace(/\[.*\]$/,"");this.Ot.has(o)||(this.Ot.set(o,n),this.Ht.set(o,{type:r.type,size:r.size}))}}}}Nt(t,i){const r=this.Xt(this.xt.VERTEX_SHADER,t),n=this.Xt(this.xt.FRAGMENT_SHADER,i),o=this.xt.createProgram();if(this.xt.attachShader(o,r),this.xt.attachShader(o,n),this.xt.linkProgram(o),!this.xt.getProgramParameter(o,this.xt.LINK_STATUS)){const a=this.xt.getProgramInfoLog(o);throw Error("Shader program link error: "+a)}return this.xt.deleteShader(r),this.xt.deleteShader(n),o}Xt(t,i){const r=this.xt.createShader(t);if(this.xt.shaderSource(r,i),this.xt.compileShader(r),!this.xt.getShaderParameter(r,this.xt.COMPILE_STATUS)){const n=this.xt.getShaderInfoLog(r);throw this.xt.deleteShader(r),Error("Shader compilation error: "+n)}return r}Yt(){this.xt.useProgram(this.Vt),this.qt()}qt(){this.Kt=0}Zt(t){for(const[i,r]of Object.entries(t))this.Jt(i,r)}Qt(t){return this.Ot.has(t)}te(t){return this.Ht.get(t)||null}ee(){const t=[];for(const[i,r]of this.Ht.entries())t.push({name:i,...r});return t}Jt(t,i){var l;const r=this.Ot.get(t);if(!r)return;const n=this.Ht.get(t);if(!n)return void console.warn(`No type information found for uniform '${t}'`);const{type:o,size:a}=n,h=this.xt;if(typeof i=="number")switch(o){case h.INT:case h.BOOL:h.uniform1i(r,i);break;case h.FLOAT:h.uniform1f(r,i);break;default:console.warn(`Unexpected uniform type for scalar '${t}': ${o}`),h.uniform1f(r,i)}else if(typeof i=="boolean")h.uniform1i(r,i?1:0);else if(Array.isArray(i))if(Array.isArray(i[0])){const f=i,d=((l=f[0])==null?void 0:l.length)||0,p=f.flat();switch(o){case h.FLOAT_VEC2:d===2?h.uniform2fv(r,p):console.warn(`Vector length mismatch for '${t}': expected 2, got ${d}`);break;case h.FLOAT_VEC3:d===3?h.uniform3fv(r,p):console.warn(`Vector length mismatch for '${t}': expected 3, got ${d}`);break;case h.FLOAT_VEC4:d===4?h.uniform4fv(r,p):console.warn(`Vector length mismatch for '${t}': expected 4, got ${d}`);break;default:console.warn(`Unsupported uniform type for vector array '${t}': ${o}`)}}else switch(o){case h.FLOAT_VEC2:i.length===2?h.uniform2f(r,i[0],i[1]):console.warn(`Vector length mismatch for '${t}': expected 2, got ${i.length}`);break;case h.FLOAT_VEC3:i.length===3?h.uniform3f(r,i[0],i[1],i[2]):console.warn(`Vector length mismatch for '${t}': expected 3, got ${i.length}`);break;case h.FLOAT_VEC4:i.length===4?h.uniform4f(r,i[0],i[1],i[2],i[3]):console.warn(`Vector length mismatch for '${t}': expected 4, got ${i.length}`);break;case h.INT:a>1?h.uniform1iv(r,i):console.warn(`Array provided for scalar uniform '${t}'`);break;case h.FLOAT:a>1?h.uniform1fv(r,i):console.warn(`Array provided for scalar uniform '${t}'`);break;default:console.warn(`Unsupported uniform type for array '${t}': ${o}`)}else if(i instanceof WebGLTexture){const f=this.se();h.uniform1i(r,f),h.activeTexture(h.TEXTURE0+f),h.bindTexture(h.TEXTURE_2D,i)}else if(i instanceof B){const f=this.se();h.uniform1i(r,f),h.activeTexture(h.TEXTURE0+f),h.bindTexture(h.TEXTURE_2D,i.textures[0])}else console.warn(`Unsupported uniform type for '${t}':`,typeof i)}se(){return this.Kt++}get ie(){return this.Vt}Ut(){this.xt.deleteProgram(this.Vt)}}const N=`#version 300 es
8
- 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 k;uniform vec2 t;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 t,vec2 H,vec2 I,vec2 J,vec2 K){float L=1.-t,M=L*L,N=t*t;return M*L*H+3.*M*t*I+3.*L*N*J+N*t*K;}vec2 O(float t,vec2 H,vec2 I,vec2 J,vec2 K){float L=1.-t,M=L*L,N=t*t;return-3.*M*H+3.*M*I-6.*L*t*I+6.*L*t*J-3.*N*J+3.*N*K;}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 P;bool Q=length(a_instanceBezierCP1)+length(a_instanceBezierCP2)+length(a_instanceBezierStart)+length(a_instanceBezierEnd)>0.;bool R=a_instanceArcAngles.x!=0.||a_instanceArcAngles.y!=0.;if(Q){float t=a_position.x;vec2 S=G(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 T=O(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float U=length(T);T=U>0.?T/U:vec2(1,0);P=S+vec2(-T.y,T.x)*a_position.y*a_instanceSize.y;}else if(R){float C=a_instanceArcAngles.x,V=a_instanceArcAngles.y;C=mod(C,6.28318530718);if(C<0.)C+=6.28318530718;V=mod(V,6.28318530718);if(V<0.)V+=6.28318530718;float W=C-V;if(W<=0.)W+=6.28318530718;float X=C-a_position.x*W;vec2 Y=vec2(cos(X),sin(X))*a_position.y;P=Y*a_instanceSize*.5+a_instanceSize*.5+a_instancePosition;}else{P=a_position*a_instanceSize+a_instancePosition;}vec2 Z=(P/t)*2.-1.;Z.y=-Z.y;if(length(a_instanceGlobalRotation)>0.){vec3 a=vec3(Z-a_instanceRotationCenter,0);a.x*=k;if(a_instanceGlobalRotation.x!=0.)a=A(-a_instanceGlobalRotation.x)*a;if(a_instanceGlobalRotation.y!=0.)a=E(-a_instanceGlobalRotation.y)*a;if(a_instanceGlobalRotation.z!=0.)a=F(-a_instanceGlobalRotation.z)*a;a.x/=k;Z=a.xy+a_instanceRotationCenter;}gl_Position=vec4(Z,0,1);}`;class nt{constructor(t){u(this,"re",new Map);u(this,"xt");this.xt=t}ne(t,i){if(!this.re.has(t)){const r=i();this.re.set(t,r)}return this.re.get(t)}oe(){return this.ne("mrt-copy",()=>new k(this.xt,N,`#version 300 es
9
- precision highp float;in vec2 v_uv;uniform sampler2D l;uniform sampler2D m;uniform sampler2D n;uniform sampler2D o;uniform sampler2D p;uniform vec2 q;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*q;vec2 C=(floor(B)+0.5f)/q;vec4 D=texture(l,C);vec4 E=texture(m,C);if(E.a==0.){discard;}vec4 F=texture(n,C);vec4 G=texture(o,C);vec4 H=texture(p,C);o_character=D;o_primaryColor=E;o_secondaryColor=F;o_rotation=G;o_transform=H;}`))}Bt(){return this.ne("mrt-draw",()=>new k(this.xt,N,`#version 300 es
10
- 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.);}`))}ae(){return this.ne("ascii-conversion",()=>new k(this.xt,"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.);}","precision mediump float;uniform sampler2D a;uniform vec2 b;uniform sampler2D d;uniform sampler2D e;uniform sampler2D f;uniform sampler2D c;uniform sampler2D g;uniform vec2 h;uniform vec2 i;uniform vec2 j;mat2 A(float B){float C=sin(B);float c=cos(B);return mat2(c,-C,C,c);}void main(){vec2 D=(gl_FragCoord.xy-j)/i;vec2 E=D*h;vec2 F=floor(E);vec2 G=(F+0.5)/h;vec4 H=texture2D(d,G);vec4 I=texture2D(e,G);vec4 J=texture2D(f,G);bool K=J.r>0.5;bool L=J.g>0.5;bool M=J.b>0.5;vec4 N=texture2D(c,G);int O=int(N.r*255.+0.5)+int(N.g*255.+0.5)*256;int P=int(mod(float(O),b.x));int Q=O/int(b.x);float R=(b.y-1.)-float(Q);vec2 S=vec2(float(P),R)/b;vec4 T=texture2D(g,G);float U=T.r*255.+T.g;float V=-(U*360./255.)*0.017453292;vec2 W=fract(E)-0.5;if(L)W.x=-W.x;if(M)W.y=-W.y;W=A(V)*W+0.5;vec2 X=1./b;vec2 Y=S+W*X;vec2 Z=S+X;if(any(lessThan(Y,S))||any(greaterThan(Y,Z))){gl_FragColor=K?H:I;return;}vec4 a=texture2D(a,Y);if(K)a.rgb=1.-a.rgb;gl_FragColor=mix(I,H,a);}"))}he(t){return new k(this.xt,N,t)}ce(t,i){return new k(this.xt,t,i)}Ut(){for(const t of this.re.values())t.Ut();this.re.clear()}}var y=(c=>(c.RECTANGLE="rectangle",c.LINE="line",c.ELLIPSE="ellipse",c.ARC="arc",c.TRIANGLE="triangle",c.BEZIER_CURVE="bezier_curve",c.CUSTOM="custom",c))(y||{});class ot{constructor(t){u(this,"xt");u(this,"le",new Map);this.xt=t}ue(t,i,r,n){const o=this.xt;let a=this.le.get(t);a||(a=new Map,this.le.set(t,a));let h=a.get(i)||null;if(!h){h=o.createVertexArray(),a.set(i,h),o.bindVertexArray(h),o.bindBuffer(o.ARRAY_BUFFER,n);const l=o.getAttribLocation(t,"a_position");l!==-1&&(o.enableVertexAttribArray(l),o.vertexAttribPointer(l,r.de.fe.size,o.FLOAT,!1,r._e,r.de.fe.offset),o.vertexAttribDivisor(l,0));const f=o.getAttribLocation(t,"a_texCoord");f!==-1&&(o.enableVertexAttribArray(f),o.vertexAttribPointer(f,r.de.pe.size,o.FLOAT,!1,r._e,r.de.pe.offset),o.vertexAttribDivisor(f,0))}o.bindVertexArray(h)}ge(){this.xt.bindVertexArray(null)}Ut(){const t=this.xt;for(const[,i]of this.le)for(const[,r]of i)r&&t.deleteVertexArray(r);this.le.clear()}}class at{constructor(t,i){u(this,"me");u(this,"xt");u(this,"kt");u(this,"ve",null);u(this,"ye",null);this.xt=t,this.me=new ot(t),this.kt=i}$e(t,i,r){const{shader:n}=t,o=D(this.xt)||this.xt.getParameter(this.xt.VIEWPORT);n.Zt({k:o[2]/o[3],t:[o[2],o[3]]});const a=f=>{if(!f||!f.Ce())return;const d=f.unitGeometry,p=f.unitBuffer;try{this.me.ue(n.ie,f.type+"",d,p),f.batch.we(n),f.batch.be(d.xe,d.Re)}finally{f.batch.Me(n),this.me.ge(),f.Se()}};let h=null,l=null;for(const f of i){if(f.type===y.CUSTOM){l&&(a(l),h=null,l=null),this.Fe(t,f.params,f.state,r.get(y.RECTANGLE));continue}h!==null&&f.type!==h&&(a(l),h=null,l=null);let d=l;d&&f.type===h||(d=r.get(f.type)||null,l=d,h=f.type),d&&d.ze(f.params,f.state)}a(l)}Fe(t,i,r,n){const{x:o,y:a,width:h,height:l,shader:f,uniforms:d}=i;if(f===this.ke())return this.Te(n,f,d,Math.floor(o),Math.floor(a),Math.max(1,Math.floor(h)),Math.max(1,Math.floor(l)),r),void t.shader.Yt();const p=this.Pe(Math.max(1,Math.floor(h)),Math.max(1,Math.floor(l)));p.begin(),this.Te(n,f,d,0,0,p.width,p.height,{}),p.end();const g=this.ke(),m={l:p.textures[0],m:p.textures[1],n:p.textures[2],o:p.textures[3],p:p.textures[4],q:[p.width,p.height]};this.Te(n,g,m,Math.floor(o),Math.floor(a),Math.max(1,Math.floor(h)),Math.max(1,Math.floor(l)),r),t.shader.Yt()}Te(t,i,r,n,o,a,h,l){i.Yt(),i.Zt(r);const f=this.xt.getParameter(this.xt.VIEWPORT);if(i.Zt({k:f[2]/f[3],t:[f[2],f[3]]}),t.Se(),t.ze({x:n,y:o,width:a,height:h},l),t.Ce()){const d=t.unitGeometry,p=t.unitBuffer;try{this.me.ue(i.ie,t.type+"",d,p),t.batch.we(i),t.batch.be(d.xe,d.Re)}finally{t.batch.Me(i),this.me.ge(),t.Se()}}}ke(){return this.kt.oe()}Pe(t,i){return this.ve&&this.ye&&this.ye.w===t&&this.ye.h===i||(this.ve&&this.ve.Ut(),this.ve=new B(this.xt,t,i,5),this.ye={w:t,h:i}),this.ve}}class ht{constructor(){u(this,"Ae",[]);u(this,"Ge",1);u(this,"Le",0)}Ee(t){if(this.Le>=this.Ae.length){const r={id:this.Ge++,type:t,params:{},state:{X:1,Y:0,Z:0,J:0,character:[0,0,0],charColor:[1,1,1,1],bgColor:[0,0,0,1],flipHorizontally:!1,flipVertically:!1,invert:!1,charRotation:[0,0]}};this.Ae.push(r)}const i=this.Ae[this.Le];switch(i.id=this.Ge++,i.type=t,t){case y.RECTANGLE:case y.ELLIPSE:i.params&&"width"in i.params||(i.params={x:0,y:0,width:0,height:0});break;case y.CUSTOM:i.params&&"shader"in i.params||(i.params={x:0,y:0,width:0,height:0,shader:void 0,uniforms:{}});break;case y.ARC:i.params&&"start"in i.params||(i.params={x:0,y:0,width:0,height:0,start:0,stop:0});break;case y.LINE:i.params&&"x2"in i.params||(i.params={x1:0,y1:0,x2:0,y2:0,thickness:void 0});break;case y.TRIANGLE:i.params&&"x3"in i.params||(i.params={x1:0,y1:0,x2:0,y2:0,x3:0,y3:0});break;case y.BEZIER_CURVE:i.params&&"cp2y"in i.params||(i.params={x1:0,y1:0,cp1x:0,cp1y:0,cp2x:0,cp2y:0,x2:0,y2:0,thickness:void 0});break;default:i.params||(i.params={})}return this.Le++,i}Be(t,i,r,n,o){const a=this.Ee(y.RECTANGLE);return a.params.x=t,a.params.y=i,a.params.width=r,a.params.height=n,o.nt(a.state),a.id}De(t,i,r,n,o,a,h){const l=this.Ee(y.CUSTOM);return l.params.x=t,l.params.y=i,l.params.width=r,l.params.height=n,l.params.shader=o,l.params.uniforms=a,h.nt(l.state),l.id}We(t,i,r,n,o,a){const h=this.Ee(y.LINE);return h.params.x1=t,h.params.y1=i,h.params.x2=r,h.params.y2=n,h.params.thickness=o,a.nt(h.state),h.id}Ie(t,i,r,n,o){const a=this.Ee(y.ELLIPSE);return a.params.x=t,a.params.y=i,a.params.width=r,a.params.height=n,o.nt(a.state),a.id}Ue(t,i,r,n,o,a,h){const l=this.Ee(y.ARC);return l.params.x=t,l.params.y=i,l.params.width=r,l.params.height=n,l.params.start=o,l.params.stop=a,h.nt(l.state),l.id}Ve(t,i,r,n,o,a,h){const l=this.Ee(y.TRIANGLE);return l.params.x1=t,l.params.y1=i,l.params.x2=r,l.params.y2=n,l.params.x3=o,l.params.y3=a,h.nt(l.state),l.id}Oe(t,i,r,n,o,a,h,l,f,d){const p=this.Ee(y.BEZIER_CURVE);return p.params.x1=t,p.params.y1=i,p.params.cp1x=r,p.params.cp1y=n,p.params.cp2x=o,p.params.cp2y=a,p.params.x2=h,p.params.y2=l,p.params.thickness=f,d.nt(p.state),p.id}get length(){return this.Le}get isEmpty(){return this.Le===0}He(){this.Le=0}[Symbol.iterator](){let t=0;const i=this.Le,r=this.Ae;return{next:()=>t<i?{value:r[t++],done:!1}:{value:void 0,done:!0}}}}const S=class S{static Ke(t,i,r=0){var a,h,l,f,d,p,g,m,x,v;const n=i||new Float32Array(S.FLOATS_PER_INSTANCE);let o=r;return n[o++]=t.position[0],n[o++]=t.position[1],n[o++]=t.size[0],n[o++]=t.size[1],n[o++]=t.tt[0],n[o++]=t.tt[1],n[o++]=t.tt[2],n[o++]=t.primaryColor[0],n[o++]=t.primaryColor[1],n[o++]=t.primaryColor[2],n[o++]=t.primaryColor[3],n[o++]=t.secondaryColor[0],n[o++]=t.secondaryColor[1],n[o++]=t.secondaryColor[2],n[o++]=t.secondaryColor[3],n[o++]=t.rotation[0],n[o++]=t.rotation[1],n[o++]=t.transform[0],n[o++]=t.transform[1],n[o++]=t.transform[2],n[o++]=t.globalRotationX,n[o++]=t.globalRotationY,n[o++]=t.globalRotationZ,n[o++]=t.rotationCenter[0],n[o++]=t.rotationCenter[1],n[o++]=((a=t.arcAngles)==null?void 0:a[0])||0,n[o++]=((h=t.arcAngles)==null?void 0:h[1])||0,n[o++]=((l=t.bezierControlPoint1)==null?void 0:l[0])||0,n[o++]=((f=t.bezierControlPoint1)==null?void 0:f[1])||0,n[o++]=((d=t.bezierControlPoint2)==null?void 0:d[0])||0,n[o++]=((p=t.bezierControlPoint2)==null?void 0:p[1])||0,n[o++]=((g=t.bezierStartPoint)==null?void 0:g[0])||0,n[o++]=((m=t.bezierStartPoint)==null?void 0:m[1])||0,n[o++]=((x=t.bezierEndPoint)==null?void 0:x[0])||0,n[o++]=((v=t.bezierEndPoint)==null?void 0:v[1])||0,n}static Ne(t){const i=t.length*S.FLOATS_PER_INSTANCE,r=new Float32Array(i);for(let n=0;n<t.length;n++){const o=n*S.FLOATS_PER_INSTANCE;S.Ke(t[n],r,o)}return r}};u(S,"BYTES_PER_INSTANCE",140),u(S,"FLOATS_PER_INSTANCE",35);let P=S;const w=class w{};u(w,"STRIDE",P.BYTES_PER_INSTANCE),u(w,"ATTRIBUTES",{a_instancePosition:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:0,divisor:1},a_instanceSize:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:8,divisor:1},a_instanceCharacter:{location:-1,size:3,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:16,divisor:1},a_instancePrimaryColor:{location:-1,size:4,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:28,divisor:1},a_instanceSecondaryColor:{location:-1,size:4,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:44,divisor:1},a_instanceRotation:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:60,divisor:1},a_instanceTransform:{location:-1,size:3,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:68,divisor:1},a_instanceGlobalRotation:{location:-1,size:3,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:80,divisor:1},a_instanceRotationCenter:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:92,divisor:1},a_instanceArcAngles:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:100,divisor:1},a_instanceBezierCP1:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:108,divisor:1},a_instanceBezierCP2:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:116,divisor:1},a_instanceBezierStart:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:124,divisor:1},a_instanceBezierEnd:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:w.STRIDE,offset:132,divisor:1}});let O=w;class ct{constructor(t,i=1e3,r=1.5){u(this,"xt");u(this,"je",[]);u(this,"Xe");u(this,"Ye");u(this,"qe",null);u(this,"Ze",!0);u(this,"Je",0);u(this,"Qe",new Map);u(this,"ts",null);this.xt=t,this.Xe=i,this.Ye=r,this.es()}ze(t){const i=this.je.length;return this.je.push(t),this.Ze=!0,i}get count(){return this.je.length}get isEmpty(){return this.je.length===0}clear(){this.je.length=0,this.Ze=!0}ss(t){if(t<=this.Xe)return;const i=Math.ceil(t*this.Ye);this.Xe=i,this.es()}es(){const t=this.xt;this.qe&&t.deleteBuffer(this.qe),this.qe=t.createBuffer();const i=this.Xe*P.BYTES_PER_INSTANCE;t.bindBuffer(t.ARRAY_BUFFER,this.qe),t.bufferData(t.ARRAY_BUFFER,i,t.DYNAMIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,null),this.Ze=!0,this.Je=0}rs(){if(!this.Ze||this.je.length===0)return;const t=this.xt,i=this.je.length;this.ss(i),(!this.ts||this.ts.length<i*P.FLOATS_PER_INSTANCE)&&(this.ts=new Float32Array(i*P.FLOATS_PER_INSTANCE));const r=P.Ne(this.je);t.bindBuffer(t.ARRAY_BUFFER,this.qe),i<=this.Je?t.bufferSubData(t.ARRAY_BUFFER,0,r):t.bufferData(t.ARRAY_BUFFER,r,t.DYNAMIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,null),this.Ze=!1,this.Je=i}ns(t){let i=this.Qe.get(t);if(!i){i=new Map;const r=this.xt;for(const n in O.ATTRIBUTES){const o=r.getAttribLocation(t,n);o!==-1&&i.set(n,o)}this.Qe.set(t,i)}return i}we(t){if(!this.qe||this.je.length===0)return;const i=this.xt,r=t.ie;this.rs();const n=this.ns(r);i.bindBuffer(i.ARRAY_BUFFER,this.qe);for(const[o,a]of n){const h=O.ATTRIBUTES[o];h&&(i.enableVertexAttribArray(a),i.vertexAttribPointer(a,h.size,h.type,h.normalized,h.stride,h.offset),i.vertexAttribDivisor(a,h.divisor))}}Me(t){const i=this.xt,r=this.ns(t.ie);for(const[,n]of r)i.disableVertexAttribArray(n),i.vertexAttribDivisor(n,0)}be(t,i){this.je.length!==0&&this.xt.drawArraysInstanced(t,0,i,this.je.length)}Ut(){const t=this.xt;this.qe&&(t.deleteBuffer(this.qe),this.qe=null),this.je.length=0,this.Qe.clear(),this.ts=null}}class U{constructor(t,i,r,n){u(this,"xt");u(this,"hs");u(this,"cs");u(this,"ls");u(this,"us",null);this.xt=t,this.hs=i,this.cs=r,this.ls=n;const o=this.xt.createBuffer();if(!o)throw Error("Failed to create unit geometry buffer");this.xt.bindBuffer(this.xt.ARRAY_BUFFER,o),this.xt.bufferData(this.xt.ARRAY_BUFFER,this.ls.fs,this.xt.STATIC_DRAW),this.xt.bindBuffer(this.xt.ARRAY_BUFFER,null),this.us=o}get type(){return this.cs}get unitGeometry(){return this.ls}get unitBuffer(){return this.us}get batch(){return this.hs}Se(){this.hs.clear()}Ce(){return!this.hs.isEmpty}Ut(){this.hs.Ut(),this.us&&(this.xt.deleteBuffer(this.us),this.us=null)}ds(t,i,r,n,o){const a=this._s(t,i,r,n,o.rotationX||0,o.rotationY||0,o.rotationZ||0);return{position:[t,i],size:[r,n],tt:o.character||[0,0,0],primaryColor:o.charColor||[1,1,1,1],secondaryColor:o.bgColor||[0,0,0,1],rotation:o.charRotation||[0,0],transform:[o.invert?1:0,o.flipHorizontally?1:0,o.flipVertically?1:0],globalRotationX:a.radiansX,globalRotationY:a.radiansY,globalRotationZ:a.radiansZ,rotationCenter:[a.centerX,a.centerY]}}ps(t,i){const r=D(this.xt)||[0,0,this.xt.canvas.width,this.xt.canvas.height];return{nx:t/r[2]*2-1,ny:1-i/r[3]*2}}gs(t,i,r){const n=this.ps(i,r);t.rotationCenter=[n.nx,n.ny]}_s(t,i,r,n,o,a,h){const l=D(this.xt)||[0,0,this.xt.canvas.width,this.xt.canvas.height],f=l[2],d=l[3];return{centerX:(t+r/2)/f*2-1,centerY:1-(i+n/2)/d*2,radiansX:-o*Math.PI/180,radiansY:-a*Math.PI/180,radiansZ:-h*Math.PI/180,aspectRatio:f/d}}}const lt={fs: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]),Re:6,xe:WebGL2RenderingContext.TRIANGLES,_e:16,de:{fe:{size:2,offset:0},pe:{size:2,offset:8}}};class ut extends U{constructor(t,i){super(t,i,y.RECTANGLE,lt)}ze(t,i){const r=this.ds(t.x,t.y,t.width,t.height,i);return this.hs.ze(r)}}const ft={fs:new Float32Array([0,-.5,0,0,1,-.5,1,0,0,.5,0,1,0,.5,0,1,1,-.5,1,0,1,.5,1,1]),Re:6,xe:WebGL2RenderingContext.TRIANGLES,_e:16,de:{fe:{size:2,offset:0},pe:{size:2,offset:8}}};class dt extends U{constructor(t,i){super(t,i,y.LINE,ft)}ze(t,i){const r=t.x2-t.x1,n=t.y2-t.y1,o=Math.hypot(r,n),a=Math.atan2(n,r),h=t.thickness||i.lineWeight||1,l=t.x1+r/2,f=t.y1+n/2,d=l-o/2,p=f,g={character:i.character,charColor:i.charColor,bgColor:i.bgColor,charRotation:i.charRotation,flipHorizontally:i.flipHorizontally,flipVertically:i.flipVertically,invert:i.invert,rotationX:i.rotationX||0,rotationY:i.rotationY||0,rotationZ:(i.rotationZ||0)+180*a/Math.PI,lineWeight:h},m=this.ds(d,p,o,h,g);return this.gs(m,l,f),this.hs.ze(m)}}const pt={fs:function(c=32){const t=[],i=2*Math.PI/c;for(let r=0;r<c;r++){const n=r*i,o=(r+1)%c*i,a=Math.cos(n),h=Math.sin(n),l=.5*(a+1),f=.5*(h+1),d=Math.cos(o),p=Math.sin(o),g=.5*(d+1),m=.5*(p+1);t.push(0,0,.5,.5,a,h,l,f,d,p,g,m)}return new Float32Array(t)}(32),Re:96,xe:WebGL2RenderingContext.TRIANGLES,_e:16,de:{fe:{size:2,offset:0},pe:{size:2,offset:8}}};class gt extends U{constructor(t,i){super(t,i,y.ELLIPSE,pt)}ze(t,i){const r=this.ds(t.x,t.y,t.width,t.height,i);return this.gs(r,t.x,t.y),this.hs.ze(r)}}let mt={fs:function(c){const t=[];for(let i=0;i<c;i++){const r=i/c,n=(i+1)/c;t.push(r,0,r,0,r,1,r,1,n,1,n,1)}return new Float32Array(t)}(32),Re:96,xe:WebGL2RenderingContext.TRIANGLES,_e:16,de:{fe:{size:2,offset:0},pe:{size:2,offset:8}}};class xt extends U{constructor(t,i){super(t,i,y.ARC,mt)}ze(t,i){const r=t.x-t.width/2,n=t.y-t.height/2,o=t.start*Math.PI/180,a=t.stop*Math.PI/180,h=this.ds(r,n,t.width,t.height,i);return this.gs(h,t.x,t.y),h.arcAngles=[o,a],this.hs.ze(h)}}const yt={fs:new Float32Array([0,0,0,0,1,0,1,0,.5,1,.5,1]),Re:3,xe:WebGL2RenderingContext.TRIANGLES,_e:16,de:{fe:{size:2,offset:0},pe:{size:2,offset:8}}};class vt extends U{constructor(t,i){super(t,i,y.TRIANGLE,yt)}ze(t,i){const r=Math.min(t.x1,t.x2,t.x3),n=Math.max(t.x1,t.x2,t.x3),o=Math.min(t.y1,t.y2,t.y3),a=n-r,h=Math.max(t.y1,t.y2,t.y3)-o,l=this.ds(r,o,a,h,i),f=r+.5*a,d=o+h*(1/3);return this.gs(l,f,d),this.hs.ze(l)}}function Z(c,t,i,r,n){const o=1-c,a=o*o,h=c*c;return a*o*t+3*a*c*i+3*o*h*r+h*c*n}const Et={fs:function(c=16){const t=[];for(let i=0;i<c;i++){const r=i/c,n=(i+1)/c;t.push(r,-.5,r,0),t.push(n,-.5,n,0),t.push(r,.5,r,1),t.push(r,.5,r,1),t.push(n,-.5,n,0),t.push(n,.5,n,1)}return new Float32Array(t)}(16),Re:96,xe:WebGL2RenderingContext.TRIANGLES,_e:16,de:{fe:{size:2,offset:0},pe:{size:2,offset:8}}};class Rt extends U{constructor(t,i){super(t,i,y.BEZIER_CURVE,Et)}ze(t,i){const r=i.lineWeight||1,n=Z(.5,t.x1,t.cp1x,t.cp2x,t.x2),o=Z(.5,t.y1,t.cp1y,t.cp2y,t.y2),a={character:i.character,charColor:i.charColor,bgColor:i.bgColor,charRotation:i.charRotation,flipHorizontally:i.flipHorizontally,flipVertically:i.flipVertically,invert:i.invert,rotationX:i.rotationX||0,rotationY:i.rotationY||0,rotationZ:i.rotationZ||0,lineWeight:r},h=this.ds(0,0,1,r,a);return this.gs(h,n,o),h.bezierStartPoint=[t.x1,t.y1],h.bezierControlPoint1=[t.cp1x,t.cp1y],h.bezierControlPoint2=[t.cp2x,t.cp2y],h.bezierEndPoint=[t.x2,t.y2],this.hs.ze(h)}}class wt{constructor(t){u(this,"xt");u(this,"vs",null);u(this,"$s");u(this,"Cs",null);u(this,"ws",{});u(this,"bs",null);u(this,"Rs",new Map);u(this,"Ms");u(this,"Ss");u(this,"Fs");u(this,"K",[]);this.xt=t,this.$s=new nt(t),this.Fs=new j,this.Ms=new at(t,this),this.Ss=new ht,this.bs=t.createBuffer(),W(this.xt,[0,0,this.xt.canvas.width,this.xt.canvas.height])}zs(t){let i=this.Rs.get(t);if(i)return i;const r=new ct(this.xt);return i=(0,{[y.RECTANGLE]:()=>new ut(this.xt,r),[y.LINE]:()=>new dt(this.xt,r),[y.ELLIPSE]:()=>new gt(this.xt,r),[y.ARC]:()=>new xt(this.xt,r),[y.TRIANGLE]:()=>new vt(this.xt,r),[y.BEZIER_CURVE]:()=>new Rt(this.xt,r)}[t])(),this.Rs.set(t,i),i}ks(t){this.vs!==t&&(this.vs=t,t.Yt())}Ts(t,i){return this.$s.ce(t,i)}oe(){return this.$s.oe()}Bt(){return this.$s.Bt()}ae(){return this.$s.ae()}Ps(t){this.Cs=t,t&&(this.ws={})}Jt(t,i){this.ws[t]=i}As(t){Object.assign(this.ws,t)}he(t){return this.$s.he(t)}Gs(t,i,r,n,o){const a=this.oe(),h={l:t.textures[0],m:t.textures[1],n:t.textures[2],o:t.textures[3],p:t.textures[4],q:[t.width,t.height]};this.Ss.De(i,r,n,o,a,h,this.Fs)}Ls(t,i,r,n){var v;const o=this.xt,a=o.canvas.width,h=o.canvas.height,l=t/a*2-1,f=(t+r)/a*2-1,d=1-i/h*2,p=1-(i+n)/h*2,g=new Float32Array([l,p,f,p,l,d,f,p,f,d,l,d]);o.bindBuffer(o.ARRAY_BUFFER,this.bs),o.bufferData(o.ARRAY_BUFFER,g,o.DYNAMIC_DRAW);const m=((v=this.vs)==null?void 0:v.ie)||o.getParameter(o.CURRENT_PROGRAM),x=m?o.getAttribLocation(m,"a_position"):-1;x!==-1&&(o.enableVertexAttribArray(x),o.vertexAttribPointer(x,2,o.FLOAT,!1,8,0)),o.drawArrays(o.TRIANGLES,0,6),x!==-1&&o.disableVertexAttribArray(x)}Es(t,i,r,n){this.Cs?(this.Ss.De(t,i,r,n,this.Cs,{...this.ws},this.Fs),this.Cs=null,this.ws={}):this.Ss.Be(t,i,r,n,this.Fs)}Bs(t,i,r,n){this.Ss.We(t,i,r,n,this.Fs.lineWeight,this.Fs)}Ds(t,i,r,n){this.Ss.Ie(t,i,r,n,this.Fs)}Ws(t,i,r,n,o,a){this.Ss.Ve(t,i,r,n,o,a,this.Fs)}Is(t,i,r,n,o,a,h,l){const f=this.Fs.lineWeight;this.Ss.Oe(t,i,r,n,o,a,h,l,f,this.Fs)}Us(t,i,r=1,n={}){return new B(this.xt,t,i,r,n,this,!0)}Vs(t,i,r,n,o,a){this.Ss.Ue(t,i,r,n,o,a,this.Fs)}Os(t,i=t,r=t,n=255){this.state.$t(t,i,r,n),this.He(t/255,i/255,r/255,n/255)}He(t=0,i=0,r=0,n=0){this.xt.clearColor(t,i,r,n),this.xt.clear(this.xt.COLOR_BUFFER_BIT)}Hs(){this.xt.viewport(0,0,this.xt.canvas.width,this.xt.canvas.height),W(this.xt,[0,0,this.xt.canvas.width,this.xt.canvas.height])}get context(){return this.xt}get state(){return this.Fs}Wt(t){this.K.push(this.Fs),this.Fs=t}It(){const t=this.K.pop();t&&(this.Fs=t)}Dt(t){const i=t,r=D(this.xt)??this.xt.getParameter(this.xt.VIEWPORT),n={shader:i,gl:this.xt,viewport:r};this.ks(i);const o=new Set;for(const a of this.Ss)a.type===y.CUSTOM?o.add(y.RECTANGLE):o.add(a.type);for(const a of o)a!==y.CUSTOM&&this.zs(a);this.Ms.$e(n,this.Ss,this.Rs),this.Ss.He()}Ut(){this.xt.deleteBuffer(this.bs),this.Ss.He();for(const t of this.Rs.values())t.Ut();this.$s.Ut()}}const C={readShort:(c,t)=>(C.t.uint16[0]=c[t]<<8|c[t+1],C.t.int16[0]),readUshort:(c,t)=>c[t]<<8|c[t+1],readUshorts(c,t,i){const r=[];for(let n=0;n<i;n++)r.push(C.readUshort(c,t+2*n));return r},readUint(c,t){const i=C.t.uint8;return i[3]=c[t],i[2]=c[t+1],i[1]=c[t+2],i[0]=c[t+3],C.t.uint32[0]},readASCII(c,t,i){let r="";for(let n=0;n<i;n++)r+=String.fromCharCode(c[t+n]);return r},t:(()=>{const c=new ArrayBuffer(8);return{uint8:new Uint8Array(c),int16:new Int16Array(c),uint16:new Uint16Array(c),uint32:new Uint32Array(c)}})()},Ct={parseTab(c,t,i){const r={tables:[],ids:{},off:t};c=new Uint8Array(c.buffer,t,i),t=0;const n=C,o=n.readUshort,a=o(c,t+=2);t+=2;const h=[];for(let l=0;l<a;l++){const f=o(c,t),d=o(c,t+=2);t+=2;const p=n.readUint(c,t);t+=4;const g=`p${f}e${d}`;let m=h.indexOf(p);if(m===-1){let x;m=r.tables.length,h.push(p);const v=o(c,p);x=v===4?this.parse4(c,p):v===12?this.parse12(c,p):{format:v},r.tables.push(x)}r.ids[g]=m}return r},parse4(c,t){const i=C,r=i.readUshort,n=i.readUshorts,o=t,a=r(c,t+=2);t+=2;const h=r(c,t+=2)>>>1,l={format:4,searchRange:r(c,t+=2),entrySelector:0,rangeShift:0,endCount:[],startCount:[],idDelta:[],idRangeOffset:[],glyphIdArray:[]};t+=2,l.entrySelector=r(c,t),t+=2,l.rangeShift=r(c,t),t+=2,l.endCount=n(c,t,h),t+=2*h,t+=2,l.startCount=n(c,t,h),t+=2*h;for(let f=0;f<h;f++)l.idDelta.push(i.readShort(c,t)),t+=2;return l.idRangeOffset=n(c,t,h),t+=2*h,l.glyphIdArray=n(c,t,o+a-t>>1),l},parse12(c,t){const i=C.readUint;i(c,t+=4),i(c,t+=4);const r=i(c,t+=4);t+=4;const n=new Uint32Array(3*r);for(let o=0;o<3*r;o+=3)n[o]=i(c,t+(o<<2)),n[o+1]=i(c,t+(o<<2)+4),n[o+2]=i(c,t+(o<<2)+8);return{format:12,groups:n}}},bt={parseTab(c,t,i){const r=C;t+=18;const n=r.readUshort(c,t);t+=2,t+=16;const o=r.readShort(c,t);t+=2;const a=r.readShort(c,t);t+=2;const h=r.readShort(c,t);t+=2;const l=r.readShort(c,t);return t+=2,t+=6,{unitsPerEm:n,xMin:o,yMin:a,xMax:h,yMax:l,indexToLocFormat:r.readShort(c,t)}}},At={parseTab(c,t,i){const r=C;t+=4;const n=["ascender","descender","lineGap","advanceWidthMax","minLeftSideBearing","minRightSideBearing","xMaxExtent","caretSlopeRise","caretSlopeRun","caretOffset","res0","res1","res2","res3","metricDataFormat","numberOfHMetrics"],o={};for(let a=0;a<n.length;a++){const h=n[a],l=h==="advanceWidthMax"||h==="numberOfHMetrics"?r.readUshort:r.readShort;o[h]=l(c,t+2*a)}return o}},Tt={parseTab(c,t,i,r){const n=C,o=[],a=[],h=r.maxp.numGlyphs,l=r.hhea.numberOfHMetrics;let f=0,d=0,p=0;for(;p<l;)f=n.readUshort(c,t+(p<<2)),d=n.readShort(c,t+(p<<2)+2),o.push(f),a.push(d),p++;for(;p<h;)o.push(f),a.push(d),p++;return{aWidth:o,lsBearing:a}}},q={cmap:Ct,head:bt,hhea:At,maxp:{parseTab(c,t,i){const r=C;return r.readUint(c,t),t+=4,{numGlyphs:r.readUshort(c,t)}}},hmtx:Tt,loca:{parseTab(c,t,i,r){const n=C,o=[],a=r.head.indexToLocFormat,h=r.maxp.numGlyphs+1;if(a===0)for(let l=0;l<h;l++)o.push(n.readUshort(c,t+(l<<1))<<1);else if(a===1)for(let l=0;l<h;l++)o.push(n.readUint(c,t+(l<<2)));return o}},glyf:{parseTab(c,t,i,r){const n=[],o=r.maxp.numGlyphs;for(let a=0;a<o;a++)n.push(null);return n},Ks(c,t){const i=C,r=c.Ns,n=c.loca;if(n[t]===n[t+1])return null;const o=F.findTable(r,"glyf",c.js);if(!o)return null;let a=o[0]+n[t];const h={};if(h.noc=i.readShort(r,a),a+=2,h.xMin=i.readShort(r,a),a+=2,h.yMin=i.readShort(r,a),a+=2,h.xMax=i.readShort(r,a),a+=2,h.yMax=i.readShort(r,a),a+=2,h.xMin>=h.xMax||h.yMin>=h.yMax)return null;if(h.noc>0){h.endPts=[];for(let g=0;g<h.noc;g++)h.endPts.push(i.readUshort(r,a)),a+=2;const l=i.readUshort(r,a);if(a+=2,r.length-a<l)return null;a+=l;const f=h.endPts[h.noc-1]+1;h.flags=[];for(let g=0;g<f;g++){const m=r[a];if(a++,h.flags.push(m),8&m){const x=r[a];a++;for(let v=0;v<x;v++)h.flags.push(m),g++}}h.xs=[];for(let g=0;g<f;g++){const m=h.flags[g],x=!!(16&m);2&m?(h.xs.push(x?r[a]:-r[a]),a++):x?h.xs.push(0):(h.xs.push(i.readShort(r,a)),a+=2)}h.ys=[];for(let g=0;g<f;g++){const m=h.flags[g],x=!!(32&m);4&m?(h.ys.push(x?r[a]:-r[a]),a++):x?h.ys.push(0):(h.ys.push(i.readShort(r,a)),a+=2)}let d=0,p=0;for(let g=0;g<f;g++)d+=h.xs[g],p+=h.ys[g],h.xs[g]=d,h.ys[g]=p}else h.parts=[],h.endPts=[],h.flags=[],h.xs=[],h.ys=[];return h}}},F={parse:c=>[((t,i,r,n)=>{const o=q,a={Ns:t,Xs:i,js:r};for(const h in o){const l=h,f=F.findTable(t,l,r);if(f){const[d,p]=f;let g=n[d];g==null&&(g=o[l].parseTab(t,d,p,a),n[d]=g),a[l]=g}}return a})(new Uint8Array(c),0,0,{})],findTable(c,t,i){const r=C,n=r.readUshort(c,i+4);let o=i+12;for(let a=0;a<n;a++){const h=r.readASCII(c,o,4);r.readUint(c,o+4);const l=r.readUint(c,o+8),f=r.readUint(c,o+12);if(h===t)return[l,f];o+=16}return null},T:q,B:C};class ${constructor(){u(this,"Ys",new Map);u(this,"qs",new Map)}Zs(t,i){const r=`${this.Js(t)}_${i}`;if(this.Ys.has(r))return this.Ys.get(r);const n=t.cmap;if(!n||!n.tables)return this.Ys.set(r,0),0;let o=0;for(const a of n.tables)if(a.format===4?o=this.Qs(i,a):a.format===12&&(o=this.ti(i,a)),o>0)break;return this.Ys.set(r,o),o}ei(t,i){const r=i.codePointAt(0);return r===void 0?0:this.Zs(t,r)}si(t,i){const r=t.hmtx;return r&&r.aWidth&&r.aWidth.length!==0?i<r.aWidth.length?r.aWidth[i]:r.aWidth[r.aWidth.length-1]:0}ii(t,i){const r=i/t.head.unitsPerEm,n=t.hhea.ascender*r,o=t.hhea.descender*r,a=t.hhea.lineGap*r;return{ascender:n,descender:o,lineGap:a,lineHeight:n-o+a,unitsPerEm:t.head.unitsPerEm,scale:r}}ri(){this.Ys.clear(),this.qs.clear()}Js(t){return`${t.js}_${t.Ns.length}`}Qs(t,i){const r=i.endCount.length;let n=-1;for(let o=0;o<r;o++)if(t<=i.endCount[o]){n=o;break}if(n===-1||t<i.startCount[n])return 0;if(i.idRangeOffset[n]===0)return t+i.idDelta[n]&65535;{const o=i.idRangeOffset[n]/2+(t-i.startCount[n])-(r-n);if(o>=0&&o<i.glyphIdArray.length){const a=i.glyphIdArray[o];return a===0?0:a+i.idDelta[n]&65535}}return 0}ti(t,i){const r=i.groups.length/3;for(let n=0;n<r;n++){const o=i.groups[3*n],a=i.groups[3*n+1],h=i.groups[3*n+2];if(t>=o&&t<=a)return h+(t-o)}return 0}}class Ft{constructor(t){u(this,"ni");this.ni=t}oi(t){var r;const i=[];return(r=t.cmap)!=null&&r.tables?(t.cmap.tables.forEach(n=>{if(n.format===4){const o=this.ai(n);i.push(...o)}else if(n.format===12){const o=this.hi(n);i.push(...o)}}),[...new Set(i)]):[]}ci(t,i){return this.ni.ei(t,i)>0}li(t,i){for(const r of i)if(!this.ci(t,r))return!1;return!0}ui(t,i){return i.filter(r=>this.ci(t,r))}fi(t){return t.filter(i=>this.di(i))}ai(t){const i=[];if(!(t.startCount&&t.endCount&&t.idRangeOffset&&t.idDelta))return i;for(let r=0;r<t.startCount.length;r++){const n=t.startCount[r],o=t.endCount[r];if(n!==65535||o!==65535){for(let a=n;a<=o;a++)if(this._i(t,a,r)>0)try{const h=String.fromCodePoint(a);i.push(h)}catch{}}}return i}hi(t){const i=[];if(!t.groups)return i;for(let r=0;r<t.groups.length;r+=3){const n=t.groups[r],o=t.groups[r+1],a=t.groups[r+2];for(let h=n;h<=o;h++)if(a+(h-n)>0)try{const l=String.fromCodePoint(h);i.push(l)}catch{}}return i}_i(t,i,r){if(t.idRangeOffset[r]===0)return i+t.idDelta[r]&65535;{const n=t.idRangeOffset[r]/2+(i-t.startCount[r])-(t.startCount.length-r);if(n>=0&&t.glyphIdArray&&n<t.glyphIdArray.length){const o=t.glyphIdArray[n];if(o!==0)return o+t.idDelta[r]&65535}}return 0}di(t){const i=t.codePointAt(0)||0;return!(i>=0&&i<=31&&i!==9&&i!==10&&i!==13||i>=127&&i<=159)}}class _t{constructor(){u(this,"pi");const t=new $;this.pi=new Ft(t)}extractCharacters(t){return this.pi.oi(t)}filterProblematicCharacters(t){return this.pi.fi(t)}characterExists(t,i){return this.pi.ci(t,i)}allCharactersExist(t,i){return this.pi.li(t,i)}}class St{constructor(t){u(this,"gi");u(this,"mi");u(this,"kt");u(this,"yi");this.kt=t,this.yi=new $,this.gi=document.createElement("canvas"),this.mi=this.gi.getContext("2d",{willReadFrequently:!0,alpha:!1})}createTextureAtlas(t,i,r,n){const o=t.length,a=Math.ceil(Math.sqrt(o)),h=Math.ceil(o/a),l=i.width*a,f=i.height*h,d=typeof n=="object"?n:null;this.$i(l,f),this.Ci(t,i,a,r,d);const p=this.kt.Us(l,f,1,{filter:"nearest"});return p.Lt(this.gi),{framebuffer:p,columns:a,rows:h}}$i(t,i){this.gi.width=t,this.gi.height=i,this.gi.style.width=t+"px",this.gi.style.height=t+"px",this.mi.imageSmoothingEnabled=!1,this.gi.style.imageRendering="pixelated",this.mi.fillStyle="black",this.mi.fillRect(0,0,t,i),this.mi.textBaseline="top",this.mi.textAlign="left",this.mi.fillStyle="white"}Ci(t,i,r,n,o){const a=n/o.head.unitsPerEm;for(let h=0;h<t.length;h++){const l=h%r,f=Math.floor(h/r),d=t[h].character,p=this.wi(o,d);if(!p)continue;const g=d.codePointAt(0)||0,m=this.yi.Zs(o,g),x=this.bi(o,m)*a,v=l*i.width,A=f*i.height,b=v+.5*i.width,T=A+.5*i.height,_=Math.round(b-.5*i.width),z=Math.round(T-.5*n),se=_+.5*(i.width-x),ne=z+o.hhea.ascender*a;this.xi(p,se,ne,a)}}wi(t,i){const r=i.codePointAt(0)||0,n=this.yi.Zs(t,r);if(n===0)return null;if(t.glyf&&t.glyf[n]!==null)return t.glyf[n];if(F&&F.T&&F.T.glyf){const o=F.T.glyf.Ks(t,n);return t.glyf&&o&&(t.glyf[n]=o),o}return null}bi(t,i){const r=t.hmtx;return r&&r.aWidth?i<r.aWidth.length?r.aWidth[i]:r.aWidth[r.aWidth.length-1]:0}xi(t,i,r,n){if(!t||!t.xs||t.noc===0)return;const{xs:o,ys:a,endPts:h,flags:l}=t;if(!(o&&a&&h&&l))return;this.mi.beginPath();let f=0;for(let d=0;d<h.length;d++){const p=h[d];if(!(p<f)){if(p>=f){const g=i+o[f]*n,m=r-a[f]*n;this.mi.moveTo(g,m);let x=f+1;for(;x<=p;)if(1&l[x]){const v=i+o[x]*n,A=r-a[x]*n;this.mi.lineTo(v,A),x++}else{const v=i+o[x]*n,A=r-a[x]*n;let b=x+1>p?f:x+1;if(1&l[b]){const T=i+o[b]*n,_=r-a[b]*n;this.mi.quadraticCurveTo(v,A,T,_),x=b+1}else{const T=(v+(i+o[b]*n))/2,_=(A+(r-a[b]*n))/2;this.mi.quadraticCurveTo(v,A,T,_),x=b}}this.mi.closePath()}f=p+1}}this.mi.fill()}}class Lt{constructor(){u(this,"ni");this.ni=new $}calculateMaxGlyphDimensions(t,i,r){let n=0;const o=this.ni.ii(r,i),a=o.lineHeight;for(const h of t){const l=this.ni.ei(r,h);if(l===0)continue;const f=this.ni.si(r,l)*o.scale;n=Math.max(n,f)}return{width:Math.ceil(n),height:Math.ceil(a)}}getCharacterAdvanceWidth(t,i,r){const n=this.ni.ii(r,i),o=this.ni.ei(r,t);return this.ni.si(r,o)*n.scale}getFontMetrics(t,i){return this.ni.ii(i,t)}ri(){this.ni.ri()}}class Pt{constructor(){u(this,"yi");this.yi=new $}createCharacterObjects(t,i){return t.map((r,n)=>{const o=r.codePointAt(0)||0,a=this.Ri(n);let h=0;if(i.hmtx&&i.hmtx.aWidth){const l=this.yi.Zs(i,o);l>0&&i.hmtx.aWidth[l]!==void 0&&(h=i.hmtx.aWidth[l])}return{character:r,unicode:o,color:a,advanceWidth:h}})}Ri(t){return[t%256/255,Math.floor(t/256)%256/255,Math.floor(t/65536)%256/255]}Mi(t,i){if(!I.M(typeof t=="string","Character must be a string.",{method:"getCharacterColor",providedValue:t}))return[0,0,0];const r=i.find(n=>n.character===t);return r?r.color:[0,0,0]}Si(t,i){return I.M(typeof t=="string"&&t.length>0,"Characters must be a string with at least one character.",{method:"getCharacterColors",providedValue:t})?Array.from(t).map(r=>this.Mi(r,i)||[0,0,0]):[[0,0,0]]}}class J{constructor(t,i=16){u(this,"Fi");u(this,"zi",[]);u(this,"ki");u(this,"Ti",16);u(this,"Pi",0);u(this,"Ai",0);u(this,"Gi",{width:0,height:0});u(this,"Li");u(this,"Ei");u(this,"Bi");u(this,"Di");u(this,"Wi");this.Ti=i,this.Ei=new _t,this.Bi=new St(t),this.Di=new Lt,this.Wi=new Pt}async Ii(t){let i;if(!t)throw new E("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");{const r=await fetch(t);if(!r.ok)throw new E(`Failed to load font file: ${r.status} ${r.statusText}`);i=await r.arrayBuffer()}await this.Ui(i),this.Fi=F.parse(i)[0],await this.Vi()}Oi(t){if(t===void 0)return this.Ti;this.Ti=t,this.Gi=this.Di.calculateMaxGlyphDimensions(this.zi.map(r=>r.character),this.Ti,this.Fi);const i=this.Bi.createTextureAtlas(this.zi,this.Gi,this.Ti,this.Fi);this.ki=i.framebuffer,this.Pi=i.columns,this.Ai=i.rows}async Hi(t){try{const i=await fetch(t);if(!i.ok)throw new E(`Failed to load font file: ${i.status} ${i.statusText}`);const r=await i.arrayBuffer();await this.Ui(r);const n=F.parse(r);if(!n||n.length===0)throw Error("Failed to parse font file");this.Fi=n[0],await this.Vi()}catch(i){throw new E("Failed to load font: "+(i instanceof Error?i.message:"Unknown error"),i)}}async Ui(t){const i=Date.now();this.Li=new FontFace("CustomFont_"+i,t),await this.Li.load(),document.fonts.add(this.Li)}async Vi(){const t=this.Ei.extractCharacters(this.Fi),i=this.Ei.filterProblematicCharacters(t);this.zi=this.Wi.createCharacterObjects(i,this.Fi),this.Gi=this.Di.calculateMaxGlyphDimensions(i,this.Ti,this.Fi);const r=this.Bi.createTextureAtlas(this.zi,this.Gi,this.Ti,this.Fi);this.ki=r.framebuffer,this.Pi=r.columns,this.Ai=r.rows}Mi(t){return this.Wi.Mi(t,this.zi)}Si(t){return this.Wi.Si(t,this.zi)}Ut(){this.ki.Ut(),document.fonts.delete(this.Li)}get fontFramebuffer(){return this.ki}get characters(){return this.zi}get textureColumns(){return this.Pi}get textureRows(){return this.Ai}get maxGlyphDimensions(){return this.Gi}get fontSize(){return this.Ti}get font(){return this.Fi}}class Q{constructor(t,i,r){u(this,"Ki");u(this,"Ni");u(this,"Ct");u(this,"wt");u(this,"ji");u(this,"Xi");u(this,"Yi");u(this,"qi");u(this,"Zi");this.Yi=t,this.qi=i,this.Zi=r,this.rt()}rt(){this.Ki=Math.floor(this.Yi.width/this.qi),this.Ni=Math.floor(this.Yi.height/this.Zi),this.Ct=this.Ki*this.qi,this.wt=this.Ni*this.Zi,this.ji=Math.floor((this.Yi.width-this.Ct)/2),this.Xi=Math.floor((this.Yi.height-this.wt)/2)}Ji(t,i){this.qi=t,this.Zi=i,this.rt()}get cellWidth(){return this.qi}get cellHeight(){return this.Zi}get cols(){return this.Ki}get rows(){return this.Ni}get width(){return this.Ct}get height(){return this.wt}get offsetX(){return this.ji}get offsetY(){return this.Xi}}class tt{constructor(t={}){u(this,"Yi");u(this,"Qi");u(this,"tr");t.canvas?(this.Yi=t.canvas,this.tr=!1):(this.Yi=this.er(t.width,t.height),this.tr=!0),this.Yi.style.imageRendering="pixelated"}er(t,i){const r=document.createElement("canvas");return r.className="textmodeCanvas",r.style.imageRendering="pixelated",r.width=t||800,r.height=i||600,document.body.appendChild(r),r}sr(t,i){this.Yi.width=t??this.Yi.width,this.Yi.height=i??this.Yi.height}ir(){const t=this.Yi.getContext("webgl2",{alpha:!0,premultipliedAlpha:!1,preserveDrawingBuffer:!0,antialias:!1,depth:!1,stencil:!1,powerPreference:"high-performance"});if(!t)throw new E("`textmode.js` requires WebGL2 support.");return t}Ut(){this.Qi&&this.Qi.disconnect();const t=this.Yi.getContext("webgl")||this.Yi.getContext("webgl2");if(t){const i=t.getExtension("WEBGL_lose_context");i&&i.loseContext()}this.tr&&this.Yi.parentNode&&this.Yi.parentNode.removeChild(this.Yi)}get canvas(){return this.Yi}get width(){return this.Yi.width}get height(){return this.Yi.height}}class Mt{constructor(t=60){u(this,"rr");u(this,"nr");u(this,"ar",null);u(this,"hr",0);u(this,"cr",!0);u(this,"lr",0);u(this,"ur",0);u(this,"dr",[]);u(this,"_r",10);u(this,"pr",0);this.rr=t,this.nr=1e3/t}start(t){if(!this.cr)return;this.hr=performance.now();const i=r=>{if(!this.cr)return void(this.ar=null);const n=r-this.hr;n>=this.nr&&(t(),this.hr=r-n%this.nr),this.cr&&(this.ar=requestAnimationFrame(i))};this.ar=requestAnimationFrame(i)}stop(){this.ar&&(cancelAnimationFrame(this.ar),this.ar=null)}pause(){this.cr&&(this.cr=!1,this.stop())}resume(t){this.cr||(this.cr=!0,this.start(t))}frameRate(t,i){if(t===void 0)return this.lr;this.rr=t,this.nr=1e3/t,this.cr&&i&&(this.stop(),this.start(i))}measureFrameRate(){const t=performance.now();if(this.ur>0){const i=t-this.ur;this.dr.push(i),this.dr.length>this._r&&this.dr.shift();const r=this.dr.reduce((n,o)=>n+o,0)/this.dr.length;this.lr=1e3/r}this.ur=t}get isLooping(){return this.cr}get frameRateLimit(){return this.rr}get currentFrameRate(){return this.lr}get frameCount(){return this.pr}set frameCount(t){this.pr=t}incrementFrame(){this.pr++}resetFrameCount(){this.pr=0}}class Ut{constructor(){u(this,"gr",new Map);u(this,"mr",null);u(this,"vr",null);u(this,"yr");u(this,"$r");u(this,"Cr",!1);u(this,"wr");u(this,"br");u(this,"Rr",{ArrowUp:"UP_ARROW",ArrowDown:"DOWN_ARROW",ArrowLeft:"LEFT_ARROW",ArrowRight:"RIGHT_ARROW",F1:"F1",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",F10:"F10",F11:"F11",F12:"F12",Enter:"ENTER",Return:"RETURN",Tab:"TAB",Escape:"ESCAPE",Backspace:"BACKSPACE",Delete:"DELETE",Insert:"INSERT",Home:"HOME",End:"END",PageUp:"PAGE_UP",PageDown:"PAGE_DOWN",Shift:"SHIFT",Control:"CONTROL",Alt:"ALT",Meta:"META"," ":"SPACE"})}Mr(){this.Cr||(this.yr=t=>{this.Sr(t)},this.$r=t=>{this.Fr(t)},window.addEventListener("keydown",this.yr,{passive:!1}),window.addEventListener("keyup",this.$r,{passive:!1}),this.Cr=!0)}zr(){this.Cr&&(window.removeEventListener("keydown",this.yr),window.removeEventListener("keyup",this.$r),this.Cr=!1,this.gr.clear(),this.mr=null,this.vr=null)}kr(t){this.wr=t}Tr(t){this.br=t}Pr(t){const i=this.Ar(t),r=this.gr.get(t)||this.gr.get(i);return(r==null?void 0:r.isPressed)||!1}Gr(){return this.mr}Lr(){return this.vr}Er(){const t=[];for(const[i,r]of this.gr)r.isPressed&&t.push(i);return t}Br(){return{ctrl:this.Pr("Control"),shift:this.Pr("Shift"),alt:this.Pr("Alt"),meta:this.Pr("Meta")}}Dr(){this.gr.clear(),this.mr=null,this.vr=null}Sr(t){const i=t.key,r=Date.now();this.gr.has(i)||this.gr.set(i,{isPressed:!1,lastPressTime:0,lastReleaseTime:0});const n=this.gr.get(i);if(!n.isPressed&&(n.isPressed=!0,n.lastPressTime=r,this.mr=i,this.wr)){const o={key:i,keyCode:t.keyCode,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,isPressed:!0,originalEvent:t};this.wr(o)}}Fr(t){const i=t.key,r=Date.now();this.gr.has(i)||this.gr.set(i,{isPressed:!1,lastPressTime:0,lastReleaseTime:0});const n=this.gr.get(i);if(n.isPressed=!1,n.lastReleaseTime=r,this.vr=i,this.br){const o={key:i,keyCode:t.keyCode,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,isPressed:!1,originalEvent:t};this.br(o)}}Ar(t){return this.Rr[t]||t.toLowerCase()}}class It{constructor(t){u(this,"Yi");u(this,"Wr");u(this,"Ir",{x:-1,y:-1});u(this,"Ur",{x:-1,y:-1});u(this,"Vr",null);u(this,"Or");u(this,"Hr");u(this,"Kr");u(this,"Nr");u(this,"jr");u(this,"Xr");u(this,"Cr",!1);u(this,"Yr");u(this,"qr");u(this,"Zr");u(this,"Jr");u(this,"Qr");this.Yi=t}Ii(t){this.Wr=t,this.tn()}Mr(){if(this.Cr)return;const t=this.Yi.canvas;this.Or=i=>{this.en(i),this.sn(i)},this.Hr=()=>{this.Ur={...this.Ir},this.Ir.x=-1,this.Ir.y=-1,this.Vr=null},this.Kr=i=>{this.en(i),this.rn(i)},this.Nr=i=>{this.en(i),this.nn(i)},this.jr=i=>{this.en(i),this.an(i)},this.Xr=i=>{this.en(i),this.hn(i)},t.addEventListener("mousemove",this.Or,{passive:!0}),t.addEventListener("mouseleave",this.Hr,{passive:!0}),t.addEventListener("mousedown",this.Kr,{passive:!0}),t.addEventListener("mouseup",this.Nr,{passive:!0}),t.addEventListener("click",this.jr,{passive:!0}),t.addEventListener("wheel",this.Xr,{passive:!1}),this.Cr=!0}zr(){if(!this.Cr)return;const t=this.Yi.canvas;t.removeEventListener("mousemove",this.Or),t.removeEventListener("mouseleave",this.Hr),t.removeEventListener("mousedown",this.Kr),t.removeEventListener("mouseup",this.Nr),t.removeEventListener("click",this.jr),t.removeEventListener("wheel",this.Xr),this.Cr=!1}tn(){if(this.Cr)try{if(this.Vr){const t=new MouseEvent("mousemove",{clientX:this.Vr.x,clientY:this.Vr.y,bubbles:!1,cancelable:!1});this.en(t)}else this.Ir.x!==-1&&this.Ir.y!==-1&&(this.Ir.x>=this.Wr.cols||this.Ir.y>=this.Wr.rows)&&(this.Ir.x=-1,this.Ir.y=-1)}catch{this.Ir.x=-1,this.Ir.y=-1}}cn(t){this.Yr=t}kr(t){this.qr=t}Tr(t){this.Zr=t}ln(t){this.Jr=t}un(t){this.Qr=t}fn(){return{x:this.Ir.x,y:this.Ir.y}}sn(t){if(this.Jr){const i={position:{...this.Ir},previousPosition:{...this.Ur},originalEvent:t};this.Jr(i)}}rn(t){if(this.qr){const i={position:{...this.Ir},previousPosition:{...this.Ur},button:t.button,originalEvent:t};this.qr(i)}}nn(t){if(this.Zr){const i={position:{...this.Ir},previousPosition:{...this.Ur},button:t.button,originalEvent:t};this.Zr(i)}}an(t){if(this.Yr){const i={position:{...this.Ir},previousPosition:{...this.Ur},button:t.button,originalEvent:t};this.Yr(i)}}hn(t){if(this.Qr){const i={position:{...this.Ir},previousPosition:{...this.Ur},delta:{x:t.deltaX,y:t.deltaY},originalEvent:t};this.Qr(i)}}en(t){const i=this.Yi.canvas;this.Ur={...this.Ir},this.Vr={x:t.clientX,y:t.clientY};const r=i.getBoundingClientRect(),n=t.clientX-r.left,o=t.clientY-r.top,a=i.width/r.width,h=o*(i.height/r.height),l=n*a-this.Wr.offsetX,f=h-this.Wr.offsetY,d=Math.floor(l/this.Wr.cellWidth),p=Math.floor(f/this.Wr.cellHeight);d>=0&&d<this.Wr.cols&&p>=0&&p<this.Wr.rows?(this.Ir.x=d,this.Ir.y=p):(this.Ir.x=-1,this.Ir.y=-1)}}const kt=c=>class extends c{rotate(t=0,i=0,r=0){this.kt.state.ht(t),this.kt.state.ct(i),this.kt.state.lt(r)}rotateX(t){this.kt.state.ht(t)}rotateY(t){this.kt.state.ct(t)}rotateZ(t){this.kt.state.lt(t)}push(){this.kt.state.N()}pop(){this.kt.state.it()}rect(t,i,r=1,n=1){this.kt.Es(t,i,r,n)}point(t,i){this.kt.Es(t,i,1,1)}line(t,i,r,n){this.kt.Bs(t,i,r,n)}lineWeight(t){this.kt.state.ot(t)}background(t,i=t,r=t,n=255){this.kt.Os(t,i,r,n)}char(t){this.kt.state.ut(this.Fi.Mi(t))}charColor(t,i,r){this.kt.state.ft(t,i,r)}cellColor(t,i,r){this.kt.state.dt(t,i,r)}flipX(t){this.kt.state._t(t)}flipY(t){this.kt.state.gt(t)}charRotation(t){this.kt.state.yt(t)}invert(t){this.kt.state.vt(t)}clear(){this.kt.Os(0,0,0,0)}ellipse(t,i,r,n){this.kt.Ds(t,i,r/2,n/2)}triangle(t,i,r,n,o,a){this.kt.Ws(t,i,r,n,o,a)}bezierCurve(t,i,r,n,o,a,h,l){this.kt.Is(t,i,r,n,o,a,h,l)}arc(t,i,r,n,o,a){this.kt.Vs(t,i,r,n,o,a)}shader(t){this.kt.Ps(t)}setUniform(t,i){this.kt.Jt(t,i)}setUniforms(t){this.kt.As(t)}createFilterShader(t){return this.kt.he(t)}createFramebuffer(t){return this.kt.Us(t.width,t.height,5,{filter:"nearest",wrap:"clamp",format:"rgba",type:"unsigned_byte"})}image(t,i,r,n,o){this.kt.Gs(t,i,r,n??t.width,o??t.height)}};class V{dn(t){const i=t.Et(0),r=t.Et(1),n=t.Et(2),o=t.Et(3);return{characterPixels:i,primaryColorPixels:r,secondaryColorPixels:n,transformPixels:t.Et(4),rotationPixels:o}}_n(t,i){return t[i]+(t[i+1]<<8)}pn(t,i){return{r:t[i],g:t[i+1],b:t[i+2],a:t[i+3]}}}class H{gn(t,i){return new Blob([t],{type:i})}mn(t,i,r){try{const n=this.gn(t,r),o=URL.createObjectURL(n),a=document.createElement("a");a.href=o,a.download=i,a.style.display="none",a.rel="noopener",document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(o)}catch(n){throw console.error("Failed to download file:",n),Error("File download failed: "+(n instanceof Error?n.message:"Unknown error"))}}vn(){return new Date().toISOString().slice(0,19).replace(/:/g,"-")}yn(){const t=new Date;return{date:t.toISOString().split("T")[0],time:t.toTimeString().split(" ")[0].replace(/:/g,"-")}}$n(t){return t.replace(/[<>:"/\\|?*]/g,"_").replace(/\s+/g,"_").replace(/_{2,}/g,"_").replace(/^_+|_+$/g,"").substring(0,255)}Cn(){return"textmode-export-"+this.vn()}}class zt extends V{wn(t,i,r){const n=t[r]===255,o=t[r+1]===255,a=t[r+2]===255,h=i[r],l=i[r+1];return{isInverted:n,flipHorizontal:o,flipVertical:a,rotation:Math.round(360*(h+l/255)/255*100)/100}}bn(t,i,r){return{x:t,y:i,cellX:t*r.cellWidth,cellY:i*r.cellHeight}}xn(t,i){const r=[];let n=0;for(let o=0;o<i.rows;o++)for(let a=0;a<i.cols;a++){const h=4*n,l=this._n(t.characterPixels,h);let f=this.pn(t.primaryColorPixels,h),d=this.pn(t.secondaryColorPixels,h);const p=this.wn(t.transformPixels,t.rotationPixels,h);if(p.isInverted){const m=f;f=d,d=m}const g=this.bn(a,o,i);r.push({charIndex:l,primaryColor:f,secondaryColor:d,transform:p,position:g}),n++}return r}}class Wt{Rn(t,i){const r=t.cmap;for(const n of r.tables)if(n.format===4){const o=n;for(let a=0;a<o.startCount.length;a++)if(i>=o.startCount[a]&&i<=o.endCount[a]){if(o.idRangeOffset[a]===0)return i+o.idDelta[a]&65535;{const h=o.idRangeOffset[a]/2+(i-o.startCount[a])-(o.startCount.length-a);if(h>=0&&h<o.glyphIdArray.length){const l=o.glyphIdArray[h];if(l!==0)return l+o.idDelta[a]&65535}}}}else if(n.format===12){const o=n;for(let a=0;a<o.groups.length;a+=3){const h=o.groups[a],l=o.groups[a+1],f=o.groups[a+2];if(i>=h&&i<=l)return f+(i-h)}}return 0}Mn(t,i,r,n,o){const a=o/t.head.unitsPerEm;return{getBoundingBox:()=>({x1:r+i.xMin*a,y1:n+-i.yMax*a,x2:r+i.xMax*a,y2:n+-i.yMin*a}),toSVG:()=>this.Sn(i,r,n,a)}}Sn(t,i,r,n){if(!t||!t.xs)return"";const{xs:o,ys:a,endPts:h,flags:l}=t;if(!(o&&a&&h&&l))return"";let f="",d=0;for(let p=0;p<h.length;p++){const g=h[p];if(!(g<d)){if(g>=d){const m=i+o[d]*n,x=r-a[d]*n;f+=`M${m.toFixed(2)},${x.toFixed(2)}`;let v=d+1;for(;v<=g;)if(1&l[v]){const A=i+o[v]*n,b=r-a[v]*n;f+=`L${A.toFixed(2)},${b.toFixed(2)}`,v++}else{const A=i+o[v]*n,b=r-a[v]*n;let T=v+1>g?d:v+1;if(1&l[T]){const _=i+o[T]*n,z=r-a[T]*n;f+=`Q${A.toFixed(2)},${b.toFixed(2)} ${_.toFixed(2)},${z.toFixed(2)}`,v=T+1}else{const _=(A+(i+o[T]*n))/2,z=(b+(r-a[T]*n))/2;f+=`Q${A.toFixed(2)},${b.toFixed(2)} ${_.toFixed(2)},${z.toFixed(2)}`,v=T}}f+="Z"}d=g+1}}return f}Fn(t,i,r,n,o){const a=t.codePointAt(0)||0,h=this.Rn(i,a);let l=null;return i.glyf&&i.glyf[h]!==null?l=i.glyf[h]:(l=F.T.glyf.Ks(i,h),i.glyf[h]=l),this.Mn(i,l,r,n,o)}zn(t,i,r,n,o,a,h,l){const f=r+(o-l*(h/i.head.unitsPerEm))/2,d=n+(a+.7*h)/2;return this.Fn(t,i,f,d,h).toSVG()||null}}class Dt{constructor(){u(this,"kn");this.kn=new Wt}Tn(t){const{width:i,height:r}=t;return`<?xml version="1.0" encoding="UTF-8"?><svg width="${i}" height="${r}" viewBox="0 0 ${i} ${r}" xmlns="http://www.w3.org/2000/svg"><title>textmode.js sketch</title>`}Pn(){return"</g></svg>"}An(t,i){if(!i.includeBackgroundRectangles)return"";const[r,n,o,a]=i.backgroundColor;return`<rect width="${t.width}" height="${t.height}" fill="rgba(${r},${n},${o},${a/255})"/>`}Gn(t,i){const{transform:r,position:n}=t;if(!r.flipHorizontal&&!r.flipVertical&&!r.rotation)return"";const o=n.cellX+i.cellWidth/2,a=n.cellY+i.cellHeight/2,h=[];if(r.flipHorizontal||r.flipVertical){const l=r.flipHorizontal?-1:1,f=r.flipVertical?-1:1;h.push(`translate(${o} ${a})scale(${l} ${f})translate(${-o} ${-a})`)}return r.rotation&&h.push(`rotate(${r.rotation} ${o} ${a})`),` transform="${h.join(" ")}"`}Ln(t,i,r){if(!r.includeBackgroundRectangles||t.secondaryColor.a===0)return"";const{position:n}=t,{r:o,g:a,b:h,a:l}=t.secondaryColor,f=`rgba(${o},${a},${h},${l/255})`;return r.drawMode==="stroke"?`<rect x="${n.cellX}" y="${n.cellY}" width="${i.cellWidth}" height="${i.cellHeight}" stroke="${f}" fill="none" stroke-width="${r.strokeWidth}"/>`:`<rect x="${n.cellX}" y="${n.cellY}" width="${i.cellWidth}" height="${i.cellHeight}" fill="${f}"/>`}Fn(t,i,r,n){const o=r.characters[t.charIndex];if(!o)return"";const a=this.kn.zn(o.character,r.font,t.position.cellX,t.position.cellY,i.cellWidth,i.cellHeight,r.fontSize,o.advanceWidth);if(!a)return"";const{r:h,g:l,b:f,a:d}=t.primaryColor,p=`rgba(${h},${l},${f},${d/255})`;return n.drawMode==="stroke"?`<path d="${a}" stroke="${p}" stroke-width="${n.strokeWidth}" fill="none"/>`:`<path d="${a}" fill="${p}"/>`}En(t,i,r,n){const o=[],a=this.Ln(t,i,n);a&&o.push(a);const h=this.Fn(t,i,r,n);if(h){const l=this.Gn(t,i);o.push(l?`<g${l}>${h}</g>`:h)}return o.join("")}Bn(t,i,r,n){const o=[this.Tn(i),this.An(i,n),'<g id="ascii-cells">'];for(const a of t)o.push(this.En(a,i,r,n));return o.push(this.Pn()),o.join("")}Dn(t){return t.replace(/<path[^>]*d=""[^>]*\/>/g,"").replace(/\s+/g," ").replace(/> </g,"><")}}class Bt extends H{Wn(t){return this.gn(t,"image/svg+xml;charset=utf-8")}In(t,i){this.mn(t,this.$n(i)+".svg","image/svg+xml;charset=utf-8")}Un(t,i){this.In(t,i||this.Cn())}}class et{constructor(){u(this,"Vn");u(this,"On");u(this,"Hn");this.Vn=new zt,this.On=new Dt,this.Hn=new Bt}Kn(t){return{includeBackgroundRectangles:t.includeBackgroundRectangles??!0,drawMode:t.drawMode??"fill",strokeWidth:t.strokeWidth??1,backgroundColor:t.backgroundColor??[0,0,0,0],filename:t.filename||this.Hn.Cn()}}Nn(t,i={}){const r=this.Vn.xn(this.Vn.dn(t.pipeline),t.grid),n=this.On.Bn(r,t.grid,t.font,this.Kn(i));return this.On.Dn(n)}Un(t,i={}){this.Hn.Un(this.Nn(t,i),i.filename)}}class Ot extends V{jn(t,i,r,n=" "){var h;const o=[];let a=0;for(let l=0;l<i.rows;l++){const f=[];for(let d=0;d<i.cols;d++){const p=4*a,g=this._n(t.characterPixels,p),m=((h=r.characters[g])==null?void 0:h.character)||n;f.push(m),a++}o.push(f)}return o}}class $t{Xn(t,i){const r=[];for(const o of t){let a=o.join("");i.preserveTrailingSpaces||(a=a.replace(/\s+$/,"")),r.push(a)}const n=i.lineEnding==="crlf"?`\r
7
+ `}static o(t){if(t===null)return"null";if(t===void 0)return"undefined";if(typeof t=="string")return`"${t}"`;if(typeof t=="number"||typeof t=="boolean")return t+"";if(Array.isArray(t))return t.length===0?"[]":t.length<=5?`[${t.map(i=>T.o(i)).join(", ")}]`:`[${t.slice(0,3).map(i=>T.o(i)).join(", ")}, ... +${t.length-3} more]`;if(typeof t=="object"){const i=Object.keys(t);return i.length===0?"{}":i.length<=3?`{ ${i.map(r=>`${r}: ${T.o(t[r])}`).join(", ")} }`:`{ ${i.slice(0,2).map(r=>`${r}: ${T.o(t[r])}`).join(", ")}, ... +${i.length-2} more }`}return t+""}}var M=(c=>(c[c.SILENT=0]="SILENT",c[c.WARNING=1]="WARNING",c[c.ERROR=2]="ERROR",c[c.THROW=3]="THROW",c))(M||{});const G=class G{constructor(){l(this,"u",{globalLevel:3})}static _(){return G.l||(G.l=new G),G.l}m(t,i){const r="%c[textmode.js] Oops! (╯°□°)╯︵ Something went wrong in your code.",n="color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;";switch(this.u.globalLevel){case 0:return!1;case 1:return console.group(r,n),console.warn(T.i(t,i)),console.groupEnd(),!1;case 2:return console.group(r,n),console.error(T.i(t,i)),console.groupEnd(),!1;default:throw new T(t,i)}}v(t,i,r){return!!t||(this.m(i,r),!1)}C(t){this.u.globalLevel=t}};l(G,"l",null);let Z=G;const N=Z._(),rt=new WeakMap;function H(c,t){rt.set(c,t)}function Y(c){return rt.get(c)}class nt{constructor(){l(this,"$",1);l(this,"U",0);l(this,"M",0);l(this,"F",0);l(this,"R",[0,0,0]);l(this,"S",[1,1,1,1]);l(this,"A",[0,0,0,1]);l(this,"L",!1);l(this,"k",!1);l(this,"P",!1);l(this,"G",[0,0]);l(this,"D",[0,0,0,1]);l(this,"I",[])}W(){this.I.push({O:this.$,H:this.U,V:this.M,K:this.F,G:[...this.G],N:this.L,X:this.k,P:this.P,j:[...this.R],Y:[...this.S],q:[...this.A]})}Z(){const t=this.I.pop();t?(this.$=t.O,this.U=t.H,this.M=t.V,this.F=t.K,this.G=t.G,this.L=t.N,this.k=t.X,this.P=t.P,this.R=t.j,this.S=t.Y,this.A=t.q):console.warn("pop() called without matching push()")}J(t){t.O=this.$,t.H=this.U,t.V=this.M,t.K=this.F,t.j[0]=this.R[0],t.j[1]=this.R[1],t.j[2]=this.R[2],t.Y[0]=this.S[0],t.Y[1]=this.S[1],t.Y[2]=this.S[2],t.Y[3]=this.S[3],t.q[0]=this.A[0],t.q[1]=this.A[1],t.q[2]=this.A[2],t.q[3]=this.A[3],t.N=this.L,t.X=this.k,t.P=this.P,t.G[0]=this.G[0],t.G[1]=this.G[1]}get lineWeight(){return this.$}get canvasBackgroundColor(){return this.D}tt(t){this.$=Math.abs(t)}et(t){this.U=t}st(t){this.M=t}it(t){this.F=t}rt(t){this.R=t}nt(t,i,r,n=255){this.S=[t/255,i/255,r/255,n/255]}ot(t,i,r,n=255){this.A=[t/255,i/255,r/255,n/255]}ht(t){this.L=t}ct(t){this.k=t}lt(t){this.P=t}ut(t){const i=255*t/360,r=Math.floor(i)/255,n=Math.round(i-Math.floor(i));this.G=[r,n]}ft(t,i,r,n){this.D=[t/255,i/255,r/255,n/255]}}class V{constructor(t,i,r=i,n=1,o={},h=null,a=!1){l(this,"dt");l(this,"_t");l(this,"u");l(this,"gt",null);l(this,"vt");l(this,"yt");l(this,"Ct",[]);l(this,"wt");l(this,"$t",null);l(this,"bt",[]);l(this,"xt",null);l(this,"Mt",!1);l(this,"Ft",null);this.dt=i,this._t=r,this.u={filter:"nearest",wrap:"clamp",format:"rgba",type:"unsigned_byte",...o},this.vt=t,this.wt=Math.min(Math.max(1,n),8),this.xt=h,this.Mt=!!a,this.Ft=this.Mt?new nt:null;const u=t.getParameter(t.MAX_DRAW_BUFFERS),f=t.getParameter(t.MAX_COLOR_ATTACHMENTS);this.wt=Math.min(this.wt,u,f),this.yt=t.createFramebuffer(),this.Rt(),this.St(),this.bt=Array(this.wt).fill(null)}Rt(){const t=this.vt,i=this.u.filter==="linear"?t.LINEAR:t.NEAREST,r=this.u.wrap==="repeat"?t.REPEAT:t.CLAMP_TO_EDGE,n=this.u.type==="float"?t.FLOAT:t.UNSIGNED_BYTE;for(let o=0;o<this.wt;o++){const h=t.createTexture();t.bindTexture(t.TEXTURE_2D,h),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,i),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,i),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,r),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,r),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,this.dt,this._t,0,t.RGBA,n,null),this.Ct.push(h)}t.bindTexture(t.TEXTURE_2D,null)}St(){const t=this.vt;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 r=[];for(let n=0;n<this.wt;n++){const o=t.COLOR_ATTACHMENT0+n;t.framebufferTexture2D(t.FRAMEBUFFER,o,t.TEXTURE_2D,this.Ct[n],0),r.push(o)}t.drawBuffers(r)}const i=t.checkFramebufferStatus(t.FRAMEBUFFER);i!==t.FRAMEBUFFER_COMPLETE&&console.error("GLFramebuffer is not complete:",i),t.bindFramebuffer(t.FRAMEBUFFER,null)}At(t){const i=this.vt;i.bindTexture(i.TEXTURE_2D,this.Ct[0]),i.pixelStorei(i.UNPACK_FLIP_Y_WEBGL,1),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,i.RGBA,i.UNSIGNED_BYTE,t),i.bindTexture(i.TEXTURE_2D,null)}resize(t,i){this.dt=t,this._t=i,this.gt=null,this.bt=Array(this.wt).fill(null);const r=this.vt,n=this.u.type==="float"?r.FLOAT:r.UNSIGNED_BYTE;for(const o of this.Ct)r.bindTexture(r.TEXTURE_2D,o),r.texImage2D(r.TEXTURE_2D,0,r.RGBA,this.dt,this._t,0,r.RGBA,n,null);r.bindTexture(r.TEXTURE_2D,null)}zt(t){const i=this.vt,r=this.bt[t];if(r)return r;const n=this.dt,o=this._t,h=new Uint8Array(n*o*4),a=i.getParameter(i.READ_FRAMEBUFFER_BINDING);i.bindFramebuffer(i.READ_FRAMEBUFFER,this.yt),i.readBuffer(i.COLOR_ATTACHMENT0+t),i.readPixels(0,0,n,o,i.RGBA,i.UNSIGNED_BYTE,h),i.bindFramebuffer(i.READ_FRAMEBUFFER,a);const u=4*n,f=new Uint8Array(h.length);for(let g=0;g<o;g++){const d=(o-1-g)*u,m=g*u;f.set(h.subarray(d,d+u),m)}return this.bt[t]=f,f}begin(){var i,r,n,o;const t=this.vt;if(this.xt){const h=((r=(i=this.xt).Tt)==null?void 0:r.call(i))??null;h&&this.xt.Et(h),this.Mt&&this.Ft&&((o=(n=this.xt).Lt)==null||o.call(n,this.Ft))}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 h=0;h<this.wt;h++)t.clearBufferfv(t.COLOR,h,new Float32Array([0,0,0,0]));t.viewport(0,0,this.dt,this._t),H(t,[0,0,this.dt,this._t])}end(){var i,r,n,o;if(!this.$t)return;const t=this.vt;if(this.xt){const h=((r=(i=this.xt).Tt)==null?void 0:r.call(i))??null;h&&this.xt.Et(h)}t.bindFramebuffer(t.FRAMEBUFFER,this.$t.framebuffer),t.viewport(...this.$t.viewport),H(t,this.$t.viewport),this.$t=null,this.xt&&this.Mt&&this.Ft&&((o=(n=this.xt).kt)==null||o.call(n))}Pt(){const t=this.vt;t.deleteFramebuffer(this.yt);for(const i of this.Ct)t.deleteTexture(i)}get width(){return this.dt}get height(){return this._t}get textures(){return[...this.Ct]}}class z{constructor(t,i,r){l(this,"vt");l(this,"Gt");l(this,"Bt",new Map);l(this,"Dt",new Map);l(this,"It",0);this.vt=t,this.Gt=this.Wt(i,r),this.Ot()}Ot(){const t=this.vt.getProgramParameter(this.Gt,this.vt.ACTIVE_UNIFORMS);for(let i=0;i<t;i++){const r=this.vt.getActiveUniform(this.Gt,i);if(r){const n=this.vt.getUniformLocation(this.Gt,r.name);if(n&&(this.Bt.set(r.name,n),this.Dt.set(r.name,{type:r.type,size:r.size}),r.size>1)){const o=r.name.replace(/\[.*\]$/,"");this.Bt.has(o)||(this.Bt.set(o,n),this.Dt.set(o,{type:r.type,size:r.size}))}}}}Wt(t,i){const r=this.Ht(this.vt.VERTEX_SHADER,t),n=this.Ht(this.vt.FRAGMENT_SHADER,i),o=this.vt.createProgram();if(this.vt.attachShader(o,r),this.vt.attachShader(o,n),this.vt.linkProgram(o),!this.vt.getProgramParameter(o,this.vt.LINK_STATUS)){const h=this.vt.getProgramInfoLog(o);throw Error("Shader program link error: "+h)}return this.vt.deleteShader(r),this.vt.deleteShader(n),o}Ht(t,i){const r=this.vt.createShader(t);if(this.vt.shaderSource(r,i),this.vt.compileShader(r),!this.vt.getShaderParameter(r,this.vt.COMPILE_STATUS)){const n=this.vt.getShaderInfoLog(r);throw this.vt.deleteShader(r),Error("Shader compilation error: "+n)}return r}Vt(){this.vt.useProgram(this.Gt),this.Kt()}Kt(){this.It=0}Nt(t){for(const[i,r]of Object.entries(t))this.Xt(i,r)}jt(t){return this.Bt.has(t)}Yt(t){return this.Dt.get(t)||null}qt(){const t=[];for(const[i,r]of this.Dt.entries())t.push({name:i,...r});return t}Xt(t,i){var u;const r=this.Bt.get(t);if(!r)return;const n=this.Dt.get(t);if(!n)return void console.warn(`No type information found for uniform '${t}'`);const{type:o,size:h}=n,a=this.vt;if(typeof i=="number")switch(o){case a.INT:case a.BOOL:a.uniform1i(r,i);break;case a.FLOAT:a.uniform1f(r,i);break;default:console.warn(`Unexpected uniform type for scalar '${t}': ${o}`),a.uniform1f(r,i)}else if(typeof i=="boolean")a.uniform1i(r,i?1:0);else if(Array.isArray(i))if(Array.isArray(i[0])){const f=i,g=((u=f[0])==null?void 0:u.length)||0,d=f.flat();switch(o){case a.FLOAT_VEC2:g===2?a.uniform2fv(r,d):console.warn(`Vector length mismatch for '${t}': expected 2, got ${g}`);break;case a.FLOAT_VEC3:g===3?a.uniform3fv(r,d):console.warn(`Vector length mismatch for '${t}': expected 3, got ${g}`);break;case a.FLOAT_VEC4:g===4?a.uniform4fv(r,d):console.warn(`Vector length mismatch for '${t}': expected 4, got ${g}`);break;default:console.warn(`Unsupported uniform type for vector array '${t}': ${o}`)}}else switch(o){case a.FLOAT_VEC2:i.length===2?a.uniform2f(r,i[0],i[1]):console.warn(`Vector length mismatch for '${t}': expected 2, got ${i.length}`);break;case a.FLOAT_VEC3:i.length===3?a.uniform3f(r,i[0],i[1],i[2]):console.warn(`Vector length mismatch for '${t}': expected 3, got ${i.length}`);break;case a.FLOAT_VEC4:i.length===4?a.uniform4f(r,i[0],i[1],i[2],i[3]):console.warn(`Vector length mismatch for '${t}': expected 4, got ${i.length}`);break;case a.INT:h>1?a.uniform1iv(r,i):console.warn(`Array provided for scalar uniform '${t}'`);break;case a.FLOAT:h>1?a.uniform1fv(r,i):console.warn(`Array provided for scalar uniform '${t}'`);break;default:console.warn(`Unsupported uniform type for array '${t}': ${o}`)}else if(i instanceof WebGLTexture){const f=this.Zt();a.uniform1i(r,f),a.activeTexture(a.TEXTURE0+f),a.bindTexture(a.TEXTURE_2D,i)}else if(i instanceof V){const f=this.Zt();a.uniform1i(r,f),a.activeTexture(a.TEXTURE0+f),a.bindTexture(a.TEXTURE_2D,i.textures[0])}else console.warn(`Unsupported uniform type for '${t}':`,typeof i)}Zt(){return this.It++}get Jt(){return this.Gt}Pt(){this.vt.deleteProgram(this.Gt)}}const j=`#version 300 es
8
+ 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);}`,ot="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 vt{constructor(t){l(this,"vt");l(this,"Qt");l(this,"te");l(this,"ee");l(this,"se");this.vt=t,this.te=new z(this.vt,j,`#version 300 es
9
+ 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 z(this.vt,j,`#version 300 es
10
+ 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 z(this.vt,ot,"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 z(this.vt,j,`#version 300 es
11
+ 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.);}`)}ie(){return this.Qt}Tt(){return this.te}re(){return this.ee}ne(){return this.se}oe(t){return new z(this.vt,j,t)}ae(t,i){return new z(this.vt,t,i)}Pt(){this.Qt.Pt(),this.te.Pt(),this.ee.Pt(),this.se.Pt()}}var b=(c=>(c.RECTANGLE="rectangle",c.LINE="line",c.ELLIPSE="ellipse",c.ARC="arc",c.TRIANGLE="triangle",c.BEZIER_CURVE="bezier_curve",c.CUSTOM="custom",c))(b||{});class xt{constructor(t){l(this,"vt");l(this,"he",new Map);this.vt=t}ce(t,i,r,n){const o=this.vt;let h=this.he.get(t);h||(h=new Map,this.he.set(t,h));let a=h.get(i)||null;if(!a){a=o.createVertexArray(),h.set(i,a),o.bindVertexArray(a),o.bindBuffer(o.ARRAY_BUFFER,n);const u=o.getAttribLocation(t,"a_position");u!==-1&&(o.enableVertexAttribArray(u),o.vertexAttribPointer(u,r.ue.le.size,o.FLOAT,!1,r.fe,r.ue.le.offset),o.vertexAttribDivisor(u,0));const f=o.getAttribLocation(t,"a_texCoord");f!==-1&&(o.enableVertexAttribArray(f),o.vertexAttribPointer(f,r.ue.de.size,o.FLOAT,!1,r.fe,r.ue.de.offset),o.vertexAttribDivisor(f,0))}o.bindVertexArray(a)}_e(){this.vt.bindVertexArray(null)}Pt(){for(const[,t]of this.he)for(const[,i]of t)i&&this.vt.deleteVertexArray(i)}}class yt{constructor(t,i){l(this,"pe");l(this,"vt");l(this,"xt");l(this,"me",null);l(this,"ge",null);this.vt=t,this.pe=new xt(t),this.xt=i}ve(t,i,r){const{shader:n}=t,o=Y(this.vt)||this.vt.getParameter(this.vt.VIEWPORT);n.Nt({U9:o[2]/o[3],Uy:[o[2],o[3]]});const h=f=>{if(!f||!f.ye())return;const g=f.unitGeometry,d=f.unitBuffer;try{this.pe.ce(n.Jt,f.type+"",g,d),f.batch.Ce(n),f.batch.we(g.$e,g.be)}finally{f.batch.xe(n),this.pe._e(),f.Me()}};let a=null,u=null;for(const f of i){if(f.type===b.CUSTOM){u&&(h(u),a=null,u=null),this.Fe(t,f.params,f.state,r.get(b.RECTANGLE));continue}a!==null&&f.type!==a&&(h(u),a=null,u=null);let g=u;g&&f.type===a||(g=r.get(f.type)||null,u=g,a=f.type),g&&g.Re(f.params,f.state)}h(u)}Fe(t,i,r,n){const{x:o,y:h,width:a,height:u,shader:f,uniforms:g}=i,d=this.Se(Math.max(1,Math.floor(a)),Math.max(1,Math.floor(u)));d.begin(),this.Ae(n,f,g,0,0,d.width,d.height,{}),d.end();const m=this.ze(),y={Ue:d.textures[0],Uf:d.textures[1],Ug:d.textures[2],Uh:d.textures[3],Ui:d.textures[4],Uj:[d.width,d.height]};this.Ae(n,m,y,Math.floor(o),Math.floor(h),Math.max(1,Math.floor(a)),Math.max(1,Math.floor(u)),r),t.shader.Vt()}Ae(t,i,r,n,o,h,a,u){i.Vt(),i.Nt(r);const f=this.vt.getParameter(this.vt.VIEWPORT);if(i.Nt({U9:f[2]/f[3],Uy:[f[2],f[3]]}),t.Me(),t.Re({x:n,y:o,width:h,height:a},u),t.ye()){const g=t.unitGeometry,d=t.unitBuffer;try{this.pe.ce(i.Jt,t.type+"",g,d),t.batch.Ce(i),t.batch.we(g.$e,g.be)}finally{t.batch.xe(i),this.pe._e(),t.Me()}}}ze(){return this.xt.ie()}Se(t,i){return this.me&&this.ge&&this.ge.w===t&&this.ge.h===i||(this.me&&this.me.Pt(),this.me=new V(this.vt,t,i,5),this.ge={w:t,h:i}),this.me}Pt(){this.pe.Pt(),this.me&&this.me.Pt()}}class Et{constructor(){l(this,"Te",[]);l(this,"Ee",1);l(this,"Le",0)}ke(t){if(this.Le>=this.Te.length){const r={id:this.Ee++,type:t,params:{},state:{O:1,H:0,V:0,K:0,j:[0,0,0],Y:[1,1,1,1],q:[0,0,0,1],N:!1,X:!1,P:!1,G:[0,0]}};this.Te.push(r)}const i=this.Te[this.Le];return i.id=this.Ee++,i.type=t,this.Le++,i}Pe(t,i,r,n,o){const h=this.ke(b.RECTANGLE);return h.params.x=t,h.params.y=i,h.params.width=r,h.params.height=n,o.J(h.state),h.id}Ge(t,i,r,n,o,h,a){const u=this.ke(b.CUSTOM);return u.params.x=t,u.params.y=i,u.params.width=r,u.params.height=n,u.params.shader=o,u.params.uniforms=h,a.J(u.state),u.id}Be(t,i,r,n,o,h){const a=this.ke(b.LINE);return a.params.x1=t,a.params.y1=i,a.params.x2=r,a.params.y2=n,a.params.thickness=o,h.J(a.state),a.id}De(t,i,r,n,o){const h=this.ke(b.ELLIPSE);return h.params.x=t,h.params.y=i,h.params.width=r,h.params.height=n,o.J(h.state),h.id}Ie(t,i,r,n,o,h,a){const u=this.ke(b.ARC);return u.params.x=t,u.params.y=i,u.params.width=r,u.params.height=n,u.params.start=o,u.params.stop=h,a.J(u.state),u.id}We(t,i,r,n,o,h,a){const u=this.ke(b.TRIANGLE);return u.params.x1=t,u.params.y1=i,u.params.x2=r,u.params.y2=n,u.params.x3=o,u.params.y3=h,a.J(u.state),u.id}Oe(t,i,r,n,o,h,a,u,f,g){const d=this.ke(b.BEZIER_CURVE);return d.params.x1=t,d.params.y1=i,d.params.cp1x=r,d.params.cp1y=n,d.params.cp2x=o,d.params.cp2y=h,d.params.x2=a,d.params.y2=u,d.params.thickness=f,g.J(d.state),d.id}get length(){return this.Le}get isEmpty(){return this.Le===0}He(){this.Le=0}[Symbol.iterator](){let t=0;const i=this.Le,r=this.Te;return{next:()=>t<i?{value:r[t++],done:!1}:{value:void 0,done:!0}}}}const B=class B{static Ve(t,i,r=0){var h,a,u,f,g,d,m,y,x,p;const n=i||new Float32Array(B.FLOATS_PER_INSTANCE);let o=r;return n[o++]=t.le[0],n[o++]=t.le[1],n[o++]=t.Le[0],n[o++]=t.Le[1],n[o++]=t.j[0],n[o++]=t.j[1],n[o++]=t.j[2],n[o++]=t.Y[0],n[o++]=t.Y[1],n[o++]=t.Y[2],n[o++]=t.Y[3],n[o++]=t.q[0],n[o++]=t.q[1],n[o++]=t.q[2],n[o++]=t.q[3],n[o++]=t.G[0],n[o++]=t.G[1],n[o++]=t.Ke[0],n[o++]=t.Ke[1],n[o++]=t.Ke[2],n[o++]=t.H,n[o++]=t.V,n[o++]=t.K,n[o++]=t.Ne[0],n[o++]=t.Ne[1],n[o++]=((h=t.Xe)==null?void 0:h[0])||0,n[o++]=((a=t.Xe)==null?void 0:a[1])||0,n[o++]=((u=t.je)==null?void 0:u[0])||0,n[o++]=((f=t.je)==null?void 0:f[1])||0,n[o++]=((g=t.Ye)==null?void 0:g[0])||0,n[o++]=((d=t.Ye)==null?void 0:d[1])||0,n[o++]=((m=t.qe)==null?void 0:m[0])||0,n[o++]=((y=t.qe)==null?void 0:y[1])||0,n[o++]=((x=t.Ze)==null?void 0:x[0])||0,n[o++]=((p=t.Ze)==null?void 0:p[1])||0,n}static Je(t){const i=t.length*B.FLOATS_PER_INSTANCE,r=new Float32Array(i);for(let n=0;n<t.length;n++){const o=n*B.FLOATS_PER_INSTANCE;B.Ve(t[n],r,o)}return r}};l(B,"BYTES_PER_INSTANCE",140),l(B,"FLOATS_PER_INSTANCE",35);let D=B;const U=class U{};l(U,"STRIDE",D.BYTES_PER_INSTANCE),l(U,"ATTRIBUTES",{a_instancePosition:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:0,divisor:1},a_instanceSize:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:8,divisor:1},a_instanceCharacter:{location:-1,size:3,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:16,divisor:1},a_instancePrimaryColor:{location:-1,size:4,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:28,divisor:1},a_instanceSecondaryColor:{location:-1,size:4,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:44,divisor:1},a_instanceRotation:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:60,divisor:1},a_instanceTransform:{location:-1,size:3,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:68,divisor:1},a_instanceGlobalRotation:{location:-1,size:3,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:80,divisor:1},a_instanceRotationCenter:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:92,divisor:1},a_instanceArcAngles:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:100,divisor:1},a_instanceBezierCP1:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:108,divisor:1},a_instanceBezierCP2:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:116,divisor:1},a_instanceBezierStart:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:124,divisor:1},a_instanceBezierEnd:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:U.STRIDE,offset:132,divisor:1}});let K=U;class wt{constructor(t,i=1e3,r=1.5){l(this,"vt");l(this,"Qe",[]);l(this,"ts");l(this,"es");l(this,"ss",null);l(this,"rs",!0);l(this,"ns",0);l(this,"hs",new Map);l(this,"cs",null);this.vt=t,this.ts=i,this.es=r,this.ls()}Re(t){const i=this.Qe.length;return this.Qe.push(t),this.rs=!0,i}get count(){return this.Qe.length}get isEmpty(){return this.Qe.length===0}clear(){this.Qe.length=0,this.rs=!0}us(t){if(t<=this.ts)return;const i=Math.ceil(t*this.es);this.ts=i,this.ls()}ls(){const t=this.vt;this.ss&&t.deleteBuffer(this.ss),this.ss=t.createBuffer();const i=this.ts*D.BYTES_PER_INSTANCE;t.bindBuffer(t.ARRAY_BUFFER,this.ss),t.bufferData(t.ARRAY_BUFFER,i,t.DYNAMIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,null),this.rs=!0,this.ns=0}fs(){if(!this.rs||this.Qe.length===0)return;const t=this.vt,i=this.Qe.length;this.us(i),(!this.cs||this.cs.length<i*D.FLOATS_PER_INSTANCE)&&(this.cs=new Float32Array(i*D.FLOATS_PER_INSTANCE));const r=D.Je(this.Qe);t.bindBuffer(t.ARRAY_BUFFER,this.ss),i<=this.ns?t.bufferSubData(t.ARRAY_BUFFER,0,r):t.bufferData(t.ARRAY_BUFFER,r,t.DYNAMIC_DRAW),t.bindBuffer(t.ARRAY_BUFFER,null),this.rs=!1,this.ns=i}ds(t){let i=this.hs.get(t);if(!i){i=new Map;const r=this.vt;for(const n in K.ATTRIBUTES){const o=r.getAttribLocation(t,n);o!==-1&&i.set(n,o)}this.hs.set(t,i)}return i}Ce(t){if(!this.ss||this.Qe.length===0)return;const i=this.vt,r=t.Jt;this.fs();const n=this.ds(r);i.bindBuffer(i.ARRAY_BUFFER,this.ss);for(const[o,h]of n){const a=K.ATTRIBUTES[o];a&&(i.enableVertexAttribArray(h),i.vertexAttribPointer(h,a.size,a.type,a.normalized,a.stride,a.offset),i.vertexAttribDivisor(h,a.divisor))}}xe(t){const i=this.vt,r=this.ds(t.Jt);for(const[,n]of r)i.disableVertexAttribArray(n),i.vertexAttribDivisor(n,0)}we(t,i){this.Qe.length!==0&&this.vt.drawArraysInstanced(t,0,i,this.Qe.length)}Pt(){this.ss&&this.vt.deleteBuffer(this.ss)}}class ${constructor(t,i,r,n){l(this,"vt");l(this,"_s");l(this,"ps");l(this,"gs");l(this,"vs",null);this.vt=t,this._s=i,this.ps=r,this.gs=n;const o=this.vt.createBuffer();if(!o)throw Error("Failed to create unit geometry buffer");this.vt.bindBuffer(this.vt.ARRAY_BUFFER,o),this.vt.bufferData(this.vt.ARRAY_BUFFER,this.gs.Cs,this.vt.STATIC_DRAW),this.vt.bindBuffer(this.vt.ARRAY_BUFFER,null),this.vs=o}get type(){return this.ps}get unitGeometry(){return this.gs}get unitBuffer(){return this.vs}get batch(){return this._s}Me(){this._s.clear()}ye(){return!this._s.isEmpty}Pt(){this._s.Pt(),this.vt.deleteBuffer(this.vs)}ws(t,i,r,n,o){const h=this.$s(t,i,r,n,o.H||0,o.V||0,o.K||0);return{le:[t,i],Le:[r,n],j:o.j||[0,0,0],Y:o.Y||[1,1,1,1],q:o.q||[0,0,0,1],G:o.G||[0,0],Ke:[o.P?1:0,o.N?1:0,o.X?1:0],H:h.radiansX,V:h.radiansY,K:h.radiansZ,Ne:[h.centerX,h.centerY]}}bs(t,i){const r=Y(this.vt)||[0,0,this.vt.canvas.width,this.vt.canvas.height];return{nx:t/r[2]*2-1,ny:1-i/r[3]*2}}Ms(t,i,r){const n=this.bs(i,r);t.Ne=[n.nx,n.ny]}$s(t,i,r,n,o,h,a){const u=Y(this.vt)||[0,0,this.vt.canvas.width,this.vt.canvas.height],f=u[2],g=u[3];return{centerX:(t+r/2)/f*2-1,centerY:1-(i+n/2)/g*2,radiansX:-o*Math.PI/180,radiansY:-h*Math.PI/180,radiansZ:-a*Math.PI/180,aspectRatio:f/g}}}const Rt={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 bt extends ${constructor(t,i){super(t,i,b.RECTANGLE,Rt)}Re(t,i){const r=this.ws(t.x,t.y,t.width,t.height,i);return this._s.Re(r)}}const Tt={Cs:new Float32Array([0,-.5,0,0,1,-.5,1,0,0,.5,0,1,0,.5,0,1,1,-.5,1,0,1,.5,1,1]),be:6,$e:WebGL2RenderingContext.TRIANGLES,fe:16,ue:{le:{size:2,offset:0},de:{size:2,offset:8}}};class At extends ${constructor(t,i){super(t,i,b.LINE,Tt)}Re(t,i){const r=t.x2-t.x1,n=t.y2-t.y1,o=Math.hypot(r,n),h=t.thickness||i.O||1,a=t.x1+r/2,u=t.y1+n/2,f=a-o/2,g=u,d=this.ws(f,g,o,h,i);return this.Ms(d,a,u),this._s.Re(d)}}const Ct={Cs:function(c=32){const t=[],i=2*Math.PI/c;for(let r=0;r<c;r++){const n=r*i,o=(r+1)%c*i,h=Math.cos(n),a=Math.sin(n),u=.5*(h+1),f=.5*(a+1),g=Math.cos(o),d=Math.sin(o),m=.5*(g+1),y=.5*(d+1);t.push(0,0,.5,.5,h,a,u,f,g,d,m,y)}return new Float32Array(t)}(32),be:96,$e:WebGL2RenderingContext.TRIANGLES,fe:16,ue:{le:{size:2,offset:0},de:{size:2,offset:8}}};class Ut extends ${constructor(t,i){super(t,i,b.ELLIPSE,Ct)}Re(t,i){const r=this.ws(t.x,t.y,t.width,t.height,i);return this.Ms(r,t.x,t.y),this._s.Re(r)}}let _t={Cs:function(c){const t=[];for(let i=0;i<c;i++){const r=i/c,n=(i+1)/c;t.push(r,0,r,0,r,1,r,1,n,1,n,1)}return new Float32Array(t)}(32),be:96,$e:WebGL2RenderingContext.TRIANGLES,fe:16,ue:{le:{size:2,offset:0},de:{size:2,offset:8}}};class Ft extends ${constructor(t,i){super(t,i,b.ARC,_t)}Re(t,i){const r=t.x-t.width/2,n=t.y-t.height/2,o=t.start*Math.PI/180,h=t.stop*Math.PI/180,a=this.ws(r,n,t.width,t.height,i);return this.Ms(a,t.x,t.y),a.Xe=[o,h],this._s.Re(a)}}const Lt={Cs:new Float32Array([0,0,0,0,1,0,1,0,.5,1,.5,1]),be:3,$e:WebGL2RenderingContext.TRIANGLES,fe:16,ue:{le:{size:2,offset:0},de:{size:2,offset:8}}};class Pt extends ${constructor(t,i){super(t,i,b.TRIANGLE,Lt)}Re(t,i){const r=Math.min(t.x1,t.x2,t.x3),n=Math.max(t.x1,t.x2,t.x3),o=Math.min(t.y1,t.y2,t.y3),h=n-r,a=Math.max(t.y1,t.y2,t.y3)-o,u=this.ws(r,o,h,a,i),f=r+.5*h,g=o+a*(1/3);return this.Ms(u,f,g),this._s.Re(u)}}function ht(c,t,i,r,n){const o=1-c,h=o*o,a=c*c;return h*o*t+3*h*c*i+3*o*a*r+a*c*n}const St={Cs:function(c=16){const t=[];for(let i=0;i<c;i++){const r=i/c,n=(i+1)/c;t.push(r,-.5,r,0),t.push(n,-.5,n,0),t.push(r,.5,r,1),t.push(r,.5,r,1),t.push(n,-.5,n,0),t.push(n,.5,n,1)}return new Float32Array(t)}(16),be:96,$e:WebGL2RenderingContext.TRIANGLES,fe:16,ue:{le:{size:2,offset:0},de:{size:2,offset:8}}};class It extends ${constructor(t,i){super(t,i,b.BEZIER_CURVE,St)}Re(t,i){const r=i.O||1,n=ht(.5,t.x1,t.cp1x,t.cp2x,t.x2),o=ht(.5,t.y1,t.cp1y,t.cp2y,t.y2),h=this.ws(0,0,1,r,i);return this.Ms(h,n,o),h.qe=[t.x1,t.y1],h.je=[t.cp1x,t.cp1y],h.Ye=[t.cp2x,t.cp2y],h.Ze=[t.x2,t.y2],this._s.Re(h)}}class Bt{constructor(t){l(this,"vt");l(this,"Fs",null);l(this,"Rs");l(this,"Ss",null);l(this,"As",{});l(this,"zs",null);l(this,"Ts",new Map);l(this,"Es");l(this,"Ls");l(this,"ks");l(this,"I",[]);this.vt=t,this.Rs=new vt(t),this.ks=new nt,this.Es=new yt(t,this),this.Ls=new Et,this.zs=t.createBuffer(),H(this.vt,[0,0,this.vt.canvas.width,this.vt.canvas.height])}Ps(t){let i=this.Ts.get(t);if(i)return i;const r=new wt(this.vt);return i=(0,{[b.RECTANGLE]:()=>new bt(this.vt,r),[b.LINE]:()=>new At(this.vt,r),[b.ELLIPSE]:()=>new Ut(this.vt,r),[b.ARC]:()=>new Ft(this.vt,r),[b.TRIANGLE]:()=>new Pt(this.vt,r),[b.BEZIER_CURVE]:()=>new It(this.vt,r)}[t])(),this.Ts.set(t,i),i}Gs(t){this.Fs!==t&&(this.Fs=t,t.Vt())}ae(t,i){return this.Rs.ae(t,i)}ie(){return this.Rs.ie()}Tt(){return this.Rs.Tt()}re(){return this.Rs.re()}ne(){return this.Rs.ne()}Bs(t){this.Ss=t,t&&(this.As={})}Xt(t,i){this.As[t]=i}Ds(t){Object.assign(this.As,t)}oe(t){return this.Rs.oe(t)}Is(t,i,r,n,o){const h=this.ie(),a={Ue:t.textures[0],Uf:t.textures[1],Ug:t.textures[2],Uh:t.textures[3],Ui:t.textures[4],Uj:[t.width,t.height]};this.Ls.Ge(i,r,n,o,h,a,this.ks)}Ws(t,i,r,n,o){const h=this.ne(),a=t.texture,u=t.flags,f=t.charRotationRG,g=[f[0],f[1]],d=t.colorUniforms??{charColorFixed:!1,Y:[1,1,1],cellColorFixed:!1,cellColor:[0,0,0],backgroundColor:[0,0,0,1]},m=t.characterListUniforms,y={Uk:a,Ul:!!u.invert,Um:!!u.flipX,Un:!!u.flipY,Uo:g,Up:!!d.charColorFixed,Uq:d.Y,Ur:!!d.cellColorFixed,Us:d.cellColor,Ut:d.backgroundColor,Uu:m.count,Uv:m.list};this.Ls.Ge(i,r,n,o,h,y,this.ks)}Os(t,i,r,n){var p;const o=this.vt,h=o.canvas.width,a=o.canvas.height,u=t/h*2-1,f=(t+r)/h*2-1,g=1-i/a*2,d=1-(i+n)/a*2,m=new Float32Array([u,d,f,d,u,g,f,d,f,g,u,g]);o.bindBuffer(o.ARRAY_BUFFER,this.zs),o.bufferData(o.ARRAY_BUFFER,m,o.DYNAMIC_DRAW);const y=((p=this.Fs)==null?void 0:p.Jt)||o.getParameter(o.CURRENT_PROGRAM),x=y?o.getAttribLocation(y,"a_position"):-1;x!==-1&&(o.enableVertexAttribArray(x),o.vertexAttribPointer(x,2,o.FLOAT,!1,8,0)),o.drawArrays(o.TRIANGLES,0,6),x!==-1&&o.disableVertexAttribArray(x)}Hs(t,i,r,n){this.Ss?(this.Ls.Ge(t,i,r,n,this.Ss,{...this.As},this.ks),this.Ss=null,this.As={}):this.Ls.Pe(t,i,r,n,this.ks)}Vs(t,i,r,n){this.Ls.Be(t,i,r,n,this.ks.lineWeight,this.ks)}Ks(t,i,r,n){this.Ls.De(t,i,r,n,this.ks)}Ns(t,i,r,n,o,h){this.Ls.We(t,i,r,n,o,h,this.ks)}Xs(t,i,r,n,o,h,a,u){const f=this.ks.lineWeight;this.Ls.Oe(t,i,r,n,o,h,a,u,f,this.ks)}js(t,i,r=1,n={}){return new V(this.vt,t,i,r,n,this,!0)}Ys(t,i,r,n,o,h){this.Ls.Ie(t,i,r,n,o,h,this.ks)}qs(t,i=t,r=t,n=255){this.state.ft(t,i,r,n),this.He(t/255,i/255,r/255,n/255)}He(t=0,i=0,r=0,n=0){this.vt.clearColor(t,i,r,n),this.vt.clear(this.vt.COLOR_BUFFER_BIT)}Zs(){this.vt.viewport(0,0,this.vt.canvas.width,this.vt.canvas.height),H(this.vt,[0,0,this.vt.canvas.width,this.vt.canvas.height])}get context(){return this.vt}get state(){return this.ks}Lt(t){this.I.push(this.ks),this.ks=t}kt(){const t=this.I.pop();t&&(this.ks=t)}Et(t){const i=t,r=Y(this.vt)??this.vt.getParameter(this.vt.VIEWPORT),n={shader:i,gl:this.vt,viewport:r};this.Gs(i);const o=new Set;for(const h of this.Ls)h.type===b.CUSTOM?o.add(b.RECTANGLE):o.add(h.type);for(const h of o)h!==b.CUSTOM&&this.Ps(h);this.Es.ve(n,this.Ls,this.Ts),this.Ls.He()}Pt(){this.vt.deleteBuffer(this.zs),this.Ls.He();for(const t of this.Ts.values())t.Pt();this.Rs.Pt(),this.Es.Pt()}}const A={readShort:(c,t)=>(A.t.uint16[0]=c[t]<<8|c[t+1],A.t.int16[0]),readUshort:(c,t)=>c[t]<<8|c[t+1],readUshorts(c,t,i){const r=[];for(let n=0;n<i;n++)r.push(A.readUshort(c,t+2*n));return r},readUint(c,t){const i=A.t.uint8;return i[3]=c[t],i[2]=c[t+1],i[1]=c[t+2],i[0]=c[t+3],A.t.uint32[0]},readASCII(c,t,i){let r="";for(let n=0;n<i;n++)r+=String.fromCharCode(c[t+n]);return r},writeUshort(c,t,i){c[t]=i>>>8&255,c[t+1]=255&i},writeUint(c,t,i){c[t]=i>>>24&255,c[t+1]=i>>>16&255,c[t+2]=i>>>8&255,c[t+3]=255&i},writeASCII(c,t,i){for(let r=0;r<i.length;r++)c[t+r]=255&i.charCodeAt(r)},t:(()=>{const c=new ArrayBuffer(8);return{uint8:new Uint8Array(c),int16:new Int16Array(c),uint16:new Uint16Array(c),uint32:new Uint32Array(c)}})()};function q(c){return c+3&-4}function Q(c,t,i){const r=t+i;let n=0;const o=A.t;for(let h=t;h<r;h+=4)o.uint8[3]=c[h]||0,o.uint8[2]=c[h+1]||0,o.uint8[1]=c[h+2]||0,o.uint8[0]=c[h+3]||0,n=n+(o.uint32[0]>>>0)>>>0;return n>>>0}class Mt{constructor(t){l(this,"b");l(this,"p",0);l(this,"bitbuf",0);l(this,"bitcnt",0);this.b=t}readBits(t){for(;this.bitcnt<t;){const r=this.b[this.p++]||0;this.bitbuf|=r<<this.bitcnt,this.bitcnt+=8}const i=this.bitbuf&(1<<t)-1;return this.bitbuf>>>=t,this.bitcnt-=t,i}alignToByte(){this.bitbuf=0,this.bitcnt=0}get offset(){return this.p}}function W(c){let t=32,i=0;for(const a of c)a&&(a<t&&(t=a),a>i&&(i=a));if(i===0)return{min:0,max:0,table:new Map};const r=new Uint32Array(i+1);for(const a of c)a&&r[a]++;const n=new Uint32Array(i+1);let o=0;r[0]=0;for(let a=1;a<=i;a++)o=o+r[a-1]<<1,n[a]=o;const h=new Map;for(let a=0;a<c.length;a++){const u=c[a];if(!u)continue;const f=n[u]++;let g=h.get(u);g||(g=[],h.set(u,g)),g[Dt(f,u)]=a}return{min:t,max:i,table:h}}function tt(c,t){let i=0;for(let r=1;r<=t.max;r++){i|=c.readBits(1)<<r-1;const n=t.table.get(r);if(n&&i<n.length){const o=n[i];if(o!==void 0)return o}}throw Error("Invalid Huffman code")}function Dt(c,t){let i=0;for(let r=0;r<t;r++)i=i<<1|1&c,c>>>=1;return i>>>0}function Gt(c){if(c.length<2)throw Error("ZLIB data too short");const t=c[0],i=c[1];if((15&t)!=8)throw Error("Unsupported ZLIB compression method");if(((t<<8)+i)%31!=0)throw Error("Bad ZLIB header check");let r=2;32&i&&(r+=4);const n=[];return function(o,h){const a=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258],u=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0],f=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577],g=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13];let d=0;for(;!d;){d=o.readBits(1);const m=o.readBits(2);if(m===0){o.alignToByte();const y=o.readBits(16);if((65535&(65535^y))!==o.readBits(16))throw Error("DEFLATE uncompressed LEN/NLEN mismatch");for(let x=0;x<y;x++)h.push(o.readBits(8))}else{if(m!==1&&m!==2)throw Error("Unsupported DEFLATE type");{let y,x;if(m===1){const p=Array(288).fill(0);for(let E=0;E<=143;E++)p[E]=8;for(let E=144;E<=255;E++)p[E]=9;for(let E=256;E<=279;E++)p[E]=7;for(let E=280;E<=287;E++)p[E]=8;y=W(p),x=W(Array(32).fill(5))}else{const p=o.readBits(5)+257,E=o.readBits(5)+1,v=o.readBits(4)+4,R=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],w=Array(19).fill(0);for(let P=0;P<v;P++)w[R[P]]=o.readBits(3);const L=W(w),_=[];for(;_.length<p+E;){const P=tt(o,L);if(P<=15)_.push(P);else if(P===16){const X=o.readBits(2)+3,O=_[_.length-1]||0;for(let mt=0;mt<X;mt++)_.push(O)}else if(P===17){const X=o.readBits(3)+3;for(let O=0;O<X;O++)_.push(0)}else{if(P!==18)throw Error("Invalid code length symbol");{const X=o.readBits(7)+11;for(let O=0;O<X;O++)_.push(0)}}}const F=_.slice(0,p),S=_.slice(p,p+E);y=W(F),x=W(S)}for(;;){const p=tt(o,y);if(p<256)h.push(p);else{if(p===256)break;if(p>256&&p<286){const E=p-257;let v=a[E];const R=u[E];R&&(v+=o.readBits(R));const w=tt(o,x);if(w>=30)throw Error("Invalid distance symbol");let L=f[w];const _=g[w];_&&(L+=o.readBits(_));const F=h.length-L;if(F<0)throw Error("Invalid distance");for(let S=0;S<v;S++)h.push(h[F+S]||0)}else if(p===286||p===287)throw Error("Reserved length symbol")}}}}}}(new Mt(c.subarray(r)),n),new Uint8Array(n)}function Ot(c){const t=A,i=new Uint8Array(c);if(t.readASCII(i,0,4)!=="wOFF")throw Error("Invalid WOFF signature");const r=t.readUint(i,4),n=t.readUshort(i,12),o=t.readUint(i,16),h=[];let a=44;for(let v=0;v<n;v++){const R=t.readASCII(i,a,4),w=t.readUint(i,a+4),L=t.readUint(i,a+8),_=t.readUint(i,a+12),F=t.readUint(i,a+16);h.push({tag:R,offset:w,compLength:L,origLength:_,checksum:F}),a+=20}for(const v of h){const R=new Uint8Array(i.buffer,v.offset,v.compLength);if(v.compLength===v.origLength)v.data=new Uint8Array(R);else if(v.data=Gt(R),v.data.length!==v.origLength)if(v.data.length<v.origLength){const w=new Uint8Array(v.origLength);w.set(v.data),v.data=w}else v.data=v.data.subarray(0,v.origLength)}const u=n;let f=1,g=0;for(;f<<1<=u;)f<<=1,g++;const d=16*f,m=16*u-d;let y=12+16*u;const x={};for(const v of h)x[v.tag]=y,y=q(y+v.data.length);const p=new Uint8Array(Math.max(o||0,y));t.writeUint(p,0,r),t.writeUshort(p,4,u),t.writeUshort(p,6,d),t.writeUshort(p,8,g),t.writeUshort(p,10,m);let E=12;for(const v of h){t.writeASCII(p,E,v.tag),E+=4;let R=v.data;if(v.tag==="head"&&R.length>=12){const w=new Uint8Array(R);t.writeUint(w,8,0);const L=Q(w,0,q(w.length));t.writeUint(p,E,L),E+=4}else{const w=Q(R,0,q(R.length));t.writeUint(p,E,w),E+=4}t.writeUint(p,E,x[v.tag]),E+=4,t.writeUint(p,E,v.data.length),E+=4}for(const v of h){const R=x[v.tag];p.set(v.data,R)}if(h.find(v=>v.tag==="head")){const v=x.head,R=function(w,L){const _=A,F=L+8,S=[w[F],w[F+1],w[F+2],w[F+3]];_.writeUint(w,F,0);const P=2981146554-(Q(w,0,q(w.length))>>>0)>>>0;return w[F]=S[0],w[F+1]=S[1],w[F+2]=S[2],w[F+3]=S[3],P>>>0}(p,v);t.writeUint(p,v+8,R)}return p.buffer}const zt={parseTab(c,t,i){const r={tables:[],ids:{},off:t};c=new Uint8Array(c.buffer,t,i),t=0;const n=A,o=n.readUshort,h=o(c,t+=2);t+=2;const a=[];for(let u=0;u<h;u++){const f=o(c,t),g=o(c,t+=2);t+=2;const d=n.readUint(c,t);t+=4;const m=`p${f}e${g}`;let y=a.indexOf(d);if(y===-1){let x;y=r.tables.length,a.push(d);const p=o(c,d);x=p===4?this.parse4(c,d):p===12?this.parse12(c,d):{format:p},r.tables.push(x)}r.ids[m]=y}return r},parse4(c,t){const i=A,r=i.readUshort,n=i.readUshorts,o=t,h=r(c,t+=2);t+=2;const a=r(c,t+=2)>>>1,u={format:4,searchRange:r(c,t+=2),entrySelector:0,rangeShift:0,endCount:[],startCount:[],idDelta:[],idRangeOffset:[],glyphIdArray:[]};t+=2,u.entrySelector=r(c,t),t+=2,u.rangeShift=r(c,t),t+=2,u.endCount=n(c,t,a),t+=2*a,t+=2,u.startCount=n(c,t,a),t+=2*a;for(let f=0;f<a;f++)u.idDelta.push(i.readShort(c,t)),t+=2;return u.idRangeOffset=n(c,t,a),t+=2*a,u.glyphIdArray=n(c,t,o+h-t>>1),u},parse12(c,t){const i=A.readUint;i(c,t+=4),i(c,t+=4);const r=i(c,t+=4);t+=4;const n=new Uint32Array(3*r);for(let o=0;o<3*r;o+=3)n[o]=i(c,t+(o<<2)),n[o+1]=i(c,t+(o<<2)+4),n[o+2]=i(c,t+(o<<2)+8);return{format:12,groups:n}}},$t={parseTab(c,t,i){const r=A;t+=18;const n=r.readUshort(c,t);t+=2,t+=16;const o=r.readShort(c,t);t+=2;const h=r.readShort(c,t);t+=2;const a=r.readShort(c,t);t+=2;const u=r.readShort(c,t);return t+=2,t+=6,{unitsPerEm:n,xMin:o,yMin:h,xMax:a,yMax:u,indexToLocFormat:r.readShort(c,t)}}},kt={parseTab(c,t,i){const r=A;t+=4;const n=["ascender","descender","lineGap","advanceWidthMax","minLeftSideBearing","minRightSideBearing","xMaxExtent","caretSlopeRise","caretSlopeRun","caretOffset","res0","res1","res2","res3","metricDataFormat","numberOfHMetrics"],o={};for(let h=0;h<n.length;h++){const a=n[h],u=a==="advanceWidthMax"||a==="numberOfHMetrics"?r.readUshort:r.readShort;o[a]=u(c,t+2*h)}return o}},Nt={parseTab(c,t,i,r){const n=A,o=[],h=[],a=r.maxp.numGlyphs,u=r.hhea.numberOfHMetrics;let f=0,g=0,d=0;for(;d<u;)f=n.readUshort(c,t+(d<<2)),g=n.readShort(c,t+(d<<2)+2),o.push(f),h.push(g),d++;for(;d<a;)o.push(f),h.push(g),d++;return{aWidth:o,lsBearing:h}}},at={cmap:zt,head:$t,hhea:kt,maxp:{parseTab(c,t,i){const r=A;return r.readUint(c,t),t+=4,{numGlyphs:r.readUshort(c,t)}}},hmtx:Nt,loca:{parseTab(c,t,i,r){const n=A,o=[],h=r.head.indexToLocFormat,a=r.maxp.numGlyphs+1;if(h===0)for(let u=0;u<a;u++)o.push(n.readUshort(c,t+(u<<1))<<1);else if(h===1)for(let u=0;u<a;u++)o.push(n.readUint(c,t+(u<<2)));return o}},glyf:{parseTab(c,t,i,r){const n=[],o=r.maxp.numGlyphs;for(let h=0;h<o;h++)n.push(null);return n},Js(c,t){const i=A,r=c.Qs,n=c.loca;if(n[t]===n[t+1])return null;const o=I.findTable(r,"glyf",c.ti);if(!o)return null;let h=o[0]+n[t];const a={};if(a.noc=i.readShort(r,h),h+=2,a.xMin=i.readShort(r,h),h+=2,a.yMin=i.readShort(r,h),h+=2,a.xMax=i.readShort(r,h),h+=2,a.yMax=i.readShort(r,h),h+=2,a.xMin>=a.xMax||a.yMin>=a.yMax)return null;if(a.noc>0){a.endPts=[];for(let m=0;m<a.noc;m++)a.endPts.push(i.readUshort(r,h)),h+=2;const u=i.readUshort(r,h);if(h+=2,r.length-h<u)return null;h+=u;const f=a.endPts[a.noc-1]+1;a.flags=[];for(let m=0;m<f;m++){const y=r[h];if(h++,a.flags.push(y),8&y){const x=r[h];h++;for(let p=0;p<x;p++)a.flags.push(y),m++}}a.xs=[];for(let m=0;m<f;m++){const y=a.flags[m],x=!!(16&y);2&y?(a.xs.push(x?r[h]:-r[h]),h++):x?a.xs.push(0):(a.xs.push(i.readShort(r,h)),h+=2)}a.ys=[];for(let m=0;m<f;m++){const y=a.flags[m],x=!!(32&y);4&y?(a.ys.push(x?r[h]:-r[h]),h++):x?a.ys.push(0):(a.ys.push(i.readShort(r,h)),h+=2)}let g=0,d=0;for(let m=0;m<f;m++)g+=a.xs[m],d+=a.ys[m],a.xs[m]=g,a.ys[m]=d}else a.parts=[],a.endPts=[],a.flags=[],a.xs=[],a.ys=[];return a}}},I={parse(c){const t=new Uint8Array(c),i=A.readASCII(t,0,4);if(i==="wOFF")c=Ot(c);else if(i==="wOF2")throw Error("WOFF2 is not supported in this build (Brotli + WOFF2 transforms required)");return[((r,n,o,h)=>{const a=at,u={Qs:r,ei:n,ti:o};for(const f in a){const g=f,d=I.findTable(r,g,o);if(d){const[m,y]=d;let x=h[m];x==null&&(x=a[g].parseTab(r,m,y,u),h[m]=x),u[g]=x}}return u})(new Uint8Array(c),0,0,{})]},findTable(c,t,i){const r=A,n=r.readUshort(c,i+4);let o=i+12;for(let h=0;h<n;h++){const a=r.readASCII(c,o,4);r.readUint(c,o+4);const u=r.readUint(c,o+8),f=r.readUint(c,o+12);if(a===t)return[u,f];o+=16}return null},T:at,B:A};class Wt{si(t){var r;const i=[];return(r=t.cmap)!=null&&r.tables?(t.cmap.tables.forEach(n=>{if(n.format===4){const o=this.ii(n);i.push(...o)}else if(n.format===12){const o=this.ri(n);i.push(...o)}}),[...new Set(i)]):[]}ni(t){return t.filter(i=>this.oi(i))}ii(t){const i=[];if(!(t.startCount&&t.endCount&&t.idRangeOffset&&t.idDelta))return i;for(let r=0;r<t.startCount.length;r++){const n=t.startCount[r],o=t.endCount[r];if(n!==65535||o!==65535){for(let h=n;h<=o;h++)if(this.ai(t,h,r)>0)try{const a=String.fromCodePoint(h);i.push(a)}catch{}}}return i}ri(t){const i=[];if(!t.groups)return i;for(let r=0;r<t.groups.length;r+=3){const n=t.groups[r],o=t.groups[r+1],h=t.groups[r+2];for(let a=n;a<=o;a++)if(h+(a-n)>0)try{const u=String.fromCodePoint(a);i.push(u)}catch{}}return i}ai(t,i,r){if(t.idRangeOffset[r]===0)return i+t.idDelta[r]&65535;{const n=t.idRangeOffset[r]/2+(i-t.startCount[r])-(t.startCount.length-r);if(n>=0&&t.glyphIdArray&&n<t.glyphIdArray.length){const o=t.glyphIdArray[n];if(o!==0)return o+t.idDelta[r]&65535}}return 0}oi(t){const i=t.codePointAt(0)||0;return!(i>=0&&i<=31&&i!==9&&i!==10&&i!==13||i>=127&&i<=159)}}class et{constructor(){l(this,"hi",new Map);l(this,"ci",new Map)}li(t,i){const r=`${this.ui(t)}_${i}`;if(this.hi.has(r))return this.hi.get(r);const n=t.cmap;if(!n||!n.tables)return this.hi.set(r,0),0;let o=0;for(const h of n.tables)if(h.format===4?o=this.fi(i,h):h.format===12&&(o=this.di(i,h)),o>0)break;return this.hi.set(r,o),o}_i(t,i){const r=i.codePointAt(0);return r===void 0?0:this.li(t,r)}pi(t,i){const r=t.hmtx;return r&&r.aWidth&&r.aWidth.length!==0?i<r.aWidth.length?r.aWidth[i]:r.aWidth[r.aWidth.length-1]:0}mi(t,i){const r=i/t.head.unitsPerEm,n=t.hhea.ascender*r,o=t.hhea.descender*r,h=t.hhea.lineGap*r;return{ascender:n,descender:o,lineGap:h,lineHeight:n-o+h,unitsPerEm:t.head.unitsPerEm,scale:r}}gi(){this.hi.clear(),this.ci.clear()}ui(t){return`${t.ti}_${t.Qs.length}`}fi(t,i){const r=i.endCount.length;let n=-1;for(let o=0;o<r;o++)if(t<=i.endCount[o]){n=o;break}if(n===-1||t<i.startCount[n])return 0;if(i.idRangeOffset[n]===0)return t+i.idDelta[n]&65535;{const o=i.idRangeOffset[n]/2+(t-i.startCount[n])-(r-n);if(o>=0&&o<i.glyphIdArray.length){const h=i.glyphIdArray[o];return h===0?0:h+i.idDelta[n]&65535}}return 0}di(t,i){const r=i.groups.length/3;for(let n=0;n<r;n++){const o=i.groups[3*n],h=i.groups[3*n+1],a=i.groups[3*n+2];if(t>=o&&t<=h)return a+(t-o)}return 0}}class Xt{constructor(t){l(this,"yi");l(this,"Ci");l(this,"xt");l(this,"wi");this.xt=t,this.wi=new et,this.yi=document.createElement("canvas"),this.Ci=this.yi.getContext("2d",{willReadFrequently:!0,alpha:!1})}createTextureAtlas(t,i,r,n){const o=t.length,h=Math.ceil(Math.sqrt(o)),a=Math.ceil(o/h),u=i.width*h,f=i.height*a,g=typeof n=="object"?n:null;this.$i(u,f),this.bi(t,i,h,r,g);const d=this.xt.js(u,f,1,{filter:"nearest"});return d.At(this.yi),{framebuffer:d,columns:h,rows:a}}$i(t,i){this.yi.width=t,this.yi.height=i,this.yi.style.width=t+"px",this.yi.style.height=t+"px",this.Ci.imageSmoothingEnabled=!1,this.yi.style.imageRendering="pixelated",this.Ci.fillStyle="black",this.Ci.fillRect(0,0,t,i),this.Ci.textBaseline="top",this.Ci.textAlign="left",this.Ci.fillStyle="white"}bi(t,i,r,n,o){const h=n/o.head.unitsPerEm;for(let a=0;a<t.length;a++){const u=a%r,f=Math.floor(a/r),g=t[a].character,d=this.xi(o,g);if(!d)continue;const m=g.codePointAt(0)||0,y=this.wi.li(o,m),x=this.Mi(o,y)*h,p=u*i.width,E=f*i.height,v=p+.5*i.width,R=E+.5*i.height,w=Math.round(v-.5*i.width),L=Math.round(R-.5*n),_=w+.5*(i.width-x),F=L+o.hhea.ascender*h;this.Fi(d,_,F,h)}}xi(t,i){const r=i.codePointAt(0)||0,n=this.wi.li(t,r);if(n===0)return null;if(t.glyf&&t.glyf[n]!==null)return t.glyf[n];if(I&&I.T&&I.T.glyf){const o=I.T.glyf.Js(t,n);return t.glyf&&o&&(t.glyf[n]=o),o}return null}Mi(t,i){const r=t.hmtx;return r&&r.aWidth?i<r.aWidth.length?r.aWidth[i]:r.aWidth[r.aWidth.length-1]:0}Fi(t,i,r,n){if(!t||!t.xs||t.noc===0)return;const{xs:o,ys:h,endPts:a,flags:u}=t;if(!(o&&h&&a&&u))return;this.Ci.beginPath();let f=0;for(let g=0;g<a.length;g++){const d=a[g];if(!(d<f)){if(d>=f){const m=i+o[f]*n,y=r-h[f]*n;this.Ci.moveTo(m,y);let x=f+1;for(;x<=d;)if(1&u[x]){const p=i+o[x]*n,E=r-h[x]*n;this.Ci.lineTo(p,E),x++}else{const p=i+o[x]*n,E=r-h[x]*n;let v=x+1>d?f:x+1;if(1&u[v]){const R=i+o[v]*n,w=r-h[v]*n;this.Ci.quadraticCurveTo(p,E,R,w),x=v+1}else{const R=(p+(i+o[v]*n))/2,w=(E+(r-h[v]*n))/2;this.Ci.quadraticCurveTo(p,E,R,w),x=v}}this.Ci.closePath()}f=d+1}}this.Ci.fill()}}class Ht{constructor(){l(this,"Ri");this.Ri=new et}Si(t,i,r){let n=0;const o=this.Ri.mi(r,i),h=o.lineHeight;for(const a of t){const u=this.Ri._i(r,a);if(u===0)continue;const f=this.Ri.pi(r,u)*o.scale;n=Math.max(n,f)}return{width:Math.ceil(n),height:Math.ceil(h)}}gi(){this.Ri.gi()}}class Yt{constructor(){l(this,"wi");this.wi=new et}createCharacterObjects(t,i){return t.map((r,n)=>{const o=r.codePointAt(0)||0,h=this.Ai(n);let a=0;if(i.hmtx&&i.hmtx.aWidth){const u=this.wi.li(i,o);u>0&&i.hmtx.aWidth[u]!==void 0&&(a=i.hmtx.aWidth[u])}return{character:r,unicode:o,color:h,advanceWidth:a}})}Ai(t){return[t%256/255,Math.floor(t/256)%256/255,Math.floor(t/65536)%256/255]}zi(t,i){if(!N.v(typeof t=="string","Character must be a string.",{method:"getCharacterColor",providedValue:t}))return[0,0,0];const r=i.find(n=>n.character===t);return r?r.color:[0,0,0]}Ti(t,i){return N.v(typeof t=="string"&&t.length>0,"Characters must be a string with at least one character.",{method:"getCharacterColors",providedValue:t})?Array.from(t).map(r=>this.zi(r,i)||[0,0,0]):[[0,0,0]]}}class ct{constructor(t,i=16){l(this,"Ei");l(this,"Li",[]);l(this,"ki");l(this,"Pi",16);l(this,"Gi",0);l(this,"Bi",0);l(this,"Di",{width:0,height:0});l(this,"Ii");l(this,"Wi");l(this,"Oi");l(this,"Hi");l(this,"Vi");this.Pi=i,this.Wi=new Wt,this.Oi=new Xt(t),this.Hi=new Ht,this.Vi=new Yt}async Ki(t){let i;if(!t)throw new T("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");{const r=await fetch(t);if(!r.ok)throw new T(`Failed to load font file: ${r.status} ${r.statusText}`);i=await r.arrayBuffer()}await this.Ni(i),this.Ei=I.parse(i)[0],await this.Xi()}ji(t){if(t===void 0)return this.Pi;this.Pi=t,this.Di=this.Hi.Si(this.Li.map(r=>r.character),this.Pi,this.Ei);const i=this.Oi.createTextureAtlas(this.Li,this.Di,this.Pi,this.Ei);this.ki=i.framebuffer,this.Gi=i.columns,this.Bi=i.rows}async Yi(t){try{const i=await fetch(t);if(!i.ok)throw new T(`Failed to load font file: ${i.status} ${i.statusText}`);const r=await i.arrayBuffer();await this.Ni(r);const n=I.parse(r);if(!n||n.length===0)throw Error("Failed to parse font file");this.Ei=n[0],await this.Xi()}catch(i){throw new T("Failed to load font: "+(i instanceof Error?i.message:"Unknown error"),i)}}async Ni(t){const i=Date.now();this.Ii=new FontFace("CustomFont_"+i,t),await this.Ii.load(),document.fonts.add(this.Ii)}async Xi(){const t=this.Wi.si(this.Ei),i=this.Wi.ni(t);this.Li=this.Vi.createCharacterObjects(i,this.Ei),this.Di=this.Hi.Si(i,this.Pi,this.Ei);const r=this.Oi.createTextureAtlas(this.Li,this.Di,this.Pi,this.Ei);this.ki=r.framebuffer,this.Gi=r.columns,this.Bi=r.rows}zi(t){return this.Vi.zi(t,this.Li)}Ti(t){return this.Vi.Ti(t,this.Li)}Pt(){this.ki.Pt(),document.fonts.delete(this.Ii)}get fontFramebuffer(){return this.ki}get characters(){return this.Li}get textureColumns(){return this.Gi}get textureRows(){return this.Bi}get maxGlyphDimensions(){return this.Di}get fontSize(){return this.Pi}get font(){return this.Ei}}class lt{constructor(t,i,r){l(this,"qi");l(this,"Zi");l(this,"dt");l(this,"_t");l(this,"Ji");l(this,"Qi");l(this,"tr");l(this,"er");l(this,"sr");this.tr=t,this.er=i,this.sr=r,this.ir()}ir(){this.qi=Math.floor(this.tr.width/this.er),this.Zi=Math.floor(this.tr.height/this.sr),this.dt=this.qi*this.er,this._t=this.Zi*this.sr,this.Ji=Math.floor((this.tr.width-this.dt)/2),this.Qi=Math.floor((this.tr.height-this._t)/2)}rr(t,i){this.er=t,this.sr=i,this.ir()}get cellWidth(){return this.er}get cellHeight(){return this.sr}get cols(){return this.qi}get rows(){return this.Zi}get width(){return this.dt}get height(){return this._t}get offsetX(){return this.Ji}get offsetY(){return this.Qi}}class ut{constructor(t={}){l(this,"tr");l(this,"nr",null);l(this,"ar",!1);l(this,"hr");l(this,"cr");this.ar=t.overlay??!1,this.ar&&t.canvas?(this.nr=t.canvas,this.tr=this.lr(),this.cr=!0,this.ur()):t.canvas?(this.tr=t.canvas,this.cr=!1):(this.tr=this.dr(t.width,t.height),this.cr=!0),this.tr.style.imageRendering="pixelated"}dr(t,i){const r=document.createElement("canvas");return r.className="textmodeCanvas",r.style.imageRendering="pixelated",r.width=t||800,r.height=i||600,document.body.appendChild(r),r}lr(){const t=document.createElement("canvas");t.className="textmodeCanvas",t.style.imageRendering="pixelated";const i=this.nr.getBoundingClientRect();let r=Math.round(i.width),n=Math.round(i.height);if(this.nr instanceof HTMLVideoElement){const a=this.nr;(r===0||n===0)&&a.videoWidth>0&&a.videoHeight>0&&(r=a.videoWidth,n=a.videoHeight)}t.width=r,t.height=n,t.style.position="absolute",t.style.pointerEvents="none";const o=window.getComputedStyle(this.nr);let h=parseInt(o.zIndex||"0",10);return isNaN(h)&&(h=0),t.style.zIndex=""+(h+1),t}ur(){var t;this._r(),(t=this.nr.parentNode)==null||t.insertBefore(this.tr,this.nr.nextSibling),window.ResizeObserver&&(this.hr=new ResizeObserver(()=>{this.pr()}),this.hr.observe(this.nr)),window.addEventListener("resize",()=>{this.pr()})}_r(){if(!this.nr)return;const t=this.nr.getBoundingClientRect();let i=this.nr.offsetParent;if(i&&i!==document.body){const r=i.getBoundingClientRect();this.tr.style.top=t.top-r.top+"px",this.tr.style.left=t.left-r.left+"px"}else this.tr.style.top=t.top+window.scrollY+"px",this.tr.style.left=t.left+window.scrollX+"px"}pr(t,i){if(this.ar){const r=this.nr.getBoundingClientRect();let n=Math.round(r.width),o=Math.round(r.height);if(this.nr instanceof HTMLVideoElement){const h=this.nr;(n===0||o===0)&&h.videoWidth>0&&h.videoHeight>0&&(n=h.videoWidth,o=h.videoHeight)}this.tr.width=n,this.tr.height=o,this._r()}else this.tr.width=t??this.tr.width,this.tr.height=i??this.tr.height}mr(){const t=this.tr.getContext("webgl2",{alpha:!0,premultipliedAlpha:!1,preserveDrawingBuffer:!0,antialias:!1,depth:!1,stencil:!1,powerPreference:"high-performance"});if(!t)throw new T("`textmode.js` requires WebGL2 support.");return t}Pt(){this.hr&&this.hr.disconnect();const t=this.tr.getContext("webgl")||this.tr.getContext("webgl2");if(t){const i=t.getExtension("WEBGL_lose_context");i&&i.loseContext()}this.cr&&this.tr.parentNode&&this.tr.parentNode.removeChild(this.tr)}get canvas(){return this.tr}get targetCanvas(){return this.nr}get width(){return this.tr.width}get height(){return this.tr.height}}class k{constructor(t,i,r,n){l(this,"texture");l(this,"width");l(this,"height");l(this,"vt");l(this,"P",0);l(this,"N",0);l(this,"X",0);l(this,"G",[0,0]);l(this,"gr","sampled");l(this,"vr","fixed");l(this,"Y",[1,1,1]);l(this,"q",[0,0,0]);l(this,"yr",[0,0,0,1]);l(this,"Cr",[[.1,0,0]]);l(this,"wr");this.vt=t,this.texture=i,this.width=r,this.height=n}Pt(){this.vt.deleteTexture(this.texture)}$r(t){return typeof t=="boolean"?t?1:0:(t==null?0:Number(t))>0?1:0}invert(t=!0){return this.P=this.$r(t),this}flipX(t=!0){return this.N=this.$r(t),this}flipY(t=!0){return this.X=this.$r(t),this}charRotation(t){const i=255*t/360,r=Math.floor(i)/255,n=Math.round(i-Math.floor(i));return this.G=[r,n],this}get flags(){return{invert:this.P,flipX:this.N,flipY:this.X}}get charRotationRG(){return this.G}charColorMode(t){return this.gr=t,this}cellColorMode(t){return this.vr=t,this}charColor(t,i,r){return this.Y=[(t??0)/255,(i??t??0)/255,(r??t??0)/255],this}cellColor(t,i,r){return this.q=[(t??0)/255,(i??t??0)/255,(r??t??0)/255],this}background(t,i,r,n){return this.yr=[(t??0)/255,(i??t??0)/255,(r??t??0)/255,(n??255)/255],this}charactersFromColors(t){const i=t.filter(r=>Array.isArray(r)).slice(0,64);return this.Cr=i,this}characters(t){const i=this.wr(t);return this.charactersFromColors(i),this}get characterListUniforms(){return{count:this.Cr.length,list:this.Cr}}get colorUniforms(){return{charColorFixed:this.gr==="fixed",Y:this.Y,cellColorFixed:this.vr==="fixed",cellColor:this.q,backgroundColor:this.yr}}static fromSource(t,i,r){const n=t.context,o=n.createTexture();n.bindTexture(n.TEXTURE_2D,o),n.pixelStorei(n.UNPACK_FLIP_Y_WEBGL,1),n.texParameteri(n.TEXTURE_2D,n.TEXTURE_MIN_FILTER,n.NEAREST),n.texParameteri(n.TEXTURE_2D,n.TEXTURE_MAG_FILTER,n.NEAREST),n.texParameteri(n.TEXTURE_2D,n.TEXTURE_WRAP_S,n.CLAMP_TO_EDGE),n.texParameteri(n.TEXTURE_2D,n.TEXTURE_WRAP_T,n.CLAMP_TO_EDGE),n.texImage2D(n.TEXTURE_2D,0,n.RGBA,n.RGBA,n.UNSIGNED_BYTE,i),n.bindTexture(n.TEXTURE_2D,null);const h=i.naturalWidth??i.width??i.videoWidth??0,a=i.naturalHeight??i.height??i.videoHeight??0,u=new k(n,o,h,a);return u.wr=r,u}}class Vt{constructor(t=60){l(this,"br");l(this,"Mr");l(this,"Fr",null);l(this,"Rr",0);l(this,"Sr",!0);l(this,"Ar",0);l(this,"zr",0);l(this,"Tr",[]);l(this,"Er",10);l(this,"Lr",0);this.br=t,this.Mr=1e3/t}start(t){if(!this.Sr)return;this.Rr=performance.now();const i=r=>{if(!this.Sr)return void(this.Fr=null);const n=r-this.Rr;n>=this.Mr&&(t(),this.Rr=r-n%this.Mr),this.Sr&&(this.Fr=requestAnimationFrame(i))};this.Fr=requestAnimationFrame(i)}stop(){this.Fr&&(cancelAnimationFrame(this.Fr),this.Fr=null)}pause(){this.Sr&&(this.Sr=!1,this.stop())}resume(t){this.Sr||(this.Sr=!0,this.start(t))}frameRate(t,i){if(t===void 0)return this.Ar;this.br=t,this.Mr=1e3/t,this.Sr&&i&&(this.stop(),this.start(i))}measureFrameRate(){const t=performance.now();if(this.zr>0){const i=t-this.zr;this.Tr.push(i),this.Tr.length>this.Er&&this.Tr.shift();const r=this.Tr.reduce((n,o)=>n+o,0)/this.Tr.length;this.Ar=1e3/r}this.zr=t}get isLooping(){return this.Sr}get frameRateLimit(){return this.br}get currentFrameRate(){return this.Ar}get frameCount(){return this.Lr}set frameCount(t){this.Lr=t}incrementFrame(){this.Lr++}resetFrameCount(){this.Lr=0}}class jt{constructor(){l(this,"kr",new Map);l(this,"Pr",null);l(this,"Gr",null);l(this,"Br");l(this,"Dr");l(this,"Ir",!1);l(this,"Wr");l(this,"Or");l(this,"Hr",{ArrowUp:"UP_ARROW",ArrowDown:"DOWN_ARROW",ArrowLeft:"LEFT_ARROW",ArrowRight:"RIGHT_ARROW",F1:"F1",F2:"F2",F3:"F3",F4:"F4",F5:"F5",F6:"F6",F7:"F7",F8:"F8",F9:"F9",F10:"F10",F11:"F11",F12:"F12",Enter:"ENTER",Return:"RETURN",Tab:"TAB",Escape:"ESCAPE",Backspace:"BACKSPACE",Delete:"DELETE",Insert:"INSERT",Home:"HOME",End:"END",PageUp:"PAGE_UP",PageDown:"PAGE_DOWN",Shift:"SHIFT",Control:"CONTROL",Alt:"ALT",Meta:"META"," ":"SPACE"})}Vr(){this.Ir||(this.Br=t=>{this.Kr(t)},this.Dr=t=>{this.Nr(t)},window.addEventListener("keydown",this.Br,{passive:!1}),window.addEventListener("keyup",this.Dr,{passive:!1}),this.Ir=!0)}Xr(){this.Ir&&(window.removeEventListener("keydown",this.Br),window.removeEventListener("keyup",this.Dr),this.Ir=!1,this.kr.clear(),this.Pr=null,this.Gr=null)}jr(t){this.Wr=t}Yr(t){this.Or=t}qr(t){const i=this.Zr(t),r=this.kr.get(t)||this.kr.get(i);return(r==null?void 0:r.isPressed)||!1}Jr(){return this.Pr}Qr(){return this.Gr}tn(){const t=[];for(const[i,r]of this.kr)r.isPressed&&t.push(i);return t}en(){return{ctrl:this.qr("Control"),shift:this.qr("Shift"),alt:this.qr("Alt"),meta:this.qr("Meta")}}sn(){this.kr.clear(),this.Pr=null,this.Gr=null}Kr(t){const i=t.key,r=Date.now();this.kr.has(i)||this.kr.set(i,{isPressed:!1,lastPressTime:0,lastReleaseTime:0});const n=this.kr.get(i);if(!n.isPressed&&(n.isPressed=!0,n.lastPressTime=r,this.Pr=i,this.Wr)){const o={key:i,keyCode:t.keyCode,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,isPressed:!0,originalEvent:t};this.Wr(o)}}Nr(t){const i=t.key,r=Date.now();this.kr.has(i)||this.kr.set(i,{isPressed:!1,lastPressTime:0,lastReleaseTime:0});const n=this.kr.get(i);if(n.isPressed=!1,n.lastReleaseTime=r,this.Gr=i,this.Or){const o={key:i,keyCode:t.keyCode,ctrlKey:t.ctrlKey,shiftKey:t.shiftKey,altKey:t.altKey,metaKey:t.metaKey,isPressed:!1,originalEvent:t};this.Or(o)}}Zr(t){return this.Hr[t]||t.toLowerCase()}}class Kt{constructor(t){l(this,"tr");l(this,"rn");l(this,"nn",{x:-1,y:-1});l(this,"an",{x:-1,y:-1});l(this,"hn",null);l(this,"cn");l(this,"ln");l(this,"un");l(this,"fn");l(this,"dn");l(this,"_n");l(this,"Ir",!1);l(this,"pn");l(this,"mn");l(this,"gn");l(this,"vn");l(this,"yn");this.tr=t}Ki(t){this.rn=t,this.Cn()}Vr(){if(this.Ir)return;const t=this.tr.canvas;this.cn=i=>{this.wn(i),this.$n(i)},this.ln=()=>{this.an={...this.nn},this.nn.x=-1,this.nn.y=-1,this.hn=null},this.un=i=>{this.wn(i),this.bn(i)},this.fn=i=>{this.wn(i),this.xn(i)},this.dn=i=>{this.wn(i),this.Mn(i)},this._n=i=>{this.wn(i),this.Fn(i)},t.addEventListener("mousemove",this.cn,{passive:!0}),t.addEventListener("mouseleave",this.ln,{passive:!0}),t.addEventListener("mousedown",this.un,{passive:!0}),t.addEventListener("mouseup",this.fn,{passive:!0}),t.addEventListener("click",this.dn,{passive:!0}),t.addEventListener("wheel",this._n,{passive:!1}),this.Ir=!0}Xr(){if(!this.Ir)return;const t=this.tr.canvas;t.removeEventListener("mousemove",this.cn),t.removeEventListener("mouseleave",this.ln),t.removeEventListener("mousedown",this.un),t.removeEventListener("mouseup",this.fn),t.removeEventListener("click",this.dn),t.removeEventListener("wheel",this._n),this.Ir=!1}Cn(){if(this.Ir)try{if(this.hn){const t=new MouseEvent("mousemove",{clientX:this.hn.x,clientY:this.hn.y,bubbles:!1,cancelable:!1});this.wn(t)}else this.nn.x!==-1&&this.nn.y!==-1&&(this.nn.x>=this.rn.cols||this.nn.y>=this.rn.rows)&&(this.nn.x=-1,this.nn.y=-1)}catch{this.nn.x=-1,this.nn.y=-1}}Rn(t){this.pn=t}jr(t){this.mn=t}Yr(t){this.gn=t}Sn(t){this.vn=t}An(t){this.yn=t}zn(){return{x:this.nn.x,y:this.nn.y}}$n(t){if(this.vn){const i={position:{...this.nn},previousPosition:{...this.an},originalEvent:t};this.vn(i)}}bn(t){if(this.mn){const i={position:{...this.nn},previousPosition:{...this.an},button:t.button,originalEvent:t};this.mn(i)}}xn(t){if(this.gn){const i={position:{...this.nn},previousPosition:{...this.an},button:t.button,originalEvent:t};this.gn(i)}}Mn(t){if(this.pn){const i={position:{...this.nn},previousPosition:{...this.an},button:t.button,originalEvent:t};this.pn(i)}}Fn(t){if(this.yn){const i={position:{...this.nn},previousPosition:{...this.an},delta:{x:t.deltaX,y:t.deltaY},originalEvent:t};this.yn(i)}}wn(t){const i=this.tr.canvas;this.an={...this.nn},this.hn={x:t.clientX,y:t.clientY};const r=i.getBoundingClientRect(),n=t.clientX-r.left,o=t.clientY-r.top,h=i.width/r.width,a=o*(i.height/r.height),u=n*h-this.rn.offsetX,f=a-this.rn.offsetY,g=Math.floor(u/this.rn.cellWidth),d=Math.floor(f/this.rn.cellHeight);g>=0&&g<this.rn.cols&&d>=0&&d<this.rn.rows?(this.nn.x=g,this.nn.y=d):(this.nn.x=-1,this.nn.y=-1)}}const qt=c=>class extends c{rotate(t=0,i=0,r=0){this.xt.state.et(t),this.xt.state.st(i),this.xt.state.it(r)}rotateX(t){this.xt.state.et(t)}rotateY(t){this.xt.state.st(t)}rotateZ(t){this.xt.state.it(t)}push(){this.xt.state.W()}pop(){this.xt.state.Z()}rect(t,i,r=1,n=1){this.xt.Hs(t,i,r,n)}point(t,i){this.xt.Hs(t,i,1,1)}line(t,i,r,n){this.xt.Vs(t,i,r,n)}lineWeight(t){this.xt.state.tt(t)}background(t,i=t,r=t,n=255){this.xt.qs(t,i,r,n)}char(t){this.xt.state.rt(this.Ei.zi(t))}charColor(t,i,r){this.xt.state.nt(t,i,r)}cellColor(t,i,r){this.xt.state.ot(t,i,r)}flipX(t){this.xt.state.ht(t)}flipY(t){this.xt.state.ct(t)}charRotation(t){this.xt.state.ut(t)}invert(t){this.xt.state.lt(t)}clear(){this.xt.qs(0,0,0,0)}ellipse(t,i,r,n){this.xt.Ks(t,i,r/2,n/2)}triangle(t,i,r,n,o,h){this.xt.Ns(t,i,r,n,o,h)}bezierCurve(t,i,r,n,o,h,a,u){this.xt.Xs(t,i,r,n,o,h,a,u)}arc(t,i,r,n,o,h){this.xt.Ys(t,i,r,n,o,h)}shader(t){this.xt.Bs(t)}setUniform(t,i){this.xt.Xt(t,i)}setUniforms(t){this.xt.Ds(t)}createFilterShader(t){return this.xt.oe(t)}createFramebuffer(t){return this.xt.js(t.width,t.height,5,{filter:"nearest",wrap:"clamp",format:"rgba",type:"unsigned_byte"})}image(t,i,r,n,o){if(t.textures){const h=t;this.xt.Is(h,i,r,n??h.width,o??h.height)}else{const h=t;this.xt.Ws(h,i,r,n??h.width,o??h.height)}}async loadImage(t){if(typeof t!="string")return k.fromSource(this.xt,t,n=>this.Ei.Ti(n));const i=t,r=await new Promise((n,o)=>{const h=new Image;h.crossOrigin="anonymous",h.onload=()=>n(h),h.onerror=a=>o(a),h.src=i});return k.fromSource(this.xt,r,n=>this.Ei.Ti(n))}};class it{Tn(t){const i=t.zt(0),r=t.zt(1),n=t.zt(2),o=t.zt(3);return{characterPixels:i,primaryColorPixels:r,secondaryColorPixels:n,transformPixels:t.zt(4),rotationPixels:o}}En(t,i){return t[i]+(t[i+1]<<8)}Ln(t,i){return{r:t[i],g:t[i+1],b:t[i+2],a:t[i+3]}}}class st{kn(t,i){return new Blob([t],{type:i})}Pn(t,i,r){try{const n=this.kn(t,r),o=URL.createObjectURL(n),h=document.createElement("a");h.href=o,h.download=i,h.style.display="none",h.rel="noopener",document.body.appendChild(h),h.click(),document.body.removeChild(h),URL.revokeObjectURL(o)}catch(n){console.error("Failed to download file:",n)}}Gn(){return new Date().toISOString().slice(0,19).replace(/:/g,"-")}Bn(){const t=new Date;return{date:t.toISOString().split("T")[0],time:t.toTimeString().split(" ")[0].replace(/:/g,"-")}}Dn(t){return t.replace(/[<>:"/\\|?*]/g,"_").replace(/\s+/g,"_").replace(/_{2,}/g,"_").replace(/^_+|_+$/g,"").substring(0,255)}In(){return"textmode-export-"+this.Gn()}}class Jt extends it{Wn(t,i,r){const n=t[r]===255,o=t[r+1]===255,h=t[r+2]===255,a=i[r],u=i[r+1];return{isInverted:n,flipHorizontal:o,flipVertical:h,rotation:Math.round(360*(a+u/255)/255*100)/100}}On(t,i,r){return{x:t,y:i,cellX:t*r.cellWidth,cellY:i*r.cellHeight}}Hn(t,i){const r=[];let n=0;for(let o=0;o<i.rows;o++)for(let h=0;h<i.cols;h++){const a=4*n,u=this.En(t.characterPixels,a);let f=this.Ln(t.primaryColorPixels,a),g=this.Ln(t.secondaryColorPixels,a);const d=this.Wn(t.transformPixels,t.rotationPixels,a);if(d.isInverted){const y=f;f=g,g=y}const m=this.On(h,o,i);r.push({charIndex:u,primaryColor:f,secondaryColor:g,transform:d,position:m}),n++}return r}}class Zt{Vn(t,i){const r=t.cmap;for(const n of r.tables)if(n.format===4){const o=n;for(let h=0;h<o.startCount.length;h++)if(i>=o.startCount[h]&&i<=o.endCount[h]){if(o.idRangeOffset[h]===0)return i+o.idDelta[h]&65535;{const a=o.idRangeOffset[h]/2+(i-o.startCount[h])-(o.startCount.length-h);if(a>=0&&a<o.glyphIdArray.length){const u=o.glyphIdArray[a];if(u!==0)return u+o.idDelta[h]&65535}}}}else if(n.format===12){const o=n;for(let h=0;h<o.groups.length;h+=3){const a=o.groups[h],u=o.groups[h+1],f=o.groups[h+2];if(i>=a&&i<=u)return f+(i-a)}}return 0}Kn(t,i,r,n,o){const h=o/t.head.unitsPerEm;return{getBoundingBox:()=>({x1:r+i.xMin*h,y1:n+-i.yMax*h,x2:r+i.xMax*h,y2:n+-i.yMin*h}),toSVG:()=>this.Nn(i,r,n,h)}}Nn(t,i,r,n){if(!t||!t.xs)return"";const{xs:o,ys:h,endPts:a,flags:u}=t;if(!(o&&h&&a&&u))return"";let f="",g=0;for(let d=0;d<a.length;d++){const m=a[d];if(!(m<g)){if(m>=g){const y=i+o[g]*n,x=r-h[g]*n;f+=`M${y.toFixed(2)},${x.toFixed(2)}`;let p=g+1;for(;p<=m;)if(1&u[p]){const E=i+o[p]*n,v=r-h[p]*n;f+=`L${E.toFixed(2)},${v.toFixed(2)}`,p++}else{const E=i+o[p]*n,v=r-h[p]*n;let R=p+1>m?g:p+1;if(1&u[R]){const w=i+o[R]*n,L=r-h[R]*n;f+=`Q${E.toFixed(2)},${v.toFixed(2)} ${w.toFixed(2)},${L.toFixed(2)}`,p=R+1}else{const w=(E+(i+o[R]*n))/2,L=(v+(r-h[R]*n))/2;f+=`Q${E.toFixed(2)},${v.toFixed(2)} ${w.toFixed(2)},${L.toFixed(2)}`,p=R}}f+="Z"}g=m+1}}return f}Xn(t,i,r,n,o){const h=t.codePointAt(0)||0,a=this.Vn(i,h);let u=null;return i.glyf&&i.glyf[a]!==null?u=i.glyf[a]:(u=I.T.glyf.Js(i,a),i.glyf[a]=u),this.Kn(i,u,r,n,o)}jn(t,i,r,n,o,h,a,u){const f=r+(o-u*(a/i.head.unitsPerEm))/2,g=n+(h+.7*a)/2;return this.Xn(t,i,f,g,a).toSVG()||null}}class Qt{constructor(){l(this,"Yn");this.Yn=new Zt}qn(t){const{width:i,height:r}=t;return`<?xml version="1.0" encoding="UTF-8"?><svg width="${i}" height="${r}" viewBox="0 0 ${i} ${r}" xmlns="http://www.w3.org/2000/svg"><title>textmode.js sketch</title>`}Zn(){return"</g></svg>"}Jn(t,i){if(!i.includeBackgroundRectangles)return"";const[r,n,o,h]=i.backgroundColor;return`<rect width="${t.width}" height="${t.height}" fill="rgba(${r},${n},${o},${h/255})"/>`}Qn(t,i){const{transform:r,position:n}=t;if(!r.flipHorizontal&&!r.flipVertical&&!r.rotation)return"";const o=n.cellX+i.cellWidth/2,h=n.cellY+i.cellHeight/2,a=[];if(r.flipHorizontal||r.flipVertical){const u=r.flipHorizontal?-1:1,f=r.flipVertical?-1:1;a.push(`translate(${o} ${h})scale(${u} ${f})translate(${-o} ${-h})`)}return r.rotation&&a.push(`rotate(${r.rotation} ${o} ${h})`),` transform="${a.join(" ")}"`}eo(t,i,r){if(!r.includeBackgroundRectangles||t.secondaryColor.a===0)return"";const{position:n}=t,{r:o,g:h,b:a,a:u}=t.secondaryColor,f=`rgba(${o},${h},${a},${u/255})`;return r.drawMode==="stroke"?`<rect x="${n.cellX}" y="${n.cellY}" width="${i.cellWidth}" height="${i.cellHeight}" stroke="${f}" fill="none" stroke-width="${r.strokeWidth}"/>`:`<rect x="${n.cellX}" y="${n.cellY}" width="${i.cellWidth}" height="${i.cellHeight}" fill="${f}"/>`}Xn(t,i,r,n){const o=r.characters[t.charIndex];if(!o)return"";const h=this.Yn.jn(o.character,r.font,t.position.cellX,t.position.cellY,i.cellWidth,i.cellHeight,r.fontSize,o.advanceWidth);if(!h)return"";const{r:a,g:u,b:f,a:g}=t.primaryColor,d=`rgba(${a},${u},${f},${g/255})`;return n.drawMode==="stroke"?`<path d="${h}" stroke="${d}" stroke-width="${n.strokeWidth}" fill="none"/>`:`<path d="${h}" fill="${d}"/>`}so(t,i,r,n){const o=[],h=this.eo(t,i,n);h&&o.push(h);const a=this.Xn(t,i,r,n);if(a){const u=this.Qn(t,i);o.push(u?`<g${u}>${a}</g>`:a)}return o.join("")}io(t,i,r,n){const o=[this.qn(i),this.Jn(i,n),'<g id="ascii-cells">'];for(const h of t)o.push(this.so(h,i,r,n));return o.push(this.Zn()),o.join("")}ro(t){return t.replace(/<path[^>]*d=""[^>]*\/>/g,"").replace(/\s+/g," ").replace(/> </g,"><")}}class te extends st{no(t){return this.kn(t,"image/svg+xml;charset=utf-8")}oo(t,i){this.Pn(t,this.Dn(i)+".svg","image/svg+xml;charset=utf-8")}ao(t,i){this.oo(t,i||this.In())}}class ft{constructor(){l(this,"ho");l(this,"co");l(this,"lo");this.ho=new Jt,this.co=new Qt,this.lo=new te}uo(t){return{includeBackgroundRectangles:t.includeBackgroundRectangles??!0,drawMode:t.drawMode??"fill",strokeWidth:t.strokeWidth??1,backgroundColor:t.backgroundColor??[0,0,0,0],filename:t.filename||this.lo.In()}}fo(t,i={}){const r=this.ho.Hn(this.ho.Tn(t.pipeline),t.grid),n=this.co.io(r,t.grid,t.font,this.uo(i));return this.co.ro(n)}ao(t,i={}){this.lo.ao(this.fo(t,i),i.filename)}}class ee extends it{do(t,i,r,n=" "){var a;const o=[];let h=0;for(let u=0;u<i.rows;u++){const f=[];for(let g=0;g<i.cols;g++){const d=4*h,m=this.En(t.characterPixels,d),y=((a=r.characters[m])==null?void 0:a.character)||n;f.push(y),h++}o.push(f)}return o}}class ie{_o(t,i){const r=[];for(const o of t){let h=o.join("");i.preserveTrailingSpaces||(h=h.replace(/\s+$/,"")),r.push(h)}const n=i.lineEnding==="crlf"?`\r
11
12
  `:`
12
- `;return r.join(n)}}class Gt extends H{Yn(t,i){const r=this.qn(i);this.mn(t,r,"text/plain;charset=utf-8")}qn(t){let i=this.$n(t);return i===".txt"||i.length<=4?this.Cn():i}}class it{constructor(){u(this,"Vn");u(this,"On");u(this,"Hn");this.Vn=new Ot,this.On=new $t,this.Hn=new Gt}Kn(t){return{preserveTrailingSpaces:t.preserveTrailingSpaces??!1,lineEnding:t.lineEnding??"lf",emptyCharacter:t.emptyCharacter??" ",filename:t.filename||this.Hn.Cn()}}Zn(t,i={}){const r=this.Kn(i),n=this.Vn.jn(this.Vn.dn(t.pipeline),t.grid,t.font,r.emptyCharacter);return this.On.Xn(n,r)}Yn(t,i={}){this.Hn.Yn(this.Zn(t,i),i.filename)}}class Yt extends V{Jn(t,i=1,r="transparent"){const n=t.canvas;if(i===1&&r==="transparent")return n;const o=document.createElement("canvas"),a=o.getContext("2d"),h=Math.round(n.width*i),l=Math.round(n.height*i);return o.width=h,o.height=l,r!=="transparent"&&(a.fillStyle=r,a.fillRect(0,0,h,l)),a.imageSmoothingEnabled=!1,a.drawImage(n,0,0,n.width,n.height,0,0,h,l),o}}class Nt{Qn(t,i){const r=this.eo(i.format);return i.format==="png"?t.toDataURL(r):t.toDataURL(r,i.quality)}async so(t,i){return new Promise((r,n)=>{const o=this.eo(i.format),a=h=>{h?r(h):n(Error(`Failed to generate ${i.format.toUpperCase()} blob`))};i.format==="png"?t.toBlob(a,o):t.toBlob(a,o,i.quality)})}eo(t){switch(t){case"png":return"image/png";case"jpg":return"image/jpeg";case"webp":return"image/webp";default:throw Error("Unsupported image format: "+t)}}}const Vt={png:"image/png",jpg:"image/jpeg",webp:"image/webp"},rt={png:".png",jpg:".jpg",webp:".webp"};class Ht extends H{io(t,i,r){this.ro(t,this.$n(i)+rt[r])}ro(t,i){const r=URL.createObjectURL(t);try{const n=document.createElement("a");n.href=r,n.download=i,n.style.display="none",n.rel="noopener",document.body.appendChild(n),n.click(),document.body.removeChild(n)}finally{URL.revokeObjectURL(r)}}no(t){return t in Vt&&t in rt}}class Xt{constructor(){u(this,"Vn");u(this,"On");u(this,"Hn");this.Vn=new Yt,this.On=new Nt,this.Hn=new Ht}Kn(t){return{format:t.format??"png",quality:t.quality??1,scale:t.scale??1,backgroundColor:t.backgroundColor??"transparent",filename:t.filename||this.Hn.Cn()}}oo(t){if(!this.Hn.no(t.format))throw Error(`Saving '${t.format}' files is not supported`);if(t.quality<0||t.quality>1)throw Error("Image quality must be between 0.0 and 1.0");if(t.scale<=0)throw Error("Scale factor must be greater than 0");t.format==="jpg"&&t.backgroundColor==="transparent"&&(t.backgroundColor="black")}async so(t,i){if(i.scale===1&&i.backgroundColor==="transparent")return await this.On.so(t.canvas,i);const r=this.Vn.Jn(t,i.scale,i.backgroundColor);return await this.On.so(r,i)}async io(t,i={}){const r=this.Kn(i);this.oo(r);const n=await this.so(t,r);this.Hn.io(n,r.filename,r.format)}}const jt=c=>class extends c{ao(){this.kt.Dt(this.ho)}toString(t={}){return this.ao(),new it().Zn({pipeline:this.co,grid:this.Wr,font:this.Fi},t)}saveStrings(t={}){this.ao(),new it().Yn({pipeline:this.co,grid:this.Wr,font:this.Fi},t)}toSVG(t={}){return this.ao(),new et().Nn({pipeline:this.co,grid:this.Wr,font:this.Fi},t)}saveSVG(t={}){this.ao(),new et().Un({pipeline:this.co,grid:this.Wr,font:this.Fi},t)}async saveCanvas(t={}){await new Xt().io(this.Yi,t)}},Kt=c=>class extends c{async loadFont(t){return this.Fi.Hi(t).then(()=>{const i=this.Fi.maxGlyphDimensions;this.Wr.Ji(i.width,i.height),this.co.resize(this.Wr.cols,this.Wr.rows),this.kt.Hs(),this.lo.tn()})}fontSize(t){if(!I.M(typeof t=="number"&&t>0,"Font size must be a positive number greater than 0.",{method:"fontSize",providedValue:t})||this.Fi.fontSize===t)return;this.Fi.Oi(t);const i=this.Fi.maxGlyphDimensions;this.Wr.Ji(i.width,i.height),this.co.resize(this.Wr.cols,this.Wr.rows),this.kt.Hs(),this.lo.tn()}glyphColor(t){return this.Fi.Mi(t)}glyphColors(t){return this.Fi.Si(t)}},Zt=c=>class extends c{get frameCount(){return this.uo.frameCount}set frameCount(t){this.uo.frameCount=t}frameRate(t){return t===void 0?this.uo.currentFrameRate:this.uo.frameRate(t,()=>this.fo())}noLoop(){this.uo.pause()}loop(){this.uo.resume(()=>this.fo())}redraw(t=1){if(I.M(typeof t=="number"&&t>0&&Number.isInteger(t),"Redraw count must be a positive integer.",{method:"redraw",providedValue:t}))for(let i=0;i<t;i++)this.fo()}isLooping(){return this.uo.isLooping}},qt=c=>class extends c{constructor(...t){super(...t)}mouseClicked(t){this.lo.cn(t)}mousePressed(t){this.lo.kr(t)}mouseReleased(t){this.lo.Tr(t)}mouseMoved(t){this.lo.ln(t)}mouseScrolled(t){this.lo.un(t)}get mouse(){return this.lo.fn()}},Jt=c=>class extends c{constructor(...t){super(...t)}keyPressed(t){this.do.kr(t)}keyReleased(t){this.do.Tr(t)}isKeyPressed(t){return this.do.Pr(t)}get lastKeyPressed(){return this.do.Gr()}get lastKeyReleased(){return this.do.Lr()}get pressedKeys(){return this.do.Er()}get modifierState(){return this.do.Br()}};class Qt{constructor(){u(this,"kt");u(this,"Fi");u(this,"Yi");u(this,"Wr");u(this,"uo");u(this,"lo");u(this,"do");u(this,"ho");u(this,"co");u(this,"_o")}fo(){}}class st extends function(i,...r){return r.reduce((n,o)=>o(n),i)}(Qt,kt,jt,Kt,Zt,qt,Jt){constructor(i={}){super();u(this,"po",!1);u(this,"mo",()=>{});u(this,"vo",()=>{});u(this,"yo",()=>{});u(this,"$o");this.Yi=new tt(i),this.kt=new wt(this.Yi.ir()),this.Fi=new J(this.kt,i.fontSize??16),this.uo=new Mt(i.frameRate??60),this.lo=new It(this.Yi),this.do=new Ut,this.ho=this.kt.Bt(),this._o=this.kt.ae(),this.Co(i)}async Co(i){await this.Fi.Ii(i.fontSource);const r=this.Fi.maxGlyphDimensions;this.Wr=new Q(this.Yi.canvas,r.width,r.height),this.lo.Ii(this.Wr),this.co=this.kt.Us(this.Wr.cols,this.Wr.rows,5),this.wo(),this.mo(),this.uo.start(()=>this.fo())}wo(){this.$o=()=>{this.yo()},window.addEventListener("resize",this.$o),this.lo.Mr(),this.do.Mr(),window.addEventListener("blur",()=>{this.do.Dr()})}fo(){if(this.uo.measureFrameRate(),this.uo.incrementFrame(),this.po)return;this.co.begin(),this.kt.ks(this.ho),this.vo(),this.kt.Dt(this.ho),this.co.end();const i=this.kt.state.canvasBackgroundColor;this.kt.He(i[0],i[1],i[2],i[3]),this.kt.ks(this._o),this._o.Zt({a:this.Fi.fontFramebuffer,b:[this.Fi.textureColumns,this.Fi.textureRows],c:this.co.textures[0],d:this.co.textures[1],e:this.co.textures[2],f:this.co.textures[4],g:this.co.textures[3],h:[this.Wr.cols,this.Wr.rows],i:[this.Wr.width,this.Wr.height],j:[this.Wr.offsetX,this.Wr.offsetY],k:this.Wr.width/this.Wr.height}),this.kt.Ls(this.Wr.offsetX,this.Wr.offsetY,this.Wr.width,this.Wr.height)}setup(i){this.mo=i}draw(i){this.vo=i}windowResized(i){this.yo=i}resizeCanvas(i,r){this.Yi.sr(i,r),this.Wr.rt(),this.co.resize(this.Wr.cols,this.Wr.rows),this.kt.Hs(),this.lo.tn(),this.fo()}destroy(){this.po||(this.uo.stop(),window.removeEventListener("resize",this.$o),this.lo.zr(),this.do.zr(),this.Fi.Ut(),this.kt.Ut(),this.po=!0)}get grid(){return this.Wr}get font(){return this.Fi}get width(){return this.Yi.width}get height(){return this.Yi.height}get canvas(){return this.Yi.canvas}get isDisposed(){return this.po}get drawFramebuffer(){return this.co}}class G{constructor(){}static create(t={}){return new st(t)}static setErrorLevel(t){I.S(t)}static get version(){return"0.2.1-beta.4"}}const te=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),ee=G.create,ie=G.setErrorLevel,re=G.version;R.TextmodeCanvas=tt,R.TextmodeErrorLevel=L,R.TextmodeFont=J,R.TextmodeFramebuffer=B,R.TextmodeGrid=Q,R.Textmodifier=st,R.create=ee,R.export=te,R.setErrorLevel=ie,R.textmode=G,R.version=re,Object.defineProperty(R,Symbol.toStringTag,{value:"Module"})},typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):s((e=typeof globalThis<"u"?globalThis:e||self).textmode={});
13
+ `;return r.join(n)}}class se extends st{po(t,i){const r=this.mo(i);this.Pn(t,r,"text/plain;charset=utf-8")}mo(t){let i=this.Dn(t);return i===".txt"||i.length<=4?this.In():i}}class dt{constructor(){l(this,"ho");l(this,"co");l(this,"lo");this.ho=new ee,this.co=new ie,this.lo=new se}uo(t){return{preserveTrailingSpaces:t.preserveTrailingSpaces??!1,lineEnding:t.lineEnding??"lf",emptyCharacter:t.emptyCharacter??" ",filename:t.filename||this.lo.In()}}vo(t,i={}){const r=this.uo(i),n=this.ho.do(this.ho.Tn(t.pipeline),t.grid,t.font,r.emptyCharacter);return this.co._o(n,r)}po(t,i={}){this.lo.po(this.vo(t,i),i.filename)}}class re extends it{yo(t,i=1,r="transparent"){const n=t.canvas;if(i===1&&r==="transparent")return n;const o=document.createElement("canvas"),h=o.getContext("2d"),a=Math.round(n.width*i),u=Math.round(n.height*i);return o.width=a,o.height=u,r!=="transparent"&&(h.fillStyle=r,h.fillRect(0,0,a,u)),h.imageSmoothingEnabled=!1,h.drawImage(n,0,0,n.width,n.height,0,0,a,u),o}}class ne{Co(t,i){const r=this.wo(i.format);return i.format==="png"?t.toDataURL(r):t.toDataURL(r,i.quality)}async $o(t,i){return new Promise((r,n)=>{const o=this.wo(i.format),h=a=>{a?r(a):n(Error(`Failed to generate ${i.format.toUpperCase()} blob`))};i.format==="png"?t.toBlob(h,o):t.toBlob(h,o,i.quality)})}wo(t){switch(t){case"png":return"image/png";case"jpg":return"image/jpeg";case"webp":return"image/webp";default:throw Error("Unsupported image format: "+t)}}}const oe={png:"image/png",jpg:"image/jpeg",webp:"image/webp"},gt={png:".png",jpg:".jpg",webp:".webp"};class he extends st{bo(t,i,r){this.xo(t,this.Dn(i)+gt[r])}xo(t,i){const r=URL.createObjectURL(t);try{const n=document.createElement("a");n.href=r,n.download=i,n.style.display="none",n.rel="noopener",document.body.appendChild(n),n.click(),document.body.removeChild(n)}finally{URL.revokeObjectURL(r)}}Mo(t){return t in oe&&t in gt}}class ae{constructor(){l(this,"ho");l(this,"co");l(this,"lo");this.ho=new re,this.co=new ne,this.lo=new he}uo(t){return{format:t.format??"png",quality:t.quality??1,scale:t.scale??1,backgroundColor:t.backgroundColor??"transparent",filename:t.filename||this.lo.In()}}Fo(t){if(!this.lo.Mo(t.format))throw Error(`Saving '${t.format}' files is not supported`);if(t.quality<0||t.quality>1)throw Error("Image quality must be between 0.0 and 1.0");if(t.scale<=0)throw Error("Scale factor must be greater than 0");t.format==="jpg"&&t.backgroundColor==="transparent"&&(t.backgroundColor="black")}async $o(t,i){if(i.scale===1&&i.backgroundColor==="transparent")return await this.co.$o(t.canvas,i);const r=this.ho.yo(t,i.scale,i.backgroundColor);return await this.co.$o(r,i)}async bo(t,i={}){const r=this.uo(i);this.Fo(r);const n=await this.$o(t,r);this.lo.bo(n,r.filename,r.format)}}const ce=c=>class extends c{Ro(){this.xt.Et(this.So)}toString(t={}){return this.Ro(),new dt().vo({pipeline:this.Ao,grid:this.rn,font:this.Ei},t)}saveStrings(t={}){this.Ro(),new dt().po({pipeline:this.Ao,grid:this.rn,font:this.Ei},t)}toSVG(t={}){return this.Ro(),new ft().fo({pipeline:this.Ao,grid:this.rn,font:this.Ei},t)}saveSVG(t={}){this.Ro(),new ft().ao({pipeline:this.Ao,grid:this.rn,font:this.Ei},t)}async saveCanvas(t={}){await new ae().bo(this.tr,t)}},le=c=>class extends c{async loadFont(t){return this.Ei.Yi(t).then(()=>{const i=this.Ei.maxGlyphDimensions;this.rn.rr(i.width,i.height),this.Ao.resize(this.rn.cols,this.rn.rows),this.xt.Zs(),this.zo.Cn()})}fontSize(t){if(!N.v(typeof t=="number"&&t>0,"Font size must be a positive number greater than 0.",{method:"fontSize",providedValue:t})||this.Ei.fontSize===t)return;this.Ei.ji(t);const i=this.Ei.maxGlyphDimensions;this.rn.rr(i.width,i.height),this.Ao.resize(this.rn.cols,this.rn.rows),this.xt.Zs(),this.zo.Cn()}glyphColor(t){return this.Ei.zi(t)}glyphColors(t){return this.Ei.Ti(t)}},ue=c=>class extends c{get frameCount(){return this.To.frameCount}set frameCount(t){this.To.frameCount=t}frameRate(t){return t===void 0?this.To.currentFrameRate:this.To.frameRate(t,()=>this.Eo())}noLoop(){this.To.pause()}loop(){this.To.resume(()=>this.Eo())}redraw(t=1){if(N.v(typeof t=="number"&&t>0&&Number.isInteger(t),"Redraw count must be a positive integer.",{method:"redraw",providedValue:t}))for(let i=0;i<t;i++)this.Eo()}isLooping(){return this.To.isLooping}},fe=c=>class extends c{constructor(...t){super(...t)}mouseClicked(t){this.zo.Rn(t)}mousePressed(t){this.zo.jr(t)}mouseReleased(t){this.zo.Yr(t)}mouseMoved(t){this.zo.Sn(t)}mouseScrolled(t){this.zo.An(t)}get mouse(){return this.zo.zn()}},de=c=>class extends c{constructor(...t){super(...t)}keyPressed(t){this.Lo.jr(t)}keyReleased(t){this.Lo.Yr(t)}isKeyPressed(t){return this.Lo.qr(t)}get lastKeyPressed(){return this.Lo.Jr()}get lastKeyReleased(){return this.Lo.Qr()}get pressedKeys(){return this.Lo.tn()}get modifierState(){return this.Lo.en()}};class ge{constructor(){l(this,"xt");l(this,"Ei");l(this,"tr");l(this,"rn");l(this,"To");l(this,"zo");l(this,"Lo");l(this,"So");l(this,"Ao");l(this,"ko");l(this,"Po");l(this,"Go")}Eo(){}}class pt extends function(i,...r){return r.reduce((n,o)=>o(n),i)}(ge,qt,ce,le,ue,fe,de){constructor(i={}){super();l(this,"Bo",!1);l(this,"Do",()=>{});l(this,"Io",()=>{});l(this,"Wo",()=>{});l(this,"Oo");l(this,"hr");l(this,"ar",!1);l(this,"Ho");this.ar=i.overlay??!1,this.tr=new ut(i),this.xt=new Bt(this.tr.mr()),this.Ei=new ct(this.xt,i.fontSize??16),this.To=new Vt(i.frameRate??60),this.zo=new Kt(this.tr),this.Lo=new jt,this.So=this.xt.Tt(),this.ko=this.xt.re(),this.Vo(i)}async Vo(i){await this.Ei.Ki(i.fontSource);const r=this.Ei.maxGlyphDimensions;this.rn=new lt(this.tr.canvas,r.width,r.height),this.zo.Ki(this.rn),this.Ao=this.xt.js(this.rn.cols,this.rn.rows,5),this.Po=this.xt.js(this.rn.width,this.rn.height,1),this.ar&&(this.Ho=k.fromSource(this.xt,this.tr.targetCanvas,n=>this.Ei.Ti(n))),this.Go=this.xt.ae(ot,"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.Ko(),this.Do(),this.To.start(()=>this.Eo())}Ko(){this.Oo=()=>{this.ar&&this.resizeCanvas(this.tr.width,this.tr.height),this.Wo()},window.addEventListener("resize",this.Oo),this.zo.Vr(),this.Lo.Vr(),window.addEventListener("blur",()=>{this.Lo.sn()}),window.ResizeObserver&&this.ar&&(this.hr=new ResizeObserver(()=>{this.resizeCanvas(this.tr.targetCanvas.width,this.tr.targetCanvas.height)}),this.hr.observe(this.tr.targetCanvas))}Eo(){if(this.To.measureFrameRate(),this.To.incrementFrame(),this.Bo)return;if(this.ar){const r=this.xt.context;r.bindTexture(r.TEXTURE_2D,this.Ho.texture),r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL,1),r.texImage2D(r.TEXTURE_2D,0,r.RGBA,r.RGBA,r.UNSIGNED_BYTE,this.tr.targetCanvas),r.bindTexture(r.TEXTURE_2D,null),this.Ao.begin(),this.xt.Ws(this.Ho,0,0,this.rn.cols,this.rn.rows),this.xt.Gs(this.So),this.Io(),this.xt.Et(this.So),this.Ao.end()}else this.Ao.begin(),this.xt.Gs(this.So),this.Io(),this.xt.Et(this.So),this.Ao.end();this.Po.begin(),this.xt.Gs(this.ko),this.ko.Nt({U0:this.Ei.fontFramebuffer,U1:[this.Ei.textureColumns,this.Ei.textureRows],U2:this.Ao.textures[0],U3:this.Ao.textures[1],U4:this.Ao.textures[2],U5:this.Ao.textures[4],U6:this.Ao.textures[3],U7:[this.rn.cols,this.rn.rows],U8:[this.Po.width,this.Po.height],U9:this.Po.width/this.Po.height}),this.xt.Os(0,0,this.tr.width,this.tr.height),this.Po.end();const i=this.xt.state.canvasBackgroundColor;this.xt.He(i[0],i[1],i[2],i[3]),this.xt.Gs(this.Go),this.Go.Nt({Ua:this.Po.textures[0],Ub:[this.Po.width,this.Po.height],Uc:[this.rn.offsetX,this.rn.offsetY],Ud:[this.rn.width,this.rn.height]}),this.xt.Os(this.rn.offsetX,this.rn.offsetY,this.rn.width,this.rn.height)}setup(i){this.Do=i}draw(i){this.Io=i}windowResized(i){this.Wo=i}resizeCanvas(i,r){this.tr.pr(i,r),this.rn.ir(),this.Ao.resize(this.rn.cols,this.rn.rows),this.Po.resize(this.rn.width,this.rn.height),this.xt.Zs(),this.zo.Cn(),this.Eo()}destroy(){this.Bo||(this.To.stop(),window.removeEventListener("resize",this.Oo),this.zo.Xr(),this.Lo.Xr(),this.Ei.Pt(),this.xt.Pt(),this.Po.Pt(),this.Go.Pt(),this.Ho&&this.Ho.Pt(),this.Bo=!0)}get grid(){return this.rn}get font(){return this.Ei}get width(){return this.tr.width}get height(){return this.tr.height}get canvas(){return this.tr.canvas}get isDisposed(){return this.Bo}get overlay(){return this.Ho}}class J{constructor(){}static create(t={}){return new pt(t)}static setErrorLevel(t){N.C(t)}static get version(){return"0.2.1-beta.6"}}const pe=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),me=J.create,ve=J.setErrorLevel,xe=J.version;C.TextmodeCanvas=ut,C.TextmodeErrorLevel=M,C.TextmodeFont=ct,C.TextmodeFramebuffer=V,C.TextmodeGrid=lt,C.TextmodeImage=k,C.Textmodifier=pt,C.create=me,C.export=pe,C.setErrorLevel=ve,C.textmode=J,C.version=xe,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})},typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):s((e=typeof globalThis<"u"?globalThis:e||self).textmode={});
@@ -0,0 +1,14 @@
1
+ export interface ShaderData {
2
+ sourceCode: string;
3
+ originalCode?: string;
4
+ uniforms: Record<string, {
5
+ variableName: string;
6
+ variableType: string;
7
+ }>;
8
+ consts: Record<string, {
9
+ variableName: string;
10
+ variableType: string;
11
+ }>;
12
+ }
13
+ declare const shaderData: ShaderData;
14
+ export default shaderData;
@@ -0,0 +1,14 @@
1
+ export interface ShaderData {
2
+ sourceCode: string;
3
+ originalCode?: string;
4
+ uniforms: Record<string, {
5
+ variableName: string;
6
+ variableType: string;
7
+ }>;
8
+ consts: Record<string, {
9
+ variableName: string;
10
+ variableType: string;
11
+ }>;
12
+ }
13
+ declare const shaderData: ShaderData;
14
+ export default shaderData;
@@ -1,5 +1,7 @@
1
1
  export { default as frag_ascii } from './frag/ascii.ts';
2
2
  export { default as frag_copy_mrt } from './frag/copy-mrt.ts';
3
+ export { default as frag_image_to_mrt } from './frag/image-to-mrt.ts';
3
4
  export { default as frag_instanced_ascii_mrt } from './frag/instanced-ascii-mrt.ts';
5
+ export { default as frag_present } from './frag/present.ts';
4
6
  export { default as vert_instanced_ascii_mrt } from './vert/instanced-ascii-mrt.ts';
5
7
  export { default as vert_shader } from './vert/shader.ts';
@@ -2,6 +2,7 @@ import { Textmode } from './Textmode';
2
2
  export { Textmodifier } from './textmode/Textmodifier';
3
3
  export { TextmodeFont } from './textmode/font';
4
4
  export { GLFramebuffer as TextmodeFramebuffer } from './rendering';
5
+ export { TextmodeImage } from './textmode/TextmodeImage';
5
6
  export { TextmodeCanvas } from './textmode/Canvas';
6
7
  export { TextmodeGrid } from './textmode/Grid';
7
8
  export type { TextmodeOptions } from './textmode/Textmodifier';
@@ -1,5 +1,3 @@
1
1
  export { GLShader as Shader } from './webgl/Shader';
2
2
  export { GLRenderer } from './webgl/Renderer';
3
3
  export { GLFramebuffer } from './webgl/Framebuffer';
4
- export type { ShaderData, ShaderSource } from './webgl/types/ShaderTypes';
5
- export { normalizeShaderData, getShaderCode } from './webgl/types/ShaderTypes';
@@ -1,3 +1,5 @@
1
+ import type { RenderState } from './RenderState';
2
+ import type { GLShader } from './Shader';
1
3
  import type { DrawCommand } from './types/DrawCommand';
2
4
  /**
3
5
  * Global draw queue preserving user-issued draw order across geometry types.
@@ -9,14 +11,14 @@ export declare class DrawQueue implements Iterable<DrawCommand> {
9
11
  /** Reserve or reuse a pooled slot */
10
12
  private _acquireSlot;
11
13
  /** Specialized enqueues (zero-alloc on steady state) */
12
- $enqueueRectangle(x: number, y: number, width: number, height: number, renderState: any): number;
14
+ $enqueueRectangle(x: number, y: number, width: number, height: number, renderState: RenderState): number;
13
15
  /** Enqueue a custom-shaded rectangle preserving order */
14
- $enqueueCustomRect(x: number, y: number, width: number, height: number, shader: any, uniforms: Record<string, any>, renderState: any): number;
15
- $enqueueLine(x1: number, y1: number, x2: number, y2: number, thickness: number | undefined, renderState: any): number;
16
- $enqueueEllipse(x: number, y: number, width: number, height: number, renderState: any): number;
17
- $enqueueArc(x: number, y: number, width: number, height: number, start: number, stop: number, renderState: any): number;
18
- $enqueueTriangle(x1: number, y1: number, x2: number, y2: number, x3: number, y3: number, renderState: any): number;
19
- $enqueueBezierCurve(x1: number, y1: number, cp1x: number, cp1y: number, cp2x: number, cp2y: number, x2: number, y2: number, thickness: number | undefined, renderState: any): number;
16
+ $enqueueCustomRect(x: number, y: number, width: number, height: number, shader: GLShader, uniforms: Record<string, any>, renderState: RenderState): number;
17
+ $enqueueLine(x1: number, y1: number, x2: number, y2: number, thickness: number | undefined, renderState: RenderState): number;
18
+ $enqueueEllipse(x: number, y: number, width: number, height: number, renderState: RenderState): number;
19
+ $enqueueArc(x: number, y: number, width: number, height: number, start: number, stop: number, renderState: RenderState): number;
20
+ $enqueueTriangle(x1: number, y1: number, x2: number, y2: number, x3: number, y3: number, renderState: RenderState): number;
21
+ $enqueueBezierCurve(x1: number, y1: number, cp1x: number, cp1y: number, cp2x: number, cp2y: number, x2: number, y2: number, thickness: number | undefined, renderState: RenderState): number;
20
22
  /** Number of queued commands */
21
23
  get length(): number;
22
24
  /** True if no commands queued */
@@ -3,22 +3,22 @@
3
3
  * Contains all necessary data for ASCII character rendering via MRT.
4
4
  */
5
5
  export interface InstanceData {
6
- position: [number, number];
7
- size: [number, number];
6
+ _position: [number, number];
7
+ _size: [number, number];
8
8
  _character: [number, number, number];
9
- primaryColor: [number, number, number, number];
10
- secondaryColor: [number, number, number, number];
11
- rotation: [number, number];
12
- transform: [number, number, number];
13
- globalRotationX: number;
14
- globalRotationY: number;
15
- globalRotationZ: number;
16
- rotationCenter: [number, number];
17
- arcAngles?: [number, number];
18
- bezierControlPoint1?: [number, number];
19
- bezierControlPoint2?: [number, number];
20
- bezierStartPoint?: [number, number];
21
- bezierEndPoint?: [number, number];
9
+ _charColor: [number, number, number, number];
10
+ _cellColor: [number, number, number, number];
11
+ _charRotation: [number, number];
12
+ _charTransform: [number, number, number];
13
+ _rotationX: number;
14
+ _rotationY: number;
15
+ _rotationZ: number;
16
+ _rotationCenter: [number, number];
17
+ _arcAngles?: [number, number];
18
+ _bezierControlPoint1?: [number, number];
19
+ _bezierControlPoint2?: [number, number];
20
+ _bezierStartPoint?: [number, number];
21
+ _bezierEndPoint?: [number, number];
22
22
  }
23
23
  /**
24
24
  * Optimized packed instance data layout for GPU upload.
@@ -25,5 +25,6 @@ export declare class RenderPipeline {
25
25
  private _drawRectangleWithShader;
26
26
  private _getCopyShader;
27
27
  private _getTempRectFBO;
28
+ $dispose(): void;
28
29
  }
29
30
  export {};
@@ -9,8 +9,8 @@ export interface IRenderState {
9
9
  _character: [number, number, number];
10
10
  _charColor: [number, number, number, number];
11
11
  _cellColor: [number, number, number, number];
12
- _flipHorizontally: boolean;
13
- _flipVertically: boolean;
12
+ _flipX: boolean;
13
+ _flipY: boolean;
14
14
  _invert: boolean;
15
15
  _charRotation: [number, number];
16
16
  }
@@ -39,28 +39,22 @@ export declare class RenderState {
39
39
  * Restore the most recently saved rendering state from the state stack
40
40
  */
41
41
  $pop(): void;
42
- /**
43
- * Reset frame-specific state - called automatically after each frame.
44
- * Note: This does not reset fill/stroke state as that should persist
45
- * across frames and be managed by push/pop or explicit calls.
46
- */
47
- $reset(): void;
48
42
  /**
49
43
  * Write current state into an existing target object/struct to avoid allocations.
50
44
  * The target is expected to have the same shape as RenderStateSnapshot, with mutable arrays.
51
45
  */
52
46
  $writeSnapshotTo(target: {
53
- lineWeight: number;
54
- rotationX: number;
55
- rotationY: number;
56
- rotationZ: number;
57
- character: number[];
58
- charColor: number[];
59
- bgColor: number[];
60
- flipHorizontally: boolean;
61
- flipVertically: boolean;
62
- invert: boolean;
63
- charRotation: number[];
47
+ _lineWeight: number;
48
+ _rotationX: number;
49
+ _rotationY: number;
50
+ _rotationZ: number;
51
+ _character: number[];
52
+ _charColor: number[];
53
+ _cellColor: number[];
54
+ _flipX: boolean;
55
+ _flipY: boolean;
56
+ _invert: boolean;
57
+ _charRotation: number[];
64
58
  }): void;
65
59
  get lineWeight(): number;
66
60
  get canvasBackgroundColor(): [number, number, number, number];