@zeedhi/teknisa-components-vuetify 1.96.0 → 1.96.1

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 (8) hide show
  1. package/dist/tek-components-vuetify.esm.js +881 -1835
  2. package/dist/tek-components-vuetify.umd.js +894 -1846
  3. package/package.json +2 -2
  4. package/types/components/public.d.ts +3 -1
  5. package/types/components/tek-grid/TekGrid.d.ts +6 -6
  6. package/types/components/tek-grid/subcomponents/TekGridColumnFilter.d.ts +16 -0
  7. package/types/components/tek-grid/subcomponents/TekGridHeaderIndentation.d.ts +5 -0
  8. package/types/components/tek-tree-grid/TekTreeGrid.d.ts +6 -6
package/dist/tek-components-vuetify.esm.js CHANGED
@@ -6,6 +6,7 @@ import { BreadcrumbHeader, CardTitle, CrudButton, CrudAddButton, CrudCancelButto
6
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
8
  import Vue from 'vue';
9
+ import Component$1 from 'vue-class-component';
9
10
  import { ZdDragGridHandle, ZdDragGridHandleHeader, updateDraggableFixedColumns } from '@zeedhi/zd-drag-grid-vue';
10
11
  import draggable from 'vuedraggable';
11
12
  import Sortable from 'sortablejs';
@@ -55,7 +56,7 @@ __decorate([
55
56
  TekBreadcrumbHeader = __decorate([
56
57
  Component
57
58
  ], TekBreadcrumbHeader);
58
- var script$k = TekBreadcrumbHeader;
59
+ var script$m = TekBreadcrumbHeader;
59
60
 
60
61
  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
61
62
  if (typeof shadowMode !== 'boolean') {
@@ -186,10 +187,10 @@ function addStyle(id, css) {
186
187
  }
187
188
 
188
189
  /* script */
189
- const __vue_script__$l = script$k;
190
+ const __vue_script__$n = script$m;
190
191
 
191
192
  /* template */
192
- var __vue_render__$l = function () {
193
+ var __vue_render__$n = function () {
193
194
  var _vm = this;
194
195
  var _h = _vm.$createElement;
195
196
  var _c = _vm._self._c || _h;
@@ -260,34 +261,34 @@ var __vue_render__$l = function () {
260
261
  1
261
262
  )
262
263
  };
263
- var __vue_staticRenderFns__$l = [];
264
- __vue_render__$l._withStripped = true;
264
+ var __vue_staticRenderFns__$n = [];
265
+ __vue_render__$n._withStripped = true;
265
266
 
266
267
  /* style */
267
- const __vue_inject_styles__$l = function (inject) {
268
+ const __vue_inject_styles__$n = function (inject) {
268
269
  if (!inject) return
269
270
  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 });
270
271
 
271
272
  };
272
273
  /* scoped */
273
- const __vue_scope_id__$l = undefined;
274
+ const __vue_scope_id__$n = undefined;
274
275
  /* module identifier */
275
- const __vue_module_identifier__$l = undefined;
276
+ const __vue_module_identifier__$n = undefined;
276
277
  /* functional template */
277
- const __vue_is_functional_template__$l = false;
278
+ const __vue_is_functional_template__$n = false;
278
279
  /* style inject SSR */
279
280
 
280
281
  /* style inject shadow dom */
281
282
 
282
283
 
283
284
 
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,
285
+ const __vue_component__$n = /*#__PURE__*/normalizeComponent(
286
+ { render: __vue_render__$n, staticRenderFns: __vue_staticRenderFns__$n },
287
+ __vue_inject_styles__$n,
288
+ __vue_script__$n,
289
+ __vue_scope_id__$n,
290
+ __vue_is_functional_template__$n,
291
+ __vue_module_identifier__$n,
291
292
  false,
292
293
  createInjector,
293
294
  undefined,
@@ -324,13 +325,13 @@ __decorate([
324
325
  TekCardTitle = __decorate([
325
326
  Component
326
327
  ], TekCardTitle);
327
- var script$j = TekCardTitle;
328
+ var script$l = TekCardTitle;
328
329
 
329
330
  /* script */
330
- const __vue_script__$k = script$j;
331
+ const __vue_script__$m = script$l;
331
332
 
332
333
  /* template */
333
- var __vue_render__$k = function () {
334
+ var __vue_render__$m = function () {
334
335
  var _vm = this;
335
336
  var _h = _vm.$createElement;
336
337
  var _c = _vm._self._c || _h;
@@ -430,34 +431,34 @@ var __vue_render__$k = function () {
430
431
  1
431
432
  )
432
433
  };
433
- var __vue_staticRenderFns__$k = [];
434
- __vue_render__$k._withStripped = true;
434
+ var __vue_staticRenderFns__$m = [];
435
+ __vue_render__$m._withStripped = true;
435
436
 
436
437
  /* style */
437
- const __vue_inject_styles__$k = function (inject) {
438
+ const __vue_inject_styles__$m = function (inject) {
438
439
  if (!inject) return
439
440
  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 });
440
441
 
441
442
  };
442
443
  /* scoped */
443
- const __vue_scope_id__$k = undefined;
444
+ const __vue_scope_id__$m = undefined;
444
445
  /* module identifier */
445
- const __vue_module_identifier__$k = undefined;
446
+ const __vue_module_identifier__$m = undefined;
446
447
  /* functional template */
447
- const __vue_is_functional_template__$k = false;
448
+ const __vue_is_functional_template__$m = false;
448
449
  /* style inject SSR */
449
450
 
450
451
  /* style inject shadow dom */
451
452
 
452
453
 
453
454
 
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,
455
+ const __vue_component__$m = /*#__PURE__*/normalizeComponent(
456
+ { render: __vue_render__$m, staticRenderFns: __vue_staticRenderFns__$m },
457
+ __vue_inject_styles__$m,
458
+ __vue_script__$m,
459
+ __vue_scope_id__$m,
460
+ __vue_is_functional_template__$m,
461
+ __vue_module_identifier__$m,
461
462
  false,
462
463
  createInjector,
463
464
  undefined,
@@ -525,13 +526,13 @@ __decorate([
525
526
  TekCrudAddButton = __decorate([
526
527
  Component
527
528
  ], TekCrudAddButton);
528
- var script$i = TekCrudAddButton;
529
+ var script$k = TekCrudAddButton;
529
530
 
530
531
  /* script */
531
- const __vue_script__$j = script$i;
532
+ const __vue_script__$l = script$k;
532
533
 
533
534
  /* template */
534
- var __vue_render__$j = function () {
535
+ var __vue_render__$l = function () {
535
536
  var _vm = this;
536
537
  var _h = _vm.$createElement;
537
538
  var _c = _vm._self._c || _h;
@@ -596,17 +597,17 @@ var __vue_render__$j = function () {
596
597
  ]
597
598
  )
598
599
  };
599
- var __vue_staticRenderFns__$j = [];
600
- __vue_render__$j._withStripped = true;
600
+ var __vue_staticRenderFns__$l = [];
601
+ __vue_render__$l._withStripped = true;
601
602
 
602
603
  /* style */
603
- const __vue_inject_styles__$j = undefined;
604
+ const __vue_inject_styles__$l = undefined;
604
605
  /* scoped */
605
- const __vue_scope_id__$j = undefined;
606
+ const __vue_scope_id__$l = undefined;
606
607
  /* module identifier */
607
- const __vue_module_identifier__$j = undefined;
608
+ const __vue_module_identifier__$l = undefined;
608
609
  /* functional template */
609
- const __vue_is_functional_template__$j = false;
610
+ const __vue_is_functional_template__$l = false;
610
611
  /* style inject */
611
612
 
612
613
  /* style inject SSR */
@@ -615,13 +616,13 @@ __vue_render__$j._withStripped = true;
615
616
 
616
617
 
617
618
 
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,
619
+ const __vue_component__$l = /*#__PURE__*/normalizeComponent(
620
+ { render: __vue_render__$l, staticRenderFns: __vue_staticRenderFns__$l },
621
+ __vue_inject_styles__$l,
622
+ __vue_script__$l,
623
+ __vue_scope_id__$l,
624
+ __vue_is_functional_template__$l,
625
+ __vue_module_identifier__$l,
625
626
  false,
626
627
  undefined,
627
628
  undefined,
@@ -649,13 +650,13 @@ __decorate([
649
650
  TekCrudCancelButton = __decorate([
650
651
  Component
651
652
  ], TekCrudCancelButton);
652
- var script$h = TekCrudCancelButton;
653
+ var script$j = TekCrudCancelButton;
653
654
 
654
655
  /* script */
655
- const __vue_script__$i = script$h;
656
+ const __vue_script__$k = script$j;
656
657
 
657
658
  /* template */
658
- var __vue_render__$i = function () {
659
+ var __vue_render__$k = function () {
659
660
  var _vm = this;
660
661
  var _h = _vm.$createElement;
661
662
  var _c = _vm._self._c || _h;
@@ -720,17 +721,17 @@ var __vue_render__$i = function () {
720
721
  ]
721
722
  )
722
723
  };
723
- var __vue_staticRenderFns__$i = [];
724
- __vue_render__$i._withStripped = true;
724
+ var __vue_staticRenderFns__$k = [];
725
+ __vue_render__$k._withStripped = true;
725
726
 
726
727
  /* style */
727
- const __vue_inject_styles__$i = undefined;
728
+ const __vue_inject_styles__$k = undefined;
728
729
  /* scoped */
729
- const __vue_scope_id__$i = undefined;
730
+ const __vue_scope_id__$k = undefined;
730
731
  /* module identifier */
731
- const __vue_module_identifier__$i = undefined;
732
+ const __vue_module_identifier__$k = undefined;
732
733
  /* functional template */
733
- const __vue_is_functional_template__$i = false;
734
+ const __vue_is_functional_template__$k = false;
734
735
  /* style inject */
735
736
 
736
737
  /* style inject SSR */
@@ -739,13 +740,13 @@ __vue_render__$i._withStripped = true;
739
740
 
740
741
 
741
742
 
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,
743
+ const __vue_component__$k = /*#__PURE__*/normalizeComponent(
744
+ { render: __vue_render__$k, staticRenderFns: __vue_staticRenderFns__$k },
745
+ __vue_inject_styles__$k,
746
+ __vue_script__$k,
747
+ __vue_scope_id__$k,
748
+ __vue_is_functional_template__$k,
749
+ __vue_module_identifier__$k,
749
750
  false,
750
751
  undefined,
751
752
  undefined,
@@ -779,13 +780,13 @@ __decorate([
779
780
  TekCrudDeleteButton = __decorate([
780
781
  Component
781
782
  ], TekCrudDeleteButton);
782
- var script$g = TekCrudDeleteButton;
783
+ var script$i = TekCrudDeleteButton;
783
784
 
784
785
  /* script */
785
- const __vue_script__$h = script$g;
786
+ const __vue_script__$j = script$i;
786
787
 
787
788
  /* template */
788
- var __vue_render__$h = function () {
789
+ var __vue_render__$j = function () {
789
790
  var _vm = this;
790
791
  var _h = _vm.$createElement;
791
792
  var _c = _vm._self._c || _h;
@@ -850,17 +851,17 @@ var __vue_render__$h = function () {
850
851
  ]
851
852
  )
852
853
  };
853
- var __vue_staticRenderFns__$h = [];
854
- __vue_render__$h._withStripped = true;
854
+ var __vue_staticRenderFns__$j = [];
855
+ __vue_render__$j._withStripped = true;
855
856
 
856
857
  /* style */
857
- const __vue_inject_styles__$h = undefined;
858
+ const __vue_inject_styles__$j = undefined;
858
859
  /* scoped */
859
- const __vue_scope_id__$h = undefined;
860
+ const __vue_scope_id__$j = undefined;
860
861
  /* module identifier */
861
- const __vue_module_identifier__$h = undefined;
862
+ const __vue_module_identifier__$j = undefined;
862
863
  /* functional template */
863
- const __vue_is_functional_template__$h = false;
864
+ const __vue_is_functional_template__$j = false;
864
865
  /* style inject */
865
866
 
866
867
  /* style inject SSR */
@@ -869,13 +870,13 @@ __vue_render__$h._withStripped = true;
869
870
 
870
871
 
871
872
 
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,
873
+ const __vue_component__$j = /*#__PURE__*/normalizeComponent(
874
+ { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
875
+ __vue_inject_styles__$j,
876
+ __vue_script__$j,
877
+ __vue_scope_id__$j,
878
+ __vue_is_functional_template__$j,
879
+ __vue_module_identifier__$j,
879
880
  false,
880
881
  undefined,
881
882
  undefined,
@@ -894,13 +895,13 @@ let TekCrudForm = class TekCrudForm extends ZdForm {
894
895
  TekCrudForm = __decorate([
895
896
  Component
896
897
  ], TekCrudForm);
897
- var script$f = TekCrudForm;
898
+ var script$h = TekCrudForm;
898
899
 
899
900
  /* script */
900
- const __vue_script__$g = script$f;
901
+ const __vue_script__$i = script$h;
901
902
 
902
903
  /* template */
903
- var __vue_render__$g = function () {
904
+ var __vue_render__$i = function () {
904
905
  var _vm = this;
905
906
  var _h = _vm.$createElement;
906
907
  var _c = _vm._self._c || _h;
@@ -986,34 +987,34 @@ var __vue_render__$g = function () {
986
987
  2
987
988
  )
988
989
  };
989
- var __vue_staticRenderFns__$g = [];
990
- __vue_render__$g._withStripped = true;
990
+ var __vue_staticRenderFns__$i = [];
991
+ __vue_render__$i._withStripped = true;
991
992
 
992
993
  /* style */
993
- const __vue_inject_styles__$g = function (inject) {
994
+ const __vue_inject_styles__$i = function (inject) {
994
995
  if (!inject) return
995
996
  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 });
996
997
 
997
998
  };
998
999
  /* scoped */
999
- const __vue_scope_id__$g = undefined;
1000
+ const __vue_scope_id__$i = undefined;
1000
1001
  /* module identifier */
1001
- const __vue_module_identifier__$g = undefined;
1002
+ const __vue_module_identifier__$i = undefined;
1002
1003
  /* functional template */
1003
- const __vue_is_functional_template__$g = false;
1004
+ const __vue_is_functional_template__$i = false;
1004
1005
  /* style inject SSR */
1005
1006
 
1006
1007
  /* style inject shadow dom */
1007
1008
 
1008
1009
 
1009
1010
 
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,
1011
+ const __vue_component__$i = /*#__PURE__*/normalizeComponent(
1012
+ { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
1013
+ __vue_inject_styles__$i,
1014
+ __vue_script__$i,
1015
+ __vue_scope_id__$i,
1016
+ __vue_is_functional_template__$i,
1017
+ __vue_module_identifier__$i,
1017
1018
  false,
1018
1019
  createInjector,
1019
1020
  undefined,
@@ -1038,13 +1039,13 @@ __decorate([
1038
1039
  TekCrudSaveButton = __decorate([
1039
1040
  Component
1040
1041
  ], TekCrudSaveButton);
1041
- var script$e = TekCrudSaveButton;
1042
+ var script$g = TekCrudSaveButton;
1042
1043
 
1043
1044
  /* script */
1044
- const __vue_script__$f = script$e;
1045
+ const __vue_script__$h = script$g;
1045
1046
 
1046
1047
  /* template */
1047
- var __vue_render__$f = function () {
1048
+ var __vue_render__$h = function () {
1048
1049
  var _vm = this;
1049
1050
  var _h = _vm.$createElement;
1050
1051
  var _c = _vm._self._c || _h;
@@ -1109,17 +1110,17 @@ var __vue_render__$f = function () {
1109
1110
  ]
1110
1111
  )
1111
1112
  };
1112
- var __vue_staticRenderFns__$f = [];
1113
- __vue_render__$f._withStripped = true;
1113
+ var __vue_staticRenderFns__$h = [];
1114
+ __vue_render__$h._withStripped = true;
1114
1115
 
1115
1116
  /* style */
1116
- const __vue_inject_styles__$f = undefined;
1117
+ const __vue_inject_styles__$h = undefined;
1117
1118
  /* scoped */
1118
- const __vue_scope_id__$f = undefined;
1119
+ const __vue_scope_id__$h = undefined;
1119
1120
  /* module identifier */
1120
- const __vue_module_identifier__$f = undefined;
1121
+ const __vue_module_identifier__$h = undefined;
1121
1122
  /* functional template */
1122
- const __vue_is_functional_template__$f = false;
1123
+ const __vue_is_functional_template__$h = false;
1123
1124
  /* style inject */
1124
1125
 
1125
1126
  /* style inject SSR */
@@ -1128,13 +1129,13 @@ __vue_render__$f._withStripped = true;
1128
1129
 
1129
1130
 
1130
1131
 
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,
1132
+ const __vue_component__$h = /*#__PURE__*/normalizeComponent(
1133
+ { render: __vue_render__$h, staticRenderFns: __vue_staticRenderFns__$h },
1134
+ __vue_inject_styles__$h,
1135
+ __vue_script__$h,
1136
+ __vue_scope_id__$h,
1137
+ __vue_is_functional_template__$h,
1138
+ __vue_module_identifier__$h,
1138
1139
  false,
1139
1140
  undefined,
1140
1141
  undefined,
@@ -1163,6 +1164,7 @@ let TekGrid$1 = class TekGrid extends ZdGridEditable {
1163
1164
  datasource.get();
1164
1165
  }
1165
1166
  }, 500);
1167
+ this.debouncedFilterChange = debounce((column, index, params) => this.filterValueChange(column, index, params), 1000);
1166
1168
  this.operationList = '';
1167
1169
  this.defaultOperation = '';
1168
1170
  this.defaultRelation = '';
@@ -1213,11 +1215,11 @@ let TekGrid$1 = class TekGrid extends ZdGridEditable {
1213
1215
  });
1214
1216
  return events;
1215
1217
  }
1216
- getFilterItemChange(prop, column, index) {
1217
- return this.filterItemChange.bind(this, prop, column, index);
1218
+ getFilterItemChange(prop, column, index, params) {
1219
+ return this.filterItemChange(prop, column, index, params);
1218
1220
  }
1219
- getFilterValueChange(column, index) {
1220
- return debounce(this.filterValueChange.bind(this, column, index), 1000);
1221
+ getFilterValueChange(column, index, params) {
1222
+ return this.debouncedFilterChange(column, index, params);
1221
1223
  }
1222
1224
  isOperationArrayValues(operation) {
1223
1225
  return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
@@ -1639,10 +1641,10 @@ TekGrid$1 = __decorate([
1639
1641
  var TekGrid$2 = TekGrid$1;
1640
1642
 
1641
1643
  /* script */
1642
- const __vue_script__$e = TekGrid$2;
1644
+ const __vue_script__$g = TekGrid$2;
1643
1645
 
1644
1646
  /* template */
1645
- var __vue_render__$e = function () {
1647
+ var __vue_render__$g = function () {
1646
1648
  var _vm = this;
1647
1649
  var _h = _vm.$createElement;
1648
1650
  var _c = _vm._self._c || _h;
@@ -1857,629 +1859,179 @@ var __vue_render__$e = function () {
1857
1859
  },
1858
1860
  },
1859
1861
  [
1860
- _c(
1861
- "span",
1862
- {
1863
- staticClass: "zd-table-header-cell",
1864
- style: {
1862
+ _c("zd-grid-column-header", {
1863
+ attrs: {
1864
+ cssStyle: {
1865
1865
  width:
1866
1866
  _vm.setSpanWidth(column) ||
1867
1867
  "100%",
1868
1868
  },
1869
+ action: column.type === "action",
1870
+ overflow: column.overflow,
1871
+ helperText: column.helperText,
1872
+ label: column.label,
1873
+ columnAlign: column.align,
1874
+ orderIndex:
1875
+ _vm.instance.datasource.findOrderIndex(
1876
+ column.name
1877
+ ),
1878
+ showSort:
1879
+ column.sortable &&
1880
+ !_vm.instance.editing,
1881
+ resizeColumns:
1882
+ _vm.instance.resizeColumns,
1869
1883
  },
1870
- [
1871
- column.type !== "action"
1872
- ? [
1873
- index === 0 &&
1874
- _vm.instance.groupColumnNames
1875
- .length > 0
1876
- ? _vm._l(
1884
+ on: {
1885
+ click: function ($event) {
1886
+ return _vm.instance.changeColumnOrder(
1887
+ column
1888
+ )
1889
+ },
1890
+ labelMouseenter: function ($event) {
1891
+ return _vm.checkOverflow($event)
1892
+ },
1893
+ labelMouseleave: function ($event) {
1894
+ return _vm.removeTooltip()
1895
+ },
1896
+ resizeMousedown: function ($event) {
1897
+ return _vm.resizeMouseDownHandler(
1898
+ column,
1899
+ $event
1900
+ )
1901
+ },
1902
+ resizeClick: _vm.resizeClickHandler,
1903
+ },
1904
+ scopedSlots: _vm._u(
1905
+ [
1906
+ index === 0 &&
1907
+ _vm.instance.groupColumnNames
1908
+ .length > 0
1909
+ ? {
1910
+ key: "prepend",
1911
+ fn: function () {
1912
+ return _vm._l(
1877
1913
  _vm.instance
1878
1914
  .groupColumnNames,
1879
1915
  function (
1880
1916
  name,
1881
1917
  groupIndex
1882
1918
  ) {
1883
- return _c("span", {
1884
- key: name,
1885
- class: [
1886
- "tek-grid-header-group-identation",
1887
- {
1888
- "first-group":
1889
- groupIndex ===
1890
- 0,
1919
+ return _c(
1920
+ "tek-grid-header-indentation",
1921
+ {
1922
+ attrs: {
1923
+ name: name,
1924
+ groupIndex:
1925
+ groupIndex,
1891
1926
  },
1892
- ],
1893
- })
1927
+ }
1928
+ )
1894
1929
  }
1895
1930
  )
1896
- : _vm._e(),
1897
- _vm._v(" "),
1898
- column.sortable &&
1899
- column.align === "right" &&
1900
- !_vm.instance.editing
1901
- ? _c(
1902
- "span",
1903
- {
1904
- staticClass:
1905
- "zd-table-cell-sort zd-mr-1",
1906
- on: {
1907
- click: function (
1908
- $event
1909
- ) {
1910
- return _vm.instance.changeColumnOrder(
1911
- column
1912
- )
1913
- },
1931
+ },
1932
+ proxy: true,
1933
+ }
1934
+ : null,
1935
+ {
1936
+ key: "label",
1937
+ fn: function () {
1938
+ return [
1939
+ column.aggregation
1940
+ ? _c(
1941
+ "span",
1942
+ {
1943
+ staticClass:
1944
+ "tek-grid-column-aggregation",
1914
1945
  },
1915
- },
1916
- [
1917
- column.sortable &&
1918
- column.align ===
1919
- "right" &&
1920
- !_vm.instance.editing
1921
- ? _c(
1922
- "v-icon",
1923
- {
1924
- staticClass:
1925
- "zd-table-cell-sort-icon",
1926
- attrs: {
1927
- small: "",
1928
- },
1946
+ [
1947
+ _vm._v(
1948
+ "(" +
1949
+ _vm._s(
1950
+ _vm.$t(
1951
+ "TEKGRID_AGGREGATION_" +
1952
+ column.aggregation
1953
+ )
1954
+ ) +
1955
+ ")"
1956
+ ),
1957
+ ]
1958
+ )
1959
+ : _vm._e(),
1960
+ ]
1961
+ },
1962
+ proxy: true,
1963
+ },
1964
+ _vm.instance.columnFilterButton &&
1965
+ column.filterable
1966
+ ? {
1967
+ key: "append",
1968
+ fn: function () {
1969
+ return [
1970
+ _c(
1971
+ "tek-grid-column-filter",
1972
+ {
1973
+ attrs: {
1974
+ hasFilterData:
1975
+ _vm.instance.columnHasFilterData(
1976
+ column
1977
+ ),
1978
+ getFilterActivatorEvents:
1979
+ _vm.getFilterActivatorEvents,
1980
+ column: column,
1981
+ columnFilterOptions:
1982
+ _vm.getColumnFilterOptions(
1983
+ column
1984
+ ),
1985
+ instanceName:
1986
+ _vm.instance.name,
1987
+ filterRelationsDatasource:
1988
+ _vm.instance
1989
+ .filterRelationsDatasource,
1990
+ filterOperationsDatasource:
1991
+ _vm.instance
1992
+ .filterOperationsDatasource,
1993
+ getComponentHint:
1994
+ _vm.getComponentHint,
1995
+ getComponentType:
1996
+ _vm.getComponentType,
1997
+ },
1998
+ on: {
1999
+ itemChange:
2000
+ function (
2001
+ $event
2002
+ ) {
2003
+ return _vm.getFilterItemChange(
2004
+ $event.type,
2005
+ column,
2006
+ $event.filterIndex,
2007
+ $event.params
2008
+ )
1929
2009
  },
1930
- [
1931
- _vm._v(
1932
- "\n " +
1933
- _vm._s(
1934
- _vm.$getIcon(
1935
- "chevronUp"
1936
- )
1937
- ) +
1938
- "\n "
1939
- ),
1940
- ]
1941
- )
1942
- : _vm._e(),
1943
- _vm._v(" "),
1944
- _vm.instance.datasource.findOrderIndex(
1945
- column.name
1946
- ) >= 0
1947
- ? _c(
1948
- "span",
1949
- {
1950
- staticClass:
1951
- "zd-table-cell-sort-order left",
2010
+ valueChange:
2011
+ function (
2012
+ $event
2013
+ ) {
2014
+ return _vm.getFilterValueChange(
2015
+ column,
2016
+ $event.filterIndex,
2017
+ $event.params
2018
+ )
1952
2019
  },
1953
- [
1954
- _vm._v(
1955
- "\n " +
1956
- _vm._s(
1957
- _vm.instance.datasource.findOrderIndex(
1958
- column.name
1959
- ) + 1
1960
- ) +
1961
- "\n "
1962
- ),
1963
- ]
1964
- )
1965
- : _vm._e(),
1966
- ],
1967
- 1
1968
- )
1969
- : _vm._e(),
1970
- _vm._v(" "),
1971
- _c(
1972
- "span",
1973
- {
1974
- class: [
1975
- "zd-table-cell-name",
1976
- {
1977
- "overflow-hidden":
1978
- column.overflow ===
1979
- "hidden",
1980
- "overflow-wrap":
1981
- column.overflow ===
1982
- "wrap",
1983
- },
1984
- !isNaN(column.overflow)
1985
- ? "overflow-clamp overflow-clamp-" +
1986
- column.overflow
1987
- : "",
1988
- ],
1989
- on: {
1990
- click: function ($event) {
1991
- return _vm.instance.changeColumnOrder(
1992
- column
1993
- )
1994
- },
1995
- mouseenter: function (
1996
- $event
1997
- ) {
1998
- return _vm.checkOverflow(
1999
- $event
2000
- )
2001
- },
2002
- mouseleave: function (
2003
- $event
2004
- ) {
2005
- return _vm.removeTooltip()
2006
- },
2007
- },
2008
- },
2009
- [
2010
- _vm._v(
2011
- _vm._s(
2012
- _vm.$t(column.label)
2013
- )
2014
- ),
2015
- column.aggregation
2016
- ? _c(
2017
- "span",
2018
- {
2019
- staticClass:
2020
- "tek-grid-column-aggregation",
2021
- },
2022
- [
2023
- _vm._v(
2024
- "(" +
2025
- _vm._s(
2026
- _vm.$t(
2027
- "TEKGRID_AGGREGATION_" +
2028
- column.aggregation
2029
- )
2030
- ) +
2031
- ")"
2032
- ),
2033
- ]
2034
- )
2035
- : _vm._e(),
2036
- ]
2037
- ),
2038
- _vm._v(" "),
2039
- column.helperText
2040
- ? [
2041
- _c(
2042
- "v-tooltip",
2043
- {
2044
- attrs: {
2045
- top: "",
2046
- openOnClick: false,
2047
- },
2048
- scopedSlots: _vm._u(
2049
- [
2050
- {
2051
- key: "activator",
2052
- fn: function (
2053
- ref
2054
- ) {
2055
- var on =
2056
- ref.on;
2057
- var attrs =
2058
- ref.attrs;
2059
- return [
2060
- _c(
2061
- "v-icon",
2062
- _vm._g(
2063
- _vm._b(
2064
- {
2065
- attrs:
2066
- {
2067
- size: "13px",
2068
- color:
2069
- "primary",
2070
- right:
2071
- "",
2072
- left: "",
2073
- dark: "",
2074
- dense:
2075
- "",
2076
- },
2077
- },
2078
- "v-icon",
2079
- attrs,
2080
- false
2081
- ),
2082
- on
2083
- ),
2084
- [
2085
- _vm._v(
2086
- "\n " +
2087
- _vm._s(
2088
- _vm.$getIcon(
2089
- "infoOutline"
2090
- )
2091
- ) +
2092
- "\n "
2093
- ),
2094
- ]
2095
- ),
2096
- ]
2097
- },
2098
- },
2099
- ],
2100
- null,
2101
- true
2102
- ),
2103
- },
2104
- [
2105
- _vm._v(" "),
2106
- _c("span", [
2107
- _vm._v(
2108
- _vm._s(
2109
- _vm.$t(
2110
- column.helperText
2111
- )
2112
- )
2113
- ),
2114
- ]),
2115
- ]
2116
- ),
2117
- ]
2118
- : _vm._e(),
2119
- _vm._v(" "),
2120
- column.sortable &&
2121
- column.align !== "right" &&
2122
- !_vm.instance.editing
2123
- ? _c(
2124
- "span",
2125
- {
2126
- staticClass:
2127
- "zd-table-cell-sort zd-ml-1",
2128
- on: {
2129
- click: function (
2130
- $event
2131
- ) {
2132
- return _vm.instance.changeColumnOrder(
2133
- column
2134
- )
2135
- },
2136
- },
2137
- },
2138
- [
2139
- column.sortable &&
2140
- column.align !==
2141
- "right" &&
2142
- !_vm.instance.editing
2143
- ? _c(
2144
- "v-icon",
2145
- {
2146
- staticClass:
2147
- "zd-table-cell-sort-icon",
2148
- attrs: {
2149
- small: "",
2150
- },
2151
- },
2152
- [
2153
- _vm._v(
2154
- "\n " +
2155
- _vm._s(
2156
- _vm.$getIcon(
2157
- "chevronUp"
2158
- )
2159
- ) +
2160
- "\n "
2161
- ),
2162
- ]
2163
- )
2164
- : _vm._e(),
2165
- _vm._v(" "),
2166
- _vm.instance.datasource.findOrderIndex(
2167
- column.name
2168
- ) >= 0
2169
- ? _c(
2170
- "span",
2171
- {
2172
- staticClass:
2173
- "zd-table-cell-sort-order",
2174
- },
2175
- [
2176
- _vm._v(
2177
- "\n " +
2178
- _vm._s(
2179
- _vm.instance.datasource.findOrderIndex(
2180
- column.name
2181
- ) + 1
2182
- ) +
2183
- "\n "
2184
- ),
2185
- ]
2186
- )
2187
- : _vm._e(),
2188
- ],
2189
- 1
2190
- )
2191
- : _vm._e(),
2192
- ]
2193
- : [
2194
- _c(
2195
- "span",
2196
- {
2197
- staticClass:
2198
- "zd-table-cell-name",
2199
- },
2200
- [
2201
- _vm._v(
2202
- _vm._s(
2203
- _vm.$t(column.label)
2204
- )
2205
- ),
2206
- ]
2207
- ),
2208
- ],
2209
- _vm._v(" "),
2210
- _vm.instance.columnFilterButton &&
2211
- column.filterable
2212
- ? _c(
2213
- "span",
2214
- {
2215
- class: [
2216
- "tek-grid-column-filter-button",
2217
- {
2218
- "has-filter-data":
2219
- _vm.instance.columnHasFilterData(
2220
- column
2221
- ),
2222
- },
2223
- ],
2224
- },
2225
- [
2226
- _c(
2227
- "v-menu",
2228
- {
2229
- attrs: {
2230
- "offset-overflow": "",
2231
- "offset-y": "",
2232
- "min-width": 200,
2233
- transition:
2234
- "scale-transition",
2235
- "content-class":
2236
- "tek-grid-column-filter-menu",
2237
- "close-on-content-click": false,
2238
- },
2239
- scopedSlots: _vm._u(
2240
- [
2241
- {
2242
- key: "activator",
2243
- fn: function (ref) {
2244
- var on = ref.on;
2245
- return [
2246
- _c(
2247
- "v-icon",
2248
- _vm._g(
2249
- {},
2250
- Object.assign(
2251
- {},
2252
- _vm.getFilterActivatorEvents(
2253
- on,
2254
- column
2255
- )
2256
- )
2257
- ),
2258
- [
2259
- _vm._v(
2260
- _vm._s(
2261
- _vm.$getIcon(
2262
- "filter"
2263
- )
2264
- )
2265
- ),
2266
- ]
2267
- ),
2268
- ]
2269
- },
2270
2020
  },
2271
- ],
2272
- null,
2273
- true
2274
- ),
2275
- },
2276
- [
2277
- _vm._v(" "),
2278
- _vm._l(
2279
- _vm.getColumnFilterOptions(
2280
- column
2281
- ),
2282
- function (
2283
- item,
2284
- filterIndex
2285
- ) {
2286
- return _c(
2287
- "span",
2288
- {
2289
- key: filterIndex,
2290
- },
2291
- [
2292
- filterIndex > 0
2293
- ? _c(
2294
- "zd-radio",
2295
- _vm._b(
2296
- {
2297
- attrs: {
2298
- name:
2299
- _vm
2300
- .instance
2301
- .name +
2302
- "-" +
2303
- column.name +
2304
- "-filter-relation-" +
2305
- filterIndex,
2306
- },
2307
- },
2308
- "zd-radio",
2309
- {
2310
- showLabel: false,
2311
- showHelper: false,
2312
- vertical: false,
2313
- cssClass:
2314
- "zd-mb-2",
2315
- datasource:
2316
- _vm
2317
- .instance
2318
- .filterRelationsDatasource,
2319
- dataValue:
2320
- "value",
2321
- dataLabel:
2322
- "text",
2323
- value:
2324
- item.relation,
2325
- events:
2326
- {
2327
- change:
2328
- _vm.getFilterItemChange(
2329
- "relation",
2330
- column,
2331
- filterIndex
2332
- ),
2333
- },
2334
- },
2335
- false
2336
- )
2337
- )
2338
- : _vm._e(),
2339
- _vm._v(" "),
2340
- item.operation !==
2341
- undefined
2342
- ? _c(
2343
- "zd-select",
2344
- _vm._b(
2345
- {
2346
- attrs: {
2347
- name:
2348
- _vm
2349
- .instance
2350
- .name +
2351
- "-" +
2352
- column.name +
2353
- "-filter-operation-" +
2354
- filterIndex,
2355
- },
2356
- },
2357
- "zd-select",
2358
- {
2359
- autocomplete: false,
2360
- showLabel: false,
2361
- showHelper: false,
2362
- clearable: false,
2363
- cssClass:
2364
- "zd-mb-2",
2365
- datasource:
2366
- _vm
2367
- .instance
2368
- .filterOperationsDatasource,
2369
- dataValue:
2370
- "value",
2371
- dataText:
2372
- "text",
2373
- value:
2374
- item.operation,
2375
- events:
2376
- {
2377
- change:
2378
- _vm.getFilterItemChange(
2379
- "operation",
2380
- column,
2381
- filterIndex
2382
- ),
2383
- },
2384
- },
2385
- false
2386
- )
2387
- )
2388
- : _vm._e(),
2389
- _vm._v(" "),
2390
- _c(
2391
- _vm.getComponentType(
2392
- filterIndex
2393
- ) ||
2394
- column
2395
- .componentProps
2396
- .component,
2397
- _vm._b(
2398
- {
2399
- tag: "component",
2400
- attrs: {
2401
- name:
2402
- _vm
2403
- .instance
2404
- .name +
2405
- "-" +
2406
- column.name +
2407
- "-filter-value-" +
2408
- filterIndex,
2409
- },
2410
- },
2411
- "component",
2412
- Object.assign(
2413
- {},
2414
- column.componentProps,
2415
- {
2416
- showLabel: false,
2417
- showHelper: true,
2418
- autofill: false,
2419
- cssClass:
2420
- "zd-mb-2",
2421
- value:
2422
- item.value,
2423
- persistentHint: true,
2424
- hint: _vm.getComponentHint(
2425
- filterIndex
2426
- ),
2427
- events: {
2428
- input:
2429
- _vm.getFilterValueChange(
2430
- column,
2431
- filterIndex
2432
- ),
2433
- change:
2434
- _vm.getFilterValueChange(
2435
- column,
2436
- filterIndex
2437
- ),
2438
- },
2439
- }
2440
- ),
2441
- false
2442
- )
2443
- ),
2444
- ],
2445
- 1
2446
- )
2447
2021
  }
2448
2022
  ),
2449
- ],
2450
- 2
2451
- ),
2452
- ],
2453
- 1
2454
- )
2455
- : _vm._e(),
2456
- _vm._v(" "),
2457
- _vm.instance.resizeColumns
2458
- ? _c(
2459
- "span",
2460
- {
2461
- staticClass:
2462
- "zd-grid-resize-handle",
2463
- on: {
2464
- mousedown: function (
2465
- $event
2466
- ) {
2467
- return _vm.resizeMouseDownHandler(
2468
- column,
2469
- $event
2470
- )
2471
- },
2472
- click:
2473
- _vm.resizeClickHandler,
2023
+ ]
2474
2024
  },
2475
- },
2476
- [_vm._v("‖")]
2477
- )
2478
- : _vm._e(),
2479
- ],
2480
- 2
2481
- ),
2482
- ]
2025
+ proxy: true,
2026
+ }
2027
+ : null,
2028
+ ],
2029
+ null,
2030
+ true
2031
+ ),
2032
+ }),
2033
+ ],
2034
+ 1
2483
2035
  )
2484
2036
  : _vm._e(),
2485
2037
  ]
@@ -3246,34 +2798,34 @@ var __vue_render__$e = function () {
3246
2798
  },
3247
2799
  })
3248
2800
  };
3249
- var __vue_staticRenderFns__$e = [];
3250
- __vue_render__$e._withStripped = true;
2801
+ var __vue_staticRenderFns__$g = [];
2802
+ __vue_render__$g._withStripped = true;
3251
2803
 
3252
2804
  /* style */
3253
- const __vue_inject_styles__$e = function (inject) {
2805
+ const __vue_inject_styles__$g = function (inject) {
3254
2806
  if (!inject) return
3255
- inject("data-v-7c88975c_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 });
2807
+ inject("data-v-1797c215_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 });
3256
2808
 
3257
2809
  };
3258
2810
  /* scoped */
3259
- const __vue_scope_id__$e = undefined;
2811
+ const __vue_scope_id__$g = undefined;
3260
2812
  /* module identifier */
3261
- const __vue_module_identifier__$e = undefined;
2813
+ const __vue_module_identifier__$g = undefined;
3262
2814
  /* functional template */
3263
- const __vue_is_functional_template__$e = false;
2815
+ const __vue_is_functional_template__$g = false;
3264
2816
  /* style inject SSR */
3265
2817
 
3266
2818
  /* style inject shadow dom */
3267
2819
 
3268
2820
 
3269
2821
 
3270
- const __vue_component__$e = /*#__PURE__*/normalizeComponent(
3271
- { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
3272
- __vue_inject_styles__$e,
3273
- __vue_script__$e,
3274
- __vue_scope_id__$e,
3275
- __vue_is_functional_template__$e,
3276
- __vue_module_identifier__$e,
2822
+ const __vue_component__$g = /*#__PURE__*/normalizeComponent(
2823
+ { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
2824
+ __vue_inject_styles__$g,
2825
+ __vue_script__$g,
2826
+ __vue_scope_id__$g,
2827
+ __vue_is_functional_template__$g,
2828
+ __vue_module_identifier__$g,
3277
2829
  false,
3278
2830
  createInjector,
3279
2831
  undefined,
@@ -3297,13 +2849,13 @@ __decorate([
3297
2849
  TekGridCellIdentation = __decorate([
3298
2850
  Component
3299
2851
  ], TekGridCellIdentation);
3300
- var script$d = TekGridCellIdentation;
2852
+ var script$f = TekGridCellIdentation;
3301
2853
 
3302
2854
  /* script */
3303
- const __vue_script__$d = script$d;
2855
+ const __vue_script__$f = script$f;
3304
2856
 
3305
2857
  /* template */
3306
- var __vue_render__$d = function () {
2858
+ var __vue_render__$f = function () {
3307
2859
  var _vm = this;
3308
2860
  var _h = _vm.$createElement;
3309
2861
  var _c = _vm._self._c || _h;
@@ -3318,23 +2870,341 @@ var __vue_render__$d = function () {
3318
2870
  _vm.groupSummary,
3319
2871
  },
3320
2872
  ],
3321
- })
2873
+ })
2874
+ };
2875
+ var __vue_staticRenderFns__$f = [];
2876
+ __vue_render__$f._withStripped = true;
2877
+
2878
+ /* style */
2879
+ const __vue_inject_styles__$f = function (inject) {
2880
+ if (!inject) return
2881
+ 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 });
2882
+
2883
+ };
2884
+ /* scoped */
2885
+ const __vue_scope_id__$f = undefined;
2886
+ /* module identifier */
2887
+ const __vue_module_identifier__$f = undefined;
2888
+ /* functional template */
2889
+ const __vue_is_functional_template__$f = false;
2890
+ /* style inject SSR */
2891
+
2892
+ /* style inject shadow dom */
2893
+
2894
+
2895
+
2896
+ const __vue_component__$f = /*#__PURE__*/normalizeComponent(
2897
+ { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
2898
+ __vue_inject_styles__$f,
2899
+ __vue_script__$f,
2900
+ __vue_scope_id__$f,
2901
+ __vue_is_functional_template__$f,
2902
+ __vue_module_identifier__$f,
2903
+ false,
2904
+ createInjector,
2905
+ undefined,
2906
+ undefined
2907
+ );
2908
+
2909
+ let TekGridHeaderIndentation = class TekGridHeaderIndentation extends Vue {
2910
+ };
2911
+ __decorate([
2912
+ Prop({ type: String })
2913
+ ], TekGridHeaderIndentation.prototype, "name", void 0);
2914
+ __decorate([
2915
+ Prop({ type: Number })
2916
+ ], TekGridHeaderIndentation.prototype, "groupIndex", void 0);
2917
+ TekGridHeaderIndentation = __decorate([
2918
+ Component$1
2919
+ ], TekGridHeaderIndentation);
2920
+ var script$e = TekGridHeaderIndentation;
2921
+
2922
+ /* script */
2923
+ const __vue_script__$e = script$e;
2924
+
2925
+ /* template */
2926
+ var __vue_render__$e = function () {
2927
+ var _vm = this;
2928
+ var _h = _vm.$createElement;
2929
+ var _c = _vm._self._c || _h;
2930
+ return _c("span", {
2931
+ key: _vm.name,
2932
+ class: [
2933
+ "tek-grid-header-group-identation",
2934
+ {
2935
+ "first-group": _vm.groupIndex === 0,
2936
+ },
2937
+ ],
2938
+ })
2939
+ };
2940
+ var __vue_staticRenderFns__$e = [];
2941
+ __vue_render__$e._withStripped = true;
2942
+
2943
+ /* style */
2944
+ const __vue_inject_styles__$e = undefined;
2945
+ /* scoped */
2946
+ const __vue_scope_id__$e = undefined;
2947
+ /* module identifier */
2948
+ const __vue_module_identifier__$e = undefined;
2949
+ /* functional template */
2950
+ const __vue_is_functional_template__$e = false;
2951
+ /* style inject */
2952
+
2953
+ /* style inject SSR */
2954
+
2955
+ /* style inject shadow dom */
2956
+
2957
+
2958
+
2959
+ const __vue_component__$e = /*#__PURE__*/normalizeComponent(
2960
+ { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
2961
+ __vue_inject_styles__$e,
2962
+ __vue_script__$e,
2963
+ __vue_scope_id__$e,
2964
+ __vue_is_functional_template__$e,
2965
+ __vue_module_identifier__$e,
2966
+ false,
2967
+ undefined,
2968
+ undefined,
2969
+ undefined
2970
+ );
2971
+
2972
+ let TekGridColumnFilter = class TekGridColumnFilter extends Vue {
2973
+ itemChange(type, filterIndex, params) {
2974
+ this.$emit('itemChange', { type, filterIndex, params });
2975
+ }
2976
+ valueChange(filterIndex, params) {
2977
+ this.$emit('valueChange', { filterIndex, params });
2978
+ }
2979
+ };
2980
+ __decorate([
2981
+ Prop({ type: Boolean, default: false })
2982
+ ], TekGridColumnFilter.prototype, "hasFilterData", void 0);
2983
+ __decorate([
2984
+ Prop({ type: Function, required: true })
2985
+ ], TekGridColumnFilter.prototype, "getFilterActivatorEvents", void 0);
2986
+ __decorate([
2987
+ Prop({ type: Object, required: true })
2988
+ ], TekGridColumnFilter.prototype, "column", void 0);
2989
+ __decorate([
2990
+ Prop({ type: Array, default: [] })
2991
+ ], TekGridColumnFilter.prototype, "columnFilterOptions", void 0);
2992
+ __decorate([
2993
+ Prop({ type: String, required: true })
2994
+ ], TekGridColumnFilter.prototype, "instanceName", void 0);
2995
+ __decorate([
2996
+ Prop({ type: Object, required: true })
2997
+ ], TekGridColumnFilter.prototype, "filterRelationsDatasource", void 0);
2998
+ __decorate([
2999
+ Prop({ type: Object, required: true })
3000
+ ], TekGridColumnFilter.prototype, "filterOperationsDatasource", void 0);
3001
+ __decorate([
3002
+ Prop({ type: Function, required: true })
3003
+ ], TekGridColumnFilter.prototype, "getComponentHint", void 0);
3004
+ __decorate([
3005
+ Prop({ type: Function, required: true })
3006
+ ], TekGridColumnFilter.prototype, "getComponentType", void 0);
3007
+ TekGridColumnFilter = __decorate([
3008
+ Component$1
3009
+ ], TekGridColumnFilter);
3010
+ var script$d = TekGridColumnFilter;
3011
+
3012
+ /* script */
3013
+ const __vue_script__$d = script$d;
3014
+
3015
+ /* template */
3016
+ var __vue_render__$d = function () {
3017
+ var _vm = this;
3018
+ var _h = _vm.$createElement;
3019
+ var _c = _vm._self._c || _h;
3020
+ return _c(
3021
+ "span",
3022
+ {
3023
+ class: [
3024
+ "tek-grid-column-filter-button",
3025
+ { "has-filter-data": _vm.hasFilterData },
3026
+ ],
3027
+ },
3028
+ [
3029
+ _c(
3030
+ "v-menu",
3031
+ {
3032
+ attrs: {
3033
+ "offset-overflow": "",
3034
+ "offset-y": "",
3035
+ "min-width": 200,
3036
+ transition: "scale-transition",
3037
+ "content-class": "tek-grid-column-filter-menu",
3038
+ "close-on-content-click": false,
3039
+ },
3040
+ scopedSlots: _vm._u([
3041
+ {
3042
+ key: "activator",
3043
+ fn: function (ref) {
3044
+ var on = ref.on;
3045
+ return [
3046
+ _c(
3047
+ "v-icon",
3048
+ _vm._g(
3049
+ {},
3050
+ Object.assign(
3051
+ {},
3052
+ _vm.getFilterActivatorEvents(on, _vm.column)
3053
+ )
3054
+ ),
3055
+ [_vm._v(_vm._s(_vm.$getIcon("filter")))]
3056
+ ),
3057
+ ]
3058
+ },
3059
+ },
3060
+ ]),
3061
+ },
3062
+ [
3063
+ _vm._v(" "),
3064
+ _vm._l(_vm.columnFilterOptions, function (item, filterIndex) {
3065
+ return _c(
3066
+ "span",
3067
+ { key: filterIndex },
3068
+ [
3069
+ filterIndex > 0
3070
+ ? _c(
3071
+ "zd-radio",
3072
+ _vm._b(
3073
+ {
3074
+ attrs: {
3075
+ name:
3076
+ _vm.instanceName +
3077
+ "-" +
3078
+ _vm.column.name +
3079
+ "-filter-relation-" +
3080
+ filterIndex,
3081
+ },
3082
+ },
3083
+ "zd-radio",
3084
+ {
3085
+ showLabel: false,
3086
+ showHelper: false,
3087
+ vertical: false,
3088
+ cssClass: "zd-mb-2",
3089
+ datasource: _vm.filterRelationsDatasource,
3090
+ dataValue: "value",
3091
+ dataLabel: "text",
3092
+ value: item.relation,
3093
+ events: {
3094
+ change: function (params) {
3095
+ return _vm.itemChange(
3096
+ "relation",
3097
+ filterIndex,
3098
+ params
3099
+ )
3100
+ },
3101
+ },
3102
+ },
3103
+ false
3104
+ )
3105
+ )
3106
+ : _vm._e(),
3107
+ _vm._v(" "),
3108
+ item.operation !== undefined
3109
+ ? _c(
3110
+ "zd-select",
3111
+ _vm._b(
3112
+ {
3113
+ attrs: {
3114
+ name:
3115
+ _vm.instanceName +
3116
+ "-" +
3117
+ _vm.column.name +
3118
+ "-filter-operation-" +
3119
+ filterIndex,
3120
+ },
3121
+ },
3122
+ "zd-select",
3123
+ {
3124
+ autocomplete: false,
3125
+ showLabel: false,
3126
+ showHelper: false,
3127
+ clearable: false,
3128
+ cssClass: "zd-mb-2",
3129
+ datasource: _vm.filterOperationsDatasource,
3130
+ dataValue: "value",
3131
+ dataText: "text",
3132
+ value: item.operation,
3133
+ events: {
3134
+ change: function (params) {
3135
+ return _vm.itemChange(
3136
+ "operation",
3137
+ filterIndex,
3138
+ params
3139
+ )
3140
+ },
3141
+ },
3142
+ },
3143
+ false
3144
+ )
3145
+ )
3146
+ : _vm._e(),
3147
+ _vm._v(" "),
3148
+ _c(
3149
+ _vm.getComponentType(filterIndex) ||
3150
+ _vm.column.componentProps.component,
3151
+ _vm._b(
3152
+ {
3153
+ tag: "component",
3154
+ attrs: {
3155
+ name:
3156
+ _vm.instanceName +
3157
+ "-" +
3158
+ _vm.column.name +
3159
+ "-filter-value-" +
3160
+ filterIndex,
3161
+ },
3162
+ },
3163
+ "component",
3164
+ Object.assign({}, _vm.column.componentProps, {
3165
+ showLabel: false,
3166
+ showHelper: true,
3167
+ autofill: false,
3168
+ cssClass: "zd-mb-2",
3169
+ value: item.value,
3170
+ persistentHint: true,
3171
+ hint: _vm.getComponentHint(filterIndex),
3172
+ events: {
3173
+ input: function (params) {
3174
+ return _vm.valueChange(filterIndex, params)
3175
+ },
3176
+ change: function (params) {
3177
+ return _vm.valueChange(filterIndex, params)
3178
+ },
3179
+ },
3180
+ }),
3181
+ false
3182
+ )
3183
+ ),
3184
+ ],
3185
+ 1
3186
+ )
3187
+ }),
3188
+ ],
3189
+ 2
3190
+ ),
3191
+ ],
3192
+ 1
3193
+ )
3322
3194
  };
3323
3195
  var __vue_staticRenderFns__$d = [];
3324
3196
  __vue_render__$d._withStripped = true;
3325
3197
 
3326
3198
  /* style */
3327
- const __vue_inject_styles__$d = function (inject) {
3328
- if (!inject) return
3329
- 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 });
3330
-
3331
- };
3199
+ const __vue_inject_styles__$d = undefined;
3332
3200
  /* scoped */
3333
3201
  const __vue_scope_id__$d = undefined;
3334
3202
  /* module identifier */
3335
3203
  const __vue_module_identifier__$d = undefined;
3336
3204
  /* functional template */
3337
3205
  const __vue_is_functional_template__$d = false;
3206
+ /* style inject */
3207
+
3338
3208
  /* style inject SSR */
3339
3209
 
3340
3210
  /* style inject shadow dom */
@@ -3349,7 +3219,7 @@ __vue_render__$d._withStripped = true;
3349
3219
  __vue_is_functional_template__$d,
3350
3220
  __vue_module_identifier__$d,
3351
3221
  false,
3352
- createInjector,
3222
+ undefined,
3353
3223
  undefined,
3354
3224
  undefined
3355
3225
  );
@@ -4717,6 +4587,7 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
4717
4587
  datasource.get();
4718
4588
  }
4719
4589
  }, 500);
4590
+ this.debouncedFilterChange = debounce((column, index, params) => this.filterValueChange(column, index, params), 1000);
4720
4591
  this.operationList = '';
4721
4592
  this.defaultOperation = '';
4722
4593
  this.defaultRelation = '';
@@ -4769,11 +4640,11 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
4769
4640
  });
4770
4641
  return events;
4771
4642
  }
4772
- getFilterItemChange(prop, column, index) {
4773
- return this.filterItemChange.bind(this, prop, column, index);
4643
+ getFilterItemChange(prop, column, index, params) {
4644
+ return this.filterItemChange(prop, column, index, params);
4774
4645
  }
4775
- getFilterValueChange(column, index) {
4776
- return debounce(this.filterValueChange.bind(this, column, index), 1000);
4646
+ getFilterValueChange(column, index, params) {
4647
+ return this.debouncedFilterChange(column, index, params);
4777
4648
  }
4778
4649
  isOperationArrayValues(operation) {
4779
4650
  return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
@@ -5418,548 +5289,177 @@ var __vue_render__$c = function () {
5418
5289
  },
5419
5290
  },
5420
5291
  [
5421
- _c(
5422
- "span",
5423
- {
5424
- staticClass: "zd-table-header-cell",
5425
- style: {
5292
+ _c("zd-grid-column-header", {
5293
+ attrs: {
5294
+ cssStyle: {
5426
5295
  width:
5427
5296
  _vm.setSpanWidth(column) ||
5428
5297
  "100%",
5429
5298
  },
5299
+ action: column.type === "action",
5300
+ overflow: column.overflow,
5301
+ helperText: column.helperText,
5302
+ label: column.label,
5303
+ columnAlign: column.align,
5304
+ orderIndex:
5305
+ _vm.instance.datasource.findOrderIndex(
5306
+ column.name
5307
+ ),
5308
+ showSort:
5309
+ column.sortable &&
5310
+ !_vm.instance.editing,
5311
+ resizeColumns:
5312
+ _vm.instance.resizeColumns,
5313
+ },
5314
+ on: {
5315
+ click: function ($event) {
5316
+ return _vm.instance.changeColumnOrder(
5317
+ column
5318
+ )
5319
+ },
5320
+ labelMouseenter: function ($event) {
5321
+ return _vm.checkOverflow($event)
5322
+ },
5323
+ labelMouseleave: function ($event) {
5324
+ return _vm.removeTooltip()
5325
+ },
5326
+ resizeMousedown: function ($event) {
5327
+ return _vm.resizeMouseDownHandler(
5328
+ column,
5329
+ $event
5330
+ )
5331
+ },
5332
+ resizeClick: _vm.resizeClickHandler,
5430
5333
  },
5431
- [
5432
- column.type !== "action"
5433
- ? [
5434
- index === 0 &&
5435
- _vm.instance.groupColumnNames
5436
- .length > 0
5437
- ? _vm._l(
5334
+ scopedSlots: _vm._u(
5335
+ [
5336
+ index === 0 &&
5337
+ _vm.instance.groupColumnNames
5338
+ .length > 0
5339
+ ? {
5340
+ key: "prepend",
5341
+ fn: function () {
5342
+ return _vm._l(
5438
5343
  _vm.instance
5439
5344
  .groupColumnNames,
5440
5345
  function (
5441
5346
  name,
5442
5347
  groupIndex
5443
5348
  ) {
5444
- return _c("span", {
5445
- key: name,
5446
- class: [
5447
- "tek-grid-header-group-identation",
5448
- {
5449
- "first-group":
5450
- groupIndex ===
5451
- 0,
5349
+ return _c(
5350
+ "tek-grid-header-indentation",
5351
+ {
5352
+ attrs: {
5353
+ name: name,
5354
+ groupIndex:
5355
+ groupIndex,
5452
5356
  },
5453
- ],
5454
- })
5357
+ }
5358
+ )
5455
5359
  }
5456
5360
  )
5457
- : _vm._e(),
5458
- _vm._v(" "),
5459
- column.sortable &&
5460
- column.align === "right" &&
5461
- !_vm.instance.editing
5462
- ? _c(
5463
- "span",
5464
- {
5465
- staticClass:
5466
- "zd-table-cell-sort zd-mr-1",
5467
- on: {
5468
- click: function (
5469
- $event
5470
- ) {
5471
- return _vm.instance.changeColumnOrder(
5472
- column
5473
- )
5474
- },
5475
- },
5476
- },
5477
- [
5478
- column.sortable &&
5479
- column.align ===
5480
- "right" &&
5481
- !_vm.instance.editing
5482
- ? _c(
5483
- "v-icon",
5484
- {
5485
- staticClass:
5486
- "zd-table-cell-sort-icon",
5487
- attrs: {
5488
- small: "",
5489
- },
5490
- },
5491
- [
5492
- _vm._v(
5493
- "\n " +
5494
- _vm._s(
5495
- _vm.$getIcon(
5496
- "chevronUp"
5497
- )
5498
- ) +
5499
- "\n "
5500
- ),
5501
- ]
5502
- )
5503
- : _vm._e(),
5504
- _vm._v(" "),
5505
- _vm.instance.datasource.findOrderIndex(
5506
- column.name
5507
- ) >= 0
5508
- ? _c(
5509
- "span",
5510
- {
5511
- staticClass:
5512
- "zd-table-cell-sort-order left",
5513
- },
5514
- [
5515
- _vm._v(
5516
- "\n " +
5517
- _vm._s(
5518
- _vm.instance.datasource.findOrderIndex(
5519
- column.name
5520
- ) + 1
5521
- ) +
5522
- "\n "
5523
- ),
5524
- ]
5525
- )
5526
- : _vm._e(),
5527
- ],
5528
- 1
5529
- )
5530
- : _vm._e(),
5531
- _vm._v(" "),
5532
- _c(
5533
- "span",
5534
- {
5535
- class: [
5536
- "zd-table-cell-name",
5537
- {
5538
- "overflow-hidden":
5539
- column.overflow ===
5540
- "hidden",
5541
- "overflow-wrap":
5542
- column.overflow ===
5543
- "wrap",
5544
- },
5545
- !isNaN(column.overflow)
5546
- ? "overflow-clamp overflow-clamp-" +
5547
- column.overflow
5548
- : "",
5549
- ],
5550
- on: {
5551
- click: function ($event) {
5552
- return _vm.instance.changeColumnOrder(
5553
- column
5554
- )
5555
- },
5556
- mouseenter: function (
5557
- $event
5558
- ) {
5559
- return _vm.checkOverflow(
5560
- $event
5561
- )
5562
- },
5563
- mouseleave: function (
5564
- $event
5565
- ) {
5566
- return _vm.removeTooltip()
5567
- },
5568
- },
5569
5361
  },
5570
- [
5571
- _vm._v(
5572
- _vm._s(
5573
- _vm.$t(column.label)
5574
- )
5575
- ),
5576
- column.aggregation
5577
- ? _c(
5578
- "span",
5579
- {
5580
- staticClass:
5581
- "tek-grid-column-aggregation",
5582
- },
5583
- [
5584
- _vm._v(
5585
- "(" +
5586
- _vm._s(
5587
- _vm.$t(
5588
- "TEKGRID_AGGREGATION_" +
5589
- column.aggregation
5590
- )
5591
- ) +
5592
- ")"
5593
- ),
5594
- ]
5595
- )
5596
- : _vm._e(),
5597
- ]
5598
- ),
5599
- _vm._v(" "),
5600
- column.sortable &&
5601
- column.align !== "right" &&
5602
- !_vm.instance.editing
5603
- ? _c(
5604
- "span",
5605
- {
5606
- staticClass:
5607
- "zd-table-cell-sort zd-ml-1",
5608
- on: {
5609
- click: function (
5610
- $event
5611
- ) {
5612
- return _vm.instance.changeColumnOrder(
5613
- column
5614
- )
5615
- },
5362
+ proxy: true,
5363
+ }
5364
+ : null,
5365
+ {
5366
+ key: "label",
5367
+ fn: function () {
5368
+ return [
5369
+ column.aggregation
5370
+ ? _c(
5371
+ "span",
5372
+ {
5373
+ staticClass:
5374
+ "tek-grid-column-aggregation",
5616
5375
  },
5617
- },
5618
- [
5619
- column.sortable &&
5620
- column.align !==
5621
- "right" &&
5622
- !_vm.instance.editing
5623
- ? _c(
5624
- "v-icon",
5625
- {
5626
- staticClass:
5627
- "zd-table-cell-sort-icon",
5628
- attrs: {
5629
- small: "",
5630
- },
5631
- },
5632
- [
5633
- _vm._v(
5634
- "\n " +
5635
- _vm._s(
5636
- _vm.$getIcon(
5637
- "chevronUp"
5638
- )
5639
- ) +
5640
- "\n "
5641
- ),
5642
- ]
5643
- )
5644
- : _vm._e(),
5645
- _vm._v(" "),
5646
- _vm.instance.datasource.findOrderIndex(
5647
- column.name
5648
- ) >= 0
5649
- ? _c(
5650
- "span",
5651
- {
5652
- staticClass:
5653
- "zd-table-cell-sort-order",
5654
- },
5655
- [
5656
- _vm._v(
5657
- "\n " +
5658
- _vm._s(
5659
- _vm.instance.datasource.findOrderIndex(
5660
- column.name
5661
- ) + 1
5662
- ) +
5663
- "\n "
5664
- ),
5665
- ]
5666
- )
5667
- : _vm._e(),
5668
- ],
5669
- 1
5670
- )
5671
- : _vm._e(),
5672
- ]
5673
- : [
5674
- _c(
5675
- "span",
5676
- {
5677
- staticClass:
5678
- "zd-table-cell-name",
5679
- },
5680
- [
5681
- _vm._v(
5682
- _vm._s(
5683
- _vm.$t(column.label)
5684
- )
5685
- ),
5686
- ]
5687
- ),
5688
- ],
5689
- _vm._v(" "),
5690
- _vm.instance.columnFilterButton &&
5691
- column.filterable
5692
- ? _c(
5693
- "span",
5694
- {
5695
- class: [
5696
- "tek-grid-column-filter-button",
5697
- {
5698
- "has-filter-data":
5699
- _vm.instance.columnHasFilterData(
5700
- column
5701
- ),
5702
- },
5703
- ],
5704
- },
5705
- [
5706
- _c(
5707
- "v-menu",
5708
- {
5709
- attrs: {
5710
- "offset-overflow": "",
5711
- "offset-y": "",
5712
- "min-width": 200,
5713
- transition:
5714
- "scale-transition",
5715
- "content-class":
5716
- "tek-grid-column-filter-menu",
5717
- "close-on-content-click": false,
5718
- },
5719
- scopedSlots: _vm._u(
5720
5376
  [
5721
- {
5722
- key: "activator",
5723
- fn: function (ref) {
5724
- var on = ref.on;
5725
- return [
5726
- _c(
5727
- "v-icon",
5728
- _vm._g(
5729
- {},
5730
- Object.assign(
5731
- {},
5732
- _vm.getFilterActivatorEvents(
5733
- on,
5734
- column
5735
- )
5736
- )
5737
- ),
5738
- [
5739
- _vm._v(
5740
- _vm._s(
5741
- _vm.$getIcon(
5742
- "filter"
5743
- )
5744
- )
5745
- ),
5746
- ]
5747
- ),
5748
- ]
5749
- },
5750
- },
5751
- ],
5752
- null,
5753
- true
5754
- ),
5755
- },
5756
- [
5757
- _vm._v(" "),
5758
- _vm._l(
5759
- _vm.getColumnFilterOptions(
5760
- column
5761
- ),
5762
- function (
5763
- item,
5764
- filterIndex
5765
- ) {
5766
- return _c(
5767
- "span",
5768
- {
5769
- key: filterIndex,
5770
- },
5771
- [
5772
- filterIndex > 0
5773
- ? _c(
5774
- "zd-radio",
5775
- _vm._b(
5776
- {
5777
- attrs: {
5778
- name:
5779
- _vm
5780
- .instance
5781
- .name +
5782
- "-" +
5783
- column.name +
5784
- "-filter-relation-" +
5785
- filterIndex,
5786
- },
5787
- },
5788
- "zd-radio",
5789
- {
5790
- showLabel: false,
5791
- showHelper: false,
5792
- vertical: false,
5793
- cssClass:
5794
- "zd-mb-2",
5795
- datasource:
5796
- _vm
5797
- .instance
5798
- .filterRelationsDatasource,
5799
- dataValue:
5800
- "value",
5801
- dataLabel:
5802
- "text",
5803
- value:
5804
- item.relation,
5805
- events:
5806
- {
5807
- change:
5808
- _vm.getFilterItemChange(
5809
- "relation",
5810
- column,
5811
- filterIndex
5812
- ),
5813
- },
5814
- },
5815
- false
5816
- )
5817
- )
5818
- : _vm._e(),
5819
- _vm._v(" "),
5820
- item.operation !==
5821
- undefined
5822
- ? _c(
5823
- "zd-select",
5824
- _vm._b(
5825
- {
5826
- attrs: {
5827
- name:
5828
- _vm
5829
- .instance
5830
- .name +
5831
- "-" +
5832
- column.name +
5833
- "-filter-operation-" +
5834
- filterIndex,
5835
- },
5836
- },
5837
- "zd-select",
5838
- {
5839
- autocomplete: false,
5840
- showLabel: false,
5841
- showHelper: false,
5842
- clearable: false,
5843
- cssClass:
5844
- "zd-mb-2",
5845
- datasource:
5846
- _vm
5847
- .instance
5848
- .filterOperationsDatasource,
5849
- dataValue:
5850
- "value",
5851
- dataText:
5852
- "text",
5853
- value:
5854
- item.operation,
5855
- events:
5856
- {
5857
- change:
5858
- _vm.getFilterItemChange(
5859
- "operation",
5860
- column,
5861
- filterIndex
5862
- ),
5863
- },
5864
- },
5865
- false
5866
- )
5867
- )
5868
- : _vm._e(),
5869
- _vm._v(" "),
5870
- _c(
5871
- _vm.getComponentType(
5872
- filterIndex
5873
- ) ||
5874
- column
5875
- .componentProps
5876
- .component,
5877
- _vm._b(
5878
- {
5879
- tag: "component",
5880
- attrs: {
5881
- name:
5882
- _vm
5883
- .instance
5884
- .name +
5885
- "-" +
5886
- column.name +
5887
- "-filter-value-" +
5888
- filterIndex,
5889
- },
5890
- },
5891
- "component",
5892
- Object.assign(
5893
- {},
5894
- column.componentProps,
5895
- {
5896
- showLabel: false,
5897
- showHelper: true,
5898
- autofill: false,
5899
- cssClass:
5900
- "zd-mb-2",
5901
- value:
5902
- item.value,
5903
- persistentHint: true,
5904
- hint: _vm.getComponentHint(
5905
- filterIndex
5906
- ),
5907
- events: {
5908
- input:
5909
- _vm.getFilterValueChange(
5910
- column,
5911
- filterIndex
5912
- ),
5913
- change:
5914
- _vm.getFilterValueChange(
5915
- column,
5916
- filterIndex
5917
- ),
5918
- },
5919
- }
5920
- ),
5921
- false
5377
+ _vm._v(
5378
+ "(" +
5379
+ _vm._s(
5380
+ _vm.$t(
5381
+ "TEKGRID_AGGREGATION_" +
5382
+ column.aggregation
5922
5383
  )
5384
+ ) +
5385
+ ")"
5386
+ ),
5387
+ ]
5388
+ )
5389
+ : _vm._e(),
5390
+ ]
5391
+ },
5392
+ proxy: true,
5393
+ },
5394
+ _vm.instance.columnFilterButton &&
5395
+ column.filterable
5396
+ ? {
5397
+ key: "append",
5398
+ fn: function () {
5399
+ return [
5400
+ _c(
5401
+ "tek-grid-column-filter",
5402
+ {
5403
+ attrs: {
5404
+ hasFilterData:
5405
+ _vm.instance.columnHasFilterData(
5406
+ column
5407
+ ),
5408
+ getFilterActivatorEvents:
5409
+ _vm.getFilterActivatorEvents,
5410
+ column: column,
5411
+ columnFilterOptions:
5412
+ _vm.getColumnFilterOptions(
5413
+ column
5923
5414
  ),
5924
- ],
5925
- 1
5926
- )
5415
+ instanceName:
5416
+ _vm.instance.name,
5417
+ filterRelationsDatasource:
5418
+ _vm.instance
5419
+ .filterRelationsDatasource,
5420
+ filterOperationsDatasource:
5421
+ _vm.instance
5422
+ .filterOperationsDatasource,
5423
+ getComponentHint:
5424
+ _vm.getComponentHint,
5425
+ getComponentType:
5426
+ _vm.getComponentType,
5427
+ },
5428
+ on: {
5429
+ itemChange:
5430
+ function (
5431
+ $event
5432
+ ) {
5433
+ return _vm.getFilterItemChange(
5434
+ $event.type,
5435
+ column,
5436
+ $event.filterIndex
5437
+ )
5438
+ },
5439
+ valueChange:
5440
+ function (
5441
+ $event
5442
+ ) {
5443
+ return _vm.getFilterValueChange(
5444
+ column,
5445
+ $event.filterIndex
5446
+ )
5447
+ },
5448
+ },
5927
5449
  }
5928
5450
  ),
5929
- ],
5930
- 2
5931
- ),
5932
- ],
5933
- 1
5934
- )
5935
- : _vm._e(),
5936
- _vm._v(" "),
5937
- _vm.instance.resizeColumns
5938
- ? _c(
5939
- "span",
5940
- {
5941
- staticClass:
5942
- "zd-grid-resize-handle",
5943
- on: {
5944
- mousedown: function (
5945
- $event
5946
- ) {
5947
- return _vm.resizeMouseDownHandler(
5948
- column,
5949
- $event
5950
- )
5951
- },
5952
- click:
5953
- _vm.resizeClickHandler,
5451
+ ]
5954
5452
  },
5955
- },
5956
- [_vm._v("‖")]
5957
- )
5958
- : _vm._e(),
5959
- ],
5960
- 2
5961
- ),
5962
- ]
5453
+ proxy: true,
5454
+ }
5455
+ : null,
5456
+ ],
5457
+ null,
5458
+ true
5459
+ ),
5460
+ }),
5461
+ ],
5462
+ 1
5963
5463
  )
5964
5464
  : _vm._e(),
5965
5465
  ]
@@ -6726,7 +6226,7 @@ __vue_render__$c._withStripped = true;
6726
6226
  /* style */
6727
6227
  const __vue_inject_styles__$c = function (inject) {
6728
6228
  if (!inject) return
6729
- inject("data-v-78e28f17_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 });
6229
+ inject("data-v-f4443010_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 });
6730
6230
 
6731
6231
  };
6732
6232
  /* scoped */
@@ -8441,579 +7941,123 @@ var __vue_render__$2 = function () {
8441
7941
  },
8442
7942
  },
8443
7943
  [
8444
- _c(
8445
- "span",
8446
- {
8447
- staticClass: "zd-table-header-cell",
8448
- style: {
7944
+ _c("zd-grid-column-header", {
7945
+ attrs: {
7946
+ cssStyle: {
8449
7947
  width:
8450
7948
  _vm.setSpanWidth(column) ||
8451
7949
  "100%",
8452
7950
  color:
8453
7951
  _vm.instance.headerCellTextColor,
8454
7952
  },
7953
+ action: column.type === "action",
7954
+ overflow: column.overflow,
7955
+ helperText: column.helperText,
7956
+ label: column.label,
7957
+ columnAlign: column.align,
7958
+ orderIndex:
7959
+ _vm.instance.datasource.findOrderIndex(
7960
+ column.name
7961
+ ),
7962
+ showSort:
7963
+ column.sortable &&
7964
+ !_vm.instance.editing,
7965
+ resizeColumns:
7966
+ _vm.instance.resizeColumns,
8455
7967
  },
8456
- [
8457
- column.type !== "action"
8458
- ? [
8459
- column.sortable &&
8460
- column.align === "right"
8461
- ? _c(
8462
- "span",
8463
- {
8464
- staticClass:
8465
- "zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
8466
- on: {
8467
- click: function (
8468
- $event
8469
- ) {
8470
- return _vm.instance.changeColumnOrder(
8471
- column
8472
- )
8473
- },
8474
- },
8475
- },
8476
- [
8477
- column.sortable &&
8478
- column.align === "right"
8479
- ? _c(
8480
- "v-icon",
8481
- {
8482
- staticClass:
8483
- "zd-table-cell-sort-icon",
8484
- attrs: {
8485
- small: "",
8486
- },
8487
- },
8488
- [
8489
- _vm._v(
8490
- "\n " +
8491
- _vm._s(
8492
- _vm.$getIcon(
8493
- "chevronUp"
8494
- )
8495
- ) +
8496
- "\n "
8497
- ),
8498
- ]
8499
- )
8500
- : _vm._e(),
8501
- _vm._v(" "),
8502
- _vm.instance.datasource.findOrderIndex(
8503
- column.name
8504
- ) >= 0
8505
- ? _c(
8506
- "span",
8507
- {
8508
- staticClass:
8509
- "zd-table-cell-sort-order left",
8510
- },
8511
- [
8512
- _vm._v(
8513
- "\n " +
8514
- _vm._s(
8515
- _vm.instance.datasource.findOrderIndex(
8516
- column.name
8517
- ) + 1
8518
- ) +
8519
- "\n "
8520
- ),
8521
- ]
8522
- )
8523
- : _vm._e(),
8524
- ],
8525
- 1
8526
- )
8527
- : _vm._e(),
8528
- _vm._v(" "),
8529
- _c(
8530
- "span",
8531
- {
8532
- class: [
8533
- "zd-table-cell-name",
8534
- {
8535
- "overflow-hidden":
8536
- column.overflow ===
8537
- "hidden",
8538
- "overflow-wrap":
8539
- column.overflow ===
8540
- "wrap",
8541
- },
8542
- !isNaN(column.overflow)
8543
- ? "overflow-clamp overflow-clamp-" +
8544
- column.overflow
8545
- : "",
8546
- ],
8547
- on: {
8548
- click: function ($event) {
8549
- return _vm.instance.changeColumnOrder(
8550
- column
8551
- )
8552
- },
8553
- mouseenter: function (
8554
- $event
8555
- ) {
8556
- return _vm.checkOverflow(
8557
- $event
8558
- )
8559
- },
8560
- mouseleave: function (
8561
- $event
8562
- ) {
8563
- return _vm.removeTooltip()
8564
- },
8565
- },
8566
- },
8567
- [
8568
- _vm._v(
8569
- _vm._s(
8570
- _vm.$t(column.label)
8571
- )
8572
- ),
8573
- ]
8574
- ),
8575
- _vm._v(" "),
8576
- column.helperText
8577
- ? [
7968
+ on: {
7969
+ click: function ($event) {
7970
+ return _vm.instance.changeColumnOrder(
7971
+ column
7972
+ )
7973
+ },
7974
+ labelMouseenter: function ($event) {
7975
+ return _vm.checkOverflow($event)
7976
+ },
7977
+ labelMouseleave: function ($event) {
7978
+ return _vm.removeTooltip()
7979
+ },
7980
+ resizeMousedown: function ($event) {
7981
+ return _vm.resizeMouseDownHandler(
7982
+ column,
7983
+ $event
7984
+ )
7985
+ },
7986
+ resizeClick: _vm.resizeClickHandler,
7987
+ },
7988
+ scopedSlots: _vm._u(
7989
+ [
7990
+ _vm.instance.columnFilterButton &&
7991
+ column.filterable
7992
+ ? {
7993
+ key: "append",
7994
+ fn: function () {
7995
+ return [
8578
7996
  _c(
8579
- "v-tooltip",
7997
+ "tek-grid-column-filter",
8580
7998
  {
8581
7999
  attrs: {
8582
- top: "",
8583
- openOnClick: false,
8000
+ hasFilterData:
8001
+ _vm.instance.columnHasFilterData(
8002
+ column
8003
+ ),
8004
+ getFilterActivatorEvents:
8005
+ _vm.getFilterActivatorEvents,
8006
+ column: column,
8007
+ columnFilterOptions:
8008
+ _vm.getColumnFilterOptions(
8009
+ column
8010
+ ),
8011
+ instanceName:
8012
+ _vm.instance.name,
8013
+ filterRelationsDatasource:
8014
+ _vm.instance
8015
+ .filterRelationsDatasource,
8016
+ filterOperationsDatasource:
8017
+ _vm.instance
8018
+ .filterOperationsDatasource,
8019
+ getComponentHint:
8020
+ _vm.getComponentHint,
8021
+ getComponentType:
8022
+ _vm.getComponentType,
8584
8023
  },
8585
- scopedSlots: _vm._u(
8586
- [
8587
- {
8588
- key: "activator",
8589
- fn: function (
8590
- ref
8591
- ) {
8592
- var on =
8593
- ref.on;
8594
- var attrs =
8595
- ref.attrs;
8596
- return [
8597
- _c(
8598
- "v-icon",
8599
- _vm._g(
8600
- _vm._b(
8601
- {
8602
- attrs:
8603
- {
8604
- size: "13px",
8605
- color:
8606
- "primary",
8607
- right:
8608
- "",
8609
- left: "",
8610
- dark: "",
8611
- dense:
8612
- "",
8613
- },
8614
- },
8615
- "v-icon",
8616
- attrs,
8617
- false
8618
- ),
8619
- on
8620
- ),
8621
- [
8622
- _vm._v(
8623
- "\n " +
8624
- _vm._s(
8625
- _vm.$getIcon(
8626
- "infoOutline"
8627
- )
8628
- ) +
8629
- "\n "
8630
- ),
8631
- ]
8632
- ),
8633
- ]
8634
- },
8635
- },
8636
- ],
8637
- null,
8638
- true
8639
- ),
8640
- },
8641
- [
8642
- _vm._v(" "),
8643
- _c("span", [
8644
- _vm._v(
8645
- _vm._s(
8646
- _vm.$t(
8647
- column.helperText
8024
+ on: {
8025
+ itemChange:
8026
+ function (
8027
+ $event
8028
+ ) {
8029
+ return _vm.getFilterItemChange(
8030
+ $event.type,
8031
+ column,
8032
+ $event.filterIndex,
8033
+ $event.params
8648
8034
  )
8649
- )
8650
- ),
8651
- ]),
8652
- ]
8653
- ),
8654
- ]
8655
- : _vm._e(),
8656
- _vm._v(" "),
8657
- column.sortable &&
8658
- column.align !== "right"
8659
- ? _c(
8660
- "span",
8661
- {
8662
- staticClass:
8663
- "zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
8664
- on: {
8665
- click: function (
8666
- $event
8667
- ) {
8668
- return _vm.instance.changeColumnOrder(
8669
- column
8670
- )
8671
- },
8672
- },
8673
- },
8674
- [
8675
- column.sortable &&
8676
- column.align !== "right"
8677
- ? _c(
8678
- "v-icon",
8679
- {
8680
- staticClass:
8681
- "zd-table-cell-sort-icon",
8682
- attrs: {
8683
- small: "",
8684
- },
8685
8035
  },
8686
- [
8687
- _vm._v(
8688
- "\n " +
8689
- _vm._s(
8690
- _vm.$getIcon(
8691
- "chevronUp"
8692
- )
8693
- ) +
8694
- "\n "
8695
- ),
8696
- ]
8697
- )
8698
- : _vm._e(),
8699
- _vm._v(" "),
8700
- _vm.instance.datasource.findOrderIndex(
8701
- column.name
8702
- ) >= 0
8703
- ? _c(
8704
- "span",
8705
- {
8706
- staticClass:
8707
- "zd-table-cell-sort-order",
8036
+ valueChange:
8037
+ function (
8038
+ $event
8039
+ ) {
8040
+ return _vm.getFilterValueChange(
8041
+ column,
8042
+ $event.filterIndex,
8043
+ $event.params
8044
+ )
8708
8045
  },
8709
- [
8710
- _vm._v(
8711
- "\n " +
8712
- _vm._s(
8713
- _vm.instance.datasource.findOrderIndex(
8714
- column.name
8715
- ) + 1
8716
- ) +
8717
- "\n "
8718
- ),
8719
- ]
8720
- )
8721
- : _vm._e(),
8722
- ],
8723
- 1
8724
- )
8725
- : _vm._e(),
8726
- ]
8727
- : [
8728
- _c(
8729
- "span",
8730
- {
8731
- staticClass:
8732
- "zd-table-cell-name",
8733
- },
8734
- [
8735
- _vm._v(
8736
- _vm._s(
8737
- _vm.$t(column.label)
8738
- )
8739
- ),
8740
- ]
8741
- ),
8742
- ],
8743
- _vm._v(" "),
8744
- _vm.instance.columnFilterButton &&
8745
- column.filterable
8746
- ? _c(
8747
- "span",
8748
- {
8749
- class: [
8750
- "tek-grid-column-filter-button",
8751
- {
8752
- "has-filter-data":
8753
- _vm.instance.columnHasFilterData(
8754
- column
8755
- ),
8756
- },
8757
- ],
8758
- },
8759
- [
8760
- _c(
8761
- "v-menu",
8762
- {
8763
- attrs: {
8764
- "offset-overflow": "",
8765
- "offset-y": "",
8766
- "min-width": 200,
8767
- transition:
8768
- "scale-transition",
8769
- "content-class":
8770
- "tek-grid-column-filter-menu",
8771
- "close-on-content-click": false,
8772
- },
8773
- scopedSlots: _vm._u(
8774
- [
8775
- {
8776
- key: "activator",
8777
- fn: function (ref) {
8778
- var on = ref.on;
8779
- return [
8780
- _c(
8781
- "v-icon",
8782
- _vm._g(
8783
- {},
8784
- Object.assign(
8785
- {},
8786
- _vm.getFilterActivatorEvents(
8787
- on,
8788
- column
8789
- )
8790
- )
8791
- ),
8792
- [
8793
- _vm._v(
8794
- _vm._s(
8795
- _vm.$getIcon(
8796
- "filter"
8797
- )
8798
- )
8799
- ),
8800
- ]
8801
- ),
8802
- ]
8803
- },
8804
8046
  },
8805
- ],
8806
- null,
8807
- true
8808
- ),
8809
- },
8810
- [
8811
- _vm._v(" "),
8812
- _vm._l(
8813
- _vm.getColumnFilterOptions(
8814
- column
8815
- ),
8816
- function (
8817
- item,
8818
- filterIndex
8819
- ) {
8820
- return _c(
8821
- "span",
8822
- {
8823
- key: filterIndex,
8824
- },
8825
- [
8826
- filterIndex > 0
8827
- ? _c(
8828
- "zd-radio",
8829
- _vm._b(
8830
- {
8831
- attrs: {
8832
- name:
8833
- _vm
8834
- .instance
8835
- .name +
8836
- "-" +
8837
- column.name +
8838
- "-filter-relation-" +
8839
- filterIndex,
8840
- },
8841
- },
8842
- "zd-radio",
8843
- {
8844
- showLabel: false,
8845
- showHelper: false,
8846
- vertical: false,
8847
- cssClass:
8848
- "zd-mb-2",
8849
- datasource:
8850
- _vm
8851
- .instance
8852
- .filterRelationsDatasource,
8853
- dataValue:
8854
- "value",
8855
- dataLabel:
8856
- "text",
8857
- value:
8858
- item.relation,
8859
- events:
8860
- {
8861
- change:
8862
- _vm.getFilterItemChange(
8863
- "relation",
8864
- column,
8865
- filterIndex
8866
- ),
8867
- },
8868
- },
8869
- false
8870
- )
8871
- )
8872
- : _vm._e(),
8873
- _vm._v(" "),
8874
- item.operation !==
8875
- undefined
8876
- ? _c(
8877
- "zd-select",
8878
- _vm._b(
8879
- {
8880
- attrs: {
8881
- name:
8882
- _vm
8883
- .instance
8884
- .name +
8885
- "-" +
8886
- column.name +
8887
- "-filter-operation-" +
8888
- filterIndex,
8889
- },
8890
- },
8891
- "zd-select",
8892
- {
8893
- autocomplete: false,
8894
- showLabel: false,
8895
- showHelper: false,
8896
- clearable: false,
8897
- cssClass:
8898
- "zd-mb-2",
8899
- datasource:
8900
- _vm
8901
- .instance
8902
- .filterOperationsDatasource,
8903
- dataValue:
8904
- "value",
8905
- dataText:
8906
- "text",
8907
- value:
8908
- item.operation,
8909
- events:
8910
- {
8911
- change:
8912
- _vm.getFilterItemChange(
8913
- "operation",
8914
- column,
8915
- filterIndex
8916
- ),
8917
- },
8918
- },
8919
- false
8920
- )
8921
- )
8922
- : _vm._e(),
8923
- _vm._v(" "),
8924
- _c(
8925
- _vm.getComponentType(
8926
- filterIndex
8927
- ) ||
8928
- column
8929
- .componentProps
8930
- .component,
8931
- _vm._b(
8932
- {
8933
- tag: "component",
8934
- attrs: {
8935
- name:
8936
- _vm
8937
- .instance
8938
- .name +
8939
- "-" +
8940
- column.name +
8941
- "-filter-value-" +
8942
- filterIndex,
8943
- },
8944
- },
8945
- "component",
8946
- Object.assign(
8947
- {},
8948
- column.componentProps,
8949
- {
8950
- showLabel: false,
8951
- showHelper: true,
8952
- autofill: false,
8953
- cssClass:
8954
- "zd-mb-2",
8955
- value:
8956
- item.value,
8957
- persistentHint: true,
8958
- hint: _vm.getComponentHint(
8959
- filterIndex
8960
- ),
8961
- events: {
8962
- input:
8963
- _vm.getFilterValueChange(
8964
- column,
8965
- filterIndex
8966
- ),
8967
- change:
8968
- _vm.getFilterValueChange(
8969
- column,
8970
- filterIndex
8971
- ),
8972
- },
8973
- }
8974
- ),
8975
- false
8976
- )
8977
- ),
8978
- ],
8979
- 1
8980
- )
8981
8047
  }
8982
8048
  ),
8983
- ],
8984
- 2
8985
- ),
8986
- ],
8987
- 1
8988
- )
8989
- : _vm._e(),
8990
- _vm._v(" "),
8991
- _vm.instance.resizeColumns
8992
- ? _c(
8993
- "span",
8994
- {
8995
- staticClass:
8996
- "zd-grid-resize-handle",
8997
- on: {
8998
- mousedown: function (
8999
- $event
9000
- ) {
9001
- return _vm.resizeMouseDownHandler(
9002
- column,
9003
- $event
9004
- )
9005
- },
9006
- click:
9007
- _vm.resizeClickHandler,
8049
+ ]
9008
8050
  },
9009
- },
9010
- [_vm._v("‖")]
9011
- )
9012
- : _vm._e(),
9013
- ],
9014
- 2
9015
- ),
9016
- ]
8051
+ proxy: true,
8052
+ }
8053
+ : null,
8054
+ ],
8055
+ null,
8056
+ true
8057
+ ),
8058
+ }),
8059
+ ],
8060
+ 1
9017
8061
  )
9018
8062
  : _vm._e(),
9019
8063
  ]
@@ -9471,7 +8515,7 @@ __vue_render__$2._withStripped = true;
9471
8515
  /* style */
9472
8516
  const __vue_inject_styles__$2 = function (inject) {
9473
8517
  if (!inject) return
9474
- inject("data-v-ec64a1f4_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 });
8518
+ inject("data-v-00896b35_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 });
9475
8519
 
9476
8520
  };
9477
8521
  /* scoped */
@@ -9632,15 +8676,17 @@ __vue_render__._withStripped = true;
9632
8676
  );
9633
8677
 
9634
8678
  const components = {
9635
- TekBreadcrumbHeader: __vue_component__$l,
9636
- TekCardTitle: __vue_component__$k,
9637
- TekCrudAddButton: __vue_component__$j,
9638
- TekCrudCancelButton: __vue_component__$i,
9639
- TekCrudDeleteButton: __vue_component__$h,
9640
- TekCrudForm: __vue_component__$g,
9641
- TekCrudSaveButton: __vue_component__$f,
9642
- TekGrid: __vue_component__$e,
9643
- TekGridCellIdentation: __vue_component__$d,
8679
+ TekBreadcrumbHeader: __vue_component__$n,
8680
+ TekCardTitle: __vue_component__$m,
8681
+ TekCrudAddButton: __vue_component__$l,
8682
+ TekCrudCancelButton: __vue_component__$k,
8683
+ TekCrudDeleteButton: __vue_component__$j,
8684
+ TekCrudForm: __vue_component__$i,
8685
+ TekCrudSaveButton: __vue_component__$h,
8686
+ TekGrid: __vue_component__$g,
8687
+ TekGridCellIdentation: __vue_component__$f,
8688
+ TekGridHeaderIndentation: __vue_component__$e,
8689
+ TekGridColumnFilter: __vue_component__$d,
9644
8690
  TekDragGrid: __vue_component__$c,
9645
8691
  TekGridColumnsButton: __vue_component__$b,
9646
8692
  TekGridFilterButton: __vue_component__$a,
@@ -9677,4 +8723,4 @@ const TeknisaComponents = {
9677
8723
  const packageContent = require('../package.json');
9678
8724
  VersionService.addPackageVersion(packageContent.name, packageContent.version);
9679
8725
 
9680
- 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 };
8726
+ export { script$m as TekBreadcrumbHeader, script$l as TekCardTitle, script$k as TekCrudAddButton, script$j as TekCrudCancelButton, script$i as TekCrudDeleteButton, script$h as TekCrudForm, script$g as TekCrudSaveButton, script$3 as TekDragGrid, TekGrid$2 as TekGrid, script$f as TekGridCellIdentation, script$d as TekGridColumnFilter, script$c as TekGridColumnsButton, script$b as TekGridFilterButton, script$e as TekGridHeaderIndentation, 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 };