dhx-chart 7.3.14 → 8.0.1

package/codebase/types/ts-chart/sources/Chart.d.ts

@@ -1,14 +1,16 @@
 import { IEventSystem } from "../../ts-common/events";
 import { View } from "../../ts-common/view";
 import { DataCollection, DataEvents, TreeCollection } from "../../ts-data";
-import { ChartEvents, IChart, IChartConfig, ISeria } from "./types";
+import { ChartEvents, IChart, IChartConfig, IChartSeries, IComposeLayer, IScaleConfig, IScales, ISeria } from "./types";
+import { Exporter } from "./Export";
 export declare class Chart extends View implements IChart {
     data: DataCollection | TreeCollection;
     events: IEventSystem<DataEvents | ChartEvents>;
     config: IChartConfig;
-    private _layers;
-    private _series;
-    private _scales;
+    export: Exporter;
+    protected _layers: IComposeLayer;
+    protected _series: IChartSeries;
+    protected _scales: IScales;
     private _tooltip;
     private _globalHTMLHandlers;
     private _width;
@@ -20,7 +22,7 @@ export declare class Chart extends View implements IChart {
     eachSeries(handler: (serie: ISeria) => any): any[];
     destructor(): void;
     setConfig(config: IChartConfig): void;
-    private _setScale;
-    private _detectScaleType;
+    protected _setScale(config: IScaleConfig, position: string): void;
+    protected _detectScaleType(config: any, key: any): any;
     private _initEvents;
 }

package/codebase/types/ts-chart/sources/Export.d.ts

@@ -0,0 +1,10 @@
+import { View } from "../../ts-common/view";
+export declare class Exporter {
+    private _name;
+    private _view;
+    private _version;
+    constructor(_name: string, _view: View);
+    pdf(config: any): void;
+    png(config: any): void;
+    protected _rawExport(config: any, mode: string, view: View): void;
+}

package/codebase/types/ts-chart/sources/Legend.d.ts

@@ -11,4 +11,5 @@ export declare class Legend {
     scaleReady(sizes: IFitPosition): void;
     paint(width: number, height: number): SvgElement;
     protected _getData(): ILegendDrawData[];
+    private setCriticals;
 }

package/codebase/types/ts-chart/sources/entry.d.ts

@@ -1,6 +1,7 @@
 import "../../styles/chart.scss";
+import "../../styles/themes.scss";
 export declare const vmdom: {
     sv: any;
 };
-export { resizeHandler } from "../../ts-common/dom";
+export { resizeHandler, awaitRedraw, setTheme } from "../../ts-common/dom";
 export { Chart } from "./Chart";

package/codebase/types/ts-chart/sources/series/CalendarHeatMap.d.ts

@@ -0,0 +1,20 @@
+import { IFitPosition } from "../../../ts-common/html";
+import { DataCollection } from "../../../ts-data";
+import { ICalendarHeatMapConfig, PointData, SvgElement } from "../types";
+import BaseSeria from "./BaseSeria";
+export default class CalendarHeatMap extends BaseSeria {
+    config: ICalendarHeatMapConfig;
+    protected _data: DataCollection;
+    private _headerHeight;
+    private _dateLocator;
+    private _valueLocator;
+    private _cellSize;
+    private _years;
+    private _maxValue;
+    private _minValue;
+    scaleReady(sizes: IFitPosition): IFitPosition;
+    dataReady(): PointData[];
+    paint(width: number, height: number): SvgElement;
+    protected _setDefaults(config: ICalendarHeatMapConfig): void;
+    protected _defaultLocator(v: any): any[];
+}

package/codebase/types/ts-chart/sources/series/index.d.ts

@@ -10,6 +10,7 @@ import scatter from "./Scatter";
 import spline from "./Spline";
 import splineArea from "./SplineArea";
 import treeMap from "./TreeMap";
+import calendarHeatMap from "./CalendarHeatMap";
 declare const seriesTypes: {
     line: typeof line;
     spline: typeof spline;
@@ -23,5 +24,6 @@ declare const seriesTypes: {
     bar: typeof bar;
     xbar: typeof xbar;
     treeMap: typeof treeMap;
+    calendarHeatMap: typeof calendarHeatMap;
 };
 export default seriesTypes;

package/codebase/types/ts-chart/sources/shapes/legend.d.ts

@@ -1 +1,2 @@
 export declare function legendShape(form: any, item: any): any;
+export declare function legendTicks(form: any, item: any): any[];

package/codebase/types/ts-chart/sources/types.d.ts

@@ -10,7 +10,7 @@ export interface IChart {
     getSeries(id: string): ISeria;
 }
 export interface IChartConfig {
-    type?: ChartType;
+    type?: TChartType;
     css?: string;
     barWidth?: number;
     scales?: IScalesConfig;
@@ -18,8 +18,9 @@ export interface IChartConfig {
     series?: SeriaConfig[];
     maxPoints?: number;
     data?: DataCollection<any> | any[];
+    exportStyles?: boolean | string[];
 }
-export declare type ChartType = "bar" | "line" | "spline" | "scatter" | "area" | "donut" | "pie" | "pie3D" | "radar" | "xbar" | "splineArea" | "treeMap";
+export declare type TChartType = "bar" | "line" | "spline" | "scatter" | "area" | "donut" | "pie" | "pie3D" | "radar" | "xbar" | "splineArea" | "treeMap" | "calendarHeatMap";
 export declare enum ChartEvents {
     toggleSeries = "toggleSeries",
     chartMouseMove = "chartMouseMove",
@@ -56,7 +57,7 @@ export interface ISeria extends ILikeSeria {
 export declare type TreeDirectionType = "asc" | "desc";
 export interface ISeriaConfig {
     id?: string;
-    type?: ChartType;
+    type?: TChartType;
     active?: boolean;
     pointColor?: string;
     dashed?: boolean;
@@ -119,10 +120,10 @@ export interface IScales {
     radial?: IScale;
 }
 export interface IScalesConfig {
-    left?: IScaleConfig;
-    right?: IScaleConfig;
-    top?: IScaleConfig;
-    bottom?: IScaleConfig;
+    left?: IScaleConfig | boolean;
+    right?: IScaleConfig | boolean;
+    top?: IScaleConfig | boolean;
+    bottom?: IScaleConfig | boolean;
     radial?: IRadialScaleConfig;
 }
 export interface ILegendConfig {
@@ -131,6 +132,15 @@ export interface ILegendConfig {
         text: SmartLocator;
         color: SmartLocator;
         alpha?: SmartLocator;
+        positiveColor?: SmartLocator;
+        negativeColor?: SmartLocator;
+        minValue?: number;
+        maxValue?: number;
+        value?: string;
+        step?: number;
+        tick?: number;
+        majorTick?: number;
+        tickTemplate?: <T>(value: T) => string;
     };
     size?: number;
     form?: Shape;
@@ -162,6 +172,14 @@ export interface ILegendDrawData {
     fill: string;
     active?: boolean;
     color?: string;
+    minValue?: number;
+    maxValue?: number;
+    negativeColor?: string;
+    positiveColor?: string;
+    step?: number;
+    tick?: number;
+    majorTick?: number;
+    tickTemplate?: <T>(value: T) => string;
 }
 export interface IComposable {
     paint(width: number, height: number, prev?: PointData[]): object;
@@ -197,6 +215,20 @@ export interface ITreeMapConfig extends ISeriaConfig {
     paddings?: number;
     text?: string;
 }
+export interface ICalendarHeatMapConfig extends ISeriaConfig {
+    paddings?: number;
+    date?: string;
+    dateFormat?: string;
+    weekStart?: "saturday" | "sunday" | "monday";
+    positiveColor?: SmartLocator;
+    negativeColor?: SmartLocator;
+    minValue?: number;
+    maxValue?: number;
+    startDate?: string | Date;
+    endDate?: string | Date;
+    days?: string[];
+    months?: string[];
+}
 export interface IAxisCreatorConfig {
     max?: number;
     min?: number;
@@ -232,11 +264,11 @@ export declare type PointType = "circle" | "rect" | "triangle" | "rhombus" | "si
 export declare type Gradient = (color: string) => any;
 export declare type TooltipType = "simple" | "right" | "left" | "top" | "bot";
 export declare type SvgElement = any;
-export declare type Shape = "rect" | "circle";
+export declare type Shape = "rect" | "circle" | "line";
 export declare type HorizontalPosition = "left" | "center" | "right";
 export declare type VerticalPosition = "top" | "middle" | "bottom";
 export declare type LegendDirection = "row" | "column";
-export declare type LegendType = "groupName" | "range";
+export declare type LegendType = "groupName" | "range" | "scale";
 export declare type LegendSizes = {
     width: number;
     height: number;
@@ -255,7 +287,7 @@ export declare type SmartLocator = Locator | string;
 export interface IStacker extends IComposable, ILikeSeria {
     add(seria: ISeria): void;
 }
-export declare type PointData = [number, number, string, number | string, number, TreePointData?];
+export declare type PointData = [number, number, string, (number | string)?, number?, TreePointData?];
 export declare type TreePointData = {
     items: PointData[];
 };

package/codebase/types/ts-combobox/sources/Combobox.d.ts

@@ -1,3 +1,4 @@
+import { VNode } from "../../ts-common/dom";
 import { IEventSystem } from "../../ts-common/events";
 import { View } from "../../ts-common/view";
 import { DataCollection, DataEvents, IDataEventsHandlersMap } from "../../ts-data";
@@ -6,6 +7,7 @@ import { List } from "../../ts-list";
 import { Popup } from "../../ts-popup";
 import { Id, IHandlers } from "../../ts-common/types";
 import { ComboboxEvents, ICombobox, IComboboxConfig, IComboboxEventHandlersMap, State } from "./types";
+export declare const $template: VNode;
 export declare class Combobox extends View implements ICombobox {
     data: DataCollection;
     config: IComboboxConfig;

package/codebase/types/ts-combobox/sources/types.d.ts

@@ -36,6 +36,7 @@ export interface IComboboxConfig {
     readonly?: boolean;
 }
 export declare enum ComboboxEvents {
+    beforeChange = "beforeChange",
     change = "change",
     focus = "focus",
     blur = "blur",
@@ -52,6 +53,7 @@ export declare enum ComboboxEvents {
 }
 export interface IComboboxEventHandlersMap {
     [key: string]: (...args: any[]) => any;
+    [ComboboxEvents.beforeChange]: (ids: Id | Id[]) => boolean | void;
     [ComboboxEvents.change]: (ids: Id | Id[]) => void;
     [ComboboxEvents.focus]: () => void;
     [ComboboxEvents.blur]: () => void;

package/codebase/types/ts-common/dom.d.ts

@@ -1,3 +1,4 @@
+import { TTheme } from "./types";
 export declare const el: any;
 export declare const sv: any;
 export declare const view: any;
@@ -19,3 +20,4 @@ export interface IViewHash {
 export declare function resizer(handler: any): any;
 export declare function resizeHandler(container: any, handler: any): any;
 export declare function awaitRedraw(): Promise<any>;
+export declare function setTheme(theme: TTheme, container: string | HTMLElement): void;

package/codebase/types/ts-common/html.d.ts

@@ -64,4 +64,6 @@ export declare function getLabelStyle(config: any): false | {
     };
     label: any;
 };
+export declare function getPageInlineCss(): string;
+export declare function getPageLinksCss(exportStyles?: string[]): string;
 export {};

package/codebase/types/ts-common/types.d.ts

@@ -2,6 +2,7 @@ import { IEventSystem } from "./events";
 export interface IHandlers {
     [key: string]: anyFunction | IHandlers;
 }
+export declare type TTheme = "light" | "dark" | "contrast-light" | "contrast-dark" | string;
 export declare type Id = string | number;
 export declare type fn<T extends any[], K> = (...args: T) => K;
 export declare type anyFunction = fn<any[], any>;

package/codebase/types/ts-data/sources/types.d.ts

@@ -57,7 +57,7 @@ export interface IDataConfig {
     init?: anyFunction;
     update?: anyFunction;
     approximate?: IApproximate;
-    autoload?: boolean;
+    autoload?: string;
 }
 export interface IDataCollection<T extends IDataItem = IDataItem> {
     config: IDataConfig;
@@ -94,7 +94,7 @@ export interface IDataCollection<T extends IDataItem = IDataItem> {
     forEach(callback: DataCallback<T>): void;
     save(url: IDataProxy | string): void;
     isSaved(): boolean;
-    getRawData(from: number, to: number, order?: T[], mode?: number): T[];
+    getRawData(from: number, to: number, order?: T[] | null, mode?: number): T[];
 }
 export interface IDataChangeStack {
     order: IDataChange[];
@@ -209,11 +209,13 @@ export declare enum DataEvents {
     beforeRemove = "beforeremove",
     afterRemove = "afterremove",
     change = "change",
+    dataRequest = "dataRequest",
     load = "load",
     loadError = "loaderror",
     beforeLazyLoad = "beforelazyload",
     afterLazyLoad = "afterlazyload",
-    dataRequest = "dataRequest"
+    beforeItemLoad = "beforeItemLoad",
+    afterItemLoad = "afterItemLoad"
 }
 export interface IDataEventsHandlersMap {
     [key: string]: (...args: any[]) => any;
@@ -222,12 +224,14 @@ export interface IDataEventsHandlersMap {
     [DataEvents.afterRemove]: (removedItem: any) => void;
     [DataEvents.beforeAdd]: (newItem: any) => boolean | void;
     [DataEvents.beforeRemove]: (removedItem: any) => boolean | void;
-    [DataEvents.load]: () => void;
     [DataEvents.removeAll]: () => void;
+    [DataEvents.dataRequest]: (from: number, to: number) => void;
+    [DataEvents.load]: () => void;
     [DataEvents.loadError]: (response: any) => void;
+    [DataEvents.beforeItemLoad]: (id: Id) => boolean | void;
+    [DataEvents.afterItemLoad]: (id: Id) => void;
     [DataEvents.beforeLazyLoad]: () => boolean | void;
     [DataEvents.afterLazyLoad]: (from: number, count: number) => void;
-    [DataEvents.dataRequest]: (from: number, to: number) => void;
 }
 export declare enum DragEvents {
     beforeDrag = "beforeDrag",
@@ -245,6 +249,7 @@ export interface IDragInfo {
     source: Id[];
     target: Id;
     dropPosition?: DropPosition;
+    dragItem?: "row" | "column";
 }
 export declare type DragMode = "target" | "both" | "source";
 export declare type DropBehaviour = "child" | "sibling" | "complex";

package/codebase/types/ts-grid/sources/Grid.d.ts

@@ -4,8 +4,7 @@ import { Id, ITouchParam } from "../../ts-common/types";
 import { View } from "../../ts-common/view";
 import { DataEvents, DragEvents, IDataCollection, IDataEventsHandlersMap, IDataItem, IDragEventsHandlersMap } from "../../ts-data";
 import { Exporter } from "./Exporter";
-import { Dirs, EditorType, GridEvents, IAdjustBy, ICellRect, ICol, IContentList, ICoords, IEventHandlersMap, IGrid, IGridConfig, IRow, IScrollState, ISelection, ISpan, GridSystemEvents, ISystemEventHandlersMap, IColumnsWidth, ISortingState, SortFunction } from "./types";
-import { Combobox } from "../../ts-combobox";
+import { Dirs, EditorType, GridEvents, IAdjustBy, ICellRect, ICol, IContentList, ICoords, IEventHandlersMap, IGrid, IGridConfig, IRow, IScrollState, ISelection, ISpan, GridSystemEvents, ISystemEventHandlersMap, IColumnsWidth, ISortingState, SortFunction, IHeaderFilter } from "./types";
 export declare class Grid extends View implements IGrid {
     data: IDataCollection;
     config: IGridConfig;
@@ -48,7 +47,7 @@ export declare class Grid extends View implements IGrid {
     editCell(rowId: Id, colId: Id, editorType?: EditorType): void;
     editEnd(withoutSave?: boolean): void;
     getSortingState(): ISortingState;
-    getHeaderFilter(colId: Id): HTMLElement | Combobox;
+    getHeaderFilter(colId: Id): IHeaderFilter;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     edit(rowId: Id, colId: Id, editorType?: EditorType): void;
     paint(): void;
@@ -66,8 +65,8 @@ export declare class Grid extends View implements IGrid {
     protected _prepareData(data: IDataItem[] | IDataCollection): any[] | IDataItem[];
     protected _adjustColumnsWidth(rows: IRow[], cols: ICol[], adjust?: IAdjustBy): IColumnsWidth;
     protected _prepareColumnData(data: any, type: "header" | "footer"): IRow[];
-    private _dragStart;
-    private _getColumn;
+    protected _dragStart(event: any): void;
+    protected _getRowGhost(ids: Id[]): HTMLDivElement;
     private _init;
     private _attachDataCollection;
     private _setMarks;

package/codebase/types/ts-grid/sources/ProGrid.d.ts

@@ -9,6 +9,7 @@ export declare class ProGrid extends Grid implements IProGrid {
     protected _setEventHandlers(): void;
     protected _prepareData(data: IDataItem[] | IDataCollection): any;
     protected _prepareDataFromTo(data: IDataCollection, from: number, to: number): IDataItem[];
+    protected _dragStart(event: any): void;
     private _lazyLoad;
     private _getColumnGhost;
     private _dragStartColumn;

package/codebase/types/ts-grid/sources/Selection.d.ts

@@ -1,29 +1,31 @@
+import { VNode } from "../../ts-common/dom";
 import { IEventSystem } from "../../ts-common/events";
-import { ICell, IGrid, ISelection, IRow, ICol, ISelectionType, GridSelectionEvents, IGridSelectionEventsHandlersMap, ISelectionConfig } from "./types";
+import { ICell, IGrid, ISelection, IRow, ICol, GridSelectionEvents, IGridSelectionEventsHandlersMap, ISelectionConfig } from "./types";
 import { Id } from "../../ts-common/types";
 export declare class Selection implements ISelection {
     events: IEventSystem<GridSelectionEvents, IGridSelectionEventsHandlersMap>;
     config: ISelectionConfig;
-    protected _grid: IGrid;
+    private _grid;
     private _gridId;
-    protected _selectedCell: ICell;
-    protected _oldSelectedCell: ICell;
-    protected _selectedCells: ICell[];
-    protected _type: ISelectionType;
-    protected _multiselection: boolean;
+    private _selectedCell;
+    private _selectedCells;
+    private _type;
+    private _multiselection;
     constructor(grid: IGrid, config?: ISelectionConfig, events?: IEventSystem<any>, gridId?: Id);
-    setCell(row?: any, col?: any, ctrlUp?: boolean, shiftUp?: boolean): void;
-    getCell(): ICell;
+    setCell(row?: IRow | Id, col?: ICol | Id, ctrlUp?: boolean, shiftUp?: boolean): void;
+    removeCell(rowId?: Id, colId?: Id): void;
+    getCell(): ICell | void;
     getCells(): ICell[];
-    toHTML(): any;
     disable(): void;
     enable(): void;
-    removeCell(rowId?: Id, colId?: Id): void;
-    protected _removeCell(row: any, col: any): void;
-    protected _removeCells(): void;
-    protected _init(): void;
-    protected _toHTML(row: IRow, column: ICol, last?: boolean, skipRow?: boolean): any;
-    protected _isUnselected(): boolean;
-    protected _findIndex(cell?: ICell): number;
-    protected _setBrowserFocus(): void;
+    toHTML(): VNode | VNode[];
+    private _setCell;
+    private _removeCell;
+    private _removeCells;
+    private _init;
+    private _toHTML;
+    private _isUnselected;
+    private _findIndex;
+    private _setBrowserFocus;
+    private _getReverseScrollState;
 }

package/codebase/types/ts-grid/sources/types.d.ts

@@ -6,6 +6,8 @@ import { Exporter } from "./Exporter";
 import { Combobox } from "../../ts-combobox";
 import { IHandlers, Id } from "../../ts-common/types";
 import { ScrollView } from "../../ts-common/ScrollView";
+import { ICalendarConfig } from "../../ts-calendar";
+import { VNode } from "../../ts-common/dom";
 export interface IGridConfig extends IDragConfig {
     columns?: ICol[];
     spans?: ISpan[];
@@ -17,6 +19,8 @@ export interface IGridConfig extends IDragConfig {
     rowCss?: (row: IRow) => string;
     leftSplit?: number;
     topSplit?: number;
+    rightSplit?: number;
+    bottomSplit?: number;
     selection?: ISelectionType;
     multiselection?: boolean;
     dragItem?: IDragType;
@@ -55,6 +59,7 @@ export interface IGridConfig extends IDragConfig {
         editor?: IEditor;
     };
     $resizing?: string | number;
+    $scrollBarWidth?: IScrollBarWidth;
     groupTitleTemplate?: (groupName: string, groupItems: IDataItem[]) => string;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     editing?: boolean;
@@ -67,6 +72,12 @@ export interface IGridConfig extends IDragConfig {
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     splitAt?: number;
 }
+export interface IScrollBarWidth {
+    x: number;
+    y: number;
+    xState: boolean;
+    yState: boolean;
+}
 interface ICellObj {
     col: ICol;
     row: IRow;
@@ -78,18 +89,25 @@ export interface IScrollState {
     left: number;
     top: number;
 }
+interface IFixedColumns {
+    left: ICol[];
+    right: ICol[];
+}
+interface IFixedRows {
+    top: IRow[];
+    bottom: IRow[];
+}
 export interface IRendererConfig extends IGridConfig {
     scroll?: IScrollState;
     datacollection: any;
     currentColumns?: ICol[];
     currentRows?: IRow[];
-    fixedColumns?: ICol[];
-    fixedRows?: IRow[];
+    fixedColumns?: IFixedColumns;
+    fixedRows?: IFixedRows;
     firstColId?: Id;
     headerHeight?: number;
     footerHeight?: number;
     events?: IEventSystem<GridEvents, IEventHandlersMap>;
-    fixedColumnsWidth?: number;
     selection: any;
     sortBy?: Id;
     sortDir?: string;
@@ -138,7 +156,7 @@ export interface IGrid {
     editCell(rowId: Id, colId: Id, editorType?: EditorType): void;
     editEnd(withoutSave?: boolean): void;
     getSortingState(): ISortingState;
-    getHeaderFilter(colId: Id): HTMLElement | Combobox;
+    getHeaderFilter(colId: Id): IHeaderFilter;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     edit(rowId: Id, colId: Id, editorType?: EditorType): void;
 }
@@ -149,6 +167,26 @@ export declare type EditorType = "input" | "select" | "datePicker" | "checkbox"
 export interface IComboEditorConfig {
     newOptions?: boolean;
 }
+export interface IBaseHandlersMap {
+    [key: string]: (...args: any[]) => any;
+}
+export declare enum HeaderFilterEvent {
+    change = "change"
+}
+export interface IHeaderFilter {
+    column: ICol;
+    config: IRendererConfig;
+    value: string | string[];
+    events: IEventSystem<HeaderFilterEvent>;
+    data?: any[];
+    id?: Id;
+    filterConfig?: IComboFilterConfig;
+    getFilter(): HTMLElement | Combobox;
+    setValue(value: string | string[]): void;
+    clear(): void;
+    focus(): void;
+    blur(): void;
+}
 export interface ICellRect extends ICoords, ISizes {
 }
 export declare type colType = "string" | "number" | "boolean" | "date" | "percent" | any;
@@ -161,14 +199,14 @@ export interface ICol {
     maxWidth?: number;
     mark?: IMark | MarkFunction;
     type?: colType;
+    format?: string;
     editorType?: EditorType;
-    editorConfig?: IComboEditorConfig;
+    editorConfig?: IComboEditorConfig | ICalendarConfig;
     editable?: boolean;
     resizable?: boolean;
     sortable?: boolean;
     options?: any[];
     draggable?: boolean;
-    format?: string;
     htmlEnable?: boolean;
     template?: (cellValue: any, row: IRow, col: ICol) => string;
     hidden?: boolean;
@@ -185,6 +223,7 @@ export interface ICol {
     $width?: number;
     $fixed?: boolean;
     $htmlEnable?: boolean;
+    /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     dateFormat?: string;
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     editing?: boolean;
@@ -268,6 +307,7 @@ export declare enum GridEvents {
     scroll = "scroll",
     expand = "expand",
     filterChange = "filterChange",
+    beforeFilter = "beforeFilter",
     beforeResizeStart = "beforeResizeStart",
     resize = "resize",
     afterResizeEnd = "afterResizeEnd",
@@ -328,7 +368,8 @@ export interface IEventHandlersMap {
     [GridEvents.scroll]: (scrollState: ICoords) => void;
     [GridEvents.beforeSort]: (col: ICol, dir: Dirs) => void | boolean;
     [GridEvents.afterSort]: (col: ICol, dir: Dirs) => void;
-    [GridEvents.filterChange]: (value: string, colId: Id, filterId: fixedRowContent) => void;
+    [GridEvents.filterChange]: (value: string | string[], colId: Id, filterId: fixedRowContent) => void;
+    [GridEvents.beforeFilter]: (value: string, colId: Id) => void | boolean;
     [GridEvents.beforeResizeStart]: (col: ICol, e: MouseEvent) => boolean | void;
     [GridEvents.resize]: (col: ICol, e: MouseEvent) => void;
     [GridEvents.afterResizeEnd]: (col: ICol, e: MouseEvent) => void;
@@ -448,7 +489,6 @@ export interface ISizes {
 export interface ICell {
     row: IRow;
     column: ICol;
-    $preventedUnselect?: boolean;
 }
 export interface IRow {
     id?: Id;
@@ -470,13 +510,13 @@ export interface ISelectionConfig {
 }
 export interface ISelection {
     config?: ISelectionConfig;
-    setCell(rowId?: Id, colId?: Id, ctrlUp?: boolean, shiftUp?: boolean): void;
-    getCell(): ICell;
+    setCell(rowId?: IRow | Id, colId?: ICol | Id, ctrlUp?: boolean, shiftUp?: boolean): void;
+    getCell(): ICell | void;
     getCells(): ICell[];
     removeCell(rowId?: Id, colId?: Id): void;
     disable(): void;
     enable(): void;
-    toHTML(): any | any[];
+    toHTML(): VNode | VNode[];
 }
 export declare enum GridSelectionEvents {
     beforeUnSelect = "beforeUnSelect",
@@ -492,4 +532,10 @@ export interface IGridSelectionEventsHandlersMap {
     [GridSelectionEvents.beforeUnSelect]: (row: IRow, col: ICol) => boolean | void;
 }
 export declare type TRowStatus = "firstFilledRow" | "firstEmptyRow";
+export declare enum Split {
+    left = "leftSplit",
+    right = "rightSplit",
+    top = "topSplit",
+    bottom = "bottomSplit"
+}
 export {};

package/codebase/types/ts-grid/sources/ui/Cells.d.ts

@@ -1,20 +1,20 @@
-import { GridEvents, ICol, ICoords, IRendererConfig, GridSystemEvents, IGridConfig, ISpan } from "../types";
+import { GridEvents, GridSystemEvents, ICol, ICoords, IGridConfig, IRendererConfig, ISpan, Split } from "../types";
 declare type mouseEvents = GridEvents.cellClick | GridEvents.cellMouseOver | GridEvents.cellMouseDown | GridEvents.cellDblClick | GridEvents.cellRightClick;
 declare type touchEvents = GridSystemEvents.cellTouchEnd | GridSystemEvents.cellTouchMove;
 declare function handleMouse(rowStart: number, colStart: number, conf: IRendererConfig, type: mouseEvents & touchEvents, e: any): void;
 export declare function getHandlers(row: number, column: number, conf: IRendererConfig): {
-    onclick: (number | GridEvents | IRendererConfig | typeof handleMouse)[];
-    onmouseover: (number | GridEvents | IRendererConfig | typeof handleMouse)[];
-    onmousedown: (number | GridEvents | IRendererConfig | typeof handleMouse)[];
-    ondblclick: (number | GridEvents | IRendererConfig | typeof handleMouse)[];
-    oncontextmenu: (number | GridEvents | IRendererConfig | typeof handleMouse)[];
-    ontouchstart: (number | GridEvents | IRendererConfig | typeof handleMouse)[];
-    ontouchmove: (number | GridSystemEvents | IRendererConfig | typeof handleMouse)[];
-    ontouchend: (number | GridSystemEvents | IRendererConfig | typeof handleMouse)[];
+    onclick: (number | IRendererConfig | GridEvents | typeof handleMouse)[];
+    onmouseover: (number | IRendererConfig | GridEvents | typeof handleMouse)[];
+    onmousedown: (number | IRendererConfig | GridEvents | typeof handleMouse)[];
+    ondblclick: (number | IRendererConfig | GridEvents | typeof handleMouse)[];
+    oncontextmenu: (number | IRendererConfig | GridEvents | typeof handleMouse)[];
+    ontouchstart: (number | IRendererConfig | GridEvents | typeof handleMouse)[];
+    ontouchmove: (number | IRendererConfig | GridSystemEvents | typeof handleMouse)[];
+    ontouchend: (number | IRendererConfig | GridSystemEvents | typeof handleMouse)[];
 };
 export declare function getTreeCell(content: any, row: any, col: ICol, conf: IRendererConfig): any;
 export declare function getCells(conf: IRendererConfig): any[];
-export declare function getSpans(config: IRendererConfig, frozen?: boolean): any[];
+export declare function getSpans(config: IRendererConfig, mode?: Split): any[];
 export declare function getShifts(conf: IRendererConfig): ICoords;
 export declare function normalizeSpan(span: ISpan, renderConfig: IGridConfig): {
     $renderFrom: string[];

package/codebase/types/ts-grid/sources/ui/FixedCols.d.ts

@@ -1,3 +1,3 @@
-import { ILayoutState, IRendererConfig } from "./../types";
-export declare function getFixedColsHeader(renderConfig: IRendererConfig, layout: ILayoutState): any;
-export declare function getFixedCols(renderConfig: IRendererConfig, layout: ILayoutState): any[];
+import { ILayoutState, IRendererConfig, Split } from "./../types";
+export declare function getFixedColsHeader(renderConfig: IRendererConfig, layout: ILayoutState, mode: Split.left | Split.right): any;
+export declare function getFixedCols(renderConfig: IRendererConfig, layout: ILayoutState, mode: Split.left | Split.right): any[];

package/codebase/types/ts-grid/sources/ui/FixedRows.d.ts

@@ -1,5 +1,5 @@
-import { IFixedRowsConfig, IRendererConfig, ILayoutState } from "../types";
+import { IFixedRowsConfig, ILayoutState, IRendererConfig, Split } from "../types";
 export declare function getRows(config: IRendererConfig, rowsConfig: IFixedRowsConfig): any[];
 export declare function getFixedSpans(config: IRendererConfig, rowsConfig: IFixedRowsConfig): any[];
 export declare function getFixedRows(config: IRendererConfig, rowsConfig: IFixedRowsConfig): any;
-export declare function getFixedDataRows(config: IRendererConfig, layout: ILayoutState): any[];
+export declare function getFixedDataRows(config: IRendererConfig, layout: ILayoutState, mode: Split.top | Split.bottom): any[];