@zeedhi/teknisa-components-vuetify 1.95.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 (10) hide show
  1. package/dist/tek-components-vuetify.esm.js +915 -1851
  2. package/dist/tek-components-vuetify.umd.js +928 -1862
  3. package/dist/tek-style.css +7 -5812
  4. package/package.json +2 -2
  5. package/types/components/public.d.ts +3 -1
  6. package/types/components/tek-grid/TekGrid.d.ts +7 -6
  7. package/types/components/tek-grid/TekGridFilterButton.d.ts +1 -0
  8. package/types/components/tek-grid/subcomponents/TekGridColumnFilter.d.ts +16 -0
  9. package/types/components/tek-grid/subcomponents/TekGridHeaderIndentation.d.ts +5 -0
  10. package/types/components/tek-tree-grid/TekTreeGrid.d.ts +6 -6
package/dist/tek-components-vuetify.umd.js CHANGED
@@ -1,13 +1,14 @@
1
1
  (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/common'), require('@zeedhi/zd-user-info-vue'), require('@zeedhi/core'), require('vue-property-decorator'), require('@zeedhi/teknisa-components-common'), require('@zeedhi/vuetify'), require('lodash.debounce'), require('vue'), require('@zeedhi/zd-drag-grid-vue'), require('vuedraggable'), require('sortablejs'), require('lodash.clonedeep'), require('@zeedhi/zd-drag-grid-vue/dist/drag-grid-style.css')) :
3
- typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/common', '@zeedhi/zd-user-info-vue', '@zeedhi/core', 'vue-property-decorator', '@zeedhi/teknisa-components-common', '@zeedhi/vuetify', 'lodash.debounce', 'vue', '@zeedhi/zd-drag-grid-vue', 'vuedraggable', 'sortablejs', 'lodash.clonedeep', '@zeedhi/zd-drag-grid-vue/dist/drag-grid-style.css'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/teknisa-components-vuetify"] = {}, global.common, global["@zeedhi/zd-user-info-vue"], global.core, global["vue-property-decorator"], global["@zeedhi/teknisa-components-common"], global.vuetify, global.lodash.debounce, global.vue, global["@zeedhi/zd-drag-grid-vue"], global.vuedraggable, global.sortablejs, global.lodash.clonedeep));
5
- })(this, (function (exports, common, zdUserInfoVue, core, vuePropertyDecorator, teknisaComponentsCommon, vuetify, debounce, Vue, zdDragGridVue, draggable, Sortable, cloneDeep) { 'use strict';
2
+ typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/common'), require('@zeedhi/zd-user-info-vue'), require('@zeedhi/core'), require('vue-property-decorator'), require('@zeedhi/teknisa-components-common'), require('@zeedhi/vuetify'), require('lodash.debounce'), require('vue'), require('vue-class-component'), require('@zeedhi/zd-drag-grid-vue'), require('vuedraggable'), require('sortablejs'), require('lodash.clonedeep'), require('@zeedhi/zd-drag-grid-vue/dist/drag-grid-style.css')) :
3
+ typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/common', '@zeedhi/zd-user-info-vue', '@zeedhi/core', 'vue-property-decorator', '@zeedhi/teknisa-components-common', '@zeedhi/vuetify', 'lodash.debounce', 'vue', 'vue-class-component', '@zeedhi/zd-drag-grid-vue', 'vuedraggable', 'sortablejs', 'lodash.clonedeep', '@zeedhi/zd-drag-grid-vue/dist/drag-grid-style.css'], factory) :
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/teknisa-components-vuetify"] = {}, global.common, global["@zeedhi/zd-user-info-vue"], global.core, global["vue-property-decorator"], global["@zeedhi/teknisa-components-common"], global.vuetify, global.lodash.debounce, global.vue, global["vue-class-component"], global["@zeedhi/zd-drag-grid-vue"], global.vuedraggable, global.sortablejs, global.lodash.clonedeep));
5
+ })(this, (function (exports, common, zdUserInfoVue, core, vuePropertyDecorator, teknisaComponentsCommon, vuetify, debounce, Vue, Component, zdDragGridVue, draggable, Sortable, cloneDeep) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
9
9
  var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
10
10
  var Vue__default = /*#__PURE__*/_interopDefaultLegacy(Vue);
11
+ var Component__default = /*#__PURE__*/_interopDefaultLegacy(Component);
11
12
  var draggable__default = /*#__PURE__*/_interopDefaultLegacy(draggable);
12
13
  var Sortable__default = /*#__PURE__*/_interopDefaultLegacy(Sortable);
13
14
  var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
@@ -55,7 +56,7 @@
55
56
  TekBreadcrumbHeader = __decorate([
56
57
  vuePropertyDecorator.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 @@
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 @@
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 @@
324
325
  TekCardTitle = __decorate([
325
326
  vuePropertyDecorator.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 @@
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 @@
525
526
  TekCrudAddButton = __decorate([
526
527
  vuePropertyDecorator.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 @@
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 @@
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 @@
649
650
  TekCrudCancelButton = __decorate([
650
651
  vuePropertyDecorator.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 @@
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 @@
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 @@
779
780
  TekCrudDeleteButton = __decorate([
780
781
  vuePropertyDecorator.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 @@
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 @@
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 @@
894
895
  TekCrudForm = __decorate([
895
896
  vuePropertyDecorator.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 @@
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 @@
1038
1039
  TekCrudSaveButton = __decorate([
1039
1040
  vuePropertyDecorator.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 @@
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 @@
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 @@
1163
1164
  datasource.get();
1164
1165
  }
1165
1166
  }, 500);
1167
+ this.debouncedFilterChange = debounce__default["default"]((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 @@
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__default["default"](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);
@@ -1616,6 +1618,12 @@
1616
1618
  __decorate([
1617
1619
  vuetify.PropWatch({ type: [String, Boolean], default: true })
1618
1620
  ], TekGrid$1.prototype, "mainGrid", void 0);
1621
+ __decorate([
1622
+ vuetify.PropWatch({
1623
+ type: [String, Boolean],
1624
+ default: core.Config.gridShowCheckboxAllFilter,
1625
+ })
1626
+ ], TekGrid$1.prototype, "showCheckboxAllFilter", void 0);
1619
1627
  __decorate([
1620
1628
  vuePropertyDecorator.Prop({
1621
1629
  type: Array,
@@ -1633,10 +1641,10 @@
1633
1641
  var TekGrid$2 = TekGrid$1;
1634
1642
 
1635
1643
  /* script */
1636
- const __vue_script__$e = TekGrid$2;
1644
+ const __vue_script__$g = TekGrid$2;
1637
1645
 
1638
1646
  /* template */
1639
- var __vue_render__$e = function () {
1647
+ var __vue_render__$g = function () {
1640
1648
  var _vm = this;
1641
1649
  var _h = _vm.$createElement;
1642
1650
  var _c = _vm._self._c || _h;
@@ -1666,7 +1674,9 @@
1666
1674
  maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
1667
1675
  minWidth: _vm.$formatSize(_vm.instance.minWidth),
1668
1676
  "--overflow-y-style":
1669
- _vm.instance.height !== "auto" || _vm.instance.maxHeight !== "auto"
1677
+ _vm.instance.height !== "auto" ||
1678
+ _vm.instance.maxHeight !== "auto" ||
1679
+ _vm.instance.fillHeight
1670
1680
  ? "auto"
1671
1681
  : "hidden",
1672
1682
  },
@@ -1849,629 +1859,179 @@
1849
1859
  },
1850
1860
  },
1851
1861
  [
1852
- _c(
1853
- "span",
1854
- {
1855
- staticClass: "zd-table-header-cell",
1856
- style: {
1862
+ _c("zd-grid-column-header", {
1863
+ attrs: {
1864
+ cssStyle: {
1857
1865
  width:
1858
1866
  _vm.setSpanWidth(column) ||
1859
1867
  "100%",
1860
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,
1861
1883
  },
1862
- [
1863
- column.type !== "action"
1864
- ? [
1865
- index === 0 &&
1866
- _vm.instance.groupColumnNames
1867
- .length > 0
1868
- ? _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(
1869
1913
  _vm.instance
1870
1914
  .groupColumnNames,
1871
1915
  function (
1872
1916
  name,
1873
1917
  groupIndex
1874
1918
  ) {
1875
- return _c("span", {
1876
- key: name,
1877
- class: [
1878
- "tek-grid-header-group-identation",
1879
- {
1880
- "first-group":
1881
- groupIndex ===
1882
- 0,
1919
+ return _c(
1920
+ "tek-grid-header-indentation",
1921
+ {
1922
+ attrs: {
1923
+ name: name,
1924
+ groupIndex:
1925
+ groupIndex,
1883
1926
  },
1884
- ],
1885
- })
1927
+ }
1928
+ )
1886
1929
  }
1887
1930
  )
1888
- : _vm._e(),
1889
- _vm._v(" "),
1890
- column.sortable &&
1891
- column.align === "right" &&
1892
- !_vm.instance.editing
1893
- ? _c(
1894
- "span",
1895
- {
1896
- staticClass:
1897
- "zd-table-cell-sort zd-mr-1",
1898
- on: {
1899
- click: function (
1900
- $event
1901
- ) {
1902
- return _vm.instance.changeColumnOrder(
1903
- column
1904
- )
1905
- },
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",
1906
1945
  },
1907
- },
1908
- [
1909
- column.sortable &&
1910
- column.align ===
1911
- "right" &&
1912
- !_vm.instance.editing
1913
- ? _c(
1914
- "v-icon",
1915
- {
1916
- staticClass:
1917
- "zd-table-cell-sort-icon",
1918
- attrs: {
1919
- small: "",
1920
- },
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
+ )
1921
2009
  },
1922
- [
1923
- _vm._v(
1924
- "\n " +
1925
- _vm._s(
1926
- _vm.$getIcon(
1927
- "chevronUp"
1928
- )
1929
- ) +
1930
- "\n "
1931
- ),
1932
- ]
1933
- )
1934
- : _vm._e(),
1935
- _vm._v(" "),
1936
- _vm.instance.datasource.findOrderIndex(
1937
- column.name
1938
- ) >= 0
1939
- ? _c(
1940
- "span",
1941
- {
1942
- staticClass:
1943
- "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
+ )
1944
2019
  },
1945
- [
1946
- _vm._v(
1947
- "\n " +
1948
- _vm._s(
1949
- _vm.instance.datasource.findOrderIndex(
1950
- column.name
1951
- ) + 1
1952
- ) +
1953
- "\n "
1954
- ),
1955
- ]
1956
- )
1957
- : _vm._e(),
1958
- ],
1959
- 1
1960
- )
1961
- : _vm._e(),
1962
- _vm._v(" "),
1963
- _c(
1964
- "span",
1965
- {
1966
- class: [
1967
- "zd-table-cell-name",
1968
- {
1969
- "overflow-hidden":
1970
- column.overflow ===
1971
- "hidden",
1972
- "overflow-wrap":
1973
- column.overflow ===
1974
- "wrap",
1975
- },
1976
- !isNaN(column.overflow)
1977
- ? "overflow-clamp overflow-clamp-" +
1978
- column.overflow
1979
- : "",
1980
- ],
1981
- on: {
1982
- click: function ($event) {
1983
- return _vm.instance.changeColumnOrder(
1984
- column
1985
- )
1986
- },
1987
- mouseenter: function (
1988
- $event
1989
- ) {
1990
- return _vm.checkOverflow(
1991
- $event
1992
- )
1993
- },
1994
- mouseleave: function (
1995
- $event
1996
- ) {
1997
- return _vm.removeTooltip()
1998
- },
1999
- },
2000
- },
2001
- [
2002
- _vm._v(
2003
- _vm._s(
2004
- _vm.$t(column.label)
2005
- )
2006
- ),
2007
- column.aggregation
2008
- ? _c(
2009
- "span",
2010
- {
2011
- staticClass:
2012
- "tek-grid-column-aggregation",
2013
- },
2014
- [
2015
- _vm._v(
2016
- "(" +
2017
- _vm._s(
2018
- _vm.$t(
2019
- "TEKGRID_AGGREGATION_" +
2020
- column.aggregation
2021
- )
2022
- ) +
2023
- ")"
2024
- ),
2025
- ]
2026
- )
2027
- : _vm._e(),
2028
- ]
2029
- ),
2030
- _vm._v(" "),
2031
- column.helperText
2032
- ? [
2033
- _c(
2034
- "v-tooltip",
2035
- {
2036
- attrs: {
2037
- top: "",
2038
- openOnClick: false,
2039
- },
2040
- scopedSlots: _vm._u(
2041
- [
2042
- {
2043
- key: "activator",
2044
- fn: function (
2045
- ref
2046
- ) {
2047
- var on =
2048
- ref.on;
2049
- var attrs =
2050
- ref.attrs;
2051
- return [
2052
- _c(
2053
- "v-icon",
2054
- _vm._g(
2055
- _vm._b(
2056
- {
2057
- attrs:
2058
- {
2059
- size: "13px",
2060
- color:
2061
- "primary",
2062
- right:
2063
- "",
2064
- left: "",
2065
- dark: "",
2066
- dense:
2067
- "",
2068
- },
2069
- },
2070
- "v-icon",
2071
- attrs,
2072
- false
2073
- ),
2074
- on
2075
- ),
2076
- [
2077
- _vm._v(
2078
- "\n " +
2079
- _vm._s(
2080
- _vm.$getIcon(
2081
- "infoOutline"
2082
- )
2083
- ) +
2084
- "\n "
2085
- ),
2086
- ]
2087
- ),
2088
- ]
2089
- },
2090
- },
2091
- ],
2092
- null,
2093
- true
2094
- ),
2095
- },
2096
- [
2097
- _vm._v(" "),
2098
- _c("span", [
2099
- _vm._v(
2100
- _vm._s(
2101
- _vm.$t(
2102
- column.helperText
2103
- )
2104
- )
2105
- ),
2106
- ]),
2107
- ]
2108
- ),
2109
- ]
2110
- : _vm._e(),
2111
- _vm._v(" "),
2112
- column.sortable &&
2113
- column.align !== "right" &&
2114
- !_vm.instance.editing
2115
- ? _c(
2116
- "span",
2117
- {
2118
- staticClass:
2119
- "zd-table-cell-sort zd-ml-1",
2120
- on: {
2121
- click: function (
2122
- $event
2123
- ) {
2124
- return _vm.instance.changeColumnOrder(
2125
- column
2126
- )
2127
2020
  },
2128
- },
2129
- },
2130
- [
2131
- column.sortable &&
2132
- column.align !==
2133
- "right" &&
2134
- !_vm.instance.editing
2135
- ? _c(
2136
- "v-icon",
2137
- {
2138
- staticClass:
2139
- "zd-table-cell-sort-icon",
2140
- attrs: {
2141
- small: "",
2142
- },
2143
- },
2144
- [
2145
- _vm._v(
2146
- "\n " +
2147
- _vm._s(
2148
- _vm.$getIcon(
2149
- "chevronUp"
2150
- )
2151
- ) +
2152
- "\n "
2153
- ),
2154
- ]
2155
- )
2156
- : _vm._e(),
2157
- _vm._v(" "),
2158
- _vm.instance.datasource.findOrderIndex(
2159
- column.name
2160
- ) >= 0
2161
- ? _c(
2162
- "span",
2163
- {
2164
- staticClass:
2165
- "zd-table-cell-sort-order",
2166
- },
2167
- [
2168
- _vm._v(
2169
- "\n " +
2170
- _vm._s(
2171
- _vm.instance.datasource.findOrderIndex(
2172
- column.name
2173
- ) + 1
2174
- ) +
2175
- "\n "
2176
- ),
2177
- ]
2178
- )
2179
- : _vm._e(),
2180
- ],
2181
- 1
2182
- )
2183
- : _vm._e(),
2184
- ]
2185
- : [
2186
- _c(
2187
- "span",
2188
- {
2189
- staticClass:
2190
- "zd-table-cell-name",
2191
- },
2192
- [
2193
- _vm._v(
2194
- _vm._s(
2195
- _vm.$t(column.label)
2196
- )
2197
- ),
2198
- ]
2199
- ),
2200
- ],
2201
- _vm._v(" "),
2202
- _vm.instance.columnFilterButton &&
2203
- column.filterable
2204
- ? _c(
2205
- "span",
2206
- {
2207
- class: [
2208
- "tek-grid-column-filter-button",
2209
- {
2210
- "has-filter-data":
2211
- _vm.instance.columnHasFilterData(
2212
- column
2213
- ),
2214
- },
2215
- ],
2216
- },
2217
- [
2218
- _c(
2219
- "v-menu",
2220
- {
2221
- attrs: {
2222
- "offset-overflow": "",
2223
- "offset-y": "",
2224
- "min-width": 200,
2225
- transition:
2226
- "scale-transition",
2227
- "content-class":
2228
- "tek-grid-column-filter-menu",
2229
- "close-on-content-click": false,
2230
- },
2231
- scopedSlots: _vm._u(
2232
- [
2233
- {
2234
- key: "activator",
2235
- fn: function (ref) {
2236
- var on = ref.on;
2237
- return [
2238
- _c(
2239
- "v-icon",
2240
- _vm._g(
2241
- {},
2242
- Object.assign(
2243
- {},
2244
- _vm.getFilterActivatorEvents(
2245
- on,
2246
- column
2247
- )
2248
- )
2249
- ),
2250
- [
2251
- _vm._v(
2252
- _vm._s(
2253
- _vm.$getIcon(
2254
- "filter"
2255
- )
2256
- )
2257
- ),
2258
- ]
2259
- ),
2260
- ]
2261
- },
2262
- },
2263
- ],
2264
- null,
2265
- true
2266
- ),
2267
- },
2268
- [
2269
- _vm._v(" "),
2270
- _vm._l(
2271
- _vm.getColumnFilterOptions(
2272
- column
2273
- ),
2274
- function (
2275
- item,
2276
- filterIndex
2277
- ) {
2278
- return _c(
2279
- "span",
2280
- {
2281
- key: filterIndex,
2282
- },
2283
- [
2284
- filterIndex > 0
2285
- ? _c(
2286
- "zd-radio",
2287
- _vm._b(
2288
- {
2289
- attrs: {
2290
- name:
2291
- _vm
2292
- .instance
2293
- .name +
2294
- "-" +
2295
- column.name +
2296
- "-filter-relation-" +
2297
- filterIndex,
2298
- },
2299
- },
2300
- "zd-radio",
2301
- {
2302
- showLabel: false,
2303
- showHelper: false,
2304
- vertical: false,
2305
- cssClass:
2306
- "zd-mb-2",
2307
- datasource:
2308
- _vm
2309
- .instance
2310
- .filterRelationsDatasource,
2311
- dataValue:
2312
- "value",
2313
- dataLabel:
2314
- "text",
2315
- value:
2316
- item.relation,
2317
- events:
2318
- {
2319
- change:
2320
- _vm.getFilterItemChange(
2321
- "relation",
2322
- column,
2323
- filterIndex
2324
- ),
2325
- },
2326
- },
2327
- false
2328
- )
2329
- )
2330
- : _vm._e(),
2331
- _vm._v(" "),
2332
- item.operation !==
2333
- undefined
2334
- ? _c(
2335
- "zd-select",
2336
- _vm._b(
2337
- {
2338
- attrs: {
2339
- name:
2340
- _vm
2341
- .instance
2342
- .name +
2343
- "-" +
2344
- column.name +
2345
- "-filter-operation-" +
2346
- filterIndex,
2347
- },
2348
- },
2349
- "zd-select",
2350
- {
2351
- autocomplete: false,
2352
- showLabel: false,
2353
- showHelper: false,
2354
- clearable: false,
2355
- cssClass:
2356
- "zd-mb-2",
2357
- datasource:
2358
- _vm
2359
- .instance
2360
- .filterOperationsDatasource,
2361
- dataValue:
2362
- "value",
2363
- dataText:
2364
- "text",
2365
- value:
2366
- item.operation,
2367
- events:
2368
- {
2369
- change:
2370
- _vm.getFilterItemChange(
2371
- "operation",
2372
- column,
2373
- filterIndex
2374
- ),
2375
- },
2376
- },
2377
- false
2378
- )
2379
- )
2380
- : _vm._e(),
2381
- _vm._v(" "),
2382
- _c(
2383
- _vm.getComponentType(
2384
- filterIndex
2385
- ) ||
2386
- column
2387
- .componentProps
2388
- .component,
2389
- _vm._b(
2390
- {
2391
- tag: "component",
2392
- attrs: {
2393
- name:
2394
- _vm
2395
- .instance
2396
- .name +
2397
- "-" +
2398
- column.name +
2399
- "-filter-value-" +
2400
- filterIndex,
2401
- },
2402
- },
2403
- "component",
2404
- Object.assign(
2405
- {},
2406
- column.componentProps,
2407
- {
2408
- showLabel: false,
2409
- showHelper: true,
2410
- autofill: false,
2411
- cssClass:
2412
- "zd-mb-2",
2413
- value:
2414
- item.value,
2415
- persistentHint: true,
2416
- hint: _vm.getComponentHint(
2417
- filterIndex
2418
- ),
2419
- events: {
2420
- input:
2421
- _vm.getFilterValueChange(
2422
- column,
2423
- filterIndex
2424
- ),
2425
- change:
2426
- _vm.getFilterValueChange(
2427
- column,
2428
- filterIndex
2429
- ),
2430
- },
2431
- }
2432
- ),
2433
- false
2434
- )
2435
- ),
2436
- ],
2437
- 1
2438
- )
2439
2021
  }
2440
2022
  ),
2441
- ],
2442
- 2
2443
- ),
2444
- ],
2445
- 1
2446
- )
2447
- : _vm._e(),
2448
- _vm._v(" "),
2449
- _vm.instance.resizeColumns
2450
- ? _c(
2451
- "span",
2452
- {
2453
- staticClass:
2454
- "zd-grid-resize-handle",
2455
- on: {
2456
- mousedown: function (
2457
- $event
2458
- ) {
2459
- return _vm.resizeMouseDownHandler(
2460
- column,
2461
- $event
2462
- )
2463
- },
2464
- click:
2465
- _vm.resizeClickHandler,
2023
+ ]
2466
2024
  },
2467
- },
2468
- [_vm._v("‖")]
2469
- )
2470
- : _vm._e(),
2471
- ],
2472
- 2
2473
- ),
2474
- ]
2025
+ proxy: true,
2026
+ }
2027
+ : null,
2028
+ ],
2029
+ null,
2030
+ true
2031
+ ),
2032
+ }),
2033
+ ],
2034
+ 1
2475
2035
  )
2476
2036
  : _vm._e(),
2477
2037
  ]
@@ -3035,6 +2595,8 @@
3035
2595
  rowStyle: rowStyle,
3036
2596
  cellsApplied:
3037
2597
  cellsApplied,
2598
+ visibleValue:
2599
+ item[column.name],
3038
2600
  },
3039
2601
  on: {
3040
2602
  mouseenter: function (
@@ -3236,34 +2798,34 @@
3236
2798
  },
3237
2799
  })
3238
2800
  };
3239
- var __vue_staticRenderFns__$e = [];
3240
- __vue_render__$e._withStripped = true;
2801
+ var __vue_staticRenderFns__$g = [];
2802
+ __vue_render__$g._withStripped = true;
3241
2803
 
3242
2804
  /* style */
3243
- const __vue_inject_styles__$e = function (inject) {
2805
+ const __vue_inject_styles__$g = function (inject) {
3244
2806
  if (!inject) return
3245
- inject("data-v-0f76a7f1_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
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 });
3246
2808
 
3247
2809
  };
3248
2810
  /* scoped */
3249
- const __vue_scope_id__$e = undefined;
2811
+ const __vue_scope_id__$g = undefined;
3250
2812
  /* module identifier */
3251
- const __vue_module_identifier__$e = undefined;
2813
+ const __vue_module_identifier__$g = undefined;
3252
2814
  /* functional template */
3253
- const __vue_is_functional_template__$e = false;
2815
+ const __vue_is_functional_template__$g = false;
3254
2816
  /* style inject SSR */
3255
2817
 
3256
2818
  /* style inject shadow dom */
3257
2819
 
3258
2820
 
3259
2821
 
3260
- const __vue_component__$e = /*#__PURE__*/normalizeComponent(
3261
- { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
3262
- __vue_inject_styles__$e,
3263
- __vue_script__$e,
3264
- __vue_scope_id__$e,
3265
- __vue_is_functional_template__$e,
3266
- __vue_module_identifier__$e,
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,
3267
2829
  false,
3268
2830
  createInjector,
3269
2831
  undefined,
@@ -3287,13 +2849,13 @@
3287
2849
  TekGridCellIdentation = __decorate([
3288
2850
  vuePropertyDecorator.Component
3289
2851
  ], TekGridCellIdentation);
3290
- var script$d = TekGridCellIdentation;
2852
+ var script$f = TekGridCellIdentation;
3291
2853
 
3292
2854
  /* script */
3293
- const __vue_script__$d = script$d;
2855
+ const __vue_script__$f = script$f;
3294
2856
 
3295
2857
  /* template */
3296
- var __vue_render__$d = function () {
2858
+ var __vue_render__$f = function () {
3297
2859
  var _vm = this;
3298
2860
  var _h = _vm.$createElement;
3299
2861
  var _c = _vm._self._c || _h;
@@ -3308,23 +2870,341 @@
3308
2870
  _vm.groupSummary,
3309
2871
  },
3310
2872
  ],
3311
- })
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__default["default"] {
2910
+ };
2911
+ __decorate([
2912
+ vuePropertyDecorator.Prop({ type: String })
2913
+ ], TekGridHeaderIndentation.prototype, "name", void 0);
2914
+ __decorate([
2915
+ vuePropertyDecorator.Prop({ type: Number })
2916
+ ], TekGridHeaderIndentation.prototype, "groupIndex", void 0);
2917
+ TekGridHeaderIndentation = __decorate([
2918
+ Component__default["default"]
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__default["default"] {
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
+ vuePropertyDecorator.Prop({ type: Boolean, default: false })
2982
+ ], TekGridColumnFilter.prototype, "hasFilterData", void 0);
2983
+ __decorate([
2984
+ vuePropertyDecorator.Prop({ type: Function, required: true })
2985
+ ], TekGridColumnFilter.prototype, "getFilterActivatorEvents", void 0);
2986
+ __decorate([
2987
+ vuePropertyDecorator.Prop({ type: Object, required: true })
2988
+ ], TekGridColumnFilter.prototype, "column", void 0);
2989
+ __decorate([
2990
+ vuePropertyDecorator.Prop({ type: Array, default: [] })
2991
+ ], TekGridColumnFilter.prototype, "columnFilterOptions", void 0);
2992
+ __decorate([
2993
+ vuePropertyDecorator.Prop({ type: String, required: true })
2994
+ ], TekGridColumnFilter.prototype, "instanceName", void 0);
2995
+ __decorate([
2996
+ vuePropertyDecorator.Prop({ type: Object, required: true })
2997
+ ], TekGridColumnFilter.prototype, "filterRelationsDatasource", void 0);
2998
+ __decorate([
2999
+ vuePropertyDecorator.Prop({ type: Object, required: true })
3000
+ ], TekGridColumnFilter.prototype, "filterOperationsDatasource", void 0);
3001
+ __decorate([
3002
+ vuePropertyDecorator.Prop({ type: Function, required: true })
3003
+ ], TekGridColumnFilter.prototype, "getComponentHint", void 0);
3004
+ __decorate([
3005
+ vuePropertyDecorator.Prop({ type: Function, required: true })
3006
+ ], TekGridColumnFilter.prototype, "getComponentType", void 0);
3007
+ TekGridColumnFilter = __decorate([
3008
+ Component__default["default"]
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
+ )
3312
3194
  };
3313
3195
  var __vue_staticRenderFns__$d = [];
3314
3196
  __vue_render__$d._withStripped = true;
3315
3197
 
3316
3198
  /* style */
3317
- const __vue_inject_styles__$d = function (inject) {
3318
- if (!inject) return
3319
- inject("data-v-ae0ff78e_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
3320
-
3321
- };
3199
+ const __vue_inject_styles__$d = undefined;
3322
3200
  /* scoped */
3323
3201
  const __vue_scope_id__$d = undefined;
3324
3202
  /* module identifier */
3325
3203
  const __vue_module_identifier__$d = undefined;
3326
3204
  /* functional template */
3327
3205
  const __vue_is_functional_template__$d = false;
3206
+ /* style inject */
3207
+
3328
3208
  /* style inject SSR */
3329
3209
 
3330
3210
  /* style inject shadow dom */
@@ -3339,7 +3219,7 @@
3339
3219
  __vue_is_functional_template__$d,
3340
3220
  __vue_module_identifier__$d,
3341
3221
  false,
3342
- createInjector,
3222
+ undefined,
3343
3223
  undefined,
3344
3224
  undefined
3345
3225
  );
@@ -3768,21 +3648,20 @@
3768
3648
  },
3769
3649
  children: [
3770
3650
  {
3771
- name: 'tekGridColumnsOptionsCloseButtonHeader',
3772
- component: 'ZdHeader',
3773
- color: 'transparent',
3774
- padless: true,
3775
- elevation: 0,
3776
- cssClass: 'zd-ml-n1 zd-mb-4',
3777
- leftSlot: [
3651
+ name: 'tekGridColumnsOptionsCloseButtonContainer',
3652
+ component: 'ZdContainer',
3653
+ cssClass: 'zd-pa-0 zd-mb-6 zd-display-flex',
3654
+ children: [
3778
3655
  {
3779
3656
  name: 'tekGridColumnsOptionsTitleText',
3780
3657
  component: 'ZdText',
3781
3658
  text: 'TEKGRID_COLUMNS_OPTIONS',
3782
3659
  cssClass: 'zd-theme-font-title',
3783
3660
  },
3784
- ],
3785
- rightSlot: [
3661
+ {
3662
+ name: 'tekGridColumnsOptionsFilterSpacer',
3663
+ component: 'VSpacer',
3664
+ },
3786
3665
  {
3787
3666
  name: 'tekGridColumnsOptionsCloseModalButton',
3788
3667
  component: 'ZdModalCloseButton',
@@ -4323,6 +4202,9 @@
4323
4202
  __decorate([
4324
4203
  vuetify.PropWatch({ type: [Object, String], default: () => { } })
4325
4204
  ], TekGridFilterButton.prototype, "grid", void 0);
4205
+ __decorate([
4206
+ vuetify.PropWatch({ type: [Boolean, String], default: false })
4207
+ ], TekGridFilterButton.prototype, "showCheckboxAll", void 0);
4326
4208
  TekGridFilterButton = __decorate([
4327
4209
  vuePropertyDecorator.Component
4328
4210
  ], TekGridFilterButton);
@@ -4705,6 +4587,7 @@
4705
4587
  datasource.get();
4706
4588
  }
4707
4589
  }, 500);
4590
+ this.debouncedFilterChange = debounce__default["default"]((column, index, params) => this.filterValueChange(column, index, params), 1000);
4708
4591
  this.operationList = '';
4709
4592
  this.defaultOperation = '';
4710
4593
  this.defaultRelation = '';
@@ -4757,11 +4640,11 @@
4757
4640
  });
4758
4641
  return events;
4759
4642
  }
4760
- getFilterItemChange(prop, column, index) {
4761
- return this.filterItemChange.bind(this, prop, column, index);
4643
+ getFilterItemChange(prop, column, index, params) {
4644
+ return this.filterItemChange(prop, column, index, params);
4762
4645
  }
4763
- getFilterValueChange(column, index) {
4764
- return debounce__default["default"](this.filterValueChange.bind(this, column, index), 1000);
4646
+ getFilterValueChange(column, index, params) {
4647
+ return this.debouncedFilterChange(column, index, params);
4765
4648
  }
4766
4649
  isOperationArrayValues(operation) {
4767
4650
  return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
@@ -5214,7 +5097,9 @@
5214
5097
  maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
5215
5098
  minWidth: _vm.$formatSize(_vm.instance.minWidth),
5216
5099
  "--overflow-y-style":
5217
- _vm.instance.height !== "auto" || _vm.instance.maxHeight !== "auto"
5100
+ _vm.instance.height !== "auto" ||
5101
+ _vm.instance.maxHeight !== "auto" ||
5102
+ _vm.instance.fillHeight
5218
5103
  ? "auto"
5219
5104
  : "hidden",
5220
5105
  },
@@ -5404,548 +5289,177 @@
5404
5289
  },
5405
5290
  },
5406
5291
  [
5407
- _c(
5408
- "span",
5409
- {
5410
- staticClass: "zd-table-header-cell",
5411
- style: {
5292
+ _c("zd-grid-column-header", {
5293
+ attrs: {
5294
+ cssStyle: {
5412
5295
  width:
5413
5296
  _vm.setSpanWidth(column) ||
5414
5297
  "100%",
5415
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,
5416
5313
  },
5417
- [
5418
- column.type !== "action"
5419
- ? [
5420
- index === 0 &&
5421
- _vm.instance.groupColumnNames
5422
- .length > 0
5423
- ? _vm._l(
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,
5333
+ },
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(
5424
5343
  _vm.instance
5425
5344
  .groupColumnNames,
5426
5345
  function (
5427
5346
  name,
5428
5347
  groupIndex
5429
5348
  ) {
5430
- return _c("span", {
5431
- key: name,
5432
- class: [
5433
- "tek-grid-header-group-identation",
5434
- {
5435
- "first-group":
5436
- groupIndex ===
5437
- 0,
5349
+ return _c(
5350
+ "tek-grid-header-indentation",
5351
+ {
5352
+ attrs: {
5353
+ name: name,
5354
+ groupIndex:
5355
+ groupIndex,
5438
5356
  },
5439
- ],
5440
- })
5357
+ }
5358
+ )
5441
5359
  }
5442
5360
  )
5443
- : _vm._e(),
5444
- _vm._v(" "),
5445
- column.sortable &&
5446
- column.align === "right" &&
5447
- !_vm.instance.editing
5448
- ? _c(
5449
- "span",
5450
- {
5451
- staticClass:
5452
- "zd-table-cell-sort zd-mr-1",
5453
- on: {
5454
- click: function (
5455
- $event
5456
- ) {
5457
- return _vm.instance.changeColumnOrder(
5458
- column
5459
- )
5460
- },
5461
- },
5462
- },
5463
- [
5464
- column.sortable &&
5465
- column.align ===
5466
- "right" &&
5467
- !_vm.instance.editing
5468
- ? _c(
5469
- "v-icon",
5470
- {
5471
- staticClass:
5472
- "zd-table-cell-sort-icon",
5473
- attrs: {
5474
- small: "",
5475
- },
5476
- },
5477
- [
5478
- _vm._v(
5479
- "\n " +
5480
- _vm._s(
5481
- _vm.$getIcon(
5482
- "chevronUp"
5483
- )
5484
- ) +
5485
- "\n "
5486
- ),
5487
- ]
5488
- )
5489
- : _vm._e(),
5490
- _vm._v(" "),
5491
- _vm.instance.datasource.findOrderIndex(
5492
- column.name
5493
- ) >= 0
5494
- ? _c(
5495
- "span",
5496
- {
5497
- staticClass:
5498
- "zd-table-cell-sort-order left",
5499
- },
5500
- [
5501
- _vm._v(
5502
- "\n " +
5503
- _vm._s(
5504
- _vm.instance.datasource.findOrderIndex(
5505
- column.name
5506
- ) + 1
5507
- ) +
5508
- "\n "
5509
- ),
5510
- ]
5511
- )
5512
- : _vm._e(),
5513
- ],
5514
- 1
5515
- )
5516
- : _vm._e(),
5517
- _vm._v(" "),
5518
- _c(
5519
- "span",
5520
- {
5521
- class: [
5522
- "zd-table-cell-name",
5523
- {
5524
- "overflow-hidden":
5525
- column.overflow ===
5526
- "hidden",
5527
- "overflow-wrap":
5528
- column.overflow ===
5529
- "wrap",
5530
- },
5531
- !isNaN(column.overflow)
5532
- ? "overflow-clamp overflow-clamp-" +
5533
- column.overflow
5534
- : "",
5535
- ],
5536
- on: {
5537
- click: function ($event) {
5538
- return _vm.instance.changeColumnOrder(
5539
- column
5540
- )
5541
- },
5542
- mouseenter: function (
5543
- $event
5544
- ) {
5545
- return _vm.checkOverflow(
5546
- $event
5547
- )
5548
- },
5549
- mouseleave: function (
5550
- $event
5551
- ) {
5552
- return _vm.removeTooltip()
5553
- },
5554
- },
5555
5361
  },
5556
- [
5557
- _vm._v(
5558
- _vm._s(
5559
- _vm.$t(column.label)
5560
- )
5561
- ),
5562
- column.aggregation
5563
- ? _c(
5564
- "span",
5565
- {
5566
- staticClass:
5567
- "tek-grid-column-aggregation",
5568
- },
5569
- [
5570
- _vm._v(
5571
- "(" +
5572
- _vm._s(
5573
- _vm.$t(
5574
- "TEKGRID_AGGREGATION_" +
5575
- column.aggregation
5576
- )
5577
- ) +
5578
- ")"
5579
- ),
5580
- ]
5581
- )
5582
- : _vm._e(),
5583
- ]
5584
- ),
5585
- _vm._v(" "),
5586
- column.sortable &&
5587
- column.align !== "right" &&
5588
- !_vm.instance.editing
5589
- ? _c(
5590
- "span",
5591
- {
5592
- staticClass:
5593
- "zd-table-cell-sort zd-ml-1",
5594
- on: {
5595
- click: function (
5596
- $event
5597
- ) {
5598
- return _vm.instance.changeColumnOrder(
5599
- column
5600
- )
5601
- },
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",
5602
5375
  },
5603
- },
5604
- [
5605
- column.sortable &&
5606
- column.align !==
5607
- "right" &&
5608
- !_vm.instance.editing
5609
- ? _c(
5610
- "v-icon",
5611
- {
5612
- staticClass:
5613
- "zd-table-cell-sort-icon",
5614
- attrs: {
5615
- small: "",
5616
- },
5617
- },
5618
- [
5619
- _vm._v(
5620
- "\n " +
5621
- _vm._s(
5622
- _vm.$getIcon(
5623
- "chevronUp"
5624
- )
5625
- ) +
5626
- "\n "
5627
- ),
5628
- ]
5629
- )
5630
- : _vm._e(),
5631
- _vm._v(" "),
5632
- _vm.instance.datasource.findOrderIndex(
5633
- column.name
5634
- ) >= 0
5635
- ? _c(
5636
- "span",
5637
- {
5638
- staticClass:
5639
- "zd-table-cell-sort-order",
5640
- },
5641
- [
5642
- _vm._v(
5643
- "\n " +
5644
- _vm._s(
5645
- _vm.instance.datasource.findOrderIndex(
5646
- column.name
5647
- ) + 1
5648
- ) +
5649
- "\n "
5650
- ),
5651
- ]
5652
- )
5653
- : _vm._e(),
5654
- ],
5655
- 1
5656
- )
5657
- : _vm._e(),
5658
- ]
5659
- : [
5660
- _c(
5661
- "span",
5662
- {
5663
- staticClass:
5664
- "zd-table-cell-name",
5665
- },
5666
- [
5667
- _vm._v(
5668
- _vm._s(
5669
- _vm.$t(column.label)
5670
- )
5671
- ),
5672
- ]
5673
- ),
5674
- ],
5675
- _vm._v(" "),
5676
- _vm.instance.columnFilterButton &&
5677
- column.filterable
5678
- ? _c(
5679
- "span",
5680
- {
5681
- class: [
5682
- "tek-grid-column-filter-button",
5683
- {
5684
- "has-filter-data":
5685
- _vm.instance.columnHasFilterData(
5686
- column
5687
- ),
5688
- },
5689
- ],
5690
- },
5691
- [
5692
- _c(
5693
- "v-menu",
5694
- {
5695
- attrs: {
5696
- "offset-overflow": "",
5697
- "offset-y": "",
5698
- "min-width": 200,
5699
- transition:
5700
- "scale-transition",
5701
- "content-class":
5702
- "tek-grid-column-filter-menu",
5703
- "close-on-content-click": false,
5704
- },
5705
- scopedSlots: _vm._u(
5706
5376
  [
5707
- {
5708
- key: "activator",
5709
- fn: function (ref) {
5710
- var on = ref.on;
5711
- return [
5712
- _c(
5713
- "v-icon",
5714
- _vm._g(
5715
- {},
5716
- Object.assign(
5717
- {},
5718
- _vm.getFilterActivatorEvents(
5719
- on,
5720
- column
5721
- )
5722
- )
5723
- ),
5724
- [
5725
- _vm._v(
5726
- _vm._s(
5727
- _vm.$getIcon(
5728
- "filter"
5729
- )
5730
- )
5731
- ),
5732
- ]
5733
- ),
5734
- ]
5735
- },
5377
+ _vm._v(
5378
+ "(" +
5379
+ _vm._s(
5380
+ _vm.$t(
5381
+ "TEKGRID_AGGREGATION_" +
5382
+ column.aggregation
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
5414
+ ),
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,
5736
5427
  },
5737
- ],
5738
- null,
5739
- true
5740
- ),
5741
- },
5742
- [
5743
- _vm._v(" "),
5744
- _vm._l(
5745
- _vm.getColumnFilterOptions(
5746
- column
5747
- ),
5748
- function (
5749
- item,
5750
- filterIndex
5751
- ) {
5752
- return _c(
5753
- "span",
5754
- {
5755
- key: filterIndex,
5756
- },
5757
- [
5758
- filterIndex > 0
5759
- ? _c(
5760
- "zd-radio",
5761
- _vm._b(
5762
- {
5763
- attrs: {
5764
- name:
5765
- _vm
5766
- .instance
5767
- .name +
5768
- "-" +
5769
- column.name +
5770
- "-filter-relation-" +
5771
- filterIndex,
5772
- },
5773
- },
5774
- "zd-radio",
5775
- {
5776
- showLabel: false,
5777
- showHelper: false,
5778
- vertical: false,
5779
- cssClass:
5780
- "zd-mb-2",
5781
- datasource:
5782
- _vm
5783
- .instance
5784
- .filterRelationsDatasource,
5785
- dataValue:
5786
- "value",
5787
- dataLabel:
5788
- "text",
5789
- value:
5790
- item.relation,
5791
- events:
5792
- {
5793
- change:
5794
- _vm.getFilterItemChange(
5795
- "relation",
5796
- column,
5797
- filterIndex
5798
- ),
5799
- },
5800
- },
5801
- false
5802
- )
5803
- )
5804
- : _vm._e(),
5805
- _vm._v(" "),
5806
- item.operation !==
5807
- undefined
5808
- ? _c(
5809
- "zd-select",
5810
- _vm._b(
5811
- {
5812
- attrs: {
5813
- name:
5814
- _vm
5815
- .instance
5816
- .name +
5817
- "-" +
5818
- column.name +
5819
- "-filter-operation-" +
5820
- filterIndex,
5821
- },
5822
- },
5823
- "zd-select",
5824
- {
5825
- autocomplete: false,
5826
- showLabel: false,
5827
- showHelper: false,
5828
- clearable: false,
5829
- cssClass:
5830
- "zd-mb-2",
5831
- datasource:
5832
- _vm
5833
- .instance
5834
- .filterOperationsDatasource,
5835
- dataValue:
5836
- "value",
5837
- dataText:
5838
- "text",
5839
- value:
5840
- item.operation,
5841
- events:
5842
- {
5843
- change:
5844
- _vm.getFilterItemChange(
5845
- "operation",
5846
- column,
5847
- filterIndex
5848
- ),
5849
- },
5850
- },
5851
- false
5852
- )
5853
- )
5854
- : _vm._e(),
5855
- _vm._v(" "),
5856
- _c(
5857
- _vm.getComponentType(
5858
- filterIndex
5859
- ) ||
5860
- column
5861
- .componentProps
5862
- .component,
5863
- _vm._b(
5864
- {
5865
- tag: "component",
5866
- attrs: {
5867
- name:
5868
- _vm
5869
- .instance
5870
- .name +
5871
- "-" +
5872
- column.name +
5873
- "-filter-value-" +
5874
- filterIndex,
5875
- },
5876
- },
5877
- "component",
5878
- Object.assign(
5879
- {},
5880
- column.componentProps,
5881
- {
5882
- showLabel: false,
5883
- showHelper: true,
5884
- autofill: false,
5885
- cssClass:
5886
- "zd-mb-2",
5887
- value:
5888
- item.value,
5889
- persistentHint: true,
5890
- hint: _vm.getComponentHint(
5891
- filterIndex
5892
- ),
5893
- events: {
5894
- input:
5895
- _vm.getFilterValueChange(
5896
- column,
5897
- filterIndex
5898
- ),
5899
- change:
5900
- _vm.getFilterValueChange(
5901
- column,
5902
- filterIndex
5903
- ),
5904
- },
5905
- }
5906
- ),
5907
- false
5428
+ on: {
5429
+ itemChange:
5430
+ function (
5431
+ $event
5432
+ ) {
5433
+ return _vm.getFilterItemChange(
5434
+ $event.type,
5435
+ column,
5436
+ $event.filterIndex
5908
5437
  )
5909
- ),
5910
- ],
5911
- 1
5912
- )
5438
+ },
5439
+ valueChange:
5440
+ function (
5441
+ $event
5442
+ ) {
5443
+ return _vm.getFilterValueChange(
5444
+ column,
5445
+ $event.filterIndex
5446
+ )
5447
+ },
5448
+ },
5913
5449
  }
5914
5450
  ),
5915
- ],
5916
- 2
5917
- ),
5918
- ],
5919
- 1
5920
- )
5921
- : _vm._e(),
5922
- _vm._v(" "),
5923
- _vm.instance.resizeColumns
5924
- ? _c(
5925
- "span",
5926
- {
5927
- staticClass:
5928
- "zd-grid-resize-handle",
5929
- on: {
5930
- mousedown: function (
5931
- $event
5932
- ) {
5933
- return _vm.resizeMouseDownHandler(
5934
- column,
5935
- $event
5936
- )
5937
- },
5938
- click:
5939
- _vm.resizeClickHandler,
5451
+ ]
5940
5452
  },
5941
- },
5942
- [_vm._v("‖")]
5943
- )
5944
- : _vm._e(),
5945
- ],
5946
- 2
5947
- ),
5948
- ]
5453
+ proxy: true,
5454
+ }
5455
+ : null,
5456
+ ],
5457
+ null,
5458
+ true
5459
+ ),
5460
+ }),
5461
+ ],
5462
+ 1
5949
5463
  )
5950
5464
  : _vm._e(),
5951
5465
  ]
@@ -6712,7 +6226,7 @@
6712
6226
  /* style */
6713
6227
  const __vue_inject_styles__$c = function (inject) {
6714
6228
  if (!inject) return
6715
- inject("data-v-356ab29c_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
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 });
6716
6230
 
6717
6231
  };
6718
6232
  /* scoped */
@@ -7063,15 +6577,17 @@
7063
6577
  __vue_render__$a._withStripped = true;
7064
6578
 
7065
6579
  /* style */
7066
- const __vue_inject_styles__$a = undefined;
6580
+ const __vue_inject_styles__$a = function (inject) {
6581
+ if (!inject) return
6582
+ inject("data-v-5bef20ae_0", { source: ".zd-container.tek-grid-filter-content-container {\n position: relative;\n left: calc(var(--zd-default-padding) * -1) !important;\n padding-left: var(--zd-default-padding) !important;\n width: calc(100% + var(--zd-default-padding) * 2) !important;\n padding-right: var(--zd-default-padding) !important;\n max-width: none !important;\n}", map: undefined, media: undefined });
6583
+
6584
+ };
7067
6585
  /* scoped */
7068
6586
  const __vue_scope_id__$a = undefined;
7069
6587
  /* module identifier */
7070
6588
  const __vue_module_identifier__$a = undefined;
7071
6589
  /* functional template */
7072
6590
  const __vue_is_functional_template__$a = false;
7073
- /* style inject */
7074
-
7075
6591
  /* style inject SSR */
7076
6592
 
7077
6593
  /* style inject shadow dom */
@@ -7086,7 +6602,7 @@
7086
6602
  __vue_is_functional_template__$a,
7087
6603
  __vue_module_identifier__$a,
7088
6604
  false,
7089
- undefined,
6605
+ createInjector,
7090
6606
  undefined,
7091
6607
  undefined
7092
6608
  );
@@ -8244,7 +7760,9 @@
8244
7760
  maxWidth: _vm.$formatSize(_vm.instance.maxWidth),
8245
7761
  minWidth: _vm.$formatSize(_vm.instance.minWidth),
8246
7762
  "--overflow-y-style":
8247
- _vm.instance.height !== "auto" || _vm.instance.maxHeight !== "auto"
7763
+ _vm.instance.height !== "auto" ||
7764
+ _vm.instance.maxHeight !== "auto" ||
7765
+ _vm.instance.fillHeight
8248
7766
  ? "auto"
8249
7767
  : "hidden",
8250
7768
  },
@@ -8423,579 +7941,123 @@
8423
7941
  },
8424
7942
  },
8425
7943
  [
8426
- _c(
8427
- "span",
8428
- {
8429
- staticClass: "zd-table-header-cell",
8430
- style: {
7944
+ _c("zd-grid-column-header", {
7945
+ attrs: {
7946
+ cssStyle: {
8431
7947
  width:
8432
7948
  _vm.setSpanWidth(column) ||
8433
7949
  "100%",
8434
7950
  color:
8435
7951
  _vm.instance.headerCellTextColor,
8436
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,
8437
7967
  },
8438
- [
8439
- column.type !== "action"
8440
- ? [
8441
- column.sortable &&
8442
- column.align === "right"
8443
- ? _c(
8444
- "span",
8445
- {
8446
- staticClass:
8447
- "zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
8448
- on: {
8449
- click: function (
8450
- $event
8451
- ) {
8452
- return _vm.instance.changeColumnOrder(
8453
- column
8454
- )
8455
- },
8456
- },
8457
- },
8458
- [
8459
- column.sortable &&
8460
- column.align === "right"
8461
- ? _c(
8462
- "v-icon",
8463
- {
8464
- staticClass:
8465
- "zd-table-cell-sort-icon",
8466
- attrs: {
8467
- small: "",
8468
- },
8469
- },
8470
- [
8471
- _vm._v(
8472
- "\n " +
8473
- _vm._s(
8474
- _vm.$getIcon(
8475
- "chevronUp"
8476
- )
8477
- ) +
8478
- "\n "
8479
- ),
8480
- ]
8481
- )
8482
- : _vm._e(),
8483
- _vm._v(" "),
8484
- _vm.instance.datasource.findOrderIndex(
8485
- column.name
8486
- ) >= 0
8487
- ? _c(
8488
- "span",
8489
- {
8490
- staticClass:
8491
- "zd-table-cell-sort-order left",
8492
- },
8493
- [
8494
- _vm._v(
8495
- "\n " +
8496
- _vm._s(
8497
- _vm.instance.datasource.findOrderIndex(
8498
- column.name
8499
- ) + 1
8500
- ) +
8501
- "\n "
8502
- ),
8503
- ]
8504
- )
8505
- : _vm._e(),
8506
- ],
8507
- 1
8508
- )
8509
- : _vm._e(),
8510
- _vm._v(" "),
8511
- _c(
8512
- "span",
8513
- {
8514
- class: [
8515
- "zd-table-cell-name",
8516
- {
8517
- "overflow-hidden":
8518
- column.overflow ===
8519
- "hidden",
8520
- "overflow-wrap":
8521
- column.overflow ===
8522
- "wrap",
8523
- },
8524
- !isNaN(column.overflow)
8525
- ? "overflow-clamp overflow-clamp-" +
8526
- column.overflow
8527
- : "",
8528
- ],
8529
- on: {
8530
- click: function ($event) {
8531
- return _vm.instance.changeColumnOrder(
8532
- column
8533
- )
8534
- },
8535
- mouseenter: function (
8536
- $event
8537
- ) {
8538
- return _vm.checkOverflow(
8539
- $event
8540
- )
8541
- },
8542
- mouseleave: function (
8543
- $event
8544
- ) {
8545
- return _vm.removeTooltip()
8546
- },
8547
- },
8548
- },
8549
- [
8550
- _vm._v(
8551
- _vm._s(
8552
- _vm.$t(column.label)
8553
- )
8554
- ),
8555
- ]
8556
- ),
8557
- _vm._v(" "),
8558
- column.helperText
8559
- ? [
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 [
8560
7996
  _c(
8561
- "v-tooltip",
7997
+ "tek-grid-column-filter",
8562
7998
  {
8563
7999
  attrs: {
8564
- top: "",
8565
- 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,
8566
8023
  },
8567
- scopedSlots: _vm._u(
8568
- [
8569
- {
8570
- key: "activator",
8571
- fn: function (
8572
- ref
8573
- ) {
8574
- var on =
8575
- ref.on;
8576
- var attrs =
8577
- ref.attrs;
8578
- return [
8579
- _c(
8580
- "v-icon",
8581
- _vm._g(
8582
- _vm._b(
8583
- {
8584
- attrs:
8585
- {
8586
- size: "13px",
8587
- color:
8588
- "primary",
8589
- right:
8590
- "",
8591
- left: "",
8592
- dark: "",
8593
- dense:
8594
- "",
8595
- },
8596
- },
8597
- "v-icon",
8598
- attrs,
8599
- false
8600
- ),
8601
- on
8602
- ),
8603
- [
8604
- _vm._v(
8605
- "\n " +
8606
- _vm._s(
8607
- _vm.$getIcon(
8608
- "infoOutline"
8609
- )
8610
- ) +
8611
- "\n "
8612
- ),
8613
- ]
8614
- ),
8615
- ]
8616
- },
8617
- },
8618
- ],
8619
- null,
8620
- true
8621
- ),
8622
- },
8623
- [
8624
- _vm._v(" "),
8625
- _c("span", [
8626
- _vm._v(
8627
- _vm._s(
8628
- _vm.$t(
8629
- 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
8630
8034
  )
8631
- )
8632
- ),
8633
- ]),
8634
- ]
8635
- ),
8636
- ]
8637
- : _vm._e(),
8638
- _vm._v(" "),
8639
- column.sortable &&
8640
- column.align !== "right"
8641
- ? _c(
8642
- "span",
8643
- {
8644
- staticClass:
8645
- "zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
8646
- on: {
8647
- click: function (
8648
- $event
8649
- ) {
8650
- return _vm.instance.changeColumnOrder(
8651
- column
8652
- )
8653
- },
8654
- },
8655
- },
8656
- [
8657
- column.sortable &&
8658
- column.align !== "right"
8659
- ? _c(
8660
- "v-icon",
8661
- {
8662
- staticClass:
8663
- "zd-table-cell-sort-icon",
8664
- attrs: {
8665
- small: "",
8666
- },
8667
8035
  },
8668
- [
8669
- _vm._v(
8670
- "\n " +
8671
- _vm._s(
8672
- _vm.$getIcon(
8673
- "chevronUp"
8674
- )
8675
- ) +
8676
- "\n "
8677
- ),
8678
- ]
8679
- )
8680
- : _vm._e(),
8681
- _vm._v(" "),
8682
- _vm.instance.datasource.findOrderIndex(
8683
- column.name
8684
- ) >= 0
8685
- ? _c(
8686
- "span",
8687
- {
8688
- staticClass:
8689
- "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
+ )
8690
8045
  },
8691
- [
8692
- _vm._v(
8693
- "\n " +
8694
- _vm._s(
8695
- _vm.instance.datasource.findOrderIndex(
8696
- column.name
8697
- ) + 1
8698
- ) +
8699
- "\n "
8700
- ),
8701
- ]
8702
- )
8703
- : _vm._e(),
8704
- ],
8705
- 1
8706
- )
8707
- : _vm._e(),
8708
- ]
8709
- : [
8710
- _c(
8711
- "span",
8712
- {
8713
- staticClass:
8714
- "zd-table-cell-name",
8715
- },
8716
- [
8717
- _vm._v(
8718
- _vm._s(
8719
- _vm.$t(column.label)
8720
- )
8721
- ),
8722
- ]
8723
- ),
8724
- ],
8725
- _vm._v(" "),
8726
- _vm.instance.columnFilterButton &&
8727
- column.filterable
8728
- ? _c(
8729
- "span",
8730
- {
8731
- class: [
8732
- "tek-grid-column-filter-button",
8733
- {
8734
- "has-filter-data":
8735
- _vm.instance.columnHasFilterData(
8736
- column
8737
- ),
8738
- },
8739
- ],
8740
- },
8741
- [
8742
- _c(
8743
- "v-menu",
8744
- {
8745
- attrs: {
8746
- "offset-overflow": "",
8747
- "offset-y": "",
8748
- "min-width": 200,
8749
- transition:
8750
- "scale-transition",
8751
- "content-class":
8752
- "tek-grid-column-filter-menu",
8753
- "close-on-content-click": false,
8754
- },
8755
- scopedSlots: _vm._u(
8756
- [
8757
- {
8758
- key: "activator",
8759
- fn: function (ref) {
8760
- var on = ref.on;
8761
- return [
8762
- _c(
8763
- "v-icon",
8764
- _vm._g(
8765
- {},
8766
- Object.assign(
8767
- {},
8768
- _vm.getFilterActivatorEvents(
8769
- on,
8770
- column
8771
- )
8772
- )
8773
- ),
8774
- [
8775
- _vm._v(
8776
- _vm._s(
8777
- _vm.$getIcon(
8778
- "filter"
8779
- )
8780
- )
8781
- ),
8782
- ]
8783
- ),
8784
- ]
8785
- },
8786
8046
  },
8787
- ],
8788
- null,
8789
- true
8790
- ),
8791
- },
8792
- [
8793
- _vm._v(" "),
8794
- _vm._l(
8795
- _vm.getColumnFilterOptions(
8796
- column
8797
- ),
8798
- function (
8799
- item,
8800
- filterIndex
8801
- ) {
8802
- return _c(
8803
- "span",
8804
- {
8805
- key: filterIndex,
8806
- },
8807
- [
8808
- filterIndex > 0
8809
- ? _c(
8810
- "zd-radio",
8811
- _vm._b(
8812
- {
8813
- attrs: {
8814
- name:
8815
- _vm
8816
- .instance
8817
- .name +
8818
- "-" +
8819
- column.name +
8820
- "-filter-relation-" +
8821
- filterIndex,
8822
- },
8823
- },
8824
- "zd-radio",
8825
- {
8826
- showLabel: false,
8827
- showHelper: false,
8828
- vertical: false,
8829
- cssClass:
8830
- "zd-mb-2",
8831
- datasource:
8832
- _vm
8833
- .instance
8834
- .filterRelationsDatasource,
8835
- dataValue:
8836
- "value",
8837
- dataLabel:
8838
- "text",
8839
- value:
8840
- item.relation,
8841
- events:
8842
- {
8843
- change:
8844
- _vm.getFilterItemChange(
8845
- "relation",
8846
- column,
8847
- filterIndex
8848
- ),
8849
- },
8850
- },
8851
- false
8852
- )
8853
- )
8854
- : _vm._e(),
8855
- _vm._v(" "),
8856
- item.operation !==
8857
- undefined
8858
- ? _c(
8859
- "zd-select",
8860
- _vm._b(
8861
- {
8862
- attrs: {
8863
- name:
8864
- _vm
8865
- .instance
8866
- .name +
8867
- "-" +
8868
- column.name +
8869
- "-filter-operation-" +
8870
- filterIndex,
8871
- },
8872
- },
8873
- "zd-select",
8874
- {
8875
- autocomplete: false,
8876
- showLabel: false,
8877
- showHelper: false,
8878
- clearable: false,
8879
- cssClass:
8880
- "zd-mb-2",
8881
- datasource:
8882
- _vm
8883
- .instance
8884
- .filterOperationsDatasource,
8885
- dataValue:
8886
- "value",
8887
- dataText:
8888
- "text",
8889
- value:
8890
- item.operation,
8891
- events:
8892
- {
8893
- change:
8894
- _vm.getFilterItemChange(
8895
- "operation",
8896
- column,
8897
- filterIndex
8898
- ),
8899
- },
8900
- },
8901
- false
8902
- )
8903
- )
8904
- : _vm._e(),
8905
- _vm._v(" "),
8906
- _c(
8907
- _vm.getComponentType(
8908
- filterIndex
8909
- ) ||
8910
- column
8911
- .componentProps
8912
- .component,
8913
- _vm._b(
8914
- {
8915
- tag: "component",
8916
- attrs: {
8917
- name:
8918
- _vm
8919
- .instance
8920
- .name +
8921
- "-" +
8922
- column.name +
8923
- "-filter-value-" +
8924
- filterIndex,
8925
- },
8926
- },
8927
- "component",
8928
- Object.assign(
8929
- {},
8930
- column.componentProps,
8931
- {
8932
- showLabel: false,
8933
- showHelper: true,
8934
- autofill: false,
8935
- cssClass:
8936
- "zd-mb-2",
8937
- value:
8938
- item.value,
8939
- persistentHint: true,
8940
- hint: _vm.getComponentHint(
8941
- filterIndex
8942
- ),
8943
- events: {
8944
- input:
8945
- _vm.getFilterValueChange(
8946
- column,
8947
- filterIndex
8948
- ),
8949
- change:
8950
- _vm.getFilterValueChange(
8951
- column,
8952
- filterIndex
8953
- ),
8954
- },
8955
- }
8956
- ),
8957
- false
8958
- )
8959
- ),
8960
- ],
8961
- 1
8962
- )
8963
8047
  }
8964
8048
  ),
8965
- ],
8966
- 2
8967
- ),
8968
- ],
8969
- 1
8970
- )
8971
- : _vm._e(),
8972
- _vm._v(" "),
8973
- _vm.instance.resizeColumns
8974
- ? _c(
8975
- "span",
8976
- {
8977
- staticClass:
8978
- "zd-grid-resize-handle",
8979
- on: {
8980
- mousedown: function (
8981
- $event
8982
- ) {
8983
- return _vm.resizeMouseDownHandler(
8984
- column,
8985
- $event
8986
- )
8987
- },
8988
- click:
8989
- _vm.resizeClickHandler,
8049
+ ]
8990
8050
  },
8991
- },
8992
- [_vm._v("‖")]
8993
- )
8994
- : _vm._e(),
8995
- ],
8996
- 2
8997
- ),
8998
- ]
8051
+ proxy: true,
8052
+ }
8053
+ : null,
8054
+ ],
8055
+ null,
8056
+ true
8057
+ ),
8058
+ }),
8059
+ ],
8060
+ 1
8999
8061
  )
9000
8062
  : _vm._e(),
9001
8063
  ]
@@ -9453,7 +8515,7 @@
9453
8515
  /* style */
9454
8516
  const __vue_inject_styles__$2 = function (inject) {
9455
8517
  if (!inject) return
9456
- inject("data-v-5e60c1aa_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
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 });
9457
8519
 
9458
8520
  };
9459
8521
  /* scoped */
@@ -9614,15 +8676,17 @@
9614
8676
  );
9615
8677
 
9616
8678
  const components = {
9617
- TekBreadcrumbHeader: __vue_component__$l,
9618
- TekCardTitle: __vue_component__$k,
9619
- TekCrudAddButton: __vue_component__$j,
9620
- TekCrudCancelButton: __vue_component__$i,
9621
- TekCrudDeleteButton: __vue_component__$h,
9622
- TekCrudForm: __vue_component__$g,
9623
- TekCrudSaveButton: __vue_component__$f,
9624
- TekGrid: __vue_component__$e,
9625
- 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,
9626
8690
  TekDragGrid: __vue_component__$c,
9627
8691
  TekGridColumnsButton: __vue_component__$b,
9628
8692
  TekGridFilterButton: __vue_component__$a,
@@ -9659,18 +8723,20 @@
9659
8723
  const packageContent = require('../package.json');
9660
8724
  core.VersionService.addPackageVersion(packageContent.name, packageContent.version);
9661
8725
 
9662
- exports.TekBreadcrumbHeader = script$k;
9663
- exports.TekCardTitle = script$j;
9664
- exports.TekCrudAddButton = script$i;
9665
- exports.TekCrudCancelButton = script$h;
9666
- exports.TekCrudDeleteButton = script$g;
9667
- exports.TekCrudForm = script$f;
9668
- exports.TekCrudSaveButton = script$e;
8726
+ exports.TekBreadcrumbHeader = script$m;
8727
+ exports.TekCardTitle = script$l;
8728
+ exports.TekCrudAddButton = script$k;
8729
+ exports.TekCrudCancelButton = script$j;
8730
+ exports.TekCrudDeleteButton = script$i;
8731
+ exports.TekCrudForm = script$h;
8732
+ exports.TekCrudSaveButton = script$g;
9669
8733
  exports.TekDragGrid = script$3;
9670
8734
  exports.TekGrid = TekGrid$2;
9671
- exports.TekGridCellIdentation = script$d;
8735
+ exports.TekGridCellIdentation = script$f;
8736
+ exports.TekGridColumnFilter = script$d;
9672
8737
  exports.TekGridColumnsButton = script$c;
9673
8738
  exports.TekGridFilterButton = script$b;
8739
+ exports.TekGridHeaderIndentation = script$e;
9674
8740
  exports.TekGridLayoutOptions = script$a;
9675
8741
  exports.TekImage = script$9;
9676
8742
  exports.TekIterableComponentRender = script$8;