timeline-canvas 1.4.1 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ContextMenuPlugin-DkjzERie.mjs → ContextMenuPlugin-Btbm1QEm.mjs} +1 -1
- package/dist/{ContextMenuPlugin-erWC3clR.d.mts → ContextMenuPlugin-C84Iiz8U.d.mts} +1 -2
- package/dist/{DarkThemePlugin-DSeernWS.d.mts → DarkThemePlugin-YD-fFNVt.d.mts} +1 -2
- package/dist/{DarkThemePlugin-oE6DVEib.mjs → DarkThemePlugin-pFFtYjOV.mjs} +1 -1
- package/dist/EventMediaPlugin-BCuSI5ww.mjs +1 -0
- package/dist/{EventMediaPlugin-DpK2xquj.d.mts → EventMediaPlugin-BiG8wzdz.d.mts} +1 -2
- package/dist/EventTooltipPlugin-0Dz25qie.mjs +1 -0
- package/dist/{EventTooltipPlugin-B2lXP9uu.d.mts → EventTooltipPlugin-r1624PXo.d.mts} +1 -2
- package/dist/{LightThemePlugin-BigH_oWz.mjs → LightThemePlugin-BD4cbg_E.mjs} +1 -1
- package/dist/{LightThemePlugin-CXkW_Wpg.d.mts → LightThemePlugin-CGDyxruq.d.mts} +1 -2
- package/dist/PerformanceOverlayPlugin-Cph1TMWd.mjs +1 -0
- package/dist/{PerformanceOverlayPlugin-CnfsbiMK.d.mts → PerformanceOverlayPlugin-DDmW-ils.d.mts} +1 -2
- package/dist/builtin-plugin/ContextMenuPlugin.d.mts +1 -1
- package/dist/builtin-plugin/ContextMenuPlugin.mjs +1 -1
- package/dist/builtin-plugin/DarkThemePlugin.d.mts +1 -1
- package/dist/builtin-plugin/DarkThemePlugin.mjs +1 -1
- package/dist/builtin-plugin/EventMediaPlugin.d.mts +1 -1
- package/dist/builtin-plugin/EventMediaPlugin.mjs +1 -1
- package/dist/builtin-plugin/EventTooltipPlugin.d.mts +1 -1
- package/dist/builtin-plugin/EventTooltipPlugin.mjs +1 -1
- package/dist/builtin-plugin/LightThemePlugin.d.mts +1 -1
- package/dist/builtin-plugin/LightThemePlugin.mjs +1 -1
- package/dist/builtin-plugin/MutexGuardPlugin.d.mts +1 -2
- package/dist/builtin-plugin/MutexGuardPlugin.mjs +1 -1
- package/dist/builtin-plugin/PerformanceOverlayPlugin.d.mts +1 -1
- package/dist/builtin-plugin/PerformanceOverlayPlugin.mjs +1 -1
- package/dist/index.d.mts +13 -8
- package/dist/index.mjs +1 -1
- package/dist/{types-Do4sfz9k.d.mts → types-Ch6RMCi9.d.mts} +10 -8
- package/package.json +16 -15
- package/dist/EventMediaPlugin-Co_Fr3CX.mjs +0 -1
- package/dist/EventTooltipPlugin-mbadM95i.mjs +0 -1
- package/dist/PerformanceOverlayPlugin-o5al1GSm.mjs +0 -1
- package/dist/performanceMonitor-Cb_v1gAo.mjs +0 -1
- /package/dist/{Logger-BTKQPGDj.mjs → Logger-BX6_sfV3.mjs} +0 -0
- /package/dist/{types-NnKZYB1U.mjs → types-DhRsiQBh.mjs} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{i as e}from"./Logger-
|
|
1
|
+
import{i as e}from"./Logger-BX6_sfV3.mjs";import"./types-DhRsiQBh.mjs";const t=e(`ContextMenuPlugin`);function n(e,t){return e(t)}function r(e={}){return{metadata:{name:`context-menu`,version:`1.0.0`,description:`Context menu as plugin, supports HTML takeover`,descriptionI18n:{"zh-CN":`插件化右键菜单，支持 HTML 接管渲染`},type:`extension`},activate(r){let i=r.config&&r.config.contextMenuHtml||void 0,a=e.htmlTemplate||(typeof i==`string`?i:void 0),o=!!a;o&&(!a||a.trim()===``)&&(t.warn(r.timeline.t(`warningEmptyHtmlTemplateFallback`)),o=!1),r.api.registerRenderLayer({name:`context-menu-overlay`,position:`overlay`,render(e,t,i,s){if(!i.enableContextMenu||!s.contextMenuVisible||!s.contextMenuEvent){let e=n(r.api.getData,`contextMenuContainer`)||null;e&&(e.style.display=`none`),s.contextMenuBounds=null;return}let{padding:c,itemHeight:l,borderRadius:u,borderWidth:d,minWidth:f,fontSize:p,fontFamily:m,fontWeight:h}=i.contextMenuStyle;e.save(),e.font=`${h} ${p}px ${m}`;let g=f,_=`${h}-${p}-${m}`,v=n(r.api.getData,`contextMenuTextWidthCache`)||{},y=v[_]||{};for(let t of i.contextMenuItems){let n=y[t.name],r=n===void 0?e.measureText(t.name).width:n;n===void 0&&(y[t.name]=r),g=Math.max(g,r+c*2)}v[_]=y,r.api.setData(`contextMenuTextWidthCache`,v);let b=g,x=i.contextMenuItems.length*l+c*2,S=r.timeline.getCanvas().getBoundingClientRect(),C=s.contextMenuX,w=s.contextMenuY;if(C+b>S.width&&(C=S.width-b-5),w+x>S.height&&(w=S.height-x-5),s.contextMenuBounds={x:C,y:w,width:b,height:x,itemHeight:l,padding:c},o){let t=n(r.api.getData,`contextMenuContainer`)||null;if(!t){t=document.createElement(`div`),t.style.position=`absolute`,t.style.zIndex=`1000`,t.style.boxShadow=`0 2px 10px rgba(0,0,0,0.3)`,t.style.border=`${d}px solid ${i.colors.contextMenuBorder}`,t.style.borderRadius=`${u}px`,t.style.font=`${h} ${p}px ${m}`,t.style.background=i.colors.contextMenuBackground,t.style.color=i.colors.contextMenuText;let e=r.timeline.getCanvas().parentElement||document.body;e.style.position=e.style.position||`relative`,e.appendChild(t),r.api.setData(`contextMenuContainer`,t)}if(t.style.display=`block`,t.style.left=`${C}px`,t.style.top=`${w}px`,t.style.width=`${b}px`,t.style.height=`${x}px`,a)t.innerHTML=a;else{let e=``;for(let t=0;t<i.contextMenuItems.length;t++){let n=i.contextMenuItems[t],r=s.hoveredContextMenuItem===t,a=r?i.colors.contextMenuHoverBackground:`transparent`,o=r?i.colors.contextMenuHoverText:i.colors.contextMenuText;e+=`<div style="height:${l}px; padding:${c}px; background:${a}; color:${o}; display:flex; align-items:center;">${n.name}</div>`}t.innerHTML=e}e.restore();return}e.shadowColor=`rgba(0, 0, 0, 0.3)`,e.shadowBlur=10,e.shadowOffsetX=0,e.shadowOffsetY=2,e.fillStyle=i.colors.contextMenuBackground,e.beginPath(),e.roundRect?e.roundRect(C,w,b,x,u):(e.moveTo(C+u,w),e.lineTo(C+b-u,w),e.quadraticCurveTo(C+b,w,C+b,w+u),e.lineTo(C+b,w+x-u),e.quadraticCurveTo(C+b,w+x,C+b-u,w+x),e.lineTo(C+u,w+x),e.quadraticCurveTo(C,w+x,C,w+x-u),e.lineTo(C,w+u),e.quadraticCurveTo(C,w,C+u,w)),e.fill(),e.shadowColor=`transparent`,e.strokeStyle=i.colors.contextMenuBorder,e.lineWidth=d,e.stroke(),e.font=`${h} ${p}px ${m}`;for(let t=0;t<i.contextMenuItems.length;t++){let n=i.contextMenuItems[t],r=w+c+t*l;s.hoveredContextMenuItem===t&&(e.fillStyle=i.colors.contextMenuHoverBackground,e.beginPath(),t===0?e.roundRect?e.roundRect(C+d,r,b-d*2,l,[u-d,u-d,0,0]):e.fillRect(C+d,r,b-d*2,l):t===i.contextMenuItems.length-1&&e.roundRect?e.roundRect(C+d,r,b-d*2,l,[0,0,u-d,u-d]):e.fillRect(C+d,r,b-d*2,l),e.fill()),e.fillStyle=s.hoveredContextMenuItem===t?i.colors.contextMenuHoverText:i.colors.contextMenuText,e.textAlign=`left`,e.textBaseline=`middle`,e.fillText(n.name,C+c,r+l/2)}e.restore()}})},deactivate(e){e.api.unregisterRenderLayer(`context-menu-overlay`);let t=n(e.api.getData,`contextMenuContainer`)||null;t&&t.parentElement&&t.parentElement.removeChild(t)},destroy(e){let t=n(e.api.getData,`contextMenuContainer`)||null;t&&t.parentElement&&t.parentElement.removeChild(t)}}}export{r as t};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./types-
|
|
1
|
+
import"./types-DhRsiQBh.mjs";const e={canvasBackground:`#1E1E2E`,timelineBackground:`#2D2D3D`,trackBackground:`#2A2A3A`,trackBackgroundSelected:`#3A3A4A`,timelineText:`#CCCCDD`,timelineGrid:`#5A5A7A`,timelineSubGrid:`#3A3A4A`,trackText:`#CCCCDD`,eventColors:[`#FF6B6B`,`#4ECDC4`,`#45B7D1`,`#96CEB4`,`#FECA57`,`#FF9FF3`],eventText:`#FFFFFF`,eventBorder:`#FFFFFF`,eventBorderSelected:`#FFD700`,eventOverlay:`rgba(255, 255, 255, 0.1)`,dragPreviewValid:`rgba(100, 255, 100, 0.5)`,dragPreviewInvalid:`rgba(255, 100, 100, 0.5)`,dragPreviewBorderValid:`#00FF00`,dragPreviewBorderInvalid:`#FF0000`,timeIndicator:`#FF6B6B`,guideLine:`#00D9FF`,guideLineLabel:`#00D9FF`,dragTimeReferenceLine:`#FFD700`,dragTimeReferenceLabel:`#FFD700`,dragTimeReferenceLabelBackground:`rgba(0, 0, 0, 0)`,scrollbarTrack:`rgba(255, 255, 255, 0.6)`,scrollbarHandle:`rgba(150, 150, 150, 0.8)`,scrollbarHandleHover:`rgba(0, 0, 0, 0.85)`,scrollbarHandleHighlight:`rgba(255, 255, 255, 0.3)`,scrollbarBorder:`rgba(255, 255, 255, 0.9)`,contextMenuBackground:`#2D2D3D`,contextMenuBorder:`#5A5A7A`,contextMenuText:`#CCCCDD`,contextMenuHoverBackground:`#3A3A4A`,contextMenuHoverText:`#FFFFFF`,eventDurationLabel:`#FFD700`},t={metadata:{name:`theme-dark`,version:`1.0.0`,description:`Dark theme for timeline`,descriptionI18n:{"zh-CN":`时间轴暗色主题`},type:`theme`},activate(t){t.config.colors={...t.config.colors,...e},t.api.registerRenderLayer({name:`theme-dark-background`,position:`background`,render(e,t,n){e.fillStyle=n.colors.canvasBackground,e.fillRect(0,0,t.width,t.height)}})},deactivate(e){e.api.unregisterRenderLayer(`theme-dark-background`)}};export{t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./types-DhRsiQBh.mjs";function e(e,t,n,r,i,a,o=!1){e.beginPath(),e.moveTo(t+a,n),e.lineTo(t+r-a,n),e.arcTo(t+r,n,t+r,n+a,a),e.lineTo(t+r,n+i-a),e.arcTo(t+r,n+i,t+r-a,n+i,a),e.lineTo(t+a,n+i),e.arcTo(t,n+i,t,n+i-a,a),e.lineTo(t,n+a),e.arcTo(t,n,t+a,n,a),e.closePath(),o?e.stroke():e.fill()}function t(e,t,n,r,i,a){return n+(e-t)*r*i-a}const n={en:{statusReady:`Ready`,statusTrackAdded:`Track added ({count} total)`,statusAtLeastOneTrackRequired:`At least one track is required`,statusTrackRemoved:`Track removed ({count} remaining)`,statusEmptyTrackRemoved:`Empty track removed ({count} remaining)`,statusEventUpdated:`Event updated: {title}`,statusEventDeleted:`Event deleted: {title}`,statusDataLoaded:`Loaded {count} track(s)`,statusTimeIndicatorMoved:`Time indicator moved to: {time}`,statusZoomChanged:`Zoom: {percentage}%`,statusAutoFit:`Auto fit: {percentage}%`,statusAutoFitCappedWithPadding:`Auto fit capped at {percentage}%, added {seconds}s padding`,statusAutoFitCappedContentShort:`Auto fit capped at {percentage}%, content does not fill canvas`,statusEndTimeUpdated:`End time updated: {from} -> {to}`,statusInvalidSplitPosition:`Invalid split position: resulting events too short`,statusEventSplit:`Event split: {title}`,statusReadOnlyModeEnabled:`Read-only mode enabled`,statusReadOnlyModeDisabled:`Read-only mode disabled`,statusEventHighlighted:`Event highlighted: {title}`,statusHighlightCleared:`Highlight cleared`,statusTimelineDestroyed:`Timeline destroyed`,statusDragging:`Dragging: {title}`,statusAutoTrackAdded:`Auto-added track {count}`,statusEventPlaced:`Placed: {title} ({start} - {end})`,statusEventSelected:`Selected: {title}`,statusEventResizing:`Resizing: {start} - {end}`,statusEventResized:`Event resized: {title}`,statusReadOnlyEditDeleteBlocked:`Read-only events cannot be edited or deleted`,statusReadOnlySplitBlocked:`Read-only events cannot be split`,statusHoverEventTimeRange:`{title} ({start} - {end})`,labelTrackName:`Track {index}`,labelDurationPrefix:`Duration`,contextMenuEdit:`Edit`,contextMenuDelete:`Delete`,contextMenuExport:`Export`,overlayPerformanceMonitor:`Performance Monitor`,overlayFps:`FPS: {value}`,overlayLayerTimesMs:`Layer Times (ms):`,overlayCollecting:`Collecting...`,overlayLayerBackground:`Background`,overlayLayerTracks:`Tracks`,overlayLayerTimeline:`Timeline`,overlayLayerGuideLines:`Guide Lines`,overlayLayerIndicator:`Indicator`,overlayLayerScrollbar:`Scrollbar`,overlayLayerInteraction:`Interaction`,overlayLayerOverlay:`Overlay`,overlayLayerDragPreview:`Drag Preview`,errorCanvasNotFound:`Canvas element with id "{canvasId}" not found`,errorCanvasContextUnavailable:`Failed to get 2D context from canvas`,errorTimeIndicatorInvalid:`Time indicator position must be a number (seconds)`,errorZoomLevelInvalid:`Zoom level must be a valid number`,errorZoomLevelOutOfRange:`Zoom level out of valid range (1-1000)`,errorEndTimeInvalid:`End time must be a valid number (seconds)`,errorEndTimeNotAfterStart:`End time must be greater than start time`,warningEventsExceedEndTime:`Warning: some events exceed the new end time`,errorInvalidTrackIndex:`Invalid track index`,errorInvalidTrackIndexWithValue:`Invalid track index: {trackIndex}`,errorInvalidEventIndex:`Invalid event index`,errorInvalidEventIndexWithValue:`Invalid event index: {eventIndex}`,errorInvalidDataFormat:`Invalid data format`,errorInvalidTimeRange:`Invalid time range: startTime={startTime}, endTime={endTime}`,errorStartTimeBeforeMin:`Start time cannot enter left padding: startTime={startTime}, minAllowed={minAllowed}`,errorRenderLayer:`Error rendering layer "{layer}"`,errorCoreLayerHook:`Error in core layer hook "{hook}"`,errorPluginDependenciesMissing:`Plugin dependencies missing: {pluginId}`,errorPluginLoadFailed:`Plugin load failed: {pluginId}`,errorPluginLifecycleFailed:`Plugin {step} failed: {pluginId}`,errorPluginEventFailed:`Plugin event failed: {event}`,errorPluginValidationFailed:`Plugin validation failed: {event}`,warningInvalidDraggingState:`Invalid dragging state`,warningDraggingEventMissing:`Dragging event not found, aborting operation`,warningUnknownChangeType:`Unknown change type: {change}`,warningAlreadyInBatchMode:`Already in batch mode`,warningNotInBatchMode:`Not in batch mode`,warningEmptyHtmlTemplateFallback:`htmlTemplate is empty, falling back to Canvas rendering`,warningEmptyTooltipTemplateFallback:`htmlTemplate returned empty content, falling back to Canvas rendering`},"zh-CN":{statusReady:`就绪`,statusTrackAdded:`已新增轨道（共 {count} 条）`,statusAtLeastOneTrackRequired:`至少需要保留一条轨道`,statusTrackRemoved:`已删除轨道（剩余 {count} 条）`,statusEmptyTrackRemoved:`已移除空轨道（剩余 {count} 条）`,statusEventUpdated:`已更新事件：{title}`,statusEventDeleted:`已删除事件：{title}`,statusDataLoaded:`已加载 {count} 条轨道`,statusTimeIndicatorMoved:`时间指示器已移动到：{time}`,statusZoomChanged:`缩放：{percentage}%`,statusAutoFit:`自动适配：{percentage}%`,statusAutoFitCappedWithPadding:`自动适配已限制为 {percentage}%，并补充了 {seconds} 秒留白`,statusAutoFitCappedContentShort:`自动适配已限制为 {percentage}%，内容仍未铺满画布`,statusEndTimeUpdated:`结束时间已更新：{from} -> {to}`,statusInvalidSplitPosition:`分割位置无效：分割后的事件过短`,statusEventSplit:`已分割事件：{title}`,statusReadOnlyModeEnabled:`已启用只读模式`,statusReadOnlyModeDisabled:`已关闭只读模式`,statusEventHighlighted:`已高亮事件：{title}`,statusHighlightCleared:`已清除高亮`,statusTimelineDestroyed:`时间轴已销毁`,statusDragging:`正在拖拽：{title}`,statusAutoTrackAdded:`已自动新增轨道 {count}`,statusEventPlaced:`已放置：{title}（{start} - {end}）`,statusEventSelected:`已选中：{title}`,statusEventResizing:`正在调整大小：{start} - {end}`,statusEventResized:`已调整事件大小：{title}`,statusReadOnlyEditDeleteBlocked:`只读事件不能编辑或删除`,statusReadOnlySplitBlocked:`只读事件不能分割`,statusHoverEventTimeRange:`{title}（{start} - {end}）`,labelTrackName:`轨道 {index}`,labelDurationPrefix:`时长`,contextMenuEdit:`编辑`,contextMenuDelete:`删除`,contextMenuExport:`导出`,overlayPerformanceMonitor:`性能监视器`,overlayFps:`FPS：{value}`,overlayLayerTimesMs:`图层耗时（ms）：`,overlayCollecting:`采集中...`,overlayLayerBackground:`背景`,overlayLayerTracks:`轨道`,overlayLayerTimeline:`时间轴`,overlayLayerGuideLines:`辅助线`,overlayLayerIndicator:`指示器`,overlayLayerScrollbar:`滚动条`,overlayLayerInteraction:`交互层`,overlayLayerOverlay:`叠加层`,overlayLayerDragPreview:`拖拽预览`,errorCanvasNotFound:`未找到 id 为 "{canvasId}" 的 canvas 元素`,errorCanvasContextUnavailable:`无法从 canvas 获取 2D 上下文`,errorTimeIndicatorInvalid:`时间指示器位置必须是数值（秒）`,errorZoomLevelInvalid:`缩放级别必须是有效数值`,errorZoomLevelOutOfRange:`缩放级别超出有效范围（1-1000）`,errorEndTimeInvalid:`结束时间必须是有效数值（秒）`,errorEndTimeNotAfterStart:`结束时间必须大于开始时间`,warningEventsExceedEndTime:`警告：部分事件超出了新的结束时间`,errorInvalidTrackIndex:`无效的轨道索引`,errorInvalidTrackIndexWithValue:`无效的轨道索引：{trackIndex}`,errorInvalidEventIndex:`无效的事件索引`,errorInvalidEventIndexWithValue:`无效的事件索引：{eventIndex}`,errorInvalidDataFormat:`无效的数据格式`,errorInvalidTimeRange:`无效的时间范围：startTime={startTime}, endTime={endTime}`,errorStartTimeBeforeMin:`开始时间不能进入左侧留白区域：startTime={startTime}, minAllowed={minAllowed}`,errorRenderLayer:`渲染图层 "{layer}" 时发生错误`,errorCoreLayerHook:`执行核心图层钩子 "{hook}" 时发生错误`,errorPluginDependenciesMissing:`插件依赖缺失：{pluginId}`,errorPluginLoadFailed:`插件加载失败：{pluginId}`,errorPluginLifecycleFailed:`插件 {step} 执行失败：{pluginId}`,errorPluginEventFailed:`插件事件处理失败：{event}`,errorPluginValidationFailed:`插件校验失败：{event}`,warningInvalidDraggingState:`拖拽状态无效`,warningDraggingEventMissing:`无法找到拖拽的事件，已放弃操作`,warningUnknownChangeType:`未知的变更类型：{change}`,warningAlreadyInBatchMode:`当前已处于批量模式`,warningNotInBatchMode:`当前不在批量模式中`,warningEmptyHtmlTemplateFallback:`htmlTemplate 为空，已回退到 Canvas 渲染`,warningEmptyTooltipTemplateFallback:`htmlTemplate 返回空内容，已回退到 Canvas 渲染`}};function r(e){return e&&e.toLowerCase().startsWith(`zh`)?`zh-CN`:`en`}function i(e=`en`,t={}){let i=r(e);return{...n[i],...t}}function a(e,t,n={}){return e[t].replace(/\{(\w+)\}/g,(e,t)=>t in n?String(n[t]):e)}function o(e,t,n={}){return a(e.messages||i(e.locale),t,n)}function s(e=`en`,t={}){let n=typeof e==`string`?i(e,t):e;return[{type:`edit`,name:n.contextMenuEdit},{type:`delete`,name:n.contextMenuDelete},{type:`export`,name:n.contextMenuExport}]}const c=i(`en`),l={canvasBackground:`#1E1E2E`,timelineBackground:`#2D2D3D`,trackBackground:`#2A2A3A`,trackBackgroundSelected:`#3A3A4A`,timelineText:`#CCCCDD`,timelineGrid:`#5A5A7A`,timelineSubGrid:`#3A3A4A`,trackText:`#CCCCDD`,eventColors:[`#FF6B6B`,`#4ECDC4`,`#45B7D1`,`#96CEB4`,`#FECA57`,`#FF9FF3`],eventText:`#FFFFFF`,eventBorder:`#FFFFFF`,eventBorderSelected:`#FFD700`,eventOverlay:`rgba(255, 255, 255, 0.2)`,dragPreviewValid:`rgba(100, 255, 100, 0.5)`,dragPreviewInvalid:`rgba(255, 100, 100, 0.5)`,dragPreviewBorderValid:`#00FF00`,dragPreviewBorderInvalid:`#FF0000`,timeIndicator:`#FF6B6B`,guideLine:`#00D9FF`,guideLineLabel:`#00D9FF`,dragTimeReferenceLine:`#FFD700`,dragTimeReferenceLabel:`#FFD700`,dragTimeReferenceLabelBackground:`rgba(0, 0, 0, 0)`,scrollbarTrack:`rgba(255, 255, 255, 0.6)`,scrollbarHandle:`rgba(150, 150, 150, 0.8)`,scrollbarHandleHover:`rgba(0, 0, 0, 0.85)`,scrollbarHandleHighlight:`rgba(255, 255, 255, 0.3)`,scrollbarBorder:`rgba(255, 255, 255, 0.9)`,contextMenuBackground:`#2D2D3D`,contextMenuBorder:`#5A5A7A`,contextMenuText:`#CCCCDD`,contextMenuHoverBackground:`#3A3A4A`,contextMenuHoverText:`#FFFFFF`,eventDurationLabel:`#FFD700`},u={titleFontSize:`auto`,timeFontSize:`auto`,titleFontFamily:`Arial`,timeFontFamily:`Arial`,titleFontWeight:`bold`,timeFontWeight:`normal`,titleColor:null,timeColor:null,textAlign:`left`,verticalAlign:`middle`,titleOffsetY:0,timeOffsetY:0,showTitle:!0,showTime:!0,minHeightForTitle:40,minHeightForTime:50},d={borderRadius:2,enableSelectionGlow:!1,selectionGlowBlur:10};s(c);const f={fontSize:14,fontFamily:`Arial, sans-serif`,fontWeight:`normal`,padding:8,itemHeight:32,borderRadius:6,borderWidth:1,minWidth:120},p={timelineHeight:40,trackHeight:80,trackMargin:10,firstTrackTopMargin:10,secondWidth:100/3600,startTime:0,endTime:86400,startPaddingTime:.5,endPaddingTime:0,autoFitOnInit:!0,minAutoFitZoom:1,maxAutoFitZoom:3,locale:`en`,messages:c,timeUnit:`second`,timeFormat:`24h`,snapInterval:15,snapToSeconds:!0,secondPrecisionZoomThreshold:1.5,timeIndicatorWidth:3,timeIndicatorSnapThreshold:10,timeIndicatorHeadSize:12,timeIndicatorTriangleHeight:8,edgeScrollThrottle:80,edgeScrollTriggerMargin:30,edgeScrollViewportMargin:50,guideLineSnapThreshold:1,enableTimeIndicator:!0,enableEventResize:!0,enableEventSplit:!0,enableContextMenu:!0,resizeHandleWidth:8,minEventDuration:.25,debug:!1,enablePerformanceMonitor:!1,autoAddTrack:!0,autoRemoveEmptyLastTrack:!0,readOnly:!1,showEventDurationLabel:!0,eventDurationPrefix:c.labelDurationPrefix,formatEventDuration:null,scale:null,scaleSplitCount:10,getScaleRender:null};var m=class{constructor(e=64){this.cache=new Map,this.totalBytes=0,this.hits=0,this.misses=0,this.maxBytes=e*1024*1024}get(e){let t=this.cache.get(e);if(!t){this.misses++;return}return this.cache.delete(e),this.cache.set(e,t),this.hits++,t.bitmap}set(e,t){let n=this.cache.get(e);n&&(n.bitmap.close(),this.totalBytes-=n.byteSize,this.cache.delete(e));let r=t.width*t.height*4;for(;this.totalBytes+r>this.maxBytes&&this.cache.size>0;){let e=this.cache.entries().next();if(e.done)break;let[t,n]=e.value;n.bitmap.close(),this.cache.delete(t),this.totalBytes-=n.byteSize}this.cache.set(e,{bitmap:t,byteSize:r}),this.totalBytes+=r}has(e){return this.cache.has(e)}invalidateEvent(e){let t=`${e}_`,n=[];for(let[e,r]of this.cache)e.startsWith(t)&&(r.bitmap.close(),this.totalBytes-=r.byteSize,n.push(e));for(let e of n)this.cache.delete(e)}clear(){for(let e of this.cache.values())e.bitmap.close();this.cache.clear(),this.totalBytes=0,this.hits=0,this.misses=0}getStats(){let e=this.hits+this.misses;return{size:this.cache.size,totalBytes:this.totalBytes,maxBytes:this.maxBytes,hitRate:e>0?this.hits/e:0,hits:this.hits,misses:this.misses}}getSizeMB(){return this.totalBytes/1048576}};function h(e,t,n,r,i){let a=e.get(t);if(a)return e.delete(t),e.set(t,a),a;let o=new Path2D,s=i/2,c=Math.max(1,Math.floor((i-2)/2)),l=n.length,u=Math.max(1,r-1);for(let e=0;e<r;e++){let t=Math.min(l-1,Math.max(0,Math.floor(e/u*l))),r=Math.max(-1,Math.min(1,n[t]))*c;o.moveTo(e,s-r),o.lineTo(e,s+r)}for(e.set(t,o);e.size>1024;){let t=e.keys().next();if(t.done)break;e.delete(t.value)}return o}function g(e,t){let n=`${t}_`;for(let t of e.keys())t.startsWith(n)&&e.delete(t)}function _(e,t,n,r,i,a,o,s,c,l){let u=e.get(n);if(u)return u;if(typeof OffscreenCanvas>`u`||i<=0||a<=0)return null;try{let u=Math.max(1,Math.ceil(i*o)),d=Math.max(1,Math.ceil(a*s)),f=new OffscreenCanvas(u,d),p=f.getContext(`2d`);if(!p)return null;p.scale(o,s),l&&(p.fillStyle=l,p.fillRect(0,0,i,a));let m=h(t,`${n}_path`,r,i,a);p.strokeStyle=c,p.lineWidth=1,p.stroke(m);let g=f.transferToImageBitmap();return e.set(n,g),g}catch(e){return console.debug(`[EventMediaPlugin] Failed to create waveform bitmap`,e),null}}function v(e,t){return e(t)}function y(e,t,n,r){let i=e.ids.get(t);if(i)return i;let a=e.nextId,o={cacheId:a,key:`event_media_${a}_${n}_${r}`};return e.nextId+=1,e.ids.set(t,o),o}function b(e,t,n,r,i){r.delete(e),r.set(e,t),i.delete(e),i.set(e,n)}function x(e,t,n,r){for(;e.size>1024;){let i=e.entries().next();if(i.done)break;let[a,o]=i.value;e.delete(a),t.delete(a),n.invalidateEvent(o.cacheId),g(r,o.cacheId)}}function S(){return{metadata:{name:`event-media`,version:`1.0.0`,description:`Render images and waveforms inside event blocks`,descriptionI18n:{"zh-CN":`在事件块内渲染图片和波形`},type:`render`},async activate(t){let n={ids:new WeakMap,nextId:0},r=new Map,i=new Map,a=new Map,o={active:!0},s=new Map,c=new Map,l=new m,u=new Map;t.api.setData(`eventMediaIdentityStore`,n),t.api.setData(`eventMediaImageCache`,r),t.api.setData(`eventMediaImageLoading`,i),t.api.setData(`eventMediaImageControllers`,a),t.api.setData(`eventMediaLifecycle`,o),t.api.setData(`eventMediaWaveCache`,s),t.api.setData(`eventMediaWaveStateCache`,c),t.api.setData(`eventMediaWaveformBitmapCache`,l),t.api.setData(`eventMediaWaveformPathCache`,u);let d=(n,r,i,s,c,d,f,p,m,S,C)=>{if(!o.active)return;let w=v(t.api.getData,`eventMediaImageCache`),T=v(t.api.getData,`eventMediaImageLoading`),E=v(t.api.getData,`eventMediaWaveCache`),D=v(t.api.getData,`eventMediaWaveStateCache`),O=v(t.api.getData,`eventMediaIdentityStore`),k=s.tracks[c].events[d];if(!k.media||!O)return;let A=p+S,j=i.eventBlockStyle.borderRadius,M=y(O,k,c,d);n.save();try{j>0?(e(n,f,A,m,C,j),n.clip()):(n.beginPath(),n.rect(f,A,m,C),n.clip());let r=k.media.images||[];if(r.length>0&&w&&T)for(let e of r){let r=`${M.key}_${e.src}`,i=w.get(r);if(!i&&!T.get(r)){let n=new AbortController;a.set(r,n);let i;i=fetch(e.src,{signal:n.signal}).then(e=>e.blob()).then(e=>createImageBitmap(e)).then(e=>{if(!o.active||T.get(r)!==i){e.close();return}return w.set(r,e),T.delete(r),a.delete(r),t.timeline.markDirty([`tracks`]),t.timeline.draw(),e}).catch(e=>{n.signal.aborted||console.debug(`[EventMediaPlugin] Failed to load event image`,e),T.get(r)===i&&(T.delete(r),a.delete(r))}),T.set(r,i)}if(i=w.get(r),i){let t=e.fit||`cover`,r=e.opacity===void 0?.35:e.opacity,a=m,o=C;if(t!==`stretch`){let e=i.width,n=i.height,r=t===`cover`?Math.max(m/e,C/n):Math.min(m/e,C/n);a=Math.max(1,Math.floor(e*r)),o=Math.max(1,Math.floor(n*r))}let s=f+(m-a)/2,c=A+(C-o)/2,l=n.globalAlpha;n.globalAlpha=r,n.drawImage(i,0,0,i.width,i.height,s,c,a,o),n.globalAlpha=l}}let i=k.media.waveform;if(i&&E&&D){let e=`${M.key}_wf`,t=D.get(e),r=E.get(e);(!t||!r||t.source!==i.data)&&(l.invalidateEvent(M.cacheId),g(u,M.cacheId),r=Array.isArray(i.data)?new Float32Array(i.data):i.data,t={cacheId:M.cacheId,source:i.data,revision:(t?.revision??0)+1}),b(e,t,r,D,E),x(D,E,l,u);let a=i.opacity===void 0?.5:i.opacity,o=n.globalAlpha;n.globalAlpha=a;let s=i.color||`#00A0FF`,c=n.getTransform(),d=Math.max(1,Math.hypot(c.a,c.b)),p=Math.max(1,Math.hypot(c.c,c.d)),v=Math.max(1,Math.ceil(m)),y=Math.max(1,Math.ceil(C)),S=`${v}_${y}_${Math.max(1,Math.ceil(v*d))}_${Math.max(1,Math.ceil(y*p))}_${d}_${p}_${s}_${i.backgroundColor||``}`;t.renderKey!==S&&(l.invalidateEvent(M.cacheId),g(u,M.cacheId),t.renderKey=S);let w=`${M.cacheId}_waveform_${t.revision}_${S}`,T=_(l,u,w,r,v,y,d,p,s,i.backgroundColor);if(T)n.drawImage(T,f,A,m,C);else{i.backgroundColor&&(n.fillStyle=i.backgroundColor,n.fillRect(f,A,m,C));let e=`${M.cacheId}_${t.revision}_${S}`,a=h(u,e,r,v,y);n.save(),n.translate(f,A),n.strokeStyle=s,n.lineWidth=1,n.stroke(a),n.restore()}n.globalAlpha=o}}finally{n.restore()}};t.api.registerEventHandler(`render:event:media`,d),t.api.setData(`eventMediaHandler`,d)},deactivate(e){let t=v(e.api.getData,`eventMediaLifecycle`);t&&(t.active=!1);let n=v(e.api.getData,`eventMediaHandler`);n&&e.api.unregisterEventHandler(`render:event:media`,n);let r=v(e.api.getData,`eventMediaImageCache`);if(r){for(let e of new Set(r.values()))e.close();r.clear()}let i=v(e.api.getData,`eventMediaImageControllers`);if(i){for(let e of i.values())e.abort();i.clear()}let a=v(e.api.getData,`eventMediaImageLoading`);a&&a.clear();let o=v(e.api.getData,`eventMediaWaveCache`);o&&o.clear();let s=v(e.api.getData,`eventMediaWaveStateCache`);s&&s.clear(),v(e.api.getData,`eventMediaWaveformBitmapCache`)?.clear(),v(e.api.getData,`eventMediaWaveformPathCache`)?.clear()}}}export{d as a,i as c,a as d,e as f,f as i,r as l,l as n,u as o,t as p,p as r,s,S as t,o as u};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{i as e}from"./Logger-BX6_sfV3.mjs";import"./types-DhRsiQBh.mjs";const t=e(`EventTooltipPlugin`);function n(e,t){return e(t)}function r(e={}){let{htmlTemplate:r,showDelay:i=300,maxWidth:a=300,padding:o=8,borderRadius:s=4,backgroundColor:c=`#333`,textColor:l=`#fff`,borderColor:u=`#555`,fontSize:d=12,fontFamily:f=`Arial, sans-serif`}=e,p={visible:!1,title:``,x:0,y:0,trackIndex:-1,eventIndex:-1},m=null,h=null,g=null,_=null,v=()=>{m&&=(clearTimeout(m),null),h!==null&&(cancelAnimationFrame(h),h=null),g=null,_=null};function y(e,t,n){return e.measureText(t).width>n}return{metadata:{name:`event-tooltip`,version:`1.0.0`,description:`Tooltip plugin for displaying full event title when text is truncated`,descriptionI18n:{"zh-CN":`当事件标题被截断时显示完整标题的提示插件`},type:`extension`},activate(e){let b=e.timeline.getCanvas(),x=t=>{let n=b.getBoundingClientRect(),r=t.clientX-n.left,a=t.clientY-n.top,o=e.config,s=e.state,c=e.timeline.getEventAtPosition(r,a);if(c){let{trackIndex:t,eventIndex:n}=c,l=s.tracks[t]?.events[n];if(!l){C();return}if(_&&_.trackIndex===t&&_.eventIndex===n&&p.visible){p.x=r,p.y=a,e.timeline.draw();return}_={trackIndex:t,eventIndex:n},m&&=(clearTimeout(m),null);let u=l.duration*o.secondWidth*s.zoomLevel-20,d=b.getContext(`2d`);if(!d)return;let f=o.eventTextStyle,h=f.titleFontSize===`auto`?Math.max(10,Math.min(14,o.trackHeight*.175)):f.titleFontSize;d.font=`${f.titleFontWeight} ${h}px ${f.titleFontFamily}`,y(d,l.title,u)?m=setTimeout(()=>{p={visible:!0,title:l.title,x:r,y:a,trackIndex:t,eventIndex:n},e.timeline.draw()},i):C()}else C()},S=e=>{g=e,h===null&&(h=requestAnimationFrame(()=>{h=null,g&&=(x(g),null)}))},C=()=>{m&&=(clearTimeout(m),null),_=null,p.visible&&(p.visible=!1,e.timeline.draw())},w=()=>{v(),p.visible&&(p.visible=!1,e.timeline.draw())};b.addEventListener(`mousemove`,S),b.addEventListener(`mouseleave`,w),e.api.setData(`tooltipMouseMoveHandler`,S),e.api.setData(`tooltipMouseLeaveHandler`,w),e.api.registerRenderLayer({name:`event-tooltip-overlay`,position:`overlay`,render(i,m,h,g){if(!p.visible||!p.title){let t=n(e.api.getData,`tooltipContainer`)||null;t&&(t.style.display=`none`);return}let _=e.timeline.getCanvas().getBoundingClientRect(),v=p.x,y=p.y-10;i.save(),i.font=`${d}px ${f}`;let b=p.title.split(``),x=[],S=``;for(let e of b){let t=S+e;i.measureText(t).width>a-o*2?S?(x.push(S),S=e):x.push(e):S=t}S&&x.push(S);let C=0;for(let e of x){let t=i.measureText(e).width;C=Math.max(C,t)}C=Math.min(C+o*2,a);let w=d*1.4,T=x.length*w+o*2;if(y-=T,v+C>_.width&&(v=_.width-C-5),v<5&&(v=5),y<5&&(y=p.y+20),r){let m=r(p.title);if(!m||m.trim()===``)t.warn(e.timeline.t(`warningEmptyTooltipTemplateFallback`));else{let t=n(e.api.getData,`tooltipContainer`)||null;if(!t){t=document.createElement(`div`),t.style.position=`absolute`,t.style.zIndex=`1001`,t.style.pointerEvents=`none`,t.style.boxShadow=`0 2px 8px rgba(0,0,0,0.3)`,t.style.border=`1px solid ${u}`,t.style.borderRadius=`${s}px`,t.style.padding=`${o}px`,t.style.fontSize=`${d}px`,t.style.fontFamily=f,t.style.backgroundColor=c,t.style.color=l,t.style.maxWidth=`${a}px`,t.style.wordWrap=`break-word`,t.style.whiteSpace=`pre-wrap`;let n=e.timeline.getCanvas().parentElement||document.body;n.style.position=n.style.position||`relative`,n.appendChild(t),e.api.setData(`tooltipContainer`,t)}t.style.display=`block`,t.style.left=`${v}px`,t.style.top=`${y}px`,t.innerHTML=m,i.restore();return}}if(i.shadowColor=`rgba(0, 0, 0, 0.3)`,i.shadowBlur=8,i.shadowOffsetX=0,i.shadowOffsetY=2,i.fillStyle=c,i.beginPath(),i.roundRect)i.roundRect(v,y,C,T,s);else{let e=v,t=y,n=C,r=T,a=s;i.moveTo(e+a,t),i.lineTo(e+n-a,t),i.quadraticCurveTo(e+n,t,e+n,t+a),i.lineTo(e+n,t+r-a),i.quadraticCurveTo(e+n,t+r,e+n-a,t+r),i.lineTo(e+a,t+r),i.quadraticCurveTo(e,t+r,e,t+r-a),i.lineTo(e,t+a),i.quadraticCurveTo(e,t,e+a,t)}i.fill(),i.shadowColor=`transparent`,i.shadowBlur=0,i.strokeStyle=u,i.lineWidth=1,i.stroke(),i.fillStyle=l,i.font=`${d}px ${f}`,i.textAlign=`left`,i.textBaseline=`top`;for(let e=0;e<x.length;e++)i.fillText(x[e],v+o,y+o+e*w);i.restore()}})},deactivate(e){let t=e.timeline.getCanvas(),r=n(e.api.getData,`tooltipMouseMoveHandler`),i=n(e.api.getData,`tooltipMouseLeaveHandler`);r&&t.removeEventListener(`mousemove`,r),i&&t.removeEventListener(`mouseleave`,i),v(),p.visible=!1,e.api.unregisterRenderLayer(`event-tooltip-overlay`);let a=n(e.api.getData,`tooltipContainer`)||null;a&&a.parentElement&&a.parentElement.removeChild(a)},destroy(e){let t=n(e.api.getData,`tooltipContainer`)||null;t&&t.parentElement&&t.parentElement.removeChild(t),v(),p.visible=!1}}}export{r as t};
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { d as TimelinePlugin } from "./types-
|
|
2
|
-
|
|
1
|
+
import { d as TimelinePlugin } from "./types-Ch6RMCi9.mjs";
|
|
3
2
|
//#region src/plugins/builtin/EventTooltipPlugin.d.ts
|
|
4
3
|
interface EventTooltipPluginOptions {
|
|
5
4
|
/** 自定义 HTML 模板函数，接收事件标题，返回 HTML 字符串。传入此参数将自动启用 HTML 渲染模式 */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"./types-
|
|
1
|
+
import"./types-DhRsiQBh.mjs";const e={canvasBackground:`#FFFFFF`,timelineBackground:`#FFFFFF`,trackBackground:`#FFFFFF`,trackBackgroundSelected:`rgba(63, 118, 252, 0.1)`,trackBackgroundOdd:`#FFFFFF`,trackBackgroundEven:`#F9FAFD`,timelineText:`#4B5563`,timelineGrid:`#E5E5E5`,timelineSubGrid:`#fff`,trackText:`#374151`,eventColors:[`rgba(63, 118, 252, 0.16)`],eventText:`#173B75`,eventBorder:`#FFFFFF`,eventBorderSelected:`#3F76FC`,eventOverlay:`rgba(63, 118, 252, 0.12)`,dragPreviewValid:`rgba(100, 255, 100, 0.5)`,dragPreviewInvalid:`rgba(255, 100, 100, 0.5)`,dragPreviewBorderValid:`#00FF00`,dragPreviewBorderInvalid:`#FF0000`,timeIndicator:`#3F76FC`,guideLine:`#00D9FF`,guideLineLabel:`#006B75`,dragTimeReferenceLine:`#FFD700`,dragTimeReferenceLabel:`#795A00`,dragTimeReferenceLabelBackground:`rgba(0, 0, 0, 0)`,scrollbarTrack:`rgba(63, 118, 252, 0.08)`,scrollbarHandle:`rgba(63, 118, 252, 0.5)`,scrollbarHandleHover:`rgba(63, 118, 252, 0.8)`,scrollbarHandleHighlight:`rgba(63, 118, 252, 0.12)`,scrollbarBorder:`rgba(63, 118, 252, 0.6)`,contextMenuBackground:`#2D2D3D`,contextMenuBorder:`#5A5A7A`,contextMenuText:`#CCCCDD`,contextMenuHoverBackground:`#4a00e0`,contextMenuHoverText:`#FFFFFF`,eventDurationLabel:`#3F76FC`},t={metadata:{name:`theme-light`,version:`1.0.0`,description:`Light theme for timeline`,descriptionI18n:{"zh-CN":`时间轴亮色主题`},type:`theme`},activate(t){t.config.colors={...t.config.colors,...e},t.api.registerRenderLayer({name:`theme-light-background`,position:`background`,render(e,t,n){e.fillStyle=n.colors.canvasBackground,e.fillRect(0,0,t.width,t.height)}})},deactivate(e){e.api.unregisterRenderLayer(`theme-light-background`)}};export{t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import"./types-DhRsiQBh.mjs";var e=class{constructor(e=!1){this.metrics=new Map,this.startTimes=new Map,this.enabled=!1,this.maxSamples=100,this.enabled=e}enable(){this.enabled=!0}disable(){this.enabled=!1}startMeasurement(e){this.enabled&&this.startTimes.set(e,performance.now())}endMeasurement(e){if(!this.enabled)return;let t=this.startTimes.get(e);if(t===void 0)return;let n=performance.now()-t;this.metrics.has(e)||this.metrics.set(e,[]);let r=this.metrics.get(e);r.push(n),r.length>this.maxSamples&&r.shift(),this.startTimes.delete(e)}getAverage(e){let t=this.metrics.get(e);return!t||t.length===0?0:t.reduce((e,t)=>e+t,0)/t.length}getMin(e){let t=this.metrics.get(e);return!t||t.length===0?0:Math.min(...t)}getMax(e){let t=this.metrics.get(e);return!t||t.length===0?0:Math.max(...t)}getStats(e){let t=this.metrics.get(e);return!t||t.length===0?null:{average:this.getAverage(e),min:this.getMin(e),max:this.getMax(e),count:t.length,total:t.reduce((e,t)=>e+t,0)}}getAllStats(){let e=new Map;return this.metrics.forEach((t,n)=>{let r=this.getStats(n);r&&e.set(n,r)}),e}clear(){this.metrics.clear(),this.startTimes.clear()}clearMetric(e){this.metrics.delete(e),this.startTimes.delete(e)}getFPS(){let e=this.getStats(`draw`);return!e||e.average===0?0:1e3/e.average}};const t={metadata:{name:`performance-overlay`,version:`1.0.0`,description:`Draw performance metrics overlay`,descriptionI18n:{"zh-CN":`绘制性能指标叠加层`},type:`tool`},activate(t){let n={background:`overlayLayerBackground`,tracks:`overlayLayerTracks`,timeline:`overlayLayerTimeline`,interaction:`overlayLayerInteraction`,guideLines:`overlayLayerGuideLines`,scrollbar:`overlayLayerScrollbar`,overlay:`overlayLayerOverlay`,dragPreview:`overlayLayerDragPreview`},r=new e(t.config.enablePerformanceMonitor||t.config.debug);t.api.setPerformanceProvider(r),t.api.setData(`perfMonitor`,r),t.api.setData(`perfOverlayPos`,{x:10,y:10}),t.api.setData(`perfOverlayDragging`,!1),t.api.setData(`perfOverlayOffset`,{x:0,y:0});let i=t.timeline.getCanvas(),a=()=>!!(t.config.enablePerformanceMonitor||t.config.debug),o=e=>{if(!a()){t.api.setData(`perfOverlayDragging`,!1);return}let n=i.getBoundingClientRect(),r=e.clientX-n.left,o=e.clientY-n.top,s=t.api.getData(`perfOverlaySize`),c=t.api.getData(`perfOverlayPos`)||{x:10,y:10};s&&r>=c.x&&r<=c.x+s.width&&o>=c.y&&o<=c.y+s.height&&(t.api.setData(`perfOverlayDragging`,!0),t.api.setData(`perfOverlayOffset`,{x:r-c.x,y:o-c.y}),e.stopImmediatePropagation(),e.preventDefault())},s=e=>{if(!a()){t.api.setData(`perfOverlayDragging`,!1);return}if(!t.api.getData(`perfOverlayDragging`))return;let n=i.getBoundingClientRect(),r=e.clientX-n.left,o=e.clientY-n.top,s=t.api.getData(`perfOverlayOffset`)||{x:0,y:0},c=t.api.getData(`perfOverlaySize`)||{width:0,height:0},l=r-s.x,u=o-s.y;l=Math.max(0,Math.min(n.width-c.width,l)),u=Math.max(0,Math.min(n.height-c.height,u)),t.api.setData(`perfOverlayPos`,{x:l,y:u}),t.timeline.markDirty([`overlay`]),t.timeline.draw(),e.stopImmediatePropagation(),e.preventDefault()},c=e=>{t.api.getData(`perfOverlayDragging`)&&t.api.setData(`perfOverlayDragging`,!1)};i.addEventListener(`mousedown`,o,{capture:!0}),i.addEventListener(`mousemove`,s,{capture:!0}),window.addEventListener(`mouseup`,c,{capture:!0}),t.api.setData(`perfOverlayListeners`,{onMouseDown:o,onMouseMove:s,onMouseUp:c}),t.api.registerRenderLayer({name:`performance-overlay`,position:`overlay`,render(e,r){let i=t.api.getData(`perfMonitor`),o=a();if(i){if(o)i.enable();else{i.disable(),i.clear(),t.api.setData(`perfOverlaySize`,void 0),t.api.setData(`perfOverlayDragging`,!1);return}}else if(!o)return;let s=t.api.getPerformanceStats(),c=r.width<240,l=c?8:15,u=c?16:20,d=c?20:25,f=t.api.getFPS(),p=Array.from(s.entries()),m=Math.min(280,r.width,Math.max(100,r.width*.8)),h=[`background`,`tracks`,`timeline`,`interaction`,`guideLines`,`scrollbar`,`overlay`,`dragPreview`],g=t.timeline.getLastLayerTimes?t.timeline.getLastLayerTimes():void 0,_=g?h.filter(e=>g[e]!==void 0).length:0,v=g?1+_:0,y=1+(s.size===0?1:p.length)+v,b=Math.min(r.height,Math.max(40,r.height-20)),x=Math.max(1,Math.min(y,Math.floor((b-d-l*2)/u))),S=Math.min(b,d+x*u+l*2),C=t.api.getData(`perfOverlayPos`)||{x:10,y:10},w={x:Math.max(0,Math.min(r.width-m,C.x)),y:Math.max(0,Math.min(r.height-S,C.y))};t.api.setData(`perfOverlayPos`,w),t.api.setData(`perfOverlaySize`,{width:m,height:S}),e.save(),e.beginPath(),e.rect(w.x,w.y,m,S),e.clip(),e.fillStyle=`rgba(0, 0, 0, 0.8)`,e.fillRect(w.x,w.y,m,S),e.strokeStyle=`rgba(100, 255, 100, 0.6)`,e.lineWidth=2,e.strokeRect(w.x,w.y,m,S),e.fillStyle=`#00FF00`,e.font=`bold ${c?12:16}px monospace`,e.textAlign=`left`,e.fillText(t.timeline.t(`overlayPerformanceMonitor`),w.x+10,w.y+20);let T=w.y+20+d;e.fillStyle=f>=55?`#00FF00`:f>=30?`#FFFF00`:`#FF0000`,e.font=`bold ${c?11:14}px monospace`,e.fillText(t.timeline.t(`overlayFps`,{value:f.toFixed(1)}),w.x+10,T),e.font=`${c?10:12}px monospace`,T+=u;let E=()=>T<=w.y+S-l;if(g&&E()){e.fillStyle=`#00FFFF`,e.font=`bold ${c?10:12}px monospace`,e.fillText(t.timeline.t(`overlayLayerTimesMs`),w.x+10,T),T+=u,e.font=`${c?10:12}px monospace`,e.fillStyle=`#FFFFFF`;for(let r of h)g[r]!==void 0&&E()&&(e.fillText(`${t.timeline.t(n[r]||`overlayLayerOverlay`)}: ${g[r].toFixed(2)}`,w.x+10,T),T+=u)}s.size===0&&E()?(e.fillStyle=`#FFFFFF`,e.fillText(t.timeline.t(`overlayCollecting`),w.x+10,T),T+=u):p.forEach(([t,n])=>{if(!E())return;let r=`#00FF00`;n.average>16&&(r=`#FFFF00`),n.average>33&&(r=`#FF0000`),e.fillStyle=r;let i=`${t}: ${n.average.toFixed(2)}ms (${n.min.toFixed(1)}-${n.max.toFixed(1)})`;e.fillText(i,w.x+10,T),T+=u}),e.restore()}})},deactivate(e){e.api.unregisterRenderLayer(`performance-overlay`);let t=e.api.getData(`perfOverlayListeners`),n=e.timeline.getCanvas();t&&(n.removeEventListener(`mousedown`,t.onMouseDown,!0),n.removeEventListener(`mousemove`,t.onMouseMove,!0),window.removeEventListener(`mouseup`,t.onMouseUp,!0))}};export{t};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as ContextMenuPlugin } from "../ContextMenuPlugin-
|
|
1
|
+
import { t as ContextMenuPlugin } from "../ContextMenuPlugin-C84Iiz8U.mjs";
|
|
2
2
|
export { ContextMenuPlugin };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"../ContextMenuPlugin-
|
|
1
|
+
import{t as e}from"../ContextMenuPlugin-Btbm1QEm.mjs";export{e as ContextMenuPlugin};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as DarkThemePlugin } from "../DarkThemePlugin-
|
|
1
|
+
import { t as DarkThemePlugin } from "../DarkThemePlugin-YD-fFNVt.mjs";
|
|
2
2
|
export { DarkThemePlugin as DarkTheme, DarkThemePlugin };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"../DarkThemePlugin-
|
|
1
|
+
import{t as e}from"../DarkThemePlugin-pFFtYjOV.mjs";export{e as DarkTheme,e as DarkThemePlugin};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as EventMediaPlugin } from "../EventMediaPlugin-
|
|
1
|
+
import { t as EventMediaPlugin } from "../EventMediaPlugin-BiG8wzdz.mjs";
|
|
2
2
|
export { EventMediaPlugin };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"../EventMediaPlugin-
|
|
1
|
+
import{t as e}from"../EventMediaPlugin-BCuSI5ww.mjs";export{e as EventMediaPlugin};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as EventTooltipPlugin } from "../EventTooltipPlugin-
|
|
1
|
+
import { t as EventTooltipPlugin } from "../EventTooltipPlugin-r1624PXo.mjs";
|
|
2
2
|
export { EventTooltipPlugin };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"../EventTooltipPlugin-
|
|
1
|
+
import{t as e}from"../EventTooltipPlugin-0Dz25qie.mjs";export{e as EventTooltipPlugin};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as LightThemePlugin } from "../LightThemePlugin-
|
|
1
|
+
import { t as LightThemePlugin } from "../LightThemePlugin-CGDyxruq.mjs";
|
|
2
2
|
export { LightThemePlugin as LightTheme, LightThemePlugin };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"../LightThemePlugin-
|
|
1
|
+
import{t as e}from"../LightThemePlugin-BD4cbg_E.mjs";export{e as LightTheme,e as LightThemePlugin};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../types-
|
|
1
|
+
import"../types-DhRsiQBh.mjs";function e(e){if(!e||typeof e!=`object`)return!1;let t=e;return typeof t.fromTrackIndex==`number`&&typeof t.fromEventIndex==`number`&&typeof t.newStartTime==`number`&&typeof t.duration==`number`}function t(){function t(t,n){if(!e(t))return!0;let{fromTrackIndex:r,fromEventIndex:i,newStartTime:a,duration:o}=t,s=a+o,c=n.tracks[r]?.events[i];if(!c)return!0;let l=Array.isArray(c.customData?.mutex)?c.customData.mutex:[];if(l.length===0)return!0;for(let e=0;e<n.tracks.length;e++){let t=n.tracks[e];for(let n=0;n<t.events.length;n++){if(e===r&&n===i)continue;let o=t.events[n],c=Array.isArray(o.customData?.mutex)?o.customData.mutex:[];if(c.length!==0&&l.some(e=>c.includes(e))&&!(s<=o.startTime||a>=o.endTime))return!1}}return!0}let n;return{metadata:{name:`MutexGuardPlugin`,version:`1.0.0`,description:`Disallow parallel existence of mutex-tagged events across tracks`,descriptionI18n:{"zh-CN":`禁止带互斥标签的事件在不同轨道上并行存在`},type:`extension`},activate(e){n=n=>t(n,e.state),e.api.registerEventHandler(`validate:event:move`,n)},deactivate(e){n&&=(e.api.unregisterEventHandler(`validate:event:move`,n),void 0)}}}export{t as MutexGuardPlugin};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as PerformanceOverlayPlugin } from "../PerformanceOverlayPlugin-
|
|
1
|
+
import { t as PerformanceOverlayPlugin } from "../PerformanceOverlayPlugin-DDmW-ils.mjs";
|
|
2
2
|
export { PerformanceOverlayPlugin };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{t as e}from"../PerformanceOverlayPlugin-
|
|
1
|
+
import{t as e}from"../PerformanceOverlayPlugin-Cph1TMWd.mjs";export{e as PerformanceOverlayPlugin};
|
package/dist/index.d.mts
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import { A as
|
|
2
|
-
import { t as ContextMenuPlugin } from "./ContextMenuPlugin-
|
|
3
|
-
import { t as DarkThemePlugin } from "./DarkThemePlugin-
|
|
4
|
-
import { t as EventMediaPlugin } from "./EventMediaPlugin-
|
|
5
|
-
import { t as EventTooltipPlugin } from "./EventTooltipPlugin-
|
|
6
|
-
import { t as LightThemePlugin } from "./LightThemePlugin-
|
|
7
|
-
import { t as PerformanceOverlayPlugin } from "./PerformanceOverlayPlugin-
|
|
8
|
-
|
|
1
|
+
import { A as LoadDataFormat, B as TimelineState, C as EventClickData, D as EventTextStyle, E as EventMoveData, F as TimelineEvent, H as ZoomData, I as TimelineI18nMessages, L as TimelineLocale, M as TimelineCallbacks, N as TimelineColors, O as EventUpdateData, P as TimelineConfig, R as TimelineMessageParams, S as EventAddData, T as EventEditData, V as Track, _ as translateTimelineConfig, a as PluginLocalizedText, b as ContextMenuItem, c as PluginType, d as TimelinePlugin, f as Timeline, g as normalizeTimelineLocale, h as createTimelineMessages, i as PluginContext, j as TimeIndicatorMoveData, k as InteractionTarget, l as RenderLayer, m as createDefaultContextMenuItems, n as CoreRenderTarget, o as PluginMetadata, p as ChangeType, r as PluginAPI, s as PluginPriority, t as CoreLayerHook, u as RenderLayerPosition, v as translateTimelineMessage, w as EventDeleteData, x as ContextMenuStyle, y as ContextMenuData, z as TimelineOptions } from "./types-Ch6RMCi9.mjs";
|
|
2
|
+
import { t as ContextMenuPlugin } from "./ContextMenuPlugin-C84Iiz8U.mjs";
|
|
3
|
+
import { t as DarkThemePlugin } from "./DarkThemePlugin-YD-fFNVt.mjs";
|
|
4
|
+
import { t as EventMediaPlugin } from "./EventMediaPlugin-BiG8wzdz.mjs";
|
|
5
|
+
import { t as EventTooltipPlugin } from "./EventTooltipPlugin-r1624PXo.mjs";
|
|
6
|
+
import { t as LightThemePlugin } from "./LightThemePlugin-CGDyxruq.mjs";
|
|
7
|
+
import { t as PerformanceOverlayPlugin } from "./PerformanceOverlayPlugin-DDmW-ils.mjs";
|
|
8
|
+
//#region src/utils/time.d.ts
|
|
9
|
+
declare function formatTime(seconds: number, showSeconds?: boolean): string;
|
|
10
|
+
declare function getCurrentTime(): number;
|
|
11
|
+
declare function formatTimeRange(startTime: number, endTime: number): string;
|
|
12
|
+
declare function formatDuration(duration: number, label?: string): string;
|
|
13
|
+
//#endregion
|
|
9
14
|
//#region src/plugins/metadata.d.ts
|
|
10
15
|
declare function getPluginMetadataDescription(metadata: PluginMetadata, locale?: string): string;
|
|
11
16
|
//#endregion
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
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-Co_Fr3CX.mjs";import{i as x,n as S,r as C,t as w}from"./Logger-BTKQPGDj.mjs";import{n as T,t as E}from"./types-NnKZYB1U.mjs";import{t as D}from"./LightThemePlugin-BigH_oWz.mjs";import{t as O}from"./DarkThemePlugin-oE6DVEib.mjs";import{t as ee}from"./ContextMenuPlugin-DkjzERie.mjs";import{t as k}from"./PerformanceOverlayPlugin-o5al1GSm.mjs";import{t as A}from"./EventTooltipPlugin-mbadM95i.mjs";var j=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 M=x(`RenderPipeline`);let N=0;function te(e){return e!==`background`&&e!==`overlay`}var ne=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-N>=250;s&&(N=n,M.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=te(t)?e.pluginManager?.getCoreLayerHooks(t):void 0;r&&r.length>0?this.executeWithHooks(e,n,r):n.render(e),this.stats.renderedLayers++}catch(n){M.error(`${i(e.config,`errorRenderLayer`,{layer:t})}:`,n)}o||(this.stats.layerTimes[t]=performance.now()-s)}return this.stats.totalTime=performance.now()-n,s&&M.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){M.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}},re=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 ie=x(`EventsRenderer`),P=new Map;var ae=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-(P.get(r)??0)>=500&&(P.set(r,g),ie.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()}},oe=class{constructor(){this.name=`Tracks`,this.layer=`tracks`,this.eventsRenderer=new ae}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}},se=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}},F=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 j(this.config,this.state),this.layerBufferManager=new U,this.renderPipeline=new ne,this.renderPipeline.registerRenderer(`timeline`,new re),this.renderPipeline.registerRenderer(`tracks`,new oe),this.renderPipeline.registerRenderer(`guideLines`,new I),this.renderPipeline.registerRenderer(`indicator`,new F),this.renderPipeline.registerRenderer(`scrollbar`,new se),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.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)}},ce=class{constructor(e,t=new K(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}},le=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)}},ue=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 de=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 J(e,t,n){return n||e.colors.eventColors[t%e.colors.eventColors.length]}var fe=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:J(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:J(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 pe(e,t,n,r,i){return`${e}-${t}-${n}-${r.toFixed(3)}-${i.toFixed(3)}`}var me=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=pe(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)}},he=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}}},ge=class{constructor(e){this.state=e}addTrack(){let e={id:this.state.tracks.length,events:[]};return this.state.tracks.push(e),e}removeTrack(){if(this.state.tracks.length<=1)return null;let e=this.state.tracks.pop();return this.syncSelectedTrack(),e}removeEmptyLastTrack(){return this.state.tracks.length<=1||this.state.tracks[this.state.tracks.length-1].events.length!==0?null:this.removeTrack()}syncSelectedTrack(){let{selectedTrack:e,tracks:t}=this.state;e===null||e<t.length||(this.state.selectedTrack=t.length>0?t.length-1:null)}};const _e=[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`];var ve=class{constructor(e){this.lastEdgeScrollTime=0,this.config=e.config,this.state=e.state,this.renderManager=e.renderManager}setPosition(e,t=!1){let n=this.resolvePosition(e,t);return n===this.state.timeIndicatorPosition?{changed:!1,position:n}:(this.state.timeIndicatorPosition=n,this.scrollIntoViewport(n),{changed:!0,position:n})}setPositionDuringDrag(e){let t=this.clampPosition(e);this.state.timeIndicatorPosition=t,this.scrollIntoViewportThrottled(t)}resolvePosition(e,t){let r=e;if(t&&this.state.snapEnabled){let e=n(this.state.zoomLevel,this.config.snapInterval,this.config.snapToSeconds,this.config.secondPrecisionZoomThreshold,this.config.scale,this.config.scaleSplitCount);r=y(r,e)}return this.clampPosition(r)}clampPosition(e){return Math.max(this.config.startTime,Math.min(this.config.endTime,e))}scrollIntoViewportThrottled(e){let t=performance.now();if(t-this.lastEdgeScrollTime<this.getEdgeScrollThrottle())return;let n=this.getTimeIndicatorX(e,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=this.getTimeIndicatorX(e,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()}scrollIntoViewport(e){let t=this.getTimeIndicatorX(e,this.state.scrollX),n=this.renderManager.getCanvasLogicalWidth(),r=this.getEdgeScrollViewportMargin(),i=!1;if(t<r){let t=this.getTimeIndicatorX(e,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=this.getTimeIndicatorX(e,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()}getTimeIndicatorX(e,t){return u(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,t)}getEdgeScrollThrottle(){return this.resolveEdgeScrollValue(this.config.edgeScrollThrottle,80)}getEdgeScrollTriggerMargin(){return this.resolveEdgeScrollValue(this.config.edgeScrollTriggerMargin,30)}getEdgeScrollViewportMargin(){return this.resolveEdgeScrollValue(this.config.edgeScrollViewportMargin,50)}resolveEdgeScrollValue(e,t){return!Number.isFinite(e)||e<0?t:e}markDirty(){this.renderManager.markDirty([..._e])}};const ye=[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`];var be=class{constructor(e){this.config=e.config,this.state=e.state,this.renderManager=e.renderManager}autoFitToCanvas(){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)return this.state.zoomLevel=t,{type:`unchanged`};for(;t<=n&&this.renderManager.getContentWidth(t)<e;)t+=.05;if(t<=n&&this.renderManager.getContentWidth(t)>=e)return this.state.zoomLevel=parseFloat(t.toFixed(3)),{type:`fit`,percentage:Math.round(this.state.zoomLevel*100)};if(this.state.zoomLevel=n,this.config.endPaddingTime===0){let t=this.renderManager.getContentWidth(n);if(t<e){let r=(e-t)/(this.config.secondWidth*n);return this.config.endPaddingTime=Math.ceil(r),this.renderManager.invalidateLayoutCache(),{type:`cappedWithPadding`,percentage:Math.round(n*100),seconds:this.config.endPaddingTime}}}return this.markDirty(),{type:`cappedContentShort`,percentage:Math.round(n*100)}}zoomByFactor(e){return this.applyZoomLevel(this.state.zoomLevel*e)}setZoomLevel(e){return this.applyZoomLevel(e)}setEndTime(e){let t=this.state.tracks.some(t=>t.events.some(t=>t.endTime>e)),n=this.config.endTime;this.config.endTime=e,this.renderManager.invalidateLayoutCache(),this.state.timeIndicatorPosition>e&&(this.state.timeIndicatorPosition=e);let r=this.renderManager.computeMaxScrollX(this.state.zoomLevel);return this.state.scrollX=Math.max(0,Math.min(r,this.state.scrollX)),{oldEndTime:n,endTime:e,hasOverflowEvents:t}}applyZoomLevel(e){let t=this.state.zoomLevel,n=this.state.scrollX,r=this.renderManager.getCachedLogicalWidth()/2,i=(r+n)/(this.config.secondWidth*t);this.state.zoomLevel=this.clampZoomLevel(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)),{changed:t!==this.state.zoomLevel,zoomLevel:this.state.zoomLevel,percentage:Math.round(this.state.zoomLevel*100)}}clampZoomLevel(e){return Math.max(1,Math.min(1e3,e))}markDirty(){this.renderManager.markDirty([...ye])}},xe=class{constructor(e){this.eventListeners=null,this.canvas=e.canvas,this.config=e.config,this.state=e.state,this.renderManager=e.renderManager,this.onCanvasResize=e.onCanvasResize}setupEventListeners(e){this.eventListeners&&this.destroy(),this.eventListeners=e,this.canvas.addEventListener(`mousedown`,e.mousedown),this.canvas.addEventListener(`mousemove`,e.mousemove),this.canvas.addEventListener(`mouseup`,e.mouseup),this.canvas.addEventListener(`mouseleave`,e.mouseleave),this.canvas.addEventListener(`contextmenu`,e.contextmenu),this.canvas.addEventListener(`wheel`,e.wheel,{passive:!1}),this.syncInitialCanvasSize()}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.onCanvasResize()}destroy(){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)}syncInitialCanvasSize(){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)}},Y=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 X=x(`DraggingState`);var Se=class extends Y{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 X.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 X.warn(this.timeline.t(`warningDraggingEventMissing`),{trackIndex:n,eventIndex:r}),t.draggingEvent=null,this.createIdleState();let o=t.tracks[n]?.events[r];if(!o)return X.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 Q(this.timeline)}},Z=class extends Y{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 Q(this.timeline)}},Ce=class extends Y{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 Q(this.timeline)}},we=class extends Y{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 Q(this.timeline)}},Te=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}},Ee=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()}},Q=class extends Y{constructor(e){super(e),this.name=`Idle`,this.hoverController=new Te(this),this.mouseDownRouter=new Ee(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 Se(this.timeline)}createResizingState(){return new Z(this.timeline)}createScrollingState(){return new Ce(this.timeline)}createTimeIndicatorDragState(){return new we(this.timeline)}};const $=x(`StateMachine`);var De=class{constructor(e){this.timeline=e,this.rafId=null,this.pendingMouseMove=null,this.currentState=new Q(e)}getCurrentStateName(){return this.currentState.name}transitionTo(e){if(!e||e===this.currentState)return;let t=this.currentState;t.onExit&&($.debugStyled(w.stateExit,`◁ Exit: ${t.name}`),t.onExit(e)),this.currentState=e,e.onEnter&&($.debugStyled(w.stateEnter,`▷ Enter: ${e.name}`),e.onEnter(t)),$.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}},Oe=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`)}},ke=class{constructor(e){this.canvasController=e.canvasController,this.mouseHandler=e.mouseHandler??new De(e.timeline),this.wheelHandler=e.wheelHandler??new Oe(e.timeline)}bind(){this.canvasController.setupEventListeners(this.createEventListeners())}destroy(){this.canvasController.destroy(),this.mouseHandler.destroy()}createEventListeners(){return{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)}}},Ae=class{constructor(e){this.currentThemePluginId=null,this.pluginManager=e.pluginManager,this.builtinThemes=e.builtinThemes,this.onThemeChanged=e.onThemeChanged,this.onPluginVisualChange=e.onPluginVisualChange}loadInitialTheme(e){let t=this.getPluginId(e);this.pluginManager.loadPlugin(e).then(e=>{e&&(this.currentThemePluginId=t,this.onThemeChanged())})}async usePlugin(e){return this.isThemePlugin(e)?this.switchThemePlugin(e):await this.pluginManager.loadPlugin(e)?(this.onPluginVisualChange(),!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.onThemeChanged(),!0):(this.onPluginVisualChange(),!0):!1}async setTheme(e){return this.switchThemePlugin(this.builtinThemes[e])}async switchThemePlugin(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}return await this.pluginManager.loadPlugin(e)?(this.currentThemePluginId=t,this.onThemeChanged(),!0):!1}getPluginId(e){return`${e.metadata.name}@${e.metadata.version}`}isThemePlugin(e){return e.metadata.type===`theme`}},je=class{constructor(e,n={}){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 K(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`);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 le(this.config),this.state=this.stateManager.state,this.trackManager=new ge(this.state),this.eventIndexManager=new ue(this.state),this.eventMutationService=new fe({config:this.config,state:this.state,eventIndexManager:this.eventIndexManager,logger:this.logger,onMutate:()=>this.clearGuideLineCache()}),this.guideLineService=new me(this.config,this.state),this.hitTestService=new he(this.config,this.state,this.eventIndexManager),this.pluginManager=new ce({timeline:this,config:this.config,state:this.state}),this.renderManager=new G(this.canvas,this.ctx,this.config,this.state,this.pluginManager),this.pluginController=new Ae({pluginManager:this.pluginManager,builtinThemes:{light:D,dark:O},onThemeChanged:()=>this.notifyChange(`theme:change`),onPluginVisualChange:()=>this.redrawAfterPluginChange()}),this.canvasController=new xe({canvas:this.canvas,config:this.config,state:this.state,renderManager:this.renderManager,onCanvasResize:()=>this.notifyChange(`canvas:resize`)}),this.interactionManager=new ke({timeline:this,canvasController:this.canvasController}),n.theme&&this.pluginController.loadInitialTheme(n.theme),this.timeIndicatorController=new ve({config:this.config,state:this.state,renderManager:this.renderManager}),this.viewportController=new be({config:this.config,state:this.state,renderManager:this.renderManager}),this.changeScheduler=new de(this.state,this.config,this.callbacks),this.changeScheduler.setRenderManager(this.renderManager),this.changeScheduler.setEventIndexManager(this.eventIndexManager),this.changeScheduler.setDrawFunction(()=>this.draw()),this.init(),this.interactionManager.bind()}getCanvas(){return this.canvas}async usePlugin(e){return this.pluginController.usePlugin(e)}getLoadedPlugins(){return this.pluginController.getLoadedPlugins()}isPluginLoaded(e){return this.pluginController.isPluginLoaded(e)}async removePlugin(e){return this.pluginController.removePlugin(e)}async setTheme(e){return this.pluginController.setTheme(e)}init(){this.config.autoFitOnInit&&this.autoFitViewport(),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()}autoFitViewport(){this.adjustCanvasSize();let e=this.viewportController.autoFitToCanvas();switch(e.type){case`fit`:this.setStatus(this.t(`statusAutoFit`,{percentage:e.percentage}));break;case`cappedWithPadding`:this.setStatus(this.t(`statusAutoFitCappedWithPadding`,{percentage:e.percentage,seconds:e.seconds}));break;case`cappedContentShort`:this.setStatus(this.t(`statusAutoFitCappedContentShort`,{percentage:e.percentage}));break;default:break}}setCanvasSize(e,t){this.canvasController.setCanvasSize(e,t)}getCanvasLogicalHeight(){return this.canvasController.getCanvasLogicalHeight()}getCachedLogicalHeight(){return this.canvasController.getCachedLogicalHeight()}adjustCanvasSize(){this.canvasController.adjustCanvasSize()}addTrack(){let e=this.trackManager.addTrack();this.clearGuideLineCache(),this.adjustCanvasSize(),this.setStatus(this.t(`statusTrackAdded`,{count:this.state.tracks.length})),this.callbacks.onTrackAdd&&this.callbacks.onTrackAdd(e)}removeTrack(){let e=this.trackManager.removeTrack();if(!e){this.setStatus(this.t(`statusAtLeastOneTrackRequired`));return}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)return;let e=this.trackManager.removeEmptyLastTrack();for(;e;)this.clearGuideLineCache(),this.setStatus(this.t(`statusEmptyTrackRemoved`,{count:this.state.tracks.length})),this.callbacks.onTrackRemove&&this.callbacks.onTrackRemove(e),this.adjustCanvasSize(),e=this.trackManager.removeEmptyLastTrack()}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,n=!1){if(typeof t!=`number`||isNaN(t))return this.logger.error(this.t(`errorTimeIndicatorInvalid`)),!1;let r=this.timeIndicatorController.setPosition(t,n);if(!r.changed)return!0;this.notifyChange(`timeIndicator:move`);let i=e(r.position);return this.setStatus(this.t(`statusTimeIndicatorMoved`,{time:i})),this.callbacks.onTimeIndicatorMove&&this.callbacks.onTimeIndicatorMove({position:r.position,time:i}),!0}setTimeIndicatorDuringDrag(e){this.timeIndicatorController.setPositionDuringDrag(e),this.notifyChange(`timeIndicator:drag`)}zoom(e){let t=this.viewportController.zoomByFactor(e);this.notifyChange(`zoom:change`),this.setStatus(this.t(`statusZoomChanged`,{percentage:t.percentage})),this.callbacks.onZoom&&t.changed&&this.callbacks.onZoom({zoomLevel:t.zoomLevel,percentage:t.percentage})}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.viewportController.setZoomLevel(e);return this.notifyChange(`zoom:change`),this.setStatus(this.t(`statusZoomChanged`,{percentage:t.percentage})),this.callbacks.onZoom&&t.changed&&this.callbacks.onZoom({zoomLevel:t.zoomLevel,percentage:t.percentage}),!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;let n=this.viewportController.setEndTime(t);return n.hasOverflowEvents&&this.logger.warn(this.t(`warningEventsExceedEndTime`)),this.clearGuideLineCache(),this.notifyChange(`config:endTime`),this.setStatus(this.t(`statusEndTimeUpdated`,{from:e(n.oldEndTime),to:e(n.endTime)})),!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)}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.interactionManager.destroy(),this.setStatus(this.t(`statusTimelineDestroyed`))}clearGuideLineCache(){this.guideLineService.clearCache()}redrawAfterPluginChange(){this.markDirty([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`]),this.draw()}};function Me(e,t){if(!e.descriptionI18n)return e.description;let n=_(t);return e.descriptionI18n[n]||e.descriptionI18n.zh||e.description}export{ee as ContextMenuPlugin,O as DarkThemePlugin,g as EventMediaPlugin,A as EventTooltipPlugin,D as LightThemePlugin,k as PerformanceOverlayPlugin,E as PluginPriority,T as PluginType,je as Timeline,r as createDefaultContextMenuItems,l as createTimelineMessages,o as formatDuration,e as formatTime,v as formatTimeRange,b as getCurrentTime,Me as getPluginMetadataDescription,_ as normalizeTimelineLocale,i as translateTimelineConfig,a as translateTimelineMessage};
|
|
1
|
+
import{a as e,c as t,d as n,f as r,i,l as a,n as o,o as s,p as c,r as l,s as u,t as d,u as f}from"./EventMediaPlugin-BCuSI5ww.mjs";import{t as p}from"./PerformanceOverlayPlugin-Cph1TMWd.mjs";import{i as m,n as h,r as g,t as _}from"./Logger-BX6_sfV3.mjs";import{n as v,t as y}from"./types-DhRsiQBh.mjs";import{t as b}from"./LightThemePlugin-BD4cbg_E.mjs";import{t as x}from"./DarkThemePlugin-pFFtYjOV.mjs";import{t as S}from"./ContextMenuPlugin-Btbm1QEm.mjs";import{t as C}from"./EventTooltipPlugin-0Dz25qie.mjs";function w(e,t=!0){let n=Math.round(e),r=Math.floor(n/3600),i=Math.floor(n%3600/60),a=n%60;return t?`${r.toString().padStart(2,`0`)}:${i.toString().padStart(2,`0`)}:${a.toString().padStart(2,`0`)}`:`${r.toString().padStart(2,`0`)}:${i.toString().padStart(2,`0`)}`}function T(){let e=new Date;return e.getHours()*3600+e.getMinutes()*60+e.getSeconds()}function E(e,t,n,r,i,a){if(n)return 1;if(i!=null&&i>0){let t=i/Math.max(1,Math.floor(a??10));return e>=r?t:i}return t*60}function D(e,t){return Math.round(e/t)*t}function O(e,t=3){let n=10**t;return Math.round(e*n)/n}function k(e,t){return`${w(e)} - ${w(t)}`}function A(e,t){let n=w(O(e));return t?`${t} ${n}`:n}function ee(e){return typeof structuredClone==`function`?structuredClone(e):j(e)}function j(e){let t=Object.entries(e).map(([e,t])=>[e,M(t)]);return Object.fromEntries(t)}function te(e){return e.map(e=>M(e))}function M(e){return Array.isArray(e)?te(e):N(e)?j(e):e}function ne(e){if(e.media)return{...e.media.images?{images:e.media.images.map(e=>({src:e.src,...e.fit?{fit:e.fit}:{},...e.opacity===void 0?{}:{opacity:e.opacity}}))}:{},...e.media.waveform?{waveform:{data:e.media.waveform.data,...e.media.waveform.color?{color:e.media.waveform.color}:{},...e.media.waveform.backgroundColor?{backgroundColor:e.media.waveform.backgroundColor}:{},...e.media.waveform.opacity===void 0?{}:{opacity:e.media.waveform.opacity}}}:{}}}function N(e){if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null}function P(e){return{id:e.id,startTime:e.startTime,endTime:e.endTime,duration:e.duration,title:e.title,description:e.description,color:e.color,...e.readonly?{readonly:e.readonly}:{},...e.customData?{customData:ee(e.customData)}:{},...e.media?{media:ne(e)}:{}}}var re=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 F=m(`RenderPipeline`);let I=0;function ie(e){return e!==`background`&&e!==`overlay`}var ae=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-I>=250;o&&(I=n,F.debugStyled(_.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{let r=ie(t)?e.pluginManager?.getCoreLayerHooks(t):void 0;r&&r.length>0?this.executeWithHooks(e,n,r):n.render(e),this.stats.renderedLayers++}catch(n){F.error(`${f(e.config,`errorRenderLayer`,{layer:t})}:`,n)}a||(this.stats.layerTimes[t]=performance.now()-o)}return this.stats.totalTime=performance.now()-n,o&&F.debugStyled(_.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)},i=()=>t.render(e);for(let t=n.length-1;t>=0;t--){let a=n[t],o=i;i=()=>{try{a.handler(e.ctx,r,e.config,e.state,o)}catch(t){F.error(`${f(e.config,`errorCoreLayerHook`,{hook:a.name})}:`,t),o()}}}i()}shouldRenderLayer(e,t,n,r,i){return r||!i?!0:i.has(e)}getStats(){return{...this.stats}}clearPrevContext(){}getRegisteredRenderers(){return this.renderers}},oe=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 se=m(`EventsRenderer`),L=new Map;var ce=class{renderEvents(e,t,n,i,a,o,s,c){let l=c??o.width,u=n.tracks[i],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-(L.get(i)??0)>=500&&(L.set(i,g),se.debugStyled(_.eventRender,`Track ${i}: ${u.events.length} events`));for(let c=0;c<u.events.length;c++){let g=u.events[c];if(n.draggingEvent&&n.draggingEvent.isDragging&&n.draggingEvent.trackIndex===i&&n.draggingEvent.eventIndex===c)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===i&&n.selectedEvent.eventIndex===c,b=n.highlightedEvent&&n.highlightedEvent.trackIndex===i&&n.highlightedEvent.eventIndex===c,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?(r(e,_,a+d,v,f,w),e.fill()):e.fillRect(_,a+d,v,f),e.restore(),s&&s.emitEvent(`render:event:media`,e,o,t,n,i,c,_,a,v,d,f),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?r(e,_,a+d,v,f,w,!0):e.strokeRect(_,a+d,v,f),e.shadowBlur=0,e.restore()),this.drawEventText(e,t,g,_,a,v,d,m,h,p),t.enableEventResize&&this.drawResizeHandles(e,t,n,i,c,_,a,v,f,d),t.showEventDurationLabel&&C&&this.drawEventDurationLabel(e,t,g,_,a,v,d),t.enableEventSplit&&n.hoveredSplitLine&&!n.draggingEvent&&!n.resizingEvent&&!n.draggingTimeIndicator&&this.drawSplitLine(e,t,n,i,c,a,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,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=k(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(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=w(c.splitTime);e.font=`bold 11px Arial`,e.fillStyle=`rgba(255, 255, 0, 1)`,e.textAlign=`center`,e.fillText(`Split: ${i}`,r,a+o-5),e.restore()}}drawEventDurationLabel(e,t,n,r,i,a,o){e.save();let s=Math.round(n.duration*1e3)/1e3,c;c=t.formatEventDuration?t.formatEventDuration(s):A(s,t.eventDurationPrefix),e.font=`bold 11px Arial`,e.fillStyle=t.colors.eventDurationLabel,e.textAlign=`center`;let l=r+a/2,u=i+o-8;e.fillText(c,l,u),e.restore()}},le=class{constructor(){this.name=`Tracks`,this.layer=`tracks`,this.eventsRenderer=new ce}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}},ue=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,i,a){let o=t.startPaddingTime+(t.endTime+t.endPaddingTime-t.startTime)*t.secondWidth*n.zoomLevel>i?13:0,s=t.timelineHeight+t.firstTrackTopMargin+n.tracks.length*(t.trackHeight+t.trackMargin);if(s>a-o){let c=i-8-5,l=t.timelineHeight,u=a-t.timelineHeight-o-5;e.fillStyle=t.colors.scrollbarTrack,r(e,c,l,8,u,4);let d=(a-o-5)/s,f=Math.max(30,u*d),p=s-a+o+5,m=n.scrollY/p,h=l+(u-f)*m;e.fillStyle=n.draggingScrollbar?t.colors.scrollbarHandleHover:t.colors.scrollbarHandle,r(e,c,h,8,f,4),e.fillStyle=t.colors.scrollbarHandleHighlight,r(e,c,h,8,f/2,4),n.draggingScrollbar&&(e.strokeStyle=t.colors.scrollbarBorder,e.lineWidth=1,r(e,c,h,8,f,4,!0))}}drawHorizontalScrollbar(e,t,n,i,a){let o=t.startPaddingTime+(t.endTime+t.endPaddingTime-t.startTime)*t.secondWidth*n.zoomLevel;if(o<=i)return;let s=t.timelineHeight+t.firstTrackTopMargin+n.tracks.length*(t.trackHeight+t.trackMargin)>a?13:0,c=a-8-5,l=i-s;e.fillStyle=t.colors.scrollbarTrack,r(e,0,c,l,8,4);let u=i/o,d=Math.max(30,l*u),f=o-i,p=n.scrollX/f,m=0+(l-d)*p;e.fillStyle=n.draggingHorizontalScrollbar?t.colors.scrollbarHandleHover:t.colors.scrollbarHandle,r(e,m,c,d,8,4),e.fillStyle=t.colors.scrollbarHandleHighlight,r(e,m,c,d/2,8,4),n.draggingHorizontalScrollbar&&(e.strokeStyle=t.colors.scrollbarBorder,e.lineWidth=1,r(e,m,c,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}},R=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}},z=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(w(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=w(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}},B=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 i=n.tracks[n.draggingEvent.trackIndex].events[n.draggingEvent.eventIndex];if(!i)return;let a=n.draggingEvent.currentMouseY||0,o=n.draggingEvent.canMove!==!1,s=Math.floor((a-t.timelineHeight-t.firstTrackTopMargin)/(t.trackHeight+t.trackMargin)),c=Math.max(0,Math.min(n.tracks.length-1,s)),l=t.timelineHeight+t.firstTrackTopMargin+c*(t.trackHeight+t.trackMargin),u=(n.draggingEvent.currentMouseX||0)-n.dragOffsetX,d=i.duration*t.secondWidth*n.zoomLevel,f=Math.max(5,t.trackHeight*.0625),p=t.trackHeight-f*2,m=t.eventBlockStyle.borderRadius;e.save(),o?(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?(r(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 i=n.tracks[n.draggingEvent.trackIndex].events[n.draggingEvent.eventIndex];if(!i)return;let a=n.draggingEvent.currentMouseX||0,o=n.draggingEvent.currentMouseY||0,s=a-n.dragOffsetX,c=o-n.dragOffsetY-n.scrollY,l=i.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=i.color,f>0?(r(e,s,c+u,l,d,f),e.fill()):e.fillRect(s,c+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?(r(e,s,c+u,l,d,f),e.stroke()):e.strokeRect(s,c+u,l,d),e.shadowBlur=0,e.restore(),this.renderEventText(e,t,i,s,c,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 f=s.showTitle&&t.trackHeight>=s.minHeightForTitle,p=s.showTime&&t.trackHeight>=s.minHeightForTime,m=s.titleFontSize===`auto`?Math.max(10,Math.min(14,t.trackHeight*.175)):s.titleFontSize,h=s.timeFontSize===`auto`?Math.max(8,Math.min(12,t.trackHeight*.15)):s.timeFontSize,g=`${w(n.startTime)} - ${w(n.endTime)}`;if(f){e.fillStyle=c,e.font=`${s.titleFontWeight} ${m}px ${s.titleFontFamily}`;let t=p?d-(typeof m==`number`?m:14)/2+s.titleOffsetY:d+s.titleOffsetY;e.fillText(n.title,u,t)}if(p){e.fillStyle=l,e.font=`${s.timeFontWeight} ${h}px ${s.timeFontFamily}`;let t=f?d+(typeof h==`number`?h:12)+s.timeOffsetY:d+s.timeOffsetY;e.fillText(g,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 V(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 H=m(`LayerBuffer`),U={background:`background`,tracks:`main`,timeline:`main`,guideLines:`main`,indicator:`main`,scrollbar:`main`,interaction:`interaction`,overlay:`overlay`},W=[`background`,`main`,`media`,`interaction`,`overlay`];function de(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){H.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 fe=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 W){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}=de(r,i);this.buffers.set(e,{canvas:t,ctx:n,dirty:!0})}}H.debugStyled(_.pipeline,`LayerBufferManager initialized: ${r}x${i} (dpr=${n})`)}markDirtyFromLayers(e){for(let t of e){let e=U[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 W){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(){for(let e of this.buffers.values())e.canvas.width=0,e.canvas.height=0;this.buffers.clear(),this.width=0,this.height=0}};const G=m(`DirtyCheck`);var pe=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.disposed=!1,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 re(this.config,this.state),this.layerBufferManager=new fe,this.renderPipeline=new ae,this.renderPipeline.registerRenderer(`timeline`,new oe),this.renderPipeline.registerRenderer(`tracks`,new le),this.renderPipeline.registerRenderer(`guideLines`,new z),this.renderPipeline.registerRenderer(`indicator`,new R),this.renderPipeline.registerRenderer(`scrollbar`,new ue),this.renderPipeline.registerRenderer(`interaction`,new B)}setCanvasSize(e,t){if(this.disposed)return;let n=window.devicePixelRatio||1,r=Math.floor(e*n),i=Math.floor(t*n);if(this.dpr===n&&Math.abs(this.canvas.width-r)<1&&Math.abs(this.canvas.height-i)<1&&this.canvas.style.width===`${e}px`&&this.canvas.style.height===`${t}px`)return;this.dpr=n,this.canvas.width=r,this.canvas.height=i,this.canvas.style.width=`${e}px`,this.canvas.style.height=`${t}px`,this.invalidateCache();let a=this.getContentHeight(),o=Math.max(0,a-this.getCachedLogicalHeight());this.state.scrollY=Math.max(0,Math.min(o,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.disposed||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=V(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=V(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){G.debugStyled(_.dataUpdate,`✓ Marking layers dirty: [${e.join(`, `)}]`);for(let t of e)this.dirtyLayers.add(t)}markAllDirty(){G.debugStyled(_.dataUpdate,`✓ Marking ALL layers dirty`),this.dirtyLayers=new Set([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`overlay`,`interaction`]),this.layerBufferManager.markAllDirty()}getLastLayerTimes(){return{...this.lastLayerTimes}}dispose(){this.disposed=!0,this.layerBufferManager.dispose(),this.dirtyLayers.clear(),this.lastLayerTimes={}}},K=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)}},me=class{constructor(e,t=new K(m(`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,this.destroyed=!1,this.pendingLoads=new Map,this.pendingUnloads=new Map}loadPlugin(e){let{name:t,version:n}=e.metadata,r=`${t}@${n}`;if(this.destroyed||this.plugins.has(r)||this.pendingLoads.has(r)||this.pendingUnloads.has(r))return Promise.resolve(!1);let i=Promise.resolve().then(()=>this.performLoad(r,e)).finally(()=>this.pendingLoads.delete(r));return this.pendingLoads.set(r,i),i}async performLoad(e,t){if(this.destroyed)return!1;if(!this.areDependenciesLoaded(t.metadata.dependencies))return this.errorHandler.fail(this.baseContext.config.debug,f(this.baseContext.config,`errorPluginDependenciesMissing`,{pluginId:e}),Error(`Missing dependencies: ${t.metadata.dependencies?.join(`, `)}`));this.pluginMetadata.set(e,t.metadata);let n=this.createPluginContext(e),r=!1,i=!1,a=!1;try{return t.init&&(r=!0,await t.init(n)),this.destroyed||(t.activate&&(i=!0,await t.activate(n)),this.destroyed)?!1:(this.plugins.set(e,{plugin:t,context:n,active:!0}),a=!0,!0)}catch(t){return this.errorHandler.fail(this.baseContext.config.debug,f(this.baseContext.config,`errorPluginLoadFailed`,{pluginId:e}),t)}finally{a||(await this.rollbackFailedLoad(e,t,n,r,i),this.cleanupPluginResources(e))}}unloadPlugin(e){let t=this.pendingUnloads.get(e);if(t)return t;let n=this.plugins.get(e);if(!n)return Promise.resolve(!1);this.plugins.delete(e);let r=Promise.resolve().then(()=>this.performUnload(e,n)).finally(()=>{this.cleanupPluginResources(e),this.pendingUnloads.delete(e)});return this.pendingUnloads.set(e,r),r}async performUnload(e,t){let n=await this.runLifecycleStep(e,`deactivate`,t.plugin.deactivate,t.context);return await this.runLifecycleStep(e,`destroy`,t.plugin.destroy,t.context)||(n=!1),n}destroy(){return this.destroyPromise?this.destroyPromise:(this.destroyed=!0,this.destroyPromise=Promise.resolve().then(()=>this.disposePlugins()),this.destroyPromise)}async disposePlugins(){for(let e of[...this.plugins.keys()].reverse())await this.unloadPlugin(e);await Promise.allSettled([...this.pendingLoads.values(),...this.pendingUnloads.values()])}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,f(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=m(`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.get(e)?.clear(),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,f(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,f(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||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}},he=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:f(e,`statusReady`),contextMenuBounds:null,lastDrawTime:0}}setStatus(e,t){this.state.statusText=e,t&&t(e)}},ge=class{constructor(e){this.trackIndices=new Map,this.dirtyTracks=new Set,this.batching=!1,this.state=e}invalidateTrack(e){this.dirtyTracks.add(e)}invalidateAll(){this.trackIndices.clear(),this.dirtyTracks.clear()}beginBatch(){this.batching=!0}endBatch(){if(this.batching){for(let e of this.dirtyTracks)this.state.tracks[e]?this.ensureIndex(e):this.trackIndices.delete(e);this.dirtyTracks.clear(),this.batching=!1}}ensureIndex(e){let t=this.trackIndices.get(e);if(t&&!this.dirtyTracks.has(e))return t;let n=this.state.tracks[e].events,r=n.map((e,t)=>t);r.sort((e,t)=>n[e].startTime-n[t].startTime);let i=new Float64Array(r.length*4).fill(-1/0),a=(e,t,o)=>{if(t===o)return i[e]=n[r[t]].endTime;let s=t+o>>>1;return i[e]=Math.max(a(e*2,t,s),a(e*2+1,s+1,o))};r.length&&a(1,0,r.length-1);let o={indices:r,maxEnds:i};return this.trackIndices.set(e,o),this.dirtyTracks.delete(e),o}getCandidatesByTime(e,t,n=0){let{indices:r,maxEnds:i}=this.ensureIndex(e),a=this.state.tracks[e],o=0,s=r.length-1,c=-1,l=t+n;for(;o<=s;){let e=o+s>>1,t=r[e];a.events[t].startTime<=l?(c=e,o=e+1):s=e-1}if(c===-1)return[];let u=[],d=(e,a,o)=>{if(a>c||i[e]<t-n)return;if(a===o){u.push(r[a]);return}let s=a+o>>>1;d(e*2+1,s+1,o),d(e*2,a,s)};return d(1,0,r.length-1),u}};const q=m(`ChangeScheduler`);var _e=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(f(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(f(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(f(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:P(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 J(e,t,n){return n||e.colors.eventColors[t%e.colors.eventColors.length]}var ve=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,i;if(t>e&&t<=n)r=e,i=O(t-e);else if(t<=this.config.endTime-this.config.startTime&&e+t<=n)r=e,i=t;else return this.logger.error(f(this.config,`errorInvalidTimeRange`,{startTime:e,endTime:t})),null;return r<this.config.startTime?(this.logger.error(f(this.config,`errorStartTimeBeforeMin`,{startTime:r,minAllowed:this.config.startTime})),null):{startSec:r,duration:i}}addEvent(e,t,n,r,i=``,a,o=!1){if(!this.isValidTrackIndex(e))return null;let s=this.validateEventTime(t,n);if(!s)return null;let{startSec:c,duration:l}=s,u=this.state.tracks[e],d=O(l),f={id:u.events.length,startTime:c,endTime:O(c+d),duration:d,title:r,description:i,color:J(this.config,u.events.length),...o?{readonly:o}:{},...a?{customData:a}:{}};return u.events.push(f),this.invalidateTrack(e),f}updateEvent(e,t,n){let r=this.getEvent(e,t);if(!r)return null;let i=P(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=P(r);return n.title!==void 0&&(r.title=n.title),n.startTime!==void 0&&(r.startTime=n.startTime,r.endTime=O(r.startTime+r.duration)),n.duration!==void 0&&(r.duration=O(n.duration),r.endTime=O(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=P(n.events[t]);return n.events.splice(t,1),this.invalidateTrack(e),r}loadData(e){if(!e||typeof e!=`object`)return this.logger.error(f(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:J(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(f(this.config,`errorInvalidTrackIndex`)),null;let n=this.state.tracks[e];return this.isValidEventIndex(n,t)?n.events[t]:(this.logger.error(f(this.config,`errorInvalidEventIndex`)),null)}resolveLoadEventTiming(e){let t,n;if(e.endTime!==void 0)t=e.startTime||0,n=O(e.endTime-t);else if(e.duration!==void 0)t=e.startTime||0,n=e.duration;else return null;let r=O(n);return{startTime:t,duration:r,endTime:O(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 ye(e,t,n,r,i){return`${e}-${t}-${n}-${r.toFixed(3)}-${i.toFixed(3)}`}var be=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=ye(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)}},xe=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}}},Se=class{constructor(e){this.state=e}addTrack(){let e={id:this.state.tracks.length,events:[]};return this.state.tracks.push(e),e}removeTrack(){if(this.state.tracks.length<=1)return null;let e=this.state.tracks.pop();return this.syncSelectedTrack(),e}removeEmptyLastTrack(){return this.state.tracks.length<=1||this.state.tracks[this.state.tracks.length-1].events.length!==0?null:this.removeTrack()}syncSelectedTrack(){let{selectedTrack:e,tracks:t}=this.state;e===null||e<t.length||(this.state.selectedTrack=t.length>0?t.length-1:null)}};const Ce=[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`];var we=class{constructor(e){this.lastEdgeScrollTime=0,this.config=e.config,this.state=e.state,this.renderManager=e.renderManager}setPosition(e,t=!1){let n=this.resolvePosition(e,t);return n===this.state.timeIndicatorPosition?{changed:!1,position:n}:(this.state.timeIndicatorPosition=n,this.scrollIntoViewport(n),{changed:!0,position:n})}setPositionDuringDrag(e){let t=this.clampPosition(e);this.state.timeIndicatorPosition=t,this.scrollIntoViewportThrottled(t)}resolvePosition(e,t){let n=e;if(t&&this.state.snapEnabled){let e=E(this.state.zoomLevel,this.config.snapInterval,this.config.snapToSeconds,this.config.secondPrecisionZoomThreshold,this.config.scale,this.config.scaleSplitCount);n=D(n,e)}return this.clampPosition(n)}clampPosition(e){return Math.max(this.config.startTime,Math.min(this.config.endTime,e))}scrollIntoViewportThrottled(e){let t=performance.now();if(t-this.lastEdgeScrollTime<this.getEdgeScrollThrottle())return;let n=this.getTimeIndicatorX(e,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=this.getTimeIndicatorX(e,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()}scrollIntoViewport(e){let t=this.getTimeIndicatorX(e,this.state.scrollX),n=this.renderManager.getCanvasLogicalWidth(),r=this.getEdgeScrollViewportMargin(),i=!1;if(t<r){let t=this.getTimeIndicatorX(e,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=this.getTimeIndicatorX(e,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()}getTimeIndicatorX(e,t){return c(e,this.config.startTime,this.config.startPaddingTime,this.config.secondWidth,this.state.zoomLevel,t)}getEdgeScrollThrottle(){return this.resolveEdgeScrollValue(this.config.edgeScrollThrottle,80)}getEdgeScrollTriggerMargin(){return this.resolveEdgeScrollValue(this.config.edgeScrollTriggerMargin,30)}getEdgeScrollViewportMargin(){return this.resolveEdgeScrollValue(this.config.edgeScrollViewportMargin,50)}resolveEdgeScrollValue(e,t){return!Number.isFinite(e)||e<0?t:e}markDirty(){this.renderManager.markDirty([...Ce])}};const Te=[`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`];var Ee=class{constructor(e){this.config=e.config,this.state=e.state,this.renderManager=e.renderManager}autoFitToCanvas(){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)return this.state.zoomLevel=t,{type:`unchanged`};for(;t<=n&&this.renderManager.getContentWidth(t)<e;)t+=.05;if(t<=n&&this.renderManager.getContentWidth(t)>=e)return this.state.zoomLevel=parseFloat(t.toFixed(3)),{type:`fit`,percentage:Math.round(this.state.zoomLevel*100)};if(this.state.zoomLevel=n,this.config.endPaddingTime===0){let t=this.renderManager.getContentWidth(n);if(t<e){let r=(e-t)/(this.config.secondWidth*n);return this.config.endPaddingTime=Math.ceil(r),this.renderManager.invalidateLayoutCache(),{type:`cappedWithPadding`,percentage:Math.round(n*100),seconds:this.config.endPaddingTime}}}return this.markDirty(),{type:`cappedContentShort`,percentage:Math.round(n*100)}}zoomByFactor(e){return this.applyZoomLevel(this.state.zoomLevel*e)}setZoomLevel(e){return this.applyZoomLevel(e)}setEndTime(e){let t=this.state.tracks.some(t=>t.events.some(t=>t.endTime>e)),n=this.config.endTime;this.config.endTime=e,this.renderManager.invalidateLayoutCache(),this.state.timeIndicatorPosition>e&&(this.state.timeIndicatorPosition=e);let r=this.renderManager.computeMaxScrollX(this.state.zoomLevel);return this.state.scrollX=Math.max(0,Math.min(r,this.state.scrollX)),{oldEndTime:n,endTime:e,hasOverflowEvents:t}}applyZoomLevel(e){let t=this.state.zoomLevel,n=this.state.scrollX,r=this.renderManager.getCachedLogicalWidth()/2,i=(r+n)/(this.config.secondWidth*t);this.state.zoomLevel=this.clampZoomLevel(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)),{changed:t!==this.state.zoomLevel,zoomLevel:this.state.zoomLevel,percentage:Math.round(this.state.zoomLevel*100)}}clampZoomLevel(e){return Math.max(1,Math.min(1e3,e))}markDirty(){this.renderManager.markDirty([...Te])}},De=class{constructor(e){this.eventListeners=null,this.resizeObserver=null,this.activePointerId=null,this.previousTouchAction=null,this.pixelRatio=window.devicePixelRatio||1,this.resolutionQuery=null,this.handlePointerDown=e=>{e.pointerType===`mouse`||this.activePointerId!==null||!e.isPrimary||(e.preventDefault(),this.activePointerId=e.pointerId,this.canvas.setPointerCapture(e.pointerId),this.eventListeners?.pointerdown(e))},this.handlePointerMove=e=>{e.pointerId===this.activePointerId&&(e.preventDefault(),this.eventListeners?.pointermove(e))},this.handlePointerUp=e=>{e.pointerId===this.activePointerId&&(e.preventDefault(),this.eventListeners?.pointerup(e),this.activePointerId=null,this.canvas.releasePointerCapture(e.pointerId))},this.handlePointerCancel=e=>{e.pointerId===this.activePointerId&&(e.preventDefault(),this.activePointerId=null,this.eventListeners?.pointercancel(e),this.canvas.hasPointerCapture(e.pointerId)&&this.canvas.releasePointerCapture(e.pointerId))},this.handleLostPointerCapture=e=>{e.pointerId===this.activePointerId&&(this.activePointerId=null,this.eventListeners?.lostpointercapture(e))},this.handleWindowResize=()=>{this.syncCanvasSize(!0)},this.handleResolutionChange=()=>{this.syncCanvasSize(!0),this.observePixelRatio()},this.canvas=e.canvas,this.config=e.config,this.state=e.state,this.renderManager=e.renderManager,this.onCanvasResize=e.onCanvasResize}setupEventListeners(e){this.eventListeners&&this.destroy(),this.eventListeners=e,this.canvas.addEventListener(`mousedown`,e.mousedown),this.canvas.addEventListener(`mousemove`,e.mousemove),this.canvas.addEventListener(`mouseup`,e.mouseup),this.canvas.addEventListener(`mouseleave`,e.mouseleave),this.canvas.addEventListener(`pointerdown`,this.handlePointerDown),this.canvas.addEventListener(`pointermove`,this.handlePointerMove),this.canvas.addEventListener(`pointerup`,this.handlePointerUp),this.canvas.addEventListener(`pointercancel`,this.handlePointerCancel),this.canvas.addEventListener(`lostpointercapture`,this.handleLostPointerCapture),this.canvas.addEventListener(`contextmenu`,e.contextmenu),this.canvas.addEventListener(`wheel`,e.wheel,{passive:!1}),this.previousTouchAction=this.canvas.style.touchAction,this.canvas.style.touchAction=`none`,this.syncCanvasSize(!1),this.observeContainerResize(),this.observePixelRatio(),window.addEventListener(`resize`,this.handleWindowResize)}setCanvasSize(e,t){this.renderManager.setCanvasSize(e,t),this.pixelRatio=window.devicePixelRatio||1}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.onCanvasResize()}destroy(){if(this.resizeObserver?.disconnect(),this.resizeObserver=null,this.resolutionQuery?.removeEventListener(`change`,this.handleResolutionChange),this.resolutionQuery=null,window.removeEventListener(`resize`,this.handleWindowResize),!this.eventListeners)return;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(`pointerdown`,this.handlePointerDown),this.canvas.removeEventListener(`pointermove`,this.handlePointerMove),this.canvas.removeEventListener(`pointerup`,this.handlePointerUp),this.canvas.removeEventListener(`pointercancel`,this.handlePointerCancel),this.canvas.removeEventListener(`lostpointercapture`,this.handleLostPointerCapture);let e=this.activePointerId;this.activePointerId=null,e!==null&&this.canvas.hasPointerCapture(e)&&this.canvas.releasePointerCapture(e),this.canvas.removeEventListener(`contextmenu`,this.eventListeners.contextmenu),this.canvas.removeEventListener(`wheel`,this.eventListeners.wheel),this.previousTouchAction!==null&&(this.canvas.style.touchAction=this.previousTouchAction,this.previousTouchAction=null),this.eventListeners=null}observeContainerResize(){let e=this.canvas.parentElement;!e||typeof ResizeObserver>`u`||(this.resizeObserver=new ResizeObserver(()=>{this.syncCanvasSize(!0)}),this.resizeObserver.observe(e))}observePixelRatio(){this.resolutionQuery?.removeEventListener(`change`,this.handleResolutionChange),this.resolutionQuery=window.matchMedia(`(resolution: ${this.pixelRatio}dppx)`),this.resolutionQuery.addEventListener(`change`,this.handleResolutionChange)}syncCanvasSize(e){let t=this.canvas.parentElement;if(!t){let t=this.renderManager.getCanvasLogicalWidth(),n=this.config.canvasHeight||500;this.setCanvasSizeIfChanged(t,n,e);return}let n=t.getBoundingClientRect();this.setCanvasSizeIfChanged(n.width,n.height||this.config.canvasHeight||500,e)}setCanvasSizeIfChanged(e,t,n){(e!==this.renderManager.getCanvasLogicalWidth()||t!==this.renderManager.getCanvasLogicalHeight()||this.pixelRatio!==(window.devicePixelRatio||1))&&(this.setCanvasSize(e,t),n&&this.adjustCanvasSize())}},Y=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}handleCancel(e){return null}handleContextMenu(e){return null}};const X=m(`DraggingState`);var Oe=class extends Y{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:n}=e,r=this.timeline.config,i=this.timeline.state,a=this.timeline.getCanvas();if(!i.draggingEvent)return this.createIdleState();if(Math.sqrt((t-i.draggingEvent.startX)**2+(n-i.draggingEvent.startY)**2)>this.MOVE_THRESHOLD&&(i.draggingEvent.isDragging=!0),!i.draggingEvent.isDragging)return a.style.cursor=`move`,null;let{trackIndex:o,eventIndex:s}=i.draggingEvent;if(o<0||o>=i.tracks.length||s<0||s>=i.tracks[o].events.length)return X.warn(this.timeline.t(`warningInvalidDraggingState`),{value:i.draggingEvent}),i.draggingEvent=null,this.createIdleState();let l=i.tracks[o].events[s];this.timeline.setStatus(this.timeline.t(`statusDragging`,{title:l.title}));let u=(t-i.draggingEvent.startX)/(r.secondWidth*i.zoomLevel),d=i.draggingEvent.originalStartTime+u,f=Math.floor((n-r.timelineHeight-r.firstTrackTopMargin)/(r.trackHeight+r.trackMargin));if(r.autoAddTrack&&f>=i.tracks.length){let e={id:i.tracks.length,events:[]};i.tracks.push(e),this.timeline.setStatus(this.timeline.t(`statusAutoTrackAdded`,{count:i.tracks.length})),this.timeline.callbacks.onTrackAdd&&this.timeline.callbacks.onTrackAdd(e)}f=Math.max(0,Math.min(i.tracks.length-1,f)),i.guideLines=this.timeline.calculateGuideLines(o,s,f,d,l.duration);let p=this.timeline.snapToGuideLines(d,l.duration);if(p!==null){if(this.isSnappedToGuideLine&&this.snappedTime!==null){let e=this.timeline.config.guideLineSnapThreshold*1.5;Math.abs(d-this.snappedTime)<e?d=this.snappedTime:(this.isSnappedToGuideLine=!1,this.snappedTime=null,d=p,this.isSnappedToGuideLine=!0,this.snappedTime=p)}else d=p,this.isSnappedToGuideLine=!0,this.snappedTime=p}else if(this.isSnappedToGuideLine=!1,this.snappedTime=null,i.snapEnabled){if(r.enableTimeIndicator&&i.timeIndicatorSnapEnabled){let e=c(i.timeIndicatorPosition,r.startTime,r.startPaddingTime,r.secondWidth,i.zoomLevel,i.scrollX),t=r.startPaddingTime+(d-r.startTime)*r.secondWidth*i.zoomLevel-i.scrollX;if(Math.abs(t-e)<r.timeIndicatorSnapThreshold)d=i.timeIndicatorPosition;else{let e=E(i.zoomLevel,r.snapInterval,r.snapToSeconds,r.secondPrecisionZoomThreshold,r.scale,r.scaleSplitCount);d=D(d,e)}}else{let e=E(i.zoomLevel,r.snapInterval,r.snapToSeconds,r.secondPrecisionZoomThreshold,r.scale,r.scaleSplitCount);d=D(d,e)}}d=Math.max(r.startTime,Math.min(r.endTime-l.duration,d));let m=r.timelineHeight+r.firstTrackTopMargin+f*(r.trackHeight+r.trackMargin)+r.trackHeight/2;i.dragTimeReference={time:d,y:m};let h=this.timeline.canMoveEvent(o,s,f,d,l.duration);if(h&&(l.startTime=d,l.endTime=O(d+l.duration),this.timeline.invalidateIndexTrack(o),f!==o)){let e=i.tracks[o].events.splice(s,1)[0];i.tracks[f].events.push(e),i.draggingEvent.trackIndex=f,i.draggingEvent.eventIndex=i.tracks[f].events.length-1,i.selectedTrack=f,i.selectedEvent&&i.selectedEvent.trackIndex===o&&(i.selectedEvent.eventIndex===s?i.selectedEvent={trackIndex:f,eventIndex:i.tracks[f].events.length-1}:i.selectedEvent.eventIndex>s&&(i.selectedEvent={...i.selectedEvent,eventIndex:i.selectedEvent.eventIndex-1})),this.timeline.invalidateIndexTrack(f),this.timeline.invalidateIndexTrack(o)}return i.draggingEvent&&(i.draggingEvent.currentMouseX=t,i.draggingEvent.currentMouseY=n,i.draggingEvent.canMove=h),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 X.warn(this.timeline.t(`warningDraggingEventMissing`),{trackIndex:n,eventIndex:r}),t.draggingEvent=null,this.createIdleState();let o=t.tracks[n]?.events[r];if(!o)return X.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:P(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:P(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()}handleCancel(e){return this.timeline.state.draggingEvent=null,this.timeline.getCanvas().style.cursor=`default`,this.timeline.notifyChange(`events:move`),this.createIdleState()}createIdleState(){return new Q(this.timeline)}},ke=class extends Y{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,n=this.timeline.config,r=this.timeline.state;if(!r.resizingEvent)return this.createIdleState();let{trackIndex:i,eventIndex:a,edge:o,originalStartTime:s,originalDuration:c}=r.resizingEvent;if(i<0||i>=r.tracks.length||a<0||a>=r.tracks[i].events.length)return r.resizingEvent=null,this.createIdleState();let l=r.tracks[i].events[a],u=(t-r.resizingEvent.startX)/(n.secondWidth*r.zoomLevel);if(o===`left`){let e=s+u,t=O(s+c),o=t-e;r.guideLines=this.timeline.calculateGuideLines(i,a,i,e,o>0?o:c);let d=this.timeline.snapEdgeToGuideLines(e);if(d!==null)e=d;else if(r.snapEnabled){let t=E(r.zoomLevel,n.snapInterval,n.snapToSeconds,n.secondPrecisionZoomThreshold,n.scale,n.scaleSplitCount);e=D(e,t)}e=O(Math.max(n.startTime,e)),e=O(Math.min(e,t-n.minEventDuration));let f=O(t-e),p=!0;for(let n=0;n<r.tracks[i].events.length;n++){if(n===a)continue;let o=r.tracks[i].events[n],s=o.startTime,c=s+o.duration;if(e<c&&t>s){p=!1;break}}if(p){if(!this.timeline.canMoveEvent(i,a,i,e,f))return this.timeline.notifyChange(`events:update`),null;l.startTime=e,l.duration=O(f),l.endTime=t,this.timeline.invalidateIndexTrack(i)}}else{let e=c+u,t=s+e;r.guideLines=this.timeline.calculateGuideLines(i,a,i,s,e>0?e:c);let o=this.timeline.snapEdgeToGuideLines(t);if(o!==null)e=O(o-s);else if(r.snapEnabled){let i=E(r.zoomLevel,n.snapInterval,n.snapToSeconds,n.secondPrecisionZoomThreshold,n.scale,n.scaleSplitCount);e=O(D(t,i)-s)}else e=O(e);t=s+e,e=O(Math.max(n.minEventDuration,e)),e=O(Math.min(e,n.endTime-s)),t=s+e;let d=!0;for(let e=0;e<r.tracks[i].events.length;e++){if(e===a)continue;let n=r.tracks[i].events[e],o=n.startTime;if(s<o+n.duration&&t>o){d=!1;break}}if(d){if(!this.timeline.canMoveEvent(i,a,i,s,e))return this.timeline.notifyChange(`events:update`),null;l.duration=O(e),l.endTime=O(s+e),this.timeline.invalidateIndexTrack(i)}}return this.timeline.notifyChange(`events:update`),this.timeline.setStatus(this.timeline.t(`statusEventResizing`,{start:this.timeline.formatTime(l.startTime),end:this.timeline.formatTime(l.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:P(i)}),this.timeline.notifyChange(`events:update`),this.createIdleState()}handleCancel(e){return this.timeline.state.resizingEvent=null,this.timeline.getCanvas().style.cursor=`default`,this.timeline.notifyChange(`events:update`),this.createIdleState()}createIdleState(){return new Q(this.timeline)}},Ae=class extends Y{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()}handleCancel(e){let t=this.timeline.state;return t.draggingScrollbar=!1,t.draggingHorizontalScrollbar=!1,this.timeline.setStatus(this.timeline.t(`statusReady`)),this.createIdleState()}createIdleState(){return new Q(this.timeline)}},je=class extends Y{constructor(e){super(e),this.name=`TimeIndicatorDrag`}handleMouseMove(e){let{canvasX:t}=e,n=this.timeline.config,r=this.timeline.state,i=this.timeline.getCanvas();if(!r.draggingTimeIndicator)return this.createIdleState();i.style.cursor=n.readOnly?`not-allowed`:`ew-resize`;let a=(t-r.timeIndicatorDragOffsetX+r.scrollX-n.startPaddingTime)/(n.secondWidth*r.zoomLevel)+n.startTime;if(r.snapEnabled){let e=E(r.zoomLevel,n.snapInterval,n.snapToSeconds,n.secondPrecisionZoomThreshold,n.scale,n.scaleSplitCount);a=D(a,e)}return a=Math.max(n.startTime,Math.min(n.endTime,a)),this.timeline.setTimeIndicatorDuringDrag(a),null}handleMouseUp(e){let t=this.timeline.state;return t.draggingTimeIndicator&&(t.draggingTimeIndicator=!1,this.timeline.setTimeIndicator(t.timeIndicatorPosition,!1)),this.createIdleState()}handleCancel(e){return this.timeline.state.draggingTimeIndicator=!1,this.timeline.getCanvas().style.cursor=`default`,this.createIdleState()}createIdleState(){return new Q(this.timeline)}},Me=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,n){let r=this.delegate.getTimeline(),{config:i,state:a}=r;if(i.enableEventResize&&e.resizeEdge)return a.tracks[e.trackIndex].events[e.eventIndex].readonly?(a.hoveredResizeHandle=null,n.style.cursor=`not-allowed`,r.hideSplitLine(),r.notifyChange(`interaction:hover`),!0):(a.hoveredResizeHandle={trackIndex:e.trackIndex,eventIndex:e.eventIndex,edge:e.resizeEdge},n.style.cursor=`ew-resize`,r.hideSplitLine(),r.notifyChange(`interaction:hover`),!0);if(a.hoveredResizeHandle=null,!i.enableEventSplit||e.eventIndex===null||e.trackIndex===null||e.resizeEdge)return r.hideSplitLine(),!1;let o=e.trackIndex,s=e.eventIndex,c=a.tracks[o].events[s];if(c.readonly)return r.hideSplitLine(),n.style.cursor=`not-allowed`,r.notifyChange(`interaction:hover`),!0;let l=(t-i.startPaddingTime)/(i.secondWidth*a.zoomLevel)+i.startTime;if(a.snapEnabled){let e=E(a.zoomLevel,i.snapInterval,i.snapToSeconds,i.secondPrecisionZoomThreshold,i.scale,i.scaleSplitCount);l=D(l,e)}let u=l-c.startTime,d=c.duration-u;return l>c.startTime&&l<c.startTime+c.duration&&u>=i.minEventDuration&&d>=i.minEventDuration?(r.showSplitLine(o,s,l),n.style.cursor=`pointer`,r.notifyChange(`interaction:splitLine`),!0):(r.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=c(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)}},Z=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:P(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=c(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(a.readOnly||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:P(c)}),i.callbacks.onEventClick&&i.callbacks.onEventClick({trackIndex:e,eventIndex:t,event:P(c),trackName:i.t(`labelTrackName`,{index:e+1}),formattedTimeRange:k(c.startTime,c.endTime)}),i.notifyChange(`selection:change`),null;let u=a.startPaddingTime+(c.startTime-a.startTime)*a.secondWidth*o.zoomLevel-o.scrollX,d=a.timelineHeight+a.firstTrackTopMargin+e*(a.trackHeight+a.trackMargin);return o.draggingEvent={trackIndex:e,eventIndex:t,eventX:u,eventY:d,originalTrackIndex:e,originalEventIndex:t,originalStartTime:c.startTime,startX:n,startY:r,isDragging:!1},o.dragOffsetX=n-u,o.dragOffsetY=r-d,i.callbacks.onEventHighlight&&i.callbacks.onEventHighlight({trackIndex:e,eventIndex:t,event:P(c)}),i.notifyChange(`selection:change`),this.delegate.createDraggingState()}},Q=class extends Y{constructor(e){super(e),this.name=`Idle`,this.hoverController=new Me(this),this.mouseDownRouter=new Z(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 Oe(this.timeline)}createResizingState(){return new ke(this.timeline)}createScrollingState(){return new Ae(this.timeline)}createTimeIndicatorDragState(){return new je(this.timeline)}};const $=m(`StateMachine`);var Ne=class{constructor(e){this.timeline=e,this.rafId=null,this.pendingMouseMove=null,this.lastInputEvent=null,this.currentState=new Q(e)}getCurrentStateName(){return this.currentState.name}transitionTo(e){if(!e||e===this.currentState)return;let t=this.currentState;t.onExit&&($.debugStyled(_.stateExit,`◁ Exit: ${t.name}`),t.onExit(e)),this.currentState=e,e.onEnter&&($.debugStyled(_.stateEnter,`▷ Enter: ${e.name}`),e.onEnter(t)),$.debugStyled(_.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){this.lastInputEvent=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){this.lastInputEvent=e;let t=this.createContext(e),n=this.currentState.handleMouseMove(t);this.transitionTo(n)}handleMouseUp(e){let t=this.takePendingMouseMove();t&&this.handleMouseMoveImpl(t);let n=e??t??this.lastInputEvent;if(!n)return;this.lastInputEvent=n;let r=this.createContext(n),i=this.currentState.handleMouseUp(r);this.transitionTo(i)}handleCancel(e){this.takePendingMouseMove();let t=e??this.lastInputEvent;if(!t)return;this.lastInputEvent=t;let n=this.createContext(t),r=this.currentState.handleCancel(n);this.transitionTo(r)}handleContextMenu(e){this.lastInputEvent=e;let t=this.createContext(e),n=this.currentState.handleContextMenu(t);this.transitionTo(n)}destroy(){this.handleCancel(),this.lastInputEvent=null}takePendingMouseMove(){this.rafId!==null&&(cancelAnimationFrame(this.rafId),this.rafId=null);let e=this.pendingMouseMove;return this.pendingMouseMove=null,e}},Pe=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`)}},Fe=class{constructor(e){this.canvasController=e.canvasController,this.mouseHandler=e.mouseHandler??new Ne(e.timeline),this.wheelHandler=e.wheelHandler??new Pe(e.timeline)}bind(){this.canvasController.setupEventListeners(this.createEventListeners())}destroy(){this.canvasController.destroy(),this.mouseHandler.destroy()}createEventListeners(){return{mousedown:e=>this.mouseHandler.handleMouseDown(e),mousemove:e=>this.mouseHandler.handleMouseMove(e),mouseup:e=>this.mouseHandler.handleMouseUp(e),mouseleave:e=>this.mouseHandler.handleMouseUp(e),pointerdown:e=>this.mouseHandler.handleMouseDown(e),pointermove:e=>this.mouseHandler.handleMouseMove(e),pointerup:e=>this.mouseHandler.handleMouseUp(e),pointercancel:e=>this.mouseHandler.handleCancel(e),lostpointercapture:e=>this.mouseHandler.handleCancel(e),contextmenu:e=>this.mouseHandler.handleContextMenu(e),wheel:e=>this.wheelHandler.handleWheel(e)}}},Ie=class{constructor(e){this.currentThemePluginId=null,this.pluginManager=e.pluginManager,this.builtinThemes=e.builtinThemes,this.onThemeChanged=e.onThemeChanged,this.onPluginVisualChange=e.onPluginVisualChange}loadInitialTheme(e){let t=this.getPluginId(e);this.pluginManager.loadPlugin(e).then(e=>{e&&(this.currentThemePluginId=t,this.onThemeChanged())})}async usePlugin(e){return this.isThemePlugin(e)?this.switchThemePlugin(e):await this.pluginManager.loadPlugin(e)?(this.onPluginVisualChange(),!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.onThemeChanged(),!0):(this.onPluginVisualChange(),!0):!1}async setTheme(e){return this.switchThemePlugin(this.builtinThemes[e])}async switchThemePlugin(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}return await this.pluginManager.loadPlugin(e)?(this.currentThemePluginId=t,this.onThemeChanged(),!0):!1}getPluginId(e){return`${e.metadata.name}@${e.metadata.version}`}isThemePlugin(e){return e.metadata.type===`theme`}},Le=class{constructor(r,c={}){this.destroyed=!1;let d=a(c.locale),f=t(d,c.messages);this.logger=new h({enabled:!0,level:c.debug?`debug`:`info`,prefix:`Timeline`,useGlobalConfig:!1}),g({enabled:!0,level:c.debug?`debug`:`info`}),this.errorHandler=new K(this.logger);let p=document.getElementById(r);(!p||!(p instanceof HTMLCanvasElement))&&this.errorHandler.throw(n(f,`errorCanvasNotFound`,{canvasId:r})),this.canvas=p;let m=this.canvas.getContext(`2d`);m||this.errorHandler.throw(n(f,`errorCanvasContextUnavailable`)),this.ctx=m,c.startPaddingTime===void 0&&(c.startPaddingTime=10),this.config={...l,...c,locale:d,messages:f,colors:{...o,...c.colors},eventTextStyle:{...s,...c.eventTextStyle},eventBlockStyle:{...e,...c.eventBlockStyle},eventDurationPrefix:c.eventDurationPrefix??f.labelDurationPrefix,contextMenuItems:c.contextMenuItems||u(f),contextMenuStyle:{...i,...c.contextMenuStyle}},this.logger.setLevel(this.config.debug?`debug`:`info`),this.callbacks={onEventAdd:c.onEventAdd||null,onEventUpdate:c.onEventUpdate||null,onEventDelete:c.onEventDelete||null,onEventMove:c.onEventMove||null,onEventClick:c.onEventClick||null,onEventEdit:c.onEventEdit||null,onContextMenu:c.onContextMenu||null,onTrackAdd:c.onTrackAdd||null,onTrackRemove:c.onTrackRemove||null,onTimeIndicatorMove:c.onTimeIndicatorMove||null,onZoom:c.onZoom||null,onStatusChange:c.onStatusChange||null,onEventHighlight:c.onEventHighlight||null,onTimeIndicatorHighlight:c.onTimeIndicatorHighlight||null},this.stateManager=new he(this.config),this.state=this.stateManager.state,this.trackManager=new Se(this.state),this.eventIndexManager=new ge(this.state),this.eventMutationService=new ve({config:this.config,state:this.state,eventIndexManager:this.eventIndexManager,logger:this.logger,onMutate:()=>this.clearGuideLineCache()}),this.guideLineService=new be(this.config,this.state),this.hitTestService=new xe(this.config,this.state,this.eventIndexManager),this.pluginManager=new me({timeline:this,config:this.config,state:this.state}),this.renderManager=new pe(this.canvas,this.ctx,this.config,this.state,this.pluginManager),this.pluginController=new Ie({pluginManager:this.pluginManager,builtinThemes:{light:b,dark:x},onThemeChanged:()=>this.notifyChange(`theme:change`),onPluginVisualChange:()=>this.redrawAfterPluginChange()}),this.canvasController=new De({canvas:this.canvas,config:this.config,state:this.state,renderManager:this.renderManager,onCanvasResize:()=>this.notifyChange(`canvas:resize`)}),this.interactionManager=new Fe({timeline:this,canvasController:this.canvasController}),c.theme&&this.pluginController.loadInitialTheme(c.theme),this.timeIndicatorController=new we({config:this.config,state:this.state,renderManager:this.renderManager}),this.viewportController=new Ee({config:this.config,state:this.state,renderManager:this.renderManager}),this.changeScheduler=new _e(this.state,this.config,this.callbacks),this.changeScheduler.setRenderManager(this.renderManager),this.changeScheduler.setEventIndexManager(this.eventIndexManager),this.changeScheduler.setDrawFunction(()=>this.draw()),this.init(),this.interactionManager.bind()}getCanvas(){return this.canvas}async usePlugin(e){return this.pluginController.usePlugin(e)}getLoadedPlugins(){return this.pluginController.getLoadedPlugins()}isPluginLoaded(e){return this.pluginController.isPluginLoaded(e)}async removePlugin(e){return this.pluginController.removePlugin(e)}async setTheme(e){return this.pluginController.setTheme(e)}init(){this.config.autoFitOnInit&&this.autoFitViewport(),this.notifyChange(`data:load`)}getContentWidthForZoom(e){return this.renderManager.getContentWidth(e)}hasHorizontalScrollbar(){return this.renderManager.hasHorizontalScrollbar()}getAvailableHeight(){return this.renderManager.getAvailableHeight()}notifyChange(e){this.destroyed||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`),g({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()}autoFitViewport(){this.adjustCanvasSize();let e=this.viewportController.autoFitToCanvas();switch(e.type){case`fit`:this.setStatus(this.t(`statusAutoFit`,{percentage:e.percentage}));break;case`cappedWithPadding`:this.setStatus(this.t(`statusAutoFitCappedWithPadding`,{percentage:e.percentage,seconds:e.seconds}));break;case`cappedContentShort`:this.setStatus(this.t(`statusAutoFitCappedContentShort`,{percentage:e.percentage}))}}setCanvasSize(e,t){this.canvasController.setCanvasSize(e,t)}getCanvasLogicalHeight(){return this.canvasController.getCanvasLogicalHeight()}getCachedLogicalHeight(){return this.canvasController.getCachedLogicalHeight()}adjustCanvasSize(){this.canvasController.adjustCanvasSize()}addTrack(){let e=this.trackManager.addTrack();this.clearGuideLineCache(),this.adjustCanvasSize(),this.setStatus(this.t(`statusTrackAdded`,{count:this.state.tracks.length})),this.callbacks.onTrackAdd&&this.callbacks.onTrackAdd(e)}removeTrack(){let e=this.trackManager.removeTrack();if(!e){this.setStatus(this.t(`statusAtLeastOneTrackRequired`));return}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)return;let e=this.trackManager.removeEmptyLastTrack();for(;e;)this.clearGuideLineCache(),this.setStatus(this.t(`statusEmptyTrackRemoved`,{count:this.state.tracks.length})),this.callbacks.onTrackRemove&&this.callbacks.onTrackRemove(e),this.adjustCanvasSize(),e=this.trackManager.removeEmptyLastTrack()}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:P(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:P(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:P(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(e,t=!1){if(typeof e!=`number`||isNaN(e))return this.logger.error(this.t(`errorTimeIndicatorInvalid`)),!1;let n=this.timeIndicatorController.setPosition(e,t);if(!n.changed)return!0;this.notifyChange(`timeIndicator:move`);let r=w(n.position);return this.setStatus(this.t(`statusTimeIndicatorMoved`,{time:r})),this.callbacks.onTimeIndicatorMove&&this.callbacks.onTimeIndicatorMove({position:n.position,time:r}),!0}setTimeIndicatorDuringDrag(e){this.timeIndicatorController.setPositionDuringDrag(e),this.notifyChange(`timeIndicator:drag`)}zoom(e){let t=this.viewportController.zoomByFactor(e);this.notifyChange(`zoom:change`),this.setStatus(this.t(`statusZoomChanged`,{percentage:t.percentage})),this.callbacks.onZoom&&t.changed&&this.callbacks.onZoom({zoomLevel:t.zoomLevel,percentage:t.percentage})}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.viewportController.setZoomLevel(e);return this.notifyChange(`zoom:change`),this.setStatus(this.t(`statusZoomChanged`,{percentage:t.percentage})),this.callbacks.onZoom&&t.changed&&this.callbacks.onZoom({zoomLevel:t.zoomLevel,percentage:t.percentage}),!0}getZoomLevel(){return this.state.zoomLevel}setEndTime(e){if(typeof e!=`number`||isNaN(e))return this.logger.error(this.t(`errorEndTimeInvalid`)),!1;if(e<=this.config.startTime)return this.logger.error(this.t(`errorEndTimeNotAfterStart`)),!1;let t=this.viewportController.setEndTime(e);return t.hasOverflowEvents&&this.logger.warn(this.t(`warningEventsExceedEndTime`)),this.clearGuideLineCache(),this.notifyChange(`config:endTime`),this.setStatus(this.t(`statusEndTimeUpdated`,{from:w(t.oldEndTime),to:w(t.endTime)})),!0}getEndTime(){return this.config.endTime}formatTime(e){return w(e)}t(e,t={}){return n(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)}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:O(n-i.startTime),endTime:n,title:`${i.title} (1)`},o={...i,id:r.events.length,startTime:n,duration:O(i.endTime-n),endTime:O(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:P(i),firstEvent:P(a),secondEvent:P(o)}),!0}draw(){this.destroyed||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(){return this.destroyPromise?this.destroyPromise:(this.destroyed=!0,this.clearGuideLineCache(),this.interactionManager.destroy(),this.renderManager.dispose(),this.destroyPromise=this.pluginManager.destroy(),this.setStatus(this.t(`statusTimelineDestroyed`)),this.destroyPromise)}clearGuideLineCache(){this.guideLineService.clearCache()}redrawAfterPluginChange(){this.markDirty([`background`,`tracks`,`timeline`,`guideLines`,`indicator`,`scrollbar`,`interaction`,`overlay`]),this.draw()}};function Re(e,t){if(!e.descriptionI18n)return e.description;let n=a(t);return e.descriptionI18n[n]||e.descriptionI18n.zh||e.description}export{S as ContextMenuPlugin,x as DarkThemePlugin,d as EventMediaPlugin,C as EventTooltipPlugin,b as LightThemePlugin,p as PerformanceOverlayPlugin,y as PluginPriority,v as PluginType,Le as Timeline,u as createDefaultContextMenuItems,t as createTimelineMessages,A as formatDuration,w as formatTime,k as formatTimeRange,T as getCurrentTime,Re as getPluginMetadataDescription,a as normalizeTimelineLocale,f as translateTimelineConfig,n as translateTimelineMessage};
|
|
@@ -171,8 +171,11 @@ interface TimelineConfig {
|
|
|
171
171
|
maxAutoFitZoom: number;
|
|
172
172
|
timeUnit: string;
|
|
173
173
|
timeFormat: string;
|
|
174
|
+
/** 分钟吸附间隔；仅在关闭秒级吸附且未设置自定义刻度时使用 */
|
|
174
175
|
snapInterval: number;
|
|
176
|
+
/** 开启后在任意缩放级别按 1 秒吸附，优先于自定义刻度 */
|
|
175
177
|
snapToSeconds: boolean;
|
|
178
|
+
/** 仅在关闭秒级吸附时控制自定义刻度从主刻度切换为细分刻度 */
|
|
176
179
|
secondPrecisionZoomThreshold: number;
|
|
177
180
|
timeIndicatorWidth: number;
|
|
178
181
|
timeIndicatorSnapThreshold: number;
|
|
@@ -469,8 +472,11 @@ interface TimelineOptions {
|
|
|
469
472
|
trackMargin?: number;
|
|
470
473
|
firstTrackTopMargin?: number;
|
|
471
474
|
timelineHeight?: number;
|
|
475
|
+
/** 分钟吸附间隔；仅在关闭秒级吸附且未设置自定义刻度时使用 */
|
|
472
476
|
snapInterval?: number;
|
|
477
|
+
/** 开启后在任意缩放级别按 1 秒吸附，优先于自定义刻度 */
|
|
473
478
|
snapToSeconds?: boolean;
|
|
479
|
+
/** 仅在关闭秒级吸附时控制自定义刻度从主刻度切换为细分刻度 */
|
|
474
480
|
secondPrecisionZoomThreshold?: number;
|
|
475
481
|
enableTimeIndicator?: boolean;
|
|
476
482
|
edgeScrollThrottle?: number;
|
|
@@ -523,12 +529,6 @@ declare global {
|
|
|
523
529
|
}
|
|
524
530
|
}
|
|
525
531
|
//#endregion
|
|
526
|
-
//#region src/utils/time.d.ts
|
|
527
|
-
declare function formatTime(seconds: number, showSeconds?: boolean): string;
|
|
528
|
-
declare function getCurrentTime(): number;
|
|
529
|
-
declare function formatTimeRange(startTime: number, endTime: number): string;
|
|
530
|
-
declare function formatDuration(duration: number, label?: string): string;
|
|
531
|
-
//#endregion
|
|
532
532
|
//#region src/utils/i18n.d.ts
|
|
533
533
|
type TimelineMessageKey = keyof TimelineI18nMessages;
|
|
534
534
|
type ResolvedTimelineLocale = Exclude<TimelineLocale, "zh">;
|
|
@@ -576,6 +576,8 @@ declare class Timeline {
|
|
|
576
576
|
private guideLineService;
|
|
577
577
|
private hitTestService;
|
|
578
578
|
private changeScheduler;
|
|
579
|
+
private destroyed;
|
|
580
|
+
private destroyPromise;
|
|
579
581
|
constructor(canvasId: string, options?: TimelineOptions);
|
|
580
582
|
getCanvas(): HTMLCanvasElement;
|
|
581
583
|
usePlugin(plugin: TimelinePlugin): Promise<boolean>;
|
|
@@ -685,7 +687,7 @@ declare class Timeline {
|
|
|
685
687
|
eventIndex: number;
|
|
686
688
|
} | null;
|
|
687
689
|
isReadOnly(): boolean;
|
|
688
|
-
destroy(): void
|
|
690
|
+
destroy(): Promise<void>;
|
|
689
691
|
private clearGuideLineCache;
|
|
690
692
|
private redrawAfterPluginChange;
|
|
691
693
|
}
|
|
@@ -801,4 +803,4 @@ interface PerformanceProvider {
|
|
|
801
803
|
getFPS: () => number;
|
|
802
804
|
}
|
|
803
805
|
//#endregion
|
|
804
|
-
export {
|
|
806
|
+
export { LoadDataFormat as A, TimelineState as B, EventClickData as C, EventTextStyle as D, EventMoveData as E, TimelineEvent as F, ZoomData as H, TimelineI18nMessages as I, TimelineLocale as L, TimelineCallbacks as M, TimelineColors as N, EventUpdateData as O, TimelineConfig as P, TimelineMessageParams as R, EventAddData as S, EventEditData as T, Track as V, translateTimelineConfig as _, PluginLocalizedText as a, ContextMenuItem as b, PluginType as c, TimelinePlugin as d, Timeline as f, normalizeTimelineLocale as g, createTimelineMessages as h, PluginContext as i, TimeIndicatorMoveData as j, InteractionTarget as k, RenderLayer as l, createDefaultContextMenuItems as m, CoreRenderTarget as n, PluginMetadata as o, ChangeType as p, PluginAPI as r, PluginPriority as s, CoreLayerHook as t, RenderLayerPosition as u, translateTimelineMessage as v, EventDeleteData as w, ContextMenuStyle as x, ContextMenuData as y, TimelineOptions as z };
|
package/package.json
CHANGED
|
@@ -1,19 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "timeline-canvas",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "A powerful timeline component built with Canvas and TypeScript",
|
|
5
5
|
"main": "dist/index.mjs",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
7
7
|
"types": "dist/index.d.mts",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"scripts": {
|
|
10
|
-
"build": "
|
|
11
|
-
"dev": "
|
|
10
|
+
"build": "vp pack",
|
|
11
|
+
"dev": "vp pack --watch --sourcemap --no-minify",
|
|
12
12
|
"typecheck": "tsc -p tsconfig.json --noEmit",
|
|
13
|
-
"lint": "
|
|
14
|
-
"test": "
|
|
15
|
-
"test:
|
|
16
|
-
"test:
|
|
13
|
+
"lint": "vp lint src tests vite.config.ts",
|
|
14
|
+
"test": "vp test",
|
|
15
|
+
"test:watch": "vp test watch",
|
|
16
|
+
"test:run": "vp test run",
|
|
17
|
+
"test:coverage": "vp test run --coverage"
|
|
17
18
|
},
|
|
18
19
|
"keywords": [
|
|
19
20
|
"timeline",
|
|
@@ -24,16 +25,16 @@
|
|
|
24
25
|
],
|
|
25
26
|
"author": "sky <https://github.com/umbrella22>",
|
|
26
27
|
"license": "MIT",
|
|
27
|
-
"packageManager": "pnpm@10.
|
|
28
|
+
"packageManager": "pnpm@10.34.5",
|
|
28
29
|
"devDependencies": {
|
|
29
|
-
"@types/node": "^
|
|
30
|
-
"@vitest/coverage-v8": "
|
|
31
|
-
"jsdom": "^
|
|
32
|
-
"
|
|
33
|
-
"
|
|
30
|
+
"@types/node": "^26.4.1",
|
|
31
|
+
"@vitest/coverage-v8": "4.1.11",
|
|
32
|
+
"jsdom": "^30.0.1",
|
|
33
|
+
"vite": "npm:@voidzero-dev/vite-plus-core@0.3.0",
|
|
34
|
+
"vite-plus": "0.3.0"
|
|
34
35
|
},
|
|
35
36
|
"dependencies": {
|
|
36
|
-
"immer": "^
|
|
37
|
+
"immer": "^11.1.18"
|
|
37
38
|
},
|
|
38
39
|
"files": [
|
|
39
40
|
"dist",
|
|
@@ -50,4 +51,4 @@
|
|
|
50
51
|
"import": "./dist/builtin-plugin/*.mjs"
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
|
-
}
|
|
54
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"./types-NnKZYB1U.mjs";function e(e,t=!0){let n=Math.round(e),r=Math.floor(n/3600),i=Math.floor(n%3600/60),a=n%60;return t?`${r.toString().padStart(2,`0`)}:${i.toString().padStart(2,`0`)}:${a.toString().padStart(2,`0`)}`:`${r.toString().padStart(2,`0`)}:${i.toString().padStart(2,`0`)}`}function t(){let e=new Date;return e.getHours()*3600+e.getMinutes()*60+e.getSeconds()}function n(e,t,n,r,i,a){if(i!=null&&i>0){let t=i/Math.max(1,Math.floor(a??10));return e>=r?t:i}return!n||e<r?t*60:[{threshold:10,seconds:.5},{threshold:8,seconds:1},{threshold:5,seconds:2},{threshold:3,seconds:5},{threshold:2,seconds:10},{threshold:1.5,seconds:15},{threshold:0,seconds:30}].find(t=>e>=t.threshold)?.seconds??30}function r(e,t){return Math.round(e/t)*t}function i(e,t=3){let n=10**t;return Math.round(e*n)/n}function a(t,n){return`${e(t)} - ${e(n)}`}function o(t,n){let r=e(i(t));return n?`${n} ${r}`:r}function s(e,t,n,r,i,a,o=!1){e.beginPath(),e.moveTo(t+a,n),e.lineTo(t+r-a,n),e.arcTo(t+r,n,t+r,n+a,a),e.lineTo(t+r,n+i-a),e.arcTo(t+r,n+i,t+r-a,n+i,a),e.lineTo(t+a,n+i),e.arcTo(t,n+i,t,n+i-a,a),e.lineTo(t,n+a),e.arcTo(t,n,t+a,n,a),e.closePath(),o?e.stroke():e.fill()}function c(e,t,n,r,i,a){return n+(e-t)*r*i-a}const l={en:{statusReady:`Ready`,statusTrackAdded:`Track added ({count} total)`,statusAtLeastOneTrackRequired:`At least one track is required`,statusTrackRemoved:`Track removed ({count} remaining)`,statusEmptyTrackRemoved:`Empty track removed ({count} remaining)`,statusEventUpdated:`Event updated: {title}`,statusEventDeleted:`Event deleted: {title}`,statusDataLoaded:`Loaded {count} track(s)`,statusTimeIndicatorMoved:`Time indicator moved to: {time}`,statusZoomChanged:`Zoom: {percentage}%`,statusAutoFit:`Auto fit: {percentage}%`,statusAutoFitCappedWithPadding:`Auto fit capped at {percentage}%, added {seconds}s padding`,statusAutoFitCappedContentShort:`Auto fit capped at {percentage}%, content does not fill canvas`,statusEndTimeUpdated:`End time updated: {from} -> {to}`,statusInvalidSplitPosition:`Invalid split position: resulting events too short`,statusEventSplit:`Event split: {title}`,statusReadOnlyModeEnabled:`Read-only mode enabled`,statusReadOnlyModeDisabled:`Read-only mode disabled`,statusEventHighlighted:`Event highlighted: {title}`,statusHighlightCleared:`Highlight cleared`,statusTimelineDestroyed:`Timeline destroyed`,statusDragging:`Dragging: {title}`,statusAutoTrackAdded:`Auto-added track {count}`,statusEventPlaced:`Placed: {title} ({start} - {end})`,statusEventSelected:`Selected: {title}`,statusEventResizing:`Resizing: {start} - {end}`,statusEventResized:`Event resized: {title}`,statusReadOnlyEditDeleteBlocked:`Read-only events cannot be edited or deleted`,statusReadOnlySplitBlocked:`Read-only events cannot be split`,statusHoverEventTimeRange:`{title} ({start} - {end})`,labelTrackName:`Track {index}`,labelDurationPrefix:`Duration`,contextMenuEdit:`Edit`,contextMenuDelete:`Delete`,contextMenuExport:`Export`,overlayPerformanceMonitor:`Performance Monitor`,overlayFps:`FPS: {value}`,overlayLayerTimesMs:`Layer Times (ms):`,overlayCollecting:`Collecting...`,overlayLayerBackground:`Background`,overlayLayerTracks:`Tracks`,overlayLayerTimeline:`Timeline`,overlayLayerGuideLines:`Guide Lines`,overlayLayerIndicator:`Indicator`,overlayLayerScrollbar:`Scrollbar`,overlayLayerInteraction:`Interaction`,overlayLayerOverlay:`Overlay`,overlayLayerDragPreview:`Drag Preview`,errorCanvasNotFound:`Canvas element with id "{canvasId}" not found`,errorCanvasContextUnavailable:`Failed to get 2D context from canvas`,errorTimeIndicatorInvalid:`Time indicator position must be a number (seconds)`,errorZoomLevelInvalid:`Zoom level must be a valid number`,errorZoomLevelOutOfRange:`Zoom level out of valid range (1-1000)`,errorEndTimeInvalid:`End time must be a valid number (seconds)`,errorEndTimeNotAfterStart:`End time must be greater than start time`,warningEventsExceedEndTime:`Warning: some events exceed the new end time`,errorInvalidTrackIndex:`Invalid track index`,errorInvalidTrackIndexWithValue:`Invalid track index: {trackIndex}`,errorInvalidEventIndex:`Invalid event index`,errorInvalidEventIndexWithValue:`Invalid event index: {eventIndex}`,errorInvalidDataFormat:`Invalid data format`,errorInvalidTimeRange:`Invalid time range: startTime={startTime}, endTime={endTime}`,errorStartTimeBeforeMin:`Start time cannot enter left padding: startTime={startTime}, minAllowed={minAllowed}`,errorRenderLayer:`Error rendering layer "{layer}"`,errorCoreLayerHook:`Error in core layer hook "{hook}"`,errorPluginDependenciesMissing:`Plugin dependencies missing: {pluginId}`,errorPluginLoadFailed:`Plugin load failed: {pluginId}`,errorPluginLifecycleFailed:`Plugin {step} failed: {pluginId}`,errorPluginEventFailed:`Plugin event failed: {event}`,errorPluginValidationFailed:`Plugin validation failed: {event}`,warningInvalidDraggingState:`Invalid dragging state`,warningDraggingEventMissing:`Dragging event not found, aborting operation`,warningUnknownChangeType:`Unknown change type: {change}`,warningAlreadyInBatchMode:`Already in batch mode`,warningNotInBatchMode:`Not in batch mode`,warningEmptyHtmlTemplateFallback:`htmlTemplate is empty, falling back to Canvas rendering`,warningEmptyTooltipTemplateFallback:`htmlTemplate returned empty content, falling back to Canvas rendering`},"zh-CN":{statusReady:`就绪`,statusTrackAdded:`已新增轨道（共 {count} 条）`,statusAtLeastOneTrackRequired:`至少需要保留一条轨道`,statusTrackRemoved:`已删除轨道（剩余 {count} 条）`,statusEmptyTrackRemoved:`已移除空轨道（剩余 {count} 条）`,statusEventUpdated:`已更新事件：{title}`,statusEventDeleted:`已删除事件：{title}`,statusDataLoaded:`已加载 {count} 条轨道`,statusTimeIndicatorMoved:`时间指示器已移动到：{time}`,statusZoomChanged:`缩放：{percentage}%`,statusAutoFit:`自动适配：{percentage}%`,statusAutoFitCappedWithPadding:`自动适配已限制为 {percentage}%，并补充了 {seconds} 秒留白`,statusAutoFitCappedContentShort:`自动适配已限制为 {percentage}%，内容仍未铺满画布`,statusEndTimeUpdated:`结束时间已更新：{from} -> {to}`,statusInvalidSplitPosition:`分割位置无效：分割后的事件过短`,statusEventSplit:`已分割事件：{title}`,statusReadOnlyModeEnabled:`已启用只读模式`,statusReadOnlyModeDisabled:`已关闭只读模式`,statusEventHighlighted:`已高亮事件：{title}`,statusHighlightCleared:`已清除高亮`,statusTimelineDestroyed:`时间轴已销毁`,statusDragging:`正在拖拽：{title}`,statusAutoTrackAdded:`已自动新增轨道 {count}`,statusEventPlaced:`已放置：{title}（{start} - {end}）`,statusEventSelected:`已选中：{title}`,statusEventResizing:`正在调整大小：{start} - {end}`,statusEventResized:`已调整事件大小：{title}`,statusReadOnlyEditDeleteBlocked:`只读事件不能编辑或删除`,statusReadOnlySplitBlocked:`只读事件不能分割`,statusHoverEventTimeRange:`{title}（{start} - {end}）`,labelTrackName:`轨道 {index}`,labelDurationPrefix:`时长`,contextMenuEdit:`编辑`,contextMenuDelete:`删除`,contextMenuExport:`导出`,overlayPerformanceMonitor:`性能监视器`,overlayFps:`FPS：{value}`,overlayLayerTimesMs:`图层耗时（ms）：`,overlayCollecting:`采集中...`,overlayLayerBackground:`背景`,overlayLayerTracks:`轨道`,overlayLayerTimeline:`时间轴`,overlayLayerGuideLines:`辅助线`,overlayLayerIndicator:`指示器`,overlayLayerScrollbar:`滚动条`,overlayLayerInteraction:`交互层`,overlayLayerOverlay:`叠加层`,overlayLayerDragPreview:`拖拽预览`,errorCanvasNotFound:`未找到 id 为 "{canvasId}" 的 canvas 元素`,errorCanvasContextUnavailable:`无法从 canvas 获取 2D 上下文`,errorTimeIndicatorInvalid:`时间指示器位置必须是数值（秒）`,errorZoomLevelInvalid:`缩放级别必须是有效数值`,errorZoomLevelOutOfRange:`缩放级别超出有效范围（1-1000）`,errorEndTimeInvalid:`结束时间必须是有效数值（秒）`,errorEndTimeNotAfterStart:`结束时间必须大于开始时间`,warningEventsExceedEndTime:`警告：部分事件超出了新的结束时间`,errorInvalidTrackIndex:`无效的轨道索引`,errorInvalidTrackIndexWithValue:`无效的轨道索引：{trackIndex}`,errorInvalidEventIndex:`无效的事件索引`,errorInvalidEventIndexWithValue:`无效的事件索引：{eventIndex}`,errorInvalidDataFormat:`无效的数据格式`,errorInvalidTimeRange:`无效的时间范围：startTime={startTime}, endTime={endTime}`,errorStartTimeBeforeMin:`开始时间不能进入左侧留白区域：startTime={startTime}, minAllowed={minAllowed}`,errorRenderLayer:`渲染图层 "{layer}" 时发生错误`,errorCoreLayerHook:`执行核心图层钩子 "{hook}" 时发生错误`,errorPluginDependenciesMissing:`插件依赖缺失：{pluginId}`,errorPluginLoadFailed:`插件加载失败：{pluginId}`,errorPluginLifecycleFailed:`插件 {step} 执行失败：{pluginId}`,errorPluginEventFailed:`插件事件处理失败：{event}`,errorPluginValidationFailed:`插件校验失败：{event}`,warningInvalidDraggingState:`拖拽状态无效`,warningDraggingEventMissing:`无法找到拖拽的事件，已放弃操作`,warningUnknownChangeType:`未知的变更类型：{change}`,warningAlreadyInBatchMode:`当前已处于批量模式`,warningNotInBatchMode:`当前不在批量模式中`,warningEmptyHtmlTemplateFallback:`htmlTemplate 为空，已回退到 Canvas 渲染`,warningEmptyTooltipTemplateFallback:`htmlTemplate 返回空内容，已回退到 Canvas 渲染`}};function u(e){return e&&e.toLowerCase().startsWith(`zh`)?`zh-CN`:`en`}function d(e=`en`,t={}){return{...l[u(e)],...t}}function f(e,t,n={}){return e[t].replace(/\{(\w+)\}/g,(e,t)=>t in n?String(n[t]):e)}function p(e,t,n={}){return f(e.messages||d(e.locale),t,n)}function m(e=`en`,t={}){let n=typeof e==`string`?d(e,t):e;return[{type:`edit`,name:n.contextMenuEdit},{type:`delete`,name:n.contextMenuDelete},{type:`export`,name:n.contextMenuExport}]}const h=d(`en`),g={canvasBackground:`#1E1E2E`,timelineBackground:`#2D2D3D`,trackBackground:`#2A2A3A`,trackBackgroundSelected:`#3A3A4A`,timelineText:`#CCCCDD`,timelineGrid:`#5A5A7A`,timelineSubGrid:`#3A3A4A`,trackText:`#CCCCDD`,eventColors:[`#FF6B6B`,`#4ECDC4`,`#45B7D1`,`#96CEB4`,`#FECA57`,`#FF9FF3`],eventText:`#FFFFFF`,eventBorder:`#FFFFFF`,eventBorderSelected:`#FFD700`,eventOverlay:`rgba(255, 255, 255, 0.2)`,dragPreviewValid:`rgba(100, 255, 100, 0.5)`,dragPreviewInvalid:`rgba(255, 100, 100, 0.5)`,dragPreviewBorderValid:`#00FF00`,dragPreviewBorderInvalid:`#FF0000`,timeIndicator:`#FF6B6B`,guideLine:`#00D9FF`,guideLineLabel:`#00D9FF`,dragTimeReferenceLine:`#FFD700`,dragTimeReferenceLabel:`#FFD700`,dragTimeReferenceLabelBackground:`rgba(0, 0, 0, 0)`,scrollbarTrack:`rgba(255, 255, 255, 0.6)`,scrollbarHandle:`rgba(150, 150, 150, 0.8)`,scrollbarHandleHover:`rgba(0, 0, 0, 0.85)`,scrollbarHandleHighlight:`rgba(255, 255, 255, 0.3)`,scrollbarBorder:`rgba(255, 255, 255, 0.9)`,contextMenuBackground:`#2D2D3D`,contextMenuBorder:`#5A5A7A`,contextMenuText:`#CCCCDD`,contextMenuHoverBackground:`#3A3A4A`,contextMenuHoverText:`#FFFFFF`,eventDurationLabel:`#FFD700`},_={titleFontSize:`auto`,timeFontSize:`auto`,titleFontFamily:`Arial`,timeFontFamily:`Arial`,titleFontWeight:`bold`,timeFontWeight:`normal`,titleColor:null,timeColor:null,textAlign:`left`,verticalAlign:`middle`,titleOffsetY:0,timeOffsetY:0,showTitle:!0,showTime:!0,minHeightForTitle:40,minHeightForTime:50},v={borderRadius:2,enableSelectionGlow:!1,selectionGlowBlur:10};m(h);const y={fontSize:14,fontFamily:`Arial, sans-serif`,fontWeight:`normal`,padding:8,itemHeight:32,borderRadius:6,borderWidth:1,minWidth:120},b={timelineHeight:40,trackHeight:80,trackMargin:10,firstTrackTopMargin:10,secondWidth:100/3600,startTime:0,endTime:86400,startPaddingTime:.5,endPaddingTime:0,autoFitOnInit:!0,minAutoFitZoom:1,maxAutoFitZoom:3,locale:`en`,messages:h,timeUnit:`second`,timeFormat:`24h`,snapInterval:15,snapToSeconds:!0,secondPrecisionZoomThreshold:1.5,timeIndicatorWidth:3,timeIndicatorSnapThreshold:10,timeIndicatorHeadSize:12,timeIndicatorTriangleHeight:8,edgeScrollThrottle:80,edgeScrollTriggerMargin:30,edgeScrollViewportMargin:50,guideLineSnapThreshold:1,enableTimeIndicator:!0,enableEventResize:!0,enableEventSplit:!0,enableContextMenu:!0,resizeHandleWidth:8,minEventDuration:.25,debug:!1,enablePerformanceMonitor:!1,autoAddTrack:!0,autoRemoveEmptyLastTrack:!0,readOnly:!1,showEventDurationLabel:!0,eventDurationPrefix:h.labelDurationPrefix,formatEventDuration:null,scale:null,scaleSplitCount:10,getScaleRender:null};function x(e){return typeof structuredClone==`function`?structuredClone(e):S(e)}function S(e){let t=Object.entries(e).map(([e,t])=>[e,w(t)]);return Object.fromEntries(t)}function C(e){return e.map(e=>w(e))}function w(e){return Array.isArray(e)?C(e):E(e)?S(e):e}function T(e){if(e.media)return{...e.media.images?{images:e.media.images.map(e=>({src:e.src,...e.fit?{fit:e.fit}:{},...e.opacity===void 0?{}:{opacity:e.opacity}}))}:{},...e.media.waveform?{waveform:{data:e.media.waveform.data,...e.media.waveform.color?{color:e.media.waveform.color}:{},...e.media.waveform.backgroundColor?{backgroundColor:e.media.waveform.backgroundColor}:{},...e.media.waveform.opacity===void 0?{}:{opacity:e.media.waveform.opacity}}}:{}}}function E(e){if(typeof e!=`object`||!e)return!1;let t=Object.getPrototypeOf(e);return t===Object.prototype||t===null}function D(e){return{id:e.id,startTime:e.startTime,endTime:e.endTime,duration:e.duration,title:e.title,description:e.description,color:e.color,...e.readonly?{readonly:e.readonly}:{},...e.customData?{customData:x(e.customData)}:{},...e.media?{media:T(e)}:{}}}const O=new Map,k=new Map;function A(e,t,n,r){let i=O.get(e);if(i)return i;let a=new Path2D,o=r/2,s=Math.max(1,Math.floor((r-2)/2)),c=t.length,l=Math.max(1,n-1);for(let e=0;e<n;e++){let n=Math.min(c-1,Math.max(0,Math.floor(e/l*c))),r=Math.max(-1,Math.min(1,t[n]))*s;a.moveTo(e,o-r),a.lineTo(e,o+r)}return O.set(e,a),a}function j(e,t,n,r,i,a){let o=k.get(e);if(o&&o.width===n&&o.height===r)return o.bitmap;if(typeof OffscreenCanvas>`u`||n<=0||r<=0)return null;try{let o=Math.max(1,Math.ceil(n)),s=Math.max(1,Math.ceil(r)),c=new OffscreenCanvas(o,s),l=c.getContext(`2d`);if(!l)return null;a&&(l.fillStyle=a,l.fillRect(0,0,o,s));let u=A(`${e}_path`,t,o,s);l.strokeStyle=i,l.lineWidth=1,l.stroke(u);let d=c.transferToImageBitmap(),f=k.get(e);return f&&f.bitmap.close(),k.set(e,{bitmap:d,width:o,height:s}),d}catch(e){return console.debug(`[EventMediaPlugin] Failed to create waveform bitmap`,e),null}}function M(e,t){return e(t)}function N(e,t,n,r){let i=e.ids.get(t);if(i)return i;let a=`event_media_${e.nextId}_${n}_${r}`;return e.nextId+=1,e.ids.set(t,a),a}function P(){return{metadata:{name:`event-media`,version:`1.0.0`,description:`Render images and waveforms inside event blocks`,descriptionI18n:{"zh-CN":`在事件块内渲染图片和波形`},type:`render`},async activate(e){let t={ids:new WeakMap,nextId:0},n=new Map,r=new Map,i=new Map;e.api.setData(`eventMediaIdentityStore`,t),e.api.setData(`eventMediaImageCache`,n),e.api.setData(`eventMediaImageLoading`,r),e.api.setData(`eventMediaWaveCache`,i);let a=(t,n,r,i,a,o,c,l,u,d,f)=>{let p=M(e.api.getData,`eventMediaImageCache`),m=M(e.api.getData,`eventMediaImageLoading`),h=M(e.api.getData,`eventMediaWaveCache`),g=M(e.api.getData,`eventMediaIdentityStore`),_=i.tracks[a].events[o];if(!_.media||!g)return;let v=l+d,y=r.eventBlockStyle.borderRadius,b=N(g,_,a,o);t.save();try{y>0?(s(t,c,v,u,f,y),t.clip()):(t.beginPath(),t.rect(c,v,u,f),t.clip());let e=_.media.images||[];if(e.length>0&&p&&m)for(let n of e){let e=`${b}_${n.src}`,r=p.get(e);if(!r&&!m.get(e)){let t=fetch(n.src).then(e=>e.blob()).then(e=>createImageBitmap(e)).then(t=>(p.set(e,t),m.delete(e),t)).catch(t=>{console.debug(`[EventMediaPlugin] Failed to load event image`,t),m.delete(e)});m.set(e,t)}if(r=p.get(e),r){let e=n.fit||`cover`,i=n.opacity===void 0?.35:n.opacity,a=u,o=f;if(e!==`stretch`){let t=r.width,n=r.height,i=e===`cover`?Math.max(u/t,f/n):Math.min(u/t,f/n);a=Math.max(1,Math.floor(t*i)),o=Math.max(1,Math.floor(n*i))}let s=c+(u-a)/2,l=v+(f-o)/2,d=t.globalAlpha;t.globalAlpha=i,t.drawImage(r,0,0,r.width,r.height,s,l,a,o),t.globalAlpha=d}}let n=_.media.waveform;if(n){let e=`${b}_wf`,r=h?h.get(e):void 0;r||(r=Array.isArray(n.data)?new Float32Array(n.data):n.data,h&&h.set(e,r));let i=n.opacity===void 0?.5:n.opacity,a=t.globalAlpha;t.globalAlpha=i;let o=n.color||`#00A0FF`,s=Math.max(1,Math.ceil(u)),l=Math.max(1,Math.ceil(f)),d=j(`${e}_${s}_${l}_${o}_${n.backgroundColor||``}`,r,s,l,o,n.backgroundColor);if(d)t.drawImage(d,c,v,u,f);else{n.backgroundColor&&(t.fillStyle=n.backgroundColor,t.fillRect(c,v,u,f));let i=A(`${e}_${s}_${l}`,r,s,l);t.save(),t.translate(c,v),t.strokeStyle=o,t.lineWidth=1,t.stroke(i),t.restore()}t.globalAlpha=a}}finally{t.restore()}};e.api.registerEventHandler(`render:event:media`,a),e.api.setData(`eventMediaHandler`,a)},deactivate(e){let t=M(e.api.getData,`eventMediaHandler`);t&&e.api.unregisterEventHandler(`render:event:media`,t);let n=M(e.api.getData,`eventMediaImageCache`);n&&n.clear();let r=M(e.api.getData,`eventMediaImageLoading`);r&&r.clear();let i=M(e.api.getData,`eventMediaWaveCache`);i&&i.clear();for(let e of k.values())e.bitmap.close();k.clear(),O.clear()}}}export{e as _,y as a,n as b,m as c,p as d,f,o as g,i as h,b as i,d as l,c as m,D as n,v as o,s as p,g as r,_ as s,P as t,u,a as v,r as x,t as y};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{i as e}from"./Logger-BTKQPGDj.mjs";import"./types-NnKZYB1U.mjs";const t=e(`EventTooltipPlugin`);function n(e,t){return e(t)}function r(e={}){let{htmlTemplate:r,showDelay:i=300,maxWidth:a=300,padding:o=8,borderRadius:s=4,backgroundColor:c=`#333`,textColor:l=`#fff`,borderColor:u=`#555`,fontSize:d=12,fontFamily:f=`Arial, sans-serif`}=e,p={visible:!1,title:``,x:0,y:0,trackIndex:-1,eventIndex:-1},m=null,h=null;function g(e,t,n){return e.measureText(t).width>n}return{metadata:{name:`event-tooltip`,version:`1.0.0`,description:`Tooltip plugin for displaying full event title when text is truncated`,descriptionI18n:{"zh-CN":`当事件标题被截断时显示完整标题的提示插件`},type:`extension`},activate(e){let _=e.timeline.getCanvas(),v=!1,y=null,b=t=>{let n=_.getBoundingClientRect(),r=t.clientX-n.left,a=t.clientY-n.top,o=e.config,s=e.state,c=e.timeline.getEventAtPosition(r,a);if(c){let{trackIndex:t,eventIndex:n}=c,l=s.tracks[t]?.events[n];if(!l){S();return}if(h&&h.trackIndex===t&&h.eventIndex===n&&p.visible){p.x=r,p.y=a,e.timeline.draw();return}h={trackIndex:t,eventIndex:n},m&&=(clearTimeout(m),null);let u=l.duration*o.secondWidth*s.zoomLevel-20,d=_.getContext(`2d`);if(!d)return;let f=o.eventTextStyle,v=f.titleFontSize===`auto`?Math.max(10,Math.min(14,o.trackHeight*.175)):f.titleFontSize;d.font=`${f.titleFontWeight} ${v}px ${f.titleFontFamily}`,g(d,l.title,u)?m=setTimeout(()=>{p={visible:!0,title:l.title,x:r,y:a,trackIndex:t,eventIndex:n},e.timeline.draw()},i):S()}else S()},x=e=>{y=e,v||(v=!0,requestAnimationFrame(()=>{v=!1,y&&=(b(y),null)}))},S=()=>{m&&=(clearTimeout(m),null),h=null,p.visible&&(p.visible=!1,e.timeline.draw())},C=()=>{S()};_.addEventListener(`mousemove`,x),_.addEventListener(`mouseleave`,C),e.api.setData(`tooltipMouseMoveHandler`,x),e.api.setData(`tooltipMouseLeaveHandler`,C),e.api.registerRenderLayer({name:`event-tooltip-overlay`,position:`overlay`,render(i,m,h,g){if(!p.visible||!p.title){let t=n(e.api.getData,`tooltipContainer`)||null;t&&(t.style.display=`none`);return}let _=e.timeline.getCanvas().getBoundingClientRect(),v=p.x,y=p.y-10;i.save(),i.font=`${d}px ${f}`;let b=p.title.split(``),x=[],S=``;for(let e of b){let t=S+e;i.measureText(t).width>a-o*2?S?(x.push(S),S=e):x.push(e):S=t}S&&x.push(S);let C=0;for(let e of x){let t=i.measureText(e).width;C=Math.max(C,t)}C=Math.min(C+o*2,a);let w=d*1.4,T=x.length*w+o*2;if(y-=T,v+C>_.width&&(v=_.width-C-5),v<5&&(v=5),y<5&&(y=p.y+20),r){let m=r(p.title);if(!m||m.trim()===``)t.warn(e.timeline.t(`warningEmptyTooltipTemplateFallback`));else{let t=n(e.api.getData,`tooltipContainer`)||null;if(!t){t=document.createElement(`div`),t.style.position=`absolute`,t.style.zIndex=`1001`,t.style.pointerEvents=`none`,t.style.boxShadow=`0 2px 8px rgba(0,0,0,0.3)`,t.style.border=`1px solid ${u}`,t.style.borderRadius=`${s}px`,t.style.padding=`${o}px`,t.style.fontSize=`${d}px`,t.style.fontFamily=f,t.style.backgroundColor=c,t.style.color=l,t.style.maxWidth=`${a}px`,t.style.wordWrap=`break-word`,t.style.whiteSpace=`pre-wrap`;let n=e.timeline.getCanvas().parentElement||document.body;n.style.position=n.style.position||`relative`,n.appendChild(t),e.api.setData(`tooltipContainer`,t)}t.style.display=`block`,t.style.left=`${v}px`,t.style.top=`${y}px`,t.innerHTML=m,i.restore();return}}if(i.shadowColor=`rgba(0, 0, 0, 0.3)`,i.shadowBlur=8,i.shadowOffsetX=0,i.shadowOffsetY=2,i.fillStyle=c,i.beginPath(),i.roundRect)i.roundRect(v,y,C,T,s);else{let e=v,t=y,n=C,r=T,a=s;i.moveTo(e+a,t),i.lineTo(e+n-a,t),i.quadraticCurveTo(e+n,t,e+n,t+a),i.lineTo(e+n,t+r-a),i.quadraticCurveTo(e+n,t+r,e+n-a,t+r),i.lineTo(e+a,t+r),i.quadraticCurveTo(e,t+r,e,t+r-a),i.lineTo(e,t+a),i.quadraticCurveTo(e,t,e+a,t)}i.fill(),i.shadowColor=`transparent`,i.shadowBlur=0,i.strokeStyle=u,i.lineWidth=1,i.stroke(),i.fillStyle=l,i.font=`${d}px ${f}`,i.textAlign=`left`,i.textBaseline=`top`;for(let e=0;e<x.length;e++)i.fillText(x[e],v+o,y+o+e*w);i.restore()}})},deactivate(e){let t=e.timeline.getCanvas(),r=n(e.api.getData,`tooltipMouseMoveHandler`),i=n(e.api.getData,`tooltipMouseLeaveHandler`);r&&t.removeEventListener(`mousemove`,r),i&&t.removeEventListener(`mouseleave`,i),m&&=(clearTimeout(m),null),e.api.unregisterRenderLayer(`event-tooltip-overlay`);let a=n(e.api.getData,`tooltipContainer`)||null;a&&a.parentElement&&a.parentElement.removeChild(a)},destroy(e){let t=n(e.api.getData,`tooltipContainer`)||null;t&&t.parentElement&&t.parentElement.removeChild(t),m&&=(clearTimeout(m),null)}}}export{r as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{t as e}from"./performanceMonitor-Cb_v1gAo.mjs";import"./types-NnKZYB1U.mjs";const t={metadata:{name:`performance-overlay`,version:`1.0.0`,description:`Draw performance metrics overlay`,descriptionI18n:{"zh-CN":`绘制性能指标叠加层`},type:`tool`},activate(t){let n={background:`overlayLayerBackground`,tracks:`overlayLayerTracks`,timeline:`overlayLayerTimeline`,interaction:`overlayLayerInteraction`,guideLines:`overlayLayerGuideLines`,scrollbar:`overlayLayerScrollbar`,overlay:`overlayLayerOverlay`,dragPreview:`overlayLayerDragPreview`},r=new e(t.config.enablePerformanceMonitor||t.config.debug);t.api.setPerformanceProvider(r),t.api.setData(`perfMonitor`,r),t.api.setData(`perfOverlayPos`,{x:10,y:10}),t.api.setData(`perfOverlayDragging`,!1),t.api.setData(`perfOverlayOffset`,{x:0,y:0});let i=t.timeline.getCanvas(),a=e=>{let n=i.getBoundingClientRect(),r=e.clientX-n.left,a=e.clientY-n.top,o=t.api.getData(`perfOverlaySize`),s=t.api.getData(`perfOverlayPos`)||{x:10,y:10};o&&r>=s.x&&r<=s.x+o.width&&a>=s.y&&a<=s.y+o.height&&(t.api.setData(`perfOverlayDragging`,!0),t.api.setData(`perfOverlayOffset`,{x:r-s.x,y:a-s.y}),e.stopImmediatePropagation(),e.preventDefault())},o=e=>{if(!t.api.getData(`perfOverlayDragging`))return;let n=i.getBoundingClientRect(),r=e.clientX-n.left,a=e.clientY-n.top,o=t.api.getData(`perfOverlayOffset`)||{x:0,y:0},s=t.api.getData(`perfOverlaySize`)||{width:0,height:0},c=r-o.x,l=a-o.y;c=Math.max(0,Math.min(n.width-s.width,c)),l=Math.max(0,Math.min(n.height-s.height,l)),t.api.setData(`perfOverlayPos`,{x:c,y:l}),t.timeline.markDirty([`overlay`]),t.timeline.draw(),e.stopImmediatePropagation(),e.preventDefault()},s=e=>{t.api.getData(`perfOverlayDragging`)&&t.api.setData(`perfOverlayDragging`,!1)};i.addEventListener(`mousedown`,a,{capture:!0}),i.addEventListener(`mousemove`,o,{capture:!0}),window.addEventListener(`mouseup`,s,{capture:!0}),t.api.setData(`perfOverlayListeners`,{onMouseDown:a,onMouseMove:o,onMouseUp:s}),t.api.registerRenderLayer({name:`performance-overlay`,position:`overlay`,render(e){let r=t.api.getData(`perfMonitor`),i=!!(t.config.enablePerformanceMonitor||t.config.debug);if(r)if(i)r.enable();else{r.disable(),r.clear();return}else if(!i)return;let a=t.api.getPerformanceStats(),o=t.api.getFPS(),s=Array.from(a.entries()),c=[`background`,`tracks`,`timeline`,`interaction`,`guideLines`,`scrollbar`,`overlay`,`dragPreview`],l=t.timeline.getLastLayerTimes?t.timeline.getLastLayerTimes():void 0,u=l?c.filter(e=>l[e]!==void 0).length:0,d=l?1+u:0,f=25+(1+(a.size===0?1:s.length)+d)*20+30,p=t.api.getData(`perfOverlayPos`)||{x:10,y:10};t.api.setData(`perfOverlaySize`,{width:280,height:f}),e.fillStyle=`rgba(0, 0, 0, 0.8)`,e.fillRect(p.x,p.y,280,f),e.strokeStyle=`rgba(100, 255, 100, 0.6)`,e.lineWidth=2,e.strokeRect(p.x,p.y,280,f),e.fillStyle=`#00FF00`,e.font=`bold 16px monospace`,e.textAlign=`left`,e.fillText(t.timeline.t(`overlayPerformanceMonitor`),p.x+10,p.y+20);let m=p.y+20+25;if(e.fillStyle=o>=55?`#00FF00`:o>=30?`#FFFF00`:`#FF0000`,e.font=`bold 14px monospace`,e.fillText(t.timeline.t(`overlayFps`,{value:o.toFixed(1)}),p.x+10,m),e.font=`12px monospace`,m+=20,l){e.fillStyle=`#00FFFF`,e.font=`bold 12px monospace`,e.fillText(t.timeline.t(`overlayLayerTimesMs`),p.x+10,m),m+=20,e.font=`12px monospace`,e.fillStyle=`#FFFFFF`;for(let r of c)l[r]!==void 0&&(e.fillText(`${t.timeline.t(n[r]||`overlayLayerOverlay`)}: ${l[r].toFixed(2)}`,p.x+10,m),m+=20)}a.size===0?(e.fillStyle=`#FFFFFF`,e.fillText(t.timeline.t(`overlayCollecting`),p.x+10,m),m+=20):s.forEach(([t,n])=>{let r=`#00FF00`;n.average>16&&(r=`#FFFF00`),n.average>33&&(r=`#FF0000`),e.fillStyle=r;let i=`${t}: ${n.average.toFixed(2)}ms (${n.min.toFixed(1)}-${n.max.toFixed(1)})`;e.fillText(i,p.x+10,m),m+=20})}})},deactivate(e){e.api.unregisterRenderLayer(`performance-overlay`);let t=e.api.getData(`perfOverlayListeners`),n=e.timeline.getCanvas();t&&(n.removeEventListener(`mousedown`,t.onMouseDown,!0),n.removeEventListener(`mousemove`,t.onMouseMove,!0),window.removeEventListener(`mouseup`,t.onMouseUp,!0))}};export{t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var e=class{constructor(e=!1){this.metrics=new Map,this.startTimes=new Map,this.enabled=!1,this.maxSamples=100,this.enabled=e}enable(){this.enabled=!0}disable(){this.enabled=!1}startMeasurement(e){this.enabled&&this.startTimes.set(e,performance.now())}endMeasurement(e){if(!this.enabled)return;let t=this.startTimes.get(e);if(t===void 0)return;let n=performance.now()-t;this.metrics.has(e)||this.metrics.set(e,[]);let r=this.metrics.get(e);r.push(n),r.length>this.maxSamples&&r.shift(),this.startTimes.delete(e)}getAverage(e){let t=this.metrics.get(e);return!t||t.length===0?0:t.reduce((e,t)=>e+t,0)/t.length}getMin(e){let t=this.metrics.get(e);return!t||t.length===0?0:Math.min(...t)}getMax(e){let t=this.metrics.get(e);return!t||t.length===0?0:Math.max(...t)}getStats(e){let t=this.metrics.get(e);return!t||t.length===0?null:{average:this.getAverage(e),min:this.getMin(e),max:this.getMax(e),count:t.length,total:t.reduce((e,t)=>e+t,0)}}getAllStats(){let e=new Map;return this.metrics.forEach((t,n)=>{let r=this.getStats(n);r&&e.set(n,r)}),e}clear(){this.metrics.clear(),this.startTimes.clear()}clearMetric(e){this.metrics.delete(e),this.startTimes.delete(e)}getFPS(){let e=this.getStats(`draw`);return!e||e.average===0?0:1e3/e.average}};export{e as t};
|
|
File without changes
|
|
File without changes
|