timeline-canvas 1.3.0 → 1.4.0

package/dist/index.mjs

@@ -1 +1 @@
-import{_ as e,a as t,c as n,d as r,f as i,g as a,h as o,i as s,l as c,m as l,n as u,o as d,p as f,r as p,s as m,t as h,u as g}from"./EventMediaPlugin-CpPjf_yG.mjs";import{i as _,n as v,r as y,t as b}from"./Logger-CfVK3yFL.mjs";import{t as x}from"./types-BvVk5Y9C.mjs";import{t as S}from"./LightThemePlugin-wHpjmbXj.mjs";import{t as C}from"./DarkThemePlugin-GyV1mhmz.mjs";import{t as w}from"./ContextMenuPlugin-6qe5xYCu.mjs";import{t as T}from"./PerformanceOverlayPlugin-CcYPPPIx.mjs";import{t as E}from"./EventTooltipPlugin-DNGXHYbN.mjs";var ee=class{constructor(e,t){this.H_SCROLLBAR_PADDING=13,this.config=e,this.state=t}getContentWidth(e){if(this.cwZoom===e&&this.cwValue!==void 0)return this.cwValue;let t=this.config.endTime+this.config.endPaddingTime-this.config.startTime,n=this.config.startPaddingTime+t*this.config.secondWidth*e;return this.cwZoom=e,this.cwValue=n,n}invalidateCache(){this.cwZoom=void 0,this.cwValue=void 0}getContentHeight(){return this.config.timelineHeight+this.config.firstTrackTopMargin+this.state.tracks.length*(this.config.trackHeight+this.config.trackMargin)}computeMaxScrollX(e,t){let n=this.getContentWidth(e);return Math.max(0,n-t)}computeMaxScrollY(e){let t=this.getContentHeight();return Math.max(0,t-e)}hasHorizontalScrollbar(e,t){return this.getContentWidth(t)>e}getAvailableHeight(e,t,n){return e-(this.hasHorizontalScrollbar(t,n)?this.H_SCROLLBAR_PADDING:0)}computeMaxScrollYWithPadding(e,t,n){let r=this.getContentHeight(),i=this.getAvailableHeight(e,t,n);return Math.max(0,r-i)}};const D=_(`RenderPipeline`);let O=0;var k=class{constructor(){this.renderers=new Map,this.renderOrder=[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`interaction`,`scrollbar`,`overlay`],this.stats={layerTimes:{},totalTime:0,renderedLayers:0,skippedLayers:0}}registerRenderer(e,t){this.renderers.set(e,t)}unregisterRenderer(e){this.renderers.delete(e)}setRenderOrder(e){this.renderOrder=e}render(e,t={}){let n=performance.now(),{forceFullRender:r=!1,dirtyLayers:i,skipPerfMeasure:a=!1}=t,o=n-O>=250;o&&(O=n,D.debugStyled(b.pipeline,`▶ Render Start`,`forceFullRender=${r}`,i?`dirtyLayers=[${Array.from(i).join(`, `)}]`:`dirtyLayers=all`)),this.stats.renderedLayers=0,this.stats.skippedLayers=0,this.stats.layerTimes={};for(let t of this.renderOrder){let n=this.renderers.get(t);if(!n)continue;if(!this.shouldRenderLayer(t,n,e,r,i)){this.stats.skippedLayers++;continue}let o=a?0:performance.now();try{n.render(e),this.stats.renderedLayers++}catch(e){D.error(`Error rendering layer "${t}":`,e)}a||(this.stats.layerTimes[t]=performance.now()-o)}return this.stats.totalTime=performance.now()-n,o&&D.debugStyled(b.pipeline,`◀ Render End`,`rendered=${this.stats.renderedLayers}, skipped=${this.stats.skippedLayers}, time=${this.stats.totalTime.toFixed(2)}ms`),{...this.stats}}shouldRenderLayer(e,t,n,r,i){return r||!i?!0:i.has(e)}getStats(){return{...this.stats}}clearPrevContext(){}getRegisteredRenderers(){return this.renderers}},A=class{constructor(){this.name=`Timeline`,this.layer=`timeline`}render(e){let{ctx:t,config:n,state:r,width:i}=e;t.fillStyle=n.colors.timelineBackground,t.fillRect(0,0,i,n.timelineHeight),t.strokeStyle=n.colors.timelineGrid,t.lineWidth=1,t.globalAlpha=.4,t.beginPath(),t.moveTo(0,n.timelineHeight-.5),t.lineTo(i,n.timelineHeight-.5),t.stroke(),t.globalAlpha=1;let a=n.startTime+(r.scrollX-n.startPaddingTime)/(n.secondWidth*r.zoomLevel),o=a+i/(n.secondWidth*r.zoomLevel),s=Math.max(n.startTime,Math.floor(a)),c=Math.min(n.endTime+n.endPaddingTime,Math.ceil(o));this.isCustomScaleMode(n)?this.renderCustomScale(t,n,r,s,c,i):this.renderAutoScale(t,n,r,s,c,i)}isCustomScaleMode(e){return e.scale!=null&&e.scale>0}renderCustomScale(e,t,n,r,i,a){let o=t.scale,s=Math.max(1,Math.floor(t.scaleSplitCount)),c=o/s;this.renderCustomMainTicks(e,t,n,o,r,i,a),s>1&&this.renderCustomSubTicks(e,t,n,o,c,r,i,a)}renderCustomMainTicks(e,t,n,r,i,a,o){let s=t.timelineHeight,c=Math.floor(i/r)*r,l=-80;e.strokeStyle=t.colors.timelineGrid,e.lineWidth=1.5,e.fillStyle=t.colors.timelineText,e.font=`12px Arial`,e.textBaseline=`top`;for(let i=c;i<=a;i+=r){let a=this.timeToX(i,t,n);if(a>=-50&&a<=o+50){let n=i>t.endTime;if(a-l>=80){e.strokeStyle=n?`rgba(150, 155, 165, 0.3)`:t.colors.timelineGrid,e.beginPath(),e.moveTo(a,s),e.lineTo(a,s-14),e.stroke(),e.fillStyle=n?`rgba(150, 155, 165, 0.4)`:t.colors.timelineText,e.textAlign=`center`;let o=t.getScaleRender?t.getScaleRender(i):this.formatTime(i,this.autoDetectFormat(r));e.fillText(o,a,5),l=a}}}e.textBaseline=`alphabetic`}renderCustomSubTicks(e,t,n,r,i,a,o,s){let c=t.timelineHeight,l=Math.floor(a/i)*i;e.lineWidth=1,e.strokeStyle=t.colors.timelineSubGrid;for(let a=l;a<=o;a+=i){let i=a/r;if(Math.abs(i-Math.round(i))<1e-9)continue;let o=this.timeToX(a,t,n);o>=0&&o<=s&&(e.globalAlpha=a>t.endTime?.3:.75,e.beginPath(),e.moveTo(o,c),e.lineTo(o,c-6),e.stroke(),e.globalAlpha=1)}}renderAutoScale(e,t,n,r,i,a){let o=[{threshold:10,main:10,sub:2,format:`HMS`},{threshold:8,main:30,sub:10,format:`HMS`},{threshold:5,main:60,sub:15,format:`HMS`},{threshold:3,main:300,sub:60,format:`HM`},{threshold:2,main:600,sub:120,format:`HM`},{threshold:1,main:1800,sub:600,format:`HM`},{threshold:.5,main:3600,sub:900,format:`H`},{threshold:0,main:7200,sub:1800,format:`H`}],s=o.find(e=>n.zoomLevel>=e.threshold)||o[o.length-1];this.renderAutoMainTicks(e,t,n,s,r,i,a),this.renderAutoSubTicks(e,t,n,s,r,i,a),n.zoomLevel>=10&&this.renderAutoMicroTicks(e,t,n,s,r,i,a)}renderAutoMainTicks(e,t,n,r,i,a,o){let s=t.timelineHeight,c=r.main,l=Math.floor(i/c)*c,u=-80;e.strokeStyle=t.colors.timelineGrid,e.lineWidth=1.5,e.fillStyle=t.colors.timelineText,e.font=`12px Arial`,e.textBaseline=`top`;for(let i=l;i<=a;i+=c){let a=this.timeToX(i,t,n);if(a>=-50&&a<=o+50){let n=i>t.endTime;if(a-u>=80){e.strokeStyle=n?`rgba(150, 155, 165, 0.3)`:t.colors.timelineGrid,e.beginPath(),e.moveTo(a,s),e.lineTo(a,s-14),e.stroke(),e.fillStyle=n?`rgba(150, 155, 165, 0.4)`:t.colors.timelineText,e.textAlign=`center`;let o=t.getScaleRender?t.getScaleRender(i):this.formatTime(i,r.format);e.fillText(o,a,5),u=a}}}e.textBaseline=`alphabetic`}renderAutoSubTicks(e,t,n,r,i,a,o){let s=t.timelineHeight,c=r.sub,l=r.main,u=Math.floor(i/c)*c;e.lineWidth=1,e.strokeStyle=t.colors.timelineSubGrid;for(let r=u;r<=a;r+=c){if(r%l===0)continue;let i=this.timeToX(r,t,n);i>=0&&i<=o&&(e.globalAlpha=r>t.endTime?.3:.75,e.beginPath(),e.moveTo(i,s),e.lineTo(i,s-6),e.stroke(),e.globalAlpha=1)}}renderAutoMicroTicks(e,t,n,r,i,a,o){let s=t.timelineHeight,c=r.sub/2,l=Math.floor(i/c)*c;e.lineWidth=1,e.strokeStyle=t.colors.timelineSubGrid,e.globalAlpha=.3;for(let i=l;i<=a;i+=c){if(i%r.sub===0)continue;let a=this.timeToX(i,t,n);a>=0&&a<=o&&(e.beginPath(),e.moveTo(a,s),e.lineTo(a,s-3),e.stroke())}e.globalAlpha=1}timeToX(e,t,n){let r=e-t.startTime;return t.startPaddingTime+r*t.secondWidth*n.zoomLevel-n.scrollX}autoDetectFormat(e){return e<60?`HMS`:e<3600?`HM`:`H`}formatTime(e,t){let n=Math.floor(e/3600),r=Math.floor(e%3600/60),i=Math.floor(e%60);switch(t){case`HMS`:return`${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}:${i.toString().padStart(2,`0`)}`;case`HM`:return`${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`;case`H`:return`${n.toString().padStart(2,`0`)}:00`;default:return`${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`}}shouldRender(e,t){if(!t)return!0;let{config:n,state:r}=e,{config:i,state:a}=t;return r.zoomLevel!==a.zoomLevel||r.scrollX!==a.scrollX||n.startTime!==i.startTime||n.endTime!==i.endTime||n.timelineHeight!==i.timelineHeight||n.scale!==i.scale||n.scaleSplitCount!==i.scaleSplitCount||n.getScaleRender!==i.getScaleRender}};const j=_(`EventsRenderer`),M=new Map;var te=class{renderEvents(e,t,n,r,i,a,o,s){let l=s??a.width,u=n.tracks[r],d=Math.max(5,t.trackHeight*.0625),f=t.trackHeight-d*2,p=t.eventTextStyle,m=p.titleFontSize===`auto`?Math.max(10,Math.min(14,t.trackHeight*.175)):p.titleFontSize,h=p.timeFontSize===`auto`?Math.max(8,Math.min(12,t.trackHeight*.15)):p.timeFontSize,g=performance.now();g-(M.get(r)??0)>=500&&(M.set(r,g),j.debugStyled(b.eventRender,`Track ${r}: ${u.events.length} events`));for(let s=0;s<u.events.length;s++){let g=u.events[s];if(n.draggingEvent&&n.draggingEvent.isDragging&&n.draggingEvent.trackIndex===r&&n.draggingEvent.eventIndex===s)continue;let _=t.startPaddingTime+(g.startTime-t.startTime)*t.secondWidth*n.zoomLevel-n.scrollX,v=g.duration*t.secondWidth*n.zoomLevel;if(_+v<0||_>l)continue;let y=n.selectedEvent&&n.selectedEvent.trackIndex===r&&n.selectedEvent.eventIndex===s,b=n.highlightedEvent&&n.highlightedEvent.trackIndex===r&&n.highlightedEvent.eventIndex===s,x=n.timeIndicatorPosition,S=t.enableTimeIndicator&&!n.isManualSelection&&x>g.startTime&&x<g.endTime,C=y||b||S;e.save();let w=t.eventBlockStyle.borderRadius;e.fillStyle=g.color,w>0?(c(e,_,i+d,v,f,w),e.fill()):e.fillRect(_,i+d,v,f),C&&(e.strokeStyle=t.colors.eventBorderSelected,e.lineWidth=2,t.eventBlockStyle.enableSelectionGlow&&(e.shadowColor=t.colors.eventBorderSelected,e.shadowBlur=t.eventBlockStyle.selectionGlowBlur),w>0?(c(e,_,i+d,v,f,w),e.stroke()):e.strokeRect(_,i+d,v,f),e.shadowBlur=0),C&&(e.fillStyle=t.colors.eventOverlay,w>0?(c(e,_,i+d,v,f,w),e.fill()):e.fillRect(_,i+d,v,f)),e.restore(),o&&o.emitEvent(`render:event:media`,e,a,t,n,r,s,_,i,v,d,f),this.drawEventText(e,t,g,_,i,v,d,m,h,p),t.enableEventResize&&this.drawResizeHandles(e,t,n,r,s,_,i,v,f,d),t.showEventDurationLabel&&C&&this.drawEventDurationLabel(e,t,g,_,i,v,d),t.enableEventSplit&&n.hoveredSplitLine&&!n.draggingEvent&&!n.resizingEvent&&!n.draggingTimeIndicator&&this.drawSplitLine(e,t,n,r,s,i,d,f)}}truncateText(e,t,n){if(n<=0)return``;if(e.measureText(t).width<=n)return t;if(e.measureText(`...`).width>=n)return`...`;let r=0,i=t.length,a=``;for(;r<i;){let o=Math.floor((r+i+1)/2),s=t.substring(0,o)+`...`;e.measureText(s).width<=n?(a=s,r=o):i=o-1}return a||`...`}drawEventText(e,t,n,r,i,a,o,s,c,u){let d=u.titleColor||t.colors.eventText,f=u.timeColor||t.colors.eventText,p={left:r+10,right:r+a-10,center:r+a/2}[u.textAlign]??r+a/2,m={top:i+o+s,middle:i+t.trackHeight/2,bottom:i+t.trackHeight-o}[u.verticalAlign]??i+o;e.textAlign=u.textAlign;let h=u.showTitle&&t.trackHeight>=u.minHeightForTitle,g=u.showTime&&t.trackHeight>=u.minHeightForTime,_=l(n.startTime,n.endTime),v=a-20;if(h){e.fillStyle=d,e.font=`${u.titleFontWeight} ${s}px ${u.titleFontFamily}`;let t=g?m-s/2+u.titleOffsetY:m+u.titleOffsetY,r=this.truncateText(e,n.title,v);e.fillText(r,p,t)}if(g){e.fillStyle=f,e.font=`${u.timeFontWeight} ${c}px ${u.timeFontFamily}`;let t=h?m+c+u.timeOffsetY:m+u.timeOffsetY,n=this.truncateText(e,_,v);e.fillText(n,p,t)}}drawResizeHandles(e,t,n,r,i,a,o,s,c,l){let u=n.hoveredResizeHandle&&n.hoveredResizeHandle.trackIndex===r&&n.hoveredResizeHandle.eventIndex===i,d=n.resizingEvent&&n.resizingEvent.trackIndex===r&&n.resizingEvent.eventIndex===i;if(n.selectedEvent&&n.selectedEvent.trackIndex===r&&n.selectedEvent.eventIndex===i||u||d){let r=t.resizeHandleWidth,i=`rgba(255, 255, 255, 0.8)`,f=`rgba(255, 255, 255, 1)`,p=u&&n.hoveredResizeHandle.edge===`left`,m=d&&n.resizingEvent.edge===`left`;e.fillStyle=p||m?f:i,e.fillRect(a-r/2,o+l,r,c);let h=u&&n.hoveredResizeHandle.edge===`right`,g=d&&n.resizingEvent.edge===`right`;e.fillStyle=h||g?f:i,e.fillRect(a+s-r/2,o+l,r,c)}}drawSplitLine(e,t,n,r,i,a,o,s){let c=n.hoveredSplitLine;if(c.trackIndex===r&&c.eventIndex===i){let r=(c.splitTime+t.startPaddingTime-t.startTime)*t.secondWidth*n.zoomLevel-n.scrollX;e.save(),e.strokeStyle=`rgba(255, 255, 0, 0.8)`,e.lineWidth=2,e.setLineDash([5,5]),e.beginPath(),e.moveTo(r,a+o),e.lineTo(r,a+o+s),e.stroke(),e.setLineDash([]),e.fillStyle=`rgba(255, 255, 0, 1)`,e.beginPath(),e.arc(r,a+o,4,0,Math.PI*2),e.fill(),e.beginPath(),e.arc(r,a+o+s,4,0,Math.PI*2),e.fill();let i=f(c.splitTime);e.font=`bold 11px Arial`,e.fillStyle=`rgba(255, 255, 0, 1)`,e.textAlign=`center`,e.fillText(`切割: ${i}`,r,a+o-5),e.restore()}}drawEventDurationLabel(e,t,n,r,a,o,s){e.save();let c=Math.round(n.duration*1e3)/1e3,l;l=t.formatEventDuration?t.formatEventDuration(c):i(c),e.font=`bold 11px Arial`,e.fillStyle=t.colors.eventDurationLabel,e.textAlign=`center`;let u=r+o/2,d=a+s-8;e.fillText(l,u,d),e.restore()}},ne=class{constructor(){this.name=`Tracks`,this.layer=`tracks`,this.eventsRenderer=new te}render(e){let{ctx:t,canvas:n,config:r,state:i,pluginManager:a,width:o,height:s}=e,c=r.startPaddingTime-i.scrollX,l=this.eventsRenderer;for(let e=0;e<i.tracks.length;e++){let u=r.timelineHeight+r.firstTrackTopMargin+e*(r.trackHeight+r.trackMargin)-i.scrollY;if(u+r.trackHeight<r.timelineHeight||u>s)continue;let d;d=e===i.selectedTrack||i.highlightedEvent&&i.highlightedEvent.trackIndex===e||i.selectedEvent&&i.selectedEvent.trackIndex===e?r.colors.trackBackgroundSelected:r.colors.trackBackgroundOdd&&r.colors.trackBackgroundEven?e%2==0?r.colors.trackBackgroundOdd:r.colors.trackBackgroundEven:r.colors.trackBackground,t.fillStyle=d;let f=o-c;f>0&&t.fillRect(c,u,f,r.trackHeight),l.renderEvents(t,r,i,e,u,n,a,o)}}shouldRender(e,t){if(!t)return!0;let{config:n,state:r}=e,{config:i,state:a}=t;return r.tracks!==a.tracks||r.scrollY!==a.scrollY||r.scrollX!==a.scrollX||r.zoomLevel!==a.zoomLevel||r.selectedEvent!==a.selectedEvent||r.highlightedEvent!==a.highlightedEvent||n.trackHeight!==i.trackHeight||n.trackMargin!==i.trackMargin}},re=class{constructor(){this.name=`Scrollbar`,this.layer=`scrollbar`}render(e){let{ctx:t,config:n,state:r,width:i,height:a}=e;this.drawVerticalScrollbar(t,n,r,i,a),this.drawHorizontalScrollbar(t,n,r,i,a)}drawVerticalScrollbar(e,t,n,r,i){let a=t.startPaddingTime+(t.endTime+t.endPaddingTime-t.startTime)*t.secondWidth*n.zoomLevel>r?13:0,o=t.timelineHeight+t.firstTrackTopMargin+n.tracks.length*(t.trackHeight+t.trackMargin);if(o>i-a){let s=r-8-5,l=t.timelineHeight,u=i-t.timelineHeight-a-5;e.fillStyle=t.colors.scrollbarTrack,c(e,s,l,8,u,4);let d=(i-a-5)/o,f=Math.max(30,u*d),p=o-i+a+5,m=n.scrollY/p,h=l+(u-f)*m;e.fillStyle=n.draggingScrollbar?t.colors.scrollbarHandleHover:t.colors.scrollbarHandle,c(e,s,h,8,f,4),e.fillStyle=t.colors.scrollbarHandleHighlight,c(e,s,h,8,f/2,4),n.draggingScrollbar&&(e.strokeStyle=t.colors.scrollbarBorder,e.lineWidth=1,c(e,s,h,8,f,4,!0))}}drawHorizontalScrollbar(e,t,n,r,i){let a=t.startPaddingTime+(t.endTime+t.endPaddingTime-t.startTime)*t.secondWidth*n.zoomLevel;if(a<=r)return;let o=t.timelineHeight+t.firstTrackTopMargin+n.tracks.length*(t.trackHeight+t.trackMargin)>i?13:0,s=i-8-5,l=r-o;e.fillStyle=t.colors.scrollbarTrack,c(e,0,s,l,8,4);let u=r/a,d=Math.max(30,l*u),f=a-r,p=n.scrollX/f,m=0+(l-d)*p;e.fillStyle=n.draggingHorizontalScrollbar?t.colors.scrollbarHandleHover:t.colors.scrollbarHandle,c(e,m,s,d,8,4),e.fillStyle=t.colors.scrollbarHandleHighlight,c(e,m,s,d/2,8,4),n.draggingHorizontalScrollbar&&(e.strokeStyle=t.colors.scrollbarBorder,e.lineWidth=1,c(e,m,s,d,8,4,!0))}shouldRender(e,t){if(!t)return!0;let{state:n}=e,{state:r}=t;return n.scrollY!==r.scrollY||n.scrollX!==r.scrollX||n.draggingScrollbar!==r.draggingScrollbar||n.draggingHorizontalScrollbar!==r.draggingHorizontalScrollbar}},N=class{constructor(){this.name=`Indicator`,this.layer=`indicator`}render(e){let{ctx:t,config:n,state:r,width:i,height:a}=e;if(!n.enableTimeIndicator)return;let o=n.startPaddingTime+(r.timeIndicatorPosition-n.startTime)*n.secondWidth*r.zoomLevel-r.scrollX;if(o<-10||o>i+10)return;t.strokeStyle=n.colors.timeIndicator,t.lineWidth=n.timeIndicatorWidth,t.beginPath(),t.moveTo(o,n.timelineHeight),t.lineTo(o,a),t.stroke();let s=n.timeIndicatorHeadSize,c=n.timeIndicatorTriangleHeight,l=n.timelineHeight-s-c;t.fillStyle=n.colors.timeIndicator,t.fillRect(o-s/2,l,s,s),t.beginPath(),t.moveTo(o-s/2,l+s),t.lineTo(o+s/2,l+s),t.lineTo(o,l+s+c),t.closePath(),t.fill()}shouldRender(e,t){if(!t)return!0;let{config:n,state:r}=e,{config:i,state:a}=t;return n.enableTimeIndicator?r.timeIndicatorPosition!==a.timeIndicatorPosition||r.draggingTimeIndicator!==a.draggingTimeIndicator||r.scrollX!==a.scrollX||r.zoomLevel!==a.zoomLevel||n.timelineHeight!==i.timelineHeight:!1}},P=class{constructor(){this.name=`GuideLines`,this.layer=`guideLines`}render(e){let{ctx:t,config:n,state:r,width:i,height:a}=e;if(t.save(),r.guideLines.length>0){t.strokeStyle=n.colors.guideLine,t.lineWidth=2,t.setLineDash([5,5]);for(let e of r.guideLines){let o=n.startPaddingTime+(e.time-n.startTime)*n.secondWidth*r.zoomLevel-r.scrollX;o<-10||o>i+10||(t.beginPath(),t.moveTo(o,n.timelineHeight),t.lineTo(o,a),t.stroke(),t.setLineDash([]),t.fillStyle=n.colors.guideLineLabel,t.font=`bold 11px Arial`,t.textAlign=`center`,t.fillText(f(e.time),o,n.timelineHeight-5),t.setLineDash([5,5]))}}if(r.dragTimeReference){let e=n.startPaddingTime+(r.dragTimeReference.time-n.startTime)*n.secondWidth*r.zoomLevel-r.scrollX;if(e>=-10&&e<=i+10){let i=r.dragTimeReference.y-r.scrollY;t.strokeStyle=n.colors.dragTimeReferenceLine,t.lineWidth=2,t.setLineDash([8,4]),t.beginPath(),t.moveTo(e,n.timelineHeight),t.lineTo(e,i),t.stroke(),t.setLineDash([]),t.fillStyle=n.colors.dragTimeReferenceLabel,t.font=`bold 12px Arial`,t.textAlign=`center`;let a=f(r.dragTimeReference.time),o=t.measureText(a).width;t.fillStyle=n.colors.dragTimeReferenceLabelBackground,t.fillRect(e-o/2-4,n.timelineHeight-14-4-5,o+8,22),t.fillStyle=n.colors.dragTimeReferenceLabel,t.fillText(a,e,n.timelineHeight-5)}}t.restore()}shouldRender(e,t){if(!t)return!0;let{state:n}=e,{state:r}=t;return n.guideLines!==r.guideLines||n.dragTimeReference!==r.dragTimeReference||n.scrollX!==r.scrollX||n.scrollY!==r.scrollY||n.zoomLevel!==r.zoomLevel}},F=class{constructor(){this.name=`Interaction`,this.layer=`interaction`}render(e){let{ctx:t,config:n,state:r}=e;!r.draggingEvent||!r.draggingEvent.isDragging||(this.renderDragPreview(t,n,r),this.renderDraggingEvent(t,n,r))}renderDragPreview(e,t,n){if(!n.draggingEvent||!n.tracks[n.draggingEvent.trackIndex])return;let r=n.tracks[n.draggingEvent.trackIndex].events[n.draggingEvent.eventIndex];if(!r)return;let i=n.draggingEvent.currentMouseY||0,a=n.draggingEvent.canMove!==!1,o=Math.floor((i-t.timelineHeight-t.firstTrackTopMargin)/(t.trackHeight+t.trackMargin)),s=Math.max(0,Math.min(n.tracks.length-1,o)),l=t.timelineHeight+t.firstTrackTopMargin+s*(t.trackHeight+t.trackMargin),u=(n.draggingEvent.currentMouseX||0)-n.dragOffsetX,d=r.duration*t.secondWidth*n.zoomLevel,f=Math.max(5,t.trackHeight*.0625),p=t.trackHeight-f*2,m=t.eventBlockStyle.borderRadius;e.save(),a?(e.fillStyle=t.colors.dragPreviewValid,e.strokeStyle=t.colors.dragPreviewBorderValid):(e.fillStyle=t.colors.dragPreviewInvalid,e.strokeStyle=t.colors.dragPreviewBorderInvalid),e.lineWidth=2,e.setLineDash([5,5]),e.globalAlpha=.6,m>0?(c(e,u,l-n.scrollY+f,d,p,m),e.fill(),e.stroke()):(e.fillRect(u,l-n.scrollY+f,d,p),e.strokeRect(u,l-n.scrollY+f,d,p)),e.restore()}renderDraggingEvent(e,t,n){if(!n.draggingEvent||!n.tracks[n.draggingEvent.trackIndex].events)return;let r=n.tracks[n.draggingEvent.trackIndex].events[n.draggingEvent.eventIndex];if(!r)return;let i=n.draggingEvent.currentMouseX||0,a=n.draggingEvent.currentMouseY||0,o=i-n.dragOffsetX,s=a-n.dragOffsetY-n.scrollY,l=r.duration*t.secondWidth*n.zoomLevel,u=Math.max(5,t.trackHeight*.0625),d=t.trackHeight-u*2;e.save();let f=t.eventBlockStyle.borderRadius;e.fillStyle=r.color,f>0?(c(e,o,s+u,l,d,f),e.fill()):e.fillRect(o,s+u,l,d),e.strokeStyle=t.colors.eventBorderSelected,e.lineWidth=2,t.eventBlockStyle.enableSelectionGlow&&(e.shadowColor=t.colors.eventBorderSelected,e.shadowBlur=t.eventBlockStyle.selectionGlowBlur),f>0?(c(e,o,s+u,l,d,f),e.stroke()):e.strokeRect(o,s+u,l,d),e.shadowBlur=0,e.fillStyle=t.colors.eventOverlay,f>0?(c(e,o,s+u,l,d,f),e.fill()):e.fillRect(o,s+u,l,d),e.restore(),this.renderEventText(e,t,r,o,s,l,u)}renderEventText(e,t,n,r,i,a,o){let s=t.eventTextStyle,c=s.titleColor||t.colors.eventText,l=s.timeColor||t.colors.eventText,u={left:r+10,right:r+a-10,center:r+a/2}[s.textAlign]??r+a/2,d={top:i+o,middle:i+t.trackHeight/2,bottom:i+t.trackHeight-o}[s.verticalAlign]??i+o;e.textAlign=s.textAlign;let p=s.showTitle&&t.trackHeight>=s.minHeightForTitle,m=s.showTime&&t.trackHeight>=s.minHeightForTime,h=s.titleFontSize===`auto`?Math.max(10,Math.min(14,t.trackHeight*.175)):s.titleFontSize,g=s.timeFontSize===`auto`?Math.max(8,Math.min(12,t.trackHeight*.15)):s.timeFontSize,_=`${f(n.startTime)} - ${f(n.endTime)}`;if(p){e.fillStyle=c,e.font=`${s.titleFontWeight} ${h}px ${s.titleFontFamily}`;let t=m?d-(typeof h==`number`?h:14)/2+s.titleOffsetY:d+s.titleOffsetY;e.fillText(n.title,u,t)}if(m){e.fillStyle=l,e.font=`${s.timeFontWeight} ${g}px ${s.timeFontFamily}`;let t=p?d+(typeof g==`number`?g:12)+s.timeOffsetY:d+s.timeOffsetY;e.fillText(_,u,t)}}shouldRender(e,t){if(!t)return!0;let{state:n}=e,{state:r}=t;return!!(n.draggingEvent!==r.draggingEvent||n.draggingEvent&&r.draggingEvent&&(n.draggingEvent.currentMouseX!==r.draggingEvent.currentMouseX||n.draggingEvent.currentMouseY!==r.draggingEvent.currentMouseY))}};function I(e,t,n,r,i,a){return{ctx:e,canvas:t,config:n,state:r,dpr:i,width:t.width/i,height:t.height/i,pluginManager:a}}const L=_(`LayerBuffer`),R={background:`background`,tracks:`main`,timeline:`main`,guideLines:`main`,indicator:`main`,scrollbar:`main`,interaction:`interaction`,overlay:`overlay`},z=[`background`,`main`,`media`,`interaction`,`overlay`];function B(e,t){if(typeof OffscreenCanvas<`u`)try{let n=new OffscreenCanvas(e,t),r=n.getContext(`2d`);if(r)return{canvas:n,ctx:r}}catch{}let n=document.createElement(`canvas`);return n.width=e,n.height=t,{canvas:n,ctx:n.getContext(`2d`)}}var V=class{constructor(){this.buffers=new Map,this.width=0,this.height=0,this.dpr=1}initialize(e,t,n){this.width=e,this.height=t,this.dpr=n;let r=Math.max(1,Math.floor(e*n)),i=Math.max(1,Math.floor(t*n));for(let e of z){let t=this.buffers.get(e);if(t)t.canvas.width=r,t.canvas.height=i,t.dirty=!0;else{let{canvas:t,ctx:n}=B(r,i);this.buffers.set(e,{canvas:t,ctx:n,dirty:!0})}}L.debugStyled(b.pipeline,`LayerBufferManager initialized: ${r}x${i} (dpr=${n})`)}markDirtyFromLayers(e){for(let t of e){let e=R[t];if(e){let t=this.buffers.get(e);t&&(t.dirty=!0)}}}markDirty(e){let t=this.buffers.get(e);t&&(t.dirty=!0)}markAllDirty(){for(let e of this.buffers.values())e.dirty=!0}getBuffer(e){return this.buffers.get(e)}isDirty(e){return this.buffers.get(e)?.dirty??!0}clearDirty(e){let t=this.buffers.get(e);t&&(t.dirty=!1)}compositeToMain(e,t,n){e.save(),e.setTransform(1,0,0,1,0,0),e.clearRect(0,0,t,n);for(let t of z){let n=this.buffers.get(t);n&&e.drawImage(n.canvas,0,0)}e.restore()}isInitialized(){return this.buffers.size>0}getSize(){return{width:this.width,height:this.height,dpr:this.dpr}}dispose(){this.buffers.clear(),this.width=0,this.height=0}};const H=_(`DirtyCheck`);var U=class{constructor(e,t,n,r,i){this.cachedLogicalWidth=0,this.cachedLogicalHeight=0,this.cacheValid=!1,this.dirtyLayers=new Set([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`overlay`,`interaction`]),this.lastLayerTimes={},this.isFirstRender=!0,this.canvas=e,this.ctx=t,this.config=n,this.state=r,this.pluginManager=i,this.dpr=window.devicePixelRatio||1,this.logicalCanvas={width:0,height:0,getContext:this.canvas.getContext.bind(this.canvas)},this.viewport=new ee(this.config,this.state),this.layerBufferManager=new V,this.renderPipeline=new k,this.renderPipeline.registerRenderer(`timeline`,new A),this.renderPipeline.registerRenderer(`tracks`,new ne),this.renderPipeline.registerRenderer(`guideLines`,new P),this.renderPipeline.registerRenderer(`indicator`,new N),this.renderPipeline.registerRenderer(`scrollbar`,new re),this.renderPipeline.registerRenderer(`interaction`,new F)}setCanvasSize(e,t){let n=Math.floor(e*this.dpr),r=Math.floor(t*this.dpr);if(Math.abs(this.canvas.width-n)<1&&Math.abs(this.canvas.height-r)<1)return;this.canvas.width=n,this.canvas.height=r,this.canvas.style.width=`${e}px`,this.canvas.style.height=`${t}px`,this.invalidateCache();let i=this.getContentHeight(),a=Math.max(0,i-this.getCachedLogicalHeight());this.state.scrollY=Math.max(0,Math.min(a,this.state.scrollY)),this.state.zoomLevel<this.config.minAutoFitZoom&&(this.state.zoomLevel=this.config.minAutoFitZoom,this.state.scrollX=0),this.markAllDirty(),this.draw()}getCanvasLogicalWidth(){return this.canvas.width/this.dpr}getCanvasLogicalHeight(){return this.canvas.height/this.dpr}getCachedLogicalWidth(){return this.cacheValid||=(this.cachedLogicalWidth=this.canvas.width/this.dpr,this.cachedLogicalHeight=this.canvas.height/this.dpr,!0),this.cachedLogicalWidth}getCachedLogicalHeight(){return this.cacheValid||=(this.cachedLogicalWidth=this.canvas.width/this.dpr,this.cachedLogicalHeight=this.canvas.height/this.dpr,!0),this.cachedLogicalHeight}invalidateCache(){this.cacheValid=!1}draw(){if(this.dirtyLayers.size===0&&!this.isFirstRender)return;this.pluginManager.measureStart(`draw`);let e=this.canvas.width/this.dpr,t=this.canvas.height/this.dpr;this.logicalCanvas.width=e,this.logicalCanvas.height=t;let n=this.logicalCanvas,r=this.layerBufferManager.getSize();if((!this.layerBufferManager.isInitialized()||r.width!==e||r.height!==t||r.dpr!==this.dpr)&&this.layerBufferManager.initialize(e,t,this.dpr),this.isFirstRender?this.layerBufferManager.markAllDirty():this.layerBufferManager.markDirtyFromLayers(this.dirtyLayers),this.layerBufferManager.isDirty(`background`)){let e=this.layerBufferManager.getBuffer(`background`),t=performance.now();e.ctx.clearRect(0,0,e.canvas.width,e.canvas.height),e.ctx.save(),e.ctx.scale(this.dpr,this.dpr),this.pluginManager.renderBackground(e.ctx,n,this.config,this.state),e.ctx.restore(),this.layerBufferManager.clearDirty(`background`),this.lastLayerTimes.background=performance.now()-t}if(this.layerBufferManager.isDirty(`main`)){let e=this.layerBufferManager.getBuffer(`main`);e.ctx.clearRect(0,0,e.canvas.width,e.canvas.height),e.ctx.save(),e.ctx.scale(this.dpr,this.dpr);let t=I(e.ctx,this.canvas,this.config,this.state,this.dpr,this.pluginManager);this.renderPipeline.render(t,{forceFullRender:!1,dirtyLayers:new Set([`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`])}),e.ctx.restore(),this.layerBufferManager.clearDirty(`main`);let n=this.renderPipeline.getStats();this.lastLayerTimes={...this.lastLayerTimes,...n.layerTimes}}if(this.layerBufferManager.isDirty(`media`)&&this.layerBufferManager.clearDirty(`media`),this.layerBufferManager.isDirty(`interaction`)){let e=this.layerBufferManager.getBuffer(`interaction`);e.ctx.clearRect(0,0,e.canvas.width,e.canvas.height),e.ctx.save(),e.ctx.scale(this.dpr,this.dpr);let t=I(e.ctx,this.canvas,this.config,this.state,this.dpr,this.pluginManager);this.renderPipeline.render(t,{forceFullRender:!1,dirtyLayers:new Set([`interaction`])}),e.ctx.restore(),this.layerBufferManager.clearDirty(`interaction`)}if(this.layerBufferManager.isDirty(`overlay`)){let e=this.layerBufferManager.getBuffer(`overlay`),t=performance.now();e.ctx.clearRect(0,0,e.canvas.width,e.canvas.height),e.ctx.save(),e.ctx.scale(this.dpr,this.dpr),this.pluginManager.renderOverlay(e.ctx,n,this.config,this.state),e.ctx.restore(),this.layerBufferManager.clearDirty(`overlay`),this.lastLayerTimes.overlay=performance.now()-t}this.layerBufferManager.compositeToMain(this.ctx,this.canvas.width,this.canvas.height),this.isFirstRender&&=!1,this.pluginManager.measureEnd(`draw`),this.dirtyLayers.clear()}getContentWidth(e){return this.viewport.getContentWidth(e)}getContentHeight(){return this.viewport.getContentHeight()}computeMaxScrollX(e){return this.viewport.computeMaxScrollX(e,this.getCachedLogicalWidth())}computeMaxScrollY(){return this.viewport.computeMaxScrollYWithPadding(this.getCachedLogicalHeight(),this.getCachedLogicalWidth(),this.state.zoomLevel)}hasHorizontalScrollbar(){return this.viewport.hasHorizontalScrollbar(this.getCachedLogicalWidth(),this.state.zoomLevel)}getAvailableHeight(){return this.viewport.getAvailableHeight(this.getCachedLogicalHeight(),this.getCachedLogicalWidth(),this.state.zoomLevel)}invalidateLayoutCache(){this.viewport.invalidateCache()}markDirty(e){H.debugStyled(b.dataUpdate,`✓ Marking layers dirty: [${e.join(`, `)}]`);for(let t of e)this.dirtyLayers.add(t)}markAllDirty(){H.debugStyled(b.dataUpdate,`✓ Marking ALL layers dirty`),this.dirtyLayers=new Set([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`overlay`,`interaction`]),this.layerBufferManager.markAllDirty()}getLastLayerTimes(){return{...this.lastLayerTimes}}},W=class{constructor(e){this.timeline=e}createContext(e){let t=this.timeline.getCanvas().getBoundingClientRect(),n=this.timeline.state;return{canvasX:e.clientX-t.left,canvasY:e.clientY-t.top,logicalX:e.clientX-t.left+n.scrollX,logicalY:e.clientY-t.top+n.scrollY,originalEvent:e,canvasWidth:t.width,canvasHeight:t.height}}handleMouseDown(e){return null}handleMouseMove(e){return null}handleMouseUp(e){return null}handleContextMenu(e){return null}};const G=_(`DraggingState`);var K=class extends W{constructor(e){super(e),this.name=`Dragging`,this.MOVE_THRESHOLD=5,this.isSnappedToGuideLine=!1,this.snappedTime=null}onEnter(){this.timeline.beginIndexBatch()}onExit(){let e=this.timeline.state;e.guideLines=[],e.dragTimeReference=null,this.timeline.endIndexBatch(),this.timeline.autoRemoveEmptyLastTrack()}handleMouseMove(t){let{logicalX:n,logicalY:i}=t,o=this.timeline.config,s=this.timeline.state,c=this.timeline.getCanvas();if(!s.draggingEvent)return this.createIdleState();if(Math.sqrt((n-s.draggingEvent.startX)**2+(i-s.draggingEvent.startY)**2)>this.MOVE_THRESHOLD&&(s.draggingEvent.isDragging=!0),!s.draggingEvent.isDragging)return c.style.cursor=`move`,null;let{trackIndex:l,eventIndex:u}=s.draggingEvent;if(l<0||l>=s.tracks.length||u<0||u>=s.tracks[l].events.length)return G.warn(`当前错误的状态:`,{value:s.draggingEvent}),s.draggingEvent=null,this.createIdleState();let d=s.tracks[l].events[u];this.timeline.setStatus(`正在拖动: ${d.title}`);let f=(n-s.draggingEvent.startX)/(o.secondWidth*s.zoomLevel),p=s.draggingEvent.originalStartTime+f,m=Math.floor((i-o.timelineHeight-o.firstTrackTopMargin)/(o.trackHeight+o.trackMargin));if(o.autoAddTrack&&m>=s.tracks.length){let e={id:s.tracks.length,events:[]};s.tracks.push(e),this.timeline.setStatus(`自动新增轨道 ${s.tracks.length}`),this.timeline.callbacks.onTrackAdd&&this.timeline.callbacks.onTrackAdd(e)}m=Math.max(0,Math.min(s.tracks.length-1,m)),s.guideLines=this.timeline.calculateGuideLines(l,u,m,p,d.duration);let h=this.timeline.snapToGuideLines(p,d.duration);if(h!==null)if(this.isSnappedToGuideLine&&this.snappedTime!==null){let e=this.timeline.config.guideLineSnapThreshold*1.5;Math.abs(p-this.snappedTime)<e?p=this.snappedTime:(this.isSnappedToGuideLine=!1,this.snappedTime=null,p=h,this.isSnappedToGuideLine=!0,this.snappedTime=h)}else p=h,this.isSnappedToGuideLine=!0,this.snappedTime=h;else if(this.isSnappedToGuideLine=!1,this.snappedTime=null,s.snapEnabled)if(o.enableTimeIndicator&&s.timeIndicatorSnapEnabled){let t=g(s.timeIndicatorPosition,o.startTime,o.startPaddingTime,o.secondWidth,s.zoomLevel,s.scrollX),n=o.startPaddingTime+(p-o.startTime)*o.secondWidth*s.zoomLevel-s.scrollX;if(Math.abs(n-t)<o.timeIndicatorSnapThreshold)p=s.timeIndicatorPosition;else{let t=a(s.zoomLevel,o.snapInterval,o.snapToSeconds,o.secondPrecisionZoomThreshold,o.scale,o.scaleSplitCount);p=e(p,t)}}else{let t=a(s.zoomLevel,o.snapInterval,o.snapToSeconds,o.secondPrecisionZoomThreshold,o.scale,o.scaleSplitCount);p=e(p,t)}p=Math.max(o.startTime,Math.min(o.endTime-d.duration,p));let _=o.timelineHeight+o.firstTrackTopMargin+m*(o.trackHeight+o.trackMargin)+o.trackHeight/2;s.dragTimeReference={time:p,y:_};let v=this.timeline.canMoveEvent(l,u,m,p,d.duration);if(v&&(d.startTime=p,d.endTime=r(p+d.duration),this.timeline.invalidateIndexTrack(l),m!==l)){let e=s.tracks[l].events.splice(u,1)[0];s.tracks[m].events.push(e),s.draggingEvent.trackIndex=m,s.draggingEvent.eventIndex=s.tracks[m].events.length-1,s.selectedTrack=m,s.selectedEvent&&s.selectedEvent.trackIndex===l&&(s.selectedEvent.eventIndex===u?s.selectedEvent={trackIndex:m,eventIndex:s.tracks[m].events.length-1}:s.selectedEvent.eventIndex>u&&(s.selectedEvent={...s.selectedEvent,eventIndex:s.selectedEvent.eventIndex-1})),this.timeline.invalidateIndexTrack(m),this.timeline.invalidateIndexTrack(l)}return s.draggingEvent&&(s.draggingEvent.currentMouseX=n,s.draggingEvent.currentMouseY=i,s.draggingEvent.canMove=v),this.timeline.notifyChange(`events:move`),null}handleMouseUp(e){let t=this.timeline.state;if(!t.draggingEvent)return this.createIdleState();let{trackIndex:n,eventIndex:r,originalTrackIndex:i,originalEventIndex:a}=t.draggingEvent;if(n<0||n>=t.tracks.length)return G.warn(`无法找到拖拽的事件, 放弃操作`,{trackIndex:n,eventIndex:r}),t.draggingEvent=null,this.createIdleState();let o=t.tracks[n]?.events[r];if(!o)return G.warn(`无法找到拖拽的事件, 放弃操作`,{trackIndex:n,eventIndex:r}),t.draggingEvent=null,this.createIdleState();let s=t.selectedEvent&&t.selectedEvent.trackIndex===i&&t.selectedEvent.eventIndex===a;return t.draggingEvent.isDragging?(this.timeline.setStatus(`已放置: ${o.title} (${this.timeline.formatTime(o.startTime)} - ${this.timeline.formatTime(o.endTime)})`),s&&(t.selectedEvent={trackIndex:n,eventIndex:r}),this.timeline.callbacks.onEventMove&&this.timeline.callbacks.onEventMove({trackIndex:n,eventIndex:r,event:u(o),fromTrackIndex:i})):(t.selectedEvent={trackIndex:n,eventIndex:r},this.timeline.setStatus(`已选中: ${o.title}`),this.timeline.callbacks.onEventClick&&this.timeline.callbacks.onEventClick({trackIndex:n,eventIndex:r,event:u(o),trackName:`轨道 ${n+1}`,formattedTimeRange:`${this.timeline.formatTime(o.startTime)} - ${this.timeline.formatTime(o.endTime)}`})),t.draggingEvent=null,this.timeline.notifyChange(`events:move`),this.createIdleState()}createIdleState(){return new X(this.timeline)}},q=class extends W{constructor(e){super(e),this.name=`Resizing`}onEnter(){this.timeline.beginIndexBatch()}onExit(){let e=this.timeline.state;e.guideLines=[],this.timeline.endIndexBatch()}handleMouseMove(t){let{logicalX:n}=t,i=this.timeline.config,o=this.timeline.state;if(!o.resizingEvent)return this.createIdleState();let{trackIndex:s,eventIndex:c,edge:l,originalStartTime:u,originalDuration:d}=o.resizingEvent;if(s<0||s>=o.tracks.length||c<0||c>=o.tracks[s].events.length)return o.resizingEvent=null,this.createIdleState();let f=o.tracks[s].events[c],p=(n-o.resizingEvent.startX)/(i.secondWidth*o.zoomLevel);if(l===`left`){let t=u+p,n=r(u+d),l=n-t;o.guideLines=this.timeline.calculateGuideLines(s,c,s,t,l>0?l:d);let m=this.timeline.snapEdgeToGuideLines(t);if(m!==null)t=m;else if(o.snapEnabled){let n=a(o.zoomLevel,i.snapInterval,i.snapToSeconds,i.secondPrecisionZoomThreshold,i.scale,i.scaleSplitCount);t=e(t,n)}t=r(Math.max(i.startTime,t)),t=r(Math.min(t,n-i.minEventDuration));let h=r(n-t),g=!0;for(let e=0;e<o.tracks[s].events.length;e++){if(e===c)continue;let r=o.tracks[s].events[e],i=r.startTime,a=i+r.duration;if(t<a&&n>i){g=!1;break}}if(g){if(!this.timeline.canMoveEvent(s,c,s,t,h))return this.timeline.notifyChange(`events:update`),null;f.startTime=t,f.duration=r(h),f.endTime=n,this.timeline.invalidateIndexTrack(s)}}else{let t=d+p,n=u+t;o.guideLines=this.timeline.calculateGuideLines(s,c,s,u,t>0?t:d);let l=this.timeline.snapEdgeToGuideLines(n);if(l!==null)t=r(l-u);else if(o.snapEnabled){let s=a(o.zoomLevel,i.snapInterval,i.snapToSeconds,i.secondPrecisionZoomThreshold,i.scale,i.scaleSplitCount);t=r(e(n,s)-u)}else t=r(t);n=u+t,t=r(Math.max(i.minEventDuration,t)),t=r(Math.min(t,i.endTime-u)),n=u+t;let m=!0;for(let e=0;e<o.tracks[s].events.length;e++){if(e===c)continue;let t=o.tracks[s].events[e],r=t.startTime;if(u<r+t.duration&&n>r){m=!1;break}}if(m){if(!this.timeline.canMoveEvent(s,c,s,u,t))return this.timeline.notifyChange(`events:update`),null;f.duration=r(t),f.endTime=r(u+t),this.timeline.invalidateIndexTrack(s)}}return this.timeline.notifyChange(`events:update`),this.timeline.setStatus(`调整大小: ${this.timeline.formatTime(f.startTime)} - ${this.timeline.formatTime(f.endTime)}`),null}handleMouseUp(e){let t=this.timeline.state;if(!t.resizingEvent)return this.createIdleState();let{trackIndex:n,eventIndex:r}=t.resizingEvent;if(n<0||n>=t.tracks.length||r<0||r>=t.tracks[n].events.length)return t.resizingEvent=null,this.createIdleState();let i=t.tracks[n].events[r];return t.resizingEvent=null,this.timeline.getCanvas().style.cursor=`default`,this.timeline.setStatus(`已调整事件大小: ${i.title}`),this.timeline.callbacks.onEventUpdate&&this.timeline.callbacks.onEventUpdate({type:`resize`,trackIndex:n,eventIndex:r,event:u(i)}),this.timeline.notifyChange(`events:update`),this.createIdleState()}createIdleState(){return new X(this.timeline)}},J=class extends W{constructor(e){super(e),this.name=`Scrolling`}handleMouseMove(e){let{canvasX:t,canvasY:n,canvasWidth:r,canvasHeight:i}=e,a=this.timeline.config,o=this.timeline.state;if(o.draggingScrollbar){let e=a.timelineHeight+a.firstTrackTopMargin+o.tracks.length*(a.trackHeight+a.trackMargin),t=i-(a.startPaddingTime+(a.endTime+a.endPaddingTime-a.startTime)*a.secondWidth*o.zoomLevel>r?13:0),s=t-a.timelineHeight-5,c=t/e,l=Math.max(30,s*c),u=Math.max(0,e-t),d=(n-a.timelineHeight-o.scrollbarDragOffset)/(s-l);return o.scrollY=Math.max(0,Math.min(u,d*u)),this.timeline.notifyChange(`scroll:y`),null}if(o.draggingHorizontalScrollbar){let e=a.startPaddingTime+(a.endTime+a.endPaddingTime-a.startTime)*a.secondWidth*o.zoomLevel,n=r,i=r/e,s=Math.max(30,n*i),c=Math.max(0,e-r),l=(t-o.horizontalScrollbarDragOffset)/(n-s);return o.scrollX=Math.max(0,Math.min(c,l*c)),this.timeline.notifyChange(`scroll:x`),null}return null}handleMouseUp(e){let t=this.timeline.state;return t.draggingScrollbar&&(t.draggingScrollbar=!1,this.timeline.setStatus(`就绪`)),t.draggingHorizontalScrollbar&&(t.draggingHorizontalScrollbar=!1,this.timeline.setStatus(`就绪`)),this.createIdleState()}createIdleState(){return new X(this.timeline)}},Y=class extends W{constructor(e){super(e),this.name=`TimeIndicatorDrag`}handleMouseMove(t){let{canvasX:n}=t,r=this.timeline.config,i=this.timeline.state,o=this.timeline.getCanvas();if(!i.draggingTimeIndicator)return this.createIdleState();o.style.cursor=r.readOnly?`not-allowed`:`ew-resize`;let s=(n-i.timeIndicatorDragOffsetX+i.scrollX-r.startPaddingTime)/(r.secondWidth*i.zoomLevel)+r.startTime;if(i.snapEnabled){let t=a(i.zoomLevel,r.snapInterval,r.snapToSeconds,r.secondPrecisionZoomThreshold,r.scale,r.scaleSplitCount);s=e(s,t)}return s=Math.max(r.startTime,Math.min(r.endTime,s)),this.timeline.setTimeIndicatorDuringDrag(s),null}handleMouseUp(e){let t=this.timeline.state;return t.draggingTimeIndicator&&(t.draggingTimeIndicator=!1,this.timeline.setTimeIndicator(t.timeIndicatorPosition,!1)),this.createIdleState()}createIdleState(){return new X(this.timeline)}},X=class extends W{constructor(e){super(e),this.name=`Idle`}handleMouseDown(e){let{canvasX:t,canvasY:n,logicalX:r,logicalY:i,canvasWidth:a,canvasHeight:o,originalEvent:s}=e,c=this.timeline.config,d=this.timeline.state,f=this.timeline.getCanvas(),p=c.readOnly;if(s.button===2)return null;if(d.contextMenuVisible){let e=d.contextMenuBounds;if(e){let r=e.x,i=e.y,a=e.width,o=e.height;if(t>=r&&t<=r+a&&n>=i&&n<=i+o){let t=Math.floor((n-i-e.padding)/e.itemHeight);if(t>=0&&t<c.contextMenuItems.length&&d.contextMenuEvent){let e=c.contextMenuItems[t],{trackIndex:n,eventIndex:r}=d.contextMenuEvent,i=d.tracks[n].events[r];if(i.readonly&&(e.type===`delete`||e.type===`edit`))return this.timeline.setStatus(`只读事件不可编辑或删除`),d.contextMenuVisible=!1,d.contextMenuEvent=null,this.timeline.notifyChange(`interaction:contextMenu`),null;this.timeline.callbacks.onContextMenu&&this.timeline.callbacks.onContextMenu({menuType:e.type,trackIndex:n,eventIndex:r,event:u(i)}),d.contextMenuVisible=!1,d.contextMenuEvent=null,this.timeline.notifyChange(`interaction:contextMenu`)}return null}else d.contextMenuVisible=!1,d.contextMenuEvent=null,this.timeline.notifyChange(`interaction:contextMenu`)}}let m=c.timelineHeight+c.firstTrackTopMargin+d.tracks.length*(c.trackHeight+c.trackMargin),h=this.timeline.getAvailableHeight();if(m>h){let e=a-8-5,r=c.timelineHeight,i=h-c.timelineHeight-5;if(t>=e&&t<=e+8&&n>=r&&n<=r+i){d.draggingScrollbar=!0;let e=h/m,t=Math.max(30,i*e),a=m-h,o=d.scrollY/a;return d.scrollbarDragOffset=n-(r+(i-t)*o),this.createScrollingState()}}let _=this.timeline.getContentWidthForZoom(d.zoomLevel);if(_>a){let e=o-8-5,r=a;if(n>=e&&n<=e+8&&t>=0&&t<=0+r){d.draggingHorizontalScrollbar=!0;let e=a/_,n=Math.max(30,r*e),i=_-a,o=d.scrollX/i;return d.horizontalScrollbarDragOffset=t-(0+(r-n)*o),this.createScrollingState()}}if(c.enableTimeIndicator&&!p){let e=g(d.timeIndicatorPosition,c.startTime,c.startPaddingTime,c.secondWidth,d.zoomLevel,d.scrollX),r=c.timeIndicatorHeadSize,i=c.timeIndicatorTriangleHeight,a=c.timelineHeight-r-i;if(t>=e-r/2&&t<=e+r/2&&n>=a&&n<=c.timelineHeight)return d.draggingTimeIndicator=!0,d.timeIndicatorDragOffsetX=t-e,this.createTimeIndicatorDragState()}if(i<c.timelineHeight)return null;let v=this.timeline.getInteractionTarget(t,n);if(c.enableEventResize&&!p&&v.resizeEdge){let e=d.tracks[v.trackIndex].events[v.eventIndex];return e.readonly?(f.style.cursor=`not-allowed`,null):(d.resizingEvent={trackIndex:v.trackIndex,eventIndex:v.eventIndex,edge:v.resizeEdge,startX:r,originalStartTime:e.startTime,originalDuration:e.duration},this.createResizingState())}if(v.eventIndex!==null&&v.trackIndex!==null){let e=v.trackIndex,t=v.eventIndex,n=d.tracks[e].events[t],a=Date.now();if(d.lastClickEvent&&d.lastClickEvent.trackIndex===e&&d.lastClickEvent.eventIndex===t&&a-d.lastClickTime<300&&c.enableEventSplit){if(n.readonly)return this.timeline.setStatus(`只读事件不可切割`),d.lastClickTime=0,d.lastClickEvent=null,null;let i=(r-c.startPaddingTime)/(c.secondWidth*d.zoomLevel)+c.startTime;return this.timeline.splitEvent(e,t,i),d.lastClickTime=0,d.lastClickEvent=null,this.timeline.hideSplitLine(),null}if(d.lastClickEvent={trackIndex:e,eventIndex:t},d.lastClickTime=a,d.selectedEvent={trackIndex:e,eventIndex:t},d.isManualSelection=!0,d.highlightedEvent=null,d.selectedTrack=null,n.readonly||p)return f.style.cursor=`not-allowed`,this.timeline.setStatus(`已选中: ${n.title}`),this.timeline.callbacks.onEventHighlight&&this.timeline.callbacks.onEventHighlight({trackIndex:e,eventIndex:t,event:u(n)}),this.timeline.callbacks.onEventClick&&this.timeline.callbacks.onEventClick({trackIndex:e,eventIndex:t,event:u(n),trackName:`轨道 ${e+1}`,formattedTimeRange:l(n.startTime,n.endTime)}),this.timeline.notifyChange(`selection:change`),null;let o=c.startPaddingTime+(n.startTime-c.startTime)*c.secondWidth*d.zoomLevel-d.scrollX,s=c.timelineHeight+c.firstTrackTopMargin+e*(c.trackHeight+c.trackMargin);return d.draggingEvent={trackIndex:e,eventIndex:t,eventX:o,eventY:s,originalTrackIndex:e,originalEventIndex:t,originalStartTime:n.startTime,startX:r,startY:i,isDragging:!1},d.dragOffsetX=r-o,d.dragOffsetY=i-s,this.timeline.callbacks.onEventHighlight&&this.timeline.callbacks.onEventHighlight({trackIndex:e,eventIndex:t,event:u(n)}),this.timeline.notifyChange(`selection:change`),this.createDraggingState()}return d.selectedEvent=null,d.highlightedEvent=null,d.selectedTrack=null,d.isManualSelection=!1,this.timeline.callbacks.onEventHighlight&&this.timeline.callbacks.onEventHighlight({trackIndex:null,eventIndex:null,event:null}),this.timeline.notifyChange(`selection:change`),null}handleMouseMove(t){let{canvasX:n,canvasY:r,logicalX:i,logicalY:o}=t,s=this.timeline.config,c=this.timeline.state,l=this.timeline.getCanvas();if(c.contextMenuVisible){let e=c.contextMenuBounds;if(e){let t=e.x,i=e.y,a=e.width,o=e.height;if(n>=t&&n<=t+a&&r>=i&&r<=i+o){let t=Math.floor((r-i-e.padding)/e.itemHeight);return t>=0&&t<s.contextMenuItems.length?(c.hoveredContextMenuItem!==t&&(c.hoveredContextMenuItem=t,this.timeline.notifyChange(`interaction:contextMenu`)),l.style.cursor=`pointer`):c.hoveredContextMenuItem!==-1&&(c.hoveredContextMenuItem=-1,this.timeline.notifyChange(`interaction:contextMenu`)),null}else c.hoveredContextMenuItem!==-1&&(c.hoveredContextMenuItem=-1,this.timeline.notifyChange(`interaction:contextMenu`))}}let u=this.timeline.getInteractionTarget(n,r);if(o>=s.timelineHeight&&!s.readOnly){if(s.enableEventResize){if(u.resizeEdge)return c.tracks[u.trackIndex].events[u.eventIndex].readonly?(c.hoveredResizeHandle=null,l.style.cursor=`not-allowed`,this.timeline.hideSplitLine(),this.timeline.notifyChange(`interaction:hover`),null):(c.hoveredResizeHandle={trackIndex:u.trackIndex,eventIndex:u.eventIndex,edge:u.resizeEdge},l.style.cursor=`ew-resize`,this.timeline.hideSplitLine(),this.timeline.notifyChange(`interaction:hover`),null);c.hoveredResizeHandle=null}if(s.enableEventSplit){if(u.eventIndex!==null&&u.trackIndex!==null&&!u.resizeEdge){let t=u.trackIndex,n=u.eventIndex,r=c.tracks[t].events[n];if(r.readonly)return this.timeline.hideSplitLine(),l.style.cursor=`not-allowed`,this.timeline.notifyChange(`interaction:hover`),null;let o=(i-s.startPaddingTime)/(s.secondWidth*c.zoomLevel)+s.startTime;if(c.snapEnabled){let t=a(c.zoomLevel,s.snapInterval,s.snapToSeconds,s.secondPrecisionZoomThreshold,s.scale,s.scaleSplitCount);o=e(o,t)}let d=o-r.startTime,f=r.duration-d;if(o>r.startTime&&o<r.startTime+r.duration&&d>=s.minEventDuration&&f>=s.minEventDuration)return this.timeline.showSplitLine(t,n,o),l.style.cursor=`pointer`,this.timeline.notifyChange(`interaction:splitLine`),null}this.timeline.hideSplitLine()}else this.timeline.hideSplitLine()}if(s.enableTimeIndicator&&r<=s.timelineHeight){let e=g(c.timeIndicatorPosition,s.startTime,s.startPaddingTime,s.secondWidth,c.zoomLevel,c.scrollX),t=s.timeIndicatorHeadSize;if(n>=e-t/2&&n<=e+t/2&&r>=0&&r<=s.timeIndicatorHeadSize)return l.style.cursor=s.readOnly?`not-allowed`:`ew-resize`,null}if(u.eventIndex!==null&&u.trackIndex!==null&&!u.resizeEdge){let{trackIndex:e,eventIndex:t}={trackIndex:u.trackIndex,eventIndex:u.eventIndex},n=c.tracks[e].events[t];l.style.cursor=`pointer`,this.timeline.setStatus(`${n.title} (${this.timeline.formatTime(n.startTime)} - ${this.timeline.formatTime(n.endTime)})`)}else l.style.cursor=`default`;return null}handleContextMenu(e){e.originalEvent.preventDefault();let{canvasX:t,canvasY:n}=e,r=this.timeline.config,i=this.timeline.state;if(!r.enableContextMenu||r.readOnly||!this.timeline.isPluginLoaded(`context-menu`))return null;let a=this.timeline.getEventAtPosition(t,n);if(a){let{trackIndex:e,eventIndex:r}=a;i.contextMenuEvent={trackIndex:e,eventIndex:r},i.contextMenuVisible=!0,i.contextMenuX=t,i.contextMenuY=n,i.hoveredContextMenuItem=-1,this.timeline.notifyChange(`interaction:contextMenu`)}else i.contextMenuVisible=!1,i.contextMenuEvent=null,this.timeline.notifyChange(`interaction:contextMenu`);return null}createDraggingState(){return new K(this.timeline)}createResizingState(){return new q(this.timeline)}createScrollingState(){return new J(this.timeline)}createTimeIndicatorDragState(){return new Y(this.timeline)}};const Z=_(`StateMachine`);var ie=class{constructor(e){this.timeline=e,this.rafId=null,this.pendingMouseMove=null,this.currentState=new X(e)}getCurrentStateName(){return this.currentState.name}transitionTo(e){if(!e||e===this.currentState)return;let t=this.currentState;t.onExit&&(Z.debugStyled(b.stateExit,`◁ Exit: ${t.name}`),t.onExit(e)),this.currentState=e,e.onEnter&&(Z.debugStyled(b.stateEnter,`▷ Enter: ${e.name}`),e.onEnter(t)),Z.debugStyled(b.stateTransition,`⟳ Transition: ${t.name} → ${e.name}`)}createContext(e){let t=this.timeline.getCanvas().getBoundingClientRect(),n=this.timeline.state;return{canvasX:e.clientX-t.left,canvasY:e.clientY-t.top,logicalX:e.clientX-t.left+n.scrollX,logicalY:e.clientY-t.top+n.scrollY,originalEvent:e,canvasWidth:t.width,canvasHeight:t.height}}handleMouseDown(e){let t=this.createContext(e),n=this.currentState.handleMouseDown(t);this.transitionTo(n)}handleMouseMove(e){if(this.rafId!==null){this.pendingMouseMove=e;return}this.pendingMouseMove=e,this.rafId=requestAnimationFrame(()=>{this.pendingMouseMove&&=(this.handleMouseMoveImpl(this.pendingMouseMove),null),this.rafId=null})}handleMouseMoveImpl(e){let t=this.createContext(e),n=this.currentState.handleMouseMove(t);this.transitionTo(n)}handleMouseUp(e){this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.rafId=null,this.pendingMouseMove=null);let t=e||new MouseEvent(`mouseup`),n=this.createContext(t),r=this.currentState.handleMouseUp(n);this.transitionTo(r)}handleContextMenu(e){let t=this.createContext(e),n=this.currentState.handleContextMenu(t);this.transitionTo(n)}destroy(){this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.pendingMouseMove=null}},ae=class{constructor(e){this.timeline=e}handleWheel(e){if(e.preventDefault(),e.ctrlKey||e.metaKey){let t=e.deltaY>0?.9:1.1;this.timeline.zoom(t)}else this.timeline.state.scrollY+=e.deltaY,this.timeline.adjustCanvasSize(),this.timeline.notifyChange(`scroll:y`)}},oe=class{constructor(e){this.baseContext=e,this.plugins=new Map,this.eventHandlers=new Map,this.renderLayers=new Map,this.pluginData=new Map}async loadPlugin(e){let{name:t,version:n}=e.metadata,r=`${t}@${n}`;if(this.plugins.has(r))return!1;let i=this.createPluginContext(r);try{return e.init&&await e.init(i),e.activate&&await e.activate(i),this.plugins.set(r,{plugin:e,context:i,active:!0}),!0}catch{return!1}}async unloadPlugin(e){let t=this.plugins.get(e);if(!t)return!1;try{t.plugin.deactivate&&await t.plugin.deactivate(t.context),t.plugin.destroy&&await t.plugin.destroy(t.context)}finally{this.cleanupPluginResources(e),this.plugins.delete(e)}return!0}createPluginContext(e){let t=new Map;this.pluginData.set(e,t);let n={registerRenderLayer:t=>this.registerRenderLayer(e,t),unregisterRenderLayer:t=>this.unregisterRenderLayer(e,t),registerEventHandler:(t,n)=>this.registerEventHandler(e,t,n),unregisterEventHandler:(t,n)=>this.unregisterEventHandler(e,t,n),showNotification:(t,n=`info`)=>{let r=_(`plugin:${e}`);switch(n){case`error`:r.error(t);break;case`warning`:r.warn(t);break;default:r.info(t)}},getData:e=>t.get(e),setData:(e,n)=>t.set(e,n),setPerformanceProvider:e=>{this.performanceProvider=e},getPerformanceStats:()=>this.performanceProvider?this.performanceProvider.getAllStats():new Map,getFPS:()=>this.performanceProvider?this.performanceProvider.getFPS():0};return{...this.baseContext,api:n}}registerEventHandler(e,t,n){let r=this.eventHandlers.get(t)||[];r.push(n),this.eventHandlers.set(t,r)}unregisterEventHandler(e,t,n){let r=this.eventHandlers.get(t);if(!r)return;let i=r.indexOf(n);i>=0&&r.splice(i,1),this.eventHandlers.set(t,r)}registerRenderLayer(e,t){this.renderLayers.set(t.name,t)}unregisterRenderLayer(e,t){this.renderLayers.delete(t)}cleanupPluginResources(e){this.pluginData.delete(e);for(let[t]of this.renderLayers)t.startsWith(e)&&this.renderLayers.delete(t)}emitEvent(e,...t){let n=this.eventHandlers.get(e);if(!(!n||n.length===0))for(let e of n)try{e(...t)}catch{}}validateEvent(e,...t){let n=this.eventHandlers.get(e);if(!n||n.length===0)return!0;for(let e of n)try{if(e(...t)===!1)return!1}catch{}return!0}renderBackground(e,t,n,r){for(let i of this.layersByPosition(`background`))i.render(e,t,n,r)}renderOverlay(e,t,n,r){for(let i of this.layersByPosition(`overlay`))i.render(e,t,n,r)}layersByPosition(e){return Array.from(this.renderLayers.values()).filter(t=>t.position===e)}getLoadedPlugins(){return Array.from(this.plugins.values()).map(e=>e.plugin)}isPluginLoaded(e){for(let[t]of this.plugins)if(t.startsWith(`${e}@`))return!0;return!1}measureStart(e){this.performanceProvider&&this.performanceProvider.startMeasurement(e)}measureEnd(e){this.performanceProvider&&this.performanceProvider.endMeasurement(e)}},se=class{constructor(e){this.logger=e}throw(e){throw this.logger.error(e),Error(e)}error(e){this.logger.error(e)}warn(e){this.logger.warn(e)}},Q=class{constructor(e){this.state={tracks:[],selectedTrack:null,selectedEvent:null,highlightedEvent:null,draggingEvent:null,dragOffsetX:0,dragOffsetY:0,resizingEvent:null,draggingTimeIndicator:!1,timeIndicatorDragOffsetX:0,draggingScrollbar:!1,scrollbarDragOffset:0,draggingHorizontalScrollbar:!1,horizontalScrollbarDragOffset:0,zoomLevel:1,scrollX:0,scrollY:0,snapEnabled:!0,timeIndicatorSnapEnabled:!0,contextMenuEvent:null,contextMenuVisible:!1,contextMenuX:0,contextMenuY:0,hoveredContextMenuItem:-1,timeIndicatorPosition:e.startTime,timeIndicatorHighlightedEvents:[],isManualSelection:!1,guideLines:[],dragTimeReference:null,hoveredResizeHandle:null,lastClickTime:0,lastClickEvent:null,hoveredSplitLine:null,statusText:`就绪`,contextMenuBounds:null,lastDrawTime:0}}setStatus(e,t){this.state.statusText=e,t&&t(e)}},ce=class{constructor(e){this.sortedIndices=new Map,this.dirtyTracks=new Set,this.batching=!1,this.state=e}invalidateTrack(e){this.dirtyTracks.add(e)}invalidateAll(){this.sortedIndices.clear(),this.dirtyTracks.clear()}beginBatch(){this.batching=!0}endBatch(){if(this.batching){for(let e of Array.from(this.dirtyTracks)){let t=this.state.tracks[e],n=t.events.map((e,t)=>t);n.sort((e,n)=>t.events[e].startTime-t.events[n].startTime),this.sortedIndices.set(e,n)}this.dirtyTracks.clear(),this.batching=!1}}ensureSorted(e){if(this.batching&&this.sortedIndices.has(e)&&!this.dirtyTracks.has(e))return this.sortedIndices.get(e);if(this.dirtyTracks.has(e)||!this.sortedIndices.has(e)){let t=this.state.tracks[e],n=t.events.map((e,t)=>t);n.sort((e,n)=>t.events[e].startTime-t.events[n].startTime),this.sortedIndices.set(e,n),this.dirtyTracks.delete(e)}return this.sortedIndices.get(e)}getCandidatesByTime(e,t,n=0){let r=this.ensureSorted(e),i=this.state.tracks[e],a=0,o=r.length-1,s=-1,c=t+n;for(;a<=o;){let e=a+o>>1,t=r[e];i.events[t].startTime<=c?(s=e,a=e+1):o=e-1}if(s===-1)return[];let l=[];for(let e=s;e>=0;e--){let a=r[e],o=i.events[a];o.startTime>t+n||o.endTime<t-n||l.push(a)}for(let e=s+1;e<r.length;e++){let a=r[e];if(i.events[a].startTime>t+n)break;l.push(a)}return l}};const $=_(`ChangeScheduler`);var le=class{constructor(e,t,n){this.renderManager=null,this.eventIndexManager=null,this.drawFn=null,this.handlers=new Map,this.batchContext=null,this.isBatching=!1,this.state=e,this.config=t,this.callbacks=n,this.initializeHandlers()}setRenderManager(e){this.renderManager=e}setEventIndexManager(e){this.eventIndexManager=e}setDrawFunction(e){this.drawFn=e}initializeHandlers(){this.handlers.set(`events:add`,{layers:[`tracks`,`timeline`,`scrollbar`,`indicator`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`events:update`,{layers:[`tracks`,`timeline`,`scrollbar`,`indicator`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`events:delete`,{layers:[`tracks`,`timeline`,`scrollbar`,`indicator`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`events:move`,{layers:[`tracks`,`timeline`,`scrollbar`,`guideLines`,`indicator`,`interaction`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`events:split`,{layers:[`tracks`,`timeline`,`scrollbar`,`indicator`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`tracks:add`,{layers:[`tracks`,`timeline`,`scrollbar`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`tracks:remove`,{layers:[`tracks`,`timeline`,`scrollbar`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`timeIndicator:move`,{layers:[`indicator`,`tracks`,`timeline`,`interaction`],derive:()=>this.computeHighlightList(),notify:()=>this.emitTimeIndicatorHighlight(),needsDraw:!0}),this.handlers.set(`timeIndicator:drag`,{layers:[`indicator`,`tracks`,`interaction`],derive:()=>this.computeHighlightList(),needsDraw:!0}),this.handlers.set(`scroll:x`,{layers:[`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`],needsDraw:!0}),this.handlers.set(`scroll:y`,{layers:[`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`],needsDraw:!0}),this.handlers.set(`zoom:change`,{layers:[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`],needsDraw:!0}),this.handlers.set(`selection:change`,{layers:[`tracks`,`interaction`,`indicator`],needsDraw:!0}),this.handlers.set(`highlight:change`,{layers:[`tracks`,`indicator`],needsDraw:!0}),this.handlers.set(`canvas:resize`,{layers:[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`],needsDraw:!0}),this.handlers.set(`data:load`,{layers:[`tracks`,`timeline`,`scrollbar`,`guideLines`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`theme:change`,{layers:[`background`,`tracks`,`timeline`,`indicator`,`scrollbar`,`overlay`],needsDraw:!0}),this.handlers.set(`interaction:hover`,{layers:[`tracks`,`interaction`,`overlay`],needsDraw:!0}),this.handlers.set(`interaction:contextMenu`,{layers:[`overlay`,`interaction`],needsDraw:!0}),this.handlers.set(`interaction:splitLine`,{layers:[`tracks`],needsDraw:!0}),this.handlers.set(`config:debug`,{layers:[`overlay`],needsDraw:!0}),this.handlers.set(`config:timeIndicator`,{layers:[`indicator`,`tracks`,`interaction`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`config:endTime`,{layers:[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`],needsDraw:!0}),this.handlers.set(`config:readOnly`,{layers:[`tracks`,`interaction`,`overlay`],needsDraw:!0})}notify(e){let t=this.handlers.get(e);if(!t){$.warn(`Unknown change type: ${e}`);return}if(this.isBatching&&this.batchContext){this.batchContext.changes.add(e);for(let e of t.layers)this.batchContext.dirtyLayers.add(e);t.derive&&this.batchContext.pendingDerives.push(t.derive),t.notify&&this.batchContext.pendingNotifications.push(t.notify)}else this.processChange(t)}notifyMultiple(e){this.beginBatch();for(let t of e)this.notify(t);this.endBatch()}beginBatch(){if(this.isBatching){$.warn(`Already in batch mode`);return}this.isBatching=!0,this.batchContext={changes:new Set,dirtyLayers:new Set,pendingNotifications:[],pendingDerives:[]}}endBatch(){if(!this.isBatching||!this.batchContext){$.warn(`Not in batch mode`);return}let e=this.batchContext;if(this.isBatching=!1,this.batchContext=null,e.changes.size===0)return;let t=[...new Set(e.pendingDerives)];for(let e of t)e();this.renderManager&&e.dirtyLayers.size>0&&this.renderManager.markDirty(Array.from(e.dirtyLayers)),this.drawFn&&this.drawFn();let n=[...new Set(e.pendingNotifications)];for(let e of n)e()}processChange(e){e.derive&&e.derive(),this.renderManager&&e.layers.length>0&&this.renderManager.markDirty(e.layers),e.needsDraw&&this.drawFn&&this.drawFn(),e.notify&&e.notify()}refreshHighlightList(){this.state.timeIndicatorHighlightedEvents=this.detectHighlightedEvents(this.state.timeIndicatorPosition)}computeHighlightList(){let e=this.state.timeIndicatorPosition,t=this.detectHighlightedEvents(e),n=this.hasHighlightChanged(this.state.timeIndicatorHighlightedEvents,t);this.state.timeIndicatorHighlightedEvents=t,this._highlightChanged=n}hasHighlightChanged(e,t){if(e.length!==t.length)return!0;for(let n=0;n<e.length;n++)if(e[n].trackIndex!==t[n].trackIndex||e[n].eventIndex!==t[n].eventIndex)return!0;return!1}detectHighlightedEvents(e){if(!this.config.enableTimeIndicator)return[];let t=[];if(this.eventIndexManager)for(let n=0;n<this.state.tracks.length;n++){let r=this.eventIndexManager.getCandidatesByTime(n,e,0),i=this.state.tracks[n];for(let a of r){let r=i.events[a];r&&e>r.startTime&&e<r.endTime&&t.push({trackIndex:n,eventIndex:a})}}else for(let n=0;n<this.state.tracks.length;n++){let r=this.state.tracks[n];for(let i=0;i<r.events.length;i++){let a=r.events[i];e>a.startTime&&e<a.endTime&&t.push({trackIndex:n,eventIndex:i})}}return t}emitTimeIndicatorHighlight(){if(this._highlightChanged){if(this.callbacks.onTimeIndicatorHighlight){let e=this.state.timeIndicatorPosition,t=this.state.timeIndicatorHighlightedEvents.filter(({trackIndex:e,eventIndex:t})=>{let n=this.state.tracks[e];return n&&t<n.events.length}).map(({trackIndex:e,eventIndex:t})=>{let n=this.state.tracks[e].events[t];return{trackIndex:e,eventIndex:t,event:u(n)}});this.callbacks.onTimeIndicatorHighlight({position:e,highlightedEvents:t})}this._highlightChanged=!1}}registerHandler(e,t){this.handlers.set(e,t)}getLayersForChange(e){return this.handlers.get(e)?.layers||[]}updateCallbacks(e){this.callbacks=e}},ue=class i{constructor(e,r={}){this.guideLinesCache=new Map,this.guideLinesCacheTimestamp=0,this.GUIDE_LINES_CACHE_TTL=500,this.eventListeners=null,this.currentThemePluginId=null,this._lastEdgeScrollTime=0,this.logger=new v({enabled:!0,level:r.debug?`debug`:`info`,prefix:`Timeline`,useGlobalConfig:!1}),y({enabled:!0,level:r.debug?`debug`:`info`}),this.errorHandler=new se(this.logger);let i=document.getElementById(e);(!i||!(i instanceof HTMLCanvasElement))&&this.errorHandler.throw(`Canvas element with id "${e}" not found`),this.canvas=i;let a=this.canvas.getContext(`2d`);if(a||this.errorHandler.throw(`Failed to get 2D context from canvas`),this.ctx=a,r.startPaddingTime===void 0&&(r.startPaddingTime=10),this.config={...s,...r,colors:{...p,...r.colors},eventTextStyle:{...n,...r.eventTextStyle},eventBlockStyle:{...m,...r.eventBlockStyle},contextMenuItems:r.contextMenuItems||t,contextMenuStyle:{...d,...r.contextMenuStyle}},this.logger.setLevel(this.config.debug?`debug`:`info`),this.callbacks={onEventAdd:r.onEventAdd||null,onEventUpdate:r.onEventUpdate||null,onEventDelete:r.onEventDelete||null,onEventMove:r.onEventMove||null,onEventClick:r.onEventClick||null,onEventEdit:r.onEventEdit||null,onContextMenu:r.onContextMenu||null,onTrackAdd:r.onTrackAdd||null,onTrackRemove:r.onTrackRemove||null,onTimeIndicatorMove:r.onTimeIndicatorMove||null,onZoom:r.onZoom||null,onStatusChange:r.onStatusChange||null,onEventHighlight:r.onEventHighlight||null,onTimeIndicatorHighlight:r.onTimeIndicatorHighlight||null},this.stateManager=new Q(this.config),this.state=this.stateManager.state,this.eventIndexManager=new ce(this.state),this.mouseHandler=new ie(this),this.wheelHandler=new ae(this),this.pluginManager=new oe({timeline:this,config:this.config,state:this.state}),r.theme){let e=`${r.theme.metadata.name}@${r.theme.metadata.version}`;this.pluginManager.loadPlugin(r.theme).then(t=>{t&&(this.currentThemePluginId=e,this.notifyChange(`theme:change`))})}this.renderManager=new U(this.canvas,this.ctx,this.config,this.state,this.pluginManager),this.changeScheduler=new le(this.state,this.config,this.callbacks),this.changeScheduler.setRenderManager(this.renderManager),this.changeScheduler.setEventIndexManager(this.eventIndexManager),this.changeScheduler.setDrawFunction(()=>this.draw()),this.init(),this.setupEventListeners()}getCanvas(){return this.canvas}usePlugin(e){return this.pluginManager.loadPlugin(e).then(t=>(t&&e.metadata?.type===x.THEME&&(this.currentThemePluginId=`${e.metadata.name}@${e.metadata.version}`,this.notifyChange(`theme:change`)),t))}getLoadedPlugins(){return this.pluginManager.getLoadedPlugins()}isPluginLoaded(e){return this.pluginManager.isPluginLoaded(e)}async removePlugin(e){return this.pluginManager.unloadPlugin(e)}async setTheme(e){let t=e===`dark`?C:S;return this.switchTheme(t)}async switchTheme(e){this.currentThemePluginId&&=(await this.pluginManager.unloadPlugin(this.currentThemePluginId),null);let t=`${e.metadata.name}@${e.metadata.version}`,n=await this.pluginManager.loadPlugin(e);return n&&(this.currentThemePluginId=t,this.notifyChange(`theme:change`)),n}init(){this.config.autoFitOnInit&&this.autoFitZoomToCanvas(),this.notifyChange(`data:load`)}getContentWidthForZoom(e){return this.renderManager.getContentWidth(e)}hasHorizontalScrollbar(){return this.renderManager.hasHorizontalScrollbar()}getAvailableHeight(){return this.renderManager.getAvailableHeight()}notifyChange(e){this.changeScheduler.notify(e)}beginChangeBatch(){this.changeScheduler.beginBatch()}endChangeBatch(){this.changeScheduler.endBatch()}setDebug(e){this.config.debug!==e&&(this.config.debug=e,this.logger.setLevel(e?`debug`:`info`),y({level:e?`debug`:`info`}),this.notifyChange(`config:debug`))}setEnableTimeIndicator(e){this.config.enableTimeIndicator!==e&&(this.config.enableTimeIndicator=e,e||(this.state.draggingTimeIndicator=!1,this.state.timeIndicatorHighlightedEvents=[]),this.notifyChange(`config:timeIndicator`))}markDirty(e){this.renderManager.markDirty(e)}getLastLayerTimes(){return this.renderManager.getLastLayerTimes()}beginIndexBatch(){this.eventIndexManager.beginBatch()}endIndexBatch(){this.eventIndexManager.endBatch()}invalidateIndexTrack(e){this.eventIndexManager.invalidateTrack(e)}invalidateIndexAll(){this.eventIndexManager.invalidateAll()}autoFitZoomToCanvas(){this.adjustCanvasSize();let e=this.renderManager.getCanvasLogicalWidth(),t=Math.max(this.config.minAutoFitZoom,this.state.zoomLevel,1),n=Math.max(this.config.maxAutoFitZoom,t);if(this.renderManager.getContentWidth(t)>=e){this.state.zoomLevel=t;return}for(;t<=n&&this.renderManager.getContentWidth(t)<e;)t+=.05;if(t<=n&&this.renderManager.getContentWidth(t)>=e){this.state.zoomLevel=parseFloat(t.toFixed(3)),this.setStatus(`自动缩放: ${Math.round(this.state.zoomLevel*100)}% 以铺满画布`);return}if(this.config.endPaddingTime===0){let t=e,r=this.renderManager.getContentWidth(n);if(r<t){let e=(t-r)/(this.config.secondWidth*n);this.config.endPaddingTime=Math.ceil(e),this.state.zoomLevel=n,this.setStatus(`自动缩放达到上限(${Math.round(n*100)}%)，已自动增加留白 ${this.config.endPaddingTime} 秒以铺满画布`);return}}this.state.zoomLevel=n,this.setStatus(`自动缩放达到上限(${Math.round(n*100)}%)，内容仍不足以完全铺满画布`),this.markDirty([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`])}setupEventListeners(){this.eventListeners={mousedown:e=>this.mouseHandler.handleMouseDown(e),mousemove:e=>this.mouseHandler.handleMouseMove(e),mouseup:e=>this.mouseHandler.handleMouseUp(e),mouseleave:()=>this.mouseHandler.handleMouseUp(),contextmenu:e=>this.mouseHandler.handleContextMenu(e),wheel:e=>this.wheelHandler.handleWheel(e)},this.canvas.addEventListener(`mousedown`,this.eventListeners.mousedown),this.canvas.addEventListener(`mousemove`,this.eventListeners.mousemove),this.canvas.addEventListener(`mouseup`,this.eventListeners.mouseup),this.canvas.addEventListener(`mouseleave`,this.eventListeners.mouseleave),this.canvas.addEventListener(`contextmenu`,this.eventListeners.contextmenu),this.canvas.addEventListener(`wheel`,this.eventListeners.wheel,{passive:!1}),this.setInitialCanvasSize()}setInitialCanvasSize(){let e=this.canvas.parentElement;if(!e){this.setCanvasSize(this.renderManager.getCanvasLogicalWidth(),this.config.canvasHeight||500);return}let t=e.getBoundingClientRect();this.setCanvasSize(t.width,t.height||this.config.canvasHeight||500)}setCanvasSize(e,t){this.renderManager.setCanvasSize(e,t)}getCanvasLogicalHeight(){return this.renderManager.getCanvasLogicalHeight()}getCachedLogicalHeight(){return this.renderManager.getCachedLogicalHeight()}adjustCanvasSize(){let e=this.renderManager.computeMaxScrollY();this.state.scrollY=Math.max(0,Math.min(e,this.state.scrollY)),this.notifyChange(`canvas:resize`)}addTrack(){let e={id:this.state.tracks.length,events:[]};this.state.tracks.push(e),this.adjustCanvasSize(),this.setStatus(`已添加轨道 ${this.state.tracks.length}`),this.callbacks.onTrackAdd&&this.callbacks.onTrackAdd(e)}removeTrack(){if(this.state.tracks.length<=1){this.setStatus(`至少需要保留一个轨道`);return}let e=this.state.tracks.pop();this.state.selectedTrack!==null&&this.state.selectedTrack>=this.state.tracks.length&&(this.state.selectedTrack=this.state.tracks.length>0?this.state.tracks.length-1:null),this.adjustCanvasSize(),this.setStatus(`已删除轨道，当前轨道数: ${this.state.tracks.length}`),this.callbacks.onTrackRemove&&this.callbacks.onTrackRemove(e)}autoRemoveEmptyLastTrack(){if(this.config.autoRemoveEmptyLastTrack&&!(this.state.tracks.length<=1)&&this.state.tracks[this.state.tracks.length-1].events.length===0){let e=this.state.tracks.pop();this.state.selectedTrack!==null&&this.state.selectedTrack>=this.state.tracks.length&&(this.state.selectedTrack=this.state.tracks.length>0?this.state.tracks.length-1:null),this.setStatus(`自动清理空轨道，当前轨道数: ${this.state.tracks.length}`),this.callbacks.onTrackRemove&&this.callbacks.onTrackRemove(e),this.adjustCanvasSize(),this.autoRemoveEmptyLastTrack()}}validateEventTime(e,t){let n=this.config.endTime+this.config.endPaddingTime,i,a;if(t>e&&t<=n)i=e,a=r(t-e);else if(t<=this.config.endTime-this.config.startTime&&e+t<=n)i=e,a=t;else return this.logger.error(`无效的时间范围: startTime=${e}, endTime=${t}`),null;return i<this.config.startTime?(this.logger.error(`开始时间不能进入左侧留白区域: startTime=${i}, minAllowed=${this.config.startTime}`),null):{startSec:i,duration:a}}addEvent(e,t,n,i,a=``,o,s=!1){if(e<0||e>=this.state.tracks.length)return;let c=this.validateEventTime(t,n);if(!c)return;let{startSec:l,duration:d}=c,f=this.state.tracks[e],p=r(d),m={id:f.events.length,startTime:l,endTime:r(l+p),duration:p,title:i,description:a,color:this.config.colors.eventColors[f.events.length%this.config.colors.eventColors.length],...s&&{readonly:s},...o&&{customData:o}};f.events.push(m),this.eventIndexManager.invalidateTrack(e),this.notifyChange(`events:add`),this.callbacks.onEventAdd&&this.callbacks.onEventAdd({trackIndex:e,event:u(m)})}updateEvent(e,t,n){if(e<0||e>=this.state.tracks.length)return this.logger.error(`无效的轨道索引`),!1;let r=this.state.tracks[e];if(t<0||t>=r.events.length)return this.logger.error(`无效的事件索引`),!1;let i=r.events[t],a=u(i);return Object.assign(i,n),this.eventIndexManager.invalidateTrack(e),this.notifyChange(`events:update`),this.setStatus(`已更新事件: ${i.title}`),this.callbacks.onEventUpdate&&this.callbacks.onEventUpdate({trackIndex:e,eventIndex:t,event:u(i),oldEvent:a}),!0}updateEventData(e,t,n){if(e<0||e>=this.state.tracks.length)return this.logger.error(`无效的轨道索引`),!1;let i=this.state.tracks[e];if(t<0||t>=i.events.length)return this.logger.error(`无效的事件索引`),!1;let a=i.events[t],o=u(a);return n.title!==void 0&&(a.title=n.title),n.startTime!==void 0&&(a.startTime=n.startTime,a.endTime=r(a.startTime+a.duration)),n.duration!==void 0&&(a.duration=r(n.duration),a.endTime=r(a.startTime+a.duration)),n.description!==void 0&&(a.description=n.description),this.eventIndexManager.invalidateTrack(e),this.notifyChange(`events:update`),this.setStatus(`已更新事件: ${a.title}`),this.callbacks.onEventUpdate&&this.callbacks.onEventUpdate({trackIndex:e,eventIndex:t,event:u(a),oldEvent:o}),!0}deleteEvent(e,t){if(e<0||e>=this.state.tracks.length)return!1;let n=this.state.tracks[e];if(t<0||t>=n.events.length)return!1;let r=u(n.events[t]);return n.events.splice(t,1),this.eventIndexManager.invalidateTrack(e),this.autoRemoveEmptyLastTrack(),this.notifyChange(`events:delete`),this.setStatus(`已删除事件: ${r.title}`),this.callbacks.onEventDelete&&this.callbacks.onEventDelete({trackIndex:e,eventIndex:t,event:r}),!0}loadData(e){if(!e||typeof e!=`object`)return this.logger.error(`无效的数据格式`),!1;this.state.tracks=[],this.state.selectedTrack=null,this.state.selectedEvent=null;let t=e.tracks||[];for(let e=0;e<t.length;e++){let n=t[e],i={id:this.state.tracks.length,events:[]},a=n.events||[];for(let e=0;e<a.length;e++){let t=a[e];if(!t.title)continue;let n,o;if(t.endTime!==void 0)n=t.startTime||0,o=r(t.endTime-n);else if(t.duration!==void 0)n=t.startTime||0,o=t.duration;else continue;let s=r(o),c={id:i.events.length,startTime:n,endTime:r(n+s),duration:s,title:t.title,description:t.description||``,color:t.color||this.config.colors.eventColors[i.events.length%this.config.colors.eventColors.length],...t.readonly&&{readonly:t.readonly},...t.customData&&{customData:t.customData},...t.media&&{media:t.media}};i.events.push(c)}this.state.tracks.push(i)}return this.state.tracks.length===0&&this.addTrack(),this.eventIndexManager.invalidateAll(),e.timeIndicatorPosition!==void 0&&this.setTimeIndicator(e.timeIndicatorPosition),this.notifyChange(`data:load`),this.setStatus(`已加载 ${this.state.tracks.length} 个轨道`),!0}setTimeIndicator(t,n=!1){if(typeof t!=`number`||isNaN(t))return this.logger.error(`时间指示器位置必须是数字（秒）`),!1;if(n&&this.state.snapEnabled){let n=a(this.state.zoomLevel,this.config.snapInterval,this.config.snapToSeconds,this.config.secondPrecisionZoomThreshold,this.config.scale,this.config.scaleSplitCount);t=e(t,n)}return t=Math.max(this.config.startTime,Math.min(this.config.endTime,t)),t===this.state.timeIndicatorPosition?!0:(this.state.timeIndicatorPosition=t,this.scrollToTimeIndicator(t),this.notifyChange(`timeIndicator:move`),this.setStatus(`时间指示器已移动到: ${f(t)}`),this.callbacks.onTimeIndicatorMove&&this.callbacks.onTimeIndicatorMove({position:t,time:f(t)}),!0)}setTimeIndicatorDuringDrag(e){e=Math.max(this.config.startTime,Math.min(this.config.endTime,e)),this.state.timeIndicatorPosition=e,this.scrollToTimeIndicatorThrottled(e),this.notifyChange(`timeIndicator:drag`)}static{this.EDGE_SCROLL_THROTTLE=80}static{this.EDGE_SCROLL_MARGIN=30}scrollToTimeIndicatorThrottled(e){let t=performance.now();if(t-this._lastEdgeScrollTime<i.EDGE_SCROLL_THROTTLE)return;let n=g(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,this.state.scrollX),r=this.renderManager.getCanvasLogicalWidth(),a=i.EDGE_SCROLL_MARGIN;if(n>=a&&n<=r-a)return;this._lastEdgeScrollTime=t;let o=g(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,0),s=this.renderManager.computeMaxScrollX(this.state.zoomLevel);n<a?this.state.scrollX=Math.max(0,Math.min(s,o-50)):this.state.scrollX=Math.max(0,Math.min(s,o-(r-50))),this.markDirty([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`])}scrollToTimeIndicator(e){let t=g(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,this.state.scrollX),n=this.renderManager.getCanvasLogicalWidth(),r=!1;if(t<50){let t=g(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,0)-50,n=this.renderManager.computeMaxScrollX(this.state.zoomLevel);this.state.scrollX=Math.max(0,Math.min(n,t)),r=!0}else if(t>n-50){let t=g(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,0)-(n-50),i=this.renderManager.computeMaxScrollX(this.state.zoomLevel);this.state.scrollX=Math.max(0,Math.min(i,t)),r=!0}r&&this.markDirty([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`])}zoom(e){let t=this.state.zoomLevel,n=this.state.scrollX,r=this.renderManager.getCachedLogicalWidth()/2,i=(r+n)/(this.config.secondWidth*t);if(this.state.zoomLevel*=e,this.state.zoomLevel=Math.max(1,Math.min(1e3,this.state.zoomLevel)),t!==this.state.zoomLevel){let e=i*this.config.secondWidth*this.state.zoomLevel;this.state.scrollX=e-r;let t=this.renderManager.computeMaxScrollX(this.state.zoomLevel);this.state.scrollX=Math.max(0,Math.min(t,this.state.scrollX))}this.notifyChange(`zoom:change`),this.setStatus(`缩放级别: ${Math.round(this.state.zoomLevel*100)}%`),this.callbacks.onZoom&&t!==this.state.zoomLevel&&this.callbacks.onZoom({zoomLevel:this.state.zoomLevel,percentage:Math.round(this.state.zoomLevel*100)})}setZoomLevel(e){if(typeof e!=`number`||isNaN(e))return this.logger.error(`缩放级别必须是有效的数字`),!1;if(e<1||e>1e3)return this.logger.error(`缩放级别超出有效范围 (1-1000)`),!1;let t=this.state.zoomLevel,n=this.state.scrollX,r=this.renderManager.getCachedLogicalWidth()/2,i=(r+n)/(this.config.secondWidth*t);this.state.zoomLevel=e;let a=i*this.config.secondWidth*this.state.zoomLevel;this.state.scrollX=a-r;let o=this.renderManager.computeMaxScrollX(this.state.zoomLevel);return this.state.scrollX=Math.max(0,Math.min(o,this.state.scrollX)),this.notifyChange(`zoom:change`),this.setStatus(`缩放级别: ${Math.round(this.state.zoomLevel*100)}%`),this.callbacks.onZoom&&t!==this.state.zoomLevel&&this.callbacks.onZoom({zoomLevel:this.state.zoomLevel,percentage:Math.round(this.state.zoomLevel*100)}),!0}getZoomLevel(){return this.state.zoomLevel}setEndTime(e){if(typeof e!=`number`||isNaN(e))return this.logger.error(`结束时间必须是有效的数字（秒）`),!1;if(e<=this.config.startTime)return this.logger.error(`结束时间必须大于开始时间`),!1;this.state.tracks.some(t=>t.events.some(t=>t.endTime>e))&&this.logger.warn(`警告：有事件超出新的结束时间范围`);let t=this.config.endTime;this.config.endTime=e,this.renderManager.invalidateLayoutCache(),this.state.timeIndicatorPosition>e&&(this.state.timeIndicatorPosition=e);let n=this.renderManager.getContentWidth(this.state.zoomLevel),r=Math.max(0,n-this.renderManager.getCachedLogicalWidth());return this.state.scrollX=Math.max(0,Math.min(r,this.state.scrollX)),this.notifyChange(`config:endTime`),this.setStatus(`结束时间已更新: ${f(t)} → ${f(e)}`),!0}getEndTime(){return this.config.endTime}formatTime(e){return f(e)}setStatus(e){this.stateManager.setStatus(e,this.callbacks.onStatusChange||void 0)}getStatus(){return this.state.statusText}getInteractionTarget(e,t){let n={trackIndex:null,eventIndex:null,resizeEdge:null},r=t+this.state.scrollY;if(r<this.config.timelineHeight)return n;let i=Math.floor((r-this.config.timelineHeight-this.config.firstTrackTopMargin)/(this.config.trackHeight+this.config.trackMargin));if(i<0||i>=this.state.tracks.length)return n;n.trackIndex=i;let a=this.state.tracks[i],o=Math.max(5,this.config.trackHeight*.0625),s=this.config.timelineHeight+this.config.firstTrackTopMargin+i*(this.config.trackHeight+this.config.trackMargin)-this.state.scrollY;if(t<s+o||t>s+this.config.trackHeight-o)return n;let c=(e+this.state.scrollX-this.config.startPaddingTime)/(this.config.secondWidth*this.state.zoomLevel)+this.config.startTime,l=this.config.resizeHandleWidth,u=l/(this.config.secondWidth*this.state.zoomLevel),d=this.eventIndexManager.getCandidatesByTime(i,c,u);if(d.length===0)return n;let f=null,p=null,m=null;for(let t of d){let n=a.events[t],r=this.config.startPaddingTime+(n.startTime-this.config.startTime)*this.config.secondWidth*this.state.zoomLevel-this.state.scrollX,i=n.duration*this.config.secondWidth*this.state.zoomLevel;e>=r-l/2&&e<=r+l/2?(f===null||t>f)&&(f=t,p=`left`):e>=r+i-l/2&&e<=r+i+l/2&&(f===null||t>f)&&(f=t,p=`right`),e>=r&&e<=r+i&&(m===null||t>m)&&(m=t)}return f===null?m!==null&&(n.eventIndex=m):(n.eventIndex=f,n.resizeEdge=p),n}getEventAtPosition(e,t){let n=t+this.state.scrollY;if(n<this.config.timelineHeight)return null;let r=Math.floor((n-this.config.timelineHeight-this.config.firstTrackTopMargin)/(this.config.trackHeight+this.config.trackMargin));if(r<0||r>=this.state.tracks.length)return null;let i=this.state.tracks[r],a=Math.max(5,this.config.trackHeight*.0625),o=this.config.timelineHeight+this.config.firstTrackTopMargin+r*(this.config.trackHeight+this.config.trackMargin)-this.state.scrollY;if(t<o+a||t>o+this.config.trackHeight-a)return null;let s=(e+this.state.scrollX-this.config.startPaddingTime)/(this.config.secondWidth*this.state.zoomLevel)+this.config.startTime,c=this.eventIndexManager.getCandidatesByTime(r,s,0);if(c.length>0){let t=null;for(let n of c){let r=i.events[n],a=this.config.startPaddingTime+(r.startTime-this.config.startTime)*this.config.secondWidth*this.state.zoomLevel-this.state.scrollX,o=r.duration*this.config.secondWidth*this.state.zoomLevel;e>=a&&e<=a+o&&(t===null||n>t)&&(t=n)}if(t!==null)return{trackIndex:r,eventIndex:t}}return null}getResizeHandle(e,t){let n=t+this.state.scrollY;if(n<this.config.timelineHeight)return null;let r=Math.floor((n-this.config.timelineHeight-this.config.firstTrackTopMargin)/(this.config.trackHeight+this.config.trackMargin));if(r<0||r>=this.state.tracks.length)return null;let i=this.state.tracks[r],a=this.config.resizeHandleWidth,o=Math.max(5,this.config.trackHeight*.0625),s=this.config.timelineHeight+this.config.firstTrackTopMargin+r*(this.config.trackHeight+this.config.trackMargin)-this.state.scrollY;if(t<s+o||t>s+this.config.trackHeight-o)return null;let c=(e+this.state.scrollX-this.config.startPaddingTime)/(this.config.secondWidth*this.state.zoomLevel)+this.config.startTime,l=a/(this.config.secondWidth*this.state.zoomLevel),u=this.eventIndexManager.getCandidatesByTime(r,c,l);if(u.length>0){let t=null,n=null;for(let r of u){let o=i.events[r],s=this.config.startPaddingTime+(o.startTime-this.config.startTime)*this.config.secondWidth*this.state.zoomLevel-this.state.scrollX,c=o.duration*this.config.secondWidth*this.state.zoomLevel;e>=s-a/2&&e<=s+a/2?(t===null||r>t)&&(t=r,n=`left`):e>=s+c-a/2&&e<=s+c+a/2&&(t===null||r>t)&&(t=r,n=`right`)}if(t!==null)return{trackIndex:r,eventIndex:t,edge:n}}return null}calculateGuideLines(e,t,n,r,i){let a=`${e}-${t}-${n}-${r.toFixed(3)}-${i.toFixed(3)}`,o=Date.now();if(o-this.guideLinesCacheTimestamp<this.GUIDE_LINES_CACHE_TTL){let e=this.guideLinesCache.get(a);if(e)return e}else this.guideLinesCache.clear(),this.guideLinesCacheTimestamp=o;let s=[],c=this.config.guideLineSnapThreshold,l=r+i,u=new Set;for(let e=0;e<this.state.tracks.length;e++)u.add(e);let d=(e,t,n)=>{let r=s.find(n=>Math.abs(n.time-e)<1e-4&&n.type===t);r?r.trackIndices.includes(n)||r.trackIndices.push(n):s.push({time:e,type:t,trackIndices:[n]})};for(let n of u){if(n<0||n>=this.state.tracks.length)continue;let i=this.state.tracks[n];if(i.events.length===0)continue;let a=[];for(let o=0;o<i.events.length;o++){if(n===e&&o===t)continue;let s=i.events[o];s.endTime<r-c||s.startTime>l+c||a.push(s)}if(a.length!==0)for(let e of a)Math.abs(e.startTime-r)<c&&d(e.startTime,`start`,n),Math.abs(e.endTime-l)<c&&d(e.endTime,`end`,n),Math.abs(e.endTime-r)<c&&d(e.endTime,`end`,n),Math.abs(e.startTime-l)<c&&d(e.startTime,`start`,n)}return this.guideLinesCache.set(a,s),s}snapToGuideLines(e,t){if(this.state.guideLines.length===0)return null;let n=this.config.guideLineSnapThreshold,r=e+t,i=null,a=2**53-1;for(let o of this.state.guideLines)if(o.type===`start`){let t=Math.abs(o.time-e);t<n&&t<a&&(a=t,i=o.time)}else if(o.type===`end`){let e=Math.abs(o.time-r);e<n&&e<a&&(a=e,i=o.time-t)}return i}snapEdgeToGuideLines(e){if(this.state.guideLines.length===0)return null;let t=this.config.guideLineSnapThreshold,n=null,r=2**53-1;for(let i of this.state.guideLines){let a=Math.abs(i.time-e);a<t&&a<r&&(r=a,n=i.time)}return n}canMoveEvent(e,t,n,r,i){let a=r+i,o=this.config.endTime+this.config.endPaddingTime;if(r<this.config.startTime||a>o||n<0||n>=this.state.tracks.length)return!1;let s=this.state.tracks[n];for(let i=0;i<s.events.length;i++){if(n===e&&i===t)continue;let o=s.events[i];if(!(a<=o.startTime||r>=o.endTime))return!1}return!!this.pluginManager.validateEvent(`validate:event:move`,{fromTrackIndex:e,fromEventIndex:t,toTrackIndex:n,newStartTime:r,duration:i})}showSplitLine(e,t,n){(!this.state.hoveredSplitLine||this.state.hoveredSplitLine.trackIndex!==e||this.state.hoveredSplitLine.eventIndex!==t||Math.abs(this.state.hoveredSplitLine.splitTime-n)>.001)&&(this.state.hoveredSplitLine={trackIndex:e,eventIndex:t,splitTime:n},this.notifyChange(`interaction:splitLine`))}hideSplitLine(){this.state.hoveredSplitLine&&(this.state.hoveredSplitLine=null,this.notifyChange(`interaction:splitLine`))}splitEvent(e,t,n){if(e<0||e>=this.state.tracks.length)return!1;let i=this.state.tracks[e];if(t<0||t>=i.events.length)return!1;let a=i.events[t];if(n<=a.startTime+this.config.minEventDuration||n>=a.endTime-this.config.minEventDuration)return this.setStatus(`切割位置无效：切割后的事件块时长太短`),!1;let o={...a,id:a.id,duration:r(n-a.startTime),endTime:n,title:`${a.title} (1)`},s={...a,id:i.events.length,startTime:n,duration:r(a.endTime-n),endTime:r(a.endTime),title:`${a.title} (2)`};return i.events[t]=o,i.events.push(s),this.eventIndexManager.invalidateTrack(e),this.notifyChange(`events:split`),this.setStatus(`已切割事件: ${a.title}`),this.callbacks.onEventUpdate&&this.callbacks.onEventUpdate({type:`split`,trackIndex:e,eventIndex:t,event:u(a),firstEvent:u(o),secondEvent:u(s)}),!0}draw(){this.renderManager.draw()}setReadOnly(e){this.config.readOnly=e,e&&(this.state.selectedEvent=null,this.state.draggingEvent=null,this.state.resizingEvent=null,this.state.draggingTimeIndicator=!1,this.state.contextMenuVisible=!1,this.state.contextMenuEvent=null,this.state.hoveredResizeHandle=null,this.state.hoveredSplitLine=null,this.state.guideLines=[]),this.notifyChange(`config:readOnly`),this.setStatus(e?`已进入只读模式`:`已退出只读模式`)}highlightEvent(e,t){if(e<0||e>=this.state.tracks.length)return this.logger.error(`无效的轨道索引: ${e}`),!1;let n=this.state.tracks[e];if(t<0||t>=n.events.length)return this.logger.error(`无效的事件索引: ${t}`),!1;this.state.selectedEvent=null,this.state.selectedTrack=null,this.state.highlightedEvent={trackIndex:e,eventIndex:t};let r=n.events[t];return this.notifyChange(`highlight:change`),this.setStatus(`已高亮事件: ${r.title}`),!0}clearHighlight(){(this.state.highlightedEvent||this.state.selectedEvent)&&(this.state.highlightedEvent=null,this.state.selectedEvent=null,this.state.selectedTrack=null,this.notifyChange(`highlight:change`),this.setStatus(`已清除高亮`))}getHighlightedEvent(){return this.state.highlightedEvent}isReadOnly(){return this.config.readOnly}destroy(){this.guideLinesCache.clear(),this.eventListeners&&=(this.canvas.removeEventListener(`mousedown`,this.eventListeners.mousedown),this.canvas.removeEventListener(`mousemove`,this.eventListeners.mousemove),this.canvas.removeEventListener(`mouseup`,this.eventListeners.mouseup),this.canvas.removeEventListener(`mouseleave`,this.eventListeners.mouseleave),this.canvas.removeEventListener(`contextmenu`,this.eventListeners.contextmenu),this.canvas.removeEventListener(`wheel`,this.eventListeners.wheel),null),this.setStatus(`Timeline 已销毁`)}};export{w as ContextMenuPlugin,C as DarkThemePlugin,h as EventMediaPlugin,E as EventTooltipPlugin,S as LightThemePlugin,T as PerformanceOverlayPlugin,ue as Timeline,f as formatTime,o as getCurrentTime};
+import{_ as e,a as t,b as n,c as r,d as i,f as a,g as o,h as s,i as c,l,m as u,n as d,o as f,p,r as m,s as h,t as g,u as _,v,x as y,y as b}from"./EventMediaPlugin-C2MC2ruT.mjs";import{i as x,n as S,r as C,t as w}from"./Logger-CfVK3yFL.mjs";import{n as T,t as ee}from"./types-Dc2ct_CM.mjs";import{t as E}from"./LightThemePlugin-pQcTWONZ.mjs";import{t as D}from"./DarkThemePlugin-CqLyur3d.mjs";import{t as O}from"./ContextMenuPlugin-1N7od2I9.mjs";import{t as k}from"./PerformanceOverlayPlugin-BjEF-I5h.mjs";import{t as te}from"./EventTooltipPlugin-Ch_xSklt.mjs";var A=class{constructor(e,t){this.H_SCROLLBAR_PADDING=13,this.config=e,this.state=t}getContentWidth(e){if(this.cwZoom===e&&this.cwValue!==void 0)return this.cwValue;let t=this.config.endTime+this.config.endPaddingTime-this.config.startTime,n=this.config.startPaddingTime+t*this.config.secondWidth*e;return this.cwZoom=e,this.cwValue=n,n}invalidateCache(){this.cwZoom=void 0,this.cwValue=void 0}getContentHeight(){return this.config.timelineHeight+this.config.firstTrackTopMargin+this.state.tracks.length*(this.config.trackHeight+this.config.trackMargin)}computeMaxScrollX(e,t){let n=this.getContentWidth(e);return Math.max(0,n-t)}computeMaxScrollY(e){let t=this.getContentHeight();return Math.max(0,t-e)}hasHorizontalScrollbar(e,t){return this.getContentWidth(t)>e}getAvailableHeight(e,t,n){return e-(this.hasHorizontalScrollbar(t,n)?this.H_SCROLLBAR_PADDING:0)}computeMaxScrollYWithPadding(e,t,n){let r=this.getContentHeight(),i=this.getAvailableHeight(e,t,n);return Math.max(0,r-i)}};const j=x(`RenderPipeline`);let M=0;function N(e){return e!==`background`&&e!==`overlay`}var P=class{constructor(){this.renderers=new Map,this.renderOrder=[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`interaction`,`scrollbar`,`overlay`],this.stats={layerTimes:{},totalTime:0,renderedLayers:0,skippedLayers:0}}registerRenderer(e,t){this.renderers.set(e,t)}unregisterRenderer(e){this.renderers.delete(e)}setRenderOrder(e){this.renderOrder=e}render(e,t={}){let n=performance.now(),{forceFullRender:r=!1,dirtyLayers:a,skipPerfMeasure:o=!1}=t,s=n-M>=250;s&&(M=n,j.debugStyled(w.pipeline,`▶ Render Start`,`forceFullRender=${r}`,a?`dirtyLayers=[${Array.from(a).join(`, `)}]`:`dirtyLayers=all`)),this.stats.renderedLayers=0,this.stats.skippedLayers=0,this.stats.layerTimes={};for(let t of this.renderOrder){let n=this.renderers.get(t);if(!n)continue;if(!this.shouldRenderLayer(t,n,e,r,a)){this.stats.skippedLayers++;continue}let s=o?0:performance.now();try{let r=N(t)?e.pluginManager?.getCoreLayerHooks(t):void 0;r&&r.length>0?this.executeWithHooks(e,n,r):n.render(e),this.stats.renderedLayers++}catch(n){j.error(`${i(e.config,`errorRenderLayer`,{layer:t})}:`,n)}o||(this.stats.layerTimes[t]=performance.now()-s)}return this.stats.totalTime=performance.now()-n,s&&j.debugStyled(w.pipeline,`◀ Render End`,`rendered=${this.stats.renderedLayers}, skipped=${this.stats.skippedLayers}, time=${this.stats.totalTime.toFixed(2)}ms`),{...this.stats}}executeWithHooks(e,t,n){let r={width:e.width,height:e.height,getContext:e.canvas.getContext.bind(e.canvas)},a=()=>t.render(e);for(let t=n.length-1;t>=0;t--){let o=n[t],s=a;a=()=>{try{o.handler(e.ctx,r,e.config,e.state,s)}catch(t){j.error(`${i(e.config,`errorCoreLayerHook`,{hook:o.name})}:`,t),s()}}}a()}shouldRenderLayer(e,t,n,r,i){return r||!i?!0:i.has(e)}getStats(){return{...this.stats}}clearPrevContext(){}getRegisteredRenderers(){return this.renderers}},ne=class{constructor(){this.name=`Timeline`,this.layer=`timeline`}render(e){let{ctx:t,config:n,state:r,width:i}=e;t.fillStyle=n.colors.timelineBackground,t.fillRect(0,0,i,n.timelineHeight),t.strokeStyle=n.colors.timelineGrid,t.lineWidth=1,t.globalAlpha=.4,t.beginPath(),t.moveTo(0,n.timelineHeight-.5),t.lineTo(i,n.timelineHeight-.5),t.stroke(),t.globalAlpha=1;let a=n.startTime+(r.scrollX-n.startPaddingTime)/(n.secondWidth*r.zoomLevel),o=a+i/(n.secondWidth*r.zoomLevel),s=Math.max(n.startTime,Math.floor(a)),c=Math.min(n.endTime+n.endPaddingTime,Math.ceil(o));this.isCustomScaleMode(n)?this.renderCustomScale(t,n,r,s,c,i):this.renderAutoScale(t,n,r,s,c,i)}isCustomScaleMode(e){return e.scale!=null&&e.scale>0}renderCustomScale(e,t,n,r,i,a){let o=t.scale,s=Math.max(1,Math.floor(t.scaleSplitCount)),c=o/s;this.renderCustomMainTicks(e,t,n,o,r,i,a),s>1&&this.renderCustomSubTicks(e,t,n,o,c,r,i,a)}renderCustomMainTicks(e,t,n,r,i,a,o){let s=t.timelineHeight,c=Math.floor(i/r)*r,l=-80;e.strokeStyle=t.colors.timelineGrid,e.lineWidth=1.5,e.fillStyle=t.colors.timelineText,e.font=`12px Arial`,e.textBaseline=`top`;for(let i=c;i<=a;i+=r){let a=this.timeToX(i,t,n);if(a>=-50&&a<=o+50){let n=i>t.endTime;if(a-l>=80){e.strokeStyle=n?`rgba(150, 155, 165, 0.3)`:t.colors.timelineGrid,e.beginPath(),e.moveTo(a,s),e.lineTo(a,s-14),e.stroke(),e.fillStyle=n?`rgba(150, 155, 165, 0.4)`:t.colors.timelineText,e.textAlign=`center`;let o=t.getScaleRender?t.getScaleRender(i):this.formatTime(i,this.autoDetectFormat(r));e.fillText(o,a,5),l=a}}}e.textBaseline=`alphabetic`}renderCustomSubTicks(e,t,n,r,i,a,o,s){let c=t.timelineHeight,l=Math.floor(a/i)*i;e.lineWidth=1,e.strokeStyle=t.colors.timelineSubGrid;for(let a=l;a<=o;a+=i){let i=a/r;if(Math.abs(i-Math.round(i))<1e-9)continue;let o=this.timeToX(a,t,n);o>=0&&o<=s&&(e.globalAlpha=a>t.endTime?.3:.75,e.beginPath(),e.moveTo(o,c),e.lineTo(o,c-6),e.stroke(),e.globalAlpha=1)}}renderAutoScale(e,t,n,r,i,a){let o=[{threshold:10,main:10,sub:2,format:`HMS`},{threshold:8,main:30,sub:10,format:`HMS`},{threshold:5,main:60,sub:15,format:`HMS`},{threshold:3,main:300,sub:60,format:`HM`},{threshold:2,main:600,sub:120,format:`HM`},{threshold:1,main:1800,sub:600,format:`HM`},{threshold:.5,main:3600,sub:900,format:`H`},{threshold:0,main:7200,sub:1800,format:`H`}],s=o.find(e=>n.zoomLevel>=e.threshold)||o[o.length-1];this.renderAutoMainTicks(e,t,n,s,r,i,a),this.renderAutoSubTicks(e,t,n,s,r,i,a),n.zoomLevel>=10&&this.renderAutoMicroTicks(e,t,n,s,r,i,a)}renderAutoMainTicks(e,t,n,r,i,a,o){let s=t.timelineHeight,c=r.main,l=Math.floor(i/c)*c,u=-80;e.strokeStyle=t.colors.timelineGrid,e.lineWidth=1.5,e.fillStyle=t.colors.timelineText,e.font=`12px Arial`,e.textBaseline=`top`;for(let i=l;i<=a;i+=c){let a=this.timeToX(i,t,n);if(a>=-50&&a<=o+50){let n=i>t.endTime;if(a-u>=80){e.strokeStyle=n?`rgba(150, 155, 165, 0.3)`:t.colors.timelineGrid,e.beginPath(),e.moveTo(a,s),e.lineTo(a,s-14),e.stroke(),e.fillStyle=n?`rgba(150, 155, 165, 0.4)`:t.colors.timelineText,e.textAlign=`center`;let o=t.getScaleRender?t.getScaleRender(i):this.formatTime(i,r.format);e.fillText(o,a,5),u=a}}}e.textBaseline=`alphabetic`}renderAutoSubTicks(e,t,n,r,i,a,o){let s=t.timelineHeight,c=r.sub,l=r.main,u=Math.floor(i/c)*c;e.lineWidth=1,e.strokeStyle=t.colors.timelineSubGrid;for(let r=u;r<=a;r+=c){if(r%l===0)continue;let i=this.timeToX(r,t,n);i>=0&&i<=o&&(e.globalAlpha=r>t.endTime?.3:.75,e.beginPath(),e.moveTo(i,s),e.lineTo(i,s-6),e.stroke(),e.globalAlpha=1)}}renderAutoMicroTicks(e,t,n,r,i,a,o){let s=t.timelineHeight,c=r.sub/2,l=Math.floor(i/c)*c;e.lineWidth=1,e.strokeStyle=t.colors.timelineSubGrid,e.globalAlpha=.3;for(let i=l;i<=a;i+=c){if(i%r.sub===0)continue;let a=this.timeToX(i,t,n);a>=0&&a<=o&&(e.beginPath(),e.moveTo(a,s),e.lineTo(a,s-3),e.stroke())}e.globalAlpha=1}timeToX(e,t,n){let r=e-t.startTime;return t.startPaddingTime+r*t.secondWidth*n.zoomLevel-n.scrollX}autoDetectFormat(e){return e<60?`HMS`:e<3600?`HM`:`H`}formatTime(e,t){let n=Math.floor(e/3600),r=Math.floor(e%3600/60),i=Math.floor(e%60);switch(t){case`HMS`:return`${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}:${i.toString().padStart(2,`0`)}`;case`HM`:return`${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`;case`H`:return`${n.toString().padStart(2,`0`)}:00`;default:return`${n.toString().padStart(2,`0`)}:${r.toString().padStart(2,`0`)}`}}shouldRender(e,t){if(!t)return!0;let{config:n,state:r}=e,{config:i,state:a}=t;return r.zoomLevel!==a.zoomLevel||r.scrollX!==a.scrollX||n.startTime!==i.startTime||n.endTime!==i.endTime||n.timelineHeight!==i.timelineHeight||n.scale!==i.scale||n.scaleSplitCount!==i.scaleSplitCount||n.getScaleRender!==i.getScaleRender}};const re=x(`EventsRenderer`),F=new Map;var ie=class{renderEvents(e,t,n,r,i,a,o,s){let c=s??a.width,l=n.tracks[r],u=Math.max(5,t.trackHeight*.0625),d=t.trackHeight-u*2,f=t.eventTextStyle,m=f.titleFontSize===`auto`?Math.max(10,Math.min(14,t.trackHeight*.175)):f.titleFontSize,h=f.timeFontSize===`auto`?Math.max(8,Math.min(12,t.trackHeight*.15)):f.timeFontSize,g=performance.now();g-(F.get(r)??0)>=500&&(F.set(r,g),re.debugStyled(w.eventRender,`Track ${r}: ${l.events.length} events`));for(let s=0;s<l.events.length;s++){let g=l.events[s];if(n.draggingEvent&&n.draggingEvent.isDragging&&n.draggingEvent.trackIndex===r&&n.draggingEvent.eventIndex===s)continue;let _=t.startPaddingTime+(g.startTime-t.startTime)*t.secondWidth*n.zoomLevel-n.scrollX,v=g.duration*t.secondWidth*n.zoomLevel;if(_+v<0||_>c)continue;let y=n.selectedEvent&&n.selectedEvent.trackIndex===r&&n.selectedEvent.eventIndex===s,b=n.highlightedEvent&&n.highlightedEvent.trackIndex===r&&n.highlightedEvent.eventIndex===s,x=n.timeIndicatorPosition,S=t.enableTimeIndicator&&!n.isManualSelection&&x>g.startTime&&x<g.endTime,C=y||b||S;e.save();let w=t.eventBlockStyle.borderRadius;e.fillStyle=g.color,w>0?(p(e,_,i+u,v,d,w),e.fill()):e.fillRect(_,i+u,v,d),e.restore(),o&&o.emitEvent(`render:event:media`,e,a,t,n,r,s,_,i,v,u,d),C&&(e.save(),e.strokeStyle=t.colors.eventBorderSelected,e.lineWidth=2,t.eventBlockStyle.enableSelectionGlow&&(e.shadowColor=t.colors.eventBorderSelected,e.shadowBlur=t.eventBlockStyle.selectionGlowBlur),w>0?p(e,_,i+u,v,d,w,!0):e.strokeRect(_,i+u,v,d),e.shadowBlur=0,e.restore()),this.drawEventText(e,t,g,_,i,v,u,m,h,f),t.enableEventResize&&this.drawResizeHandles(e,t,n,r,s,_,i,v,d,u),t.showEventDurationLabel&&C&&this.drawEventDurationLabel(e,t,g,_,i,v,u),t.enableEventSplit&&n.hoveredSplitLine&&!n.draggingEvent&&!n.resizingEvent&&!n.draggingTimeIndicator&&this.drawSplitLine(e,t,n,r,s,i,u,d)}}truncateText(e,t,n){if(n<=0)return``;if(e.measureText(t).width<=n)return t;if(e.measureText(`...`).width>=n)return`...`;let r=0,i=t.length,a=``;for(;r<i;){let o=Math.floor((r+i+1)/2),s=t.substring(0,o)+`...`;e.measureText(s).width<=n?(a=s,r=o):i=o-1}return a||`...`}drawEventText(e,t,n,r,i,a,o,s,c,l){let u=l.titleColor||t.colors.eventText,d=l.timeColor||t.colors.eventText,f={left:r+10,right:r+a-10,center:r+a/2}[l.textAlign]??r+a/2,p={top:i+o+s,middle:i+t.trackHeight/2,bottom:i+t.trackHeight-o}[l.verticalAlign]??i+o;e.textAlign=l.textAlign;let m=l.showTitle&&t.trackHeight>=l.minHeightForTitle,h=l.showTime&&t.trackHeight>=l.minHeightForTime,g=v(n.startTime,n.endTime),_=a-20;if(m){e.fillStyle=u,e.font=`${l.titleFontWeight} ${s}px ${l.titleFontFamily}`;let t=h?p-s/2+l.titleOffsetY:p+l.titleOffsetY,r=this.truncateText(e,n.title,_);e.fillText(r,f,t)}if(h){e.fillStyle=d,e.font=`${l.timeFontWeight} ${c}px ${l.timeFontFamily}`;let t=m?p+c+l.timeOffsetY:p+l.timeOffsetY,n=this.truncateText(e,g,_);e.fillText(n,f,t)}}drawResizeHandles(e,t,n,r,i,a,o,s,c,l){let u=n.hoveredResizeHandle&&n.hoveredResizeHandle.trackIndex===r&&n.hoveredResizeHandle.eventIndex===i,d=n.resizingEvent&&n.resizingEvent.trackIndex===r&&n.resizingEvent.eventIndex===i;if(n.selectedEvent&&n.selectedEvent.trackIndex===r&&n.selectedEvent.eventIndex===i||u||d){let r=t.resizeHandleWidth,i=`rgba(255, 255, 255, 0.8)`,f=`rgba(255, 255, 255, 1)`,p=u&&n.hoveredResizeHandle.edge===`left`,m=d&&n.resizingEvent.edge===`left`;e.fillStyle=p||m?f:i,e.fillRect(a-r/2,o+l,r,c);let h=u&&n.hoveredResizeHandle.edge===`right`,g=d&&n.resizingEvent.edge===`right`;e.fillStyle=h||g?f:i,e.fillRect(a+s-r/2,o+l,r,c)}}drawSplitLine(t,n,r,i,a,o,s,c){let l=r.hoveredSplitLine;if(l.trackIndex===i&&l.eventIndex===a){let i=(l.splitTime+n.startPaddingTime-n.startTime)*n.secondWidth*r.zoomLevel-r.scrollX;t.save(),t.strokeStyle=`rgba(255, 255, 0, 0.8)`,t.lineWidth=2,t.setLineDash([5,5]),t.beginPath(),t.moveTo(i,o+s),t.lineTo(i,o+s+c),t.stroke(),t.setLineDash([]),t.fillStyle=`rgba(255, 255, 0, 1)`,t.beginPath(),t.arc(i,o+s,4,0,Math.PI*2),t.fill(),t.beginPath(),t.arc(i,o+s+c,4,0,Math.PI*2),t.fill();let a=e(l.splitTime);t.font=`bold 11px Arial`,t.fillStyle=`rgba(255, 255, 0, 1)`,t.textAlign=`center`,t.fillText(`Split: ${a}`,i,o+s-5),t.restore()}}drawEventDurationLabel(e,t,n,r,i,a,s){e.save();let c=Math.round(n.duration*1e3)/1e3,l;l=t.formatEventDuration?t.formatEventDuration(c):o(c,t.eventDurationPrefix),e.font=`bold 11px Arial`,e.fillStyle=t.colors.eventDurationLabel,e.textAlign=`center`;let u=r+a/2,d=i+s-8;e.fillText(l,u,d),e.restore()}},ae=class{constructor(){this.name=`Tracks`,this.layer=`tracks`,this.eventsRenderer=new ie}render(e){let{ctx:t,canvas:n,config:r,state:i,pluginManager:a,width:o,height:s}=e,c=r.startPaddingTime-i.scrollX,l=this.eventsRenderer;for(let e=0;e<i.tracks.length;e++){let u=r.timelineHeight+r.firstTrackTopMargin+e*(r.trackHeight+r.trackMargin)-i.scrollY;if(u+r.trackHeight<r.timelineHeight||u>s)continue;let d;d=e===i.selectedTrack||i.highlightedEvent&&i.highlightedEvent.trackIndex===e||i.selectedEvent&&i.selectedEvent.trackIndex===e?r.colors.trackBackgroundSelected:r.colors.trackBackgroundOdd&&r.colors.trackBackgroundEven?e%2==0?r.colors.trackBackgroundOdd:r.colors.trackBackgroundEven:r.colors.trackBackground,t.fillStyle=d;let f=o-c;f>0&&t.fillRect(c,u,f,r.trackHeight),l.renderEvents(t,r,i,e,u,n,a,o)}}shouldRender(e,t){if(!t)return!0;let{config:n,state:r}=e,{config:i,state:a}=t;return r.tracks!==a.tracks||r.scrollY!==a.scrollY||r.scrollX!==a.scrollX||r.zoomLevel!==a.zoomLevel||r.selectedEvent!==a.selectedEvent||r.highlightedEvent!==a.highlightedEvent||n.trackHeight!==i.trackHeight||n.trackMargin!==i.trackMargin}},oe=class{constructor(){this.name=`Scrollbar`,this.layer=`scrollbar`}render(e){let{ctx:t,config:n,state:r,width:i,height:a}=e;this.drawVerticalScrollbar(t,n,r,i,a),this.drawHorizontalScrollbar(t,n,r,i,a)}drawVerticalScrollbar(e,t,n,r,i){let a=t.startPaddingTime+(t.endTime+t.endPaddingTime-t.startTime)*t.secondWidth*n.zoomLevel>r?13:0,o=t.timelineHeight+t.firstTrackTopMargin+n.tracks.length*(t.trackHeight+t.trackMargin);if(o>i-a){let s=r-8-5,c=t.timelineHeight,l=i-t.timelineHeight-a-5;e.fillStyle=t.colors.scrollbarTrack,p(e,s,c,8,l,4);let u=(i-a-5)/o,d=Math.max(30,l*u),f=o-i+a+5,m=n.scrollY/f,h=c+(l-d)*m;e.fillStyle=n.draggingScrollbar?t.colors.scrollbarHandleHover:t.colors.scrollbarHandle,p(e,s,h,8,d,4),e.fillStyle=t.colors.scrollbarHandleHighlight,p(e,s,h,8,d/2,4),n.draggingScrollbar&&(e.strokeStyle=t.colors.scrollbarBorder,e.lineWidth=1,p(e,s,h,8,d,4,!0))}}drawHorizontalScrollbar(e,t,n,r,i){let a=t.startPaddingTime+(t.endTime+t.endPaddingTime-t.startTime)*t.secondWidth*n.zoomLevel;if(a<=r)return;let o=t.timelineHeight+t.firstTrackTopMargin+n.tracks.length*(t.trackHeight+t.trackMargin)>i?13:0,s=i-8-5,c=r-o;e.fillStyle=t.colors.scrollbarTrack,p(e,0,s,c,8,4);let l=r/a,u=Math.max(30,c*l),d=a-r,f=n.scrollX/d,m=0+(c-u)*f;e.fillStyle=n.draggingHorizontalScrollbar?t.colors.scrollbarHandleHover:t.colors.scrollbarHandle,p(e,m,s,u,8,4),e.fillStyle=t.colors.scrollbarHandleHighlight,p(e,m,s,u/2,8,4),n.draggingHorizontalScrollbar&&(e.strokeStyle=t.colors.scrollbarBorder,e.lineWidth=1,p(e,m,s,u,8,4,!0))}shouldRender(e,t){if(!t)return!0;let{state:n}=e,{state:r}=t;return n.scrollY!==r.scrollY||n.scrollX!==r.scrollX||n.draggingScrollbar!==r.draggingScrollbar||n.draggingHorizontalScrollbar!==r.draggingHorizontalScrollbar}},se=class{constructor(){this.name=`Indicator`,this.layer=`indicator`}render(e){let{ctx:t,config:n,state:r,width:i,height:a}=e;if(!n.enableTimeIndicator)return;let o=n.startPaddingTime+(r.timeIndicatorPosition-n.startTime)*n.secondWidth*r.zoomLevel-r.scrollX;if(o<-10||o>i+10)return;t.strokeStyle=n.colors.timeIndicator,t.lineWidth=n.timeIndicatorWidth,t.beginPath(),t.moveTo(o,n.timelineHeight),t.lineTo(o,a),t.stroke();let s=n.timeIndicatorHeadSize,c=n.timeIndicatorTriangleHeight,l=n.timelineHeight-s-c;t.fillStyle=n.colors.timeIndicator,t.fillRect(o-s/2,l,s,s),t.beginPath(),t.moveTo(o-s/2,l+s),t.lineTo(o+s/2,l+s),t.lineTo(o,l+s+c),t.closePath(),t.fill()}shouldRender(e,t){if(!t)return!0;let{config:n,state:r}=e,{config:i,state:a}=t;return n.enableTimeIndicator?r.timeIndicatorPosition!==a.timeIndicatorPosition||r.draggingTimeIndicator!==a.draggingTimeIndicator||r.scrollX!==a.scrollX||r.zoomLevel!==a.zoomLevel||n.timelineHeight!==i.timelineHeight:!1}},I=class{constructor(){this.name=`GuideLines`,this.layer=`guideLines`}render(t){let{ctx:n,config:r,state:i,width:a,height:o}=t;if(n.save(),i.guideLines.length>0){n.strokeStyle=r.colors.guideLine,n.lineWidth=2,n.setLineDash([5,5]);for(let t of i.guideLines){let s=r.startPaddingTime+(t.time-r.startTime)*r.secondWidth*i.zoomLevel-i.scrollX;s<-10||s>a+10||(n.beginPath(),n.moveTo(s,r.timelineHeight),n.lineTo(s,o),n.stroke(),n.setLineDash([]),n.fillStyle=r.colors.guideLineLabel,n.font=`bold 11px Arial`,n.textAlign=`center`,n.fillText(e(t.time),s,r.timelineHeight-5),n.setLineDash([5,5]))}}if(i.dragTimeReference){let t=r.startPaddingTime+(i.dragTimeReference.time-r.startTime)*r.secondWidth*i.zoomLevel-i.scrollX;if(t>=-10&&t<=a+10){let a=i.dragTimeReference.y-i.scrollY;n.strokeStyle=r.colors.dragTimeReferenceLine,n.lineWidth=2,n.setLineDash([8,4]),n.beginPath(),n.moveTo(t,r.timelineHeight),n.lineTo(t,a),n.stroke(),n.setLineDash([]),n.fillStyle=r.colors.dragTimeReferenceLabel,n.font=`bold 12px Arial`,n.textAlign=`center`;let o=e(i.dragTimeReference.time),s=n.measureText(o).width;n.fillStyle=r.colors.dragTimeReferenceLabelBackground,n.fillRect(t-s/2-4,r.timelineHeight-14-4-5,s+8,22),n.fillStyle=r.colors.dragTimeReferenceLabel,n.fillText(o,t,r.timelineHeight-5)}}n.restore()}shouldRender(e,t){if(!t)return!0;let{state:n}=e,{state:r}=t;return n.guideLines!==r.guideLines||n.dragTimeReference!==r.dragTimeReference||n.scrollX!==r.scrollX||n.scrollY!==r.scrollY||n.zoomLevel!==r.zoomLevel}},L=class{constructor(){this.name=`Interaction`,this.layer=`interaction`}render(e){let{ctx:t,config:n,state:r}=e;!r.draggingEvent||!r.draggingEvent.isDragging||(this.renderDragPreview(t,n,r),this.renderDraggingEvent(t,n,r))}renderDragPreview(e,t,n){if(!n.draggingEvent||!n.tracks[n.draggingEvent.trackIndex])return;let r=n.tracks[n.draggingEvent.trackIndex].events[n.draggingEvent.eventIndex];if(!r)return;let i=n.draggingEvent.currentMouseY||0,a=n.draggingEvent.canMove!==!1,o=Math.floor((i-t.timelineHeight-t.firstTrackTopMargin)/(t.trackHeight+t.trackMargin)),s=Math.max(0,Math.min(n.tracks.length-1,o)),c=t.timelineHeight+t.firstTrackTopMargin+s*(t.trackHeight+t.trackMargin),l=(n.draggingEvent.currentMouseX||0)-n.dragOffsetX,u=r.duration*t.secondWidth*n.zoomLevel,d=Math.max(5,t.trackHeight*.0625),f=t.trackHeight-d*2,m=t.eventBlockStyle.borderRadius;e.save(),a?(e.fillStyle=t.colors.dragPreviewValid,e.strokeStyle=t.colors.dragPreviewBorderValid):(e.fillStyle=t.colors.dragPreviewInvalid,e.strokeStyle=t.colors.dragPreviewBorderInvalid),e.lineWidth=2,e.setLineDash([5,5]),e.globalAlpha=.6,m>0?(p(e,l,c-n.scrollY+d,u,f,m),e.fill(),e.stroke()):(e.fillRect(l,c-n.scrollY+d,u,f),e.strokeRect(l,c-n.scrollY+d,u,f)),e.restore()}renderDraggingEvent(e,t,n){if(!n.draggingEvent||!n.tracks[n.draggingEvent.trackIndex].events)return;let r=n.tracks[n.draggingEvent.trackIndex].events[n.draggingEvent.eventIndex];if(!r)return;let i=n.draggingEvent.currentMouseX||0,a=n.draggingEvent.currentMouseY||0,o=i-n.dragOffsetX,s=a-n.dragOffsetY-n.scrollY,c=r.duration*t.secondWidth*n.zoomLevel,l=Math.max(5,t.trackHeight*.0625),u=t.trackHeight-l*2;e.save();let d=t.eventBlockStyle.borderRadius;e.fillStyle=r.color,d>0?(p(e,o,s+l,c,u,d),e.fill()):e.fillRect(o,s+l,c,u),e.strokeStyle=t.colors.eventBorderSelected,e.lineWidth=2,t.eventBlockStyle.enableSelectionGlow&&(e.shadowColor=t.colors.eventBorderSelected,e.shadowBlur=t.eventBlockStyle.selectionGlowBlur),d>0?(p(e,o,s+l,c,u,d),e.stroke()):e.strokeRect(o,s+l,c,u),e.shadowBlur=0,e.restore(),this.renderEventText(e,t,r,o,s,c,l)}renderEventText(t,n,r,i,a,o,s){let c=n.eventTextStyle,l=c.titleColor||n.colors.eventText,u=c.timeColor||n.colors.eventText,d={left:i+10,right:i+o-10,center:i+o/2}[c.textAlign]??i+o/2,f={top:a+s,middle:a+n.trackHeight/2,bottom:a+n.trackHeight-s}[c.verticalAlign]??a+s;t.textAlign=c.textAlign;let p=c.showTitle&&n.trackHeight>=c.minHeightForTitle,m=c.showTime&&n.trackHeight>=c.minHeightForTime,h=c.titleFontSize===`auto`?Math.max(10,Math.min(14,n.trackHeight*.175)):c.titleFontSize,g=c.timeFontSize===`auto`?Math.max(8,Math.min(12,n.trackHeight*.15)):c.timeFontSize,_=`${e(r.startTime)} - ${e(r.endTime)}`;if(p){t.fillStyle=l,t.font=`${c.titleFontWeight} ${h}px ${c.titleFontFamily}`;let e=m?f-(typeof h==`number`?h:14)/2+c.titleOffsetY:f+c.titleOffsetY;t.fillText(r.title,d,e)}if(m){t.fillStyle=u,t.font=`${c.timeFontWeight} ${g}px ${c.timeFontFamily}`;let e=p?f+(typeof g==`number`?g:12)+c.timeOffsetY:f+c.timeOffsetY;t.fillText(_,d,e)}}shouldRender(e,t){if(!t)return!0;let{state:n}=e,{state:r}=t;return!!(n.draggingEvent!==r.draggingEvent||n.draggingEvent&&r.draggingEvent&&(n.draggingEvent.currentMouseX!==r.draggingEvent.currentMouseX||n.draggingEvent.currentMouseY!==r.draggingEvent.currentMouseY))}};function R(e,t,n,r,i,a){return{ctx:e,canvas:t,config:n,state:r,dpr:i,width:t.width/i,height:t.height/i,pluginManager:a}}const z=x(`LayerBuffer`),B={background:`background`,tracks:`main`,timeline:`main`,guideLines:`main`,indicator:`main`,scrollbar:`main`,interaction:`interaction`,overlay:`overlay`},V=[`background`,`main`,`media`,`interaction`,`overlay`];function H(e,t){if(typeof OffscreenCanvas<`u`)try{let n=new OffscreenCanvas(e,t),r=n.getContext(`2d`);if(r)return{canvas:n,ctx:r}}catch(e){z.debug(`Failed to create OffscreenCanvas buffer, fallback to DOM canvas`,e)}let n=document.createElement(`canvas`);return n.width=e,n.height=t,{canvas:n,ctx:n.getContext(`2d`)}}var U=class{constructor(){this.buffers=new Map,this.width=0,this.height=0,this.dpr=1}initialize(e,t,n){this.width=e,this.height=t,this.dpr=n;let r=Math.max(1,Math.floor(e*n)),i=Math.max(1,Math.floor(t*n));for(let e of V){let t=this.buffers.get(e);if(t)t.canvas.width=r,t.canvas.height=i,t.dirty=!0;else{let{canvas:t,ctx:n}=H(r,i);this.buffers.set(e,{canvas:t,ctx:n,dirty:!0})}}z.debugStyled(w.pipeline,`LayerBufferManager initialized: ${r}x${i} (dpr=${n})`)}markDirtyFromLayers(e){for(let t of e){let e=B[t];if(e){let t=this.buffers.get(e);t&&(t.dirty=!0)}}}markDirty(e){let t=this.buffers.get(e);t&&(t.dirty=!0)}markAllDirty(){for(let e of this.buffers.values())e.dirty=!0}getBuffer(e){return this.buffers.get(e)}isDirty(e){return this.buffers.get(e)?.dirty??!0}clearDirty(e){let t=this.buffers.get(e);t&&(t.dirty=!1)}compositeToMain(e,t,n){e.save(),e.setTransform(1,0,0,1,0,0),e.clearRect(0,0,t,n);for(let t of V){let n=this.buffers.get(t);n&&e.drawImage(n.canvas,0,0)}e.restore()}isInitialized(){return this.buffers.size>0}getSize(){return{width:this.width,height:this.height,dpr:this.dpr}}dispose(){this.buffers.clear(),this.width=0,this.height=0}};const W=x(`DirtyCheck`);var G=class{constructor(e,t,n,r,i){this.cachedLogicalWidth=0,this.cachedLogicalHeight=0,this.cacheValid=!1,this.dirtyLayers=new Set([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`overlay`,`interaction`]),this.lastLayerTimes={},this.isFirstRender=!0,this.canvas=e,this.ctx=t,this.config=n,this.state=r,this.pluginManager=i,this.dpr=window.devicePixelRatio||1,this.logicalCanvas={width:0,height:0,getContext:this.canvas.getContext.bind(this.canvas)},this.viewport=new A(this.config,this.state),this.layerBufferManager=new U,this.renderPipeline=new P,this.renderPipeline.registerRenderer(`timeline`,new ne),this.renderPipeline.registerRenderer(`tracks`,new ae),this.renderPipeline.registerRenderer(`guideLines`,new I),this.renderPipeline.registerRenderer(`indicator`,new se),this.renderPipeline.registerRenderer(`scrollbar`,new oe),this.renderPipeline.registerRenderer(`interaction`,new L)}setCanvasSize(e,t){let n=Math.floor(e*this.dpr),r=Math.floor(t*this.dpr);if(Math.abs(this.canvas.width-n)<1&&Math.abs(this.canvas.height-r)<1)return;this.canvas.width=n,this.canvas.height=r,this.canvas.style.width=`${e}px`,this.canvas.style.height=`${t}px`,this.invalidateCache();let i=this.getContentHeight(),a=Math.max(0,i-this.getCachedLogicalHeight());this.state.scrollY=Math.max(0,Math.min(a,this.state.scrollY)),this.state.zoomLevel<this.config.minAutoFitZoom&&(this.state.zoomLevel=this.config.minAutoFitZoom,this.state.scrollX=0),this.markAllDirty(),this.draw()}getCanvasLogicalWidth(){return this.canvas.width/this.dpr}getCanvasLogicalHeight(){return this.canvas.height/this.dpr}getCachedLogicalWidth(){return this.cacheValid||=(this.cachedLogicalWidth=this.canvas.width/this.dpr,this.cachedLogicalHeight=this.canvas.height/this.dpr,!0),this.cachedLogicalWidth}getCachedLogicalHeight(){return this.cacheValid||=(this.cachedLogicalWidth=this.canvas.width/this.dpr,this.cachedLogicalHeight=this.canvas.height/this.dpr,!0),this.cachedLogicalHeight}invalidateCache(){this.cacheValid=!1}draw(){if(this.dirtyLayers.size===0&&!this.isFirstRender)return;this.pluginManager.measureStart(`draw`);let e=this.canvas.width/this.dpr,t=this.canvas.height/this.dpr;this.logicalCanvas.width=e,this.logicalCanvas.height=t;let n=this.logicalCanvas,r=this.layerBufferManager.getSize();if((!this.layerBufferManager.isInitialized()||r.width!==e||r.height!==t||r.dpr!==this.dpr)&&this.layerBufferManager.initialize(e,t,this.dpr),this.isFirstRender?this.layerBufferManager.markAllDirty():this.layerBufferManager.markDirtyFromLayers(this.dirtyLayers),this.layerBufferManager.isDirty(`background`)){let e=this.layerBufferManager.getBuffer(`background`),t=performance.now();e.ctx.clearRect(0,0,e.canvas.width,e.canvas.height),e.ctx.save(),e.ctx.scale(this.dpr,this.dpr),this.pluginManager.renderBackground(e.ctx,n,this.config,this.state),e.ctx.restore(),this.layerBufferManager.clearDirty(`background`),this.lastLayerTimes.background=performance.now()-t}if(this.layerBufferManager.isDirty(`main`)){let e=this.layerBufferManager.getBuffer(`main`);e.ctx.clearRect(0,0,e.canvas.width,e.canvas.height),e.ctx.save(),e.ctx.scale(this.dpr,this.dpr);let t=R(e.ctx,this.canvas,this.config,this.state,this.dpr,this.pluginManager);this.renderPipeline.render(t,{forceFullRender:!1,dirtyLayers:new Set([`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`])}),e.ctx.restore(),this.layerBufferManager.clearDirty(`main`);let n=this.renderPipeline.getStats();this.lastLayerTimes={...this.lastLayerTimes,...n.layerTimes}}if(this.layerBufferManager.isDirty(`media`)&&this.layerBufferManager.clearDirty(`media`),this.layerBufferManager.isDirty(`interaction`)){let e=this.layerBufferManager.getBuffer(`interaction`);e.ctx.clearRect(0,0,e.canvas.width,e.canvas.height),e.ctx.save(),e.ctx.scale(this.dpr,this.dpr);let t=R(e.ctx,this.canvas,this.config,this.state,this.dpr,this.pluginManager);this.renderPipeline.render(t,{forceFullRender:!1,dirtyLayers:new Set([`interaction`])}),e.ctx.restore(),this.layerBufferManager.clearDirty(`interaction`)}if(this.layerBufferManager.isDirty(`overlay`)){let e=this.layerBufferManager.getBuffer(`overlay`),t=performance.now();e.ctx.clearRect(0,0,e.canvas.width,e.canvas.height),e.ctx.save(),e.ctx.scale(this.dpr,this.dpr),this.pluginManager.renderOverlay(e.ctx,n,this.config,this.state),e.ctx.restore(),this.layerBufferManager.clearDirty(`overlay`),this.lastLayerTimes.overlay=performance.now()-t}this.layerBufferManager.compositeToMain(this.ctx,this.canvas.width,this.canvas.height),this.isFirstRender&&=!1,this.pluginManager.measureEnd(`draw`),this.dirtyLayers.clear()}getContentWidth(e){return this.viewport.getContentWidth(e)}getContentHeight(){return this.viewport.getContentHeight()}computeMaxScrollX(e){return this.viewport.computeMaxScrollX(e,this.getCachedLogicalWidth())}computeMaxScrollY(){return this.viewport.computeMaxScrollYWithPadding(this.getCachedLogicalHeight(),this.getCachedLogicalWidth(),this.state.zoomLevel)}hasHorizontalScrollbar(){return this.viewport.hasHorizontalScrollbar(this.getCachedLogicalWidth(),this.state.zoomLevel)}getAvailableHeight(){return this.viewport.getAvailableHeight(this.getCachedLogicalHeight(),this.getCachedLogicalWidth(),this.state.zoomLevel)}invalidateLayoutCache(){this.viewport.invalidateCache()}markDirty(e){W.debugStyled(w.dataUpdate,`✓ Marking layers dirty: [${e.join(`, `)}]`);for(let t of e)this.dirtyLayers.add(t)}markAllDirty(){W.debugStyled(w.dataUpdate,`✓ Marking ALL layers dirty`),this.dirtyLayers=new Set([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`overlay`,`interaction`]),this.layerBufferManager.markAllDirty()}getLastLayerTimes(){return{...this.lastLayerTimes}}},K=class{constructor(e){this.timeline=e}createContext(e){let t=this.timeline.getCanvas().getBoundingClientRect(),n=this.timeline.state;return{canvasX:e.clientX-t.left,canvasY:e.clientY-t.top,logicalX:e.clientX-t.left+n.scrollX,logicalY:e.clientY-t.top+n.scrollY,originalEvent:e,canvasWidth:t.width,canvasHeight:t.height}}handleMouseDown(e){return null}handleMouseMove(e){return null}handleMouseUp(e){return null}handleContextMenu(e){return null}};const q=x(`DraggingState`);var ce=class extends K{constructor(e){super(e),this.name=`Dragging`,this.MOVE_THRESHOLD=5,this.isSnappedToGuideLine=!1,this.snappedTime=null}onEnter(){this.timeline.beginIndexBatch()}onExit(){let e=this.timeline.state;e.guideLines=[],e.dragTimeReference=null,this.timeline.endIndexBatch(),this.timeline.autoRemoveEmptyLastTrack()}handleMouseMove(e){let{logicalX:t,logicalY:r}=e,i=this.timeline.config,a=this.timeline.state,o=this.timeline.getCanvas();if(!a.draggingEvent)return this.createIdleState();if(Math.sqrt((t-a.draggingEvent.startX)**2+(r-a.draggingEvent.startY)**2)>this.MOVE_THRESHOLD&&(a.draggingEvent.isDragging=!0),!a.draggingEvent.isDragging)return o.style.cursor=`move`,null;let{trackIndex:c,eventIndex:l}=a.draggingEvent;if(c<0||c>=a.tracks.length||l<0||l>=a.tracks[c].events.length)return q.warn(this.timeline.t(`warningInvalidDraggingState`),{value:a.draggingEvent}),a.draggingEvent=null,this.createIdleState();let d=a.tracks[c].events[l];this.timeline.setStatus(this.timeline.t(`statusDragging`,{title:d.title}));let f=(t-a.draggingEvent.startX)/(i.secondWidth*a.zoomLevel),p=a.draggingEvent.originalStartTime+f,m=Math.floor((r-i.timelineHeight-i.firstTrackTopMargin)/(i.trackHeight+i.trackMargin));if(i.autoAddTrack&&m>=a.tracks.length){let e={id:a.tracks.length,events:[]};a.tracks.push(e),this.timeline.setStatus(this.timeline.t(`statusAutoTrackAdded`,{count:a.tracks.length})),this.timeline.callbacks.onTrackAdd&&this.timeline.callbacks.onTrackAdd(e)}m=Math.max(0,Math.min(a.tracks.length-1,m)),a.guideLines=this.timeline.calculateGuideLines(c,l,m,p,d.duration);let h=this.timeline.snapToGuideLines(p,d.duration);if(h!==null)if(this.isSnappedToGuideLine&&this.snappedTime!==null){let e=this.timeline.config.guideLineSnapThreshold*1.5;Math.abs(p-this.snappedTime)<e?p=this.snappedTime:(this.isSnappedToGuideLine=!1,this.snappedTime=null,p=h,this.isSnappedToGuideLine=!0,this.snappedTime=h)}else p=h,this.isSnappedToGuideLine=!0,this.snappedTime=h;else if(this.isSnappedToGuideLine=!1,this.snappedTime=null,a.snapEnabled)if(i.enableTimeIndicator&&a.timeIndicatorSnapEnabled){let e=u(a.timeIndicatorPosition,i.startTime,i.startPaddingTime,i.secondWidth,a.zoomLevel,a.scrollX),t=i.startPaddingTime+(p-i.startTime)*i.secondWidth*a.zoomLevel-a.scrollX;if(Math.abs(t-e)<i.timeIndicatorSnapThreshold)p=a.timeIndicatorPosition;else{let e=n(a.zoomLevel,i.snapInterval,i.snapToSeconds,i.secondPrecisionZoomThreshold,i.scale,i.scaleSplitCount);p=y(p,e)}}else{let e=n(a.zoomLevel,i.snapInterval,i.snapToSeconds,i.secondPrecisionZoomThreshold,i.scale,i.scaleSplitCount);p=y(p,e)}p=Math.max(i.startTime,Math.min(i.endTime-d.duration,p));let g=i.timelineHeight+i.firstTrackTopMargin+m*(i.trackHeight+i.trackMargin)+i.trackHeight/2;a.dragTimeReference={time:p,y:g};let _=this.timeline.canMoveEvent(c,l,m,p,d.duration);if(_&&(d.startTime=p,d.endTime=s(p+d.duration),this.timeline.invalidateIndexTrack(c),m!==c)){let e=a.tracks[c].events.splice(l,1)[0];a.tracks[m].events.push(e),a.draggingEvent.trackIndex=m,a.draggingEvent.eventIndex=a.tracks[m].events.length-1,a.selectedTrack=m,a.selectedEvent&&a.selectedEvent.trackIndex===c&&(a.selectedEvent.eventIndex===l?a.selectedEvent={trackIndex:m,eventIndex:a.tracks[m].events.length-1}:a.selectedEvent.eventIndex>l&&(a.selectedEvent={...a.selectedEvent,eventIndex:a.selectedEvent.eventIndex-1})),this.timeline.invalidateIndexTrack(m),this.timeline.invalidateIndexTrack(c)}return a.draggingEvent&&(a.draggingEvent.currentMouseX=t,a.draggingEvent.currentMouseY=r,a.draggingEvent.canMove=_),this.timeline.notifyChange(`events:move`),null}handleMouseUp(e){let t=this.timeline.state;if(!t.draggingEvent)return this.createIdleState();let{trackIndex:n,eventIndex:r,originalTrackIndex:i,originalEventIndex:a}=t.draggingEvent;if(n<0||n>=t.tracks.length)return q.warn(this.timeline.t(`warningDraggingEventMissing`),{trackIndex:n,eventIndex:r}),t.draggingEvent=null,this.createIdleState();let o=t.tracks[n]?.events[r];if(!o)return q.warn(this.timeline.t(`warningDraggingEventMissing`),{trackIndex:n,eventIndex:r}),t.draggingEvent=null,this.createIdleState();let s=t.selectedEvent&&t.selectedEvent.trackIndex===i&&t.selectedEvent.eventIndex===a;return t.draggingEvent.isDragging?(this.timeline.setStatus(this.timeline.t(`statusEventPlaced`,{title:o.title,start:this.timeline.formatTime(o.startTime),end:this.timeline.formatTime(o.endTime)})),s&&(t.selectedEvent={trackIndex:n,eventIndex:r}),this.timeline.callbacks.onEventMove&&this.timeline.callbacks.onEventMove({trackIndex:n,eventIndex:r,event:d(o),fromTrackIndex:i})):(t.selectedEvent={trackIndex:n,eventIndex:r},this.timeline.setStatus(this.timeline.t(`statusEventSelected`,{title:o.title})),this.timeline.callbacks.onEventClick&&this.timeline.callbacks.onEventClick({trackIndex:n,eventIndex:r,event:d(o),trackName:this.timeline.t(`labelTrackName`,{index:n+1}),formattedTimeRange:`${this.timeline.formatTime(o.startTime)} - ${this.timeline.formatTime(o.endTime)}`})),t.draggingEvent=null,this.timeline.notifyChange(`events:move`),this.createIdleState()}createIdleState(){return new J(this.timeline)}},le=class extends K{constructor(e){super(e),this.name=`Resizing`}onEnter(){this.timeline.beginIndexBatch()}onExit(){let e=this.timeline.state;e.guideLines=[],this.timeline.endIndexBatch()}handleMouseMove(e){let{logicalX:t}=e,r=this.timeline.config,i=this.timeline.state;if(!i.resizingEvent)return this.createIdleState();let{trackIndex:a,eventIndex:o,edge:c,originalStartTime:l,originalDuration:u}=i.resizingEvent;if(a<0||a>=i.tracks.length||o<0||o>=i.tracks[a].events.length)return i.resizingEvent=null,this.createIdleState();let d=i.tracks[a].events[o],f=(t-i.resizingEvent.startX)/(r.secondWidth*i.zoomLevel);if(c===`left`){let e=l+f,t=s(l+u),c=t-e;i.guideLines=this.timeline.calculateGuideLines(a,o,a,e,c>0?c:u);let p=this.timeline.snapEdgeToGuideLines(e);if(p!==null)e=p;else if(i.snapEnabled){let t=n(i.zoomLevel,r.snapInterval,r.snapToSeconds,r.secondPrecisionZoomThreshold,r.scale,r.scaleSplitCount);e=y(e,t)}e=s(Math.max(r.startTime,e)),e=s(Math.min(e,t-r.minEventDuration));let m=s(t-e),h=!0;for(let n=0;n<i.tracks[a].events.length;n++){if(n===o)continue;let r=i.tracks[a].events[n],s=r.startTime,c=s+r.duration;if(e<c&&t>s){h=!1;break}}if(h){if(!this.timeline.canMoveEvent(a,o,a,e,m))return this.timeline.notifyChange(`events:update`),null;d.startTime=e,d.duration=s(m),d.endTime=t,this.timeline.invalidateIndexTrack(a)}}else{let e=u+f,t=l+e;i.guideLines=this.timeline.calculateGuideLines(a,o,a,l,e>0?e:u);let c=this.timeline.snapEdgeToGuideLines(t);if(c!==null)e=s(c-l);else if(i.snapEnabled){let a=n(i.zoomLevel,r.snapInterval,r.snapToSeconds,r.secondPrecisionZoomThreshold,r.scale,r.scaleSplitCount);e=s(y(t,a)-l)}else e=s(e);t=l+e,e=s(Math.max(r.minEventDuration,e)),e=s(Math.min(e,r.endTime-l)),t=l+e;let p=!0;for(let e=0;e<i.tracks[a].events.length;e++){if(e===o)continue;let n=i.tracks[a].events[e],r=n.startTime;if(l<r+n.duration&&t>r){p=!1;break}}if(p){if(!this.timeline.canMoveEvent(a,o,a,l,e))return this.timeline.notifyChange(`events:update`),null;d.duration=s(e),d.endTime=s(l+e),this.timeline.invalidateIndexTrack(a)}}return this.timeline.notifyChange(`events:update`),this.timeline.setStatus(this.timeline.t(`statusEventResizing`,{start:this.timeline.formatTime(d.startTime),end:this.timeline.formatTime(d.endTime)})),null}handleMouseUp(e){let t=this.timeline.state;if(!t.resizingEvent)return this.createIdleState();let{trackIndex:n,eventIndex:r}=t.resizingEvent;if(n<0||n>=t.tracks.length||r<0||r>=t.tracks[n].events.length)return t.resizingEvent=null,this.createIdleState();let i=t.tracks[n].events[r];return t.resizingEvent=null,this.timeline.getCanvas().style.cursor=`default`,this.timeline.setStatus(this.timeline.t(`statusEventResized`,{title:i.title})),this.timeline.callbacks.onEventUpdate&&this.timeline.callbacks.onEventUpdate({type:`resize`,trackIndex:n,eventIndex:r,event:d(i)}),this.timeline.notifyChange(`events:update`),this.createIdleState()}createIdleState(){return new J(this.timeline)}},ue=class extends K{constructor(e){super(e),this.name=`Scrolling`}handleMouseMove(e){let{canvasX:t,canvasY:n,canvasWidth:r,canvasHeight:i}=e,a=this.timeline.config,o=this.timeline.state;if(o.draggingScrollbar){let e=a.timelineHeight+a.firstTrackTopMargin+o.tracks.length*(a.trackHeight+a.trackMargin),t=i-(a.startPaddingTime+(a.endTime+a.endPaddingTime-a.startTime)*a.secondWidth*o.zoomLevel>r?13:0),s=t-a.timelineHeight-5,c=t/e,l=Math.max(30,s*c),u=Math.max(0,e-t),d=(n-a.timelineHeight-o.scrollbarDragOffset)/(s-l);return o.scrollY=Math.max(0,Math.min(u,d*u)),this.timeline.notifyChange(`scroll:y`),null}if(o.draggingHorizontalScrollbar){let e=a.startPaddingTime+(a.endTime+a.endPaddingTime-a.startTime)*a.secondWidth*o.zoomLevel,n=r,i=r/e,s=Math.max(30,n*i),c=Math.max(0,e-r),l=(t-o.horizontalScrollbarDragOffset)/(n-s);return o.scrollX=Math.max(0,Math.min(c,l*c)),this.timeline.notifyChange(`scroll:x`),null}return null}handleMouseUp(e){let t=this.timeline.state;return t.draggingScrollbar&&(t.draggingScrollbar=!1,this.timeline.setStatus(this.timeline.t(`statusReady`))),t.draggingHorizontalScrollbar&&(t.draggingHorizontalScrollbar=!1,this.timeline.setStatus(this.timeline.t(`statusReady`))),this.createIdleState()}createIdleState(){return new J(this.timeline)}},de=class extends K{constructor(e){super(e),this.name=`TimeIndicatorDrag`}handleMouseMove(e){let{canvasX:t}=e,r=this.timeline.config,i=this.timeline.state,a=this.timeline.getCanvas();if(!i.draggingTimeIndicator)return this.createIdleState();a.style.cursor=r.readOnly?`not-allowed`:`ew-resize`;let o=(t-i.timeIndicatorDragOffsetX+i.scrollX-r.startPaddingTime)/(r.secondWidth*i.zoomLevel)+r.startTime;if(i.snapEnabled){let e=n(i.zoomLevel,r.snapInterval,r.snapToSeconds,r.secondPrecisionZoomThreshold,r.scale,r.scaleSplitCount);o=y(o,e)}return o=Math.max(r.startTime,Math.min(r.endTime,o)),this.timeline.setTimeIndicatorDuringDrag(o),null}handleMouseUp(e){let t=this.timeline.state;return t.draggingTimeIndicator&&(t.draggingTimeIndicator=!1,this.timeline.setTimeIndicator(t.timeIndicatorPosition,!1)),this.createIdleState()}createIdleState(){return new J(this.timeline)}},fe=class{constructor(e){this.delegate=e}handleMouseMove(e){let t=this.delegate.getTimeline(),{config:n,state:r}=t,{canvasX:i,canvasY:a,logicalX:o,logicalY:s}=e,c=t.getCanvas();if(this.handleContextMenuHover(i,a))return null;let l=t.getInteractionTarget(i,a);if(s>=n.timelineHeight&&!n.readOnly&&this.handleContentHover(l,o,c)||this.handleTimeIndicatorHover(i,a))return null;if(l.eventIndex!==null&&l.trackIndex!==null&&!l.resizeEdge){let e=r.tracks[l.trackIndex].events[l.eventIndex];return c.style.cursor=`pointer`,t.setStatus(t.t(`statusHoverEventTimeRange`,{title:e.title,start:t.formatTime(e.startTime),end:t.formatTime(e.endTime)})),null}return c.style.cursor=`default`,null}handleContextMenuHover(e,t){let n=this.delegate.getTimeline(),{config:r,state:i}=n,a=n.getCanvas();if(!i.contextMenuVisible||!i.contextMenuBounds)return!1;let o=i.contextMenuBounds;if(!(e>=o.x&&e<=o.x+o.width&&t>=o.y&&t<=o.y+o.height))return i.hoveredContextMenuItem!==-1&&(i.hoveredContextMenuItem=-1,n.notifyChange(`interaction:contextMenu`)),!1;let s=Math.floor((t-o.y-o.padding)/o.itemHeight);return s>=0&&s<r.contextMenuItems.length?(i.hoveredContextMenuItem!==s&&(i.hoveredContextMenuItem=s,n.notifyChange(`interaction:contextMenu`)),a.style.cursor=`pointer`,!0):(i.hoveredContextMenuItem!==-1&&(i.hoveredContextMenuItem=-1,n.notifyChange(`interaction:contextMenu`)),!0)}handleContentHover(e,t,r){let i=this.delegate.getTimeline(),{config:a,state:o}=i;if(a.enableEventResize&&e.resizeEdge)return o.tracks[e.trackIndex].events[e.eventIndex].readonly?(o.hoveredResizeHandle=null,r.style.cursor=`not-allowed`,i.hideSplitLine(),i.notifyChange(`interaction:hover`),!0):(o.hoveredResizeHandle={trackIndex:e.trackIndex,eventIndex:e.eventIndex,edge:e.resizeEdge},r.style.cursor=`ew-resize`,i.hideSplitLine(),i.notifyChange(`interaction:hover`),!0);if(o.hoveredResizeHandle=null,!a.enableEventSplit||e.eventIndex===null||e.trackIndex===null||e.resizeEdge)return i.hideSplitLine(),!1;let s=e.trackIndex,c=e.eventIndex,l=o.tracks[s].events[c];if(l.readonly)return i.hideSplitLine(),r.style.cursor=`not-allowed`,i.notifyChange(`interaction:hover`),!0;let u=(t-a.startPaddingTime)/(a.secondWidth*o.zoomLevel)+a.startTime;if(o.snapEnabled){let e=n(o.zoomLevel,a.snapInterval,a.snapToSeconds,a.secondPrecisionZoomThreshold,a.scale,a.scaleSplitCount);u=y(u,e)}let d=u-l.startTime,f=l.duration-d;return u>l.startTime&&u<l.startTime+l.duration&&d>=a.minEventDuration&&f>=a.minEventDuration?(i.showSplitLine(s,c,u),r.style.cursor=`pointer`,i.notifyChange(`interaction:splitLine`),!0):(i.hideSplitLine(),!1)}handleTimeIndicatorHover(e,t){let n=this.delegate.getTimeline(),{config:r,state:i}=n,a=n.getCanvas();if(!r.enableTimeIndicator||t>r.timelineHeight)return!1;let o=u(i.timeIndicatorPosition,r.startTime,r.startPaddingTime,r.secondWidth,i.zoomLevel,i.scrollX),s=r.timeIndicatorHeadSize;return e>=o-s/2&&e<=o+s/2&&t>=0&&t<=r.timeIndicatorHeadSize?(a.style.cursor=r.readOnly?`not-allowed`:`ew-resize`,!0):!1}},pe=class{constructor(e){this.delegate=e}handleMouseDown(e){let t=this.delegate.getTimeline(),{config:n,state:r}=t,{canvasX:i,canvasY:a,logicalX:o,logicalY:s,canvasWidth:c,canvasHeight:l}=e,u=t.getCanvas(),d=n.readOnly;if(e.originalEvent.button===2)return null;let f=this.handleContextMenuClick(e);if(f.handled)return f.nextState;let p=this.handleScrollbarMouseDown(i,a,c,l);if(p)return p;let m=this.handleTimeIndicatorMouseDown(i,a);if(m)return m;if(s<n.timelineHeight)return null;let h=t.getInteractionTarget(i,a);if(n.enableEventResize&&!d&&h.resizeEdge){let e=r.tracks[h.trackIndex].events[h.eventIndex];return e.readonly?(u.style.cursor=`not-allowed`,null):(r.resizingEvent={trackIndex:h.trackIndex,eventIndex:h.eventIndex,edge:h.resizeEdge,startX:o,originalStartTime:e.startTime,originalDuration:e.duration},this.delegate.createResizingState())}return h.eventIndex!==null&&h.trackIndex!==null?this.handleEventMouseDown(h.trackIndex,h.eventIndex,o,s):(r.selectedEvent=null,r.highlightedEvent=null,r.selectedTrack=null,r.isManualSelection=!1,t.callbacks.onEventHighlight&&t.callbacks.onEventHighlight({trackIndex:null,eventIndex:null,event:null}),t.notifyChange(`selection:change`),null)}handleContextMenuClick(e){let t=this.delegate.getTimeline(),{config:n,state:r}=t,{canvasX:i,canvasY:a}=e;if(!r.contextMenuVisible||!r.contextMenuBounds)return{handled:!1,nextState:null};let o=r.contextMenuBounds;if(!(i>=o.x&&i<=o.x+o.width&&a>=o.y&&a<=o.y+o.height))return r.contextMenuVisible=!1,r.contextMenuEvent=null,t.notifyChange(`interaction:contextMenu`),{handled:!1,nextState:null};let s=Math.floor((a-o.y-o.padding)/o.itemHeight);if(s>=0&&s<n.contextMenuItems.length&&r.contextMenuEvent){let e=n.contextMenuItems[s],{trackIndex:i,eventIndex:a}=r.contextMenuEvent,o=r.tracks[i].events[a];if(o.readonly&&(e.type===`delete`||e.type===`edit`))return t.setStatus(t.t(`statusReadOnlyEditDeleteBlocked`)),r.contextMenuVisible=!1,r.contextMenuEvent=null,t.notifyChange(`interaction:contextMenu`),{handled:!0,nextState:null};t.callbacks.onContextMenu&&t.callbacks.onContextMenu({menuType:e.type,trackIndex:i,eventIndex:a,event:d(o)}),r.contextMenuVisible=!1,r.contextMenuEvent=null,t.notifyChange(`interaction:contextMenu`)}return{handled:!0,nextState:null}}handleScrollbarMouseDown(e,t,n,r){let i=this.delegate.getTimeline(),{config:a,state:o}=i,s=a.timelineHeight+a.firstTrackTopMargin+o.tracks.length*(a.trackHeight+a.trackMargin),c=i.getAvailableHeight();if(s>c){let r=n-8-5,i=a.timelineHeight,l=c-a.timelineHeight-5;if(e>=r&&e<=r+8&&t>=i&&t<=i+l){o.draggingScrollbar=!0;let e=c/s,n=Math.max(30,l*e),r=s-c,a=o.scrollY/r;return o.scrollbarDragOffset=t-(i+(l-n)*a),this.delegate.createScrollingState()}}let l=i.getContentWidthForZoom(o.zoomLevel);if(l<=n)return null;let u=r-8-5,d=n;if(t>=u&&t<=u+8&&e>=0&&e<=d){o.draggingHorizontalScrollbar=!0;let t=n/l,r=Math.max(30,d*t),i=l-n,a=o.scrollX/i;return o.horizontalScrollbarDragOffset=e-(d-r)*a,this.delegate.createScrollingState()}return null}handleTimeIndicatorMouseDown(e,t){let{config:n,state:r}=this.delegate.getTimeline();if(!n.enableTimeIndicator||n.readOnly)return null;let i=u(r.timeIndicatorPosition,n.startTime,n.startPaddingTime,n.secondWidth,r.zoomLevel,r.scrollX),a=n.timeIndicatorHeadSize,o=n.timeIndicatorTriangleHeight,s=n.timelineHeight-a-o;return e>=i-a/2&&e<=i+a/2&&t>=s&&t<=n.timelineHeight?(r.draggingTimeIndicator=!0,r.timeIndicatorDragOffsetX=e-i,this.delegate.createTimeIndicatorDragState()):null}handleEventMouseDown(e,t,n,r){let i=this.delegate.getTimeline(),{config:a,state:o}=i,s=i.getCanvas(),c=o.tracks[e].events[t],l=Date.now();if(o.lastClickEvent&&o.lastClickEvent.trackIndex===e&&o.lastClickEvent.eventIndex===t&&l-o.lastClickTime<300&&a.enableEventSplit){if(c.readonly)return i.setStatus(i.t(`statusReadOnlySplitBlocked`)),o.lastClickTime=0,o.lastClickEvent=null,null;let r=(n-a.startPaddingTime)/(a.secondWidth*o.zoomLevel)+a.startTime;return i.splitEvent(e,t,r),o.lastClickTime=0,o.lastClickEvent=null,i.hideSplitLine(),null}if(o.lastClickEvent={trackIndex:e,eventIndex:t},o.lastClickTime=l,o.selectedEvent={trackIndex:e,eventIndex:t},o.isManualSelection=!0,o.highlightedEvent=null,o.selectedTrack=null,c.readonly||a.readOnly)return s.style.cursor=`not-allowed`,i.setStatus(i.t(`statusEventSelected`,{title:c.title})),i.callbacks.onEventHighlight&&i.callbacks.onEventHighlight({trackIndex:e,eventIndex:t,event:d(c)}),i.callbacks.onEventClick&&i.callbacks.onEventClick({trackIndex:e,eventIndex:t,event:d(c),trackName:i.t(`labelTrackName`,{index:e+1}),formattedTimeRange:v(c.startTime,c.endTime)}),i.notifyChange(`selection:change`),null;let u=a.startPaddingTime+(c.startTime-a.startTime)*a.secondWidth*o.zoomLevel-o.scrollX,f=a.timelineHeight+a.firstTrackTopMargin+e*(a.trackHeight+a.trackMargin);return o.draggingEvent={trackIndex:e,eventIndex:t,eventX:u,eventY:f,originalTrackIndex:e,originalEventIndex:t,originalStartTime:c.startTime,startX:n,startY:r,isDragging:!1},o.dragOffsetX=n-u,o.dragOffsetY=r-f,i.callbacks.onEventHighlight&&i.callbacks.onEventHighlight({trackIndex:e,eventIndex:t,event:d(c)}),i.notifyChange(`selection:change`),this.delegate.createDraggingState()}},J=class extends K{constructor(e){super(e),this.name=`Idle`,this.hoverController=new fe(this),this.mouseDownRouter=new pe(this)}getTimeline(){return this.timeline}handleMouseDown(e){return this.mouseDownRouter.handleMouseDown(e)}handleMouseMove(e){return this.hoverController.handleMouseMove(e)}handleContextMenu(e){e.originalEvent.preventDefault();let{canvasX:t,canvasY:n}=e,r=this.timeline.config,i=this.timeline.state;if(!r.enableContextMenu||r.readOnly||!this.timeline.isPluginLoaded(`context-menu`))return null;let a=this.timeline.getEventAtPosition(t,n);if(a){let{trackIndex:e,eventIndex:r}=a;i.contextMenuEvent={trackIndex:e,eventIndex:r},i.contextMenuVisible=!0,i.contextMenuX=t,i.contextMenuY=n,i.hoveredContextMenuItem=-1,this.timeline.notifyChange(`interaction:contextMenu`)}else i.contextMenuVisible=!1,i.contextMenuEvent=null,this.timeline.notifyChange(`interaction:contextMenu`);return null}createDraggingState(){return new ce(this.timeline)}createResizingState(){return new le(this.timeline)}createScrollingState(){return new ue(this.timeline)}createTimeIndicatorDragState(){return new de(this.timeline)}};const Y=x(`StateMachine`);var me=class{constructor(e){this.timeline=e,this.rafId=null,this.pendingMouseMove=null,this.currentState=new J(e)}getCurrentStateName(){return this.currentState.name}transitionTo(e){if(!e||e===this.currentState)return;let t=this.currentState;t.onExit&&(Y.debugStyled(w.stateExit,`◁ Exit: ${t.name}`),t.onExit(e)),this.currentState=e,e.onEnter&&(Y.debugStyled(w.stateEnter,`▷ Enter: ${e.name}`),e.onEnter(t)),Y.debugStyled(w.stateTransition,`⟳ Transition: ${t.name} → ${e.name}`)}createContext(e){let t=this.timeline.getCanvas().getBoundingClientRect(),n=this.timeline.state;return{canvasX:e.clientX-t.left,canvasY:e.clientY-t.top,logicalX:e.clientX-t.left+n.scrollX,logicalY:e.clientY-t.top+n.scrollY,originalEvent:e,canvasWidth:t.width,canvasHeight:t.height}}handleMouseDown(e){let t=this.createContext(e),n=this.currentState.handleMouseDown(t);this.transitionTo(n)}handleMouseMove(e){if(this.rafId!==null){this.pendingMouseMove=e;return}this.pendingMouseMove=e,this.rafId=requestAnimationFrame(()=>{this.pendingMouseMove&&=(this.handleMouseMoveImpl(this.pendingMouseMove),null),this.rafId=null})}handleMouseMoveImpl(e){let t=this.createContext(e),n=this.currentState.handleMouseMove(t);this.transitionTo(n)}handleMouseUp(e){this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.rafId=null,this.pendingMouseMove=null);let t=e||new MouseEvent(`mouseup`),n=this.createContext(t),r=this.currentState.handleMouseUp(n);this.transitionTo(r)}handleContextMenu(e){let t=this.createContext(e),n=this.currentState.handleContextMenu(t);this.transitionTo(n)}destroy(){this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.pendingMouseMove=null}},he=class{constructor(e){this.timeline=e}handleWheel(e){if(e.preventDefault(),e.ctrlKey||e.metaKey){let t=e.deltaY>0?.9:1.1;this.timeline.zoom(t)}else this.timeline.state.scrollY+=e.deltaY,this.timeline.adjustCanvasSize(),this.timeline.notifyChange(`scroll:y`)}},X=class{constructor(e){this.logger=e}throw(e){throw this.logger.error(e),Error(e)}debug(e,t){this.logger.error(e,t)}debugIf(e,t,n){e&&this.debug(t,n)}fail(e,t,n){return this.debugIf(e,t,n),!1}error(e){this.logger.error(e)}warn(e){this.logger.warn(e)}},ge=class{constructor(e,t=new X(x(`PluginManager`))){this.baseContext=e,this.errorHandler=t,this.pluginResources=new Map,this.pluginMetadata=new Map,this.plugins=new Map,this.eventHandlers=new Map,this.renderLayers=new Map,this.renderLayerOwners=new Map,this.renderLayerOrder=new Map,this.coreLayerHooks=new Map,this.coreLayerHookOwners=new Map,this.coreLayerHookOrder=new Map,this.pluginData=new Map,this.registrationOrder=0}async loadPlugin(e){let{name:t,version:n}=e.metadata,r=`${t}@${n}`;if(this.plugins.has(r))return!1;if(!this.areDependenciesLoaded(e.metadata.dependencies))return this.errorHandler.fail(this.baseContext.config.debug,i(this.baseContext.config,`errorPluginDependenciesMissing`,{pluginId:r}),Error(`Missing dependencies: ${e.metadata.dependencies?.join(`, `)}`));this.pluginMetadata.set(r,e.metadata);let a=this.createPluginContext(r),o=!1,s=!1;try{return e.init&&(o=!0,await e.init(a)),e.activate&&(s=!0,await e.activate(a)),this.plugins.set(r,{plugin:e,context:a,active:!0}),!0}catch(t){return await this.rollbackFailedLoad(r,e,a,o,s),this.cleanupPluginResources(r),this.errorHandler.fail(this.baseContext.config.debug,i(this.baseContext.config,`errorPluginLoadFailed`,{pluginId:r}),t)}}async unloadPlugin(e){let t=this.plugins.get(e);if(!t)return!1;let n=await this.runLifecycleStep(e,`deactivate`,t.plugin.deactivate,t.context);await this.runLifecycleStep(e,`destroy`,t.plugin.destroy,t.context)||(n=!1);try{return n}finally{this.cleanupPluginResources(e),this.plugins.delete(e)}}async rollbackFailedLoad(e,t,n,r,i){i&&await this.runLifecycleStep(e,`rollback deactivate`,t.deactivate,n),(r||i)&&await this.runLifecycleStep(e,`rollback destroy`,t.destroy,n)}async runLifecycleStep(e,t,n,r){if(!n)return!0;try{return await n(r),!0}catch(n){return this.errorHandler.fail(this.baseContext.config.debug,i(this.baseContext.config,`errorPluginLifecycleFailed`,{step:t,pluginId:e}),n)}}createPluginContext(e){let t=new Map;this.pluginData.set(e,t),this.pluginResources.set(e,this.createPluginResources());let n={registerRenderLayer:t=>this.registerRenderLayer(e,t),unregisterRenderLayer:t=>this.unregisterRenderLayer(e,t),registerCoreLayerHook:t=>this.registerCoreLayerHook(e,t),unregisterCoreLayerHook:t=>this.unregisterCoreLayerHook(e,t),registerEventHandler:(t,n)=>this.registerEventHandler(e,t,n),unregisterEventHandler:(t,n)=>this.unregisterEventHandler(e,t,n),showNotification:(t,n=`info`)=>{let r=x(`plugin:${e}`);switch(n){case`error`:r.error(t);break;case`warning`:r.warn(t);break;default:r.info(t)}},getData:e=>t.get(e),setData:(e,n)=>t.set(e,n),setPerformanceProvider:t=>{this.performanceProvider=t,this.performanceProviderOwner=e},getPerformanceStats:()=>this.performanceProvider?this.performanceProvider.getAllStats():new Map,getFPS:()=>this.performanceProvider?this.performanceProvider.getFPS():0};return{...this.baseContext,api:n}}registerEventHandler(e,t,n){let r=this.eventHandlers.get(t)||[];r.push({pluginId:e,handler:n,priority:this.getPluginPriority(e),order:this.nextRegistrationOrder()}),r.sort((e,t)=>t.priority===e.priority?e.order-t.order:t.priority-e.priority),this.eventHandlers.set(t,r);let i=this.getPluginResources(e),a=i.eventHandlers.get(t)??new Set;a.add(n),i.eventHandlers.set(t,a)}unregisterEventHandler(e,t,n){let r=this.eventHandlers.get(t);if(!r)return;let i=r.filter(t=>!(t.pluginId===e&&t.handler===n));i.length===0?this.eventHandlers.delete(t):this.eventHandlers.set(t,i);let a=this.pluginResources.get(e),o=a?.eventHandlers.get(t);o&&(o.delete(n),o.size===0&&a?.eventHandlers.delete(t))}registerRenderLayer(e,t){this.reassignRenderLayerOwner(t.name,e),this.renderLayers.set(t.name,t),this.renderLayerOwners.set(t.name,e),this.renderLayerOrder.set(t.name,this.nextRegistrationOrder()),this.getPluginResources(e).renderLayers.add(t.name)}unregisterRenderLayer(e,t){this.renderLayerOwners.get(t)===e&&(this.renderLayers.delete(t),this.renderLayerOwners.delete(t),this.renderLayerOrder.delete(t),this.pluginResources.get(e)?.renderLayers.delete(t))}registerCoreLayerHook(e,t){this.reassignCoreLayerHookOwner(t.name,e),this.coreLayerHooks.set(t.name,t),this.coreLayerHookOwners.set(t.name,e),this.coreLayerHookOrder.set(t.name,this.nextRegistrationOrder()),this.getPluginResources(e).coreLayerHooks.add(t.name)}unregisterCoreLayerHook(e,t){this.coreLayerHookOwners.get(t)===e&&(this.coreLayerHooks.delete(t),this.coreLayerHookOwners.delete(t),this.coreLayerHookOrder.delete(t),this.pluginResources.get(e)?.coreLayerHooks.delete(t))}getCoreLayerHooks(e){return Array.from(this.coreLayerHooks.entries()).filter(([,t])=>t.target===e).sort(([e],[t])=>this.compareOwnedResources(e,t)).map(([,e])=>e)}hasCoreLayerHooks(e){for(let t of this.coreLayerHooks.values())if(t.target===e)return!0;return!1}cleanupPluginResources(e){let t=this.pluginResources.get(e);if(t){for(let[n,r]of t.eventHandlers){let t=this.eventHandlers.get(n);if(!t)continue;let i=t.filter(t=>!(t.pluginId===e&&r.has(t.handler)));i.length===0?this.eventHandlers.delete(n):this.eventHandlers.set(n,i)}for(let n of t.renderLayers)this.renderLayerOwners.get(n)===e&&(this.renderLayers.delete(n),this.renderLayerOwners.delete(n),this.renderLayerOrder.delete(n));for(let n of t.coreLayerHooks)this.coreLayerHookOwners.get(n)===e&&(this.coreLayerHooks.delete(n),this.coreLayerHookOwners.delete(n),this.coreLayerHookOrder.delete(n))}this.performanceProviderOwner===e&&(this.performanceProvider=void 0,this.performanceProviderOwner=void 0),this.pluginData.delete(e),this.pluginMetadata.delete(e),this.pluginResources.delete(e)}emitEvent(e,...t){let n=this.eventHandlers.get(e);if(!(!n||n.length===0))for(let r of n)try{r.handler(...t)}catch(t){this.errorHandler.debugIf(this.baseContext.config.debug,i(this.baseContext.config,`errorPluginEventFailed`,{event:e}),t)}}validateEvent(e,...t){let n=this.eventHandlers.get(e);if(!n||n.length===0)return!0;for(let r of n)try{if(r.handler(...t)===!1)return!1}catch(t){return this.errorHandler.debugIf(this.baseContext.config.debug,i(this.baseContext.config,`errorPluginValidationFailed`,{event:e}),t),!1}return!0}renderBackground(e,t,n,r){for(let i of this.layersByPosition(`background`))i.render(e,t,n,r)}renderOverlay(e,t,n,r){for(let i of this.layersByPosition(`overlay`))i.render(e,t,n,r)}layersByPosition(e){return Array.from(this.renderLayers.entries()).filter(([,t])=>t.position===e).sort(([e],[t])=>this.compareOwnedResources(e,t)).map(([,e])=>e)}getLoadedPlugins(){return Array.from(this.plugins.values()).map(e=>e.plugin)}isPluginLoaded(e){for(let[t]of this.plugins)if(t.startsWith(`${e}@`))return!0;return!1}measureStart(e){this.performanceProvider&&this.performanceProvider.startMeasurement(e)}measureEnd(e){this.performanceProvider&&this.performanceProvider.endMeasurement(e)}createPluginResources(){return{eventHandlers:new Map,renderLayers:new Set,coreLayerHooks:new Set}}getPluginResources(e){let t=this.pluginResources.get(e);return t||(t=this.createPluginResources(),this.pluginResources.set(e,t),t)}reassignRenderLayerOwner(e,t){let n=this.renderLayerOwners.get(e);!n||n===t||this.pluginResources.get(n)?.renderLayers.delete(e)}reassignCoreLayerHookOwner(e,t){let n=this.coreLayerHookOwners.get(e);!n||n===t||this.pluginResources.get(n)?.coreLayerHooks.delete(e)}areDependenciesLoaded(e){return!e||e.length===0?!0:e.every(e=>this.plugins.has(e)?!0:this.isPluginLoaded(e))}getPluginPriority(e){return this.pluginMetadata.get(e)?.priority??0}nextRegistrationOrder(){let e=this.registrationOrder;return this.registrationOrder+=1,e}compareOwnedResources(e,t){let n=this.renderLayerOwners.get(e)??this.coreLayerHookOwners.get(e),r=this.renderLayerOwners.get(t)??this.coreLayerHookOwners.get(t),i=n?this.getPluginPriority(n):0,a=r?this.getPluginPriority(r):0;return a===i?(this.renderLayerOrder.get(e)??this.coreLayerHookOrder.get(e)??0)-(this.renderLayerOrder.get(t)??this.coreLayerHookOrder.get(t)??0):a-i}},_e=class{constructor(e){this.state={tracks:[],selectedTrack:null,selectedEvent:null,highlightedEvent:null,draggingEvent:null,dragOffsetX:0,dragOffsetY:0,resizingEvent:null,draggingTimeIndicator:!1,timeIndicatorDragOffsetX:0,draggingScrollbar:!1,scrollbarDragOffset:0,draggingHorizontalScrollbar:!1,horizontalScrollbarDragOffset:0,zoomLevel:1,scrollX:0,scrollY:0,snapEnabled:!0,timeIndicatorSnapEnabled:!0,contextMenuEvent:null,contextMenuVisible:!1,contextMenuX:0,contextMenuY:0,hoveredContextMenuItem:-1,timeIndicatorPosition:e.startTime,timeIndicatorHighlightedEvents:[],isManualSelection:!1,guideLines:[],dragTimeReference:null,hoveredResizeHandle:null,lastClickTime:0,lastClickEvent:null,hoveredSplitLine:null,statusText:i(e,`statusReady`),contextMenuBounds:null,lastDrawTime:0}}setStatus(e,t){this.state.statusText=e,t&&t(e)}},Z=class{constructor(e){this.sortedIndices=new Map,this.dirtyTracks=new Set,this.batching=!1,this.state=e}invalidateTrack(e){this.dirtyTracks.add(e)}invalidateAll(){this.sortedIndices.clear(),this.dirtyTracks.clear()}beginBatch(){this.batching=!0}endBatch(){if(this.batching){for(let e of Array.from(this.dirtyTracks)){let t=this.state.tracks[e],n=t.events.map((e,t)=>t);n.sort((e,n)=>t.events[e].startTime-t.events[n].startTime),this.sortedIndices.set(e,n)}this.dirtyTracks.clear(),this.batching=!1}}ensureSorted(e){if(this.batching&&this.sortedIndices.has(e)&&!this.dirtyTracks.has(e))return this.sortedIndices.get(e);if(this.dirtyTracks.has(e)||!this.sortedIndices.has(e)){let t=this.state.tracks[e],n=t.events.map((e,t)=>t);n.sort((e,n)=>t.events[e].startTime-t.events[n].startTime),this.sortedIndices.set(e,n),this.dirtyTracks.delete(e)}return this.sortedIndices.get(e)}getCandidatesByTime(e,t,n=0){let r=this.ensureSorted(e),i=this.state.tracks[e],a=0,o=r.length-1,s=-1,c=t+n;for(;a<=o;){let e=a+o>>1,t=r[e];i.events[t].startTime<=c?(s=e,a=e+1):o=e-1}if(s===-1)return[];let l=[];for(let e=s;e>=0;e--){let a=r[e],o=i.events[a];o.startTime>t+n||o.endTime<t-n||l.push(a)}for(let e=s+1;e<r.length;e++){let a=r[e];if(i.events[a].startTime>t+n)break;l.push(a)}return l}};const Q=x(`ChangeScheduler`);var ve=class{constructor(e,t,n){this.renderManager=null,this.eventIndexManager=null,this.drawFn=null,this.handlers=new Map,this.batchContext=null,this.isBatching=!1,this.highlightChanged=!1,this.state=e,this.config=t,this.callbacks=n,this.initializeHandlers()}setRenderManager(e){this.renderManager=e}setEventIndexManager(e){this.eventIndexManager=e}setDrawFunction(e){this.drawFn=e}initializeHandlers(){this.handlers.set(`events:add`,{layers:[`tracks`,`timeline`,`scrollbar`,`indicator`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`events:update`,{layers:[`tracks`,`timeline`,`scrollbar`,`indicator`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`events:delete`,{layers:[`tracks`,`timeline`,`scrollbar`,`indicator`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`events:move`,{layers:[`tracks`,`timeline`,`scrollbar`,`guideLines`,`indicator`,`interaction`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`events:split`,{layers:[`tracks`,`timeline`,`scrollbar`,`indicator`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`tracks:add`,{layers:[`tracks`,`timeline`,`scrollbar`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`tracks:remove`,{layers:[`tracks`,`timeline`,`scrollbar`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`timeIndicator:move`,{layers:[`indicator`,`tracks`,`timeline`,`interaction`],derive:()=>this.computeHighlightList(),notify:()=>this.emitTimeIndicatorHighlight(),needsDraw:!0}),this.handlers.set(`timeIndicator:drag`,{layers:[`indicator`,`tracks`,`interaction`],derive:()=>this.computeHighlightList(),needsDraw:!0}),this.handlers.set(`scroll:x`,{layers:[`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`],needsDraw:!0}),this.handlers.set(`scroll:y`,{layers:[`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`],needsDraw:!0}),this.handlers.set(`zoom:change`,{layers:[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`],needsDraw:!0}),this.handlers.set(`selection:change`,{layers:[`tracks`,`interaction`,`indicator`],needsDraw:!0}),this.handlers.set(`highlight:change`,{layers:[`tracks`,`indicator`],needsDraw:!0}),this.handlers.set(`canvas:resize`,{layers:[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`],needsDraw:!0}),this.handlers.set(`data:load`,{layers:[`tracks`,`timeline`,`scrollbar`,`guideLines`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`theme:change`,{layers:[`background`,`tracks`,`timeline`,`indicator`,`scrollbar`,`overlay`],needsDraw:!0}),this.handlers.set(`interaction:hover`,{layers:[`tracks`,`interaction`,`overlay`],needsDraw:!0}),this.handlers.set(`interaction:contextMenu`,{layers:[`overlay`,`interaction`],needsDraw:!0}),this.handlers.set(`interaction:splitLine`,{layers:[`tracks`],needsDraw:!0}),this.handlers.set(`config:debug`,{layers:[`overlay`],needsDraw:!0}),this.handlers.set(`config:timeIndicator`,{layers:[`indicator`,`tracks`,`interaction`],derive:()=>this.refreshHighlightList(),needsDraw:!0}),this.handlers.set(`config:endTime`,{layers:[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`],needsDraw:!0}),this.handlers.set(`config:readOnly`,{layers:[`tracks`,`interaction`,`overlay`],needsDraw:!0})}notify(e){let t=this.handlers.get(e);if(!t){Q.warn(i(this.config,`warningUnknownChangeType`,{change:e}));return}if(this.isBatching&&this.batchContext){this.batchContext.changes.add(e);for(let e of t.layers)this.batchContext.dirtyLayers.add(e);t.derive&&this.batchContext.pendingDerives.push(t.derive),t.notify&&this.batchContext.pendingNotifications.push(t.notify)}else this.processChange(t)}notifyMultiple(e){this.beginBatch();for(let t of e)this.notify(t);this.endBatch()}beginBatch(){if(this.isBatching){Q.warn(i(this.config,`warningAlreadyInBatchMode`));return}this.isBatching=!0,this.batchContext={changes:new Set,dirtyLayers:new Set,pendingNotifications:[],pendingDerives:[]}}endBatch(){if(!this.isBatching||!this.batchContext){Q.warn(i(this.config,`warningNotInBatchMode`));return}let e=this.batchContext;if(this.isBatching=!1,this.batchContext=null,e.changes.size===0)return;let t=[...new Set(e.pendingDerives)];for(let e of t)e();this.renderManager&&e.dirtyLayers.size>0&&this.renderManager.markDirty(Array.from(e.dirtyLayers)),this.drawFn&&this.drawFn();let n=[...new Set(e.pendingNotifications)];for(let e of n)e()}processChange(e){e.derive&&e.derive(),this.renderManager&&e.layers.length>0&&this.renderManager.markDirty(e.layers),e.needsDraw&&this.drawFn&&this.drawFn(),e.notify&&e.notify()}refreshHighlightList(){this.state.timeIndicatorHighlightedEvents=this.detectHighlightedEvents(this.state.timeIndicatorPosition)}computeHighlightList(){let e=this.state.timeIndicatorPosition,t=this.detectHighlightedEvents(e),n=this.hasHighlightChanged(this.state.timeIndicatorHighlightedEvents,t);this.state.timeIndicatorHighlightedEvents=t,this.highlightChanged=n}hasHighlightChanged(e,t){if(e.length!==t.length)return!0;for(let n=0;n<e.length;n++)if(e[n].trackIndex!==t[n].trackIndex||e[n].eventIndex!==t[n].eventIndex)return!0;return!1}detectHighlightedEvents(e){if(!this.config.enableTimeIndicator)return[];let t=[];if(this.eventIndexManager)for(let n=0;n<this.state.tracks.length;n++){let r=this.eventIndexManager.getCandidatesByTime(n,e,0),i=this.state.tracks[n];for(let a of r){let r=i.events[a];r&&e>r.startTime&&e<r.endTime&&t.push({trackIndex:n,eventIndex:a})}}else for(let n=0;n<this.state.tracks.length;n++){let r=this.state.tracks[n];for(let i=0;i<r.events.length;i++){let a=r.events[i];e>a.startTime&&e<a.endTime&&t.push({trackIndex:n,eventIndex:i})}}return t}emitTimeIndicatorHighlight(){if(this.highlightChanged){if(this.callbacks.onTimeIndicatorHighlight){let e=this.state.timeIndicatorPosition,t=this.state.timeIndicatorHighlightedEvents.filter(({trackIndex:e,eventIndex:t})=>{let n=this.state.tracks[e];return n&&t<n.events.length}).map(({trackIndex:e,eventIndex:t})=>{let n=this.state.tracks[e].events[t];return{trackIndex:e,eventIndex:t,event:d(n)}});this.callbacks.onTimeIndicatorHighlight({position:e,highlightedEvents:t})}this.highlightChanged=!1}}registerHandler(e,t){this.handlers.set(e,t)}getLayersForChange(e){return this.handlers.get(e)?.layers||[]}updateCallbacks(e){this.callbacks=e}};function $(e,t,n){return n||e.colors.eventColors[t%e.colors.eventColors.length]}var ye=class{constructor(e){this.config=e.config,this.state=e.state,this.eventIndexManager=e.eventIndexManager,this.logger=e.logger,this.onMutate=e.onMutate}validateEventTime(e,t){let n=this.config.endTime+this.config.endPaddingTime,r,a;if(t>e&&t<=n)r=e,a=s(t-e);else if(t<=this.config.endTime-this.config.startTime&&e+t<=n)r=e,a=t;else return this.logger.error(i(this.config,`errorInvalidTimeRange`,{startTime:e,endTime:t})),null;return r<this.config.startTime?(this.logger.error(i(this.config,`errorStartTimeBeforeMin`,{startTime:r,minAllowed:this.config.startTime})),null):{startSec:r,duration:a}}addEvent(e,t,n,r,i=``,a,o=!1){if(!this.isValidTrackIndex(e))return null;let c=this.validateEventTime(t,n);if(!c)return null;let{startSec:l,duration:u}=c,d=this.state.tracks[e],f=s(u),p={id:d.events.length,startTime:l,endTime:s(l+f),duration:f,title:r,description:i,color:$(this.config,d.events.length),...o?{readonly:o}:{},...a?{customData:a}:{}};return d.events.push(p),this.invalidateTrack(e),p}updateEvent(e,t,n){let r=this.getEvent(e,t);if(!r)return null;let i=d(r);return Object.assign(r,n),this.invalidateTrack(e),{event:r,oldEvent:i}}updateEventData(e,t,n){let r=this.getEvent(e,t);if(!r)return null;let i=d(r);return n.title!==void 0&&(r.title=n.title),n.startTime!==void 0&&(r.startTime=n.startTime,r.endTime=s(r.startTime+r.duration)),n.duration!==void 0&&(r.duration=s(n.duration),r.endTime=s(r.startTime+r.duration)),n.description!==void 0&&(r.description=n.description),this.invalidateTrack(e),{event:r,oldEvent:i}}deleteEvent(e,t){if(!this.isValidTrackIndex(e))return null;let n=this.state.tracks[e];if(!this.isValidEventIndex(n,t))return null;let r=d(n.events[t]);return n.events.splice(t,1),this.invalidateTrack(e),r}loadData(e){if(!e||typeof e!=`object`)return this.logger.error(i(this.config,`errorInvalidDataFormat`)),!1;this.state.tracks=[],this.state.selectedTrack=null,this.state.selectedEvent=null;let t=e.tracks||[];for(let e=0;e<t.length;e++){let n=t[e],r={id:this.state.tracks.length,events:[]},i=n.events||[];for(let e=0;e<i.length;e++){let t=i[e];if(!t.title)continue;let n=this.resolveLoadEventTiming(t);if(!n)continue;let a={id:r.events.length,startTime:n.startTime,endTime:n.endTime,duration:n.duration,title:t.title,description:t.description||``,color:$(this.config,r.events.length,t.color),...t.readonly?{readonly:t.readonly}:{},...t.customData?{customData:t.customData}:{},...t.media?{media:t.media}:{}};r.events.push(a)}this.state.tracks.push(r)}return this.eventIndexManager.invalidateAll(),this.onMutate?.(),!0}getEvent(e,t){if(!this.isValidTrackIndex(e))return this.logger.error(i(this.config,`errorInvalidTrackIndex`)),null;let n=this.state.tracks[e];return this.isValidEventIndex(n,t)?n.events[t]:(this.logger.error(i(this.config,`errorInvalidEventIndex`)),null)}resolveLoadEventTiming(e){let t,n;if(e.endTime!==void 0)t=e.startTime||0,n=s(e.endTime-t);else if(e.duration!==void 0)t=e.startTime||0,n=e.duration;else return null;let r=s(n);return{startTime:t,duration:r,endTime:s(t+r)}}invalidateTrack(e){this.eventIndexManager.invalidateTrack(e),this.onMutate?.()}isValidTrackIndex(e){return e>=0&&e<this.state.tracks.length}isValidEventIndex(e,t){return t>=0&&t<e.events.length}};function be(e,t,n,r,i){return`${e}-${t}-${n}-${r.toFixed(3)}-${i.toFixed(3)}`}var xe=class{constructor(e,t,n=500){this.config=e,this.state=t,this.cacheTtl=n,this.guideLinesCache=new Map,this.guideLinesCacheTimestamp=0}calculateGuideLines(e,t,n,r,i){let a=be(e,t,n,r,i),o=Date.now();if(o-this.guideLinesCacheTimestamp<this.cacheTtl){let e=this.guideLinesCache.get(a);if(e)return e}else this.clearCache(),this.guideLinesCacheTimestamp=o;let s=[],c=this.config.guideLineSnapThreshold,l=r+i;for(let n=0;n<this.state.tracks.length;n++){let i=this.state.tracks[n];if(!(!i||i.events.length===0))for(let a=0;a<i.events.length;a++){if(n===e&&a===t)continue;let o=i.events[a];o.endTime<r-c||o.startTime>l+c||(this.addGuideLineIfMatched(s,o.startTime,r,`start`,n,c),this.addGuideLineIfMatched(s,o.endTime,l,`end`,n,c),this.addGuideLineIfMatched(s,o.endTime,r,`end`,n,c),this.addGuideLineIfMatched(s,o.startTime,l,`start`,n,c))}}return this.guideLinesCache.set(a,s),s}clearCache(){this.guideLinesCache.clear()}addGuideLineIfMatched(e,t,n,r,i,a){if(Math.abs(t-n)>=a)return;let o=e.find(e=>Math.abs(e.time-t)<1e-4&&e.type===r);if(!o){e.push({time:t,type:r,trackIndices:[i]});return}o.trackIndices.includes(i)||o.trackIndices.push(i)}},Se=class{constructor(e,t,n){this.config=e,this.state=t,this.eventIndexManager=n}getInteractionTarget(e,t){let n={trackIndex:null,eventIndex:null,resizeEdge:null},r=this.resolveTrackIndex(t);if(r===null||(n.trackIndex=r,!this.isWithinEventVerticalBounds(r,t)))return n;let{eventIndex:i,resizeEdge:a}=this.resolveCandidateHit(r,e,this.getResizeMargin());return n.eventIndex=i,n.resizeEdge=a,n}getEventAtPosition(e,t){let n=this.resolveTrackIndex(t);if(n===null||!this.isWithinEventVerticalBounds(n,t))return null;let{eventIndex:r}=this.resolveCandidateHit(n,e,0);return r===null?null:{trackIndex:n,eventIndex:r}}getResizeHandle(e,t){let n=this.resolveTrackIndex(t);if(n===null||!this.isWithinEventVerticalBounds(n,t))return null;let{eventIndex:r,resizeEdge:i}=this.resolveCandidateHit(n,e,this.getResizeMargin());return r===null||i===null?null:{trackIndex:n,eventIndex:r,edge:i}}resolveTrackIndex(e){let t=e+this.state.scrollY;if(t<this.config.timelineHeight)return null;let n=Math.floor((t-this.config.timelineHeight-this.config.firstTrackTopMargin)/(this.config.trackHeight+this.config.trackMargin));return n<0||n>=this.state.tracks.length?null:n}isWithinEventVerticalBounds(e,t){let{trackY:n,eventVerticalPadding:r}=this.getTrackHitContext(e);return!(t<n+r||t>n+this.config.trackHeight-r)}getTrackHitContext(e){return{trackIndex:e,trackY:this.config.timelineHeight+this.config.firstTrackTopMargin+e*(this.config.trackHeight+this.config.trackMargin)-this.state.scrollY,eventVerticalPadding:Math.max(5,this.config.trackHeight*.0625)}}resolveCandidateHit(e,t,n){let r=this.getMouseTime(t),i=this.eventIndexManager.getCandidatesByTime(e,r,n);if(i.length===0)return{eventIndex:null,resizeEdge:null};let a=null,o=null,s=null;for(let n of i){let r=this.state.tracks[e].events[n],{eventX:i,eventWidth:c}=this.getEventGeometry(r),l=this.config.resizeHandleWidth;t>=i-l/2&&t<=i+l/2?(a===null||n>a)&&(a=n,o=`left`):t>=i+c-l/2&&t<=i+c+l/2&&(a===null||n>a)&&(a=n,o=`right`),t>=i&&t<=i+c&&(s===null||n>s)&&(s=n)}return a===null?{eventIndex:s,resizeEdge:null}:{eventIndex:a,resizeEdge:o}}getMouseTime(e){return(e+this.state.scrollX-this.config.startPaddingTime)/(this.config.secondWidth*this.state.zoomLevel)+this.config.startTime}getResizeMargin(){return this.config.resizeHandleWidth/(this.config.secondWidth*this.state.zoomLevel)}getEventGeometry(e){return{eventX:this.config.startPaddingTime+(e.startTime-this.config.startTime)*this.config.secondWidth*this.state.zoomLevel-this.state.scrollX,eventWidth:e.duration*this.config.secondWidth*this.state.zoomLevel}}},Ce=class{constructor(e,n={}){this.eventListeners=null,this.currentThemePluginId=null,this._lastEdgeScrollTime=0;let i=_(n.locale),o=l(i,n.messages);this.logger=new S({enabled:!0,level:n.debug?`debug`:`info`,prefix:`Timeline`,useGlobalConfig:!1}),C({enabled:!0,level:n.debug?`debug`:`info`}),this.errorHandler=new X(this.logger);let s=document.getElementById(e);(!s||!(s instanceof HTMLCanvasElement))&&this.errorHandler.throw(a(o,`errorCanvasNotFound`,{canvasId:e})),this.canvas=s;let u=this.canvas.getContext(`2d`);if(u||this.errorHandler.throw(a(o,`errorCanvasContextUnavailable`)),this.ctx=u,n.startPaddingTime===void 0&&(n.startPaddingTime=10),this.config={...c,...n,locale:i,messages:o,colors:{...m,...n.colors},eventTextStyle:{...h,...n.eventTextStyle},eventBlockStyle:{...f,...n.eventBlockStyle},eventDurationPrefix:n.eventDurationPrefix??o.labelDurationPrefix,contextMenuItems:n.contextMenuItems||r(o),contextMenuStyle:{...t,...n.contextMenuStyle}},this.logger.setLevel(this.config.debug?`debug`:`info`),this.callbacks={onEventAdd:n.onEventAdd||null,onEventUpdate:n.onEventUpdate||null,onEventDelete:n.onEventDelete||null,onEventMove:n.onEventMove||null,onEventClick:n.onEventClick||null,onEventEdit:n.onEventEdit||null,onContextMenu:n.onContextMenu||null,onTrackAdd:n.onTrackAdd||null,onTrackRemove:n.onTrackRemove||null,onTimeIndicatorMove:n.onTimeIndicatorMove||null,onZoom:n.onZoom||null,onStatusChange:n.onStatusChange||null,onEventHighlight:n.onEventHighlight||null,onTimeIndicatorHighlight:n.onTimeIndicatorHighlight||null},this.stateManager=new _e(this.config),this.state=this.stateManager.state,this.eventIndexManager=new Z(this.state),this.eventMutationService=new ye({config:this.config,state:this.state,eventIndexManager:this.eventIndexManager,logger:this.logger,onMutate:()=>this.clearGuideLineCache()}),this.guideLineService=new xe(this.config,this.state),this.hitTestService=new Se(this.config,this.state,this.eventIndexManager),this.mouseHandler=new me(this),this.wheelHandler=new he(this),this.pluginManager=new ge({timeline:this,config:this.config,state:this.state}),n.theme){let e=`${n.theme.metadata.name}@${n.theme.metadata.version}`;this.pluginManager.loadPlugin(n.theme).then(t=>{t&&(this.currentThemePluginId=e,this.notifyChange(`theme:change`))})}this.renderManager=new G(this.canvas,this.ctx,this.config,this.state,this.pluginManager),this.changeScheduler=new ve(this.state,this.config,this.callbacks),this.changeScheduler.setRenderManager(this.renderManager),this.changeScheduler.setEventIndexManager(this.eventIndexManager),this.changeScheduler.setDrawFunction(()=>this.draw()),this.init(),this.setupEventListeners()}getCanvas(){return this.canvas}async usePlugin(e){return this.isThemePlugin(e)?this.switchTheme(e):await this.pluginManager.loadPlugin(e)?(this.redrawAfterPluginChange(),!0):!1}getLoadedPlugins(){return this.pluginManager.getLoadedPlugins()}isPluginLoaded(e){return this.pluginManager.isPluginLoaded(e)}async removePlugin(e){return await this.pluginManager.unloadPlugin(e)?this.currentThemePluginId===e?(this.currentThemePluginId=null,this.notifyChange(`theme:change`),!0):(this.redrawAfterPluginChange(),!0):!1}async setTheme(e){let t=e===`dark`?D:E;return this.switchTheme(t)}async switchTheme(e){let t=this.getPluginId(e);if(this.currentThemePluginId===t)return!0;if(this.currentThemePluginId){if(!await this.pluginManager.unloadPlugin(this.currentThemePluginId))return!1;this.currentThemePluginId=null}let n=await this.pluginManager.loadPlugin(e);return n&&(this.currentThemePluginId=t,this.notifyChange(`theme:change`)),n}init(){this.config.autoFitOnInit&&this.autoFitZoomToCanvas(),this.notifyChange(`data:load`)}getContentWidthForZoom(e){return this.renderManager.getContentWidth(e)}hasHorizontalScrollbar(){return this.renderManager.hasHorizontalScrollbar()}getAvailableHeight(){return this.renderManager.getAvailableHeight()}notifyChange(e){this.changeScheduler.notify(e)}beginChangeBatch(){this.changeScheduler.beginBatch()}endChangeBatch(){this.changeScheduler.endBatch()}setDebug(e){this.config.debug!==e&&(this.config.debug=e,this.logger.setLevel(e?`debug`:`info`),C({level:e?`debug`:`info`}),this.notifyChange(`config:debug`))}setEnableTimeIndicator(e){this.config.enableTimeIndicator!==e&&(this.config.enableTimeIndicator=e,e||(this.state.draggingTimeIndicator=!1,this.state.timeIndicatorHighlightedEvents=[]),this.notifyChange(`config:timeIndicator`))}markDirty(e){this.renderManager.markDirty(e)}getLastLayerTimes(){return this.renderManager.getLastLayerTimes()}beginIndexBatch(){this.eventIndexManager.beginBatch()}endIndexBatch(){this.eventIndexManager.endBatch()}invalidateIndexTrack(e){this.eventIndexManager.invalidateTrack(e)}invalidateIndexAll(){this.eventIndexManager.invalidateAll()}autoFitZoomToCanvas(){this.adjustCanvasSize();let e=this.renderManager.getCanvasLogicalWidth(),t=Math.max(this.config.minAutoFitZoom,this.state.zoomLevel,1),n=Math.max(this.config.maxAutoFitZoom,t);if(this.renderManager.getContentWidth(t)>=e){this.state.zoomLevel=t;return}for(;t<=n&&this.renderManager.getContentWidth(t)<e;)t+=.05;if(t<=n&&this.renderManager.getContentWidth(t)>=e){this.state.zoomLevel=parseFloat(t.toFixed(3)),this.setStatus(this.t(`statusAutoFit`,{percentage:Math.round(this.state.zoomLevel*100)}));return}if(this.config.endPaddingTime===0){let t=e,r=this.renderManager.getContentWidth(n);if(r<t){let e=(t-r)/(this.config.secondWidth*n);this.config.endPaddingTime=Math.ceil(e),this.state.zoomLevel=n,this.setStatus(this.t(`statusAutoFitCappedWithPadding`,{percentage:Math.round(n*100),seconds:this.config.endPaddingTime}));return}}this.state.zoomLevel=n,this.setStatus(this.t(`statusAutoFitCappedContentShort`,{percentage:Math.round(n*100)})),this.markDirty([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`])}setupEventListeners(){this.eventListeners={mousedown:e=>this.mouseHandler.handleMouseDown(e),mousemove:e=>this.mouseHandler.handleMouseMove(e),mouseup:e=>this.mouseHandler.handleMouseUp(e),mouseleave:()=>this.mouseHandler.handleMouseUp(),contextmenu:e=>this.mouseHandler.handleContextMenu(e),wheel:e=>this.wheelHandler.handleWheel(e)},this.canvas.addEventListener(`mousedown`,this.eventListeners.mousedown),this.canvas.addEventListener(`mousemove`,this.eventListeners.mousemove),this.canvas.addEventListener(`mouseup`,this.eventListeners.mouseup),this.canvas.addEventListener(`mouseleave`,this.eventListeners.mouseleave),this.canvas.addEventListener(`contextmenu`,this.eventListeners.contextmenu),this.canvas.addEventListener(`wheel`,this.eventListeners.wheel,{passive:!1}),this.setInitialCanvasSize()}setInitialCanvasSize(){let e=this.canvas.parentElement;if(!e){this.setCanvasSize(this.renderManager.getCanvasLogicalWidth(),this.config.canvasHeight||500);return}let t=e.getBoundingClientRect();this.setCanvasSize(t.width,t.height||this.config.canvasHeight||500)}setCanvasSize(e,t){this.renderManager.setCanvasSize(e,t)}getCanvasLogicalHeight(){return this.renderManager.getCanvasLogicalHeight()}getCachedLogicalHeight(){return this.renderManager.getCachedLogicalHeight()}adjustCanvasSize(){let e=this.renderManager.computeMaxScrollY();this.state.scrollY=Math.max(0,Math.min(e,this.state.scrollY)),this.notifyChange(`canvas:resize`)}addTrack(){let e={id:this.state.tracks.length,events:[]};this.state.tracks.push(e),this.clearGuideLineCache(),this.adjustCanvasSize(),this.setStatus(this.t(`statusTrackAdded`,{count:this.state.tracks.length})),this.callbacks.onTrackAdd&&this.callbacks.onTrackAdd(e)}removeTrack(){if(this.state.tracks.length<=1){this.setStatus(this.t(`statusAtLeastOneTrackRequired`));return}let e=this.state.tracks.pop();this.state.selectedTrack!==null&&this.state.selectedTrack>=this.state.tracks.length&&(this.state.selectedTrack=this.state.tracks.length>0?this.state.tracks.length-1:null),this.clearGuideLineCache(),this.adjustCanvasSize(),this.setStatus(this.t(`statusTrackRemoved`,{count:this.state.tracks.length})),this.callbacks.onTrackRemove&&this.callbacks.onTrackRemove(e)}autoRemoveEmptyLastTrack(){if(this.config.autoRemoveEmptyLastTrack&&!(this.state.tracks.length<=1)&&this.state.tracks[this.state.tracks.length-1].events.length===0){let e=this.state.tracks.pop();this.state.selectedTrack!==null&&this.state.selectedTrack>=this.state.tracks.length&&(this.state.selectedTrack=this.state.tracks.length>0?this.state.tracks.length-1:null),this.clearGuideLineCache(),this.setStatus(this.t(`statusEmptyTrackRemoved`,{count:this.state.tracks.length})),this.callbacks.onTrackRemove&&this.callbacks.onTrackRemove(e),this.adjustCanvasSize(),this.autoRemoveEmptyLastTrack()}}addEvent(e,t,n,r,i=``,a,o=!1){let s=this.eventMutationService.addEvent(e,t,n,r,i,a,o);s&&(this.notifyChange(`events:add`),this.callbacks.onEventAdd&&this.callbacks.onEventAdd({trackIndex:e,event:d(s)}))}updateEvent(e,t,n){let r=this.eventMutationService.updateEvent(e,t,n);return r?(this.notifyChange(`events:update`),this.setStatus(this.t(`statusEventUpdated`,{title:r.event.title})),this.callbacks.onEventUpdate&&this.callbacks.onEventUpdate({trackIndex:e,eventIndex:t,event:d(r.event),oldEvent:r.oldEvent}),!0):!1}updateEventData(e,t,n){let r=this.eventMutationService.updateEventData(e,t,n);return r?(this.notifyChange(`events:update`),this.setStatus(this.t(`statusEventUpdated`,{title:r.event.title})),this.callbacks.onEventUpdate&&this.callbacks.onEventUpdate({trackIndex:e,eventIndex:t,event:d(r.event),oldEvent:r.oldEvent}),!0):!1}deleteEvent(e,t){let n=this.eventMutationService.deleteEvent(e,t);return n?(this.autoRemoveEmptyLastTrack(),this.notifyChange(`events:delete`),this.setStatus(this.t(`statusEventDeleted`,{title:n.title})),this.callbacks.onEventDelete&&this.callbacks.onEventDelete({trackIndex:e,eventIndex:t,event:n}),!0):!1}loadData(e){return this.eventMutationService.loadData(e)?(this.state.tracks.length===0&&this.addTrack(),e.timeIndicatorPosition!==void 0&&this.setTimeIndicator(e.timeIndicatorPosition),this.notifyChange(`data:load`),this.setStatus(this.t(`statusDataLoaded`,{count:this.state.tracks.length})),!0):!1}setTimeIndicator(t,r=!1){if(typeof t!=`number`||isNaN(t))return this.logger.error(this.t(`errorTimeIndicatorInvalid`)),!1;if(r&&this.state.snapEnabled){let e=n(this.state.zoomLevel,this.config.snapInterval,this.config.snapToSeconds,this.config.secondPrecisionZoomThreshold,this.config.scale,this.config.scaleSplitCount);t=y(t,e)}return t=Math.max(this.config.startTime,Math.min(this.config.endTime,t)),t===this.state.timeIndicatorPosition?!0:(this.state.timeIndicatorPosition=t,this.scrollToTimeIndicator(t),this.notifyChange(`timeIndicator:move`),this.setStatus(this.t(`statusTimeIndicatorMoved`,{time:e(t)})),this.callbacks.onTimeIndicatorMove&&this.callbacks.onTimeIndicatorMove({position:t,time:e(t)}),!0)}setTimeIndicatorDuringDrag(e){e=Math.max(this.config.startTime,Math.min(this.config.endTime,e)),this.state.timeIndicatorPosition=e,this.scrollToTimeIndicatorThrottled(e),this.notifyChange(`timeIndicator:drag`)}scrollToTimeIndicatorThrottled(e){let t=performance.now();if(t-this._lastEdgeScrollTime<this.getEdgeScrollThrottle())return;let n=u(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,this.state.scrollX),r=this.renderManager.getCanvasLogicalWidth(),i=this.getEdgeScrollTriggerMargin();if(n>=i&&n<=r-i)return;this._lastEdgeScrollTime=t;let a=this.getEdgeScrollViewportMargin(),o=u(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,0),s=this.renderManager.computeMaxScrollX(this.state.zoomLevel);n<i?this.state.scrollX=Math.max(0,Math.min(s,o-a)):this.state.scrollX=Math.max(0,Math.min(s,o-(r-a))),this.markDirty([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`])}scrollToTimeIndicator(e){let t=u(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,this.state.scrollX),n=this.renderManager.getCanvasLogicalWidth(),r=this.getEdgeScrollViewportMargin(),i=!1;if(t<r){let t=u(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,0)-r,n=this.renderManager.computeMaxScrollX(this.state.zoomLevel);this.state.scrollX=Math.max(0,Math.min(n,t)),i=!0}else if(t>n-r){let t=u(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,0)-(n-r),a=this.renderManager.computeMaxScrollX(this.state.zoomLevel);this.state.scrollX=Math.max(0,Math.min(a,t)),i=!0}i&&this.markDirty([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`])}zoom(e){let t=this.state.zoomLevel,n=this.state.scrollX,r=this.renderManager.getCachedLogicalWidth()/2,i=(r+n)/(this.config.secondWidth*t);if(this.state.zoomLevel*=e,this.state.zoomLevel=Math.max(1,Math.min(1e3,this.state.zoomLevel)),t!==this.state.zoomLevel){let e=i*this.config.secondWidth*this.state.zoomLevel;this.state.scrollX=e-r;let t=this.renderManager.computeMaxScrollX(this.state.zoomLevel);this.state.scrollX=Math.max(0,Math.min(t,this.state.scrollX))}this.notifyChange(`zoom:change`),this.setStatus(this.t(`statusZoomChanged`,{percentage:Math.round(this.state.zoomLevel*100)})),this.callbacks.onZoom&&t!==this.state.zoomLevel&&this.callbacks.onZoom({zoomLevel:this.state.zoomLevel,percentage:Math.round(this.state.zoomLevel*100)})}setZoomLevel(e){if(typeof e!=`number`||isNaN(e))return this.logger.error(this.t(`errorZoomLevelInvalid`)),!1;if(e<1||e>1e3)return this.logger.error(this.t(`errorZoomLevelOutOfRange`)),!1;let t=this.state.zoomLevel,n=this.state.scrollX,r=this.renderManager.getCachedLogicalWidth()/2,i=(r+n)/(this.config.secondWidth*t);this.state.zoomLevel=e;let a=i*this.config.secondWidth*this.state.zoomLevel;this.state.scrollX=a-r;let o=this.renderManager.computeMaxScrollX(this.state.zoomLevel);return this.state.scrollX=Math.max(0,Math.min(o,this.state.scrollX)),this.notifyChange(`zoom:change`),this.setStatus(this.t(`statusZoomChanged`,{percentage:Math.round(this.state.zoomLevel*100)})),this.callbacks.onZoom&&t!==this.state.zoomLevel&&this.callbacks.onZoom({zoomLevel:this.state.zoomLevel,percentage:Math.round(this.state.zoomLevel*100)}),!0}getZoomLevel(){return this.state.zoomLevel}setEndTime(t){if(typeof t!=`number`||isNaN(t))return this.logger.error(this.t(`errorEndTimeInvalid`)),!1;if(t<=this.config.startTime)return this.logger.error(this.t(`errorEndTimeNotAfterStart`)),!1;this.state.tracks.some(e=>e.events.some(e=>e.endTime>t))&&this.logger.warn(this.t(`warningEventsExceedEndTime`));let n=this.config.endTime;this.config.endTime=t,this.clearGuideLineCache(),this.renderManager.invalidateLayoutCache(),this.state.timeIndicatorPosition>t&&(this.state.timeIndicatorPosition=t);let r=this.renderManager.getContentWidth(this.state.zoomLevel),i=Math.max(0,r-this.renderManager.getCachedLogicalWidth());return this.state.scrollX=Math.max(0,Math.min(i,this.state.scrollX)),this.notifyChange(`config:endTime`),this.setStatus(this.t(`statusEndTimeUpdated`,{from:e(n),to:e(t)})),!0}getEndTime(){return this.config.endTime}formatTime(t){return e(t)}t(e,t={}){return a(this.config.messages,e,t)}setStatus(e){this.stateManager.setStatus(e,this.callbacks.onStatusChange||void 0)}getStatus(){return this.state.statusText}getInteractionTarget(e,t){return this.hitTestService.getInteractionTarget(e,t)}getEventAtPosition(e,t){return this.hitTestService.getEventAtPosition(e,t)}getResizeHandle(e,t){return this.hitTestService.getResizeHandle(e,t)}getEdgeScrollThrottle(){return this.resolveEdgeScrollValue(this.config.edgeScrollThrottle,c.edgeScrollThrottle)}getEdgeScrollTriggerMargin(){return this.resolveEdgeScrollValue(this.config.edgeScrollTriggerMargin,c.edgeScrollTriggerMargin)}getEdgeScrollViewportMargin(){return this.resolveEdgeScrollValue(this.config.edgeScrollViewportMargin,c.edgeScrollViewportMargin)}resolveEdgeScrollValue(e,t){return!Number.isFinite(e)||e<0?t:e}calculateGuideLines(e,t,n,r,i){return this.guideLineService.calculateGuideLines(e,t,n,r,i)}snapToGuideLines(e,t){if(this.state.guideLines.length===0)return null;let n=this.config.guideLineSnapThreshold,r=e+t,i=null,a=2**53-1;for(let o of this.state.guideLines)if(o.type===`start`){let t=Math.abs(o.time-e);t<n&&t<a&&(a=t,i=o.time)}else if(o.type===`end`){let e=Math.abs(o.time-r);e<n&&e<a&&(a=e,i=o.time-t)}return i}snapEdgeToGuideLines(e){if(this.state.guideLines.length===0)return null;let t=this.config.guideLineSnapThreshold,n=null,r=2**53-1;for(let i of this.state.guideLines){let a=Math.abs(i.time-e);a<t&&a<r&&(r=a,n=i.time)}return n}canMoveEvent(e,t,n,r,i){let a=r+i,o=this.config.endTime+this.config.endPaddingTime;if(r<this.config.startTime||a>o||n<0||n>=this.state.tracks.length)return!1;let s=this.state.tracks[n];for(let i=0;i<s.events.length;i++){if(n===e&&i===t)continue;let o=s.events[i];if(!(a<=o.startTime||r>=o.endTime))return!1}return!!this.pluginManager.validateEvent(`validate:event:move`,{fromTrackIndex:e,fromEventIndex:t,toTrackIndex:n,newStartTime:r,duration:i})}showSplitLine(e,t,n){(!this.state.hoveredSplitLine||this.state.hoveredSplitLine.trackIndex!==e||this.state.hoveredSplitLine.eventIndex!==t||Math.abs(this.state.hoveredSplitLine.splitTime-n)>.001)&&(this.state.hoveredSplitLine={trackIndex:e,eventIndex:t,splitTime:n},this.notifyChange(`interaction:splitLine`))}hideSplitLine(){this.state.hoveredSplitLine&&(this.state.hoveredSplitLine=null,this.notifyChange(`interaction:splitLine`))}splitEvent(e,t,n){if(e<0||e>=this.state.tracks.length)return!1;let r=this.state.tracks[e];if(t<0||t>=r.events.length)return!1;let i=r.events[t];if(n<=i.startTime+this.config.minEventDuration||n>=i.endTime-this.config.minEventDuration)return this.setStatus(this.t(`statusInvalidSplitPosition`)),!1;let a={...i,id:i.id,duration:s(n-i.startTime),endTime:n,title:`${i.title} (1)`},o={...i,id:r.events.length,startTime:n,duration:s(i.endTime-n),endTime:s(i.endTime),title:`${i.title} (2)`};return r.events[t]=a,r.events.push(o),this.clearGuideLineCache(),this.eventIndexManager.invalidateTrack(e),this.notifyChange(`events:split`),this.setStatus(this.t(`statusEventSplit`,{title:i.title})),this.callbacks.onEventUpdate&&this.callbacks.onEventUpdate({type:`split`,trackIndex:e,eventIndex:t,event:d(i),firstEvent:d(a),secondEvent:d(o)}),!0}draw(){this.renderManager.draw()}setReadOnly(e){this.config.readOnly=e,e&&(this.state.selectedEvent=null,this.state.draggingEvent=null,this.state.resizingEvent=null,this.state.draggingTimeIndicator=!1,this.state.contextMenuVisible=!1,this.state.contextMenuEvent=null,this.state.hoveredResizeHandle=null,this.state.hoveredSplitLine=null,this.state.guideLines=[]),this.notifyChange(`config:readOnly`),this.setStatus(this.t(e?`statusReadOnlyModeEnabled`:`statusReadOnlyModeDisabled`))}highlightEvent(e,t){if(e<0||e>=this.state.tracks.length)return this.logger.error(this.t(`errorInvalidTrackIndexWithValue`,{trackIndex:e})),!1;let n=this.state.tracks[e];if(t<0||t>=n.events.length)return this.logger.error(this.t(`errorInvalidEventIndexWithValue`,{eventIndex:t})),!1;this.state.selectedEvent=null,this.state.selectedTrack=null,this.state.highlightedEvent={trackIndex:e,eventIndex:t};let r=n.events[t];return this.notifyChange(`highlight:change`),this.setStatus(this.t(`statusEventHighlighted`,{title:r.title})),!0}clearHighlight(){(this.state.highlightedEvent||this.state.selectedEvent)&&(this.state.highlightedEvent=null,this.state.selectedEvent=null,this.state.selectedTrack=null,this.notifyChange(`highlight:change`),this.setStatus(this.t(`statusHighlightCleared`)))}getHighlightedEvent(){return this.state.highlightedEvent}isReadOnly(){return this.config.readOnly}destroy(){this.clearGuideLineCache(),this.eventListeners&&=(this.canvas.removeEventListener(`mousedown`,this.eventListeners.mousedown),this.canvas.removeEventListener(`mousemove`,this.eventListeners.mousemove),this.canvas.removeEventListener(`mouseup`,this.eventListeners.mouseup),this.canvas.removeEventListener(`mouseleave`,this.eventListeners.mouseleave),this.canvas.removeEventListener(`contextmenu`,this.eventListeners.contextmenu),this.canvas.removeEventListener(`wheel`,this.eventListeners.wheel),null),this.setStatus(this.t(`statusTimelineDestroyed`))}clearGuideLineCache(){this.guideLineService.clearCache()}getPluginId(e){return`${e.metadata.name}@${e.metadata.version}`}isThemePlugin(e){return e.metadata.type===T.THEME}redrawAfterPluginChange(){this.markDirty([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`]),this.draw()}};function we(e,t){if(!e.descriptionI18n)return e.description;let n=_(t);return e.descriptionI18n[n]||e.descriptionI18n.zh||e.description}export{O as ContextMenuPlugin,D as DarkThemePlugin,g as EventMediaPlugin,te as EventTooltipPlugin,E as LightThemePlugin,k as PerformanceOverlayPlugin,ee as PluginPriority,T as PluginType,Ce as Timeline,l as createTimelineMessages,e as formatTime,b as getCurrentTime,we as getPluginMetadataDescription};