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