@synnaxlabs/pluto 0.43.1 → 0.44.0

package/dist/eraser-BJxXs5KS.js

@@ -1,967 +0,0 @@
-var z = Object.defineProperty;
-var H = (l, t, e) => t in l ? z(l, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[t] = e;
-var a = (l, t, e) => H(l, typeof t != "symbol" ? t + "" : t, e);
-import { P as n, A as C, K as u, q as M, o as y, c as V, C as Z } from "./css-DjQu2Qyf.js";
-import { h as _, j as $, k as J, m as Q, n as j, L as tt } from "./provider-gW90qzEG.js";
-import { o as N, _ as et, b as I, g as st } from "./state-DAFH2z9y.js";
-import { a as X } from "./dimensions-FnMV2fyj.js";
-const it = N({
-  include: I().array().optional(),
-  exclude: I().array().optional(),
-  level: et(_.LOG_LEVELS).optional().default("info")
-}), b = "alamos-provider";
-class O extends $ {
-  constructor() {
-    super(...arguments);
-    a(this, "schema", it);
-  }
-  afterUpdate(e) {
-    if (e.getOptional(b) != null) return;
-    const i = [], { include: r, exclude: h, level: o } = this.state;
-    (r != null || h != null) && i.push(_.logLevelKeyFiler({ include: r, exclude: h })), o != null && i.push(_.logThresholdFilter(o)), i.length === 0 && i.push(() => !1), this.internal.ins = new _.Instrumentation({
-      key: "aether",
-      logger: new _.Logger({ filters: i })
-    }), e.set(b, this.internal.ins);
-  }
-}
-a(O, "TYPE", "alamos.Provider");
-const rt = (l, t) => {
-  const e = l.get(b);
-  if (e == null) throw new Error("No instrumentation provider");
-  return t == null ? e : e.child(t);
-}, Ct = {
-  [O.TYPE]: O
-}, T = (l, t) => n.construct(
-  n.left(l) - t.x,
-  n.top(l) - t.y,
-  n.width(l) + t.x * 2,
-  n.height(l) + t.y * 2
-);
-class R {
-  constructor(t, e, s, i = C.XY.IDENTITY) {
-    a(this, "scale_");
-    a(this, "wrapped");
-    a(this, "atlasRegistry");
-    a(this, "cachedFont", null);
-    a(this, "cachedFillStyle", null);
-    a(this, "cachedStrokeStyle", null);
-    a(this, "cachedLineWidth", null);
-    a(this, "cachedGlobalAlpha", null);
-    a(this, "cachedTextAlign", null);
-    a(this, "cachedTextBaseline", null);
-    a(this, "cachedLineCap", null);
-    a(this, "cachedLineJoin", null);
-    a(this, "cachedMiterLimit", null);
-    a(this, "dpr");
-    this.wrapped = t, this.scale_ = i, this.atlasRegistry = e, this.dpr = s;
-  }
-  get fontStretch() {
-    return this.wrapped.fontStretch;
-  }
-  set fontStretch(t) {
-    this.wrapped.fontStretch = t;
-  }
-  get fontVariantCaps() {
-    return this.wrapped.fontVariantCaps;
-  }
-  set fontVariantCaps(t) {
-    this.wrapped.fontVariantCaps = t;
-  }
-  isContextLost() {
-    return this.wrapped.isContextLost();
-  }
-  get wordSpacing() {
-    return this.wrapped.wordSpacing;
-  }
-  set wordSpacing(t) {
-    this.wrapped.wordSpacing = t;
-  }
-  get letterSpacing() {
-    return this.wrapped.letterSpacing;
-  }
-  set letterSpacing(t) {
-    this.wrapped.letterSpacing = t;
-  }
-  get textRendering() {
-    return this.wrapped.textRendering;
-  }
-  set textRendering(t) {
-    this.wrapped.textRendering = t;
-  }
-  checkAtlasFillStyle(t = !1) {
-    return t && typeof this.fillStyle == "string" ? [!0, this.fillStyle] : (t && console.warn(
-      "attempted to use a text atlas with a gradient fill style. This is not supported. Falling back to default canvas fill."
-    ), [!1, null]);
-  }
-  reset() {
-    this.wrapped.reset();
-  }
-  applyScale(t) {
-    return new R(
-      this,
-      this.atlasRegistry,
-      this.dpr,
-      t
-    );
-  }
-  get canvas() {
-    return this.wrapped.canvas;
-  }
-  get miterLimit() {
-    return this.cachedMiterLimit ?? this.wrapped.miterLimit;
-  }
-  set miterLimit(t) {
-    const e = this.scale_.x.dim(t);
-    e !== this.cachedMiterLimit && (this.cachedMiterLimit = e, this.wrapped.miterLimit = e);
-  }
-  get globalAlpha() {
-    return this.cachedGlobalAlpha ?? this.wrapped.globalAlpha;
-  }
-  set globalAlpha(t) {
-    t !== this.cachedGlobalAlpha && (this.cachedGlobalAlpha = t, this.wrapped.globalAlpha = t);
-  }
-  get globalCompositeOperation() {
-    return this.wrapped.globalCompositeOperation;
-  }
-  set globalCompositeOperation(t) {
-    this.wrapped.globalCompositeOperation = t;
-  }
-  get fillStyle() {
-    return this.cachedFillStyle ?? this.wrapped.fillStyle;
-  }
-  set fillStyle(t) {
-    t !== this.cachedFillStyle && (this.cachedFillStyle = t, this.wrapped.fillStyle = t);
-  }
-  get strokeStyle() {
-    return this.cachedStrokeStyle ?? this.wrapped.strokeStyle;
-  }
-  set strokeStyle(t) {
-    t !== this.cachedStrokeStyle && (this.cachedStrokeStyle = t, this.wrapped.strokeStyle = t);
-  }
-  drawImage(t, e, s, i, r, h, o, c, d) {
-    this.wrapped.drawImage(
-      t,
-      e,
-      s,
-      i,
-      r,
-      h != null ? this.scale_.x.pos(h) : h,
-      o != null ? this.scale_.y.pos(o) : o,
-      c != null ? this.scale_.x.dim(c) : c,
-      d != null ? this.scale_.y.dim(d) : d
-    );
-  }
-  beginPath() {
-    this.wrapped.beginPath();
-  }
-  clip(t, e) {
-    this.wrapped.clip(t, e);
-  }
-  fill(t, e) {
-    if (t == null) return this.wrapped.fill();
-    this.wrapped.fill(t, e);
-  }
-  isPointInPath(t, e, s, i) {
-    return this.wrapped.isPointInPath(t, e, s, i);
-  }
-  isPointInStroke(t, e, s) {
-    return this.wrapped.isPointInStroke(t, e, s);
-  }
-  stroke(t) {
-    if (t == null) return this.wrapped.stroke();
-    this.wrapped.stroke(t);
-  }
-  createConicGradient(t, e, s) {
-    return this.wrapped.createConicGradient(t, e, s);
-  }
-  createLinearGradient(t, e, s, i) {
-    return this.wrapped.createLinearGradient(t, e, s, i);
-  }
-  createPattern(t, e) {
-    return this.wrapped.createPattern(t, e);
-  }
-  createRadialGradient(t, e, s, i, r, h) {
-    return this.wrapped.createRadialGradient(t, e, s, i, r, h);
-  }
-  get filter() {
-    return this.wrapped.filter;
-  }
-  set filter(t) {
-    this.wrapped.filter = t;
-  }
-  createImageData(t, e, s) {
-    return this.wrapped.createImageData(t, e, s);
-  }
-  getImageData(t, e, s, i, r) {
-    return this.wrapped.getImageData(t, e, s, i, r);
-  }
-  putImageData(t, e, s, i, r, h, o) {
-    this.wrapped.putImageData(
-      // @ts-expect-error - typescript overloads cause issues here
-      t,
-      e,
-      s,
-      i,
-      r,
-      h,
-      o
-    );
-  }
-  get imageSmoothingEnabled() {
-    return this.wrapped.imageSmoothingEnabled;
-  }
-  set imageSmoothingEnabled(t) {
-    this.wrapped.imageSmoothingEnabled = t;
-  }
-  get imageSmoothingQuality() {
-    return this.wrapped.imageSmoothingQuality;
-  }
-  set imageSmoothingQuality(t) {
-    this.wrapped.imageSmoothingQuality = t;
-  }
-  arc(t, e, s, i, r, h) {
-    this.wrapped.arc(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.dim(s),
-      i,
-      r,
-      h
-    );
-  }
-  arcTo(t, e, s, i, r) {
-    this.wrapped.arcTo(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.pos(s),
-      this.scale_.y.pos(i),
-      this.scale_.x.dim(r)
-    );
-  }
-  bezierCurveTo(t, e, s, i, r, h) {
-    this.wrapped.bezierCurveTo(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.pos(s),
-      this.scale_.y.pos(i),
-      this.scale_.x.pos(r),
-      this.scale_.y.pos(h)
-    );
-  }
-  closePath() {
-    this.wrapped.closePath();
-  }
-  ellipse(t, e, s, i, r, h, o, c) {
-    this.wrapped.ellipse(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.dim(s),
-      this.scale_.y.dim(i),
-      r,
-      h,
-      o,
-      c
-    );
-  }
-  lineTo(t, e) {
-    this.wrapped.lineTo(this.scale_.x.pos(t), this.scale_.y.pos(e));
-  }
-  moveTo(t, e) {
-    this.wrapped.moveTo(this.scale_.x.pos(t), this.scale_.y.pos(e));
-  }
-  quadraticCurveTo(t, e, s, i) {
-    this.wrapped.quadraticCurveTo(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.pos(s),
-      this.scale_.y.pos(i)
-    );
-  }
-  rect(t, e, s, i) {
-    this.wrapped.rect(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.dim(s),
-      this.scale_.y.dim(i)
-    );
-  }
-  roundRect(t, e, s, i, r) {
-    this.wrapped.roundRect(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.dim(s),
-      this.scale_.y.dim(i),
-      typeof r == "number" ? this.scale_.x.dim(r) : r
-    );
-  }
-  get lineCap() {
-    return this.cachedLineCap ?? this.wrapped.lineCap;
-  }
-  set lineCap(t) {
-    t !== this.cachedLineCap && (this.cachedLineCap = t, this.wrapped.lineCap = t);
-  }
-  get lineDashOffset() {
-    return this.wrapped.lineDashOffset;
-  }
-  set lineDashOffset(t) {
-    this.wrapped.lineDashOffset = this.scale_.x.dim(t);
-  }
-  get lineJoin() {
-    return this.cachedLineJoin ?? this.wrapped.lineJoin;
-  }
-  set lineJoin(t) {
-    t !== this.cachedLineJoin && (this.cachedLineJoin = t, this.wrapped.lineJoin = t);
-  }
-  get lineWidth() {
-    return this.cachedLineWidth ?? this.wrapped.lineWidth;
-  }
-  set lineWidth(t) {
-    const e = this.scale_.x.dim(t);
-    e !== this.cachedLineWidth && (this.cachedLineWidth = e, this.wrapped.lineWidth = e);
-  }
-  getLineDash() {
-    return this.wrapped.getLineDash();
-  }
-  setLineDash(t) {
-    const e = Array.from(t).map((s) => this.scale_.x.dim(s));
-    this.wrapped.setLineDash(e);
-  }
-  clearRect(t, e, s, i) {
-    this.wrapped.clearRect(t, e, s, i);
-  }
-  fillRect(t, e, s, i) {
-    this.wrapped.fillRect(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.dim(s),
-      this.scale_.y.dim(i)
-    );
-  }
-  strokeRect(t, e, s, i) {
-    this.wrapped.strokeRect(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.dim(s),
-      this.scale_.y.dim(i)
-    );
-  }
-  get shadowBlur() {
-    return this.wrapped.shadowBlur;
-  }
-  set shadowBlur(t) {
-    this.wrapped.shadowBlur = t;
-  }
-  get shadowColor() {
-    return this.wrapped.shadowColor;
-  }
-  set shadowColor(t) {
-    this.wrapped.shadowColor = t;
-  }
-  get shadowOffsetX() {
-    return this.wrapped.shadowOffsetX;
-  }
-  set shadowOffsetX(t) {
-    this.wrapped.shadowOffsetX = t;
-  }
-  get shadowOffsetY() {
-    return this.wrapped.shadowOffsetY;
-  }
-  restore() {
-    this.cachedFillStyle = null, this.cachedStrokeStyle = null, this.cachedLineWidth = null, this.cachedGlobalAlpha = null, this.cachedTextAlign = null, this.cachedTextBaseline = null, this.cachedLineCap = null, this.cachedLineJoin = null, this.cachedMiterLimit = null, this.cachedFont = null, this.wrapped.restore();
-  }
-  save() {
-    this.wrapped.save();
-  }
-  fillText(t, e, s, i, r = {}) {
-    const [h, o] = this.checkAtlasFillStyle(r.useAtlas);
-    if (h) {
-      this.atlasRegistry.get({ font: this.font, textColor: o }).fillText(this, t, e, s);
-      return;
-    }
-    this.wrapped.fillText(
-      t,
-      this.scale_.x.pos(e),
-      this.scale_.y.pos(s),
-      i != null ? this.scale_.x.dim(i) : void 0
-    );
-  }
-  measureText(t) {
-    return this.wrapped.measureText(t);
-  }
-  textDimensions(t, e = {}) {
-    const [s, i] = this.checkAtlasFillStyle(e.useAtlas);
-    return s ? this.atlasRegistry.get({ font: this.font, textColor: i }).measureText(t) : X(this.measureText(t));
-  }
-  strokeText(t, e, s, i) {
-    this.wrapped.strokeText(
-      t,
-      this.scale_.x.pos(e),
-      this.scale_.y.pos(s),
-      i != null ? this.scale_.x.dim(i) : void 0
-    );
-  }
-  get direction() {
-    return this.wrapped.direction;
-  }
-  set direction(t) {
-    this.wrapped.direction = t;
-  }
-  get font() {
-    return this.cachedFont != null ? this.cachedFont : this.wrapped.font;
-  }
-  set font(t) {
-    t !== this.cachedFont && (this.cachedFont = t, this.wrapped.font = this.cachedFont);
-  }
-  get fontKerning() {
-    return this.wrapped.fontKerning;
-  }
-  set fontKerning(t) {
-    this.wrapped.fontKerning = t;
-  }
-  get textAlign() {
-    return this.cachedTextAlign ?? this.wrapped.textAlign;
-  }
-  set textAlign(t) {
-    t !== this.cachedTextAlign && (this.cachedTextAlign = t, this.wrapped.textAlign = t);
-  }
-  get textBaseline() {
-    return this.cachedTextBaseline ?? this.wrapped.textBaseline;
-  }
-  set textBaseline(t) {
-    t !== this.cachedTextBaseline && (this.cachedTextBaseline = t, this.wrapped.textBaseline = t);
-  }
-  getTransform() {
-    return this.wrapped.getTransform();
-  }
-  resetTransform() {
-    this.wrapped.resetTransform();
-  }
-  rotate(t) {
-    this.wrapped.rotate(t);
-  }
-  scale(t, e) {
-    this.wrapped.scale(t, e), this.dpr = t;
-  }
-  scissor(t, e = u.ZERO) {
-    const s = new at(this.scale_);
-    return t = T(t, e), s.rect(...u.couple(n.topLeft(t)), ...M.couple(n.dims(t))), this.save(), this.clip(s.getPath()), () => this.restore();
-  }
-  setTransform(t, e, s, i, r, h) {
-    this.wrapped.setTransform(t, e, s, i, r, h);
-  }
-  transform(t, e, s, i, r, h) {
-    this.wrapped.transform(t, e, s, i, r, h);
-  }
-  translate(t, e) {
-    this.wrapped.translate(t, e);
-  }
-}
-class at {
-  constructor(t = C.XY.IDENTITY, e) {
-    a(this, "scale_");
-    a(this, "path");
-    this.scale_ = t, e instanceof Path2D || typeof e == "string" ? this.path = new Path2D(e) : this.path = new Path2D();
-  }
-  addPath(t, e) {
-    this.path.addPath(t, e);
-  }
-  arc(t, e, s, i, r, h) {
-    this.path.arc(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.dim(s),
-      i,
-      r,
-      h
-    );
-  }
-  arcTo(t, e, s, i, r) {
-    this.path.arcTo(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.pos(s),
-      this.scale_.y.pos(i),
-      this.scale_.x.dim(r)
-    );
-  }
-  bezierCurveTo(t, e, s, i, r, h) {
-    this.path.bezierCurveTo(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.pos(s),
-      this.scale_.y.pos(i),
-      this.scale_.x.pos(r),
-      this.scale_.y.pos(h)
-    );
-  }
-  closePath() {
-    this.path.closePath();
-  }
-  ellipse(t, e, s, i, r, h, o, c) {
-    this.path.ellipse(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.dim(s),
-      this.scale_.y.dim(i),
-      r,
-      h,
-      o,
-      c
-    );
-  }
-  lineTo(t, e) {
-    this.path.lineTo(this.scale_.x.pos(t), this.scale_.y.pos(e));
-  }
-  moveTo(t, e) {
-    this.path.moveTo(this.scale_.x.pos(t), this.scale_.y.pos(e));
-  }
-  quadraticCurveTo(t, e, s, i) {
-    this.path.quadraticCurveTo(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.pos(s),
-      this.scale_.y.pos(i)
-    );
-  }
-  rect(t, e, s, i) {
-    this.path.rect(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.dim(s),
-      this.scale_.y.dim(i)
-    );
-  }
-  roundRect(t, e, s, i, r) {
-    const h = this.scaleRadii(r);
-    this.path.roundRect(
-      this.scale_.x.pos(t),
-      this.scale_.y.pos(e),
-      this.scale_.x.dim(s),
-      this.scale_.y.dim(i),
-      h
-    );
-  }
-  // Helper method to scale radii for roundRect
-  scaleRadii(t) {
-    return t == null ? t : typeof t == "number" ? this.scale_.x.dim(t) : Array.isArray(t) ? t.map((e) => this.scaleRadius(e)) : this.scaleRadius(t);
-  }
-  scaleRadius(t) {
-    return typeof t == "number" ? this.scale_.x.dim(t) : {
-      x: this.scale_.x.dim(t.x ?? 0),
-      y: this.scale_.y.dim(t.y ?? 0)
-    };
-  }
-  // Method to retrieve the underlying Path2D
-  getPath() {
-    return this.path;
-  }
-}
-const ht = `precision mediump float;
-
-void main(void) {
-    gl_FragColor = vec4(0.0, 0.0, 0.0, 0.0);    
-}
-`, nt = `attribute vec4 a_position;
-
-void main(void) {
-  gl_Position = a_position;
-}
-`, k = (l) => new Error(`failed to compile webgl program: ${l}`), lt = new Error("null shader encountered");
-let ot = class {
-  /**
-   * @constructor compiles the given vertex and fragment shaders under the given
-   * render context into a program.
-   *
-   * @param ctx - The render context to use.
-   * @param vertShader - The vertex shader code.
-   * @param fragShader - The fragment shader code.
-   */
-  constructor(t, e, s) {
-    /** The render context used by this program. */
-    a(this, "renderCtx");
-    /** The underlying webgl program. */
-    a(this, "prog");
-    /** The code for the vertex shader. */
-    a(this, "vertShader");
-    /** The code for the fragment shader. */
-    a(this, "fragShader");
-    a(this, "uniformLocCache", /* @__PURE__ */ new Map());
-    this.renderCtx = t;
-    const i = t.gl.createProgram();
-    if (i == null) throw k("failed to create program");
-    this.prog = i, this.vertShader = e, this.fragShader = s, this.compile();
-  }
-  /** Sets the current program as the active program used by the context. */
-  setAsActive() {
-    return this.renderCtx.gl.useProgram(this.prog), () => this.renderCtx.gl.useProgram(null);
-  }
-  /**
-   * Sets a uniform XY coordinate value.
-   *
-   * @param name - The name of the uniform.
-   * @param value - The value to set.
-   */
-  uniformXY(t, e) {
-    this.renderCtx.gl.uniform2fv(this.getUniformLoc(t), u.couple(e));
-  }
-  /**
-   * Sets a uniform color value.
-   *
-   * @param name - The name of the uniform.
-   * @param value - The value to set.
-   */
-  uniformColor(t, e) {
-    this.renderCtx.gl.uniform4fv(this.getUniformLoc(t), y.rgba1(e));
-  }
-  getUniformLoc(t) {
-    const e = this.uniformLocCache.get(t);
-    if (e != null) return e;
-    const s = this.renderCtx.gl.getUniformLocation(this.prog, t);
-    if (s == null) throw new Error(`unexpected missing uniform ${t}`);
-    return this.uniformLocCache.set(t, s), s;
-  }
-  compile() {
-    const t = this.renderCtx.gl;
-    this.compileShader(this.vertShader, t.VERTEX_SHADER), this.compileShader(this.fragShader, t.FRAGMENT_SHADER), t.linkProgram(this.prog);
-  }
-  compileShader(t, e) {
-    const s = this.renderCtx.gl, i = s.createShader(e);
-    if (i == null) throw lt;
-    if (s.shaderSource(i, t), s.compileShader(i), !s.getShaderParameter(i, s.COMPILE_STATUS)) {
-      const h = s.getShaderInfoLog(i);
-      throw s.deleteShader(i), k(h ?? "unknown");
-    }
-    s.attachShader(this.prog, i);
-  }
-};
-const ct = new Float32Array([0, 0, 0, 0, 0, 0]);
-class pt extends ot {
-  constructor(e) {
-    super(e, nt, ht);
-    a(this, "positionBuffer");
-    const s = e.gl.createBuffer();
-    if (s == null) throw new J("webgl: failed to create buffer");
-    this.positionBuffer = s, e.gl.bindBuffer(e.gl.ARRAY_BUFFER, this.positionBuffer), e.gl.bufferData(e.gl.ARRAY_BUFFER, ct, e.gl.STATIC_DRAW);
-  }
-  exec() {
-    const { gl: e } = this.renderCtx, s = e.getAttribLocation(this.prog, "a_position");
-    e.bindBuffer(e.ARRAY_BUFFER, this.positionBuffer);
-    const i = e.createVertexArray();
-    e.bindVertexArray(i), e.enableVertexAttribArray(s), e.vertexAttribPointer(s, 2, e.FLOAT, !1, 0, 0), this.setAsActive(), e.drawArrays(e.TRIANGLES, 0, 3);
-  }
-}
-const B = { high: 1, low: 0 };
-class dt {
-  constructor({
-    afterRender: t,
-    instrumentation: e = _.Instrumentation.NOOP,
-    handleError: s
-  }) {
-    /** Stores the current requests for rendering. */
-    a(this, "requests", /* @__PURE__ */ new Map());
-    /** Stores render cleanup functions for clearing canvases and other resources. */
-    a(this, "cleanup", /* @__PURE__ */ new Map());
-    /** A callback to run after each render call. */
-    a(this, "afterRender");
-    /** Instrumentation for logging, tracing, metrics, etc. */
-    a(this, "instrumentation");
-    /** A function to add status to the status bar. */
-    a(this, "handleError");
-    this.afterRender = t, this.instrumentation = e, this.handleError = s, this.start();
-  }
-  /**
-   * Sets a new request in the queue according to a set of rules:
-   *
-   * 1. If no request with the same key exists, add the request to the queue.
-   * 2. If a request with the same key exists, replace it if the new request has a
-   * greater or equal priority and a greater or equal number of canvases that are
-   * being rendered to.
-   *
-   * @param req - The request to set.
-   */
-  set(t) {
-    const e = this.requests.get(t.key);
-    if (e == null) this.requests.set(t.key, t);
-    else {
-      const s = B[t.priority] >= B[e.priority], i = t.canvases.length >= e.canvases.length;
-      s && i && this.requests.set(t.key, t);
-    }
-  }
-  /** Execute the render. */
-  render() {
-    var e;
-    const { requests: t } = this;
-    t.size !== 0 && (this.runCleanupsSync(), this.renderSync(), this.requests.clear(), (e = this.afterRender) == null || e.call(this));
-  }
-  runCleanupsSync() {
-    const { cleanup: t, requests: e } = this;
-    t.forEach((s, i) => {
-      const r = e.get(i);
-      r != null && (s(r), t.delete(i));
-    });
-  }
-  renderSync() {
-    const { requests: t } = this;
-    t.forEach((e) => {
-      try {
-        const s = e.render();
-        s != null && this.cleanup.set(e.key, s);
-      } catch (s) {
-        this.handleError(s, "render loop failed");
-      }
-    });
-  }
-  /** Starts the rendering loop. */
-  start() {
-    const t = () => {
-      try {
-        this.render();
-      } catch (e) {
-        this.handleError(e, "render loop failed");
-      }
-      requestAnimationFrame(t);
-    };
-    requestAnimationFrame(t);
-  }
-}
-const S = 2, f = 2, E = class E {
-  constructor(t) {
-    // A canvas buffer that holds rendered characters.
-    a(this, "atlas");
-    // Cached dimensions of a character.
-    a(this, "charDims");
-    // A map of characters to their index in the atlas.
-    a(this, "charMap");
-    const { font: e, characters: s = E.DEFAULT_CHARS, textColor: i } = t;
-    this.charMap = /* @__PURE__ */ new Map();
-    const r = V.unique(Array.from(s)), o = new OffscreenCanvas(1, 1).getContext("2d");
-    o.font = e;
-    const c = o.measureText("0");
-    this.charDims = X(c), this.charDims.width += S, this.charDims.height += S;
-    const d = r.length, g = this.charDims.width, x = this.charDims.height, p = Math.ceil(Math.sqrt(d)), A = Math.ceil(d / p);
-    this.atlas = new OffscreenCanvas(
-      g * p * f,
-      x * (A + 1) * f
-    );
-    const m = this.atlas.getContext("2d");
-    m.scale(f, f), m.font = e, m.textBaseline = "alphabetic", m.textAlign = "left", m.fillStyle = y.hex(i), m.clearRect(0, 0, this.atlas.width, this.atlas.height), r.forEach((F, L) => {
-      const q = L % p, K = Math.floor(L / p), U = q * g, W = (K + 1) * x;
-      m.fillText(F, U, W), this.charMap.set(F, L);
-    });
-  }
-  fillText(t, e, s, i) {
-    const { width: r, height: h } = this.charDims, o = Math.ceil(Math.sqrt(this.charMap.size));
-    for (let c = 0; c < e.length; c++) {
-      const d = e[c], g = this.charMap.get(d);
-      if (g === void 0) continue;
-      const x = g % o, p = Math.floor(g / o);
-      t.drawImage(
-        this.atlas,
-        x * r * f,
-        p * h * f + S,
-        r * f,
-        h * f,
-        s + c * r,
-        i - h - S / f,
-        r,
-        h
-      );
-    }
-  }
-  measureText(t) {
-    return { width: t.length * this.charDims.width, height: this.charDims.height };
-  }
-};
-// The default characters to include in the atlas.
-a(E, "DEFAULT_CHARS", "0123456789.:-µmsNa∞ᴇ");
-let v = E;
-class ut {
-  constructor() {
-    a(this, "atlases");
-    this.atlases = /* @__PURE__ */ new Map();
-  }
-  /**
-   * @returns at atlas from the registry compatible with the given props. If the
-   * atlas does not exist in the registry, it is created and added to the registry.
-   */
-  get(t) {
-    const e = `${t.font}-${y.hex(t.textColor)}-${t.characters}`;
-    if (this.atlases.has(e)) return this.atlases.get(e);
-    const s = new v(t);
-    return this.atlases.set(e, s), s;
-  }
-}
-const G = (l) => (l.textRendering = "optimizeSpeed", l.imageSmoothingEnabled = !1, l), w = class w {
-  constructor(t, e, s, i, r, h, o) {
-    /* The canvas element used by WebGL. */
-    a(this, "glCanvas");
-    /** The canvas element used by the 2D canvas. */
-    a(this, "upper2dCanvas");
-    /** The canvas element used by the 2D canvas. */
-    a(this, "lower2dCanvas");
-    /** The WebGL rendering context.  */
-    a(this, "gl");
-    /** A 2D canvas that sits below the WebGL canvas. */
-    a(this, "lower2d");
-    /** A 2D canvas that sits above the WebGL canvas. */
-    a(this, "upper2d");
-    /** The region the canvas occupies in pixel space */
-    a(this, "region");
-    /** The device pixel ratio of the canvas */
-    a(this, "dpr");
-    /** queue render transitions onto the stack */
-    a(this, "loop");
-    /** See the @link{clear.Program} for why this is necessary. */
-    a(this, "clearProgram");
-    a(this, "os");
-    a(this, "instrumentation");
-    this.upper2dCanvas = s, this.lower2dCanvas = e, this.glCanvas = t, this.os = i, this.instrumentation = r, this.dpr = 1;
-    const c = this.lower2dCanvas.getContext("2d");
-    if (c == null) throw new Error("Could not get 2D context");
-    const d = new ut();
-    this.lower2d = G(
-      new R(c, d, this.dpr)
-    );
-    const g = this.upper2dCanvas.getContext("2d");
-    if (g == null) throw new Error("Could not get 2D context");
-    this.upper2d = G(
-      new R(g, d, this.dpr)
-    );
-    const x = {
-      preserveDrawingBuffer: !0,
-      powerPreference: "high-performance",
-      stencil: !1,
-      depth: !1
-    }, p = this.glCanvas.getContext("webgl2", x);
-    if (p == null) throw new Error("Could not get WebGL context");
-    p.disable(p.DEPTH_TEST), p.disable(p.STENCIL_TEST), p.disable(p.CULL_FACE), p.disable(p.DITHER), this.gl = p, this.glCanvas.oncontextlost = () => h({
-      variant: "error",
-      message: "WebGL context lost"
-    });
-    const A = () => {
-      this.gl.flush(), this.gl.finish();
-    };
-    this.loop = new dt({
-      afterRender: A,
-      instrumentation: this.instrumentation,
-      handleError: o
-    }), this.region = n.ZERO, this.os === "Windows" && (this.clearProgram = new pt(this));
-  }
-  static create(t, e, s, i, r) {
-    const h = rt(t, "render_context"), o = new w(
-      e,
-      s,
-      i,
-      r,
-      h,
-      Q(t),
-      j(t)
-    );
-    return t.set(w.CONTEXT_KEY, o), o;
-  }
-  static useOptional(t) {
-    return t.getOptional(w.CONTEXT_KEY);
-  }
-  static use(t) {
-    return t.get(w.CONTEXT_KEY);
-  }
-  update(t) {
-    t.set(w.CONTEXT_KEY, this);
-  }
-  /**
-   * Resizes the canvas to the given region and device pixel ratio. Ensuring
-   * that all drawing operations and viewports are scaled correctly.
-   */
-  resize(t, e) {
-    n.equals(this.region, t) && this.dpr === e || (this.region = t, this.dpr = e, this.resizeCanvas(this.glCanvas), this.resizeCanvas(this.upper2dCanvas), this.resizeCanvas(this.lower2dCanvas), this.lower2d.scale(this.dpr, this.dpr), this.upper2d.scale(this.dpr, this.dpr), this.gl.viewport(0, 0, n.width(t) * e, n.height(t) * e));
-  }
-  resizeCanvas(t) {
-    t.width = n.width(this.region) * this.dpr, t.height = n.height(this.region) * this.dpr;
-  }
-  /** @returns the aspect ratio of the canvas. */
-  get aspect() {
-    return n.aspect(this.region);
-  }
-  /**
-   * Takes the given box in PIXEL space and produces a transform
-   * in CLIP space representing the sub-region represented by the box
-   * in the canvas.
-   */
-  scaleRegion(t) {
-    return new C.XY(
-      // Accept a value in decimal.
-      C.Scale.scale(0, 1).scale(n.width(t)).translate(n.left(t)).reBound(n.width(this.region)).scale(-1, 1),
-      // Accept a value in decimal.
-      C.Scale.scale(0, 1).scale(n.height(t)).invert().translate(n.top(t)).reBound(n.height(this.region)).scale(-1, 1).invert()
-    );
-  }
-  scissor(t, e = u.ZERO, s) {
-    const i = [];
-    return s.includes("upper2d") && i.push(this.upper2d.scissor(t, e)), s.includes("lower2d") && i.push(this.lower2d.scissor(t, e)), s.includes("gl") && i.push(this.scissorGL(t, e)), () => i.forEach((r) => r());
-  }
-  scissorGL(t, e = u.ZERO) {
-    return this.gl.enable(this.gl.SCISSOR_TEST), t = T(t, e), this.gl.scissor(
-      n.left(t) * this.dpr,
-      (n.height(this.region) - n.bottom(t)) * this.dpr,
-      n.width(t) * this.dpr,
-      n.height(t) * this.dpr
-    ), () => this.gl.disable(this.gl.SCISSOR_TEST);
-  }
-  erase(t, e = u.ZERO, ...s) {
-    e = u.construct(e), s.length === 0 && (s = ["upper2d", "lower2d", "gl"]), s.includes("upper2d") && this.eraseCanvas(this.upper2d, t, e), s.includes("lower2d") && this.eraseCanvas(this.lower2d, t, e), s.includes("gl") && this.eraseGL(t, e);
-  }
-  eraseGL(t, e = u.ZERO) {
-    var r;
-    const { gl: s } = this, i = this.scissorGL(T(t, e));
-    s.clearColor(...y.rgba1(y.ZERO)), s.clear(s.COLOR_BUFFER_BIT), this.os === "Windows" && ((r = this.clearProgram) == null || r.exec()), i();
-  }
-  eraseCanvas(t, e, s = u.ZERO) {
-    const i = T(e, s);
-    t.clearRect(...u.couple(n.topLeft(i)), ...M.couple(n.dims(i)));
-  }
-};
-a(w, "CONTEXT_KEY", Z.B("render-context"));
-let D = w;
-const gt = N({
-  region: n.box,
-  enabled: st().optional().default(!1)
-}), Y = ["gl", "lower2d", "upper2d"];
-class P extends tt {
-  constructor() {
-    super(...arguments);
-    a(this, "schema", gt);
-  }
-  afterUpdate(e) {
-    this.deleted || (this.internal.renderCtx = D.use(e), this.renderOnLifecycleChange());
-  }
-  afterDelete() {
-    this.renderOnLifecycleChange();
-  }
-  renderOnLifecycleChange() {
-    this.internal.renderCtx.loop.set({
-      key: `${this.type}-${this.key}`,
-      render: this.render.bind(this),
-      priority: "high",
-      canvases: Y
-    });
-  }
-  render() {
-    this.deleted || !this.state.enabled || this.internal.renderCtx.erase(this.state.region, u.construct(0), ...Y);
-  }
-}
-a(P, "TYPE", "eraser");
-const St = {
-  [P.TYPE]: P
-};
-export {
-  D as C,
-  P as E,
-  ot as G,
-  dt as L,
-  O as P,
-  St as R,
-  Ct as a,
-  gt as e,
-  it as p,
-  rt as u
-};