@zeedhi/common 1.44.0 → 1.45.0

package/types/components/zd-form/form.d.ts

@@ -106,12 +106,12 @@ export declare class Form extends ComponentRender implements IForm {
      * @param event DOM Event
      * @param element Form component
      */
-    callSubmitEvent(event: Event, element: HTMLElement): void;
+    callSubmitEvent(event: Event, element: any): void;
     /**
      * Triggered when the component is mounted.
      * @param element Element mounted reference
      */
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     submit(): void;
     /**
      * Reset all form validation errors.

package/types/components/zd-frame/frame.d.ts

@@ -31,7 +31,7 @@ export declare class Frame extends ComponentRender implements IFrame {
      * @param event
      * @param element
      */
-    afterLoad(event?: Event, element?: HTMLElement): void;
+    afterLoad(event?: Event, element?: any): void;
     /**
      * Checks if cache response is valid (not expired yet)
      * @param response

package/types/components/zd-grid/grid-editable.d.ts

@@ -35,7 +35,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
     private invalidComponents;
     protected cancelEditedRowsKeyMapping: any;
     constructor(props: IGridEditable);
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     onBeforeDestroy(): void;
     /**
      * Get Grid columns objects
@@ -54,7 +54,7 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param event DOM event
      * @param element DOM Element
      */
-    rowClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    rowClick(row: IDictionary<any>, event: Event, element: any): void;
     /**
      * Enables editing mode if column is editable
      * @param row Grid row
@@ -62,8 +62,8 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param event DOM event
      * @param element DOM Element
      */
-    cellClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: HTMLElement): void;
-    cellClickEvent(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: HTMLElement): void;
+    cellClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: any): void;
+    cellClickEvent(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: any): void;
     /**
      * Dispatches select/unselect event
      * @param row Grid row
@@ -71,14 +71,14 @@ export declare class GridEditable extends Grid implements IGridEditable {
      * @param event DOM event
      * @param element DOM Element
      */
-    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: HTMLElement): void;
+    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: any): void;
     /**
      * Dispatches select/unselect all rows event
      * @param isSelected Row is selected
      * @param event DOM event
      * @param element DOM Element
      */
-    selectAllClick(isSelected: boolean, event: Event, element: HTMLElement): void;
+    selectAllClick(isSelected: boolean, event: Event, element: any): void;
     /**
      * Returns editable component properties based on the column definition
      * @param column Column definition

package/types/components/zd-grid/grid.d.ts

@@ -108,7 +108,7 @@ export declare class Grid extends Iterable implements IGrid {
      */
     constructor(props: IGrid);
     protected navigationKeyMapping: any;
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     onBeforeDestroy(): void;
     /**
      * Get Grid columns objects
@@ -133,7 +133,7 @@ export declare class Grid extends Iterable implements IGrid {
      * @param event DOM event
      * @param element DOM Element
      */
-    rowClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    rowClick(row: IDictionary<any>, event: Event, element: any): void;
     /**
      * Dispatches cell click Event
      * @param row Grid row
@@ -141,7 +141,7 @@ export declare class Grid extends Iterable implements IGrid {
      * @param event DOM event
      * @param element DOM Element
      */
-    cellClick(row: IDictionary<any>, column: GridColumn, event: Event, element: HTMLElement): void;
+    cellClick(row: IDictionary<any>, column: GridColumn, event: Event, element: any): void;
     /**
      * Dispatches select/unselect event
      * @param row Grid row
@@ -149,14 +149,14 @@ export declare class Grid extends Iterable implements IGrid {
      * @param event DOM event
      * @param element DOM Element
      */
-    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: HTMLElement): void;
+    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: any): void;
     /**
      * Dispatches select/unselect all rows event
      * @param isSelected Row is selected
      * @param event DOM event
      * @param element DOM Element
      */
-    selectAllClick(isSelected: boolean, event: Event, element: HTMLElement): void;
+    selectAllClick(isSelected: boolean, event: Event, element: any): void;
     protected navigateUp(): void;
     protected navigateDown(): void;
     protected navigatePageUp(): void;

package/types/components/zd-increment/increment.d.ts

@@ -35,13 +35,13 @@ export declare class Increment extends ZdNumber implements IIncrement {
      * @param event DOM event
      * @param element Increment
      */
-    minusClick(event: Event, element: HTMLElement): void;
+    minusClick(event: Event, element: any): void;
     /**
      * Triggered when the appended icon is clicked.
      * @param event DOM event
      * @param element Increment
      */
-    plusClick(event: Event, element: HTMLElement): void;
+    plusClick(event: Event, element: any): void;
     /**
      * Method to increment the value
      */

package/types/components/zd-input/input.d.ts

@@ -99,8 +99,8 @@ export declare class Input extends ComponentRender implements IInput {
      */
     storePath: string;
     /**
-     * Input value.
-     */
+    * Internal input value.
+    */
     value: any;
     /**
      * Input validations.
@@ -193,7 +193,7 @@ export declare class Input extends ComponentRender implements IInput {
      * @param event DOM event
      * @param element Element clicked
      */
-    change(event?: Event, element?: HTMLElement): void;
+    change(event?: Event, element?: any): void;
     protected lastInputValue: any;
     protected callInputEvent: ({ event, element, component }: IDictionary) => void;
     /**
@@ -201,17 +201,17 @@ export declare class Input extends ComponentRender implements IInput {
      * @param event DOM event
      * @param element Element focused
      */
-    input(event?: Event, element?: HTMLElement): void;
+    input(event?: Event, element?: any): void;
     /**
      * Triggered when a keyboard key is released.
      * @param event DOM event
      * @param element Element that lost the focus
      */
-    keyup(event?: Event, element?: HTMLElement): void;
+    keyup(event?: Event, element?: any): void;
     /**
      * Triggered when the user presses a key on the keyboard.
      * @param event DOM event
      * @param element Element that lost the focus
      */
-    keydown(event?: Event, element?: HTMLElement): void;
+    keydown(event?: Event, element?: any): void;
 }

package/types/components/zd-iterable/iterable-page-component.d.ts

@@ -22,6 +22,6 @@ export declare class IterablePageComponent extends ComponentRender implements II
      * Set the Iterable Component
      * @param element Element mounted reference
      */
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     private setIterableComponent;
 }

package/types/components/zd-iterable/iterable-page-size.d.ts

@@ -51,12 +51,12 @@ export declare class IterablePageSize extends Select implements IIterablePageSiz
      * Set the Iterable Component
      * @param element Element mounted reference
      */
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     private setIterableComponent;
     /**
      * Event trigged when component loses the focus and value changes
      * @param value inputed value
      */
-    selectChange(value: any, event?: Event, element?: HTMLElement): void;
+    selectChange(value: any, event?: Event, element?: any): void;
     changePageSize(size: number): void;
 }

package/types/components/zd-iterable/iterable.d.ts

@@ -81,6 +81,6 @@ export declare class Iterable extends ComponentRender implements IIterable {
      * @param event DOM event
      * @param element DOM Element
      */
-    changeLayout(event?: Event, element?: HTMLElement): void;
+    changeLayout(event?: Event, element?: any): void;
     setSearch(search: string): Promise<any>;
 }

package/types/components/zd-login/login-button.d.ts

@@ -27,7 +27,7 @@ export declare class LoginButton extends Button implements ILoginButton {
     /**
      * Click event
      */
-    click(event: Event, element: HTMLElement): Promise<void>;
+    click(event: Event, element: any): Promise<void>;
     /**
      * Send request to the configured endpoint
      */

package/types/components/zd-master-detail/master-detail.d.ts

@@ -16,5 +16,5 @@ export declare class MasterDetail extends ComponentRender implements IMasterDeta
     constructor(props: IMasterDetail);
     private createRelationship;
     private createRelationships;
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
 }

package/types/components/zd-menu/menu-group.d.ts

@@ -53,7 +53,7 @@ export declare class MenuGroup extends ComponentRender implements IMenuGroup {
     /**
      * Event triggered when this item is clicked
      */
-    click(event: Event): void;
+    click(event?: Event): void;
     /**
      * Event triggered when this item is focus
      */

package/types/components/zd-menu/menu-link.d.ts

@@ -38,7 +38,7 @@ export declare class MenuLink extends ComponentRender implements IMenuLink {
     /**
      * Event triggered when this item is clicked
      */
-    click(event: Event): void;
+    click(event?: Event): void;
     /**
      * Event triggered when this item is focus
      */

package/types/components/zd-menu/menu.d.ts

@@ -134,7 +134,7 @@ export declare class Menu extends ComponentRender implements IMenu {
      * Get menu items from a given url
      * @param element Element mounted reference
      */
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     /**
      * Load the menu metadata
      * @param url url of the json file

package/types/components/zd-select/select.d.ts

@@ -119,7 +119,7 @@ export declare class Select extends TextInput implements ISelect {
      */
     protected getItemsBySearchValue(value: any, searchIn: string): Promise<any>;
     protected getCondition(filterValue: any): (row: any) => boolean;
-    focus(event: Event, element: HTMLElement): Promise<void>;
+    focus(event: Event, element: any): Promise<void>;
     protected afterFocus(): Promise<void>;
     protected uniqueBy(a: IDictionary[], key: string): IDictionary<any>[];
     protected afterLoad(): void;
@@ -156,13 +156,13 @@ export declare class Select extends TextInput implements ISelect {
      * Event trigged when component loses the focus and value changes
      * @param value inputted value
      */
-    selectChange(value: any, event?: Event, element?: HTMLElement): void;
-    protected callChangeEvent(value: any, event?: Event, element?: HTMLElement): void;
+    selectChange(value: any, event?: Event, element?: any): void;
+    protected callChangeEvent(value: any, event?: Event, element?: any): void;
     /**
      * Event trigged when value is inputted
      * @param value inputted value
      */
-    selectInput(value: any, event?: Event, element?: HTMLElement): void;
+    selectInput(value: any, event?: Event, element?: any): void;
     /**
      * Updates search value
      * @param value Search value
@@ -187,7 +187,7 @@ export declare class Select extends TextInput implements ISelect {
      * @param event DOM event
      * @param element Element that lost the focus
      */
-    blur(event: Event, element: HTMLElement): void;
+    blur(event: Event, element: any): void;
     protected checkValueOnBlur(): void;
     showLoadMore(): boolean;
     onBeforeDestroy(): void;

package/types/components/zd-select-multiple/select-multiple.d.ts

@@ -83,14 +83,14 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
      * @param event DOM event
      * @param element Element that lost the focus
      */
-    blur(event: Event, element: HTMLElement): void;
+    blur(event: Event, element: any): void;
     /**
      * Dispatches select/unselect event
      * @param isChanged checked is changed
      * @param event DOM event
      * @param element DOM Element
      */
-    onSelectAll(isSelected: boolean, event: Event, element: HTMLElement): void;
+    onSelectAll(isSelected: boolean, event: Event, element: any): void;
     selectAllItems(): Promise<void>;
     unSelectAllItems(): Promise<void>;
     protected checkValueOnBlur(): void;

package/types/components/zd-select-tree/select-tree.d.ts

@@ -94,7 +94,7 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      * @param props
      */
     constructor(props: ISelectTree);
-    focus(event: Event, element: HTMLElement): Promise<void>;
+    focus(event: Event, element: any): Promise<void>;
     protected afterFocus(): Promise<void>;
     private createDataStructure;
     /** create nodes from datasource object */
@@ -104,19 +104,19 @@ export declare class SelectTree extends TextInput implements ISelectTree {
     /**
      * Triggered when the menu opens
      */
-    open(element?: HTMLElement): void;
+    open(element?: any): void;
     /**
      * Triggered when the menu closes
      */
-    close(selectedNodes: ISelectTreeNode<IDictionary>[], element?: HTMLElement): void;
+    close(selectedNodes: ISelectTreeNode<IDictionary>[], element?: any): void;
     /**
      * Triggered after selecting an node
      */
-    select(node: ISelectTreeNode<IDictionary>, element?: HTMLElement): void;
+    select(node: ISelectTreeNode<IDictionary>, element?: any): void;
     /**
      * Triggered after the search query changes
      */
-    searchChange(searchQuery: String, element?: HTMLElement): void;
+    searchChange(searchQuery: String, element?: any): void;
     private isDisable;
     private getDisabledNodes;
     getNodes(): ISelectTreeNode<IDictionary>[];
@@ -127,7 +127,7 @@ export declare class SelectTree extends TextInput implements ISelectTree {
      * @param event DOM event
      * @param element Element focused
      */
-    searchInput(value: string, element?: HTMLElement): void;
+    searchInput(value: string, element?: any): void;
     get searchValue(): any;
     protected clearRow(row: IDictionary<any>): {
         [x: string]: any;

package/types/components/zd-select-tree-multiple/select-tree-multiple.d.ts

@@ -34,11 +34,11 @@ export declare class SelectTreeMultiple extends SelectTree implements ISelectTre
     /**
      * Triggered after selected nodes change
      */
-    changeSelectedNodes(selectedNodes: ISelectTreeMultipleNode<IDictionary>[], element?: HTMLElement): void;
+    changeSelectedNodes(selectedNodes: ISelectTreeMultipleNode<IDictionary>[], element?: any): void;
     /**
      * Triggered deselecting an node
      */
-    deselect(node: ISelectTreeMultipleNode<IDictionary>, element?: HTMLElement): void;
+    deselect(node: ISelectTreeMultipleNode<IDictionary>, element?: any): void;
     get value(): any;
     set value(value: any);
     setValue(value: any): void;

package/types/components/zd-selectable-list/selectable-list.d.ts

@@ -25,5 +25,5 @@ export declare class SelectableList extends List implements ISelectableList {
      */
     value?: any;
     constructor(props: ISelectableList);
-    change(event?: Event, element?: HTMLElement): void;
+    change(event?: Event, element?: any): void;
 }

package/types/components/zd-svg-map/svg-map.d.ts

@@ -41,7 +41,7 @@ export declare class SvgMap extends ComponentRender implements ISvgMap {
     /**
      * SVG container
      */
-    svgContainer: HTMLElement;
+    svgContainer: any;
     /**
      * Map areas
      * @private

package/types/components/zd-tabs/tabs.d.ts

@@ -35,11 +35,11 @@ export declare class Tabs extends ComponentRender implements ITabs {
      * @param index Tab index
      * @param element Tabs element
      */
-    beforeChange(event?: Event, index?: number, element?: HTMLElement): void;
+    beforeChange(event?: Event, index?: number, element?: any): void;
     /**
      * Triggered when active tab changes
      * @param event DOM event
      * @param element Tabs element
      */
-    change(event?: Event, element?: HTMLElement): void;
+    change(event?: Event, element?: any): void;
 }

package/types/components/zd-text-input/text-input.d.ts

@@ -68,23 +68,23 @@ export declare class TextInput extends Input implements ITextInput {
      * @param event DOM event
      * @param element Text input
      */
-    appendIconClick(event: Event, element: HTMLElement): void;
+    appendIconClick(event: Event, element: any): void;
     /**
      * Triggered when the appended outer icon is clicked.
      * @param event DOM event
      * @param element Text input
      */
-    appendOuterIconClick(event: Event, element: HTMLElement): void;
+    appendOuterIconClick(event: Event, element: any): void;
     /**
      * Triggered when the prepended icon is clicked.
      * @param event DOM event
      * @param element Text input
      */
-    prependIconClick(event: Event, element: HTMLElement): void;
+    prependIconClick(event: Event, element: any): void;
     /**
      * Triggered when the prepended outer icon is clicked.
      * @param event DOM event
      * @param element Text input
      */
-    prependOuterIconClick(event: Event, element: HTMLElement): void;
+    prependOuterIconClick(event: Event, element: any): void;
 }

package/types/components/zd-time/time.d.ts

@@ -107,6 +107,6 @@ export declare class Time extends TextInput implements ITime {
     isSecondAllowed(value: string): boolean;
     timeValidation(): boolean | string;
     timeAllowedValidation(): boolean | string;
-    click(event: Event): void;
+    click(event?: Event): void;
     clear(): void;
 }

package/types/components/zd-tree/interfaces.d.ts

@@ -9,6 +9,7 @@ export interface ITreeNodeModel<T> {
     isSelected?: boolean;
     isDraggable?: boolean;
     isSelectable?: boolean;
+    isChecked?: boolean;
     data?: T;
 }
 export interface ITreeNode<T> extends ITreeNodeModel<T> {
@@ -43,6 +44,7 @@ export interface ITreeEvents extends IComponentEvents<any> {
     onNodeSelect?: IEvent<ITreeSelectEvent> | string;
     onNodeClick?: IEvent<ITreeClickEvent> | string;
     onNodeDblClick?: IEvent<ITreeClickEvent> | string;
+    onNodeCheck?: IEvent<ITreeSelectEvent> | string;
 }
 export interface ITree extends IComponentRender {
     nodes?: ITreeNodeModel<IDictionary>[];
@@ -54,10 +56,12 @@ export interface ITree extends IComponentRender {
     allowDragDrop?: boolean;
     afterTitleSlot?: ITreeConditionComponent;
     toolbarSlot?: IComponentRender[];
+    titleSlot?: ITreeConditionComponent[];
     events?: ITreeEvents;
     datasource?: IDatasource;
     parentField?: string;
     titleField?: string;
     dataField?: string;
     openLevelOnLoad?: number | boolean;
+    checkbox?: boolean;
 }

package/types/components/zd-tree/tree.d.ts

@@ -1,4 +1,4 @@
-import { IDictionary, Datasource } from '@zeedhi/core';
+import { IDictionary, Datasource, Event, IEvents } from '@zeedhi/core';
 import { ComponentRender } from '../zd-component/component-render';
 import { IComponentRender } from '../zd-component/interfaces';
 import { ITree, ITreeEvents, ITreeNode, ITreeNodeModel, ICursorPosition, ITreeConditionComponent } from './interfaces';
@@ -25,6 +25,10 @@ export declare class Tree extends ComponentRender implements ITree {
      * Components that will be rendered on toolbar slot
      */
     toolbarSlot: IComponentRender[];
+    /**
+     * Components that will be rendered on title slot
+     */
+    titleSlot?: ITreeConditionComponent[];
     /** Datasource object */
     datasource?: Datasource;
     /** Datasource parent field */
@@ -37,6 +41,10 @@ export declare class Tree extends ComponentRender implements ITree {
      * Defines if the tree will be opened or not (true/false) or if it should open only until a specific level
      */
     openLevelOnLoad: number | boolean;
+    /**
+     * Allow row check
+     */
+    checkbox?: boolean | undefined;
     /** SlVueTree component */
     private tree;
     /** SlVueTree component */
@@ -45,14 +53,24 @@ export declare class Tree extends ComponentRender implements ITree {
      * Defines if should wait and not execute GET method when Datasource is created
      */
     private lazyLoad;
+    /**
+     * Dictionary of nodePath ponting to Dictionary of path pointing to the condition (applied) return value
+     */
+    private appliedConditions;
+    private factoredConditions;
     /**
      * Creates a new instance of LabelsTree
      * @param props Image Link props
      */
     constructor(props: ITree);
+    /**
+     * Initialize all the properties of the declared nodes (reactivity)
+     */
+    protected initNodes(nodes: ITreeNodeModel<IDictionary>[]): ITreeNodeModel<IDictionary>[];
     /** Nodes */
     get nodes(): ITreeNodeModel<IDictionary>[];
     set nodes(value: ITreeNodeModel<IDictionary>[]);
+    getCheckedNodes(): ITreeNodeModel<IDictionary<any>>[];
     /** Returns the selected nodes */
     get selectedNodes(): ITreeNode<IDictionary>[];
     private createDataStructure;
@@ -69,19 +87,29 @@ export declare class Tree extends ComponentRender implements ITree {
     updateNodeData(node: ITreeNode<IDictionary>, value: IDictionary): void;
     private removeDraggable;
     setTree(tree: any): void;
-    /** Get the conditions function to be applied to each column depending on the node */
-    getConditions(conditions: IDictionary): (node: {
-        [key: string]: any;
-    }) => {
-        [key: string]: boolean;
-    };
+    /**
+     * Return plain conditions object
+     * @param conditions Conditions object
+     * @param parentPath Path to parent property
+     */
+    protected getPlainConditions(conditions: IDictionary<any>, parentPath?: string): IDictionary<string>;
+    protected createConditions(children: ITreeConditionComponent[], parentPath?: string): void;
+    protected applyCondition(node: ITreeNode<any>, factoredConditions: IEvents<ITreeNode<IDictionary>>): IDictionary<any>;
+    protected applyChildCondition(node: ITreeNode<any>, factoredConditions?: IDictionary<IEvents<ITreeNode<IDictionary<any>>>>): IDictionary<any>;
+    reapplyConditions(node: ITreeNode<any>): IDictionary;
+    getSlotComponent(slot: IComponentRender | IComponentRender[], node: ITreeNode<IDictionary>, parentPath?: string): IComponentRender[];
     /** Triggers when dragging nodes have been dropped */
-    nodeDrop(nodes: ITreeNode<IDictionary>[], position: ICursorPosition<IDictionary>, event?: Event, element?: HTMLElement): void;
+    nodeDrop(nodes: ITreeNode<IDictionary>[], position: ICursorPosition<IDictionary>, event?: Event, element?: any): void;
     /** Triggers when a node has been selected/deselected */
-    nodeSelect(nodes: ITreeNode<IDictionary>[], event?: Event, element?: HTMLElement): void;
+    nodeSelect(nodes: ITreeNode<IDictionary>[], event?: Event, element?: any): void;
     /** Handle click event on node */
-    nodeClick(node: ITreeNode<IDictionary>, event?: Event, element?: HTMLElement): void;
+    nodeClick(node: ITreeNode<IDictionary>, event?: Event, element?: any): void;
     /** Handle dblclick event on node */
-    nodeDblClick(node: ITreeNode<IDictionary>, event?: Event, element?: HTMLElement): void;
+    nodeDblClick(node: ITreeNode<IDictionary>, event?: Event, element?: any): void;
+    /** Triggers when a node has been checked/unchecked */
+    nodeCheck(node: ITreeNode<IDictionary>, event?: Event, element?: HTMLElement): void;
     clearSelection(nodes?: ITreeNodeModel<IDictionary<any>>[]): void;
+    getNode(path: number[]): ITreeNodeModel<IDictionary<any>> | undefined;
+    getParentNode(node: ITreeNode<IDictionary>): ITreeNodeModel<IDictionary<any>> | undefined;
+    private searchPath;
 }

package/types/components/zd-tree-grid/tree-grid-editable.d.ts

@@ -28,7 +28,7 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
     doubleClickEdit: boolean;
     protected cancelEditedRowsKeyMapping: any;
     constructor(props: ITreeGridEditable);
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     onBeforeDestroy(): void;
     /**
      * Get Grid columns objects
@@ -47,7 +47,7 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
      * @param event DOM event
      * @param element DOM Element
      */
-    rowClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    rowClick(row: IDictionary<any>, event: Event, element: any): void;
     /**
      * Enables editing mode if column is editable
      * @param row Grid row
@@ -55,8 +55,8 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
      * @param event DOM event
      * @param element DOM Element
      */
-    cellClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: HTMLElement): void;
-    cellClickEvent(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: HTMLElement): void;
+    cellClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: any): void;
+    cellClickEvent(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: any): void;
     /**
      * Dispatches select/unselect event
      * @param row Grid row
@@ -64,14 +64,14 @@ export declare class TreeGridEditable extends TreeGrid implements ITreeGridEdita
      * @param event DOM event
      * @param element DOM Element
      */
-    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: HTMLElement): void;
+    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element: any): void;
     /**
      * Dispatches select/unselect all rows event
      * @param isSelected Row is selected
      * @param event DOM event
      * @param element DOM Element
      */
-    selectAllClick(isSelected: boolean, event: Event, element: HTMLElement): void;
+    selectAllClick(isSelected: boolean, event?: Event, element?: any): void;
     /**
      * Returns editable component properties based on the column definition
      * @param column Column definition

package/types/components/zd-tree-grid/tree-grid.d.ts

@@ -38,7 +38,7 @@ export declare class TreeGrid extends Grid implements ITreeGrid {
      */
     constructor(props: ITreeGrid);
     private navigationTreeKeyMapping;
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     /**
      * Build tree data
      */
@@ -55,7 +55,7 @@ export declare class TreeGrid extends Grid implements ITreeGrid {
      * @param event DOM event
      * @param element DOM Element
      */
-    rowClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    rowClick(row: IDictionary<any>, event: Event, element: any): void;
     /**
      * Toggle expand/collapse using navigation keys
      * @param collapse Should collapse

package/types/services/zd-loading/loading-service.d.ts

@@ -1,9 +1,15 @@
+import { ILoading } from '../..';
 import { Loading } from '../../components/zd-loading/loading';
 /**
  * Loading Service Class
  */
 export declare class LoadingService {
-    static instance: Loading;
+    static loading: Loading;
+    /**
+     * Creates a new loading instance
+     * @param loading loading structure
+     */
+    static create<T extends Loading>(CreateLoading: new (...args: any[]) => T, props: ILoading): T;
     /**
      * Displays a Loading.
      * If has an opened Loading it will be closed.