@zeedhi/teknisa-components-vuetify 1.72.0 → 1.74.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 (5) hide show
  1. package/dist/tek-components-vuetify.esm.js +526 -421
  2. package/dist/tek-components-vuetify.umd.js +525 -420
  3. package/package.json +2 -2
  4. package/types/components/tek-image/TekImage.d.ts +8 -0
  5. package/types/components/tek-tree-grid/TekTreeGrid.d.ts +0 -5
package/dist/tek-components-vuetify.umd.js CHANGED
@@ -915,6 +915,18 @@
915
915
  ],
916
916
  ref: "form",
917
917
  class: ["tek-crud-form", _vm.instance.cssClass],
918
+ style: Object.assign(
919
+ {},
920
+ {
921
+ height: _vm.$formatSize(_vm.instance.height),
922
+ width: _vm.$formatSize(_vm.instance.width),
923
+ maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
924
+ minHeight: _vm.$formatSize(_vm.instance.minHeight),
925
+ maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
926
+ minWidth: _vm.$formatSize(_vm.instance.minWidth),
927
+ },
928
+ _vm.$styleObject(_vm.instance.cssStyle)
929
+ ),
918
930
  attrs: { id: _vm.instance.name, name: _vm.instance.name, tabindex: "0" },
919
931
  on: {
920
932
  submit: function ($event) {
@@ -978,7 +990,7 @@
978
990
  /* style */
979
991
  const __vue_inject_styles__$d = function (inject) {
980
992
  if (!inject) return
981
- inject("data-v-12f9560c_0", { source: ".tek-crud-form {\n outline: none;\n}", map: undefined, media: undefined });
993
+ inject("data-v-c0dcf978_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
982
994
 
983
995
  };
984
996
  /* scoped */
@@ -1606,14 +1618,18 @@
1606
1618
  "zd-grid",
1607
1619
  "tek-grid",
1608
1620
  _vm.instance.cssClass,
1609
- { "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
1610
1621
  { "zd-grid-loading": _vm.instance.datasource.loading },
1611
1622
  ],
1612
1623
  style: [
1613
1624
  _vm.cssColorVars,
1614
- _vm.instance.gridHeight
1615
- ? { height: _vm.$formatSize(_vm.instance.gridHeight) }
1616
- : {},
1625
+ {
1626
+ height: _vm.$formatSize(_vm.instance.height),
1627
+ width: _vm.$formatSize(_vm.instance.width),
1628
+ maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
1629
+ minHeight: _vm.$formatSize(_vm.instance.minHeight),
1630
+ maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
1631
+ minWidth: _vm.$formatSize(_vm.instance.minWidth),
1632
+ },
1617
1633
  _vm.$styleObject(_vm.instance.cssStyle),
1618
1634
  ],
1619
1635
  attrs: {
@@ -1624,7 +1640,6 @@
1624
1640
  "hide-default-footer": "",
1625
1641
  name: _vm.instance.name,
1626
1642
  headers: _vm.headers,
1627
- height: _vm.instance.height,
1628
1643
  items: _vm.getData(),
1629
1644
  search: _vm.instance.datasource.search,
1630
1645
  dense: _vm.instance.dense,
@@ -2367,7 +2382,8 @@
2367
2382
  },
2368
2383
  }
2369
2384
  : null,
2370
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
2385
+ _vm.instance.virtualScroll &&
2386
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
2371
2387
  ? {
2372
2388
  key: "body.prepend",
2373
2389
  fn: function (ref) {
@@ -2385,7 +2401,9 @@
2385
2401
  }
2386
2402
  : null,
2387
2403
  _vm.instance.virtualScroll &&
2388
- _vm.scrollData.start + _vm.scrollData.perPage <
2404
+ _vm.scrollData.start +
2405
+ _vm.scrollData.perPage +
2406
+ _vm.instance.virtualScrollCache <
2389
2407
  (_vm.scrollData.visibleData || []).length
2390
2408
  ? {
2391
2409
  key: "body.append",
@@ -2410,8 +2428,17 @@
2410
2428
  var select = ref.select;
2411
2429
  var isSelected = ref.isSelected;
2412
2430
  var headers = ref.headers;
2431
+ var index = ref.index;
2413
2432
  return [
2414
- item.group && _vm.instance.isItemVisible(item)
2433
+ item.group &&
2434
+ _vm.instance.isItemVisible(item) &&
2435
+ (!_vm.instance.virtualScroll ||
2436
+ (index >=
2437
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
2438
+ index <=
2439
+ _vm.scrollData.start +
2440
+ _vm.scrollData.perPage +
2441
+ _vm.instance.virtualScrollCache))
2415
2442
  ? _c(
2416
2443
  "tr",
2417
2444
  {
@@ -2821,6 +2848,8 @@
2821
2848
  column: column,
2822
2849
  row: item,
2823
2850
  rowStyle: rowStyle,
2851
+ rowKey:
2852
+ _vm.rowKey(item),
2824
2853
  cellsApplied:
2825
2854
  cellsApplied,
2826
2855
  isEdited:
@@ -3092,7 +3121,7 @@
3092
3121
  /* style */
3093
3122
  const __vue_inject_styles__$b = function (inject) {
3094
3123
  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 });
3124
+ inject("data-v-40eb0f79_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
3125
 
3097
3126
  };
3098
3127
  /* scoped */
@@ -4906,6 +4935,11 @@
4906
4935
  super(...arguments);
4907
4936
  this.instanceType = teknisaComponentsCommon.Image;
4908
4937
  }
4938
+ mounted() {
4939
+ if (this.instance.fillHeight) {
4940
+ vuetify.setFillHeight(this.$el);
4941
+ }
4942
+ }
4909
4943
  };
4910
4944
  __decorate([
4911
4945
  vuetify.PropWatch({ type: String, default: '' })
@@ -4913,6 +4947,27 @@
4913
4947
  __decorate([
4914
4948
  vuetify.PropWatch({ type: String, default: '' })
4915
4949
  ], TekImage.prototype, "src", void 0);
4950
+ __decorate([
4951
+ vuetify.PropWatch({ type: [Number, String], default: 'auto' })
4952
+ ], TekImage.prototype, "height", void 0);
4953
+ __decorate([
4954
+ vuetify.PropWatch({ type: [Number, String], default: 'auto' })
4955
+ ], TekImage.prototype, "minHeight", void 0);
4956
+ __decorate([
4957
+ vuetify.PropWatch({ type: [Number, String], default: 'none' })
4958
+ ], TekImage.prototype, "maxHeight", void 0);
4959
+ __decorate([
4960
+ vuetify.PropWatch({ type: [Number, String], default: 'auto' })
4961
+ ], TekImage.prototype, "width", void 0);
4962
+ __decorate([
4963
+ vuetify.PropWatch({ type: [Number, String], default: 'auto' })
4964
+ ], TekImage.prototype, "minWidth", void 0);
4965
+ __decorate([
4966
+ vuetify.PropWatch({ type: [Number, String], default: 'none' })
4967
+ ], TekImage.prototype, "maxWidth", void 0);
4968
+ __decorate([
4969
+ vuetify.PropWatch({ type: [Boolean, String], default: false })
4970
+ ], TekImage.prototype, "fillHeight", void 0);
4916
4971
  TekImage = __decorate([
4917
4972
  vuePropertyDecorator.Component
4918
4973
  ], TekImage);
@@ -4929,7 +4984,24 @@
4929
4984
  return _c(
4930
4985
  "router-link",
4931
4986
  { attrs: { id: _vm.instance.name, to: _vm.instance.to } },
4932
- [_c("v-img", { attrs: { src: _vm.instance.src } })],
4987
+ [
4988
+ _c("v-img", {
4989
+ class: ["tek-image", _vm.instance.cssClass],
4990
+ style: Object.assign(
4991
+ {},
4992
+ {
4993
+ height: _vm.$formatSize(_vm.instance.height),
4994
+ width: _vm.$formatSize(_vm.instance.width),
4995
+ maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
4996
+ minHeight: _vm.$formatSize(_vm.instance.minHeight),
4997
+ maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
4998
+ minWidth: _vm.$formatSize(_vm.instance.minWidth),
4999
+ },
5000
+ _vm.$styleObject(_vm.instance.cssStyle)
5001
+ ),
5002
+ attrs: { src: _vm.instance.src },
5003
+ }),
5004
+ ],
4933
5005
  1
4934
5006
  )
4935
5007
  };
@@ -5125,8 +5197,11 @@
5125
5197
  {},
5126
5198
  {
5127
5199
  height: _vm.$formatSize(_vm.instance.height),
5128
- minHeight: _vm.$formatSize(_vm.instance.minHeight),
5200
+ width: _vm.$formatSize(_vm.instance.width),
5129
5201
  maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
5202
+ minHeight: _vm.$formatSize(_vm.instance.minHeight),
5203
+ maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
5204
+ minWidth: _vm.$formatSize(_vm.instance.minWidth),
5130
5205
  },
5131
5206
  _vm.$styleObject(_vm.instance.cssStyle)
5132
5207
  ),
@@ -5267,12 +5342,12 @@
5267
5342
  )
5268
5343
  ),
5269
5344
  _vm._v(" "),
5270
- _c(
5271
- "div",
5272
- { staticClass: "tek-iterable-footer" },
5273
- [
5274
- _vm.instance.footerSlot || !!_vm.$slots.footerSlot
5275
- ? [
5345
+ _vm.instance.footerSlot.length || !!_vm.$slots.footerSlot
5346
+ ? _c(
5347
+ "div",
5348
+ { staticClass: "tek-iterable-footer" },
5349
+ [
5350
+ [
5276
5351
  _vm._l(_vm.instance.footerSlot, function (child, index) {
5277
5352
  return _c(
5278
5353
  child.component,
@@ -5290,11 +5365,11 @@
5290
5365
  }),
5291
5366
  _vm._v(" "),
5292
5367
  _vm._t("footerSlot"),
5293
- ]
5294
- : _vm._e(),
5295
- ],
5296
- 2
5297
- ),
5368
+ ],
5369
+ ],
5370
+ 2
5371
+ )
5372
+ : _vm._e(),
5298
5373
  ],
5299
5374
  2
5300
5375
  )
@@ -5306,11 +5381,11 @@
5306
5381
  /* style */
5307
5382
  const __vue_inject_styles__$6 = function (inject) {
5308
5383
  if (!inject) return
5309
- inject("data-v-4336f203_0", { source: ".tek-iterable-component-render[data-v-4336f203] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-4336f203],\n.tek-iterable-component-render .no--data[data-v-4336f203] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-4336f203] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-4336f203] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-4336f203] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
5384
+ inject("data-v-171cbd3a_0", { source: ".tek-iterable-component-render[data-v-171cbd3a] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-171cbd3a],\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-171cbd3a] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-171cbd3a] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
5310
5385
 
5311
5386
  };
5312
5387
  /* scoped */
5313
- const __vue_scope_id__$6 = "data-v-4336f203";
5388
+ const __vue_scope_id__$6 = "data-v-171cbd3a";
5314
5389
  /* module identifier */
5315
5390
  const __vue_module_identifier__$6 = undefined;
5316
5391
  /* functional template */
@@ -6121,13 +6196,6 @@
6121
6196
  setSpanWidth(column) {
6122
6197
  return column.width;
6123
6198
  }
6124
- getWidthStyle(column) {
6125
- return {
6126
- width: this.calcWidth(column, column.width) || 'unset',
6127
- 'min-width': this.calcWidth(column, column.minWidth) || 'unset',
6128
- 'max-width': this.calcWidth(column, column.maxWidth) || 'unset',
6129
- };
6130
- }
6131
6199
  };
6132
6200
  __decorate([
6133
6201
  vuetify.PropWatch({ type: [String], default: '' })
@@ -6216,14 +6284,18 @@
6216
6284
  "tek-grid",
6217
6285
  "tek-tree-grid",
6218
6286
  _vm.instance.cssClass,
6219
- { "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
6220
6287
  { "zd-grid-loading": _vm.instance.datasource.loading },
6221
6288
  ],
6222
6289
  style: [
6223
6290
  _vm.cssColorVars,
6224
- _vm.instance.gridHeight
6225
- ? { height: _vm.$formatSize(_vm.instance.gridHeight) }
6226
- : {},
6291
+ {
6292
+ height: _vm.$formatSize(_vm.instance.height),
6293
+ width: _vm.$formatSize(_vm.instance.width),
6294
+ maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
6295
+ minHeight: _vm.$formatSize(_vm.instance.minHeight),
6296
+ maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
6297
+ minWidth: _vm.$formatSize(_vm.instance.minWidth),
6298
+ },
6227
6299
  _vm.$styleObject(_vm.instance.cssStyle),
6228
6300
  ],
6229
6301
  attrs: {
@@ -6908,7 +6980,8 @@
6908
6980
  },
6909
6981
  }
6910
6982
  : null,
6911
- _vm.instance.virtualScroll && _vm.scrollData.start > 0
6983
+ _vm.instance.virtualScroll &&
6984
+ _vm.scrollData.start > _vm.instance.virtualScrollCache
6912
6985
  ? {
6913
6986
  key: "body.prepend",
6914
6987
  fn: function (ref) {
@@ -6925,7 +6998,9 @@
6925
6998
  }
6926
6999
  : null,
6927
7000
  _vm.instance.virtualScroll &&
6928
- _vm.scrollData.start + _vm.scrollData.perPage <
7001
+ _vm.scrollData.start +
7002
+ _vm.scrollData.perPage +
7003
+ _vm.instance.virtualScrollCache <
6929
7004
  (_vm.scrollData.visibleData || []).length
6930
7005
  ? {
6931
7006
  key: "body.append",
@@ -6951,415 +7026,445 @@
6951
7026
  var index = ref.index;
6952
7027
  var headers = ref.headers;
6953
7028
  return [
6954
- _c(
6955
- "tr",
6956
- {
6957
- directives: [
7029
+ !_vm.instance.virtualScroll ||
7030
+ (index >=
7031
+ _vm.scrollData.start - _vm.instance.virtualScrollCache &&
7032
+ index <=
7033
+ _vm.scrollData.start +
7034
+ _vm.scrollData.perPage +
7035
+ _vm.instance.virtualScrollCache)
7036
+ ? _c(
7037
+ "tr",
6958
7038
  {
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",
7039
+ directives: [
6984
7040
  {
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
- ],
7041
+ name: "show",
7042
+ rawName: "v-show",
7043
+ value:
7044
+ _vm.instance.treeDataStructure.isOpened(item),
7045
+ expression:
7046
+ "instance.treeDataStructure.isOpened(item)",
7001
7047
  },
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
- [
7048
+ ],
7049
+ class: {
7050
+ active: isSelected,
7051
+ current: _vm.isCurrentRow(item),
7052
+ },
7053
+ attrs: {
7054
+ set: (_vm.canEditRowValues[_vm.rowKey(item)] =
7055
+ _vm.instance.callCanEditRow(item)),
7056
+ },
7057
+ on: {
7058
+ click: function ($event) {
7059
+ return _vm.rowClick(item, $event)
7060
+ },
7061
+ },
7062
+ },
7063
+ [
7064
+ _vm.instance.selectable
7065
+ ? _c(
7066
+ "td",
7042
7067
  {
7043
- column: header,
7044
- rowStyle:
7045
- _vm.instance.getRowStyleConditions(item),
7046
- cellsApplied: (_vm.instance.cellsApplied[
7047
- _vm.rowKey(item)
7048
- ] || {})[header.name],
7068
+ class: [
7069
+ "zd-table-cell",
7070
+ "selectable",
7071
+ "zd-table-fixed-column",
7072
+ {
7073
+ "theme--dark":
7074
+ (_vm.$vuetify.theme.dark &&
7075
+ !_vm.instance.light) ||
7076
+ _vm.instance.dark,
7077
+ },
7078
+ {
7079
+ "theme--light":
7080
+ !_vm.$vuetify.theme.dark ||
7081
+ _vm.instance.light,
7082
+ },
7083
+ ],
7049
7084
  },
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(" "),
7085
+ [
7086
+ _c("v-checkbox", {
7087
+ staticClass: "zd-grid-row-checkbox",
7088
+ attrs: {
7089
+ "hide-details": "",
7090
+ color: "primary",
7091
+ disabled:
7092
+ _vm.instance.editing ||
7093
+ _vm.instance.callDisableSelection(item),
7094
+ "on-icon": _vm.$getIcon("checkboxOn"),
7095
+ "off-icon": _vm.$getIcon("checkboxOff"),
7096
+ "true-value": true,
7097
+ "false-value": false,
7098
+ value: isSelected,
7099
+ indeterminate:
7100
+ !_vm.checkEvery(item) &&
7101
+ _vm.checkSome(item),
7102
+ },
7103
+ on: {
7104
+ click: function ($event) {
7105
+ $event.stopPropagation();
7106
+ return _vm.selectClick(
7107
+ index,
7108
+ !isSelected,
7109
+ $event
7110
+ )
7111
+ },
7112
+ },
7113
+ }),
7114
+ ],
7115
+ 1
7116
+ )
7117
+ : _vm._e(),
7118
+ _vm._v(" "),
7119
+ _vm._l(
7120
+ _vm.orderHeaders(headers),
7121
+ function (header, headerIndex) {
7122
+ return [
7123
+ _vm._l(
7124
+ [
7125
+ {
7126
+ column: header,
7127
+ rowStyle:
7128
+ _vm.instance.getRowStyleConditions(
7129
+ item
7130
+ ),
7131
+ cellsApplied: (_vm.instance.cellsApplied[
7132
+ _vm.rowKey(item)
7133
+ ] || {})[header.name],
7134
+ },
7135
+ ],
7136
+ function (ref) {
7137
+ var column = ref.column;
7138
+ var rowStyle = ref.rowStyle;
7139
+ var cellsApplied = ref.cellsApplied;
7140
+ return [
7141
+ column.isVisible &&
7142
+ column.type !== "action"
7143
+ ? [
7117
7144
  _c(
7118
- "span",
7145
+ "zd-grid-cell",
7119
7146
  {
7120
- staticClass:
7121
- "zd-tree-grid-editable-cell-wrapper",
7147
+ key: column.name,
7148
+ attrs: {
7149
+ column: column,
7150
+ rowStyle: rowStyle,
7151
+ cellsApplied: cellsApplied,
7152
+ cellClass: [
7153
+ {
7154
+ first: headerIndex === 0,
7155
+ },
7156
+ {
7157
+ "zd-table-column-editable":
7158
+ column.editable,
7159
+ "zd-table-cell-editable":
7160
+ Object.assign(
7161
+ {},
7162
+ column,
7163
+ cellsApplied
7164
+ ).editable &&
7165
+ _vm.canEditRowValues[
7166
+ _vm.rowKey(item)
7167
+ ],
7168
+ "zd-table-fixed-column":
7169
+ column.fixed,
7170
+ },
7171
+ ],
7172
+ cellStyle: [
7173
+ {
7174
+ left: _vm.getFixedLeft(
7175
+ column
7176
+ ),
7177
+ },
7178
+ ],
7179
+ },
7180
+ on: {
7181
+ click: function ($event) {
7182
+ _vm.cellClick(
7183
+ item,
7184
+ column,
7185
+ $event,
7186
+ _vm.canEditRowValues[
7187
+ _vm.rowKey(item)
7188
+ ]
7189
+ );
7190
+ },
7191
+ },
7122
7192
  },
7123
7193
  [
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
- ],
7194
+ column.loading
7195
+ ? _c("v-skeleton-loader", {
7196
+ staticClass:
7197
+ "zd-skeleton-table-cell",
7144
7198
  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,
7199
+ loading: "",
7200
+ type: "table-cell",
7164
7201
  },
7165
7202
  })
7166
- : _vm.hasToggleIcon(
7203
+ : _vm._e(),
7204
+ _vm._v(" "),
7205
+ _c(
7206
+ "span",
7207
+ {
7208
+ staticClass:
7209
+ "zd-tree-grid-editable-cell-wrapper",
7210
+ },
7211
+ [
7212
+ Object.assign(
7213
+ {},
7167
7214
  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
7215
+ cellsApplied
7216
+ ).editable &&
7217
+ _vm.canEditRowValues[
7218
+ _vm.rowKey(item)
7219
+ ] &&
7220
+ _vm.instance.editing
7221
+ ? _c(
7222
+ "zd-grid-cell-edit",
7223
+ {
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
+ rowKey:
7241
+ _vm.rowKey(
7242
+ item
7243
+ ),
7244
+ rowStyle:
7245
+ rowStyle,
7246
+ cellsApplied:
7247
+ cellsApplied,
7248
+ isEdited:
7249
+ _vm.instance.isEdited(
7250
+ column,
7251
+ item
7252
+ ),
7253
+ isValid:
7254
+ _vm.instance.isValid(
7255
+ column,
7256
+ item
7257
+ ),
7258
+ getEditableComponent:
7259
+ _vm.getEditableComponent,
7260
+ },
7261
+ }
7262
+ )
7263
+ : _vm.hasToggleIcon(
7264
+ column,
7265
+ item
7266
+ )
7267
+ ? _c(
7268
+ "span",
7269
+ [
7270
+ _c("v-icon", [
7271
+ _vm._v(
7272
+ _vm._s(
7273
+ _vm.$getIcon(
7274
+ column.formatterByRow(
7275
+ item,
7276
+ cellsApplied
7277
+ )
7278
+ )
7180
7279
  )
7181
- )
7182
- )
7183
- ),
7184
- ]),
7185
- ],
7186
- 1
7187
- )
7188
- : _c(
7189
- "zd-tree-grid-cell-content",
7190
- {
7191
- directives: [
7280
+ ),
7281
+ ]),
7282
+ ],
7283
+ 1
7284
+ )
7285
+ : _c(
7286
+ "zd-tree-grid-cell-content",
7192
7287
  {
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
- ),
7288
+ directives: [
7289
+ {
7290
+ name: "show",
7291
+ rawName:
7292
+ "v-show",
7293
+ value:
7294
+ !column.loading,
7295
+ expression:
7296
+ "!column.loading",
7297
+ },
7298
+ ],
7299
+ attrs: {
7300
+ getWidthStyle:
7301
+ _vm.getWidthStyle,
7302
+ column: column,
7303
+ row: item,
7304
+ rowStyle:
7305
+ rowStyle,
7306
+ cellsApplied:
7307
+ cellsApplied,
7308
+ headerIndex:
7309
+ headerIndex,
7310
+ selectable:
7311
+ _vm.instance
7312
+ .selectable,
7313
+ fieldHasChild:
7314
+ _vm.instance
7315
+ .fieldHasChild,
7316
+ toggleExpand:
7317
+ _vm.toggleExpand,
7318
+ rowIndex: index,
7319
+ search:
7320
+ _vm.instance
7321
+ .datasource
7322
+ .search,
7323
+ expandClass:
7324
+ "zd-tree-grid-editable-expand",
7325
+ },
7326
+ on: {
7327
+ mouseenter:
7328
+ function (
7329
+ $event
7330
+ ) {
7331
+ return _vm.checkOverflow(
7332
+ $event
7333
+ )
7334
+ },
7335
+ mouseleave:
7336
+ function (
7337
+ $event
7338
+ ) {
7339
+ return _vm.removeTooltip()
7340
+ },
7341
+ },
7342
+ }
7343
+ ),
7344
+ ],
7345
+ 1
7346
+ ),
7243
7347
  ],
7244
7348
  1
7245
7349
  ),
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
- [
7350
+ ]
7351
+ : column.isVisible &&
7352
+ column.type === "action"
7353
+ ? [
7281
7354
  _c(
7282
- "div",
7355
+ "zd-grid-cell",
7283
7356
  {
7284
- directives: [
7285
- {
7286
- name: "show",
7287
- rawName: "v-show",
7288
- value: headerIndex === 0,
7289
- expression:
7290
- "headerIndex === 0",
7357
+ key: column.name,
7358
+ attrs: {
7359
+ column: column,
7360
+ rowStyle: rowStyle,
7361
+ cellsApplied: cellsApplied,
7362
+ cellClass: [
7363
+ {
7364
+ "zd-table-cell-text-first":
7365
+ headerIndex === 0 ||
7366
+ (headerIndex === 1 &&
7367
+ _vm.instance
7368
+ .selectable),
7369
+ },
7370
+ ],
7371
+ },
7372
+ on: {
7373
+ click: function ($event) {
7374
+ return _vm.cellClick(
7375
+ item,
7376
+ column,
7377
+ $event
7378
+ )
7291
7379
  },
7292
- ],
7293
- class: [
7294
- "zd-tree-grid-expand zd-tree-grid-expand-action",
7295
- "level" + item.tree__level,
7296
- ],
7380
+ },
7297
7381
  },
7298
7382
  [
7299
- (item.tree__children || [])
7300
- .length > 0
7301
- ? _c(
7302
- "v-icon",
7383
+ _c(
7384
+ "div",
7385
+ {
7386
+ directives: [
7303
7387
  {
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
- },
7388
+ name: "show",
7389
+ rawName: "v-show",
7390
+ value:
7391
+ headerIndex === 0,
7392
+ expression:
7393
+ "headerIndex === 0",
7322
7394
  },
7323
- [
7324
- _vm._v(
7325
- "\n " +
7326
- _vm._s(
7327
- _vm.$getIcon(
7328
- "chevronRight"
7329
- )
7330
- ) +
7331
- "\n "
7332
- ),
7333
- ]
7334
- )
7335
- : _vm._e(),
7395
+ ],
7396
+ class: [
7397
+ "zd-tree-grid-expand zd-tree-grid-expand-action",
7398
+ "level" +
7399
+ item.tree__level,
7400
+ ],
7401
+ },
7402
+ [
7403
+ (item.tree__children || [])
7404
+ .length > 0
7405
+ ? _c(
7406
+ "v-icon",
7407
+ {
7408
+ class: {
7409
+ opened:
7410
+ item.tree__opened,
7411
+ },
7412
+ attrs: {
7413
+ tabindex: "-1",
7414
+ },
7415
+ on: {
7416
+ click: function (
7417
+ $event
7418
+ ) {
7419
+ return _vm.instance.toggleExpand(
7420
+ item,
7421
+ index,
7422
+ $event
7423
+ )
7424
+ },
7425
+ },
7426
+ },
7427
+ [
7428
+ _vm._v(
7429
+ "\n " +
7430
+ _vm._s(
7431
+ _vm.$getIcon(
7432
+ "chevronRight"
7433
+ )
7434
+ ) +
7435
+ "\n "
7436
+ ),
7437
+ ]
7438
+ )
7439
+ : _vm._e(),
7440
+ ],
7441
+ 1
7442
+ ),
7443
+ _vm._v(" "),
7444
+ _c("zd-grid-action", {
7445
+ attrs: {
7446
+ column: column,
7447
+ row: item,
7448
+ rowKey: _vm.rowKey(item),
7449
+ getActionComponent:
7450
+ _vm.getActionComponent,
7451
+ },
7452
+ }),
7336
7453
  ],
7337
7454
  1
7338
7455
  ),
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
- ),
7456
+ ]
7457
+ : _vm._e(),
7458
+ ]
7459
+ }
7460
+ ),
7461
+ ]
7462
+ }
7463
+ ),
7464
+ ],
7465
+ 2
7466
+ )
7467
+ : _vm._e(),
7363
7468
  ]
7364
7469
  },
7365
7470
  }
@@ -7453,7 +7558,7 @@
7453
7558
  /* style */
7454
7559
  const __vue_inject_styles__$2 = function (inject) {
7455
7560
  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 });
7561
+ inject("data-v-738a5404_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
7562
 
7458
7563
  };
7459
7564
  /* scoped */