gantt-source_management 3.37.5

package/dist/plugins/calendar-scroll.d.ts

@@ -0,0 +1,15 @@
+/**
+ * CalendarScroll plugin
+ *
+ * @header  --gstc--header--
+ */
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface Options {
+    enabled: boolean;
+    bodyClassName: string;
+}
+export declare function Plugin(options?: Options): (vidoInstance: any) => () => void;
+//# sourceMappingURL=calendar-scroll.d.ts.map

package/dist/plugins/calendar-scroll.esm.min.d.ts

@@ -0,0 +1,15 @@
+/**
+ * CalendarScroll plugin
+ *
+ * @header  --gstc--header--
+ */
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface Options {
+    enabled: boolean;
+    bodyClassName: string;
+}
+export declare function Plugin(options?: Options): (vidoInstance: any) => () => void;
+//# sourceMappingURL=calendar-scroll.d.ts.map

package/dist/plugins/calendar-scroll.esm.min.js

@@ -0,0 +1,13 @@
+/**
+ * CalendarScroll plugin
+ *
+ * @copyright NEURONET - Rafal Pospiech
+ * @author    Rafal Pospiech <neuronet.io@gmail.com>
+ * @module    gantt-schedule-timeline-calendar
+ * @link      https://github.com/neuronetio/gantt-schedule-timeline-calendar
+ * @link      https://gantt-schedule-timeline-calendar.neuronet.io
+ * @version   3.37.5
+ * @released  2024-07-19
+ * @license   SEE LICENSE IN LICENSE FILE
+ */
+const t={enabled:!0,bodyClassName:"gstc-scrolling"};function e(e=t){let i,n,o,s=e.enabled;class r{constructor(t){this.moving=!1,this.initialDataIndex={x:0,y:0},this.pointerDown=this.pointerDown.bind(this),this.pointerUp=this.pointerUp.bind(this),this.destroy=this.destroy.bind(this),this.pointerMove=i.schedule(this.pointerMove.bind(this)),t.addEventListener("pointerdown",this.pointerDown),document.addEventListener("pointermove",this.pointerMove,{passive:!0}),document.addEventListener("pointerup",this.pointerUp),t.style.cursor="grab"}destroy(t){t.removeEventListener("pointerdown",this.pointerDown),document.removeEventListener("pointermove",this.pointerMove),document.removeEventListener("pointerup",this.pointerUp)}resetInitialPoint(t){this.initialPoint={x:t.screenX,y:t.screenY}}pointerDown(t){if(!s)return;document.body.classList.add(e.bodyClassName),this.moving=!0,this.resetInitialPoint(t);const i=o.get("$data.scroll");this.initialDataIndex={x:i.horizontal.dataIndex||0,y:i.vertical.dataIndex||0}}pointerUp(){s&&(document.body.classList.remove(e.bodyClassName),this.moving&&(this.moving=!1))}handleHorizontalMovement(t,e){const i=o.get("$data.chart.time"),s=o.get("config.scroll.horizontal");if(t.x>0){if(0===this.initialDataIndex.x)return this.resetInitialPoint(e);const o=i.allDates[i.level];let r,l=this.initialDataIndex.x-1,a=0;for(;l>0&&(r=o[l],a+=r.width,!(a>=t.x));l--);let d=0;r&&(d=r.leftPx),s.byPixels?n.setScrollLeft(d):n.setScrollLeft(l)}else if(t.x<0){let r=this.initialDataIndex.x;const l=o.get("$data.scroll.horizontal"),a=i.allDates[i.level];if(r-1>=a.length-l.lastPageCount)return this.resetInitialPoint(e);let d,c=0;for(let e=a.length;r<e&&(d=a[r],c+=d.width,!(-c<=t.x));r++);if(r-1>=a.length-l.lastPageCount)return;let h=0;d&&(h=d.leftPx),s.byPixels?n.setScrollLeft(h):n.setScrollLeft(r)}}pointerMove(t){if(!s||!this.moving)return;const e={x:t.screenX-this.initialPoint.x,y:t.screenY-this.initialPoint.y};this.handleHorizontalMovement(e,t)}}return function(t){i=t,n=i.api,o=i.state;const l="config.plugin.CalendarScroll",a=t.state.get(l);return a&&(e=n.mergeDeep({},e,a)),o.update(l,e),o.subscribe("config.plugin.CalendarScroll.enabled",(t=>s=t)),o.update("config.actions.chart-calendar",(t=>(t.push(r),t))),n.pluginInitialized("CalendarScroll"),function(){o.update("config.actions.chart-calendar",(t=>t.filter((t=>t!==r)))),n.pluginDestroyed("CalendarScroll")}}}export{e as Plugin};

package/dist/plugins/calendar-scroll.umd.min.d.ts

@@ -0,0 +1,15 @@
+/**
+ * CalendarScroll plugin
+ *
+ * @header  --gstc--header--
+ */
+export interface Point {
+    x: number;
+    y: number;
+}
+export interface Options {
+    enabled: boolean;
+    bodyClassName: string;
+}
+export declare function Plugin(options?: Options): (vidoInstance: any) => () => void;
+//# sourceMappingURL=calendar-scroll.d.ts.map

package/dist/plugins/calendar-scroll.umd.min.js

@@ -0,0 +1,13 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).CalendarScroll={})}(this,(function(t){"use strict";
+/**
+ * CalendarScroll plugin
+ *
+ * @copyright NEURONET - Rafal Pospiech
+ * @author    Rafal Pospiech <neuronet.io@gmail.com>
+ * @module    gantt-schedule-timeline-calendar
+ * @link      https://github.com/neuronetio/gantt-schedule-timeline-calendar
+ * @link      https://gantt-schedule-timeline-calendar.neuronet.io
+ * @version   3.37.5
+ * @released  2024-07-19
+ * @license   SEE LICENSE IN LICENSE FILE
+ */const e={enabled:!0,bodyClassName:"gstc-scrolling"};t.Plugin=function(t=e){let i,n,o,s=t.enabled;class l{constructor(t){this.moving=!1,this.initialDataIndex={x:0,y:0},this.pointerDown=this.pointerDown.bind(this),this.pointerUp=this.pointerUp.bind(this),this.destroy=this.destroy.bind(this),this.pointerMove=i.schedule(this.pointerMove.bind(this)),t.addEventListener("pointerdown",this.pointerDown),document.addEventListener("pointermove",this.pointerMove,{passive:!0}),document.addEventListener("pointerup",this.pointerUp),t.style.cursor="grab"}destroy(t){t.removeEventListener("pointerdown",this.pointerDown),document.removeEventListener("pointermove",this.pointerMove),document.removeEventListener("pointerup",this.pointerUp)}resetInitialPoint(t){this.initialPoint={x:t.screenX,y:t.screenY}}pointerDown(e){if(!s)return;document.body.classList.add(t.bodyClassName),this.moving=!0,this.resetInitialPoint(e);const i=o.get("$data.scroll");this.initialDataIndex={x:i.horizontal.dataIndex||0,y:i.vertical.dataIndex||0}}pointerUp(){s&&(document.body.classList.remove(t.bodyClassName),this.moving&&(this.moving=!1))}handleHorizontalMovement(t,e){const i=o.get("$data.chart.time"),s=o.get("config.scroll.horizontal");if(t.x>0){if(0===this.initialDataIndex.x)return this.resetInitialPoint(e);const o=i.allDates[i.level];let l,r=this.initialDataIndex.x-1,a=0;for(;r>0&&(l=o[r],a+=l.width,!(a>=t.x));r--);let d=0;l&&(d=l.leftPx),s.byPixels?n.setScrollLeft(d):n.setScrollLeft(r)}else if(t.x<0){let l=this.initialDataIndex.x;const r=o.get("$data.scroll.horizontal"),a=i.allDates[i.level];if(l-1>=a.length-r.lastPageCount)return this.resetInitialPoint(e);let d,c=0;for(let e=a.length;l<e&&(d=a[l],c+=d.width,!(-c<=t.x));l++);if(l-1>=a.length-r.lastPageCount)return;let h=0;d&&(h=d.leftPx),s.byPixels?n.setScrollLeft(h):n.setScrollLeft(l)}}pointerMove(t){if(!s||!this.moving)return;const e={x:t.screenX-this.initialPoint.x,y:t.screenY-this.initialPoint.y};this.handleHorizontalMovement(e,t)}}return function(e){i=e,n=i.api,o=i.state;const r="config.plugin.CalendarScroll",a=e.state.get(r);return a&&(t=n.mergeDeep({},t,a)),o.update(r,t),o.subscribe("config.plugin.CalendarScroll.enabled",(t=>s=t)),o.update("config.actions.chart-calendar",(t=>(t.push(l),t))),n.pluginInitialized("CalendarScroll"),function(){o.update("config.actions.chart-calendar",(t=>t.filter((t=>t!==l)))),n.pluginDestroyed("CalendarScroll")}}},Object.defineProperty(t,"__esModule",{value:!0})}));

package/dist/plugins/dependency-lines.d.ts

@@ -0,0 +1,47 @@
+/**
+ * DependencyLines plugin
+ *
+ * @header  --gstc--header--
+ */
+import type { htmlResult, Item, ItemData, RowData, Vido } from '../gstc';
+export type LineType = 'straight' | 'square' | 'square-alt' | 'smooth';
+export interface DefaultPoint {
+    content: htmlResult;
+    width: number;
+    height: number;
+}
+export interface Options {
+    type?: LineType;
+    onLines?: ((lines: Line[]) => Line[])[];
+    onLine?: ((line: Line) => Line)[];
+    leftPoint?: DefaultPoint;
+    rightPoint?: DefaultPoint;
+}
+export interface PluginData extends Options {
+    lines: Line[];
+}
+export interface Point {
+    x: number;
+    y: number;
+    type: 'M' | 'L' | 'Q' | 'T' | 'C' | 'S' | '';
+    content?: htmlResult;
+}
+export interface Line {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    topOffset: number;
+    leftOffset: number;
+    type: LineType;
+    fromItemData: ItemData;
+    toItemData: ItemData;
+    fromItem: Item;
+    toItem: Item;
+    fromRowData: RowData;
+    toRowData: RowData;
+    points: Point[];
+    className: string;
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=dependency-lines.d.ts.map

package/dist/plugins/dependency-lines.esm.min.d.ts

@@ -0,0 +1,47 @@
+/**
+ * DependencyLines plugin
+ *
+ * @header  --gstc--header--
+ */
+import type { htmlResult, Item, ItemData, RowData, Vido } from '../gstc';
+export type LineType = 'straight' | 'square' | 'square-alt' | 'smooth';
+export interface DefaultPoint {
+    content: htmlResult;
+    width: number;
+    height: number;
+}
+export interface Options {
+    type?: LineType;
+    onLines?: ((lines: Line[]) => Line[])[];
+    onLine?: ((line: Line) => Line)[];
+    leftPoint?: DefaultPoint;
+    rightPoint?: DefaultPoint;
+}
+export interface PluginData extends Options {
+    lines: Line[];
+}
+export interface Point {
+    x: number;
+    y: number;
+    type: 'M' | 'L' | 'Q' | 'T' | 'C' | 'S' | '';
+    content?: htmlResult;
+}
+export interface Line {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    topOffset: number;
+    leftOffset: number;
+    type: LineType;
+    fromItemData: ItemData;
+    toItemData: ItemData;
+    fromItem: Item;
+    toItem: Item;
+    fromRowData: RowData;
+    toRowData: RowData;
+    points: Point[];
+    className: string;
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=dependency-lines.d.ts.map

package/dist/plugins/dependency-lines.esm.min.js

@@ -0,0 +1,38 @@
+/**
+ * Gantt-Schedule-Timeline-Calendar helpers
+ *
+ * @copyright NEURONET - Rafal Pospiech
+ * @author    Rafal Pospiech <neuronet.io@gmail.com>
+ * @module    gantt-schedule-timeline-calendar
+ * @link      https://github.com/neuronetio/gantt-schedule-timeline-calendar
+ * @link      https://gantt-schedule-timeline-calendar.neuronet.io
+ * @version   3.37.5
+ * @released  2024-07-19
+ * @license   SEE LICENSE IN LICENSE FILE
+ */
+const t="gstc";function i(i,e=""){let n=`${t}__${i}`;return i===t&&(n=t),e?`${n} ${n}--${e.replace(":","-")}`:n}
+/**
+ * DependencyLines plugin
+ *
+ * @copyright NEURONET - Rafal Pospiech
+ * @author    Rafal Pospiech <neuronet.io@gmail.com>
+ * @module    gantt-schedule-timeline-calendar
+ * @link      https://github.com/neuronetio/gantt-schedule-timeline-calendar
+ * @link      https://gantt-schedule-timeline-calendar.neuronet.io
+ * @version   3.37.5
+ * @released  2024-07-19
+ * @license   SEE LICENSE IN LICENSE FILE
+ */const e="DependencyLines",n="config.plugin.DependencyLines",s="config.slots.chart-timeline-items.outer",o=i("chart-timeline-dependency-lines-lines"),p=i("chart-timeline-dependency-lines-lines-line"),a=i("chart-timeline-dependency-lines-points"),h=i("chart-timeline-dependency-lines-points-point");class d{constructor(t,i){this.onDestroy=[],this.vido=t,this.api=this.vido.api,this.state=this.vido.state;const e=this.vido.html`<div class=${h+"--left"}></div>`,o=this.vido.html`<div class=${h+"--right"}></div>`;this.data=function(t){return Object.assign(Object.assign({},t),{lines:[]})}(function(t,i,e){const n=Object.assign(Object.assign({},function(t,i){return{type:"smooth",onLines:[],onLine:[],leftPoint:{content:t,width:10,height:10},rightPoint:{content:i,width:10,height:10}}}(i,e)),t);return t.leftPoint&&(n.leftPoint=Object.assign(Object.assign({},n.leftPoint),t.leftPoint)),t.rightPoint&&(n.rightPoint=Object.assign(Object.assign({},n.rightPoint),t.rightPoint)),n}(i,e,o)),this.PluginDependencyLinesSlot=this.PluginDependencyLinesSlot.bind(this),this.generateLines=this.generateLines.bind(this),this.destroy=this.destroy.bind(this),this.updateData(),this.onDestroy.push(this.state.subscribe(n,(t=>{this.data=t}))),this.state.update(s,(t=>(t.includes(this.PluginDependencyLinesSlot)||t.push(this.PluginDependencyLinesSlot),t))),this.onDestroy.push(this.state.subscribeAll(["$data.chart.items","$data.list.rowsHeight","$data.scroll","$data.chart.time.leftGlobal","$data.chart.time.rightPx"],this.generateLines,{group:!0}))}destroy(){this.state.update(s,(t=>t.filter((t=>t!==this.PluginDependencyLinesSlot)))),this.onDestroy.forEach((t=>t())),this.api.pluginDestroyed(e)}updateData(){this.state.update(n,this.data),this.vido.update()}setStraightPoints(t){const{topOffset:i,leftOffset:e,fromItemData:n,toItemData:s,fromRowData:o,toRowData:p}=t;if(!this.api.parentsExpanded(o.id)||!this.api.parentsExpanded(p.id))return;const a=this.api.getRowViewTop(o.id),h=this.api.getRowViewTop(p.id);t.points.push({x:n.position.right+e,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"M",content:this.data.leftPoint.content}),t.points.push({x:s.position.left-e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"L",content:this.data.rightPoint.content})}setSquareAltPoints(t){const{topOffset:i,leftOffset:e,fromItemData:n,toItemData:s,fromRowData:o,toRowData:p}=t;if(!this.api.parentsExpanded(o.id)&&!this.api.parentsExpanded(p.id))return;const a=(s.position.left-n.position.right)/2,h=n.position.right+a,d=(s.position.viewTop-n.position.viewTop)/2,r=n.position.viewTop+d,l=this.api.getRowViewTop(o.id),c=this.api.getRowViewTop(p.id);t.points.push({x:n.position.right+e,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:l,type:"M",content:this.data.leftPoint.content}),s.position.left<n.position.right?(t.points.push({x:n.position.right+e+10,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:l,type:"L",content:null}),t.points.push({x:n.position.right+e+10,y:this.api.parentsExpanded(o.id)?r+i:l,type:"L",content:null})):t.points.push({x:h,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:l,type:"L",content:null}),t.points.push({x:h,y:this.api.parentsExpanded(o.id)?r+i:l,type:"L",content:null}),this.api.parentsExpanded(p.id)?(s.position.left<n.position.right?(t.points.push({x:s.position.left-e-10,y:this.api.parentsExpanded(o.id)?r+i:l,type:"L",content:null}),t.points.push({x:s.position.left-e-10,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:l,type:"L",content:null})):t.points.push({x:h,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:l,type:"L",content:null}),t.points.push({x:s.position.left-e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:c,type:"L",content:this.data.rightPoint.content})):t.points.push({x:h,y:c,type:"L",content:this.data.rightPoint.content})}setSquarePoints(t){const{topOffset:i,leftOffset:e,fromItemData:n,toItemData:s,fromRowData:o,toRowData:p}=t;if(!this.api.parentsExpanded(o.id)&&!this.api.parentsExpanded(p.id))return;const a=this.api.getRowViewTop(o.id),h=this.api.getRowViewTop(p.id);t.points.push({x:n.position.right+e,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"M",content:this.data.leftPoint.content}),n.position.viewTop!==s.position.viewTop?s.position.left<n.position.right?(t.points.push({x:n.position.right+e+10,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"L",content:null}),s.position.viewTop>n.position.viewTop?(t.points.push({x:n.position.right+e+10,y:this.api.parentsExpanded(o.id)?a+o.outerHeight:a,type:"L",content:null}),t.points.push({x:s.position.left+e+10,y:this.api.parentsExpanded(o.id)?a+o.outerHeight:a,type:"L",content:null}),t.points.push({x:s.position.left+e+10,y:this.api.parentsExpanded(p.id)?s.position.viewTop:h,type:"L",content:this.data.rightPoint.content})):(t.points.push({x:n.position.right+e+10,y:a,type:"L",content:null}),t.points.push({x:s.position.left+e+10,y:a,type:"L",content:null}),t.points.push({x:s.position.left+e+10,y:this.api.parentsExpanded(p.id)?s.position.viewTop+s.actualHeight:h,type:"L",content:this.data.rightPoint.content}))):(t.points.push({x:s.position.left+10,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"L",content:null}),s.position.viewTop>n.position.viewTop?t.points.push({x:s.position.left+10,y:this.api.parentsExpanded(p.id)?s.position.viewTop:h,type:"L",content:this.data.rightPoint.content}):t.points.push({x:s.position.left+10,y:this.api.parentsExpanded(p.id)?s.position.viewTop+s.actualHeight:h,type:"L",content:this.data.rightPoint.content})):t.points.push({x:s.position.left-e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"L",content:this.data.rightPoint.content})}setSmoothPoints(t){const{topOffset:i,leftOffset:e,fromItemData:n,toItemData:s,fromRowData:o,toRowData:p}=t;if(!this.api.parentsExpanded(o.id)&&!this.api.parentsExpanded(p.id))return;const a=this.api.getRowViewTop(o.id),h=this.api.getRowViewTop(p.id);if(t.points.push({x:n.position.right+e,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"M",content:this.data.leftPoint.content}),n.position.viewTop===s.position.viewTop)return void t.points.push({x:s.position.left-e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"L",content:this.data.rightPoint.content});const d=(s.position.left-n.position.right)/2,r=n.position.right+d;if(n.position.right<=s.position.left)t.points.push({x:r,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"C",content:null}),t.points.push({x:r,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"",content:null}),t.points.push({x:s.position.left-e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"",content:this.data.rightPoint.content});else{const d=(s.position.viewTop-n.position.viewTop)/2,l=n.position.viewTop+d+i;t.points.push({x:n.position.right+20,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"C",content:null}),t.points.push({x:n.position.right+40,y:l,type:"",content:null}),t.points.push({x:r,y:l,type:"",content:null}),t.points.push({x:s.position.left+e-20,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"S",content:null}),t.points.push({x:s.position.left+e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"",content:this.data.rightPoint.content})}}setPoints(t){const{fromItemData:i,toItemData:e,fromRowData:n,toRowData:s,toItem:o,fromItem:p}=t,a=this.state.get("$data.chart.time");if(!this.state.get("$data.chart.allItemsOnTheLeftOrRight"))switch(this.api.calculateItemPosition(i.id,i,n,a,p),this.api.calculateItemPosition(e.id,e,s,a,o),t.type){case"straight":this.setStraightPoints(t);break;case"square":this.setSquarePoints(t);break;case"smooth":this.setSmoothPoints(t);break;case"square-alt":this.setSquareAltPoints(t)}}generateLines(){const t=[],i=this.api.getAllItems(),e=this.api.getRowsData(),n=this.api.getItemsData(),s=this.state.get("$data.chart.time"),o=this.state.get("$data.chart.dimensions"),a=this.state.get("$data.scroll.vertical"),h=Math.round(s.rightPx-s.leftPx),d=this.data.type;if(!this.state.get("$data.chart.allItemsOnTheLeftOrRight"))for(const r in i){const l=i[r];if(!l.dependant)continue;if(!l.dependant.length)continue;const c=e[l.rowId],u=n[r],f=l;if(u&&c)for(const g of l.dependant){const l=i[g],y=l,x=e[l.rowId],w=n[g];if(!w||!x)continue;if(s.calculatedZoomMode){if(f.time.end<s.leftGlobal&&y.time.start>s.rightGlobal)continue;if(y.time.end<s.leftGlobal&&f.time.start>s.rightGlobal)continue;if(f.time.start>s.rightGlobal&&y.time.start>s.rightGlobal)continue;if(f.time.end<s.leftGlobal&&y.time.end<s.leftGlobal)continue}if(this.api.calculateItemPosition(r,u,c,s),this.api.calculateItemPosition(g,w,x,s),-1===u.width&&-1===w.width)continue;const m=u.actualHeight/2,v=0;let $={x:0,y:0,width:h,height:o.height-a.preciseOffset,topOffset:m,leftOffset:v,points:[],type:d,fromItemData:u,toItemData:w,fromItem:f,toItem:y,fromRowData:c,toRowData:x,className:p};for(const t of this.data.onLine)$=t($);this.setPoints($),t.push($)}}this.data.lines=t;for(const t of this.data.onLines)this.data.lines=t(this.data.lines);this.updateData()}PluginDependencyLinesSlot(t){const{html:i,svg:e,state:n,onDestroy:s,StyleMap:p}=t,d=new p({});s(n.subscribeAll(["$data.chart.time","$data.chart.dimensions","$data.scroll.vertical.preciseOffset"],(()=>{const t=n.get("$data.chart.time");d.style.width=Math.round(t.rightPx-t.leftPx)+"px";const i=n.get("$data.chart.dimensions"),e=n.get("$data.scroll.vertical.preciseOffset");d.style.height=i.innerHeight-e+"px"})));const r=t=>{if(!t.points.length)return"";const i=t.points.slice(),e=i.shift();return[`${e.type} ${e.x} ${e.y}`,[...i.map((t=>`${t.type} ${t.x} ${t.y}`))]].join(" ")},l=(t,e)=>{const n=`left:${t.x-(0===e?this.data.leftPoint.width/2:this.data.rightPoint.width/2)}px;top:${t.y-(0===e?this.data.leftPoint.height/2:this.data.rightPoint.height/2)}px;width:${0===e?this.data.leftPoint.width:this.data.rightPoint.width}px;height:${0===e?this.data.leftPoint.width:this.data.rightPoint.width}px`;return t.content?i`<div class=${h+" "+h+"--"+this.data.type} style=${n}>
+            ${t.content}
+          </div>`:null},c=t=>e`<svg width=${t.width} height=${t.height} xmlns="http://www.w3.org/2000/svg">
+        <path d=${(t=>{switch(t.type){case"straight":return(t=>{const i=t.points;return[`${i[0].type} ${i[0].x} ${i[0].y}`,`${i[1].type} ${i[1].x} ${i[1].y}`].join(" ")})(t);case"square":case"square-alt":return r(t);case"smooth":return(t=>{if(!t.points.length)return"";const i=t.points.slice(),e=i.shift();return[`${e.type} ${e.x} ${e.y}`,[...i.map((t=>`${t.type} ${t.x} ${t.y}`))]].join(" ")})(t)}})(t)} />
+      </svg>`;return t=>i`<div class="${o}">${this.data.lines.map((t=>(t=>i`<div
+      class=${t.className}
+      style="left: ${t.x}px; top: ${t.y}px; width: ${t.width}px; height: ${t.height}px;"
+    >
+      ${c(t)}
+    </div>`)(t)))}</div>
+        ${t}
+        <div class="${a}" style=${d.directive()}>
+          ${this.data.lines.map((t=>(t=>t.points.map(((t,i)=>l(t,i))))(t)))}
+        </div>`}}function r(t={}){return function(i){const s=i.api,o=i.state.get(n);o&&(t=i.api.mergeDeep({},t,o));const p=new d(i,t);return s.pluginInitialized(e),p.destroy}}export{r as Plugin};

package/dist/plugins/dependency-lines.umd.min.d.ts

@@ -0,0 +1,47 @@
+/**
+ * DependencyLines plugin
+ *
+ * @header  --gstc--header--
+ */
+import type { htmlResult, Item, ItemData, RowData, Vido } from '../gstc';
+export type LineType = 'straight' | 'square' | 'square-alt' | 'smooth';
+export interface DefaultPoint {
+    content: htmlResult;
+    width: number;
+    height: number;
+}
+export interface Options {
+    type?: LineType;
+    onLines?: ((lines: Line[]) => Line[])[];
+    onLine?: ((line: Line) => Line)[];
+    leftPoint?: DefaultPoint;
+    rightPoint?: DefaultPoint;
+}
+export interface PluginData extends Options {
+    lines: Line[];
+}
+export interface Point {
+    x: number;
+    y: number;
+    type: 'M' | 'L' | 'Q' | 'T' | 'C' | 'S' | '';
+    content?: htmlResult;
+}
+export interface Line {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    topOffset: number;
+    leftOffset: number;
+    type: LineType;
+    fromItemData: ItemData;
+    toItemData: ItemData;
+    fromItem: Item;
+    toItem: Item;
+    fromRowData: RowData;
+    toRowData: RowData;
+    points: Point[];
+    className: string;
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=dependency-lines.d.ts.map

package/dist/plugins/dependency-lines.umd.min.js

@@ -0,0 +1,38 @@
+!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((t="undefined"!=typeof globalThis?globalThis:t||self).DependencyLines={})}(this,(function(t){"use strict";
+/**
+ * Gantt-Schedule-Timeline-Calendar helpers
+ *
+ * @copyright NEURONET - Rafal Pospiech
+ * @author    Rafal Pospiech <neuronet.io@gmail.com>
+ * @module    gantt-schedule-timeline-calendar
+ * @link      https://github.com/neuronetio/gantt-schedule-timeline-calendar
+ * @link      https://gantt-schedule-timeline-calendar.neuronet.io
+ * @version   3.37.5
+ * @released  2024-07-19
+ * @license   SEE LICENSE IN LICENSE FILE
+ */const i="gstc";function e(t,e=""){let n=`${i}__${t}`;return t===i&&(n=i),e?`${n} ${n}--${e.replace(":","-")}`:n}
+/**
+ * DependencyLines plugin
+ *
+ * @copyright NEURONET - Rafal Pospiech
+ * @author    Rafal Pospiech <neuronet.io@gmail.com>
+ * @module    gantt-schedule-timeline-calendar
+ * @link      https://github.com/neuronetio/gantt-schedule-timeline-calendar
+ * @link      https://gantt-schedule-timeline-calendar.neuronet.io
+ * @version   3.37.5
+ * @released  2024-07-19
+ * @license   SEE LICENSE IN LICENSE FILE
+ */const n="DependencyLines",s="config.plugin.DependencyLines",o="config.slots.chart-timeline-items.outer",p=e("chart-timeline-dependency-lines-lines"),a=e("chart-timeline-dependency-lines-lines-line"),h=e("chart-timeline-dependency-lines-points"),d=e("chart-timeline-dependency-lines-points-point");class r{constructor(t,i){this.onDestroy=[],this.vido=t,this.api=this.vido.api,this.state=this.vido.state;const e=this.vido.html`<div class=${d+"--left"}></div>`,n=this.vido.html`<div class=${d+"--right"}></div>`;this.data=function(t){return Object.assign(Object.assign({},t),{lines:[]})}(function(t,i,e){const n=Object.assign(Object.assign({},function(t,i){return{type:"smooth",onLines:[],onLine:[],leftPoint:{content:t,width:10,height:10},rightPoint:{content:i,width:10,height:10}}}(i,e)),t);return t.leftPoint&&(n.leftPoint=Object.assign(Object.assign({},n.leftPoint),t.leftPoint)),t.rightPoint&&(n.rightPoint=Object.assign(Object.assign({},n.rightPoint),t.rightPoint)),n}(i,e,n)),this.PluginDependencyLinesSlot=this.PluginDependencyLinesSlot.bind(this),this.generateLines=this.generateLines.bind(this),this.destroy=this.destroy.bind(this),this.updateData(),this.onDestroy.push(this.state.subscribe(s,(t=>{this.data=t}))),this.state.update(o,(t=>(t.includes(this.PluginDependencyLinesSlot)||t.push(this.PluginDependencyLinesSlot),t))),this.onDestroy.push(this.state.subscribeAll(["$data.chart.items","$data.list.rowsHeight","$data.scroll","$data.chart.time.leftGlobal","$data.chart.time.rightPx"],this.generateLines,{group:!0}))}destroy(){this.state.update(o,(t=>t.filter((t=>t!==this.PluginDependencyLinesSlot)))),this.onDestroy.forEach((t=>t())),this.api.pluginDestroyed(n)}updateData(){this.state.update(s,this.data),this.vido.update()}setStraightPoints(t){const{topOffset:i,leftOffset:e,fromItemData:n,toItemData:s,fromRowData:o,toRowData:p}=t;if(!this.api.parentsExpanded(o.id)||!this.api.parentsExpanded(p.id))return;const a=this.api.getRowViewTop(o.id),h=this.api.getRowViewTop(p.id);t.points.push({x:n.position.right+e,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"M",content:this.data.leftPoint.content}),t.points.push({x:s.position.left-e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"L",content:this.data.rightPoint.content})}setSquareAltPoints(t){const{topOffset:i,leftOffset:e,fromItemData:n,toItemData:s,fromRowData:o,toRowData:p}=t;if(!this.api.parentsExpanded(o.id)&&!this.api.parentsExpanded(p.id))return;const a=(s.position.left-n.position.right)/2,h=n.position.right+a,d=(s.position.viewTop-n.position.viewTop)/2,r=n.position.viewTop+d,l=this.api.getRowViewTop(o.id),c=this.api.getRowViewTop(p.id);t.points.push({x:n.position.right+e,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:l,type:"M",content:this.data.leftPoint.content}),s.position.left<n.position.right?(t.points.push({x:n.position.right+e+10,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:l,type:"L",content:null}),t.points.push({x:n.position.right+e+10,y:this.api.parentsExpanded(o.id)?r+i:l,type:"L",content:null})):t.points.push({x:h,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:l,type:"L",content:null}),t.points.push({x:h,y:this.api.parentsExpanded(o.id)?r+i:l,type:"L",content:null}),this.api.parentsExpanded(p.id)?(s.position.left<n.position.right?(t.points.push({x:s.position.left-e-10,y:this.api.parentsExpanded(o.id)?r+i:l,type:"L",content:null}),t.points.push({x:s.position.left-e-10,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:l,type:"L",content:null})):t.points.push({x:h,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:l,type:"L",content:null}),t.points.push({x:s.position.left-e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:c,type:"L",content:this.data.rightPoint.content})):t.points.push({x:h,y:c,type:"L",content:this.data.rightPoint.content})}setSquarePoints(t){const{topOffset:i,leftOffset:e,fromItemData:n,toItemData:s,fromRowData:o,toRowData:p}=t;if(!this.api.parentsExpanded(o.id)&&!this.api.parentsExpanded(p.id))return;const a=this.api.getRowViewTop(o.id),h=this.api.getRowViewTop(p.id);t.points.push({x:n.position.right+e,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"M",content:this.data.leftPoint.content}),n.position.viewTop!==s.position.viewTop?s.position.left<n.position.right?(t.points.push({x:n.position.right+e+10,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"L",content:null}),s.position.viewTop>n.position.viewTop?(t.points.push({x:n.position.right+e+10,y:this.api.parentsExpanded(o.id)?a+o.outerHeight:a,type:"L",content:null}),t.points.push({x:s.position.left+e+10,y:this.api.parentsExpanded(o.id)?a+o.outerHeight:a,type:"L",content:null}),t.points.push({x:s.position.left+e+10,y:this.api.parentsExpanded(p.id)?s.position.viewTop:h,type:"L",content:this.data.rightPoint.content})):(t.points.push({x:n.position.right+e+10,y:a,type:"L",content:null}),t.points.push({x:s.position.left+e+10,y:a,type:"L",content:null}),t.points.push({x:s.position.left+e+10,y:this.api.parentsExpanded(p.id)?s.position.viewTop+s.actualHeight:h,type:"L",content:this.data.rightPoint.content}))):(t.points.push({x:s.position.left+10,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"L",content:null}),s.position.viewTop>n.position.viewTop?t.points.push({x:s.position.left+10,y:this.api.parentsExpanded(p.id)?s.position.viewTop:h,type:"L",content:this.data.rightPoint.content}):t.points.push({x:s.position.left+10,y:this.api.parentsExpanded(p.id)?s.position.viewTop+s.actualHeight:h,type:"L",content:this.data.rightPoint.content})):t.points.push({x:s.position.left-e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"L",content:this.data.rightPoint.content})}setSmoothPoints(t){const{topOffset:i,leftOffset:e,fromItemData:n,toItemData:s,fromRowData:o,toRowData:p}=t;if(!this.api.parentsExpanded(o.id)&&!this.api.parentsExpanded(p.id))return;const a=this.api.getRowViewTop(o.id),h=this.api.getRowViewTop(p.id);if(t.points.push({x:n.position.right+e,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"M",content:this.data.leftPoint.content}),n.position.viewTop===s.position.viewTop)return void t.points.push({x:s.position.left-e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"L",content:this.data.rightPoint.content});const d=(s.position.left-n.position.right)/2,r=n.position.right+d;if(n.position.right<=s.position.left)t.points.push({x:r,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"C",content:null}),t.points.push({x:r,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"",content:null}),t.points.push({x:s.position.left-e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"",content:this.data.rightPoint.content});else{const d=(s.position.viewTop-n.position.viewTop)/2,l=n.position.viewTop+d+i;t.points.push({x:n.position.right+20,y:this.api.parentsExpanded(o.id)?n.position.viewTop+i:a,type:"C",content:null}),t.points.push({x:n.position.right+40,y:l,type:"",content:null}),t.points.push({x:r,y:l,type:"",content:null}),t.points.push({x:s.position.left+e-20,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"S",content:null}),t.points.push({x:s.position.left+e,y:this.api.parentsExpanded(p.id)?s.position.viewTop+i:h,type:"",content:this.data.rightPoint.content})}}setPoints(t){const{fromItemData:i,toItemData:e,fromRowData:n,toRowData:s,toItem:o,fromItem:p}=t,a=this.state.get("$data.chart.time");if(!this.state.get("$data.chart.allItemsOnTheLeftOrRight"))switch(this.api.calculateItemPosition(i.id,i,n,a,p),this.api.calculateItemPosition(e.id,e,s,a,o),t.type){case"straight":this.setStraightPoints(t);break;case"square":this.setSquarePoints(t);break;case"smooth":this.setSmoothPoints(t);break;case"square-alt":this.setSquareAltPoints(t)}}generateLines(){const t=[],i=this.api.getAllItems(),e=this.api.getRowsData(),n=this.api.getItemsData(),s=this.state.get("$data.chart.time"),o=this.state.get("$data.chart.dimensions"),p=this.state.get("$data.scroll.vertical"),h=Math.round(s.rightPx-s.leftPx),d=this.data.type;if(!this.state.get("$data.chart.allItemsOnTheLeftOrRight"))for(const r in i){const l=i[r];if(!l.dependant)continue;if(!l.dependant.length)continue;const c=e[l.rowId],u=n[r],f=l;if(u&&c)for(const g of l.dependant){const l=i[g],y=l,x=e[l.rowId],w=n[g];if(!w||!x)continue;if(s.calculatedZoomMode){if(f.time.end<s.leftGlobal&&y.time.start>s.rightGlobal)continue;if(y.time.end<s.leftGlobal&&f.time.start>s.rightGlobal)continue;if(f.time.start>s.rightGlobal&&y.time.start>s.rightGlobal)continue;if(f.time.end<s.leftGlobal&&y.time.end<s.leftGlobal)continue}if(this.api.calculateItemPosition(r,u,c,s),this.api.calculateItemPosition(g,w,x,s),-1===u.width&&-1===w.width)continue;const m=u.actualHeight/2,v=0;let $={x:0,y:0,width:h,height:o.height-p.preciseOffset,topOffset:m,leftOffset:v,points:[],type:d,fromItemData:u,toItemData:w,fromItem:f,toItem:y,fromRowData:c,toRowData:x,className:a};for(const t of this.data.onLine)$=t($);this.setPoints($),t.push($)}}this.data.lines=t;for(const t of this.data.onLines)this.data.lines=t(this.data.lines);this.updateData()}PluginDependencyLinesSlot(t){const{html:i,svg:e,state:n,onDestroy:s,StyleMap:o}=t,a=new o({});s(n.subscribeAll(["$data.chart.time","$data.chart.dimensions","$data.scroll.vertical.preciseOffset"],(()=>{const t=n.get("$data.chart.time");a.style.width=Math.round(t.rightPx-t.leftPx)+"px";const i=n.get("$data.chart.dimensions"),e=n.get("$data.scroll.vertical.preciseOffset");a.style.height=i.innerHeight-e+"px"})));const r=t=>{if(!t.points.length)return"";const i=t.points.slice(),e=i.shift();return[`${e.type} ${e.x} ${e.y}`,[...i.map((t=>`${t.type} ${t.x} ${t.y}`))]].join(" ")},l=(t,e)=>{const n=`left:${t.x-(0===e?this.data.leftPoint.width/2:this.data.rightPoint.width/2)}px;top:${t.y-(0===e?this.data.leftPoint.height/2:this.data.rightPoint.height/2)}px;width:${0===e?this.data.leftPoint.width:this.data.rightPoint.width}px;height:${0===e?this.data.leftPoint.width:this.data.rightPoint.width}px`;return t.content?i`<div class=${d+" "+d+"--"+this.data.type} style=${n}>
+            ${t.content}
+          </div>`:null},c=t=>e`<svg width=${t.width} height=${t.height} xmlns="http://www.w3.org/2000/svg">
+        <path d=${(t=>{switch(t.type){case"straight":return(t=>{const i=t.points;return[`${i[0].type} ${i[0].x} ${i[0].y}`,`${i[1].type} ${i[1].x} ${i[1].y}`].join(" ")})(t);case"square":case"square-alt":return r(t);case"smooth":return(t=>{if(!t.points.length)return"";const i=t.points.slice(),e=i.shift();return[`${e.type} ${e.x} ${e.y}`,[...i.map((t=>`${t.type} ${t.x} ${t.y}`))]].join(" ")})(t)}})(t)} />
+      </svg>`;return t=>i`<div class="${p}">${this.data.lines.map((t=>(t=>i`<div
+      class=${t.className}
+      style="left: ${t.x}px; top: ${t.y}px; width: ${t.width}px; height: ${t.height}px;"
+    >
+      ${c(t)}
+    </div>`)(t)))}</div>
+        ${t}
+        <div class="${h}" style=${a.directive()}>
+          ${this.data.lines.map((t=>(t=>t.points.map(((t,i)=>l(t,i))))(t)))}
+        </div>`}}t.Plugin=function(t={}){return function(i){const e=i.api,o=i.state.get(s);o&&(t=i.api.mergeDeep({},t,o));const p=new r(i,t);return e.pluginInitialized(n),p.destroy}},Object.defineProperty(t,"__esModule",{value:!0})}));

package/dist/plugins/export-image.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ImagePDF plugin
+ *
+ * @header  --gstc--header--
+ */
+import type { Vido } from '../gstc';
+export declare const pluginName = "ExportImage";
+export declare const pluginPath: string;
+export interface Options {
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=export-image.d.ts.map

package/dist/plugins/export-image.esm.min.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ImagePDF plugin
+ *
+ * @header  --gstc--header--
+ */
+import type { Vido } from '../gstc';
+export declare const pluginName = "ExportImage";
+export declare const pluginPath: string;
+export interface Options {
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=export-image.d.ts.map