aitu-app 0.6.47 → 0.6.49

package/README.md

@@ -1,6 +1,6 @@
-# Opentu CDN Assets v0.6.47
+# Opentu CDN Assets v0.6.49
 
 > 静态资源包，不含 HTML 文件
 
-- unpkg: https://unpkg.com/aitu-app@0.6.47/
-- jsdelivr: https://cdn.jsdelivr.net/npm/aitu-app@0.6.47/
+- unpkg: https://unpkg.com/aitu-app@0.6.49/
+- jsdelivr: https://cdn.jsdelivr.net/npm/aitu-app@0.6.49/

package/assets/CanvasAudioPlayer-DITqjh6L.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./tool-windows-Cuh0TRgJ.css"])))=>i.map(i=>d[i]);
+import{r as s,y as a,z as Ne,bV as q,cP as Ae,cQ as _e,ig as Ee,k0 as Ce,k1 as De,k2 as Ue,k3 as de,k4 as J,k5 as z,k6 as Ve,k7 as qe,k8 as ce,hH as me,k9 as Z,ka as Ie,cr as Se,iB as Te,as as Le,cy as Me,im as te,kb as fe,i6 as oe,kc as le,kd as ge,ke as Re,bw as ze,kf as $e,kg as Oe,da as Fe,kh as Ye,ki as pe,kj as Be,kk as He,_ as We,kl as Qe,km as Xe,bW as Ke,kn as Ge,ko as Je,kp as Ze,kq as ea,kr as aa}from"./tool-windows-DWUG3k_L.js";const ye=5;function ve(e,o,i){const r=Math.max(0,window.innerWidth-o),f=Math.max(0,window.innerHeight-i);return{x:Math.max(0,Math.min(e.x,r)),y:Math.max(0,Math.min(e.y,f))}}function na(e){try{const o=localStorage.getItem(e);if(!o)return null;const i=JSON.parse(o);if(typeof i.x=="number"&&typeof i.y=="number")return i}catch{}return null}function sa(e,o){try{localStorage.setItem(e,JSON.stringify(o))}catch{}}function ia(e){const{storageKey:o,enabled:i=!0}=e,[r,f]=s.useState(()=>i?na(o):null),[v,x]=s.useState(!1),P=s.useRef(!1),N=s.useRef(null),j=s.useRef(null),g=s.useCallback(p=>{if(!i||p.button!==0)return;const y=j.current;if(!y)return;const m=y.getBoundingClientRect();N.current={startPointerX:p.clientX,startPointerY:p.clientY,startElX:m.left,startElY:m.top,activated:!1,frameId:0}},[i]);s.useEffect(()=>{if(!i)return;const p=m=>{const d=N.current;if(!d)return;const b=m.clientX-d.startPointerX,I=m.clientY-d.startPointerY;if(!d.activated){if(Math.abs(b)<ye&&Math.abs(I)<ye)return;d.activated=!0,x(!0)}cancelAnimationFrame(d.frameId),d.frameId=requestAnimationFrame(()=>{const E=j.current;if(!E)return;const c=ve({x:d.startElX+b,y:d.startElY+I},E.offsetWidth,E.offsetHeight);f(c)})},y=()=>{const m=N.current;if(!m)return;cancelAnimationFrame(m.frameId);const d=m.activated;N.current=null,x(!1),d&&(P.current=!0,requestAnimationFrame(()=>{P.current=!1}),f(b=>(b&&sa(o,b),b)))};return window.addEventListener("pointermove",p),window.addEventListener("pointerup",y),()=>{window.removeEventListener("pointermove",p),window.removeEventListener("pointerup",y)}},[i,o]),s.useEffect(()=>{if(!i||!r)return;const p=()=>{const y=j.current;y&&f(m=>m&&ve(m,y.offsetWidth,y.offsetHeight))};return window.addEventListener("resize",p),()=>window.removeEventListener("resize",p)},[i,!!r]);const w=s.useCallback(()=>{f(null);try{localStorage.removeItem(o)}catch{}},[o]);return{position:r,isDragging:v,wasDraggedRef:P,elementRef:j,handlePointerDown:g,resetPosition:w}}const ta=({volume:e,onVolumeChange:o})=>{const i=s.useRef(null),r=s.useRef(null),f=s.useRef(!1),v=s.useRef(!1),x=s.useRef(!1),[P,N]=s.useState(!1),[j,g]=s.useState(!1),[w,p]=s.useState(!1),y=Math.round(e*100),m={"--canvas-audio-progress":`${e*100}%`},d=()=>{r.current!==null&&(window.clearTimeout(r.current),r.current=null)},b=()=>{d(),N(!0)},I=()=>{d(),N(c=>!c)},E=()=>{d(),!(v.current||x.current)&&(r.current=window.setTimeout(()=>{N(!1)},180))};return s.useEffect(()=>{v.current=j},[j]),s.useEffect(()=>{x.current=w},[w]),s.useEffect(()=>()=>d(),[]),s.useEffect(()=>{if(!P)return;const c=h=>{var A;(A=i.current)!=null&&A.contains(h.target)||(d(),N(!1),p(!1),g(!1),f.current=!1)};return document.addEventListener("pointerdown",c,!0),()=>document.removeEventListener("pointerdown",c,!0)},[P]),s.useEffect(()=>{if(!w)return;const c=()=>{x.current=!1,p(!1),v.current||(d(),r.current=window.setTimeout(()=>{N(!1)},180))};return window.addEventListener("pointerup",c),()=>window.removeEventListener("pointerup",c)},[w]),a.jsxDEV("div",{ref:i,className:Ne("canvas-audio-player__volume",{"canvas-audio-player__volume--expanded":P}),onPointerDown:c=>c.stopPropagation(),onMouseEnter:()=>{v.current=!0,g(!0),d()},onMouseLeave:()=>{v.current=!1,g(!1),E()},onBlur:c=>{var A;const h=c.relatedTarget;h&&((A=i.current)!=null&&A.contains(h))||E()},children:a.jsxDEV("div",{className:"canvas-audio-player__volume-shell",children:[a.jsxDEV("div",{className:"canvas-audio-player__volume-slider-wrap",children:a.jsxDEV("input",{type:"range",min:0,max:1,step:.01,value:e,onFocus:b,onPointerDown:c=>{c.stopPropagation(),x.current=!0,p(!0),b()},onChange:c=>o(Number(c.target.value)),className:"canvas-audio-player__slider canvas-audio-player__slider--volume",style:m,"aria-label":"Playback volume","aria-valuetext":`${y}%`},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:121,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:120,columnNumber:9},void 0),a.jsxDEV("span",{className:"canvas-audio-player__volume-value",children:[y,"%"]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:141,columnNumber:9},void 0),a.jsxDEV(q,{content:"音量",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__volume-toggle",onPointerDown:c=>{c.stopPropagation(),f.current=!0},onClick:()=>{f.current=!1,I()},onFocus:()=>{f.current||b()},onBlur:()=>{f.current=!1},"aria-label":"Volume controls","aria-expanded":P,children:e<=.01?a.jsxDEV(Ae,{size:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:166,columnNumber:31},void 0):a.jsxDEV(_e,{size:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:166,columnNumber:55},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:145,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:144,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:119,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerVolume.tsx",lineNumber:97,columnNumber:5},void 0)},be="asset:";function oa(e){var o;return(o=e==null?void 0:e.elementId)!=null&&o.startsWith(be)?e.elementId.slice(be.length):null}function he(e){if(typeof e!="number"||!Number.isFinite(e)||e<=0)return"--:--";const o=Math.floor(e),i=Math.floor(o/60),r=o%60;return`${i}:${String(r).padStart(2,"0")}`}function la(e){var i;const o=((i=e.segments[e.segments.length-1])==null?void 0:i.endMs)||0;return he(o/1e3)}const ua=({queue:e,activeQueueIndex:o,queueSource:i,activePlaylistId:r,playing:f=!1,activeReadingSourceId:v,onSelect:x,onPlayAllTracksItem:P})=>{const{assets:N}=Ee(),{playlists:j,playlistItems:g,favoriteAssetIds:w,createPlaylist:p,addAssetToPlaylist:y,removeAssetFromPlaylist:m,toggleFavorite:d}=Ce(),{contextMenu:b,openAt:I,close:E}=De(),[c,h]=s.useState(!1),[A,U]=s.useState(""),[$,C]=s.useState(null),{noteMetas:L,loadReadingSource:Q,buildReadingQueue:X}=Ue(),[O,F]=s.useState(i==="reading"?de:J),Y=O===de,S=i==="playlist"&&r?r:J,D=e.filter(n=>!z(n)),ee=Ve(D),K=n=>{const t=oa(n);if(t)return t;if(!(n!=null&&n.audioUrl))return null;const u=N.find(k=>k.type===Le.AUDIO&&k.url===n.audioUrl);return(u==null?void 0:u.id)||null},B=s.useMemo(()=>new Set(S!==J?(g[S]||[]).map(n=>n.assetId?qe({kind:"asset",assetId:n.assetId}):null).filter(n=>!!n):[]),[g,S]),T=s.useCallback(async n=>{if(P){P(n);return}const t=await Q(n);t&&(await X(n),x(t))},[P,Q,X,x]),M=s.useMemo(()=>L.map(n=>({id:n.id,title:n.title||"未命名笔记",subtitle:new Date(n.updatedAt).toLocaleDateString("zh-CN"),canFavorite:!1,isActive:(v==null?void 0:v.includes(n.id))===!0,isPlaying:f&&(v==null?void 0:v.includes(n.id))===!0})),[L,v,f]);return i==="reading"?a.jsxDEV("div",{className:"canvas-audio-player__playlist",children:[a.jsxDEV(ce,{className:"canvas-audio-player__playlist-tabs",selectedPlaylistId:O,allCount:D.length,allTracksCount:L.length,playlists:j,playlistItems:g,onSelect:F,onCreate:()=>{U(""),h(!0)}},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:157,columnNumber:9},void 0),Y?M.length===0?a.jsxDEV("div",{className:"canvas-audio-player__playlist-empty",children:[a.jsxDEV(me,{size:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:173,columnNumber:15},void 0),a.jsxDEV("span",{children:"知识库还没有笔记"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:174,columnNumber:15},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:172,columnNumber:13},void 0):a.jsxDEV(Z,{className:"canvas-audio-player__playlist-list",items:M,onSelect:n=>void T(n.id),onTogglePlayback:n=>void T(n.id),showPlaybackIndicator:!0},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:177,columnNumber:13},void 0):a.jsxDEV(Z,{className:"canvas-audio-player__playlist-list audio-track-list--queue",items:e.map((n,t)=>{const u=n;return{id:u.readingSourceId,title:u.title||"朗读轨道",subtitle:la(u),previewImageUrl:u.previewImageUrl,isActive:t===o,isPlaying:t===o,canFavorite:!1}}),onSelect:n=>{const t=e.find(u=>z(u)&&u.readingSourceId===n.id);t&&x(t)},onTogglePlayback:n=>{const t=e.find(u=>z(u)&&u.readingSourceId===n.id);t&&x(t)},showPlaybackIndicator:!0},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:186,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:156,columnNumber:7},void 0):a.jsxDEV("div",{className:"canvas-audio-player__playlist",children:[a.jsxDEV(ce,{className:"canvas-audio-player__playlist-tabs",selectedPlaylistId:O,allCount:D.length,allTracksCount:L.length,playlists:j,playlistItems:g,onSelect:F,onCreate:()=>{U(""),h(!0)}},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:229,columnNumber:7},void 0),Y?M.length===0?a.jsxDEV("div",{className:"canvas-audio-player__playlist-empty",children:[a.jsxDEV(me,{size:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:245,columnNumber:13},void 0),a.jsxDEV("span",{children:"知识库还没有笔记"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:246,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:244,columnNumber:11},void 0):a.jsxDEV(Z,{className:"canvas-audio-player__playlist-list",items:M,onSelect:n=>void T(n.id),onTogglePlayback:n=>void T(n.id),showPlaybackIndicator:!0},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:249,columnNumber:11},void 0):a.jsxDEV(Z,{className:"canvas-audio-player__playlist-list audio-track-list--queue",items:D.map((n,t)=>{const u=K(n);return{id:`${n.audioUrl}-${t}`,title:n.title||"未命名音频",subtitle:he(ee.get(n.audioUrl)??n.duration),previewImageUrl:n.previewImageUrl,isActive:t===o,isPlaying:t===o,isFavorite:u?w.has(u):!1,canFavorite:!!u}}),onSelect:n=>{const t=D.find((u,k)=>`${u.audioUrl}-${k}`===n.id);t&&x(t)},onContextMenu:(n,t)=>{const u=D.find((H,ae)=>`${H.audioUrl}-${ae}`===n.id),k=K(u);k&&(t.preventDefault(),t.stopPropagation(),I(t.clientX,t.clientY,{kind:"asset",assetId:k}))},onToggleFavorite:n=>{const t=D.find((k,H)=>`${k.audioUrl}-${H}`===n.id),u=K(t);u&&d(u)},onTogglePlayback:n=>{const t=D.find((u,k)=>`${u.audioUrl}-${k}`===n.id);t&&x(t)},showFavoriteButton:!0,showPlaybackIndicator:!0},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:258,columnNumber:9},void 0),a.jsxDEV(Ie,{contextMenu:b?{x:b.x,y:b.y,item:b.payload}:null,playlists:j,playlistItems:g,favoriteAssetIds:w,selectedPlaylistId:S===J?null:S,currentPlaylistItemKeys:B,onClose:E,onToggleFavorite:n=>void d(n),onAddToPlaylist:(n,t)=>{n.kind==="asset"&&y(n.assetId,t)},onRemoveFromPlaylist:(n,t)=>{n.kind==="asset"&&m(n.assetId,t)},onCreatePlaylistAndAdd:n=>{n.kind==="asset"&&(C(n.assetId),U(""),h(!0))}},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:307,columnNumber:7},void 0),a.jsxDEV(Se,{visible:c,header:"新建播放列表",onClose:()=>h(!1),onConfirm:async()=>{const n=await p(A);$&&await y($,n.id),h(!1),U(""),C(null)},onCancel:()=>{h(!1),C(null)},confirmBtn:"确定",cancelBtn:"取消",children:a.jsxDEV(Te,{value:A,onChange:n=>U(String(n)),placeholder:"请输入播放列表名称"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:363,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:343,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayerPlaylist.tsx",lineNumber:228,columnNumber:5},void 0)},Pe={sequential:a.jsxDEV(ea,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:45,columnNumber:15},void 0),"list-loop":a.jsxDEV(Ze,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:46,columnNumber:16},void 0),"single-loop":a.jsxDEV(Je,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:47,columnNumber:18},void 0),shuffle:a.jsxDEV(Ge,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:48,columnNumber:12},void 0)},ra=Object.keys(le).map(e=>({value:e,content:le[e],prefixIcon:Pe[e]}));function da(e,o){return aa(o).map(i=>{const r=ge(i),f=Math.abs(i-e)<.001;return{value:i,content:f?`✓ ${r}`:r}})}function xe(e){if(typeof e!="number"||!Number.isFinite(e)||e<=0)return"--:--";const o=Math.floor(e),i=Math.floor(o/60),r=o%60;return`${i}:${String(r).padStart(2,"0")}`}const fa=()=>{const e=Me(),o=s.useRef(null),[i,r]=s.useState(!1),[f,v]=s.useState(()=>{const l=te.getToolState(fe);return(l==null?void 0:l.status)==="open"}),[x,P]=s.useState(()=>{try{return localStorage.getItem(oe.AUDIO_PLAYER_LAYOUT)==="vertical"?"vertical":"horizontal"}catch{return"horizontal"}}),[N,j]=s.useState(()=>typeof window<"u"?window.innerWidth:1024);s.useEffect(()=>{const l=()=>j(window.innerWidth);return window.addEventListener("resize",l),window.addEventListener("orientationchange",l),()=>{window.removeEventListener("resize",l),window.removeEventListener("orientationchange",l)}},[]);const g=N<=768?"vertical":x,[w,p]=s.useState(null),y=N<=768,{position:m,isDragging:d,wasDraggedRef:b,elementRef:I,handlePointerDown:E}=ia({storageKey:oe.AUDIO_PLAYER_POSITION,enabled:!y}),c=s.useMemo(()=>!e.duration||e.duration<=0?0:Math.max(0,Math.min(100,e.currentTime/e.duration*100)),[e.currentTime,e.duration]),h=Number.isFinite(e.currentTime)?e.currentTime:0,A=Number.isFinite(e.duration)?e.duration:0,U=xe(h),$=xe(A),C=e.activeQueueIndex>=0?e.queue[e.activeQueueIndex]:null,L=e.activeTitle||(z(C)?C.title:void 0),Q=e.activePreviewImageUrl||(z(C)?C.previewImageUrl:void 0),X=e.activeQueueIndex>0,O=e.activeQueueIndex>=0&&e.activeQueueIndex<e.queue.length-1,F=e.queue.length>1&&e.activeQueueIndex>=0,Y=F?`${e.activeQueueIndex+1}/${e.queue.length}`:null,S=e.queueSource==="playlist"?e.activePlaylistName||"播放列表":e.activePlaylistName||(e.queueSource==="reading"?"朗读轨道":"画布音频"),D=F?`${S} ${e.activeQueueIndex+1} / ${e.queue.length}`:S,ee=Y?`${Y} · ${U} / ${$}`:`${U} / ${$}`,B=e.queueSource==="reading"&&(!!e.activeReadingSourceId||C!==null&&z(C))||!!e.activeAudioUrl,T=e.mediaType==="audio",M=e.mediaType==="reading"?"reading":"audio",n=le[e.playbackMode],t=Pe[e.playbackMode],u=s.useMemo(()=>da(e.effectivePlaybackRate,M),[e.effectivePlaybackRate,M]),k=ge(e.effectivePlaybackRate),H=`${e.mediaType==="reading"?"语音速度":"播放速度"} ${k}`,ae={"--canvas-audio-progress":`${c}%`},we=s.useCallback(()=>{P(l=>{const _=l==="horizontal"?"vertical":"horizontal";try{localStorage.setItem(oe.AUDIO_PLAYER_LAYOUT,_)}catch{}return _})},[]),ke=s.useCallback(async()=>{try{e.playing?e.pausePlayback():await e.resumePlayback()}catch{}},[e]);if(s.useEffect(()=>{if(!B){r(!1),p(null);return}let l=0;const _=()=>{const re=document.querySelector(".ai-input-bar__container");if(!(re instanceof HTMLElement)){p(null);return}const ie=re.getBoundingClientRect(),G={left:Math.round(ie.left),width:Math.round(ie.width),bottom:Math.max(0,Math.round(window.innerHeight-ie.top))};p(W=>W&&W.left===G.left&&W.width===G.width&&W.bottom===G.bottom?W:G)},V=()=>{window.cancelAnimationFrame(l),l=window.requestAnimationFrame(_)},ne=document.querySelector(".ai-input-bar__container"),se=document.querySelector(".ai-input-bar"),R=typeof ResizeObserver<"u"?new ResizeObserver(()=>V()):null;return R&&ne instanceof HTMLElement&&R.observe(ne),R&&se instanceof HTMLElement&&se!==ne&&R.observe(se),V(),window.addEventListener("resize",V),window.addEventListener("orientationchange",V),()=>{window.cancelAnimationFrame(l),window.removeEventListener("resize",V),window.removeEventListener("orientationchange",V),R==null||R.disconnect()}},[B]),s.useEffect(()=>{if(!i)return;const l=_=>{var V;(V=o.current)!=null&&V.contains(_.target)||r(!1)};return document.addEventListener("pointerdown",l,!0),()=>document.removeEventListener("pointerdown",l,!0)},[i]),s.useEffect(()=>{I.current=o.current}),s.useEffect(()=>{const l=te.observeToolStates().subscribe(()=>{const _=te.getToolState(fe);v((_==null?void 0:_.status)==="open")});return()=>l.unsubscribe()},[]),!B||f)return null;const je=m&&!y?{left:m.x,top:m.y}:{},ue={...w?{"--canvas-audio-mobile-left":`${w.left}px`,"--canvas-audio-mobile-width":`${w.width}px`,"--canvas-audio-mobile-offset":`${w.bottom}px`}:{},...je};return a.jsxDEV("div",{ref:o,className:Ne("canvas-audio-player",{"canvas-audio-player--playlist-open":i,"canvas-audio-player--positioned":!!m,"canvas-audio-player--dragging":d,"canvas-audio-player--vertical":g==="vertical"}),style:Object.keys(ue).length>0?ue:void 0,children:[a.jsxDEV("button",{type:"button",className:"canvas-audio-player__queue-trigger",onPointerDown:E,onClick:()=>{b.current||r(l=>!l)},"aria-expanded":i,"aria-label":"切换播放列表",children:[a.jsxDEV("div",{className:"canvas-audio-player__cover",children:a.jsxDEV(Re,{src:Q,alt:L||"Audio cover",fallbackClassName:"canvas-audio-player__cover-fallback",iconSize:16},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:370,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:369,columnNumber:9},void 0),a.jsxDEV("div",{className:"canvas-audio-player__meta",children:[a.jsxDEV("div",{className:"canvas-audio-player__title",children:L||"未命名音频"},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:379,columnNumber:11},void 0),a.jsxDEV("div",{className:"canvas-audio-player__subtitle",children:[a.jsxDEV("span",{className:"canvas-audio-player__subtitle-text canvas-audio-player__subtitle-text--desktop",children:D},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:383,columnNumber:13},void 0),a.jsxDEV("span",{className:"canvas-audio-player__subtitle-text canvas-audio-player__subtitle-text--mobile",children:ee},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:386,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:382,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:378,columnNumber:9},void 0),a.jsxDEV("span",{className:"canvas-audio-player__queue-indicator","aria-hidden":"true",children:a.jsxDEV(ze,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:396,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:392,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:359,columnNumber:7},void 0),a.jsxDEV("div",{className:"canvas-audio-player__controls",children:[a.jsxDEV(q,{content:"上一首",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__action canvas-audio-player__action--previous",onClick:()=>void e.playPrevious(),disabled:!X,children:a.jsxDEV($e,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:408,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:402,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:401,columnNumber:9},void 0),a.jsxDEV(q,{content:e.playing?"暂停":"播放",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__action canvas-audio-player__action--primary",onClick:()=>void ke(),children:e.playing?a.jsxDEV(Oe,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:417,columnNumber:33},void 0):a.jsxDEV(Fe,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:417,columnNumber:55},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:412,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:411,columnNumber:9},void 0),a.jsxDEV(q,{content:"下一首",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__action canvas-audio-player__action--next",onClick:()=>void e.playNext(),disabled:!O,children:a.jsxDEV(Ye,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:427,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:421,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:420,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:400,columnNumber:7},void 0),a.jsxDEV("div",{className:"canvas-audio-player__progress",children:[a.jsxDEV("span",{className:"canvas-audio-player__time",children:U},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:433,columnNumber:9},void 0),a.jsxDEV("input",{type:"range",min:0,max:A||0,step:.1,value:Math.min(h,A||h),onChange:l=>{T&&e.seekTo(Number(l.target.value))},className:"canvas-audio-player__slider canvas-audio-player__slider--progress",style:ae,"aria-label":T?"Audio progress":"Reading progress",disabled:!T},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:434,columnNumber:9},void 0),a.jsxDEV("span",{className:"canvas-audio-player__time",children:$},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:450,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:432,columnNumber:7},void 0),a.jsxDEV(ta,{volume:e.volume,onVolumeChange:e.setVolume},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:453,columnNumber:7},void 0),a.jsxDEV(pe,{options:u,trigger:"click",placement:"bottom",minColumnWidth:112,onClick:l=>e.setPlaybackRate(Number(l.value)),children:a.jsxDEV(q,{content:H,children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__toggle canvas-audio-player__speed-toggle","aria-label":`切换播放速度，当前${k}`,children:a.jsxDEV(Be,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:471,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:466,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:465,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:458,columnNumber:7},void 0),a.jsxDEV(pe,{options:ra,trigger:"click",placement:"bottom",minColumnWidth:132,onClick:l=>e.setPlaybackMode(l.value),children:a.jsxDEV(q,{content:n,children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__toggle canvas-audio-player__mode-toggle","aria-label":`切换播放模式，当前${n}`,children:t},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:484,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:483,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:476,columnNumber:7},void 0),a.jsxDEV(q,{content:"打开播放器工具",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__toggle canvas-audio-player__player-switch canvas-audio-player__switch-toggle",onClick:()=>{We(async()=>{const{openMusicPlayerTool:l}=await import("./tool-windows-DWUG3k_L.js").then(_=>_.oz);return{openMusicPlayerTool:l}},__vite__mapDeps([0]),import.meta.url).then(({openMusicPlayerTool:l})=>{l()})},"aria-label":"打开播放器工具",children:a.jsxDEV(He,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:507,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:495,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:494,columnNumber:7},void 0),a.jsxDEV(q,{content:g==="horizontal"?"切换为垂直布局":"切换为水平布局",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__toggle canvas-audio-player__layout-toggle",onClick:we,style:{display:N<=768?"none":""},children:g==="horizontal"?a.jsxDEV(Qe,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:523,columnNumber:13},void 0):a.jsxDEV(Xe,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:525,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:516,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:511,columnNumber:7},void 0),a.jsxDEV(q,{content:"关闭播放器",children:a.jsxDEV("button",{type:"button",className:"canvas-audio-player__close",onClick:e.stopPlayback,children:a.jsxDEV(Ke,{size:14},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:536,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:531,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:530,columnNumber:7},void 0),i?a.jsxDEV(ua,{queue:e.queue,activeQueueIndex:e.activeQueueIndex,queueSource:e.queueSource,activePlaylistId:e.activePlaylistId,playing:e.playing,activeReadingSourceId:e.activeReadingSourceId,onSelect:l=>{z(l)?e.toggleReadingPlayback(l):e.togglePlayback(l),r(!1)}},void 0,!1,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:541,columnNumber:9},void 0):null]},void 0,!0,{fileName:"/Users/ljq/code/shuidiyu/aitu/packages/drawnix/src/components/audio-node-element/CanvasAudioPlayer.tsx",lineNumber:349,columnNumber:5},void 0)};export{fa as CanvasAudioPlayer};

package/assets/CanvasAudioPlayer-mm7y75Ol.css

@@ -0,0 +1 @@
+.canvas-audio-player{--canvas-audio-slider-track-height: 5px;--canvas-audio-slider-thumb-size: 11px;--canvas-audio-volume-pill-width: 196px;--canvas-audio-mobile-left: 12px;--canvas-audio-mobile-width: calc(100vw - 24px) ;--canvas-audio-mobile-offset: calc(env(safe-area-inset-bottom, 0px) + 72px) ;position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:2050;width:min(760px,100vw - 180px);box-sizing:border-box;display:grid;grid-template-columns:32px minmax(120px,180px) auto minmax(220px,1fr) auto auto auto auto auto auto;grid-template-areas:"cover meta controls progress volume speed mode switch toggle close";align-items:center;gap:10px;padding:6px 12px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(148,163,184,.16);box-shadow:0 12px 48px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);isolation:isolate;overflow:visible}@media(max-width:1024px){.canvas-audio-player{width:min(720px,100vw - 120px);grid-template-columns:32px minmax(120px,1fr) auto minmax(180px,1fr) auto auto auto auto auto auto;grid-template-areas:"cover meta controls progress volume speed mode switch toggle close"}}@media(max-width:768px){.canvas-audio-player{position:fixed;top:auto;left:var(--canvas-audio-mobile-left);right:auto;bottom:calc(var(--canvas-audio-mobile-offset) - 4px);transform:none;width:var(--canvas-audio-mobile-width);max-width:none;grid-template-columns:32px minmax(0,1fr) auto auto auto auto;grid-template-areas:"cover meta controls speed mode close" "cover progress progress progress progress progress";row-gap:3px;-moz-column-gap:8px;column-gap:8px;padding:7px 10px 5px;border-radius:16px 16px 8px 8px;background:var(--island-bg-color, #fff);border-color:#fff0;box-shadow:0 2px 12px #00000014}}@media(max-width:640px){.canvas-audio-player{--canvas-audio-mobile-left: calc(env(safe-area-inset-left, 0px) + 8px) ;--canvas-audio-mobile-width: calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 16px) ;--canvas-audio-mobile-offset: calc(env(safe-area-inset-bottom, 0px) + 60px) ;padding:6px 9px 4px;border-radius:15px 15px 7px 7px}}@media(max-width:480px){.canvas-audio-player{--canvas-audio-volume-pill-width: min(164px, calc(100vw - 96px) );--canvas-audio-mobile-left: calc(env(safe-area-inset-left, 0px) + 6px) ;--canvas-audio-mobile-width: calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 12px) ;--canvas-audio-mobile-offset: calc(env(safe-area-inset-bottom, 0px) + 54px) ;padding:5px 8px 4px;row-gap:2px;border-radius:14px 14px 6px 6px}}.canvas-audio-player__cover{grid-area:cover;width:32px;height:32px;border-radius:10px;overflow:hidden;background:linear-gradient(160deg,#1d4ed8eb,#0f172ae6);box-shadow:0 8px 18px #0f172a24}.canvas-audio-player__cover img,.canvas-audio-player__cover .canvas-audio-player__cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;-o-object-fit:cover;object-fit:cover;color:#ffffffe6}.canvas-audio-player__queue-trigger{grid-column:1/3;min-width:0;padding:0;border:none;background:transparent;display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"cover meta indicator";align-items:center;gap:8px;color:inherit;cursor:pointer;text-align:left}.canvas-audio-player__queue-trigger:hover .canvas-audio-player__queue-indicator,.canvas-audio-player__queue-trigger:focus-visible .canvas-audio-player__queue-indicator{color:#2563eb}.canvas-audio-player__queue-trigger:focus-visible{outline:none}.canvas-audio-player__meta{grid-area:meta;min-width:0}.canvas-audio-player__queue-indicator{grid-area:indicator;width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#64748bdb;transition:transform .18s ease,color .18s ease,background-color .18s ease}.canvas-audio-player--playlist-open .canvas-audio-player__queue-indicator{transform:rotate(180deg);color:#2563eb;background:#2563eb14}.canvas-audio-player__title{min-width:0;font-size:12px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-audio-player__subtitle{margin-top:2px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748bc7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.canvas-audio-player__subtitle-text{display:block}.canvas-audio-player__subtitle-text--mobile{display:none}.canvas-audio-player__controls{grid-area:controls;display:inline-flex;align-items:center;gap:6px}.canvas-audio-player__action,.canvas-audio-player__close,.canvas-audio-player__toggle{width:28px;height:28px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#0f172a;cursor:pointer;transition:transform .16s ease,background-color .16s ease,opacity .16s ease}.canvas-audio-player__action:hover:not(:disabled),.canvas-audio-player__close:hover:not(:disabled),.canvas-audio-player__toggle:hover:not(:disabled){transform:translateY(-1px);background:#0f172a0d}.canvas-audio-player__action:disabled,.canvas-audio-player__close:disabled,.canvas-audio-player__toggle:disabled{cursor:default;opacity:.35}.canvas-audio-player__action[data-tooltip],.canvas-audio-player__close[data-tooltip],.canvas-audio-player__toggle[data-tooltip],.canvas-audio-player__volume-toggle[data-tooltip]{position:relative;overflow:visible}.canvas-audio-player__action[data-tooltip]:after,.canvas-audio-player__close[data-tooltip]:after,.canvas-audio-player__toggle[data-tooltip]:after,.canvas-audio-player__volume-toggle[data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);padding:4px 8px;border-radius:999px;background:#0f172ad6;color:#fff;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;box-shadow:0 8px 20px #0f172a29}.canvas-audio-player__action[data-tooltip]:hover:after,.canvas-audio-player__action[data-tooltip]:focus-visible:after,.canvas-audio-player__close[data-tooltip]:hover:after,.canvas-audio-player__close[data-tooltip]:focus-visible:after,.canvas-audio-player__toggle[data-tooltip]:hover:after,.canvas-audio-player__toggle[data-tooltip]:focus-visible:after,.canvas-audio-player__volume-toggle[data-tooltip]:hover:after,.canvas-audio-player__volume-toggle[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.canvas-audio-player__action--primary{width:32px;height:32px;background:#2563eb;color:#fff;box-shadow:0 10px 20px #2563eb33}.canvas-audio-player__action--primary:hover:not(:disabled){background:#1d4ed8}.canvas-audio-player__progress{grid-area:progress;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.canvas-audio-player__time{font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;color:#475569db}.canvas-audio-player__slider{--canvas-audio-progress: 0%;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;margin:0;background:transparent;cursor:pointer}.canvas-audio-player__slider:focus{outline:none}.canvas-audio-player__slider::-webkit-slider-runnable-track{height:var(--canvas-audio-slider-track-height);border-radius:999px;background:linear-gradient(90deg,#2563eb 0%,#2563eb var(--canvas-audio-progress),rgba(226,232,240,.95) var(--canvas-audio-progress),rgba(226,232,240,.95) 100%)}.canvas-audio-player__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--canvas-audio-slider-thumb-size);height:var(--canvas-audio-slider-thumb-size);margin-top:calc((var(--canvas-audio-slider-track-height) - var(--canvas-audio-slider-thumb-size)) / 2);border-radius:999px;border:2px solid #2563eb;background:#fff;box-shadow:0 2px 8px #0f172a1f;-webkit-transition:transform .16s ease,box-shadow .16s ease;transition:transform .16s ease,box-shadow .16s ease}.canvas-audio-player__slider::-moz-range-track{height:var(--canvas-audio-slider-track-height);border-radius:999px;background:#e2e8f0f2}.canvas-audio-player__slider::-moz-range-progress{height:var(--canvas-audio-slider-track-height);border-radius:999px;background:#2563eb}.canvas-audio-player__slider::-moz-range-thumb{width:var(--canvas-audio-slider-thumb-size);height:var(--canvas-audio-slider-thumb-size);border-radius:999px;border:2px solid #2563eb;background:#fff;box-shadow:0 2px 8px #0f172a1f;-moz-transition:transform .16s ease,box-shadow .16s ease;transition:transform .16s ease,box-shadow .16s ease}.canvas-audio-player__slider:hover::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 4px 12px #0f172a29}.canvas-audio-player__slider:hover::-moz-range-thumb{transform:scale(1.08);box-shadow:0 4px 12px #0f172a29}.canvas-audio-player__slider--progress::-webkit-slider-runnable-track{height:var(--canvas-audio-slider-track-height)}.canvas-audio-player__slider--progress::-moz-range-track,.canvas-audio-player__slider--progress::-moz-range-progress{height:var(--canvas-audio-slider-track-height)}.canvas-audio-player__volume{grid-area:volume;position:relative;display:inline-flex;align-items:center;justify-content:flex-end;width:28px;height:36px;overflow:visible}.canvas-audio-player__volume-shell{position:absolute;top:50%;right:0;width:28px;min-width:28px;height:28px;padding:0;display:grid;grid-template-columns:0fr 0fr 28px;align-items:center;gap:0;overflow:hidden;border-radius:999px;background:#fff0;box-shadow:0 0 #0f172a00;z-index:1;transform:translateY(-50%);transition:width .26s cubic-bezier(.22,1,.36,1),min-width .26s cubic-bezier(.22,1,.36,1),height .26s cubic-bezier(.22,1,.36,1),padding .26s cubic-bezier(.22,1,.36,1),grid-template-columns .26s cubic-bezier(.22,1,.36,1),box-shadow .18s ease,background-color .18s ease}.canvas-audio-player__volume--expanded .canvas-audio-player__volume-shell{width:var(--canvas-audio-volume-pill-width);min-width:var(--canvas-audio-volume-pill-width);height:36px;padding:4px;grid-template-columns:minmax(0,1fr) auto 28px;box-shadow:0 14px 26px #0f172a17,0 1px #ffffffc7 inset;background:#fffffff7}.canvas-audio-player__volume-slider-wrap{min-width:0;overflow:hidden;opacity:0;transform:translate(10px);pointer-events:none;transition:opacity .16s ease,transform .24s cubic-bezier(.22,1,.36,1),padding .24s cubic-bezier(.22,1,.36,1)}.canvas-audio-player__volume--expanded .canvas-audio-player__volume-slider-wrap{padding:0 6px 0 12px;opacity:1;transform:translate(0);pointer-events:auto}.canvas-audio-player__volume-value{width:0;min-width:0;padding-right:0;overflow:hidden;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:right;color:#475569db;opacity:0;transform:translate(8px);pointer-events:none;transition:opacity .16s ease,transform .24s cubic-bezier(.22,1,.36,1)}.canvas-audio-player__volume--expanded .canvas-audio-player__volume-value{width:40px;min-width:40px;padding-right:2px;opacity:1;transform:translate(0)}.canvas-audio-player__volume-toggle{position:relative;z-index:2;width:28px;height:28px;border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#475569c2;cursor:pointer;transition:color .18s ease,transform .18s ease}.canvas-audio-player__volume-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#2563eb0f;opacity:0;transform:scale(.92);transition:opacity .18s ease,transform .18s ease,background-color .18s ease}.canvas-audio-player__volume-toggle svg{position:relative;z-index:1}.canvas-audio-player__volume-toggle:hover,.canvas-audio-player__volume-toggle:focus-visible{color:#2563eb;outline:none}.canvas-audio-player__volume-toggle:hover:before,.canvas-audio-player__volume-toggle:focus-visible:before{opacity:1;transform:scale(1)}.canvas-audio-player__volume--expanded .canvas-audio-player__volume-toggle{color:#2563eb}.canvas-audio-player__volume--expanded .canvas-audio-player__volume-toggle:before{opacity:1;transform:scale(1);background:linear-gradient(180deg,#eff6ffe6,#ffffffb8)}.canvas-audio-player__slider--volume{display:block;width:100%;--canvas-audio-slider-track-height: 6px;--canvas-audio-slider-thumb-size: 12px}.canvas-audio-player__slider--volume::-webkit-slider-thumb{border:2px solid rgba(255,255,255,.96);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 0 0 1px #2563eb24,0 4px 10px #0f172a24}.canvas-audio-player__slider--volume::-moz-range-thumb{border:2px solid rgba(255,255,255,.96);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 0 0 1px #2563eb24,0 4px 10px #0f172a24}.canvas-audio-player__close{grid-area:close;justify-self:end;color:#475569d1}.canvas-audio-player__toggle{justify-self:end;color:#475569d1}.canvas-audio-player__switch-toggle{grid-area:switch}.canvas-audio-player__mode-toggle{grid-area:mode}.canvas-audio-player__speed-toggle{grid-area:speed}.canvas-audio-player__layout-toggle{grid-area:toggle}.canvas-audio-player--positioned{left:auto;transform:none}.canvas-audio-player--dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:none}.canvas-audio-player__queue-trigger{cursor:grab}.canvas-audio-player--dragging .canvas-audio-player__queue-trigger{cursor:grabbing}.canvas-audio-player--vertical{width:236px;grid-template-columns:32px 1fr auto auto auto auto auto;grid-template-areas:"cover meta speed mode switch toggle close" "controls controls controls controls controls controls controls" "progress progress progress progress progress progress progress";border-radius:16px;gap:4px 8px;padding:8px 10px}.canvas-audio-player--vertical .canvas-audio-player__volume,.canvas-audio-player--vertical .canvas-audio-player__time{display:none}.canvas-audio-player--vertical .canvas-audio-player__progress{grid-template-columns:minmax(0,1fr);gap:0}.canvas-audio-player--vertical .canvas-audio-player__controls{justify-content:center;justify-self:center}.canvas-audio-player--vertical .canvas-audio-player__queue-indicator{display:none}.canvas-audio-player--vertical .canvas-audio-player__toggle{display:inline-flex}.canvas-audio-player--vertical .canvas-audio-player__queue-trigger{grid-column:1/3;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"cover meta"}.canvas-audio-player--vertical .canvas-audio-player__slider--progress{--canvas-audio-slider-track-height: 4px;--canvas-audio-slider-thumb-size: 10px}.canvas-audio-player--vertical .canvas-audio-player__playlist{left:0;width:100%}@media(max-width:768px){.canvas-audio-player--vertical{left:50%;transform:translate(-50%);width:236px}}.canvas-audio-player__playlist{position:absolute;top:calc(100% + 10px);left:0;right:0;width:auto;max-width:100%;max-height:min(360px,100vh - 160px);padding:8px;display:grid;gap:6px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;border-radius:20px;background:#fffffff7;border:1px solid rgba(148,163,184,.16);box-shadow:0 18px 48px #0f172a24;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;-ms-overflow-style:none}.canvas-audio-player__playlist::-webkit-scrollbar{display:none}.canvas-audio-player__playlist-tabs{flex-shrink:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.canvas-audio-player__playlist-tabs::-webkit-scrollbar{display:none}.canvas-audio-player__playlist-tabs .audio-playlist-tabs__chip,.canvas-audio-player__playlist-tabs .audio-playlist-tabs__create{padding:3px 8px;font-size:11px}.canvas-audio-player__playlist-list{min-width:0}.canvas-audio-player__playlist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:80px;color:#64748b;font-size:12px}@media(max-width:768px){.canvas-audio-player__queue-trigger{grid-template-columns:32px minmax(0,1fr) auto;gap:8px}.canvas-audio-player__cover{width:32px;height:32px;border-radius:10px}.canvas-audio-player__meta{align-self:center;padding-top:0}.canvas-audio-player__title{font-size:12px}.canvas-audio-player__subtitle{margin-top:1px}.canvas-audio-player__subtitle-text--desktop{display:none}.canvas-audio-player__subtitle-text--mobile{display:block;font-size:9px;line-height:1.2;letter-spacing:.01em;text-transform:none}.canvas-audio-player__controls{justify-self:end;align-self:center;gap:2px;padding-top:0}.canvas-audio-player__volume{display:none}.canvas-audio-player__playlist{left:0;top:calc(100% + 8px);width:100%;max-height:min(300px,100vh - 180px);border-radius:16px}.canvas-audio-player__action,.canvas-audio-player__close{width:30px;height:30px}.canvas-audio-player__action--primary{width:34px;height:34px;box-shadow:0 6px 14px #2563eb2e}.canvas-audio-player__close{align-self:center;margin-top:0;color:#475569ad}.canvas-audio-player__progress{grid-template-columns:minmax(0,1fr);gap:0;margin-top:-1px;padding:0 2px 1px 0}.canvas-audio-player__time{display:none}.canvas-audio-player__slider--progress{--canvas-audio-slider-track-height: 3px;--canvas-audio-slider-thumb-size: 10px}.canvas-audio-player__toggle{display:none}}@media(max-width:480px){.canvas-audio-player__cover{width:32px;height:32px}.canvas-audio-player__controls{gap:1px}.canvas-audio-player__action,.canvas-audio-player__close{width:28px;height:28px}.canvas-audio-player__action--primary{width:32px;height:32px}.canvas-audio-player__title{font-size:12px}.canvas-audio-player__subtitle-text--mobile{font-size:9px}.canvas-audio-player__slider--progress{--canvas-audio-slider-track-height: 2.5px;--canvas-audio-slider-thumb-size: 9px}}