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

package/dist/textmode.umd.min.js

@@ -1,27 +1,27 @@
-var Qt=Object.defineProperty;var te=(T,C,S)=>C in T?Qt(T,C,{enumerable:!0,configurable:!0,writable:!0,value:S}):T[C]=S;var u=(T,C,S)=>te(T,typeof C!="symbol"?C+"":C,S);var t,e;t=this,e=function(T){class C extends Error{constructor(s,r={}){super(C.i(s,r)),this.name="TextmodeError"}static i(s,r){let i=s;if(r&&Object.keys(r).length>0){i+=`
+var Kt=Object.defineProperty;var te=(w,C,F)=>C in w?Kt(w,C,{enumerable:!0,configurable:!0,writable:!0,value:F}):w[C]=F;var u=(w,C,F)=>te(w,typeof C!="symbol"?C+"":C,F);var t,e;t=this,e=function(w){class C extends Error{constructor(i,r={}){super(C.i(i,r)),this.name="TextmodeError"}static i(i,r){let s=i;if(r&&Object.keys(r).length>0){s+=`
 
-📋 Context:`;for(const[n,o]of Object.entries(r))i+=`
-  - ${n}: ${C.o(o)}`}return i+=`
+📋 Context:`;for(const[n,o]of Object.entries(r))s+=`
+  - ${n}: ${C.o(o)}`}return s+=`
 
-`,i+="↓".repeat(24)+`
-`,i}static o(s){if(s===null)return"null";if(s===void 0)return"undefined";if(typeof s=="string")return`"${s}"`;if(typeof s=="number"||typeof s=="boolean")return s+"";if(Array.isArray(s))return s.length===0?"[]":s.length<=5?`[${s.map(r=>C.o(r)).join(", ")}]`:`[${s.slice(0,3).map(r=>C.o(r)).join(", ")}, ... +${s.length-3} more]`;if(typeof s=="object"){const r=Object.keys(s);return r.length===0?"{}":r.length<=3?`{ ${r.map(i=>`${i}: ${C.o(s[i])}`).join(", ")} }`:`{ ${r.slice(0,2).map(i=>`${i}: ${C.o(s[i])}`).join(", ")}, ... +${r.length-2} more }`}return s+""}}var S=(c=>(c[c.SILENT=0]="SILENT",c[c.WARNING=1]="WARNING",c[c.ERROR=2]="ERROR",c[c.THROW=3]="THROW",c))(S||{});const D=class D{constructor(){u(this,"l",{globalLevel:3})}static u(){return D.h||(D.h=new D),D.h}p(s,r){const i="%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.l.globalLevel){case 0:return!1;case 1:return console.group(i,n),console.warn(C.i(s,r)),console.groupEnd(),!1;case 2:return console.group(i,n),console.error(C.i(s,r)),console.groupEnd(),!1;default:throw new C(s,r)}}_(s,r,i){return!!s||(this.p(r,i),!1)}m(s){this.l.globalLevel=s}};u(D,"h",null);let G=D;const M=G.u(),k=new WeakMap;function z(c,s){k.set(c,s)}function B(c){return k.get(c)}class X{constructor(s,r,i=r,n=1,o={}){u(this,"v");u(this,"C");u(this,"l");u(this,"$",null);u(this,"R");u(this,"M");u(this,"S",[]);u(this,"A");u(this,"P",null);u(this,"F",[]);this.v=r,this.C=i,this.l={filter:"nearest",wrap:"clamp",format:"rgba",type:"unsigned_byte",...o},this.R=s,this.A=Math.min(Math.max(1,n),8);const a=s.getParameter(s.MAX_DRAW_BUFFERS),h=s.getParameter(s.MAX_COLOR_ATTACHMENTS);this.A=Math.min(this.A,a,h),this.M=s.createFramebuffer(),this.G(),this.D(),this.F=Array(this.A).fill(null)}G(){const s=this.R,r=this.l.filter==="linear"?s.LINEAR:s.NEAREST,i=this.l.wrap==="repeat"?s.REPEAT:s.CLAMP_TO_EDGE,n=this.l.type==="float"?s.FLOAT:s.UNSIGNED_BYTE;for(let o=0;o<this.A;o++){const a=s.createTexture();s.bindTexture(s.TEXTURE_2D,a),s.texParameteri(s.TEXTURE_2D,s.TEXTURE_MIN_FILTER,r),s.texParameteri(s.TEXTURE_2D,s.TEXTURE_MAG_FILTER,r),s.texParameteri(s.TEXTURE_2D,s.TEXTURE_WRAP_S,i),s.texParameteri(s.TEXTURE_2D,s.TEXTURE_WRAP_T,i),s.texImage2D(s.TEXTURE_2D,0,s.RGBA,this.v,this.C,0,s.RGBA,n,null),this.S.push(a)}s.bindTexture(s.TEXTURE_2D,null)}D(){const s=this.R;if(s.bindFramebuffer(s.FRAMEBUFFER,this.M),this.A===1)s.framebufferTexture2D(s.FRAMEBUFFER,s.COLOR_ATTACHMENT0,s.TEXTURE_2D,this.S[0],0);else{const i=[];for(let n=0;n<this.A;n++){const o=s.COLOR_ATTACHMENT0+n;s.framebufferTexture2D(s.FRAMEBUFFER,o,s.TEXTURE_2D,this.S[n],0),i.push(o)}s.drawBuffers(i)}const r=s.checkFramebufferStatus(s.FRAMEBUFFER);r!==s.FRAMEBUFFER_COMPLETE&&console.error("GLFramebuffer is not complete:",r),s.bindFramebuffer(s.FRAMEBUFFER,null)}I(s){const r=this.R;r.bindTexture(r.TEXTURE_2D,this.S[0]),r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL,1),r.texImage2D(r.TEXTURE_2D,0,r.RGBA,r.RGBA,r.UNSIGNED_BYTE,s),r.bindTexture(r.TEXTURE_2D,null)}L(s,r){this.v=s,this.C=r,this.$=null,this.F=Array(this.A).fill(null);const i=this.R,n=this.l.type==="float"?i.FLOAT:i.UNSIGNED_BYTE;for(const o of this.S)i.bindTexture(i.TEXTURE_2D,o),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,this.v,this.C,0,i.RGBA,n,null);i.bindTexture(i.TEXTURE_2D,null)}W(s){const r=this.R;if(s<0||s>=this.A)throw Error(`GLFramebuffer: attachment index ${s} out of range (count=${this.A})`);const i=this.F[s];if(i)return i;const n=this.v,o=this.C,a=new Uint8Array(n*o*4),h=r.getParameter(r.READ_FRAMEBUFFER_BINDING);r.bindFramebuffer(r.READ_FRAMEBUFFER,this.M),r.readBuffer(r.COLOR_ATTACHMENT0+s),r.readPixels(0,0,n,o,r.RGBA,r.UNSIGNED_BYTE,a),r.bindFramebuffer(r.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.F[s]=f,f}k(){for(let s=0;s<this.A;s++)this.W(s)}V(){const s=this.R;this.P={framebuffer:s.getParameter(s.FRAMEBUFFER_BINDING),viewport:s.getParameter(s.VIEWPORT)},s.bindFramebuffer(s.FRAMEBUFFER,this.M),this.F=Array(this.A).fill(null);for(let r=0;r<this.A;r++)s.clearBufferfv(s.COLOR,r,new Float32Array([0,0,0,0]));s.viewport(0,0,this.v,this.C),z(s,[0,0,this.v,this.C])}O(){if(!this.P)return;const s=this.R;s.bindFramebuffer(s.FRAMEBUFFER,this.P.framebuffer),s.viewport(...this.P.viewport),z(s,this.P.viewport),this.P=null}U(){const s=this.R;this.M&&s.deleteFramebuffer(this.M);for(const r of this.S)s.deleteTexture(r);this.S=[],this.F=[]}get width(){return this.v}get height(){return this.C}get pixels(){return this.$}get options(){return{...this.l}}get framebuffer(){return this.M}get texture(){return this.S[0]}get textures(){return[...this.S]}get attachmentCount(){return this.A}getAttachmentPixels(s){return this.F[s]??null}}class et{constructor(s,r,i){u(this,"R");u(this,"j");u(this,"H",new Map);u(this,"q",new Map);u(this,"N",0);u(this,"X");this.R=s,this.j=this.Y(r,i),this.X=s.getParameter(s.MAX_TEXTURE_IMAGE_UNITS),this.Z()}Z(){const s=this.R.getProgramParameter(this.j,this.R.ACTIVE_UNIFORMS);for(let r=0;r<s;r++){const i=this.R.getActiveUniform(this.j,r);if(i){const n=this.R.getUniformLocation(this.j,i.name);n&&(this.H.set(i.name,n),this.q.set(i.name,i.type))}}}Y(s,r){const i=this.J(this.R.VERTEX_SHADER,s),n=this.J(this.R.FRAGMENT_SHADER,r),o=this.R.createProgram();if(this.R.attachShader(o,i),this.R.attachShader(o,n),this.R.linkProgram(o),!this.R.getProgramParameter(o,this.R.LINK_STATUS)){const a=this.R.getProgramInfoLog(o);throw Error("Shader program link error: "+a)}return this.R.deleteShader(i),this.R.deleteShader(n),o}J(s,r){const i=this.R.createShader(s);if(this.R.shaderSource(i,r),this.R.compileShader(i),!this.R.getShaderParameter(i,this.R.COMPILE_STATUS)){const n=this.R.getShaderInfoLog(i);throw this.R.deleteShader(i),Error("Shader compilation error: "+n)}return i}K(){this.R.useProgram(this.j),this.tt()}tt(){this.N=0}et(s){for(const[r,i]of Object.entries(s))this.st(r,i)}st(s,r){const i=this.H.get(s);if(i)if(typeof r=="number")this.R.uniform1f(i,r);else if(typeof r=="boolean")this.R.uniform1i(i,r?1:0);else if(Array.isArray(r))switch(r.length){case 2:this.R.uniform2f(i,r[0],r[1]);break;case 3:this.R.uniform3f(i,r[0],r[1],r[2]);break;case 4:this.R.uniform4f(i,r[0],r[1],r[2],r[3]);break;default:console.warn(`Unsupported array length ${r.length} for uniform '${s}'`)}else if(r instanceof WebGLTexture){const n=this.it();this.R.uniform1i(i,n),this.R.activeTexture(this.R.TEXTURE0+n),this.R.bindTexture(this.R.TEXTURE_2D,r)}else if(r instanceof X){const n=this.it();this.R.uniform1i(i,n),this.R.activeTexture(this.R.TEXTURE0+n),this.R.bindTexture(this.R.TEXTURE_2D,r.texture)}else if(typeof r=="object"&&"texture"in r){const n=this.it();this.R.uniform1i(i,n),this.R.activeTexture(this.R.TEXTURE0+n),this.R.bindTexture(this.R.TEXTURE_2D,r.texture)}else console.warn(`Unsupported uniform type for '${s}':`,typeof r)}it(){return this.N>=this.X&&console.warn(`Exceeded maximum texture units (${this.X}). Texture may not render correctly.`),this.N++}get rt(){return this.j}U(){this.R.deleteProgram(this.j)}}class st{constructor(){u(this,"nt",1);u(this,"ot",0);u(this,"ht",[0,0,0]);u(this,"ct",[1,1,1,1]);u(this,"lt",[0,0,0,1]);u(this,"ut",!1);u(this,"ft",!1);u(this,"dt",!1);u(this,"gt",[0,0]);u(this,"_t",[])}vt(){this._t.push({lineWeight:this.nt,rotation:this.ot,charRotation:[...this.gt],flipHorizontally:this.ut,flipVertically:this.ft,invert:this.dt,character:[...this.ht],charColor:[...this.ct],cellColor:[...this.lt]})}xt(){const s=this._t.pop();s?(this.nt=s.lineWeight,this.ot=s.rotation,this.gt=s.charRotation,this.ut=s.flipHorizontally,this.ft=s.flipVertically,this.dt=s.invert,this.ht=s.character,this.ct=s.charColor,this.lt=s.cellColor):console.warn("pop() called without matching push()")}Ct(){this._t=[],this.ot=0}yt(s){s.lineWeight=this.nt,s.rotation=this.ot,s.character[0]=this.ht[0],s.character[1]=this.ht[1],s.character[2]=this.ht[2],s.charColor[0]=this.ct[0],s.charColor[1]=this.ct[1],s.charColor[2]=this.ct[2],s.charColor[3]=this.ct[3],s.bgColor[0]=this.lt[0],s.bgColor[1]=this.lt[1],s.bgColor[2]=this.lt[2],s.bgColor[3]=this.lt[3],s.flipHorizontally=this.ut,s.flipVertically=this.ft,s.invert=this.dt,s.charRotation[0]=this.gt[0],s.charRotation[1]=this.gt[1]}get lineWeight(){return this.nt}get rotation(){return this.ot}get character(){return this.ht}get charColor(){return this.ct}get bgColor(){return this.lt}get flipHorizontally(){return this.ut}get flipVertically(){return this.ft}get invert(){return this.dt}get charRotation(){return this.gt}wt(s){this.nt=Math.abs(s)}$t(s){this.ot=s}bt(s){this.ht=s}Tt(s,r,i,n=255){this.ct=[s/255,r/255,i/255,n/255]}zt(s,r,i,n=255){this.lt=[s/255,r/255,i/255,n/255]}Rt(s){this.ut=s}Mt(s){this.ft=s}St(s){this.dt=s}At(s){const r=255*s/360,i=Math.floor(r)/255,n=Math.round(r-Math.floor(r));this.gt=[i,n]}}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 rt{constructor(s){u(this,"R");u(this,"Pt",new Map);this.R=s}Ft(s,r,i,n){const o=this.R;let a=this.Pt.get(s);a||(a=new Map,this.Pt.set(s,a));let h=a.get(r)||null;if(!h){h=o.createVertexArray(),a.set(r,h),o.bindVertexArray(h),o.bindBuffer(o.ARRAY_BUFFER,n);const l=o.getAttribLocation(s,"a_position");l!==-1&&(o.enableVertexAttribArray(l),o.vertexAttribPointer(l,i.attributes.position.size,o.FLOAT,!1,i.stride,i.attributes.position.offset),o.vertexAttribDivisor(l,0));const f=o.getAttribLocation(s,"a_texCoord");f!==-1&&(o.enableVertexAttribArray(f),o.vertexAttribPointer(f,i.attributes.texCoord.size,o.FLOAT,!1,i.stride,i.attributes.texCoord.offset),o.vertexAttribDivisor(f,0))}o.bindVertexArray(h)}Gt(){this.R.bindVertexArray(null)}U(){const s=this.R;for(const[,r]of this.Pt)for(const[,i]of r)i&&s.deleteVertexArray(i);this.Pt.clear()}}class it{constructor(s){u(this,"Dt");u(this,"R");this.R=s,this.Dt=new rt(s)}It(s,r,i){const{shader:n}=s,o=B(this.R)||this.R.getParameter(this.R.VIEWPORT);n.et({u_aspectRatio:o[2]/o[3],u_viewportSize:[o[2],o[3]]});const a=f=>{if(!f||!f.Bt())return;const d=f.unitGeometry,p=f.unitBuffer;try{this.Dt.Ft(n.rt,f.type+"",d,p),f.batch.Lt(n),f.batch.Et(d.primitiveType,d.vertexCount)}finally{f.batch.Wt(n),this.Dt.Gt(),f.kt()}};let h=null,l=null;for(const f of r){h!==null&&f.type!==h&&(a(l),h=null,l=null);let d=l;d&&f.type===h||(d=i.get(f.type)||null,l=d,h=f.type),d&&d.Vt(f.params,f.state)}a(l)}}class nt{constructor(){u(this,"Ot",[]);u(this,"Ut",1);u(this,"jt",0)}Ht(s){if(this.jt>=this.Ot.length){const i={id:this.Ut++,type:s,params:{},state:{lineWeight:1,rotation: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.Ot.push(i)}const r=this.Ot[this.jt];switch(r.id=this.Ut++,r.type=s,s){case y.RECTANGLE:case y.ELLIPSE:r.params&&"width"in r.params||(r.params={x:0,y:0,width:0,height:0});break;case y.ARC:r.params&&"start"in r.params||(r.params={x:0,y:0,width:0,height:0,start:0,stop:0});break;case y.LINE:r.params&&"x2"in r.params||(r.params={x1:0,y1:0,x2:0,y2:0,thickness:void 0});break;case y.TRIANGLE:r.params&&"x3"in r.params||(r.params={x1:0,y1:0,x2:0,y2:0,x3:0,y3:0});break;case y.BEZIER_CURVE:r.params&&"cp2y"in r.params||(r.params={x1:0,y1:0,cp1x:0,cp1y:0,cp2x:0,cp2y:0,x2:0,y2:0,thickness:void 0});break;default:r.params||(r.params={})}return this.jt++,r}qt(s,r,i,n,o){const a=this.Ht(y.RECTANGLE);return a.params.x=s,a.params.y=r,a.params.width=i,a.params.height=n,o.yt(a.state),a.id}Nt(s,r,i,n,o,a){const h=this.Ht(y.LINE);return h.params.x1=s,h.params.y1=r,h.params.x2=i,h.params.y2=n,h.params.thickness=o,a.yt(h.state),h.id}Xt(s,r,i,n,o){const a=this.Ht(y.ELLIPSE);return a.params.x=s,a.params.y=r,a.params.width=i,a.params.height=n,o.yt(a.state),a.id}Yt(s,r,i,n,o,a,h){const l=this.Ht(y.ARC);return l.params.x=s,l.params.y=r,l.params.width=i,l.params.height=n,l.params.start=o,l.params.stop=a,h.yt(l.state),l.id}Qt(s,r,i,n,o,a,h){const l=this.Ht(y.TRIANGLE);return l.params.x1=s,l.params.y1=r,l.params.x2=i,l.params.y2=n,l.params.x3=o,l.params.y3=a,h.yt(l.state),l.id}Zt(s,r,i,n,o,a,h,l,f,d){const p=this.Ht(y.BEZIER_CURVE);return p.params.x1=s,p.params.y1=r,p.params.cp1x=i,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.yt(p.state),p.id}get length(){return this.jt}get isEmpty(){return this.jt===0}Jt(){this.jt=0}[Symbol.iterator](){let s=0;const r=this.jt,i=this.Ot;return{next:()=>s<r?{value:i[s++],done:!1}:{value:void 0,done:!0}}}}const F=class F{static Kt(s,r,i=0){var a,h,l,f,d,p,g,R,m,x;const n=r||new Float32Array(F.FLOATS_PER_INSTANCE);let o=i;return n[o++]=s.position[0],n[o++]=s.position[1],n[o++]=s.size[0],n[o++]=s.size[1],n[o++]=s.character[0],n[o++]=s.character[1],n[o++]=s.character[2],n[o++]=s.primaryColor[0],n[o++]=s.primaryColor[1],n[o++]=s.primaryColor[2],n[o++]=s.primaryColor[3],n[o++]=s.secondaryColor[0],n[o++]=s.secondaryColor[1],n[o++]=s.secondaryColor[2],n[o++]=s.secondaryColor[3],n[o++]=s.rotation[0],n[o++]=s.rotation[1],n[o++]=s.transform[0],n[o++]=s.transform[1],n[o++]=s.transform[2],n[o++]=s.globalRotation,n[o++]=s.rotationCenter[0],n[o++]=s.rotationCenter[1],n[o++]=((a=s.arcAngles)==null?void 0:a[0])||0,n[o++]=((h=s.arcAngles)==null?void 0:h[1])||0,n[o++]=((l=s.bezierControlPoint1)==null?void 0:l[0])||0,n[o++]=((f=s.bezierControlPoint1)==null?void 0:f[1])||0,n[o++]=((d=s.bezierControlPoint2)==null?void 0:d[0])||0,n[o++]=((p=s.bezierControlPoint2)==null?void 0:p[1])||0,n[o++]=((g=s.bezierStartPoint)==null?void 0:g[0])||0,n[o++]=((R=s.bezierStartPoint)==null?void 0:R[1])||0,n[o++]=((m=s.bezierEndPoint)==null?void 0:m[0])||0,n[o++]=((x=s.bezierEndPoint)==null?void 0:x[1])||0,n}static te(s){const r=s.length*F.FLOATS_PER_INSTANCE,i=new Float32Array(r);for(let n=0;n<s.length;n++){const o=n*F.FLOATS_PER_INSTANCE;F.Kt(s[n],i,o)}return i}};u(F,"BYTES_PER_INSTANCE",132),u(F,"FLOATS_PER_INSTANCE",33);let I=F;const v=class v{};u(v,"STRIDE",I.BYTES_PER_INSTANCE),u(v,"ATTRIBUTES",{a_instancePosition:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:0,divisor:1},a_instanceSize:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:8,divisor:1},a_instanceCharacter:{location:-1,size:3,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:16,divisor:1},a_instancePrimaryColor:{location:-1,size:4,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:28,divisor:1},a_instanceSecondaryColor:{location:-1,size:4,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:44,divisor:1},a_instanceRotation:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:60,divisor:1},a_instanceTransform:{location:-1,size:3,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:68,divisor:1},a_instanceGlobalRotation:{location:-1,size:1,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:80,divisor:1},a_instanceRotationCenter:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:84,divisor:1},a_instanceArcAngles:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:92,divisor:1},a_instanceBezierCP1:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:100,divisor:1},a_instanceBezierCP2:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:108,divisor:1},a_instanceBezierStart:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:116,divisor:1},a_instanceBezierEnd:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:v.STRIDE,offset:124,divisor:1}});let O=v;class ot{constructor(s,r=1e3,i=1.5){u(this,"R");u(this,"ee",[]);u(this,"se");u(this,"ie");u(this,"re",null);u(this,"ne",!0);u(this,"oe",0);u(this,"ae",new Map);u(this,"he",null);this.R=s,this.se=r,this.ie=i,this.ce()}Vt(s){const r=this.ee.length;return this.ee.push(s),this.ne=!0,r}get count(){return this.ee.length}get isEmpty(){return this.ee.length===0}clear(){this.ee.length=0,this.ne=!0}le(s){if(s<=this.se)return;const r=Math.ceil(s*this.ie);this.se=r,this.ce(),console.log(`InstanceBatch: Grew buffer capacity to ${r} instances`)}ce(){const s=this.R;if(this.re&&s.deleteBuffer(this.re),this.re=s.createBuffer(),!this.re)throw Error("Failed to create instance buffer");const r=this.se*I.BYTES_PER_INSTANCE;s.bindBuffer(s.ARRAY_BUFFER,this.re),s.bufferData(s.ARRAY_BUFFER,r,s.DYNAMIC_DRAW),s.bindBuffer(s.ARRAY_BUFFER,null),this.ne=!0,this.oe=0}ue(){if(!this.ne||this.ee.length===0)return;const s=this.R,r=this.ee.length;this.le(r),(!this.he||this.he.length<r*I.FLOATS_PER_INSTANCE)&&(this.he=new Float32Array(r*I.FLOATS_PER_INSTANCE));const i=I.te(this.ee);s.bindBuffer(s.ARRAY_BUFFER,this.re),r<=this.oe?s.bufferSubData(s.ARRAY_BUFFER,0,i):s.bufferData(s.ARRAY_BUFFER,i,s.DYNAMIC_DRAW),s.bindBuffer(s.ARRAY_BUFFER,null),this.ne=!1,this.oe=r}fe(s){let r=this.ae.get(s);if(!r){r=new Map;const i=this.R;for(const n in O.ATTRIBUTES){const o=i.getAttribLocation(s,n);o!==-1&&r.set(n,o)}this.ae.set(s,r)}return r}Lt(s){if(!this.re||this.ee.length===0)return;const r=this.R,i=s.rt;if(!i)return void console.warn("InstanceBatch: Cannot bind attributes - invalid shader program");this.ue();const n=this.fe(i);r.bindBuffer(r.ARRAY_BUFFER,this.re);for(const[o,a]of n){const h=O.ATTRIBUTES[o];h&&(r.enableVertexAttribArray(a),r.vertexAttribPointer(a,h.size,h.type,h.normalized,h.stride,h.offset),r.vertexAttribDivisor(a,h.divisor))}}Wt(s){const r=this.R,i=this.fe(s.rt);for(const[,n]of i)r.disableVertexAttribArray(n),r.vertexAttribDivisor(n,0)}Et(s,r){this.ee.length!==0&&this.R.drawArraysInstanced(s,0,r,this.ee.length)}U(){const s=this.R;this.re&&(s.deleteBuffer(this.re),this.re=null),this.ee.length=0,this.ae.clear(),this.he=null}}class L{constructor(s,r,i,n){u(this,"R");u(this,"de");u(this,"pe");u(this,"ge");u(this,"_e",null);this.R=s,this.de=r,this.pe=i,this.ge=n;const o=this.R.createBuffer();if(!o)throw Error("Failed to create unit geometry buffer");this.R.bindBuffer(this.R.ARRAY_BUFFER,o),this.R.bufferData(this.R.ARRAY_BUFFER,this.ge.vertices,this.R.STATIC_DRAW),this.R.bindBuffer(this.R.ARRAY_BUFFER,null),this._e=o}get type(){return this.pe}get unitGeometry(){return this.ge}get unitBuffer(){return this._e}get batch(){return this.de}kt(){this.de.clear()}Bt(){return!this.de.isEmpty}U(){this.de.U(),this._e&&(this.R.deleteBuffer(this._e),this._e=null)}me(s,r,i,n,o){const a=this.ve(s,r,i,n,o.rotation||0);return{position:[s,r],size:[i,n],character: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],globalRotation:a.radians,rotationCenter:[a.centerX,a.centerY]}}xe(s,r){const i=B(this.R)||[0,0,this.R.canvas.width,this.R.canvas.height];return{nx:s/i[2]*2-1,ny:1-r/i[3]*2}}Ce(s,r,i){const n=this.xe(r,i);s.rotationCenter=[n.nx,n.ny]}ve(s,r,i,n,o){const a=B(this.R)||[0,0,this.R.canvas.width,this.R.canvas.height],h=a[2],l=a[3];return{centerX:(s+i/2)/h*2-1,centerY:1-(r+n/2)/l*2,radians:-o*Math.PI/180,aspectRatio:h/l}}}const at={vertices:new Float32Array([0,0,0,0,1,0,1,0,0,1,0,1,0,1,0,1,1,0,1,0,1,1,1,1]),vertexCount:6,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class ht extends L{constructor(s,r){super(s,r,y.RECTANGLE,at)}Vt(s,r){const i=this.me(s.x,s.y,s.width,s.height,r);return this.de.Vt(i)}}const ct={vertices: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]),vertexCount:6,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class lt extends L{constructor(s,r){super(s,r,y.LINE,ct)}Vt(s,r){const i=s.x2-s.x1,n=s.y2-s.y1,o=Math.hypot(i,n),a=Math.atan2(n,i),h=s.thickness||r.lineWeight||1,l=s.x1+i/2,f=s.y1+n/2,d=l-o/2,p=f,g={character:r.character,charColor:r.charColor,bgColor:r.bgColor,charRotation:r.charRotation,flipHorizontally:r.flipHorizontally,flipVertically:r.flipVertically,invert:r.invert,rotation:(r.rotation||0)+180*a/Math.PI,lineWeight:h},R=this.me(d,p,o,h,g);return this.Ce(R,l,f),this.de.Vt(R)}}const ut={vertices:function(c=32){const s=[],r=2*Math.PI/c;for(let i=0;i<c;i++){const n=i*r,o=(i+1)%c*r,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),R=.5*(p+1);s.push(0,0,.5,.5,a,h,l,f,d,p,g,R)}return new Float32Array(s)}(32),vertexCount:96,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class ft extends L{constructor(s,r){super(s,r,y.ELLIPSE,ut)}Vt(s,r){const i=this.me(s.x,s.y,s.width,s.height,r);return this.Ce(i,s.x,s.y),this.de.Vt(i)}}let dt={vertices:function(c){const s=[];for(let r=0;r<c;r++){const i=r/c,n=(r+1)/c;s.push(i,0,i,0,i,1,i,1,n,1,n,1)}return new Float32Array(s)}(32),vertexCount:96,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class pt extends L{constructor(s,r){super(s,r,y.ARC,dt)}Vt(s,r){const i=s.x-s.width/2,n=s.y-s.height/2,o=s.start*Math.PI/180,a=s.stop*Math.PI/180,h=this.me(i,n,s.width,s.height,r);return this.Ce(h,s.x,s.y),h.arcAngles=[o,a],this.de.Vt(h)}}const gt={vertices:new Float32Array([0,0,0,0,1,0,1,0,.5,1,.5,1]),vertexCount:3,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class mt extends L{constructor(s,r){super(s,r,y.TRIANGLE,gt)}Vt(s,r){const i=Math.min(s.x1,s.x2,s.x3),n=Math.max(s.x1,s.x2,s.x3),o=Math.min(s.y1,s.y2,s.y3),a=n-i,h=Math.max(s.y1,s.y2,s.y3)-o,l=this.me(i,o,a,h,r),f=i+.5*a,d=o+h*(1/3);return this.Ce(l,f,d),this.de.Vt(l)}}function Y(c,s,r,i,n){const o=1-c,a=o*o,h=c*c;return a*o*s+3*a*c*r+3*o*h*i+h*c*n}const Rt={vertices:function(c=16){const s=[];for(let r=0;r<c;r++){const i=r/c,n=(r+1)/c;s.push(i,-.5,i,0),s.push(n,-.5,n,0),s.push(i,.5,i,1),s.push(i,.5,i,1),s.push(n,-.5,n,0),s.push(n,.5,n,1)}return new Float32Array(s)}(16),vertexCount:96,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class xt extends L{constructor(s,r){super(s,r,y.BEZIER_CURVE,Rt)}Vt(s,r){const i=r.lineWeight||1,n=Y(.5,s.x1,s.cp1x,s.cp2x,s.x2),o=Y(.5,s.y1,s.cp1y,s.cp2y,s.y2),a={character:r.character,charColor:r.charColor,bgColor:r.bgColor,charRotation:r.charRotation,flipHorizontally:r.flipHorizontally,flipVertically:r.flipVertically,invert:r.invert,rotation:r.rotation||0,lineWeight:i},h=this.me(0,0,1,i,a);return this.Ce(h,n,o),h.bezierStartPoint=[s.x1,s.y1],h.bezierControlPoint1=[s.cp1x,s.cp1y],h.bezierControlPoint2=[s.cp2x,s.cp2y],h.bezierEndPoint=[s.x2,s.y2],this.de.Vt(h)}}class yt{constructor(s){u(this,"R");u(this,"ye",null);u(this,"we",null);u(this,"$e",null);u(this,"be",new Map);u(this,"Te");u(this,"ze");u(this,"Re");this.R=s,this.Re=new st,this.Te=new it(s),this.ze=new nt,this.we=s.createBuffer(),s.bindBuffer(s.ARRAY_BUFFER,this.we),s.bufferData(s.ARRAY_BUFFER,new Float32Array([-1,-1,0,0,1,-1,1,0,-1,1,0,1,1,-1,1,0,1,1,1,1,-1,1,0,1]),s.STATIC_DRAW),this.$e=s.createBuffer(),this.R.enable(this.R.BLEND),this.R.blendEquation(this.R.FUNC_ADD),this.R.blendFunc(this.R.ONE,this.R.ONE_MINUS_SRC_ALPHA),z(this.R,[0,0,this.R.canvas.width,this.R.canvas.height])}Me(s){let r=this.be.get(s);if(r)return r;const i=new ot(this.R);return r=(0,{[y.RECTANGLE]:()=>new ht(this.R,i),[y.LINE]:()=>new lt(this.R,i),[y.ELLIPSE]:()=>new ft(this.R,i),[y.ARC]:()=>new pt(this.R,i),[y.TRIANGLE]:()=>new mt(this.R,i),[y.BEZIER_CURVE]:()=>new xt(this.R,i)}[s])(),this.be.set(s,r),r}Se(s){this.ye!==s&&(this.ye=s,s.K())}Ae(s,r){return new et(this.R,s,r)}Pe(s,r,i,n){var x;const o=this.R,a=o.canvas.width,h=o.canvas.height,l=s/a*2-1,f=(s+i)/a*2-1,d=1-r/h*2,p=1-(r+n)/h*2,g=new Float32Array([l,p,f,p,l,d,f,p,f,d,l,d]);o.bindBuffer(o.ARRAY_BUFFER,this.$e),o.bufferData(o.ARRAY_BUFFER,g,o.DYNAMIC_DRAW);const R=((x=this.ye)==null?void 0:x.rt)||o.getParameter(o.CURRENT_PROGRAM),m=R?o.getAttribLocation(R,"a_position"):-1;m!==-1&&(o.enableVertexAttribArray(m),o.vertexAttribPointer(m,2,o.FLOAT,!1,8,0)),o.drawArrays(o.TRIANGLES,0,6),m!==-1&&o.disableVertexAttribArray(m)}Fe(s,r,i,n){this.ze.qt(s,r,i,n,this.Re)}Ge(s,r,i,n){this.ze.Nt(s,r,i,n,this.Re.lineWeight,this.Re)}De(s,r,i,n){this.ze.Xt(s,r,i,n,this.Re)}Ie(s,r,i,n,o,a){this.ze.Qt(s,r,i,n,o,a,this.Re)}Be(s,r,i,n,o,a,h,l){const f=this.Re.lineWeight;this.ze.Zt(s,r,i,n,o,a,h,l,f,this.Re)}Le(s,r,i=1,n={}){return new X(this.R,s,r,i,n)}Ee(s,r,i,n,o,a){this.ze.Yt(s,r,i,n,o,a,this.Re)}We(s,r=s,i=s,n=255){this.Jt(s/255,r/255,i/255,n/255)}Jt(s=0,r=0,i=0,n=0){this.R.clearColor(s,r,i,n),this.R.clear(this.R.COLOR_BUFFER_BIT)}ke(){this.R.viewport(0,0,this.R.canvas.width,this.R.canvas.height),z(this.R,[0,0,this.R.canvas.width,this.R.canvas.height])}get context(){return this.R}get state(){return this.Re}Ve(s){const r=B(this.R)??this.R.getParameter(this.R.VIEWPORT),i={shader:s,gl:this.R,viewport:r},n=new Set;for(const o of this.ze)n.add(o.type);for(const o of n)this.Me(o);this.Te.It(i,this.ze,this.be),this.ze.Jt()}U(){this.R.deleteBuffer(this.we),this.R.deleteBuffer(this.$e),this.ze.Jt();for(const s of this.be.values())s.U()}}const b={readShort:(c,s)=>(b.t.uint16[0]=c[s]<<8|c[s+1],b.t.int16[0]),readUshort:(c,s)=>c[s]<<8|c[s+1],readUshorts(c,s,r){const i=[];for(let n=0;n<r;n++)i.push(b.readUshort(c,s+2*n));return i},readUint(c,s){const r=b.t.uint8;return r[3]=c[s],r[2]=c[s+1],r[1]=c[s+2],r[0]=c[s+3],b.t.uint32[0]},readASCII(c,s,r){let i="";for(let n=0;n<r;n++)i+=String.fromCharCode(c[s+n]);return i},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,s,r){const i={tables:[],ids:{},off:s};c=new Uint8Array(c.buffer,s,r),s=0;const n=b,o=n.readUshort,a=o(c,s+=2);s+=2;const h=[];for(let l=0;l<a;l++){const f=o(c,s),d=o(c,s+=2);s+=2;const p=n.readUint(c,s);s+=4;const g=`p${f}e${d}`;let R=h.indexOf(p);if(R===-1){let m;R=i.tables.length,h.push(p);const x=o(c,p);m=x===4?this.parse4(c,p):x===12?this.parse12(c,p):{format:x},i.tables.push(m)}i.ids[g]!=null&&console.warn("Multiple tables for one platform+encoding: "+g),i.ids[g]=R}return i},parse4(c,s){const r=b,i=r.readUshort,n=r.readUshorts,o=s,a=i(c,s+=2);s+=2;const h=i(c,s+=2)>>>1,l={format:4,searchRange:i(c,s+=2),entrySelector:0,rangeShift:0,endCount:[],startCount:[],idDelta:[],idRangeOffset:[],glyphIdArray:[]};s+=2,l.entrySelector=i(c,s),s+=2,l.rangeShift=i(c,s),s+=2,l.endCount=n(c,s,h),s+=2*h,s+=2,l.startCount=n(c,s,h),s+=2*h;for(let f=0;f<h;f++)l.idDelta.push(r.readShort(c,s)),s+=2;return l.idRangeOffset=n(c,s,h),s+=2*h,l.glyphIdArray=n(c,s,o+a-s>>1),l},parse12(c,s){const r=b.readUint;r(c,s+=4),r(c,s+=4);const i=r(c,s+=4);s+=4;const n=new Uint32Array(3*i);for(let o=0;o<3*i;o+=3)n[o]=r(c,s+(o<<2)),n[o+1]=r(c,s+(o<<2)+4),n[o+2]=r(c,s+(o<<2)+8);return{format:12,groups:n}}},vt={parseTab(c,s,r){const i=b;s+=18;const n=i.readUshort(c,s);s+=2,s+=16;const o=i.readShort(c,s);s+=2;const a=i.readShort(c,s);s+=2;const h=i.readShort(c,s);s+=2;const l=i.readShort(c,s);return s+=2,s+=6,{unitsPerEm:n,xMin:o,yMin:a,xMax:h,yMax:l,indexToLocFormat:i.readShort(c,s)}}},Tt={parseTab(c,s,r){const i=b;s+=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"?i.readUshort:i.readShort;o[h]=l(c,s+2*a)}return o}},bt={parseTab(c,s,r,i){const n=b,o=[],a=[],h=i.maxp.numGlyphs,l=i.hhea.numberOfHMetrics;let f=0,d=0,p=0;for(;p<l;)f=n.readUshort(c,s+(p<<2)),d=n.readShort(c,s+(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}}},j={cmap:Ct,head:vt,hhea:Tt,maxp:{parseTab(c,s,r){const i=b;return i.readUint(c,s),s+=4,{numGlyphs:i.readUshort(c,s)}}},hmtx:bt,loca:{parseTab(c,s,r,i){const n=b,o=[],a=i.head.indexToLocFormat,h=i.maxp.numGlyphs+1;if(a===0)for(let l=0;l<h;l++)o.push(n.readUshort(c,s+(l<<1))<<1);else if(a===1)for(let l=0;l<h;l++)o.push(n.readUint(c,s+(l<<2)));return o}},glyf:{parseTab(c,s,r,i){const n=[],o=i.maxp.numGlyphs;for(let a=0;a<o;a++)n.push(null);return n},Oe(c,s){const r=b,i=c.Ue,n=c.loca;if(n[s]===n[s+1])return null;const o=w.findTable(i,"glyf",c.je);if(!o)return null;let a=o[0]+n[s];const h={};if(h.noc=r.readShort(i,a),a+=2,h.xMin=r.readShort(i,a),a+=2,h.yMin=r.readShort(i,a),a+=2,h.xMax=r.readShort(i,a),a+=2,h.yMax=r.readShort(i,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(r.readUshort(i,a)),a+=2;const l=r.readUshort(i,a);if(a+=2,i.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 R=i[a];if(a++,h.flags.push(R),8&R){const m=i[a];a++;for(let x=0;x<m;x++)h.flags.push(R),g++}}h.xs=[];for(let g=0;g<f;g++){const R=h.flags[g],m=!!(16&R);2&R?(h.xs.push(m?i[a]:-i[a]),a++):m?h.xs.push(0):(h.xs.push(r.readShort(i,a)),a+=2)}h.ys=[];for(let g=0;g<f;g++){const R=h.flags[g],m=!!(32&R);4&R?(h.ys.push(m?i[a]:-i[a]),a++):m?h.ys.push(0):(h.ys.push(r.readShort(i,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}}},w={parse:c=>[((s,r,i,n)=>{const o=j,a={Ue:s,He:r,je:i};for(const h in o){const l=h,f=w.findTable(s,l,i);if(f){const[d,p]=f;let g=n[d];g==null&&(g=o[l].parseTab(s,d,p,a),n[d]=g),a[l]=g}}return a})(new Uint8Array(c),0,0,{})],findTable(c,s,r){const i=b,n=i.readUshort(c,r+4);let o=r+12;for(let a=0;a<n;a++){const h=i.readASCII(c,o,4);i.readUint(c,o+4);const l=i.readUint(c,o+8),f=i.readUint(c,o+12);if(h===s)return[l,f];o+=16}return null},T:j,B:b};class ${constructor(){u(this,"qe",new Map);u(this,"Ne",new Map)}Xe(s,r){const i=`${this.Ye(s)}_${r}`;if(this.qe.has(i))return this.qe.get(i);const n=s.cmap;if(!n||!n.tables)return this.qe.set(i,0),0;let o=0;for(const a of n.tables)if(a.format===4?o=this.Qe(r,a):a.format===12&&(o=this.Ze(r,a)),o>0)break;return this.qe.set(i,o),o}Je(s,r){const i=r.codePointAt(0);return i===void 0?0:this.Xe(s,i)}Ke(s,r){const i=s.hmtx;return i&&i.aWidth&&i.aWidth.length!==0?r<i.aWidth.length?i.aWidth[r]:i.aWidth[i.aWidth.length-1]:0}ts(s,r){const i=r/s.head.unitsPerEm,n=s.hhea.ascender*i,o=s.hhea.descender*i,a=s.hhea.lineGap*i;return{ascender:n,descender:o,lineGap:a,lineHeight:n-o+a,unitsPerEm:s.head.unitsPerEm,scale:i}}es(){this.qe.clear(),this.Ne.clear()}Ye(s){return`${s.je}_${s.Ue.length}`}Qe(s,r){const i=r.endCount.length;let n=-1;for(let o=0;o<i;o++)if(s<=r.endCount[o]){n=o;break}if(n===-1||s<r.startCount[n])return 0;if(r.idRangeOffset[n]===0)return s+r.idDelta[n]&65535;{const o=r.idRangeOffset[n]/2+(s-r.startCount[n])-(i-n);if(o>=0&&o<r.glyphIdArray.length){const a=r.glyphIdArray[o];return a===0?0:a+r.idDelta[n]&65535}}return 0}Ze(s,r){const i=r.groups.length/3;for(let n=0;n<i;n++){const o=r.groups[3*n],a=r.groups[3*n+1],h=r.groups[3*n+2];if(s>=o&&s<=a)return h+(s-o)}return 0}}class Et{constructor(s){u(this,"ss");this.ss=s}rs(s){var i;const r=[];return(i=s.cmap)!=null&&i.tables?(s.cmap.tables.forEach(n=>{if(n.format===4){const o=this.ns(n);r.push(...o)}else if(n.format===12){const o=this.hs(n);r.push(...o)}}),[...new Set(r)]):[]}cs(s,r){return this.ss.Je(s,r)>0}ls(s,r){for(const i of r)if(!this.cs(s,i))return!1;return!0}us(s,r){return r.filter(i=>this.cs(s,i))}fs(s){return s.filter(r=>this.ds(r))}ns(s){const r=[];if(!(s.startCount&&s.endCount&&s.idRangeOffset&&s.idDelta))return r;for(let i=0;i<s.startCount.length;i++){const n=s.startCount[i],o=s.endCount[i];if(n!==65535||o!==65535){for(let a=n;a<=o;a++)if(this.ps(s,a,i)>0)try{const h=String.fromCodePoint(a);r.push(h)}catch{}}}return r}hs(s){const r=[];if(!s.groups)return r;for(let i=0;i<s.groups.length;i+=3){const n=s.groups[i],o=s.groups[i+1],a=s.groups[i+2];for(let h=n;h<=o;h++)if(a+(h-n)>0)try{const l=String.fromCodePoint(h);r.push(l)}catch{}}return r}ps(s,r,i){if(s.idRangeOffset[i]===0)return r+s.idDelta[i]&65535;{const n=s.idRangeOffset[i]/2+(r-s.startCount[i])-(s.startCount.length-i);if(n>=0&&s.glyphIdArray&&n<s.glyphIdArray.length){const o=s.glyphIdArray[n];if(o!==0)return o+s.idDelta[i]&65535}}return 0}ds(s){const r=s.codePointAt(0)||0;return!(r>=0&&r<=31&&r!==9&&r!==10&&r!==13||r>=127&&r<=159)}}class At{constructor(){u(this,"gs");const s=new $;this.gs=new Et(s)}extractCharacters(s){return this.gs.rs(s)}filterProblematicCharacters(s){return this.gs.fs(s)}characterExists(s,r){return this.gs.cs(s,r)}allCharactersExist(s,r){return this.gs.ls(s,r)}}class _t{constructor(s){u(this,"_s");u(this,"vs");u(this,"Cs");u(this,"ws");this.Cs=s,this.ws=new $,this._s=document.createElement("canvas"),this.vs=this._s.getContext("2d",{willReadFrequently:!0,alpha:!1})}createTextureAtlas(s,r,i,n){const o=s.length,a=Math.ceil(Math.sqrt(o)),h=Math.ceil(o/a),l=r.width*a,f=r.height*h,d=typeof n=="object"?n:null;this.$s(l,f),this.bs(s,r,a,i,d);const p=this.Cs.Le(l,f,1,{filter:"nearest"});return p.I(this._s),{framebuffer:p,columns:a,rows:h}}$s(s,r){this._s.width=s,this._s.height=r,this._s.style.width=s+"px",this._s.style.height=s+"px",this.vs.imageSmoothingEnabled=!1,this._s.style.imageRendering="pixelated",this.vs.fillStyle="black",this.vs.fillRect(0,0,s,r),this.vs.textBaseline="top",this.vs.textAlign="left",this.vs.fillStyle="white"}bs(s,r,i,n,o){const a=n/o.head.unitsPerEm;for(let h=0;h<s.length;h++){const l=h%i,f=Math.floor(h/i),d=s[h].character,p=this.Ts(o,d);if(!p)continue;const g=d.codePointAt(0)||0,R=this.ws.Xe(o,g),m=this.zs(o,R)*a,x=l*r.width,A=f*r.height,E=x+.5*r.width,_=A+.5*r.height,P=Math.round(E-.5*r.width),U=Math.round(_-.5*n),Zt=P+.5*(r.width-m),Kt=U+o.hhea.ascender*a;this.Rs(p,Zt,Kt,a)}}Ts(s,r){const i=r.codePointAt(0)||0,n=this.ws.Xe(s,i);if(n===0)return null;if(s.glyf&&s.glyf[n]!==null)return s.glyf[n];if(w&&w.T&&w.T.glyf){const o=w.T.glyf.Oe(s,n);return s.glyf&&o&&(s.glyf[n]=o),o}return null}zs(s,r){const i=s.hmtx;return i&&i.aWidth?r<i.aWidth.length?i.aWidth[r]:i.aWidth[i.aWidth.length-1]:0}Rs(s,r,i,n){if(!s||!s.xs||s.noc===0)return;const{xs:o,ys:a,endPts:h,flags:l}=s;if(!(o&&a&&h&&l))return;this.vs.beginPath();let f=0;for(let d=0;d<h.length;d++){const p=h[d];if(!(p<f)){if(p>=f){const g=r+o[f]*n,R=i-a[f]*n;this.vs.moveTo(g,R);let m=f+1;for(;m<=p;)if(1&l[m]){const x=r+o[m]*n,A=i-a[m]*n;this.vs.lineTo(x,A),m++}else{const x=r+o[m]*n,A=i-a[m]*n;let E=m+1>p?f:m+1;if(1&l[E]){const _=r+o[E]*n,P=i-a[E]*n;this.vs.quadraticCurveTo(x,A,_,P),m=E+1}else{const _=(x+(r+o[E]*n))/2,P=(A+(i-a[E]*n))/2;this.vs.quadraticCurveTo(x,A,_,P),m=E}}this.vs.closePath()}f=p+1}}this.vs.fill()}}class wt{constructor(){u(this,"ss");this.ss=new $}calculateMaxGlyphDimensions(s,r,i){let n=0;const o=this.ss.ts(i,r),a=o.lineHeight;for(const h of s){const l=this.ss.Je(i,h);if(l===0)continue;const f=this.ss.Ke(i,l)*o.scale;n=Math.max(n,f)}return{width:Math.ceil(n),height:Math.ceil(a)}}getCharacterAdvanceWidth(s,r,i){const n=this.ss.ts(i,r),o=this.ss.Je(i,s);return this.ss.Ke(i,o)*n.scale}getFontMetrics(s,r){return this.ss.ts(r,s)}es(){this.ss.es()}}class Pt{constructor(){u(this,"ws");this.ws=new $}createCharacterObjects(s,r){return s.map((i,n)=>{const o=i.codePointAt(0)||0,a=this.Ms(n);let h=0;if(r.hmtx&&r.hmtx.aWidth){const l=this.ws.Xe(r,o);l>0&&r.hmtx.aWidth[l]!==void 0&&(h=r.hmtx.aWidth[l])}return{character:i,unicode:o,color:a,advanceWidth:h}})}Ms(s){return[s%256/255,Math.floor(s/256)%256/255,Math.floor(s/65536)%256/255]}Ss(s,r){if(!M._(typeof s=="string","Character must be a string.",{method:"getCharacterColor",providedValue:s}))return[0,0,0];const i=r.find(n=>n.character===s);return i?i.color:[0,0,0]}As(s,r){return M._(typeof s=="string"&&s.length>0,"Characters must be a string with at least one character.",{method:"getCharacterColors",providedValue:s})?Array.from(s).map(i=>this.Ss(i,r)||[0,0,0]):[[0,0,0]]}}class H{constructor(s,r=16){u(this,"Ps");u(this,"Fs",[]);u(this,"Gs");u(this,"Ds",16);u(this,"Is",0);u(this,"Bs",0);u(this,"Ls",{width:0,height:0});u(this,"Es");u(this,"Ws");u(this,"ks");u(this,"Vs");u(this,"Os");this.Ds=r,this.Ws=new At,this.ks=new _t(s),this.Vs=new wt,this.Os=new Pt}async Us(s){let r;if(!s)throw new C("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");{const i=await fetch(s);if(!i.ok)throw new C(`Failed to load font file: ${i.status} ${i.statusText}`);r=await i.arrayBuffer()}await this.js(r),this.Ps=w.parse(r)[0],await this.Hs()}qs(s){if(s===void 0)return this.Ds;this.Ds=s,this.Ls=this.Vs.calculateMaxGlyphDimensions(this.Fs.map(i=>i.character),this.Ds,this.Ps);const r=this.ks.createTextureAtlas(this.Fs,this.Ls,this.Ds,this.Ps);this.Gs=r.framebuffer,this.Is=r.columns,this.Bs=r.rows}async Ns(s){try{const r=await fetch(s);if(!r.ok)throw new C(`Failed to load font file: ${r.status} ${r.statusText}`);const i=await r.arrayBuffer();await this.js(i);const n=w.parse(i);if(!n||n.length===0)throw Error("Failed to parse font file");this.Ps=n[0],await this.Hs()}catch(r){throw new C("Failed to load font: "+(r instanceof Error?r.message:"Unknown error"),r)}}async js(s){const r=Date.now();this.Es=new FontFace("CustomFont_"+r,s),await this.Es.load(),document.fonts.add(this.Es)}async Hs(){const s=this.Ws.extractCharacters(this.Ps),r=this.Ws.filterProblematicCharacters(s);this.Fs=this.Os.createCharacterObjects(r,this.Ps),this.Ls=this.Vs.calculateMaxGlyphDimensions(r,this.Ds,this.Ps);const i=this.ks.createTextureAtlas(this.Fs,this.Ls,this.Ds,this.Ps);this.Gs=i.framebuffer,this.Is=i.columns,this.Bs=i.rows}Ss(s){return this.Os.Ss(s,this.Fs)}As(s){return this.Os.As(s,this.Fs)}U(){this.Gs.U(),document.fonts.delete(this.Es)}get fontFramebuffer(){return this.Gs}get characters(){return this.Fs}get textureColumns(){return this.Is}get textureRows(){return this.Bs}get maxGlyphDimensions(){return this.Ls}get fontSize(){return this.Ds}get font(){return this.Ps}}class J{constructor(s,r,i){u(this,"Xs");u(this,"Ys");u(this,"v");u(this,"C");u(this,"Qs");u(this,"Zs");u(this,"Js");u(this,"Ks");u(this,"ti");this.Js=s,this.Ks=r,this.ti=i,this.Ct()}Ct(){this.Xs=Math.floor(this.Js.width/this.Ks),this.Ys=Math.floor(this.Js.height/this.ti),this.v=this.Xs*this.Ks,this.C=this.Ys*this.ti,this.Qs=Math.floor((this.Js.width-this.v)/2),this.Zs=Math.floor((this.Js.height-this.C)/2)}ei(s,r){this.Ks=s,this.ti=r,this.Ct()}get cellWidth(){return this.Ks}get cellHeight(){return this.ti}get cols(){return this.Xs}get rows(){return this.Ys}get width(){return this.v}get height(){return this.C}get offsetX(){return this.Qs}get offsetY(){return this.Zs}}class q{constructor(s={}){u(this,"Js");u(this,"si");u(this,"ii");s.canvas?(this.Js=s.canvas,this.ii=!1):(this.Js=this.ri(s.width,s.height),this.ii=!0),this.Js.style.imageRendering="pixelated"}ri(s,r){const i=document.createElement("canvas");return i.className="textmodeCanvas",i.style.imageRendering="pixelated",i.width=s||800,i.height=r||600,document.body.appendChild(i),i}L(s,r){this.Js.width=s??this.Js.width,this.Js.height=r??this.Js.height}ni(){const s=this.Js.getContext("webgl2",{alpha:!1,premultipliedAlpha:!1,preserveDrawingBuffer:!0,antialias:!1,depth:!1,stencil:!1,powerPreference:"high-performance"});if(!s)throw new C("`textmode.js` requires WebGL2 support.");return s}U(){this.si&&this.si.disconnect();const s=this.Js.getContext("webgl")||this.Js.getContext("webgl2");if(s){const r=s.getExtension("WEBGL_lose_context");r&&r.loseContext()}this.ii&&this.Js.parentNode&&this.Js.parentNode.removeChild(this.Js)}get canvas(){return this.Js}get width(){return this.Js.width}get height(){return this.Js.height}}class Ft{constructor(s=60){u(this,"oi");u(this,"ai");u(this,"hi",null);u(this,"ci",0);u(this,"li",!0);u(this,"ui",0);u(this,"fi",0);u(this,"di",[]);u(this,"pi",10);u(this,"gi",0);this.oi=s,this.ai=1e3/s}start(s){if(!this.li)return;this.ci=performance.now();const r=i=>{if(!this.li)return void(this.hi=null);const n=i-this.ci;n>=this.ai&&(s(),this.ci=i-n%this.ai),this.li&&(this.hi=requestAnimationFrame(r))};this.hi=requestAnimationFrame(r)}stop(){this.hi&&(cancelAnimationFrame(this.hi),this.hi=null)}pause(){this.li&&(this.li=!1,this.stop())}resume(s){this.li||(this.li=!0,this.start(s))}frameRate(s,r){if(s===void 0)return this.ui;this.oi=s,this.ai=1e3/s,this.li&&r&&(this.stop(),this.start(r))}measureFrameRate(){const s=performance.now();if(this.fi>0){const r=s-this.fi;this.di.push(r),this.di.length>this.pi&&this.di.shift();const i=this.di.reduce((n,o)=>n+o,0)/this.di.length;this.ui=1e3/i}this.fi=s}get isLooping(){return this.li}get frameRateLimit(){return this.oi}get currentFrameRate(){return this.ui}get frameCount(){return this.gi}set frameCount(s){this.gi=s}incrementFrame(){this.gi++}resetFrameCount(){this.gi=0}}const St=c=>class extends c{rotate(s){this.Cs.state.$t(s)}push(){this.Cs.state.vt()}pop(){this.Cs.state.xt()}rect(s,r,i=1,n=1){this.Cs.Fe(s,r,i,n)}line(s,r,i,n){this.Cs.Ge(s,r,i,n)}lineWeight(s){this.Cs.state.wt(s)}background(s,r=s,i=s,n=255){this.Cs.We(s,r,i,n)}char(s){this.Cs.state.bt(this.Ps.Ss(s))}charColor(s,r,i,n){this.Cs.state.Tt(s,r,i,n)}cellColor(s,r,i,n){this.Cs.state.zt(s,r,i,n)}flipHorizontally(s){this.Cs.state.Rt(s)}flipVertically(s){this.Cs.state.Mt(s)}charRotation(s){this.Cs.state.At(s)}invert(s){this.Cs.state.St(s)}clear(){this.Cs.Jt()}ellipse(s,r,i,n){this.Cs.De(s,r,i/2,n/2)}triangle(s,r,i,n,o,a){this.Cs.Ie(s,r,i,n,o,a)}bezierCurve(s,r,i,n,o,a,h,l){this.Cs.Be(s,r,i,n,o,a,h,l)}arc(s,r,i,n,o,a){this.Cs.Ee(s,r,i,n,o,a)}};class N{_i(s){const r=s.W(0),i=s.W(1),n=s.W(2),o=s.W(3);return{characterPixels:r,primaryColorPixels:i,secondaryColorPixels:n,transformPixels:s.W(4),rotationPixels:o}}mi(s,r){return s[r]+(s[r+1]<<8)}xi(s,r){return{r:s[r],g:s[r+1],b:s[r+2],a:s[r+3]}}}class V{Ci(s,r){return new Blob([s],{type:r})}yi(s,r,i){try{const n=this.Ci(s,i),o=URL.createObjectURL(n),a=document.createElement("a");a.href=o,a.download=r,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"))}}wi(){return new Date().toISOString().slice(0,19).replace(/:/g,"-")}$i(){const s=new Date;return{date:s.toISOString().split("T")[0],time:s.toTimeString().split(" ")[0].replace(/:/g,"-")}}bi(s){return s.replace(/[<>:"/\\|?*]/g,"_").replace(/\s+/g,"_").replace(/_{2,}/g,"_").replace(/^_+|_+$/g,"").substring(0,255)}Ti(){return"'textmode-export'-"+this.wi()}}class It extends N{zi(s,r,i){const n=s[i]===255,o=s[i+1]===255,a=s[i+2]===255,h=r[i],l=r[i+1];return{isInverted:n,flipHorizontal:o,flipVertical:a,rotation:Math.round(360*(h+l/255)/255*100)/100}}Ri(s,r,i){return{x:s,y:r,cellX:s*i.cellWidth,cellY:r*i.cellHeight}}Mi(s,r){const i=[];let n=0;for(let o=0;o<r.rows;o++)for(let a=0;a<r.cols;a++){const h=4*n,l=this.mi(s.characterPixels,h);let f=this.xi(s.primaryColorPixels,h),d=this.xi(s.secondaryColorPixels,h);const p=this.zi(s.transformPixels,s.rotationPixels,h);if(p.isInverted){const R=f;f=d,d=R}const g=this.Ri(a,o,r);i.push({charIndex:l,primaryColor:f,secondaryColor:d,transform:p,position:g}),n++}return i}}class Dt{Si(s,r){const i=s.cmap;for(const n of i.tables)if(n.format===4){const o=n;for(let a=0;a<o.startCount.length;a++)if(r>=o.startCount[a]&&r<=o.endCount[a]){if(o.idRangeOffset[a]===0)return r+o.idDelta[a]&65535;{const h=o.idRangeOffset[a]/2+(r-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(r>=h&&r<=l)return f+(r-h)}}return 0}Ai(s,r,i,n,o){const a=o/s.head.unitsPerEm;return{getBoundingBox:()=>({x1:i+r.xMin*a,y1:n+-r.yMax*a,x2:i+r.xMax*a,y2:n+-r.yMin*a}),toSVG:()=>this.Pi(r,i,n,a)}}Pi(s,r,i,n){if(!s||!s.xs)return"";const{xs:o,ys:a,endPts:h,flags:l}=s;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 R=r+o[d]*n,m=i-a[d]*n;f+=`M${R.toFixed(2)},${m.toFixed(2)}`;let x=d+1;for(;x<=g;)if(1&l[x]){const A=r+o[x]*n,E=i-a[x]*n;f+=`L${A.toFixed(2)},${E.toFixed(2)}`,x++}else{const A=r+o[x]*n,E=i-a[x]*n;let _=x+1>g?d:x+1;if(1&l[_]){const P=r+o[_]*n,U=i-a[_]*n;f+=`Q${A.toFixed(2)},${E.toFixed(2)} ${P.toFixed(2)},${U.toFixed(2)}`,x=_+1}else{const P=(A+(r+o[_]*n))/2,U=(E+(i-a[_]*n))/2;f+=`Q${A.toFixed(2)},${E.toFixed(2)} ${P.toFixed(2)},${U.toFixed(2)}`,x=_}}f+="Z"}d=g+1}}return f}Fi(s,r,i,n,o){const a=s.codePointAt(0)||0,h=this.Si(r,a);let l=null;return r.glyf&&r.glyf[h]!==null?l=r.glyf[h]:(l=w.T.glyf.Oe(r,h),r.glyf[h]=l),this.Ai(r,l,i,n,o)}Gi(s,r,i,n,o,a,h,l){const f=i+(o-l*(h/r.head.unitsPerEm))/2,d=n+(a+.7*h)/2;return this.Fi(s,r,f,d,h).toSVG()||null}}class Lt{constructor(){u(this,"Di");this.Di=new Dt}Ii(s){return`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+`,s+="↓".repeat(24)+`
+`,s}static o(i){if(i===null)return"null";if(i===void 0)return"undefined";if(typeof i=="string")return`"${i}"`;if(typeof i=="number"||typeof i=="boolean")return i+"";if(Array.isArray(i))return i.length===0?"[]":i.length<=5?`[${i.map(r=>C.o(r)).join(", ")}]`:`[${i.slice(0,3).map(r=>C.o(r)).join(", ")}, ... +${i.length-3} more]`;if(typeof i=="object"){const r=Object.keys(i);return r.length===0?"{}":r.length<=3?`{ ${r.map(s=>`${s}: ${C.o(i[s])}`).join(", ")} }`:`{ ${r.slice(0,2).map(s=>`${s}: ${C.o(i[s])}`).join(", ")}, ... +${r.length-2} more }`}return i+""}}var F=(c=>(c[c.SILENT=0]="SILENT",c[c.WARNING=1]="WARNING",c[c.ERROR=2]="ERROR",c[c.THROW=3]="THROW",c))(F||{});const U=class U{constructor(){u(this,"l",{globalLevel:3})}static u(){return U.h||(U.h=new U),U.h}p(i,r){const s="%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.l.globalLevel){case 0:return!1;case 1:return console.group(s,n),console.warn(C.i(i,r)),console.groupEnd(),!1;case 2:return console.group(s,n),console.error(C.i(i,r)),console.groupEnd(),!1;default:throw new C(i,r)}}_(i,r,s){return!!i||(this.p(r,s),!1)}m(i){this.l.globalLevel=i}};u(U,"h",null);let O=U;const D=O.u(),V=new WeakMap;function $(c,i){V.set(c,i)}function B(c){return V.get(c)}class j{constructor(i,r,s=r,n=1,o={}){u(this,"v");u(this,"C");u(this,"l");u(this,"$",null);u(this,"M");u(this,"R");u(this,"S",[]);u(this,"A");u(this,"P",null);u(this,"F",[]);this.v=r,this.C=s,this.l={filter:"nearest",wrap:"clamp",format:"rgba",type:"unsigned_byte",...o},this.M=i,this.A=Math.min(Math.max(1,n),8);const a=i.getParameter(i.MAX_DRAW_BUFFERS),h=i.getParameter(i.MAX_COLOR_ATTACHMENTS);this.A=Math.min(this.A,a,h),this.R=i.createFramebuffer(),this.G(),this.D(),this.F=Array(this.A).fill(null)}G(){const i=this.M,r=this.l.filter==="linear"?i.LINEAR:i.NEAREST,s=this.l.wrap==="repeat"?i.REPEAT:i.CLAMP_TO_EDGE,n=this.l.type==="float"?i.FLOAT:i.UNSIGNED_BYTE;for(let o=0;o<this.A;o++){const a=i.createTexture();i.bindTexture(i.TEXTURE_2D,a),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MIN_FILTER,r),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_MAG_FILTER,r),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_S,s),i.texParameteri(i.TEXTURE_2D,i.TEXTURE_WRAP_T,s),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,this.v,this.C,0,i.RGBA,n,null),this.S.push(a)}i.bindTexture(i.TEXTURE_2D,null)}D(){const i=this.M;if(i.bindFramebuffer(i.FRAMEBUFFER,this.R),this.A===1)i.framebufferTexture2D(i.FRAMEBUFFER,i.COLOR_ATTACHMENT0,i.TEXTURE_2D,this.S[0],0);else{const s=[];for(let n=0;n<this.A;n++){const o=i.COLOR_ATTACHMENT0+n;i.framebufferTexture2D(i.FRAMEBUFFER,o,i.TEXTURE_2D,this.S[n],0),s.push(o)}i.drawBuffers(s)}const r=i.checkFramebufferStatus(i.FRAMEBUFFER);r!==i.FRAMEBUFFER_COMPLETE&&console.error("GLFramebuffer is not complete:",r),i.bindFramebuffer(i.FRAMEBUFFER,null)}I(i){const r=this.M;r.bindTexture(r.TEXTURE_2D,this.S[0]),r.pixelStorei(r.UNPACK_FLIP_Y_WEBGL,1),r.texImage2D(r.TEXTURE_2D,0,r.RGBA,r.RGBA,r.UNSIGNED_BYTE,i),r.bindTexture(r.TEXTURE_2D,null)}L(i,r){this.v=i,this.C=r,this.$=null,this.F=Array(this.A).fill(null);const s=this.M,n=this.l.type==="float"?s.FLOAT:s.UNSIGNED_BYTE;for(const o of this.S)s.bindTexture(s.TEXTURE_2D,o),s.texImage2D(s.TEXTURE_2D,0,s.RGBA,this.v,this.C,0,s.RGBA,n,null);s.bindTexture(s.TEXTURE_2D,null)}W(i){const r=this.M;if(i<0||i>=this.A)throw Error(`GLFramebuffer: attachment index ${i} out of range (count=${this.A})`);const s=this.F[i];if(s)return s;const n=this.v,o=this.C,a=new Uint8Array(n*o*4),h=r.getParameter(r.READ_FRAMEBUFFER_BINDING);r.bindFramebuffer(r.READ_FRAMEBUFFER,this.R),r.readBuffer(r.COLOR_ATTACHMENT0+i),r.readPixels(0,0,n,o,r.RGBA,r.UNSIGNED_BYTE,a),r.bindFramebuffer(r.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.F[i]=f,f}k(){for(let i=0;i<this.A;i++)this.W(i)}V(){const i=this.M;this.P={framebuffer:i.getParameter(i.FRAMEBUFFER_BINDING),viewport:i.getParameter(i.VIEWPORT)},i.bindFramebuffer(i.FRAMEBUFFER,this.R),this.F=Array(this.A).fill(null);for(let r=0;r<this.A;r++)i.clearBufferfv(i.COLOR,r,new Float32Array([0,0,0,0]));i.viewport(0,0,this.v,this.C),$(i,[0,0,this.v,this.C])}O(){if(!this.P)return;const i=this.M;i.bindFramebuffer(i.FRAMEBUFFER,this.P.framebuffer),i.viewport(...this.P.viewport),$(i,this.P.viewport),this.P=null}U(){const i=this.M;this.R&&i.deleteFramebuffer(this.R);for(const r of this.S)i.deleteTexture(r);this.S=[],this.F=[]}get width(){return this.v}get height(){return this.C}get pixels(){return this.$}get options(){return{...this.l}}get framebuffer(){return this.R}get texture(){return this.S[0]}get textures(){return[...this.S]}get attachmentCount(){return this.A}getAttachmentPixels(i){return this.F[i]??null}}class et{constructor(i,r,s){u(this,"M");u(this,"j");u(this,"H",new Map);u(this,"q",new Map);u(this,"N",0);u(this,"X");this.M=i,this.j=this.Y(r,s),this.X=i.getParameter(i.MAX_TEXTURE_IMAGE_UNITS),this.Z()}Z(){const i=this.M.getProgramParameter(this.j,this.M.ACTIVE_UNIFORMS);for(let r=0;r<i;r++){const s=this.M.getActiveUniform(this.j,r);if(s){const n=this.M.getUniformLocation(this.j,s.name);n&&(this.H.set(s.name,n),this.q.set(s.name,s.type))}}}Y(i,r){const s=this.J(this.M.VERTEX_SHADER,i),n=this.J(this.M.FRAGMENT_SHADER,r),o=this.M.createProgram();if(this.M.attachShader(o,s),this.M.attachShader(o,n),this.M.linkProgram(o),!this.M.getProgramParameter(o,this.M.LINK_STATUS)){const a=this.M.getProgramInfoLog(o);throw Error("Shader program link error: "+a)}return this.M.deleteShader(s),this.M.deleteShader(n),o}J(i,r){const s=this.M.createShader(i);if(this.M.shaderSource(s,r),this.M.compileShader(s),!this.M.getShaderParameter(s,this.M.COMPILE_STATUS)){const n=this.M.getShaderInfoLog(s);throw this.M.deleteShader(s),Error("Shader compilation error: "+n)}return s}K(){this.M.useProgram(this.j),this.tt()}tt(){this.N=0}et(i){for(const[r,s]of Object.entries(i))this.st(r,s)}st(i,r){const s=this.H.get(i);if(s)if(typeof r=="number")this.M.uniform1f(s,r);else if(typeof r=="boolean")this.M.uniform1i(s,r?1:0);else if(Array.isArray(r))switch(r.length){case 2:this.M.uniform2f(s,r[0],r[1]);break;case 3:this.M.uniform3f(s,r[0],r[1],r[2]);break;case 4:this.M.uniform4f(s,r[0],r[1],r[2],r[3]);break;default:console.warn(`Unsupported array length ${r.length} for uniform '${i}'`)}else if(r instanceof WebGLTexture){const n=this.it();this.M.uniform1i(s,n),this.M.activeTexture(this.M.TEXTURE0+n),this.M.bindTexture(this.M.TEXTURE_2D,r)}else if(r instanceof j){const n=this.it();this.M.uniform1i(s,n),this.M.activeTexture(this.M.TEXTURE0+n),this.M.bindTexture(this.M.TEXTURE_2D,r.texture)}else if(typeof r=="object"&&"texture"in r){const n=this.it();this.M.uniform1i(s,n),this.M.activeTexture(this.M.TEXTURE0+n),this.M.bindTexture(this.M.TEXTURE_2D,r.texture)}else console.warn(`Unsupported uniform type for '${i}':`,typeof r)}it(){return this.N>=this.X&&console.warn(`Exceeded maximum texture units (${this.X}). Texture may not render correctly.`),this.N++}get rt(){return this.j}U(){this.M.deleteProgram(this.j)}}class it{constructor(){u(this,"nt",1);u(this,"ot",0);u(this,"ht",[0,0,0]);u(this,"ct",[1,1,1,1]);u(this,"lt",[0,0,0,1]);u(this,"ut",!1);u(this,"ft",!1);u(this,"dt",!1);u(this,"gt",[0,0]);u(this,"_t",[0,0,0,1]);u(this,"vt",[])}xt(){this.vt.push({lineWeight:this.nt,rotation:this.ot,charRotation:[...this.gt],flipHorizontally:this.ut,flipVertically:this.ft,invert:this.dt,character:[...this.ht],charColor:[...this.ct],cellColor:[...this.lt]})}Ct(){const i=this.vt.pop();i?(this.nt=i.lineWeight,this.ot=i.rotation,this.gt=i.charRotation,this.ut=i.flipHorizontally,this.ft=i.flipVertically,this.dt=i.invert,this.ht=i.character,this.ct=i.charColor,this.lt=i.cellColor):console.warn("pop() called without matching push()")}yt(){this.vt=[],this.ot=0}wt(i){i.lineWeight=this.nt,i.rotation=this.ot,i.character[0]=this.ht[0],i.character[1]=this.ht[1],i.character[2]=this.ht[2],i.charColor[0]=this.ct[0],i.charColor[1]=this.ct[1],i.charColor[2]=this.ct[2],i.charColor[3]=this.ct[3],i.bgColor[0]=this.lt[0],i.bgColor[1]=this.lt[1],i.bgColor[2]=this.lt[2],i.bgColor[3]=this.lt[3],i.flipHorizontally=this.ut,i.flipVertically=this.ft,i.invert=this.dt,i.charRotation[0]=this.gt[0],i.charRotation[1]=this.gt[1]}get lineWeight(){return this.nt}get canvasBackgroundColor(){return this._t}$t(i){this.nt=Math.abs(i)}bt(i){this.ot=i}Tt(i){this.ht=i}zt(i,r,s,n=255){this.ct=[i/255,r/255,s/255,n/255]}Mt(i,r,s,n=255){this.lt=[i/255,r/255,s/255,n/255]}Rt(i){this.ut=i}St(i){this.ft=i}At(i){this.dt=i}Pt(i){const r=255*i/360,s=Math.floor(r)/255,n=Math.round(r-Math.floor(r));this.gt=[s,n]}Ft(i,r,s,n){this._t=[i/255,r/255,s/255,n/255]}}var v=(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))(v||{});class rt{constructor(i){u(this,"M");u(this,"Gt",new Map);this.M=i}Dt(i,r,s,n){const o=this.M;let a=this.Gt.get(i);a||(a=new Map,this.Gt.set(i,a));let h=a.get(r)||null;if(!h){h=o.createVertexArray(),a.set(r,h),o.bindVertexArray(h),o.bindBuffer(o.ARRAY_BUFFER,n);const l=o.getAttribLocation(i,"a_position");l!==-1&&(o.enableVertexAttribArray(l),o.vertexAttribPointer(l,s.attributes.position.size,o.FLOAT,!1,s.stride,s.attributes.position.offset),o.vertexAttribDivisor(l,0));const f=o.getAttribLocation(i,"a_texCoord");f!==-1&&(o.enableVertexAttribArray(f),o.vertexAttribPointer(f,s.attributes.texCoord.size,o.FLOAT,!1,s.stride,s.attributes.texCoord.offset),o.vertexAttribDivisor(f,0))}o.bindVertexArray(h)}It(){this.M.bindVertexArray(null)}U(){const i=this.M;for(const[,r]of this.Gt)for(const[,s]of r)s&&i.deleteVertexArray(s);this.Gt.clear()}}class st{constructor(i){u(this,"Bt");u(this,"M");this.M=i,this.Bt=new rt(i)}Lt(i,r,s){const{shader:n}=i,o=B(this.M)||this.M.getParameter(this.M.VIEWPORT);n.et({u_aspectRatio:o[2]/o[3],u_viewportSize:[o[2],o[3]]});const a=f=>{if(!f||!f.Et())return;const d=f.unitGeometry,p=f.unitBuffer;try{this.Bt.Dt(n.rt,f.type+"",d,p),f.batch.Wt(n),f.batch.kt(d.primitiveType,d.vertexCount)}finally{f.batch.Vt(n),this.Bt.It(),f.Ot()}};let h=null,l=null;for(const f of r){h!==null&&f.type!==h&&(a(l),h=null,l=null);let d=l;d&&f.type===h||(d=s.get(f.type)||null,l=d,h=f.type),d&&d.Ut(f.params,f.state)}a(l)}}class nt{constructor(){u(this,"jt",[]);u(this,"Ht",1);u(this,"qt",0)}Nt(i){if(this.qt>=this.jt.length){const s={id:this.Ht++,type:i,params:{},state:{lineWeight:1,rotation: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.jt.push(s)}const r=this.jt[this.qt];switch(r.id=this.Ht++,r.type=i,i){case v.RECTANGLE:case v.ELLIPSE:r.params&&"width"in r.params||(r.params={x:0,y:0,width:0,height:0});break;case v.ARC:r.params&&"start"in r.params||(r.params={x:0,y:0,width:0,height:0,start:0,stop:0});break;case v.LINE:r.params&&"x2"in r.params||(r.params={x1:0,y1:0,x2:0,y2:0,thickness:void 0});break;case v.TRIANGLE:r.params&&"x3"in r.params||(r.params={x1:0,y1:0,x2:0,y2:0,x3:0,y3:0});break;case v.BEZIER_CURVE:r.params&&"cp2y"in r.params||(r.params={x1:0,y1:0,cp1x:0,cp1y:0,cp2x:0,cp2y:0,x2:0,y2:0,thickness:void 0});break;default:r.params||(r.params={})}return this.qt++,r}Xt(i,r,s,n,o){const a=this.Nt(v.RECTANGLE);return a.params.x=i,a.params.y=r,a.params.width=s,a.params.height=n,o.wt(a.state),a.id}Yt(i,r,s,n,o,a){const h=this.Nt(v.LINE);return h.params.x1=i,h.params.y1=r,h.params.x2=s,h.params.y2=n,h.params.thickness=o,a.wt(h.state),h.id}Qt(i,r,s,n,o){const a=this.Nt(v.ELLIPSE);return a.params.x=i,a.params.y=r,a.params.width=s,a.params.height=n,o.wt(a.state),a.id}Zt(i,r,s,n,o,a,h){const l=this.Nt(v.ARC);return l.params.x=i,l.params.y=r,l.params.width=s,l.params.height=n,l.params.start=o,l.params.stop=a,h.wt(l.state),l.id}Jt(i,r,s,n,o,a,h){const l=this.Nt(v.TRIANGLE);return l.params.x1=i,l.params.y1=r,l.params.x2=s,l.params.y2=n,l.params.x3=o,l.params.y3=a,h.wt(l.state),l.id}Kt(i,r,s,n,o,a,h,l,f,d){const p=this.Nt(v.BEZIER_CURVE);return p.params.x1=i,p.params.y1=r,p.params.cp1x=s,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.wt(p.state),p.id}get length(){return this.qt}get isEmpty(){return this.qt===0}te(){this.qt=0}[Symbol.iterator](){let i=0;const r=this.qt,s=this.jt;return{next:()=>i<r?{value:s[i++],done:!1}:{value:void 0,done:!0}}}}const S=class S{static ee(i,r,s=0){var a,h,l,f,d,p,g,x,m,y;const n=r||new Float32Array(S.FLOATS_PER_INSTANCE);let o=s;return n[o++]=i.position[0],n[o++]=i.position[1],n[o++]=i.size[0],n[o++]=i.size[1],n[o++]=i.character[0],n[o++]=i.character[1],n[o++]=i.character[2],n[o++]=i.primaryColor[0],n[o++]=i.primaryColor[1],n[o++]=i.primaryColor[2],n[o++]=i.primaryColor[3],n[o++]=i.secondaryColor[0],n[o++]=i.secondaryColor[1],n[o++]=i.secondaryColor[2],n[o++]=i.secondaryColor[3],n[o++]=i.rotation[0],n[o++]=i.rotation[1],n[o++]=i.transform[0],n[o++]=i.transform[1],n[o++]=i.transform[2],n[o++]=i.globalRotation,n[o++]=i.rotationCenter[0],n[o++]=i.rotationCenter[1],n[o++]=((a=i.arcAngles)==null?void 0:a[0])||0,n[o++]=((h=i.arcAngles)==null?void 0:h[1])||0,n[o++]=((l=i.bezierControlPoint1)==null?void 0:l[0])||0,n[o++]=((f=i.bezierControlPoint1)==null?void 0:f[1])||0,n[o++]=((d=i.bezierControlPoint2)==null?void 0:d[0])||0,n[o++]=((p=i.bezierControlPoint2)==null?void 0:p[1])||0,n[o++]=((g=i.bezierStartPoint)==null?void 0:g[0])||0,n[o++]=((x=i.bezierStartPoint)==null?void 0:x[1])||0,n[o++]=((m=i.bezierEndPoint)==null?void 0:m[0])||0,n[o++]=((y=i.bezierEndPoint)==null?void 0:y[1])||0,n}static se(i){const r=i.length*S.FLOATS_PER_INSTANCE,s=new Float32Array(r);for(let n=0;n<i.length;n++){const o=n*S.FLOATS_PER_INSTANCE;S.ee(i[n],s,o)}return s}};u(S,"BYTES_PER_INSTANCE",132),u(S,"FLOATS_PER_INSTANCE",33);let P=S;const R=class R{};u(R,"STRIDE",P.BYTES_PER_INSTANCE),u(R,"ATTRIBUTES",{a_instancePosition:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:0,divisor:1},a_instanceSize:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:8,divisor:1},a_instanceCharacter:{location:-1,size:3,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:16,divisor:1},a_instancePrimaryColor:{location:-1,size:4,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:28,divisor:1},a_instanceSecondaryColor:{location:-1,size:4,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:44,divisor:1},a_instanceRotation:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:60,divisor:1},a_instanceTransform:{location:-1,size:3,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:68,divisor:1},a_instanceGlobalRotation:{location:-1,size:1,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:80,divisor:1},a_instanceRotationCenter:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:84,divisor:1},a_instanceArcAngles:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:92,divisor:1},a_instanceBezierCP1:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:100,divisor:1},a_instanceBezierCP2:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:108,divisor:1},a_instanceBezierStart:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:116,divisor:1},a_instanceBezierEnd:{location:-1,size:2,type:WebGL2RenderingContext.FLOAT,normalized:!1,stride:R.STRIDE,offset:124,divisor:1}});let z=R;class ot{constructor(i,r=1e3,s=1.5){u(this,"M");u(this,"ie",[]);u(this,"re");u(this,"ne");u(this,"oe",null);u(this,"ae",!0);u(this,"he",0);u(this,"ce",new Map);u(this,"le",null);this.M=i,this.re=r,this.ne=s,this.ue()}Ut(i){const r=this.ie.length;return this.ie.push(i),this.ae=!0,r}get count(){return this.ie.length}get isEmpty(){return this.ie.length===0}clear(){this.ie.length=0,this.ae=!0}fe(i){if(i<=this.re)return;const r=Math.ceil(i*this.ne);this.re=r,this.ue(),console.log(`InstanceBatch: Grew buffer capacity to ${r} instances`)}ue(){const i=this.M;if(this.oe&&i.deleteBuffer(this.oe),this.oe=i.createBuffer(),!this.oe)throw Error("Failed to create instance buffer");const r=this.re*P.BYTES_PER_INSTANCE;i.bindBuffer(i.ARRAY_BUFFER,this.oe),i.bufferData(i.ARRAY_BUFFER,r,i.DYNAMIC_DRAW),i.bindBuffer(i.ARRAY_BUFFER,null),this.ae=!0,this.he=0}de(){if(!this.ae||this.ie.length===0)return;const i=this.M,r=this.ie.length;this.fe(r),(!this.le||this.le.length<r*P.FLOATS_PER_INSTANCE)&&(this.le=new Float32Array(r*P.FLOATS_PER_INSTANCE));const s=P.se(this.ie);i.bindBuffer(i.ARRAY_BUFFER,this.oe),r<=this.he?i.bufferSubData(i.ARRAY_BUFFER,0,s):i.bufferData(i.ARRAY_BUFFER,s,i.DYNAMIC_DRAW),i.bindBuffer(i.ARRAY_BUFFER,null),this.ae=!1,this.he=r}pe(i){let r=this.ce.get(i);if(!r){r=new Map;const s=this.M;for(const n in z.ATTRIBUTES){const o=s.getAttribLocation(i,n);o!==-1&&r.set(n,o)}this.ce.set(i,r)}return r}Wt(i){if(!this.oe||this.ie.length===0)return;const r=this.M,s=i.rt;if(!s)return void console.warn("InstanceBatch: Cannot bind attributes - invalid shader program");this.de();const n=this.pe(s);r.bindBuffer(r.ARRAY_BUFFER,this.oe);for(const[o,a]of n){const h=z.ATTRIBUTES[o];h&&(r.enableVertexAttribArray(a),r.vertexAttribPointer(a,h.size,h.type,h.normalized,h.stride,h.offset),r.vertexAttribDivisor(a,h.divisor))}}Vt(i){const r=this.M,s=this.pe(i.rt);for(const[,n]of s)r.disableVertexAttribArray(n),r.vertexAttribDivisor(n,0)}kt(i,r){this.ie.length!==0&&this.M.drawArraysInstanced(i,0,r,this.ie.length)}U(){const i=this.M;this.oe&&(i.deleteBuffer(this.oe),this.oe=null),this.ie.length=0,this.ce.clear(),this.le=null}}class I{constructor(i,r,s,n){u(this,"M");u(this,"ge");u(this,"_e");u(this,"me");u(this,"ve",null);this.M=i,this.ge=r,this._e=s,this.me=n;const o=this.M.createBuffer();if(!o)throw Error("Failed to create unit geometry buffer");this.M.bindBuffer(this.M.ARRAY_BUFFER,o),this.M.bufferData(this.M.ARRAY_BUFFER,this.me.vertices,this.M.STATIC_DRAW),this.M.bindBuffer(this.M.ARRAY_BUFFER,null),this.ve=o}get type(){return this._e}get unitGeometry(){return this.me}get unitBuffer(){return this.ve}get batch(){return this.ge}Ot(){this.ge.clear()}Et(){return!this.ge.isEmpty}U(){this.ge.U(),this.ve&&(this.M.deleteBuffer(this.ve),this.ve=null)}xe(i,r,s,n,o){const a=this.Ce(i,r,s,n,o.rotation||0);return{position:[i,r],size:[s,n],character: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],globalRotation:a.radians,rotationCenter:[a.centerX,a.centerY]}}ye(i,r){const s=B(this.M)||[0,0,this.M.canvas.width,this.M.canvas.height];return{nx:i/s[2]*2-1,ny:1-r/s[3]*2}}we(i,r,s){const n=this.ye(r,s);i.rotationCenter=[n.nx,n.ny]}Ce(i,r,s,n,o){const a=B(this.M)||[0,0,this.M.canvas.width,this.M.canvas.height],h=a[2],l=a[3];return{centerX:(i+s/2)/h*2-1,centerY:1-(r+n/2)/l*2,radians:-o*Math.PI/180,aspectRatio:h/l}}}const at={vertices:new Float32Array([0,0,0,0,1,0,1,0,0,1,0,1,0,1,0,1,1,0,1,0,1,1,1,1]),vertexCount:6,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class ht extends I{constructor(i,r){super(i,r,v.RECTANGLE,at)}Ut(i,r){const s=this.xe(i.x,i.y,i.width,i.height,r);return this.ge.Ut(s)}}const ct={vertices: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]),vertexCount:6,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class lt extends I{constructor(i,r){super(i,r,v.LINE,ct)}Ut(i,r){const s=i.x2-i.x1,n=i.y2-i.y1,o=Math.hypot(s,n),a=Math.atan2(n,s),h=i.thickness||r.lineWeight||1,l=i.x1+s/2,f=i.y1+n/2,d=l-o/2,p=f,g={character:r.character,charColor:r.charColor,bgColor:r.bgColor,charRotation:r.charRotation,flipHorizontally:r.flipHorizontally,flipVertically:r.flipVertically,invert:r.invert,rotation:(r.rotation||0)+180*a/Math.PI,lineWeight:h},x=this.xe(d,p,o,h,g);return this.we(x,l,f),this.ge.Ut(x)}}const ut={vertices:function(c=32){const i=[],r=2*Math.PI/c;for(let s=0;s<c;s++){const n=s*r,o=(s+1)%c*r,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),x=.5*(p+1);i.push(0,0,.5,.5,a,h,l,f,d,p,g,x)}return new Float32Array(i)}(32),vertexCount:96,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class ft extends I{constructor(i,r){super(i,r,v.ELLIPSE,ut)}Ut(i,r){const s=this.xe(i.x,i.y,i.width,i.height,r);return this.we(s,i.x,i.y),this.ge.Ut(s)}}let dt={vertices:function(c){const i=[];for(let r=0;r<c;r++){const s=r/c,n=(r+1)/c;i.push(s,0,s,0,s,1,s,1,n,1,n,1)}return new Float32Array(i)}(32),vertexCount:96,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class pt extends I{constructor(i,r){super(i,r,v.ARC,dt)}Ut(i,r){const s=i.x-i.width/2,n=i.y-i.height/2,o=i.start*Math.PI/180,a=i.stop*Math.PI/180,h=this.xe(s,n,i.width,i.height,r);return this.we(h,i.x,i.y),h.arcAngles=[o,a],this.ge.Ut(h)}}const gt={vertices:new Float32Array([0,0,0,0,1,0,1,0,.5,1,.5,1]),vertexCount:3,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class mt extends I{constructor(i,r){super(i,r,v.TRIANGLE,gt)}Ut(i,r){const s=Math.min(i.x1,i.x2,i.x3),n=Math.max(i.x1,i.x2,i.x3),o=Math.min(i.y1,i.y2,i.y3),a=n-s,h=Math.max(i.y1,i.y2,i.y3)-o,l=this.xe(s,o,a,h,r),f=s+.5*a,d=o+h*(1/3);return this.we(l,f,d),this.ge.Ut(l)}}function X(c,i,r,s,n){const o=1-c,a=o*o,h=c*c;return a*o*i+3*a*c*r+3*o*h*s+h*c*n}const xt={vertices:function(c=16){const i=[];for(let r=0;r<c;r++){const s=r/c,n=(r+1)/c;i.push(s,-.5,s,0),i.push(n,-.5,n,0),i.push(s,.5,s,1),i.push(s,.5,s,1),i.push(n,-.5,n,0),i.push(n,.5,n,1)}return new Float32Array(i)}(16),vertexCount:96,primitiveType:WebGL2RenderingContext.TRIANGLES,stride:16,attributes:{position:{size:2,offset:0},texCoord:{size:2,offset:8}}};class yt extends I{constructor(i,r){super(i,r,v.BEZIER_CURVE,xt)}Ut(i,r){const s=r.lineWeight||1,n=X(.5,i.x1,i.cp1x,i.cp2x,i.x2),o=X(.5,i.y1,i.cp1y,i.cp2y,i.y2),a={character:r.character,charColor:r.charColor,bgColor:r.bgColor,charRotation:r.charRotation,flipHorizontally:r.flipHorizontally,flipVertically:r.flipVertically,invert:r.invert,rotation:r.rotation||0,lineWeight:s},h=this.xe(0,0,1,s,a);return this.we(h,n,o),h.bezierStartPoint=[i.x1,i.y1],h.bezierControlPoint1=[i.cp1x,i.cp1y],h.bezierControlPoint2=[i.cp2x,i.cp2y],h.bezierEndPoint=[i.x2,i.y2],this.ge.Ut(h)}}class vt{constructor(i){u(this,"M");u(this,"$e",null);u(this,"be",null);u(this,"Te",null);u(this,"ze",new Map);u(this,"Me");u(this,"Re");u(this,"Se");this.M=i,this.Se=new it,this.Me=new st(i),this.Re=new nt,this.be=i.createBuffer(),i.bindBuffer(i.ARRAY_BUFFER,this.be),i.bufferData(i.ARRAY_BUFFER,new Float32Array([-1,-1,0,0,1,-1,1,0,-1,1,0,1,1,-1,1,0,1,1,1,1,-1,1,0,1]),i.STATIC_DRAW),this.Te=i.createBuffer(),$(this.M,[0,0,this.M.canvas.width,this.M.canvas.height])}Ae(i){let r=this.ze.get(i);if(r)return r;const s=new ot(this.M);return r=(0,{[v.RECTANGLE]:()=>new ht(this.M,s),[v.LINE]:()=>new lt(this.M,s),[v.ELLIPSE]:()=>new ft(this.M,s),[v.ARC]:()=>new pt(this.M,s),[v.TRIANGLE]:()=>new mt(this.M,s),[v.BEZIER_CURVE]:()=>new yt(this.M,s)}[i])(),this.ze.set(i,r),r}Pe(i){this.$e!==i&&(this.$e=i,i.K())}Fe(i,r){return new et(this.M,i,r)}Ge(i,r,s,n){var y;const o=this.M,a=o.canvas.width,h=o.canvas.height,l=i/a*2-1,f=(i+s)/a*2-1,d=1-r/h*2,p=1-(r+n)/h*2,g=new Float32Array([l,p,f,p,l,d,f,p,f,d,l,d]);o.bindBuffer(o.ARRAY_BUFFER,this.Te),o.bufferData(o.ARRAY_BUFFER,g,o.DYNAMIC_DRAW);const x=((y=this.$e)==null?void 0:y.rt)||o.getParameter(o.CURRENT_PROGRAM),m=x?o.getAttribLocation(x,"a_position"):-1;m!==-1&&(o.enableVertexAttribArray(m),o.vertexAttribPointer(m,2,o.FLOAT,!1,8,0)),o.drawArrays(o.TRIANGLES,0,6),m!==-1&&o.disableVertexAttribArray(m)}De(i,r,s,n){this.Re.Xt(i,r,s,n,this.Se)}Ie(i,r,s,n){this.Re.Yt(i,r,s,n,this.Se.lineWeight,this.Se)}Be(i,r,s,n){this.Re.Qt(i,r,s,n,this.Se)}Le(i,r,s,n,o,a){this.Re.Jt(i,r,s,n,o,a,this.Se)}Ee(i,r,s,n,o,a,h,l){const f=this.Se.lineWeight;this.Re.Kt(i,r,s,n,o,a,h,l,f,this.Se)}We(i,r,s=1,n={}){return new j(this.M,i,r,s,n)}ke(i,r,s,n,o,a){this.Re.Zt(i,r,s,n,o,a,this.Se)}Ve(i,r=i,s=i,n=255){this.state.Ft(i,r,s,n),this.te(i/255,r/255,s/255,n/255)}te(i=0,r=0,s=0,n=0){this.M.clearColor(i,r,s,n),this.M.clear(this.M.COLOR_BUFFER_BIT)}Oe(){this.M.viewport(0,0,this.M.canvas.width,this.M.canvas.height),$(this.M,[0,0,this.M.canvas.width,this.M.canvas.height])}get context(){return this.M}get state(){return this.Se}Ue(i){const r=B(this.M)??this.M.getParameter(this.M.VIEWPORT),s={shader:i,gl:this.M,viewport:r},n=new Set;for(const o of this.Re)n.add(o.type);for(const o of n)this.Ae(o);this.Me.Lt(s,this.Re,this.ze),this.Re.te()}U(){this.M.deleteBuffer(this.be),this.M.deleteBuffer(this.Te),this.Re.te();for(const i of this.ze.values())i.U()}}const T={readShort:(c,i)=>(T.t.uint16[0]=c[i]<<8|c[i+1],T.t.int16[0]),readUshort:(c,i)=>c[i]<<8|c[i+1],readUshorts(c,i,r){const s=[];for(let n=0;n<r;n++)s.push(T.readUshort(c,i+2*n));return s},readUint(c,i){const r=T.t.uint8;return r[3]=c[i],r[2]=c[i+1],r[1]=c[i+2],r[0]=c[i+3],T.t.uint32[0]},readASCII(c,i,r){let s="";for(let n=0;n<r;n++)s+=String.fromCharCode(c[i+n]);return s},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,i,r){const s={tables:[],ids:{},off:i};c=new Uint8Array(c.buffer,i,r),i=0;const n=T,o=n.readUshort,a=o(c,i+=2);i+=2;const h=[];for(let l=0;l<a;l++){const f=o(c,i),d=o(c,i+=2);i+=2;const p=n.readUint(c,i);i+=4;const g=`p${f}e${d}`;let x=h.indexOf(p);if(x===-1){let m;x=s.tables.length,h.push(p);const y=o(c,p);m=y===4?this.parse4(c,p):y===12?this.parse12(c,p):{format:y},s.tables.push(m)}s.ids[g]!=null&&console.warn("Multiple tables for one platform+encoding: "+g),s.ids[g]=x}return s},parse4(c,i){const r=T,s=r.readUshort,n=r.readUshorts,o=i,a=s(c,i+=2);i+=2;const h=s(c,i+=2)>>>1,l={format:4,searchRange:s(c,i+=2),entrySelector:0,rangeShift:0,endCount:[],startCount:[],idDelta:[],idRangeOffset:[],glyphIdArray:[]};i+=2,l.entrySelector=s(c,i),i+=2,l.rangeShift=s(c,i),i+=2,l.endCount=n(c,i,h),i+=2*h,i+=2,l.startCount=n(c,i,h),i+=2*h;for(let f=0;f<h;f++)l.idDelta.push(r.readShort(c,i)),i+=2;return l.idRangeOffset=n(c,i,h),i+=2*h,l.glyphIdArray=n(c,i,o+a-i>>1),l},parse12(c,i){const r=T.readUint;r(c,i+=4),r(c,i+=4);const s=r(c,i+=4);i+=4;const n=new Uint32Array(3*s);for(let o=0;o<3*s;o+=3)n[o]=r(c,i+(o<<2)),n[o+1]=r(c,i+(o<<2)+4),n[o+2]=r(c,i+(o<<2)+8);return{format:12,groups:n}}},Rt={parseTab(c,i,r){const s=T;i+=18;const n=s.readUshort(c,i);i+=2,i+=16;const o=s.readShort(c,i);i+=2;const a=s.readShort(c,i);i+=2;const h=s.readShort(c,i);i+=2;const l=s.readShort(c,i);return i+=2,i+=6,{unitsPerEm:n,xMin:o,yMin:a,xMax:h,yMax:l,indexToLocFormat:s.readShort(c,i)}}},wt={parseTab(c,i,r){const s=T;i+=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"?s.readUshort:s.readShort;o[h]=l(c,i+2*a)}return o}},Tt={parseTab(c,i,r,s){const n=T,o=[],a=[],h=s.maxp.numGlyphs,l=s.hhea.numberOfHMetrics;let f=0,d=0,p=0;for(;p<l;)f=n.readUshort(c,i+(p<<2)),d=n.readShort(c,i+(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}}},Y={cmap:Ct,head:Rt,hhea:wt,maxp:{parseTab(c,i,r){const s=T;return s.readUint(c,i),i+=4,{numGlyphs:s.readUshort(c,i)}}},hmtx:Tt,loca:{parseTab(c,i,r,s){const n=T,o=[],a=s.head.indexToLocFormat,h=s.maxp.numGlyphs+1;if(a===0)for(let l=0;l<h;l++)o.push(n.readUshort(c,i+(l<<1))<<1);else if(a===1)for(let l=0;l<h;l++)o.push(n.readUint(c,i+(l<<2)));return o}},glyf:{parseTab(c,i,r,s){const n=[],o=s.maxp.numGlyphs;for(let a=0;a<o;a++)n.push(null);return n},je(c,i){const r=T,s=c.He,n=c.loca;if(n[i]===n[i+1])return null;const o=M.findTable(s,"glyf",c.qe);if(!o)return null;let a=o[0]+n[i];const h={};if(h.noc=r.readShort(s,a),a+=2,h.xMin=r.readShort(s,a),a+=2,h.yMin=r.readShort(s,a),a+=2,h.xMax=r.readShort(s,a),a+=2,h.yMax=r.readShort(s,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(r.readUshort(s,a)),a+=2;const l=r.readUshort(s,a);if(a+=2,s.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 x=s[a];if(a++,h.flags.push(x),8&x){const m=s[a];a++;for(let y=0;y<m;y++)h.flags.push(x),g++}}h.xs=[];for(let g=0;g<f;g++){const x=h.flags[g],m=!!(16&x);2&x?(h.xs.push(m?s[a]:-s[a]),a++):m?h.xs.push(0):(h.xs.push(r.readShort(s,a)),a+=2)}h.ys=[];for(let g=0;g<f;g++){const x=h.flags[g],m=!!(32&x);4&x?(h.ys.push(m?s[a]:-s[a]),a++):m?h.ys.push(0):(h.ys.push(r.readShort(s,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}}},M={parse:c=>[((i,r,s,n)=>{const o=Y,a={He:i,Ne:r,qe:s};for(const h in o){const l=h,f=M.findTable(i,l,s);if(f){const[d,p]=f;let g=n[d];g==null&&(g=o[l].parseTab(i,d,p,a),n[d]=g),a[l]=g}}return a})(new Uint8Array(c),0,0,{})],findTable(c,i,r){const s=T,n=s.readUshort(c,r+4);let o=r+12;for(let a=0;a<n;a++){const h=s.readASCII(c,o,4);s.readUint(c,o+4);const l=s.readUint(c,o+8),f=s.readUint(c,o+12);if(h===i)return[l,f];o+=16}return null},T:Y,B:T};class G{constructor(){u(this,"Xe",new Map);u(this,"Ye",new Map)}Qe(i,r){const s=`${this.Ze(i)}_${r}`;if(this.Xe.has(s))return this.Xe.get(s);const n=i.cmap;if(!n||!n.tables)return this.Xe.set(s,0),0;let o=0;for(const a of n.tables)if(a.format===4?o=this.Je(r,a):a.format===12&&(o=this.Ke(r,a)),o>0)break;return this.Xe.set(s,o),o}ts(i,r){const s=r.codePointAt(0);return s===void 0?0:this.Qe(i,s)}es(i,r){const s=i.hmtx;return s&&s.aWidth&&s.aWidth.length!==0?r<s.aWidth.length?s.aWidth[r]:s.aWidth[s.aWidth.length-1]:0}ss(i,r){const s=r/i.head.unitsPerEm,n=i.hhea.ascender*s,o=i.hhea.descender*s,a=i.hhea.lineGap*s;return{ascender:n,descender:o,lineGap:a,lineHeight:n-o+a,unitsPerEm:i.head.unitsPerEm,scale:s}}rs(){this.Xe.clear(),this.Ye.clear()}Ze(i){return`${i.qe}_${i.He.length}`}Je(i,r){const s=r.endCount.length;let n=-1;for(let o=0;o<s;o++)if(i<=r.endCount[o]){n=o;break}if(n===-1||i<r.startCount[n])return 0;if(r.idRangeOffset[n]===0)return i+r.idDelta[n]&65535;{const o=r.idRangeOffset[n]/2+(i-r.startCount[n])-(s-n);if(o>=0&&o<r.glyphIdArray.length){const a=r.glyphIdArray[o];return a===0?0:a+r.idDelta[n]&65535}}return 0}Ke(i,r){const s=r.groups.length/3;for(let n=0;n<s;n++){const o=r.groups[3*n],a=r.groups[3*n+1],h=r.groups[3*n+2];if(i>=o&&i<=a)return h+(i-o)}return 0}}class bt{constructor(i){u(this,"ns");this.ns=i}hs(i){var s;const r=[];return(s=i.cmap)!=null&&s.tables?(i.cmap.tables.forEach(n=>{if(n.format===4){const o=this.cs(n);r.push(...o)}else if(n.format===12){const o=this.ls(n);r.push(...o)}}),[...new Set(r)]):[]}us(i,r){return this.ns.ts(i,r)>0}fs(i,r){for(const s of r)if(!this.us(i,s))return!1;return!0}ds(i,r){return r.filter(s=>this.us(i,s))}ps(i){return i.filter(r=>this.gs(r))}cs(i){const r=[];if(!(i.startCount&&i.endCount&&i.idRangeOffset&&i.idDelta))return r;for(let s=0;s<i.startCount.length;s++){const n=i.startCount[s],o=i.endCount[s];if(n!==65535||o!==65535){for(let a=n;a<=o;a++)if(this._s(i,a,s)>0)try{const h=String.fromCodePoint(a);r.push(h)}catch{}}}return r}ls(i){const r=[];if(!i.groups)return r;for(let s=0;s<i.groups.length;s+=3){const n=i.groups[s],o=i.groups[s+1],a=i.groups[s+2];for(let h=n;h<=o;h++)if(a+(h-n)>0)try{const l=String.fromCodePoint(h);r.push(l)}catch{}}return r}_s(i,r,s){if(i.idRangeOffset[s]===0)return r+i.idDelta[s]&65535;{const n=i.idRangeOffset[s]/2+(r-i.startCount[s])-(i.startCount.length-s);if(n>=0&&i.glyphIdArray&&n<i.glyphIdArray.length){const o=i.glyphIdArray[n];if(o!==0)return o+i.idDelta[s]&65535}}return 0}gs(i){const r=i.codePointAt(0)||0;return!(r>=0&&r<=31&&r!==9&&r!==10&&r!==13||r>=127&&r<=159)}}class Et{constructor(){u(this,"vs");const i=new G;this.vs=new bt(i)}extractCharacters(i){return this.vs.hs(i)}filterProblematicCharacters(i){return this.vs.ps(i)}characterExists(i,r){return this.vs.us(i,r)}allCharactersExist(i,r){return this.vs.fs(i,r)}}class At{constructor(i){u(this,"Cs");u(this,"ws");u(this,"$s");u(this,"bs");this.$s=i,this.bs=new G,this.Cs=document.createElement("canvas"),this.ws=this.Cs.getContext("2d",{willReadFrequently:!0,alpha:!1})}createTextureAtlas(i,r,s,n){const o=i.length,a=Math.ceil(Math.sqrt(o)),h=Math.ceil(o/a),l=r.width*a,f=r.height*h,d=typeof n=="object"?n:null;this.Ts(l,f),this.zs(i,r,a,s,d);const p=this.$s.We(l,f,1,{filter:"nearest"});return p.I(this.Cs),{framebuffer:p,columns:a,rows:h}}Ts(i,r){this.Cs.width=i,this.Cs.height=r,this.Cs.style.width=i+"px",this.Cs.style.height=i+"px",this.ws.imageSmoothingEnabled=!1,this.Cs.style.imageRendering="pixelated",this.ws.fillStyle="black",this.ws.fillRect(0,0,i,r),this.ws.textBaseline="top",this.ws.textAlign="left",this.ws.fillStyle="white"}zs(i,r,s,n,o){const a=n/o.head.unitsPerEm;for(let h=0;h<i.length;h++){const l=h%s,f=Math.floor(h/s),d=i[h].character,p=this.Ms(o,d);if(!p)continue;const g=d.codePointAt(0)||0,x=this.bs.Qe(o,g),m=this.Rs(o,x)*a,y=l*r.width,E=f*r.height,b=y+.5*r.width,A=E+.5*r.height,_=Math.round(b-.5*r.width),L=Math.round(A-.5*n),Qt=_+.5*(r.width-m),Jt=L+o.hhea.ascender*a;this.Ss(p,Qt,Jt,a)}}Ms(i,r){const s=r.codePointAt(0)||0,n=this.bs.Qe(i,s);if(n===0)return null;if(i.glyf&&i.glyf[n]!==null)return i.glyf[n];if(M&&M.T&&M.T.glyf){const o=M.T.glyf.je(i,n);return i.glyf&&o&&(i.glyf[n]=o),o}return null}Rs(i,r){const s=i.hmtx;return s&&s.aWidth?r<s.aWidth.length?s.aWidth[r]:s.aWidth[s.aWidth.length-1]:0}Ss(i,r,s,n){if(!i||!i.xs||i.noc===0)return;const{xs:o,ys:a,endPts:h,flags:l}=i;if(!(o&&a&&h&&l))return;this.ws.beginPath();let f=0;for(let d=0;d<h.length;d++){const p=h[d];if(!(p<f)){if(p>=f){const g=r+o[f]*n,x=s-a[f]*n;this.ws.moveTo(g,x);let m=f+1;for(;m<=p;)if(1&l[m]){const y=r+o[m]*n,E=s-a[m]*n;this.ws.lineTo(y,E),m++}else{const y=r+o[m]*n,E=s-a[m]*n;let b=m+1>p?f:m+1;if(1&l[b]){const A=r+o[b]*n,_=s-a[b]*n;this.ws.quadraticCurveTo(y,E,A,_),m=b+1}else{const A=(y+(r+o[b]*n))/2,_=(E+(s-a[b]*n))/2;this.ws.quadraticCurveTo(y,E,A,_),m=b}}this.ws.closePath()}f=p+1}}this.ws.fill()}}class Mt{constructor(){u(this,"ns");this.ns=new G}calculateMaxGlyphDimensions(i,r,s){let n=0;const o=this.ns.ss(s,r),a=o.lineHeight;for(const h of i){const l=this.ns.ts(s,h);if(l===0)continue;const f=this.ns.es(s,l)*o.scale;n=Math.max(n,f)}return{width:Math.ceil(n),height:Math.ceil(a)}}getCharacterAdvanceWidth(i,r,s){const n=this.ns.ss(s,r),o=this.ns.ts(s,i);return this.ns.es(s,o)*n.scale}getFontMetrics(i,r){return this.ns.ss(r,i)}rs(){this.ns.rs()}}class _t{constructor(){u(this,"bs");this.bs=new G}createCharacterObjects(i,r){return i.map((s,n)=>{const o=s.codePointAt(0)||0,a=this.As(n);let h=0;if(r.hmtx&&r.hmtx.aWidth){const l=this.bs.Qe(r,o);l>0&&r.hmtx.aWidth[l]!==void 0&&(h=r.hmtx.aWidth[l])}return{character:s,unicode:o,color:a,advanceWidth:h}})}As(i){return[i%256/255,Math.floor(i/256)%256/255,Math.floor(i/65536)%256/255]}Ps(i,r){if(!D._(typeof i=="string","Character must be a string.",{method:"getCharacterColor",providedValue:i}))return[0,0,0];const s=r.find(n=>n.character===i);return s?s.color:[0,0,0]}Fs(i,r){return D._(typeof i=="string"&&i.length>0,"Characters must be a string with at least one character.",{method:"getCharacterColors",providedValue:i})?Array.from(i).map(s=>this.Ps(s,r)||[0,0,0]):[[0,0,0]]}}class H{constructor(i,r=16){u(this,"Gs");u(this,"Ds",[]);u(this,"Is");u(this,"Bs",16);u(this,"Ls",0);u(this,"Es",0);u(this,"Ws",{width:0,height:0});u(this,"ks");u(this,"Vs");u(this,"Os");u(this,"Us");u(this,"js");this.Bs=r,this.Vs=new Et,this.Os=new At(i),this.Us=new Mt,this.js=new _t}async Hs(i){let r;if(!i)throw new C("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");{const s=await fetch(i);if(!s.ok)throw new C(`Failed to load font file: ${s.status} ${s.statusText}`);r=await s.arrayBuffer()}await this.qs(r),this.Gs=M.parse(r)[0],await this.Ns()}Xs(i){if(i===void 0)return this.Bs;this.Bs=i,this.Ws=this.Us.calculateMaxGlyphDimensions(this.Ds.map(s=>s.character),this.Bs,this.Gs);const r=this.Os.createTextureAtlas(this.Ds,this.Ws,this.Bs,this.Gs);this.Is=r.framebuffer,this.Ls=r.columns,this.Es=r.rows}async Ys(i){try{const r=await fetch(i);if(!r.ok)throw new C(`Failed to load font file: ${r.status} ${r.statusText}`);const s=await r.arrayBuffer();await this.qs(s);const n=M.parse(s);if(!n||n.length===0)throw Error("Failed to parse font file");this.Gs=n[0],await this.Ns()}catch(r){throw new C("Failed to load font: "+(r instanceof Error?r.message:"Unknown error"),r)}}async qs(i){const r=Date.now();this.ks=new FontFace("CustomFont_"+r,i),await this.ks.load(),document.fonts.add(this.ks)}async Ns(){const i=this.Vs.extractCharacters(this.Gs),r=this.Vs.filterProblematicCharacters(i);this.Ds=this.js.createCharacterObjects(r,this.Gs),this.Ws=this.Us.calculateMaxGlyphDimensions(r,this.Bs,this.Gs);const s=this.Os.createTextureAtlas(this.Ds,this.Ws,this.Bs,this.Gs);this.Is=s.framebuffer,this.Ls=s.columns,this.Es=s.rows}Ps(i){return this.js.Ps(i,this.Ds)}Fs(i){return this.js.Fs(i,this.Ds)}U(){this.Is.U(),document.fonts.delete(this.ks)}get fontFramebuffer(){return this.Is}get characters(){return this.Ds}get textureColumns(){return this.Ls}get textureRows(){return this.Es}get maxGlyphDimensions(){return this.Ws}get fontSize(){return this.Bs}get font(){return this.Gs}}class q{constructor(i,r,s){u(this,"Qs");u(this,"Zs");u(this,"v");u(this,"C");u(this,"Js");u(this,"Ks");u(this,"ti");u(this,"ei");u(this,"si");this.ti=i,this.ei=r,this.si=s,this.yt()}yt(){this.Qs=Math.floor(this.ti.width/this.ei),this.Zs=Math.floor(this.ti.height/this.si),this.v=this.Qs*this.ei,this.C=this.Zs*this.si,this.Js=Math.floor((this.ti.width-this.v)/2),this.Ks=Math.floor((this.ti.height-this.C)/2)}ii(i,r){this.ei=i,this.si=r,this.yt()}get cellWidth(){return this.ei}get cellHeight(){return this.si}get cols(){return this.Qs}get rows(){return this.Zs}get width(){return this.v}get height(){return this.C}get offsetX(){return this.Js}get offsetY(){return this.Ks}}class Z{constructor(i={}){u(this,"ti");u(this,"ri");u(this,"ni");i.canvas?(this.ti=i.canvas,this.ni=!1):(this.ti=this.oi(i.width,i.height),this.ni=!0),this.ti.style.imageRendering="pixelated"}oi(i,r){const s=document.createElement("canvas");return s.className="textmodeCanvas",s.style.imageRendering="pixelated",s.width=i||800,s.height=r||600,document.body.appendChild(s),s}L(i,r){this.ti.width=i??this.ti.width,this.ti.height=r??this.ti.height}ai(){const i=this.ti.getContext("webgl2",{alpha:!0,premultipliedAlpha:!1,preserveDrawingBuffer:!0,antialias:!1,depth:!1,stencil:!1,powerPreference:"high-performance"});if(!i)throw new C("`textmode.js` requires WebGL2 support.");return i}U(){this.ri&&this.ri.disconnect();const i=this.ti.getContext("webgl")||this.ti.getContext("webgl2");if(i){const r=i.getExtension("WEBGL_lose_context");r&&r.loseContext()}this.ni&&this.ti.parentNode&&this.ti.parentNode.removeChild(this.ti)}get canvas(){return this.ti}get width(){return this.ti.width}get height(){return this.ti.height}}class St{constructor(i=60){u(this,"hi");u(this,"ci");u(this,"li",null);u(this,"ui",0);u(this,"fi",!0);u(this,"di",0);u(this,"pi",0);u(this,"gi",[]);u(this,"_i",10);u(this,"mi",0);this.hi=i,this.ci=1e3/i}start(i){if(!this.fi)return;this.ui=performance.now();const r=s=>{if(!this.fi)return void(this.li=null);const n=s-this.ui;n>=this.ci&&(i(),this.ui=s-n%this.ci),this.fi&&(this.li=requestAnimationFrame(r))};this.li=requestAnimationFrame(r)}stop(){this.li&&(cancelAnimationFrame(this.li),this.li=null)}pause(){this.fi&&(this.fi=!1,this.stop())}resume(i){this.fi||(this.fi=!0,this.start(i))}frameRate(i,r){if(i===void 0)return this.di;this.hi=i,this.ci=1e3/i,this.fi&&r&&(this.stop(),this.start(r))}measureFrameRate(){const i=performance.now();if(this.pi>0){const r=i-this.pi;this.gi.push(r),this.gi.length>this._i&&this.gi.shift();const s=this.gi.reduce((n,o)=>n+o,0)/this.gi.length;this.di=1e3/s}this.pi=i}get isLooping(){return this.fi}get frameRateLimit(){return this.hi}get currentFrameRate(){return this.di}get frameCount(){return this.mi}set frameCount(i){this.mi=i}incrementFrame(){this.mi++}resetFrameCount(){this.mi=0}}const Ft=c=>class extends c{rotate(i){this.$s.state.bt(i)}push(){this.$s.state.xt()}pop(){this.$s.state.Ct()}rect(i,r,s=1,n=1){this.$s.De(i,r,s,n)}line(i,r,s,n){this.$s.Ie(i,r,s,n)}lineWeight(i){this.$s.state.$t(i)}background(i,r=i,s=i,n=255){this.$s.Ve(i,r,s,n)}char(i){this.$s.state.Tt(this.Gs.Ps(i))}charColor(i,r,s){this.$s.state.zt(i,r,s)}cellColor(i,r,s){this.$s.state.Mt(i,r,s)}flipHorizontally(i){this.$s.state.Rt(i)}flipVertically(i){this.$s.state.St(i)}charRotation(i){this.$s.state.Pt(i)}invert(i){this.$s.state.At(i)}clear(){this.$s.Ve(0,0,0,0)}ellipse(i,r,s,n){this.$s.Be(i,r,s/2,n/2)}triangle(i,r,s,n,o,a){this.$s.Le(i,r,s,n,o,a)}bezierCurve(i,r,s,n,o,a,h,l){this.$s.Ee(i,r,s,n,o,a,h,l)}arc(i,r,s,n,o,a){this.$s.ke(i,r,s,n,o,a)}};class N{xi(i){const r=i.W(0),s=i.W(1),n=i.W(2),o=i.W(3);return{characterPixels:r,primaryColorPixels:s,secondaryColorPixels:n,transformPixels:i.W(4),rotationPixels:o}}Ci(i,r){return i[r]+(i[r+1]<<8)}yi(i,r){return{r:i[r],g:i[r+1],b:i[r+2],a:i[r+3]}}}class k{wi(i,r){return new Blob([i],{type:r})}$i(i,r,s){try{const n=this.wi(i,s),o=URL.createObjectURL(n),a=document.createElement("a");a.href=o,a.download=r,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"))}}bi(){return new Date().toISOString().slice(0,19).replace(/:/g,"-")}Ti(){const i=new Date;return{date:i.toISOString().split("T")[0],time:i.toTimeString().split(" ")[0].replace(/:/g,"-")}}zi(i){return i.replace(/[<>:"/\\|?*]/g,"_").replace(/\s+/g,"_").replace(/_{2,}/g,"_").replace(/^_+|_+$/g,"").substring(0,255)}Mi(){return"'textmode-export'-"+this.bi()}}class Pt extends N{Ri(i,r,s){const n=i[s]===255,o=i[s+1]===255,a=i[s+2]===255,h=r[s],l=r[s+1];return{isInverted:n,flipHorizontal:o,flipVertical:a,rotation:Math.round(360*(h+l/255)/255*100)/100}}Si(i,r,s){return{x:i,y:r,cellX:i*s.cellWidth,cellY:r*s.cellHeight}}Ai(i,r){const s=[];let n=0;for(let o=0;o<r.rows;o++)for(let a=0;a<r.cols;a++){const h=4*n,l=this.Ci(i.characterPixels,h);let f=this.yi(i.primaryColorPixels,h),d=this.yi(i.secondaryColorPixels,h);const p=this.Ri(i.transformPixels,i.rotationPixels,h);if(p.isInverted){const x=f;f=d,d=x}const g=this.Si(a,o,r);s.push({charIndex:l,primaryColor:f,secondaryColor:d,transform:p,position:g}),n++}return s}}class Ut{Pi(i,r){const s=i.cmap;for(const n of s.tables)if(n.format===4){const o=n;for(let a=0;a<o.startCount.length;a++)if(r>=o.startCount[a]&&r<=o.endCount[a]){if(o.idRangeOffset[a]===0)return r+o.idDelta[a]&65535;{const h=o.idRangeOffset[a]/2+(r-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(r>=h&&r<=l)return f+(r-h)}}return 0}Fi(i,r,s,n,o){const a=o/i.head.unitsPerEm;return{getBoundingBox:()=>({x1:s+r.xMin*a,y1:n+-r.yMax*a,x2:s+r.xMax*a,y2:n+-r.yMin*a}),toSVG:()=>this.Gi(r,s,n,a)}}Gi(i,r,s,n){if(!i||!i.xs)return"";const{xs:o,ys:a,endPts:h,flags:l}=i;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 x=r+o[d]*n,m=s-a[d]*n;f+=`M${x.toFixed(2)},${m.toFixed(2)}`;let y=d+1;for(;y<=g;)if(1&l[y]){const E=r+o[y]*n,b=s-a[y]*n;f+=`L${E.toFixed(2)},${b.toFixed(2)}`,y++}else{const E=r+o[y]*n,b=s-a[y]*n;let A=y+1>g?d:y+1;if(1&l[A]){const _=r+o[A]*n,L=s-a[A]*n;f+=`Q${E.toFixed(2)},${b.toFixed(2)} ${_.toFixed(2)},${L.toFixed(2)}`,y=A+1}else{const _=(E+(r+o[A]*n))/2,L=(b+(s-a[A]*n))/2;f+=`Q${E.toFixed(2)},${b.toFixed(2)} ${_.toFixed(2)},${L.toFixed(2)}`,y=A}}f+="Z"}d=g+1}}return f}Di(i,r,s,n,o){const a=i.codePointAt(0)||0,h=this.Pi(r,a);let l=null;return r.glyf&&r.glyf[h]!==null?l=r.glyf[h]:(l=M.T.glyf.je(r,h),r.glyf[h]=l),this.Fi(r,l,s,n,o)}Ii(i,r,s,n,o,a,h,l){const f=s+(o-l*(h/r.head.unitsPerEm))/2,d=n+(a+.7*h)/2;return this.Di(i,r,f,d,h).toSVG()||null}}class It{constructor(){u(this,"Bi");this.Bi=new Ut}Li(i){return`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="${s.width}" height="${s.height}" viewBox="0 0 ${s.width} ${s.height}" 
+<svg width="${i.width}" height="${i.height}" viewBox="0 0 ${i.width} ${i.height}" 
      xmlns="http://www.w3.org/2000/svg" version="1.1">
 <title>textmode art generated via textmode.js</title>
-<desc>textmode art visualization generated by textmode.js library</desc>`}Bi(){return`
+<desc>textmode art visualization generated by textmode.js library</desc>`}Ei(){return`
 </g>
-</svg>`}Li(s,r){if(!r.includeBackgroundRectangles)return"";const i=r.backgroundColor,n=`rgba(${i[0]},${i[1]},${i[2]},${i[3]/255})`;return`
-<rect width="${s.width}" height="${s.height}" fill="${n}" />`}Ei(s){return`rgba(${s.r},${s.g},${s.b},${s.a/255})`}Wi(s,r){const{transform:i,position:n}=s,o=n.cellX+r.cellWidth/2,a=n.cellY+r.cellHeight/2,h=[];if(i.flipHorizontal||i.flipVertical){const l=i.flipHorizontal?-1:1,f=i.flipVertical?-1:1;h.push(`translate(${o} ${a})`),h.push(`scale(${l} ${f})`),h.push(`translate(${-o} ${-a})`)}return i.rotation&&h.push(`rotate(${i.rotation} ${o} ${a})`),h.length?` transform="${h.join(" ")}"`:""}ki(s,r,i){if(!i.includeBackgroundRectangles||s.secondaryColor.a===0)return"";const{position:n}=s,o=this.Ei(s.secondaryColor);return i.drawMode==="stroke"?`
-  <rect x="${n.cellX}" y="${n.cellY}" width="${r.cellWidth}" height="${r.cellHeight}" stroke="${o}" fill="none" stroke-width="${i.strokeWidth}" />`:`
-  <rect x="${n.cellX}" y="${n.cellY}" width="${r.cellWidth}" height="${r.cellHeight}" fill="${o}" />`}Fi(s,r,i,n){const o=i.characters[s.charIndex];if(!o)return"";const a=this.Di.Gi(o.character,i.font,s.position.cellX,s.position.cellY,r.cellWidth,r.cellHeight,i.fontSize,o.advanceWidth);if(!a)return"";const h=this.Ei(s.primaryColor);return n.drawMode==="stroke"?`
-    <path id="${`path-${s.charIndex}-${s.position.cellX}-${s.position.cellY}`.replace(/\./g,"-")}" d="${a}" stroke="${h}" stroke-width="${n.strokeWidth}" fill="none" />`:`
-    <path d="${a}" fill="${h}" />`}Vi(s,r,i,n){let o="";o+=this.ki(s,r,n);const a=this.Wi(s,r),h=this.Fi(s,r,i,n);return h&&(a?(o+=`
+</svg>`}Wi(i,r){if(!r.includeBackgroundRectangles)return"";const s=r.backgroundColor,n=`rgba(${s[0]},${s[1]},${s[2]},${s[3]/255})`;return`
+<rect width="${i.width}" height="${i.height}" fill="${n}" />`}ki(i){return`rgba(${i.r},${i.g},${i.b},${i.a/255})`}Vi(i,r){const{transform:s,position:n}=i,o=n.cellX+r.cellWidth/2,a=n.cellY+r.cellHeight/2,h=[];if(s.flipHorizontal||s.flipVertical){const l=s.flipHorizontal?-1:1,f=s.flipVertical?-1:1;h.push(`translate(${o} ${a})`),h.push(`scale(${l} ${f})`),h.push(`translate(${-o} ${-a})`)}return s.rotation&&h.push(`rotate(${s.rotation} ${o} ${a})`),h.length?` transform="${h.join(" ")}"`:""}Oi(i,r,s){if(!s.includeBackgroundRectangles||i.secondaryColor.a===0)return"";const{position:n}=i,o=this.ki(i.secondaryColor);return s.drawMode==="stroke"?`
+  <rect x="${n.cellX}" y="${n.cellY}" width="${r.cellWidth}" height="${r.cellHeight}" stroke="${o}" fill="none" stroke-width="${s.strokeWidth}" />`:`
+  <rect x="${n.cellX}" y="${n.cellY}" width="${r.cellWidth}" height="${r.cellHeight}" fill="${o}" />`}Di(i,r,s,n){const o=s.characters[i.charIndex];if(!o)return"";const a=this.Bi.Ii(o.character,s.font,i.position.cellX,i.position.cellY,r.cellWidth,r.cellHeight,s.fontSize,o.advanceWidth);if(!a)return"";const h=this.ki(i.primaryColor);return n.drawMode==="stroke"?`
+    <path id="${`path-${i.charIndex}-${i.position.cellX}-${i.position.cellY}`.replace(/\./g,"-")}" d="${a}" stroke="${h}" stroke-width="${n.strokeWidth}" fill="none" />`:`
+    <path d="${a}" fill="${h}" />`}Ui(i,r,s,n){let o="";o+=this.Oi(i,r,n);const a=this.Vi(i,r),h=this.Di(i,r,s,n);return h&&(a?(o+=`
   <g${a}>`,o+=h,o+=`
-  </g>`):o+=h),o}Oi(s,r,i,n){let o=this.Ii(r);o+=this.Li(r,n),o+=`
-<g id="ascii-cells">`;for(const a of s)o+=this.Vi(a,r,i,n);return o+=this.Bi(),o}Ui(s){return s.replace(/<path[^>]*d=""[^>]*\/>/g,"").replace(/\n\s*\n/g,`
-`).replace(/[ \t]+$/gm,"")}}class Mt extends V{ji(s){return this.Ci(s,"image/svg+xml;charset=utf-8")}Hi(s,r){this.yi(s,this.bi(r)+".svg","image/svg+xml;charset=utf-8")}qi(s,r){this.Hi(s,r||this.Ti())}}class Z{constructor(){u(this,"Ni");u(this,"Xi");u(this,"Yi");this.Ni=new It,this.Xi=new Lt,this.Yi=new Mt}Qi(s){return{includeBackgroundRectangles:s.includeBackgroundRectangles??!0,drawMode:s.drawMode??"fill",strokeWidth:s.strokeWidth??1,backgroundColor:s.backgroundColor??[0,0,0,0],filename:s.filename||this.Yi.Ti()}}Zi(s,r={}){const i=this.Ni.Mi(this.Ni._i(s.pipeline),s.grid),n=this.Xi.Oi(i,s.grid,s.font,this.Qi(r));return this.Xi.Ui(n)}qi(s,r={}){this.Yi.qi(this.Zi(s,r),r.filename)}}class Ut extends N{Ji(s,r,i,n=" "){var h;const o=[];let a=0;for(let l=0;l<r.rows;l++){const f=[];for(let d=0;d<r.cols;d++){const p=4*a,g=this.mi(s.characterPixels,p),R=((h=i.characters[g])==null?void 0:h.character)||n;f.push(R),a++}o.push(f)}return o}}class zt{Ki(s,r){const i=[];for(const o of s){let a=o.join("");r.preserveTrailingSpaces||(a=a.replace(/\s+$/,"")),i.push(a)}const n=r.lineEnding==="crlf"?`\r
+  </g>`):o+=h),o}ji(i,r,s,n){let o=this.Li(r);o+=this.Wi(r,n),o+=`
+<g id="ascii-cells">`;for(const a of i)o+=this.Ui(a,r,s,n);return o+=this.Ei(),o}Hi(i){return i.replace(/<path[^>]*d=""[^>]*\/>/g,"").replace(/\n\s*\n/g,`
+`).replace(/[ \t]+$/gm,"")}}class Dt extends k{qi(i){return this.wi(i,"image/svg+xml;charset=utf-8")}Ni(i,r){this.$i(i,this.zi(r)+".svg","image/svg+xml;charset=utf-8")}Xi(i,r){this.Ni(i,r||this.Mi())}}class Q{constructor(){u(this,"Yi");u(this,"Qi");u(this,"Zi");this.Yi=new Pt,this.Qi=new It,this.Zi=new Dt}Ji(i){return{includeBackgroundRectangles:i.includeBackgroundRectangles??!0,drawMode:i.drawMode??"fill",strokeWidth:i.strokeWidth??1,backgroundColor:i.backgroundColor??[0,0,0,0],filename:i.filename||this.Zi.Mi()}}Ki(i,r={}){const s=this.Yi.Ai(this.Yi.xi(i.pipeline),i.grid),n=this.Qi.ji(s,i.grid,i.font,this.Ji(r));return this.Qi.Hi(n)}Xi(i,r={}){this.Zi.Xi(this.Ki(i,r),r.filename)}}class Lt extends N{tr(i,r,s,n=" "){var h;const o=[];let a=0;for(let l=0;l<r.rows;l++){const f=[];for(let d=0;d<r.cols;d++){const p=4*a,g=this.Ci(i.characterPixels,p),x=((h=s.characters[g])==null?void 0:h.character)||n;f.push(x),a++}o.push(f)}return o}}class $t{er(i,r){const s=[];for(const o of i){let a=o.join("");r.preserveTrailingSpaces||(a=a.replace(/\s+$/,"")),s.push(a)}const n=r.lineEnding==="crlf"?`\r
 `:`
-`;return i.join(n)}}class Bt extends V{tr(s,r){const i=this.er(r);this.yi(s,i,"text/plain;charset=utf-8")}er(s){let r=this.bi(s);return r===".txt"||r.length<=4?this.Ti():r}}class K{constructor(){u(this,"Ni");u(this,"Xi");u(this,"Yi");this.Ni=new Ut,this.Xi=new zt,this.Yi=new Bt}Qi(s){return{preserveTrailingSpaces:s.preserveTrailingSpaces??!1,lineEnding:s.lineEnding??"lf",emptyCharacter:s.emptyCharacter??" ",filename:s.filename||this.Yi.Ti()}}sr(s,r={}){const i=this.Qi(r),n=this.Ni.Ji(this.Ni._i(s.pipeline),s.grid,s.font,i.emptyCharacter);return this.Xi.Ki(n,i)}tr(s,r={}){this.Yi.tr(this.sr(s,r),r.filename)}}class Ot extends N{ir(s,r=1,i="transparent"){const n=s.canvas;if(r===1&&i==="transparent")return n;const o=document.createElement("canvas"),a=o.getContext("2d"),h=Math.round(n.width*r),l=Math.round(n.height*r);return o.width=h,o.height=l,i!=="transparent"&&(a.fillStyle=i,a.fillRect(0,0,h,l)),a.imageSmoothingEnabled=!1,a.drawImage(n,0,0,n.width,n.height,0,0,h,l),o}}class $t{rr(s,r){const i=this.nr(r.format);return r.format==="png"?s.toDataURL(i):s.toDataURL(i,r.quality)}async ar(s,r){return new Promise((i,n)=>{const o=this.nr(r.format),a=h=>{h?i(h):n(Error(`Failed to generate ${r.format.toUpperCase()} blob`))};r.format==="png"?s.toBlob(a,o):s.toBlob(a,o,r.quality)})}nr(s){switch(s){case"png":return"image/png";case"jpg":return"image/jpeg";case"webp":return"image/webp";default:throw Error("Unsupported image format: "+s)}}}const Wt={png:"image/png",jpg:"image/jpeg",webp:"image/webp"},Q={png:".png",jpg:".jpg",webp:".webp"};class Gt extends V{hr(s,r,i){this.cr(s,this.bi(r)+Q[i])}cr(s,r){const i=URL.createObjectURL(s);try{const n=document.createElement("a");n.href=i,n.download=r,n.style.display="none",n.rel="noopener",document.body.appendChild(n),n.click(),document.body.removeChild(n)}finally{URL.revokeObjectURL(i)}}lr(s){return s in Wt&&s in Q}}class Nt{constructor(){u(this,"Ni");u(this,"Xi");u(this,"Yi");this.Ni=new Ot,this.Xi=new $t,this.Yi=new Gt}Qi(s){return{format:s.format??"png",quality:s.quality??1,scale:s.scale??1,backgroundColor:s.backgroundColor??"transparent",filename:s.filename||this.Yi.Ti()}}ur(s){if(!this.Yi.lr(s.format))throw Error(`Saving '${s.format}' files is not supported`);if(s.quality<0||s.quality>1)throw Error("Image quality must be between 0.0 and 1.0");if(s.scale<=0)throw Error("Scale factor must be greater than 0");s.format==="jpg"&&s.backgroundColor==="transparent"&&(s.backgroundColor="black")}async ar(s,r){if(r.scale===1&&r.backgroundColor==="transparent")return await this.Xi.ar(s.canvas,r);const i=this.Ni.ir(s,r.scale,r.backgroundColor);return await this.Xi.ar(i,r)}async hr(s,r={}){const i=this.Qi(r);this.ur(i);const n=await this.ar(s,i);this.Yi.hr(n,i.filename,i.format)}}const Vt=c=>class extends c{dr(){this.Cs.Ve(this.pr)}toString(s={}){return this.dr(),new K().sr({pipeline:this.gr,grid:this._r,font:this.Ps},s)}saveStrings(s={}){this.dr(),new K().tr({pipeline:this.gr,grid:this._r,font:this.Ps},s)}toSVG(s={}){return this.dr(),new Z().Zi(this,s)}saveSVG(s={}){this.dr(),new Z().qi(this,s)}async saveCanvas(s={}){await new Nt().hr(this.Js,s)}},kt=c=>class extends c{async loadFont(s){return this.Ps.Ns(s).then(()=>{const r=this.Ps.maxGlyphDimensions;this._r.ei(r.width,r.height),this.Cs.ke()})}fontSize(s){if(!M._(typeof s=="number"&&s>0,"Font size must be a positive number greater than 0.",{method:"fontSize",providedValue:s})||this.Ps.fontSize===s)return;this.Ps.qs(s);const r=this.Ps.maxGlyphDimensions;this._r.ei(r.width,r.height),this.Cs.ke()}},Xt=c=>class extends c{get frameCount(){return this.mr.frameCount}set frameCount(s){this.mr.frameCount=s}frameRate(s){return s===void 0?this.mr.currentFrameRate:this.mr.frameRate(s,()=>this.vr())}noLoop(){this.mr.pause()}loop(){this.mr.resume(()=>this.vr())}redraw(s=1){if(M._(typeof s=="number"&&s>0&&Number.isInteger(s),"Redraw count must be a positive integer.",{method:"redraw",providedValue:s}))for(let r=0;r<s;r++)this.vr()}isLooping(){return this.mr.isLooping}};class Yt{constructor(){u(this,"Cs");u(this,"Ps");u(this,"Js");u(this,"_r");u(this,"mr");u(this,"pr");u(this,"gr");u(this,"Cr")}vr(){}}class tt extends function(r,...i){return i.reduce((n,o)=>o(n),r)}(Yt,St,Vt,kt,Xt){constructor(r={}){super();u(this,"yr",!1);u(this,"wr",()=>{});u(this,"$r",()=>{});u(this,"br");this.Js=new q(r),this.Cs=new yt(this.Js.ni()),this.Ps=new H(this.Cs,r.fontSize??16),this.mr=new Ft(r.frameRate??60),this.pr=this.Cs.Ae(`#version 300 es
+`;return s.join(n)}}class Bt extends k{sr(i,r){const s=this.ir(r);this.$i(i,s,"text/plain;charset=utf-8")}ir(i){let r=this.zi(i);return r===".txt"||r.length<=4?this.Mi():r}}class J{constructor(){u(this,"Yi");u(this,"Qi");u(this,"Zi");this.Yi=new Lt,this.Qi=new $t,this.Zi=new Bt}Ji(i){return{preserveTrailingSpaces:i.preserveTrailingSpaces??!1,lineEnding:i.lineEnding??"lf",emptyCharacter:i.emptyCharacter??" ",filename:i.filename||this.Zi.Mi()}}rr(i,r={}){const s=this.Ji(r),n=this.Yi.tr(this.Yi.xi(i.pipeline),i.grid,i.font,s.emptyCharacter);return this.Qi.er(n,s)}sr(i,r={}){this.Zi.sr(this.rr(i,r),r.filename)}}class zt extends N{nr(i,r=1,s="transparent"){const n=i.canvas;if(r===1&&s==="transparent")return n;const o=document.createElement("canvas"),a=o.getContext("2d"),h=Math.round(n.width*r),l=Math.round(n.height*r);return o.width=h,o.height=l,s!=="transparent"&&(a.fillStyle=s,a.fillRect(0,0,h,l)),a.imageSmoothingEnabled=!1,a.drawImage(n,0,0,n.width,n.height,0,0,h,l),o}}class Gt{ar(i,r){const s=this.hr(r.format);return r.format==="png"?i.toDataURL(s):i.toDataURL(s,r.quality)}async cr(i,r){return new Promise((s,n)=>{const o=this.hr(r.format),a=h=>{h?s(h):n(Error(`Failed to generate ${r.format.toUpperCase()} blob`))};r.format==="png"?i.toBlob(a,o):i.toBlob(a,o,r.quality)})}hr(i){switch(i){case"png":return"image/png";case"jpg":return"image/jpeg";case"webp":return"image/webp";default:throw Error("Unsupported image format: "+i)}}}const Wt={png:"image/png",jpg:"image/jpeg",webp:"image/webp"},K={png:".png",jpg:".jpg",webp:".webp"};class Ot extends k{lr(i,r,s){this.ur(i,this.zi(r)+K[s])}ur(i,r){const s=URL.createObjectURL(i);try{const n=document.createElement("a");n.href=s,n.download=r,n.style.display="none",n.rel="noopener",document.body.appendChild(n),n.click(),document.body.removeChild(n)}finally{URL.revokeObjectURL(s)}}dr(i){return i in Wt&&i in K}}class Nt{constructor(){u(this,"Yi");u(this,"Qi");u(this,"Zi");this.Yi=new zt,this.Qi=new Gt,this.Zi=new Ot}Ji(i){return{format:i.format??"png",quality:i.quality??1,scale:i.scale??1,backgroundColor:i.backgroundColor??"transparent",filename:i.filename||this.Zi.Mi()}}pr(i){if(!this.Zi.dr(i.format))throw Error(`Saving '${i.format}' files is not supported`);if(i.quality<0||i.quality>1)throw Error("Image quality must be between 0.0 and 1.0");if(i.scale<=0)throw Error("Scale factor must be greater than 0");i.format==="jpg"&&i.backgroundColor==="transparent"&&(i.backgroundColor="black")}async cr(i,r){if(r.scale===1&&r.backgroundColor==="transparent")return await this.Qi.cr(i.canvas,r);const s=this.Yi.nr(i,r.scale,r.backgroundColor);return await this.Qi.cr(s,r)}async lr(i,r={}){const s=this.Ji(r);this.pr(s);const n=await this.cr(i,s);this.Zi.lr(n,s.filename,s.format)}}const kt=c=>class extends c{gr(){this.$s.Ue(this._r)}toString(i={}){return this.gr(),new J().rr({pipeline:this.mr,grid:this.vr,font:this.Gs},i)}saveStrings(i={}){this.gr(),new J().sr({pipeline:this.mr,grid:this.vr,font:this.Gs},i)}toSVG(i={}){return this.gr(),new Q().Ki(this,i)}saveSVG(i={}){this.gr(),new Q().Xi(this,i)}async saveCanvas(i={}){await new Nt().lr(this.ti,i)}},Vt=c=>class extends c{async loadFont(i){return this.Gs.Ys(i).then(()=>{const r=this.Gs.maxGlyphDimensions;this.vr.ii(r.width,r.height),this.$s.Oe()})}fontSize(i){if(!D._(typeof i=="number"&&i>0,"Font size must be a positive number greater than 0.",{method:"fontSize",providedValue:i})||this.Gs.fontSize===i)return;this.Gs.Xs(i);const r=this.Gs.maxGlyphDimensions;this.vr.ii(r.width,r.height),this.$s.Oe()}},jt=c=>class extends c{get frameCount(){return this.Cr.frameCount}set frameCount(i){this.Cr.frameCount=i}frameRate(i){return i===void 0?this.Cr.currentFrameRate:this.Cr.frameRate(i,()=>this.yr())}noLoop(){this.Cr.pause()}loop(){this.Cr.resume(()=>this.yr())}redraw(i=1){if(D._(typeof i=="number"&&i>0&&Number.isInteger(i),"Redraw count must be a positive integer.",{method:"redraw",providedValue:i}))for(let r=0;r<i;r++)this.yr()}isLooping(){return this.Cr.isLooping}};class Xt{constructor(){u(this,"$s");u(this,"Gs");u(this,"ti");u(this,"vr");u(this,"Cr");u(this,"_r");u(this,"mr");u(this,"wr")}yr(){}}class tt extends function(r,...s){return s.reduce((n,o)=>o(n),r)}(Xt,Ft,kt,Vt,jt){constructor(r={}){super();u(this,"$r",!1);u(this,"br",()=>{});u(this,"Tr",()=>{});u(this,"zr");this.ti=new Z(r),this.$s=new vt(this.ti.ai()),this.Gs=new H(this.$s,r.fontSize??16),this.Cr=new St(r.frameRate??60),this._r=this.$s.Fe(`#version 300 es
 in vec2 a_position;in vec2 a_texCoord;in vec2 a_instancePosition;in vec2 a_instanceSize;in vec3 a_instanceCharacter;in vec4 a_instancePrimaryColor;in vec4 a_instanceSecondaryColor;in vec2 a_instanceRotation;in vec3 a_instanceTransform;in float a_instanceGlobalRotation;in vec2 a_instanceRotationCenter;in vec2 a_instanceBezierCP1;in vec2 a_instanceBezierCP2;in vec2 a_instanceBezierStart;in vec2 a_instanceBezierEnd;in vec2 a_instanceArcAngles;uniform float u_aspectRatio;uniform vec2 u_viewportSize;out vec2 v_uv;out vec3 v_character;out vec4 v_primaryColor;out vec4 v_secondaryColor;out vec2 v_rotation;out vec3 v_transform;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}vec2 evaluateBezier(float t,vec2 p0,vec2 p1,vec2 p2,vec2 p3){float oneMinusT=1.0-t;float oneMinusT2=oneMinusT*oneMinusT;float oneMinusT3=oneMinusT2*oneMinusT;float t2=t*t;float t3=t2*t;return oneMinusT3*p0+3.0*oneMinusT2*t*p1+3.0*oneMinusT*t2*p2+t3*p3;}vec2 evaluateBezierDerivative(float t,vec2 p0,vec2 p1,vec2 p2,vec2 p3){float oneMinusT=1.0-t;float oneMinusT2=oneMinusT*oneMinusT;float t2=t*t;return-3.0*oneMinusT2*p0+3.0*oneMinusT2*p1-6.0*oneMinusT*t*p1+6.0*oneMinusT*t*p2-3.0*t2*p2+3.0*t2*p3;}void main(){v_uv=a_texCoord;v_character=a_instanceCharacter;v_primaryColor=a_instancePrimaryColor;v_secondaryColor=a_instanceSecondaryColor;v_rotation=a_instanceRotation;v_transform=a_instanceTransform;vec2 worldPosition;bool isBezierCurve=length(a_instanceBezierCP1)>0.0||length(a_instanceBezierCP2)>0.0||length(a_instanceBezierStart)>0.0||length(a_instanceBezierEnd)>0.0;bool isArc=a_instanceArcAngles.x!=0.0||a_instanceArcAngles.y!=0.0;if(isBezierCurve){float t=a_position.x;float thicknessOffset=a_position.y;vec2 curvePoint=evaluateBezier(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);vec2 tangent=evaluateBezierDerivative(t,a_instanceBezierStart,a_instanceBezierCP1,a_instanceBezierCP2,a_instanceBezierEnd);float tangentLength=length(tangent);if(tangentLength>0.0){tangent=tangent/tangentLength;}else{tangent=vec2(1.0,0.0);}vec2 normal=vec2(-tangent.y,tangent.x);float thickness=a_instanceSize.y;vec2 thicknessVector=normal*thicknessOffset*thickness;worldPosition=curvePoint+thicknessVector;}else if(isArc){float startA=a_instanceArcAngles.x;float stopA=a_instanceArcAngles.y;float TWO_PI=6.28318530718;startA=mod(startA,TWO_PI);if(startA<0.0)startA+=TWO_PI;stopA=mod(stopA,TWO_PI);if(stopA<0.0)stopA+=TWO_PI;float cwDelta=startA-stopA;if(cwDelta<=0.0)cwDelta+=TWO_PI;float angle=startA-a_position.x*cwDelta;float r=a_position.y;vec2 local=vec2(cos(angle),sin(angle))*r;vec2 scaledPosition=local*a_instanceSize*0.5+vec2(a_instanceSize.x*0.5,a_instanceSize.y*0.5);worldPosition=scaledPosition+a_instancePosition;}else{vec2 scaledPosition=a_position*a_instanceSize;worldPosition=scaledPosition+a_instancePosition;}vec2 ndc=(worldPosition/u_viewportSize)*2.0-1.0;ndc.y=-ndc.y;if(a_instanceGlobalRotation!=0.0){ndc-=a_instanceRotationCenter;ndc.x*=u_aspectRatio;ndc=rotate2D(-a_instanceGlobalRotation)*ndc;ndc.x/=u_aspectRatio;ndc+=a_instanceRotationCenter;}gl_Position=vec4(ndc,0.0,1.0);}`,`#version 300 es
-precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.0);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.0,1.0);o_transform=vec4(v_transform,1.0);}`),this.Cr=this.Cs.Ae("attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.0,1.0);}","precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;uniform vec2 u_gridOffsetPixels;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=(gl_FragCoord.xy-u_gridOffsetPixels)/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=-(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}")}static async create(r={}){const i=new this(r);await i.Ps.Us(r.fontSource);const n=i.Ps.maxGlyphDimensions;return i._r=new J(i.Js.canvas,n.width,n.height),i.gr=i.Cs.Le(i._r.cols,i._r.rows,5),i.Tr(),i.mr.start(()=>i.vr()),i}Tr(){this.br=()=>{this.$r()},window.addEventListener("resize",this.br)}vr(){this.mr.measureFrameRate(),this.mr.incrementFrame(),this.yr||(this.gr.V(),this.Cs.Se(this.pr),this.wr(),this.Cs.Ve(this.pr),this.gr.O(),this.Cs.We(0),this.Cs.Se(this.Cr),this.Cr.et({u_characterTexture:this.Ps.fontFramebuffer,u_charsetDimensions:[this.Ps.textureColumns,this.Ps.textureRows],u_asciiCharacterTexture:this.gr.textures[0],u_primaryColorTexture:this.gr.textures[1],u_secondaryColorTexture:this.gr.textures[2],u_transformTexture:this.gr.textures[4],u_rotationTexture:this.gr.textures[3],u_gridCellDimensions:[this._r.cols,this._r.rows],u_gridPixelDimensions:[this._r.width,this._r.height],u_gridOffsetPixels:[this._r.offsetX,this._r.offsetY],u_aspectRatio:this._r.width/this._r.height}),this.Cs.Pe(this._r.offsetX,this._r.offsetY,this._r.width,this._r.height))}draw(r){this.wr=r}windowResized(r){this.$r=r}resizeCanvas(r,i){this.Js.L(r,i),this._r.Ct(),this.gr.L(this._r.cols,this._r.rows),this.Cs.ke(),this.vr()}destroy(){this.yr||(this.mr.stop(),window.removeEventListener("resize",this.br),this.Ps.U(),this.Cs.U(),this.yr=!0)}get grid(){return this._r}get font(){return this.Ps}get width(){return this.Js.width}get height(){return this.Js.height}get canvas(){return this.Js.canvas}get isDisposed(){return this.yr}get drawFramebuffer(){return this.gr}}class W{constructor(){throw new C("Textmode is a static class and cannot be instantiated.")}static async create(s){return tt.create(s)}static setErrorLevel(s){M.m(s)}static get version(){return"0.2.0-beta.1"}}const jt=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),Ht=W.create,Jt=W.setErrorLevel,qt=W.version;T.TextmodeCanvas=q,T.TextmodeErrorLevel=S,T.TextmodeFont=H,T.TextmodeGrid=J,T.Textmodifier=tt,T.create=Ht,T.export=jt,T.setErrorLevel=Jt,T.textmode=W,T.version=qt,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})},typeof exports=="object"&&typeof module<"u"?e(exports):typeof define=="function"&&define.amd?define(["exports"],e):e((t=typeof globalThis<"u"?globalThis:t||self).textmode={});
+precision highp float;in vec2 v_uv;in vec3 v_character;in vec4 v_primaryColor;in vec4 v_secondaryColor;in vec2 v_rotation;in vec3 v_transform;layout(location=0)out vec4 o_character;layout(location=1)out vec4 o_primaryColor;layout(location=2)out vec4 o_secondaryColor;layout(location=3)out vec4 o_rotation;layout(location=4)out vec4 o_transform;void main(){o_character=vec4(v_character,1.0);o_primaryColor=v_primaryColor;o_secondaryColor=v_secondaryColor;o_rotation=vec4(v_rotation,0.0,1.0);o_transform=vec4(v_transform,1.0);}`),this.wr=this.$s.Fe("attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;void main(){v_uv=a_texCoord;gl_Position=vec4(a_position,0.0,1.0);}","precision mediump float;uniform sampler2D u_characterTexture;uniform vec2 u_charsetDimensions;uniform sampler2D u_primaryColorTexture;uniform sampler2D u_secondaryColorTexture;uniform sampler2D u_transformTexture;uniform sampler2D u_asciiCharacterTexture;uniform sampler2D u_rotationTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;uniform vec2 u_gridOffsetPixels;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){vec2 adjustedCoord=(gl_FragCoord.xy-u_gridOffsetPixels)/u_gridPixelDimensions;vec2 gridCoord=adjustedCoord*u_gridCellDimensions;vec2 cellCoord=floor(gridCoord);vec2 charIndexTexCoord=(cellCoord+0.5)/u_gridCellDimensions;vec4 primaryColor=texture2D(u_primaryColorTexture,charIndexTexCoord);vec4 secondaryColor=texture2D(u_secondaryColorTexture,charIndexTexCoord);vec4 transformColor=texture2D(u_transformTexture,charIndexTexCoord);bool isInverted=transformColor.r>0.5;bool flipHorizontal=transformColor.g>0.5;bool flipVertical=transformColor.b>0.5;vec4 encodedIndexVec=texture2D(u_asciiCharacterTexture,charIndexTexCoord);int charIndex=int(encodedIndexVec.r*255.0+0.5)+int(encodedIndexVec.g*255.0+0.5)*256;int charCol=int(mod(float(charIndex),u_charsetDimensions.x));int charRow=charIndex/int(u_charsetDimensions.x);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=-(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}")}static async create(r={}){const s=new this(r);await s.Gs.Hs(r.fontSource);const n=s.Gs.maxGlyphDimensions;return s.vr=new q(s.ti.canvas,n.width,n.height),s.mr=s.$s.We(s.vr.cols,s.vr.rows,5),s.Mr(),s.Cr.start(()=>s.yr()),s}Mr(){this.zr=()=>{this.Tr()},window.addEventListener("resize",this.zr)}yr(){if(this.Cr.measureFrameRate(),this.Cr.incrementFrame(),this.$r)return;this.mr.V(),this.$s.Pe(this._r),this.br(),this.$s.Ue(this._r),this.mr.O();const r=this.$s.state.canvasBackgroundColor;this.$s.te(r[0],r[1],r[2],r[3]),this.$s.Pe(this.wr),this.wr.et({u_characterTexture:this.Gs.fontFramebuffer,u_charsetDimensions:[this.Gs.textureColumns,this.Gs.textureRows],u_asciiCharacterTexture:this.mr.textures[0],u_primaryColorTexture:this.mr.textures[1],u_secondaryColorTexture:this.mr.textures[2],u_transformTexture:this.mr.textures[4],u_rotationTexture:this.mr.textures[3],u_gridCellDimensions:[this.vr.cols,this.vr.rows],u_gridPixelDimensions:[this.vr.width,this.vr.height],u_gridOffsetPixels:[this.vr.offsetX,this.vr.offsetY],u_aspectRatio:this.vr.width/this.vr.height}),this.$s.Ge(this.vr.offsetX,this.vr.offsetY,this.vr.width,this.vr.height)}draw(r){this.br=r}windowResized(r){this.Tr=r}resizeCanvas(r,s){this.ti.L(r,s),this.vr.yt(),this.mr.L(this.vr.cols,this.vr.rows),this.$s.Oe(),this.yr()}destroy(){this.$r||(this.Cr.stop(),window.removeEventListener("resize",this.zr),this.Gs.U(),this.$s.U(),this.$r=!0)}get grid(){return this.vr}get font(){return this.Gs}get width(){return this.ti.width}get height(){return this.ti.height}get canvas(){return this.ti.canvas}get isDisposed(){return this.$r}get drawFramebuffer(){return this.mr}}class W{constructor(){throw new C("Textmode is a static class and cannot be instantiated.")}static async create(i){return tt.create(i)}static setErrorLevel(i){D.m(i)}static get version(){return"0.2.0-beta.2"}}const Yt=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),Ht=W.create,qt=W.setErrorLevel,Zt=W.version;w.TextmodeCanvas=Z,w.TextmodeErrorLevel=F,w.TextmodeFont=H,w.TextmodeGrid=q,w.Textmodifier=tt,w.create=Ht,w.export=Yt,w.setErrorLevel=qt,w.textmode=W,w.version=Zt,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})},typeof exports=="object"&&typeof module<"u"?e(exports):typeof define=="function"&&define.amd?define(["exports"],e):e((t=typeof globalThis<"u"?globalThis:t||self).textmode={});

package/dist/types/rendering/webgl/RenderState.d.ts

@@ -25,6 +25,7 @@ export declare class RenderState {
     private _flipVertically;
     private _invert;
     private _charRotation;
+    private _canvasBackgroundColor;
     private _stateStack;
     /**
      * Save the current rendering state to the state stack
@@ -56,21 +57,15 @@ export declare class RenderState {
         charRotation: number[];
     }): void;
     get lineWeight(): number;
-    get rotation(): number;
-    get character(): [number, number, number];
-    get charColor(): [number, number, number, number];
-    get bgColor(): [number, number, number, number];
-    get flipHorizontally(): boolean;
-    get flipVertically(): boolean;
-    get invert(): boolean;
-    get charRotation(): [number, number];
+    get canvasBackgroundColor(): [number, number, number, number];
     $setLineWeight(weight: number): void;
     $setRotation(degrees: number): void;
     $setCharacter(character: [number, number, number]): void;
     $setCharColor(r: number, g?: number, b?: number, a?: number): void;
-    $setBgColor(r: number, g?: number, b?: number, a?: number): void;
+    $setCellColor(r: number, g?: number, b?: number, a?: number): void;
     $setFlipHorizontally(flip: boolean): void;
     $setFlipVertically(flip: boolean): void;
     $setInvert(invert: boolean): void;
     $setCharRotation(rotation: number): void;
+    $setCanvasBackground(r: number, g: number, b: number, a: number): void;
 }

package/dist/types/textmode/mixins/RenderingMixin.d.ts

@@ -234,7 +234,7 @@ export interface RenderingCapabilities {
      * });
      * ```
      */
-    charColor(r: number, g: number, b: number, a: number): void;
+    charColor(r: number, g: number, b: number): void;
     /**
      * Set the cell background color for subsequent rendering operations.
      * @param r Red component (0-255)
@@ -256,7 +256,7 @@ export interface RenderingCapabilities {
      * });
      * ```
      */
-    cellColor(r: number, g: number, b: number, a: number): void;
+    cellColor(r: number, g: number, b: number): void;
     /**
      * Toggle horizontal flipping for subsequent character rendering.
      * @param toggle Whether to flip horizontally

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "textmode.js",
-  "version": "0.2.0-beta.1",
+  "version": "0.2.0-beta.2",
   "description": "Apply real-time ASCII conversion to any HTML canvas.",
   "type": "module",
   "types": "./dist/types/index.d.ts",