@zeedhi/common 1.78.1 → 1.78.2

package/dist/zd-common.esm.js

@@ -2438,12 +2438,35 @@ class Col extends ComponentRender {
     constructor(props) {
         super(props);
         this.cols = '12';
+        /**
+         * Defines the component height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.height = 'auto';
+        /**
+         * Defines the component min height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.minHeight = 'auto';
+        /**
+         * Defines the component max height. Possible values for this property can be
+         * <samp>'auto', '100%', '400px' or 400</samp>
+         */
+        this.maxHeight = 'none';
+        /**
+         * Set component height to fill all space available
+         */
+        this.fillHeight = false;
         this.cols = this.getInitValue('cols', props.cols, this.cols);
         this.sm = this.getInitValue('sm', props.sm, this.sm);
         this.md = this.getInitValue('md', props.md, this.md);
         this.lg = this.getInitValue('lg', props.lg, this.lg);
         this.xl = this.getInitValue('xl', props.xl, this.xl);
         this.offset = this.getInitValue('offset', props.offset, this.offset);
+        this.height = this.getInitValue('height', props.height, this.height);
+        this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
+        this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
+        this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
         this.createAccessors();
     }
 }

package/dist/zd-common.umd.js

@@ -2445,12 +2445,35 @@
       constructor(props) {
           super(props);
           this.cols = '12';
+          /**
+           * Defines the component height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.height = 'auto';
+          /**
+           * Defines the component min height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.minHeight = 'auto';
+          /**
+           * Defines the component max height. Possible values for this property can be
+           * <samp>'auto', '100%', '400px' or 400</samp>
+           */
+          this.maxHeight = 'none';
+          /**
+           * Set component height to fill all space available
+           */
+          this.fillHeight = false;
           this.cols = this.getInitValue('cols', props.cols, this.cols);
           this.sm = this.getInitValue('sm', props.sm, this.sm);
           this.md = this.getInitValue('md', props.md, this.md);
           this.lg = this.getInitValue('lg', props.lg, this.lg);
           this.xl = this.getInitValue('xl', props.xl, this.xl);
           this.offset = this.getInitValue('offset', props.offset, this.offset);
+          this.height = this.getInitValue('height', props.height, this.height);
+          this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
+          this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
+          this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
           this.createAccessors();
       }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/common",
-  "version": "1.78.1",
+  "version": "1.78.2",
   "description": "Zeedhi Common",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "lodash.times": "4.3.*",
     "mockdate": "3.0.*"
   },
-  "gitHead": "391eafe389538fe262f4076b258c6a0c2d96e5c2"
+  "gitHead": "f90d2ee43230496d7eac7740266dabc973c9438a"
 }

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

@@ -10,6 +10,25 @@ export declare class Col extends ComponentRender implements ICol {
     lg?: string | number;
     xl?: string | number;
     offset?: string | number;
+    /**
+     * Defines the component height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    height: string | number;
+    /**
+     * Defines the component min height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    minHeight: string | number;
+    /**
+     * Defines the component max height. Possible values for this property can be
+     * <samp>'auto', '100%', '400px' or 400</samp>
+     */
+    maxHeight: string | number;
+    /**
+     * Set component height to fill all space available
+     */
+    fillHeight: boolean;
     /**
      * Creates a new Col.
      * @param props Col properties

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

@@ -9,4 +9,8 @@ export interface ICol extends IComponentRender {
     lg?: boolean | string | number;
     xl?: boolean | string | number;
     offset?: string | number;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
+    fillHeight?: boolean;
 }