@zeedhi/vuetify 1.53.0 → 1.56.0

package/dist/zd-vuetify.esm.js

@@ -7,8 +7,8 @@ import Sortable from 'sortablejs';
 import 'hooper/dist/hooper.css';
 import '@zeedhi/zd-vue-treeselect/dist/vue-treeselect.css';
 import Vue from 'vue';
-import { Prop, Component, Watch } from 'vue-property-decorator';
-import { Component as Component$1, AlertService, ComponentRender, ApexChart, Badge, Breadcrumbs, Button, ButtonGroup as ButtonGroup$1, Card, Carousel, Input, Form, Toggleable as Toggleable$1, Checkbox, CheckboxMultiple, Chip, CodeEditor, Col, CollapseCard, Container, TextInput, Number as Number$1, AutoNumeric, Currency, Dashboard, Date as Date$1, DateRange, DialogService, Divider, Dropdown, FileInput, Footer, ChildNotFoundError, Frame, FramePage, Iterable, Grid, GridEditable, Header, Icon, Image as Image$1, Increment, IterableColumnsButton, IterablePageComponent, IterablePagination, Select, IterablePageSize, IterablePageInfo, List, ListItem, ListGroup, Loading, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuLink, MenuGroup, MenuButton, MenuSeparator, ModalService, ModalCloseButton, Month, Password, Progress, Radio, RangeSlider, Row as Row$1, Search, SelectableList, SelectMultiple, SelectTree, SelectTreeMultiple, SpeedDial, Steppers, SvgMap, Switch, Table, Tabs, Tag, Text, Textarea, Time, Tooltip, Tree, TreeGrid, TreeGridEditable, Icons as Icons$1 } from '@zeedhi/common';
+import { Prop, Component as Component$1, Watch } from 'vue-property-decorator';
+import { Component, AlertService, ComponentRender, ApexChart, Badge, Breadcrumbs, Button, ButtonGroup as ButtonGroup$1, Card, Carousel, Input, Form, Toggleable as Toggleable$1, Checkbox, CheckboxMultiple, Chip, CodeEditor, Col, CollapseCard, Container, TextInput, Number as Number$1, AutoNumeric, Currency, Dashboard, Date as Date$1, DateRange, DialogService, Divider, Dropdown, FileInput, Footer, ChildNotFoundError, Frame, FramePage, Iterable, Grid, GridEditable, Header, Icon, Image as Image$1, Increment, IterableColumnsButton, IterablePageComponent, IterablePagination, Select, IterablePageSize, IterablePageInfo, List, ListItem, ListGroup, Loading, LoadingService, Login, LoginButton, MasterDetail, Menu, MenuLink, MenuGroup, MenuButton, MenuSeparator, ModalService, ModalCloseButton, Month, Password, Progress, Radio, RangeSlider, Row as Row$1, Search, SelectableList, SelectMultiple, SelectTree, SelectTreeMultiple, SpeedDial, Steppers, SvgMap, Switch, Table, Tabs, Tag, Text, Textarea, Time, Tooltip, Tree, TreeGrid, TreeGridEditable, Icons as Icons$1 } from '@zeedhi/common';
 import Component$2, { createDecorator } from 'vue-class-component';
 import Prism$1 from 'prismjs';
 import 'prismjs/themes/prism.css';
@@ -2221,7 +2221,7 @@ class Vuetify {
 }
 Vuetify.install = install$1;
 Vuetify.installed = false;
-Vuetify.version = "2.6.6";
+Vuetify.version = "2.6.7";
 Vuetify.config = {
   silent: false
 };
@@ -7539,9 +7539,11 @@ var VListItem = baseMixins$p.extend().extend({
     };
     data[this.to ? 'nativeOn' : 'on'] = { ...data[this.to ? 'nativeOn' : 'on'],
       keydown: e => {
-        /* istanbul ignore else */
-        if (e.keyCode === keyCodes.enter) this.click(e);
-        this.$emit('keydown', e);
+        if (!this.disabled) {
+          /* istanbul ignore else */
+          if (e.keyCode === keyCodes.enter) this.click(e);
+          this.$emit('keydown', e);
+        }
       }
     };
     if (this.inactive) tag = 'div';
@@ -9982,7 +9984,9 @@ var VSelect = baseMixins$j.extend().extend({
     },
 
     computedCounterValue() {
-      const value = this.multiple ? this.selectedItems : (this.getText(this.selectedItems[0]) || '').toString();
+      var _this$getText;
+
+      const value = this.multiple ? this.selectedItems : ((_this$getText = this.getText(this.selectedItems[0])) != null ? _this$getText : '').toString();
 
       if (typeof this.counterValue === 'function') {
         return this.counterValue(value);
@@ -10459,7 +10463,9 @@ var VSelect = baseMixins$j.extend().extend({
       this.keyboardLookupPrefix += e.key.toLowerCase();
       this.keyboardLookupLastTime = now;
       const index = this.allItems.findIndex(item => {
-        const text = (this.getText(item) || '').toString();
+        var _this$getText2;
+
+        const text = ((_this$getText2 = this.getText(item)) != null ? _this$getText2 : '').toString();
         return text.toLowerCase().startsWith(this.keyboardLookupPrefix);
       });
       const item = this.allItems[index];
@@ -11976,9 +11982,13 @@ var VDialog = baseMixins$i.extend({
 
       this.$nextTick(() => {
         this.$nextTick(() => {
-          if (!this.$refs.content.contains(document.activeElement)) {
+          var _this$$refs$dialog;
+
+          if (!((_this$$refs$dialog = this.$refs.dialog) != null && _this$$refs$dialog.contains(document.activeElement))) {
+            var _this$$refs$dialog2;
+
             this.previousActiveElement = document.activeElement;
-            this.$refs.content.focus();
+            (_this$$refs$dialog2 = this.$refs.dialog) == null ? void 0 : _this$$refs$dialog2.focus();
           }
 
           this.bind();
@@ -12024,14 +12034,14 @@ var VDialog = baseMixins$i.extend({
       if (!e || !this.retainFocus) return;
       const target = e.target;
 
-      if (!!target && // It isn't the document or the dialog body
-      ![document, this.$refs.content].includes(target) && // It isn't inside the dialog body
-      !this.$refs.content.contains(target) && // We're the topmost dialog
+      if (!!target && this.$refs.dialog && // It isn't the document or the dialog body
+      ![document, this.$refs.dialog].includes(target) && // It isn't inside the dialog body
+      !this.$refs.dialog.contains(target) && // We're the topmost dialog
       this.activeZIndex >= this.getMaxZIndex() && // It isn't inside a dependent element (like a menu)
       !this.getOpenDependentElements().some(el => el.contains(target)) // So we must have focused something outside the dialog and its children
       ) {
           // Find and focus the first available element inside the dialog
-          const focusable = this.$refs.content.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+          const focusable = this.$refs.dialog.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
           const el = [...focusable].find(el => !el.hasAttribute('disabled'));
           el && el.focus();
         }
@@ -12048,7 +12058,6 @@ var VDialog = baseMixins$i.extend({
         class: this.contentClasses,
         attrs: {
           role: 'dialog',
-          tabindex: this.isActive ? 0 : undefined,
           'aria-modal': this.hideOverlay ? undefined : 'true',
           ...this.getScopeIdAttrs()
         },
@@ -12077,6 +12086,9 @@ var VDialog = baseMixins$i.extend({
     genInnerContent() {
       const data = {
         class: this.classes,
+        attrs: {
+          tabindex: this.isActive ? 0 : undefined
+        },
         ref: 'dialog',
         directives: [{
           name: 'click-outside',
@@ -16445,7 +16457,6 @@ const BaseSlideGroup = mixins(BaseItemGroup, Mobile).extend({
     }
   },
   data: () => ({
-    internalItemsLength: 0,
     isOverflowing: false,
     resizeTimeout: 0,
     startX: 0,
@@ -16536,13 +16547,30 @@ const BaseSlideGroup = mixins(BaseItemGroup, Mobile).extend({
 
   },
 
-  beforeUpdate() {
-    this.internalItemsLength = (this.$children || []).length;
-  },
+  mounted() {
+    if (typeof ResizeObserver !== 'undefined') {
+      const obs = new ResizeObserver(() => {
+        this.onResize();
+      });
+      obs.observe(this.$el);
+      obs.observe(this.$refs.content);
+      this.$on('hook:destroyed', () => {
+        obs.disconnect();
+      });
+    } else {
+      let itemsLength = 0;
+      this.$on('hook:beforeUpdate', () => {
+        var _this$$refs$content;
 
-  updated() {
-    if (this.internalItemsLength === (this.$children || []).length) return;
-    this.setWidths();
+        itemsLength = (((_this$$refs$content = this.$refs.content) == null ? void 0 : _this$$refs$content.children) || []).length;
+      });
+      this.$on('hook:updated', () => {
+        var _this$$refs$content2;
+
+        if (itemsLength === (((_this$$refs$content2 = this.$refs.content) == null ? void 0 : _this$$refs$content2.children) || []).length) return;
+        this.setWidths();
+      });
+    }
   },
 
   methods: {
@@ -24393,7 +24421,6 @@ var VOtpInput = baseMixins$b.extend().extend({
     plain: Boolean
   },
   data: () => ({
-    badInput: false,
     initialValue: null,
     isBooted: false,
     otp: []
@@ -24408,10 +24435,6 @@ var VOtpInput = baseMixins$b.extend().extend({
         ...VTextField.options.computed.classes.call(this),
         'v-otp-input--plain': this.plain
       };
-    },
-
-    isDirty() {
-      return VInput.options.computed.isDirty.call(this) || this.badInput;
     }
 
   },
@@ -24513,18 +24536,17 @@ var VOtpInput = baseMixins$b.extend().extend({
           min: this.type === 'number' ? 0 : null
         },
         attrs: { ...this.attrs$,
+          autocomplete: 'one-time-code',
           disabled: this.isDisabled,
           readonly: this.isReadonly,
           type: this.type,
           id: `${this.computedId}--${otpIdx}`,
-          class: `otp-field-box--${otpIdx}`,
-          maxlength: 1
+          class: `otp-field-box--${otpIdx}`
         },
         on: Object.assign(listeners, {
           blur: this.onBlur,
           input: e => this.onInput(e, otpIdx),
           focus: e => this.onFocus(e, otpIdx),
-          paste: e => this.onPaste(e, otpIdx),
           keydown: this.onKeyDown,
           keyup: e => this.onKeyUp(e, otpIdx)
         }),
@@ -24568,22 +24590,31 @@ var VOtpInput = baseMixins$b.extend().extend({
       }
     },
 
-    onInput(e, otpIdx) {
+    onInput(e, index) {
+      const maxCursor = +this.length - 1;
       const target = e.target;
       const value = target.value;
-      this.applyValue(otpIdx, target.value, () => {
-        this.internalValue = this.otp.join('');
-      });
-      this.badInput = target.validity && target.validity.badInput;
-      const nextIndex = otpIdx + 1;
+      const inputDataArray = (value == null ? void 0 : value.split('')) || [];
+      const newOtp = [...this.otp];
 
-      if (value) {
-        if (nextIndex < +this.length) {
-          this.changeFocus(nextIndex);
-        } else {
-          this.clearFocus(otpIdx);
-          this.onCompleted();
-        }
+      for (let i = 0; i < inputDataArray.length; i++) {
+        const appIdx = index + i;
+        if (appIdx > maxCursor) break;
+        newOtp[appIdx] = inputDataArray[i].toString();
+      }
+
+      if (!inputDataArray.length) {
+        newOtp.splice(index, 1);
+      }
+
+      this.otp = newOtp;
+      this.internalValue = this.otp.join('');
+
+      if (index + inputDataArray.length >= +this.length) {
+        this.onCompleted();
+        this.clearFocus(index);
+      } else if (inputDataArray.length) {
+        this.changeFocus(index + inputDataArray.length);
       }
     },
 
@@ -24615,39 +24646,6 @@ var VOtpInput = baseMixins$b.extend().extend({
       VInput.options.methods.onMouseUp.call(this, e);
     },
 
-    onPaste(event, index) {
-      var _event$clipboardData;
-
-      const maxCursor = +this.length - 1;
-      const inputVal = event == null ? void 0 : (_event$clipboardData = event.clipboardData) == null ? void 0 : _event$clipboardData.getData('Text');
-      const inputDataArray = (inputVal == null ? void 0 : inputVal.split('')) || [];
-      event.preventDefault();
-      const newOtp = [...this.otp];
-
-      for (let i = 0; i < inputDataArray.length; i++) {
-        const appIdx = index + i;
-        if (appIdx > maxCursor) break;
-        newOtp[appIdx] = inputDataArray[i].toString();
-      }
-
-      this.otp = newOtp;
-      this.internalValue = this.otp.join('');
-      const targetFocus = Math.min(index + inputDataArray.length, maxCursor);
-      this.changeFocus(targetFocus);
-
-      if (newOtp.length === +this.length) {
-        this.onCompleted();
-        this.clearFocus(targetFocus);
-      }
-    },
-
-    applyValue(index, inputVal, next) {
-      const newOtp = [...this.otp];
-      newOtp[index] = inputVal;
-      this.otp = newOtp;
-      next();
-    },
-
     changeFocus(index) {
       this.onFocus(undefined, index || 0);
     },
@@ -27538,6 +27536,16 @@ var VTabs = baseMixins$4.extend().extend({
   },
 
   mounted() {
+    if (typeof ResizeObserver !== 'undefined') {
+      const obs = new ResizeObserver(() => {
+        this.onResize();
+      });
+      obs.observe(this.$el);
+      this.$on('hook:destroyed', () => {
+        obs.disconnect();
+      });
+    }
+
     this.$nextTick(() => {
       window.setTimeout(this.callSlider, 30);
     });
@@ -36837,7 +36845,7 @@ var Vuetify = /*#__PURE__*/function () {
 exports.default = Vuetify;
 Vuetify.install = install_1.install;
 Vuetify.installed = false;
-Vuetify.version = "2.6.6";
+Vuetify.version = "2.6.7";
 Vuetify.config = {
   silent: false
 };
@@ -37631,7 +37639,7 @@ let ZdComponent = ZdComponent_1 = class ZdComponent extends Vue {
     constructor() {
         super(...arguments);
         this.instance = {};
-        this.instanceType = Component$1;
+        this.instanceType = Component;
         this.createdFromObject = false;
     }
     created() {
@@ -37790,14 +37798,14 @@ __decorate([
 ], ZdComponent.prototype, "keyMap", void 0);
 __decorate([
     Prop({ type: Object }),
-    __metadata("design:type", Component$1)
+    __metadata("design:type", Component)
 ], ZdComponent.prototype, "parent", void 0);
 __decorate([
     Prop({ type: Object }),
-    __metadata("design:type", Component$1)
+    __metadata("design:type", Component)
 ], ZdComponent.prototype, "instanceObject", void 0);
 ZdComponent = ZdComponent_1 = __decorate([
-    Component
+    Component$1
 ], ZdComponent);
 var ZdComponent$1 = ZdComponent;
 
@@ -37811,7 +37819,7 @@ let ZdAlert = class ZdAlert extends ZdComponent$1 {
     }
 };
 ZdAlert = __decorate([
-    Component,
+    Component$1,
     __metadata("design:paramtypes", [])
 ], ZdAlert);
 var script$1f = ZdAlert;
@@ -38085,7 +38093,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdComponentRender.prototype, "component", void 0);
 ZdComponentRender = __decorate([
-    Component
+    Component$1
 ], ZdComponentRender);
 var ZdComponentRender$1 = ZdComponentRender;
 
@@ -38178,7 +38186,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdApexChart.prototype, "loadColor", void 0);
 ZdApexChart = __decorate([
-    Component
+    Component$1
 ], ZdApexChart);
 var script$1e = ZdApexChart;
 
@@ -38301,7 +38309,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdBadge.prototype, "showBadgeCounter", void 0);
 ZdBadge = __decorate([
-    Component
+    Component$1
 ], ZdBadge);
 var script$1d = ZdBadge;
 
@@ -38424,7 +38432,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdBreadcrumbs.prototype, "small", void 0);
 ZdBreadcrumbs = __decorate([
-    Component
+    Component$1
 ], ZdBreadcrumbs);
 var script$1c = ZdBreadcrumbs;
 
@@ -38630,7 +38638,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdButton.prototype, "width", void 0);
 ZdButton = __decorate([
-    Component
+    Component$1
 ], ZdButton);
 var ZdButton$1 = ZdButton;
 
@@ -38732,7 +38740,7 @@ __vue_render__$1j._withStripped = true;
   /* style */
   const __vue_inject_styles__$1j = function (inject) {
     if (!inject) return
-    inject("data-v-5c5a5758_0", { source: ".v-btn.zd-button,\na.v-btn.zd-button,\nbutton.v-btn.zd-button {\n  letter-spacing: unset;\n  text-transform: none;\n}\n.v-btn.zd-button.v-btn:not(.v-btn--fab),\na.v-btn.zd-button.v-btn:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn:not(.v-btn--fab) {\n  box-shadow: none;\n}\n.v-btn.zd-button.v-size--default,\na.v-btn.zd-button.v-size--default,\nbutton.v-btn.zd-button.v-size--default {\n  min-width: 0;\n}\n.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\na.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\nbutton.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded) {\n  border-radius: var(--border);\n  padding: var(--spacing-2) var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--default,\na.v-btn.zd-button.v-btn.v-size--default,\nbutton.v-btn.zd-button.v-btn.v-size--default {\n  min-height: var(--spacing-6);\n}\n.v-btn.zd-button.v-btn.v-size--default.v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--default.v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--default.v-btn--icon {\n  min-width: var(--spacing-6);\n}\n.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab),\na.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab) {\n  height: auto;\n  width: auto;\n  min-height: 24px;\n  padding: 0 var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon {\n  padding: 0;\n  min-width: 24px;\n}\n.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab),\na.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab) {\n  height: auto;\n  min-height: 56px;\n  padding: 0 var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon {\n  min-width: 56px;\n}\n.v-btn.zd-button.v-btn--outlined,\na.v-btn.zd-button.v-btn--outlined,\nbutton.v-btn.zd-button.v-btn--outlined {\n  border: var(--regular) solid;\n}\n.v-btn.zd-button .v-btn__content .v-icon,\na.v-btn.zd-button .v-btn__content .v-icon,\nbutton.v-btn.zd-button .v-btn__content .v-icon {\n  height: var(--icon-size);\n  width: var(--icon-size);\n}\n.v-btn.zd-button .v-btn__content .v-icon--left,\na.v-btn.zd-button .v-btn__content .v-icon--left,\nbutton.v-btn.zd-button .v-btn__content .v-icon--left {\n  margin-right: var(--spacing-2);\n  margin-left: 0;\n}\n.v-btn.zd-button .v-btn__content .v-icon--right,\na.v-btn.zd-button .v-btn__content .v-icon--right,\nbutton.v-btn.zd-button .v-btn__content .v-icon--right {\n  margin-right: 0;\n  margin-left: var(--spacing-2);\n}", map: undefined, media: undefined });
+    inject("data-v-24241a72_0", { source: ".v-btn.zd-button,\na.v-btn.zd-button,\nbutton.v-btn.zd-button {\n  letter-spacing: unset;\n  text-transform: none;\n}\n.v-btn.zd-button.v-btn:not(.v-btn--fab),\na.v-btn.zd-button.v-btn:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn:not(.v-btn--fab) {\n  box-shadow: none;\n}\n.v-btn.zd-button.v-size--default,\na.v-btn.zd-button.v-size--default,\nbutton.v-btn.zd-button.v-size--default {\n  min-width: 0;\n}\n.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\na.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded),\nbutton.v-btn.zd-button.v-btn:not(.v-btn--round, .v-btn--rounded) {\n  border-radius: var(--border);\n  padding: var(--spacing-2) var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--default,\na.v-btn.zd-button.v-btn.v-size--default,\nbutton.v-btn.zd-button.v-btn.v-size--default {\n  min-height: var(--spacing-6);\n}\n.v-btn.zd-button.v-btn.v-size--default.v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--default.v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--default.v-btn--icon {\n  min-width: var(--spacing-6);\n}\n.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab),\na.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab) {\n  height: auto;\n  width: auto;\n  min-height: 24px;\n  padding: 0 var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--small:not(.v-btn--fab).v-btn--icon {\n  padding: 0;\n  min-width: 24px;\n}\n.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab),\na.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab),\nbutton.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab) {\n  height: auto;\n  min-height: 56px;\n  padding: 0 var(--spacing-4);\n}\n.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon,\na.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon,\nbutton.v-btn.zd-button.v-btn.v-size--large:not(.v-btn--fab).v-btn--icon {\n  min-width: 56px;\n}\n.v-btn.zd-button.v-btn--outlined,\na.v-btn.zd-button.v-btn--outlined,\nbutton.v-btn.zd-button.v-btn--outlined {\n  border: var(--regular) solid;\n}\n.v-btn.zd-button .v-btn__content .v-icon,\na.v-btn.zd-button .v-btn__content .v-icon,\nbutton.v-btn.zd-button .v-btn__content .v-icon {\n  height: var(--icon-size);\n  width: var(--icon-size);\n}\n.v-btn.zd-button .v-btn__content .v-icon--left,\na.v-btn.zd-button .v-btn__content .v-icon--left,\nbutton.v-btn.zd-button .v-btn__content .v-icon--left {\n  margin-right: var(--spacing-1);\n}\n.v-btn.zd-button .v-btn__content .v-icon--right,\na.v-btn.zd-button .v-btn__content .v-icon--right,\nbutton.v-btn.zd-button .v-btn__content .v-icon--right {\n  margin-left: var(--spacing-1);\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -38837,7 +38845,7 @@ __decorate([
     __metadata("design:type", Array)
 ], ZdButtonGroup.prototype, "children", void 0);
 ZdButtonGroup = __decorate([
-    Component
+    Component$1
 ], ZdButtonGroup);
 var script$1b = ZdButtonGroup;
 
@@ -39047,7 +39055,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdCard.prototype, "width", void 0);
 ZdCard = __decorate([
-    Component
+    Component$1
 ], ZdCard);
 var script$1a = ZdCard;
 
@@ -39397,7 +39405,7 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], ZdCarousel.prototype, "changeIsVisible", null);
 ZdCarousel = __decorate([
-    Component
+    Component$1
 ], ZdCarousel);
 var script$19 = ZdCarousel;
 
@@ -39870,7 +39878,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdInput.prototype, "value", void 0);
 ZdInput = __decorate([
-    Component
+    Component$1
 ], ZdInput);
 var ZdInput$1 = ZdInput;
 
@@ -39892,7 +39900,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdToggleable.prototype, "trueValue", void 0);
 ZdToggleable = __decorate([
-    Component
+    Component$1
 ], ZdToggleable);
 var ZdToggleable$1 = ZdToggleable;
 
@@ -39910,7 +39918,7 @@ let ZdCheckbox = class ZdCheckbox extends ZdToggleable$1 {
     }
 };
 ZdCheckbox = __decorate([
-    Component
+    Component$1
 ], ZdCheckbox);
 var script$18 = ZdCheckbox;
 
@@ -40077,7 +40085,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdCheckboxMultiple.prototype, "vertical", void 0);
 ZdCheckboxMultiple = __decorate([
-    Component
+    Component$1
 ], ZdCheckboxMultiple);
 var script$17 = ZdCheckboxMultiple;
 
@@ -40279,7 +40287,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdChip.prototype, "xSmall", void 0);
 ZdChip = __decorate([
-    Component
+    Component$1
 ], ZdChip);
 var script$16 = ZdChip;
 
@@ -40484,7 +40492,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdCodeEditor.prototype, "staticCode", void 0);
 ZdCodeEditor = __decorate([
-    Component
+    Component$1
 ], ZdCodeEditor);
 var script$15 = ZdCodeEditor;
 
@@ -40686,7 +40694,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdCol.prototype, "offset", void 0);
 ZdCol = __decorate([
-    Component
+    Component$1
 ], ZdCol);
 var script$14 = ZdCol;
 
@@ -40864,7 +40872,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdCollapseCard.prototype, "readonly", void 0);
 ZdCollapseCard = __decorate([
-    Component
+    Component$1
 ], ZdCollapseCard);
 var script$13 = ZdCollapseCard;
 
@@ -41119,7 +41127,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdContainer.prototype, "minHeight", void 0);
 ZdContainer = __decorate([
-    Component
+    Component$1
 ], ZdContainer);
 var script$12 = ZdContainer;
 
@@ -41354,7 +41362,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdTextInput.prototype, "value", void 0);
 ZdTextInput = __decorate([
-    Component
+    Component$1
 ], ZdTextInput);
 var ZdTextInput$1 = ZdTextInput;
 
@@ -41412,6 +41420,7 @@ var __vue_render__$18 = function () {
             },
             "zd-text-align-" +
               (_vm.instance.reverse ? "right" : _vm.instance.align),
+            _vm.instance.type === "color" ? "zd-color-type" : "",
           ],
           style: _vm.instance.cssStyle,
           attrs: {
@@ -41523,7 +41532,7 @@ __vue_render__$18._withStripped = true;
   /* style */
   const __vue_inject_styles__$18 = function (inject) {
     if (!inject) return
-    inject("data-v-60a42fc6_0", { source: ".zd-text-input__affix, .v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append .zd-text-input__append__suffix, .v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__prefix {\n  font-weight: var(--zd-font-body2-weight);\n  color: var(--v-grey-lighten2);\n  font-size: var(--zd-font-body2-size);\n  line-height: 15px;\n  padding: 3px 0 4px 0;\n}\n.zd-input.v-input.v-input--is-readonly > .v-input__control > .v-input__slot {\n  background-color: var(--v-grey-lighten5);\n}\n.zd-input.v-input.v-input--is-readonly.theme--dark > .v-input__control > .v-input__slot {\n  background-color: var(--v-grey-darken2);\n}\n.v-input.zd-text-input {\n  padding-top: var(--spacing-4);\n}\n.v-input.zd-text-input .v-input__prepend-outer {\n  margin-right: var(--spacing-1);\n}\n.v-input.zd-text-input .v-input__append-outer {\n  margin-left: var(--spacing-1);\n}\n.v-input.zd-text-input .v-input__prepend-outer, .v-input.zd-text-input .v-input__append-outer {\n  margin-top: calc(var(--spacing-7) / 2 - var(--icon-size) / 2);\n  margin-bottom: calc(var(--spacing-7) / 2 - var(--icon-size) / 2);\n}\n.v-input.zd-text-input .v-input__append-inner, .v-input.zd-text-input .v-input__prepend-inner {\n  padding: 0;\n  margin: 0;\n  align-self: unset;\n}\n.v-input.zd-text-input .v-input__prepend-outer .v-icon, .v-input.zd-text-input .v-input__append-outer .v-icon, .v-input.zd-text-input .v-input__append-inner .v-icon, .v-input.zd-text-input .v-input__prepend-inner .v-icon {\n  font-size: var(--icon-size);\n}\n.v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__prefix {\n  padding-left: var(--spacing-2);\n}\n.v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__slot {\n  position: static;\n}\n.v-input.zd-text-input.v-text-field--reverse > .v-input__control > .v-input__slot label {\n  left: auto !important;\n}\n.v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append {\n  align-items: center;\n  display: inline-flex;\n  flex: 1 0 auto;\n  justify-content: center;\n}\n.v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append .zd-text-input__append__suffix {\n  padding-right: var(--spacing-2);\n}\n.v-input.zd-text-input.zd-text-input--prepend-icon > .v-input__control > .v-input__slot > .v-input__prepend-inner {\n  padding: 0;\n}\n.v-input.zd-text-input.zd-text-input--append-icon > .v-input__control > .v-input__slot > .v-input__append-inner {\n  padding: 0;\n}\n.v-input.zd-text-input.zd-dense .v-input__prepend-outer, .v-input.zd-text-input.zd-dense .v-input__append-outer {\n  margin-top: calc(var(--icon-size) / 2 - var(--icon-size) / 2);\n  margin-bottom: calc(var(--icon-size) / 2 - var(--icon-size) / 2);\n}\n.v-input.zd-text-input.zd-dense .v-input__prepend-outer .v-icon, .v-input.zd-text-input.zd-dense .v-input__append-outer .v-icon, .v-input.zd-text-input.zd-dense .v-input__append-inner .v-icon, .v-input.zd-text-input.zd-dense .v-input__prepend-inner .v-icon {\n  font-size: var(--icon-size-small);\n}\n.v-input.zd-text-input.zd-dense .v-input__slot .v-text-field__prefix {\n  height: auto;\n}\n.v-input.zd-text-input.zd-no-border:not(.error--text) .v-input__append-inner:last-child,\n.v-input.zd-text-input.zd-no-border:not(.error--text) .v-input__prepend-inner:first-child {\n  margin: 0;\n}\n.v-input.zd-text-input.zd-no-border:not(.error--text) > .v-input__control > .v-input__slot input {\n  padding: 0;\n}\n.v-input.zd-text-input.zd-text-align-left > .v-input__control > .v-input__slot input {\n  text-align: left;\n}\n.v-input.zd-text-input.zd-text-align-center > .v-input__control > .v-input__slot input {\n  text-align: center;\n}\n.v-input.zd-text-input.zd-text-align-right > .v-input__control > .v-input__slot input {\n  text-align: right;\n}", map: undefined, media: undefined });
+    inject("data-v-5ab905d8_0", { source: ".zd-text-input__affix, .v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append .zd-text-input__append__suffix, .v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__prefix {\n  font-weight: var(--zd-font-body2-weight);\n  color: var(--v-grey-lighten2);\n  font-size: var(--zd-font-body2-size);\n  line-height: 15px;\n  padding: 3px 0 4px 0;\n}\n.zd-input.v-input.v-input--is-readonly > .v-input__control > .v-input__slot {\n  background-color: var(--v-grey-lighten5);\n}\n.zd-input.v-input.v-input--is-readonly.theme--dark > .v-input__control > .v-input__slot {\n  background-color: var(--v-grey-darken2);\n}\n.v-input.zd-text-input {\n  padding-top: var(--spacing-4);\n}\n.v-input.zd-text-input .v-input__prepend-outer {\n  margin-right: var(--spacing-1);\n}\n.v-input.zd-text-input .v-input__append-outer {\n  margin-left: var(--spacing-1);\n}\n.v-input.zd-text-input .v-input__prepend-outer, .v-input.zd-text-input .v-input__append-outer {\n  margin-top: calc(var(--spacing-7) / 2 - var(--icon-size) / 2);\n  margin-bottom: calc(var(--spacing-7) / 2 - var(--icon-size) / 2);\n}\n.v-input.zd-text-input .v-input__append-inner, .v-input.zd-text-input .v-input__prepend-inner {\n  padding: 0;\n  margin: 0;\n  align-self: unset;\n}\n.v-input.zd-text-input .v-input__prepend-outer .v-icon, .v-input.zd-text-input .v-input__append-outer .v-icon, .v-input.zd-text-input .v-input__append-inner .v-icon, .v-input.zd-text-input .v-input__prepend-inner .v-icon {\n  font-size: var(--icon-size);\n}\n.v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__prefix {\n  padding-left: var(--spacing-2);\n}\n.v-input.zd-text-input > .v-input__control > .v-input__slot .v-text-field__slot {\n  position: static;\n}\n.v-input.zd-text-input.v-text-field--reverse > .v-input__control > .v-input__slot label {\n  left: auto !important;\n}\n.v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append {\n  align-items: center;\n  display: inline-flex;\n  flex: 1 0 auto;\n  justify-content: center;\n}\n.v-input.zd-text-input.zd-text-input--suffix .v-input__append-inner > .zd-text-input__append .zd-text-input__append__suffix {\n  padding-right: var(--spacing-2);\n}\n.v-input.zd-text-input.zd-text-input--prepend-icon > .v-input__control > .v-input__slot > .v-input__prepend-inner {\n  padding: 0;\n}\n.v-input.zd-text-input.zd-text-input--append-icon > .v-input__control > .v-input__slot > .v-input__append-inner {\n  padding: 0;\n}\n.v-input.zd-text-input.zd-dense .v-input__prepend-outer, .v-input.zd-text-input.zd-dense .v-input__append-outer {\n  margin-top: calc(var(--icon-size) / 2 - var(--icon-size) / 2);\n  margin-bottom: calc(var(--icon-size) / 2 - var(--icon-size) / 2);\n}\n.v-input.zd-text-input.zd-dense .v-input__prepend-outer .v-icon, .v-input.zd-text-input.zd-dense .v-input__append-outer .v-icon, .v-input.zd-text-input.zd-dense .v-input__append-inner .v-icon, .v-input.zd-text-input.zd-dense .v-input__prepend-inner .v-icon {\n  font-size: var(--icon-size-small);\n}\n.v-input.zd-text-input.zd-dense .v-input__slot .v-text-field__prefix {\n  height: auto;\n}\n.v-input.zd-text-input.zd-no-border:not(.error--text) .v-input__append-inner:last-child,\n.v-input.zd-text-input.zd-no-border:not(.error--text) .v-input__prepend-inner:first-child {\n  margin: 0;\n}\n.v-input.zd-text-input.zd-no-border:not(.error--text) > .v-input__control > .v-input__slot input {\n  padding: 0;\n}\n.v-input.zd-text-input.zd-text-align-left > .v-input__control > .v-input__slot input {\n  text-align: left;\n}\n.v-input.zd-text-input.zd-color-type > .v-input__control > .v-input__slot input {\n  padding: 0;\n  cursor: pointer;\n  max-height: 22px;\n}\n.v-input.zd-text-input.zd-color-type:not(.zd-dense) > .v-input__control > .v-input__slot input {\n  max-height: 34px;\n}\n.v-input.zd-text-input.zd-text-align-center > .v-input__control > .v-input__slot input {\n  text-align: center;\n}\n.v-input.zd-text-input.zd-text-align-right > .v-input__control > .v-input__slot input {\n  text-align: right;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -41600,7 +41609,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdNumber.prototype, "value", void 0);
 ZdNumber = __decorate([
-    Component
+    Component$1
 ], ZdNumber);
 var ZdNumber$1 = ZdNumber;
 
@@ -41688,7 +41697,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdCurrency.prototype, "mask", void 0);
 ZdCurrency = __decorate([
-    Component
+    Component$1
 ], ZdCurrency);
 var script$11 = ZdCurrency;
 
@@ -41885,8 +41894,12 @@ __decorate([
     PropWatch({ type: [Number, String], default: '' }),
     __metadata("design:type", Object)
 ], ZdDashboard.prototype, "heightAdjust", void 0);
+__decorate([
+    PropWatch({ type: Array, default: () => undefined }),
+    __metadata("design:type", Object)
+], ZdDashboard.prototype, "cardFooterSlot", void 0);
 ZdDashboard = __decorate([
-    Component
+    Component$1
 ], ZdDashboard);
 var script$10 = ZdDashboard;
 
@@ -41968,6 +41981,11 @@ var __vue_render__$15 = function () {
                 {
                   staticClass: "zd-dashboard-card-div dashboard-div-card",
                   attrs: { id: "dashboardDivCard-" + card.cardId },
+                  on: {
+                    mousedown: function ($event) {
+                      return _vm.instance.selectCard(card.cardId)
+                    },
+                  },
                 },
                 [
                   _c(
@@ -42092,7 +42110,7 @@ __vue_render__$15._withStripped = true;
   /* style */
   const __vue_inject_styles__$15 = function (inject) {
     if (!inject) return
-    inject("data-v-5ff6ec98_0", { source: ".zd-dashboard {\n  display: flex;\n  flex-direction: column;\n  cursor: auto;\n}\n.zd-dashboard .zd-header {\n  margin-bottom: 10px;\n}\n.zd-dashboard .zd-footer {\n  bottom: 0;\n  right: 20px;\n  position: absolute;\n  padding: 3px;\n}\n.zd-dashboard .zd-footer.theme--dark {\n  background: #1e1e1e;\n}\n.zd-dashboard .zd-footer.theme--light {\n  background: #fff;\n}\n.zd-dashboard .zd-icon {\n  bottom: 0;\n  right: 0;\n  position: absolute;\n  cursor: nw-resize;\n}\n.zd-dashboard .zd-dashboard-body {\n  justify-content: flex-start;\n  align-content: flex-start;\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  min-height: 0;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col {\n  min-height: 70px;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div {\n  height: 100%;\n  position: relative;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div > .zd-card {\n  height: 100%;\n}\n.ghost-drag {\n  border: 2px dashed #772583;\n  opacity: 0.5;\n  margin: 0;\n}", map: undefined, media: undefined });
+    inject("data-v-29d9be7e_0", { source: ".zd-dashboard {\n  display: flex;\n  flex-direction: column;\n  cursor: auto;\n}\n.zd-dashboard .zd-header {\n  margin-bottom: 10px;\n}\n.zd-dashboard .zd-footer {\n  bottom: 0;\n  right: 10px;\n  position: absolute;\n  padding: 3px;\n}\n.zd-dashboard .zd-footer.theme--dark {\n  background: #1e1e1e;\n}\n.zd-dashboard .zd-footer.theme--light {\n  background: #fff;\n}\n.zd-dashboard .zd-icon {\n  bottom: 0;\n  right: 0;\n  position: absolute;\n  cursor: nw-resize;\n}\n.zd-dashboard .zd-dashboard-body {\n  justify-content: flex-start;\n  align-content: flex-start;\n  display: flex;\n  flex-wrap: wrap;\n  height: 100%;\n  min-height: 0;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col {\n  min-height: 70px;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div {\n  height: 100%;\n  position: relative;\n}\n.zd-dashboard .zd-dashboard-body .zd-dashboard-card-col .zd-dashboard-card-div > .zd-card {\n  height: 100%;\n}\n.ghost-drag {\n  border: 2px dashed #772583;\n  opacity: 0.5;\n  margin: 0;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -42361,7 +42379,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdDate.prototype, "helperValue", void 0);
 ZdDate = __decorate([
-    Component
+    Component$1
 ], ZdDate);
 var script$$ = ZdDate;
 
@@ -42784,7 +42802,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdDateRange.prototype, "helperValue", void 0);
 ZdDateRange = __decorate([
-    Component
+    Component$1
 ], ZdDateRange);
 var script$_ = ZdDateRange;
 
@@ -42998,7 +43016,7 @@ let ZdDialog = class ZdDialog extends ZdComponent$1 {
     }
 };
 ZdDialog = __decorate([
-    Component,
+    Component$1,
     __metadata("design:paramtypes", [])
 ], ZdDialog);
 var script$Z = ZdDialog;
@@ -43014,6 +43032,7 @@ var __vue_render__$12 = function () {
   return _c(
     "v-dialog",
     {
+      key: "" + _vm.dialog.name + _vm.dialog.isVisible,
       attrs: {
         id: _vm.dialog.name,
         "max-width": _vm.dialog.maxWidth,
@@ -43108,7 +43127,7 @@ __vue_render__$12._withStripped = true;
   /* style */
   const __vue_inject_styles__$12 = function (inject) {
     if (!inject) return
-    inject("data-v-8dc5d162_0", { source: ".v-dialog > .zd-dialog > .zd-dialog-title {\n  padding: var(--spacing-4);\n  padding-bottom: 0;\n  color: var(--zd-font-color);\n  font-size: var(--zd-font-title-size);\n  font-weight: var(--zd-font-title-weight);\n}\n.v-dialog > .zd-dialog > .zd-dialog-title .zd-dialog-icon {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  margin-right: var(--spacing-2);\n}\n.v-dialog > .zd-dialog .zd-dialog-text {\n  padding: 14px var(--spacing-4) var(--spacing-4) var(--spacing-4);\n  color: var(--zd-font-color);\n  font-size: var(--zd-font-body3-size);\n  font-weight: var(--zd-font-body3-weight);\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons {\n  padding: var(--spacing-4);\n  padding-top: 0;\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons .zd-button {\n  margin-left: var(--spacing-2);\n}", map: undefined, media: undefined });
+    inject("data-v-308734a8_0", { source: ".v-dialog > .zd-dialog > .zd-dialog-title {\n  padding: var(--spacing-4);\n  padding-bottom: 0;\n  color: var(--zd-font-color);\n  font-size: var(--zd-font-title-size);\n  font-weight: var(--zd-font-title-weight);\n}\n.v-dialog > .zd-dialog > .zd-dialog-title .zd-dialog-icon {\n  width: var(--icon-size);\n  height: var(--icon-size);\n  margin-right: var(--spacing-2);\n}\n.v-dialog > .zd-dialog .zd-dialog-text {\n  padding: 14px var(--spacing-4) var(--spacing-4) var(--spacing-4);\n  color: var(--zd-font-color);\n  font-size: var(--zd-font-body3-size);\n  font-weight: var(--zd-font-body3-weight);\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons {\n  padding: var(--spacing-4);\n  padding-top: 0;\n}\n.v-dialog > .zd-dialog .zd-dialog-buttons .zd-button {\n  margin-left: var(--spacing-2);\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -43154,7 +43173,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdDivider.prototype, "vertical", void 0);
 ZdDivider = __decorate([
-    Component
+    Component$1
 ], ZdDivider);
 var script$Y = ZdDivider;
 
@@ -43309,7 +43328,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdDropdown.prototype, "value", void 0);
 ZdDropdown = __decorate([
-    Component
+    Component$1
 ], ZdDropdown);
 var script$X = ZdDropdown;
 
@@ -43599,7 +43618,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdFileInput.prototype, "value", void 0);
 ZdFileInput = __decorate([
-    Component
+    Component$1
 ], ZdFileInput);
 var script$W = ZdFileInput;
 
@@ -43983,7 +44002,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdFooter.prototype, "width", void 0);
 ZdFooter = __decorate([
-    Component
+    Component$1
 ], ZdFooter);
 var script$V = ZdFooter;
 
@@ -44275,7 +44294,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdForm.prototype, "value", void 0);
 ZdForm = __decorate([
-    Component
+    Component$1
 ], ZdForm);
 var script$U = ZdForm;
 
@@ -44458,7 +44477,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdFrame.prototype, "minHeight", void 0);
 ZdFrame = __decorate([
-    Component
+    Component$1
 ], ZdFrame);
 var script$T = ZdFrame;
 
@@ -44559,7 +44578,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdFramePage.prototype, "name", void 0);
 ZdFramePage = __decorate([
-    Component
+    Component$1
 ], ZdFramePage);
 var script$S = ZdFramePage;
 
@@ -44667,7 +44686,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdIterable.prototype, "virtualScroll", void 0);
 ZdIterable = __decorate([
-    Component
+    Component$1
 ], ZdIterable);
 var ZdIterable$1 = ZdIterable;
 
@@ -45067,6 +45086,10 @@ __decorate([
     PropWatch({ type: [Number, String], default: undefined }),
     __metadata("design:type", Object)
 ], ZdGrid.prototype, "gridMaxHeight", void 0);
+__decorate([
+    Prop({ type: [String, Function], default: undefined }),
+    __metadata("design:type", Object)
+], ZdGrid.prototype, "disableSelection", void 0);
 __decorate([
     Prop({
         type: Array,
@@ -45115,6 +45138,10 @@ __decorate([
     PropWatch({ type: [Boolean, String], default: false }),
     __metadata("design:type", Object)
 ], ZdGrid.prototype, "resizeColumns", void 0);
+__decorate([
+    PropWatch({ type: [Boolean, String], default: true }),
+    __metadata("design:type", Object)
+], ZdGrid.prototype, "showSelectAll", void 0);
 __decorate([
     Prop({
         type: Array,
@@ -45171,7 +45198,6 @@ var __vue_render__$W = function () {
       height: _vm.instance.height,
       items: _vm.getData(),
       search: _vm.instance.datasource.search,
-      "show-select": _vm.instance.selectable,
       dense: _vm.instance.dense,
       loading: _vm.instance.datasource.loading,
       "item-key": _vm.instance.datasource.uniqueKey,
@@ -45234,31 +45260,35 @@ var __vue_render__$W = function () {
                                   _vm.instance.headerBackground,
                               },
                               [
-                                _c("v-checkbox", {
-                                  staticClass: "zd-grid-header-checkbox",
-                                  attrs: {
-                                    "hide-details": "",
-                                    color: "primary",
-                                    "on-icon": _vm.$getIcon("checkboxOn"),
-                                    "off-icon": _vm.$getIcon("checkboxOff"),
-                                    "indeterminate-icon": _vm.$getIcon(
-                                      "checkboxIndeterminate"
-                                    ),
-                                    "input-value": props.everyItem,
-                                    indeterminate:
-                                      !props.everyItem && props.someItems,
-                                  },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.stopPropagation();
-                                      on["toggle-select-all"](!props.everyItem);
-                                      _vm.selectAllClick(
-                                        !props.everyItem,
-                                        $event
-                                      );
-                                    },
-                                  },
-                                }),
+                                _vm.instance.showSelectAll
+                                  ? _c("v-checkbox", {
+                                      staticClass: "zd-grid-header-checkbox",
+                                      attrs: {
+                                        "hide-details": "",
+                                        color: "primary",
+                                        "on-icon": _vm.$getIcon("checkboxOn"),
+                                        "off-icon": _vm.$getIcon("checkboxOff"),
+                                        "indeterminate-icon": _vm.$getIcon(
+                                          "checkboxIndeterminate"
+                                        ),
+                                        "input-value": props.everyItem,
+                                        indeterminate:
+                                          !props.everyItem && props.someItems,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.stopPropagation();
+                                          on["toggle-select-all"](
+                                            !props.everyItem
+                                          );
+                                          _vm.selectAllClick(
+                                            !props.everyItem,
+                                            $event
+                                          );
+                                        },
+                                      },
+                                    })
+                                  : _vm._e(),
                               ],
                               1
                             )
@@ -45619,6 +45649,8 @@ var __vue_render__$W = function () {
                                 attrs: {
                                   "hide-details": "",
                                   color: "primary",
+                                  disabled:
+                                    _vm.instance.callDisableSelection(item),
                                   "on-icon": _vm.$getIcon("checkboxOn"),
                                   "off-icon": _vm.$getIcon("checkboxOff"),
                                   "true-value": true,
@@ -45917,7 +45949,7 @@ __vue_render__$W._withStripped = true;
   /* style */
   const __vue_inject_styles__$W = function (inject) {
     if (!inject) return
-    inject("data-v-1dfd9c3b_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: pre;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: normal;\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: pre;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: normal;\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  white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n  white-space: normal;\n}\n.zd-grid-loading {\n  pointer-events: none;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n  display: contents;\n  flex-direction: column;\n}", map: undefined, media: undefined });
+    inject("data-v-7918e706_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: pre;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: normal;\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: pre;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: normal;\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  justify-content: space-between;\n  gap: 1rem;\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  white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n  white-space: normal;\n}\n.zd-grid-loading {\n  pointer-events: none;\n}\n.v-data-table__progress {\n  position: sticky;\n  top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n  display: contents;\n  flex-direction: column;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -45977,17 +46009,17 @@ let ZdGridEditable = class ZdGridEditable extends ZdGrid$1 {
         }
         return this.instance.getEditableComponent(column, row, cellProps, events);
     }
-    cellClick(row, column, event) {
+    cellClick(row, column, event, canEdit = true) {
         if (!this.instance.doubleClickEdit || !column.editable) {
-            this.callCellClick(row, column, event);
+            this.callCellClick(row, column, event, canEdit);
             return;
         }
-        this.$doubleClick(() => this.instance.cellClickEvent(row, column, event, this.$el), () => this.callCellClick(row, column, event), event);
+        this.$doubleClick(() => this.instance.cellClickEvent(row, column, event, this.$el), () => this.callCellClick(row, column, event, canEdit), event);
     }
-    callCellClick(row, column, event) {
+    callCellClick(row, column, event, canEdit = true) {
         const key = row[this.instance.datasource.uniqueKey];
         this.inputToFocus = `column-${column.name}-${key}`;
-        this.instance.cellClick(row, column, event, this.$el);
+        this.instance.cellClick(row, column, event, this.$el, canEdit);
     }
     onMountedEvent({ element, component }) {
         const input = element.getElementsByTagName('input')[0];
@@ -46089,6 +46121,10 @@ __decorate([
     PropWatch({ type: [String, Boolean], default: false }),
     __metadata("design:type", Object)
 ], ZdGridEditable.prototype, "doubleClickEdit", void 0);
+__decorate([
+    PropWatch({ type: [String, Function], default: undefined }),
+    __metadata("design:type", Object)
+], ZdGridEditable.prototype, "canEditRow", void 0);
 ZdGridEditable = __decorate([
     Component$2
 ], ZdGridEditable);
@@ -46131,13 +46167,13 @@ var __vue_render__$V = function () {
       headers: _vm.instance.columns,
       items: _vm.getData(),
       search: _vm.instance.datasource.search,
-      "show-select": _vm.instance.selectable,
       dense: _vm.instance.dense,
       loading: _vm.instance.datasource.loading,
       "item-key": _vm.instance.datasource.uniqueKey,
       "disable-sort": "",
       "disable-filtering": "",
       tabindex: "0",
+      set: (_vm.canEditRowValues = {}),
     },
     on: {
       "current-items": function ($event) {
@@ -46194,32 +46230,36 @@ var __vue_render__$V = function () {
                                   _vm.instance.headerBackground,
                               },
                               [
-                                _c("v-checkbox", {
-                                  staticClass: "zd-grid-header-checkbox",
-                                  attrs: {
-                                    "hide-details": "",
-                                    color: "primary",
-                                    disabled: _vm.instance.editing,
-                                    "on-icon": _vm.$getIcon("checkboxOn"),
-                                    "off-icon": _vm.$getIcon("checkboxOff"),
-                                    "indeterminate-icon": _vm.$getIcon(
-                                      "checkboxIndeterminate"
-                                    ),
-                                    "input-value": props.everyItem,
-                                    indeterminate:
-                                      !props.everyItem && props.someItems,
-                                  },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.stopPropagation();
-                                      on["toggle-select-all"](!props.everyItem);
-                                      _vm.selectAllClick(
-                                        !props.everyItem,
-                                        $event
-                                      );
-                                    },
-                                  },
-                                }),
+                                _vm.instance.showSelectAll
+                                  ? _c("v-checkbox", {
+                                      staticClass: "zd-grid-header-checkbox",
+                                      attrs: {
+                                        "hide-details": "",
+                                        color: "primary",
+                                        disabled: _vm.instance.editing,
+                                        "on-icon": _vm.$getIcon("checkboxOn"),
+                                        "off-icon": _vm.$getIcon("checkboxOff"),
+                                        "indeterminate-icon": _vm.$getIcon(
+                                          "checkboxIndeterminate"
+                                        ),
+                                        "input-value": props.everyItem,
+                                        indeterminate:
+                                          !props.everyItem && props.someItems,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.stopPropagation();
+                                          on["toggle-select-all"](
+                                            !props.everyItem
+                                          );
+                                          _vm.selectAllClick(
+                                            !props.everyItem,
+                                            $event
+                                          );
+                                        },
+                                      },
+                                    })
+                                  : _vm._e(),
                               ],
                               1
                             )
@@ -46285,7 +46325,7 @@ var __vue_render__$V = function () {
                                                     "span",
                                                     {
                                                       staticClass:
-                                                        "zd-table-cell-sort  zd-mr-1",
+                                                        "zd-table-cell-sort zd-mr-1",
                                                       on: {
                                                         click: function (
                                                           $event
@@ -46569,6 +46609,10 @@ var __vue_render__$V = function () {
                         active: isSelected,
                         current: _vm.isCurrentRow(item),
                       },
+                      attrs: {
+                        set: (_vm.canEditRowValues[_vm.rowKey(item)] =
+                          _vm.instance.callCanEditRow(item)),
+                      },
                       on: {
                         click: function ($event) {
                           return _vm.rowClick(item, $event)
@@ -46586,7 +46630,9 @@ var __vue_render__$V = function () {
                                 attrs: {
                                   "hide-details": "",
                                   color: "primary",
-                                  disabled: _vm.instance.editing,
+                                  disabled:
+                                    _vm.instance.editing ||
+                                    _vm.instance.callDisableSelection(item),
                                   "on-icon": _vm.$getIcon("checkboxOn"),
                                   "off-icon": _vm.$getIcon("checkboxOff"),
                                   "true-value": true,
@@ -46644,7 +46690,10 @@ var __vue_render__$V = function () {
                                                   {},
                                                   column,
                                                   cellProps
-                                                ).editable,
+                                                ).editable &&
+                                                _vm.canEditRowValues[
+                                                  _vm.rowKey(item)
+                                                ],
                                             },
                                           ],
                                           style: [
@@ -46655,11 +46704,14 @@ var __vue_render__$V = function () {
                                           ],
                                           on: {
                                             click: function ($event) {
-                                              return _vm.cellClick(
+                                              _vm.cellClick(
                                                 item,
                                                 column,
-                                                $event
-                                              )
+                                                $event,
+                                                _vm.canEditRowValues[
+                                                  _vm.rowKey(item)
+                                                ]
+                                              );
                                             },
                                           },
                                         },
@@ -46676,7 +46728,11 @@ var __vue_render__$V = function () {
                                             : _vm._e(),
                                           _vm._v(" "),
                                           Object.assign({}, column, cellProps)
-                                            .editable && _vm.instance.editing
+                                            .editable &&
+                                          _vm.canEditRowValues[
+                                            _vm.rowKey(item)
+                                          ] &&
+                                          _vm.instance.editing
                                             ? _c(
                                                 "span",
                                                 {
@@ -47045,8 +47101,8 @@ __vue_render__$V._withStripped = true;
   /* style */
   const __vue_inject_styles__$V = function (inject) {
     if (!inject) return
-    inject("data-v-4dde3c74_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: pre;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: normal;\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: pre;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: normal;\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  white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n  white-space: normal;\n}\n.zd-grid-loading {\n  pointer-events: none;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n  display: contents;\n  flex-direction: column;\n}", map: undefined, media: undefined })
-,inject("data-v-4dde3c74_1", { source: ".zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n  justify-content: flex-end;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n  justify-content: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n  display: flex;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n  display: flex;\n  font-size: 18px;\n  margin-right: var(--spacing-1);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n  padding: 0 8px;\n  position: relative;\n  display: block;\n  height: 20px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n  content: \"\";\n  position: absolute;\n  width: 1px;\n  height: var(--spacing-1);\n  bottom: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n  left: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n  right: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable {\n  cursor: pointer;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n  border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n  border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n  height: 22px;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n  height: 22px;\n  max-height: 22px;\n}", map: undefined, media: undefined });
+    inject("data-v-5a0418c4_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: pre;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: normal;\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: pre;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: normal;\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  justify-content: space-between;\n  gap: 1rem;\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  white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n  white-space: normal;\n}\n.zd-grid-loading {\n  pointer-events: none;\n}\n.v-data-table__progress {\n  position: sticky;\n  top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n  display: contents;\n  flex-direction: column;\n}", map: undefined, media: undefined })
+,inject("data-v-5a0418c4_1", { source: ".zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n  justify-content: flex-end;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n  justify-content: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n  display: flex;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n  display: flex;\n  font-size: 18px;\n  margin-right: var(--spacing-1);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n  padding: 0 8px;\n  position: relative;\n  display: block;\n  height: 20px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n  content: \"\";\n  position: absolute;\n  width: 1px;\n  height: var(--spacing-1);\n  bottom: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n  left: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n  right: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable {\n  cursor: pointer;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n  border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n  border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n  height: 22px;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n  height: 22px;\n  max-height: 22px;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -47176,7 +47232,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdHeader.prototype, "width", void 0);
 ZdHeader = __decorate([
-    Component
+    Component$1
 ], ZdHeader);
 var script$Q = ZdHeader;
 
@@ -47847,7 +47903,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdIcon.prototype, "iconName", void 0);
 ZdIcon = __decorate([
-    Component
+    Component$1
 ], ZdIcon);
 var script$M = ZdIcon;
 
@@ -47967,7 +48023,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdImage.prototype, "width", void 0);
 ZdImage = __decorate([
-    Component
+    Component$1
 ], ZdImage);
 var script$L = ZdImage;
 
@@ -48130,7 +48186,7 @@ __decorate([
     __metadata("design:type", Number)
 ], ZdIncrement.prototype, "step", void 0);
 ZdIncrement = __decorate([
-    Component
+    Component$1
 ], ZdIncrement);
 var script$K = ZdIncrement;
 
@@ -48297,7 +48353,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdIterableColumnsButton.prototype, "ignoreColumns", void 0);
 ZdIterableColumnsButton = __decorate([
-    Component
+    Component$1
 ], ZdIterableColumnsButton);
 var script$J = ZdIterableColumnsButton;
 
@@ -48445,7 +48501,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdIterablePageComponent.prototype, "iterableComponentName", void 0);
 ZdIterablePageComponent = __decorate([
-    Component
+    Component$1
 ], ZdIterablePageComponent);
 var ZdIterablePageComponent$1 = ZdIterablePageComponent;
 
@@ -48545,7 +48601,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdIterablePagination.prototype, "prevIcon", void 0);
 ZdIterablePagination = __decorate([
-    Component
+    Component$1
 ], ZdIterablePagination);
 var script$I = ZdIterablePagination;
 
@@ -48606,7 +48662,7 @@ __vue_render__$L._withStripped = true;
   /* style */
   const __vue_inject_styles__$L = function (inject) {
     if (!inject) return
-    inject("data-v-7aa6664e_0", { source: ".zd-iterable-pagination {\n  padding: 0;\n  max-width: calc(100% - 200px);\n  margin-left: 0;\n}\n.zd-iterable-pagination .v-pagination {\n  width: auto;\n}\n.zd-iterable-pagination .v-pagination.theme--dark .v-pagination__item--active {\n  color: #fff;\n  background: #282828 !important;\n  border-color: #282828 !important;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation {\n  box-shadow: none;\n  font-size: var(--zd-font-body1-size);\n  font-weight: var(--zd-font-body1-weight);\n  color: var(--zd-font-color);\n  background-color: transparent;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation, .zd-iterable-pagination .v-pagination .v-pagination__more {\n  margin: 0 var(--spacing-1);\n  height: 36px;\n  width: 36px;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation {\n  border: solid var(--regular) var(--v-grey-lighten3);\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation .v-icon {\n  font-size: var(--icon-size);\n}\n.zd-iterable-pagination .v-pagination li:first-child .v-pagination__navigation {\n  margin: 0 var(--spacing-1) 0 0;\n}\n.zd-iterable-pagination .v-pagination li:last-child .v-pagination__navigation {\n  margin: 0 0 0 var(--spacing-1);\n}", map: undefined, media: undefined });
+    inject("data-v-a197b5f2_0", { source: ".zd-iterable-pagination {\n  padding: 0;\n  max-width: calc(100% - 200px);\n  margin-left: 0;\n  display: flex;\n  gap: 0;\n  align-items: center;\n}\n.zd-iterable-pagination .v-pagination {\n  width: auto;\n}\n.zd-iterable-pagination .v-pagination.theme--dark .v-pagination__item--active {\n  color: #fff;\n  background: #282828 !important;\n  border-color: #282828 !important;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation {\n  box-shadow: none;\n  font-size: var(--zd-font-body1-size);\n  font-weight: var(--zd-font-body1-weight);\n  color: var(--zd-font-color);\n  background-color: transparent;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__item, .zd-iterable-pagination .v-pagination .v-pagination__navigation, .zd-iterable-pagination .v-pagination .v-pagination__more {\n  margin: 0 var(--spacing-1);\n  height: 2rem;\n  width: 2rem;\n  white-space: nowrap;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation {\n  border: solid var(--regular) var(--v-grey-lighten3);\n}\n.zd-iterable-pagination .v-pagination .v-pagination__navigation .v-icon {\n  font-size: var(--icon-size);\n}\n.zd-iterable-pagination .v-pagination li:first-child .v-pagination__navigation {\n  margin: 0 var(--spacing-1) 0 0;\n}\n.zd-iterable-pagination .v-pagination li:last-child .v-pagination__navigation {\n  margin: 0 0 0 var(--spacing-1);\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -48699,6 +48755,8 @@ let ZdSelect = class ZdSelect extends __vue_component__$18 {
         this.instance.selectInput(value, undefined, this.$el);
     }
     selectBlur(event) {
+        if (this.$el.contains(document.activeElement))
+            return;
         this.blur(event);
     }
     selectFocus(event) {
@@ -49190,7 +49248,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdIterablePageSize.prototype, "validations", void 0);
 ZdIterablePageSize = __decorate([
-    Component
+    Component$1
 ], ZdIterablePageSize);
 var script$G = ZdIterablePageSize;
 
@@ -49257,7 +49315,7 @@ let ZdIterablePageInfo = class ZdIterablePageInfo extends ZdIterablePageComponen
     }
 };
 ZdIterablePageInfo = __decorate([
-    Component
+    Component$1
 ], ZdIterablePageInfo);
 var script$F = ZdIterablePageInfo;
 
@@ -49382,7 +49440,7 @@ __decorate([
     __metadata("design:type", Array)
 ], ZdList.prototype, "items", void 0);
 ZdList = __decorate([
-    Component
+    Component$1
 ], ZdList);
 var ZdList$1 = ZdList;
 
@@ -49504,7 +49562,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdListItem$1.prototype, "title", void 0);
 ZdListItem$1 = __decorate([
-    Component
+    Component$1
 ], ZdListItem$1);
 var script$E = ZdListItem$1;
 
@@ -49620,7 +49678,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdListItem.prototype, "twoLine", void 0);
 ZdListItem = __decorate([
-    Component({ components: { ZdListItemContent: __vue_component__$G } })
+    Component$1({ components: { ZdListItemContent: __vue_component__$G } })
 ], ZdListItem);
 var script$D = ZdListItem;
 
@@ -49792,7 +49850,7 @@ __decorate([
     __metadata("design:type", Array)
 ], ZdListGroup.prototype, "items", void 0);
 ZdListGroup = __decorate([
-    Component
+    Component$1
 ], ZdListGroup);
 var script$C = ZdListGroup;
 
@@ -50034,7 +50092,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdLoading.prototype, "textColor", void 0);
 ZdLoading = __decorate([
-    Component,
+    Component$1,
     __metadata("design:paramtypes", [])
 ], ZdLoading);
 var script$B = ZdLoading;
@@ -50186,7 +50244,7 @@ __decorate([
     __metadata("design:type", Array)
 ], ZdLogin.prototype, "socialLogin", void 0);
 ZdLogin = __decorate([
-    Component
+    Component$1
 ], ZdLogin);
 var script$A = ZdLogin;
 
@@ -50392,7 +50450,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdLoginButton.prototype, "grantType", void 0);
 ZdLoginButton = __decorate([
-    Component
+    Component$1
 ], ZdLoginButton);
 var script$z = ZdLoginButton;
 
@@ -50459,7 +50517,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdMasterDetail.prototype, "config", void 0);
 ZdMasterDetail = __decorate([
-    Component
+    Component$1
 ], ZdMasterDetail);
 var script$y = ZdMasterDetail;
 
@@ -50773,7 +50831,7 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], ZdMenu.prototype, "onRouterChange", null);
 ZdMenu = __decorate([
-    Component
+    Component$1
 ], ZdMenu);
 var script$x = ZdMenu;
 
@@ -51037,7 +51095,7 @@ __decorate([
     __metadata("design:type", MenuGroup)
 ], ZdMenuLink.prototype, "parentGroup", void 0);
 ZdMenuLink = __decorate([
-    Component
+    Component$1
 ], ZdMenuLink);
 var script$w = ZdMenuLink;
 
@@ -51185,7 +51243,7 @@ __decorate([
     __metadata("design:type", MenuGroup)
 ], ZdMenuGroup.prototype, "parentGroup", void 0);
 ZdMenuGroup = __decorate([
-    Component
+    Component$1
 ], ZdMenuGroup);
 var script$v = ZdMenuGroup;
 
@@ -51351,7 +51409,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdMenuButton.prototype, "icon", void 0);
 ZdMenuButton = __decorate([
-    Component
+    Component$1
 ], ZdMenuButton);
 var script$u = ZdMenuButton;
 
@@ -51414,7 +51472,7 @@ let ZdMenuSeparator = class ZdMenuSeparator extends ZdComponentRender$1 {
     }
 };
 ZdMenuSeparator = __decorate([
-    Component
+    Component$1
 ], ZdMenuSeparator);
 var script$t = ZdMenuSeparator;
 
@@ -51570,7 +51628,7 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
     }
 };
 ZdModal = __decorate([
-    Component
+    Component$1
 ], ZdModal);
 var script$s = ZdModal;
 
@@ -51734,7 +51792,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdModalCloseButton.prototype, "icon", void 0);
 ZdModalCloseButton = __decorate([
-    Component
+    Component$1
 ], ZdModalCloseButton);
 var script$r = ZdModalCloseButton;
 
@@ -51809,7 +51867,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdMonth.prototype, "pickerType", void 0);
 ZdMonth = __decorate([
-    Component
+    Component$1
 ], ZdMonth);
 var script$q = ZdMonth;
 
@@ -51872,7 +51930,7 @@ let ZdPassword = class ZdPassword extends __vue_component__$18 {
     }
 };
 ZdPassword = __decorate([
-    Component
+    Component$1
 ], ZdPassword);
 var script$p = ZdPassword;
 
@@ -51963,7 +52021,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdProgress.prototype, "value", void 0);
 ZdProgress = __decorate([
-    Component
+    Component$1
 ], ZdProgress);
 var script$o = ZdProgress;
 
@@ -52099,7 +52157,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdRadio.prototype, "datasource", void 0);
 ZdRadio = __decorate([
-    Component
+    Component$1
 ], ZdRadio);
 var script$n = ZdRadio;
 
@@ -52337,7 +52395,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdRangeSlider.prototype, "vertical", void 0);
 ZdRangeSlider = __decorate([
-    Component
+    Component$1
 ], ZdRangeSlider);
 var script$m = ZdRangeSlider;
 
@@ -52550,7 +52608,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdRow.prototype, "noGutters", void 0);
 ZdRow = __decorate([
-    Component
+    Component$1
 ], ZdRow);
 var script$l = ZdRow;
 
@@ -52678,7 +52736,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdSearch.prototype, "cssClass", void 0);
 ZdSearch = __decorate([
-    Component
+    Component$1
 ], ZdSearch);
 var script$k = ZdSearch;
 
@@ -52771,7 +52829,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdSelectableList.prototype, "value", void 0);
 ZdSelectableList = __decorate([
-    Component
+    Component$1
 ], ZdSelectableList);
 var script$j = ZdSelectableList;
 
@@ -53059,6 +53117,8 @@ let ZdSelectMultiple = class ZdSelectMultiple extends __vue_component__$K {
         }
     }
     selectBlur(event) {
+        if (this.$el.contains(document.activeElement))
+            return;
         if (this.rows !== 1) {
             this.rows = 1;
             this.calcDisplay();
@@ -53740,7 +53800,7 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], ZdSelectTree.prototype, "changeDisabled", null);
 ZdSelectTree = __decorate([
-    Component
+    Component$1
 ], ZdSelectTree);
 var ZdSelectTree$1 = ZdSelectTree;
 
@@ -54015,7 +54075,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdSelectTreeMultiple.prototype, "valueConsistsOf", void 0);
 ZdSelectTreeMultiple = __decorate([
-    Component
+    Component$1
 ], ZdSelectTreeMultiple);
 var script$h = ZdSelectTreeMultiple;
 
@@ -54304,7 +54364,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdSpeedDial.prototype, "transition", void 0);
 ZdSpeedDial = __decorate([
-    Component
+    Component$1
 ], ZdSpeedDial);
 var script$g = ZdSpeedDial;
 
@@ -54476,7 +54536,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdSteppers.prototype, "content", void 0);
 ZdSteppers = __decorate([
-    Component
+    Component$1
 ], ZdSteppers);
 var script$f = ZdSteppers;
 
@@ -54728,7 +54788,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdSvgMap.prototype, "src", void 0);
 ZdSvgMap = __decorate([
-    Component
+    Component$1
 ], ZdSvgMap);
 var script$e = ZdSvgMap;
 
@@ -54830,7 +54890,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdSwitch.prototype, "inset", void 0);
 ZdSwitch = __decorate([
-    Component
+    Component$1
 ], ZdSwitch);
 var script$d = ZdSwitch;
 
@@ -54974,7 +55034,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdTable.prototype, "showTableHead", void 0);
 ZdTable = __decorate([
-    Component
+    Component$1
 ], ZdTable);
 var script$c = ZdTable;
 
@@ -55156,7 +55216,7 @@ __decorate([
     __metadata("design:type", Array)
 ], ZdTabs.prototype, "tabs", void 0);
 ZdTabs = __decorate([
-    Component
+    Component$1
 ], ZdTabs);
 var script$b = ZdTabs;
 
@@ -55370,7 +55430,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdTab.prototype, "tabName", void 0);
 ZdTab = __decorate([
-    Component
+    Component$1
 ], ZdTab);
 var script$a = ZdTab;
 
@@ -55471,7 +55531,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdTabItem.prototype, "lazyLoad", void 0);
 ZdTabItem = __decorate([
-    Component
+    Component$1
 ], ZdTabItem);
 var script$9 = ZdTabItem;
 
@@ -55586,7 +55646,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdTag.prototype, "tag", void 0);
 ZdTag = __decorate([
-    Component
+    Component$1
 ], ZdTag);
 var script$8 = ZdTag;
 
@@ -55707,7 +55767,7 @@ __decorate([
     __metadata("design:type", String)
 ], ZdText.prototype, "tag", void 0);
 ZdText = __decorate([
-    Component({
+    Component$1({
         components: { ZdRender },
     })
 ], ZdText);
@@ -55870,7 +55930,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdTextarea.prototype, "rows", void 0);
 ZdTextarea = __decorate([
-    Component
+    Component$1
 ], ZdTextarea);
 var script$6 = ZdTextarea;
 
@@ -56044,7 +56104,7 @@ let ZdTime = class ZdTime extends __vue_component__$18 {
     }
     onChangeTimePicker() {
         const textInput = this.$refs.instance.$children[0];
-        textInput.validate(false, this.instance.value);
+        textInput.validate(false);
     }
     mounted() {
         const textInput = this.$refs.instance.$children[0].$el.getElementsByTagName('input')[0];
@@ -56107,15 +56167,6 @@ let ZdTime = class ZdTime extends __vue_component__$18 {
         }
         return formatted;
     }
-    set pickerValue(value) {
-        this.instance.value = this.convert(value, false);
-    }
-    get pickerValue() {
-        if (!this.instance.isFullyValid())
-            return null;
-        const { value } = this.instance;
-        return this.convert(value);
-    }
     get pickerMinTime() {
         return this.convert(this.instance.minTime);
     }
@@ -56125,6 +56176,9 @@ let ZdTime = class ZdTime extends __vue_component__$18 {
     onPickerMousedown(event) {
         event.preventDefault();
     }
+    onSelectTime(time, event) {
+        this.instance.selectTime(time, event, this.$el);
+    }
     pickerMounted() {
         const picker = this.$refs.picker.$el;
         picker.addEventListener('mousedown', this.onPickerMousedown);
@@ -56133,6 +56187,27 @@ let ZdTime = class ZdTime extends __vue_component__$18 {
         const picker = this.$refs.picker.$el;
         picker.removeEventListener('mousedown', this.onPickerMousedown);
     }
+    toMask(format) {
+        const newMask = format.replace(/[B-Zb-z]/gi, '#').split('').map((char) => {
+            if (char === 'A' || char === 'a') {
+                return /[AapP]/;
+            }
+            if (char === '#') {
+                return /\d/;
+            }
+            return char;
+        });
+        if (format.includes('a') || format.includes('A')) {
+            newMask.push(/[mM]/);
+        }
+        return newMask;
+    }
+    get getTimeMask() {
+        if (this.instance.isFocused) {
+            return this.toMask(this.instance.inputFormat || this.instance.displayFormat || '');
+        }
+        return '';
+    }
 };
 __decorate([
     PropWatch({ type: [Array, String], default: undefined }),
@@ -56183,7 +56258,7 @@ __decorate([
     __metadata("design:type", Boolean)
 ], ZdTime.prototype, "useSeconds", void 0);
 __decorate([
-    PropWatch({ type: [String, Function], default: undefined }),
+    PropWatch({ type: String, default: undefined }),
     __metadata("design:type", Object)
 ], ZdTime.prototype, "mask", void 0);
 __decorate([
@@ -56191,11 +56266,15 @@ __decorate([
     __metadata("design:type", String)
 ], ZdTime.prototype, "valueFormat", void 0);
 __decorate([
-    PropWatch({ type: [String] }),
+    PropWatch({ type: String }),
+    __metadata("design:type", Object)
+], ZdTime.prototype, "inputFormat", void 0);
+__decorate([
+    PropWatch({ type: String }),
     __metadata("design:type", String)
 ], ZdTime.prototype, "displayFormat", void 0);
 ZdTime = __decorate([
-    Component
+    Component$1
 ], ZdTime);
 var script$5 = ZdTime;
 
@@ -56247,6 +56326,7 @@ var __vue_render__$6 = function () {
                             ref: "instance",
                             attrs: {
                               name: _vm.instance.name + "_text-input",
+                              mask: _vm.getTimeMask,
                               "instance-object": _vm.instance,
                               events: _vm.getEvents(on),
                               autofill: false,
@@ -56259,7 +56339,7 @@ var __vue_render__$6 = function () {
                   ],
                   null,
                   false,
-                  3310486734
+                  229268027
                 ),
                 model: {
                   value: _vm.instance.showTimePicker,
@@ -56293,21 +56373,21 @@ var __vue_render__$6 = function () {
                         name: _vm.instance.name,
                         dark: _vm.instance.dark,
                         light: _vm.instance.light,
-                        value: _vm.pickerValue,
                       },
                       on: {
                         "hook:mounted": _vm.pickerMounted,
                         "hook:destroyed": _vm.pickerDestroyed,
+                        "click:time": _vm.onSelectTime,
                         change: function ($event) {
                           return _vm.onChangeTimePicker()
                         },
                       },
                       model: {
-                        value: _vm.pickerValue,
+                        value: _vm.instance.isoValue,
                         callback: function ($$v) {
-                          _vm.pickerValue = $$v;
+                          _vm.$set(_vm.instance, "isoValue", $$v);
                         },
-                        expression: "pickerValue",
+                        expression: "instance.isoValue",
                       },
                     },
                     "v-time-picker",
@@ -56333,7 +56413,7 @@ var __vue_render__$6 = function () {
                 name: _vm.instance.name + "_text-input",
                 "instance-object": _vm.instance,
                 autofill: false,
-                type: "time",
+                type: "text",
                 mask: "",
               },
             }),
@@ -56348,7 +56428,7 @@ __vue_render__$6._withStripped = true;
   /* style */
   const __vue_inject_styles__$6 = function (inject) {
     if (!inject) return
-    inject("data-v-6f332373_0", { source: ".zd-time input[type=time] {\n  -webkit-appearance: none;\n}\n.zd-time input[type=time]::-webkit-inner-spin-button, .zd-time input[type=time]::-webkit-calendar-picker-indicator {\n  display: none;\n  -webkit-appearance: none;\n}", map: undefined, media: undefined });
+    inject("data-v-5b84b696_0", { source: ".zd-time input[type=time] {\n  -webkit-appearance: none;\n}\n.zd-time input[type=time]::-webkit-inner-spin-button, .zd-time input[type=time]::-webkit-calendar-picker-indicator {\n  display: none;\n  -webkit-appearance: none;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -56434,7 +56514,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdTooltip.prototype, "top", void 0);
 ZdTooltip = __decorate([
-    Component
+    Component$1
 ], ZdTooltip);
 var script$4 = ZdTooltip;
 
@@ -56594,6 +56674,10 @@ __decorate([
     Prop({ type: [String], default: 'checked' }),
     __metadata("design:type", String)
 ], ZdTreeCheckbox.prototype, "checkedField", void 0);
+__decorate([
+    Prop({ type: [Boolean], default: false }),
+    __metadata("design:type", Boolean)
+], ZdTreeCheckbox.prototype, "disabled", void 0);
 __decorate([
     Watch('childrenCheck'),
     __metadata("design:type", Function),
@@ -56601,7 +56685,7 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], ZdTreeCheckbox.prototype, "check", null);
 ZdTreeCheckbox = __decorate([
-    Component
+    Component$1
 ], ZdTreeCheckbox);
 var script$3 = ZdTreeCheckbox;
 
@@ -56617,6 +56701,7 @@ var __vue_render__$4 = function () {
     staticClass: "zd-tree-checkbox",
     attrs: {
       "hide-details": "",
+      disabled: _vm.disabled,
       ripple: false,
       "on-icon": _vm.$getIcon("checkboxOn"),
       "off-icon": _vm.$getIcon("checkboxOff"),
@@ -56626,7 +56711,7 @@ var __vue_render__$4 = function () {
     },
     on: {
       click: function ($event) {
-        return _vm.click($event)
+        _vm.disabled || _vm.click($event);
       },
     },
     model: {
@@ -56644,7 +56729,7 @@ __vue_render__$4._withStripped = true;
   /* style */
   const __vue_inject_styles__$4 = function (inject) {
     if (!inject) return
-    inject("data-v-130a7c09_0", { source: ".zd-tree-checkbox {\n  display: inline-block;\n  top: 50%;\n  transform: translate(0, -50%);\n}\n.zd-tree-checkbox > .v-input--selection-controls__input {\n  margin-right: 0;\n}", map: undefined, media: undefined });
+    inject("data-v-311cf5ac_0", { source: ".zd-tree-checkbox {\n  display: inline-block;\n  top: 50%;\n  transform: translate(0, -50%);\n}\n.zd-tree-checkbox > .v-input--selection-controls__input {\n  margin-right: 0;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -56686,7 +56771,7 @@ __decorate([
     __metadata("design:type", Object)
 ], ZdTreeAfterTitle.prototype, "node", void 0);
 ZdTreeAfterTitle = __decorate([
-    Component
+    Component$1
 ], ZdTreeAfterTitle);
 var script$2 = ZdTreeAfterTitle;
 
@@ -56909,6 +56994,10 @@ __decorate([
     Prop({ type: [String, Number, Boolean], default: false }),
     __metadata("design:type", Object)
 ], ZdTree.prototype, "openLevelOnLoad", void 0);
+__decorate([
+    Prop({ type: [String, Function], default: undefined }),
+    __metadata("design:type", Function)
+], ZdTree.prototype, "disableCheckbox", void 0);
 __decorate([
     Watch('instance.datasource.data.length'),
     __metadata("design:type", Function),
@@ -56916,7 +57005,7 @@ __decorate([
     __metadata("design:returntype", void 0)
 ], ZdTree.prototype, "dataChange", null);
 ZdTree = __decorate([
-    Component({
+    Component$1({
         components: { ZdTreeCheckbox: __vue_component__$4, ZdTreeAfterTitle: __vue_component__$3 },
     })
 ], ZdTree);
@@ -57003,6 +57092,7 @@ var __vue_render__$2 = function () {
                   _vm.instance.checkbox
                     ? _c("zd-tree-checkbox", {
                         attrs: {
+                          disabled: _vm.instance.callDisableCheckbox(node),
                           node: _vm.instanceNode(node),
                           checkedField: _vm.instance.checkedField,
                         },
@@ -57217,7 +57307,7 @@ __vue_render__$2._withStripped = true;
   /* style */
   const __vue_inject_styles__$2 = function (inject) {
     if (!inject) return
-    inject("data-v-38571f58_0", { source: ".zd-tree {\n  color: var(--zd-font-color);\n  font-size: var(--zd-font-body1-size);\n  font-weight: normal;\n}\n.zd-tree.theme--light .sl-vue-tree-title {\n  color: var(--zd-font-color);\n}\n.zd-tree.theme--light .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n  background: #eee;\n}\n.zd-tree.theme--dark .sl-vue-tree-title {\n  color: #fff;\n}\n.zd-tree.theme--dark .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n  background: #616161;\n}\n.zd-tree .sl-vue-tree-title {\n  display: flex;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node {\n  padding-top: 3px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item {\n  height: 30px;\n  line-height: 30px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item {\n  background-color: var(--current-row-color);\n  color: var(--zd-font-color);\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item:hover {\n  background: var(--current-row-hover-color) !important;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item .sl-vue-tree-toggle .v-icon {\n  color: var(--zd-font-color);\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-toggle span .v-icon {\n  margin: 0px 1px 0px 1px;\n  padding-bottom: 1.4px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-gap {\n  width: 32px;\n}\n.zd-tree .sl-vue-tree-nodes-list .item-title.has-children {\n  font-weight: 700;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align {\n  padding-left: 26px;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.is-clickable {\n  cursor: pointer;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.v-icon {\n  padding-left: 4px;\n}\n.zd-tree .sl-vue-tree-node-item .zd-tree-checkbox {\n  padding: 0px 3px 3px 0px;\n}", map: undefined, media: undefined });
+    inject("data-v-6a21eeb4_0", { source: ".zd-tree {\n  color: var(--zd-font-color);\n  font-size: var(--zd-font-body1-size);\n  font-weight: normal;\n}\n.zd-tree.theme--light .sl-vue-tree-title {\n  color: var(--zd-font-color);\n}\n.zd-tree.theme--light .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n  background: #eee;\n}\n.zd-tree.theme--dark .sl-vue-tree-title {\n  color: #fff;\n}\n.zd-tree.theme--dark .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item:hover {\n  background: #616161;\n}\n.zd-tree .sl-vue-tree-title {\n  display: flex;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node {\n  padding-top: 3px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-node-item {\n  height: 30px;\n  line-height: 30px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item {\n  background-color: var(--current-row-color);\n  color: var(--zd-font-color);\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item:hover {\n  background: var(--current-row-hover-color) !important;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node.sl-vue-tree-selected > .sl-vue-tree-node-item .sl-vue-tree-toggle .v-icon {\n  color: var(--zd-font-color);\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-node .sl-vue-tree-toggle span .v-icon {\n  margin: 0px 1px 0px 1px;\n  padding-bottom: 1.4px;\n}\n.zd-tree .sl-vue-tree-nodes-list .sl-vue-tree-gap {\n  width: 32px;\n}\n.zd-tree .sl-vue-tree-nodes-list .item-title.has-children {\n  font-weight: 700;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align {\n  padding-left: 26px;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.is-clickable {\n  cursor: pointer;\n}\n.zd-tree .sl-vue-tree-node-item.sl-vue-tree-node-is-leaf .sl-vue-tree-title .align.v-icon {\n  padding-left: 4px;\n}\n.zd-tree .sl-vue-tree-node-item .zd-tree-checkbox {\n  padding: 0px 3px 3px 0px;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -57265,6 +57355,28 @@ let ZdTreeGrid = class ZdTreeGrid extends ZdGrid$1 {
         }
         return text;
     }
+    checkSome(row) {
+        let some = false;
+        if (row.tree__children) {
+            some = row.tree__children.some((item) => {
+                if (this.checkSome(item))
+                    return true;
+                const index = this.instance.treeDataStructure.findDataIndex(this.instance.selectedRows, item[this.instance.datasource.uniqueKey]);
+                if (index > -1)
+                    return true;
+                return false;
+            });
+        }
+        return some;
+    }
+    checkEvery(row) {
+        return row.tree__children.every((item) => {
+            const index = this.instance.treeDataStructure.findDataIndex(this.instance.selectedRows, item[this.instance.datasource.uniqueKey]);
+            if (index > -1)
+                return true;
+            return false;
+        });
+    }
     selectClick(index, isSelected, event) {
         const row = this.instance.datasource.data[index];
         this.instance.selectRow(row, isSelected);
@@ -57344,7 +57456,6 @@ var __vue_render__$1 = function () {
       headers: _vm.instance.columns,
       items: _vm.getData(),
       search: _vm.instance.datasource.search,
-      "show-select": _vm.instance.selectable,
       dense: _vm.instance.dense,
       dark: _vm.instance.dark,
       light: _vm.instance.light,
@@ -57409,31 +57520,35 @@ var __vue_render__$1 = function () {
                                   _vm.instance.headerBackground,
                               },
                               [
-                                _c("v-checkbox", {
-                                  staticClass: "zd-grid-header-checkbox",
-                                  attrs: {
-                                    "hide-details": "",
-                                    color: "primary",
-                                    "on-icon": _vm.$getIcon("checkboxOn"),
-                                    "off-icon": _vm.$getIcon("checkboxOff"),
-                                    "indeterminate-icon": _vm.$getIcon(
-                                      "checkboxIndeterminate"
-                                    ),
-                                    "input-value": props.everyItem,
-                                    indeterminate:
-                                      !props.everyItem && props.someItems,
-                                  },
-                                  on: {
-                                    click: function ($event) {
-                                      $event.stopPropagation();
-                                      on["toggle-select-all"](!props.everyItem);
-                                      _vm.selectAllClick(
-                                        !props.everyItem,
-                                        $event
-                                      );
-                                    },
-                                  },
-                                }),
+                                _vm.instance.showSelectAll
+                                  ? _c("v-checkbox", {
+                                      staticClass: "zd-grid-header-checkbox",
+                                      attrs: {
+                                        "hide-details": "",
+                                        color: "primary",
+                                        "on-icon": _vm.$getIcon("checkboxOn"),
+                                        "off-icon": _vm.$getIcon("checkboxOff"),
+                                        "indeterminate-icon": _vm.$getIcon(
+                                          "checkboxIndeterminate"
+                                        ),
+                                        "input-value": props.everyItem,
+                                        indeterminate:
+                                          !props.everyItem && props.someItems,
+                                      },
+                                      on: {
+                                        click: function ($event) {
+                                          $event.stopPropagation();
+                                          on["toggle-select-all"](
+                                            !props.everyItem
+                                          );
+                                          _vm.selectAllClick(
+                                            !props.everyItem,
+                                            $event
+                                          );
+                                        },
+                                      },
+                                    })
+                                  : _vm._e(),
                               ],
                               1
                             )
@@ -57748,11 +57863,16 @@ var __vue_render__$1 = function () {
                                 attrs: {
                                   "hide-details": "",
                                   color: "primary",
+                                  disabled:
+                                    _vm.instance.callDisableSelection(item),
                                   "on-icon": _vm.$getIcon("checkboxOn"),
                                   "off-icon": _vm.$getIcon("checkboxOff"),
                                   "true-value": true,
                                   "false-value": false,
                                   "input-value": isSelected,
+                                  indeterminate:
+                                    !_vm.checkEvery(item) &&
+                                    _vm.checkSome(item),
                                 },
                                 on: {
                                   click: function ($event) {
@@ -58122,8 +58242,8 @@ __vue_render__$1._withStripped = true;
   /* style */
   const __vue_inject_styles__$1 = function (inject) {
     if (!inject) return
-    inject("data-v-51de25ce_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: pre;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: normal;\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: pre;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: normal;\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  white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n  white-space: normal;\n}\n.zd-grid-loading {\n  pointer-events: none;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n  display: contents;\n  flex-direction: column;\n}", map: undefined, media: undefined })
-,inject("data-v-51de25ce_1", { source: ".zd-tree-grid.theme--light tbody td.zd-table-cell {\n  color: var(--zd-font-color);\n}\n.zd-tree-grid.theme--dark tbody td.zd-table-cell {\n  color: #fff;\n}\n.zd-tree-grid tbody td.zd-table-cell.first {\n  padding-left: 5px !important;\n}\n.zd-tree-grid tbody td.zd-table-cell .zd-table-cell-text .search-result {\n  background: var(--v-grey-lighten4);\n}\n.zd-tree-grid .zd-tree-grid-expand {\n  display: inline-block;\n  text-align: end;\n  vertical-align: baseline;\n  height: 10px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon {\n  transition: transform 0.3s ease;\n  -webkit-transition: transform 0.3s ease;\n  font-size: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon::after {\n  content: none;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon.opened {\n  transform: rotate(90deg);\n  -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid .zd-tree-grid-expand.level1 {\n  width: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level2 {\n  width: 40px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level3 {\n  width: 60px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level4 {\n  width: 80px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level5 {\n  width: 100px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level6 {\n  width: 120px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level7 {\n  width: 140px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level8 {\n  width: 160px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level9 {\n  width: 180px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level10 {\n  width: 200px;\n}", map: undefined, media: undefined });
+    inject("data-v-c7e812dc_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: pre;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: normal;\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: pre;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: normal;\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  justify-content: space-between;\n  gap: 1rem;\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  white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n  white-space: normal;\n}\n.zd-grid-loading {\n  pointer-events: none;\n}\n.v-data-table__progress {\n  position: sticky;\n  top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n  display: contents;\n  flex-direction: column;\n}", map: undefined, media: undefined })
+,inject("data-v-c7e812dc_1", { source: ".zd-tree-grid.theme--light tbody td.zd-table-cell {\n  color: var(--zd-font-color);\n}\n.zd-tree-grid.theme--dark tbody td.zd-table-cell {\n  color: #fff;\n}\n.zd-tree-grid tbody td.zd-table-cell.first {\n  padding-left: 5px !important;\n}\n.zd-tree-grid tbody td.zd-table-cell .zd-table-cell-text .search-result {\n  background: var(--v-grey-lighten4);\n}\n.zd-tree-grid .zd-tree-grid-expand {\n  display: inline-block;\n  text-align: end;\n  vertical-align: baseline;\n  height: 10px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon {\n  transition: transform 0.3s ease;\n  -webkit-transition: transform 0.3s ease;\n  font-size: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon::after {\n  content: none;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon.opened {\n  transform: rotate(90deg);\n  -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid .zd-tree-grid-expand.level1 {\n  width: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level2 {\n  width: 40px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level3 {\n  width: 60px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level4 {\n  width: 80px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level5 {\n  width: 100px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level6 {\n  width: 120px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level7 {\n  width: 140px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level8 {\n  width: 160px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level9 {\n  width: 180px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level10 {\n  width: 200px;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -58183,17 +58303,17 @@ let ZdTreeGridEditable = class ZdTreeGridEditable extends ZdTreeGrid$1 {
         }
         return this.instance.getEditableComponent(column, row, cellProps, events);
     }
-    cellClick(row, column, event) {
+    cellClick(row, column, event, canEdit = true) {
         if (!this.instance.doubleClickEdit || !column.editable) {
-            this.callCellClick(row, column, event);
+            this.callCellClick(row, column, event, canEdit);
             return;
         }
-        this.$doubleClick(() => this.instance.cellClickEvent(row, column, event, this.$el), () => this.callCellClick(row, column, event), event);
+        this.$doubleClick(() => this.instance.cellClickEvent(row, column, event, this.$el), () => this.callCellClick(row, column, event, canEdit), event);
     }
-    callCellClick(row, column, event) {
+    callCellClick(row, column, event, canEdit = true) {
         const key = row[this.instance.datasource.uniqueKey];
         this.inputToFocus = `column-${column.name}-${key}`;
-        this.instance.cellClick(row, column, event, this.$el);
+        this.instance.cellClick(row, column, event, this.$el, canEdit);
     }
     onMountedEvent({ element, component }) {
         const input = element.getElementsByTagName('input')[0];
@@ -58294,6 +58414,10 @@ __decorate([
     PropWatch({ type: [String, Boolean], default: false }),
     __metadata("design:type", Object)
 ], ZdTreeGridEditable.prototype, "doubleClickEdit", void 0);
+__decorate([
+    PropWatch({ type: [String, Function] }),
+    __metadata("design:type", Object)
+], ZdTreeGridEditable.prototype, "canEditRow", void 0);
 ZdTreeGridEditable = __decorate([
     Component$2
 ], ZdTreeGridEditable);
@@ -58335,7 +58459,6 @@ var __vue_render__ = function () {
       headers: _vm.instance.columns,
       items: _vm.getData(),
       search: _vm.instance.datasource.search,
-      "show-select": _vm.instance.selectable,
       dense: _vm.instance.dense,
       loading: _vm.instance.datasource.loading,
       "item-key": _vm.instance.datasource.uniqueKey,
@@ -58344,6 +58467,7 @@ var __vue_render__ = function () {
       "disable-sort": "",
       "disable-filtering": "",
       tabindex: "0",
+      set: (_vm.canEditRowValues = {}),
     },
     on: {
       "current-items": function ($event) {
@@ -58727,6 +58851,10 @@ var __vue_render__ = function () {
                         active: isSelected,
                         current: _vm.isCurrentRow(item),
                       },
+                      attrs: {
+                        set: (_vm.canEditRowValues[_vm.rowKey(item)] =
+                          _vm.instance.callCanEditRow(item)),
+                      },
                       on: {
                         click: function ($event) {
                           return _vm.rowClick(item, $event)
@@ -58744,12 +58872,17 @@ var __vue_render__ = function () {
                                 attrs: {
                                   "hide-details": "",
                                   color: "primary",
-                                  disabled: _vm.instance.editing,
+                                  disabled:
+                                    _vm.instance.editing ||
+                                    _vm.instance.callDisableSelection(item),
                                   "on-icon": _vm.$getIcon("checkboxOn"),
                                   "off-icon": _vm.$getIcon("checkboxOff"),
                                   "true-value": true,
                                   "false-value": false,
                                   value: isSelected,
+                                  indeterminate:
+                                    !_vm.checkEvery(item) &&
+                                    _vm.checkSome(item),
                                 },
                                 on: {
                                   click: function ($event) {
@@ -58808,7 +58941,10 @@ var __vue_render__ = function () {
                                                   {},
                                                   column,
                                                   cellProps
-                                                ).editable,
+                                                ).editable &&
+                                                _vm.canEditRowValues[
+                                                  _vm.rowKey(item)
+                                                ],
                                             },
                                           ],
                                           style: [
@@ -58819,11 +58955,14 @@ var __vue_render__ = function () {
                                           ],
                                           on: {
                                             click: function ($event) {
-                                              return _vm.cellClick(
+                                              _vm.cellClick(
                                                 item,
                                                 column,
-                                                $event
-                                              )
+                                                $event,
+                                                _vm.canEditRowValues[
+                                                  _vm.rowKey(item)
+                                                ]
+                                              );
                                             },
                                           },
                                         },
@@ -58840,7 +58979,11 @@ var __vue_render__ = function () {
                                             : _vm._e(),
                                           _vm._v(" "),
                                           Object.assign({}, column, cellProps)
-                                            .editable && _vm.instance.editing
+                                            .editable &&
+                                          _vm.canEditRowValues[
+                                            _vm.rowKey(item)
+                                          ] &&
+                                          _vm.instance.editing
                                             ? _c(
                                                 "span",
                                                 {
@@ -59285,8 +59428,8 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = function (inject) {
     if (!inject) return
-    inject("data-v-6ec9aad8_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: pre;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: normal;\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: pre;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: normal;\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  white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n  white-space: normal;\n}\n.zd-grid-loading {\n  pointer-events: none;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n  display: contents;\n  flex-direction: column;\n}", map: undefined, media: undefined })
-,inject("data-v-6ec9aad8_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n  justify-content: flex-end;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n  justify-content: center;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n  display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n  display: flex;\n  font-size: 18px;\n  margin-right: var(--spacing-1);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n  padding: 0 8px;\n  position: relative;\n  display: block;\n  height: 20px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n  content: \"\";\n  position: absolute;\n  width: 1px;\n  height: var(--spacing-1);\n  bottom: 0px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n  left: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n  right: 0px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable {\n  cursor: pointer;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n  border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n  border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand {\n  display: inline-block;\n  text-align: end;\n  vertical-align: baseline;\n  height: 10px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon {\n  transition: transform 0.3s ease;\n  -webkit-transition: transform 0.3s ease;\n  font-size: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon::after {\n  content: none;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon.opened {\n  transform: rotate(90deg);\n  -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level1 {\n  width: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n  width: 40px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n  width: 60px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n  width: 80px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n  width: 100px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n  width: 120px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n  width: 140px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n  width: 160px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n  width: 180px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n  width: 200px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n  height: 22px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n  height: 22px;\n  max-height: 22px;\n}", map: undefined, media: undefined });
+    inject("data-v-6258f90c_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: pre;\n  display: inline-block;\n  vertical-align: bottom;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n  white-space: normal;\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: pre;\n  text-overflow: ellipsis;\n  overflow-wrap: break-word;\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: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n  white-space: normal;\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  justify-content: space-between;\n  gap: 1rem;\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  white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n  display: block;\n  white-space: normal;\n}\n.zd-grid-loading {\n  pointer-events: none;\n}\n.v-data-table__progress {\n  position: sticky;\n  top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n  display: contents;\n  flex-direction: column;\n}", map: undefined, media: undefined })
+,inject("data-v-6258f90c_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n  justify-content: flex-end;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n  justify-content: center;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n  display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n  display: flex;\n  font-size: 18px;\n  margin-right: var(--spacing-1);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n  padding: 0 8px;\n  position: relative;\n  display: block;\n  height: 20px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n  content: \"\";\n  position: absolute;\n  width: 1px;\n  height: var(--spacing-1);\n  bottom: 0px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n  left: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n  right: 0px;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable {\n  cursor: pointer;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable {\n  border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text.zd-table-cell-text-editable:after {\n  border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand {\n  display: inline-block;\n  text-align: end;\n  vertical-align: baseline;\n  height: 10px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon {\n  transition: transform 0.3s ease;\n  -webkit-transition: transform 0.3s ease;\n  font-size: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon::after {\n  content: none;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon.opened {\n  transform: rotate(90deg);\n  -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level1 {\n  width: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n  width: 40px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n  width: 60px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n  width: 80px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n  width: 100px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n  width: 120px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n  width: 140px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n  width: 160px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n  width: 180px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n  width: 200px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n  height: 22px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n  height: 22px;\n  max-height: 22px;\n}", map: undefined, media: undefined });
 
   };
   /* scoped */