textmode.js 0.1.6-beta.4 → 0.1.6-beta.5

package/dist/textmode.esm.min.js

@@ -1,4372 +0,0 @@
-var ee = Object.defineProperty;
-var te = (h, e, t) => e in h ? ee(h, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[e] = t;
-var o = (h, e, t) => te(h, typeof e != "symbol" ? e + "" : e, t);
-class x extends Error {
-  constructor(t, r, i = {}) {
-    const s = x.createFormattedMessage(t, i);
-    super(s);
-    o(this, "originalError");
-    o(this, "context");
-    this.name = "TextmodeError", this.originalError = r, this.context = i;
-  }
-  /**
-   * Create a formatted error message that includes context
-   */
-  static createFormattedMessage(t, r) {
-    let i = t;
-    if (r && Object.keys(r).length > 0) {
-      i += `
-
-📋 Context:`;
-      for (const [s, a] of Object.entries(r)) {
-        const n = x.formatValue(a);
-        i += `
-  - ${s}: ${n}`;
-      }
-    }
-    return i += `
-
-`, i += "↓".repeat(24) + `
-`, i;
-  }
-  /**
-   * Format values for better display in error messages
-   */
-  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) => x.formatValue(r)).join(", ")}]` : `[${t.slice(0, 3).map((r) => x.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}: ${x.formatValue(t[a])}`).join(", ")} }` : `{ ${r.slice(0, 2).map((s) => `${s}: ${x.formatValue(t[s])}`).join(", ")}, ... +${r.length - 2} more }`;
-    }
-    return String(t);
-  }
-}
-var re = /* @__PURE__ */ ((h) => (h[h.SILENT = 0] = "SILENT", h[h.WARNING = 1] = "WARNING", h[h.ERROR = 2] = "ERROR", h[h.THROW = 3] = "THROW", h))(re || {});
-const A = class A {
-  constructor() {
-    o(this, "_options", {
-      globalLevel: 3
-      /* THROW */
-    });
-  }
-  static getInstance() {
-    return A._instance || (A._instance = new A()), A._instance;
-  }
-  /**
-   * Handle an error based on the configured settings
-   * @returns true if execution should continue, false if error was handled
-   */
-  _handle(e, t, r) {
-    const i = "[textmode.js]";
-    switch (this._options.globalLevel) {
-      case 0:
-        return !1;
-      // Validation failed, handled silently
-      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(x.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(x.createFormattedMessage(e, t)), console.groupEnd(), !1;
-      case 3:
-      default:
-        const s = new x(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 a condition and handle errors if validation fails
-   * @param condition The condition to validate
-   * @param message Error message if validation fails
-   * @param context Additional context for debugging
-   * @returns true if validation passed, false if validation failed and was handled
-   */
-  validate(e, t, r) {
-    return e ? !0 : (this._handle(t, r), !1);
-  }
-  /**
-   * Set global error level
-   */
-  setGlobalLevel(e) {
-    this._options.globalLevel = e;
-  }
-};
-o(A, "_instance", null);
-let z = A;
-const _ = z.getInstance(), Z = /* @__PURE__ */ new WeakMap(), ie = /* @__PURE__ */ new WeakMap();
-function P(h, e) {
-  Z.set(h, e);
-}
-function j(h) {
-  return Z.get(h);
-}
-function B(h, e) {
-  ie.set(h, e);
-}
-const I = class I {
-  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);
-    // Tracks the last upload origin; no longer required for rendering since we flip at upload time
-    o(this, "_isFromCanvasSource", !1);
-    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();
-  }
-  getMaxTextureUnits() {
-    let e = I.maxTextureUnitsMap.get(this.gl);
-    return e === void 0 && (e = this.gl.getParameter(this.gl.MAX_TEXTURE_IMAGE_UNITS), I.maxTextureUnitsMap.set(this.gl, e)), e;
-  }
-  /**
-   * Unbind the provided texture from any texture unit where it is currently bound.
-   * This prevents framebuffer-texture feedback loops when rendering to this framebuffer.
-   */
-  unbindTextureAcrossUnits(e) {
-    const t = this.gl, r = t.getParameter(t.ACTIVE_TEXTURE), i = this.getMaxTextureUnits();
-    for (let s = 0; s < i; s++)
-      t.activeTexture(t.TEXTURE0 + s), t.getParameter(t.TEXTURE_BINDING_2D) === e && t.bindTexture(t.TEXTURE_2D, null);
-    t.activeTexture(r);
-  }
-  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 the framebuffer texture with canvas or video content
-   */
-  update(e) {
-    const { gl: t } = this;
-    if (e instanceof HTMLVideoElement && e.readyState < 2)
-      return;
-    t.bindTexture(t.TEXTURE_2D, this._texture);
-    const r = t.getParameter(t.UNPACK_FLIP_Y_WEBGL);
-    t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, 1), t.texImage2D(t.TEXTURE_2D, 0, t.RGBA, t.RGBA, t.UNSIGNED_BYTE, e), t.pixelStorei(t.UNPACK_FLIP_Y_WEBGL, r ? 1 : 0), t.bindTexture(t.TEXTURE_2D, null), this._isFromCanvasSource = !1;
-  }
-  /**
-   * Update the framebuffer texture with pixel data
-   */
-  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), this._isFromCanvasSource = !1;
-  }
-  /**
-   * Resize the framebuffer
-   */
-  resize(e, t) {
-    const { gl: r } = this;
-    this._width = e, this._height = t, this._pixels = null, r.bindTexture(r.TEXTURE_2D, this._texture), this.updateTextureSize(), r.bindTexture(r.TEXTURE_2D, null);
-  }
-  /**
-   * Begin rendering to this framebuffer
-   */
-  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), this.unbindTextureAcrossUnits(this._texture), B(e, !0), P(e, [0, 0, this._width, this._height]), this._isFromCanvasSource = !1;
-  }
-  /**
-   * End rendering to this framebuffer and restore previous state
-   */
-  end() {
-    if (!this.previousState) return;
-    const { gl: e } = this;
-    e.bindFramebuffer(e.FRAMEBUFFER, this.previousState.framebuffer), e.viewport(...this.previousState.viewport), B(e, !!this.previousState.framebuffer), P(e, this.previousState.viewport), this.previousState = null;
-  }
-  /**
-   * Load pixel data from the framebuffer into the pixels array
-   */
-  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;
-    }
-  }
-  /**
-   * Dispose of WebGL resources used by this framebuffer.
-   * This method is idempotent and safe to call multiple times.
-   */
-  dispose() {
-    const { gl: e } = this;
-    this._framebuffer && (e.deleteFramebuffer(this._framebuffer), this._framebuffer = null), this._texture && (e.deleteTexture(this._texture), this._texture = null), this._pixels = null;
-  }
-  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;
-  }
-  /** True if the last content update came from a canvas/video or raw pixels (top-left origin). False if rendered via FBO (bottom-left). */
-  get isFromCanvasSource() {
-    return this._isFromCanvasSource;
-  }
-};
-/** Cache for MAX_TEXTURE_IMAGE_UNITS per-context */
-o(I, "maxTextureUnitsMap", /* @__PURE__ */ new WeakMap());
-let $ = I;
-class y {
-  constructor(e, t, r) {
-    o(this, "gl");
-    o(this, "program");
-    o(this, "uniformLocations", /* @__PURE__ */ new Map());
-    o(this, "attributeLocations", /* @__PURE__ */ 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 shader program
-   */
-  use() {
-    this.gl.useProgram(this.program), this.resetTextureUnits();
-  }
-  /**
-   * Set a single uniform value with automatic texture unit management
-   */
-  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);
-  }
-  /**
-   * Get uniform info to determine the correct WebGL type
-   */
-  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++;
-  }
-  /**
-   * Check if this shader has a specific uniform
-   */
-  hasUniform(e) {
-    return this.uniformLocations.has(e);
-  }
-  /**
-   * Check if this shader has a specific attribute
-   */
-  hasAttribute(e) {
-    return this.attributeLocations.has(e);
-  }
-  /**
-   * Get the WebGL program
-   */
-  get glProgram() {
-    return this.program;
-  }
-  /**
-   * Dispose of WebGL resources used by this shader.
-   * This method is idempotent and safe to call multiple times.
-   */
-  dispose() {
-    this.program && (this.gl.deleteProgram(this.program), this.program = null), this.uniformLocations.clear(), this.attributeLocations.clear(), this.textureUnitCounter = 0;
-  }
-  /**
-   * Reset texture unit counter (useful when starting a new frame)
-   */
-  resetTextureUnits() {
-    this.textureUnitCounter = 0;
-  }
-}
-var T = "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);}", se = "precision lowp float;uniform sampler2D u_texture;varying vec2 v_uv;void main(){gl_FragColor=texture2D(u_texture,v_uv);}", ae = "precision lowp float;uniform vec4 u_color;void main(){gl_FragColor=u_color;}";
-class ne {
-  constructor(e) {
-    o(this, "gl");
-    o(this, "imageShader");
-    o(this, "solidColorShader");
-    o(this, "currentShader", null);
-    // Cached attrib locations for current program
-    o(this, "attribCache");
-    // Fill state management - default: white fill enabled
-    o(this, "currentFillColor", [1, 1, 1, 1]);
-    o(this, "fillMode", !0);
-    // Stroke state management - default: black stroke enabled, weight 1
-    o(this, "currentStrokeColor", [0, 0, 0, 1]);
-    o(this, "currentStrokeWeight", 1);
-    o(this, "strokeMode", !0);
-    // Transformation state management
-    o(this, "currentRotation", 0);
-    // in degrees
-    // State stack for push/pop functionality
-    o(this, "stateStack", []);
-    // ----- Immediate-mode helpers that use a single static VBO (no per-call allocation) -----
-    o(this, "unitBuffer", null);
-    o(this, "bytesPerVertex", 16);
-    // vec2 + vec2
-    o(this, "scratchFramebuffer", null);
-    this.gl = e, this.imageShader = new y(this.gl, T, se), this.solidColorShader = new y(this.gl, T, ae), this.attribCache = /* @__PURE__ */ new Map(), 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), P(this.gl, [0, 0, this.gl.canvas.width, this.gl.canvas.height]), B(this.gl, !1);
-  }
-  /**
-   * Set the current shader
-   */
-  shader(e) {
-    this.currentShader !== e && (this.currentShader = e, e.use());
-  }
-  /**
-   * Sets the fill color for subsequent rendering operations
-   * @param r Red component *(0-255)*
-   * @param g Green component *(0-255, optional)*
-   * @param b Blue component *(0-255, optional)*
-   * @param a Alpha component *(0-255, optional)*
-   */
-  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)");
-  }
-  /**
-   * Sets the stroke color for subsequent rendering operations
-   * @param r Red component *(0-255)*
-   * @param g Green component *(0-255, optional)*
-   * @param b Blue component *(0-255, optional)*
-   * @param a Alpha component *(0-255, optional)*
-   */
-  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)");
-  }
-  /**
-   * Sets the stroke weight (thickness) for subsequent stroke operations
-   * @param weight The stroke thickness in pixels
-   */
-  strokeWeight(e) {
-    if (e < 0)
-      throw new Error("Stroke weight must be non-negative");
-    this.currentStrokeWeight = e;
-  }
-  /**
-   * Disables stroke rendering for subsequent operations
-   */
-  noStroke() {
-    this.strokeMode = !1;
-  }
-  /**
-   * Disables fill rendering for subsequent operations
-   */
-  noFill() {
-    this.fillMode = !1;
-  }
-  /**
-   * Sets the rotation angle for subsequent rendering operations
-   * @param degrees The rotation angle in degrees
-   */
-  rotate(e) {
-    this.currentRotation = e;
-  }
-  /**
-   * Save the current rendering state (fill, stroke, etc.) to the state stack
-   */
-  push() {
-    this.stateStack.push({
-      fillColor: [...this.currentFillColor],
-      fillMode: this.fillMode,
-      strokeColor: [...this.currentStrokeColor],
-      strokeWeight: this.currentStrokeWeight,
-      strokeMode: this.strokeMode,
-      rotation: this.currentRotation
-    });
-  }
-  /**
-   * Restore the most recently saved rendering state from the state stack
-   */
-  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 frame-specific state - called automatically after each frame.
-   * Note: This does not reset fill/stroke state as that should persist
-   * across frames and be managed by push/pop or explicit calls.
-   */
-  reset() {
-    this.currentShader = null, this.stateStack = [], this.currentRotation = 0;
-  }
-  createShader(e, t) {
-    return new y(this.gl, e, t);
-  }
-  createFilterShader(e) {
-    return new y(this.gl, T, e);
-  }
-  /**
-   * Set a uniform value for the current shader
-   */
-  setUniform(e, t) {
-    this.currentShader.setUniform(e, t);
-  }
-  /**
-   * Draw a rectangle with the current fill and/or stroke settings
-   */
-  rect(e, t, r, i) {
-    if (this.currentShader !== null) {
-      if (this.currentRotation !== 0) {
-        const { centerX: f, centerY: g, radians: v, aspectRatio: p } = this.calculateRotationParams(e, t, r, i);
-        this.setUniform("u_rotation", v), this.setUniform("u_center", [f, g]), this.setUniform("u_aspectRatio", p);
-      } else
-        this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1);
-      this.drawRectImmediate(e, t, r, i), this.currentShader = null;
-      return;
-    }
-    const a = this.solidColorShader, n = this.currentRotation !== 0;
-    let l = 0, c = 0, u = 0, d = 1;
-    if (n) {
-      const f = this.calculateRotationParams(e, t, r, i);
-      l = f.centerX, c = f.centerY, u = f.radians, d = f.aspectRatio;
-    }
-    this.fillMode && (this.shader(a), this.setUniform("u_color", this.currentFillColor), n && (this.setUniform("u_rotation", u), this.setUniform("u_center", [l, c]), this.setUniform("u_aspectRatio", d)), this.drawRectImmediate(e, t, r, i)), this.strokeMode && this.currentStrokeWeight > 0 && (this.shader(a), this.setUniform("u_color", this.currentStrokeColor), n && (this.setUniform("u_rotation", u), this.setUniform("u_center", [l, c]), this.setUniform("u_aspectRatio", d)), this.drawRectStrokeImmediate(e, t, r, i, this.currentStrokeWeight));
-  }
-  /**
-   * Draw a line from (x1, y1) to (x2, y2) with the current stroke settings.
-   * Lines only support stroke rendering - fill properties are ignored.
-   * @param x1 X-coordinate of the line start point
-   * @param y1 Y-coordinate of the line start point
-   * @param x2 X-coordinate of the line end point
-   * @param y2 Y-coordinate of the line end point
-   */
-  line(e, t, r, i) {
-    if (this.currentShader !== null) {
-      const b = (e + r) / 2, w = (t + i) / 2, F = Math.abs(r - e) || 1, C = Math.abs(i - t) || 1;
-      if (this.currentRotation !== 0) {
-        const { centerX: U, centerY: S, radians: R, aspectRatio: E } = this.calculateRotationParams(b - F / 2, w - C / 2, F, C);
-        this.setUniform("u_rotation", R), this.setUniform("u_center", [U, S]), this.setUniform("u_aspectRatio", E);
-      } else
-        this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1);
-      const G = this.currentStrokeWeight > 0 ? this.currentStrokeWeight : 1;
-      this.drawLineImmediate(e, t, r, i, G), this.currentShader = null;
-      return;
-    }
-    if (!this.strokeMode || this.currentStrokeWeight <= 0) return;
-    const a = this.solidColorShader, n = (e + r) / 2, l = (t + i) / 2, c = Math.abs(r - e) || 1, u = Math.abs(i - t) || 1, d = this.currentRotation !== 0;
-    let f = 0, g = 0, v = 0, p = 1;
-    if (d) {
-      const b = this.calculateRotationParams(n - c / 2, l - u / 2, c, u);
-      f = b.centerX, g = b.centerY, v = b.radians, p = b.aspectRatio;
-    }
-    this.shader(a), this.setUniform("u_color", this.currentStrokeColor), d && (this.setUniform("u_rotation", v), this.setUniform("u_center", [f, g]), this.setUniform("u_aspectRatio", p)), this.drawLineImmediate(e, t, r, i, this.currentStrokeWeight);
-  }
-  /**
-   * Calculate rotation parameters for built-in shaders (NDC coordinates)
-   */
-  calculateRotationParams(e, t, r, i) {
-    const s = j(this.gl) || [0, 0, this.gl.canvas.width, this.gl.canvas.height], a = s[2], n = s[3], l = a / n, c = e + r / 2, u = t + i / 2, d = c / a * 2 - 1, f = 1 - u / n * 2, g = this.currentRotation * Math.PI / 180;
-    return { centerX: d, centerY: f, radians: g, aspectRatio: l };
-  }
-  /**
-   * Create a new framebuffer
-   */
-  createFramebuffer(e, t, r = {}) {
-    return new $(this.gl, e, t, r);
-  }
-  /**
-   * Fill the current framebuffer with a solid color
-   */
-  background(e, t = e, r = e, i = 255) {
-    this.clear(e / 255, t / 255, r / 255, i / 255);
-  }
-  /**
-   * Clear the current framebuffer
-   */
-  clear(e = 0, t = 0, r = 0, i = 0) {
-    this.gl.clearColor(e, t, r, i), this.gl.clear(this.gl.COLOR_BUFFER_BIT);
-  }
-  /**
-   * Ensure viewport matches canvas dimensions
-   */
-  resetViewport() {
-    this.gl.viewport(0, 0, this.gl.canvas.width, this.gl.canvas.height), P(this.gl, [0, 0, this.gl.canvas.width, this.gl.canvas.height]), B(this.gl, !1);
-  }
-  /**
-   * Get the WebGL context
-   */
-  get context() {
-    return this.gl;
-  }
-  /**
-   * Dispose of all WebGL resources managed by this renderer.
-   * This method is idempotent and safe to call multiple times.
-   */
-  dispose() {
-    this.scratchFramebuffer && (this.scratchFramebuffer.dispose(), this.scratchFramebuffer = null), this.imageShader.dispose(), this.solidColorShader.dispose(), this.imageShader = null, this.solidColorShader = null, this.currentShader = null, this.stateStack = [];
-  }
-  /**
-   * Render a framebuffer at a specific position with optional scaling
-   */
-  image(e, t, r, i, s) {
-    const a = this.gl, n = i ?? e.width, l = s ?? e.height, c = a.getParameter(a.FRAMEBUFFER_BINDING);
-    if (c && e.framebuffer === c) {
-      (!this.scratchFramebuffer || this.scratchFramebuffer.width !== n || this.scratchFramebuffer.height !== l) && (this.scratchFramebuffer && this.scratchFramebuffer.dispose(), this.scratchFramebuffer = this.createFramebuffer(n, l)), this.scratchFramebuffer.begin(), this.clear(0, 0, 0, 0), this.shader(this.imageShader), this.setUniform("u_texture", e.texture), this.setUniform("u_rotation", 0), this.setUniform("u_center", [0, 0]), this.setUniform("u_aspectRatio", 1), this.drawRectImmediate(0, 0, n, l), this.scratchFramebuffer.end(), this.shader(this.imageShader);
-      const d = this.currentRotation !== 0 ? this.calculateRotationParams(t, r, n, l) : { centerX: 0, centerY: 0, radians: 0, aspectRatio: 1 };
-      this.setUniform("u_texture", this.scratchFramebuffer.texture), this.setUniform("u_rotation", d.radians), this.setUniform("u_center", [d.centerX, d.centerY]), this.setUniform("u_aspectRatio", d.aspectRatio), this.drawRectImmediate(t, r, n, l), a.bindTexture(a.TEXTURE_2D, null), this.currentShader = null;
-      return;
-    }
-    this.shader(this.imageShader), this.setUniform("u_texture", e.texture);
-    const u = this.currentRotation !== 0 ? this.calculateRotationParams(t, r, n, l) : { centerX: 0, centerY: 0, radians: 0, aspectRatio: 1 };
-    this.setUniform("u_rotation", u.radians), this.setUniform("u_center", [u.centerX, u.centerY]), this.setUniform("u_aspectRatio", u.aspectRatio), this.drawRectImmediate(t, r, n, l), a.bindTexture(a.TEXTURE_2D, null), this.currentShader = null;
-  }
-  ensureUnitBuffer() {
-    if (this.unitBuffer) return;
-    const e = this.gl;
-    this.unitBuffer = e.createBuffer(), e.bindBuffer(e.ARRAY_BUFFER, this.unitBuffer);
-  }
-  enableAttribs() {
-    const e = this.gl, t = e.getParameter(e.CURRENT_PROGRAM);
-    let r = this.attribCache.get(t);
-    return r || (r = {
-      a_position: e.getAttribLocation(t, "a_position"),
-      a_texCoord: e.getAttribLocation(t, "a_texCoord")
-    }, this.attribCache.set(t, r)), e.enableVertexAttribArray(r.a_position), e.vertexAttribPointer(r.a_position, 2, e.FLOAT, !1, this.bytesPerVertex, 0), e.enableVertexAttribArray(r.a_texCoord), e.vertexAttribPointer(r.a_texCoord, 2, e.FLOAT, !1, this.bytesPerVertex, 8), { positionLoc: r.a_position, texLoc: r.a_texCoord };
-  }
-  disableAttribs(e, t) {
-    const r = this.gl;
-    r.disableVertexAttribArray(e), r.disableVertexAttribArray(t);
-  }
-  uploadQuadNDC(e, t, r, i) {
-    const s = this.gl;
-    this.ensureUnitBuffer(), s.bindBuffer(s.ARRAY_BUFFER, this.unitBuffer);
-    const a = 0, n = 0, l = 1, c = 1, u = new Float32Array([
-      e,
-      i,
-      0,
-      a,
-      // bottom-left
-      r,
-      i,
-      1,
-      n,
-      // bottom-right
-      e,
-      t,
-      0,
-      l,
-      // top-left
-      e,
-      t,
-      0,
-      l,
-      // top-left
-      r,
-      i,
-      1,
-      n,
-      // bottom-right
-      r,
-      t,
-      1,
-      c
-      // top-right
-    ]);
-    s.bufferData(s.ARRAY_BUFFER, u, s.DYNAMIC_DRAW);
-  }
-  toNDC(e, t) {
-    const r = this.gl, i = j(r) || [0, 0, r.canvas.width, r.canvas.height], s = i[2], a = i[3], n = e / s * 2 - 1, l = 1 - t / a * 2;
-    return { nx: n, ny: l };
-  }
-  drawRectImmediate(e, t, r, i) {
-    const s = this.toNDC(e, t), a = this.toNDC(e + r, t + i);
-    this.uploadQuadNDC(s.nx, s.ny, a.nx, a.ny);
-    const n = this.enableAttribs();
-    this.gl.drawArrays(this.gl.TRIANGLES, 0, 6), this.disableAttribs(n.positionLoc, n.texLoc);
-  }
-  drawRectStrokeImmediate(e, t, r, i, s) {
-    this.drawRectImmediate(e, t, r, s), this.drawRectImmediate(e + r - s, t, s, i), this.drawRectImmediate(e, t + i - s, r, s), this.drawRectImmediate(e, t, s, i);
-  }
-  drawLineImmediate(e, t, r, i, s) {
-    const a = r - e, n = i - t, l = Math.hypot(a, n);
-    if (l === 0) {
-      this.drawRectImmediate(e - s / 2, t - s / 2, s, s);
-      return;
-    }
-    const c = a / l, d = -(n / l), f = c, g = s / 2, v = e + d * g, p = t + f * g, b = e - d * g, w = t - f * g, F = r + d * g, C = i + f * g, G = r - d * g, U = i - f * g, S = this.toNDC(v, p), R = this.toNDC(b, w), E = this.toNDC(F, C), W = this.toNDC(G, U), M = this.gl;
-    this.ensureUnitBuffer(), M.bindBuffer(M.ARRAY_BUFFER, this.unitBuffer);
-    const J = new Float32Array([
-      S.nx,
-      S.ny,
-      0,
-      0,
-      R.nx,
-      R.ny,
-      0,
-      1,
-      E.nx,
-      E.ny,
-      1,
-      0,
-      R.nx,
-      R.ny,
-      0,
-      1,
-      W.nx,
-      W.ny,
-      1,
-      1,
-      E.nx,
-      E.ny,
-      1,
-      0
-    ]);
-    M.bufferData(M.ARRAY_BUFFER, J, M.DYNAMIC_DRAW);
-    const Y = this.enableAttribs();
-    M.drawArrays(M.TRIANGLES, 0, 6), this.disableAttribs(Y.positionLoc, Y.texLoc);
-  }
-}
-var m = {};
-m.parse = function(h) {
-  var e = function(s, a, n, l) {
-    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 v = g[0], p = l[v];
-        p == null && (p = u[f].parseTab(s, v, g[1], d)), d[f] = l[v] = p;
-      }
-    }
-    return d;
-  }, t = new Uint8Array(h), r = {}, i = e(t, 0, 0, r);
-  return [i];
-};
-m.findTable = function(h, e, t) {
-  for (var r = m.B, i = r.readUshort(h, t + 4), s = t + 12, a = 0; a < i; a++) {
-    var n = r.readASCII(h, s, 4);
-    r.readUint(h, s + 4);
-    var l = r.readUint(h, s + 8), c = r.readUint(h, s + 12);
-    if (n == e) return [l, c];
-    s += 16;
-  }
-  return null;
-};
-m.T = {};
-m.B = {
-  readShort: function(h, e) {
-    var t = m.B.t.uint16;
-    return t[0] = h[e] << 8 | h[e + 1], m.B.t.int16[0];
-  },
-  readUshort: function(h, e) {
-    return h[e] << 8 | h[e + 1];
-  },
-  readUshorts: function(h, e, t) {
-    for (var r = [], i = 0; i < t; i++)
-      r.push(m.B.readUshort(h, e + i * 2));
-    return r;
-  },
-  readUint: function(h, e) {
-    var t = m.B.t.uint8;
-    return t[3] = h[e], t[2] = h[e + 1], t[1] = h[e + 2], t[0] = h[e + 3], m.B.t.uint32[0];
-  },
-  readASCII: function(h, e, t) {
-    for (var r = "", i = 0; i < t; i++) r += String.fromCharCode(h[e + i]);
-    return r;
-  },
-  // Simplified typed array buffer - only what's needed
-  t: function() {
-    var h = new ArrayBuffer(8);
-    return {
-      uint8: new Uint8Array(h),
-      int16: new Int16Array(h),
-      uint16: new Uint16Array(h),
-      uint32: new Uint32Array(h)
-    };
-  }()
-};
-m.T.cmap = {
-  parseTab: function(h, e, t) {
-    var r = { tables: [], ids: {}, off: e };
-    h = new Uint8Array(h.buffer, e, t), e = 0;
-    var i = m.B, s = i.readUshort, a = m.T.cmap;
-    s(h, e), e += 2;
-    var n = s(h, e);
-    e += 2;
-    for (var l = [], c = 0; c < n; c++) {
-      var u = s(h, e);
-      e += 2;
-      var d = s(h, e);
-      e += 2;
-      var f = i.readUint(h, e);
-      e += 4;
-      var g = "p" + u + "e" + d, v = l.indexOf(f);
-      if (v == -1) {
-        v = r.tables.length;
-        var p = {};
-        l.push(f);
-        var b = p.format = s(h, f);
-        b == 4 ? p = a.parse4(h, f, p) : b == 12 && (p = a.parse12(h, f, p)), r.tables.push(p);
-      }
-      r.ids[g] != null && console.log("multiple tables for one platform+encoding: " + g), r.ids[g] = v;
-    }
-    return r;
-  },
-  parse4: function(h, e, t) {
-    var r = m.B, i = r.readUshort, s = r.readUshorts, a = e;
-    e += 2;
-    var n = i(h, e);
-    e += 2, i(h, e), e += 2;
-    var l = i(h, e);
-    e += 2;
-    var c = l >>> 1;
-    t.searchRange = i(h, e), e += 2, t.entrySelector = i(h, e), e += 2, t.rangeShift = i(h, e), e += 2, t.endCount = s(h, e, c), e += c * 2, e += 2, t.startCount = s(h, e, c), e += c * 2, t.idDelta = [];
-    for (var u = 0; u < c; u++)
-      t.idDelta.push(r.readShort(h, e)), e += 2;
-    return t.idRangeOffset = s(h, e, c), e += c * 2, t.glyphIdArray = s(h, e, a + n - e >> 1), t;
-  },
-  parse12: function(h, e, t) {
-    var r = m.B, i = r.readUint;
-    e += 4, i(h, e), e += 4, i(h, e), e += 4;
-    var s = i(h, e) * 3;
-    e += 4;
-    for (var a = t.groups = new Uint32Array(s), n = 0; n < s; n += 3)
-      a[n] = i(h, e + (n << 2)), a[n + 1] = i(h, e + (n << 2) + 4), a[n + 2] = i(h, e + (n << 2) + 8);
-    return t;
-  }
-};
-m.T.head = {
-  parseTab: function(h, e, t) {
-    var r = m.B, i = {};
-    return e += 18, i.unitsPerEm = r.readUshort(h, e), e += 2, e += 16, i.xMin = r.readShort(h, e), e += 2, i.yMin = r.readShort(h, e), e += 2, i.xMax = r.readShort(h, e), e += 2, i.yMax = r.readShort(h, e), e += 2, e += 6, i.indexToLocFormat = r.readShort(h, e), i;
-  }
-};
-m.T.hhea = {
-  parseTab: function(h, 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], l = n == "advanceWidthMax" || n == "numberOfHMetrics" ? r.readUshort : r.readShort;
-      i[n] = l(h, e + a * 2);
-    }
-    return i;
-  }
-};
-m.T.hmtx = {
-  parseTab: function(h, e, t, r) {
-    for (var i = m.B, s = [], a = [], n = r.maxp.numGlyphs, l = r.hhea.numberOfHMetrics, c = 0, u = 0, d = 0; d < l; )
-      c = i.readUshort(h, e + (d << 2)), u = i.readShort(h, 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(h, e, t) {
-    var r = m.B, i = r.readUshort, s = {};
-    return r.readUint(h, e), e += 4, s.numGlyphs = i(h, e), e += 2, s;
-  }
-};
-m.T.loca = {
-  parseTab: function(h, e, t, r) {
-    var i = m.B, s = [], a = r.head.indexToLocFormat, n = r.maxp.numGlyphs + 1;
-    if (a == 0) for (var l = 0; l < n; l++) s.push(i.readUshort(h, e + (l << 1)) << 1);
-    if (a == 1) for (var l = 0; l < n; l++) s.push(i.readUint(h, e + (l << 2)));
-    return s;
-  }
-};
-m.T.glyf = {
-  parseTab: function(h, e, t, r) {
-    for (var i = [], s = r.maxp.numGlyphs, a = 0; a < s; a++) i.push(null);
-    return i;
-  },
-  _parseGlyf: function(h, e) {
-    var t = m.B, r = h._data, i = h.loca;
-    if (i[e] == i[e + 1]) return null;
-    var s = m.findTable(r, "glyf", h._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 l = t.readUshort(r, s);
-      if (s += 2, r.length - s < l) return null;
-      s += l;
-      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, v = (a.flags[n] & 16) != 0;
-        g ? (a.xs.push(v ? r[s] : -r[s]), s++) : v ? 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, v = (a.flags[n] & 32) != 0;
-        g ? (a.ys.push(v ? r[s] : -r[s]), s++) : v ? a.ys.push(0) : (a.ys.push(t.readShort(r, s)), s += 2);
-      }
-      for (var p = 0, b = 0, n = 0; n < c; n++)
-        p += a.xs[n], b += a.ys[n], a.xs[n] = p, a.ys[n] = b;
-    } else
-      a.parts = [];
-    return a;
-  }
-};
-typeof module < "u" && module.exports ? module.exports = m : typeof window < "u" && (window.Typr = m);
-class oe {
-  /**
-   * Extracts all available characters from a font's cmap tables.
-   * @param font The parsed font object from Typr
-   * @returns Array of unique character strings
-   */
-  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)]) : [];
-  }
-  /**
-   * Extracts characters from a Format 4 cmap table (Basic Multilingual Plane).
-   * @param table The Format 4 cmap table
-   * @returns Array of character strings
-   */
-  _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 l = String.fromCodePoint(a);
-            t.push(l);
-          }
-      }
-    }
-    return t;
-  }
-  /**
-   * Extracts characters from a Format 12 cmap table (Extended Unicode ranges).
-   * @param table The Format 12 cmap table
-   * @returns Array of character strings
-   */
-  _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;
-  }
-  /**
-   * Calculates the glyph index for a character in a Format 4 cmap table.
-   * @param table The Format 4 cmap table
-   * @param codePoint The Unicode code point
-   * @param rangeIndex The index of the character range
-   * @returns The glyph index, or 0 if not found
-   */
-  _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;
-  }
-  /**
-   * Filters out problematic characters that might cause rendering issues.
-   * @param characters Array of character strings to filter
-   * @returns Filtered array of character strings
-   */
-  filterProblematicCharacters(e) {
-    return e.filter((t) => this._isValidCharacter(t));
-  }
-  /**
-   * Checks if a character is valid for rendering.
-   * @param char The character to check
-   * @returns True if the character is valid, false otherwise
-   */
-  _isValidCharacter(e) {
-    const t = e.codePointAt(0) || 0;
-    return !(t >= 0 && t <= 31 && t !== 9 && t !== 10 && t !== 13 || t >= 127 && t <= 159);
-  }
-}
-class he {
-  /**
-   * Creates a new TextureAtlasCreation instance.
-   * @param renderer The WebGL renderer instance
-   */
-  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 });
-  }
-  /**
-   * Creates a texture atlas from the given characters.
-   * @param characters Array of TextmodeCharacter objects
-   * @param maxGlyphDimensions Maximum dimensions of glyphs
-   * @param fontSize Font size for rendering
-   * @param fontFamilyName Font family name to use
-   * @returns Object containing framebuffer, columns, and rows
-   */
-  createTextureAtlas(e, t, r, i) {
-    const s = e.length, a = Math.ceil(Math.sqrt(s)), n = Math.ceil(s / a), l = t.width * a, c = t.height * n;
-    this._setupCanvas(l, c, r, i), this._renderCharactersToCanvas(e, t, a, r), this._applyBlackWhiteThreshold();
-    const u = this._renderer.createFramebuffer(l, c, { filter: "nearest" });
-    return u.update(this._textureCanvas), {
-      framebuffer: u,
-      columns: a,
-      rows: n
-    };
-  }
-  /**
-   * Sets up the canvas for rendering.
-   * @param width Canvas buffer width
-   * @param height Canvas buffer height
-   * @param fontSize Font size
-   * @param fontFamilyName Font family name
-   * @param logicalWidth Logical width for scaling context
-   * @param logicalHeight Logical height for scaling context
-   */
-  _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";
-  }
-  /**
-   * Renders all characters to the canvas in a grid layout.
-   * @param characters Array of characters to render
-   * @param maxGlyphDimensions Maximum glyph dimensions
-   * @param textureColumns Number of columns in the texture
-   * @param fontSize Font size
-   */
-  _renderCharactersToCanvas(e, t, r, i) {
-    for (let s = 0; s < e.length; s++) {
-      const a = s % r, n = Math.floor(s / r), l = a * t.width + t.width * 0.5, c = n * t.height + t.height * 0.5, u = Math.round(l - t.width * 0.5), d = Math.round(c - i * 0.5);
-      this._textureContext.fillText(e[s].character, u, d);
-    }
-  }
-  /**
-   * Applies a black and white threshold filter to the canvas.
-   * This converts antialiased grayscale pixels to pure black or white,
-   * ensuring crisp text rendering suitable for NEAREST texture filtering.
-   * @param threshold Threshold value (0-255) for black/white conversion
-   */
-  _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 = 0.299 * r[i] + 0.587 * r[i + 1] + 0.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 le {
-  /**
-   * Creates a new MetricsCalculation instance.
-   */
-  constructor() {
-    o(this, "_tempCanvas");
-    o(this, "_tempContext");
-    this._tempCanvas = document.createElement("canvas"), this._tempContext = this._tempCanvas.getContext("2d");
-  }
-  /**
-   * Calculates the maximum glyph dimensions for a given set of characters.
-   * @param characters Array of character strings
-   * @param fontSize Font size to use for measurement
-   * @param fontFamilyName Font family name
-   * @param fontFace FontFace object (optional, for validation)
-   * @returns Object containing width and height dimensions
-   */
-  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), l = n.width, c = n.actualBoundingBoxAscent + n.actualBoundingBoxDescent;
-      l > 0 && (i = Math.max(i, l), s = Math.max(s, c));
-    }
-    return {
-      width: Math.ceil(i),
-      height: Math.ceil(s)
-    };
-  }
-}
-class ce {
-  /**
-   * Creates TextmodeCharacter objects with unique color assignments.
-   * @param characters Array of character strings
-   * @param font The parsed font object from Typr
-   * @returns Array of TextmodeCharacter objects with colors
-   */
-  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 l = this._getGlyphIndex(t, s);
-        l > 0 && t.hmtx.aWidth[l] !== void 0 && (n = t.hmtx.aWidth[l]);
-      }
-      return {
-        character: r,
-        unicode: s,
-        color: a,
-        advanceWidth: n
-      };
-    });
-  }
-  /**
-   * Gets the glyph index for a given Unicode code point in a Typr.js font
-   * This is a simplified version for advance width lookup only
-   * @param fontData The Typr.js font data
-   * @param codePoint The Unicode code point to look up
-   * @returns The glyph index, or 0 if not found
-   */
-  _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;
-  }
-  /**
-   * Generates a unique RGB color for a character based on its index.
-   * @param index The index of the character
-   * @returns RGB color as a tuple [r, g, b]
-   */
-  _generateCharacterColor(e) {
-    const t = e % 256, r = Math.floor(e / 256) % 256, i = Math.floor(e / 65536) % 256;
-    return [t, r, i];
-  }
-  /**
-   * Gets the color for a specific character.
-   * @param character The character to get the color for
-   * @param characters Array of TextmodeCharacter objects
-   * @returns RGB color as a tuple [r, g, b], or [0, 0, 0] if not found
-   */
-  getCharacterColor(e, t) {
-    if (!_.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];
-  }
-  /**
-   * Gets colors for multiple characters.
-   * @param characterString String of characters to get colors for
-   * @param characters Array of TextmodeCharacter objects
-   * @returns Array of RGB colors for each character
-   */
-  getCharacterColors(e, t) {
-    return _.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 ue {
-  /**
-   * Creates a new TextmodeFont instance.
-   * @param renderer Renderer instance for texture creation
-   * @param fontSize Font size to use for the texture atlas
-   * @ignore
-   */
-  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");
-    // Component classes
-    o(this, "_characterExtractor");
-    o(this, "_textureAtlas");
-    o(this, "_metricsCalculator");
-    o(this, "_characterColorMapper");
-    this._fontSize = t, this._characterExtractor = new oe(), this._textureAtlas = new he(e), this._metricsCalculator = new le(), this._characterColorMapper = new ce();
-  }
-  /**
-   * Initializes the font manager by loading the font and creating the texture atlas.
-   * @param fontSource Optional URL to load a custom font. If not provided, uses embedded font (full builds only).
-   * @returns Promise that resolves when initialization is complete
-   * @ignore
-   */
-  async initialize(e) {
-    let t;
-    if (e) {
-      const r = await fetch(e);
-      if (!r.ok)
-        throw new x(`Failed to load font file: ${r.status} ${r.statusText}`);
-      t = await r.arrayBuffer();
-    } else
-      throw new x("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();
-  }
-  /**
-   * Sets the font size for rendering.
-   * @param size The font size to set. If undefined, returns the current font size.
-   * @ignore
-   */
-  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;
-  }
-  /**
-   * Loads a new font from a file path.
-   * @param fontPath Path to the .otf or .ttf font file
-   * @returns Promise that resolves when font loading is complete
-   * @ignore
-   */
-  async loadFont(e) {
-    try {
-      const t = await fetch(e);
-      if (!t.ok)
-        throw new x(`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 x(`Failed to load font: ${t instanceof Error ? t.message : "Unknown error"}`, t);
-    }
-  }
-  /**
-   * Loads a FontFace from a font buffer.
-   * @param fontBuffer ArrayBuffer containing font data
-   */
-  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);
-  }
-  /**
-   * Initializes all font-dependent properties using the component classes.
-   */
-  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;
-  }
-  /**
-   * Get the color associated with a character.
-   * @param character The character to get the color for.
-   * @returns The RGB color as an array `[r, g, b]`.
-   */
-  getCharacterColor(e) {
-    return this._characterColorMapper.getCharacterColor(e, this._characters);
-  }
-  /**
-   * Get the colors associated with a string of characters.
-   * @param characters The string of characters to get colors for.
-   * @returns An array of RGB colors for each character in the string.
-   * Each color is represented as an array `[r, g, b]`.
-   */
-  getCharacterColors(e) {
-    return this._characterColorMapper.getCharacterColors(e, this._characters);
-  }
-  /**
-   * Checks if all characters in the given string exist in the font.
-   * @param str The string to check.
-   * @returns `true` if all characters exist in the font, `false` otherwise.
-   */
-  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;
-  }
-  /** 
-   * Returns the WebGL framebuffer containing the font texture atlas. 
-   * @ignore
-   */
-  get fontFramebuffer() {
-    return this._fontFramebuffer;
-  }
-  /** Returns the array of {@link TextmodeCharacter} objects in the font. */
-  get characters() {
-    return this._characters;
-  }
-  /** Returns the number of columns in the texture atlas. */
-  get textureColumns() {
-    return this._textureColumns;
-  }
-  /** Returns the number of rows in the texture atlas. */
-  get textureRows() {
-    return this._textureRows;
-  }
-  /** Returns the maximum dimensions of a glyph in the font. */
-  get maxGlyphDimensions() {
-    return this._maxGlyphDimensions;
-  }
-  /**
-   * Dispose of all resources used by this font manager.
-   * This method is idempotent and safe to call multiple times.
-   */
-  dispose() {
-    this._fontFramebuffer.dispose(), document.fonts.delete(this._fontFace), this._fontFramebuffer = null, this._fontFace = null, this._font = null, this._characters = [], this._maxGlyphDimensions = { width: 0, height: 0 }, this._textureColumns = 0, this._textureRows = 0;
-  }
-  /** Returns the font size used for rendering. */
-  get fontSize() {
-    return this._fontSize;
-  }
-  /** Returns the Typr.js font object. @ignore */
-  get font() {
-    return this._font;
-  }
-}
-class de {
-  /**
-   * Create a new grid instance.
-   * @param canvas The canvas element used to determine the grid dimensions.
-   * @param cellWidth The width of each cell in the grid.
-   * @param cellHeight The height of each cell in the grid.
-   * @ignore
-   */
-  constructor(e, t, r) {
-    /** The number of columns in the grid. */
-    o(this, "_cols");
-    /** The number of rows in the grid. */
-    o(this, "_rows");
-    /** The total width of the grid in pixels. */
-    o(this, "_width");
-    /** The total height of the grid in pixels. */
-    o(this, "_height");
-    /** The offset to the outer canvas on the x-axis when centering the grid. */
-    o(this, "_offsetX");
-    /** The offset to the outer canvas on the y-axis when centering the grid. */
-    o(this, "_offsetY");
-    /** Whether the grid dimensions are fixed, or responsive based on the canvas dimensions. */
-    o(this, "_fixedDimensions", !1);
-    /** The canvas element used to determine the grid dimensions. */
-    o(this, "_canvas");
-    /** The width of each cell in the grid. */
-    o(this, "_cellWidth");
-    /** The height of each cell in the grid. */
-    o(this, "_cellHeight");
-    this._canvas = e, this._cellWidth = t, this._cellHeight = r, this.reset();
-  }
-  /**
-   * Reset the grid to the default number of columns and rows based on the current canvas dimensions, and the grid cell dimensions.
-   * @ignore
-   */
-  reset() {
-    if (!this._fixedDimensions) {
-      const e = this._canvas.width, t = this._canvas.height;
-      [this._cols, this._rows] = [Math.floor(e / this._cellWidth), Math.floor(t / this._cellHeight)];
-    }
-    this._resizeGrid();
-  }
-  /**
-   * Reset the total grid width & height, and the offset to the outer canvas.
-   */
-  _resizeGrid() {
-    const e = this._canvas.width, t = this._canvas.height;
-    this._width = this._cols * this._cellWidth, this._height = this._rows * this._cellHeight, this._offsetX = Math.floor((e - this._width) / 2), this._offsetY = Math.floor((t - this._height) / 2);
-  }
-  /**
-   * Re-assign the grid cell dimensions and `reset()` the grid.
-   * @param newCellWidth The new cell width.
-   * @param newCellHeight The new cell height.
-   * @ignore
-   */
-  resizeCellPixelDimensions(e, t) {
-    [this._cellWidth, this._cellHeight] = [e, t], this.reset();
-  }
-  /**
-   * Re-assign the grid dimensions and resize the grid. 
-   * 
-   * Calling this method makes the grid dimensions fixed, meaning they will not automatically resize based on the canvas dimensions.
-   * @param newCols The new number of columns.
-   * @param newRows The new number of rows.
-   * @ignore
-   */
-  resizeGridDimensions(e, t) {
-    this._fixedDimensions = !0, [this._cols, this._rows] = [e, t], this._resizeGrid();
-  }
-  /**
-   * Make the grid dimensions flexible again, and `reset()` the grid.
-   * @ignore
-   */
-  resetGridDimensions() {
-    this._fixedDimensions = !1, this.reset();
-  }
-  /**
-   * Update the canvas used by the grid, and reset the grid dimensions.
-   * @param canvas The new canvas element to use for the grid.
-   * @ignore
-   */
-  resize() {
-    this._fixedDimensions ? this._resizeGrid() : this.reset();
-  }
-  /**
-   * Gets or sets whether the grid dimensions *(columns and rows)* are fixed or responsive based on the canvas dimensions.
-   * @param value Optional. `true` to make the grid dimensions fixed, or `false` to make them responsive. If not provided, returns the current state.
-   * @returns If no parameter is provided, returns `true` if the grid dimensions are fixed, or `false` if they are responsive.
-   * @ignore
-   */
-  fixedDimensions(e) {
-    if (e === void 0)
-      return this._fixedDimensions;
-    this._fixedDimensions = e;
-  }
-  /** Returns the width of each cell in the grid. */
-  get cellWidth() {
-    return this._cellWidth;
-  }
-  /** Returns the height of each cell in the grid. */
-  get cellHeight() {
-    return this._cellHeight;
-  }
-  /**
-   * Dispose of this TextmodeGrid and clean up references.
-   * This method is idempotent and safe to call multiple times.
-   */
-  dispose() {
-    this._canvas = null, this._cols = 0, this._rows = 0, this._width = 0, this._height = 0, this._offsetX = 0, this._offsetY = 0, this._cellWidth = 0, this._cellHeight = 0;
-  }
-  /** Returns the number of columns in the grid. */
-  get cols() {
-    return this._cols;
-  }
-  /** Returns the number of rows in the grid. */
-  get rows() {
-    return this._rows;
-  }
-  /** Returns the total width of the grid. */
-  get width() {
-    return this._width;
-  }
-  /** Returns the total height of the grid. */
-  get height() {
-    return this._height;
-  }
-  /** Returns the offset to the outer canvas borders on the x-axis when centering the grid. */
-  get offsetX() {
-    return this._offsetX;
-  }
-  /** Returns the offset to the outer canvas borders on the y-axis when centering the grid. */
-  get offsetY() {
-    return this._offsetY;
-  }
-}
-class fe {
-  constructor(e, t = !1, r = {}) {
-    o(this, "_canvas");
-    o(this, "captureSource");
-    o(this, "_isStandalone");
-    o(this, "resizeObserver");
-    o(this, "onTransformChange");
-    this.captureSource = e, this._isStandalone = t, this._canvas = this.createCanvas(r.width, r.height), t && this.setupTransformObserver();
-  }
-  createCanvas(e, t) {
-    var i;
-    const r = document.createElement("canvas");
-    if (r.className = "textmodeCanvas", r.style.imageRendering = "pixelated", this._isStandalone)
-      r.width = e || 800, r.height = t || 600, 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.position = "absolute", r.style.pointerEvents = "none";
-      const l = window.getComputedStyle(this.captureSource);
-      let c = parseInt(l.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;
-    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.positionOverlayCanvas(this._canvas);
-    }
-  }
-  /**
-   * Get the WebGL context for the overlay 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 x("WebGL context could not be created. Ensure your browser supports WebGL.");
-    return t;
-  }
-  /**
-   * Get the effective rendering dimensions accounting for CSS transforms
-   */
-  getEffectiveRenderingDimensions() {
-    return this._canvas ? { width: this._canvas.width, height: this._canvas.height } : { width: 0, height: 0 };
-  }
-  /**
-   * Check if the canvas is affected by CSS transforms
-   */
-  isTransformed() {
-    if (!this._canvas || !this._isStandalone) return !1;
-    const e = this._canvas.getBoundingClientRect(), t = Math.round(e.width), r = Math.round(e.height);
-    return t !== this._canvas.width || r !== this._canvas.height;
-  }
-  /**
-   * Set up ResizeObserver to monitor for CSS transform changes
-   */
-  setupTransformObserver() {
-    typeof ResizeObserver > "u" || (this.resizeObserver = new ResizeObserver((e) => {
-      for (const t of e) {
-        const r = t.contentRect, i = Math.round(r.width), s = Math.round(r.height);
-        this.onTransformChange && (i !== this._canvas.width || s !== this._canvas.height) && this.onTransformChange();
-      }
-    }), this.resizeObserver.observe(this._canvas));
-  }
-  /**
-   * Dispose of this TextmodeCanvas and clean up all resources.
-   * This method is idempotent and safe to call multiple times.
-   */
-  dispose() {
-    if (this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = void 0), this._canvas) {
-      const e = this._canvas.getContext("webgl") || this._canvas.getContext("webgl2");
-      if (e) {
-        const t = e.getExtension("WEBGL_lose_context");
-        t && t.loseContext();
-      }
-      this._canvas.parentNode && this._canvas.parentNode.removeChild(this._canvas), this._canvas = null;
-    }
-    this.captureSource = null;
-  }
-  get canvas() {
-    return this._canvas;
-  }
-  get width() {
-    return this._canvas.width;
-  }
-  get height() {
-    return this._canvas.height;
-  }
-}
-class D {
-  /**
-   * Creates a new TextmodeConverter instance.
-   * @param renderer Renderer instance for texture creation
-   * @param fontManager Font manager for character extraction and color mapping
-   * @param grid Grid instance for managing textmode layout
-   * @param options Additional options for the converter
-   * @ignore
-   */
-  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);
-  }
-  /**
-   * Resizes all internal framebuffers to match the grid dimensions.
-   * @ignore
-   */
-  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);
-  }
-  /**
-   * Enables or disables the converter.
-   * @param enabled Whether to enable or disable the converter.
-   */
-  enabled(e) {
-    this._options.enabled = e;
-  }
-  /**
-   * Enables the converter.
-   */
-  enable() {
-    this.enabled(!0);
-  }
-  /**
-   * Disables the converter.
-   */
-  disable() {
-    this.enabled(!1);
-  }
-  /**
-   * Dispose of all framebuffers used by this converter.
-   * This method is idempotent and safe to call multiple times.
-   */
-  dispose() {
-    this._characterFramebuffer.dispose(), this._primaryColorFramebuffer.dispose(), this._secondaryColorFramebuffer.dispose(), this._rotationFramebuffer.dispose(), this._transformFramebuffer.dispose(), this._characterFramebuffer = null, this._primaryColorFramebuffer = null, this._secondaryColorFramebuffer = null, this._rotationFramebuffer = null, this._transformFramebuffer = null;
-  }
-  /** Returns the framebuffer containing character data. */
-  get characterFramebuffer() {
-    return this._characterFramebuffer;
-  }
-  /** Returns the framebuffer containing primary color data. */
-  get primaryColorFramebuffer() {
-    return this._primaryColorFramebuffer;
-  }
-  /** Returns the framebuffer containing secondary color data. */
-  get secondaryColorFramebuffer() {
-    return this._secondaryColorFramebuffer;
-  }
-  /** Returns the framebuffer containing rotation data. */
-  get rotationFramebuffer() {
-    return this._rotationFramebuffer;
-  }
-  /** Returns the framebuffer containing transformation data. */
-  get transformFramebuffer() {
-    return this._transformFramebuffer;
-  }
-  /** Returns the renderer used by this converter. */
-  get options() {
-    return this._options;
-  }
-}
-class me {
-  /**
-   * Create a new color palette instance.
-   * @param renderer The renderer instance.
-   * @param colors The RGB colors to store as [r, g, b] arrays where values are 0-255.
-   */
-  constructor(e, t) {
-    /** The framebuffer used to store the color palette. */
-    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();
-  }
-  /**
-   * Update the framebuffer with the currently selected colors.
-   */
-  _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);
-  }
-  /**
-   * Sets the colors of the palette and updates the framebuffer.
-   * @param newColors The new RGB colors to set as [r, g, b] arrays.
-   */
-  setColors(e) {
-    this._colors = e, this._updateFramebuffer();
-  }
-  /**
-   * Get the colors of the palette.
-   */
-  get colors() {
-    return this._colors;
-  }
-  /**
-   * Get the framebuffer containing the colors of the palette.
-   */
-  get framebuffer() {
-    return this._framebuffer;
-  }
-  /**
-   * Get the texture from the framebuffer for use in shaders.
-   */
-  get texture() {
-    return this._framebuffer.texture;
-  }
-}
-class N extends D {
-  constructor(t, r, i, s = {}) {
-    super(t, r, i, s);
-    o(this, "palette");
-    this.palette = new me(this.renderer, this.fontManager.getCharacterColors(" .:-=+*%@#"));
-  }
-  /**
-   * Sets the characters used for mapping.
-   * @param characters The characters to use for mapping, usually ordered from darkest to brightest.
-   */
-  characters(t) {
-    _.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)));
-  }
-  /**
-   * Sets the color of the characters affected by the converter.
-   * This is only used when `characterColorMode` is set to `'fixed'`.
-   * @param r Red component (0-255) or hex string (e.g., '#FF0000', '#F00', 'FF0000', 'F00').
-   * @param g Green component (0-255).
-   * @param b Blue component (0-255).
-   * @param a Alpha component (0-255).
-   */
-  characterColor(t, r, i, s = 255) {
-    let a, n, l, c;
-    if (typeof t == "string") {
-      const u = this.parseHexColor(t);
-      if (!u) {
-        _.validate(
-          !1,
-          "Invalid hex color format. Use '#FF0000', '#F00', 'FF0000', or 'F00'.",
-          { method: "characterColor", providedValue: t }
-        );
-        return;
-      }
-      [a, n, l, c] = u;
-    } else if (a = t, n = r !== void 0 ? r : t, l = i !== void 0 ? i : t, c = s, !_.validate(
-      [a, n, l, c].every((u) => u >= 0 && u <= 255),
-      "Character color values must be between 0 and 255",
-      { method: "characterColor", providedValues: { r: a, g: n, b: l, a: c } }
-    ))
-      return;
-    this._options.characterColor = [a / 255, n / 255, l / 255, c / 255];
-  }
-  /**
-   * Sets the character color mode.
-   * - `'sampled'`: Uses sampled colors from the source texture.
-   * - `'fixed'`: Uses a fixed color set by `characterColor()`.
-   * @param mode The color mode to use for characters.
-   */
-  characterColorMode(t) {
-    _.validate(
-      ["sampled", "fixed"].includes(t),
-      "Invalid character color mode. Must be 'sampled' or 'fixed'.",
-      { method: "characterColorMode", providedValue: t }
-    ) && (this._options.characterColorMode = t);
-  }
-  /**
-   * Sets the cell color for all cells affected by the converter.
-   * This is only used when `cellColorMode` is set to `'fixed'`.
-   * @param r Red component (0-255) or hex string (e.g., '#FF0000', '#F00', 'FF0000', 'F00').
-   * @param g Green component (0-255).
-   * @param b Blue component (0-255).
-   * @param a Alpha component (0-255).
-   */
-  cellColor(t, r, i, s = 255) {
-    let a, n, l, c;
-    if (typeof t == "string") {
-      const u = this.parseHexColor(t);
-      if (!u) {
-        _.validate(
-          !1,
-          "Invalid hex color format. Use '#FF0000', '#F00', 'FF0000', or 'F00'.",
-          { method: "cellColor", providedValue: t }
-        );
-        return;
-      }
-      [a, n, l, c] = u;
-    } else if (a = t, n = r !== void 0 ? r : t, l = i !== void 0 ? i : t, c = s, !_.validate(
-      [a, n, l, c].every((u) => u >= 0 && u <= 255),
-      "Cell color values must be between 0 and 255",
-      { method: "cellColor", providedValues: { r: a, g: n, b: l, a: c } }
-    ))
-      return;
-    this._options.cellColor = [a / 255, n / 255, l / 255, c / 255];
-  }
-  /**
-   * Sets the cell color mode.
-   * - `'sampled'`: Uses sampled colors from the source texture.
-   * - `'fixed'`: Uses a fixed color set via {@link cellColor}.
-   * @param mode The color mode to use for background cells.
-   */
-  cellColorMode(t) {
-    _.validate(
-      ["sampled", "fixed"].includes(t),
-      "Invalid cell color mode. Must be 'sampled' or 'fixed'.",
-      { method: "cellColorMode", providedValue: t }
-    ) && (this._options.cellColorMode = t);
-  }
-  /**
-   * Swaps the character and cell color.
-   * @param invert If `true`, the character color becomes the cell color and vice versa.
-   */
-  invert(t) {
-    _.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);
-  }
-  /**
-   * Sets the rotation angle for the characters.
-   * @param angle The rotation angle in degrees.
-   */
-  rotation(t) {
-    if (!_.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];
-  }
-  /**
-   * Flips the characters horizontally.
-   * @param flip If `true`, characters are flipped horizontally. If `false`, no flip is applied.
-   */
-  flipHorizontally(t) {
-    _.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);
-  }
-  /**
-   * Flips the characters vertically.
-   * @param flip If `true`, characters are flipped vertically. If `false`, no flip is applied.
-   */
-  flipVertically(t) {
-    _.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);
-  }
-  /**
-   * Parses a hex color string and returns RGBA values.
-   * @param hex Hex color string (e.g., '#FF0000', '#F00', 'FF0000', 'F00').
-   * @returns RGBA array [r, g, b, a] or null if invalid.
-   */
-  parseHexColor(t) {
-    if (t = t.replace(/^#/, ""), !/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(t))
-      return null;
-    t.length === 3 && (t = t.split("").map((a) => a + a).join(""));
-    const r = parseInt(t.slice(0, 2), 16), i = parseInt(t.slice(2, 4), 16), s = parseInt(t.slice(4, 6), 16);
-    return [r, i, s, 255];
-  }
-}
-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);}}", ve = "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);}}", be = "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 xe = {
-  /** Enable/disable the renderer */
-  enabled: !0,
-  /** Characters used for brightness mapping (from darkest to brightest) */
-  characters: " .:-=+*%@#",
-  /** Color of the ASCII characters. Only used when `characterColorMode` is set to `fixed` */
-  characterColor: [1, 1, 1, 1],
-  // White
-  /** Character color mode */
-  characterColorMode: "sampled",
-  /** Cell background color. Only used when `characterColorMode` is set to `fixed` */
-  cellColor: [0, 0, 0, 1],
-  // Black
-  /** Background color mode */
-  cellColorMode: "fixed",
-  /** Swap the cells ASCII character colors with it's cell background colors */
-  invert: !1,
-  /** Rotation angle of all characters in the grid in degrees */
-  rotation: [0, 0, 0, 255],
-  /** Flip the ASCII characters horizontally */
-  flipHorizontally: !1,
-  /** Flip the ASCII characters vertically */
-  flipVertically: !1,
-  /** Range of brightness values to map to ASCII characters */
-  brightnessRange: [0, 255]
-};
-class L extends N {
-  /**
-   * Creates a new TextmodeBrightnessConverter instance.
-   * @param renderer Renderer instance for texture creation
-   * @param fontManager Font manager for character extraction and color mapping
-   * @param grid Grid manager for layout and positioning
-   * @ignore
-   */
-  constructor(t, r, i) {
-    super(t, r, i, { ...xe });
-    o(this, "sampleShader");
-    o(this, "colorFillShader");
-    o(this, "charMappingShader");
-    o(this, "transformFillShader");
-    o(this, "rotationFillShader");
-    o(this, "sampleFramebuffer");
-    this.sampleShader = new y(t.context, T, ge), this.colorFillShader = new y(t.context, T, pe), this.transformFillShader = new y(t.context, T, _e), this.rotationFillShader = new y(t.context, T, ve), this.charMappingShader = new y(t.context, T, be), 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);
-  }
-  /**
-   * Sets the brightness range for ASCII character mapping.
-   * 
-   * Cells that sample outside this range are rendered as transparent.
-   * 
-   * @param range Array of two numbers `[min, max]`, where `min` is darkest and `max` is brightest.
-   */
-  brightnessRange(t) {
-    _.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 Pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  TextmodeBrightnessConverter: L,
-  TextmodeConverter: D,
-  TextmodeFeatureConverter: N
-}, Symbol.toStringTag, { value: "Module" }));
-var Ce = "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);float flippedRow=(u_charsetDimensions.y-1.0)-float(charRow);vec2 charCoord=vec2(float(charCol),flippedRow)/u_charsetDimensions;vec4 rotationColor=texture2D(u_rotationTexture,charIndexTexCoord);float scaledAngle=rotationColor.r*255.0+rotationColor.g;float rotationAngle=(scaledAngle*360.0/255.0)*0.017453292;vec2 fractionalPart=fract(gridCoord)-0.5;if(flipHorizontal)fractionalPart.x=-fractionalPart.x;if(flipVertical)fractionalPart.y=-fractionalPart.y;fractionalPart=rotate2D(rotationAngle)*fractionalPart+0.5;vec2 cellSize=1.0/u_charsetDimensions;vec2 texCoord=charCoord+fractionalPart*cellSize;vec2 cellMax=charCoord+cellSize;if(any(lessThan(texCoord,charCoord))||any(greaterThan(texCoord,cellMax))){gl_FragColor=isInverted ? primaryColor : secondaryColor;return;}vec4 charTexel=texture2D(u_characterTexture,texCoord);if(isInverted)charTexel.rgb=1.0-charTexel.rgb;gl_FragColor=mix(secondaryColor,primaryColor,charTexel);}";
-class Fe {
-  /**
-   * Creates an instance of TextmodeConversionPipeline.
-   * @param renderer The renderer to use for the pipeline.
-   * @param font The textmode font to use.
-   * @param grid The textmode grid to use.
-   * @ignore
-   */
-  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(T, Ce), this.converters = [
-      { name: "brightness", converter: new L(e, t, r) },
-      { name: "custom", converter: new D(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);
-  }
-  /**
-   * Performs the conversion process by applying all converters in the pipeline.
-   * @param sourceFramebuffer The source framebuffer to convert.
-   * @ignore
-   */
-  render(e) {
-    for (const r of this.converters) {
-      const i = r.converter;
-      i.options.enabled && i instanceof N && 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 a specific converter by name.
-   * @param name The name of the converter to retrieve.
-   * @returns The requested `TextmodeConverter` instance.
-   */
-  get(e) {
-    if (!_.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 (_.validate(
-      r instanceof D,
-      `Converter "${e}" is not a valid TextmodeConverter.`,
-      { method: "converter", providedValue: e, converterInstance: r }
-    ))
-      return r;
-  }
-  /**
-   * Adds a new converter to the pipeline.
-   * @param name A unique name for the converter.
-   * @param type The type of converter to add. Can be either "brightness" or "custom".
-   * @returns The newly created {@link TextmodeConverter} instance or `void` if the addition failed.
-   */
-  add(e, t) {
-    if (!_.validate(
-      typeof e == "string" && e.length > 0,
-      "Converter name must be a non-empty string.",
-      { method: "add", providedValue: e }
-    ) || !_.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 L(this.renderer, this.font, this.grid) : r = new D(this.renderer, this.font, this.grid), this.converters.push({ name: e, converter: r }), r;
-  }
-  /**
-   * Removes a converter from the pipeline by name or instance.
-   * @param nameOrInstance The unique name of the converter or the converter instance to remove.
-   */
-  remove(e) {
-    if (!_.validate(
-      typeof e == "string" || e instanceof D,
-      "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 (!_.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);
-    _.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);
-  }
-  /**
-   * Returns the framebuffer containing the textmode conversion result.
-   */
-  get texture() {
-    return this._resultFramebuffer;
-  }
-  /**
-   * Resizes all internal framebuffers.
-   * @ignore
-   */
-  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();
-  }
-  /**
-   * Checks if any converter in the pipeline is enabled.
-   * @returns `true` if any converter is enabled, `false` otherwise.
-   */
-  hasEnabledConverters() {
-    return this.converters.some((e) => e.converter.options.enabled);
-  }
-  /**
-   * Disables all converters in the pipeline.
-   */
-  disable() {
-    for (const e of this.converters)
-      e.converter.disable();
-  }
-  /**
-   * Enables all converters in the pipeline.
-   */
-  enable() {
-    for (const e of this.converters)
-      e.converter.enable();
-  }
-  /**
-   * Dispose of all resources used by this conversion pipeline.
-   * This method is idempotent and safe to call multiple times.
-   */
-  dispose() {
-    for (const e of this.converters)
-      e.converter.dispose();
-    this._characterFramebuffer.dispose(), this._primaryColorFramebuffer.dispose(), this._secondaryColorFramebuffer.dispose(), this._rotationFramebuffer.dispose(), this._transformFramebuffer.dispose(), this._resultFramebuffer.dispose(), this._asciiShader.dispose(), this.converters = [], this._characterFramebuffer = null, this._primaryColorFramebuffer = null, this._secondaryColorFramebuffer = null, this._rotationFramebuffer = null, this._transformFramebuffer = null, this._resultFramebuffer = null, this._asciiShader = null;
-  }
-  /** Returns the character framebuffer containing the combined result of all converters. */
-  get characterFramebuffer() {
-    return this._characterFramebuffer;
-  }
-  /** Returns the primary color framebuffer containing the combined result of all converters. */
-  get primaryColorFramebuffer() {
-    return this._primaryColorFramebuffer;
-  }
-  /** Returns the secondary color framebuffer containing the combined result of all converters. */
-  get secondaryColorFramebuffer() {
-    return this._secondaryColorFramebuffer;
-  }
-  /** Returns the rotation framebuffer containing the combined result of all converters. */
-  get rotationFramebuffer() {
-    return this._rotationFramebuffer;
-  }
-  /** Returns the transform framebuffer containing the combined result of all converters. */
-  get transformFramebuffer() {
-    return this._transformFramebuffer;
-  }
-}
-class H {
-  /**
-   * Extracts pixel data from all framebuffers needed for export
-   * @param pipeline The conversion pipeline containing framebuffers
-   * @returns Object containing all pixel data arrays
-   */
-  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)
-    };
-  }
-  /**
-   * Gets character index from character framebuffer pixels
-   * @param characterPixels Character framebuffer pixel data
-   * @param pixelIndex Index in the pixel array (already multiplied by 4 for RGBA)
-   * @param charactersLength Total number of available characters
-   * @returns Character index
-   */
-  getCharacterIndex(e, t) {
-    const r = e[t], i = e[t + 1];
-    return r + (i << 8);
-  }
-  /**
-   * Converts raw pixel data to RGBA color object
-   * @param pixels Pixel data array
-   * @param index Pixel index (already multiplied by 4 for RGBA)
-   * @returns RGBA color object with r, g, b, a properties
-   */
-  pixelsToRGBA(e, t) {
-    return {
-      r: e[t],
-      g: e[t + 1],
-      b: e[t + 2],
-      a: e[t + 3]
-    };
-  }
-}
-class X {
-  /**
-   * Creates a downloadable blob from content
-   * @param content The content to include in the blob
-   * @param mimeType The MIME type for the blob
-   * @returns Blob object containing the content
-   */
-  createBlob(e, t) {
-    return new Blob([e], { type: t });
-  }
-  /**
-   * Downloads content as a file
-   * @param content The content to download
-   * @param filename The filename (with extension)
-   * @param mimeType The MIME type for the content
-   */
-  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"}`);
-    }
-  }
-  /**
-   * Generates a timestamp string for filenames
-   * @returns Formatted timestamp string
-   */
-  generateTimestamp() {
-    return (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/:/g, "-");
-  }
-  /**
-   * Generates a date-time string for filenames (alternative format)
-   * @returns Formatted date and time string
-   */
-  generateDateTimeString() {
-    const e = /* @__PURE__ */ new Date(), t = e.toISOString().split("T")[0], r = e.toTimeString().split(" ")[0].replace(/:/g, "-");
-    return { date: t, time: r };
-  }
-  /**
-   * Validates and sanitizes filename for safety and compatibility
-   * @param filename The filename to validate
-   * @returns Sanitized filename
-   */
-  sanitizeFilename(e) {
-    return e.replace(/[<>:"/\\|?*]/g, "_").replace(/\s+/g, "_").replace(/_{2,}/g, "_").replace(/^_+|_+$/g, "").substring(0, 255);
-  }
-  /**
-   * 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
-   */
-  generateDefaultFilename() {
-    return `'textmode-export'-${this.generateTimestamp()}`;
-  }
-}
-class we extends H {
-  /**
-   * Extracts transform data from transform pixels
-   * @param transformPixels Transform framebuffer pixels
-   * @param rotationPixels Rotation framebuffer pixels
-   * @param pixelIndex Pixel index in the array
-   * @returns Transform data object
-   */
-  extractTransformData(e, t, r) {
-    const i = e[r], s = e[r + 1], a = e[r + 2], n = i === 255, l = 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: l,
-      flipVertical: c,
-      rotation: g
-    };
-  }
-  /**
-   * Calculates cell position information
-   * @param x Grid X coordinate
-   * @param y Grid Y coordinate
-   * @param gridInfo Grid information
-   * @returns Position data object
-   */
-  calculateCellPosition(e, t, r) {
-    return {
-      x: e,
-      y: t,
-      cellX: e * r.cellWidth,
-      cellY: t * r.cellHeight
-    };
-  }
-  /**
-   * Processes all grid cells and extracts SVG cell data
-   * @param framebufferData Raw pixel data from framebuffers
-   * @param grid Grid information
-   * @param font Font information
-   * @returns Array of SVG cell data objects
-   */
-  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, l = 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: l,
-          primaryColor: c,
-          secondaryColor: u,
-          transform: d,
-          position: f
-        }), i++;
-      }
-    return r;
-  }
-}
-class ye {
-  /**
-   * Gets the glyph index for a given Unicode code point in a Typr.js font
-   * @param fontData The Typr.js font data
-   * @param codePoint The Unicode code point to look up
-   * @returns The glyph index, or 0 if not found
-   */
-  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;
-  }
-  /**
-   * Creates an empty path object for characters with no glyph data
-   * @returns Empty path object
-   */
-  createEmptyPath() {
-    return {
-      getBoundingBox: () => ({ x1: 0, y1: 0, x2: 0, y2: 0 }),
-      toSVG: () => ""
-    };
-  }
-  /**
-   * Creates a path object for a glyph
-   * @param fontData Font data object
-   * @param glyphData Glyph data from font
-   * @param x X position
-   * @param y Y position
-   * @param fontSize Font size
-   * @returns Path object with bounding box and SVG methods
-   */
-  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)
-    };
-  }
-  /**
-   * Converts glyph data to SVG path string
-   * @param glyphData Glyph data from font
-   * @param x X position
-   * @param y Y position
-   * @param scale Scale factor
-   * @returns SVG path data string
-   */
-  glyphToSVGPath(e, t, r, i) {
-    if (!e || !e.xs) return "";
-    const { xs: s, ys: a, endPts: n, flags: l } = e;
-    if (!s || !a || !n || !l) 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, v = r - a[u] * i;
-          c += `M${g.toFixed(2)},${v.toFixed(2)}`;
-          let p = u + 1;
-          for (; p <= f; )
-            if ((l[p] & 1) !== 0) {
-              const w = t + s[p] * i, F = r - a[p] * i;
-              c += `L${w.toFixed(2)},${F.toFixed(2)}`, p++;
-            } else {
-              const w = t + s[p] * i, F = r - a[p] * i;
-              let C = p + 1 > f ? u : p + 1;
-              if ((l[C] & 1) !== 0) {
-                const U = t + s[C] * i, S = r - a[C] * i;
-                c += `Q${w.toFixed(2)},${F.toFixed(2)} ${U.toFixed(2)},${S.toFixed(2)}`, p = C + 1;
-              } else {
-                const U = t + s[C] * i, S = r - a[C] * i, R = (w + U) / 2, E = (F + S) / 2;
-                c += `Q${w.toFixed(2)},${F.toFixed(2)} ${R.toFixed(2)},${E.toFixed(2)}`, p = C;
-              }
-            }
-          c += "Z";
-        }
-        u = f + 1;
-      }
-    }
-    return c;
-  }
-  /**
-   * Generates an SVG path for a character glyph
-   * @param character The character to generate a path for
-   * @param fontData The font data object
-   * @param x X position
-   * @param y Y position
-   * @param fontSize Font size
-   * @returns Path object with SVG generation methods
-   */
-  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 l = null;
-      try {
-        t.glyf && t.glyf[n] !== null ? l = t.glyf[n] : m && m.T && m.T.glyf && m.T.glyf._parseGlyf && (l = m.T.glyf._parseGlyf(t, n), t.glyf && l && (t.glyf[n] = l));
-      } catch (c) {
-        console.warn(`Failed to parse glyph ${n}:`, c);
-      }
-      return l ? this.createGlyphPath(t, l, r, i, s) : this.createEmptyPath();
-    } catch (a) {
-      return console.warn(`Failed to generate path for character "${e}":`, a), this.createEmptyPath();
-    }
-  }
-  /**
-   * Generates SVG path data for a character with positioning calculations
-   * @param character The character to render
-   * @param fontData The font data
-   * @param cellX Cell X position
-   * @param cellY Cell Y position
-   * @param cellWidth Cell width
-   * @param cellHeight Cell height
-   * @param fontSize Font size
-   * @param advanceWidth Character advance width
-   * @returns SVG path data string or null if generation fails
-   */
-  generatePositionedCharacterPath(e, t, r, i, s, a, n, l) {
-    try {
-      const c = n / t.head.unitsPerEm, u = l * c, d = r + (s - u) / 2, f = i + (a + n * 0.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();
-  }
-  /**
-   * Generates the SVG header with metadata
-   * @param gridInfo Grid dimensions
-   * @returns SVG header string
-   */
-  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">
-<title>textmode art generated via textmode.js</title>
-<desc>textmode art visualization generated by textmode.js library</desc>`;
-  }
-  /**
-   * Generates the SVG footer
-   * @returns SVG footer string
-   */
-  generateSVGFooter() {
-    return `
-</g>
-</svg>`;
-  }
-  /**
-   * Generates background rectangle if needed
-   * @param gridInfo Grid information
-   * @param options SVG generation options
-   * @returns Background rectangle SVG string or empty string
-   */
-  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}" />`;
-  }
-  /**
-   * Converts RGBA object to CSS color string
-   * @param color RGBA color object
-   * @returns CSS color string
-   */
-  rgbaToColorString(e) {
-    return `rgba(${e.r},${e.g},${e.b},${e.a / 255})`;
-  }
-  /**
-   * Generates SVG transform attribute string
-   * @param cellData Cell data with transform information
-   * @param gridInfo Grid information for center calculations
-   * @returns Transform attribute string or empty string
-   */
-  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 l = r.flipHorizontal ? -1 : 1, c = r.flipVertical ? -1 : 1;
-      n.push(`translate(${s} ${a})`), n.push(`scale(${l} ${c})`), n.push(`translate(${-s} ${-a})`);
-    }
-    return r.rotation && n.push(`rotate(${r.rotation} ${s} ${a})`), n.length ? ` transform="${n.join(" ")}"` : "";
-  }
-  /**
-   * Generates background rectangle for a cell
-   * @param cellData Cell data
-   * @param gridInfo Grid information
-   * @param options SVG generation options
-   * @returns Background rectangle SVG string or empty string
-   */
-  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}" />`;
-  }
-  /**
-   * Generates character path element for a cell
-   * @param cellData Cell data
-   * @param gridInfo Grid information
-   * @param fontInfo Font information
-   * @param options SVG generation options
-   * @returns Character path SVG string
-   */
-  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}" />`;
-  }
-  /**
-   * Generates complete SVG content for a single cell
-   * @param cellData Cell data
-   * @param gridInfo Grid information
-   * @param fontInfo Font information
-   * @param options SVG generation options
-   * @returns Complete cell SVG content
-   */
-  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;
-  }
-  /**
-   * Generates the complete SVG content from cell data
-   * @param cellDataArray Array of cell data
-   * @param grid Grid information
-   * @param fontInfo Font information
-   * @param options SVG generation options
-   * @returns Complete SVG string
-   */
-  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;
-  }
-  /**
-   * Optimizes SVG content by removing empty elements and unnecessary whitespace
-   * @param svgContent Raw SVG content
-   * @returns Optimized SVG content
-   */
-  optimizeSVGContent(e) {
-    return e.replace(/<path[^>]*d=""[^>]*\/>/g, "").replace(/\n\s*\n/g, `
-`).replace(/[ \t]+$/gm, "");
-  }
-}
-class Se extends X {
-  /**
-   * Creates a downloadable blob from SVG content
-   * @param svgContent The SVG content string
-   * @returns Blob object containing the SVG data
-   */
-  createSVGBlob(e) {
-    return this.createBlob(e, "image/svg+xml;charset=utf-8");
-  }
-  /**
-   * Downloads SVG content as a file
-   * @param svgContent The SVG content to download
-   * @param filename The filename (without extension)
-   */
-  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"}`);
-    }
-  }
-  /**
-   * Saves SVG content with automatic filename generation if not provided
-   * @param svgContent The SVG content to save
-   * @param filename Optional filename (will generate if not provided)
-   */
-  saveSVG(e, t) {
-    this.downloadSVG(e, t || this.generateDefaultFilename());
-  }
-}
-class q {
-  constructor() {
-    o(this, "dataExtractor");
-    o(this, "contentGenerator");
-    o(this, "fileHandler");
-    this.dataExtractor = new we(), this.contentGenerator = new Te(), this.fileHandler = new Se();
-  }
-  /**
-   * Applies default values to SVG export options
-   * @param options User-provided options
-   * @returns Complete options with defaults applied
-   */
-  applyDefaultOptions(e) {
-    return {
-      includeBackgroundRectangles: e.includeBackgroundRectangles ?? !0,
-      drawMode: e.drawMode ?? "fill",
-      strokeWidth: e.strokeWidth ?? 1,
-      backgroundColor: e.backgroundColor ?? [0, 0, 0, 0]
-    };
-  }
-  /**
-   * Generates SVG content from textmode rendering data without saving to file
-   * @param textmodifier The textmodifier instance containing rendering data
-   * @param options Export options (excluding filename)
-   * @returns SVG content as string
-   */
-  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);
-  }
-  /**
-   * Exports SVG content to a downloadable file
-   * @param textmodifier The textmodifier instance containing rendering data
-   * @param options Export options including filename
-   */
-  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 H {
-  /**
-   * Extracts character data for TXT generation
-   * @param framebufferData Framebuffer pixel data
-   * @param grid Grid information
-   * @param font Font information
-   * @param emptyCharacter Character to use for empty cells
-   * @returns 2D array of characters (rows x columns)
-   */
-  extractCharacterGrid(e, t, r, i = " ") {
-    var n;
-    const s = [];
-    let a = 0;
-    for (let l = 0; l < t.rows; l++) {
-      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 {
-  /**
-   * Generates TXT content from a 2D character array
-   * @param characterGrid 2D array of characters (rows x columns)
-   * @param options Generation options
-   * @returns TXT content as string
-   */
-  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 Ue extends X {
-  /**
-   * Saves TXT content as a downloadable file
-   * @param content The TXT content to save
-   * @param filename The filename to use for the download
-   */
-  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"}`);
-    }
-  }
-  /**
-   * Ensures filename has proper extension and is valid
-   * @param filename The filename to validate and fix
-   * @returns Valid filename with .txt extension
-   */
-  ensureValidFilename(e) {
-    let t = this.sanitizeFilename(e);
-    return t === ".txt" || t.length <= 4 ? this.generateDefaultFilename() : t;
-  }
-}
-class K {
-  constructor() {
-    o(this, "dataExtractor");
-    o(this, "contentGenerator");
-    o(this, "fileHandler");
-    this.dataExtractor = new Re(), this.contentGenerator = new Ee(), this.fileHandler = new Ue();
-  }
-  /**
-   * Applies default values to TXT export options
-   * @param options User-provided options
-   * @returns Complete options with defaults applied
-   */
-  applyDefaultOptions(e) {
-    return {
-      preserveTrailingSpaces: e.preserveTrailingSpaces ?? !1,
-      lineEnding: e.lineEnding ?? "lf",
-      emptyCharacter: e.emptyCharacter ?? " "
-    };
-  }
-  /**
-   * Generates TXT content from textmode rendering data without saving to file
-   * @param textmodifier The textmodifier instance containing rendering data
-   * @param options Export options (excluding filename)
-   * @returns TXT content as string
-   */
-  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
-    );
-  }
-  /**
-   * Exports TXT content to a downloadable file
-   * @param textmodifier The textmodifier instance containing rendering data
-   * @param options Export options including filename
-   */
-  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 Me extends H {
-  /**
-   * Captures the current state of the textmode canvas as image data
-   * @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(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), l = Math.round(i.height * t);
-    return s.width = n, s.height = l, r !== "transparent" && (a.fillStyle = r, a.fillRect(0, 0, n, l)), a.imageSmoothingEnabled = !1, a.drawImage(
-      i,
-      0,
-      0,
-      i.width,
-      i.height,
-      0,
-      0,
-      n,
-      l
-    ), s;
-  }
-}
-class Ae {
-  /**
-   * Generates image data from canvas
-   * @param canvas The canvas containing the image data
-   * @param options Generation options with format, quality, etc.
-   * @returns Data URL string containing the image data
-   */
-  generateImageData(e, t) {
-    const r = this.getMimeType(t.format);
-    return t.format === "png" ? e.toDataURL(r) : e.toDataURL(r, t.quality);
-  }
-  /**
-   * Generates image blob from canvas
-   * @param canvas The canvas containing the image data
-   * @param options Generation options with format, quality, etc.
-   * @returns Promise that resolves to a Blob containing the image data
-   */
-  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);
-    });
-  }
-  /**
-   * Gets the MIME type for a given image format
-   * @param format The image format
-   * @returns The corresponding MIME type
-   */
-  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 Q = {
-  png: "image/png",
-  jpg: "image/jpeg",
-  webp: "image/webp"
-}, V = {
-  png: ".png",
-  jpg: ".jpg",
-  webp: ".webp"
-};
-class De extends X {
-  /**
-   * Saves image content as a downloadable file
-   * @param content The image content (data URL or blob)
-   * @param filename The filename (without extension)
-   * @param format The image format
-   */
-  saveImage(e, t, r) {
-    try {
-      const i = V[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"}`);
-    }
-  }
-  /**
-   * Saves image from data URL
-   * @param dataURL The data URL containing image data
-   * @param filename The complete filename with extension
-   */
-  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);
-  }
-  /**
-   * Saves image from blob
-   * @param blob The blob containing image data
-   * @param filename The complete filename with extension
-   */
-  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);
-    }
-  }
-  /**
-   * Validates if the browser supports saving files in the specified format
-   * @param format The image format to validate
-   * @returns True if the format is supported for saving
-   */
-  validateSaveSupport(e) {
-    return e in Q && e in V;
-  }
-  /**
-   * Gets the MIME type for the specified image format
-   * @param format The image format
-   * @returns The MIME type string
-   */
-  getMimeType(e) {
-    return Q[e];
-  }
-  /**
-   * Gets the file extension for the specified image format
-   * @param format The image format
-   * @returns The file extension (including the dot)
-   */
-  getFileExtension(e) {
-    return V[e];
-  }
-}
-class Ie {
-  constructor() {
-    o(this, "dataExtractor");
-    o(this, "contentGenerator");
-    o(this, "fileHandler");
-    this.dataExtractor = new Me(), this.contentGenerator = new Ae(), this.fileHandler = new De();
-  }
-  /**
-   * Applies default values to image export options
-   * @param options User-provided options
-   * @returns Complete options with defaults applied
-   */
-  applyDefaultOptions(e) {
-    return {
-      format: e.format ?? "png",
-      quality: e.quality ?? 1,
-      scale: e.scale ?? 1,
-      backgroundColor: e.backgroundColor ?? "transparent"
-    };
-  }
-  /**
-   * Validates export options and browser support
-   * @param options The options to validate
-   * @throws Error if options are invalid or format is not supported
-   */
-  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");
-  }
-  /**
-   * Generates image data from textmode rendering without saving to file
-   * @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(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
-    );
-  }
-  /**
-   * Generates image blob from textmode rendering without saving to file
-   * @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
-   */
-  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
-    );
-  }
-  /**
-   * Exports image to a downloadable file
-   * @param canvas The canvas data containing the rendered textmode graphics
-   * @param options Export options including filename
-   */
-  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 k {
-  constructor(e = null, t = {}) {
-    /** The element to capture content from (optional for standalone mode) */
-    o(this, "captureSource");
-    /** Our WebGL overlay canvas manager */
-    o(this, "textmodeCanvas");
-    /** Core WebGL renderer */
-    o(this, "_renderer");
-    o(this, "_canvasFramebuffer");
-    o(this, "_font");
-    o(this, "_grid");
-    o(this, "resizeObserver");
-    // Auto-rendering properties
-    o(this, "_mode");
-    o(this, "_frameRateLimit");
-    o(this, "animationFrameId", null);
-    o(this, "lastFrameTime", 0);
-    o(this, "frameInterval");
-    o(this, "_isLooping", !0);
-    o(this, "_frameRate", 0);
-    o(this, "lastRenderTime", 0);
-    o(this, "_frameCount", 0);
-    // Frame rate measurement smoothing
-    o(this, "frameTimeHistory", []);
-    o(this, "frameTimeHistorySize", 10);
-    o(this, "_pipeline");
-    o(this, "_isDisposed", !1);
-    // Standalone canvas properties
-    o(this, "_standalone", !1);
-    o(this, "_drawCallback", () => {
-    });
-    o(this, "_resizedCallback", () => {
-    });
-    o(this, "_windowResizeListener", null);
-    o(this, "_printDebug", !1);
-    this.captureSource = e, this._standalone = e === null, this._mode = t.renderMode ?? "auto", this._frameRateLimit = t.frameRate ?? 60, this.frameInterval = 1e3 / this._frameRateLimit;
-  }
-  /**
-   * Static factory method for creating and initializing a Textmodifier instance.
-   * @param source The HTML canvas or video element to capture content from. Pass `null` for standalone mode.
-   * @param opts Optional configuration options for the `Textmodifier` instance.
-   * @ignore
-   */
-  static async create(e = null, t = {}) {
-    const r = new k(e, t), i = r._standalone ? t : void 0;
-    r.textmodeCanvas = new fe(r.captureSource, r._standalone, i), r._renderer = new ne(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 ue(r._renderer, t.fontSize ?? 16), await r._font.initialize(t.fontSource);
-    const n = r._font.maxGlyphDimensions;
-    return r._grid = new de(r.textmodeCanvas.canvas, n.width, n.height), r._pipeline = new Fe(r._renderer, r._font, r._grid), r.setupEventListeners(), r.startAutoRendering(), r;
-  }
-  setupEventListeners() {
-    this._windowResizeListener = () => {
-      this._standalone ? this._resizedCallback() : this.resize();
-    }, window.addEventListener("resize", this._windowResizeListener), window.ResizeObserver && this.captureSource && !this._standalone && (this.resizeObserver = new ResizeObserver(() => {
-      this.resize();
-    }), this.resizeObserver.observe(this.captureSource));
-  }
-  /**
-   * Generate the current textmode rendering as a text string.
-   * @param options Options for text generation *(excluding filename)*
-   * @returns Textmode grid content as a string.
-   * 
-   * @example
-   * ```javascript
-   * // Fetch a canvas element to apply textmode rendering to
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * 
-   * // Create a Textmodifier instance
-   * const textmodifier = await textmode.create(canvas, {renderMode: 'manual'});
-   *
-   * // Render a single frame
-   * textmodifier.render();
-   * 
-   * // Get the current rendering as a text string
-   * const textString = textmodifier.toString({
-   *   preserveTrailingSpaces: false,
-   *   lineEnding: 'lf'
-   * });
-   * 
-   * // Print to console or use otherwise
-   * console.log(textString);
-   * 
-   * ////////
-   * 
-   * // Example with video element
-   * const video = document.querySelector('video#myVideo');
-   * const videoTextmodifier = await textmode.create(video);
-   * 
-   * // The textmode overlay will automatically update as the video plays
-   * video.play();
-   * 
-   * // Get current frame as ASCII
-   * const videoFrame = videoTextmodifier.toString();
-   * ```
-   */
-  toString(e = {}) {
-    return new K().generateTXT(this, e);
-  }
-  /**
-   * Export the current textmode rendering to a TXT file.
-   * @param options Options for TXT export
-   * 
-   * @example
-   * ```javascript
-   * // Fetch a canvas element to apply textmode rendering to
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * 
-   * // Create a Textmodifier instance
-   * const textmodifier = await textmode.create(canvas, {renderMode: 'manual'});
-   *
-   * // Render a single frame
-   * textmodifier.render();
-   * 
-   * // Export the current rendering to a TXT file
-   * textmodifier.saveStrings({
-   *   filename: 'my_textmode_rendering',
-   *   preserveTrailingSpaces: false
-   * });
-   * ```
-   */
-  saveStrings(e = {}) {
-    new K().saveTXT(this, e);
-  }
-  /**
-   * Generate the current textmode rendering as an SVG string.
-   * @param options Options for SVG generation *(excluding filename)*
-   * @returns SVG content as a string.
-   * 
-   * @example
-   * ```javascript
-   * // Fetch a canvas element to apply textmode rendering to
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * 
-   * // Create a Textmodifier instance
-   * const textmodifier = await textmode.create(canvas, {renderMode: 'manual'});
-   *
-   * // Render a single frame
-   * textmodifier.render();
-   * 
-   * // Get the current rendering as an SVG string
-   * const svgString = textmodifier.toSVG({
-   *   includeBackgroundRectangles: true,
-   *   drawMode: 'fill'
-   * });
-   * 
-   * // Print to console or use otherwise
-   * console.log(svgString);
-   * ```
-   */
-  toSVG(e = {}) {
-    return new q().generateSVG(this, e);
-  }
-  /**
-   * Export the current textmode rendering to an SVG file.
-   * @param options Options for SVG export
-   * 
-   * @example
-   * ```javascript
-   * // Fetch a canvas element to apply textmode rendering to
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * 
-   * // Create a Textmodifier instance
-   * const textmodifier = await textmode.create(canvas, {renderMode: 'manual'});
-   *
-   * // Render a single frame
-   * textmodifier.render();
-   * 
-   * // Export the current rendering to an SVG file
-   * textmodifier.saveSVG({
-   *   filename: 'my_textmode_rendering',
-   * });
-   * ```
-   */
-  saveSVG(e = {}) {
-    new q().saveSVG(this, e);
-  }
-  /**
-   * Export the current textmode rendering to an image file.
-   * @param filename The filename (without extension) to save the image as
-   * @param format The image format ('png', 'jpg', or 'webp')
-   * @param options Additional options for image export
-   * 
-   * @example
-   * ```javascript
-   * // Fetch a canvas element to apply textmode rendering to
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * 
-   * // Create a Textmodifier instance
-   * const textmodifier = await textmode.create(canvas, {renderMode: 'manual'});
-   *
-   * // Render a single frame
-   * textmodifier.render();
-   * 
-   * // Export the current rendering to a PNG file
-   * textmodifier.saveCanvas('my_textmode_rendering', 'png');
-   * 
-   * // Export with custom options
-   * textmodifier.saveCanvas('my_textmode_rendering', 'jpg', {
-   *   quality: 0.8,
-   *   scale: 2.0,
-   *   backgroundColor: 'white'
-   * });
-   * ```
-   */
-  async saveCanvas(e, t = "png", r = {}) {
-    await new Ie().saveImage(this.textmodeCanvas, {
-      ...r,
-      filename: e,
-      format: t
-    });
-  }
-  /**
-   * Update the font used for rendering.
-   * @param fontSource The URL of the font to load.
-   * 
-   * @example
-   * ```javascript
-   * // Fetch a canvas element to apply textmode rendering to
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * 
-   * // Create a Textmodifier instance
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * // Load a custom font from a URL
-   * await textmodifier.loadFont('https://example.com/fonts/myfont.ttf');
-   * 
-   * // Local font example
-   * // await textmodifier.loadFont('./fonts/myfont.ttf'); 
-   * ```
-   */
-  async loadFont(e) {
-    return this._font.loadFont(e).then(() => {
-      const t = this._font.maxGlyphDimensions;
-      this._grid.resizeCellPixelDimensions(t.width, t.height), this._pipeline.resize();
-    });
-  }
-  /**
-   * Apply textmode rendering to the canvas.
-   * 
-   * **Note:** In `'auto'` mode, this is called automatically.
-   * In `'manual'` mode, you need to call this method when you want to update the textmode rendering.
-   * 
-   * @example
-   * ```javascript
-   * // p5.js example
-   * 
-   * let textmodifier;
-   * 
-   * // p5.js setup function
-   * async function setup() {
-   * 
-   *   // Create a p5.js canvas
-   *   const canvas = createCanvas(800, 600);
-   * 
-   *   // Create a Textmodifier instance
-   *   textmodifier = await textmode.create(canvas.elt);
-   * 
-   *   // Update the rendering mode to 'manual'
-   *   textmodifier.renderMode('manual');
-   * }
-   * 
-   * // p5.js draw function
-   * function draw() {
-   * 
-   *   // Draw something on the p5.js canvas
-   *   background(220);
-   *   fill(255, 0, 0);
-   *   rect(50, 50, 100, 100);
-   * 
-   *   // Apply textmode rendering
-   *   textmodifier.render();
-   * }
-   * ```
-   */
-  render() {
-    if (this.measureFrameRate(), this._frameCount++, this._isDisposed) {
-      console.warn("Cannot render: Required resources have been disposed");
-      return;
-    }
-    if (this._standalone ? this._canvasFramebuffer && (this._canvasFramebuffer.begin(), this._drawCallback(), this._renderer && this._renderer.reset(), this._canvasFramebuffer && this._canvasFramebuffer.end()) : this.captureSource && this._canvasFramebuffer && this._canvasFramebuffer.update(this.captureSource), !this._pipeline || !this._renderer) {
-      console.warn("Cannot complete render: Pipeline or renderer has been disposed");
-      return;
-    }
-    if (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._printDebug) {
-      let e = 0;
-      this._renderer.image(this._pipeline.characterFramebuffer, e, 0, this._pipeline.characterFramebuffer.width, this._pipeline.characterFramebuffer.height), e += this._pipeline.characterFramebuffer.width, this._renderer.image(this._pipeline.primaryColorFramebuffer, e, 0, this._pipeline.primaryColorFramebuffer.width, this._pipeline.primaryColorFramebuffer.height), e += this._pipeline.primaryColorFramebuffer.width, this._renderer.image(this._pipeline.secondaryColorFramebuffer, e, 0, this._pipeline.secondaryColorFramebuffer.width, this._pipeline.secondaryColorFramebuffer.height), e += this._pipeline.secondaryColorFramebuffer.width, this._renderer.image(this._pipeline.transformFramebuffer, e, 0, this._pipeline.transformFramebuffer.width, this._pipeline.transformFramebuffer.height), e += this._pipeline.transformFramebuffer.width, this._renderer.image(this._pipeline.rotationFramebuffer, e, 0, this._pipeline.rotationFramebuffer.width, this._pipeline.rotationFramebuffer.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();
-  }
-  /**
-   * Start automatic rendering
-   */
-  startAutoRendering() {
-    if (this._mode !== "auto" || !this._isLooping) return;
-    this.lastFrameTime = performance.now();
-    const e = (t) => {
-      if (!this._isLooping) {
-        this.animationFrameId = null;
-        return;
-      }
-      const r = t - this.lastFrameTime;
-      r >= this.frameInterval && (this.render(), this.lastFrameTime = t - r % this.frameInterval), this._isLooping && (this.animationFrameId = requestAnimationFrame(e));
-    };
-    this.animationFrameId = requestAnimationFrame(e);
-  }
-  /**
-   * Update FPS measurement - works for both auto and manual modes
-   * Uses a rolling average for smoother frame rate reporting
-   */
-  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;
-  }
-  /**
-   * Stop automatic rendering
-   */
-  stopAutoRendering() {
-    this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null);
-  }
-  /**
-   * Update the rendering mode. 
-   * 
-   * If called without arguments, returns the current mode.
-   * 
-   * - `'manual'`: Requires manual [render](#render) calls
-   * - `'auto'`: Automatically renders using [requestAnimationFrame](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame)
-   *
-   * @param mode The new rendering mode to set.
-   * 
-   * @example
-   * ```javascript
-   * // Fetch a canvas element to apply textmode rendering to
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * 
-   * // Create a Textmodifier instance
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * // Update the rendering mode to 'manual'
-   * textmodifier.renderMode('manual');
-   * 
-   * // Now you need to call textmodifier.render() manually in your animation loop
-   * ```
-   */
-  renderMode(e) {
-    this._mode !== e && (this.stopAutoRendering(), this._mode = e, e === "auto" && this._isLooping && this.startAutoRendering());
-  }
-  /**
-   * Set the maximum frame rate for auto rendering. If called without arguments, returns the current measured frame rate.
-   * @param fps The maximum frames per second for auto rendering.
-   * 
-   * @example
-   * ```javascript
-   * // Fetch a canvas element to apply textmode rendering to
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * 
-   * // Create a Textmodifier instance
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * // Set the maximum frame rate to 30 FPS
-   * textmodifier.frameRate(30);
-   * ```
-   */
-  frameRate(e) {
-    if (e === void 0)
-      return this._frameRate;
-    this._frameRateLimit = e, this.frameInterval = 1e3 / e, this._mode === "auto" && this._isLooping && (this.stopAutoRendering(), this.startAutoRendering());
-  }
-  /**
-   * Stop the automatic rendering loop while keeping the render mode as 'auto'.
-   * 
-   * This method pauses the render loop without changing the render mode, allowing
-   * it to be resumed later with {@link loop}. This is useful for temporarily pausing
-   * animation while maintaining the ability to restart it.
-   * 
-   * **Note:** This only affects rendering when in `'auto'` mode. In `'manual'` mode,
-   * this method has no effect since rendering is already controlled manually.
-   * 
-   * @example
-   * ```javascript
-   * // Create a textmodifier instance in auto mode
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * // The render loop is running automatically
-   * console.log(textmodifier.isLooping()); // true
-   * 
-   * // Stop the automatic rendering loop
-   * textmodifier.noLoop();
-   * console.log(textmodifier.isLooping()); // false
-   * 
-   * // Resume the automatic rendering loop
-   * textmodifier.loop();
-   * console.log(textmodifier.isLooping()); // true
-   * ```
-   */
-  noLoop() {
-    this._isLooping && (this._isLooping = !1, this.animationFrameId && (cancelAnimationFrame(this.animationFrameId), this.animationFrameId = null));
-  }
-  /**
-   * Resume the automatic rendering loop if it was stopped by {@link noLoop}.
-   * 
-   * This method restarts the render loop when in `'auto'` mode. If the render mode
-   * is `'manual'`, the loop state will be set but automatic rendering will not start
-   * until the mode is changed back to `'auto'`.
-   * 
-   * @example
-   * ```javascript
-   * // Create a textmodifier instance
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * // Stop the loop
-   * textmodifier.noLoop();
-   * 
-   * // Resume the loop
-   * textmodifier.loop();
-   * 
-   * // You can also use this pattern for conditional animation
-   * if (someCondition) {
-   *   textmodifier.loop();
-   * } else {
-   *   textmodifier.noLoop();
-   * }
-   * ```
-   */
-  loop() {
-    this._isLooping || (this._isLooping = !0, this._mode === "auto" && this.startAutoRendering());
-  }
-  /**
-   * Execute the render function a specified number of times.
-   * 
-   * This method is useful when the render loop has been stopped with {@link noLoop} 
-   * or when in `'manual'` mode, allowing you to trigger rendering on demand.
-   * Similar to p5.js's `redraw()` function.
-   * 
-   * @param n The number of times to execute the render function. Defaults to 1.
-   * 
-   * @example
-   * ```javascript
-   * // Create a textmodifier instance
-   * const textmodifier = await textmode.create(canvas, { renderMode: 'manual' });
-   * 
-   * // Set up drawing
-   * textmodifier.draw(() => {
-   *   textmodifier.background(0);
-   *   textmodifier.fill(255, 0, 0);
-   *   textmodifier.rect(100, 100, 200, 150);
-   * });
-   * 
-   * // Render once manually
-   * textmodifier.redraw();
-   * 
-   * // Render 5 times
-   * textmodifier.redraw(5);
-   * 
-   * // Also useful when loop is stopped
-   * textmodifier.noLoop();
-   * textmodifier.redraw(3); // Render 3 times despite loop being stopped
-   * ```
-   */
-  redraw(e = 1) {
-    if (_.validate(
-      typeof e == "number" && e > 0 && Number.isInteger(e),
-      "Redraw count must be a positive integer.",
-      { method: "redraw", providedValue: e }
-    ))
-      for (let t = 0; t < e; t++)
-        this.render();
-  }
-  /**
-   * Check whether the textmodifier is currently running the automatic render loop.
-   * 
-   * Returns `true` when both the render mode is `'auto'` AND the loop is active.
-   * Returns `false` when in `'manual'` mode or when {@link noLoop} has been called.
-   * 
-   * @returns True if the automatic render loop is currently active, false otherwise.
-   * 
-   * @example
-   * ```javascript
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * // Check loop status in different states
-   * console.log(textmodifier.isLooping()); // true (auto mode, looping)
-   * 
-   * textmodifier.noLoop();
-   * console.log(textmodifier.isLooping()); // false (auto mode, not looping)
-   * 
-   * textmodifier.renderMode('manual');
-   * console.log(textmodifier.isLooping()); // false (manual mode)
-   * 
-   * textmodifier.renderMode('auto');
-   * console.log(textmodifier.isLooping()); // false (auto mode, but loop was stopped)
-   * 
-   * textmodifier.loop();
-   * console.log(textmodifier.isLooping()); // true (auto mode, looping)
-   * ```
-   */
-  isLooping() {
-    return this._mode === "auto" && this._isLooping;
-  }
-  /**
-   * Set the font size used for rendering.
-   * @param size The font size to set.
-   * 
-   * @example
-   * ```javascript
-   * // Fetch a canvas element to apply textmode rendering to
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * 
-   * // Create a Textmodifier instance
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * // Set the font size to 24
-   * textmodifier.fontSize(24);
-   * ```
-   */
-  fontSize(e) {
-    _.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());
-  }
-  /**
-   * Set a draw callback function that will be executed before each render.
-   * This method is primarily useful for standalone textmodifier instances.
-   * @param callback The function to call before each render
-   * 
-   * @example
-   * ```javascript
-   * // Create a standalone textmodifier instance
-   * const t = await textmode.create({
-   *  width: 800,
-   *  height: 600,
-   * });
-   * 
-   * // Set up draw callback
-   * t.draw(() => {
-   *   // Set background color
-   *   t.background(128);
-   *   
-   *   // Draw some content
-   *   t.fill(255, 0, 0); // Set fill color to red
-   *   t.rect(50, 50, 100, 100);
-   * });
-   * ```
-   */
-  draw(e) {
-    this._drawCallback = e;
-  }
-  /**
-   * Set a callback function that will be called when the window is resized.
-   * @param callback The function to call when the window is resized.
-   * 
-   * @example
-   * ```javascript
-   * // Create a standalone textmodifier instance
-   * const t = await textmode.create({
-   *  width: window.innerWidth,
-   *  height: window.innerHeight,
-   * });
-   * 
-   * // Draw callback to update content
-   * t.draw(() => {
-   *   // Set background color
-   *   t.background(128);
-   * 
-   *   // Draw some content
-   *   t.fill(255, 0, 0); // Set fill color to red
-   *   t.rect(50, 50, 100, 100);
-   * });
-   * 
-   * // Set up window resize callback
-   * t.windowResized(() => {
-   *   // Resize the canvas to match window size
-   *   t.resizeCanvas(window.innerWidth, window.innerHeight);
-   * });
-   * 
-   */
-  windowResized(e) {
-    this._resizedCallback = e;
-  }
-  /**
-   * Resize the `textmode.js` canvas.
-   * @param width The new width of the canvas.
-   * @param height The new height of the canvas.
-   */
-  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();
-  }
-  /**
-   * @inheritDoc TextmodeConversionPipeline.get
-   * 
-   * @example
-   * ```javascript
-   * // Fetch a canvas element to apply textmode rendering to
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * 
-   * // Create a Textmodifier instance
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * // Get the pre-defined brightness converter from the pipeline
-   * const brightnessConverter = textmodifier.converter('brightness');
-   * 
-   * // Update properties of the brightness converter
-   * brightnessConverter.invert(true);
-   * brightnessConverter.characters(" .,;:*");
-   * ```
-   */
-  converter(e) {
-    return this._pipeline.get(e);
-  }
-  /**
-   * Sets the fill color for subsequent rendering operations
-   * @param r Red component (0-255)
-   * @param g Green component (0-255, optional)
-   * @param b Blue component (0-255, optional)
-   * @param a Alpha component (0-255, optional)
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   // Set the background color to black
-   *   t.background(0);
-   * 
-   *   const centerX = t.width / 2;
-   *   const centerY = t.height / 2;
-   *   const radius = Math.min(t.width, t .height) / 3;
-   *   const speed = 0.02; // Adjust speed of rotation
-   *
-   *   const angle = t.frameCount * speed;
-   *   const x = centerX + Math.cos(angle) * radius - 100;
-   *   const y = centerY + Math.sin(angle) * radius - 50;
-   *
-   *   // Set the fill color to white
-   *   t.fill(255);
-   * 
-   *   // Draw a rectangle with the fill color
-   *   t.rect(x, y, 200, 150);
-   * });
-   * ```
-   */
-  fill(e, t, r, i) {
-    this._renderer.fill(e, t, r, i);
-  }
-  /**
-   * Sets the stroke color for subsequent rendering operations
-   * @param r Red component (0-255)
-   * @param g Green component (0-255, optional)
-   * @param b Blue component (0-255, optional)
-   * @param a Alpha component (0-255, optional)
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   // Set the background color to black
-   *   t.background(0);
-   * 
-   *   // Set stroke color to red and stroke weight to 4 pixels
-   *   t.stroke(255, 0, 0);
-   *   t.strokeWeight(4);
-   * 
-   *   // Draw a rectangle with red stroke
-   *   t.rect(100, 100, 200, 150);
-   * 
-   *   // Rectangle with both fill and stroke
-   *   t.fill(0, 255, 0);
-   *   t.stroke(0, 0, 255);
-   *   t.strokeWeight(2);
-   *   t.rect(350, 100, 200, 150);
-   * });
-   * ```
-   */
-  stroke(e, t, r, i) {
-    this._renderer.stroke(e, t, r, i);
-  }
-  /**
-   * Sets the stroke weight (thickness) for subsequent stroke operations
-   * @param weight The stroke thickness in pixels
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   t.background(0);
-   * 
-   *   // Thin stroke
-   *   t.stroke(255);
-   *   t.strokeWeight(1);
-   *   t.rect(50, 50, 100, 100);
-   * 
-   *   // Thick stroke
-   *   t.strokeWeight(8);
-   *   t.rect(200, 50, 100, 100);
-   * });
-   * ```
-   */
-  strokeWeight(e) {
-    this._renderer.strokeWeight(e);
-  }
-  /**
-   * Disables stroke rendering for subsequent operations
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   t.background(0);
-   * 
-   *   // Rectangle with stroke
-   *   t.fill(255, 0, 0);
-   *   t.stroke(0, 255, 0);
-   *   t.strokeWeight(4);
-   *   t.rect(100, 100, 150, 100);
-   * 
-   *   // Rectangle without stroke (fill only)
-   *   t.noStroke();
-   *   t.rect(300, 100, 150, 100);
-   * });
-   * ```
-   */
-  noStroke() {
-    this._renderer.noStroke();
-  }
-  /**
-   * Disables fill rendering for subsequent operations
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   t.background(0);
-   * 
-   *   // Rectangle with fill
-   *   t.fill(255, 0, 0);
-   *   t.stroke(0, 255, 0);
-   *   t.strokeWeight(4);
-   *   t.rect(100, 100, 150, 100);
-   * 
-   *   // Rectangle without fill (stroke only)
-   *   t.noFill();
-   *   t.rect(300, 100, 150, 100);
-   * });
-   * ```
-   */
-  noFill() {
-    this._renderer.noFill();
-  }
-  /**
-   * Sets the rotation angle for subsequent rendering operations
-   * @param degrees The rotation angle in degrees
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   t.background(0);
-   * 
-   *   // Normal rectangle
-   *   t.fill(255, 0, 0);
-   *   t.rect(100, 100, 150, 100);
-   * 
-   *   // Rotated rectangle
-   *   t.push(); // Save current state
-   *   t.rotate(45); // Rotate 45 degrees
-   *   t.fill(0, 255, 0);
-   *   t.rect(300, 100, 150, 100);
-   *   t.pop(); // Restore state (no rotation)
-   * 
-   *   // Back to normal (no rotation)
-   *   t.fill(0, 0, 255);
-   *   t.rect(500, 100, 150, 100);
-   * });
-   * ```
-   */
-  rotate(e) {
-    this._renderer.rotate(e);
-  }
-  /**
-   * Save the current rendering state (fill, stroke, etc.) to the state stack.
-   * Use with {@link pop} to isolate style changes within a block.
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   t.background(0);
-   * 
-   *   // Set initial styles
-   *   t.fill(255, 0, 0);      // Red fill
-   *   t.stroke(0, 255, 0);    // Green stroke
-   *   t.strokeWeight(4);      // Thick stroke
-   * 
-   *   t.push(); // Save current state
-   *   
-   *   // Change styles temporarily
-   *   t.fill(0, 0, 255);      // Blue fill
-   *   t.stroke(255, 255, 0);  // Yellow stroke
-   *   t.strokeWeight(2);      // Thin stroke
-   *   t.rect(100, 100, 150, 100);
-   *   
-   *   t.pop(); // Restore previous state
-   *   
-   *   // Back to red fill, green stroke, thick stroke
-   *   t.rect(300, 100, 150, 100);
-   * });
-   * ```
-   */
-  push() {
-    this._renderer.push();
-  }
-  /**
-   * Restore the most recently saved rendering state from the state stack.
-   * Use with {@link push} to isolate style changes within a block.
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   t.background(0);
-   * 
-   *   // Default styles
-   *   t.fill(255);           // White fill
-   *   t.stroke(0);           // Black stroke
-   *   t.strokeWeight(1);     // Thin stroke
-   * 
-   *   t.push(); // Save current state
-   *   
-   *   // Temporary style changes
-   *   t.fill(255, 0, 0);     // Red fill
-   *   t.strokeWeight(8);     // Thick stroke
-   *   t.rect(50, 50, 100, 100);
-   *   
-   *   t.push(); // Save red style state
-   *   
-   *   t.fill(0, 255, 0);     // Green fill
-   *   t.noStroke();          // No stroke
-   *   t.rect(200, 50, 100, 100);
-   *   
-   *   t.pop(); // Back to red fill, thick stroke
-   *   t.rect(350, 50, 100, 100);
-   *   
-   *   t.pop(); // Back to white fill, black stroke, thin stroke
-   *   t.rect(500, 50, 100, 100);
-   * });
-   * ```
-   */
-  pop() {
-    this._renderer.pop();
-  }
-  /**
-   * Draw a rectangle with the current shader or fill color.
-   * @param x X-coordinate of the rectangle
-   * @param y Y-coordinate of the rectangle
-   * @param width Width of the rectangle
-   * @param height Height of the rectangle
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   // Set the background color to black
-   *   t.background(0);
-   * 
-   *   const centerX = t.width / 2;
-   *   const centerY = t.height / 2;
-   *   const radius = Math.min(t.width, t .height) / 3;
-   *   const speed = 0.02; // Adjust speed of rotation
-   *
-   *   const angle = t.frameCount * speed;
-   *   const x = centerX + Math.cos(angle) * radius - 100;
-   *   const y = centerY + Math.sin(angle) * radius - 50;
-   *
-   *   // Set the fill color to white
-   *   t.fill(255);
-   * 
-   *   // Draw a rectangle with the fill color
-   *   t.rect(x, y, 200, 150);
-   * });
-   * ```
-   */
-  rect(e, t, r = 1, i = 1) {
-    this._renderer.rect(e, t, r, i);
-  }
-  /**
-   * Draw a line from point (x1, y1) to point (x2, y2) with the current stroke settings.
-   * Lines respect stroke color, stroke weight, and rotation, but ignore fill properties.
-   * @param x1 X-coordinate of the line start point
-   * @param y1 Y-coordinate of the line start point
-   * @param x2 X-coordinate of the line end point
-   * @param y2 Y-coordinate of the line end point
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   // Set the background color to black
-   *   t.background(0);
-   * 
-   *   // Draw a simple line
-   *   t.stroke(255, 0, 0); // Red stroke
-   *   t.strokeWeight(2);   // 2px thick
-   *   t.line(100, 100, 300, 200);
-   * 
-   *   // Draw an animated rotating line
-   *   t.push();
-   *   t.stroke(0, 255, 0); // Green stroke
-   *   t.strokeWeight(4);   // 4px thick
-   *   t.rotate(t.frameCount * 2); // Rotate based on frame count
-   *   t.line(400, 300, 600, 300);
-   *   t.pop();
-   * 
-   *   // Draw a thick yellow line
-   *   t.stroke(255, 255, 0); // Yellow stroke
-   *   t.strokeWeight(8);     // 8px thick
-   *   t.line(200, 400, 400, 500);
-   * 
-   *   // Line with no stroke won't be visible
-   *   t.noStroke();
-   *   t.line(500, 100, 700, 200); // This won't render
-   * });
-   * ```
-   */
-  line(e, t, r, i) {
-    this._renderer.line(e, t, r, i);
-  }
-  /**
-   * Set the background color for the canvas.
-   * @param r Red component (0-255)
-   * @param g Green component (0-255, optional)
-   * @param b Blue component (0-255, optional)
-   * @param a Alpha component (0-255, optional)
-   * 
-   * @example
-   * ```javascript
-   * const t = await textmode.create({
-   *   width: 800,
-   *   height: 600,
-   * })
-   * 
-   * t.draw(() => {
-   *   // Set the background color to black
-   *   t.background(0);
-   * 
-   *   const centerX = t.width / 2;
-   *   const centerY = t.height / 2;
-   *   const radius = Math.min(t.width, t .height) / 3;
-   *   const speed = 0.02; // Adjust speed of rotation
-   *
-   *   const angle = t.frameCount * speed;
-   *   const x = centerX + Math.cos(angle) * radius - 100;
-   *   const y = centerY + Math.sin(angle) * radius - 50;
-   *
-   *   // Set the fill color to white
-   *   t.fill(255);
-   * 
-   *   // Draw a rectangle with the fill color
-   *   t.rect(x, y, 200, 150);
-   * });
-   * ```
-   */
-  background(e, t = e, r = e, i = 255) {
-    this._renderer.background(e, t, r, i);
-  }
-  /**
-   * Create a shader program from vertex and fragment source code.
-   * @param vertexSource The GLSL source code for the vertex shader.
-   * @param fragmentSource The GLSL source code for the fragment shader.
-   * @returns The created shader program for use in `textmode.js`.
-   */
-  createShader(e, t) {
-    return this._renderer.createShader(e, t);
-  }
-  /**
-   * Create a filter shader program from a fragment source code.
-   * @param fragmentSource The GLSL source code for the fragment shader.
-   * @returns The created filter shader program for use in `textmode.js`.
-   */
-  createFilterShader(e) {
-    return this._renderer.createFilterShader(e);
-  }
-  /**
-   * Set the current shader for rendering.
-   * @param shader The shader program to use for rendering.
-   */
-  shader(e) {
-    this._renderer.shader(e);
-  }
-  /**
-   * Set a uniform variable for the current shader.
-   * @param name The name of the uniform variable to set.
-   * @param value The value to set for the uniform variable.
-   */
-  setUniform(e, t) {
-    this._renderer.setUniform(e, t);
-  }
-  /**
-   * Completely destroy this Textmodifier instance and free all associated resources.
-   * 
-   * This method performs comprehensive cleanup of:
-   * - WebGL resources (framebuffers, textures, shaders)
-   * - Animation frames and timers
-   * - Event listeners
-   * - DOM elements
-   * - Font resources
-   * 
-   * After calling this method, the instance should not be used and will be eligible for garbage collection.
-   * This method is idempotent and safe to call multiple times.
-   * 
-   * @example
-   * ```javascript
-   * // Create a textmodifier instance
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * // Use it for rendering
-   * textmodifier.render();
-   * 
-   * // When done, completely clean up
-   * textmodifier.destroy();
-   * 
-   * // Instance is now safely disposed and ready for garbage collection
-   * ```
-   */
-  destroy() {
-    this._isDisposed = !0, this.stopAutoRendering(), this._windowResizeListener && (window.removeEventListener("resize", this._windowResizeListener), this._windowResizeListener = null), this.resizeObserver && (this.resizeObserver.disconnect(), this.resizeObserver = null), this._pipeline.dispose(), this._font.dispose(), this._grid.dispose(), this._canvasFramebuffer.dispose(), this._renderer.dispose(), this.textmodeCanvas.dispose(), this.captureSource = null, this.textmodeCanvas = null, this._renderer = null, this._canvasFramebuffer = null, this._font = null, this._grid = null, this._pipeline = null, this.resizeObserver = null, this._drawCallback = () => {
-    }, this._resizedCallback = () => {
-    }, this.animationFrameId = null, this.lastFrameTime = 0, this.lastRenderTime = 0, this._frameCount = 0, this._frameRate = 0, this.frameTimeHistory = [], this._isLooping = !1;
-  }
-  debug(e) {
-    this._printDebug = e;
-  }
-  /** Get the current grid object used for rendering. */
-  get grid() {
-    return this._grid;
-  }
-  /** Get the current font object used for rendering. */
-  get font() {
-    return this._font;
-  }
-  /** Get the current rendering mode.*/
-  get mode() {
-    return this._mode;
-  }
-  /** Get the current textmode conversion pipeline. */
-  get pipeline() {
-    return this._pipeline;
-  }
-  /** Get the current frame count. */
-  get frameCount() {
-    return this._frameCount;
-  }
-  set frameCount(e) {
-    this._frameCount = e;
-  }
-  /** Get the width of the canvas. */
-  get width() {
-    return this.textmodeCanvas.width;
-  }
-  /** Get the height of the canvas. */
-  get height() {
-    return this.textmodeCanvas.height;
-  }
-  /** Check if the instance has been disposed/destroyed. */
-  get isDisposed() {
-    return this._isDisposed;
-  }
-}
-class O {
-  /**
-   * Create a {@link Textmodifier} instance for textmode rendering.
-   * 
-   * @param sourceOrOptions - Either an HTML canvas/video element for capturing content, or options for standalone mode.
-   * @param opts - Optional configuration options *(only used when first parameter is a canvas/video element)*.
-   * @returns A Promise that resolves to a Textmodifier instance.
-   * 
-   * @example
-   * ```javascript
-   * // Create a Textmodifier for an existing canvas
-   * const canvas = document.querySelector('canvas#myCanvas');
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * ////////
-   * 
-   * // Create a Textmodifier for a video element
-   * const video = document.querySelector('video#myVideo');
-   * const textmodifier = await textmode.create(video);
-   * 
-   * ////////
-   * 
-   * // Create a standalone Textmodifier
-   * const t = await textmode.create({ width: 800, height: 600 });
-   * 
-   * // Set up a draw loop for standalone usage
-   * t.draw(() => {
-   *   t.background(0);
-   * 
-   *   const centerX = t.width / 2;
-   *   const centerY = t.height / 2;
-   *   const radius = Math.min(t.width, t .height) / 3;
-   *   const speed = 0.02; // Adjust speed of rotation
-   *
-   *   const angle = t.frameCount * speed;
-   *   const x = centerX + Math.cos(angle) * radius - 100;
-   *   const y = centerY + Math.sin(angle) * radius - 50;
-   *
-   *   // Set the fill color to white
-   *   t.fill(255);
-   * 
-   *   // Draw a rectangle with the fill color
-   *   t.rect(x, y, 200, 150);
-   * });
-   * 
-   * ////////
-   * 
-   * // Resource management example
-   * const textmodifier = await textmode.create(canvas);
-   * 
-   * // Use the textmodifier...
-   * textmodifier.render();
-   * 
-   * // When done, completely clean up all resources
-   * textmodifier.destroy();
-   * 
-   * // The instance is now safely disposed and ready for garbage collection
-   * console.log(textmodifier.isDestroyed); // true
-   * ```
-   */
-  static async create(e, t = {}) {
-    if (e instanceof HTMLCanvasElement || e instanceof HTMLVideoElement)
-      return k.create(e, t);
-    {
-      const r = e || {};
-      return k.create(null, r);
-    }
-  }
-  /**
-   * Set the global error handling level for the library. This applies to all `Textmodifier` instances.
-   * @param level The error handling level to set.
-   * 
-   * @example
-   * ```javascript
-   * // Set error level to WARNING
-   * textmode.setErrorLevel(TextmodeErrorLevel.WARNING);
-   * ```
-   */
-  static setErrorLevel(e) {
-    _.setGlobalLevel(e);
-  }
-  /**
-   * Returns the current version of the `textmode.js` library.
-   * 
-   * @example
-   * ```javascript
-   * console.log(textmode.version); // "1.0.0"
-   * ```
-   */
-  static get version() {
-    return "0.1.6-beta.4";
-  }
-  constructor() {
-    throw new Error("Textmode is a static class and cannot be instantiated.");
-  }
-}
-const Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null
-}, Symbol.toStringTag, { value: "Module" })), ke = O.create, Ve = O.setErrorLevel, ze = O.version;
-export {
-  fe as TextmodeCanvas,
-  Fe as TextmodeConversionPipeline,
-  re as TextmodeErrorLevel,
-  ue as TextmodeFont,
-  de as TextmodeGrid,
-  k as Textmodifier,
-  Pe as converters,
-  ke as create,
-  O as default,
-  Be as export,
-  Ve as setErrorLevel,
-  O as textmode,
-  ze as version
-};