gantt-source_management 3.37.5

package/dist/plugins/item-types.umd.min.js

@@ -0,0 +1,127 @@
+!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).ItemTypes={})}(this,(function(t){"use strict";
+/**
+ * ItemTypes 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="config.plugin.ItemTypes",i="config.templates.chart-timeline-items-row-item",s={task({className:t,labelClassName:e,cache:i,shouldDetach:s,actions:a,styleMap:l,slots:n,cutterLeft:o,cutterRight:c,getContent:p,vido:$,props:h}){const r=s||!h.item,{itemData:g,item:d}=h,u=g.position.left!==g.position.actualLeft,m=g.position.right!==g.position.actualRight,f=g.actualWidth,y=g.actualHeight,L=Math.min(8,y/2);let _=[`M ${L} ${y}`,`Q 0 ${y} 0 ${y-L}`,`L 0 ${L}`,`Q 0 0 ${L} 0`,`L ${f-L} 0`,`Q ${f} 0 ${f} ${L}`,`L ${f} ${y-L}`,`Q ${f} ${y} ${f-L} ${y}`,`L ${L} ${y}`].join(" ");u&&!m?_=["M 0 0",`L ${f-L} 0`,`Q ${f} 0 ${f} ${L}`,`L ${f} ${y-L}`,`Q ${f} ${y} ${f-L} ${y}`,`L 0 ${y}`].join(" "):u&&m?_=["M 0 0",`L ${f} 0`,`L ${f} ${y}`,`L 0 ${y}`].join(" "):!u&&m&&(_=[`M ${L} ${y}`,`Q 0 ${y} 0 ${y-L}`,`L 0 ${L}`,`Q 0 0 ${L} 0`,`L ${f} 0`,`L ${f} ${y}`,`L ${L} ${y}`].join(" "));const w=`gstc__clip-path-${d.id}`,v=`gstc__pattern-${d.id}`,j=void 0===d.progress?100:d.progress,b=g.width-g.width/100*j;let x=g.width-b;u&&(x+=g.position.left),x<0&&(x=0);const M=[`M ${x} 0`,`L ${f} 0`,`L ${f} ${y}`,`L ${x} ${y}`].join(" "),H=d.fill?d.fill:"#e74c3c",T=`gstc__item-type gstc__item-type--${d.type} `;return i(r?null:n.html("outer",$.html`
+        <div class=${T+t} data-gstcid=${h.item.id} data-actions=${a()} style=${l.directive()}>
+          ${f>=0?$.svg`<svg width=${f} height=${g.actualHeight} xmlns="http://www.w3.org/2000/svg">
+          <defs>
+            <clipPath id=${w}>
+              <path d=${_}></path>
+            </clipPath>
+            <pattern
+              id=${v}
+              width="20"
+              height="20"
+              patternTransform="rotate(45 0 0)"
+              patternUnits="userSpaceOnUse"
+            >
+              <line
+                class="gstc__item-type-progress-line"
+                x1="0"
+                y1="0"
+                x2="0"
+                y2="20"
+              />
+            </pattern>
+          </defs>
+          <path class="gstc__item-type-item" d=${_} fill=${H} />
+          <path
+            class="gstc__item-type-progress"
+            clip-path="url(#${w})"
+            d=${M}
+            style="fill: url('#${v}');" />
+            <g clip-path="url(#${w})">
+              <foreignObject  x="0" y="0" width="100%" height="100%">
+                <div class="gstc__item-type-content" xmlns="http://www.w3.org/1999/xhtml">
+                  ${n.html("inner",$.html`<div class=${T+e}>${n.html("content",p())}</div>`)}
+                </div>
+              </foreignObject>
+            </g>
+        </svg>`:null}
+        </div>
+      `))},milestone({className:t,labelClassName:e,cache:i,actions:s,styleMap:a,shouldDetach:l,slots:n,cutterLeft:o,cutterRight:c,getContent:p,vido:$,props:h}){const r=l||!h.item,{itemData:g,item:d}=h,u=16,m=g.actualWidth,f=g.actualHeight,y=g.position.left!==g.position.actualLeft,L=g.position.right!==g.position.actualRight;let _=["M 0 "+g.actualHeight/2,`L ${m>=32?u:m/2} 0`,`L ${m>=32?m-u:m/2} 0`,`L ${m} ${g.actualHeight/2}`,`L ${m>=32?m-u:m/2} ${g.actualHeight}`,`L ${m>=32?u:m/2} ${g.actualHeight}`,"L 0 "+g.actualHeight/2].join(" ");y&&!L?_=["M 0 0",`L ${m>=32?m-u:m/2} 0`,`L ${m} ${g.actualHeight/2}`,`L ${m>=32?m-u:m/2} ${g.actualHeight}`,`L 0 ${f}`].join(" "):y&&L?_=["M 0 0",`L ${m} 0`,`L ${m} ${f}`,`L 0 ${f}`].join(" "):!y&&L&&(_=["M 0 "+g.actualHeight/2,`L ${m>=32?u:m/2} 0`,`L ${m} 0`,`L ${m} ${f}`,`L ${m>=32?u:m/2} ${g.actualHeight}`,"L 0 "+g.actualHeight/2].join(" "));const w=`gstc__clip-path-${d.id}`,v=`gstc__pattern-${d.id}`,j=void 0===d.progress?100:d.progress,b=g.width-g.width/100*j;let x=g.width-b;y&&(x+=g.position.left),x<0&&(x=0);const M=[`M ${m} 0`,`L ${m} ${f}`,`L ${x} ${f}`,`L ${x} 0`].join(" "),H=d.fill?d.fill:"#e74c3c",T=`gstc__item-type gstc__item-type--${d.type} `;return i(r?null:n.html("outer",$.html`
+        <div class=${T+t} data-gstcid=${h.item.id} data-actions=${s()} style=${a.directive()}>
+          ${m>=0?$.svg`<svg width=${m} height=${g.actualHeight} xmlns="http://www.w3.org/2000/svg">
+          <defs>
+            <clipPath id=${w}>
+              <path d=${_}></path>
+            </clipPath>
+            <pattern
+              id=${v}
+              width="20"
+              height="20"
+              patternTransform="rotate(45 0 0)"
+              patternUnits="userSpaceOnUse"
+            >
+              <line
+                class="gstc__item-type-progress-line"
+                x1="0"
+                y1="0"
+                x2="0"
+                y2="20"
+              />
+            </pattern>
+          </defs>
+          <path class="gstc__item-type-item" d=${_} stroke="none" fill=${H} />
+          <path
+            class="gstc__item-type-progress"
+            clip-path="url(#${w})"
+            d=${M}
+            style="fill: url('#${v}');" />
+            <g clip-path="url(#${w})">
+              <foreignObject x="0" y="0" width="100%" height="100%">
+                <div class="gstc__item-type-content" xmlns="http://www.w3.org/1999/xhtml">
+                  ${n.html("inner",$.html`<div class=${T+e}>${n.html("content",p())}</div>`)}
+                </div>
+              </foreignObject>
+            </g>
+        </svg>`:null}
+        </div>
+      `))},project({className:t,labelClassName:e,cache:i,shouldDetach:s,actions:a,styleMap:l,slots:n,cutterLeft:o,cutterRight:c,getContent:p,vido:$,props:h}){const r=s||!h.item,{itemData:g,item:d}=h,u=g.actualWidth,m=g.actualHeight,f=g.position.left!==g.position.actualLeft,y=["M 0 0",`L ${u} 0`,`L ${u} ${m}`,`L 0 ${m}`].join(" "),L=`gstc__clip-path-${d.id}`,_=`gstc__pattern-${d.id}`,w=void 0===d.progress?100:d.progress,v=g.width-g.width/100*w;let j=g.width-v;f&&(j+=g.position.left),j<0&&(j=0);const b=[`M ${u} 0`,`L ${u} ${m}`,`L ${j} ${m}`,`L ${j} 0`].join(" "),x=d.fill?d.fill:"#e74c3c",M=`gstc__item-type gstc__item-type--${d.type} `;return i(r?null:n.html("outer",$.html`
+        <div class=${M+t} data-gstcid=${h.item.id} data-actions=${a()} style=${l.directive()}>
+          ${u>=0?$.svg`<svg width=${u} height=${g.actualHeight} xmlns="http://www.w3.org/2000/svg">
+          <defs>
+            <clipPath id=${L}>
+              <path d=${y}></path>
+            </clipPath>
+            <pattern
+              id=${_}
+              width="20"
+              height="20"
+              patternTransform="rotate(45 0 0)"
+              patternUnits="userSpaceOnUse"
+            >
+              <line
+                class="gstc__item-type-progress-line"
+                x1="0"
+                y1="0"
+                x2="0"
+                y2="20"
+              />
+            </pattern>
+          </defs>
+          <path class="gstc__item-type-item" d=${y} fill=${x} />
+          <path
+            class="gstc__item-type-progress"
+            clip-path="url(#${L})"
+            d=${b}
+            style="fill: url('#${_}');" />
+            <g clip-path="url(#${L})">
+              <foreignObject x="0" y="0" width="100%" height="100%">
+                <div class="gstc__item-type-content" xmlns="http://www.w3.org/1999/xhtml">
+                  ${n.html("inner",$.html`<div class=${M+e}>${n.html("content",p())}</div>`)}
+                </div>
+              </foreignObject>
+          </g>
+        </svg>`:null}
+        </div>
+      `))}};class a{constructor(t,a){this.unsub=[],this.options=function(t){return Object.assign(Object.assign({},s),t)}(t),this.vido=a,this.state=a.state,this.api=a.api,this.componentTemplate=this.componentTemplate.bind(this),this.destroy=this.destroy.bind(this),this.state.update(e,this.options),this.state.update(i,(()=>this.componentTemplate)),this.unsub.push(this.state.subscribe(e,(t=>this.options=t))),this.api.pluginInitialized("ItemTypes")}destroy(){this.unsub.forEach((t=>t())),this.state.update(i,null),this.vido.api.pluginDestroyed("ItemTypes")}componentTemplate(t){const e=t.props.item;if(!e)return null;const i=e.type;if(!i)throw new Error(`Item (${e.id}) must have a 'type' {string} property 'task', 'milestone' or 'project'.`);return this.options[i](t)}}t.Plugin=function(t={}){return function(i){const s=i.state.get(e);s&&(t=i.api.mergeDeep({},t,s));return new a(t,i).destroy}},t.pluginPath=e,t.templatePath=i,Object.defineProperty(t,"__esModule",{value:!0})}));

package/dist/plugins/progress-bar.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ProgressBar plugin
+ *
+ * @header  --gstc--header--
+ */
+import type { Vido } from '../gstc';
+export declare const pluginPath = "config.plugin.ProgressBar";
+export interface Options {
+    enabled?: boolean;
+    className?: string;
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/plugins/progress-bar.esm.min.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ProgressBar plugin
+ *
+ * @header  --gstc--header--
+ */
+import type { Vido } from '../gstc';
+export declare const pluginPath = "config.plugin.ProgressBar";
+export interface Options {
+    enabled?: boolean;
+    className?: string;
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/plugins/progress-bar.esm.min.js

@@ -0,0 +1,27 @@
+/**
+ * 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,s=""){let e=`${t}__${i}`;return i===t&&(e=t),s?`${e} ${e}--${s.replace(":","-")}`:e}
+/**
+ * ProgressBar 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 s="config.plugin.ProgressBar";class e{constructor(t,s){this.options=function(t){return Object.assign({enabled:!0,className:i("chart-timeline-items-row-item-progress-bar")},t)}(t),this.vido=s,this.state=s.state,this.className=this.options.className,this.PluginProgressBarSlot=this.PluginProgressBarSlot.bind(this),this.destroy=this.destroy.bind(this),this.state.update("config.slots.chart-timeline-items-row-item.inner",(t=>(t.includes(this.PluginProgressBarSlot)||t.push(this.PluginProgressBarSlot),t)))}destroy(){this.state.update("config.slots.chart-timeline-items-row-item.inner",(t=>t.filter((t=>t!==this.PluginProgressBarSlot)))),this.vido.api.pluginDestroyed("ProgressBar")}PluginProgressBarSlot(t,i){let s;const e=new t.StyleMap({width:"0px"});return t.onChange((r=>{if(!(i=r)||!i.item)return void(e.style.width="0px");const o=t.api.getItemData(i.item.id);if(!o||void 0===i.item.progress)return void(e.style.width="0px");if(!i.item)return;const n=i.item,a=void 0===n.progress?100:n.progress;0===Math.floor(o.width)?e.style.width=100-a+"%":(s=o.width-o.width/100*a,s-=o.position.right-o.position.actualRight,s<0&&(s=0),e.style.width=Math.floor(s)+"px")})),t=>i&&i.item&&void 0!==i.item.progress?this.vido.html`
+        <div class="${this.className}" style=${e.directive()}></div>${t}
+      `:null}}function r(t={}){return function(i){const r=i.state.get(s);r&&(t=i.api.mergeDeep({},t,r));const o=new e(t,i);return i.api.pluginInitialized("ProgressBar"),o.destroy}}export{r as Plugin,s as pluginPath};

package/dist/plugins/progress-bar.umd.min.d.ts

@@ -0,0 +1,13 @@
+/**
+ * ProgressBar plugin
+ *
+ * @header  --gstc--header--
+ */
+import type { Vido } from '../gstc';
+export declare const pluginPath = "config.plugin.ProgressBar";
+export interface Options {
+    enabled?: boolean;
+    className?: string;
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=progress-bar.d.ts.map

package/dist/plugins/progress-bar.umd.min.js

@@ -0,0 +1,27 @@
+!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).ProgressBar={})}(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 e="gstc";function i(t,i=""){let s=`${e}__${t}`;return t===e&&(s=e),i?`${s} ${s}--${i.replace(":","-")}`:s}
+/**
+ * ProgressBar 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 s="config.plugin.ProgressBar";class r{constructor(t,e){this.options=function(t){return Object.assign({enabled:!0,className:i("chart-timeline-items-row-item-progress-bar")},t)}(t),this.vido=e,this.state=e.state,this.className=this.options.className,this.PluginProgressBarSlot=this.PluginProgressBarSlot.bind(this),this.destroy=this.destroy.bind(this),this.state.update("config.slots.chart-timeline-items-row-item.inner",(t=>(t.includes(this.PluginProgressBarSlot)||t.push(this.PluginProgressBarSlot),t)))}destroy(){this.state.update("config.slots.chart-timeline-items-row-item.inner",(t=>t.filter((t=>t!==this.PluginProgressBarSlot)))),this.vido.api.pluginDestroyed("ProgressBar")}PluginProgressBarSlot(t,e){let i;const s=new t.StyleMap({width:"0px"});return t.onChange((r=>{if(!(e=r)||!e.item)return void(s.style.width="0px");const o=t.api.getItemData(e.item.id);if(!o||void 0===e.item.progress)return void(s.style.width="0px");if(!e.item)return;const n=e.item,l=void 0===n.progress?100:n.progress;0===Math.floor(o.width)?s.style.width=100-l+"%":(i=o.width-o.width/100*l,i-=o.position.right-o.position.actualRight,i<0&&(i=0),s.style.width=Math.floor(i)+"px")})),t=>e&&e.item&&void 0!==e.item.progress?this.vido.html`
+        <div class="${this.className}" style=${s.directive()}></div>${t}
+      `:null}}t.Plugin=function(t={}){return function(e){const i=e.state.get(s);i&&(t=e.api.mergeDeep({},t,i));const o=new r(t,e);return e.api.pluginInitialized("ProgressBar"),o.destroy}},t.pluginPath=s,Object.defineProperty(t,"__esModule",{value:!0})}));

package/dist/plugins/selection.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Selection plugin
+ *
+ * @header  --gstc--header--
+ */
+import { ITEM, ITEM_TYPE, CELL, CELL_TYPE, TimelinePointerPoint, TimelinePointerState } from './timeline-pointer';
+import type { Item, GridCell, Vido } from '../gstc';
+export type ModKey = 'shift' | 'ctrl' | 'alt' | '';
+export interface SelectionItems {
+    [key: string]: Item[];
+}
+export interface SelectState {
+    selecting?: SelectionItems;
+    selected?: SelectionItems;
+}
+export interface Events {
+    onStart?: (lastSelected: EventSelection) => void;
+    onSelecting?: (selecting: EventSelection, last: EventSelection) => EventSelection;
+    onEnd?: (selected: EventSelection, last: EventSelection) => EventSelection;
+}
+export interface Options {
+    enabled?: boolean;
+    cells?: boolean;
+    items?: boolean;
+    showOverlay?: boolean;
+    rectangularSelection?: boolean;
+    multipleSelection?: boolean;
+    selectKey?: ModKey;
+    multiKey?: ModKey;
+    selectedClassName?: string;
+    selectingClassName?: string;
+    bodySelectedClassName?: string;
+    bodySelectingClassName?: string;
+    events?: Events;
+    pointerEvents?: PointerEvents;
+    /**
+     * @deprecated use `events.onStart`
+     */
+    onStart?: (lastSelected: EventSelection) => void;
+    /**
+     * @deprecated use `events.onSelecting`
+     */
+    onSelecting?: (selecting: EventSelection, last: EventSelection) => EventSelection;
+    /**
+     * @deprecated use `events.onEnd`
+     */
+    onSelected?: (selected: EventSelection, last: EventSelection) => EventSelection;
+}
+export interface Area {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface Selection {
+    [CELL]: string[];
+    [ITEM]: string[];
+}
+export type GridCellOrId = GridCell | string;
+export type ItemOrId = Item | string;
+export interface EventSelection {
+    [CELL]: GridCellOrId[];
+    [ITEM]: ItemOrId[];
+}
+export interface SelectedCell {
+    rowId: string;
+    cellId: string;
+}
+export interface PointerEvents {
+    down: PointerEvent | null;
+    move: PointerEvent | null;
+    up: PointerEvent | null;
+}
+export interface PluginData extends Options {
+    enabled: boolean;
+    isSelecting: boolean;
+    showOverlay: boolean;
+    pointerState: TimelinePointerState;
+    initialPosition: TimelinePointerPoint;
+    currentPosition: TimelinePointerPoint;
+    selectionAreaLocal: Area;
+    selectionAreaGlobal: Area;
+    selected: Selection;
+    lastSelected: Selection;
+    selecting: Selection;
+    lastSelecting: Selection;
+    automaticallySelected: Selection;
+    pointerEvents: PointerEvents;
+    events: Events;
+    targetType: ITEM_TYPE | CELL_TYPE | '';
+    targetData: any;
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=selection.d.ts.map

package/dist/plugins/selection.esm.min.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Selection plugin
+ *
+ * @header  --gstc--header--
+ */
+import { ITEM, ITEM_TYPE, CELL, CELL_TYPE, TimelinePointerPoint, TimelinePointerState } from './timeline-pointer';
+import type { Item, GridCell, Vido } from '../gstc';
+export type ModKey = 'shift' | 'ctrl' | 'alt' | '';
+export interface SelectionItems {
+    [key: string]: Item[];
+}
+export interface SelectState {
+    selecting?: SelectionItems;
+    selected?: SelectionItems;
+}
+export interface Events {
+    onStart?: (lastSelected: EventSelection) => void;
+    onSelecting?: (selecting: EventSelection, last: EventSelection) => EventSelection;
+    onEnd?: (selected: EventSelection, last: EventSelection) => EventSelection;
+}
+export interface Options {
+    enabled?: boolean;
+    cells?: boolean;
+    items?: boolean;
+    showOverlay?: boolean;
+    rectangularSelection?: boolean;
+    multipleSelection?: boolean;
+    selectKey?: ModKey;
+    multiKey?: ModKey;
+    selectedClassName?: string;
+    selectingClassName?: string;
+    bodySelectedClassName?: string;
+    bodySelectingClassName?: string;
+    events?: Events;
+    pointerEvents?: PointerEvents;
+    /**
+     * @deprecated use `events.onStart`
+     */
+    onStart?: (lastSelected: EventSelection) => void;
+    /**
+     * @deprecated use `events.onSelecting`
+     */
+    onSelecting?: (selecting: EventSelection, last: EventSelection) => EventSelection;
+    /**
+     * @deprecated use `events.onEnd`
+     */
+    onSelected?: (selected: EventSelection, last: EventSelection) => EventSelection;
+}
+export interface Area {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface Selection {
+    [CELL]: string[];
+    [ITEM]: string[];
+}
+export type GridCellOrId = GridCell | string;
+export type ItemOrId = Item | string;
+export interface EventSelection {
+    [CELL]: GridCellOrId[];
+    [ITEM]: ItemOrId[];
+}
+export interface SelectedCell {
+    rowId: string;
+    cellId: string;
+}
+export interface PointerEvents {
+    down: PointerEvent | null;
+    move: PointerEvent | null;
+    up: PointerEvent | null;
+}
+export interface PluginData extends Options {
+    enabled: boolean;
+    isSelecting: boolean;
+    showOverlay: boolean;
+    pointerState: TimelinePointerState;
+    initialPosition: TimelinePointerPoint;
+    currentPosition: TimelinePointerPoint;
+    selectionAreaLocal: Area;
+    selectionAreaGlobal: Area;
+    selected: Selection;
+    lastSelected: Selection;
+    selecting: Selection;
+    lastSelecting: Selection;
+    automaticallySelected: Selection;
+    pointerEvents: PointerEvents;
+    events: Events;
+    targetType: ITEM_TYPE | CELL_TYPE | '';
+    targetData: any;
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=selection.d.ts.map

package/dist/plugins/selection.esm.min.js

@@ -0,0 +1,26 @@
+/**
+ * TimelinePointer 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="chart-timeline-grid-row-cell",e="chart-timeline-items-row-item";const i="config.plugin.Selection";function s(i){return Object.assign({enabled:!0,showOverlay:!0,isSelecting:!1,pointerState:"up",selectKey:"",multiKey:"shift",multipleSelection:!0,targetType:"",targetData:null,initialPosition:{x:0,y:0},currentPosition:{x:0,y:0},selectionAreaLocal:{x:0,y:0,width:0,height:0},selectionAreaGlobal:{x:0,y:0,width:0,height:0},selecting:{[e]:[],[t]:[]},selected:{[e]:[],[t]:[]},lastSelected:{[e]:[],[t]:[]},lastSelecting:{[e]:[],[t]:[]},automaticallySelected:{[e]:[],[t]:[]},events:{onStart(){},onSelecting:t=>t,onEnd:t=>t},pointerEvents:{down:null,move:null,up:null}},i)}class a{constructor(a,l){this.onDestroy=[],this.started=!1,this.lastAllEvents={down:null,move:null,up:null},this.vido=a,this.state=a.state,this.api=a.api,this.merge=this.state.get("config.merge"),this.state.update(i,s(l)),this.data=s(l),this.slotClassName=this.api.getClass("chart-selection"),this.slotStyleMap=new a.StyleMap({display:"none"}),this.html=a.html,this.slot=this.slot.bind(this),this.destroy=this.destroy.bind(this),this.setSlot(),this.onCellCreate=this.onCellCreate.bind(this),this.apiGetSelection=this.apiGetSelection.bind(this),this.apiGetSelecting=this.apiGetSelecting.bind(this),this.apiGetSelected=this.apiGetSelected.bind(this),this.apiSetSelection=this.apiSetSelection.bind(this),this.apiSelectCells=this.apiSelectCells.bind(this),this.apiSelectItems=this.apiSelectItems.bind(this),this.api.plugins.Selection={ITEM:e,CELL:t,getSelection:this.apiGetSelection,getSelected:this.apiGetSelected,getSelecting:this.apiGetSelecting,setSelection:this.apiSetSelection,selectCells:this.apiSelectCells,selectItems:this.apiSelectItems},this.state.update("config.chart.grid.cell.onCreate",(t=>(t.includes(this.onCellCreate)||t.push(this.onCellCreate),t))),this.updateData(),this.onDestroy.push(this.state.subscribe(i,(t=>{this.data=t}))),this.updateSelectionClassName=this.updateSelectionClassName.bind(this),this.selectedAction=this.selectedAction.bind(this),this.state.update("config.actions.chart-timeline-grid-row-cell",(t=>(t.includes(this.selectedAction)||t.push(this.selectedAction),t))),this.state.update("config.actions.chart-timeline-items-row-item",(t=>(t.includes(this.selectedAction)||t.push(this.selectedAction),t))),this.onDestroy.push(this.state.subscribe("config.chart.items.*;",(()=>{const t=this.api.getAllItems();this.data.selected[e]=this.data.selected[e].filter((e=>!!t[e])),this.data.selecting[e]=this.data.selecting[e].filter((e=>!!t[e]));const i=this.api.getItemsData();for(const t in i){const s=i[t];s.selected=this.data.selected[e].includes(t),s.selecting=this.data.selecting[e].includes(t)}}),{bulk:!0,bulkValue:!1})),this.onTimelinePointerDown=this.onTimelinePointerDown.bind(this),this.onTimelinePointerMove=this.onTimelinePointerMove.bind(this),this.onTimelinePointerUp=this.onTimelinePointerUp.bind(this),this.api.plugins.TimelinePointer.addPointerListener("move",this.onTimelinePointerMove),this.api.plugins.TimelinePointer.addPointerListener("down",this.onTimelinePointerDown),this.api.plugins.TimelinePointer.addPointerListener("up",this.onTimelinePointerUp)}setSlot(){this.state.update("config.slots.chart-timeline-items.outer",(t=>(t.includes(this.slot)||t.push(this.slot),t)))}destroy(){this.api.plugins.TimelinePointer.removePointerListener("move",this.onTimelinePointerMove),this.api.plugins.TimelinePointer.removePointerListener("down",this.onTimelinePointerDown),this.api.plugins.TimelinePointer.removePointerListener("up",this.onTimelinePointerUp),this.state.update("config.slots.chart-timeline-items.outer",(t=>t.filter((t=>t!==this.slot)))),this.state.update("config.actions.chart-timeline-grid-row-cell",(t=>t.filter((t=>t!==this.selectedAction)))),this.state.update("config.actions.chart-timeline-items-row-item",(t=>t.filter((t=>t!==this.selectedAction)))),this.state.update("config.chart.grid.cell.onCreate",(t=>t.filter((t=>t!==this.onCellCreate)))),this.onDestroy.forEach((t=>t()))}updateData(){this.state.update(i,Object.assign({},this.data)),this.vido.update()}apiSetSelection(t){this.data.selected=this.api.mergeDeep({},t);let e=this.state.multi(!0);e=this.updateCells(e),e=this.updateItems(e),e.done(),this.updateData()}apiSelectCells(e){this.data.selected[t]=[...e];let i=this.state.multi(!0);i=this.updateCells(i),i.done(),this.updateData()}apiSelectItems(t){this.data.selected[e]=[...t];let i=this.state.multi(!0);i=this.updateItems(i),i.done(),this.updateData()}apiGetSelection(){return{selecting:this.getSelectionWithData(this.data.selecting),selected:this.getSelectionWithData(this.data.selected)}}apiGetSelecting(){return this.getSelectionWithData(this.data.selecting)}apiGetSelected(){return this.getSelectionWithData(this.data.selected)}modKeyPressed(t,e){switch(t){case"shift":return e.shiftKey;case"alt":return e.altKey;case"ctrl":return e.ctrlKey}}canSelect(){let t=this.data.enabled;const e=this.lastAllEvents.down;return e&&this.data.selectKey&&(t=t&&this.modKeyPressed(this.data.selectKey,e)),t&&(this.data.cells||this.data.items)}getSelectionAreaLocal(t){const e={x:0,y:0,width:0,height:0},i=Object.assign({},t.initialPosition),s=Object.assign({},t.currentPosition),a=s.x-i.x,l=s.y-i.y;return a>=0?(e.x=i.x,e.width=a):(e.x=s.x,e.width=Math.abs(a)),l>=0?(e.y=i.y,e.height=l):(e.y=s.y,e.height=Math.abs(l)),e}translateAreaLocalToGlobal(t){const e=this.state.get("$data.chart.time.leftPx"),i=this.state.get("$data.scroll.vertical.absolutePosPx");return Object.assign(Object.assign({},t),{x:t.x+e,y:t.y+i})}collectLinkedItems(t,e=this.api.getItemsData()){if(!e[t])throw console.error('"config.chart.items"',this.state.get("config.chart.items")),console.error('"$data.chart.items"',this.state.get("$data.chart.items")),new Error(`Item with id "${t}" does not exists in "$data.chart.items".`);return[t,...e[t].linkedWith]}getSelectedItem(t){let i,s=this.data.automaticallySelected[e].slice();const a=this.collectLinkedItems(t.id);if(this.data.selected[e].find((e=>e===t.id)))if(i=this.data.selected[e],s.find((e=>e===t.id))){const e=s,a=i.find((i=>t.linkedWith.includes(i)&&!e.includes(i)));s=s.filter((e=>e!==t.id)),s.push(a)}else s=this.data.automaticallySelected[e];else i=this.isMulti()?Array.from(new Set([...this.data.selected[e],...a])):a,s=a.filter((e=>e!==t.id));return i=i.map((e=>(t=this.api.getItem(e),e))),{selected:i,automaticallySelected:s}}isItemVerticallyInsideArea(t,e){if(!e.width||!e.height)return!1;const i=e.y+e.height,s=t.position.viewTop,a=s+t.actualHeight;return s>=e.y&&s<=i||a>=e.y&&a<=i||s>=e.y&&a<=i||s<=e.y&&a>=i}isItemHorizontallyInsideArea(t,e){if(!e.width||!e.height)return!1;const i=e.x+e.width;return t.position.actualLeft>=e.x&&t.position.actualLeft<=i||t.position.actualRight>=e.x&&t.position.actualRight<=i||t.position.actualLeft<=e.x&&t.position.actualRight>=i||t.position.actualLeft>=e.x&&t.position.actualRight<=i}isMulti(){const t=this.lastAllEvents.move;return t&&this.data.multiKey&&this.modKeyPressed(this.data.multiKey,t)}getItemsUnderSelectionArea(t){const e=this.state.get("$data.chart.visibleItems"),i=this.api.getItems(e),s=[],a=[];for(let e of i){e=this.merge({},e);const i=this.api.getItemData(e.id);if(this.isItemVerticallyInsideArea(i,t)&&this.isItemHorizontallyInsideArea(i,t)){s.find((t=>t===e.id))||s.push(e.id);const t=this.collectLinkedItems(e.id);for(const e of t){const t=this.api.getItem(e);s.find((e=>e===t.id))||(s.push(t.id),a.push(t.id))}}}return{selectedItems:s,automaticallySelectedItems:a}}isCellVerticallyInsideArea(t,e){if(!e.width||!e.height)return!1;const i=e.y+e.height,s=t.top,a=s+t.rowData.actualHeight;return s>=e.y&&s<=i||a>=e.y&&a<=i||s>=e.y&&a<=i||s<=e.y&&a>=i}isCellHorizontallyInsideArea(t,e){if(!e.width||!e.height)return!1;const i=e.x+e.width,s=t.time.currentView.leftPx,a=t.time.currentView.rightPx;return s>=e.x&&s<=i||a>=e.x&&a<=i||s<=e.x&&a>=i||s>=e.x&&a<=i}getCellsUnderSelectionArea(t){const e=this.state.get("$data.chart.grid.cells"),i=[];for(const s in e){const a=e[s];this.isCellVerticallyInsideArea(a,t)&&this.isCellHorizontallyInsideArea(a,t)&&(i.find((t=>t===a.id))||i.push(a.id))}return{selectedCells:i}}updateItems(t){if(!this.data.items)return t;const i=this.api.getAllItems(),s=Array.from(new Set([...this.data.selecting[e],...this.data.selected[e]]));return t=t.update("$data.chart.items",(t=>{for(const a in t)if(a in i)if(s.includes(a)){const i=this.data.selecting[e].includes(a),s=this.data.selected[e].includes(a);t[a].selected=s,t[a].selecting=i}else t[a].selected=!1,t[a].selecting=!1;return t}),{data:"selection"})}updateCurrentItems(t){if(!this.data.items)return t;const i=this.state.get("$data.chart.items"),s=Array.from(new Set([...this.data.lastSelecting[e],...this.data.selecting[e],...this.data.selected[e]]));for(const t of s)i[t].selecting=this.data.selecting[e].includes(t),i[t].selected=this.data.selected[e].includes(t);return t}updateCells(e){if(!this.data.cells)return e;const i=this.api.getAllGridCells();return e.update("$data.chart.grid.cells",(e=>{for(const s in e){if(!(s in i))continue;const a=e[s];a&&(a.selected=this.data.selected[t].includes(a.id),a.selecting=this.data.selecting[t].includes(a.id))}return e})),e}updateCurrentCells(e){if(!this.data.items)return e;const i=Array.from(new Set([...this.data.lastSelecting[t],...this.data.selecting[t],...this.data.selected[t]]));for(const s of i){this.state.get(`$data.chart.grid.cells.${s}`)&&(e=e.update(`$data.chart.grid.cells.${s}`,(e=>(e.selected=this.data.selected[t].includes(s),e.selecting=this.data.selecting[t].includes(s),e))))}return e}deselectItems(){if(!this.data.items)return;this.data.selected[e].length=0,this.data.selecting[e].length=0;let t=this.state.multi(!0);t=this.updateItems(t),t.done()}deselectCells(){if(!this.data.cells)return;this.data.selecting[t].length=0,this.data.selected[t].length=0;let e=this.state.multi(!0);e=this.updateCells(e),e.done()}getSelectionWithData(i){const s=this.state.get("config.chart.items"),a=this.state.get("$data.chart.grid.cells");return{[t]:i[t].map((t=>a[t]?a[t]:t)),[e]:i[e].map((t=>s[t]?s[t]:t))}}onSelecting(i,s){const a=this.getSelectionWithData(i),l=this.getSelectionWithData(s);this.started||(this.data.events.onStart(l),this.started=!0,this.api.muteMethod("fullReload"),this.api.muteMethod("prepareExpanded"),this.api.muteMethod("calculateRowsHeight"),this.api.muteMethod("recalculateRowPercents"),this.api.muteMethod("getLastPageRowsHeight"),this.api.muteMethod("calculateVerticalScrollArea"),this.api.muteMethod("calculateVisibleRowsHeights"),this.api.muteMethod("generateVisibleRowsAndItems"),this.api.muteMethod("recalculateTimes"),this.api.muteMethod("heightChange"));const n=this.data.events.onSelecting(a,l);return{[t]:n[t].map((t=>"string"!=typeof t?t.id:t)),[e]:n[e].map((t=>"string"!=typeof t?t.id:t))}}onSelected(i,s){const a=this.getSelectionWithData(i),l=this.getSelectionWithData(s),n=this.data.events.onEnd(a,l);return this.started=!1,this.api.unmuteMethod("heightChange"),this.api.unmuteMethod("recalculateTimes"),this.api.unmuteMethod("generateVisibleRowsAndItems"),this.api.unmuteMethod("calculateVisibleRowsHeights"),this.api.unmuteMethod("calculateVerticalScrollArea"),this.api.unmuteMethod("getLastPageRowsHeight"),this.api.unmuteMethod("recalculateRowPercents"),this.api.unmuteMethod("calculateRowsHeight"),this.api.unmuteMethod("prepareExpanded"),this.api.unmuteMethod("fullReload"),{[t]:n[t].map((t=>"string"!=typeof t?t.id:t)),[e]:n[e].map((t=>"string"!=typeof t?t.id:t))}}updateBodyClass(){this.data.isSelecting?document.body.classList.add(this.data.bodySelectingClassName):document.body.classList.remove(this.data.bodySelectingClassName),this.data.selected[t].length||this.data.selected[e].length?document.body.classList.add(this.data.bodySelectedClassName):document.body.classList.remove(this.data.bodySelectedClassName)}selectMultipleCellsAndItems(i){if(!this.canSelect())return;if(!this.data.multipleSelection)return this.deselectItems(),this.deselectCells(),void this.updateData();this.data.isSelecting=!0,this.data.selectionAreaLocal=this.getSelectionAreaLocal(i),this.data.selectionAreaGlobal=this.translateAreaLocalToGlobal(this.data.selectionAreaLocal);const s={[t]:[],[e]:[]},a=this.isMulti();if(this.data.cells){const{selectedCells:e}=this.getCellsUnderSelectionArea(this.data.selectionAreaLocal);0===e.length?(s[t].length=0,a||(this.data.selected[t].length=0)):s[t]=e}if(this.data.items){const{selectedItems:t,automaticallySelectedItems:i}=this.getItemsUnderSelectionArea(this.data.selectionAreaLocal);this.data.automaticallySelected[e]=i,0===t.length?(s[e].length=0,a||(this.data.selected[e].length=0)):s[e]=t}if(this.data.cells||this.data.items){this.data.lastSelecting={[e]:[...this.data.selecting[e]],[t]:[...this.data.selecting[t]]},this.data.selecting=this.onSelecting(s,this.api.mergeDeep({},this.data.lastSelected));let i=this.state.multi(!0);this.data.cells&&(i=this.updateCurrentCells(i)),this.data.items&&(i=this.updateCurrentItems(i)),i.done()}}selectItemsIndividually(i){if(this.data.isSelecting=!1,this.data.selectionAreaLocal=this.getSelectionAreaLocal(i),this.data.currentPosition=i.currentPosition,this.data.initialPosition=i.initialPosition,!this.data.items)return;if(!this.canSelect())return;if(!i.targetData)return;const s=this.merge({},i.targetData),a=this.api.getItemData(s.id);if(!a)throw console.error('"config.chart.items"',this.state.get("config.chart.items")),console.error('"$data.chart.items"',this.state.get("$data.chart.items")),new Error(`Item with id "${s.id}" does not exists in "$data.chart.items". TIP: For performance reasons, state is mutable, so try not to modify items from the "state.get" method before you copy them (with "gstc.api.clone(items)" for example).`);if(this.data.selected[e].includes(s.id))return;let{selected:l,automaticallySelected:n}=this.getSelectedItem(s);l.length>1&&!this.data.multipleSelection&&(l=[s.id],n=[]),this.isMulti()?a.selected?this.data.selected[e]=l.filter((t=>t!==s.id&&!n.includes(t))):this.data.selected[e]=l:(this.data.selected[e]=l,this.data.selected[t].length=0),this.data.automaticallySelected[e]=n,this.data.lastSelecting={[e]:[...this.data.selected[e]],[t]:[...this.data.selected[t]]},this.data.selected=this.onSelected(this.api.mergeDeep({},this.data.selected),this.api.mergeDeep({},this.data.lastSelected));let c=this.state.multi(!0);c=this.updateCells(c),c=this.updateItems(c),c.done()}removeMultiUnselected(t){const e=this.data.selected[t].filter((e=>this.data.selecting[t].includes(e))),i=[...this.data.selected[t],...this.data.selecting[t]];return Array.from(new Set(i.filter((t=>!e.includes(t)))))}finishSelection(){if(!this.canSelect())return;let i;i=this.isMulti()?{[t]:this.data.cells?this.removeMultiUnselected(t):[],[e]:this.data.items?this.removeMultiUnselected(e):[]}:{[t]:this.data.cells?[...this.data.selecting[t]]:[],[e]:this.data.items?[...this.data.selecting[e]]:[]},this.data.selected=this.onSelected(i,this.api.mergeDeep({},this.data.lastSelected)),this.data.lastSelected=this.api.mergeDeep({},this.data.selected),this.data.cells&&(this.data.selecting[t].length=0),this.data.items&&(this.data.selecting[e].length=0);let s=this.state.multi(!0);s=this.updateItems(s),s=this.updateCells(s),s.done()}onPointerData(i){if(this.lastAllEvents=i.allEvents,i.isMoving&&i.targetType===t&&this.data.rectangularSelection?this.selectMultipleCellsAndItems(i):i.isMoving&&i.targetType===t&&!this.data.rectangularSelection?this.deselectItems():i.targetType===e?this.selectItemsIndividually(i):i.isMoving||(this.data.isSelecting&&this.finishSelection(),this.data.isSelecting=!1),i.isMoving&&i.targetType!==t&&i.targetType!==e&&this.deselectItems(),this.data.pointerState=i.type,this.data.targetType=i.targetType,this.data.targetData=i.targetData,"down"===this.data.pointerState){let t=this.state.multi(!0);t=this.updateItems(t),t=this.updateCells(t),t.done()}this.updateData(),this.updateBodyClass()}onTimelinePointerDown(t){this.data.enabled&&this.onPointerData(t)}onTimelinePointerMove(t){this.data.enabled&&this.onPointerData(t)}onTimelinePointerUp(t){this.data.enabled&&this.onPointerData(t)}slot(){let t,e=!0;return i=>(e=!0,this.canSelect()&&this.data.isSelecting&&this.data.showOverlay&&this.data.multipleSelection&&this.data.rectangularSelection&&(this.slotStyleMap.style.display="block",this.slotStyleMap.style.left=this.data.selectionAreaLocal.x+"px",this.slotStyleMap.style.top=this.data.selectionAreaLocal.y+"px",this.slotStyleMap.style.width=this.data.selectionAreaLocal.width+"px",this.slotStyleMap.style.height=this.data.selectionAreaLocal.height+"px",e=!1),t=this.html`<div class=${this.slotClassName} style=${this.slotStyleMap.directive()}></div>`,this.html`${i}${e?null:t}`)}updateSelectionClassName(t,e){if(!e&&!e.itemData)return;const i="boolean"==typeof e.selected?e.selected:e.itemData.selected,s="boolean"==typeof e.selecting?e.selecting:e.itemData.selecting;i?(t.classList.contains(this.data.selectedClassName)||t.classList.add(this.data.selectedClassName),t.classList.contains(this.data.selectingClassName)&&t.classList.remove(this.data.selectingClassName)):t.classList.contains(this.data.selectedClassName)&&t.classList.remove(this.data.selectedClassName),s?(t.classList.contains(this.data.selectingClassName)||t.classList.add(this.data.selectingClassName),t.classList.contains(this.data.selectedClassName)&&t.classList.remove(this.data.selectedClassName)):t.classList.contains(this.data.selectingClassName)&&t.classList.remove(this.data.selectingClassName)}selectedAction(t,e){this.updateSelectionClassName(t,e);const i=this;return{update(t,e){i.updateSelectionClassName(t,e)},destroy(t,e){i.updateSelectionClassName(t,e)}}}onCellCreate(e){return e.selected=!!this.data.selected[t].find((t=>t===e.id)),e.selecting=!!this.data.selecting[t].find((t=>t===e.id)),e.content}}function l(t={}){return t=function(t){!
+/**
+ * Selection 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
+ */
+function(t){t.events||(t.events={}),t.onStart&&(t.events.onStart=t.onStart),t.onSelecting&&(t.events.onSelecting=t.onSelecting),t.onSelected&&(t.events.onEnd=t.onSelected)}(t);const e={enabled:!0,cells:!0,items:!0,showOverlay:!0,rectangularSelection:!0,multipleSelection:!0,selectedClassName:"gstc__selected",selectingClassName:"gstc__selecting",bodySelectedClassName:"gstc__is-selected",bodySelectingClassName:"gstc__is-selecting",events:{onStart(){},onSelecting:t=>t,onEnd:t=>t}};return t.events=Object.assign(Object.assign({},e.events),t.events),Object.assign(Object.assign({},e),t)}(t),function(e){const s=e.api.mergeDeep,l=e.api;if(!l.isPluginInitialized("TimelinePointer"))throw new Error("TimelinePointer plugin must be initialized before Selection plugin.");const n=e.state.get(i);n&&(t=s({},t,n));const c=new a(e,t);return l.pluginInitialized("Selection"),c.destroy}}export{l as Plugin};

package/dist/plugins/selection.umd.min.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Selection plugin
+ *
+ * @header  --gstc--header--
+ */
+import { ITEM, ITEM_TYPE, CELL, CELL_TYPE, TimelinePointerPoint, TimelinePointerState } from './timeline-pointer';
+import type { Item, GridCell, Vido } from '../gstc';
+export type ModKey = 'shift' | 'ctrl' | 'alt' | '';
+export interface SelectionItems {
+    [key: string]: Item[];
+}
+export interface SelectState {
+    selecting?: SelectionItems;
+    selected?: SelectionItems;
+}
+export interface Events {
+    onStart?: (lastSelected: EventSelection) => void;
+    onSelecting?: (selecting: EventSelection, last: EventSelection) => EventSelection;
+    onEnd?: (selected: EventSelection, last: EventSelection) => EventSelection;
+}
+export interface Options {
+    enabled?: boolean;
+    cells?: boolean;
+    items?: boolean;
+    showOverlay?: boolean;
+    rectangularSelection?: boolean;
+    multipleSelection?: boolean;
+    selectKey?: ModKey;
+    multiKey?: ModKey;
+    selectedClassName?: string;
+    selectingClassName?: string;
+    bodySelectedClassName?: string;
+    bodySelectingClassName?: string;
+    events?: Events;
+    pointerEvents?: PointerEvents;
+    /**
+     * @deprecated use `events.onStart`
+     */
+    onStart?: (lastSelected: EventSelection) => void;
+    /**
+     * @deprecated use `events.onSelecting`
+     */
+    onSelecting?: (selecting: EventSelection, last: EventSelection) => EventSelection;
+    /**
+     * @deprecated use `events.onEnd`
+     */
+    onSelected?: (selected: EventSelection, last: EventSelection) => EventSelection;
+}
+export interface Area {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface Selection {
+    [CELL]: string[];
+    [ITEM]: string[];
+}
+export type GridCellOrId = GridCell | string;
+export type ItemOrId = Item | string;
+export interface EventSelection {
+    [CELL]: GridCellOrId[];
+    [ITEM]: ItemOrId[];
+}
+export interface SelectedCell {
+    rowId: string;
+    cellId: string;
+}
+export interface PointerEvents {
+    down: PointerEvent | null;
+    move: PointerEvent | null;
+    up: PointerEvent | null;
+}
+export interface PluginData extends Options {
+    enabled: boolean;
+    isSelecting: boolean;
+    showOverlay: boolean;
+    pointerState: TimelinePointerState;
+    initialPosition: TimelinePointerPoint;
+    currentPosition: TimelinePointerPoint;
+    selectionAreaLocal: Area;
+    selectionAreaGlobal: Area;
+    selected: Selection;
+    lastSelected: Selection;
+    selecting: Selection;
+    lastSelecting: Selection;
+    automaticallySelected: Selection;
+    pointerEvents: PointerEvents;
+    events: Events;
+    targetType: ITEM_TYPE | CELL_TYPE | '';
+    targetData: any;
+}
+export declare function Plugin(options?: Options): (vidoInstance: Vido) => () => void;
+//# sourceMappingURL=selection.d.ts.map