@zeedhi/teknisa-components-vuetify 1.93.0 → 1.94.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 (6) hide show
  1. package/dist/tek-components-vuetify.esm.js +1066 -990
  2. package/dist/tek-components-vuetify.umd.js +1076 -999
  3. package/package.json +2 -2
  4. package/types/components/public.d.ts +2 -1
  5. package/types/components/tek-grid/TekGrid.d.ts +1 -0
  6. package/types/components/tek-grid/subcomponents/TekGridCellIdentation.d.ts +9 -0
package/dist/tek-components-vuetify.esm.js CHANGED
@@ -3,8 +3,9 @@ import { ZdUserInfo } from '@zeedhi/zd-user-info-vue';
3
3
  import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader, VersionService } from '@zeedhi/core';
4
4
  import { Prop, Component, Watch } from 'vue-property-decorator';
5
5
  import { BreadcrumbHeader, CardTitle, CrudButton, CrudAddButton, CrudCancelButton, CrudDeleteButton, CrudForm, CrudSaveButton, TekGrid as TekGrid$3, TekRestDatasource, TekMemoryDatasource, TekGridColumn, TekGridColumnsButton as TekGridColumnsButton$1, TekGridFilterButton as TekGridFilterButton$1, TekGridLayoutOptions as TekGridLayoutOptions$1, TekFilterHelper, Image, ProductCard, TekTreeGrid, TekUserInfo as TekUserInfo$1, TekUserInfoList as TekUserInfoList$1, TekDragGrid as TekDragGrid$1, IterableCarousel, Loading, Notifications } from '@zeedhi/teknisa-components-common';
6
- import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, EditableMixin, ZdGrid, ZdIterableColumnsButton, setFillHeight, ZdIterableComponentRender, ZdLoading, ZdIterable } from '@zeedhi/vuetify';
6
+ import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, EditableMixin, NavigableTableMixin, ZdGrid, ZdIterableColumnsButton, setFillHeight, ZdIterableComponentRender, ZdLoading, ZdIterable } from '@zeedhi/vuetify';
7
7
  import debounce from 'lodash.debounce';
8
+ import Vue from 'vue';
8
9
  import { ZdDragGridHandle, ZdDragGridHandleHeader, updateDraggableFixedColumns } from '@zeedhi/zd-drag-grid-vue';
9
10
  import draggable from 'vuedraggable';
10
11
  import Sortable from 'sortablejs';
@@ -54,7 +55,7 @@ __decorate([
54
55
  TekBreadcrumbHeader = __decorate([
55
56
  Component
56
57
  ], TekBreadcrumbHeader);
57
- var script$j = TekBreadcrumbHeader;
58
+ var script$k = TekBreadcrumbHeader;
58
59
 
59
60
  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
60
61
  if (typeof shadowMode !== 'boolean') {
@@ -185,10 +186,10 @@ function addStyle(id, css) {
185
186
  }
186
187
 
187
188
  /* script */
188
- const __vue_script__$k = script$j;
189
+ const __vue_script__$l = script$k;
189
190
 
190
191
  /* template */
191
- var __vue_render__$k = function () {
192
+ var __vue_render__$l = function () {
192
193
  var _vm = this;
193
194
  var _h = _vm.$createElement;
194
195
  var _c = _vm._self._c || _h;
@@ -259,34 +260,34 @@ var __vue_render__$k = function () {
259
260
  1
260
261
  )
261
262
  };
262
- var __vue_staticRenderFns__$k = [];
263
- __vue_render__$k._withStripped = true;
263
+ var __vue_staticRenderFns__$l = [];
264
+ __vue_render__$l._withStripped = true;
264
265
 
265
266
  /* style */
266
- const __vue_inject_styles__$k = function (inject) {
267
+ const __vue_inject_styles__$l = function (inject) {
267
268
  if (!inject) return
268
269
  inject("data-v-4982d92e_0", { source: ".tek-breadcrumb-header .tek-breadcrumb-header-title-col {\n display: flex;\n padding-top: 5px;\n padding-left: 0;\n}\n.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right {\n margin-left: auto;\n}\n.tek-breadcrumb-header .zd-breadcrumbs {\n padding: 0;\n font-size: var(--zd-font-body2-size);\n}\n.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title {\n font-size: 32px;\n font-weight: bold;\n line-height: 35px;\n margin-bottom: 10px;\n}\n.tek-breadcrumb-header .zd-text > p {\n margin: 0;\n}", map: undefined, media: undefined });
269
270
 
270
271
  };
271
272
  /* scoped */
272
- const __vue_scope_id__$k = undefined;
273
+ const __vue_scope_id__$l = undefined;
273
274
  /* module identifier */
274
- const __vue_module_identifier__$k = undefined;
275
+ const __vue_module_identifier__$l = undefined;
275
276
  /* functional template */
276
- const __vue_is_functional_template__$k = false;
277
+ const __vue_is_functional_template__$l = false;
277
278
  /* style inject SSR */
278
279
 
279
280
  /* style inject shadow dom */
280
281
 
281
282
 
282
283
 
283
- const __vue_component__$k = /*#__PURE__*/normalizeComponent(
284
- { render: __vue_render__$k, staticRenderFns: __vue_staticRenderFns__$k },
285
- __vue_inject_styles__$k,
286
- __vue_script__$k,
287
- __vue_scope_id__$k,
288
- __vue_is_functional_template__$k,
289
- __vue_module_identifier__$k,
284
+ const __vue_component__$l = /*#__PURE__*/normalizeComponent(
285
+ { render: __vue_render__$l, staticRenderFns: __vue_staticRenderFns__$l },
286
+ __vue_inject_styles__$l,
287
+ __vue_script__$l,
288
+ __vue_scope_id__$l,
289
+ __vue_is_functional_template__$l,
290
+ __vue_module_identifier__$l,
290
291
  false,
291
292
  createInjector,
292
293
  undefined,
@@ -323,13 +324,13 @@ __decorate([
323
324
  TekCardTitle = __decorate([
324
325
  Component
325
326
  ], TekCardTitle);
326
- var script$i = TekCardTitle;
327
+ var script$j = TekCardTitle;
327
328
 
328
329
  /* script */
329
- const __vue_script__$j = script$i;
330
+ const __vue_script__$k = script$j;
330
331
 
331
332
  /* template */
332
- var __vue_render__$j = function () {
333
+ var __vue_render__$k = function () {
333
334
  var _vm = this;
334
335
  var _h = _vm.$createElement;
335
336
  var _c = _vm._self._c || _h;
@@ -429,34 +430,34 @@ var __vue_render__$j = function () {
429
430
  1
430
431
  )
431
432
  };
432
- var __vue_staticRenderFns__$j = [];
433
- __vue_render__$j._withStripped = true;
433
+ var __vue_staticRenderFns__$k = [];
434
+ __vue_render__$k._withStripped = true;
434
435
 
435
436
  /* style */
436
- const __vue_inject_styles__$j = function (inject) {
437
+ const __vue_inject_styles__$k = function (inject) {
437
438
  if (!inject) return
438
439
  inject("data-v-dc07bd14_0", { source: ".tek-card-title-row {\n display: flex;\n align-items: center;\n}\n.tek-card-title-row .tek-card-title-text {\n color: var(--v-primary-base);\n font-weight: bold;\n font-size: 20px;\n}\n.tek-card-title-row .tek-card-subtitle-text {\n padding-left: 10px;\n color: var(--zd-font-color);\n font-size: 13px;\n}\n.tek-card-title-row .tek-card-title-text,\n.tek-card-title-row .tek-card-subtitle-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: baseline;\n}\n.tek-card-title-row .v-icon {\n color: var(--v-primary-base);\n padding-right: calc(var(--zd-default-padding) / 2);\n}\n.tek-card-title .v-divider {\n margin-bottom: 16px;\n}\n.tek-card-title .tek-card-title-router {\n text-decoration: none;\n}\n.tek-card-title .tek-card-title-no-router {\n text-decoration: none;\n cursor: default;\n}", map: undefined, media: undefined });
439
440
 
440
441
  };
441
442
  /* scoped */
442
- const __vue_scope_id__$j = undefined;
443
+ const __vue_scope_id__$k = undefined;
443
444
  /* module identifier */
444
- const __vue_module_identifier__$j = undefined;
445
+ const __vue_module_identifier__$k = undefined;
445
446
  /* functional template */
446
- const __vue_is_functional_template__$j = false;
447
+ const __vue_is_functional_template__$k = false;
447
448
  /* style inject SSR */
448
449
 
449
450
  /* style inject shadow dom */
450
451
 
451
452
 
452
453
 
453
- const __vue_component__$j = /*#__PURE__*/normalizeComponent(
454
- { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
455
- __vue_inject_styles__$j,
456
- __vue_script__$j,
457
- __vue_scope_id__$j,
458
- __vue_is_functional_template__$j,
459
- __vue_module_identifier__$j,
454
+ const __vue_component__$k = /*#__PURE__*/normalizeComponent(
455
+ { render: __vue_render__$k, staticRenderFns: __vue_staticRenderFns__$k },
456
+ __vue_inject_styles__$k,
457
+ __vue_script__$k,
458
+ __vue_scope_id__$k,
459
+ __vue_is_functional_template__$k,
460
+ __vue_module_identifier__$k,
460
461
  false,
461
462
  createInjector,
462
463
  undefined,
@@ -524,13 +525,13 @@ __decorate([
524
525
  TekCrudAddButton = __decorate([
525
526
  Component
526
527
  ], TekCrudAddButton);
527
- var script$h = TekCrudAddButton;
528
+ var script$i = TekCrudAddButton;
528
529
 
529
530
  /* script */
530
- const __vue_script__$i = script$h;
531
+ const __vue_script__$j = script$i;
531
532
 
532
533
  /* template */
533
- var __vue_render__$i = function () {
534
+ var __vue_render__$j = function () {
534
535
  var _vm = this;
535
536
  var _h = _vm.$createElement;
536
537
  var _c = _vm._self._c || _h;
@@ -595,17 +596,17 @@ var __vue_render__$i = function () {
595
596
  ]
596
597
  )
597
598
  };
598
- var __vue_staticRenderFns__$i = [];
599
- __vue_render__$i._withStripped = true;
599
+ var __vue_staticRenderFns__$j = [];
600
+ __vue_render__$j._withStripped = true;
600
601
 
601
602
  /* style */
602
- const __vue_inject_styles__$i = undefined;
603
+ const __vue_inject_styles__$j = undefined;
603
604
  /* scoped */
604
- const __vue_scope_id__$i = undefined;
605
+ const __vue_scope_id__$j = undefined;
605
606
  /* module identifier */
606
- const __vue_module_identifier__$i = undefined;
607
+ const __vue_module_identifier__$j = undefined;
607
608
  /* functional template */
608
- const __vue_is_functional_template__$i = false;
609
+ const __vue_is_functional_template__$j = false;
609
610
  /* style inject */
610
611
 
611
612
  /* style inject SSR */
@@ -614,13 +615,13 @@ __vue_render__$i._withStripped = true;
614
615
 
615
616
 
616
617
 
617
- const __vue_component__$i = /*#__PURE__*/normalizeComponent(
618
- { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
619
- __vue_inject_styles__$i,
620
- __vue_script__$i,
621
- __vue_scope_id__$i,
622
- __vue_is_functional_template__$i,
623
- __vue_module_identifier__$i,
618
+ const __vue_component__$j = /*#__PURE__*/normalizeComponent(
619
+ { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
620
+ __vue_inject_styles__$j,
621
+ __vue_script__$j,
622
+ __vue_scope_id__$j,
623
+ __vue_is_functional_template__$j,
624
+ __vue_module_identifier__$j,
624
625
  false,
625
626
  undefined,
626
627
  undefined,
@@ -648,13 +649,13 @@ __decorate([
648
649
  TekCrudCancelButton = __decorate([
649
650
  Component
650
651
  ], TekCrudCancelButton);
651
- var script$g = TekCrudCancelButton;
652
+ var script$h = TekCrudCancelButton;
652
653
 
653
654
  /* script */
654
- const __vue_script__$h = script$g;
655
+ const __vue_script__$i = script$h;
655
656
 
656
657
  /* template */
657
- var __vue_render__$h = function () {
658
+ var __vue_render__$i = function () {
658
659
  var _vm = this;
659
660
  var _h = _vm.$createElement;
660
661
  var _c = _vm._self._c || _h;
@@ -719,17 +720,17 @@ var __vue_render__$h = function () {
719
720
  ]
720
721
  )
721
722
  };
722
- var __vue_staticRenderFns__$h = [];
723
- __vue_render__$h._withStripped = true;
723
+ var __vue_staticRenderFns__$i = [];
724
+ __vue_render__$i._withStripped = true;
724
725
 
725
726
  /* style */
726
- const __vue_inject_styles__$h = undefined;
727
+ const __vue_inject_styles__$i = undefined;
727
728
  /* scoped */
728
- const __vue_scope_id__$h = undefined;
729
+ const __vue_scope_id__$i = undefined;
729
730
  /* module identifier */
730
- const __vue_module_identifier__$h = undefined;
731
+ const __vue_module_identifier__$i = undefined;
731
732
  /* functional template */
732
- const __vue_is_functional_template__$h = false;
733
+ const __vue_is_functional_template__$i = false;
733
734
  /* style inject */
734
735
 
735
736
  /* style inject SSR */
@@ -738,13 +739,13 @@ __vue_render__$h._withStripped = true;
738
739
 
739
740
 
740
741
 
741
- const __vue_component__$h = /*#__PURE__*/normalizeComponent(
742
- { render: __vue_render__$h, staticRenderFns: __vue_staticRenderFns__$h },
743
- __vue_inject_styles__$h,
744
- __vue_script__$h,
745
- __vue_scope_id__$h,
746
- __vue_is_functional_template__$h,
747
- __vue_module_identifier__$h,
742
+ const __vue_component__$i = /*#__PURE__*/normalizeComponent(
743
+ { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
744
+ __vue_inject_styles__$i,
745
+ __vue_script__$i,
746
+ __vue_scope_id__$i,
747
+ __vue_is_functional_template__$i,
748
+ __vue_module_identifier__$i,
748
749
  false,
749
750
  undefined,
750
751
  undefined,
@@ -778,13 +779,13 @@ __decorate([
778
779
  TekCrudDeleteButton = __decorate([
779
780
  Component
780
781
  ], TekCrudDeleteButton);
781
- var script$f = TekCrudDeleteButton;
782
+ var script$g = TekCrudDeleteButton;
782
783
 
783
784
  /* script */
784
- const __vue_script__$g = script$f;
785
+ const __vue_script__$h = script$g;
785
786
 
786
787
  /* template */
787
- var __vue_render__$g = function () {
788
+ var __vue_render__$h = function () {
788
789
  var _vm = this;
789
790
  var _h = _vm.$createElement;
790
791
  var _c = _vm._self._c || _h;
@@ -849,17 +850,17 @@ var __vue_render__$g = function () {
849
850
  ]
850
851
  )
851
852
  };
852
- var __vue_staticRenderFns__$g = [];
853
- __vue_render__$g._withStripped = true;
853
+ var __vue_staticRenderFns__$h = [];
854
+ __vue_render__$h._withStripped = true;
854
855
 
855
856
  /* style */
856
- const __vue_inject_styles__$g = undefined;
857
+ const __vue_inject_styles__$h = undefined;
857
858
  /* scoped */
858
- const __vue_scope_id__$g = undefined;
859
+ const __vue_scope_id__$h = undefined;
859
860
  /* module identifier */
860
- const __vue_module_identifier__$g = undefined;
861
+ const __vue_module_identifier__$h = undefined;
861
862
  /* functional template */
862
- const __vue_is_functional_template__$g = false;
863
+ const __vue_is_functional_template__$h = false;
863
864
  /* style inject */
864
865
 
865
866
  /* style inject SSR */
@@ -868,13 +869,13 @@ __vue_render__$g._withStripped = true;
868
869
 
869
870
 
870
871
 
871
- const __vue_component__$g = /*#__PURE__*/normalizeComponent(
872
- { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
873
- __vue_inject_styles__$g,
874
- __vue_script__$g,
875
- __vue_scope_id__$g,
876
- __vue_is_functional_template__$g,
877
- __vue_module_identifier__$g,
872
+ const __vue_component__$h = /*#__PURE__*/normalizeComponent(
873
+ { render: __vue_render__$h, staticRenderFns: __vue_staticRenderFns__$h },
874
+ __vue_inject_styles__$h,
875
+ __vue_script__$h,
876
+ __vue_scope_id__$h,
877
+ __vue_is_functional_template__$h,
878
+ __vue_module_identifier__$h,
878
879
  false,
879
880
  undefined,
880
881
  undefined,
@@ -893,13 +894,13 @@ let TekCrudForm = class TekCrudForm extends ZdForm {
893
894
  TekCrudForm = __decorate([
894
895
  Component
895
896
  ], TekCrudForm);
896
- var script$e = TekCrudForm;
897
+ var script$f = TekCrudForm;
897
898
 
898
899
  /* script */
899
- const __vue_script__$f = script$e;
900
+ const __vue_script__$g = script$f;
900
901
 
901
902
  /* template */
902
- var __vue_render__$f = function () {
903
+ var __vue_render__$g = function () {
903
904
  var _vm = this;
904
905
  var _h = _vm.$createElement;
905
906
  var _c = _vm._self._c || _h;
@@ -985,34 +986,34 @@ var __vue_render__$f = function () {
985
986
  2
986
987
  )
987
988
  };
988
- var __vue_staticRenderFns__$f = [];
989
- __vue_render__$f._withStripped = true;
989
+ var __vue_staticRenderFns__$g = [];
990
+ __vue_render__$g._withStripped = true;
990
991
 
991
992
  /* style */
992
- const __vue_inject_styles__$f = function (inject) {
993
+ const __vue_inject_styles__$g = function (inject) {
993
994
  if (!inject) return
994
995
  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 });
995
996
 
996
997
  };
997
998
  /* scoped */
998
- const __vue_scope_id__$f = undefined;
999
+ const __vue_scope_id__$g = undefined;
999
1000
  /* module identifier */
1000
- const __vue_module_identifier__$f = undefined;
1001
+ const __vue_module_identifier__$g = undefined;
1001
1002
  /* functional template */
1002
- const __vue_is_functional_template__$f = false;
1003
+ const __vue_is_functional_template__$g = false;
1003
1004
  /* style inject SSR */
1004
1005
 
1005
1006
  /* style inject shadow dom */
1006
1007
 
1007
1008
 
1008
1009
 
1009
- const __vue_component__$f = /*#__PURE__*/normalizeComponent(
1010
- { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
1011
- __vue_inject_styles__$f,
1012
- __vue_script__$f,
1013
- __vue_scope_id__$f,
1014
- __vue_is_functional_template__$f,
1015
- __vue_module_identifier__$f,
1010
+ const __vue_component__$g = /*#__PURE__*/normalizeComponent(
1011
+ { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
1012
+ __vue_inject_styles__$g,
1013
+ __vue_script__$g,
1014
+ __vue_scope_id__$g,
1015
+ __vue_is_functional_template__$g,
1016
+ __vue_module_identifier__$g,
1016
1017
  false,
1017
1018
  createInjector,
1018
1019
  undefined,
@@ -1037,13 +1038,13 @@ __decorate([
1037
1038
  TekCrudSaveButton = __decorate([
1038
1039
  Component
1039
1040
  ], TekCrudSaveButton);
1040
- var script$d = TekCrudSaveButton;
1041
+ var script$e = TekCrudSaveButton;
1041
1042
 
1042
1043
  /* script */
1043
- const __vue_script__$e = script$d;
1044
+ const __vue_script__$f = script$e;
1044
1045
 
1045
1046
  /* template */
1046
- var __vue_render__$e = function () {
1047
+ var __vue_render__$f = function () {
1047
1048
  var _vm = this;
1048
1049
  var _h = _vm.$createElement;
1049
1050
  var _c = _vm._self._c || _h;
@@ -1108,17 +1109,17 @@ var __vue_render__$e = function () {
1108
1109
  ]
1109
1110
  )
1110
1111
  };
1111
- var __vue_staticRenderFns__$e = [];
1112
- __vue_render__$e._withStripped = true;
1112
+ var __vue_staticRenderFns__$f = [];
1113
+ __vue_render__$f._withStripped = true;
1113
1114
 
1114
1115
  /* style */
1115
- const __vue_inject_styles__$e = undefined;
1116
+ const __vue_inject_styles__$f = undefined;
1116
1117
  /* scoped */
1117
- const __vue_scope_id__$e = undefined;
1118
+ const __vue_scope_id__$f = undefined;
1118
1119
  /* module identifier */
1119
- const __vue_module_identifier__$e = undefined;
1120
+ const __vue_module_identifier__$f = undefined;
1120
1121
  /* functional template */
1121
- const __vue_is_functional_template__$e = false;
1122
+ const __vue_is_functional_template__$f = false;
1122
1123
  /* style inject */
1123
1124
 
1124
1125
  /* style inject SSR */
@@ -1127,13 +1128,13 @@ __vue_render__$e._withStripped = true;
1127
1128
 
1128
1129
 
1129
1130
 
1130
- const __vue_component__$e = /*#__PURE__*/normalizeComponent(
1131
- { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
1132
- __vue_inject_styles__$e,
1133
- __vue_script__$e,
1134
- __vue_scope_id__$e,
1135
- __vue_is_functional_template__$e,
1136
- __vue_module_identifier__$e,
1131
+ const __vue_component__$f = /*#__PURE__*/normalizeComponent(
1132
+ { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
1133
+ __vue_inject_styles__$f,
1134
+ __vue_script__$f,
1135
+ __vue_scope_id__$f,
1136
+ __vue_is_functional_template__$f,
1137
+ __vue_module_identifier__$f,
1137
1138
  false,
1138
1139
  undefined,
1139
1140
  undefined,
@@ -1404,11 +1405,16 @@ let TekGrid$1 = class TekGrid extends ZdGridEditable {
1404
1405
  }
1405
1406
  return filterOptions;
1406
1407
  }
1407
- isCurrentRow(row) {
1408
+ isCurrentRowGroup(row) {
1408
1409
  const { uniqueKey, currentRow } = this.instance.datasource;
1409
1410
  return !!((row.group && row.groupValue === currentRow.groupValue)
1410
1411
  || (row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
1411
1412
  }
1413
+ isCurrentRow(row) {
1414
+ const { uniqueKey, currentRow } = this.instance.datasource;
1415
+ return !this.instance.cellSelection && (!!((row.group && row.groupValue === currentRow.groupValue)
1416
+ || (row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey])));
1417
+ }
1412
1418
  getVisibleData() {
1413
1419
  const groupColumns = !!this.instance.groupColumnNames.length;
1414
1420
  if (groupColumns || (this.instance.showSummaryTotal && this.instance.summaryColumns.length)) {
@@ -1621,16 +1627,16 @@ __decorate([
1621
1627
  ], TekGrid$1.prototype, "updateTitle", null);
1622
1628
  TekGrid$1 = __decorate([
1623
1629
  Component({
1624
- mixins: [EditableMixin],
1630
+ mixins: [EditableMixin, NavigableTableMixin],
1625
1631
  })
1626
1632
  ], TekGrid$1);
1627
1633
  var TekGrid$2 = TekGrid$1;
1628
1634
 
1629
1635
  /* script */
1630
- const __vue_script__$d = TekGrid$2;
1636
+ const __vue_script__$e = TekGrid$2;
1631
1637
 
1632
1638
  /* template */
1633
- var __vue_render__$d = function () {
1639
+ var __vue_render__$e = function () {
1634
1640
  var _vm = this;
1635
1641
  var _h = _vm.$createElement;
1636
1642
  var _c = _vm._self._c || _h;
@@ -1660,7 +1666,9 @@ var __vue_render__$d = function () {
1660
1666
  maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
1661
1667
  minWidth: _vm.$formatSize(_vm.instance.minWidth),
1662
1668
  "--overflow-y-style":
1663
- _vm.instance.height !== "auto" ? "auto" : "hidden",
1669
+ _vm.instance.height !== "auto" || _vm.instance.maxHeight !== "auto"
1670
+ ? "auto"
1671
+ : "hidden",
1664
1672
  },
1665
1673
  _vm.$styleObject(_vm.instance.cssStyle),
1666
1674
  ],
@@ -2495,6 +2503,7 @@ var __vue_render__$d = function () {
2495
2503
  },
2496
2504
  }
2497
2505
  : null,
2506
+ _vm.instance.datasource.data.length &&
2498
2507
  _vm.instance.virtualScroll &&
2499
2508
  _vm.scrollData.start +
2500
2509
  _vm.scrollData.perPage +
@@ -2519,6 +2528,8 @@ var __vue_render__$d = function () {
2519
2528
  ? {
2520
2529
  key: "item",
2521
2530
  fn: function (ref) {
2531
+ var _obj;
2532
+
2522
2533
  var item = ref.item;
2523
2534
  var select = ref.select;
2524
2535
  var isSelected = ref.isSelected;
@@ -2532,7 +2543,7 @@ var __vue_render__$d = function () {
2532
2543
  {
2533
2544
  attrs: {
2534
2545
  row: item,
2535
- "is-current-row": _vm.isCurrentRow,
2546
+ "is-current-row": _vm.isCurrentRowGroup,
2536
2547
  },
2537
2548
  on: {
2538
2549
  click: function ($event) {
@@ -2541,48 +2552,25 @@ var __vue_render__$d = function () {
2541
2552
  },
2542
2553
  },
2543
2554
  [
2544
- _vm.instance.selectable
2545
- ? _c(
2546
- "td",
2547
- {
2548
- class: [
2549
- "zd-table-cell",
2550
- "selectable",
2551
- "zd-table-fixed-column",
2552
- _vm.theme,
2553
- ],
2554
- },
2555
- [
2556
- _c("v-checkbox", {
2557
- staticClass: "zd-grid-row-checkbox",
2558
- attrs: {
2559
- "hide-details": "",
2560
- color: "primary",
2561
- disabled:
2562
- _vm.instance.editing ||
2563
- _vm.instance.callDisableSelection(item),
2564
- "on-icon": _vm.$getIcon("checkboxOn"),
2565
- "off-icon": _vm.$getIcon("checkboxOff"),
2566
- "indeterminate-icon": _vm.$getIcon(
2567
- "checkboxIndeterminate"
2568
- ),
2569
- "true-value": true,
2570
- "false-value": false,
2571
- "input-value": _vm.isGroupSelected(item),
2572
- indeterminate:
2573
- _vm.isGroupSelectIndeterminate(item),
2574
- },
2575
- on: {
2576
- click: function ($event) {
2577
- $event.stopPropagation();
2578
- return _vm.selectGroup(item, $event)
2579
- },
2580
- },
2581
- }),
2582
- ],
2583
- 1
2584
- )
2585
- : _vm._e(),
2555
+ _c("zd-grid-checkbox", {
2556
+ attrs: {
2557
+ selectable: _vm.instance.selectable,
2558
+ disabled:
2559
+ _vm.instance.editing ||
2560
+ _vm.instance.callDisableSelection(item),
2561
+ isSelected: _vm.isGroupSelected(item),
2562
+ indeterminate:
2563
+ _vm.isGroupSelectIndeterminate(item),
2564
+ cellSelection: _vm.instance.cellSelection,
2565
+ theme: _vm.theme,
2566
+ },
2567
+ on: {
2568
+ click: function ($event) {
2569
+ $event.stopPropagation();
2570
+ return _vm.selectGroup(item, $event)
2571
+ },
2572
+ },
2573
+ }),
2586
2574
  _vm._v(" "),
2587
2575
  _c(
2588
2576
  "td",
@@ -2598,7 +2586,10 @@ var __vue_render__$d = function () {
2598
2586
  "left: " +
2599
2587
  (_vm.instance.selectable ? 40 : 0) +
2600
2588
  "px",
2601
- attrs: { colspan: 999 },
2589
+ attrs: {
2590
+ colspan: 999,
2591
+ tabindex: _vm.instance.cellSelection ? 0 : "",
2592
+ },
2602
2593
  },
2603
2594
  [
2604
2595
  _c(
@@ -2665,7 +2656,8 @@ var __vue_render__$d = function () {
2665
2656
  ),
2666
2657
  ]
2667
2658
  ),
2668
- ]
2659
+ ],
2660
+ 1
2669
2661
  )
2670
2662
  : _vm.instance.isItemVisible(item) &&
2671
2663
  (!_vm.instance.virtualScroll ||
@@ -2676,11 +2668,13 @@ var __vue_render__$d = function () {
2676
2668
  attrs: {
2677
2669
  "is-active": isSelected,
2678
2670
  "is-current-row": _vm.isCurrentRow,
2679
- classes: {
2680
- footer: item.groupFooter,
2681
- summary: item.groupSummary,
2682
- theme: _vm.theme,
2683
- },
2671
+ classes:
2672
+ ((_obj = {
2673
+ footer: item.groupFooter,
2674
+ summary: item.groupSummary,
2675
+ }),
2676
+ (_obj[_vm.theme] = true),
2677
+ _obj),
2684
2678
  row: item,
2685
2679
  set: (_vm.canEditRowValues[_vm.rowKey(item)] =
2686
2680
  _vm.instance.callCanEditRow(item)),
@@ -2692,48 +2686,24 @@ var __vue_render__$d = function () {
2692
2686
  },
2693
2687
  },
2694
2688
  [
2695
- _vm.instance.selectable
2696
- ? _c(
2697
- "td",
2698
- {
2699
- class: [
2700
- "zd-table-cell",
2701
- "selectable",
2702
- "zd-table-fixed-column",
2703
- _vm.theme,
2704
- ],
2705
- },
2706
- [
2707
- _c("v-checkbox", {
2708
- staticClass: "zd-grid-row-checkbox",
2709
- attrs: {
2710
- "hide-details": "",
2711
- color: "primary",
2712
- disabled:
2713
- _vm.instance.editing ||
2714
- _vm.instance.callDisableSelection(item),
2715
- "on-icon": _vm.$getIcon("checkboxOn"),
2716
- "off-icon": _vm.$getIcon("checkboxOff"),
2717
- "true-value": true,
2718
- "false-value": false,
2719
- "input-value": isSelected,
2720
- },
2721
- on: {
2722
- click: function ($event) {
2723
- $event.stopPropagation();
2724
- select(!isSelected);
2725
- _vm.selectRowClick(
2726
- item,
2727
- !isSelected,
2728
- $event
2729
- );
2730
- },
2731
- },
2732
- }),
2733
- ],
2734
- 1
2735
- )
2736
- : _vm._e(),
2689
+ _c("zd-grid-checkbox", {
2690
+ attrs: {
2691
+ selectable: _vm.instance.selectable,
2692
+ disabled:
2693
+ _vm.instance.editing ||
2694
+ _vm.instance.callDisableSelection(item),
2695
+ isSelected: isSelected,
2696
+ cellSelection: _vm.instance.cellSelection,
2697
+ theme: _vm.theme,
2698
+ },
2699
+ on: {
2700
+ click: function ($event) {
2701
+ $event.stopPropagation();
2702
+ select(!isSelected);
2703
+ _vm.selectRowClick(item, !isSelected, $event);
2704
+ },
2705
+ },
2706
+ }),
2737
2707
  _vm._v(" "),
2738
2708
  _vm._l(
2739
2709
  _vm.orderHeaders(headers),
@@ -2761,220 +2731,292 @@ var __vue_render__$d = function () {
2761
2731
  column.name
2762
2732
  ) === -1 && column.type !== "action"
2763
2733
  ? [
2764
- _c(
2765
- "zd-grid-cell",
2766
- {
2767
- key: column.name,
2768
- attrs: {
2769
- column: column,
2770
- rowStyle: rowStyle,
2771
- cellsApplied: cellsApplied,
2772
- cellClass: [
2773
- {
2774
- "zd-table-two-plus-groups":
2775
- (_vm.instance
2776
- .groupColumnNames
2777
- .length >
2778
- 1) &
2779
- (index === 0),
2780
- "zd-table-column-editable":
2781
- column.editable,
2782
- "zd-table-cell-editable":
2783
- Object.assign(
2784
- {},
2785
- column,
2786
- cellsApplied
2787
- ).editable &&
2734
+ !item.groupFooter
2735
+ ? _c("zd-grid-editable-cell", {
2736
+ key: column.name,
2737
+ attrs: {
2738
+ column: column,
2739
+ row: item,
2740
+ rowStyle: rowStyle,
2741
+ rowKey: _vm.rowKey(item),
2742
+ cellsApplied: cellsApplied,
2743
+ cellClass: [
2744
+ {
2745
+ "zd-table-two-plus-groups":
2746
+ _vm.instance
2747
+ .groupColumnNames
2748
+ .length > 1 &&
2749
+ index === 0,
2750
+ "zd-table-column-editable":
2751
+ column.editable,
2752
+ "zd-table-cell-editable":
2753
+ Object.assign(
2754
+ {},
2755
+ column,
2756
+ cellsApplied
2757
+ ).editable &&
2758
+ _vm.canEditRowValues[
2759
+ _vm.rowKey(item)
2760
+ ] &&
2761
+ !item.groupFooter,
2762
+ "zd-table-fixed-column":
2763
+ column.fixed,
2764
+ "zd-table-first-group-cell":
2765
+ index === 0 &&
2766
+ _vm.instance
2767
+ .groupColumnNames
2768
+ .length > 0,
2769
+ },
2770
+ _vm.theme,
2771
+ ],
2772
+ cellStyle: [
2773
+ {
2774
+ left: column.fixed
2775
+ ? _vm.fixedLeft[
2776
+ column.name
2777
+ ]
2778
+ : "unset",
2779
+ },
2780
+ ],
2781
+ getWidthStyle:
2782
+ _vm.getWidthStyle,
2783
+ getEditableComponent:
2784
+ _vm.getEditableComponent,
2785
+ hasToggleIcon:
2786
+ _vm.hasToggleIcon,
2787
+ isCellEditable:
2788
+ _vm.isCellEditable,
2789
+ isEdited: _vm.isEdited,
2790
+ isValid: _vm.isValid,
2791
+ getVisibleValue:
2792
+ _vm.getVisibleValue,
2793
+ register: _vm.register,
2794
+ canEdit:
2795
+ _vm.canEditRowValues[
2796
+ _vm.rowKey(item)
2797
+ ],
2798
+ cellSelection:
2799
+ _vm.instance
2800
+ .cellSelection,
2801
+ },
2802
+ on: {
2803
+ click: function ($event) {
2804
+ _vm.cellClick(
2805
+ item,
2806
+ column,
2807
+ $event.event,
2788
2808
  _vm.canEditRowValues[
2789
2809
  _vm.rowKey(item)
2790
2810
  ] &&
2791
- !item.groupFooter,
2792
- "zd-table-fixed-column":
2793
- column.fixed,
2794
- "zd-table-first-group-cell":
2795
- index === 0 &&
2796
- _vm.instance
2797
- .groupColumnNames
2798
- .length > 0,
2811
+ Object.assign(
2812
+ {},
2813
+ column,
2814
+ cellsApplied
2815
+ ).editable &&
2816
+ !item.groupFooter,
2817
+ $event.id
2818
+ );
2799
2819
  },
2800
- _vm.theme,
2801
- ],
2802
- cellStyle: [
2803
- {
2804
- left: column.fixed
2805
- ? _vm.fixedLeft[
2806
- column.name
2807
- ]
2808
- : "unset",
2820
+ focus: function ($event) {
2821
+ return _vm.editableCellFocus(
2822
+ $event.component,
2823
+ $event.id,
2824
+ item,
2825
+ column
2826
+ )
2809
2827
  },
2810
- ],
2811
- },
2812
- },
2813
- [
2814
- index === 0 &&
2815
- _vm.instance.groupColumnNames
2816
- .length > 0
2817
- ? _vm._l(
2818
- _vm.instance
2819
- .groupColumnNames,
2820
- function (
2821
- name,
2822
- groupIndex
2823
- ) {
2824
- return _c("span", {
2825
- key: name,
2826
- class: [
2827
- "tek-grid-body-group-identation",
2828
- {
2829
- "first-group":
2830
- groupIndex ===
2831
- 0,
2832
- "group-footer":
2833
- item.groupFooter &&
2834
- groupIndex ===
2835
- item.groupIndex,
2836
- "group-footer-no-line":
2837
- (item.groupFooter &&
2838
- groupIndex >
2839
- item.groupIndex) ||
2840
- item.groupSummary,
2841
- },
2842
- ],
2843
- })
2844
- }
2845
- )
2846
- : _vm._e(),
2847
- _vm._v(" "),
2848
- !item.groupFooter
2849
- ? _c(
2850
- "zd-grid-editable-cell-content",
2828
+ focusout: function (
2829
+ $event
2830
+ ) {
2831
+ return _vm.fieldFocusout(
2832
+ $event
2833
+ )
2834
+ },
2835
+ enterEdit: function (
2836
+ $event
2837
+ ) {
2838
+ return _vm.enterEditEvent(
2839
+ item,
2840
+ column,
2841
+ $event
2842
+ )
2843
+ },
2844
+ },
2845
+ scopedSlots: _vm._u(
2846
+ [
2851
2847
  {
2852
- attrs: {
2853
- column: column,
2854
- row: item,
2855
- rowKey:
2856
- _vm.rowKey(item),
2857
- rowStyle: rowStyle,
2858
- cellsApplied:
2859
- cellsApplied,
2860
- getWidthStyle:
2861
- _vm.getWidthStyle,
2862
- getEditableComponent:
2863
- _vm.getEditableComponent,
2864
- hasToggleIcon:
2865
- _vm.hasToggleIcon,
2866
- isCellEditable:
2867
- _vm.isCellEditable,
2868
- isEdited:
2869
- _vm.isEdited,
2870
- isValid: _vm.isValid,
2871
- getVisibleValue:
2872
- _vm.getVisibleValue,
2873
- register:
2874
- _vm.register,
2875
- canEdit:
2876
- _vm
2877
- .canEditRowValues[
2878
- _vm.rowKey(item)
2879
- ],
2848
+ key: "default",
2849
+ fn: function (ref) {
2850
+ var visibleValue =
2851
+ ref.visibleValue;
2852
+ return [
2853
+ index === 0 &&
2854
+ _vm.instance
2855
+ .groupColumnNames
2856
+ .length > 0
2857
+ ? _vm._l(
2858
+ _vm.instance
2859
+ .groupColumnNames,
2860
+ function (
2861
+ name,
2862
+ groupIndex
2863
+ ) {
2864
+ return _c(
2865
+ "tek-grid-cell-identation",
2866
+ {
2867
+ key: name,
2868
+ attrs: {
2869
+ groupIndex:
2870
+ groupIndex,
2871
+ groupFooter:
2872
+ item.groupFooter,
2873
+ groupSummary:
2874
+ item.groupSummary,
2875
+ },
2876
+ }
2877
+ )
2878
+ }
2879
+ )
2880
+ : _vm._e(),
2881
+ _vm._v(" "),
2882
+ _c(
2883
+ "zd-grid-cell-content",
2884
+ {
2885
+ directives: [
2886
+ {
2887
+ name: "show",
2888
+ rawName:
2889
+ "v-show",
2890
+ value:
2891
+ !column.loading,
2892
+ expression:
2893
+ "!column.loading",
2894
+ },
2895
+ ],
2896
+ attrs: {
2897
+ getWidthStyle:
2898
+ _vm.getWidthStyle,
2899
+ column:
2900
+ column,
2901
+ row: item,
2902
+ hasUsingCellText: true,
2903
+ rowStyle:
2904
+ rowStyle,
2905
+ cellsApplied:
2906
+ cellsApplied,
2907
+ visibleValue:
2908
+ visibleValue,
2909
+ },
2910
+ on: {
2911
+ mouseenter:
2912
+ function (
2913
+ $event
2914
+ ) {
2915
+ return _vm.checkOverflow(
2916
+ $event
2917
+ )
2918
+ },
2919
+ mouseleave:
2920
+ function (
2921
+ $event
2922
+ ) {
2923
+ return _vm.removeTooltip()
2924
+ },
2925
+ },
2926
+ }
2927
+ ),
2928
+ ]
2880
2929
  },
2881
- on: {
2882
- click: function (
2883
- $event
2884
- ) {
2885
- _vm.cellClick(
2886
- item,
2930
+ },
2931
+ ],
2932
+ null,
2933
+ true
2934
+ ),
2935
+ })
2936
+ : _c(
2937
+ "zd-grid-cell",
2938
+ {
2939
+ key: column.name,
2940
+ attrs: {
2941
+ column: column,
2942
+ rowStyle: rowStyle,
2943
+ cellsApplied:
2944
+ cellsApplied,
2945
+ cellSelection:
2946
+ _vm.instance
2947
+ .cellSelection,
2948
+ cellClass: [
2949
+ {
2950
+ "zd-table-two-plus-groups":
2951
+ _vm.instance
2952
+ .groupColumnNames
2953
+ .length > 1 &&
2954
+ index === 0,
2955
+ "zd-table-column-editable":
2956
+ column.editable,
2957
+ "zd-table-cell-editable":
2958
+ Object.assign(
2959
+ {},
2887
2960
  column,
2888
- $event.event,
2889
- _vm
2890
- .canEditRowValues[
2891
- _vm.rowKey(item)
2892
- ] &&
2893
- Object.assign(
2894
- {},
2895
- column,
2896
- cellsApplied
2897
- ).editable &&
2898
- !item.groupFooter,
2899
- $event.id
2900
- );
2901
- },
2902
- focus: function (
2903
- $event
2904
- ) {
2905
- return _vm.cellFocus(
2906
- $event.component,
2907
- $event.id
2908
- )
2909
- },
2910
- },
2911
- scopedSlots: _vm._u(
2912
- [
2913
- {
2914
- key: "default",
2915
- fn: function (
2916
- ref
2917
- ) {
2918
- var visibleValue =
2919
- ref.visibleValue;
2920
- return [
2921
- _c(
2922
- "zd-grid-cell-content",
2923
- {
2924
- directives:
2925
- [
2926
- {
2927
- name: "show",
2928
- rawName:
2929
- "v-show",
2930
- value:
2931
- !column.loading,
2932
- expression:
2933
- "!column.loading",
2934
- },
2935
- ],
2936
- attrs: {
2937
- getWidthStyle:
2938
- _vm.getWidthStyle,
2939
- column:
2940
- column,
2941
- row: item,
2942
- hasUsingCellText: true,
2943
- rowStyle:
2944
- rowStyle,
2945
- cellsApplied:
2946
- cellsApplied,
2947
- visibleValue:
2948
- visibleValue,
2949
- },
2950
- on: {
2951
- mouseenter:
2952
- function (
2953
- $event
2954
- ) {
2955
- return _vm.checkOverflow(
2956
- $event
2957
- )
2958
- },
2959
- mouseleave:
2960
- function (
2961
- $event
2962
- ) {
2963
- return _vm.removeTooltip()
2964
- },
2965
- },
2966
- }
2967
- ),
2968
- ]
2969
- },
2970
- },
2971
- ],
2972
- null,
2973
- true
2974
- ),
2975
- }
2976
- )
2977
- : _c("zd-grid-cell-content", {
2961
+ cellsApplied
2962
+ ).editable &&
2963
+ _vm
2964
+ .canEditRowValues[
2965
+ _vm.rowKey(item)
2966
+ ] &&
2967
+ !item.groupFooter,
2968
+ "zd-table-fixed-column":
2969
+ column.fixed,
2970
+ "zd-table-first-group-cell":
2971
+ index === 0 &&
2972
+ _vm.instance
2973
+ .groupColumnNames
2974
+ .length > 0,
2975
+ },
2976
+ _vm.theme,
2977
+ ],
2978
+ cellStyle: [
2979
+ {
2980
+ left: column.fixed
2981
+ ? _vm.fixedLeft[
2982
+ column.name
2983
+ ]
2984
+ : "unset",
2985
+ },
2986
+ ],
2987
+ },
2988
+ },
2989
+ [
2990
+ index === 0 &&
2991
+ _vm.instance
2992
+ .groupColumnNames.length >
2993
+ 0
2994
+ ? _vm._l(
2995
+ _vm.instance
2996
+ .groupColumnNames,
2997
+ function (
2998
+ name,
2999
+ groupIndex
3000
+ ) {
3001
+ return _c(
3002
+ "tek-grid-cell-identation",
3003
+ {
3004
+ key: name,
3005
+ attrs: {
3006
+ groupIndex:
3007
+ groupIndex,
3008
+ groupFooter:
3009
+ item.groupFooter,
3010
+ groupSummary:
3011
+ item.groupSummary,
3012
+ },
3013
+ }
3014
+ )
3015
+ }
3016
+ )
3017
+ : _vm._e(),
3018
+ _vm._v(" "),
3019
+ _c("zd-grid-cell-content", {
2978
3020
  directives: [
2979
3021
  {
2980
3022
  name: "show",
@@ -3009,9 +3051,9 @@ var __vue_render__$d = function () {
3009
3051
  },
3010
3052
  },
3011
3053
  }),
3012
- ],
3013
- 2
3014
- ),
3054
+ ],
3055
+ 2
3056
+ ),
3015
3057
  ]
3016
3058
  : column.isVisible &&
3017
3059
  column.type === "action"
@@ -3047,8 +3089,16 @@ var __vue_render__$d = function () {
3047
3089
  : "unset",
3048
3090
  },
3049
3091
  ],
3092
+ cellSelection:
3093
+ _vm.instance.cellSelection,
3050
3094
  },
3051
3095
  on: {
3096
+ focusin: function ($event) {
3097
+ return _vm.cellFocus(
3098
+ item,
3099
+ column
3100
+ )
3101
+ },
3052
3102
  click: function ($event) {
3053
3103
  return _vm.cellClick(
3054
3104
  item,
@@ -3186,13 +3236,87 @@ var __vue_render__$d = function () {
3186
3236
  },
3187
3237
  })
3188
3238
  };
3239
+ var __vue_staticRenderFns__$e = [];
3240
+ __vue_render__$e._withStripped = true;
3241
+
3242
+ /* style */
3243
+ const __vue_inject_styles__$e = function (inject) {
3244
+ if (!inject) return
3245
+ inject("data-v-0f76a7f1_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 .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-first-group-cell {\n display: flex;\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-text {\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.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 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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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 });
3246
+
3247
+ };
3248
+ /* scoped */
3249
+ const __vue_scope_id__$e = undefined;
3250
+ /* module identifier */
3251
+ const __vue_module_identifier__$e = undefined;
3252
+ /* functional template */
3253
+ const __vue_is_functional_template__$e = false;
3254
+ /* style inject SSR */
3255
+
3256
+ /* style inject shadow dom */
3257
+
3258
+
3259
+
3260
+ const __vue_component__$e = /*#__PURE__*/normalizeComponent(
3261
+ { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
3262
+ __vue_inject_styles__$e,
3263
+ __vue_script__$e,
3264
+ __vue_scope_id__$e,
3265
+ __vue_is_functional_template__$e,
3266
+ __vue_module_identifier__$e,
3267
+ false,
3268
+ createInjector,
3269
+ undefined,
3270
+ undefined
3271
+ );
3272
+
3273
+ /**
3274
+ * tek Grid cell identation component
3275
+ */
3276
+ let TekGridCellIdentation = class TekGridCellIdentation extends Vue {
3277
+ };
3278
+ __decorate([
3279
+ Prop({ type: [Number] })
3280
+ ], TekGridCellIdentation.prototype, "groupIndex", void 0);
3281
+ __decorate([
3282
+ Prop({ type: [Boolean] })
3283
+ ], TekGridCellIdentation.prototype, "groupFooter", void 0);
3284
+ __decorate([
3285
+ Prop({ type: [Boolean] })
3286
+ ], TekGridCellIdentation.prototype, "groupSummary", void 0);
3287
+ TekGridCellIdentation = __decorate([
3288
+ Component
3289
+ ], TekGridCellIdentation);
3290
+ var script$d = TekGridCellIdentation;
3291
+
3292
+ /* script */
3293
+ const __vue_script__$d = script$d;
3294
+
3295
+ /* template */
3296
+ var __vue_render__$d = function () {
3297
+ var _vm = this;
3298
+ var _h = _vm.$createElement;
3299
+ var _c = _vm._self._c || _h;
3300
+ return _c("span", {
3301
+ class: [
3302
+ "tek-grid-body-group-identation",
3303
+ {
3304
+ "first-group": _vm.groupIndex === 0,
3305
+ "group-footer": _vm.groupFooter && _vm.groupIndex === _vm.groupIndex,
3306
+ "group-footer-no-line":
3307
+ (_vm.groupFooter && _vm.groupIndex > _vm.groupIndex) ||
3308
+ _vm.groupSummary,
3309
+ },
3310
+ ],
3311
+ })
3312
+ };
3189
3313
  var __vue_staticRenderFns__$d = [];
3190
3314
  __vue_render__$d._withStripped = true;
3191
3315
 
3192
3316
  /* style */
3193
3317
  const __vue_inject_styles__$d = function (inject) {
3194
3318
  if (!inject) return
3195
- inject("data-v-0120bf2c_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-first-group-cell {\n display: flex;\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-text {\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 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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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 });
3319
+ inject("data-v-ae0ff78e_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
3196
3320
 
3197
3321
  };
3198
3322
  /* scoped */
@@ -4839,7 +4963,7 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
4839
4963
  }
4840
4964
  isCurrentRow(row) {
4841
4965
  const { uniqueKey, currentRow } = this.instance.datasource;
4842
- return !!((row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
4966
+ return !this.instance.cellSelection && !!((row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
4843
4967
  }
4844
4968
  getVisibleData() {
4845
4969
  this.scrollData.visibleData = this.instance.datasource.data;
@@ -5044,6 +5168,7 @@ __decorate([
5044
5168
  ], TekDragGrid.prototype, "orderMode", void 0);
5045
5169
  TekDragGrid = __decorate([
5046
5170
  Component({
5171
+ mixins: [EditableMixin, NavigableTableMixin],
5047
5172
  components: { draggable, ZdDragGridHandle, ZdDragGridHandleHeader },
5048
5173
  })
5049
5174
  ], TekDragGrid);
@@ -5086,7 +5211,9 @@ var __vue_render__$c = function () {
5086
5211
  maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
5087
5212
  minWidth: _vm.$formatSize(_vm.instance.minWidth),
5088
5213
  "--overflow-y-style":
5089
- _vm.instance.height !== "auto" ? "auto" : "hidden",
5214
+ _vm.instance.height !== "auto" || _vm.instance.maxHeight !== "auto"
5215
+ ? "auto"
5216
+ : "hidden",
5090
5217
  },
5091
5218
  _vm.$styleObject(_vm.instance.cssStyle),
5092
5219
  ],
@@ -5917,59 +6044,25 @@ var __vue_render__$c = function () {
5917
6044
  attrs: { theme: _vm.theme },
5918
6045
  }),
5919
6046
  _vm._v(" "),
5920
- _vm.instance.selectable
5921
- ? _c(
5922
- "td",
5923
- {
5924
- class: [
5925
- "zd-table-cell",
5926
- "selectable",
5927
- "zd-table-fixed-column",
5928
- _vm.theme,
5929
- ],
5930
- },
5931
- [
5932
- _c("v-checkbox", {
5933
- staticClass: "zd-grid-row-checkbox",
5934
- attrs: {
5935
- "hide-details": "",
5936
- color: "primary",
5937
- disabled:
5938
- _vm.instance.editing ||
5939
- _vm.instance.callDisableSelection(
5940
- item
5941
- ),
5942
- "on-icon":
5943
- _vm.$getIcon("checkboxOn"),
5944
- "off-icon":
5945
- _vm.$getIcon("checkboxOff"),
5946
- "indeterminate-icon":
5947
- _vm.$getIcon(
5948
- "checkboxIndeterminate"
5949
- ),
5950
- "true-value": true,
5951
- "false-value": false,
5952
- "input-value":
5953
- _vm.isGroupSelected(item),
5954
- indeterminate:
5955
- _vm.isGroupSelectIndeterminate(
5956
- item
5957
- ),
5958
- },
5959
- on: {
5960
- click: function ($event) {
5961
- $event.stopPropagation();
5962
- return _vm.selectGroup(
5963
- item,
5964
- $event
5965
- )
5966
- },
5967
- },
5968
- }),
5969
- ],
5970
- 1
5971
- )
5972
- : _vm._e(),
6047
+ _c("zd-grid-checkbox", {
6048
+ attrs: {
6049
+ selectable: _vm.instance.selectable,
6050
+ disabled:
6051
+ _vm.instance.editing ||
6052
+ _vm.instance.callDisableSelection(item),
6053
+ isSelected: _vm.isGroupSelected(item),
6054
+ indeterminate:
6055
+ _vm.isGroupSelectIndeterminate(item),
6056
+ cellSelection: _vm.instance.cellSelection,
6057
+ theme: _vm.theme,
6058
+ },
6059
+ on: {
6060
+ click: function ($event) {
6061
+ $event.stopPropagation();
6062
+ return _vm.selectGroup(item, $event)
6063
+ },
6064
+ },
6065
+ }),
5973
6066
  _vm._v(" "),
5974
6067
  _c(
5975
6068
  "td",
@@ -5985,7 +6078,12 @@ var __vue_render__$c = function () {
5985
6078
  "left: " +
5986
6079
  (_vm.instance.selectable ? 40 : 0) +
5987
6080
  "px",
5988
- attrs: { colspan: 999 },
6081
+ attrs: {
6082
+ colspan: 999,
6083
+ tabindex: _vm.instance.cellSelection
6084
+ ? 0
6085
+ : "",
6086
+ },
5989
6087
  },
5990
6088
  [
5991
6089
  _c(
@@ -6096,52 +6194,28 @@ var __vue_render__$c = function () {
6096
6194
  attrs: { theme: _vm.theme },
6097
6195
  }),
6098
6196
  _vm._v(" "),
6099
- _vm.instance.selectable
6100
- ? _c(
6101
- "td",
6102
- {
6103
- class: [
6104
- "zd-table-cell",
6105
- "selectable",
6106
- "zd-table-fixed-column",
6107
- _vm.theme,
6108
- ],
6109
- },
6110
- [
6111
- _c("v-checkbox", {
6112
- staticClass: "zd-grid-row-checkbox",
6113
- attrs: {
6114
- "hide-details": "",
6115
- color: "primary",
6116
- disabled:
6117
- _vm.instance.editing ||
6118
- _vm.instance.callDisableSelection(
6119
- item
6120
- ),
6121
- "on-icon":
6122
- _vm.$getIcon("checkboxOn"),
6123
- "off-icon":
6124
- _vm.$getIcon("checkboxOff"),
6125
- "true-value": true,
6126
- "false-value": false,
6127
- "input-value": isSelected(item),
6128
- },
6129
- on: {
6130
- click: function ($event) {
6131
- $event.stopPropagation();
6132
- select(item, !isSelected(item));
6133
- _vm.selectRowClick(
6134
- item,
6135
- !isSelected(item),
6136
- $event
6137
- );
6138
- },
6139
- },
6140
- }),
6141
- ],
6142
- 1
6143
- )
6144
- : _vm._e(),
6197
+ _c("zd-grid-checkbox", {
6198
+ attrs: {
6199
+ selectable: _vm.instance.selectable,
6200
+ disabled:
6201
+ _vm.instance.editing ||
6202
+ _vm.instance.callDisableSelection(item),
6203
+ isSelected: isSelected(item),
6204
+ cellSelection: _vm.instance.cellSelection,
6205
+ theme: _vm.theme,
6206
+ },
6207
+ on: {
6208
+ click: function ($event) {
6209
+ $event.stopPropagation();
6210
+ select(item, !isSelected(item));
6211
+ _vm.selectRowClick(
6212
+ item,
6213
+ !isSelected(item),
6214
+ $event
6215
+ );
6216
+ },
6217
+ },
6218
+ }),
6145
6219
  _vm._v(" "),
6146
6220
  _vm._l(
6147
6221
  _vm.orderHeaders(headers),
@@ -6171,259 +6245,266 @@ var __vue_render__$c = function () {
6171
6245
  ) === -1 &&
6172
6246
  column.type !== "action"
6173
6247
  ? [
6174
- _c(
6175
- "zd-grid-cell",
6176
- {
6177
- key: column.name,
6178
- attrs: {
6179
- column: column,
6180
- rowStyle: rowStyle,
6181
- cellsApplied:
6182
- cellsApplied,
6183
- cellClass: [
6184
- {
6185
- "zd-table-two-plus-groups":
6186
- (_vm.instance
6187
- .groupColumnNames
6188
- .length >
6189
- 1) &
6190
- (index === 0),
6191
- "zd-table-column-editable":
6192
- column.editable,
6193
- "zd-table-cell-editable":
6194
- Object.assign(
6195
- {},
6196
- column,
6197
- cellsApplied
6198
- ).editable &&
6199
- _vm
6200
- .canEditRowValues[
6201
- _vm.rowKey(
6202
- item
6203
- )
6204
- ] &&
6205
- !item.groupFooter,
6206
- "zd-table-fixed-column":
6207
- column.fixed,
6208
- },
6209
- _vm.theme,
6210
- ],
6211
- cellStyle: [
6212
- {
6213
- left: column.fixed
6214
- ? _vm.fixedLeft[
6215
- column.name
6216
- ]
6217
- : "unset",
6218
- },
6219
- ],
6220
- },
6221
- on: {
6222
- click: function (
6223
- $event
6224
- ) {
6225
- _vm.cellClick(
6226
- item,
6227
- column,
6228
- $event,
6229
- _vm
6230
- .canEditRowValues[
6231
- _vm.rowKey(item)
6232
- ] &&
6233
- Object.assign(
6234
- {},
6235
- column,
6236
- cellsApplied
6237
- ).editable &&
6238
- !item.groupFooter
6239
- );
6240
- },
6241
- },
6242
- },
6243
- [
6244
- index === 0 &&
6245
- _vm.instance
6246
- .groupColumnNames
6247
- .length > 0
6248
- ? _vm._l(
6249
- _vm.instance
6250
- .groupColumnNames,
6251
- function (
6252
- name,
6253
- groupIndex
6254
- ) {
6255
- return _c(
6256
- "span",
6257
- {
6258
- key: name,
6259
- class: [
6260
- "tek-grid-body-group-identation",
6261
- {
6262
- "first-group":
6263
- groupIndex ===
6264
- 0,
6265
- "group-footer":
6266
- item.groupFooter &&
6267
- groupIndex ===
6268
- item.groupIndex,
6269
- "group-footer-no-line":
6270
- (item.groupFooter &&
6271
- groupIndex >
6272
- item.groupIndex) ||
6273
- item.groupSummary,
6274
- },
6275
- ],
6276
- }
6277
- )
6278
- }
6279
- )
6280
- : _vm._e(),
6281
- _vm._v(" "),
6282
- column.loading
6283
- ? _c(
6284
- "v-skeleton-loader",
6285
- {
6286
- staticClass:
6287
- "zd-skeleton-table-cell",
6288
- attrs: {
6289
- loading: "",
6290
- type: "table-cell",
6248
+ !item.groupFooter
6249
+ ? _c(
6250
+ "zd-grid-editable-cell",
6251
+ {
6252
+ key: column.name,
6253
+ attrs: {
6254
+ column: column,
6255
+ row: item,
6256
+ rowStyle:
6257
+ rowStyle,
6258
+ rowKey:
6259
+ _vm.rowKey(
6260
+ item
6261
+ ),
6262
+ cellsApplied:
6263
+ cellsApplied,
6264
+ cellClass: [
6265
+ {
6266
+ "zd-table-two-plus-groups":
6267
+ _vm.instance
6268
+ .groupColumnNames
6269
+ .length >
6270
+ 1 &&
6271
+ index === 0,
6272
+ "zd-table-column-editable":
6273
+ column.editable,
6274
+ "zd-table-cell-editable":
6275
+ Object.assign(
6276
+ {},
6277
+ column,
6278
+ cellsApplied
6279
+ )
6280
+ .editable &&
6281
+ _vm
6282
+ .canEditRowValues[
6283
+ _vm.rowKey(
6284
+ item
6285
+ )
6286
+ ] &&
6287
+ !item.groupFooter,
6288
+ "zd-table-fixed-column":
6289
+ column.fixed,
6290
+ "zd-table-first-group-cell":
6291
+ index ===
6292
+ 0 &&
6293
+ _vm.instance
6294
+ .groupColumnNames
6295
+ .length >
6296
+ 0,
6291
6297
  },
6292
- }
6293
- )
6294
- : _vm._e(),
6295
- _vm._v(" "),
6296
- Object.assign(
6297
- {},
6298
- column,
6299
- cellsApplied
6300
- ).editable &&
6301
- _vm.canEditRowValues[
6302
- _vm.rowKey(item)
6303
- ] &&
6304
- _vm.instance.editing &&
6305
- !item.groupFooter
6306
- ? _c(
6307
- "zd-grid-cell-edit",
6308
- {
6309
- directives: [
6310
- {
6311
- name: "show",
6312
- rawName:
6313
- "v-show",
6314
- value:
6315
- !column.loading,
6316
- expression:
6317
- "!column.loading",
6318
- },
6319
- ],
6320
- attrs: {
6321
- getWidthStyle:
6322
- _vm.getWidthStyle,
6323
- column:
6324
- column,
6325
- row: item,
6326
- rowStyle:
6327
- rowStyle,
6328
- rowKey:
6298
+ _vm.theme,
6299
+ ],
6300
+ cellStyle: [
6301
+ {
6302
+ left: column.fixed
6303
+ ? _vm
6304
+ .fixedLeft[
6305
+ column
6306
+ .name
6307
+ ]
6308
+ : "unset",
6309
+ },
6310
+ ],
6311
+ getWidthStyle:
6312
+ _vm.getWidthStyle,
6313
+ getEditableComponent:
6314
+ _vm.getEditableComponent,
6315
+ hasToggleIcon:
6316
+ _vm.hasToggleIcon,
6317
+ isCellEditable:
6318
+ _vm.isCellEditable,
6319
+ isEdited:
6320
+ _vm.isEdited,
6321
+ isValid:
6322
+ _vm.isValid,
6323
+ getVisibleValue:
6324
+ _vm.getVisibleValue,
6325
+ register:
6326
+ _vm.register,
6327
+ canEdit:
6328
+ _vm
6329
+ .canEditRowValues[
6330
+ _vm.rowKey(
6331
+ item
6332
+ )
6333
+ ],
6334
+ cellSelection:
6335
+ _vm.instance
6336
+ .cellSelection,
6337
+ },
6338
+ on: {
6339
+ click: function (
6340
+ $event
6341
+ ) {
6342
+ _vm.cellClick(
6343
+ item,
6344
+ column,
6345
+ $event.event,
6346
+ _vm
6347
+ .canEditRowValues[
6329
6348
  _vm.rowKey(
6330
6349
  item
6331
- ),
6332
- cellsApplied:
6333
- cellsApplied,
6334
- isEdited:
6335
- _vm.instance.isEdited(
6336
- column,
6337
- item
6338
- ),
6339
- isValid:
6340
- _vm.instance.isValid(
6350
+ )
6351
+ ] &&
6352
+ Object.assign(
6353
+ {},
6341
6354
  column,
6342
- item
6343
- ),
6344
- getEditableComponent:
6345
- _vm.getEditableComponent,
6346
- },
6347
- }
6348
- )
6349
- : _vm.hasToggleIcon(
6350
- column,
6351
- item
6352
- )
6353
- ? _c(
6354
- "span",
6355
- [
6356
- _c("v-icon", [
6357
- _vm._v(
6358
- _vm._s(
6359
- _vm.$getIcon(
6360
- column.formatterByRow(
6361
- item,
6362
- cellsApplied
6363
- )
6364
- )
6355
+ cellsApplied
6365
6356
  )
6366
- ),
6367
- ]),
6368
- ],
6369
- 1
6370
- )
6371
- : _c(
6372
- "zd-grid-cell-content",
6373
- {
6374
- directives: [
6375
- {
6376
- name: "show",
6377
- rawName:
6378
- "v-show",
6379
- value:
6380
- !column.loading,
6381
- expression:
6382
- "!column.loading",
6383
- },
6384
- ],
6385
- attrs: {
6386
- getWidthStyle:
6387
- _vm.getWidthStyle,
6388
- column:
6357
+ .editable &&
6358
+ !item.groupFooter,
6359
+ $event.id
6360
+ );
6361
+ },
6362
+ focus: function (
6363
+ $event
6364
+ ) {
6365
+ return _vm.editableCellFocus(
6366
+ $event.component,
6367
+ $event.id,
6368
+ item,
6369
+ column
6370
+ )
6371
+ },
6372
+ focusout:
6373
+ function (
6374
+ $event
6375
+ ) {
6376
+ return _vm.fieldFocusout(
6377
+ $event
6378
+ )
6379
+ },
6380
+ enterEdit:
6381
+ function (
6382
+ $event
6383
+ ) {
6384
+ return _vm.enterEditEvent(
6385
+ item,
6389
6386
  column,
6390
- row: item,
6391
- rowStyle:
6392
- rowStyle,
6393
- cellsApplied:
6394
- cellsApplied,
6395
- cssClass: [
6396
- _vm.instance
6397
- .groupColumnNames
6398
- .length >
6399
- 0
6400
- ? "zd-table-cell-aling-total"
6401
- : "",
6402
- ],
6387
+ $event
6388
+ )
6403
6389
  },
6404
- on: {
6405
- mouseenter:
6406
- function (
6407
- $event
6408
- ) {
6409
- return _vm.checkOverflow(
6410
- $event
6411
- )
6412
- },
6413
- mouseleave:
6414
- function (
6415
- $event
6416
- ) {
6417
- return _vm.removeTooltip()
6418
- },
6390
+ },
6391
+ scopedSlots: _vm._u(
6392
+ [
6393
+ {
6394
+ key: "default",
6395
+ fn: function (
6396
+ ref
6397
+ ) {
6398
+ var visibleValue =
6399
+ ref.visibleValue;
6400
+ return [
6401
+ index ===
6402
+ 0 &&
6403
+ _vm
6404
+ .instance
6405
+ .groupColumnNames
6406
+ .length >
6407
+ 0
6408
+ ? _vm._l(
6409
+ _vm
6410
+ .instance
6411
+ .groupColumnNames,
6412
+ function (
6413
+ name,
6414
+ groupIndex
6415
+ ) {
6416
+ return _c(
6417
+ "tek-grid-cell-identation",
6418
+ {
6419
+ key: name,
6420
+ attrs:
6421
+ {
6422
+ groupIndex:
6423
+ groupIndex,
6424
+ groupFooter:
6425
+ item.groupFooter,
6426
+ groupSummary:
6427
+ item.groupSummary,
6428
+ },
6429
+ }
6430
+ )
6431
+ }
6432
+ )
6433
+ : _vm._e(),
6434
+ _vm._v(
6435
+ " "
6436
+ ),
6437
+ _c(
6438
+ "zd-grid-cell-content",
6439
+ {
6440
+ directives:
6441
+ [
6442
+ {
6443
+ name: "show",
6444
+ rawName:
6445
+ "v-show",
6446
+ value:
6447
+ !column.loading,
6448
+ expression:
6449
+ "!column.loading",
6450
+ },
6451
+ ],
6452
+ attrs:
6453
+ {
6454
+ getWidthStyle:
6455
+ _vm.getWidthStyle,
6456
+ column:
6457
+ column,
6458
+ row: item,
6459
+ hasUsingCellText: true,
6460
+ rowStyle:
6461
+ rowStyle,
6462
+ cellsApplied:
6463
+ cellsApplied,
6464
+ visibleValue:
6465
+ visibleValue,
6466
+ cssClass:
6467
+ [
6468
+ _vm
6469
+ .instance
6470
+ .groupColumnNames
6471
+ .length >
6472
+ 0
6473
+ ? "zd-table-cell-aling-total"
6474
+ : "",
6475
+ ],
6476
+ },
6477
+ on: {
6478
+ mouseenter:
6479
+ function (
6480
+ $event
6481
+ ) {
6482
+ return _vm.checkOverflow(
6483
+ $event
6484
+ )
6485
+ },
6486
+ mouseleave:
6487
+ function (
6488
+ $event
6489
+ ) {
6490
+ return _vm.removeTooltip()
6491
+ },
6492
+ },
6493
+ }
6494
+ ),
6495
+ ]
6496
+ },
6419
6497
  },
6420
- }
6498
+ ],
6499
+ null,
6500
+ true
6421
6501
  ),
6422
- ],
6423
- 2
6424
- ),
6502
+ }
6503
+ )
6504
+ : _vm._e(),
6425
6505
  ]
6426
- : column.type === "action"
6506
+ : column.isVisible &&
6507
+ column.type === "action"
6427
6508
  ? [
6428
6509
  _c(
6429
6510
  "zd-grid-cell",
@@ -6460,8 +6541,19 @@ var __vue_render__$c = function () {
6460
6541
  : "unset",
6461
6542
  },
6462
6543
  ],
6544
+ cellSelection:
6545
+ _vm.instance
6546
+ .cellSelection,
6463
6547
  },
6464
6548
  on: {
6549
+ focusin: function (
6550
+ $event
6551
+ ) {
6552
+ return _vm.cellFocus(
6553
+ item,
6554
+ column
6555
+ )
6556
+ },
6465
6557
  click: function (
6466
6558
  $event
6467
6559
  ) {
@@ -6617,7 +6709,7 @@ __vue_render__$c._withStripped = true;
6617
6709
  /* style */
6618
6710
  const __vue_inject_styles__$c = function (inject) {
6619
6711
  if (!inject) return
6620
- inject("data-v-2c57d2cd_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-first-group-cell {\n display: flex;\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-text {\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 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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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 });
6712
+ inject("data-v-356ab29c_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 .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-first-group-cell {\n display: flex;\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-text {\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.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 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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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 });
6621
6713
 
6622
6714
  };
6623
6715
  /* scoped */
@@ -8144,7 +8236,9 @@ var __vue_render__$2 = function () {
8144
8236
  maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
8145
8237
  minWidth: _vm.$formatSize(_vm.instance.minWidth),
8146
8238
  "--overflow-y-style":
8147
- _vm.instance.height !== "auto" ? "auto" : "hidden",
8239
+ _vm.instance.height !== "auto" || _vm.instance.maxHeight !== "auto"
8240
+ ? "auto"
8241
+ : "hidden",
8148
8242
  },
8149
8243
  _vm.$styleObject(_vm.instance.cssStyle),
8150
8244
  ],
@@ -8987,48 +9081,28 @@ var __vue_render__$2 = function () {
8987
9081
  },
8988
9082
  },
8989
9083
  [
8990
- _vm.instance.selectable
8991
- ? _c(
8992
- "td",
8993
- {
8994
- class: [
8995
- "zd-table-cell",
8996
- "selectable",
8997
- "zd-table-fixed-column",
8998
- _vm.theme,
8999
- ],
9000
- },
9001
- [
9002
- _c("v-checkbox", {
9003
- staticClass: "zd-grid-row-checkbox",
9004
- attrs: {
9005
- "hide-details": "",
9006
- color: "primary",
9007
- disabled:
9008
- _vm.instance.editing ||
9009
- _vm.instance.callDisableSelection(item),
9010
- "on-icon": _vm.$getIcon("checkboxOn"),
9011
- "off-icon": _vm.$getIcon("checkboxOff"),
9012
- "true-value": true,
9013
- "false-value": false,
9014
- "input-value": isSelected,
9015
- indeterminate: _vm.isIndeterminate(item),
9016
- },
9017
- on: {
9018
- click: function ($event) {
9019
- $event.stopPropagation();
9020
- return _vm.selectClick(
9021
- index,
9022
- !isSelected,
9023
- $event
9024
- )
9025
- },
9026
- },
9027
- }),
9028
- ],
9029
- 1
9030
- )
9031
- : _vm._e(),
9084
+ _c("zd-grid-checkbox", {
9085
+ attrs: {
9086
+ selectable: _vm.instance.selectable,
9087
+ disabled:
9088
+ _vm.instance.editing ||
9089
+ _vm.instance.callDisableSelection(item),
9090
+ isSelected: isSelected,
9091
+ cellSelection: _vm.instance.cellSelection,
9092
+ indeterminate: _vm.isIndeterminate(item),
9093
+ theme: _vm.theme,
9094
+ },
9095
+ on: {
9096
+ click: function ($event) {
9097
+ $event.stopPropagation();
9098
+ return _vm.selectClick(
9099
+ index,
9100
+ !isSelected,
9101
+ $event
9102
+ )
9103
+ },
9104
+ },
9105
+ }),
9032
9106
  _vm._v(" "),
9033
9107
  _vm._l(
9034
9108
  _vm.orderHeaders(headers),
@@ -9054,182 +9128,175 @@ var __vue_render__$2 = function () {
9054
9128
  return [
9055
9129
  column.type !== "action"
9056
9130
  ? [
9057
- _c(
9058
- "zd-grid-cell",
9059
- {
9060
- key: column.name,
9061
- attrs: {
9062
- column: column,
9063
- rowStyle: rowStyle,
9064
- cellsApplied: cellsApplied,
9065
- cellClass: [
9066
- {
9067
- first: headerIndex === 0,
9068
- },
9069
- {
9070
- "zd-table-column-editable":
9071
- column.editable,
9072
- "zd-table-cell-editable":
9073
- Object.assign(
9074
- {},
9075
- column,
9076
- cellsApplied
9077
- ).editable &&
9078
- _vm.canEditRowValues[
9079
- _vm.rowKey(item)
9080
- ],
9081
- "zd-table-fixed-column":
9082
- column.fixed,
9083
- },
9084
- _vm.theme,
9085
- ],
9086
- cellStyle: [
9087
- {
9088
- left: _vm.getFixedLeft(
9089
- column
9090
- ),
9091
- },
9131
+ _c("zd-grid-editable-cell", {
9132
+ key: column.name,
9133
+ attrs: {
9134
+ column: column,
9135
+ row: item,
9136
+ rowStyle: rowStyle,
9137
+ rowKey: _vm.rowKey(item),
9138
+ cellsApplied: cellsApplied,
9139
+ cellClass: [
9140
+ { first: headerIndex === 0 },
9141
+ {
9142
+ "zd-table-column-editable":
9143
+ column.editable,
9144
+ "zd-table-cell-editable":
9145
+ Object.assign(
9146
+ {},
9147
+ column,
9148
+ cellsApplied
9149
+ ).editable &&
9150
+ _vm.canEditRowValues[
9151
+ _vm.rowKey(item)
9152
+ ],
9153
+ "zd-table-fixed-column":
9154
+ column.fixed,
9155
+ },
9156
+ _vm.theme,
9157
+ ],
9158
+ cellStyle: [
9159
+ {
9160
+ left: _vm.getFixedLeft(
9161
+ column
9162
+ ),
9163
+ },
9164
+ ],
9165
+ getWidthStyle:
9166
+ _vm.getWidthStyle,
9167
+ getEditableComponent:
9168
+ _vm.getEditableComponent,
9169
+ hasToggleIcon:
9170
+ _vm.hasToggleIcon,
9171
+ isCellEditable:
9172
+ _vm.isCellEditable,
9173
+ isEdited: _vm.isEdited,
9174
+ isValid: _vm.isValid,
9175
+ getVisibleValue:
9176
+ _vm.getVisibleValue,
9177
+ register: _vm.register,
9178
+ canEdit:
9179
+ _vm.canEditRowValues[
9180
+ _vm.rowKey(item)
9092
9181
  ],
9182
+ cellSelection:
9183
+ _vm.instance.cellSelection,
9184
+ },
9185
+ on: {
9186
+ click: function ($event) {
9187
+ _vm.cellClick(
9188
+ item,
9189
+ column,
9190
+ $event.event,
9191
+ _vm.canEditRowValues[
9192
+ _vm.rowKey(item)
9193
+ ] &&
9194
+ Object.assign(
9195
+ {},
9196
+ column,
9197
+ cellsApplied
9198
+ ).editable,
9199
+ $event.id
9200
+ );
9201
+ },
9202
+ focus: function ($event) {
9203
+ return _vm.editableCellFocus(
9204
+ $event.component,
9205
+ $event.id,
9206
+ item,
9207
+ column
9208
+ )
9209
+ },
9210
+ focusout: function ($event) {
9211
+ return _vm.fieldFocusout(
9212
+ $event
9213
+ )
9214
+ },
9215
+ enterEdit: function ($event) {
9216
+ return _vm.enterEditEvent(
9217
+ item,
9218
+ column,
9219
+ $event
9220
+ )
9093
9221
  },
9094
9222
  },
9095
- [
9096
- _c(
9097
- "zd-grid-editable-cell-content",
9223
+ scopedSlots: _vm._u(
9224
+ [
9098
9225
  {
9099
- attrs: {
9100
- column: column,
9101
- row: item,
9102
- rowKey: _vm.rowKey(item),
9103
- rowStyle: rowStyle,
9104
- cellsApplied:
9105
- cellsApplied,
9106
- getWidthStyle:
9107
- _vm.getWidthStyle,
9108
- getEditableComponent:
9109
- _vm.getEditableComponent,
9110
- hasToggleIcon:
9111
- _vm.hasToggleIcon,
9112
- isCellEditable:
9113
- _vm.isCellEditable,
9114
- isEdited: _vm.isEdited,
9115
- isValid: _vm.isValid,
9116
- getVisibleValue:
9117
- _vm.getVisibleValue,
9118
- register: _vm.register,
9119
- canEdit:
9120
- _vm.canEditRowValues[
9121
- _vm.rowKey(item)
9122
- ],
9123
- },
9124
- on: {
9125
- click: function ($event) {
9126
- _vm.cellClick(
9127
- item,
9128
- column,
9129
- $event.event,
9130
- _vm.canEditRowValues[
9131
- _vm.rowKey(item)
9132
- ] &&
9133
- Object.assign(
9134
- {},
9135
- column,
9136
- cellsApplied
9137
- ).editable,
9138
- $event.id
9139
- );
9140
- },
9141
- focus: function ($event) {
9142
- return _vm.cellFocus(
9143
- $event.component,
9144
- $event.id
9145
- )
9146
- },
9226
+ key: "default",
9227
+ fn: function (ref) {
9228
+ var visibleValue =
9229
+ ref.visibleValue;
9230
+ return [
9231
+ _c(
9232
+ "zd-tree-grid-cell-content",
9233
+ {
9234
+ directives: [
9235
+ {
9236
+ name: "show",
9237
+ rawName:
9238
+ "v-show",
9239
+ value:
9240
+ !column.loading,
9241
+ expression:
9242
+ "!column.loading",
9243
+ },
9244
+ ],
9245
+ attrs: {
9246
+ getWidthStyle:
9247
+ _vm.getWidthStyle,
9248
+ column: column,
9249
+ row: item,
9250
+ rowStyle:
9251
+ rowStyle,
9252
+ cellsApplied:
9253
+ cellsApplied,
9254
+ headerIndex:
9255
+ headerIndex,
9256
+ selectable:
9257
+ _vm.instance
9258
+ .selectable,
9259
+ hasChildOnDemand:
9260
+ _vm.hasChildOnDemand,
9261
+ toggleExpand:
9262
+ _vm.toggleExpand,
9263
+ rowIndex: index,
9264
+ hasUsingCellText: false,
9265
+ search:
9266
+ _vm.instance
9267
+ .datasource
9268
+ .search,
9269
+ visibleValue:
9270
+ visibleValue,
9271
+ expandClass:
9272
+ "zd-tree-grid-editable-expand",
9273
+ },
9274
+ on: {
9275
+ mouseenter:
9276
+ function (
9277
+ $event
9278
+ ) {
9279
+ return _vm.checkOverflow(
9280
+ $event
9281
+ )
9282
+ },
9283
+ mouseleave:
9284
+ function (
9285
+ $event
9286
+ ) {
9287
+ return _vm.removeTooltip()
9288
+ },
9289
+ },
9290
+ }
9291
+ ),
9292
+ ]
9147
9293
  },
9148
- scopedSlots: _vm._u(
9149
- [
9150
- {
9151
- key: "default",
9152
- fn: function (ref) {
9153
- var visibleValue =
9154
- ref.visibleValue;
9155
- return [
9156
- _c(
9157
- "zd-tree-grid-cell-content",
9158
- {
9159
- directives: [
9160
- {
9161
- name: "show",
9162
- rawName:
9163
- "v-show",
9164
- value:
9165
- !column.loading,
9166
- expression:
9167
- "!column.loading",
9168
- },
9169
- ],
9170
- attrs: {
9171
- getWidthStyle:
9172
- _vm.getWidthStyle,
9173
- column:
9174
- column,
9175
- row: item,
9176
- rowStyle:
9177
- rowStyle,
9178
- cellsApplied:
9179
- cellsApplied,
9180
- headerIndex:
9181
- headerIndex,
9182
- selectable:
9183
- _vm
9184
- .instance
9185
- .selectable,
9186
- hasChildOnDemand:
9187
- _vm.hasChildOnDemand,
9188
- toggleExpand:
9189
- _vm.toggleExpand,
9190
- rowIndex:
9191
- index,
9192
- hasUsingCellText: false,
9193
- search:
9194
- _vm
9195
- .instance
9196
- .datasource
9197
- .search,
9198
- visibleValue:
9199
- visibleValue,
9200
- expandClass:
9201
- "zd-tree-grid-editable-expand",
9202
- },
9203
- on: {
9204
- mouseenter:
9205
- function (
9206
- $event
9207
- ) {
9208
- return _vm.checkOverflow(
9209
- $event
9210
- )
9211
- },
9212
- mouseleave:
9213
- function (
9214
- $event
9215
- ) {
9216
- return _vm.removeTooltip()
9217
- },
9218
- },
9219
- }
9220
- ),
9221
- ]
9222
- },
9223
- },
9224
- ],
9225
- null,
9226
- true
9227
- ),
9228
- }
9229
- ),
9230
- ],
9231
- 1
9232
- ),
9294
+ },
9295
+ ],
9296
+ null,
9297
+ true
9298
+ ),
9299
+ }),
9233
9300
  ]
9234
9301
  : column.type === "action"
9235
9302
  ? [
@@ -9253,8 +9320,16 @@ var __vue_render__$2 = function () {
9253
9320
  _vm.hasChildOnDemand,
9254
9321
  selectable:
9255
9322
  _vm.instance.selectable,
9323
+ cellSelection:
9324
+ _vm.instance.cellSelection,
9256
9325
  },
9257
9326
  on: {
9327
+ focusin: function ($event) {
9328
+ return _vm.cellFocus(
9329
+ item,
9330
+ column
9331
+ )
9332
+ },
9258
9333
  click: function ($event) {
9259
9334
  return _vm.cellClick(
9260
9335
  item,
@@ -9370,7 +9445,7 @@ __vue_render__$2._withStripped = true;
9370
9445
  /* style */
9371
9446
  const __vue_inject_styles__$2 = function (inject) {
9372
9447
  if (!inject) return
9373
- inject("data-v-7a093ec2_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-first-group-cell {\n display: flex;\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-text {\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 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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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 });
9448
+ inject("data-v-5e60c1aa_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 .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-first-group-cell {\n display: flex;\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-text {\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.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 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: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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 });
9374
9449
 
9375
9450
  };
9376
9451
  /* scoped */
@@ -9531,14 +9606,15 @@ __vue_render__._withStripped = true;
9531
9606
  );
9532
9607
 
9533
9608
  const components = {
9534
- TekBreadcrumbHeader: __vue_component__$k,
9535
- TekCardTitle: __vue_component__$j,
9536
- TekCrudAddButton: __vue_component__$i,
9537
- TekCrudCancelButton: __vue_component__$h,
9538
- TekCrudDeleteButton: __vue_component__$g,
9539
- TekCrudForm: __vue_component__$f,
9540
- TekCrudSaveButton: __vue_component__$e,
9541
- TekGrid: __vue_component__$d,
9609
+ TekBreadcrumbHeader: __vue_component__$l,
9610
+ TekCardTitle: __vue_component__$k,
9611
+ TekCrudAddButton: __vue_component__$j,
9612
+ TekCrudCancelButton: __vue_component__$i,
9613
+ TekCrudDeleteButton: __vue_component__$h,
9614
+ TekCrudForm: __vue_component__$g,
9615
+ TekCrudSaveButton: __vue_component__$f,
9616
+ TekGrid: __vue_component__$e,
9617
+ TekGridCellIdentation: __vue_component__$d,
9542
9618
  TekDragGrid: __vue_component__$c,
9543
9619
  TekGridColumnsButton: __vue_component__$b,
9544
9620
  TekGridFilterButton: __vue_component__$a,
@@ -9575,4 +9651,4 @@ const TeknisaComponents = {
9575
9651
  const packageContent = require('../package.json');
9576
9652
  VersionService.addPackageVersion(packageContent.name, packageContent.version);
9577
9653
 
9578
- export { script$j as TekBreadcrumbHeader, script$i as TekCardTitle, script$h as TekCrudAddButton, script$g as TekCrudCancelButton, script$f as TekCrudDeleteButton, script$e as TekCrudForm, script$d as TekCrudSaveButton, script$3 as TekDragGrid, TekGrid$2 as TekGrid, script$c as TekGridColumnsButton, script$b as TekGridFilterButton, script$a as TekGridLayoutOptions, script$9 as TekImage, script$8 as TekIterableComponentRender, script$7 as TekProductCard, script$6 as TekTreeGrid, script$5 as TekUserInfo, script$4 as TekUserInfoList, TeknisaComponents as default };
9654
+ export { script$k as TekBreadcrumbHeader, script$j as TekCardTitle, script$i as TekCrudAddButton, script$h as TekCrudCancelButton, script$g as TekCrudDeleteButton, script$f as TekCrudForm, script$e as TekCrudSaveButton, script$3 as TekDragGrid, TekGrid$2 as TekGrid, script$d as TekGridCellIdentation, script$c as TekGridColumnsButton, script$b as TekGridFilterButton, script$a as TekGridLayoutOptions, script$9 as TekImage, script$8 as TekIterableComponentRender, script$7 as TekProductCard, script$6 as TekTreeGrid, script$5 as TekUserInfo, script$4 as TekUserInfoList, TeknisaComponents as default };