@zeedhi/vuetify 1.42.0 → 1.43.0

package/dist/zd-style.css

@@ -140,8 +140,8 @@ main.v-main {
   height: 7px; }
 
 ::-webkit-scrollbar-track {
-  background-color: var(--v-grey-lighten5); }
+  background-color: var(--zd-scrollbar-track); }
 
 ::-webkit-scrollbar-thumb {
-  background-color: var(--v-grey-lighten4);
+  background-color: var(--zd-scrollbar-thumb);
   border-radius: 5px; }

package/dist/zd-vuetify.esm.js

@@ -31044,6 +31044,14 @@ __decorate([
     PropWatch({ type: [Number, String], default: 'auto' }),
     __metadata("design:type", Object)
 ], ZdCarousel.prototype, "height", void 0);
+__decorate([
+    PropWatch({ type: [Number, String], default: 'none' }),
+    __metadata("design:type", Object)
+], ZdCarousel.prototype, "maxHeight", void 0);
+__decorate([
+    PropWatch({ type: [Number, String], default: 'none' }),
+    __metadata("design:type", Object)
+], ZdCarousel.prototype, "minHeight", void 0);
 __decorate([
     PropWatch({ type: [Boolean, String], default: true }),
     __metadata("design:type", Boolean)
@@ -31210,7 +31218,11 @@ var __vue_render__$1e = function () {
                     {
                       key: _vm.hooperKey,
                       ref: "carousel",
-                      style: { height: _vm.$formatSize(_vm.instance.height) },
+                      style: {
+                        height: _vm.$formatSize(_vm.instance.height),
+                        maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
+                        minHeight: _vm.$formatSize(_vm.instance.minHeight),
+                      },
                       attrs: {
                         autoPlay: _vm.instance.autoPlay,
                         centerMode: _vm.instance.center,
@@ -31471,7 +31483,7 @@ __vue_render__$1e._withStripped = true;
   /* style */
   const __vue_inject_styles__$1e = function (inject) {
     if (!inject) return
-    inject("data-v-7393abf5_0", { source: ".zd-carousel {\n  height: 100%;\n}\n.zd-carousel section.hooper {\n  outline: none;\n}\n.zd-carousel section.hooper * {\n  outline: none;\n}\n.zd-carousel section.hooper .hooper-list .hooper-slide {\n  align-self: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination {\n  padding: 0;\n  width: 100%;\n  height: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators {\n  margin: 0 auto;\n  display: block;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li {\n  display: inline-block;\n  margin: 0 var(--spacing-2);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li .hooper-indicator {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.show-background {\n  background: rgba(0, 0, 0, 0.3);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator {\n  opacity: 0.25;\n  background-color: black;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator.is-active {\n  opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator:hover:not(.is-active) {\n  opacity: 0.4;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark {\n  color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator {\n  opacity: 0.5;\n  background-color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator.is-active {\n  opacity: 0.8;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator:hover:not(.is-active) {\n  opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-prev {\n  padding: 0;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-next {\n  padding: 0;\n}\n.zd-carousel section.hooper .hooper-list .prev-button, .zd-carousel section.hooper .hooper-list .next-button {\n  transition: 0.1s;\n}\n.zd-carousel section.hooper .hooper-list ul.hooper-track, .zd-carousel section.hooper .hooper-list ol.hooper-indicators {\n  padding-left: 0;\n}\n.zd-carousel section.hooper .hooper-list .hooper-progress-inner {\n  background-color: var(--v-primary-base);\n}\n.zd-carousel.buttons-outside section.hooper {\n  width: calc(100% - 2 * var(--spacing-8));\n  margin-left: var(--spacing-8);\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-prev {\n  left: calc(-1 * var(--spacing-8));\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-next {\n  right: calc(-1 * var(--spacing-8));\n}", map: undefined, media: undefined });
+    inject("data-v-6d92f6fe_0", { source: ".zd-carousel {\n  height: 100%;\n}\n.zd-carousel section.hooper {\n  outline: none;\n}\n.zd-carousel section.hooper * {\n  outline: none;\n}\n.zd-carousel section.hooper .hooper-list .hooper-slide {\n  align-self: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination {\n  padding: 0;\n  width: 100%;\n  height: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators {\n  margin: 0 auto;\n  display: block;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li {\n  display: inline-block;\n  margin: 0 var(--spacing-2);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li .hooper-indicator {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.show-background {\n  background: rgba(0, 0, 0, 0.3);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator {\n  opacity: 0.25;\n  background-color: black;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator.is-active {\n  opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator:hover:not(.is-active) {\n  opacity: 0.4;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark {\n  color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator {\n  opacity: 0.5;\n  background-color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator.is-active {\n  opacity: 0.8;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator:hover:not(.is-active) {\n  opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-prev {\n  padding: 0;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-next {\n  padding: 0;\n}\n.zd-carousel section.hooper .hooper-list .prev-button, .zd-carousel section.hooper .hooper-list .next-button {\n  transition: 0.1s;\n}\n.zd-carousel section.hooper .hooper-list ul.hooper-track, .zd-carousel section.hooper .hooper-list ol.hooper-indicators {\n  padding-left: 0;\n}\n.zd-carousel section.hooper .hooper-list .hooper-progress-inner {\n  background-color: var(--v-primary-base);\n}\n.zd-carousel.buttons-outside section.hooper {\n  width: calc(100% - 2 * var(--spacing-8));\n  margin-left: var(--spacing-8);\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-prev {\n  left: calc(-1 * var(--spacing-8));\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-next {\n  right: calc(-1 * var(--spacing-8));\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -32218,9 +32230,13 @@ __decorate([
     __metadata("design:type", String)
 ], ZdCodeEditor.prototype, "copyIcon", void 0);
 __decorate([
-    PropWatch({ type: String, default: 'none' }),
+    PropWatch({ type: [String, Number], default: 'none' }),
     __metadata("design:type", String)
 ], ZdCodeEditor.prototype, "maxHeight", void 0);
+__decorate([
+    PropWatch({ type: [String, Number], default: 'auto' }),
+    __metadata("design:type", String)
+], ZdCodeEditor.prototype, "height", void 0);
 __decorate([
     PropWatch({ type: String, default: 'ts' }),
     __metadata("design:type", String)
@@ -32271,7 +32287,10 @@ var __vue_render__$1a = function () {
         "div",
         {
           staticClass: "zd-code-editor-container",
-          style: "max-height: " + (_vm.instance.maxHeight || "none"),
+          style: {
+            maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
+            height: _vm.$formatSize(_vm.instance.height),
+          },
         },
         [
           _vm.instance.showLineNumbers
@@ -32371,11 +32390,11 @@ __vue_render__$1a._withStripped = true;
   /* style */
   const __vue_inject_styles__$1a = function (inject) {
     if (!inject) return
-    inject("data-v-17b1bb1a_0", { source: ".zd-code-editor[data-v-17b1bb1a] {\n  position: relative;\n}\n.zd-code-editor-clipboard-button[data-v-17b1bb1a] {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  background-color: var(--v-grey-lighten5);\n  opacity: 0;\n  transition: 0.3s all ease-in;\n}\n.zd-code-editor-clipboard-button .v-icon[data-v-17b1bb1a] {\n  color: var(--v-grey-base);\n  font-size: 18px;\n}\n.zd-code-editor:hover .zd-code-editor-clipboard-button[data-v-17b1bb1a] {\n  opacity: 1;\n}\n.zd-code-editor-container[data-v-17b1bb1a] {\n  position: relative;\n  background-color: var(--v-grey-lighten5);\n  min-height: 45px;\n  display: flex;\n  border: solid var(--regular) var(--v-grey-lighten5);\n  overflow: auto;\n}\n.zd-code-editor-container[data-v-17b1bb1a]:focus-within {\n  border: solid var(--regular) var(--v-primary-base);\n}\n.zd-code-editor-container .zd-code-editor-line-numbers[data-v-17b1bb1a] {\n  height: 100%;\n  min-height: 45px;\n  width: 30px;\n  overflow: hidden;\n  flex-shrink: 0;\n  margin-top: 0;\n  font-size: 0.9em;\n  padding: 10px 3px;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  background: var(--v-grey-lighten4);\n  color: var(--zd-font-color);\n  position: sticky;\n  top: 0;\n  left: 0;\n}\n.zd-code-editor-container .zd-code-editor-line-numbers .zd-code-editor-line-number[data-v-17b1bb1a] {\n  text-align: right;\n  white-space: nowrap;\n}\n.zd-code-editor-container pre[data-v-17b1bb1a] {\n  padding: 10px;\n  margin: 0;\n  background: transparent;\n  -moz-tab-size: 4;\n  -ms-flex-positive: 2;\n  -o-tab-size: 4;\n  -webkit-box-flex: 2;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  flex-grow: 2;\n  outline: none;\n  tab-size: 4;\n  font-weight: 500;\n  font-size: 0.9em;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  overflow: hidden;\n  color: var(--zd-font-color);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container[data-v-17b1bb1a] {\n  border: solid var(--regular) var(--v-grey-darken3);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container .zd-code-editor-line-numbers[data-v-17b1bb1a] {\n  background: var(--v-grey-darken3);\n  color: var(--v-grey-lighten4);\n}", map: undefined, media: undefined });
+    inject("data-v-cc2ec848_0", { source: ".zd-code-editor {\n  position: relative;\n}\n.zd-code-editor-clipboard-button {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  background-color: var(--v-grey-lighten5);\n  opacity: 0;\n  transition: 0.3s all ease-in;\n}\n.zd-code-editor-clipboard-button .v-icon {\n  color: var(--v-grey-base);\n  font-size: 18px;\n}\n.zd-code-editor:hover .zd-code-editor-clipboard-button {\n  opacity: 1;\n}\n.zd-code-editor-container {\n  position: relative;\n  background-color: var(--v-grey-lighten5);\n  min-height: 45px;\n  display: flex;\n  border: solid var(--regular) var(--v-grey-lighten5);\n  overflow: auto;\n}\n.zd-code-editor-container:focus-within {\n  border: solid var(--regular) var(--v-primary-base);\n}\n.zd-code-editor-container .zd-code-editor-line-numbers {\n  height: 100%;\n  min-height: 45px;\n  width: 30px;\n  overflow: hidden;\n  flex-shrink: 0;\n  margin-top: 0;\n  font-size: 0.9em;\n  padding: 10px 3px;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  background: var(--v-grey-lighten4);\n  color: var(--zd-font-color);\n  position: sticky;\n  top: 0;\n  left: 0;\n}\n.zd-code-editor-container .zd-code-editor-line-numbers .zd-code-editor-line-number {\n  text-align: right;\n  white-space: nowrap;\n}\n.zd-code-editor-container pre {\n  padding: 10px;\n  margin: 0;\n  background: transparent;\n  -moz-tab-size: 4;\n  -ms-flex-positive: 2;\n  -o-tab-size: 4;\n  -webkit-box-flex: 2;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  flex-grow: 2;\n  outline: none;\n  tab-size: 4;\n  font-weight: 500;\n  font-size: 0.9em;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  overflow: hidden;\n  color: var(--zd-font-color);\n}\n.zd-code-editor.theme--dark .zd-code-editor-clipboard-button {\n  background-color: #383838;\n}\n.zd-code-editor.theme--dark .zd-code-editor-clipboard-button .v-icon {\n  color: var(--v-grey-lighten4);\n  font-size: 18px;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container {\n  border: solid var(--regular) var(--v-grey-darken3);\n  background: #383838;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container .zd-code-editor-line-numbers {\n  background: var(--v-grey-darken3);\n  color: var(--v-grey-lighten4);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre {\n  text-shadow: 0 1px #2c2c2c;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.property, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.tag, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.boolean, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.number, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.constant, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.symbol, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.deleted {\n  color: #ff6fd3;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.atrule, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.attr-value, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.keyword {\n  color: #00acf6;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.function, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.class-name {\n  color: #ff7692;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.selector, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.attr-name, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.string, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.char, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.builtin, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.inserted {\n  color: #77b300;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.operator {\n  background: none;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$1a = "data-v-17b1bb1a";
+  const __vue_scope_id__$1a = undefined;
   /* module identifier */
   const __vue_module_identifier__$1a = undefined;
   /* functional template */
@@ -32849,6 +32868,18 @@ __decorate([
     PropWatch({ type: [Boolean, String], default: false }),
     __metadata("design:type", Boolean)
 ], ZdContainer.prototype, "fillHeight", void 0);
+__decorate([
+    PropWatch({ type: [Number, String], default: 'auto' }),
+    __metadata("design:type", Object)
+], ZdContainer.prototype, "height", void 0);
+__decorate([
+    PropWatch({ type: [Number, String], default: 'none' }),
+    __metadata("design:type", Object)
+], ZdContainer.prototype, "maxHeight", void 0);
+__decorate([
+    PropWatch({ type: [Number, String], default: 'none' }),
+    __metadata("design:type", Object)
+], ZdContainer.prototype, "minHeight", void 0);
 ZdContainer = __decorate([
     Component
 ], ZdContainer);
@@ -32878,7 +32909,11 @@ var __vue_render__$17 = function () {
         _vm.instance.cssClass,
         { "fill-height": _vm.instance.fillHeight },
       ],
-      style: _vm.instance.cssStyle,
+      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,
         name: _vm.instance.name,
@@ -32917,11 +32952,11 @@ __vue_render__$17._withStripped = true;
   /* style */
   const __vue_inject_styles__$17 = function (inject) {
     if (!inject) return
-    inject("data-v-32c162b3_0", { source: ".zd-container[data-v-32c162b3] {\n  padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
+    inject("data-v-352601cf_0", { source: ".zd-container[data-v-352601cf] {\n  padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$17 = "data-v-32c162b3";
+  const __vue_scope_id__$17 = "data-v-352601cf";
   /* module identifier */
   const __vue_module_identifier__$17 = undefined;
   /* functional template */
@@ -34793,6 +34828,10 @@ __decorate([
     PropWatch({ type: [Boolean, String], default: false }),
     __metadata("design:type", Boolean)
 ], ZdDropdown.prototype, "hover", void 0);
+__decorate([
+    PropWatch({ type: [Number, String], default: 'auto' }),
+    __metadata("design:type", Object)
+], ZdDropdown.prototype, "height", void 0);
 __decorate([
     PropWatch({ type: [Number, String] }),
     __metadata("design:type", Object)
@@ -35801,6 +35840,10 @@ __decorate([
     PropWatch({ type: String }),
     __metadata("design:type", String)
 ], ZdForm.prototype, "justify", void 0);
+__decorate([
+    PropWatch({ type: [Number, String] }),
+    __metadata("design:type", Object)
+], ZdForm.prototype, "height", void 0);
 __decorate([
     Prop({ type: Object, default: () => ({}) }),
     __metadata("design:type", Object)
@@ -35830,8 +35873,11 @@ var __vue_render__$X = function () {
         },
       ],
       ref: "form",
-      class: _vm.instance.cssClass,
-      style: _vm.instance.cssStyle,
+      class: ["zd-form", _vm.instance.cssClass],
+      style: [
+        _vm.instance.cssStyle,
+        { height: _vm.$formatSize(_vm.instance.height) },
+      ],
       attrs: { id: _vm.instance.name, name: _vm.instance.name },
       on: {
         submit: function ($event) {
@@ -35960,6 +36006,18 @@ __decorate([
     Prop({ type: [String, Number], default: 2 * 60 * 60 * 1000 }),
     __metadata("design:type", Number)
 ], ZdFrame.prototype, "cacheDuration", void 0);
+__decorate([
+    PropWatch({ type: [String, Number], default: 'auto' }),
+    __metadata("design:type", Object)
+], ZdFrame.prototype, "height", void 0);
+__decorate([
+    PropWatch({ type: [String, Number], default: 'none' }),
+    __metadata("design:type", Object)
+], ZdFrame.prototype, "maxHeight", void 0);
+__decorate([
+    PropWatch({ type: [String, Number], default: 'none' }),
+    __metadata("design:type", Object)
+], ZdFrame.prototype, "minHeight", void 0);
 ZdFrame = __decorate([
     Component
 ], ZdFrame);
@@ -35985,7 +36043,11 @@ var __vue_render__$W = function () {
         },
       ],
       class: ["zd-frame", _vm.instance.cssClass],
-      style: _vm.instance.cssStyle,
+      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 },
     },
     [
@@ -36012,7 +36074,7 @@ __vue_render__$W._withStripped = true;
   /* style */
   const __vue_inject_styles__$W = function (inject) {
     if (!inject) return
-    inject("data-v-42090dcb_0", { source: ".zd-frame {\n  height: inherit;\n  width: inherit;\n}\n.zd-frame .v-progress-circular {\n  left: 50%;\n  transform: translateX(-50%);\n}", map: undefined, media: undefined });
+    inject("data-v-78e60822_0", { source: ".zd-frame {\n  height: inherit;\n  width: inherit;\n}\n.zd-frame .v-progress-circular {\n  left: 50%;\n  transform: translateX(-50%);\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -36316,10 +36378,7 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
         return event.related.classList.contains('sortHandle');
     }
     hideColumn(event) {
-        let columnIndex = Number(event.item.getAttribute('index'));
-        if (this.instance.selectable) {
-            columnIndex -= 1;
-        }
+        const columnIndex = Number(event.item.getAttribute('index'));
         const column = this.getColumnsDOMOrder()[columnIndex];
         column.isVisible = false;
         this.instance.changeLayout(event, this.$el);
@@ -36795,7 +36854,11 @@ var __vue_render__$U = function () {
                                           column.maxWidth || column.minWidth
                                         ) || "unset",
                                     },
-                                    attrs: { index: index },
+                                    attrs: {
+                                      index: _vm.instance.selectable
+                                        ? index - 1
+                                        : index,
+                                    },
                                   },
                                   [
                                     _c(
@@ -37417,7 +37480,7 @@ __vue_render__$U._withStripped = true;
   /* style */
   const __vue_inject_styles__$U = function (inject) {
     if (!inject) return
-    inject("data-v-6b8d8274_0", { source: ".zd-grid {\n  outline: none;\n}\n.zd-grid-flex {\n  display: flex;\n  flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n  flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n  color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: var(--spacing-4);\n  align-items: center;\n}\n.zd-grid-toolbar-slot {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.zd-grid-search {\n  max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n  transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n  width: 40px !important;\n  padding-right: var(--spacing-2) !important;\n  max-width: 40px !important;\n  padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n  margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n  margin-top: 0;\n  padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n  font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n  display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n  font-size: var(--zd-font-body2-size);\n  font-weight: var(--zd-font-body2-weight);\n  white-space: nowrap;\n  height: 40px;\n  padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n  z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n  width: 100%;\n  display: flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n  justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n  justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n  opacity: 0;\n  position: relative;\n  display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n  position: relative;\n  transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n  position: absolute;\n  font-size: 9px;\n  right: 2px;\n  color: var(--zd-font-color);\n  width: 12px;\n  text-align: center;\n  border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n  right: auto;\n  left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n  opacity: 0.7;\n  white-space: nowrap;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n  text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n  white-space: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: unset;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n  -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n  -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n  -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n  -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n  cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n  top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n  top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n  top: 3px;\n  transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n  top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n  opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n  opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n  height: 100%;\n  width: 10px;\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  cursor: ew-resize;\n  font-size: 15px;\n  color: #ccc;\n  display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n  display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n  font-size: var(--zd-font-body1-size);\n  font-weight: var(--zd-font-body1-weight);\n  padding: 0 var(--spacing-4);\n  height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n  overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n  opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n  text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n  white-space: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: unset;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n  -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n  -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n  -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n  -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n  opacity: 1;\n}\n.zd-grid table tbody tr.current {\n  background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n  background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n  padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n  height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n  padding: 0 var(--spacing-2);\n  height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n  background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n  color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n  color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n  border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n  box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n  margin: 24px 0 0 0;\n  display: flex;\n  align-items: center;\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n  height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n  z-index: 10000;\n  position: fixed;\n  color: white;\n  background-color: var(--v-grey-lighten1);\n  border-radius: var(--border);\n  padding: var(--spacing-1) var(--spacing-2);\n  opacity: 0.9;\n  display: none;\n  font-size: 14px;\n  line-height: 22px;\n  text-transform: none;\n  width: auto;\n  pointer-events: none;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n}", map: undefined, media: undefined });
+    inject("data-v-30c5a8ae_0", { source: ".zd-grid {\n  outline: none;\n}\n.zd-grid-flex {\n  display: flex;\n  flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n  flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n  color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: var(--spacing-4);\n  align-items: center;\n}\n.zd-grid-toolbar-slot {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.zd-grid-search {\n  max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n  transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n  width: 40px !important;\n  padding-right: var(--spacing-2) !important;\n  max-width: 40px !important;\n  padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n  margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n  margin-top: 0;\n  padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n  font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n  display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n  font-size: var(--zd-font-body2-size);\n  font-weight: var(--zd-font-body2-weight);\n  white-space: nowrap;\n  height: 40px;\n  padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n  z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n  width: 100%;\n  display: flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n  justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n  justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n  opacity: 0;\n  position: relative;\n  display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n  position: relative;\n  transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n  position: absolute;\n  font-size: 9px;\n  right: 2px;\n  color: var(--zd-font-color);\n  width: 12px;\n  text-align: center;\n  border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n  right: auto;\n  left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n  opacity: 0.7;\n  white-space: nowrap;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n  text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n  white-space: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: unset;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n  -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n  -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n  -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n  -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n  cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n  top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n  top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n  top: 3px;\n  transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n  top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n  opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n  opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n  height: 100%;\n  width: 10px;\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  cursor: ew-resize;\n  font-size: 15px;\n  color: #ccc;\n  display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n  display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n  font-size: var(--zd-font-body1-size);\n  font-weight: var(--zd-font-body1-weight);\n  padding: 0 var(--spacing-4);\n  height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n  overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n  opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n  text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n  white-space: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: unset;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n  -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n  -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n  -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n  -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n  opacity: 1;\n}\n.zd-grid table tbody tr.current {\n  background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n  background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n  padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n  height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n  padding: 0 var(--spacing-2);\n  height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n  background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n  color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n  color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n  border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n  box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n  margin: 24px 0 0 0;\n  display: flex;\n  align-items: center;\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n  height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n  z-index: 10000;\n  position: fixed;\n  color: white;\n  background-color: var(--v-grey-lighten1);\n  border-radius: var(--border);\n  padding: var(--spacing-1) var(--spacing-2);\n  opacity: 0.9;\n  display: none;\n  font-size: 14px;\n  line-height: 22px;\n  text-transform: none;\n  width: auto;\n  pointer-events: none;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -40191,6 +40254,7 @@ let ZdSelect = class ZdSelect extends __vue_component__$16 {
     toggle() {
         const { input, menu } = this.componentRef.$refs;
         input.focus();
+        this.click();
         menu.isActive = !this.instance.readonly && !this.instance.disabled && !menu.isActive;
         this.$nextTick(() => { this.componentRef.isFocused = true; });
     }
@@ -40874,6 +40938,18 @@ __decorate([
     PropWatch({ type: [Boolean, String], default: false }),
     __metadata("design:type", Boolean)
 ], ZdList.prototype, "expand", void 0);
+__decorate([
+    PropWatch({ type: [Number, String], default: 'auto' }),
+    __metadata("design:type", Object)
+], ZdList.prototype, "height", void 0);
+__decorate([
+    PropWatch({ type: [Number, String], default: 'none' }),
+    __metadata("design:type", Object)
+], ZdList.prototype, "maxHeight", void 0);
+__decorate([
+    PropWatch({ type: [Number, String], default: 'none' }),
+    __metadata("design:type", Object)
+], ZdList.prototype, "minHeight", void 0);
 __decorate([
     Prop({ type: Array, default: () => ([]) }),
     __metadata("design:type", Array)
@@ -40916,6 +40992,9 @@ var __vue_render__$F = function () {
         elevation: _vm.instance.elevation,
         expand: _vm.instance.expand,
         tile: _vm.instance.tile,
+        height: _vm.instance.height,
+        minHeight: _vm.instance.minHeight,
+        maxHeight: _vm.instance.maxHeight,
       },
     },
     [
@@ -40956,7 +41035,7 @@ __vue_render__$F._withStripped = true;
   /* style */
   const __vue_inject_styles__$F = function (inject) {
     if (!inject) return
-    inject("data-v-3e496d20_0", { source: ".zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n  min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n  flex-direction: column;\n  justify-content: center;\n  align-self: center;\n  height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n  margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n  margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n  font-size: var(--zd-font-body4-size);\n  font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n  font-size: var(--zd-font-body3-size);\n  font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
+    inject("data-v-3b2f260e_0", { source: ".zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n  min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n  flex-direction: column;\n  justify-content: center;\n  align-self: center;\n  height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n  margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n  margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n  font-size: var(--zd-font-body4-size);\n  font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n  font-size: var(--zd-font-body3-size);\n  font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -42064,6 +42143,12 @@ let ZdMenu = class ZdMenu extends ZdComponentRender$1 {
     mounted() {
         this.instance.urlChanged(Router.getCurrentRoute());
     }
+    showSlotOnHover() {
+        if (this.instance.miniState && this.$children.length >= 2 && this.$children[1].$el.matches(':hover')) {
+            return this.instance.miniState;
+        }
+        return !this.instance.miniState;
+    }
     doSearch({ component }) {
         this.instance.search = component.value;
     }
@@ -42257,8 +42342,8 @@ var __vue_render__$x = function () {
                             {
                               name: "show",
                               rawName: "v-show",
-                              value: !_vm.instance.miniState,
-                              expression: "!instance.miniState",
+                              value: _vm.showSlotOnHover(),
+                              expression: "showSlotOnHover()",
                             },
                           ],
                           staticClass: "zd-menu-top-slot",
@@ -42331,7 +42416,7 @@ __vue_render__$x._withStripped = true;
   /* style */
   const __vue_inject_styles__$x = function (inject) {
     if (!inject) return
-    inject("data-v-e6c32b74_0", { source: ".zd-menu .v-list .v-list-item .v-list-item__title {\n  font-weight: var(--zd-font-body1-weight);\n  font-size: var(--zd-font-body1-size);\n  color: var(--zd-font-color);\n  text-align: left;\n}\n.zd-menu .v-list .v-list-item .v-list-item__icon .v-icon {\n  color: var(--zd-font-color);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__title {\n  font-weight: var(--zd-font-body2-weight);\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__icon .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.v-list-item--active:not(.focus-visible):not(:focus):not([data-focus-visible-added]):not(:hover):before {\n  opacity: 0;\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__title {\n  font-weight: var(--zd-font-body2-weight);\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__icon .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .zd-menu-top-slot {\n  margin-bottom: 10px;\n  display: block;\n}\n.zd-menu.v-navigation-drawer--mini-variant .v-list-item {\n  justify-content: inherit;\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__title {\n  color: var(--v--grey-lighten5);\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__icon .v-icon {\n  color: var(--v--grey-lighten5);\n}", map: undefined, media: undefined });
+    inject("data-v-3a3668e0_0", { source: ".zd-menu .v-list .v-list-item .v-list-item__title {\n  font-weight: var(--zd-font-body1-weight);\n  font-size: var(--zd-font-body1-size);\n  color: var(--zd-font-color);\n  text-align: left;\n}\n.zd-menu .v-list .v-list-item .v-list-item__icon .v-icon {\n  color: var(--zd-font-color);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__title {\n  font-weight: var(--zd-font-body2-weight);\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__icon .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.v-list-item--active:not(.focus-visible):not(:focus):not([data-focus-visible-added]):not(:hover):before {\n  opacity: 0;\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__title {\n  font-weight: var(--zd-font-body2-weight);\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__icon .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .zd-menu-top-slot {\n  margin-bottom: 10px;\n  display: block;\n}\n.zd-menu.v-navigation-drawer--mini-variant .v-list-item {\n  justify-content: inherit;\n}\n.zd-menu.v-navigation-drawer--is-mobile div > .zd-menu-top-slot {\n  display: block !important;\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__title {\n  color: var(--v--grey-lighten5);\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__icon .v-icon {\n  color: var(--v--grey-lighten5);\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -44102,6 +44187,9 @@ var __vue_render__$j = function () {
             elevation: _vm.instance.elevation,
             expand: _vm.instance.expand,
             tile: _vm.instance.tile,
+            height: _vm.instance.height,
+            minHeight: _vm.instance.minHeight,
+            maxHeight: _vm.instance.maxHeight,
           },
         },
         [
@@ -44145,7 +44233,7 @@ __vue_render__$j._withStripped = true;
   /* style */
   const __vue_inject_styles__$j = function (inject) {
     if (!inject) return
-    inject("data-v-5d038297_0", { source: ".zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n  min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n  flex-direction: column;\n  justify-content: center;\n  align-self: center;\n  height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n  margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n  margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n  font-size: var(--zd-font-body4-size);\n  font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n  font-size: var(--zd-font-body3-size);\n  font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
+    inject("data-v-4e0cc00e_0", { source: ".zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n  min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n  flex-direction: column;\n  justify-content: center;\n  align-self: center;\n  height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n  margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n  margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n  font-size: var(--zd-font-body4-size);\n  font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n  font-size: var(--zd-font-body3-size);\n  font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -46347,6 +46435,10 @@ __decorate([
     PropWatch({ type: [Number, String], default: 0 }),
     __metadata("design:type", Number)
 ], ZdTabs.prototype, "activeTab", void 0);
+__decorate([
+    PropWatch({ type: [Number, String] }),
+    __metadata("design:type", Object)
+], ZdTabs.prototype, "height", void 0);
 __decorate([
     Prop({ type: Array, default: () => [] }),
     __metadata("design:type", Array)
@@ -46376,7 +46468,10 @@ var __vue_render__$a = function () {
         },
       ],
       class: ["zd-tabs", _vm.instance.cssClass],
-      style: _vm.instance.cssStyle,
+      style: [
+        _vm.instance.cssStyle,
+        { height: _vm.$formatSize(_vm.instance.height) },
+      ],
       attrs: { id: _vm.instance.name, name: _vm.instance.name },
     },
     [
@@ -46498,11 +46593,11 @@ __vue_render__$a._withStripped = true;
   /* style */
   const __vue_inject_styles__$a = function (inject) {
     if (!inject) return
-    inject("data-v-3cb2ae69_0", { source: ".zd-tabs[data-v-3cb2ae69]  .v-tabs-bar,\n.zd-tabs[data-v-3cb2ae69]  .v-tabs-items {\n  background-color: transparent;\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs-bar {\n  height: auto;\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs-bar .v-tabs-slider-wrapper {\n  bottom: -1px;\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs-bar__content {\n  border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs {\n  margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-3cb2ae69]  .v-tabs .v-slide-group__prev {\n  flex-basis: 30px;\n  min-width: 30px;\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-3cb2ae69]  .v-tabs .v-slide-group__prev .v-icon {\n  font-size: 18px;\n}", map: undefined, media: undefined });
+    inject("data-v-74f11808_0", { source: ".zd-tabs[data-v-74f11808] {\n  display: flex;\n  flex-direction: column;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-bar,\n.zd-tabs[data-v-74f11808]  .v-tabs-items {\n  background-color: transparent;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-bar {\n  height: auto;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-bar .v-tabs-slider-wrapper {\n  bottom: -1px;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-bar__content {\n  border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-74f11808]  .v-tabs {\n  margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-74f11808]  .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-74f11808]  .v-tabs .v-slide-group__prev {\n  flex-basis: 30px;\n  min-width: 30px;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-74f11808]  .v-tabs .v-slide-group__prev .v-icon {\n  font-size: 18px;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs {\n  flex-grow: 0;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-items {\n  flex-grow: 1;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-items .v-window__container {\n  height: 100% !important;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$a = "data-v-3cb2ae69";
+  const __vue_scope_id__$a = "data-v-74f11808";
   /* module identifier */
   const __vue_module_identifier__$a = undefined;
   /* functional template */
@@ -46660,47 +46755,41 @@ var __vue_render__$8 = function () {
   var _h = _vm.$createElement;
   var _c = _vm._self._c || _h;
   return _c(
-    "div",
-    { attrs: { id: _vm.instance.name } },
-    [
-      _c(
-        "v-tab-item",
+    "v-tab-item",
+    {
+      directives: [
         {
-          directives: [
-            {
-              name: "show",
-              rawName: "v-show",
-              value: _vm.isVisible,
-              expression: "isVisible",
-            },
-          ],
-          key: _vm.index,
-          staticClass: "zd-tabs-tab-item",
-          attrs: { value: _vm.index, dark: _vm.dark, light: _vm.light },
+          name: "show",
+          rawName: "v-show",
+          value: _vm.isVisible,
+          expression: "isVisible",
         },
+      ],
+      key: _vm.index,
+      staticClass: "zd-tabs-tab-item",
+      style: [_vm.instance.cssStyle],
+      attrs: { value: _vm.index, dark: _vm.dark, light: _vm.light },
+    },
+    [
+      _c(
+        "v-container",
+        { attrs: { fluid: "" } },
         [
-          _c(
-            "v-container",
-            { attrs: { fluid: "" } },
-            [
-              _vm._l(_vm.children, function (child, index) {
-                return _c(
-                  child.component,
-                  _vm._b(
-                    { key: index, tag: "component" },
-                    "component",
-                    child,
-                    false
-                  )
-                )
-              }),
-              _vm._v(" "),
-              _vm._t("default"),
-            ],
-            2
-          ),
+          _vm._l(_vm.children, function (child, index) {
+            return _c(
+              child.component,
+              _vm._b(
+                { key: index, tag: "component" },
+                "component",
+                child,
+                false
+              )
+            )
+          }),
+          _vm._v(" "),
+          _vm._t("default"),
         ],
-        1
+        2
       ),
     ],
     1
@@ -46712,11 +46801,11 @@ __vue_render__$8._withStripped = true;
   /* style */
   const __vue_inject_styles__$8 = function (inject) {
     if (!inject) return
-    inject("data-v-6acaffe8_0", { source: ".zd-tabs-tab-item[data-v-6acaffe8] {\n  transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-6acaffe8] {\n  padding: 0;\n}", map: undefined, media: undefined });
+    inject("data-v-92cd83f8_0", { source: ".zd-tabs-tab-item[data-v-92cd83f8] {\n  transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-92cd83f8] {\n  padding: 0;\n}\n.zd-tabs .zd-tabs-tab-item[data-v-92cd83f8] {\n  height: 100%;\n}\n.zd-tabs .zd-tabs-tab-item .container[data-v-92cd83f8] {\n  height: 100%;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__$8 = "data-v-6acaffe8";
+  const __vue_scope_id__$8 = "data-v-92cd83f8";
   /* module identifier */
   const __vue_module_identifier__$8 = undefined;
   /* functional template */

package/dist/zd-vuetify.umd.js

@@ -31043,6 +31043,14 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       PropWatch({ type: [Number, String], default: 'auto' }),
       __metadata("design:type", Object)
   ], ZdCarousel.prototype, "height", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String], default: 'none' }),
+      __metadata("design:type", Object)
+  ], ZdCarousel.prototype, "maxHeight", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String], default: 'none' }),
+      __metadata("design:type", Object)
+  ], ZdCarousel.prototype, "minHeight", void 0);
   __decorate([
       PropWatch({ type: [Boolean, String], default: true }),
       __metadata("design:type", Boolean)
@@ -31209,7 +31217,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
                       {
                         key: _vm.hooperKey,
                         ref: "carousel",
-                        style: { height: _vm.$formatSize(_vm.instance.height) },
+                        style: {
+                          height: _vm.$formatSize(_vm.instance.height),
+                          maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
+                          minHeight: _vm.$formatSize(_vm.instance.minHeight),
+                        },
                         attrs: {
                           autoPlay: _vm.instance.autoPlay,
                           centerMode: _vm.instance.center,
@@ -31470,7 +31482,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$1e = function (inject) {
       if (!inject) return
-      inject("data-v-7393abf5_0", { source: ".zd-carousel {\n  height: 100%;\n}\n.zd-carousel section.hooper {\n  outline: none;\n}\n.zd-carousel section.hooper * {\n  outline: none;\n}\n.zd-carousel section.hooper .hooper-list .hooper-slide {\n  align-self: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination {\n  padding: 0;\n  width: 100%;\n  height: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators {\n  margin: 0 auto;\n  display: block;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li {\n  display: inline-block;\n  margin: 0 var(--spacing-2);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li .hooper-indicator {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.show-background {\n  background: rgba(0, 0, 0, 0.3);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator {\n  opacity: 0.25;\n  background-color: black;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator.is-active {\n  opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator:hover:not(.is-active) {\n  opacity: 0.4;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark {\n  color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator {\n  opacity: 0.5;\n  background-color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator.is-active {\n  opacity: 0.8;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator:hover:not(.is-active) {\n  opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-prev {\n  padding: 0;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-next {\n  padding: 0;\n}\n.zd-carousel section.hooper .hooper-list .prev-button, .zd-carousel section.hooper .hooper-list .next-button {\n  transition: 0.1s;\n}\n.zd-carousel section.hooper .hooper-list ul.hooper-track, .zd-carousel section.hooper .hooper-list ol.hooper-indicators {\n  padding-left: 0;\n}\n.zd-carousel section.hooper .hooper-list .hooper-progress-inner {\n  background-color: var(--v-primary-base);\n}\n.zd-carousel.buttons-outside section.hooper {\n  width: calc(100% - 2 * var(--spacing-8));\n  margin-left: var(--spacing-8);\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-prev {\n  left: calc(-1 * var(--spacing-8));\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-next {\n  right: calc(-1 * var(--spacing-8));\n}", map: undefined, media: undefined });
+      inject("data-v-6d92f6fe_0", { source: ".zd-carousel {\n  height: 100%;\n}\n.zd-carousel section.hooper {\n  outline: none;\n}\n.zd-carousel section.hooper * {\n  outline: none;\n}\n.zd-carousel section.hooper .hooper-list .hooper-slide {\n  align-self: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination {\n  padding: 0;\n  width: 100%;\n  height: 50px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators {\n  margin: 0 auto;\n  display: block;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li {\n  display: inline-block;\n  margin: 0 var(--spacing-2);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination .hooper-indicators li .hooper-indicator {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.show-background {\n  background: rgba(0, 0, 0, 0.3);\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator {\n  opacity: 0.25;\n  background-color: black;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator.is-active {\n  opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--light .hooper-indicator:hover:not(.is-active) {\n  opacity: 0.4;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark {\n  color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator {\n  opacity: 0.5;\n  background-color: white;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator.is-active {\n  opacity: 0.8;\n}\n.zd-carousel section.hooper .hooper-list .hooper-pagination.theme--dark .hooper-indicator:hover:not(.is-active) {\n  opacity: 0.6;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-prev {\n  padding: 0;\n}\n.zd-carousel section.hooper .hooper-list button.hooper-next {\n  padding: 0;\n}\n.zd-carousel section.hooper .hooper-list .prev-button, .zd-carousel section.hooper .hooper-list .next-button {\n  transition: 0.1s;\n}\n.zd-carousel section.hooper .hooper-list ul.hooper-track, .zd-carousel section.hooper .hooper-list ol.hooper-indicators {\n  padding-left: 0;\n}\n.zd-carousel section.hooper .hooper-list .hooper-progress-inner {\n  background-color: var(--v-primary-base);\n}\n.zd-carousel.buttons-outside section.hooper {\n  width: calc(100% - 2 * var(--spacing-8));\n  margin-left: var(--spacing-8);\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-prev {\n  left: calc(-1 * var(--spacing-8));\n}\n.zd-carousel.buttons-outside section.hooper .hooper-list .hooper-navigation button.hooper-next {\n  right: calc(-1 * var(--spacing-8));\n}", map: undefined, media: undefined });
 
     };
     /* scoped */
@@ -32217,9 +32229,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       __metadata("design:type", String)
   ], ZdCodeEditor.prototype, "copyIcon", void 0);
   __decorate([
-      PropWatch({ type: String, default: 'none' }),
+      PropWatch({ type: [String, Number], default: 'none' }),
       __metadata("design:type", String)
   ], ZdCodeEditor.prototype, "maxHeight", void 0);
+  __decorate([
+      PropWatch({ type: [String, Number], default: 'auto' }),
+      __metadata("design:type", String)
+  ], ZdCodeEditor.prototype, "height", void 0);
   __decorate([
       PropWatch({ type: String, default: 'ts' }),
       __metadata("design:type", String)
@@ -32270,7 +32286,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
           "div",
           {
             staticClass: "zd-code-editor-container",
-            style: "max-height: " + (_vm.instance.maxHeight || "none"),
+            style: {
+              maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
+              height: _vm.$formatSize(_vm.instance.height),
+            },
           },
           [
             _vm.instance.showLineNumbers
@@ -32370,11 +32389,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$1a = function (inject) {
       if (!inject) return
-      inject("data-v-17b1bb1a_0", { source: ".zd-code-editor[data-v-17b1bb1a] {\n  position: relative;\n}\n.zd-code-editor-clipboard-button[data-v-17b1bb1a] {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  background-color: var(--v-grey-lighten5);\n  opacity: 0;\n  transition: 0.3s all ease-in;\n}\n.zd-code-editor-clipboard-button .v-icon[data-v-17b1bb1a] {\n  color: var(--v-grey-base);\n  font-size: 18px;\n}\n.zd-code-editor:hover .zd-code-editor-clipboard-button[data-v-17b1bb1a] {\n  opacity: 1;\n}\n.zd-code-editor-container[data-v-17b1bb1a] {\n  position: relative;\n  background-color: var(--v-grey-lighten5);\n  min-height: 45px;\n  display: flex;\n  border: solid var(--regular) var(--v-grey-lighten5);\n  overflow: auto;\n}\n.zd-code-editor-container[data-v-17b1bb1a]:focus-within {\n  border: solid var(--regular) var(--v-primary-base);\n}\n.zd-code-editor-container .zd-code-editor-line-numbers[data-v-17b1bb1a] {\n  height: 100%;\n  min-height: 45px;\n  width: 30px;\n  overflow: hidden;\n  flex-shrink: 0;\n  margin-top: 0;\n  font-size: 0.9em;\n  padding: 10px 3px;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  background: var(--v-grey-lighten4);\n  color: var(--zd-font-color);\n  position: sticky;\n  top: 0;\n  left: 0;\n}\n.zd-code-editor-container .zd-code-editor-line-numbers .zd-code-editor-line-number[data-v-17b1bb1a] {\n  text-align: right;\n  white-space: nowrap;\n}\n.zd-code-editor-container pre[data-v-17b1bb1a] {\n  padding: 10px;\n  margin: 0;\n  background: transparent;\n  -moz-tab-size: 4;\n  -ms-flex-positive: 2;\n  -o-tab-size: 4;\n  -webkit-box-flex: 2;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  flex-grow: 2;\n  outline: none;\n  tab-size: 4;\n  font-weight: 500;\n  font-size: 0.9em;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  overflow: hidden;\n  color: var(--zd-font-color);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container[data-v-17b1bb1a] {\n  border: solid var(--regular) var(--v-grey-darken3);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container .zd-code-editor-line-numbers[data-v-17b1bb1a] {\n  background: var(--v-grey-darken3);\n  color: var(--v-grey-lighten4);\n}", map: undefined, media: undefined });
+      inject("data-v-cc2ec848_0", { source: ".zd-code-editor {\n  position: relative;\n}\n.zd-code-editor-clipboard-button {\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  background-color: var(--v-grey-lighten5);\n  opacity: 0;\n  transition: 0.3s all ease-in;\n}\n.zd-code-editor-clipboard-button .v-icon {\n  color: var(--v-grey-base);\n  font-size: 18px;\n}\n.zd-code-editor:hover .zd-code-editor-clipboard-button {\n  opacity: 1;\n}\n.zd-code-editor-container {\n  position: relative;\n  background-color: var(--v-grey-lighten5);\n  min-height: 45px;\n  display: flex;\n  border: solid var(--regular) var(--v-grey-lighten5);\n  overflow: auto;\n}\n.zd-code-editor-container:focus-within {\n  border: solid var(--regular) var(--v-primary-base);\n}\n.zd-code-editor-container .zd-code-editor-line-numbers {\n  height: 100%;\n  min-height: 45px;\n  width: 30px;\n  overflow: hidden;\n  flex-shrink: 0;\n  margin-top: 0;\n  font-size: 0.9em;\n  padding: 10px 3px;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  background: var(--v-grey-lighten4);\n  color: var(--zd-font-color);\n  position: sticky;\n  top: 0;\n  left: 0;\n}\n.zd-code-editor-container .zd-code-editor-line-numbers .zd-code-editor-line-number {\n  text-align: right;\n  white-space: nowrap;\n}\n.zd-code-editor-container pre {\n  padding: 10px;\n  margin: 0;\n  background: transparent;\n  -moz-tab-size: 4;\n  -ms-flex-positive: 2;\n  -o-tab-size: 4;\n  -webkit-box-flex: 2;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  flex-grow: 2;\n  outline: none;\n  tab-size: 4;\n  font-weight: 500;\n  font-size: 0.9em;\n  font-family: Consolas, Monaco, \"Andale Mono\", \"Ubuntu Mono\", monospace;\n  overflow: hidden;\n  color: var(--zd-font-color);\n}\n.zd-code-editor.theme--dark .zd-code-editor-clipboard-button {\n  background-color: #383838;\n}\n.zd-code-editor.theme--dark .zd-code-editor-clipboard-button .v-icon {\n  color: var(--v-grey-lighten4);\n  font-size: 18px;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container {\n  border: solid var(--regular) var(--v-grey-darken3);\n  background: #383838;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container .zd-code-editor-line-numbers {\n  background: var(--v-grey-darken3);\n  color: var(--v-grey-lighten4);\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre {\n  text-shadow: 0 1px #2c2c2c;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.property, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.tag, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.boolean, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.number, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.constant, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.symbol, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.deleted {\n  color: #ff6fd3;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.atrule, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.attr-value, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.keyword {\n  color: #00acf6;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.function, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.class-name {\n  color: #ff7692;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.selector, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.attr-name, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.string, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.char, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.builtin, .zd-code-editor.theme--dark .zd-code-editor-container pre span.token.inserted {\n  color: #77b300;\n}\n.zd-code-editor.theme--dark .zd-code-editor-container pre span.token.operator {\n  background: none;\n}", map: undefined, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$1a = "data-v-17b1bb1a";
+    const __vue_scope_id__$1a = undefined;
     /* module identifier */
     const __vue_module_identifier__$1a = undefined;
     /* functional template */
@@ -32848,6 +32867,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       PropWatch({ type: [Boolean, String], default: false }),
       __metadata("design:type", Boolean)
   ], ZdContainer.prototype, "fillHeight", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String], default: 'auto' }),
+      __metadata("design:type", Object)
+  ], ZdContainer.prototype, "height", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String], default: 'none' }),
+      __metadata("design:type", Object)
+  ], ZdContainer.prototype, "maxHeight", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String], default: 'none' }),
+      __metadata("design:type", Object)
+  ], ZdContainer.prototype, "minHeight", void 0);
   ZdContainer = __decorate([
       vuePropertyDecorator.Component
   ], ZdContainer);
@@ -32877,7 +32908,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
           _vm.instance.cssClass,
           { "fill-height": _vm.instance.fillHeight },
         ],
-        style: _vm.instance.cssStyle,
+        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,
           name: _vm.instance.name,
@@ -32916,11 +32951,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$17 = function (inject) {
       if (!inject) return
-      inject("data-v-32c162b3_0", { source: ".zd-container[data-v-32c162b3] {\n  padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
+      inject("data-v-352601cf_0", { source: ".zd-container[data-v-352601cf] {\n  padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$17 = "data-v-32c162b3";
+    const __vue_scope_id__$17 = "data-v-352601cf";
     /* module identifier */
     const __vue_module_identifier__$17 = undefined;
     /* functional template */
@@ -34792,6 +34827,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       PropWatch({ type: [Boolean, String], default: false }),
       __metadata("design:type", Boolean)
   ], ZdDropdown.prototype, "hover", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String], default: 'auto' }),
+      __metadata("design:type", Object)
+  ], ZdDropdown.prototype, "height", void 0);
   __decorate([
       PropWatch({ type: [Number, String] }),
       __metadata("design:type", Object)
@@ -35800,6 +35839,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       PropWatch({ type: String }),
       __metadata("design:type", String)
   ], ZdForm.prototype, "justify", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String] }),
+      __metadata("design:type", Object)
+  ], ZdForm.prototype, "height", void 0);
   __decorate([
       vuePropertyDecorator.Prop({ type: Object, default: () => ({}) }),
       __metadata("design:type", Object)
@@ -35829,8 +35872,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
           },
         ],
         ref: "form",
-        class: _vm.instance.cssClass,
-        style: _vm.instance.cssStyle,
+        class: ["zd-form", _vm.instance.cssClass],
+        style: [
+          _vm.instance.cssStyle,
+          { height: _vm.$formatSize(_vm.instance.height) },
+        ],
         attrs: { id: _vm.instance.name, name: _vm.instance.name },
         on: {
           submit: function ($event) {
@@ -35959,6 +36005,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       vuePropertyDecorator.Prop({ type: [String, Number], default: 2 * 60 * 60 * 1000 }),
       __metadata("design:type", Number)
   ], ZdFrame.prototype, "cacheDuration", void 0);
+  __decorate([
+      PropWatch({ type: [String, Number], default: 'auto' }),
+      __metadata("design:type", Object)
+  ], ZdFrame.prototype, "height", void 0);
+  __decorate([
+      PropWatch({ type: [String, Number], default: 'none' }),
+      __metadata("design:type", Object)
+  ], ZdFrame.prototype, "maxHeight", void 0);
+  __decorate([
+      PropWatch({ type: [String, Number], default: 'none' }),
+      __metadata("design:type", Object)
+  ], ZdFrame.prototype, "minHeight", void 0);
   ZdFrame = __decorate([
       vuePropertyDecorator.Component
   ], ZdFrame);
@@ -35984,7 +36042,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
           },
         ],
         class: ["zd-frame", _vm.instance.cssClass],
-        style: _vm.instance.cssStyle,
+        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 },
       },
       [
@@ -36011,7 +36073,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$W = function (inject) {
       if (!inject) return
-      inject("data-v-42090dcb_0", { source: ".zd-frame {\n  height: inherit;\n  width: inherit;\n}\n.zd-frame .v-progress-circular {\n  left: 50%;\n  transform: translateX(-50%);\n}", map: undefined, media: undefined });
+      inject("data-v-78e60822_0", { source: ".zd-frame {\n  height: inherit;\n  width: inherit;\n}\n.zd-frame .v-progress-circular {\n  left: 50%;\n  transform: translateX(-50%);\n}", map: undefined, media: undefined });
 
     };
     /* scoped */
@@ -36315,10 +36377,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
           return event.related.classList.contains('sortHandle');
       }
       hideColumn(event) {
-          let columnIndex = Number(event.item.getAttribute('index'));
-          if (this.instance.selectable) {
-              columnIndex -= 1;
-          }
+          const columnIndex = Number(event.item.getAttribute('index'));
           const column = this.getColumnsDOMOrder()[columnIndex];
           column.isVisible = false;
           this.instance.changeLayout(event, this.$el);
@@ -36794,7 +36853,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
                                             column.maxWidth || column.minWidth
                                           ) || "unset",
                                       },
-                                      attrs: { index: index },
+                                      attrs: {
+                                        index: _vm.instance.selectable
+                                          ? index - 1
+                                          : index,
+                                      },
                                     },
                                     [
                                       _c(
@@ -37416,7 +37479,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$U = function (inject) {
       if (!inject) return
-      inject("data-v-6b8d8274_0", { source: ".zd-grid {\n  outline: none;\n}\n.zd-grid-flex {\n  display: flex;\n  flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n  flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n  color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: var(--spacing-4);\n  align-items: center;\n}\n.zd-grid-toolbar-slot {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.zd-grid-search {\n  max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n  transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n  width: 40px !important;\n  padding-right: var(--spacing-2) !important;\n  max-width: 40px !important;\n  padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n  margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n  margin-top: 0;\n  padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n  font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n  display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n  font-size: var(--zd-font-body2-size);\n  font-weight: var(--zd-font-body2-weight);\n  white-space: nowrap;\n  height: 40px;\n  padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n  z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n  width: 100%;\n  display: flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n  justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n  justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n  opacity: 0;\n  position: relative;\n  display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n  position: relative;\n  transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n  position: absolute;\n  font-size: 9px;\n  right: 2px;\n  color: var(--zd-font-color);\n  width: 12px;\n  text-align: center;\n  border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n  right: auto;\n  left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n  opacity: 0.7;\n  white-space: nowrap;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n  text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n  white-space: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: unset;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n  -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n  -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n  -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n  -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n  cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n  top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n  top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n  top: 3px;\n  transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n  top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n  opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n  opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n  height: 100%;\n  width: 10px;\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  cursor: ew-resize;\n  font-size: 15px;\n  color: #ccc;\n  display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n  display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n  font-size: var(--zd-font-body1-size);\n  font-weight: var(--zd-font-body1-weight);\n  padding: 0 var(--spacing-4);\n  height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n  overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n  opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n  text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n  white-space: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: unset;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n  -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n  -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n  -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n  -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n  opacity: 1;\n}\n.zd-grid table tbody tr.current {\n  background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n  background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n  padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n  height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n  padding: 0 var(--spacing-2);\n  height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n  background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n  color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n  color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n  border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n  box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n  margin: 24px 0 0 0;\n  display: flex;\n  align-items: center;\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n  height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n  z-index: 10000;\n  position: fixed;\n  color: white;\n  background-color: var(--v-grey-lighten1);\n  border-radius: var(--border);\n  padding: var(--spacing-1) var(--spacing-2);\n  opacity: 0.9;\n  display: none;\n  font-size: 14px;\n  line-height: 22px;\n  text-transform: none;\n  width: auto;\n  pointer-events: none;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n}", map: undefined, media: undefined });
+      inject("data-v-30c5a8ae_0", { source: ".zd-grid {\n  outline: none;\n}\n.zd-grid-flex {\n  display: flex;\n  flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n  flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n  color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: var(--spacing-4);\n  align-items: center;\n}\n.zd-grid-toolbar-slot {\n  width: 100%;\n  display: flex;\n  align-items: center;\n}\n.zd-grid-search {\n  max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n  transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n  width: 40px !important;\n  padding-right: var(--spacing-2) !important;\n  max-width: 40px !important;\n  padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n  margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n  margin-top: 0;\n  padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n  font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n  display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n  font-size: var(--zd-font-body2-size);\n  font-weight: var(--zd-font-body2-weight);\n  white-space: nowrap;\n  height: 40px;\n  padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n  z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n  width: 100%;\n  display: flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n  justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n  justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n  opacity: 0;\n  position: relative;\n  display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n  position: relative;\n  transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n  position: absolute;\n  font-size: 9px;\n  right: 2px;\n  color: var(--zd-font-color);\n  width: 12px;\n  text-align: center;\n  border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n  right: auto;\n  left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n  opacity: 0.7;\n  white-space: nowrap;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n  text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n  white-space: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: unset;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n  -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n  -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n  -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n  -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n  cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n  top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n  top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n  top: 3px;\n  transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n  top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n  opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n  opacity: 1;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n  height: 100%;\n  width: 10px;\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  cursor: ew-resize;\n  font-size: 15px;\n  color: #ccc;\n  display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n  display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n  font-size: var(--zd-font-body1-size);\n  font-weight: var(--zd-font-body1-weight);\n  padding: 0 var(--spacing-4);\n  height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n  overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n  opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n  display: block;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n  text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n  white-space: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: unset;\n  -webkit-box-orient: vertical;\n  display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n  -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n  -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n  -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n  -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n  opacity: 1;\n}\n.zd-grid table tbody tr.current {\n  background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n  background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n  padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n  height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n  padding: 0 var(--spacing-2);\n  height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n  background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n  color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n  color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n  border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n  box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n  margin: 24px 0 0 0;\n  display: flex;\n  align-items: center;\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n  height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n  z-index: 10000;\n  position: fixed;\n  color: white;\n  background-color: var(--v-grey-lighten1);\n  border-radius: var(--border);\n  padding: var(--spacing-1) var(--spacing-2);\n  opacity: 0.9;\n  display: none;\n  font-size: 14px;\n  line-height: 22px;\n  text-transform: none;\n  width: auto;\n  pointer-events: none;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n}", map: undefined, media: undefined });
 
     };
     /* scoped */
@@ -40190,6 +40253,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       toggle() {
           const { input, menu } = this.componentRef.$refs;
           input.focus();
+          this.click();
           menu.isActive = !this.instance.readonly && !this.instance.disabled && !menu.isActive;
           this.$nextTick(() => { this.componentRef.isFocused = true; });
       }
@@ -40873,6 +40937,18 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       PropWatch({ type: [Boolean, String], default: false }),
       __metadata("design:type", Boolean)
   ], ZdList.prototype, "expand", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String], default: 'auto' }),
+      __metadata("design:type", Object)
+  ], ZdList.prototype, "height", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String], default: 'none' }),
+      __metadata("design:type", Object)
+  ], ZdList.prototype, "maxHeight", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String], default: 'none' }),
+      __metadata("design:type", Object)
+  ], ZdList.prototype, "minHeight", void 0);
   __decorate([
       vuePropertyDecorator.Prop({ type: Array, default: () => ([]) }),
       __metadata("design:type", Array)
@@ -40915,6 +40991,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
           elevation: _vm.instance.elevation,
           expand: _vm.instance.expand,
           tile: _vm.instance.tile,
+          height: _vm.instance.height,
+          minHeight: _vm.instance.minHeight,
+          maxHeight: _vm.instance.maxHeight,
         },
       },
       [
@@ -40955,7 +41034,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$F = function (inject) {
       if (!inject) return
-      inject("data-v-3e496d20_0", { source: ".zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n  min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n  flex-direction: column;\n  justify-content: center;\n  align-self: center;\n  height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n  margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n  margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n  font-size: var(--zd-font-body4-size);\n  font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n  font-size: var(--zd-font-body3-size);\n  font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
+      inject("data-v-3b2f260e_0", { source: ".zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n  min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n  flex-direction: column;\n  justify-content: center;\n  align-self: center;\n  height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n  margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n  margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n  font-size: var(--zd-font-body4-size);\n  font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n  font-size: var(--zd-font-body3-size);\n  font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
 
     };
     /* scoped */
@@ -42063,6 +42142,12 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       mounted() {
           this.instance.urlChanged(core.Router.getCurrentRoute());
       }
+      showSlotOnHover() {
+          if (this.instance.miniState && this.$children.length >= 2 && this.$children[1].$el.matches(':hover')) {
+              return this.instance.miniState;
+          }
+          return !this.instance.miniState;
+      }
       doSearch({ component }) {
           this.instance.search = component.value;
       }
@@ -42256,8 +42341,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
                               {
                                 name: "show",
                                 rawName: "v-show",
-                                value: !_vm.instance.miniState,
-                                expression: "!instance.miniState",
+                                value: _vm.showSlotOnHover(),
+                                expression: "showSlotOnHover()",
                               },
                             ],
                             staticClass: "zd-menu-top-slot",
@@ -42330,7 +42415,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$x = function (inject) {
       if (!inject) return
-      inject("data-v-e6c32b74_0", { source: ".zd-menu .v-list .v-list-item .v-list-item__title {\n  font-weight: var(--zd-font-body1-weight);\n  font-size: var(--zd-font-body1-size);\n  color: var(--zd-font-color);\n  text-align: left;\n}\n.zd-menu .v-list .v-list-item .v-list-item__icon .v-icon {\n  color: var(--zd-font-color);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__title {\n  font-weight: var(--zd-font-body2-weight);\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__icon .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.v-list-item--active:not(.focus-visible):not(:focus):not([data-focus-visible-added]):not(:hover):before {\n  opacity: 0;\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__title {\n  font-weight: var(--zd-font-body2-weight);\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__icon .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .zd-menu-top-slot {\n  margin-bottom: 10px;\n  display: block;\n}\n.zd-menu.v-navigation-drawer--mini-variant .v-list-item {\n  justify-content: inherit;\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__title {\n  color: var(--v--grey-lighten5);\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__icon .v-icon {\n  color: var(--v--grey-lighten5);\n}", map: undefined, media: undefined });
+      inject("data-v-3a3668e0_0", { source: ".zd-menu .v-list .v-list-item .v-list-item__title {\n  font-weight: var(--zd-font-body1-weight);\n  font-size: var(--zd-font-body1-size);\n  color: var(--zd-font-color);\n  text-align: left;\n}\n.zd-menu .v-list .v-list-item .v-list-item__icon .v-icon {\n  color: var(--zd-font-color);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__title {\n  font-weight: var(--zd-font-body2-weight);\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.selected .v-list-item__icon .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-item.v-list-item--active:not(.focus-visible):not(:focus):not([data-focus-visible-added]):not(:hover):before {\n  opacity: 0;\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__title {\n  font-weight: var(--zd-font-body2-weight);\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .v-list-group.selected > .v-list-group__header .v-list-item__icon .v-icon {\n  color: var(--v-primary-base);\n}\n.zd-menu .v-list .zd-menu-top-slot {\n  margin-bottom: 10px;\n  display: block;\n}\n.zd-menu.v-navigation-drawer--mini-variant .v-list-item {\n  justify-content: inherit;\n}\n.zd-menu.v-navigation-drawer--is-mobile div > .zd-menu-top-slot {\n  display: block !important;\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__title {\n  color: var(--v--grey-lighten5);\n}\n.zd-menu.theme--dark .v-list .v-list-item .v-list-item__icon .v-icon {\n  color: var(--v--grey-lighten5);\n}", map: undefined, media: undefined });
 
     };
     /* scoped */
@@ -44101,6 +44186,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
               elevation: _vm.instance.elevation,
               expand: _vm.instance.expand,
               tile: _vm.instance.tile,
+              height: _vm.instance.height,
+              minHeight: _vm.instance.minHeight,
+              maxHeight: _vm.instance.maxHeight,
             },
           },
           [
@@ -44144,7 +44232,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$j = function (inject) {
       if (!inject) return
-      inject("data-v-5d038297_0", { source: ".zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n  min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n  flex-direction: column;\n  justify-content: center;\n  align-self: center;\n  height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n  margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n  margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n  font-size: var(--zd-font-body4-size);\n  font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n  font-size: var(--zd-font-body3-size);\n  font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
+      inject("data-v-4e0cc00e_0", { source: ".zd-list.v-list--dense .zd-list-group.v-list-item--three-line {\n  min-height: 76px;\n}\n.zd-list .v-list-item .v-list-item__icon {\n  flex-direction: column;\n  justify-content: center;\n  align-self: center;\n  height: auto;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__prepend-icon {\n  margin: 4px 16px 4px 0;\n}\n.zd-list .v-list-item .v-list-item__icon.v-list-group__header__append-icon {\n  margin: 4px 0 4px 16px;\n}\n.zd-list .zd-list-item-title {\n  font-size: var(--zd-font-body4-size);\n  font-weight: var(--zd-font-body4-weight);\n}\n.zd-list .zd-list-item-subtitle {\n  font-size: var(--zd-font-body3-size);\n  font-weight: var(--zd-font-body3-weight);\n}", map: undefined, media: undefined });
 
     };
     /* scoped */
@@ -46346,6 +46434,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
       PropWatch({ type: [Number, String], default: 0 }),
       __metadata("design:type", Number)
   ], ZdTabs.prototype, "activeTab", void 0);
+  __decorate([
+      PropWatch({ type: [Number, String] }),
+      __metadata("design:type", Object)
+  ], ZdTabs.prototype, "height", void 0);
   __decorate([
       vuePropertyDecorator.Prop({ type: Array, default: () => [] }),
       __metadata("design:type", Array)
@@ -46375,7 +46467,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
           },
         ],
         class: ["zd-tabs", _vm.instance.cssClass],
-        style: _vm.instance.cssStyle,
+        style: [
+          _vm.instance.cssStyle,
+          { height: _vm.$formatSize(_vm.instance.height) },
+        ],
         attrs: { id: _vm.instance.name, name: _vm.instance.name },
       },
       [
@@ -46497,11 +46592,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$a = function (inject) {
       if (!inject) return
-      inject("data-v-3cb2ae69_0", { source: ".zd-tabs[data-v-3cb2ae69]  .v-tabs-bar,\n.zd-tabs[data-v-3cb2ae69]  .v-tabs-items {\n  background-color: transparent;\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs-bar {\n  height: auto;\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs-bar .v-tabs-slider-wrapper {\n  bottom: -1px;\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs-bar__content {\n  border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs {\n  margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-3cb2ae69]  .v-tabs .v-slide-group__prev {\n  flex-basis: 30px;\n  min-width: 30px;\n}\n.zd-tabs[data-v-3cb2ae69]  .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-3cb2ae69]  .v-tabs .v-slide-group__prev .v-icon {\n  font-size: 18px;\n}", map: undefined, media: undefined });
+      inject("data-v-74f11808_0", { source: ".zd-tabs[data-v-74f11808] {\n  display: flex;\n  flex-direction: column;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-bar,\n.zd-tabs[data-v-74f11808]  .v-tabs-items {\n  background-color: transparent;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-bar {\n  height: auto;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-bar .v-tabs-slider-wrapper {\n  bottom: -1px;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-bar__content {\n  border-bottom: solid 1px var(--v-grey-lighten4);\n}\n.zd-tabs[data-v-74f11808]  .v-tabs {\n  margin-bottom: var(--spacing-4);\n}\n.zd-tabs[data-v-74f11808]  .v-tabs .v-slide-group__next,\n.zd-tabs[data-v-74f11808]  .v-tabs .v-slide-group__prev {\n  flex-basis: 30px;\n  min-width: 30px;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs .v-slide-group__next .v-icon,\n.zd-tabs[data-v-74f11808]  .v-tabs .v-slide-group__prev .v-icon {\n  font-size: 18px;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs {\n  flex-grow: 0;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-items {\n  flex-grow: 1;\n}\n.zd-tabs[data-v-74f11808]  .v-tabs-items .v-window__container {\n  height: 100% !important;\n}", map: undefined, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$a = "data-v-3cb2ae69";
+    const __vue_scope_id__$a = "data-v-74f11808";
     /* module identifier */
     const __vue_module_identifier__$a = undefined;
     /* functional template */
@@ -46659,47 +46754,41 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     var _h = _vm.$createElement;
     var _c = _vm._self._c || _h;
     return _c(
-      "div",
-      { attrs: { id: _vm.instance.name } },
-      [
-        _c(
-          "v-tab-item",
+      "v-tab-item",
+      {
+        directives: [
           {
-            directives: [
-              {
-                name: "show",
-                rawName: "v-show",
-                value: _vm.isVisible,
-                expression: "isVisible",
-              },
-            ],
-            key: _vm.index,
-            staticClass: "zd-tabs-tab-item",
-            attrs: { value: _vm.index, dark: _vm.dark, light: _vm.light },
+            name: "show",
+            rawName: "v-show",
+            value: _vm.isVisible,
+            expression: "isVisible",
           },
+        ],
+        key: _vm.index,
+        staticClass: "zd-tabs-tab-item",
+        style: [_vm.instance.cssStyle],
+        attrs: { value: _vm.index, dark: _vm.dark, light: _vm.light },
+      },
+      [
+        _c(
+          "v-container",
+          { attrs: { fluid: "" } },
           [
-            _c(
-              "v-container",
-              { attrs: { fluid: "" } },
-              [
-                _vm._l(_vm.children, function (child, index) {
-                  return _c(
-                    child.component,
-                    _vm._b(
-                      { key: index, tag: "component" },
-                      "component",
-                      child,
-                      false
-                    )
-                  )
-                }),
-                _vm._v(" "),
-                _vm._t("default"),
-              ],
-              2
-            ),
+            _vm._l(_vm.children, function (child, index) {
+              return _c(
+                child.component,
+                _vm._b(
+                  { key: index, tag: "component" },
+                  "component",
+                  child,
+                  false
+                )
+              )
+            }),
+            _vm._v(" "),
+            _vm._t("default"),
           ],
-          1
+          2
         ),
       ],
       1
@@ -46711,11 +46800,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
     /* style */
     const __vue_inject_styles__$8 = function (inject) {
       if (!inject) return
-      inject("data-v-6acaffe8_0", { source: ".zd-tabs-tab-item[data-v-6acaffe8] {\n  transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-6acaffe8] {\n  padding: 0;\n}", map: undefined, media: undefined });
+      inject("data-v-92cd83f8_0", { source: ".zd-tabs-tab-item[data-v-92cd83f8] {\n  transition: none;\n}\n.zd-tabs-tab-item > .container[data-v-92cd83f8] {\n  padding: 0;\n}\n.zd-tabs .zd-tabs-tab-item[data-v-92cd83f8] {\n  height: 100%;\n}\n.zd-tabs .zd-tabs-tab-item .container[data-v-92cd83f8] {\n  height: 100%;\n}", map: undefined, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__$8 = "data-v-6acaffe8";
+    const __vue_scope_id__$8 = "data-v-92cd83f8";
     /* module identifier */
     const __vue_module_identifier__$8 = undefined;
     /* functional template */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/vuetify",
-  "version": "1.42.0",
+  "version": "1.43.0",
   "description": "Zeedhi Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -51,5 +51,5 @@
     "@types/prismjs": "^1.16.2",
     "@types/sortablejs": "^1.10.6"
   },
-  "gitHead": "ca9a827eab97ada267f9f6406ef35f199e1fbaf1"
+  "gitHead": "f6b2292eede8b26c85ffb8510456ad20aade752f"
 }

package/types/components/zd-carousel/ZdCarousel.d.ts

@@ -10,6 +10,8 @@ export default class ZdCarousel extends ZdComponentRender {
     currentSlide?: number;
     fractionPagination: boolean;
     height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
     infiniteScroll: boolean;
     initialSlide: number;
     interval: number;

package/types/components/zd-code-editor/ZdCodeEditor.d.ts

@@ -6,6 +6,7 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
 export default class ZdCodeEditor extends ZdComponentRender {
     copyIcon: string;
     maxHeight: string;
+    height: string;
     language: string;
     showLineNumbers: boolean | string;
     staticCode: object | string | string[];

package/types/components/zd-container/ZdContainer.d.ts

@@ -6,6 +6,9 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
 export default class ZdContainer extends ZdComponentRender {
     fluid: boolean;
     fillHeight: boolean;
+    height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
     instance: Container;
     instanceType: typeof Container;
 }

package/types/components/zd-dropdown/ZdDropdown.d.ts

@@ -12,6 +12,7 @@ export default class ZdDropdown extends ZdComponentRender {
     disabled: boolean;
     fixed: boolean;
     hover: boolean;
+    height?: number | string;
     maxHeight?: number | string;
     maxWidth?: number | string;
     minHeight?: number | string;

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

@@ -7,6 +7,7 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
 export default class ZdForm extends ZdComponentRender {
     align?: string;
     justify?: string;
+    height?: number | string;
     value: IDictionary<any>;
     instance: Form;
     instanceType: typeof Form;

package/types/components/zd-frame/ZdFrame.d.ts

@@ -9,6 +9,9 @@ export default class ZdFrame extends ZdComponentRender {
     override: object;
     cache: boolean;
     cacheDuration: number;
+    height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
     instance: Frame;
     instanceType: typeof Frame;
 }

package/types/components/zd-list/ZdList.d.ts

@@ -12,6 +12,9 @@ export default class ZdList extends ZdComponentRender {
     color?: string;
     elevation?: number | string;
     expand?: boolean;
+    height?: number | string;
+    maxHeight?: number | string;
+    minHeight?: number | string;
     items: IListItem[];
     instance: List;
     instanceType: typeof List;

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

@@ -28,5 +28,6 @@ export default class ZdMenu extends ZdComponentRender {
     onRouterChange(current: any, previous: any): void;
     mounted(): void;
     searchInputProps: ITextInput;
+    showSlotOnHover(): boolean;
     private doSearch;
 }

package/types/components/zd-tabs/ZdTabs.d.ts

@@ -5,6 +5,7 @@ import ZdComponentRender from '../zd-component/ZdComponentRender';
  */
 export default class ZdTabs extends ZdComponentRender {
     activeTab: number;
+    height?: number | string;
     tabs: ITab[];
     instance: Tabs;
     instanceType: typeof Tabs;