@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.esm.js CHANGED
@@ -1769,6 +1769,8 @@ var __vue_render__$b = function () {
1769
1769
  !column.fixed &&
1770
1770
  _vm.instance.dragColumns,
1771
1771
  "zd-table-fixed-column": column.fixed,
1772
+ "zd-table-fixed-column-action":
1773
+ column.actionFixed,
1772
1774
  },
1773
1775
  {
1774
1776
  "theme--dark":
@@ -2363,7 +2365,8 @@ var __vue_render__$b = function () {
2363
2365
  },
2364
2366
  }
2365
2367
  : null,
2366
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
2368
+ _vm.instance.virtualScroll &&
2369
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
2367
2370
  ? {
2368
2371
  key: "body.prepend",
2369
2372
  fn: function (ref) {
@@ -2381,7 +2384,9 @@ var __vue_render__$b = function () {
2381
2384
  }
2382
2385
  : null,
2383
2386
  _vm.instance.virtualScroll &&
2384
- _vm.scrollData.start + _vm.scrollData.perPage <
2387
+ _vm.scrollData.start +
2388
+ _vm.scrollData.perPage +
2389
+ _vm.instance.virtualScrollCache <
2385
2390
  (_vm.scrollData.visibleData || []).length
2386
2391
  ? {
2387
2392
  key: "body.append",
@@ -2406,8 +2411,17 @@ var __vue_render__$b = function () {
2406
2411
  var select = ref.select;
2407
2412
  var isSelected = ref.isSelected;
2408
2413
  var headers = ref.headers;
2414
+ var index = ref.index;
2409
2415
  return [
2410
- item.group && _vm.instance.isItemVisible(item)
2416
+ item.group &&
2417
+ _vm.instance.isItemVisible(item) &&
2418
+ (!_vm.instance.virtualScroll ||
2419
+ (index >=
2420
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
2421
+ index <=
2422
+ _vm.scrollData.start +
2423
+ _vm.scrollData.perPage +
2424
+ _vm.instance.virtualScrollCache))
2411
2425
  ? _c(
2412
2426
  "tr",
2413
2427
  {
@@ -2504,7 +2518,13 @@ var __vue_render__$b = function () {
2504
2518
  _c(
2505
2519
  "span",
2506
2520
  {
2507
- staticClass: "zd-table-group-container",
2521
+ class: [
2522
+ {
2523
+ "zd-table-group-two-plus-container":
2524
+ item.groupHeaders.length,
2525
+ },
2526
+ "zd-table-group-container",
2527
+ ],
2508
2528
  style:
2509
2529
  "left: " +
2510
2530
  (_vm.instance.selectable ? 48 : 8) +
@@ -2679,6 +2699,12 @@ var __vue_render__$b = function () {
2679
2699
  cellsApplied: cellsApplied,
2680
2700
  cellClass: [
2681
2701
  {
2702
+ "zd-table-two-plus-groups":
2703
+ (_vm.instance
2704
+ .groupColumnNames
2705
+ .length >
2706
+ 1) &
2707
+ (index === 0),
2682
2708
  "zd-table-column-editable":
2683
2709
  column.editable,
2684
2710
  "zd-table-cell-editable":
@@ -2904,6 +2930,8 @@ var __vue_render__$b = function () {
2904
2930
  {
2905
2931
  "zd-table-fixed-column":
2906
2932
  column.fixed,
2933
+ "zd-table-fixed-column-action":
2934
+ column.actionFixed,
2907
2935
  },
2908
2936
  {
2909
2937
  "theme--dark":
@@ -3074,7 +3102,7 @@ __vue_render__$b._withStripped = true;
3074
3102
  /* style */
3075
3103
  const __vue_inject_styles__$b = function (inject) {
3076
3104
  if (!inject) return
3077
- 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 });
3105
+ 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 });
3078
3106
 
3079
3107
  };
3080
3108
  /* scoped */
@@ -5801,9 +5829,10 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
5801
5829
  this.tableBody = null;
5802
5830
  }
5803
5831
  mounted() {
5804
- this.originalChangeLayout = this.instance.changeLayout;
5805
- this.instance.changeLayout = this.onChangeLayout;
5832
+ this.originalChangeTekGridLayout = this.instance.changeLayout;
5833
+ this.instance.changeLayout = this.onChangeTekGridLayout;
5806
5834
  this.updateFixedColumns();
5835
+ this.orderColumnVisibility();
5807
5836
  }
5808
5837
  minimumColumnWidth(column) {
5809
5838
  let minWidth = column && column.sortable ? 50 : 34;
@@ -5812,9 +5841,9 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
5812
5841
  }
5813
5842
  return minWidth;
5814
5843
  }
5815
- onChangeLayout(event, element) {
5816
- if (this.originalChangeLayout) {
5817
- this.originalChangeLayout.call(this.instance, event, element);
5844
+ onChangeTekGridLayout(event, element) {
5845
+ if (this.originalChangeTekGridLayout) {
5846
+ this.originalChangeTekGridLayout.call(this.instance, event, element);
5818
5847
  }
5819
5848
  if (this.instance.showLayoutOptions) {
5820
5849
  try {
@@ -5887,11 +5916,26 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
5887
5916
  datasource.dynamicFilter[column.name][index][prop] = component.value;
5888
5917
  if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
5889
5918
  this.debouncedDatasourceGet(this.instance);
5890
- this.onChangeLayout(event, element);
5919
+ this.onChangeTekGridLayout(event, element);
5891
5920
  }
5892
5921
  }
5893
5922
  }
5894
5923
  }
5924
+ orderColumnVisibility() {
5925
+ const columnsInvisibles = this.instance.columns.filter((column) => column.isVisible === false);
5926
+ if (!columnsInvisibles) {
5927
+ return;
5928
+ }
5929
+ const columnsVisibles = this.instance.columns.filter((column) => column.isVisible === true);
5930
+ const newOrderColumns = [];
5931
+ if (columnsVisibles) {
5932
+ newOrderColumns.push(...columnsVisibles);
5933
+ }
5934
+ if (columnsInvisibles) {
5935
+ newOrderColumns.push(...columnsInvisibles);
5936
+ }
5937
+ this.instance.columns = newOrderColumns;
5938
+ }
5895
5939
  convertToDateFormat(column, value, revert) {
5896
5940
  const dateFormat = column.componentProps.dateFormat || Config.dateFormat;
5897
5941
  const displayFormat = column.componentProps.displayFormat || Config.displayFormat;
@@ -5971,7 +6015,7 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
5971
6015
  }
5972
6016
  if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
5973
6017
  this.debouncedDatasourceGet(this.instance);
5974
- this.onChangeLayout(event, element);
6018
+ this.onChangeTekGridLayout(event, element);
5975
6019
  this.clearHelperValues(column);
5976
6020
  }
5977
6021
  }
@@ -5985,7 +6029,7 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
5985
6029
  }
5986
6030
  if (this.lastFilter !== JSON.stringify(this.instance.datasource.filter)) {
5987
6031
  this.debouncedDatasourceGet(this.instance);
5988
- this.onChangeLayout(event, element);
6032
+ this.onChangeTekGridLayout(event, element);
5989
6033
  this.clearHelperValues(column);
5990
6034
  }
5991
6035
  }
@@ -6085,22 +6129,14 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
6085
6129
  return headerElement[0].style.left;
6086
6130
  }
6087
6131
  setSpanWidth(column) {
6088
- return this.calcWidth(column, column.width);
6132
+ return column.width;
6089
6133
  }
6090
6134
  getWidthStyle(column) {
6091
- let widthData = {
6092
- 'min-width': '100%',
6135
+ return {
6136
+ width: this.calcWidth(column, column.width) || 'unset',
6137
+ 'min-width': this.calcWidth(column, column.minWidth) || 'unset',
6138
+ 'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
6093
6139
  };
6094
- if (column.width) {
6095
- widthData = Object.assign({ width: this.calcWidth(column, column.width) }, widthData);
6096
- }
6097
- if (column.minWidth) {
6098
- widthData = Object.assign({ 'min-width': this.calcWidth(column, column.minWidth) }, widthData);
6099
- }
6100
- if (column.maxWidth) {
6101
- widthData = Object.assign({ 'max-width': this.calcWidth(column, column.maxWidth) }, widthData);
6102
- }
6103
- return widthData;
6104
6140
  }
6105
6141
  };
6106
6142
  __decorate([
@@ -6347,6 +6383,8 @@ var __vue_render__$2 = function () {
6347
6383
  sortable: column.sortable,
6348
6384
  sortHandle: _vm.instance.dragColumns,
6349
6385
  "zd-table-fixed-column": column.fixed,
6386
+ "zd-table-fixed-column-action":
6387
+ column.actionFixed,
6350
6388
  },
6351
6389
  "text-" + column.align,
6352
6390
  _vm.instance.datasource.getOrderByColumn(
@@ -6880,7 +6918,8 @@ var __vue_render__$2 = function () {
6880
6918
  },
6881
6919
  }
6882
6920
  : null,
6883
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
6921
+ _vm.instance.virtualScroll &&
6922
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
6884
6923
  ? {
6885
6924
  key: "body.prepend",
6886
6925
  fn: function (ref) {
@@ -6897,7 +6936,9 @@ var __vue_render__$2 = function () {
6897
6936
  }
6898
6937
  : null,
6899
6938
  _vm.instance.virtualScroll &&
6900
- _vm.scrollData.start + _vm.scrollData.perPage <
6939
+ _vm.scrollData.start +
6940
+ _vm.scrollData.perPage +
6941
+ _vm.instance.virtualScrollCache <
6901
6942
  (_vm.scrollData.visibleData || []).length
6902
6943
  ? {
6903
6944
  key: "body.append",
@@ -6923,414 +6964,441 @@ var __vue_render__$2 = function () {
6923
6964
  var index = ref.index;
6924
6965
  var headers = ref.headers;
6925
6966
  return [
6926
- _c(
6927
- "tr",
6928
- {
6929
- directives: [
6967
+ !_vm.instance.virtualScroll ||
6968
+ (index >=
6969
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
6970
+ index <=
6971
+ _vm.scrollData.start +
6972
+ _vm.scrollData.perPage +
6973
+ _vm.instance.virtualScrollCache)
6974
+ ? _c(
6975
+ "tr",
6930
6976
  {
6931
- name: "show",
6932
- rawName: "v-show",
6933
- value: _vm.instance.treeDataStructure.isOpened(item),
6934
- expression:
6935
- "instance.treeDataStructure.isOpened(item)",
6936
- },
6937
- ],
6938
- class: {
6939
- active: isSelected,
6940
- current: _vm.isCurrentRow(item),
6941
- },
6942
- attrs: {
6943
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
6944
- _vm.instance.callCanEditRow(item)),
6945
- },
6946
- on: {
6947
- click: function ($event) {
6948
- return _vm.rowClick(item, $event)
6949
- },
6950
- },
6951
- },
6952
- [
6953
- _vm.instance.selectable
6954
- ? _c(
6955
- "td",
6977
+ directives: [
6956
6978
  {
6957
- class: [
6958
- "zd-table-cell",
6959
- "selectable",
6960
- "zd-table-fixed-column",
6961
- {
6962
- "theme--dark":
6963
- (_vm.$vuetify.theme.dark &&
6964
- !_vm.instance.light) ||
6965
- _vm.instance.dark,
6966
- },
6967
- {
6968
- "theme--light":
6969
- !_vm.$vuetify.theme.dark ||
6970
- _vm.instance.light,
6971
- },
6972
- ],
6979
+ name: "show",
6980
+ rawName: "v-show",
6981
+ value:
6982
+ _vm.instance.treeDataStructure.isOpened(item),
6983
+ expression:
6984
+ "instance.treeDataStructure.isOpened(item)",
6973
6985
  },
6974
- [
6975
- _c("v-checkbox", {
6976
- staticClass: "zd-grid-row-checkbox",
6977
- attrs: {
6978
- "hide-details": "",
6979
- color: "primary",
6980
- disabled:
6981
- _vm.instance.editing ||
6982
- _vm.instance.callDisableSelection(item),
6983
- "on-icon": _vm.$getIcon("checkboxOn"),
6984
- "off-icon": _vm.$getIcon("checkboxOff"),
6985
- "true-value": true,
6986
- "false-value": false,
6987
- value: isSelected,
6988
- indeterminate:
6989
- !_vm.checkEvery(item) &&
6990
- _vm.checkSome(item),
6991
- },
6992
- on: {
6993
- click: function ($event) {
6994
- $event.stopPropagation();
6995
- return _vm.selectClick(
6996
- index,
6997
- !isSelected,
6998
- $event
6999
- )
7000
- },
7001
- },
7002
- }),
7003
- ],
7004
- 1
7005
- )
7006
- : _vm._e(),
7007
- _vm._v(" "),
7008
- _vm._l(
7009
- _vm.orderHeaders(headers),
7010
- function (header, headerIndex) {
7011
- return [
7012
- _vm._l(
7013
- [
6986
+ ],
6987
+ class: {
6988
+ active: isSelected,
6989
+ current: _vm.isCurrentRow(item),
6990
+ },
6991
+ attrs: {
6992
+ set: (_vm.canEditRowValues[_vm.rowKey(item)] =
6993
+ _vm.instance.callCanEditRow(item)),
6994
+ },
6995
+ on: {
6996
+ click: function ($event) {
6997
+ return _vm.rowClick(item, $event)
6998
+ },
6999
+ },
7000
+ },
7001
+ [
7002
+ _vm.instance.selectable
7003
+ ? _c(
7004
+ "td",
7014
7005
  {
7015
- column: header,
7016
- rowStyle:
7017
- _vm.instance.getRowStyleConditions(item),
7018
- cellsApplied: (_vm.instance.cellsApplied[
7019
- _vm.rowKey(item)
7020
- ] || {})[header.name],
7006
+ class: [
7007
+ "zd-table-cell",
7008
+ "selectable",
7009
+ "zd-table-fixed-column",
7010
+ {
7011
+ "theme--dark":
7012
+ (_vm.$vuetify.theme.dark &&
7013
+ !_vm.instance.light) ||
7014
+ _vm.instance.dark,
7015
+ },
7016
+ {
7017
+ "theme--light":
7018
+ !_vm.$vuetify.theme.dark ||
7019
+ _vm.instance.light,
7020
+ },
7021
+ ],
7021
7022
  },
7022
- ],
7023
- function (ref) {
7024
- var column = ref.column;
7025
- var rowStyle = ref.rowStyle;
7026
- var cellsApplied = ref.cellsApplied;
7027
- return [
7028
- column.isVisible && column.type !== "action"
7029
- ? [
7030
- _c(
7031
- "zd-grid-cell",
7032
- {
7033
- key: column.name,
7034
- attrs: {
7035
- column: column,
7036
- rowStyle: rowStyle,
7037
- cellsApplied: cellsApplied,
7038
- cellClass: [
7039
- { first: headerIndex === 0 },
7040
- {
7041
- "zd-table-column-editable":
7042
- column.editable,
7043
- "zd-table-cell-editable":
7044
- Object.assign(
7045
- {},
7046
- column,
7047
- cellsApplied
7048
- ).editable &&
7049
- _vm.canEditRowValues[
7050
- _vm.rowKey(item)
7051
- ],
7052
- "zd-table-fixed-column":
7053
- column.fixed,
7054
- },
7055
- ],
7056
- cellStyle: [
7057
- {
7058
- left: _vm.getFixedLeft(
7059
- column
7060
- ),
7061
- },
7062
- ],
7063
- },
7064
- on: {
7065
- click: function ($event) {
7066
- _vm.cellClick(
7067
- item,
7068
- column,
7069
- $event,
7070
- _vm.canEditRowValues[
7071
- _vm.rowKey(item)
7072
- ]
7073
- );
7074
- },
7075
- },
7076
- },
7077
- [
7078
- column.loading
7079
- ? _c("v-skeleton-loader", {
7080
- staticClass:
7081
- "zd-skeleton-table-cell",
7082
- attrs: {
7083
- loading: "",
7084
- type: "table-cell",
7085
- },
7086
- })
7087
- : _vm._e(),
7088
- _vm._v(" "),
7023
+ [
7024
+ _c("v-checkbox", {
7025
+ staticClass: "zd-grid-row-checkbox",
7026
+ attrs: {
7027
+ "hide-details": "",
7028
+ color: "primary",
7029
+ disabled:
7030
+ _vm.instance.editing ||
7031
+ _vm.instance.callDisableSelection(item),
7032
+ "on-icon": _vm.$getIcon("checkboxOn"),
7033
+ "off-icon": _vm.$getIcon("checkboxOff"),
7034
+ "true-value": true,
7035
+ "false-value": false,
7036
+ value: isSelected,
7037
+ indeterminate:
7038
+ !_vm.checkEvery(item) &&
7039
+ _vm.checkSome(item),
7040
+ },
7041
+ on: {
7042
+ click: function ($event) {
7043
+ $event.stopPropagation();
7044
+ return _vm.selectClick(
7045
+ index,
7046
+ !isSelected,
7047
+ $event
7048
+ )
7049
+ },
7050
+ },
7051
+ }),
7052
+ ],
7053
+ 1
7054
+ )
7055
+ : _vm._e(),
7056
+ _vm._v(" "),
7057
+ _vm._l(
7058
+ _vm.orderHeaders(headers),
7059
+ function (header, headerIndex) {
7060
+ return [
7061
+ _vm._l(
7062
+ [
7063
+ {
7064
+ column: header,
7065
+ rowStyle:
7066
+ _vm.instance.getRowStyleConditions(
7067
+ item
7068
+ ),
7069
+ cellsApplied: (_vm.instance.cellsApplied[
7070
+ _vm.rowKey(item)
7071
+ ] || {})[header.name],
7072
+ },
7073
+ ],
7074
+ function (ref) {
7075
+ var column = ref.column;
7076
+ var rowStyle = ref.rowStyle;
7077
+ var cellsApplied = ref.cellsApplied;
7078
+ return [
7079
+ column.isVisible &&
7080
+ column.type !== "action"
7081
+ ? [
7089
7082
  _c(
7090
- "span",
7083
+ "zd-grid-cell",
7091
7084
  {
7092
- staticClass:
7093
- "zd-tree-grid-editable-cell-wrapper",
7085
+ key: column.name,
7086
+ attrs: {
7087
+ column: column,
7088
+ rowStyle: rowStyle,
7089
+ cellsApplied: cellsApplied,
7090
+ cellClass: [
7091
+ {
7092
+ first: headerIndex === 0,
7093
+ },
7094
+ {
7095
+ "zd-table-column-editable":
7096
+ column.editable,
7097
+ "zd-table-cell-editable":
7098
+ Object.assign(
7099
+ {},
7100
+ column,
7101
+ cellsApplied
7102
+ ).editable &&
7103
+ _vm.canEditRowValues[
7104
+ _vm.rowKey(item)
7105
+ ],
7106
+ "zd-table-fixed-column":
7107
+ column.fixed,
7108
+ },
7109
+ ],
7110
+ cellStyle: [
7111
+ {
7112
+ left: _vm.getFixedLeft(
7113
+ column
7114
+ ),
7115
+ },
7116
+ ],
7117
+ },
7118
+ on: {
7119
+ click: function ($event) {
7120
+ _vm.cellClick(
7121
+ item,
7122
+ column,
7123
+ $event,
7124
+ _vm.canEditRowValues[
7125
+ _vm.rowKey(item)
7126
+ ]
7127
+ );
7128
+ },
7129
+ },
7094
7130
  },
7095
7131
  [
7096
- Object.assign(
7097
- {},
7098
- column,
7099
- cellsApplied
7100
- ).editable &&
7101
- _vm.canEditRowValues[
7102
- _vm.rowKey(item)
7103
- ] &&
7104
- _vm.instance.editing
7105
- ? _c("zd-grid-cell-edit", {
7106
- directives: [
7107
- {
7108
- name: "show",
7109
- rawName: "v-show",
7110
- value:
7111
- !column.loading,
7112
- expression:
7113
- "!column.loading",
7114
- },
7115
- ],
7132
+ column.loading
7133
+ ? _c("v-skeleton-loader", {
7134
+ staticClass:
7135
+ "zd-skeleton-table-cell",
7116
7136
  attrs: {
7117
- getWidthStyle:
7118
- _vm.getWidthStyle,
7119
- column: column,
7120
- row: item,
7121
- rowStyle: rowStyle,
7122
- cellsApplied:
7123
- cellsApplied,
7124
- isEdited:
7125
- _vm.instance.isEdited(
7126
- column,
7127
- item
7128
- ),
7129
- isValid:
7130
- _vm.instance.isValid(
7131
- column,
7132
- item
7133
- ),
7134
- getEditableComponent:
7135
- _vm.getEditableComponent,
7137
+ loading: "",
7138
+ type: "table-cell",
7136
7139
  },
7137
7140
  })
7138
- : _vm.hasToggleIcon(
7141
+ : _vm._e(),
7142
+ _vm._v(" "),
7143
+ _c(
7144
+ "span",
7145
+ {
7146
+ staticClass:
7147
+ "zd-tree-grid-editable-cell-wrapper",
7148
+ },
7149
+ [
7150
+ Object.assign(
7151
+ {},
7139
7152
  column,
7140
- item
7141
- )
7142
- ? _c(
7143
- "span",
7144
- [
7145
- _c("v-icon", [
7146
- _vm._v(
7147
- _vm._s(
7148
- _vm.$getIcon(
7149
- column.formatterByRow(
7150
- item,
7151
- cellsApplied
7153
+ cellsApplied
7154
+ ).editable &&
7155
+ _vm.canEditRowValues[
7156
+ _vm.rowKey(item)
7157
+ ] &&
7158
+ _vm.instance.editing
7159
+ ? _c(
7160
+ "zd-grid-cell-edit",
7161
+ {
7162
+ directives: [
7163
+ {
7164
+ name: "show",
7165
+ rawName:
7166
+ "v-show",
7167
+ value:
7168
+ !column.loading,
7169
+ expression:
7170
+ "!column.loading",
7171
+ },
7172
+ ],
7173
+ attrs: {
7174
+ getWidthStyle:
7175
+ _vm.getWidthStyle,
7176
+ column: column,
7177
+ row: item,
7178
+ rowStyle:
7179
+ rowStyle,
7180
+ cellsApplied:
7181
+ cellsApplied,
7182
+ isEdited:
7183
+ _vm.instance.isEdited(
7184
+ column,
7185
+ item
7186
+ ),
7187
+ isValid:
7188
+ _vm.instance.isValid(
7189
+ column,
7190
+ item
7191
+ ),
7192
+ getEditableComponent:
7193
+ _vm.getEditableComponent,
7194
+ },
7195
+ }
7196
+ )
7197
+ : _vm.hasToggleIcon(
7198
+ column,
7199
+ item
7200
+ )
7201
+ ? _c(
7202
+ "span",
7203
+ [
7204
+ _c("v-icon", [
7205
+ _vm._v(
7206
+ _vm._s(
7207
+ _vm.$getIcon(
7208
+ column.formatterByRow(
7209
+ item,
7210
+ cellsApplied
7211
+ )
7212
+ )
7152
7213
  )
7153
- )
7154
- )
7155
- ),
7156
- ]),
7157
- ],
7158
- 1
7159
- )
7160
- : _c(
7161
- "zd-tree-grid-cell-content",
7162
- {
7163
- directives: [
7214
+ ),
7215
+ ]),
7216
+ ],
7217
+ 1
7218
+ )
7219
+ : _c(
7220
+ "zd-tree-grid-cell-content",
7164
7221
  {
7165
- name: "show",
7166
- rawName: "v-show",
7167
- value:
7168
- !column.loading,
7169
- expression:
7170
- "!column.loading",
7171
- },
7172
- ],
7173
- attrs: {
7174
- getWidthStyle:
7175
- _vm.getWidthStyle,
7176
- column: column,
7177
- row: item,
7178
- rowStyle: rowStyle,
7179
- cellsApplied:
7180
- cellsApplied,
7181
- headerIndex:
7182
- headerIndex,
7183
- selectable:
7184
- _vm.instance
7185
- .selectable,
7186
- fieldHasChild:
7187
- _vm.instance
7188
- .fieldHasChild,
7189
- toggleExpand:
7190
- _vm.toggleExpand,
7191
- rowIndex: index,
7192
- search:
7193
- _vm.instance
7194
- .datasource
7195
- .search,
7196
- expandClass:
7197
- "zd-tree-grid-editable-expand",
7198
- },
7199
- on: {
7200
- mouseenter: function (
7201
- $event
7202
- ) {
7203
- return _vm.checkOverflow(
7204
- $event
7205
- )
7206
- },
7207
- mouseleave: function (
7208
- $event
7209
- ) {
7210
- return _vm.removeTooltip()
7211
- },
7212
- },
7213
- }
7214
- ),
7222
+ directives: [
7223
+ {
7224
+ name: "show",
7225
+ rawName:
7226
+ "v-show",
7227
+ value:
7228
+ !column.loading,
7229
+ expression:
7230
+ "!column.loading",
7231
+ },
7232
+ ],
7233
+ attrs: {
7234
+ getWidthStyle:
7235
+ _vm.getWidthStyle,
7236
+ column: column,
7237
+ row: item,
7238
+ rowStyle:
7239
+ rowStyle,
7240
+ cellsApplied:
7241
+ cellsApplied,
7242
+ headerIndex:
7243
+ headerIndex,
7244
+ selectable:
7245
+ _vm.instance
7246
+ .selectable,
7247
+ fieldHasChild:
7248
+ _vm.instance
7249
+ .fieldHasChild,
7250
+ toggleExpand:
7251
+ _vm.toggleExpand,
7252
+ rowIndex: index,
7253
+ search:
7254
+ _vm.instance
7255
+ .datasource
7256
+ .search,
7257
+ expandClass:
7258
+ "zd-tree-grid-editable-expand",
7259
+ },
7260
+ on: {
7261
+ mouseenter:
7262
+ function (
7263
+ $event
7264
+ ) {
7265
+ return _vm.checkOverflow(
7266
+ $event
7267
+ )
7268
+ },
7269
+ mouseleave:
7270
+ function (
7271
+ $event
7272
+ ) {
7273
+ return _vm.removeTooltip()
7274
+ },
7275
+ },
7276
+ }
7277
+ ),
7278
+ ],
7279
+ 1
7280
+ ),
7215
7281
  ],
7216
7282
  1
7217
7283
  ),
7218
- ],
7219
- 1
7220
- ),
7221
- ]
7222
- : column.isVisible &&
7223
- column.type === "action"
7224
- ? [
7225
- _c(
7226
- "zd-grid-cell",
7227
- {
7228
- key: column.name,
7229
- attrs: {
7230
- column: column,
7231
- rowStyle: rowStyle,
7232
- cellsApplied: cellsApplied,
7233
- cellClass: [
7234
- {
7235
- "zd-table-cell-text-first":
7236
- headerIndex === 0 ||
7237
- (headerIndex === 1 &&
7238
- _vm.instance.selectable),
7239
- },
7240
- ],
7241
- },
7242
- on: {
7243
- click: function ($event) {
7244
- return _vm.cellClick(
7245
- item,
7246
- column,
7247
- $event
7248
- )
7249
- },
7250
- },
7251
- },
7252
- [
7284
+ ]
7285
+ : column.isVisible &&
7286
+ column.type === "action"
7287
+ ? [
7253
7288
  _c(
7254
- "div",
7289
+ "zd-grid-cell",
7255
7290
  {
7256
- directives: [
7257
- {
7258
- name: "show",
7259
- rawName: "v-show",
7260
- value: headerIndex === 0,
7261
- expression:
7262
- "headerIndex === 0",
7291
+ key: column.name,
7292
+ attrs: {
7293
+ column: column,
7294
+ rowStyle: rowStyle,
7295
+ cellsApplied: cellsApplied,
7296
+ cellClass: [
7297
+ {
7298
+ "zd-table-cell-text-first":
7299
+ headerIndex === 0 ||
7300
+ (headerIndex === 1 &&
7301
+ _vm.instance
7302
+ .selectable),
7303
+ },
7304
+ ],
7305
+ },
7306
+ on: {
7307
+ click: function ($event) {
7308
+ return _vm.cellClick(
7309
+ item,
7310
+ column,
7311
+ $event
7312
+ )
7263
7313
  },
7264
- ],
7265
- class: [
7266
- "zd-tree-grid-expand zd-tree-grid-expand-action",
7267
- "level" + item.tree__level,
7268
- ],
7314
+ },
7269
7315
  },
7270
7316
  [
7271
- (item.tree__children || [])
7272
- .length > 0
7273
- ? _c(
7274
- "v-icon",
7317
+ _c(
7318
+ "div",
7319
+ {
7320
+ directives: [
7275
7321
  {
7276
- class: {
7277
- opened:
7278
- item.tree__opened,
7279
- },
7280
- attrs: {
7281
- tabindex: "-1",
7282
- },
7283
- on: {
7284
- click: function (
7285
- $event
7286
- ) {
7287
- return _vm.instance.toggleExpand(
7288
- item,
7289
- index
7290
- )
7291
- },
7292
- },
7322
+ name: "show",
7323
+ rawName: "v-show",
7324
+ value:
7325
+ headerIndex === 0,
7326
+ expression:
7327
+ "headerIndex === 0",
7293
7328
  },
7294
- [
7295
- _vm._v(
7296
- "\n " +
7297
- _vm._s(
7298
- _vm.$getIcon(
7299
- "chevronRight"
7300
- )
7301
- ) +
7302
- "\n "
7303
- ),
7304
- ]
7305
- )
7306
- : _vm._e(),
7329
+ ],
7330
+ class: [
7331
+ "zd-tree-grid-expand zd-tree-grid-expand-action",
7332
+ "level" +
7333
+ item.tree__level,
7334
+ ],
7335
+ },
7336
+ [
7337
+ (item.tree__children || [])
7338
+ .length > 0
7339
+ ? _c(
7340
+ "v-icon",
7341
+ {
7342
+ class: {
7343
+ opened:
7344
+ item.tree__opened,
7345
+ },
7346
+ attrs: {
7347
+ tabindex: "-1",
7348
+ },
7349
+ on: {
7350
+ click: function (
7351
+ $event
7352
+ ) {
7353
+ return _vm.instance.toggleExpand(
7354
+ item,
7355
+ index,
7356
+ $event
7357
+ )
7358
+ },
7359
+ },
7360
+ },
7361
+ [
7362
+ _vm._v(
7363
+ "\n " +
7364
+ _vm._s(
7365
+ _vm.$getIcon(
7366
+ "chevronRight"
7367
+ )
7368
+ ) +
7369
+ "\n "
7370
+ ),
7371
+ ]
7372
+ )
7373
+ : _vm._e(),
7374
+ ],
7375
+ 1
7376
+ ),
7377
+ _vm._v(" "),
7378
+ _c("zd-grid-action", {
7379
+ attrs: {
7380
+ column: column,
7381
+ row: item,
7382
+ rowKey: _vm.rowKey(item),
7383
+ getActionComponent:
7384
+ _vm.getActionComponent,
7385
+ },
7386
+ }),
7307
7387
  ],
7308
7388
  1
7309
7389
  ),
7310
- _vm._v(" "),
7311
- _c("zd-grid-action", {
7312
- attrs: {
7313
- column: column,
7314
- row: item,
7315
- rowKey: _vm.rowKey(item),
7316
- getActionComponent:
7317
- _vm.getActionComponent,
7318
- },
7319
- }),
7320
- ],
7321
- 1
7322
- ),
7323
- ]
7324
- : _vm._e(),
7325
- ]
7326
- }
7327
- ),
7328
- ]
7329
- }
7330
- ),
7331
- ],
7332
- 2
7333
- ),
7390
+ ]
7391
+ : _vm._e(),
7392
+ ]
7393
+ }
7394
+ ),
7395
+ ]
7396
+ }
7397
+ ),
7398
+ ],
7399
+ 2
7400
+ )
7401
+ : _vm._e(),
7334
7402
  ]
7335
7403
  },
7336
7404
  }
@@ -7424,7 +7492,7 @@ __vue_render__$2._withStripped = true;
7424
7492
  /* style */
7425
7493
  const __vue_inject_styles__$2 = function (inject) {
7426
7494
  if (!inject) return
7427
- 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 });
7495
+ 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 });
7428
7496
 
7429
7497
  };
7430
7498
  /* scoped */