@zeedhi/common 1.123.0 → 1.125.0

package/dist/zd-common.esm.js

@@ -3960,7 +3960,7 @@ class Date$1 extends TextInput {
         /**
          * Width of the picker.
          */
-        this.width = 248;
+        this.pickerWidth = 248;
         this.isoFormat = 'YYYY-MM-DD';
         this.dateError = false;
         this.formatterFn = FormatterParserProvider.getFormatter('ZdDate');
@@ -3986,7 +3986,7 @@ class Date$1 extends TextInput {
         this.helperValue = this.getInitValue('helperValue', props.helperValue, this.helperValue);
         this.min = this.getInitValue('min', props.min, this.min);
         this.max = this.getInitValue('max', props.max, this.max);
-        this.width = this.getInitValue('width', props.width, this.width);
+        this.pickerWidth = this.getInitValue('pickerWidth', props.width || props.pickerWidth, this.pickerWidth);
         this.mask = this.getInitValue('mask', props.mask, undefined);
         this.createAccessors();
         this.initialMask = this.getInitialMask();
@@ -4361,7 +4361,7 @@ class DateRange extends TextInput {
         /**
          * Width of the picker.
          */
-        this.width = 248;
+        this.pickerWidth = 248;
         /**
          * Helper options.
          */
@@ -4398,7 +4398,7 @@ class DateRange extends TextInput {
         this.showDatePicker = this.getInitValue('showDatePicker', props.showDatePicker, this.showDatePicker);
         this.showWeek = this.getInitValue('showWeek', props.showWeek, this.showWeek);
         this.splitter = this.getInitValue('splitter', props.splitter, this.internalSplitter);
-        this.width = this.getInitValue('width', props.width, this.width);
+        this.pickerWidth = this.getInitValue('pickerWidth', props.width || props.pickerWidth, this.pickerWidth);
         this.mask = this.getInitValue('mask', props.mask, undefined);
         this.helperOptions = this.getInitValue('helperOptions', props.helperOptions, this.helperOptions);
         this.helperValue = this.getInitValue('helperValue', props.helperValue, this.helperValue);
@@ -14561,7 +14561,7 @@ class Time extends TextInput {
         /**
          * Width of the picker.
          */
-        this.width = 290;
+        this.pickerWidth = 248;
         this.formatterFn = FormatterParserProvider.getFormatter('ZdTime');
         this.parserFn = FormatterParserProvider.getParser('ZdTime');
         this.isoFormatValue = 'HH:mm';
@@ -14587,7 +14587,7 @@ class Time extends TextInput {
         this.scrollable = this.getInitValue('scrollable', props.scrollable, this.scrollable);
         this.showTimePicker = this.getInitValue('showTimePicker', props.showTimePicker, this.showTimePicker);
         this.useSeconds = this.getInitValue('useSeconds', props.useSeconds, this.useSeconds);
-        this.width = this.getInitValue('width', props.width, this.width);
+        this.pickerWidth = this.getInitValue('pickerWidth', props.pickerWidth, this.pickerWidth);
         this.autofill = this.getInitValue('autofill', props.autofill, this.autofill);
         this.timeValidation = this.timeValidation.bind(this);
         this.valueFormat = this.getInitValue('valueFormat', props.valueFormat, this.valueFormatInternal);

package/dist/zd-common.umd.js

@@ -3967,7 +3967,7 @@
           /**
            * Width of the picker.
            */
-          this.width = 248;
+          this.pickerWidth = 248;
           this.isoFormat = 'YYYY-MM-DD';
           this.dateError = false;
           this.formatterFn = core.FormatterParserProvider.getFormatter('ZdDate');
@@ -3993,7 +3993,7 @@
           this.helperValue = this.getInitValue('helperValue', props.helperValue, this.helperValue);
           this.min = this.getInitValue('min', props.min, this.min);
           this.max = this.getInitValue('max', props.max, this.max);
-          this.width = this.getInitValue('width', props.width, this.width);
+          this.pickerWidth = this.getInitValue('pickerWidth', props.width || props.pickerWidth, this.pickerWidth);
           this.mask = this.getInitValue('mask', props.mask, undefined);
           this.createAccessors();
           this.initialMask = this.getInitialMask();
@@ -4368,7 +4368,7 @@
           /**
            * Width of the picker.
            */
-          this.width = 248;
+          this.pickerWidth = 248;
           /**
            * Helper options.
            */
@@ -4405,7 +4405,7 @@
           this.showDatePicker = this.getInitValue('showDatePicker', props.showDatePicker, this.showDatePicker);
           this.showWeek = this.getInitValue('showWeek', props.showWeek, this.showWeek);
           this.splitter = this.getInitValue('splitter', props.splitter, this.internalSplitter);
-          this.width = this.getInitValue('width', props.width, this.width);
+          this.pickerWidth = this.getInitValue('pickerWidth', props.width || props.pickerWidth, this.pickerWidth);
           this.mask = this.getInitValue('mask', props.mask, undefined);
           this.helperOptions = this.getInitValue('helperOptions', props.helperOptions, this.helperOptions);
           this.helperValue = this.getInitValue('helperValue', props.helperValue, this.helperValue);
@@ -14568,7 +14568,7 @@
           /**
            * Width of the picker.
            */
-          this.width = 290;
+          this.pickerWidth = 248;
           this.formatterFn = core.FormatterParserProvider.getFormatter('ZdTime');
           this.parserFn = core.FormatterParserProvider.getParser('ZdTime');
           this.isoFormatValue = 'HH:mm';
@@ -14594,7 +14594,7 @@
           this.scrollable = this.getInitValue('scrollable', props.scrollable, this.scrollable);
           this.showTimePicker = this.getInitValue('showTimePicker', props.showTimePicker, this.showTimePicker);
           this.useSeconds = this.getInitValue('useSeconds', props.useSeconds, this.useSeconds);
-          this.width = this.getInitValue('width', props.width, this.width);
+          this.pickerWidth = this.getInitValue('pickerWidth', props.pickerWidth, this.pickerWidth);
           this.autofill = this.getInitValue('autofill', props.autofill, this.autofill);
           this.timeValidation = this.timeValidation.bind(this);
           this.valueFormat = this.getInitValue('valueFormat', props.valueFormat, this.valueFormatInternal);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.123.0",
+  "version": "1.125.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "11880f8c00e0403c6478c2643c87fb5619311179"
+  "gitHead": "f60e2accfe8411d446d5acd8c4f64d224b896263"
 }

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

@@ -65,7 +65,7 @@ export declare class DateRange extends TextInput implements IDateRange {
     /**
      * Width of the picker.
      */
-    width: number | string;
+    pickerWidth: number | string;
     /**
      * Helper options.
      */

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

@@ -75,7 +75,7 @@ export declare class Date extends TextInput implements IDate {
     /**
      * Width of the picker.
      */
-    width: number | string;
+    pickerWidth: number | string;
     protected isoFormat: string;
     protected dateError: boolean;
     protected formatterFn: Function;

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

@@ -19,7 +19,7 @@ export interface IDate extends ITextInput {
     scrollable?: boolean;
     showDatePicker?: boolean;
     showWeek?: boolean;
-    width?: number | string;
+    pickerWidth?: number | string;
     orderedDates?: boolean;
     helperOptions?: string[];
     helperValue?: string;

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

@@ -20,4 +20,5 @@ export interface ITime extends ITextInput {
     useSeconds?: boolean;
     valueFormat?: string;
     inputFormat?: string;
+    pickerWidth?: number | string;
 }

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

@@ -55,7 +55,7 @@ export declare class Time extends TextInput implements ITime {
     /**
      * Width of the picker.
      */
-    width: number | string;
+    pickerWidth: number | string;
     protected formatterFn: Function;
     protected parserFn: Function;
     private isoFormatValue;

package/types/services/zd-json-cache/json-cache-service.d.ts

@@ -0,0 +1,12 @@
+export interface IJSONObject {
+    path: string;
+}
+export declare class JsonCacheService {
+    /**
+     * jsons collection
+     */
+    static jsonCollection: IJSONObject[];
+    static saveJSONCache(jsonCollection: IJSONObject[]): Promise<void>;
+    static getJSONCache(path: string): any;
+    static clearJSONCache(jsonCollection: IJSONObject[]): void;
+}

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

@@ -1,151 +0,0 @@
-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

@@ -1,94 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,32 +0,0 @@
-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

@@ -1,24 +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;
-    title?: string;
-}

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

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