openvideo 0.0.4 → 0.1.0

package/dist/{webworkerAll-BuYW7nlg.js → webworkerAll-B_y2Hkt4.js}

@@ -1,5 +1,5 @@
-import { E as p, U as dt, T as ce, F as ht, G as Fe, v as Re, M as P, l as M, d as Ue, I as w, t as R, a8 as te, R as re, w as N, H as Be, a5 as O, a6 as Me, c as D, B as C, D as W, af as de, V as q, ag as B, m as I, ah as ft, a0 as Ge, ai as he, S as E, y as V, aj as pt, ak as ne, L as Q, al as z, s as ie, $ as J, n as De, q as Ae, aa as ze, ad as ke, o as mt, p as gt, ab as xt, ac as _t, ae as vt, am as bt, an as yt, ao as Z, ap as Tt, aq as wt, ar as fe, e as y, as as Ct } from "./index-BdiiyukT.js";
-import { c as L, a as Pt, b as St, B as Oe } from "./colorToUniform-C2jGzNe1.js";
+import { E as p, U as dt, T as ce, F as ht, G as Fe, v as Re, af as ft, M as P, l as M, d as Ue, I as w, t as R, a8 as te, R as re, w as N, H as Be, a5 as O, a6 as Me, c as D, B as C, D as W, ag as de, V as q, ah as B, m as I, ai as pt, a0 as Ge, aj as he, S as E, y as V, ak as mt, al as ne, L as Q, am as k, s as se, $ as J, n as De, q as Ae, aa as ke, ad as ze, o as gt, p as xt, ab as _t, ac as bt, ae as vt, an as yt, ao as Tt, ap as Z, aq as wt, ar as Ct, as as fe, e as y, at as Pt } from "./index-C7b-H3n2.js";
+import { c as L, a as St, b as Ft, B as Oe } from "./colorToUniform-C2jGzNe1.js";
 class Ie {
   /**
    * Initialize the plugin with scope of application instance
@@ -31,8 +31,8 @@ class Ie {
       if (this._resizeTo === globalThis.window)
         t = globalThis.innerWidth, r = globalThis.innerHeight;
       else {
-        const { clientWidth: n, clientHeight: i } = this._resizeTo;
-        t = n, r = i;
+        const { clientWidth: n, clientHeight: s } = this._resizeTo;
+        t = n, r = s;
       }
       this.renderer.resize(t, r), this.render();
     }, this._resizeId = null, this._resizeTo = null, this.resizeTo = e.resizeTo || null;
@@ -86,34 +86,7 @@ class Ee {
   }
 }
 Ee.extension = p.Application;
-var Ft = `in vec2 aPosition;
-out vec2 vTextureCoord;
-
-uniform vec4 uInputSize;
-uniform vec4 uOutputFrame;
-uniform vec4 uOutputTexture;
-
-vec4 filterVertexPosition( void )
-{
-    vec2 position = aPosition * uOutputFrame.zw + uOutputFrame.xy;
-    
-    position.x = position.x * (2.0 / uOutputTexture.x) - 1.0;
-    position.y = position.y * (2.0*uOutputTexture.z / uOutputTexture.y) - uOutputTexture.z;
-
-    return vec4(position, 0.0, 1.0);
-}
-
-vec2 filterTextureCoord( void )
-{
-    return aPosition * (uOutputFrame.zw * uInputSize.zw);
-}
-
-void main(void)
-{
-    gl_Position = filterVertexPosition();
-    vTextureCoord = filterTextureCoord();
-}
-`, Rt = `in vec2 vTextureCoord;
+var Rt = `in vec2 vTextureCoord;
 out vec4 finalColor;
 uniform sampler2D uTexture;
 void main() {
@@ -176,7 +149,7 @@ class Ut extends ht {
       fragment: { source: pe, entryPoint: "mainFragment" },
       name: "passthrough-filter"
     }), t = Re.from({
-      vertex: Ft,
+      vertex: ft,
       fragment: Rt,
       name: "passthrough-filter"
     });
@@ -229,8 +202,8 @@ function Bt(o, e) {
     const n = o[r];
     if (n.globalDisplayStatus < 7)
       continue;
-    const i = n.renderGroup ?? n.parentRenderGroup;
-    i?.isCachedAsTexture ? e.matrix = me.copyFrom(i.textureOffsetInverseTransform).append(n.worldTransform) : i?._parentCacheAsTextureRenderGroup ? e.matrix = me.copyFrom(i._parentCacheAsTextureRenderGroup.inverseWorldTransform).append(n.groupTransform) : e.matrix = n.worldTransform, e.addBounds(n.bounds);
+    const s = n.renderGroup ?? n.parentRenderGroup;
+    s?.isCachedAsTexture ? e.matrix = me.copyFrom(s.textureOffsetInverseTransform).append(n.worldTransform) : s?._parentCacheAsTextureRenderGroup ? e.matrix = me.copyFrom(s._parentCacheAsTextureRenderGroup.inverseWorldTransform).append(n.groupTransform) : e.matrix = n.worldTransform, e.addBounds(n.bounds);
   }
   return e.matrix = t, e;
 }
@@ -276,23 +249,23 @@ class We {
   push(e) {
     const t = this.renderer, r = e.filterEffect.filters, n = this._pushFilterData();
     n.skip = !1, n.filters = r, n.container = e.container, n.outputRenderSurface = t.renderTarget.renderSurface;
-    const i = t.renderTarget.renderTarget.colorTexture.source, s = i.resolution, a = i.antialias;
+    const s = t.renderTarget.renderTarget.colorTexture.source, i = s.resolution, a = s.antialias;
     if (r.every((f) => !f.enabled)) {
       n.skip = !0;
       return;
     }
     const l = n.bounds;
-    if (this._calculateFilterArea(e, l), this._calculateFilterBounds(n, t.renderTarget.rootViewPort, a, s, 1), n.skip)
+    if (this._calculateFilterArea(e, l), this._calculateFilterBounds(n, t.renderTarget.rootViewPort, a, i, 1), n.skip)
       return;
-    const u = this._getPreviousFilterData(), h = this._findFilterResolution(s);
+    const u = this._getPreviousFilterData(), h = this._findFilterResolution(i);
     let c = 0, d = 0;
     u && (c = u.bounds.minX, d = u.bounds.minY), this._calculateGlobalFrame(
       n,
       c,
       d,
       h,
-      i.width,
-      i.height
+      s.width,
+      s.height
     ), this._setupFilterTextures(n, l, t, u);
   }
   /**
@@ -325,13 +298,13 @@ class We {
   generateFilteredTexture({ texture: e, filters: t }) {
     const r = this._pushFilterData();
     this._activeFilterData = r, r.skip = !1, r.filters = t;
-    const n = e.source, i = n.resolution, s = n.antialias;
+    const n = e.source, s = n.resolution, i = n.antialias;
     if (t.every((f) => !f.enabled))
       return r.skip = !0, e;
     const a = r.bounds;
-    if (a.addRect(e.frame), this._calculateFilterBounds(r, a.rectangle, s, i, 0), r.skip)
+    if (a.addRect(e.frame), this._calculateFilterBounds(r, a.rectangle, i, s, 0), r.skip)
       return e;
-    const l = i;
+    const l = s;
     this._calculateGlobalFrame(
       r,
       0,
@@ -360,22 +333,22 @@ class We {
    * @param previousBounds - The previous bounds to use for offsetting the copy.
    */
   getBackTexture(e, t, r) {
-    const n = e.colorTexture.source._resolution, i = w.getOptimalTexture(
+    const n = e.colorTexture.source._resolution, s = w.getOptimalTexture(
       t.width,
       t.height,
       n,
       !1
     );
-    let s = t.minX, a = t.minY;
-    r && (s -= r.minX, a -= r.minY), s = Math.floor(s * n), a = Math.floor(a * n);
+    let i = t.minX, a = t.minY;
+    r && (i -= r.minX, a -= r.minY), i = Math.floor(i * n), a = Math.floor(a * n);
     const l = Math.ceil(t.width * n), u = Math.ceil(t.height * n);
     return this.renderer.renderTarget.copyToTexture(
       e,
-      i,
-      { x: s, y: a },
+      s,
+      { x: i, y: a },
       { width: l, height: u },
       { x: 0, y: 0 }
-    ), i;
+    ), s;
   }
   /**
    * Applies a filter to a texture.
@@ -385,15 +358,15 @@ class We {
    * @param clear - Whether to clear the output surface before applying the filter.
    */
   applyFilter(e, t, r, n) {
-    const i = this.renderer, s = this._activeFilterData, l = s.outputRenderSurface === r, u = i.renderTarget.rootRenderTarget.colorTexture.source._resolution, h = this._findFilterResolution(u);
+    const s = this.renderer, i = this._activeFilterData, l = i.outputRenderSurface === r, u = s.renderTarget.rootRenderTarget.colorTexture.source._resolution, h = this._findFilterResolution(u);
     let c = 0, d = 0;
     if (l) {
       const m = this._findPreviousFilterOffset();
       c = m.x, d = m.y;
     }
-    this._updateFilterUniforms(t, r, s, c, d, h, l, n);
+    this._updateFilterUniforms(t, r, i, c, d, h, l, n);
     const f = e.enabled ? e : this._getPassthroughFilter();
-    this._setupBindGroupsAndRender(f, t, i);
+    this._setupBindGroupsAndRender(f, t, s);
   }
   /**
    * Multiply _input normalized coordinates_ to this matrix to get _sprite texture normalized coordinates_.
@@ -411,8 +384,8 @@ class We {
       r.inputTexture._source.height,
       r.bounds.minX,
       r.bounds.minY
-    ), i = t.worldTransform.copyTo(P.shared), s = t.renderGroup || t.parentRenderGroup;
-    return s && s.cacheToLocalTransform && i.prepend(s.cacheToLocalTransform), i.invert(), n.prepend(i), n.scale(
+    ), s = t.worldTransform.copyTo(P.shared), i = t.renderGroup || t.parentRenderGroup;
+    return i && i.cacheToLocalTransform && s.prepend(i.cacheToLocalTransform), s.invert(), n.prepend(s), n.scale(
       1 / t.texture.orig.width,
       1 / t.texture.orig.height
     ), n.translate(t.anchor.x, t.anchor.y), n;
@@ -457,8 +430,8 @@ class We {
       e.antialias
     ), e.blendRequired) {
       r.renderTarget.finishRenderPass();
-      const i = r.renderTarget.getRenderTarget(e.outputRenderSurface);
-      e.backTexture = this.getBackTexture(i, t, n?.bounds);
+      const s = r.renderTarget.getRenderTarget(e.outputRenderSurface);
+      e.backTexture = this.getBackTexture(s, t, n?.bounds);
     }
     r.renderTarget.bind(e.inputTexture, !0), r.globalUniforms.push({
       offset: t
@@ -473,9 +446,9 @@ class We {
    * @param sourceWidth - The source texture width
    * @param sourceHeight - The source texture height
    */
-  _calculateGlobalFrame(e, t, r, n, i, s) {
+  _calculateGlobalFrame(e, t, r, n, s, i) {
     const a = e.globalFrame;
-    a.x = t * n, a.y = r * n, a.width = i * n, a.height = s * n;
+    a.x = t * n, a.y = r * n, a.width = s * n, a.height = i * n;
   }
   /**
    * Updates the filter uniforms with the current filter state.
@@ -488,11 +461,11 @@ class We {
    * @param isFinalTarget - Whether this is the final render target
    * @param clear - Whether to clear the output surface
    */
-  _updateFilterUniforms(e, t, r, n, i, s, a, l) {
+  _updateFilterUniforms(e, t, r, n, s, i, a, l) {
     const u = this._filterGlobalUniforms.uniforms, h = u.uOutputFrame, c = u.uInputSize, d = u.uInputPixel, f = u.uInputClamp, m = u.uGlobalFrame, x = u.uOutputTexture;
-    a ? (h[0] = r.bounds.minX - n, h[1] = r.bounds.minY - i) : (h[0] = 0, h[1] = 0), h[2] = e.frame.width, h[3] = e.frame.height, c[0] = e.source.width, c[1] = e.source.height, c[2] = 1 / c[0], c[3] = 1 / c[1], d[0] = e.source.pixelWidth, d[1] = e.source.pixelHeight, d[2] = 1 / d[0], d[3] = 1 / d[1], f[0] = 0.5 * d[2], f[1] = 0.5 * d[3], f[2] = e.frame.width * c[2] - 0.5 * d[2], f[3] = e.frame.height * c[3] - 0.5 * d[3];
+    a ? (h[0] = r.bounds.minX - n, h[1] = r.bounds.minY - s) : (h[0] = 0, h[1] = 0), h[2] = e.frame.width, h[3] = e.frame.height, c[0] = e.source.width, c[1] = e.source.height, c[2] = 1 / c[0], c[3] = 1 / c[1], d[0] = e.source.pixelWidth, d[1] = e.source.pixelHeight, d[2] = 1 / d[0], d[3] = 1 / d[1], f[0] = 0.5 * d[2], f[1] = 0.5 * d[3], f[2] = e.frame.width * c[2] - 0.5 * d[2], f[3] = e.frame.height * c[3] - 0.5 * d[3];
     const g = this.renderer.renderTarget.rootRenderTarget.colorTexture;
-    m[0] = n * s, m[1] = i * s, m[2] = g.source.width * s, m[3] = g.source.height * s, t instanceof R && (t.source.resource = null);
+    m[0] = n * i, m[1] = s * i, m[2] = g.source.width * i, m[3] = g.source.height * i, t instanceof R && (t.source.resource = null);
     const _ = this.renderer.renderTarget.getRenderTarget(t);
     this.renderer.renderTarget.bind(t, !!l), t instanceof R ? (x[0] = t.frame.width, x[1] = t.frame.height) : (x[0] = _.width, x[1] = _.height), x[2] = _.isRoot ? -1 : 1, this._filterGlobalUniforms.update();
   }
@@ -535,9 +508,9 @@ class We {
     }
   }
   _applyFiltersToTexture(e, t) {
-    const r = e.inputTexture, n = e.bounds, i = e.filters, s = e.firstEnabledIndex, a = e.lastEnabledIndex;
-    if (this._globalFilterBindGroup.setResource(r.source.style, 2), this._globalFilterBindGroup.setResource(e.backTexture.source, 3), s === a)
-      i[s].apply(this, r, e.outputRenderSurface, t);
+    const r = e.inputTexture, n = e.bounds, s = e.filters, i = e.firstEnabledIndex, a = e.lastEnabledIndex;
+    if (this._globalFilterBindGroup.setResource(r.source.style, 2), this._globalFilterBindGroup.setResource(e.backTexture.source, 3), i === a)
+      s[i].apply(this, r, e.outputRenderSurface, t);
     else {
       let l = e.inputTexture;
       const u = w.getOptimalTexture(
@@ -547,39 +520,39 @@ class We {
         !1
       );
       let h = u;
-      for (let c = s; c < a; c++) {
-        const d = i[c];
+      for (let c = i; c < a; c++) {
+        const d = s[c];
         if (!d.enabled)
           continue;
         d.apply(this, l, h, !0);
         const f = l;
         l = h, h = f;
       }
-      i[a].apply(this, l, e.outputRenderSurface, t), w.returnTexture(u);
+      s[a].apply(this, l, e.outputRenderSurface, t), w.returnTexture(u);
     }
   }
-  _calculateFilterBounds(e, t, r, n, i) {
-    const s = this.renderer, a = e.bounds, l = e.filters;
+  _calculateFilterBounds(e, t, r, n, s) {
+    const i = this.renderer, a = e.bounds, l = e.filters;
     let u = 1 / 0, h = 0, c = !0, d = !1, f = !1, m = !0, x = -1, g = -1;
     for (let _ = 0; _ < l.length; _++) {
-      const v = l[_];
-      if (!v.enabled)
+      const b = l[_];
+      if (!b.enabled)
         continue;
-      if (x === -1 && (x = _), g = _, u = Math.min(u, v.resolution === "inherit" ? n : v.resolution), h += v.padding, v.antialias === "off" ? c = !1 : v.antialias === "inherit" && c && (c = r), v.clipToViewport || (m = !1), !!!(v.compatibleRenderers & s.type)) {
+      if (x === -1 && (x = _), g = _, u = Math.min(u, b.resolution === "inherit" ? n : b.resolution), h += b.padding, b.antialias === "off" ? c = !1 : b.antialias === "inherit" && c && (c = r), b.clipToViewport || (m = !1), !!!(b.compatibleRenderers & i.type)) {
         f = !1;
         break;
       }
-      if (v.blendRequired && !(s.backBuffer?.useBackBuffer ?? !0)) {
+      if (b.blendRequired && !(i.backBuffer?.useBackBuffer ?? !0)) {
         N("Blend filter requires backBuffer on WebGL renderer to be enabled. Set `useBackBuffer: true` in the renderer options."), f = !1;
         break;
       }
-      f = !0, d || (d = v.blendRequired);
+      f = !0, d || (d = b.blendRequired);
     }
     if (!f) {
       e.skip = !0;
       return;
     }
-    if (m && a.fitBounds(0, t.width / n, 0, t.height / n), a.scale(u).ceil().scale(1 / u).pad((h | 0) * i), !a.isPositive) {
+    if (m && a.fitBounds(0, t.width / n, 0, t.height / n), a.scale(u).ceil().scale(1 / u).pad((h | 0) * s), !a.isPositive) {
       e.skip = !0;
       return;
     }
@@ -617,20 +590,20 @@ const Le = class Ye extends te {
     const r = t.positions || new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]);
     let n = t.uvs;
     n || (t.positions ? n = new Float32Array(r.length) : n = new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]));
-    const i = t.indices || new Uint32Array([0, 1, 2, 0, 2, 3]), s = t.shrinkBuffersToFit, a = new D({
+    const s = t.indices || new Uint32Array([0, 1, 2, 0, 2, 3]), i = t.shrinkBuffersToFit, a = new D({
       data: r,
       label: "attribute-mesh-positions",
-      shrinkToFit: s,
+      shrinkToFit: i,
       usage: C.VERTEX | C.COPY_DST
     }), l = new D({
       data: n,
       label: "attribute-mesh-uvs",
-      shrinkToFit: s,
+      shrinkToFit: i,
       usage: C.VERTEX | C.COPY_DST
     }), u = new D({
-      data: i,
+      data: s,
       label: "index-mesh-buffer",
-      shrinkToFit: s,
+      shrinkToFit: i,
       usage: C.INDEX | C.COPY_DST
     });
     super({
@@ -690,7 +663,7 @@ Le.defaultOptions = {
   topology: "triangle-list",
   shrinkBuffersToFit: !1
 };
-let se = Le, U = null, S = null;
+let ie = Le, U = null, S = null;
 function Dt(o, e) {
   U || (U = W.get().createCanvas(256, 128), S = U.getContext("2d", { willReadFrequently: !0 }), S.globalCompositeOperation = "copy", S.globalAlpha = 1), (U.width < o || U.height < e) && (U.width = de(o), U.height = de(e));
 }
@@ -701,8 +674,8 @@ function ge(o, e, t) {
   return !0;
 }
 function xe(o, e, t, r, n) {
-  const i = 4 * e;
-  for (let s = r, a = r * i + 4 * t; s <= n; ++s, a += i)
+  const s = 4 * e;
+  for (let i = r, a = r * s + 4 * t; i <= n; ++i, a += s)
     if (o[a + 3] !== 0)
       return !1;
   return !0;
@@ -710,26 +683,26 @@ function xe(o, e, t, r, n) {
 function At(...o) {
   let e = o[0];
   e.canvas || (e = { canvas: o[0], resolution: o[1] });
-  const { canvas: t } = e, r = Math.min(e.resolution ?? 1, 1), n = e.width ?? t.width, i = e.height ?? t.height;
-  let s = e.output;
-  if (Dt(n, i), !S)
+  const { canvas: t } = e, r = Math.min(e.resolution ?? 1, 1), n = e.width ?? t.width, s = e.height ?? t.height;
+  let i = e.output;
+  if (Dt(n, s), !S)
     throw new TypeError("Failed to get canvas 2D context");
   S.drawImage(
     t,
     0,
     0,
     n,
-    i,
+    s,
     0,
     0,
     n * r,
-    i * r
+    s * r
   );
-  const l = S.getImageData(0, 0, n, i).data;
-  let u = 0, h = 0, c = n - 1, d = i - 1;
-  for (; h < i && ge(l, n, h); )
+  const l = S.getImageData(0, 0, n, s).data;
+  let u = 0, h = 0, c = n - 1, d = s - 1;
+  for (; h < s && ge(l, n, h); )
     ++h;
-  if (h === i)
+  if (h === s)
     return q.EMPTY;
   for (; ge(l, n, d); )
     --d;
@@ -737,10 +710,10 @@ function At(...o) {
     ++u;
   for (; xe(l, n, c, h, d); )
     --c;
-  return ++c, ++d, S.globalCompositeOperation = "source-over", S.strokeRect(u, h, c - u, d - h), S.globalCompositeOperation = "copy", s ?? (s = new q()), s.set(u / r, h / r, (c - u) / r, (d - h) / r), s;
+  return ++c, ++d, S.globalCompositeOperation = "source-over", S.strokeRect(u, h, c - u, d - h), S.globalCompositeOperation = "copy", i ?? (i = new q()), i.set(u / r, h / r, (c - u) / r, (d - h) / r), i;
 }
 const _e = new q();
-class zt {
+class kt {
   /**
    * Creates a canvas with the specified text rendered to it.
    *
@@ -757,8 +730,8 @@ class zt {
    * @returns An object containing the canvas/context and the frame (bounds) of the text
    */
   getCanvasAndContext(e) {
-    const { text: t, style: r, resolution: n = 1 } = e, i = r._getFinalPadding(), s = B.measureText(t || " ", r), a = Math.ceil(Math.ceil(Math.max(1, s.width) + i * 2) * n), l = Math.ceil(Math.ceil(Math.max(1, s.height) + i * 2) * n), u = I.getOptimalCanvasAndContext(a, l);
-    this._renderTextToCanvas(t, r, i, n, u);
+    const { text: t, style: r, resolution: n = 1 } = e, s = r._getFinalPadding(), i = B.measureText(t || " ", r), a = Math.ceil(Math.ceil(Math.max(1, i.width) + s * 2) * n), l = Math.ceil(Math.ceil(Math.max(1, i.height) + s * 2) * n), u = I.getOptimalCanvasAndContext(a, l);
+    this._renderTextToCanvas(t, r, s, n, u);
     const h = r.trim ? At({ canvas: u.canvas, width: a, height: l, resolution: 1, output: _e }) : _e.set(0, 0, a, l);
     return {
       canvasAndContext: u,
@@ -783,45 +756,45 @@ class zt {
    * @param resolution - The resolution of the text
    * @param canvasAndContext - The canvas and context to render the text to
    */
-  _renderTextToCanvas(e, t, r, n, i) {
-    const { canvas: s, context: a } = i, l = ft(t), u = B.measureText(e || " ", t), h = u.lines, c = u.lineHeight, d = u.lineWidths, f = u.maxLineWidth, m = u.fontProperties, x = s.height;
+  _renderTextToCanvas(e, t, r, n, s) {
+    const { canvas: i, context: a } = s, l = pt(t), u = B.measureText(e || " ", t), h = u.lines, c = u.lineHeight, d = u.lineWidths, f = u.maxLineWidth, m = u.fontProperties, x = i.height;
     if (a.resetTransform(), a.scale(n, n), a.textBaseline = t.textBaseline, t._stroke?.width) {
       const T = t._stroke;
       a.lineWidth = T.width, a.miterLimit = T.miterLimit, a.lineJoin = T.join, a.lineCap = T.cap;
     }
     a.font = l;
     let g, _;
-    const v = t.dropShadow ? 2 : 1;
-    for (let T = 0; T < v; ++T) {
+    const b = t.dropShadow ? 2 : 1;
+    for (let T = 0; T < b; ++T) {
       const A = t.dropShadow && T === 0, F = A ? Math.ceil(Math.max(1, x) + r * 2) : 0, G = F * n;
       if (A) {
         a.fillStyle = "black", a.strokeStyle = "black";
-        const b = t.dropShadow, ut = b.color, lt = b.alpha;
+        const v = t.dropShadow, ut = v.color, lt = v.alpha;
         a.shadowColor = Ge.shared.setValue(ut).setAlpha(lt).toRgbaString();
-        const ct = b.blur * n, le = b.distance * n;
-        a.shadowBlur = ct, a.shadowOffsetX = Math.cos(b.angle) * le, a.shadowOffsetY = Math.sin(b.angle) * le + G;
+        const ct = v.blur * n, le = v.distance * n;
+        a.shadowBlur = ct, a.shadowOffsetX = Math.cos(v.angle) * le, a.shadowOffsetY = Math.sin(v.angle) * le + G;
       } else {
         if (a.fillStyle = t._fill ? he(t._fill, a, u, r * 2) : null, t._stroke?.width) {
-          const b = t._stroke.width * 0.5 + r * 2;
-          a.strokeStyle = he(t._stroke, a, u, b);
+          const v = t._stroke.width * 0.5 + r * 2;
+          a.strokeStyle = he(t._stroke, a, u, v);
         }
         a.shadowColor = "black";
       }
       let oe = (c - m.fontSize) / 2;
       c - m.fontSize < 0 && (oe = 0);
       const ue = t._stroke?.width ?? 0;
-      for (let b = 0; b < h.length; b++)
-        g = ue / 2, _ = ue / 2 + b * c + m.ascent + oe, t.align === "right" ? g += f - d[b] : t.align === "center" && (g += (f - d[b]) / 2), t._stroke?.width && this._drawLetterSpacing(
-          h[b],
+      for (let v = 0; v < h.length; v++)
+        g = ue / 2, _ = ue / 2 + v * c + m.ascent + oe, t.align === "right" ? g += f - d[v] : t.align === "center" && (g += (f - d[v]) / 2), t._stroke?.width && this._drawLetterSpacing(
+          h[v],
           t,
-          i,
+          s,
           g + r,
           _ + r - F,
           !0
         ), t._fill !== void 0 && this._drawLetterSpacing(
-          h[b],
+          h[v],
           t,
-          i,
+          s,
           g + r,
           _ + r - F
         );
@@ -844,11 +817,11 @@ class zt {
    * @param isStroke - Whether to render the stroke (true) or fill (false)
    * @private
    */
-  _drawLetterSpacing(e, t, r, n, i, s = !1) {
+  _drawLetterSpacing(e, t, r, n, s, i = !1) {
     const { context: a } = r, l = t.letterSpacing;
     let u = !1;
     if (B.experimentalLetterSpacingSupported && (B.experimentalLetterSpacing ? (a.letterSpacing = `${l}px`, a.textLetterSpacing = `${l}px`, u = !0) : (a.letterSpacing = "0px", a.textLetterSpacing = "0px")), l === 0 || u) {
-      s ? a.strokeText(e, n, i) : a.fillText(e, n, i);
+      i ? a.strokeText(e, n, s) : a.fillText(e, n, s);
       return;
     }
     let h = n;
@@ -856,7 +829,7 @@ class zt {
     let d = a.measureText(e).width, f = 0;
     for (let m = 0; m < c.length; ++m) {
       const x = c[m];
-      s ? a.strokeText(x, h, i) : a.fillText(x, h, i);
+      i ? a.strokeText(x, h, s) : a.fillText(x, h, s);
       let g = "";
       for (let _ = m + 1; _ < c.length; ++_)
         g += c[_];
@@ -864,10 +837,10 @@ class zt {
     }
   }
 }
-const Y = new zt(), ve = "http://www.w3.org/2000/svg", be = "http://www.w3.org/1999/xhtml";
+const Y = new kt(), be = "http://www.w3.org/2000/svg", ve = "http://www.w3.org/1999/xhtml";
 class Xe {
   constructor() {
-    this.svgRoot = document.createElementNS(ve, "svg"), this.foreignObject = document.createElementNS(ve, "foreignObject"), this.domElement = document.createElementNS(be, "div"), this.styleElement = document.createElementNS(be, "style");
+    this.svgRoot = document.createElementNS(be, "svg"), this.foreignObject = document.createElementNS(be, "foreignObject"), this.domElement = document.createElementNS(ve, "div"), this.styleElement = document.createElementNS(ve, "style");
     const { foreignObject: e, svgRoot: t, styleElement: r, domElement: n } = this;
     e.setAttribute("width", "10000"), e.setAttribute("height", "10000"), e.style.overflow = "hidden", t.appendChild(e), e.appendChild(r), e.appendChild(n), this.image = W.get().createImage();
   }
@@ -876,12 +849,12 @@ class Xe {
   }
 }
 let ye;
-function kt(o, e, t, r) {
+function zt(o, e, t, r) {
   r || (r = ye || (ye = new Xe()));
-  const { domElement: n, styleElement: i, svgRoot: s } = r;
-  n.innerHTML = `<style>${e.cssStyle};</style><div style='padding:0'>${o}</div>`, n.setAttribute("style", "transform-origin: top left; display: inline-block"), t && (i.textContent = t), document.body.appendChild(s);
+  const { domElement: n, styleElement: s, svgRoot: i } = r;
+  n.innerHTML = `<style>${e.cssStyle};</style><div style='padding:0'>${o}</div>`, n.setAttribute("style", "transform-origin: top left; display: inline-block"), t && (s.textContent = t), document.body.appendChild(i);
   const a = n.getBoundingClientRect();
-  s.remove();
+  i.remove();
   const l = e.padding * 2;
   return {
     width: a.width - l,
@@ -916,8 +889,8 @@ class He {
   updateRenderable(e) {
     const r = this._getGpuDataForRenderable(e).batches;
     for (let n = 0; n < r.length; n++) {
-      const i = r[n];
-      i._batcher.updateElement(i);
+      const s = r[n];
+      s._batcher.updateElement(s);
     }
   }
   execute(e) {
@@ -926,12 +899,12 @@ class He {
     const t = this.renderer, r = e.context;
     if (!t.graphicsContext.getGpuContext(r).batches.length)
       return;
-    const i = r.customShader || this._adaptor.shader;
+    const s = r.customShader || this._adaptor.shader;
     this.state.blendMode = e.groupBlendMode;
-    const s = i.resources.localUniforms.uniforms;
-    s.uTransformMatrix = e.groupTransform, s.uRound = t._roundPixels | e._roundPixels, L(
+    const i = s.resources.localUniforms.uniforms;
+    i.uTransformMatrix = e.groupTransform, i.uRound = t._roundPixels | e._roundPixels, L(
       e.groupColorAlpha,
-      s.uColor,
+      i.uColor,
       0
     ), this._adaptor.execute(this, e);
   }
@@ -941,9 +914,9 @@ class He {
   }
   _addToBatcher(e, t) {
     const r = this.renderer.renderPipes.batch, n = this._getGpuDataForRenderable(e).batches;
-    for (let i = 0; i < n.length; i++) {
-      const s = n[i];
-      r.addToBatch(s, t);
+    for (let s = 0; s < n.length; s++) {
+      const i = n[s];
+      r.addToBatch(i, t);
     }
   }
   _getGpuDataForRenderable(e) {
@@ -954,10 +927,10 @@ class He {
     return e._gpuData[this.renderer.uid] = t, t;
   }
   _updateBatchesForRenderable(e, t) {
-    const r = e.context, n = this.renderer.graphicsContext.getGpuContext(r), i = this.renderer._roundPixels | e._roundPixels;
-    t.batches = n.batches.map((s) => {
-      const a = V.get(pt);
-      return s.copyTo(a), a.renderable = e, a.roundPixels = i, a;
+    const r = e.context, n = this.renderer.graphicsContext.getGpuContext(r), s = this.renderer._roundPixels | e._roundPixels;
+    t.batches = n.batches.map((i) => {
+      const a = V.get(mt);
+      return i.copyTo(a), a.renderable = e, a.roundPixels = s, a;
     });
   }
   destroy() {
@@ -972,7 +945,7 @@ He.extension = {
   ],
   name: "graphics"
 };
-const Ke = class $e extends se {
+const Ke = class $e extends ie {
   constructor(...e) {
     super({});
     let t = e[0] ?? {};
@@ -989,15 +962,15 @@ const Ke = class $e extends se {
    */
   build(e) {
     e = { ...$e.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 = [], n = [], i = [], s = this.verticesX - 1, a = this.verticesY - 1, l = this.width / s, u = this.height / a;
+    const t = this.verticesX * this.verticesY, r = [], n = [], s = [], i = this.verticesX - 1, a = this.verticesY - 1, l = this.width / i, u = this.height / a;
     for (let c = 0; c < t; c++) {
       const d = c % this.verticesX, f = c / this.verticesX | 0;
-      r.push(d * l, f * u), n.push(d / s, f / a);
+      r.push(d * l, f * u), n.push(d / i, f / a);
     }
-    const h = s * a;
+    const h = i * a;
     for (let c = 0; c < h; c++) {
-      const d = c % s, f = c / s | 0, m = f * this.verticesX + d, x = f * this.verticesX + d + 1, g = (f + 1) * this.verticesX + d, _ = (f + 1) * this.verticesX + d + 1;
-      i.push(
+      const d = c % i, f = c / i | 0, m = f * this.verticesX + d, x = f * this.verticesX + d + 1, g = (f + 1) * this.verticesX + d, _ = (f + 1) * this.verticesX + d + 1;
+      s.push(
         m,
         x,
         g,
@@ -1006,7 +979,7 @@ const Ke = class $e extends se {
         g
       );
     }
-    this.buffers[0].data = new Float32Array(r), this.buffers[1].data = new Float32Array(n), this.indexBuffer.data = new Uint32Array(i), this.buffers[0].update(), this.buffers[1].update(), this.indexBuffer.update();
+    this.buffers[0].data = new Float32Array(r), this.buffers[1].data = new Float32Array(n), this.indexBuffer.data = new Uint32Array(s), this.buffers[0].update(), this.buffers[1].update(), this.indexBuffer.update();
   }
 };
 Ke.defaultOptions = {
@@ -1044,8 +1017,8 @@ class ae {
   get uvs() {
     const t = this.geometry.getBuffer("aUV"), r = t.data;
     let n = r;
-    const i = this.texture.textureMatrix;
-    return i.isSimple || (n = this._transformedUvs, (this._textureMatrixUpdateId !== i._updateID || this._uvUpdateId !== t._updateID) && ((!n || n.length < r.length) && (n = this._transformedUvs = new Float32Array(r.length)), this._textureMatrixUpdateId = i._updateID, this._uvUpdateId = t._updateID, i.multiplyUvs(r, n))), n;
+    const s = this.texture.textureMatrix;
+    return s.isSimple || (n = this._transformedUvs, (this._textureMatrixUpdateId !== s._updateID || this._uvUpdateId !== t._updateID) && ((!n || n.length < r.length) && (n = this._transformedUvs = new Float32Array(r.length)), this._textureMatrixUpdateId = s._updateID, this._uvUpdateId = t._updateID, s.multiplyUvs(r, n))), n;
   }
   get positions() {
     return this.geometry.positions;
@@ -1085,12 +1058,12 @@ class je {
     if (t.batched = n, r !== n)
       return !0;
     if (n) {
-      const i = e._geometry;
-      if (i.indices.length !== t.indexSize || i.positions.length !== t.vertexSize)
-        return t.indexSize = i.indices.length, t.vertexSize = i.positions.length, !0;
-      const s = this._getBatchableMesh(e);
-      return s.texture.uid !== e._texture.uid && (s._textureMatrixUpdateId = -1), !s._batcher.checkAndUpdateTexture(
-        s,
+      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 i = this._getBatchableMesh(e);
+      return i.texture.uid !== e._texture.uid && (i._textureMatrixUpdateId = -1), !i._batcher.checkAndUpdateTexture(
+        i,
         e._texture
       );
     }
@@ -1099,8 +1072,8 @@ class je {
   addRenderable(e, t) {
     const r = this.renderer.renderPipes.batch, n = this._getMeshData(e);
     if (e.didViewUpdate && (n.indexSize = e._geometry.indices?.length, n.vertexSize = e._geometry.positions?.length), n.batched) {
-      const i = this._getBatchableMesh(e);
-      i.setTexture(e._texture), i.geometry = e._geometry, r.addToBatch(i, t);
+      const s = this._getBatchableMesh(e);
+      s.setTexture(e._texture), s.geometry = e._geometry, r.addToBatch(s, t);
     } else
       r.break(t), t.add(e);
   }
@@ -1154,23 +1127,23 @@ je.extension = {
 };
 class Et {
   execute(e, t) {
-    const r = e.state, n = e.renderer, i = t.shader || e.defaultShader;
-    i.resources.uTexture = t.texture._source, i.resources.uniforms = e.localUniforms;
-    const s = n.gl, a = e.getBuffers(t);
-    n.shader.bind(i), n.state.set(r), n.geometry.bind(a.geometry, i.glProgram);
-    const u = a.geometry.indexBuffer.data.BYTES_PER_ELEMENT === 2 ? s.UNSIGNED_SHORT : s.UNSIGNED_INT;
-    s.drawElements(s.TRIANGLES, t.particleChildren.length * 6, u, 0);
+    const r = e.state, n = e.renderer, s = t.shader || e.defaultShader;
+    s.resources.uTexture = t.texture._source, s.resources.uniforms = e.localUniforms;
+    const i = n.gl, a = e.getBuffers(t);
+    n.shader.bind(s), n.state.set(r), n.geometry.bind(a.geometry, s.glProgram);
+    const u = a.geometry.indexBuffer.data.BYTES_PER_ELEMENT === 2 ? i.UNSIGNED_SHORT : i.UNSIGNED_INT;
+    i.drawElements(i.TRIANGLES, t.particleChildren.length * 6, u, 0);
   }
 }
 class Vt {
   execute(e, t) {
     const r = e.renderer, n = t.shader || e.defaultShader;
     n.groups[0] = r.renderPipes.uniformBatch.getUniformBindGroup(e.localUniforms, !0), n.groups[1] = r.texture.getTextureBindGroup(t.texture);
-    const i = e.state, s = e.getBuffers(t);
+    const s = e.state, i = e.getBuffers(t);
     r.encoder.draw({
-      geometry: s.geometry,
+      geometry: i.geometry,
       shader: t.shader || e.defaultShader,
-      state: i,
+      state: s,
       size: t.particleChildren.length * 6
     });
   }
@@ -1201,12 +1174,12 @@ function Ce(o, e) {
 
             `);
   let r = 0;
-  for (const i in o) {
-    const s = o[i];
-    if (e !== s.dynamic)
+  for (const s in o) {
+    const i = o[s];
+    if (e !== i.dynamic)
       continue;
-    t.push(`offset = index + ${r}`), t.push(s.code);
-    const a = Q(s.format);
+    t.push(`offset = index + ${r}`), t.push(i.code);
+    const a = Q(i.format);
     r += a.stride / 4;
   }
   t.push(`
@@ -1223,13 +1196,13 @@ class Lt {
   constructor(e) {
     this._size = 0, this._generateParticleUpdateCache = {};
     const t = this._size = e.size ?? 1e3, r = e.properties;
-    let n = 0, i = 0;
+    let n = 0, s = 0;
     for (const h in r) {
       const c = r[h], d = Q(c.format);
-      c.dynamic ? i += d.stride : n += d.stride;
+      c.dynamic ? s += d.stride : n += d.stride;
     }
-    this._dynamicStride = i / 4, this._staticStride = n / 4, this.staticAttributeBuffer = new z(t * 4 * n), this.dynamicAttributeBuffer = new z(t * 4 * i), this.indexBuffer = we(t);
-    const s = new te();
+    this._dynamicStride = s / 4, this._staticStride = n / 4, this.staticAttributeBuffer = new k(t * 4 * n), this.dynamicAttributeBuffer = new k(t * 4 * s), this.indexBuffer = we(t);
+    const i = new te();
     let a = 0, l = 0;
     this._staticBuffer = new D({
       data: new Float32Array(1),
@@ -1244,21 +1217,21 @@ class Lt {
     });
     for (const h in r) {
       const c = r[h], d = Q(c.format);
-      c.dynamic ? (s.addAttribute(c.attributeName, {
+      c.dynamic ? (i.addAttribute(c.attributeName, {
         buffer: this._dynamicBuffer,
         stride: this._dynamicStride * 4,
         offset: a * 4,
         format: c.format
-      }), a += d.size) : (s.addAttribute(c.attributeName, {
+      }), a += d.size) : (i.addAttribute(c.attributeName, {
         buffer: this._staticBuffer,
         stride: this._staticStride * 4,
         offset: l * 4,
         format: c.format
       }), l += d.size);
     }
-    s.addIndex(this.indexBuffer);
+    i.addIndex(this.indexBuffer);
     const u = this.getParticleUpdate(r);
-    this._dynamicUpload = u.dynamicUpdate, this._staticUpload = u.staticUpdate, this.geometry = s;
+    this._dynamicUpload = u.dynamicUpdate, this._staticUpload = u.staticUpdate, this.geometry = i;
   }
   getParticleUpdate(e) {
     const t = Yt(e);
@@ -1268,7 +1241,7 @@ class Lt {
     return Wt(e);
   }
   update(e, t) {
-    e.length > this._size && (t = !0, this._size = Math.max(e.length, this._size * 1.5 | 0), this.staticAttributeBuffer = new z(this._size * this._staticStride * 4 * 4), this.dynamicAttributeBuffer = new z(this._size * this._dynamicStride * 4 * 4), this.indexBuffer = we(this._size), this.geometry.indexBuffer.setDataWithSize(
+    e.length > this._size && (t = !0, this._size = Math.max(e.length, this._size * 1.5 | 0), this.staticAttributeBuffer = new k(this._size * this._staticStride * 4 * 4), this.dynamicAttributeBuffer = new k(this._size * this._dynamicStride * 4 * 4), this.indexBuffer = we(this._size), this.geometry.indexBuffer.setDataWithSize(
       this.indexBuffer,
       this.indexBuffer.byteLength,
       !0
@@ -1409,7 +1382,7 @@ fn mainFragment(
    
     return sample;
 }`;
-class Kt extends ie {
+class Kt extends se {
   constructor() {
     const e = Re.from({
       vertex: Ht,
@@ -1479,12 +1452,12 @@ class Ne {
       return;
     const r = this.renderer, n = this.getBuffers(e);
     e.texture || (e.texture = t[0].texture);
-    const i = this.state;
-    n.update(t, e._childrenDirty), e._childrenDirty = !1, i.blendMode = ne(e.blendMode, e.texture._source);
-    const s = this.localUniforms.uniforms, a = s.uTranslationMatrix;
-    e.worldTransform.copyTo(a), a.prepend(r.globalUniforms.globalUniformData.projectionMatrix), s.uResolution = r.globalUniforms.globalUniformData.resolution, s.uRound = r._roundPixels | e._roundPixels, L(
+    const s = this.state;
+    n.update(t, e._childrenDirty), e._childrenDirty = !1, s.blendMode = ne(e.blendMode, e.texture._source);
+    const i = this.localUniforms.uniforms, a = i.uTranslationMatrix;
+    e.worldTransform.copyTo(a), a.prepend(r.globalUniforms.globalUniformData.projectionMatrix), i.uResolution = r.globalUniforms.globalUniformData.resolution, i.uRound = r._roundPixels | e._roundPixels, L(
       e.groupColorAlpha,
-      s.uColor,
+      i.uColor,
       0
     ), this.adaptor.execute(this, e);
   }
@@ -1537,13 +1510,13 @@ const Je = class Ze extends It {
       width: t,
       height: r,
       _leftWidth: n,
-      _rightWidth: i,
-      _topHeight: s,
+      _rightWidth: s,
+      _topHeight: i,
       _bottomHeight: a,
       _anchorX: l,
       _anchorY: u
-    } = this, h = n + i, c = t > h ? 1 : t / h, d = s + a, f = r > d ? 1 : r / d, m = Math.min(c, f), x = l * t, g = u * r;
-    e[0] = e[8] = e[16] = e[24] = -x, e[2] = e[10] = e[18] = e[26] = n * m - x, e[4] = e[12] = e[20] = e[28] = t - i * m - x, e[6] = e[14] = e[22] = e[30] = t - x, e[1] = e[3] = e[5] = e[7] = -g, e[9] = e[11] = e[13] = e[15] = s * m - g, e[17] = e[19] = e[21] = e[23] = r - a * m - g, e[25] = e[27] = e[29] = e[31] = r - g, this.getBuffer("aPosition").update();
+    } = this, h = n + s, c = t > h ? 1 : t / h, d = i + a, f = r > d ? 1 : r / d, m = Math.min(c, f), x = l * t, g = u * r;
+    e[0] = e[8] = e[16] = e[24] = -x, e[2] = e[10] = e[18] = e[26] = n * m - x, e[4] = e[12] = e[20] = e[28] = t - s * m - x, e[6] = e[14] = e[22] = e[30] = t - x, e[1] = e[3] = e[5] = e[7] = -g, e[9] = e[11] = e[13] = e[15] = i * m - g, e[17] = e[19] = e[21] = e[23] = r - a * m - g, e[25] = e[27] = e[29] = e[31] = r - g, this.getBuffer("aPosition").update();
   }
   /** Updates the UVs of the vertices. */
   updateUvs() {
@@ -1732,21 +1705,21 @@ const Nt = {
   }
 };
 let X, H;
-class Qt extends ie {
+class Qt extends se {
   constructor() {
     X ?? (X = De({
       name: "tiling-sprite-shader",
       bits: [
-        Pt,
+        St,
         Nt,
         Ae
       ]
-    })), H ?? (H = ze({
+    })), H ?? (H = ke({
       name: "tiling-sprite-shader",
       bits: [
-        St,
+        Ft,
         qt,
-        ke
+        ze
       ]
     }));
     const e = new M({
@@ -1771,8 +1744,8 @@ class Qt extends ie {
       }
     });
   }
-  updateUniforms(e, t, r, n, i, s) {
-    const a = this.resources.tilingUniforms, l = s.width, u = s.height, h = s.textureMatrix, c = a.uniforms.uTextureTransform;
+  updateUniforms(e, t, r, n, s, i) {
+    const a = this.resources.tilingUniforms, l = i.width, u = i.height, h = i.textureMatrix, c = a.uniforms.uTextureTransform;
     c.set(
       r.a * l / e,
       r.b * l / t,
@@ -1780,10 +1753,10 @@ class Qt extends ie {
       r.d * u / t,
       r.tx / e,
       r.ty / t
-    ), c.invert(), a.uniforms.uMapCoord = h.mapCoord, a.uniforms.uClampFrame = h.uClampFrame, a.uniforms.uClampOffset = h.uClampOffset, a.uniforms.uTextureTransform = c, a.uniforms.uSizeAnchor[0] = e, a.uniforms.uSizeAnchor[1] = t, a.uniforms.uSizeAnchor[2] = n, a.uniforms.uSizeAnchor[3] = i, s && (this.resources.uTexture = s.source, this.resources.uSampler = s.source.style);
+    ), c.invert(), a.uniforms.uMapCoord = h.mapCoord, a.uniforms.uClampFrame = h.uClampFrame, a.uniforms.uClampOffset = h.uClampOffset, a.uniforms.uTextureTransform = c, a.uniforms.uSizeAnchor[0] = e, a.uniforms.uSizeAnchor[1] = t, a.uniforms.uSizeAnchor[2] = n, a.uniforms.uSizeAnchor[3] = s, i && (this.resources.uTexture = i.source, this.resources.uSampler = i.source.style);
   }
 }
-class Jt extends se {
+class Jt extends ie {
   constructor() {
     super({
       positions: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
@@ -1798,26 +1771,26 @@ function Zt(o, e) {
 }
 function er(o, e, t, r) {
   let n = 0;
-  const i = o.length / e, s = r.a, a = r.b, l = r.c, u = r.d, h = r.tx, c = r.ty;
-  for (t *= e; n < i; ) {
+  const s = o.length / e, i = r.a, a = r.b, l = r.c, u = r.d, h = r.tx, c = r.ty;
+  for (t *= e; n < s; ) {
     const d = o[t], f = o[t + 1];
-    o[t] = s * d + l * f + h, o[t + 1] = a * d + u * f + c, t += e, n++;
+    o[t] = i * d + l * f + h, o[t + 1] = a * d + u * f + c, t += e, n++;
   }
 }
 function tr(o, e) {
   const t = o.texture, r = t.frame.width, n = t.frame.height;
-  let i = 0, s = 0;
-  o.applyAnchorToTexture && (i = o.anchor.x, s = o.anchor.y), e[0] = e[6] = -i, e[2] = e[4] = 1 - i, e[1] = e[3] = -s, e[5] = e[7] = 1 - s;
+  let s = 0, i = 0;
+  o.applyAnchorToTexture && (s = o.anchor.x, i = o.anchor.y), e[0] = e[6] = -s, e[2] = e[4] = 1 - s, e[1] = e[3] = -i, e[5] = e[7] = 1 - i;
   const a = P.shared;
   a.copyFrom(o._tileTransform.matrix), a.tx /= o.width, a.ty /= o.height, a.invert(), a.scale(o.width / r, o.height / n), er(e, 2, 0, a);
 }
-const k = new Jt();
+const z = new Jt();
 class rr {
   constructor() {
-    this.canBatch = !0, this.geometry = new se({
-      indices: k.indices.slice(),
-      positions: k.positions.slice(),
-      uvs: k.uvs.slice()
+    this.canBatch = !0, this.geometry = new ie({
+      indices: z.indices.slice(),
+      positions: z.positions.slice(),
+      uvs: z.uvs.slice()
     });
   }
   destroy() {
@@ -1833,9 +1806,9 @@ class tt {
     this._updateCanBatch(e);
     const n = t.canBatch;
     if (n && n === r) {
-      const { batchableMesh: i } = t;
-      return !i._batcher.checkAndUpdateTexture(
-        i,
+      const { batchableMesh: s } = t;
+      return !s._batcher.checkAndUpdateTexture(
+        s,
         e.texture
       );
     }
@@ -1844,11 +1817,11 @@ class tt {
   addRenderable(e, t) {
     const r = this._renderer.renderPipes.batch;
     this._updateCanBatch(e);
-    const n = this._getTilingSpriteData(e), { geometry: i, canBatch: s } = n;
-    if (s) {
+    const n = this._getTilingSpriteData(e), { geometry: s, canBatch: i } = n;
+    if (i) {
       n.batchableMesh || (n.batchableMesh = new ae());
       const a = n.batchableMesh;
-      e.didViewUpdate && (this._updateBatchableMesh(e), a.geometry = i, a.renderable = e, a.transform = e.groupTransform, a.setTexture(e._texture)), a.roundPixels = this._renderer._roundPixels | e._roundPixels, r.addToBatch(a, t);
+      e.didViewUpdate && (this._updateBatchableMesh(e), a.geometry = s, a.renderable = e, a.transform = e.groupTransform, a.setTexture(e._texture)), a.roundPixels = this._renderer._roundPixels | e._roundPixels, r.addToBatch(a, t);
     } else
       r.break(t), n.shader || (n.shader = new Qt()), this.updateRenderable(e), t.add(e);
   }
@@ -1861,7 +1834,7 @@ class tt {
       r.uColor,
       0
     ), this._state.blendMode = ne(e.groupBlendMode, e.texture._source), this._renderer.encoder.draw({
-      geometry: k,
+      geometry: z,
       shader: t,
       state: this._state
     });
@@ -1964,7 +1937,7 @@ const nr = {
         `
     )
   }
-}, ir = {
+}, sr = {
   name: "local-uniform-msdf-bit",
   vertex: {
     header: (
@@ -2006,7 +1979,7 @@ const nr = {
         `
     )
   }
-}, sr = {
+}, ir = {
   name: "msdf-bit",
   fragment: {
     header: (
@@ -2078,7 +2051,7 @@ const nr = {
   }
 };
 let K, $;
-class or extends ie {
+class or extends se {
   constructor(e) {
     const t = new M({
       uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
@@ -2089,20 +2062,20 @@ class or extends ie {
     K ?? (K = De({
       name: "sdf-shader",
       bits: [
-        mt,
-        gt(e),
+        gt,
+        xt(e),
         nr,
-        sr,
+        ir,
         Ae
       ]
-    })), $ ?? ($ = ze({
+    })), $ ?? ($ = ke({
       name: "sdf-shader",
       bits: [
-        xt,
-        _t(e),
-        ir,
+        _t,
+        bt(e),
+        sr,
         ar,
-        ke
+        ze
       ]
     })), super({
       glProgram: $,
@@ -2114,7 +2087,7 @@ class or extends ie {
     });
   }
 }
-class ur extends Tt {
+class ur extends wt {
   destroy() {
     this.context.customShader && this.context.customShader.destroy(), super.destroy();
   }
@@ -2136,28 +2109,28 @@ class rt {
     Se(e, t), this._renderer.renderPipes.graphics.updateRenderable(t), t.context.customShader && this._updateDistanceField(e);
   }
   _updateContext(e, t) {
-    const { context: r } = t, n = bt.getFont(e.text, e._style);
+    const { context: r } = t, n = yt.getFont(e.text, e._style);
     r.clear(), n.distanceField.type !== "none" && (r.customShader || (r.customShader = new or(this._renderer.limits.maxBatchableTextures)));
-    const i = B.graphemeSegmenter(e.text), s = e._style;
+    const s = B.graphemeSegmenter(e.text), i = e._style;
     let a = n.baseLineOffset;
-    const l = yt(i, s, n, !0), u = s.padding, h = l.scale;
+    const l = Tt(s, i, n, !0), u = i.padding, h = l.scale;
     let c = l.width, d = l.height + l.offsetY;
-    s._stroke && (c += s._stroke.width / h, d += s._stroke.width / h), r.translate(-e._anchor._x * c - u, -e._anchor._y * d - u).scale(h, h);
-    const f = n.applyFillAsTint ? s._fill.color : 16777215;
+    i._stroke && (c += i._stroke.width / h, d += i._stroke.width / h), r.translate(-e._anchor._x * c - u, -e._anchor._y * d - u).scale(h, h);
+    const f = n.applyFillAsTint ? i._fill.color : 16777215;
     let m = n.fontMetrics.fontSize, x = n.lineHeight;
-    s.lineHeight && (m = s.fontSize / h, x = s.lineHeight / h);
+    i.lineHeight && (m = i.fontSize / h, x = i.lineHeight / h);
     let g = (x - m) / 2;
     g - n.baseLineOffset < 0 && (g = 0);
     for (let _ = 0; _ < l.lines.length; _++) {
-      const v = l.lines[_];
-      for (let T = 0; T < v.charPositions.length; T++) {
-        const A = v.chars[T], F = n.chars[A];
+      const b = l.lines[_];
+      for (let T = 0; T < b.charPositions.length; T++) {
+        const A = b.chars[T], F = n.chars[A];
         if (F?.texture) {
           const G = F.texture;
           r.texture(
             G,
             f || "black",
-            Math.round(v.charPositions[T] + F.xOffset),
+            Math.round(b.charPositions[T] + F.xOffset),
             Math.round(a + F.yOffset + g),
             G.orig.width,
             G.orig.height
@@ -2175,7 +2148,7 @@ class rt {
     return e._gpuData[this._renderer.uid] = t, this._updateContext(e, t), t;
   }
   _updateDistanceField(e) {
-    const t = this._getGpuBitmapText(e).context, r = e._style.fontFamily, n = Z.get(`${r}-bitmap`), { a: i, b: s, c: a, d: l } = e.groupTransform, u = Math.sqrt(i * i + s * s), h = Math.sqrt(a * a + l * l), c = (Math.abs(u) + Math.abs(h)) / 2, d = n.baseRenderedFontSize / e._style.fontSize, f = c * n.distanceField.range * (1 / d);
+    const t = this._getGpuBitmapText(e).context, r = e._style.fontFamily, n = Z.get(`${r}-bitmap`), { a: s, b: i, c: a, d: l } = e.groupTransform, u = Math.sqrt(s * s + i * i), h = Math.sqrt(a * a + l * l), c = (Math.abs(u) + Math.abs(h)) / 2, d = n.baseRenderedFontSize / e._style.fontSize, f = c * n.distanceField.range * (1 / d);
     t.customShader.resources.localUniforms.uniforms.uDistance = f;
   }
   destroy() {
@@ -2214,9 +2187,9 @@ class lr extends Oe {
 }
 function ee(o, e) {
   const { texture: t, bounds: r } = o, n = e._style._getFinalPadding();
-  wt(r, e._anchor, t);
-  const i = e._anchor._x * n * 2, s = e._anchor._y * n * 2;
-  r.minX -= n - i, r.minY -= n - s, r.maxX -= n - i, r.maxY -= n - s;
+  Ct(r, e._anchor, t);
+  const s = e._anchor._x * n * 2, i = e._anchor._y * n * 2;
+  r.minX -= n - s, r.minY -= n - i, r.maxX -= n - s, r.maxY -= n - i;
 }
 class nt {
   constructor(e) {
@@ -2230,8 +2203,8 @@ class nt {
     const r = this._getGpuText(e);
     if (e._didTextUpdate) {
       const n = e._autoResolution ? this._renderer.resolution : e.resolution;
-      (r.currentKey !== e.styleKey || e.resolution !== n) && this._updateGpuText(e).catch((i) => {
-        console.error(i);
+      (r.currentKey !== e.styleKey || e.resolution !== n) && this._updateGpuText(e).catch((s) => {
+        console.error(s);
       }), e._didTextUpdate = !1, ee(r, e);
     }
     this._renderer.renderPipes.batch.addToBatch(r, t);
@@ -2251,8 +2224,8 @@ class nt {
     r && (n = n.finally(() => {
       this._renderer.htmlText.decreaseReferenceCount(t.currentKey), this._renderer.htmlText.returnTexturePromise(r);
     })), t.texturePromise = n, t.currentKey = e.styleKey, t.texture = await n;
-    const i = e.renderGroup || e.parentRenderGroup;
-    i && (i.structureDidChange = !0), t.generatingTexture = !1, ee(t, e);
+    const s = e.renderGroup || e.parentRenderGroup;
+    s && (s.structureDidChange = !0), t.generatingTexture = !1, ee(t, e);
   }
   _getGpuText(e) {
     return e._gpuData[this._renderer.uid] || this.initGpuText(e);
@@ -2278,19 +2251,19 @@ function cr() {
   return /^((?!chrome|android).)*safari/i.test(o);
 }
 const dr = new Be();
-function it(o, e, t, r) {
+function st(o, e, t, r) {
   const n = dr;
   n.minX = 0, n.minY = 0, n.maxX = o.width / r | 0, n.maxY = o.height / r | 0;
-  const i = w.getOptimalTexture(
+  const s = w.getOptimalTexture(
     n.width,
     n.height,
     r,
     !1
   );
-  return i.source.uploadMethodId = "image", i.source.resource = o, i.source.alphaMode = "premultiply-alpha-on-upload", i.frame.width = e / r, i.frame.height = t / r, i.source.emit("update", i.source), i.updateUvs(), i;
+  return s.source.uploadMethodId = "image", s.source.resource = o, 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 hr(o, e) {
-  const t = e.fontFamily, r = [], n = {}, i = /font-family:([^;"\s]+)/g, s = o.match(i);
+  const t = e.fontFamily, r = [], n = {}, s = /font-family:([^;"\s]+)/g, i = o.match(s);
   function a(l) {
     n[l] || (r.push(l), n[l] = !0);
   }
@@ -2299,7 +2272,7 @@ function hr(o, e) {
       a(t[l]);
   else
     a(t);
-  s && s.forEach((l) => {
+  i && i.forEach((l) => {
     const u = l.split(":")[1].trim();
     a(u);
   });
@@ -2311,8 +2284,8 @@ function hr(o, e) {
 }
 async function fr(o) {
   const t = await (await W.get().fetch(o)).blob(), r = new FileReader();
-  return await new Promise((i, s) => {
-    r.onloadend = () => i(r.result), r.onerror = s, r.readAsDataURL(t);
+  return await new Promise((s, i) => {
+    r.onloadend = () => s(r.result), r.onerror = i, r.readAsDataURL(t);
   });
 }
 async function pr(o, e) {
@@ -2329,8 +2302,8 @@ async function mr(o) {
   const e = o.filter((t) => Z.has(`${t}-and-url`)).map((t) => {
     if (!j.has(t)) {
       const { entries: r } = Z.get(`${t}-and-url`), n = [];
-      r.forEach((i) => {
-        const s = i.url, l = i.faces.map((u) => ({ weight: u.weight, style: u.style }));
+      r.forEach((s) => {
+        const i = s.url, l = s.faces.map((u) => ({ weight: u.weight, style: u.style }));
         n.push(
           ...l.map(
             (u) => pr(
@@ -2339,13 +2312,13 @@ async function mr(o) {
                 fontStyle: u.style,
                 fontFamily: t
               },
-              s
+              i
             )
           )
         );
       }), j.set(
         t,
-        Promise.all(n).then((i) => i.join(`
+        Promise.all(n).then((s) => s.join(`
 `))
       );
     }
@@ -2355,8 +2328,8 @@ async function mr(o) {
 `);
 }
 function gr(o, e, t, r, n) {
-  const { domElement: i, styleElement: s, svgRoot: a } = n;
-  i.innerHTML = `<style>${e.cssStyle}</style><div style='padding:0;'>${o}</div>`, i.setAttribute("style", `transform: scale(${t});transform-origin: top left; display: inline-block`), s.textContent = r;
+  const { domElement: s, styleElement: i, svgRoot: a } = n;
+  s.innerHTML = `<style>${e.cssStyle}</style><div style='padding:0;'>${o}</div>`, s.setAttribute("style", `transform: scale(${t});transform-origin: top left; display: inline-block`), i.textContent = r;
   const { width: l, height: u } = n.image;
   return a.setAttribute("width", l.toString()), a.setAttribute("height", u.toString()), new XMLSerializer().serializeToString(a);
 }
@@ -2375,7 +2348,7 @@ function _r(o, e, t) {
     }, o.src = `data:image/svg+xml;charset=utf8,${encodeURIComponent(e)}`, o.crossOrigin = "anonymous";
   });
 }
-class st {
+class it {
   constructor(e) {
     this._activeTextures = {}, this._renderer = e, this._createCanvas = e.type === re.WEBGPU;
   }
@@ -2434,20 +2407,20 @@ class st {
     return this._buildTexturePromise(e);
   }
   async _buildTexturePromise(e) {
-    const { text: t, style: r, resolution: n, textureStyle: i } = e, s = V.get(Xe), a = hr(t, r), l = await mr(a), u = kt(t, r, l, s), h = Math.ceil(Math.ceil(Math.max(1, u.width) + r.padding * 2) * n), c = Math.ceil(Math.ceil(Math.max(1, u.height) + r.padding * 2) * n), d = s.image, f = 2;
+    const { text: t, style: r, resolution: n, textureStyle: s } = e, i = V.get(Xe), a = hr(t, r), l = await mr(a), u = zt(t, r, l, i), h = Math.ceil(Math.ceil(Math.max(1, u.width) + r.padding * 2) * n), c = Math.ceil(Math.ceil(Math.max(1, u.height) + r.padding * 2) * n), d = i.image, f = 2;
     d.width = (h | 0) + f, d.height = (c | 0) + f;
-    const m = gr(t, r, n, l, s);
+    const m = gr(t, r, n, l, i);
     await _r(d, m, cr() && a.length > 0);
     const x = d;
     let g;
     this._createCanvas && (g = xr(d, n));
-    const _ = it(
+    const _ = st(
       g ? g.canvas : x,
       d.width - f,
       d.height - f,
       n
     );
-    return i && (_.source.style = i), this._createCanvas && (this._renderer.texture.initSource(_.source), I.returnCanvasAndContext(g)), V.return(s), _;
+    return s && (_.source.style = s), this._createCanvas && (this._renderer.texture.initSource(_.source), I.returnCanvasAndContext(g)), V.return(i), _;
   }
   returnTexturePromise(e) {
     e.then((t) => {
@@ -2466,7 +2439,7 @@ class st {
     this._activeTextures = null;
   }
 }
-st.extension = {
+it.extension = {
   type: [
     p.WebGLSystem,
     p.WebGPUSystem,
@@ -2474,7 +2447,7 @@ st.extension = {
   ],
   name: "htmlText"
 };
-class vr extends Oe {
+class br extends Oe {
   constructor(e) {
     super(), this._renderer = e, e.runners.resolutionChange.add(this);
   }
@@ -2515,7 +2488,7 @@ class at {
     return e._gpuData[this._renderer.uid] || this.initGpuText(e);
   }
   initGpuText(e) {
-    const t = new vr(this._renderer);
+    const t = new br(this._renderer);
     return t.currentKey = "--", t.renderable = e, t.transform = e.groupTransform, t.bounds = { minX: 0, maxX: 1, minY: 0, maxY: 0 }, t.roundPixels = this._renderer._roundPixels | e._roundPixels, e._gpuData[this._renderer.uid] = t, t;
   }
   destroy() {
@@ -2540,13 +2513,13 @@ class ot {
       style: r,
       resolution: t
     }), e.style instanceof fe || (e.style = new fe(e.style)), e.textureStyle instanceof J || (e.textureStyle = new J(e.textureStyle)), typeof e.text != "string" && (e.text = e.text.toString());
-    const { text: i, style: s, textureStyle: a } = e, l = e.resolution ?? this._renderer.resolution, { frame: u, canvasAndContext: h } = Y.getCanvasAndContext({
-      text: i,
-      style: s,
+    const { text: s, style: i, textureStyle: a } = e, l = e.resolution ?? this._renderer.resolution, { frame: u, canvasAndContext: h } = Y.getCanvasAndContext({
+      text: s,
+      style: i,
       resolution: l
-    }), c = it(h.canvas, u.width, u.height, l);
-    if (a && (c.source.style = a), s.trim && (u.pad(s.padding), c.frame.copyFrom(u), c.frame.scale(1 / l), c.updateUvs()), s.filters) {
-      const d = this._applyFilters(c, s.filters);
+    }), c = st(h.canvas, u.width, u.height, l);
+    if (a && (c.source.style = a), i.trim && (u.pad(i.padding), c.frame.copyFrom(u), c.frame.scale(1 / l), c.updateUvs()), i.filters) {
+      const d = this._applyFilters(c, i.filters);
       return this.returnTexture(c), Y.returnCanvasAndContext(h), d;
     }
     return this._renderer.texture.initSource(c._source), Y.returnCanvasAndContext(h), c;
@@ -2655,14 +2628,14 @@ ot.extension = {
 y.add(Ie);
 y.add(Ee);
 y.add(He);
-y.add(Ct);
+y.add(Pt);
 y.add(je);
 y.add(qe);
 y.add(Qe);
 y.add(ot);
 y.add(at);
 y.add(rt);
-y.add(st);
+y.add(it);
 y.add(nt);
 y.add(tt);
 y.add(et);