@zeedhi/common 1.94.2 → 1.95.1

package/dist/zd-common.esm.js

@@ -83,6 +83,7 @@ class Component {
          * Return if component can receive focus using tab
          */
         this.tabStop = true;
+        this.userProperties = {};
         this.accessorManager = new AccessorManager();
         this.parent = props.parent;
         this.name = props.name;
@@ -96,6 +97,7 @@ class Component {
         this.dark = this.getInitValue('dark', props.dark, this.dark);
         this.light = this.getInitValue('light', props.light, this.light);
         this.tabStop = this.getInitValue('tabStop', props.tabStop, this.tabStop);
+        this.userProperties = this.getInitValue('userProperties', props.userProperties, this.userProperties);
         this.children = Array.isArray(props.children) ? props.children : this.children;
         this.keyMap = KeyMap.factory(props.keyMap || this.keyMap);
         this.createAccessors();
@@ -3895,6 +3897,7 @@ class Date$1 extends TextInput {
         this.parserFn = FormatterParserProvider.getParser('ZdDate');
         this.previousHint = '';
         this.previousPersistentHint = false;
+        this.lastChangeValue = null;
         this.allowedDates = this.getInitValue('allowedDates', props.allowedDates, this.allowedDates);
         this.appendIcon = this.getInitValue('appendIcon', props.appendIcon, 'calendar');
         this.autocomplete = this.getInitValue('autocomplete', props.autocomplete, this.autocomplete);
@@ -4025,8 +4028,11 @@ class Date$1 extends TextInput {
         return this.formatISODateValue(this.value);
     }
     set isoValue(newValue) {
+        const lastValue = this.value;
         this.dateError = false;
         this.value = this.parseISODateValue(newValue);
+        if (lastValue !== this.value)
+            this.change(this.value);
     }
     formatISODateValue(value) {
         if (value && this.isValidFormatDate(value, this.dateFormat)) {
@@ -4122,6 +4128,9 @@ class Date$1 extends TextInput {
         }
     }
     change(event, element) {
+        if (this.lastChangeValue && this.lastChangeValue === this.value)
+            return;
+        this.lastChangeValue = this.value;
         super.change(event, element);
         this.helperValue = '';
         this.hint = this.previousHint;
@@ -7203,6 +7212,10 @@ class Image extends ComponentRender {
         this.validImage = true;
         this.srcValue = src;
     }
+    load(event, element) {
+        this.loadImage();
+        this.callEvent('load', { event, element, component: this });
+    }
 }
 
 /**
@@ -8900,6 +8913,8 @@ class Menu extends ComponentRender {
         /** Store the current item focused */
         this.currentItem = null;
         this.cache = false;
+        /** Disable watcher that close menu when route changes */
+        this.disableRouteWatcher = false;
         this.app = this.getInitValue('app', props.app, this.app);
         this.absolute = this.getInitValue('absolute', props.absolute, this.absolute);
         this.clipped = this.getInitValue('clipped', props.clipped, this.clipped);
@@ -8919,8 +8934,9 @@ class Menu extends ComponentRender {
         this.showSearch = this.getInitValue('showSearch', props.showSearch, this.showSearch);
         this.width = this.getInitValue('width', props.width, this.width);
         this.cache = this.getInitValue('cache', props.cache, this.cache);
+        this.disableRouteWatcher = this.getInitValue('disableRouteWatcher', props.disableRouteWatcher, this.disableRouteWatcher);
         this.mobileBreakpoint = this.getInitValue('mobileBreakpoint', props.mobileBreakpoint, this.mobileBreakpoint);
-        this.drawer = window.innerWidth > this.mobileBreakpoint;
+        this.drawer = window.innerWidth > parseInt(this.mobileBreakpoint.toString(), 10);
         this.openedInitialValue = this.getInitValue('opened', props.opened, this.opened);
         if (this.openedInitialValue !== undefined) {
             this.opened = this.openedInitialValue;
@@ -9001,7 +9017,7 @@ class Menu extends ComponentRender {
      * Toggle menu
      */
     toggleMenu() {
-        const isMobile = window.innerWidth <= this.mobileBreakpoint;
+        const isMobile = window.innerWidth <= parseInt(this.mobileBreakpoint.toString(), 10);
         if (this.closeToMini && !isMobile) {
             this.miniState = !this.miniState;
             if (this.miniState) {

package/dist/zd-common.umd.js

@@ -90,6 +90,7 @@
            * Return if component can receive focus using tab
            */
           this.tabStop = true;
+          this.userProperties = {};
           this.accessorManager = new core.AccessorManager();
           this.parent = props.parent;
           this.name = props.name;
@@ -103,6 +104,7 @@
           this.dark = this.getInitValue('dark', props.dark, this.dark);
           this.light = this.getInitValue('light', props.light, this.light);
           this.tabStop = this.getInitValue('tabStop', props.tabStop, this.tabStop);
+          this.userProperties = this.getInitValue('userProperties', props.userProperties, this.userProperties);
           this.children = Array.isArray(props.children) ? props.children : this.children;
           this.keyMap = core.KeyMap.factory(props.keyMap || this.keyMap);
           this.createAccessors();
@@ -3902,6 +3904,7 @@
           this.parserFn = core.FormatterParserProvider.getParser('ZdDate');
           this.previousHint = '';
           this.previousPersistentHint = false;
+          this.lastChangeValue = null;
           this.allowedDates = this.getInitValue('allowedDates', props.allowedDates, this.allowedDates);
           this.appendIcon = this.getInitValue('appendIcon', props.appendIcon, 'calendar');
           this.autocomplete = this.getInitValue('autocomplete', props.autocomplete, this.autocomplete);
@@ -4032,8 +4035,11 @@
           return this.formatISODateValue(this.value);
       }
       set isoValue(newValue) {
+          const lastValue = this.value;
           this.dateError = false;
           this.value = this.parseISODateValue(newValue);
+          if (lastValue !== this.value)
+              this.change(this.value);
       }
       formatISODateValue(value) {
           if (value && this.isValidFormatDate(value, this.dateFormat)) {
@@ -4129,6 +4135,9 @@
           }
       }
       change(event, element) {
+          if (this.lastChangeValue && this.lastChangeValue === this.value)
+              return;
+          this.lastChangeValue = this.value;
           super.change(event, element);
           this.helperValue = '';
           this.hint = this.previousHint;
@@ -7210,6 +7219,10 @@
           this.validImage = true;
           this.srcValue = src;
       }
+      load(event, element) {
+          this.loadImage();
+          this.callEvent('load', { event, element, component: this });
+      }
   }
 
   /**
@@ -8907,6 +8920,8 @@
           /** Store the current item focused */
           this.currentItem = null;
           this.cache = false;
+          /** Disable watcher that close menu when route changes */
+          this.disableRouteWatcher = false;
           this.app = this.getInitValue('app', props.app, this.app);
           this.absolute = this.getInitValue('absolute', props.absolute, this.absolute);
           this.clipped = this.getInitValue('clipped', props.clipped, this.clipped);
@@ -8926,8 +8941,9 @@
           this.showSearch = this.getInitValue('showSearch', props.showSearch, this.showSearch);
           this.width = this.getInitValue('width', props.width, this.width);
           this.cache = this.getInitValue('cache', props.cache, this.cache);
+          this.disableRouteWatcher = this.getInitValue('disableRouteWatcher', props.disableRouteWatcher, this.disableRouteWatcher);
           this.mobileBreakpoint = this.getInitValue('mobileBreakpoint', props.mobileBreakpoint, this.mobileBreakpoint);
-          this.drawer = window.innerWidth > this.mobileBreakpoint;
+          this.drawer = window.innerWidth > parseInt(this.mobileBreakpoint.toString(), 10);
           this.openedInitialValue = this.getInitValue('opened', props.opened, this.opened);
           if (this.openedInitialValue !== undefined) {
               this.opened = this.openedInitialValue;
@@ -9008,7 +9024,7 @@
        * Toggle menu
        */
       toggleMenu() {
-          const isMobile = window.innerWidth <= this.mobileBreakpoint;
+          const isMobile = window.innerWidth <= parseInt(this.mobileBreakpoint.toString(), 10);
           if (this.closeToMini && !isMobile) {
               this.miniState = !this.miniState;
               if (this.miniState) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.94.2",
+  "version": "1.95.1",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -43,5 +43,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "ac867746a5fc37e3c064682a3557387f6a051cbb"
+  "gitHead": "61b544362928fc5b8e27258a628420d31345e6f3"
 }

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

@@ -1,4 +1,4 @@
-import { IKeyMap } from '@zeedhi/core';
+import { IKeyMap, IDictionary } from '@zeedhi/core';
 import { IComponent, IComponentDirectives, IComponentEvents } from './interfaces';
 /**
  * Base class for all Zeedhi components.
@@ -75,6 +75,7 @@ export declare class Component implements IComponent {
      * Return if component can receive focus using tab
      */
     tabStop: boolean;
+    userProperties: IDictionary<any>;
     /**
      * Properties accessors to controller.
      */

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

@@ -1,4 +1,4 @@
-import { IEvent, IEvents, IEventParam, IKeyMap } from '@zeedhi/core';
+import { IEvent, IEvents, IEventParam, IKeyMap, IDictionary } from '@zeedhi/core';
 import { Component } from './component';
 export interface IPropAccessor {
     [key: string]: {
@@ -22,6 +22,7 @@ export interface IComponent {
     name: string;
     parent?: Component;
     tabStop?: boolean;
+    userProperties?: IDictionary;
     [key: string]: any;
 }
 export interface IComponentRender extends IComponent {

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

@@ -146,5 +146,6 @@ export declare class Date extends TextInput implements IDate {
     private previousHint;
     private previousPersistentHint;
     updateHelperHint(): void;
+    private lastChangeValue;
     change(event?: Event, element?: any): void;
 }

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

@@ -115,6 +115,7 @@ export declare class Form extends ComponentRender implements IForm {
         name: string;
         parent?: import("..").Component | undefined;
         tabStop?: boolean | undefined;
+        userProperties?: IDictionary<any> | undefined;
     }[];
     /**
      * Grid system for each child.

package/types/components/zd-grid/grid-column.d.ts

@@ -32,6 +32,7 @@ export declare class GridColumn extends Column implements IGridColumn {
         name: string;
         parent?: import("..").Component | undefined;
         tabStop?: boolean | undefined;
+        userProperties?: IDictionary<any> | undefined;
     }[];
     /**
      * Get the Column without the conditions object

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

@@ -1,4 +1,4 @@
-import { IImage } from './interfaces';
+import { IImage, IImageEvents } from './interfaces';
 import { ComponentRender } from '../zd-component/component-render';
 /**
  * The Image component <code>zd-image</code> is used to show images.
@@ -62,6 +62,10 @@ export declare class Image extends ComponentRender implements IImage {
      */
     private srcValue;
     validImage: any;
+    /**
+     * Defines image events.
+     */
+    events: IImageEvents;
     /**
      * Creates a new Image.
      * @param props Image properties
@@ -77,4 +81,5 @@ export declare class Image extends ComponentRender implements IImage {
     errorImage(): void;
     get src(): string;
     set src(src: string);
+    load(event?: Event, element?: HTMLElement): void;
 }

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

@@ -1,7 +1,10 @@
 import { IEventParam } from '@zeedhi/core';
 import { Image } from './image';
-import { IComponentRender } from '../zd-component/interfaces';
+import { EventDef, IComponentEvents, IComponentRender } from '../zd-component/interfaces';
 export declare type IImageEvent = IEventParam<Image>;
+export interface IImageEvents<T = IEventParam<any>> extends IComponentEvents<T> {
+    load?: EventDef<T>;
+}
 export interface IImage extends IComponentRender {
     alt?: string;
     errorImagePath?: string;
@@ -15,4 +18,5 @@ export interface IImage extends IComponentRender {
     width?: number | string;
     maxWidth?: number | string;
     minWidth?: number | string;
+    events?: IImageEvents;
 }

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

@@ -27,6 +27,7 @@ export interface IMenu extends IComponentRender {
     width?: number | string;
     mobileBreakpoint?: number | string;
     cache?: boolean;
+    disableRouteWatcher?: boolean;
 }
 /**
  * Interface for menu itens

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

@@ -118,6 +118,8 @@ export declare class Menu extends ComponentRender implements IMenu {
     /** Store the current item focused */
     currentItem: IMenuItem | null;
     cache?: boolean;
+    /** Disable watcher that close menu when route changes */
+    disableRouteWatcher?: boolean;
     /**
      * Creates a new Menu.
      * @param props Menu properties

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