@zeedhi/teknisa-components-vuetify 1.93.0 → 1.93.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/tek-components-vuetify.esm.js +1057 -992
  2. package/dist/tek-components-vuetify.umd.js +1067 -1001
  3. package/package.json +6 -6
  4. package/types/components/public.d.ts +2 -1
  5. package/types/components/tek-grid/TekGrid.d.ts +1 -0
  6. package/types/components/tek-grid/subcomponents/TekGridCellIdentation.d.ts +9 -0
  7. package/dist/tek-style.css +0 -5812
  8. package/types/components/tek-ag-grid/RenderedIcons.d.ts +0 -6
  9. package/types/components/tek-ag-grid/TekAgGrid.d.ts +0 -30
  10. package/types/components/tek-ag-grid/tek-ag-grid-components/index.d.ts +0 -6
  11. package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/TekAgGridCellEditor.d.ts +0 -15
  12. package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/interfaces.d.ts +0 -14
  13. package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/TekAgGridCellRenderer.d.ts +0 -11
  14. package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/interfaces.d.ts +0 -13
  15. package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/TekAgGridDate.d.ts +0 -21
  16. package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/interfaces.d.ts +0 -14
  17. package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/TekAgGridSelectEditor.d.ts +0 -13
  18. package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/interfaces.d.ts +0 -10
  19. package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/TekAgGridSelectRenderer.d.ts +0 -9
  20. package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/interfaces.d.ts +0 -8
  21. package/types/components/tek-grid/RenderedIcons.d.ts +0 -6
  22. package/types/components/tek-grid/tek-grid-components/index.d.ts +0 -6
  23. package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts +0 -15
  24. package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/interfaces.d.ts +0 -14
  25. package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/TekGridCellRenderer.d.ts +0 -11
  26. package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/interfaces.d.ts +0 -13
  27. package/types/components/tek-grid/tek-grid-components/tek-grid-date/TekGridDate.d.ts +0 -21
  28. package/types/components/tek-grid/tek-grid-components/tek-grid-date/interfaces.d.ts +0 -14
  29. package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/TekGridSelectEditor.d.ts +0 -13
  30. package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/interfaces.d.ts +0 -10
  31. package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/TekGridSelectRenderer.d.ts +0 -9
  32. package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts +0 -8
  33. package/types/components/tek-login/TekLogin.d.ts +0 -15
package/dist/tek-components-vuetify.esm.js CHANGED
@@ -3,8 +3,9 @@ import { ZdUserInfo } from '@zeedhi/zd-user-info-vue';
3
3
  import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader, VersionService } from '@zeedhi/core';
4
4
  import { Prop, Component, Watch } from 'vue-property-decorator';
5
5
  import { BreadcrumbHeader, CardTitle, CrudButton, CrudAddButton, CrudCancelButton, CrudDeleteButton, CrudForm, CrudSaveButton, TekGrid as TekGrid$3, TekRestDatasource, TekMemoryDatasource, TekGridColumn, TekGridColumnsButton as TekGridColumnsButton$1, TekGridFilterButton as TekGridFilterButton$1, TekGridLayoutOptions as TekGridLayoutOptions$1, TekFilterHelper, Image, ProductCard, TekTreeGrid, TekUserInfo as TekUserInfo$1, TekUserInfoList as TekUserInfoList$1, TekDragGrid as TekDragGrid$1, IterableCarousel, Loading, Notifications } from '@zeedhi/teknisa-components-common';
6
- import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, EditableMixin, ZdGrid, ZdIterableColumnsButton, setFillHeight, ZdIterableComponentRender, ZdLoading, ZdIterable } from '@zeedhi/vuetify';
6
+ import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, EditableMixin, NavigableTableMixin, ZdGrid, ZdIterableColumnsButton, setFillHeight, ZdIterableComponentRender, ZdLoading, ZdIterable } from '@zeedhi/vuetify';
7
7
  import debounce from 'lodash.debounce';
8
+ import Vue from 'vue';
8
9
  import { ZdDragGridHandle, ZdDragGridHandleHeader, updateDraggableFixedColumns } from '@zeedhi/zd-drag-grid-vue';
9
10
  import draggable from 'vuedraggable';
10
11
  import Sortable from 'sortablejs';
@@ -54,7 +55,7 @@ __decorate([
54
55
  TekBreadcrumbHeader = __decorate([
55
56
  Component
56
57
  ], TekBreadcrumbHeader);
57
- var script$j = TekBreadcrumbHeader;
58
+ var script$k = TekBreadcrumbHeader;
58
59
 
59
60
  function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
60
61
  if (typeof shadowMode !== 'boolean') {
@@ -185,10 +186,10 @@ function addStyle(id, css) {
185
186
  }
186
187
 
187
188
  /* script */
188
- const __vue_script__$k = script$j;
189
+ const __vue_script__$l = script$k;
189
190
 
190
191
  /* template */
191
- var __vue_render__$k = function () {
192
+ var __vue_render__$l = function () {
192
193
  var _vm = this;
193
194
  var _h = _vm.$createElement;
194
195
  var _c = _vm._self._c || _h;
@@ -259,34 +260,34 @@ var __vue_render__$k = function () {
259
260
  1
260
261
  )
261
262
  };
262
- var __vue_staticRenderFns__$k = [];
263
- __vue_render__$k._withStripped = true;
263
+ var __vue_staticRenderFns__$l = [];
264
+ __vue_render__$l._withStripped = true;
264
265
 
265
266
  /* style */
266
- const __vue_inject_styles__$k = function (inject) {
267
+ const __vue_inject_styles__$l = function (inject) {
267
268
  if (!inject) return
268
- 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 });
269
+ inject("data-v-0e000f00_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 });
269
270
 
270
271
  };
271
272
  /* scoped */
272
- const __vue_scope_id__$k = undefined;
273
+ const __vue_scope_id__$l = undefined;
273
274
  /* module identifier */
274
- const __vue_module_identifier__$k = undefined;
275
+ const __vue_module_identifier__$l = undefined;
275
276
  /* functional template */
276
- const __vue_is_functional_template__$k = false;
277
+ const __vue_is_functional_template__$l = false;
277
278
  /* style inject SSR */
278
279
 
279
280
  /* style inject shadow dom */
280
281
 
281
282
 
282
283
 
283
- const __vue_component__$k = /*#__PURE__*/normalizeComponent(
284
- { render: __vue_render__$k, staticRenderFns: __vue_staticRenderFns__$k },
285
- __vue_inject_styles__$k,
286
- __vue_script__$k,
287
- __vue_scope_id__$k,
288
- __vue_is_functional_template__$k,
289
- __vue_module_identifier__$k,
284
+ const __vue_component__$l = /*#__PURE__*/normalizeComponent(
285
+ { render: __vue_render__$l, staticRenderFns: __vue_staticRenderFns__$l },
286
+ __vue_inject_styles__$l,
287
+ __vue_script__$l,
288
+ __vue_scope_id__$l,
289
+ __vue_is_functional_template__$l,
290
+ __vue_module_identifier__$l,
290
291
  false,
291
292
  createInjector,
292
293
  undefined,
@@ -323,13 +324,13 @@ __decorate([
323
324
  TekCardTitle = __decorate([
324
325
  Component
325
326
  ], TekCardTitle);
326
- var script$i = TekCardTitle;
327
+ var script$j = TekCardTitle;
327
328
 
328
329
  /* script */
329
- const __vue_script__$j = script$i;
330
+ const __vue_script__$k = script$j;
330
331
 
331
332
  /* template */
332
- var __vue_render__$j = function () {
333
+ var __vue_render__$k = function () {
333
334
  var _vm = this;
334
335
  var _h = _vm.$createElement;
335
336
  var _c = _vm._self._c || _h;
@@ -429,34 +430,34 @@ var __vue_render__$j = function () {
429
430
  1
430
431
  )
431
432
  };
432
- var __vue_staticRenderFns__$j = [];
433
- __vue_render__$j._withStripped = true;
433
+ var __vue_staticRenderFns__$k = [];
434
+ __vue_render__$k._withStripped = true;
434
435
 
435
436
  /* style */
436
- const __vue_inject_styles__$j = function (inject) {
437
+ const __vue_inject_styles__$k = function (inject) {
437
438
  if (!inject) return
438
- 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 });
439
+ inject("data-v-50a83464_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 });
439
440
 
440
441
  };
441
442
  /* scoped */
442
- const __vue_scope_id__$j = undefined;
443
+ const __vue_scope_id__$k = undefined;
443
444
  /* module identifier */
444
- const __vue_module_identifier__$j = undefined;
445
+ const __vue_module_identifier__$k = undefined;
445
446
  /* functional template */
446
- const __vue_is_functional_template__$j = false;
447
+ const __vue_is_functional_template__$k = false;
447
448
  /* style inject SSR */
448
449
 
449
450
  /* style inject shadow dom */
450
451
 
451
452
 
452
453
 
453
- const __vue_component__$j = /*#__PURE__*/normalizeComponent(
454
- { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
455
- __vue_inject_styles__$j,
456
- __vue_script__$j,
457
- __vue_scope_id__$j,
458
- __vue_is_functional_template__$j,
459
- __vue_module_identifier__$j,
454
+ const __vue_component__$k = /*#__PURE__*/normalizeComponent(
455
+ { render: __vue_render__$k, staticRenderFns: __vue_staticRenderFns__$k },
456
+ __vue_inject_styles__$k,
457
+ __vue_script__$k,
458
+ __vue_scope_id__$k,
459
+ __vue_is_functional_template__$k,
460
+ __vue_module_identifier__$k,
460
461
  false,
461
462
  createInjector,
462
463
  undefined,
@@ -524,13 +525,13 @@ __decorate([
524
525
  TekCrudAddButton = __decorate([
525
526
  Component
526
527
  ], TekCrudAddButton);
527
- var script$h = TekCrudAddButton;
528
+ var script$i = TekCrudAddButton;
528
529
 
529
530
  /* script */
530
- const __vue_script__$i = script$h;
531
+ const __vue_script__$j = script$i;
531
532
 
532
533
  /* template */
533
- var __vue_render__$i = function () {
534
+ var __vue_render__$j = function () {
534
535
  var _vm = this;
535
536
  var _h = _vm.$createElement;
536
537
  var _c = _vm._self._c || _h;
@@ -595,17 +596,17 @@ var __vue_render__$i = function () {
595
596
  ]
596
597
  )
597
598
  };
598
- var __vue_staticRenderFns__$i = [];
599
- __vue_render__$i._withStripped = true;
599
+ var __vue_staticRenderFns__$j = [];
600
+ __vue_render__$j._withStripped = true;
600
601
 
601
602
  /* style */
602
- const __vue_inject_styles__$i = undefined;
603
+ const __vue_inject_styles__$j = undefined;
603
604
  /* scoped */
604
- const __vue_scope_id__$i = undefined;
605
+ const __vue_scope_id__$j = undefined;
605
606
  /* module identifier */
606
- const __vue_module_identifier__$i = undefined;
607
+ const __vue_module_identifier__$j = undefined;
607
608
  /* functional template */
608
- const __vue_is_functional_template__$i = false;
609
+ const __vue_is_functional_template__$j = false;
609
610
  /* style inject */
610
611
 
611
612
  /* style inject SSR */
@@ -614,13 +615,13 @@ __vue_render__$i._withStripped = true;
614
615
 
615
616
 
616
617
 
617
- const __vue_component__$i = /*#__PURE__*/normalizeComponent(
618
- { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
619
- __vue_inject_styles__$i,
620
- __vue_script__$i,
621
- __vue_scope_id__$i,
622
- __vue_is_functional_template__$i,
623
- __vue_module_identifier__$i,
618
+ const __vue_component__$j = /*#__PURE__*/normalizeComponent(
619
+ { render: __vue_render__$j, staticRenderFns: __vue_staticRenderFns__$j },
620
+ __vue_inject_styles__$j,
621
+ __vue_script__$j,
622
+ __vue_scope_id__$j,
623
+ __vue_is_functional_template__$j,
624
+ __vue_module_identifier__$j,
624
625
  false,
625
626
  undefined,
626
627
  undefined,
@@ -648,13 +649,13 @@ __decorate([
648
649
  TekCrudCancelButton = __decorate([
649
650
  Component
650
651
  ], TekCrudCancelButton);
651
- var script$g = TekCrudCancelButton;
652
+ var script$h = TekCrudCancelButton;
652
653
 
653
654
  /* script */
654
- const __vue_script__$h = script$g;
655
+ const __vue_script__$i = script$h;
655
656
 
656
657
  /* template */
657
- var __vue_render__$h = function () {
658
+ var __vue_render__$i = function () {
658
659
  var _vm = this;
659
660
  var _h = _vm.$createElement;
660
661
  var _c = _vm._self._c || _h;
@@ -719,17 +720,17 @@ var __vue_render__$h = function () {
719
720
  ]
720
721
  )
721
722
  };
722
- var __vue_staticRenderFns__$h = [];
723
- __vue_render__$h._withStripped = true;
723
+ var __vue_staticRenderFns__$i = [];
724
+ __vue_render__$i._withStripped = true;
724
725
 
725
726
  /* style */
726
- const __vue_inject_styles__$h = undefined;
727
+ const __vue_inject_styles__$i = undefined;
727
728
  /* scoped */
728
- const __vue_scope_id__$h = undefined;
729
+ const __vue_scope_id__$i = undefined;
729
730
  /* module identifier */
730
- const __vue_module_identifier__$h = undefined;
731
+ const __vue_module_identifier__$i = undefined;
731
732
  /* functional template */
732
- const __vue_is_functional_template__$h = false;
733
+ const __vue_is_functional_template__$i = false;
733
734
  /* style inject */
734
735
 
735
736
  /* style inject SSR */
@@ -738,13 +739,13 @@ __vue_render__$h._withStripped = true;
738
739
 
739
740
 
740
741
 
741
- const __vue_component__$h = /*#__PURE__*/normalizeComponent(
742
- { render: __vue_render__$h, staticRenderFns: __vue_staticRenderFns__$h },
743
- __vue_inject_styles__$h,
744
- __vue_script__$h,
745
- __vue_scope_id__$h,
746
- __vue_is_functional_template__$h,
747
- __vue_module_identifier__$h,
742
+ const __vue_component__$i = /*#__PURE__*/normalizeComponent(
743
+ { render: __vue_render__$i, staticRenderFns: __vue_staticRenderFns__$i },
744
+ __vue_inject_styles__$i,
745
+ __vue_script__$i,
746
+ __vue_scope_id__$i,
747
+ __vue_is_functional_template__$i,
748
+ __vue_module_identifier__$i,
748
749
  false,
749
750
  undefined,
750
751
  undefined,
@@ -778,13 +779,13 @@ __decorate([
778
779
  TekCrudDeleteButton = __decorate([
779
780
  Component
780
781
  ], TekCrudDeleteButton);
781
- var script$f = TekCrudDeleteButton;
782
+ var script$g = TekCrudDeleteButton;
782
783
 
783
784
  /* script */
784
- const __vue_script__$g = script$f;
785
+ const __vue_script__$h = script$g;
785
786
 
786
787
  /* template */
787
- var __vue_render__$g = function () {
788
+ var __vue_render__$h = function () {
788
789
  var _vm = this;
789
790
  var _h = _vm.$createElement;
790
791
  var _c = _vm._self._c || _h;
@@ -849,17 +850,17 @@ var __vue_render__$g = function () {
849
850
  ]
850
851
  )
851
852
  };
852
- var __vue_staticRenderFns__$g = [];
853
- __vue_render__$g._withStripped = true;
853
+ var __vue_staticRenderFns__$h = [];
854
+ __vue_render__$h._withStripped = true;
854
855
 
855
856
  /* style */
856
- const __vue_inject_styles__$g = undefined;
857
+ const __vue_inject_styles__$h = undefined;
857
858
  /* scoped */
858
- const __vue_scope_id__$g = undefined;
859
+ const __vue_scope_id__$h = undefined;
859
860
  /* module identifier */
860
- const __vue_module_identifier__$g = undefined;
861
+ const __vue_module_identifier__$h = undefined;
861
862
  /* functional template */
862
- const __vue_is_functional_template__$g = false;
863
+ const __vue_is_functional_template__$h = false;
863
864
  /* style inject */
864
865
 
865
866
  /* style inject SSR */
@@ -868,13 +869,13 @@ __vue_render__$g._withStripped = true;
868
869
 
869
870
 
870
871
 
871
- const __vue_component__$g = /*#__PURE__*/normalizeComponent(
872
- { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
873
- __vue_inject_styles__$g,
874
- __vue_script__$g,
875
- __vue_scope_id__$g,
876
- __vue_is_functional_template__$g,
877
- __vue_module_identifier__$g,
872
+ const __vue_component__$h = /*#__PURE__*/normalizeComponent(
873
+ { render: __vue_render__$h, staticRenderFns: __vue_staticRenderFns__$h },
874
+ __vue_inject_styles__$h,
875
+ __vue_script__$h,
876
+ __vue_scope_id__$h,
877
+ __vue_is_functional_template__$h,
878
+ __vue_module_identifier__$h,
878
879
  false,
879
880
  undefined,
880
881
  undefined,
@@ -893,13 +894,13 @@ let TekCrudForm = class TekCrudForm extends ZdForm {
893
894
  TekCrudForm = __decorate([
894
895
  Component
895
896
  ], TekCrudForm);
896
- var script$e = TekCrudForm;
897
+ var script$f = TekCrudForm;
897
898
 
898
899
  /* script */
899
- const __vue_script__$f = script$e;
900
+ const __vue_script__$g = script$f;
900
901
 
901
902
  /* template */
902
- var __vue_render__$f = function () {
903
+ var __vue_render__$g = function () {
903
904
  var _vm = this;
904
905
  var _h = _vm.$createElement;
905
906
  var _c = _vm._self._c || _h;
@@ -985,34 +986,34 @@ var __vue_render__$f = function () {
985
986
  2
986
987
  )
987
988
  };
988
- var __vue_staticRenderFns__$f = [];
989
- __vue_render__$f._withStripped = true;
989
+ var __vue_staticRenderFns__$g = [];
990
+ __vue_render__$g._withStripped = true;
990
991
 
991
992
  /* style */
992
- const __vue_inject_styles__$f = function (inject) {
993
+ const __vue_inject_styles__$g = function (inject) {
993
994
  if (!inject) return
994
- inject("data-v-c0dcf978_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
995
+ inject("data-v-980d49d4_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
995
996
 
996
997
  };
997
998
  /* scoped */
998
- const __vue_scope_id__$f = undefined;
999
+ const __vue_scope_id__$g = undefined;
999
1000
  /* module identifier */
1000
- const __vue_module_identifier__$f = undefined;
1001
+ const __vue_module_identifier__$g = undefined;
1001
1002
  /* functional template */
1002
- const __vue_is_functional_template__$f = false;
1003
+ const __vue_is_functional_template__$g = false;
1003
1004
  /* style inject SSR */
1004
1005
 
1005
1006
  /* style inject shadow dom */
1006
1007
 
1007
1008
 
1008
1009
 
1009
- const __vue_component__$f = /*#__PURE__*/normalizeComponent(
1010
- { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
1011
- __vue_inject_styles__$f,
1012
- __vue_script__$f,
1013
- __vue_scope_id__$f,
1014
- __vue_is_functional_template__$f,
1015
- __vue_module_identifier__$f,
1010
+ const __vue_component__$g = /*#__PURE__*/normalizeComponent(
1011
+ { render: __vue_render__$g, staticRenderFns: __vue_staticRenderFns__$g },
1012
+ __vue_inject_styles__$g,
1013
+ __vue_script__$g,
1014
+ __vue_scope_id__$g,
1015
+ __vue_is_functional_template__$g,
1016
+ __vue_module_identifier__$g,
1016
1017
  false,
1017
1018
  createInjector,
1018
1019
  undefined,
@@ -1037,13 +1038,13 @@ __decorate([
1037
1038
  TekCrudSaveButton = __decorate([
1038
1039
  Component
1039
1040
  ], TekCrudSaveButton);
1040
- var script$d = TekCrudSaveButton;
1041
+ var script$e = TekCrudSaveButton;
1041
1042
 
1042
1043
  /* script */
1043
- const __vue_script__$e = script$d;
1044
+ const __vue_script__$f = script$e;
1044
1045
 
1045
1046
  /* template */
1046
- var __vue_render__$e = function () {
1047
+ var __vue_render__$f = function () {
1047
1048
  var _vm = this;
1048
1049
  var _h = _vm.$createElement;
1049
1050
  var _c = _vm._self._c || _h;
@@ -1108,17 +1109,17 @@ var __vue_render__$e = function () {
1108
1109
  ]
1109
1110
  )
1110
1111
  };
1111
- var __vue_staticRenderFns__$e = [];
1112
- __vue_render__$e._withStripped = true;
1112
+ var __vue_staticRenderFns__$f = [];
1113
+ __vue_render__$f._withStripped = true;
1113
1114
 
1114
1115
  /* style */
1115
- const __vue_inject_styles__$e = undefined;
1116
+ const __vue_inject_styles__$f = undefined;
1116
1117
  /* scoped */
1117
- const __vue_scope_id__$e = undefined;
1118
+ const __vue_scope_id__$f = undefined;
1118
1119
  /* module identifier */
1119
- const __vue_module_identifier__$e = undefined;
1120
+ const __vue_module_identifier__$f = undefined;
1120
1121
  /* functional template */
1121
- const __vue_is_functional_template__$e = false;
1122
+ const __vue_is_functional_template__$f = false;
1122
1123
  /* style inject */
1123
1124
 
1124
1125
  /* style inject SSR */
@@ -1127,13 +1128,13 @@ __vue_render__$e._withStripped = true;
1127
1128
 
1128
1129
 
1129
1130
 
1130
- const __vue_component__$e = /*#__PURE__*/normalizeComponent(
1131
- { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
1132
- __vue_inject_styles__$e,
1133
- __vue_script__$e,
1134
- __vue_scope_id__$e,
1135
- __vue_is_functional_template__$e,
1136
- __vue_module_identifier__$e,
1131
+ const __vue_component__$f = /*#__PURE__*/normalizeComponent(
1132
+ { render: __vue_render__$f, staticRenderFns: __vue_staticRenderFns__$f },
1133
+ __vue_inject_styles__$f,
1134
+ __vue_script__$f,
1135
+ __vue_scope_id__$f,
1136
+ __vue_is_functional_template__$f,
1137
+ __vue_module_identifier__$f,
1137
1138
  false,
1138
1139
  undefined,
1139
1140
  undefined,
@@ -1404,11 +1405,16 @@ let TekGrid$1 = class TekGrid extends ZdGridEditable {
1404
1405
  }
1405
1406
  return filterOptions;
1406
1407
  }
1407
- isCurrentRow(row) {
1408
+ isCurrentRowGroup(row) {
1408
1409
  const { uniqueKey, currentRow } = this.instance.datasource;
1409
1410
  return !!((row.group && row.groupValue === currentRow.groupValue)
1410
1411
  || (row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
1411
1412
  }
1413
+ isCurrentRow(row) {
1414
+ const { uniqueKey, currentRow } = this.instance.datasource;
1415
+ return !this.instance.cellSelection && (!!((row.group && row.groupValue === currentRow.groupValue)
1416
+ || (row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey])));
1417
+ }
1412
1418
  getVisibleData() {
1413
1419
  const groupColumns = !!this.instance.groupColumnNames.length;
1414
1420
  if (groupColumns || (this.instance.showSummaryTotal && this.instance.summaryColumns.length)) {
@@ -1621,16 +1627,16 @@ __decorate([
1621
1627
  ], TekGrid$1.prototype, "updateTitle", null);
1622
1628
  TekGrid$1 = __decorate([
1623
1629
  Component({
1624
- mixins: [EditableMixin],
1630
+ mixins: [EditableMixin, NavigableTableMixin],
1625
1631
  })
1626
1632
  ], TekGrid$1);
1627
1633
  var TekGrid$2 = TekGrid$1;
1628
1634
 
1629
1635
  /* script */
1630
- const __vue_script__$d = TekGrid$2;
1636
+ const __vue_script__$e = TekGrid$2;
1631
1637
 
1632
1638
  /* template */
1633
- var __vue_render__$d = function () {
1639
+ var __vue_render__$e = function () {
1634
1640
  var _vm = this;
1635
1641
  var _h = _vm.$createElement;
1636
1642
  var _c = _vm._self._c || _h;
@@ -2532,7 +2538,7 @@ var __vue_render__$d = function () {
2532
2538
  {
2533
2539
  attrs: {
2534
2540
  row: item,
2535
- "is-current-row": _vm.isCurrentRow,
2541
+ "is-current-row": _vm.isCurrentRowGroup,
2536
2542
  },
2537
2543
  on: {
2538
2544
  click: function ($event) {
@@ -2541,48 +2547,25 @@ var __vue_render__$d = function () {
2541
2547
  },
2542
2548
  },
2543
2549
  [
2544
- _vm.instance.selectable
2545
- ? _c(
2546
- "td",
2547
- {
2548
- class: [
2549
- "zd-table-cell",
2550
- "selectable",
2551
- "zd-table-fixed-column",
2552
- _vm.theme,
2553
- ],
2554
- },
2555
- [
2556
- _c("v-checkbox", {
2557
- staticClass: "zd-grid-row-checkbox",
2558
- attrs: {
2559
- "hide-details": "",
2560
- color: "primary",
2561
- disabled:
2562
- _vm.instance.editing ||
2563
- _vm.instance.callDisableSelection(item),
2564
- "on-icon": _vm.$getIcon("checkboxOn"),
2565
- "off-icon": _vm.$getIcon("checkboxOff"),
2566
- "indeterminate-icon": _vm.$getIcon(
2567
- "checkboxIndeterminate"
2568
- ),
2569
- "true-value": true,
2570
- "false-value": false,
2571
- "input-value": _vm.isGroupSelected(item),
2572
- indeterminate:
2573
- _vm.isGroupSelectIndeterminate(item),
2574
- },
2575
- on: {
2576
- click: function ($event) {
2577
- $event.stopPropagation();
2578
- return _vm.selectGroup(item, $event)
2579
- },
2580
- },
2581
- }),
2582
- ],
2583
- 1
2584
- )
2585
- : _vm._e(),
2550
+ _c("zd-grid-checkbox", {
2551
+ attrs: {
2552
+ selectable: _vm.instance.selectable,
2553
+ disabled:
2554
+ _vm.instance.editing ||
2555
+ _vm.instance.callDisableSelection(item),
2556
+ isSelected: _vm.isGroupSelected(item),
2557
+ indeterminate:
2558
+ _vm.isGroupSelectIndeterminate(item),
2559
+ cellSelection: _vm.instance.cellSelection,
2560
+ theme: _vm.theme,
2561
+ },
2562
+ on: {
2563
+ click: function ($event) {
2564
+ $event.stopPropagation();
2565
+ return _vm.selectGroup(item, $event)
2566
+ },
2567
+ },
2568
+ }),
2586
2569
  _vm._v(" "),
2587
2570
  _c(
2588
2571
  "td",
@@ -2598,7 +2581,10 @@ var __vue_render__$d = function () {
2598
2581
  "left: " +
2599
2582
  (_vm.instance.selectable ? 40 : 0) +
2600
2583
  "px",
2601
- attrs: { colspan: 999 },
2584
+ attrs: {
2585
+ colspan: 999,
2586
+ tabindex: _vm.instance.cellSelection ? 0 : "",
2587
+ },
2602
2588
  },
2603
2589
  [
2604
2590
  _c(
@@ -2665,7 +2651,8 @@ var __vue_render__$d = function () {
2665
2651
  ),
2666
2652
  ]
2667
2653
  ),
2668
- ]
2654
+ ],
2655
+ 1
2669
2656
  )
2670
2657
  : _vm.instance.isItemVisible(item) &&
2671
2658
  (!_vm.instance.virtualScroll ||
@@ -2692,48 +2679,24 @@ var __vue_render__$d = function () {
2692
2679
  },
2693
2680
  },
2694
2681
  [
2695
- _vm.instance.selectable
2696
- ? _c(
2697
- "td",
2698
- {
2699
- class: [
2700
- "zd-table-cell",
2701
- "selectable",
2702
- "zd-table-fixed-column",
2703
- _vm.theme,
2704
- ],
2705
- },
2706
- [
2707
- _c("v-checkbox", {
2708
- staticClass: "zd-grid-row-checkbox",
2709
- attrs: {
2710
- "hide-details": "",
2711
- color: "primary",
2712
- disabled:
2713
- _vm.instance.editing ||
2714
- _vm.instance.callDisableSelection(item),
2715
- "on-icon": _vm.$getIcon("checkboxOn"),
2716
- "off-icon": _vm.$getIcon("checkboxOff"),
2717
- "true-value": true,
2718
- "false-value": false,
2719
- "input-value": isSelected,
2720
- },
2721
- on: {
2722
- click: function ($event) {
2723
- $event.stopPropagation();
2724
- select(!isSelected);
2725
- _vm.selectRowClick(
2726
- item,
2727
- !isSelected,
2728
- $event
2729
- );
2730
- },
2731
- },
2732
- }),
2733
- ],
2734
- 1
2735
- )
2736
- : _vm._e(),
2682
+ _c("zd-grid-checkbox", {
2683
+ attrs: {
2684
+ selectable: _vm.instance.selectable,
2685
+ disabled:
2686
+ _vm.instance.editing ||
2687
+ _vm.instance.callDisableSelection(item),
2688
+ isSelected: isSelected,
2689
+ cellSelection: _vm.instance.cellSelection,
2690
+ theme: _vm.theme,
2691
+ },
2692
+ on: {
2693
+ click: function ($event) {
2694
+ $event.stopPropagation();
2695
+ select(!isSelected);
2696
+ _vm.selectRowClick(item, !isSelected, $event);
2697
+ },
2698
+ },
2699
+ }),
2737
2700
  _vm._v(" "),
2738
2701
  _vm._l(
2739
2702
  _vm.orderHeaders(headers),
@@ -2761,220 +2724,292 @@ var __vue_render__$d = function () {
2761
2724
  column.name
2762
2725
  ) === -1 && column.type !== "action"
2763
2726
  ? [
2764
- _c(
2765
- "zd-grid-cell",
2766
- {
2767
- key: column.name,
2768
- attrs: {
2769
- column: column,
2770
- rowStyle: rowStyle,
2771
- cellsApplied: cellsApplied,
2772
- cellClass: [
2773
- {
2774
- "zd-table-two-plus-groups":
2775
- (_vm.instance
2776
- .groupColumnNames
2777
- .length >
2778
- 1) &
2779
- (index === 0),
2780
- "zd-table-column-editable":
2781
- column.editable,
2782
- "zd-table-cell-editable":
2783
- Object.assign(
2784
- {},
2785
- column,
2786
- cellsApplied
2787
- ).editable &&
2727
+ !item.groupFooter
2728
+ ? _c("zd-grid-editable-cell", {
2729
+ key: column.name,
2730
+ attrs: {
2731
+ column: column,
2732
+ row: item,
2733
+ rowStyle: rowStyle,
2734
+ rowKey: _vm.rowKey(item),
2735
+ cellsApplied: cellsApplied,
2736
+ cellClass: [
2737
+ {
2738
+ "zd-table-two-plus-groups":
2739
+ _vm.instance
2740
+ .groupColumnNames
2741
+ .length > 1 &&
2742
+ index === 0,
2743
+ "zd-table-column-editable":
2744
+ column.editable,
2745
+ "zd-table-cell-editable":
2746
+ Object.assign(
2747
+ {},
2748
+ column,
2749
+ cellsApplied
2750
+ ).editable &&
2751
+ _vm.canEditRowValues[
2752
+ _vm.rowKey(item)
2753
+ ] &&
2754
+ !item.groupFooter,
2755
+ "zd-table-fixed-column":
2756
+ column.fixed,
2757
+ "zd-table-first-group-cell":
2758
+ index === 0 &&
2759
+ _vm.instance
2760
+ .groupColumnNames
2761
+ .length > 0,
2762
+ },
2763
+ _vm.theme,
2764
+ ],
2765
+ cellStyle: [
2766
+ {
2767
+ left: column.fixed
2768
+ ? _vm.fixedLeft[
2769
+ column.name
2770
+ ]
2771
+ : "unset",
2772
+ },
2773
+ ],
2774
+ getWidthStyle:
2775
+ _vm.getWidthStyle,
2776
+ getEditableComponent:
2777
+ _vm.getEditableComponent,
2778
+ hasToggleIcon:
2779
+ _vm.hasToggleIcon,
2780
+ isCellEditable:
2781
+ _vm.isCellEditable,
2782
+ isEdited: _vm.isEdited,
2783
+ isValid: _vm.isValid,
2784
+ getVisibleValue:
2785
+ _vm.getVisibleValue,
2786
+ register: _vm.register,
2787
+ canEdit:
2788
+ _vm.canEditRowValues[
2789
+ _vm.rowKey(item)
2790
+ ],
2791
+ cellSelection:
2792
+ _vm.instance
2793
+ .cellSelection,
2794
+ },
2795
+ on: {
2796
+ click: function ($event) {
2797
+ _vm.cellClick(
2798
+ item,
2799
+ column,
2800
+ $event.event,
2788
2801
  _vm.canEditRowValues[
2789
2802
  _vm.rowKey(item)
2790
2803
  ] &&
2791
- !item.groupFooter,
2792
- "zd-table-fixed-column":
2793
- column.fixed,
2794
- "zd-table-first-group-cell":
2795
- index === 0 &&
2796
- _vm.instance
2797
- .groupColumnNames
2798
- .length > 0,
2804
+ Object.assign(
2805
+ {},
2806
+ column,
2807
+ cellsApplied
2808
+ ).editable &&
2809
+ !item.groupFooter,
2810
+ $event.id
2811
+ );
2799
2812
  },
2800
- _vm.theme,
2801
- ],
2802
- cellStyle: [
2803
- {
2804
- left: column.fixed
2805
- ? _vm.fixedLeft[
2806
- column.name
2807
- ]
2808
- : "unset",
2813
+ focus: function ($event) {
2814
+ return _vm.editableCellFocus(
2815
+ $event.component,
2816
+ $event.id,
2817
+ item,
2818
+ column
2819
+ )
2809
2820
  },
2810
- ],
2811
- },
2812
- },
2813
- [
2814
- index === 0 &&
2815
- _vm.instance.groupColumnNames
2816
- .length > 0
2817
- ? _vm._l(
2818
- _vm.instance
2819
- .groupColumnNames,
2820
- function (
2821
- name,
2822
- groupIndex
2823
- ) {
2824
- return _c("span", {
2825
- key: name,
2826
- class: [
2827
- "tek-grid-body-group-identation",
2828
- {
2829
- "first-group":
2830
- groupIndex ===
2831
- 0,
2832
- "group-footer":
2833
- item.groupFooter &&
2834
- groupIndex ===
2835
- item.groupIndex,
2836
- "group-footer-no-line":
2837
- (item.groupFooter &&
2838
- groupIndex >
2839
- item.groupIndex) ||
2840
- item.groupSummary,
2841
- },
2842
- ],
2843
- })
2844
- }
2845
- )
2846
- : _vm._e(),
2847
- _vm._v(" "),
2848
- !item.groupFooter
2849
- ? _c(
2850
- "zd-grid-editable-cell-content",
2821
+ focusout: function (
2822
+ $event
2823
+ ) {
2824
+ return _vm.fieldFocusout(
2825
+ $event
2826
+ )
2827
+ },
2828
+ enterEdit: function (
2829
+ $event
2830
+ ) {
2831
+ return _vm.enterEditEvent(
2832
+ item,
2833
+ column,
2834
+ $event
2835
+ )
2836
+ },
2837
+ },
2838
+ scopedSlots: _vm._u(
2839
+ [
2851
2840
  {
2852
- attrs: {
2853
- column: column,
2854
- row: item,
2855
- rowKey:
2856
- _vm.rowKey(item),
2857
- rowStyle: rowStyle,
2858
- cellsApplied:
2859
- cellsApplied,
2860
- getWidthStyle:
2861
- _vm.getWidthStyle,
2862
- getEditableComponent:
2863
- _vm.getEditableComponent,
2864
- hasToggleIcon:
2865
- _vm.hasToggleIcon,
2866
- isCellEditable:
2867
- _vm.isCellEditable,
2868
- isEdited:
2869
- _vm.isEdited,
2870
- isValid: _vm.isValid,
2871
- getVisibleValue:
2872
- _vm.getVisibleValue,
2873
- register:
2874
- _vm.register,
2875
- canEdit:
2876
- _vm
2877
- .canEditRowValues[
2878
- _vm.rowKey(item)
2879
- ],
2841
+ key: "default",
2842
+ fn: function (ref) {
2843
+ var visibleValue =
2844
+ ref.visibleValue;
2845
+ return [
2846
+ index === 0 &&
2847
+ _vm.instance
2848
+ .groupColumnNames
2849
+ .length > 0
2850
+ ? _vm._l(
2851
+ _vm.instance
2852
+ .groupColumnNames,
2853
+ function (
2854
+ name,
2855
+ groupIndex
2856
+ ) {
2857
+ return _c(
2858
+ "tek-grid-cell-identation",
2859
+ {
2860
+ key: name,
2861
+ attrs: {
2862
+ groupIndex:
2863
+ groupIndex,
2864
+ groupFooter:
2865
+ item.groupFooter,
2866
+ groupSummary:
2867
+ item.groupSummary,
2868
+ },
2869
+ }
2870
+ )
2871
+ }
2872
+ )
2873
+ : _vm._e(),
2874
+ _vm._v(" "),
2875
+ _c(
2876
+ "zd-grid-cell-content",
2877
+ {
2878
+ directives: [
2879
+ {
2880
+ name: "show",
2881
+ rawName:
2882
+ "v-show",
2883
+ value:
2884
+ !column.loading,
2885
+ expression:
2886
+ "!column.loading",
2887
+ },
2888
+ ],
2889
+ attrs: {
2890
+ getWidthStyle:
2891
+ _vm.getWidthStyle,
2892
+ column:
2893
+ column,
2894
+ row: item,
2895
+ hasUsingCellText: true,
2896
+ rowStyle:
2897
+ rowStyle,
2898
+ cellsApplied:
2899
+ cellsApplied,
2900
+ visibleValue:
2901
+ visibleValue,
2902
+ },
2903
+ on: {
2904
+ mouseenter:
2905
+ function (
2906
+ $event
2907
+ ) {
2908
+ return _vm.checkOverflow(
2909
+ $event
2910
+ )
2911
+ },
2912
+ mouseleave:
2913
+ function (
2914
+ $event
2915
+ ) {
2916
+ return _vm.removeTooltip()
2917
+ },
2918
+ },
2919
+ }
2920
+ ),
2921
+ ]
2880
2922
  },
2881
- on: {
2882
- click: function (
2883
- $event
2884
- ) {
2885
- _vm.cellClick(
2886
- item,
2923
+ },
2924
+ ],
2925
+ null,
2926
+ true
2927
+ ),
2928
+ })
2929
+ : _c(
2930
+ "zd-grid-cell",
2931
+ {
2932
+ key: column.name,
2933
+ attrs: {
2934
+ column: column,
2935
+ rowStyle: rowStyle,
2936
+ cellsApplied:
2937
+ cellsApplied,
2938
+ cellSelection:
2939
+ _vm.instance
2940
+ .cellSelection,
2941
+ cellClass: [
2942
+ {
2943
+ "zd-table-two-plus-groups":
2944
+ _vm.instance
2945
+ .groupColumnNames
2946
+ .length > 1 &&
2947
+ index === 0,
2948
+ "zd-table-column-editable":
2949
+ column.editable,
2950
+ "zd-table-cell-editable":
2951
+ Object.assign(
2952
+ {},
2887
2953
  column,
2888
- $event.event,
2889
- _vm
2890
- .canEditRowValues[
2891
- _vm.rowKey(item)
2892
- ] &&
2893
- Object.assign(
2894
- {},
2895
- column,
2896
- cellsApplied
2897
- ).editable &&
2898
- !item.groupFooter,
2899
- $event.id
2900
- );
2901
- },
2902
- focus: function (
2903
- $event
2904
- ) {
2905
- return _vm.cellFocus(
2906
- $event.component,
2907
- $event.id
2908
- )
2909
- },
2910
- },
2911
- scopedSlots: _vm._u(
2912
- [
2913
- {
2914
- key: "default",
2915
- fn: function (
2916
- ref
2917
- ) {
2918
- var visibleValue =
2919
- ref.visibleValue;
2920
- return [
2921
- _c(
2922
- "zd-grid-cell-content",
2923
- {
2924
- directives:
2925
- [
2926
- {
2927
- name: "show",
2928
- rawName:
2929
- "v-show",
2930
- value:
2931
- !column.loading,
2932
- expression:
2933
- "!column.loading",
2934
- },
2935
- ],
2936
- attrs: {
2937
- getWidthStyle:
2938
- _vm.getWidthStyle,
2939
- column:
2940
- column,
2941
- row: item,
2942
- hasUsingCellText: true,
2943
- rowStyle:
2944
- rowStyle,
2945
- cellsApplied:
2946
- cellsApplied,
2947
- visibleValue:
2948
- visibleValue,
2949
- },
2950
- on: {
2951
- mouseenter:
2952
- function (
2953
- $event
2954
- ) {
2955
- return _vm.checkOverflow(
2956
- $event
2957
- )
2958
- },
2959
- mouseleave:
2960
- function (
2961
- $event
2962
- ) {
2963
- return _vm.removeTooltip()
2964
- },
2965
- },
2966
- }
2967
- ),
2968
- ]
2969
- },
2970
- },
2971
- ],
2972
- null,
2973
- true
2974
- ),
2975
- }
2976
- )
2977
- : _c("zd-grid-cell-content", {
2954
+ cellsApplied
2955
+ ).editable &&
2956
+ _vm
2957
+ .canEditRowValues[
2958
+ _vm.rowKey(item)
2959
+ ] &&
2960
+ !item.groupFooter,
2961
+ "zd-table-fixed-column":
2962
+ column.fixed,
2963
+ "zd-table-first-group-cell":
2964
+ index === 0 &&
2965
+ _vm.instance
2966
+ .groupColumnNames
2967
+ .length > 0,
2968
+ },
2969
+ _vm.theme,
2970
+ ],
2971
+ cellStyle: [
2972
+ {
2973
+ left: column.fixed
2974
+ ? _vm.fixedLeft[
2975
+ column.name
2976
+ ]
2977
+ : "unset",
2978
+ },
2979
+ ],
2980
+ },
2981
+ },
2982
+ [
2983
+ index === 0 &&
2984
+ _vm.instance
2985
+ .groupColumnNames.length >
2986
+ 0
2987
+ ? _vm._l(
2988
+ _vm.instance
2989
+ .groupColumnNames,
2990
+ function (
2991
+ name,
2992
+ groupIndex
2993
+ ) {
2994
+ return _c(
2995
+ "tek-grid-cell-identation",
2996
+ {
2997
+ key: name,
2998
+ attrs: {
2999
+ groupIndex:
3000
+ groupIndex,
3001
+ groupFooter:
3002
+ item.groupFooter,
3003
+ groupSummary:
3004
+ item.groupSummary,
3005
+ },
3006
+ }
3007
+ )
3008
+ }
3009
+ )
3010
+ : _vm._e(),
3011
+ _vm._v(" "),
3012
+ _c("zd-grid-cell-content", {
2978
3013
  directives: [
2979
3014
  {
2980
3015
  name: "show",
@@ -3009,9 +3044,9 @@ var __vue_render__$d = function () {
3009
3044
  },
3010
3045
  },
3011
3046
  }),
3012
- ],
3013
- 2
3014
- ),
3047
+ ],
3048
+ 2
3049
+ ),
3015
3050
  ]
3016
3051
  : column.isVisible &&
3017
3052
  column.type === "action"
@@ -3047,8 +3082,16 @@ var __vue_render__$d = function () {
3047
3082
  : "unset",
3048
3083
  },
3049
3084
  ],
3085
+ cellSelection:
3086
+ _vm.instance.cellSelection,
3050
3087
  },
3051
3088
  on: {
3089
+ focusin: function ($event) {
3090
+ return _vm.cellFocus(
3091
+ item,
3092
+ column
3093
+ )
3094
+ },
3052
3095
  click: function ($event) {
3053
3096
  return _vm.cellClick(
3054
3097
  item,
@@ -3186,13 +3229,87 @@ var __vue_render__$d = function () {
3186
3229
  },
3187
3230
  })
3188
3231
  };
3232
+ var __vue_staticRenderFns__$e = [];
3233
+ __vue_render__$e._withStripped = true;
3234
+
3235
+ /* style */
3236
+ const __vue_inject_styles__$e = function (inject) {
3237
+ if (!inject) return
3238
+ inject("data-v-5abddac9_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3239
+
3240
+ };
3241
+ /* scoped */
3242
+ const __vue_scope_id__$e = undefined;
3243
+ /* module identifier */
3244
+ const __vue_module_identifier__$e = undefined;
3245
+ /* functional template */
3246
+ const __vue_is_functional_template__$e = false;
3247
+ /* style inject SSR */
3248
+
3249
+ /* style inject shadow dom */
3250
+
3251
+
3252
+
3253
+ const __vue_component__$e = /*#__PURE__*/normalizeComponent(
3254
+ { render: __vue_render__$e, staticRenderFns: __vue_staticRenderFns__$e },
3255
+ __vue_inject_styles__$e,
3256
+ __vue_script__$e,
3257
+ __vue_scope_id__$e,
3258
+ __vue_is_functional_template__$e,
3259
+ __vue_module_identifier__$e,
3260
+ false,
3261
+ createInjector,
3262
+ undefined,
3263
+ undefined
3264
+ );
3265
+
3266
+ /**
3267
+ * tek Grid cell identation component
3268
+ */
3269
+ let TekGridCellIdentation = class TekGridCellIdentation extends Vue {
3270
+ };
3271
+ __decorate([
3272
+ Prop({ type: [Number] })
3273
+ ], TekGridCellIdentation.prototype, "groupIndex", void 0);
3274
+ __decorate([
3275
+ Prop({ type: [Boolean] })
3276
+ ], TekGridCellIdentation.prototype, "groupFooter", void 0);
3277
+ __decorate([
3278
+ Prop({ type: [Boolean] })
3279
+ ], TekGridCellIdentation.prototype, "groupSummary", void 0);
3280
+ TekGridCellIdentation = __decorate([
3281
+ Component
3282
+ ], TekGridCellIdentation);
3283
+ var script$d = TekGridCellIdentation;
3284
+
3285
+ /* script */
3286
+ const __vue_script__$d = script$d;
3287
+
3288
+ /* template */
3289
+ var __vue_render__$d = function () {
3290
+ var _vm = this;
3291
+ var _h = _vm.$createElement;
3292
+ var _c = _vm._self._c || _h;
3293
+ return _c("span", {
3294
+ class: [
3295
+ "tek-grid-body-group-identation",
3296
+ {
3297
+ "first-group": _vm.groupIndex === 0,
3298
+ "group-footer": _vm.groupFooter && _vm.groupIndex === _vm.groupIndex,
3299
+ "group-footer-no-line":
3300
+ (_vm.groupFooter && _vm.groupIndex > _vm.groupIndex) ||
3301
+ _vm.groupSummary,
3302
+ },
3303
+ ],
3304
+ })
3305
+ };
3189
3306
  var __vue_staticRenderFns__$d = [];
3190
3307
  __vue_render__$d._withStripped = true;
3191
3308
 
3192
3309
  /* style */
3193
3310
  const __vue_inject_styles__$d = function (inject) {
3194
3311
  if (!inject) return
3195
- inject("data-v-0120bf2c_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.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-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr 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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3312
+ inject("data-v-72a1d58b_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
3196
3313
 
3197
3314
  };
3198
3315
  /* scoped */
@@ -4839,7 +4956,7 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
4839
4956
  }
4840
4957
  isCurrentRow(row) {
4841
4958
  const { uniqueKey, currentRow } = this.instance.datasource;
4842
- return !!((row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
4959
+ return !this.instance.cellSelection && !!((row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey]));
4843
4960
  }
4844
4961
  getVisibleData() {
4845
4962
  this.scrollData.visibleData = this.instance.datasource.data;
@@ -5044,6 +5161,7 @@ __decorate([
5044
5161
  ], TekDragGrid.prototype, "orderMode", void 0);
5045
5162
  TekDragGrid = __decorate([
5046
5163
  Component({
5164
+ mixins: [EditableMixin, NavigableTableMixin],
5047
5165
  components: { draggable, ZdDragGridHandle, ZdDragGridHandleHeader },
5048
5166
  })
5049
5167
  ], TekDragGrid);
@@ -5917,59 +6035,25 @@ var __vue_render__$c = function () {
5917
6035
  attrs: { theme: _vm.theme },
5918
6036
  }),
5919
6037
  _vm._v(" "),
5920
- _vm.instance.selectable
5921
- ? _c(
5922
- "td",
5923
- {
5924
- class: [
5925
- "zd-table-cell",
5926
- "selectable",
5927
- "zd-table-fixed-column",
5928
- _vm.theme,
5929
- ],
5930
- },
5931
- [
5932
- _c("v-checkbox", {
5933
- staticClass: "zd-grid-row-checkbox",
5934
- attrs: {
5935
- "hide-details": "",
5936
- color: "primary",
5937
- disabled:
5938
- _vm.instance.editing ||
5939
- _vm.instance.callDisableSelection(
5940
- item
5941
- ),
5942
- "on-icon":
5943
- _vm.$getIcon("checkboxOn"),
5944
- "off-icon":
5945
- _vm.$getIcon("checkboxOff"),
5946
- "indeterminate-icon":
5947
- _vm.$getIcon(
5948
- "checkboxIndeterminate"
5949
- ),
5950
- "true-value": true,
5951
- "false-value": false,
5952
- "input-value":
5953
- _vm.isGroupSelected(item),
5954
- indeterminate:
5955
- _vm.isGroupSelectIndeterminate(
5956
- item
5957
- ),
5958
- },
5959
- on: {
5960
- click: function ($event) {
5961
- $event.stopPropagation();
5962
- return _vm.selectGroup(
5963
- item,
5964
- $event
5965
- )
5966
- },
5967
- },
5968
- }),
5969
- ],
5970
- 1
5971
- )
5972
- : _vm._e(),
6038
+ _c("zd-grid-checkbox", {
6039
+ attrs: {
6040
+ selectable: _vm.instance.selectable,
6041
+ disabled:
6042
+ _vm.instance.editing ||
6043
+ _vm.instance.callDisableSelection(item),
6044
+ isSelected: _vm.isGroupSelected(item),
6045
+ indeterminate:
6046
+ _vm.isGroupSelectIndeterminate(item),
6047
+ cellSelection: _vm.instance.cellSelection,
6048
+ theme: _vm.theme,
6049
+ },
6050
+ on: {
6051
+ click: function ($event) {
6052
+ $event.stopPropagation();
6053
+ return _vm.selectGroup(item, $event)
6054
+ },
6055
+ },
6056
+ }),
5973
6057
  _vm._v(" "),
5974
6058
  _c(
5975
6059
  "td",
@@ -5985,7 +6069,12 @@ var __vue_render__$c = function () {
5985
6069
  "left: " +
5986
6070
  (_vm.instance.selectable ? 40 : 0) +
5987
6071
  "px",
5988
- attrs: { colspan: 999 },
6072
+ attrs: {
6073
+ colspan: 999,
6074
+ tabindex: _vm.instance.cellSelection
6075
+ ? 0
6076
+ : "",
6077
+ },
5989
6078
  },
5990
6079
  [
5991
6080
  _c(
@@ -6096,52 +6185,28 @@ var __vue_render__$c = function () {
6096
6185
  attrs: { theme: _vm.theme },
6097
6186
  }),
6098
6187
  _vm._v(" "),
6099
- _vm.instance.selectable
6100
- ? _c(
6101
- "td",
6102
- {
6103
- class: [
6104
- "zd-table-cell",
6105
- "selectable",
6106
- "zd-table-fixed-column",
6107
- _vm.theme,
6108
- ],
6109
- },
6110
- [
6111
- _c("v-checkbox", {
6112
- staticClass: "zd-grid-row-checkbox",
6113
- attrs: {
6114
- "hide-details": "",
6115
- color: "primary",
6116
- disabled:
6117
- _vm.instance.editing ||
6118
- _vm.instance.callDisableSelection(
6119
- item
6120
- ),
6121
- "on-icon":
6122
- _vm.$getIcon("checkboxOn"),
6123
- "off-icon":
6124
- _vm.$getIcon("checkboxOff"),
6125
- "true-value": true,
6126
- "false-value": false,
6127
- "input-value": isSelected(item),
6128
- },
6129
- on: {
6130
- click: function ($event) {
6131
- $event.stopPropagation();
6132
- select(item, !isSelected(item));
6133
- _vm.selectRowClick(
6134
- item,
6135
- !isSelected(item),
6136
- $event
6137
- );
6138
- },
6139
- },
6140
- }),
6141
- ],
6142
- 1
6143
- )
6144
- : _vm._e(),
6188
+ _c("zd-grid-checkbox", {
6189
+ attrs: {
6190
+ selectable: _vm.instance.selectable,
6191
+ disabled:
6192
+ _vm.instance.editing ||
6193
+ _vm.instance.callDisableSelection(item),
6194
+ isSelected: isSelected(item),
6195
+ cellSelection: _vm.instance.cellSelection,
6196
+ theme: _vm.theme,
6197
+ },
6198
+ on: {
6199
+ click: function ($event) {
6200
+ $event.stopPropagation();
6201
+ select(item, !isSelected(item));
6202
+ _vm.selectRowClick(
6203
+ item,
6204
+ !isSelected(item),
6205
+ $event
6206
+ );
6207
+ },
6208
+ },
6209
+ }),
6145
6210
  _vm._v(" "),
6146
6211
  _vm._l(
6147
6212
  _vm.orderHeaders(headers),
@@ -6171,259 +6236,266 @@ var __vue_render__$c = function () {
6171
6236
  ) === -1 &&
6172
6237
  column.type !== "action"
6173
6238
  ? [
6174
- _c(
6175
- "zd-grid-cell",
6176
- {
6177
- key: column.name,
6178
- attrs: {
6179
- column: column,
6180
- rowStyle: rowStyle,
6181
- cellsApplied:
6182
- cellsApplied,
6183
- cellClass: [
6184
- {
6185
- "zd-table-two-plus-groups":
6186
- (_vm.instance
6187
- .groupColumnNames
6188
- .length >
6189
- 1) &
6190
- (index === 0),
6191
- "zd-table-column-editable":
6192
- column.editable,
6193
- "zd-table-cell-editable":
6194
- Object.assign(
6195
- {},
6196
- column,
6197
- cellsApplied
6198
- ).editable &&
6199
- _vm
6200
- .canEditRowValues[
6201
- _vm.rowKey(
6202
- item
6203
- )
6204
- ] &&
6205
- !item.groupFooter,
6206
- "zd-table-fixed-column":
6207
- column.fixed,
6208
- },
6209
- _vm.theme,
6210
- ],
6211
- cellStyle: [
6212
- {
6213
- left: column.fixed
6214
- ? _vm.fixedLeft[
6215
- column.name
6216
- ]
6217
- : "unset",
6218
- },
6219
- ],
6220
- },
6221
- on: {
6222
- click: function (
6223
- $event
6224
- ) {
6225
- _vm.cellClick(
6226
- item,
6227
- column,
6228
- $event,
6229
- _vm
6230
- .canEditRowValues[
6231
- _vm.rowKey(item)
6232
- ] &&
6233
- Object.assign(
6234
- {},
6235
- column,
6236
- cellsApplied
6237
- ).editable &&
6238
- !item.groupFooter
6239
- );
6240
- },
6241
- },
6242
- },
6243
- [
6244
- index === 0 &&
6245
- _vm.instance
6246
- .groupColumnNames
6247
- .length > 0
6248
- ? _vm._l(
6249
- _vm.instance
6250
- .groupColumnNames,
6251
- function (
6252
- name,
6253
- groupIndex
6254
- ) {
6255
- return _c(
6256
- "span",
6257
- {
6258
- key: name,
6259
- class: [
6260
- "tek-grid-body-group-identation",
6261
- {
6262
- "first-group":
6263
- groupIndex ===
6264
- 0,
6265
- "group-footer":
6266
- item.groupFooter &&
6267
- groupIndex ===
6268
- item.groupIndex,
6269
- "group-footer-no-line":
6270
- (item.groupFooter &&
6271
- groupIndex >
6272
- item.groupIndex) ||
6273
- item.groupSummary,
6274
- },
6275
- ],
6276
- }
6277
- )
6278
- }
6279
- )
6280
- : _vm._e(),
6281
- _vm._v(" "),
6282
- column.loading
6283
- ? _c(
6284
- "v-skeleton-loader",
6285
- {
6286
- staticClass:
6287
- "zd-skeleton-table-cell",
6288
- attrs: {
6289
- loading: "",
6290
- type: "table-cell",
6239
+ !item.groupFooter
6240
+ ? _c(
6241
+ "zd-grid-editable-cell",
6242
+ {
6243
+ key: column.name,
6244
+ attrs: {
6245
+ column: column,
6246
+ row: item,
6247
+ rowStyle:
6248
+ rowStyle,
6249
+ rowKey:
6250
+ _vm.rowKey(
6251
+ item
6252
+ ),
6253
+ cellsApplied:
6254
+ cellsApplied,
6255
+ cellClass: [
6256
+ {
6257
+ "zd-table-two-plus-groups":
6258
+ _vm.instance
6259
+ .groupColumnNames
6260
+ .length >
6261
+ 1 &&
6262
+ index === 0,
6263
+ "zd-table-column-editable":
6264
+ column.editable,
6265
+ "zd-table-cell-editable":
6266
+ Object.assign(
6267
+ {},
6268
+ column,
6269
+ cellsApplied
6270
+ )
6271
+ .editable &&
6272
+ _vm
6273
+ .canEditRowValues[
6274
+ _vm.rowKey(
6275
+ item
6276
+ )
6277
+ ] &&
6278
+ !item.groupFooter,
6279
+ "zd-table-fixed-column":
6280
+ column.fixed,
6281
+ "zd-table-first-group-cell":
6282
+ index ===
6283
+ 0 &&
6284
+ _vm.instance
6285
+ .groupColumnNames
6286
+ .length >
6287
+ 0,
6291
6288
  },
6292
- }
6293
- )
6294
- : _vm._e(),
6295
- _vm._v(" "),
6296
- Object.assign(
6297
- {},
6298
- column,
6299
- cellsApplied
6300
- ).editable &&
6301
- _vm.canEditRowValues[
6302
- _vm.rowKey(item)
6303
- ] &&
6304
- _vm.instance.editing &&
6305
- !item.groupFooter
6306
- ? _c(
6307
- "zd-grid-cell-edit",
6308
- {
6309
- directives: [
6310
- {
6311
- name: "show",
6312
- rawName:
6313
- "v-show",
6314
- value:
6315
- !column.loading,
6316
- expression:
6317
- "!column.loading",
6318
- },
6319
- ],
6320
- attrs: {
6321
- getWidthStyle:
6322
- _vm.getWidthStyle,
6323
- column:
6324
- column,
6325
- row: item,
6326
- rowStyle:
6327
- rowStyle,
6328
- rowKey:
6289
+ _vm.theme,
6290
+ ],
6291
+ cellStyle: [
6292
+ {
6293
+ left: column.fixed
6294
+ ? _vm
6295
+ .fixedLeft[
6296
+ column
6297
+ .name
6298
+ ]
6299
+ : "unset",
6300
+ },
6301
+ ],
6302
+ getWidthStyle:
6303
+ _vm.getWidthStyle,
6304
+ getEditableComponent:
6305
+ _vm.getEditableComponent,
6306
+ hasToggleIcon:
6307
+ _vm.hasToggleIcon,
6308
+ isCellEditable:
6309
+ _vm.isCellEditable,
6310
+ isEdited:
6311
+ _vm.isEdited,
6312
+ isValid:
6313
+ _vm.isValid,
6314
+ getVisibleValue:
6315
+ _vm.getVisibleValue,
6316
+ register:
6317
+ _vm.register,
6318
+ canEdit:
6319
+ _vm
6320
+ .canEditRowValues[
6321
+ _vm.rowKey(
6322
+ item
6323
+ )
6324
+ ],
6325
+ cellSelection:
6326
+ _vm.instance
6327
+ .cellSelection,
6328
+ },
6329
+ on: {
6330
+ click: function (
6331
+ $event
6332
+ ) {
6333
+ _vm.cellClick(
6334
+ item,
6335
+ column,
6336
+ $event.event,
6337
+ _vm
6338
+ .canEditRowValues[
6329
6339
  _vm.rowKey(
6330
6340
  item
6331
- ),
6332
- cellsApplied:
6333
- cellsApplied,
6334
- isEdited:
6335
- _vm.instance.isEdited(
6336
- column,
6337
- item
6338
- ),
6339
- isValid:
6340
- _vm.instance.isValid(
6341
+ )
6342
+ ] &&
6343
+ Object.assign(
6344
+ {},
6341
6345
  column,
6342
- item
6343
- ),
6344
- getEditableComponent:
6345
- _vm.getEditableComponent,
6346
- },
6347
- }
6348
- )
6349
- : _vm.hasToggleIcon(
6350
- column,
6351
- item
6352
- )
6353
- ? _c(
6354
- "span",
6355
- [
6356
- _c("v-icon", [
6357
- _vm._v(
6358
- _vm._s(
6359
- _vm.$getIcon(
6360
- column.formatterByRow(
6361
- item,
6362
- cellsApplied
6363
- )
6364
- )
6346
+ cellsApplied
6365
6347
  )
6366
- ),
6367
- ]),
6368
- ],
6369
- 1
6370
- )
6371
- : _c(
6372
- "zd-grid-cell-content",
6373
- {
6374
- directives: [
6375
- {
6376
- name: "show",
6377
- rawName:
6378
- "v-show",
6379
- value:
6380
- !column.loading,
6381
- expression:
6382
- "!column.loading",
6383
- },
6384
- ],
6385
- attrs: {
6386
- getWidthStyle:
6387
- _vm.getWidthStyle,
6388
- column:
6348
+ .editable &&
6349
+ !item.groupFooter,
6350
+ $event.id
6351
+ );
6352
+ },
6353
+ focus: function (
6354
+ $event
6355
+ ) {
6356
+ return _vm.editableCellFocus(
6357
+ $event.component,
6358
+ $event.id,
6359
+ item,
6360
+ column
6361
+ )
6362
+ },
6363
+ focusout:
6364
+ function (
6365
+ $event
6366
+ ) {
6367
+ return _vm.fieldFocusout(
6368
+ $event
6369
+ )
6370
+ },
6371
+ enterEdit:
6372
+ function (
6373
+ $event
6374
+ ) {
6375
+ return _vm.enterEditEvent(
6376
+ item,
6389
6377
  column,
6390
- row: item,
6391
- rowStyle:
6392
- rowStyle,
6393
- cellsApplied:
6394
- cellsApplied,
6395
- cssClass: [
6396
- _vm.instance
6397
- .groupColumnNames
6398
- .length >
6399
- 0
6400
- ? "zd-table-cell-aling-total"
6401
- : "",
6402
- ],
6378
+ $event
6379
+ )
6403
6380
  },
6404
- on: {
6405
- mouseenter:
6406
- function (
6407
- $event
6408
- ) {
6409
- return _vm.checkOverflow(
6410
- $event
6411
- )
6412
- },
6413
- mouseleave:
6414
- function (
6415
- $event
6416
- ) {
6417
- return _vm.removeTooltip()
6418
- },
6381
+ },
6382
+ scopedSlots: _vm._u(
6383
+ [
6384
+ {
6385
+ key: "default",
6386
+ fn: function (
6387
+ ref
6388
+ ) {
6389
+ var visibleValue =
6390
+ ref.visibleValue;
6391
+ return [
6392
+ index ===
6393
+ 0 &&
6394
+ _vm
6395
+ .instance
6396
+ .groupColumnNames
6397
+ .length >
6398
+ 0
6399
+ ? _vm._l(
6400
+ _vm
6401
+ .instance
6402
+ .groupColumnNames,
6403
+ function (
6404
+ name,
6405
+ groupIndex
6406
+ ) {
6407
+ return _c(
6408
+ "tek-grid-cell-identation",
6409
+ {
6410
+ key: name,
6411
+ attrs:
6412
+ {
6413
+ groupIndex:
6414
+ groupIndex,
6415
+ groupFooter:
6416
+ item.groupFooter,
6417
+ groupSummary:
6418
+ item.groupSummary,
6419
+ },
6420
+ }
6421
+ )
6422
+ }
6423
+ )
6424
+ : _vm._e(),
6425
+ _vm._v(
6426
+ " "
6427
+ ),
6428
+ _c(
6429
+ "zd-grid-cell-content",
6430
+ {
6431
+ directives:
6432
+ [
6433
+ {
6434
+ name: "show",
6435
+ rawName:
6436
+ "v-show",
6437
+ value:
6438
+ !column.loading,
6439
+ expression:
6440
+ "!column.loading",
6441
+ },
6442
+ ],
6443
+ attrs:
6444
+ {
6445
+ getWidthStyle:
6446
+ _vm.getWidthStyle,
6447
+ column:
6448
+ column,
6449
+ row: item,
6450
+ hasUsingCellText: true,
6451
+ rowStyle:
6452
+ rowStyle,
6453
+ cellsApplied:
6454
+ cellsApplied,
6455
+ visibleValue:
6456
+ visibleValue,
6457
+ cssClass:
6458
+ [
6459
+ _vm
6460
+ .instance
6461
+ .groupColumnNames
6462
+ .length >
6463
+ 0
6464
+ ? "zd-table-cell-aling-total"
6465
+ : "",
6466
+ ],
6467
+ },
6468
+ on: {
6469
+ mouseenter:
6470
+ function (
6471
+ $event
6472
+ ) {
6473
+ return _vm.checkOverflow(
6474
+ $event
6475
+ )
6476
+ },
6477
+ mouseleave:
6478
+ function (
6479
+ $event
6480
+ ) {
6481
+ return _vm.removeTooltip()
6482
+ },
6483
+ },
6484
+ }
6485
+ ),
6486
+ ]
6487
+ },
6419
6488
  },
6420
- }
6489
+ ],
6490
+ null,
6491
+ true
6421
6492
  ),
6422
- ],
6423
- 2
6424
- ),
6493
+ }
6494
+ )
6495
+ : _vm._e(),
6425
6496
  ]
6426
- : column.type === "action"
6497
+ : column.isVisible &&
6498
+ column.type === "action"
6427
6499
  ? [
6428
6500
  _c(
6429
6501
  "zd-grid-cell",
@@ -6460,8 +6532,19 @@ var __vue_render__$c = function () {
6460
6532
  : "unset",
6461
6533
  },
6462
6534
  ],
6535
+ cellSelection:
6536
+ _vm.instance
6537
+ .cellSelection,
6463
6538
  },
6464
6539
  on: {
6540
+ focusin: function (
6541
+ $event
6542
+ ) {
6543
+ return _vm.cellFocus(
6544
+ item,
6545
+ column
6546
+ )
6547
+ },
6465
6548
  click: function (
6466
6549
  $event
6467
6550
  ) {
@@ -6617,7 +6700,7 @@ __vue_render__$c._withStripped = true;
6617
6700
  /* style */
6618
6701
  const __vue_inject_styles__$c = function (inject) {
6619
6702
  if (!inject) return
6620
- inject("data-v-2c57d2cd_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.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-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr 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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
6703
+ inject("data-v-381926c8_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
6621
6704
 
6622
6705
  };
6623
6706
  /* scoped */
@@ -6910,7 +6993,7 @@ __vue_render__$b._withStripped = true;
6910
6993
  /* style */
6911
6994
  const __vue_inject_styles__$b = function (inject) {
6912
6995
  if (!inject) return
6913
- inject("data-v-046576c4_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 background-color: var(--zd-background-base);\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 });
6996
+ inject("data-v-6be4339c_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 background-color: var(--zd-background-base);\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 });
6914
6997
 
6915
6998
  };
6916
6999
  /* scoped */
@@ -7266,7 +7349,7 @@ __vue_render__$9._withStripped = true;
7266
7349
  /* style */
7267
7350
  const __vue_inject_styles__$9 = function (inject) {
7268
7351
  if (!inject) return
7269
- inject("data-v-d2d024ba_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 });
7352
+ inject("data-v-503d4216_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 });
7270
7353
 
7271
7354
  };
7272
7355
  /* scoped */
@@ -7688,11 +7771,11 @@ __vue_render__$6._withStripped = true;
7688
7771
  /* style */
7689
7772
  const __vue_inject_styles__$6 = function (inject) {
7690
7773
  if (!inject) return
7691
- inject("data-v-171cbd3a_0", { source: ".tek-iterable-component-render[data-v-171cbd3a] {\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-171cbd3a],\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-171cbd3a] {\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-171cbd3a] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
7774
+ inject("data-v-11f2d051_0", { source: ".tek-iterable-component-render[data-v-11f2d051] {\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-11f2d051],\n.tek-iterable-component-render .no--data[data-v-11f2d051] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-11f2d051] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-11f2d051] {\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-11f2d051] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
7692
7775
 
7693
7776
  };
7694
7777
  /* scoped */
7695
- const __vue_scope_id__$6 = "data-v-171cbd3a";
7778
+ const __vue_scope_id__$6 = "data-v-11f2d051";
7696
7779
  /* module identifier */
7697
7780
  const __vue_module_identifier__$6 = undefined;
7698
7781
  /* functional template */
@@ -7908,7 +7991,7 @@ __vue_render__$4._withStripped = true;
7908
7991
  /* style */
7909
7992
  const __vue_inject_styles__$4 = function (inject) {
7910
7993
  if (!inject) return
7911
- 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 });
7994
+ inject("data-v-0f0d70ea_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 });
7912
7995
 
7913
7996
  };
7914
7997
  /* scoped */
@@ -8079,7 +8162,7 @@ __vue_render__$3._withStripped = true;
8079
8162
  /* style */
8080
8163
  const __vue_inject_styles__$3 = function (inject) {
8081
8164
  if (!inject) return
8082
- inject("data-v-356ccff0_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 });
8165
+ inject("data-v-26b87a76_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 });
8083
8166
 
8084
8167
  };
8085
8168
  /* scoped */
@@ -8987,48 +9070,28 @@ var __vue_render__$2 = function () {
8987
9070
  },
8988
9071
  },
8989
9072
  [
8990
- _vm.instance.selectable
8991
- ? _c(
8992
- "td",
8993
- {
8994
- class: [
8995
- "zd-table-cell",
8996
- "selectable",
8997
- "zd-table-fixed-column",
8998
- _vm.theme,
8999
- ],
9000
- },
9001
- [
9002
- _c("v-checkbox", {
9003
- staticClass: "zd-grid-row-checkbox",
9004
- attrs: {
9005
- "hide-details": "",
9006
- color: "primary",
9007
- disabled:
9008
- _vm.instance.editing ||
9009
- _vm.instance.callDisableSelection(item),
9010
- "on-icon": _vm.$getIcon("checkboxOn"),
9011
- "off-icon": _vm.$getIcon("checkboxOff"),
9012
- "true-value": true,
9013
- "false-value": false,
9014
- "input-value": isSelected,
9015
- indeterminate: _vm.isIndeterminate(item),
9016
- },
9017
- on: {
9018
- click: function ($event) {
9019
- $event.stopPropagation();
9020
- return _vm.selectClick(
9021
- index,
9022
- !isSelected,
9023
- $event
9024
- )
9025
- },
9026
- },
9027
- }),
9028
- ],
9029
- 1
9030
- )
9031
- : _vm._e(),
9073
+ _c("zd-grid-checkbox", {
9074
+ attrs: {
9075
+ selectable: _vm.instance.selectable,
9076
+ disabled:
9077
+ _vm.instance.editing ||
9078
+ _vm.instance.callDisableSelection(item),
9079
+ isSelected: isSelected,
9080
+ cellSelection: _vm.instance.cellSelection,
9081
+ indeterminate: _vm.isIndeterminate(item),
9082
+ theme: _vm.theme,
9083
+ },
9084
+ on: {
9085
+ click: function ($event) {
9086
+ $event.stopPropagation();
9087
+ return _vm.selectClick(
9088
+ index,
9089
+ !isSelected,
9090
+ $event
9091
+ )
9092
+ },
9093
+ },
9094
+ }),
9032
9095
  _vm._v(" "),
9033
9096
  _vm._l(
9034
9097
  _vm.orderHeaders(headers),
@@ -9054,182 +9117,175 @@ var __vue_render__$2 = function () {
9054
9117
  return [
9055
9118
  column.type !== "action"
9056
9119
  ? [
9057
- _c(
9058
- "zd-grid-cell",
9059
- {
9060
- key: column.name,
9061
- attrs: {
9062
- column: column,
9063
- rowStyle: rowStyle,
9064
- cellsApplied: cellsApplied,
9065
- cellClass: [
9066
- {
9067
- first: headerIndex === 0,
9068
- },
9069
- {
9070
- "zd-table-column-editable":
9071
- column.editable,
9072
- "zd-table-cell-editable":
9073
- Object.assign(
9074
- {},
9075
- column,
9076
- cellsApplied
9077
- ).editable &&
9078
- _vm.canEditRowValues[
9079
- _vm.rowKey(item)
9080
- ],
9081
- "zd-table-fixed-column":
9082
- column.fixed,
9083
- },
9084
- _vm.theme,
9085
- ],
9086
- cellStyle: [
9087
- {
9088
- left: _vm.getFixedLeft(
9089
- column
9090
- ),
9091
- },
9120
+ _c("zd-grid-editable-cell", {
9121
+ key: column.name,
9122
+ attrs: {
9123
+ column: column,
9124
+ row: item,
9125
+ rowStyle: rowStyle,
9126
+ rowKey: _vm.rowKey(item),
9127
+ cellsApplied: cellsApplied,
9128
+ cellClass: [
9129
+ { first: headerIndex === 0 },
9130
+ {
9131
+ "zd-table-column-editable":
9132
+ column.editable,
9133
+ "zd-table-cell-editable":
9134
+ Object.assign(
9135
+ {},
9136
+ column,
9137
+ cellsApplied
9138
+ ).editable &&
9139
+ _vm.canEditRowValues[
9140
+ _vm.rowKey(item)
9141
+ ],
9142
+ "zd-table-fixed-column":
9143
+ column.fixed,
9144
+ },
9145
+ _vm.theme,
9146
+ ],
9147
+ cellStyle: [
9148
+ {
9149
+ left: _vm.getFixedLeft(
9150
+ column
9151
+ ),
9152
+ },
9153
+ ],
9154
+ getWidthStyle:
9155
+ _vm.getWidthStyle,
9156
+ getEditableComponent:
9157
+ _vm.getEditableComponent,
9158
+ hasToggleIcon:
9159
+ _vm.hasToggleIcon,
9160
+ isCellEditable:
9161
+ _vm.isCellEditable,
9162
+ isEdited: _vm.isEdited,
9163
+ isValid: _vm.isValid,
9164
+ getVisibleValue:
9165
+ _vm.getVisibleValue,
9166
+ register: _vm.register,
9167
+ canEdit:
9168
+ _vm.canEditRowValues[
9169
+ _vm.rowKey(item)
9092
9170
  ],
9171
+ cellSelection:
9172
+ _vm.instance.cellSelection,
9173
+ },
9174
+ on: {
9175
+ click: function ($event) {
9176
+ _vm.cellClick(
9177
+ item,
9178
+ column,
9179
+ $event.event,
9180
+ _vm.canEditRowValues[
9181
+ _vm.rowKey(item)
9182
+ ] &&
9183
+ Object.assign(
9184
+ {},
9185
+ column,
9186
+ cellsApplied
9187
+ ).editable,
9188
+ $event.id
9189
+ );
9190
+ },
9191
+ focus: function ($event) {
9192
+ return _vm.editableCellFocus(
9193
+ $event.component,
9194
+ $event.id,
9195
+ item,
9196
+ column
9197
+ )
9198
+ },
9199
+ focusout: function ($event) {
9200
+ return _vm.fieldFocusout(
9201
+ $event
9202
+ )
9203
+ },
9204
+ enterEdit: function ($event) {
9205
+ return _vm.enterEditEvent(
9206
+ item,
9207
+ column,
9208
+ $event
9209
+ )
9093
9210
  },
9094
9211
  },
9095
- [
9096
- _c(
9097
- "zd-grid-editable-cell-content",
9212
+ scopedSlots: _vm._u(
9213
+ [
9098
9214
  {
9099
- attrs: {
9100
- column: column,
9101
- row: item,
9102
- rowKey: _vm.rowKey(item),
9103
- rowStyle: rowStyle,
9104
- cellsApplied:
9105
- cellsApplied,
9106
- getWidthStyle:
9107
- _vm.getWidthStyle,
9108
- getEditableComponent:
9109
- _vm.getEditableComponent,
9110
- hasToggleIcon:
9111
- _vm.hasToggleIcon,
9112
- isCellEditable:
9113
- _vm.isCellEditable,
9114
- isEdited: _vm.isEdited,
9115
- isValid: _vm.isValid,
9116
- getVisibleValue:
9117
- _vm.getVisibleValue,
9118
- register: _vm.register,
9119
- canEdit:
9120
- _vm.canEditRowValues[
9121
- _vm.rowKey(item)
9122
- ],
9123
- },
9124
- on: {
9125
- click: function ($event) {
9126
- _vm.cellClick(
9127
- item,
9128
- column,
9129
- $event.event,
9130
- _vm.canEditRowValues[
9131
- _vm.rowKey(item)
9132
- ] &&
9133
- Object.assign(
9134
- {},
9135
- column,
9136
- cellsApplied
9137
- ).editable,
9138
- $event.id
9139
- );
9140
- },
9141
- focus: function ($event) {
9142
- return _vm.cellFocus(
9143
- $event.component,
9144
- $event.id
9145
- )
9146
- },
9215
+ key: "default",
9216
+ fn: function (ref) {
9217
+ var visibleValue =
9218
+ ref.visibleValue;
9219
+ return [
9220
+ _c(
9221
+ "zd-tree-grid-cell-content",
9222
+ {
9223
+ directives: [
9224
+ {
9225
+ name: "show",
9226
+ rawName:
9227
+ "v-show",
9228
+ value:
9229
+ !column.loading,
9230
+ expression:
9231
+ "!column.loading",
9232
+ },
9233
+ ],
9234
+ attrs: {
9235
+ getWidthStyle:
9236
+ _vm.getWidthStyle,
9237
+ column: column,
9238
+ row: item,
9239
+ rowStyle:
9240
+ rowStyle,
9241
+ cellsApplied:
9242
+ cellsApplied,
9243
+ headerIndex:
9244
+ headerIndex,
9245
+ selectable:
9246
+ _vm.instance
9247
+ .selectable,
9248
+ hasChildOnDemand:
9249
+ _vm.hasChildOnDemand,
9250
+ toggleExpand:
9251
+ _vm.toggleExpand,
9252
+ rowIndex: index,
9253
+ hasUsingCellText: false,
9254
+ search:
9255
+ _vm.instance
9256
+ .datasource
9257
+ .search,
9258
+ visibleValue:
9259
+ visibleValue,
9260
+ expandClass:
9261
+ "zd-tree-grid-editable-expand",
9262
+ },
9263
+ on: {
9264
+ mouseenter:
9265
+ function (
9266
+ $event
9267
+ ) {
9268
+ return _vm.checkOverflow(
9269
+ $event
9270
+ )
9271
+ },
9272
+ mouseleave:
9273
+ function (
9274
+ $event
9275
+ ) {
9276
+ return _vm.removeTooltip()
9277
+ },
9278
+ },
9279
+ }
9280
+ ),
9281
+ ]
9147
9282
  },
9148
- scopedSlots: _vm._u(
9149
- [
9150
- {
9151
- key: "default",
9152
- fn: function (ref) {
9153
- var visibleValue =
9154
- ref.visibleValue;
9155
- return [
9156
- _c(
9157
- "zd-tree-grid-cell-content",
9158
- {
9159
- directives: [
9160
- {
9161
- name: "show",
9162
- rawName:
9163
- "v-show",
9164
- value:
9165
- !column.loading,
9166
- expression:
9167
- "!column.loading",
9168
- },
9169
- ],
9170
- attrs: {
9171
- getWidthStyle:
9172
- _vm.getWidthStyle,
9173
- column:
9174
- column,
9175
- row: item,
9176
- rowStyle:
9177
- rowStyle,
9178
- cellsApplied:
9179
- cellsApplied,
9180
- headerIndex:
9181
- headerIndex,
9182
- selectable:
9183
- _vm
9184
- .instance
9185
- .selectable,
9186
- hasChildOnDemand:
9187
- _vm.hasChildOnDemand,
9188
- toggleExpand:
9189
- _vm.toggleExpand,
9190
- rowIndex:
9191
- index,
9192
- hasUsingCellText: false,
9193
- search:
9194
- _vm
9195
- .instance
9196
- .datasource
9197
- .search,
9198
- visibleValue:
9199
- visibleValue,
9200
- expandClass:
9201
- "zd-tree-grid-editable-expand",
9202
- },
9203
- on: {
9204
- mouseenter:
9205
- function (
9206
- $event
9207
- ) {
9208
- return _vm.checkOverflow(
9209
- $event
9210
- )
9211
- },
9212
- mouseleave:
9213
- function (
9214
- $event
9215
- ) {
9216
- return _vm.removeTooltip()
9217
- },
9218
- },
9219
- }
9220
- ),
9221
- ]
9222
- },
9223
- },
9224
- ],
9225
- null,
9226
- true
9227
- ),
9228
- }
9229
- ),
9230
- ],
9231
- 1
9232
- ),
9283
+ },
9284
+ ],
9285
+ null,
9286
+ true
9287
+ ),
9288
+ }),
9233
9289
  ]
9234
9290
  : column.type === "action"
9235
9291
  ? [
@@ -9253,8 +9309,16 @@ var __vue_render__$2 = function () {
9253
9309
  _vm.hasChildOnDemand,
9254
9310
  selectable:
9255
9311
  _vm.instance.selectable,
9312
+ cellSelection:
9313
+ _vm.instance.cellSelection,
9256
9314
  },
9257
9315
  on: {
9316
+ focusin: function ($event) {
9317
+ return _vm.cellFocus(
9318
+ item,
9319
+ column
9320
+ )
9321
+ },
9258
9322
  click: function ($event) {
9259
9323
  return _vm.cellClick(
9260
9324
  item,
@@ -9370,7 +9434,7 @@ __vue_render__$2._withStripped = true;
9370
9434
  /* style */
9371
9435
  const __vue_inject_styles__$2 = function (inject) {
9372
9436
  if (!inject) return
9373
- inject("data-v-7a093ec2_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.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-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr 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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
9437
+ inject("data-v-341bb3c6_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
9374
9438
 
9375
9439
  };
9376
9440
  /* scoped */
@@ -9454,7 +9518,7 @@ __vue_render__$1._withStripped = true;
9454
9518
  /* style */
9455
9519
  const __vue_inject_styles__$1 = function (inject) {
9456
9520
  if (!inject) return
9457
- inject("data-v-52978667_0", { source: ".about-modal {\n flex-grow: 0;\n overflow-y: unset;\n width: auto;\n border: 3px solid var(--v-primary-base);\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n height: 100%;\n}\n.about-modal .zd-modal-card-text {\n padding: 8px !important;\n}\n.about-modal .zd-modal-container {\n display: flex;\n flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n overflow-y: auto;\n}\n.about-modal .zd-image-valid {\n width: 50%;\n align-items: center;\n}\n.about-modal #basic-user-info_version_tabs {\n height: 300px !important;\n}\n.about-modal #basic-user-info_about_image {\n text-align: center;\n}", map: undefined, media: undefined });
9521
+ inject("data-v-1a544c56_0", { source: ".about-modal {\n flex-grow: 0;\n overflow-y: unset;\n width: auto;\n border: 3px solid var(--v-primary-base);\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n height: 100%;\n}\n.about-modal .zd-modal-card-text {\n padding: 8px !important;\n}\n.about-modal .zd-modal-container {\n display: flex;\n flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n overflow-y: auto;\n}\n.about-modal .zd-image-valid {\n width: 50%;\n align-items: center;\n}\n.about-modal #basic-user-info_version_tabs {\n height: 300px !important;\n}\n.about-modal #basic-user-info_about_image {\n text-align: center;\n}", map: undefined, media: undefined });
9458
9522
 
9459
9523
  };
9460
9524
  /* scoped */
@@ -9531,14 +9595,15 @@ __vue_render__._withStripped = true;
9531
9595
  );
9532
9596
 
9533
9597
  const components = {
9534
- TekBreadcrumbHeader: __vue_component__$k,
9535
- TekCardTitle: __vue_component__$j,
9536
- TekCrudAddButton: __vue_component__$i,
9537
- TekCrudCancelButton: __vue_component__$h,
9538
- TekCrudDeleteButton: __vue_component__$g,
9539
- TekCrudForm: __vue_component__$f,
9540
- TekCrudSaveButton: __vue_component__$e,
9541
- TekGrid: __vue_component__$d,
9598
+ TekBreadcrumbHeader: __vue_component__$l,
9599
+ TekCardTitle: __vue_component__$k,
9600
+ TekCrudAddButton: __vue_component__$j,
9601
+ TekCrudCancelButton: __vue_component__$i,
9602
+ TekCrudDeleteButton: __vue_component__$h,
9603
+ TekCrudForm: __vue_component__$g,
9604
+ TekCrudSaveButton: __vue_component__$f,
9605
+ TekGrid: __vue_component__$e,
9606
+ TekGridCellIdentation: __vue_component__$d,
9542
9607
  TekDragGrid: __vue_component__$c,
9543
9608
  TekGridColumnsButton: __vue_component__$b,
9544
9609
  TekGridFilterButton: __vue_component__$a,
@@ -9575,4 +9640,4 @@ const TeknisaComponents = {
9575
9640
  const packageContent = require('../package.json');
9576
9641
  VersionService.addPackageVersion(packageContent.name, packageContent.version);
9577
9642
 
9578
- export { script$j as TekBreadcrumbHeader, script$i as TekCardTitle, script$h as TekCrudAddButton, script$g as TekCrudCancelButton, script$f as TekCrudDeleteButton, script$e as TekCrudForm, script$d as TekCrudSaveButton, script$3 as TekDragGrid, TekGrid$2 as TekGrid, script$c as TekGridColumnsButton, script$b as TekGridFilterButton, script$a as TekGridLayoutOptions, script$9 as TekImage, script$8 as TekIterableComponentRender, script$7 as TekProductCard, script$6 as TekTreeGrid, script$5 as TekUserInfo, script$4 as TekUserInfoList, TeknisaComponents as default };
9643
+ export { script$k as TekBreadcrumbHeader, script$j as TekCardTitle, script$i as TekCrudAddButton, script$h as TekCrudCancelButton, script$g as TekCrudDeleteButton, script$f as TekCrudForm, script$e as TekCrudSaveButton, script$3 as TekDragGrid, TekGrid$2 as TekGrid, script$d as TekGridCellIdentation, script$c as TekGridColumnsButton, script$b as TekGridFilterButton, script$a as TekGridLayoutOptions, script$9 as TekImage, script$8 as TekIterableComponentRender, script$7 as TekProductCard, script$6 as TekTreeGrid, script$5 as TekUserInfo, script$4 as TekUserInfoList, TeknisaComponents as default };