@zeedhi/common 1.75.0 → 1.76.0

package/dist/zd-common.esm.js

@@ -8160,7 +8160,12 @@ class MasterDetail extends ComponentRender {
          * Master detail relationships configuration
          */
         this.config = {};
+        /**
+         * Defines whether the relationship will be created on mounted
+         */
+        this.lazyRelate = false;
         this.config = this.getInitValue('config', props.config, this.config);
+        this.lazyRelate = this.getInitValue('lazyRelate', props.lazyRelate, this.lazyRelate);
     }
     createRelationship(master, details = []) {
         if (master.datasource && details.length) {
@@ -8215,7 +8220,8 @@ class MasterDetail extends ComponentRender {
     }
     onMounted(element) {
         super.onMounted(element);
-        this.createRelationships();
+        if (!this.lazyRelate)
+            this.createRelationships();
     }
 }
 
@@ -8797,12 +8803,17 @@ class Modal extends Component {
          * Css selector of the drag handle
          */
         this.dragHandle = '';
+        /**
+         * Set if esc keydown event should to stop propagation
+         */
+        this.escKeydownStop = true;
         this.title = this.getInitValue('title', props.title, this.title);
         this.fullscreen = this.getInitValue('fullscreen', props.fullscreen, this.fullscreen);
         this.grid = this.getInitValue('grid', props.grid, this.grid);
         this.persistent = this.getInitValue('persistent', props.persistent, this.persistent);
         this.draggable = this.getInitValue('draggable', props.draggable, this.draggable);
         this.dragHandle = this.getInitValue('dragHandle', props.dragHandle, this.dragHandle);
+        this.escKeydownStop = this.getInitValue('escKeydownStop', props.escKeydownStop, this.escKeydownStop);
         this.isVisible = false;
         this.createAccessors();
     }

package/dist/zd-common.umd.js

@@ -8167,7 +8167,12 @@
            * Master detail relationships configuration
            */
           this.config = {};
+          /**
+           * Defines whether the relationship will be created on mounted
+           */
+          this.lazyRelate = false;
           this.config = this.getInitValue('config', props.config, this.config);
+          this.lazyRelate = this.getInitValue('lazyRelate', props.lazyRelate, this.lazyRelate);
       }
       createRelationship(master, details = []) {
           if (master.datasource && details.length) {
@@ -8222,7 +8227,8 @@
       }
       onMounted(element) {
           super.onMounted(element);
-          this.createRelationships();
+          if (!this.lazyRelate)
+              this.createRelationships();
       }
   }
 
@@ -8804,12 +8810,17 @@
            * Css selector of the drag handle
            */
           this.dragHandle = '';
+          /**
+           * Set if esc keydown event should to stop propagation
+           */
+          this.escKeydownStop = true;
           this.title = this.getInitValue('title', props.title, this.title);
           this.fullscreen = this.getInitValue('fullscreen', props.fullscreen, this.fullscreen);
           this.grid = this.getInitValue('grid', props.grid, this.grid);
           this.persistent = this.getInitValue('persistent', props.persistent, this.persistent);
           this.draggable = this.getInitValue('draggable', props.draggable, this.draggable);
           this.dragHandle = this.getInitValue('dragHandle', props.dragHandle, this.dragHandle);
+          this.escKeydownStop = this.getInitValue('escKeydownStop', props.escKeydownStop, this.escKeydownStop);
           this.isVisible = false;
           this.createAccessors();
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.75.0",
+  "version": "1.76.0",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "3ff2f1364d04d1d3dad8f339b94376f2e438905b"
+  "gitHead": "97e6762f3ab13109b093fa2ff33b6b554f9c5355"
 }

package/types/components/zd-master-detail/interfaces.d.ts

@@ -2,4 +2,5 @@ import { IDictionary } from '@zeedhi/core';
 import { IComponentRender } from '../zd-component/interfaces';
 export interface IMasterDetail extends IComponentRender {
     config?: IDictionary<any>;
+    lazyRelate?: boolean;
 }

package/types/components/zd-master-detail/master-detail.d.ts

@@ -9,12 +9,16 @@ export declare class MasterDetail extends ComponentRender implements IMasterDeta
      * Master detail relationships configuration
      */
     config: IDictionary<any>;
+    /**
+     * Defines whether the relationship will be created on mounted
+     */
+    lazyRelate: boolean;
     /**
      * Creates a new Master Detail.
      * @param props Master detail properties
      */
     constructor(props: IMasterDetail);
     private createRelationship;
-    private createRelationships;
+    createRelationships(): void;
     onMounted(element: any): void;
 }

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

@@ -20,6 +20,7 @@ export interface IModal extends IComponent {
     persistent?: boolean;
     draggable?: boolean;
     dragHandle?: string;
+    escKeydownStop?: boolean;
 }
 export interface IModalCloseButton extends IButton {
     modalName: string;

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

@@ -25,6 +25,10 @@ export declare class Modal extends Component implements IModal {
      * Css selector of the drag handle
      */
     dragHandle?: string;
+    /**
+     * Set if esc keydown event should to stop propagation
+     */
+    escKeydownStop?: boolean;
     /**
      * Creates a new modal
      * @param props Modal structure