@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.
@@ -46,7 +46,7 @@
46
46
  }
47
47
  };
48
48
  __decorate([
49
- vuePropertyDecorator.Prop({ type: String, default: '' }),
49
+ vuetify.PropWatch({ type: String, default: '' }),
50
50
  __metadata("design:type", String)
51
51
  ], TekBreadcrumbHeader.prototype, "title", void 0);
52
52
  __decorate([
@@ -309,15 +309,15 @@
309
309
  }
310
310
  };
311
311
  __decorate([
312
- vuePropertyDecorator.Prop({ type: String, default: '' }),
312
+ vuetify.PropWatch({ type: String, default: '' }),
313
313
  __metadata("design:type", String)
314
314
  ], TekCardTitle.prototype, "title", void 0);
315
315
  __decorate([
316
- vuePropertyDecorator.Prop({ type: String, default: '' }),
316
+ vuetify.PropWatch({ type: String, default: '' }),
317
317
  __metadata("design:type", String)
318
318
  ], TekCardTitle.prototype, "subtitle", void 0);
319
319
  __decorate([
320
- vuePropertyDecorator.Prop({ type: String, default: '' }),
320
+ vuetify.PropWatch({ type: String, default: '' }),
321
321
  __metadata("design:type", String)
322
322
  ], TekCardTitle.prototype, "iconName", void 0);
323
323
  __decorate([
@@ -325,11 +325,11 @@
325
325
  __metadata("design:type", Array)
326
326
  ], TekCardTitle.prototype, "rightSlot", void 0);
327
327
  __decorate([
328
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: true }),
328
+ vuetify.PropWatch({ type: [Boolean, String], default: true }),
329
329
  __metadata("design:type", Boolean)
330
330
  ], TekCardTitle.prototype, "showDivider", void 0);
331
331
  __decorate([
332
- vuePropertyDecorator.Prop({ type: String, default: '' }),
332
+ vuetify.PropWatch({ type: String, default: '' }),
333
333
  __metadata("design:type", String)
334
334
  ], TekCardTitle.prototype, "to", void 0);
335
335
  TekCardTitle = __decorate([
@@ -519,23 +519,23 @@
519
519
  }
520
520
  };
521
521
  __decorate([
522
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
522
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
523
523
  __metadata("design:type", Object)
524
524
  ], TekCrudAddButton.prototype, "flat", void 0);
525
525
  __decorate([
526
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
526
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
527
527
  __metadata("design:type", Object)
528
528
  ], TekCrudAddButton.prototype, "icon", void 0);
529
529
  __decorate([
530
- vuePropertyDecorator.Prop({ type: String, default: 'plus' }),
530
+ vuetify.PropWatch({ type: String, default: 'plus' }),
531
531
  __metadata("design:type", String)
532
532
  ], TekCrudAddButton.prototype, "iconName", void 0);
533
533
  __decorate([
534
- vuePropertyDecorator.Prop({ type: String, default: '#666' }),
534
+ vuetify.PropWatch({ type: String, default: '#666' }),
535
535
  __metadata("design:type", String)
536
536
  ], TekCrudAddButton.prototype, "color", void 0);
537
537
  __decorate([
538
- vuePropertyDecorator.Prop({ type: String, default: 'f2' }),
538
+ vuetify.PropWatch({ type: String, default: 'f2' }),
539
539
  __metadata("design:type", String)
540
540
  ], TekCrudAddButton.prototype, "clickShortcutKey", void 0);
541
541
  TekCrudAddButton = __decorate([
@@ -654,15 +654,15 @@
654
654
  }
655
655
  };
656
656
  __decorate([
657
- vuePropertyDecorator.Prop({ type: String, default: 'CANCEL' }),
657
+ vuetify.PropWatch({ type: String, default: 'CANCEL' }),
658
658
  __metadata("design:type", String)
659
659
  ], TekCrudCancelButton.prototype, "label", void 0);
660
660
  __decorate([
661
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
661
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
662
662
  __metadata("design:type", Object)
663
663
  ], TekCrudCancelButton.prototype, "outline", void 0);
664
664
  __decorate([
665
- vuePropertyDecorator.Prop({ type: String, default: 'esc' }),
665
+ vuetify.PropWatch({ type: String, default: 'esc' }),
666
666
  __metadata("design:type", String)
667
667
  ], TekCrudCancelButton.prototype, "clickShortcutKey", void 0);
668
668
  TekCrudCancelButton = __decorate([
@@ -781,23 +781,23 @@
781
781
  }
782
782
  };
783
783
  __decorate([
784
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
784
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
785
785
  __metadata("design:type", Object)
786
786
  ], TekCrudDeleteButton.prototype, "flat", void 0);
787
787
  __decorate([
788
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
788
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
789
789
  __metadata("design:type", Object)
790
790
  ], TekCrudDeleteButton.prototype, "icon", void 0);
791
791
  __decorate([
792
- vuePropertyDecorator.Prop({ type: String, default: 'trashCanOutline' }),
792
+ vuetify.PropWatch({ type: String, default: 'trashCanOutline' }),
793
793
  __metadata("design:type", String)
794
794
  ], TekCrudDeleteButton.prototype, "iconName", void 0);
795
795
  __decorate([
796
- vuePropertyDecorator.Prop({ type: String, default: '#666' }),
796
+ vuetify.PropWatch({ type: String, default: '#666' }),
797
797
  __metadata("design:type", String)
798
798
  ], TekCrudDeleteButton.prototype, "color", void 0);
799
799
  __decorate([
800
- vuePropertyDecorator.Prop({ type: String, default: 'ctrl+d' }),
800
+ vuetify.PropWatch({ type: String, default: 'ctrl+d' }),
801
801
  __metadata("design:type", String)
802
802
  ], TekCrudDeleteButton.prototype, "clickShortcutKey", void 0);
803
803
  TekCrudDeleteButton = __decorate([
@@ -1042,11 +1042,11 @@
1042
1042
  }
1043
1043
  };
1044
1044
  __decorate([
1045
- vuePropertyDecorator.Prop({ type: String, default: 'SAVE' }),
1045
+ vuetify.PropWatch({ type: String, default: 'SAVE' }),
1046
1046
  __metadata("design:type", String)
1047
1047
  ], TekCrudSaveButton.prototype, "label", void 0);
1048
1048
  __decorate([
1049
- vuePropertyDecorator.Prop({ type: String, default: 'ctrl+enter' }),
1049
+ vuetify.PropWatch({ type: String, default: 'ctrl+enter' }),
1050
1050
  __metadata("design:type", String)
1051
1051
  ], TekCrudSaveButton.prototype, "clickShortcutKey", void 0);
1052
1052
  TekCrudSaveButton = __decorate([
@@ -1550,19 +1550,19 @@
1550
1550
  }
1551
1551
  };
1552
1552
  __decorate([
1553
- vuePropertyDecorator.Prop({ type: [String], default: '' }),
1553
+ vuetify.PropWatch({ type: [String], default: '' }),
1554
1554
  __metadata("design:type", String)
1555
1555
  ], TekGrid$1.prototype, "title", void 0);
1556
1556
  __decorate([
1557
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
1557
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
1558
1558
  __metadata("design:type", Object)
1559
1559
  ], TekGrid$1.prototype, "addButton", void 0);
1560
1560
  __decorate([
1561
- vuePropertyDecorator.Prop({ type: [String], default: 'none' }),
1561
+ vuetify.PropWatch({ type: [String], default: 'none' }),
1562
1562
  __metadata("design:type", String)
1563
1563
  ], TekGrid$1.prototype, "deleteButton", void 0);
1564
1564
  __decorate([
1565
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
1565
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
1566
1566
  __metadata("design:type", Object)
1567
1567
  ], TekGrid$1.prototype, "columnsButton", void 0);
1568
1568
  __decorate([
@@ -1570,11 +1570,15 @@
1570
1570
  __metadata("design:type", Object)
1571
1571
  ], TekGrid$1.prototype, "columnsButtonIgnore", void 0);
1572
1572
  __decorate([
1573
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
1573
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
1574
1574
  __metadata("design:type", Object)
1575
1575
  ], TekGrid$1.prototype, "filterButton", void 0);
1576
1576
  __decorate([
1577
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
1577
+ vuetify.PropWatch({ type: [Boolean, String], default: true }),
1578
+ __metadata("design:type", Object)
1579
+ ], TekGrid$1.prototype, "showSearch", void 0);
1580
+ __decorate([
1581
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
1578
1582
  __metadata("design:type", Object)
1579
1583
  ], TekGrid$1.prototype, "columnFilterButton", void 0);
1580
1584
  __decorate([
@@ -1582,27 +1586,27 @@
1582
1586
  __metadata("design:type", Array)
1583
1587
  ], TekGrid$1.prototype, "actions", void 0);
1584
1588
  __decorate([
1585
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1589
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
1586
1590
  __metadata("design:type", Object)
1587
1591
  ], TekGrid$1.prototype, "dragColumns", void 0);
1588
1592
  __decorate([
1589
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1593
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
1590
1594
  __metadata("design:type", Object)
1591
1595
  ], TekGrid$1.prototype, "resizeColumns", void 0);
1592
1596
  __decorate([
1593
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1597
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
1594
1598
  __metadata("design:type", Object)
1595
1599
  ], TekGrid$1.prototype, "showLayoutOptions", void 0);
1596
1600
  __decorate([
1597
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: false }),
1601
+ vuetify.PropWatch({ type: [String, Boolean], default: false }),
1598
1602
  __metadata("design:type", Object)
1599
1603
  ], TekGrid$1.prototype, "showExport", void 0);
1600
1604
  __decorate([
1601
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1605
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
1602
1606
  __metadata("design:type", Object)
1603
1607
  ], TekGrid$1.prototype, "showReload", void 0);
1604
1608
  __decorate([
1605
- vuePropertyDecorator.Prop({ type: [String, Array] }),
1609
+ vuetify.PropWatch({ type: [String, Array] }),
1606
1610
  __metadata("design:type", Array)
1607
1611
  ], TekGrid$1.prototype, "exportConfig", void 0);
1608
1612
  __decorate([
@@ -1610,11 +1614,11 @@
1610
1614
  __metadata("design:type", Array)
1611
1615
  ], TekGrid$1.prototype, "exportActions", void 0);
1612
1616
  __decorate([
1613
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: false }),
1617
+ vuetify.PropWatch({ type: [String, Boolean], default: false }),
1614
1618
  __metadata("design:type", Object)
1615
1619
  ], TekGrid$1.prototype, "groupsOpened", void 0);
1616
1620
  __decorate([
1617
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1621
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
1618
1622
  __metadata("design:type", Object)
1619
1623
  ], TekGrid$1.prototype, "showSummaryTotal", void 0);
1620
1624
  __decorate([
@@ -1652,6 +1656,7 @@
1652
1656
  "tek-grid",
1653
1657
  _vm.instance.cssClass,
1654
1658
  { "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
1659
+ { "zd-grid-loading": _vm.instance.datasource.loading },
1655
1660
  ],
1656
1661
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
1657
1662
  attrs: {
@@ -1674,6 +1679,9 @@
1674
1679
  "disable-sort": "",
1675
1680
  "disable-filtering": "",
1676
1681
  tabindex: "0",
1682
+ "loading-text": _vm.$t(_vm.instance.loadingText),
1683
+ "no-data-text": _vm.$t(_vm.instance.noDataText),
1684
+ "no-results-text": _vm.$t(_vm.instance.noResultText),
1677
1685
  },
1678
1686
  on: {
1679
1687
  "current-items": function ($event) {
@@ -1991,11 +1999,9 @@
1991
1999
  },
1992
2000
  [
1993
2001
  _vm._v(
1994
- "\n " +
1995
- _vm._s(
1996
- _vm.$t(column.label)
1997
- ) +
1998
- "\n "
2002
+ _vm._s(
2003
+ _vm.$t(column.label)
2004
+ )
1999
2005
  ),
2000
2006
  column.aggregation
2001
2007
  ? _c(
@@ -3020,14 +3026,12 @@
3020
3026
  },
3021
3027
  [
3022
3028
  _vm._v(
3023
- "\n " +
3024
- _vm._s(
3025
- column.formatterByRow(
3026
- item,
3027
- cellProps
3028
- )
3029
- ) +
3030
- "\n "
3029
+ _vm._s(
3030
+ column.formatterByRow(
3031
+ item,
3032
+ cellProps
3033
+ )
3034
+ )
3031
3035
  ),
3032
3036
  ]
3033
3037
  ),
@@ -3221,7 +3225,7 @@
3221
3225
  /* style */
3222
3226
  const __vue_inject_styles__$9 = function (inject) {
3223
3227
  if (!inject) return
3224
- inject("data-v-6718d0bc_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 10px;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
3228
+ 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 });
3225
3229
 
3226
3230
  };
3227
3231
  /* scoped */
@@ -4199,7 +4203,7 @@
4199
4203
  }
4200
4204
  };
4201
4205
  __decorate([
4202
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
4206
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
4203
4207
  __metadata("design:type", Object)
4204
4208
  ], TekGridColumnsButton.prototype, "hideGroups", void 0);
4205
4209
  __decorate([
@@ -4342,11 +4346,10 @@
4342
4346
  _vm.instance.name +
4343
4347
  "_column_visible_" +
4344
4348
  column.name,
4345
- value: column.isVisible,
4346
- disabled: column.grouped,
4349
+ value: column.grouped || column.isVisible,
4347
4350
  events: {
4348
4351
  change:
4349
- _vm.instance.controller.showHideColumn.bind(
4352
+ _vm.instance.controller.showHideTekColumn.bind(
4350
4353
  _vm.instance.controller,
4351
4354
  column
4352
4355
  ),
@@ -4407,7 +4410,8 @@
4407
4410
  "zd-select",
4408
4411
  {
4409
4412
  value: column.aggregation,
4410
- disabled: column.grouped,
4413
+ disabled:
4414
+ column.grouped || !column.isVisible,
4411
4415
  events: {
4412
4416
  change:
4413
4417
  _vm.instance.controller.changeAggregationColumn.bind(
@@ -4485,7 +4489,7 @@
4485
4489
  /* style */
4486
4490
  const __vue_inject_styles__$8 = function (inject) {
4487
4491
  if (!inject) return
4488
- inject("data-v-8459d5b8_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
4492
+ 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 });
4489
4493
 
4490
4494
  };
4491
4495
  /* scoped */
@@ -4538,6 +4542,7 @@
4538
4542
  return {};
4539
4543
  }
4540
4544
  applyLayout(layout) {
4545
+ let groupParamsChanged = false;
4541
4546
  const tableElement = this.getParentTable();
4542
4547
  if (!tableElement)
4543
4548
  return;
@@ -4590,6 +4595,10 @@
4590
4595
  }
4591
4596
  grid.columns = this.instance.originalColumnProps.map((column) => {
4592
4597
  const col = gridColumns[column.name];
4598
+ groupParamsChanged = groupParamsChanged
4599
+ || col.grouped !== column.grouped
4600
+ || col.groupOpened !== column.groupOpened
4601
+ || col.aggregation !== column.aggregation;
4593
4602
  col.isVisible = column.isVisible;
4594
4603
  col.label = column.label;
4595
4604
  col.align = column.align;
@@ -4608,9 +4617,10 @@
4608
4617
  item.style.width = 'unset';
4609
4618
  });
4610
4619
  }
4611
- if (JSON.stringify(grid.datasource.order) !== oldOrder
4620
+ if ((JSON.stringify(grid.datasource.order) !== oldOrder
4612
4621
  || JSON.stringify(grid.datasource.filter) !== oldFilter
4613
- || JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter) {
4622
+ || JSON.stringify(this.datasourceDynamicFilter(grid.datasource)) !== oldDynamicFilter)
4623
+ && !groupParamsChanged) { // Se os parametros de agrupamento tiverem sido alterados um get é feito automaticamente
4614
4624
  grid.datasource.get();
4615
4625
  }
4616
4626
  this.$refs.layoutMenu.isActive = false;
@@ -4757,6 +4767,14 @@
4757
4767
  _c(
4758
4768
  "v-badge",
4759
4769
  {
4770
+ directives: [
4771
+ {
4772
+ name: "show",
4773
+ rawName: "v-show",
4774
+ value: _vm.instance.isVisible,
4775
+ expression: "instance.isVisible",
4776
+ },
4777
+ ],
4760
4778
  staticClass:
4761
4779
  "tek-grid-layout-options-badge",
4762
4780
  attrs: {
@@ -4769,6 +4787,14 @@
4769
4787
  },
4770
4788
  [
4771
4789
  _c("zd-button", {
4790
+ directives: [
4791
+ {
4792
+ name: "show",
4793
+ rawName: "v-show",
4794
+ value: _vm.instance.isVisible,
4795
+ expression: "instance.isVisible",
4796
+ },
4797
+ ],
4772
4798
  attrs: {
4773
4799
  name: _vm.instance.name + "_button",
4774
4800
  "icon-name": "layout",
@@ -4961,7 +4987,7 @@
4961
4987
  /* style */
4962
4988
  const __vue_inject_styles__$7 = function (inject) {
4963
4989
  if (!inject) return
4964
- inject("data-v-b7689878_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n display: none;\n position: absolute;\n right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 12px;\n}", map: undefined, media: undefined });
4990
+ 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 });
4965
4991
 
4966
4992
  };
4967
4993
  /* scoped */
@@ -4999,11 +5025,11 @@
4999
5025
  }
5000
5026
  };
5001
5027
  __decorate([
5002
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5028
+ vuetify.PropWatch({ type: String, default: '' }),
5003
5029
  __metadata("design:type", String)
5004
5030
  ], TekImage.prototype, "to", void 0);
5005
5031
  __decorate([
5006
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5032
+ vuetify.PropWatch({ type: String, default: '' }),
5007
5033
  __metadata("design:type", String)
5008
5034
  ], TekImage.prototype, "src", void 0);
5009
5035
  TekImage = __decorate([
@@ -5210,7 +5236,7 @@
5210
5236
  __metadata("design:type", Object)
5211
5237
  ], TekIterableComponentRender.prototype, "componentMetadata", void 0);
5212
5238
  __decorate([
5213
- vuePropertyDecorator.Prop({ type: String, default: 'row' }),
5239
+ vuetify.PropWatch({ type: String, default: 'row' }),
5214
5240
  __metadata("design:type", String)
5215
5241
  ], TekIterableComponentRender.prototype, "rowPropName", void 0);
5216
5242
  __decorate([
@@ -5246,15 +5272,15 @@
5246
5272
  __metadata("design:type", Array)
5247
5273
  ], TekIterableComponentRender.prototype, "noResultSlot", void 0);
5248
5274
  __decorate([
5249
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'auto' }),
5275
+ vuetify.PropWatch({ type: [Number, String], default: 'auto' }),
5250
5276
  __metadata("design:type", Object)
5251
5277
  ], TekIterableComponentRender.prototype, "height", void 0);
5252
5278
  __decorate([
5253
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5279
+ vuetify.PropWatch({ type: [Number, String], default: 'none' }),
5254
5280
  __metadata("design:type", Object)
5255
5281
  ], TekIterableComponentRender.prototype, "maxHeight", void 0);
5256
5282
  __decorate([
5257
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5283
+ vuetify.PropWatch({ type: [Number, String], default: 'none' }),
5258
5284
  __metadata("design:type", Object)
5259
5285
  ], TekIterableComponentRender.prototype, "minHeight", void 0);
5260
5286
  TekIterableComponentRender = __decorate([
@@ -5493,15 +5519,15 @@
5493
5519
  }
5494
5520
  };
5495
5521
  __decorate([
5496
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5522
+ vuetify.PropWatch({ type: String, default: '' }),
5497
5523
  __metadata("design:type", String)
5498
5524
  ], TekLoading.prototype, "text", void 0);
5499
5525
  __decorate([
5500
- vuePropertyDecorator.Prop({ type: String, default: loading }),
5526
+ vuetify.PropWatch({ type: String, default: loading }),
5501
5527
  __metadata("design:type", String)
5502
5528
  ], TekLoading.prototype, "image", void 0);
5503
5529
  __decorate([
5504
- vuePropertyDecorator.Prop({ type: [Number, String], default: 999 }),
5530
+ vuetify.PropWatch({ type: [Number, String], default: 999 }),
5505
5531
  __metadata("design:type", Object)
5506
5532
  ], TekLoading.prototype, "zdIndex", void 0);
5507
5533
  TekLoading = __decorate([
@@ -5585,7 +5611,7 @@
5585
5611
  }
5586
5612
  };
5587
5613
  __decorate([
5588
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5614
+ vuetify.PropWatch({ type: String, default: '' }),
5589
5615
  __metadata("design:type", String)
5590
5616
  ], TekNotifications.prototype, "allNotificationsPath", void 0);
5591
5617
  TekNotifications = __decorate([
@@ -5725,55 +5751,55 @@
5725
5751
  }
5726
5752
  };
5727
5753
  __decorate([
5728
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5754
+ vuetify.PropWatch({ type: String, default: '' }),
5729
5755
  __metadata("design:type", String)
5730
5756
  ], TekProductCard.prototype, "id", void 0);
5731
5757
  __decorate([
5732
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5758
+ vuetify.PropWatch({ type: String, default: '' }),
5733
5759
  __metadata("design:type", String)
5734
5760
  ], TekProductCard.prototype, "to", void 0);
5735
5761
  __decorate([
5736
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5762
+ vuetify.PropWatch({ type: String, default: '' }),
5737
5763
  __metadata("design:type", String)
5738
5764
  ], TekProductCard.prototype, "src", void 0);
5739
5765
  __decorate([
5740
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5766
+ vuetify.PropWatch({ type: String, default: '' }),
5741
5767
  __metadata("design:type", String)
5742
5768
  ], TekProductCard.prototype, "errorImagePath", void 0);
5743
5769
  __decorate([
5744
- vuePropertyDecorator.Prop({ type: String, default: 'UNAVAILABLE_IMAGE' }),
5770
+ vuetify.PropWatch({ type: String, default: 'UNAVAILABLE_IMAGE' }),
5745
5771
  __metadata("design:type", String)
5746
5772
  ], TekProductCard.prototype, "errorImageText", void 0);
5747
5773
  __decorate([
5748
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5774
+ vuetify.PropWatch({ type: String, default: '' }),
5749
5775
  __metadata("design:type", String)
5750
5776
  ], TekProductCard.prototype, "productName", void 0);
5751
5777
  __decorate([
5752
- vuePropertyDecorator.Prop({ type: String }),
5778
+ vuetify.PropWatch({ type: String }),
5753
5779
  __metadata("design:type", String)
5754
5780
  ], TekProductCard.prototype, "productSupplier", void 0);
5755
5781
  __decorate([
5756
- vuePropertyDecorator.Prop({ type: String }),
5782
+ vuetify.PropWatch({ type: String }),
5757
5783
  __metadata("design:type", String)
5758
5784
  ], TekProductCard.prototype, "productBrand", void 0);
5759
5785
  __decorate([
5760
- vuePropertyDecorator.Prop({ type: [String, Number] }),
5786
+ vuetify.PropWatch({ type: [String, Number] }),
5761
5787
  __metadata("design:type", Object)
5762
5788
  ], TekProductCard.prototype, "productPrice", void 0);
5763
5789
  __decorate([
5764
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5790
+ vuetify.PropWatch({ type: String, default: '' }),
5765
5791
  __metadata("design:type", String)
5766
5792
  ], TekProductCard.prototype, "width", void 0);
5767
5793
  __decorate([
5768
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'auto' }),
5794
+ vuetify.PropWatch({ type: [Number, String], default: 'auto' }),
5769
5795
  __metadata("design:type", Object)
5770
5796
  ], TekProductCard.prototype, "height", void 0);
5771
5797
  __decorate([
5772
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5798
+ vuetify.PropWatch({ type: [Number, String], default: 'none' }),
5773
5799
  __metadata("design:type", Object)
5774
5800
  ], TekProductCard.prototype, "maxHeight", void 0);
5775
5801
  __decorate([
5776
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5802
+ vuetify.PropWatch({ type: [Number, String], default: 'none' }),
5777
5803
  __metadata("design:type", Object)
5778
5804
  ], TekProductCard.prototype, "minHeight", void 0);
5779
5805
  TekProductCard = __decorate([
@@ -6267,19 +6293,19 @@
6267
6293
  }
6268
6294
  };
6269
6295
  __decorate([
6270
- vuePropertyDecorator.Prop({ type: [String], default: '' }),
6296
+ vuetify.PropWatch({ type: [String], default: '' }),
6271
6297
  __metadata("design:type", String)
6272
6298
  ], TekGrid.prototype, "title", void 0);
6273
6299
  __decorate([
6274
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6300
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
6275
6301
  __metadata("design:type", Object)
6276
6302
  ], TekGrid.prototype, "addButton", void 0);
6277
6303
  __decorate([
6278
- vuePropertyDecorator.Prop({ type: [String], default: 'none' }),
6304
+ vuetify.PropWatch({ type: [String], default: 'none' }),
6279
6305
  __metadata("design:type", String)
6280
6306
  ], TekGrid.prototype, "deleteButton", void 0);
6281
6307
  __decorate([
6282
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6308
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
6283
6309
  __metadata("design:type", Object)
6284
6310
  ], TekGrid.prototype, "columnsButton", void 0);
6285
6311
  __decorate([
@@ -6287,11 +6313,15 @@
6287
6313
  __metadata("design:type", Object)
6288
6314
  ], TekGrid.prototype, "columnsButtonIgnore", void 0);
6289
6315
  __decorate([
6290
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6316
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
6291
6317
  __metadata("design:type", Object)
6292
6318
  ], TekGrid.prototype, "filterButton", void 0);
6293
6319
  __decorate([
6294
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6320
+ vuetify.PropWatch({ type: [Boolean, String], default: true }),
6321
+ __metadata("design:type", Object)
6322
+ ], TekGrid.prototype, "showSearch", void 0);
6323
+ __decorate([
6324
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
6295
6325
  __metadata("design:type", Object)
6296
6326
  ], TekGrid.prototype, "columnFilterButton", void 0);
6297
6327
  __decorate([
@@ -6299,23 +6329,23 @@
6299
6329
  __metadata("design:type", Array)
6300
6330
  ], TekGrid.prototype, "actions", void 0);
6301
6331
  __decorate([
6302
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6332
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
6303
6333
  __metadata("design:type", Object)
6304
6334
  ], TekGrid.prototype, "dragColumns", void 0);
6305
6335
  __decorate([
6306
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6336
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
6307
6337
  __metadata("design:type", Object)
6308
6338
  ], TekGrid.prototype, "resizeColumns", void 0);
6309
6339
  __decorate([
6310
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6340
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
6311
6341
  __metadata("design:type", Object)
6312
6342
  ], TekGrid.prototype, "showLayoutOptions", void 0);
6313
6343
  __decorate([
6314
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: false }),
6344
+ vuetify.PropWatch({ type: [String, Boolean], default: false }),
6315
6345
  __metadata("design:type", Object)
6316
6346
  ], TekGrid.prototype, "showExport", void 0);
6317
6347
  __decorate([
6318
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6348
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
6319
6349
  __metadata("design:type", Object)
6320
6350
  ], TekGrid.prototype, "showReload", void 0);
6321
6351
  __decorate([
@@ -6363,6 +6393,7 @@
6363
6393
  "tek-tree-grid",
6364
6394
  _vm.instance.cssClass,
6365
6395
  { "zd-grid-flex": _vm.instance.gridHeight || _vm.instance.gridMaxHeight },
6396
+ { "zd-grid-loading": _vm.instance.datasource.loading },
6366
6397
  ],
6367
6398
  style: [_vm.cssColorVars, _vm.instance.cssStyle],
6368
6399
  attrs: {
@@ -6384,6 +6415,9 @@
6384
6415
  "disable-sort": "",
6385
6416
  "disable-filtering": "",
6386
6417
  tabindex: "0",
6418
+ "loading-text": _vm.$t(_vm.instance.loadingText),
6419
+ "no-data-text": _vm.$t(_vm.instance.noDataText),
6420
+ "no-results-text": _vm.$t(_vm.instance.noResultText),
6387
6421
  },
6388
6422
  on: {
6389
6423
  "current-items": function ($event) {
@@ -7459,7 +7493,6 @@
7459
7493
  ],
7460
7494
  1
7461
7495
  ),
7462
- _vm._v(" "),
7463
7496
  _c("span", {
7464
7497
  key: item.tree__searched
7465
7498
  ? "a"
@@ -7652,7 +7685,7 @@
7652
7685
  /* style */
7653
7686
  const __vue_inject_styles__ = function (inject) {
7654
7687
  if (!inject) return
7655
- inject("data-v-097f1242_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 10px;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}", map: undefined, media: undefined });
7688
+ 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 });
7656
7689
 
7657
7690
  };
7658
7691
  /* scoped */