@zeedhi/teknisa-components-vuetify 1.43.0 → 1.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  import { Modal, ModalService, Icons } from '@zeedhi/common';
2
2
  import { Prop, Component, Watch } from 'vue-property-decorator';
3
3
  import { BreadcrumbHeader, CardTitle, CrudButton, CrudAddButton, CrudCancelButton, CrudDeleteButton, CrudForm, CrudSaveButton, TekGrid as TekGrid$2, TekRestDatasource, TekMemoryDatasource, TekGridColumn, TekGridColumnsButton as TekGridColumnsButton$1, TekGridLayoutOptions as TekGridLayoutOptions$1, TekFilterHelper, Image, IterableCarousel, IterableComponentRender, Loading, Notifications, ProductCard, TekTreeGrid } from '@zeedhi/teknisa-components-common';
4
- import { ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, ZdIterable, ZdLoading } from '@zeedhi/vuetify';
4
+ import { PropWatch, ZdComponent, ZdComponentRender, components as components$1, ZdForm, ZdGrid, ZdIterableColumnsButton, ZdIterable, ZdLoading } from '@zeedhi/vuetify';
5
5
  import { Metadata, Config, dayjs, Singleton, Utils, I18n, Loader } from '@zeedhi/core';
6
6
  import debounce from 'lodash.debounce';
7
7
  import Sortable from 'sortablejs';
@@ -43,7 +43,7 @@ let TekBreadcrumbHeader = class TekBreadcrumbHeader extends ZdComponent {
43
43
  }
44
44
  };
45
45
  __decorate([
46
- Prop({ type: String, default: '' }),
46
+ PropWatch({ type: String, default: '' }),
47
47
  __metadata("design:type", String)
48
48
  ], TekBreadcrumbHeader.prototype, "title", void 0);
49
49
  __decorate([
@@ -306,15 +306,15 @@ let TekCardTitle = class TekCardTitle extends ZdComponentRender {
306
306
  }
307
307
  };
308
308
  __decorate([
309
- Prop({ type: String, default: '' }),
309
+ PropWatch({ type: String, default: '' }),
310
310
  __metadata("design:type", String)
311
311
  ], TekCardTitle.prototype, "title", void 0);
312
312
  __decorate([
313
- Prop({ type: String, default: '' }),
313
+ PropWatch({ type: String, default: '' }),
314
314
  __metadata("design:type", String)
315
315
  ], TekCardTitle.prototype, "subtitle", void 0);
316
316
  __decorate([
317
- Prop({ type: String, default: '' }),
317
+ PropWatch({ type: String, default: '' }),
318
318
  __metadata("design:type", String)
319
319
  ], TekCardTitle.prototype, "iconName", void 0);
320
320
  __decorate([
@@ -322,11 +322,11 @@ __decorate([
322
322
  __metadata("design:type", Array)
323
323
  ], TekCardTitle.prototype, "rightSlot", void 0);
324
324
  __decorate([
325
- Prop({ type: [Boolean, String], default: true }),
325
+ PropWatch({ type: [Boolean, String], default: true }),
326
326
  __metadata("design:type", Boolean)
327
327
  ], TekCardTitle.prototype, "showDivider", void 0);
328
328
  __decorate([
329
- Prop({ type: String, default: '' }),
329
+ PropWatch({ type: String, default: '' }),
330
330
  __metadata("design:type", String)
331
331
  ], TekCardTitle.prototype, "to", void 0);
332
332
  TekCardTitle = __decorate([
@@ -516,23 +516,23 @@ let TekCrudAddButton = class TekCrudAddButton extends TekCrudButton$1 {
516
516
  }
517
517
  };
518
518
  __decorate([
519
- Prop({ type: [String, Boolean], default: true }),
519
+ PropWatch({ type: [String, Boolean], default: true }),
520
520
  __metadata("design:type", Object)
521
521
  ], TekCrudAddButton.prototype, "flat", void 0);
522
522
  __decorate([
523
- Prop({ type: [String, Boolean], default: true }),
523
+ PropWatch({ type: [String, Boolean], default: true }),
524
524
  __metadata("design:type", Object)
525
525
  ], TekCrudAddButton.prototype, "icon", void 0);
526
526
  __decorate([
527
- Prop({ type: String, default: 'plus' }),
527
+ PropWatch({ type: String, default: 'plus' }),
528
528
  __metadata("design:type", String)
529
529
  ], TekCrudAddButton.prototype, "iconName", void 0);
530
530
  __decorate([
531
- Prop({ type: String, default: '#666' }),
531
+ PropWatch({ type: String, default: '#666' }),
532
532
  __metadata("design:type", String)
533
533
  ], TekCrudAddButton.prototype, "color", void 0);
534
534
  __decorate([
535
- Prop({ type: String, default: 'f2' }),
535
+ PropWatch({ type: String, default: 'f2' }),
536
536
  __metadata("design:type", String)
537
537
  ], TekCrudAddButton.prototype, "clickShortcutKey", void 0);
538
538
  TekCrudAddButton = __decorate([
@@ -651,15 +651,15 @@ let TekCrudCancelButton = class TekCrudCancelButton extends TekCrudButton$1 {
651
651
  }
652
652
  };
653
653
  __decorate([
654
- Prop({ type: String, default: 'CANCEL' }),
654
+ PropWatch({ type: String, default: 'CANCEL' }),
655
655
  __metadata("design:type", String)
656
656
  ], TekCrudCancelButton.prototype, "label", void 0);
657
657
  __decorate([
658
- Prop({ type: [String, Boolean], default: true }),
658
+ PropWatch({ type: [String, Boolean], default: true }),
659
659
  __metadata("design:type", Object)
660
660
  ], TekCrudCancelButton.prototype, "outline", void 0);
661
661
  __decorate([
662
- Prop({ type: String, default: 'esc' }),
662
+ PropWatch({ type: String, default: 'esc' }),
663
663
  __metadata("design:type", String)
664
664
  ], TekCrudCancelButton.prototype, "clickShortcutKey", void 0);
665
665
  TekCrudCancelButton = __decorate([
@@ -778,23 +778,23 @@ let TekCrudDeleteButton = class TekCrudDeleteButton extends TekCrudButton$1 {
778
778
  }
779
779
  };
780
780
  __decorate([
781
- Prop({ type: [String, Boolean], default: true }),
781
+ PropWatch({ type: [String, Boolean], default: true }),
782
782
  __metadata("design:type", Object)
783
783
  ], TekCrudDeleteButton.prototype, "flat", void 0);
784
784
  __decorate([
785
- Prop({ type: [String, Boolean], default: true }),
785
+ PropWatch({ type: [String, Boolean], default: true }),
786
786
  __metadata("design:type", Object)
787
787
  ], TekCrudDeleteButton.prototype, "icon", void 0);
788
788
  __decorate([
789
- Prop({ type: String, default: 'trashCanOutline' }),
789
+ PropWatch({ type: String, default: 'trashCanOutline' }),
790
790
  __metadata("design:type", String)
791
791
  ], TekCrudDeleteButton.prototype, "iconName", void 0);
792
792
  __decorate([
793
- Prop({ type: String, default: '#666' }),
793
+ PropWatch({ type: String, default: '#666' }),
794
794
  __metadata("design:type", String)
795
795
  ], TekCrudDeleteButton.prototype, "color", void 0);
796
796
  __decorate([
797
- Prop({ type: String, default: 'ctrl+d' }),
797
+ PropWatch({ type: String, default: 'ctrl+d' }),
798
798
  __metadata("design:type", String)
799
799
  ], TekCrudDeleteButton.prototype, "clickShortcutKey", void 0);
800
800
  TekCrudDeleteButton = __decorate([
@@ -1039,11 +1039,11 @@ let TekCrudSaveButton = class TekCrudSaveButton extends TekCrudButton$1 {
1039
1039
  }
1040
1040
  };
1041
1041
  __decorate([
1042
- Prop({ type: String, default: 'SAVE' }),
1042
+ PropWatch({ type: String, default: 'SAVE' }),
1043
1043
  __metadata("design:type", String)
1044
1044
  ], TekCrudSaveButton.prototype, "label", void 0);
1045
1045
  __decorate([
1046
- Prop({ type: String, default: 'ctrl+enter' }),
1046
+ PropWatch({ type: String, default: 'ctrl+enter' }),
1047
1047
  __metadata("design:type", String)
1048
1048
  ], TekCrudSaveButton.prototype, "clickShortcutKey", void 0);
1049
1049
  TekCrudSaveButton = __decorate([
@@ -1547,19 +1547,19 @@ let TekGrid$1 = class TekGrid extends ZdGridEditable {
1547
1547
  }
1548
1548
  };
1549
1549
  __decorate([
1550
- Prop({ type: [String], default: '' }),
1550
+ PropWatch({ type: [String], default: '' }),
1551
1551
  __metadata("design:type", String)
1552
1552
  ], TekGrid$1.prototype, "title", void 0);
1553
1553
  __decorate([
1554
- Prop({ type: [Boolean, String], default: false }),
1554
+ PropWatch({ type: [Boolean, String], default: false }),
1555
1555
  __metadata("design:type", Object)
1556
1556
  ], TekGrid$1.prototype, "addButton", void 0);
1557
1557
  __decorate([
1558
- Prop({ type: [String], default: 'none' }),
1558
+ PropWatch({ type: [String], default: 'none' }),
1559
1559
  __metadata("design:type", String)
1560
1560
  ], TekGrid$1.prototype, "deleteButton", void 0);
1561
1561
  __decorate([
1562
- Prop({ type: [Boolean, String], default: false }),
1562
+ PropWatch({ type: [Boolean, String], default: false }),
1563
1563
  __metadata("design:type", Object)
1564
1564
  ], TekGrid$1.prototype, "columnsButton", void 0);
1565
1565
  __decorate([
@@ -1567,11 +1567,15 @@ __decorate([
1567
1567
  __metadata("design:type", Object)
1568
1568
  ], TekGrid$1.prototype, "columnsButtonIgnore", void 0);
1569
1569
  __decorate([
1570
- Prop({ type: [Boolean, String], default: false }),
1570
+ PropWatch({ type: [Boolean, String], default: false }),
1571
1571
  __metadata("design:type", Object)
1572
1572
  ], TekGrid$1.prototype, "filterButton", void 0);
1573
1573
  __decorate([
1574
- Prop({ type: [Boolean, String], default: false }),
1574
+ PropWatch({ type: [Boolean, String], default: true }),
1575
+ __metadata("design:type", Object)
1576
+ ], TekGrid$1.prototype, "showSearch", void 0);
1577
+ __decorate([
1578
+ PropWatch({ type: [Boolean, String], default: false }),
1575
1579
  __metadata("design:type", Object)
1576
1580
  ], TekGrid$1.prototype, "columnFilterButton", void 0);
1577
1581
  __decorate([
@@ -1579,27 +1583,27 @@ __decorate([
1579
1583
  __metadata("design:type", Array)
1580
1584
  ], TekGrid$1.prototype, "actions", void 0);
1581
1585
  __decorate([
1582
- Prop({ type: [String, Boolean], default: true }),
1586
+ PropWatch({ type: [String, Boolean], default: true }),
1583
1587
  __metadata("design:type", Object)
1584
1588
  ], TekGrid$1.prototype, "dragColumns", void 0);
1585
1589
  __decorate([
1586
- Prop({ type: [String, Boolean], default: true }),
1590
+ PropWatch({ type: [String, Boolean], default: true }),
1587
1591
  __metadata("design:type", Object)
1588
1592
  ], TekGrid$1.prototype, "resizeColumns", void 0);
1589
1593
  __decorate([
1590
- Prop({ type: [String, Boolean], default: true }),
1594
+ PropWatch({ type: [String, Boolean], default: true }),
1591
1595
  __metadata("design:type", Object)
1592
1596
  ], TekGrid$1.prototype, "showLayoutOptions", void 0);
1593
1597
  __decorate([
1594
- Prop({ type: [String, Boolean], default: false }),
1598
+ PropWatch({ type: [String, Boolean], default: false }),
1595
1599
  __metadata("design:type", Object)
1596
1600
  ], TekGrid$1.prototype, "showExport", void 0);
1597
1601
  __decorate([
1598
- Prop({ type: [String, Boolean], default: true }),
1602
+ PropWatch({ type: [String, Boolean], default: true }),
1599
1603
  __metadata("design:type", Object)
1600
1604
  ], TekGrid$1.prototype, "showReload", void 0);
1601
1605
  __decorate([
1602
- Prop({ type: [String, Array] }),
1606
+ PropWatch({ type: [String, Array] }),
1603
1607
  __metadata("design:type", Array)
1604
1608
  ], TekGrid$1.prototype, "exportConfig", void 0);
1605
1609
  __decorate([
@@ -1607,11 +1611,11 @@ __decorate([
1607
1611
  __metadata("design:type", Array)
1608
1612
  ], TekGrid$1.prototype, "exportActions", void 0);
1609
1613
  __decorate([
1610
- Prop({ type: [String, Boolean], default: false }),
1614
+ PropWatch({ type: [String, Boolean], default: false }),
1611
1615
  __metadata("design:type", Object)
1612
1616
  ], TekGrid$1.prototype, "groupsOpened", void 0);
1613
1617
  __decorate([
1614
- Prop({ type: [String, Boolean], default: true }),
1618
+ PropWatch({ type: [String, Boolean], default: true }),
1615
1619
  __metadata("design:type", Object)
1616
1620
  ], TekGrid$1.prototype, "showSummaryTotal", void 0);
1617
1621
  __decorate([
@@ -1649,6 +1653,7 @@ var __vue_render__$9 = function () {
1649
1653
  "tek-grid",
1650
1654
  _vm.instance.cssClass,
1651
1655
  { "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
1656
+ { "zd-grid-loading": _vm.instance.datasource.loading },
1652
1657
  ],
1653
1658
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
1654
1659
  attrs: {
@@ -1671,6 +1676,9 @@ var __vue_render__$9 = function () {
1671
1676
  "disable-sort": "",
1672
1677
  "disable-filtering": "",
1673
1678
  tabindex: "0",
1679
+ "loading-text": _vm.$t(_vm.instance.loadingText),
1680
+ "no-data-text": _vm.$t(_vm.instance.noDataText),
1681
+ "no-results-text": _vm.$t(_vm.instance.noResultText),
1674
1682
  },
1675
1683
  on: {
1676
1684
  "current-items": function ($event) {
@@ -1988,11 +1996,9 @@ var __vue_render__$9 = function () {
1988
1996
  },
1989
1997
  [
1990
1998
  _vm._v(
1991
- "\n " +
1992
- _vm._s(
1993
- _vm.$t(column.label)
1994
- ) +
1995
- "\n "
1999
+ _vm._s(
2000
+ _vm.$t(column.label)
2001
+ )
1996
2002
  ),
1997
2003
  column.aggregation
1998
2004
  ? _c(
@@ -3017,14 +3023,12 @@ var __vue_render__$9 = function () {
3017
3023
  },
3018
3024
  [
3019
3025
  _vm._v(
3020
- "\n " +
3021
- _vm._s(
3022
- column.formatterByRow(
3023
- item,
3024
- cellProps
3025
- )
3026
- ) +
3027
- "\n "
3026
+ _vm._s(
3027
+ column.formatterByRow(
3028
+ item,
3029
+ cellProps
3030
+ )
3031
+ )
3028
3032
  ),
3029
3033
  ]
3030
3034
  ),
@@ -3218,7 +3222,7 @@ __vue_render__$9._withStripped = true;
3218
3222
  /* style */
3219
3223
  const __vue_inject_styles__$9 = function (inject) {
3220
3224
  if (!inject) return
3221
- inject("data-v-6718d0bc_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 10px;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3225
+ inject("data-v-ecdd6462_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 10px;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3222
3226
 
3223
3227
  };
3224
3228
  /* scoped */
@@ -4196,7 +4200,7 @@ let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsB
4196
4200
  }
4197
4201
  };
4198
4202
  __decorate([
4199
- Prop({ type: [Boolean, String], default: false }),
4203
+ PropWatch({ type: [Boolean, String], default: false }),
4200
4204
  __metadata("design:type", Object)
4201
4205
  ], TekGridColumnsButton.prototype, "hideGroups", void 0);
4202
4206
  __decorate([
@@ -4339,11 +4343,10 @@ var __vue_render__$8 = function () {
4339
4343
  _vm.instance.name +
4340
4344
  "_column_visible_" +
4341
4345
  column.name,
4342
- value: column.isVisible,
4343
- disabled: column.grouped,
4346
+ value: column.grouped || column.isVisible,
4344
4347
  events: {
4345
4348
  change:
4346
- _vm.instance.controller.showHideColumn.bind(
4349
+ _vm.instance.controller.showHideTekColumn.bind(
4347
4350
  _vm.instance.controller,
4348
4351
  column
4349
4352
  ),
@@ -4404,7 +4407,8 @@ var __vue_render__$8 = function () {
4404
4407
  "zd-select",
4405
4408
  {
4406
4409
  value: column.aggregation,
4407
- disabled: column.grouped,
4410
+ disabled:
4411
+ column.grouped || !column.isVisible,
4408
4412
  events: {
4409
4413
  change:
4410
4414
  _vm.instance.controller.changeAggregationColumn.bind(
@@ -4482,7 +4486,7 @@ __vue_render__$8._withStripped = true;
4482
4486
  /* style */
4483
4487
  const __vue_inject_styles__$8 = function (inject) {
4484
4488
  if (!inject) return
4485
- inject("data-v-8459d5b8_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
4489
+ inject("data-v-1cfc4ef2_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 });
4486
4490
 
4487
4491
  };
4488
4492
  /* scoped */
@@ -4535,6 +4539,7 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4535
4539
  return {};
4536
4540
  }
4537
4541
  applyLayout(layout) {
4542
+ let groupParamsChanged = false;
4538
4543
  const tableElement = this.getParentTable();
4539
4544
  if (!tableElement)
4540
4545
  return;
@@ -4587,6 +4592,10 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4587
4592
  }
4588
4593
  grid.columns = this.instance.originalColumnProps.map((column) => {
4589
4594
  const col = gridColumns[column.name];
4595
+ groupParamsChanged = groupParamsChanged
4596
+ || col.grouped !== column.grouped
4597
+ || col.groupOpened !== column.groupOpened
4598
+ || col.aggregation !== column.aggregation;
4590
4599
  col.isVisible = column.isVisible;
4591
4600
  col.label = column.label;
4592
4601
  col.align = column.align;
@@ -4605,9 +4614,10 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
4605
4614
  item.style.width = 'unset';
4606
4615
  });
4607
4616
  }
4608
- if (JSON.stringify(grid.datasource.order) !== oldOrder
4617
+ if ((JSON.stringify(grid.datasource.order) !== oldOrder
4609
4618
  || JSON.stringify(grid.datasource.filter) !== oldFilter
4610
- || JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter) {
4619
+ || JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter)
4620
+ && !groupParamsChanged) { // Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
4611
4621
  grid.datasource.get();
4612
4622
  }
4613
4623
  this.$refs.layoutMenu.isActive = false;
@@ -4754,6 +4764,14 @@ var __vue_render__$7 = function () {
4754
4764
  _c(
4755
4765
  "v-badge",
4756
4766
  {
4767
+ directives: [
4768
+ {
4769
+ name: "show",
4770
+ rawName: "v-show",
4771
+ value: _vm.instance.isVisible,
4772
+ expression: "instance.isVisible",
4773
+ },
4774
+ ],
4757
4775
  staticClass:
4758
4776
  "tek-grid-layout-options-badge",
4759
4777
  attrs: {
@@ -4766,6 +4784,14 @@ var __vue_render__$7 = function () {
4766
4784
  },
4767
4785
  [
4768
4786
  _c("zd-button", {
4787
+ directives: [
4788
+ {
4789
+ name: "show",
4790
+ rawName: "v-show",
4791
+ value: _vm.instance.isVisible,
4792
+ expression: "instance.isVisible",
4793
+ },
4794
+ ],
4769
4795
  attrs: {
4770
4796
  name: _vm.instance.name + "_button",
4771
4797
  "icon-name": "layout",
@@ -4958,7 +4984,7 @@ __vue_render__$7._withStripped = true;
4958
4984
  /* style */
4959
4985
  const __vue_inject_styles__$7 = function (inject) {
4960
4986
  if (!inject) return
4961
- inject("data-v-b7689878_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n display: none;\n position: absolute;\n right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 12px;\n}", map: undefined, media: undefined });
4987
+ inject("data-v-162a7d24_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 });
4962
4988
 
4963
4989
  };
4964
4990
  /* scoped */
@@ -4996,11 +5022,11 @@ let TekImage = class TekImage extends ZdComponent {
4996
5022
  }
4997
5023
  };
4998
5024
  __decorate([
4999
- Prop({ type: String, default: '' }),
5025
+ PropWatch({ type: String, default: '' }),
5000
5026
  __metadata("design:type", String)
5001
5027
  ], TekImage.prototype, "to", void 0);
5002
5028
  __decorate([
5003
- Prop({ type: String, default: '' }),
5029
+ PropWatch({ type: String, default: '' }),
5004
5030
  __metadata("design:type", String)
5005
5031
  ], TekImage.prototype, "src", void 0);
5006
5032
  TekImage = __decorate([
@@ -5207,7 +5233,7 @@ __decorate([
5207
5233
  __metadata("design:type", Object)
5208
5234
  ], TekIterableComponentRender.prototype, "componentMetadata", void 0);
5209
5235
  __decorate([
5210
- Prop({ type: String, default: 'row' }),
5236
+ PropWatch({ type: String, default: 'row' }),
5211
5237
  __metadata("design:type", String)
5212
5238
  ], TekIterableComponentRender.prototype, "rowPropName", void 0);
5213
5239
  __decorate([
@@ -5243,15 +5269,15 @@ __decorate([
5243
5269
  __metadata("design:type", Array)
5244
5270
  ], TekIterableComponentRender.prototype, "noResultSlot", void 0);
5245
5271
  __decorate([
5246
- Prop({ type: [Number, String], default: 'auto' }),
5272
+ PropWatch({ type: [Number, String], default: 'auto' }),
5247
5273
  __metadata("design:type", Object)
5248
5274
  ], TekIterableComponentRender.prototype, "height", void 0);
5249
5275
  __decorate([
5250
- Prop({ type: [Number, String], default: 'none' }),
5276
+ PropWatch({ type: [Number, String], default: 'none' }),
5251
5277
  __metadata("design:type", Object)
5252
5278
  ], TekIterableComponentRender.prototype, "maxHeight", void 0);
5253
5279
  __decorate([
5254
- Prop({ type: [Number, String], default: 'none' }),
5280
+ PropWatch({ type: [Number, String], default: 'none' }),
5255
5281
  __metadata("design:type", Object)
5256
5282
  ], TekIterableComponentRender.prototype, "minHeight", void 0);
5257
5283
  TekIterableComponentRender = __decorate([
@@ -5490,15 +5516,15 @@ let TekLoading = class TekLoading extends ZdLoading {
5490
5516
  }
5491
5517
  };
5492
5518
  __decorate([
5493
- Prop({ type: String, default: '' }),
5519
+ PropWatch({ type: String, default: '' }),
5494
5520
  __metadata("design:type", String)
5495
5521
  ], TekLoading.prototype, "text", void 0);
5496
5522
  __decorate([
5497
- Prop({ type: String, default: loading }),
5523
+ PropWatch({ type: String, default: loading }),
5498
5524
  __metadata("design:type", String)
5499
5525
  ], TekLoading.prototype, "image", void 0);
5500
5526
  __decorate([
5501
- Prop({ type: [Number, String], default: 999 }),
5527
+ PropWatch({ type: [Number, String], default: 999 }),
5502
5528
  __metadata("design:type", Object)
5503
5529
  ], TekLoading.prototype, "zdIndex", void 0);
5504
5530
  TekLoading = __decorate([
@@ -5582,7 +5608,7 @@ let TekNotifications = class TekNotifications extends ZdIterable {
5582
5608
  }
5583
5609
  };
5584
5610
  __decorate([
5585
- Prop({ type: String, default: '' }),
5611
+ PropWatch({ type: String, default: '' }),
5586
5612
  __metadata("design:type", String)
5587
5613
  ], TekNotifications.prototype, "allNotificationsPath", void 0);
5588
5614
  TekNotifications = __decorate([
@@ -5722,55 +5748,55 @@ let TekProductCard = class TekProductCard extends ZdComponentRender {
5722
5748
  }
5723
5749
  };
5724
5750
  __decorate([
5725
- Prop({ type: String, default: '' }),
5751
+ PropWatch({ type: String, default: '' }),
5726
5752
  __metadata("design:type", String)
5727
5753
  ], TekProductCard.prototype, "id", void 0);
5728
5754
  __decorate([
5729
- Prop({ type: String, default: '' }),
5755
+ PropWatch({ type: String, default: '' }),
5730
5756
  __metadata("design:type", String)
5731
5757
  ], TekProductCard.prototype, "to", void 0);
5732
5758
  __decorate([
5733
- Prop({ type: String, default: '' }),
5759
+ PropWatch({ type: String, default: '' }),
5734
5760
  __metadata("design:type", String)
5735
5761
  ], TekProductCard.prototype, "src", void 0);
5736
5762
  __decorate([
5737
- Prop({ type: String, default: '' }),
5763
+ PropWatch({ type: String, default: '' }),
5738
5764
  __metadata("design:type", String)
5739
5765
  ], TekProductCard.prototype, "errorImagePath", void 0);
5740
5766
  __decorate([
5741
- Prop({ type: String, default: 'UNAVAILABLE_IMAGE' }),
5767
+ PropWatch({ type: String, default: 'UNAVAILABLE_IMAGE' }),
5742
5768
  __metadata("design:type", String)
5743
5769
  ], TekProductCard.prototype, "errorImageText", void 0);
5744
5770
  __decorate([
5745
- Prop({ type: String, default: '' }),
5771
+ PropWatch({ type: String, default: '' }),
5746
5772
  __metadata("design:type", String)
5747
5773
  ], TekProductCard.prototype, "productName", void 0);
5748
5774
  __decorate([
5749
- Prop({ type: String }),
5775
+ PropWatch({ type: String }),
5750
5776
  __metadata("design:type", String)
5751
5777
  ], TekProductCard.prototype, "productSupplier", void 0);
5752
5778
  __decorate([
5753
- Prop({ type: String }),
5779
+ PropWatch({ type: String }),
5754
5780
  __metadata("design:type", String)
5755
5781
  ], TekProductCard.prototype, "productBrand", void 0);
5756
5782
  __decorate([
5757
- Prop({ type: [String, Number] }),
5783
+ PropWatch({ type: [String, Number] }),
5758
5784
  __metadata("design:type", Object)
5759
5785
  ], TekProductCard.prototype, "productPrice", void 0);
5760
5786
  __decorate([
5761
- Prop({ type: String, default: '' }),
5787
+ PropWatch({ type: String, default: '' }),
5762
5788
  __metadata("design:type", String)
5763
5789
  ], TekProductCard.prototype, "width", void 0);
5764
5790
  __decorate([
5765
- Prop({ type: [Number, String], default: 'auto' }),
5791
+ PropWatch({ type: [Number, String], default: 'auto' }),
5766
5792
  __metadata("design:type", Object)
5767
5793
  ], TekProductCard.prototype, "height", void 0);
5768
5794
  __decorate([
5769
- Prop({ type: [Number, String], default: 'none' }),
5795
+ PropWatch({ type: [Number, String], default: 'none' }),
5770
5796
  __metadata("design:type", Object)
5771
5797
  ], TekProductCard.prototype, "maxHeight", void 0);
5772
5798
  __decorate([
5773
- Prop({ type: [Number, String], default: 'none' }),
5799
+ PropWatch({ type: [Number, String], default: 'none' }),
5774
5800
  __metadata("design:type", Object)
5775
5801
  ], TekProductCard.prototype, "minHeight", void 0);
5776
5802
  TekProductCard = __decorate([
@@ -6264,19 +6290,19 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
6264
6290
  }
6265
6291
  };
6266
6292
  __decorate([
6267
- Prop({ type: [String], default: '' }),
6293
+ PropWatch({ type: [String], default: '' }),
6268
6294
  __metadata("design:type", String)
6269
6295
  ], TekGrid.prototype, "title", void 0);
6270
6296
  __decorate([
6271
- Prop({ type: [Boolean, String], default: false }),
6297
+ PropWatch({ type: [Boolean, String], default: false }),
6272
6298
  __metadata("design:type", Object)
6273
6299
  ], TekGrid.prototype, "addButton", void 0);
6274
6300
  __decorate([
6275
- Prop({ type: [String], default: 'none' }),
6301
+ PropWatch({ type: [String], default: 'none' }),
6276
6302
  __metadata("design:type", String)
6277
6303
  ], TekGrid.prototype, "deleteButton", void 0);
6278
6304
  __decorate([
6279
- Prop({ type: [Boolean, String], default: false }),
6305
+ PropWatch({ type: [Boolean, String], default: false }),
6280
6306
  __metadata("design:type", Object)
6281
6307
  ], TekGrid.prototype, "columnsButton", void 0);
6282
6308
  __decorate([
@@ -6284,11 +6310,15 @@ __decorate([
6284
6310
  __metadata("design:type", Object)
6285
6311
  ], TekGrid.prototype, "columnsButtonIgnore", void 0);
6286
6312
  __decorate([
6287
- Prop({ type: [Boolean, String], default: false }),
6313
+ PropWatch({ type: [Boolean, String], default: false }),
6288
6314
  __metadata("design:type", Object)
6289
6315
  ], TekGrid.prototype, "filterButton", void 0);
6290
6316
  __decorate([
6291
- Prop({ type: [Boolean, String], default: false }),
6317
+ PropWatch({ type: [Boolean, String], default: true }),
6318
+ __metadata("design:type", Object)
6319
+ ], TekGrid.prototype, "showSearch", void 0);
6320
+ __decorate([
6321
+ PropWatch({ type: [Boolean, String], default: false }),
6292
6322
  __metadata("design:type", Object)
6293
6323
  ], TekGrid.prototype, "columnFilterButton", void 0);
6294
6324
  __decorate([
@@ -6296,23 +6326,23 @@ __decorate([
6296
6326
  __metadata("design:type", Array)
6297
6327
  ], TekGrid.prototype, "actions", void 0);
6298
6328
  __decorate([
6299
- Prop({ type: [String, Boolean], default: true }),
6329
+ PropWatch({ type: [String, Boolean], default: true }),
6300
6330
  __metadata("design:type", Object)
6301
6331
  ], TekGrid.prototype, "dragColumns", void 0);
6302
6332
  __decorate([
6303
- Prop({ type: [String, Boolean], default: true }),
6333
+ PropWatch({ type: [String, Boolean], default: true }),
6304
6334
  __metadata("design:type", Object)
6305
6335
  ], TekGrid.prototype, "resizeColumns", void 0);
6306
6336
  __decorate([
6307
- Prop({ type: [String, Boolean], default: true }),
6337
+ PropWatch({ type: [String, Boolean], default: true }),
6308
6338
  __metadata("design:type", Object)
6309
6339
  ], TekGrid.prototype, "showLayoutOptions", void 0);
6310
6340
  __decorate([
6311
- Prop({ type: [String, Boolean], default: false }),
6341
+ PropWatch({ type: [String, Boolean], default: false }),
6312
6342
  __metadata("design:type", Object)
6313
6343
  ], TekGrid.prototype, "showExport", void 0);
6314
6344
  __decorate([
6315
- Prop({ type: [String, Boolean], default: true }),
6345
+ PropWatch({ type: [String, Boolean], default: true }),
6316
6346
  __metadata("design:type", Object)
6317
6347
  ], TekGrid.prototype, "showReload", void 0);
6318
6348
  __decorate([
@@ -6360,6 +6390,7 @@ var __vue_render__ = function () {
6360
6390
  "tek-tree-grid",
6361
6391
  _vm.instance.cssClass,
6362
6392
  { "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
6393
+ { "zd-grid-loading": _vm.instance.datasource.loading },
6363
6394
  ],
6364
6395
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
6365
6396
  attrs: {
@@ -6381,6 +6412,9 @@ var __vue_render__ = function () {
6381
6412
  "disable-sort": "",
6382
6413
  "disable-filtering": "",
6383
6414
  tabindex: "0",
6415
+ "loading-text": _vm.$t(_vm.instance.loadingText),
6416
+ "no-data-text": _vm.$t(_vm.instance.noDataText),
6417
+ "no-results-text": _vm.$t(_vm.instance.noResultText),
6384
6418
  },
6385
6419
  on: {
6386
6420
  "current-items": function ($event) {
@@ -7456,7 +7490,6 @@ var __vue_render__ = function () {
7456
7490
  ],
7457
7491
  1
7458
7492
  ),
7459
- _vm._v(" "),
7460
7493
  _c("span", {
7461
7494
  key: item.tree__searched
7462
7495
  ? "a"
@@ -7649,7 +7682,7 @@ __vue_render__._withStripped = true;
7649
7682
  /* style */
7650
7683
  const __vue_inject_styles__ = function (inject) {
7651
7684
  if (!inject) return
7652
- inject("data-v-097f1242_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 10px;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
7685
+ inject("data-v-0e6a2a50_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 10px;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
7653
7686
 
7654
7687
  };
7655
7688
  /* scoped */