@zeedhi/teknisa-components-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 (3) hide show
  1. package/dist/tek-components-vuetify.esm.js +429 -388
  2. package/dist/tek-components-vuetify.umd.js +429 -388
  3. package/package.json +2 -2
package/dist/tek-components-vuetify.umd.js CHANGED
@@ -2367,7 +2367,8 @@
2367
2367
  },
2368
2368
  }
2369
2369
  : null,
2370
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
2370
+ _vm.instance.virtualScroll &&
2371
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
2371
2372
  ? {
2372
2373
  key: "body.prepend",
2373
2374
  fn: function (ref) {
@@ -2385,7 +2386,9 @@
2385
2386
  }
2386
2387
  : null,
2387
2388
  _vm.instance.virtualScroll &&
2388
- _vm.scrollData.start + _vm.scrollData.perPage <
2389
+ _vm.scrollData.start +
2390
+ _vm.scrollData.perPage +
2391
+ _vm.instance.virtualScrollCache <
2389
2392
  (_vm.scrollData.visibleData || []).length
2390
2393
  ? {
2391
2394
  key: "body.append",
@@ -2410,8 +2413,17 @@
2410
2413
  var select = ref.select;
2411
2414
  var isSelected = ref.isSelected;
2412
2415
  var headers = ref.headers;
2416
+ var index = ref.index;
2413
2417
  return [
2414
- 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))
2415
2427
  ? _c(
2416
2428
  "tr",
2417
2429
  {
@@ -3092,7 +3104,7 @@
3092
3104
  /* style */
3093
3105
  const __vue_inject_styles__$b = function (inject) {
3094
3106
  if (!inject) return
3095
- inject("data-v-76e10514_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 });
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 });
3096
3108
 
3097
3109
  };
3098
3110
  /* scoped */
@@ -6908,7 +6920,8 @@
6908
6920
  },
6909
6921
  }
6910
6922
  : null,
6911
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
6923
+ _vm.instance.virtualScroll &&
6924
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
6912
6925
  ? {
6913
6926
  key: "body.prepend",
6914
6927
  fn: function (ref) {
@@ -6925,7 +6938,9 @@
6925
6938
  }
6926
6939
  : null,
6927
6940
  _vm.instance.virtualScroll &&
6928
- _vm.scrollData.start + _vm.scrollData.perPage <
6941
+ _vm.scrollData.start +
6942
+ _vm.scrollData.perPage +
6943
+ _vm.instance.virtualScrollCache <
6929
6944
  (_vm.scrollData.visibleData || []).length
6930
6945
  ? {
6931
6946
  key: "body.append",
@@ -6951,415 +6966,441 @@
6951
6966
  var index = ref.index;
6952
6967
  var headers = ref.headers;
6953
6968
  return [
6954
- _c(
6955
- "tr",
6956
- {
6957
- 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",
6958
6978
  {
6959
- name: "show",
6960
- rawName: "v-show",
6961
- value: _vm.instance.treeDataStructure.isOpened(item),
6962
- expression:
6963
- "instance.treeDataStructure.isOpened(item)",
6964
- },
6965
- ],
6966
- class: {
6967
- active: isSelected,
6968
- current: _vm.isCurrentRow(item),
6969
- },
6970
- attrs: {
6971
- set: (_vm.canEditRowValues[_vm.rowKey(item)] =
6972
- _vm.instance.callCanEditRow(item)),
6973
- },
6974
- on: {
6975
- click: function ($event) {
6976
- return _vm.rowClick(item, $event)
6977
- },
6978
- },
6979
- },
6980
- [
6981
- _vm.instance.selectable
6982
- ? _c(
6983
- "td",
6979
+ directives: [
6984
6980
  {
6985
- class: [
6986
- "zd-table-cell",
6987
- "selectable",
6988
- "zd-table-fixed-column",
6989
- {
6990
- "theme--dark":
6991
- (_vm.$vuetify.theme.dark &&
6992
- !_vm.instance.light) ||
6993
- _vm.instance.dark,
6994
- },
6995
- {
6996
- "theme--light":
6997
- !_vm.$vuetify.theme.dark ||
6998
- _vm.instance.light,
6999
- },
7000
- ],
6981
+ name: "show",
6982
+ rawName: "v-show",
6983
+ value:
6984
+ _vm.instance.treeDataStructure.isOpened(item),
6985
+ expression:
6986
+ "instance.treeDataStructure.isOpened(item)",
7001
6987
  },
7002
- [
7003
- _c("v-checkbox", {
7004
- staticClass: "zd-grid-row-checkbox",
7005
- attrs: {
7006
- "hide-details": "",
7007
- color: "primary",
7008
- disabled:
7009
- _vm.instance.editing ||
7010
- _vm.instance.callDisableSelection(item),
7011
- "on-icon": _vm.$getIcon("checkboxOn"),
7012
- "off-icon": _vm.$getIcon("checkboxOff"),
7013
- "true-value": true,
7014
- "false-value": false,
7015
- value: isSelected,
7016
- indeterminate:
7017
- !_vm.checkEvery(item) &&
7018
- _vm.checkSome(item),
7019
- },
7020
- on: {
7021
- click: function ($event) {
7022
- $event.stopPropagation();
7023
- return _vm.selectClick(
7024
- index,
7025
- !isSelected,
7026
- $event
7027
- )
7028
- },
7029
- },
7030
- }),
7031
- ],
7032
- 1
7033
- )
7034
- : _vm._e(),
7035
- _vm._v(" "),
7036
- _vm._l(
7037
- _vm.orderHeaders(headers),
7038
- function (header, headerIndex) {
7039
- return [
7040
- _vm._l(
7041
- [
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",
7042
7007
  {
7043
- column: header,
7044
- rowStyle:
7045
- _vm.instance.getRowStyleConditions(item),
7046
- cellsApplied: (_vm.instance.cellsApplied[
7047
- _vm.rowKey(item)
7048
- ] || {})[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
+ ],
7049
7024
  },
7050
- ],
7051
- function (ref) {
7052
- var column = ref.column;
7053
- var rowStyle = ref.rowStyle;
7054
- var cellsApplied = ref.cellsApplied;
7055
- return [
7056
- column.isVisible && column.type !== "action"
7057
- ? [
7058
- _c(
7059
- "zd-grid-cell",
7060
- {
7061
- key: column.name,
7062
- attrs: {
7063
- column: column,
7064
- rowStyle: rowStyle,
7065
- cellsApplied: cellsApplied,
7066
- cellClass: [
7067
- { first: headerIndex === 0 },
7068
- {
7069
- "zd-table-column-editable":
7070
- column.editable,
7071
- "zd-table-cell-editable":
7072
- Object.assign(
7073
- {},
7074
- column,
7075
- cellsApplied
7076
- ).editable &&
7077
- _vm.canEditRowValues[
7078
- _vm.rowKey(item)
7079
- ],
7080
- "zd-table-fixed-column":
7081
- column.fixed,
7082
- },
7083
- ],
7084
- cellStyle: [
7085
- {
7086
- left: _vm.getFixedLeft(
7087
- column
7088
- ),
7089
- },
7090
- ],
7091
- },
7092
- on: {
7093
- click: function ($event) {
7094
- _vm.cellClick(
7095
- item,
7096
- column,
7097
- $event,
7098
- _vm.canEditRowValues[
7099
- _vm.rowKey(item)
7100
- ]
7101
- );
7102
- },
7103
- },
7104
- },
7105
- [
7106
- column.loading
7107
- ? _c("v-skeleton-loader", {
7108
- staticClass:
7109
- "zd-skeleton-table-cell",
7110
- attrs: {
7111
- loading: "",
7112
- type: "table-cell",
7113
- },
7114
- })
7115
- : _vm._e(),
7116
- _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
+ ? [
7117
7084
  _c(
7118
- "span",
7085
+ "zd-grid-cell",
7119
7086
  {
7120
- staticClass:
7121
- "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
+ },
7122
7132
  },
7123
7133
  [
7124
- Object.assign(
7125
- {},
7126
- column,
7127
- cellsApplied
7128
- ).editable &&
7129
- _vm.canEditRowValues[
7130
- _vm.rowKey(item)
7131
- ] &&
7132
- _vm.instance.editing
7133
- ? _c("zd-grid-cell-edit", {
7134
- directives: [
7135
- {
7136
- name: "show",
7137
- rawName: "v-show",
7138
- value:
7139
- !column.loading,
7140
- expression:
7141
- "!column.loading",
7142
- },
7143
- ],
7134
+ column.loading
7135
+ ? _c("v-skeleton-loader", {
7136
+ staticClass:
7137
+ "zd-skeleton-table-cell",
7144
7138
  attrs: {
7145
- getWidthStyle:
7146
- _vm.getWidthStyle,
7147
- column: column,
7148
- row: item,
7149
- rowStyle: rowStyle,
7150
- cellsApplied:
7151
- cellsApplied,
7152
- isEdited:
7153
- _vm.instance.isEdited(
7154
- column,
7155
- item
7156
- ),
7157
- isValid:
7158
- _vm.instance.isValid(
7159
- column,
7160
- item
7161
- ),
7162
- getEditableComponent:
7163
- _vm.getEditableComponent,
7139
+ loading: "",
7140
+ type: "table-cell",
7164
7141
  },
7165
7142
  })
7166
- : _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
+ {},
7167
7154
  column,
7168
- item
7169
- )
7170
- ? _c(
7171
- "span",
7172
- [
7173
- _c("v-icon", [
7174
- _vm._v(
7175
- _vm._s(
7176
- _vm.$getIcon(
7177
- column.formatterByRow(
7178
- item,
7179
- 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
+ )
7180
7215
  )
7181
- )
7182
- )
7183
- ),
7184
- ]),
7185
- ],
7186
- 1
7187
- )
7188
- : _c(
7189
- "zd-tree-grid-cell-content",
7190
- {
7191
- directives: [
7216
+ ),
7217
+ ]),
7218
+ ],
7219
+ 1
7220
+ )
7221
+ : _c(
7222
+ "zd-tree-grid-cell-content",
7192
7223
  {
7193
- name: "show",
7194
- rawName: "v-show",
7195
- value:
7196
- !column.loading,
7197
- expression:
7198
- "!column.loading",
7199
- },
7200
- ],
7201
- attrs: {
7202
- getWidthStyle:
7203
- _vm.getWidthStyle,
7204
- column: column,
7205
- row: item,
7206
- rowStyle: rowStyle,
7207
- cellsApplied:
7208
- cellsApplied,
7209
- headerIndex:
7210
- headerIndex,
7211
- selectable:
7212
- _vm.instance
7213
- .selectable,
7214
- fieldHasChild:
7215
- _vm.instance
7216
- .fieldHasChild,
7217
- toggleExpand:
7218
- _vm.toggleExpand,
7219
- rowIndex: index,
7220
- search:
7221
- _vm.instance
7222
- .datasource
7223
- .search,
7224
- expandClass:
7225
- "zd-tree-grid-editable-expand",
7226
- },
7227
- on: {
7228
- mouseenter: function (
7229
- $event
7230
- ) {
7231
- return _vm.checkOverflow(
7232
- $event
7233
- )
7234
- },
7235
- mouseleave: function (
7236
- $event
7237
- ) {
7238
- return _vm.removeTooltip()
7239
- },
7240
- },
7241
- }
7242
- ),
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
+ ),
7243
7283
  ],
7244
7284
  1
7245
7285
  ),
7246
- ],
7247
- 1
7248
- ),
7249
- ]
7250
- : column.isVisible &&
7251
- column.type === "action"
7252
- ? [
7253
- _c(
7254
- "zd-grid-cell",
7255
- {
7256
- key: column.name,
7257
- attrs: {
7258
- column: column,
7259
- rowStyle: rowStyle,
7260
- cellsApplied: cellsApplied,
7261
- cellClass: [
7262
- {
7263
- "zd-table-cell-text-first":
7264
- headerIndex === 0 ||
7265
- (headerIndex === 1 &&
7266
- _vm.instance.selectable),
7267
- },
7268
- ],
7269
- },
7270
- on: {
7271
- click: function ($event) {
7272
- return _vm.cellClick(
7273
- item,
7274
- column,
7275
- $event
7276
- )
7277
- },
7278
- },
7279
- },
7280
- [
7286
+ ]
7287
+ : column.isVisible &&
7288
+ column.type === "action"
7289
+ ? [
7281
7290
  _c(
7282
- "div",
7291
+ "zd-grid-cell",
7283
7292
  {
7284
- directives: [
7285
- {
7286
- name: "show",
7287
- rawName: "v-show",
7288
- value: headerIndex === 0,
7289
- expression:
7290
- "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
+ )
7291
7315
  },
7292
- ],
7293
- class: [
7294
- "zd-tree-grid-expand zd-tree-grid-expand-action",
7295
- "level" + item.tree__level,
7296
- ],
7316
+ },
7297
7317
  },
7298
7318
  [
7299
- (item.tree__children || [])
7300
- .length > 0
7301
- ? _c(
7302
- "v-icon",
7319
+ _c(
7320
+ "div",
7321
+ {
7322
+ directives: [
7303
7323
  {
7304
- class: {
7305
- opened:
7306
- item.tree__opened,
7307
- },
7308
- attrs: {
7309
- tabindex: "-1",
7310
- },
7311
- on: {
7312
- click: function (
7313
- $event
7314
- ) {
7315
- return _vm.instance.toggleExpand(
7316
- item,
7317
- index,
7318
- $event
7319
- )
7320
- },
7321
- },
7324
+ name: "show",
7325
+ rawName: "v-show",
7326
+ value:
7327
+ headerIndex === 0,
7328
+ expression:
7329
+ "headerIndex === 0",
7322
7330
  },
7323
- [
7324
- _vm._v(
7325
- "\n " +
7326
- _vm._s(
7327
- _vm.$getIcon(
7328
- "chevronRight"
7329
- )
7330
- ) +
7331
- "\n "
7332
- ),
7333
- ]
7334
- )
7335
- : _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
+ }),
7336
7389
  ],
7337
7390
  1
7338
7391
  ),
7339
- _vm._v(" "),
7340
- _c("zd-grid-action", {
7341
- attrs: {
7342
- column: column,
7343
- row: item,
7344
- rowKey: _vm.rowKey(item),
7345
- getActionComponent:
7346
- _vm.getActionComponent,
7347
- },
7348
- }),
7349
- ],
7350
- 1
7351
- ),
7352
- ]
7353
- : _vm._e(),
7354
- ]
7355
- }
7356
- ),
7357
- ]
7358
- }
7359
- ),
7360
- ],
7361
- 2
7362
- ),
7392
+ ]
7393
+ : _vm._e(),
7394
+ ]
7395
+ }
7396
+ ),
7397
+ ]
7398
+ }
7399
+ ),
7400
+ ],
7401
+ 2
7402
+ )
7403
+ : _vm._e(),
7363
7404
  ]
7364
7405
  },
7365
7406
  }
@@ -7453,7 +7494,7 @@
7453
7494
  /* style */
7454
7495
  const __vue_inject_styles__$2 = function (inject) {
7455
7496
  if (!inject) return
7456
- inject("data-v-3f53f711_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 });
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 });
7457
7498
 
7458
7499
  };
7459
7500
  /* scoped */