@zeedhi/teknisa-components-vuetify 1.45.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,15 +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: true }),
1574
+ PropWatch({ type: [Boolean, String], default: true }),
1575
1575
  __metadata("design:type", Object)
1576
1576
  ], TekGrid$1.prototype, "showSearch", void 0);
1577
1577
  __decorate([
1578
- Prop({ type: [Boolean, String], default: false }),
1578
+ PropWatch({ type: [Boolean, String], default: false }),
1579
1579
  __metadata("design:type", Object)
1580
1580
  ], TekGrid$1.prototype, "columnFilterButton", void 0);
1581
1581
  __decorate([
@@ -1583,27 +1583,27 @@ __decorate([
1583
1583
  __metadata("design:type", Array)
1584
1584
  ], TekGrid$1.prototype, "actions", void 0);
1585
1585
  __decorate([
1586
- Prop({ type: [String, Boolean], default: true }),
1586
+ PropWatch({ type: [String, Boolean], default: true }),
1587
1587
  __metadata("design:type", Object)
1588
1588
  ], TekGrid$1.prototype, "dragColumns", void 0);
1589
1589
  __decorate([
1590
- Prop({ type: [String, Boolean], default: true }),
1590
+ PropWatch({ type: [String, Boolean], default: true }),
1591
1591
  __metadata("design:type", Object)
1592
1592
  ], TekGrid$1.prototype, "resizeColumns", void 0);
1593
1593
  __decorate([
1594
- Prop({ type: [String, Boolean], default: true }),
1594
+ PropWatch({ type: [String, Boolean], default: true }),
1595
1595
  __metadata("design:type", Object)
1596
1596
  ], TekGrid$1.prototype, "showLayoutOptions", void 0);
1597
1597
  __decorate([
1598
- Prop({ type: [String, Boolean], default: false }),
1598
+ PropWatch({ type: [String, Boolean], default: false }),
1599
1599
  __metadata("design:type", Object)
1600
1600
  ], TekGrid$1.prototype, "showExport", void 0);
1601
1601
  __decorate([
1602
- Prop({ type: [String, Boolean], default: true }),
1602
+ PropWatch({ type: [String, Boolean], default: true }),
1603
1603
  __metadata("design:type", Object)
1604
1604
  ], TekGrid$1.prototype, "showReload", void 0);
1605
1605
  __decorate([
1606
- Prop({ type: [String, Array] }),
1606
+ PropWatch({ type: [String, Array] }),
1607
1607
  __metadata("design:type", Array)
1608
1608
  ], TekGrid$1.prototype, "exportConfig", void 0);
1609
1609
  __decorate([
@@ -1611,11 +1611,11 @@ __decorate([
1611
1611
  __metadata("design:type", Array)
1612
1612
  ], TekGrid$1.prototype, "exportActions", void 0);
1613
1613
  __decorate([
1614
- Prop({ type: [String, Boolean], default: false }),
1614
+ PropWatch({ type: [String, Boolean], default: false }),
1615
1615
  __metadata("design:type", Object)
1616
1616
  ], TekGrid$1.prototype, "groupsOpened", void 0);
1617
1617
  __decorate([
1618
- Prop({ type: [String, Boolean], default: true }),
1618
+ PropWatch({ type: [String, Boolean], default: true }),
1619
1619
  __metadata("design:type", Object)
1620
1620
  ], TekGrid$1.prototype, "showSummaryTotal", void 0);
1621
1621
  __decorate([
@@ -1676,6 +1676,9 @@ var __vue_render__$9 = function () {
1676
1676
  "disable-sort": "",
1677
1677
  "disable-filtering": "",
1678
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),
1679
1682
  },
1680
1683
  on: {
1681
1684
  "current-items": function ($event) {
@@ -3219,7 +3222,7 @@ __vue_render__$9._withStripped = true;
3219
3222
  /* style */
3220
3223
  const __vue_inject_styles__$9 = function (inject) {
3221
3224
  if (!inject) return
3222
- inject("data-v-0ced07c0_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
+ 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 });
3223
3226
 
3224
3227
  };
3225
3228
  /* scoped */
@@ -4197,7 +4200,7 @@ let TekGridColumnsButton = class TekGridColumnsButton extends ZdIterableColumnsB
4197
4200
  }
4198
4201
  };
4199
4202
  __decorate([
4200
- Prop({ type: [Boolean, String], default: false }),
4203
+ PropWatch({ type: [Boolean, String], default: false }),
4201
4204
  __metadata("design:type", Object)
4202
4205
  ], TekGridColumnsButton.prototype, "hideGroups", void 0);
4203
4206
  __decorate([
@@ -4483,7 +4486,7 @@ __vue_render__$8._withStripped = true;
4483
4486
  /* style */
4484
4487
  const __vue_inject_styles__$8 = function (inject) {
4485
4488
  if (!inject) return
4486
- inject("data-v-04ff1434_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 });
4487
4490
 
4488
4491
  };
4489
4492
  /* scoped */
@@ -5019,11 +5022,11 @@ let TekImage = class TekImage extends ZdComponent {
5019
5022
  }
5020
5023
  };
5021
5024
  __decorate([
5022
- Prop({ type: String, default: '' }),
5025
+ PropWatch({ type: String, default: '' }),
5023
5026
  __metadata("design:type", String)
5024
5027
  ], TekImage.prototype, "to", void 0);
5025
5028
  __decorate([
5026
- Prop({ type: String, default: '' }),
5029
+ PropWatch({ type: String, default: '' }),
5027
5030
  __metadata("design:type", String)
5028
5031
  ], TekImage.prototype, "src", void 0);
5029
5032
  TekImage = __decorate([
@@ -5230,7 +5233,7 @@ __decorate([
5230
5233
  __metadata("design:type", Object)
5231
5234
  ], TekIterableComponentRender.prototype, "componentMetadata", void 0);
5232
5235
  __decorate([
5233
- Prop({ type: String, default: 'row' }),
5236
+ PropWatch({ type: String, default: 'row' }),
5234
5237
  __metadata("design:type", String)
5235
5238
  ], TekIterableComponentRender.prototype, "rowPropName", void 0);
5236
5239
  __decorate([
@@ -5266,15 +5269,15 @@ __decorate([
5266
5269
  __metadata("design:type", Array)
5267
5270
  ], TekIterableComponentRender.prototype, "noResultSlot", void 0);
5268
5271
  __decorate([
5269
- Prop({ type: [Number, String], default: 'auto' }),
5272
+ PropWatch({ type: [Number, String], default: 'auto' }),
5270
5273
  __metadata("design:type", Object)
5271
5274
  ], TekIterableComponentRender.prototype, "height", void 0);
5272
5275
  __decorate([
5273
- Prop({ type: [Number, String], default: 'none' }),
5276
+ PropWatch({ type: [Number, String], default: 'none' }),
5274
5277
  __metadata("design:type", Object)
5275
5278
  ], TekIterableComponentRender.prototype, "maxHeight", void 0);
5276
5279
  __decorate([
5277
- Prop({ type: [Number, String], default: 'none' }),
5280
+ PropWatch({ type: [Number, String], default: 'none' }),
5278
5281
  __metadata("design:type", Object)
5279
5282
  ], TekIterableComponentRender.prototype, "minHeight", void 0);
5280
5283
  TekIterableComponentRender = __decorate([
@@ -5513,15 +5516,15 @@ let TekLoading = class TekLoading extends ZdLoading {
5513
5516
  }
5514
5517
  };
5515
5518
  __decorate([
5516
- Prop({ type: String, default: '' }),
5519
+ PropWatch({ type: String, default: '' }),
5517
5520
  __metadata("design:type", String)
5518
5521
  ], TekLoading.prototype, "text", void 0);
5519
5522
  __decorate([
5520
- Prop({ type: String, default: loading }),
5523
+ PropWatch({ type: String, default: loading }),
5521
5524
  __metadata("design:type", String)
5522
5525
  ], TekLoading.prototype, "image", void 0);
5523
5526
  __decorate([
5524
- Prop({ type: [Number, String], default: 999 }),
5527
+ PropWatch({ type: [Number, String], default: 999 }),
5525
5528
  __metadata("design:type", Object)
5526
5529
  ], TekLoading.prototype, "zdIndex", void 0);
5527
5530
  TekLoading = __decorate([
@@ -5605,7 +5608,7 @@ let TekNotifications = class TekNotifications extends ZdIterable {
5605
5608
  }
5606
5609
  };
5607
5610
  __decorate([
5608
- Prop({ type: String, default: '' }),
5611
+ PropWatch({ type: String, default: '' }),
5609
5612
  __metadata("design:type", String)
5610
5613
  ], TekNotifications.prototype, "allNotificationsPath", void 0);
5611
5614
  TekNotifications = __decorate([
@@ -5745,55 +5748,55 @@ let TekProductCard = class TekProductCard extends ZdComponentRender {
5745
5748
  }
5746
5749
  };
5747
5750
  __decorate([
5748
- Prop({ type: String, default: '' }),
5751
+ PropWatch({ type: String, default: '' }),
5749
5752
  __metadata("design:type", String)
5750
5753
  ], TekProductCard.prototype, "id", void 0);
5751
5754
  __decorate([
5752
- Prop({ type: String, default: '' }),
5755
+ PropWatch({ type: String, default: '' }),
5753
5756
  __metadata("design:type", String)
5754
5757
  ], TekProductCard.prototype, "to", void 0);
5755
5758
  __decorate([
5756
- Prop({ type: String, default: '' }),
5759
+ PropWatch({ type: String, default: '' }),
5757
5760
  __metadata("design:type", String)
5758
5761
  ], TekProductCard.prototype, "src", void 0);
5759
5762
  __decorate([
5760
- Prop({ type: String, default: '' }),
5763
+ PropWatch({ type: String, default: '' }),
5761
5764
  __metadata("design:type", String)
5762
5765
  ], TekProductCard.prototype, "errorImagePath", void 0);
5763
5766
  __decorate([
5764
- Prop({ type: String, default: 'UNAVAILABLE_IMAGE' }),
5767
+ PropWatch({ type: String, default: 'UNAVAILABLE_IMAGE' }),
5765
5768
  __metadata("design:type", String)
5766
5769
  ], TekProductCard.prototype, "errorImageText", void 0);
5767
5770
  __decorate([
5768
- Prop({ type: String, default: '' }),
5771
+ PropWatch({ type: String, default: '' }),
5769
5772
  __metadata("design:type", String)
5770
5773
  ], TekProductCard.prototype, "productName", void 0);
5771
5774
  __decorate([
5772
- Prop({ type: String }),
5775
+ PropWatch({ type: String }),
5773
5776
  __metadata("design:type", String)
5774
5777
  ], TekProductCard.prototype, "productSupplier", void 0);
5775
5778
  __decorate([
5776
- Prop({ type: String }),
5779
+ PropWatch({ type: String }),
5777
5780
  __metadata("design:type", String)
5778
5781
  ], TekProductCard.prototype, "productBrand", void 0);
5779
5782
  __decorate([
5780
- Prop({ type: [String, Number] }),
5783
+ PropWatch({ type: [String, Number] }),
5781
5784
  __metadata("design:type", Object)
5782
5785
  ], TekProductCard.prototype, "productPrice", void 0);
5783
5786
  __decorate([
5784
- Prop({ type: String, default: '' }),
5787
+ PropWatch({ type: String, default: '' }),
5785
5788
  __metadata("design:type", String)
5786
5789
  ], TekProductCard.prototype, "width", void 0);
5787
5790
  __decorate([
5788
- Prop({ type: [Number, String], default: 'auto' }),
5791
+ PropWatch({ type: [Number, String], default: 'auto' }),
5789
5792
  __metadata("design:type", Object)
5790
5793
  ], TekProductCard.prototype, "height", void 0);
5791
5794
  __decorate([
5792
- Prop({ type: [Number, String], default: 'none' }),
5795
+ PropWatch({ type: [Number, String], default: 'none' }),
5793
5796
  __metadata("design:type", Object)
5794
5797
  ], TekProductCard.prototype, "maxHeight", void 0);
5795
5798
  __decorate([
5796
- Prop({ type: [Number, String], default: 'none' }),
5799
+ PropWatch({ type: [Number, String], default: 'none' }),
5797
5800
  __metadata("design:type", Object)
5798
5801
  ], TekProductCard.prototype, "minHeight", void 0);
5799
5802
  TekProductCard = __decorate([
@@ -6287,19 +6290,19 @@ let TekGrid = class TekGrid extends ZdTreeGridEditable {
6287
6290
  }
6288
6291
  };
6289
6292
  __decorate([
6290
- Prop({ type: [String], default: '' }),
6293
+ PropWatch({ type: [String], default: '' }),
6291
6294
  __metadata("design:type", String)
6292
6295
  ], TekGrid.prototype, "title", void 0);
6293
6296
  __decorate([
6294
- Prop({ type: [Boolean, String], default: false }),
6297
+ PropWatch({ type: [Boolean, String], default: false }),
6295
6298
  __metadata("design:type", Object)
6296
6299
  ], TekGrid.prototype, "addButton", void 0);
6297
6300
  __decorate([
6298
- Prop({ type: [String], default: 'none' }),
6301
+ PropWatch({ type: [String], default: 'none' }),
6299
6302
  __metadata("design:type", String)
6300
6303
  ], TekGrid.prototype, "deleteButton", void 0);
6301
6304
  __decorate([
6302
- Prop({ type: [Boolean, String], default: false }),
6305
+ PropWatch({ type: [Boolean, String], default: false }),
6303
6306
  __metadata("design:type", Object)
6304
6307
  ], TekGrid.prototype, "columnsButton", void 0);
6305
6308
  __decorate([
@@ -6307,15 +6310,15 @@ __decorate([
6307
6310
  __metadata("design:type", Object)
6308
6311
  ], TekGrid.prototype, "columnsButtonIgnore", void 0);
6309
6312
  __decorate([
6310
- Prop({ type: [Boolean, String], default: false }),
6313
+ PropWatch({ type: [Boolean, String], default: false }),
6311
6314
  __metadata("design:type", Object)
6312
6315
  ], TekGrid.prototype, "filterButton", void 0);
6313
6316
  __decorate([
6314
- Prop({ type: [Boolean, String], default: true }),
6317
+ PropWatch({ type: [Boolean, String], default: true }),
6315
6318
  __metadata("design:type", Object)
6316
6319
  ], TekGrid.prototype, "showSearch", void 0);
6317
6320
  __decorate([
6318
- Prop({ type: [Boolean, String], default: false }),
6321
+ PropWatch({ type: [Boolean, String], default: false }),
6319
6322
  __metadata("design:type", Object)
6320
6323
  ], TekGrid.prototype, "columnFilterButton", void 0);
6321
6324
  __decorate([
@@ -6323,23 +6326,23 @@ __decorate([
6323
6326
  __metadata("design:type", Array)
6324
6327
  ], TekGrid.prototype, "actions", void 0);
6325
6328
  __decorate([
6326
- Prop({ type: [String, Boolean], default: true }),
6329
+ PropWatch({ type: [String, Boolean], default: true }),
6327
6330
  __metadata("design:type", Object)
6328
6331
  ], TekGrid.prototype, "dragColumns", void 0);
6329
6332
  __decorate([
6330
- Prop({ type: [String, Boolean], default: true }),
6333
+ PropWatch({ type: [String, Boolean], default: true }),
6331
6334
  __metadata("design:type", Object)
6332
6335
  ], TekGrid.prototype, "resizeColumns", void 0);
6333
6336
  __decorate([
6334
- Prop({ type: [String, Boolean], default: true }),
6337
+ PropWatch({ type: [String, Boolean], default: true }),
6335
6338
  __metadata("design:type", Object)
6336
6339
  ], TekGrid.prototype, "showLayoutOptions", void 0);
6337
6340
  __decorate([
6338
- Prop({ type: [String, Boolean], default: false }),
6341
+ PropWatch({ type: [String, Boolean], default: false }),
6339
6342
  __metadata("design:type", Object)
6340
6343
  ], TekGrid.prototype, "showExport", void 0);
6341
6344
  __decorate([
6342
- Prop({ type: [String, Boolean], default: true }),
6345
+ PropWatch({ type: [String, Boolean], default: true }),
6343
6346
  __metadata("design:type", Object)
6344
6347
  ], TekGrid.prototype, "showReload", void 0);
6345
6348
  __decorate([
@@ -6409,6 +6412,9 @@ var __vue_render__ = function () {
6409
6412
  "disable-sort": "",
6410
6413
  "disable-filtering": "",
6411
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),
6412
6418
  },
6413
6419
  on: {
6414
6420
  "current-items": function ($event) {
@@ -7676,7 +7682,7 @@ __vue_render__._withStripped = true;
7676
7682
  /* style */
7677
7683
  const __vue_inject_styles__ = function (inject) {
7678
7684
  if (!inject) return
7679
- inject("data-v-3ef85802_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 });
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 });
7680
7686
 
7681
7687
  };
7682
7688
  /* scoped */
@@ -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,15 +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: true }),
1577
+ vuetify.PropWatch({ type: [Boolean, String], default: true }),
1578
1578
  __metadata("design:type", Object)
1579
1579
  ], TekGrid$1.prototype, "showSearch", void 0);
1580
1580
  __decorate([
1581
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
1581
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
1582
1582
  __metadata("design:type", Object)
1583
1583
  ], TekGrid$1.prototype, "columnFilterButton", void 0);
1584
1584
  __decorate([
@@ -1586,27 +1586,27 @@
1586
1586
  __metadata("design:type", Array)
1587
1587
  ], TekGrid$1.prototype, "actions", void 0);
1588
1588
  __decorate([
1589
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1589
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
1590
1590
  __metadata("design:type", Object)
1591
1591
  ], TekGrid$1.prototype, "dragColumns", void 0);
1592
1592
  __decorate([
1593
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1593
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
1594
1594
  __metadata("design:type", Object)
1595
1595
  ], TekGrid$1.prototype, "resizeColumns", void 0);
1596
1596
  __decorate([
1597
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1597
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
1598
1598
  __metadata("design:type", Object)
1599
1599
  ], TekGrid$1.prototype, "showLayoutOptions", void 0);
1600
1600
  __decorate([
1601
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: false }),
1601
+ vuetify.PropWatch({ type: [String, Boolean], default: false }),
1602
1602
  __metadata("design:type", Object)
1603
1603
  ], TekGrid$1.prototype, "showExport", void 0);
1604
1604
  __decorate([
1605
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1605
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
1606
1606
  __metadata("design:type", Object)
1607
1607
  ], TekGrid$1.prototype, "showReload", void 0);
1608
1608
  __decorate([
1609
- vuePropertyDecorator.Prop({ type: [String, Array] }),
1609
+ vuetify.PropWatch({ type: [String, Array] }),
1610
1610
  __metadata("design:type", Array)
1611
1611
  ], TekGrid$1.prototype, "exportConfig", void 0);
1612
1612
  __decorate([
@@ -1614,11 +1614,11 @@
1614
1614
  __metadata("design:type", Array)
1615
1615
  ], TekGrid$1.prototype, "exportActions", void 0);
1616
1616
  __decorate([
1617
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: false }),
1617
+ vuetify.PropWatch({ type: [String, Boolean], default: false }),
1618
1618
  __metadata("design:type", Object)
1619
1619
  ], TekGrid$1.prototype, "groupsOpened", void 0);
1620
1620
  __decorate([
1621
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
1621
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
1622
1622
  __metadata("design:type", Object)
1623
1623
  ], TekGrid$1.prototype, "showSummaryTotal", void 0);
1624
1624
  __decorate([
@@ -1679,6 +1679,9 @@
1679
1679
  "disable-sort": "",
1680
1680
  "disable-filtering": "",
1681
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),
1682
1685
  },
1683
1686
  on: {
1684
1687
  "current-items": function ($event) {
@@ -3222,7 +3225,7 @@
3222
3225
  /* style */
3223
3226
  const __vue_inject_styles__$9 = function (inject) {
3224
3227
  if (!inject) return
3225
- inject("data-v-0ced07c0_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 });
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 });
3226
3229
 
3227
3230
  };
3228
3231
  /* scoped */
@@ -4200,7 +4203,7 @@
4200
4203
  }
4201
4204
  };
4202
4205
  __decorate([
4203
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
4206
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
4204
4207
  __metadata("design:type", Object)
4205
4208
  ], TekGridColumnsButton.prototype, "hideGroups", void 0);
4206
4209
  __decorate([
@@ -4486,7 +4489,7 @@
4486
4489
  /* style */
4487
4490
  const __vue_inject_styles__$8 = function (inject) {
4488
4491
  if (!inject) return
4489
- inject("data-v-04ff1434_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 });
4490
4493
 
4491
4494
  };
4492
4495
  /* scoped */
@@ -5022,11 +5025,11 @@
5022
5025
  }
5023
5026
  };
5024
5027
  __decorate([
5025
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5028
+ vuetify.PropWatch({ type: String, default: '' }),
5026
5029
  __metadata("design:type", String)
5027
5030
  ], TekImage.prototype, "to", void 0);
5028
5031
  __decorate([
5029
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5032
+ vuetify.PropWatch({ type: String, default: '' }),
5030
5033
  __metadata("design:type", String)
5031
5034
  ], TekImage.prototype, "src", void 0);
5032
5035
  TekImage = __decorate([
@@ -5233,7 +5236,7 @@
5233
5236
  __metadata("design:type", Object)
5234
5237
  ], TekIterableComponentRender.prototype, "componentMetadata", void 0);
5235
5238
  __decorate([
5236
- vuePropertyDecorator.Prop({ type: String, default: 'row' }),
5239
+ vuetify.PropWatch({ type: String, default: 'row' }),
5237
5240
  __metadata("design:type", String)
5238
5241
  ], TekIterableComponentRender.prototype, "rowPropName", void 0);
5239
5242
  __decorate([
@@ -5269,15 +5272,15 @@
5269
5272
  __metadata("design:type", Array)
5270
5273
  ], TekIterableComponentRender.prototype, "noResultSlot", void 0);
5271
5274
  __decorate([
5272
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'auto' }),
5275
+ vuetify.PropWatch({ type: [Number, String], default: 'auto' }),
5273
5276
  __metadata("design:type", Object)
5274
5277
  ], TekIterableComponentRender.prototype, "height", void 0);
5275
5278
  __decorate([
5276
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5279
+ vuetify.PropWatch({ type: [Number, String], default: 'none' }),
5277
5280
  __metadata("design:type", Object)
5278
5281
  ], TekIterableComponentRender.prototype, "maxHeight", void 0);
5279
5282
  __decorate([
5280
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5283
+ vuetify.PropWatch({ type: [Number, String], default: 'none' }),
5281
5284
  __metadata("design:type", Object)
5282
5285
  ], TekIterableComponentRender.prototype, "minHeight", void 0);
5283
5286
  TekIterableComponentRender = __decorate([
@@ -5516,15 +5519,15 @@
5516
5519
  }
5517
5520
  };
5518
5521
  __decorate([
5519
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5522
+ vuetify.PropWatch({ type: String, default: '' }),
5520
5523
  __metadata("design:type", String)
5521
5524
  ], TekLoading.prototype, "text", void 0);
5522
5525
  __decorate([
5523
- vuePropertyDecorator.Prop({ type: String, default: loading }),
5526
+ vuetify.PropWatch({ type: String, default: loading }),
5524
5527
  __metadata("design:type", String)
5525
5528
  ], TekLoading.prototype, "image", void 0);
5526
5529
  __decorate([
5527
- vuePropertyDecorator.Prop({ type: [Number, String], default: 999 }),
5530
+ vuetify.PropWatch({ type: [Number, String], default: 999 }),
5528
5531
  __metadata("design:type", Object)
5529
5532
  ], TekLoading.prototype, "zdIndex", void 0);
5530
5533
  TekLoading = __decorate([
@@ -5608,7 +5611,7 @@
5608
5611
  }
5609
5612
  };
5610
5613
  __decorate([
5611
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5614
+ vuetify.PropWatch({ type: String, default: '' }),
5612
5615
  __metadata("design:type", String)
5613
5616
  ], TekNotifications.prototype, "allNotificationsPath", void 0);
5614
5617
  TekNotifications = __decorate([
@@ -5748,55 +5751,55 @@
5748
5751
  }
5749
5752
  };
5750
5753
  __decorate([
5751
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5754
+ vuetify.PropWatch({ type: String, default: '' }),
5752
5755
  __metadata("design:type", String)
5753
5756
  ], TekProductCard.prototype, "id", void 0);
5754
5757
  __decorate([
5755
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5758
+ vuetify.PropWatch({ type: String, default: '' }),
5756
5759
  __metadata("design:type", String)
5757
5760
  ], TekProductCard.prototype, "to", void 0);
5758
5761
  __decorate([
5759
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5762
+ vuetify.PropWatch({ type: String, default: '' }),
5760
5763
  __metadata("design:type", String)
5761
5764
  ], TekProductCard.prototype, "src", void 0);
5762
5765
  __decorate([
5763
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5766
+ vuetify.PropWatch({ type: String, default: '' }),
5764
5767
  __metadata("design:type", String)
5765
5768
  ], TekProductCard.prototype, "errorImagePath", void 0);
5766
5769
  __decorate([
5767
- vuePropertyDecorator.Prop({ type: String, default: 'UNAVAILABLE_IMAGE' }),
5770
+ vuetify.PropWatch({ type: String, default: 'UNAVAILABLE_IMAGE' }),
5768
5771
  __metadata("design:type", String)
5769
5772
  ], TekProductCard.prototype, "errorImageText", void 0);
5770
5773
  __decorate([
5771
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5774
+ vuetify.PropWatch({ type: String, default: '' }),
5772
5775
  __metadata("design:type", String)
5773
5776
  ], TekProductCard.prototype, "productName", void 0);
5774
5777
  __decorate([
5775
- vuePropertyDecorator.Prop({ type: String }),
5778
+ vuetify.PropWatch({ type: String }),
5776
5779
  __metadata("design:type", String)
5777
5780
  ], TekProductCard.prototype, "productSupplier", void 0);
5778
5781
  __decorate([
5779
- vuePropertyDecorator.Prop({ type: String }),
5782
+ vuetify.PropWatch({ type: String }),
5780
5783
  __metadata("design:type", String)
5781
5784
  ], TekProductCard.prototype, "productBrand", void 0);
5782
5785
  __decorate([
5783
- vuePropertyDecorator.Prop({ type: [String, Number] }),
5786
+ vuetify.PropWatch({ type: [String, Number] }),
5784
5787
  __metadata("design:type", Object)
5785
5788
  ], TekProductCard.prototype, "productPrice", void 0);
5786
5789
  __decorate([
5787
- vuePropertyDecorator.Prop({ type: String, default: '' }),
5790
+ vuetify.PropWatch({ type: String, default: '' }),
5788
5791
  __metadata("design:type", String)
5789
5792
  ], TekProductCard.prototype, "width", void 0);
5790
5793
  __decorate([
5791
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'auto' }),
5794
+ vuetify.PropWatch({ type: [Number, String], default: 'auto' }),
5792
5795
  __metadata("design:type", Object)
5793
5796
  ], TekProductCard.prototype, "height", void 0);
5794
5797
  __decorate([
5795
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5798
+ vuetify.PropWatch({ type: [Number, String], default: 'none' }),
5796
5799
  __metadata("design:type", Object)
5797
5800
  ], TekProductCard.prototype, "maxHeight", void 0);
5798
5801
  __decorate([
5799
- vuePropertyDecorator.Prop({ type: [Number, String], default: 'none' }),
5802
+ vuetify.PropWatch({ type: [Number, String], default: 'none' }),
5800
5803
  __metadata("design:type", Object)
5801
5804
  ], TekProductCard.prototype, "minHeight", void 0);
5802
5805
  TekProductCard = __decorate([
@@ -6290,19 +6293,19 @@
6290
6293
  }
6291
6294
  };
6292
6295
  __decorate([
6293
- vuePropertyDecorator.Prop({ type: [String], default: '' }),
6296
+ vuetify.PropWatch({ type: [String], default: '' }),
6294
6297
  __metadata("design:type", String)
6295
6298
  ], TekGrid.prototype, "title", void 0);
6296
6299
  __decorate([
6297
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6300
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
6298
6301
  __metadata("design:type", Object)
6299
6302
  ], TekGrid.prototype, "addButton", void 0);
6300
6303
  __decorate([
6301
- vuePropertyDecorator.Prop({ type: [String], default: 'none' }),
6304
+ vuetify.PropWatch({ type: [String], default: 'none' }),
6302
6305
  __metadata("design:type", String)
6303
6306
  ], TekGrid.prototype, "deleteButton", void 0);
6304
6307
  __decorate([
6305
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6308
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
6306
6309
  __metadata("design:type", Object)
6307
6310
  ], TekGrid.prototype, "columnsButton", void 0);
6308
6311
  __decorate([
@@ -6310,15 +6313,15 @@
6310
6313
  __metadata("design:type", Object)
6311
6314
  ], TekGrid.prototype, "columnsButtonIgnore", void 0);
6312
6315
  __decorate([
6313
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6316
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
6314
6317
  __metadata("design:type", Object)
6315
6318
  ], TekGrid.prototype, "filterButton", void 0);
6316
6319
  __decorate([
6317
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: true }),
6320
+ vuetify.PropWatch({ type: [Boolean, String], default: true }),
6318
6321
  __metadata("design:type", Object)
6319
6322
  ], TekGrid.prototype, "showSearch", void 0);
6320
6323
  __decorate([
6321
- vuePropertyDecorator.Prop({ type: [Boolean, String], default: false }),
6324
+ vuetify.PropWatch({ type: [Boolean, String], default: false }),
6322
6325
  __metadata("design:type", Object)
6323
6326
  ], TekGrid.prototype, "columnFilterButton", void 0);
6324
6327
  __decorate([
@@ -6326,23 +6329,23 @@
6326
6329
  __metadata("design:type", Array)
6327
6330
  ], TekGrid.prototype, "actions", void 0);
6328
6331
  __decorate([
6329
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6332
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
6330
6333
  __metadata("design:type", Object)
6331
6334
  ], TekGrid.prototype, "dragColumns", void 0);
6332
6335
  __decorate([
6333
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6336
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
6334
6337
  __metadata("design:type", Object)
6335
6338
  ], TekGrid.prototype, "resizeColumns", void 0);
6336
6339
  __decorate([
6337
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6340
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
6338
6341
  __metadata("design:type", Object)
6339
6342
  ], TekGrid.prototype, "showLayoutOptions", void 0);
6340
6343
  __decorate([
6341
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: false }),
6344
+ vuetify.PropWatch({ type: [String, Boolean], default: false }),
6342
6345
  __metadata("design:type", Object)
6343
6346
  ], TekGrid.prototype, "showExport", void 0);
6344
6347
  __decorate([
6345
- vuePropertyDecorator.Prop({ type: [String, Boolean], default: true }),
6348
+ vuetify.PropWatch({ type: [String, Boolean], default: true }),
6346
6349
  __metadata("design:type", Object)
6347
6350
  ], TekGrid.prototype, "showReload", void 0);
6348
6351
  __decorate([
@@ -6412,6 +6415,9 @@
6412
6415
  "disable-sort": "",
6413
6416
  "disable-filtering": "",
6414
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),
6415
6421
  },
6416
6422
  on: {
6417
6423
  "current-items": function ($event) {
@@ -7679,7 +7685,7 @@
7679
7685
  /* style */
7680
7686
  const __vue_inject_styles__ = function (inject) {
7681
7687
  if (!inject) return
7682
- inject("data-v-3ef85802_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 });
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 });
7683
7689
 
7684
7690
  };
7685
7691
  /* scoped */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeedhi/teknisa-components-vuetify",
3
- "version": "1.45.0",
3
+ "version": "1.46.0",
4
4
  "description": "Teknisa Components based on Vuetify",
5
5
  "author": "Zeedhi <zeedhi@teknisa.com>",
6
6
  "license": "ISC",
@@ -39,5 +39,5 @@
39
39
  "vue": "^2.6.12",
40
40
  "vuetify": "^2.4.0"
41
41
  },
42
- "gitHead": "5cb77925445487ae4412a779f01ee7be41b59817"
42
+ "gitHead": "35ee7d0d3d5e7c5528f0d41f9a48b5bc4376a9f7"
43
43
  }