@zeedhi/teknisa-components-vuetify 1.96.0 → 1.96.2

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 (9) hide show
  1. package/dist/tek-components-vuetify.esm.js +964 -1844
  2. package/dist/tek-components-vuetify.umd.js +977 -1855
  3. package/package.json +2 -2
  4. package/types/components/public.d.ts +3 -1
  5. package/types/components/tek-grid/TekGrid.d.ts +6 -6
  6. package/types/components/tek-grid/TekGridFilterButton.d.ts +11 -0
  7. package/types/components/tek-grid/subcomponents/TekGridColumnFilter.d.ts +16 -0
  8. package/types/components/tek-grid/subcomponents/TekGridHeaderIndentation.d.ts +5 -0
  9. 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);
@@ -1639,10 +1641,10 @@
1639
1641
  var TekGrid$2 = TekGrid$1;
1640
1642
 
1641
1643
  /* script */
1642
- const __vue_script__$e = TekGrid$2;
1644
+ const __vue_script__$g = TekGrid$2;
1643
1645
 
1644
1646
  /* template */
1645
- var __vue_render__$e = function () {
1647
+ var __vue_render__$g = function () {
1646
1648
  var _vm = this;
1647
1649
  var _h = _vm.$createElement;
1648
1650
  var _c = _vm._self._c || _h;
@@ -1857,629 +1859,179 @@
1857
1859
  },
1858
1860
  },
1859
1861
  [
1860
- _c(
1861
- "span",
1862
- {
1863
- staticClass: "zd-table-header-cell",
1864
- style: {
1862
+ _c("zd-grid-column-header", {
1863
+ attrs: {
1864
+ cssStyle: {
1865
1865
  width:
1866
1866
  _vm.setSpanWidth(column) ||
1867
1867
  "100%",
1868
1868
  },
1869
+ action: column.type === "action",
1870
+ overflow: column.overflow,
1871
+ helperText: column.helperText,
1872
+ label: column.label,
1873
+ columnAlign: column.align,
1874
+ orderIndex:
1875
+ _vm.instance.datasource.findOrderIndex(
1876
+ column.name
1877
+ ),
1878
+ showSort:
1879
+ column.sortable &&
1880
+ !_vm.instance.editing,
1881
+ resizeColumns:
1882
+ _vm.instance.resizeColumns,
1869
1883
  },
1870
- [
1871
- column.type !== "action"
1872
- ? [
1873
- index === 0 &&
1874
- _vm.instance.groupColumnNames
1875
- .length > 0
1876
- ? _vm._l(
1884
+ on: {
1885
+ click: function ($event) {
1886
+ return _vm.instance.changeColumnOrder(
1887
+ column
1888
+ )
1889
+ },
1890
+ labelMouseenter: function ($event) {
1891
+ return _vm.checkOverflow($event)
1892
+ },
1893
+ labelMouseleave: function ($event) {
1894
+ return _vm.removeTooltip()
1895
+ },
1896
+ resizeMousedown: function ($event) {
1897
+ return _vm.resizeMouseDownHandler(
1898
+ column,
1899
+ $event
1900
+ )
1901
+ },
1902
+ resizeClick: _vm.resizeClickHandler,
1903
+ },
1904
+ scopedSlots: _vm._u(
1905
+ [
1906
+ index === 0 &&
1907
+ _vm.instance.groupColumnNames
1908
+ .length > 0
1909
+ ? {
1910
+ key: "prepend",
1911
+ fn: function () {
1912
+ return _vm._l(
1877
1913
  _vm.instance
1878
1914
  .groupColumnNames,
1879
1915
  function (
1880
1916
  name,
1881
1917
  groupIndex
1882
1918
  ) {
1883
- return _c("span", {
1884
- key: name,
1885
- class: [
1886
- "tek-grid-header-group-identation",
1887
- {
1888
- "first-group":
1889
- groupIndex ===
1890
- 0,
1919
+ return _c(
1920
+ "tek-grid-header-indentation",
1921
+ {
1922
+ attrs: {
1923
+ name: name,
1924
+ groupIndex:
1925
+ groupIndex,
1891
1926
  },
1892
- ],
1893
- })
1927
+ }
1928
+ )
1894
1929
  }
1895
1930
  )
1896
- : _vm._e(),
1897
- _vm._v(" "),
1898
- column.sortable &&
1899
- column.align === "right" &&
1900
- !_vm.instance.editing
1901
- ? _c(
1902
- "span",
1903
- {
1904
- staticClass:
1905
- "zd-table-cell-sort zd-mr-1",
1906
- on: {
1907
- click: function (
1908
- $event
1909
- ) {
1910
- return _vm.instance.changeColumnOrder(
1911
- column
1912
- )
1913
- },
1931
+ },
1932
+ proxy: true,
1933
+ }
1934
+ : null,
1935
+ {
1936
+ key: "label",
1937
+ fn: function () {
1938
+ return [
1939
+ column.aggregation
1940
+ ? _c(
1941
+ "span",
1942
+ {
1943
+ staticClass:
1944
+ "tek-grid-column-aggregation",
1914
1945
  },
1915
- },
1916
- [
1917
- column.sortable &&
1918
- column.align ===
1919
- "right" &&
1920
- !_vm.instance.editing
1921
- ? _c(
1922
- "v-icon",
1923
- {
1924
- staticClass:
1925
- "zd-table-cell-sort-icon",
1926
- attrs: {
1927
- small: "",
1928
- },
1946
+ [
1947
+ _vm._v(
1948
+ "(" +
1949
+ _vm._s(
1950
+ _vm.$t(
1951
+ "TEKGRID_AGGREGATION_" +
1952
+ column.aggregation
1953
+ )
1954
+ ) +
1955
+ ")"
1956
+ ),
1957
+ ]
1958
+ )
1959
+ : _vm._e(),
1960
+ ]
1961
+ },
1962
+ proxy: true,
1963
+ },
1964
+ _vm.instance.columnFilterButton &&
1965
+ column.filterable
1966
+ ? {
1967
+ key: "append",
1968
+ fn: function () {
1969
+ return [
1970
+ _c(
1971
+ "tek-grid-column-filter",
1972
+ {
1973
+ attrs: {
1974
+ hasFilterData:
1975
+ _vm.instance.columnHasFilterData(
1976
+ column
1977
+ ),
1978
+ getFilterActivatorEvents:
1979
+ _vm.getFilterActivatorEvents,
1980
+ column: column,
1981
+ columnFilterOptions:
1982
+ _vm.getColumnFilterOptions(
1983
+ column
1984
+ ),
1985
+ instanceName:
1986
+ _vm.instance.name,
1987
+ filterRelationsDatasource:
1988
+ _vm.instance
1989
+ .filterRelationsDatasource,
1990
+ filterOperationsDatasource:
1991
+ _vm.instance
1992
+ .filterOperationsDatasource,
1993
+ getComponentHint:
1994
+ _vm.getComponentHint,
1995
+ getComponentType:
1996
+ _vm.getComponentType,
1997
+ },
1998
+ on: {
1999
+ itemChange:
2000
+ function (
2001
+ $event
2002
+ ) {
2003
+ return _vm.getFilterItemChange(
2004
+ $event.type,
2005
+ column,
2006
+ $event.filterIndex,
2007
+ $event.params
2008
+ )
1929
2009
  },
1930
- [
1931
- _vm._v(
1932
- "\n " +
1933
- _vm._s(
1934
- _vm.$getIcon(
1935
- "chevronUp"
1936
- )
1937
- ) +
1938
- "\n "
1939
- ),
1940
- ]
1941
- )
1942
- : _vm._e(),
1943
- _vm._v(" "),
1944
- _vm.instance.datasource.findOrderIndex(
1945
- column.name
1946
- ) >= 0
1947
- ? _c(
1948
- "span",
1949
- {
1950
- staticClass:
1951
- "zd-table-cell-sort-order left",
2010
+ valueChange:
2011
+ function (
2012
+ $event
2013
+ ) {
2014
+ return _vm.getFilterValueChange(
2015
+ column,
2016
+ $event.filterIndex,
2017
+ $event.params
2018
+ )
1952
2019
  },
1953
- [
1954
- _vm._v(
1955
- "\n " +
1956
- _vm._s(
1957
- _vm.instance.datasource.findOrderIndex(
1958
- column.name
1959
- ) + 1
1960
- ) +
1961
- "\n "
1962
- ),
1963
- ]
1964
- )
1965
- : _vm._e(),
1966
- ],
1967
- 1
1968
- )
1969
- : _vm._e(),
1970
- _vm._v(" "),
1971
- _c(
1972
- "span",
1973
- {
1974
- class: [
1975
- "zd-table-cell-name",
1976
- {
1977
- "overflow-hidden":
1978
- column.overflow ===
1979
- "hidden",
1980
- "overflow-wrap":
1981
- column.overflow ===
1982
- "wrap",
1983
- },
1984
- !isNaN(column.overflow)
1985
- ? "overflow-clamp overflow-clamp-" +
1986
- column.overflow
1987
- : "",
1988
- ],
1989
- on: {
1990
- click: function ($event) {
1991
- return _vm.instance.changeColumnOrder(
1992
- column
1993
- )
1994
- },
1995
- mouseenter: function (
1996
- $event
1997
- ) {
1998
- return _vm.checkOverflow(
1999
- $event
2000
- )
2001
- },
2002
- mouseleave: function (
2003
- $event
2004
- ) {
2005
- return _vm.removeTooltip()
2006
- },
2007
- },
2008
- },
2009
- [
2010
- _vm._v(
2011
- _vm._s(
2012
- _vm.$t(column.label)
2013
- )
2014
- ),
2015
- column.aggregation
2016
- ? _c(
2017
- "span",
2018
- {
2019
- staticClass:
2020
- "tek-grid-column-aggregation",
2021
- },
2022
- [
2023
- _vm._v(
2024
- "(" +
2025
- _vm._s(
2026
- _vm.$t(
2027
- "TEKGRID_AGGREGATION_" +
2028
- column.aggregation
2029
- )
2030
- ) +
2031
- ")"
2032
- ),
2033
- ]
2034
- )
2035
- : _vm._e(),
2036
- ]
2037
- ),
2038
- _vm._v(" "),
2039
- column.helperText
2040
- ? [
2041
- _c(
2042
- "v-tooltip",
2043
- {
2044
- attrs: {
2045
- top: "",
2046
- openOnClick: false,
2047
- },
2048
- scopedSlots: _vm._u(
2049
- [
2050
- {
2051
- key: "activator",
2052
- fn: function (
2053
- ref
2054
- ) {
2055
- var on =
2056
- ref.on;
2057
- var attrs =
2058
- ref.attrs;
2059
- return [
2060
- _c(
2061
- "v-icon",
2062
- _vm._g(
2063
- _vm._b(
2064
- {
2065
- attrs:
2066
- {
2067
- size: "13px",
2068
- color:
2069
- "primary",
2070
- right:
2071
- "",
2072
- left: "",
2073
- dark: "",
2074
- dense:
2075
- "",
2076
- },
2077
- },
2078
- "v-icon",
2079
- attrs,
2080
- false
2081
- ),
2082
- on
2083
- ),
2084
- [
2085
- _vm._v(
2086
- "\n " +
2087
- _vm._s(
2088
- _vm.$getIcon(
2089
- "infoOutline"
2090
- )
2091
- ) +
2092
- "\n "
2093
- ),
2094
- ]
2095
- ),
2096
- ]
2097
- },
2098
- },
2099
- ],
2100
- null,
2101
- true
2102
- ),
2103
- },
2104
- [
2105
- _vm._v(" "),
2106
- _c("span", [
2107
- _vm._v(
2108
- _vm._s(
2109
- _vm.$t(
2110
- column.helperText
2111
- )
2112
- )
2113
- ),
2114
- ]),
2115
- ]
2116
- ),
2117
- ]
2118
- : _vm._e(),
2119
- _vm._v(" "),
2120
- column.sortable &&
2121
- column.align !== "right" &&
2122
- !_vm.instance.editing
2123
- ? _c(
2124
- "span",
2125
- {
2126
- staticClass:
2127
- "zd-table-cell-sort zd-ml-1",
2128
- on: {
2129
- click: function (
2130
- $event
2131
- ) {
2132
- return _vm.instance.changeColumnOrder(
2133
- column
2134
- )
2135
2020
  },
2136
- },
2137
- },
2138
- [
2139
- column.sortable &&
2140
- column.align !==
2141
- "right" &&
2142
- !_vm.instance.editing
2143
- ? _c(
2144
- "v-icon",
2145
- {
2146
- staticClass:
2147
- "zd-table-cell-sort-icon",
2148
- attrs: {
2149
- small: "",
2150
- },
2151
- },
2152
- [
2153
- _vm._v(
2154
- "\n " +
2155
- _vm._s(
2156
- _vm.$getIcon(
2157
- "chevronUp"
2158
- )
2159
- ) +
2160
- "\n "
2161
- ),
2162
- ]
2163
- )
2164
- : _vm._e(),
2165
- _vm._v(" "),
2166
- _vm.instance.datasource.findOrderIndex(
2167
- column.name
2168
- ) >= 0
2169
- ? _c(
2170
- "span",
2171
- {
2172
- staticClass:
2173
- "zd-table-cell-sort-order",
2174
- },
2175
- [
2176
- _vm._v(
2177
- "\n " +
2178
- _vm._s(
2179
- _vm.instance.datasource.findOrderIndex(
2180
- column.name
2181
- ) + 1
2182
- ) +
2183
- "\n "
2184
- ),
2185
- ]
2186
- )
2187
- : _vm._e(),
2188
- ],
2189
- 1
2190
- )
2191
- : _vm._e(),
2192
- ]
2193
- : [
2194
- _c(
2195
- "span",
2196
- {
2197
- staticClass:
2198
- "zd-table-cell-name",
2199
- },
2200
- [
2201
- _vm._v(
2202
- _vm._s(
2203
- _vm.$t(column.label)
2204
- )
2205
- ),
2206
- ]
2207
- ),
2208
- ],
2209
- _vm._v(" "),
2210
- _vm.instance.columnFilterButton &&
2211
- column.filterable
2212
- ? _c(
2213
- "span",
2214
- {
2215
- class: [
2216
- "tek-grid-column-filter-button",
2217
- {
2218
- "has-filter-data":
2219
- _vm.instance.columnHasFilterData(
2220
- column
2221
- ),
2222
- },
2223
- ],
2224
- },
2225
- [
2226
- _c(
2227
- "v-menu",
2228
- {
2229
- attrs: {
2230
- "offset-overflow": "",
2231
- "offset-y": "",
2232
- "min-width": 200,
2233
- transition:
2234
- "scale-transition",
2235
- "content-class":
2236
- "tek-grid-column-filter-menu",
2237
- "close-on-content-click": false,
2238
- },
2239
- scopedSlots: _vm._u(
2240
- [
2241
- {
2242
- key: "activator",
2243
- fn: function (ref) {
2244
- var on = ref.on;
2245
- return [
2246
- _c(
2247
- "v-icon",
2248
- _vm._g(
2249
- {},
2250
- Object.assign(
2251
- {},
2252
- _vm.getFilterActivatorEvents(
2253
- on,
2254
- column
2255
- )
2256
- )
2257
- ),
2258
- [
2259
- _vm._v(
2260
- _vm._s(
2261
- _vm.$getIcon(
2262
- "filter"
2263
- )
2264
- )
2265
- ),
2266
- ]
2267
- ),
2268
- ]
2269
- },
2270
- },
2271
- ],
2272
- null,
2273
- true
2274
- ),
2275
- },
2276
- [
2277
- _vm._v(" "),
2278
- _vm._l(
2279
- _vm.getColumnFilterOptions(
2280
- column
2281
- ),
2282
- function (
2283
- item,
2284
- filterIndex
2285
- ) {
2286
- return _c(
2287
- "span",
2288
- {
2289
- key: filterIndex,
2290
- },
2291
- [
2292
- filterIndex > 0
2293
- ? _c(
2294
- "zd-radio",
2295
- _vm._b(
2296
- {
2297
- attrs: {
2298
- name:
2299
- _vm
2300
- .instance
2301
- .name +
2302
- "-" +
2303
- column.name +
2304
- "-filter-relation-" +
2305
- filterIndex,
2306
- },
2307
- },
2308
- "zd-radio",
2309
- {
2310
- showLabel: false,
2311
- showHelper: false,
2312
- vertical: false,
2313
- cssClass:
2314
- "zd-mb-2",
2315
- datasource:
2316
- _vm
2317
- .instance
2318
- .filterRelationsDatasource,
2319
- dataValue:
2320
- "value",
2321
- dataLabel:
2322
- "text",
2323
- value:
2324
- item.relation,
2325
- events:
2326
- {
2327
- change:
2328
- _vm.getFilterItemChange(
2329
- "relation",
2330
- column,
2331
- filterIndex
2332
- ),
2333
- },
2334
- },
2335
- false
2336
- )
2337
- )
2338
- : _vm._e(),
2339
- _vm._v(" "),
2340
- item.operation !==
2341
- undefined
2342
- ? _c(
2343
- "zd-select",
2344
- _vm._b(
2345
- {
2346
- attrs: {
2347
- name:
2348
- _vm
2349
- .instance
2350
- .name +
2351
- "-" +
2352
- column.name +
2353
- "-filter-operation-" +
2354
- filterIndex,
2355
- },
2356
- },
2357
- "zd-select",
2358
- {
2359
- autocomplete: false,
2360
- showLabel: false,
2361
- showHelper: false,
2362
- clearable: false,
2363
- cssClass:
2364
- "zd-mb-2",
2365
- datasource:
2366
- _vm
2367
- .instance
2368
- .filterOperationsDatasource,
2369
- dataValue:
2370
- "value",
2371
- dataText:
2372
- "text",
2373
- value:
2374
- item.operation,
2375
- events:
2376
- {
2377
- change:
2378
- _vm.getFilterItemChange(
2379
- "operation",
2380
- column,
2381
- filterIndex
2382
- ),
2383
- },
2384
- },
2385
- false
2386
- )
2387
- )
2388
- : _vm._e(),
2389
- _vm._v(" "),
2390
- _c(
2391
- _vm.getComponentType(
2392
- filterIndex
2393
- ) ||
2394
- column
2395
- .componentProps
2396
- .component,
2397
- _vm._b(
2398
- {
2399
- tag: "component",
2400
- attrs: {
2401
- name:
2402
- _vm
2403
- .instance
2404
- .name +
2405
- "-" +
2406
- column.name +
2407
- "-filter-value-" +
2408
- filterIndex,
2409
- },
2410
- },
2411
- "component",
2412
- Object.assign(
2413
- {},
2414
- column.componentProps,
2415
- {
2416
- showLabel: false,
2417
- showHelper: true,
2418
- autofill: false,
2419
- cssClass:
2420
- "zd-mb-2",
2421
- value:
2422
- item.value,
2423
- persistentHint: true,
2424
- hint: _vm.getComponentHint(
2425
- filterIndex
2426
- ),
2427
- events: {
2428
- input:
2429
- _vm.getFilterValueChange(
2430
- column,
2431
- filterIndex
2432
- ),
2433
- change:
2434
- _vm.getFilterValueChange(
2435
- column,
2436
- filterIndex
2437
- ),
2438
- },
2439
- }
2440
- ),
2441
- false
2442
- )
2443
- ),
2444
- ],
2445
- 1
2446
- )
2447
2021
  }
2448
2022
  ),
2449
- ],
2450
- 2
2451
- ),
2452
- ],
2453
- 1
2454
- )
2455
- : _vm._e(),
2456
- _vm._v(" "),
2457
- _vm.instance.resizeColumns
2458
- ? _c(
2459
- "span",
2460
- {
2461
- staticClass:
2462
- "zd-grid-resize-handle",
2463
- on: {
2464
- mousedown: function (
2465
- $event
2466
- ) {
2467
- return _vm.resizeMouseDownHandler(
2468
- column,
2469
- $event
2470
- )
2471
- },
2472
- click:
2473
- _vm.resizeClickHandler,
2023
+ ]
2474
2024
  },
2475
- },
2476
- [_vm._v("‖")]
2477
- )
2478
- : _vm._e(),
2479
- ],
2480
- 2
2481
- ),
2482
- ]
2025
+ proxy: true,
2026
+ }
2027
+ : null,
2028
+ ],
2029
+ null,
2030
+ true
2031
+ ),
2032
+ }),
2033
+ ],
2034
+ 1
2483
2035
  )
2484
2036
  : _vm._e(),
2485
2037
  ]
@@ -2808,6 +2360,8 @@
2808
2360
  .cellSelection,
2809
2361
  },
2810
2362
  on: {
2363
+ mousedown:
2364
+ _vm.editableMousedown,
2811
2365
  click: function ($event) {
2812
2366
  _vm.cellClick(
2813
2367
  item,
@@ -2833,6 +2387,11 @@
2833
2387
  column
2834
2388
  )
2835
2389
  },
2390
+ focusin: function ($event) {
2391
+ return _vm.cellFocusIn(
2392
+ $event
2393
+ )
2394
+ },
2836
2395
  focusout: function (
2837
2396
  $event
2838
2397
  ) {
@@ -2992,6 +2551,22 @@
2992
2551
  : "unset",
2993
2552
  },
2994
2553
  ],
2554
+ row: item,
2555
+ },
2556
+ on: {
2557
+ focus: function ($event) {
2558
+ return _vm.cellFocus(
2559
+ item,
2560
+ column
2561
+ )
2562
+ },
2563
+ focusin: function (
2564
+ $event
2565
+ ) {
2566
+ return _vm.cellFocusIn(
2567
+ $event
2568
+ )
2569
+ },
2995
2570
  },
2996
2571
  },
2997
2572
  [
@@ -3101,14 +2676,20 @@
3101
2676
  ],
3102
2677
  cellSelection:
3103
2678
  _vm.instance.cellSelection,
2679
+ row: item,
3104
2680
  },
3105
2681
  on: {
3106
- focusin: function ($event) {
2682
+ focus: function ($event) {
3107
2683
  return _vm.cellFocus(
3108
2684
  item,
3109
2685
  column
3110
2686
  )
3111
2687
  },
2688
+ focusin: function ($event) {
2689
+ return _vm.cellFocusIn(
2690
+ $event
2691
+ )
2692
+ },
3112
2693
  click: function ($event) {
3113
2694
  return _vm.cellClick(
3114
2695
  item,
@@ -3246,34 +2827,34 @@
3246
2827
  },
3247
2828
  })
3248
2829
  };
3249
- var __vue_staticRenderFns__$e = [];
3250
- __vue_render__$e._withStripped = true;
2830
+ var __vue_staticRenderFns__$g = [];
2831
+ __vue_render__$g._withStripped = true;
3251
2832
 
3252
2833
  /* style */
3253
- const __vue_inject_styles__$e = function (inject) {
2834
+ const __vue_inject_styles__$g = function (inject) {
3254
2835
  if (!inject) return
3255
- inject("data-v-7c88975c_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
2836
+ inject("data-v-6d49a6da_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3256
2837
 
3257
2838
  };
3258
2839
  /* scoped */
3259
- const __vue_scope_id__$e = undefined;
2840
+ const __vue_scope_id__$g = undefined;
3260
2841
  /* module identifier */
3261
- const __vue_module_identifier__$e = undefined;
2842
+ const __vue_module_identifier__$g = undefined;
3262
2843
  /* functional template */
3263
- const __vue_is_functional_template__$e = false;
2844
+ const __vue_is_functional_template__$g = false;
3264
2845
  /* style inject SSR */
3265
2846
 
3266
2847
  /* style inject shadow dom */
3267
2848
 
3268
2849
 
3269
2850
 
3270
- const __vue_component__$e = /*#__PURE__*/normalizeComponent(
3271
- { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
3272
- __vue_inject_styles__$e,
3273
- __vue_script__$e,
3274
- __vue_scope_id__$e,
3275
- __vue_is_functional_template__$e,
3276
- __vue_module_identifier__$e,
2851
+ const __vue_component__$g = /*#__PURE__*/normalizeComponent(
2852
+ { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
2853
+ __vue_inject_styles__$g,
2854
+ __vue_script__$g,
2855
+ __vue_scope_id__$g,
2856
+ __vue_is_functional_template__$g,
2857
+ __vue_module_identifier__$g,
3277
2858
  false,
3278
2859
  createInjector,
3279
2860
  undefined,
@@ -3297,13 +2878,13 @@
3297
2878
  TekGridCellIdentation = __decorate([
3298
2879
  vuePropertyDecorator.Component
3299
2880
  ], TekGridCellIdentation);
3300
- var script$d = TekGridCellIdentation;
2881
+ var script$f = TekGridCellIdentation;
3301
2882
 
3302
2883
  /* script */
3303
- const __vue_script__$d = script$d;
2884
+ const __vue_script__$f = script$f;
3304
2885
 
3305
2886
  /* template */
3306
- var __vue_render__$d = function () {
2887
+ var __vue_render__$f = function () {
3307
2888
  var _vm = this;
3308
2889
  var _h = _vm.$createElement;
3309
2890
  var _c = _vm._self._c || _h;
@@ -3318,23 +2899,341 @@
3318
2899
  _vm.groupSummary,
3319
2900
  },
3320
2901
  ],
3321
- })
2902
+ })
2903
+ };
2904
+ var __vue_staticRenderFns__$f = [];
2905
+ __vue_render__$f._withStripped = true;
2906
+
2907
+ /* style */
2908
+ const __vue_inject_styles__$f = function (inject) {
2909
+ if (!inject) return
2910
+ 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 });
2911
+
2912
+ };
2913
+ /* scoped */
2914
+ const __vue_scope_id__$f = undefined;
2915
+ /* module identifier */
2916
+ const __vue_module_identifier__$f = undefined;
2917
+ /* functional template */
2918
+ const __vue_is_functional_template__$f = false;
2919
+ /* style inject SSR */
2920
+
2921
+ /* style inject shadow dom */
2922
+
2923
+
2924
+
2925
+ const __vue_component__$f = /*#__PURE__*/normalizeComponent(
2926
+ { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
2927
+ __vue_inject_styles__$f,
2928
+ __vue_script__$f,
2929
+ __vue_scope_id__$f,
2930
+ __vue_is_functional_template__$f,
2931
+ __vue_module_identifier__$f,
2932
+ false,
2933
+ createInjector,
2934
+ undefined,
2935
+ undefined
2936
+ );
2937
+
2938
+ let TekGridHeaderIndentation = class TekGridHeaderIndentation extends Vue__default["default"] {
2939
+ };
2940
+ __decorate([
2941
+ vuePropertyDecorator.Prop({ type: String })
2942
+ ], TekGridHeaderIndentation.prototype, "name", void 0);
2943
+ __decorate([
2944
+ vuePropertyDecorator.Prop({ type: Number })
2945
+ ], TekGridHeaderIndentation.prototype, "groupIndex", void 0);
2946
+ TekGridHeaderIndentation = __decorate([
2947
+ Component__default["default"]
2948
+ ], TekGridHeaderIndentation);
2949
+ var script$e = TekGridHeaderIndentation;
2950
+
2951
+ /* script */
2952
+ const __vue_script__$e = script$e;
2953
+
2954
+ /* template */
2955
+ var __vue_render__$e = function () {
2956
+ var _vm = this;
2957
+ var _h = _vm.$createElement;
2958
+ var _c = _vm._self._c || _h;
2959
+ return _c("span", {
2960
+ key: _vm.name,
2961
+ class: [
2962
+ "tek-grid-header-group-identation",
2963
+ {
2964
+ "first-group": _vm.groupIndex === 0,
2965
+ },
2966
+ ],
2967
+ })
2968
+ };
2969
+ var __vue_staticRenderFns__$e = [];
2970
+ __vue_render__$e._withStripped = true;
2971
+
2972
+ /* style */
2973
+ const __vue_inject_styles__$e = undefined;
2974
+ /* scoped */
2975
+ const __vue_scope_id__$e = undefined;
2976
+ /* module identifier */
2977
+ const __vue_module_identifier__$e = undefined;
2978
+ /* functional template */
2979
+ const __vue_is_functional_template__$e = false;
2980
+ /* style inject */
2981
+
2982
+ /* style inject SSR */
2983
+
2984
+ /* style inject shadow dom */
2985
+
2986
+
2987
+
2988
+ const __vue_component__$e = /*#__PURE__*/normalizeComponent(
2989
+ { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
2990
+ __vue_inject_styles__$e,
2991
+ __vue_script__$e,
2992
+ __vue_scope_id__$e,
2993
+ __vue_is_functional_template__$e,
2994
+ __vue_module_identifier__$e,
2995
+ false,
2996
+ undefined,
2997
+ undefined,
2998
+ undefined
2999
+ );
3000
+
3001
+ let TekGridColumnFilter = class TekGridColumnFilter extends Vue__default["default"] {
3002
+ itemChange(type, filterIndex, params) {
3003
+ this.$emit('itemChange', { type, filterIndex, params });
3004
+ }
3005
+ valueChange(filterIndex, params) {
3006
+ this.$emit('valueChange', { filterIndex, params });
3007
+ }
3008
+ };
3009
+ __decorate([
3010
+ vuePropertyDecorator.Prop({ type: Boolean, default: false })
3011
+ ], TekGridColumnFilter.prototype, "hasFilterData", void 0);
3012
+ __decorate([
3013
+ vuePropertyDecorator.Prop({ type: Function, required: true })
3014
+ ], TekGridColumnFilter.prototype, "getFilterActivatorEvents", void 0);
3015
+ __decorate([
3016
+ vuePropertyDecorator.Prop({ type: Object, required: true })
3017
+ ], TekGridColumnFilter.prototype, "column", void 0);
3018
+ __decorate([
3019
+ vuePropertyDecorator.Prop({ type: Array, default: [] })
3020
+ ], TekGridColumnFilter.prototype, "columnFilterOptions", void 0);
3021
+ __decorate([
3022
+ vuePropertyDecorator.Prop({ type: String, required: true })
3023
+ ], TekGridColumnFilter.prototype, "instanceName", void 0);
3024
+ __decorate([
3025
+ vuePropertyDecorator.Prop({ type: Object, required: true })
3026
+ ], TekGridColumnFilter.prototype, "filterRelationsDatasource", void 0);
3027
+ __decorate([
3028
+ vuePropertyDecorator.Prop({ type: Object, required: true })
3029
+ ], TekGridColumnFilter.prototype, "filterOperationsDatasource", void 0);
3030
+ __decorate([
3031
+ vuePropertyDecorator.Prop({ type: Function, required: true })
3032
+ ], TekGridColumnFilter.prototype, "getComponentHint", void 0);
3033
+ __decorate([
3034
+ vuePropertyDecorator.Prop({ type: Function, required: true })
3035
+ ], TekGridColumnFilter.prototype, "getComponentType", void 0);
3036
+ TekGridColumnFilter = __decorate([
3037
+ Component__default["default"]
3038
+ ], TekGridColumnFilter);
3039
+ var script$d = TekGridColumnFilter;
3040
+
3041
+ /* script */
3042
+ const __vue_script__$d = script$d;
3043
+
3044
+ /* template */
3045
+ var __vue_render__$d = function () {
3046
+ var _vm = this;
3047
+ var _h = _vm.$createElement;
3048
+ var _c = _vm._self._c || _h;
3049
+ return _c(
3050
+ "span",
3051
+ {
3052
+ class: [
3053
+ "tek-grid-column-filter-button",
3054
+ { "has-filter-data": _vm.hasFilterData },
3055
+ ],
3056
+ },
3057
+ [
3058
+ _c(
3059
+ "v-menu",
3060
+ {
3061
+ attrs: {
3062
+ "offset-overflow": "",
3063
+ "offset-y": "",
3064
+ "min-width": 200,
3065
+ transition: "scale-transition",
3066
+ "content-class": "tek-grid-column-filter-menu",
3067
+ "close-on-content-click": false,
3068
+ },
3069
+ scopedSlots: _vm._u([
3070
+ {
3071
+ key: "activator",
3072
+ fn: function (ref) {
3073
+ var on = ref.on;
3074
+ return [
3075
+ _c(
3076
+ "v-icon",
3077
+ _vm._g(
3078
+ {},
3079
+ Object.assign(
3080
+ {},
3081
+ _vm.getFilterActivatorEvents(on, _vm.column)
3082
+ )
3083
+ ),
3084
+ [_vm._v(_vm._s(_vm.$getIcon("filter")))]
3085
+ ),
3086
+ ]
3087
+ },
3088
+ },
3089
+ ]),
3090
+ },
3091
+ [
3092
+ _vm._v(" "),
3093
+ _vm._l(_vm.columnFilterOptions, function (item, filterIndex) {
3094
+ return _c(
3095
+ "span",
3096
+ { key: filterIndex },
3097
+ [
3098
+ filterIndex > 0
3099
+ ? _c(
3100
+ "zd-radio",
3101
+ _vm._b(
3102
+ {
3103
+ attrs: {
3104
+ name:
3105
+ _vm.instanceName +
3106
+ "-" +
3107
+ _vm.column.name +
3108
+ "-filter-relation-" +
3109
+ filterIndex,
3110
+ },
3111
+ },
3112
+ "zd-radio",
3113
+ {
3114
+ showLabel: false,
3115
+ showHelper: false,
3116
+ vertical: false,
3117
+ cssClass: "zd-mb-2",
3118
+ datasource: _vm.filterRelationsDatasource,
3119
+ dataValue: "value",
3120
+ dataLabel: "text",
3121
+ value: item.relation,
3122
+ events: {
3123
+ change: function (params) {
3124
+ return _vm.itemChange(
3125
+ "relation",
3126
+ filterIndex,
3127
+ params
3128
+ )
3129
+ },
3130
+ },
3131
+ },
3132
+ false
3133
+ )
3134
+ )
3135
+ : _vm._e(),
3136
+ _vm._v(" "),
3137
+ item.operation !== undefined
3138
+ ? _c(
3139
+ "zd-select",
3140
+ _vm._b(
3141
+ {
3142
+ attrs: {
3143
+ name:
3144
+ _vm.instanceName +
3145
+ "-" +
3146
+ _vm.column.name +
3147
+ "-filter-operation-" +
3148
+ filterIndex,
3149
+ },
3150
+ },
3151
+ "zd-select",
3152
+ {
3153
+ autocomplete: false,
3154
+ showLabel: false,
3155
+ showHelper: false,
3156
+ clearable: false,
3157
+ cssClass: "zd-mb-2",
3158
+ datasource: _vm.filterOperationsDatasource,
3159
+ dataValue: "value",
3160
+ dataText: "text",
3161
+ value: item.operation,
3162
+ events: {
3163
+ change: function (params) {
3164
+ return _vm.itemChange(
3165
+ "operation",
3166
+ filterIndex,
3167
+ params
3168
+ )
3169
+ },
3170
+ },
3171
+ },
3172
+ false
3173
+ )
3174
+ )
3175
+ : _vm._e(),
3176
+ _vm._v(" "),
3177
+ _c(
3178
+ _vm.getComponentType(filterIndex) ||
3179
+ _vm.column.componentProps.component,
3180
+ _vm._b(
3181
+ {
3182
+ tag: "component",
3183
+ attrs: {
3184
+ name:
3185
+ _vm.instanceName +
3186
+ "-" +
3187
+ _vm.column.name +
3188
+ "-filter-value-" +
3189
+ filterIndex,
3190
+ },
3191
+ },
3192
+ "component",
3193
+ Object.assign({}, _vm.column.componentProps, {
3194
+ showLabel: false,
3195
+ showHelper: true,
3196
+ autofill: false,
3197
+ cssClass: "zd-mb-2",
3198
+ value: item.value,
3199
+ persistentHint: true,
3200
+ hint: _vm.getComponentHint(filterIndex),
3201
+ events: {
3202
+ input: function (params) {
3203
+ return _vm.valueChange(filterIndex, params)
3204
+ },
3205
+ change: function (params) {
3206
+ return _vm.valueChange(filterIndex, params)
3207
+ },
3208
+ },
3209
+ }),
3210
+ false
3211
+ )
3212
+ ),
3213
+ ],
3214
+ 1
3215
+ )
3216
+ }),
3217
+ ],
3218
+ 2
3219
+ ),
3220
+ ],
3221
+ 1
3222
+ )
3322
3223
  };
3323
3224
  var __vue_staticRenderFns__$d = [];
3324
3225
  __vue_render__$d._withStripped = true;
3325
3226
 
3326
3227
  /* style */
3327
- const __vue_inject_styles__$d = function (inject) {
3328
- if (!inject) return
3329
- inject("data-v-ae0ff78e_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
3330
-
3331
- };
3228
+ const __vue_inject_styles__$d = undefined;
3332
3229
  /* scoped */
3333
3230
  const __vue_scope_id__$d = undefined;
3334
3231
  /* module identifier */
3335
3232
  const __vue_module_identifier__$d = undefined;
3336
3233
  /* functional template */
3337
3234
  const __vue_is_functional_template__$d = false;
3235
+ /* style inject */
3236
+
3338
3237
  /* style inject SSR */
3339
3238
 
3340
3239
  /* style inject shadow dom */
@@ -3349,7 +3248,7 @@
3349
3248
  __vue_is_functional_template__$d,
3350
3249
  __vue_module_identifier__$d,
3351
3250
  false,
3352
- createInjector,
3251
+ undefined,
3353
3252
  undefined,
3354
3253
  undefined
3355
3254
  );
@@ -4325,6 +4224,25 @@
4325
4224
  filterClick({ event }) {
4326
4225
  this.instance.click(event);
4327
4226
  }
4227
+ getEvents() {
4228
+ const on = this.$listeners;
4229
+ const events = Object.assign({}, this.instance.events);
4230
+ Object.keys(on).forEach((eventName) => {
4231
+ const callback = this.instance.events[eventName];
4232
+ events[eventName] = ({ event, component, element }) => {
4233
+ if (callback && typeof callback === 'function') {
4234
+ callback({ event, component, element });
4235
+ }
4236
+ const onEvent = on[eventName];
4237
+ if (typeof onEvent === 'function') {
4238
+ onEvent(event);
4239
+ return;
4240
+ }
4241
+ onEvent.forEach((fn) => fn(event));
4242
+ };
4243
+ });
4244
+ return events;
4245
+ }
4328
4246
  };
4329
4247
  __decorate([
4330
4248
  vuetify.PropWatch({ type: [String], default: '' })
@@ -4717,6 +4635,7 @@
4717
4635
  datasource.get();
4718
4636
  }
4719
4637
  }, 500);
4638
+ this.debouncedFilterChange = debounce__default["default"]((column, index, params) => this.filterValueChange(column, index, params), 1000);
4720
4639
  this.operationList = '';
4721
4640
  this.defaultOperation = '';
4722
4641
  this.defaultRelation = '';
@@ -4769,11 +4688,11 @@
4769
4688
  });
4770
4689
  return events;
4771
4690
  }
4772
- getFilterItemChange(prop, column, index) {
4773
- return this.filterItemChange.bind(this, prop, column, index);
4691
+ getFilterItemChange(prop, column, index, params) {
4692
+ return this.filterItemChange(prop, column, index, params);
4774
4693
  }
4775
- getFilterValueChange(column, index) {
4776
- return debounce__default["default"](this.filterValueChange.bind(this, column, index), 1000);
4694
+ getFilterValueChange(column, index, params) {
4695
+ return this.debouncedFilterChange(column, index, params);
4777
4696
  }
4778
4697
  isOperationArrayValues(operation) {
4779
4698
  return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
@@ -5418,548 +5337,177 @@
5418
5337
  },
5419
5338
  },
5420
5339
  [
5421
- _c(
5422
- "span",
5423
- {
5424
- staticClass: "zd-table-header-cell",
5425
- style: {
5340
+ _c("zd-grid-column-header", {
5341
+ attrs: {
5342
+ cssStyle: {
5426
5343
  width:
5427
5344
  _vm.setSpanWidth(column) ||
5428
5345
  "100%",
5429
5346
  },
5347
+ action: column.type === "action",
5348
+ overflow: column.overflow,
5349
+ helperText: column.helperText,
5350
+ label: column.label,
5351
+ columnAlign: column.align,
5352
+ orderIndex:
5353
+ _vm.instance.datasource.findOrderIndex(
5354
+ column.name
5355
+ ),
5356
+ showSort:
5357
+ column.sortable &&
5358
+ !_vm.instance.editing,
5359
+ resizeColumns:
5360
+ _vm.instance.resizeColumns,
5430
5361
  },
5431
- [
5432
- column.type !== "action"
5433
- ? [
5434
- index === 0 &&
5435
- _vm.instance.groupColumnNames
5436
- .length > 0
5437
- ? _vm._l(
5362
+ on: {
5363
+ click: function ($event) {
5364
+ return _vm.instance.changeColumnOrder(
5365
+ column
5366
+ )
5367
+ },
5368
+ labelMouseenter: function ($event) {
5369
+ return _vm.checkOverflow($event)
5370
+ },
5371
+ labelMouseleave: function ($event) {
5372
+ return _vm.removeTooltip()
5373
+ },
5374
+ resizeMousedown: function ($event) {
5375
+ return _vm.resizeMouseDownHandler(
5376
+ column,
5377
+ $event
5378
+ )
5379
+ },
5380
+ resizeClick: _vm.resizeClickHandler,
5381
+ },
5382
+ scopedSlots: _vm._u(
5383
+ [
5384
+ index === 0 &&
5385
+ _vm.instance.groupColumnNames
5386
+ .length > 0
5387
+ ? {
5388
+ key: "prepend",
5389
+ fn: function () {
5390
+ return _vm._l(
5438
5391
  _vm.instance
5439
5392
  .groupColumnNames,
5440
5393
  function (
5441
5394
  name,
5442
5395
  groupIndex
5443
5396
  ) {
5444
- return _c("span", {
5445
- key: name,
5446
- class: [
5447
- "tek-grid-header-group-identation",
5448
- {
5449
- "first-group":
5450
- groupIndex ===
5451
- 0,
5397
+ return _c(
5398
+ "tek-grid-header-indentation",
5399
+ {
5400
+ attrs: {
5401
+ name: name,
5402
+ groupIndex:
5403
+ groupIndex,
5452
5404
  },
5453
- ],
5454
- })
5405
+ }
5406
+ )
5455
5407
  }
5456
5408
  )
5457
- : _vm._e(),
5458
- _vm._v(" "),
5459
- column.sortable &&
5460
- column.align === "right" &&
5461
- !_vm.instance.editing
5462
- ? _c(
5463
- "span",
5464
- {
5465
- staticClass:
5466
- "zd-table-cell-sort zd-mr-1",
5467
- on: {
5468
- click: function (
5469
- $event
5470
- ) {
5471
- return _vm.instance.changeColumnOrder(
5472
- column
5473
- )
5474
- },
5475
- },
5476
- },
5477
- [
5478
- column.sortable &&
5479
- column.align ===
5480
- "right" &&
5481
- !_vm.instance.editing
5482
- ? _c(
5483
- "v-icon",
5484
- {
5485
- staticClass:
5486
- "zd-table-cell-sort-icon",
5487
- attrs: {
5488
- small: "",
5489
- },
5490
- },
5491
- [
5492
- _vm._v(
5493
- "\n " +
5494
- _vm._s(
5495
- _vm.$getIcon(
5496
- "chevronUp"
5497
- )
5498
- ) +
5499
- "\n "
5500
- ),
5501
- ]
5502
- )
5503
- : _vm._e(),
5504
- _vm._v(" "),
5505
- _vm.instance.datasource.findOrderIndex(
5506
- column.name
5507
- ) >= 0
5508
- ? _c(
5509
- "span",
5510
- {
5511
- staticClass:
5512
- "zd-table-cell-sort-order left",
5513
- },
5514
- [
5515
- _vm._v(
5516
- "\n " +
5517
- _vm._s(
5518
- _vm.instance.datasource.findOrderIndex(
5519
- column.name
5520
- ) + 1
5521
- ) +
5522
- "\n "
5523
- ),
5524
- ]
5525
- )
5526
- : _vm._e(),
5527
- ],
5528
- 1
5529
- )
5530
- : _vm._e(),
5531
- _vm._v(" "),
5532
- _c(
5533
- "span",
5534
- {
5535
- class: [
5536
- "zd-table-cell-name",
5537
- {
5538
- "overflow-hidden":
5539
- column.overflow ===
5540
- "hidden",
5541
- "overflow-wrap":
5542
- column.overflow ===
5543
- "wrap",
5544
- },
5545
- !isNaN(column.overflow)
5546
- ? "overflow-clamp overflow-clamp-" +
5547
- column.overflow
5548
- : "",
5549
- ],
5550
- on: {
5551
- click: function ($event) {
5552
- return _vm.instance.changeColumnOrder(
5553
- column
5554
- )
5555
- },
5556
- mouseenter: function (
5557
- $event
5558
- ) {
5559
- return _vm.checkOverflow(
5560
- $event
5561
- )
5562
- },
5563
- mouseleave: function (
5564
- $event
5565
- ) {
5566
- return _vm.removeTooltip()
5567
- },
5568
- },
5569
5409
  },
5570
- [
5571
- _vm._v(
5572
- _vm._s(
5573
- _vm.$t(column.label)
5574
- )
5575
- ),
5576
- column.aggregation
5577
- ? _c(
5578
- "span",
5579
- {
5580
- staticClass:
5581
- "tek-grid-column-aggregation",
5582
- },
5583
- [
5584
- _vm._v(
5585
- "(" +
5586
- _vm._s(
5587
- _vm.$t(
5588
- "TEKGRID_AGGREGATION_" +
5589
- column.aggregation
5590
- )
5591
- ) +
5592
- ")"
5593
- ),
5594
- ]
5595
- )
5596
- : _vm._e(),
5597
- ]
5598
- ),
5599
- _vm._v(" "),
5600
- column.sortable &&
5601
- column.align !== "right" &&
5602
- !_vm.instance.editing
5603
- ? _c(
5604
- "span",
5605
- {
5606
- staticClass:
5607
- "zd-table-cell-sort zd-ml-1",
5608
- on: {
5609
- click: function (
5610
- $event
5611
- ) {
5612
- return _vm.instance.changeColumnOrder(
5613
- column
5614
- )
5615
- },
5410
+ proxy: true,
5411
+ }
5412
+ : null,
5413
+ {
5414
+ key: "label",
5415
+ fn: function () {
5416
+ return [
5417
+ column.aggregation
5418
+ ? _c(
5419
+ "span",
5420
+ {
5421
+ staticClass:
5422
+ "tek-grid-column-aggregation",
5616
5423
  },
5617
- },
5618
- [
5619
- column.sortable &&
5620
- column.align !==
5621
- "right" &&
5622
- !_vm.instance.editing
5623
- ? _c(
5624
- "v-icon",
5625
- {
5626
- staticClass:
5627
- "zd-table-cell-sort-icon",
5628
- attrs: {
5629
- small: "",
5630
- },
5631
- },
5632
- [
5633
- _vm._v(
5634
- "\n " +
5635
- _vm._s(
5636
- _vm.$getIcon(
5637
- "chevronUp"
5638
- )
5639
- ) +
5640
- "\n "
5641
- ),
5642
- ]
5643
- )
5644
- : _vm._e(),
5645
- _vm._v(" "),
5646
- _vm.instance.datasource.findOrderIndex(
5647
- column.name
5648
- ) >= 0
5649
- ? _c(
5650
- "span",
5651
- {
5652
- staticClass:
5653
- "zd-table-cell-sort-order",
5654
- },
5655
- [
5656
- _vm._v(
5657
- "\n " +
5658
- _vm._s(
5659
- _vm.instance.datasource.findOrderIndex(
5660
- column.name
5661
- ) + 1
5662
- ) +
5663
- "\n "
5664
- ),
5665
- ]
5666
- )
5667
- : _vm._e(),
5668
- ],
5669
- 1
5670
- )
5671
- : _vm._e(),
5672
- ]
5673
- : [
5674
- _c(
5675
- "span",
5676
- {
5677
- staticClass:
5678
- "zd-table-cell-name",
5679
- },
5680
- [
5681
- _vm._v(
5682
- _vm._s(
5683
- _vm.$t(column.label)
5684
- )
5685
- ),
5686
- ]
5687
- ),
5688
- ],
5689
- _vm._v(" "),
5690
- _vm.instance.columnFilterButton &&
5691
- column.filterable
5692
- ? _c(
5693
- "span",
5694
- {
5695
- class: [
5696
- "tek-grid-column-filter-button",
5697
- {
5698
- "has-filter-data":
5699
- _vm.instance.columnHasFilterData(
5700
- column
5701
- ),
5702
- },
5703
- ],
5704
- },
5705
- [
5706
- _c(
5707
- "v-menu",
5708
- {
5709
- attrs: {
5710
- "offset-overflow": "",
5711
- "offset-y": "",
5712
- "min-width": 200,
5713
- transition:
5714
- "scale-transition",
5715
- "content-class":
5716
- "tek-grid-column-filter-menu",
5717
- "close-on-content-click": false,
5718
- },
5719
- scopedSlots: _vm._u(
5720
5424
  [
5721
- {
5722
- key: "activator",
5723
- fn: function (ref) {
5724
- var on = ref.on;
5725
- return [
5726
- _c(
5727
- "v-icon",
5728
- _vm._g(
5729
- {},
5730
- Object.assign(
5731
- {},
5732
- _vm.getFilterActivatorEvents(
5733
- on,
5734
- column
5735
- )
5736
- )
5737
- ),
5738
- [
5739
- _vm._v(
5740
- _vm._s(
5741
- _vm.$getIcon(
5742
- "filter"
5743
- )
5744
- )
5745
- ),
5746
- ]
5747
- ),
5748
- ]
5749
- },
5750
- },
5751
- ],
5752
- null,
5753
- true
5754
- ),
5755
- },
5756
- [
5757
- _vm._v(" "),
5758
- _vm._l(
5759
- _vm.getColumnFilterOptions(
5760
- column
5761
- ),
5762
- function (
5763
- item,
5764
- filterIndex
5765
- ) {
5766
- return _c(
5767
- "span",
5768
- {
5769
- key: filterIndex,
5770
- },
5771
- [
5772
- filterIndex > 0
5773
- ? _c(
5774
- "zd-radio",
5775
- _vm._b(
5776
- {
5777
- attrs: {
5778
- name:
5779
- _vm
5780
- .instance
5781
- .name +
5782
- "-" +
5783
- column.name +
5784
- "-filter-relation-" +
5785
- filterIndex,
5786
- },
5787
- },
5788
- "zd-radio",
5789
- {
5790
- showLabel: false,
5791
- showHelper: false,
5792
- vertical: false,
5793
- cssClass:
5794
- "zd-mb-2",
5795
- datasource:
5796
- _vm
5797
- .instance
5798
- .filterRelationsDatasource,
5799
- dataValue:
5800
- "value",
5801
- dataLabel:
5802
- "text",
5803
- value:
5804
- item.relation,
5805
- events:
5806
- {
5807
- change:
5808
- _vm.getFilterItemChange(
5809
- "relation",
5810
- column,
5811
- filterIndex
5812
- ),
5813
- },
5814
- },
5815
- false
5816
- )
5817
- )
5818
- : _vm._e(),
5819
- _vm._v(" "),
5820
- item.operation !==
5821
- undefined
5822
- ? _c(
5823
- "zd-select",
5824
- _vm._b(
5825
- {
5826
- attrs: {
5827
- name:
5828
- _vm
5829
- .instance
5830
- .name +
5831
- "-" +
5832
- column.name +
5833
- "-filter-operation-" +
5834
- filterIndex,
5835
- },
5836
- },
5837
- "zd-select",
5838
- {
5839
- autocomplete: false,
5840
- showLabel: false,
5841
- showHelper: false,
5842
- clearable: false,
5843
- cssClass:
5844
- "zd-mb-2",
5845
- datasource:
5846
- _vm
5847
- .instance
5848
- .filterOperationsDatasource,
5849
- dataValue:
5850
- "value",
5851
- dataText:
5852
- "text",
5853
- value:
5854
- item.operation,
5855
- events:
5856
- {
5857
- change:
5858
- _vm.getFilterItemChange(
5859
- "operation",
5860
- column,
5861
- filterIndex
5862
- ),
5863
- },
5864
- },
5865
- false
5866
- )
5867
- )
5868
- : _vm._e(),
5869
- _vm._v(" "),
5870
- _c(
5871
- _vm.getComponentType(
5872
- filterIndex
5873
- ) ||
5874
- column
5875
- .componentProps
5876
- .component,
5877
- _vm._b(
5878
- {
5879
- tag: "component",
5880
- attrs: {
5881
- name:
5882
- _vm
5883
- .instance
5884
- .name +
5885
- "-" +
5886
- column.name +
5887
- "-filter-value-" +
5888
- filterIndex,
5889
- },
5890
- },
5891
- "component",
5892
- Object.assign(
5893
- {},
5894
- column.componentProps,
5895
- {
5896
- showLabel: false,
5897
- showHelper: true,
5898
- autofill: false,
5899
- cssClass:
5900
- "zd-mb-2",
5901
- value:
5902
- item.value,
5903
- persistentHint: true,
5904
- hint: _vm.getComponentHint(
5905
- filterIndex
5906
- ),
5907
- events: {
5908
- input:
5909
- _vm.getFilterValueChange(
5910
- column,
5911
- filterIndex
5912
- ),
5913
- change:
5914
- _vm.getFilterValueChange(
5915
- column,
5916
- filterIndex
5917
- ),
5918
- },
5919
- }
5920
- ),
5921
- false
5425
+ _vm._v(
5426
+ "(" +
5427
+ _vm._s(
5428
+ _vm.$t(
5429
+ "TEKGRID_AGGREGATION_" +
5430
+ column.aggregation
5922
5431
  )
5923
- ),
5924
- ],
5925
- 1
5926
- )
5927
- }
5928
- ),
5929
- ],
5930
- 2
5931
- ),
5932
- ],
5933
- 1
5934
- )
5935
- : _vm._e(),
5936
- _vm._v(" "),
5937
- _vm.instance.resizeColumns
5938
- ? _c(
5939
- "span",
5940
- {
5941
- staticClass:
5942
- "zd-grid-resize-handle",
5943
- on: {
5944
- mousedown: function (
5945
- $event
5946
- ) {
5947
- return _vm.resizeMouseDownHandler(
5948
- column,
5949
- $event
5432
+ ) +
5433
+ ")"
5434
+ ),
5435
+ ]
5950
5436
  )
5951
- },
5952
- click:
5953
- _vm.resizeClickHandler,
5437
+ : _vm._e(),
5438
+ ]
5439
+ },
5440
+ proxy: true,
5441
+ },
5442
+ _vm.instance.columnFilterButton &&
5443
+ column.filterable
5444
+ ? {
5445
+ key: "append",
5446
+ fn: function () {
5447
+ return [
5448
+ _c(
5449
+ "tek-grid-column-filter",
5450
+ {
5451
+ attrs: {
5452
+ hasFilterData:
5453
+ _vm.instance.columnHasFilterData(
5454
+ column
5455
+ ),
5456
+ getFilterActivatorEvents:
5457
+ _vm.getFilterActivatorEvents,
5458
+ column: column,
5459
+ columnFilterOptions:
5460
+ _vm.getColumnFilterOptions(
5461
+ column
5462
+ ),
5463
+ instanceName:
5464
+ _vm.instance.name,
5465
+ filterRelationsDatasource:
5466
+ _vm.instance
5467
+ .filterRelationsDatasource,
5468
+ filterOperationsDatasource:
5469
+ _vm.instance
5470
+ .filterOperationsDatasource,
5471
+ getComponentHint:
5472
+ _vm.getComponentHint,
5473
+ getComponentType:
5474
+ _vm.getComponentType,
5475
+ },
5476
+ on: {
5477
+ itemChange:
5478
+ function (
5479
+ $event
5480
+ ) {
5481
+ return _vm.getFilterItemChange(
5482
+ $event.type,
5483
+ column,
5484
+ $event.filterIndex
5485
+ )
5486
+ },
5487
+ valueChange:
5488
+ function (
5489
+ $event
5490
+ ) {
5491
+ return _vm.getFilterValueChange(
5492
+ column,
5493
+ $event.filterIndex
5494
+ )
5495
+ },
5496
+ },
5497
+ }
5498
+ ),
5499
+ ]
5954
5500
  },
5955
- },
5956
- [_vm._v("‖")]
5957
- )
5958
- : _vm._e(),
5959
- ],
5960
- 2
5961
- ),
5962
- ]
5501
+ proxy: true,
5502
+ }
5503
+ : null,
5504
+ ],
5505
+ null,
5506
+ true
5507
+ ),
5508
+ }),
5509
+ ],
5510
+ 1
5963
5511
  )
5964
5512
  : _vm._e(),
5965
5513
  ]
@@ -6353,6 +5901,8 @@
6353
5901
  .cellSelection,
6354
5902
  },
6355
5903
  on: {
5904
+ mousedown:
5905
+ _vm.editableMousedown,
6356
5906
  click: function (
6357
5907
  $event
6358
5908
  ) {
@@ -6386,6 +5936,14 @@
6386
5936
  column
6387
5937
  )
6388
5938
  },
5939
+ focusin:
5940
+ function (
5941
+ $event
5942
+ ) {
5943
+ return _vm.cellFocusIn(
5944
+ $event
5945
+ )
5946
+ },
6389
5947
  focusout:
6390
5948
  function (
6391
5949
  $event
@@ -6561,9 +6119,10 @@
6561
6119
  cellSelection:
6562
6120
  _vm.instance
6563
6121
  .cellSelection,
6122
+ row: item,
6564
6123
  },
6565
6124
  on: {
6566
- focusin: function (
6125
+ focus: function (
6567
6126
  $event
6568
6127
  ) {
6569
6128
  return _vm.cellFocus(
@@ -6571,6 +6130,13 @@
6571
6130
  column
6572
6131
  )
6573
6132
  },
6133
+ focusin: function (
6134
+ $event
6135
+ ) {
6136
+ return _vm.cellFocusIn(
6137
+ $event
6138
+ )
6139
+ },
6574
6140
  click: function (
6575
6141
  $event
6576
6142
  ) {
@@ -6726,7 +6292,7 @@
6726
6292
  /* style */
6727
6293
  const __vue_inject_styles__$c = function (inject) {
6728
6294
  if (!inject) return
6729
- inject("data-v-78e28f17_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
6295
+ inject("data-v-605f8700_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
6730
6296
 
6731
6297
  };
6732
6298
  /* scoped */
@@ -7065,9 +6631,7 @@
7065
6631
  cssClass: "tek-grid-filter-button",
7066
6632
  iconName: "filter",
7067
6633
  isVisible: _vm.instance.grid.filterButton,
7068
- events: {
7069
- click: _vm.filterClick,
7070
- },
6634
+ events: Object.assign({}, _vm.getEvents(), { click: _vm.filterClick }),
7071
6635
  },
7072
6636
  false
7073
6637
  )
@@ -7079,7 +6643,7 @@
7079
6643
  /* style */
7080
6644
  const __vue_inject_styles__$a = function (inject) {
7081
6645
  if (!inject) return
7082
- 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 });
6646
+ inject("data-v-312d9169_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 });
7083
6647
 
7084
6648
  };
7085
6649
  /* scoped */
@@ -8441,579 +8005,123 @@
8441
8005
  },
8442
8006
  },
8443
8007
  [
8444
- _c(
8445
- "span",
8446
- {
8447
- staticClass: "zd-table-header-cell",
8448
- style: {
8008
+ _c("zd-grid-column-header", {
8009
+ attrs: {
8010
+ cssStyle: {
8449
8011
  width:
8450
8012
  _vm.setSpanWidth(column) ||
8451
8013
  "100%",
8452
8014
  color:
8453
8015
  _vm.instance.headerCellTextColor,
8454
8016
  },
8017
+ action: column.type === "action",
8018
+ overflow: column.overflow,
8019
+ helperText: column.helperText,
8020
+ label: column.label,
8021
+ columnAlign: column.align,
8022
+ orderIndex:
8023
+ _vm.instance.datasource.findOrderIndex(
8024
+ column.name
8025
+ ),
8026
+ showSort:
8027
+ column.sortable &&
8028
+ !_vm.instance.editing,
8029
+ resizeColumns:
8030
+ _vm.instance.resizeColumns,
8455
8031
  },
8456
- [
8457
- column.type !== "action"
8458
- ? [
8459
- column.sortable &&
8460
- column.align === "right"
8461
- ? _c(
8462
- "span",
8463
- {
8464
- staticClass:
8465
- "zd-table-cell-sort zd-table-cell-sort--left zd-mr-1",
8466
- on: {
8467
- click: function (
8468
- $event
8469
- ) {
8470
- return _vm.instance.changeColumnOrder(
8471
- column
8472
- )
8473
- },
8474
- },
8475
- },
8476
- [
8477
- column.sortable &&
8478
- column.align === "right"
8479
- ? _c(
8480
- "v-icon",
8481
- {
8482
- staticClass:
8483
- "zd-table-cell-sort-icon",
8484
- attrs: {
8485
- small: "",
8486
- },
8487
- },
8488
- [
8489
- _vm._v(
8490
- "\n " +
8491
- _vm._s(
8492
- _vm.$getIcon(
8493
- "chevronUp"
8494
- )
8495
- ) +
8496
- "\n "
8497
- ),
8498
- ]
8499
- )
8500
- : _vm._e(),
8501
- _vm._v(" "),
8502
- _vm.instance.datasource.findOrderIndex(
8503
- column.name
8504
- ) >= 0
8505
- ? _c(
8506
- "span",
8507
- {
8508
- staticClass:
8509
- "zd-table-cell-sort-order left",
8510
- },
8511
- [
8512
- _vm._v(
8513
- "\n " +
8514
- _vm._s(
8515
- _vm.instance.datasource.findOrderIndex(
8516
- column.name
8517
- ) + 1
8518
- ) +
8519
- "\n "
8520
- ),
8521
- ]
8522
- )
8523
- : _vm._e(),
8524
- ],
8525
- 1
8526
- )
8527
- : _vm._e(),
8528
- _vm._v(" "),
8529
- _c(
8530
- "span",
8531
- {
8532
- class: [
8533
- "zd-table-cell-name",
8534
- {
8535
- "overflow-hidden":
8536
- column.overflow ===
8537
- "hidden",
8538
- "overflow-wrap":
8539
- column.overflow ===
8540
- "wrap",
8541
- },
8542
- !isNaN(column.overflow)
8543
- ? "overflow-clamp overflow-clamp-" +
8544
- column.overflow
8545
- : "",
8546
- ],
8547
- on: {
8548
- click: function ($event) {
8549
- return _vm.instance.changeColumnOrder(
8550
- column
8551
- )
8552
- },
8553
- mouseenter: function (
8554
- $event
8555
- ) {
8556
- return _vm.checkOverflow(
8557
- $event
8558
- )
8559
- },
8560
- mouseleave: function (
8561
- $event
8562
- ) {
8563
- return _vm.removeTooltip()
8564
- },
8565
- },
8566
- },
8567
- [
8568
- _vm._v(
8569
- _vm._s(
8570
- _vm.$t(column.label)
8571
- )
8572
- ),
8573
- ]
8574
- ),
8575
- _vm._v(" "),
8576
- column.helperText
8577
- ? [
8032
+ on: {
8033
+ click: function ($event) {
8034
+ return _vm.instance.changeColumnOrder(
8035
+ column
8036
+ )
8037
+ },
8038
+ labelMouseenter: function ($event) {
8039
+ return _vm.checkOverflow($event)
8040
+ },
8041
+ labelMouseleave: function ($event) {
8042
+ return _vm.removeTooltip()
8043
+ },
8044
+ resizeMousedown: function ($event) {
8045
+ return _vm.resizeMouseDownHandler(
8046
+ column,
8047
+ $event
8048
+ )
8049
+ },
8050
+ resizeClick: _vm.resizeClickHandler,
8051
+ },
8052
+ scopedSlots: _vm._u(
8053
+ [
8054
+ _vm.instance.columnFilterButton &&
8055
+ column.filterable
8056
+ ? {
8057
+ key: "append",
8058
+ fn: function () {
8059
+ return [
8578
8060
  _c(
8579
- "v-tooltip",
8061
+ "tek-grid-column-filter",
8580
8062
  {
8581
8063
  attrs: {
8582
- top: "",
8583
- openOnClick: false,
8064
+ hasFilterData:
8065
+ _vm.instance.columnHasFilterData(
8066
+ column
8067
+ ),
8068
+ getFilterActivatorEvents:
8069
+ _vm.getFilterActivatorEvents,
8070
+ column: column,
8071
+ columnFilterOptions:
8072
+ _vm.getColumnFilterOptions(
8073
+ column
8074
+ ),
8075
+ instanceName:
8076
+ _vm.instance.name,
8077
+ filterRelationsDatasource:
8078
+ _vm.instance
8079
+ .filterRelationsDatasource,
8080
+ filterOperationsDatasource:
8081
+ _vm.instance
8082
+ .filterOperationsDatasource,
8083
+ getComponentHint:
8084
+ _vm.getComponentHint,
8085
+ getComponentType:
8086
+ _vm.getComponentType,
8584
8087
  },
8585
- scopedSlots: _vm._u(
8586
- [
8587
- {
8588
- key: "activator",
8589
- fn: function (
8590
- ref
8591
- ) {
8592
- var on =
8593
- ref.on;
8594
- var attrs =
8595
- ref.attrs;
8596
- return [
8597
- _c(
8598
- "v-icon",
8599
- _vm._g(
8600
- _vm._b(
8601
- {
8602
- attrs:
8603
- {
8604
- size: "13px",
8605
- color:
8606
- "primary",
8607
- right:
8608
- "",
8609
- left: "",
8610
- dark: "",
8611
- dense:
8612
- "",
8613
- },
8614
- },
8615
- "v-icon",
8616
- attrs,
8617
- false
8618
- ),
8619
- on
8620
- ),
8621
- [
8622
- _vm._v(
8623
- "\n " +
8624
- _vm._s(
8625
- _vm.$getIcon(
8626
- "infoOutline"
8627
- )
8628
- ) +
8629
- "\n "
8630
- ),
8631
- ]
8632
- ),
8633
- ]
8634
- },
8635
- },
8636
- ],
8637
- null,
8638
- true
8639
- ),
8640
- },
8641
- [
8642
- _vm._v(" "),
8643
- _c("span", [
8644
- _vm._v(
8645
- _vm._s(
8646
- _vm.$t(
8647
- column.helperText
8088
+ on: {
8089
+ itemChange:
8090
+ function (
8091
+ $event
8092
+ ) {
8093
+ return _vm.getFilterItemChange(
8094
+ $event.type,
8095
+ column,
8096
+ $event.filterIndex,
8097
+ $event.params
8648
8098
  )
8649
- )
8650
- ),
8651
- ]),
8652
- ]
8653
- ),
8654
- ]
8655
- : _vm._e(),
8656
- _vm._v(" "),
8657
- column.sortable &&
8658
- column.align !== "right"
8659
- ? _c(
8660
- "span",
8661
- {
8662
- staticClass:
8663
- "zd-table-cell-sort zd-table-cell-sort--right zd-ml-1",
8664
- on: {
8665
- click: function (
8666
- $event
8667
- ) {
8668
- return _vm.instance.changeColumnOrder(
8669
- column
8670
- )
8671
- },
8672
- },
8673
- },
8674
- [
8675
- column.sortable &&
8676
- column.align !== "right"
8677
- ? _c(
8678
- "v-icon",
8679
- {
8680
- staticClass:
8681
- "zd-table-cell-sort-icon",
8682
- attrs: {
8683
- small: "",
8684
- },
8685
8099
  },
8686
- [
8687
- _vm._v(
8688
- "\n " +
8689
- _vm._s(
8690
- _vm.$getIcon(
8691
- "chevronUp"
8692
- )
8693
- ) +
8694
- "\n "
8695
- ),
8696
- ]
8697
- )
8698
- : _vm._e(),
8699
- _vm._v(" "),
8700
- _vm.instance.datasource.findOrderIndex(
8701
- column.name
8702
- ) >= 0
8703
- ? _c(
8704
- "span",
8705
- {
8706
- staticClass:
8707
- "zd-table-cell-sort-order",
8100
+ valueChange:
8101
+ function (
8102
+ $event
8103
+ ) {
8104
+ return _vm.getFilterValueChange(
8105
+ column,
8106
+ $event.filterIndex,
8107
+ $event.params
8108
+ )
8708
8109
  },
8709
- [
8710
- _vm._v(
8711
- "\n " +
8712
- _vm._s(
8713
- _vm.instance.datasource.findOrderIndex(
8714
- column.name
8715
- ) + 1
8716
- ) +
8717
- "\n "
8718
- ),
8719
- ]
8720
- )
8721
- : _vm._e(),
8722
- ],
8723
- 1
8724
- )
8725
- : _vm._e(),
8726
- ]
8727
- : [
8728
- _c(
8729
- "span",
8730
- {
8731
- staticClass:
8732
- "zd-table-cell-name",
8733
- },
8734
- [
8735
- _vm._v(
8736
- _vm._s(
8737
- _vm.$t(column.label)
8738
- )
8739
- ),
8740
- ]
8741
- ),
8742
- ],
8743
- _vm._v(" "),
8744
- _vm.instance.columnFilterButton &&
8745
- column.filterable
8746
- ? _c(
8747
- "span",
8748
- {
8749
- class: [
8750
- "tek-grid-column-filter-button",
8751
- {
8752
- "has-filter-data":
8753
- _vm.instance.columnHasFilterData(
8754
- column
8755
- ),
8756
- },
8757
- ],
8758
- },
8759
- [
8760
- _c(
8761
- "v-menu",
8762
- {
8763
- attrs: {
8764
- "offset-overflow": "",
8765
- "offset-y": "",
8766
- "min-width": 200,
8767
- transition:
8768
- "scale-transition",
8769
- "content-class":
8770
- "tek-grid-column-filter-menu",
8771
- "close-on-content-click": false,
8772
- },
8773
- scopedSlots: _vm._u(
8774
- [
8775
- {
8776
- key: "activator",
8777
- fn: function (ref) {
8778
- var on = ref.on;
8779
- return [
8780
- _c(
8781
- "v-icon",
8782
- _vm._g(
8783
- {},
8784
- Object.assign(
8785
- {},
8786
- _vm.getFilterActivatorEvents(
8787
- on,
8788
- column
8789
- )
8790
- )
8791
- ),
8792
- [
8793
- _vm._v(
8794
- _vm._s(
8795
- _vm.$getIcon(
8796
- "filter"
8797
- )
8798
- )
8799
- ),
8800
- ]
8801
- ),
8802
- ]
8803
- },
8804
8110
  },
8805
- ],
8806
- null,
8807
- true
8808
- ),
8809
- },
8810
- [
8811
- _vm._v(" "),
8812
- _vm._l(
8813
- _vm.getColumnFilterOptions(
8814
- column
8815
- ),
8816
- function (
8817
- item,
8818
- filterIndex
8819
- ) {
8820
- return _c(
8821
- "span",
8822
- {
8823
- key: filterIndex,
8824
- },
8825
- [
8826
- filterIndex > 0
8827
- ? _c(
8828
- "zd-radio",
8829
- _vm._b(
8830
- {
8831
- attrs: {
8832
- name:
8833
- _vm
8834
- .instance
8835
- .name +
8836
- "-" +
8837
- column.name +
8838
- "-filter-relation-" +
8839
- filterIndex,
8840
- },
8841
- },
8842
- "zd-radio",
8843
- {
8844
- showLabel: false,
8845
- showHelper: false,
8846
- vertical: false,
8847
- cssClass:
8848
- "zd-mb-2",
8849
- datasource:
8850
- _vm
8851
- .instance
8852
- .filterRelationsDatasource,
8853
- dataValue:
8854
- "value",
8855
- dataLabel:
8856
- "text",
8857
- value:
8858
- item.relation,
8859
- events:
8860
- {
8861
- change:
8862
- _vm.getFilterItemChange(
8863
- "relation",
8864
- column,
8865
- filterIndex
8866
- ),
8867
- },
8868
- },
8869
- false
8870
- )
8871
- )
8872
- : _vm._e(),
8873
- _vm._v(" "),
8874
- item.operation !==
8875
- undefined
8876
- ? _c(
8877
- "zd-select",
8878
- _vm._b(
8879
- {
8880
- attrs: {
8881
- name:
8882
- _vm
8883
- .instance
8884
- .name +
8885
- "-" +
8886
- column.name +
8887
- "-filter-operation-" +
8888
- filterIndex,
8889
- },
8890
- },
8891
- "zd-select",
8892
- {
8893
- autocomplete: false,
8894
- showLabel: false,
8895
- showHelper: false,
8896
- clearable: false,
8897
- cssClass:
8898
- "zd-mb-2",
8899
- datasource:
8900
- _vm
8901
- .instance
8902
- .filterOperationsDatasource,
8903
- dataValue:
8904
- "value",
8905
- dataText:
8906
- "text",
8907
- value:
8908
- item.operation,
8909
- events:
8910
- {
8911
- change:
8912
- _vm.getFilterItemChange(
8913
- "operation",
8914
- column,
8915
- filterIndex
8916
- ),
8917
- },
8918
- },
8919
- false
8920
- )
8921
- )
8922
- : _vm._e(),
8923
- _vm._v(" "),
8924
- _c(
8925
- _vm.getComponentType(
8926
- filterIndex
8927
- ) ||
8928
- column
8929
- .componentProps
8930
- .component,
8931
- _vm._b(
8932
- {
8933
- tag: "component",
8934
- attrs: {
8935
- name:
8936
- _vm
8937
- .instance
8938
- .name +
8939
- "-" +
8940
- column.name +
8941
- "-filter-value-" +
8942
- filterIndex,
8943
- },
8944
- },
8945
- "component",
8946
- Object.assign(
8947
- {},
8948
- column.componentProps,
8949
- {
8950
- showLabel: false,
8951
- showHelper: true,
8952
- autofill: false,
8953
- cssClass:
8954
- "zd-mb-2",
8955
- value:
8956
- item.value,
8957
- persistentHint: true,
8958
- hint: _vm.getComponentHint(
8959
- filterIndex
8960
- ),
8961
- events: {
8962
- input:
8963
- _vm.getFilterValueChange(
8964
- column,
8965
- filterIndex
8966
- ),
8967
- change:
8968
- _vm.getFilterValueChange(
8969
- column,
8970
- filterIndex
8971
- ),
8972
- },
8973
- }
8974
- ),
8975
- false
8976
- )
8977
- ),
8978
- ],
8979
- 1
8980
- )
8981
8111
  }
8982
8112
  ),
8983
- ],
8984
- 2
8985
- ),
8986
- ],
8987
- 1
8988
- )
8989
- : _vm._e(),
8990
- _vm._v(" "),
8991
- _vm.instance.resizeColumns
8992
- ? _c(
8993
- "span",
8994
- {
8995
- staticClass:
8996
- "zd-grid-resize-handle",
8997
- on: {
8998
- mousedown: function (
8999
- $event
9000
- ) {
9001
- return _vm.resizeMouseDownHandler(
9002
- column,
9003
- $event
9004
- )
9005
- },
9006
- click:
9007
- _vm.resizeClickHandler,
8113
+ ]
9008
8114
  },
9009
- },
9010
- [_vm._v("‖")]
9011
- )
9012
- : _vm._e(),
9013
- ],
9014
- 2
9015
- ),
9016
- ]
8115
+ proxy: true,
8116
+ }
8117
+ : null,
8118
+ ],
8119
+ null,
8120
+ true
8121
+ ),
8122
+ }),
8123
+ ],
8124
+ 1
9017
8125
  )
9018
8126
  : _vm._e(),
9019
8127
  ]
@@ -9209,6 +8317,8 @@
9209
8317
  _vm.instance.cellSelection,
9210
8318
  },
9211
8319
  on: {
8320
+ mousedown:
8321
+ _vm.editableMousedown,
9212
8322
  click: function ($event) {
9213
8323
  _vm.cellClick(
9214
8324
  item,
@@ -9233,6 +8343,9 @@
9233
8343
  column
9234
8344
  )
9235
8345
  },
8346
+ focusin: function ($event) {
8347
+ return _vm.cellFocusIn($event)
8348
+ },
9236
8349
  focusout: function ($event) {
9237
8350
  return _vm.fieldFocusout(
9238
8351
  $event
@@ -9350,12 +8463,17 @@
9350
8463
  _vm.instance.cellSelection,
9351
8464
  },
9352
8465
  on: {
9353
- focusin: function ($event) {
8466
+ focus: function ($event) {
9354
8467
  return _vm.cellFocus(
9355
8468
  item,
9356
8469
  column
9357
8470
  )
9358
8471
  },
8472
+ focusin: function ($event) {
8473
+ return _vm.cellFocusIn(
8474
+ $event
8475
+ )
8476
+ },
9359
8477
  click: function ($event) {
9360
8478
  return _vm.cellClick(
9361
8479
  item,
@@ -9471,7 +8589,7 @@
9471
8589
  /* style */
9472
8590
  const __vue_inject_styles__$2 = function (inject) {
9473
8591
  if (!inject) return
9474
- inject("data-v-ec64a1f4_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
8592
+ inject("data-v-469df069_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
9475
8593
 
9476
8594
  };
9477
8595
  /* scoped */
@@ -9632,15 +8750,17 @@
9632
8750
  );
9633
8751
 
9634
8752
  const components = {
9635
- TekBreadcrumbHeader: __vue_component__$l,
9636
- TekCardTitle: __vue_component__$k,
9637
- TekCrudAddButton: __vue_component__$j,
9638
- TekCrudCancelButton: __vue_component__$i,
9639
- TekCrudDeleteButton: __vue_component__$h,
9640
- TekCrudForm: __vue_component__$g,
9641
- TekCrudSaveButton: __vue_component__$f,
9642
- TekGrid: __vue_component__$e,
9643
- TekGridCellIdentation: __vue_component__$d,
8753
+ TekBreadcrumbHeader: __vue_component__$n,
8754
+ TekCardTitle: __vue_component__$m,
8755
+ TekCrudAddButton: __vue_component__$l,
8756
+ TekCrudCancelButton: __vue_component__$k,
8757
+ TekCrudDeleteButton: __vue_component__$j,
8758
+ TekCrudForm: __vue_component__$i,
8759
+ TekCrudSaveButton: __vue_component__$h,
8760
+ TekGrid: __vue_component__$g,
8761
+ TekGridCellIdentation: __vue_component__$f,
8762
+ TekGridHeaderIndentation: __vue_component__$e,
8763
+ TekGridColumnFilter: __vue_component__$d,
9644
8764
  TekDragGrid: __vue_component__$c,
9645
8765
  TekGridColumnsButton: __vue_component__$b,
9646
8766
  TekGridFilterButton: __vue_component__$a,
@@ -9677,18 +8797,20 @@
9677
8797
  const packageContent = require('../package.json');
9678
8798
  core.VersionService.addPackageVersion(packageContent.name, packageContent.version);
9679
8799
 
9680
- exports.TekBreadcrumbHeader = script$k;
9681
- exports.TekCardTitle = script$j;
9682
- exports.TekCrudAddButton = script$i;
9683
- exports.TekCrudCancelButton = script$h;
9684
- exports.TekCrudDeleteButton = script$g;
9685
- exports.TekCrudForm = script$f;
9686
- exports.TekCrudSaveButton = script$e;
8800
+ exports.TekBreadcrumbHeader = script$m;
8801
+ exports.TekCardTitle = script$l;
8802
+ exports.TekCrudAddButton = script$k;
8803
+ exports.TekCrudCancelButton = script$j;
8804
+ exports.TekCrudDeleteButton = script$i;
8805
+ exports.TekCrudForm = script$h;
8806
+ exports.TekCrudSaveButton = script$g;
9687
8807
  exports.TekDragGrid = script$3;
9688
8808
  exports.TekGrid = TekGrid$2;
9689
- exports.TekGridCellIdentation = script$d;
8809
+ exports.TekGridCellIdentation = script$f;
8810
+ exports.TekGridColumnFilter = script$d;
9690
8811
  exports.TekGridColumnsButton = script$c;
9691
8812
  exports.TekGridFilterButton = script$b;
8813
+ exports.TekGridHeaderIndentation = script$e;
9692
8814
  exports.TekGridLayoutOptions = script$a;
9693
8815
  exports.TekImage = script$9;
9694
8816
  exports.TekIterableComponentRender = script$8;