@zeedhi/vuetify 1.72.0 → 1.73.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/zd-vuetify.esm.js +1253 -1146
  2. package/dist/zd-vuetify.umd.js +1257 -1150
  3. package/package.json +2 -2
  4. package/types/components/zd-grid/ZdGrid.d.ts +1 -2
  5. package/types/components/zd-iterable/ZdIterable.d.ts +1 -0
  6. package/types/utils/fillHeight.d.ts +1 -0
package/dist/zd-vuetify.esm.js CHANGED
@@ -12,8 +12,8 @@ import { Component, AlertService, ComponentRender, ApexChart, Badge, Breadcrumbs
12
12
  import Component$2, { createDecorator } from 'vue-class-component';
13
13
  import Prism$1 from 'prismjs';
14
14
  import 'prismjs/themes/prism.css';
15
- import debounce$1 from 'lodash.debounce';
16
15
  import isUndefined from 'lodash.isundefined';
16
+ import debounce$1 from 'lodash.debounce';
17
17
  import { ZdRender } from '@zeedhi/vue';
18
18
  import kebabcase from 'lodash.kebabcase';
19
19
  import camelcase from 'lodash.camelcase';
@@ -44805,9 +44805,13 @@ __decorate([
44805
44805
  __metadata("design:type", Array)
44806
44806
  ], ZdIterable.prototype, "pageSizes", void 0);
44807
44807
  __decorate([
44808
- Prop({ type: [Array, Boolean], default: false }),
44808
+ Prop({ type: [String, Boolean], default: false }),
44809
44809
  __metadata("design:type", Object)
44810
44810
  ], ZdIterable.prototype, "virtualScroll", void 0);
44811
+ __decorate([
44812
+ Prop({ type: [String, Number], default: 5 }),
44813
+ __metadata("design:type", Object)
44814
+ ], ZdIterable.prototype, "virtualScrollCache", void 0);
44811
44815
  __decorate([
44812
44816
  Prop({ type: [String, Boolean], default: () => { var _a; return ((_a = Config.iterableSearchVisibleOnly) !== null && _a !== void 0 ? _a : true); } }),
44813
44817
  __metadata("design:type", Object)
@@ -44856,15 +44860,7 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
44856
44860
  this.resizeX = 0;
44857
44861
  this.resizeWidth = 0;
44858
44862
  this.resizeTableWidth = 0;
44859
- this.debounceScroll = debounce$1(((event, grid) => {
44860
- const { scrollTop } = event.target;
44861
- const rows = Math.floor(scrollTop / grid.scrollData.rowHeight);
44862
- const data = grid.getVisibleData();
44863
- const start = rows + grid.scrollData.perPage > data.length ? Math
44864
- .max(0, data.length - grid.scrollData.perPage) : rows;
44865
- grid.scrollData.start = start;
44866
- this.updateScrollData(data);
44867
- }), 5);
44863
+ this.lastStart = 0;
44868
44864
  this.tableHeader = null;
44869
44865
  this.tableBody = null;
44870
44866
  }
@@ -45216,15 +45212,11 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
45216
45212
  const tableWrapperHeight = this.scrollData.tableWrapper.clientHeight;
45217
45213
  const tableHeader = this.$el.querySelector('thead');
45218
45214
  const tableHeaderHeight = tableHeader.clientHeight;
45219
- this.scrollData.perPage = 10 + Math
45220
- .ceil((tableWrapperHeight - tableHeaderHeight)
45215
+ this.scrollData.perPage = Math.ceil((tableWrapperHeight - tableHeaderHeight)
45221
45216
  / this.scrollData.rowHeight);
45222
- const data = this.getVisibleData();
45217
+ const { data } = this.instance.datasource;
45223
45218
  this.updateScrollData(data);
45224
45219
  }
45225
- getVisibleData() {
45226
- return this.instance.datasource.data;
45227
- }
45228
45220
  getData() {
45229
45221
  if (!this.instance.virtualScroll || !this.scrollData.initialized) {
45230
45222
  return this.instance.datasource.data;
@@ -45232,16 +45224,25 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
45232
45224
  return this.renderedData;
45233
45225
  }
45234
45226
  get renderedData() {
45235
- const { start, perPage } = this.scrollData;
45236
- return this.getVisibleData().slice(start, start + perPage);
45227
+ return this.instance.datasource.data;
45237
45228
  }
45238
45229
  updateScrollData(data) {
45239
45230
  const { start, rowHeight, perPage } = this.scrollData;
45240
- this.scrollData.startHeight = start * rowHeight;
45241
- this.scrollData.endHeight = (data.length - start - perPage) * rowHeight;
45231
+ const cache = this.instance.virtualScrollCache;
45232
+ this.scrollData.startHeight = Math.max(start - cache, 0) * rowHeight;
45233
+ this.scrollData.endHeight = Math.max(data.length - start - perPage - cache, 0) * rowHeight;
45242
45234
  }
45243
45235
  onScroll(event) {
45244
- this.debounceScroll(event, this);
45236
+ const { scrollTop } = event.target;
45237
+ const rows = Math.floor(scrollTop / this.scrollData.rowHeight);
45238
+ const { data } = this.instance.datasource;
45239
+ const start = rows + this.scrollData.perPage > data.length ? Math
45240
+ .max(0, data.length - this.scrollData.perPage) : rows;
45241
+ if (this.lastStart !== start) {
45242
+ this.lastStart = start;
45243
+ this.scrollData.start = start;
45244
+ this.updateScrollData(data);
45245
+ }
45245
45246
  }
45246
45247
  get cssColorVars() {
45247
45248
  return {
@@ -45963,7 +45964,8 @@ var __vue_render__$10 = function () {
45963
45964
  },
45964
45965
  }
45965
45966
  : null,
45966
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
45967
+ _vm.instance.virtualScroll &&
45968
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
45967
45969
  ? {
45968
45970
  key: "body.prepend",
45969
45971
  fn: function (ref) {
@@ -45980,7 +45982,9 @@ var __vue_render__$10 = function () {
45980
45982
  }
45981
45983
  : null,
45982
45984
  _vm.instance.virtualScroll &&
45983
- _vm.scrollData.start + _vm.scrollData.perPage <
45985
+ _vm.scrollData.start +
45986
+ _vm.scrollData.perPage +
45987
+ _vm.instance.virtualScrollCache <
45984
45988
  _vm.instance.datasource.data.length
45985
45989
  ? {
45986
45990
  key: "body.append",
@@ -46005,208 +46009,228 @@ var __vue_render__$10 = function () {
46005
46009
  var select = ref.select;
46006
46010
  var isSelected = ref.isSelected;
46007
46011
  var headers = ref.headers;
46012
+ var index = ref.index;
46008
46013
  return [
46009
- _c(
46010
- "tr",
46011
- {
46012
- class: {
46013
- active: isSelected,
46014
- current: _vm.isCurrentRow(item),
46015
- },
46016
- on: {
46017
- click: function ($event) {
46018
- return _vm.rowClick(item, $event)
46014
+ !_vm.instance.virtualScroll ||
46015
+ (index >=
46016
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
46017
+ index <=
46018
+ _vm.scrollData.start +
46019
+ _vm.scrollData.perPage +
46020
+ _vm.instance.virtualScrollCache)
46021
+ ? _c(
46022
+ "tr",
46023
+ {
46024
+ class: {
46025
+ active: isSelected,
46026
+ current: _vm.isCurrentRow(item),
46027
+ },
46028
+ on: {
46029
+ click: function ($event) {
46030
+ return _vm.rowClick(item, $event)
46031
+ },
46032
+ },
46019
46033
  },
46020
- },
46021
- },
46022
- [
46023
- _vm.instance.selectable
46024
- ? _c(
46025
- "td",
46026
- { staticClass: "zd-table-cell selectable" },
46027
- [
46028
- _c("v-checkbox", {
46029
- staticClass: "zd-grid-row-checkbox",
46030
- attrs: {
46031
- "hide-details": "",
46032
- color: "primary",
46033
- disabled:
46034
- _vm.instance.callDisableSelection(item),
46035
- "on-icon": _vm.$getIcon("checkboxOn"),
46036
- "off-icon": _vm.$getIcon("checkboxOff"),
46037
- "true-value": true,
46038
- "false-value": false,
46039
- "input-value": isSelected,
46040
- },
46041
- on: {
46042
- click: function ($event) {
46043
- $event.stopPropagation();
46044
- select(!isSelected);
46045
- _vm.selectRowClick(
46046
- item,
46047
- !isSelected,
46048
- $event
46049
- );
46034
+ [
46035
+ _vm.instance.selectable
46036
+ ? _c(
46037
+ "td",
46038
+ { staticClass: "zd-table-cell selectable" },
46039
+ [
46040
+ _c("v-checkbox", {
46041
+ staticClass: "zd-grid-row-checkbox",
46042
+ attrs: {
46043
+ "hide-details": "",
46044
+ color: "primary",
46045
+ disabled:
46046
+ _vm.instance.callDisableSelection(item),
46047
+ "on-icon": _vm.$getIcon("checkboxOn"),
46048
+ "off-icon": _vm.$getIcon("checkboxOff"),
46049
+ "true-value": true,
46050
+ "false-value": false,
46051
+ "input-value": isSelected,
46052
+ },
46053
+ on: {
46054
+ click: function ($event) {
46055
+ $event.stopPropagation();
46056
+ select(!isSelected);
46057
+ _vm.selectRowClick(
46058
+ item,
46059
+ !isSelected,
46060
+ $event
46061
+ );
46062
+ },
46063
+ },
46064
+ }),
46065
+ ],
46066
+ 1
46067
+ )
46068
+ : _vm._e(),
46069
+ _vm._v(" "),
46070
+ _vm._l(headers, function (header) {
46071
+ return [
46072
+ _vm._l(
46073
+ [
46074
+ {
46075
+ column: header,
46076
+ rowStyle:
46077
+ _vm.instance.getRowStyleConditions(item),
46078
+ cellsApplied: (_vm.instance.cellsApplied[
46079
+ _vm.rowKey(item)
46080
+ ] || {})[header.name],
46050
46081
  },
46051
- },
46052
- }),
46053
- ],
46054
- 1
46055
- )
46056
- : _vm._e(),
46057
- _vm._v(" "),
46058
- _vm._l(headers, function (header) {
46059
- return [
46060
- _vm._l(
46061
- [
46062
- {
46063
- column: header,
46064
- rowStyle:
46065
- _vm.instance.getRowStyleConditions(item),
46066
- cellsApplied: (_vm.instance.cellsApplied[
46067
- _vm.rowKey(item)
46068
- ] || {})[header.name],
46069
- },
46070
- ],
46071
- function (ref) {
46072
- var column = ref.column;
46073
- var rowStyle = ref.rowStyle;
46074
- var cellsApplied = ref.cellsApplied;
46075
- return [
46076
- column.isVisible && column.type !== "action"
46077
- ? [
46078
- _c(
46079
- "zd-grid-cell",
46080
- {
46081
- key: column.name,
46082
- attrs: {
46083
- column: column,
46084
- rowStyle: rowStyle,
46085
- cellsApplied: cellsApplied,
46086
- },
46087
- on: {
46088
- click: function ($event) {
46089
- return _vm.cellClick(
46090
- item,
46091
- column,
46092
- $event
46093
- )
46082
+ ],
46083
+ function (ref) {
46084
+ var column = ref.column;
46085
+ var rowStyle = ref.rowStyle;
46086
+ var cellsApplied = ref.cellsApplied;
46087
+ return [
46088
+ column.isVisible && column.type !== "action"
46089
+ ? [
46090
+ _c(
46091
+ "zd-grid-cell",
46092
+ {
46093
+ key: column.name,
46094
+ attrs: {
46095
+ column: column,
46096
+ rowStyle: rowStyle,
46097
+ cellsApplied: cellsApplied,
46098
+ },
46099
+ on: {
46100
+ click: function ($event) {
46101
+ return _vm.cellClick(
46102
+ item,
46103
+ column,
46104
+ $event
46105
+ )
46106
+ },
46107
+ },
46094
46108
  },
46095
- },
46096
- },
46097
- [
46098
- column.loading
46099
- ? _c("v-skeleton-loader", {
46100
- staticClass:
46101
- "zd-skeleton-table-cell",
46109
+ [
46110
+ column.loading
46111
+ ? _c("v-skeleton-loader", {
46112
+ staticClass:
46113
+ "zd-skeleton-table-cell",
46114
+ attrs: {
46115
+ loading: "",
46116
+ type: "table-cell",
46117
+ },
46118
+ })
46119
+ : _vm._e(),
46120
+ _vm._v(" "),
46121
+ _c("zd-grid-cell-content", {
46122
+ directives: [
46123
+ {
46124
+ name: "show",
46125
+ rawName: "v-show",
46126
+ value: !column.loading,
46127
+ expression:
46128
+ "!column.loading",
46129
+ },
46130
+ ],
46102
46131
  attrs: {
46103
- loading: "",
46104
- type: "table-cell",
46132
+ getWidthStyle:
46133
+ _vm.getWidthStyle,
46134
+ column: column,
46135
+ row: item,
46136
+ rowStyle: rowStyle,
46137
+ cellsApplied: cellsApplied,
46138
+ hasUsingCellText: true,
46105
46139
  },
46106
- })
46107
- : _vm._e(),
46108
- _vm._v(" "),
46109
- _c("zd-grid-cell-content", {
46110
- directives: [
46111
- {
46112
- name: "show",
46113
- rawName: "v-show",
46114
- value: !column.loading,
46115
- expression: "!column.loading",
46116
- },
46140
+ on: {
46141
+ mouseenter: function (
46142
+ $event
46143
+ ) {
46144
+ return _vm.checkOverflow(
46145
+ $event,
46146
+ column.overflow
46147
+ )
46148
+ },
46149
+ mouseleave: function (
46150
+ $event
46151
+ ) {
46152
+ return _vm.removeTooltip()
46153
+ },
46154
+ },
46155
+ }),
46117
46156
  ],
46118
- attrs: {
46119
- getWidthStyle: _vm.getWidthStyle,
46120
- column: column,
46121
- row: item,
46122
- rowStyle: rowStyle,
46123
- cellsApplied: cellsApplied,
46124
- hasUsingCellText: true,
46125
- },
46126
- on: {
46127
- mouseenter: function ($event) {
46128
- return _vm.checkOverflow(
46129
- $event,
46130
- column.overflow
46131
- )
46157
+ 1
46158
+ ),
46159
+ ]
46160
+ : column.isVisible &&
46161
+ column.type === "action"
46162
+ ? [
46163
+ _c(
46164
+ "zd-grid-cell",
46165
+ {
46166
+ key: column.name,
46167
+ attrs: {
46168
+ column: column,
46169
+ rowStyle: rowStyle,
46170
+ cellsApplied: cellsApplied,
46171
+ cellClass: [
46172
+ {
46173
+ "zd-table-fixed-column-action":
46174
+ column.actionFixed,
46175
+ },
46176
+ {
46177
+ "theme--dark":
46178
+ (_vm.$vuetify.theme
46179
+ .dark &&
46180
+ !_vm.instance.light) ||
46181
+ _vm.instance.dark,
46182
+ },
46183
+ {
46184
+ "theme--light":
46185
+ !_vm.$vuetify.theme
46186
+ .dark ||
46187
+ _vm.instance.light,
46188
+ },
46189
+ ],
46190
+ cellStyle: [
46191
+ {
46192
+ right: column.actionFixed
46193
+ ? _vm.fixedRight[
46194
+ column.name
46195
+ ]
46196
+ : "unset",
46197
+ },
46198
+ ],
46132
46199
  },
46133
- mouseleave: function ($event) {
46134
- return _vm.removeTooltip()
46200
+ on: {
46201
+ click: function ($event) {
46202
+ return _vm.cellClick(
46203
+ item,
46204
+ column,
46205
+ $event
46206
+ )
46207
+ },
46135
46208
  },
46136
46209
  },
46137
- }),
46138
- ],
46139
- 1
46140
- ),
46141
- ]
46142
- : column.isVisible && column.type === "action"
46143
- ? [
46144
- _c(
46145
- "zd-grid-cell",
46146
- {
46147
- key: column.name,
46148
- attrs: {
46149
- column: column,
46150
- rowStyle: rowStyle,
46151
- cellsApplied: cellsApplied,
46152
- cellClass: [
46153
- {
46154
- "zd-table-fixed-column-action":
46155
- column.actionFixed,
46156
- },
46157
- {
46158
- "theme--dark":
46159
- (_vm.$vuetify.theme.dark &&
46160
- !_vm.instance.light) ||
46161
- _vm.instance.dark,
46162
- },
46163
- {
46164
- "theme--light":
46165
- !_vm.$vuetify.theme.dark ||
46166
- _vm.instance.light,
46167
- },
46168
- ],
46169
- cellStyle: [
46170
- {
46171
- right: column.actionFixed
46172
- ? _vm.fixedRight[column.name]
46173
- : "unset",
46174
- },
46210
+ [
46211
+ _c("zd-grid-action", {
46212
+ attrs: {
46213
+ column: column,
46214
+ row: item,
46215
+ rowKey: _vm.rowKey(item),
46216
+ getActionComponent:
46217
+ _vm.getActionComponent,
46218
+ },
46219
+ }),
46175
46220
  ],
46176
- },
46177
- on: {
46178
- click: function ($event) {
46179
- return _vm.cellClick(
46180
- item,
46181
- column,
46182
- $event
46183
- )
46184
- },
46185
- },
46186
- },
46187
- [
46188
- _c("zd-grid-action", {
46189
- attrs: {
46190
- column: column,
46191
- row: item,
46192
- rowKey: _vm.rowKey(item),
46193
- getActionComponent:
46194
- _vm.getActionComponent,
46195
- },
46196
- }),
46197
- ],
46198
- 1
46199
- ),
46200
- ]
46201
- : _vm._e(),
46202
- ]
46203
- }
46204
- ),
46205
- ]
46206
- }),
46207
- ],
46208
- 2
46209
- ),
46221
+ 1
46222
+ ),
46223
+ ]
46224
+ : _vm._e(),
46225
+ ]
46226
+ }
46227
+ ),
46228
+ ]
46229
+ }),
46230
+ ],
46231
+ 2
46232
+ )
46233
+ : _vm._e(),
46210
46234
  ]
46211
46235
  },
46212
46236
  }
@@ -46300,7 +46324,7 @@ __vue_render__$10._withStripped = true;
46300
46324
  /* style */
46301
46325
  const __vue_inject_styles__$10 = function (inject) {
46302
46326
  if (!inject) return
46303
- 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 });
46327
+ inject("data-v-a61a1640_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 });
46304
46328
 
46305
46329
  };
46306
46330
  /* scoped */
@@ -46973,7 +46997,8 @@ var __vue_render__$$ = function () {
46973
46997
  },
46974
46998
  }
46975
46999
  : null,
46976
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
47000
+ _vm.instance.virtualScroll &&
47001
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
46977
47002
  ? {
46978
47003
  key: "body.prepend",
46979
47004
  fn: function (ref) {
@@ -46990,7 +47015,9 @@ var __vue_render__$$ = function () {
46990
47015
  }
46991
47016
  : null,
46992
47017
  _vm.instance.virtualScroll &&
46993
- _vm.scrollData.start + _vm.scrollData.perPage <
47018
+ _vm.scrollData.start +
47019
+ _vm.scrollData.perPage +
47020
+ _vm.instance.virtualScrollCache <
46994
47021
  _vm.instance.datasource.data.length
46995
47022
  ? {
46996
47023
  key: "body.append",
@@ -47015,295 +47042,315 @@ var __vue_render__$$ = function () {
47015
47042
  var select = ref.select;
47016
47043
  var isSelected = ref.isSelected;
47017
47044
  var headers = ref.headers;
47045
+ var index = ref.index;
47018
47046
  return [
47019
- _c(
47020
- "tr",
47021
- {
47022
- class: {
47023
- active: isSelected,
47024
- current: _vm.isCurrentRow(item),
47025
- },
47026
- attrs: {
47027
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
47028
- _vm.instance.callCanEditRow(item)),
47029
- },
47030
- on: {
47031
- click: function ($event) {
47032
- return _vm.rowClick(item, $event)
47047
+ !_vm.instance.virtualScroll ||
47048
+ (index >=
47049
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
47050
+ index <=
47051
+ _vm.scrollData.start +
47052
+ _vm.scrollData.perPage +
47053
+ _vm.instance.virtualScrollCache)
47054
+ ? _c(
47055
+ "tr",
47056
+ {
47057
+ class: {
47058
+ active: isSelected,
47059
+ current: _vm.isCurrentRow(item),
47060
+ },
47061
+ attrs: {
47062
+ set: (_vm.canEditRowValues[_vm.rowKey(item)] =
47063
+ _vm.instance.callCanEditRow(item)),
47064
+ },
47065
+ on: {
47066
+ click: function ($event) {
47067
+ return _vm.rowClick(item, $event)
47068
+ },
47069
+ },
47033
47070
  },
47034
- },
47035
- },
47036
- [
47037
- _vm.instance.selectable
47038
- ? _c(
47039
- "td",
47040
- { staticClass: "zd-table-cell selectable" },
47041
- [
47042
- _c("v-checkbox", {
47043
- staticClass: "zd-grid-row-checkbox",
47044
- attrs: {
47045
- "hide-details": "",
47046
- color: "primary",
47047
- disabled:
47048
- _vm.instance.editing ||
47049
- _vm.instance.callDisableSelection(item),
47050
- "on-icon": _vm.$getIcon("checkboxOn"),
47051
- "off-icon": _vm.$getIcon("checkboxOff"),
47052
- "true-value": true,
47053
- "false-value": false,
47054
- "input-value": isSelected,
47055
- },
47056
- on: {
47057
- click: function ($event) {
47058
- $event.stopPropagation();
47059
- select(!isSelected);
47060
- _vm.selectRowClick(
47061
- item,
47062
- !isSelected,
47063
- $event
47064
- );
47071
+ [
47072
+ _vm.instance.selectable
47073
+ ? _c(
47074
+ "td",
47075
+ { staticClass: "zd-table-cell selectable" },
47076
+ [
47077
+ _c("v-checkbox", {
47078
+ staticClass: "zd-grid-row-checkbox",
47079
+ attrs: {
47080
+ "hide-details": "",
47081
+ color: "primary",
47082
+ disabled:
47083
+ _vm.instance.editing ||
47084
+ _vm.instance.callDisableSelection(item),
47085
+ "on-icon": _vm.$getIcon("checkboxOn"),
47086
+ "off-icon": _vm.$getIcon("checkboxOff"),
47087
+ "true-value": true,
47088
+ "false-value": false,
47089
+ "input-value": isSelected,
47090
+ },
47091
+ on: {
47092
+ click: function ($event) {
47093
+ $event.stopPropagation();
47094
+ select(!isSelected);
47095
+ _vm.selectRowClick(
47096
+ item,
47097
+ !isSelected,
47098
+ $event
47099
+ );
47100
+ },
47101
+ },
47102
+ }),
47103
+ ],
47104
+ 1
47105
+ )
47106
+ : _vm._e(),
47107
+ _vm._v(" "),
47108
+ _vm._l(headers, function (header) {
47109
+ return [
47110
+ _vm._l(
47111
+ [
47112
+ {
47113
+ column: header,
47114
+ rowStyle:
47115
+ _vm.instance.getRowStyleConditions(item),
47116
+ cellsApplied: (_vm.instance.cellsApplied[
47117
+ _vm.rowKey(item)
47118
+ ] || {})[header.name],
47065
47119
  },
47066
- },
47067
- }),
47068
- ],
47069
- 1
47070
- )
47071
- : _vm._e(),
47072
- _vm._v(" "),
47073
- _vm._l(headers, function (header) {
47074
- return [
47075
- _vm._l(
47076
- [
47077
- {
47078
- column: header,
47079
- rowStyle:
47080
- _vm.instance.getRowStyleConditions(item),
47081
- cellsApplied: (_vm.instance.cellsApplied[
47082
- _vm.rowKey(item)
47083
- ] || {})[header.name],
47084
- },
47085
- ],
47086
- function (ref) {
47087
- var column = ref.column;
47088
- var rowStyle = ref.rowStyle;
47089
- var cellsApplied = ref.cellsApplied;
47090
- return [
47091
- column.isVisible && column.type !== "action"
47092
- ? [
47093
- _c(
47094
- "zd-grid-cell",
47095
- {
47096
- key: column.name,
47097
- attrs: {
47098
- column: column,
47099
- rowStyle: rowStyle,
47100
- cellsApplied: cellsApplied,
47101
- cellClass: [
47102
- {
47103
- "zd-table-column-editable":
47104
- column.editable,
47105
- "zd-table-cell-editable":
47106
- Object.assign(
47107
- {},
47108
- column,
47109
- cellsApplied
47110
- ).editable &&
47111
- _vm.canEditRowValues[
47112
- _vm.rowKey(item)
47113
- ],
47114
- },
47115
- ],
47116
- },
47117
- on: {
47118
- click: function ($event) {
47119
- _vm.cellClick(
47120
- item,
47121
- column,
47122
- $event,
47123
- _vm.canEditRowValues[
47124
- _vm.rowKey(item)
47125
- ]
47126
- );
47127
- },
47128
- },
47129
- },
47130
- [
47131
- column.loading
47132
- ? _c("v-skeleton-loader", {
47133
- staticClass:
47134
- "zd-skeleton-table-cell",
47135
- attrs: {
47136
- loading: "",
47137
- type: "table-cell",
47138
- },
47139
- })
47140
- : _vm._e(),
47141
- _vm._v(" "),
47142
- Object.assign(
47143
- {},
47144
- column,
47145
- cellsApplied
47146
- ).editable &&
47147
- _vm.canEditRowValues[
47148
- _vm.rowKey(item)
47149
- ] &&
47150
- _vm.instance.editing
47151
- ? _c("zd-grid-cell-edit", {
47152
- directives: [
47120
+ ],
47121
+ function (ref) {
47122
+ var column = ref.column;
47123
+ var rowStyle = ref.rowStyle;
47124
+ var cellsApplied = ref.cellsApplied;
47125
+ return [
47126
+ column.isVisible && column.type !== "action"
47127
+ ? [
47128
+ _c(
47129
+ "zd-grid-cell",
47130
+ {
47131
+ key: column.name,
47132
+ attrs: {
47133
+ column: column,
47134
+ rowStyle: rowStyle,
47135
+ cellsApplied: cellsApplied,
47136
+ cellClass: [
47153
47137
  {
47154
- name: "show",
47155
- rawName: "v-show",
47156
- value: !column.loading,
47157
- expression:
47158
- "!column.loading",
47138
+ "zd-table-column-editable":
47139
+ column.editable,
47140
+ "zd-table-cell-editable":
47141
+ Object.assign(
47142
+ {},
47143
+ column,
47144
+ cellsApplied
47145
+ ).editable &&
47146
+ _vm.canEditRowValues[
47147
+ _vm.rowKey(item)
47148
+ ],
47159
47149
  },
47160
47150
  ],
47161
- attrs: {
47162
- getWidthStyle:
47163
- _vm.getWidthStyle,
47164
- column: column,
47165
- row: item,
47166
- rowStyle: rowStyle,
47167
- cellsApplied: cellsApplied,
47168
- isEdited:
47169
- _vm.instance.isEdited(
47170
- column,
47171
- item
47172
- ),
47173
- isValid: _vm.instance.isValid(
47151
+ },
47152
+ on: {
47153
+ click: function ($event) {
47154
+ _vm.cellClick(
47155
+ item,
47174
47156
  column,
47175
- item
47176
- ),
47177
- getEditableComponent:
47178
- _vm.getEditableComponent,
47157
+ $event,
47158
+ _vm.canEditRowValues[
47159
+ _vm.rowKey(item)
47160
+ ]
47161
+ );
47179
47162
  },
47180
- })
47181
- : _vm.hasToggleIcon(column, item)
47182
- ? _c(
47183
- "span",
47184
- [
47185
- _c("v-icon", [
47186
- _vm._v(
47187
- _vm._s(
47188
- _vm.$getIcon(
47189
- column.formatterByRow(
47190
- item,
47191
- cellsApplied
47163
+ },
47164
+ },
47165
+ [
47166
+ column.loading
47167
+ ? _c("v-skeleton-loader", {
47168
+ staticClass:
47169
+ "zd-skeleton-table-cell",
47170
+ attrs: {
47171
+ loading: "",
47172
+ type: "table-cell",
47173
+ },
47174
+ })
47175
+ : _vm._e(),
47176
+ _vm._v(" "),
47177
+ Object.assign(
47178
+ {},
47179
+ column,
47180
+ cellsApplied
47181
+ ).editable &&
47182
+ _vm.canEditRowValues[
47183
+ _vm.rowKey(item)
47184
+ ] &&
47185
+ _vm.instance.editing
47186
+ ? _c("zd-grid-cell-edit", {
47187
+ directives: [
47188
+ {
47189
+ name: "show",
47190
+ rawName: "v-show",
47191
+ value: !column.loading,
47192
+ expression:
47193
+ "!column.loading",
47194
+ },
47195
+ ],
47196
+ attrs: {
47197
+ getWidthStyle:
47198
+ _vm.getWidthStyle,
47199
+ column: column,
47200
+ row: item,
47201
+ rowStyle: rowStyle,
47202
+ cellsApplied:
47203
+ cellsApplied,
47204
+ isEdited:
47205
+ _vm.instance.isEdited(
47206
+ column,
47207
+ item
47208
+ ),
47209
+ isValid:
47210
+ _vm.instance.isValid(
47211
+ column,
47212
+ item
47213
+ ),
47214
+ getEditableComponent:
47215
+ _vm.getEditableComponent,
47216
+ },
47217
+ })
47218
+ : _vm.hasToggleIcon(
47219
+ column,
47220
+ item
47221
+ )
47222
+ ? _c(
47223
+ "span",
47224
+ [
47225
+ _c("v-icon", [
47226
+ _vm._v(
47227
+ _vm._s(
47228
+ _vm.$getIcon(
47229
+ column.formatterByRow(
47230
+ item,
47231
+ cellsApplied
47232
+ )
47233
+ )
47192
47234
  )
47235
+ ),
47236
+ ]),
47237
+ ],
47238
+ 1
47239
+ )
47240
+ : _c("zd-grid-cell-content", {
47241
+ directives: [
47242
+ {
47243
+ name: "show",
47244
+ rawName: "v-show",
47245
+ value: !column.loading,
47246
+ expression:
47247
+ "!column.loading",
47248
+ },
47249
+ ],
47250
+ attrs: {
47251
+ getWidthStyle:
47252
+ _vm.getWidthStyle,
47253
+ column: column,
47254
+ row: item,
47255
+ hasUsingCellText: true,
47256
+ rowStyle: rowStyle,
47257
+ cellsApplied:
47258
+ cellsApplied,
47259
+ },
47260
+ on: {
47261
+ mouseenter: function (
47262
+ $event
47263
+ ) {
47264
+ return _vm.checkOverflow(
47265
+ $event,
47266
+ column.overflow
47193
47267
  )
47194
- )
47195
- ),
47196
- ]),
47268
+ },
47269
+ mouseleave: function (
47270
+ $event
47271
+ ) {
47272
+ return _vm.removeTooltip()
47273
+ },
47274
+ },
47275
+ }),
47276
+ ],
47277
+ 1
47278
+ ),
47279
+ ]
47280
+ : column.isVisible &&
47281
+ column.type === "action"
47282
+ ? [
47283
+ _c(
47284
+ "zd-grid-cell",
47285
+ {
47286
+ key: column.name,
47287
+ attrs: {
47288
+ column: column,
47289
+ rowStyle: rowStyle,
47290
+ cellsApplied: cellsApplied,
47291
+ cellClass: [
47292
+ {
47293
+ "zd-table-fixed-column-action":
47294
+ column.actionFixed,
47295
+ },
47296
+ {
47297
+ "theme--dark":
47298
+ (_vm.$vuetify.theme
47299
+ .dark &&
47300
+ !_vm.instance.light) ||
47301
+ _vm.instance.dark,
47302
+ },
47303
+ {
47304
+ "theme--light":
47305
+ !_vm.$vuetify.theme
47306
+ .dark ||
47307
+ _vm.instance.light,
47308
+ },
47197
47309
  ],
47198
- 1
47199
- )
47200
- : _c("zd-grid-cell-content", {
47201
- directives: [
47310
+ cellStyle: [
47202
47311
  {
47203
- name: "show",
47204
- rawName: "v-show",
47205
- value: !column.loading,
47206
- expression:
47207
- "!column.loading",
47312
+ right: column.actionFixed
47313
+ ? _vm.fixedRight[
47314
+ column.name
47315
+ ]
47316
+ : "unset",
47208
47317
  },
47209
47318
  ],
47319
+ },
47320
+ on: {
47321
+ click: function ($event) {
47322
+ return _vm.cellClick(
47323
+ item,
47324
+ column,
47325
+ $event
47326
+ )
47327
+ },
47328
+ },
47329
+ },
47330
+ [
47331
+ _c("zd-grid-action", {
47210
47332
  attrs: {
47211
- getWidthStyle:
47212
- _vm.getWidthStyle,
47213
47333
  column: column,
47214
47334
  row: item,
47215
- hasUsingCellText: true,
47216
- rowStyle: rowStyle,
47217
- cellsApplied: cellsApplied,
47218
- },
47219
- on: {
47220
- mouseenter: function (
47221
- $event
47222
- ) {
47223
- return _vm.checkOverflow(
47224
- $event,
47225
- column.overflow
47226
- )
47227
- },
47228
- mouseleave: function (
47229
- $event
47230
- ) {
47231
- return _vm.removeTooltip()
47232
- },
47335
+ rowKey: _vm.rowKey(item),
47336
+ getActionComponent:
47337
+ _vm.getActionComponent,
47233
47338
  },
47234
47339
  }),
47235
- ],
47236
- 1
47237
- ),
47238
- ]
47239
- : column.isVisible && column.type === "action"
47240
- ? [
47241
- _c(
47242
- "zd-grid-cell",
47243
- {
47244
- key: column.name,
47245
- attrs: {
47246
- column: column,
47247
- rowStyle: rowStyle,
47248
- cellsApplied: cellsApplied,
47249
- cellClass: [
47250
- {
47251
- "zd-table-fixed-column-action":
47252
- column.actionFixed,
47253
- },
47254
- {
47255
- "theme--dark":
47256
- (_vm.$vuetify.theme.dark &&
47257
- !_vm.instance.light) ||
47258
- _vm.instance.dark,
47259
- },
47260
- {
47261
- "theme--light":
47262
- !_vm.$vuetify.theme.dark ||
47263
- _vm.instance.light,
47264
- },
47265
47340
  ],
47266
- cellStyle: [
47267
- {
47268
- right: column.actionFixed
47269
- ? _vm.fixedRight[column.name]
47270
- : "unset",
47271
- },
47272
- ],
47273
- },
47274
- on: {
47275
- click: function ($event) {
47276
- return _vm.cellClick(
47277
- item,
47278
- column,
47279
- $event
47280
- )
47281
- },
47282
- },
47283
- },
47284
- [
47285
- _c("zd-grid-action", {
47286
- attrs: {
47287
- column: column,
47288
- row: item,
47289
- rowKey: _vm.rowKey(item),
47290
- getActionComponent:
47291
- _vm.getActionComponent,
47292
- },
47293
- }),
47294
- ],
47295
- 1
47296
- ),
47297
- ]
47298
- : _vm._e(),
47299
- ]
47300
- }
47301
- ),
47302
- ]
47303
- }),
47304
- ],
47305
- 2
47306
- ),
47341
+ 1
47342
+ ),
47343
+ ]
47344
+ : _vm._e(),
47345
+ ]
47346
+ }
47347
+ ),
47348
+ ]
47349
+ }),
47350
+ ],
47351
+ 2
47352
+ )
47353
+ : _vm._e(),
47307
47354
  ]
47308
47355
  },
47309
47356
  }
@@ -47397,8 +47444,8 @@ __vue_render__$$._withStripped = true;
47397
47444
  /* style */
47398
47445
  const __vue_inject_styles__$$ = function (inject) {
47399
47446
  if (!inject) return
47400
- 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 })
47401
- ,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 });
47447
+ inject("data-v-262354c4_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 })
47448
+ ,inject("data-v-262354c4_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 });
47402
47449
 
47403
47450
  };
47404
47451
  /* scoped */
@@ -52909,11 +52956,15 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
52909
52956
  this.dragHandle.removeEventListener('mousedown', this.dragStart.bind(this, modal));
52910
52957
  }
52911
52958
  dragStart(modal, event) {
52912
- var _a;
52959
+ var _a, _b;
52913
52960
  if (!modal)
52914
52961
  return;
52962
+ const dragHandle = (_a = modal.dragHandle) === null || _a === void 0 ? void 0 : _a.replace('.', '');
52963
+ const targetElement = event.target;
52915
52964
  if (event && event.target
52916
- && ((_a = event.target.parentElement) === null || _a === void 0 ? void 0 : _a.className.indexOf(`zd-modal-card-${this.instance.name}`)) === -1)
52965
+ && (((_b = targetElement.parentElement) === null || _b === void 0 ? void 0 : _b.className.indexOf(`zd-modal-card-${this.instance.name}`)) === -1
52966
+ && (dragHandle && targetElement.className
52967
+ .indexOf(dragHandle) === -1)))
52917
52968
  return;
52918
52969
  this.modalDragged = modal;
52919
52970
  this.x = event.clientX;
@@ -59494,7 +59545,8 @@ var __vue_render__$1 = function () {
59494
59545
  },
59495
59546
  }
59496
59547
  : null,
59497
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
59548
+ _vm.instance.virtualScroll &&
59549
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
59498
59550
  ? {
59499
59551
  key: "body.prepend",
59500
59552
  fn: function (ref) {
@@ -59511,7 +59563,9 @@ var __vue_render__$1 = function () {
59511
59563
  }
59512
59564
  : null,
59513
59565
  _vm.instance.virtualScroll &&
59514
- _vm.scrollData.start + _vm.scrollData.perPage <
59566
+ _vm.scrollData.start +
59567
+ _vm.scrollData.perPage +
59568
+ _vm.instance.virtualScrollCache <
59515
59569
  (_vm.scrollData.visibleData || []).length
59516
59570
  ? {
59517
59571
  key: "body.append",
@@ -59537,296 +59591,324 @@ var __vue_render__$1 = function () {
59537
59591
  var index = ref.index;
59538
59592
  var headers = ref.headers;
59539
59593
  return [
59540
- _c(
59541
- "tr",
59542
- {
59543
- directives: [
59594
+ !_vm.instance.virtualScroll ||
59595
+ (index >=
59596
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
59597
+ index <=
59598
+ _vm.scrollData.start +
59599
+ _vm.scrollData.perPage +
59600
+ _vm.instance.virtualScrollCache)
59601
+ ? _c(
59602
+ "tr",
59544
59603
  {
59545
- name: "show",
59546
- rawName: "v-show",
59547
- value: _vm.instance.treeDataStructure.isOpened(item),
59548
- expression:
59549
- "instance.treeDataStructure.isOpened(item)",
59550
- },
59551
- ],
59552
- class: {
59553
- active: isSelected,
59554
- current: _vm.isCurrentRow(item),
59555
- },
59556
- on: {
59557
- click: function ($event) {
59558
- return _vm.rowClick(item, $event)
59604
+ directives: [
59605
+ {
59606
+ name: "show",
59607
+ rawName: "v-show",
59608
+ value:
59609
+ _vm.instance.treeDataStructure.isOpened(item),
59610
+ expression:
59611
+ "instance.treeDataStructure.isOpened(item)",
59612
+ },
59613
+ ],
59614
+ class: {
59615
+ active: isSelected,
59616
+ current: _vm.isCurrentRow(item),
59617
+ },
59618
+ on: {
59619
+ click: function ($event) {
59620
+ return _vm.rowClick(item, $event)
59621
+ },
59622
+ },
59559
59623
  },
59560
- },
59561
- },
59562
- [
59563
- _vm.instance.selectable
59564
- ? _c(
59565
- "td",
59566
- { staticClass: "zd-table-cell selectable" },
59567
- [
59568
- _c("v-checkbox", {
59569
- staticClass: "zd-grid-row-checkbox",
59570
- attrs: {
59571
- "hide-details": "",
59572
- color: "primary",
59573
- disabled:
59574
- _vm.instance.callDisableSelection(item),
59575
- "on-icon": _vm.$getIcon("checkboxOn"),
59576
- "off-icon": _vm.$getIcon("checkboxOff"),
59577
- "true-value": true,
59578
- "false-value": false,
59579
- "input-value": isSelected,
59580
- indeterminate:
59581
- !_vm.checkEvery(item) &&
59582
- _vm.checkSome(item),
59583
- },
59584
- on: {
59585
- click: function ($event) {
59586
- $event.stopPropagation();
59587
- return _vm.selectClick(
59588
- index,
59589
- !isSelected,
59590
- $event
59591
- )
59624
+ [
59625
+ _vm.instance.selectable
59626
+ ? _c(
59627
+ "td",
59628
+ { staticClass: "zd-table-cell selectable" },
59629
+ [
59630
+ _c("v-checkbox", {
59631
+ staticClass: "zd-grid-row-checkbox",
59632
+ attrs: {
59633
+ "hide-details": "",
59634
+ color: "primary",
59635
+ disabled:
59636
+ _vm.instance.callDisableSelection(item),
59637
+ "on-icon": _vm.$getIcon("checkboxOn"),
59638
+ "off-icon": _vm.$getIcon("checkboxOff"),
59639
+ "true-value": true,
59640
+ "false-value": false,
59641
+ "input-value": isSelected,
59642
+ indeterminate:
59643
+ !_vm.checkEvery(item) &&
59644
+ _vm.checkSome(item),
59645
+ },
59646
+ on: {
59647
+ click: function ($event) {
59648
+ $event.stopPropagation();
59649
+ return _vm.selectClick(
59650
+ index,
59651
+ !isSelected,
59652
+ $event
59653
+ )
59654
+ },
59655
+ },
59656
+ }),
59657
+ ],
59658
+ 1
59659
+ )
59660
+ : _vm._e(),
59661
+ _vm._v(" "),
59662
+ _vm._l(headers, function (header, headerIndex) {
59663
+ return [
59664
+ _vm._l(
59665
+ [
59666
+ {
59667
+ column: header,
59668
+ rowStyle:
59669
+ _vm.instance.getRowStyleConditions(item),
59670
+ cellsApplied: (_vm.instance.cellsApplied[
59671
+ _vm.rowKey(item)
59672
+ ] || {})[header.name],
59592
59673
  },
59593
- },
59594
- }),
59595
- ],
59596
- 1
59597
- )
59598
- : _vm._e(),
59599
- _vm._v(" "),
59600
- _vm._l(headers, function (header, headerIndex) {
59601
- return [
59602
- _vm._l(
59603
- [
59604
- {
59605
- column: header,
59606
- rowStyle:
59607
- _vm.instance.getRowStyleConditions(item),
59608
- cellsApplied: (_vm.instance.cellsApplied[
59609
- _vm.rowKey(item)
59610
- ] || {})[header.name],
59611
- },
59612
- ],
59613
- function (ref) {
59614
- var column = ref.column;
59615
- var rowStyle = ref.rowStyle;
59616
- var cellsApplied = ref.cellsApplied;
59617
- return [
59618
- column.isVisible && column.type !== "action"
59619
- ? [
59620
- _c(
59621
- "zd-grid-cell",
59622
- {
59623
- key: column.name,
59624
- attrs: {
59625
- column: column,
59626
- rowStyle: rowStyle,
59627
- cellsApplied: cellsApplied,
59628
- cellClass: [
59629
- {
59630
- first:
59631
- headerIndex === 0 ||
59632
- (headerIndex === 1 &&
59633
- _vm.instance.selectable),
59674
+ ],
59675
+ function (ref) {
59676
+ var column = ref.column;
59677
+ var rowStyle = ref.rowStyle;
59678
+ var cellsApplied = ref.cellsApplied;
59679
+ return [
59680
+ column.isVisible && column.type !== "action"
59681
+ ? [
59682
+ _c(
59683
+ "zd-grid-cell",
59684
+ {
59685
+ key: column.name,
59686
+ attrs: {
59687
+ column: column,
59688
+ rowStyle: rowStyle,
59689
+ cellsApplied: cellsApplied,
59690
+ cellClass: [
59691
+ {
59692
+ first:
59693
+ headerIndex === 0 ||
59694
+ (headerIndex === 1 &&
59695
+ _vm.instance
59696
+ .selectable),
59697
+ },
59698
+ ],
59634
59699
  },
59635
- ],
59636
- },
59637
- on: {
59638
- click: function ($event) {
59639
- return _vm.cellClick(
59640
- item,
59641
- column,
59642
- $event
59643
- )
59644
- },
59645
- },
59646
- },
59647
- [
59648
- column.loading
59649
- ? _c("v-skeleton-loader", {
59650
- staticClass:
59651
- "zd-skeleton-table-cell",
59652
- attrs: {
59653
- loading: "",
59654
- type: "table-cell",
59700
+ on: {
59701
+ click: function ($event) {
59702
+ return _vm.cellClick(
59703
+ item,
59704
+ column,
59705
+ $event
59706
+ )
59655
59707
  },
59656
- })
59657
- : _vm._e(),
59658
- _vm._v(" "),
59659
- _c("zd-tree-grid-cell-content", {
59660
- directives: [
59661
- {
59662
- name: "show",
59663
- rawName: "v-show",
59664
- value: !column.loading,
59665
- expression: "!column.loading",
59666
- },
59667
- ],
59668
- attrs: {
59669
- getWidthStyle: _vm.getWidthStyle,
59670
- column: column,
59671
- row: item,
59672
- rowStyle: rowStyle,
59673
- cellsApplied: cellsApplied,
59674
- headerIndex: headerIndex,
59675
- selectable:
59676
- _vm.instance.selectable,
59677
- fieldHasChild:
59678
- _vm.instance.fieldHasChild,
59679
- toggleExpand: _vm.toggleExpand,
59680
- rowIndex: index,
59681
- search:
59682
- _vm.instance.datasource.search,
59683
- expandClass:
59684
- "zd-tree-grid-expand",
59685
- },
59686
- on: {
59687
- mouseenter: function ($event) {
59688
- return _vm.checkOverflow($event)
59689
- },
59690
- mouseleave: function ($event) {
59691
- return _vm.removeTooltip()
59692
59708
  },
59693
59709
  },
59694
- }),
59695
- ],
59696
- 1
59697
- ),
59698
- ]
59699
- : column.isVisible && column.type === "action"
59700
- ? [
59701
- _c(
59702
- "zd-grid-cell",
59703
- {
59704
- key: column.name,
59705
- attrs: {
59706
- column: column,
59707
- rowStyle: rowStyle,
59708
- cellsApplied: cellsApplied,
59709
- cellClass: [
59710
- {
59711
- "zd-table-cell-text-first":
59712
- headerIndex === 0 ||
59713
- (headerIndex === 1 &&
59714
- _vm.instance.selectable),
59715
- },
59716
- {
59717
- "zd-table-fixed-column-action":
59718
- column.actionFixed,
59719
- },
59720
- {
59721
- "theme--dark":
59722
- (_vm.$vuetify.theme.dark &&
59723
- !_vm.instance.light) ||
59724
- _vm.instance.dark,
59725
- },
59726
- {
59727
- "theme--light":
59728
- !_vm.$vuetify.theme.dark ||
59729
- _vm.instance.light,
59730
- },
59731
- ],
59732
- cellStyle: [
59733
- {
59734
- right: column.actionFixed
59735
- ? _vm.fixedRight[column.name]
59736
- : "unset",
59737
- },
59710
+ [
59711
+ column.loading
59712
+ ? _c("v-skeleton-loader", {
59713
+ staticClass:
59714
+ "zd-skeleton-table-cell",
59715
+ attrs: {
59716
+ loading: "",
59717
+ type: "table-cell",
59718
+ },
59719
+ })
59720
+ : _vm._e(),
59721
+ _vm._v(" "),
59722
+ _c("zd-tree-grid-cell-content", {
59723
+ directives: [
59724
+ {
59725
+ name: "show",
59726
+ rawName: "v-show",
59727
+ value: !column.loading,
59728
+ expression:
59729
+ "!column.loading",
59730
+ },
59731
+ ],
59732
+ attrs: {
59733
+ getWidthStyle:
59734
+ _vm.getWidthStyle,
59735
+ column: column,
59736
+ row: item,
59737
+ rowStyle: rowStyle,
59738
+ cellsApplied: cellsApplied,
59739
+ headerIndex: headerIndex,
59740
+ selectable:
59741
+ _vm.instance.selectable,
59742
+ fieldHasChild:
59743
+ _vm.instance.fieldHasChild,
59744
+ toggleExpand:
59745
+ _vm.toggleExpand,
59746
+ rowIndex: index,
59747
+ search:
59748
+ _vm.instance.datasource
59749
+ .search,
59750
+ expandClass:
59751
+ "zd-tree-grid-expand",
59752
+ },
59753
+ on: {
59754
+ mouseenter: function (
59755
+ $event
59756
+ ) {
59757
+ return _vm.checkOverflow(
59758
+ $event
59759
+ )
59760
+ },
59761
+ mouseleave: function (
59762
+ $event
59763
+ ) {
59764
+ return _vm.removeTooltip()
59765
+ },
59766
+ },
59767
+ }),
59738
59768
  ],
59739
- },
59740
- on: {
59741
- click: function ($event) {
59742
- return _vm.cellClick(
59743
- item,
59744
- column,
59745
- $event
59746
- )
59747
- },
59748
- },
59749
- },
59750
- [
59769
+ 1
59770
+ ),
59771
+ ]
59772
+ : column.isVisible &&
59773
+ column.type === "action"
59774
+ ? [
59751
59775
  _c(
59752
- "div",
59776
+ "zd-grid-cell",
59753
59777
  {
59754
- directives: [
59755
- {
59756
- name: "show",
59757
- rawName: "v-show",
59758
- value: headerIndex === 0,
59759
- expression:
59760
- "headerIndex === 0",
59778
+ key: column.name,
59779
+ attrs: {
59780
+ column: column,
59781
+ rowStyle: rowStyle,
59782
+ cellsApplied: cellsApplied,
59783
+ cellClass: [
59784
+ {
59785
+ "zd-table-cell-text-first":
59786
+ headerIndex === 0 ||
59787
+ (headerIndex === 1 &&
59788
+ _vm.instance
59789
+ .selectable),
59790
+ },
59791
+ {
59792
+ "zd-table-fixed-column-action":
59793
+ column.actionFixed,
59794
+ },
59795
+ {
59796
+ "theme--dark":
59797
+ (_vm.$vuetify.theme
59798
+ .dark &&
59799
+ !_vm.instance.light) ||
59800
+ _vm.instance.dark,
59801
+ },
59802
+ {
59803
+ "theme--light":
59804
+ !_vm.$vuetify.theme
59805
+ .dark ||
59806
+ _vm.instance.light,
59807
+ },
59808
+ ],
59809
+ cellStyle: [
59810
+ {
59811
+ right: column.actionFixed
59812
+ ? _vm.fixedRight[
59813
+ column.name
59814
+ ]
59815
+ : "unset",
59816
+ },
59817
+ ],
59818
+ },
59819
+ on: {
59820
+ click: function ($event) {
59821
+ return _vm.cellClick(
59822
+ item,
59823
+ column,
59824
+ $event
59825
+ )
59761
59826
  },
59762
- ],
59763
- class: [
59764
- "zd-tree-grid-expand zd-tree-grid-expand-action",
59765
- "level" + item.tree__level,
59766
- ],
59827
+ },
59767
59828
  },
59768
59829
  [
59769
- (item.tree__children || [])
59770
- .length > 0
59771
- ? _c(
59772
- "v-icon",
59830
+ _c(
59831
+ "div",
59832
+ {
59833
+ directives: [
59773
59834
  {
59774
- class: {
59775
- opened:
59776
- item.tree__opened,
59777
- },
59778
- attrs: { tabindex: "-1" },
59779
- on: {
59780
- click: function (
59781
- $event
59782
- ) {
59783
- return _vm.instance.toggleExpand(
59784
- item,
59785
- index,
59786
- _vm.event
59787
- )
59788
- },
59789
- },
59835
+ name: "show",
59836
+ rawName: "v-show",
59837
+ value: headerIndex === 0,
59838
+ expression:
59839
+ "headerIndex === 0",
59790
59840
  },
59791
- [
59792
- _vm._v(
59793
- "\n " +
59794
- _vm._s(
59795
- _vm.$getIcon(
59796
- "chevronRight"
59797
- )
59798
- ) +
59799
- "\n "
59800
- ),
59801
- ]
59802
- )
59803
- : _vm._e(),
59841
+ ],
59842
+ class: [
59843
+ "zd-tree-grid-expand zd-tree-grid-expand-action",
59844
+ "level" + item.tree__level,
59845
+ ],
59846
+ },
59847
+ [
59848
+ (item.tree__children || [])
59849
+ .length > 0
59850
+ ? _c(
59851
+ "v-icon",
59852
+ {
59853
+ class: {
59854
+ opened:
59855
+ item.tree__opened,
59856
+ },
59857
+ attrs: {
59858
+ tabindex: "-1",
59859
+ },
59860
+ on: {
59861
+ click: function (
59862
+ $event
59863
+ ) {
59864
+ return _vm.instance.toggleExpand(
59865
+ item,
59866
+ index,
59867
+ _vm.event
59868
+ )
59869
+ },
59870
+ },
59871
+ },
59872
+ [
59873
+ _vm._v(
59874
+ "\n " +
59875
+ _vm._s(
59876
+ _vm.$getIcon(
59877
+ "chevronRight"
59878
+ )
59879
+ ) +
59880
+ "\n "
59881
+ ),
59882
+ ]
59883
+ )
59884
+ : _vm._e(),
59885
+ ],
59886
+ 1
59887
+ ),
59888
+ _vm._v(" "),
59889
+ _c("zd-grid-action", {
59890
+ attrs: {
59891
+ column: column,
59892
+ row: item,
59893
+ rowKey: _vm.rowKey(item),
59894
+ getActionComponent:
59895
+ _vm.getActionComponent,
59896
+ },
59897
+ }),
59804
59898
  ],
59805
59899
  1
59806
59900
  ),
59807
- _vm._v(" "),
59808
- _c("zd-grid-action", {
59809
- attrs: {
59810
- column: column,
59811
- row: item,
59812
- rowKey: _vm.rowKey(item),
59813
- getActionComponent:
59814
- _vm.getActionComponent,
59815
- },
59816
- }),
59817
- ],
59818
- 1
59819
- ),
59820
- ]
59821
- : _vm._e(),
59822
- ]
59823
- }
59824
- ),
59825
- ]
59826
- }),
59827
- ],
59828
- 2
59829
- ),
59901
+ ]
59902
+ : _vm._e(),
59903
+ ]
59904
+ }
59905
+ ),
59906
+ ]
59907
+ }),
59908
+ ],
59909
+ 2
59910
+ )
59911
+ : _vm._e(),
59830
59912
  ]
59831
59913
  },
59832
59914
  }
@@ -59920,8 +60002,8 @@ __vue_render__$1._withStripped = true;
59920
60002
  /* style */
59921
60003
  const __vue_inject_styles__$1 = function (inject) {
59922
60004
  if (!inject) return
59923
- 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 })
59924
- ,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 });
60005
+ inject("data-v-10fca9ca_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 })
60006
+ ,inject("data-v-10fca9ca_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 });
59925
60007
 
59926
60008
  };
59927
60009
  /* scoped */
@@ -60567,7 +60649,8 @@ var __vue_render__ = function () {
60567
60649
  },
60568
60650
  }
60569
60651
  : null,
60570
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
60652
+ _vm.instance.virtualScroll &&
60653
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
60571
60654
  ? {
60572
60655
  key: "body.prepend",
60573
60656
  fn: function (ref) {
@@ -60585,7 +60668,9 @@ var __vue_render__ = function () {
60585
60668
  }
60586
60669
  : null,
60587
60670
  _vm.instance.virtualScroll &&
60588
- _vm.scrollData.start + _vm.scrollData.perPage <
60671
+ _vm.scrollData.start +
60672
+ _vm.scrollData.perPage +
60673
+ _vm.instance.virtualScrollCache <
60589
60674
  (_vm.scrollData.visibleData || []).length
60590
60675
  ? {
60591
60676
  key: "body.append",
@@ -60611,408 +60696,430 @@ var __vue_render__ = function () {
60611
60696
  var index = ref.index;
60612
60697
  var headers = ref.headers;
60613
60698
  return [
60614
- _c(
60615
- "tr",
60616
- {
60617
- directives: [
60699
+ !_vm.instance.virtualScroll ||
60700
+ (index >=
60701
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
60702
+ index <=
60703
+ _vm.scrollData.start +
60704
+ _vm.scrollData.perPage +
60705
+ _vm.instance.virtualScrollCache)
60706
+ ? _c(
60707
+ "tr",
60618
60708
  {
60619
- name: "show",
60620
- rawName: "v-show",
60621
- value: _vm.instance.treeDataStructure.isOpened(item),
60622
- expression:
60623
- "instance.treeDataStructure.isOpened(item)",
60624
- },
60625
- ],
60626
- class: {
60627
- active: isSelected,
60628
- current: _vm.isCurrentRow(item),
60629
- },
60630
- attrs: {
60631
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
60632
- _vm.instance.callCanEditRow(item)),
60633
- },
60634
- on: {
60635
- click: function ($event) {
60636
- return _vm.rowClick(item, $event)
60709
+ directives: [
60710
+ {
60711
+ name: "show",
60712
+ rawName: "v-show",
60713
+ value:
60714
+ _vm.instance.treeDataStructure.isOpened(item),
60715
+ expression:
60716
+ "instance.treeDataStructure.isOpened(item)",
60717
+ },
60718
+ ],
60719
+ class: {
60720
+ active: isSelected,
60721
+ current: _vm.isCurrentRow(item),
60722
+ },
60723
+ attrs: {
60724
+ set: (_vm.canEditRowValues[_vm.rowKey(item)] =
60725
+ _vm.instance.callCanEditRow(item)),
60726
+ },
60727
+ on: {
60728
+ click: function ($event) {
60729
+ return _vm.rowClick(item, $event)
60730
+ },
60731
+ },
60637
60732
  },
60638
- },
60639
- },
60640
- [
60641
- _vm.instance.selectable
60642
- ? _c(
60643
- "td",
60644
- { staticClass: "zd-table-cell selectable" },
60645
- [
60646
- _c("v-checkbox", {
60647
- staticClass: "zd-grid-row-checkbox",
60648
- attrs: {
60649
- "hide-details": "",
60650
- color: "primary",
60651
- disabled:
60652
- _vm.instance.editing ||
60653
- _vm.instance.callDisableSelection(item),
60654
- "on-icon": _vm.$getIcon("checkboxOn"),
60655
- "off-icon": _vm.$getIcon("checkboxOff"),
60656
- "true-value": true,
60657
- "false-value": false,
60658
- value: isSelected,
60659
- indeterminate:
60660
- !_vm.checkEvery(item) &&
60661
- _vm.checkSome(item),
60662
- },
60663
- on: {
60664
- click: function ($event) {
60665
- $event.stopPropagation();
60666
- return _vm.selectClick(
60667
- index,
60668
- !isSelected,
60669
- $event
60670
- )
60733
+ [
60734
+ _vm.instance.selectable
60735
+ ? _c(
60736
+ "td",
60737
+ { staticClass: "zd-table-cell selectable" },
60738
+ [
60739
+ _c("v-checkbox", {
60740
+ staticClass: "zd-grid-row-checkbox",
60741
+ attrs: {
60742
+ "hide-details": "",
60743
+ color: "primary",
60744
+ disabled:
60745
+ _vm.instance.editing ||
60746
+ _vm.instance.callDisableSelection(item),
60747
+ "on-icon": _vm.$getIcon("checkboxOn"),
60748
+ "off-icon": _vm.$getIcon("checkboxOff"),
60749
+ "true-value": true,
60750
+ "false-value": false,
60751
+ value: isSelected,
60752
+ indeterminate:
60753
+ !_vm.checkEvery(item) &&
60754
+ _vm.checkSome(item),
60755
+ },
60756
+ on: {
60757
+ click: function ($event) {
60758
+ $event.stopPropagation();
60759
+ return _vm.selectClick(
60760
+ index,
60761
+ !isSelected,
60762
+ $event
60763
+ )
60764
+ },
60765
+ },
60766
+ }),
60767
+ ],
60768
+ 1
60769
+ )
60770
+ : _vm._e(),
60771
+ _vm._v(" "),
60772
+ _vm._l(headers, function (header, headerIndex) {
60773
+ return [
60774
+ _vm._l(
60775
+ [
60776
+ {
60777
+ column: header,
60778
+ rowStyle:
60779
+ _vm.instance.getRowStyleConditions(item),
60780
+ cellsApplied: (_vm.instance.cellsApplied[
60781
+ _vm.rowKey(item)
60782
+ ] || {})[header.name],
60671
60783
  },
60672
- },
60673
- }),
60674
- ],
60675
- 1
60676
- )
60677
- : _vm._e(),
60678
- _vm._v(" "),
60679
- _vm._l(headers, function (header, headerIndex) {
60680
- return [
60681
- _vm._l(
60682
- [
60683
- {
60684
- column: header,
60685
- rowStyle:
60686
- _vm.instance.getRowStyleConditions(item),
60687
- cellsApplied: (_vm.instance.cellsApplied[
60688
- _vm.rowKey(item)
60689
- ] || {})[header.name],
60690
- },
60691
- ],
60692
- function (ref) {
60693
- var column = ref.column;
60694
- var rowStyle = ref.rowStyle;
60695
- var cellsApplied = ref.cellsApplied;
60696
- return [
60697
- column.isVisible && column.type !== "action"
60698
- ? [
60699
- _c(
60700
- "zd-grid-cell",
60701
- {
60702
- key: column.name,
60703
- attrs: {
60704
- column: column,
60705
- rowStyle: rowStyle,
60706
- cellsApplied: cellsApplied,
60707
- cellClass: [
60708
- {
60709
- first:
60710
- headerIndex === 0 ||
60711
- (headerIndex === 1 &&
60712
- _vm.instance.selectable),
60784
+ ],
60785
+ function (ref) {
60786
+ var column = ref.column;
60787
+ var rowStyle = ref.rowStyle;
60788
+ var cellsApplied = ref.cellsApplied;
60789
+ return [
60790
+ column.isVisible && column.type !== "action"
60791
+ ? [
60792
+ _c(
60793
+ "zd-grid-cell",
60794
+ {
60795
+ key: column.name,
60796
+ attrs: {
60797
+ column: column,
60798
+ rowStyle: rowStyle,
60799
+ cellsApplied: cellsApplied,
60800
+ cellClass: [
60801
+ {
60802
+ first:
60803
+ headerIndex === 0 ||
60804
+ (headerIndex === 1 &&
60805
+ _vm.instance
60806
+ .selectable),
60807
+ },
60808
+ {
60809
+ "zd-table-column-editable":
60810
+ column.editable,
60811
+ "zd-table-cell-editable":
60812
+ Object.assign(
60813
+ {},
60814
+ column,
60815
+ cellsApplied
60816
+ ).editable &&
60817
+ _vm.canEditRowValues[
60818
+ _vm.rowKey(item)
60819
+ ],
60820
+ },
60821
+ ],
60713
60822
  },
60714
- {
60715
- "zd-table-column-editable":
60716
- column.editable,
60717
- "zd-table-cell-editable":
60718
- Object.assign(
60719
- {},
60823
+ on: {
60824
+ click: function ($event) {
60825
+ _vm.cellClick(
60826
+ item,
60720
60827
  column,
60721
- cellsApplied
60722
- ).editable &&
60723
- _vm.canEditRowValues[
60724
- _vm.rowKey(item)
60725
- ],
60726
- },
60727
- ],
60728
- },
60729
- on: {
60730
- click: function ($event) {
60731
- _vm.cellClick(
60732
- item,
60733
- column,
60734
- $event,
60735
- _vm.canEditRowValues[
60736
- _vm.rowKey(item)
60737
- ]
60738
- );
60739
- },
60740
- },
60741
- },
60742
- [
60743
- column.loading
60744
- ? _c("v-skeleton-loader", {
60745
- staticClass:
60746
- "zd-skeleton-table-cell",
60747
- attrs: {
60748
- loading: "",
60749
- type: "table-cell",
60828
+ $event,
60829
+ _vm.canEditRowValues[
60830
+ _vm.rowKey(item)
60831
+ ]
60832
+ );
60750
60833
  },
60751
- })
60752
- : _vm._e(),
60753
- _vm._v(" "),
60754
- _c(
60755
- "span",
60756
- {
60757
- staticClass:
60758
- "zd-tree-grid-editable-cell-wrapper",
60834
+ },
60759
60835
  },
60760
60836
  [
60761
- Object.assign(
60762
- {},
60763
- column,
60764
- cellsApplied
60765
- ).editable &&
60766
- _vm.canEditRowValues[
60767
- _vm.rowKey(item)
60768
- ] &&
60769
- _vm.instance.editing
60770
- ? _c("zd-grid-cell-edit", {
60771
- directives: [
60772
- {
60773
- name: "show",
60774
- rawName: "v-show",
60775
- value: !column.loading,
60776
- expression:
60777
- "!column.loading",
60778
- },
60779
- ],
60837
+ column.loading
60838
+ ? _c("v-skeleton-loader", {
60839
+ staticClass:
60840
+ "zd-skeleton-table-cell",
60780
60841
  attrs: {
60781
- getWidthStyle:
60782
- _vm.getWidthStyle,
60783
- column: column,
60784
- row: item,
60785
- rowStyle: rowStyle,
60786
- cellsApplied:
60787
- cellsApplied,
60788
- isEdited:
60789
- _vm.instance.isEdited(
60790
- column,
60791
- item
60792
- ),
60793
- isValid:
60794
- _vm.instance.isValid(
60795
- column,
60796
- item
60797
- ),
60798
- getEditableComponent:
60799
- _vm.getEditableComponent,
60842
+ loading: "",
60843
+ type: "table-cell",
60800
60844
  },
60801
60845
  })
60802
- : _vm.hasToggleIcon(
60846
+ : _vm._e(),
60847
+ _vm._v(" "),
60848
+ _c(
60849
+ "span",
60850
+ {
60851
+ staticClass:
60852
+ "zd-tree-grid-editable-cell-wrapper",
60853
+ },
60854
+ [
60855
+ Object.assign(
60856
+ {},
60803
60857
  column,
60804
- item
60805
- )
60806
- ? _c(
60807
- "span",
60808
- [
60809
- _c("v-icon", [
60810
- _vm._v(
60811
- _vm._s(
60812
- _vm.$getIcon(
60813
- column.formatterByRow(
60814
- item,
60815
- cellsApplied
60858
+ cellsApplied
60859
+ ).editable &&
60860
+ _vm.canEditRowValues[
60861
+ _vm.rowKey(item)
60862
+ ] &&
60863
+ _vm.instance.editing
60864
+ ? _c("zd-grid-cell-edit", {
60865
+ directives: [
60866
+ {
60867
+ name: "show",
60868
+ rawName: "v-show",
60869
+ value:
60870
+ !column.loading,
60871
+ expression:
60872
+ "!column.loading",
60873
+ },
60874
+ ],
60875
+ attrs: {
60876
+ getWidthStyle:
60877
+ _vm.getWidthStyle,
60878
+ column: column,
60879
+ row: item,
60880
+ rowStyle: rowStyle,
60881
+ cellsApplied:
60882
+ cellsApplied,
60883
+ isEdited:
60884
+ _vm.instance.isEdited(
60885
+ column,
60886
+ item
60887
+ ),
60888
+ isValid:
60889
+ _vm.instance.isValid(
60890
+ column,
60891
+ item
60892
+ ),
60893
+ getEditableComponent:
60894
+ _vm.getEditableComponent,
60895
+ },
60896
+ })
60897
+ : _vm.hasToggleIcon(
60898
+ column,
60899
+ item
60900
+ )
60901
+ ? _c(
60902
+ "span",
60903
+ [
60904
+ _c("v-icon", [
60905
+ _vm._v(
60906
+ _vm._s(
60907
+ _vm.$getIcon(
60908
+ column.formatterByRow(
60909
+ item,
60910
+ cellsApplied
60911
+ )
60912
+ )
60816
60913
  )
60817
- )
60818
- )
60819
- ),
60820
- ]),
60821
- ],
60822
- 1
60823
- )
60824
- : _c(
60825
- "zd-tree-grid-cell-content",
60826
- {
60827
- directives: [
60914
+ ),
60915
+ ]),
60916
+ ],
60917
+ 1
60918
+ )
60919
+ : _c(
60920
+ "zd-tree-grid-cell-content",
60828
60921
  {
60829
- name: "show",
60830
- rawName: "v-show",
60831
- value:
60832
- !column.loading,
60833
- expression:
60834
- "!column.loading",
60835
- },
60836
- ],
60837
- attrs: {
60838
- getWidthStyle:
60839
- _vm.getWidthStyle,
60840
- column: column,
60841
- row: item,
60842
- rowStyle: rowStyle,
60843
- cellsApplied:
60844
- cellsApplied,
60845
- headerIndex:
60846
- headerIndex,
60847
- selectable:
60848
- _vm.instance
60849
- .selectable,
60850
- fieldHasChild:
60851
- _vm.instance
60852
- .fieldHasChild,
60853
- toggleExpand:
60854
- _vm.toggleExpand,
60855
- rowIndex: index,
60856
- hasUsingCellText: false,
60857
- search:
60858
- _vm.instance
60859
- .datasource.search,
60860
- expandClass:
60861
- "zd-tree-grid-editable-expand",
60862
- },
60863
- on: {
60864
- mouseenter: function (
60865
- $event
60866
- ) {
60867
- return _vm.checkOverflow(
60868
- $event
60869
- )
60870
- },
60871
- mouseleave: function (
60872
- $event
60873
- ) {
60874
- return _vm.removeTooltip()
60875
- },
60876
- },
60877
- }
60878
- ),
60922
+ directives: [
60923
+ {
60924
+ name: "show",
60925
+ rawName: "v-show",
60926
+ value:
60927
+ !column.loading,
60928
+ expression:
60929
+ "!column.loading",
60930
+ },
60931
+ ],
60932
+ attrs: {
60933
+ getWidthStyle:
60934
+ _vm.getWidthStyle,
60935
+ column: column,
60936
+ row: item,
60937
+ rowStyle: rowStyle,
60938
+ cellsApplied:
60939
+ cellsApplied,
60940
+ headerIndex:
60941
+ headerIndex,
60942
+ selectable:
60943
+ _vm.instance
60944
+ .selectable,
60945
+ fieldHasChild:
60946
+ _vm.instance
60947
+ .fieldHasChild,
60948
+ toggleExpand:
60949
+ _vm.toggleExpand,
60950
+ rowIndex: index,
60951
+ hasUsingCellText: false,
60952
+ search:
60953
+ _vm.instance
60954
+ .datasource
60955
+ .search,
60956
+ expandClass:
60957
+ "zd-tree-grid-editable-expand",
60958
+ },
60959
+ on: {
60960
+ mouseenter:
60961
+ function (
60962
+ $event
60963
+ ) {
60964
+ return _vm.checkOverflow(
60965
+ $event
60966
+ )
60967
+ },
60968
+ mouseleave:
60969
+ function (
60970
+ $event
60971
+ ) {
60972
+ return _vm.removeTooltip()
60973
+ },
60974
+ },
60975
+ }
60976
+ ),
60977
+ ],
60978
+ 1
60979
+ ),
60879
60980
  ],
60880
60981
  1
60881
60982
  ),
60882
- ],
60883
- 1
60884
- ),
60885
- ]
60886
- : column.isVisible && column.type === "action"
60887
- ? [
60888
- _c(
60889
- "zd-grid-cell",
60890
- {
60891
- key: column.name,
60892
- attrs: {
60893
- column: column,
60894
- rowStyle: rowStyle,
60895
- cellsApplied: cellsApplied,
60896
- cellClass: [
60897
- {
60898
- "zd-table-cell-text-first":
60899
- headerIndex === 0 ||
60900
- (headerIndex === 1 &&
60901
- _vm.instance.selectable),
60902
- },
60903
- {
60904
- "zd-table-fixed-column-action":
60905
- column.actionFixed,
60906
- },
60907
- {
60908
- "theme--dark":
60909
- (_vm.$vuetify.theme.dark &&
60910
- !_vm.instance.light) ||
60911
- _vm.instance.dark,
60912
- },
60913
- {
60914
- "theme--light":
60915
- !_vm.$vuetify.theme.dark ||
60916
- _vm.instance.light,
60917
- },
60918
- ],
60919
- cellStyle: [
60920
- {
60921
- right: column.actionFixed
60922
- ? _vm.fixedRight[column.name]
60923
- : "unset",
60924
- },
60925
- ],
60926
- },
60927
- on: {
60928
- click: function ($event) {
60929
- return _vm.cellClick(
60930
- item,
60931
- column,
60932
- $event
60933
- )
60934
- },
60935
- },
60936
- },
60937
- [
60983
+ ]
60984
+ : column.isVisible &&
60985
+ column.type === "action"
60986
+ ? [
60938
60987
  _c(
60939
- "div",
60988
+ "zd-grid-cell",
60940
60989
  {
60941
- directives: [
60942
- {
60943
- name: "show",
60944
- rawName: "v-show",
60945
- value: headerIndex === 0,
60946
- expression:
60947
- "headerIndex === 0",
60990
+ key: column.name,
60991
+ attrs: {
60992
+ column: column,
60993
+ rowStyle: rowStyle,
60994
+ cellsApplied: cellsApplied,
60995
+ cellClass: [
60996
+ {
60997
+ "zd-table-cell-text-first":
60998
+ headerIndex === 0 ||
60999
+ (headerIndex === 1 &&
61000
+ _vm.instance
61001
+ .selectable),
61002
+ },
61003
+ {
61004
+ "zd-table-fixed-column-action":
61005
+ column.actionFixed,
61006
+ },
61007
+ {
61008
+ "theme--dark":
61009
+ (_vm.$vuetify.theme
61010
+ .dark &&
61011
+ !_vm.instance.light) ||
61012
+ _vm.instance.dark,
61013
+ },
61014
+ {
61015
+ "theme--light":
61016
+ !_vm.$vuetify.theme
61017
+ .dark ||
61018
+ _vm.instance.light,
61019
+ },
61020
+ ],
61021
+ cellStyle: [
61022
+ {
61023
+ right: column.actionFixed
61024
+ ? _vm.fixedRight[
61025
+ column.name
61026
+ ]
61027
+ : "unset",
61028
+ },
61029
+ ],
61030
+ },
61031
+ on: {
61032
+ click: function ($event) {
61033
+ return _vm.cellClick(
61034
+ item,
61035
+ column,
61036
+ $event
61037
+ )
60948
61038
  },
60949
- ],
60950
- class: [
60951
- "zd-tree-grid-expand",
60952
- "level" + item.tree__level,
60953
- ],
61039
+ },
60954
61040
  },
60955
61041
  [
60956
- (item.tree__children || [])
60957
- .length > 0
60958
- ? _c(
60959
- "v-icon",
61042
+ _c(
61043
+ "div",
61044
+ {
61045
+ directives: [
60960
61046
  {
60961
- class: {
60962
- opened:
60963
- item.tree__opened,
60964
- },
60965
- attrs: { tabindex: "-1" },
60966
- on: {
60967
- click: function (
60968
- $event
60969
- ) {
60970
- return _vm.instance.toggleExpand(
60971
- item,
60972
- index
60973
- )
60974
- },
60975
- },
61047
+ name: "show",
61048
+ rawName: "v-show",
61049
+ value: headerIndex === 0,
61050
+ expression:
61051
+ "headerIndex === 0",
60976
61052
  },
60977
- [
60978
- _vm._v(
60979
- "\n " +
60980
- _vm._s(
60981
- _vm.$getIcon(
60982
- "chevronRight"
60983
- )
60984
- ) +
60985
- "\n "
60986
- ),
60987
- ]
60988
- )
60989
- : _vm._e(),
61053
+ ],
61054
+ class: [
61055
+ "zd-tree-grid-expand",
61056
+ "level" + item.tree__level,
61057
+ ],
61058
+ },
61059
+ [
61060
+ (item.tree__children || [])
61061
+ .length > 0
61062
+ ? _c(
61063
+ "v-icon",
61064
+ {
61065
+ class: {
61066
+ opened:
61067
+ item.tree__opened,
61068
+ },
61069
+ attrs: {
61070
+ tabindex: "-1",
61071
+ },
61072
+ on: {
61073
+ click: function (
61074
+ $event
61075
+ ) {
61076
+ return _vm.instance.toggleExpand(
61077
+ item,
61078
+ index
61079
+ )
61080
+ },
61081
+ },
61082
+ },
61083
+ [
61084
+ _vm._v(
61085
+ "\n " +
61086
+ _vm._s(
61087
+ _vm.$getIcon(
61088
+ "chevronRight"
61089
+ )
61090
+ ) +
61091
+ "\n "
61092
+ ),
61093
+ ]
61094
+ )
61095
+ : _vm._e(),
61096
+ ],
61097
+ 1
61098
+ ),
61099
+ _vm._v(" "),
61100
+ _c("zd-grid-action", {
61101
+ attrs: {
61102
+ column: column,
61103
+ row: item,
61104
+ rowKey: _vm.rowKey(item),
61105
+ getActionComponent:
61106
+ _vm.getActionComponent,
61107
+ },
61108
+ }),
60990
61109
  ],
60991
61110
  1
60992
61111
  ),
60993
- _vm._v(" "),
60994
- _c("zd-grid-action", {
60995
- attrs: {
60996
- column: column,
60997
- row: item,
60998
- rowKey: _vm.rowKey(item),
60999
- getActionComponent:
61000
- _vm.getActionComponent,
61001
- },
61002
- }),
61003
- ],
61004
- 1
61005
- ),
61006
- ]
61007
- : _vm._e(),
61008
- ]
61009
- }
61010
- ),
61011
- ]
61012
- }),
61013
- ],
61014
- 2
61015
- ),
61112
+ ]
61113
+ : _vm._e(),
61114
+ ]
61115
+ }
61116
+ ),
61117
+ ]
61118
+ }),
61119
+ ],
61120
+ 2
61121
+ )
61122
+ : _vm._e(),
61016
61123
  ]
61017
61124
  },
61018
61125
  }
@@ -61106,8 +61213,8 @@ __vue_render__._withStripped = true;
61106
61213
  /* style */
61107
61214
  const __vue_inject_styles__ = function (inject) {
61108
61215
  if (!inject) return
61109
- 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 })
61110
- ,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 });
61216
+ inject("data-v-f4dc69e2_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 })
61217
+ ,inject("data-v-f4dc69e2_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 });
61111
61218
 
61112
61219
  };
61113
61220
  /* scoped */