@zeedhi/common 1.120.0 → 1.120.2

package/dist/types/components/zd-code-viewer/code-viewer.d.ts

@@ -1,86 +0,0 @@
-import { ComponentRender } from '../zd-component/component-render';
-import { ICodeViewer } from './interfaces';
-/**
- * The Code Viewer component <code>zd-code-viewer</code> is used to show code highlighted using one of the
- * language supported by <a href=\"http://prismjs.com\" alt=\"Prism JS\" target=\"_blank\">Prism JS</a>
- * (<strong>html</strong>, <strong>javascript</strong>, <strong>typescript</strong>, <strong>css</strong>,
- * <strong>json</strong>, <strong>bash</strong>, <strong>etc.</strong>).
- * It can show code from a datasource field or static code.
- */
-export declare class CodeViewer extends ComponentRender implements ICodeViewer {
-    /**
-     * 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;
-    /**
-     * Language code to be used for highlight (js|javascript, css, html, json, ts|typescript, bash|shell)
-     * Other languages must be imported above
-     */
-    language: string;
-    /**
-     * Controls if line numbers are shown
-     */
-    showLineNumbers: boolean | string;
-    /**
-     * Icon to be shown on copy action
-     */
-    copyIcon?: string;
-    tooltipText: string;
-    private code;
-    private staticCodeValue;
-    private viewHighlight?;
-    setViewHighlight(fn: (code: string, language: string) => string): void;
-    /**
-     * Creates a new CodeViewer
-     * @param props CodeViewer properties
-     */
-    constructor(props: ICodeViewer);
-    /**
-     * Code to be shown. When showing JSON code, the JSON object can be passed instead of the string code.
-     */
-    get staticCode(): object | string | string[];
-    set staticCode(code: object | string | string[]);
-    /**
-     * Retrieves static code as string
-     */
-    private getCode;
-    /**
-     * Copy the component content to clipboard
-     */
-    copyToClipboard(): Promise<void>;
-    private changeTooltipText;
-    /**
-     * Get the code highlighted
-     */
-    getHighlightedCode(): string;
-    /**
-     * Get the total of lines
-     */
-    get lineNumbersCount(): number;
-}

package/dist/types/components/zd-code-viewer/interfaces.d.ts

@@ -1,13 +0,0 @@
-import { IComponentRender } from '../zd-component/interfaces';
-export interface ICodeViewer extends IComponentRender {
-    staticCode?: object | string | string[];
-    language?: string;
-    showLineNumbers?: boolean | string;
-    height?: number | string;
-    maxHeight?: number | string;
-    minHeight?: number | string;
-    width?: number | string;
-    maxWidth?: number | string;
-    minWidth?: number | string;
-    copyIcon?: string;
-}

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

@@ -1,33 +0,0 @@
-import { ComponentRender } from '../zd-component/component-render';
-import { ICol } from './interfaces';
-/**
- * Base class for Col component.
- */
-export declare class Col extends ComponentRender implements ICol {
-    cols: string | number;
-    sm?: string | number;
-    md?: string | number;
-    lg?: string | number;
-    xl?: string | number;
-    offset?: string | number;
-    /**
-     * 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;
-    /**
-     * Creates a new Col.
-     * @param props Col properties
-     */
-    constructor(props: ICol);
-}

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

@@ -1,15 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { IComponentRender } from '../zd-component/interfaces';
-import { Col } from './col';
-export type IColEvent = IEventParam<Col>;
-export interface ICol extends IComponentRender {
-    cols?: boolean | string | number;
-    sm?: boolean | string | number;
-    md?: boolean | string | number;
-    lg?: boolean | string | number;
-    xl?: boolean | string | number;
-    offset?: string | number;
-    height?: number | string;
-    maxHeight?: number | string;
-    minHeight?: number | string;
-}

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

@@ -1,56 +0,0 @@
-import { IButton } from '../zd-button/interfaces';
-import { Card } from '../zd-card/card';
-import { IComponent } from '../zd-component/interfaces';
-import { ICollapseCard } from './interfaces';
-/**
- * Base class for CollapseCard component.
- */
-export declare class CollapseCard extends Card implements ICollapseCard {
-    /**
-     * Disables the action rotation animation when expanding or collapsing the collapse-card.
-     */
-    disableActionRotate: boolean;
-    /**
-     * If defined, overwrites the expansion icon by the defined button.
-     */
-    expandButton: IButton;
-    /**
-     * If true, the Collapse-card will be opened by default.
-     */
-    expanded: boolean;
-    /**
-     * Components to be displayed in the header.
-     */
-    header: IComponent[];
-    /**
-     * Hides the expansion icon.
-     */
-    hideAction: boolean;
-    /**
-     * Defines the expansion icon color.
-     */
-    iconColor: string;
-    /**
-     * Defines the expansion icon.
-     */
-    iconName: string;
-    /**
-     * Content will be loaded only when the collapse-card opens.
-     */
-    lazyLoad: boolean;
-    /**
-     * Makes the collapse-card readOnly. Does the same thing as disabled prop, but doesn't change styles.
-     */
-    readonly: boolean;
-    /**
-     * Create a new CollapseCard
-     * @param props CollapseCard definition
-     */
-    constructor(props: ICollapseCard);
-    /**
-     * Triggered when the component expand status changes.
-     * @param event DOM event
-     * @param element Element changed
-     */
-    change(event: Event, element: any): void;
-}

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

@@ -1,14 +0,0 @@
-import { IComponent } from '..';
-import { IButton } from '../zd-button/interfaces';
-import { ICard } from '../zd-card/interfaces';
-export interface ICollapseCard extends ICard {
-    disableActionRotate?: boolean;
-    expandButton?: IButton;
-    expanded?: boolean;
-    header?: IComponent[];
-    hideAction?: boolean;
-    iconColor?: string;
-    iconName?: string;
-    lazyLoad?: boolean;
-    readonly?: boolean;
-}

package/dist/types/components/zd-component/child-not-found.d.ts

@@ -1,6 +0,0 @@
-/**
- * Child not found error
- */
-export declare class ChildNotFoundError extends Error {
-    constructor(name: string, parentName: string);
-}

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

@@ -1,16 +0,0 @@
-import { Component } from './component';
-import { IComponent, IComponentRender, IComponentRenderInstance } from './interfaces';
-/**
- * Base class for components that will be rendered
- */
-export declare class ComponentRender<T extends IComponent = IComponentRender> extends Component<T> implements IComponentRenderInstance {
-    /**
-     * Children component structure if the component has children.
-     */
-    children: IComponentRender[];
-    /**
-     * Defines component type.
-     */
-    component: string;
-    constructor(props: T);
-}

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

@@ -1,120 +0,0 @@
-import { IDictionary, IKeyMap } from '@zeedhi/core';
-import { IComponent, IComponentDirectives, IComponentEvents, IComponentInstance } from './interfaces';
-/**
- * Base class for all Zeedhi components.
- */
-export declare class Component<T extends IComponent = IComponent> implements IComponentInstance {
-    allowDuplicate: boolean;
-    autofocus: boolean;
-    children: IComponent[];
-    childrenInstances: any[];
-    /**
-     * CSS classes to be added to the DOM element when rendering.
-     * To apply multiple CSS classes use space as separator
-     * (e.g. <samp>\"class1 class2\"</samp>).
-     */
-    cssClass: string;
-    cssStyle: string | IDictionary<string>;
-    directives: IComponentDirectives;
-    events: IComponentEvents;
-    isVisible: boolean;
-    name: string;
-    dark: boolean;
-    light: boolean;
-    theme?: string;
-    /**
-     * Set component height to fill all space available
-     */
-    fillHeight: boolean;
-    /**
-     * Parent component instance. This property should be used when is
-     * necessary create dynamic components.
-     */
-    parent?: IComponentInstance;
-    componentId: number;
-    keyMap: IKeyMap;
-    isFocused: boolean;
-    tabStop: boolean;
-    private accessorManager;
-    private element?;
-    protected viewFocus?: () => void;
-    userProperties: IDictionary<any>;
-    protected props: T;
-    /**
-     * Creates a new Component.
-     * @param props Components properties
-     */
-    constructor(props: T);
-    setViewFocus(viewFocus: () => void): void;
-    setFocus(): void;
-    /**
-     * Retrieves initial value for the attribute and if it is an accessor,
-     * updates props value.
-     * @param name Attribute name
-     * @param value Attribute value
-     * @param defaultValue Attribute default value
-     * @returns Initial value
-     */
-    protected getInitValue(name: string, value: any, defaultValue: any): any;
-    protected createAccessors(): void;
-    /**
-     * Creates the accessors defined inside an object recursively
-     * @param obj Object having the accessors
-     * @param path Name of the `obj` property inside the component
-     */
-    protected createObjAccessors(obj: any, path: string): void;
-    /** Test and trigger an event */
-    callEvent(eventName: string, args: any): boolean;
-    /**
-     * Adds a new child
-     * @param child Child component structure
-     */
-    addChild(child: IComponent): void;
-    /**
-     * Removes child by name
-     * @param name Child name
-     */
-    removeChild(name: string): void;
-    /**
-     * Retrieves a child instance by name
-     * @param name Child name
-     * @throws Will throw if child not exists
-     */
-    getChildInstance<T>(name: string): T;
-    /**
-     * Adds new child instance
-     * @param instance Child instance
-     */
-    addChildInstance(instance: Component): void;
-    onCreated(): void;
-    onBeforeMount(): void;
-    /**
-     * Triggered when the component is mounted.
-     * @param element Element mounted reference
-     */
-    onMounted(element: any): void;
-    onBeforeDestroy(): void;
-    onDestroyed(): void;
-    /**
-     * Triggered when the component is clicked.
-     * @param event DOM event
-     * @param element Element clicked
-     */
-    click(event?: Event, element?: any): void;
-    /**
-     * Triggered when the component is focused.
-     * @param event DOM event
-     * @param element Element focused
-     */
-    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: any): void;
-    mouseenter(event?: Event, element?: any): void;
-    mouseleave(event?: Event, element?: any): void;
-    mouseout(event?: Event, element?: any): void;
-    mouseover(event?: Event, element?: any): void;
-}

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

@@ -1,74 +0,0 @@
-import { IDictionary, IEvent, IEventParam, IEvents, IKeyMap } from '@zeedhi/core';
-import { Component } from './component';
-export type EventDef<T, K = IEvent<T>> = K | string | (K | string)[];
-export interface IComponentEvents<T = IEventParam<any>> extends IEvents<T> {
-    blur?: EventDef<T>;
-    click?: EventDef<T>;
-    focus?: EventDef<T>;
-    onCreated?: EventDef<T>;
-    onBeforeMount?: EventDef<T>;
-    onMounted?: EventDef<T>;
-    onBeforeDestroy?: EventDef<T>;
-    onDestroyed?: EventDef<T>;
-}
-export interface IComponentDirectives {
-    touch?: IComponentEvents;
-    [key: string]: IComponentEvents | undefined;
-}
-export interface IPropAccessor {
-    [key: string]: {
-        instance: any;
-        accessor: string;
-    };
-}
-export interface IComponent {
-    allowDuplicate?: boolean;
-    autofocus?: boolean;
-    children?: IComponent[];
-    componentId?: number;
-    cssClass?: string;
-    cssStyle?: string | IDictionary;
-    events?: IComponentEvents;
-    directives?: IComponentDirectives;
-    isVisible?: boolean | string;
-    dark?: boolean;
-    light?: boolean;
-    theme?: string;
-    keyMap?: IKeyMap;
-    name: string;
-    parent?: IComponentInstance;
-    tabStop?: boolean;
-    userProperties?: IDictionary;
-    fillHeight?: boolean;
-    [key: string]: any;
-}
-export interface IComponentInstance {
-    addChildInstance(component: Component): void;
-    getChildInstance<T extends Component>(name: string): T;
-    allowDuplicate: boolean;
-    autofocus: boolean;
-    children: IComponent[];
-    componentId: number;
-    cssClass: string;
-    cssStyle: string | IDictionary;
-    events: IComponentEvents;
-    directives: IComponentDirectives;
-    isVisible: boolean | string;
-    dark: boolean;
-    light: boolean;
-    theme?: string;
-    keyMap: IKeyMap;
-    name: string;
-    parent?: IComponentInstance;
-    tabStop: boolean;
-    userProperties: IDictionary;
-    fillHeight: boolean;
-}
-export interface IComponentRender extends IComponent {
-    children?: IComponentRender[];
-    component: string;
-}
-export interface IComponentRenderInstance extends IComponentInstance {
-    children: IComponentRender[];
-    component: string;
-}

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

@@ -1,45 +0,0 @@
-import { ComponentRender } from '../zd-component/component-render';
-import { IContainer } from './interfaces';
-export declare class Container extends ComponentRender implements IContainer {
-    /**
-     * Sets the height for the component.
-     */
-    height: number | string;
-    /**
-     * Sets the maximum height for the component.
-     */
-    maxHeight: number | string;
-    /**
-     * Sets the minimum height for the component.
-     */
-    minHeight: number | string;
-    /**
-     * 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;
-    /**
-     * Removes viewport maximum-width size breakpoints.
-     */
-    fluid: boolean;
-    /**
-     * Define if the container is a scroll view
-     */
-    scrollView: boolean;
-    tag: string;
-    /**
-     * Creates a new Container.
-     * @param props Container properties
-     */
-    constructor(props: IContainer);
-}

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

@@ -1,12 +0,0 @@
-import { IComponentRender } from '../zd-component/interfaces';
-export interface IContainer extends IComponentRender {
-    fluid?: boolean;
-    height?: string | number;
-    maxHeight?: string | number;
-    minHeight?: string | number;
-    width?: string | number;
-    maxWidth?: string | number;
-    minWidth?: string | number;
-    scrollView?: boolean;
-    tag?: string;
-}

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

@@ -1,12 +0,0 @@
-import { NumberInput as ZdNumber } from '../zd-number-input/number-input';
-import { ICurrency } from './interfaces';
-/**
- * Base class for Currency component
- */
-export declare class Currency extends ZdNumber implements ICurrency {
-    mask: any;
-    protected defaultMask: any;
-    protected formatterFn: (...args: any) => any;
-    protected parserFn: (...args: any) => any;
-    constructor(props: ICurrency);
-}

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

@@ -1,6 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { INumberInput } from '../zd-number-input/interfaces';
-import { Currency } from './currency';
-export type ICurrencyEvent = IEventParam<Currency>;
-export interface ICurrency extends INumberInput {
-}

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

@@ -1,152 +0,0 @@
-import { TextInput } from '../zd-text-input/text-input';
-import { IDateInput } from './interfaces';
-/**
- * Base class for Date component.
- */
-export declare class DateInput extends TextInput implements IDateInput {
-    /**
-     * Restricts which dates can be selected.
-     */
-    allowedDates?: ((date: string) => boolean) | string[];
-    /**
-     * Determines the type of the view mode - month for month picker.
-     */
-    viewMode: string;
-    /**
-     * Input auto complete.
-     */
-    autocomplete: boolean;
-    /**
-     * Defines the date format.
-     */
-    dateFormat: string;
-    /**
-     * Defines the date format displayed.
-     */
-    displayFormat: string;
-    /**
-     * Defines the date input format.
-     */
-    inputFormat?: string;
-    /**
-     * Shows the date picker.
-     */
-    showDatePicker: boolean;
-    /**
-     * Sets the first day of the week, starting with 0 for Sunday.
-     */
-    firstDayOfWeek: number | string;
-    /**
-     * Forces 100% width.
-     */
-    fullWidth: boolean;
-    /**
-     * Toggles visibility of the week numbers in the body of the calendar.
-     */
-    showWeek: boolean;
-    /**
-     * Helper options.
-     */
-    helperOptions?: string[];
-    /**
-     * Helper value.
-     */
-    helperValue?: string;
-    /**
-     * Max value allowed.
-     */
-    max?: string;
-    /**
-     * Min value allowed.
-     */
-    min?: string;
-    /**
-     * Width of the picker.
-     */
-    width: number | string;
-    protected isoFormat: string;
-    protected dateError: boolean;
-    protected formatterFn: (...args: any) => any;
-    protected parserFn: (...args: any) => any;
-    protected initialMask?: string;
-    protected isSimpleDisplay: boolean;
-    inputMode?: string;
-    /**
-     * Creates a new Date.
-     * @param props Date properties
-     */
-    constructor(props: IDateInput);
-    appendIconClick(event: Event, element: any): void;
-    private getInitialMask;
-    formatter(value: string): string;
-    parser(value: string): any;
-    /**
-     * Triggered when date is clicked.
-     * @param event
-     * @param element
-     */
-    selectDate(date: string, event?: Event, element?: any): void;
-    get value(): string;
-    set value(value: string);
-    get displayValue(): string;
-    set displayValue(newValue: string);
-    /**
-     * Assign the updated mask to mask property
-     */
-    updateMask(): any;
-    /**
-     * Gets the updated masked, based on displayFormat if the initial mask is undefined
-     */
-    protected getUpdatedMask(): string | undefined;
-    protected maskFormat(format: string): string;
-    setDateValue(displayValue: string): void;
-    private setValidDateValue;
-    private setInvalidDateValue;
-    isValidDate(value: string, format: string, strict?: boolean): boolean;
-    isValidFormatDate(value: string, format: string, strict?: boolean): boolean;
-    private dateObject;
-    getNativeDate(): Date | null;
-    setNativeDate(date: Date): void;
-    getAllowedDates(date: Date): boolean;
-    formatISODateValue(value: string): string;
-    parseISODateValue(value: string): any;
-    dateValidation(): boolean | string;
-    click(event?: Event, element?: any): void;
-    blur(event: Event, element: any): void;
-    onMounted(): void;
-    focus(event: Event, element: any): void;
-    /**
-     * Add date mask
-     */
-    protected addDateMask(): void;
-    /**
-     * Removes the component mask if value is valid
-     */
-    protected removeDateMask(): void;
-    /**
-     * Toggle showDatePicker value
-     */
-    togglePicker(): void;
-    /**
-     * Triggered when the appended icon is clicked.
-     * @param event DOM event
-     * @param element Text input
-     */
-    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
-     * @param format The format to be checked
-     * @returns true if it is simple, false otherwise
-     */
-    protected isSimpleFormat(format: string): boolean;
-    private previousHint;
-    private previousPersistentHint;
-    updateHelperHint(): void;
-    change(event?: Event, element?: any): void;
-    /**
-     * Converts a date format to a mask
-     */
-    private toMask;
-    getMask(): string;
-}