@applemusic-like-lyrics/core 0.0.10 → 0.0.12

package/dist/amll-core.mjs

@@ -1,123 +1,124 @@
-import { Container as v } from "@pixi/display";
-import { Application as M } 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 E } from "@pixi/filter-color-matrix";
-import { Texture as C } from "@pixi/core";
-import { Sprite as L } from "@pixi/sprite";
-import { create as z } from "jss";
-import A from "jss-preset-default";
-const D = /^(((?<hour>[0-9]+):)?(?<min>[0-9]+):)?(?<sec>[0-9]+([\.:]([0-9]+))?)/;
-function T(d) {
-  const e = D.exec(d);
+import { ColorMatrixFilter as v } from "@pixi/filter-color-matrix";
+import { Texture as A } from "@pixi/core";
+import { Sprite as S } from "@pixi/sprite";
+import { BulgePinchFilter as E } from "@pixi/filter-bulge-pinch";
+import { create as I } from "jss";
+import D from "jss-preset-default";
+const k = /^(((?<hour>[0-9]+):)?(?<min>[0-9]+):)?(?<sec>[0-9]+([\.:]([0-9]+))?)/;
+function T(h) {
+  const e = k.exec(h);
   if (e) {
-    const t = Number(e.groups?.hour || "0"), i = Number(e.groups?.min || "0"), n = Number(e.groups?.sec.replace(/:/, ".") || "0");
-    return Math.floor((t * 3600 + i * 60 + n) * 1e3);
+    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 I(d) {
+function B(h) {
   const t = new DOMParser().parseFromString(
-    d,
+    h,
     "application/xml"
   );
   let i = "v1";
-  for (const a of t.querySelectorAll("ttm\\:agent"))
-    if (a.getAttribute("type") === "person") {
-      const s = a.getAttribute("xml:id");
-      s && (i = s);
+  for (const r of t.querySelectorAll("ttm\\:agent"))
+    if (r.getAttribute("type") === "person") {
+      const n = r.getAttribute("xml:id");
+      n && (i = n);
     }
-  const n = [];
-  for (const a of t.querySelectorAll("body p[begin][end]")) {
-    const s = {
+  const s = [];
+  for (const r of t.querySelectorAll("body p[begin][end]")) {
+    const n = {
       words: [],
-      startTime: T(a.getAttribute("begin") ?? "0:0"),
-      endTime: T(a.getAttribute("end") ?? "0:0"),
+      startTime: T(r.getAttribute("begin") ?? "0:0"),
+      endTime: T(r.getAttribute("end") ?? "0:0"),
       translatedLyric: "",
       romanLyric: "",
       isBG: !1,
-      isDuet: a.getAttribute("ttm:agent") !== i
+      isDuet: r.getAttribute("ttm:agent") !== i
     };
-    let r = null;
-    for (const l of a.childNodes)
+    let a = null;
+    for (const l of r.childNodes)
       if (l.nodeType === Node.TEXT_NODE) {
-        const h = l.textContent ?? "";
-        /^(\s+)$/.test(h) ? s.words.push({
+        const o = l.textContent ?? "";
+        /^(\s+)$/.test(o) ? n.words.push({
           word: " ",
           startTime: 0,
           endTime: 0
-        }) : s.words.push({
-          word: h,
+        }) : n.words.push({
+          word: o,
           startTime: 0,
           endTime: 0
         });
       } else if (l.nodeType === Node.ELEMENT_NODE) {
-        const h = l, o = h.getAttribute("ttm:role");
-        if (h.nodeName === "span" && o)
-          if (o === "x-bg") {
-            const c = {
+        const o = l, c = o.getAttribute("ttm:role");
+        if (o.nodeName === "span" && c)
+          if (c === "x-bg") {
+            const m = {
               words: [],
-              startTime: s.startTime,
-              endTime: s.endTime,
+              startTime: n.startTime,
+              endTime: n.endTime,
               translatedLyric: "",
               romanLyric: "",
               isBG: !0,
-              isDuet: s.isDuet
+              isDuet: n.isDuet
             };
-            for (const u of h.childNodes)
-              if (u.nodeType === Node.TEXT_NODE) {
-                const f = u.textContent ?? "";
-                /^(\s+)$/.test(f) ? c.words.push({
+            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
-                }) : c.words.push({
-                  word: f,
+                }) : m.words.push({
+                  word: d,
                   startTime: 0,
                   endTime: 0
                 });
-              } else if (u.nodeType === Node.ELEMENT_NODE) {
-                const f = u, b = f.getAttribute("ttm:role");
-                if (f.nodeName === "span" && b)
-                  b === "x-translation" ? c.translatedLyric = f.innerHTML.trim() : b === "x-roman" && (c.romanLyric = f.innerHTML.trim());
-                else if (f.hasAttribute("begin") && f.hasAttribute("end")) {
-                  const x = {
-                    word: u.textContent,
-                    startTime: T(f.getAttribute("begin")),
-                    endTime: T(f.getAttribute("end"))
+              } 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"))
                   };
-                  c.words.push(x);
+                  m.words.push(b);
                 }
               }
-            const m = c.words[0];
-            c.startTime = m.startTime, m?.word.startsWith("(") && (m.word = m.word.substring(1));
-            const p = c.words[c.words.length - 1];
-            c.endTime = p.endTime, p?.word.endsWith(")") && (p.word = p.word.substring(
+            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,
-              p.word.length - 1
-            )), r = c;
+              f.word.length - 1
+            )), a = m;
           } else
-            o === "x-translation" ? s.translatedLyric = h.innerHTML : o === "x-roman" && (s.romanLyric = h.innerHTML);
-        else if (h.hasAttribute("begin") && h.hasAttribute("end")) {
-          const c = {
+            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(h.getAttribute("begin")),
-            endTime: T(h.getAttribute("end"))
+            startTime: T(o.getAttribute("begin")),
+            endTime: T(o.getAttribute("end"))
           };
-          s.words.push(c);
+          n.words.push(m);
         }
       }
-    n.push(s), r && n.push(r);
+    s.push(n), a && s.push(a);
   }
-  return console.log(n), n;
+  return s;
 }
-const Q = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  parseTTML: I
+  parseTTML: B
 }, Symbol.toStringTag, { value: "Module" }));
-class B extends v {
+class O extends C {
   time = 0;
 }
-class k {
+class $ {
   constructor(e) {
     this.canvas = e;
     const t = e.getBoundingClientRect();
@@ -126,8 +127,8 @@ class k {
       this.canvas.width = Math.max(1, i.width), this.canvas.height = Math.max(1, i.height), this.app.renderer.resize(
         this.canvas.width * this.currerntRenderScale,
         this.canvas.height * this.currerntRenderScale
-      ), this.rebuildFilters();
-    }), this.observer.observe(e), this.app = new M({
+      ), this.app.ticker.start(), this.rebuildFilters();
+    }), this.observer.observe(e), this.app = new z({
       view: e,
       resizeTo: this.canvas,
       powerPreference: "low-power",
@@ -137,20 +138,21 @@ class k {
   observer;
   app;
   curContainer;
+  staticMode = !1;
   lastContainer = /* @__PURE__ */ new Set();
   onTick = (e) => {
     for (const t of this.lastContainer)
-      t.alpha = Math.max(0, t.alpha - e / 60), t.alpha <= 0 && (this.app.stage.removeChild(t), this.lastContainer.delete(t));
+      t.alpha = Math.max(0, t.alpha - e / 60), t.alpha <= 0 && (this.app.stage.removeChild(t), this.lastContainer.delete(t), t.destroy(!0));
     if (this.curContainer) {
       this.curContainer.alpha = Math.min(
         1,
         this.curContainer.alpha + e / 60
       );
-      const [t, i, n, a] = this.curContainer.children, s = Math.max(this.app.screen.width, this.app.screen.height);
+      const [t, i, s, r] = this.curContainer.children, n = Math.max(this.app.screen.width, this.app.screen.height);
       t.position.set(this.app.screen.width / 2, this.app.screen.height / 2), i.position.set(
         this.app.screen.width / 2.5,
         this.app.screen.height / 2.5
-      ), n.position.set(this.app.screen.width / 2, this.app.screen.height / 2), a.position.set(this.app.screen.width / 2, this.app.screen.height / 2), t.width = s * Math.sqrt(2), t.height = t.width, i.width = s * 0.8, i.height = i.width, n.width = s * 0.5, n.height = n.width, a.width = s * 0.25, a.height = a.width, this.curContainer.time += e * this.flowSpeed, t.rotation += e / 1e3 * this.flowSpeed, i.rotation -= e / 500 * this.flowSpeed, n.rotation += e / 1e3 * this.flowSpeed, a.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), a.x = this.app.screen.width / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75), a.y = this.app.screen.height / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75);
+      ), s.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), t.width = n * Math.sqrt(2), t.height = t.width, i.width = n * 0.8, i.height = i.width, s.width = n * 0.5, s.height = s.width, r.width = n * 0.25, r.height = r.width, this.curContainer.time += e * this.flowSpeed, t.rotation += e / 1e3 * this.flowSpeed, i.rotation -= e / 500 * this.flowSpeed, s.rotation += e / 1e3 * this.flowSpeed, r.rotation -= e / 750 * this.flowSpeed, s.x = this.app.screen.width / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), s.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();
     }
   };
   flowSpeed = 2;
@@ -177,12 +179,45 @@ class k {
     ), this.rebuildFilters();
   }
   rebuildFilters() {
-    const e = Math.min(this.canvas.width, this.canvas.height), t = new E();
-    t.saturate(1.2, !1);
-    const i = new E();
-    i.brightness(0.6, !1);
-    const n = new E();
-    n.contrast(0.3, !0), 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)), e > 512 && 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(t, i, n), this.app.stage.filters.push(new y(5, 1));
+    const e = Math.min(this.canvas.width, this.canvas.height), t = Math.max(this.canvas.width, this.canvas.height), i = new v();
+    i.saturate(1.2, !1);
+    const s = new v();
+    s.brightness(0.6, !1);
+    const r = new v();
+    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({
+        radius: (t + e) / 2,
+        strength: 1,
+        center: [0.25, 1]
+      })
+    ), this.app.stage.filters.push(
+      new E({
+        radius: (t + e) / 2,
+        strength: 1,
+        center: [0.75, 0]
+      })
+    )) : (this.app.stage.filters.push(
+      new E({
+        radius: (t + e) / 2,
+        strength: 1,
+        center: [0.75, 1]
+      })
+    ), this.app.stage.filters.push(
+      new E({
+        radius: (t + e) / 2,
+        strength: 1,
+        center: [0.25, 0]
+      })
+    ));
+  }
+  /**
+   * 是否启用静态模式，即图片在更换后就会保持静止状态并禁用更新，以节省性能
+   * @param enable 是否启用静态模式
+   */
+  setStaticMode(e = !1) {
+    this.staticMode = e, this.app.ticker.start();
   }
   /**
    * 修改背景动画帧率，默认是 30 FPS
@@ -210,14 +245,33 @@ class k {
    * @param albumUrl 图片的目标链接
    */
   async setAlbumImage(e) {
-    const t = await C.fromURL(e), i = new B(), n = new L(t), a = new L(t), s = new L(t), r = new L(t);
-    n.anchor.set(0.5, 0.5), a.anchor.set(0.5, 0.5), s.anchor.set(0.5, 0.5), r.anchor.set(0.5, 0.5), n.rotation = Math.random() * Math.PI * 2, a.rotation = Math.random() * Math.PI * 2, s.rotation = Math.random() * Math.PI * 2, r.rotation = Math.random() * Math.PI * 2, i.addChild(n, a, s, r), this.curContainer && this.lastContainer.add(this.curContainer), this.curContainer = i, this.app.stage.addChild(this.curContainer), this.curContainer.alpha = 0;
+    const t = new Image();
+    t.src = e, t.crossOrigin = "anonymous";
+    let i = 5, s;
+    for (; !s?.baseTexture?.resource?.valid && i > 0; )
+      try {
+        await t.decode(), s = A.from(t, {
+          resourceOptions: {
+            autoLoad: !1
+          }
+        }), await s.baseTexture.resource.load();
+      } catch (c) {
+        console.warn(
+          `failed on loading album image, retrying (${i})`,
+          e,
+          c
+        ), s = void 0, i--;
+      }
+    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();
   }
   dispose() {
-    this.observer.disconnect(), this.app.ticker.remove(this.onTick);
+    this.observer.disconnect(), this.app.ticker.remove(this.onTick), this.app.destroy(!0);
   }
 }
-class Z extends k {
+class oe extends $ {
   element;
   constructor() {
     const e = document.createElement("canvas");
@@ -230,88 +284,8 @@ class Z extends k {
     super.dispose(), this.element.remove();
   }
 }
-const N = (d, e) => d.size === e.size && [...d].every((t) => e.has(t));
-function O(d) {
-  const t = 2.5949095;
-  return d < 0.5 ? Math.pow(2 * d, 2) * ((t + 1) * 2 * d - t) / 2 : (Math.pow(2 * d - 2, 2) * ((t + 1) * (d * 2 - 2) + t) + 2) / 2;
-}
-const g = (d, e, t) => Math.max(d, Math.min(e, t));
-class $ {
-  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);
-  }
-  element = document.createElement("div");
-  dot0 = document.createElement("span");
-  dot1 = document.createElement("span");
-  dot2 = document.createElement("span");
-  left = 0;
-  top = 0;
-  scale = 1;
-  lastStyle = "";
-  currentInterlude;
-  currentTime = 0;
-  targetBreatheDuration = 1500;
-  getElement() {
-    return this.element;
-  }
-  setTransform(e = this.left, t = this.top) {
-    this.left = e, this.top = t, this.update();
-  }
-  setInterlude(e) {
-    this.currentInterlude = e, this.currentTime = e?.[0] ?? 0;
-  }
-  update(e = 0) {
-    this.currentTime += e;
-    let t = "";
-    if (t += `transform:translate(${this.left}px, ${this.top}px)`, this.currentInterlude) {
-      const i = this.currentInterlude[1] - this.currentInterlude[0], n = this.currentTime - this.currentInterlude[0];
-      if (n <= i) {
-        const a = i / Math.ceil(i / this.targetBreatheDuration);
-        let s = 1, r = 1;
-        s *= Math.sin(1.5 * Math.PI - n / a * 2) / 10 + 1, n < 1e3 && (s *= 1 - Math.pow((1e3 - n) / 1e3, 2)), n < 500 ? r = 0 : n < 1e3 && (r *= (n - 500) / 500), i - n < 750 && (s *= 1 - O(
-          (750 - (i - n)) / 750 / 2
-        )), i - n < 375 && (r *= g(
-          0,
-          (i - n) / 375,
-          1
-        )), s = Math.max(0, s), t += ` scale(${s})`;
-        const l = g(
-          0.25,
-          n * 3 / i * 0.75,
-          1
-        ), h = g(
-          0.25,
-          (n - i / 3) * 3 / i * 0.75,
-          1
-        ), o = g(
-          0.25,
-          (n - i / 3 * 2) * 3 / i * 0.75,
-          1
-        );
-        this.dot0.style.opacity = `${g(
-          0,
-          Math.max(0, r * l),
-          1
-        )}`, this.dot1.style.opacity = `${g(
-          0,
-          Math.max(0, r * h),
-          1
-        )}`, this.dot2.style.opacity = `${g(
-          0,
-          Math.max(0, r * o),
-          1
-        )}`;
-      } else
-        t += " scale(0)", this.dot0.style.opacity = "0", this.dot1.style.opacity = "0", this.dot2.style.opacity = "0";
-    } else
-      t += " scale(0)", this.dot0.style.opacity = "0", this.dot1.style.opacity = "0", this.dot2.style.opacity = "0";
-    t += ";", this.lastStyle !== t && (this.element.setAttribute("style", t), this.lastStyle = t);
-  }
-  dispose() {
-    this.element.remove();
-  }
-}
-class S {
+const W = (h, e) => h.size === e.size && [...h].every((t) => e.has(t));
+class w {
   currentPosition = 0;
   targetPosition = 0;
   currentTime = 0;
@@ -325,7 +299,7 @@ class S {
   }
   resetSolver() {
     const e = this.getV(this.currentTime);
-    this.currentTime = 0, this.currentSolver = q(
+    this.currentTime = 0, this.currentSolver = N(
       this.currentPosition,
       e,
       this.targetPosition,
@@ -363,37 +337,189 @@ class S {
     return this.currentPosition;
   }
 }
-function q(d, e, t, i = 0, n) {
-  const a = n?.soft ?? !1, s = n?.stiffness ?? 100, r = n?.damping ?? 10, l = n?.mass ?? 1, h = t - d;
-  if (a || 1 <= r / (2 * Math.sqrt(s * l))) {
-    const o = -Math.sqrt(s / l), c = -o * h - e;
-    return (m) => (m -= i, m < 0 ? d : t - (h + m * c) * Math.E ** (m * o));
+function N(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));
   } else {
-    const o = Math.sqrt(
-      4 * l * s - r ** 2
-    ), c = (r * h - 2 * l * e) / o, m = 0.5 * o / l, p = -(0.5 * r) / l;
-    return (u) => (u -= i, u < 0 ? d : t - (Math.cos(u * m) * h + Math.sin(u * m) * c) * Math.E ** (u * p));
+    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));
   }
 }
-function F(d) {
-  return (t) => (d(t + 1e-3) - d(t - 1e-3)) / (2 * 1e-3);
+function F(h) {
+  return (t) => (h(t + 1e-3) - h(t - 1e-3)) / (2 * 1e-3);
 }
-function R(d) {
-  return F(d);
+function R(h) {
+  return F(h);
 }
-const w = /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u;
-function W(d, e = "rgba(0,0,0,1)", t = "rgba(0,0,0,0.5)") {
-  const i = 2 + d, n = d / i, a = (1 - n) / 2;
+class q {
+  constructor(e) {
+    this.lyricPlayer = e, this.element.setAttribute(
+      "class",
+      this.lyricPlayer.style.classes.lyricLine
+    ), this.rebuildStyle();
+  }
+  element = document.createElement("div");
+  left = 0;
+  top = 0;
+  delay = 0;
+  // 由 LyricPlayer 来设置
+  lineSize = [0, 0];
+  lineTransforms = {
+    posX: new w(0),
+    posY: new w(0)
+  };
+  measureSize() {
+    return [
+      this.element.clientWidth,
+      this.element.clientHeight
+    ];
+  }
+  lastStyle = "";
+  show() {
+    this.rebuildStyle();
+  }
+  hide() {
+    this.rebuildStyle();
+  }
+  rebuildStyle() {
+    let e = `transform:translate(${this.lineTransforms.posX.getCurrentPosition()}px,${this.lineTransforms.posY.getCurrentPosition()}px);`;
+    !this.lyricPlayer.getEnableSpring() && this.isInSight && (e += `transition-delay:${this.delay}ms;`), e !== this.lastStyle && (this.lastStyle = e, this.element.setAttribute("style", e));
+  }
+  getElement() {
+    return this.element;
+  }
+  setTransform(e = this.left, t = this.top, i = !1, s = 0) {
+    this.left = e, this.top = t, this.delay = s * 1e3 | 0, i || !this.lyricPlayer.getEnableSpring() ? (i && this.element.classList.add(
+      this.lyricPlayer.style.classes.tmpDisableTransition
+    ), this.lineTransforms.posX.setPosition(e), this.lineTransforms.posY.setPosition(t), this.lyricPlayer.getEnableSpring() ? this.rebuildStyle() : this.show(), i && requestAnimationFrame(() => {
+      this.element.classList.remove(
+        this.lyricPlayer.style.classes.tmpDisableTransition
+      );
+    })) : (this.lineTransforms.posX.setTargetPosition(e, s), this.lineTransforms.posY.setTargetPosition(t, s));
+  }
+  update(e = 0) {
+    this.lyricPlayer.getEnableSpring() && (this.lineTransforms.posX.update(e), this.lineTransforms.posY.update(e), this.isInSight ? this.show() : this.hide());
+  }
+  get isInSight() {
+    const e = this.lineTransforms.posX.getCurrentPosition(), t = this.lineTransforms.posY.getCurrentPosition(), i = e + this.lineSize[0], s = t + this.lineSize[1], r = this.lyricPlayer.size[0], n = this.lyricPlayer.size[1];
+    return !(e > r || t > n || i < 0 || s < 0);
+  }
+  dispose() {
+    this.element.remove();
+  }
+}
+function X(h) {
+  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;
+}
+const L = (h, e, t) => Math.max(h, Math.min(e, t));
+class Y {
+  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);
+  }
+  element = document.createElement("div");
+  dot0 = document.createElement("span");
+  dot1 = document.createElement("span");
+  dot2 = document.createElement("span");
+  left = 0;
+  top = 0;
+  scale = 1;
+  lastStyle = "";
+  currentInterlude;
+  currentTime = 0;
+  targetBreatheDuration = 1500;
+  getElement() {
+    return this.element;
+  }
+  setTransform(e = this.left, t = this.top) {
+    this.left = e, this.top = t, this.update();
+  }
+  setInterlude(e) {
+    this.currentInterlude = e, this.currentTime = e?.[0] ?? 0;
+  }
+  update(e = 0) {
+    this.currentTime += e;
+    let t = "";
+    if (t += `transform:translate(${this.left}px, ${this.top}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 - X(
+          (750 - (i - s)) / 750 / 2
+        )), i - s < 375 && (a *= L(
+          0,
+          (i - s) / 375,
+          1
+        )), n = Math.max(0, n), t += ` scale(${n})`;
+        const l = L(
+          0.25,
+          s * 3 / i * 0.75,
+          1
+        ), o = L(
+          0.25,
+          (s - i / 3) * 3 / i * 0.75,
+          1
+        ), c = L(
+          0.25,
+          (s - i / 3 * 2) * 3 / i * 0.75,
+          1
+        );
+        this.dot0.style.opacity = `${L(
+          0,
+          Math.max(0, a * l),
+          1
+        )}`, this.dot1.style.opacity = `${L(
+          0,
+          Math.max(0, a * o),
+          1
+        )}`, this.dot2.style.opacity = `${L(
+          0,
+          Math.max(0, a * c),
+          1
+        )}`;
+      } else
+        t += " scale(0)", this.dot0.style.opacity = "0", this.dot1.style.opacity = "0", this.dot2.style.opacity = "0";
+    } else
+      t += " scale(0)", this.dot0.style.opacity = "0", this.dot1.style.opacity = "0", this.dot2.style.opacity = "0";
+    t += ";", this.lastStyle !== t && (this.element.setAttribute("style", t), this.lastStyle = t);
+  }
+  dispose() {
+    this.element.remove();
+  }
+}
+const _ = /^[\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;
   return [
-    `linear-gradient(to right,${e} ${a * 100}%,${t} ${(a + n) * 100}%)`,
-    n,
+    `linear-gradient(to right,${e} ${r * 100}%,${t} ${(r + s) * 100}%)`,
+    s,
     i
   ];
 }
-function P(d) {
-  return d.endTime - d.startTime >= 1e3 && d.word.length <= 7;
+function H(h, e) {
+  let t = [], i = [];
+  const s = [];
+  for (const r of h) {
+    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("")) || _.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;
 }
-class _ {
+class V extends MouseEvent {
+  constructor(e, t) {
+    super(t.type, t), this.line = e;
+  }
+}
+class j extends EventTarget {
+  // rome-ignore lint/correctness/noUnreachableSuper: <explanation>
   constructor(e, t = {
     words: [],
     translatedLyric: "",
@@ -403,12 +529,12 @@ class _ {
     isBG: !1,
     isDuet: !1
   }) {
-    this.lyricPlayer = e, this.lyricLine = t, this.element.setAttribute(
+    super(), this.lyricPlayer = e, this.lyricLine = t, 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"));
-    const i = this.element.children[0], n = this.element.children[1], a = this.element.children[2];
-    i.setAttribute("class", this.lyricPlayer.style.classes.lyricMainLine), n.setAttribute("class", this.lyricPlayer.style.classes.lyricSubLine), a.setAttribute("class", this.lyricPlayer.style.classes.lyricSubLine), this.rebuildElement(), this.rebuildStyle();
+    const i = this.element.children[0], s = this.element.children[1], r = this.element.children[2];
+    i.setAttribute("class", this.lyricPlayer.style.classes.lyricMainLine), s.setAttribute("class", this.lyricPlayer.style.classes.lyricSubLine), r.setAttribute("class", this.lyricPlayer.style.classes.lyricSubLine), this.rebuildElement(), this.rebuildStyle();
   }
   element = document.createElement("div");
   left = 0;
@@ -420,10 +546,27 @@ class _ {
   // 由 LyricPlayer 来设置
   lineSize = [0, 0];
   lineTransforms = {
-    posX: new S(0),
-    posY: new S(0),
-    scale: new S(1)
+    posX: new w(0),
+    posY: new w(0),
+    scale: new w(1)
   };
+  listenersMap = /* @__PURE__ */ new Map();
+  onMouseEvent = (e) => {
+    if (!this.dispatchEvent(new V(this, e)))
+      return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), !1;
+  };
+  addEventListener(e, t, i) {
+    if (super.addEventListener(e, t, i), t) {
+      const s = this.listenersMap.get(e) ?? /* @__PURE__ */ new Set();
+      s.size === 0 && this.element.addEventListener(e, this.onMouseEvent), s.add(t), this.listenersMap.set(e, s);
+    }
+  }
+  removeEventListener(e, t, i) {
+    if (super.removeEventListener(e, t, i), t) {
+      const s = this.listenersMap.get(e);
+      s && (s.delete(t), s.size === 0 && this.element.removeEventListener(e, this.onMouseEvent));
+    }
+  }
   isEnabled = !1;
   enable() {
     this.isEnabled = !0, this.element.classList.add("active");
@@ -480,77 +623,83 @@ class _ {
   }
   rebuildElement() {
     const e = this.element.children[0], t = this.element.children[1], i = this.element.children[2];
-    this.splittedWords = [], this.lyricLine.words.forEach((l) => {
-      const h = l.word.split(/\s+/), o = h.reduce((m, p) => m + p.length, 0);
-      let c = 0;
-      h.forEach((m, p) => {
-        p > 0 && this.splittedWords.push({
-          word: " ",
-          startTime: 0,
-          endTime: 0,
-          width: 0,
-          height: 0,
-          elements: [],
-          elementAnimations: [],
-          shouldEmphasize: !1
-        }), this.splittedWords.push({
-          word: m,
-          startTime: l.startTime + (l.endTime - l.startTime) / o * c,
-          endTime: l.startTime + (l.endTime - l.startTime) / o * (c + m.length),
-          width: 0,
-          height: 0,
-          elements: [],
-          elementAnimations: [],
-          shouldEmphasize: P(l)
-        }), c += m.length;
-      });
-    });
-    const n = [], a = [];
-    function s(l) {
-      for (; l.firstChild; )
-        l.firstChild.nodeType === Node.ELEMENT_NODE ? n.push(e.firstChild) : l.firstChild.nodeType === Node.TEXT_NODE && a.push(e.firstChild), l.removeChild(l.firstChild), s(l.firstChild);
+    if (this.lyricPlayer._getIsNonDynamic()) {
+      e.innerText = this.lyricLine.words.map((r) => r.word).join(""), t.innerText = this.lyricLine.translatedLyric, i.innerText = this.lyricLine.romanLyric;
+      return;
     }
-    s(e);
-    let r = null;
-    this.splittedWords.forEach((l) => {
-      if (l.word.trim().length > 0)
-        if (l.shouldEmphasize) {
-          const h = n.pop() ?? document.createElement("span");
-          h.className = "emphasize", l.elements = [h];
-          for (const o of l.word) {
-            const c = n.pop() ?? document.createElement("span");
-            c.className = "", c.innerText = o, h.appendChild(c), l.elements.push(c);
-          }
-          if (l.elementAnimations = this.initEmphasizeAnimation(l), console.log(l.word, w.test(l.word)), r && !w.test(l.word))
-            if (r.childElementCount > 0)
-              r.appendChild(h);
-            else {
-              const o = n.pop() ?? document.createElement("span");
-              o.className = "", r.remove(), o.appendChild(r), o.appendChild(h), e.appendChild(o), r = o;
-            }
-          else
-            r = w.test(l.word) ? null : h, e.appendChild(h);
-        } else {
-          const h = n.pop() ?? document.createElement("span");
-          if (h.className = "", h.innerText = l.word, l.elements = [h], l.elementAnimations.push(this.initFloatAnimation(l, h)), r)
-            if (r.childElementCount > 0)
-              r.appendChild(h);
-            else {
-              const o = n.pop() ?? document.createElement("span");
-              o.className = "", r.remove(), o.appendChild(r), o.appendChild(h), e.appendChild(o), r = o;
+    const s = H(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),
+          { word: "", startTime: 1 / 0, endTime: -1 / 0 }
+        ), l = document.createElement("span");
+        for (const o of r) {
+          const c = document.createElement("span"), m = this.initFloatAnimation(
+            a,
+            c
+          );
+          if (n) {
+            const u = [];
+            for (const p of o.word.trim().split("")) {
+              const d = document.createElement("span");
+              d.innerText = p, u.push(d), c.appendChild(d);
             }
-          else
-            r = h, e.appendChild(h);
+            const f = {
+              ...o,
+              mainElement: c,
+              subElements: u,
+              elementAnimations: [m],
+              width: 0,
+              height: 0,
+              shouldEmphasize: n
+            };
+            f.elementAnimations.push(
+              ...this.initEmphasizeAnimation(f)
+            ), this.splittedWords.push(f);
+          } else
+            c.innerText = o.word, this.splittedWords.push({
+              ...o,
+              mainElement: c,
+              subElements: [],
+              elementAnimations: [m],
+              width: 0,
+              height: 0,
+              shouldEmphasize: n
+            });
+          l.appendChild(c);
         }
-      else if (l.word.length > 0) {
-        const h = a.pop() ?? document.createTextNode(" ");
-        e.appendChild(h), r = null;
-      } else
-        r = null;
-    }), t.innerText = this.lyricLine.translatedLyric, i.innerText = this.lyricLine.romanLyric;
+        a.word.trimStart() !== a.word && e.appendChild(document.createTextNode(" ")), e.appendChild(l), 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 = {
+          ...r,
+          mainElement: a,
+          subElements: [],
+          elementAnimations: [this.initFloatAnimation(r, a)],
+          width: 0,
+          height: 0,
+          shouldEmphasize: n
+        };
+        if (n) {
+          const o = [];
+          for (const c of r.word.trim().split("")) {
+            const m = document.createElement("span");
+            m.innerText = c, o.push(m), a.appendChild(m);
+          }
+          l.subElements = o, l.elementAnimations.push(
+            ...this.initEmphasizeAnimation(l)
+          );
+        } 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);
+      }
+    t.innerText = this.lyricLine.translatedLyric, i.innerText = this.lyricLine.romanLyric;
   }
   initFloatAnimation(e, t) {
-    const i = e.startTime - this.lyricLine.startTime, n = Math.max(1e3, e.endTime - e.startTime), a = t.animate(
+    const i = e.startTime - this.lyricLine.startTime, s = Math.max(1e3, e.endTime - e.startTime), r = t.animate(
       [
         {
           transform: "translateY(0px)"
@@ -560,107 +709,128 @@ class _ {
         }
       ],
       {
-        duration: isFinite(n) ? n : 0,
+        duration: isFinite(s) ? s : 0,
         delay: isFinite(i) ? i : 0,
         id: "float-word",
         composite: "add",
         fill: "both"
       }
     );
-    return a.pause(), a;
+    return r.pause(), r;
   }
   initEmphasizeAnimation(e) {
     const t = e.startTime - this.lyricLine.startTime, i = e.endTime - e.startTime;
-    return e.elements.map((n, a, s) => {
-      if (a === 0)
-        return this.initFloatAnimation(e, n);
-      {
-        const r = n.animate(
-          [
-            {
-              offset: 0,
-              transform: "translate3d(0, 0px, 0px)",
-              filter: "drop-shadow(0 0 0 var(--amll-lyric-line-color))"
-            },
-            {
-              offset: 0.5,
-              transform: "translate3d(0, -2%, 20px)",
-              filter: "drop-shadow(0 0 0.2rem var(--amll-lyric-line-color))"
-            },
-            {
-              offset: 1,
-              transform: "translate3d(0, 0px, 0)",
-              filter: "drop-shadow(0 0 0 var(--amll-lyric-line-color))"
-            }
-          ],
+    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(
+        [
+          {
+            offset: 0,
+            transform: "translate3d(0, 0, 0px)",
+            filter: "drop-shadow(0 0 0 var(--amll-lyric-view-color,white))"
+          },
+          {
+            offset: 0.5,
+            transform: "translate3d(0, -2%, 20px)",
+            filter: "drop-shadow(0 0 0.05em var(--amll-lyric-view-color,white))"
+          },
           {
-            duration: Math.max(1e3, e.endTime - e.startTime),
-            delay: t + i / (s.length - 1) * (a - 1),
-            id: "glow-word",
-            iterations: 1,
-            composite: "replace",
-            fill: "both"
+            offset: 1,
+            transform: "translate3d(0, 0, 0)",
+            filter: "drop-shadow(0 0 0 var(--amll-lyric-view-color,white))"
           }
-        );
-        return r.pause(), r;
-      }
+        ],
+        {
+          duration: isFinite(a) ? a : 0,
+          delay: isFinite(l) ? l : 0,
+          id: "glow-word",
+          iterations: 1,
+          composite: "replace",
+          fill: "both"
+        }
+      );
+      return o.pause(), o;
     });
   }
   updateMaskImage() {
     this._hide && (this.element.style.display = "", this.element.style.visibility = "hidden"), this.splittedWords.forEach((e) => {
-      const t = e.elements[0];
+      const t = e.mainElement;
       if (t) {
         e.width = t.clientWidth, e.height = t.clientHeight;
-        const [i, n, a] = W(
-          16 / e.width,
-          "rgba(0,0,0,0.75)",
+        const i = e.height / 2, [s, r, n] = G(
+          i / e.width,
+          "rgba(0,0,0,1)",
           "rgba(0,0,0,0.25)"
-        ), s = `${a * 100}% 100%`;
-        this.lyricPlayer.supportMaskImage ? (t.style.maskImage = i, t.style.maskOrigin = "left", t.style.maskSize = s) : (t.style.webkitMaskImage = i, t.style.webkitMaskOrigin = "left", t.style.webkitMaskSize = s);
-        const r = e.width + 16, l = `clamp(${-r}px,calc(${-r}px + (var(--amll-player-time) - ${e.startTime})*${r / Math.abs(e.endTime - e.startTime)}px),0px) 0px, left top`;
-        t.style.maskPosition = l, t.style.webkitMaskPosition = l;
+        ), 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;
       }
     }), this._hide && (this.element.style.display = "none", this.element.style.visibility = "");
   }
   getElement() {
     return this.element;
   }
-  setTransform(e = this.left, t = this.top, i = this.scale, n = 1, a = 0, s = !1, r = 0) {
-    this.left = e, this.top = t, this.scale = i, this.delay = r * 1e3 | 0;
-    const l = this.element.children[0];
-    l.style.opacity = `${n}`, s || !this.lyricPlayer.getEnableSpring() ? (this.blur = Math.min(32, a), s && this.element.classList.add(
-      this.lyricPlayer.style.classes.tmpDisableTransition
-    ), this.lineTransforms.posX.setPosition(e), this.lineTransforms.posY.setPosition(t), this.lineTransforms.scale.setPosition(i), this.lyricPlayer.getEnableSpring() ? this.rebuildStyle() : this.show(), s && requestAnimationFrame(() => {
-      this.element.classList.remove(
+  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();
+    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) {
+      if (this.blur = Math.min(32, r), n && this.element.classList.add(
         this.lyricPlayer.style.classes.tmpDisableTransition
-      );
-    })) : (this.lineTransforms.posX.setTargetPosition(e, r), this.lineTransforms.posY.setTargetPosition(t, r), this.lineTransforms.scale.setTargetPosition(i), this.blur !== Math.min(32, a) && (this.blur = Math.min(32, a), this.element.style.filter = `blur(${Math.min(32, a)}px)`));
+      ), this.lineTransforms.posX.setPosition(e), this.lineTransforms.posY.setPosition(t), this.lineTransforms.scale.setPosition(i), o)
+        this.rebuildStyle();
+      else {
+        const f = this.isInSight;
+        l || f ? this.show() : this.hide();
+      }
+      n && requestAnimationFrame(() => {
+        this.element.classList.remove(
+          this.lyricPlayer.style.classes.tmpDisableTransition
+        );
+      });
+    } else
+      this.lineTransforms.posX.setTargetPosition(e, a), this.lineTransforms.posY.setTargetPosition(t, a), this.lineTransforms.scale.setTargetPosition(i), this.blur !== Math.min(32, r) && (this.blur = Math.min(32, r), this.element.style.filter = `blur(${Math.min(32, r)}px)`);
   }
   update(e = 0) {
     this.lyricPlayer.getEnableSpring() && (this.lineTransforms.posX.update(e), this.lineTransforms.posY.update(e), this.lineTransforms.scale.update(e), this.isInSight ? this.show() : this.hide());
   }
   get isInSight() {
-    const e = this.lineTransforms.posX.getCurrentPosition(), t = this.lineTransforms.posY.getCurrentPosition(), i = e + this.lineSize[0], n = t + this.lineSize[1], a = this.lyricPlayer.pos[0], s = this.lyricPlayer.pos[1], r = this.lyricPlayer.pos[0] + this.lyricPlayer.size[0], l = this.lyricPlayer.pos[1] + this.lyricPlayer.size[1];
-    return !(e > r || t > l || i < a || n < s);
+    const e = this.lineTransforms.posX.getCurrentPosition(), t = this.lineTransforms.posY.getCurrentPosition(), i = e + this.lineSize[0], s = t + this.lineSize[1], r = this.lyricPlayer.size[0], n = this.lyricPlayer.size[1];
+    return !(e > r || i < 0 || t > n || s < 0);
   }
   dispose() {
     this.element.remove();
   }
 }
-const G = z(A());
-class ee extends EventTarget {
+const J = I(D());
+class K extends MouseEvent {
+  constructor(e, t, i) {
+    super(`line-${i.type}`, i), this.lineIndex = e, this.line = t;
+  }
+}
+class le extends EventTarget {
   element = document.createElement("div");
   currentTime = 0;
   lyricLines = [];
   processedLines = [];
   lyricLinesEl = [];
-  lyricLinesSize = /* @__PURE__ */ new Map();
+  lyricLinesSize = /* @__PURE__ */ new WeakMap();
+  lyricLinesIndexes = /* @__PURE__ */ new WeakMap();
   hotLines = /* @__PURE__ */ new Set();
   bufferedLines = /* @__PURE__ */ new Set();
   scrollToIndex = 0;
+  allowScroll = !0;
+  scrolledHandler = 0;
+  isScrolled = !1;
+  invokedByScrollEvent = !1;
+  padding = 32;
+  scrollOffset = 0;
+  hidePassedLines = !1;
   resizeObserver = new ResizeObserver((e) => {
     const t = e[0].contentRect;
-    this.size[0] = t.width, this.size[1] = t.height, this.pos[0] = t.left, this.pos[1] = t.top, this.rebuildStyle(), this.calcLayout(!0), this.lyricLinesEl.forEach((i) => i.updateMaskImage());
+    this.size[0] = t.width, this.size[1] = t.height;
+    const i = getComputedStyle(e[0].target), s = this.element.clientWidth - parseFloat(i.paddingLeft) - parseFloat(i.paddingRight), r = this.element.clientHeight - parseFloat(i.paddingTop) - parseFloat(i.paddingBottom);
+    this.innerSize[0] = s, this.innerSize[1] = r, this.rebuildStyle(), this.calcLayout(!0, !0), this.lyricLinesEl.forEach((n) => n.updateMaskImage());
   });
   posXSpringParams = {
     mass: 1,
@@ -678,14 +848,29 @@ class ee extends EventTarget {
     stiffness: 100
   };
   enableBlur = !0;
+  enableScale = !0;
   interludeDots;
   interludeDotsSize = [0, 0];
+  bottomLine;
   supportPlusLighter = CSS.supports("mix-blend-mode", "plus-lighter");
   supportMaskImage = CSS.supports("mask-image", "none");
   disableSpring = !1;
-  alignAnchor = 0.5;
+  alignAnchor = "center";
+  alignPosition = 0.5;
+  isNonDynamic = !1;
   size = [0, 0];
-  pos = [0, 0];
+  innerSize = [0, 0];
+  onLineClickedHandler = (e) => {
+    const t = new K(
+      this.lyricLinesIndexes.get(e.line) ?? -1,
+      e.line,
+      e
+    );
+    this.dispatchEvent(t) || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
+  };
+  _getIsNonDynamic() {
+    return this.isNonDynamic;
+  }
   /**
    * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用
    *
@@ -703,37 +888,72 @@ class ee extends EventTarget {
   getEnableSpring() {
     return !this.disableSpring;
   }
-  style = G.createStyleSheet({
+  /**
+   * 是否启用歌词行缩放效果，默认启用
+   *
+   * 如果启用，非选中的歌词行会轻微缩小以凸显当前播放歌词行效果
+   *
+   * 此效果对性能影响微乎其微，推荐启用
+   * @param enable 是否启用歌词行缩放效果
+   */
+  setEnableScale(e = !0) {
+    this.enableScale = e, this.calcLayout();
+  }
+  /**
+   * 获取当前是否启用了歌词行缩放效果
+   * @returns 是否启用歌词行缩放效果
+   */
+  getEnableScale() {
+    return this.enableScale;
+  }
+  style = J.createStyleSheet({
     lyricPlayer: {
       userSelect: "none",
-      padding: "1rem",
-      boxSizing: "border-box",
-      fontSize: "max(5vh, 12px)",
-      fontWeight: "bold",
+      fontSize: "var(--amll-lyric-player-font-size,max(min(5vh, 10vw), 12px))",
+      padding: "1em",
+      margin: "-1em",
       width: "100%",
       height: "100%",
       overflow: "hidden",
       maxWidth: "100%",
       maxHeight: "100%",
       zIndex: 1,
-      color: "var(--amll-lyric-line-color)",
+      color: "var(--amll-lyric-view-color,white)",
       mixBlendMode: "plus-lighter",
-      contain: "strict"
+      contain: "strict",
+      "&:hover": {
+        "& $lyricLine": {
+          filter: "unset !important"
+        }
+      }
     },
     lyricLine: {
       position: "absolute",
       transformOrigin: "left",
-      maxWidth: "65%",
-      padding: "max(2vh, 1rem) 1rem",
+      maxWidth: "var(--amll-lyric-player-width,100%)",
+      minWidth: "var(--amll-lyric-player-width,100%)",
+      width: "var(--amll-lyric-player-width,100%)",
+      padding: "2vh 0.05em",
       contain: "content",
-      transition: "filter 0.25s",
-      margin: "max(2vh, 1rem) -1rem"
+      willChange: "filter,transform,opacity",
+      transition: "filter 0.25s, background-color 0.25s, box-shadow 0.25s",
+      boxSizing: "border-box",
+      borderRadius: "8px",
+      "& span": {
+        padding: "0.05em",
+        margin: "-0.05em"
+      },
+      "&:hover": {
+        backgroundColor: "var(--amll-lyric-view-hover-bg-color,#fff1)",
+        boxShadow: "0 0 0 8px var(--amll-lyric-view-hover-bg-color,#fff1)"
+      },
+      "&:active": {
+        boxShadow: "0 0 0 4px var(--amll-lyric-view-hover-bg-color,#fff1)"
+      }
     },
     "@media (max-width: 1024px)": {
       lyricLine: {
-        maxWidth: "75%",
-        padding: "max(1vh, 1rem) 1rem",
-        margin: "0 -1rem"
+        padding: "1vh 0"
       }
     },
     lyricDuetLine: {
@@ -746,57 +966,58 @@ class ee extends EventTarget {
       transition: "opacity 0.25s",
       "&.active": {
         transition: "opacity 0.25s 0.25s",
-        opacity: 1
+        opacity: 0.75
       }
     },
     lyricMainLine: {
       transition: "opacity 0.3s 0.25s",
-      margin: "-1rem",
-      padding: "1rem",
+      willChange: "opacity",
+      margin: "-1em",
+      padding: "1em",
       "& span": {
-        display: "inline-block",
-        margin: "-1rem",
-        padding: "1rem"
+        display: "inline-block"
       },
       "& > span": {
         whiteSpace: "pre-wrap",
-        wordBreak: "keep-all",
         maxLines: "1",
+        // willChange: "transform,display,mask-image",
         "&.emphasize": {
-          margin: "-1rem",
-          padding: "1rem",
           transformStyle: "preserve-3d",
-          perspective: "50vw"
+          perspective: "50vw",
+          padding: "1em",
+          margin: "-1em"
         }
       }
     },
     lyricSubLine: {
-      fontSize: "max(50%, 10px)",
+      fontSize: "max(0.5em, 10px)",
+      transition: "opacity 0.3s 0.25s",
       opacity: 0.5
     },
     disableSpring: {
       "& > *": {
-        transition: "filter 0.25s, transform 0.5s"
+        transition: "filter 0.25s, transform 0.5s, background-color 0.25s, box-shadow 0.25s"
       }
     },
     interludeDots: {
-      height: "min(1rem,2.5vh)",
+      height: "clamp(0.5em,1vh,3em)",
       transformOrigin: "center",
       width: "fit-content",
       padding: "2.5% 0",
       position: "absolute",
       display: "flex",
-      gap: "0.5rem",
+      gap: "0.25em",
+      left: "1em",
       "& > *": {
-        width: "100%",
+        height: "clamp(0.5em,1vh,3em)",
         display: "inline-block",
         borderRadius: "50%",
         aspectRatio: "1 / 1",
-        backgroundColor: "var(--amll-lyric-line-color)",
+        backgroundColor: "var(--amll-lyric-view-color,white)",
         marginRight: "4px"
       },
       "&.duet": {
-        right: "1rem",
+        right: "1em",
         transformOrigin: "center"
       }
     },
@@ -810,10 +1031,14 @@ class ee extends EventTarget {
     }
   });
   onPageShow = () => {
-    this.calcLayout(!0);
+    this.calcLayout(!0, !0);
   };
   constructor() {
-    super(), this.interludeDots = new $(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.style.attach(), this.interludeDots.setTransform(0, 200), window.addEventListener("pageshow", this.onPageShow);
+    super(), this.interludeDots = new Y(this), this.bottomLine = new q(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);
+    });
   }
   /**
    * 获取当前播放时间里是否处于间奏区间
@@ -821,7 +1046,7 @@ class ee extends EventTarget {
    * 否则返回 undefined
    *
    * 这个只允许内部调用
-   * @returns [开始时间,结束时间] 或 undefined 如果不处于间奏区间
+   * @returns [开始时间,结束时间,大概处于的歌词行ID,下一句是否为对唱歌词] 或 undefined 如果不处于间奏区间
    */
   getCurrentInterlude() {
     if (this.bufferedLines.size > 0)
@@ -829,12 +1054,18 @@ class ee extends EventTarget {
     const e = this.currentTime + 20, t = this.scrollToIndex;
     if (t === 0) {
       if (this.processedLines[0]?.startTime && this.processedLines[0].startTime > e)
-        return [0, this.processedLines[0].startTime, -2];
+        return [
+          e,
+          this.processedLines[0].startTime,
+          -2,
+          this.processedLines[0].isDuet
+        ];
     } else if (this.processedLines[t]?.endTime && this.processedLines[t + 1]?.startTime && this.processedLines[t + 1].startTime > e && this.processedLines[t].endTime < e)
       return [
-        this.processedLines[t].endTime,
+        Math.max(this.processedLines[t].endTime, e),
         this.processedLines[t + 1].startTime,
-        t
+        t,
+        this.processedLines[t + 1].isDuet
       ];
   }
   /**
@@ -844,7 +1075,14 @@ class ee extends EventTarget {
    */
   rebuildStyle() {
     let e = "";
-    e += "--amll-lyric-player-width:", e += this.element.clientWidth, e += "px;", e += "--amll-lyric-player-height:", e += this.element.clientHeight, e += "px;", e += "--amll-lyric-line-color:", e += "#FFFFFF;", 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;", e += "--amll-player-time:", e += this.currentTime, e += ";", this.element.setAttribute("style", e);
+  }
+  /**
+   * 设置是否隐藏已经播放过的歌词行，默认不隐藏
+   * @param hide 是否隐藏已经播放过的歌词行，默认不隐藏
+   */
+  setHidePassedLines(e) {
+    this.hidePassedLines = e, this.calcLayout();
   }
   /**
    * 设置是否启用歌词行的模糊效果
@@ -861,47 +1099,71 @@ class ee extends EventTarget {
     this.lyricLines = e;
     const t = 750;
     this.processedLines = e.filter(
-      (i) => i.words.reduce((n, a) => n + a.word.trim().length, 0) > 0
-    ).map((i, n, a) => {
+      (i) => i.words.reduce((s, r) => s + r.word.trim().length, 0) > 0
+    ).map((i, s, r) => {
       if (i.isBG)
         return {
           ...i
         };
+      if (s === 0)
+        return {
+          ...i,
+          startTime: Math.max(i.startTime - t, 0)
+        };
       {
-        const s = a[n - 1], r = a[n - 2];
-        if (s?.isBG && r) {
-          if (r.endTime < i.startTime)
+        const n = r[s - 1], a = r[s - 2];
+        if (n?.isBG && a) {
+          if (a.endTime < i.startTime)
             return {
               ...i,
-              startTime: Math.max(r.endTime, i.startTime - t) || i.startTime
+              startTime: Math.max(a.endTime, i.startTime - t) || i.startTime
             };
-        } else if (s?.endTime && s.endTime < i.startTime)
+        } else if (n?.endTime && n.endTime < i.startTime)
           return {
             ...i,
-            startTime: Math.max(s?.endTime, i.startTime - t) || i.startTime
+            startTime: Math.max(n?.endTime, i.startTime - t) || i.startTime
           };
         return {
           ...i
         };
       }
-    }), this.processedLines.forEach((i, n, a) => {
-      const s = a[n + 1], r = i.words[i.words.length - 1];
-      r && P(r) && (s ? s.startTime > i.endTime && (i.endTime = Math.min(i.endTime + 1500, s.startTime)) : i.endTime = i.endTime + 1500);
-    }), this.processedLines.forEach((i, n, a) => {
+    }), this.isNonDynamic = !0;
+    for (const i of this.processedLines)
+      if (i.words.length > 1) {
+        this.isNonDynamic = !1;
+        break;
+      }
+    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);
+    }), this.processedLines.forEach((i, s, r) => {
       if (i.isBG)
         return;
-      const s = a[n + 1];
-      s?.isBG && (s.startTime = Math.min(s.startTime, i.startTime));
-    }), this.lyricLinesEl.forEach((i) => i.dispose()), this.lyricLinesEl = this.processedLines.map(
-      (i) => new _(this, i)
-    ), this.lyricLinesEl.forEach((i) => {
-      this.element.appendChild(i.getElement()), i.updateMaskImage();
-    }), this.hotLines.clear(), this.bufferedLines.clear(), this.setLinePosXSpringParams({}), this.setLinePosYSpringParams({}), this.setLineScaleSpringParams({}), this.setCurrentTime(0, !0), this.calcLayout(!0);
+      const n = r[s + 1];
+      n?.isBG && (n.startTime = Math.min(n.startTime, i.startTime));
+    }), 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);
+      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();
+    }), this.interludeDots.setInterlude(void 0), this.hotLines.clear(), this.bufferedLines.clear(), this.setLinePosXSpringParams({}), this.setLinePosYSpringParams({}), this.setLineScaleSpringParams({}), this.setCurrentTime(0, !0), this.calcLayout(!0, !0);
+  }
+  /**
+   * 重置用户滚动状态
+   *
+   * 请在用户完成滚动点击跳转歌词时调用本事件再调用 `calcLayout` 以正确滚动到目标位置
+   */
+  resetScroll() {
+    this.isScrolled = !1, this.scrollOffset = 0, this.invokedByScrollEvent = !1, clearTimeout(this.scrolledHandler), this.scrolledHandler = 0;
   }
   /**
    * 重新布局定位歌词行的位置，调用完成后再逐帧调用 `update`
    * 函数即可让歌词通过动画移动到目标位置。
    *
+   * 函数有一个 `force` 参数，用于指定是否强制修改布局，也就是不经过动画直接调整元素位置和大小。
+   *
    * 此函数还有一个 `reflow` 参数，用于指定是否需要重新计算布局
    *
    * 因为计算布局必定会导致浏览器重排布局，所以会大幅度影响流畅度和性能，故请只在以下情况下将其​设置为 true：
@@ -910,54 +1172,50 @@ class ee extends EventTarget {
    * 2. 加载了新的歌词时（不论前后歌词是否完全一样）
    * 3. 用户自行跳转了歌曲播放位置（不论距离远近）
    *
+   * @param force 是否不经过动画直接修改布局定位
    * @param reflow 是否进行重新布局（重新计算每行歌词大小）
    */
-  calcLayout(e = !1) {
-    e && (this.lyricLinesEl.forEach((o) => {
-      const c = o.measureSize();
-      this.lyricLinesSize.set(o, c), o.lineSize = c;
-    }), this.interludeDotsSize[0] = this.interludeDots.getElement().clientWidth, this.interludeDotsSize[1] = this.interludeDots.getElement().clientHeight);
-    const t = 0.95;
-    let n = -this.lyricLinesEl.slice(0, this.scrollToIndex).reduce(
-      (o, c) => o + (c.getLine().isBG ? 0 : this.lyricLinesSize.get(c)?.[1] ?? 0),
+  calcLayout(e = !1, t = !1) {
+    t && (this.lyricLinesEl.forEach((p) => {
+      const d = p.measureSize();
+      this.lyricLinesSize.set(p, d), p.lineSize = d;
+    }), 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),
       0
     );
-    if (this.alignAnchor === "bottom") {
-      n += this.element.clientHeight / 2;
-      const o = this.lyricLinesEl[this.scrollToIndex];
-      if (o) {
-        const c = this.lyricLinesSize.get(o)?.[1] ?? 0;
-        n -= c / 2;
+    s -= l, s += this.size[1] * this.alignPosition;
+    const o = this.lyricLinesEl[r];
+    if (o) {
+      const p = this.lyricLinesSize.get(o)?.[1] ?? 0;
+      switch (this.alignAnchor) {
+        case "bottom":
+          s -= p;
+          break;
+        case "center":
+          s -= p / 2;
+          break;
       }
-    } else if (typeof this.alignAnchor == "number") {
-      n += this.element.clientHeight * this.alignAnchor;
-      const o = this.lyricLinesEl[this.scrollToIndex];
-      if (o) {
-        const c = this.lyricLinesSize.get(o)?.[1] ?? 0;
-        n -= c / 2;
-      }
-    }
-    const a = this.getCurrentInterlude();
-    let s = 0;
-    if (a && (s = a[1] - a[0], s >= 5e3)) {
-      const o = this.lyricLinesEl[a[2] + 1];
-      o && (n -= this.lyricLinesSize.get(o)?.[1] ?? 0);
     }
-    const r = Math.max(...this.bufferedLines);
-    let l = 0, h = !1;
-    this.lyricLinesEl.forEach((o, c) => {
-      const m = this.bufferedLines.has(c), p = m || c >= this.scrollToIndex && c < r, u = o.getLine();
-      let f = 0;
-      u.isDuet && (f = this.size[0] - (this.lyricLinesSize.get(o)?.[0] ?? 0)), !h && s >= 5e3 && (c === this.scrollToIndex && a?.[2] === -2 || c === this.scrollToIndex + 1) && (h = !0, this.interludeDots.setTransform(0, n), a && this.interludeDots.setInterlude([a[0], a[1]]), n += this.interludeDotsSize[1]), o.setTransform(
-        f,
-        n,
-        p ? 1 : t,
-        m ? 1 : 1 / 3,
-        this.enableBlur ? 3 * (p ? 0 : 1 + (c < this.scrollToIndex ? Math.abs(this.scrollToIndex - c) : Math.abs(c - Math.max(this.scrollToIndex, r)))) : 0,
+    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(32, s), i && this.interludeDots.setInterlude([i[0], i[1]]), s += this.interludeDotsSize[1]);
+      const M = this.hidePassedLines && d < (i ? i[2] + 1 : this.scrollToIndex) ? 0 : g ? 1 : 1 / 3;
+      p.setTransform(
+        this.padding,
+        s,
+        b ? 1 : a,
+        M,
+        !this.invokedByScrollEvent && this.enableBlur ? b ? 0 : 1 + (d < this.scrollToIndex ? Math.abs(this.scrollToIndex - d) : Math.abs(d - Math.max(this.scrollToIndex, c))) : 0,
         e,
-        l
-      ), u.isBG && p ? n += this.lyricLinesSize.get(o)?.[1] ?? 0 : u.isBG || (n += this.lyricLinesSize.get(o)?.[1] ?? 0), n >= 0 && (l += 0.05);
-    });
+        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);
   }
   /**
    * 获取当前歌词的播放位置
@@ -981,16 +1239,35 @@ class ee extends EventTarget {
     return this.element;
   }
   /**
-   * 设置歌词行的对齐方式，默认为 `top`
+   * 获取一个特殊的底栏元素，默认是空白的，可以往内部添加任意元素
+   *
+   * 这个元素始终在歌词的底部，可以用于显示歌曲创作者等信息
    *
-   * - 设置成 `top` 的话歌词将会向组件顶部对齐
-   * - 设置成 `bottom` 的话歌词将会向组件底部对齐
-   * - 设置成 [0.0-1.0] 之间任意数字的话则会根据当前组件高度从顶部向下位移为对齐位置垂直居中对齐
+   * 但是请勿删除该元素，只能在内部存放元素
+   *
+   * @returns 一个元素，可以往内部添加任意元素
+   */
+  getBottomLineElement() {
+    return this.bottomLine.getElement();
+  }
+  /**
+   * 设置目标歌词行的对齐方式，默认为 `center`
+   *
+   * - 设置成 `top` 的话将会向目标歌词行的顶部对齐
+   * - 设置成 `bottom` 的话将会向目标歌词行的底部对齐
+   * - 设置成 `center` 的话将会向目标歌词行的垂直中心对齐
    * @param alignAnchor 歌词行对齐方式，详情见函数说明
    */
   setAlignAnchor(e) {
     this.alignAnchor = e;
   }
+  /**
+   * 设置默认的歌词行对齐位置，相对于整个歌词播放组件的大小位置，默认为 `0.5`
+   * @param alignPosition 一个 `[0.0-1.0]` 之间的任意数字，代表组件高度由上到下的比例位置
+   */
+  setAlignPosition(e) {
+    this.alignPosition = e;
+  }
   /**
    * 设置当前播放进度，单位为毫秒且**必须是整数**，此时将会更新内部的歌词进度信息
    * 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词，所以这个的调用频率越快越准确越好
@@ -999,35 +1276,36 @@ class ee extends EventTarget {
    * @param time 当前播放进度，单位为毫秒
    */
   setCurrentTime(e, t = !1) {
-    this.currentTime = e, this.element.style.setProperty("--amll-player-time", `${e}`);
-    const i = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
-    this.hotLines.forEach((s) => {
-      const r = this.processedLines[s];
-      if (r) {
-        if (r.isBG)
+    if (this.currentTime = e, 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) => {
+      const a = this.processedLines[n];
+      if (a) {
+        if (a.isBG)
           return;
-        const l = this.processedLines[s + 1];
+        const l = this.processedLines[n + 1];
         if (l?.isBG) {
-          const h = Math.min(r.startTime, l?.startTime), o = Math.max(r.endTime, l?.endTime);
-          (h > e || o <= e) && (this.hotLines.delete(s), i.add(s), this.hotLines.delete(s + 1), i.add(s + 1), t && (this.lyricLinesEl[s].disable(), this.lyricLinesEl[s + 1].disable()));
+          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()));
         } else
-          (r.startTime > e || r.endTime <= e) && (this.hotLines.delete(s), i.add(s), t && this.lyricLinesEl[s].disable());
+          (a.startTime > e || a.endTime <= e) && (this.hotLines.delete(n), i.add(n), t && this.lyricLinesEl[n].disable());
       } else
-        this.hotLines.delete(s), i.add(s), t && this.lyricLinesEl[s].disable();
-    }), this.processedLines.forEach((s, r, l) => {
-      !s.isBG && s.startTime <= e && s.endTime > e && (this.hotLines.has(r) || (this.hotLines.add(r), a.add(r), t && this.lyricLinesEl[r].enable(), l[r + 1]?.isBG && (this.hotLines.add(r + 1), a.add(r + 1), t && this.lyricLinesEl[r + 1].enable())));
-    }), this.bufferedLines.forEach((s) => {
-      this.hotLines.has(s) || (n.add(s), t && this.lyricLinesEl[s].disable());
+        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.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(
-      (s) => s.startTime >= e
-    ), this.bufferedLines.clear(), this.hotLines.forEach((s) => this.bufferedLines.add(s)), this.calcLayout(!0)) : (n.size > 0 || a.size > 0) && (n.size === 0 && a.size > 0 ? (a.forEach((s) => {
-      this.bufferedLines.add(s), this.lyricLinesEl[s].enable();
-    }), this.scrollToIndex = Math.min(...this.bufferedLines)) : a.size === 0 && n.size > 0 ? N(n, this.bufferedLines) && this.bufferedLines.forEach((s) => {
-      this.hotLines.has(s) || (this.bufferedLines.delete(s), this.lyricLinesEl[s].disable());
-    }) : (a.forEach((s) => {
-      this.bufferedLines.add(s), this.lyricLinesEl[s].enable();
-    }), n.forEach((s) => {
-      this.bufferedLines.delete(s), this.lyricLinesEl[s].disable();
+      (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)) : r.size === 0 && s.size > 0 ? W(s, this.bufferedLines) && this.bufferedLines.forEach((n) => {
+      this.hotLines.has(n) || (this.bufferedLines.delete(n), this.lyricLinesEl[n].disable());
+    }) : (r.forEach((n) => {
+      this.bufferedLines.add(n), this.lyricLinesEl[n].enable();
+    }), s.forEach((n) => {
+      this.bufferedLines.delete(n), this.lyricLinesEl[n].disable();
     }), this.bufferedLines.size > 0 && (this.scrollToIndex = Math.min(...this.bufferedLines))), this.calcLayout());
   }
   /**
@@ -1038,7 +1316,7 @@ class ee extends EventTarget {
    */
   update(e = 0) {
     const t = e / 1e3;
-    this.interludeDots.update(e), this.lyricLinesEl.forEach((i) => i.update(t));
+    this.interludeDots.update(e), this.bottomLine.update(t), this.lyricLinesEl.forEach((i) => i.update(t));
   }
   /**
    * 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。
@@ -1049,7 +1327,7 @@ class ee extends EventTarget {
     this.posXSpringParams = {
       ...this.posXSpringParams,
       ...e
-    }, this.lyricLinesEl.forEach(
+    }, this.bottomLine.lineTransforms.posX.updateParams(this.posXSpringParams), this.lyricLinesEl.forEach(
       (t) => t.lineTransforms.posX.updateParams(this.posXSpringParams)
     );
   }
@@ -1062,7 +1340,7 @@ class ee extends EventTarget {
     this.posYSpringParams = {
       ...this.posYSpringParams,
       ...e
-    }, this.lyricLinesEl.forEach(
+    }, this.bottomLine.lineTransforms.posY.updateParams(this.posYSpringParams), this.lyricLinesEl.forEach(
       (t) => t.lineTransforms.posY.updateParams(this.posYSpringParams)
     );
   }
@@ -1080,12 +1358,12 @@ class ee extends EventTarget {
     );
   }
   dispose() {
-    this.element.remove(), this.resizeObserver.disconnect(), this.style.detach(), this.lyricLinesEl.forEach((e) => e.dispose()), window.removeEventListener("pageshow", this.onPageShow);
+    this.element.remove(), this.resizeObserver.disconnect(), this.style.detach(), this.lyricLinesEl.forEach((e) => e.dispose()), window.removeEventListener("pageshow", this.onPageShow), this.bottomLine.dispose(), this.interludeDots.dispose();
   }
 }
 export {
-  Z as BackgroundRender,
-  ee as LyricPlayer,
-  Q as ttml
+  oe as BackgroundRender,
+  le as LyricPlayer,
+  ae as ttml
 };
 //# sourceMappingURL=amll-core.mjs.map