@applemusic-like-lyrics/core 0.0.11 → 0.0.12

package/dist/amll-core.mjs

@@ -1,17 +1,18 @@
 import { Container as C } from "@pixi/display";
-import { Application as M } from "@pixi/app";
+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 z } from "@pixi/core";
-import { Sprite as w } from "@pixi/sprite";
-import { create as D } from "jss";
-import A from "jss-preset-default";
-const I = /^(((?<hour>[0-9]+):)?(?<min>[0-9]+):)?(?<sec>[0-9]+([\.:]([0-9]+))?)/;
+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 = I.exec(h);
+  const e = k.exec(h);
   if (e) {
-    const t = Number(e.groups?.hour || "0"), n = Number(e.groups?.min || "0"), i = Number(e.groups?.sec.replace(/:/, ".") || "0");
-    return Math.floor((t * 3600 + n * 60 + i) * 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("时间戳字符串解析失败");
 }
@@ -20,114 +21,114 @@ function B(h) {
     h,
     "application/xml"
   );
-  let n = "v1";
-  for (const l of t.querySelectorAll("ttm\\:agent"))
-    if (l.getAttribute("type") === "person") {
-      const s = l.getAttribute("xml:id");
-      s && (n = s);
+  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 i = [];
-  for (const l 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(l.getAttribute("begin") ?? "0:0"),
-      endTime: T(l.getAttribute("end") ?? "0:0"),
+      startTime: T(r.getAttribute("begin") ?? "0:0"),
+      endTime: T(r.getAttribute("end") ?? "0:0"),
       translatedLyric: "",
       romanLyric: "",
       isBG: !1,
-      isDuet: l.getAttribute("ttm:agent") !== n
+      isDuet: r.getAttribute("ttm:agent") !== i
     };
-    let r = null;
-    for (const a of l.childNodes)
-      if (a.nodeType === Node.TEXT_NODE) {
-        const o = a.textContent ?? "";
-        /^(\s+)$/.test(o) ? s.words.push({
+    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
-        }) : s.words.push({
+        }) : n.words.push({
           word: o,
           startTime: 0,
           endTime: 0
         });
-      } else if (a.nodeType === Node.ELEMENT_NODE) {
-        const o = a, c = o.getAttribute("ttm:role");
+      } 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 d = {
+            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 m of o.childNodes)
-              if (m.nodeType === Node.TEXT_NODE) {
-                const p = m.textContent ?? "";
-                /^(\s+)$/.test(p) ? d.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
-                }) : d.words.push({
-                  word: p,
+                }) : m.words.push({
+                  word: d,
                   startTime: 0,
                   endTime: 0
                 });
-              } else if (m.nodeType === Node.ELEMENT_NODE) {
-                const p = m, L = p.getAttribute("ttm:role");
-                if (p.nodeName === "span" && L)
-                  L === "x-translation" ? d.translatedLyric = p.innerHTML.trim() : L === "x-roman" && (d.romanLyric = p.innerHTML.trim());
-                else if (p.hasAttribute("begin") && p.hasAttribute("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: m.textContent,
-                    startTime: T(p.getAttribute("begin")),
-                    endTime: T(p.getAttribute("end"))
+                    word: p.textContent,
+                    startTime: T(d.getAttribute("begin")),
+                    endTime: T(d.getAttribute("end"))
                   };
-                  d.words.push(b);
+                  m.words.push(b);
                 }
               }
-            const u = d.words[0];
-            d.startTime = u.startTime, u?.word.startsWith("(") && (u.word = u.word.substring(1));
-            const f = d.words[d.words.length - 1];
-            d.endTime = f.endTime, f?.word.endsWith(")") && (f.word = f.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,
               f.word.length - 1
-            )), r = d;
+            )), a = m;
           } else
-            c === "x-translation" ? s.translatedLyric = o.innerHTML : c === "x-roman" && (s.romanLyric = o.innerHTML);
+            c === "x-translation" ? n.translatedLyric = o.innerHTML : c === "x-roman" && (n.romanLyric = o.innerHTML);
         else if (o.hasAttribute("begin") && o.hasAttribute("end")) {
-          const d = {
-            word: a.textContent ?? "",
+          const m = {
+            word: l.textContent ?? "",
             startTime: T(o.getAttribute("begin")),
             endTime: T(o.getAttribute("end"))
           };
-          s.words.push(d);
+          n.words.push(m);
         }
       }
-    i.push(s), r && i.push(r);
+    s.push(n), a && s.push(a);
   }
-  return i;
+  return s;
 }
-const ee = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   parseTTML: B
 }, Symbol.toStringTag, { value: "Module" }));
-class k extends C {
+class O extends C {
   time = 0;
 }
-class N {
+class $ {
   constructor(e) {
     this.canvas = e;
     const t = e.getBoundingClientRect();
     this.canvas.width = t.width * this.currerntRenderScale, this.canvas.height = t.height * this.currerntRenderScale, this.observer = new ResizeObserver(() => {
-      const n = e.getBoundingClientRect();
-      this.canvas.width = Math.max(1, n.width), this.canvas.height = Math.max(1, n.height), this.app.renderer.resize(
+      const i = e.getBoundingClientRect();
+      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.app.ticker.start(), this.rebuildFilters();
-    }), this.observer.observe(e), this.app = new M({
+    }), this.observer.observe(e), this.app = new z({
       view: e,
       resizeTo: this.canvas,
       powerPreference: "low-power",
@@ -141,17 +142,17 @@ class N {
   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, n, i, l] = this.curContainer.children, s = Math.max(this.app.screen.width, this.app.screen.height);
-      t.position.set(this.app.screen.width / 2, this.app.screen.height / 2), n.position.set(
+      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
-      ), i.position.set(this.app.screen.width / 2, this.app.screen.height / 2), l.position.set(this.app.screen.width / 2, this.app.screen.height / 2), t.width = s * Math.sqrt(2), t.height = t.width, n.width = s * 0.8, n.height = n.width, i.width = s * 0.5, i.height = i.width, l.width = s * 0.25, l.height = l.width, this.curContainer.time += e * this.flowSpeed, t.rotation += e / 1e3 * this.flowSpeed, n.rotation -= e / 500 * this.flowSpeed, i.rotation += e / 1e3 * this.flowSpeed, l.rotation -= e / 750 * this.flowSpeed, i.x = this.app.screen.width / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), i.y = this.app.screen.height / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), l.x = this.app.screen.width / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75), l.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();
+      ), 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;
@@ -178,12 +179,38 @@ class N {
     ), this.rebuildFilters();
   }
   rebuildFilters() {
-    const e = Math.min(this.canvas.width, this.canvas.height), t = new E();
-    t.saturate(1.2, !1);
-    const n = new E();
-    n.brightness(0.6, !1);
-    const i = new E();
-    i.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, n, i), 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]
+      })
+    ));
   }
   /**
    * 是否启用静态模式，即图片在更换后就会保持静止状态并禁用更新，以节省性能
@@ -218,14 +245,33 @@ class N {
    * @param albumUrl 图片的目标链接
    */
   async setAlbumImage(e) {
-    const t = await z.fromURL(e), n = new k(), i = new w(t), l = new w(t), s = new w(t), r = new w(t);
-    i.anchor.set(0.5, 0.5), l.anchor.set(0.5, 0.5), s.anchor.set(0.5, 0.5), r.anchor.set(0.5, 0.5), i.rotation = Math.random() * Math.PI * 2, l.rotation = Math.random() * Math.PI * 2, s.rotation = Math.random() * Math.PI * 2, r.rotation = Math.random() * Math.PI * 2, n.addChild(i, l, s, r), this.curContainer && this.lastContainer.add(this.curContainer), this.curContainer = n, this.app.stage.addChild(this.curContainer), this.curContainer.alpha = 0, this.app.ticker.start();
+    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 te extends N {
+class oe extends $ {
   element;
   constructor() {
     const e = document.createElement("canvas");
@@ -238,8 +284,8 @@ class te extends N {
     super.dispose(), this.element.remove();
   }
 }
-const O = (h, e) => h.size === e.size && [...h].every((t) => e.has(t));
-class S {
+const W = (h, e) => h.size === e.size && [...h].every((t) => e.has(t));
+class w {
   currentPosition = 0;
   targetPosition = 0;
   currentTime = 0;
@@ -253,13 +299,13 @@ class S {
   }
   resetSolver() {
     const e = this.getV(this.currentTime);
-    this.currentTime = 0, this.currentSolver = $(
+    this.currentTime = 0, this.currentSolver = N(
       this.currentPosition,
       e,
       this.targetPosition,
       0,
       this.params
-    ), this.getV = q(this.currentSolver);
+    ), this.getV = R(this.currentSolver);
   }
   arrived() {
     return Math.abs(this.targetPosition - this.currentPosition) < 0.01 && this.getV(this.currentTime) < 0.01 && this.queueParams === void 0 && this.queuePosition === void 0;
@@ -291,25 +337,25 @@ class S {
     return this.currentPosition;
   }
 }
-function $(h, e, t, n = 0, i) {
-  const l = i?.soft ?? !1, s = i?.stiffness ?? 100, r = i?.damping ?? 10, a = i?.mass ?? 1, o = t - h;
-  if (l || 1 <= r / (2 * Math.sqrt(s * a))) {
-    const c = -Math.sqrt(s / a), d = -c * o - e;
-    return (u) => (u -= n, u < 0 ? h : t - (o + u * d) * Math.E ** (u * c));
+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 c = Math.sqrt(
-      4 * a * s - r ** 2
-    ), d = (r * o - 2 * a * e) / c, u = 0.5 * c / a, f = -(0.5 * r) / a;
-    return (m) => (m -= n, m < 0 ? h : t - (Math.cos(m * u) * o + Math.sin(m * u) * d) * Math.E ** (m * f));
+      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 _(h) {
+function F(h) {
   return (t) => (h(t + 1e-3) - h(t - 1e-3)) / (2 * 1e-3);
 }
-function q(h) {
-  return _(h);
+function R(h) {
+  return F(h);
 }
-class F {
+class q {
   constructor(e) {
     this.lyricPlayer = e, this.element.setAttribute(
       "class",
@@ -323,8 +369,8 @@ class F {
   // 由 LyricPlayer 来设置
   lineSize = [0, 0];
   lineTransforms = {
-    posX: new S(0),
-    posY: new S(0)
+    posX: new w(0),
+    posY: new w(0)
   };
   measureSize() {
     return [
@@ -346,21 +392,21 @@ class F {
   getElement() {
     return this.element;
   }
-  setTransform(e = this.left, t = this.top, n = !1, i = 0) {
-    this.left = e, this.top = t, this.delay = i * 1e3 | 0, n || !this.lyricPlayer.getEnableSpring() ? (n && this.element.classList.add(
+  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(), n && requestAnimationFrame(() => {
+    ), 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, i), this.lineTransforms.posY.setTargetPosition(t, i));
+    })) : (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(), n = e + this.lineSize[0], i = t + this.lineSize[1], l = this.lyricPlayer.pos[0], s = this.lyricPlayer.pos[1], r = this.lyricPlayer.pos[0] + this.lyricPlayer.size[0], a = this.lyricPlayer.pos[1] + this.lyricPlayer.size[1];
-    return !(e > r || t > a || n < l || i < 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 || t > n || i < 0 || s < 0);
   }
   dispose() {
     this.element.remove();
@@ -370,8 +416,8 @@ 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 g = (h, e, t) => Math.max(h, Math.min(e, t));
-class R {
+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);
   }
@@ -399,41 +445,41 @@ class R {
     this.currentTime += e;
     let t = "";
     if (t += `transform:translate(${this.left}px, ${this.top}px)`, this.currentInterlude) {
-      const n = this.currentInterlude[1] - this.currentInterlude[0], i = this.currentTime - this.currentInterlude[0];
-      if (i <= n) {
-        const l = n / Math.ceil(n / this.targetBreatheDuration);
-        let s = 1, r = 1;
-        s *= Math.sin(1.5 * Math.PI - i / l * 2) / 10 + 1, i < 1e3 && (s *= 1 - Math.pow((1e3 - i) / 1e3, 2)), i < 500 ? r = 0 : i < 1e3 && (r *= (i - 500) / 500), n - i < 750 && (s *= 1 - X(
-          (750 - (n - i)) / 750 / 2
-        )), n - i < 375 && (r *= g(
+      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,
-          (n - i) / 375,
+          (i - s) / 375,
           1
-        )), s = Math.max(0, s), t += ` scale(${s})`;
-        const a = g(
+        )), n = Math.max(0, n), t += ` scale(${n})`;
+        const l = L(
           0.25,
-          i * 3 / n * 0.75,
+          s * 3 / i * 0.75,
           1
-        ), o = g(
+        ), o = L(
           0.25,
-          (i - n / 3) * 3 / n * 0.75,
+          (s - i / 3) * 3 / i * 0.75,
           1
-        ), c = g(
+        ), c = L(
           0.25,
-          (i - n / 3 * 2) * 3 / n * 0.75,
+          (s - i / 3 * 2) * 3 / i * 0.75,
           1
         );
-        this.dot0.style.opacity = `${g(
+        this.dot0.style.opacity = `${L(
           0,
-          Math.max(0, r * a),
+          Math.max(0, a * l),
           1
-        )}`, this.dot1.style.opacity = `${g(
+        )}`, this.dot1.style.opacity = `${L(
           0,
-          Math.max(0, r * o),
+          Math.max(0, a * o),
           1
-        )}`, this.dot2.style.opacity = `${g(
+        )}`, this.dot2.style.opacity = `${L(
           0,
-          Math.max(0, r * c),
+          Math.max(0, a * c),
           1
         )}`;
       } else
@@ -446,19 +492,34 @@ class R {
     this.element.remove();
   }
 }
-const v = /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u;
-function W(h, e = "rgba(0,0,0,1)", t = "rgba(0,0,0,0.5)") {
-  const n = 2 + h, i = h / n, l = (1 - i) / 2;
+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} ${l * 100}%,${t} ${(l + i) * 100}%)`,
-    i,
-    n
+    `linear-gradient(to right,${e} ${r * 100}%,${t} ${(r + s) * 100}%)`,
+    s,
+    i
   ];
 }
+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 Y {
+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: "",
@@ -468,12 +529,12 @@ class Y {
     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 n = this.element.children[0], i = this.element.children[1], l = this.element.children[2];
-    n.setAttribute("class", this.lyricPlayer.style.classes.lyricMainLine), i.setAttribute("class", this.lyricPlayer.style.classes.lyricSubLine), l.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;
@@ -485,17 +546,34 @@ class Y {
   // 由 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");
     const e = this.element.children[0];
     this.splittedWords.forEach((t) => {
-      t.elementAnimations.forEach((n) => {
-        n.currentTime = 0, n.playbackRate = 1, n.play();
+      t.elementAnimations.forEach((i) => {
+        i.currentTime = 0, i.playbackRate = 1, i.play();
       });
     }), e.classList.add("active");
   }
@@ -511,8 +589,8 @@ class Y {
     this.isEnabled = !1, this.element.classList.remove("active");
     const e = this.element.children[0];
     this.splittedWords.forEach((t) => {
-      t.elementAnimations.forEach((n) => {
-        n.id === "float-word" && (n.playbackRate = -1, n.play());
+      t.elementAnimations.forEach((i) => {
+        i.id === "float-word" && (i.playbackRate = -1, i.play());
       });
     }), e.classList.remove("active");
   }
@@ -544,84 +622,84 @@ class Y {
     !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() {
-    const e = this.element.children[0], t = this.element.children[1], n = this.element.children[2];
+    const e = this.element.children[0], t = this.element.children[1], i = this.element.children[2];
     if (this.lyricPlayer._getIsNonDynamic()) {
-      for (; e.firstChild; )
-        e.removeChild(e.firstChild), s(e.firstChild);
-      e.innerText = this.lyricLine.words.map((a) => a.word).join(""), t.innerText = this.lyricLine.translatedLyric, n.innerText = this.lyricLine.romanLyric;
+      e.innerText = this.lyricLine.words.map((r) => r.word).join(""), t.innerText = this.lyricLine.translatedLyric, i.innerText = this.lyricLine.romanLyric;
       return;
     }
-    this.splittedWords = [], this.lyricLine.words.forEach((a) => {
-      const o = a.word.split(/\s+/), c = o.reduce((u, f) => u + f.length, 0);
-      let d = 0;
-      o.forEach((u, f) => {
-        f > 0 && this.splittedWords.push({
-          word: " ",
-          startTime: 0,
-          endTime: 0,
-          width: 0,
-          height: 0,
-          elements: [],
-          elementAnimations: [],
-          shouldEmphasize: !1
-        }), this.splittedWords.push({
-          word: u,
-          startTime: a.startTime + (a.endTime - a.startTime) / c * d,
-          endTime: a.startTime + (a.endTime - a.startTime) / c * (d + u.length),
+    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);
+            }
+            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);
+        }
+        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,
-          elements: [],
-          elementAnimations: [],
-          shouldEmphasize: x(a)
-        }), d += u.length;
-      });
-    });
-    const i = [], l = [];
-    function s(a) {
-      for (; a.firstChild; )
-        a.firstChild.nodeType === Node.ELEMENT_NODE ? i.push(e.firstChild) : a.firstChild.nodeType === Node.TEXT_NODE && l.push(e.firstChild), a.removeChild(a.firstChild), s(a.firstChild);
-    }
-    s(e);
-    let r = null;
-    this.splittedWords.forEach((a) => {
-      if (a.word.trim().length > 0)
-        if (a.shouldEmphasize) {
-          const o = i.pop() ?? document.createElement("span");
-          o.className = "emphasize", a.elements = [o];
-          for (const c of a.word) {
-            const d = i.pop() ?? document.createElement("span");
-            d.className = "", d.innerText = c, o.appendChild(d), a.elements.push(d);
+          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);
           }
-          if (a.elementAnimations = this.initEmphasizeAnimation(a), r && !v.test(a.word))
-            if (r.childElementCount > 0)
-              r.appendChild(o);
-            else {
-              const c = i.pop() ?? document.createElement("span");
-              c.className = "", r.remove(), c.appendChild(r), c.appendChild(o), e.appendChild(c), r = c;
-            }
-          else
-            r = v.test(a.word) ? null : o, e.appendChild(o);
-        } else {
-          const o = i.pop() ?? document.createElement("span");
-          if (o.className = "", o.innerText = a.word, a.elements = [o], a.elementAnimations.push(this.initFloatAnimation(a, o)), r)
-            if (r.childElementCount > 0)
-              r.appendChild(o);
-            else {
-              const c = i.pop() ?? document.createElement("span");
-              c.className = "", r.remove(), c.appendChild(r), c.appendChild(o), e.appendChild(c), r = c;
-            }
-          else
-            r = o, e.appendChild(o);
-        }
-      else if (a.word.length > 0) {
-        const o = l.pop() ?? document.createTextNode(" ");
-        e.appendChild(o), r = null;
-      } else
-        r = null;
-    }), t.innerText = this.lyricLine.translatedLyric, n.innerText = this.lyricLine.romanLyric;
+          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 n = e.startTime - this.lyricLine.startTime, i = Math.max(1e3, e.endTime - e.startTime), l = t.animate(
+    const i = e.startTime - this.lyricLine.startTime, s = Math.max(1e3, e.endTime - e.startTime), r = t.animate(
       [
         {
           transform: "translateY(0px)"
@@ -631,101 +709,113 @@ class Y {
         }
       ],
       {
-        duration: isFinite(i) ? i : 0,
-        delay: isFinite(n) ? n : 0,
+        duration: isFinite(s) ? s : 0,
+        delay: isFinite(i) ? i : 0,
         id: "float-word",
         composite: "add",
         fill: "both"
       }
     );
-    return l.pause(), l;
+    return r.pause(), r;
   }
   initEmphasizeAnimation(e) {
-    const t = e.startTime - this.lyricLine.startTime, n = e.endTime - e.startTime;
-    return e.elements.map((i, l, s) => {
-      if (l === 0)
-        return this.initFloatAnimation(e, i);
-      {
-        const r = Math.max(1e3, e.endTime - e.startTime), a = t + n / (s.length - 1) * (l - 1), o = i.animate(
-          [
-            {
-              offset: 0,
-              transform: "translate3d(0, 0px, 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))"
-            },
-            {
-              offset: 1,
-              transform: "translate3d(0, 0px, 0)",
-              filter: "drop-shadow(0 0 0 var(--amll-lyric-view-color,white))"
-            }
-          ],
+    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(
+        [
+          {
+            offset: 0,
+            transform: "translate3d(0, 0, 0px)",
+            filter: "drop-shadow(0 0 0 var(--amll-lyric-view-color,white))"
+          },
           {
-            duration: isFinite(r) ? r : 0,
-            delay: isFinite(a) ? a : 0,
-            id: "glow-word",
-            iterations: 1,
-            composite: "replace",
-            fill: "both"
+            offset: 0.5,
+            transform: "translate3d(0, -2%, 20px)",
+            filter: "drop-shadow(0 0 0.05em var(--amll-lyric-view-color,white))"
+          },
+          {
+            offset: 1,
+            transform: "translate3d(0, 0, 0)",
+            filter: "drop-shadow(0 0 0 var(--amll-lyric-view-color,white))"
           }
-        );
-        return o.pause(), o;
-      }
+        ],
+        {
+          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 [n, i, l] = 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 = `${l * 100}% 100%`;
-        this.lyricPlayer.supportMaskImage ? (t.style.maskImage = n, t.style.maskOrigin = "left", t.style.maskSize = s) : (t.style.webkitMaskImage = n, t.style.webkitMaskOrigin = "left", t.style.webkitMaskSize = s);
-        const r = e.width + 16, a = `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 = a, t.style.webkitMaskPosition = a;
+        ), 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, n = this.scale, i = 1, l = 0, s = !1, r = 0) {
-    this.left = e, this.top = t, this.scale = n, this.delay = r * 1e3 | 0;
-    const a = this.element.children[0];
-    a.style.opacity = `${i}`, s || !this.lyricPlayer.getEnableSpring() ? (this.blur = Math.min(32, l), s && this.element.classList.add(
-      this.lyricPlayer.style.classes.tmpDisableTransition
-    ), this.lineTransforms.posX.setPosition(e), this.lineTransforms.posY.setPosition(t), this.lineTransforms.scale.setPosition(n), 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(n), this.blur !== Math.min(32, l) && (this.blur = Math.min(32, l), this.element.style.filter = `blur(${Math.min(32, l)}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(), n = e + this.lineSize[0], i = t + this.lineSize[1], l = this.lyricPlayer.pos[0], s = this.lyricPlayer.pos[1], r = this.lyricPlayer.pos[0] + this.lyricPlayer.size[0], a = this.lyricPlayer.pos[1] + this.lyricPlayer.size[1];
-    return !(e > r || t > a || n < l || i < 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 = D(A());
-class ie 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;
@@ -733,12 +823,14 @@ class ie extends EventTarget {
   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;
-    const n = getComputedStyle(e[0].target), i = this.element.clientWidth - parseFloat(n.paddingLeft) - parseFloat(n.paddingRight), l = this.element.clientHeight - parseFloat(n.paddingTop) - parseFloat(n.paddingBottom);
-    this.innerSize[0] = i, this.innerSize[1] = l, this.rebuildStyle(), this.calcLayout(!0, !0), this.lyricLinesEl.forEach((s) => s.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,
@@ -756,6 +848,7 @@ class ie extends EventTarget {
     stiffness: 100
   };
   enableBlur = !0;
+  enableScale = !0;
   interludeDots;
   interludeDotsSize = [0, 0];
   bottomLine;
@@ -767,7 +860,14 @@ class ie extends EventTarget {
   isNonDynamic = !1;
   size = [0, 0];
   innerSize = [0, 0];
-  pos = [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;
   }
@@ -788,10 +888,28 @@ class ie 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",
-      fontSize: "var(--amll-lyric-player-font-size,max(5vh, 12px))",
+      fontSize: "var(--amll-lyric-player-font-size,max(min(5vh, 10vw), 12px))",
       padding: "1em",
       margin: "-1em",
       width: "100%",
@@ -802,7 +920,12 @@ class ie extends EventTarget {
       zIndex: 1,
       color: "var(--amll-lyric-view-color,white)",
       mixBlendMode: "plus-lighter",
-      contain: "strict"
+      contain: "strict",
+      "&:hover": {
+        "& $lyricLine": {
+          filter: "unset !important"
+        }
+      }
     },
     lyricLine: {
       position: "absolute",
@@ -813,8 +936,20 @@ class ie extends EventTarget {
       padding: "2vh 0.05em",
       contain: "content",
       willChange: "filter,transform,opacity",
-      transition: "filter 0.25s",
-      boxSizing: "border-box"
+      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: {
@@ -844,7 +979,6 @@ class ie extends EventTarget {
       },
       "& > span": {
         whiteSpace: "pre-wrap",
-        wordBreak: "keep-all",
         maxLines: "1",
         // willChange: "transform,display,mask-image",
         "&.emphasize": {
@@ -856,12 +990,13 @@ class ie extends EventTarget {
       }
     },
     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: {
@@ -874,7 +1009,7 @@ class ie extends EventTarget {
       gap: "0.25em",
       left: "1em",
       "& > *": {
-        height: "100%",
+        height: "clamp(0.5em,1vh,3em)",
         display: "inline-block",
         borderRadius: "50%",
         aspectRatio: "1 / 1",
@@ -899,7 +1034,7 @@ class ie extends EventTarget {
     this.calcLayout(!0, !0);
   };
   constructor() {
-    super(), this.interludeDots = new R(this), this.bottomLine = new F(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 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);
@@ -940,7 +1075,14 @@ class ie extends EventTarget {
    */
   rebuildStyle() {
     let e = "";
-    e += "--amll-lyric-player-width:", e += this.innerSize[0], e += "px;", e += "--amll-lyric-player-height:", e += this.innerSize[1], 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;", e += "--amll-player-time:", e += this.currentTime, e += ";", this.element.setAttribute("style", e);
+  }
+  /**
+   * 设置是否隐藏已经播放过的歌词行，默认不隐藏
+   * @param hide 是否隐藏已经播放过的歌词行，默认不隐藏
+   */
+  setHidePassedLines(e) {
+    this.hidePassedLines = e, this.calcLayout();
   }
   /**
    * 设置是否启用歌词行的模糊效果
@@ -957,24 +1099,29 @@ class ie extends EventTarget {
     this.lyricLines = e;
     const t = 750;
     this.processedLines = e.filter(
-      (i) => i.words.reduce((l, s) => l + s.word.trim().length, 0) > 0
-    ).map((i, l, s) => {
+      (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 r = s[l - 1], a = s[l - 2];
-        if (r?.isBG && a) {
+        const n = r[s - 1], a = r[s - 2];
+        if (n?.isBG && a) {
           if (a.endTime < i.startTime)
             return {
               ...i,
               startTime: Math.max(a.endTime, i.startTime - t) || i.startTime
             };
-        } else if (r?.endTime && r.endTime < i.startTime)
+        } else if (n?.endTime && n.endTime < i.startTime)
           return {
             ...i,
-            startTime: Math.max(r?.endTime, i.startTime - t) || i.startTime
+            startTime: Math.max(n?.endTime, i.startTime - t) || i.startTime
           };
         return {
           ...i
@@ -986,22 +1133,31 @@ class ie extends EventTarget {
         this.isNonDynamic = !1;
         break;
       }
-    this.processedLines.forEach((i, l, s) => {
-      const r = s[l + 1], a = i.words[i.words.length - 1];
-      a && x(a) && (r ? r.startTime > i.endTime && (i.endTime = Math.min(i.endTime + 1500, r.startTime)) : i.endTime = i.endTime + 1500);
-    }), this.processedLines.forEach((i, l, s) => {
+    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 r = s[l + 1];
-      r?.isBG && (r.startTime = Math.min(r.startTime, i.startTime));
-    });
-    const n = this.lyricLinesEl;
-    for (this.lyricLinesEl = this.processedLines.map((i, l) => this.lyricLinesEl[l] ?? new Y(this, i)); n.length > this.processedLines.length; )
-      n.pop()?.dispose();
-    this.lyricLinesEl.forEach((i) => {
-      this.element.appendChild(i.getElement()), i.updateMaskImage();
+      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`
    * 函数即可让歌词通过动画移动到目标位置。
@@ -1020,44 +1176,46 @@ class ie extends EventTarget {
    * @param reflow 是否进行重新布局（重新计算每行歌词大小）
    */
   calcLayout(e = !1, t = !1) {
-    t && (this.lyricLinesEl.forEach((m) => {
-      const p = m.measureSize();
-      this.lyricLinesSize.set(m, p), m.lineSize = p;
+    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 n = this.getCurrentInterlude();
-    let i = -this.scrollOffset, l = this.scrollToIndex, s = 0;
-    n ? (s = n[1] - n[0], s >= 5e3 && this.lyricLinesEl[n[2] + 1] && (l = n[2] + 1)) : this.interludeDots.setInterlude(void 0);
-    const r = 0.95, a = this.lyricLinesEl.slice(0, l).reduce(
-      (m, p) => m + (p.getLine().isBG ? 0 : this.lyricLinesSize.get(p)?.[1] ?? 0),
+    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
     );
-    i -= a, i += this.size[1] * this.alignPosition;
-    const o = this.lyricLinesEl[l];
+    s -= l, s += this.size[1] * this.alignPosition;
+    const o = this.lyricLinesEl[r];
     if (o) {
-      const m = this.lyricLinesSize.get(o)?.[1] ?? 0;
+      const p = this.lyricLinesSize.get(o)?.[1] ?? 0;
       switch (this.alignAnchor) {
         case "bottom":
-          i -= m;
+          s -= p;
           break;
         case "center":
-          i -= m / 2;
+          s -= p / 2;
           break;
       }
     }
     const c = Math.max(...this.bufferedLines);
-    let d = 0, u = 0.05, f = !1;
-    this.lyricLinesEl.forEach((m, p) => {
-      const L = this.bufferedLines.has(p), b = L || p >= this.scrollToIndex && p < c, P = m.getLine();
-      P.isDuet && this.size[0] - (this.lyricLinesSize.get(m)?.[0] ?? 0), !f && s >= 5e3 && (p === this.scrollToIndex && n?.[2] === -2 || p === this.scrollToIndex + 1) && (f = !0, this.interludeDots.setTransform(32, i), n && this.interludeDots.setInterlude([n[0], n[1]]), i += this.interludeDotsSize[1]), m.setTransform(
-        0,
-        i,
-        b ? 1 : r,
-        L ? 1 : 1 / 3,
-        !this.invokedByScrollEvent && this.enableBlur ? b ? 0 : 1 + (p < this.scrollToIndex ? Math.abs(this.scrollToIndex - p) : Math.abs(p - Math.max(this.scrollToIndex, c))) : 0,
+    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,
-        d
-      ), P.isBG && b ? i += this.lyricLinesSize.get(m)?.[1] ?? 0 : P.isBG || (i += this.lyricLinesSize.get(m)?.[1] ?? 0), i >= 0 && (d += u, u /= 1.2);
-    }), this.bottomLine.setTransform(0, i, e, d);
+        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);
   }
   /**
    * 获取当前歌词的播放位置
@@ -1120,34 +1278,34 @@ class ie extends EventTarget {
   setCurrentTime(e, t = !1) {
     if (this.currentTime = e, this.element.style.setProperty("--amll-player-time", `${e}`), this.isScrolled)
       return;
-    const n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set();
-    this.hotLines.forEach((s) => {
-      const r = this.processedLines[s];
-      if (r) {
-        if (r.isBG)
+    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 a = this.processedLines[s + 1];
-        if (a?.isBG) {
-          const o = Math.min(r.startTime, a?.startTime), c = Math.max(r.endTime, a?.endTime);
-          (o > e || c <= e) && (this.hotLines.delete(s), n.add(s), this.hotLines.delete(s + 1), n.add(s + 1), t && (this.lyricLinesEl[s].disable(), this.lyricLinesEl[s + 1].disable()));
+        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()));
         } else
-          (r.startTime > e || r.endTime <= e) && (this.hotLines.delete(s), n.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), n.add(s), t && this.lyricLinesEl[s].disable();
-    }), this.processedLines.forEach((s, r, a) => {
-      !s.isBG && s.startTime <= e && s.endTime > e && (this.hotLines.has(r) || (this.hotLines.add(r), l.add(r), t && this.lyricLinesEl[r].enable(), a[r + 1]?.isBG && (this.hotLines.add(r + 1), l.add(r + 1), t && this.lyricLinesEl[r + 1].enable())));
-    }), this.bufferedLines.forEach((s) => {
-      this.hotLines.has(s) || (i.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)) : (i.size > 0 || l.size > 0) && (i.size === 0 && l.size > 0 ? (l.forEach((s) => {
-      this.bufferedLines.add(s), this.lyricLinesEl[s].enable();
-    }), this.scrollToIndex = Math.min(...this.bufferedLines)) : l.size === 0 && i.size > 0 ? O(i, this.bufferedLines) && this.bufferedLines.forEach((s) => {
-      this.hotLines.has(s) || (this.bufferedLines.delete(s), this.lyricLinesEl[s].disable());
-    }) : (l.forEach((s) => {
-      this.bufferedLines.add(s), this.lyricLinesEl[s].enable();
-    }), i.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());
   }
   /**
@@ -1158,7 +1316,7 @@ class ie extends EventTarget {
    */
   update(e = 0) {
     const t = e / 1e3;
-    this.interludeDots.update(e), this.bottomLine.update(t), this.lyricLinesEl.forEach((n) => n.update(t));
+    this.interludeDots.update(e), this.bottomLine.update(t), this.lyricLinesEl.forEach((i) => i.update(t));
   }
   /**
    * 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。
@@ -1204,8 +1362,8 @@ class ie extends EventTarget {
   }
 }
 export {
-  te as BackgroundRender,
-  ie as LyricPlayer,
-  ee as ttml
+  oe as BackgroundRender,
+  le as LyricPlayer,
+  ae as ttml
 };
 //# sourceMappingURL=amll-core.mjs.map