@zeedhi/teknisa-components-vuetify 1.39.0 → 1.43.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/tek-components-vuetify.esm.js +677 -313
  2. package/dist/tek-components-vuetify.umd.js +685 -321
  3. package/package.json +2 -2
  4. package/types/components/tek-grid/TekGrid.d.ts +12 -2
  5. package/types/components/tek-iterable-component-render/TekIterableComponentRender.d.ts +3 -0
  6. package/types/components/tek-loading/TekLoading.d.ts +9 -0
  7. package/types/components/tek-product-card/TekProductCard.d.ts +3 -0
  8. package/types/components/tek-tree-grid/TekTreeGrid.d.ts +5 -1
package/dist/tek-components-vuetify.umd.js CHANGED
@@ -60,7 +60,7 @@
60
60
  TekBreadcrumbHeader = __decorate([
61
61
  vuePropertyDecorator.Component
62
62
  ], TekBreadcrumbHeader);
63
- var script$f = 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__$f = script$f;
194
+ const __vue_script__$g = script$g;
195
195
 
196
196
  /* template */
197
- var __vue_render__$f = 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__$f = [];
264
- __vue_render__$f._withStripped = true;
268
+ var __vue_staticRenderFns__$g = [];
269
+ __vue_render__$g._withStripped = true;
265
270
 
266
271
  /* style */
267
- const __vue_inject_styles__$f = 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__$f = undefined;
278
+ const __vue_scope_id__$g = undefined;
274
279
  /* module identifier */
275
- const __vue_module_identifier__$f = undefined;
280
+ const __vue_module_identifier__$g = undefined;
276
281
  /* functional template */
277
- const __vue_is_functional_template__$f = 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__$f = /*#__PURE__*/normalizeComponent(
285
- { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
286
- __vue_inject_styles__$f,
287
- __vue_script__$f,
288
- __vue_scope_id__$f,
289
- __vue_is_functional_template__$f,
290
- __vue_module_identifier__$f,
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$e = TekCardTitle;
338
+ var script$f = TekCardTitle;
334
339
 
335
340
  /* script */
336
- const __vue_script__$e = script$e;
341
+ const __vue_script__$f = script$f;
337
342
 
338
343
  /* template */
339
- var __vue_render__$e = 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__$e = [];
437
- __vue_render__$e._withStripped = true;
444
+ var __vue_staticRenderFns__$f = [];
445
+ __vue_render__$f._withStripped = true;
438
446
 
439
447
  /* style */
440
- const __vue_inject_styles__$e = 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__$e = undefined;
454
+ const __vue_scope_id__$f = undefined;
447
455
  /* module identifier */
448
- const __vue_module_identifier__$e = undefined;
456
+ const __vue_module_identifier__$f = undefined;
449
457
  /* functional template */
450
- const __vue_is_functional_template__$e = 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__$e = /*#__PURE__*/normalizeComponent(
458
- { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
459
- __vue_inject_styles__$e,
460
- __vue_script__$e,
461
- __vue_scope_id__$e,
462
- __vue_is_functional_template__$e,
463
- __vue_module_identifier__$e,
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$d = TekCrudAddButton;
544
+ var script$e = TekCrudAddButton;
537
545
 
538
546
  /* script */
539
- const __vue_script__$d = script$d;
547
+ const __vue_script__$e = script$e;
540
548
 
541
549
  /* template */
542
- var __vue_render__$d = 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__$d = [];
608
- __vue_render__$d._withStripped = true;
615
+ var __vue_staticRenderFns__$e = [];
616
+ __vue_render__$e._withStripped = true;
609
617
 
610
618
  /* style */
611
- const __vue_inject_styles__$d = undefined;
619
+ const __vue_inject_styles__$e = undefined;
612
620
  /* scoped */
613
- const __vue_scope_id__$d = undefined;
621
+ const __vue_scope_id__$e = undefined;
614
622
  /* module identifier */
615
- const __vue_module_identifier__$d = undefined;
623
+ const __vue_module_identifier__$e = undefined;
616
624
  /* functional template */
617
- const __vue_is_functional_template__$d = 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__$d = /*#__PURE__*/normalizeComponent(
627
- { render: __vue_render__$d, staticRenderFns: __vue_staticRenderFns__$d },
628
- __vue_inject_styles__$d,
629
- __vue_script__$d,
630
- __vue_scope_id__$d,
631
- __vue_is_functional_template__$d,
632
- __vue_module_identifier__$d,
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$c = TekCrudCancelButton;
671
+ var script$d = TekCrudCancelButton;
664
672
 
665
673
  /* script */
666
- const __vue_script__$c = script$c;
674
+ const __vue_script__$d = script$d;
667
675
 
668
676
  /* template */
669
- var __vue_render__$c = 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__$c = [];
735
- __vue_render__$c._withStripped = true;
742
+ var __vue_staticRenderFns__$d = [];
743
+ __vue_render__$d._withStripped = true;
736
744
 
737
745
  /* style */
738
- const __vue_inject_styles__$c = undefined;
746
+ const __vue_inject_styles__$d = undefined;
739
747
  /* scoped */
740
- const __vue_scope_id__$c = undefined;
748
+ const __vue_scope_id__$d = undefined;
741
749
  /* module identifier */
742
- const __vue_module_identifier__$c = undefined;
750
+ const __vue_module_identifier__$d = undefined;
743
751
  /* functional template */
744
- const __vue_is_functional_template__$c = 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__$c = /*#__PURE__*/normalizeComponent(
754
- { render: __vue_render__$c, staticRenderFns: __vue_staticRenderFns__$c },
755
- __vue_inject_styles__$c,
756
- __vue_script__$c,
757
- __vue_scope_id__$c,
758
- __vue_is_functional_template__$c,
759
- __vue_module_identifier__$c,
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$b = TekCrudDeleteButton;
806
+ var script$c = TekCrudDeleteButton;
799
807
 
800
808
  /* script */
801
- const __vue_script__$b = script$b;
809
+ const __vue_script__$c = script$c;
802
810
 
803
811
  /* template */
804
- var __vue_render__$b = 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__$b = [];
870
- __vue_render__$b._withStripped = true;
877
+ var __vue_staticRenderFns__$c = [];
878
+ __vue_render__$c._withStripped = true;
871
879
 
872
880
  /* style */
873
- const __vue_inject_styles__$b = undefined;
881
+ const __vue_inject_styles__$c = undefined;
874
882
  /* scoped */
875
- const __vue_scope_id__$b = undefined;
883
+ const __vue_scope_id__$c = undefined;
876
884
  /* module identifier */
877
- const __vue_module_identifier__$b = undefined;
885
+ const __vue_module_identifier__$c = undefined;
878
886
  /* functional template */
879
- const __vue_is_functional_template__$b = 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__$b = /*#__PURE__*/normalizeComponent(
889
- { render: __vue_render__$b, staticRenderFns: __vue_staticRenderFns__$b },
890
- __vue_inject_styles__$b,
891
- __vue_script__$b,
892
- __vue_scope_id__$b,
893
- __vue_is_functional_template__$b,
894
- __vue_module_identifier__$b,
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$a = TekCrudForm;
921
+ var script$b = TekCrudForm;
914
922
 
915
923
  /* script */
916
- const __vue_script__$a = script$a;
924
+ const __vue_script__$b = script$b;
917
925
 
918
926
  /* template */
919
- var __vue_render__$a = 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__$a = [];
994
- __vue_render__$a._withStripped = true;
1001
+ var __vue_staticRenderFns__$b = [];
1002
+ __vue_render__$b._withStripped = true;
995
1003
 
996
1004
  /* style */
997
- const __vue_inject_styles__$a = 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__$a = undefined;
1011
+ const __vue_scope_id__$b = undefined;
1004
1012
  /* module identifier */
1005
- const __vue_module_identifier__$a = undefined;
1013
+ const __vue_module_identifier__$b = undefined;
1006
1014
  /* functional template */
1007
- const __vue_is_functional_template__$a = 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__$a = /*#__PURE__*/normalizeComponent(
1015
- { render: __vue_render__$a, staticRenderFns: __vue_staticRenderFns__$a },
1016
- __vue_inject_styles__$a,
1017
- __vue_script__$a,
1018
- __vue_scope_id__$a,
1019
- __vue_is_functional_template__$a,
1020
- __vue_module_identifier__$a,
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$9 = TekCrudSaveButton;
1055
+ var script$a = TekCrudSaveButton;
1048
1056
 
1049
1057
  /* script */
1050
- const __vue_script__$9 = script$9;
1058
+ const __vue_script__$a = script$a;
1051
1059
 
1052
1060
  /* template */
1053
- var __vue_render__$9 = 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__$9 = [];
1119
- __vue_render__$9._withStripped = true;
1126
+ var __vue_staticRenderFns__$a = [];
1127
+ __vue_render__$a._withStripped = true;
1120
1128
 
1121
1129
  /* style */
1122
- const __vue_inject_styles__$9 = undefined;
1130
+ const __vue_inject_styles__$a = undefined;
1123
1131
  /* scoped */
1124
- const __vue_scope_id__$9 = undefined;
1132
+ const __vue_scope_id__$a = undefined;
1125
1133
  /* module identifier */
1126
- const __vue_module_identifier__$9 = undefined;
1134
+ const __vue_module_identifier__$a = undefined;
1127
1135
  /* functional template */
1128
- const __vue_is_functional_template__$9 = 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__$9 = /*#__PURE__*/normalizeComponent(
1138
- { render: __vue_render__$9, staticRenderFns: __vue_staticRenderFns__$9 },
1139
- __vue_inject_styles__$9,
1140
- __vue_script__$9,
1141
- __vue_scope_id__$9,
1142
- __vue_is_functional_template__$9,
1143
- __vue_module_identifier__$9,
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,
@@ -1156,6 +1164,10 @@
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({
@@ -1418,18 +1477,11 @@
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;
1432
- }
1433
1485
  isGroupSelected(item) {
1434
1486
  return item.children.every((child) => {
1435
1487
  const { uniqueKey } = this.instance.datasource;
@@ -1480,6 +1532,22 @@
1480
1532
  this.instance.selectedRows = this.instance.datasource.data;
1481
1533
  }
1482
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
+ }
1550
+ }
1483
1551
  };
1484
1552
  __decorate([
1485
1553
  vuePropertyDecorator.Prop({ type: [String], default: '' }),
@@ -1559,13 +1627,13 @@
1559
1627
  TekGrid$1 = __decorate([
1560
1628
  vuePropertyDecorator.Component
1561
1629
  ], TekGrid$1);
1562
- var script$8 = TekGrid$1;
1630
+ var script$9 = TekGrid$1;
1563
1631
 
1564
1632
  /* script */
1565
- const __vue_script__$8 = script$8;
1633
+ const __vue_script__$9 = script$9;
1566
1634
 
1567
1635
  /* template */
1568
- var __vue_render__$8 = function () {
1636
+ var __vue_render__$9 = function () {
1569
1637
  var _vm = this;
1570
1638
  var _h = _vm.$createElement;
1571
1639
  var _c = _vm._self._c || _h;
@@ -1587,12 +1655,13 @@
1587
1655
  ],
1588
1656
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
1589
1657
  attrs: {
1658
+ id: _vm.instance.name,
1590
1659
  "fixed-header": "",
1591
1660
  "disable-pagination": "",
1592
1661
  "hide-default-header": "",
1593
1662
  "hide-default-footer": "",
1594
1663
  name: _vm.instance.name,
1595
- headers: _vm.instance.columns,
1664
+ headers: _vm.headers,
1596
1665
  height: _vm.instance.height,
1597
1666
  items: _vm.getData(),
1598
1667
  search: _vm.instance.datasource.search,
@@ -1600,6 +1669,8 @@
1600
1669
  dense: _vm.instance.dense,
1601
1670
  loading: _vm.instance.datasource.loading,
1602
1671
  "item-key": _vm.instance.datasource.uniqueKey,
1672
+ dark: _vm.instance.dark,
1673
+ light: _vm.instance.light,
1603
1674
  "disable-sort": "",
1604
1675
  "disable-filtering": "",
1605
1676
  tabindex: "0",
@@ -1652,8 +1723,22 @@
1652
1723
  ? _c(
1653
1724
  "th",
1654
1725
  {
1655
- staticClass:
1656
- "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
+ ],
1657
1742
  style:
1658
1743
  "background-color: " +
1659
1744
  _vm.instance.headerBackground,
@@ -1715,9 +1800,22 @@
1715
1800
  sortable:
1716
1801
  column.sortable &&
1717
1802
  !_vm.instance.editing,
1718
- sortHandle: _vm.instance.dragColumns,
1803
+ sortHandle:
1804
+ !column.fixed &&
1805
+ _vm.instance.dragColumns,
1719
1806
  "zd-table-fixed-column": column.fixed,
1720
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
+ },
1721
1819
  "text-" + column.align,
1722
1820
  _vm.instance.datasource.getOrderByColumn(
1723
1821
  column.name
@@ -2236,6 +2334,11 @@
2236
2334
  column,
2237
2335
  filterIndex
2238
2336
  ),
2337
+ change:
2338
+ _vm.getFilterValueChange(
2339
+ column,
2340
+ filterIndex
2341
+ ),
2239
2342
  },
2240
2343
  }
2241
2344
  ),
@@ -2355,8 +2458,22 @@
2355
2458
  ? _c(
2356
2459
  "td",
2357
2460
  {
2358
- staticClass:
2359
- "zd-table-cell selectable zd-table-fixed-column",
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
+ ],
2360
2477
  },
2361
2478
  [
2362
2479
  _c("v-checkbox", {
@@ -2391,8 +2508,23 @@
2391
2508
  _c(
2392
2509
  "td",
2393
2510
  {
2394
- staticClass:
2395
- "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
+ ],
2396
2528
  style:
2397
2529
  "left: " +
2398
2530
  (_vm.instance.selectable ? 40 : 0) +
@@ -2469,6 +2601,12 @@
2469
2601
  current: _vm.isCurrentRow(item),
2470
2602
  footer: item.groupFooter,
2471
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,
2472
2610
  },
2473
2611
  on: {
2474
2612
  click: function ($event) {
@@ -2481,8 +2619,22 @@
2481
2619
  ? _c(
2482
2620
  "td",
2483
2621
  {
2484
- staticClass:
2485
- "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
+ ],
2486
2638
  },
2487
2639
  [
2488
2640
  _c("v-checkbox", {
@@ -2563,6 +2715,19 @@
2563
2715
  "zd-table-fixed-column":
2564
2716
  column.fixed,
2565
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
+ },
2566
2731
  ],
2567
2732
  style: [
2568
2733
  Object.assign(
@@ -2576,9 +2741,11 @@
2576
2741
  cellProps
2577
2742
  ).cssStyle,
2578
2743
  {
2579
- left: _vm.getFixedLeft(
2580
- column
2581
- ),
2744
+ left: column.fixed
2745
+ ? _vm.fixedLeft[
2746
+ column.name
2747
+ ]
2748
+ : "unset",
2582
2749
  },
2583
2750
  ],
2584
2751
  on: {
@@ -3048,34 +3215,34 @@
3048
3215
  },
3049
3216
  })
3050
3217
  };
3051
- var __vue_staticRenderFns__$8 = [];
3052
- __vue_render__$8._withStripped = true;
3218
+ var __vue_staticRenderFns__$9 = [];
3219
+ __vue_render__$9._withStripped = true;
3053
3220
 
3054
3221
  /* style */
3055
- const __vue_inject_styles__$8 = function (inject) {
3222
+ const __vue_inject_styles__$9 = function (inject) {
3056
3223
  if (!inject) return
3057
- inject("data-v-7c368a9c_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 });
3058
3225
 
3059
3226
  };
3060
3227
  /* scoped */
3061
- const __vue_scope_id__$8 = undefined;
3228
+ const __vue_scope_id__$9 = undefined;
3062
3229
  /* module identifier */
3063
- const __vue_module_identifier__$8 = undefined;
3230
+ const __vue_module_identifier__$9 = undefined;
3064
3231
  /* functional template */
3065
- const __vue_is_functional_template__$8 = false;
3232
+ const __vue_is_functional_template__$9 = false;
3066
3233
  /* style inject SSR */
3067
3234
 
3068
3235
  /* style inject shadow dom */
3069
3236
 
3070
3237
 
3071
3238
 
3072
- const __vue_component__$8 = /*#__PURE__*/normalizeComponent(
3073
- { render: __vue_render__$8, staticRenderFns: __vue_staticRenderFns__$8 },
3074
- __vue_inject_styles__$8,
3075
- __vue_script__$8,
3076
- __vue_scope_id__$8,
3077
- __vue_is_functional_template__$8,
3078
- __vue_module_identifier__$8,
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,
3079
3246
  false,
3080
3247
  createInjector,
3081
3248
  undefined,
@@ -3153,7 +3320,7 @@
3153
3320
  return result;
3154
3321
  }
3155
3322
  columnInSearch(column) {
3156
- return (!this.searchValue || core.normalize(column.label).indexOf(core.normalize(this.searchValue)) !== -1);
3323
+ return (!this.searchValue || core.Utils.normalize(column.label).indexOf(core.Utils.normalize(this.searchValue)) !== -1);
3157
3324
  }
3158
3325
  get fixedColumnData() {
3159
3326
  return this.fixedColumns.filter(this.columnInSearch.bind(this));
@@ -4044,13 +4211,13 @@
4044
4211
  TekGridColumnsButton = __decorate([
4045
4212
  vuePropertyDecorator.Component
4046
4213
  ], TekGridColumnsButton);
4047
- var script$7 = TekGridColumnsButton;
4214
+ var script$8 = TekGridColumnsButton;
4048
4215
 
4049
4216
  /* script */
4050
- const __vue_script__$7 = script$7;
4217
+ const __vue_script__$8 = script$8;
4051
4218
 
4052
4219
  /* template */
4053
- var __vue_render__$7 = function () {
4220
+ var __vue_render__$8 = function () {
4054
4221
  var _vm = this;
4055
4222
  var _h = _vm.$createElement;
4056
4223
  var _c = _vm._self._c || _h;
@@ -4072,6 +4239,7 @@
4072
4239
  ],
4073
4240
  style: _vm.instance.cssStyle,
4074
4241
  attrs: {
4242
+ id: _vm.instance.name,
4075
4243
  closeOnContentClick: false,
4076
4244
  "offset-y": "",
4077
4245
  "content-class":
@@ -4311,34 +4479,34 @@
4311
4479
  ]
4312
4480
  )
4313
4481
  };
4314
- var __vue_staticRenderFns__$7 = [];
4315
- __vue_render__$7._withStripped = true;
4482
+ var __vue_staticRenderFns__$8 = [];
4483
+ __vue_render__$8._withStripped = true;
4316
4484
 
4317
4485
  /* style */
4318
- const __vue_inject_styles__$7 = function (inject) {
4486
+ const __vue_inject_styles__$8 = function (inject) {
4319
4487
  if (!inject) return
4320
- inject("data-v-6c9f5d6a_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 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 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 });
4321
4489
 
4322
4490
  };
4323
4491
  /* scoped */
4324
- const __vue_scope_id__$7 = undefined;
4492
+ const __vue_scope_id__$8 = undefined;
4325
4493
  /* module identifier */
4326
- const __vue_module_identifier__$7 = undefined;
4494
+ const __vue_module_identifier__$8 = undefined;
4327
4495
  /* functional template */
4328
- const __vue_is_functional_template__$7 = false;
4496
+ const __vue_is_functional_template__$8 = false;
4329
4497
  /* style inject SSR */
4330
4498
 
4331
4499
  /* style inject shadow dom */
4332
4500
 
4333
4501
 
4334
4502
 
4335
- const __vue_component__$7 = /*#__PURE__*/normalizeComponent(
4336
- { render: __vue_render__$7, staticRenderFns: __vue_staticRenderFns__$7 },
4337
- __vue_inject_styles__$7,
4338
- __vue_script__$7,
4339
- __vue_scope_id__$7,
4340
- __vue_is_functional_template__$7,
4341
- __vue_module_identifier__$7,
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,
4342
4510
  false,
4343
4511
  createInjector,
4344
4512
  undefined,
@@ -4382,35 +4550,37 @@
4382
4550
  const oldFilter = JSON.stringify(grid.datasource.filter);
4383
4551
  const oldDynamicFilter = JSON.stringify(this.datasourceDynamicFilter(grid.datasource));
4384
4552
  if (layout) {
4385
- tableElement.style.width = layout.gridWidth;
4553
+ tableElement.style.width = layout.gridWidth || 'auto';
4386
4554
  grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
4387
4555
  grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
4388
4556
  if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource && layout.dynamicFilter !== undefined) {
4389
- grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns);
4557
+ grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
4390
4558
  }
4391
- grid.columns = layout.columns.map((column) => {
4392
- const col = gridColumns[column.name];
4393
- col.label = column.label !== undefined ? column.label : col.label;
4394
- col.align = column.align !== undefined ? column.align : col.align;
4395
- col.isVisible = column.isVisible !== undefined ? column.isVisible : col.isVisible;
4396
- col.fixed = !!column.fixed;
4397
- col.grouped = !!column.grouped;
4398
- col.groupOpened = !!column.groupOpened;
4399
- col.aggregation = column.aggregation;
4400
- col.minWidth = column.minWidth || '';
4401
- col.maxWidth = column.maxWidth || '';
4402
- this.setHelperValue(col, column.filterHelperValue || '');
4403
- return col;
4404
- });
4405
- // wait to change column orders
4406
- this.$nextTick(() => {
4407
- grid.columns.forEach((_column, index) => {
4408
- const columnElement = tableElement.querySelector(`tr th:not(.selectable)[index="${index}"]`);
4409
- if (columnElement) {
4410
- columnElement.style.width = layout.columns[index].width || 'unset';
4411
- }
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;
4412
4573
  });
4413
- });
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
+ }
4414
4584
  }
4415
4585
  else {
4416
4586
  grid.datasource.order = [...this.instance.originalDatasourceOrder];
@@ -4462,26 +4632,26 @@
4462
4632
  Object.keys(filter).forEach((columnName) => {
4463
4633
  const filterOptions = filter[columnName];
4464
4634
  const column = columns[columns.findIndex((col) => col.name === columnName)];
4465
- const { filterDynamicValue } = column;
4635
+ const { filterHelperValue } = column;
4466
4636
  filterOptions.forEach((item) => {
4467
- let dynamicValue = '';
4468
- if (!Array.isArray(filterDynamicValue)) {
4469
- 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;
4470
4643
  }
4471
4644
  else {
4472
- Object.keys(filterDynamicValue).forEach((key) => {
4473
- const value = filterDynamicValue[key] || '';
4645
+ Object.keys(filterHelperValue).forEach((key) => {
4646
+ const value = filterHelperValue[key] || '';
4474
4647
  if (`${item.relation || 'AND'}-${item.operation || 'CONTAINS'}` === key) {
4475
- dynamicValue = value;
4648
+ helperValue = value;
4476
4649
  }
4477
4650
  });
4478
4651
  }
4479
- if (dynamicValue) {
4652
+ if (helperValue) {
4480
4653
  const columnObj = this.instance.grid.getColumn(column.name);
4481
- item.value = teknisaComponentsCommon.TekFilterHelper.getValue(dynamicValue, columnObj);
4482
- if (Array.isArray(item.value)) {
4483
- item.value = item.value.join(';');
4484
- }
4654
+ item.value = teknisaComponentsCommon.TekFilterHelper.getValue(helperValue, columnObj);
4485
4655
  }
4486
4656
  });
4487
4657
  });
@@ -4533,13 +4703,13 @@
4533
4703
  TekGridLayoutOptions = __decorate([
4534
4704
  vuePropertyDecorator.Component
4535
4705
  ], TekGridLayoutOptions);
4536
- var script$6 = TekGridLayoutOptions;
4706
+ var script$7 = TekGridLayoutOptions;
4537
4707
 
4538
4708
  /* script */
4539
- const __vue_script__$6 = script$6;
4709
+ const __vue_script__$7 = script$7;
4540
4710
 
4541
4711
  /* template */
4542
- var __vue_render__$6 = function () {
4712
+ var __vue_render__$7 = function () {
4543
4713
  var _vm = this;
4544
4714
  var _h = _vm.$createElement;
4545
4715
  var _c = _vm._self._c || _h;
@@ -4558,6 +4728,7 @@
4558
4728
  class: ["tek-grid-layout-options", _vm.instance.cssClass],
4559
4729
  style: _vm.instance.cssStyle,
4560
4730
  attrs: {
4731
+ id: _vm.instance.name,
4561
4732
  name: _vm.instance.name,
4562
4733
  "offset-y": "",
4563
4734
  closeOnContentClick: false,
@@ -4723,7 +4894,10 @@
4723
4894
  _vm._b(
4724
4895
  {
4725
4896
  attrs: {
4726
- name: "tek-grid-layout-item-update_" + item,
4897
+ name:
4898
+ "tek-grid-layout-item-update_" +
4899
+ _vm.instance.name +
4900
+ item,
4727
4901
  },
4728
4902
  },
4729
4903
  "zd-button",
@@ -4747,7 +4921,10 @@
4747
4921
  _vm._b(
4748
4922
  {
4749
4923
  attrs: {
4750
- name: "tek-grid-layout-item-delete_" + item,
4924
+ name:
4925
+ "tek-grid-layout-item-delete_" +
4926
+ _vm.instance.name +
4927
+ item,
4751
4928
  },
4752
4929
  },
4753
4930
  "zd-button",
@@ -4778,34 +4955,34 @@
4778
4955
  1
4779
4956
  )
4780
4957
  };
4781
- var __vue_staticRenderFns__$6 = [];
4782
- __vue_render__$6._withStripped = true;
4958
+ var __vue_staticRenderFns__$7 = [];
4959
+ __vue_render__$7._withStripped = true;
4783
4960
 
4784
4961
  /* style */
4785
- const __vue_inject_styles__$6 = function (inject) {
4962
+ const __vue_inject_styles__$7 = function (inject) {
4786
4963
  if (!inject) return
4787
- 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 });
4788
4965
 
4789
4966
  };
4790
4967
  /* scoped */
4791
- const __vue_scope_id__$6 = undefined;
4968
+ const __vue_scope_id__$7 = undefined;
4792
4969
  /* module identifier */
4793
- const __vue_module_identifier__$6 = undefined;
4970
+ const __vue_module_identifier__$7 = undefined;
4794
4971
  /* functional template */
4795
- const __vue_is_functional_template__$6 = false;
4972
+ const __vue_is_functional_template__$7 = false;
4796
4973
  /* style inject SSR */
4797
4974
 
4798
4975
  /* style inject shadow dom */
4799
4976
 
4800
4977
 
4801
4978
 
4802
- const __vue_component__$6 = /*#__PURE__*/normalizeComponent(
4803
- { render: __vue_render__$6, staticRenderFns: __vue_staticRenderFns__$6 },
4804
- __vue_inject_styles__$6,
4805
- __vue_script__$6,
4806
- __vue_scope_id__$6,
4807
- __vue_is_functional_template__$6,
4808
- __vue_module_identifier__$6,
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,
4809
4986
  false,
4810
4987
  createInjector,
4811
4988
  undefined,
@@ -4832,34 +5009,34 @@
4832
5009
  TekImage = __decorate([
4833
5010
  vuePropertyDecorator.Component
4834
5011
  ], TekImage);
4835
- var script$5 = TekImage;
5012
+ var script$6 = TekImage;
4836
5013
 
4837
5014
  /* script */
4838
- const __vue_script__$5 = script$5;
5015
+ const __vue_script__$6 = script$6;
4839
5016
 
4840
5017
  /* template */
4841
- var __vue_render__$5 = function () {
5018
+ var __vue_render__$6 = function () {
4842
5019
  var _vm = this;
4843
5020
  var _h = _vm.$createElement;
4844
5021
  var _c = _vm._self._c || _h;
4845
5022
  return _c(
4846
5023
  "router-link",
4847
- { attrs: { to: _vm.instance.to } },
5024
+ { attrs: { id: _vm.instance.name, to: _vm.instance.to } },
4848
5025
  [_c("v-img", { attrs: { src: _vm.instance.src } })],
4849
5026
  1
4850
5027
  )
4851
5028
  };
4852
- var __vue_staticRenderFns__$5 = [];
4853
- __vue_render__$5._withStripped = true;
5029
+ var __vue_staticRenderFns__$6 = [];
5030
+ __vue_render__$6._withStripped = true;
4854
5031
 
4855
5032
  /* style */
4856
- const __vue_inject_styles__$5 = undefined;
5033
+ const __vue_inject_styles__$6 = undefined;
4857
5034
  /* scoped */
4858
- const __vue_scope_id__$5 = undefined;
5035
+ const __vue_scope_id__$6 = undefined;
4859
5036
  /* module identifier */
4860
- const __vue_module_identifier__$5 = undefined;
5037
+ const __vue_module_identifier__$6 = undefined;
4861
5038
  /* functional template */
4862
- const __vue_is_functional_template__$5 = false;
5039
+ const __vue_is_functional_template__$6 = false;
4863
5040
  /* style inject */
4864
5041
 
4865
5042
  /* style inject SSR */
@@ -4868,13 +5045,13 @@
4868
5045
 
4869
5046
 
4870
5047
 
4871
- const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
4872
- { render: __vue_render__$5, staticRenderFns: __vue_staticRenderFns__$5 },
4873
- __vue_inject_styles__$5,
4874
- __vue_script__$5,
4875
- __vue_scope_id__$5,
4876
- __vue_is_functional_template__$5,
4877
- __vue_module_identifier__$5,
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,
4878
5055
  false,
4879
5056
  undefined,
4880
5057
  undefined,
@@ -4899,13 +5076,13 @@
4899
5076
  TekIterableCarousel = __decorate([
4900
5077
  vuePropertyDecorator.Component
4901
5078
  ], TekIterableCarousel);
4902
- var script$4 = TekIterableCarousel;
5079
+ var script$5 = TekIterableCarousel;
4903
5080
 
4904
5081
  /* script */
4905
- const __vue_script__$4 = script$4;
5082
+ const __vue_script__$5 = script$5;
4906
5083
 
4907
5084
  /* template */
4908
- var __vue_render__$4 = function () {
5085
+ var __vue_render__$5 = function () {
4909
5086
  var _vm = this;
4910
5087
  var _h = _vm.$createElement;
4911
5088
  var _c = _vm._self._c || _h;
@@ -4922,7 +5099,7 @@
4922
5099
  ],
4923
5100
  class: ["tek-iterable-carousel", _vm.instance.cssClass],
4924
5101
  style: _vm.instance.cssStyle,
4925
- attrs: { name: _vm.instance.name },
5102
+ attrs: { id: _vm.instance.name, name: _vm.instance.name },
4926
5103
  },
4927
5104
  [
4928
5105
  _vm.instance.iterable.datasource.loading
@@ -4979,17 +5156,17 @@
4979
5156
  1
4980
5157
  )
4981
5158
  };
4982
- var __vue_staticRenderFns__$4 = [];
4983
- __vue_render__$4._withStripped = true;
5159
+ var __vue_staticRenderFns__$5 = [];
5160
+ __vue_render__$5._withStripped = true;
4984
5161
 
4985
5162
  /* style */
4986
- const __vue_inject_styles__$4 = undefined;
5163
+ const __vue_inject_styles__$5 = undefined;
4987
5164
  /* scoped */
4988
- const __vue_scope_id__$4 = undefined;
5165
+ const __vue_scope_id__$5 = undefined;
4989
5166
  /* module identifier */
4990
- const __vue_module_identifier__$4 = undefined;
5167
+ const __vue_module_identifier__$5 = undefined;
4991
5168
  /* functional template */
4992
- const __vue_is_functional_template__$4 = false;
5169
+ const __vue_is_functional_template__$5 = false;
4993
5170
  /* style inject */
4994
5171
 
4995
5172
  /* style inject SSR */
@@ -4998,13 +5175,13 @@
4998
5175
 
4999
5176
 
5000
5177
 
5001
- const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
5002
- { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
5003
- __vue_inject_styles__$4,
5004
- __vue_script__$4,
5005
- __vue_scope_id__$4,
5006
- __vue_is_functional_template__$4,
5007
- __vue_module_identifier__$4,
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,
5008
5185
  false,
5009
5186
  undefined,
5010
5187
  undefined,
@@ -5068,23 +5245,43 @@
5068
5245
  }),
5069
5246
  __metadata("design:type", Array)
5070
5247
  ], TekIterableComponentRender.prototype, "noResultSlot", void 0);
5248
+ __decorate([
5249
+ vuePropertyDecorator.Prop({ type: [Number, String], default: 'auto' }),
5250
+ __metadata("design:type", Object)
5251
+ ], TekIterableComponentRender.prototype, "height", void 0);
5252
+ __decorate([
5253
+ vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5254
+ __metadata("design:type", Object)
5255
+ ], TekIterableComponentRender.prototype, "maxHeight", void 0);
5256
+ __decorate([
5257
+ vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5258
+ __metadata("design:type", Object)
5259
+ ], TekIterableComponentRender.prototype, "minHeight", void 0);
5071
5260
  TekIterableComponentRender = __decorate([
5072
5261
  vuePropertyDecorator.Component
5073
5262
  ], TekIterableComponentRender);
5074
- var script$3 = TekIterableComponentRender;
5263
+ var script$4 = TekIterableComponentRender;
5075
5264
 
5076
5265
  /* script */
5077
- const __vue_script__$3 = script$3;
5266
+ const __vue_script__$4 = script$4;
5078
5267
 
5079
5268
  /* template */
5080
- var __vue_render__$3 = function () {
5269
+ var __vue_render__$4 = function () {
5081
5270
  var _vm = this;
5082
5271
  var _h = _vm.$createElement;
5083
5272
  var _c = _vm._self._c || _h;
5084
5273
  return _vm.instance.isVisible
5085
5274
  ? _c(
5086
5275
  "div",
5087
- { class: ["tek-iterable-component-render", _vm.instance.cssClass] },
5276
+ {
5277
+ class: ["tek-iterable-component-render", _vm.instance.cssClass],
5278
+ style: Object.assign({}, _vm.instance.cssStyle, {
5279
+ height: _vm.$formatSize(_vm.instance.height),
5280
+ minHeight: _vm.$formatSize(_vm.instance.minHeight),
5281
+ maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
5282
+ }),
5283
+ attrs: { id: _vm.instance.name },
5284
+ },
5088
5285
  [
5089
5286
  _vm.instance.toolbarSlot.length || !!_vm.$slots.toolbarSlot
5090
5287
  ? _c("div", { staticClass: "tek-iterable-toolbar" }, [
@@ -5253,21 +5450,106 @@
5253
5450
  )
5254
5451
  : _vm._e()
5255
5452
  };
5256
- var __vue_staticRenderFns__$3 = [];
5257
- __vue_render__$3._withStripped = true;
5453
+ var __vue_staticRenderFns__$4 = [];
5454
+ __vue_render__$4._withStripped = true;
5258
5455
 
5259
5456
  /* style */
5260
- const __vue_inject_styles__$3 = function (inject) {
5457
+ const __vue_inject_styles__$4 = function (inject) {
5261
5458
  if (!inject) return
5262
- 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 });
5459
+ inject("data-v-1447399a_0", { source: ".tek-iterable-component-render[data-v-1447399a] {\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-1447399a],\n.tek-iterable-component-render .no--data[data-v-1447399a] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-1447399a] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-1447399a] {\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-1447399a] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
5263
5460
 
5264
5461
  };
5265
5462
  /* scoped */
5266
- const __vue_scope_id__$3 = "data-v-02c0169b";
5463
+ const __vue_scope_id__$4 = "data-v-1447399a";
5464
+ /* module identifier */
5465
+ const __vue_module_identifier__$4 = undefined;
5466
+ /* functional template */
5467
+ const __vue_is_functional_template__$4 = false;
5468
+ /* style inject SSR */
5469
+
5470
+ /* style inject shadow dom */
5471
+
5472
+
5473
+
5474
+ const __vue_component__$4 = /*#__PURE__*/normalizeComponent(
5475
+ { render: __vue_render__$4, staticRenderFns: __vue_staticRenderFns__$4 },
5476
+ __vue_inject_styles__$4,
5477
+ __vue_script__$4,
5478
+ __vue_scope_id__$4,
5479
+ __vue_is_functional_template__$4,
5480
+ __vue_module_identifier__$4,
5481
+ false,
5482
+ createInjector,
5483
+ undefined,
5484
+ undefined
5485
+ );
5486
+
5487
+ // eslint-disable-next-line
5488
+ 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';
5489
+ let TekLoading = class TekLoading extends vuetify.ZdLoading {
5490
+ constructor() {
5491
+ super(...arguments);
5492
+ this.instanceType = teknisaComponentsCommon.Loading;
5493
+ }
5494
+ };
5495
+ __decorate([
5496
+ vuePropertyDecorator.Prop({ type: String, default: '' }),
5497
+ __metadata("design:type", String)
5498
+ ], TekLoading.prototype, "text", void 0);
5499
+ __decorate([
5500
+ vuePropertyDecorator.Prop({ type: String, default: loading }),
5501
+ __metadata("design:type", String)
5502
+ ], TekLoading.prototype, "image", void 0);
5503
+ __decorate([
5504
+ vuePropertyDecorator.Prop({ type: [Number, String], default: 999 }),
5505
+ __metadata("design:type", Object)
5506
+ ], TekLoading.prototype, "zdIndex", void 0);
5507
+ TekLoading = __decorate([
5508
+ vuePropertyDecorator.Component
5509
+ ], TekLoading);
5510
+ var script$3 = TekLoading;
5511
+
5512
+ /* script */
5513
+ const __vue_script__$3 = script$3;
5514
+
5515
+ /* template */
5516
+ var __vue_render__$3 = function () {
5517
+ var _vm = this;
5518
+ var _h = _vm.$createElement;
5519
+ var _c = _vm._self._c || _h;
5520
+ return _c(
5521
+ "zd-loading",
5522
+ _vm._b(
5523
+ {},
5524
+ "zd-loading",
5525
+ {
5526
+ name: _vm.instance.name,
5527
+ text: _vm.instance.text,
5528
+ image: _vm.instance.image,
5529
+ zIndex: _vm.instance.zIndex,
5530
+ textColor: _vm.textColor,
5531
+ loadingColor: _vm.loadingColor,
5532
+ size: _vm.size,
5533
+ loadingWidth: _vm.loadingWidth,
5534
+ opacity: _vm.opacity,
5535
+ },
5536
+ false
5537
+ )
5538
+ )
5539
+ };
5540
+ var __vue_staticRenderFns__$3 = [];
5541
+ __vue_render__$3._withStripped = true;
5542
+
5543
+ /* style */
5544
+ const __vue_inject_styles__$3 = undefined;
5545
+ /* scoped */
5546
+ const __vue_scope_id__$3 = undefined;
5267
5547
  /* module identifier */
5268
5548
  const __vue_module_identifier__$3 = undefined;
5269
5549
  /* functional template */
5270
5550
  const __vue_is_functional_template__$3 = false;
5551
+ /* style inject */
5552
+
5271
5553
  /* style inject SSR */
5272
5554
 
5273
5555
  /* style inject shadow dom */
@@ -5282,7 +5564,7 @@
5282
5564
  __vue_is_functional_template__$3,
5283
5565
  __vue_module_identifier__$3,
5284
5566
  false,
5285
- createInjector,
5567
+ undefined,
5286
5568
  undefined,
5287
5569
  undefined
5288
5570
  );
@@ -5321,7 +5603,7 @@
5321
5603
  var _c = _vm._self._c || _h;
5322
5604
  return _c(
5323
5605
  "div",
5324
- { staticClass: "tek-notifications" },
5606
+ { staticClass: "tek-notifications", attrs: { id: _vm.instance.name } },
5325
5607
  [
5326
5608
  _c(
5327
5609
  "tek-card-title",
@@ -5398,7 +5680,7 @@
5398
5680
  /* style */
5399
5681
  const __vue_inject_styles__$2 = function (inject) {
5400
5682
  if (!inject) return
5401
- 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 });
5683
+ 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 });
5402
5684
 
5403
5685
  };
5404
5686
  /* scoped */
@@ -5482,6 +5764,18 @@
5482
5764
  vuePropertyDecorator.Prop({ type: String, default: '' }),
5483
5765
  __metadata("design:type", String)
5484
5766
  ], TekProductCard.prototype, "width", void 0);
5767
+ __decorate([
5768
+ vuePropertyDecorator.Prop({ type: [Number, String], default: 'auto' }),
5769
+ __metadata("design:type", Object)
5770
+ ], TekProductCard.prototype, "height", void 0);
5771
+ __decorate([
5772
+ vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5773
+ __metadata("design:type", Object)
5774
+ ], TekProductCard.prototype, "maxHeight", void 0);
5775
+ __decorate([
5776
+ vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5777
+ __metadata("design:type", Object)
5778
+ ], TekProductCard.prototype, "minHeight", void 0);
5485
5779
  TekProductCard = __decorate([
5486
5780
  vuePropertyDecorator.Component
5487
5781
  ], TekProductCard);
@@ -5502,9 +5796,21 @@
5502
5796
  class: [
5503
5797
  "tek-product-card",
5504
5798
  { "tek-product-card--link": _vm.instance.events.click },
5799
+ {
5800
+ "theme--dark":
5801
+ (_vm.$vuetify.theme.dark && !_vm.instance.light) ||
5802
+ _vm.instance.dark,
5803
+ },
5804
+ { "theme--light": !_vm.$vuetify.theme.dark || _vm.instance.light },
5505
5805
  _vm.instance.cssClass,
5506
5806
  ],
5507
- style: { width: _vm.instance.width },
5807
+ style: Object.assign({}, _vm.instance.cssStyle, {
5808
+ width: _vm.instance.width,
5809
+ height: _vm.$formatSize(_vm.instance.height),
5810
+ minHeight: _vm.$formatSize(_vm.instance.minHeight),
5811
+ maxHeight: _vm.$formatSize(_vm.instance.maxHeight),
5812
+ }),
5813
+ attrs: { id: _vm.instance.name },
5508
5814
  on: {
5509
5815
  click: function ($event) {
5510
5816
  return _vm.click($event)
@@ -5517,6 +5823,8 @@
5517
5823
  {
5518
5824
  attrs: {
5519
5825
  name: _vm.instance.name,
5826
+ dark: _vm.instance.dark,
5827
+ light: _vm.instance.light,
5520
5828
  elevation: 2,
5521
5829
  to: _vm.instance.to,
5522
5830
  },
@@ -5617,7 +5925,7 @@
5617
5925
  /* style */
5618
5926
  const __vue_inject_styles__$1 = function (inject) {
5619
5927
  if (!inject) return
5620
- 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 });
5928
+ inject("data-v-3dd89d23_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 });
5621
5929
 
5622
5930
  };
5623
5931
  /* scoped */
@@ -5716,16 +6024,18 @@
5716
6024
  return this.filterItemChange.bind(this, prop, column, index);
5717
6025
  }
5718
6026
  getFilterValueChange(column, index) {
5719
- return this.filterValueChange.bind(this, column, index);
6027
+ return debounce__default["default"](this.filterValueChange.bind(this, column, index), 1000);
6028
+ }
6029
+ isOperationArrayValues(operation) {
6030
+ return ['IN', 'NOT_IN', 'BETWEEN'].includes(operation);
5720
6031
  }
5721
6032
  getComponentType(index) {
5722
- this.operationList.split(';');
5723
6033
  const operationListArray = this.operationList.split(';');
5724
- return ['IN', 'NOT_IN', 'BETWEEN'].includes(operationListArray[index]) ? 'ZdTextInput' : '';
6034
+ return this.isOperationArrayValues(operationListArray[index]) ? 'ZdTextInput' : '';
5725
6035
  }
5726
6036
  getComponentHint(index) {
5727
6037
  const operationListArray = this.operationList.split(';');
5728
- return ['IN', 'NOT_IN', 'BETWEEN'].includes(operationListArray[index]) ? 'TEKGRID_MULTIPLE_VALUE_HINT' : '';
6038
+ return this.isOperationArrayValues(operationListArray[index]) ? 'TEKGRID_MULTIPLE_VALUE_HINT' : '';
5729
6039
  }
5730
6040
  filterItemChange(prop, column, index, { component, event, element }) {
5731
6041
  const { name } = component;
@@ -5746,6 +6056,15 @@
5746
6056
  if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
5747
6057
  if (datasource.dynamicFilter[column.name] && datasource.dynamicFilter[column.name][index]) {
5748
6058
  this.lastFilter = JSON.stringify(datasource.dynamicFilter);
6059
+ const { value } = datasource.dynamicFilter[column.name][index];
6060
+ if (prop === 'operation') {
6061
+ if (this.isOperationArrayValues(component.value) && !Array.isArray(value)) {
6062
+ datasource.dynamicFilter[column.name][index].value = [value];
6063
+ }
6064
+ if (!this.isOperationArrayValues(component.value) && Array.isArray(value)) {
6065
+ [datasource.dynamicFilter[column.name][index].value] = value;
6066
+ }
6067
+ }
5749
6068
  datasource.dynamicFilter[column.name][index][prop] = component.value;
5750
6069
  if (this.lastFilter !== JSON.stringify(datasource.dynamicFilter)) {
5751
6070
  this.debouncedDatasourceGet(this.instance);
@@ -5754,8 +6073,31 @@
5754
6073
  }
5755
6074
  }
5756
6075
  }
6076
+ convertToDateFormat(column, value, revert) {
6077
+ const dateFormat = column.componentProps.dateFormat || core.Config.dateFormat;
6078
+ const displayFormat = column.componentProps.displayFormat || core.Config.displayFormat;
6079
+ if (revert) {
6080
+ if (core.dayjs(value, displayFormat).isValid() || !core.dayjs(value, dateFormat).isValid()) {
6081
+ return value;
6082
+ }
6083
+ return core.dayjs(value, dateFormat).format(displayFormat);
6084
+ }
6085
+ if (core.dayjs(value, dateFormat).isValid() || !core.dayjs(value, displayFormat).isValid()) {
6086
+ return value;
6087
+ }
6088
+ return core.dayjs(value, displayFormat).format(dateFormat);
6089
+ }
6090
+ checkDateValueFormat(column, value, revert = false) {
6091
+ if (['ZdDate', 'ZdDateRange'].includes(column.componentProps.component)) {
6092
+ if (Array.isArray(value)) {
6093
+ return value.map((item) => this.convertToDateFormat(column, item, revert));
6094
+ }
6095
+ return this.convertToDateFormat(column, value, revert);
6096
+ }
6097
+ return value;
6098
+ }
5757
6099
  filterValueChange(column, index, { component, event, element }) {
5758
- const { value } = component;
6100
+ let { value } = component;
5759
6101
  const { datasource } = this.instance;
5760
6102
  if (!(element === null || element === void 0 ? void 0 : element.offsetParent))
5761
6103
  return;
@@ -5779,6 +6121,10 @@
5779
6121
  const operationSelectName = name.replace('-filter-value-', '-filter-operation-');
5780
6122
  const operationSelect = core.Metadata.getInstance(operationSelectName);
5781
6123
  const operation = operationSelect.value;
6124
+ if (this.isOperationArrayValues(operation)) {
6125
+ value = value.split(';');
6126
+ }
6127
+ value = this.checkDateValueFormat(column, value);
5782
6128
  datasource.dynamicFilter[column.name].push({
5783
6129
  relation,
5784
6130
  operation,
@@ -5786,6 +6132,10 @@
5786
6132
  });
5787
6133
  }
5788
6134
  else {
6135
+ if (this.isOperationArrayValues(datasource.dynamicFilter[column.name][index].operation)) {
6136
+ value = value.split(';');
6137
+ }
6138
+ value = this.checkDateValueFormat(column, value);
5789
6139
  datasource.dynamicFilter[column.name][index].value = value;
5790
6140
  }
5791
6141
  }
@@ -5838,7 +6188,12 @@
5838
6188
  const dynamicFilter = datasource.dynamicFilter[column.name];
5839
6189
  if (dynamicFilter && dynamicFilter.length > 0) {
5840
6190
  dynamicFilter.forEach((item) => {
5841
- filterOptions.push(item);
6191
+ let { value } = item;
6192
+ if (this.isOperationArrayValues(item.operation) && Array.isArray(value)) {
6193
+ value = this.checkDateValueFormat(column, value, true);
6194
+ value = value.join(';');
6195
+ }
6196
+ filterOptions.push(Object.assign(Object.assign({}, item), { value }));
5842
6197
  });
5843
6198
  }
5844
6199
  filterOptions.push({
@@ -6011,6 +6366,7 @@
6011
6366
  ],
6012
6367
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
6013
6368
  attrs: {
6369
+ id: _vm.instance.name,
6014
6370
  "fixed-header": "",
6015
6371
  "disable-pagination": "",
6016
6372
  "hide-default-header": "",
@@ -6023,6 +6379,8 @@
6023
6379
  dense: _vm.instance.dense,
6024
6380
  loading: _vm.instance.datasource.loading,
6025
6381
  "item-key": _vm.instance.datasource.uniqueKey,
6382
+ dark: _vm.instance.dark,
6383
+ light: _vm.instance.light,
6026
6384
  "disable-sort": "",
6027
6385
  "disable-filtering": "",
6028
6386
  tabindex: "0",
@@ -6593,6 +6951,11 @@
6593
6951
  column,
6594
6952
  filterIndex
6595
6953
  ),
6954
+ change:
6955
+ _vm.getFilterValueChange(
6956
+ column,
6957
+ filterIndex
6958
+ ),
6596
6959
  },
6597
6960
  }
6598
6961
  ),
@@ -7289,7 +7652,7 @@
7289
7652
  /* style */
7290
7653
  const __vue_inject_styles__ = function (inject) {
7291
7654
  if (!inject) return
7292
- inject("data-v-29a40362_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 });
7655
+ 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 });
7293
7656
 
7294
7657
  };
7295
7658
  /* scoped */
@@ -7318,20 +7681,21 @@
7318
7681
  );
7319
7682
 
7320
7683
  const components = {
7321
- TekBreadcrumbHeader: __vue_component__$f,
7322
- TekCardTitle: __vue_component__$e,
7323
- TekCrudAddButton: __vue_component__$d,
7324
- TekCrudCancelButton: __vue_component__$c,
7325
- TekCrudDeleteButton: __vue_component__$b,
7326
- TekCrudForm: __vue_component__$a,
7327
- TekCrudSaveButton: __vue_component__$9,
7328
- TekGrid: __vue_component__$8,
7329
- TekGridColumnsButton: __vue_component__$7,
7330
- TekGridLayoutOptions: __vue_component__$6,
7331
- TekImage: __vue_component__$5,
7684
+ TekBreadcrumbHeader: __vue_component__$g,
7685
+ TekCardTitle: __vue_component__$f,
7686
+ TekCrudAddButton: __vue_component__$e,
7687
+ TekCrudCancelButton: __vue_component__$d,
7688
+ TekCrudDeleteButton: __vue_component__$c,
7689
+ TekCrudForm: __vue_component__$b,
7690
+ TekCrudSaveButton: __vue_component__$a,
7691
+ TekGrid: __vue_component__$9,
7692
+ TekGridColumnsButton: __vue_component__$8,
7693
+ TekGridLayoutOptions: __vue_component__$7,
7694
+ TekImage: __vue_component__$6,
7332
7695
  TekProductCard: __vue_component__$1,
7333
- TekIterableComponentRender: __vue_component__$3,
7334
- TekIterableCarousel: __vue_component__$4,
7696
+ TekIterableComponentRender: __vue_component__$4,
7697
+ TekIterableCarousel: __vue_component__$5,
7698
+ TekLoading: __vue_component__$3,
7335
7699
  TekNotifications: __vue_component__$2,
7336
7700
  TekTreeGrid: __vue_component__,
7337
7701
  };
@@ -7354,18 +7718,18 @@
7354
7718
  },
7355
7719
  };
7356
7720
 
7357
- exports.TekBreadcrumbHeader = script$f;
7358
- exports.TekCardTitle = script$e;
7359
- exports.TekCrudAddButton = script$d;
7360
- exports.TekCrudCancelButton = script$c;
7361
- exports.TekCrudDeleteButton = script$b;
7362
- exports.TekCrudForm = script$a;
7363
- exports.TekCrudSaveButton = script$9;
7364
- exports.TekGrid = script$8;
7365
- exports.TekGridColumnsButton = script$7;
7366
- exports.TekGridLayoutOptions = script$6;
7367
- exports.TekImage = script$5;
7368
- exports.TekIterableComponentRender = script$3;
7721
+ exports.TekBreadcrumbHeader = script$g;
7722
+ exports.TekCardTitle = script$f;
7723
+ exports.TekCrudAddButton = script$e;
7724
+ exports.TekCrudCancelButton = script$d;
7725
+ exports.TekCrudDeleteButton = script$c;
7726
+ exports.TekCrudForm = script$b;
7727
+ exports.TekCrudSaveButton = script$a;
7728
+ exports.TekGrid = script$9;
7729
+ exports.TekGridColumnsButton = script$8;
7730
+ exports.TekGridLayoutOptions = script$7;
7731
+ exports.TekImage = script$6;
7732
+ exports.TekIterableComponentRender = script$4;
7369
7733
  exports.TekProductCard = script$1;
7370
7734
  exports.TekTreeGrid = script;
7371
7735
  exports["default"] = TeknisaComponents;