@zeedhi/common 1.120.2 → 1.122.0

package/dist/types/components/zd-grid-editable/data-editor.d.ts

@@ -0,0 +1,64 @@
+import { IDictionary } from '@zeedhi/core';
+import { IComponentRender } from '../zd-component/interfaces';
+import { Input } from '../zd-input/input';
+import { GridColumnEditable } from './grid-column-editable';
+import { IDataEditor, IGridColumnEditable, IGridEditable } from './interfaces';
+export declare class DataEditor implements IDataEditor {
+    protected grid: IGridEditable;
+    protected editedRows: Map<string | number, IDictionary>;
+    /**
+     * Invalid inline components
+     * @private
+     */
+    protected invalidComponents: Set<string>;
+    private viewEnterEdit;
+    constructor(grid: IGridEditable);
+    /**
+     * Gets the editable component name
+     * @param key Row unique key
+     * @param columnName Column name
+     */
+    private getCompName;
+    getVisibleValue(row: IDictionary, column: IGridColumnEditable): any;
+    /**
+     * Pushes lookup values into the column's datasource
+     * If the row[column.name] has a selected value, pushes it
+     */
+    private checkLookupData;
+    private pushLookupValue;
+    private checkCompValidity;
+    private updateOriginalRow;
+    getEditableComponent(column: GridColumnEditable, row: IDictionary<any>): IComponentRender;
+    protected changeEditableComponent(column: IGridColumnEditable, row: IDictionary<any>, value: any, component?: Input): void;
+    isEdited(column: IGridColumnEditable, row: IDictionary): boolean;
+    isValid(column: IGridColumnEditable, row: IDictionary, revalidate?: boolean): Promise<boolean>;
+    checkValid(column: IGridColumnEditable, row: IDictionary): boolean;
+    /**
+     * Checks whether the grid is valid while not in editing mode
+     */
+    private isViewGridValid;
+    isGridValid(revalidate?: boolean): boolean;
+    getComponent<T>(key: string | number, columnName: string): T;
+    /**
+     * Changes a cell value in editedRows
+     * @param rowKey Cell's row key
+     * @param rowIdx Cell's row index in datasource.data
+     * @param column Cell's column
+     * @param value Value to be set in the cell
+     */
+    private changeCell;
+    private getRowIndex;
+    updateRow(newRow: IDictionary): void;
+    updateCell(rowKey: string, columnName: string, value: any): void;
+    changeData(data?: IDictionary<any>[]): void;
+    setViewEnterEdit(fn: ((rowKey: string, columnName: string) => void) | null): void;
+    enterEdit(rowKey: string, columnName: string): void;
+    cancelEditedRows(): Promise<void>;
+    saveEditedRows(revalidate?: boolean): Promise<void[]>;
+    protected canEditRowConditions: Map<string | number, boolean | undefined>;
+    reapplyCanEditRow(row: IDictionary<any>): void;
+    getCanEditRow(row: IDictionary<any>): boolean | undefined;
+    protected omitInternals(editedRow: IDictionary): any;
+    getEditedRows(revalidate?: boolean, silent?: boolean): IDictionary<any>[];
+    getEditedRow(row: IDictionary): IDictionary | undefined;
+}

package/dist/types/components/zd-grid-editable/errors/index.d.ts

@@ -0,0 +1,2 @@
+export * from './not-editing';
+export * from './row-not-found';

package/dist/types/components/zd-grid-editable/errors/not-editing.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Grid not editing error
+ */
+export declare class NotEditingError extends Error {
+    constructor(method: string);
+}

package/dist/types/components/zd-grid-editable/errors/row-not-found.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Row not found error
+ */
+export declare class RowNotFoundError extends Error {
+    constructor(key: string | number, gridName: string);
+}

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

@@ -0,0 +1,9 @@
+import { GridColumn } from '../zd-grid';
+import { IGridColumnEditable } from './interfaces';
+/**
+ * Base class for Grid column
+ */
+export declare class GridColumnEditable extends GridColumn implements IGridColumnEditable {
+    editable: boolean;
+    constructor(props: IGridColumnEditable);
+}

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

@@ -0,0 +1,8 @@
+import { IDictionary } from '@zeedhi/core';
+import { GridEditable } from './grid-editable';
+export declare class GridEditableController {
+    private grid;
+    constructor(grid: GridEditable);
+    get hasAddedRows(): boolean;
+    isAddedRow({ row }: IDictionary): boolean;
+}

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

@@ -0,0 +1,32 @@
+import { IDictionary } from '@zeedhi/core';
+import { GridColumnEditable } from './grid-column-editable';
+import { IGridEditable, IGridEditableEvents } from './interfaces';
+export declare class GridEditableEvents implements IGridEditableEvents {
+    protected gridEditable: IGridEditable;
+    /**
+     * Flag to prevent row click
+     */
+    protected preventRowClick: boolean;
+    protected preventRowDoubleClick: boolean;
+    constructor(gridEditable: IGridEditable);
+    /**
+     * Dispatches row click event
+     * @param row Grid row
+     * @param event DOM event
+     * @param element DOM Element
+     */
+    rowClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    rowDoubleClick(row: IDictionary<any>, event: Event, element: HTMLElement): void;
+    /**
+     * Dispatches cell click Event
+     * @param row Grid row
+     * @param column Grid column
+     * @param event DOM event
+     * @param element DOM Element
+     */
+    cellClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: HTMLElement): void;
+    cellDoubleClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: HTMLElement): void;
+    inlineEdit(row: IDictionary, column: GridColumnEditable, event?: Event, element?: HTMLElement): void;
+    cellClickEvent(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: HTMLElement): void;
+    cellDoubleClickEvent(row: IDictionary<any>, column: GridColumnEditable, event: Event, element: HTMLElement): void;
+}

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

@@ -0,0 +1,124 @@
+import { IDictionary, IEventParam } from '@zeedhi/core';
+import { IComponent, IComponentRender } from '../zd-component/interfaces';
+import { Direction, GridColumn, IGrid, VerticalDirection } from '../zd-grid';
+import { Iterable } from '../zd-iterable/iterable';
+import { GridColumnEditable } from './grid-column-editable';
+import { IGridColumnEditable, IGridEditable, IGridEditableProps } from './interfaces';
+export declare class GridEditable extends Iterable<GridColumnEditable> implements IGridEditable {
+    private tableActionBuilder;
+    private iterableTable;
+    private dataSelector;
+    private gridEditableEvents;
+    private dataNavigator;
+    private viewNavigator;
+    private keyMapMerger;
+    private dataEditor;
+    editing: boolean;
+    currentColumn: GridColumnEditable | null;
+    selectedRows: IDictionary<any>[];
+    selectionState: {
+        allSelected: boolean;
+        except: IDictionary<any>[];
+    };
+    rowStyleConditions?: (row: IDictionary) => IDictionary;
+    selectAllPages: boolean;
+    selectable: boolean;
+    disableSelection?: (args: {
+        row: IDictionary<any>;
+        component: IGrid;
+    }) => boolean;
+    cellSelection: boolean;
+    toolbarSlot: IComponentRender[];
+    footerSlot: IComponentRender[];
+    noResultsText: string;
+    noResultSlot: IComponentRender[];
+    errorSlot: IComponentRender[];
+    dense: boolean;
+    dragColumns: boolean;
+    headerBackground: string;
+    headerCellTextColor: string;
+    height: string | number;
+    loadingText: string;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    noDataText: string;
+    noDataSlot: IComponentRender[];
+    resizeColumns: boolean;
+    showFooter: boolean;
+    showHeader: boolean;
+    showSelectAll: boolean;
+    width: string | number;
+    backgroundColor: string;
+    canEditRow?: ((args: {
+        row: IDictionary<any>;
+        component: IGridEditable;
+    }) => boolean) | undefined;
+    showCancelColumn: boolean;
+    doubleClickEdit: boolean;
+    singleEdit: boolean;
+    editingNewRows: boolean;
+    constructor(props: IGridEditableProps);
+    getConditionalProps({ row, column }: {
+        row: IDictionary;
+        column: GridColumn;
+    }): Partial<IComponentRender>;
+    addCancelColumn(): void;
+    getCancelColumnProps(): IGridColumnEditable;
+    isAdded(row: IDictionary): boolean;
+    cancelAddedRow(key: string | number): Promise<any>;
+    cancelAddedRows(): Promise<void>;
+    getAddedRows(): IDictionary<any>[];
+    addNewRow(row: IDictionary, position?: 'end' | 'start'): Promise<void>;
+    setViewEnterEdit(fn: ((rowKey: string, columnName: string) => void) | null): void;
+    getVisibleValue(row: IDictionary, column: IGridColumnEditable): any;
+    getEditableComponent(column: IGridColumnEditable, row: IDictionary<any>): IComponentRender;
+    isEdited(column: IGridColumnEditable, row: IDictionary): boolean;
+    isValid(column: IGridColumnEditable, row: IDictionary, revalidate?: boolean): Promise<boolean>;
+    checkValid(column: IGridColumnEditable, row: IDictionary): boolean;
+    isGridValid(revalidate?: boolean): boolean;
+    getComponent<T>(key: string, columnName: string): T;
+    updateRow(newRow: IDictionary): void;
+    updateCell(rowKey: string, columnName: string, value: any): void;
+    changeData(data?: IDictionary<any>[]): void;
+    enterEdit(rowKey: string, columnName: string): void;
+    cancelEditedRows(): Promise<void>;
+    saveEditedRows(revalidate?: boolean): Promise<void[]>;
+    reapplyCanEditRow(row: IDictionary<any>): void;
+    getCanEditRow(row: IDictionary<any>): boolean | undefined;
+    getEditedRows(revalidate?: boolean, silent?: boolean): IDictionary<any>[];
+    cellDoubleClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element?: HTMLElement): void;
+    inlineEdit(row: IDictionary, column: GridColumnEditable, event?: Event, element?: HTMLElement): void;
+    onMounted(element: HTMLElement): void;
+    onBeforeDestroy(): void;
+    navigatePageUp(): void;
+    navigatePageDown(): void;
+    setViewNavigate(viewNavigate: (direction: Direction, event?: Event) => void): void;
+    navigateLeft(params: IEventParam<any>): void;
+    navigateRight(params: IEventParam<any>): void;
+    navigateUp(): void;
+    navigateDown(): void;
+    navigateDatasource(direction: VerticalDirection): void;
+    createColumn(column: IGridColumnEditable): GridColumnEditable;
+    rowClick(row: IDictionary<any>, event: Event, element?: HTMLElement): void;
+    rowDoubleClick(row: IDictionary<any>, event: Event, element?: HTMLElement): void;
+    cellClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element?: HTMLElement): void;
+    cellClickEvent(row: IDictionary<any>, column: GridColumnEditable, event: Event, element?: HTMLElement): void;
+    selectClick(row: IDictionary<any>, isSelected: boolean, event: Event, element?: HTMLElement): void;
+    selectAllClick(isSelected: boolean, event: Event, element?: HTMLElement): void;
+    selectAll(isSelected: boolean): void;
+    toggleRow(row: IDictionary): void;
+    selectRow(row: IDictionary, select: boolean): void;
+    callDisableSelection(row: IDictionary): boolean;
+    changeOrder(sortBy: {
+        key: string;
+        order: 'asc' | 'desc';
+    }[]): Promise<void>;
+    selectCell(row: IDictionary, column: GridColumnEditable): void;
+    reapplyRowStyleConditions(row: IDictionary): IDictionary;
+    getRowStyleConditions(row: IDictionary): IDictionary;
+    deleteRows(): Promise<any[]>;
+    getActionComponent(actionComponent: IComponent, column: GridColumnEditable, row: IDictionary, parentPath?: string): IComponent;
+    getEditedRow(row: IDictionary): IDictionary | undefined;
+}

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

@@ -0,0 +1,8 @@
+export * from './data-editor-with-add';
+export * from './data-editor';
+export * from './grid-column-editable';
+export * from './grid-editable-controller';
+export * from './grid-editable-events';
+export * from './grid-editable';
+export * from './interfaces';
+export * from './keymap-editing';

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

@@ -0,0 +1,66 @@
+import { IDictionary } from '@zeedhi/core';
+import { IComponentRender } from '../zd-component/interfaces';
+import { GridColumn, IGrid, IGridColumn, IGridProps } from '../zd-grid';
+import { GridColumnEditable } from './grid-column-editable';
+import { GridEditable } from './grid-editable';
+export interface IGridEditableProps extends IGridProps {
+    columns?: IGridColumnEditable[];
+    canEditRow?: (args: {
+        row: IDictionary<any>;
+        component: GridEditable;
+    }) => boolean;
+    showCancelColumn?: boolean;
+    doubleClickEdit?: boolean;
+    singleEdit?: boolean;
+}
+export interface IGridEditable<T = GridColumnEditable> extends IGrid<T>, IDataEditorWithAdd, IGridEditableEvents {
+    editing: boolean;
+    canEditRow?: (args: {
+        row: IDictionary<any>;
+        component: IGridEditable;
+    }) => boolean;
+    showCancelColumn: boolean;
+    doubleClickEdit: boolean;
+    singleEdit: boolean;
+    editingNewRows: boolean;
+}
+export interface IGridEditableEvents {
+    rowClick(row: IDictionary<any>, event: Event, element?: HTMLElement): void;
+    rowDoubleClick(row: IDictionary<any>, event: Event, element?: HTMLElement): void;
+    cellDoubleClick(row: IDictionary<any>, column: GridColumnEditable, event: Event, element?: HTMLElement): void;
+    inlineEdit(row: IDictionary, column: GridColumnEditable, event?: Event, element?: HTMLElement): void;
+    cellClick(row: IDictionary<any>, column: GridColumn, event: Event, element?: HTMLElement): void;
+    cellClickEvent(row: IDictionary<any>, column: GridColumnEditable, event: Event, element?: HTMLElement): void;
+}
+export interface IGridColumnEditable extends IGridColumn {
+    editable?: boolean;
+}
+export interface IDataEditor {
+    getVisibleValue(row: IDictionary, column: IGridColumnEditable): any;
+    getEditableComponent(column: IGridColumnEditable, row: IDictionary<any>): IComponentRender;
+    isEdited(column: IGridColumnEditable, row: IDictionary): boolean;
+    isValid(column: IGridColumnEditable, row: IDictionary, revalidate?: boolean): Promise<boolean>;
+    checkValid(column: IGridColumnEditable, row: IDictionary): boolean;
+    isGridValid(revalidate?: boolean): boolean;
+    getComponent<T>(key: string, columnName: string): T;
+    updateRow(newRow: IDictionary): void;
+    updateCell(rowKey: string, columnName: string, value: any): void;
+    changeData(data?: IDictionary<any>[]): void;
+    setViewEnterEdit(fn: ((rowKey: string, columnName: string) => void) | null): void;
+    enterEdit(rowKey: string, columnName: string): void;
+    cancelEditedRows(): Promise<void>;
+    saveEditedRows(revalidate?: boolean): Promise<void[]>;
+    reapplyCanEditRow(row: IDictionary<any>): void;
+    getCanEditRow(row: IDictionary<any>): boolean | undefined;
+    getEditedRows(revalidate?: boolean, silent?: boolean): IDictionary<any>[];
+    getEditedRow(row: IDictionary): IDictionary | undefined;
+}
+export interface IDataEditorWithAdd extends IDataEditor {
+    addCancelColumn(): void;
+    getCancelColumnProps(): IGridColumnEditable;
+    isAdded(row: IDictionary): boolean;
+    cancelAddedRow(key: string | number): Promise<any>;
+    cancelAddedRows(): Promise<void>;
+    getAddedRows(): IDictionary<any>[];
+    addNewRow(row: IDictionary, position?: 'end' | 'start'): Promise<void>;
+}

package/dist/types/components/zd-grid-editable/keymap-editing.d.ts

@@ -0,0 +1,7 @@
+import { IKeyMap } from '@zeedhi/core';
+import { Component } from '../zd-component/component';
+import { IKeyMapConfig } from '../zd-grid/interfaces';
+import { IDataEditor } from './interfaces';
+export declare class KeyMapEditing implements IKeyMapConfig<IDataEditor> {
+    getMap(instance: Component & IDataEditor): IKeyMap;
+}

package/dist/types/components/zd-header/header.d.ts

@@ -0,0 +1,94 @@
+import { ComponentRender } from '../zd-component/component-render';
+import { IComponentRender } from '../zd-component/interfaces';
+import { IFrameEvents } from '../zd-frame/interfaces';
+import { IHeader } from './interfaces';
+/**
+ * Base class for Header component.
+ */
+export declare class Header extends ComponentRender implements IHeader {
+    /**
+     * Applies position absolute to header.
+     */
+    absolute: boolean;
+    /**
+     * Designates the header as part of the application layout.
+     */
+    app: boolean;
+    /**
+     * Render components on the middle of header.
+     */
+    centerSlot: IComponentRender[];
+    /**
+     * Applies specified color to the control. It can be the name of material or css color in hexa.
+     */
+    color: string;
+    /**
+     * Reduces the height of the toolbar content to 48px.
+     */
+    dense: boolean;
+    /**
+     * Designates an elevation applied to the component between 0 and 24.
+     */
+    elevation: number | string;
+    /**
+     * Events registered to the header.
+     */
+    events: IFrameEvents;
+    /**
+     * Applies position fixed to header.
+     */
+    fixed: boolean;
+    /**
+     * Sets the height for header.
+     */
+    height: number | string;
+    /**
+     * Render components on the left of header.
+     */
+    leftSlot: IComponentRender[];
+    /**
+     * Sets the maximum height for the header.
+     */
+    maxHeight?: number | string;
+    /**
+     * Sets the maximum width for the header.
+     */
+    maxWidth?: number | string;
+    /**
+     * Sets the minimum height for the header.
+     */
+    minHeight?: number | string;
+    /**
+     * Sets the minimum width for the header.
+     */
+    minWidth?: number | string;
+    /**
+     * Removes internal padding from header.
+     */
+    padless?: boolean;
+    /**
+     * Render components on the right of header.
+     */
+    rightSlot: IComponentRender[];
+    /**
+     * Sets the width for the component.
+     */
+    width?: number | string;
+    /**
+     * Specifies a v-img as the component’s background.
+     */
+    image?: string;
+    /**
+     * Adjust the order of the component in relation to its registration order.
+     */
+    order?: string | number;
+    /**
+     * Creates a new header.
+     * @param props Header properties
+     */
+    constructor(props: IHeader);
+    /**
+     * Retrieves named slots visibility
+     */
+    get namedSlotsIsVisible(): number;
+}

package/dist/types/components/zd-header/interfaces.d.ts

@@ -0,0 +1,29 @@
+import { IEventParam } from '@zeedhi/core';
+import { IComponentEvents, IComponentRender } from '../zd-component/interfaces';
+import { Header } from './header';
+export type IHeaderEvent = IEventParam<Header>;
+export interface IHeaderEvents extends IComponentEvents<IHeaderEvent> {
+    blur: undefined;
+    click: undefined;
+    focus: undefined;
+}
+export interface IHeader extends IComponentRender {
+    absolute?: boolean;
+    app?: boolean;
+    centerSlot?: IComponentRender[];
+    color?: string;
+    dense?: boolean;
+    elevation?: number | string;
+    fixed?: boolean;
+    height?: number | string;
+    leftSlot?: IComponentRender[];
+    maxHeight?: number | string;
+    maxWidth?: number | string;
+    minHeight?: number | string;
+    minWidth?: number | string;
+    padless?: boolean;
+    rightSlot?: IComponentRender[];
+    width?: number | string;
+    image?: string;
+    order?: string | number;
+}

package/dist/types/components/zd-icon/icon.d.ts

@@ -0,0 +1,55 @@
+import { ComponentRender } from '../zd-component/component-render';
+import { IIcon } from './interfaces';
+/**
+ * The Icon component <code>zd-icon</code> is used to show an icon.
+ */
+export declare class Icon extends ComponentRender implements IIcon {
+    /**
+     * Applies specified color to the control - it can be the name of material color
+     * (for example success or purple) or css color (#033 or rgba(255, 0, 0, 0.5)).
+     */
+    color: string;
+    /**
+     * Makes icon smaller (20px)
+     */
+    dense: boolean;
+    /**
+     * Disable the icon
+     */
+    disabled: boolean;
+    /**
+     * Defines the icon, that will be rendered
+     */
+    iconName: string;
+    /**
+     * Makes the component large.
+     */
+    large: boolean;
+    /**
+     * Applies appropriate margins to the icon inside
+     * of a button when placed to the left of another element or text
+     */
+    left: boolean;
+    /**
+     * Applies appropriate margins to the icon inside of
+     * a button when placed to the right of another element or text
+     */
+    right: boolean;
+    /**
+     * Specifies a custom font size for the icon
+     */
+    size: number | string;
+    /**
+     * Makes the component small.
+     */
+    small: boolean;
+    /**
+     * Specifies a custom tag to be used
+     */
+    tag: string;
+    /**
+     * Create a new Button
+     * @param props Icon definition
+     */
+    constructor(props: IIcon);
+}

package/dist/types/components/zd-icon/interfaces.d.ts

@@ -0,0 +1,13 @@
+import { IComponentRender } from '../zd-component/interfaces';
+export interface IIcon extends IComponentRender {
+    color?: string;
+    dense?: boolean;
+    disabled?: boolean;
+    large?: boolean;
+    left?: boolean;
+    right?: boolean;
+    size?: number | string;
+    small?: boolean;
+    tag?: string;
+    iconName: string;
+}

package/dist/types/components/zd-image/image.d.ts

@@ -0,0 +1,73 @@
+import { ComponentRender } from '../zd-component/component-render';
+import { IImage } from './interfaces';
+export declare class Image extends ComponentRender implements IImage {
+    /**
+     * Alternative text for the image, if the image cannot be displayed.
+     */
+    alt: string;
+    /**
+     * Path of the image to be shown if an error occurs.
+     */
+    errorImagePath: string;
+    /**
+     * Text to be shown if an error occurs.
+     */
+    errorImageText: string;
+    /**
+     * Defines how the image should be resized to fit its container.
+     *  See <a href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit\"
+     *  alt=\"Object fit in MDN\" target=\"_blank\">MDN Web Docs</a>
+     *  for more details.
+     */
+    objectFit: string;
+    /**
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Defines the component width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    width: string | number;
+    /**
+     * Defines the component min width. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minWidth: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxWidth: string | number;
+    /**
+     * Source of the image file.
+     */
+    private srcValue;
+    validImage?: boolean;
+    /**
+     * Creates a new Image.
+     * @param props Image properties
+     */
+    constructor(props: IImage);
+    /**
+     * Event to be called after the error image is loaded
+     */
+    loadImage(): void;
+    /**
+     * Event to be called after the image is not loaded
+     */
+    errorImage(): void;
+    get src(): string;
+    set src(src: string);
+}

package/dist/types/components/zd-image/interfaces.d.ts

@@ -0,0 +1,17 @@
+import { IEventParam } from '@zeedhi/core';
+import { IComponentRender } from '../zd-component/interfaces';
+import { Image } from './image';
+export type IImageEvents = IEventParam<Image>;
+export interface IImage extends IComponentRender {
+    alt?: string;
+    errorImagePath?: string;
+    errorImageText?: string;
+    objectFit?: string;
+    src?: string;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    width?: number | string;
+    maxWidth?: number | string;
+    minWidth?: number | string;
+}