@zeedhi/common 1.120.1 → 1.120.3

package/LICENSE

@@ -0,0 +1,24 @@
+MIT License
+
+Copyright (c) 2019 Zeedhi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+This repository includes one file originally copied from https://github.com/vuetifyjs/vuetify/
+under /blob/v1.5.16/packages/vuetify/src/util/, mask.ts.

package/dist/types/components/index.d.ts

@@ -0,0 +1,151 @@
+export * from './zd-alert/alert';
+export * from './zd-alert/interfaces';
+export * from './zd-breadcrumbs/breadcrumbs';
+export * from './zd-breadcrumbs/interfaces';
+export * from './zd-badge/badge';
+export * from './zd-badge/interfaces';
+export * from './zd-button/button';
+export * from './zd-button/interfaces';
+export * from './zd-date-input/date-input';
+export * from './zd-date-input/interfaces';
+export * from './zd-divider/divider';
+export * from './zd-divider/interfaces';
+export * from './zd-main/interfaces';
+export * from './zd-main/main';
+export * from './zd-frame/frame';
+export * from './zd-frame/interfaces';
+export * from './zd-frame-page/frame-page';
+export * from './zd-frame-page/interfaces';
+export * from './zd-image/image';
+export * from './zd-image/interfaces';
+export * from './zd-iterable/column';
+export * from './zd-iterable/column-not-found';
+export * from './zd-iterable/interfaces';
+export * from './zd-iterable/iterable';
+export * from './zd-iterable/iterable-page-component';
+export * from './zd-iterable/iterable-page-info';
+export * from './zd-iterable/iterable-page-size';
+export * from './zd-iterable/iterable-pagination';
+export * from './zd-iterable/search';
+export * from './zd-iterable/conditions-manager';
+export * from './zd-iterable/iterable-columns-button';
+export * from './zd-iterable/iterable-columns-button-controller';
+export * from './zd-iterable-component-render/interfaces';
+export * from './zd-iterable-component-render/iterable-component-render';
+export * from './zd-header/header';
+export * from './zd-header/interfaces';
+export * from './zd-col/col';
+export * from './zd-col/interfaces';
+export * from './zd-layout/interfaces';
+export * from './zd-layout/layout';
+export * from './zd-loading/loading';
+export * from './zd-loading/interfaces';
+export * from './zd-login/login';
+export * from './zd-login/interfaces';
+export * from './zd-login/login-button';
+export * from './zd-menu/interfaces';
+export * from './zd-menu/menu';
+export * from './zd-menu/menu-button';
+export * from './zd-menu/menu-group';
+export * from './zd-menu/menu-link';
+export * from './zd-menu/menu-separator';
+export * from './zd-card/card';
+export * from './zd-card/interfaces';
+export * from './zd-collapse-card/collapse-card';
+export * from './zd-collapse-card/interfaces';
+export * from './zd-carousel/carousel';
+export * from './zd-carousel/interfaces';
+export * from './zd-table/interfaces';
+export * from './zd-table/table';
+export * from './zd-tabs/interfaces';
+export * from './zd-tabs/tab';
+export * from './zd-tabs/tab-not-found';
+export * from './zd-tabs/tabs';
+export * from './zd-tag/interfaces';
+export * from './zd-tag/tag';
+export * from './zd-text/interfaces';
+export * from './zd-text/text';
+export * from './zd-input/input';
+export * from './zd-input/interfaces';
+export * from './zd-input/input-factory';
+export * from './zd-icon/icon';
+export * from './zd-icon/interfaces';
+export * from './zd-text-input/interfaces';
+export * from './zd-text-input/text-input';
+export * from './zd-component/child-not-found';
+export * from './zd-component/component';
+export * from './zd-component/component-render';
+export * from './zd-component/interfaces';
+export * from './zd-container/container';
+export * from './zd-container/interfaces';
+export * from './zd-code-viewer/code-viewer';
+export * from './zd-code-viewer/interfaces';
+export * from './zd-radio/radio';
+export * from './zd-radio/interfaces';
+export * from './zd-row/interfaces';
+export * from './zd-row/row';
+export * from './zd-form/form';
+export * from './zd-form/interfaces';
+export * from './zd-footer/footer';
+export * from './zd-footer/interfaces';
+export * from './zd-textarea/textarea';
+export * from './zd-textarea/interfaces';
+export * from './zd-toggleable/toggleable';
+export * from './zd-toggleable/interfaces';
+export * from './zd-switch/switch';
+export * from './zd-switch/interfaces';
+export * from './zd-checkbox/checkbox';
+export * from './zd-checkbox/interfaces';
+export * from './zd-tooltip/tooltip';
+export * from './zd-tooltip/interfaces';
+export * from './zd-dropdown/dropdown';
+export * from './zd-dropdown/interfaces';
+export * from './zd-select/select';
+export * from './zd-select/interfaces';
+export * from './zd-select-multiple/select-multiple';
+export * from './zd-select-multiple/interfaces';
+export * from './zd-dropdown/dropdown';
+export * from './zd-dropdown/interfaces';
+export * from './zd-dialog/dialog';
+export * from './zd-dialog/interfaces';
+export * from './zd-password/password';
+export * from './zd-password/interfaces';
+export * from './zd-list/list';
+export * from './zd-list/list-item';
+export * from './zd-list/list-group';
+export * from './zd-list/interfaces';
+export * from './zd-modal/modal';
+export * from './zd-modal/modal-close-button';
+export * from './zd-modal/interfaces';
+export * from './zd-number-input/number-input';
+export * from './zd-number-input/interfaces';
+export * from './zd-grid';
+export * from './zd-grid-editable';
+export * from './zd-tree-grid';
+export * from './zd-checkbox-multiple/checkbox-multiple';
+export * from './zd-checkbox-multiple/interfaces';
+export * from './zd-chip/chip';
+export * from './zd-chip/interfaces';
+export * from './zd-progress/interfaces';
+export * from './zd-progress/progress';
+export * from './zd-button-group/button-group';
+export * from './zd-button-group/interfaces';
+export * from './zd-master-detail/detail-not-found';
+export * from './zd-master-detail/interfaces';
+export * from './zd-master-detail/master-detail';
+export * from './zd-master-detail/master-not-found';
+export * from './zd-svg-map/interfaces';
+export * from './zd-svg-map/svg-map';
+export * from './zd-tree/interfaces';
+export * from './zd-tree/tree';
+export * from './zd-increment/increment';
+export * from './zd-increment/interfaces';
+export * from './zd-currency/currency';
+export * from './zd-currency/interfaces';
+export * from './zd-month/interfaces';
+export * from './zd-month/month';
+export * from './zd-time/interfaces';
+export * from './zd-time/time';
+export * from './zd-time/time-format-selector';
+export * from './zd-date-range/interfaces';
+export * from './zd-date-range/date-range';

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

@@ -0,0 +1,94 @@
+import { IButton } from '../zd-button/interfaces';
+import { Component } from '../zd-component/component';
+import { IAlert } from './interfaces';
+/**
+ * Base class for Alert component.
+ */
+export declare class Alert extends Component implements IAlert {
+    /**
+     * Align the component towards the bottom
+     */
+    bottom: boolean;
+    /**
+     * Slot to display flat buttons
+     */
+    buttonsSlot: IButton[];
+    /**
+     * Applies specified color to the control.
+     * It can be the name of material color or an hexadecimal color
+     */
+    color: string;
+    /**
+     * Applies specified color to the dismiss button.
+     * It can be the name of material color or an hexadecimal color
+     */
+    dismissColor: string;
+    /**
+     * Align the component towards the left
+     */
+    left: boolean;
+    /**
+     * Creates a better spacing for multiple content lines
+     */
+    multiLine: boolean;
+    /**
+     * Align the component towards the right
+     */
+    right: boolean;
+    /**
+     * Controls dismiss button visibility
+     */
+    showDismiss: boolean;
+    /**
+     * Time (in milliseconds) to wait until alert is automatically hidden.
+     * Use 0 to keep open indefinitely.
+     */
+    timeout: number;
+    /**
+     * Text displayed on alert
+     */
+    text: string;
+    /**
+     * Align the content towards the top
+     */
+    top: boolean;
+    /**
+     * Stacks alert content and actions vertically
+     */
+    vertical: boolean;
+    id: number;
+    protected defaultValues: {
+        name: string;
+        color: string;
+        text: string;
+        timeout: number;
+        top: boolean;
+        right: boolean;
+        bottom: boolean;
+        left: boolean;
+        vertical: boolean;
+        multiLine: boolean;
+        showDismiss: boolean;
+        dismissColor: string;
+        buttonsSlot: IButton[];
+        id: number;
+    };
+    /**
+     * Creates a new Alert
+     * @param props Alert structure
+     */
+    constructor(props: IAlert);
+    /**
+     * Assign all alert properties
+     * @param alert Alert structure
+     */
+    assignAlertProperties(alert: IAlert): void;
+    /**
+     * Displays alert
+     */
+    show(): void;
+    /**
+     * Hides alert
+     */
+    hide(): void;
+}

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

@@ -0,0 +1,18 @@
+import { IButton } from '../zd-button/interfaces';
+import { IComponent } from '../zd-component/interfaces';
+export interface IAlert extends IComponent {
+    id?: number;
+    color?: string;
+    text?: string;
+    timeout?: number;
+    type?: string;
+    top?: boolean;
+    right?: boolean;
+    bottom?: boolean;
+    left?: boolean;
+    vertical?: boolean;
+    multiLine?: boolean;
+    showDismiss?: boolean;
+    dismissColor?: string;
+    buttonsSlot?: IButton[];
+}

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

@@ -0,0 +1,28 @@
+import { ComponentRender } from '../zd-component/component-render';
+import { IBadge, IBadgeEvents } from './interfaces';
+/**
+ * Base class for Badge component.
+ */
+export declare class Badge extends ComponentRender implements IBadge {
+    /**
+     * Wrap a number to badge
+     */
+    badge: number;
+    /**
+     * Events registered to the badge
+     */
+    events: IBadgeEvents;
+    /**
+     * Highlight information to a user or to just draw attention
+     */
+    showBadgeCounter: boolean;
+    /**
+     * Create a new Badge
+     * @param props Badge definition
+     */
+    constructor(props: IBadge);
+    /**
+     * Returns a string with the badge counter
+     */
+    getBadgeText(): string;
+}

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

@@ -0,0 +1,10 @@
+import { IEventParam } from '@zeedhi/core';
+import { IComponentEvents, IComponentRender } from '../zd-component/interfaces';
+import { Badge } from './badge';
+export type IBadgeEvent = IEventParam<Badge>;
+export type IBadgeEvents = IComponentEvents<IBadgeEvent>;
+export interface IBadge extends IComponentRender {
+    badge?: number;
+    events?: IBadgeEvents;
+    showBadgeCounter?: boolean;
+}

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

@@ -0,0 +1,32 @@
+import { ComponentRender } from '../zd-component/component-render';
+import { IBreadcrumbs, IBreadcrumbsItem } from './interfaces';
+/**
+ * Base class for Breadcrumbs component.
+ */
+export declare class Breadcrumbs extends ComponentRender implements IBreadcrumbs {
+    /**
+     * Specifies the dividing string between items.
+     */
+    divider: string;
+    /**
+     * Array of objects for each breadcrumb.
+     */
+    items: IBreadcrumbsItem[];
+    /**
+     * Defines the divider icon name.
+     */
+    iconName: string;
+    /**
+     * Increase the font-size of the breadcrumb item text to 16px.
+     */
+    large: boolean;
+    /**
+     * Decrease the font-size of the breadcrumb item text to 12px.
+     */
+    small: boolean;
+    /**
+     * Create a new Breadcrumbs
+     * @param props Breadcrumbs definition
+     */
+    constructor(props: IBreadcrumbs);
+}

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

@@ -0,0 +1,24 @@
+import { IComponentRender } from '../zd-component/interfaces';
+export interface IBreadcrumbs extends IComponentRender {
+    dark?: boolean;
+    divider?: string;
+    iconName?: string;
+    items?: IBreadcrumbsItem[];
+    large?: boolean;
+    light?: boolean;
+    small?: boolean;
+}
+export interface IBreadcrumbsItem {
+    activeClass?: string;
+    append?: boolean;
+    disabled?: boolean;
+    exact?: boolean;
+    exactActiveClass?: string;
+    href?: string | object;
+    link?: boolean;
+    replace?: boolean;
+    ripple?: boolean | object;
+    text?: string | number;
+    to?: string | object;
+    title?: string;
+}

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

@@ -0,0 +1,89 @@
+import { ComponentRender } from '../zd-component/component-render';
+import { IButton, IButtonEvents } from './interfaces';
+/**
+ * Base class for Button component.
+ */
+export declare class Button extends ComponentRender implements IButton {
+    absolute: boolean;
+    block: boolean;
+    /**
+     * Aligns the button towards the bottom.
+     * This should be used with the absolute or fixed props
+     */
+    bottom: boolean;
+    /**
+     * Applies specified color to the control.
+     * It can be the name of material or css color in hexa
+     */
+    color: string;
+    disabled: boolean;
+    events: IButtonEvents;
+    fab: boolean;
+    fixed: boolean;
+    flat: boolean;
+    href: string;
+    icon: boolean;
+    iconName: string;
+    label: string;
+    large: boolean;
+    /**
+     * Aligns the button towards the left.
+     * This should be used with the absolute or fixed props
+     */
+    left: boolean;
+    outline: boolean;
+    reverse: boolean;
+    /**
+     * Aligns the button towards the right.
+     * This should be used with the absolute or fixed props
+     */
+    right: boolean;
+    round: string | number | boolean;
+    small: boolean;
+    target: string;
+    tile: boolean;
+    to: string;
+    /**
+     * Aligns the content towards the top.
+     * This should be used with the absolute or fixed props
+     */
+    top: boolean;
+    type: string;
+    /**
+     * Sets the width for the card.
+     * Possible values for width can be 'auto', '100%', '400px' or 400
+     */
+    width: number | string;
+    active?: boolean;
+    appendIcon?: string;
+    border: string | number | boolean;
+    /**
+     * Adjusts the vertical height of the component
+     * Possible values: 'default', 'comfortable' and 'compact'
+     */
+    density: 'default' | 'comfortable' | 'compact';
+    elevation?: string | number;
+    loading: string | boolean;
+    /**
+     * Defines the position of the component.
+     * Possible values: 'relative' | 'absolute' | 'static' | 'fixed' | 'sticky'
+     */
+    position?: 'relative' | 'absolute' | 'static' | 'fixed' | 'sticky';
+    prependIcon?: string;
+    replace: boolean;
+    ripple: boolean;
+    selectedClass?: string;
+    /**
+     * Defines the height and width of the component
+     * Possible values: x-small, small, default, large, and x-large
+     */
+    size?: 'x-small' | 'small' | 'default' | 'large' | 'x-large';
+    stacked: boolean;
+    tag?: string;
+    variant?: 'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain';
+    /**
+     * Create a new Button
+     * @param props Button definition
+     */
+    constructor(props: IButton);
+}

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

@@ -0,0 +1,48 @@
+import { IEventParam } from '@zeedhi/core';
+import { IComponentEvents, IComponentRender } from '../zd-component/interfaces';
+import { Button } from './button';
+export type IButtonEvent = IEventParam<Button>;
+export type IButtonEvents = IComponentEvents<IButtonEvent>;
+export interface IButton extends IComponentRender {
+    absolute?: boolean;
+    block?: boolean;
+    bottom?: boolean;
+    color?: string;
+    disabled?: boolean;
+    events?: IButtonEvents;
+    fab?: boolean;
+    fixed?: boolean;
+    flat?: boolean;
+    href?: string;
+    icon?: boolean;
+    iconName?: string;
+    label?: string;
+    large?: boolean;
+    left?: boolean;
+    outline?: boolean;
+    reverse?: boolean;
+    right?: boolean;
+    round?: string | number | boolean;
+    small?: boolean;
+    target?: string;
+    tile?: boolean;
+    to?: string;
+    top?: boolean;
+    type?: string;
+    width?: number | string;
+    active?: boolean;
+    appendIcon?: string;
+    border?: string | number | boolean;
+    density?: 'default' | 'comfortable' | 'compact';
+    elevation?: string | number;
+    loading?: boolean | string;
+    position?: 'relative' | 'absolute' | 'static' | 'fixed' | 'sticky';
+    prependIcon?: string;
+    replace?: boolean;
+    ripple?: boolean;
+    selectedClass?: string;
+    size?: 'x-small' | 'small' | 'default' | 'large' | 'x-large';
+    stacked?: boolean;
+    tag?: string;
+    variant?: 'text' | 'flat' | 'elevated' | 'tonal' | 'outlined' | 'plain';
+}

package/dist/types/components/zd-button-group/button-group.d.ts

@@ -0,0 +1,67 @@
+import { ComponentRender } from '../zd-component/component-render';
+import { IButtonGroup } from './interfaces';
+/**
+ * Base class for Button Group component.
+ */
+export declare class ButtonGroup extends ComponentRender implements IButtonGroup {
+    /**
+     * Changes the background-color for the component.
+     */
+    backgroundColor: string;
+    /**
+     * Removes the group's border.
+     */
+    borderless: boolean;
+    /**
+     * Applies specified color to the control.
+     * It can be the name of material or css color in hexa
+     */
+    color: string;
+    /**
+     * Reduces the button size and padding.
+     */
+    dense: boolean;
+    /**
+     * Applies mandatory selected button
+     */
+    mandatory: boolean;
+    /**
+     * The multiple prop will allow a user to select multiple
+     * return values as an array.
+     */
+    multiple: boolean;
+    /**
+     * Round edge buttons
+     */
+    rounded: boolean;
+    /**
+     * Applies a large border radius on the top left and
+     * bottom right of the card.
+     */
+    shaped: boolean;
+    /**
+     * Specify a custom tag used on the root element.
+     */
+    tag: string;
+    /**
+     * Removes the component's border-radius.
+     */
+    tile: boolean;
+    /**
+     * Buttons selected.
+     */
+    selectedButtons: number | string | number[] | null;
+    large: boolean;
+    small: boolean;
+    /**
+     * Create a new ButtonGroup
+     * @param props ButtonGroup definition
+     */
+    constructor(props: IButtonGroup);
+    /**
+     * Triggered when the input value changes.
+     * @param event DOM event
+     * @param element Element clicked
+     */
+    change(event?: Event, element?: any): void;
+}

package/dist/types/components/zd-button-group/interfaces.d.ts

@@ -0,0 +1,25 @@
+import { IEventParam } from '@zeedhi/core';
+import { IButton } from '../zd-button/interfaces';
+import { EventDef, IComponentEvents, IComponentRender } from '../zd-component/interfaces';
+import { ButtonGroup } from './button-group';
+export type IButtonGroupEvent = IEventParam<ButtonGroup>;
+export interface IButtonGroupEvents<T = IEventParam<any>> extends IComponentEvents<T> {
+    change?: EventDef<T>;
+}
+export interface IButtonGroup extends IComponentRender {
+    children?: IButton[];
+    backgroundColor?: string;
+    borderless?: boolean;
+    color?: string;
+    dense?: boolean;
+    events?: IButtonGroupEvents;
+    mandatory?: boolean;
+    multiple?: boolean;
+    rounded?: boolean;
+    shaped?: boolean;
+    large?: boolean;
+    small?: boolean;
+    tag?: string;
+    tile?: boolean;
+    selectedButtons?: number | string | number[] | null;
+}