@zeedhi/common 1.123.0 → 1.125.0

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;
-}

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

@@ -1,27 +0,0 @@
-import { IEvent, IEventParam } from '@zeedhi/core';
-import { ITextInput, ITextInputEvents } from '../zd-text-input/interfaces';
-import { DateInput } from './date-input';
-export interface IDateEventParam extends IEventParam<DateInput> {
-    date: string;
-}
-export interface IDateEvents<T = IDateEventParam | IEventParam<any>> extends ITextInputEvents<T> {
-    onSelectDate?: IEvent<T> | string;
-}
-export interface IDateInput extends ITextInput {
-    allowedDates?: ((date: string) => boolean) | string[];
-    dateFormat?: string;
-    displayFormat?: string;
-    events?: IDateEvents;
-    firstDayOfWeek?: number | string;
-    fullWidth?: boolean;
-    inputFormat?: string;
-    showDatePicker?: boolean;
-    showWeek?: boolean;
-    width?: number | string;
-    orderedDates?: boolean;
-    helperOptions?: string[];
-    helperValue?: string;
-    max?: string;
-    min?: string;
-    viewMode?: string;
-}

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

@@ -1,158 +0,0 @@
-import { IDateRange } from './interfaces';
-import { TextInput } from '../zd-text-input/text-input';
-export declare class DateRange extends TextInput implements IDateRange {
-    /**
-     * 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;
-    /**
-     * Sets the locale. Accepts a string with a BCP 47 language tag.
-     */
-    locale?: string;
-    /**
-     * Allows changing displayed month with mouse scroll
-     */
-    scrollable: boolean;
-    /**
-     * Toggles visibility of the week numbers in the body of the calendar.
-     */
-    showWeek: boolean;
-    /**
-     * Character that will separate the two dates
-     */
-    get splitter(): string;
-    set splitter(splitter: string);
-    private internalSplitter;
-    /**
-     * Width of the picker.
-     */
-    width: number | string;
-    /**
-     * Helper options.
-     */
-    helperOptions?: string[];
-    /**
-     * Max value allowed.
-     */
-    max?: string;
-    /**
-     * Min value allowed.
-     */
-    min?: string;
-    /**
-     * Helper value.
-     */
-    helperValue?: string;
-    protected isoFormat: string;
-    protected dateError: boolean;
-    protected formatterFn: (...args: any) => any;
-    protected parserFn: (...args: any) => any;
-    protected initialMask?: string;
-    unitMask?: string;
-    protected isSimpleDisplay: boolean;
-    inputMode?: string | undefined;
-    /**
-     * Creates a new Date.
-     * @param props Date properties
-     */
-    constructor(props: IDateRange);
-    private getInitialMask;
-    formatter(value: any): string;
-    parser(value: string): any;
-    get displayValue(): string;
-    set displayValue(newValue: string);
-    get value(): string[];
-    set value(value: unknown);
-    /**
-     * Returns all days ranging from start to end as dayjs objects
-     * @returns an array of dayjs objects containing all days between start and end
-     */
-    private getDatesInRange;
-    /**
-     * 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;
-    /**
-     * Faz a validação do array de datas
-     * @param format o formato da data
-     * @param values o array de datas
-     * @returns true se todos os valores forem validados
-     * */
-    isValidDateArray(format: string, values?: string[]): boolean;
-    private splitValues;
-    isValidDate(value: string, format: string, strict?: boolean): boolean;
-    isValidFormatDate(value: string, format: string, strict?: boolean): boolean;
-    get isoRangeValue(): string[];
-    set isoRangeValue(newValue: string[]);
-    formatISODateRangeValue(dates: string[] | string): string[];
-    parseISODateRangeValue(values: string[]): any;
-    private sortDates;
-    dateValidation(): boolean | string;
-    click(event?: Event, element?: any): void;
-    blur(event: Event, element: any): 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(helperValue: string): void;
-    change(event?: Event, element?: any): void;
-    private getExtremities;
-    setNativeDate(date: Date[]): void;
-    private dateObject;
-    getNativeDate(): Date[];
-    getMaskValue(): any;
-}

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

@@ -1,18 +0,0 @@
-import { ITextInput } from '../zd-text-input/interfaces';
-export interface IDateRange extends ITextInput {
-    allowedDates?: ((date: string) => boolean) | string[];
-    dateFormat?: string;
-    displayFormat?: string;
-    firstDayOfWeek?: number | string;
-    fullWidth?: boolean;
-    inputFormat?: string;
-    showDatePicker?: boolean;
-    showWeek?: boolean;
-    width?: number | string;
-    orderedDates?: boolean;
-    helperOptions?: string[];
-    helperValue?: string;
-    max?: string;
-    min?: string;
-    viewMode?: string;
-}

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

@@ -1,76 +0,0 @@
-import { IButton } from '../zd-button/interfaces';
-import { Component } from '../zd-component/component';
-import { IDialog } from './interfaces';
-/**
- * Base class for Dialog component.
- */
-export declare class Dialog extends Component implements IDialog {
-    /**
-     * Buttons collection that will be displayed on dialog footer
-     */
-    buttons: IButton[];
-    /**
-     * The maximum width of the content
-     */
-    maxWidth: string | number;
-    /**
-     * Clicking outside will not dismiss the dialog
-     */
-    persistent: boolean;
-    /**
-     * The text displayed on dialog
-     */
-    text: string;
-    /**
-     * The title displayed on dialog
-     */
-    title: string;
-    /**
-     * Dialog type (normal, success, error, warning, info)
-     */
-    type: string;
-    /**
-     * Confirm button component name
-     */
-    confirmButton?: string;
-    /**
-     * Deny button component name
-     */
-    denyButton?: string;
-    exit?: boolean;
-    /**
-     * Default dialog buttons
-     * @private
-     */
-    private getDefaultButtons;
-    protected defaultValues: {
-        confirmButton: string | undefined;
-        denyButton: string | undefined;
-        name: string;
-        maxWidth: string | number;
-        persistent: boolean;
-        type: string;
-        title: string;
-        text: string;
-        exit: boolean | undefined;
-    };
-    /**
-     * Creates a new Dialog
-     * @param props Dialog structure
-     */
-    constructor(props: IDialog);
-    /**
-     * Assign all dialog properties
-     * @param dialog Dialog structure
-     */
-    assignDialogProperties(dialog: IDialog): void;
-    protected clickDefaultButtonKeyMapping(): any;
-    /**
-     * Displays dialog
-     */
-    show(): void;
-    /**
-     * Hides dialog
-     */
-    hide(): void;
-}

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

@@ -1,13 +0,0 @@
-import { IButton } from '../zd-button/interfaces';
-import { IComponent } from '../zd-component/interfaces';
-export interface IDialog extends IComponent {
-    buttons?: IButton[];
-    maxWidth?: string | number;
-    persistent?: boolean;
-    confirmButton?: string;
-    denyButton?: string;
-    text?: string;
-    title?: string;
-    type?: string;
-    exit?: boolean;
-}

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

@@ -1,20 +0,0 @@
-import { ComponentRender } from '../zd-component/component-render';
-import { IDivider } from './interfaces';
-/**
- * Base class for Divider component.
- */
-export declare class Divider extends ComponentRender implements IDivider {
-    /**
-     * Adds indentation (72px) for normal dividers, reduces max height for vertical.
-     */
-    inset: boolean;
-    /**
-     * Displays dividers vertically.
-     */
-    vertical: boolean;
-    /**
-     * Creates a new Divider.
-     * @param props Divider properties
-     */
-    constructor(props: IDivider);
-}

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

@@ -1,8 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { IComponentRender } from '../zd-component/interfaces';
-import { Divider } from './divider';
-export type IDividerEvent = IEventParam<Divider>;
-export interface IDivider extends IComponentRender {
-    inset?: boolean;
-    vertical?: boolean;
-}

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

@@ -1,81 +0,0 @@
-import { ComponentRender } from '../zd-component/component-render';
-import { IComponentRender } from '../zd-component/interfaces';
-import { IDropdown } from './interfaces';
-/**
- * Base class for Dropdown component.
- */
-export declare class Dropdown extends ComponentRender implements IDropdown {
-    /**
-     * Applies position absolute to the dropdown.
-     */
-    absolute: boolean;
-    /**
-     * Designate to put the component that activates the menu.
-     */
-    activator: IComponentRender;
-    /**
-     * Designates if menu should close when its content is clicked.
-     */
-    closeOnContentClick: boolean;
-    /**
-     * Designates if menu should close on outside-activator click.
-     */
-    closeOnClick: boolean;
-    /**
-     * Applies a cursor to the dropdown.
-     */
-    cursor: string;
-    /**
-     * Disables the menu.
-     */
-    disabled: boolean;
-    /**
-     * Applies hover to the dropdown.
-     */
-    hover: boolean;
-    /**
-     * Sets the height for the dropdown.
-     */
-    height?: number | string;
-    /**
-     * Sets the maximum height for the dropdown.
-     */
-    maxHeight: number | string;
-    /**
-     * Sets the maximum width for the dropdown.
-     */
-    maxWidth: number | string;
-    /**
-     * Sets the minimum height for the dropdown.
-     */
-    minHeight: number | string;
-    /**
-     * Sets the minimum width for the dropdown.
-     */
-    minWidth: number | string;
-    /**
-     * Offset the menu on the x-axis.
-     */
-    offsetX: boolean;
-    /**
-     * Offset the menu on the x-axis.
-     */
-    offsetY: boolean;
-    /**
-     * Designates whether menu should open on activator click.
-     */
-    openOnClick: boolean;
-    /**
-     * Designates whether menu should open on activator hover.
-     */
-    openOnHover: boolean;
-    /**
-     * Controls whether the component is visible or hidden.
-     */
-    value?: any;
-    /**
-     * Creates a new DropDown.
-     * @param props DropDown properties
-     */
-    constructor(props: IDropdown);
-}

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

@@ -1,23 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { IComponentRender } from '../zd-component/interfaces';
-import { Dropdown } from './dropdown';
-export type IDropdownEvent = IEventParam<Dropdown>;
-export interface IDropdown extends IComponentRender {
-    absolute?: boolean;
-    activator: IComponentRender;
-    disabled?: boolean;
-    closeOnContentClick?: boolean;
-    closeOnClick?: boolean;
-    cursor?: string;
-    hover?: boolean;
-    height?: number | string;
-    maxHeight?: number | string;
-    maxWidth?: number | string;
-    minHeight?: number | string;
-    minWidth?: number | string;
-    offsetX?: boolean;
-    offsetY?: boolean;
-    openOnClick?: boolean;
-    openOnHover?: boolean;
-    value?: any;
-}

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

@@ -1,80 +0,0 @@
-import { ComponentRender } from '../zd-component/component-render';
-import { IComponentRender } from '../zd-component/interfaces';
-import { IFooter } from './interfaces';
-/**
- * Base class for Footer component.
- */
-export declare class Footer extends ComponentRender implements IFooter {
-    /**
-     * Applies position absolute to footer.
-     */
-    absolute: boolean;
-    /**
-     * Designates the footer as part of the application layout.
-     */
-    app: boolean;
-    /**
-     * Render components on the middle of footer.
-     */
-    centerSlot: IComponentRender[];
-    /**
-     * Applies specified color to the control. It can be the name of material or css color in hexa.
-     */
-    color: string;
-    /**
-     * Events registered to the footer.
-     */
-    /**
-     * Applies position fixed to footer.
-     */
-    fixed: boolean;
-    /**
-     * Sets the height for footer.
-     */
-    height: number | string;
-    /**
-     * Positions the footer inside the application content.
-     */
-    inset: boolean;
-    /**
-     * Render components on the left of footer.
-     */
-    leftSlot: IComponentRender[];
-    /**
-     * Sets the maximum height for the footer.
-     */
-    maxHeight?: number | string;
-    /**
-     * Sets the maximum width for the footer.
-     */
-    maxWidth?: number | string;
-    /**
-     * Sets the minimum height for the footer.
-     */
-    minHeight?: number | string;
-    /**
-     * Sets the minimum width for the footer.
-     */
-    minWidth?: number | string;
-    /**
-     * Remove all padding from the footer.
-     */
-    padless: boolean;
-    /**
-     * Render components on the right of footer.
-     */
-    rightSlot: IComponentRender[];
-    /**
-     * Sets the width for the component.
-     */
-    width?: number | string;
-    /**
-     * Creates a new Footer.
-     * @param props Footer properties
-     */
-    constructor(props: IFooter);
-    /**
-     * Retrieves named slots visibility
-     */
-    get namedSlotsIsVisible(): number;
-}

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

@@ -1,26 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { IComponentEvents, IComponentRender } from '../zd-component/interfaces';
-import { Footer } from './footer';
-export type IFooterEvent = IEventParam<Footer>;
-export interface IFooterEvents extends IComponentEvents<IFooterEvent> {
-    blur: undefined;
-    click: undefined;
-    focus: undefined;
-}
-export interface IFooter extends IComponentRender {
-    absolute?: boolean;
-    app?: boolean;
-    centerSlot?: IComponentRender[];
-    color?: string;
-    fixed?: boolean;
-    height?: number | string;
-    inset?: boolean;
-    leftSlot?: IComponentRender[];
-    maxHeight?: number | string;
-    maxWidth?: number | string;
-    minHeight?: number | string;
-    minWidth?: number | string;
-    padless?: boolean;
-    rightSlot?: IComponentRender[];
-    width?: number | string;
-}