@zeedhi/common 1.112.0 → 3.0.0

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

@@ -1,23 +0,0 @@
-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;
-}

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

@@ -1,122 +0,0 @@
-import { IButton, IButtonEvents } from './interfaces';
-import { ComponentRender } from '../zd-component/component-render';
-/**
- * Base class for Button component.
- */
-export declare class Button extends ComponentRender implements IButton {
-    /**
-     * Applies position absolute to the button
-     */
-    absolute: boolean;
-    /**
-     * Expands the button to 100% of available space
-     */
-    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;
-    /**
-     * Removes the ability to click or target the button
-     */
-    disabled: boolean;
-    /**
-     * Events registered to the button
-     */
-    events: IButtonEvents;
-    /**
-     * Designates the button as a floating-action-button
-     */
-    fab: boolean;
-    /**
-     * Applies position fixed to the button
-     */
-    fixed: boolean;
-    /**
-     * Makes the background transparent (equal to text prop in Vuetify)
-     */
-    flat: boolean;
-    /**
-     * Designates the component as anchor and applies the href attribute
-     */
-    href: string;
-    /**
-     * Designates the button as icon, round and flat
-     */
-    icon: boolean;
-    /**
-     * Defines the button icon, that will be rendered before the label
-     */
-    iconName: string;
-    /**
-     * Defines the button label
-     */
-    label: string;
-    /**
-     * Makes the button large
-     */
-    large: boolean;
-    /**
-     * Aligns the button towards the left.
-     * This should be used with the absolute or fixed props
-     */
-    left: boolean;
-    /**
-     * Makes the background transparent and applies a thin border
-     */
-    outline: boolean;
-    /**
-     * Change the icon to the right.
-     */
-    reverse: boolean;
-    /**
-     * Aligns the button towards the right.
-     * This should be used with the absolute or fixed props
-     */
-    right: boolean;
-    /**
-     * Applies a large border radius on the button
-     */
-    round: boolean;
-    /**
-     * Makes the button small
-     */
-    small: boolean;
-    /**
-     * Designates the target attribute when the button has href or to prop
-     */
-    target: string;
-    /**
-     * Removes the component's border-radius
-     */
-    tile: boolean;
-    /**
-     * Denotes the target route of the link
-     */
-    to: string;
-    /**
-     * Aligns the content towards the top.
-     * This should be used with the absolute or fixed props
-     */
-    top: boolean;
-    /**
-     * Sets button type
-     */
-    type: string;
-    /**
-     * Sets the width for the card.
-     * Possible values for width can be 'auto', '100%', '400px' or 400
-     */
-    width: number | string;
-    /**
-     * Create a new Button
-     * @param props Button definition
-     */
-    constructor(props: IButton);
-}

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

@@ -1,33 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { Button } from './button';
-import { IComponentEvents, IComponentRender } from '../zd-component/interfaces';
-export declare type IButtonEvent = IEventParam<Button>;
-export declare 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?: boolean;
-    small?: boolean;
-    target?: string;
-    tile?: boolean;
-    to?: string;
-    top?: boolean;
-    type?: string;
-    width?: number | string;
-}

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

@@ -1,75 +0,0 @@
-import { IButtonGroup } from './interfaces';
-import { ComponentRender } from '../zd-component/component-render';
-import { IButton } from '../zd-button/interfaces';
-/**
- * Base class for Button Group component.
- */
-export declare class ButtonGroup extends ComponentRender implements IButtonGroup {
-    /**
-     * Children component has to be an array button component.
-     */
-    children: IButton[];
-    /**
-     * 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;
-    /**
-     * Removes background color, border and increases
-     * space between the buttons
-     */
-    group: 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;
-    /**
-     * 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/types/components/zd-button-group/interfaces.d.ts

@@ -1,24 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { ButtonGroup } from './button-group';
-import { IButton } from '../zd-button/interfaces';
-import { IComponentEvents, IComponentRender, EventDef } from '../zd-component/interfaces';
-export declare 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;
-    group?: boolean;
-    mandatory?: boolean;
-    multiple?: boolean;
-    rounded?: boolean;
-    shaped?: boolean;
-    tag?: string;
-    tile?: boolean;
-    selectedButtons?: number | string | number[] | null;
-}

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

@@ -1,110 +0,0 @@
-import { ICard, ICardEvents } from './interfaces';
-import { ComponentRender } from '../zd-component/component-render';
-/**
- * Base class for Card component.
- */
-export declare class Card extends ComponentRender implements ICard {
-    /**
-     * Configure the active CSS class applied when the link is active
-     */
-    activeClass: string;
-    /**
-     * Setting append prop always appends the relative path to the current path
-     */
-    append: boolean;
-    /**
-     * Applies specified color to the control. It can be the name of material color
-     */
-    color: string;
-    /**
-     * Removes the ability to click or target the component
-     */
-    disabled: boolean;
-    /**
-     * Designates an elevation applied to the card between 0 and 24
-     */
-    elevation?: number | string;
-    /**
-     * Events registered to the card
-     */
-    events: ICardEvents;
-    /**
-     * Removes the card's elevation
-     */
-    flat: boolean;
-    /**
-     * Sets the height for the card.
-     * Possible values for height can be 'auto', '100%', '400px' or 400
-     */
-    height?: number | string;
-    /**
-     * Will apply an elevation of 6dp when hovered
-     */
-    hover: boolean;
-    /**
-     * Designates the component as anchor and applies the href attribute
-     */
-    href?: string;
-    /**
-     * Specifies an image background for the card
-     */
-    img: string;
-    /**
-     * Designates that the card is a link
-     */
-    link: boolean;
-    /**
-     * Sets the maximum height for the card.
-     * Possible values for width can be 'auto', '100%', '400px' or 400
-     */
-    maxHeight: number | string;
-    /**
-     * Sets the maximum width for the card.
-     * Possible values for width can be 'auto', '100%', '400px' or 400
-     */
-    maxWidth: number | string;
-    /**
-     * Sets the minimum height for the card.
-     * Possible values for width can be 'auto', '100%', '400px' or 400
-     */
-    minHeight: number | string;
-    /**
-     * Sets the minimum width for the card.
-     * Possible values for width can be 'auto', '100%', '400px' or 400
-     */
-    minWidth: number | string;
-    /**
-     * Set component height to fill all space available
-     */
-    fillHeight: boolean;
-    /**
-     * Removes card elevation shadow and adds a thin border
-     */
-    outlined: boolean;
-    /**
-     * Specifies a higher default elevation (16dp)
-     */
-    raised: boolean;
-    /**
-     * Apply the ripple effect to show action from a user
-     */
-    ripple: boolean;
-    /**
-     * Removes the component's border-radius
-     */
-    tile: boolean;
-    /**
-     * Designates the component as anchor and applies the router.to attribute
-     */
-    to?: string;
-    /**
-     * Sets the width for the card.
-     * Possible values for width can be 'auto', '100%', '400px' or 400
-     */
-    width?: number | string;
-    /**
-     * Creates a new Card.
-     * @param props Card properties
-     */
-    constructor(props: ICard);
-}

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

@@ -1,30 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { Card } from './card';
-import { IComponentRender, IComponentEvents } from '../zd-component/interfaces';
-export declare type ICardEvent = IEventParam<Card>;
-export declare type ICardEvents = IComponentEvents<ICardEvent>;
-export interface ICard extends IComponentRender {
-    activeClass?: string;
-    append?: boolean;
-    color?: string;
-    elevation?: number | string;
-    events?: ICardEvents;
-    disabled?: boolean;
-    flat?: boolean;
-    hover?: boolean;
-    href?: string;
-    img?: string;
-    link?: boolean;
-    outlined?: boolean;
-    raised?: boolean;
-    ripple?: boolean;
-    tile?: boolean;
-    to?: string;
-    height?: number | string;
-    maxHeight?: number | string;
-    minHeight?: number | string;
-    fillHeight?: boolean;
-    width?: number | string;
-    maxWidth?: number | string;
-    minWidth?: number | string;
-}

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

@@ -1,181 +0,0 @@
-import { ICarousel, ICarouselEvents, ISlideData } from './interfaces';
-import { ComponentRender } from '../zd-component/component-render';
-import { IButton } from '../zd-button/interfaces';
-/**
- * Base class for Carousel component.
- */
-export declare class Carousel extends ComponentRender implements ICarousel {
-    /**
-     * This property will be true if the carousel is sliding (readonly).
-     */
-    private isSliding;
-    /**
-     * Configures the carousel to play automatically
-     */
-    autoPlay: boolean;
-    /**
-     * Configures the carousel to show buttons outside the slides area
-     */
-    buttonsOutside: boolean;
-    /**
-     * Displays the carousel items always in the center (only when using
-     * a non-integer number in slidesPerView, like 1.5)
-     */
-    center: boolean;
-    /**
-     * Current slide being displayed
-     */
-    currentSlide: number;
-    /**
-     * Events registered to the carousel
-     */
-    events: ICarouselEvents;
-    /**
-     * Displays the pagination as a fraction in the following format: currentSlide/slidesCount.
-     * Only works when <code>showPagination</code> property is true
-     */
-    fractionPagination: boolean;
-    /**
-     * Sets the carousel height. Example values: 'auto', '100%', '400px',
-     * '30em', '400', 400. Values without measurement unit will be notated in pixels by default
-     */
-    height: number | string;
-    /**
-     * Sets the carousel max height. Example values: 'auto', '100%', '400px',
-     * '30em', '400', 400. Values without measurement unit will be notated in pixels by default
-     */
-    maxHeight: number | string;
-    /**
-     * Sets the carousel min height. Example values: 'auto', '100%', '400px',
-     * '30em', '400', 400. Values without measurement unit will be notated in pixels by default
-     */
-    minHeight: number | string;
-    /**
-     * Set component height to fill all space available
-     */
-    fillHeight: boolean;
-    /**
-     * Configures the carousel as infinite (the slide after the last one is the first slide, and vice-versa)
-     */
-    infiniteScroll: boolean;
-    /**
-     * Configures the carousel's initial slide
-     */
-    initialSlide: number;
-    /**
-     * If autoPlay is enabled, sets the time duration of each slide in milliseconds
-     */
-    interval: number;
-    /**
-     * Allows controlling the carousel using the keyboard arrow keys
-     */
-    keysControl: boolean;
-    /**
-     * Allows controlling the carousel using mouse drag
-     */
-    mouseControl: boolean;
-    /**
-     * Displays the pagination background
-     */
-    paginationBackground: boolean;
-    /**
-     * If autoPlay is enabled, it will pause on mouse hover
-     */
-    pauseOnHover: boolean;
-    /**
-     * Show the navigation arrows.
-     */
-    showArrows: boolean;
-    /**
-     * The navigation arrows will be shown only on mouse hover.
-     * Only works when <code>showArrows</code> property is true
-     */
-    showArrowsOnHover: boolean;
-    /**
-     * Show the carousel pagination menu
-     */
-    showPagination: boolean;
-    /**
-     * Show a progress bar that fills as the carousel approaches the last slide
-     */
-    showProgress: boolean;
-    /**
-     * Css class to be added to slides
-     */
-    slideCssClass: string;
-    /**
-     * Number of slides to be shown for each view (non-integer numbers are allowed)
-     */
-    slidesPerView: number;
-    /**
-     * Number of slides to be slided
-     */
-    slidesToSlide: number;
-    /**
-     * Allows controlling the carousel using touch for mobile
-     */
-    touchControl: boolean;
-    /**
-     * Duration of the slide transition in milliseconds
-     */
-    transitionDuration: number;
-    /**
-     * Allows controlling the carousel using the mouse wheel
-     */
-    wheelControl: boolean;
-    /**
-     * Carousel's right side button.
-     */
-    nextButton: IButton;
-    /**
-     * Carousel's left side button
-     */
-    prevButton: IButton;
-    viewUpdate?: () => void;
-    /**
-     * Creates a new Carousel
-     * @param props Carousel properties
-     */
-    constructor(props: ICarousel);
-    setViewUpdate(viewFn: () => void): void;
-    /**
-     * Updates the Carousel rendered elements
-     */
-    update(): void;
-    /**
-     * After the transitionDuration time, set isSliding to false
-     */
-    private slideTransition;
-    /**
-     * isSliding property getter
-     */
-    getIsSliding(): boolean;
-    /**
-     * Slides the carousel to the defined index
-     * @param index Index of the slide to be slided to
-     */
-    slideTo(index: number): void;
-    /**
-     * Slides to the next slide
-     */
-    slideNext(): void;
-    /**
-     * Slides to the previous slide
-     */
-    slidePrev(): void;
-    /**
-     * Event triggered before the current slide changes
-     * @param event Event that triggered the beforeSlide event
-     * @param element Carousel element
-     * @param slideData Data related to the beforeSlide event
-     */
-    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: any, slideData: ISlideData, event?: Event): void;
-    private changeDefaultButtonName;
-}

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

@@ -1,45 +0,0 @@
-import { IComponentRender, IComponentEvents } from '../zd-component/interfaces';
-import { IButton } from '../zd-button/interfaces';
-import { Carousel } from './carousel';
-export interface ISlideData {
-    currentSlide: number;
-    slideFrom?: number;
-    slideTo?: number;
-}
-export interface ICarouselEventParam {
-    component: Carousel;
-    event?: Event | undefined;
-    element?: any;
-    slideData?: ISlideData;
-}
-export declare type ICarouselEvents = IComponentEvents<ICarouselEventParam>;
-export interface ICarousel extends IComponentRender {
-    autoPlay?: boolean;
-    buttonsOutside?: boolean;
-    center?: boolean;
-    currentSlide?: number;
-    infiniteScroll?: boolean;
-    initialSlide?: number;
-    interval?: number;
-    keysControl?: boolean;
-    mouseControl?: boolean;
-    nextButton?: IButton;
-    fractionPagination?: boolean;
-    paginationBackground?: boolean;
-    pauseOnHover?: boolean;
-    prevButton?: IButton;
-    showArrowsOnHover?: boolean;
-    showArrows?: boolean;
-    showPagination?: boolean;
-    showProgress?: boolean;
-    slideCssClass?: string;
-    slidesPerView?: number;
-    slidesToSlide?: number;
-    touchControl?: boolean;
-    transitionDuration?: number;
-    wheelControl?: boolean;
-    height?: number | string;
-    maxHeight?: number | string;
-    minHeight?: number | string;
-    fillHeight?: boolean;
-}

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

@@ -1,12 +0,0 @@
-import { ICheckbox } from './interfaces';
-import { Toggleable } from '../zd-toggleable/toggleable';
-/**
- * Base class for Checkbox component.
- */
-export declare class Checkbox extends Toggleable implements ICheckbox {
-    /**
-     * Create a new Checkbox.
-     * @param props Checkbox properties
-     */
-    constructor(props: ICheckbox);
-}

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

@@ -1,6 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { Checkbox } from './checkbox';
-import { IToggleable } from '../zd-toggleable/interfaces';
-export declare type ICheckboxEvent = IEventParam<Checkbox>;
-export interface ICheckbox extends IToggleable {
-}