@applemusic-like-lyrics/core 0.2.0-alpha.4 → 0.2.0-alpha.5

package/dist/amll-core.js

@@ -1,16 +1,16 @@
-var Ee = Object.defineProperty;
-var Pe = (d, t, e) => t in d ? Ee(d, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[t] = e;
-var f = (d, t, e) => Pe(d, typeof t != "symbol" ? t + "" : t, e);
-import { Application as ve } from "@pixi/app";
-import { Texture as ze } from "@pixi/core";
-import { Container as ke } from "@pixi/display";
-import { BlurFilter as X } from "@pixi/filter-blur";
-import { BulgePinchFilter as ut } from "@pixi/filter-bulge-pinch";
-import { ColorMatrixFilter as Dt } from "@pixi/filter-color-matrix";
-import { Sprite as yt } from "@pixi/sprite";
-class Ie {
+var be = Object.defineProperty;
+var xe = (m, t, e) => t in m ? be(m, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : m[t] = e;
+var f = (m, t, e) => xe(m, typeof t != "symbol" ? t + "" : t, e);
+import { Application as Te } from "@pixi/app";
+import { Texture as we } from "@pixi/core";
+import { Container as Se } from "@pixi/display";
+import { BlurFilter as tt } from "@pixi/filter-blur";
+import { BulgePinchFilter as yt } from "@pixi/filter-bulge-pinch";
+import { ColorMatrixFilter as kt } from "@pixi/filter-color-matrix";
+import { Sprite as gt } from "@pixi/sprite";
+class Ee {
 }
-class re extends Ie {
+class re extends Ee {
   constructor(e) {
     super();
     f(this, "observer");
@@ -57,7 +57,7 @@ class re extends Ie {
     return this.canvas;
   }
 }
-const N = 1e-6, Vt = new Float32Array([
+const N = 1e-6, Ut = new Float32Array([
   1,
   0,
   0,
@@ -108,7 +108,7 @@ const N = 1e-6, Vt = new Float32Array([
         ]) : super(e, 0, 16);
         break;
       default:
-        super(Vt);
+        super(Ut);
         break;
     }
   }
@@ -141,7 +141,7 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `this`
    */
   identity() {
-    return this.set(Vt), this;
+    return this.set(Ut), this;
   }
   /**
    * Multiplies this {@link Mat4} against another one
@@ -395,9 +395,9 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out` or `null` if the matrix is not invertable
    */
   static invert(t, e) {
-    const s = e[0], i = e[1], n = e[2], r = e[3], a = e[4], o = e[5], c = e[6], h = e[7], l = e[8], p = e[9], u = e[10], y = e[11], L = e[12], m = e[13], g = e[14], b = e[15], S = s * o - i * a, x = s * c - n * a, T = s * h - r * a, E = i * c - n * o, w = i * h - r * o, z = n * h - r * c, v = l * m - p * L, k = l * g - u * L, P = l * b - y * L, D = p * g - u * m, A = p * b - y * m, O = u * b - y * g;
-    let I = S * O - x * A + T * D + E * P - w * k + z * v;
-    return I ? (I = 1 / I, t[0] = (o * O - c * A + h * D) * I, t[1] = (n * A - i * O - r * D) * I, t[2] = (m * z - g * w + b * E) * I, t[3] = (u * w - p * z - y * E) * I, t[4] = (c * P - a * O - h * k) * I, t[5] = (s * O - n * P + r * k) * I, t[6] = (g * T - L * z - b * x) * I, t[7] = (l * z - u * T + y * x) * I, t[8] = (a * A - o * P + h * v) * I, t[9] = (i * P - s * A - r * v) * I, t[10] = (L * w - m * T + b * S) * I, t[11] = (p * T - l * w - y * S) * I, t[12] = (o * k - a * D - c * v) * I, t[13] = (s * D - i * k + n * v) * I, t[14] = (m * x - L * E - g * S) * I, t[15] = (l * E - p * x + u * S) * I, t) : null;
+    const s = e[0], i = e[1], n = e[2], r = e[3], a = e[4], o = e[5], h = e[6], c = e[7], l = e[8], p = e[9], u = e[10], g = e[11], M = e[12], d = e[13], y = e[14], b = e[15], w = s * o - i * a, L = s * h - n * a, x = s * c - r * a, S = i * h - n * o, T = i * c - r * o, z = n * c - r * h, P = l * d - p * M, I = l * y - u * M, v = l * b - g * M, D = p * y - u * d, F = p * b - g * d, R = u * b - g * y;
+    let k = w * R - L * F + x * D + S * v - T * I + z * P;
+    return k ? (k = 1 / k, t[0] = (o * R - h * F + c * D) * k, t[1] = (n * F - i * R - r * D) * k, t[2] = (d * z - y * T + b * S) * k, t[3] = (u * T - p * z - g * S) * k, t[4] = (h * v - a * R - c * I) * k, t[5] = (s * R - n * v + r * I) * k, t[6] = (y * x - M * z - b * L) * k, t[7] = (l * z - u * x + g * L) * k, t[8] = (a * F - o * v + c * P) * k, t[9] = (i * v - s * F - r * P) * k, t[10] = (M * T - d * x + b * w) * k, t[11] = (p * x - l * T - g * w) * k, t[12] = (o * I - a * D - h * P) * k, t[13] = (s * D - i * I + n * P) * k, t[14] = (d * L - M * S - y * w) * k, t[15] = (l * S - p * L + u * w) * k, t) : null;
   }
   /**
    * Calculates the adjugate of a {@link Mat4}
@@ -408,8 +408,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static adjoint(t, e) {
-    const s = e[0], i = e[1], n = e[2], r = e[3], a = e[4], o = e[5], c = e[6], h = e[7], l = e[8], p = e[9], u = e[10], y = e[11], L = e[12], m = e[13], g = e[14], b = e[15], S = s * o - i * a, x = s * c - n * a, T = s * h - r * a, E = i * c - n * o, w = i * h - r * o, z = n * h - r * c, v = l * m - p * L, k = l * g - u * L, P = l * b - y * L, D = p * g - u * m, A = p * b - y * m, O = u * b - y * g;
-    return t[0] = o * O - c * A + h * D, t[1] = n * A - i * O - r * D, t[2] = m * z - g * w + b * E, t[3] = u * w - p * z - y * E, t[4] = c * P - a * O - h * k, t[5] = s * O - n * P + r * k, t[6] = g * T - L * z - b * x, t[7] = l * z - u * T + y * x, t[8] = a * A - o * P + h * v, t[9] = i * P - s * A - r * v, t[10] = L * w - m * T + b * S, t[11] = p * T - l * w - y * S, t[12] = o * k - a * D - c * v, t[13] = s * D - i * k + n * v, t[14] = m * x - L * E - g * S, t[15] = l * E - p * x + u * S, t;
+    const s = e[0], i = e[1], n = e[2], r = e[3], a = e[4], o = e[5], h = e[6], c = e[7], l = e[8], p = e[9], u = e[10], g = e[11], M = e[12], d = e[13], y = e[14], b = e[15], w = s * o - i * a, L = s * h - n * a, x = s * c - r * a, S = i * h - n * o, T = i * c - r * o, z = n * c - r * h, P = l * d - p * M, I = l * y - u * M, v = l * b - g * M, D = p * y - u * d, F = p * b - g * d, R = u * b - g * y;
+    return t[0] = o * R - h * F + c * D, t[1] = n * F - i * R - r * D, t[2] = d * z - y * T + b * S, t[3] = u * T - p * z - g * S, t[4] = h * v - a * R - c * I, t[5] = s * R - n * v + r * I, t[6] = y * x - M * z - b * L, t[7] = l * z - u * x + g * L, t[8] = a * F - o * v + c * P, t[9] = i * v - s * F - r * P, t[10] = M * T - d * x + b * w, t[11] = p * x - l * T - g * w, t[12] = o * I - a * D - h * P, t[13] = s * D - i * I + n * P, t[14] = d * L - M * S - y * w, t[15] = l * S - p * L + u * w, t;
   }
   /**
    * Calculates the determinant of a {@link Mat4}
@@ -419,8 +419,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns determinant of a
    */
   static determinant(t) {
-    const e = t[0], s = t[1], i = t[2], n = t[3], r = t[4], a = t[5], o = t[6], c = t[7], h = t[8], l = t[9], p = t[10], u = t[11], y = t[12], L = t[13], m = t[14], g = t[15], b = e * a - s * r, S = e * o - i * r, x = s * o - i * a, T = h * L - l * y, E = h * m - p * y, w = l * m - p * L, z = e * w - s * E + i * T, v = r * w - a * E + o * T, k = h * x - l * S + p * b, P = y * x - L * S + m * b;
-    return c * z - n * v + g * k - u * P;
+    const e = t[0], s = t[1], i = t[2], n = t[3], r = t[4], a = t[5], o = t[6], h = t[7], c = t[8], l = t[9], p = t[10], u = t[11], g = t[12], M = t[13], d = t[14], y = t[15], b = e * a - s * r, w = e * o - i * r, L = s * o - i * a, x = c * M - l * g, S = c * d - p * g, T = l * d - p * M, z = e * T - s * S + i * x, P = r * T - a * S + o * x, I = c * L - l * w + p * b, v = g * L - M * w + d * b;
+    return h * z - n * P + y * I - u * v;
   }
   /**
    * Multiplies two {@link Mat4}s
@@ -432,9 +432,9 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static multiply(t, e, s) {
-    const i = e[0], n = e[1], r = e[2], a = e[3], o = e[4], c = e[5], h = e[6], l = e[7], p = e[8], u = e[9], y = e[10], L = e[11], m = e[12], g = e[13], b = e[14], S = e[15];
-    let x = s[0], T = s[1], E = s[2], w = s[3];
-    return t[0] = x * i + T * o + E * p + w * m, t[1] = x * n + T * c + E * u + w * g, t[2] = x * r + T * h + E * y + w * b, t[3] = x * a + T * l + E * L + w * S, x = s[4], T = s[5], E = s[6], w = s[7], t[4] = x * i + T * o + E * p + w * m, t[5] = x * n + T * c + E * u + w * g, t[6] = x * r + T * h + E * y + w * b, t[7] = x * a + T * l + E * L + w * S, x = s[8], T = s[9], E = s[10], w = s[11], t[8] = x * i + T * o + E * p + w * m, t[9] = x * n + T * c + E * u + w * g, t[10] = x * r + T * h + E * y + w * b, t[11] = x * a + T * l + E * L + w * S, x = s[12], T = s[13], E = s[14], w = s[15], t[12] = x * i + T * o + E * p + w * m, t[13] = x * n + T * c + E * u + w * g, t[14] = x * r + T * h + E * y + w * b, t[15] = x * a + T * l + E * L + w * S, t;
+    const i = e[0], n = e[1], r = e[2], a = e[3], o = e[4], h = e[5], c = e[6], l = e[7], p = e[8], u = e[9], g = e[10], M = e[11], d = e[12], y = e[13], b = e[14], w = e[15];
+    let L = s[0], x = s[1], S = s[2], T = s[3];
+    return t[0] = L * i + x * o + S * p + T * d, t[1] = L * n + x * h + S * u + T * y, t[2] = L * r + x * c + S * g + T * b, t[3] = L * a + x * l + S * M + T * w, L = s[4], x = s[5], S = s[6], T = s[7], t[4] = L * i + x * o + S * p + T * d, t[5] = L * n + x * h + S * u + T * y, t[6] = L * r + x * c + S * g + T * b, t[7] = L * a + x * l + S * M + T * w, L = s[8], x = s[9], S = s[10], T = s[11], t[8] = L * i + x * o + S * p + T * d, t[9] = L * n + x * h + S * u + T * y, t[10] = L * r + x * c + S * g + T * b, t[11] = L * a + x * l + S * M + T * w, L = s[12], x = s[13], S = s[14], T = s[15], t[12] = L * i + x * o + S * p + T * d, t[13] = L * n + x * h + S * u + T * y, t[14] = L * r + x * c + S * g + T * b, t[15] = L * a + x * l + S * M + T * w, t;
   }
   /**
    * Alias for {@link Mat4.multiply}
@@ -457,8 +457,8 @@ const N = 1e-6, Vt = new Float32Array([
     if (e === t)
       t[12] = e[0] * i + e[4] * n + e[8] * r + e[12], t[13] = e[1] * i + e[5] * n + e[9] * r + e[13], t[14] = e[2] * i + e[6] * n + e[10] * r + e[14], t[15] = e[3] * i + e[7] * n + e[11] * r + e[15];
     else {
-      const a = e[0], o = e[1], c = e[2], h = e[3], l = e[4], p = e[5], u = e[6], y = e[7], L = e[8], m = e[9], g = e[10], b = e[11];
-      t[0] = a, t[1] = o, t[2] = c, t[3] = h, t[4] = l, t[5] = p, t[6] = u, t[7] = y, t[8] = L, t[9] = m, t[10] = g, t[11] = b, t[12] = a * i + l * n + L * r + e[12], t[13] = o * i + p * n + m * r + e[13], t[14] = c * i + u * n + g * r + e[14], t[15] = h * i + y * n + b * r + e[15];
+      const a = e[0], o = e[1], h = e[2], c = e[3], l = e[4], p = e[5], u = e[6], g = e[7], M = e[8], d = e[9], y = e[10], b = e[11];
+      t[0] = a, t[1] = o, t[2] = h, t[3] = c, t[4] = l, t[5] = p, t[6] = u, t[7] = g, t[8] = M, t[9] = d, t[10] = y, t[11] = b, t[12] = a * i + l * n + M * r + e[12], t[13] = o * i + p * n + d * r + e[13], t[14] = h * i + u * n + y * r + e[14], t[15] = c * i + g * n + b * r + e[15];
     }
     return t;
   }
@@ -490,8 +490,8 @@ const N = 1e-6, Vt = new Float32Array([
     if (o < N)
       return null;
     o = 1 / o, n *= o, r *= o, a *= o;
-    const c = Math.sin(s), h = Math.cos(s), l = 1 - h, p = e[0], u = e[1], y = e[2], L = e[3], m = e[4], g = e[5], b = e[6], S = e[7], x = e[8], T = e[9], E = e[10], w = e[11], z = n * n * l + h, v = r * n * l + a * c, k = a * n * l - r * c, P = n * r * l - a * c, D = r * r * l + h, A = a * r * l + n * c, O = n * a * l + r * c, I = r * a * l - n * c, Y = a * a * l + h;
-    return t[0] = p * z + m * v + x * k, t[1] = u * z + g * v + T * k, t[2] = y * z + b * v + E * k, t[3] = L * z + S * v + w * k, t[4] = p * P + m * D + x * A, t[5] = u * P + g * D + T * A, t[6] = y * P + b * D + E * A, t[7] = L * P + S * D + w * A, t[8] = p * O + m * I + x * Y, t[9] = u * O + g * I + T * Y, t[10] = y * O + b * I + E * Y, t[11] = L * O + S * I + w * Y, e !== t && (t[12] = e[12], t[13] = e[13], t[14] = e[14], t[15] = e[15]), t;
+    const h = Math.sin(s), c = Math.cos(s), l = 1 - c, p = e[0], u = e[1], g = e[2], M = e[3], d = e[4], y = e[5], b = e[6], w = e[7], L = e[8], x = e[9], S = e[10], T = e[11], z = n * n * l + c, P = r * n * l + a * h, I = a * n * l - r * h, v = n * r * l - a * h, D = r * r * l + c, F = a * r * l + n * h, R = n * a * l + r * h, k = r * a * l - n * h, $ = a * a * l + c;
+    return t[0] = p * z + d * P + L * I, t[1] = u * z + y * P + x * I, t[2] = g * z + b * P + S * I, t[3] = M * z + w * P + T * I, t[4] = p * v + d * D + L * F, t[5] = u * v + y * D + x * F, t[6] = g * v + b * D + S * F, t[7] = M * v + w * D + T * F, t[8] = p * R + d * k + L * $, t[9] = u * R + y * k + x * $, t[10] = g * R + b * k + S * $, t[11] = M * R + w * k + T * $, e !== t && (t[12] = e[12], t[13] = e[13], t[14] = e[14], t[15] = e[15]), t;
   }
   /**
    * Rotates a matrix by the given angle around the X axis
@@ -503,8 +503,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static rotateX(t, e, s) {
-    let i = Math.sin(s), n = Math.cos(s), r = e[4], a = e[5], o = e[6], c = e[7], h = e[8], l = e[9], p = e[10], u = e[11];
-    return e !== t && (t[0] = e[0], t[1] = e[1], t[2] = e[2], t[3] = e[3], t[12] = e[12], t[13] = e[13], t[14] = e[14], t[15] = e[15]), t[4] = r * n + h * i, t[5] = a * n + l * i, t[6] = o * n + p * i, t[7] = c * n + u * i, t[8] = h * n - r * i, t[9] = l * n - a * i, t[10] = p * n - o * i, t[11] = u * n - c * i, t;
+    let i = Math.sin(s), n = Math.cos(s), r = e[4], a = e[5], o = e[6], h = e[7], c = e[8], l = e[9], p = e[10], u = e[11];
+    return e !== t && (t[0] = e[0], t[1] = e[1], t[2] = e[2], t[3] = e[3], t[12] = e[12], t[13] = e[13], t[14] = e[14], t[15] = e[15]), t[4] = r * n + c * i, t[5] = a * n + l * i, t[6] = o * n + p * i, t[7] = h * n + u * i, t[8] = c * n - r * i, t[9] = l * n - a * i, t[10] = p * n - o * i, t[11] = u * n - h * i, t;
   }
   /**
    * Rotates a matrix by the given angle around the Y axis
@@ -516,8 +516,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static rotateY(t, e, s) {
-    let i = Math.sin(s), n = Math.cos(s), r = e[0], a = e[1], o = e[2], c = e[3], h = e[8], l = e[9], p = e[10], u = e[11];
-    return e !== t && (t[4] = e[4], t[5] = e[5], t[6] = e[6], t[7] = e[7], t[12] = e[12], t[13] = e[13], t[14] = e[14], t[15] = e[15]), t[0] = r * n - h * i, t[1] = a * n - l * i, t[2] = o * n - p * i, t[3] = c * n - u * i, t[8] = r * i + h * n, t[9] = a * i + l * n, t[10] = o * i + p * n, t[11] = c * i + u * n, t;
+    let i = Math.sin(s), n = Math.cos(s), r = e[0], a = e[1], o = e[2], h = e[3], c = e[8], l = e[9], p = e[10], u = e[11];
+    return e !== t && (t[4] = e[4], t[5] = e[5], t[6] = e[6], t[7] = e[7], t[12] = e[12], t[13] = e[13], t[14] = e[14], t[15] = e[15]), t[0] = r * n - c * i, t[1] = a * n - l * i, t[2] = o * n - p * i, t[3] = h * n - u * i, t[8] = r * i + c * n, t[9] = a * i + l * n, t[10] = o * i + p * n, t[11] = h * i + u * n, t;
   }
   /**
    * Rotates a matrix by the given angle around the Z axis
@@ -529,8 +529,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static rotateZ(t, e, s) {
-    let i = Math.sin(s), n = Math.cos(s), r = e[0], a = e[1], o = e[2], c = e[3], h = e[4], l = e[5], p = e[6], u = e[7];
-    return e !== t && (t[8] = e[8], t[9] = e[9], t[10] = e[10], t[11] = e[11], t[12] = e[12], t[13] = e[13], t[14] = e[14], t[15] = e[15]), t[0] = r * n + h * i, t[1] = a * n + l * i, t[2] = o * n + p * i, t[3] = c * n + u * i, t[4] = h * n - r * i, t[5] = l * n - a * i, t[6] = p * n - o * i, t[7] = u * n - c * i, t;
+    let i = Math.sin(s), n = Math.cos(s), r = e[0], a = e[1], o = e[2], h = e[3], c = e[4], l = e[5], p = e[6], u = e[7];
+    return e !== t && (t[8] = e[8], t[9] = e[9], t[10] = e[10], t[11] = e[11], t[12] = e[12], t[13] = e[13], t[14] = e[14], t[15] = e[15]), t[0] = r * n + c * i, t[1] = a * n + l * i, t[2] = o * n + p * i, t[3] = h * n + u * i, t[4] = c * n - r * i, t[5] = l * n - a * i, t[6] = p * n - o * i, t[7] = u * n - h * i, t;
   }
   /**
    * Creates a {@link Mat4} from a vector translation
@@ -580,8 +580,8 @@ const N = 1e-6, Vt = new Float32Array([
     if (a < N)
       return null;
     a = 1 / a, i *= a, n *= a, r *= a;
-    const o = Math.sin(e), c = Math.cos(e), h = 1 - c;
-    return t[0] = i * i * h + c, t[1] = n * i * h + r * o, t[2] = r * i * h - n * o, t[3] = 0, t[4] = i * n * h - r * o, t[5] = n * n * h + c, t[6] = r * n * h + i * o, t[7] = 0, t[8] = i * r * h + n * o, t[9] = n * r * h - i * o, t[10] = r * r * h + c, t[11] = 0, t[12] = 0, t[13] = 0, t[14] = 0, t[15] = 1, t;
+    const o = Math.sin(e), h = Math.cos(e), c = 1 - h;
+    return t[0] = i * i * c + h, t[1] = n * i * c + r * o, t[2] = r * i * c - n * o, t[3] = 0, t[4] = i * n * c - r * o, t[5] = n * n * c + h, t[6] = r * n * c + i * o, t[7] = 0, t[8] = i * r * c + n * o, t[9] = n * r * c - i * o, t[10] = r * r * c + h, t[11] = 0, t[12] = 0, t[13] = 0, t[14] = 0, t[15] = 1, t;
   }
   /**
    * Creates a matrix from the given angle around the X axis
@@ -648,8 +648,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static fromRotationTranslation(t, e, s) {
-    const i = e[0], n = e[1], r = e[2], a = e[3], o = i + i, c = n + n, h = r + r, l = i * o, p = i * c, u = i * h, y = n * c, L = n * h, m = r * h, g = a * o, b = a * c, S = a * h;
-    return t[0] = 1 - (y + m), t[1] = p + S, t[2] = u - b, t[3] = 0, t[4] = p - S, t[5] = 1 - (l + m), t[6] = L + g, t[7] = 0, t[8] = u + b, t[9] = L - g, t[10] = 1 - (l + y), t[11] = 0, t[12] = s[0], t[13] = s[1], t[14] = s[2], t[15] = 1, t;
+    const i = e[0], n = e[1], r = e[2], a = e[3], o = i + i, h = n + n, c = r + r, l = i * o, p = i * h, u = i * c, g = n * h, M = n * c, d = r * c, y = a * o, b = a * h, w = a * c;
+    return t[0] = 1 - (g + d), t[1] = p + w, t[2] = u - b, t[3] = 0, t[4] = p - w, t[5] = 1 - (l + d), t[6] = M + y, t[7] = 0, t[8] = u + b, t[9] = M - y, t[10] = 1 - (l + g), t[11] = 0, t[12] = s[0], t[13] = s[1], t[14] = s[2], t[15] = 1, t;
   }
   /**
    * Sets a {@link Mat4} from a {@link Quat2}.
@@ -660,9 +660,9 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static fromQuat2(t, e) {
-    const s = -e[0], i = -e[1], n = -e[2], r = e[3], a = e[4], o = e[5], c = e[6], h = e[7];
+    const s = -e[0], i = -e[1], n = -e[2], r = e[3], a = e[4], o = e[5], h = e[6], c = e[7];
     let l = s * s + i * i + n * n + r * r;
-    return l > 0 ? (j[0] = (a * r + h * s + o * n - c * i) * 2 / l, j[1] = (o * r + h * i + c * s - a * n) * 2 / l, j[2] = (c * r + h * n + a * i - o * s) * 2 / l) : (j[0] = (a * r + h * s + o * n - c * i) * 2, j[1] = (o * r + h * i + c * s - a * n) * 2, j[2] = (c * r + h * n + a * i - o * s) * 2), B.fromRotationTranslation(t, e, j), t;
+    return l > 0 ? (Y[0] = (a * r + c * s + o * n - h * i) * 2 / l, Y[1] = (o * r + c * i + h * s - a * n) * 2 / l, Y[2] = (h * r + c * n + a * i - o * s) * 2 / l) : (Y[0] = (a * r + c * s + o * n - h * i) * 2, Y[1] = (o * r + c * i + h * s - a * n) * 2, Y[2] = (h * r + c * n + a * i - o * s) * 2), B.fromRotationTranslation(t, e, Y), t;
   }
   /**
    * Calculates a {@link Mat4} normal matrix (transpose inverse) from a {@link Mat4}
@@ -673,9 +673,9 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out` or `null` if the matrix is not invertable
    */
   static normalFromMat4(t, e) {
-    const s = e[0], i = e[1], n = e[2], r = e[3], a = e[4], o = e[5], c = e[6], h = e[7], l = e[8], p = e[9], u = e[10], y = e[11], L = e[12], m = e[13], g = e[14], b = e[15], S = s * o - i * a, x = s * c - n * a, T = s * h - r * a, E = i * c - n * o, w = i * h - r * o, z = n * h - r * c, v = l * m - p * L, k = l * g - u * L, P = l * b - y * L, D = p * g - u * m, A = p * b - y * m, O = u * b - y * g;
-    let I = S * O - x * A + T * D + E * P - w * k + z * v;
-    return I ? (I = 1 / I, t[0] = (o * O - c * A + h * D) * I, t[1] = (c * P - a * O - h * k) * I, t[2] = (a * A - o * P + h * v) * I, t[3] = 0, t[4] = (n * A - i * O - r * D) * I, t[5] = (s * O - n * P + r * k) * I, t[6] = (i * P - s * A - r * v) * I, t[7] = 0, t[8] = (m * z - g * w + b * E) * I, t[9] = (g * T - L * z - b * x) * I, t[10] = (L * w - m * T + b * S) * I, t[11] = 0, t[12] = 0, t[13] = 0, t[14] = 0, t[15] = 1, t) : null;
+    const s = e[0], i = e[1], n = e[2], r = e[3], a = e[4], o = e[5], h = e[6], c = e[7], l = e[8], p = e[9], u = e[10], g = e[11], M = e[12], d = e[13], y = e[14], b = e[15], w = s * o - i * a, L = s * h - n * a, x = s * c - r * a, S = i * h - n * o, T = i * c - r * o, z = n * c - r * h, P = l * d - p * M, I = l * y - u * M, v = l * b - g * M, D = p * y - u * d, F = p * b - g * d, R = u * b - g * y;
+    let k = w * R - L * F + x * D + S * v - T * I + z * P;
+    return k ? (k = 1 / k, t[0] = (o * R - h * F + c * D) * k, t[1] = (h * v - a * R - c * I) * k, t[2] = (a * F - o * v + c * P) * k, t[3] = 0, t[4] = (n * F - i * R - r * D) * k, t[5] = (s * R - n * v + r * I) * k, t[6] = (i * v - s * F - r * P) * k, t[7] = 0, t[8] = (d * z - y * T + b * S) * k, t[9] = (y * x - M * z - b * L) * k, t[10] = (M * T - d * x + b * w) * k, t[11] = 0, t[12] = 0, t[13] = 0, t[14] = 0, t[15] = 1, t) : null;
   }
   /**
    * Calculates a {@link Mat4} normal matrix (transpose inverse) from a {@link Mat4}
@@ -689,8 +689,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static normalFromMat4Fast(t, e) {
-    const s = e[0], i = e[1], n = e[2], r = e[4], a = e[5], o = e[6], c = e[8], h = e[9], l = e[10];
-    return t[0] = a * l - l * h, t[1] = o * c - c * l, t[2] = r * h - h * c, t[3] = 0, t[4] = h * n - l * i, t[5] = l * s - c * n, t[6] = c * i - h * s, t[7] = 0, t[8] = i * o - n * a, t[9] = n * r - s * o, t[10] = s * a - i * r, t[11] = 0, t[12] = 0, t[13] = 0, t[14] = 0, t[15] = 1, t;
+    const s = e[0], i = e[1], n = e[2], r = e[4], a = e[5], o = e[6], h = e[8], c = e[9], l = e[10];
+    return t[0] = a * l - l * c, t[1] = o * h - h * l, t[2] = r * c - c * h, t[3] = 0, t[4] = c * n - l * i, t[5] = l * s - h * n, t[6] = h * i - c * s, t[7] = 0, t[8] = i * o - n * a, t[9] = n * r - s * o, t[10] = s * a - i * r, t[11] = 0, t[12] = 0, t[13] = 0, t[14] = 0, t[15] = 1, t;
   }
   /**
    * Returns the translation vector component of a transformation
@@ -719,8 +719,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @return {vec3} out
    */
   static getScaling(t, e) {
-    const s = e[0], i = e[1], n = e[2], r = e[4], a = e[5], o = e[6], c = e[8], h = e[9], l = e[10];
-    return t[0] = Math.sqrt(s * s + i * i + n * n), t[1] = Math.sqrt(r * r + a * a + o * o), t[2] = Math.sqrt(c * c + h * h + l * l), t;
+    const s = e[0], i = e[1], n = e[2], r = e[4], a = e[5], o = e[6], h = e[8], c = e[9], l = e[10];
+    return t[0] = Math.sqrt(s * s + i * i + n * n), t[1] = Math.sqrt(r * r + a * a + o * o), t[2] = Math.sqrt(h * h + c * c + l * l), t;
   }
   /**
    * Returns a quaternion representing the rotational component
@@ -734,10 +734,10 @@ const N = 1e-6, Vt = new Float32Array([
    * @return `out`
    */
   static getRotation(t, e) {
-    B.getScaling(j, e);
-    const s = 1 / j[0], i = 1 / j[1], n = 1 / j[2], r = e[0] * s, a = e[1] * i, o = e[2] * n, c = e[4] * s, h = e[5] * i, l = e[6] * n, p = e[8] * s, u = e[9] * i, y = e[10] * n, L = r + h + y;
-    let m = 0;
-    return L > 0 ? (m = Math.sqrt(L + 1) * 2, t[3] = 0.25 * m, t[0] = (l - u) / m, t[1] = (p - o) / m, t[2] = (a - c) / m) : r > h && r > y ? (m = Math.sqrt(1 + r - h - y) * 2, t[3] = (l - u) / m, t[0] = 0.25 * m, t[1] = (a + c) / m, t[2] = (p + o) / m) : h > y ? (m = Math.sqrt(1 + h - r - y) * 2, t[3] = (p - o) / m, t[0] = (a + c) / m, t[1] = 0.25 * m, t[2] = (l + u) / m) : (m = Math.sqrt(1 + y - r - h) * 2, t[3] = (a - c) / m, t[0] = (p + o) / m, t[1] = (l + u) / m, t[2] = 0.25 * m), t;
+    B.getScaling(Y, e);
+    const s = 1 / Y[0], i = 1 / Y[1], n = 1 / Y[2], r = e[0] * s, a = e[1] * i, o = e[2] * n, h = e[4] * s, c = e[5] * i, l = e[6] * n, p = e[8] * s, u = e[9] * i, g = e[10] * n, M = r + c + g;
+    let d = 0;
+    return M > 0 ? (d = Math.sqrt(M + 1) * 2, t[3] = 0.25 * d, t[0] = (l - u) / d, t[1] = (p - o) / d, t[2] = (a - h) / d) : r > c && r > g ? (d = Math.sqrt(1 + r - c - g) * 2, t[3] = (l - u) / d, t[0] = 0.25 * d, t[1] = (a + h) / d, t[2] = (p + o) / d) : c > g ? (d = Math.sqrt(1 + c - r - g) * 2, t[3] = (p - o) / d, t[0] = (a + h) / d, t[1] = 0.25 * d, t[2] = (l + u) / d) : (d = Math.sqrt(1 + g - r - c) * 2, t[3] = (a - h) / d, t[0] = (p + o) / d, t[1] = (l + u) / d, t[2] = 0.25 * d), t;
   }
   /**
    * Decomposes a transformation matrix into its rotation, translation
@@ -752,11 +752,11 @@ const N = 1e-6, Vt = new Float32Array([
    */
   static decompose(t, e, s, i) {
     e[0] = i[12], e[1] = i[13], e[2] = i[14];
-    const n = i[0], r = i[1], a = i[2], o = i[4], c = i[5], h = i[6], l = i[8], p = i[9], u = i[10];
-    s[0] = Math.sqrt(n * n + r * r + a * a), s[1] = Math.sqrt(o * o + c * c + h * h), s[2] = Math.sqrt(l * l + p * p + u * u);
-    const y = 1 / s[0], L = 1 / s[1], m = 1 / s[2], g = n * y, b = r * L, S = a * m, x = o * y, T = c * L, E = h * m, w = l * y, z = p * L, v = u * m, k = g + T + v;
-    let P = 0;
-    return k > 0 ? (P = Math.sqrt(k + 1) * 2, t[3] = 0.25 * P, t[0] = (E - z) / P, t[1] = (w - S) / P, t[2] = (b - x) / P) : g > T && g > v ? (P = Math.sqrt(1 + g - T - v) * 2, t[3] = (E - z) / P, t[0] = 0.25 * P, t[1] = (b + x) / P, t[2] = (w + S) / P) : T > v ? (P = Math.sqrt(1 + T - g - v) * 2, t[3] = (w - S) / P, t[0] = (b + x) / P, t[1] = 0.25 * P, t[2] = (E + z) / P) : (P = Math.sqrt(1 + v - g - T) * 2, t[3] = (b - x) / P, t[0] = (w + S) / P, t[1] = (E + z) / P, t[2] = 0.25 * P), t;
+    const n = i[0], r = i[1], a = i[2], o = i[4], h = i[5], c = i[6], l = i[8], p = i[9], u = i[10];
+    s[0] = Math.sqrt(n * n + r * r + a * a), s[1] = Math.sqrt(o * o + h * h + c * c), s[2] = Math.sqrt(l * l + p * p + u * u);
+    const g = 1 / s[0], M = 1 / s[1], d = 1 / s[2], y = n * g, b = r * M, w = a * d, L = o * g, x = h * M, S = c * d, T = l * g, z = p * M, P = u * d, I = y + x + P;
+    let v = 0;
+    return I > 0 ? (v = Math.sqrt(I + 1) * 2, t[3] = 0.25 * v, t[0] = (S - z) / v, t[1] = (T - w) / v, t[2] = (b - L) / v) : y > x && y > P ? (v = Math.sqrt(1 + y - x - P) * 2, t[3] = (S - z) / v, t[0] = 0.25 * v, t[1] = (b + L) / v, t[2] = (T + w) / v) : x > P ? (v = Math.sqrt(1 + x - y - P) * 2, t[3] = (T - w) / v, t[0] = (b + L) / v, t[1] = 0.25 * v, t[2] = (S + z) / v) : (v = Math.sqrt(1 + P - y - x) * 2, t[3] = (b - L) / v, t[0] = (T + w) / v, t[1] = (S + z) / v, t[2] = 0.25 * v), t;
   }
   /**
    * Creates a matrix from a quaternion rotation, vector translation and vector scale
@@ -777,8 +777,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static fromRotationTranslationScale(t, e, s, i) {
-    const n = e[0], r = e[1], a = e[2], o = e[3], c = n + n, h = r + r, l = a + a, p = n * c, u = n * h, y = n * l, L = r * h, m = r * l, g = a * l, b = o * c, S = o * h, x = o * l, T = i[0], E = i[1], w = i[2];
-    return t[0] = (1 - (L + g)) * T, t[1] = (u + x) * T, t[2] = (y - S) * T, t[3] = 0, t[4] = (u - x) * E, t[5] = (1 - (p + g)) * E, t[6] = (m + b) * E, t[7] = 0, t[8] = (y + S) * w, t[9] = (m - b) * w, t[10] = (1 - (p + L)) * w, t[11] = 0, t[12] = s[0], t[13] = s[1], t[14] = s[2], t[15] = 1, t;
+    const n = e[0], r = e[1], a = e[2], o = e[3], h = n + n, c = r + r, l = a + a, p = n * h, u = n * c, g = n * l, M = r * c, d = r * l, y = a * l, b = o * h, w = o * c, L = o * l, x = i[0], S = i[1], T = i[2];
+    return t[0] = (1 - (M + y)) * x, t[1] = (u + L) * x, t[2] = (g - w) * x, t[3] = 0, t[4] = (u - L) * S, t[5] = (1 - (p + y)) * S, t[6] = (d + b) * S, t[7] = 0, t[8] = (g + w) * T, t[9] = (d - b) * T, t[10] = (1 - (p + M)) * T, t[11] = 0, t[12] = s[0], t[13] = s[1], t[14] = s[2], t[15] = 1, t;
   }
   /**
    * Creates a matrix from a quaternion rotation, vector translation and vector scale, rotating and scaling around the given origin
@@ -802,8 +802,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static fromRotationTranslationScaleOrigin(t, e, s, i, n) {
-    const r = e[0], a = e[1], o = e[2], c = e[3], h = r + r, l = a + a, p = o + o, u = r * h, y = r * l, L = r * p, m = a * l, g = a * p, b = o * p, S = c * h, x = c * l, T = c * p, E = i[0], w = i[1], z = i[2], v = n[0], k = n[1], P = n[2], D = (1 - (m + b)) * E, A = (y + T) * E, O = (L - x) * E, I = (y - T) * w, Y = (1 - (u + b)) * w, ht = (g + S) * w, lt = (L + x) * z, Yt = (g - S) * z, Ut = (1 - (u + m)) * z;
-    return t[0] = D, t[1] = A, t[2] = O, t[3] = 0, t[4] = I, t[5] = Y, t[6] = ht, t[7] = 0, t[8] = lt, t[9] = Yt, t[10] = Ut, t[11] = 0, t[12] = s[0] + v - (D * v + I * k + lt * P), t[13] = s[1] + k - (A * v + Y * k + Yt * P), t[14] = s[2] + P - (O * v + ht * k + Ut * P), t[15] = 1, t;
+    const r = e[0], a = e[1], o = e[2], h = e[3], c = r + r, l = a + a, p = o + o, u = r * c, g = r * l, M = r * p, d = a * l, y = a * p, b = o * p, w = h * c, L = h * l, x = h * p, S = i[0], T = i[1], z = i[2], P = n[0], I = n[1], v = n[2], D = (1 - (d + b)) * S, F = (g + x) * S, R = (M - L) * S, k = (g - x) * T, $ = (1 - (u + b)) * T, V = (y + w) * T, G = (M + L) * z, J = (y - w) * z, Q = (1 - (u + d)) * z;
+    return t[0] = D, t[1] = F, t[2] = R, t[3] = 0, t[4] = k, t[5] = $, t[6] = V, t[7] = 0, t[8] = G, t[9] = J, t[10] = Q, t[11] = 0, t[12] = s[0] + P - (D * P + k * I + G * v), t[13] = s[1] + I - (F * P + $ * I + J * v), t[14] = s[2] + v - (R * P + V * I + Q * v), t[15] = 1, t;
   }
   /**
    * Calculates a 4x4 matrix from the given quaternion
@@ -814,8 +814,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static fromQuat(t, e) {
-    const s = e[0], i = e[1], n = e[2], r = e[3], a = s + s, o = i + i, c = n + n, h = s * a, l = i * a, p = i * o, u = n * a, y = n * o, L = n * c, m = r * a, g = r * o, b = r * c;
-    return t[0] = 1 - p - L, t[1] = l + b, t[2] = u - g, t[3] = 0, t[4] = l - b, t[5] = 1 - h - L, t[6] = y + m, t[7] = 0, t[8] = u + g, t[9] = y - m, t[10] = 1 - h - p, t[11] = 0, t[12] = 0, t[13] = 0, t[14] = 0, t[15] = 1, t;
+    const s = e[0], i = e[1], n = e[2], r = e[3], a = s + s, o = i + i, h = n + n, c = s * a, l = i * a, p = i * o, u = n * a, g = n * o, M = n * h, d = r * a, y = r * o, b = r * h;
+    return t[0] = 1 - p - M, t[1] = l + b, t[2] = u - y, t[3] = 0, t[4] = l - b, t[5] = 1 - c - M, t[6] = g + d, t[7] = 0, t[8] = u + y, t[9] = g - d, t[10] = 1 - c - p, t[11] = 0, t[12] = 0, t[13] = 0, t[14] = 0, t[15] = 1, t;
   }
   /**
    * Generates a frustum matrix with the given bounds
@@ -834,10 +834,10 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static frustumNO(t, e, s, i, n, r, a = 1 / 0) {
-    const o = 1 / (s - e), c = 1 / (n - i);
-    if (t[0] = r * 2 * o, t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = r * 2 * c, t[6] = 0, t[7] = 0, t[8] = (s + e) * o, t[9] = (n + i) * c, t[11] = -1, t[12] = 0, t[13] = 0, t[15] = 0, a != null && a !== 1 / 0) {
-      const h = 1 / (r - a);
-      t[10] = (a + r) * h, t[14] = 2 * a * r * h;
+    const o = 1 / (s - e), h = 1 / (n - i);
+    if (t[0] = r * 2 * o, t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = r * 2 * h, t[6] = 0, t[7] = 0, t[8] = (s + e) * o, t[9] = (n + i) * h, t[11] = -1, t[12] = 0, t[13] = 0, t[15] = 0, a != null && a !== 1 / 0) {
+      const c = 1 / (r - a);
+      t[10] = (a + r) * c, t[14] = 2 * a * r * c;
     } else
       t[10] = -1, t[14] = -2 * r;
     return t;
@@ -867,10 +867,10 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static frustumZO(t, e, s, i, n, r, a = 1 / 0) {
-    const o = 1 / (s - e), c = 1 / (n - i);
-    if (t[0] = r * 2 * o, t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = r * 2 * c, t[6] = 0, t[7] = 0, t[8] = (s + e) * o, t[9] = (n + i) * c, t[11] = -1, t[12] = 0, t[13] = 0, t[15] = 0, a != null && a !== 1 / 0) {
-      const h = 1 / (r - a);
-      t[10] = a * h, t[14] = a * r * h;
+    const o = 1 / (s - e), h = 1 / (n - i);
+    if (t[0] = r * 2 * o, t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = r * 2 * h, t[6] = 0, t[7] = 0, t[8] = (s + e) * o, t[9] = (n + i) * h, t[11] = -1, t[12] = 0, t[13] = 0, t[15] = 0, a != null && a !== 1 / 0) {
+      const c = 1 / (r - a);
+      t[10] = a * c, t[14] = a * r * c;
     } else
       t[10] = -1, t[14] = -r;
     return t;
@@ -943,8 +943,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @deprecated
    */
   static perspectiveFromFieldOfView(t, e, s, i) {
-    const n = Math.tan(e.upDegrees * Math.PI / 180), r = Math.tan(e.downDegrees * Math.PI / 180), a = Math.tan(e.leftDegrees * Math.PI / 180), o = Math.tan(e.rightDegrees * Math.PI / 180), c = 2 / (a + o), h = 2 / (n + r);
-    return t[0] = c, t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = h, t[6] = 0, t[7] = 0, t[8] = -((a - o) * c * 0.5), t[9] = (n - r) * h * 0.5, t[10] = i / (s - i), t[11] = -1, t[12] = 0, t[13] = 0, t[14] = i * s / (s - i), t[15] = 0, t;
+    const n = Math.tan(e.upDegrees * Math.PI / 180), r = Math.tan(e.downDegrees * Math.PI / 180), a = Math.tan(e.leftDegrees * Math.PI / 180), o = Math.tan(e.rightDegrees * Math.PI / 180), h = 2 / (a + o), c = 2 / (n + r);
+    return t[0] = h, t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = c, t[6] = 0, t[7] = 0, t[8] = -((a - o) * h * 0.5), t[9] = (n - r) * c * 0.5, t[10] = i / (s - i), t[11] = -1, t[12] = 0, t[13] = 0, t[14] = i * s / (s - i), t[15] = 0, t;
   }
   /**
    * Generates a orthogonal projection matrix with the given bounds.
@@ -962,8 +962,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static orthoNO(t, e, s, i, n, r, a) {
-    const o = 1 / (e - s), c = 1 / (i - n), h = 1 / (r - a);
-    return t[0] = -2 * o, t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = -2 * c, t[6] = 0, t[7] = 0, t[8] = 0, t[9] = 0, t[10] = 2 * h, t[11] = 0, t[12] = (e + s) * o, t[13] = (n + i) * c, t[14] = (a + r) * h, t[15] = 1, t;
+    const o = 1 / (e - s), h = 1 / (i - n), c = 1 / (r - a);
+    return t[0] = -2 * o, t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = -2 * h, t[6] = 0, t[7] = 0, t[8] = 0, t[9] = 0, t[10] = 2 * c, t[11] = 0, t[12] = (e + s) * o, t[13] = (n + i) * h, t[14] = (a + r) * c, t[15] = 1, t;
   }
   /**
    * Alias for {@link Mat4.orthoNO}
@@ -989,8 +989,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static orthoZO(t, e, s, i, n, r, a) {
-    const o = 1 / (e - s), c = 1 / (i - n), h = 1 / (r - a);
-    return t[0] = -2 * o, t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = -2 * c, t[6] = 0, t[7] = 0, t[8] = 0, t[9] = 0, t[10] = h, t[11] = 0, t[12] = (e + s) * o, t[13] = (n + i) * c, t[14] = r * h, t[15] = 1, t;
+    const o = 1 / (e - s), h = 1 / (i - n), c = 1 / (r - a);
+    return t[0] = -2 * o, t[1] = 0, t[2] = 0, t[3] = 0, t[4] = 0, t[5] = -2 * h, t[6] = 0, t[7] = 0, t[8] = 0, t[9] = 0, t[10] = c, t[11] = 0, t[12] = (e + s) * o, t[13] = (n + i) * h, t[14] = r * c, t[15] = 1, t;
   }
   /**
    * Generates a look-at matrix with the given eye position, focal point, and up axis.
@@ -1004,15 +1004,15 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static lookAt(t, e, s, i) {
-    const n = e[0], r = e[1], a = e[2], o = i[0], c = i[1], h = i[2], l = s[0], p = s[1], u = s[2];
+    const n = e[0], r = e[1], a = e[2], o = i[0], h = i[1], c = i[2], l = s[0], p = s[1], u = s[2];
     if (Math.abs(n - l) < N && Math.abs(r - p) < N && Math.abs(a - u) < N)
       return B.identity(t);
-    let y = n - l, L = r - p, m = a - u, g = 1 / Math.sqrt(y * y + L * L + m * m);
-    y *= g, L *= g, m *= g;
-    let b = c * m - h * L, S = h * y - o * m, x = o * L - c * y;
-    g = Math.sqrt(b * b + S * S + x * x), g ? (g = 1 / g, b *= g, S *= g, x *= g) : (b = 0, S = 0, x = 0);
-    let T = L * x - m * S, E = m * b - y * x, w = y * S - L * b;
-    return g = Math.sqrt(T * T + E * E + w * w), g ? (g = 1 / g, T *= g, E *= g, w *= g) : (T = 0, E = 0, w = 0), t[0] = b, t[1] = T, t[2] = y, t[3] = 0, t[4] = S, t[5] = E, t[6] = L, t[7] = 0, t[8] = x, t[9] = w, t[10] = m, t[11] = 0, t[12] = -(b * n + S * r + x * a), t[13] = -(T * n + E * r + w * a), t[14] = -(y * n + L * r + m * a), t[15] = 1, t;
+    let g = n - l, M = r - p, d = a - u, y = 1 / Math.sqrt(g * g + M * M + d * d);
+    g *= y, M *= y, d *= y;
+    let b = h * d - c * M, w = c * g - o * d, L = o * M - h * g;
+    y = Math.sqrt(b * b + w * w + L * L), y ? (y = 1 / y, b *= y, w *= y, L *= y) : (b = 0, w = 0, L = 0);
+    let x = M * L - d * w, S = d * b - g * L, T = g * w - M * b;
+    return y = Math.sqrt(x * x + S * S + T * T), y ? (y = 1 / y, x *= y, S *= y, T *= y) : (x = 0, S = 0, T = 0), t[0] = b, t[1] = x, t[2] = g, t[3] = 0, t[4] = w, t[5] = S, t[6] = M, t[7] = 0, t[8] = L, t[9] = T, t[10] = d, t[11] = 0, t[12] = -(b * n + w * r + L * a), t[13] = -(x * n + S * r + T * a), t[14] = -(g * n + M * r + d * a), t[15] = 1, t;
   }
   /**
    * Generates a matrix that makes something look at something else.
@@ -1025,11 +1025,11 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns `out`
    */
   static targetTo(t, e, s, i) {
-    const n = e[0], r = e[1], a = e[2], o = i[0], c = i[1], h = i[2];
-    let l = n - s[0], p = r - s[1], u = a - s[2], y = l * l + p * p + u * u;
-    y > 0 && (y = 1 / Math.sqrt(y), l *= y, p *= y, u *= y);
-    let L = c * u - h * p, m = h * l - o * u, g = o * p - c * l;
-    return y = L * L + m * m + g * g, y > 0 && (y = 1 / Math.sqrt(y), L *= y, m *= y, g *= y), t[0] = L, t[1] = m, t[2] = g, t[3] = 0, t[4] = p * g - u * m, t[5] = u * L - l * g, t[6] = l * m - p * L, t[7] = 0, t[8] = l, t[9] = p, t[10] = u, t[11] = 0, t[12] = n, t[13] = r, t[14] = a, t[15] = 1, t;
+    const n = e[0], r = e[1], a = e[2], o = i[0], h = i[1], c = i[2];
+    let l = n - s[0], p = r - s[1], u = a - s[2], g = l * l + p * p + u * u;
+    g > 0 && (g = 1 / Math.sqrt(g), l *= g, p *= g, u *= g);
+    let M = h * u - c * p, d = c * l - o * u, y = o * p - h * l;
+    return g = M * M + d * d + y * y, g > 0 && (g = 1 / Math.sqrt(g), M *= g, d *= g, y *= g), t[0] = M, t[1] = d, t[2] = y, t[3] = 0, t[4] = p * y - u * d, t[5] = u * M - l * y, t[6] = l * d - p * M, t[7] = 0, t[8] = l, t[9] = p, t[10] = u, t[11] = 0, t[12] = n, t[13] = r, t[14] = a, t[15] = 1, t;
   }
   /**
    * Returns Frobenius norm of a {@link Mat4}
@@ -1117,8 +1117,8 @@ const N = 1e-6, Vt = new Float32Array([
    * @returns True if the matrices are equal, false otherwise.
    */
   static equals(t, e) {
-    const s = t[0], i = t[1], n = t[2], r = t[3], a = t[4], o = t[5], c = t[6], h = t[7], l = t[8], p = t[9], u = t[10], y = t[11], L = t[12], m = t[13], g = t[14], b = t[15], S = e[0], x = e[1], T = e[2], E = e[3], w = e[4], z = e[5], v = e[6], k = e[7], P = e[8], D = e[9], A = e[10], O = e[11], I = e[12], Y = e[13], ht = e[14], lt = e[15];
-    return Math.abs(s - S) <= N * Math.max(1, Math.abs(s), Math.abs(S)) && Math.abs(i - x) <= N * Math.max(1, Math.abs(i), Math.abs(x)) && Math.abs(n - T) <= N * Math.max(1, Math.abs(n), Math.abs(T)) && Math.abs(r - E) <= N * Math.max(1, Math.abs(r), Math.abs(E)) && Math.abs(a - w) <= N * Math.max(1, Math.abs(a), Math.abs(w)) && Math.abs(o - z) <= N * Math.max(1, Math.abs(o), Math.abs(z)) && Math.abs(c - v) <= N * Math.max(1, Math.abs(c), Math.abs(v)) && Math.abs(h - k) <= N * Math.max(1, Math.abs(h), Math.abs(k)) && Math.abs(l - P) <= N * Math.max(1, Math.abs(l), Math.abs(P)) && Math.abs(p - D) <= N * Math.max(1, Math.abs(p), Math.abs(D)) && Math.abs(u - A) <= N * Math.max(1, Math.abs(u), Math.abs(A)) && Math.abs(y - O) <= N * Math.max(1, Math.abs(y), Math.abs(O)) && Math.abs(L - I) <= N * Math.max(1, Math.abs(L), Math.abs(I)) && Math.abs(m - Y) <= N * Math.max(1, Math.abs(m), Math.abs(Y)) && Math.abs(g - ht) <= N * Math.max(1, Math.abs(g), Math.abs(ht)) && Math.abs(b - lt) <= N * Math.max(1, Math.abs(b), Math.abs(lt));
+    const s = t[0], i = t[1], n = t[2], r = t[3], a = t[4], o = t[5], h = t[6], c = t[7], l = t[8], p = t[9], u = t[10], g = t[11], M = t[12], d = t[13], y = t[14], b = t[15], w = e[0], L = e[1], x = e[2], S = e[3], T = e[4], z = e[5], P = e[6], I = e[7], v = e[8], D = e[9], F = e[10], R = e[11], k = e[12], $ = e[13], V = e[14], G = e[15];
+    return Math.abs(s - w) <= N * Math.max(1, Math.abs(s), Math.abs(w)) && Math.abs(i - L) <= N * Math.max(1, Math.abs(i), Math.abs(L)) && Math.abs(n - x) <= N * Math.max(1, Math.abs(n), Math.abs(x)) && Math.abs(r - S) <= N * Math.max(1, Math.abs(r), Math.abs(S)) && Math.abs(a - T) <= N * Math.max(1, Math.abs(a), Math.abs(T)) && Math.abs(o - z) <= N * Math.max(1, Math.abs(o), Math.abs(z)) && Math.abs(h - P) <= N * Math.max(1, Math.abs(h), Math.abs(P)) && Math.abs(c - I) <= N * Math.max(1, Math.abs(c), Math.abs(I)) && Math.abs(l - v) <= N * Math.max(1, Math.abs(l), Math.abs(v)) && Math.abs(p - D) <= N * Math.max(1, Math.abs(p), Math.abs(D)) && Math.abs(u - F) <= N * Math.max(1, Math.abs(u), Math.abs(F)) && Math.abs(g - R) <= N * Math.max(1, Math.abs(g), Math.abs(R)) && Math.abs(M - k) <= N * Math.max(1, Math.abs(M), Math.abs(k)) && Math.abs(d - $) <= N * Math.max(1, Math.abs(d), Math.abs($)) && Math.abs(y - V) <= N * Math.max(1, Math.abs(y), Math.abs(V)) && Math.abs(b - G) <= N * Math.max(1, Math.abs(b), Math.abs(G));
   }
   /**
    * Returns a string representation of a {@link Mat4}
@@ -1136,14 +1136,14 @@ const N = 1e-6, Vt = new Float32Array([
  */
 f(B, "BYTE_LENGTH", 16 * Float32Array.BYTES_PER_ELEMENT);
 let _ = B;
-const j = new Float32Array(3);
+const Y = new Float32Array(3);
 _.prototype.mul = _.prototype.multiply;
 _.sub = _.subtract;
 _.mul = _.multiply;
 _.frustum = _.frustumNO;
 _.perspective = _.perspectiveNO;
 _.ortho = _.orthoNO;
-const H = class H extends Float32Array {
+const U = class U extends Float32Array {
   /**
   * Create a {@link Vec3}.
   */
@@ -1268,7 +1268,7 @@ const H = class H extends Float32Array {
    * Equivalent to `Vec3.str(this);`
    */
   get str() {
-    return H.str(this);
+    return U.str(this);
   }
   //===================
   // Instances methods
@@ -1369,7 +1369,7 @@ const H = class H extends Float32Array {
    * @returns Distance between `this` and `b`
    */
   distance(t) {
-    return H.distance(this, t);
+    return U.distance(this, t);
   }
   /**
    * Alias for {@link Vec3.distance}
@@ -1385,7 +1385,7 @@ const H = class H extends Float32Array {
    * @returns Squared distance between `this` and `b`
    */
   squaredDistance(t) {
-    return H.squaredDistance(this, t);
+    return U.squaredDistance(this, t);
   }
   /**
    * Alias for {@link Vec3.squaredDistance}
@@ -1437,7 +1437,7 @@ const H = class H extends Float32Array {
    * @returns `this`
    */
   normalize() {
-    return H.normalize(this, this);
+    return U.normalize(this, this);
   }
   //================
   // Static methods
@@ -1449,7 +1449,7 @@ const H = class H extends Float32Array {
    * @returns a new 3D vector
    */
   static create() {
-    return new H();
+    return new U();
   }
   /**
    * Creates a new vec3 initialized with values from an existing vector
@@ -1459,7 +1459,7 @@ const H = class H extends Float32Array {
    * @returns a new 3D vector
    */
   static clone(t) {
-    return new H(t);
+    return new U(t);
   }
   /**
    * Calculates the magnitude (length) of a {@link Vec3}
@@ -1509,7 +1509,7 @@ const H = class H extends Float32Array {
    * @returns a new 3D vector
    */
   static fromValues(t, e, s) {
-    return new H(t, e, s);
+    return new U(t, e, s);
   }
   /**
    * Copy the values from one vec3 to another
@@ -1809,8 +1809,8 @@ const H = class H extends Float32Array {
    * @returns `out`
    */
   static cross(t, e, s) {
-    const i = e[0], n = e[1], r = e[2], a = s[0], o = s[1], c = s[2];
-    return t[0] = n * c - r * o, t[1] = r * a - i * c, t[2] = i * o - n * a, t;
+    const i = e[0], n = e[1], r = e[2], a = s[0], o = s[1], h = s[2];
+    return t[0] = n * h - r * o, t[1] = r * a - i * h, t[2] = i * o - n * a, t;
   }
   /**
    * Performs a linear interpolation between two vec3's
@@ -1837,7 +1837,7 @@ const H = class H extends Float32Array {
    * @returns `out`
    */
   static slerp(t, e, s, i) {
-    const n = Math.acos(Math.min(Math.max(H.dot(e, s), -1), 1)), r = Math.sin(n), a = Math.sin((1 - i) * n) / r, o = Math.sin(i * n) / r;
+    const n = Math.acos(Math.min(Math.max(U.dot(e, s), -1), 1)), r = Math.sin(n), a = Math.sin((1 - i) * n) / r, o = Math.sin(i * n) / r;
     return t[0] = a * e[0] + o * s[0], t[1] = a * e[1] + o * s[1], t[2] = a * e[2] + o * s[2], t;
   }
   /**
@@ -1853,8 +1853,8 @@ const H = class H extends Float32Array {
    * @returns `out`
    */
   static hermite(t, e, s, i, n, r) {
-    const a = r * r, o = a * (2 * r - 3) + 1, c = a * (r - 2) + r, h = a * (r - 1), l = a * (3 - 2 * r);
-    return t[0] = e[0] * o + s[0] * c + i[0] * h + n[0] * l, t[1] = e[1] * o + s[1] * c + i[1] * h + n[1] * l, t[2] = e[2] * o + s[2] * c + i[2] * h + n[2] * l, t;
+    const a = r * r, o = a * (2 * r - 3) + 1, h = a * (r - 2) + r, c = a * (r - 1), l = a * (3 - 2 * r);
+    return t[0] = e[0] * o + s[0] * h + i[0] * c + n[0] * l, t[1] = e[1] * o + s[1] * h + i[1] * c + n[1] * l, t[2] = e[2] * o + s[2] * h + i[2] * c + n[2] * l, t;
   }
   /**
    * Performs a bezier interpolation with two control points
@@ -1869,8 +1869,8 @@ const H = class H extends Float32Array {
    * @returns `out`
    */
   static bezier(t, e, s, i, n, r) {
-    const a = 1 - r, o = a * a, c = r * r, h = o * a, l = 3 * r * o, p = 3 * c * a, u = c * r;
-    return t[0] = e[0] * h + s[0] * l + i[0] * p + n[0] * u, t[1] = e[1] * h + s[1] * l + i[1] * p + n[1] * u, t[2] = e[2] * h + s[2] * l + i[2] * p + n[2] * u, t;
+    const a = 1 - r, o = a * a, h = r * r, c = o * a, l = 3 * r * o, p = 3 * h * a, u = h * r;
+    return t[0] = e[0] * c + s[0] * l + i[0] * p + n[0] * u, t[1] = e[1] * c + s[1] * l + i[1] * p + n[1] * u, t[2] = e[2] * c + s[2] * l + i[2] * p + n[2] * u, t;
   }
   /**
    * Generates a random vector with the given scale
@@ -1930,8 +1930,8 @@ const H = class H extends Float32Array {
    * @returns `out`
    */
   static transformQuat(t, e, s) {
-    const i = s[0], n = s[1], r = s[2], a = s[3] * 2, o = e[0], c = e[1], h = e[2], l = n * h - r * c, p = r * o - i * h, u = i * c - n * o, y = (n * u - r * p) * 2, L = (r * l - i * u) * 2, m = (i * p - n * l) * 2;
-    return t[0] = o + l * a + y, t[1] = c + p * a + L, t[2] = h + u * a + m, t;
+    const i = s[0], n = s[1], r = s[2], a = s[3] * 2, o = e[0], h = e[1], c = e[2], l = n * c - r * h, p = r * o - i * c, u = i * h - n * o, g = (n * u - r * p) * 2, M = (r * l - i * u) * 2, d = (i * p - n * l) * 2;
+    return t[0] = o + l * a + g, t[1] = h + p * a + M, t[2] = c + u * a + d, t;
   }
   /**
    * Rotate a 3D vector around the x-axis
@@ -1976,8 +1976,8 @@ const H = class H extends Float32Array {
    * @returns The angle in radians
    */
   static angle(t, e) {
-    const s = t[0], i = t[1], n = t[2], r = e[0], a = e[1], o = e[2], c = Math.sqrt((s * s + i * i + n * n) * (r * r + a * a + o * o)), h = c && H.dot(t, e) / c;
-    return Math.acos(Math.min(Math.max(h, -1), 1));
+    const s = t[0], i = t[1], n = t[2], r = e[0], a = e[1], o = e[2], h = Math.sqrt((s * s + i * i + n * n) * (r * r + a * a + o * o)), c = h && U.dot(t, e) / h;
+    return Math.acos(Math.min(Math.max(c, -1), 1));
   }
   /**
    * Set the components of a vec3 to zero
@@ -2026,23 +2026,23 @@ const H = class H extends Float32Array {
 /**
 * The number of bytes in a {@link Vec3}.
 */
-f(H, "BYTE_LENGTH", 3 * Float32Array.BYTES_PER_ELEMENT);
-let W = H;
-W.prototype.sub = W.prototype.subtract;
-W.prototype.mul = W.prototype.multiply;
-W.prototype.div = W.prototype.divide;
-W.prototype.dist = W.prototype.distance;
-W.prototype.sqrDist = W.prototype.squaredDistance;
-W.sub = W.subtract;
-W.mul = W.multiply;
-W.div = W.divide;
-W.dist = W.distance;
-W.sqrDist = W.squaredDistance;
-W.sqrLen = W.squaredLength;
-W.mag = W.magnitude;
-W.length = W.magnitude;
-W.len = W.magnitude;
-const U = class U extends Float32Array {
+f(U, "BYTE_LENGTH", 3 * Float32Array.BYTES_PER_ELEMENT);
+let O = U;
+O.prototype.sub = O.prototype.subtract;
+O.prototype.mul = O.prototype.multiply;
+O.prototype.div = O.prototype.divide;
+O.prototype.dist = O.prototype.distance;
+O.prototype.sqrDist = O.prototype.squaredDistance;
+O.sub = O.subtract;
+O.mul = O.multiply;
+O.div = O.divide;
+O.dist = O.distance;
+O.sqrDist = O.squaredDistance;
+O.sqrLen = O.squaredLength;
+O.mag = O.magnitude;
+O.length = O.magnitude;
+O.len = O.magnitude;
+const X = class X extends Float32Array {
   /**
    * Create a {@link Vec4}.
    */
@@ -2173,7 +2173,7 @@ const U = class U extends Float32Array {
    * Equivalent to `Vec4.str(this);`
    */
   get str() {
-    return U.str(this);
+    return X.str(this);
   }
   //===================
   // Instances methods
@@ -2274,7 +2274,7 @@ const U = class U extends Float32Array {
    * @returns Distance between `this` and `b`
    */
   distance(t) {
-    return U.distance(this, t);
+    return X.distance(this, t);
   }
   /**
    * Alias for {@link Vec4.distance}
@@ -2290,7 +2290,7 @@ const U = class U extends Float32Array {
    * @returns Squared distance between `this` and `b`
    */
   squaredDistance(t) {
-    return U.squaredDistance(this, t);
+    return X.squaredDistance(this, t);
   }
   /**
    * Alias for {@link Vec4.squaredDistance}
@@ -2342,7 +2342,7 @@ const U = class U extends Float32Array {
    * @returns `this`
    */
   normalize() {
-    return U.normalize(this, this);
+    return X.normalize(this, this);
   }
   //===================
   // Static methods
@@ -2354,7 +2354,7 @@ const U = class U extends Float32Array {
    * @returns a new 4D vector
    */
   static create() {
-    return new U();
+    return new X();
   }
   /**
    * Creates a new {@link Vec4} initialized with values from an existing vector
@@ -2364,7 +2364,7 @@ const U = class U extends Float32Array {
    * @returns a new 4D vector
    */
   static clone(t) {
-    return new U(t);
+    return new X(t);
   }
   /**
    * Creates a new {@link Vec4} initialized with the given values
@@ -2377,7 +2377,7 @@ const U = class U extends Float32Array {
    * @returns a new 4D vector
    */
   static fromValues(t, e, s, i) {
-    return new U(t, e, s, i);
+    return new X(t, e, s, i);
   }
   /**
    * Copy the values from one {@link Vec4} to another
@@ -2714,8 +2714,8 @@ const U = class U extends Float32Array {
    * @returns result
    */
   static cross(t, e, s, i) {
-    const n = s[0] * i[1] - s[1] * i[0], r = s[0] * i[2] - s[2] * i[0], a = s[0] * i[3] - s[3] * i[0], o = s[1] * i[2] - s[2] * i[1], c = s[1] * i[3] - s[3] * i[1], h = s[2] * i[3] - s[3] * i[2], l = e[0], p = e[1], u = e[2], y = e[3];
-    return t[0] = p * h - u * c + y * o, t[1] = -(l * h) + u * a - y * r, t[2] = l * c - p * a + y * n, t[3] = -(l * o) + p * r - u * n, t;
+    const n = s[0] * i[1] - s[1] * i[0], r = s[0] * i[2] - s[2] * i[0], a = s[0] * i[3] - s[3] * i[0], o = s[1] * i[2] - s[2] * i[1], h = s[1] * i[3] - s[3] * i[1], c = s[2] * i[3] - s[3] * i[2], l = e[0], p = e[1], u = e[2], g = e[3];
+    return t[0] = p * c - u * h + g * o, t[1] = -(l * c) + u * a - g * r, t[2] = l * h - p * a + g * n, t[3] = -(l * o) + p * r - u * n, t;
   }
   /**
    * Performs a linear interpolation between two {@link Vec4}'s
@@ -2788,8 +2788,8 @@ const U = class U extends Float32Array {
    * @returns `out`
    */
   static transformQuat(t, e, s) {
-    const i = e[0], n = e[1], r = e[2], a = s[0], o = s[1], c = s[2], h = s[3], l = h * i + o * r - c * n, p = h * n + c * i - a * r, u = h * r + a * n - o * i, y = -a * i - o * n - c * r;
-    return t[0] = l * h + y * -a + p * -c - u * -o, t[1] = p * h + y * -o + u * -a - l * -c, t[2] = u * h + y * -c + l * -o - p * -a, t[3] = e[3], t;
+    const i = e[0], n = e[1], r = e[2], a = s[0], o = s[1], h = s[2], c = s[3], l = c * i + o * r - h * n, p = c * n + h * i - a * r, u = c * r + a * n - o * i, g = -a * i - o * n - h * r;
+    return t[0] = l * c + g * -a + p * -h - u * -o, t[1] = p * c + g * -o + u * -a - l * -h, t[2] = u * c + g * -h + l * -o - p * -a, t[3] = e[3], t;
   }
   /**
    * Set the components of a {@link Vec4} to zero
@@ -2831,30 +2831,30 @@ const U = class U extends Float32Array {
    * @returns True if the vectors are equal, false otherwise.
    */
   static equals(t, e) {
-    const s = t[0], i = t[1], n = t[2], r = t[3], a = e[0], o = e[1], c = e[2], h = e[3];
-    return Math.abs(s - a) <= N * Math.max(1, Math.abs(s), Math.abs(a)) && Math.abs(i - o) <= N * Math.max(1, Math.abs(i), Math.abs(o)) && Math.abs(n - c) <= N * Math.max(1, Math.abs(n), Math.abs(c)) && Math.abs(r - h) <= N * Math.max(1, Math.abs(r), Math.abs(h));
+    const s = t[0], i = t[1], n = t[2], r = t[3], a = e[0], o = e[1], h = e[2], c = e[3];
+    return Math.abs(s - a) <= N * Math.max(1, Math.abs(s), Math.abs(a)) && Math.abs(i - o) <= N * Math.max(1, Math.abs(i), Math.abs(o)) && Math.abs(n - h) <= N * Math.max(1, Math.abs(n), Math.abs(h)) && Math.abs(r - c) <= N * Math.max(1, Math.abs(r), Math.abs(c));
   }
 };
 /**
  * The number of bytes in a {@link Vec4}.
  */
-f(U, "BYTE_LENGTH", 4 * Float32Array.BYTES_PER_ELEMENT);
-let F = U;
-F.prototype.sub = F.prototype.subtract;
-F.prototype.mul = F.prototype.multiply;
-F.prototype.div = F.prototype.divide;
-F.prototype.dist = F.prototype.distance;
-F.prototype.sqrDist = F.prototype.squaredDistance;
-F.sub = F.subtract;
-F.mul = F.multiply;
-F.div = F.divide;
-F.dist = F.distance;
-F.sqrDist = F.squaredDistance;
-F.sqrLen = F.squaredLength;
-F.mag = F.magnitude;
-F.length = F.magnitude;
-F.len = F.magnitude;
-const V = class V extends Float32Array {
+f(X, "BYTE_LENGTH", 4 * Float32Array.BYTES_PER_ELEMENT);
+let A = X;
+A.prototype.sub = A.prototype.subtract;
+A.prototype.mul = A.prototype.multiply;
+A.prototype.div = A.prototype.divide;
+A.prototype.dist = A.prototype.distance;
+A.prototype.sqrDist = A.prototype.squaredDistance;
+A.sub = A.subtract;
+A.mul = A.multiply;
+A.div = A.divide;
+A.dist = A.distance;
+A.sqrDist = A.squaredDistance;
+A.sqrLen = A.squaredLength;
+A.mag = A.magnitude;
+A.length = A.magnitude;
+A.len = A.magnitude;
+const Z = class Z extends Float32Array {
   /**
    * Create a {@link Vec2}.
    */
@@ -2957,7 +2957,7 @@ const V = class V extends Float32Array {
    * Equivalent to `Vec2.str(this);`
    */
   get str() {
-    return V.str(this);
+    return Z.str(this);
   }
   //===================
   // Instances methods
@@ -3059,7 +3059,7 @@ const V = class V extends Float32Array {
    * @returns Distance between `this` and `b`
    */
   distance(t) {
-    return V.distance(this, t);
+    return Z.distance(this, t);
   }
   /**
    * Alias for {@link Vec2.distance}
@@ -3075,7 +3075,7 @@ const V = class V extends Float32Array {
    * @returns Squared distance between `this` and `b`
    */
   squaredDistance(t) {
-    return V.squaredDistance(this, t);
+    return Z.squaredDistance(this, t);
   }
   /**
    * Alias for {@link Vec2.squaredDistance}
@@ -3127,7 +3127,7 @@ const V = class V extends Float32Array {
    * @returns `this`
    */
   normalize() {
-    return V.normalize(this, this);
+    return Z.normalize(this, this);
   }
   //================
   // Static methods
@@ -3139,7 +3139,7 @@ const V = class V extends Float32Array {
    * @returns A new 2D vector
    */
   static create() {
-    return new V();
+    return new Z();
   }
   /**
    * Creates a new {@link Vec2} initialized with values from an existing vector
@@ -3149,7 +3149,7 @@ const V = class V extends Float32Array {
    * @returns A new 2D vector
    */
   static clone(t) {
-    return new V(t);
+    return new Z(t);
   }
   /**
    * Creates a new {@link Vec2} initialized with the given values
@@ -3160,7 +3160,7 @@ const V = class V extends Float32Array {
    * @returns A new 2D vector
    */
   static fromValues(t, e) {
-    return new V(t, e);
+    return new Z(t, e);
   }
   /**
    * Copy the values from one {@link Vec2} to another
@@ -3638,29 +3638,29 @@ const V = class V extends Float32Array {
 /**
  * The number of bytes in a {@link Vec2}.
  */
-f(V, "BYTE_LENGTH", 2 * Float32Array.BYTES_PER_ELEMENT);
-let R = V;
-R.prototype.sub = R.prototype.subtract;
-R.prototype.mul = R.prototype.multiply;
-R.prototype.div = R.prototype.divide;
-R.prototype.dist = R.prototype.distance;
-R.prototype.sqrDist = R.prototype.squaredDistance;
-R.sub = R.subtract;
-R.mul = R.multiply;
-R.div = R.divide;
-R.dist = R.distance;
-R.sqrDist = R.squaredDistance;
-R.sqrLen = R.squaredLength;
-R.mag = R.magnitude;
-R.length = R.magnitude;
-R.len = R.magnitude;
-function De(d) {
+f(Z, "BYTE_LENGTH", 2 * Float32Array.BYTES_PER_ELEMENT);
+let C = Z;
+C.prototype.sub = C.prototype.subtract;
+C.prototype.mul = C.prototype.multiply;
+C.prototype.div = C.prototype.divide;
+C.prototype.dist = C.prototype.distance;
+C.prototype.sqrDist = C.prototype.squaredDistance;
+C.sub = C.subtract;
+C.mul = C.multiply;
+C.div = C.divide;
+C.dist = C.distance;
+C.sqrDist = C.squaredDistance;
+C.sqrLen = C.squaredLength;
+C.mag = C.magnitude;
+C.length = C.magnitude;
+C.len = C.magnitude;
+function ve(m) {
   return new Promise((t, e) => {
     const s = document.createElement("img");
-    s.onload = () => t(s), s.onerror = e, s.src = d, s.crossOrigin = "anonymous", s.loading = "eager";
+    s.onload = () => t(s), s.onerror = e, s.src = m, s.crossOrigin = "anonymous", s.loading = "eager";
   });
 }
-function Fe(d) {
+function Pe(m) {
   return new Promise((t, e) => {
     const s = document.createElement("video");
     let i = !1, n = !1, r = !1;
@@ -3686,260 +3686,282 @@ function Fe(d) {
     function a() {
       i && n && !r && t(s);
     }
-    s.src = d, s.playsInline = !0, s.crossOrigin = "anonymous", s.autoplay = !0, s.loop = !0, s.muted = !0, s.play();
+    s.src = m, s.playsInline = !0, s.crossOrigin = "anonymous", s.autoplay = !0, s.loop = !0, s.muted = !0, s.play();
   });
 }
-function ae(d, t = !1) {
-  return t ? Fe(d) : De(d);
+function ae(m, t = !1) {
+  return t ? Pe(m) : ve(m);
 }
-function oe(d) {
+function oe(m) {
   return new Promise((t, e) => {
-    (d instanceof HTMLImageElement ? d.complete : d.readyState >= 3) ? t(d) : (d.onload = () => t(d), d.onerror = e);
+    (m instanceof HTMLImageElement ? m.complete : m.readyState >= 3) ? t(m) : (m.onload = () => t(m), m.onerror = e);
   });
 }
-function _e(d, t, e) {
-  const s = d.data, i = d.width, n = d.height;
-  let r, a, o, c, h, l, p, u, y, L, m, g, b;
-  const S = i - 1, x = n - 1, T = t + 1, E = t + T, w = t + 1, z = t + w, v = 1 / (E * z), k = [], P = [], D = [], A = [], O = [], I = [];
+function ze(m, t, e) {
+  const s = m.data, i = m.width, n = m.height;
+  let r, a, o, h, c, l, p, u, g, M, d, y, b;
+  const w = i - 1, L = n - 1, x = t + 1, S = t + x, T = t + 1, z = t + T, P = 1 / (S * z), I = [], v = [], D = [], F = [], R = [], k = [];
   for (; e-- > 0; ) {
-    for (b = g = 0, l = 0; l < n; l++) {
-      for (r = s[b] * T, a = s[b + 1] * T, o = s[b + 2] * T, c = s[b + 3] * T, p = 1; p <= t; p++)
-        u = b + ((p > S ? S : p) << 2), r += s[u++], a += s[u++], o += s[u++], c += s[u];
-      for (h = 0; h < i; h++)
-        k[g] = r, P[g] = a, D[g] = o, A[g] = c, l === 0 && (O[h] = Math.min(h + T, S) << 2, I[h] = Math.max(h - t, 0) << 2), y = b + O[h], L = b + I[h], r += s[y++] - s[L++], a += s[y++] - s[L++], o += s[y++] - s[L++], c += s[y] - s[L], g++;
+    for (b = y = 0, l = 0; l < n; l++) {
+      for (r = s[b] * x, a = s[b + 1] * x, o = s[b + 2] * x, h = s[b + 3] * x, p = 1; p <= t; p++)
+        u = b + ((p > w ? w : p) << 2), r += s[u++], a += s[u++], o += s[u++], h += s[u];
+      for (c = 0; c < i; c++)
+        I[y] = r, v[y] = a, D[y] = o, F[y] = h, l === 0 && (R[c] = Math.min(c + x, w) << 2, k[c] = Math.max(c - t, 0) << 2), g = b + R[c], M = b + k[c], r += s[g++] - s[M++], a += s[g++] - s[M++], o += s[g++] - s[M++], h += s[g] - s[M], y++;
       b += i << 2;
     }
-    for (h = 0; h < i; h++) {
-      for (m = h, r = k[m] * w, a = P[m] * w, o = D[m] * w, c = A[m] * w, p = 1; p <= t; p++)
-        m += p > x ? 0 : i, r += k[m], a += P[m], o += D[m], c += A[m];
-      for (g = h << 2, l = 0; l < n; l++)
-        s[g] = r * v + 0.5 | 0, s[g + 1] = a * v + 0.5 | 0, s[g + 2] = o * v + 0.5 | 0, s[g + 3] = c * v + 0.5 | 0, h === 0 && (O[l] = Math.min(l + w, x) * i, I[l] = Math.max(l - t, 0) * i), y = h + O[l], L = h + I[l], r += k[y] - k[L], a += P[y] - P[L], o += D[y] - D[L], c += A[y] - A[L], g += i << 2;
+    for (c = 0; c < i; c++) {
+      for (d = c, r = I[d] * T, a = v[d] * T, o = D[d] * T, h = F[d] * T, p = 1; p <= t; p++)
+        d += p > L ? 0 : i, r += I[d], a += v[d], o += D[d], h += F[d];
+      for (y = c << 2, l = 0; l < n; l++)
+        s[y] = r * P + 0.5 | 0, s[y + 1] = a * P + 0.5 | 0, s[y + 2] = o * P + 0.5 | 0, s[y + 3] = h * P + 0.5 | 0, c === 0 && (R[l] = Math.min(l + T, L) * i, k[l] = Math.max(l - t, 0) * i), g = c + R[l], M = c + k[l], r += I[g] - I[M], a += v[g] - v[M], o += D[g] - D[M], h += F[g] - F[M], y += i << 2;
     }
   }
 }
-function Ae(d, t) {
-  const e = d.data;
+function Ie(m, t) {
+  const e = m.data;
   for (let s = 0; s < e.length; s += 4) {
     const i = e[s], n = e[s + 1], r = e[s + 2], a = e[s + 3], o = i * 0.3 + n * 0.59 + r * 0.11;
     e[s] = o * (1 - t) + i * t, e[s + 1] = o * (1 - t) + n * t, e[s + 2] = o * (1 - t) + r * t, e[s + 3] = a;
   }
 }
-function Re(d, t) {
-  const e = d.data;
+function ke(m, t) {
+  const e = m.data;
   for (let s = 0; s < e.length; s += 4) {
     const i = e[s], n = e[s + 1], r = e[s + 2], a = e[s + 3];
     e[s] = i * t, e[s + 1] = n * t, e[s + 2] = r * t, e[s + 3] = a;
   }
 }
-function Gt(d, t) {
-  const e = d.data;
+function Yt(m, t) {
+  const e = m.data;
   for (let s = 0; s < e.length; s += 4) {
     const i = e[s], n = e[s + 1], r = e[s + 2], a = e[s + 3];
     e[s] = (i - 128) * t + 128, e[s + 1] = (n - 128) * t + 128, e[s + 2] = (r - 128) * t + 128, e[s + 3] = a;
   }
 }
-const M = (d, t, e, s, i = 0, n = 0, r = 1, a = 1) => Object.freeze({ cx: d, cy: t, x: e, y: s, ur: i, vr: n, up: r, vp: a }), K = (d, t, e) => Object.freeze({ width: d, height: t, conf: e }), Xt = [
+const E = (m, t, e, s, i = 0, n = 0, r = 1, a = 1) => Object.freeze({ cx: m, cy: t, x: e, y: s, ur: i, vr: n, up: r, vp: a }), pt = (m, t, e) => Object.freeze({ width: m, height: t, conf: e }), jt = [
   // TODO: 竖屏推荐
-  K(5, 5, [
-    M(0, 0, -1, -1, 0, 0, 1, 1),
-    M(1, 0, -0.5, -1, 0, 0, 1, 1),
-    M(2, 0, 0, -1, 0, 0, 1, 1),
-    M(3, 0, 0.5, -1, 0, 0, 1, 1),
-    M(4, 0, 1, -1, 0, 0, 1, 1),
-    M(0, 1, -1, -0.5, 0, 0, 1, 1),
-    M(1, 1, -0.5, -0.5, 0, 0, 1, 1),
-    M(2, 1, -0.0052029684413368305, -0.6131420587090777, 0, 0, 1, 1),
-    M(3, 1, 0.5884227308309977, -0.3990805107556692, 0, 0, 1, 1),
-    M(4, 1, 1, -0.5, 0, 0, 1, 1),
-    M(0, 2, -1, 0, 0, 0, 1, 1),
-    M(1, 2, -0.4210024670505933, -0.11895058380429502, 0, 0, 1, 1),
-    M(2, 2, -0.1019613423315412, -0.023812118047224606, 0, -47, 0.629, 0.849),
-    M(3, 2, 0.40275125660925437, -0.06345314544600389, 0, 0, 1, 1),
-    M(4, 2, 1, 0, 0, 0, 1, 1),
-    M(0, 3, -1, 0.5, 0, 0, 1, 1),
-    M(1, 3, 0.06801958477287173, 0.5205913248960121, -31, -45, 1, 1),
-    M(2, 3, 0.21446469120128908, 0.29331610114301043, 6, -56, 0.566, 1.321),
-    M(3, 3, 0.5, 0.5, 0, 0, 1, 1),
-    M(4, 3, 1, 0.5, 0, 0, 1, 1),
-    M(0, 4, -1, 1, 0, 0, 1, 1),
-    M(1, 4, -0.31378372841550195, 1, 0, 0, 1, 1),
-    M(2, 4, 0.26153633255328046, 1, 0, 0, 1, 1),
-    M(3, 4, 0.5, 1, 0, 0, 1, 1),
-    M(4, 4, 1, 1, 0, 0, 1, 1)
-  ]),
-  K(6, 6, [
-    M(0, 0, -1, -1, 0, 0, 1, 1),
-    M(1, 0, -0.6, -1, 0, 0, 1, 1),
-    M(2, 0, -0.19999999999999996, -1, 0, 0, 1, 1),
-    M(3, 0, 0.19999999999999996, -1, 0, 0, 1, 1),
-    M(4, 0, 0.6000000000000001, -1, 0, 0, 1, 1),
-    M(5, 0, 1, -1, 0, 0, 1, 1),
-    M(0, 1, -1, -0.6, 0, 0, 1, 1),
-    M(1, 1, -0.6, -0.6, 0, 0, 1, 1),
-    M(2, 1, -0.10980661589020635, -0.4108069757237176, 0, 0, 1, 1),
-    M(3, 1, 0.37398525356081525, -0.437252891735175, 0, 0, 1, 1),
-    M(4, 1, 0.6000000000000001, -0.6, 0, 0, 1, 1),
-    M(5, 1, 1, -0.6, 0, 0, 1, 1),
-    M(0, 2, -1, -0.19999999999999996, 0, 0, 1, 1),
-    M(1, 2, -0.5125306585683541, -0.1780829148228924, 0, 0, 1, 1),
-    M(2, 2, -0.19999999999999996, -0.19999999999999996, 0, 0, 1, 1),
-    M(3, 2, 0.19999999999999996, -0.19999999999999996, 0, 0, 1, 1),
-    M(4, 2, 0.6485698281140977, -0.1939504644297667, 0, 0, 1, 1),
-    M(5, 2, 1, -0.19999999999999996, 0, 0, 1, 1),
-    M(0, 3, -1, 0.19999999999999996, 0, 0, 1, 1),
-    M(1, 3, -0.7321983182109801, 0.23447337495584342, 0, 0, 1, 1),
-    M(2, 3, -0.46545901721636285, 0.4619082526543773, 0, 0, 1, 1),
-    M(3, 3, -0.12549716300753677, 0.4275285618394826, -65, -36, 1.195, 2.296),
-    M(4, 3, 0.3582947064434847, -0.04320874316445944, 0, 0, 1, 1),
-    M(5, 3, 1, 0.19999999999999996, 0, 0, 1, 1),
-    M(0, 4, -1, 0.6000000000000001, 0, 0, 1, 1),
-    M(1, 4, -0.742658682955867, 0.6549634395380164, 0, 0, 1, 1),
-    M(2, 4, -0.3843911904434889, 0.7475241455781174, 0, 0, 0.535, 0.66),
-    M(3, 4, 0.07847994951775883, 0.7263674127689514, 0, 0, 1, 1),
-    M(4, 4, 0.6000000000000001, 0.6000000000000001, 0, 0, 1, 1),
-    M(5, 4, 1, 0.6000000000000001, 0, 0, 1, 1),
-    M(0, 5, -1, 1, 0, 0, 1, 1),
-    M(1, 5, -0.6, 1, 0, 0, 1, 1),
-    M(2, 5, -0.19999999999999996, 1, 0, 0, 1, 1),
-    M(3, 5, 0.19999999999999996, 1, 0, 0, 1, 1),
-    M(4, 5, 0.6000000000000001, 1, 0, 0, 1, 1),
-    M(5, 5, 1, 1, 0, 0, 1, 1)
+  pt(5, 5, [
+    E(0, 0, -1, -1, 0, 0, 1, 1),
+    E(1, 0, -0.5, -1, 0, 0, 1, 1),
+    E(2, 0, 0, -1, 0, 0, 1, 1),
+    E(3, 0, 0.5, -1, 0, 0, 1, 1),
+    E(4, 0, 1, -1, 0, 0, 1, 1),
+    E(0, 1, -1, -0.5, 0, 0, 1, 1),
+    E(1, 1, -0.5, -0.5, 0, 0, 1, 1),
+    E(2, 1, -0.0052029684413368305, -0.6131420587090777, 0, 0, 1, 1),
+    E(3, 1, 0.5884227308309977, -0.3990805107556692, 0, 0, 1, 1),
+    E(4, 1, 1, -0.5, 0, 0, 1, 1),
+    E(0, 2, -1, 0, 0, 0, 1, 1),
+    E(1, 2, -0.4210024670505933, -0.11895058380429502, 0, 0, 1, 1),
+    E(2, 2, -0.1019613423315412, -0.023812118047224606, 0, -47, 0.629, 0.849),
+    E(3, 2, 0.40275125660925437, -0.06345314544600389, 0, 0, 1, 1),
+    E(4, 2, 1, 0, 0, 0, 1, 1),
+    E(0, 3, -1, 0.5, 0, 0, 1, 1),
+    E(1, 3, 0.06801958477287173, 0.5205913248960121, -31, -45, 1, 1),
+    E(2, 3, 0.21446469120128908, 0.29331610114301043, 6, -56, 0.566, 1.321),
+    E(3, 3, 0.5, 0.5, 0, 0, 1, 1),
+    E(4, 3, 1, 0.5, 0, 0, 1, 1),
+    E(0, 4, -1, 1, 0, 0, 1, 1),
+    E(1, 4, -0.31378372841550195, 1, 0, 0, 1, 1),
+    E(2, 4, 0.26153633255328046, 1, 0, 0, 1, 1),
+    E(3, 4, 0.5, 1, 0, 0, 1, 1),
+    E(4, 4, 1, 1, 0, 0, 1, 1)
   ]),
   // TODO: 横屏推荐
-  K(4, 4, [
-    M(0, 0, -1, -1, 0, 0, 1, 1),
-    M(1, 0, -0.33333333333333337, -1, 0, 0, 1, 1),
-    M(2, 0, 0.33333333333333326, -1, 0, 0, 1, 1),
-    M(3, 0, 1, -1, 0, 0, 1, 1),
-    M(0, 1, -1, -0.04495399932657351, 0, 0, 1, 1),
-    M(1, 1, -0.24056117520129328, -0.22465999020104, 0, 0, 1, 1),
-    M(2, 1, 0.334758885767489, -0.00531297192779423, 0, 0, 1, 1),
-    M(3, 1, 0.9989920470678106, -0.3382976020775408, 8, 0, 0.566, 1.792),
-    M(0, 2, -1, 0.33333333333333326, 0, 0, 1, 1),
-    M(1, 2, -0.3425497314639411, -27501607956947893e-21, 0, 0, 1, 1),
-    M(2, 2, 0.3321437945812673, 0.1981776353859399, 0, 0, 1, 1),
-    M(3, 2, 1, 0.0766118180296832, 0, 0, 1, 1),
-    M(0, 3, -1, 1, 0, 0, 1, 1),
-    M(1, 3, -0.33333333333333337, 1, 0, 0, 1, 1),
-    M(2, 3, 0.33333333333333326, 1, 0, 0, 1, 1),
-    M(3, 3, 1, 1, 0, 0, 1, 1)
+  pt(4, 4, [
+    E(0, 0, -1, -1, 0, 0, 1, 1),
+    E(1, 0, -0.33333333333333337, -1, 0, 0, 1, 1),
+    E(2, 0, 0.33333333333333326, -1, 0, 0, 1, 1),
+    E(3, 0, 1, -1, 0, 0, 1, 1),
+    E(0, 1, -1, -0.04495399932657351, 0, 0, 1, 1),
+    E(1, 1, -0.24056117520129328, -0.22465999020104, 0, 0, 1, 1),
+    E(2, 1, 0.334758885767489, -0.00531297192779423, 0, 0, 1, 1),
+    E(3, 1, 0.9989920470678106, -0.3382976020775408, 8, 0, 0.566, 1.792),
+    E(0, 2, -1, 0.33333333333333326, 0, 0, 1, 1),
+    E(1, 2, -0.3425497314639411, -27501607956947893e-21, 0, 0, 1, 1),
+    E(2, 2, 0.3321437945812673, 0.1981776353859399, 0, 0, 1, 1),
+    E(3, 2, 1, 0.0766118180296832, 0, 0, 1, 1),
+    E(0, 3, -1, 1, 0, 0, 1, 1),
+    E(1, 3, -0.33333333333333337, 1, 0, 0, 1, 1),
+    E(2, 3, 0.33333333333333326, 1, 0, 0, 1, 1),
+    E(3, 3, 1, 1, 0, 0, 1, 1)
   ]),
-  K(4, 4, [
-    M(0, 0, -1, -1, 0, 0, 1, 2.075),
-    M(1, 0, -0.33333333333333337, -1, 0, 0, 1, 1),
-    M(2, 0, 0.33333333333333326, -1, 0, 0, 1, 1),
-    M(3, 0, 1, -1, 0, 0, 1, 1),
-    M(0, 1, -1, -0.4545779491139603, 0, 0, 1, 1),
-    M(1, 1, -0.33333333333333337, -0.33333333333333337, 0, 0, 1, 1),
-    M(2, 1, 0.0889403142626457, -0.6025711180694033, -32, 45, 1, 1),
-    M(3, 1, 1, -0.33333333333333337, 0, 0, 1, 1),
-    M(0, 2, -1, -0.07402408608567845, 1, 0, 1, 0.094),
-    M(1, 2, -0.2719422694359541, 0.09775369930903222, 25, -18, 1.321, 0),
-    M(2, 2, 0.19877414408395877, 0.4307383294587789, 48, -40, 0.755, 0.975),
-    M(3, 2, 1, 0.33333333333333326, -37, 0, 1, 1),
-    M(0, 3, -1, 1, 0, 0, 1, 1),
-    M(1, 3, -0.33333333333333337, 1, 0, 0, 1, 1),
-    M(2, 3, 0.5125850864305672, 1, -20, -18, 0, 1.604),
-    M(3, 3, 1, 1, 0, 0, 1, 1)
+  pt(4, 4, [
+    E(0, 0, -1, -1, 0, 0, 1, 2.075),
+    E(1, 0, -0.33333333333333337, -1, 0, 0, 1, 1),
+    E(2, 0, 0.33333333333333326, -1, 0, 0, 1, 1),
+    E(3, 0, 1, -1, 0, 0, 1, 1),
+    E(0, 1, -1, -0.4545779491139603, 0, 0, 1, 1),
+    E(1, 1, -0.33333333333333337, -0.33333333333333337, 0, 0, 1, 1),
+    E(2, 1, 0.0889403142626457, -0.6025711180694033, -32, 45, 1, 1),
+    E(3, 1, 1, -0.33333333333333337, 0, 0, 1, 1),
+    E(0, 2, -1, -0.07402408608567845, 1, 0, 1, 0.094),
+    E(1, 2, -0.2719422694359541, 0.09775369930903222, 25, -18, 1.321, 0),
+    E(2, 2, 0.19877414408395877, 0.4307383294587789, 48, -40, 0.755, 0.975),
+    E(3, 2, 1, 0.33333333333333326, -37, 0, 1, 1),
+    E(0, 3, -1, 1, 0, 0, 1, 1),
+    E(1, 3, -0.33333333333333337, 1, 0, 0, 1, 1),
+    E(2, 3, 0.5125850864305672, 1, -20, -18, 0, 1.604),
+    E(3, 3, 1, 1, 0, 0, 1, 1)
   ]),
-  K(4, 4, [
-    M(0, 0, -1, -1, 0, 0, 1, 1),
-    M(1, 0, -0.04704442742088466, -1, 0, 14, 2.013, 3.522),
-    M(2, 0, 0.5910378220172194, -1, 0, 0, 1, 1),
-    M(3, 0, 1, -1, 0, 0, 1, 1),
-    M(0, 1, -1, -0.33333333333333337, 0, 0, 1, 1),
-    M(1, 1, -0.13072734537998032, -0.20616084408160962, 0, 0, 1, 1),
-    M(2, 1, 0.5178152688030109, -0.45722068427387885, 0, 0, 1, 1),
-    M(3, 1, 1, -0.5021471819924956, 0, 0, 1, 1),
-    M(0, 2, -1, 0.33333333333333326, 0, 0, 1, 1),
-    M(1, 2, -0.4210024670505933, 0.2563178089041497, 0, 0, 1, 1),
-    M(2, 2, 0.11247613493864139, -0.050239469646410795, 4, -2, 0.849, 1.132),
-    M(3, 2, 1, -0.08195229156543427, 0, 0, 1, 1),
-    M(0, 3, -1, 1, 0, 0, 1, 1),
-    M(1, 3, -0.33333333333333337, 1, 0, 0, 1, 1),
-    M(2, 3, 0.33333333333333326, 1, 0, 0, 1, 1),
-    M(3, 3, 1, 1, 0, 0, 1, 1)
-  ]),
-  K(5, 5, [
-    M(0, 0, -1, -1, 0, 0, 1, 1),
-    M(1, 0, -0.632824853134554, -1, 0, -31, 1.101, 1.038),
-    M(2, 0, -0.1019613423315412, -1, 0, 0, 1, 1),
-    M(3, 0, 0.7348678372594151, -1, 0, 39, 0.66, 2.421),
-    M(4, 0, 1, -1, 0, 0, 1, 1),
-    M(0, 1, -1, -0.5, 0, 0, 1, 1),
-    M(1, 1, -0.7165077710936496, -0.5100753874722515, 0, 0, 0.629, 1),
-    M(2, 1, -0.5491419351754585, -0.4149369217151808, 16, 25, 1, 1.478),
-    M(3, 1, 0.5021247216856803, -0.5523591500309495, 0, 44, 0.629, 1.509),
-    M(4, 1, 1, -0.5, 0, 0, 1, 1),
-    M(0, 2, -1, 0, 0, 0, 1, 1),
-    M(1, 2, -0.6851266768589888, -0.013241177407550042, 0, 0, 1, 1),
-    M(2, 2, -0.36347046095371505, -0.09252323220510883, -23, -31, 1, 1),
-    M(3, 2, 0.08371013189020227, -0.11630784864437649, 0, 0, 0.409, 1),
-    M(4, 2, 1, -0.002670236767875478, 0, 0, 1, 1),
-    M(0, 3, -1, 0.5, 0, 0, 1, 1),
-    M(1, 3, -0.3294742755328324, 0.6844409048109668, -3, 19, 1.415, 1),
-    M(2, 3, 0.028793216979545733, 0.36202721530089466, 6, 0, 1.541, 0.472),
-    M(3, 3, 0.5230454511754543, 0.2801024253434172, 10, -42, 0, 1.352),
-    M(4, 3, 1, 0.5, -3, 0, 1.981, 2.17),
-    M(0, 4, -1, 1, 0, 0, 1, 1),
-    M(1, 4, -0.48114956433369327, 1, 0, 53, 0, 1.509),
-    M(2, 4, 0, 1, 0, 0, 1, 1),
-    M(3, 4, 0.6093434603207717, 1, 0, 0, 0.629, 1),
-    M(4, 4, 1, 1, 0, 0, 1, 1)
+  pt(5, 5, [
+    E(0, 0, -1, -1, 0, 0, 1, 1),
+    E(1, 0, -0.4501953125, -1, 0, 55, 1, 2.075),
+    E(2, 0, 0.1953125, -1, 0, 0, 1, 1),
+    E(3, 0, 0.4580078125, -1, 0, -25, 1, 1),
+    E(4, 0, 1, -1, 0, 0, 1, 1),
+    E(0, 1, -1, -0.2514475377525607, -16, 0, 2.327, 0.943),
+    E(1, 1, -0.55859375, -0.6609325945787148, 47, 0, 2.358, 0.377),
+    E(2, 1, 0.232421875, -0.5244375756366635, -66, -25, 1.855, 1.164),
+    E(3, 1, 0.685546875, -0.3753706470552125, 0, 0, 1, 1),
+    E(4, 1, 1, -0.6699125300354287, 0, 0, 1, 1),
+    E(0, 2, -1, 0.035910396862284255, 0, 0, 1, 1),
+    E(1, 2, -0.4921875, 0.005378616309457018, 90, 23, 1, 1.981),
+    E(2, 2, 0.021484375, -0.1365043639066228, 0, 42, 1, 1),
+    E(3, 2, 0.4765625, 0.05925822904974043, -30, 0, 1.95, 0.44),
+    E(4, 2, 1, 0.251428847823418, 0, 0, 1, 1),
+    E(0, 3, -1, 0.6968336464764276, -68, 0, 1, 0.786),
+    E(1, 3, -0.6904296875, 0.5890744209958608, -68, 0, 1, 1),
+    E(2, 3, 0.1845703125, 0.3879238667654693, 61, 0, 1, 1),
+    E(3, 3, 0.60546875, 0.4633553246018661, -47, -59, 0.849, 1.73),
+    E(4, 3, 1, 0.6214021886400309, -33, 0, 0.377, 1.604),
+    E(0, 4, -1, 1, 0, 0, 1, 1),
+    E(1, 4, -0.5, 1, 0, -73, 1, 1),
+    E(2, 4, -0.3271484375, 1, 0, -24, 0.314, 2.704),
+    E(3, 4, 0.5, 1, 0, 0, 1, 1),
+    E(4, 4, 1, 1, 0, 0, 1, 1)
   ])
-], Ce = `precision highp float;
-
-varying vec3 v_color;
-varying vec2 v_uv;
-uniform sampler2D u_texture;
-uniform float u_time;
-uniform float u_volume;
-uniform float u_alpha;
-
-/* Gradient noise from Jorge Jimenez's presentation: */
-/* http://www.iryoku.com/next-generation-post-processing-in-call-of-duty-advanced-warfare */
-float gradientNoise(in vec2 uv) {
-    return fract(52.9829189 * fract(dot(uv, vec2(0.06711056, 0.00583715))));
+], j = (m, t) => Math.random() * (t - m) + m;
+function De(m, t, e) {
+  return Math.min(Math.max(m, t), e);
+}
+function Fe(m, t, e) {
+  const s = De((e - m) / (t - m), 0, 1);
+  return s * s * (3 - 2 * s);
+}
+function Ae(m, t, e, s = 2, i = 0.5, n = 0.1) {
+  let r = [], a = i;
+  for (let c = 0; c < e; c++) {
+    r[c] = [];
+    for (let l = 0; l < t; l++)
+      r[c][l] = m[c * t + l];
+  }
+  const o = [
+    [1, 2, 1],
+    [2, 4, 2],
+    [1, 2, 1]
+  ], h = 16;
+  for (let c = 0; c < s; c++) {
+    const l = [];
+    for (let p = 0; p < e; p++) {
+      l[p] = [];
+      for (let u = 0; u < t; u++) {
+        if (u === 0 || u === t - 1 || p === 0 || p === e - 1) {
+          l[p][u] = r[p][u];
+          continue;
+        }
+        let g = 0, M = 0, d = 0, y = 0, b = 0, w = 0;
+        for (let V = -1; V <= 1; V++)
+          for (let G = -1; G <= 1; G++) {
+            const J = o[V + 1][G + 1], Q = r[p + V][u + G];
+            g += Q.x * J, M += Q.y * J, d += Q.ur * J, y += Q.vr * J, b += Q.up * J, w += Q.vp * J;
+          }
+        const L = g / h, x = M / h, S = d / h, T = y / h, z = b / h, P = w / h, I = r[p][u], v = I.x * (1 - a) + L * a, D = I.y * (1 - a) + x * a, F = I.ur * (1 - a) + S * a, R = I.vr * (1 - a) + T * a, k = I.up * (1 - a) + z * a, $ = I.vp * (1 - a) + P * a;
+        l[p][u] = E(u, p, v, D, F, R, k, $);
+      }
+    }
+    r = l, a = Math.min(1, Math.max(a + n, 0));
+  }
+  for (let c = 0; c < e; c++)
+    for (let l = 0; l < t; l++)
+      m[c * t + l] = r[c][l];
+}
+function Mt(m, t) {
+  return _e(Math.sin(m * 12.9898 + t * 78.233) * 43758.5453);
 }
-
-vec2 rot(vec2 v, float a) {
-    float s = sin(a);
-    float c = cos(a);
-    mat2 m = mat2(c, s, -s, c);
-    return m * v;
+function _e(m) {
+  return m - Math.floor(m);
 }
-
-void main() {
-    float dither = (1.0 / 255.0) * gradientNoise(gl_FragCoord.xy) - (0.5 / 255.0);
-    vec4 result = texture2D(u_texture, rot(v_uv * max(1.0, 1.0 + u_volume), u_time + u_volume));
-    result *= vec4(v_color, u_alpha);
-    result *= vec4(1.0 - u_volume * 0.1);
-    result += vec4(dither);
-    gl_FragColor = result;
+function Re(m, t) {
+  const e = Math.floor(m), s = Math.floor(t), i = e + 1, n = s + 1, r = m - e, a = t - s, o = r * r * (3 - 2 * r), h = a * a * (3 - 2 * a), c = Mt(e, s), l = Mt(i, s), p = Mt(e, n), u = Mt(i, n), g = c * (1 - o) + l * o, M = p * (1 - o) + u * o;
+  return g * (1 - h) + M * h;
 }
-`, Oe = `precision highp float;
-
-attribute vec2 a_pos;
-attribute vec3 a_color;
-attribute vec2 a_uv;
-varying vec3 v_color;
-varying vec2 v_uv;
-
-uniform float u_aspect;
-
-void main() {
-    v_color = a_color;
-    v_uv = a_uv;
-    vec2 pos = a_pos;
-    if (u_aspect > 1.0) {
-        pos.y *= u_aspect;
-    } else {
-        pos.x /= u_aspect;
+function Ce(m, t, e, s = 1e-3) {
+  const i = m(t + s, e), n = m(t - s, e), r = m(t, e + s), a = m(t, e - s), o = (i - n) / (2 * s), h = (r - a) / (2 * s), c = Math.sqrt(o * o + h * h) || 1;
+  return [o / c, h / c];
+}
+function Oe(m, t, e = j(0.4, 0.6), s = j(0.3, 0.6), i = 0.8, n = Math.floor(j(3, 5)), r = j(0.2, 0.3), a = j(-0.1, -0.05)) {
+  const o = m, h = t, c = [], l = 2 / (o - 1), p = 2 / (h - 1);
+  for (let u = 0; u < h; u++)
+    for (let g = 0; g < o; g++) {
+      const M = g / (o - 1) * 2 - 1, d = u / (h - 1) * 2 - 1, y = g === 0 || g === o - 1 || u === 0 || u === h - 1, b = y ? 0 : j(-e * l, e * l), w = y ? 0 : j(-e * p, e * p);
+      let L = M + b, x = d + w;
+      const S = y ? 0 : j(-60, 60), T = y ? 0 : j(-60, 60), z = y ? 1 : j(0.8, 1.2), P = y ? 1 : j(0.8, 1.2);
+      if (!y) {
+        const I = (M + 1) / 2, v = (d + 1) / 2, [D, F] = Ce(Re, I, v, 1e-3);
+        let R = D * s, k = F * s;
+        const $ = Math.min(I, 1 - I, v, 1 - v), V = Fe(0, 1, $);
+        R *= V, k *= V, L = L * (1 - i) + (L + R) * i, x = x * (1 - i) + (x + k) * i;
+      }
+      c.push(E(g, u, L, x, S, T, z, P));
     }
-    gl_Position = vec4(pos, 0.0, 1.0);
+  return Ae(c, o, h, n, r, a), pt(o, h, c);
 }
+const Ne = `precision highp float;\r
+\r
+varying vec3 v_color;\r
+varying vec2 v_uv;\r
+uniform sampler2D u_texture;\r
+uniform float u_time;\r
+uniform float u_volume;\r
+uniform float u_alpha;\r
+\r
+/* Gradient noise from Jorge Jimenez's presentation: */\r
+/* http://www.iryoku.com/next-generation-post-processing-in-call-of-duty-advanced-warfare */\r
+float gradientNoise(in vec2 uv) {\r
+    return fract(52.9829189 * fract(dot(uv, vec2(0.06711056, 0.00583715))));\r
+}\r
+\r
+vec2 rot(vec2 v, float a) {\r
+    float s = sin(a);\r
+    float c = cos(a);\r
+    mat2 m = mat2(c, s, -s, c);\r
+    return m * v;\r
+}\r
+\r
+void main() {\r
+    float dither = (1.0 / 255.0) * gradientNoise(gl_FragCoord.xy) - (0.5 / 255.0);\r
+    vec2 centeredUV = v_uv - vec2(0.2);\r
+    vec2 rotatedUV = rot(centeredUV, (u_time + u_volume) * 2.0);\r
+    vec2 finalUV = rotatedUV * max(0.001, 1.0 - u_volume * 2.0) + vec2(0.5);\r
+    vec4 result = texture2D(u_texture, finalUV);\r
+    result *= vec4(v_color, u_alpha);\r
+    result *= vec4(max(0.5, 1.0 - u_volume / 2.0));\r
+    result += vec4(dither);\r
+    gl_FragColor = result;\r
+}`, We = `precision highp float;\r
+\r
+attribute vec2 a_pos;\r
+attribute vec3 a_color;\r
+attribute vec2 a_uv;\r
+varying vec3 v_color;\r
+varying vec2 v_uv;\r
+\r
+uniform float u_aspect;\r
+\r
+void main() {\r
+    v_color = a_color;\r
+    v_uv = a_uv;\r
+    vec2 pos = a_pos;\r
+    if (u_aspect > 1.0) {\r
+        pos.y *= u_aspect;\r
+    } else {\r
+        pos.x /= u_aspect;\r
+    }\r
+    gl_Position = vec4(pos, 0.0, 1.0);\r
+}\r
 `;
-class We {
+class Be {
   constructor(t, e, s, i = "unknown") {
     f(this, "gl");
     f(this, "program");
@@ -3955,8 +3977,8 @@ class We {
     for (let a = 0; a < n; a++) {
       const o = t.getActiveAttrib(this.program, a);
       if (!o) continue;
-      const c = t.getAttribLocation(this.program, o.name);
-      c !== -1 && (r[o.name] = c);
+      const h = t.getAttribLocation(this.program, o.name);
+      h !== -1 && (r[o.name] = h);
     }
     this.attrs = r;
   }
@@ -4003,7 +4025,7 @@ class We {
     t.deleteShader(this.vertexShader), t.deleteShader(this.fragmentShader), t.deleteProgram(this.program);
   }
 }
-class Ne {
+class qe {
   constructor(t, e, s, i) {
     f(this, "vertexWidth", 0);
     f(this, "vertexHeight", 0);
@@ -4069,8 +4091,8 @@ class Ne {
     this.vertexData = s, this.indexData = i;
     for (let r = 0; r < e; r++)
       for (let a = 0; a < t; a++) {
-        const o = a / (t - 1) * 2 - 1, c = r / (e - 1) * 2 - 1;
-        this.setVertexPos(a, r, o || 0, c || 0), this.setVertexColor(a, r, 1, 1, 1), this.setVertexUV(a, r, a / (t - 1), r / (e - 1));
+        const o = a / (t - 1) * 2 - 1, h = r / (e - 1) * 2 - 1;
+        this.setVertexPos(a, r, o || 0, h || 0), this.setVertexColor(a, r, 1, 1, 1), this.setVertexUV(a, r, a / (t - 1), r / (e - 1));
       }
     for (let r = 0; r < e - 1; r++)
       for (let a = 0; a < t - 1; a++)
@@ -4096,12 +4118,12 @@ class Ne {
     this.gl.deleteBuffer(this.vertexBuffer), this.gl.deleteBuffer(this.indexBuffer);
   }
 }
-class Be {
+class $e {
   constructor() {
-    f(this, "color", W.fromValues(1, 1, 1));
-    f(this, "location", R.fromValues(0, 0));
-    f(this, "uTangent", R.fromValues(0, 0));
-    f(this, "vTangent", R.fromValues(0, 0));
+    f(this, "color", O.fromValues(1, 1, 1));
+    f(this, "location", C.fromValues(0, 0));
+    f(this, "uTangent", C.fromValues(0, 0));
+    f(this, "vTangent", C.fromValues(0, 0));
     f(this, "_uRot", 0);
     f(this, "_vRot", 0);
     f(this, "_uScale", 1);
@@ -4139,27 +4161,27 @@ class Be {
     this.vTangent[0] = -Math.sin(this._vRot) * this._vScale, this.vTangent[1] = Math.cos(this._vRot) * this._vScale;
   }
 }
-const ct = _.fromValues(2, -2, 1, 1, -3, 3, -2, -1, 0, 0, 1, 0, 1, 0, 0, 0), pt = _.clone(ct).transpose(), Z = F.create(), gt = F.create(), tt = F.create(), et = _.create(), st = _.create();
-function $e(d, t, e, s, i = R.create()) {
-  Z[0] = d ** 3, Z[1] = d ** 2, Z[2] = d, Z[3] = 1, gt.copy(Z), tt[0] = t ** 3, tt[1] = t ** 2, tt[2] = t, tt[3] = 1, et.copy(e).transpose(), _.mul(et, et, ct), _.mul(et, pt, et), F.transformMat4(Z, Z, et);
-  const n = tt.dot(Z);
-  st.copy(s).transpose(), _.mul(st, st, ct), _.mul(st, pt, st), F.transformMat4(gt, gt, st);
-  const r = tt.dot(gt);
+const dt = _.fromValues(2, -2, 1, 1, -3, 3, -2, -1, 0, 0, 1, 0, 1, 0, 0, 0), ft = _.clone(dt).transpose(), et = A.create(), Lt = A.create(), nt = A.create(), rt = _.create(), at = _.create();
+function Ve(m, t, e, s, i = C.create()) {
+  et[0] = m ** 3, et[1] = m ** 2, et[2] = m, et[3] = 1, Lt.copy(et), nt[0] = t ** 3, nt[1] = t ** 2, nt[2] = t, nt[3] = 1, rt.copy(e).transpose(), _.mul(rt, rt, dt), _.mul(rt, ft, rt), A.transformMat4(et, et, rt);
+  const n = nt.dot(et);
+  at.copy(s).transpose(), _.mul(at, at, dt), _.mul(at, ft, at), A.transformMat4(Lt, Lt, at);
+  const r = nt.dot(Lt);
   return i.x = n, i.y = r, i;
 }
-function Zt(d, t, e, s, i, n = _.create()) {
-  const r = (c) => c.location[i], a = (c) => c.uTangent[i], o = (c) => c.vTangent[i];
-  return n[0] = r(d), n[1] = r(t), n[2] = o(d), n[3] = o(t), n[4] = r(e), n[5] = r(s), n[6] = o(e), n[7] = o(s), n[8] = a(d), n[9] = a(t), n[10] = 0, n[11] = 0, n[12] = a(e), n[13] = a(s), n[14] = 0, n[15] = 0, n;
+function Gt(m, t, e, s, i, n = _.create()) {
+  const r = (h) => h.location[i], a = (h) => h.uTangent[i], o = (h) => h.vTangent[i];
+  return n[0] = r(m), n[1] = r(t), n[2] = o(m), n[3] = o(t), n[4] = r(e), n[5] = r(s), n[6] = o(e), n[7] = o(s), n[8] = a(m), n[9] = a(t), n[10] = 0, n[11] = 0, n[12] = a(e), n[13] = a(s), n[14] = 0, n[15] = 0, n;
 }
-function Ft(d, t, e, s, i, n = _.create()) {
+function Dt(m, t, e, s, i, n = _.create()) {
   const r = (a) => a.color[i];
-  return n.fill(0), n[0] = r(d), n[1] = r(t), n[4] = r(e), n[5] = r(s), n;
+  return n.fill(0), n[0] = r(m), n[1] = r(t), n[4] = r(e), n[5] = r(s), n;
 }
-const G = F.create(), Lt = F.create(), Mt = F.create(), J = F.create(), it = _.create(), nt = _.create(), rt = _.create(), bt = W.create();
-function qe(d, t, e, s, i) {
-  return G[0] = d ** 3, G[1] = d ** 2, G[2] = d, G[3] = 1, Lt.copy(G), Mt.copy(G), J[0] = t ** 3, J[1] = t ** 2, J[2] = t, J[3] = 1, it.copy(e).transpose(), _.mul(it, it, ct), _.mul(it, pt, it), F.transformMat4(G, G, it), bt.r = J.dot(G), nt.copy(s).transpose(), _.mul(nt, nt, ct), _.mul(nt, pt, nt), F.transformMat4(Lt, Lt, nt), bt.g = J.dot(Lt), rt.copy(i).transpose(), _.mul(rt, rt, ct), _.mul(rt, pt, rt), F.transformMat4(Mt, Mt, rt), bt.b = J.dot(Mt), bt;
+const K = A.create(), bt = A.create(), xt = A.create(), st = A.create(), ot = _.create(), ct = _.create(), ht = _.create(), Tt = O.create();
+function He(m, t, e, s, i) {
+  return K[0] = m ** 3, K[1] = m ** 2, K[2] = m, K[3] = 1, bt.copy(K), xt.copy(K), st[0] = t ** 3, st[1] = t ** 2, st[2] = t, st[3] = 1, ot.copy(e).transpose(), _.mul(ot, ot, dt), _.mul(ot, ft, ot), A.transformMat4(K, K, ot), Tt.r = st.dot(K), ct.copy(s).transpose(), _.mul(ct, ct, dt), _.mul(ct, ft, ct), A.transformMat4(bt, bt, ct), Tt.g = st.dot(bt), ht.copy(i).transpose(), _.mul(ht, ht, dt), _.mul(ht, ft, ht), A.transformMat4(xt, xt, ht), Tt.b = st.dot(xt), Tt;
 }
-class He {
+class Ue {
   constructor(t, e) {
     f(this, "_width", 0);
     f(this, "_height", 0);
@@ -4182,20 +4204,20 @@ class He {
     return this._height;
   }
 }
-class je extends Ne {
+class Ye extends qe {
   constructor(e, s, i, n) {
     super(e, s, i, n);
     /**
      * 细分级别，越大曲线越平滑，但是性能消耗也越大
      */
     f(this, "_subDivisions", 10);
-    f(this, "_controlPoints", new He(3, 3));
+    f(this, "_controlPoints", new Ue(3, 3));
     f(this, "uMX", _.create());
     f(this, "uMY", _.create());
     f(this, "uMR", _.create());
     f(this, "uMG", _.create());
     f(this, "uMB", _.create());
-    f(this, "tmpV2", R.create());
+    f(this, "tmpV2", C.create());
     this.resizeControlPoints(3, 3), Object.seal(this);
   }
   setWireFrame(e) {
@@ -4223,7 +4245,7 @@ class je extends Ne {
     this._controlPoints.resize(e, s);
     for (let i = 0; i < s; i++)
       for (let n = 0; n < e; n++) {
-        const r = new Be();
+        const r = new $e();
         r.location.x = n / (e - 1) * 2 - 1, r.location.y = i / (s - 1) * 2 - 1, r.uTangent.x = 2 / (e - 1), r.vTangent.y = 2 / (s - 1), this._controlPoints.set(n, i, r);
       }
     this.resetSubdivition(this._subDivisions);
@@ -4247,31 +4269,31 @@ class je extends Ne {
     const e = this._subDivisions - 1, s = e * (this._controlPoints.height - 1), i = e * (this._controlPoints.width - 1);
     for (let n = 0; n < this._controlPoints.width - 1; n++)
       for (let r = 0; r < this._controlPoints.height - 1; r++) {
-        const a = this._controlPoints.get(n, r), o = this._controlPoints.get(n, r + 1), c = this._controlPoints.get(n + 1, r), h = this._controlPoints.get(n + 1, r + 1), l = Zt(a, o, c, h, "x", this.uMX), p = Zt(a, o, c, h, "y", this.uMY), u = Ft(a, o, c, h, "r", this.uMR), y = Ft(a, o, c, h, "g", this.uMG), L = Ft(a, o, c, h, "b", this.uMB), m = n / (this._controlPoints.width - 1), g = r / (this._controlPoints.height - 1);
+        const a = this._controlPoints.get(n, r), o = this._controlPoints.get(n, r + 1), h = this._controlPoints.get(n + 1, r), c = this._controlPoints.get(n + 1, r + 1), l = Gt(a, o, h, c, "x", this.uMX), p = Gt(a, o, h, c, "y", this.uMY), u = Dt(a, o, h, c, "r", this.uMR), g = Dt(a, o, h, c, "g", this.uMG), M = Dt(a, o, h, c, "b", this.uMB), d = n / (this._controlPoints.width - 1), y = r / (this._controlPoints.height - 1);
         for (let b = 0; b < this._subDivisions; b++)
-          for (let S = 0; S < this._subDivisions; S++) {
-            const x = r * this._subDivisions + b, T = n * this._subDivisions + S, [E, w] = $e(
+          for (let w = 0; w < this._subDivisions; w++) {
+            const L = r * this._subDivisions + b, x = n * this._subDivisions + w, [S, T] = Ve(
               b / e,
-              S / e,
+              w / e,
               l,
               p,
               this.tmpV2
             );
-            this.setVertexPos(x, T, E, w), this.setVertexUV(x, T, m + S / i, 1 - g - b / s);
-            const [z, v, k] = qe(
+            this.setVertexPos(L, x, S, T), this.setVertexUV(L, x, d + w / i, 1 - y - b / s);
+            const [z, P, I] = He(
               b / e,
-              S / e,
+              w / e,
               u,
-              y,
-              L
+              g,
+              M
             );
-            this.setVertexColor(x, T, z, v, k);
+            this.setVertexColor(L, x, z, P, I);
           }
       }
     this.update();
   }
 }
-class Jt {
+class Xt {
   constructor(t, e) {
     f(this, "tex");
     this.gl = t;
@@ -4293,17 +4315,18 @@ class Jt {
     this.gl.deleteTexture(this.tex);
   }
 }
-function Ye(d, t) {
-  if ("OffscreenCanvas" in window) return new OffscreenCanvas(d, t);
+function je(m, t) {
+  if ("OffscreenCanvas" in window) return new OffscreenCanvas(m, t);
   const e = document.createElement("canvas");
-  return e.width = d, e.height = t, e;
+  return e.width = m, e.height = t, e;
 }
-class Li extends re {
+class hi extends re {
   constructor(e) {
     super(e);
     f(this, "gl");
     f(this, "lastFrameTime", 0);
     f(this, "frameTime", 0);
+    f(this, "currentImageData");
     f(this, "lastTickTime", 0);
     f(this, "volume", 0);
     f(this, "tickHandle", 0);
@@ -4312,22 +4335,23 @@ class Li extends re {
     f(this, "staticMode", !1);
     f(this, "mainProgram");
     f(this, "manualControl", !1);
-    f(this, "reduceImageSizeCanvas", Ye(
+    f(this, "reduceImageSizeCanvas", je(
       32,
       32
     ));
-    f(this, "targetSize", R.fromValues(0, 0));
-    f(this, "currentSize", R.fromValues(0, 0));
+    f(this, "targetSize", C.fromValues(0, 0));
+    f(this, "currentSize", C.fromValues(0, 0));
+    f(this, "isNoCover", !0);
     f(this, "meshStates", []);
     f(this, "_disposed", !1);
     f(this, "onTickBinded", this.onTick.bind(this));
     f(this, "supportTextureFloat", !0);
     const s = e.getContext("webgl");
     if (!s) throw new Error("WebGL not supported");
-    s.getExtension("EXT_color_buffer_float") || console.warn("EXT_color_buffer_float not supported"), s.getExtension("EXT_float_blend") || (console.warn("EXT_float_blend not supported"), this.supportTextureFloat = !1), s.getExtension("OES_texture_float_linear") || console.warn("OES_texture_float_linear not supported"), s.getExtension("OES_texture_float") || (this.supportTextureFloat = !1, console.warn("OES_texture_float not supported")), this.gl = s, s.enable(s.BLEND), s.enable(s.DEPTH_TEST), s.depthFunc(s.ALWAYS), this.mainProgram = new We(
+    s.getExtension("EXT_color_buffer_float") || console.warn("EXT_color_buffer_float not supported"), s.getExtension("EXT_float_blend") || (console.warn("EXT_float_blend not supported"), this.supportTextureFloat = !1), s.getExtension("OES_texture_float_linear") || console.warn("OES_texture_float_linear not supported"), s.getExtension("OES_texture_float") || (this.supportTextureFloat = !1, console.warn("OES_texture_float not supported")), this.gl = s, s.enable(s.BLEND), s.enable(s.DEPTH_TEST), s.depthFunc(s.ALWAYS), this.mainProgram = new Be(
       s,
-      Oe,
-      Ce,
+      We,
+      Ne,
       "main-program-mg"
     ), this.requestTick();
   }
@@ -4363,7 +4387,7 @@ class Li extends re {
       this.requestTick();
       return;
     }
-    this.frameTime += i, this.onRedraw(this.frameTime, i) && this.staticMode ? this.staticMode && (this.lastFrameTime = Number.NaN) : this.requestTick(), this.lastTickTime = e;
+    this.frameTime += i * this.flowSpeed, this.onRedraw(this.frameTime, i) && this.staticMode ? this.staticMode && (this.lastFrameTime = Number.NaN) : this.requestTick(), this.lastTickTime = e;
   }
   checkIfResize() {
     const [e, s] = [this.targetSize.x, this.targetSize.y], [i, n] = [this.currentSize.x, this.currentSize.y];
@@ -4376,14 +4400,26 @@ class Li extends re {
   onRedraw(e, s) {
     const i = this.meshStates[this.meshStates.length - 1];
     let n = !1;
-    if (i) {
-      if (i.mesh.bind(), this.manualControl && i.mesh.updateMesh(), i.alpha = Math.min(1, i.alpha + s / 500), i.alpha >= 1) {
-        const a = this.meshStates.splice(0, this.meshStates.length - 1);
+    if (i)
+      if (i.mesh.bind(), this.manualControl && i.mesh.updateMesh(), this.isNoCover) {
+        for (const o of this.meshStates)
+          o.alpha = Math.max(0, o.alpha - s / 500);
+        const a = this.meshStates.filter((o) => o.alpha === 0);
+        this.meshStates = this.meshStates.filter((o) => o.alpha > 0);
         for (const o of a)
           o.mesh.dispose(), o.texture.dispose();
+        this.meshStates.length === 0 && (n = !0);
+      } else {
+        if (i.alpha = Math.min(
+          1,
+          i.alpha + s / 500
+        ), i.alpha >= 1) {
+          const a = this.meshStates.splice(0, this.meshStates.length - 1);
+          for (const o of a)
+            o.mesh.dispose(), o.texture.dispose();
+        }
+        this.meshStates.length === 1 && i.alpha >= 1 && (n = !0);
       }
-      this.meshStates.length === 1 && i.alpha >= 1 && (n = !0);
-    }
     const r = this.gl;
     r.bindFramebuffer(r.FRAMEBUFFER, null), r.blendFunc(r.SRC_ALPHA, r.ONE_MINUS_SRC_ALPHA), r.clear(r.COLOR_BUFFER_BIT), this.checkIfResize(), this.mainProgram.use(), r.activeTexture(r.TEXTURE0), this.mainProgram.setUniform1f("u_time", e / 1e4), this.mainProgram.setUniform1f(
       "u_aspect",
@@ -4412,8 +4448,10 @@ class Li extends re {
     this.paused = !1, this.requestTick();
   }
   async setAlbum(e, s) {
-    if (typeof e == "string" && e.trim().length === 0)
-      throw new Error("Empty album url");
+    if (e === void 0 || typeof e == "string" && e.trim().length === 0) {
+      this.isNoCover = !0;
+      return;
+    }
     let i = null, n = 5;
     for (; !i && n > 0; )
       try {
@@ -4427,40 +4465,44 @@ class Li extends re {
           }
         ), n--;
       }
-    if (!i) return;
+    if (!i) {
+      console.error("Failed to load album resource", e), this.isNoCover = !0;
+      return;
+    }
+    this.isNoCover = !1;
     const r = this.reduceImageSizeCanvas, a = r.getContext("2d", {
       willReadFrequently: !0
     });
     if (!a) throw new Error("Failed to create canvas context");
     a.clearRect(0, 0, r.width, r.height);
-    const o = i instanceof HTMLVideoElement ? i.videoWidth : i.naturalWidth, c = i instanceof HTMLVideoElement ? i.videoHeight : i.naturalHeight;
-    if (o * c === 0) throw new Error("Invalid image size");
-    a.drawImage(i, 0, 0, o, c, 0, 0, r.width, r.height);
-    const h = a.getImageData(0, 0, r.width, r.height);
-    if (Gt(h, 0.4), Ae(h, 3), Gt(h, 1.7), Re(h, 0.75), _e(h, 2, 4), this.manualControl && this.meshStates.length > 0)
-      this.meshStates[0].texture.dispose(), this.meshStates[0].texture = new Jt(this.gl, h);
+    const o = i instanceof HTMLVideoElement ? i.videoWidth : i.naturalWidth, h = i instanceof HTMLVideoElement ? i.videoHeight : i.naturalHeight;
+    if (o * h === 0) throw new Error("Invalid image size");
+    a.drawImage(i, 0, 0, o, h, 0, 0, r.width, r.height);
+    const c = a.getImageData(0, 0, r.width, r.height);
+    if (Yt(c, 0.4), Ie(c, 3), Yt(c, 1.7), ke(c, 0.75), ze(c, 2, 4), this.manualControl && this.meshStates.length > 0)
+      this.meshStates[0].texture.dispose(), this.meshStates[0].texture = new Xt(this.gl, c);
     else {
-      const l = new je(
+      const l = new Ye(
         this.gl,
         this.mainProgram.attrs.a_pos,
         this.mainProgram.attrs.a_color,
         this.mainProgram.attrs.a_uv
       );
       l.resetSubdivition(15);
-      const p = Xt[Math.floor(Math.random() * Xt.length)];
+      const p = Math.random() > 0.8 ? Oe(6, 6) : jt[Math.floor(Math.random() * jt.length)];
       l.resizeControlPoints(p.width, p.height);
-      const u = 2 / (p.width - 1), y = 2 / (p.height - 1);
-      for (const g of p.conf) {
-        const b = l.getControlPoint(g.cx, g.cy);
-        b.location.x = g.x, b.location.y = g.y, b.uRot = g.ur * Math.PI / 180, b.vRot = g.vr * Math.PI / 180, b.uScale = u * g.up, b.vScale = y * g.vp;
+      const u = 2 / (p.width - 1), g = 2 / (p.height - 1);
+      for (const y of p.conf) {
+        const b = l.getControlPoint(y.cx, y.cy);
+        b.location.x = y.x, b.location.y = y.y, b.uRot = y.ur * Math.PI / 180, b.vRot = y.vr * Math.PI / 180, b.uScale = u * y.up, b.vScale = g * y.vp;
       }
-      l.updateMesh();
-      const L = new Jt(this.gl, h), m = {
+      l.updateMesh(), this.currentImageData = c;
+      const M = new Xt(this.gl, c), d = {
         mesh: l,
-        texture: L,
+        texture: M,
         alpha: 0
       };
-      this.meshStates.push(m);
+      this.meshStates.push(d);
     }
     this.requestTick();
   }
@@ -4475,13 +4517,13 @@ class Li extends re {
       e.mesh.dispose(), e.texture.dispose();
   }
 }
-class Ue extends ke {
+class Ge extends Se {
   constructor() {
     super(...arguments);
     f(this, "time", 0);
   }
 }
-class Mi extends re {
+class li extends re {
   constructor(e) {
     super(e);
     f(this, "app");
@@ -4503,7 +4545,7 @@ class Mi extends re {
         ), n.position.set(this.app.screen.width / 2, this.app.screen.height / 2), r.position.set(this.app.screen.width / 2, this.app.screen.height / 2), s.width = a * Math.sqrt(2), s.height = s.width, i.width = a * 0.8, i.height = i.width, n.width = a * 0.5, n.height = n.width, r.width = a * 0.25, r.height = r.width, this.curContainer.time += e * this.flowSpeed, s.rotation += e / 1e3 * this.flowSpeed, i.rotation -= e / 500 * this.flowSpeed, n.rotation += e / 1e3 * this.flowSpeed, r.rotation -= e / 750 * this.flowSpeed, n.x = this.app.screen.width / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), n.y = this.app.screen.height / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), r.x = this.app.screen.width / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75), r.y = this.app.screen.height / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75), this.curContainer.alpha >= 1 && this.lastContainer.size === 0 && this.staticMode && this.app.ticker.stop();
       }
     });
-    this.canvas = e, this.app = new ve({
+    this.canvas = e, this.app = new Te({
       view: e,
       resizeTo: this.canvas,
       powerPreference: "low-power",
@@ -4517,34 +4559,34 @@ class Mi extends re {
     super.setRenderScale(e), this.rebuildFilters();
   }
   rebuildFilters() {
-    const e = Math.min(this.canvas.width, this.canvas.height), s = Math.max(this.canvas.width, this.canvas.height), i = new Dt();
+    const e = Math.min(this.canvas.width, this.canvas.height), s = Math.max(this.canvas.width, this.canvas.height), i = new kt();
     i.saturate(1.2, !1);
-    const n = new Dt();
+    const n = new kt();
     n.brightness(0.6, !1);
-    const r = new Dt();
+    const r = new kt();
     r.contrast(0.3, !0);
     for (const a of this.app.stage.filters ?? [])
       a.destroy();
-    this.app.stage.filters = [], this.app.stage.filters.push(new X(5, 1)), this.app.stage.filters.push(new X(10, 1)), this.app.stage.filters.push(new X(20, 2)), this.app.stage.filters.push(new X(40, 2)), this.app.stage.filters.push(new X(80, 2)), e > 768 && this.app.stage.filters.push(new X(160, 4)), e > 768 * 2 && this.app.stage.filters.push(new X(320, 4)), this.app.stage.filters.push(i, n, r), this.app.stage.filters.push(new X(5, 1)), Math.random() > 0.5 ? (this.app.stage.filters.push(
-      new ut({
+    this.app.stage.filters = [], this.app.stage.filters.push(new tt(5, 1)), this.app.stage.filters.push(new tt(10, 1)), this.app.stage.filters.push(new tt(20, 2)), this.app.stage.filters.push(new tt(40, 2)), this.app.stage.filters.push(new tt(80, 2)), e > 768 && this.app.stage.filters.push(new tt(160, 4)), e > 768 * 2 && this.app.stage.filters.push(new tt(320, 4)), this.app.stage.filters.push(i, n, r), this.app.stage.filters.push(new tt(5, 1)), Math.random() > 0.5 ? (this.app.stage.filters.push(
+      new yt({
         radius: (s + e) / 2,
         strength: 1,
         center: [0.25, 1]
       })
     ), this.app.stage.filters.push(
-      new ut({
+      new yt({
         radius: (s + e) / 2,
         strength: 1,
         center: [0.75, 0]
       })
     )) : (this.app.stage.filters.push(
-      new ut({
+      new yt({
         radius: (s + e) / 2,
         strength: 1,
         center: [0.75, 1]
       })
     ), this.app.stage.filters.push(
-      new ut({
+      new yt({
         radius: (s + e) / 2,
         strength: 1,
         center: [0.25, 0]
@@ -4569,26 +4611,26 @@ class Mi extends re {
   }
   async setAlbum(e, s) {
     var p, u;
-    if (typeof e == "string" && e.trim().length === 0)
+    if (!e || typeof e == "string" && e.trim().length === 0)
       return;
     let i = null, n = 5, r = null;
     for (; !((u = (p = r == null ? void 0 : r.baseTexture) == null ? void 0 : p.resource) != null && u.valid) && n > 0; )
       try {
-        typeof e == "string" ? i = await ae(e, s) : i = await oe(e), r = ze.from(i, {
+        typeof e == "string" ? i = await ae(e, s) : i = await oe(e), r = we.from(i, {
           resourceOptions: {
             autoLoad: !1
           }
         }), await r.baseTexture.resource.load();
-      } catch (y) {
+      } catch (g) {
         console.warn(
           `failed on loading album image, retrying (${n})`,
           e,
-          y
+          g
         ), r = null, n--;
       }
     if (!r) return;
-    const a = new Ue(), o = new yt(r), c = new yt(r), h = new yt(r), l = new yt(r);
-    o.anchor.set(0.5, 0.5), c.anchor.set(0.5, 0.5), h.anchor.set(0.5, 0.5), l.anchor.set(0.5, 0.5), o.rotation = Math.random() * Math.PI * 2, c.rotation = Math.random() * Math.PI * 2, h.rotation = Math.random() * Math.PI * 2, l.rotation = Math.random() * Math.PI * 2, a.addChild(o, c, h, l), this.curContainer && this.lastContainer.add(this.curContainer), this.curContainer = a, this.app.stage.addChild(a), this.curContainer.alpha = 0, this.app.ticker.start();
+    const a = new Ge(), o = new gt(r), h = new gt(r), c = new gt(r), l = new gt(r);
+    o.anchor.set(0.5, 0.5), h.anchor.set(0.5, 0.5), c.anchor.set(0.5, 0.5), l.anchor.set(0.5, 0.5), o.rotation = Math.random() * Math.PI * 2, h.rotation = Math.random() * Math.PI * 2, c.rotation = Math.random() * Math.PI * 2, l.rotation = Math.random() * Math.PI * 2, a.addChild(o, h, c, l), this.curContainer && this.lastContainer.add(this.curContainer), this.curContainer = a, this.app.stage.addChild(a), this.curContainer.alpha = 0, this.app.ticker.start();
   }
   dispose() {
     super.dispose(), this.app.ticker.remove(this.onTick), this.app.destroy(!0);
@@ -4641,60 +4683,51 @@ class ce {
     this.renderer.dispose(), this.element.remove();
   }
 }
-const Ve = "_lyricLine_lennj_6", Ge = "_dirty_lennj_26", Xe = "_lyricBgLine_lennj_42", Ze = "_active_lennj_51", Je = "_hasDuetLine_lennj_63", Qe = "_lyricDuetLine_lennj_64", Ke = "_lyricMainLine_lennj_78", ts = "_emphasizeWrapper_lennj_88", es = "_emphasize_lennj_88", ss = "_lyricSubLine_lennj_111", is = "_disableSpring_lennj_118", ns = "_interludeDots_lennj_123", rs = "_enabled_lennj_135", as = "_duet_lennj_149", os = "_tmpDisableTransition_lennj_161", C = {
-  lyricLine: Ve,
-  dirty: Ge,
-  lyricBgLine: Xe,
-  active: Ze,
-  hasDuetLine: Je,
-  lyricDuetLine: Qe,
-  lyricMainLine: Ke,
-  emphasizeWrapper: ts,
-  emphasize: es,
-  lyricSubLine: ss,
-  disableSpring: is,
-  interludeDots: ns,
-  enabled: rs,
-  duet: as,
+const Xe = "_lyricLine_1vq69_6", Ze = "_lyricBgLine_1vq69_42", Je = "_active_1vq69_51", Qe = "_hasDuetLine_1vq69_63", Ke = "_lyricDuetLine_1vq69_64", ts = "_lyricMainLine_1vq69_83", es = "_emphasizeWrapper_1vq69_93", ss = "_emphasize_1vq69_93", is = "_lyricSubLine_1vq69_116", ns = "_disableSpring_1vq69_123", rs = "_interludeDots_1vq69_128", as = "_enabled_1vq69_140", os = "_tmpDisableTransition_1vq69_166", W = {
+  lyricLine: Xe,
+  lyricBgLine: Ze,
+  active: Je,
+  hasDuetLine: Qe,
+  lyricDuetLine: Ke,
+  lyricMainLine: ts,
+  emphasizeWrapper: es,
+  emphasize: ss,
+  lyricSubLine: is,
+  disableSpring: ns,
+  interludeDots: rs,
+  enabled: as,
   tmpDisableTransition: os
-};
-function he(d, t = 20) {
-  let e = 0;
-  return (...i) => {
-    clearTimeout(e), e = setTimeout(() => d(...i), t);
-  };
-}
-const le = -1, kt = 0, Et = 1, Pt = 2, Ot = 3, Wt = 4, Nt = 5, Bt = 6, de = 7, me = 8, Qt = typeof self == "object" ? self : globalThis, cs = (d, t) => {
-  const e = (i, n) => (d.set(n, i), i), s = (i) => {
-    if (d.has(i))
-      return d.get(i);
+}, he = -1, zt = 0, ut = 1, vt = 2, Ot = 3, Nt = 4, Wt = 5, Bt = 6, le = 7, de = 8, Zt = typeof self == "object" ? self : globalThis, cs = (m, t) => {
+  const e = (i, n) => (m.set(n, i), i), s = (i) => {
+    if (m.has(i))
+      return m.get(i);
     const [n, r] = t[i];
     switch (n) {
-      case kt:
-      case le:
+      case zt:
+      case he:
         return e(r, i);
-      case Et: {
+      case ut: {
         const a = e([], i);
         for (const o of r)
           a.push(s(o));
         return a;
       }
-      case Pt: {
+      case vt: {
         const a = e({}, i);
-        for (const [o, c] of r)
-          a[s(o)] = s(c);
+        for (const [o, h] of r)
+          a[s(o)] = s(h);
         return a;
       }
       case Ot:
         return e(new Date(r), i);
-      case Wt: {
+      case Nt: {
         const { source: a, flags: o } = r;
         return e(new RegExp(a, o), i);
       }
-      case Nt: {
+      case Wt: {
         const a = e(/* @__PURE__ */ new Map(), i);
-        for (const [o, c] of r)
-          a.set(s(o), s(c));
+        for (const [o, h] of r)
+          a.set(s(o), s(h));
         return a;
       }
       case Bt: {
@@ -4703,73 +4736,83 @@ const le = -1, kt = 0, Et = 1, Pt = 2, Ot = 3, Wt = 4, Nt = 5, Bt = 6, de = 7, m
           a.add(s(o));
         return a;
       }
-      case de: {
+      case le: {
         const { name: a, message: o } = r;
-        return e(new Qt[a](o), i);
+        return e(new Zt[a](o), i);
       }
-      case me:
+      case de:
         return e(BigInt(r), i);
       case "BigInt":
         return e(Object(BigInt(r)), i);
+      case "ArrayBuffer":
+        return e(new Uint8Array(r).buffer, r);
+      case "DataView": {
+        const { buffer: a } = new Uint8Array(r);
+        return e(new DataView(a), r);
+      }
     }
-    return e(new Qt[n](r), i);
+    return e(new Zt[n](r), i);
   };
   return s;
-}, Kt = (d) => cs(/* @__PURE__ */ new Map(), d)(0), at = "", { toString: hs } = {}, { keys: ls } = Object, dt = (d) => {
-  const t = typeof d;
-  if (t !== "object" || !d)
-    return [kt, t];
-  const e = hs.call(d).slice(8, -1);
+}, Jt = (m) => cs(/* @__PURE__ */ new Map(), m)(0), lt = "", { toString: hs } = {}, { keys: ls } = Object, mt = (m) => {
+  const t = typeof m;
+  if (t !== "object" || !m)
+    return [zt, t];
+  const e = hs.call(m).slice(8, -1);
   switch (e) {
     case "Array":
-      return [Et, at];
+      return [ut, lt];
     case "Object":
-      return [Pt, at];
+      return [vt, lt];
     case "Date":
-      return [Ot, at];
+      return [Ot, lt];
     case "RegExp":
-      return [Wt, at];
+      return [Nt, lt];
     case "Map":
-      return [Nt, at];
+      return [Wt, lt];
     case "Set":
-      return [Bt, at];
+      return [Bt, lt];
+    case "DataView":
+      return [ut, e];
   }
-  return e.includes("Array") ? [Et, e] : e.includes("Error") ? [de, e] : [Pt, e];
-}, xt = ([d, t]) => d === kt && (t === "function" || t === "symbol"), ds = (d, t, e, s) => {
+  return e.includes("Array") ? [ut, e] : e.includes("Error") ? [le, e] : [vt, e];
+}, wt = ([m, t]) => m === zt && (t === "function" || t === "symbol"), ds = (m, t, e, s) => {
   const i = (r, a) => {
     const o = s.push(r) - 1;
     return e.set(a, o), o;
   }, n = (r) => {
     if (e.has(r))
       return e.get(r);
-    let [a, o] = dt(r);
+    let [a, o] = mt(r);
     switch (a) {
-      case kt: {
-        let h = r;
+      case zt: {
+        let c = r;
         switch (o) {
           case "bigint":
-            a = me, h = r.toString();
+            a = de, c = r.toString();
             break;
           case "function":
           case "symbol":
-            if (d)
+            if (m)
               throw new TypeError("unable to serialize " + o);
-            h = null;
+            c = null;
             break;
           case "undefined":
-            return i([le], r);
+            return i([he], r);
         }
-        return i([a, h], r);
+        return i([a, c], r);
       }
-      case Et: {
-        if (o)
-          return i([o, [...r]], r);
-        const h = [], l = i([a, h], r);
+      case ut: {
+        if (o) {
+          let p = r;
+          return o === "DataView" ? p = new Uint8Array(r.buffer) : o === "ArrayBuffer" && (p = new Uint8Array(r)), i([o, [...p]], r);
+        }
+        const c = [], l = i([a, c], r);
         for (const p of r)
-          h.push(n(p));
+          c.push(n(p));
         return l;
       }
-      case Pt: {
+      case vt: {
         if (o)
           switch (o) {
             case "BigInt":
@@ -4781,48 +4824,48 @@ const le = -1, kt = 0, Et = 1, Pt = 2, Ot = 3, Wt = 4, Nt = 5, Bt = 6, de = 7, m
           }
         if (t && "toJSON" in r)
           return n(r.toJSON());
-        const h = [], l = i([a, h], r);
+        const c = [], l = i([a, c], r);
         for (const p of ls(r))
-          (d || !xt(dt(r[p]))) && h.push([n(p), n(r[p])]);
+          (m || !wt(mt(r[p]))) && c.push([n(p), n(r[p])]);
         return l;
       }
       case Ot:
         return i([a, r.toISOString()], r);
-      case Wt: {
-        const { source: h, flags: l } = r;
-        return i([a, { source: h, flags: l }], r);
-      }
       case Nt: {
-        const h = [], l = i([a, h], r);
+        const { source: c, flags: l } = r;
+        return i([a, { source: c, flags: l }], r);
+      }
+      case Wt: {
+        const c = [], l = i([a, c], r);
         for (const [p, u] of r)
-          (d || !(xt(dt(p)) || xt(dt(u)))) && h.push([n(p), n(u)]);
+          (m || !(wt(mt(p)) || wt(mt(u)))) && c.push([n(p), n(u)]);
         return l;
       }
       case Bt: {
-        const h = [], l = i([a, h], r);
+        const c = [], l = i([a, c], r);
         for (const p of r)
-          (d || !xt(dt(p))) && h.push(n(p));
+          (m || !wt(mt(p))) && c.push(n(p));
         return l;
       }
     }
-    const { message: c } = r;
-    return i([a, { name: o, message: c }], r);
+    const { message: h } = r;
+    return i([a, { name: o, message: h }], r);
   };
   return n;
-}, te = (d, { json: t, lossy: e } = {}) => {
+}, Qt = (m, { json: t, lossy: e } = {}) => {
   const s = [];
-  return ds(!(t || e), !!t, /* @__PURE__ */ new Map(), s)(d), s;
-}, ee = typeof structuredClone == "function" ? (
+  return ds(!(t || e), !!t, /* @__PURE__ */ new Map(), s)(m), s;
+}, Kt = typeof structuredClone == "function" ? (
   /* c8 ignore start */
-  (d, t) => t && ("json" in t || "lossy" in t) ? Kt(te(d, t)) : structuredClone(d)
-) : (d, t) => Kt(te(d, t)), ms = (d, t) => d.size === t.size && [...d].every((e) => t.has(e)), ps = (d) => /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u.test(d);
-function fs(d) {
-  return (e) => (d(e + 1e-3) - d(e - 1e-3)) / (2 * 1e-3);
+  (m, t) => t && ("json" in t || "lossy" in t) ? Jt(Qt(m, t)) : structuredClone(m)
+) : (m, t) => Jt(Qt(m, t)), ms = (m, t) => m.size === t.size && [...m].every((e) => t.has(e)), ps = (m) => /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u.test(m);
+function fs(m) {
+  return (e) => (m(e + 1e-3) - m(e - 1e-3)) / (2 * 1e-3);
 }
-function se(d) {
-  return fs(d);
+function te(m) {
+  return fs(m);
 }
-class vt {
+class Pt {
   constructor(t = 0) {
     f(this, "currentPosition", 0);
     f(this, "targetPosition", 0);
@@ -4843,7 +4886,7 @@ class vt {
       this.targetPosition,
       0,
       this.params
-    ), this.getV = se(this.currentSolver), this.getV2 = se(this.getV);
+    ), this.getV = te(this.currentSolver), this.getV2 = te(this.getV);
   }
   arrived() {
     return Math.abs(this.targetPosition - this.currentPosition) < 0.01 && this.getV(this.currentTime) < 0.01 && this.getV2(this.currentTime) < 0.01 && this.queueParams === void 0 && this.queuePosition === void 0;
@@ -4877,43 +4920,43 @@ class vt {
     return this.currentPosition;
   }
 }
-function us(d, t, e, s = 0, i) {
-  const n = (i == null ? void 0 : i.soft) ?? !1, r = (i == null ? void 0 : i.stiffness) ?? 100, a = (i == null ? void 0 : i.damping) ?? 10, o = (i == null ? void 0 : i.mass) ?? 1, c = e - d;
+function us(m, t, e, s = 0, i) {
+  const n = (i == null ? void 0 : i.soft) ?? !1, r = (i == null ? void 0 : i.stiffness) ?? 100, a = (i == null ? void 0 : i.damping) ?? 10, o = (i == null ? void 0 : i.mass) ?? 1, h = e - m;
   if (n || 1 <= a / (2 * Math.sqrt(r * o))) {
-    const y = -Math.sqrt(r / o), L = -y * c - t;
-    return (m) => (m -= s, m < 0 ? d : e - (c + m * L) * Math.E ** (m * y));
+    const g = -Math.sqrt(r / o), M = -g * h - t;
+    return (d) => (d -= s, d < 0 ? m : e - (h + d * M) * Math.E ** (d * g));
   }
-  const h = Math.sqrt(4 * o * r - a ** 2), l = (a * c - 2 * o * t) / h, p = 0.5 * h / o, u = -(0.5 * a) / o;
-  return (y) => (y -= s, y < 0 ? d : e - (Math.cos(y * p) * c + Math.sin(y * p) * l) * Math.E ** (y * u));
+  const c = Math.sqrt(4 * o * r - a ** 2), l = (a * h - 2 * o * t) / c, p = 0.5 * c / o, u = -(0.5 * a) / o;
+  return (g) => (g -= s, g < 0 ? m : e - (Math.cos(g * p) * h + Math.sin(g * p) * l) * Math.E ** (g * u));
 }
-const At = [], Rt = [];
+const _t = [], Rt = [];
 let Ct = !1;
 function ys() {
-  let d = Rt.shift();
-  for (; d; ) {
+  let m = Rt.shift();
+  for (; m; ) {
     try {
-      d.resolve(d.task());
+      m.resolve(m.task());
     } catch (t) {
-      d.reject(t);
+      m.reject(t);
     }
-    d = Rt.shift();
+    m = Rt.shift();
   }
-  for (d = At.shift(); d; ) {
+  for (m = _t.shift(); m; ) {
     try {
-      d.resolve(d.task());
+      m.resolve(m.task());
     } catch (t) {
-      d.reject(t);
+      m.reject(t);
     }
-    d = At.shift();
+    m = _t.shift();
   }
   Ct = !1;
 }
-function pe() {
+function me() {
   Ct || (Ct = !0, requestAnimationFrame(ys));
 }
-function ft(d) {
+function pe(m) {
   const t = {
-    task: d,
+    task: m,
     resolve: () => {
     },
     reject: () => {
@@ -4921,11 +4964,11 @@ function ft(d) {
   }, e = new Promise((s, i) => {
     t.resolve = s, t.reject = i;
   });
-  return At.push(t), pe(), e;
+  return _t.push(t), me(), e;
 }
-function ot(d) {
+function ee(m) {
   const t = {
-    task: d,
+    task: m,
     resolve: () => {
     },
     reject: () => {
@@ -4933,7 +4976,7 @@ function ot(d) {
   }, e = new Promise((s, i) => {
     t.resolve = s, t.reject = i;
   });
-  return Rt.push(t), pe(), e;
+  return Rt.push(t), me(), e;
 }
 class gs {
   constructor(t) {
@@ -4944,14 +4987,14 @@ class gs {
     // 由 LyricPlayer 来设置
     f(this, "lineSize", [0, 0]);
     f(this, "lineTransforms", {
-      posX: new vt(0),
-      posY: new vt(0)
+      posX: new Pt(0),
+      posY: new Pt(0)
     });
     f(this, "lastStyle", "");
-    this.lyricPlayer = t, this.element.setAttribute("class", C.lyricLine), this.rebuildStyle();
+    this.lyricPlayer = t, this.element.setAttribute("class", W.lyricLine), this.rebuildStyle();
   }
   async measureSize() {
-    return await ft(() => [
+    return await pe(() => [
       this.element.clientWidth,
       this.element.clientHeight
     ]);
@@ -4970,8 +5013,8 @@ class gs {
     return this.element;
   }
   setTransform(t = this.left, e = this.top, s = !1, i = 0) {
-    this.left = t, this.top = e, this.delay = i * 1e3 | 0, s || !this.lyricPlayer.getEnableSpring() ? (s && this.element.classList.add(C.tmpDisableTransition), this.lineTransforms.posX.setPosition(t), this.lineTransforms.posY.setPosition(e), this.lyricPlayer.getEnableSpring() ? this.rebuildStyle() : this.show(), s && requestAnimationFrame(() => {
-      this.element.classList.remove(C.tmpDisableTransition);
+    this.left = t, this.top = e, this.delay = i * 1e3 | 0, s || !this.lyricPlayer.getEnableSpring() ? (s && this.element.classList.add(W.tmpDisableTransition), this.lineTransforms.posX.setPosition(t), this.lineTransforms.posY.setPosition(e), this.lyricPlayer.getEnableSpring() ? this.rebuildStyle() : this.show(), s && requestAnimationFrame(() => {
+      this.element.classList.remove(W.tmpDisableTransition);
     })) : (this.lineTransforms.posX.setTargetPosition(t, i), this.lineTransforms.posY.setTargetPosition(e, i));
   }
   update(t = 0) {
@@ -4985,14 +5028,14 @@ class gs {
     this.element.remove();
   }
 }
-function Ls(d) {
+function Ms(m) {
   const e = 2.5949095;
-  return d < 0.5 ? (2 * d) ** 2 * ((e + 1) * 2 * d - e) / 2 : ((2 * d - 2) ** 2 * ((e + 1) * (d * 2 - 2) + e) + 2) / 2;
+  return m < 0.5 ? (2 * m) ** 2 * ((e + 1) * 2 * m - e) / 2 : ((2 * m - 2) ** 2 * ((e + 1) * (m * 2 - 2) + e) + 2) / 2;
 }
-function Ms(d) {
-  return d === 1 ? 1 : 1 - 2 ** (-10 * d);
+function Ls(m) {
+  return m === 1 ? 1 : 1 - 2 ** (-10 * m);
 }
-const Q = (d, t, e) => Math.max(d, Math.min(t, e));
+const it = (m, t, e) => Math.max(m, Math.min(t, e));
 class bs {
   constructor() {
     f(this, "element", document.createElement("div"));
@@ -5006,7 +5049,7 @@ class bs {
     f(this, "currentInterlude");
     f(this, "currentTime", 0);
     f(this, "targetBreatheDuration", 1500);
-    this.element.className = C.interludeDots, this.element.appendChild(this.dot0), this.element.appendChild(this.dot1), this.element.appendChild(this.dot2);
+    this.element.className = W.interludeDots, this.element.appendChild(this.dot0), this.element.appendChild(this.dot1), this.element.appendChild(this.dot2);
   }
   getElement() {
     return this.element;
@@ -5015,13 +5058,13 @@ class bs {
     this.left = t, this.top = e, this.update();
   }
   setInterlude(t) {
-    this.currentInterlude = t, this.currentTime = (t == null ? void 0 : t[0]) ?? 0, t ? this.element.classList.add(C.enabled) : this.element.classList.remove(C.enabled);
+    this.currentInterlude = t, this.currentTime = (t == null ? void 0 : t[0]) ?? 0, t ? this.element.classList.add(W.enabled) : this.element.classList.remove(W.enabled);
   }
   pause() {
-    this.playing = !1, this.element.classList.remove(C.playing);
+    this.playing = !1, this.element.classList.remove(W.playing);
   }
   resume() {
-    this.playing = !0, this.element.classList.add(C.playing);
+    this.playing = !0, this.element.classList.add(W.playing);
   }
   update(t = 0) {
     if (!this.playing) return;
@@ -5034,37 +5077,37 @@ class bs {
       if (i <= s) {
         const n = s / Math.ceil(s / this.targetBreatheDuration);
         let r = 1, a = 1;
-        r *= Math.sin(1.5 * Math.PI - i / n * 2) / 20 + 1, i < 2e3 && (r *= Ms(i / 2e3)), i < 500 ? a = 0 : i < 1e3 && (a *= (i - 500) / 500), s - i < 750 && (r *= 1 - Ls(
+        r *= Math.sin(1.5 * Math.PI - i / n * 2) / 20 + 1, i < 2e3 && (r *= Ls(i / 2e3)), i < 500 ? a = 0 : i < 1e3 && (a *= (i - 500) / 500), s - i < 750 && (r *= 1 - Ms(
           (750 - (s - i)) / 750 / 2
-        )), s - i < 375 && (a *= Q(
+        )), s - i < 375 && (a *= it(
           0,
           (s - i) / 375,
           1
         ));
         const o = Math.max(0, s - 750);
         r = Math.max(0, r) * 0.7, e += ` scale(${r})`;
-        const c = Q(
+        const h = it(
           0.25,
           i * 3 / o * 0.75,
           1
-        ), h = Q(
+        ), c = it(
           0.25,
           (i - o / 3) * 3 / o * 0.75,
           1
-        ), l = Q(
+        ), l = it(
           0.25,
           (i - o / 3 * 2) * 3 / o * 0.75,
           1
         );
-        this.dot0.style.opacity = `${Q(
+        this.dot0.style.opacity = `${it(
           0,
-          Math.max(0, a * c),
+          Math.max(0, a * h),
           1
-        )}`, this.dot1.style.opacity = `${Q(
+        )}`, this.dot1.style.opacity = `${it(
           0,
-          Math.max(0, a * h),
+          Math.max(0, a * c),
           1
-        )}`, this.dot2.style.opacity = `${Q(
+        )}`, this.dot2.style.opacity = `${it(
           0,
           Math.max(0, a * l),
           1
@@ -5078,12 +5121,15 @@ class bs {
     this.element.remove();
   }
 }
-class $t extends EventTarget {
+class qt extends EventTarget {
   constructor() {
     super();
     f(this, "element", document.createElement("div"));
     f(this, "currentTime", 0);
+    /** @internal */
     f(this, "lyricLinesSize", /* @__PURE__ */ new WeakMap());
+    /** @internal */
+    f(this, "lyricLineElementMap", /* @__PURE__ */ new WeakMap());
     f(this, "currentLyricLines", []);
     // protected currentLyricLineObjects: LyricLineBase[] = [];
     f(this, "processedLines", []);
@@ -5139,39 +5185,65 @@ class $t extends EventTarget {
     });
     f(this, "scrolledHandler", 0);
     f(this, "isScrolled", !1);
+    /** @internal */
     f(this, "resizeObserver", new ResizeObserver((e) => {
-      const s = e[0].contentRect;
-      this.size[0] = s.width, this.size[1] = s.height, this.onResize();
+      let s = !1, i = !1;
+      for (const n of e)
+        if (n.target === this.element) {
+          const r = n.contentRect;
+          this.size[0] = r.width, this.size[1] = r.height, i = !0;
+        } else if (n.target === this.interludeDots.getElement())
+          this.interludeDotsSize[0] = n.target.clientWidth, this.interludeDotsSize[1] = n.target.clientHeight, s = !0;
+        else if (n.target === this.bottomLine.getElement()) {
+          const r = [
+            n.target.clientWidth,
+            n.target.clientHeight
+          ], a = this.bottomLine.lineSize;
+          (r[0] !== a[0] || r[1] !== a[1]) && (this.bottomLine.lineSize = r, s = !0);
+        } else {
+          const r = this.lyricLineElementMap.get(n.target);
+          if (r) {
+            const a = [
+              n.target.clientWidth,
+              n.target.clientHeight
+            ], o = this.lyricLinesSize.get(
+              r
+            ) ?? [0, 0];
+            (a[0] !== o[0] || a[1] !== o[1]) && (this.lyricLinesSize.set(r, a), r.onLineSizeChange(a), s = !0);
+          }
+        }
+      s && this.calcLayout(!0), i && this.onResize();
     }));
     f(this, "wordFadeWidth", 0.5);
     f(this, "targetAlignIndex", 0);
-    this.resizeObserver.observe(this.element), this.element.classList.add(C.lyricPlayer), this.element.appendChild(this.interludeDots.getElement()), this.element.appendChild(this.bottomLine.getElement()), this.interludeDots.setTransform(0, 200), window.addEventListener("pageshow", this.onPageShow), window.addEventListener("pagehide", this.onPageHide);
-    let e = 0, s = "none", i = 0, n = 0, r = 0, a = Symbol("amll-scroll"), o = 0, c = 0;
-    this.element.addEventListener("touchstart", (h) => {
-      this.beginScrollHandler() && (h.preventDefault(), e = this.scrollOffset, i = h.touches[0].screenY, o = i, n = Date.now(), r = 0);
-    }), this.element.addEventListener("touchmove", (h) => {
+    f(this, "isPlaying", !0);
+    this.resizeObserver.observe(this.element), this.resizeObserver.observe(this.interludeDots.getElement()), this.element.classList.add(W.lyricPlayer), this.element.appendChild(this.interludeDots.getElement()), this.element.appendChild(this.bottomLine.getElement()), this.interludeDots.setTransform(0, 200), window.addEventListener("pageshow", this.onPageShow), window.addEventListener("pagehide", this.onPageHide);
+    let e = 0, s = "none", i = 0, n = 0, r = 0, a = Symbol("amll-scroll"), o = 0, h = 0;
+    this.element.addEventListener("touchstart", (c) => {
+      this.beginScrollHandler() && (c.preventDefault(), e = this.scrollOffset, i = c.touches[0].screenY, o = i, n = Date.now(), r = 0);
+    }), this.element.addEventListener("touchmove", (c) => {
       if (this.beginScrollHandler()) {
-        h.preventDefault();
-        const l = h.touches[0].screenY, p = l - i, u = l - o, y = u > 0 ? "down" : u < 0 ? "up" : "none";
-        s !== y ? (s = y, e = this.scrollOffset, i = l, n = Date.now()) : this.scrollOffset = e - p, o = l, c = Date.now(), this.limitScrollOffset(), this.calcLayout(!0);
+        c.preventDefault();
+        const l = c.touches[0].screenY, p = l - i, u = l - o, g = u > 0 ? "down" : u < 0 ? "up" : "none";
+        s !== g ? (s = g, e = this.scrollOffset, i = l, n = Date.now()) : this.scrollOffset = e - p, o = l, h = Date.now(), this.limitScrollOffset(), this.calcLayout(!0);
       }
-    }), this.element.addEventListener("touchend", (h) => {
+    }), this.element.addEventListener("touchend", (c) => {
       if (this.beginScrollHandler()) {
-        h.preventDefault(), i = 0;
+        c.preventDefault(), i = 0;
         const l = Date.now();
-        if (l - c > 100) return this.endScrollHandler();
+        if (l - h > 100) return this.endScrollHandler();
         const p = l - n;
         r = (this.scrollOffset - e) / p * 1e3;
         let u = 0;
-        const y = Symbol("amll-scroll");
-        a = y;
-        const L = (m) => {
-          u || (u = m), a === y && this.beginScrollHandler() && (this.scrollOffset += r * (m - u) / 1e3, r *= 0.99, this.limitScrollOffset(), this.calcLayout(!0), Math.abs(r) > 1 && !this.scrollBoundary.includes(this.scrollOffset) && requestAnimationFrame(L), this.endScrollHandler(), u = m);
+        const g = Symbol("amll-scroll");
+        a = g;
+        const M = (d) => {
+          u || (u = d), a === g && this.beginScrollHandler() && (this.scrollOffset += r * (d - u) / 1e3, r *= 0.99, this.limitScrollOffset(), this.calcLayout(!0), Math.abs(r) > 1 && !this.scrollBoundary.includes(this.scrollOffset) && requestAnimationFrame(M), this.endScrollHandler(), u = d);
         };
-        requestAnimationFrame(L), this.endScrollHandler();
+        requestAnimationFrame(M), this.endScrollHandler();
       }
-    }), this.element.addEventListener("wheel", (h) => {
-      this.beginScrollHandler() && (h.deltaMode === h.DOM_DELTA_PIXEL ? (this.scrollOffset += h.deltaY, this.limitScrollOffset(), this.calcLayout(!0)) : (this.scrollOffset += h.deltaY * 50, this.limitScrollOffset(), this.calcLayout(!1)), this.endScrollHandler());
+    }), this.element.addEventListener("wheel", (c) => {
+      this.beginScrollHandler() && (c.deltaMode === c.DOM_DELTA_PIXEL ? (this.scrollOffset += c.deltaY, this.limitScrollOffset(), this.calcLayout(!0)) : (this.scrollOffset += c.deltaY * 50, this.limitScrollOffset(), this.calcLayout(!1)), this.endScrollHandler());
     });
   }
   beginScrollHandler() {
@@ -5270,7 +5342,7 @@ class $t extends EventTarget {
    * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一
    */
   setEnableSpring(e = !0) {
-    this.disableSpring = !e, e ? this.element.classList.remove(C.disableSpring) : this.element.classList.add(C.disableSpring), this.calcLayout(!0);
+    this.disableSpring = !e, e ? this.element.classList.remove(W.disableSpring) : this.element.classList.add(W.disableSpring), this.calcLayout(!0);
   }
   /**
    * 获取当前是否启用了物理弹簧
@@ -5331,23 +5403,20 @@ class $t extends EventTarget {
    * @param initialTime 初始时间，默认为 0
    */
   setLyricLines(e, s = 0) {
-    this.initialLayoutFinished = !1;
+    this.initialLayoutFinished = !0;
     for (const i of e)
       for (const n of i.words)
         n.word = n.word.replace(/\s+/g, " ");
-    this.lastCurrentTime = s, this.currentTime = s, this.currentLyricLines = ee(e), this.processedLines = ee(e), this.isNonDynamic = !0;
+    this.lastCurrentTime = s, this.currentTime = s, this.currentLyricLines = Kt(e), this.processedLines = Kt(e), this.isNonDynamic = !0;
     for (const i of this.processedLines)
       if (i.words.length > 1) {
         this.isNonDynamic = !1;
         break;
       }
     this.hasDuetLine = this.processedLines.some((i) => i.isDuet), this.processedLines.forEach((i, n, r) => {
-      const a = r[n + 1];
-      i.words[i.words.length - 1] && (a ? a.startTime > i.endTime && (i.endTime = Math.min(i.endTime + 1500, a.startTime)) : i.endTime = i.endTime + 1500);
-    }), this.processedLines.forEach((i, n, r) => {
       if (i.isBG) return;
       const a = r[n + 1];
-      a != null && a.isBG && (a.startTime = Math.min(a.startTime, i.startTime));
+      a != null && a.isBG && (a.startTime = Math.min(a.startTime, i.startTime), a.endTime = Math.max(a.endTime, i.endTime));
     });
     for (const i of this.currentLyricLineObjects)
       i.dispose();
@@ -5361,54 +5430,54 @@ class $t extends EventTarget {
    * @param time 当前播放进度，单位为毫秒
    */
   setCurrentTime(e, s = !1) {
-    var a, o, c, h, l, p, u, y, L;
+    var a, o, h, c, l, p, u, g, M;
     if (this.currentTime = e, !this.initialLayoutFinished && !s) return;
     const i = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
-    for (const m of this.hotLines) {
-      const g = this.processedLines[m];
-      if (g) {
-        if (g.isBG) return;
-        const b = this.processedLines[m + 1];
+    for (const d of this.hotLines) {
+      const y = this.processedLines[d];
+      if (y) {
+        if (y.isBG) continue;
+        const b = this.processedLines[d + 1];
         if (b != null && b.isBG) {
-          const S = this.processedLines[m + 2], x = Math.min(g.startTime, b == null ? void 0 : b.startTime), T = Math.min(
-            Math.max(g.endTime, (S == null ? void 0 : S.startTime) ?? Number.MAX_VALUE),
-            Math.max(g.endTime, b == null ? void 0 : b.endTime)
+          const w = this.processedLines[d + 2], L = Math.min(y.startTime, b == null ? void 0 : b.startTime), x = Math.min(
+            Math.max(y.endTime, (w == null ? void 0 : w.startTime) ?? Number.MAX_VALUE),
+            Math.max(y.endTime, b == null ? void 0 : b.endTime)
           );
-          (x > e || T <= e) && (this.hotLines.delete(m), i.add(m), this.hotLines.delete(m + 1), i.add(m + 1), s && ((a = this.currentLyricLineObjects[m]) == null || a.disable(), (o = this.currentLyricLineObjects[m + 1]) == null || o.disable()));
-        } else (g.startTime > e || g.endTime <= e) && (this.hotLines.delete(m), i.add(m), s && ((c = this.currentLyricLineObjects[m]) == null || c.disable()));
+          (L > e || x <= e) && (this.hotLines.delete(d), i.add(d), this.hotLines.delete(d + 1), i.add(d + 1), s && ((a = this.currentLyricLineObjects[d]) == null || a.disable(), (o = this.currentLyricLineObjects[d + 1]) == null || o.disable()));
+        } else (y.startTime > e || y.endTime <= e) && (this.hotLines.delete(d), i.add(d), s && ((h = this.currentLyricLineObjects[d]) == null || h.disable()));
       } else
-        this.hotLines.delete(m), i.add(m), s && ((h = this.currentLyricLineObjects[m]) == null || h.disable());
+        this.hotLines.delete(d), i.add(d), s && ((c = this.currentLyricLineObjects[d]) == null || c.disable());
     }
-    this.currentLyricLineObjects.forEach((m, g, b) => {
-      var x, T;
-      const S = m.getLine();
-      !S.isBG && S.startTime <= e && S.endTime > e && (this.hotLines.has(g) || (this.hotLines.add(g), r.add(g), s && m.enable(), (T = (x = b[g + 1]) == null ? void 0 : x.getLine()) != null && T.isBG && (this.hotLines.add(g + 1), r.add(g + 1), s && b[g + 1].enable())));
+    this.currentLyricLineObjects.forEach((d, y, b) => {
+      var L, x;
+      const w = d.getLine();
+      !w.isBG && w.startTime <= e && w.endTime > e && (this.hotLines.has(y) || (this.hotLines.add(y), r.add(y), s && d.enable(), (x = (L = b[y + 1]) == null ? void 0 : L.getLine()) != null && x.isBG && (this.hotLines.add(y + 1), r.add(y + 1), s && b[y + 1].enable())));
     });
-    for (const m of this.bufferedLines)
-      this.hotLines.has(m) || (n.add(m), s && ((l = this.currentLyricLineObjects[m]) == null || l.disable()));
+    for (const d of this.bufferedLines)
+      this.hotLines.has(d) || (n.add(d), s && ((l = this.currentLyricLineObjects[d]) == null || l.disable()));
     if (s) {
       this.bufferedLines.size > 0 ? this.scrollToIndex = Math.min(...this.bufferedLines) : this.scrollToIndex = this.processedLines.findIndex(
-        (m) => m.startTime >= e
+        (d) => d.startTime >= e
       ), this.bufferedLines.clear();
-      for (const m of this.hotLines)
-        this.bufferedLines.add(m);
-      this.calcLayout(!0);
+      for (const d of this.hotLines)
+        this.bufferedLines.add(d);
+      this.calcLayout();
     } else if (n.size > 0 || r.size > 0)
       if (n.size === 0 && r.size > 0) {
-        for (const m of r)
-          this.bufferedLines.add(m), (p = this.currentLyricLineObjects[m]) == null || p.enable();
+        for (const d of r)
+          this.bufferedLines.add(d), (p = this.currentLyricLineObjects[d]) == null || p.enable();
         this.scrollToIndex = Math.min(...this.bufferedLines), this.calcLayout();
       } else if (r.size === 0 && n.size > 0) {
         if (ms(n, this.bufferedLines)) {
-          for (const m of this.bufferedLines)
-            this.hotLines.has(m) || (this.bufferedLines.delete(m), (u = this.currentLyricLineObjects[m]) == null || u.disable());
+          for (const d of this.bufferedLines)
+            this.hotLines.has(d) || (this.bufferedLines.delete(d), (u = this.currentLyricLineObjects[d]) == null || u.disable());
           this.calcLayout();
         }
       } else {
-        for (const m of r)
-          this.bufferedLines.add(m), (y = this.currentLyricLineObjects[m]) == null || y.enable();
-        for (const m of n)
-          this.bufferedLines.delete(m), (L = this.currentLyricLineObjects[m]) == null || L.disable();
+        for (const d of r)
+          this.bufferedLines.add(d), (g = this.currentLyricLineObjects[d]) == null || g.enable();
+        for (const d of n)
+          this.bufferedLines.delete(d), (M = this.currentLyricLineObjects[d]) == null || M.disable();
         this.bufferedLines.size > 0 && (this.scrollToIndex = Math.min(...this.bufferedLines)), this.calcLayout();
       }
     this.lastCurrentTime = e;
@@ -5430,59 +5499,54 @@ class $t extends EventTarget {
    * @param force 是否不经过动画直接修改布局定位
    * @param reflow 是否进行重新布局（重新计算每行歌词大小）
    */
-  async calcLayout(e, s) {
-    var y;
-    s && (await Promise.all(
-      this.currentLyricLineObjects.map(async (L) => {
-        const m = await L.measureSize();
-        this.lyricLinesSize.set(L, m);
-      })
-    ), this.interludeDotsSize[0] = this.interludeDots.getElement().clientWidth, this.interludeDotsSize[1] = this.interludeDots.getElement().clientHeight, this.bottomLine.lineSize = await this.bottomLine.measureSize());
-    const i = this.getCurrentInterlude();
-    let n = -this.scrollOffset, r = this.scrollToIndex, a = 0;
-    i ? (a = i[1] - i[0], a >= 4e3 && this.currentLyricLineObjects[i[2] + 1] && (r = i[2] + 1)) : this.interludeDots.setInterlude(void 0);
-    const o = this.currentLyricLineObjects.slice(0, r).reduce(
-      (L, m) => {
-        var g;
-        return L + (m.getLine().isBG ? 0 : ((g = this.lyricLinesSize.get(m)) == null ? void 0 : g[1]) ?? 0);
+  async calcLayout(e = !1) {
+    var g;
+    const s = this.getCurrentInterlude();
+    let i = -this.scrollOffset, n = this.scrollToIndex, r = 0;
+    s ? (r = s[1] - s[0], r >= 4e3 && this.currentLyricLineObjects[s[2] + 1] && (n = s[2] + 1)) : this.interludeDots.setInterlude(void 0);
+    const a = this.size[1] / 5, o = this.currentLyricLineObjects.slice(0, n).reduce(
+      (M, d) => {
+        var y;
+        return M + (d.getLine().isBG && this.isPlaying ? 0 : ((y = this.lyricLinesSize.get(d)) == null ? void 0 : y[1]) ?? a);
       },
       0
     );
-    this.scrollBoundary[0] = -o, n -= o, n += this.size[1] * this.alignPosition;
-    const c = this.currentLyricLineObjects[r];
-    if (this.targetAlignIndex = r, c) {
-      const L = ((y = this.lyricLinesSize.get(c)) == null ? void 0 : y[1]) ?? 0;
+    this.scrollBoundary[0] = -o, i -= o, i += this.size[1] * this.alignPosition;
+    const h = this.currentLyricLineObjects[n];
+    if (this.targetAlignIndex = n, h) {
+      const M = ((g = this.lyricLinesSize.get(h)) == null ? void 0 : g[1]) ?? a;
       switch (this.alignAnchor) {
         case "bottom":
-          n -= L;
+          i -= M;
           break;
         case "center":
-          n -= L / 2;
+          i -= M / 2;
           break;
       }
     }
-    const h = Math.max(...this.bufferedLines);
-    let l = 0, p = 0.05, u = !1;
-    this.currentLyricLineObjects.forEach((L, m) => {
-      var w, z;
-      const g = this.bufferedLines.has(m), b = g || m >= this.scrollToIndex && m < h, S = L.getLine();
-      !u && a >= 4e3 && (m === this.scrollToIndex && (i == null ? void 0 : i[2]) === -2 || m === this.scrollToIndex + 1) && (u = !0, this.interludeDots.setTransform(0, n + 10), i && this.interludeDots.setInterlude([i[0], i[1]]), n += this.interludeDotsSize[1] + 40);
-      let x;
-      this.hidePassedLines ? m < (i ? i[2] + 1 : this.scrollToIndex) ? x = 0 : g ? x = 0.85 : x = this.isNonDynamic ? 0.2 : 1 : g ? x = 0.85 : x = this.isNonDynamic ? 0.2 : 1;
-      let T = 0;
-      this.enableBlur && (b ? T = 0 : (T = 1, m < this.scrollToIndex ? T += Math.abs(this.scrollToIndex - m) + 1 : T += Math.abs(
-        m - Math.max(this.scrollToIndex, h)
+    const c = Math.max(...this.bufferedLines);
+    let l = 0, p = e ? 0 : 0.05, u = !1;
+    this.currentLyricLineObjects.forEach((M, d) => {
+      var z, P;
+      const y = this.bufferedLines.has(d), b = y || d >= this.scrollToIndex && d < c, w = M.getLine();
+      !u && r >= 4e3 && (d === this.scrollToIndex && (s == null ? void 0 : s[2]) === -2 || d === this.scrollToIndex + 1) && (u = !0, this.interludeDots.setTransform(0, i), s && this.interludeDots.setInterlude([s[0], s[1]]), i += this.interludeDotsSize[1]);
+      let L;
+      this.hidePassedLines ? d < (s ? s[2] + 1 : this.scrollToIndex) && this.isPlaying ? L = 1e-5 : y ? L = 0.85 : L = this.isNonDynamic ? 0.2 : 1 : y ? L = 0.85 : L = this.isNonDynamic ? 0.2 : 1;
+      let x = 0;
+      this.enableBlur && (b ? x = 0 : (x = 1, d < this.scrollToIndex ? x += Math.abs(this.scrollToIndex - d) + 1 : x += Math.abs(
+        d - Math.max(this.scrollToIndex, c)
       )));
-      const E = this.enableScale ? 97 : 100;
-      L.setTransform(
-        n,
-        b ? 100 : S.isBG ? 75 : E,
-        x,
-        window.innerWidth <= 1024 ? T * 0.8 : T,
-        e,
+      const S = this.enableScale ? 97 : 100;
+      let T = 100;
+      !b && this.isPlaying && (w.isBG ? T = 75 : T = S), M.setTransform(
+        i,
+        T,
+        L,
+        window.innerWidth <= 1024 ? x * 0.8 : x,
+        !1,
         l
-      ), S.isBG && b ? n += ((w = this.lyricLinesSize.get(L)) == null ? void 0 : w[1]) ?? 0 : S.isBG || (n += ((z = this.lyricLinesSize.get(L)) == null ? void 0 : z[1]) ?? 0), n >= 0 && !this.isSeeking && (S.isBG || (l += p), m >= this.scrollToIndex && (p /= 1.05));
-    }), this.scrollBoundary[1] = n + this.scrollOffset - this.size[1] / 2, this.bottomLine.setTransform(0, n, e, l);
+      ), w.isBG && (b || !this.isPlaying) ? i += ((z = this.lyricLinesSize.get(M)) == null ? void 0 : z[1]) ?? a : w.isBG || (i += ((P = this.lyricLinesSize.get(M)) == null ? void 0 : P[1]) ?? a), i >= 0 && !this.isSeeking && (w.isBG || (l += p), d >= this.scrollToIndex && (p /= 1.05));
+    }), this.scrollBoundary[1] = i + this.scrollOffset - this.size[1] / 2, this.bottomLine.setTransform(0, i, !1, l);
   }
   /**
    * 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。
@@ -5522,16 +5586,16 @@ class $t extends EventTarget {
       s.getLine().isBG ? s.lineTransforms.scale.updateParams(this.scaleForBGSpringParams) : s.lineTransforms.scale.updateParams(this.scaleSpringParams);
   }
   /**
-   * 暂停部分效果演出，目前会暂停播放间奏点的动画
+   * 暂停部分效果演出，目前会暂停播放间奏点的动画，且将背景歌词显示出来
    */
   pause() {
-    this.interludeDots.pause();
+    this.interludeDots.pause(), this.isPlaying && (this.isPlaying = !1, this.calcLayout());
   }
   /**
    * 恢复部分效果演出，目前会恢复播放间奏点的动画
    */
   resume() {
-    this.interludeDots.resume();
+    this.interludeDots.resume(), this.isPlaying || (this.isPlaying = !0, this.calcLayout());
   }
   /**
    * 更新动画，这个函数应该被逐帧调用或者在以下情况下调用一次：
@@ -5589,7 +5653,7 @@ class $t extends EventTarget {
     this.element.remove(), window.removeEventListener("pageshow", this.onPageShow), window.removeEventListener("pagehide", this.onPageHide);
   }
 }
-class q extends EventTarget {
+class H extends EventTarget {
   constructor() {
     super(...arguments);
     f(this, "top", 0);
@@ -5598,10 +5662,12 @@ class q extends EventTarget {
     f(this, "opacity", 1);
     f(this, "delay", 0);
     f(this, "lineTransforms", {
-      posY: new vt(0),
-      scale: new vt(100)
+      posY: new Pt(0),
+      scale: new Pt(100)
     });
   }
+  onLineSizeChange(e) {
+  }
   setTransform(e = this.top, s = this.scale, i = this.opacity, n = this.blur, r = !1, a = 0) {
     this.top = e, this.scale = s, this.opacity = i, this.blur = n, this.delay = a;
   }
@@ -5621,67 +5687,73 @@ class q extends EventTarget {
   dispose() {
   }
 }
-function xs(d) {
-  return d && d.__esModule && Object.prototype.hasOwnProperty.call(d, "default") ? d.default : d;
-}
-var Ts = 4, ws = 1e-3, Ss = 1e-7, Es = 10, mt = 11, Tt = 1 / (mt - 1), Ps = typeof Float32Array == "function";
-function fe(d, t) {
-  return 1 - 3 * t + 3 * d;
-}
-function ue(d, t) {
-  return 3 * t - 6 * d;
-}
-function ye(d) {
-  return 3 * d;
-}
-function zt(d, t, e) {
-  return ((fe(t, e) * d + ue(t, e)) * d + ye(t)) * d;
-}
-function ge(d, t, e) {
-  return 3 * fe(t, e) * d * d + 2 * ue(t, e) * d + ye(t);
+function xs(m) {
+  return m && m.__esModule && Object.prototype.hasOwnProperty.call(m, "default") ? m.default : m;
 }
-function vs(d, t, e, s, i) {
-  var n, r, a = 0;
-  do
-    r = t + (e - t) / 2, n = zt(r, s, i) - d, n > 0 ? e = r : t = r;
-  while (Math.abs(n) > Ss && ++a < Es);
-  return r;
-}
-function zs(d, t, e, s) {
-  for (var i = 0; i < Ts; ++i) {
-    var n = ge(t, e, s);
-    if (n === 0)
-      return t;
-    var r = zt(t, e, s) - d;
-    t -= r / n;
-  }
-  return t;
-}
-function ks(d) {
-  return d;
+var Ft, se;
+function Ts() {
+  if (se) return Ft;
+  se = 1;
+  var m = 4, t = 1e-3, e = 1e-7, s = 10, i = 11, n = 1 / (i - 1), r = typeof Float32Array == "function";
+  function a(M, d) {
+    return 1 - 3 * d + 3 * M;
+  }
+  function o(M, d) {
+    return 3 * d - 6 * M;
+  }
+  function h(M) {
+    return 3 * M;
+  }
+  function c(M, d, y) {
+    return ((a(d, y) * M + o(d, y)) * M + h(d)) * M;
+  }
+  function l(M, d, y) {
+    return 3 * a(d, y) * M * M + 2 * o(d, y) * M + h(d);
+  }
+  function p(M, d, y, b, w) {
+    var L, x, S = 0;
+    do
+      x = d + (y - d) / 2, L = c(x, b, w) - M, L > 0 ? y = x : d = x;
+    while (Math.abs(L) > e && ++S < s);
+    return x;
+  }
+  function u(M, d, y, b) {
+    for (var w = 0; w < m; ++w) {
+      var L = l(d, y, b);
+      if (L === 0)
+        return d;
+      var x = c(d, y, b) - M;
+      d -= x / L;
+    }
+    return d;
+  }
+  function g(M) {
+    return M;
+  }
+  return Ft = function(d, y, b, w) {
+    if (!(0 <= d && d <= 1 && 0 <= b && b <= 1))
+      throw new Error("bezier x values must be in [0, 1] range");
+    if (d === y && b === w)
+      return g;
+    for (var L = r ? new Float32Array(i) : new Array(i), x = 0; x < i; ++x)
+      L[x] = c(x * n, d, b);
+    function S(T) {
+      for (var z = 0, P = 1, I = i - 1; P !== I && L[P] <= T; ++P)
+        z += n;
+      --P;
+      var v = (T - L[P]) / (L[P + 1] - L[P]), D = z + v * n, F = l(D, d, b);
+      return F >= t ? u(T, D, d, b) : F === 0 ? D : p(T, z, z + n, d, b);
+    }
+    return function(z) {
+      return z === 0 ? 0 : z === 1 ? 1 : c(S(z), y, w);
+    };
+  }, Ft;
 }
-var Is = function(t, e, s, i) {
-  if (!(0 <= t && t <= 1 && 0 <= s && s <= 1))
-    throw new Error("bezier x values must be in [0, 1] range");
-  if (t === e && s === i)
-    return ks;
-  for (var n = Ps ? new Float32Array(mt) : new Array(mt), r = 0; r < mt; ++r)
-    n[r] = zt(r * Tt, t, s);
-  function a(o) {
-    for (var c = 0, h = 1, l = mt - 1; h !== l && n[h] <= o; ++h)
-      c += Tt;
-    --h;
-    var p = (o - n[h]) / (n[h + 1] - n[h]), u = c + p * Tt, y = ge(u, t, s);
-    return y >= ws ? zs(o, u, t, s) : y === 0 ? u : vs(o, c, c + Tt, t, s);
-  }
-  return function(c) {
-    return c === 0 ? 0 : c === 1 ? 1 : zt(a(c), e, i);
-  };
-};
-const It = /* @__PURE__ */ xs(Is), Ds = /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u;
-function qt(d) {
+var ws = Ts();
+const It = /* @__PURE__ */ xs(ws), Ss = /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u;
+function $t(m) {
   const t = [];
-  for (const n of d) {
+  for (const n of m) {
     const r = n.word.replace(/\s/g, "").length, a = n.word.split(" ").filter((o) => o.trim().length > 0);
     if (a.length > 1) {
       n.word.startsWith(" ") && t.push({
@@ -5691,19 +5763,19 @@ function qt(d) {
         obscene: !1
       });
       let o = 0;
-      for (const c of a) {
-        const h = {
-          word: c,
+      for (const h of a) {
+        const c = {
+          word: h,
           obscene: n.obscene,
           startTime: n.startTime + o / r * (n.endTime - n.startTime),
-          endTime: n.startTime + (o + c.length) / r * (n.endTime - n.startTime)
+          endTime: n.startTime + (o + h.length) / r * (n.endTime - n.startTime)
         };
-        t.push(h), t.push({
+        t.push(c), t.push({
           word: " ",
           startTime: 0,
           endTime: 0,
           obscene: !1
-        }), o += c.length;
+        }), o += h.length;
       }
       n.word.endsWith(" ") || t.pop();
     } else
@@ -5715,11 +5787,11 @@ function qt(d) {
   const i = [];
   for (const n of t) {
     const r = n.word;
-    e.push(r), s.push(n), r.length > 0 && r.trim().length === 0 ? (e.pop(), s.pop(), s.length === 1 ? i.push(s[0]) : s.length > 1 && i.push(s), i.push(n), e = [], s = []) : (!/^\s*[^\s]*\s*$/.test(e.join("")) || Ds.test(r)) && (e.pop(), s.pop(), s.length === 1 ? i.push(s[0]) : s.length > 1 && i.push(s), e = [r], s = [n]);
+    e.push(r), s.push(n), r.length > 0 && r.trim().length === 0 ? (e.pop(), s.pop(), s.length === 1 ? i.push(s[0]) : s.length > 1 && i.push(s), i.push(n), e = [], s = []) : (!/^\s*[^\s]*\s*$/.test(e.join("")) || Ss.test(r)) && (e.pop(), s.pop(), s.length === 1 ? i.push(s[0]) : s.length > 1 && i.push(s), e = [r], s = [n]);
   }
   return s.length === 1 ? i.push(s[0]) : i.push(s), i;
 }
-function Le() {
+function fe() {
   return [
     1,
     0,
@@ -5739,69 +5811,53 @@ function Le() {
     1
   ];
 }
-function Me(d, t = 1, e = { x: 0, y: 0 }) {
+function ue(m, t = 1, e = { x: 0, y: 0 }) {
   const [s, i] = [e.x, e.y];
   return [
-    d[0] * t,
-    d[1] * t,
-    d[2] * t,
-    d[3],
-    d[4] * t,
-    d[5] * t,
-    d[6] * t,
-    d[7],
-    d[8] * t,
-    d[9] * t,
-    d[10] * t,
-    d[11],
-    d[12] - s * t + s,
-    d[13] - i * t + i,
-    d[14],
-    d[15]
+    m[0] * t,
+    m[1] * t,
+    m[2] * t,
+    m[3],
+    m[4] * t,
+    m[5] * t,
+    m[6] * t,
+    m[7],
+    m[8] * t,
+    m[9] * t,
+    m[10] * t,
+    m[11],
+    m[12] - s * t + s,
+    m[13] - i * t + i,
+    m[14],
+    m[15]
   ];
 }
-function be(d, t = 4) {
+function ye(m, t = 4) {
   const e = (s, i) => s.toFixed(t);
-  return `matrix3d(${d.map(e).join(", ")})`;
+  return `matrix3d(${m.map(e).join(", ")})`;
 }
-function xe(d) {
-  const t = [];
-  function e() {
-    const s = t[0];
-    s && d(...s.args).then((i) => {
-      s.resolve(i);
-    }).catch((i) => {
-      s.reject(i);
-    }).finally(() => {
-      t.shift(), t.length > 0 && e();
-    });
-  }
-  return (...s) => new Promise((i, n) => {
-    t.push({ resolve: i, reject: n, args: s }), t.length === 1 && e();
-  });
-}
-const wt = 32, Te = (d, t) => (e) => Math.min(1, Math.max(0, (e - d) / (t - d))), Ht = 0.5, Fs = Te(0, Ht), _s = Te(Ht, 1), As = It(0.2, 0.4, 0.58, 1), Rs = It(0.3, 0, 0.58, 1), Cs = (d) => (t) => t < d ? As(Fs(t)) : 1 - Rs(_s(t));
-function ie(d, t = 0, e = "rgba(0,0,0,var(--bright-mask-alpha, 1.0))", s = "rgba(0,0,0,var(--dark-mask-alpha, 1.0))") {
-  const i = 2 + d + t, n = d / i, r = (1 - n) / 2;
+const St = 32, ge = (m, t) => (e) => Math.min(1, Math.max(0, (e - m) / (t - m))), Vt = 0.5, Es = ge(0, Vt), vs = ge(Vt, 1), Ps = It(0.2, 0.4, 0.58, 1), zs = It(0.3, 0, 0.58, 1), Is = (m) => (t) => t < m ? Ps(Es(t)) : 1 - zs(vs(t));
+function ie(m, t = 0, e = "rgba(0,0,0,var(--bright-mask-alpha, 1.0))", s = "rgba(0,0,0,var(--dark-mask-alpha, 1.0))") {
+  const i = 2 + m + t, n = m / i, r = (1 - n) / 2;
   return [
     `linear-gradient(to right,${e} ${r * 100}%,${s} ${(r + n) * 100}%)`,
     i
   ];
 }
-let Os = class extends MouseEvent {
+let ks = class extends MouseEvent {
   constructor(t, e) {
     super(e.type, e), this.line = t;
   }
 };
-function Ws(d) {
-  const t = d.match(/matrix\(([^)]+)\)/);
+function Ds(m) {
+  const t = m.match(/matrix\(([^)]+)\)/);
   if (t) {
     const e = t[1].split(", "), s = Number.parseFloat(e[0]), i = Number.parseFloat(e[3]);
     return (s + i) / 2;
   }
   return 1;
 }
-let Ns = class extends q {
+let Fs = class extends H {
   constructor(e, s = {
     words: [],
     translatedLyric: "",
@@ -5818,7 +5874,7 @@ let Ns = class extends q {
     f(this, "lineSize", [0, 0]);
     f(this, "listenersMap", /* @__PURE__ */ new Map());
     f(this, "onMouseEvent", (e) => {
-      const s = new Os(this, e);
+      const s = new ks(this, e);
       for (const i of this.listenersMap.get(e.type) ?? [])
         i.call(this, s);
       if (!this.dispatchEvent(s) || s.defaultPrevented)
@@ -5826,27 +5882,12 @@ let Ns = class extends q {
     });
     f(this, "isEnabled", !1);
     f(this, "lastWord");
-    f(this, "measureLockMark", !1);
-    f(this, "measureLock", xe(
-      async (e) => {
-        this.measureLockMark || (this.measureLockMark = !0, this._hide && await ot(() => {
-          this._prevParentEl.appendChild(this.element), this.element.style.display = "", this.element.style.visibility = "hidden";
-        }), await e(), this._hide && await ot(() => {
-          this._prevParentEl.removeChild(this.element), this.element.style.display = "none", this.element.style.visibility = "";
-        }), this.measureLockMark = !1);
-      }
-    ));
     f(this, "_hide", !0);
     f(this, "_prevParentEl");
     f(this, "lastStyle", "");
-    f(this, "maskImageDirty", !1);
-    f(this, "markImageDirtyPromiseResolve", /* @__PURE__ */ new Set());
-    f(this, "markImageDirtyPromise", new Promise((e) => {
-      this.markImageDirtyPromiseResolve.add(e);
-    }));
-    this.lyricPlayer = e, this.lyricLine = s, this._prevParentEl = e.getElement(), this.element.setAttribute("class", C.lyricLine), this.lyricLine.isBG && this.element.classList.add(C.lyricBgLine), this.lyricLine.isDuet && this.element.classList.add(C.lyricDuetLine), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div"));
+    this.lyricPlayer = e, this.lyricLine = s, this._prevParentEl = e.getElement(), e.resizeObserver.observe(this.element), this.element.setAttribute("class", W.lyricLine), this.lyricLine.isBG && this.element.classList.add(W.lyricBgLine), this.lyricLine.isDuet && this.element.classList.add(W.lyricDuetLine), this.lineTransforms.posY.setPosition(window.innerHeight * 2), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div"));
     const i = this.element.children[0], n = this.element.children[1], r = this.element.children[2];
-    i.setAttribute("class", C.lyricMainLine), n.setAttribute("class", C.lyricSubLine), r.setAttribute("class", C.lyricSubLine), this.rebuildElement(), this.rebuildStyle(), this.markMaskImageDirty("Initial construction");
+    i.setAttribute("class", W.lyricMainLine), n.setAttribute("class", W.lyricSubLine), r.setAttribute("class", W.lyricSubLine), this.rebuildElement(), this.rebuildStyle();
   }
   addMouseEventListener(e, s, i) {
     if (s) {
@@ -5868,7 +5909,7 @@ let Ns = class extends q {
     return !0;
   }
   async enable(e = this.lyricLine.startTime) {
-    this.isEnabled = !0, this.element.classList.add(C.active), await this.waitMaskImageUpdated();
+    this.isEnabled = !0, this.element.classList.add(W.active);
     const s = this.element.children[0];
     for (const i of this.splittedWords) {
       for (const n of i.elementAnimations)
@@ -5879,18 +5920,18 @@ let Ns = class extends q {
           Math.max(0, e - this.lyricLine.startTime)
         ), n.playbackRate = 1, n.play();
     }
-    s.classList.add(C.active);
+    s.classList.add(W.active);
   }
   disable() {
-    this.isEnabled = !1, this.element.classList.remove(C.active);
+    this.isEnabled = !1, this.element.classList.remove(W.active);
     const e = this.element.children[0];
     for (const s of this.splittedWords)
       for (const i of s.elementAnimations)
         (i.id === "float-word" || i.id.includes("emphasize-word-float-only")) && (i.playbackRate = -1, i.play());
-    e.classList.remove(C.active);
+    e.classList.remove(W.active);
   }
   async resume() {
-    if (await this.waitMaskImageUpdated(), !!this.isEnabled)
+    if (this.isEnabled)
       for (const e of this.splittedWords) {
         for (const s of e.elementAnimations)
           (!this.lastWord || this.splittedWords.indexOf(this.lastWord) < this.splittedWords.indexOf(e)) && s.play();
@@ -5899,7 +5940,7 @@ let Ns = class extends q {
       }
   }
   async pause() {
-    if (await this.waitMaskImageUpdated(), !!this.isEnabled)
+    if (this.isEnabled)
       for (const e of this.splittedWords) {
         for (const s of e.elementAnimations)
           s.pause();
@@ -5913,23 +5954,14 @@ let Ns = class extends q {
       for (const n of i.maskAnimations)
         n.currentTime = Math.min(this.totalDuration, Math.max(0, s)), n.playbackRate = 1, s >= 0 && s < this.totalDuration ? n.play() : n.pause();
   }
-  async measureSize() {
-    return await this.measureLock(async () => {
-      const e = await ft(() => [
-        this.element.clientWidth,
-        this.element.clientHeight
-      ]);
-      this.lineSize = e;
-    }), this.lineSize;
-  }
   getLine() {
     return this.lyricLine;
   }
   show() {
-    this._hide = !1, !this.measureLockMark && !this.element.parentElement && this._prevParentEl.appendChild(this.element), this.rebuildStyle();
+    this._hide = !1, this.element.parentElement || (this._prevParentEl.appendChild(this.element), this.lyricPlayer.resizeObserver.observe(this.element)), this.rebuildStyle();
   }
   hide() {
-    this._hide = !0, !this.measureLockMark && this.element.parentElement && this._prevParentEl.removeChild(this.element);
+    this._hide = !0, this.element.parentElement && (this._prevParentEl.removeChild(this.element), this.lyricPlayer.resizeObserver.unobserve(this.element));
   }
   rebuildStyle() {
     let e = "";
@@ -5944,7 +5976,7 @@ let Ns = class extends q {
       e.innerText = this.lyricLine.words.map((r) => r.word).join(""), s.innerText = this.lyricLine.translatedLyric, i.innerText = this.lyricLine.romanLyric;
       return;
     }
-    const n = qt(this.lyricLine.words);
+    const n = $t(this.lyricLine.words);
     e.innerHTML = "";
     for (const r of n)
       if (Array.isArray(r)) {
@@ -5958,19 +5990,19 @@ let Ns = class extends q {
             wordType: "normal",
             obscene: !1
           }
-        ), o = r.map((l) => q.shouldEmphasize(l)).reduce((l, p) => l || p, q.shouldEmphasize(a)), c = document.createElement("span");
-        c.classList.add(C.emphasizeWrapper);
-        const h = [];
+        ), o = r.map((l) => H.shouldEmphasize(l)).reduce((l, p) => l || p, H.shouldEmphasize(a)), h = document.createElement("span");
+        h.classList.add(W.emphasizeWrapper);
+        const c = [];
         for (const l of r) {
           const p = document.createElement("span");
           if (o) {
-            p.classList.add(C.emphasize);
+            p.classList.add(W.emphasize);
             const u = [];
-            for (const L of l.word.trim().split("")) {
-              const m = document.createElement("span");
-              m.innerText = L, u.push(m), h.push(m), p.appendChild(m);
+            for (const M of l.word.trim().split("")) {
+              const d = document.createElement("span");
+              d.innerText = M, u.push(d), c.push(d), p.appendChild(d);
             }
-            const y = {
+            const g = {
               ...l,
               mainElement: p,
               subElements: u,
@@ -5981,7 +6013,7 @@ let Ns = class extends q {
               padding: 0,
               shouldEmphasize: o
             };
-            this.splittedWords.push(y);
+            this.splittedWords.push(g);
           } else
             p.innerText = l.word, this.splittedWords.push({
               ...l,
@@ -5994,20 +6026,20 @@ let Ns = class extends q {
               padding: 0,
               shouldEmphasize: o
             });
-          c.appendChild(p);
+          h.appendChild(p);
         }
         o && this.splittedWords[this.splittedWords.length - 1].elementAnimations.push(
           ...this.initEmphasizeAnimation(
             a,
-            h,
+            c,
             a.endTime - a.startTime,
             a.startTime - this.lyricLine.startTime
           )
-        ), a.word.trimStart() !== a.word && e.appendChild(document.createTextNode(" ")), e.appendChild(c), a.word.trimEnd() !== a.word && q.shouldEmphasize(a) && e.appendChild(document.createTextNode(" "));
+        ), a.word.trimStart() !== a.word && e.appendChild(document.createTextNode(" ")), e.appendChild(h), a.word.trimEnd() !== a.word && H.shouldEmphasize(a) && e.appendChild(document.createTextNode(" "));
       } else if (r.word.trim().length === 0)
         e.appendChild(document.createTextNode(" "));
       else {
-        const a = q.shouldEmphasize(r), o = document.createElement("span"), c = {
+        const a = H.shouldEmphasize(r), o = document.createElement("span"), h = {
           ...r,
           mainElement: o,
           subElements: [],
@@ -6018,26 +6050,26 @@ let Ns = class extends q {
           padding: 0,
           shouldEmphasize: a
         };
-        if (q.shouldEmphasize(r)) {
-          o.classList.add(C.emphasize);
-          const h = [];
+        if (H.shouldEmphasize(r)) {
+          o.classList.add(W.emphasize);
+          const c = [];
           for (const p of r.word.trim().split("")) {
             const u = document.createElement("span");
-            u.innerText = p, h.push(u), o.appendChild(u);
+            u.innerText = p, c.push(u), o.appendChild(u);
           }
-          c.subElements = h;
-          const l = Math.abs(c.endTime - c.startTime);
-          c.elementAnimations.push(
+          h.subElements = c;
+          const l = Math.abs(h.endTime - h.startTime);
+          h.elementAnimations.push(
             ...this.initEmphasizeAnimation(
               r,
-              h,
+              c,
               l,
-              c.startTime - this.lyricLine.startTime
+              h.startTime - this.lyricLine.startTime
             )
           );
         } else
           o.innerText = r.word.trim();
-        r.word.trimStart() !== r.word && e.appendChild(document.createTextNode(" ")), e.appendChild(o), r.word.trimEnd() !== r.word && e.appendChild(document.createTextNode(" ")), this.splittedWords.push(c);
+        r.word.trimStart() !== r.word && e.appendChild(document.createTextNode(" ")), e.appendChild(o), r.word.trimEnd() !== r.word && e.appendChild(document.createTextNode(" ")), this.splittedWords.push(h);
       }
     s.innerText = this.lyricLine.translatedLyric, i.innerText = this.lyricLine.romanLyric;
   }
@@ -6069,95 +6101,70 @@ let Ns = class extends q {
   // 为了避免产生锯齿抖动感，使用 matrix3d 来实现缩放和位移
   initEmphasizeAnimation(e, s, i, n) {
     const r = Math.max(0, n);
-    let a = Math.max(1e3, i), o = [], c = a / 2e3;
-    c = c > 1 ? Math.sqrt(c) : c ** 3;
-    let h = a / 3e3;
-    h = h > 1 ? Math.sqrt(h) : h ** 3, c *= 0.6, h *= 0.5, this.lyricLine.words.length > 0 && e.word.includes(
+    let a = Math.max(1e3, i), o = [], h = a / 2e3;
+    h = h > 1 ? Math.sqrt(h) : h ** 3;
+    let c = a / 3e3;
+    c = c > 1 ? Math.sqrt(c) : c ** 3, h *= 0.6, c *= 0.5, this.lyricLine.words.length > 0 && e.word.includes(
       this.lyricLine.words[this.lyricLine.words.length - 1].word
-    ) && (c *= 1.6, h *= 1.5, a *= 1.2), c = Math.min(1.2, c), h = Math.min(0.8, h);
-    const l = Number.isFinite(a) ? a : 0, p = Cs(Ht);
-    return o = s.flatMap((u, y, L) => {
-      const m = r + a / 2.5 / L.length * y, g = [], b = new Array(wt).fill(0).map((E, w) => {
-        const z = (w + 1) / wt, v = p(z), k = p(z) * h, P = Me(Le(), 1 + v * 0.1 * c), D = -v * 0.03 * c * (L.length / 2 - y), A = -v * 0.025 * c;
+    ) && (h *= 1.6, c *= 1.5, a *= 1.2), h = Math.min(1.2, h), c = Math.min(0.8, c);
+    const l = Number.isFinite(a) ? a : 0, p = Is(Vt);
+    return o = s.flatMap((u, g, M) => {
+      const d = r + a / 2.5 / M.length * g, y = [], b = new Array(St).fill(0).map((S, T) => {
+        const z = (T + 1) / St, P = p(z), I = p(z) * c, v = ue(fe(), 1 + P * 0.1 * h), D = -P * 0.03 * h * (M.length / 2 - g), F = -P * 0.025 * h;
         return {
           offset: z,
-          transform: `${be(
-            P,
+          transform: `${ye(
+            v,
             4
-          )} translate(${D}em, ${A}em)`,
+          )} translate(${D}em, ${F}em)`,
           textShadow: `0 0 ${Math.min(
             0.3,
-            h * 0.3
-          )}em rgba(255, 255, 255, ${k})`
+            c * 0.3
+          )}em rgba(255, 255, 255, ${I})`
         };
-      }), S = u.animate(b, {
+      }), w = u.animate(b, {
         duration: l,
-        delay: Number.isFinite(m) ? m : 0,
-        id: `emphasize-word-${u.innerText}-${y}`,
+        delay: Number.isFinite(d) ? d : 0,
+        id: `emphasize-word-${u.innerText}-${g}`,
         iterations: 1,
         composite: "replace",
         fill: "both"
       });
-      S.onfinish = () => {
-        S.pause();
-      }, S.pause(), g.push(S);
-      const x = new Array(wt).fill(0).map((E, w) => {
-        const z = (w + 1) / wt;
-        let v = Math.sin(z * Math.PI);
-        return this.lyricLine.isBG && (v *= 2), {
+      w.onfinish = () => {
+        w.pause();
+      }, w.pause(), y.push(w);
+      const L = new Array(St).fill(0).map((S, T) => {
+        const z = (T + 1) / St;
+        let P = Math.sin(z * Math.PI);
+        return this.lyricLine.isBG && (P *= 2), {
           offset: z,
-          transform: `translateY(${-v * 0.05}em)`
+          transform: `translateY(${-P * 0.05}em)`
         };
-      }), T = u.animate(x, {
+      }), x = u.animate(L, {
         duration: l * 1.4,
-        delay: Number.isFinite(m) ? m - 400 : 0,
+        delay: Number.isFinite(d) ? d - 400 : 0,
         id: "emphasize-word-float",
         iterations: 1,
         composite: "add",
         fill: "both"
       });
-      return T.onfinish = () => {
-        T.pause();
-      }, T.pause(), g.push(T), g;
+      return x.onfinish = () => {
+        x.pause();
+      }, x.pause(), y.push(x), y;
     }), o;
   }
   get totalDuration() {
     return this.lyricLine.endTime - this.lyricLine.startTime;
   }
-  markMaskImageDirty(e = "") {
-    this.maskImageDirty = !0, this.element.classList.contains(C.dirty) || this.element.classList.add(C.dirty);
-    const s = Promise.all([
-      this.markImageDirtyPromise,
-      new Promise((i) => {
-        this.markImageDirtyPromiseResolve.add(i);
-      })
-    ]).then(() => {
-    });
-    return this.markImageDirtyPromise = s, s;
-  }
-  waitMaskImageUpdated() {
-    return this.markImageDirtyPromise;
+  onLineSizeChange(e) {
+    this.updateMaskImageSync();
   }
-  async updateMaskImage() {
-    this.maskImageDirty = !1, await this.measureLock(async () => {
-      await Promise.all(
-        this.splittedWords.map(async (e) => {
-          const s = e.mainElement;
-          s ? await ft(() => {
-            e.padding = Number.parseFloat(
-              getComputedStyle(s).paddingLeft
-            ), e.width = s.clientWidth - e.padding * 2, e.height = s.clientHeight - e.padding * 2;
-          }) : (e.width = 0, e.height = 0, e.padding = 0), e.width * e.height === 0 && console.warn("Word size is zero");
-        })
-      ), await ot(() => {
-        this.lyricPlayer.supportMaskImage ? this.generateWebAnimationBasedMaskImage() : this.generateCalcBasedMaskImage();
-      });
-    });
-    for (const e of this.markImageDirtyPromiseResolve)
-      e(), this.markImageDirtyPromiseResolve.delete(e);
-    await ot(() => {
-      this.element.classList.remove(C.dirty);
-    });
+  updateMaskImageSync() {
+    for (const e of this.splittedWords) {
+      const s = e.mainElement;
+      s ? (e.padding = Number.parseFloat(getComputedStyle(s).paddingLeft), e.width = s.clientWidth - e.padding * 2, e.height = s.clientHeight - e.padding * 2) : (e.width = 0, e.height = 0, e.padding = 0);
+    }
+    this.lyricPlayer.supportMaskImage ? this.generateWebAnimationBasedMaskImage() : this.generateCalcBasedMaskImage(), this.isEnabled && this.enable(this.lyricPlayer.getCurrentTime());
   }
   generateCalcBasedMaskImage() {
     for (const e of this.splittedWords) {
@@ -6168,8 +6175,8 @@ let Ns = class extends q {
           i / e.width
         ), a = `${r * 100}% 100%`;
         this.lyricPlayer.supportMaskImage ? (s.style.maskImage = n, s.style.maskRepeat = "no-repeat", s.style.maskOrigin = "left", s.style.maskSize = a) : (s.style.webkitMaskImage = n, s.style.webkitMaskRepeat = "no-repeat", s.style.webkitMaskOrigin = "left", s.style.webkitMaskSize = a);
-        const o = e.width + i, c = `clamp(${-o}px,calc(${-o}px + (var(--amll-player-time) - ${e.startTime})*${o / Math.abs(e.endTime - e.startTime)}px),0px) 0px, left top`;
-        s.style.maskPosition = c, s.style.webkitMaskPosition = c;
+        const o = e.width + i, h = `clamp(${-o}px,calc(${-o}px + (var(--amll-player-time) - ${e.startTime})*${o / Math.abs(e.endTime - e.startTime)}px),0px) 0px, left top`;
+        s.style.maskPosition = h, s.style.webkitMaskPosition = h;
       }
     }
   }
@@ -6183,57 +6190,57 @@ let Ns = class extends q {
       if (n) {
         const r = s.height * this.lyricPlayer.getWordFadeWidth(), [a, o] = ie(
           r / (s.width + s.padding * 2)
-        ), c = `${o * 100}% 100%`;
-        this.lyricPlayer.supportMaskImage ? (n.style.maskImage = a, n.style.maskRepeat = "no-repeat", n.style.maskOrigin = "left", n.style.maskSize = c) : (n.style.webkitMaskImage = a, n.style.webkitMaskRepeat = "no-repeat", n.style.webkitMaskOrigin = "left", n.style.webkitMaskSize = c);
-        const h = this.splittedWords.slice(0, i).reduce((x, T) => x + T.width, 0) + (this.splittedWords[0] ? r : 0), l = -(s.width + s.padding * 2 + r), p = (x) => Math.max(l, Math.min(0, x));
-        let u = -h - s.width - s.padding - r, y = 0;
-        const L = [];
-        let m = u, g = 0;
+        ), h = `${o * 100}% 100%`;
+        this.lyricPlayer.supportMaskImage ? (n.style.maskImage = a, n.style.maskRepeat = "no-repeat", n.style.maskOrigin = "left", n.style.maskSize = h) : (n.style.webkitMaskImage = a, n.style.webkitMaskRepeat = "no-repeat", n.style.webkitMaskOrigin = "left", n.style.webkitMaskSize = h);
+        const c = this.splittedWords.slice(0, i).reduce((L, x) => L + x.width, 0) + (this.splittedWords[0] ? r : 0), l = -(s.width + s.padding * 2 + r), p = (L) => Math.max(l, Math.min(0, L));
+        let u = -c - s.width - s.padding - r, g = 0;
+        const M = [];
+        let d = u, y = 0;
         const b = () => {
-          const x = u - m, T = Math.max(0, Math.min(1, y)), E = T - g, w = Math.abs(E / x);
-          if (u > l && m < l) {
-            const k = Math.abs(m - l) * w, P = `${p(m)}px 0`, D = {
-              offset: g + k,
-              maskPosition: P
+          const L = u - d, x = Math.max(0, Math.min(1, g)), S = x - y, T = Math.abs(S / L);
+          if (u > l && d < l) {
+            const I = Math.abs(d - l) * T, v = `${p(d)}px 0`, D = {
+              offset: y + I,
+              maskPosition: v
             };
-            L.push(D);
+            M.push(D);
           }
-          if (u > 0 && m < 0) {
-            const k = Math.abs(m) * w, P = `${p(u)}px 0`, D = {
-              offset: g + k,
-              maskPosition: P
+          if (u > 0 && d < 0) {
+            const I = Math.abs(d) * T, v = `${p(u)}px 0`, D = {
+              offset: y + I,
+              maskPosition: v
             };
-            L.push(D);
+            M.push(D);
           }
-          const z = `${p(u)}px 0`, v = {
-            offset: T,
+          const z = `${p(u)}px 0`, P = {
+            offset: x,
             maskPosition: z
           };
-          L.push(v), m = u, g = T;
+          M.push(P), d = u, y = x;
         };
         b();
-        let S = 0;
-        this.splittedWords.forEach((x, T) => {
+        let w = 0;
+        this.splittedWords.forEach((L, x) => {
           {
-            const E = x.startTime - this.lyricLine.startTime, w = E - S;
-            y += w / e, w > 0 && b(), S = E;
+            const S = L.startTime - this.lyricLine.startTime, T = S - w;
+            g += T / e, T > 0 && b(), w = S;
           }
           {
-            const E = x.endTime - x.startTime;
-            y += E / e, u += x.width, T === 0 && (u += r * 1.5), T === this.splittedWords.length - 1 && (u += r * 0.5), E > 0 && b(), S += E;
+            const S = L.endTime - L.startTime;
+            g += S / e, u += L.width, x === 0 && (u += r * 1.5), x === this.splittedWords.length - 1 && (u += r * 0.5), S > 0 && b(), w += S;
           }
         });
-        for (const x of s.maskAnimations)
-          x.cancel();
+        for (const L of s.maskAnimations)
+          L.cancel();
         try {
-          const x = n.animate(L, {
+          const L = n.animate(M, {
             duration: e || 1,
             id: `fade-word-${s.word}-${i}`,
             fill: "both"
           });
-          x.pause(), s.maskAnimations = [x];
-        } catch (x) {
-          console.warn("应用渐变动画发生错误", L, e, x);
+          L.pause(), s.maskAnimations = [L];
+        } catch (L) {
+          console.warn("应用渐变动画发生错误", M, e, L);
         }
       }
     });
@@ -6243,20 +6250,17 @@ let Ns = class extends q {
   }
   setTransform(e = this.top, s = this.scale, i = 1, n = 0, r = !1, a = 0) {
     super.setTransform(e, s, i, n, r, a);
-    const o = this.isInSight, c = this.lyricPlayer.getEnableSpring();
+    const o = this.isInSight, h = this.lyricPlayer.getEnableSpring();
     this.top = e, this.scale = s, this.delay = a * 1e3 | 0;
-    const h = this.element.children[0];
-    if (h.style.opacity = `${i}`, r || !c) {
-      if (this.blur = Math.min(32, n), r && this.element.classList.add(C.tmpDisableTransition), this.lineTransforms.posY.setPosition(e), this.lineTransforms.scale.setPosition(s), c)
+    const c = this.element.children[0];
+    if (c.style.opacity = `${i}`, r || !h)
+      if (this.blur = Math.min(32, n), this.lineTransforms.posY.setPosition(e), this.lineTransforms.scale.setPosition(s), h)
         this.rebuildStyle();
       else {
         const l = this.isInSight;
         o || l ? this.show() : this.hide();
       }
-      r && requestAnimationFrame(() => {
-        this.element.classList.remove(C.tmpDisableTransition);
-      });
-    } else if (this.lineTransforms.posY.setTargetPosition(e, a), this.lineTransforms.scale.setTargetPosition(s), this.blur !== Math.min(32, n)) {
+    else if (this.lineTransforms.posY.setTargetPosition(e, a), this.lineTransforms.scale.setTargetPosition(s), this.blur !== Math.min(32, n)) {
       this.blur = Math.min(32, n);
       const l = n.toFixed(3);
       this.element.style.filter = `blur(${l}px)`;
@@ -6264,7 +6268,7 @@ let Ns = class extends q {
   }
   update(e = 0) {
     if (this.lyricPlayer.getEnableSpring())
-      if (this.lineTransforms.posY.update(e), this.lineTransforms.scale.update(e), this.isInSight ? (this.show(), this.maskImageDirty && this.updateMaskImage()) : this.hide(), this.lyricPlayer.getEnableSpring())
+      if (this.lineTransforms.posY.update(e), this.lineTransforms.scale.update(e), this.isInSight ? this.show() : this.hide(), this.lyricPlayer.getEnableSpring())
         this.element.style.setProperty(
           "--bright-mask-alpha",
           `${Math.max(
@@ -6285,7 +6289,7 @@ let Ns = class extends q {
           ) * 0.2 + 0.2}`
         );
       else {
-        const i = window.getComputedStyle(this.element).transform, n = Ws(i);
+        const i = window.getComputedStyle(this.element).transform, n = Ds(i);
         this.element.style.setProperty(
           "--bright-mask-alpha",
           `${Math.max(0, Math.min(1, (n - 0.97) / 0.03)) * 0.8 + 0.2}`
@@ -6299,7 +6303,8 @@ let Ns = class extends q {
     return `[位移: ${this.top}; 缩放: ${this.scale}; 延时: ${this.delay}]`;
   }
   get isInSight() {
-    const e = this.lineTransforms.posY.getCurrentPosition(), s = this.lineSize[1], i = e + s, n = this.lyricPlayer.size[1];
+    var r;
+    const e = this.lineTransforms.posY.getCurrentPosition(), s = ((r = this.lyricPlayer.lyricLinesSize.get(this)) == null ? void 0 : r[1]) ?? 0, i = e + s, n = this.lyricPlayer.size[1];
     return !(e > n + s || i < -s);
   }
   disposeElements() {
@@ -6316,31 +6321,23 @@ let Ns = class extends q {
     this.splittedWords = [];
   }
   dispose() {
-    this.disposeElements(), this.element.remove();
+    this.disposeElements(), this.lyricPlayer.resizeObserver.unobserve(this.element), this.element.remove();
   }
 };
-class we extends MouseEvent {
+class Me extends MouseEvent {
   constructor(t, e, s) {
     super(`line-${s.type}`, s), this.lineIndex = t, this.line = e;
   }
 }
-class Bs extends $t {
+class pi extends qt {
   constructor() {
     super();
     f(this, "currentLyricLineObjects", []);
-    f(this, "debounceCalcLayout", he(
-      () => this.calcLayout(!0, !0).then(
-        () => this.currentLyricLineObjects.map(async (e, s) => {
-          e.markMaskImageDirty("DomLyricPlayer onResize"), await e.waitMaskImageUpdated(), this.hotLines.has(s) && (e.enable(this.currentTime), e.resume());
-        })
-      ),
-      1e3
-    ));
     f(this, "supportPlusLighter", CSS.supports("mix-blend-mode", "plus-lighter"));
     f(this, "supportMaskImage", CSS.supports("mask-image", "none"));
     f(this, "innerSize", [0, 0]);
     f(this, "onLineClickedHandler", (e) => {
-      const s = new we(
+      const s = new Me(
         this.lyricLinesIndexes.get(e.line) ?? -1,
         e.line,
         e
@@ -6350,16 +6347,11 @@ class Bs extends $t {
     f(this, "_baseFontSize", Number.parseFloat(
       getComputedStyle(this.element).fontSize
     ));
-    this.onResize(), this.element.classList.add("amll-lyric-player", "dom"), this.disableSpring && this.element.classList.add(C.disableSpring);
+    this.onResize(), this.element.classList.add("amll-lyric-player", "dom"), this.disableSpring && this.element.classList.add(W.disableSpring);
   }
   onResize() {
     const e = getComputedStyle(this.element);
-    this._baseFontSize = Number.parseFloat(e.fontSize);
-    const s = this.element.clientWidth - Number.parseFloat(e.paddingLeft) - Number.parseFloat(e.paddingRight), i = this.element.clientHeight - Number.parseFloat(e.paddingTop) - Number.parseFloat(e.paddingBottom);
-    this.innerSize[0] = s, this.innerSize[1] = i, this.rebuildStyle();
-    for (const n of this.currentLyricLineObjects)
-      n.getElement().classList.contains(C.dirty) || n.getElement().classList.add(C.dirty);
-    this.debounceCalcLayout();
+    this._baseFontSize = Number.parseFloat(e.fontSize), this.rebuildStyle();
   }
   /**
    * 是否为非逐词歌词
@@ -6372,16 +6364,11 @@ class Bs extends $t {
     return this._baseFontSize;
   }
   rebuildStyle() {
-    const e = this.innerSize[0], s = this.innerSize[1];
-    this.element.style.setProperty("--amll-lp-width", `${e.toFixed(4)}px`), this.element.style.setProperty(
-      "--amll-lp-height",
-      `${s.toFixed(4)}px`
-    );
   }
   setWordFadeWidth(e = 0.5) {
     super.setWordFadeWidth(e);
     for (const s of this.currentLyricLineObjects)
-      s.markMaskImageDirty("DomLyricPlayer setWordFadeWidth");
+      s.updateMaskImageSync();
   }
   /**
    * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误
@@ -6389,28 +6376,29 @@ class Bs extends $t {
    * @param initialTime 初始时间，默认为 0
    */
   setLyricLines(e, s = 0) {
-    super.setLyricLines(e, s), this.hasDuetLine ? this.element.classList.add(C.hasDuetLine) : this.element.classList.remove(C.hasDuetLine);
+    super.setLyricLines(e, s), this.hasDuetLine ? this.element.classList.add(W.hasDuetLine) : this.element.classList.remove(W.hasDuetLine), this.supportMaskImage || this.element.style.setProperty("--amll-player-time", `${s}`);
     for (const i of this.currentLyricLineObjects)
       i.removeMouseEventListener("click", this.onLineClickedHandler), i.removeMouseEventListener("contextmenu", this.onLineClickedHandler), i.dispose();
     this.currentLyricLineObjects = this.processedLines.map((i, n) => {
-      const r = new Ns(this, i);
-      return r.addMouseEventListener("click", this.onLineClickedHandler), r.addMouseEventListener("contextmenu", this.onLineClickedHandler), this.element.appendChild(r.getElement()), this.lyricLinesIndexes.set(r, n), r.markMaskImageDirty("DomLyricPlayer setLyricLines"), r;
-    }), this.setLinePosXSpringParams({}), this.setLinePosYSpringParams({}), this.setLineScaleSpringParams({}), this.calcLayout(!0, !0).then(() => {
-      this.initialLayoutFinished = !0;
-    });
+      const r = new Fs(this, i);
+      return r.addMouseEventListener("click", this.onLineClickedHandler), r.addMouseEventListener("contextmenu", this.onLineClickedHandler), this.element.appendChild(r.getElement()), this.lyricLinesIndexes.set(r, n), this.lyricLineElementMap.set(r.getElement(), r), r;
+    }), this.setLinePosXSpringParams({}), this.setLinePosYSpringParams({}), this.setLineScaleSpringParams({}), this.calcLayout(!0);
   }
   pause() {
-    super.pause(), this.interludeDots.pause();
+    super.pause(), this.element.classList.remove("playing"), this.interludeDots.pause();
     for (const e of this.currentLyricLineObjects)
       e.pause();
   }
   resume() {
-    super.resume(), this.interludeDots.resume();
+    super.resume(), this.element.classList.add("playing"), this.interludeDots.resume();
     for (const e of this.currentLyricLineObjects)
       e.resume();
   }
   update(e = 0) {
-    if (!this.initialLayoutFinished || (super.update(e), !this.isPageVisible)) return;
+    if (!this.initialLayoutFinished || (super.update(e), this.supportMaskImage || this.element.style.setProperty(
+      "--amll-player-time",
+      `${this.currentTime}`
+    ), !this.isPageVisible)) return;
     const s = e / 1e3;
     this.interludeDots.update(e), this.bottomLine.update(s);
     for (const i of this.currentLyricLineObjects)
@@ -6423,19 +6411,19 @@ class Bs extends $t {
     this.bottomLine.dispose(), this.interludeDots.dispose();
   }
 }
-const $s = /^\s+/, qs = /^[\p{L}0-9!"#$%&’()*+,-./:;<=>?@\[\]^_`\{|\}~]+/iu;
-function* Hs(d, t, e, s = 0) {
-  let i = s, n = 0, r = 0, a = 0, o = !1, c = null;
-  const h = d.measureText(" ");
+const As = /^\s+/, _s = /^[\p{L}0-9!"#$%&’()*+,-./:;<=>?@\[\]^_`\{|\}~]+/iu;
+function* Rs(m, t, e, s = 0) {
+  let i = s, n = 0, r = 0, a = 0, o = !1, h = null;
+  const c = m.measureText(" ");
   for (; a < t.length; ) {
     const l = t.substring(a);
-    if (c = l.match($s), c) {
-      o = !0, r = a, a += c[0].length;
+    if (h = l.match(As), h) {
+      o = !0, r = a, a += h[0].length;
       continue;
     }
-    if (c = l.match(qs), c) {
-      a += c[0].length;
-      const p = c[0], u = d.measureText(p);
+    if (h = l.match(_s), h) {
+      a += h[0].length;
+      const p = h[0], u = m.measureText(p);
       i + u.width > e.maxWidth && (i = 0, n++, o = !1), o && (o = !1, yield {
         text: " ",
         index: r,
@@ -6443,20 +6431,20 @@ function* Hs(d, t, e, s = 0) {
         width: 0,
         height: e.fontSize,
         x: i
-      }, i += h.width);
-      let y = "", L = null;
-      for (const m of p) {
-        const g = d.measureText(`${y}${m}`), b = d.measureText(m);
-        y !== "" && (i = i + g.width - b.width), i + b.width > e.maxWidth && (i = 0, n++), yield {
-          text: m,
+      }, i += c.width);
+      let g = "", M = null;
+      for (const d of p) {
+        const y = m.measureText(`${g}${d}`), b = m.measureText(d);
+        g !== "" && (i = i + y.width - b.width), i + b.width > e.maxWidth && (i = 0, n++), yield {
+          text: d,
           index: a,
           lineIndex: n,
           width: b.width,
           height: e.fontSize,
           x: i
-        }, y = m, L = b;
+        }, g = d, M = b;
       }
-      L && (i += L.width);
+      M && (i += M.width);
       continue;
     }
     {
@@ -6467,8 +6455,8 @@ function* Hs(d, t, e, s = 0) {
         width: 0,
         height: e.fontSize,
         x: i
-      }, i += h.width);
-      const p = d.measureText(t[a]);
+      }, i += c.width);
+      const p = m.measureText(t[a]);
       i + p.width > e.maxWidth && (i = 0, n++), yield {
         text: t[a],
         index: a,
@@ -6482,7 +6470,7 @@ function* Hs(d, t, e, s = 0) {
   }
   return { x: i, lineIndex: n };
 }
-function* _t(d, t, e, s = 0) {
+function* At(m, t, e, s = 0) {
   let i = {
     text: "",
     index: 0,
@@ -6491,13 +6479,13 @@ function* _t(d, t, e, s = 0) {
     height: 0,
     x: 0
   };
-  for (const n of Hs(d, t, e, s))
+  for (const n of Rs(m, t, e, s))
     n.lineIndex !== i.lineIndex ? (i.text.length && (yield i), i = {
       ...n
     }) : (i.text += n.text, i.width = n.x + n.width);
   i.text.length && (yield i);
 }
-class js extends q {
+class Cs extends H {
   constructor(e, s = {
     words: [],
     translatedLyric: "",
@@ -6540,17 +6528,16 @@ class js extends q {
     const e = {
       fontSize: this.player.baseFontSize,
       maxWidth: this.player.size[0] - 50,
-      lineHeight: this.player.baseFontSize,
-      uniformSpace: !0
+      lineHeight: this.player.baseFontSize
     }, s = this.player.ctx;
     this.player.setFontSize(1);
-    for (const r of qt(this.line.words))
+    for (const r of $t(this.line.words))
       Array.isArray(r) && r.length;
     this.layoutWords = [
-      [..._t(s, this.line.words.map((r) => r.word).join(""), e)]
+      [...At(s, this.line.words.map((r) => r.word).join(""), e)]
     ], this.player.setFontSize(0.5), this.translatedLayoutWords = [
-      ..._t(s, this.line.translatedLyric, e)
-    ], this.romanLayoutWords = [..._t(s, this.line.romanLyric, e)], this.measureSize(), this.lineCanvas.width = this.player.ctx.canvas.width, this.lineCanvas.height = this.lineSize[1] * devicePixelRatio;
+      ...At(s, this.line.translatedLyric, e)
+    ], this.romanLayoutWords = [...At(s, this.line.romanLyric, e)], this.measureSize(), this.lineCanvas.width = this.player.ctx.canvas.width, this.lineCanvas.height = this.lineSize[1] * devicePixelRatio;
     const i = this.lineCanvas.getContext("2d");
     i.globalAlpha = 1, this.player.setFontSize(1), i.font = s.font, i.scale(devicePixelRatio, devicePixelRatio), i.fillStyle = "white", i.textBaseline = "top", i.textAlign = "left", i.font = `${this.player.baseFontSize}px ${this.player.baseFontFamily}`;
     let n = 0;
@@ -6600,7 +6587,7 @@ class js extends q {
     s.save(), s.fillStyle = "white", s.filter = `blur(${this.blur}px)`, s.textRendering = "geometricPrecision", s.globalAlpha = this.opacity, s.translate(0, this.lineTransforms.posY.getCurrentPosition()), s.scale(1 / devicePixelRatio, 1 / devicePixelRatio), this.lineCanvas.width * this.lineCanvas.height > 0 && s.drawImage(this.lineCanvas, 0, 0), s.restore();
   }
 }
-class Ti extends $t {
+class fi extends qt {
   constructor() {
     super();
     f(this, "canvasElement", document.createElement("canvas"));
@@ -6623,8 +6610,8 @@ class Ti extends $t {
   }
   setLyricLines(e, s) {
     super.setLyricLines(e, s), this.currentLyricLineObjects = this.processedLines.map(
-      (i) => new js(this, i)
-    ), this.setLinePosXSpringParams({}), this.setLinePosYSpringParams({}), this.setLineScaleSpringParams({}), this.calcLayout(!0, !0);
+      (i) => new Cs(this, i)
+    ), this.setLinePosYSpringParams({}), this.setLineScaleSpringParams({}), this.calcLayout(!0, !0);
   }
   onResize() {
     const e = getComputedStyle(this.element);
@@ -6651,40 +6638,60 @@ class Ti extends $t {
     s.restore(), s.font = `15px ${this.baseFontFamily}`, s.fillStyle = "#FFFFFF55", s.textAlign = "right", s.fillText("CanvasLyricPlayer 播放器", i - 16, n - 16);
   }
 }
-const Ys = "_lyricLine_1ygrf_6", Us = "_lyricBgLine_1ygrf_33", Vs = "_active_1ygrf_42", Gs = "_hasDuetLine_1ygrf_54", Xs = "_lyricDuetLine_1ygrf_55", Zs = "_lyricMainLine_1ygrf_69", Js = "_lyricSubLine_1ygrf_79", Qs = "_interludeDots_1ygrf_86", Ks = "_enabled_1ygrf_97", ti = "_duet_1ygrf_111", ei = "_tmpDisableTransition_1ygrf_123", $ = {
-  lyricLine: Ys,
-  lyricBgLine: Us,
-  active: Vs,
-  hasDuetLine: Gs,
-  lyricDuetLine: Xs,
-  lyricMainLine: Zs,
-  lyricSubLine: Js,
-  interludeDots: Qs,
-  enabled: Ks,
-  duet: ti,
-  tmpDisableTransition: ei
-}, St = 32, Se = (d, t) => (e) => Math.min(1, Math.max(0, (e - d) / (t - d))), jt = 0.5, si = Se(0, jt), ii = Se(jt, 1), ni = It(0.2, 0.4, 0.58, 1), ri = It(0.3, 0, 0.58, 1), ai = (d) => (t) => t < d ? ni(si(t)) : 1 - ri(ii(t));
-function ne(d, t = 0, e = "rgba(0,0,0,var(--bright-mask-alpha, 1.0))", s = "rgba(0,0,0,var(--dark-mask-alpha, 1.0))") {
-  const i = 2 + d + t, n = d / i, r = (1 - n) / 2;
+function Os(m, t = 20) {
+  let e = 0;
+  return (...i) => {
+    clearTimeout(e), e = setTimeout(() => m(...i), t);
+  };
+}
+const Ns = "_lyricLine_1ygrf_6", Ws = "_lyricBgLine_1ygrf_33", Bs = "_active_1ygrf_42", qs = "_hasDuetLine_1ygrf_54", $s = "_lyricDuetLine_1ygrf_55", Vs = "_lyricMainLine_1ygrf_69", Hs = "_lyricSubLine_1ygrf_79", Us = "_tmpDisableTransition_1ygrf_123", q = {
+  lyricLine: Ns,
+  lyricBgLine: Ws,
+  active: Bs,
+  hasDuetLine: qs,
+  lyricDuetLine: $s,
+  lyricMainLine: Vs,
+  lyricSubLine: Hs,
+  tmpDisableTransition: Us
+};
+function Ys(m) {
+  const t = [];
+  function e() {
+    const s = t[0];
+    s && m(...s.args).then((i) => {
+      s.resolve(i);
+    }).catch((i) => {
+      s.reject(i);
+    }).finally(() => {
+      t.shift(), t.length > 0 && e();
+    });
+  }
+  return (...s) => new Promise((i, n) => {
+    t.push({ resolve: i, reject: n, args: s }), t.length === 1 && e();
+  });
+}
+const Et = 32, Le = (m, t) => (e) => Math.min(1, Math.max(0, (e - m) / (t - m))), Ht = 0.5, js = Le(0, Ht), Gs = Le(Ht, 1), Xs = It(0.2, 0.4, 0.58, 1), Zs = It(0.3, 0, 0.58, 1), Js = (m) => (t) => t < m ? Xs(js(t)) : 1 - Zs(Gs(t));
+function ne(m, t = 0, e = "rgba(0,0,0,var(--bright-mask-alpha, 1.0))", s = "rgba(0,0,0,var(--dark-mask-alpha, 1.0))") {
+  const i = 2 + m + t, n = m / i, r = (1 - n) / 2;
   return [
     `linear-gradient(to right,${e} ${r * 100}%,${s} ${(r + n) * 100}%)`,
     i
   ];
 }
-class oi extends MouseEvent {
+class Qs extends MouseEvent {
   constructor(t, e) {
     super(e.type, e), this.line = t;
   }
 }
-function ci(d) {
-  const t = d.match(/matrix\(([^)]+)\)/);
+function Ks(m) {
+  const t = m.match(/matrix\(([^)]+)\)/);
   if (t) {
     const e = t[1].split(", "), s = Number.parseFloat(e[0]), i = Number.parseFloat(e[3]);
     return (s + i) / 2;
   }
   return 1;
 }
-class hi extends q {
+class ti extends H {
   constructor(e, s = {
     words: [],
     translatedLyric: "",
@@ -6701,7 +6708,7 @@ class hi extends q {
     f(this, "lineSize", [0, 0]);
     f(this, "listenersMap", /* @__PURE__ */ new Map());
     f(this, "onMouseEvent", (e) => {
-      const s = new oi(this, e);
+      const s = new Qs(this, e);
       for (const i of this.listenersMap.get(e.type) ?? [])
         i.call(this, s);
       if (!this.dispatchEvent(s) || s.defaultPrevented)
@@ -6710,7 +6717,7 @@ class hi extends q {
     f(this, "isEnabled", !1);
     f(this, "lastWord");
     f(this, "measureLockMark", !1);
-    f(this, "measureLock", xe(
+    f(this, "measureLock", Ys(
       async (e) => {
         this.measureLockMark || (this.measureLockMark = !0, await e(), this.measureLockMark = !1);
       }
@@ -6722,9 +6729,9 @@ class hi extends q {
     f(this, "markImageDirtyPromise", new Promise((e) => {
       this.markImageDirtyPromiseResolve.add(e);
     }));
-    this.lyricPlayer = e, this.lyricLine = s, this._prevParentEl = e.getElement(), this.element.setAttribute("class", $.lyricLine), this.lyricLine.isBG && this.element.classList.add($.lyricBgLine), this.lyricLine.isDuet && this.element.classList.add($.lyricDuetLine), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div"));
+    this.lyricPlayer = e, this.lyricLine = s, this._prevParentEl = e.getElement(), this.element.setAttribute("class", q.lyricLine), this.lyricLine.isBG && this.element.classList.add(q.lyricBgLine), this.lyricLine.isDuet && this.element.classList.add(q.lyricDuetLine), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div"));
     const i = this.element.children[0], n = this.element.children[1], r = this.element.children[2];
-    i.setAttribute("class", $.lyricMainLine), n.setAttribute("class", $.lyricSubLine), r.setAttribute("class", $.lyricSubLine), this.rebuildElement(), this.rebuildStyle(), this.markMaskImageDirty("Initial construction");
+    i.setAttribute("class", q.lyricMainLine), n.setAttribute("class", q.lyricSubLine), r.setAttribute("class", q.lyricSubLine), this.rebuildElement(), this.rebuildStyle(), this.markMaskImageDirty("Initial construction");
   }
   addMouseEventListener(e, s, i) {
     if (s) {
@@ -6746,7 +6753,7 @@ class hi extends q {
     return !0;
   }
   async enable(e = this.lyricLine.startTime) {
-    this.isEnabled = !0, this.element.classList.add($.active), await this.waitMaskImageUpdated();
+    this.isEnabled = !0, this.element.classList.add(q.active), await this.waitMaskImageUpdated();
     const s = this.element.children[0];
     for (const i of this.splittedWords) {
       for (const n of i.elementAnimations)
@@ -6757,15 +6764,15 @@ class hi extends q {
           Math.max(0, e - this.lyricLine.startTime)
         ), n.playbackRate = 1, n.play();
     }
-    s.classList.add($.active);
+    s.classList.add(q.active);
   }
   disable() {
-    this.isEnabled = !1, this.element.classList.remove($.active);
+    this.isEnabled = !1, this.element.classList.remove(q.active);
     const e = this.element.children[0];
     for (const s of this.splittedWords)
       for (const i of s.elementAnimations)
         (i.id === "float-word" || i.id.includes("emphasize-word-float-only")) && (i.playbackRate = -1, i.play());
-    e.classList.remove($.active);
+    e.classList.remove(q.active);
   }
   async resume() {
     if (await this.waitMaskImageUpdated(), !!this.isEnabled)
@@ -6791,15 +6798,6 @@ class hi extends q {
       for (const n of i.maskAnimations)
         n.currentTime = Math.min(this.totalDuration, Math.max(0, s)), n.playbackRate = 1, s >= 0 && s < this.totalDuration ? n.play() : n.pause();
   }
-  async measureSize() {
-    return await this.measureLock(async () => {
-      const e = await ft(() => [
-        this.element.clientWidth,
-        this.element.clientHeight
-      ]);
-      this.lineSize = e;
-    }), this.lineSize;
-  }
   getLine() {
     return this.lyricLine;
   }
@@ -6817,7 +6815,7 @@ class hi extends q {
       e.innerText = this.lyricLine.words.map((r) => r.word).join(""), s.innerText = this.lyricLine.translatedLyric, i.innerText = this.lyricLine.romanLyric;
       return;
     }
-    const n = qt(this.lyricLine.words);
+    const n = $t(this.lyricLine.words);
     e.innerHTML = "";
     for (const r of n)
       if (Array.isArray(r)) {
@@ -6831,19 +6829,19 @@ class hi extends q {
             wordType: "normal",
             obscene: !1
           }
-        ), o = r.map((l) => q.shouldEmphasize(l)).reduce((l, p) => l || p, q.shouldEmphasize(a)), c = document.createElement("span");
-        c.classList.add($.emphasizeWrapper);
-        const h = [];
+        ), o = r.map((l) => H.shouldEmphasize(l)).reduce((l, p) => l || p, H.shouldEmphasize(a)), h = document.createElement("span");
+        h.classList.add(q.emphasizeWrapper);
+        const c = [];
         for (const l of r) {
           const p = document.createElement("span");
           if (o) {
-            p.classList.add($.emphasize);
+            p.classList.add(q.emphasize);
             const u = [];
-            for (const L of l.word.trim().split("")) {
-              const m = document.createElement("span");
-              m.innerText = L, u.push(m), h.push(m), p.appendChild(m);
+            for (const M of l.word.trim().split("")) {
+              const d = document.createElement("span");
+              d.innerText = M, u.push(d), c.push(d), p.appendChild(d);
             }
-            const y = {
+            const g = {
               ...l,
               mainElement: p,
               subElements: u,
@@ -6856,7 +6854,7 @@ class hi extends q {
               padding: 0,
               shouldEmphasize: o
             };
-            this.splittedWords.push(y);
+            this.splittedWords.push(g);
           } else
             p.innerText = l.word, this.splittedWords.push({
               ...l,
@@ -6871,20 +6869,20 @@ class hi extends q {
               padding: 0,
               shouldEmphasize: o
             });
-          c.appendChild(p);
+          h.appendChild(p);
         }
         o && this.splittedWords[this.splittedWords.length - 1].elementAnimations.push(
           ...this.initEmphasizeAnimation(
             a,
-            h,
+            c,
             a.endTime - a.startTime,
             a.startTime - this.lyricLine.startTime
           )
-        ), a.word.trimStart() !== a.word && e.appendChild(document.createTextNode(" ")), e.appendChild(c), a.word.trimEnd() !== a.word && q.shouldEmphasize(a) && e.appendChild(document.createTextNode(" "));
+        ), a.word.trimStart() !== a.word && e.appendChild(document.createTextNode(" ")), e.appendChild(h), a.word.trimEnd() !== a.word && H.shouldEmphasize(a) && e.appendChild(document.createTextNode(" "));
       } else if (r.word.trim().length === 0)
         e.appendChild(document.createTextNode(" "));
       else {
-        const a = q.shouldEmphasize(r), o = document.createElement("span"), c = {
+        const a = H.shouldEmphasize(r), o = document.createElement("span"), h = {
           ...r,
           mainElement: o,
           subElements: [],
@@ -6897,26 +6895,26 @@ class hi extends q {
           padding: 0,
           shouldEmphasize: a
         };
-        if (q.shouldEmphasize(r)) {
-          o.classList.add($.emphasize);
-          const h = [];
+        if (H.shouldEmphasize(r)) {
+          o.classList.add(q.emphasize);
+          const c = [];
           for (const p of r.word.trim().split("")) {
             const u = document.createElement("span");
-            u.innerText = p, h.push(u), o.appendChild(u);
+            u.innerText = p, c.push(u), o.appendChild(u);
           }
-          c.subElements = h;
-          const l = Math.abs(c.endTime - c.startTime);
-          c.elementAnimations.push(
+          h.subElements = c;
+          const l = Math.abs(h.endTime - h.startTime);
+          h.elementAnimations.push(
             ...this.initEmphasizeAnimation(
               r,
-              h,
+              c,
               l,
-              c.startTime - this.lyricLine.startTime
+              h.startTime - this.lyricLine.startTime
             )
           );
         } else
           o.innerText = r.word.trim();
-        r.word.trimStart() !== r.word && e.appendChild(document.createTextNode(" ")), e.appendChild(o), r.word.trimEnd() !== r.word && e.appendChild(document.createTextNode(" ")), this.splittedWords.push(c);
+        r.word.trimStart() !== r.word && e.appendChild(document.createTextNode(" ")), e.appendChild(o), r.word.trimEnd() !== r.word && e.appendChild(document.createTextNode(" ")), this.splittedWords.push(h);
       }
     s.innerText = this.lyricLine.translatedLyric, i.innerText = this.lyricLine.romanLyric;
   }
@@ -6948,63 +6946,63 @@ class hi extends q {
   // 为了避免产生锯齿抖动感，使用 matrix3d 来实现缩放和位移
   initEmphasizeAnimation(e, s, i, n) {
     const r = Math.max(0, n);
-    let a = Math.max(1e3, i), o = [], c = a / 2e3;
-    c = c > 1 ? Math.sqrt(c) : c ** 3;
-    let h = a / 3e3;
-    h = h > 1 ? Math.sqrt(h) : h ** 3, c *= 0.6, h *= 0.5, this.lyricLine.words.length > 0 && e.word.includes(
+    let a = Math.max(1e3, i), o = [], h = a / 2e3;
+    h = h > 1 ? Math.sqrt(h) : h ** 3;
+    let c = a / 3e3;
+    c = c > 1 ? Math.sqrt(c) : c ** 3, h *= 0.6, c *= 0.5, this.lyricLine.words.length > 0 && e.word.includes(
       this.lyricLine.words[this.lyricLine.words.length - 1].word
-    ) && (c *= 1.6, h *= 1.5, a *= 1.2), c = Math.min(1.2, c), h = Math.min(0.8, h);
-    const l = Number.isFinite(a) ? a : 0, p = ai(jt);
-    return o = s.flatMap((u, y, L) => {
-      const m = r + a / 2.5 / L.length * y, g = [], b = new Array(St).fill(0).map((E, w) => {
-        const z = (w + 1) / St, v = p(z), k = p(z) * h, P = Me(Le(), 1 + v * 0.1 * c), D = -v * 0.03 * c * (L.length / 2 - y), A = -v * 0.025 * c;
+    ) && (h *= 1.6, c *= 1.5, a *= 1.2), h = Math.min(1.2, h), c = Math.min(0.8, c);
+    const l = Number.isFinite(a) ? a : 0, p = Js(Ht);
+    return o = s.flatMap((u, g, M) => {
+      const d = r + a / 2.5 / M.length * g, y = [], b = new Array(Et).fill(0).map((S, T) => {
+        const z = (T + 1) / Et, P = p(z), I = p(z) * c, v = ue(fe(), 1 + P * 0.1 * h), D = -P * 0.03 * h * (M.length / 2 - g), F = -P * 0.025 * h;
         return {
           offset: z,
-          transform: `${be(
-            P,
+          transform: `${ye(
+            v,
             4
-          )} translate(${D}em, ${A}em)`,
+          )} translate(${D}em, ${F}em)`,
           textShadow: `0 0 ${Math.min(
             0.3,
-            h * 0.3
-          )}em rgba(255, 255, 255, ${k})`
+            c * 0.3
+          )}em rgba(255, 255, 255, ${I})`
         };
-      }), S = u.animate(b, {
+      }), w = u.animate(b, {
         duration: l,
-        delay: Number.isFinite(m) ? m : 0,
-        id: `emphasize-word-${u.innerText}-${y}`,
+        delay: Number.isFinite(d) ? d : 0,
+        id: `emphasize-word-${u.innerText}-${g}`,
         iterations: 1,
         composite: "replace",
         fill: "both"
       });
-      S.onfinish = () => {
-        S.pause();
-      }, S.pause(), g.push(S);
-      const x = new Array(St).fill(0).map((E, w) => {
-        const z = (w + 1) / St;
-        let v = Math.sin(z * Math.PI);
-        return this.lyricLine.isBG && (v *= 2), {
+      w.onfinish = () => {
+        w.pause();
+      }, w.pause(), y.push(w);
+      const L = new Array(Et).fill(0).map((S, T) => {
+        const z = (T + 1) / Et;
+        let P = Math.sin(z * Math.PI);
+        return this.lyricLine.isBG && (P *= 2), {
           offset: z,
-          transform: `translateY(${-v * 0.05}em)`
+          transform: `translateY(${-P * 0.05}em)`
         };
-      }), T = u.animate(x, {
+      }), x = u.animate(L, {
         duration: l * 1.4,
-        delay: Number.isFinite(m) ? m - 400 : 0,
+        delay: Number.isFinite(d) ? d - 400 : 0,
         id: "emphasize-word-float",
         iterations: 1,
         composite: "add",
         fill: "both"
       });
-      return T.onfinish = () => {
-        T.pause();
-      }, T.pause(), g.push(T), g;
+      return x.onfinish = () => {
+        x.pause();
+      }, x.pause(), y.push(x), y;
     }), o;
   }
   get totalDuration() {
     return this.lyricLine.endTime - this.lyricLine.startTime;
   }
   markMaskImageDirty(e = "") {
-    this.maskImageDirty = !0, this.element.classList.contains($.dirty) || this.element.classList.add($.dirty);
+    this.maskImageDirty = !0, this.element.classList.contains(q.dirty) || this.element.classList.add(q.dirty);
     const s = Promise.all([
       this.markImageDirtyPromise,
       new Promise((i) => {
@@ -7018,25 +7016,29 @@ class hi extends q {
     return this.markImageDirtyPromise;
   }
   async updateMaskImage() {
-    this.maskImageDirty = !1, await this.measureLock(async () => {
-      await Promise.all(
-        this.splittedWords.map(async (e) => {
-          const s = e.mainElement;
-          s ? await ft(() => {
-            e.padding = Number.parseFloat(
-              getComputedStyle(s).paddingLeft
-            ), e.width = s.clientWidth - e.padding * 2, e.height = s.clientHeight - e.padding * 2;
-          }) : (e.width = 0, e.height = 0, e.padding = 0), e.width * e.height === 0 && console.warn("Word size is zero");
-        })
-      ), await ot(() => {
-        this.lyricPlayer.supportMaskImage ? this.generateWebAnimationBasedMaskImage() : this.generateCalcBasedMaskImage();
+    if (this.element.checkVisibility({
+      contentVisibilityAuto: !0
+    })) {
+      this.maskImageDirty = !1, await this.measureLock(async () => {
+        await Promise.all(
+          this.splittedWords.map(async (e) => {
+            const s = e.mainElement;
+            s ? await pe(() => {
+              e.padding = Number.parseFloat(
+                getComputedStyle(s).paddingLeft
+              ), e.width = s.clientWidth - e.padding * 2, e.height = s.clientHeight - e.padding * 2;
+            }) : (e.width = 0, e.height = 0, e.padding = 0), e.width * e.height === 0 && console.warn("Word size is zero");
+          })
+        ), await ee(() => {
+          this.lyricPlayer.supportMaskImage ? this.generateWebAnimationBasedMaskImage() : this.generateCalcBasedMaskImage();
+        });
       });
-    });
-    for (const e of this.markImageDirtyPromiseResolve)
-      e(), this.markImageDirtyPromiseResolve.delete(e);
-    await ot(() => {
-      this.element.classList.remove($.dirty);
-    });
+      for (const e of this.markImageDirtyPromiseResolve)
+        e(), this.markImageDirtyPromiseResolve.delete(e);
+      await ee(() => {
+        this.element.classList.remove(q.dirty);
+      });
+    }
   }
   generateCalcBasedMaskImage() {
     for (const e of this.splittedWords) {
@@ -7047,8 +7049,8 @@ class hi extends q {
           i / e.width
         ), a = `${r * 100}% 100%`;
         this.lyricPlayer.supportMaskImage ? (s.style.maskImage = n, s.style.maskRepeat = "no-repeat", s.style.maskOrigin = "left", s.style.maskSize = a) : (s.style.webkitMaskImage = n, s.style.webkitMaskRepeat = "no-repeat", s.style.webkitMaskOrigin = "left", s.style.webkitMaskSize = a);
-        const o = e.width + i, c = `clamp(${-o}px,calc(${-o}px + (var(--amll-player-time) - ${e.startTime})*${o / Math.abs(e.endTime - e.startTime)}px),0px) 0px, left top`;
-        s.style.maskPosition = c, s.style.webkitMaskPosition = c;
+        const o = e.width + i, h = `clamp(${-o}px,calc(${-o}px + (var(--amll-player-time) - ${e.startTime})*${o / Math.abs(e.endTime - e.startTime)}px),0px) 0px, left top`;
+        s.style.maskPosition = h, s.style.webkitMaskPosition = h;
       }
     }
   }
@@ -7062,57 +7064,57 @@ class hi extends q {
       if (n) {
         const r = s.height * this.lyricPlayer.getWordFadeWidth(), [a, o] = ne(
           r / (s.width + s.padding * 2)
-        ), c = `${o * 100}% 100%`;
-        this.lyricPlayer.supportMaskImage ? (n.style.maskImage = a, n.style.maskRepeat = "no-repeat", n.style.maskOrigin = "left", n.style.maskSize = c) : (n.style.webkitMaskImage = a, n.style.webkitMaskRepeat = "no-repeat", n.style.webkitMaskOrigin = "left", n.style.webkitMaskSize = c);
-        const h = this.splittedWords.slice(0, i).reduce((x, T) => x + T.width, 0) + (this.splittedWords[0] ? r : 0), l = -(s.width + s.padding * 2 + r), p = (x) => Math.max(l, Math.min(0, x));
-        let u = -h - s.width - s.padding - r, y = 0;
-        const L = [];
-        let m = u, g = 0;
+        ), h = `${o * 100}% 100%`;
+        this.lyricPlayer.supportMaskImage ? (n.style.maskImage = a, n.style.maskRepeat = "no-repeat", n.style.maskOrigin = "left", n.style.maskSize = h) : (n.style.webkitMaskImage = a, n.style.webkitMaskRepeat = "no-repeat", n.style.webkitMaskOrigin = "left", n.style.webkitMaskSize = h);
+        const c = this.splittedWords.slice(0, i).reduce((L, x) => L + x.width, 0) + (this.splittedWords[0] ? r : 0), l = -(s.width + s.padding * 2 + r), p = (L) => Math.max(l, Math.min(0, L));
+        let u = -c - s.width - s.padding - r, g = 0;
+        const M = [];
+        let d = u, y = 0;
         const b = () => {
-          const x = u - m, T = Math.max(0, Math.min(1, y)), E = T - g, w = Math.abs(E / x);
-          if (u > l && m < l) {
-            const k = Math.abs(m - l) * w, P = `${p(m)}px 0`, D = {
-              offset: g + k,
-              maskPosition: P
+          const L = u - d, x = Math.max(0, Math.min(1, g)), S = x - y, T = Math.abs(S / L);
+          if (u > l && d < l) {
+            const I = Math.abs(d - l) * T, v = `${p(d)}px 0`, D = {
+              offset: y + I,
+              maskPosition: v
             };
-            L.push(D);
+            M.push(D);
           }
-          if (u > 0 && m < 0) {
-            const k = Math.abs(m) * w, P = `${p(u)}px 0`, D = {
-              offset: g + k,
-              maskPosition: P
+          if (u > 0 && d < 0) {
+            const I = Math.abs(d) * T, v = `${p(u)}px 0`, D = {
+              offset: y + I,
+              maskPosition: v
             };
-            L.push(D);
+            M.push(D);
           }
-          const z = `${p(u)}px 0`, v = {
-            offset: T,
+          const z = `${p(u)}px 0`, P = {
+            offset: x,
             maskPosition: z
           };
-          L.push(v), m = u, g = T;
+          M.push(P), d = u, y = x;
         };
         b();
-        let S = 0;
-        this.splittedWords.forEach((x, T) => {
+        let w = 0;
+        this.splittedWords.forEach((L, x) => {
           {
-            const E = x.startTime - this.lyricLine.startTime, w = E - S;
-            y += w / e, w > 0 && b(), S = E;
+            const S = L.startTime - this.lyricLine.startTime, T = S - w;
+            g += T / e, T > 0 && b(), w = S;
           }
           {
-            const E = x.endTime - x.startTime;
-            y += E / e, u += x.width, T === 0 && (u += r * 1.5), T === this.splittedWords.length - 1 && (u += r * 0.5), E > 0 && b(), S += E;
+            const S = L.endTime - L.startTime;
+            g += S / e, u += L.width, x === 0 && (u += r * 1.5), x === this.splittedWords.length - 1 && (u += r * 0.5), S > 0 && b(), w += S;
           }
         });
-        for (const x of s.maskAnimations)
-          x.cancel();
+        for (const L of s.maskAnimations)
+          L.cancel();
         try {
-          const x = n.animate(L, {
+          const L = n.animate(M, {
             duration: e || 1,
             id: `fade-word-${s.word}-${i}`,
             fill: "both"
           });
-          x.pause(), s.maskAnimations = [x];
-        } catch (x) {
-          console.warn("应用渐变动画发生错误", L, e, x);
+          L.pause(), s.maskAnimations = [L];
+        } catch (L) {
+          console.warn("应用渐变动画发生错误", M, e, L);
         }
       }
     });
@@ -7122,18 +7124,18 @@ class hi extends q {
   }
   setTransform(e = this.top, s = this.scale, i = 1, n = 0, r = !1, a = 0) {
     super.setTransform(e, s, i, n, r, a);
-    const o = this.isInSight, c = this.lyricPlayer.getEnableSpring();
+    const o = this.isInSight, h = this.lyricPlayer.getEnableSpring();
     this.top = e, this.scale = s, this.delay = a * 1e3 | 0;
-    const h = this.element.children[0];
-    if (h.style.opacity = `${i}`, r || !c) {
-      if (r && this.element.classList.add($.tmpDisableTransition), this.lineTransforms.posY.setPosition(e), this.lineTransforms.scale.setPosition(s), c)
+    const c = this.element.children[0];
+    if (c.style.opacity = `${i}`, r || !h) {
+      if (r && this.element.classList.add(q.tmpDisableTransition), this.lineTransforms.posY.setPosition(e), this.lineTransforms.scale.setPosition(s), h)
         this.rebuildStyle();
       else {
         const l = this.isInSight;
         o || l ? this.show() : this.hide();
       }
       r && requestAnimationFrame(() => {
-        this.element.classList.remove($.tmpDisableTransition);
+        this.element.classList.remove(q.tmpDisableTransition);
       });
     } else
       this.lineTransforms.posY.setTargetPosition(e, a), this.lineTransforms.scale.setTargetPosition(s);
@@ -7161,7 +7163,7 @@ class hi extends q {
           ) * 0.2 + 0.2}`
         );
       else {
-        const i = window.getComputedStyle(this.element).transform, n = ci(i);
+        const i = window.getComputedStyle(this.element).transform, n = Ks(i);
         this.element.style.setProperty(
           "--bright-mask-alpha",
           `${Math.max(0, Math.min(1, (n - 0.97) / 0.03)) * 0.8 + 0.2}`
@@ -7195,11 +7197,11 @@ class hi extends q {
     this.disposeElements(), this.element.remove();
   }
 }
-class wi extends $t {
+class ui extends qt {
   constructor() {
     super();
     f(this, "currentLyricLineObjects", []);
-    f(this, "debounceCalcLayout", he(
+    f(this, "debounceCalcLayout", Os(
       () => this.calcLayout(!0, !0).then(
         () => this.currentLyricLineObjects.map(async (e, s) => {
           e.markMaskImageDirty("DomLyricPlayer onResize"), await e.waitMaskImageUpdated(), this.hotLines.has(s) && (e.enable(this.currentTime), e.resume());
@@ -7211,7 +7213,7 @@ class wi extends $t {
     f(this, "supportMaskImage", CSS.supports("mask-image", "none"));
     f(this, "innerSize", [0, 0]);
     f(this, "onLineClickedHandler", (e) => {
-      const s = new we(
+      const s = new Me(
         this.lyricLinesIndexes.get(e.line) ?? -1,
         e.line,
         e
@@ -7221,7 +7223,7 @@ class wi extends $t {
     f(this, "_baseFontSize", Number.parseFloat(
       getComputedStyle(this.element).fontSize
     ));
-    this.onResize(), this.element.classList.add("amll-lyric-player", "dom-slim"), this.disableSpring && this.element.classList.add($.disableSpring);
+    this.onResize(), this.element.classList.add("amll-lyric-player", "dom-slim"), this.disableSpring && this.element.classList.add(q.disableSpring);
   }
   onResize() {
     const e = getComputedStyle(this.element);
@@ -7257,11 +7259,11 @@ class wi extends $t {
    * @param initialTime 初始时间，默认为 0
    */
   setLyricLines(e, s = 0) {
-    super.setLyricLines(e, s), this.hasDuetLine ? this.element.classList.add($.hasDuetLine) : this.element.classList.remove($.hasDuetLine);
+    super.setLyricLines(e, s), this.hasDuetLine ? this.element.classList.add(q.hasDuetLine) : this.element.classList.remove(q.hasDuetLine);
     for (const i of this.currentLyricLineObjects)
       i.removeMouseEventListener("click", this.onLineClickedHandler), i.removeMouseEventListener("contextmenu", this.onLineClickedHandler), i.dispose();
     this.currentLyricLineObjects = this.processedLines.map((i, n) => {
-      const r = new hi(this, i);
+      const r = new ti(this, i);
       return r.addMouseEventListener("click", this.onLineClickedHandler), r.addMouseEventListener("contextmenu", this.onLineClickedHandler), this.element.appendChild(r.getElement()), this.lyricLinesIndexes.set(r, n), r.markMaskImageDirty("DomLyricPlayer setLyricLines"), r;
     }), this.setLinePosXSpringParams({}), this.setLinePosYSpringParams({}), this.setLineScaleSpringParams({}), this.calcLayout(!0, !0).then(() => {
       this.initialLayoutFinished = !0;
@@ -7285,30 +7287,27 @@ class wi extends $t {
       i.update(s);
   }
   async calcLayout(e, s) {
-    var r;
     await super.calcLayout(e, s);
-    let i = this.currentLyricLineObjects.slice(0, this.targetAlignIndex).reduce(
-      (a, o) => {
-        var c;
-        return a + (o.getLine().isBG ? 0 : ((c = this.lyricLinesSize.get(o)) == null ? void 0 : c[1]) ?? 0);
-      },
-      0
-    );
-    i -= this.size[1] * this.alignPosition;
-    const n = this.currentLyricLineObjects[this.targetAlignIndex];
-    if (n) {
-      const a = ((r = this.lyricLinesSize.get(n)) == null ? void 0 : r[1]) ?? 0;
+    const i = this.currentLyricLineObjects[this.targetAlignIndex], n = i.getElement(), r = n.checkVisibility({
+      contentVisibilityAuto: !0
+    }), a = this.element.getBoundingClientRect().top;
+    r || n.scrollIntoView({
+      block: "center",
+      behavior: "instant"
+    });
+    const o = n.clientHeight;
+    let c = n.getBoundingClientRect().top - a - this.size[1] * this.alignPosition;
+    if (i)
       switch (this.alignAnchor) {
         case "bottom":
-          i += a;
+          c += o;
           break;
         case "center":
-          i += a / 2;
+          c += o / 2;
           break;
       }
-    }
-    this.element.scrollTo({
-      top: i,
+    this.element.scrollBy({
+      top: c,
       behavior: "smooth"
     });
   }
@@ -7319,18 +7318,17 @@ class wi extends $t {
     this.bottomLine.dispose(), this.interludeDots.dispose();
   }
 }
-const Si = Bs;
 export {
-  Ie as AbstractBaseRenderer,
+  Ee as AbstractBaseRenderer,
   ce as BackgroundRender,
   re as BaseRenderer,
-  Ti as CanvasLyricPlayer,
-  Bs as DomLyricPlayer,
-  wi as DomSlimLyricPlayer,
-  we as LyricLineMouseEvent,
-  Si as LyricPlayer,
-  $t as LyricPlayerBase,
-  Li as MeshGradientRenderer,
-  Mi as PixiRenderer
+  fi as CanvasLyricPlayer,
+  pi as DomLyricPlayer,
+  ui as DomSlimLyricPlayer,
+  Me as LyricLineMouseEvent,
+  pi as LyricPlayer,
+  qt as LyricPlayerBase,
+  hi as MeshGradientRenderer,
+  li as PixiRenderer
 };
 //# sourceMappingURL=amll-core.js.map