@applemusic-like-lyrics/core 0.0.13 → 0.0.14

package/dist/amll-core.mjs

@@ -1,124 +1,16 @@
-import { Container as z } from "@pixi/display";
-import { Application as A } from "@pixi/app";
+import { Container as C } from "@pixi/display";
+import { Application as z } from "@pixi/app";
 import { BlurFilter as y } from "@pixi/filter-blur";
-import { ColorMatrixFilter as v } from "@pixi/filter-color-matrix";
+import { ColorMatrixFilter as P } from "@pixi/filter-color-matrix";
 import { Texture as I } from "@pixi/core";
 import { Sprite as S } from "@pixi/sprite";
-import { BulgePinchFilter as E } from "@pixi/filter-bulge-pinch";
-import { create as D } from "jss";
-import k from "jss-preset-default";
-const B = /^(((?<hour>[0-9]+):)?(?<min>[0-9]+):)?(?<sec>[0-9]+([\.:]([0-9]+))?)/;
-function T(h) {
-  const e = B.exec(h);
-  if (e) {
-    const t = Number(e.groups?.hour || "0"), i = Number(e.groups?.min || "0"), s = Number(e.groups?.sec.replace(/:/, ".") || "0");
-    return Math.floor((t * 3600 + i * 60 + s) * 1e3);
-  } else
-    throw new TypeError("时间戳字符串解析失败");
-}
-function $(h) {
-  const t = new DOMParser().parseFromString(
-    h,
-    "application/xml"
-  );
-  let i = "v1";
-  for (const r of t.querySelectorAll("ttm\\:agent"))
-    if (r.getAttribute("type") === "person") {
-      const n = r.getAttribute("xml:id");
-      n && (i = n);
-    }
-  const s = [];
-  for (const r of t.querySelectorAll("body p[begin][end]")) {
-    const n = {
-      words: [],
-      startTime: T(r.getAttribute("begin") ?? "0:0"),
-      endTime: T(r.getAttribute("end") ?? "0:0"),
-      translatedLyric: "",
-      romanLyric: "",
-      isBG: !1,
-      isDuet: r.getAttribute("ttm:agent") !== i
-    };
-    let a = null;
-    for (const l of r.childNodes)
-      if (l.nodeType === Node.TEXT_NODE) {
-        const o = l.textContent ?? "";
-        /^(\s+)$/.test(o) ? n.words.push({
-          word: " ",
-          startTime: 0,
-          endTime: 0
-        }) : n.words.push({
-          word: o,
-          startTime: 0,
-          endTime: 0
-        });
-      } else if (l.nodeType === Node.ELEMENT_NODE) {
-        const o = l, c = o.getAttribute("ttm:role");
-        if (o.nodeName === "span" && c)
-          if (c === "x-bg") {
-            const m = {
-              words: [],
-              startTime: n.startTime,
-              endTime: n.endTime,
-              translatedLyric: "",
-              romanLyric: "",
-              isBG: !0,
-              isDuet: n.isDuet
-            };
-            for (const p of o.childNodes)
-              if (p.nodeType === Node.TEXT_NODE) {
-                const d = p.textContent ?? "";
-                /^(\s+)$/.test(d) ? m.words.push({
-                  word: " ",
-                  startTime: 0,
-                  endTime: 0
-                }) : m.words.push({
-                  word: d,
-                  startTime: 0,
-                  endTime: 0
-                });
-              } else if (p.nodeType === Node.ELEMENT_NODE) {
-                const d = p, g = d.getAttribute("ttm:role");
-                if (d.nodeName === "span" && g)
-                  g === "x-translation" ? m.translatedLyric = d.innerHTML.trim() : g === "x-roman" && (m.romanLyric = d.innerHTML.trim());
-                else if (d.hasAttribute("begin") && d.hasAttribute("end")) {
-                  const b = {
-                    word: p.textContent,
-                    startTime: T(d.getAttribute("begin")),
-                    endTime: T(d.getAttribute("end"))
-                  };
-                  m.words.push(b);
-                }
-              }
-            const u = m.words[0];
-            m.startTime = u.startTime, u?.word.startsWith("(") && (u.word = u.word.substring(1));
-            const f = m.words[m.words.length - 1];
-            m.endTime = f.endTime, f?.word.endsWith(")") && (f.word = f.word.substring(
-              0,
-              f.word.length - 1
-            )), a = m;
-          } else
-            c === "x-translation" ? n.translatedLyric = o.innerHTML : c === "x-roman" && (n.romanLyric = o.innerHTML);
-        else if (o.hasAttribute("begin") && o.hasAttribute("end")) {
-          const m = {
-            word: l.textContent ?? "",
-            startTime: T(o.getAttribute("begin")),
-            endTime: T(o.getAttribute("end"))
-          };
-          n.words.push(m);
-        }
-      }
-    s.push(n), a && s.push(a);
-  }
-  return s;
-}
-const ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  parseTTML: $
-}, Symbol.toStringTag, { value: "Module" }));
-class O extends z {
+import { BulgePinchFilter as b } from "@pixi/filter-bulge-pinch";
+import { create as k } from "jss";
+import D from "jss-preset-default";
+class A extends C {
   time = 0;
 }
-class W {
+class B {
   constructor(e) {
     this.canvas = e;
     const t = e.getBoundingClientRect();
@@ -128,12 +20,12 @@ class W {
         this.canvas.width * this.currerntRenderScale,
         this.canvas.height * this.currerntRenderScale
       ), this.app.ticker.start(), this.rebuildFilters();
-    }), this.observer.observe(e), this.app = new A({
+    }), this.observer.observe(e), this.app = new z({
       view: e,
       resizeTo: this.canvas,
       powerPreference: "low-power",
       backgroundAlpha: 0
-    }), this.rebuildFilters(), this.app.ticker.add(this.onTick), this.app.ticker.start();
+    }), this.rebuildFilters(), this.app.ticker.maxFPS = 30, this.app.ticker.add(this.onTick), this.app.ticker.start();
   }
   observer;
   app;
@@ -179,33 +71,33 @@ class W {
     ), this.rebuildFilters();
   }
   rebuildFilters() {
-    const e = Math.min(this.canvas.width, this.canvas.height), t = Math.max(this.canvas.width, this.canvas.height), i = new v();
+    const e = Math.min(this.canvas.width, this.canvas.height), t = Math.max(this.canvas.width, this.canvas.height), i = new P();
     i.saturate(1.2, !1);
-    const s = new v();
+    const s = new P();
     s.brightness(0.6, !1);
-    const r = new v();
+    const r = new P();
     r.contrast(0.3, !0), this.app.stage.filters?.forEach((n) => {
       n.destroy();
     }), this.app.stage.filters = [], this.app.stage.filters.push(new y(5, 1)), this.app.stage.filters.push(new y(10, 1)), this.app.stage.filters.push(new y(20, 2)), this.app.stage.filters.push(new y(40, 2)), this.app.stage.filters.push(new y(80, 2)), e > 768 && this.app.stage.filters.push(new y(160, 4)), e > 768 * 2 && this.app.stage.filters.push(new y(320, 4)), this.app.stage.filters.push(i, s, r), this.app.stage.filters.push(new y(5, 1)), Math.random() > 0.5 ? (this.app.stage.filters.push(
-      new E({
+      new b({
         radius: (t + e) / 2,
         strength: 1,
         center: [0.25, 1]
       })
     ), this.app.stage.filters.push(
-      new E({
+      new b({
         radius: (t + e) / 2,
         strength: 1,
         center: [0.75, 0]
       })
     )) : (this.app.stage.filters.push(
-      new E({
+      new b({
         radius: (t + e) / 2,
         strength: 1,
         center: [0.75, 1]
       })
     ), this.app.stage.filters.push(
-      new E({
+      new b({
         radius: (t + e) / 2,
         strength: 1,
         center: [0.25, 0]
@@ -264,18 +156,18 @@ class W {
       }
     if (!s)
       return;
-    const r = new O(), n = new S(s), a = new S(s), l = new S(s), o = new S(s);
-    n.anchor.set(0.5, 0.5), a.anchor.set(0.5, 0.5), l.anchor.set(0.5, 0.5), o.anchor.set(0.5, 0.5), n.rotation = Math.random() * Math.PI * 2, a.rotation = Math.random() * Math.PI * 2, l.rotation = Math.random() * Math.PI * 2, o.rotation = Math.random() * Math.PI * 2, r.addChild(n, a, l, o), this.curContainer && this.lastContainer.add(this.curContainer), this.curContainer = r, this.app.stage.addChild(this.curContainer), this.curContainer.alpha = 0, this.app.ticker.start();
+    const r = new A(), n = new S(s), a = new S(s), h = new S(s), l = new S(s);
+    n.anchor.set(0.5, 0.5), a.anchor.set(0.5, 0.5), h.anchor.set(0.5, 0.5), l.anchor.set(0.5, 0.5), n.rotation = Math.random() * Math.PI * 2, a.rotation = Math.random() * Math.PI * 2, h.rotation = Math.random() * Math.PI * 2, l.rotation = Math.random() * Math.PI * 2, r.addChild(n, a, h, l), this.curContainer && this.lastContainer.add(this.curContainer), this.curContainer = r, this.app.stage.addChild(this.curContainer), this.curContainer.alpha = 0, this.app.ticker.start();
   }
   dispose() {
     this.observer.disconnect(), this.app.ticker.remove(this.onTick), this.app.destroy(!0);
   }
 }
-class oe extends W {
+class se extends B {
   element;
   constructor() {
     const e = document.createElement("canvas");
-    super(e), this.element = e, e.style.pointerEvents = "none", e.style.zIndex = "-1";
+    super(e), this.element = e, e.style.pointerEvents = "none", e.style.zIndex = "-1", e.style.contain = "strict";
   }
   getElement() {
     return this.element;
@@ -284,8 +176,8 @@ class oe extends W {
     super.dispose(), this.element.remove();
   }
 }
-const N = (h, e) => h.size === e.size && [...h].every((t) => e.has(t));
-class w {
+const $ = (o, e) => o.size === e.size && [...o].every((t) => e.has(t));
+class L {
   currentPosition = 0;
   targetPosition = 0;
   currentTime = 0;
@@ -300,13 +192,13 @@ class w {
   }
   resetSolver() {
     const e = this.getV(this.currentTime);
-    this.currentTime = 0, this.currentSolver = q(
+    this.currentTime = 0, this.currentSolver = F(
       this.currentPosition,
       e,
       this.targetPosition,
       0,
       this.params
-    ), this.getV = M(this.currentSolver), this.getV2 = M(this.getV);
+    ), this.getV = x(this.currentSolver), this.getV2 = x(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;
@@ -340,25 +232,25 @@ class w {
     return this.currentPosition;
   }
 }
-function q(h, e, t, i = 0, s) {
-  const r = s?.soft ?? !1, n = s?.stiffness ?? 100, a = s?.damping ?? 10, l = s?.mass ?? 1, o = t - h;
-  if (r || 1 <= a / (2 * Math.sqrt(n * l))) {
-    const c = -Math.sqrt(n / l), m = -c * o - e;
-    return (u) => (u -= i, u < 0 ? h : t - (o + u * m) * Math.E ** (u * c));
+function F(o, e, t, i = 0, s) {
+  const r = s?.soft ?? !1, n = s?.stiffness ?? 100, a = s?.damping ?? 10, h = s?.mass ?? 1, l = t - o;
+  if (r || 1 <= a / (2 * Math.sqrt(n * h))) {
+    const c = -Math.sqrt(n / h), p = -c * l - e;
+    return (u) => (u -= i, u < 0 ? o : t - (l + u * p) * Math.E ** (u * c));
   } else {
     const c = Math.sqrt(
-      4 * l * n - a ** 2
-    ), m = (a * o - 2 * l * e) / c, u = 0.5 * c / l, f = -(0.5 * a) / l;
-    return (p) => (p -= i, p < 0 ? h : t - (Math.cos(p * u) * o + Math.sin(p * u) * m) * Math.E ** (p * f));
+      4 * h * n - a ** 2
+    ), p = (a * l - 2 * h * e) / c, u = 0.5 * c / h, f = -(0.5 * a) / h;
+    return (d) => (d -= i, d < 0 ? o : t - (Math.cos(d * u) * l + Math.sin(d * u) * p) * Math.E ** (d * f));
   }
 }
-function F(h) {
-  return (t) => (h(t + 1e-3) - h(t - 1e-3)) / (2 * 1e-3);
+function _(o) {
+  return (t) => (o(t + 1e-3) - o(t - 1e-3)) / (2 * 1e-3);
 }
-function M(h) {
-  return F(h);
+function x(o) {
+  return _(o);
 }
-class R {
+class O {
   constructor(e) {
     this.lyricPlayer = e, this.element.setAttribute(
       "class",
@@ -372,8 +264,8 @@ class R {
   // 由 LyricPlayer 来设置
   lineSize = [0, 0];
   lineTransforms = {
-    posX: new w(0),
-    posY: new w(0)
+    posX: new L(0),
+    posY: new L(0)
   };
   measureSize() {
     return [
@@ -389,7 +281,7 @@ class R {
     this.rebuildStyle();
   }
   rebuildStyle() {
-    let e = `transform:translate(${this.lineTransforms.posX.getCurrentPosition()}px,${this.lineTransforms.posY.getCurrentPosition()}px);`;
+    let e = `transform:translate(${this.lineTransforms.posX.getCurrentPosition().toFixed(2)}px,${this.lineTransforms.posY.getCurrentPosition().toFixed(2)}px);`;
     !this.lyricPlayer.getEnableSpring() && this.isInSight && (e += `transition-delay:${this.delay}ms;`), e !== this.lastStyle && (this.lastStyle = e, this.element.setAttribute("style", e));
   }
   getElement() {
@@ -415,12 +307,12 @@ class R {
     this.element.remove();
   }
 }
-function _(h) {
+function W(o) {
   const t = 2.5949095;
-  return h < 0.5 ? Math.pow(2 * h, 2) * ((t + 1) * 2 * h - t) / 2 : (Math.pow(2 * h - 2, 2) * ((t + 1) * (h * 2 - 2) + t) + 2) / 2;
+  return o < 0.5 ? Math.pow(2 * o, 2) * ((t + 1) * 2 * o - t) / 2 : (Math.pow(2 * o - 2, 2) * ((t + 1) * (o * 2 - 2) + t) + 2) / 2;
 }
-const L = (h, e, t) => Math.max(h, Math.min(e, t));
-class X {
+const g = (o, e, t) => Math.max(o, Math.min(e, t));
+class q {
   constructor(e) {
     this.lyricPlayer = e, this.element.className = this.lyricPlayer.style.classes.interludeDots, this.element.appendChild(this.dot0), this.element.appendChild(this.dot1), this.element.appendChild(this.dot2);
   }
@@ -447,40 +339,42 @@ class X {
   update(e = 0) {
     this.currentTime += e;
     let t = "";
-    if (t += `transform:translate(${this.left}px, ${this.top}px)`, this.currentInterlude) {
+    if (t += `transform:translate(${this.left.toFixed(
+      2
+    )}px, ${this.top.toFixed(2)}px)`, this.currentInterlude) {
       const i = this.currentInterlude[1] - this.currentInterlude[0], s = this.currentTime - this.currentInterlude[0];
       if (s <= i) {
         const r = i / Math.ceil(i / this.targetBreatheDuration);
         let n = 1, a = 1;
-        n *= Math.sin(1.5 * Math.PI - s / r * 2) / 10 + 1, s < 1e3 && (n *= 1 - Math.pow((1e3 - s) / 1e3, 2)), s < 500 ? a = 0 : s < 1e3 && (a *= (s - 500) / 500), i - s < 750 && (n *= 1 - _(
+        n *= Math.sin(1.5 * Math.PI - s / r * 2) / 10 + 1, s < 1e3 && (n *= 1 - Math.pow((1e3 - s) / 1e3, 2)), s < 500 ? a = 0 : s < 1e3 && (a *= (s - 500) / 500), i - s < 750 && (n *= 1 - W(
           (750 - (i - s)) / 750 / 2
-        )), i - s < 375 && (a *= L(
+        )), i - s < 375 && (a *= g(
           0,
           (i - s) / 375,
           1
         )), n = Math.max(0, n), t += ` scale(${n})`;
-        const l = L(
+        const h = g(
           0.25,
           s * 3 / i * 0.75,
           1
-        ), o = L(
+        ), l = g(
           0.25,
           (s - i / 3) * 3 / i * 0.75,
           1
-        ), c = L(
+        ), c = g(
           0.25,
           (s - i / 3 * 2) * 3 / i * 0.75,
           1
         );
-        this.dot0.style.opacity = `${L(
+        this.dot0.style.opacity = `${g(
           0,
-          Math.max(0, a * l),
+          Math.max(0, a * h),
           1
-        )}`, this.dot1.style.opacity = `${L(
+        )}`, this.dot1.style.opacity = `${g(
           0,
-          Math.max(0, a * o),
+          Math.max(0, a * l),
           1
-        )}`, this.dot2.style.opacity = `${L(
+        )}`, this.dot2.style.opacity = `${g(
           0,
           Math.max(0, a * c),
           1
@@ -495,33 +389,33 @@ class X {
     this.element.remove();
   }
 }
-const Y = /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u;
-function G(h, e = "rgba(0,0,0,1)", t = "rgba(0,0,0,0.5)") {
-  const i = 2 + h, s = h / i, r = (1 - s) / 2;
+const R = /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u;
+function Y(o, e = "rgba(0,0,0,1)", t = "rgba(0,0,0,0.5)") {
+  const i = 2 + o, s = o / i, r = (1 - s) / 2;
   return [
     `linear-gradient(to right,${e} ${r * 100}%,${t} ${(r + s) * 100}%)`,
     s,
     i
   ];
 }
-function V(h, e) {
+function X(o, e) {
   let t = [], i = [];
   const s = [];
-  for (const r of h) {
+  for (const r of o) {
     const n = e(r);
-    t.push(n), i.push(r), n.length > 0 && n.trim().length === 0 ? (t.pop(), i.pop(), i.length === 1 ? s.push(i[0]) : i.length > 1 && s.push(i), s.push(r), t = [], i = []) : (!/^\s*[^\s]*\s*$/.test(t.join("")) || Y.test(n)) && (t.pop(), i.pop(), i.length === 1 ? s.push(i[0]) : i.length > 1 && s.push(i), t = [n], i = [r]);
+    t.push(n), i.push(r), n.length > 0 && n.trim().length === 0 ? (t.pop(), i.pop(), i.length === 1 ? s.push(i[0]) : i.length > 1 && s.push(i), s.push(r), t = [], i = []) : (!/^\s*[^\s]*\s*$/.test(t.join("")) || R.test(n)) && (t.pop(), i.pop(), i.length === 1 ? s.push(i[0]) : i.length > 1 && s.push(i), t = [n], i = [r]);
   }
   return i.length === 1 ? s.push(i[0]) : s.push(i), s;
 }
-function x(h) {
-  return h.endTime - h.startTime >= 1e3 && h.word.length <= 7;
+function v(o) {
+  return o.endTime - o.startTime >= 1e3 && o.word.length <= 7;
 }
-class H extends MouseEvent {
+class G extends MouseEvent {
   constructor(e, t) {
     super(t.type, t), this.line = e;
   }
 }
-class j extends EventTarget {
+class V extends EventTarget {
   // rome-ignore lint/correctness/noUnreachableSuper: <explanation>
   constructor(e, t = {
     words: [],
@@ -532,7 +426,7 @@ class j extends EventTarget {
     isBG: !1,
     isDuet: !1
   }) {
-    super(), this.lyricPlayer = e, this.lyricLine = t, this.element.setAttribute(
+    super(), this.lyricPlayer = e, this.lyricLine = t, this._prevParentEl = e.getElement(), this.element.setAttribute(
       "class",
       this.lyricPlayer.style.classes.lyricLine
     ), this.lyricLine.isBG && this.element.classList.add(this.lyricPlayer.style.classes.lyricBgLine), this.lyricLine.isDuet && this.element.classList.add(this.lyricPlayer.style.classes.lyricDuetLine), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div"));
@@ -549,13 +443,13 @@ class j extends EventTarget {
   // 由 LyricPlayer 来设置
   lineSize = [0, 0];
   lineTransforms = {
-    posX: new w(0),
-    posY: new w(0),
-    scale: new w(1)
+    posX: new L(0),
+    posY: new L(0),
+    scale: new L(1)
   };
   listenersMap = /* @__PURE__ */ new Map();
   onMouseEvent = (e) => {
-    if (!this.dispatchEvent(new H(this, e)))
+    if (!this.dispatchEvent(new G(this, e)))
       return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), !1;
   };
   addEventListener(e, t, i) {
@@ -581,12 +475,12 @@ class j extends EventTarget {
     }), e.classList.add("active");
   }
   measureSize() {
-    this._hide && (this.element.style.display = "", this.element.style.visibility = "hidden");
+    this._hide && (this._prevParentEl && this._prevParentEl.appendChild(this.element), this.element.style.display = "", this.element.style.visibility = "hidden");
     const e = [
       this.element.clientWidth,
       this.element.clientHeight
     ];
-    return this._hide && (this.element.style.display = "none", this.element.style.visibility = ""), e;
+    return this._hide && (this._prevParentEl && this.element.remove(), this.element.style.display = "none", this.element.style.visibility = ""), e;
   }
   disable() {
     this.isEnabled = !1, this.element.classList.remove("active");
@@ -606,12 +500,13 @@ class j extends EventTarget {
     return this.lyricLine;
   }
   _hide = !0;
+  _prevParentEl = null;
   lastStyle = "";
   show() {
-    this._hide = !1, this.rebuildStyle();
+    this._hide = !1, this._prevParentEl && (this._prevParentEl.appendChild(this.element), this._prevParentEl = null), this.rebuildStyle();
   }
   hide() {
-    this._hide = !0, this.rebuildStyle();
+    this._hide = !0, this.element.parentElement && (this._prevParentEl = this.element.parentElement, this.element.remove()), this.rebuildStyle();
   }
   rebuildStyle() {
     if (this._hide) {
@@ -621,7 +516,7 @@ class j extends EventTarget {
       ));
       return;
     }
-    let e = `transform:translate(${this.lineTransforms.posX.getCurrentPosition()}px,${this.lineTransforms.posY.getCurrentPosition()}px) scale(${this.lineTransforms.scale.getCurrentPosition()});`;
+    let e = `transform:translate(${this.lineTransforms.posX.getCurrentPosition().toFixed(2)}px,${this.lineTransforms.posY.getCurrentPosition().toFixed(2)}px) scale(${this.lineTransforms.scale.getCurrentPosition().toFixed(4)});`;
     !this.lyricPlayer.getEnableSpring() && this.isInSight && (e += `transition-delay:${this.delay}ms;`), e += `filter:blur(${Math.min(32, this.blur)}px);`, e !== this.lastStyle && (this.lastStyle = e, this.element.setAttribute("style", e));
   }
   rebuildElement() {
@@ -630,31 +525,31 @@ class j extends EventTarget {
       e.innerText = this.lyricLine.words.map((r) => r.word).join(""), t.innerText = this.lyricLine.translatedLyric, i.innerText = this.lyricLine.romanLyric;
       return;
     }
-    const s = V(this.lyricLine.words, (r) => r.word);
+    const s = X(this.lyricLine.words, (r) => r.word);
     e.innerHTML = "", this.splittedWords = [];
     for (const r of s)
       if (r instanceof Array) {
-        const n = r.map((o) => x(o)).reduce((o, c) => o || c, !1), a = r.reduce(
-          (o, c) => (o.endTime = Math.max(o.endTime, c.endTime), o.startTime = Math.min(o.startTime, c.startTime), o.word += c.word, o),
+        const n = r.map((l) => v(l)).reduce((l, c) => l || c, !1), a = r.reduce(
+          (l, c) => (l.endTime = Math.max(l.endTime, c.endTime), l.startTime = Math.min(l.startTime, c.startTime), l.word += c.word, l),
           { word: "", startTime: 1 / 0, endTime: -1 / 0 }
-        ), l = document.createElement("span");
-        for (const o of r) {
-          const c = document.createElement("span"), m = this.initFloatAnimation(
+        ), h = document.createElement("span");
+        for (const l of r) {
+          const c = document.createElement("span"), p = this.initFloatAnimation(
             a,
             c
           );
           if (n) {
             c.classList.add("emphasize");
             const u = [];
-            for (const p of o.word.trim().split("")) {
-              const d = document.createElement("span");
-              d.innerText = p, u.push(d), c.appendChild(d);
+            for (const d of l.word.trim().split("")) {
+              const m = document.createElement("span");
+              m.innerText = d, u.push(m), c.appendChild(m);
             }
             const f = {
-              ...o,
+              ...l,
               mainElement: c,
               subElements: u,
-              elementAnimations: [m],
+              elementAnimations: [p],
               width: 0,
               height: 0,
               shouldEmphasize: n
@@ -663,22 +558,22 @@ class j extends EventTarget {
               ...this.initEmphasizeAnimation(f)
             ), this.splittedWords.push(f);
           } else
-            c.innerText = o.word, this.splittedWords.push({
-              ...o,
+            c.innerText = l.word, this.splittedWords.push({
+              ...l,
               mainElement: c,
               subElements: [],
-              elementAnimations: [m],
+              elementAnimations: [p],
               width: 0,
               height: 0,
               shouldEmphasize: n
             });
-          l.appendChild(c);
+          h.appendChild(c);
         }
-        a.word.trimStart() !== a.word && e.appendChild(document.createTextNode(" ")), e.appendChild(l), a.word.trimEnd() !== a.word && e.appendChild(document.createTextNode(" "));
+        a.word.trimStart() !== a.word && e.appendChild(document.createTextNode(" ")), e.appendChild(h), a.word.trimEnd() !== a.word && e.appendChild(document.createTextNode(" "));
       } else if (r.word.trim().length === 0)
         e.appendChild(document.createTextNode(" "));
       else {
-        const n = x(r), a = document.createElement("span"), l = {
+        const n = v(r), a = document.createElement("span"), h = {
           ...r,
           mainElement: a,
           subElements: [],
@@ -689,17 +584,17 @@ class j extends EventTarget {
         };
         if (n) {
           a.classList.add("emphasize");
-          const o = [];
+          const l = [];
           for (const c of r.word.trim().split("")) {
-            const m = document.createElement("span");
-            m.innerText = c, o.push(m), a.appendChild(m);
+            const p = document.createElement("span");
+            p.innerText = c, l.push(p), a.appendChild(p);
           }
-          l.subElements = o, l.elementAnimations.push(
-            ...this.initEmphasizeAnimation(l)
+          h.subElements = l, h.elementAnimations.push(
+            ...this.initEmphasizeAnimation(h)
           );
         } else
           a.innerText = r.word.trim();
-        r.word.trimStart() !== r.word && e.appendChild(document.createTextNode(" ")), e.appendChild(a), r.word.trimEnd() !== r.word && e.appendChild(document.createTextNode(" ")), this.splittedWords.push(l);
+        r.word.trimStart() !== r.word && e.appendChild(document.createTextNode(" ")), e.appendChild(a), r.word.trimEnd() !== r.word && e.appendChild(document.createTextNode(" ")), this.splittedWords.push(h);
       }
     t.innerText = this.lyricLine.translatedLyric, i.innerText = this.lyricLine.romanLyric;
   }
@@ -726,7 +621,7 @@ class j extends EventTarget {
   initEmphasizeAnimation(e) {
     const t = e.startTime - this.lyricLine.startTime, i = e.endTime - e.startTime;
     return e.subElements.map((s, r, n) => {
-      const a = Math.max(1e3, e.endTime - e.startTime), l = t + i / n.length * r, o = s.animate(
+      const a = Math.max(1e3, e.endTime - e.startTime), h = t + i / n.length * r, l = s.animate(
         [
           {
             offset: 0,
@@ -746,7 +641,7 @@ class j extends EventTarget {
         ],
         {
           duration: isFinite(a) ? a : 0,
-          delay: isFinite(l) ? l : 0,
+          delay: isFinite(h) ? h : 0,
           id: "glow-word",
           iterations: 1,
           composite: "replace",
@@ -754,40 +649,40 @@ class j extends EventTarget {
           fill: "both"
         }
       );
-      return o.pause(), o;
+      return l.pause(), l;
     });
   }
   updateMaskImage() {
-    this._hide && (this.element.style.display = "", this.element.style.visibility = "hidden"), this.splittedWords.forEach((e) => {
+    this._hide && (this._prevParentEl && this._prevParentEl.appendChild(this.element), this.element.style.display = "", this.element.style.visibility = "hidden"), this.splittedWords.forEach((e) => {
       const t = e.mainElement;
       if (t) {
         e.width = t.clientWidth, e.height = t.clientHeight;
-        const i = e.height / 2, [s, r, n] = G(
+        const i = e.height / 2, [s, r, n] = Y(
           i / e.width,
           "rgba(0,0,0,1)",
           "rgba(0,0,0,0.25)"
         ), a = `${n * 100}% 100%`;
         this.lyricPlayer.supportMaskImage ? (t.style.maskImage = s, t.style.maskOrigin = "left", t.style.maskSize = a) : (t.style.webkitMaskImage = s, t.style.webkitMaskOrigin = "left", t.style.webkitMaskSize = a);
-        const l = e.width + i, o = `clamp(${-l}px,calc(${-l}px + (var(--amll-player-time) - ${e.startTime})*${l / Math.abs(e.endTime - e.startTime)}px),0px) 0px, left top`;
-        t.style.maskPosition = o, t.style.webkitMaskPosition = o;
+        const h = e.width + i, l = `clamp(${-h}px,calc(${-h}px + (var(--amll-player-time) - ${e.startTime})*${h / Math.abs(e.endTime - e.startTime)}px),0px) 0px, left top`;
+        t.style.maskPosition = l, t.style.webkitMaskPosition = l;
       }
-    }), this._hide && (this.element.style.display = "none", this.element.style.visibility = "");
+    }), this._hide && (this._prevParentEl && this.element.remove(), this.element.style.display = "none", this.element.style.visibility = "");
   }
   getElement() {
     return this.element;
   }
   setTransform(e = this.left, t = this.top, i = this.scale, s = 1, r = 0, n = !1, a = 0) {
-    const l = this.isInSight, o = this.lyricPlayer.getEnableSpring();
+    const h = this.isInSight, l = this.lyricPlayer.getEnableSpring();
     this.left = e, this.top = t, this.scale = i, this.delay = a * 1e3 | 0;
-    const c = this.element.children[0], m = this.element.children[1], u = this.element.children[2];
-    if (c.style.opacity = `${s}`, m.style.opacity = `${s / 2}`, u.style.opacity = `${s / 2}`, n || !o) {
+    const c = this.element.children[0], p = this.element.children[1], u = this.element.children[2];
+    if (c.style.opacity = `${s}`, p.style.opacity = `${s / 2}`, u.style.opacity = `${s / 2}`, n || !l) {
       if (this.blur = Math.min(32, r), n && this.element.classList.add(
         this.lyricPlayer.style.classes.tmpDisableTransition
-      ), this.lineTransforms.posX.setPosition(e), this.lineTransforms.posY.setPosition(t), this.lineTransforms.scale.setPosition(i), o)
+      ), this.lineTransforms.posX.setPosition(e), this.lineTransforms.posY.setPosition(t), this.lineTransforms.scale.setPosition(i), l)
         this.rebuildStyle();
       else {
         const f = this.isInSight;
-        l || f ? this.show() : this.hide();
+        h || f ? this.show() : this.hide();
       }
       n && requestAnimationFrame(() => {
         this.element.classList.remove(
@@ -811,13 +706,13 @@ class j extends EventTarget {
     this.element.remove();
   }
 }
-const U = D(k());
-class J extends MouseEvent {
+const N = k(D());
+class H extends MouseEvent {
   constructor(e, t, i) {
     super(`line-${i.type}`, i), this.lineIndex = e, this.line = t;
   }
 }
-class le extends EventTarget {
+class ne extends EventTarget {
   element = document.createElement("div");
   currentTime = 0;
   lyricLines = [];
@@ -871,7 +766,7 @@ class le extends EventTarget {
   size = [0, 0];
   innerSize = [0, 0];
   onLineClickedHandler = (e) => {
-    const t = new J(
+    const t = new H(
       this.lyricLinesIndexes.get(e.line) ?? -1,
       e.line,
       e
@@ -916,7 +811,7 @@ class le extends EventTarget {
   getEnableScale() {
     return this.enableScale;
   }
-  style = U.createStyleSheet({
+  style = N.createStyleSheet({
     lyricPlayer: {
       userSelect: "none",
       fontSize: "var(--amll-lyric-player-font-size,max(min(5vh, 10vw), 12px))",
@@ -925,6 +820,7 @@ class le extends EventTarget {
       width: "100%",
       height: "100%",
       overflow: "hidden",
+      boxSizing: "content-box",
       maxWidth: "100%",
       maxHeight: "100%",
       zIndex: 1,
@@ -940,9 +836,8 @@ class le extends EventTarget {
     lyricLine: {
       position: "absolute",
       transformOrigin: "left",
-      maxWidth: "var(--amll-lyric-player-width,100%)",
-      minWidth: "var(--amll-lyric-player-width,100%)",
       width: "var(--amll-lyric-player-width,100%)",
+      height: "fit-content",
       padding: "2vh 1.05em",
       margin: "0 -1em",
       contain: "content",
@@ -1041,7 +936,7 @@ class le extends EventTarget {
     this.calcLayout(!0, !0);
   };
   constructor() {
-    super(), this.interludeDots = new X(this), this.bottomLine = new R(this), this.element.setAttribute("class", this.style.classes.lyricPlayer), this.disableSpring && this.element.classList.add(this.style.classes.disableSpring), this.rebuildStyle(), this.resizeObserver.observe(this.element), this.element.appendChild(this.interludeDots.getElement()), this.element.appendChild(this.bottomLine.getElement()), this.style.attach(), this.interludeDots.setTransform(0, 200), window.addEventListener("pageshow", this.onPageShow), this.element.addEventListener("wheel", (e) => {
+    super(), this.interludeDots = new q(this), this.bottomLine = new O(this), this.element.setAttribute("class", this.style.classes.lyricPlayer), this.disableSpring && this.element.classList.add(this.style.classes.disableSpring), this.rebuildStyle(), this.resizeObserver.observe(this.element), this.element.appendChild(this.interludeDots.getElement()), this.element.appendChild(this.bottomLine.getElement()), this.style.attach(), this.interludeDots.setTransform(0, 200), window.addEventListener("pageshow", this.onPageShow), this.element.addEventListener("wheel", (e) => {
       this.allowScroll && (this.isScrolled = !0, clearTimeout(this.scrolledHandler), this.scrolledHandler = setTimeout(() => {
         this.isScrolled = !1, this.scrollOffset = 0;
       }, 5e3), this.invokedByScrollEvent = !0, e.deltaMode === e.DOM_DELTA_PIXEL ? (this.scrollOffset += e.deltaY, this.calcLayout(!0)) : (this.scrollOffset += e.deltaY * 50, this.calcLayout(!1)), this.invokedByScrollEvent = !1);
@@ -1082,7 +977,7 @@ class le extends EventTarget {
    */
   rebuildStyle() {
     let e = "";
-    e += "--amll-lyric-player-width:", e += this.innerSize[0] - this.padding * 2, e += "px;", e += "--amll-lyric-player-height:", e += this.innerSize[1] - this.padding * 2, e += "px;", e += "--amll-player-time:", e += this.currentTime, e += ";", this.element.setAttribute("style", e);
+    e += "--amll-lyric-player-width:", e += this.innerSize[0] - this.padding * 2, e += "px;", e += "--amll-lyric-player-height:", e += this.innerSize[1] - this.padding * 2, e += "px;", this.element.setAttribute("style", e);
   }
   /**
    * 设置是否隐藏已经播放过的歌词行，默认不隐藏
@@ -1142,7 +1037,7 @@ class le extends EventTarget {
       }
     this.processedLines.forEach((i, s, r) => {
       const n = r[s + 1], a = i.words[i.words.length - 1];
-      a && x(a) && (n ? n.startTime > i.endTime && (i.endTime = Math.min(i.endTime + 1500, n.startTime)) : i.endTime = i.endTime + 1500);
+      a && v(a) && (n ? n.startTime > i.endTime && (i.endTime = Math.min(i.endTime + 1500, n.startTime)) : i.endTime = i.endTime + 1500);
     }), this.processedLines.forEach((i, s, r) => {
       if (i.isBG)
         return;
@@ -1151,7 +1046,7 @@ class le extends EventTarget {
     }), this.lyricLinesEl.forEach((i) => {
       i.removeEventListener("click", this.onLineClickedHandler), i.removeEventListener("contextmenu", this.onLineClickedHandler), i.dispose();
     }), this.lyricLinesEl = this.processedLines.map((i) => {
-      const s = new j(this, i);
+      const s = new V(this, i);
       return s.addEventListener("click", this.onLineClickedHandler), s.addEventListener("contextmenu", this.onLineClickedHandler), s;
     }), this.lyricLinesEl.forEach((i, s) => {
       this.element.appendChild(i.getElement()), this.lyricLinesIndexes.set(i, s), i.updateMaskImage();
@@ -1183,46 +1078,46 @@ class le extends EventTarget {
    * @param reflow 是否进行重新布局（重新计算每行歌词大小）
    */
   calcLayout(e = !1, t = !1) {
-    t && (this.emUnit = parseFloat(getComputedStyle(this.element).fontSize), this.lyricLinesEl.forEach((p) => {
-      const d = p.measureSize();
-      this.lyricLinesSize.set(p, d), p.lineSize = d;
+    t && (this.emUnit = parseFloat(getComputedStyle(this.element).fontSize), this.lyricLinesEl.forEach((d) => {
+      const m = d.measureSize();
+      this.lyricLinesSize.set(d, m), d.lineSize = m;
     }), this.interludeDotsSize[0] = this.interludeDots.getElement().clientWidth, this.interludeDotsSize[1] = this.interludeDots.getElement().clientHeight, this.bottomLine.lineSize = this.bottomLine.measureSize());
     const i = this.getCurrentInterlude();
     let s = -this.scrollOffset, r = this.scrollToIndex, n = 0;
     i ? (n = i[1] - i[0], n >= 5e3 && this.lyricLinesEl[i[2] + 1] && (r = i[2] + 1)) : this.interludeDots.setInterlude(void 0);
-    const a = this.enableScale ? 0.95 : 1, l = this.lyricLinesEl.slice(0, r).reduce(
-      (p, d) => p + (d.getLine().isBG ? 0 : this.lyricLinesSize.get(d)?.[1] ?? 0),
+    const a = this.enableScale ? 0.95 : 1, h = this.lyricLinesEl.slice(0, r).reduce(
+      (d, m) => d + (m.getLine().isBG ? 0 : this.lyricLinesSize.get(m)?.[1] ?? 0),
       0
     );
-    s -= l, s += this.size[1] * this.alignPosition;
-    const o = this.lyricLinesEl[r];
-    if (o) {
-      const p = this.lyricLinesSize.get(o)?.[1] ?? 0;
+    s -= h, s += this.size[1] * this.alignPosition;
+    const l = this.lyricLinesEl[r];
+    if (l) {
+      const d = this.lyricLinesSize.get(l)?.[1] ?? 0;
       switch (this.alignAnchor) {
         case "bottom":
-          s -= p;
+          s -= d;
           break;
         case "center":
-          s -= p / 2;
+          s -= d / 2;
           break;
       }
     }
     const c = Math.max(...this.bufferedLines);
-    let m = 0, u = 0.05, f = !1;
-    this.lyricLinesEl.forEach((p, d) => {
-      const g = this.bufferedLines.has(d), b = g || d >= this.scrollToIndex && d < c, P = p.getLine();
-      P.isDuet && this.size[0] - (this.lyricLinesSize.get(p)?.[0] ?? 0), !f && n >= 5e3 && (d === this.scrollToIndex && i?.[2] === -2 || d === this.scrollToIndex + 1) && (f = !0, this.interludeDots.setTransform(this.padding, s), i && this.interludeDots.setInterlude([i[0], i[1]]), s += this.interludeDotsSize[1]);
-      const C = this.hidePassedLines && d < (i ? i[2] + 1 : this.scrollToIndex) ? 0 : g ? 1 : 1 / 3;
-      p.setTransform(
+    let p = 0, u = 0.05, f = !1;
+    this.lyricLinesEl.forEach((d, m) => {
+      const T = this.bufferedLines.has(m), w = T || m >= this.scrollToIndex && m < c, E = d.getLine();
+      E.isDuet && this.size[0] - (this.lyricLinesSize.get(d)?.[0] ?? 0), !f && n >= 5e3 && (m === this.scrollToIndex && i?.[2] === -2 || m === this.scrollToIndex + 1) && (f = !0, this.interludeDots.setTransform(this.padding, s), i && this.interludeDots.setInterlude([i[0], i[1]]), s += this.interludeDotsSize[1]);
+      const M = this.hidePassedLines && m < (i ? i[2] + 1 : this.scrollToIndex) ? 0 : T ? 1 : 1 / 3;
+      d.setTransform(
         this.padding,
         s,
-        b ? 1 : a,
-        C,
-        !this.invokedByScrollEvent && this.enableBlur ? b ? 0 : 1 + (d < this.scrollToIndex ? Math.abs(this.scrollToIndex - d) : Math.abs(d - Math.max(this.scrollToIndex, c))) : 0,
+        w ? 1 : a,
+        M,
+        !this.invokedByScrollEvent && this.enableBlur ? w ? 0 : 1 + (m < this.scrollToIndex ? Math.abs(this.scrollToIndex - m) : Math.abs(m - Math.max(this.scrollToIndex, c))) : 0,
         e,
-        m
-      ), P.isBG && b ? s += this.lyricLinesSize.get(p)?.[1] ?? 0 : P.isBG || (s += this.lyricLinesSize.get(p)?.[1] ?? 0), s >= 0 && (m += u, u /= 1.2);
-    }), this.bottomLine.setTransform(this.padding, s, e, m);
+        p
+      ), E.isBG && w ? s += this.lyricLinesSize.get(d)?.[1] ?? 0 : E.isBG || (s += this.lyricLinesSize.get(d)?.[1] ?? 0), s >= 0 && (p += u, u /= 1.2);
+    }), this.bottomLine.setTransform(this.padding, s, e, p);
   }
   /**
    * 获取当前歌词的播放位置
@@ -1283,7 +1178,7 @@ class le extends EventTarget {
    * @param time 当前播放进度，单位为毫秒
    */
   setCurrentTime(e, t = !1) {
-    if (this.currentTime = e, this.element.style.setProperty("--amll-player-time", `${e}`), this.isScrolled)
+    if (this.currentTime = e, this._getIsNonDynamic() || this.element.style.setProperty("--amll-player-time", `${e}`), this.isScrolled)
       return;
     const i = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
     this.hotLines.forEach((n) => {
@@ -1291,23 +1186,23 @@ class le extends EventTarget {
       if (a) {
         if (a.isBG)
           return;
-        const l = this.processedLines[n + 1];
-        if (l?.isBG) {
-          const o = Math.min(a.startTime, l?.startTime), c = Math.max(a.endTime, l?.endTime);
-          (o > e || c <= e) && (this.hotLines.delete(n), i.add(n), this.hotLines.delete(n + 1), i.add(n + 1), t && (this.lyricLinesEl[n].disable(), this.lyricLinesEl[n + 1].disable()));
+        const h = this.processedLines[n + 1];
+        if (h?.isBG) {
+          const l = Math.min(a.startTime, h?.startTime), c = Math.max(a.endTime, h?.endTime);
+          (l > e || c <= e) && (this.hotLines.delete(n), i.add(n), this.hotLines.delete(n + 1), i.add(n + 1), t && (this.lyricLinesEl[n].disable(), this.lyricLinesEl[n + 1].disable()));
         } else
           (a.startTime > e || a.endTime <= e) && (this.hotLines.delete(n), i.add(n), t && this.lyricLinesEl[n].disable());
       } else
         this.hotLines.delete(n), i.add(n), t && this.lyricLinesEl[n].disable();
-    }), this.processedLines.forEach((n, a, l) => {
-      !n.isBG && n.startTime <= e && n.endTime > e && (this.hotLines.has(a) || (this.hotLines.add(a), r.add(a), t && this.lyricLinesEl[a].enable(), l[a + 1]?.isBG && (this.hotLines.add(a + 1), r.add(a + 1), t && this.lyricLinesEl[a + 1].enable())));
+    }), this.processedLines.forEach((n, a, h) => {
+      !n.isBG && n.startTime <= e && n.endTime > e && (this.hotLines.has(a) || (this.hotLines.add(a), r.add(a), t && this.lyricLinesEl[a].enable(), h[a + 1]?.isBG && (this.hotLines.add(a + 1), r.add(a + 1), t && this.lyricLinesEl[a + 1].enable())));
     }), this.bufferedLines.forEach((n) => {
       this.hotLines.has(n) || (s.add(n), t && this.lyricLinesEl[n].disable());
     }), t ? (this.bufferedLines.size > 0 ? this.scrollToIndex = Math.min(...this.bufferedLines) : this.scrollToIndex = this.processedLines.findIndex(
       (n) => n.startTime >= e
     ), this.bufferedLines.clear(), this.hotLines.forEach((n) => this.bufferedLines.add(n)), this.calcLayout(!0)) : (s.size > 0 || r.size > 0) && (s.size === 0 && r.size > 0 ? (r.forEach((n) => {
       this.bufferedLines.add(n), this.lyricLinesEl[n].enable();
-    }), this.scrollToIndex = Math.min(...this.bufferedLines), this.calcLayout()) : r.size === 0 && s.size > 0 ? N(s, this.bufferedLines) && (this.bufferedLines.forEach((n) => {
+    }), this.scrollToIndex = Math.min(...this.bufferedLines), this.calcLayout()) : r.size === 0 && s.size > 0 ? $(s, this.bufferedLines) && (this.bufferedLines.forEach((n) => {
       this.hotLines.has(n) || (this.bufferedLines.delete(n), this.lyricLinesEl[n].disable());
     }), this.calcLayout()) : (r.forEach((n) => {
       this.bufferedLines.add(n), this.lyricLinesEl[n].enable();
@@ -1369,8 +1264,7 @@ class le extends EventTarget {
   }
 }
 export {
-  oe as BackgroundRender,
-  le as LyricPlayer,
-  ae as ttml
+  se as BackgroundRender,
+  ne as LyricPlayer
 };
 //# sourceMappingURL=amll-core.mjs.map