@zeedhi/common 1.120.0 → 1.120.2

package/dist/zd-common.esm.js

@@ -2886,7 +2886,6 @@ class Number$1 extends TextInput {
         this.mask = this.getInitValue('mask', newMask, this.defaultMask);
         this.createAccessors();
         this.validateMask();
-        this.initializeMaskProxy();
     }
     /**
      * Merges two masks
@@ -2948,35 +2947,6 @@ class Number$1 extends TextInput {
             this.localValue = parsed;
         }
     }
-    /**
-     * initializes a mask proxy to call update when the mask is changed
-     */
-    initializeMaskProxy() {
-        this.internalMask = new Proxy(Object.assign({}, this.mask), {
-            set: (target, prop, newValue) => {
-                target[prop] = newValue;
-                setTimeout(() => {
-                    var _a;
-                    (_a = this.autoNumericObj) === null || _a === void 0 ? void 0 : _a.update(this.mask);
-                });
-                return true;
-            },
-        });
-    }
-    get mask() {
-        return this.internalMask;
-    }
-    set mask(value) {
-        this.internalMask = value;
-        if (typeof value !== 'object')
-            return;
-        // when the mask is replaced, should reinitialize the mask Proxy
-        setTimeout(() => {
-            var _a;
-            this.initializeMaskProxy();
-            (_a = this.autoNumericObj) === null || _a === void 0 ? void 0 : _a.update(this.mask);
-        });
-    }
     /**
      * Retrieves a formatted value with mask
      * @param value Any value
@@ -10951,9 +10921,9 @@ class Search extends TextInput {
             throw new Error(`Could not find the iterable component associated with ${this.name}`);
         }
     }
-    setSearch(search) {
+    setSearch() {
         return __awaiter(this, void 0, void 0, function* () {
-            yield this.iterableComponent.setSearch(search.component.internalValue);
+            yield this.iterableComponent.setSearch(this.internalValue);
         });
     }
 }

package/dist/zd-common.umd.js

@@ -2893,7 +2893,6 @@
           this.mask = this.getInitValue('mask', newMask, this.defaultMask);
           this.createAccessors();
           this.validateMask();
-          this.initializeMaskProxy();
       }
       /**
        * Merges two masks
@@ -2955,35 +2954,6 @@
               this.localValue = parsed;
           }
       }
-      /**
-       * initializes a mask proxy to call update when the mask is changed
-       */
-      initializeMaskProxy() {
-          this.internalMask = new Proxy(Object.assign({}, this.mask), {
-              set: (target, prop, newValue) => {
-                  target[prop] = newValue;
-                  setTimeout(() => {
-                      var _a;
-                      (_a = this.autoNumericObj) === null || _a === void 0 ? void 0 : _a.update(this.mask);
-                  });
-                  return true;
-              },
-          });
-      }
-      get mask() {
-          return this.internalMask;
-      }
-      set mask(value) {
-          this.internalMask = value;
-          if (typeof value !== 'object')
-              return;
-          // when the mask is replaced, should reinitialize the mask Proxy
-          setTimeout(() => {
-              var _a;
-              this.initializeMaskProxy();
-              (_a = this.autoNumericObj) === null || _a === void 0 ? void 0 : _a.update(this.mask);
-          });
-      }
       /**
        * Retrieves a formatted value with mask
        * @param value Any value
@@ -10958,9 +10928,9 @@
               throw new Error(`Could not find the iterable component associated with ${this.name}`);
           }
       }
-      setSearch(search) {
+      setSearch() {
           return __awaiter(this, void 0, void 0, function* () {
-              yield this.iterableComponent.setSearch(search.component.internalValue);
+              yield this.iterableComponent.setSearch(this.internalValue);
           });
       }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.120.0",
+  "version": "1.120.2",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "72115bb43c1a824c34f1ab524a9af273cba17723"
+  "gitHead": "c7851d0839250720984892c22f1adde9219fb81e"
 }

package/types/components/zd-iterable/search.d.ts

@@ -24,6 +24,6 @@ export declare class Search extends TextInput implements ISearch {
      */
     constructor(props: ISearch);
     setIterableComponent(name?: string): void;
-    protected setSearch(search: any): Promise<void>;
-    debounceSetSearch: (search: string) => void;
+    protected setSearch(): Promise<void>;
+    debounceSetSearch: () => void;
 }

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

@@ -11,6 +11,7 @@ export declare type AutoNumericObj = {
  * Base class for Number component
  */
 export declare class Number extends TextInput implements INumber {
+    mask: any;
     protected defaultMask: any;
     align: string;
     /**
@@ -22,7 +23,6 @@ export declare class Number extends TextInput implements INumber {
     protected formatterFn: Function;
     protected parserFn: Function;
     private maskValid;
-    private internalMask;
     /**
      * Creates a new number input
      */
@@ -39,12 +39,6 @@ export declare class Number extends TextInput implements INumber {
      */
     get displayValue(): any;
     set displayValue(value: any);
-    /**
-     * initializes a mask proxy to call update when the mask is changed
-     */
-    private initializeMaskProxy;
-    get mask(): any;
-    set mask(value: any);
     /**
      * Retrieves a formatted value with mask
      * @param value Any value

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

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

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