@zeedhi/teknisa-components-vuetify 1.71.0 → 1.73.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/tek-components-vuetify.esm.js +477 -409
  2. package/dist/tek-components-vuetify.umd.js +477 -409
  3. package/package.json +2 -2
  4. package/types/components/tek-tree-grid/TekTreeGrid.d.ts +9 -5
package/dist/tek-components-vuetify.umd.js CHANGED
@@ -1771,6 +1771,8 @@
1771
1771
  !column.fixed &&
1772
1772
  _vm.instance.dragColumns,
1773
1773
  "zd-table-fixed-column": column.fixed,
1774
+ "zd-table-fixed-column-action":
1775
+ column.actionFixed,
1774
1776
  },
1775
1777
  {
1776
1778
  "theme--dark":
@@ -2365,7 +2367,8 @@
2365
2367
  },
2366
2368
  }
2367
2369
  : null,
2368
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
2370
+ _vm.instance.virtualScroll &&
2371
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
2369
2372
  ? {
2370
2373
  key: "body.prepend",
2371
2374
  fn: function (ref) {
@@ -2383,7 +2386,9 @@
2383
2386
  }
2384
2387
  : null,
2385
2388
  _vm.instance.virtualScroll &&
2386
- _vm.scrollData.start + _vm.scrollData.perPage <
2389
+ _vm.scrollData.start +
2390
+ _vm.scrollData.perPage +
2391
+ _vm.instance.virtualScrollCache <
2387
2392
  (_vm.scrollData.visibleData || []).length
2388
2393
  ? {
2389
2394
  key: "body.append",
@@ -2408,8 +2413,17 @@
2408
2413
  var select = ref.select;
2409
2414
  var isSelected = ref.isSelected;
2410
2415
  var headers = ref.headers;
2416
+ var index = ref.index;
2411
2417
  return [
2412
- item.group && _vm.instance.isItemVisible(item)
2418
+ item.group &&
2419
+ _vm.instance.isItemVisible(item) &&
2420
+ (!_vm.instance.virtualScroll ||
2421
+ (index >=
2422
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
2423
+ index <=
2424
+ _vm.scrollData.start +
2425
+ _vm.scrollData.perPage +
2426
+ _vm.instance.virtualScrollCache))
2413
2427
  ? _c(
2414
2428
  "tr",
2415
2429
  {
@@ -2506,7 +2520,13 @@
2506
2520
  _c(
2507
2521
  "span",
2508
2522
  {
2509
- staticClass: "zd-table-group-container",
2523
+ class: [
2524
+ {
2525
+ "zd-table-group-two-plus-container":
2526
+ item.groupHeaders.length,
2527
+ },
2528
+ "zd-table-group-container",
2529
+ ],
2510
2530
  style:
2511
2531
  "left: " +
2512
2532
  (_vm.instance.selectable ? 48 : 8) +
@@ -2681,6 +2701,12 @@
2681
2701
  cellsApplied: cellsApplied,
2682
2702
  cellClass: [
2683
2703
  {
2704
+ "zd-table-two-plus-groups":
2705
+ (_vm.instance
2706
+ .groupColumnNames
2707
+ .length >
2708
+ 1) &
2709
+ (index === 0),
2684
2710
  "zd-table-column-editable":
2685
2711
  column.editable,
2686
2712
  "zd-table-cell-editable":
@@ -2906,6 +2932,8 @@
2906
2932
  {
2907
2933
  "zd-table-fixed-column":
2908
2934
  column.fixed,
2935
+ "zd-table-fixed-column-action":
2936
+ column.actionFixed,
2909
2937
  },
2910
2938
  {
2911
2939
  "theme--dark":
@@ -3076,7 +3104,7 @@
3076
3104
  /* style */
3077
3105
  const __vue_inject_styles__$b = function (inject) {
3078
3106
  if (!inject) return
3079
- inject("data-v-62e752ef_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3107
+ inject("data-v-5bbdab3a_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3080
3108
 
3081
3109
  };
3082
3110
  /* scoped */
@@ -5803,9 +5831,10 @@
5803
5831
  this.tableBody = null;
5804
5832
  }
5805
5833
  mounted() {
5806
- this.originalChangeLayout = this.instance.changeLayout;
5807
- this.instance.changeLayout = this.onChangeLayout;
5834
+ this.originalChangeTekGridLayout = this.instance.changeLayout;
5835
+ this.instance.changeLayout = this.onChangeTekGridLayout;
5808
5836
  this.updateFixedColumns();
5837
+ this.orderColumnVisibility();
5809
5838
  }
5810
5839
  minimumColumnWidth(column) {
5811
5840
  let minWidth = column && column.sortable ? 50 : 34;
@@ -5814,9 +5843,9 @@
5814
5843
  }
5815
5844
  return minWidth;
5816
5845
  }
5817
- onChangeLayout(event, element) {
5818
- if (this.originalChangeLayout) {
5819
- this.originalChangeLayout.call(this.instance, event, element);
5846
+ onChangeTekGridLayout(event, element) {
5847
+ if (this.originalChangeTekGridLayout) {
5848
+ this.originalChangeTekGridLayout.call(this.instance, event, element);
5820
5849
  }
5821
5850
  if (this.instance.showLayoutOptions) {
5822
5851
  try {
@@ -5889,11 +5918,26 @@
5889
5918
  datasource.dynamicFilter[column.name][index][prop] = component.value;
5890
5919
  if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
5891
5920
  this.debouncedDatasourceGet(this.instance);
5892
- this.onChangeLayout(event, element);
5921
+ this.onChangeTekGridLayout(event, element);
5893
5922
  }
5894
5923
  }
5895
5924
  }
5896
5925
  }
5926
+ orderColumnVisibility() {
5927
+ const columnsInvisibles = this.instance.columns.filter((column) => column.isVisible === false);
5928
+ if (!columnsInvisibles) {
5929
+ return;
5930
+ }
5931
+ const columnsVisibles = this.instance.columns.filter((column) => column.isVisible === true);
5932
+ const newOrderColumns = [];
5933
+ if (columnsVisibles) {
5934
+ newOrderColumns.push(...columnsVisibles);
5935
+ }
5936
+ if (columnsInvisibles) {
5937
+ newOrderColumns.push(...columnsInvisibles);
5938
+ }
5939
+ this.instance.columns = newOrderColumns;
5940
+ }
5897
5941
  convertToDateFormat(column, value, revert) {
5898
5942
  const dateFormat = column.componentProps.dateFormat || core.Config.dateFormat;
5899
5943
  const displayFormat = column.componentProps.displayFormat || core.Config.displayFormat;
@@ -5973,7 +6017,7 @@
5973
6017
  }
5974
6018
  if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
5975
6019
  this.debouncedDatasourceGet(this.instance);
5976
- this.onChangeLayout(event, element);
6020
+ this.onChangeTekGridLayout(event, element);
5977
6021
  this.clearHelperValues(column);
5978
6022
  }
5979
6023
  }
@@ -5987,7 +6031,7 @@
5987
6031
  }
5988
6032
  if (this.lastFilter !== JSON.stringify(this.instance.datasource.filter)) {
5989
6033
  this.debouncedDatasourceGet(this.instance);
5990
- this.onChangeLayout(event, element);
6034
+ this.onChangeTekGridLayout(event, element);
5991
6035
  this.clearHelperValues(column);
5992
6036
  }
5993
6037
  }
@@ -6087,22 +6131,14 @@
6087
6131
  return headerElement[0].style.left;
6088
6132
  }
6089
6133
  setSpanWidth(column) {
6090
- return this.calcWidth(column, column.width);
6134
+ return column.width;
6091
6135
  }
6092
6136
  getWidthStyle(column) {
6093
- let widthData = {
6094
- 'min-width': '100%',
6137
+ return {
6138
+ width: this.calcWidth(column, column.width) || 'unset',
6139
+ 'min-width': this.calcWidth(column, column.minWidth) || 'unset',
6140
+ 'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
6095
6141
  };
6096
- if (column.width) {
6097
- widthData = Object.assign({ width: this.calcWidth(column, column.width) }, widthData);
6098
- }
6099
- if (column.minWidth) {
6100
- widthData = Object.assign({ 'min-width': this.calcWidth(column, column.minWidth) }, widthData);
6101
- }
6102
- if (column.maxWidth) {
6103
- widthData = Object.assign({ 'max-width': this.calcWidth(column, column.maxWidth) }, widthData);
6104
- }
6105
- return widthData;
6106
6142
  }
6107
6143
  };
6108
6144
  __decorate([
@@ -6349,6 +6385,8 @@
6349
6385
  sortable: column.sortable,
6350
6386
  sortHandle: _vm.instance.dragColumns,
6351
6387
  "zd-table-fixed-column": column.fixed,
6388
+ "zd-table-fixed-column-action":
6389
+ column.actionFixed,
6352
6390
  },
6353
6391
  "text-" + column.align,
6354
6392
  _vm.instance.datasource.getOrderByColumn(
@@ -6882,7 +6920,8 @@
6882
6920
  },
6883
6921
  }
6884
6922
  : null,
6885
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
6923
+ _vm.instance.virtualScroll &&
6924
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
6886
6925
  ? {
6887
6926
  key: "body.prepend",
6888
6927
  fn: function (ref) {
@@ -6899,7 +6938,9 @@
6899
6938
  }
6900
6939
  : null,
6901
6940
  _vm.instance.virtualScroll &&
6902
- _vm.scrollData.start + _vm.scrollData.perPage <
6941
+ _vm.scrollData.start +
6942
+ _vm.scrollData.perPage +
6943
+ _vm.instance.virtualScrollCache <
6903
6944
  (_vm.scrollData.visibleData || []).length
6904
6945
  ? {
6905
6946
  key: "body.append",
@@ -6925,414 +6966,441 @@
6925
6966
  var index = ref.index;
6926
6967
  var headers = ref.headers;
6927
6968
  return [
6928
- _c(
6929
- "tr",
6930
- {
6931
- directives: [
6969
+ !_vm.instance.virtualScroll ||
6970
+ (index >=
6971
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
6972
+ index <=
6973
+ _vm.scrollData.start +
6974
+ _vm.scrollData.perPage +
6975
+ _vm.instance.virtualScrollCache)
6976
+ ? _c(
6977
+ "tr",
6932
6978
  {
6933
- name: "show",
6934
- rawName: "v-show",
6935
- value: _vm.instance.treeDataStructure.isOpened(item),
6936
- expression:
6937
- "instance.treeDataStructure.isOpened(item)",
6938
- },
6939
- ],
6940
- class: {
6941
- active: isSelected,
6942
- current: _vm.isCurrentRow(item),
6943
- },
6944
- attrs: {
6945
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
6946
- _vm.instance.callCanEditRow(item)),
6947
- },
6948
- on: {
6949
- click: function ($event) {
6950
- return _vm.rowClick(item, $event)
6951
- },
6952
- },
6953
- },
6954
- [
6955
- _vm.instance.selectable
6956
- ? _c(
6957
- "td",
6979
+ directives: [
6958
6980
  {
6959
- class: [
6960
- "zd-table-cell",
6961
- "selectable",
6962
- "zd-table-fixed-column",
6963
- {
6964
- "theme--dark":
6965
- (_vm.$vuetify.theme.dark &&
6966
- !_vm.instance.light) ||
6967
- _vm.instance.dark,
6968
- },
6969
- {
6970
- "theme--light":
6971
- !_vm.$vuetify.theme.dark ||
6972
- _vm.instance.light,
6973
- },
6974
- ],
6981
+ name: "show",
6982
+ rawName: "v-show",
6983
+ value:
6984
+ _vm.instance.treeDataStructure.isOpened(item),
6985
+ expression:
6986
+ "instance.treeDataStructure.isOpened(item)",
6975
6987
  },
6976
- [
6977
- _c("v-checkbox", {
6978
- staticClass: "zd-grid-row-checkbox",
6979
- attrs: {
6980
- "hide-details": "",
6981
- color: "primary",
6982
- disabled:
6983
- _vm.instance.editing ||
6984
- _vm.instance.callDisableSelection(item),
6985
- "on-icon": _vm.$getIcon("checkboxOn"),
6986
- "off-icon": _vm.$getIcon("checkboxOff"),
6987
- "true-value": true,
6988
- "false-value": false,
6989
- value: isSelected,
6990
- indeterminate:
6991
- !_vm.checkEvery(item) &&
6992
- _vm.checkSome(item),
6993
- },
6994
- on: {
6995
- click: function ($event) {
6996
- $event.stopPropagation();
6997
- return _vm.selectClick(
6998
- index,
6999
- !isSelected,
7000
- $event
7001
- )
7002
- },
7003
- },
7004
- }),
7005
- ],
7006
- 1
7007
- )
7008
- : _vm._e(),
7009
- _vm._v(" "),
7010
- _vm._l(
7011
- _vm.orderHeaders(headers),
7012
- function (header, headerIndex) {
7013
- return [
7014
- _vm._l(
7015
- [
6988
+ ],
6989
+ class: {
6990
+ active: isSelected,
6991
+ current: _vm.isCurrentRow(item),
6992
+ },
6993
+ attrs: {
6994
+ set: (_vm.canEditRowValues[_vm.rowKey(item)] =
6995
+ _vm.instance.callCanEditRow(item)),
6996
+ },
6997
+ on: {
6998
+ click: function ($event) {
6999
+ return _vm.rowClick(item, $event)
7000
+ },
7001
+ },
7002
+ },
7003
+ [
7004
+ _vm.instance.selectable
7005
+ ? _c(
7006
+ "td",
7016
7007
  {
7017
- column: header,
7018
- rowStyle:
7019
- _vm.instance.getRowStyleConditions(item),
7020
- cellsApplied: (_vm.instance.cellsApplied[
7021
- _vm.rowKey(item)
7022
- ] || {})[header.name],
7008
+ class: [
7009
+ "zd-table-cell",
7010
+ "selectable",
7011
+ "zd-table-fixed-column",
7012
+ {
7013
+ "theme--dark":
7014
+ (_vm.$vuetify.theme.dark &&
7015
+ !_vm.instance.light) ||
7016
+ _vm.instance.dark,
7017
+ },
7018
+ {
7019
+ "theme--light":
7020
+ !_vm.$vuetify.theme.dark ||
7021
+ _vm.instance.light,
7022
+ },
7023
+ ],
7023
7024
  },
7024
- ],
7025
- function (ref) {
7026
- var column = ref.column;
7027
- var rowStyle = ref.rowStyle;
7028
- var cellsApplied = ref.cellsApplied;
7029
- return [
7030
- column.isVisible && column.type !== "action"
7031
- ? [
7032
- _c(
7033
- "zd-grid-cell",
7034
- {
7035
- key: column.name,
7036
- attrs: {
7037
- column: column,
7038
- rowStyle: rowStyle,
7039
- cellsApplied: cellsApplied,
7040
- cellClass: [
7041
- { first: headerIndex === 0 },
7042
- {
7043
- "zd-table-column-editable":
7044
- column.editable,
7045
- "zd-table-cell-editable":
7046
- Object.assign(
7047
- {},
7048
- column,
7049
- cellsApplied
7050
- ).editable &&
7051
- _vm.canEditRowValues[
7052
- _vm.rowKey(item)
7053
- ],
7054
- "zd-table-fixed-column":
7055
- column.fixed,
7056
- },
7057
- ],
7058
- cellStyle: [
7059
- {
7060
- left: _vm.getFixedLeft(
7061
- column
7062
- ),
7063
- },
7064
- ],
7065
- },
7066
- on: {
7067
- click: function ($event) {
7068
- _vm.cellClick(
7069
- item,
7070
- column,
7071
- $event,
7072
- _vm.canEditRowValues[
7073
- _vm.rowKey(item)
7074
- ]
7075
- );
7076
- },
7077
- },
7078
- },
7079
- [
7080
- column.loading
7081
- ? _c("v-skeleton-loader", {
7082
- staticClass:
7083
- "zd-skeleton-table-cell",
7084
- attrs: {
7085
- loading: "",
7086
- type: "table-cell",
7087
- },
7088
- })
7089
- : _vm._e(),
7090
- _vm._v(" "),
7025
+ [
7026
+ _c("v-checkbox", {
7027
+ staticClass: "zd-grid-row-checkbox",
7028
+ attrs: {
7029
+ "hide-details": "",
7030
+ color: "primary",
7031
+ disabled:
7032
+ _vm.instance.editing ||
7033
+ _vm.instance.callDisableSelection(item),
7034
+ "on-icon": _vm.$getIcon("checkboxOn"),
7035
+ "off-icon": _vm.$getIcon("checkboxOff"),
7036
+ "true-value": true,
7037
+ "false-value": false,
7038
+ value: isSelected,
7039
+ indeterminate:
7040
+ !_vm.checkEvery(item) &&
7041
+ _vm.checkSome(item),
7042
+ },
7043
+ on: {
7044
+ click: function ($event) {
7045
+ $event.stopPropagation();
7046
+ return _vm.selectClick(
7047
+ index,
7048
+ !isSelected,
7049
+ $event
7050
+ )
7051
+ },
7052
+ },
7053
+ }),
7054
+ ],
7055
+ 1
7056
+ )
7057
+ : _vm._e(),
7058
+ _vm._v(" "),
7059
+ _vm._l(
7060
+ _vm.orderHeaders(headers),
7061
+ function (header, headerIndex) {
7062
+ return [
7063
+ _vm._l(
7064
+ [
7065
+ {
7066
+ column: header,
7067
+ rowStyle:
7068
+ _vm.instance.getRowStyleConditions(
7069
+ item
7070
+ ),
7071
+ cellsApplied: (_vm.instance.cellsApplied[
7072
+ _vm.rowKey(item)
7073
+ ] || {})[header.name],
7074
+ },
7075
+ ],
7076
+ function (ref) {
7077
+ var column = ref.column;
7078
+ var rowStyle = ref.rowStyle;
7079
+ var cellsApplied = ref.cellsApplied;
7080
+ return [
7081
+ column.isVisible &&
7082
+ column.type !== "action"
7083
+ ? [
7091
7084
  _c(
7092
- "span",
7085
+ "zd-grid-cell",
7093
7086
  {
7094
- staticClass:
7095
- "zd-tree-grid-editable-cell-wrapper",
7087
+ key: column.name,
7088
+ attrs: {
7089
+ column: column,
7090
+ rowStyle: rowStyle,
7091
+ cellsApplied: cellsApplied,
7092
+ cellClass: [
7093
+ {
7094
+ first: headerIndex === 0,
7095
+ },
7096
+ {
7097
+ "zd-table-column-editable":
7098
+ column.editable,
7099
+ "zd-table-cell-editable":
7100
+ Object.assign(
7101
+ {},
7102
+ column,
7103
+ cellsApplied
7104
+ ).editable &&
7105
+ _vm.canEditRowValues[
7106
+ _vm.rowKey(item)
7107
+ ],
7108
+ "zd-table-fixed-column":
7109
+ column.fixed,
7110
+ },
7111
+ ],
7112
+ cellStyle: [
7113
+ {
7114
+ left: _vm.getFixedLeft(
7115
+ column
7116
+ ),
7117
+ },
7118
+ ],
7119
+ },
7120
+ on: {
7121
+ click: function ($event) {
7122
+ _vm.cellClick(
7123
+ item,
7124
+ column,
7125
+ $event,
7126
+ _vm.canEditRowValues[
7127
+ _vm.rowKey(item)
7128
+ ]
7129
+ );
7130
+ },
7131
+ },
7096
7132
  },
7097
7133
  [
7098
- Object.assign(
7099
- {},
7100
- column,
7101
- cellsApplied
7102
- ).editable &&
7103
- _vm.canEditRowValues[
7104
- _vm.rowKey(item)
7105
- ] &&
7106
- _vm.instance.editing
7107
- ? _c("zd-grid-cell-edit", {
7108
- directives: [
7109
- {
7110
- name: "show",
7111
- rawName: "v-show",
7112
- value:
7113
- !column.loading,
7114
- expression:
7115
- "!column.loading",
7116
- },
7117
- ],
7134
+ column.loading
7135
+ ? _c("v-skeleton-loader", {
7136
+ staticClass:
7137
+ "zd-skeleton-table-cell",
7118
7138
  attrs: {
7119
- getWidthStyle:
7120
- _vm.getWidthStyle,
7121
- column: column,
7122
- row: item,
7123
- rowStyle: rowStyle,
7124
- cellsApplied:
7125
- cellsApplied,
7126
- isEdited:
7127
- _vm.instance.isEdited(
7128
- column,
7129
- item
7130
- ),
7131
- isValid:
7132
- _vm.instance.isValid(
7133
- column,
7134
- item
7135
- ),
7136
- getEditableComponent:
7137
- _vm.getEditableComponent,
7139
+ loading: "",
7140
+ type: "table-cell",
7138
7141
  },
7139
7142
  })
7140
- : _vm.hasToggleIcon(
7143
+ : _vm._e(),
7144
+ _vm._v(" "),
7145
+ _c(
7146
+ "span",
7147
+ {
7148
+ staticClass:
7149
+ "zd-tree-grid-editable-cell-wrapper",
7150
+ },
7151
+ [
7152
+ Object.assign(
7153
+ {},
7141
7154
  column,
7142
- item
7143
- )
7144
- ? _c(
7145
- "span",
7146
- [
7147
- _c("v-icon", [
7148
- _vm._v(
7149
- _vm._s(
7150
- _vm.$getIcon(
7151
- column.formatterByRow(
7152
- item,
7153
- cellsApplied
7155
+ cellsApplied
7156
+ ).editable &&
7157
+ _vm.canEditRowValues[
7158
+ _vm.rowKey(item)
7159
+ ] &&
7160
+ _vm.instance.editing
7161
+ ? _c(
7162
+ "zd-grid-cell-edit",
7163
+ {
7164
+ directives: [
7165
+ {
7166
+ name: "show",
7167
+ rawName:
7168
+ "v-show",
7169
+ value:
7170
+ !column.loading,
7171
+ expression:
7172
+ "!column.loading",
7173
+ },
7174
+ ],
7175
+ attrs: {
7176
+ getWidthStyle:
7177
+ _vm.getWidthStyle,
7178
+ column: column,
7179
+ row: item,
7180
+ rowStyle:
7181
+ rowStyle,
7182
+ cellsApplied:
7183
+ cellsApplied,
7184
+ isEdited:
7185
+ _vm.instance.isEdited(
7186
+ column,
7187
+ item
7188
+ ),
7189
+ isValid:
7190
+ _vm.instance.isValid(
7191
+ column,
7192
+ item
7193
+ ),
7194
+ getEditableComponent:
7195
+ _vm.getEditableComponent,
7196
+ },
7197
+ }
7198
+ )
7199
+ : _vm.hasToggleIcon(
7200
+ column,
7201
+ item
7202
+ )
7203
+ ? _c(
7204
+ "span",
7205
+ [
7206
+ _c("v-icon", [
7207
+ _vm._v(
7208
+ _vm._s(
7209
+ _vm.$getIcon(
7210
+ column.formatterByRow(
7211
+ item,
7212
+ cellsApplied
7213
+ )
7214
+ )
7154
7215
  )
7155
- )
7156
- )
7157
- ),
7158
- ]),
7159
- ],
7160
- 1
7161
- )
7162
- : _c(
7163
- "zd-tree-grid-cell-content",
7164
- {
7165
- directives: [
7216
+ ),
7217
+ ]),
7218
+ ],
7219
+ 1
7220
+ )
7221
+ : _c(
7222
+ "zd-tree-grid-cell-content",
7166
7223
  {
7167
- name: "show",
7168
- rawName: "v-show",
7169
- value:
7170
- !column.loading,
7171
- expression:
7172
- "!column.loading",
7173
- },
7174
- ],
7175
- attrs: {
7176
- getWidthStyle:
7177
- _vm.getWidthStyle,
7178
- column: column,
7179
- row: item,
7180
- rowStyle: rowStyle,
7181
- cellsApplied:
7182
- cellsApplied,
7183
- headerIndex:
7184
- headerIndex,
7185
- selectable:
7186
- _vm.instance
7187
- .selectable,
7188
- fieldHasChild:
7189
- _vm.instance
7190
- .fieldHasChild,
7191
- toggleExpand:
7192
- _vm.toggleExpand,
7193
- rowIndex: index,
7194
- search:
7195
- _vm.instance
7196
- .datasource
7197
- .search,
7198
- expandClass:
7199
- "zd-tree-grid-editable-expand",
7200
- },
7201
- on: {
7202
- mouseenter: function (
7203
- $event
7204
- ) {
7205
- return _vm.checkOverflow(
7206
- $event
7207
- )
7208
- },
7209
- mouseleave: function (
7210
- $event
7211
- ) {
7212
- return _vm.removeTooltip()
7213
- },
7214
- },
7215
- }
7216
- ),
7224
+ directives: [
7225
+ {
7226
+ name: "show",
7227
+ rawName:
7228
+ "v-show",
7229
+ value:
7230
+ !column.loading,
7231
+ expression:
7232
+ "!column.loading",
7233
+ },
7234
+ ],
7235
+ attrs: {
7236
+ getWidthStyle:
7237
+ _vm.getWidthStyle,
7238
+ column: column,
7239
+ row: item,
7240
+ rowStyle:
7241
+ rowStyle,
7242
+ cellsApplied:
7243
+ cellsApplied,
7244
+ headerIndex:
7245
+ headerIndex,
7246
+ selectable:
7247
+ _vm.instance
7248
+ .selectable,
7249
+ fieldHasChild:
7250
+ _vm.instance
7251
+ .fieldHasChild,
7252
+ toggleExpand:
7253
+ _vm.toggleExpand,
7254
+ rowIndex: index,
7255
+ search:
7256
+ _vm.instance
7257
+ .datasource
7258
+ .search,
7259
+ expandClass:
7260
+ "zd-tree-grid-editable-expand",
7261
+ },
7262
+ on: {
7263
+ mouseenter:
7264
+ function (
7265
+ $event
7266
+ ) {
7267
+ return _vm.checkOverflow(
7268
+ $event
7269
+ )
7270
+ },
7271
+ mouseleave:
7272
+ function (
7273
+ $event
7274
+ ) {
7275
+ return _vm.removeTooltip()
7276
+ },
7277
+ },
7278
+ }
7279
+ ),
7280
+ ],
7281
+ 1
7282
+ ),
7217
7283
  ],
7218
7284
  1
7219
7285
  ),
7220
- ],
7221
- 1
7222
- ),
7223
- ]
7224
- : column.isVisible &&
7225
- column.type === "action"
7226
- ? [
7227
- _c(
7228
- "zd-grid-cell",
7229
- {
7230
- key: column.name,
7231
- attrs: {
7232
- column: column,
7233
- rowStyle: rowStyle,
7234
- cellsApplied: cellsApplied,
7235
- cellClass: [
7236
- {
7237
- "zd-table-cell-text-first":
7238
- headerIndex === 0 ||
7239
- (headerIndex === 1 &&
7240
- _vm.instance.selectable),
7241
- },
7242
- ],
7243
- },
7244
- on: {
7245
- click: function ($event) {
7246
- return _vm.cellClick(
7247
- item,
7248
- column,
7249
- $event
7250
- )
7251
- },
7252
- },
7253
- },
7254
- [
7286
+ ]
7287
+ : column.isVisible &&
7288
+ column.type === "action"
7289
+ ? [
7255
7290
  _c(
7256
- "div",
7291
+ "zd-grid-cell",
7257
7292
  {
7258
- directives: [
7259
- {
7260
- name: "show",
7261
- rawName: "v-show",
7262
- value: headerIndex === 0,
7263
- expression:
7264
- "headerIndex === 0",
7293
+ key: column.name,
7294
+ attrs: {
7295
+ column: column,
7296
+ rowStyle: rowStyle,
7297
+ cellsApplied: cellsApplied,
7298
+ cellClass: [
7299
+ {
7300
+ "zd-table-cell-text-first":
7301
+ headerIndex === 0 ||
7302
+ (headerIndex === 1 &&
7303
+ _vm.instance
7304
+ .selectable),
7305
+ },
7306
+ ],
7307
+ },
7308
+ on: {
7309
+ click: function ($event) {
7310
+ return _vm.cellClick(
7311
+ item,
7312
+ column,
7313
+ $event
7314
+ )
7265
7315
  },
7266
- ],
7267
- class: [
7268
- "zd-tree-grid-expand zd-tree-grid-expand-action",
7269
- "level" + item.tree__level,
7270
- ],
7316
+ },
7271
7317
  },
7272
7318
  [
7273
- (item.tree__children || [])
7274
- .length > 0
7275
- ? _c(
7276
- "v-icon",
7319
+ _c(
7320
+ "div",
7321
+ {
7322
+ directives: [
7277
7323
  {
7278
- class: {
7279
- opened:
7280
- item.tree__opened,
7281
- },
7282
- attrs: {
7283
- tabindex: "-1",
7284
- },
7285
- on: {
7286
- click: function (
7287
- $event
7288
- ) {
7289
- return _vm.instance.toggleExpand(
7290
- item,
7291
- index
7292
- )
7293
- },
7294
- },
7324
+ name: "show",
7325
+ rawName: "v-show",
7326
+ value:
7327
+ headerIndex === 0,
7328
+ expression:
7329
+ "headerIndex === 0",
7295
7330
  },
7296
- [
7297
- _vm._v(
7298
- "\n " +
7299
- _vm._s(
7300
- _vm.$getIcon(
7301
- "chevronRight"
7302
- )
7303
- ) +
7304
- "\n "
7305
- ),
7306
- ]
7307
- )
7308
- : _vm._e(),
7331
+ ],
7332
+ class: [
7333
+ "zd-tree-grid-expand zd-tree-grid-expand-action",
7334
+ "level" +
7335
+ item.tree__level,
7336
+ ],
7337
+ },
7338
+ [
7339
+ (item.tree__children || [])
7340
+ .length > 0
7341
+ ? _c(
7342
+ "v-icon",
7343
+ {
7344
+ class: {
7345
+ opened:
7346
+ item.tree__opened,
7347
+ },
7348
+ attrs: {
7349
+ tabindex: "-1",
7350
+ },
7351
+ on: {
7352
+ click: function (
7353
+ $event
7354
+ ) {
7355
+ return _vm.instance.toggleExpand(
7356
+ item,
7357
+ index,
7358
+ $event
7359
+ )
7360
+ },
7361
+ },
7362
+ },
7363
+ [
7364
+ _vm._v(
7365
+ "\n " +
7366
+ _vm._s(
7367
+ _vm.$getIcon(
7368
+ "chevronRight"
7369
+ )
7370
+ ) +
7371
+ "\n "
7372
+ ),
7373
+ ]
7374
+ )
7375
+ : _vm._e(),
7376
+ ],
7377
+ 1
7378
+ ),
7379
+ _vm._v(" "),
7380
+ _c("zd-grid-action", {
7381
+ attrs: {
7382
+ column: column,
7383
+ row: item,
7384
+ rowKey: _vm.rowKey(item),
7385
+ getActionComponent:
7386
+ _vm.getActionComponent,
7387
+ },
7388
+ }),
7309
7389
  ],
7310
7390
  1
7311
7391
  ),
7312
- _vm._v(" "),
7313
- _c("zd-grid-action", {
7314
- attrs: {
7315
- column: column,
7316
- row: item,
7317
- rowKey: _vm.rowKey(item),
7318
- getActionComponent:
7319
- _vm.getActionComponent,
7320
- },
7321
- }),
7322
- ],
7323
- 1
7324
- ),
7325
- ]
7326
- : _vm._e(),
7327
- ]
7328
- }
7329
- ),
7330
- ]
7331
- }
7332
- ),
7333
- ],
7334
- 2
7335
- ),
7392
+ ]
7393
+ : _vm._e(),
7394
+ ]
7395
+ }
7396
+ ),
7397
+ ]
7398
+ }
7399
+ ),
7400
+ ],
7401
+ 2
7402
+ )
7403
+ : _vm._e(),
7336
7404
  ]
7337
7405
  },
7338
7406
  }
@@ -7426,7 +7494,7 @@
7426
7494
  /* style */
7427
7495
  const __vue_inject_styles__$2 = function (inject) {
7428
7496
  if (!inject) return
7429
- inject("data-v-484ca13f_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
7497
+ inject("data-v-3986fc20_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
7430
7498
 
7431
7499
  };
7432
7500
  /* scoped */