@zeedhi/common 1.44.0 → 1.46.0

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

@@ -159,13 +159,13 @@ export declare class Carousel extends ComponentRender implements ICarousel {
      * @param element Carousel element
      * @param slideData Data related to the beforeSlide event
      */
-    beforeSlide(element: HTMLElement, slideData: ISlideData, event?: Event): void;
+    beforeSlide(element: any, slideData: ISlideData, event?: Event): void;
     /**
      * Event triggered when the current slide changes.
      * @param event Event that triggered the slide event
      * @param element Carousel element
      * @param slideData Data related to the slide event
      */
-    slide(element: HTMLElement, slideData: ISlideData, event?: Event): void;
+    slide(element: any, slideData: ISlideData, event?: Event): void;
     private changeDefaultButtonName;
 }

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

@@ -9,7 +9,7 @@ export interface ISlideData {
 export interface ICarouselEventParam {
     component: Carousel;
     event?: Event | undefined;
-    element?: HTMLElement;
+    element?: any;
     slideData?: ISlideData;
 }
 export declare type ICarouselEvents = IComponentEvents<ICarouselEventParam>;

package/types/components/zd-collapse-card/collapse-card.d.ts

@@ -52,5 +52,5 @@ export declare class CollapseCard extends Card implements ICollapseCard {
      * @param event DOM event
      * @param element Element changed
      */
-    change(event: Event, element: HTMLElement): void;
+    change(event: Event, element: any): void;
 }

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

@@ -63,6 +63,7 @@ export declare class Component implements IComponent {
      * Properties accessors to controller.
      */
     private accessorManager;
+    private element?;
     /**
      * Sets view focus method.
      */
@@ -128,7 +129,7 @@ export declare class Component implements IComponent {
      * Triggered when the component is mounted.
      * @param element Element mounted reference
      */
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     /**
      * Triggered before the component is destroyed.
      */
@@ -142,17 +143,17 @@ export declare class Component implements IComponent {
      * @param event DOM event
      * @param element Element clicked
      */
-    click(event: Event, element: HTMLElement): void;
+    click(event?: Event, element?: any): void;
     /**
      * Triggered when the component is focused.
      * @param event DOM event
      * @param element Element focused
      */
-    focus(event: Event, element: HTMLElement): void;
+    focus(event: Event, element: any): void;
     /**
      * Triggered when the component loses focus.
      * @param event DOM event
      * @param element Element that lost the focus
      */
-    blur(event: Event, element: HTMLElement): void;
+    blur(event: Event, element: any): void;
 }

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

@@ -24,7 +24,7 @@ export declare class Dashboard extends ComponentRender implements IDashboard {
      * @param props Dashboard properties
      */
     constructor(props: IDashboard);
-    onMounted(element: HTMLElement): void;
+    onMounted(element: any): void;
     onBeforeDestroy(): void;
     addCard(): void;
     deleteCard(): void;

package/types/components/zd-date/date-range.d.ts

@@ -89,9 +89,9 @@ export declare class DateRange extends TextInput implements IDateRange {
     parseISODateRangeValue(values: string[]): any;
     private sortDates;
     dateValidation(): boolean | string;
-    click(event: Event, element: HTMLElement): void;
-    blur(event: Event, element: HTMLElement): void;
-    focus(event: Event, element: HTMLElement): void;
+    click(event?: Event, element?: any): void;
+    blur(event: Event, element: any): void;
+    focus(event: Event, element: any): void;
     /**
       * Add date mask
       */
@@ -109,7 +109,7 @@ export declare class DateRange extends TextInput implements IDateRange {
       * @param event DOM event
       * @param element Text input
       */
-    iconClick(event: Event, element: HTMLElement): void;
+    iconClick(event: Event, element: any): void;
     /**
      * Checks if a date format is simple.
      * Simple date formats are the ones that consists only of 'DD', 'MM' or 'YYYY', and mask delimiters

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

@@ -79,7 +79,7 @@ export declare class Date extends TextInput implements IDate {
      * @param event
      * @param element
      */
-    selectDate(date: string, event?: Event, element?: HTMLElement): void;
+    selectDate(date: string, event?: Event, element?: any): void;
     get displayValue(): string;
     set displayValue(newValue: string);
     /**
@@ -98,9 +98,9 @@ export declare class Date extends TextInput implements IDate {
     formatISODateValue(value: string): string;
     parseISODateValue(value: string): any;
     dateValidation(): boolean | string;
-    click(event: Event, element: HTMLElement): void;
-    blur(event: Event, element: HTMLElement): void;
-    focus(event: Event, element: HTMLElement): void;
+    click(event?: Event, element?: any): void;
+    blur(event: Event, element: any): void;
+    focus(event: Event, element: any): void;
     /**
      * Add date mask
      */
@@ -118,7 +118,7 @@ export declare class Date extends TextInput implements IDate {
      * @param event DOM event
      * @param element Text input
      */
-    iconClick(event: Event, element: HTMLElement): void;
+    iconClick(event: Event, element: any): void;
     /**
      * Checks if a date format is simple.
      * Simple date formats are the ones that consists only of 'DD', 'MM' or 'YYYY', and mask delimiters

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

@@ -77,14 +77,14 @@ export declare class FileInput extends TextInput implements IFileInput {
      * @param event DOM event
      * @param element Element clicked
      */
-    change(event?: Event, element?: HTMLElement): void;
+    change(event?: Event, element?: any): void;
     /**
      * Triggered when a removable chip is clicked
      * @param event DOM event
      * @param index Chip index
-     * @param element HTMLElement
+     * @param element any
      */
-    chipClick(event: Event, index: number, element?: HTMLElement): void;
+    chipClick(event: Event, index: number, element: any): void;
     /**
      * Check if File type is valid using accept attribute
      * @param file File

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

@@ -11,6 +11,9 @@ export declare class Grid extends Iterable implements IGrid {
      * Components that will be rendered on toolbar slot
      */
     toolbarSlot: IComponentRender[];
+    loadingText: string;
+    noDataText: string;
+    noResultsText: string;
     /**
      * Components that will be rendered in no-data case
      */
@@ -108,7 +111,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 +136,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 +144,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,19 +152,19 @@ 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;
     protected navigatePageDown(): void;
     deleteRows(): Promise<any[]>;
     getActionComponent(actionComponent: IComponent, column: GridColumn, row: IDictionary, parentPath?: string): IComponent;
-    private changeDefaultSlotNames;
+    protected changeDefaultSlotNames(slot: IComponentRender[]): IComponentRender[];
 }

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

@@ -37,6 +37,9 @@ export interface IGrid extends IIterable {
     toolbarSlot?: IComponentRender[];
     dragColumns?: boolean;
     resizeColumns?: boolean;
+    loadingText?: string;
+    noDataText?: string;
+    noResultsText?: string;
 }
 export interface IGridColumn extends IColumn {
     children?: IChildrenActionColumn[];

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-range-slider/range-slider.d.ts

@@ -58,9 +58,12 @@ export declare class RangeSlider extends Input implements IRangeSlider {
      * Defines the range-slider ticks
      */
     ticks: IRangeSliderTicks;
+    private rangeSliderValue;
     /**
      * Create a new Range Slider
      * @param props Range Slider properties
      */
     constructor(props: IRangeSlider);
+    get value(): any;
+    set value(value: any);
 }

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
@@ -176,7 +176,7 @@ export declare class Select extends TextInput implements ISelect {
      * Update datasource items
      */
     updateItems(items: (string | number)[]): Promise<any>;
-    private doSearch;
+    protected doSearch(value: string): Promise<void>;
     private debounceSearch;
     /**
      * Load more data
@@ -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/interfaces.d.ts

@@ -11,4 +11,5 @@ export interface ISelectMultiple extends ISelect {
     moreChip?: number;
     showSelectAll?: boolean;
     events?: ISelectMultipleEvents;
+    maxRows?: string | number;
 }

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

@@ -15,6 +15,10 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
      * Number of hidden items
      */
     moreChip: number;
+    /**
+     * Max number of rows the component can have
+     */
+    maxRows?: string | number;
     protected afterFocus(): Promise<void>;
     private setCache;
     showSelectAll: boolean;
@@ -61,6 +65,7 @@ export declare class SelectMultiple extends Select implements ISelectMultiple {
      */
     private insertSelected;
     protected removePushedValue(): void;
+    protected doSearch(value: string): Promise<void>;
     /**
      * Removes unselected inserts from datasource
      */
@@ -83,14 +88,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;
 }