textmode.js 0.1.2 → 0.1.3

package/dist/textmode.umd.min.js

@@ -1,10 +1,10 @@
-(function(_,p){typeof exports=="object"&&typeof module<"u"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(_=typeof globalThis<"u"?globalThis:_||self,p(_.textmode={}))})(this,function(_){"use strict";var Ue=Object.defineProperty;var Me=(_,p,E)=>p in _?Ue(_,p,{enumerable:!0,configurable:!0,writable:!0,value:E}):_[p]=E;var l=(_,p,E)=>Me(_,typeof p!="symbol"?p+"":p,E);class p extends Error{constructor(t,r,i={}){const a=p.createFormattedMessage(t,i);super(a);l(this,"originalError");l(this,"context");this.name="TextmodeError",this.originalError=r,this.context=i}static createFormattedMessage(t,r){let i=t;if(r&&Object.keys(r).length>0){i+=`
+(function(v,_){typeof exports=="object"&&typeof module<"u"?_(exports):typeof define=="function"&&define.amd?define(["exports"],_):(v=typeof globalThis<"u"?globalThis:v||self,_(v.textmode={}))})(this,function(v){"use strict";var Oe=Object.defineProperty;var We=(v,_,E)=>_ in v?Oe(v,_,{enumerable:!0,configurable:!0,writable:!0,value:E}):v[_]=E;var o=(v,_,E)=>We(v,typeof _!="symbol"?_+"":_,E);class _ extends Error{constructor(t,r,i={}){const s=_.createFormattedMessage(t,i);super(s);o(this,"originalError");o(this,"context");this.name="TextmodeError",this.originalError=r,this.context=i}static createFormattedMessage(t,r){let i=t;if(r&&Object.keys(r).length>0){i+=`
 
-📋 Context:`;for(const[a,n]of Object.entries(r)){const o=p.formatValue(n);i+=`
-  - ${a}: ${o}`}}return i+=`
+📋 Context:`;for(const[s,a]of Object.entries(r)){const n=_.formatValue(a);i+=`
+  - ${s}: ${n}`}}return i+=`
 
 `,i+="↓".repeat(24)+`
-`,i}static formatValue(t){if(t===null)return"null";if(t===void 0)return"undefined";if(typeof t=="string")return`"${t}"`;if(typeof t=="number"||typeof t=="boolean")return String(t);if(Array.isArray(t))return t.length===0?"[]":t.length<=5?`[${t.map(r=>p.formatValue(r)).join(", ")}]`:`[${t.slice(0,3).map(r=>p.formatValue(r)).join(", ")}, ... +${t.length-3} more]`;if(typeof t=="object"){const r=Object.keys(t);return r.length===0?"{}":r.length<=3?`{ ${r.map(n=>`${n}: ${p.formatValue(t[n])}`).join(", ")} }`:`{ ${r.slice(0,2).map(a=>`${a}: ${p.formatValue(t[a])}`).join(", ")}, ... +${r.length-2} more }`}return String(t)}}var E=(s=>(s[s.SILENT=0]="SILENT",s[s.WARNING=1]="WARNING",s[s.ERROR=2]="ERROR",s[s.THROW=3]="THROW",s))(E||{});const R=class R{constructor(){l(this,"_options",{globalLevel:3})}static getInstance(){return R._instance||(R._instance=new R),R._instance}_handle(e,t,r){const i="[textmode.js]";switch(this._options.globalLevel){case 0:return!1;case 1:return console.group(`%c${i} Oops! (╯°□°)╯︵ Something went wrong in your code.`,"color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;"),console.warn(p.createFormattedMessage(e,t)),console.groupEnd(),!1;case 2:return console.group(`%c${i} Oops! (╯°□°)╯︵ Something went wrong in your code.`,"color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;"),console.error(p.createFormattedMessage(e,t)),console.groupEnd(),!1;case 3:default:const a=new p(e,r,t);throw console.group(`%c${i} Oops! (╯°□°)╯︵ Something went wrong in your code.`,"color: #d32f2f; font-weight: bold; background: #ffcdd2; padding: 2px 6px; border-radius: 3px;"),a}}validate(e,t,r){return e?!0:(this._handle(t,r),!1)}setGlobalLevel(e){this._options.globalLevel=e}};l(R,"_instance",null);let P=R;const x=P.getInstance();class q{constructor(e,t,r=t,i={}){l(this,"gl");l(this,"_framebuffer");l(this,"_texture");l(this,"_width");l(this,"_height");l(this,"options");l(this,"previousState",null);l(this,"_pixels",null);this.gl=e,this._width=t,this._height=r,this.options={filter:"nearest",wrap:"clamp",format:"rgba",type:"unsigned_byte",...i},this._texture=this.createTexture(),this._framebuffer=e.createFramebuffer(),this.attachTexture()}createTexture(){const{gl:e}=this,t=e.createTexture();e.bindTexture(e.TEXTURE_2D,t);const r=this.options.filter==="linear"?e.LINEAR:e.NEAREST,i=this.options.wrap==="repeat"?e.REPEAT:e.CLAMP_TO_EDGE;return e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,r),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,r),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,i),this.updateTextureSize(),t}updateTextureSize(){const{gl:e}=this,t=e.RGBA,r=e.RGBA,i=this.options.type==="float"?e.FLOAT:e.UNSIGNED_BYTE;e.texImage2D(e.TEXTURE_2D,0,t,this._width,this._height,0,r,i,null)}attachTexture(){const{gl:e}=this;e.bindFramebuffer(e.FRAMEBUFFER,this._framebuffer),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,this._texture,0),e.bindFramebuffer(e.FRAMEBUFFER,null)}update(e){const{gl:t}=this;e instanceof HTMLVideoElement&&e.readyState<2||(t.bindTexture(t.TEXTURE_2D,this._texture),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e),t.bindTexture(t.TEXTURE_2D,null))}updatePixels(e,t,r){const{gl:i}=this;i.bindTexture(i.TEXTURE_2D,this._texture),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,t,r,0,i.RGBA,i.UNSIGNED_BYTE,e),i.bindTexture(i.TEXTURE_2D,null)}resize(e,t){this._width=e,this._height=t,this.gl.bindTexture(this.gl.TEXTURE_2D,this._texture),this.updateTextureSize(),this.gl.bindTexture(this.gl.TEXTURE_2D,null)}begin(){const{gl:e}=this;this.previousState={framebuffer:e.getParameter(e.FRAMEBUFFER_BINDING),viewport:e.getParameter(e.VIEWPORT)},e.bindFramebuffer(e.FRAMEBUFFER,this._framebuffer),e.viewport(0,0,this._width,this._height)}end(){if(!this.previousState)return;const{gl:e}=this;e.bindFramebuffer(e.FRAMEBUFFER,this.previousState.framebuffer),e.viewport(...this.previousState.viewport),this.previousState=null}loadPixels(){const{gl:e}=this;this._pixels||(this._pixels=new Uint8Array(this._width*this._height*4));const t=e.getParameter(e.FRAMEBUFFER_BINDING);e.bindFramebuffer(e.FRAMEBUFFER,this._framebuffer),e.readPixels(0,0,this._width,this._height,e.RGBA,e.UNSIGNED_BYTE,this._pixels),e.bindFramebuffer(e.FRAMEBUFFER,t)}get(e,t,r,i){const{gl:a}=this;if(e===void 0&&t===void 0){const n=new Uint8Array(this._width*this._height*4),o=a.getParameter(a.FRAMEBUFFER_BINDING);return a.bindFramebuffer(a.FRAMEBUFFER,this._framebuffer),a.readPixels(0,0,this._width,this._height,a.RGBA,a.UNSIGNED_BYTE,n),a.bindFramebuffer(a.FRAMEBUFFER,o),n}else if(r===void 0&&i===void 0){(e<0||t<0||e>=this._width||t>=this._height)&&(console.warn("The x and y values passed to Framebuffer.get are outside of its range and will be clamped."),e=Math.max(0,Math.min(e,this._width-1)),t=Math.max(0,Math.min(t,this._height-1)));const n=new Uint8Array(4),o=a.getParameter(a.FRAMEBUFFER_BINDING);return a.bindFramebuffer(a.FRAMEBUFFER,this._framebuffer),a.readPixels(e,t,1,1,a.RGBA,a.UNSIGNED_BYTE,n),a.bindFramebuffer(a.FRAMEBUFFER,o),[n[0],n[1],n[2],n[3]]}else{e=Math.max(0,Math.min(e,this._width-1)),t=Math.max(0,Math.min(t,this._height-1)),r=Math.max(1,Math.min(r,this._width-e)),i=Math.max(1,Math.min(i,this._height-t));const n=new Uint8Array(r*i*4),o=a.getParameter(a.FRAMEBUFFER_BINDING);return a.bindFramebuffer(a.FRAMEBUFFER,this._framebuffer),a.readPixels(e,t,r,i,a.RGBA,a.UNSIGNED_BYTE,n),a.bindFramebuffer(a.FRAMEBUFFER,o),n}}get framebuffer(){return this._framebuffer}get texture(){return this._texture}get width(){return this._width}get height(){return this._height}get pixels(){return this._pixels}}class L{constructor(e,t,r,i,a,n={}){l(this,"gl");l(this,"vertexBuffer");l(this,"vertexCount",6);l(this,"renderMode");l(this,"bytesPerVertex");this.gl=e;const o=n.textured??!0;this.renderMode=o?"textured":"solid",this.bytesPerVertex=o?16:8;const h=e.getParameter(e.VIEWPORT),c=h[2],u=h[3],f=e.getParameter(e.FRAMEBUFFER_BINDING)!==null,m=t/c*2-1,v=(t+i)/c*2-1;let b,g;f?(b=r/u*2-1,g=(r+a)/u*2-1):(b=1-r/u*2,g=1-(r+a)/u*2);const C=this.generateVertices(m,b,v,g,o);this.vertexBuffer=e.createBuffer(),e.bindBuffer(e.ARRAY_BUFFER,this.vertexBuffer),e.bufferData(e.ARRAY_BUFFER,C,e.STATIC_DRAW)}generateVertices(e,t,r,i,a){return a?new Float32Array([e,i,0,1,r,i,1,1,e,t,0,0,e,t,0,0,r,i,1,1,r,t,1,0]):new Float32Array([e,i,r,i,e,t,e,t,r,i,r,t])}render(){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.vertexBuffer);const e=0,t=1;this.gl.enableVertexAttribArray(e),this.gl.vertexAttribPointer(e,2,this.gl.FLOAT,!1,this.bytesPerVertex,0),this.renderMode==="textured"&&(this.gl.enableVertexAttribArray(t),this.gl.vertexAttribPointer(t,2,this.gl.FLOAT,!1,this.bytesPerVertex,8)),this.gl.drawArrays(this.gl.TRIANGLES,0,this.vertexCount),this.gl.disableVertexAttribArray(e),this.renderMode==="textured"&&this.gl.disableVertexAttribArray(t)}}class y{constructor(e,t,r){l(this,"gl");l(this,"program");l(this,"uniformLocations",new Map);l(this,"attributeLocations",new Map);l(this,"textureUnitCounter",0);this.gl=e,this.program=this.createProgram(t,r),this.cacheLocations()}createProgram(e,t){const r=this.createShader(this.gl.VERTEX_SHADER,e),i=this.createShader(this.gl.FRAGMENT_SHADER,t),a=this.gl.createProgram();if(this.gl.attachShader(a,r),this.gl.attachShader(a,i),this.gl.linkProgram(a),!this.gl.getProgramParameter(a,this.gl.LINK_STATUS)){const n=this.gl.getProgramInfoLog(a);throw new Error(`Shader program link error: ${n}`)}return this.gl.deleteShader(r),this.gl.deleteShader(i),a}createShader(e,t){const r=this.gl.createShader(e);if(this.gl.shaderSource(r,t),this.gl.compileShader(r),!this.gl.getShaderParameter(r,this.gl.COMPILE_STATUS)){const i=this.gl.getShaderInfoLog(r);throw this.gl.deleteShader(r),new Error(`Shader compilation error: ${i}`)}return r}cacheLocations(){const e=this.gl.getProgramParameter(this.program,this.gl.ACTIVE_UNIFORMS);for(let r=0;r<e;r++){const i=this.gl.getActiveUniform(this.program,r);if(i){const a=this.gl.getUniformLocation(this.program,i.name);a&&this.uniformLocations.set(i.name,a)}}const t=this.gl.getProgramParameter(this.program,this.gl.ACTIVE_ATTRIBUTES);for(let r=0;r<t;r++){const i=this.gl.getActiveAttrib(this.program,r);if(i){const a=this.gl.getAttribLocation(this.program,i.name);this.attributeLocations.set(i.name,a)}}}use(){this.gl.useProgram(this.program),this.resetTextureUnits()}setUniform(e,t){const r=this.uniformLocations.get(e);if(!r){console.warn(`Uniform '${e}' not found in shader`);return}const i=this.getUniformInfo(e);if(typeof t=="number")i&&i.type===this.gl.INT?this.gl.uniform1i(r,Math.floor(t)):this.gl.uniform1f(r,t);else if(typeof t=="boolean")this.gl.uniform1i(r,t?1:0);else if(Array.isArray(t))if(i&&(i.type===this.gl.INT_VEC2||i.type===this.gl.INT_VEC3||i.type===this.gl.INT_VEC4)){const a=t.map(n=>Math.floor(n));switch(a.length){case 2:this.gl.uniform2iv(r,a);break;case 3:this.gl.uniform3iv(r,a);break;case 4:this.gl.uniform4iv(r,a);break;default:console.warn(`Unsupported array length ${a.length} for uniform '${e}'`)}}else switch(t.length){case 2:this.gl.uniform2f(r,t[0],t[1]);break;case 3:this.gl.uniform3f(r,t[0],t[1],t[2]);break;case 4:this.gl.uniform4f(r,t[0],t[1],t[2],t[3]);break;default:console.warn(`Unsupported array length ${t.length} for uniform '${e}'`)}else if(t instanceof WebGLTexture){const a=this.getNextTextureUnit();this.gl.uniform1i(r,a),this.gl.activeTexture(this.gl.TEXTURE0+a),this.gl.bindTexture(this.gl.TEXTURE_2D,t)}else if(t&&typeof t=="object"&&"texture"in t){const a=this.getNextTextureUnit();this.gl.uniform1i(r,a),this.gl.activeTexture(this.gl.TEXTURE0+a),this.gl.bindTexture(this.gl.TEXTURE_2D,t.texture)}else console.warn(`Unsupported uniform type for '${e}':`,typeof t)}getUniformInfo(e){const t=this.gl.getProgramParameter(this.program,this.gl.ACTIVE_UNIFORMS);for(let r=0;r<t;r++){const i=this.gl.getActiveUniform(this.program,r);if(i&&i.name===e)return i}return null}getNextTextureUnit(){return this.textureUnitCounter++}resetTextureUnits(){this.textureUnitCounter=0}}var T="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);}",Q="precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}",Z="precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}";class J{constructor(e){l(this,"gl");l(this,"imageShader");l(this,"solidColorShader");l(this,"currentShader",null);l(this,"currentBlendMode","normal");l(this,"currentFillColor",[1,1,1,1]);l(this,"fillMode",!1);this.gl=e,this.imageShader=new y(this.gl,T,Q),this.solidColorShader=new y(this.gl,T,Z),this.gl.enable(this.gl.BLEND),this.gl.blendEquation(this.gl.FUNC_ADD),this.gl.blendFunc(this.gl.SRC_ALPHA,this.gl.ONE_MINUS_SRC_ALPHA)}shader(e){this.currentShader=e,e.use()}fill(e,t,r,i){if(this.fillMode=!0,t===void 0&&r===void 0&&i===void 0){const a=e/255;this.currentFillColor=[a,a,a,1]}else if(r!==void 0&&i===void 0)this.currentFillColor=[e/255,t/255,r/255,1];else if(r!==void 0&&i!==void 0)this.currentFillColor=[e/255,t/255,r/255,i/255];else throw new Error("Invalid fill parameters. Use fill(gray), fill(r,g,b), or fill(r,g,b,a)")}reset(){this.fillMode=!1}createShader(e,t){return new y(this.gl,e,t)}setUniform(e,t){this.currentShader.setUniform(e,t)}rect(e,t,r,i){if(this.fillMode&&this.currentShader===null){const a=this.currentBlendMode;this.setBlendMode("premultiplied"),this.shader(this.solidColorShader),this.setUniform("u_color",this.currentFillColor),new L(this.gl,e,t,r,i,{textured:!1}).render(),this.setBlendMode(a)}else new L(this.gl,e,t,r,i,{textured:!0}).render();this.currentShader=null}createFramebuffer(e,t,r={}){return new q(this.gl,e,t,r)}background(e,t=e,r=e,i=255){this.clear(e/255,t/255,r/255,i/255)}clear(e=0,t=0,r=0,i=0){this.gl.clearColor(e,t,r,i),this.gl.clear(this.gl.COLOR_BUFFER_BIT)}resetViewport(){this.gl.viewport(0,0,this.gl.canvas.width,this.gl.canvas.height)}get context(){return this.gl}setBlendMode(e){if(this.currentBlendMode!==e)switch(this.currentBlendMode=e,e){case"normal":this.gl.blendFunc(this.gl.SRC_ALPHA,this.gl.ONE_MINUS_SRC_ALPHA);break;case"premultiplied":this.gl.blendFunc(this.gl.ONE,this.gl.ONE_MINUS_SRC_ALPHA);break}}image(e,t,r,i,a){const n=this.currentBlendMode;this.setBlendMode("premultiplied"),this.shader(this.imageShader),this.setUniform("u_texture",e.texture),this.rect(t,r,i??e.width,a??e.height),this.setBlendMode(n)}}var d={};d.parse=function(s){var e=d.B,t=function(m,v,b,g){var C=d.T,S={cmap:C.cmap,head:C.head,hhea:C.hhea,maxp:C.maxp,hmtx:C.hmtx,loca:C.loca,glyf:C.glyf},w={_data:m,_index:v,_offset:b};for(var F in S){var G=d.findTable(m,F,b);if(G){var U=G[0],M=g[U];M==null&&(M=S[F].parseTab(m,U,G[1],w)),w[F]=g[U]=M}}return w},r=new Uint8Array(s),i={},a=e.readASCII(r,0,4);if(a=="ttcf"){var n=4;e.readUshort(r,n),n+=2,e.readUshort(r,n),n+=2;var o=e.readUint(r,n);n+=4;for(var h=[],c=0;c<o;c++){var u=e.readUint(r,n);n+=4,h.push(t(r,c,u,i))}return h}var f=t(r,0,0,i);return[f]},d.findTable=function(s,e,t){for(var r=d.B,i=r.readUshort(s,t+4),a=t+12,n=0;n<i;n++){var o=r.readASCII(s,a,4);r.readUint(s,a+4);var h=r.readUint(s,a+8),c=r.readUint(s,a+12);if(o==e)return[h,c];a+=16}return null},d.T={},d.B={readFixed:function(s,e){return(s[e]<<8|s[e+1])+(s[e+2]<<8|s[e+3])/(256*256+4)},readF2dot14:function(s,e){var t=d.B.readShort(s,e);return t/16384},readInt:function(s,e){var t=d.B.t.uint8;return t[0]=s[e+3],t[1]=s[e+2],t[2]=s[e+1],t[3]=s[e],d.B.t.int32[0]},readInt8:function(s,e){var t=d.B.t.uint8;return t[0]=s[e],d.B.t.int8[0]},readShort:function(s,e){var t=d.B.t.uint16;return t[0]=s[e]<<8|s[e+1],d.B.t.int16[0]},readUshort:function(s,e){return s[e]<<8|s[e+1]},readUshorts:function(s,e,t){for(var r=[],i=0;i<t;i++)r.push(d.B.readUshort(s,e+i*2));return r},readUint:function(s,e){var t=d.B.t.uint8;return t[3]=s[e],t[2]=s[e+1],t[1]=s[e+2],t[0]=s[e+3],d.B.t.uint32[0]},readUint64:function(s,e){return d.B.readUint(s,e)*4294967296+d.B.readUint(s,e+4)},readASCII:function(s,e,t){for(var r="",i=0;i<t;i++)r+=String.fromCharCode(s[e+i]);return r},readBytes:function(s,e,t){for(var r=[],i=0;i<t;i++)r.push(s[e+i]);return r},t:function(){var s=new ArrayBuffer(8);return{buff:s,int8:new Int8Array(s),uint8:new Uint8Array(s),int16:new Int16Array(s),uint16:new Uint16Array(s),int32:new Int32Array(s),uint32:new Uint32Array(s)}}()},d.T.cmap={parseTab:function(s,e,t){var r={tables:[],ids:{},off:e};s=new Uint8Array(s.buffer,e,t),e=0;var i=d.B,a=i.readUshort,n=d.T.cmap;a(s,e),e+=2;var o=a(s,e);e+=2;for(var h=[],c=0;c<o;c++){var u=a(s,e);e+=2;var f=a(s,e);e+=2;var m=i.readUint(s,e);e+=4;var v="p"+u+"e"+f,b=h.indexOf(m);if(b==-1){b=r.tables.length;var g={};h.push(m);var C=g.format=a(s,m);C==4?g=n.parse4(s,m,g):C==12&&(g=n.parse12(s,m,g)),r.tables.push(g)}r.ids[v]!=null&&console.log("multiple tables for one platform+encoding: "+v),r.ids[v]=b}return r},parse4:function(s,e,t){var r=d.B,i=r.readUshort,a=r.readUshorts,n=e;e+=2;var o=i(s,e);e+=2,i(s,e),e+=2;var h=i(s,e);e+=2;var c=h>>>1;t.searchRange=i(s,e),e+=2,t.entrySelector=i(s,e),e+=2,t.rangeShift=i(s,e),e+=2,t.endCount=a(s,e,c),e+=c*2,e+=2,t.startCount=a(s,e,c),e+=c*2,t.idDelta=[];for(var u=0;u<c;u++)t.idDelta.push(r.readShort(s,e)),e+=2;return t.idRangeOffset=a(s,e,c),e+=c*2,t.glyphIdArray=a(s,e,n+o-e>>1),t},parse12:function(s,e,t){var r=d.B,i=r.readUint;e+=4,i(s,e),e+=4,i(s,e),e+=4;var a=i(s,e)*3;e+=4;for(var n=t.groups=new Uint32Array(a),o=0;o<a;o+=3)n[o]=i(s,e+(o<<2)),n[o+1]=i(s,e+(o<<2)+4),n[o+2]=i(s,e+(o<<2)+8);return t}},d.T.head={parseTab:function(s,e,t){var r=d.B,i={};return r.readFixed(s,e),e+=4,i.fontRevision=r.readFixed(s,e),e+=4,r.readUint(s,e),e+=4,r.readUint(s,e),e+=4,i.flags=r.readUshort(s,e),e+=2,i.unitsPerEm=r.readUshort(s,e),e+=2,i.created=r.readUint64(s,e),e+=8,i.modified=r.readUint64(s,e),e+=8,i.xMin=r.readShort(s,e),e+=2,i.yMin=r.readShort(s,e),e+=2,i.xMax=r.readShort(s,e),e+=2,i.yMax=r.readShort(s,e),e+=2,i.macStyle=r.readUshort(s,e),e+=2,i.lowestRecPPEM=r.readUshort(s,e),e+=2,i.fontDirectionHint=r.readShort(s,e),e+=2,i.indexToLocFormat=r.readShort(s,e),e+=2,i.glyphDataFormat=r.readShort(s,e),e+=2,i}},d.T.hhea={parseTab:function(s,e,t){var r=d.B,i={};r.readFixed(s,e),e+=4;for(var a=["ascender","descender","lineGap","advanceWidthMax","minLeftSideBearing","minRightSideBearing","xMaxExtent","caretSlopeRise","caretSlopeRun","caretOffset","res0","res1","res2","res3","metricDataFormat","numberOfHMetrics"],n=0;n<a.length;n++){var o=a[n],h=o=="advanceWidthMax"||o=="numberOfHMetrics"?r.readUshort:r.readShort;i[o]=h(s,e+n*2)}return i}},d.T.hmtx={parseTab:function(s,e,t,r){for(var i=d.B,a=[],n=[],o=r.maxp.numGlyphs,h=r.hhea.numberOfHMetrics,c=0,u=0,f=0;f<h;)c=i.readUshort(s,e+(f<<2)),u=i.readShort(s,e+(f<<2)+2),a.push(c),n.push(u),f++;for(;f<o;)a.push(c),n.push(u),f++;return{aWidth:a,lsBearing:n}}},d.T.maxp={parseTab:function(s,e,t){var r=d.B,i=r.readUshort,a={};return r.readUint(s,e),e+=4,a.numGlyphs=i(s,e),e+=2,a}},d.T.loca={parseTab:function(s,e,t,r){var i=d.B,a=[],n=r.head.indexToLocFormat,o=r.maxp.numGlyphs+1;if(n==0)for(var h=0;h<o;h++)a.push(i.readUshort(s,e+(h<<1))<<1);if(n==1)for(var h=0;h<o;h++)a.push(i.readUint(s,e+(h<<2)));return a}},d.T.glyf={parseTab:function(s,e,t,r){for(var i=[],a=r.maxp.numGlyphs,n=0;n<a;n++)i.push(null);return i},_parseGlyf:function(s,e){var t=d.B,r=s._data,i=s.loca;if(i[e]==i[e+1])return null;var a=d.findTable(r,"glyf",s._offset)[0]+i[e],n={};if(n.noc=t.readShort(r,a),a+=2,n.xMin=t.readShort(r,a),a+=2,n.yMin=t.readShort(r,a),a+=2,n.xMax=t.readShort(r,a),a+=2,n.yMax=t.readShort(r,a),a+=2,n.xMin>=n.xMax||n.yMin>=n.yMax)return null;if(n.noc>0){n.endPts=[];for(var o=0;o<n.noc;o++)n.endPts.push(t.readUshort(r,a)),a+=2;var h=t.readUshort(r,a);if(a+=2,r.length-a<h)return null;n.instructions=t.readBytes(r,a,h),a+=h;var c=n.endPts[n.noc-1]+1;n.flags=[];for(var o=0;o<c;o++){var u=r[a];if(a++,n.flags.push(u),u&8){var f=r[a];a++;for(var m=0;m<f;m++)n.flags.push(u),o++}}n.xs=[];for(var o=0;o<c;o++){var v=(n.flags[o]&2)!=0,b=(n.flags[o]&16)!=0;v?(n.xs.push(b?r[a]:-r[a]),a++):b?n.xs.push(0):(n.xs.push(t.readShort(r,a)),a+=2)}n.ys=[];for(var o=0;o<c;o++){var v=(n.flags[o]&4)!=0,b=(n.flags[o]&32)!=0;v?(n.ys.push(b?r[a]:-r[a]),a++):b?n.ys.push(0):(n.ys.push(t.readShort(r,a)),a+=2)}for(var g=0,C=0,o=0;o<c;o++)g+=n.xs[o],C+=n.ys[o],n.xs[o]=g,n.ys[o]=C}else n.parts=[];return n}},typeof module<"u"&&module.exports?module.exports=d:typeof window<"u"&&(window.Typr=d);class K{extractCharacters(e){var r;const t=[];return(r=e==null?void 0:e.cmap)!=null&&r.tables?(e.cmap.tables.forEach(i=>{if(i.format===4){const a=this._extractCharactersFromFormat4Table(i);t.push(...a)}else if(i.format===12){const a=this._extractCharactersFromFormat12Table(i);t.push(...a)}}),[...new Set(t)]):[]}_extractCharactersFromFormat4Table(e){const t=[];if(!e.startCount||!e.endCount||!e.idRangeOffset||!e.idDelta)return t;for(let r=0;r<e.startCount.length;r++){const i=e.startCount[r],a=e.endCount[r];if(!(i===65535&&a===65535)){for(let n=i;n<=a;n++)if(this._calculateGlyphIndexFormat4(e,n,r)>0){const h=String.fromCodePoint(n);t.push(h)}}}return t}_extractCharactersFromFormat12Table(e){const t=[];if(!e.groups)return t;for(let r=0;r<e.groups.length;r+=3){const i=e.groups[r],a=e.groups[r+1],n=e.groups[r+2];for(let o=i;o<=a;o++)if(n+(o-i)>0){const c=String.fromCodePoint(o);t.push(c)}}return t}_calculateGlyphIndexFormat4(e,t,r){if(e.idRangeOffset[r]===0)return t+e.idDelta[r]&65535;{const i=e.idRangeOffset[r]/2+(t-e.startCount[r])-(e.startCount.length-r);if(i>=0&&e.glyphIdArray&&i<e.glyphIdArray.length){const a=e.glyphIdArray[i];if(a!==0)return a+e.idDelta[r]&65535}}return 0}filterProblematicCharacters(e){return e.filter(t=>this._isValidCharacter(t))}_isValidCharacter(e){const t=e.codePointAt(0)||0;return!(t>=0&&t<=31&&t!==9&&t!==10&&t!==13||t>=127&&t<=159)}}class ee{constructor(e){l(this,"_textureCanvas");l(this,"_textureContext");l(this,"_renderer");this._renderer=e,this._textureCanvas=document.createElement("canvas"),this._textureContext=this._textureCanvas.getContext("2d",{willReadFrequently:!0,alpha:!1})}createTextureAtlas(e,t,r,i){const a=e.length,n=Math.ceil(Math.sqrt(a)),o=Math.ceil(a/n),h=t.width*n,c=t.height*o;this._setupCanvas(h,c,r,i),this._renderCharactersToCanvas(e,t,n,r),this._applyBlackWhiteThreshold();const u=this._renderer.createFramebuffer(h,c,{filter:"nearest"});return u.update(this._textureCanvas),{framebuffer:u,columns:n,rows:o}}_setupCanvas(e,t,r,i){this._textureCanvas.width=e,this._textureCanvas.height=t,this._textureCanvas.style.width=e+"px",this._textureCanvas.style.height=e+"px",this._textureContext.imageSmoothingEnabled=!1,this._textureCanvas.style.imageRendering="pixelated",this._textureContext.fillStyle="black",this._textureContext.fillRect(0,0,e,t),this._textureContext.font=`${r}px ${i}`,this._textureContext.textBaseline="top",this._textureContext.textAlign="left",this._textureContext.fillStyle="white"}_renderCharactersToCanvas(e,t,r,i){for(let a=0;a<e.length;a++){const n=a%r,o=Math.floor(a/r),h=n*t.width+t.width*.5,c=o*t.height+t.height*.5,u=Math.round(h-t.width*.5),f=Math.round(c-i*.5);this._textureContext.fillText(e[a].character,u,f)}}_applyBlackWhiteThreshold(e=128){const t=this._textureContext.getImageData(0,0,this._textureCanvas.width,this._textureCanvas.height),r=t.data;for(let i=0;i<r.length;i+=4){const a=.299*r[i]+.587*r[i+1]+.114*r[i+2],n=e+32,o=a>n?255:0;r[i]=o,r[i+1]=o,r[i+2]=o}this._textureContext.putImageData(t,0,0)}}class te{constructor(){l(this,"_tempCanvas");l(this,"_tempContext");this._tempCanvas=document.createElement("canvas"),this._tempContext=this._tempCanvas.getContext("2d")}calculateMaxGlyphDimensions(e,t,r){this._tempContext.font=`${t}px ${r}`;let i=0,a=0;for(const n of e){const o=this._tempContext.measureText(n),h=o.width,c=o.actualBoundingBoxAscent+o.actualBoundingBoxDescent;h>0&&(i=Math.max(i,h),a=Math.max(a,c))}return{width:Math.ceil(i),height:Math.ceil(a)}}}class re{createCharacterObjects(e,t){return e.map((r,i)=>{const a=r.codePointAt(0)||0,n=this._generateCharacterColor(i);let o=0;if(t.hmtx&&t.hmtx.aWidth){const h=this._getGlyphIndex(t,a);h>0&&t.hmtx.aWidth[h]!==void 0&&(o=t.hmtx.aWidth[h])}return{character:r,unicode:a,color:n,advanceWidth:o}})}_getGlyphIndex(e,t){const r=e.cmap;if(!r||!r.tables)return 0;for(const i of r.tables)if(i.format===4){for(let a=0;a<i.startCount.length;a++)if(t>=i.startCount[a]&&t<=i.endCount[a]){if(i.idRangeOffset[a]===0)return t+i.idDelta[a]&65535;{const n=i.idRangeOffset[a]/2+(t-i.startCount[a])-(i.startCount.length-a);if(n>=0&&n<i.glyphIdArray.length){const o=i.glyphIdArray[n];if(o!==0)return o+i.idDelta[a]&65535}}}}return 0}_generateCharacterColor(e){const t=e%256,r=Math.floor(e/256)%256,i=Math.floor(e/65536)%256;return[t,r,i]}getCharacterColor(e,t){if(!x.validate(typeof e=="string"&&e.length===1,"Character must be a single character string.",{method:"getCharacterColor",providedValue:e}))return[0,0,0];const r=t.find(i=>i.character===e);return r?r.color:[0,0,0]}getCharacterColors(e,t){return x.validate(typeof e=="string"&&e.length>0,"Characters must be a string with at least one character.",{method:"getCharacterColors",providedValue:e})?e.split("").map(r=>this.getCharacterColor(r,t)||[0,0,0]):[[0,0,0]]}}class k{constructor(e,t=16){l(this,"_font");l(this,"_characters",[]);l(this,"_fontFramebuffer");l(this,"_fontSize",16);l(this,"_textureColumns",0);l(this,"_textureRows",0);l(this,"_maxGlyphDimensions",{width:0,height:0});l(this,"_fontFace");l(this,"_fontFamilyName","UrsaFont");l(this,"_characterExtractor");l(this,"_textureAtlas");l(this,"_metricsCalculator");l(this,"_characterColorMapper");this._fontSize=t,this._characterExtractor=new K,this._textureAtlas=new ee(e),this._metricsCalculator=new te,this._characterColorMapper=new re}async initialize(e){let t;if(e){const r=await fetch(e);if(!r.ok)throw new p(`Failed to load font file: ${r.status} ${r.statusText}`);t=await r.arrayBuffer()}else throw new p("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");await this._loadFontFace(t),this._font=d.parse(t)[0],await this._initializeFont()}setFontSize(e){if(e===void 0)return this._fontSize;this._fontSize=e,this._maxGlyphDimensions=this._metricsCalculator.calculateMaxGlyphDimensions(this._characters.map(r=>r.character),this._fontSize,this._fontFamilyName);const t=this._textureAtlas.createTextureAtlas(this._characters,this._maxGlyphDimensions,this._fontSize,this._fontFamilyName);this._fontFramebuffer=t.framebuffer,this._textureColumns=t.columns,this._textureRows=t.rows}async loadFont(e){try{const t=await fetch(e);if(!t.ok)throw new p(`Failed to load font file: ${t.status} ${t.statusText}`);const r=await t.arrayBuffer();await this._loadFontFace(r);const i=d.parse(r);if(!i||i.length===0)throw new Error("Failed to parse font file");this._font=i[0],await this._initializeFont()}catch(t){throw new p(`Failed to load font: ${t instanceof Error?t.message:"Unknown error"}`,t)}}async _loadFontFace(e){const t=Date.now();this._fontFamilyName=this._fontFamilyName==="UrsaFont"?"UrsaFont":`CustomFont_${t}`,this._fontFace=new FontFace(this._fontFamilyName,e),await this._fontFace.load(),document.fonts.add(this._fontFace)}async _initializeFont(){const e=this._characterExtractor.extractCharacters(this._font),t=this._characterExtractor.filterProblematicCharacters(e);this._characters=this._characterColorMapper.createCharacterObjects(t,this._font),this._maxGlyphDimensions=this._metricsCalculator.calculateMaxGlyphDimensions(t,this._fontSize,this._fontFamilyName);const r=this._textureAtlas.createTextureAtlas(this._characters,this._maxGlyphDimensions,this._fontSize,this._fontFamilyName);this._fontFramebuffer=r.framebuffer,this._textureColumns=r.columns,this._textureRows=r.rows}getCharacterColor(e){return this._characterColorMapper.getCharacterColor(e,this._characters)}getCharacterColors(e){return this._characterColorMapper.getCharacterColors(e,this._characters)}hasAllCharacters(e){if(typeof e!="string"||e.length===0)return!1;const t=new Set(this._characters.map(r=>r.character));for(const r of e)if(!t.has(r))return!1;return!0}get fontFramebuffer(){return this._fontFramebuffer}get characters(){return this._characters}get textureColumns(){return this._textureColumns}get textureRows(){return this._textureRows}get maxGlyphDimensions(){return this._maxGlyphDimensions}get fontSize(){return this._fontSize}get font(){return this._font}}class N{constructor(e,t,r){l(this,"_cols");l(this,"_rows");l(this,"_width");l(this,"_height");l(this,"_offsetX");l(this,"_offsetY");l(this,"_fixedDimensions",!1);l(this,"_canvas");l(this,"_cellWidth");l(this,"_cellHeight");this._canvas=e,this._cellWidth=t,this._cellHeight=r,this.reset()}reset(){if(!this._fixedDimensions){const e=this._canvas.getBoundingClientRect();let t=Math.round(e.width),r=Math.round(e.height);(t===0||r===0)&&(t=this._canvas.width,r=this._canvas.height),[this._cols,this._rows]=[Math.floor(t/this._cellWidth),Math.floor(r/this._cellHeight)]}this._resizeGrid()}_resizeGrid(){const e=this._canvas.getBoundingClientRect();let t=Math.round(e.width),r=Math.round(e.height);(t===0||r===0)&&(t=this._canvas.width,r=this._canvas.height),this._width=this._cols*this._cellWidth,this._height=this._rows*this._cellHeight,this._offsetX=Math.floor((t-this._width)/2),this._offsetY=Math.floor((r-this._height)/2)}resizeCellPixelDimensions(e,t){[this._cellWidth,this._cellHeight]=[e,t],this.reset()}resizeGridDimensions(e,t){this._fixedDimensions=!0,[this._cols,this._rows]=[e,t],this._resizeGrid()}resetGridDimensions(){this._fixedDimensions=!1,this.reset()}resize(){this._fixedDimensions?this._resizeGrid():this.reset()}fixedDimensions(e){if(e===void 0)return this._fixedDimensions;this._fixedDimensions=e}get cellWidth(){return this._cellWidth}get cellHeight(){return this._cellHeight}get cols(){return this._cols}get rows(){return this._rows}get width(){return this._width}get height(){return this._height}get offsetX(){return this._offsetX}get offsetY(){return this._offsetY}}class O{constructor(e,t=!1,r={}){l(this,"_canvas");l(this,"captureSource");l(this,"_isStandalone");this.captureSource=e,this._isStandalone=t,this._canvas=this.createCanvas(r.width,r.height)}createCanvas(e,t){var i;const r=document.createElement("canvas");if(r.className="textmodeCanvas",this._isStandalone)r.width=e||800,r.height=t||600,r.style.width=e+"px",r.style.height=t+"px",document.body.appendChild(r);else{const a=this.captureSource.getBoundingClientRect();let n=Math.round(a.width),o=Math.round(a.height);if(this.captureSource instanceof HTMLVideoElement){const u=this.captureSource;(n===0||o===0)&&u.videoWidth>0&&u.videoHeight>0&&(n=u.videoWidth,o=u.videoHeight)}r.width=n,r.height=o,r.style.width=n+"px",r.style.height=o+"px",r.style.position="absolute",r.style.pointerEvents="none";const h=window.getComputedStyle(this.captureSource);let c=parseInt(h.zIndex||"0",10);isNaN(c)&&(c=0),r.style.zIndex=(c+1).toString(),this.positionOverlayCanvas(r),(i=this.captureSource.parentNode)==null||i.insertBefore(r,this.captureSource.nextSibling)}return r}positionOverlayCanvas(e){const t=this.captureSource.getBoundingClientRect();let r=this.captureSource.offsetParent;if(r&&r!==document.body){const i=r.getBoundingClientRect();e.style.top=t.top-i.top+"px",e.style.left=t.left-i.left+"px"}else e.style.top=t.top+window.scrollY+"px",e.style.left=t.left+window.scrollX+"px"}resize(e,t){if(this._isStandalone)this._canvas.width=e??this._canvas.width,this._canvas.height=t??this._canvas.height,this._canvas.style.width=(e??this._canvas.width)+"px",this._canvas.style.height=(t??this._canvas.height)+"px";else{const r=this.captureSource.getBoundingClientRect();let i=Math.round(r.width),a=Math.round(r.height);if(this.captureSource instanceof HTMLVideoElement){const n=this.captureSource;(i===0||a===0)&&n.videoWidth>0&&n.videoHeight>0&&(i=n.videoWidth,a=n.videoHeight)}this._canvas.width=i,this._canvas.height=a,this._canvas.style.width=i+"px",this._canvas.style.height=a+"px",this.positionOverlayCanvas(this._canvas)}}getWebGLContext(){const e={alpha:!0,premultipliedAlpha:!1,preserveDrawingBuffer:!0,antialias:!1,depth:!1,stencil:!1,powerPreference:"high-performance"},t=this._canvas.getContext("webgl2",e)||this._canvas.getContext("webgl",e);if(!t)throw new p("WebGL context could not be created. Ensure your browser supports WebGL.");return t}get canvas(){return this._canvas}get width(){return this._canvas.width}get height(){return this._canvas.height}}class A{constructor(e,t,r,i={}){l(this,"renderer");l(this,"fontManager");l(this,"grid");l(this,"_characterFramebuffer");l(this,"_primaryColorFramebuffer");l(this,"_secondaryColorFramebuffer");l(this,"_rotationFramebuffer");l(this,"_transformFramebuffer");l(this,"_options");this.renderer=e,this.fontManager=t,this.grid=r,this._options=i,this._characterFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows),this._primaryColorFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows),this._secondaryColorFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows),this._rotationFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows),this._transformFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows)}resize(){this._characterFramebuffer.resize(this.grid.cols,this.grid.rows),this._primaryColorFramebuffer.resize(this.grid.cols,this.grid.rows),this._secondaryColorFramebuffer.resize(this.grid.cols,this.grid.rows),this._rotationFramebuffer.resize(this.grid.cols,this.grid.rows),this._transformFramebuffer.resize(this.grid.cols,this.grid.rows)}enabled(e){this._options.enabled=e}enable(){this.enabled(!0)}disable(){this.enabled(!1)}get characterFramebuffer(){return this._characterFramebuffer}get primaryColorFramebuffer(){return this._primaryColorFramebuffer}get secondaryColorFramebuffer(){return this._secondaryColorFramebuffer}get rotationFramebuffer(){return this._rotationFramebuffer}get transformFramebuffer(){return this._transformFramebuffer}get options(){return this._options}}class ie{constructor(e,t){l(this,"_framebuffer");l(this,"_renderer");l(this,"_colors");this._renderer=e,this._colors=t;const r=Math.max(this._colors.length,1);this._framebuffer=this._renderer.createFramebuffer(r,1),this._updateFramebuffer()}_updateFramebuffer(){if(!this._framebuffer)return;const e=Math.max(this._colors.length,1),t=1;this._framebuffer.width!==e&&this._framebuffer.resize(e,t);const r=new Uint8Array(e*t*4);for(let i=0;i<e;i++){const a=i<this._colors.length?this._colors[i]:[0,0,0],n=i*4;r[n]=a[0],r[n+1]=a[1],r[n+2]=a[2],r[n+3]=255}this._framebuffer.updatePixels(r,e,t)}setColors(e){this._colors=e,this._updateFramebuffer()}get colors(){return this._colors}get framebuffer(){return this._framebuffer}get texture(){return this._framebuffer.texture}}class V extends A{constructor(t,r,i,a={}){super(t,r,i,a);l(this,"palette");this.palette=new ie(this.renderer,this.fontManager.getCharacterColors(" .:-=+*%@#"))}characters(t){x.validate(this.fontManager.hasAllCharacters(t),"One or more characters do not exist in the current font.",{method:"characters",providedValue:t})&&(this._options.characters=t,this.palette.setColors(this.fontManager.getCharacterColors(t)))}characterColor(t,r=t,i=t,a=255){x.validate([t,r,i,a].every(n=>n>=0&&n<=255),"Character color values must be between 0 and 255",{method:"characterColor",providedValues:{r:t,g:r,b:i,a}})&&(this._options.characterColor=[t,r,i,a])}characterColorMode(t){x.validate(["sampled","fixed"].includes(t),"Invalid character color mode. Must be 'sampled' or 'fixed'.",{method:"characterColorMode",providedValue:t})&&(this._options.characterColorMode=t)}cellColor(t,r=t,i=t,a=255){x.validate([t,r,i,a].every(n=>n>=0&&n<=255),"Cell color values must be between 0 and 255",{method:"cellColor",providedValues:{r:t,g:r,b:i,a}})&&(this._options.cellColor=[t,r,i,a])}cellColorMode(t){x.validate(["sampled","fixed"].includes(t),"Invalid cell color mode. Must be 'sampled' or 'fixed'.",{method:"cellColorMode",providedValue:t})&&(this._options.cellColorMode=t)}invert(t){x.validate(typeof t=="boolean"||typeof t=="number"&&Number.isInteger(t),"Invert must be a boolean value or an integer (0 for false, any other number for true).",{method:"invert",providedValue:t})&&(this._options.invert=!!t)}rotation(t){if(!x.validate(typeof t=="number","Rotation angle must be a number.",{method:"rotation",providedValue:t}))return;t=t%360,t<0&&(t+=360);const r=t*255/360,i=Math.floor(r)/255,a=Math.round(r-i);this._options.rotation=[i,a,0,1]}flipHorizontally(t){x.validate(typeof t=="boolean"||typeof t=="number"&&Number.isInteger(t),"Flip horizontally must be a boolean value or an integer (0 for false, any other number for true).",{method:"flipHorizontally",providedValue:t})&&(this._options.flipHorizontally=!!t)}flipVertically(t){x.validate(typeof t=="boolean"||typeof t=="number"&&Number.isInteger(t),"Flip vertically must be a boolean value or an integer (0 for false, any other number for true).",{method:"flipVertically",providedValue:t})&&(this._options.flipVertically=!!t)}}var ae="precision lowp float;uniform sampler2D u_sketchTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_brightnessRange;varying vec2 v_uv;void main(){vec2 cellCenter=(floor(v_uv*u_gridCellDimensions)+vec2(0.5))/u_gridCellDimensions;vec4 color=texture2D(u_sketchTexture,cellCenter);float brightness=dot(color.rgb,vec3(0.299,0.587,0.114));float brightnessValue=brightness*255.0;if(brightnessValue>=u_brightnessRange.x&&brightnessValue<=u_brightnessRange.y){gl_FragColor=color;}else{gl_FragColor=vec4(0.0);}}",ne="precision lowp float;uniform sampler2D u_sampleTexture;uniform vec4 u_fillColor;uniform bool u_useFixedColor;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){if(u_useFixedColor){gl_FragColor=u_fillColor;}else{gl_FragColor=sampleColor;}}else{gl_FragColor=vec4(0.0);}}",se="precision lowp float;uniform sampler2D u_sampleTexture;uniform bool u_invert;uniform bool u_flipHorizontally;uniform bool u_flipVertically;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){float invertValue=u_invert ? 1.0 : 0.0;float flipHValue=u_flipHorizontally ? 1.0 : 0.0;float flipVValue=u_flipVertically ? 1.0 : 0.0;gl_FragColor=vec4(invertValue,flipHValue,flipVValue,1.0);}else{gl_FragColor=vec4(0.0);}}",oe="precision lowp float;uniform sampler2D u_sampleTexture;uniform vec4 u_rotation;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){gl_FragColor=u_rotation;}else{gl_FragColor=vec4(0.0);}}",le="precision lowp float;uniform sampler2D u_colorSampleFramebuffer;uniform sampler2D u_charPaletteTexture;uniform vec2 u_charPaletteSize;uniform vec2 u_brightnessRange;varying vec2 v_uv;void main(){vec4 color=texture2D(u_colorSampleFramebuffer,v_uv);if(color.a==0.0){gl_FragColor=vec4(0.0);return;}float brightness=dot(color.rgb,vec3(0.299,0.587,0.114))*255.0;vec2 range=u_brightnessRange;if(brightness<range.x||brightness>range.y){gl_FragColor=vec4(0.0);return;}float t=(brightness-range.x)/(range.y-range.x);float idx=clamp(floor(t*u_charPaletteSize.x),0.0,u_charPaletteSize.x-1.0);vec3 charColor=texture2D(u_charPaletteTexture,vec2((idx+0.5)/u_charPaletteSize.x,0.0)).rgb;gl_FragColor=vec4(charColor,1.0);}";const he={enabled:!0,characters:" .:-=+*%@#",characterColor:[255,255,255,255],characterColorMode:"sampled",cellColor:[0,0,0,255],cellColorMode:"fixed",invert:!1,rotation:[0,0,0,255],flipHorizontally:!1,flipVertically:!1,brightnessRange:[0,255]};class $ extends V{constructor(t,r,i){super(t,r,i,{...he});l(this,"sampleShader");l(this,"colorFillShader");l(this,"charMappingShader");l(this,"transformFillShader");l(this,"rotationFillShader");l(this,"sampleFramebuffer");this.sampleShader=new y(t.context,T,ae),this.colorFillShader=new y(t.context,T,ne),this.transformFillShader=new y(t.context,T,se),this.rotationFillShader=new y(t.context,T,oe),this.charMappingShader=new y(t.context,T,le),this.sampleFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows)}convert(t){this.sampleFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this.sampleShader),this.renderer.setUniform("u_sketchTexture",t),this.renderer.setUniform("u_gridCellDimensions",[this.grid.cols,this.grid.rows]),this.renderer.setUniform("u_brightnessRange",this._options.brightnessRange),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this.sampleFramebuffer.end(),this._primaryColorFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this.colorFillShader),this.renderer.setUniform("u_sampleTexture",this.sampleFramebuffer.texture),this.renderer.setUniform("u_fillColor",this._options.characterColor),this.renderer.setUniform("u_useFixedColor",this._options.characterColorMode==="fixed"),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this._primaryColorFramebuffer.end(),this._secondaryColorFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this.colorFillShader),this.renderer.setUniform("u_sampleTexture",this.sampleFramebuffer.texture),this.renderer.setUniform("u_fillColor",this._options.cellColor),this.renderer.setUniform("u_useFixedColor",this._options.cellColorMode==="fixed"),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this._secondaryColorFramebuffer.end(),this._transformFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this.transformFillShader),this.renderer.setUniform("u_sampleTexture",this.sampleFramebuffer.texture),this.renderer.setUniform("u_invert",this._options.invert),this.renderer.setUniform("u_flipHorizontally",this._options.flipHorizontally),this.renderer.setUniform("u_flipVertically",this._options.flipVertically),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this._transformFramebuffer.end(),this._rotationFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this.rotationFillShader),this.renderer.setUniform("u_sampleTexture",this.sampleFramebuffer.texture),this.renderer.setUniform("u_rotation",this._options.rotation),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this._rotationFramebuffer.end(),this._characterFramebuffer.begin(),this.renderer.clear(0,0,0,0),this.renderer.shader(this.charMappingShader),this.renderer.setUniform("u_colorSampleFramebuffer",this.sampleFramebuffer.texture),this.renderer.setUniform("u_charPaletteTexture",this.palette.texture),this.renderer.setUniform("u_charPaletteSize",[this.palette.colors.length,1]),this.renderer.setUniform("u_brightnessRange",this._options.brightnessRange),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this._characterFramebuffer.end()}resize(){super.resize(),this.sampleFramebuffer.resize(this.grid.cols,this.grid.rows)}brightnessRange(t){x.validate(Array.isArray(t)&&t.length===2&&t.every(r=>typeof r=="number"&&r>=0&&r<=255),"Brightness range must be an array of two numbers between 0 and 255.",{method:"brightnessRange",providedValue:t})&&(this._options.brightnessRange=t)}}const ce=Object.freeze(Object.defineProperty({__proto__:null,TextmodeBrightnessConverter:$,TextmodeConverter:A,TextmodeFeatureConverter:V},Symbol.toStringTag,{value:"Module"}));var ue="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 sampler2D u_captureTexture;uniform vec2 u_captureDimensions;uniform int u_backgroundMode;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;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_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);if(encodedIndexVec.a<0.01){gl_FragColor=(u_backgroundMode==0)? vec4(0.0):texture2D(u_captureTexture,gl_FragCoord.xy/u_captureDimensions);return;}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);vec2 charCoord=vec2(charCol,charRow)/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);}";class X{constructor(e,t,r){l(this,"renderer");l(this,"font");l(this,"grid");l(this,"converters");l(this,"_resultFramebuffer");l(this,"_asciiShader");l(this,"_characterFramebuffer");l(this,"_primaryColorFramebuffer");l(this,"_secondaryColorFramebuffer");l(this,"_rotationFramebuffer");l(this,"_transformFramebuffer");this.renderer=e,this.font=t,this.grid=r,this._asciiShader=this.renderer.createShader(T,ue),this.converters=[{name:"brightness",converter:new $(e,t,r)},{name:"custom",converter:new A(e,t,r)}],this._characterFramebuffer=this.renderer.createFramebuffer(r.cols,r.rows),this._primaryColorFramebuffer=this.renderer.createFramebuffer(r.cols,r.rows),this._secondaryColorFramebuffer=this.renderer.createFramebuffer(r.cols,r.rows),this._rotationFramebuffer=this.renderer.createFramebuffer(r.cols,r.rows),this._transformFramebuffer=this.renderer.createFramebuffer(r.cols,r.rows),this._resultFramebuffer=this.renderer.createFramebuffer(this.grid.width,this.grid.height)}render(e){for(const r of this.converters){const i=r.converter;i.options.enabled&&i instanceof V&&i.convert(e)}const t=(r,i)=>{r.begin(),this.renderer.clear();for(const a of this.converters){const n=a.converter;n.options.enabled&&this.renderer.image(i(n),0,0)}r.end()};t(this._characterFramebuffer,r=>r.characterFramebuffer),t(this._primaryColorFramebuffer,r=>r.primaryColorFramebuffer),t(this._secondaryColorFramebuffer,r=>r.secondaryColorFramebuffer),t(this._rotationFramebuffer,r=>r.rotationFramebuffer),t(this._transformFramebuffer,r=>r.transformFramebuffer),this._resultFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this._asciiShader),this.renderer.setUniform("u_characterTexture",this.font.fontFramebuffer),this.renderer.setUniform("u_charsetDimensions",[this.font.textureColumns,this.font.textureRows]),this.renderer.setUniform("u_asciiCharacterTexture",this._characterFramebuffer.texture),this.renderer.setUniform("u_primaryColorTexture",this._primaryColorFramebuffer.texture),this.renderer.setUniform("u_secondaryColorTexture",this._secondaryColorFramebuffer.texture),this.renderer.setUniform("u_transformTexture",this._transformFramebuffer.texture),this.renderer.setUniform("u_rotationTexture",this._rotationFramebuffer.texture),this.renderer.setUniform("u_captureTexture",e.texture),this.renderer.setUniform("u_backgroundMode",!1),this.renderer.setUniform("u_captureDimensions",[e.width,e.height]),this.renderer.setUniform("u_gridCellDimensions",[this.grid.cols,this.grid.rows]),this.renderer.setUniform("u_gridPixelDimensions",[this.grid.width,this.grid.height]),this.renderer.rect(0,0,this._resultFramebuffer.width,this._resultFramebuffer.height),this._resultFramebuffer.end()}get(e){if(!x.validate(typeof e=="string"&&e.length>0,"Converter name must be a non-empty string.",{method:"converter",providedValue:e}))return;const t=this.converters.find(i=>i.name===e),r=t==null?void 0:t.converter;if(x.validate(r instanceof A,`Converter "${e}" is not a valid TextmodeConverter.`,{method:"converter",providedValue:e,converterInstance:r}))return r}add(e,t){if(!x.validate(typeof e=="string"&&e.length>0,"Converter name must be a non-empty string.",{method:"add",providedValue:e})||!x.validate(t==="brightness"||t==="custom",`Converter type must be either "brightness" or "custom". Provided: ${t}`,{method:"add",providedValue:t}))return;let r;return t==="brightness"?r=new $(this.renderer,this.font,this.grid):r=new A(this.renderer,this.font,this.grid),this.converters.push({name:e,converter:r}),r}remove(e){if(!x.validate(typeof e=="string"||e instanceof A,"Parameter must be either a string (converter name) or a TextmodeConverter instance.",{method:"remove",providedValue:e}))return!1;let t=-1;if(typeof e=="string"){if(!x.validate(e.length>0,"Converter name must be a non-empty string.",{method:"remove",providedValue:e}))return!1;t=this.converters.findIndex(r=>r.name===e)}else t=this.converters.findIndex(r=>r.converter===e);return x.validate(t!==-1,typeof e=="string"?`Converter with name "${e}" not found in pipeline.`:"Converter instance not found in pipeline.",{method:"remove",providedValue:e,convertersCount:this.converters.length})?(this.converters.splice(t,1),!0):!1}get texture(){return this._resultFramebuffer}resize(){this._resultFramebuffer.resize(this.grid.width,this.grid.height),this._characterFramebuffer.resize(this.grid.cols,this.grid.rows),this._primaryColorFramebuffer.resize(this.grid.cols,this.grid.rows),this._secondaryColorFramebuffer.resize(this.grid.cols,this.grid.rows),this._rotationFramebuffer.resize(this.grid.cols,this.grid.rows),this._transformFramebuffer.resize(this.grid.cols,this.grid.rows);for(const e of this.converters)e.converter.resize()}hasEnabledConverters(){return this.converters.some(e=>e.converter.options.enabled)}disable(){for(const e of this.converters)e.converter.disable()}enable(){for(const e of this.converters)e.converter.enable()}get characterFramebuffer(){return this._characterFramebuffer}get primaryColorFramebuffer(){return this._primaryColorFramebuffer}get secondaryColorFramebuffer(){return this._secondaryColorFramebuffer}get rotationFramebuffer(){return this._rotationFramebuffer}get transformFramebuffer(){return this._transformFramebuffer}}class z{extractFramebufferData(e){const t=e.get("brightness"),r=t==null?void 0:t.characterFramebuffer,i=t==null?void 0:t.primaryColorFramebuffer,a=t==null?void 0:t.secondaryColorFramebuffer,n=t==null?void 0:t.transformFramebuffer,o=t==null?void 0:t.rotationFramebuffer;return r==null||r.loadPixels(),i==null||i.loadPixels(),a==null||a.loadPixels(),n==null||n.loadPixels(),o==null||o.loadPixels(),{characterPixels:(r==null?void 0:r.pixels)||new Uint8Array(0),primaryColorPixels:(i==null?void 0:i.pixels)||new Uint8Array(0),secondaryColorPixels:(a==null?void 0:a.pixels)||new Uint8Array(0),transformPixels:(n==null?void 0:n.pixels)||new Uint8Array(0),rotationPixels:(o==null?void 0:o.pixels)||new Uint8Array(0)}}getCharacterIndex(e,t){const r=e[t],i=e[t+1];return r+(i<<8)}pixelsToRGBA(e,t){return{r:e[t],g:e[t+1],b:e[t+2],a:e[t+3]}}}class H{createBlob(e,t){return new Blob([e],{type:t})}createDataURL(e,t){const r=this.createBlob(e,t);return URL.createObjectURL(r)}downloadFile(e,t,r){try{const i=this.createBlob(e,r),a=URL.createObjectURL(i),n=document.createElement("a");n.href=a,n.download=t,n.style.display="none",n.rel="noopener",document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(a)}catch(i){throw console.error("Failed to download file:",i),new Error(`File download failed: ${i instanceof Error?i.message:"Unknown error"}`)}}generateTimestamp(){return new Date().toISOString().slice(0,19).replace(/:/g,"-")}generateDateTimeString(){const e=new Date,t=e.toISOString().split("T")[0],r=e.toTimeString().split(" ")[0].replace(/:/g,"-");return{date:t,time:r}}sanitizeFilename(e){return e.replace(/[<>:"/\\|?*]/g,"_").replace(/\s+/g,"_").replace(/_{2,}/g,"_").replace(/^_+|_+$/g,"").substring(0,255)}ensureFileExtension(e,t){return e.toLowerCase().endsWith(t.toLowerCase())?e:e+t}generateDefaultFilename(e,t){const r=this.generateTimestamp();return`${e}-${r}${t}`}}class de extends z{extractTransformData(e,t,r){const i=e[r],a=e[r+1],n=e[r+2],o=i===255,h=a===255,c=n===255,u=t[r],f=t[r+1],m=u+f/255,v=Math.round(m*360/255*100)/100;return{isInverted:o,flipHorizontal:h,flipVertical:c,rotation:v}}calculateCellPosition(e,t,r){return{x:e,y:t,cellX:e*r.cellWidth,cellY:t*r.cellHeight}}extractSVGCellData(e,t){const r=[];let i=0;for(let a=0;a<t.rows;a++)for(let n=0;n<t.cols;n++){const o=i*4,h=this.getCharacterIndex(e.characterPixels,o);let c=this.pixelsToRGBA(e.primaryColorPixels,o),u=this.pixelsToRGBA(e.secondaryColorPixels,o);const f=this.extractTransformData(e.transformPixels,e.rotationPixels,o);if(f.isInverted){const v=c;c=u,u=v}const m=this.calculateCellPosition(n,a,t);r.push({charIndex:h,primaryColor:c,secondaryColor:u,transform:f,position:m}),i++}return r}}class fe{getGlyphIndex(e,t){const r=e.cmap;if(!r||!r.tables)return 0;for(const i of r.tables)if(i.format===4){for(let a=0;a<i.startCount.length;a++)if(t>=i.startCount[a]&&t<=i.endCount[a]){if(i.idRangeOffset[a]===0)return t+i.idDelta[a]&65535;{const n=i.idRangeOffset[a]/2+(t-i.startCount[a])-(i.startCount.length-a);if(n>=0&&n<i.glyphIdArray.length){const o=i.glyphIdArray[n];if(o!==0)return o+i.idDelta[a]&65535}}}}return 0}createEmptyPath(){return{getBoundingBox:()=>({x1:0,y1:0,x2:0,y2:0}),toSVG:()=>""}}createGlyphPath(e,t,r,i,a){if(!t||!t.xs||t.xs.length===0)return this.createEmptyPath();const n=a/e.head.unitsPerEm;return{getBoundingBox:()=>({x1:r+t.xMin*n,y1:i+-t.yMax*n,x2:r+t.xMax*n,y2:i+-t.yMin*n}),toSVG:()=>this.glyphToSVGPath(t,r,i,n)}}glyphToSVGPath(e,t,r,i){if(!e||!e.xs)return"";const{xs:a,ys:n,endPts:o,flags:h}=e;if(!a||!n||!o||!h)return"";let c="",u=0;for(let f=0;f<o.length;f++){const m=o[f];if(!(m<u)){if(m>=u){const v=t+a[u]*i,b=r-n[u]*i;c+=`M${v.toFixed(2)},${b.toFixed(2)}`;let g=u+1;for(;g<=m;)if((h[g]&1)!==0){const S=t+a[g]*i,w=r-n[g]*i;c+=`L${S.toFixed(2)},${w.toFixed(2)}`,g++}else{const S=t+a[g]*i,w=r-n[g]*i;let F=g+1>m?u:g+1;if((h[F]&1)!==0){const U=t+a[F]*i,M=r-n[F]*i;c+=`Q${S.toFixed(2)},${w.toFixed(2)} ${U.toFixed(2)},${M.toFixed(2)}`,g=F+1}else{const U=t+a[F]*i,M=r-n[F]*i,Ee=(S+U)/2,Re=(w+M)/2;c+=`Q${S.toFixed(2)},${w.toFixed(2)} ${Ee.toFixed(2)},${Re.toFixed(2)}`,g=F}}c+="Z"}u=m+1}}return c}generateCharacterPath(e,t,r,i,a){try{const n=e.codePointAt(0)||0,o=this.getGlyphIndex(t,n);if(o===0)return this.createEmptyPath();let h=null;try{t.glyf&&t.glyf[o]!==null?h=t.glyf[o]:d&&d.T&&d.T.glyf&&d.T.glyf._parseGlyf&&(h=d.T.glyf._parseGlyf(t,o),t.glyf&&h&&(t.glyf[o]=h))}catch(c){console.warn(`Failed to parse glyph ${o}:`,c)}return h?this.createGlyphPath(t,h,r,i,a):this.createEmptyPath()}catch(n){return console.warn(`Failed to generate path for character "${e}":`,n),this.createEmptyPath()}}generatePositionedCharacterPath(e,t,r,i,a,n,o,h){try{const c=o/t.head.unitsPerEm,u=h*c,f=r+(a-u)/2,m=i+(n+o*.7)/2;return this.generateCharacterPath(e,t,f,m,o).toSVG()||null}catch(c){return console.warn(`Failed to generate positioned character path for "${e}":`,c),null}}}class me{constructor(){l(this,"pathGenerator");this.pathGenerator=new fe}generateSVGHeader(e){return`<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+`,i}static formatValue(t){if(t===null)return"null";if(t===void 0)return"undefined";if(typeof t=="string")return`"${t}"`;if(typeof t=="number"||typeof t=="boolean")return String(t);if(Array.isArray(t))return t.length===0?"[]":t.length<=5?`[${t.map(r=>_.formatValue(r)).join(", ")}]`:`[${t.slice(0,3).map(r=>_.formatValue(r)).join(", ")}, ... +${t.length-3} more]`;if(typeof t=="object"){const r=Object.keys(t);return r.length===0?"{}":r.length<=3?`{ ${r.map(a=>`${a}: ${_.formatValue(t[a])}`).join(", ")} }`:`{ ${r.slice(0,2).map(s=>`${s}: ${_.formatValue(t[s])}`).join(", ")}, ... +${r.length-2} more }`}return String(t)}}var E=(l=>(l[l.SILENT=0]="SILENT",l[l.WARNING=1]="WARNING",l[l.ERROR=2]="ERROR",l[l.THROW=3]="THROW",l))(E||{});const U=class U{constructor(){o(this,"_options",{globalLevel:3})}static getInstance(){return U._instance||(U._instance=new U),U._instance}_handle(e,t,r){const i="[textmode.js]";switch(this._options.globalLevel){case 0:return!1;case 1:return console.group(`%c${i} Oops! (╯°□°)╯︵ Something went wrong in your code.`,"color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;"),console.warn(_.createFormattedMessage(e,t)),console.groupEnd(),!1;case 2:return console.group(`%c${i} Oops! (╯°□°)╯︵ Something went wrong in your code.`,"color: #f44336; font-weight: bold; background: #ffebee; padding: 2px 6px; border-radius: 3px;"),console.error(_.createFormattedMessage(e,t)),console.groupEnd(),!1;case 3:default:const s=new _(e,r,t);throw console.group(`%c${i} Oops! (╯°□°)╯︵ Something went wrong in your code.`,"color: #d32f2f; font-weight: bold; background: #ffcdd2; padding: 2px 6px; border-radius: 3px;"),s}}validate(e,t,r){return e?!0:(this._handle(t,r),!1)}setGlobalLevel(e){this._options.globalLevel=e}};o(U,"_instance",null);let V=U;const C=V.getInstance();class ie{constructor(e,t,r=t,i={}){o(this,"gl");o(this,"_framebuffer");o(this,"_texture");o(this,"_width");o(this,"_height");o(this,"options");o(this,"previousState",null);o(this,"_pixels",null);this.gl=e,this._width=t,this._height=r,this.options={filter:"nearest",wrap:"clamp",format:"rgba",type:"unsigned_byte",...i},this._texture=this.createTexture(),this._framebuffer=e.createFramebuffer(),this.attachTexture()}createTexture(){const{gl:e}=this,t=e.createTexture();e.bindTexture(e.TEXTURE_2D,t);const r=this.options.filter==="linear"?e.LINEAR:e.NEAREST,i=this.options.wrap==="repeat"?e.REPEAT:e.CLAMP_TO_EDGE;return e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,r),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,r),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,i),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,i),this.updateTextureSize(),t}updateTextureSize(){const{gl:e}=this,t=e.RGBA,r=e.RGBA,i=this.options.type==="float"?e.FLOAT:e.UNSIGNED_BYTE;e.texImage2D(e.TEXTURE_2D,0,t,this._width,this._height,0,r,i,null)}attachTexture(){const{gl:e}=this;e.bindFramebuffer(e.FRAMEBUFFER,this._framebuffer),e.framebufferTexture2D(e.FRAMEBUFFER,e.COLOR_ATTACHMENT0,e.TEXTURE_2D,this._texture,0),e.bindFramebuffer(e.FRAMEBUFFER,null)}update(e){const{gl:t}=this;e instanceof HTMLVideoElement&&e.readyState<2||(t.bindTexture(t.TEXTURE_2D,this._texture),t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,e),t.bindTexture(t.TEXTURE_2D,null))}updatePixels(e,t,r){const{gl:i}=this;i.bindTexture(i.TEXTURE_2D,this._texture),i.texImage2D(i.TEXTURE_2D,0,i.RGBA,t,r,0,i.RGBA,i.UNSIGNED_BYTE,e),i.bindTexture(i.TEXTURE_2D,null)}resize(e,t){const{gl:r}=this;this._width=e,this._height=t,r.bindTexture(r.TEXTURE_2D,this._texture),this.updateTextureSize(),r.bindTexture(r.TEXTURE_2D,null)}begin(){const{gl:e}=this;this.previousState={framebuffer:e.getParameter(e.FRAMEBUFFER_BINDING),viewport:e.getParameter(e.VIEWPORT)},e.bindFramebuffer(e.FRAMEBUFFER,this._framebuffer),e.viewport(0,0,this._width,this._height)}end(){if(!this.previousState)return;const{gl:e}=this;e.bindFramebuffer(e.FRAMEBUFFER,this.previousState.framebuffer),e.viewport(...this.previousState.viewport),this.previousState=null}loadPixels(){const{gl:e}=this;this._pixels||(this._pixels=new Uint8Array(this._width*this._height*4));const t=e.getParameter(e.FRAMEBUFFER_BINDING);e.bindFramebuffer(e.FRAMEBUFFER,this._framebuffer),e.readPixels(0,0,this._width,this._height,e.RGBA,e.UNSIGNED_BYTE,this._pixels),e.bindFramebuffer(e.FRAMEBUFFER,t)}get(e,t,r,i){const{gl:s}=this;if(e===void 0&&t===void 0){const a=new Uint8Array(this._width*this._height*4),n=s.getParameter(s.FRAMEBUFFER_BINDING);return s.bindFramebuffer(s.FRAMEBUFFER,this._framebuffer),s.readPixels(0,0,this._width,this._height,s.RGBA,s.UNSIGNED_BYTE,a),s.bindFramebuffer(s.FRAMEBUFFER,n),a}else if(r===void 0&&i===void 0){(e<0||t<0||e>=this._width||t>=this._height)&&(console.warn("The x and y values passed to Framebuffer.get are outside of its range and will be clamped."),e=Math.max(0,Math.min(e,this._width-1)),t=Math.max(0,Math.min(t,this._height-1)));const a=new Uint8Array(4),n=s.getParameter(s.FRAMEBUFFER_BINDING);return s.bindFramebuffer(s.FRAMEBUFFER,this._framebuffer),s.readPixels(e,t,1,1,s.RGBA,s.UNSIGNED_BYTE,a),s.bindFramebuffer(s.FRAMEBUFFER,n),[a[0],a[1],a[2],a[3]]}else{e=Math.max(0,Math.min(e,this._width-1)),t=Math.max(0,Math.min(t,this._height-1)),r=Math.max(1,Math.min(r,this._width-e)),i=Math.max(1,Math.min(i,this._height-t));const a=new Uint8Array(r*i*4),n=s.getParameter(s.FRAMEBUFFER_BINDING);return s.bindFramebuffer(s.FRAMEBUFFER,this._framebuffer),s.readPixels(e,t,r,i,s.RGBA,s.UNSIGNED_BYTE,a),s.bindFramebuffer(s.FRAMEBUFFER,n),a}}get framebuffer(){return this._framebuffer}get texture(){return this._texture}get width(){return this._width}get height(){return this._height}get pixels(){return this._pixels}}class j{constructor(e,t,r){o(this,"gl");o(this,"x");o(this,"y");this.gl=e,this.x=t,this.y=r}}class D{constructor(e,t,r,i,s){o(this,"gl");o(this,"vertexBuffer");o(this,"vertexCount",6);o(this,"bytesPerVertex");this.gl=e,this.bytesPerVertex=16;const a=e.getParameter(e.VIEWPORT),n=a[2],h=a[3],c=e.getParameter(e.FRAMEBUFFER_BINDING)!==null,u=t/n*2-1,d=(t+i)/n*2-1;let f,g;c?(f=r/h*2-1,g=(r+s)/h*2-1):(f=1-r/h*2,g=1-(r+s)/h*2);let x,p,F,w;x=u,F=d,p=f,w=g;const b=this.generateVertices(x,p,F,w);this.vertexBuffer=e.createBuffer(),e.bindBuffer(e.ARRAY_BUFFER,this.vertexBuffer),e.bufferData(e.ARRAY_BUFFER,b,e.STATIC_DRAW)}generateVertices(e,t,r,i){return new Float32Array([e,i,0,1,r,i,1,1,e,t,0,0,e,t,0,0,r,i,1,1,r,t,1,0])}render(){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.vertexBuffer);const e=this.gl.getParameter(this.gl.CURRENT_PROGRAM);let t=this.gl.getAttribLocation(e,"a_position"),r=this.gl.getAttribLocation(e,"a_texCoord");this.gl.enableVertexAttribArray(t),this.gl.vertexAttribPointer(t,2,this.gl.FLOAT,!1,this.bytesPerVertex,0),this.gl.enableVertexAttribArray(r),this.gl.vertexAttribPointer(r,2,this.gl.FLOAT,!1,this.bytesPerVertex,8),this.gl.drawArrays(this.gl.TRIANGLES,0,this.vertexCount),this.gl.disableVertexAttribArray(t),this.gl.disableVertexAttribArray(r)}}class se extends j{constructor(t,r,i,s,a){super(t,r,i);o(this,"width");o(this,"height");this.width=s,this.height=a}renderFill(){new D(this.gl,this.x,this.y,this.width,this.height).render()}renderStroke(t){if(t<=0)return;const r=new D(this.gl,this.x,this.y,this.width,t),i=new D(this.gl,this.x+this.width-t,this.y,t,this.height),s=new D(this.gl,this.x,this.y+this.height-t,this.width,t),a=new D(this.gl,this.x,this.y,t,this.height);r.render(),i.render(),s.render(),a.render()}}class ae{constructor(e,t,r,i,s,a){o(this,"gl");o(this,"vertexBuffer");o(this,"vertexCount",6);o(this,"bytesPerVertex");this.gl=e,this.bytesPerVertex=16;const n=e.getParameter(e.VIEWPORT),h=n[2],c=n[3],u=e.getParameter(e.FRAMEBUFFER_BINDING)!==null,d=i-t,f=s-r,g=Math.sqrt(d*d+f*f);if(g===0){const Ne=this.generateVertices(0,0,0,0);this.vertexBuffer=e.createBuffer(),e.bindBuffer(e.ARRAY_BUFFER,this.vertexBuffer),e.bufferData(e.ARRAY_BUFFER,Ne,e.STATIC_DRAW);return}const x=d/g,F=-(f/g),w=x,b=a/2,y=t+F*b,B=r+w*b,A=t-F*b,R=r-w*b,H=i+F*b,G=s+w*b,ke=i-F*b,re=s-w*b,$e=y/h*2-1,ze=A/h*2-1,Le=H/h*2-1,Xe=ke/h*2-1;let N,O,W,Y;u?(N=B/c*2-1,O=R/c*2-1,W=G/c*2-1,Y=re/c*2-1):(N=1-B/c*2,O=1-R/c*2,W=1-G/c*2,Y=1-re/c*2);const He=this.generateLineVertices($e,N,ze,O,Le,W,Xe,Y);this.vertexBuffer=e.createBuffer(),e.bindBuffer(e.ARRAY_BUFFER,this.vertexBuffer),e.bufferData(e.ARRAY_BUFFER,He,e.STATIC_DRAW)}generateVertices(e,t,r,i){return new Float32Array([e,i,0,1,r,i,1,1,e,t,0,0,e,t,0,0,r,i,1,1,r,t,1,0])}generateLineVertices(e,t,r,i,s,a,n,h){return new Float32Array([e,t,0,0,r,i,0,1,s,a,1,0,r,i,0,1,n,h,1,1,s,a,1,0])}render(){this.gl.bindBuffer(this.gl.ARRAY_BUFFER,this.vertexBuffer);const e=this.gl.getParameter(this.gl.CURRENT_PROGRAM);let t=this.gl.getAttribLocation(e,"a_position"),r=this.gl.getAttribLocation(e,"a_texCoord");this.gl.enableVertexAttribArray(t),this.gl.vertexAttribPointer(t,2,this.gl.FLOAT,!1,this.bytesPerVertex,0),this.gl.enableVertexAttribArray(r),this.gl.vertexAttribPointer(r,2,this.gl.FLOAT,!1,this.bytesPerVertex,8),this.gl.drawArrays(this.gl.TRIANGLES,0,this.vertexCount),this.gl.disableVertexAttribArray(t),this.gl.disableVertexAttribArray(r)}}class ne extends j{constructor(t,r,i,s,a){super(t,r,i);o(this,"x2");o(this,"y2");this.x2=s,this.y2=a}renderFill(){}renderStroke(t){if(t<=0)return;new ae(this.gl,this.x,this.y,this.x2,this.y2,t).render()}}class T{constructor(e,t,r){o(this,"gl");o(this,"program");o(this,"uniformLocations",new Map);o(this,"attributeLocations",new Map);o(this,"textureUnitCounter",0);this.gl=e,this.program=this.createProgram(t,r),this.cacheLocations()}createProgram(e,t){const r=this.createShader(this.gl.VERTEX_SHADER,e),i=this.createShader(this.gl.FRAGMENT_SHADER,t),s=this.gl.createProgram();if(this.gl.attachShader(s,r),this.gl.attachShader(s,i),this.gl.linkProgram(s),!this.gl.getProgramParameter(s,this.gl.LINK_STATUS)){const a=this.gl.getProgramInfoLog(s);throw new Error(`Shader program link error: ${a}`)}return this.gl.deleteShader(r),this.gl.deleteShader(i),s}createShader(e,t){const r=this.gl.createShader(e);if(this.gl.shaderSource(r,t),this.gl.compileShader(r),!this.gl.getShaderParameter(r,this.gl.COMPILE_STATUS)){const i=this.gl.getShaderInfoLog(r);throw this.gl.deleteShader(r),new Error(`Shader compilation error: ${i}`)}return r}cacheLocations(){const e=this.gl.getProgramParameter(this.program,this.gl.ACTIVE_UNIFORMS);for(let r=0;r<e;r++){const i=this.gl.getActiveUniform(this.program,r);if(i){const s=this.gl.getUniformLocation(this.program,i.name);s&&this.uniformLocations.set(i.name,s)}}const t=this.gl.getProgramParameter(this.program,this.gl.ACTIVE_ATTRIBUTES);for(let r=0;r<t;r++){const i=this.gl.getActiveAttrib(this.program,r);if(i){const s=this.gl.getAttribLocation(this.program,i.name);this.attributeLocations.set(i.name,s)}}}use(){this.gl.useProgram(this.program),this.resetTextureUnits()}setUniform(e,t){const r=this.uniformLocations.get(e);if(!r)return;const i=this.getUniformInfo(e);if(typeof t=="number")i&&i.type===this.gl.INT?this.gl.uniform1i(r,Math.floor(t)):this.gl.uniform1f(r,t);else if(typeof t=="boolean")this.gl.uniform1i(r,t?1:0);else if(Array.isArray(t))if(i&&(i.type===this.gl.INT_VEC2||i.type===this.gl.INT_VEC3||i.type===this.gl.INT_VEC4)){const s=t.map(a=>Math.floor(a));switch(s.length){case 2:this.gl.uniform2iv(r,s);break;case 3:this.gl.uniform3iv(r,s);break;case 4:this.gl.uniform4iv(r,s);break;default:console.warn(`Unsupported array length ${s.length} for uniform '${e}'`)}}else switch(t.length){case 2:this.gl.uniform2f(r,t[0],t[1]);break;case 3:this.gl.uniform3f(r,t[0],t[1],t[2]);break;case 4:this.gl.uniform4f(r,t[0],t[1],t[2],t[3]);break;default:console.warn(`Unsupported array length ${t.length} for uniform '${e}'`)}else if(t instanceof WebGLTexture){const s=this.getNextTextureUnit();this.gl.uniform1i(r,s),this.gl.activeTexture(this.gl.TEXTURE0+s),this.gl.bindTexture(this.gl.TEXTURE_2D,t)}else if(t&&typeof t=="object"&&"texture"in t){const s=this.getNextTextureUnit();this.gl.uniform1i(r,s),this.gl.activeTexture(this.gl.TEXTURE0+s),this.gl.bindTexture(this.gl.TEXTURE_2D,t.texture)}else console.warn(`Unsupported uniform type for '${e}':`,typeof t)}getUniformInfo(e){const t=this.gl.getProgramParameter(this.program,this.gl.ACTIVE_UNIFORMS);for(let r=0;r<t;r++){const i=this.gl.getActiveUniform(this.program,r);if(i&&i.name===e)return i}return null}getNextTextureUnit(){return this.textureUnitCounter++}hasUniform(e){return this.uniformLocations.has(e)}hasAttribute(e){return this.attributeLocations.has(e)}get glProgram(){return this.program}resetTextureUnits(){this.textureUnitCounter=0}}var S="attribute vec2 a_position;attribute vec2 a_texCoord;varying vec2 v_uv;uniform float u_rotation;uniform vec2 u_center;uniform float u_aspectRatio;mat2 rotate2D(float angle){float s=sin(angle);float c=cos(angle);return mat2(c,-s,s,c);}void main(){v_uv=a_texCoord;vec2 pos=a_position;pos-=u_center;pos.x*=u_aspectRatio;pos=rotate2D(-u_rotation)*pos;pos.x/=u_aspectRatio;pos+=u_center;gl_Position=vec4(pos,0.0,1.0);}",oe="precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}",le="precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}";class he{constructor(e){o(this,"gl");o(this,"imageShader");o(this,"solidColorShader");o(this,"currentShader",null);o(this,"currentFillColor",[1,1,1,1]);o(this,"fillMode",!0);o(this,"currentStrokeColor",[0,0,0,1]);o(this,"currentStrokeWeight",1);o(this,"strokeMode",!0);o(this,"currentRotation",0);o(this,"stateStack",[]);this.gl=e,this.imageShader=new T(this.gl,S,oe),this.solidColorShader=new T(this.gl,S,le),this.gl.enable(this.gl.BLEND),this.gl.blendEquation(this.gl.FUNC_ADD),this.gl.blendFunc(this.gl.ONE,this.gl.ONE_MINUS_SRC_ALPHA)}shader(e){this.currentShader=e,e.use()}fill(e,t,r,i){if(this.fillMode=!0,t===void 0&&r===void 0&&i===void 0){const s=e/255;this.currentFillColor=[s,s,s,1]}else if(r!==void 0&&i===void 0)this.currentFillColor=[e/255,t/255,r/255,1];else if(r!==void 0&&i!==void 0)this.currentFillColor=[e/255,t/255,r/255,i/255];else throw new Error("Invalid fill parameters. Use fill(gray), fill(r,g,b), or fill(r,g,b,a)")}stroke(e,t,r,i){if(this.strokeMode=!0,t===void 0&&r===void 0&&i===void 0){const s=e/255;this.currentStrokeColor=[s,s,s,1]}else if(r!==void 0&&i===void 0)this.currentStrokeColor=[e/255,t/255,r/255,1];else if(r!==void 0&&i!==void 0)this.currentStrokeColor=[e/255,t/255,r/255,i/255];else throw new Error("Invalid stroke parameters. Use stroke(gray), stroke(r,g,b), or stroke(r,g,b,a)")}strokeWeight(e){if(e<0)throw new Error("Stroke weight must be non-negative");this.currentStrokeWeight=e}noStroke(){this.strokeMode=!1}noFill(){this.fillMode=!1}rotate(e){this.currentRotation=e}push(){this.stateStack.push({fillColor:[...this.currentFillColor],fillMode:this.fillMode,strokeColor:[...this.currentStrokeColor],strokeWeight:this.currentStrokeWeight,strokeMode:this.strokeMode,rotation:this.currentRotation})}pop(){const e=this.stateStack.pop();e?(this.currentFillColor=e.fillColor,this.fillMode=e.fillMode,this.currentStrokeColor=e.strokeColor,this.currentStrokeWeight=e.strokeWeight,this.strokeMode=e.strokeMode,this.currentRotation=e.rotation):console.warn("pop() called without matching push()")}reset(){this.currentShader=null,this.stateStack=[],this.currentRotation=0,this.fillMode=!0,this.strokeMode=!0,this.currentFillColor=[1,1,1,1],this.currentStrokeColor=[0,0,0,1],this.currentStrokeWeight=1}createShader(e,t){return new T(this.gl,e,t)}setUniform(e,t){this.currentShader.setUniform(e,t)}rect(e,t,r,i){const s=new se(this.gl,e,t,r,i);if(this.currentShader!==null){if(this.currentRotation!==0){const{centerX:d,centerY:f,radians:g,aspectRatio:x}=this.calculateRotationParams(e,t,r,i);this.setUniform("u_rotation",g),this.setUniform("u_center",[d,f]),this.setUniform("u_aspectRatio",x)}else this.setUniform("u_rotation",0),this.setUniform("u_center",[0,0]),this.setUniform("u_aspectRatio",1);s.renderFill(),this.currentShader=null;return}const a=this.solidColorShader,{centerX:n,centerY:h,radians:c,aspectRatio:u}=this.calculateRotationParams(e,t,r,i);this.fillMode&&(this.shader(a),this.setUniform("u_color",this.currentFillColor),this.setUniform("u_rotation",c),this.setUniform("u_center",[n,h]),this.setUniform("u_aspectRatio",u),s.renderFill()),this.strokeMode&&(this.shader(a),this.setUniform("u_color",this.currentStrokeColor),this.setUniform("u_rotation",c),this.setUniform("u_center",[n,h]),this.setUniform("u_aspectRatio",u),s.renderStroke(this.currentStrokeWeight)),this.currentShader=null}line(e,t,r,i){if(!this.strokeMode)return;const s=new ne(this.gl,e,t,r,i);if(this.currentShader!==null){if(this.currentRotation!==0){const p=(e+r)/2,F=(t+i)/2,w=Math.abs(r-e),b=Math.abs(i-t),{centerX:y,centerY:B,radians:A,aspectRatio:R}=this.calculateRotationParams(p-w/2,F-b/2,w,b);this.setUniform("u_rotation",A),this.setUniform("u_center",[y,B]),this.setUniform("u_aspectRatio",R)}else this.setUniform("u_rotation",0),this.setUniform("u_center",[0,0]),this.setUniform("u_aspectRatio",1);s.renderStroke(this.currentStrokeWeight),this.currentShader=null;return}const a=this.solidColorShader,n=(e+r)/2,h=(t+i)/2,c=Math.abs(r-e),u=Math.abs(i-t),{centerX:d,centerY:f,radians:g,aspectRatio:x}=this.calculateRotationParams(n-c/2,h-u/2,c,u);this.shader(a),this.setUniform("u_color",this.currentStrokeColor),this.setUniform("u_rotation",g),this.setUniform("u_center",[d,f]),this.setUniform("u_aspectRatio",x),s.renderStroke(this.currentStrokeWeight),this.currentShader=null}calculateRotationParams(e,t,r,i){const s=this.gl.getParameter(this.gl.VIEWPORT),a=s[2],n=s[3],h=a/n,c=this.gl.getParameter(this.gl.FRAMEBUFFER_BINDING)!==null,u=e+r/2,d=t+i/2,f=u/a*2-1;let g;c?g=d/n*2-1:g=1-d/n*2;const x=this.currentRotation*Math.PI/180;return{centerX:f,centerY:g,radians:x,aspectRatio:h}}createFramebuffer(e,t,r={}){return new ie(this.gl,e,t,r)}background(e,t=e,r=e,i=255){this.clear(e/255,t/255,r/255,i/255)}clear(e=0,t=0,r=0,i=0){this.gl.clearColor(e,t,r,i),this.gl.clear(this.gl.COLOR_BUFFER_BIT)}resetViewport(){this.gl.viewport(0,0,this.gl.canvas.width,this.gl.canvas.height)}get context(){return this.gl}image(e,t,r,i,s){this.shader(this.imageShader),this.setUniform("u_texture",e.texture);const{centerX:a,centerY:n,radians:h,aspectRatio:c}=this.calculateRotationParams(t,r,i??e.width,s??e.height);this.setUniform("u_rotation",h),this.setUniform("u_center",[a,n]),this.setUniform("u_aspectRatio",c),this.rect(t,r,i??e.width,s??e.height)}}var m={};m.parse=function(l){var e=function(s,a,n,h){var c=m.T,u={cmap:c.cmap,head:c.head,hhea:c.hhea,maxp:c.maxp,hmtx:c.hmtx,loca:c.loca,glyf:c.glyf},d={_data:s,_index:a,_offset:n};for(var f in u){var g=m.findTable(s,f,n);if(g){var x=g[0],p=h[x];p==null&&(p=u[f].parseTab(s,x,g[1],d)),d[f]=h[x]=p}}return d},t=new Uint8Array(l),r={},i=e(t,0,0,r);return[i]},m.findTable=function(l,e,t){for(var r=m.B,i=r.readUshort(l,t+4),s=t+12,a=0;a<i;a++){var n=r.readASCII(l,s,4);r.readUint(l,s+4);var h=r.readUint(l,s+8),c=r.readUint(l,s+12);if(n==e)return[h,c];s+=16}return null},m.T={},m.B={readShort:function(l,e){var t=m.B.t.uint16;return t[0]=l[e]<<8|l[e+1],m.B.t.int16[0]},readUshort:function(l,e){return l[e]<<8|l[e+1]},readUshorts:function(l,e,t){for(var r=[],i=0;i<t;i++)r.push(m.B.readUshort(l,e+i*2));return r},readUint:function(l,e){var t=m.B.t.uint8;return t[3]=l[e],t[2]=l[e+1],t[1]=l[e+2],t[0]=l[e+3],m.B.t.uint32[0]},readASCII:function(l,e,t){for(var r="",i=0;i<t;i++)r+=String.fromCharCode(l[e+i]);return r},t:function(){var l=new ArrayBuffer(8);return{uint8:new Uint8Array(l),int16:new Int16Array(l),uint16:new Uint16Array(l),uint32:new Uint32Array(l)}}()},m.T.cmap={parseTab:function(l,e,t){var r={tables:[],ids:{},off:e};l=new Uint8Array(l.buffer,e,t),e=0;var i=m.B,s=i.readUshort,a=m.T.cmap;s(l,e),e+=2;var n=s(l,e);e+=2;for(var h=[],c=0;c<n;c++){var u=s(l,e);e+=2;var d=s(l,e);e+=2;var f=i.readUint(l,e);e+=4;var g="p"+u+"e"+d,x=h.indexOf(f);if(x==-1){x=r.tables.length;var p={};h.push(f);var F=p.format=s(l,f);F==4?p=a.parse4(l,f,p):F==12&&(p=a.parse12(l,f,p)),r.tables.push(p)}r.ids[g]!=null&&console.log("multiple tables for one platform+encoding: "+g),r.ids[g]=x}return r},parse4:function(l,e,t){var r=m.B,i=r.readUshort,s=r.readUshorts,a=e;e+=2;var n=i(l,e);e+=2,i(l,e),e+=2;var h=i(l,e);e+=2;var c=h>>>1;t.searchRange=i(l,e),e+=2,t.entrySelector=i(l,e),e+=2,t.rangeShift=i(l,e),e+=2,t.endCount=s(l,e,c),e+=c*2,e+=2,t.startCount=s(l,e,c),e+=c*2,t.idDelta=[];for(var u=0;u<c;u++)t.idDelta.push(r.readShort(l,e)),e+=2;return t.idRangeOffset=s(l,e,c),e+=c*2,t.glyphIdArray=s(l,e,a+n-e>>1),t},parse12:function(l,e,t){var r=m.B,i=r.readUint;e+=4,i(l,e),e+=4,i(l,e),e+=4;var s=i(l,e)*3;e+=4;for(var a=t.groups=new Uint32Array(s),n=0;n<s;n+=3)a[n]=i(l,e+(n<<2)),a[n+1]=i(l,e+(n<<2)+4),a[n+2]=i(l,e+(n<<2)+8);return t}},m.T.head={parseTab:function(l,e,t){var r=m.B,i={};return e+=18,i.unitsPerEm=r.readUshort(l,e),e+=2,e+=16,i.xMin=r.readShort(l,e),e+=2,i.yMin=r.readShort(l,e),e+=2,i.xMax=r.readShort(l,e),e+=2,i.yMax=r.readShort(l,e),e+=2,e+=6,i.indexToLocFormat=r.readShort(l,e),i}},m.T.hhea={parseTab:function(l,e,t){var r=m.B,i={};e+=4;for(var s=["ascender","descender","lineGap","advanceWidthMax","minLeftSideBearing","minRightSideBearing","xMaxExtent","caretSlopeRise","caretSlopeRun","caretOffset","res0","res1","res2","res3","metricDataFormat","numberOfHMetrics"],a=0;a<s.length;a++){var n=s[a],h=n=="advanceWidthMax"||n=="numberOfHMetrics"?r.readUshort:r.readShort;i[n]=h(l,e+a*2)}return i}},m.T.hmtx={parseTab:function(l,e,t,r){for(var i=m.B,s=[],a=[],n=r.maxp.numGlyphs,h=r.hhea.numberOfHMetrics,c=0,u=0,d=0;d<h;)c=i.readUshort(l,e+(d<<2)),u=i.readShort(l,e+(d<<2)+2),s.push(c),a.push(u),d++;for(;d<n;)s.push(c),a.push(u),d++;return{aWidth:s,lsBearing:a}}},m.T.maxp={parseTab:function(l,e,t){var r=m.B,i=r.readUshort,s={};return r.readUint(l,e),e+=4,s.numGlyphs=i(l,e),e+=2,s}},m.T.loca={parseTab:function(l,e,t,r){var i=m.B,s=[],a=r.head.indexToLocFormat,n=r.maxp.numGlyphs+1;if(a==0)for(var h=0;h<n;h++)s.push(i.readUshort(l,e+(h<<1))<<1);if(a==1)for(var h=0;h<n;h++)s.push(i.readUint(l,e+(h<<2)));return s}},m.T.glyf={parseTab:function(l,e,t,r){for(var i=[],s=r.maxp.numGlyphs,a=0;a<s;a++)i.push(null);return i},_parseGlyf:function(l,e){var t=m.B,r=l._data,i=l.loca;if(i[e]==i[e+1])return null;var s=m.findTable(r,"glyf",l._offset)[0]+i[e],a={};if(a.noc=t.readShort(r,s),s+=2,a.xMin=t.readShort(r,s),s+=2,a.yMin=t.readShort(r,s),s+=2,a.xMax=t.readShort(r,s),s+=2,a.yMax=t.readShort(r,s),s+=2,a.xMin>=a.xMax||a.yMin>=a.yMax)return null;if(a.noc>0){a.endPts=[];for(var n=0;n<a.noc;n++)a.endPts.push(t.readUshort(r,s)),s+=2;var h=t.readUshort(r,s);if(s+=2,r.length-s<h)return null;s+=h;var c=a.endPts[a.noc-1]+1;a.flags=[];for(var n=0;n<c;n++){var u=r[s];if(s++,a.flags.push(u),u&8){var d=r[s];s++;for(var f=0;f<d;f++)a.flags.push(u),n++}}a.xs=[];for(var n=0;n<c;n++){var g=(a.flags[n]&2)!=0,x=(a.flags[n]&16)!=0;g?(a.xs.push(x?r[s]:-r[s]),s++):x?a.xs.push(0):(a.xs.push(t.readShort(r,s)),s+=2)}a.ys=[];for(var n=0;n<c;n++){var g=(a.flags[n]&4)!=0,x=(a.flags[n]&32)!=0;g?(a.ys.push(x?r[s]:-r[s]),s++):x?a.ys.push(0):(a.ys.push(t.readShort(r,s)),s+=2)}for(var p=0,F=0,n=0;n<c;n++)p+=a.xs[n],F+=a.ys[n],a.xs[n]=p,a.ys[n]=F}else a.parts=[];return a}},typeof module<"u"&&module.exports?module.exports=m:typeof window<"u"&&(window.Typr=m);class ce{extractCharacters(e){var r;const t=[];return(r=e==null?void 0:e.cmap)!=null&&r.tables?(e.cmap.tables.forEach(i=>{if(i.format===4){const s=this._extractCharactersFromFormat4Table(i);t.push(...s)}else if(i.format===12){const s=this._extractCharactersFromFormat12Table(i);t.push(...s)}}),[...new Set(t)]):[]}_extractCharactersFromFormat4Table(e){const t=[];if(!e.startCount||!e.endCount||!e.idRangeOffset||!e.idDelta)return t;for(let r=0;r<e.startCount.length;r++){const i=e.startCount[r],s=e.endCount[r];if(!(i===65535&&s===65535)){for(let a=i;a<=s;a++)if(this._calculateGlyphIndexFormat4(e,a,r)>0){const h=String.fromCodePoint(a);t.push(h)}}}return t}_extractCharactersFromFormat12Table(e){const t=[];if(!e.groups)return t;for(let r=0;r<e.groups.length;r+=3){const i=e.groups[r],s=e.groups[r+1],a=e.groups[r+2];for(let n=i;n<=s;n++)if(a+(n-i)>0){const c=String.fromCodePoint(n);t.push(c)}}return t}_calculateGlyphIndexFormat4(e,t,r){if(e.idRangeOffset[r]===0)return t+e.idDelta[r]&65535;{const i=e.idRangeOffset[r]/2+(t-e.startCount[r])-(e.startCount.length-r);if(i>=0&&e.glyphIdArray&&i<e.glyphIdArray.length){const s=e.glyphIdArray[i];if(s!==0)return s+e.idDelta[r]&65535}}return 0}filterProblematicCharacters(e){return e.filter(t=>this._isValidCharacter(t))}_isValidCharacter(e){const t=e.codePointAt(0)||0;return!(t>=0&&t<=31&&t!==9&&t!==10&&t!==13||t>=127&&t<=159)}}class ue{constructor(e){o(this,"_textureCanvas");o(this,"_textureContext");o(this,"_renderer");this._renderer=e,this._textureCanvas=document.createElement("canvas"),this._textureContext=this._textureCanvas.getContext("2d",{willReadFrequently:!0,alpha:!1})}createTextureAtlas(e,t,r,i){const s=e.length,a=Math.ceil(Math.sqrt(s)),n=Math.ceil(s/a),h=t.width*a,c=t.height*n;this._setupCanvas(h,c,r,i),this._renderCharactersToCanvas(e,t,a,r),this._applyBlackWhiteThreshold();const u=this._renderer.createFramebuffer(h,c,{filter:"nearest"});return u.update(this._textureCanvas),{framebuffer:u,columns:a,rows:n}}_setupCanvas(e,t,r,i){this._textureCanvas.width=e,this._textureCanvas.height=t,this._textureCanvas.style.width=e+"px",this._textureCanvas.style.height=e+"px",this._textureContext.imageSmoothingEnabled=!1,this._textureCanvas.style.imageRendering="pixelated",this._textureContext.fillStyle="black",this._textureContext.fillRect(0,0,e,t),this._textureContext.font=`${r}px ${i}`,this._textureContext.textBaseline="top",this._textureContext.textAlign="left",this._textureContext.fillStyle="white"}_renderCharactersToCanvas(e,t,r,i){for(let s=0;s<e.length;s++){const a=s%r,n=Math.floor(s/r),h=a*t.width+t.width*.5,c=n*t.height+t.height*.5,u=Math.round(h-t.width*.5),d=Math.round(c-i*.5);this._textureContext.fillText(e[s].character,u,d)}}_applyBlackWhiteThreshold(e=128){const t=this._textureContext.getImageData(0,0,this._textureCanvas.width,this._textureCanvas.height),r=t.data;for(let i=0;i<r.length;i+=4){const s=.299*r[i]+.587*r[i+1]+.114*r[i+2],a=e+32,n=s>a?255:0;r[i]=n,r[i+1]=n,r[i+2]=n}this._textureContext.putImageData(t,0,0)}}class de{constructor(){o(this,"_tempCanvas");o(this,"_tempContext");this._tempCanvas=document.createElement("canvas"),this._tempContext=this._tempCanvas.getContext("2d")}calculateMaxGlyphDimensions(e,t,r){this._tempContext.font=`${t}px ${r}`;let i=0,s=0;for(const a of e){const n=this._tempContext.measureText(a),h=n.width,c=n.actualBoundingBoxAscent+n.actualBoundingBoxDescent;h>0&&(i=Math.max(i,h),s=Math.max(s,c))}return{width:Math.ceil(i),height:Math.ceil(s)}}}class fe{createCharacterObjects(e,t){return e.map((r,i)=>{const s=r.codePointAt(0)||0,a=this._generateCharacterColor(i);let n=0;if(t.hmtx&&t.hmtx.aWidth){const h=this._getGlyphIndex(t,s);h>0&&t.hmtx.aWidth[h]!==void 0&&(n=t.hmtx.aWidth[h])}return{character:r,unicode:s,color:a,advanceWidth:n}})}_getGlyphIndex(e,t){const r=e.cmap;if(!r||!r.tables)return 0;for(const i of r.tables)if(i.format===4){for(let s=0;s<i.startCount.length;s++)if(t>=i.startCount[s]&&t<=i.endCount[s]){if(i.idRangeOffset[s]===0)return t+i.idDelta[s]&65535;{const a=i.idRangeOffset[s]/2+(t-i.startCount[s])-(i.startCount.length-s);if(a>=0&&a<i.glyphIdArray.length){const n=i.glyphIdArray[a];if(n!==0)return n+i.idDelta[s]&65535}}}}return 0}_generateCharacterColor(e){const t=e%256,r=Math.floor(e/256)%256,i=Math.floor(e/65536)%256;return[t,r,i]}getCharacterColor(e,t){if(!C.validate(typeof e=="string"&&e.length===1,"Character must be a single character string.",{method:"getCharacterColor",providedValue:e}))return[0,0,0];const r=t.find(i=>i.character===e);return r?r.color:[0,0,0]}getCharacterColors(e,t){return C.validate(typeof e=="string"&&e.length>0,"Characters must be a string with at least one character.",{method:"getCharacterColors",providedValue:e})?e.split("").map(r=>this.getCharacterColor(r,t)||[0,0,0]):[[0,0,0]]}}class q{constructor(e,t=16){o(this,"_font");o(this,"_characters",[]);o(this,"_fontFramebuffer");o(this,"_fontSize",16);o(this,"_textureColumns",0);o(this,"_textureRows",0);o(this,"_maxGlyphDimensions",{width:0,height:0});o(this,"_fontFace");o(this,"_fontFamilyName","UrsaFont");o(this,"_characterExtractor");o(this,"_textureAtlas");o(this,"_metricsCalculator");o(this,"_characterColorMapper");this._fontSize=t,this._characterExtractor=new ce,this._textureAtlas=new ue(e),this._metricsCalculator=new de,this._characterColorMapper=new fe}async initialize(e){let t;if(e){const r=await fetch(e);if(!r.ok)throw new _(`Failed to load font file: ${r.status} ${r.statusText}`);t=await r.arrayBuffer()}else throw new _("Embedded font not available. This appears to be a minified build - please provide `fontSource`.");await this._loadFontFace(t),this._font=m.parse(t)[0],await this._initializeFont()}setFontSize(e){if(e===void 0)return this._fontSize;this._fontSize=e,this._maxGlyphDimensions=this._metricsCalculator.calculateMaxGlyphDimensions(this._characters.map(r=>r.character),this._fontSize,this._fontFamilyName);const t=this._textureAtlas.createTextureAtlas(this._characters,this._maxGlyphDimensions,this._fontSize,this._fontFamilyName);this._fontFramebuffer=t.framebuffer,this._textureColumns=t.columns,this._textureRows=t.rows}async loadFont(e){try{const t=await fetch(e);if(!t.ok)throw new _(`Failed to load font file: ${t.status} ${t.statusText}`);const r=await t.arrayBuffer();await this._loadFontFace(r);const i=m.parse(r);if(!i||i.length===0)throw new Error("Failed to parse font file");this._font=i[0],await this._initializeFont()}catch(t){throw new _(`Failed to load font: ${t instanceof Error?t.message:"Unknown error"}`,t)}}async _loadFontFace(e){const t=Date.now();this._fontFamilyName=this._fontFamilyName==="UrsaFont"?"UrsaFont":`CustomFont_${t}`,this._fontFace=new FontFace(this._fontFamilyName,e),await this._fontFace.load(),document.fonts.add(this._fontFace)}async _initializeFont(){const e=this._characterExtractor.extractCharacters(this._font),t=this._characterExtractor.filterProblematicCharacters(e);this._characters=this._characterColorMapper.createCharacterObjects(t,this._font),this._maxGlyphDimensions=this._metricsCalculator.calculateMaxGlyphDimensions(t,this._fontSize,this._fontFamilyName);const r=this._textureAtlas.createTextureAtlas(this._characters,this._maxGlyphDimensions,this._fontSize,this._fontFamilyName);this._fontFramebuffer=r.framebuffer,this._textureColumns=r.columns,this._textureRows=r.rows}getCharacterColor(e){return this._characterColorMapper.getCharacterColor(e,this._characters)}getCharacterColors(e){return this._characterColorMapper.getCharacterColors(e,this._characters)}hasAllCharacters(e){if(typeof e!="string"||e.length===0)return!1;const t=new Set(this._characters.map(r=>r.character));for(const r of e)if(!t.has(r))return!1;return!0}get fontFramebuffer(){return this._fontFramebuffer}get characters(){return this._characters}get textureColumns(){return this._textureColumns}get textureRows(){return this._textureRows}get maxGlyphDimensions(){return this._maxGlyphDimensions}get fontSize(){return this._fontSize}get font(){return this._font}}class Q{constructor(e,t,r){o(this,"_cols");o(this,"_rows");o(this,"_width");o(this,"_height");o(this,"_offsetX");o(this,"_offsetY");o(this,"_fixedDimensions",!1);o(this,"_canvas");o(this,"_cellWidth");o(this,"_cellHeight");this._canvas=e,this._cellWidth=t,this._cellHeight=r,this.reset()}reset(){if(!this._fixedDimensions){const e=this._canvas.getBoundingClientRect();let t=Math.round(e.width),r=Math.round(e.height);[this._cols,this._rows]=[Math.floor(t/this._cellWidth),Math.floor(r/this._cellHeight)]}this._resizeGrid()}_resizeGrid(){const e=this._canvas.getBoundingClientRect();let t=Math.round(e.width),r=Math.round(e.height);this._width=this._cols*this._cellWidth,this._height=this._rows*this._cellHeight,this._offsetX=Math.floor((t-this._width)/2),this._offsetY=Math.floor((r-this._height)/2)}resizeCellPixelDimensions(e,t){[this._cellWidth,this._cellHeight]=[e,t],this.reset()}resizeGridDimensions(e,t){this._fixedDimensions=!0,[this._cols,this._rows]=[e,t],this._resizeGrid()}resetGridDimensions(){this._fixedDimensions=!1,this.reset()}resize(){this._fixedDimensions?this._resizeGrid():this.reset()}fixedDimensions(e){if(e===void 0)return this._fixedDimensions;this._fixedDimensions=e}get cellWidth(){return this._cellWidth}get cellHeight(){return this._cellHeight}get cols(){return this._cols}get rows(){return this._rows}get width(){return this._width}get height(){return this._height}get offsetX(){return this._offsetX}get offsetY(){return this._offsetY}}class Z{constructor(e,t=!1,r={}){o(this,"_canvas");o(this,"captureSource");o(this,"_isStandalone");this.captureSource=e,this._isStandalone=t,this._canvas=this.createCanvas(r.width,r.height)}createCanvas(e,t){var i;const r=document.createElement("canvas");if(r.className="textmodeCanvas",this._isStandalone)r.width=e||800,r.height=t||600,r.style.width=e+"px",r.style.height=t+"px",document.body.appendChild(r);else{const s=this.captureSource.getBoundingClientRect();let a=Math.round(s.width),n=Math.round(s.height);if(this.captureSource instanceof HTMLVideoElement){const u=this.captureSource;(a===0||n===0)&&u.videoWidth>0&&u.videoHeight>0&&(a=u.videoWidth,n=u.videoHeight)}r.width=a,r.height=n,r.style.width=a+"px",r.style.height=n+"px",r.style.position="absolute",r.style.pointerEvents="none";const h=window.getComputedStyle(this.captureSource);let c=parseInt(h.zIndex||"0",10);isNaN(c)&&(c=0),r.style.zIndex=(c+1).toString(),this.positionOverlayCanvas(r),(i=this.captureSource.parentNode)==null||i.insertBefore(r,this.captureSource.nextSibling)}return r}positionOverlayCanvas(e){const t=this.captureSource.getBoundingClientRect();let r=this.captureSource.offsetParent;if(r&&r!==document.body){const i=r.getBoundingClientRect();e.style.top=t.top-i.top+"px",e.style.left=t.left-i.left+"px"}else e.style.top=t.top+window.scrollY+"px",e.style.left=t.left+window.scrollX+"px"}resize(e,t){if(this._isStandalone)this._canvas.width=e??this._canvas.width,this._canvas.height=t??this._canvas.height,this._canvas.style.width=(e??this._canvas.width)+"px",this._canvas.style.height=(t??this._canvas.height)+"px";else{const r=this.captureSource.getBoundingClientRect();let i=Math.round(r.width),s=Math.round(r.height);if(this.captureSource instanceof HTMLVideoElement){const a=this.captureSource;(i===0||s===0)&&a.videoWidth>0&&a.videoHeight>0&&(i=a.videoWidth,s=a.videoHeight)}this._canvas.width=i,this._canvas.height=s,this._canvas.style.width=i+"px",this._canvas.style.height=s+"px",this.positionOverlayCanvas(this._canvas)}}getWebGLContext(){const e={alpha:!1,premultipliedAlpha:!1,preserveDrawingBuffer:!0,antialias:!1,depth:!1,stencil:!1,powerPreference:"high-performance"},t=this._canvas.getContext("webgl2",e)||this._canvas.getContext("webgl",e);if(!t)throw new _("WebGL context could not be created. Ensure your browser supports WebGL.");return t}get canvas(){return this._canvas}get width(){return this._canvas.width}get height(){return this._canvas.height}}class M{constructor(e,t,r,i={}){o(this,"renderer");o(this,"fontManager");o(this,"grid");o(this,"_characterFramebuffer");o(this,"_primaryColorFramebuffer");o(this,"_secondaryColorFramebuffer");o(this,"_rotationFramebuffer");o(this,"_transformFramebuffer");o(this,"_options");this.renderer=e,this.fontManager=t,this.grid=r,this._options=i,this._characterFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows),this._primaryColorFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows),this._secondaryColorFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows),this._rotationFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows),this._transformFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows)}resize(){this._characterFramebuffer.resize(this.grid.cols,this.grid.rows),this._primaryColorFramebuffer.resize(this.grid.cols,this.grid.rows),this._secondaryColorFramebuffer.resize(this.grid.cols,this.grid.rows),this._rotationFramebuffer.resize(this.grid.cols,this.grid.rows),this._transformFramebuffer.resize(this.grid.cols,this.grid.rows)}enabled(e){this._options.enabled=e}enable(){this.enabled(!0)}disable(){this.enabled(!1)}get characterFramebuffer(){return this._characterFramebuffer}get primaryColorFramebuffer(){return this._primaryColorFramebuffer}get secondaryColorFramebuffer(){return this._secondaryColorFramebuffer}get rotationFramebuffer(){return this._rotationFramebuffer}get transformFramebuffer(){return this._transformFramebuffer}get options(){return this._options}}class me{constructor(e,t){o(this,"_framebuffer");o(this,"_renderer");o(this,"_colors");this._renderer=e,this._colors=t;const r=Math.max(this._colors.length,1);this._framebuffer=this._renderer.createFramebuffer(r,1),this._updateFramebuffer()}_updateFramebuffer(){if(!this._framebuffer)return;const e=Math.max(this._colors.length,1),t=1;this._framebuffer.width!==e&&this._framebuffer.resize(e,t);const r=new Uint8Array(e*t*4);for(let i=0;i<e;i++){const s=i<this._colors.length?this._colors[i]:[0,0,0],a=i*4;r[a]=s[0],r[a+1]=s[1],r[a+2]=s[2],r[a+3]=255}this._framebuffer.updatePixels(r,e,t)}setColors(e){this._colors=e,this._updateFramebuffer()}get colors(){return this._colors}get framebuffer(){return this._framebuffer}get texture(){return this._framebuffer.texture}}class k extends M{constructor(t,r,i,s={}){super(t,r,i,s);o(this,"palette");this.palette=new me(this.renderer,this.fontManager.getCharacterColors(" .:-=+*%@#"))}characters(t){C.validate(this.fontManager.hasAllCharacters(t),"One or more characters do not exist in the current font.",{method:"characters",providedValue:t})&&(this._options.characters=t,this.palette.setColors(this.fontManager.getCharacterColors(t)))}characterColor(t,r=t,i=t,s=255){C.validate([t,r,i,s].every(a=>a>=0&&a<=255),"Character color values must be between 0 and 255",{method:"characterColor",providedValues:{r:t,g:r,b:i,a:s}})&&(this._options.characterColor=[t,r,i,s])}characterColorMode(t){C.validate(["sampled","fixed"].includes(t),"Invalid character color mode. Must be 'sampled' or 'fixed'.",{method:"characterColorMode",providedValue:t})&&(this._options.characterColorMode=t)}cellColor(t,r=t,i=t,s=255){C.validate([t,r,i,s].every(a=>a>=0&&a<=255),"Cell color values must be between 0 and 255",{method:"cellColor",providedValues:{r:t,g:r,b:i,a:s}})&&(this._options.cellColor=[t,r,i,s])}cellColorMode(t){C.validate(["sampled","fixed"].includes(t),"Invalid cell color mode. Must be 'sampled' or 'fixed'.",{method:"cellColorMode",providedValue:t})&&(this._options.cellColorMode=t)}invert(t){C.validate(typeof t=="boolean"||typeof t=="number"&&Number.isInteger(t),"Invert must be a boolean value or an integer (0 for false, any other number for true).",{method:"invert",providedValue:t})&&(this._options.invert=!!t)}rotation(t){if(!C.validate(typeof t=="number","Rotation angle must be a number.",{method:"rotation",providedValue:t}))return;t=t%360,t<0&&(t+=360);const r=t*255/360,i=Math.floor(r)/255,s=Math.round(r-i);this._options.rotation=[i,s,0,1]}flipHorizontally(t){C.validate(typeof t=="boolean"||typeof t=="number"&&Number.isInteger(t),"Flip horizontally must be a boolean value or an integer (0 for false, any other number for true).",{method:"flipHorizontally",providedValue:t})&&(this._options.flipHorizontally=!!t)}flipVertically(t){C.validate(typeof t=="boolean"||typeof t=="number"&&Number.isInteger(t),"Flip vertically must be a boolean value or an integer (0 for false, any other number for true).",{method:"flipVertically",providedValue:t})&&(this._options.flipVertically=!!t)}}var ge="precision lowp float;uniform sampler2D u_sketchTexture;uniform vec2 u_gridCellDimensions;uniform vec2 u_brightnessRange;varying vec2 v_uv;void main(){vec2 cellCenter=(floor(v_uv*u_gridCellDimensions)+vec2(0.5))/u_gridCellDimensions;vec4 color=texture2D(u_sketchTexture,cellCenter);float brightness=dot(color.rgb,vec3(0.299,0.587,0.114));float brightnessValue=brightness*255.0;if(brightnessValue>=u_brightnessRange.x&&brightnessValue<=u_brightnessRange.y){gl_FragColor=color;}else{gl_FragColor=vec4(0.0);}}",pe="precision lowp float;uniform sampler2D u_sampleTexture;uniform vec4 u_fillColor;uniform bool u_useFixedColor;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){if(u_useFixedColor){gl_FragColor=u_fillColor;}else{gl_FragColor=sampleColor;}}else{gl_FragColor=vec4(0.0);}}",_e="precision lowp float;uniform sampler2D u_sampleTexture;uniform bool u_invert;uniform bool u_flipHorizontally;uniform bool u_flipVertically;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){float invertValue=u_invert ? 1.0 : 0.0;float flipHValue=u_flipHorizontally ? 1.0 : 0.0;float flipVValue=u_flipVertically ? 1.0 : 0.0;gl_FragColor=vec4(invertValue,flipHValue,flipVValue,1.0);}else{gl_FragColor=vec4(0.0);}}",xe="precision lowp float;uniform sampler2D u_sampleTexture;uniform vec4 u_rotationColor;varying vec2 v_uv;void main(){vec4 sampleColor=texture2D(u_sampleTexture,v_uv);if(sampleColor.a>0.0){gl_FragColor=u_rotationColor;}else{gl_FragColor=vec4(0.0);}}",ve="precision lowp float;uniform sampler2D u_colorSampleFramebuffer;uniform sampler2D u_charPaletteTexture;uniform vec2 u_charPaletteSize;uniform vec2 u_brightnessRange;varying vec2 v_uv;void main(){vec4 color=texture2D(u_colorSampleFramebuffer,v_uv);if(color.a==0.0){gl_FragColor=vec4(0.0);return;}float brightness=dot(color.rgb,vec3(0.299,0.587,0.114))*255.0;vec2 range=u_brightnessRange;if(brightness<range.x||brightness>range.y){gl_FragColor=vec4(0.0);return;}float t=(brightness-range.x)/(range.y-range.x);float idx=clamp(floor(t*u_charPaletteSize.x),0.0,u_charPaletteSize.x-1.0);vec3 charColor=texture2D(u_charPaletteTexture,vec2((idx+0.5)/u_charPaletteSize.x,0.0)).rgb;gl_FragColor=vec4(charColor,1.0);}";const Ce={enabled:!0,characters:" .:-=+*%@#",characterColor:[255,255,255,255],characterColorMode:"sampled",cellColor:[0,0,0,255],cellColorMode:"fixed",invert:!1,rotation:[0,0,0,255],flipHorizontally:!1,flipVertically:!1,brightnessRange:[0,255]};class $ extends k{constructor(t,r,i){super(t,r,i,{...Ce});o(this,"sampleShader");o(this,"colorFillShader");o(this,"charMappingShader");o(this,"transformFillShader");o(this,"rotationFillShader");o(this,"sampleFramebuffer");this.sampleShader=new T(t.context,S,ge),this.colorFillShader=new T(t.context,S,pe),this.transformFillShader=new T(t.context,S,_e),this.rotationFillShader=new T(t.context,S,xe),this.charMappingShader=new T(t.context,S,ve),this.sampleFramebuffer=this.renderer.createFramebuffer(this.grid.cols,this.grid.rows)}convert(t){this.sampleFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this.sampleShader),this.renderer.setUniform("u_sketchTexture",t),this.renderer.setUniform("u_gridCellDimensions",[this.grid.cols,this.grid.rows]),this.renderer.setUniform("u_brightnessRange",this._options.brightnessRange),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this.sampleFramebuffer.end(),this._primaryColorFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this.colorFillShader),this.renderer.setUniform("u_sampleTexture",this.sampleFramebuffer.texture),this.renderer.setUniform("u_fillColor",this._options.characterColor),this.renderer.setUniform("u_useFixedColor",this._options.characterColorMode==="fixed"),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this._primaryColorFramebuffer.end(),this._secondaryColorFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this.colorFillShader),this.renderer.setUniform("u_sampleTexture",this.sampleFramebuffer.texture),this.renderer.setUniform("u_fillColor",this._options.cellColor),this.renderer.setUniform("u_useFixedColor",this._options.cellColorMode==="fixed"),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this._secondaryColorFramebuffer.end(),this._transformFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this.transformFillShader),this.renderer.setUniform("u_sampleTexture",this.sampleFramebuffer.texture),this.renderer.setUniform("u_invert",this._options.invert),this.renderer.setUniform("u_flipHorizontally",this._options.flipHorizontally),this.renderer.setUniform("u_flipVertically",this._options.flipVertically),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this._transformFramebuffer.end(),this._rotationFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this.rotationFillShader),this.renderer.setUniform("u_sampleTexture",this.sampleFramebuffer.texture),this.renderer.setUniform("u_rotationColor",this._options.rotation),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this._rotationFramebuffer.end(),this._characterFramebuffer.begin(),this.renderer.clear(0,0,0,0),this.renderer.shader(this.charMappingShader),this.renderer.setUniform("u_colorSampleFramebuffer",this.sampleFramebuffer.texture),this.renderer.setUniform("u_charPaletteTexture",this.palette.texture),this.renderer.setUniform("u_charPaletteSize",[this.palette.colors.length,1]),this.renderer.setUniform("u_brightnessRange",this._options.brightnessRange),this.renderer.rect(0,0,this.grid.cols,this.grid.rows),this._characterFramebuffer.end()}resize(){super.resize(),this.sampleFramebuffer.resize(this.grid.cols,this.grid.rows)}brightnessRange(t){C.validate(Array.isArray(t)&&t.length===2&&t.every(r=>typeof r=="number"&&r>=0&&r<=255),"Brightness range must be an array of two numbers between 0 and 255.",{method:"brightnessRange",providedValue:t})&&(this._options.brightnessRange=t)}}const be=Object.freeze(Object.defineProperty({__proto__:null,TextmodeBrightnessConverter:$,TextmodeConverter:M,TextmodeFeatureConverter:k},Symbol.toStringTag,{value:"Module"}));var Fe="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 sampler2D u_captureTexture;uniform vec2 u_captureDimensions;uniform int u_backgroundMode;uniform vec2 u_gridCellDimensions;uniform vec2 u_gridPixelDimensions;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_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);if(encodedIndexVec.a<0.01){gl_FragColor=(u_backgroundMode==0)? vec4(0.0):texture2D(u_captureTexture,gl_FragCoord.xy/u_captureDimensions);return;}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);vec2 charCoord=vec2(charCol,charRow)/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);}";class J{constructor(e,t,r){o(this,"renderer");o(this,"font");o(this,"grid");o(this,"converters");o(this,"_resultFramebuffer");o(this,"_asciiShader");o(this,"_characterFramebuffer");o(this,"_primaryColorFramebuffer");o(this,"_secondaryColorFramebuffer");o(this,"_rotationFramebuffer");o(this,"_transformFramebuffer");this.renderer=e,this.font=t,this.grid=r,this._asciiShader=this.renderer.createShader(S,Fe),this.converters=[{name:"brightness",converter:new $(e,t,r)},{name:"custom",converter:new M(e,t,r)}],this._characterFramebuffer=this.renderer.createFramebuffer(r.cols,r.rows),this._primaryColorFramebuffer=this.renderer.createFramebuffer(r.cols,r.rows),this._secondaryColorFramebuffer=this.renderer.createFramebuffer(r.cols,r.rows),this._rotationFramebuffer=this.renderer.createFramebuffer(r.cols,r.rows),this._transformFramebuffer=this.renderer.createFramebuffer(r.cols,r.rows),this._resultFramebuffer=this.renderer.createFramebuffer(this.grid.width,this.grid.height)}render(e){for(const r of this.converters){const i=r.converter;i.options.enabled&&i instanceof k&&i.convert(e)}const t=(r,i)=>{r.begin(),this.renderer.clear();for(const s of this.converters){const a=s.converter;a.options.enabled&&this.renderer.image(i(a),0,0)}r.end()};t(this._characterFramebuffer,r=>r.characterFramebuffer),t(this._primaryColorFramebuffer,r=>r.primaryColorFramebuffer),t(this._secondaryColorFramebuffer,r=>r.secondaryColorFramebuffer),t(this._rotationFramebuffer,r=>r.rotationFramebuffer),t(this._transformFramebuffer,r=>r.transformFramebuffer),this._resultFramebuffer.begin(),this.renderer.clear(),this.renderer.shader(this._asciiShader),this.renderer.setUniform("u_characterTexture",this.font.fontFramebuffer),this.renderer.setUniform("u_charsetDimensions",[this.font.textureColumns,this.font.textureRows]),this.renderer.setUniform("u_asciiCharacterTexture",this._characterFramebuffer.texture),this.renderer.setUniform("u_primaryColorTexture",this._primaryColorFramebuffer.texture),this.renderer.setUniform("u_secondaryColorTexture",this._secondaryColorFramebuffer.texture),this.renderer.setUniform("u_transformTexture",this._transformFramebuffer.texture),this.renderer.setUniform("u_rotationTexture",this._rotationFramebuffer.texture),this.renderer.setUniform("u_captureTexture",e.texture),this.renderer.setUniform("u_backgroundMode",!1),this.renderer.setUniform("u_captureDimensions",[e.width,e.height]),this.renderer.setUniform("u_gridCellDimensions",[this.grid.cols,this.grid.rows]),this.renderer.setUniform("u_gridPixelDimensions",[this.grid.width,this.grid.height]),this.renderer.rect(0,0,this._resultFramebuffer.width,this._resultFramebuffer.height),this._resultFramebuffer.end()}get(e){if(!C.validate(typeof e=="string"&&e.length>0,"Converter name must be a non-empty string.",{method:"converter",providedValue:e}))return;const t=this.converters.find(i=>i.name===e),r=t==null?void 0:t.converter;if(C.validate(r instanceof M,`Converter "${e}" is not a valid TextmodeConverter.`,{method:"converter",providedValue:e,converterInstance:r}))return r}add(e,t){if(!C.validate(typeof e=="string"&&e.length>0,"Converter name must be a non-empty string.",{method:"add",providedValue:e})||!C.validate(t==="brightness"||t==="custom",`Converter type must be either "brightness" or "custom". Provided: ${t}`,{method:"add",providedValue:t}))return;let r;return t==="brightness"?r=new $(this.renderer,this.font,this.grid):r=new M(this.renderer,this.font,this.grid),this.converters.push({name:e,converter:r}),r}remove(e){if(!C.validate(typeof e=="string"||e instanceof M,"Parameter must be either a string (converter name) or a TextmodeConverter instance.",{method:"remove",providedValue:e}))return;let t=-1;if(typeof e=="string"){if(!C.validate(e.length>0,"Converter name must be a non-empty string.",{method:"remove",providedValue:e}))return;t=this.converters.findIndex(r=>r.name===e)}else t=this.converters.findIndex(r=>r.converter===e);C.validate(t!==-1,typeof e=="string"?`Converter with name "${e}" not found in pipeline.`:"Converter instance not found in pipeline.",{method:"remove",providedValue:e,convertersCount:this.converters.length})&&this.converters.splice(t,1)}get texture(){return this._resultFramebuffer}resize(){this._resultFramebuffer.resize(this.grid.width,this.grid.height),this._characterFramebuffer.resize(this.grid.cols,this.grid.rows),this._primaryColorFramebuffer.resize(this.grid.cols,this.grid.rows),this._secondaryColorFramebuffer.resize(this.grid.cols,this.grid.rows),this._rotationFramebuffer.resize(this.grid.cols,this.grid.rows),this._transformFramebuffer.resize(this.grid.cols,this.grid.rows);for(const e of this.converters)e.converter.resize()}hasEnabledConverters(){return this.converters.some(e=>e.converter.options.enabled)}disable(){for(const e of this.converters)e.converter.disable()}enable(){for(const e of this.converters)e.converter.enable()}get characterFramebuffer(){return this._characterFramebuffer}get primaryColorFramebuffer(){return this._primaryColorFramebuffer}get secondaryColorFramebuffer(){return this._secondaryColorFramebuffer}get rotationFramebuffer(){return this._rotationFramebuffer}get transformFramebuffer(){return this._transformFramebuffer}}class z{extractFramebufferData(e){const t=e.get("brightness"),r=t==null?void 0:t.characterFramebuffer,i=t==null?void 0:t.primaryColorFramebuffer,s=t==null?void 0:t.secondaryColorFramebuffer,a=t==null?void 0:t.transformFramebuffer,n=t==null?void 0:t.rotationFramebuffer;return r==null||r.loadPixels(),i==null||i.loadPixels(),s==null||s.loadPixels(),a==null||a.loadPixels(),n==null||n.loadPixels(),{characterPixels:(r==null?void 0:r.pixels)||new Uint8Array(0),primaryColorPixels:(i==null?void 0:i.pixels)||new Uint8Array(0),secondaryColorPixels:(s==null?void 0:s.pixels)||new Uint8Array(0),transformPixels:(a==null?void 0:a.pixels)||new Uint8Array(0),rotationPixels:(n==null?void 0:n.pixels)||new Uint8Array(0)}}getCharacterIndex(e,t){const r=e[t],i=e[t+1];return r+(i<<8)}pixelsToRGBA(e,t){return{r:e[t],g:e[t+1],b:e[t+2],a:e[t+3]}}}class L{createBlob(e,t){return new Blob([e],{type:t})}downloadFile(e,t,r){try{const i=this.createBlob(e,r),s=URL.createObjectURL(i),a=document.createElement("a");a.href=s,a.download=t,a.style.display="none",a.rel="noopener",document.body.appendChild(a),a.click(),document.body.removeChild(a),URL.revokeObjectURL(s)}catch(i){throw console.error("Failed to download file:",i),new Error(`File download failed: ${i instanceof Error?i.message:"Unknown error"}`)}}generateTimestamp(){return new Date().toISOString().slice(0,19).replace(/:/g,"-")}generateDateTimeString(){const e=new Date,t=e.toISOString().split("T")[0],r=e.toTimeString().split(" ")[0].replace(/:/g,"-");return{date:t,time:r}}sanitizeFilename(e){return e.replace(/[<>:"/\\|?*]/g,"_").replace(/\s+/g,"_").replace(/_{2,}/g,"_").replace(/^_+|_+$/g,"").substring(0,255)}generateDefaultFilename(){return`'textmode-export'-${this.generateTimestamp()}`}}class we extends z{extractTransformData(e,t,r){const i=e[r],s=e[r+1],a=e[r+2],n=i===255,h=s===255,c=a===255,u=t[r],d=t[r+1],f=u+d/255,g=Math.round(f*360/255*100)/100;return{isInverted:n,flipHorizontal:h,flipVertical:c,rotation:g}}calculateCellPosition(e,t,r){return{x:e,y:t,cellX:e*r.cellWidth,cellY:t*r.cellHeight}}extractSVGCellData(e,t){const r=[];let i=0;for(let s=0;s<t.rows;s++)for(let a=0;a<t.cols;a++){const n=i*4,h=this.getCharacterIndex(e.characterPixels,n);let c=this.pixelsToRGBA(e.primaryColorPixels,n),u=this.pixelsToRGBA(e.secondaryColorPixels,n);const d=this.extractTransformData(e.transformPixels,e.rotationPixels,n);if(d.isInverted){const g=c;c=u,u=g}const f=this.calculateCellPosition(a,s,t);r.push({charIndex:h,primaryColor:c,secondaryColor:u,transform:d,position:f}),i++}return r}}class ye{getGlyphIndex(e,t){const r=e.cmap;if(!r||!r.tables)return 0;for(const i of r.tables)if(i.format===4){for(let s=0;s<i.startCount.length;s++)if(t>=i.startCount[s]&&t<=i.endCount[s]){if(i.idRangeOffset[s]===0)return t+i.idDelta[s]&65535;{const a=i.idRangeOffset[s]/2+(t-i.startCount[s])-(i.startCount.length-s);if(a>=0&&a<i.glyphIdArray.length){const n=i.glyphIdArray[a];if(n!==0)return n+i.idDelta[s]&65535}}}}return 0}createEmptyPath(){return{getBoundingBox:()=>({x1:0,y1:0,x2:0,y2:0}),toSVG:()=>""}}createGlyphPath(e,t,r,i,s){if(!t||!t.xs||t.xs.length===0)return this.createEmptyPath();const a=s/e.head.unitsPerEm;return{getBoundingBox:()=>({x1:r+t.xMin*a,y1:i+-t.yMax*a,x2:r+t.xMax*a,y2:i+-t.yMin*a}),toSVG:()=>this.glyphToSVGPath(t,r,i,a)}}glyphToSVGPath(e,t,r,i){if(!e||!e.xs)return"";const{xs:s,ys:a,endPts:n,flags:h}=e;if(!s||!a||!n||!h)return"";let c="",u=0;for(let d=0;d<n.length;d++){const f=n[d];if(!(f<u)){if(f>=u){const g=t+s[u]*i,x=r-a[u]*i;c+=`M${g.toFixed(2)},${x.toFixed(2)}`;let p=u+1;for(;p<=f;)if((h[p]&1)!==0){const w=t+s[p]*i,b=r-a[p]*i;c+=`L${w.toFixed(2)},${b.toFixed(2)}`,p++}else{const w=t+s[p]*i,b=r-a[p]*i;let y=p+1>f?u:p+1;if((h[y]&1)!==0){const A=t+s[y]*i,R=r-a[y]*i;c+=`Q${w.toFixed(2)},${b.toFixed(2)} ${A.toFixed(2)},${R.toFixed(2)}`,p=y+1}else{const A=t+s[y]*i,R=r-a[y]*i,H=(w+A)/2,G=(b+R)/2;c+=`Q${w.toFixed(2)},${b.toFixed(2)} ${H.toFixed(2)},${G.toFixed(2)}`,p=y}}c+="Z"}u=f+1}}return c}generateCharacterPath(e,t,r,i,s){try{const a=e.codePointAt(0)||0,n=this.getGlyphIndex(t,a);if(n===0)return this.createEmptyPath();let h=null;try{t.glyf&&t.glyf[n]!==null?h=t.glyf[n]:m&&m.T&&m.T.glyf&&m.T.glyf._parseGlyf&&(h=m.T.glyf._parseGlyf(t,n),t.glyf&&h&&(t.glyf[n]=h))}catch(c){console.warn(`Failed to parse glyph ${n}:`,c)}return h?this.createGlyphPath(t,h,r,i,s):this.createEmptyPath()}catch(a){return console.warn(`Failed to generate path for character "${e}":`,a),this.createEmptyPath()}}generatePositionedCharacterPath(e,t,r,i,s,a,n,h){try{const c=n/t.head.unitsPerEm,u=h*c,d=r+(s-u)/2,f=i+(a+n*.7)/2;return this.generateCharacterPath(e,t,d,f,n).toSVG()||null}catch(c){return console.warn(`Failed to generate positioned character path for "${e}":`,c),null}}}class Te{constructor(){o(this,"pathGenerator");this.pathGenerator=new ye}generateSVGHeader(e){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="${e.width}" height="${e.height}" viewBox="0 0 ${e.width} ${e.height}" 
      xmlns="http://www.w3.org/2000/svg" version="1.1">
@@ -12,14 +12,14 @@
 <desc>textmode art visualization generated by textmode.js library</desc>`}generateSVGFooter(){return`
 </g>
 </svg>`}generateBackground(e,t){if(!t.includeBackgroundRectangles)return"";const r=t.backgroundColor,i=`rgba(${r[0]},${r[1]},${r[2]},${r[3]/255})`;return`
-<rect width="${e.width}" height="${e.height}" fill="${i}" />`}rgbaToColorString(e){return`rgba(${e.r},${e.g},${e.b},${e.a/255})`}generateTransformAttribute(e,t){const{transform:r,position:i}=e,a=i.cellX+t.cellWidth/2,n=i.cellY+t.cellHeight/2,o=[];if(r.flipHorizontal||r.flipVertical){const h=r.flipHorizontal?-1:1,c=r.flipVertical?-1:1;o.push(`translate(${a} ${n})`),o.push(`scale(${h} ${c})`),o.push(`translate(${-a} ${-n})`)}return r.rotation&&o.push(`rotate(${r.rotation} ${a} ${n})`),o.length?` transform="${o.join(" ")}"`:""}generateCellBackground(e,t,r){if(!r.includeBackgroundRectangles||e.secondaryColor.a===0)return"";const{position:i}=e,a=this.rgbaToColorString(e.secondaryColor);return r.drawMode==="stroke"?`
-  <rect x="${i.cellX}" y="${i.cellY}" width="${t.cellWidth}" height="${t.cellHeight}" stroke="${a}" fill="none" stroke-width="${r.strokeWidth}" />`:`
-  <rect x="${i.cellX}" y="${i.cellY}" width="${t.cellWidth}" height="${t.cellHeight}" fill="${a}" />`}generateCharacterPath(e,t,r,i){const a=r.characters[e.charIndex];if(!a)return"";const n=this.pathGenerator.generatePositionedCharacterPath(a.character,r.font,e.position.cellX,e.position.cellY,t.cellWidth,t.cellHeight,r.fontSize,a.advanceWidth);if(!n)return"";const o=this.rgbaToColorString(e.primaryColor);return i.drawMode==="stroke"?`
-    <path id="${`path-${e.charIndex}-${e.position.cellX}-${e.position.cellY}`.replace(/\./g,"-")}" d="${n}" stroke="${o}" stroke-width="${i.strokeWidth}" fill="none" />`:`
-    <path d="${n}" fill="${o}" />`}generateCellContent(e,t,r,i){let a="";a+=this.generateCellBackground(e,t,i);const n=this.generateTransformAttribute(e,t),o=this.generateCharacterPath(e,t,r,i);return o&&(n?(a+=`
-  <g${n}>`,a+=o,a+=`
-  </g>`):a+=o),a}generateSVGContent(e,t,r,i){let a=this.generateSVGHeader(t);a+=this.generateBackground(t,i),a+=`
-<g id="ascii-cells">`;for(const n of e)a+=this.generateCellContent(n,t,r,i);return a+=this.generateSVGFooter(),a}optimizeSVGContent(e){return e.replace(/<path[^>]*d=""[^>]*\/>/g,"").replace(/\n\s*\n/g,`
-`).replace(/[ \t]+$/gm,"")}}class ge extends H{generateDefaultFilename(e="textmode_output"){const{date:t,time:r}=this.generateDateTimeString();return`${e}_${t}_${r}`}sanitizeFilename(e){return super.sanitizeFilename(e)}createSVGBlob(e){return this.createBlob(e,"image/svg+xml;charset=utf-8")}createDataURL(e){return super.createDataURL(e,"image/svg+xml;charset=utf-8")}downloadSVG(e,t){try{const r=this.sanitizeFilename(t),i=this.ensureFileExtension(r,".svg");this.downloadFile(e,i,"image/svg+xml;charset=utf-8")}catch(r){throw console.error("Failed to download SVG file:",r),new Error(`SVG download failed: ${r instanceof Error?r.message:"Unknown error"}`)}}saveSVG(e,t){const r=t||this.generateDefaultFilename();this.downloadSVG(e,r)}}class W{constructor(){l(this,"dataExtractor");l(this,"contentGenerator");l(this,"fileHandler");this.dataExtractor=new de,this.contentGenerator=new me,this.fileHandler=new ge}applyDefaultOptions(e){return{includeBackgroundRectangles:e.includeBackgroundRectangles??!0,drawMode:e.drawMode??"fill",strokeWidth:e.strokeWidth??1,backgroundColor:e.backgroundColor??[0,0,0,0]}}generateSVG(e,t={}){const r=this.applyDefaultOptions(t),i=this.dataExtractor.extractFramebufferData(e.pipeline),a=this.dataExtractor.extractSVGCellData(i,e.grid),n=this.contentGenerator.generateSVGContent(a,e.grid,e.font,r);return this.contentGenerator.optimizeSVGContent(n)}saveSVG(e,t={}){try{const r=this.generateSVG(e,t),i=t.filename||this.fileHandler.generateDefaultFilename();this.fileHandler.saveSVG(r,i)}catch(r){throw console.error("Failed to save SVG:",r),new Error(`SVG save failed: ${r instanceof Error?r.message:"Unknown error"}`)}}}class pe extends z{extractCharacterGrid(e,t,r,i=" "){var o;const a=[];let n=0;for(let h=0;h<t.rows;h++){const c=[];for(let u=0;u<t.cols;u++){const f=n*4,m=this.getCharacterIndex(e.characterPixels,f),v=((o=r.characters[m])==null?void 0:o.character)||i;c.push(v),n++}a.push(c)}return a}}class _e{generateTXTContent(e,t){const r=[];for(const a of e){let n=a.join("");t.preserveTrailingSpaces||(n=n.replace(/\s+$/,"")),r.push(n)}const i=t.lineEnding==="crlf"?`\r
+<rect width="${e.width}" height="${e.height}" fill="${i}" />`}rgbaToColorString(e){return`rgba(${e.r},${e.g},${e.b},${e.a/255})`}generateTransformAttribute(e,t){const{transform:r,position:i}=e,s=i.cellX+t.cellWidth/2,a=i.cellY+t.cellHeight/2,n=[];if(r.flipHorizontal||r.flipVertical){const h=r.flipHorizontal?-1:1,c=r.flipVertical?-1:1;n.push(`translate(${s} ${a})`),n.push(`scale(${h} ${c})`),n.push(`translate(${-s} ${-a})`)}return r.rotation&&n.push(`rotate(${r.rotation} ${s} ${a})`),n.length?` transform="${n.join(" ")}"`:""}generateCellBackground(e,t,r){if(!r.includeBackgroundRectangles||e.secondaryColor.a===0)return"";const{position:i}=e,s=this.rgbaToColorString(e.secondaryColor);return r.drawMode==="stroke"?`
+  <rect x="${i.cellX}" y="${i.cellY}" width="${t.cellWidth}" height="${t.cellHeight}" stroke="${s}" fill="none" stroke-width="${r.strokeWidth}" />`:`
+  <rect x="${i.cellX}" y="${i.cellY}" width="${t.cellWidth}" height="${t.cellHeight}" fill="${s}" />`}generateCharacterPath(e,t,r,i){const s=r.characters[e.charIndex];if(!s)return"";const a=this.pathGenerator.generatePositionedCharacterPath(s.character,r.font,e.position.cellX,e.position.cellY,t.cellWidth,t.cellHeight,r.fontSize,s.advanceWidth);if(!a)return"";const n=this.rgbaToColorString(e.primaryColor);return i.drawMode==="stroke"?`
+    <path id="${`path-${e.charIndex}-${e.position.cellX}-${e.position.cellY}`.replace(/\./g,"-")}" d="${a}" stroke="${n}" stroke-width="${i.strokeWidth}" fill="none" />`:`
+    <path d="${a}" fill="${n}" />`}generateCellContent(e,t,r,i){let s="";s+=this.generateCellBackground(e,t,i);const a=this.generateTransformAttribute(e,t),n=this.generateCharacterPath(e,t,r,i);return n&&(a?(s+=`
+  <g${a}>`,s+=n,s+=`
+  </g>`):s+=n),s}generateSVGContent(e,t,r,i){let s=this.generateSVGHeader(t);s+=this.generateBackground(t,i),s+=`
+<g id="ascii-cells">`;for(const a of e)s+=this.generateCellContent(a,t,r,i);return s+=this.generateSVGFooter(),s}optimizeSVGContent(e){return e.replace(/<path[^>]*d=""[^>]*\/>/g,"").replace(/\n\s*\n/g,`
+`).replace(/[ \t]+$/gm,"")}}class Se extends L{createSVGBlob(e){return this.createBlob(e,"image/svg+xml;charset=utf-8")}downloadSVG(e,t){try{this.downloadFile(e,this.sanitizeFilename(t)+".svg","image/svg+xml;charset=utf-8")}catch(r){throw console.error("Failed to download SVG file:",r),new Error(`SVG download failed: ${r instanceof Error?r.message:"Unknown error"}`)}}saveSVG(e,t){this.downloadSVG(e,t||this.generateDefaultFilename())}}class K{constructor(){o(this,"dataExtractor");o(this,"contentGenerator");o(this,"fileHandler");this.dataExtractor=new we,this.contentGenerator=new Te,this.fileHandler=new Se}applyDefaultOptions(e){return{includeBackgroundRectangles:e.includeBackgroundRectangles??!0,drawMode:e.drawMode??"fill",strokeWidth:e.strokeWidth??1,backgroundColor:e.backgroundColor??[0,0,0,0]}}generateSVG(e,t={}){const r=this.applyDefaultOptions(t),i=this.dataExtractor.extractFramebufferData(e.pipeline),s=this.dataExtractor.extractSVGCellData(i,e.grid),a=this.contentGenerator.generateSVGContent(s,e.grid,e.font,r);return this.contentGenerator.optimizeSVGContent(a)}saveSVG(e,t={}){try{const r=this.generateSVG(e,t),i=t.filename||this.fileHandler.generateDefaultFilename();this.fileHandler.saveSVG(r,i)}catch(r){throw console.error("Failed to save SVG:",r),new Error(`SVG save failed: ${r instanceof Error?r.message:"Unknown error"}`)}}}class Re extends z{extractCharacterGrid(e,t,r,i=" "){var n;const s=[];let a=0;for(let h=0;h<t.rows;h++){const c=[];for(let u=0;u<t.cols;u++){const d=a*4,f=this.getCharacterIndex(e.characterPixels,d),g=((n=r.characters[f])==null?void 0:n.character)||i;c.push(g),a++}s.push(c)}return s}}class Ee{generateTXTContent(e,t){const r=[];for(const s of e){let a=s.join("");t.preserveTrailingSpaces||(a=a.replace(/\s+$/,"")),r.push(a)}const i=t.lineEnding==="crlf"?`\r
 `:`
-`;return r.join(i)}}class xe extends H{saveTXT(e,t){try{const r=this.ensureValidFilename(t);this.downloadFile(e,r,"text/plain;charset=utf-8")}catch(r){throw console.error("Failed to save TXT file:",r),new Error(`TXT file save failed: ${r instanceof Error?r.message:"Unknown error"}`)}}generateDefaultFilename(){return super.generateDefaultFilename("textmode-export",".txt")}ensureValidFilename(e){let t=this.sanitizeFilename(e);return t=this.ensureFileExtension(t,".txt"),t===".txt"||t.length<=4?this.generateDefaultFilename():t}}class j{constructor(){l(this,"dataExtractor");l(this,"contentGenerator");l(this,"fileHandler");this.dataExtractor=new pe,this.contentGenerator=new _e,this.fileHandler=new xe}applyDefaultOptions(e){return{preserveTrailingSpaces:e.preserveTrailingSpaces??!1,lineEnding:e.lineEnding??"lf",emptyCharacter:e.emptyCharacter??" "}}generateTXT(e,t={}){const r=this.applyDefaultOptions(t),i=this.dataExtractor.extractFramebufferData(e.pipeline),a=this.dataExtractor.extractCharacterGrid(i,e.grid,e.font,r.emptyCharacter);return this.contentGenerator.generateTXTContent(a,r)}saveTXT(e,t={}){try{const r=this.generateTXT(e,t),i=t.filename||this.fileHandler.generateDefaultFilename();this.fileHandler.saveTXT(r,i)}catch(r){throw console.error("Failed to save TXT:",r),new Error(`TXT save failed: ${r instanceof Error?r.message:"Unknown error"}`)}}}class ve extends z{captureCanvasData(e,t=1,r="transparent"){const i=e.canvas;if(t===1&&r==="transparent")return i;const a=document.createElement("canvas"),n=a.getContext("2d");if(!n)throw new Error("Failed to get 2D rendering context for image capture");const o=Math.round(i.width*t),h=Math.round(i.height*t);return a.width=o,a.height=h,r!=="transparent"&&(n.fillStyle=r,n.fillRect(0,0,o,h)),n.imageSmoothingEnabled=!1,n.drawImage(i,0,0,i.width,i.height,0,0,o,h),a}}class be{generateImageData(e,t){const r=this.getMimeType(t.format);return t.format==="png"?e.toDataURL(r):e.toDataURL(r,t.quality)}async generateImageBlob(e,t){return new Promise((r,i)=>{const a=this.getMimeType(t.format),n=o=>{o?r(o):i(new Error(`Failed to generate ${t.format.toUpperCase()} blob`))};t.format==="png"?e.toBlob(n,a):e.toBlob(n,a,t.quality)})}getMimeType(e){switch(e){case"png":return"image/png";case"jpg":return"image/jpeg";case"webp":return"image/webp";default:throw new Error(`Unsupported image format: ${e}`)}}}const Y={png:"image/png",jpg:"image/jpeg",webp:"image/webp"},B={png:".png",jpg:".jpg",webp:".webp"};class Ce extends H{saveImage(e,t,r){try{const i=this.sanitizeFilename(t),a=B[r],n=this.ensureFileExtension(i,a);typeof e=="string"?this.saveImageFromDataURL(e,n):this.saveImageFromBlob(e,n)}catch(i){throw console.error(`Failed to save ${r.toUpperCase()} image:`,i),new Error(`Image save failed: ${i instanceof Error?i.message:"Unknown error"}`)}}saveImageFromDataURL(e,t){const r=document.createElement("a");r.href=e,r.download=t,r.style.display="none",r.rel="noopener",document.body.appendChild(r),r.click(),document.body.removeChild(r)}saveImageFromBlob(e,t){const r=URL.createObjectURL(e);try{const i=document.createElement("a");i.href=r,i.download=t,i.style.display="none",i.rel="noopener",document.body.appendChild(i),i.click(),document.body.removeChild(i)}finally{URL.revokeObjectURL(r)}}generateDefaultImageFilename(e="png"){const t=B[e];return super.generateDefaultFilename("textmode-export",t)}validateSaveSupport(e){return e in Y&&e in B}getMimeType(e){return Y[e]}getFileExtension(e){return B[e]}}class Fe{constructor(){l(this,"dataExtractor");l(this,"contentGenerator");l(this,"fileHandler");this.dataExtractor=new ve,this.contentGenerator=new be,this.fileHandler=new Ce}applyDefaultOptions(e){return{format:e.format??"png",quality:e.quality??1,scale:e.scale??1,backgroundColor:e.backgroundColor??"transparent"}}validateOptions(e){if(console.log("Validating image export options:",e),!this.fileHandler.validateSaveSupport(e.format))throw new Error(`Saving '${e.format}' files is not supported`);if(e.quality<0||e.quality>1)throw new Error("Image quality must be between 0.0 and 1.0");if(e.scale<=0)throw new Error("Scale factor must be greater than 0");e.scale>10&&console.warn("Large scale factors may result in very large files and slow performance"),e.format==="jpg"&&e.backgroundColor==="transparent"&&(e.backgroundColor="black")}generateImage(e,t={}){const r=this.applyDefaultOptions(t);if(this.validateOptions(r),r.scale===1&&r.backgroundColor==="transparent"){const n=e.textmodeCanvas.canvas;return this.contentGenerator.generateImageData(n,r)}const i=this.dataExtractor.captureCanvasData(e.textmodeCanvas,r.scale,r.backgroundColor);return this.contentGenerator.generateImageData(i,r)}async generateImageBlob(e,t={}){const r=this.applyDefaultOptions(t);if(this.validateOptions(r),r.scale===1&&r.backgroundColor==="transparent"){const n=e.textmodeCanvas.canvas;return await this.contentGenerator.generateImageBlob(n,r)}const i=this.dataExtractor.captureCanvasData(e.textmodeCanvas,r.scale,r.backgroundColor);return await this.contentGenerator.generateImageBlob(i,r)}async saveImage(e,t={}){try{const r=await this.generateImageBlob(e,t),i=t.format??"png",a=t.filename||this.fileHandler.generateDefaultImageFilename(i);this.fileHandler.saveImage(r,a,i)}catch(r){throw console.error("Failed to save image:",r),new Error(`Image save failed: ${r instanceof Error?r.message:"Unknown error"}`)}}}class D{constructor(e=null,t={}){l(this,"captureSource");l(this,"textmodeCanvas");l(this,"_renderer");l(this,"_canvasFramebuffer");l(this,"_font");l(this,"_grid");l(this,"resizeObserver");l(this,"_mode");l(this,"_frameRateLimit");l(this,"animationFrameId",null);l(this,"lastFrameTime",0);l(this,"frameInterval");l(this,"_frameRate",0);l(this,"lastRenderTime",0);l(this,"_frameCount",0);l(this,"frameTimeHistory",[]);l(this,"frameTimeHistorySize",10);l(this,"_pipeline");l(this,"_standalone",!1);l(this,"_drawCallback",()=>{});l(this,"_resizedCallback",()=>{});this.captureSource=e,this._standalone=e===null,this._mode=t.renderMode??"auto",this._frameRateLimit=t.frameRate??60,this.frameInterval=1e3/this._frameRateLimit}static async create(e=null,t={}){const r=new D(e,t),i=r._standalone?t:void 0;r.textmodeCanvas=new O(r.captureSource,r._standalone,i),r._renderer=new J(r.textmodeCanvas.getWebGLContext());let a,n;r._standalone?(a=t.width||800,n=t.height||600):(a=r.textmodeCanvas.width||800,n=r.textmodeCanvas.height||600),r._canvasFramebuffer=r._renderer.createFramebuffer(a,n),r._font=new k(r._renderer,t.fontSize??16),await r._font.initialize(t.fontSource);const o=r._font.maxGlyphDimensions;return r._grid=new N(r.textmodeCanvas.canvas,o.width,o.height),r._pipeline=new X(r._renderer,r._font,r._grid),r.setupEventListeners(),r.startAutoRendering(),r}setupEventListeners(){window.addEventListener("resize",()=>{this._standalone?this._resizedCallback():this.resize()}),window.ResizeObserver&&this.captureSource&&!this._standalone&&(this.resizeObserver=new ResizeObserver(()=>{this.resize()}),this.resizeObserver.observe(this.captureSource))}toString(e={}){return new j().generateTXT(this,e)}saveStrings(e={}){new j().saveTXT(this,e)}toSVG(e={}){return new W().generateSVG(this,e)}saveSVG(e={}){new W().saveSVG(this,e)}async saveCanvas(e,t,r={}){await new Fe().saveImage(this,{...r,filename:e,format:t})}async loadFont(e){return this._font.loadFont(e).then(()=>{const t=this._font.maxGlyphDimensions;this._grid.resizeCellPixelDimensions(t.width,t.height),this._pipeline.resize()})}render(){this.measureFrameRate(),this._frameCount++,this._standalone?(this._canvasFramebuffer.begin(),this._drawCallback(),this._canvasFramebuffer.end()):this._canvasFramebuffer.update(this.captureSource),this._pipeline.render(this._canvasFramebuffer),this._pipeline.hasEnabledConverters()?(this._renderer.background(0),this._renderer.image(this._pipeline.texture,this._grid.offsetX,this._grid.offsetY,this._pipeline.texture.width,this._pipeline.texture.height)):(this._renderer.clear(),this._renderer.image(this._canvasFramebuffer,this._grid.offsetX,this._grid.offsetY,this._canvasFramebuffer.width,this._canvasFramebuffer.height)),this._renderer.reset()}resize(){this.textmodeCanvas.resize(),this._canvasFramebuffer.resize(this.textmodeCanvas.width,this.textmodeCanvas.height),this._grid.resize(),this._pipeline.resize(),this._renderer.resetViewport(),this._mode!=="manual"&&this.render()}startAutoRendering(){if(this._mode!=="auto")return;this.lastFrameTime=performance.now();const e=t=>{const r=t-this.lastFrameTime;r>=this.frameInterval&&(this.render(),this.lastFrameTime=t-r%this.frameInterval),this.animationFrameId=requestAnimationFrame(e)};this.animationFrameId=requestAnimationFrame(e)}measureFrameRate(){const e=performance.now();if(this.lastRenderTime>0){const t=e-this.lastRenderTime;this.frameTimeHistory.push(t),this.frameTimeHistory.length>this.frameTimeHistorySize&&this.frameTimeHistory.shift();const r=this.frameTimeHistory.reduce((i,a)=>i+a,0)/this.frameTimeHistory.length;this._frameRate=1e3/r}this.lastRenderTime=e}stopAutoRendering(){this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}renderMode(e){if(this._mode!==e){if(e===void 0)return this._mode;this.stopAutoRendering(),this._mode=e,e==="auto"&&this.startAutoRendering()}}frameRate(e){if(e===void 0)return this._frameRate;this._frameRateLimit=e,this.frameInterval=1e3/e,this._mode==="auto"&&(this.stopAutoRendering(),this.startAutoRendering())}fontSize(e){x.validate(typeof e=="number"&&e>0,"Font size must be a positive number greater than 0.",{method:"fontSize",providedValue:e})&&this._font.fontSize!==e&&(this._font.setFontSize(e),this._grid.resizeCellPixelDimensions(this._font.maxGlyphDimensions.width,this._font.maxGlyphDimensions.height),this._pipeline.resize(),this._renderer.resetViewport())}draw(e){this._drawCallback=e}windowResized(e){this._resizedCallback=e}resizeCanvas(e,t){this.textmodeCanvas.resize(e,t),this._canvasFramebuffer.resize(this.textmodeCanvas.width,this.textmodeCanvas.height),this._grid.resize(),this._pipeline.resize(),this._renderer.resetViewport(),this._mode!=="manual"&&this.render()}converter(e){return this._pipeline.get(e)}fill(e,t,r,i){this._renderer.fill(e,t,r,i)}rect(e,t,r=1,i=1){this._renderer.rect(e,t,r,i)}background(e,t=e,r=e,i=255){this._renderer.background(e,t,r,i)}createShader(e,t){return this._renderer.createShader(e,t)}shader(e){this._renderer.shader(e)}setUniform(e,t){this._renderer.setUniform(e,t)}get grid(){return this._grid}get font(){return this._font}get mode(){return this._mode}get pipeline(){return this._pipeline}get frameCount(){return this._frameCount}get width(){return this.textmodeCanvas.width}get height(){return this.textmodeCanvas.height}}class I{static async create(e,t={}){if(e instanceof HTMLCanvasElement||e instanceof HTMLVideoElement)return D.create(e,t);{const r=e||{};return D.create(null,r)}}static setErrorLevel(e){x.setGlobalLevel(e)}static get version(){return"0.1.2-beta.1"}constructor(){throw new Error("Textmode is a static class and cannot be instantiated.")}}const we=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),ye=I.create,Te=I.setErrorLevel,Se=I.version;_.TextmodeCanvas=O,_.TextmodeConversionPipeline=X,_.TextmodeErrorLevel=E,_.TextmodeFont=k,_.TextmodeGrid=N,_.Textmodifier=D,_.converters=ce,_.create=ye,_.export=we,_.setErrorLevel=Te,_.textmode=I,_.version=Se,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
+`;return r.join(i)}}class Ue extends L{saveTXT(e,t){try{const r=this.ensureValidFilename(t);this.downloadFile(e,r,"text/plain;charset=utf-8")}catch(r){throw console.error("Failed to save TXT file:",r),new Error(`TXT file save failed: ${r instanceof Error?r.message:"Unknown error"}`)}}ensureValidFilename(e){let t=this.sanitizeFilename(e);return t===".txt"||t.length<=4?this.generateDefaultFilename():t}}class ee{constructor(){o(this,"dataExtractor");o(this,"contentGenerator");o(this,"fileHandler");this.dataExtractor=new Re,this.contentGenerator=new Ee,this.fileHandler=new Ue}applyDefaultOptions(e){return{preserveTrailingSpaces:e.preserveTrailingSpaces??!1,lineEnding:e.lineEnding??"lf",emptyCharacter:e.emptyCharacter??" "}}generateTXT(e,t={}){const r=this.applyDefaultOptions(t),i=this.dataExtractor.extractFramebufferData(e.pipeline),s=this.dataExtractor.extractCharacterGrid(i,e.grid,e.font,r.emptyCharacter);return this.contentGenerator.generateTXTContent(s,r)}saveTXT(e,t={}){try{const r=this.generateTXT(e,t),i=t.filename||this.fileHandler.generateDefaultFilename();this.fileHandler.saveTXT(r,i)}catch(r){throw console.error("Failed to save TXT:",r),new Error(`TXT save failed: ${r instanceof Error?r.message:"Unknown error"}`)}}}class Ae extends z{captureCanvasData(e,t=1,r="transparent"){const i=e.canvas;if(t===1&&r==="transparent")return i;const s=document.createElement("canvas"),a=s.getContext("2d"),n=Math.round(i.width*t),h=Math.round(i.height*t);return s.width=n,s.height=h,r!=="transparent"&&(a.fillStyle=r,a.fillRect(0,0,n,h)),a.imageSmoothingEnabled=!1,a.drawImage(i,0,0,i.width,i.height,0,0,n,h),s}}class Me{generateImageData(e,t){const r=this.getMimeType(t.format);return t.format==="png"?e.toDataURL(r):e.toDataURL(r,t.quality)}async generateImageBlob(e,t){return new Promise((r,i)=>{const s=this.getMimeType(t.format),a=n=>{n?r(n):i(new Error(`Failed to generate ${t.format.toUpperCase()} blob`))};t.format==="png"?e.toBlob(a,s):e.toBlob(a,s,t.quality)})}getMimeType(e){switch(e){case"png":return"image/png";case"jpg":return"image/jpeg";case"webp":return"image/webp";default:throw new Error(`Unsupported image format: ${e}`)}}}const te={png:"image/png",jpg:"image/jpeg",webp:"image/webp"},X={png:".png",jpg:".jpg",webp:".webp"};class De extends L{saveImage(e,t,r){try{const i=X[r];typeof e=="string"?this.saveImageFromDataURL(e,this.sanitizeFilename(t)+i):this.saveImageFromBlob(e,this.sanitizeFilename(t)+i)}catch(i){throw console.error(`Failed to save ${r.toUpperCase()} image:`,i),new Error(`Image save failed: ${i instanceof Error?i.message:"Unknown error"}`)}}saveImageFromDataURL(e,t){const r=document.createElement("a");r.href=e,r.download=t,r.style.display="none",r.rel="noopener",document.body.appendChild(r),r.click(),document.body.removeChild(r)}saveImageFromBlob(e,t){const r=URL.createObjectURL(e);try{const i=document.createElement("a");i.href=r,i.download=t,i.style.display="none",i.rel="noopener",document.body.appendChild(i),i.click(),document.body.removeChild(i)}finally{URL.revokeObjectURL(r)}}validateSaveSupport(e){return e in te&&e in X}getMimeType(e){return te[e]}getFileExtension(e){return X[e]}}class Pe{constructor(){o(this,"dataExtractor");o(this,"contentGenerator");o(this,"fileHandler");this.dataExtractor=new Ae,this.contentGenerator=new Me,this.fileHandler=new De}applyDefaultOptions(e){return{format:e.format??"png",quality:e.quality??1,scale:e.scale??1,backgroundColor:e.backgroundColor??"transparent"}}validateOptions(e){if(console.log("Validating image export options:",e),!this.fileHandler.validateSaveSupport(e.format))throw new Error(`Saving '${e.format}' files is not supported`);if(e.quality<0||e.quality>1)throw new Error("Image quality must be between 0.0 and 1.0");if(e.scale<=0)throw new Error("Scale factor must be greater than 0");e.scale>10&&console.warn("Large scale factors may result in very large files and slow performance"),e.format==="jpg"&&e.backgroundColor==="transparent"&&(e.backgroundColor="black")}generateImage(e,t={}){const r=this.applyDefaultOptions(t);if(this.validateOptions(r),r.scale===1&&r.backgroundColor==="transparent")return this.contentGenerator.generateImageData(e.canvas,r);const i=this.dataExtractor.captureCanvasData(e,r.scale,r.backgroundColor);return this.contentGenerator.generateImageData(i,r)}async generateImageBlob(e,t={}){const r=this.applyDefaultOptions(t);if(this.validateOptions(r),r.scale===1&&r.backgroundColor==="transparent")return await this.contentGenerator.generateImageBlob(e.canvas,r);const i=this.dataExtractor.captureCanvasData(e,r.scale,r.backgroundColor);return await this.contentGenerator.generateImageBlob(i,r)}async saveImage(e,t={}){try{const r=await this.generateImageBlob(e,t),i=t.format??"png",s=t.filename||this.fileHandler.generateDefaultFilename();this.fileHandler.saveImage(r,s,i)}catch(r){throw console.error("Failed to save image:",r),new Error(`Image save failed: ${r instanceof Error?r.message:"Unknown error"}`)}}}class P{constructor(e=null,t={}){o(this,"captureSource");o(this,"textmodeCanvas");o(this,"_renderer");o(this,"_canvasFramebuffer");o(this,"_font");o(this,"_grid");o(this,"resizeObserver");o(this,"_mode");o(this,"_frameRateLimit");o(this,"animationFrameId",null);o(this,"lastFrameTime",0);o(this,"frameInterval");o(this,"_frameRate",0);o(this,"lastRenderTime",0);o(this,"_frameCount",0);o(this,"frameTimeHistory",[]);o(this,"frameTimeHistorySize",10);o(this,"_pipeline");o(this,"_standalone",!1);o(this,"_drawCallback",()=>{});o(this,"_resizedCallback",()=>{});this.captureSource=e,this._standalone=e===null,this._mode=t.renderMode??"auto",this._frameRateLimit=t.frameRate??60,this.frameInterval=1e3/this._frameRateLimit}static async create(e=null,t={}){const r=new P(e,t),i=r._standalone?t:void 0;r.textmodeCanvas=new Z(r.captureSource,r._standalone,i),r._renderer=new he(r.textmodeCanvas.getWebGLContext());let s,a;r._standalone?(s=t.width||800,a=t.height||600):(s=r.textmodeCanvas.width||800,a=r.textmodeCanvas.height||600),r._canvasFramebuffer=r._renderer.createFramebuffer(s,a),r._font=new q(r._renderer,t.fontSize??16),await r._font.initialize(t.fontSource);const n=r._font.maxGlyphDimensions;return r._grid=new Q(r.textmodeCanvas.canvas,n.width,n.height),r._pipeline=new J(r._renderer,r._font,r._grid),r.setupEventListeners(),r.startAutoRendering(),r}setupEventListeners(){window.addEventListener("resize",()=>{this._standalone?this._resizedCallback():this.resize()}),window.ResizeObserver&&this.captureSource&&!this._standalone&&(this.resizeObserver=new ResizeObserver(()=>{this.resize()}),this.resizeObserver.observe(this.captureSource))}toString(e={}){return new ee().generateTXT(this,e)}saveStrings(e={}){new ee().saveTXT(this,e)}toSVG(e={}){return new K().generateSVG(this,e)}saveSVG(e={}){new K().saveSVG(this,e)}async saveCanvas(e,t="png",r={}){await new Pe().saveImage(this.textmodeCanvas,{...r,filename:e,format:t})}async loadFont(e){return this._font.loadFont(e).then(()=>{const t=this._font.maxGlyphDimensions;this._grid.resizeCellPixelDimensions(t.width,t.height),this._pipeline.resize()})}render(){this.measureFrameRate(),this._frameCount++,this._standalone||this._canvasFramebuffer.update(this.captureSource),this._canvasFramebuffer.begin(),this._drawCallback(),this._renderer.reset(),this._canvasFramebuffer.end(),this._pipeline.render(this._canvasFramebuffer),this._pipeline.hasEnabledConverters()?(this._renderer.background(0),this._renderer.image(this._pipeline.texture,this._grid.offsetX,this._grid.offsetY,this._pipeline.texture.width,this._pipeline.texture.height)):(this._renderer.clear(),this._renderer.image(this._canvasFramebuffer,this._grid.offsetX,this._grid.offsetY,this._canvasFramebuffer.width,this._canvasFramebuffer.height))}resize(){this.textmodeCanvas.resize(),this._canvasFramebuffer.resize(this.textmodeCanvas.width,this.textmodeCanvas.height),this._grid.resize(),this._pipeline.resize(),this._renderer.resetViewport(),this._mode!=="manual"&&this.render()}startAutoRendering(){if(this._mode!=="auto")return;this.lastFrameTime=performance.now();const e=t=>{const r=t-this.lastFrameTime;r>=this.frameInterval&&(this.render(),this.lastFrameTime=t-r%this.frameInterval),this.animationFrameId=requestAnimationFrame(e)};this.animationFrameId=requestAnimationFrame(e)}measureFrameRate(){const e=performance.now();if(this.lastRenderTime>0){const t=e-this.lastRenderTime;this.frameTimeHistory.push(t),this.frameTimeHistory.length>this.frameTimeHistorySize&&this.frameTimeHistory.shift();const r=this.frameTimeHistory.reduce((i,s)=>i+s,0)/this.frameTimeHistory.length;this._frameRate=1e3/r}this.lastRenderTime=e}stopAutoRendering(){this.animationFrameId&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}renderMode(e){this._mode!==e&&(this.stopAutoRendering(),this._mode=e,e==="auto"&&this.startAutoRendering())}frameRate(e){if(e===void 0)return this._frameRate;this._frameRateLimit=e,this.frameInterval=1e3/e,this._mode==="auto"&&(this.stopAutoRendering(),this.startAutoRendering())}fontSize(e){C.validate(typeof e=="number"&&e>0,"Font size must be a positive number greater than 0.",{method:"fontSize",providedValue:e})&&this._font.fontSize!==e&&(this._font.setFontSize(e),this._grid.resizeCellPixelDimensions(this._font.maxGlyphDimensions.width,this._font.maxGlyphDimensions.height),this._pipeline.resize(),this._renderer.resetViewport())}draw(e){this._drawCallback=e}windowResized(e){this._resizedCallback=e}resizeCanvas(e,t){this.textmodeCanvas.resize(e,t),this._canvasFramebuffer.resize(this.textmodeCanvas.width,this.textmodeCanvas.height),this._grid.resize(),this._pipeline.resize(),this._renderer.resetViewport(),this._mode!=="manual"&&this.render()}converter(e){return this._pipeline.get(e)}fill(e,t,r,i){this._renderer.fill(e,t,r,i)}stroke(e,t,r,i){this._renderer.stroke(e,t,r,i)}strokeWeight(e){this._renderer.strokeWeight(e)}noStroke(){this._renderer.noStroke()}noFill(){this._renderer.noFill()}rotate(e){this._renderer.rotate(e)}push(){this._renderer.push()}pop(){this._renderer.pop()}rect(e,t,r=1,i=1){this._renderer.rect(e,t,r,i)}line(e,t,r,i){this._renderer.line(e,t,r,i)}background(e,t=e,r=e,i=255){this._renderer.background(e,t,r,i)}createShader(e,t){return this._renderer.createShader(e,t)}shader(e){this._renderer.shader(e)}setUniform(e,t){this._renderer.setUniform(e,t)}get grid(){return this._grid}get font(){return this._font}get mode(){return this._mode}get pipeline(){return this._pipeline}get frameCount(){return this._frameCount}get width(){return this.textmodeCanvas.width}get height(){return this.textmodeCanvas.height}}class I{static async create(e,t={}){if(e instanceof HTMLCanvasElement||e instanceof HTMLVideoElement)return P.create(e,t);{const r=e||{};return P.create(null,r)}}static setErrorLevel(e){C.setGlobalLevel(e)}static get version(){return"0.1.2"}constructor(){throw new Error("Textmode is a static class and cannot be instantiated.")}}const Ie=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"})),Be=I.create,Ge=I.setErrorLevel,Ve=I.version;v.TextmodeCanvas=Z,v.TextmodeConversionPipeline=J,v.TextmodeErrorLevel=E,v.TextmodeFont=q,v.TextmodeGrid=Q,v.Textmodifier=P,v.converters=be,v.create=Be,v.default=I,v.export=Ie,v.setErrorLevel=Ge,v.textmode=I,v.version=Ve,Object.defineProperties(v,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/types/export/base/FileHandler.d.ts

@@ -10,13 +10,6 @@ export declare abstract class FileHandler {
      * @returns Blob object containing the content
      */
     protected createBlob(content: string, mimeType: string): Blob;
-    /**
-     * Creates a data URL from content
-     * @param content The content to convert
-     * @param mimeType The MIME type for the blob
-     * @returns Data URL string
-     */
-    protected createDataURL(content: string, mimeType: string): string;
     /**
      * Downloads content as a file
      * @param content The content to download
@@ -43,18 +36,11 @@ export declare abstract class FileHandler {
      * @returns Sanitized filename
      */
     protected sanitizeFilename(filename: string): string;
-    /**
-     * Ensures filename has the correct extension
-     * @param filename The filename to check
-     * @param expectedExtension The expected file extension (with dot)
-     * @returns Filename with correct extension
-     */
-    protected ensureFileExtension(filename: string, expectedExtension: string): string;
     /**
      * Generates a default filename with prefix and timestamp
      * @param prefix The prefix for the filename
      * @param extension The file extension (with dot)
      * @returns Generated filename
      */
-    protected generateDefaultFilename(prefix: string, extension: string): string;
+    generateDefaultFilename(): string;
 }

package/dist/types/export/image/ImageDataExtractor.d.ts

@@ -1,3 +1,4 @@
+import type { TextmodeCanvas } from '../../Textmode';
 import { DataExtractor } from '../base/DataExtractor';
 /**
  * Data extractor for image export.
@@ -6,10 +7,10 @@ import { DataExtractor } from '../base/DataExtractor';
 export declare class ImageDataExtractor extends DataExtractor {
     /**
      * Captures the current state of the textmode canvas as image data
-     * @param textmodeCanvas The TextmodeCanvas instance to capture from
+     * @param canvas The canvas data containing the rendered textmode graphics
      * @param scale Scale factor for the output image
      * @param backgroundColor Background color for formats that don't support transparency
      * @returns Canvas element containing the captured image data
      */
-    captureCanvasData(textmodeCanvas: any, scale?: number, backgroundColor?: string): HTMLCanvasElement;
+    captureCanvasData(canvas: TextmodeCanvas, scale?: number, backgroundColor?: string): HTMLCanvasElement;
 }

package/dist/types/export/image/ImageExporter.d.ts

@@ -1,4 +1,5 @@
 import type { ImageExportOptions } from './types';
+import type { TextmodeCanvas } from '../../Textmode';
 /**
  * Main image exporter for the textmode.js library.
  * Orchestrates the image export process by coordinating canvas capture,
@@ -23,22 +24,22 @@ export declare class ImageExporter {
     private validateOptions;
     /**
      * Generates image data from textmode rendering without saving to file
-     * @param textmodifier The textmodifier instance containing the canvas
+     * @param canvas The canvas data containing the rendered textmode graphics
      * @param options Export options (excluding filename)
      * @returns Data URL string containing the image data
      */
-    generateImage(textmodifier: any, options?: Omit<ImageExportOptions, 'filename'>): string;
+    generateImage(canvas: TextmodeCanvas, options?: Omit<ImageExportOptions, 'filename'>): string;
     /**
      * Generates image blob from textmode rendering without saving to file
-     * @param textmodifier The textmodifier instance containing the canvas
+     * @param canvasData The canvas data containing the rendered textmode graphics
      * @param options Export options (excluding filename)
      * @returns Promise that resolves to a Blob containing the image data
      */
-    generateImageBlob(textmodifier: any, options?: Omit<ImageExportOptions, 'filename'>): Promise<Blob>;
+    generateImageBlob(canvas: TextmodeCanvas, options?: Omit<ImageExportOptions, 'filename'>): Promise<Blob>;
     /**
      * Exports image to a downloadable file
-     * @param textmodifier The textmodifier instance containing the canvas
+     * @param canvas The canvas data containing the rendered textmode graphics
      * @param options Export options including filename
      */
-    saveImage(textmodifier: any, options?: ImageExportOptions): Promise<void>;
+    saveImage(canvas: TextmodeCanvas, options?: ImageExportOptions): Promise<void>;
 }

package/dist/types/export/image/ImageFileHandler.d.ts

@@ -24,12 +24,6 @@ export declare class ImageFileHandler extends FileHandler {
      * @param filename The complete filename with extension
      */
     private saveImageFromBlob;
-    /**
-     * Generates a default filename for image export
-     * @param format The image format for the file extension
-     * @returns Generated filename with timestamp
-     */
-    generateDefaultImageFilename(format?: ImageFormat): string;
     /**
      * Validates if the browser supports saving files in the specified format
      * @param format The image format to validate

package/dist/types/export/image/index.d.ts

@@ -2,5 +2,5 @@ export { ImageExporter } from './ImageExporter';
 export { ImageDataExtractor } from './ImageDataExtractor';
 export { ImageContentGenerator } from './ImageContentGenerator';
 export { ImageFileHandler } from './ImageFileHandler';
-export type { ImageExportOptions, ImageGenerationOptions, ImageFormat } from './types';
+export type { ImageExportOptions, ImageGenerationOptions, ImageFormat, } from './types';
 export { IMAGE_MIME_TYPES, IMAGE_EXTENSIONS } from './types';

package/dist/types/export/image/types.d.ts

@@ -11,14 +11,12 @@ export type ImageFormat = 'png' | 'jpg' | 'webp';
 export type ImageExportOptions = {
     /**
      * The filename to save the image file as (without extension).
-     *
-     * If not provided, a default filename is used.
+     * @ignore
      */
     filename?: string;
     /**
      * The image format to export (`'png'`, `'jpg'`, or `'webp'`).
-     *
-     * Default is `'png'`.
+     * @ignore
      */
     format?: ImageFormat;
     /**

package/dist/types/export/svg/SVGFileHandler.d.ts

@@ -4,30 +4,12 @@ import { FileHandler } from '../base/FileHandler.js';
  * This class manages the creation of downloadable SVG files and blob handling.
  */
 export declare class SVGFileHandler extends FileHandler {
-    /**
-     * Generates a default filename for SVG export
-     * @param prefix Optional prefix for the filename
-     * @returns Generated filename without extension
-     */
-    generateDefaultFilename(prefix?: string): string;
-    /**
-     * Validates filename for safety and compatibility
-     * @param filename The filename to validate
-     * @returns Sanitized filename
-     */
-    sanitizeFilename(filename: string): string;
     /**
      * Creates a downloadable blob from SVG content
      * @param svgContent The SVG content string
      * @returns Blob object containing the SVG data
      */
     createSVGBlob(svgContent: string): Blob;
-    /**
-     * Creates a data URL from SVG content
-     * @param svgContent The SVG content string
-     * @returns Data URL string
-     */
-    createDataURL(svgContent: string): string;
     /**
      * Downloads SVG content as a file
      * @param svgContent The SVG content to download

package/dist/types/export/txt/TXTFileHandler.d.ts

@@ -10,11 +10,6 @@ export declare class TXTFileHandler extends FileHandler {
      * @param filename The filename to use for the download
      */
     saveTXT(content: string, filename: string): void;
-    /**
-     * Generates a default filename for TXT export
-     * @returns Default filename with timestamp
-     */
-    generateDefaultFilename(): string;
     /**
      * Ensures filename has proper extension and is valid
      * @param filename The filename to validate and fix

package/dist/types/index.d.ts

@@ -12,6 +12,7 @@ export { TextmodeErrorLevel } from './errors/ErrorHandler';
 /** Contains all converters that can be added to a rendering pipeline to shape the textmode output. */
 export * as converters from './textmode/converters';
 export { Textmode as textmode } from './Textmode';
+export default Textmode;
 /**
  * Exports the create, setErrorLevel, and version functions from the Textmode class for UMD compatibility,
  * so calls like `textmode.create()` can be used.

package/dist/types/rendering/index.d.ts

@@ -2,3 +2,7 @@ export { Shader } from './webgl/Shader';
 export { GLRenderer } from './webgl/Renderer';
 export { Framebuffer } from './webgl/Framebuffer';
 export { Rectangle } from './webgl/geometries/Rectangle';
+export { Line } from './webgl/geometries/Line';
+export { Shape } from './webgl/shapes/Shape';
+export { RectangleShape } from './webgl/shapes/RectangleShape';
+export { LineShape } from './webgl/shapes/LineShape';