@zeedhi/vuetify 1.70.0 → 1.72.0

package/dist/zd-vuetify.esm.js

@@ -37858,7 +37858,7 @@ ZdAlert = __decorate([
     Component$1,
     __metadata("design:paramtypes", [])
 ], ZdAlert);
-var script$1l = ZdAlert;
+var script$1j = ZdAlert;
 
 function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
     if (typeof shadowMode !== 'boolean') {
@@ -37989,7 +37989,7 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$1t = script$1l;
+const __vue_script__$1t = script$1j;
 
 /* template */
 var __vue_render__$1t = function () {
@@ -38224,10 +38224,10 @@ __decorate([
 ZdApexChart = __decorate([
     Component$1
 ], ZdApexChart);
-var script$1k = ZdApexChart;
+var script$1i = ZdApexChart;
 
 /* script */
-const __vue_script__$1s = script$1k;
+const __vue_script__$1s = script$1i;
 
 /* template */
 var __vue_render__$1s = function () {
@@ -38347,10 +38347,10 @@ __decorate([
 ZdBadge = __decorate([
     Component$1
 ], ZdBadge);
-var script$1j = ZdBadge;
+var script$1h = ZdBadge;
 
 /* script */
-const __vue_script__$1r = script$1j;
+const __vue_script__$1r = script$1h;
 
 /* template */
 var __vue_render__$1r = function () {
@@ -38473,10 +38473,10 @@ __decorate([
 ZdBreadcrumbs = __decorate([
     Component$1
 ], ZdBreadcrumbs);
-var script$1i = ZdBreadcrumbs;
+var script$1g = ZdBreadcrumbs;
 
 /* script */
-const __vue_script__$1q = script$1i;
+const __vue_script__$1q = script$1g;
 
 /* template */
 var __vue_render__$1q = function () {
@@ -38890,10 +38890,10 @@ __decorate([
 ZdButtonGroup = __decorate([
     Component$1
 ], ZdButtonGroup);
-var script$1h = ZdButtonGroup;
+var script$1f = ZdButtonGroup;
 
 /* script */
-const __vue_script__$1o = script$1h;
+const __vue_script__$1o = script$1f;
 
 /* template */
 var __vue_render__$1o = function () {
@@ -39100,10 +39100,10 @@ __decorate([
 ZdCard = __decorate([
     Component$1
 ], ZdCard);
-var script$1g = ZdCard;
+var script$1e = ZdCard;
 
 /* script */
-const __vue_script__$1n = script$1g;
+const __vue_script__$1n = script$1e;
 
 /* template */
 var __vue_render__$1n = function () {
@@ -39453,10 +39453,10 @@ __decorate([
 ZdCarousel = __decorate([
     Component$1
 ], ZdCarousel);
-var script$1f = ZdCarousel;
+var script$1d = ZdCarousel;
 
 /* script */
-const __vue_script__$1m = script$1f;
+const __vue_script__$1m = script$1d;
 
 /* template */
 var __vue_render__$1m = function () {
@@ -39962,10 +39962,10 @@ let ZdCheckbox = class ZdCheckbox extends ZdToggleable$1 {
 ZdCheckbox = __decorate([
     Component$1
 ], ZdCheckbox);
-var script$1e = ZdCheckbox;
+var script$1c = ZdCheckbox;
 
 /* script */
-const __vue_script__$1l = script$1e;
+const __vue_script__$1l = script$1c;
 
 /* template */
 var __vue_render__$1l = function () {
@@ -40133,10 +40133,10 @@ __decorate([
 ZdCheckboxMultiple = __decorate([
     Component$1
 ], ZdCheckboxMultiple);
-var script$1d = ZdCheckboxMultiple;
+var script$1b = ZdCheckboxMultiple;
 
 /* script */
-const __vue_script__$1k = script$1d;
+const __vue_script__$1k = script$1b;
 
 /* template */
 var __vue_render__$1k = function () {
@@ -40338,10 +40338,10 @@ __decorate([
 ZdChip = __decorate([
     Component$1
 ], ZdChip);
-var script$1c = ZdChip;
+var script$1a = ZdChip;
 
 /* script */
-const __vue_script__$1j = script$1c;
+const __vue_script__$1j = script$1a;
 
 /* template */
 var __vue_render__$1j = function () {
@@ -40546,10 +40546,10 @@ __decorate([
 ZdCodeEditor = __decorate([
     Component$1
 ], ZdCodeEditor);
-var script$1b = ZdCodeEditor;
+var script$19 = ZdCodeEditor;
 
 /* script */
-const __vue_script__$1i = script$1b;
+const __vue_script__$1i = script$19;
 
 /* template */
 var __vue_render__$1i = function () {
@@ -40759,10 +40759,10 @@ __decorate([
 ZdCol = __decorate([
     Component$1
 ], ZdCol);
-var script$1a = ZdCol;
+var script$18 = ZdCol;
 
 /* script */
-const __vue_script__$1h = script$1a;
+const __vue_script__$1h = script$18;
 
 /* template */
 var __vue_render__$1h = function () {
@@ -40934,10 +40934,10 @@ __decorate([
 ZdCollapseCard = __decorate([
     Component$1
 ], ZdCollapseCard);
-var script$19 = ZdCollapseCard;
+var script$17 = ZdCollapseCard;
 
 /* script */
-const __vue_script__$1g = script$19;
+const __vue_script__$1g = script$17;
 
 /* template */
 var __vue_render__$1g = function () {
@@ -41195,10 +41195,10 @@ __decorate([
 ZdContainer = __decorate([
     Component$1
 ], ZdContainer);
-var script$18 = ZdContainer;
+var script$16 = ZdContainer;
 
 /* script */
-const __vue_script__$1f = script$18;
+const __vue_script__$1f = script$16;
 
 /* template */
 var __vue_render__$1f = function () {
@@ -41759,10 +41759,10 @@ __decorate([
 ZdCurrency = __decorate([
     Component$1
 ], ZdCurrency);
-var script$17 = ZdCurrency;
+var script$15 = ZdCurrency;
 
 /* script */
-const __vue_script__$1c = script$17;
+const __vue_script__$1c = script$15;
 
 /* template */
 var __vue_render__$1c = function () {
@@ -41968,10 +41968,10 @@ __decorate([
 ZdDashboard = __decorate([
     Component$1
 ], ZdDashboard);
-var script$16 = ZdDashboard;
+var script$14 = ZdDashboard;
 
 /* script */
-const __vue_script__$1b = script$16;
+const __vue_script__$1b = script$14;
 
 /* template */
 var __vue_render__$1b = function () {
@@ -42439,10 +42439,10 @@ __decorate([
 ZdDate = __decorate([
     Component$1
 ], ZdDate);
-var script$15 = ZdDate;
+var script$13 = ZdDate;
 
 /* script */
-const __vue_script__$1a = script$15;
+const __vue_script__$1a = script$13;
 
 /* template */
 var __vue_render__$1a = function () {
@@ -42858,10 +42858,10 @@ __decorate([
 ZdDateRange = __decorate([
     Component$1
 ], ZdDateRange);
-var script$14 = ZdDateRange;
+var script$12 = ZdDateRange;
 
 /* script */
-const __vue_script__$19 = script$14;
+const __vue_script__$19 = script$12;
 
 /* template */
 var __vue_render__$19 = function () {
@@ -43079,10 +43079,10 @@ ZdDialog = __decorate([
     Component$1,
     __metadata("design:paramtypes", [])
 ], ZdDialog);
-var script$13 = ZdDialog;
+var script$11 = ZdDialog;
 
 /* script */
-const __vue_script__$18 = script$13;
+const __vue_script__$18 = script$11;
 
 /* template */
 var __vue_render__$18 = function () {
@@ -43235,10 +43235,10 @@ __decorate([
 ZdDivider = __decorate([
     Component$1
 ], ZdDivider);
-var script$12 = ZdDivider;
+var script$10 = ZdDivider;
 
 /* script */
-const __vue_script__$17 = script$12;
+const __vue_script__$17 = script$10;
 
 /* template */
 var __vue_render__$17 = function () {
@@ -43394,10 +43394,10 @@ __decorate([
 ZdDropdown = __decorate([
     Component$1
 ], ZdDropdown);
-var script$11 = ZdDropdown;
+var ZdDropdown$1 = ZdDropdown;
 
 /* script */
-const __vue_script__$16 = script$11;
+const __vue_script__$16 = ZdDropdown$1;
 
 /* template */
 var __vue_render__$16 = function () {
@@ -43679,10 +43679,10 @@ __decorate([
 ZdFileInput = __decorate([
     Component$1
 ], ZdFileInput);
-var script$10 = ZdFileInput;
+var script$$ = ZdFileInput;
 
 /* script */
-const __vue_script__$15 = script$10;
+const __vue_script__$15 = script$$;
 
 /* template */
 var __vue_render__$15 = function () {
@@ -44070,10 +44070,10 @@ __decorate([
 ZdFooter = __decorate([
     Component$1
 ], ZdFooter);
-var script$$ = ZdFooter;
+var script$_ = ZdFooter;
 
 /* script */
-const __vue_script__$14 = script$$;
+const __vue_script__$14 = script$_;
 
 /* template */
 var __vue_render__$14 = function () {
@@ -44394,10 +44394,10 @@ __decorate([
 ZdForm = __decorate([
     Component$1
 ], ZdForm);
-var script$_ = ZdForm;
+var script$Z = ZdForm;
 
 /* script */
-const __vue_script__$13 = script$_;
+const __vue_script__$13 = script$Z;
 
 /* template */
 var __vue_render__$13 = function () {
@@ -44599,10 +44599,10 @@ __decorate([
 ZdFrame = __decorate([
     Component$1
 ], ZdFrame);
-var script$Z = ZdFrame;
+var script$Y = ZdFrame;
 
 /* script */
-const __vue_script__$12 = script$Z;
+const __vue_script__$12 = script$Y;
 
 /* template */
 var __vue_render__$12 = function () {
@@ -44700,10 +44700,10 @@ __decorate([
 ZdFramePage = __decorate([
     Component$1
 ], ZdFramePage);
-var script$Y = ZdFramePage;
+var script$X = ZdFramePage;
 
 /* script */
-const __vue_script__$11 = script$Y;
+const __vue_script__$11 = script$X;
 
 /* template */
 var __vue_render__$11 = function () {
@@ -44849,6 +44849,10 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
         super(...arguments);
         this.instanceType = Grid;
         this.allselectedState = false;
+        /**
+         * Left distance for each column
+         */
+        this.fixedRight = {};
         this.resizeX = 0;
         this.resizeWidth = 0;
         this.resizeTableWidth = 0;
@@ -44861,6 +44865,8 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
             grid.scrollData.start = start;
             this.updateScrollData(data);
         }), 5);
+        this.tableHeader = null;
+        this.tableBody = null;
     }
     update(value) {
         if (value) {
@@ -44917,6 +44923,7 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
             this.initDragColumns();
         }
         this.setViewGetWidth();
+        this.updateFixedColumnsAction();
     }
     setHeight() {
         const { gridTopSlot, grid, gridFooter } = this.$refs;
@@ -44989,7 +44996,7 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
     }
     calcWidth(column, width) {
         if ((width === null || width === void 0 ? void 0 : width.length) === 0 || width === undefined) {
-            return '100%';
+            return 'unset';
         }
         const min = Math.max(this.minimumColumnWidth(column), this.parseWidth(column.minWidth) || 0);
         const max = this.parseWidth(column.maxWidth);
@@ -44997,7 +45004,7 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
         return `${Math.max(min, Math.min(Math.trunc(pxWidth), max || Infinity))}px`;
     }
     setSpanWidth(column) {
-        return column.width;
+        return this.calcWidth(column, column.width);
     }
     sortColumns(event) {
         const { originalEvent } = event;
@@ -45263,11 +45270,39 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
         }
     }
     getWidthStyle(column) {
-        return {
-            width: this.calcWidth(column, column.width) || 'unset',
-            'min-width': this.calcWidth(column, column.minWidth) || 'unset',
-            'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
-        };
+        let widthData = {};
+        if (column.width) {
+            widthData = Object.assign({ width: this.calcWidth(column, column.width) }, widthData);
+        }
+        if (column.minWidth) {
+            widthData = Object.assign({ 'min-width': this.calcWidth(column, column.minWidth) }, widthData);
+        }
+        if (column.maxWidth) {
+            widthData = Object.assign({ 'max-width': this.calcWidth(column, column.maxWidth) }, widthData);
+        }
+        return widthData;
+    }
+    updateFixedColumnsAction() {
+        if (this.instance.columns.filter((column) => column.actionFixed).length === 0)
+            return;
+        if (!this.tableHeader) {
+            this.tableHeader = this.$el.querySelector('table thead tr');
+            this.tableBody = this.$el.querySelector('table tbody');
+            if (!this.tableHeader || !this.tableBody)
+                return;
+        }
+        const headerColumns = Array.from(this.tableHeader.querySelectorAll('th'));
+        let right = 0;
+        headerColumns.reverse().forEach((column) => {
+            const name = column.getAttribute('column-name');
+            const columnsWithClassFixed = column.classList.contains('zd-table-fixed-column-action');
+            if (name && columnsWithClassFixed) {
+                column.style.right = `${right}px`;
+                this.$set(this.fixedRight, name, column.style.right);
+                const minActionWidth = column.clientWidth <= 16 ? 40 : column.clientWidth;
+                right += minActionWidth;
+            }
+        });
     }
 };
 __decorate([
@@ -45625,12 +45660,29 @@ var __vue_render__$10 = function () {
                                   "th",
                                   {
                                     key: column.name,
+                                    ref: "column-" + column.name,
+                                    refInFor: true,
                                     class: [
                                       "zd-table-cell",
                                       {
                                         sortable: column.sortable,
                                         sortHandle: _vm.instance.dragColumns,
                                       },
+                                      {
+                                        "zd-table-fixed-column-action":
+                                          column.actionFixed,
+                                      },
+                                      {
+                                        "theme--dark":
+                                          (_vm.$vuetify.theme.dark &&
+                                            !_vm.instance.light) ||
+                                          _vm.instance.dark,
+                                      },
+                                      {
+                                        "theme--light":
+                                          !_vm.$vuetify.theme.dark ||
+                                          _vm.instance.light,
+                                      },
                                       "text-" + column.align,
                                       _vm.instance.datasource.getOrderByColumn(
                                         column.name
@@ -45644,15 +45696,17 @@ var __vue_render__$10 = function () {
                                     style: {
                                       "background-color":
                                         _vm.instance.headerBackground,
-                                      width:
-                                        _vm.calcWidth(
-                                          column,
-                                          column.width ||
-                                            column.maxWidth ||
-                                            column.minWidth
-                                        ) || "unset",
+                                      width: _vm.calcWidth(
+                                        column,
+                                        column.width ||
+                                          column.maxWidth ||
+                                          column.minWidth
+                                      ),
+                                    },
+                                    attrs: {
+                                      "column-name": column.name,
+                                      index: index,
                                     },
-                                    attrs: { index: index },
                                   },
                                   [
                                     _c(
@@ -45660,14 +45714,13 @@ var __vue_render__$10 = function () {
                                       {
                                         staticClass: "zd-table-header-cell",
                                         style: {
-                                          width:
-                                            _vm.calcWidth(
-                                              column,
-                                              column.width ||
-                                                column.maxWidth ||
-                                                column.minWidth,
-                                              true
-                                            ) || "unset",
+                                          width: _vm.calcWidth(
+                                            column,
+                                            column.width ||
+                                              column.maxWidth ||
+                                              column.minWidth,
+                                            true
+                                          ),
                                           color:
                                             _vm.instance.headerCellTextColor,
                                         },
@@ -46068,6 +46121,7 @@ var __vue_render__$10 = function () {
                                               row: item,
                                               rowStyle: rowStyle,
                                               cellsApplied: cellsApplied,
+                                              hasUsingCellText: true,
                                             },
                                             on: {
                                               mouseenter: function ($event) {
@@ -46095,6 +46149,30 @@ var __vue_render__$10 = function () {
                                             column: column,
                                             rowStyle: rowStyle,
                                             cellsApplied: cellsApplied,
+                                            cellClass: [
+                                              {
+                                                "zd-table-fixed-column-action":
+                                                  column.actionFixed,
+                                              },
+                                              {
+                                                "theme--dark":
+                                                  (_vm.$vuetify.theme.dark &&
+                                                    !_vm.instance.light) ||
+                                                  _vm.instance.dark,
+                                              },
+                                              {
+                                                "theme--light":
+                                                  !_vm.$vuetify.theme.dark ||
+                                                  _vm.instance.light,
+                                              },
+                                            ],
+                                            cellStyle: [
+                                              {
+                                                right: column.actionFixed
+                                                  ? _vm.fixedRight[column.name]
+                                                  : "unset",
+                                              },
+                                            ],
                                           },
                                           on: {
                                             click: function ($event) {
@@ -46222,7 +46300,7 @@ __vue_render__$10._withStripped = true;
   /* style */
   const __vue_inject_styles__$10 = function (inject) {
     if (!inject) return
-    inject("data-v-61e754dc_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-div-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n    flex-direction: column;\n    justify-content: center;\n}\n.zd-grid-div-footer {\n    width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n    justify-content: space-evenly;\n}\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-5211bc09_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.text-center .zd-table-header-cell {\n  justify-content: center;\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-table-cell.zd-table-fixed-column-action {\n  position: sticky !important;\n  right: 0;\n  z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n  background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n  background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column-action {\n  position: sticky !important;\n  right: 0;\n  z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n  background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n  background: #3c3c3c !important;\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-div-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n    flex-direction: column;\n    justify-content: center;\n}\n.zd-grid-div-footer {\n    width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n    justify-content: space-evenly;\n}\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 */
@@ -46409,11 +46487,19 @@ let ZdGridEditable = class ZdGridEditable extends ZdGrid$1 {
         return (row[column.name] === trueDefined && !!trueIcon) || !!falseIcon;
     }
     getWidthStyle(column) {
-        return {
-            width: this.calcWidth(column, column.maxWidth || column.minWidth) || 'unset',
-            'min-width': this.calcWidth(column, column.minWidth) || 'unset',
-            'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
+        let widthData = {
+            width: '100%',
         };
+        if (column.width) {
+            widthData = Object.assign({ width: this.calcWidth(column, column.width) }, widthData);
+        }
+        if (column.minWidth) {
+            widthData = Object.assign({ 'min-width': this.calcWidth(column, column.minWidth) }, widthData);
+        }
+        if (column.maxWidth) {
+            widthData = Object.assign({ 'max-width': this.calcWidth(column, column.maxWidth) }, widthData);
+        }
+        return widthData;
     }
 };
 __decorate([
@@ -46427,10 +46513,10 @@ __decorate([
 ZdGridEditable = __decorate([
     Component$2
 ], ZdGridEditable);
-var script$X = ZdGridEditable;
+var script$W = ZdGridEditable;
 
 /* script */
-const __vue_script__$$ = script$X;
+const __vue_script__$$ = script$W;
 
 /* template */
 var __vue_render__$$ = function () {
@@ -46575,6 +46661,8 @@ var __vue_render__$$ = function () {
                                   "th",
                                   {
                                     key: column.name,
+                                    ref: "column-" + column.name,
+                                    refInFor: true,
                                     class: [
                                       "zd-table-cell",
                                       "column-th-" +
@@ -46587,6 +46675,21 @@ var __vue_render__$$ = function () {
                                           !_vm.instance.editing,
                                         sortHandle: _vm.instance.dragColumns,
                                       },
+                                      {
+                                        "zd-table-fixed-column-action":
+                                          column.actionFixed,
+                                      },
+                                      {
+                                        "theme--dark":
+                                          (_vm.$vuetify.theme.dark &&
+                                            !_vm.instance.light) ||
+                                          _vm.instance.dark,
+                                      },
+                                      {
+                                        "theme--light":
+                                          !_vm.$vuetify.theme.dark ||
+                                          _vm.instance.light,
+                                      },
                                       "text-" + column.align,
                                       _vm.instance.datasource.getOrderByColumn(
                                         column.name
@@ -46600,15 +46703,17 @@ var __vue_render__$$ = function () {
                                     style: {
                                       "background-color":
                                         _vm.instance.headerBackground,
-                                      width:
-                                        _vm.calcWidth(
-                                          column,
-                                          column.width ||
-                                            column.maxWidth ||
-                                            column.minWidth
-                                        ) || "unset",
+                                      width: _vm.calcWidth(
+                                        column,
+                                        column.width ||
+                                          column.maxWidth ||
+                                          column.minWidth
+                                      ),
+                                    },
+                                    attrs: {
+                                      "column-name": column.name,
+                                      index: index,
                                     },
-                                    attrs: { index: index },
                                   },
                                   [
                                     _c(
@@ -46616,13 +46721,12 @@ var __vue_render__$$ = function () {
                                       {
                                         staticClass: "zd-table-header-cell",
                                         style: {
-                                          width:
-                                            _vm.calcWidth(
-                                              column,
-                                              column.width ||
-                                                column.maxWidth ||
-                                                column.minWidth
-                                            ) || "unset",
+                                          width: _vm.calcWidth(
+                                            column,
+                                            column.width ||
+                                              column.maxWidth ||
+                                              column.minWidth
+                                          ),
                                         },
                                       },
                                       [
@@ -47108,6 +47212,7 @@ var __vue_render__$$ = function () {
                                                     _vm.getWidthStyle,
                                                   column: column,
                                                   row: item,
+                                                  hasUsingCellText: true,
                                                   rowStyle: rowStyle,
                                                   cellsApplied: cellsApplied,
                                                 },
@@ -47141,6 +47246,30 @@ var __vue_render__$$ = function () {
                                             column: column,
                                             rowStyle: rowStyle,
                                             cellsApplied: cellsApplied,
+                                            cellClass: [
+                                              {
+                                                "zd-table-fixed-column-action":
+                                                  column.actionFixed,
+                                              },
+                                              {
+                                                "theme--dark":
+                                                  (_vm.$vuetify.theme.dark &&
+                                                    !_vm.instance.light) ||
+                                                  _vm.instance.dark,
+                                              },
+                                              {
+                                                "theme--light":
+                                                  !_vm.$vuetify.theme.dark ||
+                                                  _vm.instance.light,
+                                              },
+                                            ],
+                                            cellStyle: [
+                                              {
+                                                right: column.actionFixed
+                                                  ? _vm.fixedRight[column.name]
+                                                  : "unset",
+                                              },
+                                            ],
                                           },
                                           on: {
                                             click: function ($event) {
@@ -47268,8 +47397,8 @@ __vue_render__$$._withStripped = true;
   /* style */
   const __vue_inject_styles__$$ = function (inject) {
     if (!inject) return
-    inject("data-v-50de17ee_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-div-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n    flex-direction: column;\n    justify-content: center;\n}\n.zd-grid-div-footer {\n    width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n    justify-content: space-evenly;\n}\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-50de17ee_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 {\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:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text: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-d7620cd2_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.text-center .zd-table-header-cell {\n  justify-content: center;\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-table-cell.zd-table-fixed-column-action {\n  position: sticky !important;\n  right: 0;\n  z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n  background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n  background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column-action {\n  position: sticky !important;\n  right: 0;\n  z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n  background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n  background: #3c3c3c !important;\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-div-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n    flex-direction: column;\n    justify-content: center;\n}\n.zd-grid-div-footer {\n    width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n    justify-content: space-evenly;\n}\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-d7620cd2_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 {\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:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text: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 */
@@ -47401,10 +47530,10 @@ __decorate([
 ZdHeader = __decorate([
     Component$1
 ], ZdHeader);
-var script$W = ZdHeader;
+var script$V = ZdHeader;
 
 /* script */
-const __vue_script__$_ = script$W;
+const __vue_script__$_ = script$V;
 
 /* template */
 var __vue_render__$_ = function () {
@@ -47699,10 +47828,10 @@ __decorate([
 ZdGridFooter = __decorate([
     Component$2
 ], ZdGridFooter);
-var script$V = ZdGridFooter;
+var script$U = ZdGridFooter;
 
 /* script */
-const __vue_script__$Z = script$V;
+const __vue_script__$Z = script$U;
 
 /* template */
 var __vue_render__$Z = function () {
@@ -47813,10 +47942,10 @@ __decorate([
 ZdIterableNoData = __decorate([
     Component$2
 ], ZdIterableNoData);
-var script$U = ZdIterableNoData;
+var script$T = ZdIterableNoData;
 
 /* script */
-const __vue_script__$Y = script$U;
+const __vue_script__$Y = script$T;
 
 /* template */
 var __vue_render__$Y = function () {
@@ -47957,10 +48086,10 @@ __decorate([
 ZdGridTop = __decorate([
     Component$2
 ], ZdGridTop);
-var script$T = ZdGridTop;
+var script$S = ZdGridTop;
 
 /* script */
-const __vue_script__$X = script$T;
+const __vue_script__$X = script$S;
 
 /* template */
 var __vue_render__$X = function () {
@@ -48064,10 +48193,10 @@ __decorate([
 ZdGridAction = __decorate([
     Component$1
 ], ZdGridAction);
-var script$S = ZdGridAction;
+var script$R = ZdGridAction;
 
 /* script */
-const __vue_script__$W = script$S;
+const __vue_script__$W = script$R;
 
 /* template */
 var __vue_render__$W = function () {
@@ -48159,10 +48288,10 @@ __decorate([
 ZdGridCell = __decorate([
     Component$1
 ], ZdGridCell);
-var script$R = ZdGridCell;
+var script$Q = ZdGridCell;
 
 /* script */
-const __vue_script__$V = script$R;
+const __vue_script__$V = script$Q;
 
 /* template */
 var __vue_render__$V = function () {
@@ -48260,13 +48389,17 @@ __decorate([
     Prop({ type: Function, required: true }),
     __metadata("design:type", Function)
 ], ZdGridCellContent.prototype, "getWidthStyle", void 0);
+__decorate([
+    Prop({ type: Boolean, default: true }),
+    __metadata("design:type", Boolean)
+], ZdGridCellContent.prototype, "hasUsingCellText", void 0);
 ZdGridCellContent = __decorate([
     Component$1
 ], ZdGridCellContent);
-var script$Q = ZdGridCellContent;
+var script$P = ZdGridCellContent;
 
 /* script */
-const __vue_script__$U = script$Q;
+const __vue_script__$U = script$P;
 
 /* template */
 var __vue_render__$U = function () {
@@ -48277,7 +48410,7 @@ var __vue_render__$U = function () {
     "span",
     {
       class: [
-        "zd-table-cell-text",
+        { "zd-table-cell-text": _vm.hasUsingCellText },
         {
           "overflow-hidden": _vm.column.overflow === "hidden",
           "overflow-wrap": _vm.column.overflow === "wrap",
@@ -48303,7 +48436,7 @@ __vue_render__$U._withStripped = true;
   /* style */
   const __vue_inject_styles__$U = function (inject) {
     if (!inject) return
-    inject("data-v-3279ce6e_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
+    inject("data-v-5c3a02cf_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -48374,10 +48507,10 @@ __decorate([
 ZdGridCellEdit = __decorate([
     Component$1
 ], ZdGridCellEdit);
-var script$P = ZdGridCellEdit;
+var script$O = ZdGridCellEdit;
 
 /* script */
-const __vue_script__$T = script$P;
+const __vue_script__$T = script$O;
 
 /* template */
 var __vue_render__$T = function () {
@@ -48465,6 +48598,31 @@ let ZdTreeGridCellContent = class ZdTreeGridCellContent extends __vue_component_
         }
         return text;
     }
+    hasShowChevron(row) {
+        if (!this.fieldHasChild)
+            return true;
+        const rowHasChild = row[this.fieldHasChild];
+        let isVisibleChevron = true;
+        switch (rowHasChild) {
+            case '0':
+            case false:
+            case 0:
+                isVisibleChevron = false;
+                break;
+            case '1':
+            case true:
+            case 1:
+                isVisibleChevron = true;
+                break;
+            default:
+                isVisibleChevron = true;
+                break;
+        }
+        return isVisibleChevron;
+    }
+    hasShowChevronInTreeGrid(headerIndex, selectable) {
+        return headerIndex === 0 || (headerIndex === 1 && selectable);
+    }
 };
 __decorate([
     Prop({ type: Number, required: true }),
@@ -48490,13 +48648,21 @@ __decorate([
     Prop({ type: String, required: true }),
     __metadata("design:type", String)
 ], ZdTreeGridCellContent.prototype, "expandClass", void 0);
+__decorate([
+    Prop({ type: String, required: true }),
+    __metadata("design:type", String)
+], ZdTreeGridCellContent.prototype, "fieldHasChild", void 0);
+__decorate([
+    Prop({ type: Boolean, default: false }),
+    __metadata("design:type", Boolean)
+], ZdTreeGridCellContent.prototype, "hasUsingCellText", void 0);
 ZdTreeGridCellContent = __decorate([
     Component$2
 ], ZdTreeGridCellContent);
-var script$O = ZdTreeGridCellContent;
+var script$N = ZdTreeGridCellContent;
 
 /* script */
-const __vue_script__$S = script$O;
+const __vue_script__$S = script$N;
 
 /* template */
 var __vue_render__$S = function () {
@@ -48511,65 +48677,81 @@ var __vue_render__$S = function () {
         column: _vm.column,
         row: _vm.row,
         rowStyle: _vm.rowStyle,
+        hasUsingCellText: false,
         cellsApplied: _vm.cellsApplied,
-        cssClass: [
-          {
-            "zd-table-cell-text-first":
-              _vm.headerIndex === 0 ||
-              (_vm.headerIndex === 1 && _vm.selectable),
-          },
-        ].concat(_vm.cssClass),
+        cssClass: [].concat(_vm.cssClass),
       },
       on: { mouseenter: _vm.mouseenter, mouseleave: _vm.mouseleave },
     },
     [
-      _c(
-        "div",
-        {
-          directives: [
+      _c("div", { staticClass: "zd-grid-cell-wrapper" }, [
+        _c(
+          "div",
+          {
+            directives: [
+              {
+                name: "show",
+                rawName: "v-show",
+                value: _vm.headerIndex === 0,
+                expression: "headerIndex === 0",
+              },
+            ],
+            class: [_vm.expandClass, "level" + _vm.row.tree__level],
+          },
+          [
+            (_vm.row.tree__children || []).length > 0
+              ? _c(
+                  "v-icon",
+                  {
+                    directives: [
+                      {
+                        name: "show",
+                        rawName: "v-show",
+                        value: _vm.hasShowChevron(_vm.row),
+                        expression: "hasShowChevron(row)",
+                      },
+                    ],
+                    class: { opened: _vm.row.tree__opened },
+                    attrs: { tabindex: "-1" },
+                    on: {
+                      click: function ($event) {
+                        return _vm.toggleExpand(_vm.row, _vm.rowIndex, $event)
+                      },
+                    },
+                  },
+                  [
+                    _vm._v(
+                      "\n      " +
+                        _vm._s(_vm.$getIcon("chevronRight")) +
+                        "\n    "
+                    ),
+                  ]
+                )
+              : _vm._e(),
+          ],
+          1
+        ),
+        _vm._v(" "),
+        _c("div", {
+          key: _vm.row.tree__searched ? "a" : "b",
+          class: [
             {
-              name: "show",
-              rawName: "v-show",
-              value: _vm.headerIndex === 0,
-              expression: "headerIndex === 0",
+              "zd-table-cell-text-first": _vm.hasShowChevronInTreeGrid(
+                _vm.headerIndex,
+                _vm.selectable
+              ),
             },
+            "zd-table-cell-text",
           ],
-          class: [_vm.expandClass, "level" + _vm.row.tree__level],
-        },
-        [
-          (_vm.row.tree__children || []).length > 0
-            ? _c(
-                "v-icon",
-                {
-                  class: { opened: _vm.row.tree__opened },
-                  attrs: { tabindex: "-1" },
-                  on: {
-                    click: function ($event) {
-                      return _vm.toggleExpand(_vm.row, _vm.rowIndex)
-                    },
-                  },
-                },
-                [
-                  _vm._v(
-                    "\n      " + _vm._s(_vm.$getIcon("chevronRight")) + "\n    "
-                  ),
-                ]
+          domProps: {
+            innerHTML: _vm._s(
+              _vm.formatSearchResult(
+                _vm.column.formatterByRow(_vm.row, _vm.cellProps)
               )
-            : _vm._e(),
-        ],
-        1
-      ),
-      _vm._v(" "),
-      _c("span", {
-        key: _vm.row.tree__searched ? "a" : "b",
-        domProps: {
-          innerHTML: _vm._s(
-            _vm.formatSearchResult(
-              _vm.column.formatterByRow(_vm.row, _vm.cellProps)
-            )
-          ),
-        },
-      }),
+            ),
+          },
+        }),
+      ]),
     ]
   )
 };
@@ -48579,7 +48761,7 @@ __vue_render__$S._withStripped = true;
   /* style */
   const __vue_inject_styles__$S = function (inject) {
     if (!inject) return
-    inject("data-v-700df4ee_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
+    inject("data-v-3a69d8ed_0", { source: "\n.zd-grid-cell-wrapper {\n  display: flex;\n  gap: .75rem;\n}\n", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -48659,10 +48841,10 @@ __decorate([
 ZdIcon = __decorate([
     Component$1
 ], ZdIcon);
-var script$N = ZdIcon;
+var script$M = ZdIcon;
 
 /* script */
-const __vue_script__$R = script$N;
+const __vue_script__$R = script$M;
 
 /* template */
 var __vue_render__$R = function () {
@@ -48790,10 +48972,10 @@ __decorate([
 ZdImage = __decorate([
     Component$1
 ], ZdImage);
-var script$M = ZdImage;
+var script$L = ZdImage;
 
 /* script */
-const __vue_script__$Q = script$M;
+const __vue_script__$Q = script$L;
 
 /* template */
 var __vue_render__$Q = function () {
@@ -48956,10 +49138,10 @@ __decorate([
 ZdIncrement = __decorate([
     Component$1
 ], ZdIncrement);
-var script$L = ZdIncrement;
+var script$K = ZdIncrement;
 
 /* script */
-const __vue_script__$P = script$L;
+const __vue_script__$P = script$K;
 
 /* template */
 var __vue_render__$P = function () {
@@ -49176,10 +49358,10 @@ __decorate([
 ZdIterableComponentRender = __decorate([
     Component$1
 ], ZdIterableComponentRender);
-var script$K = ZdIterableComponentRender;
+var script$J = ZdIterableComponentRender;
 
 /* script */
-const __vue_script__$N = script$K;
+const __vue_script__$N = script$J;
 
 /* template */
 var __vue_render__$N = function () {
@@ -49464,10 +49646,10 @@ __decorate([
 ZdIterableColumnsButton = __decorate([
     Component$1
 ], ZdIterableColumnsButton);
-var script$J = ZdIterableColumnsButton;
+var script$I = ZdIterableColumnsButton;
 
 /* script */
-const __vue_script__$M = script$J;
+const __vue_script__$M = script$I;
 
 /* template */
 var __vue_render__$M = function () {
@@ -49707,10 +49889,10 @@ __decorate([
 ZdIterablePagination = __decorate([
     Component$1
 ], ZdIterablePagination);
-var script$I = ZdIterablePagination;
+var script$H = ZdIterablePagination;
 
 /* script */
-const __vue_script__$L = script$I;
+const __vue_script__$L = script$H;
 
 /* template */
 var __vue_render__$L = function () {
@@ -49984,10 +50166,10 @@ __decorate([
 ZdSelect = __decorate([
     Component$2
 ], ZdSelect);
-var script$H = ZdSelect;
+var script$G = ZdSelect;
 
 /* script */
-const __vue_script__$K = script$H;
+const __vue_script__$K = script$G;
 
 /* template */
 var __vue_render__$K = function () {
@@ -50367,10 +50549,10 @@ __decorate([
 ZdIterablePageSize = __decorate([
     Component$1
 ], ZdIterablePageSize);
-var script$G = ZdIterablePageSize;
+var script$F = ZdIterablePageSize;
 
 /* script */
-const __vue_script__$J = script$G;
+const __vue_script__$J = script$F;
 
 /* template */
 var __vue_render__$J = function () {
@@ -50433,10 +50615,10 @@ let ZdIterablePageInfo = class ZdIterablePageInfo extends ZdIterablePageComponen
 ZdIterablePageInfo = __decorate([
     Component$1
 ], ZdIterablePageInfo);
-var script$F = ZdIterablePageInfo;
+var script$E = ZdIterablePageInfo;
 
 /* script */
-const __vue_script__$I = script$F;
+const __vue_script__$I = script$E;
 
 /* template */
 var __vue_render__$I = function () {
@@ -50680,10 +50862,10 @@ __decorate([
 ZdListItem$1 = __decorate([
     Component$1
 ], ZdListItem$1);
-var script$E = ZdListItem$1;
+var script$D = ZdListItem$1;
 
 /* script */
-const __vue_script__$G = script$E;
+const __vue_script__$G = script$D;
 
 /* template */
 var __vue_render__$G = function () {
@@ -50796,10 +50978,10 @@ __decorate([
 ZdListItem = __decorate([
     Component$1({ components: { ZdListItemContent: __vue_component__$G } })
 ], ZdListItem);
-var script$D = ZdListItem;
+var script$C = ZdListItem;
 
 /* script */
-const __vue_script__$F = script$D;
+const __vue_script__$F = script$C;
 
 /* template */
 var __vue_render__$F = function () {
@@ -50968,10 +51150,10 @@ __decorate([
 ZdListGroup = __decorate([
     Component$1
 ], ZdListGroup);
-var script$C = ZdListGroup;
+var script$B = ZdListGroup;
 
 /* script */
-const __vue_script__$E = script$C;
+const __vue_script__$E = script$B;
 
 /* template */
 var __vue_render__$E = function () {
@@ -51211,10 +51393,10 @@ ZdLoading = __decorate([
     Component$1,
     __metadata("design:paramtypes", [])
 ], ZdLoading);
-var script$B = ZdLoading;
+var script$A = ZdLoading;
 
 /* script */
-const __vue_script__$D = script$B;
+const __vue_script__$D = script$A;
 
 /* template */
 var __vue_render__$D = function () {
@@ -51366,10 +51548,10 @@ __decorate([
 ZdLogin = __decorate([
     Component$1
 ], ZdLogin);
-var script$A = ZdLogin;
+var script$z = ZdLogin;
 
 /* script */
-const __vue_script__$C = script$A;
+const __vue_script__$C = script$z;
 
 /* template */
 var __vue_render__$C = function () {
@@ -51598,10 +51780,10 @@ __decorate([
 ZdLoginButton = __decorate([
     Component$1
 ], ZdLoginButton);
-var script$z = ZdLoginButton;
+var script$y = ZdLoginButton;
 
 /* script */
-const __vue_script__$B = script$z;
+const __vue_script__$B = script$y;
 
 /* template */
 var __vue_render__$B = function () {
@@ -51665,10 +51847,10 @@ __decorate([
 ZdMasterDetail = __decorate([
     Component$1
 ], ZdMasterDetail);
-var script$y = ZdMasterDetail;
+var script$x = ZdMasterDetail;
 
 /* script */
-const __vue_script__$A = script$y;
+const __vue_script__$A = script$x;
 
 /* template */
 var __vue_render__$A = function () {
@@ -51983,10 +52165,10 @@ __decorate([
 ZdMenu = __decorate([
     Component$1
 ], ZdMenu);
-var script$x = ZdMenu;
+var script$w = ZdMenu;
 
 /* script */
-const __vue_script__$z = script$x;
+const __vue_script__$z = script$w;
 
 /* template */
 var __vue_render__$z = function () {
@@ -52248,10 +52430,10 @@ __decorate([
 ZdMenuLink = __decorate([
     Component$1
 ], ZdMenuLink);
-var script$w = ZdMenuLink;
+var script$v = ZdMenuLink;
 
 /* script */
-const __vue_script__$y = script$w;
+const __vue_script__$y = script$v;
 
 /* template */
 var __vue_render__$y = function () {
@@ -52396,10 +52578,10 @@ __decorate([
 ZdMenuGroup = __decorate([
     Component$1
 ], ZdMenuGroup);
-var script$v = ZdMenuGroup;
+var script$u = ZdMenuGroup;
 
 /* script */
-const __vue_script__$x = script$v;
+const __vue_script__$x = script$u;
 
 /* template */
 var __vue_render__$x = function () {
@@ -52562,10 +52744,10 @@ __decorate([
 ZdMenuButton = __decorate([
     Component$1
 ], ZdMenuButton);
-var script$u = ZdMenuButton;
+var script$t = ZdMenuButton;
 
 /* script */
-const __vue_script__$w = script$u;
+const __vue_script__$w = script$t;
 
 /* template */
 var __vue_render__$w = function () {
@@ -52625,10 +52807,10 @@ let ZdMenuSeparator = class ZdMenuSeparator extends ZdComponentRender$1 {
 ZdMenuSeparator = __decorate([
     Component$1
 ], ZdMenuSeparator);
-var script$t = ZdMenuSeparator;
+var script$s = ZdMenuSeparator;
 
 /* script */
-const __vue_script__$v = script$t;
+const __vue_script__$v = script$s;
 
 /* template */
 var __vue_render__$v = function () {
@@ -52727,8 +52909,12 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
         this.dragHandle.removeEventListener('mousedown', this.dragStart.bind(this, modal));
     }
     dragStart(modal, event) {
+        var _a;
         if (!modal)
             return;
+        if (event && event.target
+            && ((_a = event.target.parentElement) === null || _a === void 0 ? void 0 : _a.className.indexOf(`zd-modal-card-${this.instance.name}`)) === -1)
+            return;
         this.modalDragged = modal;
         this.x = event.clientX;
         this.y = event.clientY;
@@ -52782,10 +52968,10 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
 ZdModal = __decorate([
     Component$1
 ], ZdModal);
-var script$s = ZdModal;
+var script$r = ZdModal;
 
 /* script */
-const __vue_script__$u = script$s;
+const __vue_script__$u = script$r;
 
 /* template */
 var __vue_render__$u = function () {
@@ -52822,7 +53008,11 @@ var __vue_render__$u = function () {
             {
               ref: modal.name,
               refInFor: true,
-              class: ["zd-modal-card", modal.cssClass],
+              class: [
+                "zd-modal-card",
+                "zd-modal-card-" + _vm.instance.name,
+                modal.cssClass,
+              ],
               style: modal.cssStyle,
               on: {
                 "hook:mounted": function ($event) {
@@ -52893,7 +53083,7 @@ __vue_render__$u._withStripped = true;
   /* style */
   const __vue_inject_styles__$u = function (inject) {
     if (!inject) return
-    inject("data-v-0c31e873_0", { source: ".zd-modal-title {\n  padding-bottom: 0px;\n}\n.zd-modal-container {\n  padding: 0;\n}\n.zd-modal-flex {\n  width: 100%;\n}\n.zd-modal-draggable {\n  position: relative;\n}\n.zd-modal-draggable-handle {\n  cursor: grab;\n  cursor: -moz-grab;\n  cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n  cursor: grabbing;\n  cursor: -moz-grabbing;\n  cursor: -webkit-grabbing;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n  padding: var(--zd-default-padding);\n  padding-bottom: 0px;\n  font-size: var(--zd-font-title-size);\n  font-weight: var(--zd-font-title-weight);\n  color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n  padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
+    inject("data-v-4ef79094_0", { source: ".zd-modal-title {\n  padding-bottom: 0px;\n}\n.zd-modal-container {\n  padding: 0;\n  cursor: default;\n}\n.zd-modal-flex {\n  width: 100%;\n}\n.zd-modal-draggable {\n  position: relative;\n}\n.zd-modal-draggable-handle {\n  cursor: grab;\n  cursor: -moz-grab;\n  cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n  cursor: grabbing;\n  cursor: -moz-grabbing;\n  cursor: -webkit-grabbing;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n  padding: var(--zd-default-padding);\n  padding-bottom: 0px;\n  font-size: var(--zd-font-title-size);\n  font-weight: var(--zd-font-title-weight);\n  color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n  padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
 
   };
   /* scoped */
@@ -52949,10 +53139,10 @@ __decorate([
 ZdModalCloseButton = __decorate([
     Component$1
 ], ZdModalCloseButton);
-var script$r = ZdModalCloseButton;
+var script$q = ZdModalCloseButton;
 
 /* script */
-const __vue_script__$t = script$r;
+const __vue_script__$t = script$q;
 
 /* template */
 var __vue_render__$t = function () {
@@ -53024,10 +53214,10 @@ __decorate([
 ZdMonth = __decorate([
     Component$1
 ], ZdMonth);
-var script$q = ZdMonth;
+var script$p = ZdMonth;
 
 /* script */
-const __vue_script__$s = script$q;
+const __vue_script__$s = script$p;
 
 /* template */
 var __vue_render__$s = function () {
@@ -53086,10 +53276,10 @@ let ZdPassword = class ZdPassword extends __vue_component__$1e {
 ZdPassword = __decorate([
     Component$1
 ], ZdPassword);
-var script$p = ZdPassword;
+var script$o = ZdPassword;
 
 /* script */
-const __vue_script__$r = script$p;
+const __vue_script__$r = script$o;
 
 /* template */
 var __vue_render__$r = function () {
@@ -53176,10 +53366,10 @@ __decorate([
 ZdProgress = __decorate([
     Component$1
 ], ZdProgress);
-var script$o = ZdProgress;
+var script$n = ZdProgress;
 
 /* script */
-const __vue_script__$q = script$o;
+const __vue_script__$q = script$n;
 
 /* template */
 var __vue_render__$q = function () {
@@ -53318,10 +53508,10 @@ __decorate([
 ZdRadio = __decorate([
     Component$1
 ], ZdRadio);
-var script$n = ZdRadio;
+var script$m = ZdRadio;
 
 /* script */
-const __vue_script__$p = script$n;
+const __vue_script__$p = script$m;
 
 /* template */
 var __vue_render__$p = function () {
@@ -53568,10 +53758,10 @@ __decorate([
 ZdRangeSlider = __decorate([
     Component$1
 ], ZdRangeSlider);
-var script$m = ZdRangeSlider;
+var script$l = ZdRangeSlider;
 
 /* script */
-const __vue_script__$o = script$m;
+const __vue_script__$o = script$l;
 
 /* template */
 var __vue_render__$o = function () {
@@ -53784,10 +53974,10 @@ __decorate([
 ZdRow = __decorate([
     Component$1
 ], ZdRow);
-var script$l = ZdRow;
+var script$k = ZdRow;
 
 /* script */
-const __vue_script__$n = script$l;
+const __vue_script__$n = script$k;
 
 /* template */
 var __vue_render__$n = function () {
@@ -53909,10 +54099,10 @@ __decorate([
 ZdSearch = __decorate([
     Component$1
 ], ZdSearch);
-var script$k = ZdSearch;
+var script$j = ZdSearch;
 
 /* script */
-const __vue_script__$m = script$k;
+const __vue_script__$m = script$j;
 
 /* template */
 var __vue_render__$m = function () {
@@ -54001,10 +54191,10 @@ __decorate([
 ZdSelectableList = __decorate([
     Component$1
 ], ZdSelectableList);
-var script$j = ZdSelectableList;
+var script$i = ZdSelectableList;
 
 /* script */
-const __vue_script__$l = script$j;
+const __vue_script__$l = script$i;
 
 /* template */
 var __vue_render__$l = function () {
@@ -54391,10 +54581,10 @@ __decorate([
 ZdSelectMultiple = __decorate([
     Component$2
 ], ZdSelectMultiple);
-var script$i = ZdSelectMultiple;
+var script$h = ZdSelectMultiple;
 
 /* script */
-const __vue_script__$k = script$i;
+const __vue_script__$k = script$h;
 
 /* template */
 var __vue_render__$k = function () {
@@ -55297,10 +55487,10 @@ __decorate([
 ZdSelectTreeMultiple = __decorate([
     Component$1
 ], ZdSelectTreeMultiple);
-var script$h = ZdSelectTreeMultiple;
+var script$g = ZdSelectTreeMultiple;
 
 /* script */
-const __vue_script__$i = script$h;
+const __vue_script__$i = script$g;
 
 /* template */
 var __vue_render__$i = function () {
@@ -55677,10 +55867,10 @@ __decorate([
 ZdSpeedDial = __decorate([
     Component$1
 ], ZdSpeedDial);
-var script$g = ZdSpeedDial;
+var script$f = ZdSpeedDial;
 
 /* script */
-const __vue_script__$h = script$g;
+const __vue_script__$h = script$f;
 
 /* template */
 var __vue_render__$h = function () {
@@ -55845,10 +56035,10 @@ __decorate([
 ZdSteppers = __decorate([
     Component$1
 ], ZdSteppers);
-var script$f = ZdSteppers;
+var script$e = ZdSteppers;
 
 /* script */
-const __vue_script__$g = script$f;
+const __vue_script__$g = script$e;
 
 /* template */
 var __vue_render__$g = function () {
@@ -56097,10 +56287,10 @@ __decorate([
 ZdSvgMap = __decorate([
     Component$1
 ], ZdSvgMap);
-var script$e = ZdSvgMap;
+var script$d = ZdSvgMap;
 
 /* script */
-const __vue_script__$f = script$e;
+const __vue_script__$f = script$d;
 
 /* template */
 var __vue_render__$f = function () {
@@ -56205,10 +56395,10 @@ __decorate([
 ZdSwitch = __decorate([
     Component$1
 ], ZdSwitch);
-var script$d = ZdSwitch;
+var script$c = ZdSwitch;
 
 /* script */
-const __vue_script__$e = script$d;
+const __vue_script__$e = script$c;
 
 /* template */
 var __vue_render__$e = function () {
@@ -56356,10 +56546,10 @@ __decorate([
 ZdTable = __decorate([
     Component$1
 ], ZdTable);
-var script$c = ZdTable;
+var script$b = ZdTable;
 
 /* script */
-const __vue_script__$d = script$c;
+const __vue_script__$d = script$b;
 
 /* template */
 var __vue_render__$d = function () {
@@ -56538,10 +56728,10 @@ __decorate([
 ZdTabs = __decorate([
     Component$1
 ], ZdTabs);
-var script$b = ZdTabs;
+var script$a = ZdTabs;
 
 /* script */
-const __vue_script__$c = script$b;
+const __vue_script__$c = script$a;
 
 /* template */
 var __vue_render__$c = function () {
@@ -56752,10 +56942,10 @@ __decorate([
 ZdTab = __decorate([
     Component$1
 ], ZdTab);
-var script$a = ZdTab;
+var script$9 = ZdTab;
 
 /* script */
-const __vue_script__$b = script$a;
+const __vue_script__$b = script$9;
 
 /* template */
 var __vue_render__$b = function () {
@@ -56853,10 +57043,10 @@ __decorate([
 ZdTabItem = __decorate([
     Component$1
 ], ZdTabItem);
-var script$9 = ZdTabItem;
+var script$8 = ZdTabItem;
 
 /* script */
-const __vue_script__$a = script$9;
+const __vue_script__$a = script$8;
 
 /* template */
 var __vue_render__$a = function () {
@@ -56968,10 +57158,10 @@ __decorate([
 ZdTag = __decorate([
     Component$1
 ], ZdTag);
-var script$8 = ZdTag;
+var script$7 = ZdTag;
 
 /* script */
-const __vue_script__$9 = script$8;
+const __vue_script__$9 = script$7;
 
 /* template */
 var __vue_render__$9 = function () {
@@ -57094,10 +57284,10 @@ ZdText = __decorate([
         components: { ZdRender },
     })
 ], ZdText);
-var script$7 = ZdText;
+var script$6 = ZdText;
 
 /* script */
-const __vue_script__$8 = script$7;
+const __vue_script__$8 = script$6;
 
 /* template */
 var __vue_render__$8 = function () {
@@ -57286,10 +57476,10 @@ __decorate([
 ZdTextarea = __decorate([
     Component$1
 ], ZdTextarea);
-var script$6 = ZdTextarea;
+var script$5 = ZdTextarea;
 
 /* script */
-const __vue_script__$7 = script$6;
+const __vue_script__$7 = script$5;
 
 /* template */
 var __vue_render__$7 = function () {
@@ -57638,10 +57828,10 @@ __decorate([
 ZdTime = __decorate([
     Component$1
 ], ZdTime);
-var script$5 = ZdTime;
+var script$4 = ZdTime;
 
 /* script */
-const __vue_script__$6 = script$5;
+const __vue_script__$6 = script$4;
 
 /* template */
 var __vue_render__$6 = function () {
@@ -57886,10 +58076,10 @@ __decorate([
 ZdTooltip = __decorate([
     Component$1
 ], ZdTooltip);
-var script$4 = ZdTooltip;
+var ZdTooltip$1 = ZdTooltip;
 
 /* script */
-const __vue_script__$5 = script$4;
+const __vue_script__$5 = ZdTooltip$1;
 
 /* template */
 var __vue_render__$5 = function () {
@@ -58743,10 +58933,29 @@ let ZdTreeGrid = class ZdTreeGrid extends ZdGrid$1 {
     }
     mounted() {
         this.instance.viewUpdateScrollData = this.calcScrollData;
+        this.originalChangeLayout = this.instance.changeLayout;
+        this.instance.changeLayout = this.onChangeLayout;
+        this.orderColumnVisibility();
     }
-    toggleExpand(row, rowIndex) {
+    toggleExpand(row, rowIndex, event) {
+        event === null || event === void 0 ? void 0 : event.stopPropagation();
         return this.instance.toggleExpand(row, rowIndex);
     }
+    orderColumnVisibility() {
+        const columnsInvisibles = this.instance.columns.filter((column) => column.isVisible === false);
+        if (!columnsInvisibles) {
+            return;
+        }
+        const columnsVisibles = this.instance.columns.filter((column) => column.isVisible === true);
+        const newOrderColumns = [];
+        if (columnsVisibles) {
+            newOrderColumns.push(...columnsVisibles);
+        }
+        if (columnsInvisibles) {
+            newOrderColumns.push(...columnsInvisibles);
+        }
+        this.instance.columns = newOrderColumns;
+    }
     checkSome(row) {
         if (this.instance.flat)
             return false;
@@ -58777,16 +58986,26 @@ let ZdTreeGrid = class ZdTreeGrid extends ZdGrid$1 {
         this.selectRowClick(row, isSelected, event);
     }
     getVisibleData() {
-        const data = this.instance.treeDataStructure.searchHasNoData ? [] : this.instance.treeDataStructure.treeData;
+        const data = this.instance.treeDataStructure.searchHasNoData
+            ? []
+            : this.instance.treeDataStructure.treeData;
         this.scrollData.visibleData = data.filter((row) => this.instance.treeDataStructure.isOpened(row));
         return this.scrollData.visibleData;
     }
     getData() {
         if (!this.instance.virtualScroll || !this.scrollData.initialized) {
-            return this.instance.treeDataStructure.searchHasNoData ? [] : this.instance.treeDataStructure.treeData;
+            return this.instance.treeDataStructure.searchHasNoData
+                ? []
+                : this.instance.treeDataStructure.treeData;
         }
         return this.renderedData;
     }
+    onChangeLayout(event, element) {
+        if (this.originalChangeLayout) {
+            this.originalChangeLayout.call(this.instance, event, element);
+        }
+        this.orderColumnVisibility();
+    }
 };
 __decorate([
     PropWatch({ type: String, default: '' }),
@@ -58808,6 +59027,10 @@ __decorate([
     PropWatch({ type: [String, Boolean], default: false }),
     __metadata("design:type", Boolean)
 ], ZdTreeGrid.prototype, "detach", void 0);
+__decorate([
+    PropWatch({ type: String, default: '' }),
+    __metadata("design:type", String)
+], ZdTreeGrid.prototype, "fieldHasChild", void 0);
 __decorate([
     Prop({
         type: Array,
@@ -58967,12 +59190,29 @@ var __vue_render__$1 = function () {
                                   "th",
                                   {
                                     key: column.name,
+                                    ref: "column-" + column.name,
+                                    refInFor: true,
                                     class: [
                                       "zd-table-cell",
                                       {
                                         sortable: column.sortable,
                                         sortHandle: _vm.instance.dragColumns,
                                       },
+                                      {
+                                        "zd-table-fixed-column-action":
+                                          column.actionFixed,
+                                      },
+                                      {
+                                        "theme--dark":
+                                          (_vm.$vuetify.theme.dark &&
+                                            !_vm.instance.light) ||
+                                          _vm.instance.dark,
+                                      },
+                                      {
+                                        "theme--light":
+                                          !_vm.$vuetify.theme.dark ||
+                                          _vm.instance.light,
+                                      },
                                       "text-" + column.align,
                                       _vm.instance.datasource.getOrderByColumn(
                                         column.name
@@ -58986,15 +59226,18 @@ var __vue_render__$1 = function () {
                                     style: {
                                       "background-color":
                                         _vm.instance.headerBackground,
-                                      width:
-                                        _vm.calcWidth(
-                                          column,
-                                          column.width ||
-                                            column.maxWidth ||
-                                            column.minWidth
-                                        ) || "unset",
+                                      width: _vm.calcWidth(
+                                        column,
+                                        column.width ||
+                                          column.maxWidth ||
+                                          column.minWidth,
+                                        true
+                                      ),
+                                    },
+                                    attrs: {
+                                      "column-name": column.name,
+                                      index: index,
                                     },
-                                    attrs: { index: index },
                                   },
                                   [
                                     _c(
@@ -59002,14 +59245,13 @@ var __vue_render__$1 = function () {
                                       {
                                         staticClass: "zd-table-header-cell",
                                         style: {
-                                          width:
-                                            _vm.calcWidth(
-                                              column,
-                                              column.width ||
-                                                column.maxWidth ||
-                                                column.minWidth,
-                                              true
-                                            ) || "unset",
+                                          width: _vm.calcWidth(
+                                            column,
+                                            column.width ||
+                                              column.maxWidth ||
+                                              column.minWidth,
+                                            true
+                                          ),
                                           color:
                                             _vm.instance.headerCellTextColor,
                                         },
@@ -59432,6 +59674,8 @@ var __vue_render__$1 = function () {
                                               headerIndex: headerIndex,
                                               selectable:
                                                 _vm.instance.selectable,
+                                              fieldHasChild:
+                                                _vm.instance.fieldHasChild,
                                               toggleExpand: _vm.toggleExpand,
                                               rowIndex: index,
                                               search:
@@ -59469,6 +59713,28 @@ var __vue_render__$1 = function () {
                                                   (headerIndex === 1 &&
                                                     _vm.instance.selectable),
                                               },
+                                              {
+                                                "zd-table-fixed-column-action":
+                                                  column.actionFixed,
+                                              },
+                                              {
+                                                "theme--dark":
+                                                  (_vm.$vuetify.theme.dark &&
+                                                    !_vm.instance.light) ||
+                                                  _vm.instance.dark,
+                                              },
+                                              {
+                                                "theme--light":
+                                                  !_vm.$vuetify.theme.dark ||
+                                                  _vm.instance.light,
+                                              },
+                                            ],
+                                            cellStyle: [
+                                              {
+                                                right: column.actionFixed
+                                                  ? _vm.fixedRight[column.name]
+                                                  : "unset",
+                                              },
                                             ],
                                           },
                                           on: {
@@ -59516,7 +59782,8 @@ var __vue_render__$1 = function () {
                                                         ) {
                                                           return _vm.instance.toggleExpand(
                                                             item,
-                                                            index
+                                                            index,
+                                                            _vm.event
                                                           )
                                                         },
                                                       },
@@ -59653,8 +59920,8 @@ __vue_render__$1._withStripped = true;
   /* style */
   const __vue_inject_styles__$1 = function (inject) {
     if (!inject) return
-    inject("data-v-13c4699c_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-div-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n    flex-direction: column;\n    justify-content: center;\n}\n.zd-grid-div-footer {\n    width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n    justify-content: space-evenly;\n}\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-13c4699c_1", { source: ".zd-tree-grid .zd-table-cell-text-first {\n  display: inline-flex;\n  width: 100%;\n}\n.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  text-align: end;\n  vertical-align: baseline;\n  height: 10px;\n  display: inline-block;\n}\n.zd-tree-grid .zd-tree-grid-expand-action {\n  height: 100%;\n  display: inline-grid;\n  justify-content: end;\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-8b38a9f2_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.text-center .zd-table-header-cell {\n  justify-content: center;\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-table-cell.zd-table-fixed-column-action {\n  position: sticky !important;\n  right: 0;\n  z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n  background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n  background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column-action {\n  position: sticky !important;\n  right: 0;\n  z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n  background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n  background: #3c3c3c !important;\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-div-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n    flex-direction: column;\n    justify-content: center;\n}\n.zd-grid-div-footer {\n    width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n    justify-content: space-evenly;\n}\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-8b38a9f2_1", { source: ".zd-tree-grid .zd-table-cell-text-first {\n  display: inline-flex;\n  width: 100%;\n}\n.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  text-align: end;\n  vertical-align: baseline;\n  height: 10px;\n  display: inline-block;\n}\n.zd-tree-grid .zd-tree-grid-expand-action {\n  height: 100%;\n  display: inline-grid;\n  justify-content: end;\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 */
@@ -59841,11 +60108,19 @@ let ZdTreeGridEditable = class ZdTreeGridEditable extends ZdTreeGrid$1 {
         return (row[column.name] === trueDefined && !!trueIcon) || !!falseIcon;
     }
     getWidthStyle(column) {
-        return {
-            width: this.calcWidth(column, column.maxWidth || column.minWidth) || 'unset',
-            'min-width': this.calcWidth(column, column.minWidth) || 'unset',
-            'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
+        let widthData = {
+            'min-width': '100%',
         };
+        if (column.width) {
+            widthData = Object.assign({ width: this.calcWidth(column, column.width) }, widthData);
+        }
+        if (column.minWidth) {
+            widthData = Object.assign({ 'min-width': this.calcWidth(column, column.minWidth) }, widthData);
+        }
+        if (column.maxWidth) {
+            widthData = Object.assign({ 'max-width': this.calcWidth(column, column.maxWidth) }, widthData);
+        }
+        return widthData;
     }
 };
 __decorate([
@@ -59856,6 +60131,10 @@ __decorate([
     PropWatch({ type: [String, Function] }),
     __metadata("design:type", Object)
 ], ZdTreeGridEditable.prototype, "canEditRow", void 0);
+__decorate([
+    PropWatch({ type: Boolean, default: false }),
+    __metadata("design:type", Boolean)
+], ZdTreeGridEditable.prototype, "hasUsingCellText", void 0);
 ZdTreeGridEditable = __decorate([
     Component$2
 ], ZdTreeGridEditable);
@@ -60023,13 +60302,13 @@ var __vue_render__ = function () {
                                     style: {
                                       "background-color":
                                         _vm.instance.headerBackground,
-                                      width:
-                                        _vm.calcWidth(
-                                          column,
-                                          column.width ||
-                                            column.maxWidth ||
-                                            column.minWidth
-                                        ) || "unset",
+                                      width: _vm.calcWidth(
+                                        column,
+                                        column.width ||
+                                          column.maxWidth ||
+                                          column.minWidth,
+                                        true
+                                      ),
                                     },
                                     attrs: { index: index },
                                   },
@@ -60039,14 +60318,13 @@ var __vue_render__ = function () {
                                       {
                                         staticClass: "zd-table-header-cell",
                                         style: {
-                                          width:
-                                            _vm.calcWidth(
-                                              column,
-                                              column.width ||
-                                                column.maxWidth ||
-                                                column.minWidth,
-                                              true
-                                            ) || "unset",
+                                          width: _vm.calcWidth(
+                                            column,
+                                            column.width ||
+                                              column.maxWidth ||
+                                              column.minWidth,
+                                            true
+                                          ),
                                           color:
                                             _vm.instance.headerCellTextColor,
                                         },
@@ -60569,9 +60847,13 @@ var __vue_render__ = function () {
                                                         selectable:
                                                           _vm.instance
                                                             .selectable,
+                                                        fieldHasChild:
+                                                          _vm.instance
+                                                            .fieldHasChild,
                                                         toggleExpand:
                                                           _vm.toggleExpand,
                                                         rowIndex: index,
+                                                        hasUsingCellText: false,
                                                         search:
                                                           _vm.instance
                                                             .datasource.search,
@@ -60618,6 +60900,28 @@ var __vue_render__ = function () {
                                                   (headerIndex === 1 &&
                                                     _vm.instance.selectable),
                                               },
+                                              {
+                                                "zd-table-fixed-column-action":
+                                                  column.actionFixed,
+                                              },
+                                              {
+                                                "theme--dark":
+                                                  (_vm.$vuetify.theme.dark &&
+                                                    !_vm.instance.light) ||
+                                                  _vm.instance.dark,
+                                              },
+                                              {
+                                                "theme--light":
+                                                  !_vm.$vuetify.theme.dark ||
+                                                  _vm.instance.light,
+                                              },
+                                            ],
+                                            cellStyle: [
+                                              {
+                                                right: column.actionFixed
+                                                  ? _vm.fixedRight[column.name]
+                                                  : "unset",
+                                              },
                                             ],
                                           },
                                           on: {
@@ -60802,8 +61106,8 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = function (inject) {
     if (!inject) return
-    inject("data-v-88c6a274_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-div-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n    flex-direction: column;\n    justify-content: center;\n}\n.zd-grid-div-footer {\n    width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n    justify-content: space-evenly;\n}\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-88c6a274_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell .zd-table-cell-text-first {\n  display: inline-flex;\n  width: 100%;\n}\n.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-tree-grid-editable-cell-wrapper, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-tree-grid-editable-cell-wrapper {\n  display: flex;\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  width: 100%;\n  padding: 0 0.5rem;\n  position: relative;\n  display: block;\n  height: 1.25rem;\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: 0;\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: 0;\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 {\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:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text: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-0447beb6_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.text-center .zd-table-header-cell {\n  justify-content: center;\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-table-cell.zd-table-fixed-column-action {\n  position: sticky !important;\n  right: 0;\n  z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n  background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n  background: #3c3c3c !important;\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 td.zd-table-cell.zd-table-fixed-column-action {\n  position: sticky !important;\n  right: 0;\n  z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n  background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n  background: #3c3c3c !important;\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-div-footer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n    flex-direction: column;\n    justify-content: center;\n}\n.zd-grid-div-footer {\n    width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n    justify-content: space-evenly;\n}\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-0447beb6_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell .zd-table-cell-text-first {\n  display: inline-flex;\n  width: 100%;\n}\n.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-tree-grid-editable-cell-wrapper, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-tree-grid-editable-cell-wrapper {\n  display: flex;\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  width: 100%;\n  padding: 0 0.5rem;\n  position: relative;\n  display: block;\n  height: 1.25rem;\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: 0;\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: 0;\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 {\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:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text: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: 23px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n  width: 46px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n  width: 69px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n  width: 92px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n  width: 115px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n  width: 138px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n  width: 161px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n  width: 184px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n  width: 207px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n  width: 230px;\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 */
@@ -61009,6 +61313,10 @@ var onVisiblePlugin = (element, callback, root) => {
     return observer;
 };
 
+const isActivatableInstance = (vm) => {
+    const components = [ZdDropdown$1, ZdTooltip$1, ZdVMenu$1, ZdVTooltip$1];
+    return components.some((component) => (vm instanceof component));
+};
 /**
  * This function was copied from https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/mixins/activatable/index.ts
  * the only change was to consider ZdDropdown and ZdTooltip as activatable components
@@ -61039,7 +61347,7 @@ const getActivator = (comp, e) => {
         // don't have a click event to use as a last resort
         const vm = comp.activatorNode[0].componentInstance;
         const isActivatable = vm && ((vm.$options.mixins
-            && vm.$options.mixins.some((m) => m.options && ['activatable', 'menuable'].includes(m.options.name))) || ['ZdDropdown', 'ZdTooltip', 'ZdVMenu', 'ZdVTooltip'].includes(vm.$options.name));
+            && vm.$options.mixins.some((m) => m.options && ['activatable', 'menuable'].includes(m.options.name))) || isActivatableInstance(vm));
         if (isActivatable) {
             // Activator is actually another activatible component, use its activator (#8846)
             activator = vm.getActivator();
@@ -61290,4 +61598,4 @@ const Zeedhi = {
 const packageContent = require('../package.json');
 VersionService.addPackageVersion(packageContent.name, packageContent.version);
 
-export { IconRenderer, PropWatch, ThemeColor, Vuetify, script$1l as ZdAlert, script$1k as ZdApexChart, script$1j as ZdBadge, script$1i as ZdBreadcrumbs, ZdButton$1 as ZdButton, script$1h as ZdButtonGroup, script$1g as ZdCard, script$1f as ZdCarousel, script$1e as ZdCheckbox, script$1d as ZdCheckboxMultiple, script$1c as ZdChip, script$1b as ZdCodeEditor, script$1a as ZdCol, script$19 as ZdCollapseCard, ZdComponent$1 as ZdComponent, ZdComponentRender$1 as ZdComponentRender, script$18 as ZdContainer, script$17 as ZdCurrency, script$16 as ZdDashboard, script$15 as ZdDate, script$14 as ZdDateRange, script$13 as ZdDialog, script$12 as ZdDivider, script$11 as ZdDropdown, script$10 as ZdFileInput, script$$ as ZdFooter, script$_ as ZdForm, script$Z as ZdFrame, script$Y as ZdFramePage, ZdGrid$1 as ZdGrid, script$S as ZdGridAction, script$R as ZdGridCell, script$Q as ZdGridCellContent, script$P as ZdGridCellEdit, script$X as ZdGridEditable, script$V as ZdGridFooter, script$T as ZdGridTop, script$W as ZdHeader, script$M as ZdImage, script$L as ZdIncrement, ZdInput$1 as ZdInput, ZdIterable$1 as ZdIterable, script$J as ZdIterableColumnsButton, script$K as ZdIterableComponentRender, script$U as ZdIterableNoData, script$F as ZdIterablePageInfo, script$G as ZdIterablePageSize, script$I as ZdIterablePagination, ZdList$1 as ZdList, script$C as ZdListGroup, script$D as ZdListItem, __vue_component__$D as ZdLoading, script$A as ZdLogin, script$z as ZdLoginButton, script$y as ZdMasterDetail, script$x as ZdMenu, script$u as ZdMenuButton, script$v as ZdMenuGroup, script$w as ZdMenuLink, script$t as ZdMenuSeparator, script$s as ZdModal, script$r as ZdModalCloseButton, script$q as ZdMonth, ZdNumber$1 as ZdNumber, script$p as ZdPassword, script$o as ZdProgress, script$n as ZdRadio, script$m as ZdRangeSlider, script$l as ZdRow, script$k as ZdSearch, script$H as ZdSelect, ZdSelectTree$1 as ZdSelectTree, script$h as ZdSelectTreeMultiple, script$j as ZdSelectableList, script$g as ZdSpeedDial, script$f as ZdSteppers, script$e as ZdSvgMap, script$d as ZdSwitch, script$c as ZdTable, script$b as ZdTabs, script$8 as ZdTag, script$7 as ZdText, ZdTextInput$1 as ZdTextInput, script$6 as ZdTextarea, script$5 as ZdTime, ZdToggleable$1 as ZdToggleable, script$4 as ZdTooltip, script$1 as ZdTree, ZdTreeGrid$1 as ZdTreeGrid, script$O as ZdTreeGridCellContent, script as ZdTreeGridEditable, components, Zeedhi as default };
+export { IconRenderer, PropWatch, ThemeColor, Vuetify, script$1j as ZdAlert, script$1i as ZdApexChart, script$1h as ZdBadge, script$1g as ZdBreadcrumbs, ZdButton$1 as ZdButton, script$1f as ZdButtonGroup, script$1e as ZdCard, script$1d as ZdCarousel, script$1c as ZdCheckbox, script$1b as ZdCheckboxMultiple, script$1a as ZdChip, script$19 as ZdCodeEditor, script$18 as ZdCol, script$17 as ZdCollapseCard, ZdComponent$1 as ZdComponent, ZdComponentRender$1 as ZdComponentRender, script$16 as ZdContainer, script$15 as ZdCurrency, script$14 as ZdDashboard, script$13 as ZdDate, script$12 as ZdDateRange, script$11 as ZdDialog, script$10 as ZdDivider, ZdDropdown$1 as ZdDropdown, script$$ as ZdFileInput, script$_ as ZdFooter, script$Z as ZdForm, script$Y as ZdFrame, script$X as ZdFramePage, ZdGrid$1 as ZdGrid, script$R as ZdGridAction, script$Q as ZdGridCell, script$P as ZdGridCellContent, script$O as ZdGridCellEdit, script$W as ZdGridEditable, script$U as ZdGridFooter, script$S as ZdGridTop, script$V as ZdHeader, script$L as ZdImage, script$K as ZdIncrement, ZdInput$1 as ZdInput, ZdIterable$1 as ZdIterable, script$I as ZdIterableColumnsButton, script$J as ZdIterableComponentRender, script$T as ZdIterableNoData, script$E as ZdIterablePageInfo, script$F as ZdIterablePageSize, script$H as ZdIterablePagination, ZdList$1 as ZdList, script$B as ZdListGroup, script$C as ZdListItem, __vue_component__$D as ZdLoading, script$z as ZdLogin, script$y as ZdLoginButton, script$x as ZdMasterDetail, script$w as ZdMenu, script$t as ZdMenuButton, script$u as ZdMenuGroup, script$v as ZdMenuLink, script$s as ZdMenuSeparator, script$r as ZdModal, script$q as ZdModalCloseButton, script$p as ZdMonth, ZdNumber$1 as ZdNumber, script$o as ZdPassword, script$n as ZdProgress, script$m as ZdRadio, script$l as ZdRangeSlider, script$k as ZdRow, script$j as ZdSearch, script$G as ZdSelect, ZdSelectTree$1 as ZdSelectTree, script$g as ZdSelectTreeMultiple, script$i as ZdSelectableList, script$f as ZdSpeedDial, script$e as ZdSteppers, script$d as ZdSvgMap, script$c as ZdSwitch, script$b as ZdTable, script$a as ZdTabs, script$7 as ZdTag, script$6 as ZdText, ZdTextInput$1 as ZdTextInput, script$5 as ZdTextarea, script$4 as ZdTime, ZdToggleable$1 as ZdToggleable, ZdTooltip$1 as ZdTooltip, script$1 as ZdTree, ZdTreeGrid$1 as ZdTreeGrid, script$N as ZdTreeGridCellContent, script as ZdTreeGridEditable, components, Zeedhi as default };