dhx-suite 7.3.13 → 8.0.0

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

@@ -55,6 +55,7 @@ export interface IFormConfig extends IBlockConfig {
     hidden?: boolean;
 }
 export declare enum FormEvents {
+    beforeChange = "beforeChange",
     change = "change",
     click = "click",
     focus = "focus",
@@ -77,15 +78,16 @@ export declare enum FormEvents {
 }
 export interface IFormEventHandlersMap {
     [key: string]: (...args: any[]) => any;
+    [FormEvents.beforeChange]: (name: string, value: any) => boolean | void;
     [FormEvents.change]: (name: string, value: any) => void;
     [FormEvents.click]: (name: string, event: Event) => void;
     [FormEvents.focus]: (name: string, value: any, id?: string) => void;
     [FormEvents.blur]: (name: string, value: any, id?: string) => void;
     [FormEvents.keydown]: (event: KeyboardEvent, name: string, id?: string) => void;
-    [FormEvents.beforeHide]: (name: string, value?: any) => boolean | void;
-    [FormEvents.afterHide]: (name: string, value?: any) => void;
-    [FormEvents.beforeShow]: (name: string, value?: any) => boolean | void;
-    [FormEvents.afterShow]: (name: string, value?: any) => void;
+    [FormEvents.beforeHide]: (name: string, value?: any, id?: string) => boolean | void;
+    [FormEvents.afterHide]: (name: string, value?: any, id?: string) => void;
+    [FormEvents.beforeShow]: (name: string, value?: any, id?: string) => boolean | void;
+    [FormEvents.afterShow]: (name: string, value?: any, id?: string) => void;
     [FormEvents.beforeValidate]: (name: string, value: any) => boolean | void;
     [FormEvents.afterValidate]: (name: string, value: any, isValid: boolean) => void;
     [FormEvents.beforeChangeProperties]: (name: string, props: any) => boolean | void;
@@ -400,7 +402,8 @@ export interface IRadioButtonConfig {
     checked?: boolean;
     value?: string;
     text?: string;
-    $disabled?: boolean;
+    hidden?: boolean;
+    disabled?: boolean;
     $name?: string;
     $required?: boolean;
     $validationStatus?: ValidationStatus;
@@ -425,12 +428,12 @@ export interface IRadioGroup {
     setValue(value: string): void;
     focus(id?: string): void;
     blur(): void;
-    show(): void;
-    hide(init?: boolean): void;
-    isVisible(): boolean;
-    disable(): void;
-    enable(): void;
-    isDisabled(): boolean;
+    show(id?: string): void;
+    hide(id?: string, init?: boolean): void;
+    isVisible(id?: string): boolean;
+    disable(id?: string): void;
+    enable(id?: string): void;
+    isDisabled(id?: string): boolean;
     clear(): void;
     validate(silent?: boolean): boolean;
     clearValidate(): void;
@@ -505,6 +508,7 @@ export interface ICheckboxGroupItemConfig {
     disabled?: boolean;
     name?: string;
     required?: boolean;
+    hidden?: boolean;
     $validationStatus?: ValidationStatus;
     $group?: boolean;
 }
@@ -531,12 +535,12 @@ export interface ICheckboxGroup {
     setValue(value: ICheckboxGroupValue): void;
     focus(id?: string): void;
     blur(): void;
-    show(): void;
-    hide(init?: boolean): void;
-    isVisible(): boolean;
-    disable(): void;
-    enable(): void;
-    isDisabled(): boolean;
+    show(id?: string): void;
+    hide(id?: string, init?: boolean): void;
+    isVisible(id?: string): boolean;
+    disable(id?: string): void;
+    enable(id?: string): void;
+    isDisabled(id?: string): boolean;
     clear(): void;
     validate(silent?: boolean): boolean;
     clearValidate(): void;
@@ -735,9 +739,9 @@ export interface ISelect {
     show(): void;
     hide(init?: boolean): void;
     isVisible(): boolean;
-    disable(): void;
-    enable(): void;
-    isDisabled(): boolean;
+    disable(value?: string | number): void;
+    enable(value?: string | number): void;
+    isDisabled(value?: string | number): boolean;
     validate(silent?: boolean): boolean;
     clearValidate(): void;
     setValue(value: string | number): void;
@@ -881,11 +885,13 @@ export declare type IItemConfig = IInputConfig | IButtonConfig | IComboConfig |
 export declare type IBlock = IBlockConfig | IItemConfig[];
 export declare enum ItemEvent {
     click = "click",
+    beforeChange = "beforeChange",
     change = "change",
     input = "input",
     focus = "focus",
     blur = "blur",
     keydown = "keydown",
+    beforeChangeOptions = "beforeChangeOptions",
     changeOptions = "changeOptions",
     beforeShow = "beforeShow",
     afterShow = "afterShow",
@@ -918,6 +924,7 @@ export interface IButtonHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: IButtonProps) => void;
 }
 export interface IColorPickerEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: string) => boolean | void;
     [ItemEvent.change]: (value: string) => void;
     [ItemEvent.focus]: (value: string) => void;
     [ItemEvent.blur]: (value: string) => void;
@@ -933,6 +940,7 @@ export interface IColorPickerEventHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: IColorpickerProps) => void;
 }
 export interface IComboEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: Id | Id[]) => boolean | void;
     [ItemEvent.change]: (value: Id | Id[]) => void;
     [ItemEvent.focus]: (value: Id | Id[]) => void;
     [ItemEvent.blur]: (value: Id | Id[]) => void;
@@ -947,6 +955,7 @@ export interface IComboEventHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: IComboProps) => void;
 }
 export interface IDatePickerEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: string | Date) => boolean | void;
     [ItemEvent.change]: (value: string | Date) => void;
     [ItemEvent.focus]: (value: string | Date) => void;
     [ItemEvent.blur]: (value: string | Date) => void;
@@ -962,34 +971,37 @@ export interface IDatePickerEventHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: IDatePickerProps) => void;
 }
 export interface IRadioGroupEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: string) => boolean | void;
     [ItemEvent.change]: (value: string) => void;
     [ItemEvent.focus]: (value: string, id: string) => void;
     [ItemEvent.blur]: (value: string, id: string) => void;
     [ItemEvent.keydown]: (event: KeyboardEvent, id: string) => void;
-    [ItemEvent.beforeHide]: (value: string, init: boolean) => boolean | void;
-    [ItemEvent.beforeShow]: (value: string) => boolean | void;
-    [ItemEvent.afterHide]: (value: string, init: boolean) => void;
-    [ItemEvent.afterShow]: (value: string) => void;
+    [ItemEvent.beforeHide]: (value: string, id?: string, init?: boolean) => boolean | void;
+    [ItemEvent.beforeShow]: (value: string, id?: string) => boolean | void;
+    [ItemEvent.afterHide]: (value: string, id?: string, init?: boolean) => void;
+    [ItemEvent.afterShow]: (value: string, id?: string) => void;
     [ItemEvent.beforeValidate]: (value: string) => boolean | void;
     [ItemEvent.afterValidate]: (value: string, isValidate: boolean) => void;
     [ItemEvent.beforeChangeProperties]: (properties: ICheckboxGroupProps) => boolean | void;
     [ItemEvent.afterChangeProperties]: (properties: ICheckboxGroupProps) => void;
 }
 export interface ICheckboxGroupEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: ICheckboxGroupValue) => boolean | void;
     [ItemEvent.change]: (value: ICheckboxGroupValue) => void;
     [ItemEvent.focus]: (value: ICheckboxGroupValue, id: string) => void;
     [ItemEvent.blur]: (value: ICheckboxGroupValue, id: string) => void;
     [ItemEvent.keydown]: (event: KeyboardEvent, id: string) => void;
-    [ItemEvent.beforeHide]: (value: ICheckboxGroupValue, init: boolean) => boolean | void;
-    [ItemEvent.beforeShow]: (value: ICheckboxGroupValue) => boolean | void;
-    [ItemEvent.afterHide]: (value: ICheckboxGroupValue, init: boolean) => void;
-    [ItemEvent.afterShow]: (value: ICheckboxGroupValue) => void;
+    [ItemEvent.beforeHide]: (value: ICheckboxGroupValue, id?: string, init?: boolean) => boolean | void;
+    [ItemEvent.beforeShow]: (value: ICheckboxGroupValue, id?: string) => boolean | void;
+    [ItemEvent.afterHide]: (value: ICheckboxGroupValue, id?: string, init?: boolean) => void;
+    [ItemEvent.afterShow]: (value: ICheckboxGroupValue, id?: string) => void;
     [ItemEvent.beforeValidate]: (value: ICheckboxGroupValue) => boolean | void;
     [ItemEvent.afterValidate]: (value: ICheckboxGroupValue, isValidate: boolean) => void;
     [ItemEvent.beforeChangeProperties]: (properties: ICheckboxGroupProps) => boolean | void;
     [ItemEvent.afterChangeProperties]: (properties: ICheckboxGroupProps) => void;
 }
 export interface ICheckboxEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: string | boolean) => boolean | void;
     [ItemEvent.change]: (value: string | boolean) => void;
     [ItemEvent.focus]: (value: string | boolean, id?: string) => void;
     [ItemEvent.blur]: (value: string | boolean, id?: string) => void;
@@ -1004,10 +1016,12 @@ export interface ICheckboxEventHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: ICheckboxProps) => void;
 }
 export interface ISelectEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: string | number) => boolean | void;
     [ItemEvent.change]: (value: string | number) => void;
     [ItemEvent.focus]: (value: string | number) => void;
     [ItemEvent.blur]: (value: string | number) => void;
     [ItemEvent.keydown]: (event: KeyboardEvent) => void;
+    [ItemEvent.beforeChangeOptions]: (options: IOption[]) => boolean | void;
     [ItemEvent.changeOptions]: (options: IOption[]) => void;
     [ItemEvent.beforeHide]: (value: string | number, init: boolean) => boolean | void;
     [ItemEvent.beforeShow]: (value: string | number) => boolean | void;
@@ -1019,6 +1033,7 @@ export interface ISelectEventHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: ISelectProps) => void;
 }
 export interface ISliderFormEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: number[]) => boolean | void;
     [ItemEvent.change]: (value: number[]) => void;
     [ItemEvent.focus]: (value: number[]) => void;
     [ItemEvent.blur]: (value: number[]) => void;
@@ -1031,6 +1046,7 @@ export interface ISliderFormEventHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: ISliderProps) => void;
 }
 export interface ITimePickerEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: string | ITimeObject) => boolean | void;
     [ItemEvent.change]: (value: string | ITimeObject) => void;
     [ItemEvent.focus]: (value: string | ITimeObject) => void;
     [ItemEvent.blur]: (value: string | ITimeObject) => void;
@@ -1046,6 +1062,7 @@ export interface ITimePickerEventHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: ITimePickerProps) => void;
 }
 export interface ISimpleVaultEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: ISimpleVaultValue[]) => boolean | void;
     [ItemEvent.change]: (value: ISimpleVaultValue[]) => void;
     [ItemEvent.beforeHide]: (value: ISimpleVaultValue[], init: boolean) => boolean | void;
     [ItemEvent.beforeShow]: (value: ISimpleVaultValue[]) => boolean | void;
@@ -1065,6 +1082,7 @@ export interface ISimpleVaultEventHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: ISimpleVaultProps) => void;
 }
 export interface ITextAreaEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: string) => boolean | void;
     [ItemEvent.change]: (value: string) => void;
     [ItemEvent.focus]: (value: string) => void;
     [ItemEvent.blur]: (value: string) => void;
@@ -1080,6 +1098,7 @@ export interface ITextAreaEventHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: IInputProps | ITextProps | ITextAreaProps) => void;
 }
 export interface IInputEventHandlersMap extends IBaseHandlersMap {
+    [ItemEvent.beforeChange]: (value: string | number) => boolean | void;
     [ItemEvent.change]: (value: string | number) => void;
     [ItemEvent.focus]: (value: string | number) => void;
     [ItemEvent.blur]: (value: string | number) => void;
@@ -1095,18 +1114,18 @@ export interface IInputEventHandlersMap extends IBaseHandlersMap {
     [ItemEvent.afterChangeProperties]: (properties: IInputProps | ITextProps | ITextAreaProps) => void;
 }
 export interface ISpacerHandlersMap extends IBaseHandlersMap {
-    [ItemEvent.beforeHide]: (value: undefined, init: boolean) => boolean | void;
-    [ItemEvent.beforeShow]: (value: undefined) => boolean | void;
-    [ItemEvent.afterHide]: (value: undefined, init: boolean) => void;
-    [ItemEvent.afterShow]: (value: undefined) => void;
+    [ItemEvent.beforeHide]: (init: boolean) => boolean | void;
+    [ItemEvent.beforeShow]: () => boolean | void;
+    [ItemEvent.afterHide]: (init: boolean) => void;
+    [ItemEvent.afterShow]: () => void;
     [ItemEvent.beforeChangeProperties]: (properties: IBaseLayoutItem) => boolean | void;
     [ItemEvent.afterChangeProperties]: (properties: IBaseLayoutItem) => void;
 }
 export interface IContainerHandlersMap extends IBaseHandlersMap {
-    [ItemEvent.beforeHide]: (value: undefined, init: boolean) => boolean | void;
-    [ItemEvent.beforeShow]: (value: undefined) => boolean | void;
-    [ItemEvent.afterHide]: (value: undefined, init: boolean) => void;
-    [ItemEvent.afterShow]: (value: undefined) => void;
+    [ItemEvent.beforeHide]: (init: boolean) => boolean | void;
+    [ItemEvent.beforeShow]: () => boolean | void;
+    [ItemEvent.afterHide]: (init: boolean) => void;
+    [ItemEvent.afterShow]: () => void;
     [ItemEvent.beforeChangeProperties]: (properties: IBaseLayoutItem) => boolean | void;
     [ItemEvent.afterChangeProperties]: (properties: IBaseLayoutItem) => void;
 }

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

@@ -22,8 +22,12 @@ export declare class Selection implements ISelection {
     protected _removeCell(row: any, col: any): void;
     protected _removeCells(): void;
     protected _init(): void;
-    protected _toHTML(row: IRow, column: ICol, last?: boolean): any;
+    protected _toHTML(row: IRow, column: ICol, last?: boolean, skipRow?: boolean): any;
     protected _isUnselected(): boolean;
     protected _findIndex(cell?: ICell): number;
     protected _setBrowserFocus(): void;
+    protected _getReverseScrollState(scrollState: any): {
+        x: number;
+        y: number;
+    };
 }

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

@@ -6,6 +6,7 @@ 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";
 export interface IGridConfig extends IDragConfig {
     columns?: ICol[];
     spans?: ISpan[];
@@ -17,6 +18,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 +58,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 +71,10 @@ export interface IGridConfig extends IDragConfig {
     /** @deprecated See a documentation: https://docs.dhtmlx.com/ */
     splitAt?: number;
 }
+export interface IScrollBarWidth {
+    x: number;
+    y: number;
+}
 interface ICellObj {
     col: ICol;
     row: IRow;
@@ -78,16 +86,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?: IFixedColumns;
+    fixedRows?: IFixedRows;
     firstColId?: Id;
     headerHeight?: number;
     footerHeight?: number;
     events?: IEventSystem<GridEvents, IEventHandlersMap>;
-    fixedColumnsWidth?: number;
     selection: any;
     sortBy?: Id;
     sortDir?: string;
@@ -136,7 +153,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;
 }
@@ -147,6 +164,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;
@@ -159,14 +196,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;
@@ -183,6 +220,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;
@@ -266,6 +304,7 @@ export declare enum GridEvents {
     scroll = "scroll",
     expand = "expand",
     filterChange = "filterChange",
+    beforeFilter = "beforeFilter",
     beforeResizeStart = "beforeResizeStart",
     resize = "resize",
     afterResizeEnd = "afterResizeEnd",
@@ -326,7 +365,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;
@@ -490,4 +530,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 | 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)[];
+    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)[];
 };
 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[];

package/codebase/types/ts-grid/sources/ui/content/ComboFilter.d.ts

@@ -0,0 +1,21 @@
+import { Combobox } from "../../../../ts-combobox";
+import { IEventSystem } from "../../../../ts-common/events";
+import { IHeaderFilter, HeaderFilterEvent, ICol, IRendererConfig, IComboFilterConfig } from "../../types";
+export declare class ComboFilter implements IHeaderFilter {
+    column: ICol;
+    config: IRendererConfig;
+    data: any[];
+    value: string | string[];
+    filterConfig: IComboFilterConfig;
+    events: IEventSystem<HeaderFilterEvent>;
+    private _filter;
+    private _isFocused;
+    constructor(column: any, config?: any, data?: any, value?: any, conf?: any);
+    protected initFilter(): void;
+    protected initHandlers(): void;
+    getFilter(): Combobox;
+    setValue(value: string | string[]): void;
+    clear(): void;
+    focus(): void;
+    blur(): void;
+}

package/codebase/types/ts-grid/sources/ui/content/InputFilter.d.ts

@@ -0,0 +1,22 @@
+import { IEventSystem } from "../../../../ts-common/events";
+import { Id } from "../../../../ts-common/types";
+import { IBaseHandlersMap, IHeaderFilter, HeaderFilterEvent, ICol, IRendererConfig } from "../../types";
+export declare class InputFilter implements IHeaderFilter {
+    column: ICol;
+    config: IRendererConfig;
+    value: string;
+    id: Id;
+    events: IEventSystem<HeaderFilterEvent>;
+    private _filter;
+    private _isFocused;
+    protected _handlers: IBaseHandlersMap;
+    protected _inputDelay: any;
+    constructor(column: any, config: any, id: any, value: any);
+    protected initHandlers(): void;
+    protected initFilter(): void;
+    getFilter(): HTMLElement;
+    setValue(value: string): void;
+    clear(): void;
+    focus(): void;
+    blur(): void;
+}

package/codebase/types/ts-grid/sources/ui/content/SelectFilter.d.ts

@@ -0,0 +1,20 @@
+import { IEventSystem } from "../../../../ts-common/events";
+import { IBaseHandlersMap, IHeaderFilter, HeaderFilterEvent, ICol, IRendererConfig } from "../../types";
+export declare class SelectFilter implements IHeaderFilter {
+    column: ICol;
+    config: IRendererConfig;
+    data: any[];
+    value: string;
+    events: IEventSystem<HeaderFilterEvent>;
+    private _filter;
+    private _isFocused;
+    protected _handlers: IBaseHandlersMap;
+    constructor(column: any, config: any, uniqueData: any, value: any);
+    protected initHandlers(): void;
+    protected initFilter(): void;
+    getFilter(): HTMLElement;
+    setValue(value: string): void;
+    clear(): void;
+    focus(): void;
+    blur(): void;
+}

package/codebase/types/ts-grid/sources/ui/editors/DateEditor.d.ts

@@ -15,5 +15,21 @@ export declare class DateEditor implements IEditor {
     constructor(row: IRow, col: ICol, config: IRendererConfig);
     endEdit(withoutSave?: boolean, calendarChange?: boolean): void;
     toHTML(): any;
+    protected _cleanConfig(col: ICol): {
+        date?: string | Date;
+        css?: string;
+        mark?: (a: Date) => string;
+        disabledDates?: (a: Date) => boolean;
+        weekStart?: "monday" | "sunday" | "saturday";
+        weekNumbers?: boolean;
+        mode?: import("../../../../ts-calendar").ViewMode;
+        timePicker?: boolean;
+        timeFormat?: 12 | 24;
+        thisMonthOnly?: boolean;
+        width?: string | number;
+        $rangeMark?: (a: Date) => string;
+        block?: (a: Date) => boolean;
+        view?: import("../../../../ts-calendar").ViewMode;
+    };
     protected _initHandlers(): void;
 }

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

@@ -1,4 +1,7 @@
-import { IGrid, IRendererConfig, IRow, IProGrid } from "../types";
+import { IGrid, IGridConfig, IProGrid, IRendererConfig, IRow, Split, IScrollBarWidth } from "../types";
+export declare const BORDERS = 2;
+export declare function calcScrollBarWidth(config: IGridConfig | IRendererConfig): IScrollBarWidth;
 export declare function getRenderConfig(obj: any, data: IRow[], wrapperSizes: any): IRendererConfig;
+export declare function getEvents(config: IRendererConfig, mode?: Split): {};
 export declare function render(vm: any, obj: IGrid, htmlEvents: any, selection: any, uid: string): any;
 export declare function proRender(vm: any, obj: IProGrid, htmlEvents: any, selection: any, uid: string): any;

package/codebase/types/ts-layout/sources/Cell.d.ts

@@ -14,6 +14,8 @@ export declare class Cell extends View implements ICell {
     protected _parent: ILayout;
     protected _ui: IViewLike;
     protected _resizerHandlers: any;
+    protected _progress: boolean;
+    protected _stopProgressDefault: boolean;
     private _isLastFlexCell;
     private _afterWindowResized;
     constructor(parent: string | HTMLElement | ILayout, config: ICellConfig);
@@ -31,7 +33,12 @@ export declare class Cell extends View implements ICell {
     getCellView(): any;
     attach(component: any, config?: any): IViewLike;
     attachHTML(html: string): void;
+    detach(): void;
+    progressShow(): void;
+    progressHide(): void;
+    isVisibleProgress(): boolean;
     toVDOM(nodes?: any[]): any;
+    protected _getProgressBar(): any;
     protected _getCss(_content?: boolean): string;
     protected _initHandlers(): void;
     protected _getCollapsedSize(cell: ICell, nextCell: ICell): number;
@@ -41,6 +48,9 @@ export declare class Cell extends View implements ICell {
     protected _getAnyFlexCell(selfInclude?: boolean): any;
     protected _getResizerView(): any;
     protected _isXDirection(): any;
+    protected _checkProgress(): boolean;
+    protected _checkAutoProgress(): boolean;
+    protected _calculateProgressState(): void;
     protected _calculateStyle(): any;
     private _resizedWindow;
     private _resetCellsSize;