@annotorious/openseadragon 3.2.0 → 3.2.2

package/dist/init-CxAUULxM.js

@@ -1,3716 +0,0 @@
-import { E as y, U as Ut, T as Ce, a as Ye, $ as k, a0 as U, Z as R, a7 as $, a8 as Pe, a9 as Re, aa as te, ab as ge, D as X, t as W, M as A, w as K, O as ue, ac as Wt, ad as G, k as j, c as Ke, H, P as At, a1 as me, R as _e, F as je, b as N, B as L, y as v, ae as zt, af as xe, K as fe, ag as Q, s as be, u as Gt, G as Ht, ah as Lt, l as Xe, p as Ne, a2 as qe, a5 as Qe, q as Dt, m as Ot, o as It, a3 as Et, a4 as Vt, a6 as $t, ai as Yt, aj as Kt, n as Fe, e as P, ak as jt } from "./index-Bxy_vBCw.js";
-import { S as re, c as ne, a as Xt, b as Nt, B as Je } from "./colorToUniform-BcHZBaJ_.js";
-import { C as V } from "./CanvasPool-YpLnDXhe.js";
-class Ze {
-  /**
-   * Initialize the plugin with scope of application instance
-   * @static
-   * @private
-   * @param {object} [options] - See application options
-   */
-  static init(e) {
-    Object.defineProperty(
-      this,
-      "resizeTo",
-      /**
-       * The HTML element or window to automatically resize the
-       * renderer's view element to match width and height.
-       * @member {Window|HTMLElement}
-       * @name resizeTo
-       * @memberof app.Application#
-       */
-      {
-        set(t) {
-          globalThis.removeEventListener("resize", this.queueResize), this._resizeTo = t, t && (globalThis.addEventListener("resize", this.queueResize), this.resize());
-        },
-        get() {
-          return this._resizeTo;
-        }
-      }
-    ), this.queueResize = () => {
-      this._resizeTo && (this._cancelResize(), this._resizeId = requestAnimationFrame(() => this.resize()));
-    }, this._cancelResize = () => {
-      this._resizeId && (cancelAnimationFrame(this._resizeId), this._resizeId = null);
-    }, this.resize = () => {
-      if (!this._resizeTo)
-        return;
-      this._cancelResize();
-      let t, r;
-      if (this._resizeTo === globalThis.window)
-        t = globalThis.innerWidth, r = globalThis.innerHeight;
-      else {
-        const { clientWidth: i, clientHeight: s } = this._resizeTo;
-        t = i, r = s;
-      }
-      this.renderer.resize(t, r), this.render();
-    }, this._resizeId = null, this._resizeTo = null, this.resizeTo = e.resizeTo || null;
-  }
-  /**
-   * Clean up the ticker, scoped to application
-   * @static
-   * @private
-   */
-  static destroy() {
-    globalThis.removeEventListener("resize", this.queueResize), this._cancelResize(), this._cancelResize = null, this.queueResize = null, this.resizeTo = null, this.resize = null;
-  }
-}
-Ze.extension = y.Application;
-class et {
-  /**
-   * Initialize the plugin with scope of application instance
-   * @static
-   * @private
-   * @param {object} [options] - See application options
-   */
-  static init(e) {
-    e = Object.assign({
-      autoStart: !0,
-      sharedTicker: !1
-    }, e), Object.defineProperty(
-      this,
-      "ticker",
-      {
-        set(t) {
-          this._ticker && this._ticker.remove(this.render, this), this._ticker = t, t && t.add(this.render, this, Ut.LOW);
-        },
-        get() {
-          return this._ticker;
-        }
-      }
-    ), this.stop = () => {
-      this._ticker.stop();
-    }, this.start = () => {
-      this._ticker.start();
-    }, this._ticker = null, this.ticker = e.sharedTicker ? Ce.shared : new Ce(), e.autoStart && this.start();
-  }
-  /**
-   * Clean up the ticker, scoped to application.
-   * @static
-   * @private
-   */
-  static destroy() {
-    if (this._ticker) {
-      const e = this._ticker;
-      this.ticker = null, e.destroy();
-    }
-  }
-}
-et.extension = y.Application;
-class qt extends Ye {
-  constructor() {
-    super(...arguments), this.chars = /* @__PURE__ */ Object.create(null), this.lineHeight = 0, this.fontFamily = "", this.fontMetrics = { fontSize: 0, ascent: 0, descent: 0 }, this.baseLineOffset = 0, this.distanceField = { type: "none", range: 0 }, this.pages = [], this.applyFillAsTint = !0, this.baseMeasurementFontSize = 100, this.baseRenderedFontSize = 100;
-  }
-  /**
-   * The name of the font face.
-   * @deprecated since 8.0.0 Use `fontFamily` instead.
-   */
-  get font() {
-    return k(U, "BitmapFont.font is deprecated, please use BitmapFont.fontFamily instead."), this.fontFamily;
-  }
-  /**
-   * The map of base page textures (i.e., sheets of glyphs).
-   * @deprecated since 8.0.0 Use `pages` instead.
-   */
-  get pageTextures() {
-    return k(U, "BitmapFont.pageTextures is deprecated, please use BitmapFont.pages instead."), this.pages;
-  }
-  /**
-   * The size of the font face in pixels.
-   * @deprecated since 8.0.0 Use `fontMetrics.fontSize` instead.
-   */
-  get size() {
-    return k(U, "BitmapFont.size is deprecated, please use BitmapFont.fontMetrics.fontSize instead."), this.fontMetrics.fontSize;
-  }
-  /**
-   * The kind of distance field for this font or "none".
-   * @deprecated since 8.0.0 Use `distanceField.type` instead.
-   */
-  get distanceFieldRange() {
-    return k(U, "BitmapFont.distanceFieldRange is deprecated, please use BitmapFont.distanceField.range instead."), this.distanceField.range;
-  }
-  /**
-   * The range of the distance field in pixels.
-   * @deprecated since 8.0.0 Use `distanceField.range` instead.
-   */
-  get distanceFieldType() {
-    return k(U, "BitmapFont.distanceFieldType is deprecated, please use BitmapFont.distanceField.type instead."), this.distanceField.type;
-  }
-  destroy(e = !1) {
-    var t;
-    this.emit("destroy", this), this.removeAllListeners();
-    for (const r in this.chars)
-      (t = this.chars[r].texture) == null || t.destroy();
-    this.chars = null, e && (this.pages.forEach((r) => r.texture.destroy(!0)), this.pages = null);
-  }
-}
-const Me = [
-  "align",
-  "breakWords",
-  "cssOverrides",
-  "fontVariant",
-  "fontWeight",
-  "leading",
-  "letterSpacing",
-  "lineHeight",
-  "padding",
-  "textBaseline",
-  "trim",
-  "whiteSpace",
-  "wordWrap",
-  "wordWrapWidth",
-  "fontFamily",
-  "fontStyle",
-  "fontSize"
-];
-function tt(n) {
-  const e = [];
-  let t = 0;
-  for (let r = 0; r < Me.length; r++) {
-    const i = `_${Me[r]}`;
-    e[t++] = n[i];
-  }
-  return t = rt(n._fill, e, t), t = Qt(n._stroke, e, t), t = Jt(n.dropShadow, e, t), e.join("-");
-}
-function rt(n, e, t) {
-  var r;
-  return n && (e[t++] = n.color, e[t++] = n.alpha, e[t++] = (r = n.fill) == null ? void 0 : r.styleKey), t;
-}
-function Qt(n, e, t) {
-  return n && (t = rt(n, e, t), e[t++] = n.width, e[t++] = n.alignment, e[t++] = n.cap, e[t++] = n.join, e[t++] = n.miterLimit), t;
-}
-function Jt(n, e, t) {
-  return n && (e[t++] = n.alpha, e[t++] = n.angle, e[t++] = n.blur, e[t++] = n.distance, e[t++] = R.shared.setValue(n.color).toNumber()), t;
-}
-const ye = class Y extends Ye {
-  constructor(e = {}) {
-    super(), Zt(e);
-    const t = { ...Y.defaultTextStyle, ...e };
-    for (const r in t) {
-      const i = r;
-      this[i] = t[r];
-    }
-    this.update();
-  }
-  /**
-   * Alignment for multiline text, does not affect single line text.
-   * @member {'left'|'center'|'right'|'justify'}
-   */
-  get align() {
-    return this._align;
-  }
-  set align(e) {
-    this._align = e, this.update();
-  }
-  /** Indicates if lines can be wrapped within words, it needs wordWrap to be set to true. */
-  get breakWords() {
-    return this._breakWords;
-  }
-  set breakWords(e) {
-    this._breakWords = e, this.update();
-  }
-  /** Set a drop shadow for the text. */
-  get dropShadow() {
-    return this._dropShadow;
-  }
-  set dropShadow(e) {
-    e !== null && typeof e == "object" ? this._dropShadow = this._createProxy({ ...Y.defaultDropShadow, ...e }) : this._dropShadow = e ? this._createProxy({ ...Y.defaultDropShadow }) : null, this.update();
-  }
-  /** The font family, can be a single font name, or a list of names where the first is the preferred font. */
-  get fontFamily() {
-    return this._fontFamily;
-  }
-  set fontFamily(e) {
-    this._fontFamily = e, this.update();
-  }
-  /** The font size (as a number it converts to px, but as a string, equivalents are '26px','20pt','160%' or '1.6em') */
-  get fontSize() {
-    return this._fontSize;
-  }
-  set fontSize(e) {
-    typeof e == "string" ? this._fontSize = parseInt(e, 10) : this._fontSize = e, this.update();
-  }
-  /**
-   * The font style.
-   * @member {'normal'|'italic'|'oblique'}
-   */
-  get fontStyle() {
-    return this._fontStyle;
-  }
-  set fontStyle(e) {
-    this._fontStyle = e.toLowerCase(), this.update();
-  }
-  /**
-   * The font variant.
-   * @member {'normal'|'small-caps'}
-   */
-  get fontVariant() {
-    return this._fontVariant;
-  }
-  set fontVariant(e) {
-    this._fontVariant = e, this.update();
-  }
-  /**
-   * The font weight.
-   * @member {'normal'|'bold'|'bolder'|'lighter'|'100'|'200'|'300'|'400'|'500'|'600'|'700'|'800'|'900'}
-   */
-  get fontWeight() {
-    return this._fontWeight;
-  }
-  set fontWeight(e) {
-    this._fontWeight = e, this.update();
-  }
-  /** The space between lines. */
-  get leading() {
-    return this._leading;
-  }
-  set leading(e) {
-    this._leading = e, this.update();
-  }
-  /** The amount of spacing between letters, default is 0. */
-  get letterSpacing() {
-    return this._letterSpacing;
-  }
-  set letterSpacing(e) {
-    this._letterSpacing = e, this.update();
-  }
-  /** The line height, a number that represents the vertical space that a letter uses. */
-  get lineHeight() {
-    return this._lineHeight;
-  }
-  set lineHeight(e) {
-    this._lineHeight = e, this.update();
-  }
-  /**
-   * Occasionally some fonts are cropped. Adding some padding will prevent this from happening
-   * by adding padding to all sides of the text.
-   */
-  get padding() {
-    return this._padding;
-  }
-  set padding(e) {
-    this._padding = e, this.update();
-  }
-  /** Trim transparent borders. This is an expensive operation so only use this if you have to! */
-  get trim() {
-    return this._trim;
-  }
-  set trim(e) {
-    this._trim = e, this.update();
-  }
-  /**
-   * The baseline of the text that is rendered.
-   * @member {'alphabetic'|'top'|'hanging'|'middle'|'ideographic'|'bottom'}
-   */
-  get textBaseline() {
-    return this._textBaseline;
-  }
-  set textBaseline(e) {
-    this._textBaseline = e, this.update();
-  }
-  /**
-   * How newlines and spaces should be handled.
-   * Default is 'pre' (preserve, preserve).
-   *
-   *  value       | New lines     |   Spaces
-   *  ---         | ---           |   ---
-   * 'normal'     | Collapse      |   Collapse
-   * 'pre'        | Preserve      |   Preserve
-   * 'pre-line'   | Preserve      |   Collapse
-   * @member {'normal'|'pre'|'pre-line'}
-   */
-  get whiteSpace() {
-    return this._whiteSpace;
-  }
-  set whiteSpace(e) {
-    this._whiteSpace = e, this.update();
-  }
-  /** Indicates if word wrap should be used. */
-  get wordWrap() {
-    return this._wordWrap;
-  }
-  set wordWrap(e) {
-    this._wordWrap = e, this.update();
-  }
-  /** The width at which text will wrap, it needs wordWrap to be set to true. */
-  get wordWrapWidth() {
-    return this._wordWrapWidth;
-  }
-  set wordWrapWidth(e) {
-    this._wordWrapWidth = e, this.update();
-  }
-  /**
-   * The fill style that will be used to color the text.
-   * This can be:
-   * - A color string like 'red', '#00FF00', or 'rgba(255,0,0,0.5)'
-   * - A hex number like 0xff0000 for red
-   * - A FillStyle object with properties like { color: 0xff0000, alpha: 0.5 }
-   * - A FillGradient for gradient fills
-   * - A FillPattern for pattern/texture fills
-   *
-   * When using a FillGradient, vertical gradients (angle of 90 degrees) are applied per line of text,
-   * while gradients at any other angle are spread across the entire text body as a whole.
-   * @example
-   * // Vertical gradient applied per line
-   * const verticalGradient = new FillGradient(0, 0, 0, 1)
-   *     .addColorStop(0, 0xff0000)
-   *     .addColorStop(1, 0x0000ff);
-   *
-   * const text = new Text({
-   *     text: 'Line 1\nLine 2',
-   *     style: { fill: verticalGradient }
-   * });
-   *
-   * To manage the gradient in a global scope, set the textureSpace property of the FillGradient to 'global'.
-   * @type {string|number|FillStyle|FillGradient|FillPattern}
-   */
-  get fill() {
-    return this._originalFill;
-  }
-  set fill(e) {
-    e !== this._originalFill && (this._originalFill = e, this._isFillStyle(e) && (this._originalFill = this._createProxy({ ...$.defaultFillStyle, ...e }, () => {
-      this._fill = Pe(
-        { ...this._originalFill },
-        $.defaultFillStyle
-      );
-    })), this._fill = Pe(
-      e === 0 ? "black" : e,
-      $.defaultFillStyle
-    ), this.update());
-  }
-  /** A fillstyle that will be used on the text stroke, e.g., 'blue', '#FCFF00'. */
-  get stroke() {
-    return this._originalStroke;
-  }
-  set stroke(e) {
-    e !== this._originalStroke && (this._originalStroke = e, this._isFillStyle(e) && (this._originalStroke = this._createProxy({ ...$.defaultStrokeStyle, ...e }, () => {
-      this._stroke = Re(
-        { ...this._originalStroke },
-        $.defaultStrokeStyle
-      );
-    })), this._stroke = Re(e, $.defaultStrokeStyle), this.update());
-  }
-  _generateKey() {
-    return this._styleKey = tt(this), this._styleKey;
-  }
-  update() {
-    this._styleKey = null, this.emit("update", this);
-  }
-  /** Resets all properties to the default values */
-  reset() {
-    const e = Y.defaultTextStyle;
-    for (const t in e)
-      this[t] = e[t];
-  }
-  get styleKey() {
-    return this._styleKey || this._generateKey();
-  }
-  /**
-   * Creates a new TextStyle object with the same values as this one.
-   * @returns New cloned TextStyle object
-   */
-  clone() {
-    return new Y({
-      align: this.align,
-      breakWords: this.breakWords,
-      dropShadow: this._dropShadow ? { ...this._dropShadow } : null,
-      fill: this._fill,
-      fontFamily: this.fontFamily,
-      fontSize: this.fontSize,
-      fontStyle: this.fontStyle,
-      fontVariant: this.fontVariant,
-      fontWeight: this.fontWeight,
-      leading: this.leading,
-      letterSpacing: this.letterSpacing,
-      lineHeight: this.lineHeight,
-      padding: this.padding,
-      stroke: this._stroke,
-      textBaseline: this.textBaseline,
-      whiteSpace: this.whiteSpace,
-      wordWrap: this.wordWrap,
-      wordWrapWidth: this.wordWrapWidth
-    });
-  }
-  /**
-   * Destroys this text style.
-   * @param options - Options parameter. A boolean will act as if all options
-   *  have been set to that value
-   * @param {boolean} [options.texture=false] - Should it destroy the texture of the this style
-   * @param {boolean} [options.textureSource=false] - Should it destroy the textureSource of the this style
-   */
-  destroy(e = !1) {
-    var r, i, s, a;
-    if (this.removeAllListeners(), typeof e == "boolean" ? e : e == null ? void 0 : e.texture) {
-      const o = typeof e == "boolean" ? e : e == null ? void 0 : e.textureSource;
-      (r = this._fill) != null && r.texture && this._fill.texture.destroy(o), (i = this._originalFill) != null && i.texture && this._originalFill.texture.destroy(o), (s = this._stroke) != null && s.texture && this._stroke.texture.destroy(o), (a = this._originalStroke) != null && a.texture && this._originalStroke.texture.destroy(o);
-    }
-    this._fill = null, this._stroke = null, this.dropShadow = null, this._originalStroke = null, this._originalFill = null;
-  }
-  _createProxy(e, t) {
-    return new Proxy(e, {
-      set: (r, i, s) => (r[i] = s, t == null || t(i, s), this.update(), !0)
-    });
-  }
-  _isFillStyle(e) {
-    return (e ?? null) !== null && !(R.isColorLike(e) || e instanceof te || e instanceof ge);
-  }
-};
-ye.defaultDropShadow = {
-  /** Set alpha for the drop shadow */
-  alpha: 1,
-  /** Set a angle of the drop shadow */
-  angle: Math.PI / 6,
-  /** Set a shadow blur radius */
-  blur: 0,
-  /** A fill style to be used on the  e.g., 'red', '#00FF00' */
-  color: "black",
-  /** Set a distance of the drop shadow */
-  distance: 5
-};
-ye.defaultTextStyle = {
-  /**
-   * See {@link TextStyle.align}
-   * @type {'left'|'center'|'right'|'justify'}
-   */
-  align: "left",
-  /** See {@link TextStyle.breakWords} */
-  breakWords: !1,
-  /** See {@link TextStyle.dropShadow} */
-  dropShadow: null,
-  /**
-   * See {@link TextStyle.fill}
-   * @type {string|string[]|number|number[]|CanvasGradient|CanvasPattern}
-   */
-  fill: "black",
-  /**
-   * See {@link TextStyle.fontFamily}
-   * @type {string|string[]}
-   */
-  fontFamily: "Arial",
-  /**
-   * See {@link TextStyle.fontSize}
-   * @type {number|string}
-   */
-  fontSize: 26,
-  /**
-   * See {@link TextStyle.fontStyle}
-   * @type {'normal'|'italic'|'oblique'}
-   */
-  fontStyle: "normal",
-  /**
-   * See {@link TextStyle.fontVariant}
-   * @type {'normal'|'small-caps'}
-   */
-  fontVariant: "normal",
-  /**
-   * See {@link TextStyle.fontWeight}
-   * @type {'normal'|'bold'|'bolder'|'lighter'|'100'|'200'|'300'|'400'|'500'|'600'|'700'|'800'|'900'}
-   */
-  fontWeight: "normal",
-  /** See {@link TextStyle.leading} */
-  leading: 0,
-  /** See {@link TextStyle.letterSpacing} */
-  letterSpacing: 0,
-  /** See {@link TextStyle.lineHeight} */
-  lineHeight: 0,
-  /** See {@link TextStyle.padding} */
-  padding: 0,
-  /**
-   * See {@link TextStyle.stroke}
-   * @type {string|number}
-   */
-  stroke: null,
-  /**
-   * See {@link TextStyle.textBaseline}
-   * @type {'alphabetic'|'top'|'hanging'|'middle'|'ideographic'|'bottom'}
-   */
-  textBaseline: "alphabetic",
-  /** See {@link TextStyle.trim} */
-  trim: !1,
-  /**
-   * See {@link TextStyle.whiteSpace}
-   * @type {'normal'|'pre'|'pre-line'}
-   */
-  whiteSpace: "pre",
-  /** See {@link TextStyle.wordWrap} */
-  wordWrap: !1,
-  /** See {@link TextStyle.wordWrapWidth} */
-  wordWrapWidth: 100
-};
-let E = ye;
-function Zt(n) {
-  const e = n;
-  if (typeof e.dropShadow == "boolean" && e.dropShadow) {
-    const t = E.defaultDropShadow;
-    n.dropShadow = {
-      alpha: e.dropShadowAlpha ?? t.alpha,
-      angle: e.dropShadowAngle ?? t.angle,
-      blur: e.dropShadowBlur ?? t.blur,
-      color: e.dropShadowColor ?? t.color,
-      distance: e.dropShadowDistance ?? t.distance
-    };
-  }
-  if (e.strokeThickness !== void 0) {
-    k(U, "strokeThickness is now a part of stroke");
-    const t = e.stroke;
-    let r = {};
-    if (R.isColorLike(t))
-      r.color = t;
-    else if (t instanceof te || t instanceof ge)
-      r.fill = t;
-    else if (Object.hasOwnProperty.call(t, "color") || Object.hasOwnProperty.call(t, "fill"))
-      r = t;
-    else
-      throw new Error("Invalid stroke value.");
-    n.stroke = {
-      ...r,
-      width: e.strokeThickness
-    };
-  }
-  if (Array.isArray(e.fillGradientStops)) {
-    k(U, "gradient fill is now a fill pattern: `new FillGradient(...)`");
-    let t;
-    n.fontSize == null ? n.fontSize = E.defaultTextStyle.fontSize : typeof n.fontSize == "string" ? t = parseInt(n.fontSize, 10) : t = n.fontSize;
-    const r = new te({
-      start: { x: 0, y: 0 },
-      end: { x: 0, y: (t || 0) * 1.7 }
-    }), i = e.fillGradientStops.map((s) => R.shared.setValue(s).toNumber());
-    i.forEach((s, a) => {
-      const o = a / (i.length - 1);
-      r.addColorStop(o, s);
-    }), n.fill = {
-      fill: r
-    };
-  }
-}
-const er = [
-  "serif",
-  "sans-serif",
-  "monospace",
-  "cursive",
-  "fantasy",
-  "system-ui"
-];
-function ie(n) {
-  const e = typeof n.fontSize == "number" ? `${n.fontSize}px` : n.fontSize;
-  let t = n.fontFamily;
-  Array.isArray(n.fontFamily) || (t = n.fontFamily.split(","));
-  for (let r = t.length - 1; r >= 0; r--) {
-    let i = t[r].trim();
-    !/([\"\'])[^\'\"]+\1/.test(i) && !er.includes(i) && (i = `"${i}"`), t[r] = i;
-  }
-  return `${n.fontStyle} ${n.fontVariant} ${n.fontWeight} ${e} ${t.join(",")}`;
-}
-const oe = {
-  // TextMetrics requires getImageData readback for measuring fonts.
-  willReadFrequently: !0
-}, z = class m {
-  /**
-   * Checking that we can use modern canvas 2D API.
-   *
-   * Note: This is an unstable API, Chrome < 94 use `textLetterSpacing`, later versions use `letterSpacing`.
-   * @see TextMetrics.experimentalLetterSpacing
-   * @see https://developer.mozilla.org/en-US/docs/Web/API/ICanvasRenderingContext2D/letterSpacing
-   * @see https://developer.chrome.com/origintrials/#/view_trial/3585991203293757441
-   */
-  static get experimentalLetterSpacingSupported() {
-    let e = m._experimentalLetterSpacingSupported;
-    if (e !== void 0) {
-      const t = X.get().getCanvasRenderingContext2D().prototype;
-      e = m._experimentalLetterSpacingSupported = "letterSpacing" in t || "textLetterSpacing" in t;
-    }
-    return e;
-  }
-  /**
-   * @param text - the text that was measured
-   * @param style - the style that was measured
-   * @param width - the measured width of the text
-   * @param height - the measured height of the text
-   * @param lines - an array of the lines of text broken by new lines and wrapping if specified in style
-   * @param lineWidths - an array of the line widths for each line matched to `lines`
-   * @param lineHeight - the measured line height for this style
-   * @param maxLineWidth - the maximum line width for all measured lines
-   * @param {FontMetrics} fontProperties - the font properties object from TextMetrics.measureFont
-   */
-  constructor(e, t, r, i, s, a, o, l, h) {
-    this.text = e, this.style = t, this.width = r, this.height = i, this.lines = s, this.lineWidths = a, this.lineHeight = o, this.maxLineWidth = l, this.fontProperties = h;
-  }
-  /**
-   * Measures the supplied string of text and returns a Rectangle.
-   * @param text - The text to measure.
-   * @param style - The text style to use for measuring
-   * @param canvas - optional specification of the canvas to use for measuring.
-   * @param wordWrap
-   * @returns Measured width and height of the text.
-   */
-  static measureText(e = " ", t, r = m._canvas, i = t.wordWrap) {
-    var w;
-    const s = `${e}:${t.styleKey}`;
-    if (m._measurementCache[s])
-      return m._measurementCache[s];
-    const a = ie(t), o = m.measureFont(a);
-    o.fontSize === 0 && (o.fontSize = t.fontSize, o.ascent = t.fontSize);
-    const l = m.__context;
-    l.font = a;
-    const c = (i ? m._wordWrap(e, t, r) : e).split(/(?:\r\n|\r|\n)/), d = new Array(c.length);
-    let f = 0;
-    for (let b = 0; b < c.length; b++) {
-      const S = m._measureText(c[b], t.letterSpacing, l);
-      d[b] = S, f = Math.max(f, S);
-    }
-    const g = ((w = t._stroke) == null ? void 0 : w.width) || 0;
-    let p = f + g;
-    t.dropShadow && (p += t.dropShadow.distance);
-    const u = t.lineHeight || o.fontSize;
-    let _ = Math.max(u, o.fontSize + g) + (c.length - 1) * (u + t.leading);
-    return t.dropShadow && (_ += t.dropShadow.distance), new m(
-      e,
-      t,
-      p,
-      _,
-      c,
-      d,
-      u + t.leading,
-      f,
-      o
-    );
-  }
-  static _measureText(e, t, r) {
-    let i = !1;
-    m.experimentalLetterSpacingSupported && (m.experimentalLetterSpacing ? (r.letterSpacing = `${t}px`, r.textLetterSpacing = `${t}px`, i = !0) : (r.letterSpacing = "0px", r.textLetterSpacing = "0px"));
-    const s = r.measureText(e);
-    let a = s.width;
-    const o = -s.actualBoundingBoxLeft;
-    let h = s.actualBoundingBoxRight - o;
-    if (a > 0)
-      if (i)
-        a -= t, h -= t;
-      else {
-        const c = (m.graphemeSegmenter(e).length - 1) * t;
-        a += c, h += c;
-      }
-    return Math.max(a, h);
-  }
-  /**
-   * Applies newlines to a string to have it optimally fit into the horizontal
-   * bounds set by the Text object's wordWrapWidth property.
-   * @param text - String to apply word wrapping to
-   * @param style - the style to use when wrapping
-   * @param canvas - optional specification of the canvas to use for measuring.
-   * @returns New string with new lines applied where required
-   */
-  static _wordWrap(e, t, r = m._canvas) {
-    const i = r.getContext("2d", oe);
-    let s = 0, a = "", o = "";
-    const l = /* @__PURE__ */ Object.create(null), { letterSpacing: h, whiteSpace: c } = t, d = m._collapseSpaces(c), f = m._collapseNewlines(c);
-    let g = !d;
-    const p = t.wordWrapWidth + h, u = m._tokenize(e);
-    for (let _ = 0; _ < u.length; _++) {
-      let x = u[_];
-      if (m._isNewline(x)) {
-        if (!f) {
-          o += m._addLine(a), g = !d, a = "", s = 0;
-          continue;
-        }
-        x = " ";
-      }
-      if (d) {
-        const b = m.isBreakingSpace(x), S = m.isBreakingSpace(a[a.length - 1]);
-        if (b && S)
-          continue;
-      }
-      const w = m._getFromCache(x, h, l, i);
-      if (w > p)
-        if (a !== "" && (o += m._addLine(a), a = "", s = 0), m.canBreakWords(x, t.breakWords)) {
-          const b = m.wordWrapSplit(x);
-          for (let S = 0; S < b.length; S++) {
-            let B = b[S], C = B, F = 1;
-            for (; b[S + F]; ) {
-              const D = b[S + F];
-              if (!m.canBreakChars(C, D, x, S, t.breakWords))
-                B += D;
-              else
-                break;
-              C = D, F++;
-            }
-            S += F - 1;
-            const M = m._getFromCache(B, h, l, i);
-            M + s > p && (o += m._addLine(a), g = !1, a = "", s = 0), a += B, s += M;
-          }
-        } else {
-          a.length > 0 && (o += m._addLine(a), a = "", s = 0);
-          const b = _ === u.length - 1;
-          o += m._addLine(x, !b), g = !1, a = "", s = 0;
-        }
-      else
-        w + s > p && (g = !1, o += m._addLine(a), a = "", s = 0), (a.length > 0 || !m.isBreakingSpace(x) || g) && (a += x, s += w);
-    }
-    return o += m._addLine(a, !1), o;
-  }
-  /**
-   * Convenience function for logging each line added during the wordWrap method.
-   * @param line    - The line of text to add
-   * @param newLine - Add new line character to end
-   * @returns A formatted line
-   */
-  static _addLine(e, t = !0) {
-    return e = m._trimRight(e), e = t ? `${e}
-` : e, e;
-  }
-  /**
-   * Gets & sets the widths of calculated characters in a cache object
-   * @param key            - The key
-   * @param letterSpacing  - The letter spacing
-   * @param cache          - The cache
-   * @param context        - The canvas context
-   * @returns The from cache.
-   */
-  static _getFromCache(e, t, r, i) {
-    let s = r[e];
-    return typeof s != "number" && (s = m._measureText(e, t, i) + t, r[e] = s), s;
-  }
-  /**
-   * Determines whether we should collapse breaking spaces.
-   * @param whiteSpace - The TextStyle property whiteSpace
-   * @returns Should collapse
-   */
-  static _collapseSpaces(e) {
-    return e === "normal" || e === "pre-line";
-  }
-  /**
-   * Determines whether we should collapse newLine chars.
-   * @param whiteSpace - The white space
-   * @returns should collapse
-   */
-  static _collapseNewlines(e) {
-    return e === "normal";
-  }
-  /**
-   * Trims breaking whitespaces from string.
-   * @param text - The text
-   * @returns Trimmed string
-   */
-  static _trimRight(e) {
-    if (typeof e != "string")
-      return "";
-    for (let t = e.length - 1; t >= 0; t--) {
-      const r = e[t];
-      if (!m.isBreakingSpace(r))
-        break;
-      e = e.slice(0, -1);
-    }
-    return e;
-  }
-  /**
-   * Determines if char is a newline.
-   * @param char - The character
-   * @returns True if newline, False otherwise.
-   */
-  static _isNewline(e) {
-    return typeof e != "string" ? !1 : m._newlines.includes(e.charCodeAt(0));
-  }
-  /**
-   * Determines if char is a breaking whitespace.
-   *
-   * It allows one to determine whether char should be a breaking whitespace
-   * For example certain characters in CJK langs or numbers.
-   * It must return a boolean.
-   * @param char - The character
-   * @param [_nextChar] - The next character
-   * @returns True if whitespace, False otherwise.
-   */
-  static isBreakingSpace(e, t) {
-    return typeof e != "string" ? !1 : m._breakingSpaces.includes(e.charCodeAt(0));
-  }
-  /**
-   * Splits a string into words, breaking-spaces and newLine characters
-   * @param text - The text
-   * @returns A tokenized array
-   */
-  static _tokenize(e) {
-    const t = [];
-    let r = "";
-    if (typeof e != "string")
-      return t;
-    for (let i = 0; i < e.length; i++) {
-      const s = e[i], a = e[i + 1];
-      if (m.isBreakingSpace(s, a) || m._isNewline(s)) {
-        r !== "" && (t.push(r), r = ""), t.push(s);
-        continue;
-      }
-      r += s;
-    }
-    return r !== "" && t.push(r), t;
-  }
-  /**
-   * Overridable helper method used internally by TextMetrics, exposed to allow customizing the class's behavior.
-   *
-   * It allows one to customise which words should break
-   * Examples are if the token is CJK or numbers.
-   * It must return a boolean.
-   * @param _token - The token
-   * @param breakWords - The style attr break words
-   * @returns Whether to break word or not
-   */
-  static canBreakWords(e, t) {
-    return t;
-  }
-  /**
-   * Overridable helper method used internally by TextMetrics, exposed to allow customizing the class's behavior.
-   *
-   * It allows one to determine whether a pair of characters
-   * should be broken by newlines
-   * For example certain characters in CJK langs or numbers.
-   * It must return a boolean.
-   * @param _char - The character
-   * @param _nextChar - The next character
-   * @param _token - The token/word the characters are from
-   * @param _index - The index in the token of the char
-   * @param _breakWords - The style attr break words
-   * @returns whether to break word or not
-   */
-  static canBreakChars(e, t, r, i, s) {
-    return !0;
-  }
-  /**
-   * Overridable helper method used internally by TextMetrics, exposed to allow customizing the class's behavior.
-   *
-   * It is called when a token (usually a word) has to be split into separate pieces
-   * in order to determine the point to break a word.
-   * It must return an array of characters.
-   * @param token - The token to split
-   * @returns The characters of the token
-   * @see CanvasTextMetrics.graphemeSegmenter
-   */
-  static wordWrapSplit(e) {
-    return m.graphemeSegmenter(e);
-  }
-  /**
-   * Calculates the ascent, descent and fontSize of a given font-style
-   * @param font - String representing the style of the font
-   * @returns Font properties object
-   */
-  static measureFont(e) {
-    if (m._fonts[e])
-      return m._fonts[e];
-    const t = m._context;
-    t.font = e;
-    const r = t.measureText(m.METRICS_STRING + m.BASELINE_SYMBOL), i = {
-      ascent: r.actualBoundingBoxAscent,
-      descent: r.actualBoundingBoxDescent,
-      fontSize: r.actualBoundingBoxAscent + r.actualBoundingBoxDescent
-    };
-    return m._fonts[e] = i, i;
-  }
-  /**
-   * Clear font metrics in metrics cache.
-   * @param {string} [font] - font name. If font name not set then clear cache for all fonts.
-   */
-  static clearMetrics(e = "") {
-    e ? delete m._fonts[e] : m._fonts = {};
-  }
-  /**
-   * Cached canvas element for measuring text
-   * TODO: this should be private, but isn't because of backward compat, will fix later.
-   * @ignore
-   */
-  static get _canvas() {
-    if (!m.__canvas) {
-      let e;
-      try {
-        const t = new OffscreenCanvas(0, 0), r = t.getContext("2d", oe);
-        if (r != null && r.measureText)
-          return m.__canvas = t, t;
-        e = X.get().createCanvas();
-      } catch {
-        e = X.get().createCanvas();
-      }
-      e.width = e.height = 10, m.__canvas = e;
-    }
-    return m.__canvas;
-  }
-  /**
-   * TODO: this should be private, but isn't because of backward compat, will fix later.
-   * @ignore
-   */
-  static get _context() {
-    return m.__context || (m.__context = m._canvas.getContext("2d", oe)), m.__context;
-  }
-};
-z.METRICS_STRING = "|ÉqÅ";
-z.BASELINE_SYMBOL = "M";
-z.BASELINE_MULTIPLIER = 1.4;
-z.HEIGHT_MULTIPLIER = 2;
-z.graphemeSegmenter = (() => {
-  if (typeof (Intl == null ? void 0 : Intl.Segmenter) == "function") {
-    const n = new Intl.Segmenter();
-    return (e) => [...n.segment(e)].map((t) => t.segment);
-  }
-  return (n) => [...n];
-})();
-z.experimentalLetterSpacing = !1;
-z._fonts = {};
-z._newlines = [
-  10,
-  // line feed
-  13
-  // carriage return
-];
-z._breakingSpaces = [
-  9,
-  // character tabulation
-  32,
-  // space
-  8192,
-  // en quad
-  8193,
-  // em quad
-  8194,
-  // en space
-  8195,
-  // em space
-  8196,
-  // three-per-em space
-  8197,
-  // four-per-em space
-  8198,
-  // six-per-em space
-  8200,
-  // punctuation space
-  8201,
-  // thin space
-  8202,
-  // hair space
-  8287,
-  // medium mathematical space
-  12288
-  // ideographic space
-];
-z._measurementCache = {};
-let I = z;
-const ke = 1e5;
-function se(n, e, t, r = 0) {
-  if (n.texture === W.WHITE && !n.fill)
-    return R.shared.setValue(n.color).setAlpha(n.alpha ?? 1).toHexa();
-  if (n.fill) {
-    if (n.fill instanceof ge) {
-      const i = n.fill, s = e.createPattern(i.texture.source.resource, "repeat"), a = i.transform.copyTo(A.shared);
-      return a.scale(
-        i.texture.frame.width,
-        i.texture.frame.height
-      ), s.setTransform(a), s;
-    } else if (n.fill instanceof te) {
-      const i = n.fill, s = i.type === "linear", a = i.textureSpace === "local";
-      let o = 1, l = 1;
-      a && t && (o = t.width + r, l = t.height + r);
-      let h, c = !1;
-      if (s) {
-        const { start: d, end: f } = i;
-        h = e.createLinearGradient(
-          d.x * o,
-          d.y * l,
-          f.x * o,
-          f.y * l
-        ), c = Math.abs(f.x - d.x) < Math.abs((f.y - d.y) * 0.1);
-      } else {
-        const { center: d, innerRadius: f, outerCenter: g, outerRadius: p } = i;
-        h = e.createRadialGradient(
-          d.x * o,
-          d.y * l,
-          f * o,
-          g.x * o,
-          g.y * l,
-          p * o
-        );
-      }
-      if (c && a && t) {
-        const d = t.lineHeight / l;
-        for (let f = 0; f < t.lines.length; f++) {
-          const g = (f * t.lineHeight + r / 2) / l;
-          i.colorStops.forEach((p) => {
-            const u = g + p.offset * d;
-            h.addColorStop(
-              // fix to 5 decimal places to avoid floating point precision issues
-              Math.floor(u * ke) / ke,
-              R.shared.setValue(p.color).toHex()
-            );
-          });
-        }
-      } else
-        i.colorStops.forEach((d) => {
-          h.addColorStop(d.offset, R.shared.setValue(d.color).toHex());
-        });
-      return h;
-    }
-  } else {
-    const i = e.createPattern(n.texture.source.resource, "repeat"), s = n.matrix.copyTo(A.shared);
-    return s.scale(n.texture.frame.width, n.texture.frame.height), i.setTransform(s), i;
-  }
-  return K("FillStyle not recognised", n), "red";
-}
-function it(n) {
-  if (n === "")
-    return [];
-  typeof n == "string" && (n = [n]);
-  const e = [];
-  for (let t = 0, r = n.length; t < r; t++) {
-    const i = n[t];
-    if (Array.isArray(i)) {
-      if (i.length !== 2)
-        throw new Error(`[BitmapFont]: Invalid character range length, expecting 2 got ${i.length}.`);
-      if (i[0].length === 0 || i[1].length === 0)
-        throw new Error("[BitmapFont]: Invalid character delimiter.");
-      const s = i[0].charCodeAt(0), a = i[1].charCodeAt(0);
-      if (a < s)
-        throw new Error("[BitmapFont]: Invalid character range.");
-      for (let o = s, l = a; o <= l; o++)
-        e.push(String.fromCharCode(o));
-    } else
-      e.push(...Array.from(i));
-  }
-  if (e.length === 0)
-    throw new Error("[BitmapFont]: Empty set when resolving characters.");
-  return e;
-}
-const st = class nt extends qt {
-  /**
-   * @param options - The options for the dynamic bitmap font.
-   */
-  constructor(e) {
-    super(), this.resolution = 1, this.pages = [], this._padding = 0, this._measureCache = /* @__PURE__ */ Object.create(null), this._currentChars = [], this._currentX = 0, this._currentY = 0, this._currentPageIndex = -1, this._skipKerning = !1;
-    const t = { ...nt.defaultOptions, ...e };
-    this._textureSize = t.textureSize, this._mipmap = t.mipmap;
-    const r = t.style.clone();
-    t.overrideFill && (r._fill.color = 16777215, r._fill.alpha = 1, r._fill.texture = W.WHITE, r._fill.fill = null), this.applyFillAsTint = t.overrideFill;
-    const i = r.fontSize;
-    r.fontSize = this.baseMeasurementFontSize;
-    const s = ie(r);
-    t.overrideSize ? r._stroke && (r._stroke.width *= this.baseRenderedFontSize / i) : r.fontSize = this.baseRenderedFontSize = i, this._style = r, this._skipKerning = t.skipKerning ?? !1, this.resolution = t.resolution ?? 1, this._padding = t.padding ?? 4, this.fontMetrics = I.measureFont(s), this.lineHeight = r.lineHeight || this.fontMetrics.fontSize || r.fontSize;
-  }
-  ensureCharacters(e) {
-    var _, x;
-    const t = it(e).filter((w) => !this._currentChars.includes(w)).filter((w, b, S) => S.indexOf(w) === b);
-    if (!t.length)
-      return;
-    this._currentChars = [...this._currentChars, ...t];
-    let r;
-    this._currentPageIndex === -1 ? r = this._nextPage() : r = this.pages[this._currentPageIndex];
-    let { canvas: i, context: s } = r.canvasAndContext, a = r.texture.source;
-    const o = this._style;
-    let l = this._currentX, h = this._currentY;
-    const c = this.baseRenderedFontSize / this.baseMeasurementFontSize, d = this._padding * c;
-    let f = 0, g = !1;
-    const p = i.width / this.resolution, u = i.height / this.resolution;
-    for (let w = 0; w < t.length; w++) {
-      const b = t[w], S = I.measureText(b, o, i, !1);
-      S.lineHeight = S.height;
-      const B = S.width * c, C = Math.ceil((o.fontStyle === "italic" ? 2 : 1) * B), F = S.height * c, M = C + d * 2, D = F + d * 2;
-      if (g = !1, b !== `
-` && b !== "\r" && b !== "	" && b !== " " && (g = !0, f = Math.ceil(Math.max(D, f))), l + M > p && (h += f, f = D, l = 0, h + f > u)) {
-        a.update();
-        const O = this._nextPage();
-        i = O.canvasAndContext.canvas, s = O.canvasAndContext.context, a = O.texture.source, h = 0;
-      }
-      const q = B / c - (((_ = o.dropShadow) == null ? void 0 : _.distance) ?? 0) - (((x = o._stroke) == null ? void 0 : x.width) ?? 0);
-      if (this.chars[b] = {
-        id: b.codePointAt(0),
-        xOffset: -this._padding,
-        yOffset: -this._padding,
-        xAdvance: q,
-        kerning: {}
-      }, g) {
-        this._drawGlyph(
-          s,
-          S,
-          l + d,
-          h + d,
-          c,
-          o
-        );
-        const O = a.width * c, T = a.height * c, ae = new ue(
-          l / O * a.width,
-          h / T * a.height,
-          M / O * a.width,
-          D / T * a.height
-        );
-        this.chars[b].texture = new W({
-          source: a,
-          frame: ae
-        }), l += Math.ceil(M);
-      }
-    }
-    a.update(), this._currentX = l, this._currentY = h, this._skipKerning && this._applyKerning(t, s);
-  }
-  /**
-   * @deprecated since 8.0.0
-   * The map of base page textures (i.e., sheets of glyphs).
-   */
-  get pageTextures() {
-    return k(U, "BitmapFont.pageTextures is deprecated, please use BitmapFont.pages instead."), this.pages;
-  }
-  _applyKerning(e, t) {
-    const r = this._measureCache;
-    for (let i = 0; i < e.length; i++) {
-      const s = e[i];
-      for (let a = 0; a < this._currentChars.length; a++) {
-        const o = this._currentChars[a];
-        let l = r[s];
-        l || (l = r[s] = t.measureText(s).width);
-        let h = r[o];
-        h || (h = r[o] = t.measureText(o).width);
-        let c = t.measureText(s + o).width, d = c - (l + h);
-        d && (this.chars[s].kerning[o] = d), c = t.measureText(s + o).width, d = c - (l + h), d && (this.chars[o].kerning[s] = d);
-      }
-    }
-  }
-  _nextPage() {
-    this._currentPageIndex++;
-    const e = this.resolution, t = V.getOptimalCanvasAndContext(
-      this._textureSize,
-      this._textureSize,
-      e
-    );
-    this._setupContext(t.context, this._style, e);
-    const r = e * (this.baseRenderedFontSize / this.baseMeasurementFontSize), i = new W({
-      source: new Wt({
-        resource: t.canvas,
-        resolution: r,
-        alphaMode: "premultiply-alpha-on-upload",
-        autoGenerateMipmaps: this._mipmap
-      })
-    }), s = {
-      canvasAndContext: t,
-      texture: i
-    };
-    return this.pages[this._currentPageIndex] = s, s;
-  }
-  // canvas style!
-  _setupContext(e, t, r) {
-    t.fontSize = this.baseRenderedFontSize, e.scale(r, r), e.font = ie(t), t.fontSize = this.baseMeasurementFontSize, e.textBaseline = t.textBaseline;
-    const i = t._stroke, s = (i == null ? void 0 : i.width) ?? 0;
-    if (i && (e.lineWidth = s, e.lineJoin = i.join, e.miterLimit = i.miterLimit, e.strokeStyle = se(i, e)), t._fill && (e.fillStyle = se(t._fill, e)), t.dropShadow) {
-      const a = t.dropShadow, o = R.shared.setValue(a.color).toArray(), l = a.blur * r, h = a.distance * r;
-      e.shadowColor = `rgba(${o[0] * 255},${o[1] * 255},${o[2] * 255},${a.alpha})`, e.shadowBlur = l, e.shadowOffsetX = Math.cos(a.angle) * h, e.shadowOffsetY = Math.sin(a.angle) * h;
-    } else
-      e.shadowColor = "black", e.shadowBlur = 0, e.shadowOffsetX = 0, e.shadowOffsetY = 0;
-  }
-  _drawGlyph(e, t, r, i, s, a) {
-    const o = t.text, l = t.fontProperties, h = a._stroke, c = ((h == null ? void 0 : h.width) ?? 0) * s, d = r + c / 2, f = i - c / 2, g = l.descent * s, p = t.lineHeight * s;
-    a.stroke && c && e.strokeText(o, d, f + p - g), a._fill && e.fillText(o, d, f + p - g);
-  }
-  destroy() {
-    super.destroy();
-    for (let e = 0; e < this.pages.length; e++) {
-      const { canvasAndContext: t, texture: r } = this.pages[e];
-      V.returnCanvasAndContext(t), r.destroy(!0);
-    }
-    this.pages = null;
-  }
-};
-st.defaultOptions = {
-  textureSize: 512,
-  style: new E(),
-  mipmap: !0
-};
-let Ue = st;
-function at(n, e, t, r) {
-  const i = {
-    width: 0,
-    height: 0,
-    offsetY: 0,
-    scale: e.fontSize / t.baseMeasurementFontSize,
-    lines: [{
-      width: 0,
-      charPositions: [],
-      spaceWidth: 0,
-      spacesIndex: [],
-      chars: []
-    }]
-  };
-  i.offsetY = t.baseLineOffset;
-  let s = i.lines[0], a = null, o = !0;
-  const l = {
-    width: 0,
-    start: 0,
-    index: 0,
-    // use index to not modify the array as we use it a lot!
-    positions: [],
-    chars: []
-  }, h = (p) => {
-    const u = s.width;
-    for (let _ = 0; _ < l.index; _++) {
-      const x = p.positions[_];
-      s.chars.push(p.chars[_]), s.charPositions.push(x + u);
-    }
-    s.width += p.width, o = !1, l.width = 0, l.index = 0, l.chars.length = 0;
-  }, c = () => {
-    let p = s.chars.length - 1;
-    if (r) {
-      let u = s.chars[p];
-      for (; u === " "; )
-        s.width -= t.chars[u].xAdvance, u = s.chars[--p];
-    }
-    i.width = Math.max(i.width, s.width), s = {
-      width: 0,
-      charPositions: [],
-      chars: [],
-      spaceWidth: 0,
-      spacesIndex: []
-    }, o = !0, i.lines.push(s), i.height += t.lineHeight;
-  }, d = t.baseMeasurementFontSize / e.fontSize, f = e.letterSpacing * d, g = e.wordWrapWidth * d;
-  for (let p = 0; p < n.length + 1; p++) {
-    let u;
-    const _ = p === n.length;
-    _ || (u = n[p]);
-    const x = t.chars[u] || t.chars[" "];
-    if (/(?:\s)/.test(u) || u === "\r" || u === `
-` || _) {
-      if (!o && e.wordWrap && s.width + l.width - f > g ? (c(), h(l), _ || s.charPositions.push(0)) : (l.start = s.width, h(l), _ || s.charPositions.push(0)), u === "\r" || u === `
-`)
-        s.width !== 0 && c();
-      else if (!_) {
-        const B = x.xAdvance + (x.kerning[a] || 0) + f;
-        s.width += B, s.spaceWidth = B, s.spacesIndex.push(s.charPositions.length), s.chars.push(u);
-      }
-    } else {
-      const S = x.kerning[a] || 0, B = x.xAdvance + S + f;
-      l.positions[l.index++] = l.width + S, l.chars.push(u), l.width += B;
-    }
-    a = u;
-  }
-  return c(), e.align === "center" ? tr(i) : e.align === "right" ? rr(i) : e.align === "justify" && ir(i), i;
-}
-function tr(n) {
-  for (let e = 0; e < n.lines.length; e++) {
-    const t = n.lines[e], r = n.width / 2 - t.width / 2;
-    for (let i = 0; i < t.charPositions.length; i++)
-      t.charPositions[i] += r;
-  }
-}
-function rr(n) {
-  for (let e = 0; e < n.lines.length; e++) {
-    const t = n.lines[e], r = n.width - t.width;
-    for (let i = 0; i < t.charPositions.length; i++)
-      t.charPositions[i] += r;
-  }
-}
-function ir(n) {
-  const e = n.width;
-  for (let t = 0; t < n.lines.length; t++) {
-    const r = n.lines[t];
-    let i = 0, s = r.spacesIndex[i++], a = 0;
-    const o = r.spacesIndex.length, h = (e - r.width) / o;
-    for (let c = 0; c < r.charPositions.length; c++)
-      c === s && (s = r.spacesIndex[i++], a += h), r.charPositions[c] += a;
-  }
-}
-let J = 0;
-class sr {
-  constructor() {
-    this.ALPHA = [["a", "z"], ["A", "Z"], " "], this.NUMERIC = [["0", "9"]], this.ALPHANUMERIC = [["a", "z"], ["A", "Z"], ["0", "9"], " "], this.ASCII = [[" ", "~"]], this.defaultOptions = {
-      chars: this.ALPHANUMERIC,
-      resolution: 1,
-      padding: 4,
-      skipKerning: !1
-    };
-  }
-  /**
-   * Get a font for the specified text and style.
-   * @param text - The text to get the font for
-   * @param style - The style to use
-   */
-  getFont(e, t) {
-    var a;
-    let r = `${t.fontFamily}-bitmap`, i = !0;
-    if (t._fill.fill && !t._stroke)
-      r += t._fill.fill.styleKey, i = !1;
-    else if (t._stroke || t.dropShadow) {
-      let o = t.styleKey;
-      o = o.substring(0, o.lastIndexOf("-")), r = `${o}-bitmap`, i = !1;
-    }
-    if (!G.has(r)) {
-      const o = new Ue({
-        style: t,
-        overrideFill: i,
-        overrideSize: !0,
-        ...this.defaultOptions
-      });
-      J++, J > 50 && K("BitmapText", `You have dynamically created ${J} bitmap fonts, this can be inefficient. Try pre installing your font styles using \`BitmapFont.install({name:"style1", style})\``), o.once("destroy", () => {
-        J--, G.remove(r);
-      }), G.set(
-        r,
-        o
-      );
-    }
-    const s = G.get(r);
-    return (a = s.ensureCharacters) == null || a.call(s, e), s;
-  }
-  /**
-   * Get the layout of a text for the specified style.
-   * @param text - The text to get the layout for
-   * @param style - The style to use
-   * @param trimEnd - Whether to ignore whitespaces at the end of each line
-   */
-  getLayout(e, t, r = !0) {
-    const i = this.getFont(e, t);
-    return at([...e], t, i, r);
-  }
-  /**
-   * Measure the text using the specified style.
-   * @param text - The text to measure
-   * @param style - The style to use
-   * @param trimEnd - Whether to ignore whitespaces at the end of each line
-   */
-  measureText(e, t, r = !0) {
-    return this.getLayout(e, t, r);
-  }
-  // eslint-disable-next-line max-len
-  install(...e) {
-    var h, c, d, f;
-    let t = e[0];
-    typeof t == "string" && (t = {
-      name: t,
-      style: e[1],
-      chars: (h = e[2]) == null ? void 0 : h.chars,
-      resolution: (c = e[2]) == null ? void 0 : c.resolution,
-      padding: (d = e[2]) == null ? void 0 : d.padding,
-      skipKerning: (f = e[2]) == null ? void 0 : f.skipKerning
-    }, k(U, "BitmapFontManager.install(name, style, options) is deprecated, use BitmapFontManager.install({name, style, ...options})"));
-    const r = t == null ? void 0 : t.name;
-    if (!r)
-      throw new Error("[BitmapFontManager] Property `name` is required.");
-    t = { ...this.defaultOptions, ...t };
-    const i = t.style, s = i instanceof E ? i : new E(i), a = s._fill.fill !== null && s._fill.fill !== void 0, o = new Ue({
-      style: s,
-      overrideFill: a,
-      skipKerning: t.skipKerning,
-      padding: t.padding,
-      resolution: t.resolution,
-      overrideSize: !1
-    }), l = it(t.chars);
-    return o.ensureCharacters(l.join("")), G.set(`${r}-bitmap`, o), o.once("destroy", () => G.remove(`${r}-bitmap`)), o;
-  }
-  /**
-   * Uninstalls a bitmap font from the cache.
-   * @param {string} name - The name of the bitmap font to uninstall.
-   */
-  uninstall(e) {
-    const t = `${e}-bitmap`, r = G.get(t);
-    r && r.destroy();
-  }
-}
-const nr = new sr();
-class ot {
-  constructor(e) {
-    this._renderer = e;
-  }
-  push(e, t, r) {
-    this._renderer.renderPipes.batch.break(r), r.add({
-      renderPipeId: "filter",
-      canBundle: !1,
-      action: "pushFilter",
-      container: t,
-      filterEffect: e
-    });
-  }
-  pop(e, t, r) {
-    this._renderer.renderPipes.batch.break(r), r.add({
-      renderPipeId: "filter",
-      action: "popFilter",
-      canBundle: !1
-    });
-  }
-  execute(e) {
-    e.action === "pushFilter" ? this._renderer.filter.push(e) : e.action === "popFilter" && this._renderer.filter.pop();
-  }
-  destroy() {
-    this._renderer = null;
-  }
-}
-ot.extension = {
-  type: [
-    y.WebGLPipes,
-    y.WebGPUPipes,
-    y.CanvasPipes
-  ],
-  name: "filter"
-};
-function ar(n, e) {
-  e.clear();
-  const t = e.matrix;
-  for (let r = 0; r < n.length; r++) {
-    const i = n[r];
-    i.globalDisplayStatus < 7 || (e.matrix = i.worldTransform, e.addBounds(i.bounds));
-  }
-  return e.matrix = t, e;
-}
-const or = new me({
-  attributes: {
-    aPosition: {
-      buffer: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
-      format: "float32x2",
-      stride: 2 * 4,
-      offset: 0
-    }
-  },
-  indexBuffer: new Uint32Array([0, 1, 2, 0, 2, 3])
-});
-class lt {
-  constructor(e) {
-    this._filterStackIndex = 0, this._filterStack = [], this._filterGlobalUniforms = new j({
-      uInputSize: { value: new Float32Array(4), type: "vec4<f32>" },
-      uInputPixel: { value: new Float32Array(4), type: "vec4<f32>" },
-      uInputClamp: { value: new Float32Array(4), type: "vec4<f32>" },
-      uOutputFrame: { value: new Float32Array(4), type: "vec4<f32>" },
-      uGlobalFrame: { value: new Float32Array(4), type: "vec4<f32>" },
-      uOutputTexture: { value: new Float32Array(4), type: "vec4<f32>" }
-    }), this._globalFilterBindGroup = new Ke({}), this.renderer = e;
-  }
-  /**
-   * The back texture of the currently active filter. Requires the filter to have `blendRequired` set to true.
-   * @readonly
-   */
-  get activeBackTexture() {
-    var e;
-    return (e = this._activeFilterData) == null ? void 0 : e.backTexture;
-  }
-  push(e) {
-    var g;
-    const t = this.renderer, r = e.filterEffect.filters;
-    this._filterStack[this._filterStackIndex] || (this._filterStack[this._filterStackIndex] = this._getFilterData());
-    const i = this._filterStack[this._filterStackIndex];
-    if (this._filterStackIndex++, r.length === 0) {
-      i.skip = !0;
-      return;
-    }
-    const s = i.bounds;
-    if (e.renderables ? ar(e.renderables, s) : e.filterEffect.filterArea ? (s.clear(), s.addRect(e.filterEffect.filterArea), s.applyMatrix(e.container.worldTransform)) : e.container.getFastGlobalBounds(!0, s), e.container) {
-      const u = (e.container.renderGroup || e.container.parentRenderGroup).cacheToLocalTransform;
-      u && s.applyMatrix(u);
-    }
-    const a = t.renderTarget.renderTarget.colorTexture.source;
-    let o = 1 / 0, l = 0, h = !0, c = !1, d = !1, f = !0;
-    for (let p = 0; p < r.length; p++) {
-      const u = r[p];
-      if (o = Math.min(o, u.resolution === "inherit" ? a._resolution : u.resolution), l += u.padding, u.antialias === "off" ? h = !1 : u.antialias === "inherit" && h && (h = a.antialias), u.clipToViewport || (f = !1), !!!(u.compatibleRenderers & t.type)) {
-        d = !1;
-        break;
-      }
-      if (u.blendRequired && !(((g = t.backBuffer) == null ? void 0 : g.useBackBuffer) ?? !0)) {
-        K("Blend filter requires backBuffer on WebGL renderer to be enabled. Set `useBackBuffer: true` in the renderer options."), d = !1;
-        break;
-      }
-      d = u.enabled || d, c || (c = u.blendRequired);
-    }
-    if (!d) {
-      i.skip = !0;
-      return;
-    }
-    if (f) {
-      const p = t.renderTarget.rootViewPort, u = t.renderTarget.renderTarget.resolution;
-      s.fitBounds(0, p.width / u, 0, p.height / u);
-    }
-    if (s.scale(o).ceil().scale(1 / o).pad(l | 0), !s.isPositive) {
-      i.skip = !0;
-      return;
-    }
-    i.skip = !1, i.bounds = s, i.blendRequired = c, i.container = e.container, i.filterEffect = e.filterEffect, i.previousRenderSurface = t.renderTarget.renderSurface, i.inputTexture = H.getOptimalTexture(
-      s.width,
-      s.height,
-      o,
-      h
-    ), t.renderTarget.bind(i.inputTexture, !0), t.globalUniforms.push({
-      offset: s
-    });
-  }
-  pop() {
-    const e = this.renderer;
-    this._filterStackIndex--;
-    const t = this._filterStack[this._filterStackIndex];
-    if (t.skip)
-      return;
-    this._activeFilterData = t;
-    const r = t.inputTexture, i = t.bounds;
-    let s = W.EMPTY;
-    if (e.renderTarget.finishRenderPass(), t.blendRequired) {
-      const o = this._filterStackIndex > 0 ? this._filterStack[this._filterStackIndex - 1].bounds : null, l = e.renderTarget.getRenderTarget(t.previousRenderSurface);
-      s = this.getBackTexture(l, i, o);
-    }
-    t.backTexture = s;
-    const a = t.filterEffect.filters;
-    if (this._globalFilterBindGroup.setResource(r.source.style, 2), this._globalFilterBindGroup.setResource(s.source, 3), e.globalUniforms.pop(), a.length === 1)
-      a[0].apply(this, r, t.previousRenderSurface, !1), H.returnTexture(r);
-    else {
-      let o = t.inputTexture, l = H.getOptimalTexture(
-        i.width,
-        i.height,
-        o.source._resolution,
-        !1
-      ), h = 0;
-      for (h = 0; h < a.length - 1; ++h) {
-        a[h].apply(this, o, l, !0);
-        const d = o;
-        o = l, l = d;
-      }
-      a[h].apply(this, o, t.previousRenderSurface, !1), H.returnTexture(o), H.returnTexture(l);
-    }
-    t.blendRequired && H.returnTexture(s);
-  }
-  getBackTexture(e, t, r) {
-    const i = e.colorTexture.source._resolution, s = H.getOptimalTexture(
-      t.width,
-      t.height,
-      i,
-      !1
-    );
-    let a = t.minX, o = t.minY;
-    r && (a -= r.minX, o -= r.minY), a = Math.floor(a * i), o = Math.floor(o * i);
-    const l = Math.ceil(t.width * i), h = Math.ceil(t.height * i);
-    return this.renderer.renderTarget.copyToTexture(
-      e,
-      s,
-      { x: a, y: o },
-      { width: l, height: h },
-      { x: 0, y: 0 }
-    ), s;
-  }
-  applyFilter(e, t, r, i) {
-    const s = this.renderer, a = this._filterStack[this._filterStackIndex], o = a.bounds, l = At.shared, c = a.previousRenderSurface === r;
-    let d = this.renderer.renderTarget.rootRenderTarget.colorTexture.source._resolution, f = this._filterStackIndex - 1;
-    for (; f > 0 && this._filterStack[f].skip; )
-      --f;
-    f > 0 && (d = this._filterStack[f].inputTexture.source._resolution);
-    const g = this._filterGlobalUniforms, p = g.uniforms, u = p.uOutputFrame, _ = p.uInputSize, x = p.uInputPixel, w = p.uInputClamp, b = p.uGlobalFrame, S = p.uOutputTexture;
-    if (c) {
-      let F = this._filterStackIndex;
-      for (; F > 0; ) {
-        F--;
-        const M = this._filterStack[this._filterStackIndex - 1];
-        if (!M.skip) {
-          l.x = M.bounds.minX, l.y = M.bounds.minY;
-          break;
-        }
-      }
-      u[0] = o.minX - l.x, u[1] = o.minY - l.y;
-    } else
-      u[0] = 0, u[1] = 0;
-    u[2] = t.frame.width, u[3] = t.frame.height, _[0] = t.source.width, _[1] = t.source.height, _[2] = 1 / _[0], _[3] = 1 / _[1], x[0] = t.source.pixelWidth, x[1] = t.source.pixelHeight, x[2] = 1 / x[0], x[3] = 1 / x[1], w[0] = 0.5 * x[2], w[1] = 0.5 * x[3], w[2] = t.frame.width * _[2] - 0.5 * x[2], w[3] = t.frame.height * _[3] - 0.5 * x[3];
-    const B = this.renderer.renderTarget.rootRenderTarget.colorTexture;
-    b[0] = l.x * d, b[1] = l.y * d, b[2] = B.source.width * d, b[3] = B.source.height * d;
-    const C = this.renderer.renderTarget.getRenderTarget(r);
-    if (s.renderTarget.bind(r, !!i), r instanceof W ? (S[0] = r.frame.width, S[1] = r.frame.height) : (S[0] = C.width, S[1] = C.height), S[2] = C.isRoot ? -1 : 1, g.update(), s.renderPipes.uniformBatch) {
-      const F = s.renderPipes.uniformBatch.getUboResource(g);
-      this._globalFilterBindGroup.setResource(F, 0);
-    } else
-      this._globalFilterBindGroup.setResource(g, 0);
-    this._globalFilterBindGroup.setResource(t.source, 1), this._globalFilterBindGroup.setResource(t.source.style, 2), e.groups[0] = this._globalFilterBindGroup, s.encoder.draw({
-      geometry: or,
-      shader: e,
-      state: e._state,
-      topology: "triangle-list"
-    }), s.type === _e.WEBGL && s.renderTarget.finishRenderPass();
-  }
-  _getFilterData() {
-    return {
-      skip: !1,
-      inputTexture: null,
-      bounds: new je(),
-      container: null,
-      filterEffect: null,
-      blendRequired: !1,
-      previousRenderSurface: null
-    };
-  }
-  /**
-   * Multiply _input normalized coordinates_ to this matrix to get _sprite texture normalized coordinates_.
-   *
-   * Use `outputMatrix * vTextureCoord` in the shader.
-   * @param outputMatrix - The matrix to output to.
-   * @param {Sprite} sprite - The sprite to map to.
-   * @returns The mapped matrix.
-   */
-  calculateSpriteMatrix(e, t) {
-    const r = this._activeFilterData, i = e.set(
-      r.inputTexture._source.width,
-      0,
-      0,
-      r.inputTexture._source.height,
-      r.bounds.minX,
-      r.bounds.minY
-    ), s = t.worldTransform.copyTo(A.shared), a = t.renderGroup || t.parentRenderGroup;
-    return a && a.cacheToLocalTransform && s.prepend(a.cacheToLocalTransform), s.invert(), i.prepend(s), i.scale(
-      1 / t.texture.frame.width,
-      1 / t.texture.frame.height
-    ), i.translate(t.anchor.x, t.anchor.y), i;
-  }
-}
-lt.extension = {
-  type: [
-    y.WebGLSystem,
-    y.WebGPUSystem
-  ],
-  name: "filter"
-};
-const dt = class ht extends me {
-  constructor(...e) {
-    let t = e[0] ?? {};
-    t instanceof Float32Array && (k(U, "use new MeshGeometry({ positions, uvs, indices }) instead"), t = {
-      positions: t,
-      uvs: e[1],
-      indices: e[2]
-    }), t = { ...ht.defaultOptions, ...t };
-    const r = t.positions || new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]);
-    let i = t.uvs;
-    i || (t.positions ? i = new Float32Array(r.length) : i = new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]));
-    const s = t.indices || new Uint32Array([0, 1, 2, 0, 2, 3]), a = t.shrinkBuffersToFit, o = new N({
-      data: r,
-      label: "attribute-mesh-positions",
-      shrinkToFit: a,
-      usage: L.VERTEX | L.COPY_DST
-    }), l = new N({
-      data: i,
-      label: "attribute-mesh-uvs",
-      shrinkToFit: a,
-      usage: L.VERTEX | L.COPY_DST
-    }), h = new N({
-      data: s,
-      label: "index-mesh-buffer",
-      shrinkToFit: a,
-      usage: L.INDEX | L.COPY_DST
-    });
-    super({
-      attributes: {
-        aPosition: {
-          buffer: o,
-          format: "float32x2",
-          stride: 2 * 4,
-          offset: 0
-        },
-        aUV: {
-          buffer: l,
-          format: "float32x2",
-          stride: 2 * 4,
-          offset: 0
-        }
-      },
-      indexBuffer: h,
-      topology: t.topology
-    }), this.batchMode = "auto";
-  }
-  /** The positions of the mesh. */
-  get positions() {
-    return this.attributes.aPosition.buffer.data;
-  }
-  /**
-   * Set the positions of the mesh.
-   * When setting the positions, its important that the uvs array is at least as long as the positions array.
-   * otherwise the geometry will not be valid.
-   * @param {Float32Array} value - The positions of the mesh.
-   */
-  set positions(e) {
-    this.attributes.aPosition.buffer.data = e;
-  }
-  /** The UVs of the mesh. */
-  get uvs() {
-    return this.attributes.aUV.buffer.data;
-  }
-  /**
-   * Set the UVs of the mesh.
-   * Its important that the uvs array you set is at least as long as the positions array.
-   * otherwise the geometry will not be valid.
-   * @param {Float32Array} value - The UVs of the mesh.
-   */
-  set uvs(e) {
-    this.attributes.aUV.buffer.data = e;
-  }
-  /** The indices of the mesh. */
-  get indices() {
-    return this.indexBuffer.data;
-  }
-  set indices(e) {
-    this.indexBuffer.data = e;
-  }
-};
-dt.defaultOptions = {
-  topology: "triangle-list",
-  shrinkBuffersToFit: !1
-};
-let Se = dt;
-function lr(n) {
-  const e = n._stroke, t = n._fill, i = [`div { ${[
-    `color: ${R.shared.setValue(t.color).toHex()}`,
-    `font-size: ${n.fontSize}px`,
-    `font-family: ${n.fontFamily}`,
-    `font-weight: ${n.fontWeight}`,
-    `font-style: ${n.fontStyle}`,
-    `font-variant: ${n.fontVariant}`,
-    `letter-spacing: ${n.letterSpacing}px`,
-    `text-align: ${n.align}`,
-    `padding: ${n.padding}px`,
-    `white-space: ${n.whiteSpace === "pre" && n.wordWrap ? "pre-wrap" : n.whiteSpace}`,
-    ...n.lineHeight ? [`line-height: ${n.lineHeight}px`] : [],
-    ...n.wordWrap ? [
-      `word-wrap: ${n.breakWords ? "break-all" : "break-word"}`,
-      `max-width: ${n.wordWrapWidth}px`
-    ] : [],
-    ...e ? [ut(e)] : [],
-    ...n.dropShadow ? [ct(n.dropShadow)] : [],
-    ...n.cssOverrides
-  ].join(";")} }`];
-  return dr(n.tagStyles, i), i.join(" ");
-}
-function ct(n) {
-  const e = R.shared.setValue(n.color).setAlpha(n.alpha).toHexa(), t = Math.round(Math.cos(n.angle) * n.distance), r = Math.round(Math.sin(n.angle) * n.distance), i = `${t}px ${r}px`;
-  return n.blur > 0 ? `text-shadow: ${i} ${n.blur}px ${e}` : `text-shadow: ${i} ${e}`;
-}
-function ut(n) {
-  return [
-    `-webkit-text-stroke-width: ${n.width}px`,
-    `-webkit-text-stroke-color: ${R.shared.setValue(n.color).toHex()}`,
-    `text-stroke-width: ${n.width}px`,
-    `text-stroke-color: ${R.shared.setValue(n.color).toHex()}`,
-    "paint-order: stroke"
-  ].join(";");
-}
-const We = {
-  fontSize: "font-size: {{VALUE}}px",
-  fontFamily: "font-family: {{VALUE}}",
-  fontWeight: "font-weight: {{VALUE}}",
-  fontStyle: "font-style: {{VALUE}}",
-  fontVariant: "font-variant: {{VALUE}}",
-  letterSpacing: "letter-spacing: {{VALUE}}px",
-  align: "text-align: {{VALUE}}",
-  padding: "padding: {{VALUE}}px",
-  whiteSpace: "white-space: {{VALUE}}",
-  lineHeight: "line-height: {{VALUE}}px",
-  wordWrapWidth: "max-width: {{VALUE}}px"
-}, Ae = {
-  fill: (n) => `color: ${R.shared.setValue(n).toHex()}`,
-  breakWords: (n) => `word-wrap: ${n ? "break-all" : "break-word"}`,
-  stroke: ut,
-  dropShadow: ct
-};
-function dr(n, e) {
-  for (const t in n) {
-    const r = n[t], i = [];
-    for (const s in r)
-      Ae[s] ? i.push(Ae[s](r[s])) : We[s] && i.push(We[s].replace("{{VALUE}}", r[s]));
-    e.push(`${t} { ${i.join(";")} }`);
-  }
-}
-class we extends E {
-  constructor(e = {}) {
-    super(e), this._cssOverrides = [], this.cssOverrides ?? (this.cssOverrides = e.cssOverrides), this.tagStyles = e.tagStyles ?? {};
-  }
-  /** List of style overrides that will be applied to the HTML text. */
-  set cssOverrides(e) {
-    this._cssOverrides = e instanceof Array ? e : [e], this.update();
-  }
-  get cssOverrides() {
-    return this._cssOverrides;
-  }
-  _generateKey() {
-    return this._styleKey = tt(this) + this._cssOverrides.join("-"), this._styleKey;
-  }
-  update() {
-    this._cssStyle = null, super.update();
-  }
-  /**
-   * Creates a new HTMLTextStyle object with the same values as this one.
-   * @returns New cloned HTMLTextStyle object
-   */
-  clone() {
-    return new we({
-      align: this.align,
-      breakWords: this.breakWords,
-      dropShadow: this.dropShadow ? { ...this.dropShadow } : null,
-      fill: this._fill,
-      fontFamily: this.fontFamily,
-      fontSize: this.fontSize,
-      fontStyle: this.fontStyle,
-      fontVariant: this.fontVariant,
-      fontWeight: this.fontWeight,
-      letterSpacing: this.letterSpacing,
-      lineHeight: this.lineHeight,
-      padding: this.padding,
-      stroke: this._stroke,
-      whiteSpace: this.whiteSpace,
-      wordWrap: this.wordWrap,
-      wordWrapWidth: this.wordWrapWidth,
-      cssOverrides: this.cssOverrides
-    });
-  }
-  get cssStyle() {
-    return this._cssStyle || (this._cssStyle = lr(this)), this._cssStyle;
-  }
-  /**
-   * Add a style override, this can be any CSS property
-   * it will override any built-in style. This is the
-   * property and the value as a string (e.g., `color: red`).
-   * This will override any other internal style.
-   * @param {string} value - CSS style(s) to add.
-   * @example
-   * style.addOverride('background-color: red');
-   */
-  addOverride(...e) {
-    const t = e.filter((r) => !this.cssOverrides.includes(r));
-    t.length > 0 && (this.cssOverrides.push(...t), this.update());
-  }
-  /**
-   * Remove any overrides that match the value.
-   * @param {string} value - CSS style to remove.
-   * @example
-   * style.removeOverride('background-color: red');
-   */
-  removeOverride(...e) {
-    const t = e.filter((r) => this.cssOverrides.includes(r));
-    t.length > 0 && (this.cssOverrides = this.cssOverrides.filter((r) => !t.includes(r)), this.update());
-  }
-  set fill(e) {
-    typeof e != "string" && typeof e != "number" && K("[HTMLTextStyle] only color fill is not supported by HTMLText"), super.fill = e;
-  }
-  set stroke(e) {
-    e && typeof e != "string" && typeof e != "number" && K("[HTMLTextStyle] only color stroke is not supported by HTMLText"), super.stroke = e;
-  }
-}
-const ze = "http://www.w3.org/2000/svg", Ge = "http://www.w3.org/1999/xhtml";
-class ft {
-  constructor() {
-    this.svgRoot = document.createElementNS(ze, "svg"), this.foreignObject = document.createElementNS(ze, "foreignObject"), this.domElement = document.createElementNS(Ge, "div"), this.styleElement = document.createElementNS(Ge, "style"), this.image = new Image();
-    const { foreignObject: e, svgRoot: t, styleElement: r, domElement: i } = this;
-    e.setAttribute("width", "10000"), e.setAttribute("height", "10000"), e.style.overflow = "hidden", t.appendChild(e), e.appendChild(r), e.appendChild(i);
-  }
-}
-let He;
-function hr(n, e, t, r) {
-  r || (r = He || (He = new ft()));
-  const { domElement: i, styleElement: s, svgRoot: a } = r;
-  i.innerHTML = `<style>${e.cssStyle};</style><div style='padding:0'>${n}</div>`, i.setAttribute("style", "transform-origin: top left; display: inline-block"), t && (s.textContent = t), document.body.appendChild(a);
-  const o = i.getBoundingClientRect();
-  a.remove();
-  const l = e.padding * 2;
-  return {
-    width: o.width - l,
-    height: o.height - l
-  };
-}
-class pt {
-  constructor(e, t) {
-    this.state = re.for2d(), this._graphicsBatchesHash = /* @__PURE__ */ Object.create(null), this._destroyRenderableBound = this.destroyRenderable.bind(this), this.renderer = e, this._adaptor = t, this._adaptor.init(), this.renderer.renderableGC.addManagedHash(this, "_graphicsBatchesHash");
-  }
-  validateRenderable(e) {
-    const t = e.context, r = !!this._graphicsBatchesHash[e.uid], i = this.renderer.graphicsContext.updateGpuContext(t);
-    return !!(i.isBatchable || r !== i.isBatchable);
-  }
-  addRenderable(e, t) {
-    const r = this.renderer.graphicsContext.updateGpuContext(e.context);
-    e.didViewUpdate && this._rebuild(e), r.isBatchable ? this._addToBatcher(e, t) : (this.renderer.renderPipes.batch.break(t), t.add(e));
-  }
-  updateRenderable(e) {
-    const t = this._graphicsBatchesHash[e.uid];
-    if (t)
-      for (let r = 0; r < t.length; r++) {
-        const i = t[r];
-        i._batcher.updateElement(i);
-      }
-  }
-  destroyRenderable(e) {
-    this._graphicsBatchesHash[e.uid] && this._removeBatchForRenderable(e.uid), e.off("destroyed", this._destroyRenderableBound);
-  }
-  execute(e) {
-    if (!e.isRenderable)
-      return;
-    const t = this.renderer, r = e.context;
-    if (!t.graphicsContext.getGpuContext(r).batches.length)
-      return;
-    const s = r.customShader || this._adaptor.shader;
-    this.state.blendMode = e.groupBlendMode;
-    const a = s.resources.localUniforms.uniforms;
-    a.uTransformMatrix = e.groupTransform, a.uRound = t._roundPixels | e._roundPixels, ne(
-      e.groupColorAlpha,
-      a.uColor,
-      0
-    ), this._adaptor.execute(this, e);
-  }
-  _rebuild(e) {
-    const t = !!this._graphicsBatchesHash[e.uid], r = this.renderer.graphicsContext.updateGpuContext(e.context);
-    t && this._removeBatchForRenderable(e.uid), r.isBatchable && this._initBatchesForRenderable(e), e.batched = r.isBatchable;
-  }
-  _addToBatcher(e, t) {
-    const r = this.renderer.renderPipes.batch, i = this._getBatchesForRenderable(e);
-    for (let s = 0; s < i.length; s++) {
-      const a = i[s];
-      r.addToBatch(a, t);
-    }
-  }
-  _getBatchesForRenderable(e) {
-    return this._graphicsBatchesHash[e.uid] || this._initBatchesForRenderable(e);
-  }
-  _initBatchesForRenderable(e) {
-    const t = e.context, r = this.renderer.graphicsContext.getGpuContext(t), i = this.renderer._roundPixels | e._roundPixels, s = r.batches.map((a) => {
-      const o = v.get(zt);
-      return a.copyTo(o), o.renderable = e, o.roundPixels = i, o;
-    });
-    return this._graphicsBatchesHash[e.uid] === void 0 && e.on("destroyed", this._destroyRenderableBound), this._graphicsBatchesHash[e.uid] = s, s;
-  }
-  _removeBatchForRenderable(e) {
-    this._graphicsBatchesHash[e].forEach((t) => {
-      v.return(t);
-    }), this._graphicsBatchesHash[e] = null;
-  }
-  destroy() {
-    this.renderer = null, this._adaptor.destroy(), this._adaptor = null, this.state = null;
-    for (const e in this._graphicsBatchesHash)
-      this._removeBatchForRenderable(e);
-    this._graphicsBatchesHash = null;
-  }
-}
-pt.extension = {
-  type: [
-    y.WebGLPipes,
-    y.WebGPUPipes,
-    y.CanvasPipes
-  ],
-  name: "graphics"
-};
-const gt = class mt extends Se {
-  constructor(...e) {
-    super({});
-    let t = e[0] ?? {};
-    typeof t == "number" && (k(U, "PlaneGeometry constructor changed please use { width, height, verticesX, verticesY } instead"), t = {
-      width: t,
-      height: e[1],
-      verticesX: e[2],
-      verticesY: e[3]
-    }), this.build(t);
-  }
-  /**
-   * Refreshes plane coordinates
-   * @param options - Options to be applied to plane geometry
-   */
-  build(e) {
-    e = { ...mt.defaultOptions, ...e }, this.verticesX = this.verticesX ?? e.verticesX, this.verticesY = this.verticesY ?? e.verticesY, this.width = this.width ?? e.width, this.height = this.height ?? e.height;
-    const t = this.verticesX * this.verticesY, r = [], i = [], s = [], a = this.verticesX - 1, o = this.verticesY - 1, l = this.width / a, h = this.height / o;
-    for (let d = 0; d < t; d++) {
-      const f = d % this.verticesX, g = d / this.verticesX | 0;
-      r.push(f * l, g * h), i.push(f / a, g / o);
-    }
-    const c = a * o;
-    for (let d = 0; d < c; d++) {
-      const f = d % a, g = d / a | 0, p = g * this.verticesX + f, u = g * this.verticesX + f + 1, _ = (g + 1) * this.verticesX + f, x = (g + 1) * this.verticesX + f + 1;
-      s.push(
-        p,
-        u,
-        _,
-        u,
-        x,
-        _
-      );
-    }
-    this.buffers[0].data = new Float32Array(r), this.buffers[1].data = new Float32Array(i), this.indexBuffer.data = new Uint32Array(s), this.buffers[0].update(), this.buffers[1].update(), this.indexBuffer.update();
-  }
-};
-gt.defaultOptions = {
-  width: 100,
-  height: 100,
-  verticesX: 10,
-  verticesY: 10
-};
-let cr = gt;
-class Te {
-  constructor() {
-    this.batcherName = "default", this.packAsQuad = !1, this.indexOffset = 0, this.attributeOffset = 0, this.roundPixels = 0, this._batcher = null, this._batch = null, this._textureMatrixUpdateId = -1, this._uvUpdateId = -1;
-  }
-  get blendMode() {
-    return this.renderable.groupBlendMode;
-  }
-  get topology() {
-    return this._topology || this.geometry.topology;
-  }
-  set topology(e) {
-    this._topology = e;
-  }
-  reset() {
-    this.renderable = null, this.texture = null, this._batcher = null, this._batch = null, this.geometry = null, this._uvUpdateId = -1, this._textureMatrixUpdateId = -1;
-  }
-  /**
-   * Sets the texture for the batchable mesh.
-   * As it does so, it resets the texture matrix update ID.
-   * this is to ensure that the texture matrix is recalculated when the uvs are referenced
-   * @param value - The texture to set.
-   */
-  setTexture(e) {
-    this.texture !== e && (this.texture = e, this._textureMatrixUpdateId = -1);
-  }
-  get uvs() {
-    const t = this.geometry.getBuffer("aUV"), r = t.data;
-    let i = r;
-    const s = this.texture.textureMatrix;
-    return s.isSimple || (i = this._transformedUvs, (this._textureMatrixUpdateId !== s._updateID || this._uvUpdateId !== t._updateID) && ((!i || i.length < r.length) && (i = this._transformedUvs = new Float32Array(r.length)), this._textureMatrixUpdateId = s._updateID, this._uvUpdateId = t._updateID, s.multiplyUvs(r, i))), i;
-  }
-  get positions() {
-    return this.geometry.positions;
-  }
-  get indices() {
-    return this.geometry.indices;
-  }
-  get color() {
-    return this.renderable.groupColorAlpha;
-  }
-  get groupTransform() {
-    return this.renderable.groupTransform;
-  }
-  get attributeSize() {
-    return this.geometry.positions.length / 2;
-  }
-  get indexSize() {
-    return this.geometry.indices.length;
-  }
-}
-class _t {
-  constructor(e, t) {
-    this.localUniforms = new j({
-      uTransformMatrix: { value: new A(), type: "mat3x3<f32>" },
-      uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
-      uRound: { value: 0, type: "f32" }
-    }), this.localUniformsBindGroup = new Ke({
-      0: this.localUniforms
-    }), this._meshDataHash = /* @__PURE__ */ Object.create(null), this._gpuBatchableMeshHash = /* @__PURE__ */ Object.create(null), this._destroyRenderableBound = this.destroyRenderable.bind(this), this.renderer = e, this._adaptor = t, this._adaptor.init(), e.renderableGC.addManagedHash(this, "_gpuBatchableMeshHash"), e.renderableGC.addManagedHash(this, "_meshDataHash");
-  }
-  validateRenderable(e) {
-    const t = this._getMeshData(e), r = t.batched, i = e.batched;
-    if (t.batched = i, r !== i)
-      return !0;
-    if (i) {
-      const s = e._geometry;
-      if (s.indices.length !== t.indexSize || s.positions.length !== t.vertexSize)
-        return t.indexSize = s.indices.length, t.vertexSize = s.positions.length, !0;
-      const a = this._getBatchableMesh(e);
-      return a.texture.uid !== e._texture.uid && (a._textureMatrixUpdateId = -1), !a._batcher.checkAndUpdateTexture(
-        a,
-        e._texture
-      );
-    }
-    return !1;
-  }
-  addRenderable(e, t) {
-    const r = this.renderer.renderPipes.batch, { batched: i } = this._getMeshData(e);
-    if (i) {
-      const s = this._getBatchableMesh(e);
-      s.setTexture(e._texture), s.geometry = e._geometry, r.addToBatch(s, t);
-    } else
-      r.break(t), t.add(e);
-  }
-  updateRenderable(e) {
-    if (e.batched) {
-      const t = this._gpuBatchableMeshHash[e.uid];
-      t.setTexture(e._texture), t.geometry = e._geometry, t._batcher.updateElement(t);
-    }
-  }
-  destroyRenderable(e) {
-    this._meshDataHash[e.uid] = null;
-    const t = this._gpuBatchableMeshHash[e.uid];
-    t && (v.return(t), this._gpuBatchableMeshHash[e.uid] = null), e.off("destroyed", this._destroyRenderableBound);
-  }
-  execute(e) {
-    if (!e.isRenderable)
-      return;
-    e.state.blendMode = xe(e.groupBlendMode, e.texture._source);
-    const t = this.localUniforms;
-    t.uniforms.uTransformMatrix = e.groupTransform, t.uniforms.uRound = this.renderer._roundPixels | e._roundPixels, t.update(), ne(
-      e.groupColorAlpha,
-      t.uniforms.uColor,
-      0
-    ), this._adaptor.execute(this, e);
-  }
-  _getMeshData(e) {
-    return this._meshDataHash[e.uid] || this._initMeshData(e);
-  }
-  _initMeshData(e) {
-    var t, r;
-    return this._meshDataHash[e.uid] = {
-      batched: e.batched,
-      indexSize: (t = e._geometry.indices) == null ? void 0 : t.length,
-      vertexSize: (r = e._geometry.positions) == null ? void 0 : r.length
-    }, e.on("destroyed", this._destroyRenderableBound), this._meshDataHash[e.uid];
-  }
-  _getBatchableMesh(e) {
-    return this._gpuBatchableMeshHash[e.uid] || this._initBatchableMesh(e);
-  }
-  _initBatchableMesh(e) {
-    const t = v.get(Te);
-    return t.renderable = e, t.setTexture(e._texture), t.transform = e.groupTransform, t.roundPixels = this.renderer._roundPixels | e._roundPixels, this._gpuBatchableMeshHash[e.uid] = t, t;
-  }
-  destroy() {
-    for (const e in this._gpuBatchableMeshHash)
-      this._gpuBatchableMeshHash[e] && v.return(this._gpuBatchableMeshHash[e]);
-    this._gpuBatchableMeshHash = null, this._meshDataHash = null, this.localUniforms = null, this.localUniformsBindGroup = null, this._adaptor.destroy(), this._adaptor = null, this.renderer = null;
-  }
-}
-_t.extension = {
-  type: [
-    y.WebGLPipes,
-    y.WebGPUPipes,
-    y.CanvasPipes
-  ],
-  name: "mesh"
-};
-class ur {
-  execute(e, t) {
-    const r = e.state, i = e.renderer, s = t.shader || e.defaultShader;
-    s.resources.uTexture = t.texture._source, s.resources.uniforms = e.localUniforms;
-    const a = i.gl, o = e.getBuffers(t);
-    i.shader.bind(s), i.state.set(r), i.geometry.bind(o.geometry, s.glProgram);
-    const h = o.geometry.indexBuffer.data.BYTES_PER_ELEMENT === 2 ? a.UNSIGNED_SHORT : a.UNSIGNED_INT;
-    a.drawElements(a.TRIANGLES, t.particleChildren.length * 6, h, 0);
-  }
-}
-class fr {
-  execute(e, t) {
-    const r = e.renderer, i = t.shader || e.defaultShader;
-    i.groups[0] = r.renderPipes.uniformBatch.getUniformBindGroup(e.localUniforms, !0), i.groups[1] = r.texture.getTextureBindGroup(t.texture);
-    const s = e.state, a = e.getBuffers(t);
-    r.encoder.draw({
-      geometry: a.geometry,
-      shader: t.shader || e.defaultShader,
-      state: s,
-      size: t.particleChildren.length * 6
-    });
-  }
-}
-function Le(n, e = null) {
-  const t = n * 6;
-  if (t > 65535 ? e || (e = new Uint32Array(t)) : e || (e = new Uint16Array(t)), e.length !== t)
-    throw new Error(`Out buffer length is incorrect, got ${e.length} and expected ${t}`);
-  for (let r = 0, i = 0; r < t; r += 6, i += 4)
-    e[r + 0] = i + 0, e[r + 1] = i + 1, e[r + 2] = i + 2, e[r + 3] = i + 0, e[r + 4] = i + 2, e[r + 5] = i + 3;
-  return e;
-}
-function pr(n) {
-  return {
-    dynamicUpdate: De(n, !0),
-    staticUpdate: De(n, !1)
-  };
-}
-function De(n, e) {
-  const t = [];
-  t.push(`
-      
-        var index = 0;
-
-        for (let i = 0; i < ps.length; ++i)
-        {
-            const p = ps[i];
-
-            `);
-  let r = 0;
-  for (const s in n) {
-    const a = n[s];
-    if (e !== a.dynamic)
-      continue;
-    t.push(`offset = index + ${r}`), t.push(a.code);
-    const o = fe(a.format);
-    r += o.stride / 4;
-  }
-  t.push(`
-            index += stride * 4;
-        }
-    `), t.unshift(`
-        var stride = ${r};
-    `);
-  const i = t.join(`
-`);
-  return new Function("ps", "f32v", "u32v", i);
-}
-class gr {
-  constructor(e) {
-    this._size = 0, this._generateParticleUpdateCache = {};
-    const t = this._size = e.size ?? 1e3, r = e.properties;
-    let i = 0, s = 0;
-    for (const c in r) {
-      const d = r[c], f = fe(d.format);
-      d.dynamic ? s += f.stride : i += f.stride;
-    }
-    this._dynamicStride = s / 4, this._staticStride = i / 4, this.staticAttributeBuffer = new Q(t * 4 * i), this.dynamicAttributeBuffer = new Q(t * 4 * s), this.indexBuffer = Le(t);
-    const a = new me();
-    let o = 0, l = 0;
-    this._staticBuffer = new N({
-      data: new Float32Array(1),
-      label: "static-particle-buffer",
-      shrinkToFit: !1,
-      usage: L.VERTEX | L.COPY_DST
-    }), this._dynamicBuffer = new N({
-      data: new Float32Array(1),
-      label: "dynamic-particle-buffer",
-      shrinkToFit: !1,
-      usage: L.VERTEX | L.COPY_DST
-    });
-    for (const c in r) {
-      const d = r[c], f = fe(d.format);
-      d.dynamic ? (a.addAttribute(d.attributeName, {
-        buffer: this._dynamicBuffer,
-        stride: this._dynamicStride * 4,
-        offset: o * 4,
-        format: d.format
-      }), o += f.size) : (a.addAttribute(d.attributeName, {
-        buffer: this._staticBuffer,
-        stride: this._staticStride * 4,
-        offset: l * 4,
-        format: d.format
-      }), l += f.size);
-    }
-    a.addIndex(this.indexBuffer);
-    const h = this.getParticleUpdate(r);
-    this._dynamicUpload = h.dynamicUpdate, this._staticUpload = h.staticUpdate, this.geometry = a;
-  }
-  getParticleUpdate(e) {
-    const t = mr(e);
-    return this._generateParticleUpdateCache[t] ? this._generateParticleUpdateCache[t] : (this._generateParticleUpdateCache[t] = this.generateParticleUpdate(e), this._generateParticleUpdateCache[t]);
-  }
-  generateParticleUpdate(e) {
-    return pr(e);
-  }
-  update(e, t) {
-    e.length > this._size && (t = !0, this._size = Math.max(e.length, this._size * 1.5 | 0), this.staticAttributeBuffer = new Q(this._size * this._staticStride * 4 * 4), this.dynamicAttributeBuffer = new Q(this._size * this._dynamicStride * 4 * 4), this.indexBuffer = Le(this._size), this.geometry.indexBuffer.setDataWithSize(
-      this.indexBuffer,
-      this.indexBuffer.byteLength,
-      !0
-    ));
-    const r = this.dynamicAttributeBuffer;
-    if (this._dynamicUpload(e, r.float32View, r.uint32View), this._dynamicBuffer.setDataWithSize(
-      this.dynamicAttributeBuffer.float32View,
-      e.length * this._dynamicStride * 4,
-      !0
-    ), t) {
-      const i = this.staticAttributeBuffer;
-      this._staticUpload(e, i.float32View, i.uint32View), this._staticBuffer.setDataWithSize(
-        i.float32View,
-        e.length * this._staticStride * 4,
-        !0
-      );
-    }
-  }
-  destroy() {
-    this._staticBuffer.destroy(), this._dynamicBuffer.destroy(), this.geometry.destroy();
-  }
-}
-function mr(n) {
-  const e = [];
-  for (const t in n) {
-    const r = n[t];
-    e.push(t, r.code, r.dynamic ? "d" : "s");
-  }
-  return e.join("_");
-}
-var _r = `varying vec2 vUV;
-varying vec4 vColor;
-
-uniform sampler2D uTexture;
-
-void main(void){
-    vec4 color = texture2D(uTexture, vUV) * vColor;
-    gl_FragColor = color;
-}`, xr = `attribute vec2 aVertex;
-attribute vec2 aUV;
-attribute vec4 aColor;
-
-attribute vec2 aPosition;
-attribute float aRotation;
-
-uniform mat3 uTranslationMatrix;
-uniform float uRound;
-uniform vec2 uResolution;
-uniform vec4 uColor;
-
-varying vec2 vUV;
-varying vec4 vColor;
-
-vec2 roundPixels(vec2 position, vec2 targetSize)
-{       
-    return (floor(((position * 0.5 + 0.5) * targetSize) + 0.5) / targetSize) * 2.0 - 1.0;
-}
-
-void main(void){
-    float cosRotation = cos(aRotation);
-    float sinRotation = sin(aRotation);
-    float x = aVertex.x * cosRotation - aVertex.y * sinRotation;
-    float y = aVertex.x * sinRotation + aVertex.y * cosRotation;
-
-    vec2 v = vec2(x, y);
-    v = v + aPosition;
-
-    gl_Position = vec4((uTranslationMatrix * vec3(v, 1.0)).xy, 0.0, 1.0);
-
-    if(uRound == 1.0)
-    {
-        gl_Position.xy = roundPixels(gl_Position.xy, uResolution);
-    }
-
-    vUV = aUV;
-    vColor = vec4(aColor.rgb * aColor.a, aColor.a) * uColor;
-}
-`, Oe = `
-struct ParticleUniforms {
-  uProjectionMatrix:mat3x3<f32>,
-  uColor:vec4<f32>,
-  uResolution:vec2<f32>,
-  uRoundPixels:f32,
-};
-
-@group(0) @binding(0) var<uniform> uniforms: ParticleUniforms;
-
-@group(1) @binding(0) var uTexture: texture_2d<f32>;
-@group(1) @binding(1) var uSampler : sampler;
-
-struct VSOutput {
-    @builtin(position) position: vec4<f32>,
-    @location(0) uv : vec2<f32>,
-    @location(1) color : vec4<f32>,
-  };
-@vertex
-fn mainVertex(
-  @location(0) aVertex: vec2<f32>,
-  @location(1) aPosition: vec2<f32>,
-  @location(2) aUV: vec2<f32>,
-  @location(3) aColor: vec4<f32>,
-  @location(4) aRotation: f32,
-) -> VSOutput {
-  
-   let v = vec2(
-       aVertex.x * cos(aRotation) - aVertex.y * sin(aRotation),
-       aVertex.x * sin(aRotation) + aVertex.y * cos(aRotation)
-   ) + aPosition;
-
-   let position = vec4((uniforms.uProjectionMatrix * vec3(v, 1.0)).xy, 0.0, 1.0);
-
-    let vColor = vec4(aColor.rgb * aColor.a, aColor.a) * uniforms.uColor;
-
-  return VSOutput(
-   position,
-   aUV,
-   vColor,
-  );
-}
-
-@fragment
-fn mainFragment(
-  @location(0) uv: vec2<f32>,
-  @location(1) color: vec4<f32>,
-  @builtin(position) position: vec4<f32>,
-) -> @location(0) vec4<f32> {
-
-    var sample = textureSample(uTexture, uSampler, uv) * color;
-   
-    return sample;
-}`;
-class br extends be {
-  constructor() {
-    const e = Gt.from({
-      vertex: xr,
-      fragment: _r
-    }), t = Ht.from({
-      fragment: {
-        source: Oe,
-        entryPoint: "mainFragment"
-      },
-      vertex: {
-        source: Oe,
-        entryPoint: "mainVertex"
-      }
-    });
-    super({
-      glProgram: e,
-      gpuProgram: t,
-      resources: {
-        // this will be replaced with the texture from the particle container
-        uTexture: W.WHITE.source,
-        // this will be replaced with the texture style from the particle container
-        uSampler: new Lt({}),
-        // this will be replaced with the local uniforms from the particle container
-        uniforms: {
-          uTranslationMatrix: { value: new A(), type: "mat3x3<f32>" },
-          uColor: { value: new R(16777215), type: "vec4<f32>" },
-          uRound: { value: 1, type: "f32" },
-          uResolution: { value: [0, 0], type: "vec2<f32>" }
-        }
-      }
-    });
-  }
-}
-class xt {
-  /**
-   * @param renderer - The renderer this sprite batch works for.
-   * @param adaptor
-   */
-  constructor(e, t) {
-    this.state = re.for2d(), this._gpuBufferHash = /* @__PURE__ */ Object.create(null), this._destroyRenderableBound = this.destroyRenderable.bind(this), this.localUniforms = new j({
-      uTranslationMatrix: { value: new A(), type: "mat3x3<f32>" },
-      uColor: { value: new Float32Array(4), type: "vec4<f32>" },
-      uRound: { value: 1, type: "f32" },
-      uResolution: { value: [0, 0], type: "vec2<f32>" }
-    }), this.renderer = e, this.adaptor = t, this.defaultShader = new br(), this.state = re.for2d();
-  }
-  validateRenderable(e) {
-    return !1;
-  }
-  addRenderable(e, t) {
-    this.renderer.renderPipes.batch.break(t), t.add(e);
-  }
-  getBuffers(e) {
-    return this._gpuBufferHash[e.uid] || this._initBuffer(e);
-  }
-  _initBuffer(e) {
-    return this._gpuBufferHash[e.uid] = new gr({
-      size: e.particleChildren.length,
-      properties: e._properties
-    }), e.on("destroyed", this._destroyRenderableBound), this._gpuBufferHash[e.uid];
-  }
-  updateRenderable(e) {
-  }
-  destroyRenderable(e) {
-    this._gpuBufferHash[e.uid].destroy(), this._gpuBufferHash[e.uid] = null, e.off("destroyed", this._destroyRenderableBound);
-  }
-  execute(e) {
-    const t = e.particleChildren;
-    if (t.length === 0)
-      return;
-    const r = this.renderer, i = this.getBuffers(e);
-    e.texture || (e.texture = t[0].texture);
-    const s = this.state;
-    i.update(t, e._childrenDirty), e._childrenDirty = !1, s.blendMode = xe(e.blendMode, e.texture._source);
-    const a = this.localUniforms.uniforms, o = a.uTranslationMatrix;
-    e.worldTransform.copyTo(o), o.prepend(r.globalUniforms.globalUniformData.projectionMatrix), a.uResolution = r.globalUniforms.globalUniformData.resolution, a.uRound = r._roundPixels | e._roundPixels, ne(
-      e.groupColorAlpha,
-      a.uColor,
-      0
-    ), this.adaptor.execute(this, e);
-  }
-  /** Destroys the ParticleRenderer. */
-  destroy() {
-    this.defaultShader && (this.defaultShader.destroy(), this.defaultShader = null);
-  }
-}
-class bt extends xt {
-  constructor(e) {
-    super(e, new ur());
-  }
-}
-bt.extension = {
-  type: [
-    y.WebGLPipes
-  ],
-  name: "particle"
-};
-class yt extends xt {
-  constructor(e) {
-    super(e, new fr());
-  }
-}
-yt.extension = {
-  type: [
-    y.WebGPUPipes
-  ],
-  name: "particle"
-};
-const St = class wt extends cr {
-  constructor(e = {}) {
-    e = { ...wt.defaultOptions, ...e }, super({
-      width: e.width,
-      height: e.height,
-      verticesX: 4,
-      verticesY: 4
-    }), this.update(e);
-  }
-  /**
-   * Updates the NineSliceGeometry with the options.
-   * @param options - The options of the NineSliceGeometry.
-   */
-  update(e) {
-    var t, r;
-    this.width = e.width ?? this.width, this.height = e.height ?? this.height, this._originalWidth = e.originalWidth ?? this._originalWidth, this._originalHeight = e.originalHeight ?? this._originalHeight, this._leftWidth = e.leftWidth ?? this._leftWidth, this._rightWidth = e.rightWidth ?? this._rightWidth, this._topHeight = e.topHeight ?? this._topHeight, this._bottomHeight = e.bottomHeight ?? this._bottomHeight, this._anchorX = (t = e.anchor) == null ? void 0 : t.x, this._anchorY = (r = e.anchor) == null ? void 0 : r.y, this.updateUvs(), this.updatePositions();
-  }
-  /** Updates the positions of the vertices. */
-  updatePositions() {
-    const e = this.positions, {
-      width: t,
-      height: r,
-      _leftWidth: i,
-      _rightWidth: s,
-      _topHeight: a,
-      _bottomHeight: o,
-      _anchorX: l,
-      _anchorY: h
-    } = this, c = i + s, d = t > c ? 1 : t / c, f = a + o, g = r > f ? 1 : r / f, p = Math.min(d, g), u = l * t, _ = h * r;
-    e[0] = e[8] = e[16] = e[24] = -u, e[2] = e[10] = e[18] = e[26] = i * p - u, e[4] = e[12] = e[20] = e[28] = t - s * p - u, e[6] = e[14] = e[22] = e[30] = t - u, e[1] = e[3] = e[5] = e[7] = -_, e[9] = e[11] = e[13] = e[15] = a * p - _, e[17] = e[19] = e[21] = e[23] = r - o * p - _, e[25] = e[27] = e[29] = e[31] = r - _, this.getBuffer("aPosition").update();
-  }
-  /** Updates the UVs of the vertices. */
-  updateUvs() {
-    const e = this.uvs;
-    e[0] = e[8] = e[16] = e[24] = 0, e[1] = e[3] = e[5] = e[7] = 0, e[6] = e[14] = e[22] = e[30] = 1, e[25] = e[27] = e[29] = e[31] = 1;
-    const t = 1 / this._originalWidth, r = 1 / this._originalHeight;
-    e[2] = e[10] = e[18] = e[26] = t * this._leftWidth, e[9] = e[11] = e[13] = e[15] = r * this._topHeight, e[4] = e[12] = e[20] = e[28] = 1 - t * this._rightWidth, e[17] = e[19] = e[21] = e[23] = 1 - r * this._bottomHeight, this.getBuffer("aUV").update();
-  }
-};
-St.defaultOptions = {
-  /** The width of the NineSlicePlane, setting this will actually modify the vertices and UV's of this plane. */
-  width: 100,
-  /** The height of the NineSlicePlane, setting this will actually modify the vertices and UV's of this plane. */
-  height: 100,
-  /** The width of the left column. */
-  leftWidth: 10,
-  /** The height of the top row. */
-  topHeight: 10,
-  /** The width of the right column. */
-  rightWidth: 10,
-  /** The height of the bottom row. */
-  bottomHeight: 10,
-  /** The original width of the texture */
-  originalWidth: 100,
-  /** The original height of the texture */
-  originalHeight: 100
-};
-let yr = St;
-class Tt {
-  constructor(e) {
-    this._gpuSpriteHash = /* @__PURE__ */ Object.create(null), this._destroyRenderableBound = this.destroyRenderable.bind(this), this._renderer = e, this._renderer.renderableGC.addManagedHash(this, "_gpuSpriteHash");
-  }
-  addRenderable(e, t) {
-    const r = this._getGpuSprite(e);
-    e.didViewUpdate && this._updateBatchableSprite(e, r), this._renderer.renderPipes.batch.addToBatch(r, t);
-  }
-  updateRenderable(e) {
-    const t = this._gpuSpriteHash[e.uid];
-    e.didViewUpdate && this._updateBatchableSprite(e, t), t._batcher.updateElement(t);
-  }
-  validateRenderable(e) {
-    const t = this._getGpuSprite(e);
-    return !t._batcher.checkAndUpdateTexture(
-      t,
-      e._texture
-    );
-  }
-  destroyRenderable(e) {
-    const t = this._gpuSpriteHash[e.uid];
-    v.return(t.geometry), v.return(t), this._gpuSpriteHash[e.uid] = null, e.off("destroyed", this._destroyRenderableBound);
-  }
-  _updateBatchableSprite(e, t) {
-    t.geometry.update(e), t.setTexture(e._texture);
-  }
-  _getGpuSprite(e) {
-    return this._gpuSpriteHash[e.uid] || this._initGPUSprite(e);
-  }
-  _initGPUSprite(e) {
-    const t = v.get(Te);
-    return t.geometry = v.get(yr), t.renderable = e, t.transform = e.groupTransform, t.texture = e._texture, t.roundPixels = this._renderer._roundPixels | e._roundPixels, this._gpuSpriteHash[e.uid] = t, e.didViewUpdate || this._updateBatchableSprite(e, t), e.on("destroyed", this._destroyRenderableBound), t;
-  }
-  destroy() {
-    for (const e in this._gpuSpriteHash)
-      this._gpuSpriteHash[e].geometry.destroy();
-    this._gpuSpriteHash = null, this._renderer = null;
-  }
-}
-Tt.extension = {
-  type: [
-    y.WebGLPipes,
-    y.WebGPUPipes,
-    y.CanvasPipes
-  ],
-  name: "nineSliceSprite"
-};
-const Sr = {
-  name: "tiling-bit",
-  vertex: {
-    header: (
-      /* wgsl */
-      `
-            struct TilingUniforms {
-                uMapCoord:mat3x3<f32>,
-                uClampFrame:vec4<f32>,
-                uClampOffset:vec2<f32>,
-                uTextureTransform:mat3x3<f32>,
-                uSizeAnchor:vec4<f32>
-            };
-
-            @group(2) @binding(0) var<uniform> tilingUniforms: TilingUniforms;
-            @group(2) @binding(1) var uTexture: texture_2d<f32>;
-            @group(2) @binding(2) var uSampler: sampler;
-        `
-    ),
-    main: (
-      /* wgsl */
-      `
-            uv = (tilingUniforms.uTextureTransform * vec3(uv, 1.0)).xy;
-
-            position = (position - tilingUniforms.uSizeAnchor.zw) * tilingUniforms.uSizeAnchor.xy;
-        `
-    )
-  },
-  fragment: {
-    header: (
-      /* wgsl */
-      `
-            struct TilingUniforms {
-                uMapCoord:mat3x3<f32>,
-                uClampFrame:vec4<f32>,
-                uClampOffset:vec2<f32>,
-                uTextureTransform:mat3x3<f32>,
-                uSizeAnchor:vec4<f32>
-            };
-
-            @group(2) @binding(0) var<uniform> tilingUniforms: TilingUniforms;
-            @group(2) @binding(1) var uTexture: texture_2d<f32>;
-            @group(2) @binding(2) var uSampler: sampler;
-        `
-    ),
-    main: (
-      /* wgsl */
-      `
-
-            var coord = vUV + ceil(tilingUniforms.uClampOffset - vUV);
-            coord = (tilingUniforms.uMapCoord * vec3(coord, 1.0)).xy;
-            var unclamped = coord;
-            coord = clamp(coord, tilingUniforms.uClampFrame.xy, tilingUniforms.uClampFrame.zw);
-
-            var bias = 0.;
-
-            if(unclamped.x == coord.x && unclamped.y == coord.y)
-            {
-                bias = -32.;
-            } 
-
-            outColor = textureSampleBias(uTexture, uSampler, coord, bias);
-        `
-    )
-  }
-}, wr = {
-  name: "tiling-bit",
-  vertex: {
-    header: (
-      /* glsl */
-      `
-            uniform mat3 uTextureTransform;
-            uniform vec4 uSizeAnchor;
-        
-        `
-    ),
-    main: (
-      /* glsl */
-      `
-            uv = (uTextureTransform * vec3(aUV, 1.0)).xy;
-
-            position = (position - uSizeAnchor.zw) * uSizeAnchor.xy;
-        `
-    )
-  },
-  fragment: {
-    header: (
-      /* glsl */
-      `
-            uniform sampler2D uTexture;
-            uniform mat3 uMapCoord;
-            uniform vec4 uClampFrame;
-            uniform vec2 uClampOffset;
-        `
-    ),
-    main: (
-      /* glsl */
-      `
-
-        vec2 coord = vUV + ceil(uClampOffset - vUV);
-        coord = (uMapCoord * vec3(coord, 1.0)).xy;
-        vec2 unclamped = coord;
-        coord = clamp(coord, uClampFrame.xy, uClampFrame.zw);
-        
-        outColor = texture(uTexture, coord, unclamped == coord ? 0.0 : -32.0);// lod-bias very negative to force lod 0
-    
-        `
-    )
-  }
-};
-let le, de;
-class Tr extends be {
-  constructor() {
-    le ?? (le = Xe({
-      name: "tiling-sprite-shader",
-      bits: [
-        Xt,
-        Sr,
-        Ne
-      ]
-    })), de ?? (de = qe({
-      name: "tiling-sprite-shader",
-      bits: [
-        Nt,
-        wr,
-        Qe
-      ]
-    }));
-    const e = new j({
-      uMapCoord: { value: new A(), type: "mat3x3<f32>" },
-      uClampFrame: { value: new Float32Array([0, 0, 1, 1]), type: "vec4<f32>" },
-      uClampOffset: { value: new Float32Array([0, 0]), type: "vec2<f32>" },
-      uTextureTransform: { value: new A(), type: "mat3x3<f32>" },
-      uSizeAnchor: { value: new Float32Array([100, 100, 0.5, 0.5]), type: "vec4<f32>" }
-    });
-    super({
-      glProgram: de,
-      gpuProgram: le,
-      resources: {
-        localUniforms: new j({
-          uTransformMatrix: { value: new A(), type: "mat3x3<f32>" },
-          uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
-          uRound: { value: 0, type: "f32" }
-        }),
-        tilingUniforms: e,
-        uTexture: W.EMPTY.source,
-        uSampler: W.EMPTY.source.style
-      }
-    });
-  }
-  updateUniforms(e, t, r, i, s, a) {
-    const o = this.resources.tilingUniforms, l = a.width, h = a.height, c = a.textureMatrix, d = o.uniforms.uTextureTransform;
-    d.set(
-      r.a * l / e,
-      r.b * l / t,
-      r.c * h / e,
-      r.d * h / t,
-      r.tx / e,
-      r.ty / t
-    ), d.invert(), o.uniforms.uMapCoord = c.mapCoord, o.uniforms.uClampFrame = c.uClampFrame, o.uniforms.uClampOffset = c.uClampOffset, o.uniforms.uTextureTransform = d, o.uniforms.uSizeAnchor[0] = e, o.uniforms.uSizeAnchor[1] = t, o.uniforms.uSizeAnchor[2] = i, o.uniforms.uSizeAnchor[3] = s, a && (this.resources.uTexture = a.source, this.resources.uSampler = a.source.style);
-  }
-}
-class vr extends Se {
-  constructor() {
-    super({
-      positions: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
-      uvs: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
-      indices: new Uint32Array([0, 1, 2, 0, 2, 3])
-    });
-  }
-}
-function Br(n, e) {
-  const t = n.anchor.x, r = n.anchor.y;
-  e[0] = -t * n.width, e[1] = -r * n.height, e[2] = (1 - t) * n.width, e[3] = -r * n.height, e[4] = (1 - t) * n.width, e[5] = (1 - r) * n.height, e[6] = -t * n.width, e[7] = (1 - r) * n.height;
-}
-function Cr(n, e, t, r) {
-  let i = 0;
-  const s = n.length / e, a = r.a, o = r.b, l = r.c, h = r.d, c = r.tx, d = r.ty;
-  for (t *= e; i < s; ) {
-    const f = n[t], g = n[t + 1];
-    n[t] = a * f + l * g + c, n[t + 1] = o * f + h * g + d, t += e, i++;
-  }
-}
-function Pr(n, e) {
-  const t = n.texture, r = t.frame.width, i = t.frame.height;
-  let s = 0, a = 0;
-  n.applyAnchorToTexture && (s = n.anchor.x, a = n.anchor.y), e[0] = e[6] = -s, e[2] = e[4] = 1 - s, e[1] = e[3] = -a, e[5] = e[7] = 1 - a;
-  const o = A.shared;
-  o.copyFrom(n._tileTransform.matrix), o.tx /= n.width, o.ty /= n.height, o.invert(), o.scale(n.width / r, n.height / i), Cr(e, 2, 0, o);
-}
-const Z = new vr();
-class vt {
-  constructor(e) {
-    this._state = re.default2d, this._tilingSpriteDataHash = /* @__PURE__ */ Object.create(null), this._destroyRenderableBound = this.destroyRenderable.bind(this), this._renderer = e, this._renderer.renderableGC.addManagedHash(this, "_tilingSpriteDataHash");
-  }
-  validateRenderable(e) {
-    const t = this._getTilingSpriteData(e), r = t.canBatch;
-    this._updateCanBatch(e);
-    const i = t.canBatch;
-    if (i && i === r) {
-      const { batchableMesh: s } = t;
-      return !s._batcher.checkAndUpdateTexture(
-        s,
-        e.texture
-      );
-    }
-    return r !== i;
-  }
-  addRenderable(e, t) {
-    const r = this._renderer.renderPipes.batch;
-    this._updateCanBatch(e);
-    const i = this._getTilingSpriteData(e), { geometry: s, canBatch: a } = i;
-    if (a) {
-      i.batchableMesh || (i.batchableMesh = new Te());
-      const o = i.batchableMesh;
-      e.didViewUpdate && (this._updateBatchableMesh(e), o.geometry = s, o.renderable = e, o.transform = e.groupTransform, o.setTexture(e._texture)), o.roundPixels = this._renderer._roundPixels | e._roundPixels, r.addToBatch(o, t);
-    } else
-      r.break(t), i.shader || (i.shader = new Tr()), this.updateRenderable(e), t.add(e);
-  }
-  execute(e) {
-    const { shader: t } = this._tilingSpriteDataHash[e.uid];
-    t.groups[0] = this._renderer.globalUniforms.bindGroup;
-    const r = t.resources.localUniforms.uniforms;
-    r.uTransformMatrix = e.groupTransform, r.uRound = this._renderer._roundPixels | e._roundPixels, ne(
-      e.groupColorAlpha,
-      r.uColor,
-      0
-    ), this._state.blendMode = xe(e.groupBlendMode, e.texture._source), this._renderer.encoder.draw({
-      geometry: Z,
-      shader: t,
-      state: this._state
-    });
-  }
-  updateRenderable(e) {
-    const t = this._getTilingSpriteData(e), { canBatch: r } = t;
-    if (r) {
-      const { batchableMesh: i } = t;
-      e.didViewUpdate && this._updateBatchableMesh(e), i._batcher.updateElement(i);
-    } else if (e.didViewUpdate) {
-      const { shader: i } = t;
-      i.updateUniforms(
-        e.width,
-        e.height,
-        e._tileTransform.matrix,
-        e.anchor.x,
-        e.anchor.y,
-        e.texture
-      );
-    }
-  }
-  destroyRenderable(e) {
-    var r;
-    const t = this._getTilingSpriteData(e);
-    t.batchableMesh = null, (r = t.shader) == null || r.destroy(), this._tilingSpriteDataHash[e.uid] = null, e.off("destroyed", this._destroyRenderableBound);
-  }
-  _getTilingSpriteData(e) {
-    return this._tilingSpriteDataHash[e.uid] || this._initTilingSpriteData(e);
-  }
-  _initTilingSpriteData(e) {
-    const t = new Se({
-      indices: Z.indices,
-      positions: Z.positions.slice(),
-      uvs: Z.uvs.slice()
-    });
-    return this._tilingSpriteDataHash[e.uid] = {
-      canBatch: !0,
-      renderable: e,
-      geometry: t
-    }, e.on("destroyed", this._destroyRenderableBound), this._tilingSpriteDataHash[e.uid];
-  }
-  _updateBatchableMesh(e) {
-    const t = this._getTilingSpriteData(e), { geometry: r } = t, i = e.texture.source.style;
-    i.addressMode !== "repeat" && (i.addressMode = "repeat", i.update()), Pr(e, r.uvs), Br(e, r.positions);
-  }
-  destroy() {
-    for (const e in this._tilingSpriteDataHash)
-      this.destroyRenderable(this._tilingSpriteDataHash[e].renderable);
-    this._tilingSpriteDataHash = null, this._renderer = null;
-  }
-  _updateCanBatch(e) {
-    const t = this._getTilingSpriteData(e), r = e.texture;
-    let i = !0;
-    return this._renderer.type === _e.WEBGL && (i = this._renderer.context.supports.nonPowOf2wrapping), t.canBatch = r.textureMatrix.isSimple && (i || r.source.isPowerOfTwo), t.canBatch;
-  }
-}
-vt.extension = {
-  type: [
-    y.WebGLPipes,
-    y.WebGPUPipes,
-    y.CanvasPipes
-  ],
-  name: "tilingSprite"
-};
-const Rr = {
-  name: "local-uniform-msdf-bit",
-  vertex: {
-    header: (
-      /* wgsl */
-      `
-            struct LocalUniforms {
-                uColor:vec4<f32>,
-                uTransformMatrix:mat3x3<f32>,
-                uDistance: f32,
-                uRound:f32,
-            }
-
-            @group(2) @binding(0) var<uniform> localUniforms : LocalUniforms;
-        `
-    ),
-    main: (
-      /* wgsl */
-      `
-            vColor *= localUniforms.uColor;
-            modelMatrix *= localUniforms.uTransformMatrix;
-        `
-    ),
-    end: (
-      /* wgsl */
-      `
-            if(localUniforms.uRound == 1)
-            {
-                vPosition = vec4(roundPixels(vPosition.xy, globalUniforms.uResolution), vPosition.zw);
-            }
-        `
-    )
-  },
-  fragment: {
-    header: (
-      /* wgsl */
-      `
-            struct LocalUniforms {
-                uColor:vec4<f32>,
-                uTransformMatrix:mat3x3<f32>,
-                uDistance: f32
-            }
-
-            @group(2) @binding(0) var<uniform> localUniforms : LocalUniforms;
-         `
-    ),
-    main: (
-      /* wgsl */
-      ` 
-            outColor = vec4<f32>(calculateMSDFAlpha(outColor, localUniforms.uColor, localUniforms.uDistance));
-        `
-    )
-  }
-}, Fr = {
-  name: "local-uniform-msdf-bit",
-  vertex: {
-    header: (
-      /* glsl */
-      `
-            uniform mat3 uTransformMatrix;
-            uniform vec4 uColor;
-            uniform float uRound;
-        `
-    ),
-    main: (
-      /* glsl */
-      `
-            vColor *= uColor;
-            modelMatrix *= uTransformMatrix;
-        `
-    ),
-    end: (
-      /* glsl */
-      `
-            if(uRound == 1.)
-            {
-                gl_Position.xy = roundPixels(gl_Position.xy, uResolution);
-            }
-        `
-    )
-  },
-  fragment: {
-    header: (
-      /* glsl */
-      `
-            uniform float uDistance;
-         `
-    ),
-    main: (
-      /* glsl */
-      ` 
-            outColor = vec4(calculateMSDFAlpha(outColor, vColor, uDistance));
-        `
-    )
-  }
-}, Mr = {
-  name: "msdf-bit",
-  fragment: {
-    header: (
-      /* wgsl */
-      `
-            fn calculateMSDFAlpha(msdfColor:vec4<f32>, shapeColor:vec4<f32>, distance:f32) -> f32 {
-                
-                // MSDF
-                var median = msdfColor.r + msdfColor.g + msdfColor.b -
-                    min(msdfColor.r, min(msdfColor.g, msdfColor.b)) -
-                    max(msdfColor.r, max(msdfColor.g, msdfColor.b));
-            
-                // SDF
-                median = min(median, msdfColor.a);
-
-                var screenPxDistance = distance * (median - 0.5);
-                var alpha = clamp(screenPxDistance + 0.5, 0.0, 1.0);
-                if (median < 0.01) {
-                    alpha = 0.0;
-                } else if (median > 0.99) {
-                    alpha = 1.0;
-                }
-
-                // Gamma correction for coverage-like alpha
-                var luma: f32 = dot(shapeColor.rgb, vec3<f32>(0.299, 0.587, 0.114));
-                var gamma: f32 = mix(1.0, 1.0 / 2.2, luma);
-                var coverage: f32 = pow(shapeColor.a * alpha, gamma);
-
-                return coverage;
-             
-            }
-        `
-    )
-  }
-}, kr = {
-  name: "msdf-bit",
-  fragment: {
-    header: (
-      /* glsl */
-      `
-            float calculateMSDFAlpha(vec4 msdfColor, vec4 shapeColor, float distance) {
-                
-                // MSDF
-                float median = msdfColor.r + msdfColor.g + msdfColor.b -
-                                min(msdfColor.r, min(msdfColor.g, msdfColor.b)) -
-                                max(msdfColor.r, max(msdfColor.g, msdfColor.b));
-               
-                // SDF
-                median = min(median, msdfColor.a);
-            
-                float screenPxDistance = distance * (median - 0.5);
-                float alpha = clamp(screenPxDistance + 0.5, 0.0, 1.0);
-           
-                if (median < 0.01) {
-                    alpha = 0.0;
-                } else if (median > 0.99) {
-                    alpha = 1.0;
-                }
-
-                // Gamma correction for coverage-like alpha
-                float luma = dot(shapeColor.rgb, vec3(0.299, 0.587, 0.114));
-                float gamma = mix(1.0, 1.0 / 2.2, luma);
-                float coverage = pow(shapeColor.a * alpha, gamma);  
-              
-                return coverage;
-            }
-        `
-    )
-  }
-};
-let he, ce;
-class Ur extends be {
-  constructor() {
-    const e = new j({
-      uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
-      uTransformMatrix: { value: new A(), type: "mat3x3<f32>" },
-      uDistance: { value: 4, type: "f32" },
-      uRound: { value: 0, type: "f32" }
-    }), t = Dt();
-    he ?? (he = Xe({
-      name: "sdf-shader",
-      bits: [
-        Ot,
-        It(t),
-        Rr,
-        Mr,
-        Ne
-      ]
-    })), ce ?? (ce = qe({
-      name: "sdf-shader",
-      bits: [
-        Et,
-        Vt(t),
-        Fr,
-        kr,
-        Qe
-      ]
-    })), super({
-      glProgram: ce,
-      gpuProgram: he,
-      resources: {
-        localUniforms: e,
-        batchSamplers: $t(t)
-      }
-    });
-  }
-}
-class Bt {
-  constructor(e) {
-    this._gpuBitmapText = {}, this._destroyRenderableBound = this.destroyRenderable.bind(this), this._renderer = e, this._renderer.renderableGC.addManagedHash(this, "_gpuBitmapText");
-  }
-  validateRenderable(e) {
-    const t = this._getGpuBitmapText(e);
-    return e._didTextUpdate && (e._didTextUpdate = !1, this._updateContext(e, t)), this._renderer.renderPipes.graphics.validateRenderable(t);
-  }
-  addRenderable(e, t) {
-    const r = this._getGpuBitmapText(e);
-    Ie(e, r), e._didTextUpdate && (e._didTextUpdate = !1, this._updateContext(e, r)), this._renderer.renderPipes.graphics.addRenderable(r, t), r.context.customShader && this._updateDistanceField(e);
-  }
-  destroyRenderable(e) {
-    e.off("destroyed", this._destroyRenderableBound), this._destroyRenderableByUid(e.uid);
-  }
-  _destroyRenderableByUid(e) {
-    const t = this._gpuBitmapText[e].context;
-    t.customShader && (v.return(t.customShader), t.customShader = null), v.return(this._gpuBitmapText[e]), this._gpuBitmapText[e] = null;
-  }
-  updateRenderable(e) {
-    const t = this._getGpuBitmapText(e);
-    Ie(e, t), this._renderer.renderPipes.graphics.updateRenderable(t), t.context.customShader && this._updateDistanceField(e);
-  }
-  _updateContext(e, t) {
-    const { context: r } = t, i = nr.getFont(e.text, e._style);
-    r.clear(), i.distanceField.type !== "none" && (r.customShader || (r.customShader = v.get(Ur)));
-    const s = Array.from(e.text), a = e._style;
-    let o = i.baseLineOffset;
-    const l = at(s, a, i, !0);
-    let h = 0;
-    const c = a.padding, d = l.scale;
-    let f = l.width, g = l.height + l.offsetY;
-    a._stroke && (f += a._stroke.width / d, g += a._stroke.width / d), r.translate(-e._anchor._x * f - c, -e._anchor._y * g - c).scale(d, d);
-    const p = i.applyFillAsTint ? a._fill.color : 16777215;
-    for (let u = 0; u < l.lines.length; u++) {
-      const _ = l.lines[u];
-      for (let x = 0; x < _.charPositions.length; x++) {
-        const w = s[h++], b = i.chars[w];
-        b != null && b.texture && r.texture(
-          b.texture,
-          p || "black",
-          Math.round(_.charPositions[x] + b.xOffset),
-          Math.round(o + b.yOffset)
-        );
-      }
-      o += i.lineHeight;
-    }
-  }
-  _getGpuBitmapText(e) {
-    return this._gpuBitmapText[e.uid] || this.initGpuText(e);
-  }
-  initGpuText(e) {
-    const t = v.get(Yt);
-    return this._gpuBitmapText[e.uid] = t, this._updateContext(e, t), e.on("destroyed", this._destroyRenderableBound), this._gpuBitmapText[e.uid];
-  }
-  _updateDistanceField(e) {
-    const t = this._getGpuBitmapText(e).context, r = e._style.fontFamily, i = G.get(`${r}-bitmap`), { a: s, b: a, c: o, d: l } = e.groupTransform, h = Math.sqrt(s * s + a * a), c = Math.sqrt(o * o + l * l), d = (Math.abs(h) + Math.abs(c)) / 2, f = i.baseRenderedFontSize / e._style.fontSize, g = d * i.distanceField.range * (1 / f);
-    t.customShader.resources.localUniforms.uniforms.uDistance = g;
-  }
-  destroy() {
-    for (const e in this._gpuBitmapText)
-      this._destroyRenderableByUid(e);
-    this._gpuBitmapText = null, this._renderer = null;
-  }
-}
-Bt.extension = {
-  type: [
-    y.WebGLPipes,
-    y.WebGPUPipes,
-    y.CanvasPipes
-  ],
-  name: "bitmapText"
-};
-function Ie(n, e) {
-  e.groupTransform = n.groupTransform, e.groupColorAlpha = n.groupColorAlpha, e.groupColor = n.groupColor, e.groupBlendMode = n.groupBlendMode, e.globalDisplayStatus = n.globalDisplayStatus, e.groupTransform = n.groupTransform, e.localDisplayStatus = n.localDisplayStatus, e.groupAlpha = n.groupAlpha, e._roundPixels = n._roundPixels;
-}
-function pe(n, e) {
-  const { texture: t, bounds: r } = n;
-  Kt(r, e._anchor, t);
-  const i = e._style.padding;
-  r.minX -= i, r.minY -= i, r.maxX -= i, r.maxY -= i;
-}
-class Ct {
-  constructor(e) {
-    this._gpuText = /* @__PURE__ */ Object.create(null), this._destroyRenderableBound = this.destroyRenderable.bind(this), this._renderer = e, this._renderer.runners.resolutionChange.add(this), this._renderer.renderableGC.addManagedHash(this, "_gpuText");
-  }
-  resolutionChange() {
-    for (const e in this._gpuText) {
-      const t = this._gpuText[e];
-      if (!t)
-        continue;
-      const r = t.batchableSprite.renderable;
-      r._autoResolution && (r._resolution = this._renderer.resolution, r.onViewUpdate());
-    }
-  }
-  validateRenderable(e) {
-    const t = this._getGpuText(e), r = e._getKey();
-    return t.textureNeedsUploading ? (t.textureNeedsUploading = !1, !0) : t.currentKey !== r;
-  }
-  addRenderable(e, t) {
-    const i = this._getGpuText(e).batchableSprite;
-    e._didTextUpdate && this._updateText(e), this._renderer.renderPipes.batch.addToBatch(i, t);
-  }
-  updateRenderable(e) {
-    const r = this._getGpuText(e).batchableSprite;
-    e._didTextUpdate && this._updateText(e), r._batcher.updateElement(r);
-  }
-  destroyRenderable(e) {
-    e.off("destroyed", this._destroyRenderableBound), this._destroyRenderableById(e.uid);
-  }
-  _destroyRenderableById(e) {
-    const t = this._gpuText[e];
-    this._renderer.htmlText.decreaseReferenceCount(t.currentKey), v.return(t.batchableSprite), this._gpuText[e] = null;
-  }
-  _updateText(e) {
-    const t = e._getKey(), r = this._getGpuText(e), i = r.batchableSprite;
-    r.currentKey !== t && this._updateGpuText(e).catch((s) => {
-      console.error(s);
-    }), e._didTextUpdate = !1, pe(i, e);
-  }
-  async _updateGpuText(e) {
-    e._didTextUpdate = !1;
-    const t = this._getGpuText(e);
-    if (t.generatingTexture)
-      return;
-    const r = e._getKey();
-    this._renderer.htmlText.decreaseReferenceCount(t.currentKey), t.generatingTexture = !0, t.currentKey = r;
-    const i = e.resolution ?? this._renderer.resolution, s = await this._renderer.htmlText.getManagedTexture(
-      e.text,
-      i,
-      e._style,
-      e._getKey()
-    ), a = t.batchableSprite;
-    a.texture = t.texture = s, t.generatingTexture = !1, t.textureNeedsUploading = !0, e.onViewUpdate(), pe(a, e);
-  }
-  _getGpuText(e) {
-    return this._gpuText[e.uid] || this.initGpuText(e);
-  }
-  initGpuText(e) {
-    const t = {
-      texture: W.EMPTY,
-      currentKey: "--",
-      batchableSprite: v.get(Je),
-      textureNeedsUploading: !1,
-      generatingTexture: !1
-    }, r = t.batchableSprite;
-    return r.renderable = e, r.transform = e.groupTransform, r.texture = W.EMPTY, r.bounds = { minX: 0, maxX: 1, minY: 0, maxY: 0 }, r.roundPixels = this._renderer._roundPixels | e._roundPixels, e._resolution = e._autoResolution ? this._renderer.resolution : e.resolution, this._gpuText[e.uid] = t, e.on("destroyed", this._destroyRenderableBound), t;
-  }
-  destroy() {
-    for (const e in this._gpuText)
-      this._destroyRenderableById(e);
-    this._gpuText = null, this._renderer = null;
-  }
-}
-Ct.extension = {
-  type: [
-    y.WebGLPipes,
-    y.WebGPUPipes,
-    y.CanvasPipes
-  ],
-  name: "htmlText"
-};
-function Wr() {
-  const { userAgent: n } = X.get().getNavigator();
-  return /^((?!chrome|android).)*safari/i.test(n);
-}
-const Ar = new je();
-function Pt(n, e, t, r) {
-  const i = Ar;
-  i.minX = 0, i.minY = 0, i.maxX = n.width / r | 0, i.maxY = n.height / r | 0;
-  const s = H.getOptimalTexture(
-    i.width,
-    i.height,
-    r,
-    !1
-  );
-  return s.source.uploadMethodId = "image", s.source.resource = n, s.source.alphaMode = "premultiply-alpha-on-upload", s.frame.width = e / r, s.frame.height = t / r, s.source.emit("update", s.source), s.updateUvs(), s;
-}
-function zr(n, e) {
-  const t = e.fontFamily, r = [], i = {}, s = /font-family:([^;"\s]+)/g, a = n.match(s);
-  function o(l) {
-    i[l] || (r.push(l), i[l] = !0);
-  }
-  if (Array.isArray(t))
-    for (let l = 0; l < t.length; l++)
-      o(t[l]);
-  else
-    o(t);
-  a && a.forEach((l) => {
-    const h = l.split(":")[1].trim();
-    o(h);
-  });
-  for (const l in e.tagStyles) {
-    const h = e.tagStyles[l].fontFamily;
-    o(h);
-  }
-  return r;
-}
-async function Gr(n) {
-  const t = await (await X.get().fetch(n)).blob(), r = new FileReader();
-  return await new Promise((s, a) => {
-    r.onloadend = () => s(r.result), r.onerror = a, r.readAsDataURL(t);
-  });
-}
-async function Ee(n, e) {
-  const t = await Gr(e);
-  return `@font-face {
-        font-family: "${n.fontFamily}";
-        src: url('${t}');
-        font-weight: ${n.fontWeight};
-        font-style: ${n.fontStyle};
-    }`;
-}
-const ee = /* @__PURE__ */ new Map();
-async function Hr(n, e, t) {
-  const r = n.filter((i) => G.has(`${i}-and-url`)).map((i, s) => {
-    if (!ee.has(i)) {
-      const { url: a } = G.get(`${i}-and-url`);
-      s === 0 ? ee.set(i, Ee({
-        fontWeight: e.fontWeight,
-        fontStyle: e.fontStyle,
-        fontFamily: i
-      }, a)) : ee.set(i, Ee({
-        fontWeight: t.fontWeight,
-        fontStyle: t.fontStyle,
-        fontFamily: i
-      }, a));
-    }
-    return ee.get(i);
-  });
-  return (await Promise.all(r)).join(`
-`);
-}
-function Lr(n, e, t, r, i) {
-  const { domElement: s, styleElement: a, svgRoot: o } = i;
-  s.innerHTML = `<style>${e.cssStyle}</style><div style='padding:0;'>${n}</div>`, s.setAttribute("style", `transform: scale(${t});transform-origin: top left; display: inline-block`), a.textContent = r;
-  const { width: l, height: h } = i.image;
-  return o.setAttribute("width", l.toString()), o.setAttribute("height", h.toString()), new XMLSerializer().serializeToString(o);
-}
-function Dr(n, e) {
-  const t = V.getOptimalCanvasAndContext(
-    n.width,
-    n.height,
-    e
-  ), { context: r } = t;
-  return r.clearRect(0, 0, n.width, n.height), r.drawImage(n, 0, 0), t;
-}
-function Or(n, e, t) {
-  return new Promise(async (r) => {
-    t && await new Promise((i) => setTimeout(i, 100)), n.onload = () => {
-      r();
-    }, n.src = `data:image/svg+xml;charset=utf8,${encodeURIComponent(e)}`, n.crossOrigin = "anonymous";
-  });
-}
-class ve {
-  constructor(e) {
-    this._activeTextures = {}, this._renderer = e, this._createCanvas = e.type === _e.WEBGPU;
-  }
-  getTexture(e) {
-    return this._buildTexturePromise(
-      e.text,
-      e.resolution,
-      e.style
-    );
-  }
-  getManagedTexture(e, t, r, i) {
-    if (this._activeTextures[i])
-      return this._increaseReferenceCount(i), this._activeTextures[i].promise;
-    const s = this._buildTexturePromise(e, t, r).then((a) => (this._activeTextures[i].texture = a, a));
-    return this._activeTextures[i] = {
-      texture: null,
-      promise: s,
-      usageCount: 1
-    }, s;
-  }
-  async _buildTexturePromise(e, t, r) {
-    const i = v.get(ft), s = zr(e, r), a = await Hr(
-      s,
-      r,
-      we.defaultTextStyle
-    ), o = hr(e, r, a, i), l = Math.ceil(Math.ceil(Math.max(1, o.width) + r.padding * 2) * t), h = Math.ceil(Math.ceil(Math.max(1, o.height) + r.padding * 2) * t), c = i.image, d = 2;
-    c.width = (l | 0) + d, c.height = (h | 0) + d;
-    const f = Lr(e, r, t, a, i);
-    await Or(c, f, Wr() && s.length > 0);
-    const g = c;
-    let p;
-    this._createCanvas && (p = Dr(c, t));
-    const u = Pt(
-      p ? p.canvas : g,
-      c.width - d,
-      c.height - d,
-      t
-    );
-    return this._createCanvas && (this._renderer.texture.initSource(u.source), V.returnCanvasAndContext(p)), v.return(i), u;
-  }
-  _increaseReferenceCount(e) {
-    this._activeTextures[e].usageCount++;
-  }
-  decreaseReferenceCount(e) {
-    const t = this._activeTextures[e];
-    t && (t.usageCount--, t.usageCount === 0 && (t.texture ? this._cleanUp(t) : t.promise.then((r) => {
-      t.texture = r, this._cleanUp(t);
-    }).catch(() => {
-      K("HTMLTextSystem: Failed to clean texture");
-    }), this._activeTextures[e] = null));
-  }
-  _cleanUp(e) {
-    H.returnTexture(e.texture), e.texture.source.resource = null, e.texture.source.uploadMethodId = "unknown";
-  }
-  getReferenceCount(e) {
-    return this._activeTextures[e].usageCount;
-  }
-  destroy() {
-    this._activeTextures = null;
-  }
-}
-ve.extension = {
-  type: [
-    y.WebGLSystem,
-    y.WebGPUSystem,
-    y.CanvasSystem
-  ],
-  name: "htmlText"
-};
-ve.defaultFontOptions = {
-  fontFamily: "Arial",
-  fontStyle: "normal",
-  fontWeight: "normal"
-};
-class Rt {
-  constructor(e) {
-    this._gpuText = /* @__PURE__ */ Object.create(null), this._destroyRenderableBound = this.destroyRenderable.bind(this), this._renderer = e, this._renderer.runners.resolutionChange.add(this), this._renderer.renderableGC.addManagedHash(this, "_gpuText");
-  }
-  resolutionChange() {
-    for (const e in this._gpuText) {
-      const t = this._gpuText[e];
-      if (!t)
-        continue;
-      const r = t.batchableSprite.renderable;
-      r._autoResolution && (r._resolution = this._renderer.resolution, r.onViewUpdate());
-    }
-  }
-  validateRenderable(e) {
-    const t = this._getGpuText(e), r = e._getKey();
-    return t.currentKey !== r;
-  }
-  addRenderable(e, t) {
-    const i = this._getGpuText(e).batchableSprite;
-    e._didTextUpdate && this._updateText(e), this._renderer.renderPipes.batch.addToBatch(i, t);
-  }
-  updateRenderable(e) {
-    const r = this._getGpuText(e).batchableSprite;
-    e._didTextUpdate && this._updateText(e), r._batcher.updateElement(r);
-  }
-  destroyRenderable(e) {
-    e.off("destroyed", this._destroyRenderableBound), this._destroyRenderableById(e.uid);
-  }
-  _destroyRenderableById(e) {
-    const t = this._gpuText[e];
-    this._renderer.canvasText.decreaseReferenceCount(t.currentKey), v.return(t.batchableSprite), this._gpuText[e] = null;
-  }
-  _updateText(e) {
-    const t = e._getKey(), r = this._getGpuText(e), i = r.batchableSprite;
-    r.currentKey !== t && this._updateGpuText(e), e._didTextUpdate = !1, pe(i, e);
-  }
-  _updateGpuText(e) {
-    const t = this._getGpuText(e), r = t.batchableSprite;
-    t.texture && this._renderer.canvasText.decreaseReferenceCount(t.currentKey), t.texture = r.texture = this._renderer.canvasText.getManagedTexture(e), t.currentKey = e._getKey(), r.texture = t.texture;
-  }
-  _getGpuText(e) {
-    return this._gpuText[e.uid] || this.initGpuText(e);
-  }
-  initGpuText(e) {
-    const t = {
-      texture: null,
-      currentKey: "--",
-      batchableSprite: v.get(Je)
-    };
-    return t.batchableSprite.renderable = e, t.batchableSprite.transform = e.groupTransform, t.batchableSprite.bounds = { minX: 0, maxX: 1, minY: 0, maxY: 0 }, t.batchableSprite.roundPixels = this._renderer._roundPixels | e._roundPixels, this._gpuText[e.uid] = t, e._resolution = e._autoResolution ? this._renderer.resolution : e.resolution, this._updateText(e), e.on("destroyed", this._destroyRenderableBound), t;
-  }
-  destroy() {
-    for (const e in this._gpuText)
-      this._destroyRenderableById(e);
-    this._gpuText = null, this._renderer = null;
-  }
-}
-Rt.extension = {
-  type: [
-    y.WebGLPipes,
-    y.WebGPUPipes,
-    y.CanvasPipes
-  ],
-  name: "text"
-};
-function Ve(n, e, t) {
-  for (let r = 0, i = 4 * t * e; r < e; ++r, i += 4)
-    if (n[i + 3] !== 0)
-      return !1;
-  return !0;
-}
-function $e(n, e, t, r, i) {
-  const s = 4 * e;
-  for (let a = r, o = r * s + 4 * t; a <= i; ++a, o += s)
-    if (n[o + 3] !== 0)
-      return !1;
-  return !0;
-}
-function Ir(n, e = 1) {
-  const { width: t, height: r } = n, i = n.getContext("2d", {
-    willReadFrequently: !0
-  });
-  if (i === null)
-    throw new TypeError("Failed to get canvas 2D context");
-  const a = i.getImageData(0, 0, t, r).data;
-  let o = 0, l = 0, h = t - 1, c = r - 1;
-  for (; l < r && Ve(a, t, l); )
-    ++l;
-  if (l === r)
-    return ue.EMPTY;
-  for (; Ve(a, t, c); )
-    --c;
-  for (; $e(a, t, o, l, c); )
-    ++o;
-  for (; $e(a, t, h, l, c); )
-    --h;
-  return ++h, ++c, new ue(o / e, l / e, (h - o) / e, (c - l) / e);
-}
-class Ft {
-  constructor(e) {
-    this._activeTextures = {}, this._renderer = e;
-  }
-  getTextureSize(e, t, r) {
-    const i = I.measureText(e || " ", r);
-    let s = Math.ceil(Math.ceil(Math.max(1, i.width) + r.padding * 2) * t), a = Math.ceil(Math.ceil(Math.max(1, i.height) + r.padding * 2) * t);
-    return s = Math.ceil(s - 1e-6), a = Math.ceil(a - 1e-6), s = Fe(s), a = Fe(a), { width: s, height: a };
-  }
-  getTexture(e, t, r, i) {
-    typeof e == "string" && (k("8.0.0", "CanvasTextSystem.getTexture: Use object TextOptions instead of separate arguments"), e = {
-      text: e,
-      style: r,
-      resolution: t
-    }), e.style instanceof E || (e.style = new E(e.style));
-    const { texture: s, canvasAndContext: a } = this.createTextureAndCanvas(
-      e
-    );
-    return this._renderer.texture.initSource(s._source), V.returnCanvasAndContext(a), s;
-  }
-  createTextureAndCanvas(e) {
-    const { text: t, style: r } = e, i = e.resolution ?? this._renderer.resolution, s = I.measureText(t || " ", r), a = Math.ceil(Math.ceil(Math.max(1, s.width) + r.padding * 2) * i), o = Math.ceil(Math.ceil(Math.max(1, s.height) + r.padding * 2) * i), l = V.getOptimalCanvasAndContext(a, o), { canvas: h } = l;
-    this.renderTextToCanvas(t, r, i, l);
-    const c = Pt(h, a, o, i);
-    if (r.trim) {
-      const d = Ir(h, i);
-      c.frame.copyFrom(d), c.updateUvs();
-    }
-    return { texture: c, canvasAndContext: l };
-  }
-  getManagedTexture(e) {
-    e._resolution = e._autoResolution ? this._renderer.resolution : e.resolution;
-    const t = e._getKey();
-    if (this._activeTextures[t])
-      return this._increaseReferenceCount(t), this._activeTextures[t].texture;
-    const { texture: r, canvasAndContext: i } = this.createTextureAndCanvas(e);
-    return this._activeTextures[t] = {
-      canvasAndContext: i,
-      texture: r,
-      usageCount: 1
-    }, r;
-  }
-  _increaseReferenceCount(e) {
-    this._activeTextures[e].usageCount++;
-  }
-  /**
-   * Returns a texture that was created wit the above `getTexture` function.
-   * Handy if you are done with a texture and want to return it to the pool.
-   * @param texture - The texture to be returned.
-   */
-  returnTexture(e) {
-    const t = e.source;
-    t.resource = null, t.uploadMethodId = "unknown", t.alphaMode = "no-premultiply-alpha", H.returnTexture(e);
-  }
-  decreaseReferenceCount(e) {
-    const t = this._activeTextures[e];
-    t.usageCount--, t.usageCount === 0 && (V.returnCanvasAndContext(t.canvasAndContext), this.returnTexture(t.texture), this._activeTextures[e] = null);
-  }
-  getReferenceCount(e) {
-    return this._activeTextures[e].usageCount;
-  }
-  /**
-   * Renders text to its canvas, and updates its texture.
-   *
-   * By default this is used internally to ensure the texture is correct before rendering,
-   * but it can be used called externally, for example from this class to 'pre-generate' the texture from a piece of text,
-   * and then shared across multiple Sprites.
-   * @param text
-   * @param style
-   * @param resolution
-   * @param canvasAndContext
-   */
-  renderTextToCanvas(e, t, r, i) {
-    var w, b, S, B;
-    const { canvas: s, context: a } = i, o = ie(t), l = I.measureText(e || " ", t), h = l.lines, c = l.lineHeight, d = l.lineWidths, f = l.maxLineWidth, g = l.fontProperties, p = s.height;
-    if (a.resetTransform(), a.scale(r, r), a.textBaseline = t.textBaseline, (w = t._stroke) != null && w.width) {
-      const C = t._stroke;
-      a.lineWidth = C.width, a.miterLimit = C.miterLimit, a.lineJoin = C.join, a.lineCap = C.cap;
-    }
-    a.font = o;
-    let u, _;
-    const x = t.dropShadow ? 2 : 1;
-    for (let C = 0; C < x; ++C) {
-      const F = t.dropShadow && C === 0, M = F ? Math.ceil(Math.max(1, p) + t.padding * 2) : 0, D = M * r;
-      if (F) {
-        a.fillStyle = "black", a.strokeStyle = "black";
-        const T = t.dropShadow, ae = T.color, Mt = T.alpha;
-        a.shadowColor = R.shared.setValue(ae).setAlpha(Mt).toRgbaString();
-        const kt = T.blur * r, Be = T.distance * r;
-        a.shadowBlur = kt, a.shadowOffsetX = Math.cos(T.angle) * Be, a.shadowOffsetY = Math.sin(T.angle) * Be + D;
-      } else {
-        if (a.fillStyle = t._fill ? se(t._fill, a, l) : null, (b = t._stroke) != null && b.width) {
-          const T = t._stroke.width * t._stroke.alignment;
-          a.strokeStyle = se(t._stroke, a, l, T);
-        }
-        a.shadowColor = "black";
-      }
-      let q = (c - g.fontSize) / 2;
-      c - g.fontSize < 0 && (q = 0);
-      const O = ((S = t._stroke) == null ? void 0 : S.width) ?? 0;
-      for (let T = 0; T < h.length; T++)
-        u = O / 2, _ = O / 2 + T * c + g.ascent + q, t.align === "right" ? u += f - d[T] : t.align === "center" && (u += (f - d[T]) / 2), (B = t._stroke) != null && B.width && this._drawLetterSpacing(
-          h[T],
-          t,
-          i,
-          u + t.padding,
-          _ + t.padding - M,
-          !0
-        ), t._fill !== void 0 && this._drawLetterSpacing(
-          h[T],
-          t,
-          i,
-          u + t.padding,
-          _ + t.padding - M
-        );
-    }
-  }
-  /**
-   * Render the text with letter-spacing.
-   * @param text - The text to draw
-   * @param style
-   * @param canvasAndContext
-   * @param x - Horizontal position to draw the text
-   * @param y - Vertical position to draw the text
-   * @param isStroke - Is this drawing for the outside stroke of the
-   *  text? If not, it's for the inside fill
-   */
-  _drawLetterSpacing(e, t, r, i, s, a = !1) {
-    const { context: o } = r, l = t.letterSpacing;
-    let h = !1;
-    if (I.experimentalLetterSpacingSupported && (I.experimentalLetterSpacing ? (o.letterSpacing = `${l}px`, o.textLetterSpacing = `${l}px`, h = !0) : (o.letterSpacing = "0px", o.textLetterSpacing = "0px")), l === 0 || h) {
-      a ? o.strokeText(e, i, s) : o.fillText(e, i, s);
-      return;
-    }
-    let c = i;
-    const d = I.graphemeSegmenter(e);
-    let f = o.measureText(e).width, g = 0;
-    for (let p = 0; p < d.length; ++p) {
-      const u = d[p];
-      a ? o.strokeText(u, c, s) : o.fillText(u, c, s);
-      let _ = "";
-      for (let x = p + 1; x < d.length; ++x)
-        _ += d[x];
-      g = o.measureText(_).width, c += f - g + l, f = g;
-    }
-  }
-  destroy() {
-    this._activeTextures = null;
-  }
-}
-Ft.extension = {
-  type: [
-    y.WebGLSystem,
-    y.WebGPUSystem,
-    y.CanvasSystem
-  ],
-  name: "canvasText"
-};
-P.add(Ze);
-P.add(et);
-P.add(pt);
-P.add(jt);
-P.add(_t);
-P.add(bt);
-P.add(yt);
-P.add(Ft);
-P.add(Rt);
-P.add(Bt);
-P.add(ve);
-P.add(Ct);
-P.add(vt);
-P.add(Tt);
-P.add(lt);
-P.add(ot);
-//# sourceMappingURL=init-CxAUULxM.js.map