@zeedhi/vuetify 1.72.0 → 1.73.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/zd-vuetify.esm.js +1253 -1146
  2. package/dist/zd-vuetify.umd.js +1257 -1150
  3. package/package.json +2 -2
  4. package/types/components/zd-grid/ZdGrid.d.ts +1 -2
  5. package/types/components/zd-iterable/ZdIterable.d.ts +1 -0
  6. package/types/utils/fillHeight.d.ts +1 -0
package/dist/zd-vuetify.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)
@@ -44855,15 +44859,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
44855
44859
  this.resizeX = 0;
44856
44860
  this.resizeWidth = 0;
44857
44861
  this.resizeTableWidth = 0;
44858
- this.debounceScroll = debounce__default["default"](((event, grid) => {
44859
- const { scrollTop } = event.target;
44860
- const rows = Math.floor(scrollTop / grid.scrollData.rowHeight);
44861
- const data = grid.getVisibleData();
44862
- const start = rows + grid.scrollData.perPage > data.length ? Math
44863
- .max(0, data.length - grid.scrollData.perPage) : rows;
44864
- grid.scrollData.start = start;
44865
- this.updateScrollData(data);
44866
- }), 5);
44862
+ this.lastStart = 0;
44867
44863
  this.tableHeader = null;
44868
44864
  this.tableBody = null;
44869
44865
  }
@@ -45215,15 +45211,11 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45215
45211
  const tableWrapperHeight = this.scrollData.tableWrapper.clientHeight;
45216
45212
  const tableHeader = this.$el.querySelector('thead');
45217
45213
  const tableHeaderHeight = tableHeader.clientHeight;
45218
- this.scrollData.perPage = 10 + Math
45219
- .ceil((tableWrapperHeight - tableHeaderHeight)
45214
+ this.scrollData.perPage = Math.ceil((tableWrapperHeight - tableHeaderHeight)
45220
45215
  / this.scrollData.rowHeight);
45221
- const data = this.getVisibleData();
45216
+ const { data } = this.instance.datasource;
45222
45217
  this.updateScrollData(data);
45223
45218
  }
45224
- getVisibleData() {
45225
- return this.instance.datasource.data;
45226
- }
45227
45219
  getData() {
45228
45220
  if (!this.instance.virtualScroll || !this.scrollData.initialized) {
45229
45221
  return this.instance.datasource.data;
@@ -45231,16 +45223,25 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45231
45223
  return this.renderedData;
45232
45224
  }
45233
45225
  get renderedData() {
45234
- const { start, perPage } = this.scrollData;
45235
- return this.getVisibleData().slice(start, start + perPage);
45226
+ return this.instance.datasource.data;
45236
45227
  }
45237
45228
  updateScrollData(data) {
45238
45229
  const { start, rowHeight, perPage } = this.scrollData;
45239
- this.scrollData.startHeight = start * rowHeight;
45240
- 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;
45241
45233
  }
45242
45234
  onScroll(event) {
45243
- 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
+ }
45244
45245
  }
45245
45246
  get cssColorVars() {
45246
45247
  return {
@@ -45962,7 +45963,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45962
45963
  },
45963
45964
  }
45964
45965
  : null,
45965
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
45966
+ _vm.instance.virtualScroll &&
45967
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
45966
45968
  ? {
45967
45969
  key: "body.prepend",
45968
45970
  fn: function (ref) {
@@ -45979,7 +45981,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
45979
45981
  }
45980
45982
  : null,
45981
45983
  _vm.instance.virtualScroll &&
45982
- _vm.scrollData.start + _vm.scrollData.perPage <
45984
+ _vm.scrollData.start +
45985
+ _vm.scrollData.perPage +
45986
+ _vm.instance.virtualScrollCache <
45983
45987
  _vm.instance.datasource.data.length
45984
45988
  ? {
45985
45989
  key: "body.append",
@@ -46004,208 +46008,228 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46004
46008
  var select = ref.select;
46005
46009
  var isSelected = ref.isSelected;
46006
46010
  var headers = ref.headers;
46011
+ var index = ref.index;
46007
46012
  return [
46008
- _c(
46009
- "tr",
46010
- {
46011
- class: {
46012
- active: isSelected,
46013
- current: _vm.isCurrentRow(item),
46014
- },
46015
- on: {
46016
- click: function ($event) {
46017
- 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
+ },
46018
46032
  },
46019
- },
46020
- },
46021
- [
46022
- _vm.instance.selectable
46023
- ? _c(
46024
- "td",
46025
- { staticClass: "zd-table-cell selectable" },
46026
- [
46027
- _c("v-checkbox", {
46028
- staticClass: "zd-grid-row-checkbox",
46029
- attrs: {
46030
- "hide-details": "",
46031
- color: "primary",
46032
- disabled:
46033
- _vm.instance.callDisableSelection(item),
46034
- "on-icon": _vm.$getIcon("checkboxOn"),
46035
- "off-icon": _vm.$getIcon("checkboxOff"),
46036
- "true-value": true,
46037
- "false-value": false,
46038
- "input-value": isSelected,
46039
- },
46040
- on: {
46041
- click: function ($event) {
46042
- $event.stopPropagation();
46043
- select(!isSelected);
46044
- _vm.selectRowClick(
46045
- item,
46046
- !isSelected,
46047
- $event
46048
- );
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],
46049
46080
  },
46050
- },
46051
- }),
46052
- ],
46053
- 1
46054
- )
46055
- : _vm._e(),
46056
- _vm._v(" "),
46057
- _vm._l(headers, function (header) {
46058
- return [
46059
- _vm._l(
46060
- [
46061
- {
46062
- column: header,
46063
- rowStyle:
46064
- _vm.instance.getRowStyleConditions(item),
46065
- cellsApplied: (_vm.instance.cellsApplied[
46066
- _vm.rowKey(item)
46067
- ] || {})[header.name],
46068
- },
46069
- ],
46070
- function (ref) {
46071
- var column = ref.column;
46072
- var rowStyle = ref.rowStyle;
46073
- var cellsApplied = ref.cellsApplied;
46074
- return [
46075
- column.isVisible && column.type !== "action"
46076
- ? [
46077
- _c(
46078
- "zd-grid-cell",
46079
- {
46080
- key: column.name,
46081
- attrs: {
46082
- column: column,
46083
- rowStyle: rowStyle,
46084
- cellsApplied: cellsApplied,
46085
- },
46086
- on: {
46087
- click: function ($event) {
46088
- return _vm.cellClick(
46089
- item,
46090
- column,
46091
- $event
46092
- )
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
+ },
46093
46107
  },
46094
- },
46095
- },
46096
- [
46097
- column.loading
46098
- ? _c("v-skeleton-loader", {
46099
- staticClass:
46100
- "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
+ ],
46101
46130
  attrs: {
46102
- loading: "",
46103
- type: "table-cell",
46131
+ getWidthStyle:
46132
+ _vm.getWidthStyle,
46133
+ column: column,
46134
+ row: item,
46135
+ rowStyle: rowStyle,
46136
+ cellsApplied: cellsApplied,
46137
+ hasUsingCellText: true,
46104
46138
  },
46105
- })
46106
- : _vm._e(),
46107
- _vm._v(" "),
46108
- _c("zd-grid-cell-content", {
46109
- directives: [
46110
- {
46111
- name: "show",
46112
- rawName: "v-show",
46113
- value: !column.loading,
46114
- expression: "!column.loading",
46115
- },
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
+ }),
46116
46155
  ],
46117
- attrs: {
46118
- getWidthStyle: _vm.getWidthStyle,
46119
- column: column,
46120
- row: item,
46121
- rowStyle: rowStyle,
46122
- cellsApplied: cellsApplied,
46123
- hasUsingCellText: true,
46124
- },
46125
- on: {
46126
- mouseenter: function ($event) {
46127
- return _vm.checkOverflow(
46128
- $event,
46129
- column.overflow
46130
- )
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
+ ],
46131
46198
  },
46132
- mouseleave: function ($event) {
46133
- return _vm.removeTooltip()
46199
+ on: {
46200
+ click: function ($event) {
46201
+ return _vm.cellClick(
46202
+ item,
46203
+ column,
46204
+ $event
46205
+ )
46206
+ },
46134
46207
  },
46135
46208
  },
46136
- }),
46137
- ],
46138
- 1
46139
- ),
46140
- ]
46141
- : column.isVisible && column.type === "action"
46142
- ? [
46143
- _c(
46144
- "zd-grid-cell",
46145
- {
46146
- key: column.name,
46147
- attrs: {
46148
- column: column,
46149
- rowStyle: rowStyle,
46150
- cellsApplied: cellsApplied,
46151
- cellClass: [
46152
- {
46153
- "zd-table-fixed-column-action":
46154
- column.actionFixed,
46155
- },
46156
- {
46157
- "theme--dark":
46158
- (_vm.$vuetify.theme.dark &&
46159
- !_vm.instance.light) ||
46160
- _vm.instance.dark,
46161
- },
46162
- {
46163
- "theme--light":
46164
- !_vm.$vuetify.theme.dark ||
46165
- _vm.instance.light,
46166
- },
46167
- ],
46168
- cellStyle: [
46169
- {
46170
- right: column.actionFixed
46171
- ? _vm.fixedRight[column.name]
46172
- : "unset",
46173
- },
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
+ }),
46174
46219
  ],
46175
- },
46176
- on: {
46177
- click: function ($event) {
46178
- return _vm.cellClick(
46179
- item,
46180
- column,
46181
- $event
46182
- )
46183
- },
46184
- },
46185
- },
46186
- [
46187
- _c("zd-grid-action", {
46188
- attrs: {
46189
- column: column,
46190
- row: item,
46191
- rowKey: _vm.rowKey(item),
46192
- getActionComponent:
46193
- _vm.getActionComponent,
46194
- },
46195
- }),
46196
- ],
46197
- 1
46198
- ),
46199
- ]
46200
- : _vm._e(),
46201
- ]
46202
- }
46203
- ),
46204
- ]
46205
- }),
46206
- ],
46207
- 2
46208
- ),
46220
+ 1
46221
+ ),
46222
+ ]
46223
+ : _vm._e(),
46224
+ ]
46225
+ }
46226
+ ),
46227
+ ]
46228
+ }),
46229
+ ],
46230
+ 2
46231
+ )
46232
+ : _vm._e(),
46209
46233
  ]
46210
46234
  },
46211
46235
  }
@@ -46299,7 +46323,7 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46299
46323
  /* style */
46300
46324
  const __vue_inject_styles__$10 = function (inject) {
46301
46325
  if (!inject) return
46302
- inject("data-v-5211bc09_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined });
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 });
46303
46327
 
46304
46328
  };
46305
46329
  /* scoped */
@@ -46972,7 +46996,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46972
46996
  },
46973
46997
  }
46974
46998
  : null,
46975
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
46999
+ _vm.instance.virtualScroll &&
47000
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
46976
47001
  ? {
46977
47002
  key: "body.prepend",
46978
47003
  fn: function (ref) {
@@ -46989,7 +47014,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
46989
47014
  }
46990
47015
  : null,
46991
47016
  _vm.instance.virtualScroll &&
46992
- _vm.scrollData.start + _vm.scrollData.perPage <
47017
+ _vm.scrollData.start +
47018
+ _vm.scrollData.perPage +
47019
+ _vm.instance.virtualScrollCache <
46993
47020
  _vm.instance.datasource.data.length
46994
47021
  ? {
46995
47022
  key: "body.append",
@@ -47014,295 +47041,315 @@ If you're seeing "$attrs is readonly", it's caused by this`);
47014
47041
  var select = ref.select;
47015
47042
  var isSelected = ref.isSelected;
47016
47043
  var headers = ref.headers;
47044
+ var index = ref.index;
47017
47045
  return [
47018
- _c(
47019
- "tr",
47020
- {
47021
- class: {
47022
- active: isSelected,
47023
- current: _vm.isCurrentRow(item),
47024
- },
47025
- attrs: {
47026
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
47027
- _vm.instance.callCanEditRow(item)),
47028
- },
47029
- on: {
47030
- click: function ($event) {
47031
- 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
+ },
47032
47069
  },
47033
- },
47034
- },
47035
- [
47036
- _vm.instance.selectable
47037
- ? _c(
47038
- "td",
47039
- { staticClass: "zd-table-cell selectable" },
47040
- [
47041
- _c("v-checkbox", {
47042
- staticClass: "zd-grid-row-checkbox",
47043
- attrs: {
47044
- "hide-details": "",
47045
- color: "primary",
47046
- disabled:
47047
- _vm.instance.editing ||
47048
- _vm.instance.callDisableSelection(item),
47049
- "on-icon": _vm.$getIcon("checkboxOn"),
47050
- "off-icon": _vm.$getIcon("checkboxOff"),
47051
- "true-value": true,
47052
- "false-value": false,
47053
- "input-value": isSelected,
47054
- },
47055
- on: {
47056
- click: function ($event) {
47057
- $event.stopPropagation();
47058
- select(!isSelected);
47059
- _vm.selectRowClick(
47060
- item,
47061
- !isSelected,
47062
- $event
47063
- );
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],
47064
47118
  },
47065
- },
47066
- }),
47067
- ],
47068
- 1
47069
- )
47070
- : _vm._e(),
47071
- _vm._v(" "),
47072
- _vm._l(headers, function (header) {
47073
- return [
47074
- _vm._l(
47075
- [
47076
- {
47077
- column: header,
47078
- rowStyle:
47079
- _vm.instance.getRowStyleConditions(item),
47080
- cellsApplied: (_vm.instance.cellsApplied[
47081
- _vm.rowKey(item)
47082
- ] || {})[header.name],
47083
- },
47084
- ],
47085
- function (ref) {
47086
- var column = ref.column;
47087
- var rowStyle = ref.rowStyle;
47088
- var cellsApplied = ref.cellsApplied;
47089
- return [
47090
- column.isVisible && column.type !== "action"
47091
- ? [
47092
- _c(
47093
- "zd-grid-cell",
47094
- {
47095
- key: column.name,
47096
- attrs: {
47097
- column: column,
47098
- rowStyle: rowStyle,
47099
- cellsApplied: cellsApplied,
47100
- cellClass: [
47101
- {
47102
- "zd-table-column-editable":
47103
- column.editable,
47104
- "zd-table-cell-editable":
47105
- Object.assign(
47106
- {},
47107
- column,
47108
- cellsApplied
47109
- ).editable &&
47110
- _vm.canEditRowValues[
47111
- _vm.rowKey(item)
47112
- ],
47113
- },
47114
- ],
47115
- },
47116
- on: {
47117
- click: function ($event) {
47118
- _vm.cellClick(
47119
- item,
47120
- column,
47121
- $event,
47122
- _vm.canEditRowValues[
47123
- _vm.rowKey(item)
47124
- ]
47125
- );
47126
- },
47127
- },
47128
- },
47129
- [
47130
- column.loading
47131
- ? _c("v-skeleton-loader", {
47132
- staticClass:
47133
- "zd-skeleton-table-cell",
47134
- attrs: {
47135
- loading: "",
47136
- type: "table-cell",
47137
- },
47138
- })
47139
- : _vm._e(),
47140
- _vm._v(" "),
47141
- Object.assign(
47142
- {},
47143
- column,
47144
- cellsApplied
47145
- ).editable &&
47146
- _vm.canEditRowValues[
47147
- _vm.rowKey(item)
47148
- ] &&
47149
- _vm.instance.editing
47150
- ? _c("zd-grid-cell-edit", {
47151
- 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: [
47152
47136
  {
47153
- name: "show",
47154
- rawName: "v-show",
47155
- value: !column.loading,
47156
- expression:
47157
- "!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
+ ],
47158
47148
  },
47159
47149
  ],
47160
- attrs: {
47161
- getWidthStyle:
47162
- _vm.getWidthStyle,
47163
- column: column,
47164
- row: item,
47165
- rowStyle: rowStyle,
47166
- cellsApplied: cellsApplied,
47167
- isEdited:
47168
- _vm.instance.isEdited(
47169
- column,
47170
- item
47171
- ),
47172
- isValid: _vm.instance.isValid(
47150
+ },
47151
+ on: {
47152
+ click: function ($event) {
47153
+ _vm.cellClick(
47154
+ item,
47173
47155
  column,
47174
- item
47175
- ),
47176
- getEditableComponent:
47177
- _vm.getEditableComponent,
47156
+ $event,
47157
+ _vm.canEditRowValues[
47158
+ _vm.rowKey(item)
47159
+ ]
47160
+ );
47178
47161
  },
47179
- })
47180
- : _vm.hasToggleIcon(column, item)
47181
- ? _c(
47182
- "span",
47183
- [
47184
- _c("v-icon", [
47185
- _vm._v(
47186
- _vm._s(
47187
- _vm.$getIcon(
47188
- column.formatterByRow(
47189
- item,
47190
- 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
+ )
47191
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
47192
47266
  )
47193
- )
47194
- ),
47195
- ]),
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
+ },
47196
47308
  ],
47197
- 1
47198
- )
47199
- : _c("zd-grid-cell-content", {
47200
- directives: [
47309
+ cellStyle: [
47201
47310
  {
47202
- name: "show",
47203
- rawName: "v-show",
47204
- value: !column.loading,
47205
- expression:
47206
- "!column.loading",
47311
+ right: column.actionFixed
47312
+ ? _vm.fixedRight[
47313
+ column.name
47314
+ ]
47315
+ : "unset",
47207
47316
  },
47208
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", {
47209
47331
  attrs: {
47210
- getWidthStyle:
47211
- _vm.getWidthStyle,
47212
47332
  column: column,
47213
47333
  row: item,
47214
- hasUsingCellText: true,
47215
- rowStyle: rowStyle,
47216
- cellsApplied: cellsApplied,
47217
- },
47218
- on: {
47219
- mouseenter: function (
47220
- $event
47221
- ) {
47222
- return _vm.checkOverflow(
47223
- $event,
47224
- column.overflow
47225
- )
47226
- },
47227
- mouseleave: function (
47228
- $event
47229
- ) {
47230
- return _vm.removeTooltip()
47231
- },
47334
+ rowKey: _vm.rowKey(item),
47335
+ getActionComponent:
47336
+ _vm.getActionComponent,
47232
47337
  },
47233
47338
  }),
47234
- ],
47235
- 1
47236
- ),
47237
- ]
47238
- : column.isVisible && column.type === "action"
47239
- ? [
47240
- _c(
47241
- "zd-grid-cell",
47242
- {
47243
- key: column.name,
47244
- attrs: {
47245
- column: column,
47246
- rowStyle: rowStyle,
47247
- cellsApplied: cellsApplied,
47248
- cellClass: [
47249
- {
47250
- "zd-table-fixed-column-action":
47251
- column.actionFixed,
47252
- },
47253
- {
47254
- "theme--dark":
47255
- (_vm.$vuetify.theme.dark &&
47256
- !_vm.instance.light) ||
47257
- _vm.instance.dark,
47258
- },
47259
- {
47260
- "theme--light":
47261
- !_vm.$vuetify.theme.dark ||
47262
- _vm.instance.light,
47263
- },
47264
47339
  ],
47265
- cellStyle: [
47266
- {
47267
- right: column.actionFixed
47268
- ? _vm.fixedRight[column.name]
47269
- : "unset",
47270
- },
47271
- ],
47272
- },
47273
- on: {
47274
- click: function ($event) {
47275
- return _vm.cellClick(
47276
- item,
47277
- column,
47278
- $event
47279
- )
47280
- },
47281
- },
47282
- },
47283
- [
47284
- _c("zd-grid-action", {
47285
- attrs: {
47286
- column: column,
47287
- row: item,
47288
- rowKey: _vm.rowKey(item),
47289
- getActionComponent:
47290
- _vm.getActionComponent,
47291
- },
47292
- }),
47293
- ],
47294
- 1
47295
- ),
47296
- ]
47297
- : _vm._e(),
47298
- ]
47299
- }
47300
- ),
47301
- ]
47302
- }),
47303
- ],
47304
- 2
47305
- ),
47340
+ 1
47341
+ ),
47342
+ ]
47343
+ : _vm._e(),
47344
+ ]
47345
+ }
47346
+ ),
47347
+ ]
47348
+ }),
47349
+ ],
47350
+ 2
47351
+ )
47352
+ : _vm._e(),
47306
47353
  ]
47307
47354
  },
47308
47355
  }
@@ -47396,8 +47443,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
47396
47443
  /* style */
47397
47444
  const __vue_inject_styles__$$ = function (inject) {
47398
47445
  if (!inject) return
47399
- inject("data-v-d7620cd2_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
47400
- ,inject("data-v-d7620cd2_1", { source: ".zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n padding: 0 8px;\n position: relative;\n display: block;\n height: 20px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0px;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-grid table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-grid.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
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 });
47401
47448
 
47402
47449
  };
47403
47450
  /* scoped */
@@ -52908,11 +52955,15 @@ If you're seeing "$attrs is readonly", it's caused by this`);
52908
52955
  this.dragHandle.removeEventListener('mousedown', this.dragStart.bind(this, modal));
52909
52956
  }
52910
52957
  dragStart(modal, event) {
52911
- var _a;
52958
+ var _a, _b;
52912
52959
  if (!modal)
52913
52960
  return;
52961
+ const dragHandle = (_a = modal.dragHandle) === null || _a === void 0 ? void 0 : _a.replace('.', '');
52962
+ const targetElement = event.target;
52914
52963
  if (event && event.target
52915
- && ((_a = event.target.parentElement) === null || _a === void 0 ? void 0 : _a.className.indexOf(`zd-modal-card-${this.instance.name}`)) === -1)
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)))
52916
52967
  return;
52917
52968
  this.modalDragged = modal;
52918
52969
  this.x = event.clientX;
@@ -59493,7 +59544,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59493
59544
  },
59494
59545
  }
59495
59546
  : null,
59496
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
59547
+ _vm.instance.virtualScroll &&
59548
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
59497
59549
  ? {
59498
59550
  key: "body.prepend",
59499
59551
  fn: function (ref) {
@@ -59510,7 +59562,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59510
59562
  }
59511
59563
  : null,
59512
59564
  _vm.instance.virtualScroll &&
59513
- _vm.scrollData.start + _vm.scrollData.perPage <
59565
+ _vm.scrollData.start +
59566
+ _vm.scrollData.perPage +
59567
+ _vm.instance.virtualScrollCache <
59514
59568
  (_vm.scrollData.visibleData || []).length
59515
59569
  ? {
59516
59570
  key: "body.append",
@@ -59536,296 +59590,324 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59536
59590
  var index = ref.index;
59537
59591
  var headers = ref.headers;
59538
59592
  return [
59539
- _c(
59540
- "tr",
59541
- {
59542
- 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",
59543
59602
  {
59544
- name: "show",
59545
- rawName: "v-show",
59546
- value: _vm.instance.treeDataStructure.isOpened(item),
59547
- expression:
59548
- "instance.treeDataStructure.isOpened(item)",
59549
- },
59550
- ],
59551
- class: {
59552
- active: isSelected,
59553
- current: _vm.isCurrentRow(item),
59554
- },
59555
- on: {
59556
- click: function ($event) {
59557
- 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
+ },
59558
59622
  },
59559
- },
59560
- },
59561
- [
59562
- _vm.instance.selectable
59563
- ? _c(
59564
- "td",
59565
- { staticClass: "zd-table-cell selectable" },
59566
- [
59567
- _c("v-checkbox", {
59568
- staticClass: "zd-grid-row-checkbox",
59569
- attrs: {
59570
- "hide-details": "",
59571
- color: "primary",
59572
- disabled:
59573
- _vm.instance.callDisableSelection(item),
59574
- "on-icon": _vm.$getIcon("checkboxOn"),
59575
- "off-icon": _vm.$getIcon("checkboxOff"),
59576
- "true-value": true,
59577
- "false-value": false,
59578
- "input-value": isSelected,
59579
- indeterminate:
59580
- !_vm.checkEvery(item) &&
59581
- _vm.checkSome(item),
59582
- },
59583
- on: {
59584
- click: function ($event) {
59585
- $event.stopPropagation();
59586
- return _vm.selectClick(
59587
- index,
59588
- !isSelected,
59589
- $event
59590
- )
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],
59591
59672
  },
59592
- },
59593
- }),
59594
- ],
59595
- 1
59596
- )
59597
- : _vm._e(),
59598
- _vm._v(" "),
59599
- _vm._l(headers, function (header, headerIndex) {
59600
- return [
59601
- _vm._l(
59602
- [
59603
- {
59604
- column: header,
59605
- rowStyle:
59606
- _vm.instance.getRowStyleConditions(item),
59607
- cellsApplied: (_vm.instance.cellsApplied[
59608
- _vm.rowKey(item)
59609
- ] || {})[header.name],
59610
- },
59611
- ],
59612
- function (ref) {
59613
- var column = ref.column;
59614
- var rowStyle = ref.rowStyle;
59615
- var cellsApplied = ref.cellsApplied;
59616
- return [
59617
- column.isVisible && column.type !== "action"
59618
- ? [
59619
- _c(
59620
- "zd-grid-cell",
59621
- {
59622
- key: column.name,
59623
- attrs: {
59624
- column: column,
59625
- rowStyle: rowStyle,
59626
- cellsApplied: cellsApplied,
59627
- cellClass: [
59628
- {
59629
- first:
59630
- headerIndex === 0 ||
59631
- (headerIndex === 1 &&
59632
- _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
+ ],
59633
59698
  },
59634
- ],
59635
- },
59636
- on: {
59637
- click: function ($event) {
59638
- return _vm.cellClick(
59639
- item,
59640
- column,
59641
- $event
59642
- )
59643
- },
59644
- },
59645
- },
59646
- [
59647
- column.loading
59648
- ? _c("v-skeleton-loader", {
59649
- staticClass:
59650
- "zd-skeleton-table-cell",
59651
- attrs: {
59652
- loading: "",
59653
- type: "table-cell",
59699
+ on: {
59700
+ click: function ($event) {
59701
+ return _vm.cellClick(
59702
+ item,
59703
+ column,
59704
+ $event
59705
+ )
59654
59706
  },
59655
- })
59656
- : _vm._e(),
59657
- _vm._v(" "),
59658
- _c("zd-tree-grid-cell-content", {
59659
- directives: [
59660
- {
59661
- name: "show",
59662
- rawName: "v-show",
59663
- value: !column.loading,
59664
- expression: "!column.loading",
59665
- },
59666
- ],
59667
- attrs: {
59668
- getWidthStyle: _vm.getWidthStyle,
59669
- column: column,
59670
- row: item,
59671
- rowStyle: rowStyle,
59672
- cellsApplied: cellsApplied,
59673
- headerIndex: headerIndex,
59674
- selectable:
59675
- _vm.instance.selectable,
59676
- fieldHasChild:
59677
- _vm.instance.fieldHasChild,
59678
- toggleExpand: _vm.toggleExpand,
59679
- rowIndex: index,
59680
- search:
59681
- _vm.instance.datasource.search,
59682
- expandClass:
59683
- "zd-tree-grid-expand",
59684
- },
59685
- on: {
59686
- mouseenter: function ($event) {
59687
- return _vm.checkOverflow($event)
59688
- },
59689
- mouseleave: function ($event) {
59690
- return _vm.removeTooltip()
59691
59707
  },
59692
59708
  },
59693
- }),
59694
- ],
59695
- 1
59696
- ),
59697
- ]
59698
- : column.isVisible && column.type === "action"
59699
- ? [
59700
- _c(
59701
- "zd-grid-cell",
59702
- {
59703
- key: column.name,
59704
- attrs: {
59705
- column: column,
59706
- rowStyle: rowStyle,
59707
- cellsApplied: cellsApplied,
59708
- cellClass: [
59709
- {
59710
- "zd-table-cell-text-first":
59711
- headerIndex === 0 ||
59712
- (headerIndex === 1 &&
59713
- _vm.instance.selectable),
59714
- },
59715
- {
59716
- "zd-table-fixed-column-action":
59717
- column.actionFixed,
59718
- },
59719
- {
59720
- "theme--dark":
59721
- (_vm.$vuetify.theme.dark &&
59722
- !_vm.instance.light) ||
59723
- _vm.instance.dark,
59724
- },
59725
- {
59726
- "theme--light":
59727
- !_vm.$vuetify.theme.dark ||
59728
- _vm.instance.light,
59729
- },
59730
- ],
59731
- cellStyle: [
59732
- {
59733
- right: column.actionFixed
59734
- ? _vm.fixedRight[column.name]
59735
- : "unset",
59736
- },
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
+ }),
59737
59767
  ],
59738
- },
59739
- on: {
59740
- click: function ($event) {
59741
- return _vm.cellClick(
59742
- item,
59743
- column,
59744
- $event
59745
- )
59746
- },
59747
- },
59748
- },
59749
- [
59768
+ 1
59769
+ ),
59770
+ ]
59771
+ : column.isVisible &&
59772
+ column.type === "action"
59773
+ ? [
59750
59774
  _c(
59751
- "div",
59775
+ "zd-grid-cell",
59752
59776
  {
59753
- directives: [
59754
- {
59755
- name: "show",
59756
- rawName: "v-show",
59757
- value: headerIndex === 0,
59758
- expression:
59759
- "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
+ )
59760
59825
  },
59761
- ],
59762
- class: [
59763
- "zd-tree-grid-expand zd-tree-grid-expand-action",
59764
- "level" + item.tree__level,
59765
- ],
59826
+ },
59766
59827
  },
59767
59828
  [
59768
- (item.tree__children || [])
59769
- .length > 0
59770
- ? _c(
59771
- "v-icon",
59829
+ _c(
59830
+ "div",
59831
+ {
59832
+ directives: [
59772
59833
  {
59773
- class: {
59774
- opened:
59775
- item.tree__opened,
59776
- },
59777
- attrs: { tabindex: "-1" },
59778
- on: {
59779
- click: function (
59780
- $event
59781
- ) {
59782
- return _vm.instance.toggleExpand(
59783
- item,
59784
- index,
59785
- _vm.event
59786
- )
59787
- },
59788
- },
59834
+ name: "show",
59835
+ rawName: "v-show",
59836
+ value: headerIndex === 0,
59837
+ expression:
59838
+ "headerIndex === 0",
59789
59839
  },
59790
- [
59791
- _vm._v(
59792
- "\n " +
59793
- _vm._s(
59794
- _vm.$getIcon(
59795
- "chevronRight"
59796
- )
59797
- ) +
59798
- "\n "
59799
- ),
59800
- ]
59801
- )
59802
- : _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
+ }),
59803
59897
  ],
59804
59898
  1
59805
59899
  ),
59806
- _vm._v(" "),
59807
- _c("zd-grid-action", {
59808
- attrs: {
59809
- column: column,
59810
- row: item,
59811
- rowKey: _vm.rowKey(item),
59812
- getActionComponent:
59813
- _vm.getActionComponent,
59814
- },
59815
- }),
59816
- ],
59817
- 1
59818
- ),
59819
- ]
59820
- : _vm._e(),
59821
- ]
59822
- }
59823
- ),
59824
- ]
59825
- }),
59826
- ],
59827
- 2
59828
- ),
59900
+ ]
59901
+ : _vm._e(),
59902
+ ]
59903
+ }
59904
+ ),
59905
+ ]
59906
+ }),
59907
+ ],
59908
+ 2
59909
+ )
59910
+ : _vm._e(),
59829
59911
  ]
59830
59912
  },
59831
59913
  }
@@ -59919,8 +60001,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
59919
60001
  /* style */
59920
60002
  const __vue_inject_styles__$1 = function (inject) {
59921
60003
  if (!inject) return
59922
- inject("data-v-8b38a9f2_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
59923
- ,inject("data-v-8b38a9f2_1", { source: ".zd-tree-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.zd-tree-grid.theme--light tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-tree-grid.theme--dark tbody td.zd-table-cell {\n color: #fff;\n}\n.zd-tree-grid tbody td.zd-table-cell.first {\n padding-left: 5px !important;\n}\n.zd-tree-grid tbody td.zd-table-cell .zd-table-cell-text .search-result {\n background: var(--v-grey-lighten4);\n}\n.zd-tree-grid .zd-tree-grid-expand {\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n display: inline-block;\n}\n.zd-tree-grid .zd-tree-grid-expand-action {\n height: 100%;\n display: inline-grid;\n justify-content: end;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid .zd-tree-grid-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid .zd-tree-grid-expand.level1 {\n width: 20px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level2 {\n width: 40px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level3 {\n width: 60px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level4 {\n width: 80px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level5 {\n width: 100px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level6 {\n width: 120px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level7 {\n width: 140px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level8 {\n width: 160px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level9 {\n width: 180px;\n}\n.zd-tree-grid .zd-tree-grid-expand.level10 {\n width: 200px;\n}", map: undefined, media: undefined });
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 });
59924
60006
 
59925
60007
  };
59926
60008
  /* scoped */
@@ -60566,7 +60648,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60566
60648
  },
60567
60649
  }
60568
60650
  : null,
60569
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
60651
+ _vm.instance.virtualScroll &&
60652
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
60570
60653
  ? {
60571
60654
  key: "body.prepend",
60572
60655
  fn: function (ref) {
@@ -60584,7 +60667,9 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60584
60667
  }
60585
60668
  : null,
60586
60669
  _vm.instance.virtualScroll &&
60587
- _vm.scrollData.start + _vm.scrollData.perPage <
60670
+ _vm.scrollData.start +
60671
+ _vm.scrollData.perPage +
60672
+ _vm.instance.virtualScrollCache <
60588
60673
  (_vm.scrollData.visibleData || []).length
60589
60674
  ? {
60590
60675
  key: "body.append",
@@ -60610,408 +60695,430 @@ If you're seeing "$attrs is readonly", it's caused by this`);
60610
60695
  var index = ref.index;
60611
60696
  var headers = ref.headers;
60612
60697
  return [
60613
- _c(
60614
- "tr",
60615
- {
60616
- 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",
60617
60707
  {
60618
- name: "show",
60619
- rawName: "v-show",
60620
- value: _vm.instance.treeDataStructure.isOpened(item),
60621
- expression:
60622
- "instance.treeDataStructure.isOpened(item)",
60623
- },
60624
- ],
60625
- class: {
60626
- active: isSelected,
60627
- current: _vm.isCurrentRow(item),
60628
- },
60629
- attrs: {
60630
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
60631
- _vm.instance.callCanEditRow(item)),
60632
- },
60633
- on: {
60634
- click: function ($event) {
60635
- 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
+ },
60636
60731
  },
60637
- },
60638
- },
60639
- [
60640
- _vm.instance.selectable
60641
- ? _c(
60642
- "td",
60643
- { staticClass: "zd-table-cell selectable" },
60644
- [
60645
- _c("v-checkbox", {
60646
- staticClass: "zd-grid-row-checkbox",
60647
- attrs: {
60648
- "hide-details": "",
60649
- color: "primary",
60650
- disabled:
60651
- _vm.instance.editing ||
60652
- _vm.instance.callDisableSelection(item),
60653
- "on-icon": _vm.$getIcon("checkboxOn"),
60654
- "off-icon": _vm.$getIcon("checkboxOff"),
60655
- "true-value": true,
60656
- "false-value": false,
60657
- value: isSelected,
60658
- indeterminate:
60659
- !_vm.checkEvery(item) &&
60660
- _vm.checkSome(item),
60661
- },
60662
- on: {
60663
- click: function ($event) {
60664
- $event.stopPropagation();
60665
- return _vm.selectClick(
60666
- index,
60667
- !isSelected,
60668
- $event
60669
- )
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],
60670
60782
  },
60671
- },
60672
- }),
60673
- ],
60674
- 1
60675
- )
60676
- : _vm._e(),
60677
- _vm._v(" "),
60678
- _vm._l(headers, function (header, headerIndex) {
60679
- return [
60680
- _vm._l(
60681
- [
60682
- {
60683
- column: header,
60684
- rowStyle:
60685
- _vm.instance.getRowStyleConditions(item),
60686
- cellsApplied: (_vm.instance.cellsApplied[
60687
- _vm.rowKey(item)
60688
- ] || {})[header.name],
60689
- },
60690
- ],
60691
- function (ref) {
60692
- var column = ref.column;
60693
- var rowStyle = ref.rowStyle;
60694
- var cellsApplied = ref.cellsApplied;
60695
- return [
60696
- column.isVisible && column.type !== "action"
60697
- ? [
60698
- _c(
60699
- "zd-grid-cell",
60700
- {
60701
- key: column.name,
60702
- attrs: {
60703
- column: column,
60704
- rowStyle: rowStyle,
60705
- cellsApplied: cellsApplied,
60706
- cellClass: [
60707
- {
60708
- first:
60709
- headerIndex === 0 ||
60710
- (headerIndex === 1 &&
60711
- _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
+ ],
60712
60821
  },
60713
- {
60714
- "zd-table-column-editable":
60715
- column.editable,
60716
- "zd-table-cell-editable":
60717
- Object.assign(
60718
- {},
60822
+ on: {
60823
+ click: function ($event) {
60824
+ _vm.cellClick(
60825
+ item,
60719
60826
  column,
60720
- cellsApplied
60721
- ).editable &&
60722
- _vm.canEditRowValues[
60723
- _vm.rowKey(item)
60724
- ],
60725
- },
60726
- ],
60727
- },
60728
- on: {
60729
- click: function ($event) {
60730
- _vm.cellClick(
60731
- item,
60732
- column,
60733
- $event,
60734
- _vm.canEditRowValues[
60735
- _vm.rowKey(item)
60736
- ]
60737
- );
60738
- },
60739
- },
60740
- },
60741
- [
60742
- column.loading
60743
- ? _c("v-skeleton-loader", {
60744
- staticClass:
60745
- "zd-skeleton-table-cell",
60746
- attrs: {
60747
- loading: "",
60748
- type: "table-cell",
60827
+ $event,
60828
+ _vm.canEditRowValues[
60829
+ _vm.rowKey(item)
60830
+ ]
60831
+ );
60749
60832
  },
60750
- })
60751
- : _vm._e(),
60752
- _vm._v(" "),
60753
- _c(
60754
- "span",
60755
- {
60756
- staticClass:
60757
- "zd-tree-grid-editable-cell-wrapper",
60833
+ },
60758
60834
  },
60759
60835
  [
60760
- Object.assign(
60761
- {},
60762
- column,
60763
- cellsApplied
60764
- ).editable &&
60765
- _vm.canEditRowValues[
60766
- _vm.rowKey(item)
60767
- ] &&
60768
- _vm.instance.editing
60769
- ? _c("zd-grid-cell-edit", {
60770
- directives: [
60771
- {
60772
- name: "show",
60773
- rawName: "v-show",
60774
- value: !column.loading,
60775
- expression:
60776
- "!column.loading",
60777
- },
60778
- ],
60836
+ column.loading
60837
+ ? _c("v-skeleton-loader", {
60838
+ staticClass:
60839
+ "zd-skeleton-table-cell",
60779
60840
  attrs: {
60780
- getWidthStyle:
60781
- _vm.getWidthStyle,
60782
- column: column,
60783
- row: item,
60784
- rowStyle: rowStyle,
60785
- cellsApplied:
60786
- cellsApplied,
60787
- isEdited:
60788
- _vm.instance.isEdited(
60789
- column,
60790
- item
60791
- ),
60792
- isValid:
60793
- _vm.instance.isValid(
60794
- column,
60795
- item
60796
- ),
60797
- getEditableComponent:
60798
- _vm.getEditableComponent,
60841
+ loading: "",
60842
+ type: "table-cell",
60799
60843
  },
60800
60844
  })
60801
- : _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
+ {},
60802
60856
  column,
60803
- item
60804
- )
60805
- ? _c(
60806
- "span",
60807
- [
60808
- _c("v-icon", [
60809
- _vm._v(
60810
- _vm._s(
60811
- _vm.$getIcon(
60812
- column.formatterByRow(
60813
- item,
60814
- 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
+ )
60815
60912
  )
60816
- )
60817
- )
60818
- ),
60819
- ]),
60820
- ],
60821
- 1
60822
- )
60823
- : _c(
60824
- "zd-tree-grid-cell-content",
60825
- {
60826
- directives: [
60913
+ ),
60914
+ ]),
60915
+ ],
60916
+ 1
60917
+ )
60918
+ : _c(
60919
+ "zd-tree-grid-cell-content",
60827
60920
  {
60828
- name: "show",
60829
- rawName: "v-show",
60830
- value:
60831
- !column.loading,
60832
- expression:
60833
- "!column.loading",
60834
- },
60835
- ],
60836
- attrs: {
60837
- getWidthStyle:
60838
- _vm.getWidthStyle,
60839
- column: column,
60840
- row: item,
60841
- rowStyle: rowStyle,
60842
- cellsApplied:
60843
- cellsApplied,
60844
- headerIndex:
60845
- headerIndex,
60846
- selectable:
60847
- _vm.instance
60848
- .selectable,
60849
- fieldHasChild:
60850
- _vm.instance
60851
- .fieldHasChild,
60852
- toggleExpand:
60853
- _vm.toggleExpand,
60854
- rowIndex: index,
60855
- hasUsingCellText: false,
60856
- search:
60857
- _vm.instance
60858
- .datasource.search,
60859
- expandClass:
60860
- "zd-tree-grid-editable-expand",
60861
- },
60862
- on: {
60863
- mouseenter: function (
60864
- $event
60865
- ) {
60866
- return _vm.checkOverflow(
60867
- $event
60868
- )
60869
- },
60870
- mouseleave: function (
60871
- $event
60872
- ) {
60873
- return _vm.removeTooltip()
60874
- },
60875
- },
60876
- }
60877
- ),
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
+ ),
60878
60979
  ],
60879
60980
  1
60880
60981
  ),
60881
- ],
60882
- 1
60883
- ),
60884
- ]
60885
- : column.isVisible && column.type === "action"
60886
- ? [
60887
- _c(
60888
- "zd-grid-cell",
60889
- {
60890
- key: column.name,
60891
- attrs: {
60892
- column: column,
60893
- rowStyle: rowStyle,
60894
- cellsApplied: cellsApplied,
60895
- cellClass: [
60896
- {
60897
- "zd-table-cell-text-first":
60898
- headerIndex === 0 ||
60899
- (headerIndex === 1 &&
60900
- _vm.instance.selectable),
60901
- },
60902
- {
60903
- "zd-table-fixed-column-action":
60904
- column.actionFixed,
60905
- },
60906
- {
60907
- "theme--dark":
60908
- (_vm.$vuetify.theme.dark &&
60909
- !_vm.instance.light) ||
60910
- _vm.instance.dark,
60911
- },
60912
- {
60913
- "theme--light":
60914
- !_vm.$vuetify.theme.dark ||
60915
- _vm.instance.light,
60916
- },
60917
- ],
60918
- cellStyle: [
60919
- {
60920
- right: column.actionFixed
60921
- ? _vm.fixedRight[column.name]
60922
- : "unset",
60923
- },
60924
- ],
60925
- },
60926
- on: {
60927
- click: function ($event) {
60928
- return _vm.cellClick(
60929
- item,
60930
- column,
60931
- $event
60932
- )
60933
- },
60934
- },
60935
- },
60936
- [
60982
+ ]
60983
+ : column.isVisible &&
60984
+ column.type === "action"
60985
+ ? [
60937
60986
  _c(
60938
- "div",
60987
+ "zd-grid-cell",
60939
60988
  {
60940
- directives: [
60941
- {
60942
- name: "show",
60943
- rawName: "v-show",
60944
- value: headerIndex === 0,
60945
- expression:
60946
- "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
+ )
60947
61037
  },
60948
- ],
60949
- class: [
60950
- "zd-tree-grid-expand",
60951
- "level" + item.tree__level,
60952
- ],
61038
+ },
60953
61039
  },
60954
61040
  [
60955
- (item.tree__children || [])
60956
- .length > 0
60957
- ? _c(
60958
- "v-icon",
61041
+ _c(
61042
+ "div",
61043
+ {
61044
+ directives: [
60959
61045
  {
60960
- class: {
60961
- opened:
60962
- item.tree__opened,
60963
- },
60964
- attrs: { tabindex: "-1" },
60965
- on: {
60966
- click: function (
60967
- $event
60968
- ) {
60969
- return _vm.instance.toggleExpand(
60970
- item,
60971
- index
60972
- )
60973
- },
60974
- },
61046
+ name: "show",
61047
+ rawName: "v-show",
61048
+ value: headerIndex === 0,
61049
+ expression:
61050
+ "headerIndex === 0",
60975
61051
  },
60976
- [
60977
- _vm._v(
60978
- "\n " +
60979
- _vm._s(
60980
- _vm.$getIcon(
60981
- "chevronRight"
60982
- )
60983
- ) +
60984
- "\n "
60985
- ),
60986
- ]
60987
- )
60988
- : _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
+ }),
60989
61108
  ],
60990
61109
  1
60991
61110
  ),
60992
- _vm._v(" "),
60993
- _c("zd-grid-action", {
60994
- attrs: {
60995
- column: column,
60996
- row: item,
60997
- rowKey: _vm.rowKey(item),
60998
- getActionComponent:
60999
- _vm.getActionComponent,
61000
- },
61001
- }),
61002
- ],
61003
- 1
61004
- ),
61005
- ]
61006
- : _vm._e(),
61007
- ]
61008
- }
61009
- ),
61010
- ]
61011
- }),
61012
- ],
61013
- 2
61014
- ),
61111
+ ]
61112
+ : _vm._e(),
61113
+ ]
61114
+ }
61115
+ ),
61116
+ ]
61117
+ }),
61118
+ ],
61119
+ 2
61120
+ )
61121
+ : _vm._e(),
61015
61122
  ]
61016
61123
  },
61017
61124
  }
@@ -61105,8 +61212,8 @@ If you're seeing "$attrs is readonly", it's caused by this`);
61105
61212
  /* style */
61106
61213
  const __vue_inject_styles__ = function (inject) {
61107
61214
  if (!inject) return
61108
- inject("data-v-0447beb6_0", { source: ".zd-grid {\n outline: none;\n}\n.zd-grid-flex {\n display: flex;\n flex-direction: column;\n}\n.zd-grid-flex .v-data-table__wrapper {\n flex: 1;\n}\n.zd-grid.theme--light:active table th.zd-table-cell, .zd-grid.theme--light:focus table th.zd-table-cell, .zd-grid.theme--light:focus-within table th.zd-table-cell {\n color: var(--v-primary-base) !important;\n}\n.zd-grid-toolbar {\n display: flex;\n justify-content: space-between;\n margin-bottom: var(--spacing-4);\n align-items: center;\n}\n.zd-grid-toolbar-slot {\n width: 100%;\n display: flex;\n align-items: center;\n}\n.zd-grid-search {\n max-width: 200px;\n}\n.zd-grid table .zd-table-cell {\n transition: height 0.1s ease;\n}\n.zd-grid table .zd-table-cell.selectable {\n width: 40px !important;\n padding-right: var(--spacing-2) !important;\n max-width: 40px !important;\n padding-bottom: 0 !important;\n}\n.zd-grid table .zd-table-cell.selectable > div.zd-grid-header-checkbox {\n margin-top: -2px;\n}\n.zd-grid table .zd-grid-header-checkbox, .zd-grid table .zd-grid-row-checkbox {\n margin-top: 0;\n padding-top: 0;\n}\n.zd-grid table .zd-grid-header-checkbox .v-icon, .zd-grid table .zd-grid-row-checkbox .v-icon {\n font-size: var(--icon-size-small);\n}\n.zd-grid table .zd-grid-header-checkbox .v-input--selection-controls__ripple::before, .zd-grid table .zd-grid-row-checkbox .v-input--selection-controls__ripple::before {\n display: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell {\n font-size: var(--zd-font-body2-size);\n font-weight: var(--zd-font-body2-weight);\n white-space: nowrap;\n height: 40px;\n padding: 0 var(--spacing-4) var(--spacing-2) var(--spacing-4);\n z-index: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-header-cell {\n width: 100%;\n display: flex;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-left .zd-table-header-cell {\n justify-content: flex-start;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-right .zd-table-header-cell {\n justify-content: flex-end;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.text-center .zd-table-header-cell {\n justify-content: center;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort {\n opacity: 0;\n position: relative;\n display: inline-block;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-icon {\n position: relative;\n transition: none;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order {\n position: absolute;\n font-size: 9px;\n right: 2px;\n color: var(--zd-font-color);\n width: 12px;\n text-align: center;\n border-radius: 50%;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-sort .zd-table-cell-sort-order.left {\n right: auto;\n left: 2px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name {\n opacity: 0.7;\n white-space: pre;\n display: inline-block;\n vertical-align: bottom;\n overflow: hidden;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell .zd-table-cell-name.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.sortable {\n cursor: pointer;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: -8px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.asc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: 6px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-icon {\n top: 3px;\n transform: rotate(180deg);\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell.active.desc .zd-table-cell-sort .zd-table-cell-sort-order {\n top: -1px;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-name, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-name {\n opacity: 1;\n}\n.zd-grid table .zd-grid-table-header th.zd-table-cell:hover .zd-table-cell-sort, .zd-grid table .zd-grid-table-header th.zd-table-cell.active .zd-table-cell-sort {\n opacity: 1;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 5;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table thead tr th.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table thead tr th .zd-grid-resize-handle {\n height: 100%;\n width: 10px;\n display: block;\n position: absolute;\n top: 0;\n right: 0;\n cursor: ew-resize;\n font-size: 15px;\n color: #ccc;\n display: none;\n}\n.zd-grid table thead tr th:hover .zd-grid-resize-handle {\n display: block;\n}\n.zd-grid table tbody tr td.zd-table-cell {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n padding: 0 var(--spacing-4);\n height: 48px;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable {\n overflow: hidden;\n}\n.zd-grid table tbody tr td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 0.7;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: block;\n overflow: hidden;\n white-space: pre;\n text-overflow: ellipsis;\n overflow-wrap: break-word;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-hidden {\n text-overflow: unset;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-wrap {\n white-space: pre-wrap;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp {\n white-space: normal;\n -webkit-box-orient: vertical;\n display: -webkit-box;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-2 {\n -webkit-line-clamp: 2;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-3 {\n -webkit-line-clamp: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-4 {\n -webkit-line-clamp: 4;\n}\n.zd-grid table tbody tr td.zd-table-cell .zd-table-cell-text.overflow-clamp.overflow-clamp-5 {\n -webkit-line-clamp: 5;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action {\n position: sticky !important;\n right: 0;\n z-index: 3;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--light {\n background: #f7f7f7 !important;\n}\n.zd-grid table tbody tr td.zd-table-cell.zd-table-fixed-column-action.theme--dark {\n background: #3c3c3c !important;\n}\n.zd-grid table tbody tr:hover td.zd-table-cell.selectable .zd-grid-row-checkbox, .zd-grid table tbody tr.active td.zd-table-cell.selectable .zd-grid-row-checkbox {\n opacity: 1;\n}\n.zd-grid table tbody tr.current {\n background: var(--current-row-color);\n}\n.zd-grid table tbody tr.current:hover {\n background: var(--current-row-hover-color) !important;\n}\n.zd-grid.v-data-table--dense table thead tr th.zd-table-cell {\n padding: 0 var(--spacing-2) var(--spacing-1) var(--spacing-2);\n height: 24px;\n}\n.zd-grid.v-data-table--dense table tbody tr td.zd-table-cell {\n padding: 0 var(--spacing-2);\n height: 29px;\n}\n.zd-grid.theme--light.v-data-table {\n background-color: transparent;\n}\n.zd-grid.theme--light table thead th.zd-table-cell {\n color: var(--zd-font-color) !important;\n}\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--indeterminate .v-icon,\n.zd-grid.theme--light table thead th.zd-table-cell.selectable .zd-grid-header-checkbox.v-input--is-label-active .v-icon {\n color: var(--v-primary-base);\n}\n.zd-grid.theme--light table tbody td.zd-table-cell {\n color: var(--zd-font-color);\n}\n.zd-grid.theme--light table tbody tr:not(:last-child) td:not(.v-data-table__mobile-row) {\n border-bottom: solid var(--regular) var(--v-grey-lighten5);\n}\n.zd-grid.theme--light.v-data-table--fixed-header table thead th.zd-table-cell {\n box-shadow: inset 0 -1px 0 var(--v-grey-lighten3);\n}\n.zd-grid-footer {\n margin: 24px 0 0 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.zd-grid-div-footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n@media screen and (max-width: 425px) {\n.zd-grid-footer {\n flex-direction: column;\n justify-content: center;\n}\n.zd-grid-div-footer {\n width: 100%;\n}\n.zd-grid .zd-iterable-pagination {\n justify-content: space-evenly;\n}\n}\n.zd-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.zd-grid .zd-grid-cell-tooltip {\n z-index: 10000;\n position: fixed;\n color: white;\n background-color: var(--v-grey-lighten1);\n border-radius: var(--border);\n padding: var(--spacing-1) var(--spacing-2);\n opacity: 0.9;\n display: none;\n font-size: 14px;\n line-height: 22px;\n text-transform: none;\n width: auto;\n pointer-events: none;\n white-space: pre;\n}\n.zd-grid .zd-grid-cell-tooltip.zd-grid-cell-tooltip-show {\n display: block;\n white-space: normal;\n}\n.zd-grid-loading {\n pointer-events: none;\n}\n.v-data-table__progress {\n position: sticky;\n top: 24px;\n}\n.v-data-table--mobile > .v-data-table__wrapper tbody {\n display: contents;\n flex-direction: column;\n}", map: undefined, media: undefined })
61109
- ,inject("data-v-0447beb6_1", { source: ".zd-tree-grid-editable table tbody tr td.zd-table-cell .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-right .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-right .zd-table-cell-inline-edit {\n justify-content: flex-end;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable.text-center .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable.text-center .zd-table-cell-inline-edit {\n justify-content: center;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit {\n display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-inline-edit .zd-table-cell-edit-icon .v-icon {\n display: flex;\n font-size: 18px;\n margin-right: var(--spacing-1);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-tree-grid-editable-cell-wrapper, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-tree-grid-editable-cell-wrapper {\n display: flex;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n width: 100%;\n padding: 0 0.5rem;\n position: relative;\n display: block;\n height: 1.25rem;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n content: \"\";\n position: absolute;\n width: 1px;\n height: var(--spacing-1);\n bottom: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before {\n left: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-column-editable .zd-table-cell-text:after, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n right: 0;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable {\n cursor: pointer;\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text {\n border-bottom: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:before, .zd-tree-grid-editable table tbody tr td.zd-table-cell.zd-table-cell-editable .zd-table-cell-text:after {\n border-left: solid var(--regular) var(--v-grey-lighten4);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand {\n display: inline-block;\n text-align: end;\n vertical-align: baseline;\n height: 10px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon {\n transition: transform 0.3s ease;\n -webkit-transition: transform 0.3s ease;\n font-size: 20px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon::after {\n content: none;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand .v-icon.opened {\n transform: rotate(90deg);\n -webkit-transform: rotate(90deg);\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level1 {\n width: 23px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level2 {\n width: 46px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level3 {\n width: 69px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level4 {\n width: 92px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level5 {\n width: 115px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level6 {\n width: 138px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level7 {\n width: 161px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level8 {\n width: 184px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level9 {\n width: 207px;\n}\n.zd-tree-grid-editable .zd-tree-grid-editable-expand.level10 {\n width: 230px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot {\n height: 22px;\n}\n.zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot input, .zd-tree-grid-editable.v-data-table--dense table tbody .zd-input.zd-text-input .v-input__slot .v-select__selections {\n height: 22px;\n max-height: 22px;\n}", map: undefined, media: undefined });
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 });
61110
61217
 
61111
61218
  };
61112
61219
  /* scoped */