@zeedhi/teknisa-components-vuetify 1.42.0 → 1.43.0

package/dist/tek-components-vuetify.esm.js

@@ -2,7 +2,7 @@ import { Modal, ModalService, Icons } from '@zeedhi/common';
 import { Prop, Component, Watch } from 'vue-property-decorator';
 import { BreadcrumbHeader, CardTitle, CrudButton, CrudAddButton, CrudCancelButton, CrudDeleteButton, CrudForm, CrudSaveButton, TekGrid as TekGrid$2, TekRestDatasource, TekMemoryDatasource, TekGridColumn, TekGridColumnsButton as TekGridColumnsButton$1, TekGridLayoutOptions as TekGridLayoutOptions$1, TekFilterHelper, Image, IterableCarousel, IterableComponentRender, Loading, Notifications, ProductCard, TekTreeGrid } from '@zeedhi/teknisa-components-common';
 import { ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, ZdIterable, ZdLoading } from '@zeedhi/vuetify';
-import { Metadata, Config, dayjs, Singleton, normalize, I18n, Loader } from '@zeedhi/core';
+import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader } from '@zeedhi/core';
 import debounce from 'lodash.debounce';
 import Sortable from 'sortablejs';
 import cloneDeep from 'lodash.clonedeep';
@@ -3317,7 +3317,7 @@ let TekGridColumnsOptionsController = class TekGridColumnsOptionsController {
         return result;
     }
     columnInSearch(column) {
-        return (!this.searchValue || normalize(column.label).indexOf(normalize(this.searchValue)) !== -1);
+        return (!this.searchValue || Utils.normalize(column.label).indexOf(Utils.normalize(this.searchValue)) !== -1);
     }
     get fixedColumnData() {
         return this.fixedColumns.filter(this.columnInSearch.bind(this));
@@ -5242,6 +5242,18 @@ __decorate([
     }),
     __metadata("design:type", Array)
 ], TekIterableComponentRender.prototype, "noResultSlot", void 0);
+__decorate([
+    Prop({ type: [Number, String], default: 'auto' }),
+    __metadata("design:type", Object)
+], TekIterableComponentRender.prototype, "height", void 0);
+__decorate([
+    Prop({ type: [Number, String], default: 'none' }),
+    __metadata("design:type", Object)
+], TekIterableComponentRender.prototype, "maxHeight", void 0);
+__decorate([
+    Prop({ type: [Number, String], default: 'none' }),
+    __metadata("design:type", Object)
+], TekIterableComponentRender.prototype, "minHeight", void 0);
 TekIterableComponentRender = __decorate([
     Component
 ], TekIterableComponentRender);
@@ -5260,6 +5272,11 @@ var __vue_render__$4 = function () {
         "div",
         {
           class: ["tek-iterable-component-render", _vm.instance.cssClass],
+          style: Object.assign({}, _vm.instance.cssStyle, {
+            height: _vm.$formatSize(_vm.instance.height),
+            minHeight: _vm.$formatSize(_vm.instance.minHeight),
+            maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
+          }),
           attrs: { id: _vm.instance.name },
         },
         [
@@ -5436,11 +5453,11 @@ __vue_render__$4._withStripped = true;
   /* style */
   const __vue_inject_styles__$4 = function (inject) {
     if (!inject) return
-    inject("data-v-42c57cb2_0", { source: ".tek-iterable-component-render[data-v-42c57cb2] {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  -webkit-box-flex: 1;\n  flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-42c57cb2],\n.tek-iterable-component-render .no--data[data-v-42c57cb2] {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-42c57cb2] {\n  color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-42c57cb2] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 16px;\n  align-items: center;\n  width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-42c57cb2] {\n  padding: 5px 0;\n  display: flex;\n  width: 100%;\n}", map: undefined, media: undefined });
+    inject("data-v-1447399a_0", { source: ".tek-iterable-component-render[data-v-1447399a] {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  -webkit-box-flex: 1;\n  flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-1447399a],\n.tek-iterable-component-render .no--data[data-v-1447399a] {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-1447399a] {\n  color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-1447399a] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 16px;\n  align-items: center;\n  width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-1447399a] {\n  padding: 5px 0;\n  display: flex;\n  width: 100%;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$4 = "data-v-42c57cb2";
+  const __vue_scope_id__$4 = "data-v-1447399a";
   /* module identifier */
   const __vue_module_identifier__$4 = undefined;
   /* functional template */
@@ -5744,6 +5761,18 @@ __decorate([
     Prop({ type: String, default: '' }),
     __metadata("design:type", String)
 ], TekProductCard.prototype, "width", void 0);
+__decorate([
+    Prop({ type: [Number, String], default: 'auto' }),
+    __metadata("design:type", Object)
+], TekProductCard.prototype, "height", void 0);
+__decorate([
+    Prop({ type: [Number, String], default: 'none' }),
+    __metadata("design:type", Object)
+], TekProductCard.prototype, "maxHeight", void 0);
+__decorate([
+    Prop({ type: [Number, String], default: 'none' }),
+    __metadata("design:type", Object)
+], TekProductCard.prototype, "minHeight", void 0);
 TekProductCard = __decorate([
     Component
 ], TekProductCard);
@@ -5772,7 +5801,12 @@ var __vue_render__$1 = function () {
             { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
             _vm.instance.cssClass,
           ],
-          style: { width: _vm.instance.width },
+          style: Object.assign({}, _vm.instance.cssStyle, {
+            width: _vm.instance.width,
+            height: _vm.$formatSize(_vm.instance.height),
+            minHeight: _vm.$formatSize(_vm.instance.minHeight),
+            maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
+          }),
           attrs: { id: _vm.instance.name },
           on: {
             click: function ($event) {
@@ -5888,7 +5922,7 @@ __vue_render__$1._withStripped = true;
   /* style */
   const __vue_inject_styles__$1 = function (inject) {
     if (!inject) return
-    inject("data-v-67ead2c4_0", { source: ".tek-product-card * {\n  text-decoration: none;\n}\n.tek-product-card .v-card {\n  padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n  text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n  position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n  display: flex;\n  flex-direction: column;\n  padding: 5px 10px 10px 10px;\n  color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n  white-space: nowrap;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 16px;\n  line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n  color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n  font-weight: var(--zd-font-body4-weight);\n  font-size: var(--zd-font-body4-size);\n  line-height: 16px;\n}\n.tek-product-card--link .v-card {\n  cursor: pointer;\n}", map: undefined, media: undefined });
+    inject("data-v-3dd89d23_0", { source: ".tek-product-card * {\n  text-decoration: none;\n}\n.tek-product-card .v-card {\n  padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n  text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n  position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n  display: flex;\n  flex-direction: column;\n  padding: 5px 10px 10px 10px;\n  color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n  white-space: nowrap;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 16px;\n  line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n  color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n  font-weight: var(--zd-font-body4-weight);\n  font-size: var(--zd-font-body4-size);\n  line-height: 16px;\n}\n.tek-product-card--link .v-card {\n  cursor: pointer;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */

package/dist/tek-components-vuetify.umd.js

@@ -3320,7 +3320,7 @@
             return result;
         }
         columnInSearch(column) {
-            return (!this.searchValue || core.normalize(column.label).indexOf(core.normalize(this.searchValue)) !== -1);
+            return (!this.searchValue || core.Utils.normalize(column.label).indexOf(core.Utils.normalize(this.searchValue)) !== -1);
         }
         get fixedColumnData() {
             return this.fixedColumns.filter(this.columnInSearch.bind(this));
@@ -5245,6 +5245,18 @@
         }),
         __metadata("design:type", Array)
     ], TekIterableComponentRender.prototype, "noResultSlot", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Number, String], default: 'auto' }),
+        __metadata("design:type", Object)
+    ], TekIterableComponentRender.prototype, "height", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
+        __metadata("design:type", Object)
+    ], TekIterableComponentRender.prototype, "maxHeight", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
+        __metadata("design:type", Object)
+    ], TekIterableComponentRender.prototype, "minHeight", void 0);
     TekIterableComponentRender = __decorate([
         vuePropertyDecorator.Component
     ], TekIterableComponentRender);
@@ -5263,6 +5275,11 @@
             "div",
             {
               class: ["tek-iterable-component-render", _vm.instance.cssClass],
+              style: Object.assign({}, _vm.instance.cssStyle, {
+                height: _vm.$formatSize(_vm.instance.height),
+                minHeight: _vm.$formatSize(_vm.instance.minHeight),
+                maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
+              }),
               attrs: { id: _vm.instance.name },
             },
             [
@@ -5439,11 +5456,11 @@
       /* style */
       const __vue_inject_styles__$4 = function (inject) {
         if (!inject) return
-        inject("data-v-42c57cb2_0", { source: ".tek-iterable-component-render[data-v-42c57cb2] {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  -webkit-box-flex: 1;\n  flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-42c57cb2],\n.tek-iterable-component-render .no--data[data-v-42c57cb2] {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-42c57cb2] {\n  color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-42c57cb2] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 16px;\n  align-items: center;\n  width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-42c57cb2] {\n  padding: 5px 0;\n  display: flex;\n  width: 100%;\n}", map: undefined, media: undefined });
+        inject("data-v-1447399a_0", { source: ".tek-iterable-component-render[data-v-1447399a] {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  -webkit-box-flex: 1;\n  flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-1447399a],\n.tek-iterable-component-render .no--data[data-v-1447399a] {\n  text-align: center;\n  width: 100%;\n  font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-1447399a] {\n  color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-1447399a] {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 16px;\n  align-items: center;\n  width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-1447399a] {\n  padding: 5px 0;\n  display: flex;\n  width: 100%;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */
-      const __vue_scope_id__$4 = "data-v-42c57cb2";
+      const __vue_scope_id__$4 = "data-v-1447399a";
       /* module identifier */
       const __vue_module_identifier__$4 = undefined;
       /* functional template */
@@ -5747,6 +5764,18 @@
         vuePropertyDecorator.Prop({ type: String, default: '' }),
         __metadata("design:type", String)
     ], TekProductCard.prototype, "width", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Number, String], default: 'auto' }),
+        __metadata("design:type", Object)
+    ], TekProductCard.prototype, "height", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
+        __metadata("design:type", Object)
+    ], TekProductCard.prototype, "maxHeight", void 0);
+    __decorate([
+        vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
+        __metadata("design:type", Object)
+    ], TekProductCard.prototype, "minHeight", void 0);
     TekProductCard = __decorate([
         vuePropertyDecorator.Component
     ], TekProductCard);
@@ -5775,7 +5804,12 @@
                 { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
                 _vm.instance.cssClass,
               ],
-              style: { width: _vm.instance.width },
+              style: Object.assign({}, _vm.instance.cssStyle, {
+                width: _vm.instance.width,
+                height: _vm.$formatSize(_vm.instance.height),
+                minHeight: _vm.$formatSize(_vm.instance.minHeight),
+                maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
+              }),
               attrs: { id: _vm.instance.name },
               on: {
                 click: function ($event) {
@@ -5891,7 +5925,7 @@
       /* style */
       const __vue_inject_styles__$1 = function (inject) {
         if (!inject) return
-        inject("data-v-67ead2c4_0", { source: ".tek-product-card * {\n  text-decoration: none;\n}\n.tek-product-card .v-card {\n  padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n  text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n  position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n  display: flex;\n  flex-direction: column;\n  padding: 5px 10px 10px 10px;\n  color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n  white-space: nowrap;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 16px;\n  line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n  color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n  font-weight: var(--zd-font-body4-weight);\n  font-size: var(--zd-font-body4-size);\n  line-height: 16px;\n}\n.tek-product-card--link .v-card {\n  cursor: pointer;\n}", map: undefined, media: undefined });
+        inject("data-v-3dd89d23_0", { source: ".tek-product-card * {\n  text-decoration: none;\n}\n.tek-product-card .v-card {\n  padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n  text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n  position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n  display: flex;\n  flex-direction: column;\n  padding: 5px 10px 10px 10px;\n  color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n  white-space: nowrap;\n  width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  font-size: 16px;\n  line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n  color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n  font-size: var(--zd-font-body2-size);\n  line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n  font-weight: var(--zd-font-body4-weight);\n  font-size: var(--zd-font-body4-size);\n  line-height: 16px;\n}\n.tek-product-card--link .v-card {\n  cursor: pointer;\n}", map: undefined, media: undefined });
 
       };
       /* scoped */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-vuetify",
-  "version": "1.42.0",
+  "version": "1.43.0",
   "description": "Teknisa Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -39,5 +39,5 @@
     "vue": "^2.6.12",
     "vuetify": "^2.4.0"
   },
-  "gitHead": "ae7f292e78e052ab64f9d03afb7a5470d1f2e097"
+  "gitHead": "dff21e134017e20c4de440406daf73031653df60"
 }

package/types/components/tek-iterable-component-render/TekIterableComponentRender.d.ts

@@ -12,6 +12,9 @@ export default class TekIterableComponentRender extends ZdIterable {
     errorSlot: IComponentRender[];
     noDataSlot: IComponentRender[];
     noResultSlot: IComponentRender[];
+    height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
     instance: IterableComponentRender;
     instanceType: typeof IterableComponentRender;
 }

package/types/components/tek-product-card/TekProductCard.d.ts

@@ -14,6 +14,9 @@ export default class TekProductCard extends ZdComponentRender {
     productBrand?: string;
     productPrice?: string | number;
     width: string;
+    height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
     instance: ProductCard;
     instanceType: typeof ProductCard;
     disableTooltip: boolean;