@zeedhi/vuetify 1.71.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 (10) hide show
  1. package/dist/zd-vuetify.esm.js +1488 -1122
  2. package/dist/zd-vuetify.umd.js +1492 -1126
  3. package/package.json +2 -2
  4. package/types/components/zd-grid/ZdGrid.d.ts +8 -2
  5. package/types/components/zd-grid/subcomponents/cell/ZdGridCellContent.d.ts +1 -0
  6. package/types/components/zd-iterable/ZdIterable.d.ts +1 -0
  7. package/types/components/zd-tree-grid/ZdTreeGrid.d.ts +4 -1
  8. package/types/components/zd-tree-grid/ZdTreeGridEditable.d.ts +1 -0
  9. package/types/components/zd-tree-grid/cell/ZdTreeGridCellContent.d.ts +2 -0
  10. 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)
@@ -44849,18 +44853,16 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
44849
44853
  super(...arguments);
44850
44854
  this.instanceType = Grid;
44851
44855
  this.allselectedState = false;
44856
+ /**
44857
+ * Left distance for each column
44858
+ */
44859
+ this.fixedRight = {};
44852
44860
  this.resizeX = 0;
44853
44861
  this.resizeWidth = 0;
44854
44862
  this.resizeTableWidth = 0;
44855
- this.debounceScroll = debounce$1(((event, grid) => {
44856
- const { scrollTop } = event.target;
44857
- const rows = Math.floor(scrollTop / grid.scrollData.rowHeight);
44858
- const data = grid.getVisibleData();
44859
- const start = rows + grid.scrollData.perPage > data.length ? Math
44860
- .max(0, data.length - grid.scrollData.perPage) : rows;
44861
- grid.scrollData.start = start;
44862
- this.updateScrollData(data);
44863
- }), 5);
44863
+ this.lastStart = 0;
44864
+ this.tableHeader = null;
44865
+ this.tableBody = null;
44864
44866
  }
44865
44867
  update(value) {
44866
44868
  if (value) {
@@ -44917,6 +44919,7 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
44917
44919
  this.initDragColumns();
44918
44920
  }
44919
44921
  this.setViewGetWidth();
44922
+ this.updateFixedColumnsAction();
44920
44923
  }
44921
44924
  setHeight() {
44922
44925
  const { gridTopSlot, grid, gridFooter } = this.$refs;
@@ -45209,15 +45212,11 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
45209
45212
  const tableWrapperHeight = this.scrollData.tableWrapper.clientHeight;
45210
45213
  const tableHeader = this.$el.querySelector('thead');
45211
45214
  const tableHeaderHeight = tableHeader.clientHeight;
45212
- this.scrollData.perPage = 10 + Math
45213
- .ceil((tableWrapperHeight - tableHeaderHeight)
45215
+ this.scrollData.perPage = Math.ceil((tableWrapperHeight - tableHeaderHeight)
45214
45216
  / this.scrollData.rowHeight);
45215
- const data = this.getVisibleData();
45217
+ const { data } = this.instance.datasource;
45216
45218
  this.updateScrollData(data);
45217
45219
  }
45218
- getVisibleData() {
45219
- return this.instance.datasource.data;
45220
- }
45221
45220
  getData() {
45222
45221
  if (!this.instance.virtualScroll || !this.scrollData.initialized) {
45223
45222
  return this.instance.datasource.data;
@@ -45225,16 +45224,25 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
45225
45224
  return this.renderedData;
45226
45225
  }
45227
45226
  get renderedData() {
45228
- const { start, perPage } = this.scrollData;
45229
- return this.getVisibleData().slice(start, start + perPage);
45227
+ return this.instance.datasource.data;
45230
45228
  }
45231
45229
  updateScrollData(data) {
45232
45230
  const { start, rowHeight, perPage } = this.scrollData;
45233
- this.scrollData.startHeight = start * rowHeight;
45234
- 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;
45235
45234
  }
45236
45235
  onScroll(event) {
45237
- 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
+ }
45238
45246
  }
45239
45247
  get cssColorVars() {
45240
45248
  return {
@@ -45275,6 +45283,28 @@ let ZdGrid = class ZdGrid extends ZdIterable$1 {
45275
45283
  }
45276
45284
  return widthData;
45277
45285
  }
45286
+ updateFixedColumnsAction() {
45287
+ if (this.instance.columns.filter((column) => column.actionFixed).length === 0)
45288
+ return;
45289
+ if (!this.tableHeader) {
45290
+ this.tableHeader = this.$el.querySelector('table thead tr');
45291
+ this.tableBody = this.$el.querySelector('table tbody');
45292
+ if (!this.tableHeader || !this.tableBody)
45293
+ return;
45294
+ }
45295
+ const headerColumns = Array.from(this.tableHeader.querySelectorAll('th'));
45296
+ let right = 0;
45297
+ headerColumns.reverse().forEach((column) => {
45298
+ const name = column.getAttribute('column-name');
45299
+ const columnsWithClassFixed = column.classList.contains('zd-table-fixed-column-action');
45300
+ if (name && columnsWithClassFixed) {
45301
+ column.style.right = `${right}px`;
45302
+ this.$set(this.fixedRight, name, column.style.right);
45303
+ const minActionWidth = column.clientWidth <= 16 ? 40 : column.clientWidth;
45304
+ right += minActionWidth;
45305
+ }
45306
+ });
45307
+ }
45278
45308
  };
45279
45309
  __decorate([
45280
45310
  PropWatch({
@@ -45631,12 +45661,29 @@ var __vue_render__$10 = function () {
45631
45661
  "th",
45632
45662
  {
45633
45663
  key: column.name,
45664
+ ref: "column-" + column.name,
45665
+ refInFor: true,
45634
45666
  class: [
45635
45667
  "zd-table-cell",
45636
45668
  {
45637
45669
  sortable: column.sortable,
45638
45670
  sortHandle: _vm.instance.dragColumns,
45639
45671
  },
45672
+ {
45673
+ "zd-table-fixed-column-action":
45674
+ column.actionFixed,
45675
+ },
45676
+ {
45677
+ "theme--dark":
45678
+ (_vm.$vuetify.theme.dark &&
45679
+ !_vm.instance.light) ||
45680
+ _vm.instance.dark,
45681
+ },
45682
+ {
45683
+ "theme--light":
45684
+ !_vm.$vuetify.theme.dark ||
45685
+ _vm.instance.light,
45686
+ },
45640
45687
  "text-" + column.align,
45641
45688
  _vm.instance.datasource.getOrderByColumn(
45642
45689
  column.name
@@ -45657,7 +45704,10 @@ var __vue_render__$10 = function () {
45657
45704
  column.minWidth
45658
45705
  ),
45659
45706
  },
45660
- attrs: { index: index },
45707
+ attrs: {
45708
+ "column-name": column.name,
45709
+ index: index,
45710
+ },
45661
45711
  },
45662
45712
  [
45663
45713
  _c(
@@ -45914,7 +45964,8 @@ var __vue_render__$10 = function () {
45914
45964
  },
45915
45965
  }
45916
45966
  : null,
45917
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
45967
+ _vm.instance.virtualScroll &&
45968
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
45918
45969
  ? {
45919
45970
  key: "body.prepend",
45920
45971
  fn: function (ref) {
@@ -45931,7 +45982,9 @@ var __vue_render__$10 = function () {
45931
45982
  }
45932
45983
  : null,
45933
45984
  _vm.instance.virtualScroll &&
45934
- _vm.scrollData.start + _vm.scrollData.perPage <
45985
+ _vm.scrollData.start +
45986
+ _vm.scrollData.perPage +
45987
+ _vm.instance.virtualScrollCache <
45935
45988
  _vm.instance.datasource.data.length
45936
45989
  ? {
45937
45990
  key: "body.append",
@@ -45956,183 +46009,228 @@ var __vue_render__$10 = function () {
45956
46009
  var select = ref.select;
45957
46010
  var isSelected = ref.isSelected;
45958
46011
  var headers = ref.headers;
46012
+ var index = ref.index;
45959
46013
  return [
45960
- _c(
45961
- "tr",
45962
- {
45963
- class: {
45964
- active: isSelected,
45965
- current: _vm.isCurrentRow(item),
45966
- },
45967
- on: {
45968
- click: function ($event) {
45969
- 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
+ },
45970
46033
  },
45971
- },
45972
- },
45973
- [
45974
- _vm.instance.selectable
45975
- ? _c(
45976
- "td",
45977
- { staticClass: "zd-table-cell selectable" },
45978
- [
45979
- _c("v-checkbox", {
45980
- staticClass: "zd-grid-row-checkbox",
45981
- attrs: {
45982
- "hide-details": "",
45983
- color: "primary",
45984
- disabled:
45985
- _vm.instance.callDisableSelection(item),
45986
- "on-icon": _vm.$getIcon("checkboxOn"),
45987
- "off-icon": _vm.$getIcon("checkboxOff"),
45988
- "true-value": true,
45989
- "false-value": false,
45990
- "input-value": isSelected,
45991
- },
45992
- on: {
45993
- click: function ($event) {
45994
- $event.stopPropagation();
45995
- select(!isSelected);
45996
- _vm.selectRowClick(
45997
- item,
45998
- !isSelected,
45999
- $event
46000
- );
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],
46001
46081
  },
46002
- },
46003
- }),
46004
- ],
46005
- 1
46006
- )
46007
- : _vm._e(),
46008
- _vm._v(" "),
46009
- _vm._l(headers, function (header) {
46010
- return [
46011
- _vm._l(
46012
- [
46013
- {
46014
- column: header,
46015
- rowStyle:
46016
- _vm.instance.getRowStyleConditions(item),
46017
- cellsApplied: (_vm.instance.cellsApplied[
46018
- _vm.rowKey(item)
46019
- ] || {})[header.name],
46020
- },
46021
- ],
46022
- function (ref) {
46023
- var column = ref.column;
46024
- var rowStyle = ref.rowStyle;
46025
- var cellsApplied = ref.cellsApplied;
46026
- return [
46027
- column.isVisible && column.type !== "action"
46028
- ? [
46029
- _c(
46030
- "zd-grid-cell",
46031
- {
46032
- key: column.name,
46033
- attrs: {
46034
- column: column,
46035
- rowStyle: rowStyle,
46036
- cellsApplied: cellsApplied,
46037
- },
46038
- on: {
46039
- click: function ($event) {
46040
- return _vm.cellClick(
46041
- item,
46042
- column,
46043
- $event
46044
- )
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
+ },
46045
46108
  },
46046
- },
46047
- },
46048
- [
46049
- column.loading
46050
- ? _c("v-skeleton-loader", {
46051
- staticClass:
46052
- "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
+ ],
46053
46131
  attrs: {
46054
- loading: "",
46055
- type: "table-cell",
46132
+ getWidthStyle:
46133
+ _vm.getWidthStyle,
46134
+ column: column,
46135
+ row: item,
46136
+ rowStyle: rowStyle,
46137
+ cellsApplied: cellsApplied,
46138
+ hasUsingCellText: true,
46056
46139
  },
46057
- })
46058
- : _vm._e(),
46059
- _vm._v(" "),
46060
- _c("zd-grid-cell-content", {
46061
- directives: [
46062
- {
46063
- name: "show",
46064
- rawName: "v-show",
46065
- value: !column.loading,
46066
- expression: "!column.loading",
46067
- },
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
+ }),
46068
46156
  ],
46069
- attrs: {
46070
- getWidthStyle: _vm.getWidthStyle,
46071
- column: column,
46072
- row: item,
46073
- rowStyle: rowStyle,
46074
- cellsApplied: cellsApplied,
46075
- },
46076
- on: {
46077
- mouseenter: function ($event) {
46078
- return _vm.checkOverflow(
46079
- $event,
46080
- column.overflow
46081
- )
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
+ ],
46082
46199
  },
46083
- mouseleave: function ($event) {
46084
- return _vm.removeTooltip()
46200
+ on: {
46201
+ click: function ($event) {
46202
+ return _vm.cellClick(
46203
+ item,
46204
+ column,
46205
+ $event
46206
+ )
46207
+ },
46085
46208
  },
46086
46209
  },
46087
- }),
46088
- ],
46089
- 1
46090
- ),
46091
- ]
46092
- : column.isVisible && column.type === "action"
46093
- ? [
46094
- _c(
46095
- "zd-grid-cell",
46096
- {
46097
- key: column.name,
46098
- attrs: {
46099
- column: column,
46100
- rowStyle: rowStyle,
46101
- cellsApplied: cellsApplied,
46102
- },
46103
- on: {
46104
- click: function ($event) {
46105
- return _vm.cellClick(
46106
- item,
46107
- column,
46108
- $event
46109
- )
46110
- },
46111
- },
46112
- },
46113
- [
46114
- _c("zd-grid-action", {
46115
- attrs: {
46116
- column: column,
46117
- row: item,
46118
- rowKey: _vm.rowKey(item),
46119
- getActionComponent:
46120
- _vm.getActionComponent,
46121
- },
46122
- }),
46123
- ],
46124
- 1
46125
- ),
46126
- ]
46127
- : _vm._e(),
46128
- ]
46129
- }
46130
- ),
46131
- ]
46132
- }),
46133
- ],
46134
- 2
46135
- ),
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
+ }),
46220
+ ],
46221
+ 1
46222
+ ),
46223
+ ]
46224
+ : _vm._e(),
46225
+ ]
46226
+ }
46227
+ ),
46228
+ ]
46229
+ }),
46230
+ ],
46231
+ 2
46232
+ )
46233
+ : _vm._e(),
46136
46234
  ]
46137
46235
  },
46138
46236
  }
@@ -46226,7 +46324,7 @@ __vue_render__$10._withStripped = true;
46226
46324
  /* style */
46227
46325
  const __vue_inject_styles__$10 = function (inject) {
46228
46326
  if (!inject) return
46229
- inject("data-v-2c31031a_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-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined });
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 });
46230
46328
 
46231
46329
  };
46232
46330
  /* scoped */
@@ -46587,6 +46685,8 @@ var __vue_render__$$ = function () {
46587
46685
  "th",
46588
46686
  {
46589
46687
  key: column.name,
46688
+ ref: "column-" + column.name,
46689
+ refInFor: true,
46590
46690
  class: [
46591
46691
  "zd-table-cell",
46592
46692
  "column-th-" +
@@ -46599,6 +46699,21 @@ var __vue_render__$$ = function () {
46599
46699
  !_vm.instance.editing,
46600
46700
  sortHandle: _vm.instance.dragColumns,
46601
46701
  },
46702
+ {
46703
+ "zd-table-fixed-column-action":
46704
+ column.actionFixed,
46705
+ },
46706
+ {
46707
+ "theme--dark":
46708
+ (_vm.$vuetify.theme.dark &&
46709
+ !_vm.instance.light) ||
46710
+ _vm.instance.dark,
46711
+ },
46712
+ {
46713
+ "theme--light":
46714
+ !_vm.$vuetify.theme.dark ||
46715
+ _vm.instance.light,
46716
+ },
46602
46717
  "text-" + column.align,
46603
46718
  _vm.instance.datasource.getOrderByColumn(
46604
46719
  column.name
@@ -46619,7 +46734,10 @@ var __vue_render__$$ = function () {
46619
46734
  column.minWidth
46620
46735
  ),
46621
46736
  },
46622
- attrs: { index: index },
46737
+ attrs: {
46738
+ "column-name": column.name,
46739
+ index: index,
46740
+ },
46623
46741
  },
46624
46742
  [
46625
46743
  _c(
@@ -46879,7 +46997,8 @@ var __vue_render__$$ = function () {
46879
46997
  },
46880
46998
  }
46881
46999
  : null,
46882
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
47000
+ _vm.instance.virtualScroll &&
47001
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
46883
47002
  ? {
46884
47003
  key: "body.prepend",
46885
47004
  fn: function (ref) {
@@ -46896,7 +47015,9 @@ var __vue_render__$$ = function () {
46896
47015
  }
46897
47016
  : null,
46898
47017
  _vm.instance.virtualScroll &&
46899
- _vm.scrollData.start + _vm.scrollData.perPage <
47018
+ _vm.scrollData.start +
47019
+ _vm.scrollData.perPage +
47020
+ _vm.instance.virtualScrollCache <
46900
47021
  _vm.instance.datasource.data.length
46901
47022
  ? {
46902
47023
  key: "body.append",
@@ -46921,270 +47042,315 @@ var __vue_render__$$ = function () {
46921
47042
  var select = ref.select;
46922
47043
  var isSelected = ref.isSelected;
46923
47044
  var headers = ref.headers;
47045
+ var index = ref.index;
46924
47046
  return [
46925
- _c(
46926
- "tr",
46927
- {
46928
- class: {
46929
- active: isSelected,
46930
- current: _vm.isCurrentRow(item),
46931
- },
46932
- attrs: {
46933
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
46934
- _vm.instance.callCanEditRow(item)),
46935
- },
46936
- on: {
46937
- click: function ($event) {
46938
- 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
+ },
46939
47070
  },
46940
- },
46941
- },
46942
- [
46943
- _vm.instance.selectable
46944
- ? _c(
46945
- "td",
46946
- { staticClass: "zd-table-cell selectable" },
46947
- [
46948
- _c("v-checkbox", {
46949
- staticClass: "zd-grid-row-checkbox",
46950
- attrs: {
46951
- "hide-details": "",
46952
- color: "primary",
46953
- disabled:
46954
- _vm.instance.editing ||
46955
- _vm.instance.callDisableSelection(item),
46956
- "on-icon": _vm.$getIcon("checkboxOn"),
46957
- "off-icon": _vm.$getIcon("checkboxOff"),
46958
- "true-value": true,
46959
- "false-value": false,
46960
- "input-value": isSelected,
46961
- },
46962
- on: {
46963
- click: function ($event) {
46964
- $event.stopPropagation();
46965
- select(!isSelected);
46966
- _vm.selectRowClick(
46967
- item,
46968
- !isSelected,
46969
- $event
46970
- );
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],
46971
47119
  },
46972
- },
46973
- }),
46974
- ],
46975
- 1
46976
- )
46977
- : _vm._e(),
46978
- _vm._v(" "),
46979
- _vm._l(headers, function (header) {
46980
- return [
46981
- _vm._l(
46982
- [
46983
- {
46984
- column: header,
46985
- rowStyle:
46986
- _vm.instance.getRowStyleConditions(item),
46987
- cellsApplied: (_vm.instance.cellsApplied[
46988
- _vm.rowKey(item)
46989
- ] || {})[header.name],
46990
- },
46991
- ],
46992
- function (ref) {
46993
- var column = ref.column;
46994
- var rowStyle = ref.rowStyle;
46995
- var cellsApplied = ref.cellsApplied;
46996
- return [
46997
- column.isVisible && column.type !== "action"
46998
- ? [
46999
- _c(
47000
- "zd-grid-cell",
47001
- {
47002
- key: column.name,
47003
- attrs: {
47004
- column: column,
47005
- rowStyle: rowStyle,
47006
- cellsApplied: cellsApplied,
47007
- cellClass: [
47008
- {
47009
- "zd-table-column-editable":
47010
- column.editable,
47011
- "zd-table-cell-editable":
47012
- Object.assign(
47013
- {},
47014
- column,
47015
- cellsApplied
47016
- ).editable &&
47017
- _vm.canEditRowValues[
47018
- _vm.rowKey(item)
47019
- ],
47020
- },
47021
- ],
47022
- },
47023
- on: {
47024
- click: function ($event) {
47025
- _vm.cellClick(
47026
- item,
47027
- column,
47028
- $event,
47029
- _vm.canEditRowValues[
47030
- _vm.rowKey(item)
47031
- ]
47032
- );
47033
- },
47034
- },
47035
- },
47036
- [
47037
- column.loading
47038
- ? _c("v-skeleton-loader", {
47039
- staticClass:
47040
- "zd-skeleton-table-cell",
47041
- attrs: {
47042
- loading: "",
47043
- type: "table-cell",
47044
- },
47045
- })
47046
- : _vm._e(),
47047
- _vm._v(" "),
47048
- Object.assign(
47049
- {},
47050
- column,
47051
- cellsApplied
47052
- ).editable &&
47053
- _vm.canEditRowValues[
47054
- _vm.rowKey(item)
47055
- ] &&
47056
- _vm.instance.editing
47057
- ? _c("zd-grid-cell-edit", {
47058
- 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: [
47059
47137
  {
47060
- name: "show",
47061
- rawName: "v-show",
47062
- value: !column.loading,
47063
- expression:
47064
- "!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
+ ],
47065
47149
  },
47066
47150
  ],
47067
- attrs: {
47068
- getWidthStyle:
47069
- _vm.getWidthStyle,
47070
- column: column,
47071
- row: item,
47072
- rowStyle: rowStyle,
47073
- cellsApplied: cellsApplied,
47074
- isEdited:
47075
- _vm.instance.isEdited(
47076
- column,
47077
- item
47078
- ),
47079
- isValid: _vm.instance.isValid(
47151
+ },
47152
+ on: {
47153
+ click: function ($event) {
47154
+ _vm.cellClick(
47155
+ item,
47080
47156
  column,
47081
- item
47082
- ),
47083
- getEditableComponent:
47084
- _vm.getEditableComponent,
47157
+ $event,
47158
+ _vm.canEditRowValues[
47159
+ _vm.rowKey(item)
47160
+ ]
47161
+ );
47085
47162
  },
47086
- })
47087
- : _vm.hasToggleIcon(column, item)
47088
- ? _c(
47089
- "span",
47090
- [
47091
- _c("v-icon", [
47092
- _vm._v(
47093
- _vm._s(
47094
- _vm.$getIcon(
47095
- column.formatterByRow(
47096
- item,
47097
- 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
+ )
47098
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
47099
47267
  )
47100
- )
47101
- ),
47102
- ]),
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
+ },
47103
47309
  ],
47104
- 1
47105
- )
47106
- : _c("zd-grid-cell-content", {
47107
- directives: [
47310
+ cellStyle: [
47108
47311
  {
47109
- name: "show",
47110
- rawName: "v-show",
47111
- value: !column.loading,
47112
- expression:
47113
- "!column.loading",
47312
+ right: column.actionFixed
47313
+ ? _vm.fixedRight[
47314
+ column.name
47315
+ ]
47316
+ : "unset",
47114
47317
  },
47115
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", {
47116
47332
  attrs: {
47117
- getWidthStyle:
47118
- _vm.getWidthStyle,
47119
47333
  column: column,
47120
47334
  row: item,
47121
- rowStyle: rowStyle,
47122
- cellsApplied: cellsApplied,
47123
- },
47124
- on: {
47125
- mouseenter: function (
47126
- $event
47127
- ) {
47128
- return _vm.checkOverflow(
47129
- $event,
47130
- column.overflow
47131
- )
47132
- },
47133
- mouseleave: function (
47134
- $event
47135
- ) {
47136
- return _vm.removeTooltip()
47137
- },
47335
+ rowKey: _vm.rowKey(item),
47336
+ getActionComponent:
47337
+ _vm.getActionComponent,
47138
47338
  },
47139
47339
  }),
47140
- ],
47141
- 1
47142
- ),
47143
- ]
47144
- : column.isVisible && column.type === "action"
47145
- ? [
47146
- _c(
47147
- "zd-grid-cell",
47148
- {
47149
- key: column.name,
47150
- attrs: {
47151
- column: column,
47152
- rowStyle: rowStyle,
47153
- cellsApplied: cellsApplied,
47154
- },
47155
- on: {
47156
- click: function ($event) {
47157
- return _vm.cellClick(
47158
- item,
47159
- column,
47160
- $event
47161
- )
47162
- },
47163
- },
47164
- },
47165
- [
47166
- _c("zd-grid-action", {
47167
- attrs: {
47168
- column: column,
47169
- row: item,
47170
- rowKey: _vm.rowKey(item),
47171
- getActionComponent:
47172
- _vm.getActionComponent,
47173
- },
47174
- }),
47175
- ],
47176
- 1
47177
- ),
47178
- ]
47179
- : _vm._e(),
47180
- ]
47181
- }
47182
- ),
47183
- ]
47184
- }),
47185
- ],
47186
- 2
47187
- ),
47340
+ ],
47341
+ 1
47342
+ ),
47343
+ ]
47344
+ : _vm._e(),
47345
+ ]
47346
+ }
47347
+ ),
47348
+ ]
47349
+ }),
47350
+ ],
47351
+ 2
47352
+ )
47353
+ : _vm._e(),
47188
47354
  ]
47189
47355
  },
47190
47356
  }
@@ -47278,8 +47444,8 @@ __vue_render__$$._withStripped = true;
47278
47444
  /* style */
47279
47445
  const __vue_inject_styles__$$ = function (inject) {
47280
47446
  if (!inject) return
47281
- inject("data-v-1b6dbda6_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-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
47282
- ,inject("data-v-1b6dbda6_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 });
47283
47449
 
47284
47450
  };
47285
47451
  /* scoped */
@@ -48270,6 +48436,10 @@ __decorate([
48270
48436
  Prop({ type: Function, required: true }),
48271
48437
  __metadata("design:type", Function)
48272
48438
  ], ZdGridCellContent.prototype, "getWidthStyle", void 0);
48439
+ __decorate([
48440
+ Prop({ type: Boolean, default: true }),
48441
+ __metadata("design:type", Boolean)
48442
+ ], ZdGridCellContent.prototype, "hasUsingCellText", void 0);
48273
48443
  ZdGridCellContent = __decorate([
48274
48444
  Component$1
48275
48445
  ], ZdGridCellContent);
@@ -48287,7 +48457,7 @@ var __vue_render__$U = function () {
48287
48457
  "span",
48288
48458
  {
48289
48459
  class: [
48290
- "zd-table-cell-text",
48460
+ { "zd-table-cell-text": _vm.hasUsingCellText },
48291
48461
  {
48292
48462
  "overflow-hidden": _vm.column.overflow === "hidden",
48293
48463
  "overflow-wrap": _vm.column.overflow === "wrap",
@@ -48313,7 +48483,7 @@ __vue_render__$U._withStripped = true;
48313
48483
  /* style */
48314
48484
  const __vue_inject_styles__$U = function (inject) {
48315
48485
  if (!inject) return
48316
- inject("data-v-3279ce6e_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
48486
+ inject("data-v-5c3a02cf_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
48317
48487
 
48318
48488
  };
48319
48489
  /* scoped */
@@ -48479,9 +48649,26 @@ let ZdTreeGridCellContent = class ZdTreeGridCellContent extends __vue_component_
48479
48649
  if (!this.fieldHasChild)
48480
48650
  return true;
48481
48651
  const rowHasChild = row[this.fieldHasChild];
48482
- if (typeof rowHasChild !== 'boolean')
48483
- return true;
48484
- return rowHasChild;
48652
+ let isVisibleChevron = true;
48653
+ switch (rowHasChild) {
48654
+ case '0':
48655
+ case false:
48656
+ case 0:
48657
+ isVisibleChevron = false;
48658
+ break;
48659
+ case '1':
48660
+ case true:
48661
+ case 1:
48662
+ isVisibleChevron = true;
48663
+ break;
48664
+ default:
48665
+ isVisibleChevron = true;
48666
+ break;
48667
+ }
48668
+ return isVisibleChevron;
48669
+ }
48670
+ hasShowChevronInTreeGrid(headerIndex, selectable) {
48671
+ return headerIndex === 0 || (headerIndex === 1 && selectable);
48485
48672
  }
48486
48673
  };
48487
48674
  __decorate([
@@ -48512,6 +48699,10 @@ __decorate([
48512
48699
  Prop({ type: String, required: true }),
48513
48700
  __metadata("design:type", String)
48514
48701
  ], ZdTreeGridCellContent.prototype, "fieldHasChild", void 0);
48702
+ __decorate([
48703
+ Prop({ type: Boolean, default: false }),
48704
+ __metadata("design:type", Boolean)
48705
+ ], ZdTreeGridCellContent.prototype, "hasUsingCellText", void 0);
48515
48706
  ZdTreeGridCellContent = __decorate([
48516
48707
  Component$2
48517
48708
  ], ZdTreeGridCellContent);
@@ -48533,73 +48724,81 @@ var __vue_render__$S = function () {
48533
48724
  column: _vm.column,
48534
48725
  row: _vm.row,
48535
48726
  rowStyle: _vm.rowStyle,
48727
+ hasUsingCellText: false,
48536
48728
  cellsApplied: _vm.cellsApplied,
48537
- cssClass: [
48538
- {
48539
- "zd-table-cell-text-first":
48540
- _vm.headerIndex === 0 ||
48541
- (_vm.headerIndex === 1 && _vm.selectable),
48542
- },
48543
- ].concat(_vm.cssClass),
48729
+ cssClass: [].concat(_vm.cssClass),
48544
48730
  },
48545
48731
  on: { mouseenter: _vm.mouseenter, mouseleave: _vm.mouseleave },
48546
48732
  },
48547
48733
  [
48548
- _c(
48549
- "div",
48550
- {
48551
- directives: [
48734
+ _c("div", { staticClass: "zd-grid-cell-wrapper" }, [
48735
+ _c(
48736
+ "div",
48737
+ {
48738
+ directives: [
48739
+ {
48740
+ name: "show",
48741
+ rawName: "v-show",
48742
+ value: _vm.headerIndex === 0,
48743
+ expression: "headerIndex === 0",
48744
+ },
48745
+ ],
48746
+ class: [_vm.expandClass, "level" + _vm.row.tree__level],
48747
+ },
48748
+ [
48749
+ (_vm.row.tree__children || []).length > 0
48750
+ ? _c(
48751
+ "v-icon",
48752
+ {
48753
+ directives: [
48754
+ {
48755
+ name: "show",
48756
+ rawName: "v-show",
48757
+ value: _vm.hasShowChevron(_vm.row),
48758
+ expression: "hasShowChevron(row)",
48759
+ },
48760
+ ],
48761
+ class: { opened: _vm.row.tree__opened },
48762
+ attrs: { tabindex: "-1" },
48763
+ on: {
48764
+ click: function ($event) {
48765
+ return _vm.toggleExpand(_vm.row, _vm.rowIndex, $event)
48766
+ },
48767
+ },
48768
+ },
48769
+ [
48770
+ _vm._v(
48771
+ "\n " +
48772
+ _vm._s(_vm.$getIcon("chevronRight")) +
48773
+ "\n "
48774
+ ),
48775
+ ]
48776
+ )
48777
+ : _vm._e(),
48778
+ ],
48779
+ 1
48780
+ ),
48781
+ _vm._v(" "),
48782
+ _c("div", {
48783
+ key: _vm.row.tree__searched ? "a" : "b",
48784
+ class: [
48552
48785
  {
48553
- name: "show",
48554
- rawName: "v-show",
48555
- value: _vm.headerIndex === 0,
48556
- expression: "headerIndex === 0",
48786
+ "zd-table-cell-text-first": _vm.hasShowChevronInTreeGrid(
48787
+ _vm.headerIndex,
48788
+ _vm.selectable
48789
+ ),
48557
48790
  },
48791
+ "zd-table-cell-text",
48558
48792
  ],
48559
- class: [_vm.expandClass, "level" + _vm.row.tree__level],
48560
- },
48561
- [
48562
- (_vm.row.tree__children || []).length > 0
48563
- ? _c(
48564
- "v-icon",
48565
- {
48566
- directives: [
48567
- {
48568
- name: "show",
48569
- rawName: "v-show",
48570
- value: _vm.hasShowChevron(_vm.row),
48571
- expression: "hasShowChevron(row)",
48572
- },
48573
- ],
48574
- class: { opened: _vm.row.tree__opened },
48575
- attrs: { tabindex: "-1" },
48576
- on: {
48577
- click: function ($event) {
48578
- return _vm.toggleExpand(_vm.row, _vm.rowIndex)
48579
- },
48580
- },
48581
- },
48582
- [
48583
- _vm._v(
48584
- "\n " + _vm._s(_vm.$getIcon("chevronRight")) + "\n "
48585
- ),
48586
- ]
48793
+ domProps: {
48794
+ innerHTML: _vm._s(
48795
+ _vm.formatSearchResult(
48796
+ _vm.column.formatterByRow(_vm.row, _vm.cellProps)
48587
48797
  )
48588
- : _vm._e(),
48589
- ],
48590
- 1
48591
- ),
48592
- _vm._v(" "),
48593
- _c("span", {
48594
- key: _vm.row.tree__searched ? "a" : "b",
48595
- domProps: {
48596
- innerHTML: _vm._s(
48597
- _vm.formatSearchResult(
48598
- _vm.column.formatterByRow(_vm.row, _vm.cellProps)
48599
- )
48600
- ),
48601
- },
48602
- }),
48798
+ ),
48799
+ },
48800
+ }),
48801
+ ]),
48603
48802
  ]
48604
48803
  )
48605
48804
  };
@@ -48609,7 +48808,7 @@ __vue_render__$S._withStripped = true;
48609
48808
  /* style */
48610
48809
  const __vue_inject_styles__$S = function (inject) {
48611
48810
  if (!inject) return
48612
- inject("data-v-7b398835_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
48811
+ inject("data-v-3a69d8ed_0", { source: "\n.zd-grid-cell-wrapper {\n display: flex;\n gap: .75rem;\n}\n", map: undefined, media: undefined });
48613
48812
 
48614
48813
  };
48615
48814
  /* scoped */
@@ -52757,8 +52956,16 @@ let ZdModal = class ZdModal extends ZdComponent$1 {
52757
52956
  this.dragHandle.removeEventListener('mousedown', this.dragStart.bind(this, modal));
52758
52957
  }
52759
52958
  dragStart(modal, event) {
52959
+ var _a, _b;
52760
52960
  if (!modal)
52761
52961
  return;
52962
+ const dragHandle = (_a = modal.dragHandle) === null || _a === void 0 ? void 0 : _a.replace('.', '');
52963
+ const targetElement = event.target;
52964
+ if (event && event.target
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)))
52968
+ return;
52762
52969
  this.modalDragged = modal;
52763
52970
  this.x = event.clientX;
52764
52971
  this.y = event.clientY;
@@ -52852,7 +53059,11 @@ var __vue_render__$u = function () {
52852
53059
  {
52853
53060
  ref: modal.name,
52854
53061
  refInFor: true,
52855
- class: ["zd-modal-card", modal.cssClass],
53062
+ class: [
53063
+ "zd-modal-card",
53064
+ "zd-modal-card-" + _vm.instance.name,
53065
+ modal.cssClass,
53066
+ ],
52856
53067
  style: modal.cssStyle,
52857
53068
  on: {
52858
53069
  "hook:mounted": function ($event) {
@@ -52923,7 +53134,7 @@ __vue_render__$u._withStripped = true;
52923
53134
  /* style */
52924
53135
  const __vue_inject_styles__$u = function (inject) {
52925
53136
  if (!inject) return
52926
- inject("data-v-0c31e873_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-draggable {\n position: relative;\n}\n.zd-modal-draggable-handle {\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n padding: var(--zd-default-padding);\n padding-bottom: 0px;\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
53137
+ inject("data-v-4ef79094_0", { source: ".zd-modal-title {\n padding-bottom: 0px;\n}\n.zd-modal-container {\n padding: 0;\n cursor: default;\n}\n.zd-modal-flex {\n width: 100%;\n}\n.zd-modal-draggable {\n position: relative;\n}\n.zd-modal-draggable-handle {\n cursor: grab;\n cursor: -moz-grab;\n cursor: -webkit-grab;\n}\n.zd-modal-draggable-handle:active {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-title {\n padding: var(--zd-default-padding);\n padding-bottom: 0px;\n font-size: var(--zd-font-title-size);\n font-weight: var(--zd-font-title-weight);\n color: var(--zd-font-color);\n}\n.zd-modal-content > .zd-modal-card > .zd-modal-card-text {\n padding: var(--zd-default-padding);\n}", map: undefined, media: undefined });
52927
53138
 
52928
53139
  };
52929
53140
  /* scoped */
@@ -58773,10 +58984,29 @@ let ZdTreeGrid = class ZdTreeGrid extends ZdGrid$1 {
58773
58984
  }
58774
58985
  mounted() {
58775
58986
  this.instance.viewUpdateScrollData = this.calcScrollData;
58987
+ this.originalChangeLayout = this.instance.changeLayout;
58988
+ this.instance.changeLayout = this.onChangeLayout;
58989
+ this.orderColumnVisibility();
58776
58990
  }
58777
- toggleExpand(row, rowIndex) {
58991
+ toggleExpand(row, rowIndex, event) {
58992
+ event === null || event === void 0 ? void 0 : event.stopPropagation();
58778
58993
  return this.instance.toggleExpand(row, rowIndex);
58779
58994
  }
58995
+ orderColumnVisibility() {
58996
+ const columnsInvisibles = this.instance.columns.filter((column) => column.isVisible === false);
58997
+ if (!columnsInvisibles) {
58998
+ return;
58999
+ }
59000
+ const columnsVisibles = this.instance.columns.filter((column) => column.isVisible === true);
59001
+ const newOrderColumns = [];
59002
+ if (columnsVisibles) {
59003
+ newOrderColumns.push(...columnsVisibles);
59004
+ }
59005
+ if (columnsInvisibles) {
59006
+ newOrderColumns.push(...columnsInvisibles);
59007
+ }
59008
+ this.instance.columns = newOrderColumns;
59009
+ }
58780
59010
  checkSome(row) {
58781
59011
  if (this.instance.flat)
58782
59012
  return false;
@@ -58807,16 +59037,26 @@ let ZdTreeGrid = class ZdTreeGrid extends ZdGrid$1 {
58807
59037
  this.selectRowClick(row, isSelected, event);
58808
59038
  }
58809
59039
  getVisibleData() {
58810
- const data = this.instance.treeDataStructure.searchHasNoData ? [] : this.instance.treeDataStructure.treeData;
59040
+ const data = this.instance.treeDataStructure.searchHasNoData
59041
+ ? []
59042
+ : this.instance.treeDataStructure.treeData;
58811
59043
  this.scrollData.visibleData = data.filter((row) => this.instance.treeDataStructure.isOpened(row));
58812
59044
  return this.scrollData.visibleData;
58813
59045
  }
58814
59046
  getData() {
58815
59047
  if (!this.instance.virtualScroll || !this.scrollData.initialized) {
58816
- return this.instance.treeDataStructure.searchHasNoData ? [] : this.instance.treeDataStructure.treeData;
59048
+ return this.instance.treeDataStructure.searchHasNoData
59049
+ ? []
59050
+ : this.instance.treeDataStructure.treeData;
58817
59051
  }
58818
59052
  return this.renderedData;
58819
59053
  }
59054
+ onChangeLayout(event, element) {
59055
+ if (this.originalChangeLayout) {
59056
+ this.originalChangeLayout.call(this.instance, event, element);
59057
+ }
59058
+ this.orderColumnVisibility();
59059
+ }
58820
59060
  };
58821
59061
  __decorate([
58822
59062
  PropWatch({ type: String, default: '' }),
@@ -59001,12 +59241,29 @@ var __vue_render__$1 = function () {
59001
59241
  "th",
59002
59242
  {
59003
59243
  key: column.name,
59244
+ ref: "column-" + column.name,
59245
+ refInFor: true,
59004
59246
  class: [
59005
59247
  "zd-table-cell",
59006
59248
  {
59007
59249
  sortable: column.sortable,
59008
59250
  sortHandle: _vm.instance.dragColumns,
59009
59251
  },
59252
+ {
59253
+ "zd-table-fixed-column-action":
59254
+ column.actionFixed,
59255
+ },
59256
+ {
59257
+ "theme--dark":
59258
+ (_vm.$vuetify.theme.dark &&
59259
+ !_vm.instance.light) ||
59260
+ _vm.instance.dark,
59261
+ },
59262
+ {
59263
+ "theme--light":
59264
+ !_vm.$vuetify.theme.dark ||
59265
+ _vm.instance.light,
59266
+ },
59010
59267
  "text-" + column.align,
59011
59268
  _vm.instance.datasource.getOrderByColumn(
59012
59269
  column.name
@@ -59028,7 +59285,10 @@ var __vue_render__$1 = function () {
59028
59285
  true
59029
59286
  ),
59030
59287
  },
59031
- attrs: { index: index },
59288
+ attrs: {
59289
+ "column-name": column.name,
59290
+ index: index,
59291
+ },
59032
59292
  },
59033
59293
  [
59034
59294
  _c(
@@ -59285,7 +59545,8 @@ var __vue_render__$1 = function () {
59285
59545
  },
59286
59546
  }
59287
59547
  : null,
59288
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
59548
+ _vm.instance.virtualScroll &&
59549
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
59289
59550
  ? {
59290
59551
  key: "body.prepend",
59291
59552
  fn: function (ref) {
@@ -59302,7 +59563,9 @@ var __vue_render__$1 = function () {
59302
59563
  }
59303
59564
  : null,
59304
59565
  _vm.instance.virtualScroll &&
59305
- _vm.scrollData.start + _vm.scrollData.perPage <
59566
+ _vm.scrollData.start +
59567
+ _vm.scrollData.perPage +
59568
+ _vm.instance.virtualScrollCache <
59306
59569
  (_vm.scrollData.visibleData || []).length
59307
59570
  ? {
59308
59571
  key: "body.append",
@@ -59328,273 +59591,324 @@ var __vue_render__$1 = function () {
59328
59591
  var index = ref.index;
59329
59592
  var headers = ref.headers;
59330
59593
  return [
59331
- _c(
59332
- "tr",
59333
- {
59334
- 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",
59335
59603
  {
59336
- name: "show",
59337
- rawName: "v-show",
59338
- value: _vm.instance.treeDataStructure.isOpened(item),
59339
- expression:
59340
- "instance.treeDataStructure.isOpened(item)",
59341
- },
59342
- ],
59343
- class: {
59344
- active: isSelected,
59345
- current: _vm.isCurrentRow(item),
59346
- },
59347
- on: {
59348
- click: function ($event) {
59349
- 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
+ },
59350
59623
  },
59351
- },
59352
- },
59353
- [
59354
- _vm.instance.selectable
59355
- ? _c(
59356
- "td",
59357
- { staticClass: "zd-table-cell selectable" },
59358
- [
59359
- _c("v-checkbox", {
59360
- staticClass: "zd-grid-row-checkbox",
59361
- attrs: {
59362
- "hide-details": "",
59363
- color: "primary",
59364
- disabled:
59365
- _vm.instance.callDisableSelection(item),
59366
- "on-icon": _vm.$getIcon("checkboxOn"),
59367
- "off-icon": _vm.$getIcon("checkboxOff"),
59368
- "true-value": true,
59369
- "false-value": false,
59370
- "input-value": isSelected,
59371
- indeterminate:
59372
- !_vm.checkEvery(item) &&
59373
- _vm.checkSome(item),
59374
- },
59375
- on: {
59376
- click: function ($event) {
59377
- $event.stopPropagation();
59378
- return _vm.selectClick(
59379
- index,
59380
- !isSelected,
59381
- $event
59382
- )
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],
59383
59673
  },
59384
- },
59385
- }),
59386
- ],
59387
- 1
59388
- )
59389
- : _vm._e(),
59390
- _vm._v(" "),
59391
- _vm._l(headers, function (header, headerIndex) {
59392
- return [
59393
- _vm._l(
59394
- [
59395
- {
59396
- column: header,
59397
- rowStyle:
59398
- _vm.instance.getRowStyleConditions(item),
59399
- cellsApplied: (_vm.instance.cellsApplied[
59400
- _vm.rowKey(item)
59401
- ] || {})[header.name],
59402
- },
59403
- ],
59404
- function (ref) {
59405
- var column = ref.column;
59406
- var rowStyle = ref.rowStyle;
59407
- var cellsApplied = ref.cellsApplied;
59408
- return [
59409
- column.isVisible && column.type !== "action"
59410
- ? [
59411
- _c(
59412
- "zd-grid-cell",
59413
- {
59414
- key: column.name,
59415
- attrs: {
59416
- column: column,
59417
- rowStyle: rowStyle,
59418
- cellsApplied: cellsApplied,
59419
- cellClass: [
59420
- {
59421
- first:
59422
- headerIndex === 0 ||
59423
- (headerIndex === 1 &&
59424
- _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
+ ],
59425
59699
  },
59426
- ],
59427
- },
59428
- on: {
59429
- click: function ($event) {
59430
- return _vm.cellClick(
59431
- item,
59432
- column,
59433
- $event
59434
- )
59435
- },
59436
- },
59437
- },
59438
- [
59439
- column.loading
59440
- ? _c("v-skeleton-loader", {
59441
- staticClass:
59442
- "zd-skeleton-table-cell",
59443
- attrs: {
59444
- loading: "",
59445
- type: "table-cell",
59700
+ on: {
59701
+ click: function ($event) {
59702
+ return _vm.cellClick(
59703
+ item,
59704
+ column,
59705
+ $event
59706
+ )
59446
59707
  },
59447
- })
59448
- : _vm._e(),
59449
- _vm._v(" "),
59450
- _c("zd-tree-grid-cell-content", {
59451
- directives: [
59452
- {
59453
- name: "show",
59454
- rawName: "v-show",
59455
- value: !column.loading,
59456
- expression: "!column.loading",
59457
59708
  },
59458
- ],
59459
- attrs: {
59460
- getWidthStyle: _vm.getWidthStyle,
59461
- column: column,
59462
- row: item,
59463
- rowStyle: rowStyle,
59464
- cellsApplied: cellsApplied,
59465
- headerIndex: headerIndex,
59466
- selectable:
59467
- _vm.instance.selectable,
59468
- fieldHasChild:
59469
- _vm.instance.fieldHasChild,
59470
- toggleExpand: _vm.toggleExpand,
59471
- rowIndex: index,
59472
- search:
59473
- _vm.instance.datasource.search,
59474
- expandClass:
59475
- "zd-tree-grid-expand",
59476
59709
  },
59477
- on: {
59478
- mouseenter: function ($event) {
59479
- return _vm.checkOverflow($event)
59480
- },
59481
- mouseleave: function ($event) {
59482
- return _vm.removeTooltip()
59483
- },
59484
- },
59485
- }),
59486
- ],
59487
- 1
59488
- ),
59489
- ]
59490
- : column.isVisible && column.type === "action"
59491
- ? [
59492
- _c(
59493
- "zd-grid-cell",
59494
- {
59495
- key: column.name,
59496
- attrs: {
59497
- column: column,
59498
- rowStyle: rowStyle,
59499
- cellsApplied: cellsApplied,
59500
- cellClass: [
59501
- {
59502
- "zd-table-cell-text-first":
59503
- headerIndex === 0 ||
59504
- (headerIndex === 1 &&
59505
- _vm.instance.selectable),
59506
- },
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
+ }),
59507
59768
  ],
59508
- },
59509
- on: {
59510
- click: function ($event) {
59511
- return _vm.cellClick(
59512
- item,
59513
- column,
59514
- $event
59515
- )
59516
- },
59517
- },
59518
- },
59519
- [
59769
+ 1
59770
+ ),
59771
+ ]
59772
+ : column.isVisible &&
59773
+ column.type === "action"
59774
+ ? [
59520
59775
  _c(
59521
- "div",
59776
+ "zd-grid-cell",
59522
59777
  {
59523
- directives: [
59524
- {
59525
- name: "show",
59526
- rawName: "v-show",
59527
- value: headerIndex === 0,
59528
- expression:
59529
- "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
+ )
59530
59826
  },
59531
- ],
59532
- class: [
59533
- "zd-tree-grid-expand zd-tree-grid-expand-action",
59534
- "level" + item.tree__level,
59535
- ],
59827
+ },
59536
59828
  },
59537
59829
  [
59538
- (item.tree__children || [])
59539
- .length > 0
59540
- ? _c(
59541
- "v-icon",
59830
+ _c(
59831
+ "div",
59832
+ {
59833
+ directives: [
59542
59834
  {
59543
- class: {
59544
- opened:
59545
- item.tree__opened,
59546
- },
59547
- attrs: { tabindex: "-1" },
59548
- on: {
59549
- click: function (
59550
- $event
59551
- ) {
59552
- return _vm.instance.toggleExpand(
59553
- item,
59554
- index
59555
- )
59556
- },
59557
- },
59835
+ name: "show",
59836
+ rawName: "v-show",
59837
+ value: headerIndex === 0,
59838
+ expression:
59839
+ "headerIndex === 0",
59558
59840
  },
59559
- [
59560
- _vm._v(
59561
- "\n " +
59562
- _vm._s(
59563
- _vm.$getIcon(
59564
- "chevronRight"
59565
- )
59566
- ) +
59567
- "\n "
59568
- ),
59569
- ]
59570
- )
59571
- : _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
+ }),
59572
59898
  ],
59573
59899
  1
59574
59900
  ),
59575
- _vm._v(" "),
59576
- _c("zd-grid-action", {
59577
- attrs: {
59578
- column: column,
59579
- row: item,
59580
- rowKey: _vm.rowKey(item),
59581
- getActionComponent:
59582
- _vm.getActionComponent,
59583
- },
59584
- }),
59585
- ],
59586
- 1
59587
- ),
59588
- ]
59589
- : _vm._e(),
59590
- ]
59591
- }
59592
- ),
59593
- ]
59594
- }),
59595
- ],
59596
- 2
59597
- ),
59901
+ ]
59902
+ : _vm._e(),
59903
+ ]
59904
+ }
59905
+ ),
59906
+ ]
59907
+ }),
59908
+ ],
59909
+ 2
59910
+ )
59911
+ : _vm._e(),
59598
59912
  ]
59599
59913
  },
59600
59914
  }
@@ -59688,8 +60002,8 @@ __vue_render__$1._withStripped = true;
59688
60002
  /* style */
59689
60003
  const __vue_inject_styles__$1 = function (inject) {
59690
60004
  if (!inject) return
59691
- inject("data-v-12dae720_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-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
59692
- ,inject("data-v-12dae720_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 });
59693
60007
 
59694
60008
  };
59695
60009
  /* scoped */
@@ -59899,6 +60213,10 @@ __decorate([
59899
60213
  PropWatch({ type: [String, Function] }),
59900
60214
  __metadata("design:type", Object)
59901
60215
  ], ZdTreeGridEditable.prototype, "canEditRow", void 0);
60216
+ __decorate([
60217
+ PropWatch({ type: Boolean, default: false }),
60218
+ __metadata("design:type", Boolean)
60219
+ ], ZdTreeGridEditable.prototype, "hasUsingCellText", void 0);
59902
60220
  ZdTreeGridEditable = __decorate([
59903
60221
  Component$2
59904
60222
  ], ZdTreeGridEditable);
@@ -60331,7 +60649,8 @@ var __vue_render__ = function () {
60331
60649
  },
60332
60650
  }
60333
60651
  : null,
60334
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
60652
+ _vm.instance.virtualScroll &&
60653
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
60335
60654
  ? {
60336
60655
  key: "body.prepend",
60337
60656
  fn: function (ref) {
@@ -60349,7 +60668,9 @@ var __vue_render__ = function () {
60349
60668
  }
60350
60669
  : null,
60351
60670
  _vm.instance.virtualScroll &&
60352
- _vm.scrollData.start + _vm.scrollData.perPage <
60671
+ _vm.scrollData.start +
60672
+ _vm.scrollData.perPage +
60673
+ _vm.instance.virtualScrollCache <
60353
60674
  (_vm.scrollData.visibleData || []).length
60354
60675
  ? {
60355
60676
  key: "body.append",
@@ -60375,385 +60696,430 @@ var __vue_render__ = function () {
60375
60696
  var index = ref.index;
60376
60697
  var headers = ref.headers;
60377
60698
  return [
60378
- _c(
60379
- "tr",
60380
- {
60381
- 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",
60382
60708
  {
60383
- name: "show",
60384
- rawName: "v-show",
60385
- value: _vm.instance.treeDataStructure.isOpened(item),
60386
- expression:
60387
- "instance.treeDataStructure.isOpened(item)",
60388
- },
60389
- ],
60390
- class: {
60391
- active: isSelected,
60392
- current: _vm.isCurrentRow(item),
60393
- },
60394
- attrs: {
60395
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
60396
- _vm.instance.callCanEditRow(item)),
60397
- },
60398
- on: {
60399
- click: function ($event) {
60400
- 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
+ },
60401
60732
  },
60402
- },
60403
- },
60404
- [
60405
- _vm.instance.selectable
60406
- ? _c(
60407
- "td",
60408
- { staticClass: "zd-table-cell selectable" },
60409
- [
60410
- _c("v-checkbox", {
60411
- staticClass: "zd-grid-row-checkbox",
60412
- attrs: {
60413
- "hide-details": "",
60414
- color: "primary",
60415
- disabled:
60416
- _vm.instance.editing ||
60417
- _vm.instance.callDisableSelection(item),
60418
- "on-icon": _vm.$getIcon("checkboxOn"),
60419
- "off-icon": _vm.$getIcon("checkboxOff"),
60420
- "true-value": true,
60421
- "false-value": false,
60422
- value: isSelected,
60423
- indeterminate:
60424
- !_vm.checkEvery(item) &&
60425
- _vm.checkSome(item),
60426
- },
60427
- on: {
60428
- click: function ($event) {
60429
- $event.stopPropagation();
60430
- return _vm.selectClick(
60431
- index,
60432
- !isSelected,
60433
- $event
60434
- )
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],
60435
60783
  },
60436
- },
60437
- }),
60438
- ],
60439
- 1
60440
- )
60441
- : _vm._e(),
60442
- _vm._v(" "),
60443
- _vm._l(headers, function (header, headerIndex) {
60444
- return [
60445
- _vm._l(
60446
- [
60447
- {
60448
- column: header,
60449
- rowStyle:
60450
- _vm.instance.getRowStyleConditions(item),
60451
- cellsApplied: (_vm.instance.cellsApplied[
60452
- _vm.rowKey(item)
60453
- ] || {})[header.name],
60454
- },
60455
- ],
60456
- function (ref) {
60457
- var column = ref.column;
60458
- var rowStyle = ref.rowStyle;
60459
- var cellsApplied = ref.cellsApplied;
60460
- return [
60461
- column.isVisible && column.type !== "action"
60462
- ? [
60463
- _c(
60464
- "zd-grid-cell",
60465
- {
60466
- key: column.name,
60467
- attrs: {
60468
- column: column,
60469
- rowStyle: rowStyle,
60470
- cellsApplied: cellsApplied,
60471
- cellClass: [
60472
- {
60473
- first:
60474
- headerIndex === 0 ||
60475
- (headerIndex === 1 &&
60476
- _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
+ ],
60477
60822
  },
60478
- {
60479
- "zd-table-column-editable":
60480
- column.editable,
60481
- "zd-table-cell-editable":
60482
- Object.assign(
60483
- {},
60823
+ on: {
60824
+ click: function ($event) {
60825
+ _vm.cellClick(
60826
+ item,
60484
60827
  column,
60485
- cellsApplied
60486
- ).editable &&
60487
- _vm.canEditRowValues[
60488
- _vm.rowKey(item)
60489
- ],
60490
- },
60491
- ],
60492
- },
60493
- on: {
60494
- click: function ($event) {
60495
- _vm.cellClick(
60496
- item,
60497
- column,
60498
- $event,
60499
- _vm.canEditRowValues[
60500
- _vm.rowKey(item)
60501
- ]
60502
- );
60503
- },
60504
- },
60505
- },
60506
- [
60507
- column.loading
60508
- ? _c("v-skeleton-loader", {
60509
- staticClass:
60510
- "zd-skeleton-table-cell",
60511
- attrs: {
60512
- loading: "",
60513
- type: "table-cell",
60828
+ $event,
60829
+ _vm.canEditRowValues[
60830
+ _vm.rowKey(item)
60831
+ ]
60832
+ );
60514
60833
  },
60515
- })
60516
- : _vm._e(),
60517
- _vm._v(" "),
60518
- _c(
60519
- "span",
60520
- {
60521
- staticClass:
60522
- "zd-tree-grid-editable-cell-wrapper",
60834
+ },
60523
60835
  },
60524
60836
  [
60525
- Object.assign(
60526
- {},
60527
- column,
60528
- cellsApplied
60529
- ).editable &&
60530
- _vm.canEditRowValues[
60531
- _vm.rowKey(item)
60532
- ] &&
60533
- _vm.instance.editing
60534
- ? _c("zd-grid-cell-edit", {
60535
- directives: [
60536
- {
60537
- name: "show",
60538
- rawName: "v-show",
60539
- value: !column.loading,
60540
- expression:
60541
- "!column.loading",
60542
- },
60543
- ],
60837
+ column.loading
60838
+ ? _c("v-skeleton-loader", {
60839
+ staticClass:
60840
+ "zd-skeleton-table-cell",
60544
60841
  attrs: {
60545
- getWidthStyle:
60546
- _vm.getWidthStyle,
60547
- column: column,
60548
- row: item,
60549
- rowStyle: rowStyle,
60550
- cellsApplied:
60551
- cellsApplied,
60552
- isEdited:
60553
- _vm.instance.isEdited(
60554
- column,
60555
- item
60556
- ),
60557
- isValid:
60558
- _vm.instance.isValid(
60559
- column,
60560
- item
60561
- ),
60562
- getEditableComponent:
60563
- _vm.getEditableComponent,
60842
+ loading: "",
60843
+ type: "table-cell",
60564
60844
  },
60565
60845
  })
60566
- : _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
+ {},
60567
60857
  column,
60568
- item
60569
- )
60570
- ? _c(
60571
- "span",
60572
- [
60573
- _c("v-icon", [
60574
- _vm._v(
60575
- _vm._s(
60576
- _vm.$getIcon(
60577
- column.formatterByRow(
60578
- item,
60579
- 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
+ )
60580
60913
  )
60581
- )
60582
- )
60583
- ),
60584
- ]),
60585
- ],
60586
- 1
60587
- )
60588
- : _c(
60589
- "zd-tree-grid-cell-content",
60590
- {
60591
- directives: [
60914
+ ),
60915
+ ]),
60916
+ ],
60917
+ 1
60918
+ )
60919
+ : _c(
60920
+ "zd-tree-grid-cell-content",
60592
60921
  {
60593
- name: "show",
60594
- rawName: "v-show",
60595
- value:
60596
- !column.loading,
60597
- expression:
60598
- "!column.loading",
60599
- },
60600
- ],
60601
- attrs: {
60602
- getWidthStyle:
60603
- _vm.getWidthStyle,
60604
- column: column,
60605
- row: item,
60606
- rowStyle: rowStyle,
60607
- cellsApplied:
60608
- cellsApplied,
60609
- headerIndex:
60610
- headerIndex,
60611
- selectable:
60612
- _vm.instance
60613
- .selectable,
60614
- fieldHasChild:
60615
- _vm.instance
60616
- .fieldHasChild,
60617
- toggleExpand:
60618
- _vm.toggleExpand,
60619
- rowIndex: index,
60620
- search:
60621
- _vm.instance
60622
- .datasource.search,
60623
- expandClass:
60624
- "zd-tree-grid-editable-expand",
60625
- },
60626
- on: {
60627
- mouseenter: function (
60628
- $event
60629
- ) {
60630
- return _vm.checkOverflow(
60631
- $event
60632
- )
60633
- },
60634
- mouseleave: function (
60635
- $event
60636
- ) {
60637
- return _vm.removeTooltip()
60638
- },
60639
- },
60640
- }
60641
- ),
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
+ ),
60642
60980
  ],
60643
60981
  1
60644
60982
  ),
60645
- ],
60646
- 1
60647
- ),
60648
- ]
60649
- : column.isVisible && column.type === "action"
60650
- ? [
60651
- _c(
60652
- "zd-grid-cell",
60653
- {
60654
- key: column.name,
60655
- attrs: {
60656
- column: column,
60657
- rowStyle: rowStyle,
60658
- cellsApplied: cellsApplied,
60659
- cellClass: [
60660
- {
60661
- "zd-table-cell-text-first":
60662
- headerIndex === 0 ||
60663
- (headerIndex === 1 &&
60664
- _vm.instance.selectable),
60665
- },
60666
- ],
60667
- },
60668
- on: {
60669
- click: function ($event) {
60670
- return _vm.cellClick(
60671
- item,
60672
- column,
60673
- $event
60674
- )
60675
- },
60676
- },
60677
- },
60678
- [
60983
+ ]
60984
+ : column.isVisible &&
60985
+ column.type === "action"
60986
+ ? [
60679
60987
  _c(
60680
- "div",
60988
+ "zd-grid-cell",
60681
60989
  {
60682
- directives: [
60683
- {
60684
- name: "show",
60685
- rawName: "v-show",
60686
- value: headerIndex === 0,
60687
- expression:
60688
- "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
+ )
60689
61038
  },
60690
- ],
60691
- class: [
60692
- "zd-tree-grid-expand",
60693
- "level" + item.tree__level,
60694
- ],
61039
+ },
60695
61040
  },
60696
61041
  [
60697
- (item.tree__children || [])
60698
- .length > 0
60699
- ? _c(
60700
- "v-icon",
61042
+ _c(
61043
+ "div",
61044
+ {
61045
+ directives: [
60701
61046
  {
60702
- class: {
60703
- opened:
60704
- item.tree__opened,
60705
- },
60706
- attrs: { tabindex: "-1" },
60707
- on: {
60708
- click: function (
60709
- $event
60710
- ) {
60711
- return _vm.instance.toggleExpand(
60712
- item,
60713
- index
60714
- )
60715
- },
60716
- },
61047
+ name: "show",
61048
+ rawName: "v-show",
61049
+ value: headerIndex === 0,
61050
+ expression:
61051
+ "headerIndex === 0",
60717
61052
  },
60718
- [
60719
- _vm._v(
60720
- "\n " +
60721
- _vm._s(
60722
- _vm.$getIcon(
60723
- "chevronRight"
60724
- )
60725
- ) +
60726
- "\n "
60727
- ),
60728
- ]
60729
- )
60730
- : _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
+ }),
60731
61109
  ],
60732
61110
  1
60733
61111
  ),
60734
- _vm._v(" "),
60735
- _c("zd-grid-action", {
60736
- attrs: {
60737
- column: column,
60738
- row: item,
60739
- rowKey: _vm.rowKey(item),
60740
- getActionComponent:
60741
- _vm.getActionComponent,
60742
- },
60743
- }),
60744
- ],
60745
- 1
60746
- ),
60747
- ]
60748
- : _vm._e(),
60749
- ]
60750
- }
60751
- ),
60752
- ]
60753
- }),
60754
- ],
60755
- 2
60756
- ),
61112
+ ]
61113
+ : _vm._e(),
61114
+ ]
61115
+ }
61116
+ ),
61117
+ ]
61118
+ }),
61119
+ ],
61120
+ 2
61121
+ )
61122
+ : _vm._e(),
60757
61123
  ]
60758
61124
  },
60759
61125
  }
@@ -60847,8 +61213,8 @@ __vue_render__._withStripped = true;
60847
61213
  /* style */
60848
61214
  const __vue_inject_styles__ = function (inject) {
60849
61215
  if (!inject) return
60850
- inject("data-v-f1b15018_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-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
60851
- ,inject("data-v-f1b15018_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-tree-grid-editable-cell-wrapper, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-tree-grid-editable-cell-wrapper {\n display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n width: 100%;\n padding: 0 0.5rem;\n position: relative;\n display: block;\n height: 1.25rem;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n width: 200px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
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 });
60852
61218
 
60853
61219
  };
60854
61220
  /* scoped */