@applemusic-like-lyrics/core 0.0.15 → 0.1.0

package/dist/amll-core.js

@@ -1,2 +1,2245 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("@pixi/display"),z=require("@pixi/app"),y=require("@pixi/filter-blur"),P=require("@pixi/filter-color-matrix"),D=require("@pixi/core"),S=require("@pixi/sprite"),b=require("@pixi/filter-bulge-pinch"),I=require("jss"),k=require("jss-preset-default");class B extends C.Container{time=0}class F{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 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 z.Application({view:e,resizeTo:this.canvas,powerPreference:"low-power",backgroundAlpha:0}),this.rebuildFilters(),this.app.ticker.maxFPS=30,this.app.ticker.add(this.onTick),this.app.ticker.start()}observer;app;curContainer;staticMode=!1;lastContainer=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.destroy(!0));if(this.curContainer){this.curContainer.alpha=Math.min(1,this.curContainer.alpha+e/60);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),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*.8,i.height=i.width,s.width=n*.5,s.height=s.width,r.width=n*.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*.75),s.y=this.app.screen.height/2+this.app.screen.width/4*Math.cos(this.curContainer.time/1e3*.75),r.x=this.app.screen.width/2+this.app.screen.width/4*.1+Math.cos(this.curContainer.time*.006*.75),r.y=this.app.screen.height/2+this.app.screen.width/4*.1+Math.cos(this.curContainer.time*.006*.75),this.curContainer.alpha>=1&&this.lastContainer.size===0&&this.staticMode&&this.app.ticker.stop()}};flowSpeed=2;currerntRenderScale=.75;setFlowSpeed(e){this.flowSpeed=e}setRenderScale(e){this.currerntRenderScale=e;const t=this.canvas.getBoundingClientRect();this.canvas.width=Math.max(1,t.width),this.canvas.height=Math.max(1,t.height),this.app.renderer.resize(this.canvas.width*this.currerntRenderScale,this.canvas.height*this.currerntRenderScale),this.rebuildFilters()}rebuildFilters(){const e=Math.min(this.canvas.width,this.canvas.height),t=Math.max(this.canvas.width,this.canvas.height),i=new P.ColorMatrixFilter;i.saturate(1.2,!1);const s=new P.ColorMatrixFilter;s.brightness(.6,!1);const r=new P.ColorMatrixFilter;r.contrast(.3,!0),this.app.stage.filters?.forEach(n=>{n.destroy()}),this.app.stage.filters=[],this.app.stage.filters.push(new y.BlurFilter(5,1)),this.app.stage.filters.push(new y.BlurFilter(10,1)),this.app.stage.filters.push(new y.BlurFilter(20,2)),this.app.stage.filters.push(new y.BlurFilter(40,2)),this.app.stage.filters.push(new y.BlurFilter(80,2)),e>768&&this.app.stage.filters.push(new y.BlurFilter(160,4)),e>768*2&&this.app.stage.filters.push(new y.BlurFilter(320,4)),this.app.stage.filters.push(i,s,r),this.app.stage.filters.push(new y.BlurFilter(5,1)),Math.random()>.5?(this.app.stage.filters.push(new b.BulgePinchFilter({radius:(t+e)/2,strength:1,center:[.25,1]})),this.app.stage.filters.push(new b.BulgePinchFilter({radius:(t+e)/2,strength:1,center:[.75,0]}))):(this.app.stage.filters.push(new b.BulgePinchFilter({radius:(t+e)/2,strength:1,center:[.75,1]})),this.app.stage.filters.push(new b.BulgePinchFilter({radius:(t+e)/2,strength:1,center:[.25,0]})))}setStaticMode(e=!1){this.staticMode=e,this.app.ticker.start()}setFPS(e){this.app.ticker.maxFPS=e}pause(){this.app.ticker.stop(),this.app.render()}resume(){this.app.ticker.start()}async setAlbumImage(e){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=D.Texture.from(t,{resourceOptions:{autoLoad:!1}}),await s.baseTexture.resource.load()}catch(h){console.warn(`failed on loading album image, retrying (${i})`,e,h),s=void 0,i--}if(!s)return;const r=new B,n=new S.Sprite(s),a=new S.Sprite(s),o=new S.Sprite(s),l=new S.Sprite(s);n.anchor.set(.5,.5),a.anchor.set(.5,.5),o.anchor.set(.5,.5),l.anchor.set(.5,.5),n.rotation=Math.random()*Math.PI*2,a.rotation=Math.random()*Math.PI*2,o.rotation=Math.random()*Math.PI*2,l.rotation=Math.random()*Math.PI*2,r.addChild(n,a,o,l),this.curContainer&&this.lastContainer.add(this.curContainer),this.curContainer=r,this.app.stage.addChild(this.curContainer),this.curContainer.alpha=0,this.app.ticker.start()}dispose(){this.observer.disconnect(),this.app.ticker.remove(this.onTick),this.app.destroy(!0)}}class A extends F{element;constructor(){const e=document.createElement("canvas");super(e),this.element=e,e.style.pointerEvents="none",e.style.zIndex="-1",e.style.contain="strict"}getElement(){return this.element}dispose(){super.dispose(),this.element.remove()}}const O=(c,e)=>c.size===e.size&&[...c].every(t=>e.has(t));class L{currentPosition=0;targetPosition=0;currentTime=0;params={};currentSolver;getV;getV2;queueParams;queuePosition;constructor(e=0){this.targetPosition=e,this.currentPosition=this.targetPosition,this.currentSolver=()=>this.targetPosition,this.getV=()=>0,this.getV2=()=>0}resetSolver(){const e=this.getV(this.currentTime);this.currentTime=0,this.currentSolver=q(this.currentPosition,e,this.targetPosition,0,this.params),this.getV=x(this.currentSolver),this.getV2=x(this.getV)}arrived(){return Math.abs(this.targetPosition-this.currentPosition)<.01&&this.getV(this.currentTime)<.01&&this.getV2(this.currentTime)<.01&&this.queueParams===void 0&&this.queuePosition===void 0}setPosition(e){this.targetPosition=e,this.currentPosition=e,this.currentSolver=()=>this.targetPosition,this.getV=()=>0,this.getV2=()=>0}update(e=0){this.currentTime+=e,this.currentPosition=this.currentSolver(this.currentTime),this.queueParams&&(this.queueParams.time-=e,this.queueParams.time<=0&&this.updateParams({...this.queueParams})),this.queuePosition&&(this.queuePosition.time-=e,this.queuePosition.time<=0&&this.setTargetPosition(this.queuePosition.position)),this.arrived()&&this.setPosition(this.targetPosition)}updateParams(e,t=0){t>0?this.queueParams={...this.queuePosition??{},...e,time:t}:(this.queuePosition=void 0,this.params={...this.params,...e},this.resetSolver())}setTargetPosition(e,t=0){t>0?this.queuePosition={...this.queuePosition??{},position:e,time:t}:(this.queuePosition=void 0,this.targetPosition=e,this.resetSolver())}getCurrentPosition(){return this.currentPosition}}function q(c,e,t,i=0,s){const r=s?.soft??!1,n=s?.stiffness??100,a=s?.damping??10,o=s?.mass??1,l=t-c;if(r||1<=a/(2*Math.sqrt(n*o))){const h=-Math.sqrt(n/o),u=-h*l-e;return p=>(p-=i,p<0?c:t-(l+p*u)*Math.E**(p*h))}else{const h=Math.sqrt(4*o*n-a**2),u=(a*l-2*o*e)/h,p=.5*h/o,f=-(.5*a)/o;return d=>(d-=i,d<0?c:t-(Math.cos(d*p)*l+Math.sin(d*p)*u)*Math.E**(d*f))}}function $(c){return t=>(c(t+.001)-c(t-.001))/(2*.001)}function x(c){return $(c)}class Y{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;lineSize=[0,0];lineTransforms={posX:new L(0),posY:new L(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().toFixed(2)}px,${this.lineTransforms.posY.getCurrentPosition().toFixed(2)}px);`;!this.lyricPlayer.getEnableSpring()&&this.isInSight&&(e+=`transition-delay:${this.delay}ms;`),e!==this.lastStyle&&(this.lastStyle=e,this.element.setAttribute("style",e))}getElement(){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 _(c){const t=2.5949095;return c<.5?Math.pow(2*c,2)*((t+1)*2*c-t)/2:(Math.pow(2*c-2,2)*((t+1)*(c*2-2)+t)+2)/2}const g=(c,e,t)=>Math.max(c,Math.min(e,t));class R{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.toFixed(2)}px, ${this.top.toFixed(2)}px)`,this.currentInterlude){const i=this.currentInterlude[1]-this.currentInterlude[0],s=this.currentTime-this.currentInterlude[0];if(s<=i){const r=i/Math.ceil(i/this.targetBreatheDuration);let n=1,a=1;n*=Math.sin(1.5*Math.PI-s/r*2)/10+1,s<1e3&&(n*=1-Math.pow((1e3-s)/1e3,2)),s<500?a=0:s<1e3&&(a*=(s-500)/500),i-s<750&&(n*=1-_((750-(i-s))/750/2)),i-s<375&&(a*=g(0,(i-s)/375,1)),n=Math.max(0,n),t+=` scale(${n})`;const o=g(.25,s*3/i*.75,1),l=g(.25,(s-i/3)*3/i*.75,1),h=g(.25,(s-i/3*2)*3/i*.75,1);this.dot0.style.opacity=`${g(0,Math.max(0,a*o),1)}`,this.dot1.style.opacity=`${g(0,Math.max(0,a*l),1)}`,this.dot2.style.opacity=`${g(0,Math.max(0,a*h),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 W=/^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u;function X(c,e="rgba(0,0,0,0.85)",t="rgba(0,0,0,0.5)"){const i=2+c,s=c/i,r=(1-s)/2;return[`linear-gradient(to right,${e} ${r*100}%,${t} ${(r+s)*100}%)`,s,i]}function H(c,e){let t=[],i=[];const s=[];for(const r of c){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(""))||W.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 v(c){return c.endTime-c.startTime>=1e3&&c.word.length<=7}class G extends MouseEvent{constructor(e,t){super(t.type,t),this.line=e}}class V extends EventTarget{constructor(e,t={words:[],translatedLyric:"",romanLyric:"",startTime:0,endTime:0,isBG:!1,isDuet:!1}){super(),this.lyricPlayer=e,this.lyricLine=t,this._prevParentEl=e.getElement(),this.element.setAttribute("class",this.lyricPlayer.style.classes.lyricLine),this.lyricLine.isBG&&this.element.classList.add(this.lyricPlayer.style.classes.lyricBgLine),this.lyricLine.isDuet&&this.element.classList.add(this.lyricPlayer.style.classes.lyricDuetLine),this.element.appendChild(document.createElement("div")),this.element.appendChild(document.createElement("div")),this.element.appendChild(document.createElement("div"));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;top=0;scale=1;blur=0;delay=0;splittedWords=[];lineSize=[0,0];lineTransforms={posX:new L(0),posY:new L(0),scale:new L(1)};listenersMap=new Map;onMouseEvent=e=>{const t=new G(this,e);for(const i of this.listenersMap.get(e.type)??[])i.call(this,t);if(!this.dispatchEvent(t)||t.defaultPrevented)return e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),!1};addMouseEventListener(e,t,i){if(t){const s=this.listenersMap.get(e)??new Set;s.size===0&&this.element.addEventListener(e,this.onMouseEvent),s.add(t),this.listenersMap.set(e,s)}}removeMouseEventListener(e,t,i){if(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(i=>{i.currentTime=0,i.playbackRate=1,i.play()})}),e.classList.add("active")}measureSize(){this._hide&&(this._prevParentEl&&this._prevParentEl.appendChild(this.element),this.element.style.display="",this.element.style.visibility="hidden");const e=[this.element.clientWidth,this.element.clientHeight];return this._hide&&(this._prevParentEl&&this.element.remove(),this.element.style.display="none",this.element.style.visibility=""),e}disable(){this.isEnabled=!1,this.element.classList.remove("active");const e=this.element.children[0];this.splittedWords.forEach(t=>{t.elementAnimations.forEach(i=>{i.id==="float-word"&&(i.playbackRate=-1,i.play())})}),e.classList.remove("active")}setLine(e){this.lyricLine=e,this.lyricLine.isBG?this.element.classList.add(this.lyricPlayer.style.classes.lyricBgLine):this.element.classList.remove(this.lyricPlayer.style.classes.lyricBgLine),this.lyricLine.isDuet?this.element.classList.add(this.lyricPlayer.style.classes.lyricDuetLine):this.element.classList.remove(this.lyricPlayer.style.classes.lyricDuetLine),this.rebuildElement(),this.rebuildStyle()}getLine(){return this.lyricLine}_hide=!0;_prevParentEl=null;lastStyle="";show(){this._hide=!1,this._prevParentEl&&(this._prevParentEl.appendChild(this.element),this._prevParentEl=null),this.rebuildStyle()}hide(){this._hide=!0,this.element.parentElement&&(this._prevParentEl=this.element.parentElement,this.element.remove()),this.rebuildStyle()}rebuildStyle(){if(this._hide){this.lastStyle!=="display:none;transform:translate(0,-10000px);"&&(this.lastStyle="display:none;transform:translate(0,-10000px);",this.element.setAttribute("style","display:none;transform:translate(0,-10000px);"));return}let e=`transform:translate(${this.lineTransforms.posX.getCurrentPosition().toFixed(2)}px,${this.lineTransforms.posY.getCurrentPosition().toFixed(2)}px) scale(${this.lineTransforms.scale.getCurrentPosition().toFixed(4)});`;!this.lyricPlayer.getEnableSpring()&&this.isInSight&&(e+=`transition-delay:${this.delay}ms;`),e+=`filter:blur(${Math.min(32,this.blur)}px);`,e!==this.lastStyle&&(this.lastStyle=e,this.element.setAttribute("style",e))}rebuildElement(){const e=this.element.children[0],t=this.element.children[1],i=this.element.children[2];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}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(l=>v(l)).reduce((l,h)=>l||h,!1),a=r.reduce((l,h)=>(l.endTime=Math.max(l.endTime,h.endTime),l.startTime=Math.min(l.startTime,h.startTime),l.word+=h.word,l),{word:"",startTime:1/0,endTime:-1/0}),o=document.createElement("span");for(const l of r){const h=document.createElement("span"),u=this.initFloatAnimation(a,h);if(n){h.classList.add("emphasize");const p=[];for(const d of l.word.trim().split("")){const m=document.createElement("span");m.innerText=d,p.push(m),h.appendChild(m)}const f={...l,mainElement:h,subElements:p,elementAnimations:[u],width:0,height:0,shouldEmphasize:n};f.elementAnimations.push(...this.initEmphasizeAnimation(f)),this.splittedWords.push(f)}else h.innerText=l.word,this.splittedWords.push({...l,mainElement:h,subElements:[],elementAnimations:[u],width:0,height:0,shouldEmphasize:n});o.appendChild(h)}a.word.trimStart()!==a.word&&e.appendChild(document.createTextNode(" ")),e.appendChild(o),a.word.trimEnd()!==a.word&&e.appendChild(document.createTextNode(" "))}else if(r.word.trim().length===0)e.appendChild(document.createTextNode(" "));else{const n=v(r),a=document.createElement("span"),o={...r,mainElement:a,subElements:[],elementAnimations:[this.initFloatAnimation(r,a)],width:0,height:0,shouldEmphasize:n};if(n){a.classList.add("emphasize");const l=[];for(const h of r.word.trim().split("")){const u=document.createElement("span");u.innerText=h,l.push(u),a.appendChild(u)}o.subElements=l,o.elementAnimations.push(...this.initEmphasizeAnimation(o))}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(o)}t.innerText=this.lyricLine.translatedLyric,i.innerText=this.lyricLine.romanLyric}initFloatAnimation(e,t){const i=e.startTime-this.lyricLine.startTime,s=Math.max(1e3,e.endTime-e.startTime),r=t.animate([{transform:"translateY(0px)"},{transform:"translateY(-3%)"}],{duration:isFinite(s)?s:0,delay:isFinite(i)?i:0,id:"float-word",composite:"add",fill:"both"});return r.pause(),r}initEmphasizeAnimation(e){const t=e.startTime-this.lyricLine.startTime,i=e.endTime-e.startTime;return e.subElements.map((s,r,n)=>{const a=Math.max(1e3,e.endTime-e.startTime),o=t+i/n.length*r,l=s.animate([{offset:0,transform:"translate3d(0, 0, 0px)",filter:"drop-shadow(0 0 0 var(--amll-lyric-view-color,white))"},{offset:.5,transform:"translate3d(0, -0.02em, 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))"}],{duration:isFinite(a)?a:0,delay:isFinite(o)?o:0,id:"glow-word",iterations:1,composite:"replace",easing:"ease-in-out",fill:"both"});return l.pause(),l})}updateMaskImage(){this._hide&&(this._prevParentEl&&this._prevParentEl.appendChild(this.element),this.element.style.display="",this.element.style.visibility="hidden"),this.splittedWords.forEach(e=>{const t=e.mainElement;if(t){e.width=t.clientWidth,e.height=t.clientHeight;const i=e.height/2,[s,r,n]=X(i/e.width,"rgba(0,0,0,0.85)","rgba(0,0,0,0.25)"),a=`${n*100}% 100%`;this.lyricPlayer.supportMaskImage?(t.style.maskImage=s,t.style.maskRepeat="no-repeat",t.style.maskOrigin="left",t.style.maskSize=a):(t.style.webkitMaskImage=s,t.style.webkitMaskRepeat="no-repeat",t.style.webkitMaskOrigin="left",t.style.webkitMaskSize=a);const o=e.width+i,l=`clamp(${-o}px,calc(${-o}px + (var(--amll-player-time) - ${e.startTime})*${o/Math.abs(e.endTime-e.startTime)}px),0px) 0px, left top`;t.style.maskPosition=l,t.style.webkitMaskPosition=l}}),this._hide&&(this._prevParentEl&&this.element.remove(),this.element.style.display="none",this.element.style.visibility="")}getElement(){return this.element}setTransform(e=this.left,t=this.top,i=this.scale,s=1,r=0,n=!1,a=0){const o=this.isInSight,l=this.lyricPlayer.getEnableSpring();this.left=e,this.top=t,this.scale=i,this.delay=a*1e3|0;const h=this.element.children[0],u=this.element.children[1],p=this.element.children[2];if(h.style.opacity=`${s}`,u.style.opacity=`${s/2}`,p.style.opacity=`${s/2}`,n||!l){if(this.blur=Math.min(32,r),n&&this.element.classList.add(this.lyricPlayer.style.classes.tmpDisableTransition),this.lineTransforms.posX.setPosition(e),this.lineTransforms.posY.setPosition(t),this.lineTransforms.scale.setPosition(i),l)this.rebuildStyle();else{const f=this.isInSight;o||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())}_getDebugTargetPos(){return`[位移: ${this.left}, ${this.top}; 缩放: ${this.scale}; 延时: ${this.delay}]`}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||i<0||t>n||s<0)}dispose(){this.element.remove()}}const N=I.create(k());class j extends MouseEvent{constructor(e,t,i){super(`line-${i.type}`,i),this.lineIndex=e,this.line=t}}class U extends EventTarget{element=document.createElement("div");currentTime=0;lyricLines=[];processedLines=[];lyricLinesEl=[];lyricLinesSize=new WeakMap;lyricLinesIndexes=new WeakMap;hotLines=new Set;bufferedLines=new Set;scrollToIndex=0;allowScroll=!0;scrolledHandler=0;isScrolled=!1;invokedByScrollEvent=!1;scrollOffset=0;hidePassedLines=!1;resizeObserver=new ResizeObserver(e=>{const t=e[0].contentRect;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,damping:10,stiffness:100};posYSpringParams={mass:1,damping:15,stiffness:100};scaleSpringParams={mass:1,damping:20,stiffness:100};emUnit=Math.max(Math.min(innerHeight*.05,innerWidth*.1),12);padding=this.emUnit;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="center";alignPosition=.5;isNonDynamic=!1;scrollBoundary=[0,0];size=[0,0];innerSize=[0,0];onLineClickedHandler=e=>{const t=new j(this.lyricLinesIndexes.get(e.line)??-1,e.line,e);this.dispatchEvent(t)||(e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation())};_getIsNonDynamic(){return this.isNonDynamic}setEnableSpring(e=!0){this.disableSpring=!e,e?this.element.classList.remove(this.style.classes.disableSpring):this.element.classList.add(this.style.classes.disableSpring),this.calcLayout(!0)}getEnableSpring(){return!this.disableSpring}setEnableScale(e=!0){this.enableScale=e,this.calcLayout()}getEnableScale(){return this.enableScale}style=N.createStyleSheet({lyricPlayer:{userSelect:"none",fontSize:"var(--amll-lyric-player-font-size,max(min(5vh, 10vw), 12px))",padding:"1em",margin:"-1em",width:"100%",height:"100%",overflow:"hidden",boxSizing:"content-box",maxWidth:"100%",maxHeight:"100%",zIndex:1,color:"var(--amll-lyric-view-color,white)",mixBlendMode:"plus-lighter",contain:"strict","&:hover":{"& $lyricLine":{filter:"unset !important"}}},lyricLine:{position:"absolute",transformOrigin:"left",width:"var(--amll-lyric-player-width,100%)",height:"fit-content",padding:"2vh 1.05em",margin:"0 -1em",contain:"content",willChange:"filter,transform,opacity",transition:"filter 0.25s, background-color 0.25s, box-shadow 0.25s",boxSizing:"content-box",borderRadius:"8px","&: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:{padding:"1vh 1em"}},lyricDuetLine:{textAlign:"right",transformOrigin:"right"},lyricBgLine:{opacity:0,fontSize:"max(50%, 10px)",transition:"opacity 0.25s","&.active":{transition:"opacity 0.25s 0.25s",opacity:.75}},lyricMainLine:{transition:"opacity 0.3s 0.25s",willChange:"opacity",margin:"-1em",padding:"1em","& span":{display:"inline-block"},"& > span":{whiteSpace:"pre-wrap",maxLines:"1","&.emphasize":{transformStyle:"preserve-3d",perspective:"50vw",padding:"1em",margin:"-1em"}}},lyricSubLine:{fontSize:"max(0.5em, 10px)",transition:"opacity 0.3s 0.25s",opacity:.5},disableSpring:{"& > *":{transition:"filter 0.25s, transform 0.5s, background-color 0.25s, box-shadow 0.25s"}},interludeDots:{height:"clamp(0.5em,1vh,3em)",transformOrigin:"center",width:"fit-content",padding:"2.5% 0",position:"absolute",display:"flex",gap:"0.25em",left:"1em","& > *":{height:"clamp(0.5em,1vh,3em)",display:"inline-block",borderRadius:"50%",aspectRatio:"1 / 1",backgroundColor:"var(--amll-lyric-view-color,white)",marginRight:"4px"},"&.duet":{right:"1em",transformOrigin:"center"}},"@supports (mix-blend-mode: plus-lighter)":{lyricSubLine:{opacity:.3}},tmpDisableTransition:{transition:"none !important"}});onPageShow=()=>{this.calcLayout(!0,!0)};constructor(){super(),this.interludeDots=new R(this),this.bottomLine=new Y(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);let e=0,t="none",i=0,s=0,r=0,n=Symbol("amll-scroll"),a=0,o=0;this.element.addEventListener("touchstart",l=>{this.beginScrollHandler()&&(l.preventDefault(),e=this.scrollOffset,i=l.touches[0].screenY,a=i,s=Date.now(),r=0)}),this.element.addEventListener("touchmove",l=>{if(this.beginScrollHandler()){l.preventDefault();const h=l.touches[0].screenY,u=h-i,p=h-a,f=p>0?"down":p<0?"up":"none";t!==f?(t=f,e=this.scrollOffset,i=h,s=Date.now()):this.scrollOffset=e-u,a=h,o=Date.now(),this.limitScrollOffset(),this.calcLayout(!0)}}),this.element.addEventListener("touchend",l=>{if(this.beginScrollHandler()){l.preventDefault(),i=0;const h=Date.now();if(h-o>100)return this.endScrollHandler();const u=h-s;r=(this.scrollOffset-e)/u*1e3;let p=0;const f=Symbol("amll-scroll");n=f;const d=m=>{p||=m,n===f&&this.beginScrollHandler()&&(this.scrollOffset+=r*(m-p)/1e3,r*=.99,this.limitScrollOffset(),this.calcLayout(!0),Math.abs(r)>1&&!this.scrollBoundary.includes(this.scrollOffset)&&requestAnimationFrame(d),this.endScrollHandler(),p=m)};requestAnimationFrame(d),this.endScrollHandler()}}),this.element.addEventListener("wheel",l=>{this.beginScrollHandler()&&(l.deltaMode===l.DOM_DELTA_PIXEL?(this.scrollOffset+=l.deltaY,this.limitScrollOffset(),this.calcLayout(!0)):(this.scrollOffset+=l.deltaY*50,this.limitScrollOffset(),this.calcLayout(!1)),this.endScrollHandler())})}beginScrollHandler(){const e=this.allowScroll;return e&&(this.isScrolled=!0,this.invokedByScrollEvent=!0,clearTimeout(this.scrolledHandler),this.scrolledHandler=setTimeout(()=>{this.isScrolled=!1,this.scrollOffset=0},5e3)),e}endScrollHandler(){this.invokedByScrollEvent=!1}limitScrollOffset(){this.scrollOffset=Math.max(Math.min(this.scrollBoundary[1],this.scrollOffset),this.scrollBoundary[0])}getCurrentInterlude(){if(this.bufferedLines.size>0)return;const e=this.currentTime+20,t=this.scrollToIndex;if(t===0){if(this.processedLines[0]?.startTime&&this.processedLines[0].startTime>e)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[Math.max(this.processedLines[t].endTime,e),this.processedLines[t+1].startTime,t,this.processedLines[t+1].isDuet]}rebuildStyle(){let e="";e+="--amll-lyric-player-width:",e+=this.innerSize[0]-this.padding*2,e+="px;",e+="--amll-lyric-player-height:",e+=this.innerSize[1]-this.padding*2,e+="px;",this.element.setAttribute("style",e)}setHidePassedLines(e){this.hidePassedLines=e,this.calcLayout()}setEnableBlur(e){this.enableBlur!==e&&(this.enableBlur=e,this.calcLayout())}setLyricLines(e){this.lyricLines=e;const t=750;this.processedLines=e.filter(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 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(n?.endTime&&n.endTime<i.startTime)return{...i,startTime:Math.max(n?.endTime,i.startTime-t)||i.startTime};return{...i}}}),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&&v(a)&&(n?n.startTime>i.endTime&&(i.endTime=Math.min(i.endTime+1500,n.startTime)):i.endTime=i.endTime+1500)}),this.processedLines.forEach((i,s,r)=>{if(i.isBG)return;const n=r[s+1];n?.isBG&&(n.startTime=Math.min(n.startTime,i.startTime))}),this.lyricLinesEl.forEach(i=>{i.removeMouseEventListener("click",this.onLineClickedHandler),i.removeMouseEventListener("contextmenu",this.onLineClickedHandler),i.dispose()}),this.lyricLinesEl=this.processedLines.map(i=>{const s=new V(this,i);return s.addMouseEventListener("click",this.onLineClickedHandler),s.addMouseEventListener("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)}resetScroll(){this.isScrolled=!1,this.scrollOffset=0,this.invokedByScrollEvent=!1,clearTimeout(this.scrolledHandler),this.scrolledHandler=0}calcLayout(e=!1,t=!1){t&&(this.emUnit=parseFloat(getComputedStyle(this.element).fontSize),this.lyricLinesEl.forEach(d=>{const m=d.measureSize();this.lyricLinesSize.set(d,m),d.lineSize=m}),this.interludeDotsSize[0]=this.interludeDots.getElement().clientWidth,this.interludeDotsSize[1]=this.interludeDots.getElement().clientHeight,this.bottomLine.lineSize=this.bottomLine.measureSize());const i=this.getCurrentInterlude();let s=-this.scrollOffset,r=this.scrollToIndex,n=0;i?(n=i[1]-i[0],n>=5e3&&this.lyricLinesEl[i[2]+1]&&(r=i[2]+1)):this.interludeDots.setInterlude(void 0);const a=this.enableScale?.95:1,o=this.lyricLinesEl.slice(0,r).reduce((d,m)=>d+(m.getLine().isBG?0:this.lyricLinesSize.get(m)?.[1]??0),0);this.scrollBoundary[0]=-o,s-=o,s+=this.size[1]*this.alignPosition;const l=this.lyricLinesEl[r];if(l){const d=this.lyricLinesSize.get(l)?.[1]??0;switch(this.alignAnchor){case"bottom":s-=d;break;case"center":s-=d/2;break}}const h=Math.max(...this.bufferedLines);let u=0,p=.05,f=!1;this.lyricLinesEl.forEach((d,m)=>{const T=this.bufferedLines.has(m),w=T||m>=this.scrollToIndex&&m<h,E=d.getLine();E.isDuet&&this.size[0]-(this.lyricLinesSize.get(d)?.[0]??0),!f&&n>=5e3&&(m===this.scrollToIndex&&i?.[2]===-2||m===this.scrollToIndex+1)&&(f=!0,this.interludeDots.setTransform(this.padding,s),i&&this.interludeDots.setInterlude([i[0],i[1]]),s+=this.interludeDotsSize[1]);const M=this.hidePassedLines&&m<(i?i[2]+1:this.scrollToIndex)?0:T?1:1/3;d.setTransform(this.padding,s,w?1:a,M,!this.invokedByScrollEvent&&this.enableBlur?w?0:1+(m<this.scrollToIndex?Math.abs(this.scrollToIndex-m):Math.abs(m-Math.max(this.scrollToIndex,h))):0,e,u),E.isBG&&w?s+=this.lyricLinesSize.get(d)?.[1]??0:E.isBG||(s+=this.lyricLinesSize.get(d)?.[1]??0),s>=0&&(u+=p,p/=1.2)}),this.scrollBoundary[1]=s+this.scrollOffset-this.size[1]/2,this.bottomLine.setTransform(this.padding,s,e,u)}getCurrentTime(){return this.currentTime}getLyricLines(){return this.lyricLines}getElement(){return this.element}getBottomLineElement(){return this.bottomLine.getElement()}setAlignAnchor(e){this.alignAnchor=e}setAlignPosition(e){this.alignPosition=e}setCurrentTime(e,t=!1){if(this.currentTime=e,this._getIsNonDynamic()||this.element.style.setProperty("--amll-player-time",`${e}`),this.isScrolled)return;const i=new Set,s=new Set,r=new Set;this.hotLines.forEach(n=>{const a=this.processedLines[n];if(a){if(a.isBG)return;const o=this.processedLines[n+1];if(o?.isBG){const l=Math.min(a.startTime,o?.startTime),h=Math.max(a.endTime,o?.endTime);(l>e||h<=e)&&(this.hotLines.delete(n),i.add(n),this.hotLines.delete(n+1),i.add(n+1),t&&(this.lyricLinesEl[n].disable(),this.lyricLinesEl[n+1].disable()))}else(a.startTime>e||a.endTime<=e)&&(this.hotLines.delete(n),i.add(n),t&&this.lyricLinesEl[n].disable())}else this.hotLines.delete(n),i.add(n),t&&this.lyricLinesEl[n].disable()}),this.processedLines.forEach((n,a,o)=>{!n.isBG&&n.startTime<=e&&n.endTime>e&&(this.hotLines.has(a)||(this.hotLines.add(a),r.add(a),t&&this.lyricLinesEl[a].enable(),o[a+1]?.isBG&&(this.hotLines.add(a+1),r.add(a+1),t&&this.lyricLinesEl[a+1].enable())))}),this.bufferedLines.forEach(n=>{this.hotLines.has(n)||(s.add(n),t&&this.lyricLinesEl[n].disable())}),t?(this.bufferedLines.size>0?this.scrollToIndex=Math.min(...this.bufferedLines):this.scrollToIndex=this.processedLines.findIndex(n=>n.startTime>=e),this.bufferedLines.clear(),this.hotLines.forEach(n=>this.bufferedLines.add(n)),this.calcLayout(!0)):(s.size>0||r.size>0)&&(s.size===0&&r.size>0?(r.forEach(n=>{this.bufferedLines.add(n),this.lyricLinesEl[n].enable()}),this.scrollToIndex=Math.min(...this.bufferedLines),this.calcLayout()):r.size===0&&s.size>0?O(s,this.bufferedLines)&&(this.bufferedLines.forEach(n=>{this.hotLines.has(n)||(this.bufferedLines.delete(n),this.lyricLinesEl[n].disable())}),this.calcLayout()):(r.forEach(n=>{this.bufferedLines.add(n),this.lyricLinesEl[n].enable()}),s.forEach(n=>{this.bufferedLines.delete(n),this.lyricLinesEl[n].disable()}),this.bufferedLines.size>0&&(this.scrollToIndex=Math.min(...this.bufferedLines)),this.calcLayout()))}update(e=0){const t=e/1e3;this.interludeDots.update(e),this.bottomLine.update(t),this.lyricLinesEl.forEach(i=>i.update(t))}setLinePosXSpringParams(e){this.posXSpringParams={...this.posXSpringParams,...e},this.bottomLine.lineTransforms.posX.updateParams(this.posXSpringParams),this.lyricLinesEl.forEach(t=>t.lineTransforms.posX.updateParams(this.posXSpringParams))}setLinePosYSpringParams(e){this.posYSpringParams={...this.posYSpringParams,...e},this.bottomLine.lineTransforms.posY.updateParams(this.posYSpringParams),this.lyricLinesEl.forEach(t=>t.lineTransforms.posY.updateParams(this.posYSpringParams))}setLineScaleSpringParams(e){this.scaleSpringParams={...this.scaleSpringParams,...e},this.lyricLinesEl.forEach(t=>t.lineTransforms.scale.updateParams(this.scaleSpringParams))}dispose(){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()}}exports.BackgroundRender=A;exports.LyricPlayer=U;
+var he = Object.defineProperty;
+var ce = (o, i, e) => i in o ? he(o, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[i] = e;
+var a = (o, i, e) => (ce(o, typeof i != "symbol" ? i + "" : i, e), e);
+import { Container as Ie } from "@pixi/display";
+import { Application as de } from "@pixi/app";
+import { BlurFilter as R } from "@pixi/filter-blur";
+import { ColorMatrixFilter as X } from "@pixi/filter-color-matrix";
+import { Texture as me } from "@pixi/core";
+import { Sprite as N } from "@pixi/sprite";
+import { BulgePinchFilter as G } from "@pixi/filter-bulge-pinch";
+import { create as fe } from "jss";
+import ue from "jss-preset-default";
+class pe {
+}
+class te extends pe {
+  constructor(e) {
+    super();
+    a(this, "observer");
+    a(this, "flowSpeed", 2);
+    a(this, "currerntRenderScale", 0.75);
+    this.canvas = e, this.observer = new ResizeObserver(() => {
+      const t = Math.max(
+        1,
+        e.clientWidth * window.devicePixelRatio * this.currerntRenderScale
+      ), s = Math.max(
+        1,
+        e.clientHeight * window.devicePixelRatio * this.currerntRenderScale
+      );
+      this.onResize(t, s);
+    }), this.observer.observe(e);
+  }
+  setRenderScale(e) {
+    this.currerntRenderScale = e, this.onResize(
+      this.canvas.clientWidth * window.devicePixelRatio * this.currerntRenderScale,
+      this.canvas.clientHeight * window.devicePixelRatio * this.currerntRenderScale
+    );
+  }
+  /**
+   * 当画板元素大小发生变化时此函数会被调用
+   * 可以在此处重设和渲染器相关的尺寸设置
+   * 考虑到初始化的时候元素不一定在文档中或出于某些特殊样式状态，尺寸长宽有可能会为 0，请注意进行特判处理
+   * @param width 画板元素实际的物理像素宽度，有可能为 0
+   * @param height 画板元素实际的物理像素高度，有可能为 0
+   */
+  onResize(e, t) {
+    this.canvas.width = e, this.canvas.height = t;
+  }
+  /**
+   * 修改背景的流动速度，数字越大越快，默认为 2
+   * @param speed 背景的流动速度，默认为 2
+   */
+  setFlowSpeed(e) {
+    this.flowSpeed = e;
+  }
+  dispose() {
+    this.observer.disconnect(), this.canvas.remove();
+  }
+}
+class ge extends Ie {
+  constructor() {
+    super(...arguments);
+    a(this, "time", 0);
+  }
+}
+class dt extends te {
+  constructor(e) {
+    super(e);
+    a(this, "app");
+    a(this, "curContainer");
+    a(this, "staticMode", !1);
+    a(this, "lastContainer", /* @__PURE__ */ new Set());
+    a(this, "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.destroy(!0));
+      if (this.curContainer) {
+        this.curContainer.alpha = Math.min(
+          1,
+          this.curContainer.alpha + e / 60
+        );
+        const [t, s, l, 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), s.position.set(
+          this.app.screen.width / 2.5,
+          this.app.screen.height / 2.5
+        ), l.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, s.width = n * 0.8, s.height = s.width, l.width = n * 0.5, l.height = l.width, r.width = n * 0.25, r.height = r.width, this.curContainer.time += e * this.flowSpeed, t.rotation += e / 1e3 * this.flowSpeed, s.rotation -= e / 500 * this.flowSpeed, l.rotation += e / 1e3 * this.flowSpeed, r.rotation -= e / 750 * this.flowSpeed, l.x = this.app.screen.width / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), l.y = this.app.screen.height / 2 + this.app.screen.width / 4 * Math.cos(this.curContainer.time / 1e3 * 0.75), r.x = this.app.screen.width / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75), r.y = this.app.screen.height / 2 + this.app.screen.width / 4 * 0.1 + Math.cos(this.curContainer.time * 6e-3 * 0.75), this.curContainer.alpha >= 1 && this.lastContainer.size === 0 && this.staticMode && this.app.ticker.stop();
+      }
+    });
+    this.canvas = e, this.app = new de({
+      view: e,
+      resizeTo: this.canvas,
+      powerPreference: "low-power",
+      backgroundAlpha: 1
+    }), this.rebuildFilters(), this.app.ticker.maxFPS = 30, this.app.ticker.add(this.onTick), this.app.ticker.start();
+  }
+  onResize(e, t) {
+    super.onResize(e, t), this.app.resize(), this.rebuildFilters();
+  }
+  setRenderScale(e) {
+    super.setRenderScale(e), this.rebuildFilters();
+  }
+  rebuildFilters() {
+    var n;
+    const e = Math.min(this.canvas.width, this.canvas.height), t = Math.max(this.canvas.width, this.canvas.height), s = new X();
+    s.saturate(1.2, !1);
+    const l = new X();
+    l.brightness(0.6, !1);
+    const r = new X();
+    r.contrast(0.3, !0), (n = this.app.stage.filters) == null || n.forEach((h) => {
+      h.destroy();
+    }), this.app.stage.filters = [], this.app.stage.filters.push(new R(5, 1)), this.app.stage.filters.push(new R(10, 1)), this.app.stage.filters.push(new R(20, 2)), this.app.stage.filters.push(new R(40, 2)), this.app.stage.filters.push(new R(80, 2)), e > 768 && this.app.stage.filters.push(new R(160, 4)), e > 768 * 2 && this.app.stage.filters.push(new R(320, 4)), this.app.stage.filters.push(s, l, r), this.app.stage.filters.push(new R(5, 1)), Math.random() > 0.5 ? (this.app.stage.filters.push(
+      new G({
+        radius: (t + e) / 2,
+        strength: 1,
+        center: [0.25, 1]
+      })
+    ), this.app.stage.filters.push(
+      new G({
+        radius: (t + e) / 2,
+        strength: 1,
+        center: [0.75, 0]
+      })
+    )) : (this.app.stage.filters.push(
+      new G({
+        radius: (t + e) / 2,
+        strength: 1,
+        center: [0.75, 1]
+      })
+    ), this.app.stage.filters.push(
+      new G({
+        radius: (t + e) / 2,
+        strength: 1,
+        center: [0.25, 0]
+      })
+    ));
+  }
+  setStaticMode(e = !1) {
+    this.staticMode = e, this.app.ticker.start();
+  }
+  setFPS(e) {
+    this.app.ticker.maxFPS = e;
+  }
+  pause() {
+    this.app.ticker.stop(), this.app.render();
+  }
+  resume() {
+    this.app.ticker.start();
+  }
+  setLowFreqVolume(e) {
+  }
+  setHasLyric(e) {
+  }
+  async setAlbumImage(e) {
+    var d, m;
+    if (e.trim().length === 0)
+      return;
+    const t = new Image();
+    t.src = e, t.crossOrigin = "anonymous";
+    let s = 5, l;
+    for (; !((m = (d = l == null ? void 0 : l.baseTexture) == null ? void 0 : d.resource) != null && m.valid) && s > 0; )
+      try {
+        await t.decode(), l = me.from(t, {
+          resourceOptions: {
+            autoLoad: !1
+          }
+        }), await l.baseTexture.resource.load();
+      } catch (u) {
+        console.warn(
+          `failed on loading album image, retrying (${s})`,
+          e,
+          u
+        ), l = void 0, s--;
+      }
+    if (!l)
+      return;
+    const r = new ge(), n = new N(l), h = new N(l), c = new N(l), I = new N(l);
+    n.anchor.set(0.5, 0.5), h.anchor.set(0.5, 0.5), c.anchor.set(0.5, 0.5), I.anchor.set(0.5, 0.5), n.rotation = Math.random() * Math.PI * 2, h.rotation = Math.random() * Math.PI * 2, c.rotation = Math.random() * Math.PI * 2, I.rotation = Math.random() * Math.PI * 2, r.addChild(n, h, c, I), this.curContainer && this.lastContainer.add(this.curContainer), this.curContainer = r, this.app.stage.addChild(r), this.curContainer.alpha = 0, this.app.ticker.start();
+  }
+  dispose() {
+    super.dispose(), this.app.ticker.remove(this.onTick), this.app.destroy(!0);
+  }
+  getElement() {
+    return this.canvas;
+  }
+}
+const Y = `#version 300 es
+precision highp float;
+
+in vec2 v_coord;
+out vec2 f_v_coord;
+
+void main() {
+    gl_Position = vec4(v_coord, 0.0f, 1.0f);
+    f_v_coord = (vec2(v_coord.x, v_coord.y) + vec2(1.0f, 1.0f)) / 2.0f;
+}
+`, ye = `#version 300 es
+precision highp float;
+
+uniform sampler2D src;
+in vec2 f_v_coord;
+out vec4 fragColor;
+
+void main() {
+    vec2 coord = f_v_coord;
+    fragColor = texture(src, coord);
+}
+`, Te = `#version 300 es
+precision highp float;
+
+uniform sampler2D src;
+uniform float lerp;
+uniform float scale;
+in vec2 f_v_coord;
+out vec4 fragColor;
+
+void main() {
+    vec2 tex_coord = f_v_coord;
+    if(scale < 1.0f) {
+        tex_coord /= scale;
+    }
+    vec4 srcColor = texture(src, tex_coord);
+    fragColor = mix(vec4(srcColor.xyz, 0.0f), srcColor, lerp);
+}
+`, Ee = `#version 300 es
+precision highp float;uniform float IIIlllllllIIIllIl,lIIIlllllIllIl,IIIlllIlIIllll;uniform sampler2D IlllIIlIlllIll;uniform vec2 IIlIlIIlIlIllI,IllIlllIlIIlllI;out vec4 lIIlIIIIIlIlIlllIIIIlIIl;float lIlIIllllIllIll(float IIIlIIlIIIlllIII){IIIlIIlIIIlllIII-=0.;return sin(IIIlIIlIIIlllIII);}float lIlIlllllIllIll(float IIIlIIlIIIlllIII){IIIlIIlIIIlllIII+=acos(0.);return sin(IIIlIIlIIIlllIII);}mat2 lIIllIIlIIIllIl(float IIIlIIlIIIlllIII){return mat2(lIlIlllllIllIll(IIIlIIlIIIlllIII),-lIlIIllllIllIll(IIIlIIlIIIlllIII),lIlIIllllIllIll(IIIlIIlIIIlllIII),lIlIlllllIllIll(IIIlIIlIIIlllIII));}mat2 lIIllIIlIIIlllI(float IIIlIIlIIIlllIII){return mat2(lIlIIllllIllIll(IIIlIIlIIIlllIII),-lIlIlllllIllIll(IIIlIIlIIIlllIII),lIlIlllllIllIll(IIIlIIlIIIlllIII),lIlIIllllIllIll(IIIlIIlIIIlllIII));}float IllllIIlIllII(float llIIllIllIIIllI){return fract(lIlIIllllIllIll(llIIllIllIIIllI)*43758.5453);}float llIlIIllllIII(vec2 IIIlIIlIIIlllIII){vec2 IIllIlIIlllI=floor(IIIlIIlIIIlllIII),lIlIllIIIIIlIl=fract(IIIlIIlIIIlllIII);lIlIllIIIIIlIl=lIlIllIIIIIlIl*lIlIllIIIIIlIl*(3.-2.*lIlIllIIIIIlIl);float lIlIlIlIlIlIIl=IIllIlIIlllI.x+IIllIlIIlllI.y*57.;return mix(mix(IllllIIlIllII(lIlIlIlIlIlIIl),IllllIIlIllII(lIlIlIlIlIlIIl+1.),lIlIllIIIIIlIl.x),mix(IllllIIlIllII(lIlIlIlIlIlIIl+57.),IllllIIlIllII(lIlIlIlIlIlIIl+58.),lIlIllIIIIIlIl.x),lIlIllIIIIIlIl.y);}vec2 lllIIIIIIllIlIIIlI(vec2 IlllIIlIIIIlIIII,float lIIIIlllIIIIllIlIlI,vec2 IlIlIIIIlIlllIlIII){float lIIlIllIIIlIl=llIlIIllllIII(IlllIIlIIIIlIIII*vec2(1)*3.5+.1)*4.2831*mix(.2,1.,IIIlllllllIIIllIl);IlllIIlIIIIlIIII+=vec2(-1,.5);lIIlIllIIIlIl-=lIIIIlllIIIIllIlIlI;return vec2(lIlIlllllIllIll(lIIlIllIIIlIl),lIlIIllllIllIll(lIIlIllIIIlIl));}const mat3 lIIllIIIlllIl=mat3(1.,.02,.002,.02,1.,.008,.002,.02,1.),lIIIlllIIIIll=mat3(1.022,-.02,-.002,-.02,1.028,-.008,-.002,-.02,1.022);void main(){vec2 lIIIlIIllIlIIlI=lIlIIllllIllIll(lIIIlllllIllIl*.2)*.01+.5+gl_FragCoord.xy/IIlIlIIlIlIllI.xy,lIIllIIlIIIllI=lIIIlIIllIlIIlI*.77f+IllIlllIlIIlllI;lIIllIIlIIIllI.x*=IIlIlIIlIlIllI.x/IIlIlIIlIlIllI.y;float lIIlIIlIIlIIIlII=gl_FragCoord.x/max(IIlIlIIlIlIllI.x,IIlIlIIlIlIllI.y),lIIIlIllIllIlIIl=0.f;vec3 lIIIlIlIIIlIlIIl=vec3(0);vec2 lIlIIlIlIIIllIll=lIIllIIlIIIllI;for(int IllIlIIlIIlllllIIIl=0;IllIlIIlIIlllllIIIl<8;IllIlIIlIIlllllIIIl++){bool lIlIlIIllIllIIll=IllIlIIlIIlllllIIIl%2==0;vec2 lIlllIlllIlllII=lllIIIIIIllIlIIIlI(lIIllIIlIIIllI,lIIlIIlIIlIIIlII,lIIIlIIllIlIIlI),lIllIIlIIlIIIll=lIlllIlllIlllII;float lIIlIlIIlIIlIllI=float(IllIlIIlIIlllllIIIl)/8.f;vec3 llIIlIIIIlIIlIII=texture(IlllIIlIlllIll,-lIIIlllllIllIl*.01+.8*lIIllIIlIIIllI*lIIllIIlIIIllIl(-lIIIlllllIllIl*.2)+vec2(IIIlllIlIIllll*.3*(float(lIlIlIIllIllIIll)*2.-1.)*lIIllIIlIIIlllI(lIIIlllllIllIl*.2+1.5))).xyz;lIIIlIlIIIlIlIIl+=llIIlIIIIlIIlIII;lIIIlIllIllIlIIl+=4.f*lIIlIlIIlIIlIllI*(1.f-lIIlIlIIlIIlIllI);lIIllIIlIIIllI+=.01f*lIllIIlIIlIIIll*(lIlIIllllIllIll(lIIIlllllIllIl)*4.8+.8);lIlIIlIlIIIllIll+=.05f*lIllIIlIIlIIIll;}lIIIlIlIIIlIlIIl/=lIIIlIllIllIlIIl;lIIIlIlIIIlIlIIl*=1.6f;lIIIlIlIIIlIlIIl=1.f-exp(-lIIIlIlIIIlIlIIl);lIIIlIlIIIlIlIIl=pow(lIIIlIlIIIlIlIIl,vec3(2.2));lIIIlIlIIIlIlIIl*=.8f;lIIlIIIIIlIlIlllIIIIlIIl=vec4(lIIIlIlIIIlIlIIl,1);}`, we = `#version 300 es
+precision highp float;
+
+uniform sampler2D src;
+in vec2 f_v_coord;
+out vec4 fragColor;
+
+/* Gradient noise from Jorge Jimenez's presentation: */
+/* http://www.iryoku.com/next-generation-post-processing-in-call-of-duty-advanced-warfare */
+float gradientNoise(in vec2 uv) {
+    return fract(52.9829189f * fract(dot(uv, vec2(0.06711056f, 0.00583715f))));
+}
+
+void main() {
+    vec2 tex_coord = f_v_coord;
+    float dither = (1.0f / 255.0f) * gradientNoise(gl_FragCoord.xy) - (0.5f / 255.0f);
+    vec4 color = texture(src, tex_coord);
+    color += dither;
+    fragColor = color;
+}
+`, be = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAYUklEQVR4nH3bV89VVRcF4IX7qNgVe8WKvaIiNsCuYCKCSEg0JCYm/gTjzf4R3njhlRdeWKKi2AvYEBV7b1ixY2+ofPuZcbwxXzie5OQ9Z5+11pxzjDHnKnu/k0477bSN+++/fzvyyCPbdttt17766qu2YcOG9ttvv7U33nijffHFF23atGntgAMOaN98803bc88926RJk9pnn31W10855ZT2888/1/vrr79ur732Wjv00EPbgQce2NavX99eeOGF+nvmmWfWuD4fc8wx1ffDDz9sTz31VPv000/bRx99VL/vsssu7eCDDy57hxxySPv222/L1saNG9vatWsbX19++eXyhb9//PFH23HHHdsHH3zQLrrooorjxRdfrPbG+/jjj9u6devaX3/91aZMmdImT57cdt1114lYu5133rnfeuut28yZM9t+++3XVq9e3T7//PMa9Ljjjqu/m222WTn73HPPtR122KF99913bcsttyyQnnzyybbbbrvVm4MMAe37778vUATIkaOPPrqCe+KJJ9qPP/7Ydt9993bvvfe2lStXtvfee69ttdVW7bzzzmvbbLNN++STT9rUqVPL7jvvvNP+/PPP8o1NNn7//fcakx3XL7300moPyC222KL8ev/99ws8Y2s3xFmAIpD9H374of36669txBEIvf3224UmR1w74YQTyhlgHHTQQeU845Bfs2ZN23fffcsQRn/55Zf6jQJOP/30GvjLL78sMPbee+8y6rM2gvPea6+9yg7Htt1223bSSSe1nXbaqWwC+K677iq2qMU1yqKK0WhUAWGREruuq3GBw8dVq1ZV4Pvss08744wzSgns/fTTT+UzoigIAL53gyM95P7+++9Cj1OQz+ACwb7PHAGA3133phKyY/TVV1+t3zHEAUa8t99++1IDJwAsKFIWkFQQOFaeffbZ9u6775aTgBXskKIVhDEBSxFJCaznOoCpNdJHGlvGNRa5s8N3PiLg5JNPbt1goNfIYKeeemo74ogjKmC5yxlIY/D5559v999/f8nxrLPOqsCBwknIkxcmpISXYFesWFGqIlNKck3bGTNmFNDyltPaUBXnsMWGfKZCeQto/QQqmOnTpxegvvNVH4G7Jg4AG4P8qVM6jCN5JDc5QYZyHHrynFGd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", Z = (() => {
+  const o = document.createElement("img");
+  return o.src = be, o;
+})();
+function Se(o, i, e) {
+  const t = o.data, s = o.width, l = o.height;
+  let r, n, h, c, I, d, m, u, p, y, f, g, E;
+  const L = s - 1, w = l - 1, T = i + 1, b = i + T, S = i + 1, M = i + S, x = 1 / (b * M), P = [], A = [], v = [], z = [], O = [], _ = [];
+  for (; e-- > 0; ) {
+    for (E = g = 0, d = 0; d < l; d++) {
+      for (r = t[E] * T, n = t[E + 1] * T, h = t[E + 2] * T, c = t[E + 3] * T, m = 1; m <= i; m++)
+        u = E + ((m > L ? L : m) << 2), r += t[u++], n += t[u++], h += t[u++], c += t[u];
+      for (I = 0; I < s; I++)
+        P[g] = r, A[g] = n, v[g] = h, z[g] = c, d === 0 && (O[I] = Math.min(I + T, L) << 2, _[I] = Math.max(I - i, 0) << 2), p = E + O[I], y = E + _[I], r += t[p++] - t[y++], n += t[p++] - t[y++], h += t[p++] - t[y++], c += t[p] - t[y], g++;
+      E += s << 2;
+    }
+    for (I = 0; I < s; I++) {
+      for (f = I, r = P[f] * S, n = A[f] * S, h = v[f] * S, c = z[f] * S, m = 1; m <= i; m++)
+        f += m > w ? 0 : s, r += P[f], n += A[f], h += v[f], c += z[f];
+      for (g = I << 2, d = 0; d < l; d++)
+        t[g] = r * x + 0.5 | 0, t[g + 1] = n * x + 0.5 | 0, t[g + 2] = h * x + 0.5 | 0, t[g + 3] = c * x + 0.5 | 0, I === 0 && (O[d] = Math.min(d + S, w) * s, _[d] = Math.max(d - i, 0) * s), p = I + O[d], y = I + _[d], r += P[p] - P[y], n += A[p] - A[y], h += v[p] - v[y], c += z[p] - z[y], g += s << 2;
+    }
+  }
+}
+function Le(o, i) {
+  const e = o.data;
+  for (let t = 0; t < e.length; t += 4) {
+    const s = e[t], l = e[t + 1], r = e[t + 2], n = e[t + 3], h = s * 0.3 + l * 0.59 + r * 0.11;
+    e[t] = h * (1 - i) + s * i, e[t + 1] = h * (1 - i) + l * i, e[t + 2] = h * (1 - i) + r * i, e[t + 3] = n;
+  }
+}
+function xe(o, i) {
+  const e = o.data;
+  for (let t = 0; t < e.length; t += 4) {
+    const s = e[t], l = e[t + 1], r = e[t + 2], n = e[t + 3];
+    e[t] = (s - 128) * i + 128, e[t + 1] = (l - 128) * i + 128, e[t + 2] = (r - 128) * i + 128, e[t + 3] = n;
+  }
+}
+class q {
+  constructor(i, e, t, s = "unknown") {
+    a(this, "gl");
+    a(this, "program");
+    a(this, "vertexShader");
+    a(this, "fragmentShader");
+    a(this, "coordPos");
+    a(this, "notFoundUniforms", /* @__PURE__ */ new Set());
+    this.label = s, this.gl = i, this.vertexShader = this.createShader(i.VERTEX_SHADER, e), this.fragmentShader = this.createShader(
+      i.FRAGMENT_SHADER,
+      t
+    ), this.program = this.createProgram();
+    const l = i.getAttribLocation(this.program, "v_coord");
+    if (l === -1)
+      throw new Error(
+        `Failed to get attribute location v_coord for "${this.label}"`
+      );
+    this.coordPos = l;
+  }
+  createShader(i, e) {
+    const t = this.gl, s = t.createShader(i);
+    if (!s)
+      throw new Error("Failed to create shader");
+    if (t.shaderSource(s, e), t.compileShader(s), !t.getShaderParameter(s, t.COMPILE_STATUS))
+      throw new Error(
+        `Failed to compile shader for type ${i} "${this.label}": ${t.getShaderInfoLog(s)}`
+      );
+    return s;
+  }
+  createProgram() {
+    const i = this.gl, e = i.createProgram();
+    if (!e)
+      throw new Error("Failed to create program");
+    if (i.attachShader(e, this.vertexShader), i.attachShader(e, this.fragmentShader), i.linkProgram(e), i.validateProgram(e), !i.getProgramParameter(e, i.LINK_STATUS)) {
+      const t = i.getProgramInfoLog(e);
+      throw i.deleteProgram(e), new Error(`Failed to link program "${this.label}": ${t}`);
+    }
+    return e;
+  }
+  use() {
+    const i = this.gl;
+    i.useProgram(this.program), i.vertexAttribPointer(this.coordPos, 2, i.FLOAT, !1, 0, 0), i.enableVertexAttribArray(this.coordPos);
+  }
+  warnUniformNotFound(i) {
+    this.notFoundUniforms.has(i) || (this.notFoundUniforms.add(i), console.warn(
+      `Failed to get uniform location for program "${this.label}": ${i}`
+    ));
+  }
+  setUniform1f(i, e) {
+    const t = this.gl, s = t.getUniformLocation(this.program, i);
+    s ? t.uniform1f(s, e) : this.warnUniformNotFound(i);
+  }
+  setUniform2f(i, e, t) {
+    const s = this.gl, l = s.getUniformLocation(this.program, i);
+    l ? s.uniform2f(l, e, t) : this.warnUniformNotFound(i);
+  }
+  setUniform1i(i, e) {
+    const t = this.gl, s = t.getUniformLocation(this.program, i);
+    s ? t.uniform1i(s, e) : this.warnUniformNotFound(i);
+  }
+  dispose() {
+    const i = this.gl;
+    i.deleteShader(this.vertexShader), i.deleteShader(this.fragmentShader), i.deleteProgram(this.program);
+  }
+}
+class Q {
+  constructor(i, e, t) {
+    a(this, "fb");
+    a(this, "tex");
+    a(this, "_size");
+    this.gl = i, this._size = [e, t];
+    const s = i.createFramebuffer();
+    if (!s)
+      throw new Error("Can't create framebuffer");
+    const l = i.createTexture();
+    if (!l)
+      throw new Error("Failed to create texture");
+    this.fb = s, this.tex = l, i.bindFramebuffer(i.FRAMEBUFFER, s), i.bindTexture(i.TEXTURE_2D, l), i.framebufferTexture2D(
+      i.FRAMEBUFFER,
+      i.COLOR_ATTACHMENT0,
+      i.TEXTURE_2D,
+      l,
+      0
+    ), this.resize(e, t), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.MIRRORED_REPEAT), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.MIRRORED_REPEAT);
+  }
+  get size() {
+    return this._size;
+  }
+  resize(i, e) {
+    const t = this.gl;
+    this.bind(), t.bindTexture(t.TEXTURE_2D, this.tex), t.getExtension("EXT_color_buffer_float") ? t.texImage2D(
+      t.TEXTURE_2D,
+      0,
+      t.RGBA32F,
+      i,
+      e,
+      0,
+      t.RGBA,
+      t.FLOAT,
+      null
+    ) : t.texImage2D(
+      t.TEXTURE_2D,
+      0,
+      t.RGBA,
+      i,
+      e,
+      0,
+      t.RGBA,
+      t.UNSIGNED_BYTE,
+      null
+    ), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MIN_FILTER, t.LINEAR), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_MAG_FILTER, t.LINEAR), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_S, t.MIRRORED_REPEAT), t.texParameteri(t.TEXTURE_2D, t.TEXTURE_WRAP_T, t.MIRRORED_REPEAT);
+  }
+  bind() {
+    const i = this.gl;
+    i.bindFramebuffer(i.FRAMEBUFFER, this.fb);
+  }
+  active(i = this.gl.TEXTURE0) {
+    this.gl.activeTexture(i), this.gl.bindTexture(this.gl.TEXTURE_2D, this.tex);
+  }
+  dispose() {
+    this.gl.deleteFramebuffer(this.fb), this.gl.deleteTexture(this.tex);
+  }
+}
+class j {
+  constructor(i, e, t, s) {
+    a(this, "gl");
+    a(this, "buffer");
+    a(this, "type");
+    a(this, "data");
+    a(this, "usage");
+    a(this, "length");
+    this.gl = i, this.type = e, this.data = t, this.usage = s;
+    const l = i.createBuffer();
+    if (!l)
+      throw new Error("Failed to create buffer");
+    this.buffer = l, this.length = t.byteLength, i.bindBuffer(e, this.buffer), i.bufferData(e, t, s);
+  }
+  bind() {
+    this.gl.bindBuffer(this.type, this.buffer);
+  }
+  // update(data: ArrayBufferView) {
+  //     const gl = this.gl;
+  //     gl.bindBuffer(this.type, this.buffer);
+  //     gl.bufferSubData(this.type, 0, data);
+  //     this.data = data;
+  // }
+  dispose() {
+    this.gl.deleteBuffer(this.buffer);
+  }
+}
+class Pe {
+  constructor(i, e, t, s, l) {
+    a(this, "albumTexture");
+    a(this, "alpha", 0);
+    this.gl = i, this.mainProgram = e, this.vertexBuffer = t, this.indexBuffer = s;
+    const r = i.createTexture();
+    if (!r)
+      throw new Error("Failed to create texture");
+    this.albumTexture = r, i.bindTexture(i.TEXTURE_2D, r), i.texImage2D(
+      i.TEXTURE_2D,
+      0,
+      i.RGBA,
+      i.RGBA,
+      i.UNSIGNED_BYTE,
+      l
+    ), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MAG_FILTER, i.LINEAR), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.MIRRORED_REPEAT), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.MIRRORED_REPEAT);
+  }
+  draw(i) {
+    const e = this.gl;
+    this.mainProgram.use(), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, this.albumTexture), this.mainProgram.setUniform1i(i, 0), e.drawArrays(e.TRIANGLE_STRIP, 0, 4);
+  }
+  dispose() {
+    this.gl.deleteTexture(this.albumTexture);
+  }
+}
+class Ae {
+  constructor(i) {
+    a(this, "tex");
+    a(this, "alpha", 0);
+    this.gl = i;
+    const e = i.createTexture();
+    if (!e)
+      throw new Error("Failed to create texture");
+    this.tex = e, Z.decode().then(() => {
+      i.bindTexture(i.TEXTURE_2D, e), i.texImage2D(
+        i.TEXTURE_2D,
+        0,
+        i.RGBA,
+        i.RGBA,
+        i.UNSIGNED_BYTE,
+        Z
+      ), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MIN_FILTER, i.NEAREST), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_MAG_FILTER, i.NEAREST), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_S, i.REPEAT), i.texParameteri(i.TEXTURE_2D, i.TEXTURE_WRAP_T, i.REPEAT);
+    });
+  }
+  active(i = this.gl.TEXTURE1) {
+    this.gl.activeTexture(i), this.gl.bindTexture(this.gl.TEXTURE_2D, this.tex);
+  }
+  dispose() {
+    this.gl.deleteTexture(this.tex);
+  }
+}
+const F = class F extends te {
+  constructor(e) {
+    super(e);
+    a(this, "hasLyric", !0);
+    a(this, "hasLyricValue", 1);
+    a(this, "maxFPS", 30);
+    a(this, "lastTickTime", 0);
+    a(this, "lastFrameTime", 0);
+    a(this, "_lowFreqVolume", 1);
+    a(this, "paused", !1);
+    a(this, "staticMode", !1);
+    a(this, "gl", this.setupGL());
+    a(this, "reduceImageSizeCanvas", new OffscreenCanvas(128, 128));
+    a(this, "tickHandle", 0);
+    a(this, "sprites", []);
+    a(this, "ampTransition", 0);
+    a(this, "playTime", 0);
+    a(this, "frameTime", 0);
+    a(this, "IllIlllIlIIlllI", [-0.1, 0]);
+    a(this, "mainProgram", new q(
+      this.gl,
+      Y,
+      Ee,
+      "main"
+    ));
+    a(this, "blendProgram", new q(
+      this.gl,
+      Y,
+      Te,
+      "blend"
+    ));
+    a(this, "copyProgram", new q(
+      this.gl,
+      Y,
+      ye,
+      "copy"
+    ));
+    a(this, "noiseProgram", new q(
+      this.gl,
+      Y,
+      we,
+      "noise"
+    ));
+    a(this, "vertexBuffer", new j(
+      this.gl,
+      this.gl.ARRAY_BUFFER,
+      F.rawVertexBuffer,
+      this.gl.STATIC_DRAW
+    ));
+    a(this, "indexBuffer", new j(
+      this.gl,
+      this.gl.ELEMENT_ARRAY_BUFFER,
+      F.rawIndexBuffer,
+      this.gl.STATIC_DRAW
+    ));
+    a(this, "noiseTexture", new Ae(this.gl));
+    a(this, "fb");
+    a(this, "historyFrameBuffer", []);
+    a(this, "_currentSize", [0, 0]);
+    a(this, "_targetSize", [0, 0]);
+    a(this, "renderSize", [0, 0]);
+    a(this, "pixelSize", [0, 0]);
+    this.canvas = e;
+    const t = this.gl;
+    t.enable(this.gl.BLEND), t.blendFunc(this.gl.SRC_ALPHA, this.gl.ONE_MINUS_SRC_ALPHA), this.requestTick();
+    const s = e.getBoundingClientRect(), l = s.width * window.devicePixelRatio * this.currerntRenderScale, r = s.height * window.devicePixelRatio * this.currerntRenderScale;
+    this.fb = [
+      new Q(this.gl, l, r),
+      new Q(this.gl, l, r)
+    ];
+    for (const n of this.fb)
+      n.bind(), t.blendFunc(this.gl.SRC_ALPHA, this.gl.ONE_MINUS_SRC_ALPHA);
+    this.historyFrameBuffer = new Array(2).fill(0).map(() => new Q(this.gl, l, r)), this.onResize(l, r);
+  }
+  onTick(e) {
+    if (this.tickHandle = 0, this.paused)
+      return;
+    const t = e - this.lastTickTime, s = e - this.lastFrameTime;
+    if (this.lastFrameTime = e, t < 1e3 / this.maxFPS) {
+      this.requestTick();
+      return;
+    }
+    this.hasLyric && (this.playTime += s * this.flowSpeed * 0.2), this.frameTime += s, this.onRedraw(this.playTime, s) && this.staticMode || this.requestTick(), this.lastTickTime = e, this.ampTransition;
+  }
+  onResize(e, t) {
+    this._targetSize = [
+      Math.max(1, Math.round(e)),
+      Math.max(1, Math.round(t))
+    ], this.staticMode && this.requestTick();
+  }
+  checkResize() {
+    if (this._currentSize[0] === this._targetSize[0] && this._currentSize[1] === this._targetSize[1])
+      return;
+    this._currentSize = [...this._targetSize];
+    const [e, t] = this._targetSize, s = Math.round(
+      Math.max(e / this.currerntRenderScale, e)
+    ), l = Math.round(
+      Math.max(t / this.currerntRenderScale, t)
+    );
+    this.renderSize = [e, t], this.canvas.width = s, this.canvas.height = l, this.pixelSize = [s, l], this.gl.viewport(0, 0, s, l);
+    for (const r of this.fb)
+      r.resize(e, t);
+    for (const r of this.historyFrameBuffer)
+      r.resize(s, l);
+  }
+  requestTick() {
+    this.tickHandle || (this.tickHandle = requestAnimationFrame((e) => this.onTick(e)));
+  }
+  drawScreen() {
+    this.gl.drawArrays(this.gl.TRIANGLE_STRIP, 0, 4);
+  }
+  bindDefaultFrameBuffer() {
+    this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, null);
+  }
+  onRedraw(e, t) {
+    this.checkResize(), this.hasLyricValue = (this.hasLyricValue * 19 + (this.hasLyric ? 1 : 0)) / 20;
+    const s = this.gl;
+    this.vertexBuffer.bind(), this.indexBuffer.bind(), this.mainProgram.use(), this.noiseTexture.active(), this.mainProgram.setUniform1i("noisetex", 1), this.mainProgram.setUniform2f(
+      "IIlIlIIlIlIllI",
+      this.renderSize[0],
+      this.renderSize[1]
+    ), this.mainProgram.setUniform1f(
+      "lIIIlllllIllIl",
+      this.hasLyric ? e / 1e3 : 0
+    ), this.mainProgram.setUniform1f("IIIlllllllIIIllIl", this.hasLyricValue), this.mainProgram.setUniform1f(
+      "IIIlllIlIIllll",
+      this.hasLyric ? this._lowFreqVolume : 0
+    ), this.mainProgram.setUniform2f(
+      "IllIlllIlIIlllI",
+      this.IllIlllIlIIlllI[0],
+      this.IllIlllIlIIlllI[1]
+    );
+    const [l, r] = this.fb;
+    r.bind(), s.clearColor(0, 0, 0, 0), s.clear(this.gl.COLOR_BUFFER_BIT);
+    for (const c of this.sprites)
+      l.bind(), s.clearColor(0, 0, 0, 0), s.clear(this.gl.COLOR_BUFFER_BIT), this.mainProgram.use(), c.draw("IlllIIlIlllIll"), r.bind(), this.blendProgram.use(), l.active(), this.blendProgram.setUniform1i("src", 0), this.blendProgram.setUniform1f("lerp", c.alpha), this.blendProgram.setUniform1f("scale", this.currerntRenderScale), this.drawScreen(), c.alpha = Math.min(1, c.alpha + t / 200);
+    if (this.noiseProgram.use(), this.noiseProgram.setUniform1i("src", 0), l.bind(), r.active(), this.bindDefaultFrameBuffer(), this.drawScreen(), this.sprites.length > 1 && this.sprites[this.sprites.length - 1].alpha >= 1)
+      for (const I of this.sprites.splice(0, this.sprites.length - 1))
+        I.dispose();
+    const n = this.sprites.length === 1 && this.sprites[0].alpha >= 1, h = this.hasLyric ? this.hasLyricValue > 1e-5 : this.hasLyricValue < 0.99999;
+    return n || !h;
+  }
+  copyFrameBuffer(e, t = null) {
+    e !== t && (e.active(this.gl.TEXTURE0), this.copyProgram.use(), t ? t.bind() : this.bindDefaultFrameBuffer(), this.copyProgram.setUniform1i("src", 0), this.drawScreen());
+  }
+  setupGL() {
+    const e = this.canvas.getContext("webgl2", {
+      alpha: !0,
+      depth: !1,
+      powerPreference: "low-power"
+    });
+    if (!e)
+      throw new Error("WebGL2 not supported");
+    return this.gl = e, e.enable(e.BLEND), e.disable(e.DEPTH_TEST), e.blendFunc(e.SRC_ALPHA, e.ONE_MINUS_SRC_ALPHA), e.getExtension("EXT_color_buffer_float") || console.warn("EXT_color_buffer_float not supported"), e.getExtension("EXT_float_blend") || console.warn("EXT_float_blend not supported"), e.getExtension("OES_texture_float_linear") || console.warn("OES_texture_float_linear not supported"), e;
+  }
+  setLowFreqVolume(e) {
+    this._lowFreqVolume = e;
+  }
+  setStaticMode(e) {
+    this.staticMode = e, this.lastFrameTime = performance.now(), this.requestTick();
+  }
+  setFPS(e) {
+    this.maxFPS = e;
+  }
+  pause() {
+    this.tickHandle && (cancelAnimationFrame(this.tickHandle), this.tickHandle = 0), this.paused = !0;
+  }
+  resume() {
+    this.paused = !1, this.requestTick();
+  }
+  loadImage(e) {
+    return new Promise((t, s) => {
+      const l = document.createElement("img");
+      l.onload = () => t(l), l.onerror = s, l.src = e, l.crossOrigin = "anonymous";
+    });
+  }
+  async setAlbumImage(e) {
+    if (e.trim().length === 0)
+      return;
+    let t = 5, s = null;
+    for (; !s && t > 0; )
+      try {
+        s = await this.loadImage(e);
+      } catch (u) {
+        console.warn(
+          `failed on loading album image, retrying (${t})`,
+          e,
+          u
+        ), t--;
+      }
+    if (!s)
+      return;
+    const l = this.reduceImageSizeCanvas, r = l.getContext("2d");
+    if (!r)
+      throw new Error("Failed to create canvas context");
+    r.clearRect(0, 0, l.width, l.height);
+    const n = 10, h = s.naturalWidth, c = s.naturalHeight;
+    r.drawImage(s, 0, 0, h, c, 0, 0, l.width, l.height);
+    const I = r.getImageData(0, 0, l.width, l.height);
+    xe(I, 0.8), Le(I, 1.5), Se(I, n, 4);
+    const d = new Pe(
+      this.gl,
+      this.mainProgram,
+      this.vertexBuffer,
+      this.indexBuffer,
+      I
+    );
+    this.sprites.push(d), this.playTime = Math.random() * 1e5, this.lastFrameTime = performance.now(), console.info(Math.random() * 1e4);
+    const m = Number.parseInt((Math.random() * 1e4).toFixed(0)) % 3;
+    m === 0 ? this.IllIlllIlIIlllI = [-1.3, -0.9] : m === 1 ? this.IllIlllIlIIlllI = [-1.1, -0.9] : this.IllIlllIlIIlllI = [-1.3, -0.9], this.requestTick();
+  }
+  setHasLyric(e) {
+    this.hasLyric = e, this.requestTick();
+  }
+  getElement() {
+    return this.canvas;
+  }
+  dispose() {
+    super.dispose(), this.vertexBuffer.dispose(), this.indexBuffer.dispose(), this.noiseTexture.dispose();
+    for (const e of this.sprites)
+      e.dispose();
+    this.copyProgram.dispose(), this.blendProgram.dispose(), this.mainProgram.dispose();
+    for (const e of this.fb)
+      e.dispose();
+    for (const e of this.historyFrameBuffer)
+      e.dispose();
+    this.tickHandle && (cancelAnimationFrame(this.tickHandle), this.tickHandle = 0);
+  }
+};
+a(F, "rawVertexBuffer", new Float32Array([
+  -1,
+  -1,
+  1,
+  -1,
+  -1,
+  1,
+  1,
+  1
+])), a(F, "rawIndexBuffer", new Uint16Array([0, 1, 2, 1, 2, 3]));
+let J = F;
+class ie {
+  constructor(i, e) {
+    a(this, "element");
+    a(this, "renderer");
+    this.renderer = i, this.element = e, e.style.pointerEvents = "none", e.style.zIndex = "-1", e.style.contain = "strict";
+  }
+  static new(i) {
+    const e = document.createElement("canvas");
+    return new ie(new i(e), e);
+  }
+  setRenderScale(i) {
+    this.renderer.setRenderScale(i);
+  }
+  setFlowSpeed(i) {
+    this.renderer.setFlowSpeed(i);
+  }
+  setStaticMode(i) {
+    this.renderer.setStaticMode(i);
+  }
+  setFPS(i) {
+    this.renderer.setFPS(i);
+  }
+  pause() {
+    this.renderer.pause();
+  }
+  resume() {
+    this.renderer.resume();
+  }
+  setLowFreqVolume(i) {
+    this.renderer.setLowFreqVolume(i);
+  }
+  setHasLyric(i) {
+    this.renderer.setHasLyric(i);
+  }
+  setAlbumImage(i) {
+    return this.renderer.setAlbumImage(i);
+  }
+  getElement() {
+    return this.element;
+  }
+  dispose() {
+    this.renderer.dispose(), this.element.remove();
+  }
+}
+const ve = (o, i) => o.size === i.size && [...o].every((e) => i.has(e));
+function Me(o) {
+  return (e) => (o(e + 1e-3) - o(e - 1e-3)) / (2 * 1e-3);
+}
+function K(o) {
+  return Me(o);
+}
+class U {
+  constructor(i = 0) {
+    a(this, "currentPosition", 0);
+    a(this, "targetPosition", 0);
+    a(this, "currentTime", 0);
+    a(this, "params", {});
+    a(this, "currentSolver");
+    a(this, "getV");
+    a(this, "getV2");
+    a(this, "queueParams");
+    a(this, "queuePosition");
+    this.targetPosition = i, this.currentPosition = this.targetPosition, this.currentSolver = () => this.targetPosition, this.getV = () => 0, this.getV2 = () => 0;
+  }
+  resetSolver() {
+    const i = this.getV(this.currentTime);
+    this.currentTime = 0, this.currentSolver = Re(
+      this.currentPosition,
+      i,
+      this.targetPosition,
+      0,
+      this.params
+    ), this.getV = K(this.currentSolver), this.getV2 = K(this.getV);
+  }
+  arrived() {
+    return Math.abs(this.targetPosition - this.currentPosition) < 0.01 && this.getV(this.currentTime) < 0.01 && this.getV2(this.currentTime) < 0.01 && this.queueParams === void 0 && this.queuePosition === void 0;
+  }
+  setPosition(i) {
+    this.targetPosition = i, this.currentPosition = i, this.currentSolver = () => this.targetPosition, this.getV = () => 0, this.getV2 = () => 0;
+  }
+  update(i = 0) {
+    this.currentTime += i, this.currentPosition = this.currentSolver(this.currentTime), this.queueParams && (this.queueParams.time -= i, this.queueParams.time <= 0 && this.updateParams({
+      ...this.queueParams
+    })), this.queuePosition && (this.queuePosition.time -= i, this.queuePosition.time <= 0 && this.setTargetPosition(this.queuePosition.position)), this.arrived() && this.setPosition(this.targetPosition);
+  }
+  updateParams(i, e = 0) {
+    e > 0 ? this.queueParams = {
+      ...this.queuePosition ?? {},
+      ...i,
+      time: e
+    } : (this.queuePosition = void 0, this.params = {
+      ...this.params,
+      ...i
+    }, this.resetSolver());
+  }
+  setTargetPosition(i, e = 0) {
+    e > 0 ? this.queuePosition = {
+      ...this.queuePosition ?? {},
+      position: i,
+      time: e
+    } : (this.queuePosition = void 0, this.targetPosition = i, this.resetSolver());
+  }
+  getCurrentPosition() {
+    return this.currentPosition;
+  }
+}
+function Re(o, i, e, t = 0, s) {
+  const l = (s == null ? void 0 : s.soft) ?? !1, r = (s == null ? void 0 : s.stiffness) ?? 100, n = (s == null ? void 0 : s.damping) ?? 10, h = (s == null ? void 0 : s.mass) ?? 1, c = e - o;
+  if (l || 1 <= n / (2 * Math.sqrt(r * h))) {
+    const p = -Math.sqrt(r / h), y = -p * c - i;
+    return (f) => (f -= t, f < 0 ? o : e - (c + f * y) * Math.E ** (f * p));
+  }
+  const I = Math.sqrt(4 * h * r - n ** 2), d = (n * c - 2 * h * i) / I, m = 0.5 * I / h, u = -(0.5 * n) / h;
+  return (p) => (p -= t, p < 0 ? o : e - (Math.cos(p * m) * c + Math.sin(p * m) * d) * Math.E ** (p * u));
+}
+class De {
+  constructor(i) {
+    a(this, "element", document.createElement("div"));
+    a(this, "left", 0);
+    a(this, "top", 0);
+    a(this, "delay", 0);
+    // 由 LyricPlayer 来设置
+    a(this, "lineSize", [0, 0]);
+    a(this, "lineTransforms", {
+      posX: new U(0),
+      posY: new U(0)
+    });
+    a(this, "lastStyle", "");
+    this.lyricPlayer = i, this.element.setAttribute(
+      "class",
+      this.lyricPlayer.style.classes.lyricLine
+    ), this.rebuildStyle();
+  }
+  measureSize() {
+    return [
+      this.element.clientWidth,
+      this.element.clientHeight
+    ];
+  }
+  show() {
+    this.rebuildStyle();
+  }
+  hide() {
+    this.rebuildStyle();
+  }
+  rebuildStyle() {
+    let i = `transform:translate(${this.lineTransforms.posX.getCurrentPosition().toFixed(2)}px,${this.lineTransforms.posY.getCurrentPosition().toFixed(2)}px);`;
+    !this.lyricPlayer.getEnableSpring() && this.isInSight && (i += `transition-delay:${this.delay}ms;`), i !== this.lastStyle && (this.lastStyle = i, this.element.setAttribute("style", i));
+  }
+  getElement() {
+    return this.element;
+  }
+  setTransform(i = this.left, e = this.top, t = !1, s = 0) {
+    this.left = i, this.top = e, this.delay = s * 1e3 | 0, t || !this.lyricPlayer.getEnableSpring() ? (t && this.element.classList.add(
+      this.lyricPlayer.style.classes.tmpDisableTransition
+    ), this.lineTransforms.posX.setPosition(i), this.lineTransforms.posY.setPosition(e), this.lyricPlayer.getEnableSpring() ? this.rebuildStyle() : this.show(), t && requestAnimationFrame(() => {
+      this.element.classList.remove(
+        this.lyricPlayer.style.classes.tmpDisableTransition
+      );
+    })) : (this.lineTransforms.posX.setTargetPosition(i, s), this.lineTransforms.posY.setTargetPosition(e, s));
+  }
+  update(i = 0) {
+    this.lyricPlayer.getEnableSpring() && (this.lineTransforms.posX.update(i), this.lineTransforms.posY.update(i), this.isInSight ? this.show() : this.hide());
+  }
+  get isInSight() {
+    const i = this.lineTransforms.posX.getCurrentPosition(), e = this.lineTransforms.posY.getCurrentPosition(), t = i + this.lineSize[0], s = e + this.lineSize[1], l = this.lyricPlayer.size[0], r = this.lyricPlayer.size[1];
+    return !(i > l || e > r || t < 0 || s < 0);
+  }
+  dispose() {
+    this.element.remove();
+  }
+}
+function Fe(o) {
+  const e = 2.5949095;
+  return o < 0.5 ? Math.pow(2 * o, 2) * ((e + 1) * 2 * o - e) / 2 : (Math.pow(2 * o - 2, 2) * ((e + 1) * (o * 2 - 2) + e) + 2) / 2;
+}
+const D = (o, i, e) => Math.max(o, Math.min(i, e));
+class Ce {
+  constructor(i) {
+    a(this, "element", document.createElement("div"));
+    a(this, "dot0", document.createElement("span"));
+    a(this, "dot1", document.createElement("span"));
+    a(this, "dot2", document.createElement("span"));
+    a(this, "left", 0);
+    a(this, "top", 0);
+    a(this, "scale", 1);
+    a(this, "playing", !0);
+    a(this, "lastStyle", "");
+    a(this, "currentInterlude");
+    a(this, "currentTime", 0);
+    a(this, "interludeTime", 0);
+    a(this, "targetBreatheDuration", 1500);
+    this.lyricPlayer = i, this.element.className = this.lyricPlayer.style.classes.interludeDots, this.element.appendChild(this.dot0), this.element.appendChild(this.dot1), this.element.appendChild(this.dot2);
+  }
+  getElement() {
+    return this.element;
+  }
+  setTransform(i = this.left, e = this.top) {
+    this.left = i, this.top = e, this.update();
+  }
+  setInterlude(i) {
+    this.currentInterlude = i, this.currentTime = (i == null ? void 0 : i[0]) ?? 0;
+  }
+  pause() {
+    this.playing = !1;
+  }
+  resume() {
+    this.playing = !0;
+  }
+  update(i = 0) {
+    if (!this.playing)
+      return;
+    this.currentTime += i;
+    let e = "";
+    if (e += `transform:translate(${this.left.toFixed(
+      2
+    )}px, ${this.top.toFixed(2)}px)`, this.currentInterlude) {
+      const t = this.currentInterlude[1] - this.currentInterlude[0], s = this.currentTime - this.currentInterlude[0];
+      if (s <= t) {
+        const l = t / Math.ceil(t / this.targetBreatheDuration);
+        let r = 1, n = 1;
+        r *= Math.sin(1.5 * Math.PI - s / l * 2) / 20 + 1, s < 1e3 && (r *= 1 - ((1e3 - s) / 1e3) ** 2), s < 500 ? n = 0 : s < 1e3 && (n *= (s - 500) / 500), t - s < 750 && (r *= 1 - Fe(
+          (750 - (t - s)) / 750 / 2
+        )), t - s < 375 && (n *= D(
+          0,
+          (t - s) / 375,
+          1
+        ));
+        const h = Math.max(0, t - 750);
+        r = Math.max(0, r) * 0.7, e += ` scale(${r})`;
+        const c = D(
+          0.25,
+          s * 3 / h * 0.75,
+          1
+        ), I = D(
+          0.25,
+          (s - h / 3) * 3 / h * 0.75,
+          1
+        ), d = D(
+          0.25,
+          (s - h / 3 * 2) * 3 / h * 0.75,
+          1
+        );
+        this.dot0.style.opacity = `${D(
+          0,
+          Math.max(0, n * c),
+          1
+        )}`, this.dot1.style.opacity = `${D(
+          0,
+          Math.max(0, n * I),
+          1
+        )}`, this.dot2.style.opacity = `${D(
+          0,
+          Math.max(0, n * d),
+          1
+        )}`;
+      } else
+        e += " scale(0)", this.dot0.style.opacity = "0", this.dot1.style.opacity = "0", this.dot2.style.opacity = "0";
+    } else
+      e += " scale(0)", this.dot0.style.opacity = "0", this.dot1.style.opacity = "0", this.dot2.style.opacity = "0";
+    e += ";", this.lastStyle !== e && (this.element.setAttribute("style", e), this.lastStyle = e);
+  }
+  dispose() {
+    this.element.remove();
+  }
+}
+function ze() {
+  return [
+    1,
+    0,
+    0,
+    0,
+    0,
+    1,
+    0,
+    0,
+    0,
+    0,
+    1,
+    0,
+    0,
+    0,
+    0,
+    1
+  ];
+}
+function Be(o, i = 1, e = { x: 0, y: 0 }) {
+  const [t, s] = [e.x, e.y];
+  return [
+    o[0] * i,
+    o[1] * i,
+    o[2] * i,
+    o[3],
+    o[4] * i,
+    o[5] * i,
+    o[6] * i,
+    o[7],
+    o[8] * i,
+    o[9] * i,
+    o[10] * i,
+    o[11],
+    o[12] - t * i + t,
+    o[13] - s * i + s,
+    o[14],
+    o[15]
+  ];
+}
+function ke(o, i = 4) {
+  const e = (t, s) => t.toFixed(i);
+  return `matrix3d(${o.map(e).join(", ")})`;
+}
+function Ue(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+}
+var Oe = 4, _e = 1e-3, Ne = 1e-7, Ge = 10, B = 11, V = 1 / (B - 1), Ye = typeof Float32Array == "function";
+function se(o, i) {
+  return 1 - 3 * i + 3 * o;
+}
+function le(o, i) {
+  return 3 * i - 6 * o;
+}
+function re(o) {
+  return 3 * o;
+}
+function H(o, i, e) {
+  return ((se(i, e) * o + le(i, e)) * o + re(i)) * o;
+}
+function ne(o, i, e) {
+  return 3 * se(i, e) * o * o + 2 * le(i, e) * o + re(i);
+}
+function qe(o, i, e, t, s) {
+  var l, r, n = 0;
+  do
+    r = i + (e - i) / 2, l = H(r, t, s) - o, l > 0 ? e = r : i = r;
+  while (Math.abs(l) > Ne && ++n < Ge);
+  return r;
+}
+function Ve(o, i, e, t) {
+  for (var s = 0; s < Oe; ++s) {
+    var l = ne(i, e, t);
+    if (l === 0)
+      return i;
+    var r = H(i, e, t) - o;
+    i -= r / l;
+  }
+  return i;
+}
+function We(o) {
+  return o;
+}
+var He = function(i, e, t, s) {
+  if (!(0 <= i && i <= 1 && 0 <= t && t <= 1))
+    throw new Error("bezier x values must be in [0, 1] range");
+  if (i === e && t === s)
+    return We;
+  for (var l = Ye ? new Float32Array(B) : new Array(B), r = 0; r < B; ++r)
+    l[r] = H(r * V, i, t);
+  function n(h) {
+    for (var c = 0, I = 1, d = B - 1; I !== d && l[I] <= h; ++I)
+      c += V;
+    --I;
+    var m = (h - l[I]) / (l[I + 1] - l[I]), u = c + m * V, p = ne(u, i, t);
+    return p >= _e ? Ve(h, u, i, t) : p === 0 ? u : qe(h, c, c + V, i, t);
+  }
+  return function(c) {
+    return c === 0 ? 0 : c === 1 ? 1 : H(n(c), e, s);
+  };
+};
+const $ = /* @__PURE__ */ Ue(He), Xe = /^[\p{Unified_Ideograph}\u0800-\u9FFC]+$/u, W = 32, ae = (o, i) => (e) => Math.min(1, Math.max(0, (e - o) / (i - o))), C = 0.4, Qe = ae(0, C), Ze = ae(C, 1), oe = (o) => {
+  const i = $(0.3, 0, 0.25, 1), e = $(0.5, 0, 0.3, 1);
+  return (t) => t < o ? i(Qe(t)) : 1 - e(Ze(t));
+}, je = oe(C);
+function ee(o, i = 0, e = "rgba(0,0,0,0.85)", t = "rgba(0,0,0,0.25)") {
+  const s = 2 + o + i, l = o / s, r = (1 - l) / 2;
+  return [
+    `linear-gradient(to right,${e} ${r * 100}%,${t} ${(r + l) * 100}%)`,
+    s
+  ];
+}
+function Je(o) {
+  const i = [];
+  for (const l of o) {
+    const r = l.word.replace(/\s/g, "").length, n = l.word.split(" ").filter((h) => h.trim().length > 0);
+    if (n.length > 1) {
+      l.word.startsWith(" ") && i.push({
+        word: " ",
+        startTime: 0,
+        endTime: 0
+      });
+      let h = 0;
+      for (const c of n) {
+        const I = {
+          word: c,
+          startTime: l.startTime + h / r * (l.endTime - l.startTime),
+          endTime: l.startTime + (h + c.length) / r * (l.endTime - l.startTime)
+        };
+        i.push(I), i.push({
+          word: " ",
+          startTime: 0,
+          endTime: 0
+        }), h += c.length;
+      }
+      l.word.endsWith(" ") || i.pop();
+    } else
+      i.push(l);
+  }
+  let e = [], t = [];
+  const s = [];
+  for (const l of i) {
+    const r = l.word;
+    e.push(r), t.push(l), r.length > 0 && r.trim().length === 0 ? (e.pop(), t.pop(), t.length === 1 ? s.push(t[0]) : t.length > 1 && s.push(t), s.push(l), e = [], t = []) : (!/^\s*[^\s]*\s*$/.test(e.join("")) || Xe.test(r)) && (e.pop(), t.pop(), t.length === 1 ? s.push(t[0]) : t.length > 1 && s.push(t), e = [r], t = [l]);
+  }
+  return t.length === 1 ? s.push(t[0]) : s.push(t), s;
+}
+function k(o) {
+  return o.endTime - o.startTime >= 1e3 && o.word.trim().length <= 7 && o.word.trim().length >= 1;
+}
+class Ke extends MouseEvent {
+  constructor(i, e) {
+    super(e.type, e), this.line = i;
+  }
+}
+class $e extends EventTarget {
+  // readonly lineWebAnimationTransforms = {
+  // 	posX: new WebAnimationSpring(this.element, "transform", (v) => `translateX(${v.toFixed(1)}px)`),
+  // 	posY: new WebAnimationSpring(this.element, "transform", (v) => `translateY(${v.toFixed(1)}px)`),
+  // 	scale: new WebAnimationSpring(this.element, "transform", (v) => `scale(${v.toFixed(4)})`, 1),
+  // };
+  constructor(e, t = {
+    words: [],
+    translatedLyric: "",
+    romanLyric: "",
+    startTime: 0,
+    endTime: 0,
+    isBG: !1,
+    isDuet: !1
+  }) {
+    super();
+    a(this, "element", document.createElement("div"));
+    a(this, "left", 0);
+    a(this, "top", 0);
+    a(this, "scale", 1);
+    a(this, "blur", 0);
+    a(this, "delay", 0);
+    a(this, "splittedWords", []);
+    // 由 LyricPlayer 来设置
+    a(this, "lineSize", [0, 0]);
+    a(this, "lineTransforms", {
+      posX: new U(0),
+      posY: new U(0),
+      scale: new U(1)
+    });
+    a(this, "listenersMap", /* @__PURE__ */ new Map());
+    a(this, "onMouseEvent", (e) => {
+      const t = new Ke(this, e);
+      for (const s of this.listenersMap.get(e.type) ?? [])
+        s.call(this, t);
+      if (!this.dispatchEvent(t) || t.defaultPrevented)
+        return e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), !1;
+    });
+    a(this, "isEnabled", !1);
+    a(this, "_hide", !0);
+    a(this, "_prevParentEl", null);
+    a(this, "lastStyle", "");
+    this.lyricPlayer = e, this.lyricLine = t, this._prevParentEl = e.getElement(), this.element.setAttribute(
+      "class",
+      this.lyricPlayer.style.classes.lyricLine
+    ), this.lyricLine.isBG && this.element.classList.add(this.lyricPlayer.style.classes.lyricBgLine), this.lyricLine.isDuet && this.element.classList.add(this.lyricPlayer.style.classes.lyricDuetLine), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div")), this.element.appendChild(document.createElement("div"));
+    const s = this.element.children[0], l = this.element.children[1], r = this.element.children[2];
+    s.setAttribute("class", this.lyricPlayer.style.classes.lyricMainLine), l.setAttribute("class", this.lyricPlayer.style.classes.lyricSubLine), r.setAttribute("class", this.lyricPlayer.style.classes.lyricSubLine), this.rebuildElement(), this.rebuildStyle();
+  }
+  addMouseEventListener(e, t, s) {
+    if (t) {
+      const l = this.listenersMap.get(e) ?? /* @__PURE__ */ new Set();
+      l.size === 0 && this.element.addEventListener(e, this.onMouseEvent, s), l.add(t), this.listenersMap.set(e, l);
+    }
+  }
+  removeMouseEventListener(e, t, s) {
+    if (t) {
+      const l = this.listenersMap.get(e);
+      l && (l.delete(t), l.size === 0 && this.element.removeEventListener(e, this.onMouseEvent, s));
+    }
+  }
+  enable(e = this.lyricLine.startTime) {
+    this.isEnabled = !0, this.element.classList.add("active");
+    const t = this.element.children[0];
+    for (const s of this.splittedWords) {
+      for (const l of s.elementAnimations)
+        l.currentTime = 0, l.playbackRate = 1, l.play();
+      for (const l of s.maskAnimations)
+        l.currentTime = Math.min(
+          this.totalDuration,
+          Math.max(0, e - this.lyricLine.startTime)
+        ), l.playbackRate = 1, l.play();
+    }
+    t.classList.add("active");
+  }
+  disable(e = 0) {
+    this.isEnabled = !1, this.element.classList.remove("active");
+    const t = this.element.children[0];
+    for (const s of this.splittedWords) {
+      for (const l of s.elementAnimations)
+        l.id === "float-word" && (l.playbackRate = -1, l.play());
+      for (const l of s.maskAnimations)
+        l.currentTime = Math.min(
+          this.totalDuration,
+          Math.max(0, e - this.lyricLine.startTime)
+        ), l.pause();
+    }
+    t.classList.remove("active");
+  }
+  resume() {
+    if (this.isEnabled)
+      for (const e of this.splittedWords)
+        for (const t of e.maskAnimations)
+          t.play();
+  }
+  pause() {
+    if (this.isEnabled)
+      for (const e of this.splittedWords)
+        for (const t of e.maskAnimations)
+          t.pause();
+  }
+  setMaskAnimationState(e = 0) {
+    const t = e - this.lyricLine.startTime;
+    for (const s of this.splittedWords)
+      for (const l of s.maskAnimations)
+        l.currentTime = Math.min(this.totalDuration, Math.max(0, t)), l.playbackRate = 1, t >= 0 && t < this.totalDuration ? l.play() : l.pause();
+  }
+  measureSize() {
+    this._hide && (this._prevParentEl && this._prevParentEl.appendChild(this.element), this.element.style.display = "", this.element.style.visibility = "hidden");
+    const e = [
+      this.element.clientWidth,
+      this.element.clientHeight
+    ];
+    return this._hide && (this._prevParentEl && this.element.remove(), this.element.style.display = "none", this.element.style.visibility = ""), e;
+  }
+  setLine(e) {
+    this.lyricLine = e, this.lyricLine.isBG ? this.element.classList.add(this.lyricPlayer.style.classes.lyricBgLine) : this.element.classList.remove(this.lyricPlayer.style.classes.lyricBgLine), this.lyricLine.isDuet ? this.element.classList.add(this.lyricPlayer.style.classes.lyricDuetLine) : this.element.classList.remove(
+      this.lyricPlayer.style.classes.lyricDuetLine
+    ), this.rebuildElement(), this.rebuildStyle();
+  }
+  getLine() {
+    return this.lyricLine;
+  }
+  show() {
+    this._hide = !1, this._prevParentEl && (this._prevParentEl.appendChild(this.element), this._prevParentEl = null), this.rebuildStyle();
+  }
+  hide() {
+    this._hide = !0, this.element.parentElement && (this._prevParentEl = this.element.parentElement, this.element.remove()), this.rebuildStyle();
+  }
+  rebuildStyle() {
+    if (this._hide) {
+      this.lastStyle !== "display:none;transform:translate(0,-10000px);" && (this.lastStyle = "display:none;transform:translate(0,-10000px);", this.element.setAttribute(
+        "style",
+        "display:none;transform:translate(0,-10000px);"
+      ));
+      return;
+    }
+    let e = "";
+    e += `transform:translate(${this.lineTransforms.posX.getCurrentPosition().toFixed(1)}px,${this.lineTransforms.posY.getCurrentPosition().toFixed(1)}px) scale(${this.lineTransforms.scale.getCurrentPosition().toFixed(4)});`, !this.lyricPlayer.getEnableSpring() && this.isInSight && (e += `transition-delay:${this.delay}ms;`), e += `filter:blur(${Math.min(32, this.blur)}px);`, e !== this.lastStyle && (this.lastStyle = e, this.element.setAttribute("style", e));
+  }
+  rebuildElement() {
+    const e = this.element.children[0], t = this.element.children[1], s = this.element.children[2];
+    if (this.lyricPlayer._getIsNonDynamic()) {
+      e.innerText = this.lyricLine.words.map((r) => r.word).join(""), t.innerText = this.lyricLine.translatedLyric, s.innerText = this.lyricLine.romanLyric;
+      return;
+    }
+    const l = Je(this.lyricLine.words);
+    e.innerHTML = "", this.splittedWords = [];
+    for (const r of l)
+      if (Array.isArray(r)) {
+        if (r.length === 0)
+          continue;
+        const n = r.reduce(
+          (d, m) => (d.endTime = Math.max(d.endTime, m.endTime), d.startTime = Math.min(d.startTime, m.startTime), d.word += m.word, d),
+          { word: "", startTime: 1 / 0, endTime: -1 / 0 }
+        ), h = r.map((d) => k(d)).reduce((d, m) => d || m, k(n)), c = document.createElement("span");
+        c.classList.add("emphasize-wrapper");
+        const I = [];
+        for (const d of r) {
+          const m = document.createElement("span");
+          if (h) {
+            m.classList.add("emphasize");
+            const u = [];
+            for (const y of d.word.trim().split("")) {
+              const f = document.createElement("span");
+              f.innerText = y, u.push(f), I.push(f), m.appendChild(f);
+            }
+            const p = {
+              ...d,
+              mainElement: m,
+              subElements: u,
+              elementAnimations: [this.initFloatAnimation(n, m)],
+              maskAnimations: [],
+              width: 0,
+              height: 0,
+              padding: 0,
+              shouldEmphasize: h
+            };
+            this.splittedWords.push(p);
+          } else
+            m.innerText = d.word, this.splittedWords.push({
+              ...d,
+              mainElement: m,
+              subElements: [],
+              elementAnimations: [this.initFloatAnimation(d, m)],
+              maskAnimations: [],
+              width: 0,
+              height: 0,
+              padding: 0,
+              shouldEmphasize: h
+            });
+          c.appendChild(m);
+        }
+        h && this.splittedWords[this.splittedWords.length - 1].elementAnimations.push(
+          ...this.initEmphasizeAnimation(
+            I,
+            n.endTime - n.startTime,
+            n.startTime - this.lyricLine.startTime
+          )
+        ), n.word.trimStart() !== n.word && e.appendChild(document.createTextNode(" ")), e.appendChild(c), n.word.trimEnd() !== n.word && e.appendChild(document.createTextNode(" "));
+      } else if (r.word.trim().length === 0)
+        e.appendChild(document.createTextNode(" "));
+      else {
+        const n = k(r), h = document.createElement("span"), c = {
+          ...r,
+          mainElement: h,
+          subElements: [],
+          elementAnimations: [this.initFloatAnimation(r, h)],
+          maskAnimations: [],
+          width: 0,
+          height: 0,
+          padding: 0,
+          shouldEmphasize: n
+        };
+        if (n) {
+          h.classList.add("emphasize");
+          const I = [];
+          for (const m of r.word.trim().split("")) {
+            const u = document.createElement("span");
+            u.innerText = m, I.push(u), h.appendChild(u);
+          }
+          c.subElements = I;
+          const d = Math.abs(c.endTime - c.startTime);
+          c.elementAnimations.push(
+            ...this.initEmphasizeAnimation(
+              I,
+              d,
+              c.startTime - this.lyricLine.startTime
+            )
+          );
+        } else
+          h.innerText = r.word.trim();
+        r.word.trimStart() !== r.word && e.appendChild(document.createTextNode(" ")), e.appendChild(h), r.word.trimEnd() !== r.word && e.appendChild(document.createTextNode(" ")), this.splittedWords.push(c);
+      }
+    t.innerText = this.lyricLine.translatedLyric, s.innerText = this.lyricLine.romanLyric;
+  }
+  initFloatAnimation(e, t) {
+    const s = e.startTime - this.lyricLine.startTime, l = Math.max(1e3, e.endTime - e.startTime);
+    let r = 0.05;
+    this.lyricLine.isBG && (r *= 2), k(e) && l < 1200 && (r = 0);
+    const n = t.animate(
+      [
+        {
+          transform: "translateY(0px)"
+        },
+        {
+          transform: `translateY(${-r}em)`
+        }
+      ],
+      {
+        duration: isFinite(l) ? l : 0,
+        delay: isFinite(s) ? s : 0,
+        id: "float-word",
+        composite: "add",
+        fill: "both",
+        easing: "ease-out"
+      }
+    );
+    return n.pause(), n;
+  }
+  // 按照原 Apple Music 参考，强调效果只应用缩放、轻微左右位移和辉光效果，原主要的悬浮位移效果不变
+  // 为了避免产生锯齿抖动感，使用 matrix3d 来实现缩放和位移
+  initEmphasizeAnimation(e, t, s) {
+    const l = Math.max(0, s), r = Math.max(1e3, t);
+    let n = "float-and-glow";
+    r < 1200 && (n = "float-only");
+    let h = [];
+    switch (n) {
+      case "float-and-glow": {
+        let c = 0, I = 0;
+        r >= 1200 && r < 2e3 ? (c = 0.7, I = 0.5) : r >= 2e3 && r < 3e3 ? (c = 0.8, I = 0.6) : (r >= 3e3 && r < 4e3 || r >= 4e3) && (c = 1, I = 0.8);
+        const d = Number.isFinite(r) ? Math.max(r * 1.2, 2e3) : 0, m = oe(C);
+        h = e.flatMap((u, p, y) => {
+          const f = l + r / 3 / y.length * p, g = [], E = new Array(W).fill(0).map((w, T) => {
+            const b = (T + 1) / W, S = m(b), M = Math.sin(b * Math.PI * 2), x = Math.max(0, b < C ? S / 2 : S - 0.5) * I, P = Be(ze(), 1 + S * 0.1 * c);
+            return {
+              offset: b,
+              transform: `${ke(P, 4)} translate(${M * 5e-3 * c}em,${-S * 0.05}em)`,
+              textShadow: `rgba(255, 255, 255, ${x}) 0 0 10px`
+            };
+          }), L = u.animate(E, {
+            duration: d,
+            delay: Number.isFinite(f) ? f : 0,
+            id: `emphasize-word-float-and-glow-${u.innerText}-${p}`,
+            iterations: 1,
+            composite: "replace",
+            easing: "linear",
+            fill: "both"
+          });
+          return L.onfinish = () => {
+            L.pause();
+          }, L.pause(), g.push(L), g;
+        });
+        break;
+      }
+      case "float-only": {
+        h = e.flatMap((c, I, d) => {
+          const m = l + r / 1.5 / d.length * I, u = [], p = new Array(W).fill(0).map((f, g) => {
+            const E = (g + 1) / W, L = E < C ? je(E) : 1;
+            return {
+              offset: E,
+              transform: `translateY(${-L * 0.05}em)`
+            };
+          }), y = c.animate(p, {
+            duration: Number.isFinite(r) ? r * 2 : 0,
+            delay: Number.isFinite(m) ? m : 0,
+            id: `emphasize-word-float-only-${c.innerText}-${I}`,
+            iterations: 1,
+            composite: "replace",
+            easing: "linear",
+            fill: "both"
+          });
+          return y.onfinish = () => {
+            y.pause();
+          }, y.pause(), u.push(y), u;
+        });
+        break;
+      }
+    }
+    return h;
+  }
+  get totalDuration() {
+    return this.lyricLine.endTime - this.lyricLine.startTime;
+  }
+  updateMaskImage() {
+    this._hide && (this._prevParentEl && this._prevParentEl.appendChild(this.element), this.element.style.display = "", this.element.style.visibility = "hidden");
+    for (const e of this.splittedWords) {
+      const t = e.mainElement;
+      t ? (e.padding = parseFloat(getComputedStyle(t).paddingLeft), e.width = t.clientWidth - e.padding * 2, e.height = t.clientHeight - e.padding * 2) : (e.width = 0, e.height = 0, e.padding = 0);
+    }
+    this.lyricPlayer.supportMaskImage ? this.generateWebAnimationBasedMaskImage() : this.generateCalcBasedMaskImage(), this._hide && (this._prevParentEl && this.element.remove(), this.element.style.display = "none", this.element.style.visibility = "");
+  }
+  generateCalcBasedMaskImage() {
+    for (const e of this.splittedWords) {
+      const t = e.mainElement;
+      if (t) {
+        e.width = t.clientWidth, e.height = t.clientHeight;
+        const s = e.height / 2, [l, r] = ee(
+          s / e.width
+        ), n = `${r * 100}% 100%`;
+        this.lyricPlayer.supportMaskImage ? (t.style.maskImage = l, t.style.maskRepeat = "no-repeat", t.style.maskOrigin = "left", t.style.maskSize = n) : (t.style.webkitMaskImage = l, t.style.webkitMaskRepeat = "no-repeat", t.style.webkitMaskOrigin = "left", t.style.webkitMaskSize = n);
+        const h = e.width + s, c = `clamp(${-h}px,calc(${-h}px + (var(--amll-player-time) - ${e.startTime})*${h / Math.abs(e.endTime - e.startTime)}px),0px) 0px, left top`;
+        t.style.maskPosition = c, t.style.webkitMaskPosition = c;
+      }
+    }
+  }
+  generateWebAnimationBasedMaskImage() {
+    const e = this.totalDuration;
+    this.splittedWords.forEach((t, s) => {
+      const l = t.mainElement;
+      if (l) {
+        const r = t.height / 2, [n, h] = ee(
+          r / (t.width + t.padding * 2)
+        ), c = `${h * 100}% 100%`;
+        this.lyricPlayer.supportMaskImage ? (l.style.maskImage = n, l.style.maskRepeat = "no-repeat", l.style.maskOrigin = "left", l.style.maskSize = c) : (l.style.webkitMaskImage = n, l.style.webkitMaskRepeat = "no-repeat", l.style.webkitMaskOrigin = "left", l.style.webkitMaskSize = c);
+        const I = this.splittedWords.slice(0, s).reduce((w, T) => w + T.width, 0) + (this.splittedWords[0] ? r : 0), d = -(t.width + t.padding * 2 + r), m = (w) => Math.max(d, Math.min(0, w));
+        let u = -I - t.width - t.padding - r, p = 0;
+        const y = [];
+        let f = u, g = 0;
+        const E = () => {
+          const w = u - f, T = Math.max(0, Math.min(1, p)), b = T - g, S = Math.abs(b / w);
+          if (u > d && f < d) {
+            const P = Math.abs(f - d) * S, A = `${m(f)}px 0`, v = {
+              offset: g + P,
+              maskPosition: A
+            };
+            y.push(v);
+          }
+          if (u > 0 && f < 0) {
+            const P = Math.abs(f) * S, A = `${m(u)}px 0`, v = {
+              offset: g + P,
+              maskPosition: A
+            };
+            y.push(v);
+          }
+          const M = `${m(u)}px 0`, x = {
+            offset: T,
+            maskPosition: M
+          };
+          y.push(x), f = u, g = T;
+        };
+        E();
+        let L = 0;
+        this.splittedWords.forEach((w, T) => {
+          {
+            const b = w.startTime - this.lyricLine.startTime, S = b - L;
+            p += S / e, S > 0 && E(), L = b;
+          }
+          {
+            const b = w.endTime - w.startTime;
+            p += b / e, u += w.width, T === 0 && (u += r * 1.5), T === this.splittedWords.length - 1 && (u += r * 0.5), b > 0 && E(), L += b;
+          }
+        });
+        for (const w of t.maskAnimations)
+          w.cancel();
+        try {
+          const w = l.animate(y, {
+            duration: e || 1,
+            id: `fade-word-${t.word}-${s}`,
+            easing: "linear",
+            fill: "both"
+          });
+          w.pause(), t.maskAnimations = [w];
+        } catch (w) {
+          console.warn("应用渐变动画发生错误", y, e, w);
+        }
+      }
+    });
+  }
+  getElement() {
+    return this.element;
+  }
+  setTransform(e = this.left, t = this.top, s = this.scale, l = 1, r = 0, n = !1, h = 0) {
+    const c = Math.round(r), I = this.isInSight, d = this.lyricPlayer.getEnableSpring();
+    this.left = e, this.top = t, this.scale = s, this.delay = h * 1e3 | 0;
+    const m = this.element.children[0], u = this.element.children[1], p = this.element.children[2];
+    if (m.style.opacity = `${l}`, u.style.opacity = `${l / 2}`, p.style.opacity = `${l / 2}`, n || !d) {
+      if (this.blur = Math.min(32, c), n && this.element.classList.add(
+        this.lyricPlayer.style.classes.tmpDisableTransition
+      ), this.lineTransforms.posX.setPosition(e), this.lineTransforms.posY.setPosition(t), this.lineTransforms.scale.setPosition(s), d)
+        this.rebuildStyle();
+      else {
+        const y = this.isInSight;
+        I || y ? this.show() : this.hide();
+      }
+      n && requestAnimationFrame(() => {
+        this.element.classList.remove(
+          this.lyricPlayer.style.classes.tmpDisableTransition
+        );
+      });
+    } else
+      this.lineTransforms.posX.setTargetPosition(e, h), this.lineTransforms.posY.setTargetPosition(t, h), this.lineTransforms.scale.setTargetPosition(s), this.blur !== Math.min(32, c) && (this.blur = Math.min(32, c), this.element.style.filter = `blur(${Math.min(32, c)}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());
+  }
+  _getDebugTargetPos() {
+    return `[位移: ${this.left}, ${this.top}; 缩放: ${this.scale}; 延时: ${this.delay}]`;
+  }
+  get isInSight() {
+    const e = this.lineTransforms.posX.getCurrentPosition(), t = this.lineTransforms.posY.getCurrentPosition(), s = e + this.lineSize[0], l = t + this.lineSize[1], r = this.lyricPlayer.size[0], n = this.lyricPlayer.size[1];
+    return !(e > r || s < 0 || t > n || l < 0);
+  }
+  dispose() {
+    this.element.remove();
+  }
+}
+const et = fe(ue());
+class tt extends MouseEvent {
+  constructor(i, e, t) {
+    super(`line-${t.type}`, t), this.lineIndex = i, this.line = e;
+  }
+}
+class mt extends EventTarget {
+  constructor() {
+    super();
+    a(this, "element", document.createElement("div"));
+    a(this, "currentTime", 0);
+    a(this, "lyricLines", []);
+    a(this, "processedLines", []);
+    a(this, "lyricLinesEl", []);
+    a(this, "lyricLinesSize", /* @__PURE__ */ new WeakMap());
+    a(this, "lyricLinesIndexes", /* @__PURE__ */ new WeakMap());
+    a(this, "hotLines", /* @__PURE__ */ new Set());
+    a(this, "bufferedLines", /* @__PURE__ */ new Set());
+    a(this, "scrollToIndex", 0);
+    a(this, "allowScroll", !0);
+    a(this, "scrolledHandler", 0);
+    a(this, "isScrolled", !1);
+    a(this, "invokedByScrollEvent", !1);
+    a(this, "scrollOffset", 0);
+    a(this, "hidePassedLines", !1);
+    a(this, "resizeObserver", new ResizeObserver((e) => {
+      const t = e[0].contentRect;
+      this.size[0] = t.width, this.size[1] = t.height;
+      const s = getComputedStyle(e[0].target), l = this.element.clientWidth - parseFloat(s.paddingLeft) - parseFloat(s.paddingRight), r = this.element.clientHeight - parseFloat(s.paddingTop) - parseFloat(s.paddingBottom);
+      this.innerSize[0] = l, this.innerSize[1] = r, this.rebuildStyle(), this.calcLayout(!0, !0), this.lyricLinesEl.forEach((n) => n.updateMaskImage());
+    }));
+    a(this, "posXSpringParams", {
+      mass: 1,
+      damping: 10,
+      stiffness: 100
+    });
+    a(this, "posYSpringParams", {
+      mass: 1,
+      damping: 16.5,
+      stiffness: 100
+    });
+    a(this, "scaleSpringParams", {
+      mass: 1,
+      damping: 20,
+      stiffness: 100
+    });
+    a(this, "emUnit", Math.max(Math.min(innerHeight * 0.05, innerWidth * 0.1), 12));
+    a(this, "padding", this.emUnit);
+    a(this, "enableBlur", !0);
+    a(this, "enableScale", !0);
+    a(this, "interludeDots");
+    a(this, "interludeDotsSize", [0, 0]);
+    a(this, "bottomLine");
+    a(this, "supportPlusLighter", CSS.supports("mix-blend-mode", "plus-lighter"));
+    a(this, "supportMaskImage", CSS.supports("mask-image", "none"));
+    a(this, "disableSpring", !1);
+    a(this, "alignAnchor", "center");
+    a(this, "alignPosition", 0.5);
+    a(this, "isNonDynamic", !1);
+    a(this, "scrollBoundary", [0, 0]);
+    a(this, "size", [0, 0]);
+    a(this, "innerSize", [0, 0]);
+    a(this, "onLineClickedHandler", (e) => {
+      const t = new tt(
+        this.lyricLinesIndexes.get(e.line) ?? -1,
+        e.line,
+        e
+      );
+      this.dispatchEvent(t) || (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation());
+    });
+    a(this, "style", et.createStyleSheet({
+      lyricPlayer: {
+        userSelect: "none",
+        fontSize: "var(--amll-lyric-player-font-size,max(min(6vh, 8vw), 12px))",
+        padding: "1em",
+        margin: "-1em",
+        width: "100%",
+        height: "100%",
+        overflow: "hidden",
+        boxSizing: "content-box",
+        maxWidth: "100%",
+        maxHeight: "100%",
+        zIndex: 1,
+        color: "var(--amll-lyric-view-color,white)",
+        mixBlendMode: "plus-lighter",
+        contain: "strict",
+        "&:hover": {
+          "& $lyricLine": {
+            filter: "unset !important"
+          }
+        }
+      },
+      lyricLine: {
+        position: "absolute",
+        backfaceVisibility: "hidden",
+        transformOrigin: "left",
+        width: "var(--amll-lyric-player-width,100%)",
+        height: "fit-content",
+        padding: "2vh 1.05em",
+        margin: "0 -1em",
+        contain: "content",
+        willChange: "filter,transform,opacity",
+        transition: "filter 0.25s, background-color 0.25s, box-shadow 0.25s",
+        boxSizing: "content-box",
+        borderRadius: "8px",
+        "&:has(>*):hover": {
+          backgroundColor: "var(--amll-lyric-view-hover-bg-color,#fff1)",
+          boxShadow: "0 0 0 8px var(--amll-lyric-view-hover-bg-color,#fff1)"
+        },
+        "&:has(>*):active": {
+          boxShadow: "0 0 0 4px var(--amll-lyric-view-hover-bg-color,#fff1)"
+        }
+      },
+      "@media (max-width: 1024px)": {
+        lyricLine: {
+          padding: "1vh 1em"
+        }
+      },
+      lyricDuetLine: {
+        textAlign: "right",
+        transformOrigin: "right"
+      },
+      lyricBgLine: {
+        opacity: 0,
+        fontSize: "max(50%, 10px)",
+        transition: "opacity 0.25s",
+        "&.active": {
+          transition: "opacity 0.25s 0.25s",
+          opacity: 0.4
+        }
+      },
+      lyricMainLine: {
+        transition: "opacity 0.3s 0.25s",
+        willChange: "opacity",
+        margin: "-1em",
+        padding: "1em",
+        "& span": {
+          display: "inline-block"
+        },
+        "& > span, span.emphasize-wrapper": {
+          whiteSpace: "pre-wrap",
+          willChange: "transform,display,mask-image",
+          display: "inline-block",
+          "&.emphasize, span.emphasize": {
+            padding: "1em",
+            margin: "-1em",
+            "& > span": {
+              padding: "1em",
+              margin: "-1em"
+            }
+          }
+        }
+      },
+      lyricSubLine: {
+        fontSize: "max(0.5em, 10px)",
+        transition: "opacity 0.3s 0.25s",
+        opacity: 0.3
+      },
+      disableSpring: {
+        "& > *": {
+          transition: "filter 0.25s, transform 0.5s, background-color 0.25s, box-shadow 0.25s"
+        }
+      },
+      interludeDots: {
+        height: "clamp(0.5em,1vh,3em)",
+        transformOrigin: "center",
+        width: "fit-content",
+        padding: "2.5% 0",
+        position: "absolute",
+        display: "flex",
+        gap: "0.25em",
+        left: "1em",
+        "& > *": {
+          height: "clamp(0.5em,1vh,3em)",
+          display: "inline-block",
+          borderRadius: "50%",
+          aspectRatio: "1 / 1",
+          backgroundColor: "var(--amll-lyric-view-color,white)",
+          marginRight: "4px"
+        },
+        "&.duet": {
+          right: "1em",
+          transformOrigin: "center"
+        }
+      },
+      "@supports (mix-blend-mode: plus-lighter)": {
+        lyricSubLine: {
+          opacity: 0.3
+        }
+      },
+      tmpDisableTransition: {
+        transition: "none !important"
+      }
+    }));
+    a(this, "_baseFontSize", parseFloat(getComputedStyle(this.element).fontSize));
+    a(this, "isPageVisible", !0);
+    a(this, "onPageShow", () => {
+      this.isPageVisible = !0, this.setCurrentTime(this.currentTime, !0);
+    });
+    a(this, "onPageHide", () => {
+      this.isPageVisible = !1;
+    });
+    this.interludeDots = new Ce(this), this.bottomLine = new De(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), window.addEventListener("pagehide", this.onPageHide);
+    let e = 0, t = "none", s = 0, l = 0, r = 0, n = Symbol("amll-scroll"), h = 0, c = 0;
+    this.element.addEventListener("touchstart", (I) => {
+      this.beginScrollHandler() && (I.preventDefault(), e = this.scrollOffset, s = I.touches[0].screenY, h = s, l = Date.now(), r = 0);
+    }), this.element.addEventListener("touchmove", (I) => {
+      if (this.beginScrollHandler()) {
+        I.preventDefault();
+        const d = I.touches[0].screenY, m = d - s, u = d - h, p = u > 0 ? "down" : u < 0 ? "up" : "none";
+        t !== p ? (t = p, e = this.scrollOffset, s = d, l = Date.now()) : this.scrollOffset = e - m, h = d, c = Date.now(), this.limitScrollOffset(), this.calcLayout(!0);
+      }
+    }), this.element.addEventListener("touchend", (I) => {
+      if (this.beginScrollHandler()) {
+        I.preventDefault(), s = 0;
+        const d = Date.now();
+        if (d - c > 100)
+          return this.endScrollHandler();
+        const m = d - l;
+        r = (this.scrollOffset - e) / m * 1e3;
+        let u = 0;
+        const p = Symbol("amll-scroll");
+        n = p;
+        const y = (f) => {
+          u || (u = f), n === p && this.beginScrollHandler() && (this.scrollOffset += r * (f - u) / 1e3, r *= 0.99, this.limitScrollOffset(), this.calcLayout(!0), Math.abs(r) > 1 && !this.scrollBoundary.includes(this.scrollOffset) && requestAnimationFrame(y), this.endScrollHandler(), u = f);
+        };
+        requestAnimationFrame(y), this.endScrollHandler();
+      }
+    }), this.element.addEventListener("wheel", (I) => {
+      this.beginScrollHandler() && (I.deltaMode === I.DOM_DELTA_PIXEL ? (this.scrollOffset += I.deltaY, this.limitScrollOffset(), this.calcLayout(!0)) : (this.scrollOffset += I.deltaY * 50, this.limitScrollOffset(), this.calcLayout(!1)), this.endScrollHandler());
+    });
+  }
+  _getIsNonDynamic() {
+    return this.isNonDynamic;
+  }
+  /**
+   * 设置是否使用物理弹簧算法实现歌词动画效果，默认启用
+   *
+   * 如果启用，则会通过弹簧算法实时处理歌词位置，但是需要性能足够强劲的电脑方可流畅运行
+   *
+   * 如果不启用，则会回退到基于 `transition` 的过渡效果，对低性能的机器比较友好，但是效果会比较单一
+   */
+  setEnableSpring(e = !0) {
+    this.disableSpring = !e, e ? this.element.classList.remove(this.style.classes.disableSpring) : this.element.classList.add(this.style.classes.disableSpring), this.calcLayout(!0);
+  }
+  /**
+   * 获取当前是否启用了物理弹簧
+   * @returns 是否启用物理弹簧
+   */
+  getEnableSpring() {
+    return !this.disableSpring;
+  }
+  /**
+   * 是否启用歌词行缩放效果，默认启用
+   *
+   * 如果启用，非选中的歌词行会轻微缩小以凸显当前播放歌词行效果
+   *
+   * 此效果对性能影响微乎其微，推荐启用
+   * @param enable 是否启用歌词行缩放效果
+   */
+  setEnableScale(e = !0) {
+    this.enableScale = e, this.calcLayout();
+  }
+  /**
+   * 获取当前是否启用了歌词行缩放效果
+   * @returns 是否启用歌词行缩放效果
+   */
+  getEnableScale() {
+    return this.enableScale;
+  }
+  get baseFontSize() {
+    return this._baseFontSize;
+  }
+  beginScrollHandler() {
+    const e = this.allowScroll;
+    return e && (this.isScrolled = !0, this.invokedByScrollEvent = !0, clearTimeout(this.scrolledHandler), this.scrolledHandler = setTimeout(() => {
+      this.isScrolled = !1, this.scrollOffset = 0;
+    }, 5e3)), e;
+  }
+  endScrollHandler() {
+    this.invokedByScrollEvent = !1;
+  }
+  limitScrollOffset() {
+    this.scrollOffset = Math.max(
+      Math.min(this.scrollBoundary[1], this.scrollOffset),
+      this.scrollBoundary[0]
+    );
+  }
+  /**
+   * 获取当前播放时间里是否处于间奏区间
+   * 如果是则会返回单位为毫秒的始末时间
+   * 否则返回 undefined
+   *
+   * 这个只允许内部调用
+   * @returns [开始时间,结束时间,大概处于的歌词行ID,下一句是否为对唱歌词] 或 undefined 如果不处于间奏区间
+   */
+  getCurrentInterlude() {
+    var s, l, r;
+    if (this.bufferedLines.size > 0)
+      return;
+    const e = this.currentTime + 20, t = this.scrollToIndex;
+    if (t === 0) {
+      if ((s = this.processedLines[0]) != null && s.startTime && this.processedLines[0].startTime > e)
+        return [
+          e,
+          Math.max(e, this.processedLines[0].startTime - 250),
+          -2,
+          this.processedLines[0].isDuet
+        ];
+    } else if ((l = this.processedLines[t]) != null && l.endTime && ((r = this.processedLines[t + 1]) != null && r.startTime) && this.processedLines[t + 1].startTime > e && this.processedLines[t].endTime < e)
+      return [
+        Math.max(this.processedLines[t].endTime, e),
+        this.processedLines[t + 1].startTime,
+        t,
+        this.processedLines[t + 1].isDuet
+      ];
+  }
+  /**
+   * 重建样式
+   *
+   * 这个只允许内部调用
+   */
+  rebuildStyle() {
+    this._baseFontSize = parseFloat(getComputedStyle(this.element).fontSize);
+    let e = "";
+    e += "--amll-lyric-player-width:", e += this.innerSize[0] - this.padding * 2, e += "px;", e += "--amll-lyric-player-height:", e += this.innerSize[1] - this.padding * 2, e += "px;", this.element.setAttribute("style", e);
+  }
+  /**
+   * 设置是否隐藏已经播放过的歌词行，默认不隐藏
+   * @param hide 是否隐藏已经播放过的歌词行，默认不隐藏
+   */
+  setHidePassedLines(e) {
+    this.hidePassedLines = e, this.calcLayout();
+  }
+  /**
+   * 设置是否启用歌词行的模糊效果
+   * @param enable 是否启用
+   */
+  setEnableBlur(e) {
+    this.enableBlur !== e && (this.enableBlur = e, this.calcLayout());
+  }
+  /**
+   * 设置当前播放歌词，要注意传入后这个数组内的信息不得修改，否则会发生错误
+   * @param lines 歌词数组
+   */
+  setLyricLines(e) {
+    for (const s of e)
+      for (const l of s.words)
+        l.word = l.word.replace(/\s+/g, " ");
+    this.lyricLines = e;
+    const t = 750;
+    this.processedLines = e.filter(
+      (s) => s.words.reduce((l, r) => l + r.word.trim().length, 0) > 0
+    ).map((s, l, r) => {
+      if (s.isBG)
+        return {
+          ...s
+        };
+      if (l === 0)
+        return {
+          ...s,
+          startTime: Math.max(s.startTime - t, 0)
+        };
+      const n = r[l - 1], h = r[l - 2];
+      if (n != null && n.isBG && h) {
+        if (h.endTime < s.startTime)
+          return {
+            ...s,
+            startTime: Math.max(h.endTime, s.startTime - t) || s.startTime
+          };
+      } else if (n != null && n.endTime && n.endTime < s.startTime)
+        return {
+          ...s,
+          startTime: Math.max(n == null ? void 0 : n.endTime, s.startTime - t) || s.startTime
+        };
+      return {
+        ...s
+      };
+    }), this.isNonDynamic = !0;
+    for (const s of this.processedLines)
+      if (s.words.length > 1) {
+        this.isNonDynamic = !1;
+        break;
+      }
+    this.processedLines.forEach((s, l, r) => {
+      const n = r[l + 1], h = s.words[s.words.length - 1];
+      h && k(h) && (n ? n.startTime > s.endTime && (s.endTime = Math.min(s.endTime + 1500, n.startTime)) : s.endTime = s.endTime + 1500);
+    }), this.processedLines.forEach((s, l, r) => {
+      if (s.isBG)
+        return;
+      const n = r[l + 1];
+      n != null && n.isBG && (n.startTime = Math.min(n.startTime, s.startTime));
+    }), this.lyricLinesEl.forEach((s) => {
+      s.removeMouseEventListener("click", this.onLineClickedHandler), s.removeMouseEventListener("contextmenu", this.onLineClickedHandler), s.dispose();
+    }), this.lyricLinesEl = this.processedLines.map((s) => {
+      const l = new $e(this, s);
+      return l.addMouseEventListener("click", this.onLineClickedHandler), l.addMouseEventListener("contextmenu", this.onLineClickedHandler), l;
+    }), this.lyricLinesEl.forEach((s, l) => {
+      this.element.appendChild(s.getElement()), this.lyricLinesIndexes.set(s, l), s.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：
+   *
+   * 1. 歌词页面大小发生改变时（这个组件会自行处理）
+   * 2. 加载了新的歌词时（不论前后歌词是否完全一样）
+   * 3. 用户自行跳转了歌曲播放位置（不论距离远近）
+   *
+   * @param force 是否不经过动画直接修改布局定位
+   * @param reflow 是否进行重新布局（重新计算每行歌词大小）
+   */
+  calcLayout(e = !1, t = !1) {
+    var y;
+    t && (this.emUnit = parseFloat(getComputedStyle(this.element).fontSize), this.lyricLinesEl.forEach((f) => {
+      const g = f.measureSize();
+      this.lyricLinesSize.set(f, g), f.lineSize = g;
+    }), this.interludeDotsSize[0] = this.interludeDots.getElement().clientWidth, this.interludeDotsSize[1] = this.interludeDots.getElement().clientHeight, this.bottomLine.lineSize = this.bottomLine.measureSize());
+    const s = this.getCurrentInterlude();
+    let l = -this.scrollOffset, r = this.scrollToIndex, n = 0;
+    s ? (n = s[1] - s[0], n >= 5e3 && this.lyricLinesEl[s[2] + 1] && (r = s[2] + 1)) : this.interludeDots.setInterlude(void 0);
+    const h = this.enableScale ? 0.95 : 1, c = this.lyricLinesEl.slice(0, r).reduce(
+      (f, g) => {
+        var E;
+        return f + (g.getLine().isBG ? 0 : ((E = this.lyricLinesSize.get(g)) == null ? void 0 : E[1]) ?? 0);
+      },
+      0
+    );
+    this.scrollBoundary[0] = -c, l -= c, l += this.size[1] * this.alignPosition;
+    const I = this.lyricLinesEl[r];
+    if (I) {
+      const f = ((y = this.lyricLinesSize.get(I)) == null ? void 0 : y[1]) ?? 0;
+      switch (this.alignAnchor) {
+        case "bottom":
+          l -= f;
+          break;
+        case "center":
+          l -= f / 2;
+          break;
+      }
+    }
+    const d = Math.max(...this.bufferedLines);
+    let m = 0, u = 0.05, p = !1;
+    this.lyricLinesEl.forEach((f, g) => {
+      var S, M, x;
+      const E = this.bufferedLines.has(g), L = E || g >= this.scrollToIndex && g < d, w = f.getLine();
+      w.isDuet && this.size[0] - (((S = this.lyricLinesSize.get(f)) == null ? void 0 : S[0]) ?? 0), !p && n >= 5e3 && (g === this.scrollToIndex && (s == null ? void 0 : s[2]) === -2 || g === this.scrollToIndex + 1) && (p = !0, this.interludeDots.setTransform(this.padding - 20, l + 10), s && this.interludeDots.setInterlude([s[0], s[1]]), l += this.interludeDotsSize[1] + 40);
+      let T = 1;
+      !L && g <= (s ? s[2] : this.scrollToIndex) ? this.hidePassedLines ? T = 0 : this.isNonDynamic ? T = 0.25 : T = 0.15 : E ? this.isNonDynamic ? T = 0.85 : T = 1 : this.isNonDynamic ? T = 0.25 : T = 0.5, this.invokedByScrollEvent && (this.isNonDynamic ? T = 0.85 : T = 1);
+      let b = 0;
+      this.enableBlur && (L ? b = 0 : (b = 1, g < this.scrollToIndex ? b += Math.abs(this.scrollToIndex - g) / 2 : b += Math.abs(
+        g - Math.max(this.scrollToIndex, d)
+      ))), this.invokedByScrollEvent && (b = 0), f.setTransform(
+        this.padding,
+        l,
+        L ? 1 : h,
+        T,
+        b * 1.5,
+        e,
+        m
+      ), w.isBG && L ? l += ((M = this.lyricLinesSize.get(f)) == null ? void 0 : M[1]) ?? 0 : w.isBG || (l += ((x = this.lyricLinesSize.get(f)) == null ? void 0 : x[1]) ?? 0), l >= 0 && (m += u, u /= 1.2);
+    }), this.scrollBoundary[1] = l + this.scrollOffset - this.size[1] / 2, this.bottomLine.setTransform(this.padding, l, e, m);
+  }
+  /**
+   * 获取当前歌词的播放位置
+   *
+   * 一般和最后调用 `setCurrentTime` 给予的参数一样
+   * @returns 当前播放位置
+   */
+  getCurrentTime() {
+    return this.currentTime;
+  }
+  /**
+   * 获取当前歌词数组
+   *
+   * 一般和最后调用 `setLyricLines` 给予的参数一样
+   * @returns 当前歌词数组
+   */
+  getLyricLines() {
+    return this.lyricLines;
+  }
+  getElement() {
+    return this.element;
+  }
+  /**
+   * 获取一个特殊的底栏元素，默认是空白的，可以往内部添加任意元素
+   *
+   * 这个元素始终在歌词的底部，可以用于显示歌曲创作者等信息
+   *
+   * 但是请勿删除该元素，只能在内部存放元素
+   *
+   * @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;
+  }
+  /**
+   * 设置当前播放进度，单位为毫秒且**必须是整数**，此时将会更新内部的歌词进度信息
+   * 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词，所以这个的调用频率越快越准确越好
+   *
+   * 调用完成后，可以每帧调用 `update` 函数来执行歌词动画效果
+   * @param time 当前播放进度，单位为毫秒
+   */
+  setCurrentTime(e, t = !1) {
+    if (this.currentTime = e, !this.isPageVisible || (!this._getIsNonDynamic() && !this.supportMaskImage && this.element.style.setProperty("--amll-player-time", `${e}`), this.isScrolled))
+      return;
+    const s = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
+    if (t)
+      for (const n of this.lyricLinesEl)
+        n.setMaskAnimationState(e);
+    this.hotLines.forEach((n) => {
+      const h = this.processedLines[n];
+      if (h) {
+        if (h.isBG)
+          return;
+        const c = this.processedLines[n + 1];
+        if (c != null && c.isBG) {
+          const I = this.processedLines[n + 2], d = Math.min(h.startTime, c == null ? void 0 : c.startTime), m = Math.min(
+            Math.max(h.endTime, (I == null ? void 0 : I.startTime) ?? Number.MAX_VALUE),
+            Math.max(h.endTime, c == null ? void 0 : c.endTime)
+          );
+          (d > e || m <= e) && (this.hotLines.delete(n), s.add(n), this.hotLines.delete(n + 1), s.add(n + 1), t && (this.lyricLinesEl[n].disable(e), this.lyricLinesEl[n + 1].disable(e)));
+        } else
+          (h.startTime > e || h.endTime <= e) && (this.hotLines.delete(n), s.add(n), t && this.lyricLinesEl[n].disable(e));
+      } else
+        this.hotLines.delete(n), s.add(n), t && this.lyricLinesEl[n].disable(e);
+    }), this.processedLines.forEach((n, h, c) => {
+      var I;
+      !n.isBG && n.startTime <= e && n.endTime > e && (this.hotLines.has(h) || (this.hotLines.add(h), r.add(h), t && this.lyricLinesEl[h].enable(e), (I = c[h + 1]) != null && I.isBG && (this.hotLines.add(h + 1), r.add(h + 1), t && this.lyricLinesEl[h + 1].enable(e))));
+    }), this.bufferedLines.forEach((n) => {
+      this.hotLines.has(n) || (l.add(n), t && this.lyricLinesEl[n].disable(e));
+    }), t ? (this.bufferedLines.size > 0 ? this.scrollToIndex = Math.min(...this.bufferedLines) : this.scrollToIndex = this.processedLines.findIndex(
+      (n) => n.startTime >= e
+    ), this.bufferedLines.clear(), this.hotLines.forEach((n) => this.bufferedLines.add(n)), this.calcLayout(!0)) : (l.size > 0 || r.size > 0) && (l.size === 0 && r.size > 0 ? (r.forEach((n) => {
+      this.bufferedLines.add(n), this.lyricLinesEl[n].enable(e);
+    }), this.scrollToIndex = Math.min(...this.bufferedLines), this.calcLayout()) : r.size === 0 && l.size > 0 ? ve(l, this.bufferedLines) && (this.bufferedLines.forEach((n) => {
+      this.hotLines.has(n) || (this.bufferedLines.delete(n), this.lyricLinesEl[n].disable(e));
+    }), this.calcLayout()) : (r.forEach((n) => {
+      this.bufferedLines.add(n), this.lyricLinesEl[n].enable(e);
+    }), l.forEach((n) => {
+      this.bufferedLines.delete(n), this.lyricLinesEl[n].disable(e);
+    }), this.bufferedLines.size > 0 && (this.scrollToIndex = Math.min(...this.bufferedLines)), this.calcLayout()));
+  }
+  /**
+   * 暂停部分效果演出，目前会暂停播放间奏点的动画
+   */
+  pause() {
+    this.interludeDots.pause();
+    for (const e of this.lyricLinesEl)
+      e.pause();
+  }
+  /**
+   * 恢复部分效果演出，目前会恢复播放间奏点的动画
+   */
+  resume() {
+    this.interludeDots.resume();
+    for (const e of this.lyricLinesEl)
+      e.resume();
+  }
+  /**
+   * 更新动画，这个函数应该被逐帧调用或者在以下情况下调用一次：
+   *
+   * 1. 刚刚调用完设置歌词函数的时候
+   * @param delta 距离上一次被调用到现在的时长，单位为毫秒（可为浮点数）
+   */
+  update(e = 0) {
+    if (!this.isPageVisible)
+      return;
+    const t = e / 1e3;
+    this.interludeDots.update(e), this.bottomLine.update(t), this.lyricLinesEl.forEach((s) => s.update(t));
+  }
+  /**
+   * 设置所有歌词行在横坐标上的弹簧属性，包括重量、弹力和阻力。
+   *
+   * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
+   */
+  setLinePosXSpringParams(e) {
+    this.posXSpringParams = {
+      ...this.posXSpringParams,
+      ...e
+    }, this.bottomLine.lineTransforms.posX.updateParams(this.posXSpringParams), this.lyricLinesEl.forEach(
+      (t) => t.lineTransforms.posX.updateParams(this.posXSpringParams)
+    );
+  }
+  /**
+   * 设置所有歌词行在​纵坐标上的弹簧属性，包括重量、弹力和阻力。
+   *
+   * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
+   */
+  setLinePosYSpringParams(e) {
+    this.posYSpringParams = {
+      ...this.posYSpringParams,
+      ...e
+    }, this.bottomLine.lineTransforms.posY.updateParams(this.posYSpringParams), this.lyricLinesEl.forEach(
+      (t) => t.lineTransforms.posY.updateParams(this.posYSpringParams)
+    );
+  }
+  /**
+   * 设置所有歌词行在​缩放大小上的弹簧属性，包括重量、弹力和阻力。
+   *
+   * @param params 需要设置的弹簧属性，提供的属性将会覆盖原来的属性，未提供的属性将会保持原样
+   */
+  setLineScaleSpringParams(e) {
+    this.scaleSpringParams = {
+      ...this.scaleSpringParams,
+      ...e
+    }, this.lyricLinesEl.forEach(
+      (t) => t.lineTransforms.scale.updateParams(this.scaleSpringParams)
+    );
+  }
+  dispose() {
+    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 {
+  pe as AbstractBaseRenderer,
+  ie as BackgroundRender,
+  te as BaseRenderer,
+  J as EplorRenderer,
+  mt as LyricPlayer,
+  dt as PixiRenderer
+};
 //# sourceMappingURL=amll-core.js.map