@zeedhi/teknisa-components-vuetify 1.38.0 → 1.42.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -60,7 +60,7 @@
60
60
  TekBreadcrumbHeader = __decorate([
61
61
  vuePropertyDecorator.Component
62
62
  ], TekBreadcrumbHeader);
63
- var script$e = TekBreadcrumbHeader;
63
+ var script$g = TekBreadcrumbHeader;
64
64
 
65
65
  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
66
66
  if (typeof shadowMode !== 'boolean') {
@@ -191,20 +191,25 @@
191
191
  }
192
192
 
193
193
  /* script */
194
- const __vue_script__$e = script$e;
194
+ const __vue_script__$g = script$g;
195
195
 
196
196
  /* template */
197
- var __vue_render__$e = function () {
197
+ var __vue_render__$g = function () {
198
198
  var _vm = this;
199
199
  var _h = _vm.$createElement;
200
200
  var _c = _vm._self._c || _h;
201
201
  return _c(
202
202
  "div",
203
- { staticClass: "tek-breadcrumb-header" },
203
+ { staticClass: "tek-breadcrumb-header", attrs: { id: _vm.instance.name } },
204
204
  [
205
205
  _c(
206
206
  "zd-breadcrumbs",
207
- _vm._b({}, "zd-breadcrumbs", _vm.instance.breadcrumb, false)
207
+ _vm._b(
208
+ { attrs: { dark: _vm.instance.dark, light: _vm.instance.light } },
209
+ "zd-breadcrumbs",
210
+ _vm.instance.breadcrumb,
211
+ false
212
+ )
208
213
  ),
209
214
  _vm._v(" "),
210
215
  _c(
@@ -260,34 +265,34 @@
260
265
  1
261
266
  )
262
267
  };
263
- var __vue_staticRenderFns__$e = [];
264
- __vue_render__$e._withStripped = true;
268
+ var __vue_staticRenderFns__$g = [];
269
+ __vue_render__$g._withStripped = true;
265
270
 
266
271
  /* style */
267
- const __vue_inject_styles__$e = function (inject) {
272
+ const __vue_inject_styles__$g = function (inject) {
268
273
  if (!inject) return
269
- inject("data-v-cb6f4dac_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 });
274
+ 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
275
 
271
276
  };
272
277
  /* scoped */
273
- const __vue_scope_id__$e = undefined;
278
+ const __vue_scope_id__$g = undefined;
274
279
  /* module identifier */
275
- const __vue_module_identifier__$e = undefined;
280
+ const __vue_module_identifier__$g = undefined;
276
281
  /* functional template */
277
- const __vue_is_functional_template__$e = false;
282
+ const __vue_is_functional_template__$g = false;
278
283
  /* style inject SSR */
279
284
 
280
285
  /* style inject shadow dom */
281
286
 
282
287
 
283
288
 
284
- const __vue_component__$e = /*#__PURE__*/normalizeComponent(
285
- { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
286
- __vue_inject_styles__$e,
287
- __vue_script__$e,
288
- __vue_scope_id__$e,
289
- __vue_is_functional_template__$e,
290
- __vue_module_identifier__$e,
289
+ const __vue_component__$g = /*#__PURE__*/normalizeComponent(
290
+ { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
291
+ __vue_inject_styles__$g,
292
+ __vue_script__$g,
293
+ __vue_scope_id__$g,
294
+ __vue_is_functional_template__$g,
295
+ __vue_module_identifier__$g,
291
296
  false,
292
297
  createInjector,
293
298
  undefined,
@@ -330,19 +335,22 @@
330
335
  TekCardTitle = __decorate([
331
336
  vuePropertyDecorator.Component
332
337
  ], TekCardTitle);
333
- var script$d = TekCardTitle;
338
+ var script$f = TekCardTitle;
334
339
 
335
340
  /* script */
336
- const __vue_script__$d = script$d;
341
+ const __vue_script__$f = script$f;
337
342
 
338
343
  /* template */
339
- var __vue_render__$d = function () {
344
+ var __vue_render__$f = function () {
340
345
  var _vm = this;
341
346
  var _h = _vm.$createElement;
342
347
  var _c = _vm._self._c || _h;
343
348
  return _c(
344
349
  "div",
345
- { class: ["tek-card-title", _vm.instance.cssClass] },
350
+ {
351
+ class: ["tek-card-title", _vm.instance.cssClass],
352
+ attrs: { id: _vm.instance.name },
353
+ },
346
354
  [
347
355
  _c(
348
356
  "div",
@@ -433,34 +441,34 @@
433
441
  1
434
442
  )
435
443
  };
436
- var __vue_staticRenderFns__$d = [];
437
- __vue_render__$d._withStripped = true;
444
+ var __vue_staticRenderFns__$f = [];
445
+ __vue_render__$f._withStripped = true;
438
446
 
439
447
  /* style */
440
- const __vue_inject_styles__$d = function (inject) {
448
+ const __vue_inject_styles__$f = function (inject) {
441
449
  if (!inject) return
442
- inject("data-v-520a641c_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 });
450
+ 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 });
443
451
 
444
452
  };
445
453
  /* scoped */
446
- const __vue_scope_id__$d = undefined;
454
+ const __vue_scope_id__$f = undefined;
447
455
  /* module identifier */
448
- const __vue_module_identifier__$d = undefined;
456
+ const __vue_module_identifier__$f = undefined;
449
457
  /* functional template */
450
- const __vue_is_functional_template__$d = false;
458
+ const __vue_is_functional_template__$f = false;
451
459
  /* style inject SSR */
452
460
 
453
461
  /* style inject shadow dom */
454
462
 
455
463
 
456
464
 
457
- const __vue_component__$d = /*#__PURE__*/normalizeComponent(
458
- { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },
459
- __vue_inject_styles__$d,
460
- __vue_script__$d,
461
- __vue_scope_id__$d,
462
- __vue_is_functional_template__$d,
463
- __vue_module_identifier__$d,
465
+ const __vue_component__$f = /*#__PURE__*/normalizeComponent(
466
+ { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
467
+ __vue_inject_styles__$f,
468
+ __vue_script__$f,
469
+ __vue_scope_id__$f,
470
+ __vue_is_functional_template__$f,
471
+ __vue_module_identifier__$f,
464
472
  false,
465
473
  createInjector,
466
474
  undefined,
@@ -533,13 +541,13 @@
533
541
  TekCrudAddButton = __decorate([
534
542
  vuePropertyDecorator.Component
535
543
  ], TekCrudAddButton);
536
- var script$c = TekCrudAddButton;
544
+ var script$e = TekCrudAddButton;
537
545
 
538
546
  /* script */
539
- const __vue_script__$c = script$c;
547
+ const __vue_script__$e = script$e;
540
548
 
541
549
  /* template */
542
- var __vue_render__$c = function () {
550
+ var __vue_render__$e = function () {
543
551
  var _vm = this;
544
552
  var _h = _vm.$createElement;
545
553
  var _c = _vm._self._c || _h;
@@ -555,7 +563,7 @@
555
563
  return [
556
564
  _c(
557
565
  "span",
558
- _vm._g({}, on),
566
+ _vm._g({ attrs: { id: _vm.instance.name } }, on),
559
567
  [
560
568
  _c("zd-button", {
561
569
  attrs: {
@@ -604,17 +612,17 @@
604
612
  ]
605
613
  )
606
614
  };
607
- var __vue_staticRenderFns__$c = [];
608
- __vue_render__$c._withStripped = true;
615
+ var __vue_staticRenderFns__$e = [];
616
+ __vue_render__$e._withStripped = true;
609
617
 
610
618
  /* style */
611
- const __vue_inject_styles__$c = undefined;
619
+ const __vue_inject_styles__$e = undefined;
612
620
  /* scoped */
613
- const __vue_scope_id__$c = undefined;
621
+ const __vue_scope_id__$e = undefined;
614
622
  /* module identifier */
615
- const __vue_module_identifier__$c = undefined;
623
+ const __vue_module_identifier__$e = undefined;
616
624
  /* functional template */
617
- const __vue_is_functional_template__$c = false;
625
+ const __vue_is_functional_template__$e = false;
618
626
  /* style inject */
619
627
 
620
628
  /* style inject SSR */
@@ -623,13 +631,13 @@
623
631
 
624
632
 
625
633
 
626
- const __vue_component__$c = /*#__PURE__*/normalizeComponent(
627
- { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },
628
- __vue_inject_styles__$c,
629
- __vue_script__$c,
630
- __vue_scope_id__$c,
631
- __vue_is_functional_template__$c,
632
- __vue_module_identifier__$c,
634
+ const __vue_component__$e = /*#__PURE__*/normalizeComponent(
635
+ { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
636
+ __vue_inject_styles__$e,
637
+ __vue_script__$e,
638
+ __vue_scope_id__$e,
639
+ __vue_is_functional_template__$e,
640
+ __vue_module_identifier__$e,
633
641
  false,
634
642
  undefined,
635
643
  undefined,
@@ -660,13 +668,13 @@
660
668
  TekCrudCancelButton = __decorate([
661
669
  vuePropertyDecorator.Component
662
670
  ], TekCrudCancelButton);
663
- var script$b = TekCrudCancelButton;
671
+ var script$d = TekCrudCancelButton;
664
672
 
665
673
  /* script */
666
- const __vue_script__$b = script$b;
674
+ const __vue_script__$d = script$d;
667
675
 
668
676
  /* template */
669
- var __vue_render__$b = function () {
677
+ var __vue_render__$d = function () {
670
678
  var _vm = this;
671
679
  var _h = _vm.$createElement;
672
680
  var _c = _vm._self._c || _h;
@@ -682,7 +690,7 @@
682
690
  return [
683
691
  _c(
684
692
  "span",
685
- _vm._g({}, on),
693
+ _vm._g({ attrs: { id: _vm.instance.name } }, on),
686
694
  [
687
695
  _c("zd-button", {
688
696
  attrs: {
@@ -731,17 +739,17 @@
731
739
  ]
732
740
  )
733
741
  };
734
- var __vue_staticRenderFns__$b = [];
735
- __vue_render__$b._withStripped = true;
742
+ var __vue_staticRenderFns__$d = [];
743
+ __vue_render__$d._withStripped = true;
736
744
 
737
745
  /* style */
738
- const __vue_inject_styles__$b = undefined;
746
+ const __vue_inject_styles__$d = undefined;
739
747
  /* scoped */
740
- const __vue_scope_id__$b = undefined;
748
+ const __vue_scope_id__$d = undefined;
741
749
  /* module identifier */
742
- const __vue_module_identifier__$b = undefined;
750
+ const __vue_module_identifier__$d = undefined;
743
751
  /* functional template */
744
- const __vue_is_functional_template__$b = false;
752
+ const __vue_is_functional_template__$d = false;
745
753
  /* style inject */
746
754
 
747
755
  /* style inject SSR */
@@ -750,13 +758,13 @@
750
758
 
751
759
 
752
760
 
753
- const __vue_component__$b = /*#__PURE__*/normalizeComponent(
754
- { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },
755
- __vue_inject_styles__$b,
756
- __vue_script__$b,
757
- __vue_scope_id__$b,
758
- __vue_is_functional_template__$b,
759
- __vue_module_identifier__$b,
761
+ const __vue_component__$d = /*#__PURE__*/normalizeComponent(
762
+ { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },
763
+ __vue_inject_styles__$d,
764
+ __vue_script__$d,
765
+ __vue_scope_id__$d,
766
+ __vue_is_functional_template__$d,
767
+ __vue_module_identifier__$d,
760
768
  false,
761
769
  undefined,
762
770
  undefined,
@@ -795,13 +803,13 @@
795
803
  TekCrudDeleteButton = __decorate([
796
804
  vuePropertyDecorator.Component
797
805
  ], TekCrudDeleteButton);
798
- var script$a = TekCrudDeleteButton;
806
+ var script$c = TekCrudDeleteButton;
799
807
 
800
808
  /* script */
801
- const __vue_script__$a = script$a;
809
+ const __vue_script__$c = script$c;
802
810
 
803
811
  /* template */
804
- var __vue_render__$a = function () {
812
+ var __vue_render__$c = function () {
805
813
  var _vm = this;
806
814
  var _h = _vm.$createElement;
807
815
  var _c = _vm._self._c || _h;
@@ -817,7 +825,7 @@
817
825
  return [
818
826
  _c(
819
827
  "span",
820
- _vm._g({}, on),
828
+ _vm._g({ attrs: { id: _vm.instance.name } }, on),
821
829
  [
822
830
  _c("zd-button", {
823
831
  attrs: {
@@ -866,17 +874,17 @@
866
874
  ]
867
875
  )
868
876
  };
869
- var __vue_staticRenderFns__$a = [];
870
- __vue_render__$a._withStripped = true;
877
+ var __vue_staticRenderFns__$c = [];
878
+ __vue_render__$c._withStripped = true;
871
879
 
872
880
  /* style */
873
- const __vue_inject_styles__$a = undefined;
881
+ const __vue_inject_styles__$c = undefined;
874
882
  /* scoped */
875
- const __vue_scope_id__$a = undefined;
883
+ const __vue_scope_id__$c = undefined;
876
884
  /* module identifier */
877
- const __vue_module_identifier__$a = undefined;
885
+ const __vue_module_identifier__$c = undefined;
878
886
  /* functional template */
879
- const __vue_is_functional_template__$a = false;
887
+ const __vue_is_functional_template__$c = false;
880
888
  /* style inject */
881
889
 
882
890
  /* style inject SSR */
@@ -885,13 +893,13 @@
885
893
 
886
894
 
887
895
 
888
- const __vue_component__$a = /*#__PURE__*/normalizeComponent(
889
- { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },
890
- __vue_inject_styles__$a,
891
- __vue_script__$a,
892
- __vue_scope_id__$a,
893
- __vue_is_functional_template__$a,
894
- __vue_module_identifier__$a,
896
+ const __vue_component__$c = /*#__PURE__*/normalizeComponent(
897
+ { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },
898
+ __vue_inject_styles__$c,
899
+ __vue_script__$c,
900
+ __vue_scope_id__$c,
901
+ __vue_is_functional_template__$c,
902
+ __vue_module_identifier__$c,
895
903
  false,
896
904
  undefined,
897
905
  undefined,
@@ -910,13 +918,13 @@
910
918
  TekCrudForm = __decorate([
911
919
  vuePropertyDecorator.Component
912
920
  ], TekCrudForm);
913
- var script$9 = TekCrudForm;
921
+ var script$b = TekCrudForm;
914
922
 
915
923
  /* script */
916
- const __vue_script__$9 = script$9;
924
+ const __vue_script__$b = script$b;
917
925
 
918
926
  /* template */
919
- var __vue_render__$9 = function () {
927
+ var __vue_render__$b = function () {
920
928
  var _vm = this;
921
929
  var _h = _vm.$createElement;
922
930
  var _c = _vm._self._c || _h;
@@ -933,7 +941,7 @@
933
941
  ],
934
942
  ref: "form",
935
943
  class: ["tek-crud-form", _vm.instance.cssClass],
936
- attrs: { name: _vm.instance.name, tabindex: "0" },
944
+ attrs: { id: _vm.instance.name, name: _vm.instance.name, tabindex: "0" },
937
945
  on: {
938
946
  submit: function ($event) {
939
947
  $event.preventDefault();
@@ -990,34 +998,34 @@
990
998
  2
991
999
  )
992
1000
  };
993
- var __vue_staticRenderFns__$9 = [];
994
- __vue_render__$9._withStripped = true;
1001
+ var __vue_staticRenderFns__$b = [];
1002
+ __vue_render__$b._withStripped = true;
995
1003
 
996
1004
  /* style */
997
- const __vue_inject_styles__$9 = function (inject) {
1005
+ const __vue_inject_styles__$b = function (inject) {
998
1006
  if (!inject) return
999
- inject("data-v-aa2c2e04_0", { source: ".tek-crud-form {\n outline: none;\n}", map: undefined, media: undefined });
1007
+ inject("data-v-12f9560c_0", { source: ".tek-crud-form {\n outline: none;\n}", map: undefined, media: undefined });
1000
1008
 
1001
1009
  };
1002
1010
  /* scoped */
1003
- const __vue_scope_id__$9 = undefined;
1011
+ const __vue_scope_id__$b = undefined;
1004
1012
  /* module identifier */
1005
- const __vue_module_identifier__$9 = undefined;
1013
+ const __vue_module_identifier__$b = undefined;
1006
1014
  /* functional template */
1007
- const __vue_is_functional_template__$9 = false;
1015
+ const __vue_is_functional_template__$b = false;
1008
1016
  /* style inject SSR */
1009
1017
 
1010
1018
  /* style inject shadow dom */
1011
1019
 
1012
1020
 
1013
1021
 
1014
- const __vue_component__$9 = /*#__PURE__*/normalizeComponent(
1015
- { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
1016
- __vue_inject_styles__$9,
1017
- __vue_script__$9,
1018
- __vue_scope_id__$9,
1019
- __vue_is_functional_template__$9,
1020
- __vue_module_identifier__$9,
1022
+ const __vue_component__$b = /*#__PURE__*/normalizeComponent(
1023
+ { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },
1024
+ __vue_inject_styles__$b,
1025
+ __vue_script__$b,
1026
+ __vue_scope_id__$b,
1027
+ __vue_is_functional_template__$b,
1028
+ __vue_module_identifier__$b,
1021
1029
  false,
1022
1030
  createInjector,
1023
1031
  undefined,
@@ -1044,13 +1052,13 @@
1044
1052
  TekCrudSaveButton = __decorate([
1045
1053
  vuePropertyDecorator.Component
1046
1054
  ], TekCrudSaveButton);
1047
- var script$8 = TekCrudSaveButton;
1055
+ var script$a = TekCrudSaveButton;
1048
1056
 
1049
1057
  /* script */
1050
- const __vue_script__$8 = script$8;
1058
+ const __vue_script__$a = script$a;
1051
1059
 
1052
1060
  /* template */
1053
- var __vue_render__$8 = function () {
1061
+ var __vue_render__$a = function () {
1054
1062
  var _vm = this;
1055
1063
  var _h = _vm.$createElement;
1056
1064
  var _c = _vm._self._c || _h;
@@ -1066,7 +1074,7 @@
1066
1074
  return [
1067
1075
  _c(
1068
1076
  "span",
1069
- _vm._g({}, on),
1077
+ _vm._g({ attrs: { id: _vm.instance.name } }, on),
1070
1078
  [
1071
1079
  _c("zd-button", {
1072
1080
  attrs: {
@@ -1115,17 +1123,17 @@
1115
1123
  ]
1116
1124
  )
1117
1125
  };
1118
- var __vue_staticRenderFns__$8 = [];
1119
- __vue_render__$8._withStripped = true;
1126
+ var __vue_staticRenderFns__$a = [];
1127
+ __vue_render__$a._withStripped = true;
1120
1128
 
1121
1129
  /* style */
1122
- const __vue_inject_styles__$8 = undefined;
1130
+ const __vue_inject_styles__$a = undefined;
1123
1131
  /* scoped */
1124
- const __vue_scope_id__$8 = undefined;
1132
+ const __vue_scope_id__$a = undefined;
1125
1133
  /* module identifier */
1126
- const __vue_module_identifier__$8 = undefined;
1134
+ const __vue_module_identifier__$a = undefined;
1127
1135
  /* functional template */
1128
- const __vue_is_functional_template__$8 = false;
1136
+ const __vue_is_functional_template__$a = false;
1129
1137
  /* style inject */
1130
1138
 
1131
1139
  /* style inject SSR */
@@ -1134,13 +1142,13 @@
1134
1142
 
1135
1143
 
1136
1144
 
1137
- const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
1138
- { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
1139
- __vue_inject_styles__$8,
1140
- __vue_script__$8,
1141
- __vue_scope_id__$8,
1142
- __vue_is_functional_template__$8,
1143
- __vue_module_identifier__$8,
1145
+ const __vue_component__$a = /*#__PURE__*/normalizeComponent(
1146
+ { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },
1147
+ __vue_inject_styles__$a,
1148
+ __vue_script__$a,
1149
+ __vue_scope_id__$a,
1150
+ __vue_is_functional_template__$a,
1151
+ __vue_module_identifier__$a,
1144
1152
  false,
1145
1153
  undefined,
1146
1154
  undefined,
@@ -1152,10 +1160,14 @@
1152
1160
  /**
1153
1161
  * TekGrid component
1154
1162
  */
1155
- let TekGrid = class TekGrid extends ZdGridEditable {
1163
+ let TekGrid$1 = class TekGrid extends ZdGridEditable {
1156
1164
  constructor() {
1157
1165
  super(...arguments);
1158
1166
  this.instanceType = teknisaComponentsCommon.TekGrid;
1167
+ /**
1168
+ * Left distance for each column
1169
+ */
1170
+ this.fixedLeft = {};
1159
1171
  this.debouncedDatasourceGet = debounce__default["default"]((instance) => {
1160
1172
  if (instance.events.beforeApplyFilter) {
1161
1173
  instance.events.beforeApplyFilter({ component: instance });
@@ -1202,7 +1214,7 @@
1202
1214
  // do nothing
1203
1215
  }
1204
1216
  }
1205
- this.updateFixedColumns();
1217
+ setTimeout(this.updateFixedColumns);
1206
1218
  }
1207
1219
  getFilterActivatorEvents(on, column) {
1208
1220
  const events = {};
@@ -1220,16 +1232,18 @@
1220
1232
  return this.filterItemChange.bind(this, prop, column, index);
1221
1233
  }
1222
1234
  getFilterValueChange(column, index) {
1223
- return this.filterValueChange.bind(this, column, index);
1235
+ return debounce__default["default"](this.filterValueChange.bind(this, column, index), 1000);
1236
+ }
1237
+ isOperationArrayValues(operation) {
1238
+ return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
1224
1239
  }
1225
1240
  getComponentType(index) {
1226
- this.operationList.split(';');
1227
1241
  const operationListArray = this.operationList.split(';');
1228
- return ['IN', 'NOT_IN', 'BETWEEN'].includes(operationListArray[index]) ? 'ZdTextInput' : '';
1242
+ return this.isOperationArrayValues(operationListArray[index]) ? 'ZdTextInput' : '';
1229
1243
  }
1230
1244
  getComponentHint(index) {
1231
1245
  const operationListArray = this.operationList.split(';');
1232
- return ['IN', 'NOT_IN', 'BETWEEN'].includes(operationListArray[index]) ? 'TEKGRID_MULTIPLE_VALUE_HINT' : '';
1246
+ return this.isOperationArrayValues(operationListArray[index]) ? 'TEKGRID_MULTIPLE_VALUE_HINT' : '';
1233
1247
  }
1234
1248
  filterItemChange(prop, column, index, { component, event, element }) {
1235
1249
  const { name } = component;
@@ -1250,6 +1264,15 @@
1250
1264
  if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
1251
1265
  if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
1252
1266
  this.lastFilter = JSON.stringify(datasource.dynamicFilter);
1267
+ const { value } = datasource.dynamicFilter[column.name][index];
1268
+ if (prop === 'operation') {
1269
+ if (this.isOperationArrayValues(component.value) && !Array.isArray(value)) {
1270
+ datasource.dynamicFilter[column.name][index].value = [value];
1271
+ }
1272
+ if (!this.isOperationArrayValues(component.value) && Array.isArray(value)) {
1273
+ [datasource.dynamicFilter[column.name][index].value] = value;
1274
+ }
1275
+ }
1253
1276
  datasource.dynamicFilter[column.name][index][prop] = component.value;
1254
1277
  if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
1255
1278
  this.debouncedDatasourceGet(this.instance);
@@ -1258,8 +1281,31 @@
1258
1281
  }
1259
1282
  }
1260
1283
  }
1284
+ convertToDateFormat(column, value, revert) {
1285
+ const dateFormat = column.componentProps.dateFormat || core.Config.dateFormat;
1286
+ const displayFormat = column.componentProps.displayFormat || core.Config.displayFormat;
1287
+ if (revert) {
1288
+ if (core.dayjs(value, displayFormat).isValid() || !core.dayjs(value, dateFormat).isValid()) {
1289
+ return value;
1290
+ }
1291
+ return core.dayjs(value, dateFormat).format(displayFormat);
1292
+ }
1293
+ if (core.dayjs(value, dateFormat).isValid() || !core.dayjs(value, displayFormat).isValid()) {
1294
+ return value;
1295
+ }
1296
+ return core.dayjs(value, displayFormat).format(dateFormat);
1297
+ }
1298
+ checkDateValueFormat(column, value, revert = false) {
1299
+ if (['ZdDate', 'ZdDateRange'].includes(column.componentProps.component)) {
1300
+ if (Array.isArray(value)) {
1301
+ return value.map((item) => this.convertToDateFormat(column, item, revert));
1302
+ }
1303
+ return this.convertToDateFormat(column, value, revert);
1304
+ }
1305
+ return value;
1306
+ }
1261
1307
  filterValueChange(column, index, { component, event, element }) {
1262
- const { value } = component;
1308
+ let { value } = component;
1263
1309
  const { datasource } = this.instance;
1264
1310
  if (!(element === null || element === void 0 ? void 0 : element.offsetParent))
1265
1311
  return;
@@ -1283,6 +1329,10 @@
1283
1329
  const operationSelectName = name.replace('-filter-value-', '-filter-operation-');
1284
1330
  const operationSelect = core.Metadata.getInstance(operationSelectName);
1285
1331
  const operation = operationSelect.value;
1332
+ if (this.isOperationArrayValues(operation)) {
1333
+ value = value.split(';');
1334
+ }
1335
+ value = this.checkDateValueFormat(column, value);
1286
1336
  datasource.dynamicFilter[column.name].push({
1287
1337
  relation,
1288
1338
  operation,
@@ -1290,6 +1340,10 @@
1290
1340
  });
1291
1341
  }
1292
1342
  else {
1343
+ if (this.isOperationArrayValues(datasource.dynamicFilter[column.name][index].operation)) {
1344
+ value = value.split(';');
1345
+ }
1346
+ value = this.checkDateValueFormat(column, value);
1293
1347
  datasource.dynamicFilter[column.name][index].value = value;
1294
1348
  }
1295
1349
  }
@@ -1342,7 +1396,12 @@
1342
1396
  const dynamicFilter = datasource.dynamicFilter[column.name];
1343
1397
  if (dynamicFilter && dynamicFilter.length > 0) {
1344
1398
  dynamicFilter.forEach((item) => {
1345
- filterOptions.push(item);
1399
+ let { value } = item;
1400
+ if (this.isOperationArrayValues(item.operation) && Array.isArray(value)) {
1401
+ value = this.checkDateValueFormat(column, value, true);
1402
+ value = value.join(';');
1403
+ }
1404
+ filterOptions.push(Object.assign(Object.assign({}, item), { value }));
1346
1405
  });
1347
1406
  }
1348
1407
  filterOptions.push({
@@ -1401,7 +1460,7 @@
1401
1460
  if (!a.fixed && b.fixed)
1402
1461
  return 1;
1403
1462
  return -1;
1404
- });
1463
+ }).filter((item) => item instanceof teknisaComponentsCommon.TekGridColumn);
1405
1464
  }
1406
1465
  updateFixedColumns() {
1407
1466
  if (this.instance.columns.filter((column) => column.fixed).length === 0)
@@ -1418,104 +1477,163 @@
1418
1477
  const name = column.getAttribute('column-name');
1419
1478
  if (name && column.classList.contains('zd-table-fixed-column')) {
1420
1479
  column.style.left = `${left}px`;
1480
+ this.$set(this.fixedLeft, name, column.style.left);
1421
1481
  left += column.clientWidth;
1422
1482
  }
1423
1483
  });
1424
1484
  }
1425
- getFixedLeft(column) {
1426
- if (!column.fixed)
1427
- return 'unset';
1428
- const headerElement = this.$refs[`column-${column.name}`];
1429
- if (!headerElement)
1430
- return 'unset';
1431
- return headerElement[0].style.left;
1485
+ isGroupSelected(item) {
1486
+ return item.children.every((child) => {
1487
+ const { uniqueKey } = this.instance.datasource;
1488
+ const idx = this.instance.selectedRows.findIndex((row) => child[uniqueKey] === row[uniqueKey]);
1489
+ return idx !== -1;
1490
+ });
1491
+ }
1492
+ isGroupSelectIndeterminate(item) {
1493
+ let hasSelected = false;
1494
+ let hasNotSelected = false;
1495
+ const { uniqueKey } = this.instance.datasource;
1496
+ item.children.forEach((child) => {
1497
+ const idx = this.instance.selectedRows.findIndex((row) => child[uniqueKey] === row[uniqueKey]);
1498
+ hasSelected = hasSelected || idx !== -1;
1499
+ hasNotSelected = hasNotSelected || idx === -1;
1500
+ });
1501
+ return hasSelected && hasNotSelected;
1502
+ }
1503
+ selectGroup(item, event) {
1504
+ const { uniqueKey } = this.instance.datasource;
1505
+ const isSelected = this.isGroupSelected(item);
1506
+ if (!isSelected) {
1507
+ item.children.forEach((child) => {
1508
+ const idx = this.instance.selectedRows.findIndex((row) => child[uniqueKey] === row[uniqueKey]);
1509
+ if (idx === -1) {
1510
+ this.instance.selectedRows.push(child);
1511
+ }
1512
+ });
1513
+ }
1514
+ else {
1515
+ this.instance.selectedRows = this.instance.selectedRows.filter((row) => {
1516
+ const idx = item.children.findIndex((child) => child[uniqueKey] === row[uniqueKey]);
1517
+ return idx === -1;
1518
+ });
1519
+ }
1520
+ this.selectGroupRowClick(item, !isSelected, event);
1521
+ }
1522
+ selectGroupRowClick(row, isSelected, event) {
1523
+ this.$nextTick(() => {
1524
+ this.instance.selectGroupClick(row, isSelected, event, this.$el);
1525
+ });
1526
+ }
1527
+ toggleSelectAll() {
1528
+ if (this.instance.selectedRows.length === this.instance.datasource.data.length) {
1529
+ this.instance.selectedRows = [];
1530
+ }
1531
+ else {
1532
+ this.instance.selectedRows = this.instance.datasource.data;
1533
+ }
1534
+ }
1535
+ get headers() {
1536
+ this.$nextTick(() => {
1537
+ if (this.$el)
1538
+ this.updateFixedColumns();
1539
+ });
1540
+ return this.instance.columns;
1541
+ }
1542
+ getColumnsDOMOrder() {
1543
+ return this.orderHeaders(this.instance.columns);
1544
+ }
1545
+ resizeMouseMoveHandler(event) {
1546
+ this.superMethods(vuetify.ZdGrid).resizeMouseMoveHandler.call(this, event);
1547
+ if (this.resizeColumn.fixed) {
1548
+ this.$nextTick(this.updateFixedColumns);
1549
+ }
1432
1550
  }
1433
1551
  };
1434
1552
  __decorate([
1435
1553
  vuePropertyDecorator.Prop({ type: [String], default: '' }),
1436
1554
  __metadata("design:type", String)
1437
- ], TekGrid.prototype, "title", void 0);
1555
+ ], TekGrid$1.prototype, "title", void 0);
1438
1556
  __decorate([
1439
1557
  vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
1440
1558
  __metadata("design:type", Object)
1441
- ], TekGrid.prototype, "addButton", void 0);
1559
+ ], TekGrid$1.prototype, "addButton", void 0);
1442
1560
  __decorate([
1443
1561
  vuePropertyDecorator.Prop({ type: [String], default: 'none' }),
1444
1562
  __metadata("design:type", String)
1445
- ], TekGrid.prototype, "deleteButton", void 0);
1563
+ ], TekGrid$1.prototype, "deleteButton", void 0);
1446
1564
  __decorate([
1447
1565
  vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
1448
1566
  __metadata("design:type", Object)
1449
- ], TekGrid.prototype, "columnsButton", void 0);
1567
+ ], TekGrid$1.prototype, "columnsButton", void 0);
1450
1568
  __decorate([
1451
1569
  vuePropertyDecorator.Prop({ type: [Array, String], default: () => [] }),
1452
1570
  __metadata("design:type", Object)
1453
- ], TekGrid.prototype, "columnsButtonIgnore", void 0);
1571
+ ], TekGrid$1.prototype, "columnsButtonIgnore", void 0);
1454
1572
  __decorate([
1455
1573
  vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
1456
1574
  __metadata("design:type", Object)
1457
- ], TekGrid.prototype, "filterButton", void 0);
1575
+ ], TekGrid$1.prototype, "filterButton", void 0);
1458
1576
  __decorate([
1459
1577
  vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
1460
1578
  __metadata("design:type", Object)
1461
- ], TekGrid.prototype, "columnFilterButton", void 0);
1579
+ ], TekGrid$1.prototype, "columnFilterButton", void 0);
1462
1580
  __decorate([
1463
1581
  vuePropertyDecorator.Prop({ type: [Array], default: () => [] }),
1464
1582
  __metadata("design:type", Array)
1465
- ], TekGrid.prototype, "actions", void 0);
1583
+ ], TekGrid$1.prototype, "actions", void 0);
1466
1584
  __decorate([
1467
1585
  vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1468
1586
  __metadata("design:type", Object)
1469
- ], TekGrid.prototype, "dragColumns", void 0);
1587
+ ], TekGrid$1.prototype, "dragColumns", void 0);
1470
1588
  __decorate([
1471
1589
  vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1472
1590
  __metadata("design:type", Object)
1473
- ], TekGrid.prototype, "resizeColumns", void 0);
1591
+ ], TekGrid$1.prototype, "resizeColumns", void 0);
1474
1592
  __decorate([
1475
1593
  vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1476
1594
  __metadata("design:type", Object)
1477
- ], TekGrid.prototype, "showLayoutOptions", void 0);
1595
+ ], TekGrid$1.prototype, "showLayoutOptions", void 0);
1478
1596
  __decorate([
1479
1597
  vuePropertyDecorator.Prop({ type: [String, Boolean], default: false }),
1480
1598
  __metadata("design:type", Object)
1481
- ], TekGrid.prototype, "showExport", void 0);
1599
+ ], TekGrid$1.prototype, "showExport", void 0);
1482
1600
  __decorate([
1483
1601
  vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1484
1602
  __metadata("design:type", Object)
1485
- ], TekGrid.prototype, "showReload", void 0);
1603
+ ], TekGrid$1.prototype, "showReload", void 0);
1486
1604
  __decorate([
1487
1605
  vuePropertyDecorator.Prop({ type: [String, Array] }),
1488
1606
  __metadata("design:type", Array)
1489
- ], TekGrid.prototype, "exportConfig", void 0);
1607
+ ], TekGrid$1.prototype, "exportConfig", void 0);
1490
1608
  __decorate([
1491
1609
  vuePropertyDecorator.Prop({ type: [Array] }),
1492
1610
  __metadata("design:type", Array)
1493
- ], TekGrid.prototype, "exportActions", void 0);
1611
+ ], TekGrid$1.prototype, "exportActions", void 0);
1494
1612
  __decorate([
1495
1613
  vuePropertyDecorator.Prop({ type: [String, Boolean], default: false }),
1496
1614
  __metadata("design:type", Object)
1497
- ], TekGrid.prototype, "groupsOpened", void 0);
1615
+ ], TekGrid$1.prototype, "groupsOpened", void 0);
1498
1616
  __decorate([
1499
1617
  vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1500
1618
  __metadata("design:type", Object)
1501
- ], TekGrid.prototype, "showSummaryTotal", void 0);
1619
+ ], TekGrid$1.prototype, "showSummaryTotal", void 0);
1502
1620
  __decorate([
1503
1621
  vuePropertyDecorator.Prop({
1504
1622
  type: Array,
1505
1623
  default: () => undefined,
1506
1624
  }),
1507
1625
  __metadata("design:type", Array)
1508
- ], TekGrid.prototype, "toolbarSlot", void 0);
1509
- TekGrid = __decorate([
1626
+ ], TekGrid$1.prototype, "toolbarSlot", void 0);
1627
+ TekGrid$1 = __decorate([
1510
1628
  vuePropertyDecorator.Component
1511
- ], TekGrid);
1512
- var script$7 = TekGrid;
1629
+ ], TekGrid$1);
1630
+ var script$9 = TekGrid$1;
1513
1631
 
1514
1632
  /* script */
1515
- const __vue_script__$7 = script$7;
1633
+ const __vue_script__$9 = script$9;
1516
1634
 
1517
1635
  /* template */
1518
- var __vue_render__$7 = function () {
1636
+ var __vue_render__$9 = function () {
1519
1637
  var _vm = this;
1520
1638
  var _h = _vm.$createElement;
1521
1639
  var _c = _vm._self._c || _h;
@@ -1537,12 +1655,13 @@
1537
1655
  ],
1538
1656
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
1539
1657
  attrs: {
1658
+ id: _vm.instance.name,
1540
1659
  "fixed-header": "",
1541
1660
  "disable-pagination": "",
1542
1661
  "hide-default-header": "",
1543
1662
  "hide-default-footer": "",
1544
1663
  name: _vm.instance.name,
1545
- headers: _vm.instance.columns,
1664
+ headers: _vm.headers,
1546
1665
  height: _vm.instance.height,
1547
1666
  items: _vm.getData(),
1548
1667
  search: _vm.instance.datasource.search,
@@ -1550,6 +1669,8 @@
1550
1669
  dense: _vm.instance.dense,
1551
1670
  loading: _vm.instance.datasource.loading,
1552
1671
  "item-key": _vm.instance.datasource.uniqueKey,
1672
+ dark: _vm.instance.dark,
1673
+ light: _vm.instance.light,
1553
1674
  "disable-sort": "",
1554
1675
  "disable-filtering": "",
1555
1676
  tabindex: "0",
@@ -1593,7 +1714,6 @@
1593
1714
  key: "header",
1594
1715
  fn: function (ref) {
1595
1716
  var props = ref.props;
1596
- var on = ref.on;
1597
1717
  return [
1598
1718
  _c("thead", { staticClass: "zd-grid-table-header" }, [
1599
1719
  _c(
@@ -1603,8 +1723,22 @@
1603
1723
  ? _c(
1604
1724
  "th",
1605
1725
  {
1606
- staticClass:
1607
- "zd-table-cell selectable zd-table-fixed-column",
1726
+ class: [
1727
+ "zd-table-cell",
1728
+ "selectable",
1729
+ "zd-table-fixed-column",
1730
+ {
1731
+ "theme--dark":
1732
+ (_vm.$vuetify.theme.dark &&
1733
+ !_vm.instance.light) ||
1734
+ _vm.instance.dark,
1735
+ },
1736
+ {
1737
+ "theme--light":
1738
+ !_vm.$vuetify.theme.dark ||
1739
+ _vm.instance.light,
1740
+ },
1741
+ ],
1608
1742
  style:
1609
1743
  "background-color: " +
1610
1744
  _vm.instance.headerBackground,
@@ -1628,7 +1762,7 @@
1628
1762
  on: {
1629
1763
  click: function ($event) {
1630
1764
  $event.stopPropagation();
1631
- on["toggle-select-all"](!props.everyItem);
1765
+ _vm.toggleSelectAll();
1632
1766
  _vm.selectAllClick(
1633
1767
  !props.everyItem,
1634
1768
  $event
@@ -1658,13 +1792,30 @@
1658
1792
  refInFor: true,
1659
1793
  class: [
1660
1794
  "zd-table-cell",
1795
+ "column-th-" +
1796
+ column.name +
1797
+ "-" +
1798
+ _vm.instance.name,
1661
1799
  {
1662
1800
  sortable:
1663
1801
  column.sortable &&
1664
1802
  !_vm.instance.editing,
1665
- sortHandle: _vm.instance.dragColumns,
1803
+ sortHandle:
1804
+ !column.fixed &&
1805
+ _vm.instance.dragColumns,
1666
1806
  "zd-table-fixed-column": column.fixed,
1667
1807
  },
1808
+ {
1809
+ "theme--dark":
1810
+ (_vm.$vuetify.theme.dark &&
1811
+ !_vm.instance.light) ||
1812
+ _vm.instance.dark,
1813
+ },
1814
+ {
1815
+ "theme--light":
1816
+ !_vm.$vuetify.theme.dark ||
1817
+ _vm.instance.light,
1818
+ },
1668
1819
  "text-" + column.align,
1669
1820
  _vm.instance.datasource.getOrderByColumn(
1670
1821
  column.name
@@ -2183,6 +2334,11 @@
2183
2334
  column,
2184
2335
  filterIndex
2185
2336
  ),
2337
+ change:
2338
+ _vm.getFilterValueChange(
2339
+ column,
2340
+ filterIndex
2341
+ ),
2186
2342
  },
2187
2343
  }
2188
2344
  ),
@@ -2299,17 +2455,76 @@
2299
2455
  },
2300
2456
  [
2301
2457
  _vm.instance.selectable
2302
- ? _c("td", {
2303
- staticClass:
2304
- "zd-table-cell selectable zd-table-fixed-column",
2305
- })
2458
+ ? _c(
2459
+ "td",
2460
+ {
2461
+ class: [
2462
+ "zd-table-cell",
2463
+ "selectable",
2464
+ "zd-table-fixed-column",
2465
+ {
2466
+ "theme--dark":
2467
+ (_vm.$vuetify.theme.dark &&
2468
+ !_vm.instance.light) ||
2469
+ _vm.instance.dark,
2470
+ },
2471
+ {
2472
+ "theme--light":
2473
+ !_vm.$vuetify.theme.dark ||
2474
+ _vm.instance.light,
2475
+ },
2476
+ ],
2477
+ },
2478
+ [
2479
+ _c("v-checkbox", {
2480
+ staticClass: "zd-grid-row-checkbox",
2481
+ attrs: {
2482
+ "hide-details": "",
2483
+ color: "primary",
2484
+ disabled: _vm.instance.editing,
2485
+ "on-icon": _vm.$getIcon("checkboxOn"),
2486
+ "off-icon": _vm.$getIcon("checkboxOff"),
2487
+ "indeterminate-icon": _vm.$getIcon(
2488
+ "checkboxIndeterminate"
2489
+ ),
2490
+ "true-value": true,
2491
+ "false-value": false,
2492
+ "input-value": _vm.isGroupSelected(item),
2493
+ indeterminate:
2494
+ _vm.isGroupSelectIndeterminate(item),
2495
+ },
2496
+ on: {
2497
+ click: function ($event) {
2498
+ $event.stopPropagation();
2499
+ return _vm.selectGroup(item, $event)
2500
+ },
2501
+ },
2502
+ }),
2503
+ ],
2504
+ 1
2505
+ )
2306
2506
  : _vm._e(),
2307
2507
  _vm._v(" "),
2308
2508
  _c(
2309
2509
  "td",
2310
2510
  {
2311
- staticClass:
2312
- "zd-table-cell text-left zd-table-group-header zd-table-fixed-column",
2511
+ class: [
2512
+ "zd-table-cell",
2513
+ "text-left",
2514
+ "zd-table-group-header",
2515
+ "zd-table-fixed-column",
2516
+ {
2517
+ "theme--dark":
2518
+ (_vm.$vuetify.theme.dark &&
2519
+ !_vm.instance.light) ||
2520
+ _vm.instance.dark,
2521
+ },
2522
+ {
2523
+ "theme--light":
2524
+ !_vm.$vuetify.theme.dark ||
2525
+ _vm.instance.light,
2526
+ },
2527
+ ],
2313
2528
  style:
2314
2529
  "left: " +
2315
2530
  (_vm.instance.selectable ? 40 : 0) +
@@ -2386,6 +2601,12 @@
2386
2601
  current: _vm.isCurrentRow(item),
2387
2602
  footer: item.groupFooter,
2388
2603
  summary: item.groupSummary,
2604
+ "theme--dark":
2605
+ (_vm.$vuetify.theme.dark &&
2606
+ !_vm.instance.light) ||
2607
+ _vm.instance.dark,
2608
+ "theme--light":
2609
+ !_vm.$vuetify.theme.dark || _vm.instance.light,
2389
2610
  },
2390
2611
  on: {
2391
2612
  click: function ($event) {
@@ -2398,8 +2619,22 @@
2398
2619
  ? _c(
2399
2620
  "td",
2400
2621
  {
2401
- staticClass:
2402
- "zd-table-cell selectable zd-table-fixed-column",
2622
+ class: [
2623
+ "zd-table-cell",
2624
+ "selectable",
2625
+ "zd-table-fixed-column",
2626
+ {
2627
+ "theme--dark":
2628
+ (_vm.$vuetify.theme.dark &&
2629
+ !_vm.instance.light) ||
2630
+ _vm.instance.dark,
2631
+ },
2632
+ {
2633
+ "theme--light":
2634
+ !_vm.$vuetify.theme.dark ||
2635
+ _vm.instance.light,
2636
+ },
2637
+ ],
2403
2638
  },
2404
2639
  [
2405
2640
  _c("v-checkbox", {
@@ -2480,6 +2715,19 @@
2480
2715
  "zd-table-fixed-column":
2481
2716
  column.fixed,
2482
2717
  },
2718
+ {
2719
+ "theme--dark":
2720
+ (_vm.$vuetify.theme
2721
+ .dark &&
2722
+ !_vm.instance.light) ||
2723
+ _vm.instance.dark,
2724
+ },
2725
+ {
2726
+ "theme--light":
2727
+ !_vm.$vuetify.theme
2728
+ .dark ||
2729
+ _vm.instance.light,
2730
+ },
2483
2731
  ],
2484
2732
  style: [
2485
2733
  Object.assign(
@@ -2493,9 +2741,11 @@
2493
2741
  cellProps
2494
2742
  ).cssStyle,
2495
2743
  {
2496
- left: _vm.getFixedLeft(
2497
- column
2498
- ),
2744
+ left: column.fixed
2745
+ ? _vm.fixedLeft[
2746
+ column.name
2747
+ ]
2748
+ : "unset",
2499
2749
  },
2500
2750
  ],
2501
2751
  on: {
@@ -2965,34 +3215,34 @@
2965
3215
  },
2966
3216
  })
2967
3217
  };
2968
- var __vue_staticRenderFns__$7 = [];
2969
- __vue_render__$7._withStripped = true;
3218
+ var __vue_staticRenderFns__$9 = [];
3219
+ __vue_render__$9._withStripped = true;
2970
3220
 
2971
3221
  /* style */
2972
- const __vue_inject_styles__$7 = function (inject) {
3222
+ const __vue_inject_styles__$9 = function (inject) {
2973
3223
  if (!inject) return
2974
- inject("data-v-1f93e5e4_0", { source: ".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}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 4;\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .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 display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n background: white;\n padding: 12px 12px 0 12px;\n max-height: 300px;\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 });
3224
+ inject("data-v-6718d0bc_0", { source: ".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}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .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 display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
2975
3225
 
2976
3226
  };
2977
3227
  /* scoped */
2978
- const __vue_scope_id__$7 = undefined;
3228
+ const __vue_scope_id__$9 = undefined;
2979
3229
  /* module identifier */
2980
- const __vue_module_identifier__$7 = undefined;
3230
+ const __vue_module_identifier__$9 = undefined;
2981
3231
  /* functional template */
2982
- const __vue_is_functional_template__$7 = false;
3232
+ const __vue_is_functional_template__$9 = false;
2983
3233
  /* style inject SSR */
2984
3234
 
2985
3235
  /* style inject shadow dom */
2986
3236
 
2987
3237
 
2988
3238
 
2989
- const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
2990
- { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
2991
- __vue_inject_styles__$7,
2992
- __vue_script__$7,
2993
- __vue_scope_id__$7,
2994
- __vue_is_functional_template__$7,
2995
- __vue_module_identifier__$7,
3239
+ const __vue_component__$9 = /*#__PURE__*/normalizeComponent(
3240
+ { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
3241
+ __vue_inject_styles__$9,
3242
+ __vue_script__$9,
3243
+ __vue_scope_id__$9,
3244
+ __vue_is_functional_template__$9,
3245
+ __vue_module_identifier__$9,
2996
3246
  false,
2997
3247
  createInjector,
2998
3248
  undefined,
@@ -3009,6 +3259,7 @@
3009
3259
  this.aggregationData = [];
3010
3260
  this.selectedColumnNames = [];
3011
3261
  this.searchValue = '';
3262
+ this.showGroups = true;
3012
3263
  this.updatingSelect = false;
3013
3264
  this.modal = modal;
3014
3265
  }
@@ -3038,6 +3289,7 @@
3038
3289
  set instance(instance) {
3039
3290
  this.instanceValue = instance;
3040
3291
  this.iterableComponent = instance.iterableComponent;
3292
+ this.showGroups = instance.iterableComponent instanceof teknisaComponentsCommon.TekGrid;
3041
3293
  this.aggregationData = instance.getAggregationSelectData();
3042
3294
  this.columnData = {};
3043
3295
  this.iterableComponent.columns.forEach((column) => {
@@ -3626,6 +3878,7 @@
3626
3878
  {
3627
3879
  name: 'tekGridColumnsOptionsGroupedRow',
3628
3880
  component: 'ZdRow',
3881
+ isVisible: `{{${TekGridColumnsOptionsModal.controllerName}.showGroups}}`,
3629
3882
  children: [
3630
3883
  {
3631
3884
  name: 'tekGridColumnsOptionsGroupedCol',
@@ -3828,6 +4081,7 @@
3828
4081
  {
3829
4082
  name: 'tekGridColumnsOptionsColumnAggregation',
3830
4083
  component: 'ZdSelect',
4084
+ isVisible: `{{${TekGridColumnsOptionsModal.controllerName}.showGroups}}`,
3831
4085
  autocomplete: false,
3832
4086
  label: 'TEKGRID_COLUMN_AGGREGATION',
3833
4087
  showHelper: false,
@@ -3849,6 +4103,7 @@
3849
4103
  {
3850
4104
  name: 'tekGridColumnsOptionsColumnGroupOpened',
3851
4105
  component: 'ZdCheckbox',
4106
+ isVisible: `{{${TekGridColumnsOptionsModal.controllerName}.showGroups}}`,
3852
4107
  cssClass: 'zd-form-input-align',
3853
4108
  disabled: `{{${TekGridColumnsOptionsModal.controllerName}.notGroupInSelection}}`,
3854
4109
  label: 'TEKGRID_COLUMN_GROUP_OPENED',
@@ -3943,6 +4198,10 @@
3943
4198
  this.menuIsOpened = false;
3944
4199
  }
3945
4200
  };
4201
+ __decorate([
4202
+ vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
4203
+ __metadata("design:type", Object)
4204
+ ], TekGridColumnsButton.prototype, "hideGroups", void 0);
3946
4205
  __decorate([
3947
4206
  vuePropertyDecorator.Watch('menuIsOpened'),
3948
4207
  __metadata("design:type", Function),
@@ -3952,13 +4211,13 @@
3952
4211
  TekGridColumnsButton = __decorate([
3953
4212
  vuePropertyDecorator.Component
3954
4213
  ], TekGridColumnsButton);
3955
- var script$6 = TekGridColumnsButton;
4214
+ var script$8 = TekGridColumnsButton;
3956
4215
 
3957
4216
  /* script */
3958
- const __vue_script__$6 = script$6;
4217
+ const __vue_script__$8 = script$8;
3959
4218
 
3960
4219
  /* template */
3961
- var __vue_render__$6 = function () {
4220
+ var __vue_render__$8 = function () {
3962
4221
  var _vm = this;
3963
4222
  var _h = _vm.$createElement;
3964
4223
  var _c = _vm._self._c || _h;
@@ -3980,6 +4239,7 @@
3980
4239
  ],
3981
4240
  style: _vm.instance.cssStyle,
3982
4241
  attrs: {
4242
+ id: _vm.instance.name,
3983
4243
  closeOnContentClick: false,
3984
4244
  "offset-y": "",
3985
4245
  "content-class":
@@ -4042,11 +4302,15 @@
4042
4302
  _vm._v(" "),
4043
4303
  _c("th", [_vm._v(_vm._s(_vm.$t("TEKGRID_COLUMN_VISIBLE")))]),
4044
4304
  _vm._v(" "),
4045
- _c("th", [_vm._v(_vm._s(_vm.$t("TEKGRID_COLUMN_GROUPED")))]),
4305
+ !_vm.instance.hideGroups
4306
+ ? _c("th", [_vm._v(_vm._s(_vm.$t("TEKGRID_COLUMN_GROUPED")))])
4307
+ : _vm._e(),
4046
4308
  _vm._v(" "),
4047
- _c("th", [
4048
- _vm._v(_vm._s(_vm.$t("TEKGRID_COLUMN_AGGREGATION"))),
4049
- ]),
4309
+ !_vm.instance.hideGroups
4310
+ ? _c("th", [
4311
+ _vm._v(_vm._s(_vm.$t("TEKGRID_COLUMN_AGGREGATION"))),
4312
+ ])
4313
+ : _vm._e(),
4050
4314
  ]),
4051
4315
  ]),
4052
4316
  _vm._v(" "),
@@ -4093,77 +4357,81 @@
4093
4357
  1
4094
4358
  ),
4095
4359
  _vm._v(" "),
4096
- _c(
4097
- "td",
4098
- [
4099
- column.type !== "action"
4100
- ? _c("zd-checkbox", {
4101
- attrs: {
4102
- name:
4103
- _vm.instance.name +
4104
- "_column_grouped_" +
4105
- column.name,
4106
- value: column.grouped,
4107
- events: {
4108
- change:
4109
- _vm.instance.controller.changeGroupedColumn.bind(
4110
- _vm.instance.controller,
4111
- column
4112
- ),
4113
- },
4114
- },
4115
- })
4116
- : _vm._e(),
4117
- ],
4118
- 1
4119
- ),
4120
- _vm._v(" "),
4121
- _c(
4122
- "td",
4123
- {
4124
- staticClass:
4125
- "tek-grid-columns-button-column-aggregation",
4126
- },
4127
- [
4128
- column.type !== "action"
4129
- ? _c(
4130
- "zd-select",
4131
- _vm._b(
4132
- {
4360
+ !_vm.instance.hideGroups
4361
+ ? _c(
4362
+ "td",
4363
+ [
4364
+ column.type !== "action"
4365
+ ? _c("zd-checkbox", {
4133
4366
  attrs: {
4134
4367
  name:
4135
4368
  _vm.instance.name +
4136
- "_column_aggregation_" +
4369
+ "_column_grouped_" +
4137
4370
  column.name,
4371
+ value: column.grouped,
4372
+ events: {
4373
+ change:
4374
+ _vm.instance.controller.changeGroupedColumn.bind(
4375
+ _vm.instance.controller,
4376
+ column
4377
+ ),
4378
+ },
4138
4379
  },
4139
- },
4140
- "zd-select",
4141
- {
4142
- value: column.aggregation,
4143
- disabled: column.grouped,
4144
- events: {
4145
- change:
4146
- _vm.instance.controller.changeAggregationColumn.bind(
4147
- _vm.instance.controller,
4148
- column
4149
- ),
4150
- },
4151
- dataText: "text",
4152
- dataValue: "value",
4153
- autocomplete: false,
4154
- showHelper: false,
4155
- showLabel: false,
4156
- datasource: {
4157
- data: _vm.instance.getAggregationSelectData(),
4158
- },
4159
- },
4160
- false
4161
- )
4162
- )
4163
- : _vm._e(),
4164
- ],
4165
- 1
4166
- ),
4380
+ })
4381
+ : _vm._e(),
4382
+ ],
4383
+ 1
4384
+ )
4385
+ : _vm._e(),
4386
+ _vm._v(" "),
4387
+ !_vm.instance.hideGroups
4388
+ ? _c(
4389
+ "td",
4390
+ {
4391
+ staticClass:
4392
+ "tek-grid-columns-button-column-aggregation",
4393
+ },
4394
+ [
4395
+ column.type !== "action"
4396
+ ? _c(
4397
+ "zd-select",
4398
+ _vm._b(
4399
+ {
4400
+ attrs: {
4401
+ name:
4402
+ _vm.instance.name +
4403
+ "_column_aggregation_" +
4404
+ column.name,
4405
+ },
4406
+ },
4407
+ "zd-select",
4408
+ {
4409
+ value: column.aggregation,
4410
+ disabled: column.grouped,
4411
+ events: {
4412
+ change:
4413
+ _vm.instance.controller.changeAggregationColumn.bind(
4414
+ _vm.instance.controller,
4415
+ column
4416
+ ),
4417
+ },
4418
+ dataText: "text",
4419
+ dataValue: "value",
4420
+ autocomplete: false,
4421
+ showHelper: false,
4422
+ showLabel: false,
4423
+ datasource: {
4424
+ data: _vm.instance.getAggregationSelectData(),
4425
+ },
4426
+ },
4427
+ false
4428
+ )
4429
+ )
4430
+ : _vm._e(),
4431
+ ],
4432
+ 1
4433
+ )
4434
+ : _vm._e(),
4167
4435
  ]
4168
4436
  )
4169
4437
  }),
@@ -4211,34 +4479,34 @@
4211
4479
  ]
4212
4480
  )
4213
4481
  };
4214
- var __vue_staticRenderFns__$6 = [];
4215
- __vue_render__$6._withStripped = true;
4482
+ var __vue_staticRenderFns__$8 = [];
4483
+ __vue_render__$8._withStripped = true;
4216
4484
 
4217
4485
  /* style */
4218
- const __vue_inject_styles__$6 = function (inject) {
4486
+ const __vue_inject_styles__$8 = function (inject) {
4219
4487
  if (!inject) return
4220
- inject("data-v-0b148da7_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n background-color: white;\n font-size: 13px;\n border-spacing: 0;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n background: white;\n position: sticky;\n top: 0;\n z-index: 10;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n background: white;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
4488
+ inject("data-v-8459d5b8_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
4221
4489
 
4222
4490
  };
4223
4491
  /* scoped */
4224
- const __vue_scope_id__$6 = undefined;
4492
+ const __vue_scope_id__$8 = undefined;
4225
4493
  /* module identifier */
4226
- const __vue_module_identifier__$6 = undefined;
4494
+ const __vue_module_identifier__$8 = undefined;
4227
4495
  /* functional template */
4228
- const __vue_is_functional_template__$6 = false;
4496
+ const __vue_is_functional_template__$8 = false;
4229
4497
  /* style inject SSR */
4230
4498
 
4231
4499
  /* style inject shadow dom */
4232
4500
 
4233
4501
 
4234
4502
 
4235
- const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
4236
- { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
4237
- __vue_inject_styles__$6,
4238
- __vue_script__$6,
4239
- __vue_scope_id__$6,
4240
- __vue_is_functional_template__$6,
4241
- __vue_module_identifier__$6,
4503
+ const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
4504
+ { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
4505
+ __vue_inject_styles__$8,
4506
+ __vue_script__$8,
4507
+ __vue_scope_id__$8,
4508
+ __vue_is_functional_template__$8,
4509
+ __vue_module_identifier__$8,
4242
4510
  false,
4243
4511
  createInjector,
4244
4512
  undefined,
@@ -4282,35 +4550,37 @@
4282
4550
  const oldFilter = JSON.stringify(grid.datasource.filter);
4283
4551
  const oldDynamicFilter = JSON.stringify(this.datasourceDynamicFilter(grid.datasource));
4284
4552
  if (layout) {
4285
- tableElement.style.width = layout.gridWidth;
4553
+ tableElement.style.width = layout.gridWidth || 'auto';
4286
4554
  grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
4287
4555
  grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
4288
4556
  if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource && layout.dynamicFilter !== undefined) {
4289
- grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns);
4557
+ grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
4290
4558
  }
4291
- grid.columns = layout.columns.map((column) => {
4292
- const col = gridColumns[column.name];
4293
- col.label = column.label !== undefined ? column.label : col.label;
4294
- col.align = column.align !== undefined ? column.align : col.align;
4295
- col.isVisible = column.isVisible !== undefined ? column.isVisible : col.isVisible;
4296
- col.fixed = !!column.fixed;
4297
- col.grouped = !!column.grouped;
4298
- col.groupOpened = !!column.groupOpened;
4299
- col.aggregation = column.aggregation;
4300
- col.minWidth = column.minWidth || '';
4301
- col.maxWidth = column.maxWidth || '';
4302
- this.setHelperValue(col, column.filterHelperValue || '');
4303
- return col;
4304
- });
4305
- // wait to change column orders
4306
- this.$nextTick(() => {
4307
- grid.columns.forEach((_column, index) => {
4308
- const columnElement = tableElement.querySelector(`tr th:not(.selectable)[index="${index}"]`);
4309
- if (columnElement) {
4310
- columnElement.style.width = layout.columns[index].width || 'unset';
4311
- }
4559
+ if (layout.columns) {
4560
+ grid.columns = layout.columns.map((column) => {
4561
+ const col = gridColumns[column.name];
4562
+ col.label = column.label !== undefined ? column.label : col.label;
4563
+ col.align = column.align !== undefined ? column.align : col.align;
4564
+ col.isVisible = column.isVisible !== undefined ? column.isVisible : col.isVisible;
4565
+ col.fixed = !!column.fixed;
4566
+ col.grouped = !!column.grouped;
4567
+ col.groupOpened = !!column.groupOpened;
4568
+ col.aggregation = column.aggregation;
4569
+ col.minWidth = column.minWidth || '';
4570
+ col.maxWidth = column.maxWidth || '';
4571
+ this.setHelperValue(col, column.filterHelperValue || '');
4572
+ return col;
4312
4573
  });
4313
- });
4574
+ // wait to change column orders
4575
+ this.$nextTick(() => {
4576
+ grid.columns.forEach((_column, index) => {
4577
+ const columnElement = tableElement.querySelector(`tr th:not(.selectable)[index="${index}"]`);
4578
+ if (columnElement) {
4579
+ columnElement.style.width = layout.columns[index].width || 'unset';
4580
+ }
4581
+ });
4582
+ });
4583
+ }
4314
4584
  }
4315
4585
  else {
4316
4586
  grid.datasource.order = [...this.instance.originalDatasourceOrder];
@@ -4362,26 +4632,26 @@
4362
4632
  Object.keys(filter).forEach((columnName) => {
4363
4633
  const filterOptions = filter[columnName];
4364
4634
  const column = columns[columns.findIndex((col) => col.name === columnName)];
4365
- const { filterDynamicValue } = column;
4635
+ const { filterHelperValue } = column;
4366
4636
  filterOptions.forEach((item) => {
4367
- let dynamicValue = '';
4368
- if (!Array.isArray(filterDynamicValue)) {
4369
- dynamicValue = filterDynamicValue;
4637
+ if (['IN', 'NOT_IN', 'BETWEEN'].includes(item.operation) && !Array.isArray(item.value)) {
4638
+ item.value = item.value.split(';');
4639
+ }
4640
+ let helperValue = '';
4641
+ if (!Array.isArray(filterHelperValue)) {
4642
+ helperValue = filterHelperValue;
4370
4643
  }
4371
4644
  else {
4372
- Object.keys(filterDynamicValue).forEach((key) => {
4373
- const value = filterDynamicValue[key] || '';
4645
+ Object.keys(filterHelperValue).forEach((key) => {
4646
+ const value = filterHelperValue[key] || '';
4374
4647
  if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}` === key) {
4375
- dynamicValue = value;
4648
+ helperValue = value;
4376
4649
  }
4377
4650
  });
4378
4651
  }
4379
- if (dynamicValue) {
4652
+ if (helperValue) {
4380
4653
  const columnObj = this.instance.grid.getColumn(column.name);
4381
- item.value = teknisaComponentsCommon.TekFilterHelper.getValue(dynamicValue, columnObj);
4382
- if (Array.isArray(item.value)) {
4383
- item.value = item.value.join(';');
4384
- }
4654
+ item.value = teknisaComponentsCommon.TekFilterHelper.getValue(helperValue, columnObj);
4385
4655
  }
4386
4656
  });
4387
4657
  });
@@ -4433,13 +4703,13 @@
4433
4703
  TekGridLayoutOptions = __decorate([
4434
4704
  vuePropertyDecorator.Component
4435
4705
  ], TekGridLayoutOptions);
4436
- var script$5 = TekGridLayoutOptions;
4706
+ var script$7 = TekGridLayoutOptions;
4437
4707
 
4438
4708
  /* script */
4439
- const __vue_script__$5 = script$5;
4709
+ const __vue_script__$7 = script$7;
4440
4710
 
4441
4711
  /* template */
4442
- var __vue_render__$5 = function () {
4712
+ var __vue_render__$7 = function () {
4443
4713
  var _vm = this;
4444
4714
  var _h = _vm.$createElement;
4445
4715
  var _c = _vm._self._c || _h;
@@ -4458,6 +4728,7 @@
4458
4728
  class: ["tek-grid-layout-options", _vm.instance.cssClass],
4459
4729
  style: _vm.instance.cssStyle,
4460
4730
  attrs: {
4731
+ id: _vm.instance.name,
4461
4732
  name: _vm.instance.name,
4462
4733
  "offset-y": "",
4463
4734
  closeOnContentClick: false,
@@ -4623,7 +4894,10 @@
4623
4894
  _vm._b(
4624
4895
  {
4625
4896
  attrs: {
4626
- name: "tek-grid-layout-item-update_" + item,
4897
+ name:
4898
+ "tek-grid-layout-item-update_" +
4899
+ _vm.instance.name +
4900
+ item,
4627
4901
  },
4628
4902
  },
4629
4903
  "zd-button",
@@ -4647,7 +4921,10 @@
4647
4921
  _vm._b(
4648
4922
  {
4649
4923
  attrs: {
4650
- name: "tek-grid-layout-item-delete_" + item,
4924
+ name:
4925
+ "tek-grid-layout-item-delete_" +
4926
+ _vm.instance.name +
4927
+ item,
4651
4928
  },
4652
4929
  },
4653
4930
  "zd-button",
@@ -4678,34 +4955,34 @@
4678
4955
  1
4679
4956
  )
4680
4957
  };
4681
- var __vue_staticRenderFns__$5 = [];
4682
- __vue_render__$5._withStripped = true;
4958
+ var __vue_staticRenderFns__$7 = [];
4959
+ __vue_render__$7._withStripped = true;
4683
4960
 
4684
4961
  /* style */
4685
- const __vue_inject_styles__$5 = function (inject) {
4962
+ const __vue_inject_styles__$7 = function (inject) {
4686
4963
  if (!inject) return
4687
- inject("data-v-29ce02fa_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover {\n background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n display: none;\n position: absolute;\n right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 12px;\n}", map: undefined, media: undefined });
4964
+ inject("data-v-b7689878_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n display: none;\n position: absolute;\n right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 12px;\n}", map: undefined, media: undefined });
4688
4965
 
4689
4966
  };
4690
4967
  /* scoped */
4691
- const __vue_scope_id__$5 = undefined;
4968
+ const __vue_scope_id__$7 = undefined;
4692
4969
  /* module identifier */
4693
- const __vue_module_identifier__$5 = undefined;
4970
+ const __vue_module_identifier__$7 = undefined;
4694
4971
  /* functional template */
4695
- const __vue_is_functional_template__$5 = false;
4972
+ const __vue_is_functional_template__$7 = false;
4696
4973
  /* style inject SSR */
4697
4974
 
4698
4975
  /* style inject shadow dom */
4699
4976
 
4700
4977
 
4701
4978
 
4702
- const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
4703
- { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
4704
- __vue_inject_styles__$5,
4705
- __vue_script__$5,
4706
- __vue_scope_id__$5,
4707
- __vue_is_functional_template__$5,
4708
- __vue_module_identifier__$5,
4979
+ const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
4980
+ { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
4981
+ __vue_inject_styles__$7,
4982
+ __vue_script__$7,
4983
+ __vue_scope_id__$7,
4984
+ __vue_is_functional_template__$7,
4985
+ __vue_module_identifier__$7,
4709
4986
  false,
4710
4987
  createInjector,
4711
4988
  undefined,
@@ -4732,34 +5009,34 @@
4732
5009
  TekImage = __decorate([
4733
5010
  vuePropertyDecorator.Component
4734
5011
  ], TekImage);
4735
- var script$4 = TekImage;
5012
+ var script$6 = TekImage;
4736
5013
 
4737
5014
  /* script */
4738
- const __vue_script__$4 = script$4;
5015
+ const __vue_script__$6 = script$6;
4739
5016
 
4740
5017
  /* template */
4741
- var __vue_render__$4 = function () {
5018
+ var __vue_render__$6 = function () {
4742
5019
  var _vm = this;
4743
5020
  var _h = _vm.$createElement;
4744
5021
  var _c = _vm._self._c || _h;
4745
5022
  return _c(
4746
5023
  "router-link",
4747
- { attrs: { to: _vm.instance.to } },
5024
+ { attrs: { id: _vm.instance.name, to: _vm.instance.to } },
4748
5025
  [_c("v-img", { attrs: { src: _vm.instance.src } })],
4749
5026
  1
4750
5027
  )
4751
5028
  };
4752
- var __vue_staticRenderFns__$4 = [];
4753
- __vue_render__$4._withStripped = true;
5029
+ var __vue_staticRenderFns__$6 = [];
5030
+ __vue_render__$6._withStripped = true;
4754
5031
 
4755
5032
  /* style */
4756
- const __vue_inject_styles__$4 = undefined;
5033
+ const __vue_inject_styles__$6 = undefined;
4757
5034
  /* scoped */
4758
- const __vue_scope_id__$4 = undefined;
5035
+ const __vue_scope_id__$6 = undefined;
4759
5036
  /* module identifier */
4760
- const __vue_module_identifier__$4 = undefined;
5037
+ const __vue_module_identifier__$6 = undefined;
4761
5038
  /* functional template */
4762
- const __vue_is_functional_template__$4 = false;
5039
+ const __vue_is_functional_template__$6 = false;
4763
5040
  /* style inject */
4764
5041
 
4765
5042
  /* style inject SSR */
@@ -4768,13 +5045,13 @@
4768
5045
 
4769
5046
 
4770
5047
 
4771
- const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
4772
- { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
4773
- __vue_inject_styles__$4,
4774
- __vue_script__$4,
4775
- __vue_scope_id__$4,
4776
- __vue_is_functional_template__$4,
4777
- __vue_module_identifier__$4,
5048
+ const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
5049
+ { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
5050
+ __vue_inject_styles__$6,
5051
+ __vue_script__$6,
5052
+ __vue_scope_id__$6,
5053
+ __vue_is_functional_template__$6,
5054
+ __vue_module_identifier__$6,
4778
5055
  false,
4779
5056
  undefined,
4780
5057
  undefined,
@@ -4799,13 +5076,13 @@
4799
5076
  TekIterableCarousel = __decorate([
4800
5077
  vuePropertyDecorator.Component
4801
5078
  ], TekIterableCarousel);
4802
- var script$3 = TekIterableCarousel;
5079
+ var script$5 = TekIterableCarousel;
4803
5080
 
4804
5081
  /* script */
4805
- const __vue_script__$3 = script$3;
5082
+ const __vue_script__$5 = script$5;
4806
5083
 
4807
5084
  /* template */
4808
- var __vue_render__$3 = function () {
5085
+ var __vue_render__$5 = function () {
4809
5086
  var _vm = this;
4810
5087
  var _h = _vm.$createElement;
4811
5088
  var _c = _vm._self._c || _h;
@@ -4822,7 +5099,7 @@
4822
5099
  ],
4823
5100
  class: ["tek-iterable-carousel", _vm.instance.cssClass],
4824
5101
  style: _vm.instance.cssStyle,
4825
- attrs: { name: _vm.instance.name },
5102
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
4826
5103
  },
4827
5104
  [
4828
5105
  _vm.instance.iterable.datasource.loading
@@ -4879,17 +5156,17 @@
4879
5156
  1
4880
5157
  )
4881
5158
  };
4882
- var __vue_staticRenderFns__$3 = [];
4883
- __vue_render__$3._withStripped = true;
5159
+ var __vue_staticRenderFns__$5 = [];
5160
+ __vue_render__$5._withStripped = true;
4884
5161
 
4885
5162
  /* style */
4886
- const __vue_inject_styles__$3 = undefined;
5163
+ const __vue_inject_styles__$5 = undefined;
4887
5164
  /* scoped */
4888
- const __vue_scope_id__$3 = undefined;
5165
+ const __vue_scope_id__$5 = undefined;
4889
5166
  /* module identifier */
4890
- const __vue_module_identifier__$3 = undefined;
5167
+ const __vue_module_identifier__$5 = undefined;
4891
5168
  /* functional template */
4892
- const __vue_is_functional_template__$3 = false;
5169
+ const __vue_is_functional_template__$5 = false;
4893
5170
  /* style inject */
4894
5171
 
4895
5172
  /* style inject SSR */
@@ -4898,13 +5175,13 @@
4898
5175
 
4899
5176
 
4900
5177
 
4901
- const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
4902
- { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
4903
- __vue_inject_styles__$3,
4904
- __vue_script__$3,
4905
- __vue_scope_id__$3,
4906
- __vue_is_functional_template__$3,
4907
- __vue_module_identifier__$3,
5178
+ const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
5179
+ { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
5180
+ __vue_inject_styles__$5,
5181
+ __vue_script__$5,
5182
+ __vue_scope_id__$5,
5183
+ __vue_is_functional_template__$5,
5184
+ __vue_module_identifier__$5,
4908
5185
  false,
4909
5186
  undefined,
4910
5187
  undefined,
@@ -4971,20 +5248,23 @@
4971
5248
  TekIterableComponentRender = __decorate([
4972
5249
  vuePropertyDecorator.Component
4973
5250
  ], TekIterableComponentRender);
4974
- var script$2 = TekIterableComponentRender;
5251
+ var script$4 = TekIterableComponentRender;
4975
5252
 
4976
5253
  /* script */
4977
- const __vue_script__$2 = script$2;
5254
+ const __vue_script__$4 = script$4;
4978
5255
 
4979
5256
  /* template */
4980
- var __vue_render__$2 = function () {
5257
+ var __vue_render__$4 = function () {
4981
5258
  var _vm = this;
4982
5259
  var _h = _vm.$createElement;
4983
5260
  var _c = _vm._self._c || _h;
4984
5261
  return _vm.instance.isVisible
4985
5262
  ? _c(
4986
5263
  "div",
4987
- { class: ["tek-iterable-component-render", _vm.instance.cssClass] },
5264
+ {
5265
+ class: ["tek-iterable-component-render", _vm.instance.cssClass],
5266
+ attrs: { id: _vm.instance.name },
5267
+ },
4988
5268
  [
4989
5269
  _vm.instance.toolbarSlot.length || !!_vm.$slots.toolbarSlot
4990
5270
  ? _c("div", { staticClass: "tek-iterable-toolbar" }, [
@@ -5153,40 +5433,125 @@
5153
5433
  )
5154
5434
  : _vm._e()
5155
5435
  };
5156
- var __vue_staticRenderFns__$2 = [];
5157
- __vue_render__$2._withStripped = true;
5436
+ var __vue_staticRenderFns__$4 = [];
5437
+ __vue_render__$4._withStripped = true;
5158
5438
 
5159
5439
  /* style */
5160
- const __vue_inject_styles__$2 = function (inject) {
5440
+ const __vue_inject_styles__$4 = function (inject) {
5161
5441
  if (!inject) return
5162
- inject("data-v-02c0169b_0", { source: ".tek-iterable-component-render[data-v-02c0169b] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-02c0169b],\n.tek-iterable-component-render .no--data[data-v-02c0169b] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-02c0169b] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-02c0169b] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-02c0169b] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
5442
+ inject("data-v-42c57cb2_0", { source: ".tek-iterable-component-render[data-v-42c57cb2] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-42c57cb2],\n.tek-iterable-component-render .no--data[data-v-42c57cb2] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-42c57cb2] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-42c57cb2] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-42c57cb2] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
5163
5443
 
5164
5444
  };
5165
5445
  /* scoped */
5166
- const __vue_scope_id__$2 = "data-v-02c0169b";
5446
+ const __vue_scope_id__$4 = "data-v-42c57cb2";
5167
5447
  /* module identifier */
5168
- const __vue_module_identifier__$2 = undefined;
5448
+ const __vue_module_identifier__$4 = undefined;
5169
5449
  /* functional template */
5170
- const __vue_is_functional_template__$2 = false;
5450
+ const __vue_is_functional_template__$4 = false;
5171
5451
  /* style inject SSR */
5172
5452
 
5173
5453
  /* style inject shadow dom */
5174
5454
 
5175
5455
 
5176
5456
 
5177
- const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
5178
- { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
5179
- __vue_inject_styles__$2,
5180
- __vue_script__$2,
5181
- __vue_scope_id__$2,
5182
- __vue_is_functional_template__$2,
5183
- __vue_module_identifier__$2,
5457
+ const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
5458
+ { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
5459
+ __vue_inject_styles__$4,
5460
+ __vue_script__$4,
5461
+ __vue_scope_id__$4,
5462
+ __vue_is_functional_template__$4,
5463
+ __vue_module_identifier__$4,
5184
5464
  false,
5185
5465
  createInjector,
5186
5466
  undefined,
5187
5467
  undefined
5188
5468
  );
5189
5469
 
5470
+ // eslint-disable-next-line
5471
+ const loading = 'data:image/gif;base64,R0lGODlhlgCWAPf/AC1oxPa+ADarUdmsFEB/m0yTcjiMhEafWjFova2SNDZotX10VsOfJDlosFZnge25BnJtXTukVWVmaFh1eIuOZ1x0ZEFopHpyWGFpcS5ow+q2CVNnhmVnZvW9AW5qYUyKXUJnofW+AKWNOV9mcS9owZuGQTporlCGXbWXLmNrazxnqeKyDoGDZVFniFZ6ZNSpGJ+IPoR4Ud+wEURnnmtpYklnlll5YbGUMcagIk5njmhnZWpoZGF0aWBmbkdnmbyaKUtnlEaBfWdmZTNou0WUW5WDRFtmeGZmZ82kHqecTXqIdzRouGJmbPC6BIB2VDxnrGNmakyHYPO8AkxnkUh0qmRpZl9wZVxndmRmaVhnffS9AqmPN09ni96vEUmQWzBowC1ow2FtZVR3gl5ndFGCYEVnnF1mdGR9i1dnf7qZK4l7TnRvXOK1FD6eV8ijIG6Cgl58lF1rfEBnpFVsi1pmeo5+Sk56dz9np5OCRjaqUi5pxNarFndwWmNqZm9sYFx7a098itGnG4d6T7ikPKKLO1Rmg+e1Cr2bKVhme0GbVkpmk5mWW5GBSM+nHLiYLPG7BIp8TUKZWUFsqWJnbltmd0hnmNqtFExtm1tsgaiOOIx9TNuuE6CKPWJmbcqjH1OJb8CdJjFovlpwb+u5CzioU1aFbjdos0qYXJOPXWFwczepUnBsX8qrKuW0DD5nqdmsFUl+kTtnrDdntNKuI+OzDVRnhYuEV52HPzNqvjltuVBqkJeERNirFnVvXKSMOjVsvDmLhEJxsTloss+sJTeqUdyzGkaeWreYLmBqdjmMhDyhVvC8B49/STinVVV+YVp/bEuScq6fRj5tr8CnNUV/lUNnoGZnZkCFgTaqUVeCYTuLgz2Ig02RcUySck+QcTxpr5qQUFCPXjZsullviFh4ZNaxH0KAmEGYXFJ4oFCNcEdsoUicWpmFQkRooEFvsHt5YDepUXBvYzyKhESXWkeeWjxutcWlK250bYp+UFCQcGZoaLyeLtitFaGSR0OYV2ZmZiH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMEVGRUY5RjYzRjYxMUVDQkRFNUM0MjQ5M0FFRTY2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMEVGRUZBMDYzRjYxMUVDQkRFNUM0MjQ5M0FFRTY2RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQwRUZFRjlENjNGNjExRUNCREU1QzQyNDkzQUVFNjZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQwRUZFRjlFNjNGNjExRUNCREU1QzQyNDkzQUVFNjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1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3cr155ExDjZsyDKiK8weU4R9AcAWTCgTLcyulFBrCdu7eAHITSmhEpi8gPeirJEBcGDBJR0UNpwXMUksChgfdhxyg+TJlD/eudw480cmdjnf9fxxDAnRo0l3vII6teqNZhajfs1xBILWemlrlNAAt+6NNXz/zjji9OzhGSu1Rp6RSW/RzDOaicw5esZJrqpbx4iFiynZd0mYgtiuEQuaSndMmJAzhY4E8vDjy59Pv779+/jz69/Pv7///wAGKOCABBZo4IEIJqjgggw26OCDEEYo4YQUVmjhhRhmqOGGHHbo4YcghijiiCSWaOKJKKao4oostujiizDGKOOMNNZo44045qjjjjz26OOPQAYp5JBEFmnkkUgmqSRVAQEAIfkEBQQA/wAsAAAAAJYAlgAACPEA/wkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmzZs4c+rcybOnz59AgwodSrSo0aNIkypdyrSp06dQo0qdSrWq1atYs2rdyrWr169gw4odS7as2bNo06pdy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0ueTLmy5cuYM2vezLmz58+gQ4seTbq06dOoU6tezbq169ewY8ueTbu27du4c+vezbu379/AgwsfTry48ePIkytfzry58+fQo0ufbjggACH5BAUEAP8ALAAAAAABAAEAAAgEAP8FBAA7';
5472
+ let TekLoading = class TekLoading extends vuetify.ZdLoading {
5473
+ constructor() {
5474
+ super(...arguments);
5475
+ this.instanceType = teknisaComponentsCommon.Loading;
5476
+ }
5477
+ };
5478
+ __decorate([
5479
+ vuePropertyDecorator.Prop({ type: String, default: '' }),
5480
+ __metadata("design:type", String)
5481
+ ], TekLoading.prototype, "text", void 0);
5482
+ __decorate([
5483
+ vuePropertyDecorator.Prop({ type: String, default: loading }),
5484
+ __metadata("design:type", String)
5485
+ ], TekLoading.prototype, "image", void 0);
5486
+ __decorate([
5487
+ vuePropertyDecorator.Prop({ type: [Number, String], default: 999 }),
5488
+ __metadata("design:type", Object)
5489
+ ], TekLoading.prototype, "zdIndex", void 0);
5490
+ TekLoading = __decorate([
5491
+ vuePropertyDecorator.Component
5492
+ ], TekLoading);
5493
+ var script$3 = TekLoading;
5494
+
5495
+ /* script */
5496
+ const __vue_script__$3 = script$3;
5497
+
5498
+ /* template */
5499
+ var __vue_render__$3 = function () {
5500
+ var _vm = this;
5501
+ var _h = _vm.$createElement;
5502
+ var _c = _vm._self._c || _h;
5503
+ return _c(
5504
+ "zd-loading",
5505
+ _vm._b(
5506
+ {},
5507
+ "zd-loading",
5508
+ {
5509
+ name: _vm.instance.name,
5510
+ text: _vm.instance.text,
5511
+ image: _vm.instance.image,
5512
+ zIndex: _vm.instance.zIndex,
5513
+ textColor: _vm.textColor,
5514
+ loadingColor: _vm.loadingColor,
5515
+ size: _vm.size,
5516
+ loadingWidth: _vm.loadingWidth,
5517
+ opacity: _vm.opacity,
5518
+ },
5519
+ false
5520
+ )
5521
+ )
5522
+ };
5523
+ var __vue_staticRenderFns__$3 = [];
5524
+ __vue_render__$3._withStripped = true;
5525
+
5526
+ /* style */
5527
+ const __vue_inject_styles__$3 = undefined;
5528
+ /* scoped */
5529
+ const __vue_scope_id__$3 = undefined;
5530
+ /* module identifier */
5531
+ const __vue_module_identifier__$3 = undefined;
5532
+ /* functional template */
5533
+ const __vue_is_functional_template__$3 = false;
5534
+ /* style inject */
5535
+
5536
+ /* style inject SSR */
5537
+
5538
+ /* style inject shadow dom */
5539
+
5540
+
5541
+
5542
+ const __vue_component__$3 = /*#__PURE__*/normalizeComponent(
5543
+ { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
5544
+ __vue_inject_styles__$3,
5545
+ __vue_script__$3,
5546
+ __vue_scope_id__$3,
5547
+ __vue_is_functional_template__$3,
5548
+ __vue_module_identifier__$3,
5549
+ false,
5550
+ undefined,
5551
+ undefined,
5552
+ undefined
5553
+ );
5554
+
5190
5555
  /**
5191
5556
  * TekNotifications component join an icon, title, rightSlot and a divider
5192
5557
  */
@@ -5209,19 +5574,19 @@
5209
5574
  TekNotifications = __decorate([
5210
5575
  vuePropertyDecorator.Component
5211
5576
  ], TekNotifications);
5212
- var script$1 = TekNotifications;
5577
+ var script$2 = TekNotifications;
5213
5578
 
5214
5579
  /* script */
5215
- const __vue_script__$1 = script$1;
5580
+ const __vue_script__$2 = script$2;
5216
5581
 
5217
5582
  /* template */
5218
- var __vue_render__$1 = function () {
5583
+ var __vue_render__$2 = function () {
5219
5584
  var _vm = this;
5220
5585
  var _h = _vm.$createElement;
5221
5586
  var _c = _vm._self._c || _h;
5222
5587
  return _c(
5223
5588
  "div",
5224
- { staticClass: "tek-notifications" },
5589
+ { staticClass: "tek-notifications", attrs: { id: _vm.instance.name } },
5225
5590
  [
5226
5591
  _c(
5227
5592
  "tek-card-title",
@@ -5292,34 +5657,34 @@
5292
5657
  1
5293
5658
  )
5294
5659
  };
5295
- var __vue_staticRenderFns__$1 = [];
5296
- __vue_render__$1._withStripped = true;
5660
+ var __vue_staticRenderFns__$2 = [];
5661
+ __vue_render__$2._withStripped = true;
5297
5662
 
5298
5663
  /* style */
5299
- const __vue_inject_styles__$1 = function (inject) {
5664
+ const __vue_inject_styles__$2 = function (inject) {
5300
5665
  if (!inject) return
5301
- inject("data-v-552c53cd_0", { source: ".tek-notifications .tek-card-title .mark-read-text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n display: inline-block;\n}\n.tek-notifications .tek-card-title .mark-read-text p {\n margin-bottom: 0px;\n}\n.tek-notifications .tek-card-title hr.v-divider {\n margin-bottom: 0px;\n}\n.tek-notifications ul.tek-notifications-list {\n list-style: none;\n padding: 0;\n}\n.tek-notifications ul.tek-notifications-list li {\n border-bottom: solid 1px rgba(0, 0, 0, 0.12);\n color: #667080;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n line-height: 14px;\n padding: 10px 20px 10px 0;\n position: relative;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-subject {\n font-weight: 700;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-read-mark {\n width: 10px;\n height: 10px;\n background-color: var(--v-primary-base);\n border-radius: 50%;\n position: absolute;\n right: 2px;\n top: 12px;\n}\n.tek-notifications ul.tek-notifications-list li:last-child {\n border-bottom: none;\n}\n.tek-notifications .tek-notification-show-all {\n text-decoration: none;\n text-align: center;\n padding-top: 10px;\n font-weight: 700;\n display: block;\n border-top: solid 1px rgba(0, 0, 0, 0.12);\n}", map: undefined, media: undefined });
5666
+ inject("data-v-30efacc6_0", { source: ".tek-notifications .tek-card-title .mark-read-text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n display: inline-block;\n}\n.tek-notifications .tek-card-title .mark-read-text p {\n margin-bottom: 0px;\n}\n.tek-notifications .tek-card-title hr.v-divider {\n margin-bottom: 0px;\n}\n.tek-notifications ul.tek-notifications-list {\n list-style: none;\n padding: 0;\n}\n.tek-notifications ul.tek-notifications-list li {\n border-bottom: solid 1px rgba(0, 0, 0, 0.12);\n color: #667080;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n line-height: 14px;\n padding: 10px 20px 10px 0;\n position: relative;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-subject {\n font-weight: 700;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-read-mark {\n width: 10px;\n height: 10px;\n background-color: var(--v-primary-base);\n border-radius: 50%;\n position: absolute;\n right: 2px;\n top: 12px;\n}\n.tek-notifications ul.tek-notifications-list li:last-child {\n border-bottom: none;\n}\n.tek-notifications .tek-notification-show-all {\n text-decoration: none;\n text-align: center;\n padding-top: 10px;\n font-weight: 700;\n display: block;\n border-top: solid 1px rgba(0, 0, 0, 0.12);\n}", map: undefined, media: undefined });
5302
5667
 
5303
5668
  };
5304
5669
  /* scoped */
5305
- const __vue_scope_id__$1 = undefined;
5670
+ const __vue_scope_id__$2 = undefined;
5306
5671
  /* module identifier */
5307
- const __vue_module_identifier__$1 = undefined;
5672
+ const __vue_module_identifier__$2 = undefined;
5308
5673
  /* functional template */
5309
- const __vue_is_functional_template__$1 = false;
5674
+ const __vue_is_functional_template__$2 = false;
5310
5675
  /* style inject SSR */
5311
5676
 
5312
5677
  /* style inject shadow dom */
5313
5678
 
5314
5679
 
5315
5680
 
5316
- const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
5317
- { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
5318
- __vue_inject_styles__$1,
5319
- __vue_script__$1,
5320
- __vue_scope_id__$1,
5321
- __vue_is_functional_template__$1,
5322
- __vue_module_identifier__$1,
5681
+ const __vue_component__$2 = /*#__PURE__*/normalizeComponent(
5682
+ { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
5683
+ __vue_inject_styles__$2,
5684
+ __vue_script__$2,
5685
+ __vue_scope_id__$2,
5686
+ __vue_is_functional_template__$2,
5687
+ __vue_module_identifier__$2,
5323
5688
  false,
5324
5689
  createInjector,
5325
5690
  undefined,
@@ -5385,13 +5750,13 @@
5385
5750
  TekProductCard = __decorate([
5386
5751
  vuePropertyDecorator.Component
5387
5752
  ], TekProductCard);
5388
- var script = TekProductCard;
5753
+ var script$1 = TekProductCard;
5389
5754
 
5390
5755
  /* script */
5391
- const __vue_script__ = script;
5756
+ const __vue_script__$1 = script$1;
5392
5757
 
5393
5758
  /* template */
5394
- var __vue_render__ = function () {
5759
+ var __vue_render__$1 = function () {
5395
5760
  var _vm = this;
5396
5761
  var _h = _vm.$createElement;
5397
5762
  var _c = _vm._self._c || _h;
@@ -5402,9 +5767,16 @@
5402
5767
  class: [
5403
5768
  "tek-product-card",
5404
5769
  { "tek-product-card--link": _vm.instance.events.click },
5770
+ {
5771
+ "theme--dark":
5772
+ (_vm.$vuetify.theme.dark && !_vm.instance.light) ||
5773
+ _vm.instance.dark,
5774
+ },
5775
+ { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
5405
5776
  _vm.instance.cssClass,
5406
5777
  ],
5407
5778
  style: { width: _vm.instance.width },
5779
+ attrs: { id: _vm.instance.name },
5408
5780
  on: {
5409
5781
  click: function ($event) {
5410
5782
  return _vm.click($event)
@@ -5417,6 +5789,8 @@
5417
5789
  {
5418
5790
  attrs: {
5419
5791
  name: _vm.instance.name,
5792
+ dark: _vm.instance.dark,
5793
+ light: _vm.instance.light,
5420
5794
  elevation: 2,
5421
5795
  to: _vm.instance.to,
5422
5796
  },
@@ -5511,13 +5885,1740 @@
5511
5885
  )
5512
5886
  : _vm._e()
5513
5887
  };
5888
+ var __vue_staticRenderFns__$1 = [];
5889
+ __vue_render__$1._withStripped = true;
5890
+
5891
+ /* style */
5892
+ const __vue_inject_styles__$1 = function (inject) {
5893
+ if (!inject) return
5894
+ inject("data-v-67ead2c4_0", { source: ".tek-product-card * {\n text-decoration: none;\n}\n.tek-product-card .v-card {\n padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n display: flex;\n flex-direction: column;\n padding: 5px 10px 10px 10px;\n color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 16px;\n line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n font-weight: var(--zd-font-body4-weight);\n font-size: var(--zd-font-body4-size);\n line-height: 16px;\n}\n.tek-product-card--link .v-card {\n cursor: pointer;\n}", map: undefined, media: undefined });
5895
+
5896
+ };
5897
+ /* scoped */
5898
+ const __vue_scope_id__$1 = undefined;
5899
+ /* module identifier */
5900
+ const __vue_module_identifier__$1 = undefined;
5901
+ /* functional template */
5902
+ const __vue_is_functional_template__$1 = false;
5903
+ /* style inject SSR */
5904
+
5905
+ /* style inject shadow dom */
5906
+
5907
+
5908
+
5909
+ const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
5910
+ { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
5911
+ __vue_inject_styles__$1,
5912
+ __vue_script__$1,
5913
+ __vue_scope_id__$1,
5914
+ __vue_is_functional_template__$1,
5915
+ __vue_module_identifier__$1,
5916
+ false,
5917
+ createInjector,
5918
+ undefined,
5919
+ undefined
5920
+ );
5921
+
5922
+ // eslint-disable-next-line prefer-destructuring
5923
+ const ZdTreeGridEditable = vuetify.components.ZdTreeGridEditable;
5924
+ /**
5925
+ * TekGrid component
5926
+ */
5927
+ let TekGrid = class TekGrid extends ZdTreeGridEditable {
5928
+ constructor() {
5929
+ super(...arguments);
5930
+ this.instanceType = teknisaComponentsCommon.TekTreeGrid;
5931
+ this.debouncedDatasourceGet = debounce__default["default"]((instance) => {
5932
+ if (instance.events.beforeApplyFilter) {
5933
+ instance.events.beforeApplyFilter({ component: instance });
5934
+ }
5935
+ const { datasource } = instance;
5936
+ if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
5937
+ datasource.updateDynamicFilter();
5938
+ }
5939
+ else {
5940
+ datasource.get();
5941
+ }
5942
+ }, 500);
5943
+ this.operationList = '';
5944
+ this.defaultOperation = '';
5945
+ this.defaultRelation = '';
5946
+ this.lastFilter = '';
5947
+ this.tableHeader = null;
5948
+ this.tableBody = null;
5949
+ }
5950
+ mounted() {
5951
+ this.originalChangeLayout = this.instance.changeLayout;
5952
+ this.instance.changeLayout = this.onChangeLayout;
5953
+ this.updateFixedColumns();
5954
+ }
5955
+ minimumColumnWidth(column) {
5956
+ let minWidth = column && column.sortable ? 50 : 34;
5957
+ if (this.instance.columnFilterButton && column && column.filterable) {
5958
+ minWidth += 15;
5959
+ }
5960
+ return minWidth;
5961
+ }
5962
+ onChangeLayout(event, element) {
5963
+ if (this.originalChangeLayout) {
5964
+ this.originalChangeLayout.call(this.instance, event, element);
5965
+ }
5966
+ if (this.instance.showLayoutOptions) {
5967
+ try {
5968
+ const layoutOptions = core.Metadata.getInstance(`${this.instance.name}_layout_options`);
5969
+ layoutOptions.layoutEdited = true;
5970
+ }
5971
+ catch (_a) {
5972
+ // do nothing
5973
+ }
5974
+ }
5975
+ this.updateFixedColumns();
5976
+ }
5977
+ getFilterActivatorEvents(on, column) {
5978
+ const events = {};
5979
+ Object.keys(on).forEach((eventName) => {
5980
+ events[eventName] = (event) => {
5981
+ this.defaultOperation = 'CONTAINS';
5982
+ this.defaultRelation = 'AND';
5983
+ this.operationList = this.getColumnFilterOptions(column).map((item) => item.operation).join(';');
5984
+ on[eventName](event);
5985
+ };
5986
+ });
5987
+ return events;
5988
+ }
5989
+ getFilterItemChange(prop, column, index) {
5990
+ return this.filterItemChange.bind(this, prop, column, index);
5991
+ }
5992
+ getFilterValueChange(column, index) {
5993
+ return debounce__default["default"](this.filterValueChange.bind(this, column, index), 1000);
5994
+ }
5995
+ isOperationArrayValues(operation) {
5996
+ return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
5997
+ }
5998
+ getComponentType(index) {
5999
+ const operationListArray = this.operationList.split(';');
6000
+ return this.isOperationArrayValues(operationListArray[index]) ? 'ZdTextInput' : '';
6001
+ }
6002
+ getComponentHint(index) {
6003
+ const operationListArray = this.operationList.split(';');
6004
+ return this.isOperationArrayValues(operationListArray[index]) ? 'TEKGRID_MULTIPLE_VALUE_HINT' : '';
6005
+ }
6006
+ filterItemChange(prop, column, index, { component, event, element }) {
6007
+ const { name } = component;
6008
+ const valueInputName = name.replace(`-filter-${prop}-`, '-filter-value-');
6009
+ const valueInput = core.Metadata.getInstance(valueInputName);
6010
+ const operationListArray = this.operationList.split(';');
6011
+ if (prop === 'operation' && operationListArray[index] !== component.value) {
6012
+ operationListArray[index] = component.value;
6013
+ this.operationList = operationListArray.join(';');
6014
+ }
6015
+ try {
6016
+ valueInput.setFocus();
6017
+ }
6018
+ catch (_a) {
6019
+ // do nothing
6020
+ }
6021
+ const { datasource } = this.instance;
6022
+ if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
6023
+ if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
6024
+ this.lastFilter = JSON.stringify(datasource.dynamicFilter);
6025
+ const { value } = datasource.dynamicFilter[column.name][index];
6026
+ if (prop === 'operation') {
6027
+ if (this.isOperationArrayValues(component.value) && !Array.isArray(value)) {
6028
+ datasource.dynamicFilter[column.name][index].value = [value];
6029
+ }
6030
+ if (!this.isOperationArrayValues(component.value) && Array.isArray(value)) {
6031
+ [datasource.dynamicFilter[column.name][index].value] = value;
6032
+ }
6033
+ }
6034
+ datasource.dynamicFilter[column.name][index][prop] = component.value;
6035
+ if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
6036
+ this.debouncedDatasourceGet(this.instance);
6037
+ this.onChangeLayout(event, element);
6038
+ }
6039
+ }
6040
+ }
6041
+ }
6042
+ convertToDateFormat(column, value, revert) {
6043
+ const dateFormat = column.componentProps.dateFormat || core.Config.dateFormat;
6044
+ const displayFormat = column.componentProps.displayFormat || core.Config.displayFormat;
6045
+ if (revert) {
6046
+ if (core.dayjs(value, displayFormat).isValid() || !core.dayjs(value, dateFormat).isValid()) {
6047
+ return value;
6048
+ }
6049
+ return core.dayjs(value, dateFormat).format(displayFormat);
6050
+ }
6051
+ if (core.dayjs(value, dateFormat).isValid() || !core.dayjs(value, displayFormat).isValid()) {
6052
+ return value;
6053
+ }
6054
+ return core.dayjs(value, displayFormat).format(dateFormat);
6055
+ }
6056
+ checkDateValueFormat(column, value, revert = false) {
6057
+ if (['ZdDate', 'ZdDateRange'].includes(column.componentProps.component)) {
6058
+ if (Array.isArray(value)) {
6059
+ return value.map((item) => this.convertToDateFormat(column, item, revert));
6060
+ }
6061
+ return this.convertToDateFormat(column, value, revert);
6062
+ }
6063
+ return value;
6064
+ }
6065
+ filterValueChange(column, index, { component, event, element }) {
6066
+ let { value } = component;
6067
+ const { datasource } = this.instance;
6068
+ if (!(element === null || element === void 0 ? void 0 : element.offsetParent))
6069
+ return;
6070
+ if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
6071
+ this.lastFilter = JSON.stringify(datasource.dynamicFilter);
6072
+ if (value) {
6073
+ if (!datasource.dynamicFilter[column.name]) {
6074
+ datasource.dynamicFilter[column.name] = [];
6075
+ }
6076
+ if (!datasource.dynamicFilter[column.name][index]) {
6077
+ const { name } = component;
6078
+ let relation;
6079
+ if (index > 0) {
6080
+ const relationSelectName = name.replace('-filter-value-', '-filter-relation-');
6081
+ const relationSelect = core.Metadata.getInstance(relationSelectName);
6082
+ relation = relationSelect.value;
6083
+ }
6084
+ else {
6085
+ relation = 'AND';
6086
+ }
6087
+ const operationSelectName = name.replace('-filter-value-', '-filter-operation-');
6088
+ const operationSelect = core.Metadata.getInstance(operationSelectName);
6089
+ const operation = operationSelect.value;
6090
+ if (this.isOperationArrayValues(operation)) {
6091
+ value = value.split(';');
6092
+ }
6093
+ value = this.checkDateValueFormat(column, value);
6094
+ datasource.dynamicFilter[column.name].push({
6095
+ relation,
6096
+ operation,
6097
+ value,
6098
+ });
6099
+ }
6100
+ else {
6101
+ if (this.isOperationArrayValues(datasource.dynamicFilter[column.name][index].operation)) {
6102
+ value = value.split(';');
6103
+ }
6104
+ value = this.checkDateValueFormat(column, value);
6105
+ datasource.dynamicFilter[column.name][index].value = value;
6106
+ }
6107
+ }
6108
+ else if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
6109
+ this.defaultOperation = datasource.dynamicFilter[column.name][index].operation;
6110
+ this.defaultRelation = datasource.dynamicFilter[column.name][index].relation;
6111
+ datasource.dynamicFilter[column.name].splice(index, 1);
6112
+ if (datasource.dynamicFilter[column.name].length === 1) {
6113
+ datasource.dynamicFilter[column.name][0].relation = 'AND';
6114
+ }
6115
+ if (!datasource.dynamicFilter[column.name].length) {
6116
+ delete datasource.dynamicFilter[column.name];
6117
+ }
6118
+ }
6119
+ if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
6120
+ this.debouncedDatasourceGet(this.instance);
6121
+ this.onChangeLayout(event, element);
6122
+ this.clearHelperValues(column);
6123
+ }
6124
+ }
6125
+ else {
6126
+ this.lastFilter = JSON.stringify(this.instance.datasource.filter);
6127
+ if (value) {
6128
+ this.instance.datasource.addFilter(column.name, value);
6129
+ }
6130
+ else {
6131
+ this.instance.datasource.removeFilter(column.name);
6132
+ }
6133
+ if (this.lastFilter !== JSON.stringify(this.instance.datasource.filter)) {
6134
+ this.debouncedDatasourceGet(this.instance);
6135
+ this.onChangeLayout(event, element);
6136
+ this.clearHelperValues(column);
6137
+ }
6138
+ }
6139
+ }
6140
+ clearHelperValues(column) {
6141
+ if (!Array.isArray(column.filterProps)) {
6142
+ column.filterProps.helperValue = '';
6143
+ }
6144
+ else {
6145
+ column.filterProps.forEach((prop) => {
6146
+ prop.helperValue = '';
6147
+ });
6148
+ }
6149
+ }
6150
+ getColumnFilterOptions(column) {
6151
+ const filterOptions = [];
6152
+ const { datasource } = this.instance;
6153
+ if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
6154
+ const dynamicFilter = datasource.dynamicFilter[column.name];
6155
+ if (dynamicFilter && dynamicFilter.length > 0) {
6156
+ dynamicFilter.forEach((item) => {
6157
+ let { value } = item;
6158
+ if (this.isOperationArrayValues(item.operation) && Array.isArray(value)) {
6159
+ value = this.checkDateValueFormat(column, value, true);
6160
+ value = value.join(';');
6161
+ }
6162
+ filterOptions.push(Object.assign(Object.assign({}, item), { value }));
6163
+ });
6164
+ }
6165
+ filterOptions.push({
6166
+ operation: this.defaultOperation,
6167
+ relation: this.defaultRelation,
6168
+ value: '',
6169
+ });
6170
+ }
6171
+ else {
6172
+ const option = {
6173
+ operation: undefined,
6174
+ relation: undefined,
6175
+ value: this.instance.datasource.filter[column.name] || '',
6176
+ };
6177
+ filterOptions.push(option);
6178
+ }
6179
+ return filterOptions;
6180
+ }
6181
+ isCurrentRow(row) {
6182
+ const { uniqueKey, currentRow } = this.instance.datasource;
6183
+ return !!((row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
6184
+ }
6185
+ getVisibleData() {
6186
+ this.scrollData.visibleData = this.instance.datasource.data;
6187
+ return this.scrollData.visibleData;
6188
+ }
6189
+ getData() {
6190
+ if (!this.instance.virtualScroll || !this.scrollData.initialized) {
6191
+ return this.instance.treeDataStructure.searchHasNoData ? [] : this.instance.treeDataStructure.treeData;
6192
+ }
6193
+ return this.renderedData;
6194
+ }
6195
+ rowClick(row, event) {
6196
+ this.instance.rowClick(row, event, this.$el);
6197
+ }
6198
+ orderHeaders(headers) {
6199
+ return headers.sort((a, b) => {
6200
+ if (a.fixed === b.fixed)
6201
+ return 0;
6202
+ if (!a.fixed && b.fixed)
6203
+ return 1;
6204
+ return -1;
6205
+ }).filter((item) => item instanceof teknisaComponentsCommon.TekGridColumn);
6206
+ }
6207
+ updateFixedColumns() {
6208
+ if (this.instance.columns.filter((column) => column.fixed).length === 0)
6209
+ return;
6210
+ if (!this.tableHeader) {
6211
+ this.tableHeader = this.$el.querySelector('table thead tr');
6212
+ this.tableBody = this.$el.querySelector('table tbody');
6213
+ if (!this.tableHeader || !this.tableBody)
6214
+ return;
6215
+ }
6216
+ const headerColumns = Array.from(this.tableHeader.querySelectorAll('th'));
6217
+ let left = this.instance.selectable ? 40 : 0;
6218
+ headerColumns.forEach((column) => {
6219
+ const name = column.getAttribute('column-name');
6220
+ if (name && column.classList.contains('zd-table-fixed-column')) {
6221
+ column.style.left = `${left}px`;
6222
+ left += column.clientWidth;
6223
+ }
6224
+ });
6225
+ }
6226
+ getFixedLeft(column) {
6227
+ if (!column.fixed)
6228
+ return 'unset';
6229
+ const headerElement = this.$refs[`column-${column.name}`];
6230
+ if (!headerElement)
6231
+ return 'unset';
6232
+ return headerElement[0].style.left;
6233
+ }
6234
+ };
6235
+ __decorate([
6236
+ vuePropertyDecorator.Prop({ type: [String], default: '' }),
6237
+ __metadata("design:type", String)
6238
+ ], TekGrid.prototype, "title", void 0);
6239
+ __decorate([
6240
+ vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6241
+ __metadata("design:type", Object)
6242
+ ], TekGrid.prototype, "addButton", void 0);
6243
+ __decorate([
6244
+ vuePropertyDecorator.Prop({ type: [String], default: 'none' }),
6245
+ __metadata("design:type", String)
6246
+ ], TekGrid.prototype, "deleteButton", void 0);
6247
+ __decorate([
6248
+ vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6249
+ __metadata("design:type", Object)
6250
+ ], TekGrid.prototype, "columnsButton", void 0);
6251
+ __decorate([
6252
+ vuePropertyDecorator.Prop({ type: [Array, String], default: () => [] }),
6253
+ __metadata("design:type", Object)
6254
+ ], TekGrid.prototype, "columnsButtonIgnore", void 0);
6255
+ __decorate([
6256
+ vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6257
+ __metadata("design:type", Object)
6258
+ ], TekGrid.prototype, "filterButton", void 0);
6259
+ __decorate([
6260
+ vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6261
+ __metadata("design:type", Object)
6262
+ ], TekGrid.prototype, "columnFilterButton", void 0);
6263
+ __decorate([
6264
+ vuePropertyDecorator.Prop({ type: [Array], default: () => [] }),
6265
+ __metadata("design:type", Array)
6266
+ ], TekGrid.prototype, "actions", void 0);
6267
+ __decorate([
6268
+ vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6269
+ __metadata("design:type", Object)
6270
+ ], TekGrid.prototype, "dragColumns", void 0);
6271
+ __decorate([
6272
+ vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6273
+ __metadata("design:type", Object)
6274
+ ], TekGrid.prototype, "resizeColumns", void 0);
6275
+ __decorate([
6276
+ vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6277
+ __metadata("design:type", Object)
6278
+ ], TekGrid.prototype, "showLayoutOptions", void 0);
6279
+ __decorate([
6280
+ vuePropertyDecorator.Prop({ type: [String, Boolean], default: false }),
6281
+ __metadata("design:type", Object)
6282
+ ], TekGrid.prototype, "showExport", void 0);
6283
+ __decorate([
6284
+ vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6285
+ __metadata("design:type", Object)
6286
+ ], TekGrid.prototype, "showReload", void 0);
6287
+ __decorate([
6288
+ vuePropertyDecorator.Prop({ type: [String, Array] }),
6289
+ __metadata("design:type", Array)
6290
+ ], TekGrid.prototype, "exportConfig", void 0);
6291
+ __decorate([
6292
+ vuePropertyDecorator.Prop({ type: [Array] }),
6293
+ __metadata("design:type", Array)
6294
+ ], TekGrid.prototype, "exportActions", void 0);
6295
+ __decorate([
6296
+ vuePropertyDecorator.Prop({
6297
+ type: Array,
6298
+ default: () => undefined,
6299
+ }),
6300
+ __metadata("design:type", Array)
6301
+ ], TekGrid.prototype, "toolbarSlot", void 0);
6302
+ TekGrid = __decorate([
6303
+ vuePropertyDecorator.Component
6304
+ ], TekGrid);
6305
+ var script = TekGrid;
6306
+
6307
+ /* script */
6308
+ const __vue_script__ = script;
6309
+
6310
+ /* template */
6311
+ var __vue_render__ = function () {
6312
+ var _vm = this;
6313
+ var _h = _vm.$createElement;
6314
+ var _c = _vm._self._c || _h;
6315
+ return _c("v-data-table", {
6316
+ directives: [
6317
+ {
6318
+ name: "show",
6319
+ rawName: "v-show",
6320
+ value: _vm.instance.isVisible,
6321
+ expression: "instance.isVisible",
6322
+ },
6323
+ ],
6324
+ ref: "grid",
6325
+ class: [
6326
+ "zd-grid",
6327
+ "zd-tree-grid-editable",
6328
+ "tek-grid",
6329
+ "tek-tree-grid",
6330
+ _vm.instance.cssClass,
6331
+ { "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
6332
+ ],
6333
+ style: [_vm.cssColorVars, _vm.instance.cssStyle],
6334
+ attrs: {
6335
+ id: _vm.instance.name,
6336
+ "fixed-header": "",
6337
+ "disable-pagination": "",
6338
+ "hide-default-header": "",
6339
+ "hide-default-footer": "",
6340
+ name: _vm.instance.name,
6341
+ headers: _vm.instance.columns,
6342
+ items: _vm.getData(),
6343
+ search: _vm.instance.datasource.search,
6344
+ "show-select": _vm.instance.selectable,
6345
+ dense: _vm.instance.dense,
6346
+ loading: _vm.instance.datasource.loading,
6347
+ "item-key": _vm.instance.datasource.uniqueKey,
6348
+ dark: _vm.instance.dark,
6349
+ light: _vm.instance.light,
6350
+ "disable-sort": "",
6351
+ "disable-filtering": "",
6352
+ tabindex: "0",
6353
+ },
6354
+ on: {
6355
+ "current-items": function ($event) {
6356
+ return _vm.changeData($event)
6357
+ },
6358
+ },
6359
+ scopedSlots: _vm._u(
6360
+ [
6361
+ {
6362
+ key: "top",
6363
+ fn: function () {
6364
+ return [
6365
+ !_vm.$slots.toolbarSlot
6366
+ ? [
6367
+ _c("zd-grid-top", {
6368
+ ref: "treeGridTopSlot",
6369
+ attrs: {
6370
+ name: _vm.instance.name + "_top",
6371
+ toolbarSlot: _vm.instance.toolbarSlot,
6372
+ instance: _vm.instance,
6373
+ },
6374
+ }),
6375
+ ]
6376
+ : _vm._e(),
6377
+ _vm._v(" "),
6378
+ _vm._t("toolbarSlot"),
6379
+ _vm._v(" "),
6380
+ _c("span", {
6381
+ ref: "gridTooltip",
6382
+ staticClass: "zd-grid-cell-tooltip",
6383
+ }),
6384
+ ]
6385
+ },
6386
+ proxy: true,
6387
+ },
6388
+ _vm.instance.showHeader
6389
+ ? {
6390
+ key: "header",
6391
+ fn: function (ref) {
6392
+ var props = ref.props;
6393
+ var on = ref.on;
6394
+ return [
6395
+ _c("thead", { staticClass: "zd-grid-table-header" }, [
6396
+ _c(
6397
+ "tr",
6398
+ [
6399
+ _vm.instance.selectable
6400
+ ? _c(
6401
+ "th",
6402
+ {
6403
+ staticClass:
6404
+ "zd-table-cell selectable zd-table-fixed-column",
6405
+ style:
6406
+ "background-color: " +
6407
+ _vm.instance.headerBackground,
6408
+ },
6409
+ [
6410
+ _c("v-checkbox", {
6411
+ staticClass: "zd-grid-header-checkbox",
6412
+ attrs: {
6413
+ "hide-details": "",
6414
+ color: "primary",
6415
+ disabled: _vm.instance.editing,
6416
+ "on-icon": _vm.$getIcon("checkboxOn"),
6417
+ "off-icon": _vm.$getIcon("checkboxOff"),
6418
+ "indeterminate-icon": _vm.$getIcon(
6419
+ "checkboxIndeterminate"
6420
+ ),
6421
+ value: props.everyItem,
6422
+ indeterminate:
6423
+ !props.everyItem && props.someItems,
6424
+ },
6425
+ on: {
6426
+ click: function ($event) {
6427
+ $event.stopPropagation();
6428
+ on["toggle-select-all"](!props.everyItem);
6429
+ _vm.selectAllClick(
6430
+ !props.everyItem,
6431
+ $event
6432
+ );
6433
+ },
6434
+ },
6435
+ }),
6436
+ ],
6437
+ 1
6438
+ )
6439
+ : _vm._e(),
6440
+ _vm._v(" "),
6441
+ _vm._l(
6442
+ _vm.orderHeaders(props.headers),
6443
+ function (column, index) {
6444
+ return [
6445
+ column.isVisible
6446
+ ? _c(
6447
+ "th",
6448
+ {
6449
+ key: column.name,
6450
+ ref: "column-" + column.name,
6451
+ refInFor: true,
6452
+ class: [
6453
+ "zd-table-cell",
6454
+ "column-th-" +
6455
+ column.name +
6456
+ "-" +
6457
+ _vm.instance.name,
6458
+ {
6459
+ sortable: column.sortable,
6460
+ sortHandle: _vm.instance.dragColumns,
6461
+ "zd-table-fixed-column": column.fixed,
6462
+ },
6463
+ "text-" + column.align,
6464
+ _vm.instance.datasource.getOrderByColumn(
6465
+ column.name
6466
+ ),
6467
+ _vm.instance.datasource.getOrderByColumn(
6468
+ column.name
6469
+ ) !== null
6470
+ ? "active"
6471
+ : "",
6472
+ ],
6473
+ style: {
6474
+ "background-color":
6475
+ _vm.instance.headerBackground,
6476
+ "min-width":
6477
+ _vm.calcWidth(
6478
+ column,
6479
+ column.minWidth
6480
+ ) || "unset",
6481
+ "max-width":
6482
+ _vm.calcWidth(
6483
+ column,
6484
+ column.maxWidth
6485
+ ) || "unset",
6486
+ },
6487
+ attrs: {
6488
+ "column-name": column.name,
6489
+ index: index,
6490
+ },
6491
+ on: {
6492
+ click: function ($event) {
6493
+ return _vm.instance.changeColumnOrder(
6494
+ column
6495
+ )
6496
+ },
6497
+ },
6498
+ },
6499
+ [
6500
+ _c(
6501
+ "span",
6502
+ {
6503
+ staticClass: "zd-table-header-cell",
6504
+ style: {
6505
+ width:
6506
+ _vm.calcHeaderCellWidth(column),
6507
+ },
6508
+ },
6509
+ [
6510
+ column.type !== "action"
6511
+ ? [
6512
+ column.sortable &&
6513
+ column.align === "right"
6514
+ ? _c(
6515
+ "span",
6516
+ {
6517
+ staticClass:
6518
+ "zd-table-cell-sort",
6519
+ },
6520
+ [
6521
+ column.sortable &&
6522
+ column.align === "right"
6523
+ ? _c(
6524
+ "v-icon",
6525
+ {
6526
+ staticClass:
6527
+ "zd-table-cell-sort-icon",
6528
+ attrs: {
6529
+ small: "",
6530
+ },
6531
+ },
6532
+ [
6533
+ _vm._v(
6534
+ _vm._s(
6535
+ _vm.$getIcon(
6536
+ "chevronUp"
6537
+ )
6538
+ )
6539
+ ),
6540
+ ]
6541
+ )
6542
+ : _vm._e(),
6543
+ _vm._v(" "),
6544
+ _vm.instance.datasource.findOrderIndex(
6545
+ column.name
6546
+ ) >= 0
6547
+ ? _c(
6548
+ "span",
6549
+ {
6550
+ staticClass:
6551
+ "zd-table-cell-sort-order left",
6552
+ },
6553
+ [
6554
+ _vm._v(
6555
+ _vm._s(
6556
+ _vm.instance.datasource.findOrderIndex(
6557
+ column.name
6558
+ ) + 1
6559
+ )
6560
+ ),
6561
+ ]
6562
+ )
6563
+ : _vm._e(),
6564
+ ],
6565
+ 1
6566
+ )
6567
+ : _vm._e(),
6568
+ _vm._v(" "),
6569
+ _c(
6570
+ "span",
6571
+ {
6572
+ class: [
6573
+ "zd-table-cell-name",
6574
+ {
6575
+ "overflow-hidden":
6576
+ column.overflow ===
6577
+ "hidden",
6578
+ "overflow-wrap":
6579
+ column.overflow ===
6580
+ "wrap",
6581
+ },
6582
+ !isNaN(column.overflow)
6583
+ ? "overflow-clamp overflow-clamp-" +
6584
+ column.overflow
6585
+ : "",
6586
+ ],
6587
+ style: {
6588
+ "min-width":
6589
+ _vm.calcWidth(
6590
+ column,
6591
+ column.minWidth
6592
+ ) || "unset",
6593
+ "max-width":
6594
+ _vm.calcWidth(
6595
+ column,
6596
+ column.maxWidth
6597
+ ) || "unset",
6598
+ },
6599
+ on: {
6600
+ mouseenter: function (
6601
+ $event
6602
+ ) {
6603
+ return _vm.checkOverflow(
6604
+ $event
6605
+ )
6606
+ },
6607
+ mouseleave: function (
6608
+ $event
6609
+ ) {
6610
+ return _vm.removeTooltip()
6611
+ },
6612
+ },
6613
+ },
6614
+ [
6615
+ _vm._v(
6616
+ _vm._s(
6617
+ _vm.$t(column.label)
6618
+ )
6619
+ ),
6620
+ ]
6621
+ ),
6622
+ _vm._v(" "),
6623
+ column.sortable &&
6624
+ column.align !== "right"
6625
+ ? _c(
6626
+ "span",
6627
+ {
6628
+ staticClass:
6629
+ "zd-table-cell-sort",
6630
+ },
6631
+ [
6632
+ column.sortable &&
6633
+ column.align !== "right"
6634
+ ? _c(
6635
+ "v-icon",
6636
+ {
6637
+ staticClass:
6638
+ "zd-table-cell-sort-icon",
6639
+ attrs: {
6640
+ small: "",
6641
+ },
6642
+ },
6643
+ [
6644
+ _vm._v(
6645
+ _vm._s(
6646
+ _vm.$getIcon(
6647
+ "chevronUp"
6648
+ )
6649
+ )
6650
+ ),
6651
+ ]
6652
+ )
6653
+ : _vm._e(),
6654
+ _vm._v(" "),
6655
+ _vm.instance.datasource.findOrderIndex(
6656
+ column.name
6657
+ ) >= 0
6658
+ ? _c(
6659
+ "span",
6660
+ {
6661
+ staticClass:
6662
+ "zd-table-cell-sort-order",
6663
+ },
6664
+ [
6665
+ _vm._v(
6666
+ _vm._s(
6667
+ _vm.instance.datasource.findOrderIndex(
6668
+ column.name
6669
+ ) + 1
6670
+ )
6671
+ ),
6672
+ ]
6673
+ )
6674
+ : _vm._e(),
6675
+ ],
6676
+ 1
6677
+ )
6678
+ : _vm._e(),
6679
+ ]
6680
+ : [
6681
+ _c(
6682
+ "span",
6683
+ {
6684
+ staticClass:
6685
+ "zd-table-cell-name",
6686
+ },
6687
+ [
6688
+ _vm._v(
6689
+ _vm._s(
6690
+ _vm.$t(column.label)
6691
+ )
6692
+ ),
6693
+ ]
6694
+ ),
6695
+ ],
6696
+ _vm._v(" "),
6697
+ _vm.instance.columnFilterButton &&
6698
+ column.filterable
6699
+ ? _c(
6700
+ "span",
6701
+ {
6702
+ class: [
6703
+ "tek-grid-column-filter-button",
6704
+ {
6705
+ "has-filter-data":
6706
+ _vm.instance.columnHasFilterData(
6707
+ column
6708
+ ),
6709
+ },
6710
+ ],
6711
+ },
6712
+ [
6713
+ _c(
6714
+ "v-menu",
6715
+ {
6716
+ attrs: {
6717
+ "offset-overflow": "",
6718
+ "offset-y": "",
6719
+ "min-width": 200,
6720
+ transition:
6721
+ "scale-transition",
6722
+ "content-class":
6723
+ "tek-grid-column-filter-menu",
6724
+ "close-on-content-click": false,
6725
+ },
6726
+ scopedSlots: _vm._u(
6727
+ [
6728
+ {
6729
+ key: "activator",
6730
+ fn: function (ref) {
6731
+ var on = ref.on;
6732
+ return [
6733
+ _c(
6734
+ "v-icon",
6735
+ _vm._g(
6736
+ {},
6737
+ Object.assign(
6738
+ {},
6739
+ _vm.getFilterActivatorEvents(
6740
+ on,
6741
+ column
6742
+ )
6743
+ )
6744
+ ),
6745
+ [
6746
+ _vm._v(
6747
+ _vm._s(
6748
+ _vm.$getIcon(
6749
+ "filter"
6750
+ )
6751
+ )
6752
+ ),
6753
+ ]
6754
+ ),
6755
+ ]
6756
+ },
6757
+ },
6758
+ ],
6759
+ null,
6760
+ true
6761
+ ),
6762
+ },
6763
+ [
6764
+ _vm._v(" "),
6765
+ _vm._l(
6766
+ _vm.getColumnFilterOptions(
6767
+ column
6768
+ ),
6769
+ function (
6770
+ item,
6771
+ filterIndex
6772
+ ) {
6773
+ return _c(
6774
+ "span",
6775
+ {
6776
+ key: filterIndex,
6777
+ },
6778
+ [
6779
+ filterIndex > 0
6780
+ ? _c(
6781
+ "zd-radio",
6782
+ _vm._b(
6783
+ {
6784
+ attrs: {
6785
+ name:
6786
+ _vm
6787
+ .instance
6788
+ .name +
6789
+ "-" +
6790
+ column.name +
6791
+ "-filter-relation-" +
6792
+ filterIndex,
6793
+ },
6794
+ },
6795
+ "zd-radio",
6796
+ {
6797
+ showLabel: false,
6798
+ showHelper: false,
6799
+ vertical: false,
6800
+ cssClass:
6801
+ "zd-mb-2",
6802
+ datasource:
6803
+ _vm
6804
+ .instance
6805
+ .filterRelationsDatasource,
6806
+ dataValue:
6807
+ "value",
6808
+ dataLabel:
6809
+ "text",
6810
+ value:
6811
+ item.relation,
6812
+ events:
6813
+ {
6814
+ change:
6815
+ _vm.getFilterItemChange(
6816
+ "relation",
6817
+ column,
6818
+ filterIndex
6819
+ ),
6820
+ },
6821
+ },
6822
+ false
6823
+ )
6824
+ )
6825
+ : _vm._e(),
6826
+ _vm._v(" "),
6827
+ item.operation !==
6828
+ undefined
6829
+ ? _c(
6830
+ "zd-select",
6831
+ _vm._b(
6832
+ {
6833
+ attrs: {
6834
+ name:
6835
+ _vm
6836
+ .instance
6837
+ .name +
6838
+ "-" +
6839
+ column.name +
6840
+ "-filter-operation-" +
6841
+ filterIndex,
6842
+ },
6843
+ },
6844
+ "zd-select",
6845
+ {
6846
+ autocomplete: false,
6847
+ showLabel: false,
6848
+ showHelper: false,
6849
+ clearable: false,
6850
+ cssClass:
6851
+ "zd-mb-2",
6852
+ datasource:
6853
+ _vm
6854
+ .instance
6855
+ .filterOperationsDatasource,
6856
+ dataValue:
6857
+ "value",
6858
+ dataText:
6859
+ "text",
6860
+ value:
6861
+ item.operation,
6862
+ events:
6863
+ {
6864
+ change:
6865
+ _vm.getFilterItemChange(
6866
+ "operation",
6867
+ column,
6868
+ filterIndex
6869
+ ),
6870
+ },
6871
+ },
6872
+ false
6873
+ )
6874
+ )
6875
+ : _vm._e(),
6876
+ _vm._v(" "),
6877
+ _c(
6878
+ _vm.getComponentType(
6879
+ filterIndex
6880
+ ) ||
6881
+ column
6882
+ .componentProps
6883
+ .component,
6884
+ _vm._b(
6885
+ {
6886
+ tag: "component",
6887
+ attrs: {
6888
+ name:
6889
+ _vm
6890
+ .instance
6891
+ .name +
6892
+ "-" +
6893
+ column.name +
6894
+ "-filter-value-" +
6895
+ filterIndex,
6896
+ },
6897
+ },
6898
+ "component",
6899
+ Object.assign(
6900
+ {},
6901
+ column.componentProps,
6902
+ {
6903
+ showLabel: false,
6904
+ showHelper: true,
6905
+ autofill: false,
6906
+ cssClass:
6907
+ "zd-mb-2",
6908
+ value:
6909
+ item.value,
6910
+ persistentHint: true,
6911
+ hint: _vm.getComponentHint(
6912
+ filterIndex
6913
+ ),
6914
+ events: {
6915
+ input:
6916
+ _vm.getFilterValueChange(
6917
+ column,
6918
+ filterIndex
6919
+ ),
6920
+ change:
6921
+ _vm.getFilterValueChange(
6922
+ column,
6923
+ filterIndex
6924
+ ),
6925
+ },
6926
+ }
6927
+ ),
6928
+ false
6929
+ )
6930
+ ),
6931
+ ],
6932
+ 1
6933
+ )
6934
+ }
6935
+ ),
6936
+ ],
6937
+ 2
6938
+ ),
6939
+ ],
6940
+ 1
6941
+ )
6942
+ : _vm._e(),
6943
+ _vm._v(" "),
6944
+ _vm.instance.resizeColumns
6945
+ ? _c(
6946
+ "span",
6947
+ {
6948
+ staticClass:
6949
+ "zd-grid-resize-handle",
6950
+ on: {
6951
+ mousedown: function (
6952
+ $event
6953
+ ) {
6954
+ return _vm.resizeMouseDownHandler(
6955
+ column,
6956
+ $event
6957
+ )
6958
+ },
6959
+ click:
6960
+ _vm.resizeClickHandler,
6961
+ },
6962
+ },
6963
+ [_vm._v("‖")]
6964
+ )
6965
+ : _vm._e(),
6966
+ ],
6967
+ 2
6968
+ ),
6969
+ ]
6970
+ )
6971
+ : _vm._e(),
6972
+ ]
6973
+ }
6974
+ ),
6975
+ ],
6976
+ 2
6977
+ ),
6978
+ ]),
6979
+ ]
6980
+ },
6981
+ }
6982
+ : null,
6983
+ _vm.instance.virtualScroll && _vm.scrollData.start > 0
6984
+ ? {
6985
+ key: "body.prepend",
6986
+ fn: function (ref) {
6987
+ var headers = ref.headers;
6988
+ return [
6989
+ _c("tr", [
6990
+ _c("td", {
6991
+ style: "padding-top:" + _vm.scrollData.startHeight + "px",
6992
+ attrs: { colspan: headers.length },
6993
+ }),
6994
+ ]),
6995
+ ]
6996
+ },
6997
+ }
6998
+ : null,
6999
+ _vm.instance.virtualScroll &&
7000
+ _vm.scrollData.start + _vm.scrollData.perPage <
7001
+ (_vm.scrollData.visibleData || []).length
7002
+ ? {
7003
+ key: "body.append",
7004
+ fn: function (ref) {
7005
+ var headers = ref.headers;
7006
+ return [
7007
+ _c("tr", [
7008
+ _c("td", {
7009
+ style: "padding-top:" + _vm.scrollData.endHeight + "px",
7010
+ attrs: { colspan: headers.length },
7011
+ }),
7012
+ ]),
7013
+ ]
7014
+ },
7015
+ }
7016
+ : null,
7017
+ _vm.instance.treeDataStructure.treeData.length
7018
+ ? {
7019
+ key: "item",
7020
+ fn: function (ref) {
7021
+ var item = ref.item;
7022
+ var isSelected = ref.isSelected;
7023
+ var index = ref.index;
7024
+ var headers = ref.headers;
7025
+ return [
7026
+ _c(
7027
+ "tr",
7028
+ {
7029
+ directives: [
7030
+ {
7031
+ name: "show",
7032
+ rawName: "v-show",
7033
+ value: _vm.instance.treeDataStructure.isOpened(item),
7034
+ expression:
7035
+ "instance.treeDataStructure.isOpened(item)",
7036
+ },
7037
+ ],
7038
+ class: {
7039
+ active: isSelected,
7040
+ current: _vm.isCurrentRow(item),
7041
+ },
7042
+ on: {
7043
+ click: function ($event) {
7044
+ return _vm.rowClick(item, $event)
7045
+ },
7046
+ },
7047
+ },
7048
+ [
7049
+ _vm.instance.selectable
7050
+ ? _c(
7051
+ "td",
7052
+ {
7053
+ staticClass:
7054
+ "zd-table-cell selectable zd-table-fixed-column",
7055
+ },
7056
+ [
7057
+ _c("v-checkbox", {
7058
+ staticClass: "zd-grid-row-checkbox",
7059
+ attrs: {
7060
+ "hide-details": "",
7061
+ color: "primary",
7062
+ disabled: _vm.instance.editing,
7063
+ "on-icon": _vm.$getIcon("checkboxOn"),
7064
+ "off-icon": _vm.$getIcon("checkboxOff"),
7065
+ "true-value": true,
7066
+ "false-value": false,
7067
+ value: isSelected,
7068
+ },
7069
+ on: {
7070
+ click: function ($event) {
7071
+ $event.stopPropagation();
7072
+ return _vm.selectClick(
7073
+ index,
7074
+ !isSelected,
7075
+ $event
7076
+ )
7077
+ },
7078
+ },
7079
+ }),
7080
+ ],
7081
+ 1
7082
+ )
7083
+ : _vm._e(),
7084
+ _vm._v(" "),
7085
+ _vm._l(
7086
+ _vm.orderHeaders(headers),
7087
+ function (header, headerIndex) {
7088
+ return [
7089
+ _vm._l(
7090
+ [
7091
+ {
7092
+ column: header,
7093
+ cellProps: (_vm.instance.cellsApplied[
7094
+ _vm.rowKey(item)
7095
+ ] || {})[header.name],
7096
+ },
7097
+ ],
7098
+ function (ref) {
7099
+ var column = ref.column;
7100
+ var cellProps = ref.cellProps;
7101
+ return [
7102
+ column.isVisible && column.type !== "action"
7103
+ ? [
7104
+ _c(
7105
+ "td",
7106
+ {
7107
+ key: column.name,
7108
+ class: [
7109
+ "zd-table-cell",
7110
+ "text-" + column.align,
7111
+ Object.assign(
7112
+ {},
7113
+ column,
7114
+ cellProps
7115
+ ).cssClass,
7116
+ { first: headerIndex === 0 },
7117
+ {
7118
+ "zd-table-column-editable":
7119
+ column.editable,
7120
+ "zd-table-cell-editable":
7121
+ Object.assign(
7122
+ {},
7123
+ column,
7124
+ cellProps
7125
+ ).editable,
7126
+ "zd-table-fixed-column":
7127
+ column.fixed,
7128
+ },
7129
+ ],
7130
+ style: [
7131
+ Object.assign(
7132
+ {},
7133
+ column,
7134
+ cellProps
7135
+ ).style,
7136
+ Object.assign(
7137
+ {},
7138
+ column,
7139
+ cellProps
7140
+ ).cssStyle,
7141
+ {
7142
+ left: _vm.getFixedLeft(column),
7143
+ },
7144
+ ],
7145
+ on: {
7146
+ click: function ($event) {
7147
+ return _vm.cellClick(
7148
+ item,
7149
+ column,
7150
+ $event
7151
+ )
7152
+ },
7153
+ },
7154
+ },
7155
+ [
7156
+ column.loading
7157
+ ? _c("v-skeleton-loader", {
7158
+ staticClass:
7159
+ "zd-skeleton-table-cell",
7160
+ attrs: {
7161
+ loading: "",
7162
+ type: "table-cell",
7163
+ },
7164
+ })
7165
+ : _vm._e(),
7166
+ _vm._v(" "),
7167
+ Object.assign({}, column, cellProps)
7168
+ .editable && _vm.instance.editing
7169
+ ? _c(
7170
+ "span",
7171
+ {
7172
+ directives: [
7173
+ {
7174
+ name: "show",
7175
+ rawName: "v-show",
7176
+ value: !column.loading,
7177
+ expression:
7178
+ "!column.loading",
7179
+ },
7180
+ ],
7181
+ staticClass:
7182
+ "zd-table-cell-inline-edit",
7183
+ style: {
7184
+ width:
7185
+ _vm.calcWidth(
7186
+ column,
7187
+ column.maxWidth ||
7188
+ column.minWidth
7189
+ ) || "unset",
7190
+ "min-width":
7191
+ _vm.calcWidth(
7192
+ column,
7193
+ column.minWidth
7194
+ ) || "unset",
7195
+ "max-width":
7196
+ _vm.calcWidth(
7197
+ column,
7198
+ column.maxWidth
7199
+ ) || "unset",
7200
+ },
7201
+ },
7202
+ [
7203
+ _vm.instance.isEdited(
7204
+ column,
7205
+ item
7206
+ )
7207
+ ? _c(
7208
+ "span",
7209
+ {
7210
+ staticClass:
7211
+ "zd-table-cell-edit-icon",
7212
+ },
7213
+ [
7214
+ _vm.instance.isValid(
7215
+ column,
7216
+ item
7217
+ )
7218
+ ? _c(
7219
+ "v-icon",
7220
+ {
7221
+ attrs: {
7222
+ color:
7223
+ "primary",
7224
+ },
7225
+ },
7226
+ [
7227
+ _vm._v(
7228
+ _vm._s(
7229
+ _vm.$getIcon(
7230
+ "pencil"
7231
+ )
7232
+ )
7233
+ ),
7234
+ ]
7235
+ )
7236
+ : _c(
7237
+ "v-icon",
7238
+ {
7239
+ attrs: {
7240
+ color:
7241
+ "error",
7242
+ },
7243
+ },
7244
+ [
7245
+ _vm._v(
7246
+ _vm._s(
7247
+ _vm.$getIcon(
7248
+ "warning"
7249
+ )
7250
+ )
7251
+ ),
7252
+ ]
7253
+ ),
7254
+ ],
7255
+ 1
7256
+ )
7257
+ : _vm._e(),
7258
+ _vm._v(" "),
7259
+ _c(
7260
+ column.componentProps
7261
+ .component,
7262
+ _vm._b(
7263
+ {
7264
+ key:
7265
+ column.name +
7266
+ _vm.rowKey(item),
7267
+ tag: "component",
7268
+ },
7269
+ "component",
7270
+ _vm.getEditableComponent(
7271
+ column,
7272
+ item,
7273
+ cellProps
7274
+ ),
7275
+ false
7276
+ )
7277
+ ),
7278
+ ],
7279
+ 1
7280
+ )
7281
+ : _vm.hasToggleIcon(column, item)
7282
+ ? _c(
7283
+ "span",
7284
+ [
7285
+ _c("v-icon", [
7286
+ _vm._v(
7287
+ _vm._s(
7288
+ _vm.$getIcon(
7289
+ column.formatterByRow(
7290
+ item,
7291
+ cellProps
7292
+ )
7293
+ )
7294
+ )
7295
+ ),
7296
+ ]),
7297
+ ],
7298
+ 1
7299
+ )
7300
+ : _c(
7301
+ "span",
7302
+ {
7303
+ directives: [
7304
+ {
7305
+ name: "show",
7306
+ rawName: "v-show",
7307
+ value: !column.loading,
7308
+ expression:
7309
+ "!column.loading",
7310
+ },
7311
+ ],
7312
+ class: [
7313
+ "zd-table-cell-text",
7314
+ {
7315
+ "zd-table-cell-text-editable":
7316
+ Object.assign(
7317
+ {},
7318
+ column,
7319
+ cellProps
7320
+ ).editable,
7321
+ "overflow-hidden":
7322
+ column.overflow ===
7323
+ "hidden",
7324
+ "overflow-wrap":
7325
+ column.overflow ===
7326
+ "wrap",
7327
+ },
7328
+ !isNaN(column.overflow)
7329
+ ? "overflow-clamp overflow-clamp-" +
7330
+ column.overflow
7331
+ : "",
7332
+ ],
7333
+ style: {
7334
+ width:
7335
+ _vm.calcWidth(
7336
+ column,
7337
+ column.maxWidth ||
7338
+ column.minWidth
7339
+ ) || "unset",
7340
+ "min-width":
7341
+ _vm.calcWidth(
7342
+ column,
7343
+ column.minWidth
7344
+ ) || "unset",
7345
+ "max-width":
7346
+ _vm.calcWidth(
7347
+ column,
7348
+ column.maxWidth
7349
+ ) || "unset",
7350
+ },
7351
+ on: {
7352
+ mouseenter: function (
7353
+ $event
7354
+ ) {
7355
+ return _vm.checkOverflow(
7356
+ $event
7357
+ )
7358
+ },
7359
+ mouseleave: function (
7360
+ $event
7361
+ ) {
7362
+ return _vm.removeTooltip()
7363
+ },
7364
+ },
7365
+ },
7366
+ [
7367
+ _c(
7368
+ "div",
7369
+ {
7370
+ directives: [
7371
+ {
7372
+ name: "show",
7373
+ rawName: "v-show",
7374
+ value:
7375
+ headerIndex === 0,
7376
+ expression:
7377
+ "headerIndex === 0",
7378
+ },
7379
+ ],
7380
+ class: [
7381
+ "zd-tree-grid-editable-expand",
7382
+ "level" +
7383
+ item.tree__level,
7384
+ ],
7385
+ },
7386
+ [
7387
+ item.tree__children
7388
+ .length > 0
7389
+ ? _c(
7390
+ "v-icon",
7391
+ {
7392
+ class: {
7393
+ opened:
7394
+ item.tree__opened,
7395
+ },
7396
+ attrs: {
7397
+ tabindex:
7398
+ "-1",
7399
+ },
7400
+ on: {
7401
+ click:
7402
+ function (
7403
+ $event
7404
+ ) {
7405
+ return _vm.instance.toggleExpand(
7406
+ item,
7407
+ index
7408
+ )
7409
+ },
7410
+ },
7411
+ },
7412
+ [
7413
+ _vm._v(
7414
+ "\n " +
7415
+ _vm._s(
7416
+ _vm.$getIcon(
7417
+ "chevronRight"
7418
+ )
7419
+ ) +
7420
+ "\n "
7421
+ ),
7422
+ ]
7423
+ )
7424
+ : _vm._e(),
7425
+ ],
7426
+ 1
7427
+ ),
7428
+ _vm._v(" "),
7429
+ _c("span", {
7430
+ key: item.tree__searched
7431
+ ? "a"
7432
+ : "b",
7433
+ domProps: {
7434
+ innerHTML: _vm._s(
7435
+ _vm.formatSearchResult(
7436
+ column.formatterByRow(
7437
+ item,
7438
+ cellProps
7439
+ )
7440
+ )
7441
+ ),
7442
+ },
7443
+ }),
7444
+ ]
7445
+ ),
7446
+ ],
7447
+ 1
7448
+ ),
7449
+ ]
7450
+ : column.isVisible &&
7451
+ column.type === "action"
7452
+ ? [
7453
+ _c(
7454
+ "td",
7455
+ {
7456
+ key: column.name,
7457
+ class: [
7458
+ "zd-table-cell",
7459
+ "text-" + column.align,
7460
+ Object.assign(
7461
+ {},
7462
+ column,
7463
+ cellProps
7464
+ ).cssClass,
7465
+ ],
7466
+ style: [
7467
+ Object.assign(
7468
+ {},
7469
+ column,
7470
+ cellProps
7471
+ ).style,
7472
+ Object.assign(
7473
+ {},
7474
+ column,
7475
+ cellProps
7476
+ ).cssStyle,
7477
+ ],
7478
+ on: {
7479
+ click: function ($event) {
7480
+ return _vm.cellClick(
7481
+ item,
7482
+ column,
7483
+ $event
7484
+ )
7485
+ },
7486
+ },
7487
+ },
7488
+ _vm._l(
7489
+ column.childrenProps,
7490
+ function (child) {
7491
+ return _c(
7492
+ child.component,
7493
+ _vm._b(
7494
+ {
7495
+ key:
7496
+ child.name +
7497
+ _vm.rowKey(item),
7498
+ tag: "component",
7499
+ },
7500
+ "component",
7501
+ Object.assign(
7502
+ {},
7503
+ child,
7504
+ _vm.instance.getActionComponent(
7505
+ child,
7506
+ column,
7507
+ item
7508
+ )
7509
+ ),
7510
+ false
7511
+ )
7512
+ )
7513
+ }
7514
+ ),
7515
+ 1
7516
+ ),
7517
+ ]
7518
+ : _vm._e(),
7519
+ ]
7520
+ }
7521
+ ),
7522
+ ]
7523
+ }
7524
+ ),
7525
+ ],
7526
+ 2
7527
+ ),
7528
+ ]
7529
+ },
7530
+ }
7531
+ : null,
7532
+ {
7533
+ key: "no-data",
7534
+ fn: function () {
7535
+ return [
7536
+ _c("zd-iterable-no-data", {
7537
+ ref: "gridNoData",
7538
+ attrs: {
7539
+ name: _vm.instance.name + "_no_data",
7540
+ instance: _vm.instance,
7541
+ noDataSlot: _vm.instance.noDataSlot,
7542
+ noResultSlot: _vm.instance.noResultSlot,
7543
+ errorSlot: _vm.instance.errorSlot,
7544
+ empty: !_vm.getData().length,
7545
+ },
7546
+ scopedSlots: _vm._u(
7547
+ [
7548
+ {
7549
+ key: "errorSlot",
7550
+ fn: function () {
7551
+ return [_vm._t("errorSlot")]
7552
+ },
7553
+ proxy: true,
7554
+ },
7555
+ {
7556
+ key: "noResultSlot",
7557
+ fn: function () {
7558
+ return [_vm._t("noResultSlot")]
7559
+ },
7560
+ proxy: true,
7561
+ },
7562
+ {
7563
+ key: "noDataSlot",
7564
+ fn: function () {
7565
+ return [_vm._t("noDataSlot")]
7566
+ },
7567
+ proxy: true,
7568
+ },
7569
+ ],
7570
+ null,
7571
+ true
7572
+ ),
7573
+ }),
7574
+ ]
7575
+ },
7576
+ proxy: true,
7577
+ },
7578
+ _vm.instance.showFooter
7579
+ ? {
7580
+ key: "footer",
7581
+ fn: function () {
7582
+ return [
7583
+ !_vm.$slots.footerSlot
7584
+ ? [
7585
+ _c("zd-grid-footer", {
7586
+ ref: "gridFooter",
7587
+ attrs: {
7588
+ name: _vm.instance.name + "_footer",
7589
+ instance: _vm.instance,
7590
+ footerSlot: _vm.instance.footerSlot,
7591
+ },
7592
+ }),
7593
+ ]
7594
+ : _vm._e(),
7595
+ _vm._v(" "),
7596
+ _vm._t("footerSlot"),
7597
+ ]
7598
+ },
7599
+ proxy: true,
7600
+ }
7601
+ : null,
7602
+ ],
7603
+ null,
7604
+ true
7605
+ ),
7606
+ model: {
7607
+ value: _vm.instance.selectedRows,
7608
+ callback: function ($$v) {
7609
+ _vm.$set(_vm.instance, "selectedRows", $$v);
7610
+ },
7611
+ expression: "instance.selectedRows",
7612
+ },
7613
+ })
7614
+ };
5514
7615
  var __vue_staticRenderFns__ = [];
5515
7616
  __vue_render__._withStripped = true;
5516
7617
 
5517
7618
  /* style */
5518
7619
  const __vue_inject_styles__ = function (inject) {
5519
7620
  if (!inject) return
5520
- inject("data-v-541eabd6_0", { source: ".tek-product-card * {\n text-decoration: none;\n}\n.tek-product-card .v-card {\n padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n display: flex;\n flex-direction: column;\n padding: 5px 10px 10px 10px;\n color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 16px;\n line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n font-weight: var(--zd-font-body4-weight);\n font-size: var(--zd-font-body4-size);\n line-height: 16px;\n}\n.tek-product-card--link .v-card {\n cursor: pointer;\n}", map: undefined, media: undefined });
7621
+ inject("data-v-097f1242_0", { source: ".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}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .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 display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\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: 10px;\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 position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
5521
7622
 
5522
7623
  };
5523
7624
  /* scoped */
@@ -5546,21 +7647,23 @@
5546
7647
  );
5547
7648
 
5548
7649
  const components = {
5549
- TekBreadcrumbHeader: __vue_component__$e,
5550
- TekCardTitle: __vue_component__$d,
5551
- TekCrudAddButton: __vue_component__$c,
5552
- TekCrudCancelButton: __vue_component__$b,
5553
- TekCrudDeleteButton: __vue_component__$a,
5554
- TekCrudForm: __vue_component__$9,
5555
- TekCrudSaveButton: __vue_component__$8,
5556
- TekGrid: __vue_component__$7,
5557
- TekGridColumnsButton: __vue_component__$6,
5558
- TekGridLayoutOptions: __vue_component__$5,
5559
- TekImage: __vue_component__$4,
5560
- TekProductCard: __vue_component__,
5561
- TekIterableComponentRender: __vue_component__$2,
5562
- TekIterableCarousel: __vue_component__$3,
5563
- TekNotifications: __vue_component__$1,
7650
+ TekBreadcrumbHeader: __vue_component__$g,
7651
+ TekCardTitle: __vue_component__$f,
7652
+ TekCrudAddButton: __vue_component__$e,
7653
+ TekCrudCancelButton: __vue_component__$d,
7654
+ TekCrudDeleteButton: __vue_component__$c,
7655
+ TekCrudForm: __vue_component__$b,
7656
+ TekCrudSaveButton: __vue_component__$a,
7657
+ TekGrid: __vue_component__$9,
7658
+ TekGridColumnsButton: __vue_component__$8,
7659
+ TekGridLayoutOptions: __vue_component__$7,
7660
+ TekImage: __vue_component__$6,
7661
+ TekProductCard: __vue_component__$1,
7662
+ TekIterableComponentRender: __vue_component__$4,
7663
+ TekIterableCarousel: __vue_component__$5,
7664
+ TekLoading: __vue_component__$3,
7665
+ TekNotifications: __vue_component__$2,
7666
+ TekTreeGrid: __vue_component__,
5564
7667
  };
5565
7668
 
5566
7669
  common.Icons.addIcons({
@@ -5581,19 +7684,20 @@
5581
7684
  },
5582
7685
  };
5583
7686
 
5584
- exports.TekBreadcrumbHeader = script$e;
5585
- exports.TekCardTitle = script$d;
5586
- exports.TekCrudAddButton = script$c;
5587
- exports.TekCrudCancelButton = script$b;
5588
- exports.TekCrudDeleteButton = script$a;
5589
- exports.TekCrudForm = script$9;
5590
- exports.TekCrudSaveButton = script$8;
5591
- exports.TekGrid = script$7;
5592
- exports.TekGridColumnsButton = script$6;
5593
- exports.TekGridLayoutOptions = script$5;
5594
- exports.TekImage = script$4;
5595
- exports.TekIterableComponentRender = script$2;
5596
- exports.TekProductCard = script;
7687
+ exports.TekBreadcrumbHeader = script$g;
7688
+ exports.TekCardTitle = script$f;
7689
+ exports.TekCrudAddButton = script$e;
7690
+ exports.TekCrudCancelButton = script$d;
7691
+ exports.TekCrudDeleteButton = script$c;
7692
+ exports.TekCrudForm = script$b;
7693
+ exports.TekCrudSaveButton = script$a;
7694
+ exports.TekGrid = script$9;
7695
+ exports.TekGridColumnsButton = script$8;
7696
+ exports.TekGridLayoutOptions = script$7;
7697
+ exports.TekImage = script$6;
7698
+ exports.TekIterableComponentRender = script$4;
7699
+ exports.TekProductCard = script$1;
7700
+ exports.TekTreeGrid = script;
5597
7701
  exports["default"] = TeknisaComponents;
5598
7702
 
5599
7703
  Object.defineProperty(exports, '__esModule', { value: true });