@zeedhi/teknisa-components-vuetify 1.81.0 → 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 +51 -47
- package/dist/tek-components-vuetify.umd.js +51 -47
- package/package.json +2 -2
- package/types/components/tek-grid/TekGrid.d.ts +1 -7
- 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;
|
|
@@ -1831,6 +1802,7 @@
|
|
|
1831
1802
|
!_vm.instance.editing,
|
|
1832
1803
|
sortHandle:
|
|
1833
1804
|
!column.fixed &&
|
|
1805
|
+
!column.actionFixed &&
|
|
1834
1806
|
_vm.instance.dragColumns,
|
|
1835
1807
|
"zd-table-fixed-column": column.fixed,
|
|
1836
1808
|
"zd-table-fixed-column-action":
|
|
@@ -3016,6 +2988,11 @@
|
|
|
3016
2988
|
column.name
|
|
3017
2989
|
]
|
|
3018
2990
|
: "unset",
|
|
2991
|
+
right: column.actionFixed
|
|
2992
|
+
? _vm.fixedRight[
|
|
2993
|
+
column.name
|
|
2994
|
+
]
|
|
2995
|
+
: "unset",
|
|
3019
2996
|
},
|
|
3020
2997
|
],
|
|
3021
2998
|
},
|
|
@@ -3163,7 +3140,7 @@
|
|
|
3163
3140
|
/* style */
|
|
3164
3141
|
const __vue_inject_styles__$b = function (inject) {
|
|
3165
3142
|
if (!inject) return
|
|
3166
|
-
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 });
|
|
3167
3144
|
|
|
3168
3145
|
};
|
|
3169
3146
|
/* scoped */
|
|
@@ -4415,7 +4392,7 @@
|
|
|
4415
4392
|
/* style */
|
|
4416
4393
|
const __vue_inject_styles__$a = function (inject) {
|
|
4417
4394
|
if (!inject) return
|
|
4418
|
-
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 });
|
|
4419
4396
|
|
|
4420
4397
|
};
|
|
4421
4398
|
/* scoped */
|
|
@@ -4941,7 +4918,7 @@
|
|
|
4941
4918
|
/* style */
|
|
4942
4919
|
const __vue_inject_styles__$9 = function (inject) {
|
|
4943
4920
|
if (!inject) return
|
|
4944
|
-
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 });
|
|
4945
4922
|
|
|
4946
4923
|
};
|
|
4947
4924
|
/* scoped */
|
|
@@ -5423,11 +5400,11 @@
|
|
|
5423
5400
|
/* style */
|
|
5424
5401
|
const __vue_inject_styles__$6 = function (inject) {
|
|
5425
5402
|
if (!inject) return
|
|
5426
|
-
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 });
|
|
5427
5404
|
|
|
5428
5405
|
};
|
|
5429
5406
|
/* scoped */
|
|
5430
|
-
const __vue_scope_id__$6 = "data-v-
|
|
5407
|
+
const __vue_scope_id__$6 = "data-v-11f2d051";
|
|
5431
5408
|
/* module identifier */
|
|
5432
5409
|
const __vue_module_identifier__$6 = undefined;
|
|
5433
5410
|
/* functional template */
|
|
@@ -5643,7 +5620,7 @@
|
|
|
5643
5620
|
/* style */
|
|
5644
5621
|
const __vue_inject_styles__$4 = function (inject) {
|
|
5645
5622
|
if (!inject) return
|
|
5646
|
-
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 });
|
|
5647
5624
|
|
|
5648
5625
|
};
|
|
5649
5626
|
/* scoped */
|
|
@@ -5879,7 +5856,7 @@
|
|
|
5879
5856
|
/* style */
|
|
5880
5857
|
const __vue_inject_styles__$3 = function (inject) {
|
|
5881
5858
|
if (!inject) return
|
|
5882
|
-
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 });
|
|
5883
5860
|
|
|
5884
5861
|
};
|
|
5885
5862
|
/* scoped */
|
|
@@ -6410,7 +6387,6 @@
|
|
|
6410
6387
|
key: "header",
|
|
6411
6388
|
fn: function (ref) {
|
|
6412
6389
|
var props = ref.props;
|
|
6413
|
-
ref.on;
|
|
6414
6390
|
return [
|
|
6415
6391
|
_c("thead", { staticClass: "zd-grid-table-header" }, [
|
|
6416
6392
|
_c(
|
|
@@ -6493,11 +6469,25 @@
|
|
|
6493
6469
|
_vm.instance.name,
|
|
6494
6470
|
{
|
|
6495
6471
|
sortable: column.sortable,
|
|
6496
|
-
sortHandle:
|
|
6472
|
+
sortHandle:
|
|
6473
|
+
!column.fixed &&
|
|
6474
|
+
!column.actionFixed &&
|
|
6475
|
+
_vm.instance.dragColumns,
|
|
6497
6476
|
"zd-table-fixed-column": column.fixed,
|
|
6498
6477
|
"zd-table-fixed-column-action":
|
|
6499
6478
|
column.actionFixed,
|
|
6500
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
|
+
},
|
|
6501
6491
|
"text-" + column.align,
|
|
6502
6492
|
_vm.instance.datasource.getOrderByColumn(
|
|
6503
6493
|
column.name
|
|
@@ -7216,6 +7206,20 @@
|
|
|
7216
7206
|
"zd-table-fixed-column":
|
|
7217
7207
|
column.fixed,
|
|
7218
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
|
+
},
|
|
7219
7223
|
],
|
|
7220
7224
|
cellStyle: [
|
|
7221
7225
|
{
|
|
@@ -7535,7 +7539,7 @@
|
|
|
7535
7539
|
/* style */
|
|
7536
7540
|
const __vue_inject_styles__$2 = function (inject) {
|
|
7537
7541
|
if (!inject) return
|
|
7538
|
-
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 });
|
|
7539
7543
|
|
|
7540
7544
|
};
|
|
7541
7545
|
/* scoped */
|
|
@@ -7645,7 +7649,7 @@
|
|
|
7645
7649
|
/* style */
|
|
7646
7650
|
const __vue_inject_styles__$1 = function (inject) {
|
|
7647
7651
|
if (!inject) return
|
|
7648
|
-
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 });
|
|
7649
7653
|
|
|
7650
7654
|
};
|
|
7651
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
|
}
|
|
@@ -36,10 +36,7 @@ export default class TekGrid extends ZdGridEditable {
|
|
|
36
36
|
calcScrollData: (() => void) | undefined;
|
|
37
37
|
scrollData: any;
|
|
38
38
|
renderedData: any;
|
|
39
|
-
|
|
40
|
-
* Left distance for each column
|
|
41
|
-
*/
|
|
42
|
-
fixedLeft: IDictionary<string>;
|
|
39
|
+
updateFixedColumns: any;
|
|
43
40
|
mounted(): void;
|
|
44
41
|
minimumColumnWidth(column?: TekGridColumn): any;
|
|
45
42
|
private onChangeLayout;
|
|
@@ -65,9 +62,6 @@ export default class TekGrid extends ZdGridEditable {
|
|
|
65
62
|
getData(): IDictionary<any>[];
|
|
66
63
|
rowClick(row: IDictionary<any>, event: Event): void;
|
|
67
64
|
orderHeaders(headers: TekGridColumn[]): TekGridColumn[];
|
|
68
|
-
private tableHeader;
|
|
69
|
-
private tableBody;
|
|
70
|
-
private updateFixedColumns;
|
|
71
65
|
isGroupSelected(item: ITekGridGroupHeader): boolean;
|
|
72
66
|
isGroupSelectIndeterminate(item: ITekGridGroupHeader): boolean;
|
|
73
67
|
selectGroup(item: ITekGridGroupHeader, event: Event): void;
|