@zeedhi/teknisa-components-vuetify 1.35.0 → 1.35.1

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.
@@ -1170,7 +1170,7 @@ let TekGrid = class TekGrid extends ZdGridEditable {
1170
1170
  }
1171
1171
  minimumColumnWidth(column) {
1172
1172
  let minWidth = this.superMethods(ZdGrid).minimumColumnWidth.call(this, column);
1173
- if (column && column.filterable) {
1173
+ if (this.instance.columnFilterButton && column && column.filterable) {
1174
1174
  minWidth += 15;
1175
1175
  }
1176
1176
  return minWidth;
@@ -1333,6 +1333,14 @@ let TekGrid = class TekGrid extends ZdGridEditable {
1333
1333
  }
1334
1334
  return this.renderedData;
1335
1335
  }
1336
+ rowClick(row, event) {
1337
+ if (row.group || row.groupFooter || row.groupSummary) {
1338
+ this.instance.groupRowClick(row, event, this.$el);
1339
+ }
1340
+ else {
1341
+ this.instance.rowClick(row, event, this.$el);
1342
+ }
1343
+ }
1336
1344
  };
1337
1345
  __decorate([
1338
1346
  Prop({ type: [String], default: '' }),
@@ -1481,7 +1489,12 @@ var __vue_render__$7 = function() {
1481
1489
  ]
1482
1490
  : _vm._e(),
1483
1491
  _vm._v(" "),
1484
- _vm._t("toolbarSlot")
1492
+ _vm._t("toolbarSlot"),
1493
+ _vm._v(" "),
1494
+ _c("span", {
1495
+ ref: "gridTooltip",
1496
+ staticClass: "zd-grid-cell-tooltip"
1497
+ })
1485
1498
  ]
1486
1499
  },
1487
1500
  proxy: true
@@ -1711,6 +1724,18 @@ var __vue_render__$7 = function() {
1711
1724
  return _vm.instance.changeColumnOrder(
1712
1725
  column
1713
1726
  )
1727
+ },
1728
+ mouseenter: function(
1729
+ $event
1730
+ ) {
1731
+ return _vm.checkOverflow(
1732
+ $event
1733
+ )
1734
+ },
1735
+ mouseleave: function(
1736
+ $event
1737
+ ) {
1738
+ return _vm.removeTooltip()
1714
1739
  }
1715
1740
  }
1716
1741
  },
@@ -2556,6 +2581,20 @@ var __vue_render__$7 = function() {
2556
2581
  column,
2557
2582
  column.maxWidth
2558
2583
  ) || "unset"
2584
+ },
2585
+ on: {
2586
+ mouseenter: function(
2587
+ $event
2588
+ ) {
2589
+ return _vm.checkOverflow(
2590
+ $event
2591
+ )
2592
+ },
2593
+ mouseleave: function(
2594
+ $event
2595
+ ) {
2596
+ return _vm.removeTooltip()
2597
+ }
2559
2598
  }
2560
2599
  },
2561
2600
  [
@@ -2759,7 +2798,7 @@ __vue_render__$7._withStripped = true;
2759
2798
  /* style */
2760
2799
  const __vue_inject_styles__$7 = function (inject) {
2761
2800
  if (!inject) return
2762
- inject("data-v-71e0f09a_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 10px;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n background: white;\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}", map: undefined, media: undefined });
2801
+ inject("data-v-044b178a_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 10px;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n background: white;\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}", map: undefined, media: undefined });
2763
2802
 
2764
2803
  };
2765
2804
  /* scoped */
@@ -1173,7 +1173,7 @@
1173
1173
  }
1174
1174
  minimumColumnWidth(column) {
1175
1175
  let minWidth = this.superMethods(vuetify.ZdGrid).minimumColumnWidth.call(this, column);
1176
- if (column && column.filterable) {
1176
+ if (this.instance.columnFilterButton && column && column.filterable) {
1177
1177
  minWidth += 15;
1178
1178
  }
1179
1179
  return minWidth;
@@ -1336,6 +1336,14 @@
1336
1336
  }
1337
1337
  return this.renderedData;
1338
1338
  }
1339
+ rowClick(row, event) {
1340
+ if (row.group || row.groupFooter || row.groupSummary) {
1341
+ this.instance.groupRowClick(row, event, this.$el);
1342
+ }
1343
+ else {
1344
+ this.instance.rowClick(row, event, this.$el);
1345
+ }
1346
+ }
1339
1347
  };
1340
1348
  __decorate([
1341
1349
  vuePropertyDecorator.Prop({ type: [String], default: '' }),
@@ -1484,7 +1492,12 @@
1484
1492
  ]
1485
1493
  : _vm._e(),
1486
1494
  _vm._v(" "),
1487
- _vm._t("toolbarSlot")
1495
+ _vm._t("toolbarSlot"),
1496
+ _vm._v(" "),
1497
+ _c("span", {
1498
+ ref: "gridTooltip",
1499
+ staticClass: "zd-grid-cell-tooltip"
1500
+ })
1488
1501
  ]
1489
1502
  },
1490
1503
  proxy: true
@@ -1714,6 +1727,18 @@
1714
1727
  return _vm.instance.changeColumnOrder(
1715
1728
  column
1716
1729
  )
1730
+ },
1731
+ mouseenter: function(
1732
+ $event
1733
+ ) {
1734
+ return _vm.checkOverflow(
1735
+ $event
1736
+ )
1737
+ },
1738
+ mouseleave: function(
1739
+ $event
1740
+ ) {
1741
+ return _vm.removeTooltip()
1717
1742
  }
1718
1743
  }
1719
1744
  },
@@ -2559,6 +2584,20 @@
2559
2584
  column,
2560
2585
  column.maxWidth
2561
2586
  ) || "unset"
2587
+ },
2588
+ on: {
2589
+ mouseenter: function(
2590
+ $event
2591
+ ) {
2592
+ return _vm.checkOverflow(
2593
+ $event
2594
+ )
2595
+ },
2596
+ mouseleave: function(
2597
+ $event
2598
+ ) {
2599
+ return _vm.removeTooltip()
2600
+ }
2562
2601
  }
2563
2602
  },
2564
2603
  [
@@ -2762,7 +2801,7 @@
2762
2801
  /* style */
2763
2802
  const __vue_inject_styles__$7 = function (inject) {
2764
2803
  if (!inject) return
2765
- inject("data-v-71e0f09a_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 10px;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n background: white;\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}", map: undefined, media: undefined });
2804
+ inject("data-v-044b178a_0", { source: ".tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n}\n.tek-grid table thead tr th {\n padding-right: 15px !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: inline-block;\n vertical-align: middle;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 10px;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n position: relative;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n background: white;\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}", map: undefined, media: undefined });
2766
2805
 
2767
2806
  };
2768
2807
  /* scoped */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zeedhi/teknisa-components-vuetify",
3
- "version": "1.35.0",
3
+ "version": "1.35.1",
4
4
  "description": "Teknisa Components based on Vuetify",
5
5
  "author": "Zeedhi <zeedhi@teknisa.com>",
6
6
  "license": "ISC",
@@ -35,5 +35,5 @@
35
35
  "vue": "^2.6.12",
36
36
  "vuetify": "^2.4.0"
37
37
  },
38
- "gitHead": "9a83974f8b6a8f11b1aa35b10068c87822c3aec3"
38
+ "gitHead": "dfd234a35b5161eb50a265cedb46054831b30a75"
39
39
  }
@@ -47,5 +47,6 @@ export default class TekGrid extends ZdGridEditable {
47
47
  isCurrentRow(row: IDictionary<any>): boolean;
48
48
  getVisibleData(): any;
49
49
  getData(): any;
50
+ rowClick(row: IDictionary<any>, event: Event): void;
50
51
  }
51
52
  export {};