@zeedhi/teknisa-components-vuetify 1.80.1 → 1.82.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.
- package/dist/tek-components-vuetify.esm.js +57 -47
- package/dist/tek-components-vuetify.umd.js +57 -47
- package/package.json +2 -2
- package/types/components/tek-grid/TekGrid.d.ts +2 -7
- package/types/components/tek-tree-grid/TekTreeGrid.d.ts +1 -0
- package/dist/tek-style.css +0 -5812
- package/types/components/tek-ag-grid/RenderedIcons.d.ts +0 -6
- package/types/components/tek-ag-grid/TekAgGrid.d.ts +0 -30
- package/types/components/tek-ag-grid/tek-ag-grid-components/index.d.ts +0 -6
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/TekAgGridCellEditor.d.ts +0 -15
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/interfaces.d.ts +0 -14
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/TekAgGridCellRenderer.d.ts +0 -11
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/interfaces.d.ts +0 -13
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/TekAgGridDate.d.ts +0 -21
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/interfaces.d.ts +0 -14
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/TekAgGridSelectEditor.d.ts +0 -13
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/interfaces.d.ts +0 -10
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/TekAgGridSelectRenderer.d.ts +0 -9
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/interfaces.d.ts +0 -8
- package/types/components/tek-grid/RenderedIcons.d.ts +0 -6
- package/types/components/tek-grid/tek-grid-components/index.d.ts +0 -6
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts +0 -15
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/interfaces.d.ts +0 -14
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/TekGridCellRenderer.d.ts +0 -11
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/interfaces.d.ts +0 -13
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/TekGridDate.d.ts +0 -21
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/interfaces.d.ts +0 -14
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/TekGridSelectEditor.d.ts +0 -13
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/interfaces.d.ts +0 -10
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/TekGridSelectRenderer.d.ts +0 -9
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts +0 -8
- package/types/components/tek-login/TekLogin.d.ts +0 -15
|
@@ -264,7 +264,7 @@
|
|
|
264
264
|
/* style */
|
|
265
265
|
const __vue_inject_styles__$i = function (inject) {
|
|
266
266
|
if (!inject) return
|
|
267
|
-
inject("data-v-
|
|
267
|
+
inject("data-v-0e000f00_0", { source: ".tek-breadcrumb-header .tek-breadcrumb-header-title-col {\n display: flex;\n padding-top: 5px;\n padding-left: 0;\n}\n.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right {\n margin-left: auto;\n}\n.tek-breadcrumb-header .zd-breadcrumbs {\n padding: 0;\n font-size: var(--zd-font-body2-size);\n}\n.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title {\n font-size: 32px;\n font-weight: bold;\n line-height: 35px;\n margin-bottom: 10px;\n}\n.tek-breadcrumb-header .zd-text > p {\n margin: 0;\n}", map: undefined, media: undefined });
|
|
268
268
|
|
|
269
269
|
};
|
|
270
270
|
/* scoped */
|
|
@@ -434,7 +434,7 @@
|
|
|
434
434
|
/* style */
|
|
435
435
|
const __vue_inject_styles__$h = function (inject) {
|
|
436
436
|
if (!inject) return
|
|
437
|
-
inject("data-v-
|
|
437
|
+
inject("data-v-50a83464_0", { source: ".tek-card-title-row {\n display: flex;\n align-items: center;\n}\n.tek-card-title-row .tek-card-title-text {\n color: var(--v-primary-base);\n font-weight: bold;\n font-size: 20px;\n}\n.tek-card-title-row .tek-card-subtitle-text {\n padding-left: 10px;\n color: var(--zd-font-color);\n font-size: 13px;\n}\n.tek-card-title-row .tek-card-title-text,\n.tek-card-title-row .tek-card-subtitle-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: baseline;\n}\n.tek-card-title-row .v-icon {\n color: var(--v-primary-base);\n padding-right: calc(var(--zd-default-padding) / 2);\n}\n.tek-card-title .v-divider {\n margin-bottom: 16px;\n}\n.tek-card-title .tek-card-title-router {\n text-decoration: none;\n}\n.tek-card-title .tek-card-title-no-router {\n text-decoration: none;\n cursor: default;\n}", map: undefined, media: undefined });
|
|
438
438
|
|
|
439
439
|
};
|
|
440
440
|
/* scoped */
|
|
@@ -990,7 +990,7 @@
|
|
|
990
990
|
/* style */
|
|
991
991
|
const __vue_inject_styles__$d = function (inject) {
|
|
992
992
|
if (!inject) return
|
|
993
|
-
inject("data-v-
|
|
993
|
+
inject("data-v-980d49d4_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
|
|
994
994
|
|
|
995
995
|
};
|
|
996
996
|
/* scoped */
|
|
@@ -1149,10 +1149,7 @@
|
|
|
1149
1149
|
super(...arguments);
|
|
1150
1150
|
this.instanceType = teknisaComponentsCommon.TekGrid;
|
|
1151
1151
|
this.visibleRowsLength = 0;
|
|
1152
|
-
|
|
1153
|
-
* Left distance for each column
|
|
1154
|
-
*/
|
|
1155
|
-
this.fixedLeft = {};
|
|
1152
|
+
this.updateFixedColumns = this.superMethods(vuetify.ZdGrid).updateFixedColumns;
|
|
1156
1153
|
this.debouncedDatasourceGet = debounce__default["default"]((instance) => {
|
|
1157
1154
|
if (instance.events.beforeApplyFilter) {
|
|
1158
1155
|
instance.events.beforeApplyFilter({ component: instance });
|
|
@@ -1169,15 +1166,12 @@
|
|
|
1169
1166
|
this.defaultOperation = '';
|
|
1170
1167
|
this.defaultRelation = '';
|
|
1171
1168
|
this.lastFilter = '';
|
|
1172
|
-
this.tableHeader = null;
|
|
1173
|
-
this.tableBody = null;
|
|
1174
1169
|
}
|
|
1175
1170
|
mounted() {
|
|
1176
1171
|
this.originalChangeLayout = this.instance.changeLayout;
|
|
1177
1172
|
this.instance.changeLayout = this.onChangeLayout;
|
|
1178
1173
|
this.instance.viewUpdateScrollData = this.calcScrollData;
|
|
1179
|
-
this.instance.viewUpdateFixedColumns = this.updateFixedColumns;
|
|
1180
|
-
this.updateFixedColumns();
|
|
1174
|
+
this.instance.viewUpdateFixedColumns = this.updateFixedColumns.bind(this);
|
|
1181
1175
|
}
|
|
1182
1176
|
minimumColumnWidth(column) {
|
|
1183
1177
|
let minWidth = this.superMethods(vuetify.ZdGrid).minimumColumnWidth.call(this, column);
|
|
@@ -1199,7 +1193,7 @@
|
|
|
1199
1193
|
// do nothing
|
|
1200
1194
|
}
|
|
1201
1195
|
}
|
|
1202
|
-
setTimeout(this.updateFixedColumns);
|
|
1196
|
+
setTimeout(this.updateFixedColumns.bind(this));
|
|
1203
1197
|
}
|
|
1204
1198
|
getFilterActivatorEvents(on, column) {
|
|
1205
1199
|
const events = {};
|
|
@@ -1448,26 +1442,6 @@
|
|
|
1448
1442
|
return -1;
|
|
1449
1443
|
}).filter((item) => item instanceof teknisaComponentsCommon.TekGridColumn);
|
|
1450
1444
|
}
|
|
1451
|
-
updateFixedColumns() {
|
|
1452
|
-
if (this.instance.columns.filter((column) => column.fixed).length === 0)
|
|
1453
|
-
return;
|
|
1454
|
-
if (!this.tableHeader) {
|
|
1455
|
-
this.tableHeader = this.$el.querySelector('table thead tr');
|
|
1456
|
-
this.tableBody = this.$el.querySelector('table tbody');
|
|
1457
|
-
if (!this.tableHeader || !this.tableBody)
|
|
1458
|
-
return;
|
|
1459
|
-
}
|
|
1460
|
-
const headerColumns = Array.from(this.tableHeader.querySelectorAll('th'));
|
|
1461
|
-
let left = this.instance.selectable ? 40 : 0;
|
|
1462
|
-
headerColumns.forEach((column) => {
|
|
1463
|
-
const name = column.getAttribute('column-name');
|
|
1464
|
-
if (name && column.classList.contains('zd-table-fixed-column')) {
|
|
1465
|
-
column.style.left = `${left}px`;
|
|
1466
|
-
this.$set(this.fixedLeft, name, column.style.left);
|
|
1467
|
-
left += column.clientWidth;
|
|
1468
|
-
}
|
|
1469
|
-
});
|
|
1470
|
-
}
|
|
1471
1445
|
isGroupSelected(item) {
|
|
1472
1446
|
return item.children.every((child) => {
|
|
1473
1447
|
const { uniqueKey } = this.instance.datasource;
|
|
@@ -1513,7 +1487,7 @@
|
|
|
1513
1487
|
get headers() {
|
|
1514
1488
|
this.$nextTick(() => {
|
|
1515
1489
|
if (this.$el)
|
|
1516
|
-
this.updateFixedColumns();
|
|
1490
|
+
this.updateFixedColumns.call(this);
|
|
1517
1491
|
});
|
|
1518
1492
|
return this.instance.columns;
|
|
1519
1493
|
}
|
|
@@ -1522,9 +1496,6 @@
|
|
|
1522
1496
|
}
|
|
1523
1497
|
resizeMouseMoveHandler(event) {
|
|
1524
1498
|
this.superMethods(vuetify.ZdGrid).resizeMouseMoveHandler.call(this, event);
|
|
1525
|
-
if (this.resizeColumn.fixed) {
|
|
1526
|
-
this.$nextTick(this.updateFixedColumns);
|
|
1527
|
-
}
|
|
1528
1499
|
}
|
|
1529
1500
|
checkIfVirtualRow(item) {
|
|
1530
1501
|
this.visibleRowsLength = this.scrollData.visibleData.length;
|
|
@@ -1581,6 +1552,9 @@
|
|
|
1581
1552
|
__decorate([
|
|
1582
1553
|
vuePropertyDecorator.Prop({ type: [Array, String], default: () => [] })
|
|
1583
1554
|
], TekGrid$1.prototype, "columnsButtonIgnore", void 0);
|
|
1555
|
+
__decorate([
|
|
1556
|
+
vuetify.PropWatch({ type: [Boolean, String], default: true })
|
|
1557
|
+
], TekGrid$1.prototype, "showEditButtons", void 0);
|
|
1584
1558
|
__decorate([
|
|
1585
1559
|
vuetify.PropWatch({ type: [Boolean, String], default: false })
|
|
1586
1560
|
], TekGrid$1.prototype, "filterButton", void 0);
|
|
@@ -1828,6 +1802,7 @@
|
|
|
1828
1802
|
!_vm.instance.editing,
|
|
1829
1803
|
sortHandle:
|
|
1830
1804
|
!column.fixed &&
|
|
1805
|
+
!column.actionFixed &&
|
|
1831
1806
|
_vm.instance.dragColumns,
|
|
1832
1807
|
"zd-table-fixed-column": column.fixed,
|
|
1833
1808
|
"zd-table-fixed-column-action":
|
|
@@ -3013,6 +2988,11 @@
|
|
|
3013
2988
|
column.name
|
|
3014
2989
|
]
|
|
3015
2990
|
: "unset",
|
|
2991
|
+
right: column.actionFixed
|
|
2992
|
+
? _vm.fixedRight[
|
|
2993
|
+
column.name
|
|
2994
|
+
]
|
|
2995
|
+
: "unset",
|
|
3016
2996
|
},
|
|
3017
2997
|
],
|
|
3018
2998
|
},
|
|
@@ -3160,7 +3140,7 @@
|
|
|
3160
3140
|
/* style */
|
|
3161
3141
|
const __vue_inject_styles__$b = function (inject) {
|
|
3162
3142
|
if (!inject) return
|
|
3163
|
-
inject("data-v-
|
|
3143
|
+
inject("data-v-b1eccf90_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.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 });
|
|
3164
3144
|
|
|
3165
3145
|
};
|
|
3166
3146
|
/* scoped */
|
|
@@ -4412,7 +4392,7 @@
|
|
|
4412
4392
|
/* style */
|
|
4413
4393
|
const __vue_inject_styles__$a = function (inject) {
|
|
4414
4394
|
if (!inject) return
|
|
4415
|
-
inject("data-v-
|
|
4395
|
+
inject("data-v-1708b4d8_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 });
|
|
4416
4396
|
|
|
4417
4397
|
};
|
|
4418
4398
|
/* scoped */
|
|
@@ -4938,7 +4918,7 @@
|
|
|
4938
4918
|
/* style */
|
|
4939
4919
|
const __vue_inject_styles__$9 = function (inject) {
|
|
4940
4920
|
if (!inject) return
|
|
4941
|
-
inject("data-v-
|
|
4921
|
+
inject("data-v-503d4216_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n display: none;\n position: absolute;\n right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 12px;\n}", map: undefined, media: undefined });
|
|
4942
4922
|
|
|
4943
4923
|
};
|
|
4944
4924
|
/* scoped */
|
|
@@ -5420,11 +5400,11 @@
|
|
|
5420
5400
|
/* style */
|
|
5421
5401
|
const __vue_inject_styles__$6 = function (inject) {
|
|
5422
5402
|
if (!inject) return
|
|
5423
|
-
inject("data-v-
|
|
5403
|
+
inject("data-v-11f2d051_0", { source: ".tek-iterable-component-render[data-v-11f2d051] {\n width: 100%;\n display: flex;\n flex-wrap: wrap;\n -webkit-box-flex: 1;\n flex: 1 1 auto;\n}\n.tek-iterable-component-render .error--text[data-v-11f2d051],\n.tek-iterable-component-render .no--data[data-v-11f2d051] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-11f2d051] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-11f2d051] {\n display: flex;\n justify-content: space-between;\n margin-bottom: 16px;\n align-items: center;\n width: 100%;\n}\n.tek-iterable-component-render .tek-iterable-footer[data-v-11f2d051] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
5424
5404
|
|
|
5425
5405
|
};
|
|
5426
5406
|
/* scoped */
|
|
5427
|
-
const __vue_scope_id__$6 = "data-v-
|
|
5407
|
+
const __vue_scope_id__$6 = "data-v-11f2d051";
|
|
5428
5408
|
/* module identifier */
|
|
5429
5409
|
const __vue_module_identifier__$6 = undefined;
|
|
5430
5410
|
/* functional template */
|
|
@@ -5640,7 +5620,7 @@
|
|
|
5640
5620
|
/* style */
|
|
5641
5621
|
const __vue_inject_styles__$4 = function (inject) {
|
|
5642
5622
|
if (!inject) return
|
|
5643
|
-
inject("data-v-
|
|
5623
|
+
inject("data-v-0f0d70ea_0", { source: ".tek-notifications .tek-card-title .mark-read-text {\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n display: inline-block;\n}\n.tek-notifications .tek-card-title .mark-read-text p {\n margin-bottom: 0px;\n}\n.tek-notifications .tek-card-title hr.v-divider {\n margin-bottom: 0px;\n}\n.tek-notifications ul.tek-notifications-list {\n list-style: none;\n padding: 0;\n}\n.tek-notifications ul.tek-notifications-list li {\n border-bottom: solid 1px rgba(0, 0, 0, 0.12);\n color: #667080;\n font-size: var(--zd-font-body1-size);\n font-weight: var(--zd-font-body1-weight);\n line-height: 14px;\n padding: 10px 20px 10px 0;\n position: relative;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-subject {\n font-weight: 700;\n}\n.tek-notifications ul.tek-notifications-list li .tek-notification-read-mark {\n width: 10px;\n height: 10px;\n background-color: var(--v-primary-base);\n border-radius: 50%;\n position: absolute;\n right: 2px;\n top: 12px;\n}\n.tek-notifications ul.tek-notifications-list li:last-child {\n border-bottom: none;\n}\n.tek-notifications .tek-notification-show-all {\n text-decoration: none;\n text-align: center;\n padding-top: 10px;\n font-weight: 700;\n display: block;\n border-top: solid 1px rgba(0, 0, 0, 0.12);\n}", map: undefined, media: undefined });
|
|
5644
5624
|
|
|
5645
5625
|
};
|
|
5646
5626
|
/* scoped */
|
|
@@ -5876,7 +5856,7 @@
|
|
|
5876
5856
|
/* style */
|
|
5877
5857
|
const __vue_inject_styles__$3 = function (inject) {
|
|
5878
5858
|
if (!inject) return
|
|
5879
|
-
inject("data-v-
|
|
5859
|
+
inject("data-v-6d59508c_0", { source: ".tek-product-card * {\n text-decoration: none;\n}\n.tek-product-card .v-card {\n padding: 0%;\n}\n.tek-product-card .v-card .tek-image-content {\n text-align: center;\n}\n.tek-product-card .v-card .tek-product-card-image-container {\n position: relative;\n}\n.tek-product-card .v-card .tek-product-card-info {\n display: flex;\n flex-direction: column;\n padding: 5px 10px 10px 10px;\n color: var(--zd-font-color);\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-title {\n white-space: nowrap;\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: 16px;\n line-height: 19px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-supplier {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n color: #c4c4c4;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 10px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-brand {\n font-size: var(--zd-font-body2-size);\n line-height: 14px;\n}\n.tek-product-card .v-card .tek-product-card-info .tek-product-card-footer .tek-product-card-price {\n font-weight: var(--zd-font-body4-weight);\n font-size: var(--zd-font-body4-size);\n line-height: 16px;\n}\n.tek-product-card--link .v-card {\n cursor: pointer;\n}", map: undefined, media: undefined });
|
|
5880
5860
|
|
|
5881
5861
|
};
|
|
5882
5862
|
/* scoped */
|
|
@@ -6250,6 +6230,9 @@
|
|
|
6250
6230
|
__decorate([
|
|
6251
6231
|
vuePropertyDecorator.Prop({ type: [Array, String], default: () => [] })
|
|
6252
6232
|
], TekGrid.prototype, "columnsButtonIgnore", void 0);
|
|
6233
|
+
__decorate([
|
|
6234
|
+
vuetify.PropWatch({ type: [Boolean, String], default: true })
|
|
6235
|
+
], TekGrid.prototype, "showEditButtons", void 0);
|
|
6253
6236
|
__decorate([
|
|
6254
6237
|
vuetify.PropWatch({ type: [Boolean, String], default: false })
|
|
6255
6238
|
], TekGrid.prototype, "filterButton", void 0);
|
|
@@ -6404,7 +6387,6 @@
|
|
|
6404
6387
|
key: "header",
|
|
6405
6388
|
fn: function (ref) {
|
|
6406
6389
|
var props = ref.props;
|
|
6407
|
-
ref.on;
|
|
6408
6390
|
return [
|
|
6409
6391
|
_c("thead", { staticClass: "zd-grid-table-header" }, [
|
|
6410
6392
|
_c(
|
|
@@ -6487,11 +6469,25 @@
|
|
|
6487
6469
|
_vm.instance.name,
|
|
6488
6470
|
{
|
|
6489
6471
|
sortable: column.sortable,
|
|
6490
|
-
sortHandle:
|
|
6472
|
+
sortHandle:
|
|
6473
|
+
!column.fixed &&
|
|
6474
|
+
!column.actionFixed &&
|
|
6475
|
+
_vm.instance.dragColumns,
|
|
6491
6476
|
"zd-table-fixed-column": column.fixed,
|
|
6492
6477
|
"zd-table-fixed-column-action":
|
|
6493
6478
|
column.actionFixed,
|
|
6494
6479
|
},
|
|
6480
|
+
{
|
|
6481
|
+
"theme--dark":
|
|
6482
|
+
(_vm.$vuetify.theme.dark &&
|
|
6483
|
+
!_vm.instance.light) ||
|
|
6484
|
+
_vm.instance.dark,
|
|
6485
|
+
},
|
|
6486
|
+
{
|
|
6487
|
+
"theme--light":
|
|
6488
|
+
!_vm.$vuetify.theme.dark ||
|
|
6489
|
+
_vm.instance.light,
|
|
6490
|
+
},
|
|
6495
6491
|
"text-" + column.align,
|
|
6496
6492
|
_vm.instance.datasource.getOrderByColumn(
|
|
6497
6493
|
column.name
|
|
@@ -7210,6 +7206,20 @@
|
|
|
7210
7206
|
"zd-table-fixed-column":
|
|
7211
7207
|
column.fixed,
|
|
7212
7208
|
},
|
|
7209
|
+
{
|
|
7210
|
+
"theme--dark":
|
|
7211
|
+
(_vm.$vuetify.theme
|
|
7212
|
+
.dark &&
|
|
7213
|
+
!_vm.instance
|
|
7214
|
+
.light) ||
|
|
7215
|
+
_vm.instance.dark,
|
|
7216
|
+
},
|
|
7217
|
+
{
|
|
7218
|
+
"theme--light":
|
|
7219
|
+
!_vm.$vuetify.theme
|
|
7220
|
+
.dark ||
|
|
7221
|
+
_vm.instance.light,
|
|
7222
|
+
},
|
|
7213
7223
|
],
|
|
7214
7224
|
cellStyle: [
|
|
7215
7225
|
{
|
|
@@ -7529,7 +7539,7 @@
|
|
|
7529
7539
|
/* style */
|
|
7530
7540
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7531
7541
|
if (!inject) return
|
|
7532
|
-
inject("data-v-
|
|
7542
|
+
inject("data-v-501b0119_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--light {\n background: #f7f7f7 !important;\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column.theme--dark {\n background: #3c3c3c !important;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total {\n display: flex !important;\n position: relative;\n justify-content: start;\n align-items: center;\n left: 1.5rem;\n top: -50%;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-aling-total:first-of-type {\n display: inline-block !important;\n top: 0;\n left: 0;\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 .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n top: 10px;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -25%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.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 });
|
|
7533
7543
|
|
|
7534
7544
|
};
|
|
7535
7545
|
/* scoped */
|
|
@@ -7639,7 +7649,7 @@
|
|
|
7639
7649
|
/* style */
|
|
7640
7650
|
const __vue_inject_styles__$1 = function (inject) {
|
|
7641
7651
|
if (!inject) return
|
|
7642
|
-
inject("data-v-
|
|
7652
|
+
inject("data-v-61c53946_0", { source: ".about-modal {\n flex-grow: 0;\n overflow-y: unset;\n width: auto;\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n height: 100%;\n}\n.about-modal .zd-modal-container {\n display: flex;\n flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n overflow-y: auto;\n}\n.about-modal .zd-image-valid {\n width: 60%;\n align-items: center;\n}\n.about-modal #basic-user-info_about_image {\n text-align: center;\n}", map: undefined, media: undefined });
|
|
7643
7653
|
|
|
7644
7654
|
};
|
|
7645
7655
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.82.0",
|
|
4
4
|
"description": "Teknisa Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"vue": "2.7.*",
|
|
42
42
|
"vuetify": "2.6.*"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "65208cfd85deaa60ad04ec03c6f04b6b95d8d214"
|
|
45
45
|
}
|
|
@@ -12,6 +12,7 @@ export default class TekGrid extends ZdGridEditable {
|
|
|
12
12
|
deleteButton: 'none' | 'currentRow' | 'selection';
|
|
13
13
|
columnsButton: boolean | string;
|
|
14
14
|
columnsButtonIgnore: string[] | string;
|
|
15
|
+
showEditButtons: boolean | string;
|
|
15
16
|
filterButton: boolean | string;
|
|
16
17
|
modalFilterProps: IModalFilterProps;
|
|
17
18
|
showSearch: boolean | string;
|
|
@@ -35,10 +36,7 @@ export default class TekGrid extends ZdGridEditable {
|
|
|
35
36
|
calcScrollData: (() => void) | undefined;
|
|
36
37
|
scrollData: any;
|
|
37
38
|
renderedData: any;
|
|
38
|
-
|
|
39
|
-
* Left distance for each column
|
|
40
|
-
*/
|
|
41
|
-
fixedLeft: IDictionary<string>;
|
|
39
|
+
updateFixedColumns: any;
|
|
42
40
|
mounted(): void;
|
|
43
41
|
minimumColumnWidth(column?: TekGridColumn): any;
|
|
44
42
|
private onChangeLayout;
|
|
@@ -64,9 +62,6 @@ export default class TekGrid extends ZdGridEditable {
|
|
|
64
62
|
getData(): IDictionary<any>[];
|
|
65
63
|
rowClick(row: IDictionary<any>, event: Event): void;
|
|
66
64
|
orderHeaders(headers: TekGridColumn[]): TekGridColumn[];
|
|
67
|
-
private tableHeader;
|
|
68
|
-
private tableBody;
|
|
69
|
-
private updateFixedColumns;
|
|
70
65
|
isGroupSelected(item: ITekGridGroupHeader): boolean;
|
|
71
66
|
isGroupSelectIndeterminate(item: ITekGridGroupHeader): boolean;
|
|
72
67
|
selectGroup(item: ITekGridGroupHeader, event: Event): void;
|
|
@@ -12,6 +12,7 @@ export default class TekGrid extends ZdTreeGridEditable {
|
|
|
12
12
|
deleteButton: 'none' | 'currentRow' | 'selection';
|
|
13
13
|
columnsButton: boolean | string;
|
|
14
14
|
columnsButtonIgnore: string[] | string;
|
|
15
|
+
showEditButtons: boolean | string;
|
|
15
16
|
filterButton: boolean | string;
|
|
16
17
|
modalFilterProps: IModalFilterProps;
|
|
17
18
|
showSearch: boolean | string;
|