@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.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@panter/vue-i18next'), require('@zeedhi/core'), require('vue-apexcharts'), require('sl-vue-tree'), require('sl-vue-tree/dist/sl-vue-tree-minimal.css'), require('sortablejs'), require('hooper/dist/hooper.css'), require('@zeedhi/zd-vue-treeselect/dist/vue-treeselect.css'), require('vue'), require('vue-property-decorator'), require('@zeedhi/common'), require('vue-class-component'), require('prismjs'), require('prismjs/themes/prism.css'), require('lodash.debounce'), require('lodash.isundefined'), require('@zeedhi/vue'), require('lodash.kebabcase'), require('lodash.camelcase'), require('vuetify/dist/vuetify.min.css')) :
3
- typeof define === 'function' && define.amd ? define(['exports', '@panter/vue-i18next', '@zeedhi/core', 'vue-apexcharts', 'sl-vue-tree', 'sl-vue-tree/dist/sl-vue-tree-minimal.css', 'sortablejs', 'hooper/dist/hooper.css', '@zeedhi/zd-vue-treeselect/dist/vue-treeselect.css', 'vue', 'vue-property-decorator', '@zeedhi/common', 'vue-class-component', 'prismjs', 'prismjs/themes/prism.css', 'lodash.debounce', 'lodash.isundefined', '@zeedhi/vue', 'lodash.kebabcase', 'lodash.camelcase', 'vuetify/dist/vuetify.min.css'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/vuetify"] = {}, global["@panter/vue-i18next"], global["@zeedhi/core"], global["vue-apexcharts"], global["sl-vue-tree"], null, global.sortablejs, null, null, global.vue, global["vue-property-decorator"], global["@zeedhi/common"], global["vue-class-component"], global.prismjs, null, global.lodash.debounce, global.lodash.isundefined, global["@zeedhi/vue"], global.lodash.kebabcase, global.lodash.camelcase));
5
- })(this, (function (exports, VueI18Next, core, VueApexCharts, SlVueTree, slVueTreeMinimal_css, Sortable, hooper_css, vueTreeselect_css, Vue, vuePropertyDecorator, common, Component, Prism$1, prism_css, debounce$1, isUndefined, vue, kebabcase, camelcase) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@panter/vue-i18next'), require('@zeedhi/core'), require('vue-apexcharts'), require('sl-vue-tree'), require('sl-vue-tree/dist/sl-vue-tree-minimal.css'), require('sortablejs'), require('hooper/dist/hooper.css'), require('@zeedhi/zd-vue-treeselect/dist/vue-treeselect.css'), require('vue'), require('vue-property-decorator'), require('@zeedhi/common'), require('vue-class-component'), require('prismjs'), require('prismjs/themes/prism.css'), require('lodash.isundefined'), require('lodash.debounce'), require('@zeedhi/vue'), require('lodash.kebabcase'), require('lodash.camelcase'), require('vuetify/dist/vuetify.min.css')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', '@panter/vue-i18next', '@zeedhi/core', 'vue-apexcharts', 'sl-vue-tree', 'sl-vue-tree/dist/sl-vue-tree-minimal.css', 'sortablejs', 'hooper/dist/hooper.css', '@zeedhi/zd-vue-treeselect/dist/vue-treeselect.css', 'vue', 'vue-property-decorator', '@zeedhi/common', 'vue-class-component', 'prismjs', 'prismjs/themes/prism.css', 'lodash.isundefined', 'lodash.debounce', '@zeedhi/vue', 'lodash.kebabcase', 'lodash.camelcase', 'vuetify/dist/vuetify.min.css'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/vuetify"] = {}, global["@panter/vue-i18next"], global["@zeedhi/core"], global["vue-apexcharts"], global["sl-vue-tree"], null, global.sortablejs, null, null, global.vue, global["vue-property-decorator"], global["@zeedhi/common"], global["vue-class-component"], global.prismjs, null, global.lodash.isundefined, global.lodash.debounce, global["@zeedhi/vue"], global.lodash.kebabcase, global.lodash.camelcase));
5
+ })(this, (function (exports, VueI18Next, core, VueApexCharts, SlVueTree, slVueTreeMinimal_css, Sortable, hooper_css, vueTreeselect_css, Vue, vuePropertyDecorator, common, Component, Prism$1, prism_css, isUndefined, debounce$1, vue, kebabcase, camelcase) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -13,8 +13,8 @@
13
13
  var Vue__default = /*#__PURE__*/_interopDefaultLegacy(Vue);
14
14
  var Component__default = /*#__PURE__*/_interopDefaultLegacy(Component);
15
15
  var Prism__default = /*#__PURE__*/_interopDefaultLegacy(Prism$1);
16
- var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce$1);
17
16
  var isUndefined__default = /*#__PURE__*/_interopDefaultLegacy(isUndefined);
17
+ var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce$1);
18
18
  var kebabcase__default = /*#__PURE__*/_interopDefaultLegacy(kebabcase);
19
19
  var camelcase__default = /*#__PURE__*/_interopDefaultLegacy(camelcase);
20
20
 
@@ -44804,9 +44804,13 @@ If you're seeing "$attrs is readonly", it's caused by this`);
44804
44804
  __metadata("design:type", Array)
44805
44805
  ], ZdIterable.prototype, "pageSizes", void 0);
44806
44806
  __decorate([
44807
- vuePropertyDecorator.Prop({ type: [Array, Boolean], default: false }),
44807
+ vuePropertyDecorator.Prop({ type: [String, Boolean], default: false }),
44808
44808
  __metadata("design:type", Object)
44809
44809
  ], ZdIterable.prototype, "virtualScroll", void 0);
44810
+ __decorate([
44811
+ vuePropertyDecorator.Prop({ type: [String, Number], default: 5 }),
44812
+ __metadata("design:type", Object)
44813
+ ], ZdIterable.prototype, "virtualScrollCache", void 0);
44810
44814
  __decorate([
44811
44815
  vuePropertyDecorator.Prop({ type: [String, Boolean], default: () => { var _a; return ((_a = core.Config.iterableSearchVisibleOnly) !== null && _a !== void 0 ? _a : true); } }),
44812
44816
  __metadata("design:type", Object)
@@ -44848,18 +44852,16 @@ If you're seeing "$attrs is readonly", it's caused by this`);
44848
44852
  super(...arguments);
44849
44853
  this.instanceType = common.Grid;
44850
44854
  this.allselectedState = false;
44855
+ /**
44856
+ * Left distance for each column
44857
+ */
44858
+ this.fixedRight = {};
44851
44859
  this.resizeX = 0;
44852
44860
  this.resizeWidth = 0;
44853
44861
  this.resizeTableWidth = 0;
44854
- this.debounceScroll = debounce__default["default"](((event, grid) => {
44855
- const { scrollTop } = event.target;
44856
- const rows = Math.floor(scrollTop / grid.scrollData.rowHeight);
44857
- const data = grid.getVisibleData();
44858
- const start = rows + grid.scrollData.perPage > data.length ? Math
44859
- .max(0, data.length - grid.scrollData.perPage) : rows;
44860
- grid.scrollData.start = start;
44861
- this.updateScrollData(data);
44862
- }), 5);
44862
+ this.lastStart = 0;
44863
+ this.tableHeader = null;
44864
+ this.tableBody = null;
44863
44865
  }
44864
44866
  update(value) {
44865
44867
  if (value) {
@@ -44916,6 +44918,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
44916
44918
  this.initDragColumns();
44917
44919
  }
44918
44920
  this.setViewGetWidth();
44921
+ this.updateFixedColumnsAction();
44919
44922
  }
44920
44923
  setHeight() {
44921
44924
  const { gridTopSlot, grid, gridFooter } = this.$refs;
@@ -45208,15 +45211,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45208
45211
  const tableWrapperHeight = this.scrollData.tableWrapper.clientHeight;
45209
45212
  const tableHeader = this.$el.querySelector('thead');
45210
45213
  const tableHeaderHeight = tableHeader.clientHeight;
45211
- this.scrollData.perPage = 10 + Math
45212
- .ceil((tableWrapperHeight - tableHeaderHeight)
45214
+ this.scrollData.perPage = Math.ceil((tableWrapperHeight - tableHeaderHeight)
45213
45215
  / this.scrollData.rowHeight);
45214
- const data = this.getVisibleData();
45216
+ const { data } = this.instance.datasource;
45215
45217
  this.updateScrollData(data);
45216
45218
  }
45217
- getVisibleData() {
45218
- return this.instance.datasource.data;
45219
- }
45220
45219
  getData() {
45221
45220
  if (!this.instance.virtualScroll || !this.scrollData.initialized) {
45222
45221
  return this.instance.datasource.data;
@@ -45224,16 +45223,25 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45224
45223
  return this.renderedData;
45225
45224
  }
45226
45225
  get renderedData() {
45227
- const { start, perPage } = this.scrollData;
45228
- return this.getVisibleData().slice(start, start + perPage);
45226
+ return this.instance.datasource.data;
45229
45227
  }
45230
45228
  updateScrollData(data) {
45231
45229
  const { start, rowHeight, perPage } = this.scrollData;
45232
- this.scrollData.startHeight = start * rowHeight;
45233
- this.scrollData.endHeight = (data.length - start - perPage) * rowHeight;
45230
+ const cache = this.instance.virtualScrollCache;
45231
+ this.scrollData.startHeight = Math.max(start - cache, 0) * rowHeight;
45232
+ this.scrollData.endHeight = Math.max(data.length - start - perPage - cache, 0) * rowHeight;
45234
45233
  }
45235
45234
  onScroll(event) {
45236
- this.debounceScroll(event, this);
45235
+ const { scrollTop } = event.target;
45236
+ const rows = Math.floor(scrollTop / this.scrollData.rowHeight);
45237
+ const { data } = this.instance.datasource;
45238
+ const start = rows + this.scrollData.perPage > data.length ? Math
45239
+ .max(0, data.length - this.scrollData.perPage) : rows;
45240
+ if (this.lastStart !== start) {
45241
+ this.lastStart = start;
45242
+ this.scrollData.start = start;
45243
+ this.updateScrollData(data);
45244
+ }
45237
45245
  }
45238
45246
  get cssColorVars() {
45239
45247
  return {
@@ -45274,6 +45282,28 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45274
45282
  }
45275
45283
  return widthData;
45276
45284
  }
45285
+ updateFixedColumnsAction() {
45286
+ if (this.instance.columns.filter((column) => column.actionFixed).length === 0)
45287
+ return;
45288
+ if (!this.tableHeader) {
45289
+ this.tableHeader = this.$el.querySelector('table thead tr');
45290
+ this.tableBody = this.$el.querySelector('table tbody');
45291
+ if (!this.tableHeader || !this.tableBody)
45292
+ return;
45293
+ }
45294
+ const headerColumns = Array.from(this.tableHeader.querySelectorAll('th'));
45295
+ let right = 0;
45296
+ headerColumns.reverse().forEach((column) => {
45297
+ const name = column.getAttribute('column-name');
45298
+ const columnsWithClassFixed = column.classList.contains('zd-table-fixed-column-action');
45299
+ if (name && columnsWithClassFixed) {
45300
+ column.style.right = `${right}px`;
45301
+ this.$set(this.fixedRight, name, column.style.right);
45302
+ const minActionWidth = column.clientWidth <= 16 ? 40 : column.clientWidth;
45303
+ right += minActionWidth;
45304
+ }
45305
+ });
45306
+ }
45277
45307
  };
45278
45308
  __decorate([
45279
45309
  PropWatch({
@@ -45630,12 +45660,29 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45630
45660
  "th",
45631
45661
  {
45632
45662
  key: column.name,
45663
+ ref: "column-" + column.name,
45664
+ refInFor: true,
45633
45665
  class: [
45634
45666
  "zd-table-cell",
45635
45667
  {
45636
45668
  sortable: column.sortable,
45637
45669
  sortHandle: _vm.instance.dragColumns,
45638
45670
  },
45671
+ {
45672
+ "zd-table-fixed-column-action":
45673
+ column.actionFixed,
45674
+ },
45675
+ {
45676
+ "theme--dark":
45677
+ (_vm.$vuetify.theme.dark &&
45678
+ !_vm.instance.light) ||
45679
+ _vm.instance.dark,
45680
+ },
45681
+ {
45682
+ "theme--light":
45683
+ !_vm.$vuetify.theme.dark ||
45684
+ _vm.instance.light,
45685
+ },
45639
45686
  "text-" + column.align,
45640
45687
  _vm.instance.datasource.getOrderByColumn(
45641
45688
  column.name
@@ -45656,7 +45703,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45656
45703
  column.minWidth
45657
45704
  ),
45658
45705
  },
45659
- attrs: { index: index },
45706
+ attrs: {
45707
+ "column-name": column.name,
45708
+ index: index,
45709
+ },
45660
45710
  },
45661
45711
  [
45662
45712
  _c(
@@ -45913,7 +45963,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45913
45963
  },
45914
45964
  }
45915
45965
  : null,
45916
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
45966
+ _vm.instance.virtualScroll &&
45967
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
45917
45968
  ? {
45918
45969
  key: "body.prepend",
45919
45970
  fn: function (ref) {
@@ -45930,7 +45981,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45930
45981
  }
45931
45982
  : null,
45932
45983
  _vm.instance.virtualScroll &&
45933
- _vm.scrollData.start + _vm.scrollData.perPage <
45984
+ _vm.scrollData.start +
45985
+ _vm.scrollData.perPage +
45986
+ _vm.instance.virtualScrollCache <
45934
45987
  _vm.instance.datasource.data.length
45935
45988
  ? {
45936
45989
  key: "body.append",
@@ -45955,183 +46008,228 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45955
46008
  var select = ref.select;
45956
46009
  var isSelected = ref.isSelected;
45957
46010
  var headers = ref.headers;
46011
+ var index = ref.index;
45958
46012
  return [
45959
- _c(
45960
- "tr",
45961
- {
45962
- class: {
45963
- active: isSelected,
45964
- current: _vm.isCurrentRow(item),
45965
- },
45966
- on: {
45967
- click: function ($event) {
45968
- return _vm.rowClick(item, $event)
46013
+ !_vm.instance.virtualScroll ||
46014
+ (index >=
46015
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
46016
+ index <=
46017
+ _vm.scrollData.start +
46018
+ _vm.scrollData.perPage +
46019
+ _vm.instance.virtualScrollCache)
46020
+ ? _c(
46021
+ "tr",
46022
+ {
46023
+ class: {
46024
+ active: isSelected,
46025
+ current: _vm.isCurrentRow(item),
46026
+ },
46027
+ on: {
46028
+ click: function ($event) {
46029
+ return _vm.rowClick(item, $event)
46030
+ },
46031
+ },
45969
46032
  },
45970
- },
45971
- },
45972
- [
45973
- _vm.instance.selectable
45974
- ? _c(
45975
- "td",
45976
- { staticClass: "zd-table-cell selectable" },
45977
- [
45978
- _c("v-checkbox", {
45979
- staticClass: "zd-grid-row-checkbox",
45980
- attrs: {
45981
- "hide-details": "",
45982
- color: "primary",
45983
- disabled:
45984
- _vm.instance.callDisableSelection(item),
45985
- "on-icon": _vm.$getIcon("checkboxOn"),
45986
- "off-icon": _vm.$getIcon("checkboxOff"),
45987
- "true-value": true,
45988
- "false-value": false,
45989
- "input-value": isSelected,
45990
- },
45991
- on: {
45992
- click: function ($event) {
45993
- $event.stopPropagation();
45994
- select(!isSelected);
45995
- _vm.selectRowClick(
45996
- item,
45997
- !isSelected,
45998
- $event
45999
- );
46033
+ [
46034
+ _vm.instance.selectable
46035
+ ? _c(
46036
+ "td",
46037
+ { staticClass: "zd-table-cell selectable" },
46038
+ [
46039
+ _c("v-checkbox", {
46040
+ staticClass: "zd-grid-row-checkbox",
46041
+ attrs: {
46042
+ "hide-details": "",
46043
+ color: "primary",
46044
+ disabled:
46045
+ _vm.instance.callDisableSelection(item),
46046
+ "on-icon": _vm.$getIcon("checkboxOn"),
46047
+ "off-icon": _vm.$getIcon("checkboxOff"),
46048
+ "true-value": true,
46049
+ "false-value": false,
46050
+ "input-value": isSelected,
46051
+ },
46052
+ on: {
46053
+ click: function ($event) {
46054
+ $event.stopPropagation();
46055
+ select(!isSelected);
46056
+ _vm.selectRowClick(
46057
+ item,
46058
+ !isSelected,
46059
+ $event
46060
+ );
46061
+ },
46062
+ },
46063
+ }),
46064
+ ],
46065
+ 1
46066
+ )
46067
+ : _vm._e(),
46068
+ _vm._v(" "),
46069
+ _vm._l(headers, function (header) {
46070
+ return [
46071
+ _vm._l(
46072
+ [
46073
+ {
46074
+ column: header,
46075
+ rowStyle:
46076
+ _vm.instance.getRowStyleConditions(item),
46077
+ cellsApplied: (_vm.instance.cellsApplied[
46078
+ _vm.rowKey(item)
46079
+ ] || {})[header.name],
46000
46080
  },
46001
- },
46002
- }),
46003
- ],
46004
- 1
46005
- )
46006
- : _vm._e(),
46007
- _vm._v(" "),
46008
- _vm._l(headers, function (header) {
46009
- return [
46010
- _vm._l(
46011
- [
46012
- {
46013
- column: header,
46014
- rowStyle:
46015
- _vm.instance.getRowStyleConditions(item),
46016
- cellsApplied: (_vm.instance.cellsApplied[
46017
- _vm.rowKey(item)
46018
- ] || {})[header.name],
46019
- },
46020
- ],
46021
- function (ref) {
46022
- var column = ref.column;
46023
- var rowStyle = ref.rowStyle;
46024
- var cellsApplied = ref.cellsApplied;
46025
- return [
46026
- column.isVisible && column.type !== "action"
46027
- ? [
46028
- _c(
46029
- "zd-grid-cell",
46030
- {
46031
- key: column.name,
46032
- attrs: {
46033
- column: column,
46034
- rowStyle: rowStyle,
46035
- cellsApplied: cellsApplied,
46036
- },
46037
- on: {
46038
- click: function ($event) {
46039
- return _vm.cellClick(
46040
- item,
46041
- column,
46042
- $event
46043
- )
46081
+ ],
46082
+ function (ref) {
46083
+ var column = ref.column;
46084
+ var rowStyle = ref.rowStyle;
46085
+ var cellsApplied = ref.cellsApplied;
46086
+ return [
46087
+ column.isVisible && column.type !== "action"
46088
+ ? [
46089
+ _c(
46090
+ "zd-grid-cell",
46091
+ {
46092
+ key: column.name,
46093
+ attrs: {
46094
+ column: column,
46095
+ rowStyle: rowStyle,
46096
+ cellsApplied: cellsApplied,
46097
+ },
46098
+ on: {
46099
+ click: function ($event) {
46100
+ return _vm.cellClick(
46101
+ item,
46102
+ column,
46103
+ $event
46104
+ )
46105
+ },
46106
+ },
46044
46107
  },
46045
- },
46046
- },
46047
- [
46048
- column.loading
46049
- ? _c("v-skeleton-loader", {
46050
- staticClass:
46051
- "zd-skeleton-table-cell",
46108
+ [
46109
+ column.loading
46110
+ ? _c("v-skeleton-loader", {
46111
+ staticClass:
46112
+ "zd-skeleton-table-cell",
46113
+ attrs: {
46114
+ loading: "",
46115
+ type: "table-cell",
46116
+ },
46117
+ })
46118
+ : _vm._e(),
46119
+ _vm._v(" "),
46120
+ _c("zd-grid-cell-content", {
46121
+ directives: [
46122
+ {
46123
+ name: "show",
46124
+ rawName: "v-show",
46125
+ value: !column.loading,
46126
+ expression:
46127
+ "!column.loading",
46128
+ },
46129
+ ],
46052
46130
  attrs: {
46053
- loading: "",
46054
- type: "table-cell",
46131
+ getWidthStyle:
46132
+ _vm.getWidthStyle,
46133
+ column: column,
46134
+ row: item,
46135
+ rowStyle: rowStyle,
46136
+ cellsApplied: cellsApplied,
46137
+ hasUsingCellText: true,
46055
46138
  },
46056
- })
46057
- : _vm._e(),
46058
- _vm._v(" "),
46059
- _c("zd-grid-cell-content", {
46060
- directives: [
46061
- {
46062
- name: "show",
46063
- rawName: "v-show",
46064
- value: !column.loading,
46065
- expression: "!column.loading",
46066
- },
46139
+ on: {
46140
+ mouseenter: function (
46141
+ $event
46142
+ ) {
46143
+ return _vm.checkOverflow(
46144
+ $event,
46145
+ column.overflow
46146
+ )
46147
+ },
46148
+ mouseleave: function (
46149
+ $event
46150
+ ) {
46151
+ return _vm.removeTooltip()
46152
+ },
46153
+ },
46154
+ }),
46067
46155
  ],
46068
- attrs: {
46069
- getWidthStyle: _vm.getWidthStyle,
46070
- column: column,
46071
- row: item,
46072
- rowStyle: rowStyle,
46073
- cellsApplied: cellsApplied,
46074
- },
46075
- on: {
46076
- mouseenter: function ($event) {
46077
- return _vm.checkOverflow(
46078
- $event,
46079
- column.overflow
46080
- )
46156
+ 1
46157
+ ),
46158
+ ]
46159
+ : column.isVisible &&
46160
+ column.type === "action"
46161
+ ? [
46162
+ _c(
46163
+ "zd-grid-cell",
46164
+ {
46165
+ key: column.name,
46166
+ attrs: {
46167
+ column: column,
46168
+ rowStyle: rowStyle,
46169
+ cellsApplied: cellsApplied,
46170
+ cellClass: [
46171
+ {
46172
+ "zd-table-fixed-column-action":
46173
+ column.actionFixed,
46174
+ },
46175
+ {
46176
+ "theme--dark":
46177
+ (_vm.$vuetify.theme
46178
+ .dark &&
46179
+ !_vm.instance.light) ||
46180
+ _vm.instance.dark,
46181
+ },
46182
+ {
46183
+ "theme--light":
46184
+ !_vm.$vuetify.theme
46185
+ .dark ||
46186
+ _vm.instance.light,
46187
+ },
46188
+ ],
46189
+ cellStyle: [
46190
+ {
46191
+ right: column.actionFixed
46192
+ ? _vm.fixedRight[
46193
+ column.name
46194
+ ]
46195
+ : "unset",
46196
+ },
46197
+ ],
46081
46198
  },
46082
- mouseleave: function ($event) {
46083
- return _vm.removeTooltip()
46199
+ on: {
46200
+ click: function ($event) {
46201
+ return _vm.cellClick(
46202
+ item,
46203
+ column,
46204
+ $event
46205
+ )
46206
+ },
46084
46207
  },
46085
46208
  },
46086
- }),
46087
- ],
46088
- 1
46089
- ),
46090
- ]
46091
- : column.isVisible && column.type === "action"
46092
- ? [
46093
- _c(
46094
- "zd-grid-cell",
46095
- {
46096
- key: column.name,
46097
- attrs: {
46098
- column: column,
46099
- rowStyle: rowStyle,
46100
- cellsApplied: cellsApplied,
46101
- },
46102
- on: {
46103
- click: function ($event) {
46104
- return _vm.cellClick(
46105
- item,
46106
- column,
46107
- $event
46108
- )
46109
- },
46110
- },
46111
- },
46112
- [
46113
- _c("zd-grid-action", {
46114
- attrs: {
46115
- column: column,
46116
- row: item,
46117
- rowKey: _vm.rowKey(item),
46118
- getActionComponent:
46119
- _vm.getActionComponent,
46120
- },
46121
- }),
46122
- ],
46123
- 1
46124
- ),
46125
- ]
46126
- : _vm._e(),
46127
- ]
46128
- }
46129
- ),
46130
- ]
46131
- }),
46132
- ],
46133
- 2
46134
- ),
46209
+ [
46210
+ _c("zd-grid-action", {
46211
+ attrs: {
46212
+ column: column,
46213
+ row: item,
46214
+ rowKey: _vm.rowKey(item),
46215
+ getActionComponent:
46216
+ _vm.getActionComponent,
46217
+ },
46218
+ }),
46219
+ ],
46220
+ 1
46221
+ ),
46222
+ ]
46223
+ : _vm._e(),
46224
+ ]
46225
+ }
46226
+ ),
46227
+ ]
46228
+ }),
46229
+ ],
46230
+ 2
46231
+ )
46232
+ : _vm._e(),
46135
46233
  ]
46136
46234
  },
46137
46235
  }
@@ -46225,7 +46323,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46225
46323
  /* style */
46226
46324
  const __vue_inject_styles__$10 = function (inject) {
46227
46325
  if (!inject) return
46228
- 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 });
46326
+ 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 });
46229
46327
 
46230
46328
  };
46231
46329
  /* scoped */
@@ -46586,6 +46684,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46586
46684
  "th",
46587
46685
  {
46588
46686
  key: column.name,
46687
+ ref: "column-" + column.name,
46688
+ refInFor: true,
46589
46689
  class: [
46590
46690
  "zd-table-cell",
46591
46691
  "column-th-" +
@@ -46598,6 +46698,21 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46598
46698
  !_vm.instance.editing,
46599
46699
  sortHandle: _vm.instance.dragColumns,
46600
46700
  },
46701
+ {
46702
+ "zd-table-fixed-column-action":
46703
+ column.actionFixed,
46704
+ },
46705
+ {
46706
+ "theme--dark":
46707
+ (_vm.$vuetify.theme.dark &&
46708
+ !_vm.instance.light) ||
46709
+ _vm.instance.dark,
46710
+ },
46711
+ {
46712
+ "theme--light":
46713
+ !_vm.$vuetify.theme.dark ||
46714
+ _vm.instance.light,
46715
+ },
46601
46716
  "text-" + column.align,
46602
46717
  _vm.instance.datasource.getOrderByColumn(
46603
46718
  column.name
@@ -46618,7 +46733,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46618
46733
  column.minWidth
46619
46734
  ),
46620
46735
  },
46621
- attrs: { index: index },
46736
+ attrs: {
46737
+ "column-name": column.name,
46738
+ index: index,
46739
+ },
46622
46740
  },
46623
46741
  [
46624
46742
  _c(
@@ -46878,7 +46996,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46878
46996
  },
46879
46997
  }
46880
46998
  : null,
46881
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
46999
+ _vm.instance.virtualScroll &&
47000
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
46882
47001
  ? {
46883
47002
  key: "body.prepend",
46884
47003
  fn: function (ref) {
@@ -46895,7 +47014,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46895
47014
  }
46896
47015
  : null,
46897
47016
  _vm.instance.virtualScroll &&
46898
- _vm.scrollData.start + _vm.scrollData.perPage <
47017
+ _vm.scrollData.start +
47018
+ _vm.scrollData.perPage +
47019
+ _vm.instance.virtualScrollCache <
46899
47020
  _vm.instance.datasource.data.length
46900
47021
  ? {
46901
47022
  key: "body.append",
@@ -46920,270 +47041,315 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46920
47041
  var select = ref.select;
46921
47042
  var isSelected = ref.isSelected;
46922
47043
  var headers = ref.headers;
47044
+ var index = ref.index;
46923
47045
  return [
46924
- _c(
46925
- "tr",
46926
- {
46927
- class: {
46928
- active: isSelected,
46929
- current: _vm.isCurrentRow(item),
46930
- },
46931
- attrs: {
46932
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
46933
- _vm.instance.callCanEditRow(item)),
46934
- },
46935
- on: {
46936
- click: function ($event) {
46937
- return _vm.rowClick(item, $event)
47046
+ !_vm.instance.virtualScroll ||
47047
+ (index >=
47048
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
47049
+ index <=
47050
+ _vm.scrollData.start +
47051
+ _vm.scrollData.perPage +
47052
+ _vm.instance.virtualScrollCache)
47053
+ ? _c(
47054
+ "tr",
47055
+ {
47056
+ class: {
47057
+ active: isSelected,
47058
+ current: _vm.isCurrentRow(item),
47059
+ },
47060
+ attrs: {
47061
+ set: (_vm.canEditRowValues[_vm.rowKey(item)] =
47062
+ _vm.instance.callCanEditRow(item)),
47063
+ },
47064
+ on: {
47065
+ click: function ($event) {
47066
+ return _vm.rowClick(item, $event)
47067
+ },
47068
+ },
46938
47069
  },
46939
- },
46940
- },
46941
- [
46942
- _vm.instance.selectable
46943
- ? _c(
46944
- "td",
46945
- { staticClass: "zd-table-cell selectable" },
46946
- [
46947
- _c("v-checkbox", {
46948
- staticClass: "zd-grid-row-checkbox",
46949
- attrs: {
46950
- "hide-details": "",
46951
- color: "primary",
46952
- disabled:
46953
- _vm.instance.editing ||
46954
- _vm.instance.callDisableSelection(item),
46955
- "on-icon": _vm.$getIcon("checkboxOn"),
46956
- "off-icon": _vm.$getIcon("checkboxOff"),
46957
- "true-value": true,
46958
- "false-value": false,
46959
- "input-value": isSelected,
46960
- },
46961
- on: {
46962
- click: function ($event) {
46963
- $event.stopPropagation();
46964
- select(!isSelected);
46965
- _vm.selectRowClick(
46966
- item,
46967
- !isSelected,
46968
- $event
46969
- );
47070
+ [
47071
+ _vm.instance.selectable
47072
+ ? _c(
47073
+ "td",
47074
+ { staticClass: "zd-table-cell selectable" },
47075
+ [
47076
+ _c("v-checkbox", {
47077
+ staticClass: "zd-grid-row-checkbox",
47078
+ attrs: {
47079
+ "hide-details": "",
47080
+ color: "primary",
47081
+ disabled:
47082
+ _vm.instance.editing ||
47083
+ _vm.instance.callDisableSelection(item),
47084
+ "on-icon": _vm.$getIcon("checkboxOn"),
47085
+ "off-icon": _vm.$getIcon("checkboxOff"),
47086
+ "true-value": true,
47087
+ "false-value": false,
47088
+ "input-value": isSelected,
47089
+ },
47090
+ on: {
47091
+ click: function ($event) {
47092
+ $event.stopPropagation();
47093
+ select(!isSelected);
47094
+ _vm.selectRowClick(
47095
+ item,
47096
+ !isSelected,
47097
+ $event
47098
+ );
47099
+ },
47100
+ },
47101
+ }),
47102
+ ],
47103
+ 1
47104
+ )
47105
+ : _vm._e(),
47106
+ _vm._v(" "),
47107
+ _vm._l(headers, function (header) {
47108
+ return [
47109
+ _vm._l(
47110
+ [
47111
+ {
47112
+ column: header,
47113
+ rowStyle:
47114
+ _vm.instance.getRowStyleConditions(item),
47115
+ cellsApplied: (_vm.instance.cellsApplied[
47116
+ _vm.rowKey(item)
47117
+ ] || {})[header.name],
46970
47118
  },
46971
- },
46972
- }),
46973
- ],
46974
- 1
46975
- )
46976
- : _vm._e(),
46977
- _vm._v(" "),
46978
- _vm._l(headers, function (header) {
46979
- return [
46980
- _vm._l(
46981
- [
46982
- {
46983
- column: header,
46984
- rowStyle:
46985
- _vm.instance.getRowStyleConditions(item),
46986
- cellsApplied: (_vm.instance.cellsApplied[
46987
- _vm.rowKey(item)
46988
- ] || {})[header.name],
46989
- },
46990
- ],
46991
- function (ref) {
46992
- var column = ref.column;
46993
- var rowStyle = ref.rowStyle;
46994
- var cellsApplied = ref.cellsApplied;
46995
- return [
46996
- column.isVisible && column.type !== "action"
46997
- ? [
46998
- _c(
46999
- "zd-grid-cell",
47000
- {
47001
- key: column.name,
47002
- attrs: {
47003
- column: column,
47004
- rowStyle: rowStyle,
47005
- cellsApplied: cellsApplied,
47006
- cellClass: [
47007
- {
47008
- "zd-table-column-editable":
47009
- column.editable,
47010
- "zd-table-cell-editable":
47011
- Object.assign(
47012
- {},
47013
- column,
47014
- cellsApplied
47015
- ).editable &&
47016
- _vm.canEditRowValues[
47017
- _vm.rowKey(item)
47018
- ],
47019
- },
47020
- ],
47021
- },
47022
- on: {
47023
- click: function ($event) {
47024
- _vm.cellClick(
47025
- item,
47026
- column,
47027
- $event,
47028
- _vm.canEditRowValues[
47029
- _vm.rowKey(item)
47030
- ]
47031
- );
47032
- },
47033
- },
47034
- },
47035
- [
47036
- column.loading
47037
- ? _c("v-skeleton-loader", {
47038
- staticClass:
47039
- "zd-skeleton-table-cell",
47040
- attrs: {
47041
- loading: "",
47042
- type: "table-cell",
47043
- },
47044
- })
47045
- : _vm._e(),
47046
- _vm._v(" "),
47047
- Object.assign(
47048
- {},
47049
- column,
47050
- cellsApplied
47051
- ).editable &&
47052
- _vm.canEditRowValues[
47053
- _vm.rowKey(item)
47054
- ] &&
47055
- _vm.instance.editing
47056
- ? _c("zd-grid-cell-edit", {
47057
- directives: [
47119
+ ],
47120
+ function (ref) {
47121
+ var column = ref.column;
47122
+ var rowStyle = ref.rowStyle;
47123
+ var cellsApplied = ref.cellsApplied;
47124
+ return [
47125
+ column.isVisible && column.type !== "action"
47126
+ ? [
47127
+ _c(
47128
+ "zd-grid-cell",
47129
+ {
47130
+ key: column.name,
47131
+ attrs: {
47132
+ column: column,
47133
+ rowStyle: rowStyle,
47134
+ cellsApplied: cellsApplied,
47135
+ cellClass: [
47058
47136
  {
47059
- name: "show",
47060
- rawName: "v-show",
47061
- value: !column.loading,
47062
- expression:
47063
- "!column.loading",
47137
+ "zd-table-column-editable":
47138
+ column.editable,
47139
+ "zd-table-cell-editable":
47140
+ Object.assign(
47141
+ {},
47142
+ column,
47143
+ cellsApplied
47144
+ ).editable &&
47145
+ _vm.canEditRowValues[
47146
+ _vm.rowKey(item)
47147
+ ],
47064
47148
  },
47065
47149
  ],
47066
- attrs: {
47067
- getWidthStyle:
47068
- _vm.getWidthStyle,
47069
- column: column,
47070
- row: item,
47071
- rowStyle: rowStyle,
47072
- cellsApplied: cellsApplied,
47073
- isEdited:
47074
- _vm.instance.isEdited(
47075
- column,
47076
- item
47077
- ),
47078
- isValid: _vm.instance.isValid(
47150
+ },
47151
+ on: {
47152
+ click: function ($event) {
47153
+ _vm.cellClick(
47154
+ item,
47079
47155
  column,
47080
- item
47081
- ),
47082
- getEditableComponent:
47083
- _vm.getEditableComponent,
47156
+ $event,
47157
+ _vm.canEditRowValues[
47158
+ _vm.rowKey(item)
47159
+ ]
47160
+ );
47084
47161
  },
47085
- })
47086
- : _vm.hasToggleIcon(column, item)
47087
- ? _c(
47088
- "span",
47089
- [
47090
- _c("v-icon", [
47091
- _vm._v(
47092
- _vm._s(
47093
- _vm.$getIcon(
47094
- column.formatterByRow(
47095
- item,
47096
- cellsApplied
47162
+ },
47163
+ },
47164
+ [
47165
+ column.loading
47166
+ ? _c("v-skeleton-loader", {
47167
+ staticClass:
47168
+ "zd-skeleton-table-cell",
47169
+ attrs: {
47170
+ loading: "",
47171
+ type: "table-cell",
47172
+ },
47173
+ })
47174
+ : _vm._e(),
47175
+ _vm._v(" "),
47176
+ Object.assign(
47177
+ {},
47178
+ column,
47179
+ cellsApplied
47180
+ ).editable &&
47181
+ _vm.canEditRowValues[
47182
+ _vm.rowKey(item)
47183
+ ] &&
47184
+ _vm.instance.editing
47185
+ ? _c("zd-grid-cell-edit", {
47186
+ directives: [
47187
+ {
47188
+ name: "show",
47189
+ rawName: "v-show",
47190
+ value: !column.loading,
47191
+ expression:
47192
+ "!column.loading",
47193
+ },
47194
+ ],
47195
+ attrs: {
47196
+ getWidthStyle:
47197
+ _vm.getWidthStyle,
47198
+ column: column,
47199
+ row: item,
47200
+ rowStyle: rowStyle,
47201
+ cellsApplied:
47202
+ cellsApplied,
47203
+ isEdited:
47204
+ _vm.instance.isEdited(
47205
+ column,
47206
+ item
47207
+ ),
47208
+ isValid:
47209
+ _vm.instance.isValid(
47210
+ column,
47211
+ item
47212
+ ),
47213
+ getEditableComponent:
47214
+ _vm.getEditableComponent,
47215
+ },
47216
+ })
47217
+ : _vm.hasToggleIcon(
47218
+ column,
47219
+ item
47220
+ )
47221
+ ? _c(
47222
+ "span",
47223
+ [
47224
+ _c("v-icon", [
47225
+ _vm._v(
47226
+ _vm._s(
47227
+ _vm.$getIcon(
47228
+ column.formatterByRow(
47229
+ item,
47230
+ cellsApplied
47231
+ )
47232
+ )
47097
47233
  )
47234
+ ),
47235
+ ]),
47236
+ ],
47237
+ 1
47238
+ )
47239
+ : _c("zd-grid-cell-content", {
47240
+ directives: [
47241
+ {
47242
+ name: "show",
47243
+ rawName: "v-show",
47244
+ value: !column.loading,
47245
+ expression:
47246
+ "!column.loading",
47247
+ },
47248
+ ],
47249
+ attrs: {
47250
+ getWidthStyle:
47251
+ _vm.getWidthStyle,
47252
+ column: column,
47253
+ row: item,
47254
+ hasUsingCellText: true,
47255
+ rowStyle: rowStyle,
47256
+ cellsApplied:
47257
+ cellsApplied,
47258
+ },
47259
+ on: {
47260
+ mouseenter: function (
47261
+ $event
47262
+ ) {
47263
+ return _vm.checkOverflow(
47264
+ $event,
47265
+ column.overflow
47098
47266
  )
47099
- )
47100
- ),
47101
- ]),
47267
+ },
47268
+ mouseleave: function (
47269
+ $event
47270
+ ) {
47271
+ return _vm.removeTooltip()
47272
+ },
47273
+ },
47274
+ }),
47275
+ ],
47276
+ 1
47277
+ ),
47278
+ ]
47279
+ : column.isVisible &&
47280
+ column.type === "action"
47281
+ ? [
47282
+ _c(
47283
+ "zd-grid-cell",
47284
+ {
47285
+ key: column.name,
47286
+ attrs: {
47287
+ column: column,
47288
+ rowStyle: rowStyle,
47289
+ cellsApplied: cellsApplied,
47290
+ cellClass: [
47291
+ {
47292
+ "zd-table-fixed-column-action":
47293
+ column.actionFixed,
47294
+ },
47295
+ {
47296
+ "theme--dark":
47297
+ (_vm.$vuetify.theme
47298
+ .dark &&
47299
+ !_vm.instance.light) ||
47300
+ _vm.instance.dark,
47301
+ },
47302
+ {
47303
+ "theme--light":
47304
+ !_vm.$vuetify.theme
47305
+ .dark ||
47306
+ _vm.instance.light,
47307
+ },
47102
47308
  ],
47103
- 1
47104
- )
47105
- : _c("zd-grid-cell-content", {
47106
- directives: [
47309
+ cellStyle: [
47107
47310
  {
47108
- name: "show",
47109
- rawName: "v-show",
47110
- value: !column.loading,
47111
- expression:
47112
- "!column.loading",
47311
+ right: column.actionFixed
47312
+ ? _vm.fixedRight[
47313
+ column.name
47314
+ ]
47315
+ : "unset",
47113
47316
  },
47114
47317
  ],
47318
+ },
47319
+ on: {
47320
+ click: function ($event) {
47321
+ return _vm.cellClick(
47322
+ item,
47323
+ column,
47324
+ $event
47325
+ )
47326
+ },
47327
+ },
47328
+ },
47329
+ [
47330
+ _c("zd-grid-action", {
47115
47331
  attrs: {
47116
- getWidthStyle:
47117
- _vm.getWidthStyle,
47118
47332
  column: column,
47119
47333
  row: item,
47120
- rowStyle: rowStyle,
47121
- cellsApplied: cellsApplied,
47122
- },
47123
- on: {
47124
- mouseenter: function (
47125
- $event
47126
- ) {
47127
- return _vm.checkOverflow(
47128
- $event,
47129
- column.overflow
47130
- )
47131
- },
47132
- mouseleave: function (
47133
- $event
47134
- ) {
47135
- return _vm.removeTooltip()
47136
- },
47334
+ rowKey: _vm.rowKey(item),
47335
+ getActionComponent:
47336
+ _vm.getActionComponent,
47137
47337
  },
47138
47338
  }),
47139
- ],
47140
- 1
47141
- ),
47142
- ]
47143
- : column.isVisible && column.type === "action"
47144
- ? [
47145
- _c(
47146
- "zd-grid-cell",
47147
- {
47148
- key: column.name,
47149
- attrs: {
47150
- column: column,
47151
- rowStyle: rowStyle,
47152
- cellsApplied: cellsApplied,
47153
- },
47154
- on: {
47155
- click: function ($event) {
47156
- return _vm.cellClick(
47157
- item,
47158
- column,
47159
- $event
47160
- )
47161
- },
47162
- },
47163
- },
47164
- [
47165
- _c("zd-grid-action", {
47166
- attrs: {
47167
- column: column,
47168
- row: item,
47169
- rowKey: _vm.rowKey(item),
47170
- getActionComponent:
47171
- _vm.getActionComponent,
47172
- },
47173
- }),
47174
- ],
47175
- 1
47176
- ),
47177
- ]
47178
- : _vm._e(),
47179
- ]
47180
- }
47181
- ),
47182
- ]
47183
- }),
47184
- ],
47185
- 2
47186
- ),
47339
+ ],
47340
+ 1
47341
+ ),
47342
+ ]
47343
+ : _vm._e(),
47344
+ ]
47345
+ }
47346
+ ),
47347
+ ]
47348
+ }),
47349
+ ],
47350
+ 2
47351
+ )
47352
+ : _vm._e(),
47187
47353
  ]
47188
47354
  },
47189
47355
  }
@@ -47277,8 +47443,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
47277
47443
  /* style */
47278
47444
  const __vue_inject_styles__$$ = function (inject) {
47279
47445
  if (!inject) return
47280
- 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 })
47281
- ,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 });
47446
+ 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 })
47447
+ ,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 });
47282
47448
 
47283
47449
  };
47284
47450
  /* scoped */
@@ -48269,6 +48435,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
48269
48435
  vuePropertyDecorator.Prop({ type: Function, required: true }),
48270
48436
  __metadata("design:type", Function)
48271
48437
  ], ZdGridCellContent.prototype, "getWidthStyle", void 0);
48438
+ __decorate([
48439
+ vuePropertyDecorator.Prop({ type: Boolean, default: true }),
48440
+ __metadata("design:type", Boolean)
48441
+ ], ZdGridCellContent.prototype, "hasUsingCellText", void 0);
48272
48442
  ZdGridCellContent = __decorate([
48273
48443
  vuePropertyDecorator.Component
48274
48444
  ], ZdGridCellContent);
@@ -48286,7 +48456,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
48286
48456
  "span",
48287
48457
  {
48288
48458
  class: [
48289
- "zd-table-cell-text",
48459
+ { "zd-table-cell-text": _vm.hasUsingCellText },
48290
48460
  {
48291
48461
  "overflow-hidden": _vm.column.overflow === "hidden",
48292
48462
  "overflow-wrap": _vm.column.overflow === "wrap",
@@ -48312,7 +48482,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
48312
48482
  /* style */
48313
48483
  const __vue_inject_styles__$U = function (inject) {
48314
48484
  if (!inject) return
48315
- 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 });
48485
+ 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 });
48316
48486
 
48317
48487
  };
48318
48488
  /* scoped */
@@ -48478,9 +48648,26 @@ If you're seeing "$attrs is readonly", it's caused by this`);
48478
48648
  if (!this.fieldHasChild)
48479
48649
  return true;
48480
48650
  const rowHasChild = row[this.fieldHasChild];
48481
- if (typeof rowHasChild !== 'boolean')
48482
- return true;
48483
- return rowHasChild;
48651
+ let isVisibleChevron = true;
48652
+ switch (rowHasChild) {
48653
+ case '0':
48654
+ case false:
48655
+ case 0:
48656
+ isVisibleChevron = false;
48657
+ break;
48658
+ case '1':
48659
+ case true:
48660
+ case 1:
48661
+ isVisibleChevron = true;
48662
+ break;
48663
+ default:
48664
+ isVisibleChevron = true;
48665
+ break;
48666
+ }
48667
+ return isVisibleChevron;
48668
+ }
48669
+ hasShowChevronInTreeGrid(headerIndex, selectable) {
48670
+ return headerIndex === 0 || (headerIndex === 1 && selectable);
48484
48671
  }
48485
48672
  };
48486
48673
  __decorate([
@@ -48511,6 +48698,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
48511
48698
  vuePropertyDecorator.Prop({ type: String, required: true }),
48512
48699
  __metadata("design:type", String)
48513
48700
  ], ZdTreeGridCellContent.prototype, "fieldHasChild", void 0);
48701
+ __decorate([
48702
+ vuePropertyDecorator.Prop({ type: Boolean, default: false }),
48703
+ __metadata("design:type", Boolean)
48704
+ ], ZdTreeGridCellContent.prototype, "hasUsingCellText", void 0);
48514
48705
  ZdTreeGridCellContent = __decorate([
48515
48706
  Component__default["default"]
48516
48707
  ], ZdTreeGridCellContent);
@@ -48532,73 +48723,81 @@ If you're seeing "$attrs is readonly", it's caused by this`);
48532
48723
  column: _vm.column,
48533
48724
  row: _vm.row,
48534
48725
  rowStyle: _vm.rowStyle,
48726
+ hasUsingCellText: false,
48535
48727
  cellsApplied: _vm.cellsApplied,
48536
- cssClass: [
48537
- {
48538
- "zd-table-cell-text-first":
48539
- _vm.headerIndex === 0 ||
48540
- (_vm.headerIndex === 1 && _vm.selectable),
48541
- },
48542
- ].concat(_vm.cssClass),
48728
+ cssClass: [].concat(_vm.cssClass),
48543
48729
  },
48544
48730
  on: { mouseenter: _vm.mouseenter, mouseleave: _vm.mouseleave },
48545
48731
  },
48546
48732
  [
48547
- _c(
48548
- "div",
48549
- {
48550
- directives: [
48733
+ _c("div", { staticClass: "zd-grid-cell-wrapper" }, [
48734
+ _c(
48735
+ "div",
48736
+ {
48737
+ directives: [
48738
+ {
48739
+ name: "show",
48740
+ rawName: "v-show",
48741
+ value: _vm.headerIndex === 0,
48742
+ expression: "headerIndex === 0",
48743
+ },
48744
+ ],
48745
+ class: [_vm.expandClass, "level" + _vm.row.tree__level],
48746
+ },
48747
+ [
48748
+ (_vm.row.tree__children || []).length > 0
48749
+ ? _c(
48750
+ "v-icon",
48751
+ {
48752
+ directives: [
48753
+ {
48754
+ name: "show",
48755
+ rawName: "v-show",
48756
+ value: _vm.hasShowChevron(_vm.row),
48757
+ expression: "hasShowChevron(row)",
48758
+ },
48759
+ ],
48760
+ class: { opened: _vm.row.tree__opened },
48761
+ attrs: { tabindex: "-1" },
48762
+ on: {
48763
+ click: function ($event) {
48764
+ return _vm.toggleExpand(_vm.row, _vm.rowIndex, $event)
48765
+ },
48766
+ },
48767
+ },
48768
+ [
48769
+ _vm._v(
48770
+ "\n " +
48771
+ _vm._s(_vm.$getIcon("chevronRight")) +
48772
+ "\n "
48773
+ ),
48774
+ ]
48775
+ )
48776
+ : _vm._e(),
48777
+ ],
48778
+ 1
48779
+ ),
48780
+ _vm._v(" "),
48781
+ _c("div", {
48782
+ key: _vm.row.tree__searched ? "a" : "b",
48783
+ class: [
48551
48784
  {
48552
- name: "show",
48553
- rawName: "v-show",
48554
- value: _vm.headerIndex === 0,
48555
- expression: "headerIndex === 0",
48785
+ "zd-table-cell-text-first": _vm.hasShowChevronInTreeGrid(
48786
+ _vm.headerIndex,
48787
+ _vm.selectable
48788
+ ),
48556
48789
  },
48790
+ "zd-table-cell-text",
48557
48791
  ],
48558
- class: [_vm.expandClass, "level" + _vm.row.tree__level],
48559
- },
48560
- [
48561
- (_vm.row.tree__children || []).length > 0
48562
- ? _c(
48563
- "v-icon",
48564
- {
48565
- directives: [
48566
- {
48567
- name: "show",
48568
- rawName: "v-show",
48569
- value: _vm.hasShowChevron(_vm.row),
48570
- expression: "hasShowChevron(row)",
48571
- },
48572
- ],
48573
- class: { opened: _vm.row.tree__opened },
48574
- attrs: { tabindex: "-1" },
48575
- on: {
48576
- click: function ($event) {
48577
- return _vm.toggleExpand(_vm.row, _vm.rowIndex)
48578
- },
48579
- },
48580
- },
48581
- [
48582
- _vm._v(
48583
- "\n " + _vm._s(_vm.$getIcon("chevronRight")) + "\n "
48584
- ),
48585
- ]
48792
+ domProps: {
48793
+ innerHTML: _vm._s(
48794
+ _vm.formatSearchResult(
48795
+ _vm.column.formatterByRow(_vm.row, _vm.cellProps)
48586
48796
  )
48587
- : _vm._e(),
48588
- ],
48589
- 1
48590
- ),
48591
- _vm._v(" "),
48592
- _c("span", {
48593
- key: _vm.row.tree__searched ? "a" : "b",
48594
- domProps: {
48595
- innerHTML: _vm._s(
48596
- _vm.formatSearchResult(
48597
- _vm.column.formatterByRow(_vm.row, _vm.cellProps)
48598
- )
48599
- ),
48600
- },
48601
- }),
48797
+ ),
48798
+ },
48799
+ }),
48800
+ ]),
48602
48801
  ]
48603
48802
  )
48604
48803
  };
@@ -48608,7 +48807,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
48608
48807
  /* style */
48609
48808
  const __vue_inject_styles__$S = function (inject) {
48610
48809
  if (!inject) return
48611
- 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 });
48810
+ inject("data-v-3a69d8ed_0", { source: "\n.zd-grid-cell-wrapper {\n display: flex;\n gap: .75rem;\n}\n", map: undefined, media: undefined });
48612
48811
 
48613
48812
  };
48614
48813
  /* scoped */
@@ -52756,8 +52955,16 @@ If you're seeing "$attrs is readonly", it's caused by this`);
52756
52955
  this.dragHandle.removeEventListener('mousedown', this.dragStart.bind(this, modal));
52757
52956
  }
52758
52957
  dragStart(modal, event) {
52958
+ var _a, _b;
52759
52959
  if (!modal)
52760
52960
  return;
52961
+ const dragHandle = (_a = modal.dragHandle) === null || _a === void 0 ? void 0 : _a.replace('.', '');
52962
+ const targetElement = event.target;
52963
+ if (event && event.target
52964
+ && (((_b = targetElement.parentElement) === null || _b === void 0 ? void 0 : _b.className.indexOf(`zd-modal-card-${this.instance.name}`)) === -1
52965
+ && (dragHandle && targetElement.className
52966
+ .indexOf(dragHandle) === -1)))
52967
+ return;
52761
52968
  this.modalDragged = modal;
52762
52969
  this.x = event.clientX;
52763
52970
  this.y = event.clientY;
@@ -52851,7 +53058,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
52851
53058
  {
52852
53059
  ref: modal.name,
52853
53060
  refInFor: true,
52854
- class: ["zd-modal-card", modal.cssClass],
53061
+ class: [
53062
+ "zd-modal-card",
53063
+ "zd-modal-card-" + _vm.instance.name,
53064
+ modal.cssClass,
53065
+ ],
52855
53066
  style: modal.cssStyle,
52856
53067
  on: {
52857
53068
  "hook:mounted": function ($event) {
@@ -52922,7 +53133,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
52922
53133
  /* style */
52923
53134
  const __vue_inject_styles__$u = function (inject) {
52924
53135
  if (!inject) return
52925
- 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 });
53136
+ 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 });
52926
53137
 
52927
53138
  };
52928
53139
  /* scoped */
@@ -58772,10 +58983,29 @@ If you're seeing "$attrs is readonly", it's caused by this`);
58772
58983
  }
58773
58984
  mounted() {
58774
58985
  this.instance.viewUpdateScrollData = this.calcScrollData;
58986
+ this.originalChangeLayout = this.instance.changeLayout;
58987
+ this.instance.changeLayout = this.onChangeLayout;
58988
+ this.orderColumnVisibility();
58775
58989
  }
58776
- toggleExpand(row, rowIndex) {
58990
+ toggleExpand(row, rowIndex, event) {
58991
+ event === null || event === void 0 ? void 0 : event.stopPropagation();
58777
58992
  return this.instance.toggleExpand(row, rowIndex);
58778
58993
  }
58994
+ orderColumnVisibility() {
58995
+ const columnsInvisibles = this.instance.columns.filter((column) => column.isVisible === false);
58996
+ if (!columnsInvisibles) {
58997
+ return;
58998
+ }
58999
+ const columnsVisibles = this.instance.columns.filter((column) => column.isVisible === true);
59000
+ const newOrderColumns = [];
59001
+ if (columnsVisibles) {
59002
+ newOrderColumns.push(...columnsVisibles);
59003
+ }
59004
+ if (columnsInvisibles) {
59005
+ newOrderColumns.push(...columnsInvisibles);
59006
+ }
59007
+ this.instance.columns = newOrderColumns;
59008
+ }
58779
59009
  checkSome(row) {
58780
59010
  if (this.instance.flat)
58781
59011
  return false;
@@ -58806,16 +59036,26 @@ If you're seeing "$attrs is readonly", it's caused by this`);
58806
59036
  this.selectRowClick(row, isSelected, event);
58807
59037
  }
58808
59038
  getVisibleData() {
58809
- const data = this.instance.treeDataStructure.searchHasNoData ? [] : this.instance.treeDataStructure.treeData;
59039
+ const data = this.instance.treeDataStructure.searchHasNoData
59040
+ ? []
59041
+ : this.instance.treeDataStructure.treeData;
58810
59042
  this.scrollData.visibleData = data.filter((row) => this.instance.treeDataStructure.isOpened(row));
58811
59043
  return this.scrollData.visibleData;
58812
59044
  }
58813
59045
  getData() {
58814
59046
  if (!this.instance.virtualScroll || !this.scrollData.initialized) {
58815
- return this.instance.treeDataStructure.searchHasNoData ? [] : this.instance.treeDataStructure.treeData;
59047
+ return this.instance.treeDataStructure.searchHasNoData
59048
+ ? []
59049
+ : this.instance.treeDataStructure.treeData;
58816
59050
  }
58817
59051
  return this.renderedData;
58818
59052
  }
59053
+ onChangeLayout(event, element) {
59054
+ if (this.originalChangeLayout) {
59055
+ this.originalChangeLayout.call(this.instance, event, element);
59056
+ }
59057
+ this.orderColumnVisibility();
59058
+ }
58819
59059
  };
58820
59060
  __decorate([
58821
59061
  PropWatch({ type: String, default: '' }),
@@ -59000,12 +59240,29 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59000
59240
  "th",
59001
59241
  {
59002
59242
  key: column.name,
59243
+ ref: "column-" + column.name,
59244
+ refInFor: true,
59003
59245
  class: [
59004
59246
  "zd-table-cell",
59005
59247
  {
59006
59248
  sortable: column.sortable,
59007
59249
  sortHandle: _vm.instance.dragColumns,
59008
59250
  },
59251
+ {
59252
+ "zd-table-fixed-column-action":
59253
+ column.actionFixed,
59254
+ },
59255
+ {
59256
+ "theme--dark":
59257
+ (_vm.$vuetify.theme.dark &&
59258
+ !_vm.instance.light) ||
59259
+ _vm.instance.dark,
59260
+ },
59261
+ {
59262
+ "theme--light":
59263
+ !_vm.$vuetify.theme.dark ||
59264
+ _vm.instance.light,
59265
+ },
59009
59266
  "text-" + column.align,
59010
59267
  _vm.instance.datasource.getOrderByColumn(
59011
59268
  column.name
@@ -59027,7 +59284,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59027
59284
  true
59028
59285
  ),
59029
59286
  },
59030
- attrs: { index: index },
59287
+ attrs: {
59288
+ "column-name": column.name,
59289
+ index: index,
59290
+ },
59031
59291
  },
59032
59292
  [
59033
59293
  _c(
@@ -59284,7 +59544,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59284
59544
  },
59285
59545
  }
59286
59546
  : null,
59287
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
59547
+ _vm.instance.virtualScroll &&
59548
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
59288
59549
  ? {
59289
59550
  key: "body.prepend",
59290
59551
  fn: function (ref) {
@@ -59301,7 +59562,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59301
59562
  }
59302
59563
  : null,
59303
59564
  _vm.instance.virtualScroll &&
59304
- _vm.scrollData.start + _vm.scrollData.perPage <
59565
+ _vm.scrollData.start +
59566
+ _vm.scrollData.perPage +
59567
+ _vm.instance.virtualScrollCache <
59305
59568
  (_vm.scrollData.visibleData || []).length
59306
59569
  ? {
59307
59570
  key: "body.append",
@@ -59327,273 +59590,324 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59327
59590
  var index = ref.index;
59328
59591
  var headers = ref.headers;
59329
59592
  return [
59330
- _c(
59331
- "tr",
59332
- {
59333
- directives: [
59593
+ !_vm.instance.virtualScroll ||
59594
+ (index >=
59595
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
59596
+ index <=
59597
+ _vm.scrollData.start +
59598
+ _vm.scrollData.perPage +
59599
+ _vm.instance.virtualScrollCache)
59600
+ ? _c(
59601
+ "tr",
59334
59602
  {
59335
- name: "show",
59336
- rawName: "v-show",
59337
- value: _vm.instance.treeDataStructure.isOpened(item),
59338
- expression:
59339
- "instance.treeDataStructure.isOpened(item)",
59340
- },
59341
- ],
59342
- class: {
59343
- active: isSelected,
59344
- current: _vm.isCurrentRow(item),
59345
- },
59346
- on: {
59347
- click: function ($event) {
59348
- return _vm.rowClick(item, $event)
59603
+ directives: [
59604
+ {
59605
+ name: "show",
59606
+ rawName: "v-show",
59607
+ value:
59608
+ _vm.instance.treeDataStructure.isOpened(item),
59609
+ expression:
59610
+ "instance.treeDataStructure.isOpened(item)",
59611
+ },
59612
+ ],
59613
+ class: {
59614
+ active: isSelected,
59615
+ current: _vm.isCurrentRow(item),
59616
+ },
59617
+ on: {
59618
+ click: function ($event) {
59619
+ return _vm.rowClick(item, $event)
59620
+ },
59621
+ },
59349
59622
  },
59350
- },
59351
- },
59352
- [
59353
- _vm.instance.selectable
59354
- ? _c(
59355
- "td",
59356
- { staticClass: "zd-table-cell selectable" },
59357
- [
59358
- _c("v-checkbox", {
59359
- staticClass: "zd-grid-row-checkbox",
59360
- attrs: {
59361
- "hide-details": "",
59362
- color: "primary",
59363
- disabled:
59364
- _vm.instance.callDisableSelection(item),
59365
- "on-icon": _vm.$getIcon("checkboxOn"),
59366
- "off-icon": _vm.$getIcon("checkboxOff"),
59367
- "true-value": true,
59368
- "false-value": false,
59369
- "input-value": isSelected,
59370
- indeterminate:
59371
- !_vm.checkEvery(item) &&
59372
- _vm.checkSome(item),
59373
- },
59374
- on: {
59375
- click: function ($event) {
59376
- $event.stopPropagation();
59377
- return _vm.selectClick(
59378
- index,
59379
- !isSelected,
59380
- $event
59381
- )
59623
+ [
59624
+ _vm.instance.selectable
59625
+ ? _c(
59626
+ "td",
59627
+ { staticClass: "zd-table-cell selectable" },
59628
+ [
59629
+ _c("v-checkbox", {
59630
+ staticClass: "zd-grid-row-checkbox",
59631
+ attrs: {
59632
+ "hide-details": "",
59633
+ color: "primary",
59634
+ disabled:
59635
+ _vm.instance.callDisableSelection(item),
59636
+ "on-icon": _vm.$getIcon("checkboxOn"),
59637
+ "off-icon": _vm.$getIcon("checkboxOff"),
59638
+ "true-value": true,
59639
+ "false-value": false,
59640
+ "input-value": isSelected,
59641
+ indeterminate:
59642
+ !_vm.checkEvery(item) &&
59643
+ _vm.checkSome(item),
59644
+ },
59645
+ on: {
59646
+ click: function ($event) {
59647
+ $event.stopPropagation();
59648
+ return _vm.selectClick(
59649
+ index,
59650
+ !isSelected,
59651
+ $event
59652
+ )
59653
+ },
59654
+ },
59655
+ }),
59656
+ ],
59657
+ 1
59658
+ )
59659
+ : _vm._e(),
59660
+ _vm._v(" "),
59661
+ _vm._l(headers, function (header, headerIndex) {
59662
+ return [
59663
+ _vm._l(
59664
+ [
59665
+ {
59666
+ column: header,
59667
+ rowStyle:
59668
+ _vm.instance.getRowStyleConditions(item),
59669
+ cellsApplied: (_vm.instance.cellsApplied[
59670
+ _vm.rowKey(item)
59671
+ ] || {})[header.name],
59382
59672
  },
59383
- },
59384
- }),
59385
- ],
59386
- 1
59387
- )
59388
- : _vm._e(),
59389
- _vm._v(" "),
59390
- _vm._l(headers, function (header, headerIndex) {
59391
- return [
59392
- _vm._l(
59393
- [
59394
- {
59395
- column: header,
59396
- rowStyle:
59397
- _vm.instance.getRowStyleConditions(item),
59398
- cellsApplied: (_vm.instance.cellsApplied[
59399
- _vm.rowKey(item)
59400
- ] || {})[header.name],
59401
- },
59402
- ],
59403
- function (ref) {
59404
- var column = ref.column;
59405
- var rowStyle = ref.rowStyle;
59406
- var cellsApplied = ref.cellsApplied;
59407
- return [
59408
- column.isVisible && column.type !== "action"
59409
- ? [
59410
- _c(
59411
- "zd-grid-cell",
59412
- {
59413
- key: column.name,
59414
- attrs: {
59415
- column: column,
59416
- rowStyle: rowStyle,
59417
- cellsApplied: cellsApplied,
59418
- cellClass: [
59419
- {
59420
- first:
59421
- headerIndex === 0 ||
59422
- (headerIndex === 1 &&
59423
- _vm.instance.selectable),
59673
+ ],
59674
+ function (ref) {
59675
+ var column = ref.column;
59676
+ var rowStyle = ref.rowStyle;
59677
+ var cellsApplied = ref.cellsApplied;
59678
+ return [
59679
+ column.isVisible && column.type !== "action"
59680
+ ? [
59681
+ _c(
59682
+ "zd-grid-cell",
59683
+ {
59684
+ key: column.name,
59685
+ attrs: {
59686
+ column: column,
59687
+ rowStyle: rowStyle,
59688
+ cellsApplied: cellsApplied,
59689
+ cellClass: [
59690
+ {
59691
+ first:
59692
+ headerIndex === 0 ||
59693
+ (headerIndex === 1 &&
59694
+ _vm.instance
59695
+ .selectable),
59696
+ },
59697
+ ],
59424
59698
  },
59425
- ],
59426
- },
59427
- on: {
59428
- click: function ($event) {
59429
- return _vm.cellClick(
59430
- item,
59431
- column,
59432
- $event
59433
- )
59434
- },
59435
- },
59436
- },
59437
- [
59438
- column.loading
59439
- ? _c("v-skeleton-loader", {
59440
- staticClass:
59441
- "zd-skeleton-table-cell",
59442
- attrs: {
59443
- loading: "",
59444
- type: "table-cell",
59699
+ on: {
59700
+ click: function ($event) {
59701
+ return _vm.cellClick(
59702
+ item,
59703
+ column,
59704
+ $event
59705
+ )
59445
59706
  },
59446
- })
59447
- : _vm._e(),
59448
- _vm._v(" "),
59449
- _c("zd-tree-grid-cell-content", {
59450
- directives: [
59451
- {
59452
- name: "show",
59453
- rawName: "v-show",
59454
- value: !column.loading,
59455
- expression: "!column.loading",
59456
59707
  },
59457
- ],
59458
- attrs: {
59459
- getWidthStyle: _vm.getWidthStyle,
59460
- column: column,
59461
- row: item,
59462
- rowStyle: rowStyle,
59463
- cellsApplied: cellsApplied,
59464
- headerIndex: headerIndex,
59465
- selectable:
59466
- _vm.instance.selectable,
59467
- fieldHasChild:
59468
- _vm.instance.fieldHasChild,
59469
- toggleExpand: _vm.toggleExpand,
59470
- rowIndex: index,
59471
- search:
59472
- _vm.instance.datasource.search,
59473
- expandClass:
59474
- "zd-tree-grid-expand",
59475
59708
  },
59476
- on: {
59477
- mouseenter: function ($event) {
59478
- return _vm.checkOverflow($event)
59479
- },
59480
- mouseleave: function ($event) {
59481
- return _vm.removeTooltip()
59482
- },
59483
- },
59484
- }),
59485
- ],
59486
- 1
59487
- ),
59488
- ]
59489
- : column.isVisible && column.type === "action"
59490
- ? [
59491
- _c(
59492
- "zd-grid-cell",
59493
- {
59494
- key: column.name,
59495
- attrs: {
59496
- column: column,
59497
- rowStyle: rowStyle,
59498
- cellsApplied: cellsApplied,
59499
- cellClass: [
59500
- {
59501
- "zd-table-cell-text-first":
59502
- headerIndex === 0 ||
59503
- (headerIndex === 1 &&
59504
- _vm.instance.selectable),
59505
- },
59709
+ [
59710
+ column.loading
59711
+ ? _c("v-skeleton-loader", {
59712
+ staticClass:
59713
+ "zd-skeleton-table-cell",
59714
+ attrs: {
59715
+ loading: "",
59716
+ type: "table-cell",
59717
+ },
59718
+ })
59719
+ : _vm._e(),
59720
+ _vm._v(" "),
59721
+ _c("zd-tree-grid-cell-content", {
59722
+ directives: [
59723
+ {
59724
+ name: "show",
59725
+ rawName: "v-show",
59726
+ value: !column.loading,
59727
+ expression:
59728
+ "!column.loading",
59729
+ },
59730
+ ],
59731
+ attrs: {
59732
+ getWidthStyle:
59733
+ _vm.getWidthStyle,
59734
+ column: column,
59735
+ row: item,
59736
+ rowStyle: rowStyle,
59737
+ cellsApplied: cellsApplied,
59738
+ headerIndex: headerIndex,
59739
+ selectable:
59740
+ _vm.instance.selectable,
59741
+ fieldHasChild:
59742
+ _vm.instance.fieldHasChild,
59743
+ toggleExpand:
59744
+ _vm.toggleExpand,
59745
+ rowIndex: index,
59746
+ search:
59747
+ _vm.instance.datasource
59748
+ .search,
59749
+ expandClass:
59750
+ "zd-tree-grid-expand",
59751
+ },
59752
+ on: {
59753
+ mouseenter: function (
59754
+ $event
59755
+ ) {
59756
+ return _vm.checkOverflow(
59757
+ $event
59758
+ )
59759
+ },
59760
+ mouseleave: function (
59761
+ $event
59762
+ ) {
59763
+ return _vm.removeTooltip()
59764
+ },
59765
+ },
59766
+ }),
59506
59767
  ],
59507
- },
59508
- on: {
59509
- click: function ($event) {
59510
- return _vm.cellClick(
59511
- item,
59512
- column,
59513
- $event
59514
- )
59515
- },
59516
- },
59517
- },
59518
- [
59768
+ 1
59769
+ ),
59770
+ ]
59771
+ : column.isVisible &&
59772
+ column.type === "action"
59773
+ ? [
59519
59774
  _c(
59520
- "div",
59775
+ "zd-grid-cell",
59521
59776
  {
59522
- directives: [
59523
- {
59524
- name: "show",
59525
- rawName: "v-show",
59526
- value: headerIndex === 0,
59527
- expression:
59528
- "headerIndex === 0",
59777
+ key: column.name,
59778
+ attrs: {
59779
+ column: column,
59780
+ rowStyle: rowStyle,
59781
+ cellsApplied: cellsApplied,
59782
+ cellClass: [
59783
+ {
59784
+ "zd-table-cell-text-first":
59785
+ headerIndex === 0 ||
59786
+ (headerIndex === 1 &&
59787
+ _vm.instance
59788
+ .selectable),
59789
+ },
59790
+ {
59791
+ "zd-table-fixed-column-action":
59792
+ column.actionFixed,
59793
+ },
59794
+ {
59795
+ "theme--dark":
59796
+ (_vm.$vuetify.theme
59797
+ .dark &&
59798
+ !_vm.instance.light) ||
59799
+ _vm.instance.dark,
59800
+ },
59801
+ {
59802
+ "theme--light":
59803
+ !_vm.$vuetify.theme
59804
+ .dark ||
59805
+ _vm.instance.light,
59806
+ },
59807
+ ],
59808
+ cellStyle: [
59809
+ {
59810
+ right: column.actionFixed
59811
+ ? _vm.fixedRight[
59812
+ column.name
59813
+ ]
59814
+ : "unset",
59815
+ },
59816
+ ],
59817
+ },
59818
+ on: {
59819
+ click: function ($event) {
59820
+ return _vm.cellClick(
59821
+ item,
59822
+ column,
59823
+ $event
59824
+ )
59529
59825
  },
59530
- ],
59531
- class: [
59532
- "zd-tree-grid-expand zd-tree-grid-expand-action",
59533
- "level" + item.tree__level,
59534
- ],
59826
+ },
59535
59827
  },
59536
59828
  [
59537
- (item.tree__children || [])
59538
- .length > 0
59539
- ? _c(
59540
- "v-icon",
59829
+ _c(
59830
+ "div",
59831
+ {
59832
+ directives: [
59541
59833
  {
59542
- class: {
59543
- opened:
59544
- item.tree__opened,
59545
- },
59546
- attrs: { tabindex: "-1" },
59547
- on: {
59548
- click: function (
59549
- $event
59550
- ) {
59551
- return _vm.instance.toggleExpand(
59552
- item,
59553
- index
59554
- )
59555
- },
59556
- },
59834
+ name: "show",
59835
+ rawName: "v-show",
59836
+ value: headerIndex === 0,
59837
+ expression:
59838
+ "headerIndex === 0",
59557
59839
  },
59558
- [
59559
- _vm._v(
59560
- "\n " +
59561
- _vm._s(
59562
- _vm.$getIcon(
59563
- "chevronRight"
59564
- )
59565
- ) +
59566
- "\n "
59567
- ),
59568
- ]
59569
- )
59570
- : _vm._e(),
59840
+ ],
59841
+ class: [
59842
+ "zd-tree-grid-expand zd-tree-grid-expand-action",
59843
+ "level" + item.tree__level,
59844
+ ],
59845
+ },
59846
+ [
59847
+ (item.tree__children || [])
59848
+ .length > 0
59849
+ ? _c(
59850
+ "v-icon",
59851
+ {
59852
+ class: {
59853
+ opened:
59854
+ item.tree__opened,
59855
+ },
59856
+ attrs: {
59857
+ tabindex: "-1",
59858
+ },
59859
+ on: {
59860
+ click: function (
59861
+ $event
59862
+ ) {
59863
+ return _vm.instance.toggleExpand(
59864
+ item,
59865
+ index,
59866
+ _vm.event
59867
+ )
59868
+ },
59869
+ },
59870
+ },
59871
+ [
59872
+ _vm._v(
59873
+ "\n " +
59874
+ _vm._s(
59875
+ _vm.$getIcon(
59876
+ "chevronRight"
59877
+ )
59878
+ ) +
59879
+ "\n "
59880
+ ),
59881
+ ]
59882
+ )
59883
+ : _vm._e(),
59884
+ ],
59885
+ 1
59886
+ ),
59887
+ _vm._v(" "),
59888
+ _c("zd-grid-action", {
59889
+ attrs: {
59890
+ column: column,
59891
+ row: item,
59892
+ rowKey: _vm.rowKey(item),
59893
+ getActionComponent:
59894
+ _vm.getActionComponent,
59895
+ },
59896
+ }),
59571
59897
  ],
59572
59898
  1
59573
59899
  ),
59574
- _vm._v(" "),
59575
- _c("zd-grid-action", {
59576
- attrs: {
59577
- column: column,
59578
- row: item,
59579
- rowKey: _vm.rowKey(item),
59580
- getActionComponent:
59581
- _vm.getActionComponent,
59582
- },
59583
- }),
59584
- ],
59585
- 1
59586
- ),
59587
- ]
59588
- : _vm._e(),
59589
- ]
59590
- }
59591
- ),
59592
- ]
59593
- }),
59594
- ],
59595
- 2
59596
- ),
59900
+ ]
59901
+ : _vm._e(),
59902
+ ]
59903
+ }
59904
+ ),
59905
+ ]
59906
+ }),
59907
+ ],
59908
+ 2
59909
+ )
59910
+ : _vm._e(),
59597
59911
  ]
59598
59912
  },
59599
59913
  }
@@ -59687,8 +60001,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59687
60001
  /* style */
59688
60002
  const __vue_inject_styles__$1 = function (inject) {
59689
60003
  if (!inject) return
59690
- 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 })
59691
- ,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 });
60004
+ 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 })
60005
+ ,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 });
59692
60006
 
59693
60007
  };
59694
60008
  /* scoped */
@@ -59898,6 +60212,10 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59898
60212
  PropWatch({ type: [String, Function] }),
59899
60213
  __metadata("design:type", Object)
59900
60214
  ], ZdTreeGridEditable.prototype, "canEditRow", void 0);
60215
+ __decorate([
60216
+ PropWatch({ type: Boolean, default: false }),
60217
+ __metadata("design:type", Boolean)
60218
+ ], ZdTreeGridEditable.prototype, "hasUsingCellText", void 0);
59901
60219
  ZdTreeGridEditable = __decorate([
59902
60220
  Component__default["default"]
59903
60221
  ], ZdTreeGridEditable);
@@ -60330,7 +60648,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60330
60648
  },
60331
60649
  }
60332
60650
  : null,
60333
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
60651
+ _vm.instance.virtualScroll &&
60652
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
60334
60653
  ? {
60335
60654
  key: "body.prepend",
60336
60655
  fn: function (ref) {
@@ -60348,7 +60667,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60348
60667
  }
60349
60668
  : null,
60350
60669
  _vm.instance.virtualScroll &&
60351
- _vm.scrollData.start + _vm.scrollData.perPage <
60670
+ _vm.scrollData.start +
60671
+ _vm.scrollData.perPage +
60672
+ _vm.instance.virtualScrollCache <
60352
60673
  (_vm.scrollData.visibleData || []).length
60353
60674
  ? {
60354
60675
  key: "body.append",
@@ -60374,385 +60695,430 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60374
60695
  var index = ref.index;
60375
60696
  var headers = ref.headers;
60376
60697
  return [
60377
- _c(
60378
- "tr",
60379
- {
60380
- directives: [
60698
+ !_vm.instance.virtualScroll ||
60699
+ (index >=
60700
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
60701
+ index <=
60702
+ _vm.scrollData.start +
60703
+ _vm.scrollData.perPage +
60704
+ _vm.instance.virtualScrollCache)
60705
+ ? _c(
60706
+ "tr",
60381
60707
  {
60382
- name: "show",
60383
- rawName: "v-show",
60384
- value: _vm.instance.treeDataStructure.isOpened(item),
60385
- expression:
60386
- "instance.treeDataStructure.isOpened(item)",
60387
- },
60388
- ],
60389
- class: {
60390
- active: isSelected,
60391
- current: _vm.isCurrentRow(item),
60392
- },
60393
- attrs: {
60394
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
60395
- _vm.instance.callCanEditRow(item)),
60396
- },
60397
- on: {
60398
- click: function ($event) {
60399
- return _vm.rowClick(item, $event)
60708
+ directives: [
60709
+ {
60710
+ name: "show",
60711
+ rawName: "v-show",
60712
+ value:
60713
+ _vm.instance.treeDataStructure.isOpened(item),
60714
+ expression:
60715
+ "instance.treeDataStructure.isOpened(item)",
60716
+ },
60717
+ ],
60718
+ class: {
60719
+ active: isSelected,
60720
+ current: _vm.isCurrentRow(item),
60721
+ },
60722
+ attrs: {
60723
+ set: (_vm.canEditRowValues[_vm.rowKey(item)] =
60724
+ _vm.instance.callCanEditRow(item)),
60725
+ },
60726
+ on: {
60727
+ click: function ($event) {
60728
+ return _vm.rowClick(item, $event)
60729
+ },
60730
+ },
60400
60731
  },
60401
- },
60402
- },
60403
- [
60404
- _vm.instance.selectable
60405
- ? _c(
60406
- "td",
60407
- { staticClass: "zd-table-cell selectable" },
60408
- [
60409
- _c("v-checkbox", {
60410
- staticClass: "zd-grid-row-checkbox",
60411
- attrs: {
60412
- "hide-details": "",
60413
- color: "primary",
60414
- disabled:
60415
- _vm.instance.editing ||
60416
- _vm.instance.callDisableSelection(item),
60417
- "on-icon": _vm.$getIcon("checkboxOn"),
60418
- "off-icon": _vm.$getIcon("checkboxOff"),
60419
- "true-value": true,
60420
- "false-value": false,
60421
- value: isSelected,
60422
- indeterminate:
60423
- !_vm.checkEvery(item) &&
60424
- _vm.checkSome(item),
60425
- },
60426
- on: {
60427
- click: function ($event) {
60428
- $event.stopPropagation();
60429
- return _vm.selectClick(
60430
- index,
60431
- !isSelected,
60432
- $event
60433
- )
60732
+ [
60733
+ _vm.instance.selectable
60734
+ ? _c(
60735
+ "td",
60736
+ { staticClass: "zd-table-cell selectable" },
60737
+ [
60738
+ _c("v-checkbox", {
60739
+ staticClass: "zd-grid-row-checkbox",
60740
+ attrs: {
60741
+ "hide-details": "",
60742
+ color: "primary",
60743
+ disabled:
60744
+ _vm.instance.editing ||
60745
+ _vm.instance.callDisableSelection(item),
60746
+ "on-icon": _vm.$getIcon("checkboxOn"),
60747
+ "off-icon": _vm.$getIcon("checkboxOff"),
60748
+ "true-value": true,
60749
+ "false-value": false,
60750
+ value: isSelected,
60751
+ indeterminate:
60752
+ !_vm.checkEvery(item) &&
60753
+ _vm.checkSome(item),
60754
+ },
60755
+ on: {
60756
+ click: function ($event) {
60757
+ $event.stopPropagation();
60758
+ return _vm.selectClick(
60759
+ index,
60760
+ !isSelected,
60761
+ $event
60762
+ )
60763
+ },
60764
+ },
60765
+ }),
60766
+ ],
60767
+ 1
60768
+ )
60769
+ : _vm._e(),
60770
+ _vm._v(" "),
60771
+ _vm._l(headers, function (header, headerIndex) {
60772
+ return [
60773
+ _vm._l(
60774
+ [
60775
+ {
60776
+ column: header,
60777
+ rowStyle:
60778
+ _vm.instance.getRowStyleConditions(item),
60779
+ cellsApplied: (_vm.instance.cellsApplied[
60780
+ _vm.rowKey(item)
60781
+ ] || {})[header.name],
60434
60782
  },
60435
- },
60436
- }),
60437
- ],
60438
- 1
60439
- )
60440
- : _vm._e(),
60441
- _vm._v(" "),
60442
- _vm._l(headers, function (header, headerIndex) {
60443
- return [
60444
- _vm._l(
60445
- [
60446
- {
60447
- column: header,
60448
- rowStyle:
60449
- _vm.instance.getRowStyleConditions(item),
60450
- cellsApplied: (_vm.instance.cellsApplied[
60451
- _vm.rowKey(item)
60452
- ] || {})[header.name],
60453
- },
60454
- ],
60455
- function (ref) {
60456
- var column = ref.column;
60457
- var rowStyle = ref.rowStyle;
60458
- var cellsApplied = ref.cellsApplied;
60459
- return [
60460
- column.isVisible && column.type !== "action"
60461
- ? [
60462
- _c(
60463
- "zd-grid-cell",
60464
- {
60465
- key: column.name,
60466
- attrs: {
60467
- column: column,
60468
- rowStyle: rowStyle,
60469
- cellsApplied: cellsApplied,
60470
- cellClass: [
60471
- {
60472
- first:
60473
- headerIndex === 0 ||
60474
- (headerIndex === 1 &&
60475
- _vm.instance.selectable),
60783
+ ],
60784
+ function (ref) {
60785
+ var column = ref.column;
60786
+ var rowStyle = ref.rowStyle;
60787
+ var cellsApplied = ref.cellsApplied;
60788
+ return [
60789
+ column.isVisible && column.type !== "action"
60790
+ ? [
60791
+ _c(
60792
+ "zd-grid-cell",
60793
+ {
60794
+ key: column.name,
60795
+ attrs: {
60796
+ column: column,
60797
+ rowStyle: rowStyle,
60798
+ cellsApplied: cellsApplied,
60799
+ cellClass: [
60800
+ {
60801
+ first:
60802
+ headerIndex === 0 ||
60803
+ (headerIndex === 1 &&
60804
+ _vm.instance
60805
+ .selectable),
60806
+ },
60807
+ {
60808
+ "zd-table-column-editable":
60809
+ column.editable,
60810
+ "zd-table-cell-editable":
60811
+ Object.assign(
60812
+ {},
60813
+ column,
60814
+ cellsApplied
60815
+ ).editable &&
60816
+ _vm.canEditRowValues[
60817
+ _vm.rowKey(item)
60818
+ ],
60819
+ },
60820
+ ],
60476
60821
  },
60477
- {
60478
- "zd-table-column-editable":
60479
- column.editable,
60480
- "zd-table-cell-editable":
60481
- Object.assign(
60482
- {},
60822
+ on: {
60823
+ click: function ($event) {
60824
+ _vm.cellClick(
60825
+ item,
60483
60826
  column,
60484
- cellsApplied
60485
- ).editable &&
60486
- _vm.canEditRowValues[
60487
- _vm.rowKey(item)
60488
- ],
60489
- },
60490
- ],
60491
- },
60492
- on: {
60493
- click: function ($event) {
60494
- _vm.cellClick(
60495
- item,
60496
- column,
60497
- $event,
60498
- _vm.canEditRowValues[
60499
- _vm.rowKey(item)
60500
- ]
60501
- );
60502
- },
60503
- },
60504
- },
60505
- [
60506
- column.loading
60507
- ? _c("v-skeleton-loader", {
60508
- staticClass:
60509
- "zd-skeleton-table-cell",
60510
- attrs: {
60511
- loading: "",
60512
- type: "table-cell",
60827
+ $event,
60828
+ _vm.canEditRowValues[
60829
+ _vm.rowKey(item)
60830
+ ]
60831
+ );
60513
60832
  },
60514
- })
60515
- : _vm._e(),
60516
- _vm._v(" "),
60517
- _c(
60518
- "span",
60519
- {
60520
- staticClass:
60521
- "zd-tree-grid-editable-cell-wrapper",
60833
+ },
60522
60834
  },
60523
60835
  [
60524
- Object.assign(
60525
- {},
60526
- column,
60527
- cellsApplied
60528
- ).editable &&
60529
- _vm.canEditRowValues[
60530
- _vm.rowKey(item)
60531
- ] &&
60532
- _vm.instance.editing
60533
- ? _c("zd-grid-cell-edit", {
60534
- directives: [
60535
- {
60536
- name: "show",
60537
- rawName: "v-show",
60538
- value: !column.loading,
60539
- expression:
60540
- "!column.loading",
60541
- },
60542
- ],
60836
+ column.loading
60837
+ ? _c("v-skeleton-loader", {
60838
+ staticClass:
60839
+ "zd-skeleton-table-cell",
60543
60840
  attrs: {
60544
- getWidthStyle:
60545
- _vm.getWidthStyle,
60546
- column: column,
60547
- row: item,
60548
- rowStyle: rowStyle,
60549
- cellsApplied:
60550
- cellsApplied,
60551
- isEdited:
60552
- _vm.instance.isEdited(
60553
- column,
60554
- item
60555
- ),
60556
- isValid:
60557
- _vm.instance.isValid(
60558
- column,
60559
- item
60560
- ),
60561
- getEditableComponent:
60562
- _vm.getEditableComponent,
60841
+ loading: "",
60842
+ type: "table-cell",
60563
60843
  },
60564
60844
  })
60565
- : _vm.hasToggleIcon(
60845
+ : _vm._e(),
60846
+ _vm._v(" "),
60847
+ _c(
60848
+ "span",
60849
+ {
60850
+ staticClass:
60851
+ "zd-tree-grid-editable-cell-wrapper",
60852
+ },
60853
+ [
60854
+ Object.assign(
60855
+ {},
60566
60856
  column,
60567
- item
60568
- )
60569
- ? _c(
60570
- "span",
60571
- [
60572
- _c("v-icon", [
60573
- _vm._v(
60574
- _vm._s(
60575
- _vm.$getIcon(
60576
- column.formatterByRow(
60577
- item,
60578
- cellsApplied
60857
+ cellsApplied
60858
+ ).editable &&
60859
+ _vm.canEditRowValues[
60860
+ _vm.rowKey(item)
60861
+ ] &&
60862
+ _vm.instance.editing
60863
+ ? _c("zd-grid-cell-edit", {
60864
+ directives: [
60865
+ {
60866
+ name: "show",
60867
+ rawName: "v-show",
60868
+ value:
60869
+ !column.loading,
60870
+ expression:
60871
+ "!column.loading",
60872
+ },
60873
+ ],
60874
+ attrs: {
60875
+ getWidthStyle:
60876
+ _vm.getWidthStyle,
60877
+ column: column,
60878
+ row: item,
60879
+ rowStyle: rowStyle,
60880
+ cellsApplied:
60881
+ cellsApplied,
60882
+ isEdited:
60883
+ _vm.instance.isEdited(
60884
+ column,
60885
+ item
60886
+ ),
60887
+ isValid:
60888
+ _vm.instance.isValid(
60889
+ column,
60890
+ item
60891
+ ),
60892
+ getEditableComponent:
60893
+ _vm.getEditableComponent,
60894
+ },
60895
+ })
60896
+ : _vm.hasToggleIcon(
60897
+ column,
60898
+ item
60899
+ )
60900
+ ? _c(
60901
+ "span",
60902
+ [
60903
+ _c("v-icon", [
60904
+ _vm._v(
60905
+ _vm._s(
60906
+ _vm.$getIcon(
60907
+ column.formatterByRow(
60908
+ item,
60909
+ cellsApplied
60910
+ )
60911
+ )
60579
60912
  )
60580
- )
60581
- )
60582
- ),
60583
- ]),
60584
- ],
60585
- 1
60586
- )
60587
- : _c(
60588
- "zd-tree-grid-cell-content",
60589
- {
60590
- directives: [
60913
+ ),
60914
+ ]),
60915
+ ],
60916
+ 1
60917
+ )
60918
+ : _c(
60919
+ "zd-tree-grid-cell-content",
60591
60920
  {
60592
- name: "show",
60593
- rawName: "v-show",
60594
- value:
60595
- !column.loading,
60596
- expression:
60597
- "!column.loading",
60598
- },
60599
- ],
60600
- attrs: {
60601
- getWidthStyle:
60602
- _vm.getWidthStyle,
60603
- column: column,
60604
- row: item,
60605
- rowStyle: rowStyle,
60606
- cellsApplied:
60607
- cellsApplied,
60608
- headerIndex:
60609
- headerIndex,
60610
- selectable:
60611
- _vm.instance
60612
- .selectable,
60613
- fieldHasChild:
60614
- _vm.instance
60615
- .fieldHasChild,
60616
- toggleExpand:
60617
- _vm.toggleExpand,
60618
- rowIndex: index,
60619
- search:
60620
- _vm.instance
60621
- .datasource.search,
60622
- expandClass:
60623
- "zd-tree-grid-editable-expand",
60624
- },
60625
- on: {
60626
- mouseenter: function (
60627
- $event
60628
- ) {
60629
- return _vm.checkOverflow(
60630
- $event
60631
- )
60632
- },
60633
- mouseleave: function (
60634
- $event
60635
- ) {
60636
- return _vm.removeTooltip()
60637
- },
60638
- },
60639
- }
60640
- ),
60921
+ directives: [
60922
+ {
60923
+ name: "show",
60924
+ rawName: "v-show",
60925
+ value:
60926
+ !column.loading,
60927
+ expression:
60928
+ "!column.loading",
60929
+ },
60930
+ ],
60931
+ attrs: {
60932
+ getWidthStyle:
60933
+ _vm.getWidthStyle,
60934
+ column: column,
60935
+ row: item,
60936
+ rowStyle: rowStyle,
60937
+ cellsApplied:
60938
+ cellsApplied,
60939
+ headerIndex:
60940
+ headerIndex,
60941
+ selectable:
60942
+ _vm.instance
60943
+ .selectable,
60944
+ fieldHasChild:
60945
+ _vm.instance
60946
+ .fieldHasChild,
60947
+ toggleExpand:
60948
+ _vm.toggleExpand,
60949
+ rowIndex: index,
60950
+ hasUsingCellText: false,
60951
+ search:
60952
+ _vm.instance
60953
+ .datasource
60954
+ .search,
60955
+ expandClass:
60956
+ "zd-tree-grid-editable-expand",
60957
+ },
60958
+ on: {
60959
+ mouseenter:
60960
+ function (
60961
+ $event
60962
+ ) {
60963
+ return _vm.checkOverflow(
60964
+ $event
60965
+ )
60966
+ },
60967
+ mouseleave:
60968
+ function (
60969
+ $event
60970
+ ) {
60971
+ return _vm.removeTooltip()
60972
+ },
60973
+ },
60974
+ }
60975
+ ),
60976
+ ],
60977
+ 1
60978
+ ),
60641
60979
  ],
60642
60980
  1
60643
60981
  ),
60644
- ],
60645
- 1
60646
- ),
60647
- ]
60648
- : column.isVisible && column.type === "action"
60649
- ? [
60650
- _c(
60651
- "zd-grid-cell",
60652
- {
60653
- key: column.name,
60654
- attrs: {
60655
- column: column,
60656
- rowStyle: rowStyle,
60657
- cellsApplied: cellsApplied,
60658
- cellClass: [
60659
- {
60660
- "zd-table-cell-text-first":
60661
- headerIndex === 0 ||
60662
- (headerIndex === 1 &&
60663
- _vm.instance.selectable),
60664
- },
60665
- ],
60666
- },
60667
- on: {
60668
- click: function ($event) {
60669
- return _vm.cellClick(
60670
- item,
60671
- column,
60672
- $event
60673
- )
60674
- },
60675
- },
60676
- },
60677
- [
60982
+ ]
60983
+ : column.isVisible &&
60984
+ column.type === "action"
60985
+ ? [
60678
60986
  _c(
60679
- "div",
60987
+ "zd-grid-cell",
60680
60988
  {
60681
- directives: [
60682
- {
60683
- name: "show",
60684
- rawName: "v-show",
60685
- value: headerIndex === 0,
60686
- expression:
60687
- "headerIndex === 0",
60989
+ key: column.name,
60990
+ attrs: {
60991
+ column: column,
60992
+ rowStyle: rowStyle,
60993
+ cellsApplied: cellsApplied,
60994
+ cellClass: [
60995
+ {
60996
+ "zd-table-cell-text-first":
60997
+ headerIndex === 0 ||
60998
+ (headerIndex === 1 &&
60999
+ _vm.instance
61000
+ .selectable),
61001
+ },
61002
+ {
61003
+ "zd-table-fixed-column-action":
61004
+ column.actionFixed,
61005
+ },
61006
+ {
61007
+ "theme--dark":
61008
+ (_vm.$vuetify.theme
61009
+ .dark &&
61010
+ !_vm.instance.light) ||
61011
+ _vm.instance.dark,
61012
+ },
61013
+ {
61014
+ "theme--light":
61015
+ !_vm.$vuetify.theme
61016
+ .dark ||
61017
+ _vm.instance.light,
61018
+ },
61019
+ ],
61020
+ cellStyle: [
61021
+ {
61022
+ right: column.actionFixed
61023
+ ? _vm.fixedRight[
61024
+ column.name
61025
+ ]
61026
+ : "unset",
61027
+ },
61028
+ ],
61029
+ },
61030
+ on: {
61031
+ click: function ($event) {
61032
+ return _vm.cellClick(
61033
+ item,
61034
+ column,
61035
+ $event
61036
+ )
60688
61037
  },
60689
- ],
60690
- class: [
60691
- "zd-tree-grid-expand",
60692
- "level" + item.tree__level,
60693
- ],
61038
+ },
60694
61039
  },
60695
61040
  [
60696
- (item.tree__children || [])
60697
- .length > 0
60698
- ? _c(
60699
- "v-icon",
61041
+ _c(
61042
+ "div",
61043
+ {
61044
+ directives: [
60700
61045
  {
60701
- class: {
60702
- opened:
60703
- item.tree__opened,
60704
- },
60705
- attrs: { tabindex: "-1" },
60706
- on: {
60707
- click: function (
60708
- $event
60709
- ) {
60710
- return _vm.instance.toggleExpand(
60711
- item,
60712
- index
60713
- )
60714
- },
60715
- },
61046
+ name: "show",
61047
+ rawName: "v-show",
61048
+ value: headerIndex === 0,
61049
+ expression:
61050
+ "headerIndex === 0",
60716
61051
  },
60717
- [
60718
- _vm._v(
60719
- "\n " +
60720
- _vm._s(
60721
- _vm.$getIcon(
60722
- "chevronRight"
60723
- )
60724
- ) +
60725
- "\n "
60726
- ),
60727
- ]
60728
- )
60729
- : _vm._e(),
61052
+ ],
61053
+ class: [
61054
+ "zd-tree-grid-expand",
61055
+ "level" + item.tree__level,
61056
+ ],
61057
+ },
61058
+ [
61059
+ (item.tree__children || [])
61060
+ .length > 0
61061
+ ? _c(
61062
+ "v-icon",
61063
+ {
61064
+ class: {
61065
+ opened:
61066
+ item.tree__opened,
61067
+ },
61068
+ attrs: {
61069
+ tabindex: "-1",
61070
+ },
61071
+ on: {
61072
+ click: function (
61073
+ $event
61074
+ ) {
61075
+ return _vm.instance.toggleExpand(
61076
+ item,
61077
+ index
61078
+ )
61079
+ },
61080
+ },
61081
+ },
61082
+ [
61083
+ _vm._v(
61084
+ "\n " +
61085
+ _vm._s(
61086
+ _vm.$getIcon(
61087
+ "chevronRight"
61088
+ )
61089
+ ) +
61090
+ "\n "
61091
+ ),
61092
+ ]
61093
+ )
61094
+ : _vm._e(),
61095
+ ],
61096
+ 1
61097
+ ),
61098
+ _vm._v(" "),
61099
+ _c("zd-grid-action", {
61100
+ attrs: {
61101
+ column: column,
61102
+ row: item,
61103
+ rowKey: _vm.rowKey(item),
61104
+ getActionComponent:
61105
+ _vm.getActionComponent,
61106
+ },
61107
+ }),
60730
61108
  ],
60731
61109
  1
60732
61110
  ),
60733
- _vm._v(" "),
60734
- _c("zd-grid-action", {
60735
- attrs: {
60736
- column: column,
60737
- row: item,
60738
- rowKey: _vm.rowKey(item),
60739
- getActionComponent:
60740
- _vm.getActionComponent,
60741
- },
60742
- }),
60743
- ],
60744
- 1
60745
- ),
60746
- ]
60747
- : _vm._e(),
60748
- ]
60749
- }
60750
- ),
60751
- ]
60752
- }),
60753
- ],
60754
- 2
60755
- ),
61111
+ ]
61112
+ : _vm._e(),
61113
+ ]
61114
+ }
61115
+ ),
61116
+ ]
61117
+ }),
61118
+ ],
61119
+ 2
61120
+ )
61121
+ : _vm._e(),
60756
61122
  ]
60757
61123
  },
60758
61124
  }
@@ -60846,8 +61212,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60846
61212
  /* style */
60847
61213
  const __vue_inject_styles__ = function (inject) {
60848
61214
  if (!inject) return
60849
- 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 })
60850
- ,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 });
61215
+ 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 })
61216
+ ,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 });
60851
61217
 
60852
61218
  };
60853
61219
  /* scoped */