ar-timeline-view 0.0.0-stage → 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Magodra
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,32 @@
-# Temporary Holding Version
+# Timeline-view
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+A timeline view for use in web planning applications. Framework-free TypeScript with no runtime dependencies.
+
+![Two timelines with task bars, milestones and callouts above and below the bars](docs/images/features.svg)
+
+- Several timelines stacked in one view, each with its own date range, on an hour, day, week, month or year scale.
+- Relative timelines that each fill the width, or absolute ones on a common time axis.
+- Arrows on tasks that continue past a timeline's range.
+- Date markers (such as "Today") across one, several or all timelines.
+- Tasks drawn as bars and milestones as symbols, on the bar or as callouts above and below it.
+- Drag and drop between lines, areas and timelines.
+- Export as SVG (`timeline.toSVG()`).
+- Optional REST backend for saving moves, with optimistic updates and rollback.
+
+```sh
+npm install
+npm run dev     # examples at /examples/index.html
+npm run build   # dist/timelineview.js, .mjs, .css, and the example images in docs/images
+```
+
+A minimal timeline, from [examples/basic.html](examples/basic.html):
+
+![One timeline with a task bar and a milestone callout below it](docs/images/basic.svg)
+
+Timelines with different date ranges on a common time axis (`absolute: true`), from the second view in [examples/features.html](examples/features.html):
+
+![Three timelines with different date ranges on a common time axis; tasks that continue past a range end in arrows](docs/images/absolute.svg)
+
+The image at the top is the first view in [examples/features.html](examples/features.html). All images are exported with `toSVG()` by `npm run build`.
+
+Docs: [getting started](docs/getting-started.md), [user guide](docs/user-guide.md), [developer guide](docs/developer-guide.md), [REST API](docs/api/openapi.yaml).

package/dist/timelineview.css

@@ -0,0 +1,2 @@
+.tlv,.tlv-ghost{--tlv-font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tlv-text:#1f2328;--tlv-muted:#656d76;--tlv-bg:#fff;--tlv-border:#d0d7de;--tlv-bar-bg:#f6f8fa;--tlv-period:#fff;--tlv-period-alt:#eaeef2;--tlv-task:#2f6feb;--tlv-task-text:#fff;--tlv-milestone:#d1242f;--tlv-callout-bg:#fff;--tlv-connector:#8c959f;--tlv-drop:#2f6feb1f;--tlv-marker:#d1242f;--tlv-selected:#0969da;--tlv-selected-bg:#0969da0f;--tlv-selected-text:#fff;--tlv-name-width:32px;--tlv-date-width:84px;--tlv-scale-height:24px;--tlv-area-min-height:28px;--tlv-area-padding:16px}.tlv{box-sizing:border-box;font:13px/1.3 var(--tlv-font);color:var(--tlv-text);background:var(--tlv-bg);position:relative;overflow:auto}.tlv-title{text-align:center;border-bottom:1px solid var(--tlv-border);padding:10px 12px;font-size:16px;font-weight:600}.tlv *,.tlv-ghost,.tlv-ghost *{box-sizing:border-box}.tlv--dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.tlv-timeline{border-bottom:1px solid var(--tlv-border);min-width:480px;display:flex}.tlv-timeline--name-right{flex-direction:row-reverse}.tlv-name{flex:0 0 var(--tlv-name-width);writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;background:var(--tlv-bar-bg);justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.tlv-timeline--name-left .tlv-name{transform:rotate(180deg)}.tlv-center{min-width:0;padding:0 var(--tlv-date-width);flex:auto;position:relative}.tlv-span{position:relative}.tlv-area{min-height:var(--tlv-area-min-height);grid-template:1fr/1fr;display:grid;position:relative}.tlv-area--above{padding-top:var(--tlv-area-padding);align-items:end}.tlv-area--below{padding-bottom:var(--tlv-area-padding);align-items:start}.tlv-area>.tlv-callout,.tlv-area>.tlv-marker-label{grid-area:1/1;justify-self:start}@container (width<=64px){.tlv-task-label{color:var(--tlv-text);position:absolute;top:0;left:100%;overflow:visible}}.tlv-marker-line{z-index:1;background:var(--tlv-marker);pointer-events:none;width:2px;position:absolute}.tlv-marker-label{grid-area:1/1;justify-self:start}.tlv-line{position:relative}.tlv-drop{background:var(--tlv-drop);outline:1px dashed var(--tlv-task)}.tlv-connector{border-top:1px dashed var(--tlv-connector);transform-origin:0 0;pointer-events:none;height:0;position:absolute}.tlv-area--above>.tlv-connector{bottom:0}.tlv-area--below>.tlv-connector{top:0}.tlv-callout{z-index:1;background:var(--tlv-callout-bg);border:1px solid var(--tlv-border);white-space:nowrap;text-overflow:ellipsis;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:4px;width:max-content;max-width:220px;padding:3px 8px;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014}.tlv-callout-title{text-overflow:ellipsis;font-weight:600;overflow:hidden}.tlv-callout-dates{color:var(--tlv-muted);font-size:11px}.tlv-bar{background:var(--tlv-bar-bg);border:1px solid var(--tlv-border);border-radius:4px;position:relative}.tlv-date{width:var(--tlv-date-width);color:var(--tlv-muted);font-variant-numeric:tabular-nums;flex-direction:column;padding:0 8px;font-size:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.tlv-date-caption{color:var(--tlv-text);font-size:11px;font-weight:600}.tlv-date--start{text-align:right;right:100%}.tlv-date--finish{text-align:left;left:100%}.tlv--no-dates .tlv-center{padding:0}.tlv-scale{height:var(--tlv-scale-height);border-bottom:1px solid var(--tlv-border);border-radius:3px 3px 0 0;position:relative;overflow:hidden}.tlv-period{background:var(--tlv-period);position:absolute;top:0;bottom:0}.tlv-period--alt{background:var(--tlv-period-alt)}.tlv-tick{color:var(--tlv-muted);white-space:nowrap;padding:4px 0 0 4px;font-size:11px;position:absolute;top:0;bottom:0}.tlv-edge-bar,.tlv-edge-symbol{z-index:2;pointer-events:none;position:absolute}.tlv-edge-bar{background:var(--tlv-task);min-width:4px;height:6px}.tlv-area--above>.tlv-edge-bar{border-radius:4px 4px 0 0;bottom:0}.tlv-area--below>.tlv-edge-bar{border-radius:0 0 4px 4px;top:0}.tlv-edge-bar--before{clip-path:polygon(6px 0,100% 0,100% 100%,6px 100%,0 50%)}.tlv-edge-bar--after{clip-path:polygon(0 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,0 100%)}.tlv-edge-bar--before.tlv-edge-bar--after{clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%)}.tlv-edge-symbol{margin-left:-7px}.tlv-area--above>.tlv-edge-symbol{bottom:-7px}.tlv-area--below>.tlv-edge-symbol{top:-7px}.tlv-task{background:var(--tlv-task);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:3px;min-width:4px;position:absolute;top:4px;bottom:4px;container-type:inline-size}.tlv-task-label{color:var(--tlv-task-text);white-space:nowrap;text-overflow:ellipsis;padding:0 6px;font-size:12px;line-height:20px;display:block;overflow:hidden}.tlv-task--before{border-top-left-radius:0;border-bottom-left-radius:0}.tlv-task--after{border-top-right-radius:0;border-bottom-right-radius:0}.tlv-task--before .tlv-task-label{padding-left:13px}.tlv-task--after .tlv-task-label{padding-right:13px}.tlv-task--outside-after .tlv-task-label{left:auto;right:100%}.tlv-arrow{background:var(--tlv-task-text);pointer-events:none;width:5px;height:8px;margin-top:-4px;position:absolute;top:50%}.tlv-arrow--before{clip-path:polygon(100% 0,0 50%,100% 100%);left:3px}.tlv-arrow--after{clip-path:polygon(0 0,100% 50%,0 100%);right:3px}@container (width<=64px){.tlv-task-label{color:var(--tlv-text);position:absolute;top:0;left:100%;overflow:visible}}.tlv-milestone{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;white-space:nowrap;align-items:center;gap:6px;display:flex;position:absolute;top:0;bottom:0}.tlv-milestone .tlv-symbol{margin-left:-7px}.tlv-milestone-label{font-size:12px}.tlv-symbol{background:var(--tlv-milestone);flex:none;width:14px;height:14px;display:inline-block}.tlv-symbol--diamond{transform:rotate(45deg)scale(.8)}.tlv-symbol--circle{border-radius:50%}.tlv-symbol--square{transform:scale(.85)}.tlv-symbol--triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.tlv-symbol--star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.tlv-marker-line{z-index:1;background:var(--tlv-marker);pointer-events:none;grid-area:2/1/3;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.tlv-marker-line--up{grid-row-start:1}.tlv-marker-line--down{grid-row-end:4;bottom:-1px}.tlv-marker-label{z-index:2;background:var(--tlv-callout-bg);border:1px solid var(--tlv-marker);white-space:nowrap;text-overflow:ellipsis;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:4px;width:max-content;max-width:220px;padding:3px 8px;position:relative;overflow:hidden}.tlv-connector--marker{border-top:1px solid var(--tlv-marker)}.tlv-selected{outline:2px solid var(--tlv-selected);outline-offset:2px}.tlv-timeline--selected{background:var(--tlv-selected-bg)}.tlv-timeline--selected .tlv-name{color:var(--tlv-selected-text);background:var(--tlv-selected)}.tlv-dragging{opacity:.35}.tlv-ghost{z-index:1000;opacity:.9;pointer-events:none;margin:0;position:fixed;transform:none;box-shadow:0 4px 12px #0003}.tlv-ghost.tlv-milestone{box-shadow:none}@media (prefers-color-scheme:dark){.tlv,.tlv-ghost{--tlv-text:#e6edf3;--tlv-muted:#9198a1;--tlv-bg:#0d1117;--tlv-border:#30363d;--tlv-bar-bg:#161b22;--tlv-period:#0d1117;--tlv-period-alt:#21262d;--tlv-task:#4c8dff;--tlv-milestone:#ff6b6b;--tlv-callout-bg:#161b22;--tlv-connector:#6e7681;--tlv-drop:#4c8dff29;--tlv-marker:#ff6b6b;--tlv-selected:#4c8dff;--tlv-selected-bg:#4c8dff1a}}
+/*$vite$:1*/

package/dist/timelineview.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports):typeof define==`function`&&define.amd?define([`exports`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.timeline={}))})(this,function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t=class extends Error{status;body;constructor(e,t){super(`REST request failed with status ${e}`),this.status=e,this.body=t,this.name=`ApiError`}},n=e=>encodeURIComponent(String(e)),r=class{fetchImpl;baseUrl;constructor(e,t=(...e)=>globalThis.fetch(...e)){this.fetchImpl=t,this.baseUrl=e.replace(/\/+$/,``)}getView(e){return this.request(`/views/${n(e)}`,{method:`GET`})}moveEntry(e,t,r,i,a){return this.request(`/views/${n(e)}/timelines/${n(t)}/entries/${n(r)}`,{method:`PATCH`,headers:{"Content-Type":`application/json`},body:JSON.stringify(a===void 0?i:{...i,version:a})})}async request(e,n){let r=await this.fetchImpl(this.baseUrl+e,{...n,headers:{Accept:`application/json`,...n.headers}}),i=await r.text(),a;try{a=i?JSON.parse(i):void 0}catch{a=i}if(!r.ok)throw new t(r.status,a);return a}},i=4;function a(e,t,n,r){let i=Math.round(e.left-(t.left+n*t.width)),a=r===`above`?Math.min(0,Math.round(e.bottom-t.bottom)):Math.max(1,Math.round(e.top-t.top));return{x:i,y:a===0?0:a}}var o=(e,t)=>Math.max(0,e.top-t,t-e.bottom);function s(e,t,n){let r=document.elementFromPoint(t,n)?.closest(`.tlv-line, .tlv-area`);if(r&&e.contains(r))return r;let i=null,a=1/0;for(let t of e.querySelectorAll(`.tlv-area`)){let e=o(t.getBoundingClientRect(),n);e<a&&([i,a]=[t,e])}return i}function c(e,t){if(!e)return;let n=e.dataset.placement;if(n===`above`||n===`below`)return n;let r=e.closest(`.tlv-bar`)?.getBoundingClientRect();return r&&t>(r.top+r.bottom)/2?`below`:`above`}function l(e,t,n,r){let i=[...e.querySelectorAll(`:scope > .tlv-marker-line`)].filter(e=>e.dataset.marker===t),a=[...e.querySelectorAll(`.tlv-timeline`)],o=e=>a.findIndex(t=>t.dataset.timeline===e),s=r?a.indexOf(r):-1,c=i.find(e=>o(e.dataset.from)<=s&&s<=o(e.dataset.to))??(n===`above`?i[0]:i[i.length-1]),l=n===`above`?c?.dataset.from:c?.dataset.to,u=a.find(e=>e.dataset.timeline===l)?.querySelector(`.tlv-area--${n}`);if(!c||!u)return;let d=u.getBoundingClientRect(),f=c.getBoundingClientRect();return{area:u,side:n,at:(f.left+f.width/2-d.left)/d.width}}function u(e){let t=e.dataset.timeline,n=e.dataset.placement;return n===`on`?{timeline:t,placement:n,line:Number(e.dataset.line),newLine:e.dataset.newLine===`true`}:{timeline:t,placement:n}}function d(e,t,n,r,o){let d,f=(e,t)=>{let n=!1,a=t=>{Math.hypot(t.clientX-e.clientX,t.clientY-e.clientY)>=i&&(n=!0)},o=e=>{s(),n||r?.(t,e)},s=()=>{window.removeEventListener(`pointermove`,a),window.removeEventListener(`pointerup`,o),window.removeEventListener(`pointercancel`,s),d=void 0};window.addEventListener(`pointermove`,a),window.addEventListener(`pointerup`,o),window.addEventListener(`pointercancel`,s),d=s},p=r=>{if(r.button!==0)return;let p=r.target,m=p.closest(`[data-entry]`);if(!m||!e.contains(m)){let t=p.closest(`.tlv-timeline, .tlv-title`);t&&e.contains(t)&&f(r,p);return}r.preventDefault();let h=m.getBoundingClientRect(),g={x:r.clientX-h.left,y:r.clientY-h.top},_=m.classList.contains(`tlv-callout`),v=m.dataset.marker,y=(t,n)=>{let r=s(e,t,n),i=c(r,n);return i?l(e,v,i,r?.closest(`.tlv-timeline`)??null):void 0},b,x=null,S=e=>{e!==x&&(x?.classList.remove(`tlv-drop`),e?.classList.add(`tlv-drop`),x=e)},C=t=>{if(!b){if(Math.hypot(t.clientX-r.clientX,t.clientY-r.clientY)<i)return;b=m.cloneNode(!0),b.classList.add(`tlv-ghost`),b.removeAttribute(`data-entry`),Object.assign(b.style,{width:`${h.width}px`,height:`${h.height}px`,margin:`0`}),e.append(b),m.classList.add(`tlv-dragging`),e.classList.add(`tlv--dragging`)}b.style.left=`${t.clientX-g.x}px`,b.style.top=`${t.clientY-g.y}px`,S(v===void 0?s(e,t.clientX,t.clientY):y(t.clientX,t.clientY)?.area??null)},w=r=>{let i=r&&b?s(e,r.clientX,r.clientY):null,c=b?.getBoundingClientRect(),l=b!==void 0;if(d?.(),r&&!l){n?.(m,r);return}if(!i||!c||!r)return;if(v!==void 0){let e=y(r.clientX,r.clientY);if(e){let t=a(c,e.area.getBoundingClientRect(),e.at,e.side);o?.({marker:v,offset:t})}return}let f=u(i),p={timeline:m.dataset.timeline,task:m.dataset.task,target:f};if(f.placement!==`on`){let e={left:r.clientX,right:r.clientX,top:r.clientY,bottom:r.clientY,width:0};p.offset=a(_?c:e,i.getBoundingClientRect(),Number(m.dataset.at),f.placement)}t(p)},T=e=>w(e),E=()=>w(),D=e=>{e.key===`Escape`&&w()};window.addEventListener(`pointermove`,C),window.addEventListener(`pointerup`,T),window.addEventListener(`pointercancel`,E),window.addEventListener(`keydown`,D),d=()=>{window.removeEventListener(`pointermove`,C),window.removeEventListener(`pointerup`,T),window.removeEventListener(`pointercancel`,E),window.removeEventListener(`keydown`,D),S(null),b?.remove(),m.classList.remove(`tlv-dragging`),e.classList.remove(`tlv--dragging`),d=void 0}};return e.addEventListener(`pointerdown`,p),()=>{d?.(),e.removeEventListener(`pointerdown`,p)}}var f=/^(\d{4})-(\d{2})-(\d{2})(?:T(\d{2}):(\d{2}))?$/;function p(e){let t=f.exec(e);if(!t)throw Error(`Invalid date "${e}": expected YYYY-MM-DD or YYYY-MM-DDTHH:mm`);let[,n,r,i,a=`0`,o=`0`]=t,s=new Date(Date.UTC(+n,r-1,+i,+a,+o));if(s.getUTCMonth()!==r-1||s.getUTCDate()!==+i||+a>23||+o>59)throw Error(`Invalid date "${e}"`);return s}var m=e=>String(e).padStart(2,`0`);function h(e){let t=`${e.getUTCFullYear()}-${m(e.getUTCMonth()+1)}-${m(e.getUTCDate())}`,n=e.getUTCHours(),r=e.getUTCMinutes();return n||r?`${t}T${m(n)}:${m(r)}`:t}function g(e,t){return new Date(Date.UTC(e,t+1,0)).getUTCDate()}function _(e,t){let n=e.getUTCFullYear()*12+e.getUTCMonth()+t,r=Math.floor(n/12),i=n-r*12,a=Math.min(e.getUTCDate(),g(r,i));return new Date(Date.UTC(r,i,a,e.getUTCHours(),e.getUTCMinutes(),e.getUTCSeconds()))}function v(e,t){let n=new Date(e.getTime());return n.setUTCDate(n.getUTCDate()+t),n}var y=/^(\d+)([hdwmy])$/;function b(e){let t=y.exec(e.trim());if(!t)throw Error(`Invalid duration "${e}": expected a whole number plus h, d, w, m or y`);return{amount:Number(t[1]),unit:t[2]}}function x(e,{amount:t,unit:n}){switch(n){case`h`:return new Date(e.getTime()+t*36e5);case`d`:return v(e,t);case`w`:return v(e,t*7);case`m`:return _(e,t);case`y`:return _(e,t*12)}}function S(e){return e===void 0||e.trim()===``||b(e).amount===0}var C=class extends Error{code;constructor(e,t){super(t),this.code=e,this.name=`MoveError`}},w=[`above`,`on`,`below`],T=[`hour`,`day`,`week`,`month`,`year`],E=(e,t)=>String(e)===String(t),D=e=>Number.isInteger(e)&&e>=0,O=e=>typeof e==`object`&&!!e&&Number.isFinite(e.x)&&Number.isFinite(e.y),ee=e=>({x:0,y:e===`above`?-16:16});function te(e,t){if(!O(e))return`callout_offset needs numeric x and y`;if(t===`above`&&e.y>0)return`callout_offset.y must be ≤ 0 above the bar`;if(t===`below`&&e.y<=0)return`callout_offset.y must be > 0 below the bar`}var k=class e{view;tasks;timelines;markers;version;constructor(e,t,n,r=[]){this.view=e,this.tasks=t,this.timelines=n,this.markers=r}static fromData(t){if(!t?.view)throw Error("Timeline data needs a `view`");let n=t.view,r=n.scale??`day`;if(!T.includes(r))throw Error(`Unknown scale "${r}"`);if(n.show_dates!==void 0&&typeof n.show_dates!=`boolean`)throw Error(`view.show_dates must be true or false`);if(n.absolute!==void 0&&typeof n.absolute!=`boolean`)throw Error(`view.absolute must be true or false`);if(n.selection!==void 0&&typeof n.selection!=`boolean`)throw Error(`view.selection must be true or false`);let i={id:n.id,name:n.name??``,absolute:n.absolute??!1,scale:r,namePosition:n.name_position??`left`,milestoneSymbol:n.milestone_symbol??`diamond`,showDates:n.show_dates??!0,selection:n.selection??!0},a=(t.tasks??[]).map(ce),o=new Set;for(let e of a){if(o.has(String(e.id)))throw Error(`Duplicate task id ${e.id}`);o.add(String(e.id))}let s=(t.markers??[]).map(oe),c=new Set;for(let e of s){if(c.has(String(e.id)))throw Error(`Duplicate marker id ${e.id}`);c.add(String(e.id))}let l=new e(i,a,[],s);return l.timelines=(t.timelines??[]).map(e=>l.timelineFromData(e)),l.version=t.version,l}toData(){let e=this.view;return{...this.version!==void 0&&{version:this.version},view:{...e.id!==void 0&&{id:e.id},name:e.name,absolute:e.absolute,scale:e.scale,name_position:e.namePosition,milestone_symbol:e.milestoneSymbol,show_dates:e.showDates,selection:e.selection},tasks:this.tasks.map(le),timelines:this.timelines.map(N),...this.markers.length>0&&{markers:this.markers.map(se)}}}timelineFromData(e){let t=p(e.start_date),n=p(e.finish_date);if(n<=t)throw Error(`Timeline ${e.id}: finish_date must be after start_date`);let r=[],i=[];for(let t of e.entries??[])if(typeof t==`object`&&t&&`marker`in t){let n=this.findMarker(t.marker);if(!n)throw Error(`Timeline ${e.id}: unknown marker ${t.marker}`);if(Object.keys(t).some(e=>e!==`marker`))throw Error(`Timeline ${e.id}: a marker entry has only \`marker\``);if(i.some(e=>E(e,n.id)))throw Error(`Timeline ${e.id}: marker ${n.id} appears more than once`);i.push(n.id)}else r.push(this.entryFromData(e.id,t));let a=new Set;for(let t of r){if(a.has(String(t.taskId)))throw Error(`Timeline ${e.id}: task ${t.taskId} appears more than once`);a.add(String(t.taskId))}return{id:e.id,name:e.name??``,start:t,finish:n,entries:r,markers:i}}entryFromData(e,t){let n=`Timeline ${e}, task ${t.task}`;if(!this.findTask(t.task))throw Error(`${n}: unknown task`);if(t.callout_offset===void 0){let e=t.line??0;if(!D(e))throw Error(`${n}: line must be a whole number ≥ 0`);return{taskId:t.task,placement:`on`,line:e}}if(t.line!==void 0)throw Error(`${n}: a callout (with callout_offset) has no line`);let r=t.callout_offset;if(!O(r))throw Error(`${n}: callout_offset needs numeric x and y`);let i=r.y>0?`below`:`above`;return{taskId:t.task,placement:i,calloutOffset:{x:r.x,y:r.y===0?0:r.y}}}findTask(e){return this.tasks.find(t=>E(t.id,e))}setMarkerOffset(e,t){let n=this.findMarker(e);if(!n)throw new C(`not_found`,`Marker ${e} not found`);if(!O(t))throw new C(`invalid`,`marker_offset needs numeric x and y`);return n.offset={x:t.x,y:t.y===0?0:t.y},n}findMarker(e){return this.markers.find(t=>E(t.id,e))}findTimeline(e){return this.timelines.find(t=>E(t.id,e))}findEntry(e,t){return this.findTimeline(e)?.entries.find(e=>E(e.taskId,t))}moveEntry(e,t,n){let r=this.findTimeline(e);if(!r)throw new C(`not_found`,`Timeline ${e} not found`);let i=r.entries.findIndex(e=>E(e.taskId,t));if(i<0)throw new C(`not_found`,`Task ${t} is not on timeline ${e}`);let a=r.entries[i],o=n.timelineId===void 0?r:this.findTimeline(n.timelineId);if(!o)throw new C(`not_found`,`Timeline ${n.timelineId} not found`);if(o!==r&&o.entries.some(e=>E(e.taskId,t)))throw new C(`conflict`,`Task ${t} is already on timeline ${o.id}`);let s=n.placement??a.placement;if(!w.includes(s))throw new C(`invalid`,`Unknown placement "${s}"`);let c;if(s===`on`){if(n.calloutOffset!==void 0)throw new C(`invalid`,`callout_offset is only valid above or below the bar`);let e=n.line??(o===r&&a.placement===`on`?a.line:0);if(!D(e))throw new C(`invalid`,`line must be a whole number ≥ 0`);let t=M(o);if(e>t)throw new C(`invalid`,`line ${e} is past the bar's last line + 1 (${t})`);if(n.newLine!==void 0&&typeof n.newLine!=`boolean`)throw new C(`invalid`,`new_line must be true or false`);if(n.newLine)for(let t of o.entries)t.placement===`on`&&t.line>=e&&t.line++;c={taskId:a.taskId,placement:s,line:e}}else{if(n.line!==void 0||n.newLine!==void 0)throw new C(`invalid`,`callouts have no line; use callout_offset`);let e=n.calloutOffset??ne(a,s),t=te(e,s);if(t)throw new C(`invalid`,t);c={taskId:a.taskId,placement:s,calloutOffset:{x:e.x,y:e.y}}}return o===r?r.entries[i]=c:(r.entries.splice(i,1),o.entries.push(c)),j(r),o!==r&&j(o),o===r?[r]:[r,o]}moveTimeline(e,t){let n=this.timelines.findIndex(t=>E(t.id,e));if(n<0)throw Error(`Timeline ${e} not found`);let r=n+t;if(!Number.isInteger(t)||r<0||r>=this.timelines.length||r===n)return!1;let[i]=this.timelines.splice(n,1);return this.timelines.splice(r,0,i),!0}replaceTimelines(e){for(let t of e){let e=this.timelineFromData(t),n=this.timelines.findIndex(e=>E(e.id,t.id));n>=0?this.timelines[n]=e:this.timelines.push(e)}}};function ne(e,t){if(e.placement===`on`)return ee(t);let{x:n,y:r}=e.calloutOffset;return e.placement===t?{x:n,y:r}:{x:n,y:t===`below`?Math.max(1,-r):-r}}function re(e){if(e.timelines.length===0)return;let t=e.timelines[0].start,n=e.timelines[0].finish;for(let r of e.timelines)r.start<t&&(t=r.start),r.finish>n&&(n=r.finish);return{start:t,finish:n}}function A(e){let t=e.entries.flatMap(e=>e.placement===`on`?[e.line]:[]);return t.length?Math.min(...t):0}function j(e){let t=A(e);if(t!==0)for(let n of e.entries)n.placement===`on`&&(n.line-=t)}function M(e){let t=1;for(let n of e.entries)n.placement===`on`&&(t=Math.max(t,n.line+1));return t}function ie(e){return typeof CSS<`u`&&typeof CSS.supports==`function`?CSS.supports(`color`,e):e.trim()!==``&&!/[;{}]/.test(e)}var ae={x:0,y:-16};function oe(e){if(e?.id===void 0||e.id===null)throw Error(`Every marker needs an id`);let t=`Marker ${e.id}`;if(e.global!==void 0&&typeof e.global!=`boolean`)throw Error(`${t}: global must be true or false`);if(e.color!==void 0&&(typeof e.color!=`string`||!ie(e.color)))throw Error(`${t}: color must be a CSS color`);let n=e.marker_offset??ae;if(!O(n))throw Error(`${t}: marker_offset needs numeric x and y`);return{id:e.id,text:e.text??``,date:p(e.date),global:e.global??!1,color:e.color,offset:{x:n.x,y:n.y===0?0:n.y}}}function se(e){return{id:e.id,text:e.text,date:h(e.date),...e.global&&{global:!0},...e.color!==void 0&&{color:e.color},marker_offset:{...e.offset}}}function ce(e){if(e.id===void 0||e.id===null)throw Error(`Every task needs an id`);let t=p(e.start_date),n=S(e.duration);if(e.color!==void 0&&(typeof e.color!=`string`||!ie(e.color)))throw Error(`Task ${e.id}: color must be a CSS color`);return{id:e.id,text:e.text??``,start:t,finish:n?t:x(t,b(e.duration)),duration:e.duration,isMilestone:n,symbol:e.symbol,color:e.color}}function le(e){return{id:e.id,text:e.text,start_date:h(e.start),...e.duration!==void 0&&{duration:e.duration},...e.symbol!==void 0&&{symbol:e.symbol},...e.color!==void 0&&{color:e.color}}}function N(e){return{id:e.id,name:e.name,start_date:h(e.start),finish_date:h(e.finish),entries:[...e.entries.map(e=>e.placement===`on`?{task:e.taskId,line:e.line}:{task:e.taskId,callout_offset:{...e.calloutOffset}}),...e.markers.map(e=>({marker:e}))]}}function P(e){return{...e.timeline_id!==void 0&&{timelineId:e.timeline_id},...e.placement!==void 0&&{placement:e.placement},...e.line!==void 0&&{line:e.line},...e.new_line!==void 0&&{newLine:e.new_line},...e.callout_offset!==void 0&&{calloutOffset:e.callout_offset}}}var F=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`];function I(e,t,n){return(e.getTime()-t.getTime())/(n.getTime()-t.getTime())}function ue(e,t){let n=new Date(e.getTime());switch(t){case`hour`:return n.setUTCMinutes(0,0,0),n<e&&n.setUTCHours(n.getUTCHours()+1),n;case`day`:return n.setUTCHours(0,0,0,0),n<e?v(n,1):n;case`week`:{n.setUTCHours(0,0,0,0);let t=v(n,-((n.getUTCDay()+6)%7));return t<e?v(t,7):t}case`month`:{let t=new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),1));return t<e?_(t,1):t}case`year`:{let t=new Date(Date.UTC(n.getUTCFullYear(),0,1));return t<e?new Date(Date.UTC(n.getUTCFullYear()+1,0,1)):t}}}function de(e,t){switch(t){case`hour`:return new Date(e.getTime()+36e5);case`day`:return v(e,1);case`week`:return v(e,7);case`month`:return _(e,1);case`year`:return _(e,12)}}function fe(e){let t=new Date(Date.UTC(e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()));t.setUTCDate(t.getUTCDate()+3-(t.getUTCDay()+6)%7);let n=Date.UTC(t.getUTCFullYear(),0,1);return Math.ceil(((t.getTime()-n)/864e5+1)/7)}function L(e,t){let n=e.getTime();switch(t){case`hour`:return Math.floor(n/36e5);case`day`:return Math.floor(n/864e5);case`week`:return Math.floor((Math.floor(n/864e5)+3)/7);case`month`:return e.getUTCFullYear()*12+e.getUTCMonth();case`year`:return e.getUTCFullYear()}}function pe(e,t,n){switch(t){case`hour`:{let t=`${String(e.getUTCHours()).padStart(2,`0`)}:00`;return n||e.getUTCHours()===0?`${e.getUTCDate()} ${F[e.getUTCMonth()]} ${t}`:t}case`day`:return String(e.getUTCDate());case`week`:return`W${fe(e)}`;case`month`:{let t=F[e.getUTCMonth()];return n||e.getUTCMonth()===0?`${t} ${e.getUTCFullYear()}`:t}case`year`:return String(e.getUTCFullYear())}}function me(e,t,n){let r=[];for(let i=ue(e,n);i<=t&&r.length<1e3;i=de(i,n))r.push({date:i,at:I(i,e,t),label:pe(i,n,r.length===0),serial:L(i,n)});return r}var R=14,z=e=>Math.min(1,Math.max(0,e)),B=e=>`${(e*100).toFixed(4)}%`;function V(e,t,n){let r=document.createElement(e);return r.className=t,n!==void 0&&(r.textContent=n),r}function he(e,t){e.classList.add(`tlv`),e.classList.toggle(`tlv--no-dates`,!t.view.showDates);let n=_e(t);if(e.replaceChildren(...t.timelines.map(e=>Ce(t,e,n.get(String(e.id))??[]))),e.append(...ve(t,n)),t.view.name.trim()){let n=V(`div`,`tlv-title`,t.view.name);n.setAttribute(`role`,`heading`),n.setAttribute(`aria-level`,`2`),e.prepend(n)}Oe(e),ye(e),be(e)}function H(e,t){let{start:n,finish:r}=e,i=z(I(t.start,n,r)),a=t.isMilestone?i:z(I(t.finish,n,r)),o=!t.isMilestone&&t.start<n,s=!t.isMilestone&&t.finish>r;return{from:i,to:a,center:(i+a)/2,before:o,after:s}}function U(e,t,n,r){r<=0?(e.style.left=`0`,e.style.width=`${R}px`,e.classList.add(`${t}--outside-before`)):n>=1?(e.style.left=`calc(100% - ${R}px)`,e.style.width=`${R}px`,e.classList.add(`${t}--outside-after`)):(e.style.left=B(n),e.style.width=B(r-n))}function W(e,t){t.color&&e.style.setProperty(t.isMilestone?`--tlv-milestone`:`--tlv-task`,t.color)}function ge(e,t,n,r){e.classList.toggle(`${t}--before`,n),e.classList.toggle(`${t}--after`,r)}function _e(e){let t=new Map,n=e.timelines,r=re(e);for(let i of e.markers){if(e.view.absolute&&r&&z(I(i.date,r.start,r.finish))!==I(i.date,r.start,r.finish))continue;let a=n.map((e,t)=>i.global||e.markers.some(e=>String(e)===String(i.id))?t:-1).filter(e=>e>=0);if(a.length===0)continue;let o=i.offset.y>0;if(i.global&&!e.view.absolute){for(let e of n){let n=I(i.date,e.start,e.finish);if(n<0||n>1)continue;let r=t.get(String(e.id))??[];r.push({marker:i,at:n,up:!1,down:!1,label:o?`below`:`above`}),t.set(String(e.id),r)}continue}let s=[];for(let t=Math.min(...a);t<=Math.max(...a);t++){let r=I(i.date,n[t].start,n[t].finish);(e.view.absolute||r>=0&&r<=1)&&s.push({index:t,at:r})}if(s.length===0)continue;let c=s[0].index,l=s[s.length-1].index;for(let{index:e,at:r}of s){let a=t.get(String(n[e].id))??[];a.push({marker:i,at:r,up:e!==c,down:e!==l,label:!o&&e===c?`above`:o&&e===l?`below`:void 0}),t.set(String(n[e].id),a)}}return t}function G(e,t){return t.color&&e.style.setProperty(`--tlv-marker`,t.color),e}function ve(e,t){let n=[];for(let r of e.markers){let i=e.timelines.flatMap(e=>{let n=t.get(String(e.id))?.find(e=>e.marker===r);return n?[{timeline:e,part:n}]:[]}),a=[],o=()=>{if(a.length===0)return;let e=a[0],t=a[a.length-1],i=G(V(`span`,`tlv-marker-line`),r);Object.assign(i.dataset,{marker:String(r.id),from:String(e.timeline.id),to:String(t.timeline.id),at:String(e.part.at),top:e.part.up?`row`:`bar`,bottom:t.part.down?`row`:`bar`}),n.push(i),a=[]};for(let t of i){let n=a[a.length-1];n!==void 0&&n.part.down&&t.part.up&&e.timelines.indexOf(t.timeline)===e.timelines.indexOf(n.timeline)+1&&(e.view.absolute||Math.abs(n.part.at-t.part.at)<1e-9)||o(),a.push(t)}o()}return n}function ye(e){let t=[...e.querySelectorAll(`:scope > .tlv-marker-line`)];if(t.length===0)return;let n=[...e.querySelectorAll(`.tlv-timeline`)],r=e=>n.find(t=>t.dataset.timeline===e);t[0].style.left=`0px`,t[0].style.top=`0px`;let i=t[0].getBoundingClientRect();for(let e of t){let t=r(e.dataset.from),n=r(e.dataset.to),a=t?.querySelector(`.tlv-span`)?.getBoundingClientRect(),o=t?.querySelector(`.tlv-bar`)?.getBoundingClientRect(),s=n?.querySelector(`.tlv-bar`)?.getBoundingClientRect();if(!t||!n||!a||!o||!s)continue;let c=a.left+Number(e.dataset.at)*a.width,l=e.dataset.top===`bar`?o.top:t.getBoundingClientRect().top,u=e.dataset.bottom===`bar`?s.bottom:n.getBoundingClientRect().bottom;e.style.left=`${c-1-i.left}px`,e.style.top=`${l-i.top}px`,e.style.height=`${Math.max(0,u-l)}px`}}var K=new WeakMap;function be(e){if(typeof ResizeObserver>`u`)return;let t=K.get(e);if(t||(t=new ResizeObserver(()=>ye(e)),K.set(e,t)),t.disconnect(),e.querySelector(`:scope > .tlv-marker-line`)){t.observe(e);for(let n of e.querySelectorAll(`.tlv-timeline`))t.observe(n)}}function xe(e){K.get(e)?.disconnect(),K.delete(e)}function Se(e,t){let{marker:n,at:r}=e,{x:i,y:a}=n.offset,o=G(V(`div`,`tlv-connector tlv-connector--marker`),n);o.style.left=B(r),o.style[t===`above`?`bottom`:`top`]=`0`;let s=G(V(`div`,`tlv-marker-label`),n);return Object.assign(s.dataset,{entry:``,marker:String(n.id),at:String(r),x:String(i),y:String(a),reach:`0`}),s.style.marginLeft=`calc(${B(r)} + ${i}px)`,t===`above`?s.style.marginBottom=`${-a}px`:s.style.marginTop=`${a}px`,s.title=`${n.text} (${h(n.date)})`,s.append(V(`div`,`tlv-callout-title`,n.text),V(`div`,`tlv-callout-dates`,h(n.date))),[o,s]}function Ce(e,t,n){let r=V(`section`,`tlv-timeline tlv-timeline--name-${e.view.namePosition}`);r.dataset.timeline=String(t.id),r.setAttribute(`aria-label`,t.name);let i=V(`div`,`tlv-span`),a=re(e);if(e.view.absolute&&a){let e=I(t.start,a.start,a.finish),n=I(t.finish,a.start,a.finish);i.style.marginLeft=B(e),i.style.width=B(n-e)}let o=De(e,t,`above`),s=Te(e,t),c=De(e,t,`below`);i.append(o,s,c);for(let e of n)e.label&&(e.label===`above`?o:c).append(...Se(e,e.label));let l=V(`div`,`tlv-center`);return l.append(i),r.append(V(`div`,`tlv-name`,t.name),l),r}function q(e,t,n,r){let i=V(`div`,e);return i.dataset.entry=``,i.dataset.timeline=String(t.id),i.dataset.task=String(n.taskId),i.dataset.at=String(r),i}function J(e){return e.isMilestone?h(e.start):`${h(e.start)} – ${h(e.finish)}`}function we(e,t,n){let r=V(`div`,`tlv-date tlv-date--${e}`);return r.append(V(`span`,`tlv-date-caption`,t),V(`span`,`tlv-date-value`,h(n))),r}function Te(e,t){let{scale:n,showDates:r}=e.view,{start:i,finish:a}=t,o=V(`div`,`tlv-bar`);r&&o.append(we(`start`,`Start`,i),we(`finish`,`Finish`,a));let s=V(`div`,`tlv-scale`),c=me(i,a,n),l=[{at:0,serial:L(i,n)},...c.filter(e=>e.at>0&&e.at<1).map(e=>({at:e.at,serial:e.serial})),{at:1,serial:0}];for(let e=0;e<l.length-1;e++){let t=V(`span`,`tlv-period${l[e].serial%2?` tlv-period--alt`:``}`);t.style.left=B(l[e].at),t.style.width=B(l[e+1].at-l[e].at),s.append(t)}for(let e of c){if(e.at>=1)continue;let t=V(`span`,`tlv-tick`,e.label);t.style.left=B(e.at),s.append(t)}let u=V(`div`,`tlv-track`),d=(e,n)=>{let r=V(`div`,n?`tlv-line tlv-line--new`:`tlv-line`);return r.dataset.timeline=String(t.id),r.dataset.placement=`on`,r.dataset.line=String(e),n&&(r.dataset.newLine=`true`),r.style.height=`${n?14:28}px`,r},f=A(t),p=M(t);u.append(d(f,!0));for(let n=f;n<p;n++){let r=d(n,!1);for(let i of t.entries)i.placement===`on`&&i.line===n&&r.append(Ee(e,t,i));u.append(r)}return u.append(d(p,!0)),o.append(s,u),o}function Ee(e,t,n){let r=e.findTask(n.taskId),{from:i,to:a,center:o,before:s,after:c}=H(t,r),l=`${r.text} (${J(r)})`;if(r.isMilestone){let a=q(`tlv-milestone`,t,n,o);return a.style.left=B(i),a.title=l,W(a,r),a.append(V(`span`,`tlv-symbol tlv-symbol--${r.symbol??e.view.milestoneSymbol}`),V(`span`,`tlv-milestone-label`,r.text)),a}let u=q(`tlv-task`,t,n,o);return U(u,`tlv-task`,i,a),u.title=l,W(u,r),u.append(V(`span`,`tlv-task-label`,r.text)),ge(u,`tlv-task`,s,c),s&&u.append(V(`span`,`tlv-arrow tlv-arrow--before`)),c&&u.append(V(`span`,`tlv-arrow tlv-arrow--after`)),u}function De(e,t,n){let r=V(`div`,`tlv-area tlv-area--${n}`);r.dataset.timeline=String(t.id),r.dataset.placement=n;for(let i of t.entries){if(i.placement!==n)continue;let a=e.findTask(i.taskId),{from:o,to:s,center:c,before:l,after:u}=H(t,a),{x:d,y:f}=i.calloutOffset,p,m;a.isMilestone?(p=V(`span`,`tlv-edge-symbol tlv-symbol tlv-symbol--${a.symbol??e.view.milestoneSymbol}`),p.style.left=B(c),m=8):(p=V(`span`,`tlv-edge-bar`),U(p,`tlv-edge-bar`,o,s),ge(p,`tlv-edge-bar`,l,u),m=6),W(p,a);let h=V(`div`,`tlv-connector`);h.style.left=B(c),h.style[n===`above`?`bottom`:`top`]=`${m}px`;let g=q(`tlv-callout`,t,i,c);Object.assign(g.dataset,{x:String(d),y:String(f),reach:String(m)}),g.style.marginLeft=`calc(${B(c)} + ${d}px)`,n===`above`?g.style.marginBottom=`${-f}px`:g.style.marginTop=`${f}px`,g.title=`${a.text} (${J(a)})`,g.append(V(`div`,`tlv-callout-title`,a.text),V(`div`,`tlv-callout-dates`,J(a))),r.append(p,h,g)}return r}function Oe(e){for(let t of e.querySelectorAll(`.tlv-callout, .tlv-marker-label`)){let e=t.previousElementSibling,n=Number(t.dataset.x),r=Number(t.dataset.y),i=Number(t.dataset.reach),a=t.parentElement.classList.contains(`tlv-area--above`)?r+i:r-i,o=Math.min(Math.max(0,n),n+t.offsetWidth),s=Math.hypot(o,a);e.style.width=`${s}px`,e.style.transform=`rotate(${Math.atan2(a,o)}rad)`,e.hidden=s<1}}var ke=`http://www.w3.org/2000/svg`,Ae={diamond:[[7,-.92],[14.92,7],[7,14.92],[-.92,7]],square:[[1.05,1.05],[12.95,1.05],[12.95,12.95],[1.05,12.95]],triangle:[[7,0],[14,14],[0,14]],star:[[50,0],[61,35],[98,35],[68,57],[79,91],[50,70],[21,91],[32,57],[2,35],[39,35]].map(([e,t])=>[e*14/100,t*14/100])},je=e=>e.replace(/[&<>"']/g,e=>({"&":`&amp;`,"<":`&lt;`,">":`&gt;`,'"':`&quot;`,"'":`&apos;`})[e]),Y=e=>String(Math.round(e*100)/100),X=e=>e!==``&&e!==`transparent`&&!/rgba\(.*,\s*0\)$/.test(e),Me=class{root;parts=[];clipCount=0;origin;constructor(e){this.root=e;let t=e.getBoundingClientRect();this.origin={x:t.left+e.clientLeft-e.scrollLeft,y:t.top+e.clientTop-e.scrollTop}}box(e){return this.fromRect(e.getBoundingClientRect())}fromRect(e){return{x:e.left-this.origin.x,y:e.top-this.origin.y,width:e.width,height:e.height}}add(e){this.parts.push(e)}rect(e,t,n=``){e.width<=0||e.height<=0||this.add(`<rect x="${Y(e.x)}" y="${Y(e.y)}" width="${Y(e.width)}" height="${Y(e.height)}" fill="${t}"${n}/>`)}clip(e,t=0){let n=`tlv-clip-${++this.clipCount}`;return this.add(`<clipPath id="${n}"><rect x="${Y(e.x)}" y="${Y(e.y)}" width="${Y(e.width)}" height="${Y(e.height)}" rx="${Y(t)}"/></clipPath>`),n}text(e,t){if(!e?.textContent)return;let n=getComputedStyle(e),r=document.createRange();r.selectNodeContents(e);let i=typeof r.getBoundingClientRect==`function`?r.getBoundingClientRect():void 0,a=i&&i.width>0?this.fromRect(i):this.box(e),o=(n.writingMode??``).startsWith(`vertical`),s=a.x+a.width/2,c=a.y+a.height/2,l=` font-family="${je(n.fontFamily)}" font-size="${n.fontSize}"`+(Number(n.fontWeight)>=600||n.fontWeight===`bold`?` font-weight="${n.fontWeight}"`:``),u;if(o){let t=e.closest(`.tlv-timeline--name-left`)?-90:90;u=`x="${Y(s)}" y="${Y(c)}" text-anchor="middle" transform="rotate(${t} ${Y(s)} ${Y(c)})"`}else u=`x="${Y(a.x)}" y="${Y(c)}"`;let d=`<text ${u} dominant-baseline="central" fill="${n.color}"${l}>${je(e.textContent)}</text>`;this.add(t?`<g clip-path="url(#${this.clip(t)})">${d}</g>`:d)}size(){let e=0,t=0;for(let n of this.root.querySelectorAll(`.tlv-title, .tlv-timeline`)){let r=this.box(n);e=Math.max(e,r.x+r.width),t=Math.max(t,r.y+r.height)}return{width:Math.ceil(e),height:Math.ceil(t)}}toString(){let{width:e,height:t}=this.size();return`<svg xmlns="${ke}" width="${Y(e)}" height="${Y(t)}" viewBox="0 0 ${Y(e)} ${Y(t)}">`+this.parts.join(``)+`</svg>`}};function Ne(e,t){let{x:n,y:r,width:i,height:a}=e,o=Math.min(i,a)/2,s=e=>Math.min(parseFloat(e)||0,o),[c,l,u,d]=[s(t.borderTopLeftRadius),s(t.borderTopRightRadius),s(t.borderBottomRightRadius),s(t.borderBottomLeftRadius)],f=(e,t,n)=>e?`A${Y(e)} ${Y(e)} 0 0 1 ${Y(t)} ${Y(n)}`:`L${Y(t)} ${Y(n)}`;return`M${Y(n+c)} ${Y(r)}H${Y(n+i-l)}${f(l,n+i,r+l)}V${Y(r+a-u)}${f(u,n+i-u,r+a)}H${Y(n+d)}${f(d,n,r+a-d)}V${Y(r+c)}${f(c,n+c,r)}Z`}function Pe(e,t,n){let{x:r,y:i,width:a,height:o}=e,s=Math.min(6,a/2);return`M${[[t?r+s:r,i],[n?r+a-s:r+a,i],...n?[[r+a,i+o/2]]:[],[n?r+a-s:r+a,i+o],[t?r+s:r,i+o],...t?[[r,i+o/2]]:[]].map(([e,t])=>`${Y(e)} ${Y(t)}`).join(`L`)}Z`}function Fe(e,t){let{x:n,y:r,width:i,height:a}=e.box(t),o=t.classList.contains(`tlv-arrow--before`)?[[n+i,r],[n,r+a/2],[n+i,r+a]]:[[n,r],[n+i,r+a/2],[n,r+a]];e.add(`<polygon points="${o.map(([e,t])=>`${Y(e)},${Y(t)}`).join(` `)}" fill="${getComputedStyle(t).backgroundColor}"/>`)}function Ie(e,t){let n=e.box(t),r=n.x+n.width/2,i=n.y+n.height/2,a=getComputedStyle(t).backgroundColor,o=[...t.classList].find(e=>e.startsWith(`tlv-symbol--`))?.slice(12)??`diamond`;if(o===`circle`){e.add(`<circle cx="${Y(r)}" cy="${Y(i)}" r="7" fill="${a}"/>`);return}let s=(Ae[o]??Ae.diamond).map(([e,t])=>`${Y(r-7+e)},${Y(i-7+t)}`).join(` `);e.add(`<polygon points="${s}" fill="${a}"/>`)}function Le(e,t){let n=getComputedStyle(t),r=e.box(t),i=parseFloat(n.borderTopLeftRadius)||0;e.rect(r,n.backgroundColor,` rx="${Y(i)}"`);let a=t.querySelector(`.tlv-scale`),o=e.clip(r,i);e.add(`<g clip-path="url(#${o})">`);for(let t of a.querySelectorAll(`.tlv-period`))e.rect(e.box(t),getComputedStyle(t).backgroundColor);let s=e.box(a),c=getComputedStyle(a);((t,n)=>e.add(`<line x1="${Y(s.x)}" y1="${Y(t)}" x2="${Y(s.x+s.width)}" y2="${Y(t)}" stroke="${n}"/>`))(s.y+s.height-.5,c.borderBottomColor),e.add(`</g>`);for(let t of a.querySelectorAll(`.tlv-tick`))e.text(t,s);for(let n of t.querySelectorAll(`.tlv-task`)){let t=e.box(n),r=getComputedStyle(n);e.add(`<path d="${Ne(t,r)}" fill="${r.backgroundColor}"/>`);let i=n.querySelector(`.tlv-task-label`);e.text(i,getComputedStyle(i).position===`absolute`?void 0:t);for(let t of n.querySelectorAll(`.tlv-arrow`))Fe(e,t)}for(let n of t.querySelectorAll(`.tlv-milestone`))Ie(e,n.querySelector(`.tlv-symbol`)),e.text(n.querySelector(`.tlv-milestone-label`));e.rect({x:r.x+.5,y:r.y+.5,width:r.width-1,height:r.height-1},`none`,` rx="${Y(i)}" stroke="${n.borderTopColor}"`);for(let n of t.querySelectorAll(`.tlv-date`))e.text(n.querySelector(`.tlv-date-caption`)),e.text(n.querySelector(`.tlv-date-value`))}function Re(e,t){let n=e.box(t),r=t.classList.contains(`tlv-area--above`),i=r?n.y+n.height:n.y,a=(t,a)=>{if(a.hidden)return;let o=Number(t.dataset.x),s=Number(t.dataset.y),c=Number(t.dataset.reach),l=n.x+Number(t.dataset.at)*n.width,u=r?i-c:i+c,d=Math.min(Math.max(0,o),o+t.offsetWidth),f=r?s+c:s-c,p=getComputedStyle(a),m=a.classList.contains(`tlv-connector--marker`)?``:` stroke-dasharray="3 3"`;e.add(`<line x1="${Y(l)}" y1="${Y(u)}" x2="${Y(l+d)}" y2="${Y(u+f)}" stroke="${p.borderTopColor}"${m}/>`)};for(let n of t.querySelectorAll(`.tlv-marker-label`))a(n,n.previousElementSibling),ze(e,n);for(let n of t.querySelectorAll(`.tlv-callout`)){let t=n.previousElementSibling,r=t.previousElementSibling;if(a(n,t),r.classList.contains(`tlv-edge-bar`)){let t=getComputedStyle(r),n=r.classList.contains(`tlv-edge-bar--before`),i=r.classList.contains(`tlv-edge-bar--after`),a=e.box(r),o=n||i?Pe(a,n,i):Ne(a,t);e.add(`<path d="${o}" fill="${t.backgroundColor}"/>`)}else Ie(e,r);ze(e,n)}}function ze(e,t){let n=getComputedStyle(t),r=e.box(t),i=parseFloat(n.borderTopLeftRadius)||0;X(n.backgroundColor)&&e.rect(r,n.backgroundColor,` rx="${Y(i)}"`),e.rect({x:r.x+.5,y:r.y+.5,width:r.width-1,height:r.height-1},`none`,` rx="${Y(i)}" stroke="${n.borderTopColor}"`),e.text(t.querySelector(`.tlv-callout-title`),r),e.text(t.querySelector(`.tlv-callout-dates`),r)}function Be(e){let t=new Me(e),n=getComputedStyle(e),{width:r,height:i}=t.size();X(n.backgroundColor)&&t.rect({x:0,y:0,width:r,height:i},n.backgroundColor);let a=e.querySelector(`.tlv-title`);if(a){let e=t.box(a),n=getComputedStyle(a);if(X(n.backgroundColor)&&t.rect(e,n.backgroundColor),t.text(a),parseFloat(n.borderBottomWidth)>0){let r=e.y+e.height-.5;t.add(`<line x1="${Y(e.x)}" y1="${Y(r)}" x2="${Y(e.x+e.width)}" y2="${Y(r)}" stroke="${n.borderBottomColor}"/>`)}}for(let n of e.querySelectorAll(`.tlv-timeline`)){let e=getComputedStyle(n),r=t.box(n),i=n.querySelector(`.tlv-name`),a=t.box(i);if(t.rect(a,getComputedStyle(i).backgroundColor),t.text(i,a),parseFloat(e.borderBottomWidth)>0){let n=r.y+r.height-.5;t.add(`<line x1="${Y(r.x)}" y1="${Y(n)}" x2="${Y(r.x+r.width)}" y2="${Y(n)}" stroke="${e.borderBottomColor}"/>`)}Le(t,n.querySelector(`.tlv-bar`))}for(let n of e.querySelectorAll(`:scope > .tlv-marker-line`))t.rect(t.box(n),getComputedStyle(n).backgroundColor);for(let n of e.querySelectorAll(`.tlv-timeline`))for(let e of n.querySelectorAll(`.tlv-area`))Re(t,e);return t.toString()}var Ve=[`onTaskClick`,`onTimelineClick`,`onTaskSelected`,`onTimelineSelected`],Z=class extends Error{constructor(){super(`Move cancelled because an earlier move failed`),this.name=`MoveCancelledError`}},He=e=>typeof e==`object`&&!!e&&`view`in e&&`timelines`in e,Ue=class{container;model;api;listeners=new Map;handlers=new Map;lastEventId=0;selected={kind:`task`,ids:[]};detachDrag;queue=Promise.resolve();pending=0;generation=0;constructor(e,t={}){let n=typeof e==`string`?document.getElementById(e):e;if(!n)throw Error(`Timeline container "${e}" not found`);this.container=n,t.api_url&&(this.api=new r(t.api_url,t.fetch)),this.detachDrag=d(n,e=>this.onDrop(e),(e,t)=>this.onEntryClick(e,t),(e,t)=>this.onBackgroundClick(e,t),e=>this.onMarkerDrop(e))}parse(e){this.model=k.fromData(e),this.render(),this.dropStaleSelection()}async load(e){if(!this.api)throw Error(`load() needs the api_url option`);this.parse(await this.api.getView(e))}toSVG(){this.requireModel();let e=this.selected;this.selected={kind:`task`,ids:[]},this.applySelection();try{return Be(this.container)}finally{this.selected=e,this.applySelection()}}serialize(){return this.requireModel().toData()}on(e,t){let n=this.listeners.get(e);return n||this.listeners.set(e,n=new Set),n.add(t),()=>n.delete(t)}attachEvent(e,t){if(!Ve.includes(e))throw Error(`Unknown event "${e}"`);if(typeof t!=`function`)throw Error(`attachEvent needs a handler function`);let n=++this.lastEventId;return this.handlers.set(n,{name:e,handler:t}),n}detachEvent(e){return this.handlers.delete(e)}getSelectedTasks(){return this.selected.kind===`task`?[...this.selected.ids]:[]}getSelectedTimelines(){return this.selected.kind===`timeline`?[...this.selected.ids]:[]}selectTask(e,t=!1){let n=this.requireModel().findTask(e);if(!n)throw Error(`Task ${e} not found`);return this.select(`task`,n.id,t)}selectTimeline(e,t=!1){let n=this.requireModel().findTimeline(e);if(!n)throw Error(`Timeline ${e} not found`);return this.select(`timeline`,n.id,t)}unselectTask(e){return this.unselect(`task`,e)}unselectTimeline(e){return this.unselect(`timeline`,e)}clearSelection(){this.setSelection(this.selected.kind,[])}setMarkerOffset(e,t){let n=this.requireModel().setMarkerOffset(e,t);this.render(),this.emit(`marker_moved`,{marker_id:n.id,marker_offset:{...n.offset}})}moveTimelineUp(e){return this.moveTimeline(e,-1)}moveTimelineDown(e){return this.moveTimeline(e,1)}moveTimeline(e,t){let n=this.requireModel().moveTimeline(e,t);return n&&this.render(),n}async moveEntry(e,n,r){let i=this.requireModel(),a={timeline_id:e,task_id:n,patch:r},o=i.toData();try{i.moveEntry(e,n,P(r))}catch(e){throw this.emit(`move_failed`,{...a,error:e}),e}if(this.render(),this.emit(`entry_moved`,a),!this.api)return;let s=i.view.id;if(s===void 0){let e=Error(`view.id is required when api_url is set`);throw this.rollback(o),this.emit(`move_failed`,{...a,error:e}),e}let c=this.api,l=this.generation;this.pending++;let u=this.queue.then(async()=>{try{if(l!==this.generation)throw new Z;let t=await c.moveEntry(s,e,n,r,this.model?.version);if(l!==this.generation)return;this.model.version=t.version,this.pending===1&&(this.model.replaceTimelines(t.timelines),this.render())}catch(e){throw e instanceof Z||(this.generation++,e instanceof t&&e.status===409&&He(e.body)?this.parse(e.body):this.rollback(o),this.emit(`move_failed`,{...a,error:e})),e}finally{this.pending--}});return this.queue=u.catch(()=>void 0),u}destroy(){this.detachDrag(),xe(this.container),this.listeners.clear(),this.handlers.clear(),this.container.replaceChildren(),this.container.classList.remove(`tlv`)}rollback(e){let t=this.model?.version;this.model=k.fromData(e),this.model.version=t,this.render()}onDrop({timeline:e,task:t,target:n,offset:r}){let i=this.requireModel(),a=i.timelines.find(t=>String(t.id)===e),o=i.timelines.find(e=>String(e.id)===n.timeline),s=a?.entries.find(e=>String(e.taskId)===t);if(!a||!o||!s)return;let c={};o!==a&&(c.timeline_id=o.id),n.placement!==s.placement&&(c.placement=n.placement);let l=c.timeline_id!==void 0||c.placement!==void 0;if(n.placement===`on`)n.newLine?(c.line=n.line,c.new_line=!0):(l||s.placement!==`on`||s.line!==n.line)&&(c.line=n.line);else if(r){let e=s.placement===`on`?void 0:s.calloutOffset;(l||!e||e.x!==r.x||e.y!==r.y)&&(c.callout_offset=r)}Object.keys(c).length!==0&&this.moveEntry(a.id,s.taskId,c).catch(()=>void 0)}callHandlers(e,...t){for(let{name:n,handler:r}of[...this.handlers.values()])n===e&&r.apply(this,t)}onMarkerDrop({marker:e,offset:t}){let n=this.model?.markers.find(t=>String(t.id)===e);!n||n.offset.x===t.x&&n.offset.y===t.y||this.setMarkerOffset(n.id,t)}onEntryClick(e,t){let n=this.model,r=n?.tasks.find(t=>String(t.id)===e.dataset.task),i=n?.timelines.find(t=>String(t.id)===e.dataset.timeline);n&&r&&i&&(this.callHandlers(`onTaskClick`,r.id,t,i.id),this.model===n&&this.clickSelect(`task`,r.id,t))}onBackgroundClick(e,t){let n=this.model;if(!n)return;let r=e.closest(`.tlv-timeline`),i=r?n.timelines.find(e=>String(e.id)===r.dataset.timeline):void 0;i&&this.callHandlers(`onTimelineClick`,i.id,t),this.model===n&&(i?this.clickSelect(`timeline`,i.id,t):n.view.selection&&this.clearSelection())}clickSelect(e,t,n){if(!this.requireModel().view.selection)return;let r=this.isSelected(e,t);n.ctrlKey||n.metaKey?r?this.unselect(e,t):this.select(e,t,!0):r?this.clearSelection():this.select(e,t,!1)}isSelected(e,t){return this.selected.kind===e&&this.selected.ids.some(e=>String(e)===String(t))}select(e,t,n){if(!this.requireModel().view.selection)return!1;let r=n&&this.selected.kind===e?this.selected.ids:[];return r.some(e=>String(e)===String(t))||this.setSelection(e,[...r,t]),!0}unselect(e,t){return this.isSelected(e,t)?(this.setSelection(e,this.selected.ids.filter(e=>String(e)!==String(t))),!0):!1}setSelection(e,t){let n=this.selected;this.selected={kind:e,ids:t},this.applySelection();let r=(e,t)=>t.kind===e?t.ids:[];for(let e of[`task`,`timeline`])r(e,n).map(String).join(`\0`)!==r(e,this.selected).map(String).join(`\0`)&&this.callHandlers(e===`task`?`onTaskSelected`:`onTimelineSelected`,[...r(e,this.selected)])}dropStaleSelection(){let e=this.requireModel(),{kind:t,ids:n}=this.selected,r=e.view.selection?n.filter(n=>(t===`task`?e.findTask(n):e.findTimeline(n))!==void 0):[];r.length!==n.length&&this.setSelection(t,r)}applySelection(){let e=new Set(this.selected.ids.map(String)),t=this.selected.kind===`task`;for(let n of this.container.querySelectorAll(`[data-entry]`))n.classList.toggle(`tlv-selected`,t&&e.has(n.dataset.task));for(let n of this.container.querySelectorAll(`.tlv-timeline`)){let r=!t&&e.has(n.dataset.timeline);n.classList.toggle(`tlv-timeline--selected`,r),n.setAttribute(`aria-selected`,String(r))}}emit(e,t){for(let n of this.listeners.get(e)??[])n(t)}requireModel(){if(!this.model)throw Error(`No data yet: call parse() or load() first`);return this.model}render(){he(this.container,this.requireModel()),this.applySelection()}},Q;function $(){if(!Q)throw Error(`Call timeline.init(container) first`);return Q}function We(e,t){return Q?.destroy(),Q=new Ue(e,t),Q}e.ApiError=t,e.MoveCancelledError=Z,e.MoveError=C,e.RestClient=r,e.TimelineModel=k,e.TimelineView=Ue,e.addDuration=x,e.attachEvent=(e,t)=>$().attachEvent(e,t),e.clearSelection=()=>$().clearSelection(),e.detachEvent=e=>$().detachEvent(e),e.firstLine=A,e.getSelectedTasks=()=>$().getSelectedTasks(),e.getSelectedTimelines=()=>$().getSelectedTimelines(),e.init=We,e.lineCount=M,e.load=e=>$().load(e),e.moveEntry=(e,t,n)=>$().moveEntry(e,t,n),e.moveTimeline=(e,t)=>$().moveTimeline(e,t),e.moveTimelineDown=e=>$().moveTimelineDown(e),e.moveTimelineUp=e=>$().moveTimelineUp(e),e.on=(e,t)=>$().on(e,t),e.parse=e=>$().parse(e),e.parseDuration=b,e.patchFromData=P,e.selectTask=(e,t)=>$().selectTask(e,t),e.selectTimeline=(e,t)=>$().selectTimeline(e,t),e.serialize=()=>$().serialize(),e.setMarkerOffset=(e,t)=>$().setMarkerOffset(e,t),e.timelineToData=N,e.toSVG=()=>$().toSVG(),e.trimLines=j,e.unselectTask=e=>$().unselectTask(e),e.unselectTimeline=e=>$().unselectTimeline(e)});