@zeedhi/teknisa-components-vuetify 1.131.0 → 1.132.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 -63
- package/dist/tek-components-vuetify.umd.js +51 -63
- package/package.json +2 -2
- package/types/components/tek-grid/TekGridLayoutOptions.d.ts +3 -2
- package/.package.json +0 -51
- package/dist/tek-style.css +0 -7
- 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
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
/* style */
|
|
268
268
|
const __vue_inject_styles__$o = function (inject) {
|
|
269
269
|
if (!inject) return
|
|
270
|
-
inject("data-v-
|
|
270
|
+
inject("data-v-73099341_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 });
|
|
271
271
|
|
|
272
272
|
};
|
|
273
273
|
/* scoped */
|
|
@@ -437,7 +437,7 @@
|
|
|
437
437
|
/* style */
|
|
438
438
|
const __vue_inject_styles__$n = function (inject) {
|
|
439
439
|
if (!inject) return
|
|
440
|
-
inject("data-v-
|
|
440
|
+
inject("data-v-c08ce4fa_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 });
|
|
441
441
|
|
|
442
442
|
};
|
|
443
443
|
/* scoped */
|
|
@@ -993,7 +993,7 @@
|
|
|
993
993
|
/* style */
|
|
994
994
|
const __vue_inject_styles__$j = function (inject) {
|
|
995
995
|
if (!inject) return
|
|
996
|
-
inject("data-v-
|
|
996
|
+
inject("data-v-58e74857_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 });
|
|
997
997
|
|
|
998
998
|
};
|
|
999
999
|
/* scoped */
|
|
@@ -2889,7 +2889,7 @@
|
|
|
2889
2889
|
/* style */
|
|
2890
2890
|
const __vue_inject_styles__$h = function (inject) {
|
|
2891
2891
|
if (!inject) return
|
|
2892
|
-
inject("data-v-
|
|
2892
|
+
inject("data-v-d96b7840_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: auto;\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 flex-grow: 1;\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 .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: var(--row-active-color);\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-first-group-cell {\n display: flex;\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-text {\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.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 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: -10%;\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.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
|
|
2893
2893
|
|
|
2894
2894
|
};
|
|
2895
2895
|
/* scoped */
|
|
@@ -2963,7 +2963,7 @@
|
|
|
2963
2963
|
/* style */
|
|
2964
2964
|
const __vue_inject_styles__$g = function (inject) {
|
|
2965
2965
|
if (!inject) return
|
|
2966
|
-
inject("data-v-
|
|
2966
|
+
inject("data-v-d107dce8_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
|
|
2967
2967
|
|
|
2968
2968
|
};
|
|
2969
2969
|
/* scoped */
|
|
@@ -4395,19 +4395,19 @@
|
|
|
4395
4395
|
var _a, _b;
|
|
4396
4396
|
if ((_b = (_a = this.instance.grid) === null || _a === void 0 ? void 0 : _a.datasource) === null || _b === void 0 ? void 0 : _b.filter) {
|
|
4397
4397
|
this.updateFilterWatcher = false;
|
|
4398
|
-
this.instance.grid.datasource.filter = this.
|
|
4398
|
+
this.instance.grid.datasource.filter = this.createFilterChangeProxy(this.instance.grid.datasource.filter);
|
|
4399
4399
|
this.$nextTick(() => { this.updateFilterWatcher = true; });
|
|
4400
|
-
if (this.instance.grid.datasource
|
|
4400
|
+
if (this.isDynamicFilterDatasource(this.instance.grid.datasource)) {
|
|
4401
4401
|
this.updateDynamicFilterWatcher = false;
|
|
4402
|
-
this.instance.grid.datasource.dynamicFilter = this.
|
|
4402
|
+
this.instance.grid.datasource.dynamicFilter = this.createFilterChangeProxy(this.instance.grid.datasource.dynamicFilter);
|
|
4403
4403
|
this.$nextTick(() => { this.updateDynamicFilterWatcher = true; });
|
|
4404
4404
|
}
|
|
4405
4405
|
}
|
|
4406
4406
|
});
|
|
4407
4407
|
}
|
|
4408
|
-
|
|
4408
|
+
createFilterChangeProxy(filter) {
|
|
4409
4409
|
const self = this;
|
|
4410
|
-
|
|
4410
|
+
const handler = {
|
|
4411
4411
|
set(target, prop, value) {
|
|
4412
4412
|
if (target[prop] !== value) {
|
|
4413
4413
|
target[prop] = value;
|
|
@@ -4415,14 +4415,9 @@
|
|
|
4415
4415
|
}
|
|
4416
4416
|
return true;
|
|
4417
4417
|
},
|
|
4418
|
-
|
|
4419
|
-
|
|
4420
|
-
|
|
4421
|
-
const self = this;
|
|
4422
|
-
const handler = {
|
|
4423
|
-
set(target, prop, value) {
|
|
4424
|
-
if (target[prop] !== value) {
|
|
4425
|
-
target[prop] = value;
|
|
4418
|
+
deleteProperty(target, prop) {
|
|
4419
|
+
if (prop in target) {
|
|
4420
|
+
delete target[prop];
|
|
4426
4421
|
self.checkFilterChanged();
|
|
4427
4422
|
}
|
|
4428
4423
|
return true;
|
|
@@ -4438,8 +4433,8 @@
|
|
|
4438
4433
|
return new Proxy(filter, handler);
|
|
4439
4434
|
}
|
|
4440
4435
|
checkFilterChanged() {
|
|
4441
|
-
if (!this.applying
|
|
4442
|
-
this.instance.layoutEdited =
|
|
4436
|
+
if (!this.applying) {
|
|
4437
|
+
this.instance.layoutEdited = this.instance.hasLayoutChanges();
|
|
4443
4438
|
}
|
|
4444
4439
|
}
|
|
4445
4440
|
datasourceFilterChanged() {
|
|
@@ -4447,7 +4442,7 @@
|
|
|
4447
4442
|
return;
|
|
4448
4443
|
this.updateFilterWatcher = false;
|
|
4449
4444
|
this.checkFilterChanged();
|
|
4450
|
-
this.instance.grid.datasource.filter = this.
|
|
4445
|
+
this.instance.grid.datasource.filter = this.createFilterChangeProxy(this.instance.grid.datasource.filter);
|
|
4451
4446
|
this.$nextTick(() => { this.updateFilterWatcher = true; });
|
|
4452
4447
|
}
|
|
4453
4448
|
datasourceDynamicFilterChanged() {
|
|
@@ -4455,8 +4450,8 @@
|
|
|
4455
4450
|
return;
|
|
4456
4451
|
this.updateDynamicFilterWatcher = false;
|
|
4457
4452
|
this.checkFilterChanged();
|
|
4458
|
-
if (this.instance.grid.datasource
|
|
4459
|
-
this.instance.grid.datasource.dynamicFilter = this.
|
|
4453
|
+
if (this.isDynamicFilterDatasource(this.instance.grid.datasource)) {
|
|
4454
|
+
this.instance.grid.datasource.dynamicFilter = this.createFilterChangeProxy(this.instance.grid.datasource.dynamicFilter);
|
|
4460
4455
|
}
|
|
4461
4456
|
this.$nextTick(() => { this.updateDynamicFilterWatcher = true; });
|
|
4462
4457
|
}
|
|
@@ -4470,10 +4465,14 @@
|
|
|
4470
4465
|
component.value = '';
|
|
4471
4466
|
}
|
|
4472
4467
|
datasourceDynamicFilter(datasource) {
|
|
4473
|
-
if (datasource
|
|
4468
|
+
if (this.isDynamicFilterDatasource(datasource))
|
|
4474
4469
|
return datasource.dynamicFilter;
|
|
4475
4470
|
return {};
|
|
4476
4471
|
}
|
|
4472
|
+
isDynamicFilterDatasource(datasource) {
|
|
4473
|
+
return datasource instanceof teknisaComponentsCommon.TekRestDatasource
|
|
4474
|
+
|| datasource instanceof teknisaComponentsCommon.TekMemoryDatasource;
|
|
4475
|
+
}
|
|
4477
4476
|
applyLayout(layout) {
|
|
4478
4477
|
var _a;
|
|
4479
4478
|
let groupParamsChanged = false;
|
|
@@ -4510,10 +4509,10 @@
|
|
|
4510
4509
|
if (layoutChanged) {
|
|
4511
4510
|
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4512
4511
|
}
|
|
4513
|
-
tableElement.style.width = layout.gridWidth
|
|
4512
|
+
tableElement.style.width = this.getAppliedGridWidth(layout.gridWidth);
|
|
4514
4513
|
grid.datasource.order = layout.order !== undefined ? [...layout.order] : grid.datasource.order;
|
|
4515
4514
|
grid.datasource.filter = layout.filter !== undefined ? Object.assign({}, layout.filter) : grid.datasource.filter;
|
|
4516
|
-
if (grid.datasource
|
|
4515
|
+
if (this.isDynamicFilterDatasource(grid.datasource)
|
|
4517
4516
|
&& layout.dynamicFilter !== undefined) {
|
|
4518
4517
|
grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
|
|
4519
4518
|
}
|
|
@@ -4547,7 +4546,7 @@
|
|
|
4547
4546
|
else {
|
|
4548
4547
|
grid.datasource.order = [...this.instance.originalDatasourceOrder];
|
|
4549
4548
|
grid.datasource.filter = Object.assign({}, this.instance.originalDatasourceFilter);
|
|
4550
|
-
if (grid.datasource
|
|
4549
|
+
if (this.isDynamicFilterDatasource(grid.datasource)) {
|
|
4551
4550
|
grid.datasource.dynamicFilter = this.getHelperValues(this.instance.originalDatasourceDynamicFilter, this.instance.originalColumnProps);
|
|
4552
4551
|
}
|
|
4553
4552
|
grid.columns = this.instance.originalColumnProps.map((column) => {
|
|
@@ -4638,34 +4637,23 @@
|
|
|
4638
4637
|
getCurrentLayout(layoutName) {
|
|
4639
4638
|
const { grid } = this.instance;
|
|
4640
4639
|
const tableElement = this.getParentTable();
|
|
4641
|
-
const
|
|
4642
|
-
|
|
4643
|
-
: 'auto';
|
|
4640
|
+
const tableWidth = tableElement === null || tableElement === void 0 ? void 0 : tableElement.style.width;
|
|
4641
|
+
const gridWidth = tableWidth && tableWidth !== '100%' ? tableWidth : 'auto';
|
|
4644
4642
|
return {
|
|
4645
4643
|
name: layoutName,
|
|
4646
4644
|
gridWidth,
|
|
4647
|
-
order: grid.datasource.order,
|
|
4648
|
-
filter: grid.datasource.filter,
|
|
4649
|
-
dynamicFilter: this.datasourceDynamicFilter(grid.datasource),
|
|
4650
|
-
columns: grid.columns.map((column
|
|
4651
|
-
const columnElement = tableElement === null || tableElement === void 0 ? void 0 : tableElement.querySelector(`tr th:not(.selectable)[index="${index}"]`);
|
|
4652
|
-
return {
|
|
4653
|
-
name: column.name,
|
|
4654
|
-
label: column.label,
|
|
4655
|
-
align: column.align,
|
|
4656
|
-
width: columnElement ? window.getComputedStyle(columnElement).width : 'unset',
|
|
4657
|
-
minWidth: column.minWidth,
|
|
4658
|
-
maxWidth: column.maxWidth,
|
|
4659
|
-
isVisible: column.isVisible,
|
|
4660
|
-
fixed: column.fixed,
|
|
4661
|
-
grouped: column.grouped,
|
|
4662
|
-
groupOpened: column.groupOpened,
|
|
4663
|
-
aggregation: column.aggregation,
|
|
4664
|
-
filterHelperValue: this.instance.getHelperValue(column),
|
|
4665
|
-
};
|
|
4666
|
-
}),
|
|
4645
|
+
order: [...grid.datasource.order],
|
|
4646
|
+
filter: cloneDeep__default["default"](grid.datasource.filter),
|
|
4647
|
+
dynamicFilter: cloneDeep__default["default"](this.datasourceDynamicFilter(grid.datasource)),
|
|
4648
|
+
columns: grid.columns.map((column) => this.instance.getLayoutColumnSnapshot(column)),
|
|
4667
4649
|
};
|
|
4668
4650
|
}
|
|
4651
|
+
getAppliedGridWidth(gridWidth) {
|
|
4652
|
+
const normalizedGridWidth = (gridWidth || '').trim();
|
|
4653
|
+
if (!normalizedGridWidth || normalizedGridWidth === 'auto')
|
|
4654
|
+
return '100%';
|
|
4655
|
+
return normalizedGridWidth;
|
|
4656
|
+
}
|
|
4669
4657
|
getParentTable() {
|
|
4670
4658
|
var _a;
|
|
4671
4659
|
return (_a = document.getElementById(this.instance.grid.name)) === null || _a === void 0 ? void 0 : _a.getElementsByTagName('table')[0];
|
|
@@ -4694,10 +4682,10 @@
|
|
|
4694
4682
|
vuetify.PropWatch({ type: [String], default: '' })
|
|
4695
4683
|
], TekGridLayoutOptions.prototype, "gridName", void 0);
|
|
4696
4684
|
__decorate([
|
|
4697
|
-
vuePropertyDecorator.Watch('instance.grid.datasource.filter')
|
|
4685
|
+
vuePropertyDecorator.Watch('instance.grid.datasource.filter', { deep: true })
|
|
4698
4686
|
], TekGridLayoutOptions.prototype, "datasourceFilterChanged", null);
|
|
4699
4687
|
__decorate([
|
|
4700
|
-
vuePropertyDecorator.Watch('instance.grid.datasource.dynamicFilter')
|
|
4688
|
+
vuePropertyDecorator.Watch('instance.grid.datasource.dynamicFilter', { deep: true })
|
|
4701
4689
|
], TekGridLayoutOptions.prototype, "datasourceDynamicFilterChanged", null);
|
|
4702
4690
|
TekGridLayoutOptions = __decorate([
|
|
4703
4691
|
vuePropertyDecorator.Component
|
|
@@ -6507,7 +6495,7 @@
|
|
|
6507
6495
|
/* style */
|
|
6508
6496
|
const __vue_inject_styles__$d = function (inject) {
|
|
6509
6497
|
if (!inject) return
|
|
6510
|
-
inject("data-v-
|
|
6498
|
+
inject("data-v-e984cc8c_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: auto;\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 flex-grow: 1;\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 .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: var(--row-active-color);\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-first-group-cell {\n display: flex;\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-text {\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.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 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: -10%;\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.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
|
|
6511
6499
|
|
|
6512
6500
|
};
|
|
6513
6501
|
/* scoped */
|
|
@@ -6800,7 +6788,7 @@
|
|
|
6800
6788
|
/* style */
|
|
6801
6789
|
const __vue_inject_styles__$c = function (inject) {
|
|
6802
6790
|
if (!inject) return
|
|
6803
|
-
inject("data-v-
|
|
6791
|
+
inject("data-v-9bb538a0_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-2);\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 });
|
|
6804
6792
|
|
|
6805
6793
|
};
|
|
6806
6794
|
/* scoped */
|
|
@@ -6915,7 +6903,7 @@
|
|
|
6915
6903
|
/* style */
|
|
6916
6904
|
const __vue_inject_styles__$b = function (inject) {
|
|
6917
6905
|
if (!inject) return
|
|
6918
|
-
inject("data-v-
|
|
6906
|
+
inject("data-v-2a5c13a2_0", { source: ".tekgrid-actions-dropdown .zd-dropdown-component {\n box-sizing: border-box;\n width: 100%;\n}\n.tekgrid-actions-dropdown > .tek-grid-export-multioption-row {\n box-sizing: border-box;\n min-height: 44px;\n padding: 6px 14px 6px 14px;\n}\n.tekgrid-actions-dropdown > .zd-button {\n justify-content: flex-start;\n}", map: undefined, media: undefined });
|
|
6919
6907
|
|
|
6920
6908
|
};
|
|
6921
6909
|
/* scoped */
|
|
@@ -6973,7 +6961,7 @@
|
|
|
6973
6961
|
/* style */
|
|
6974
6962
|
const __vue_inject_styles__$a = function (inject) {
|
|
6975
6963
|
if (!inject) return
|
|
6976
|
-
inject("data-v-
|
|
6964
|
+
inject("data-v-806cc316_0", { source: ".zd-container.tek-grid-filter-content-container {\n position: relative;\n left: calc(var(--zd-default-padding) * -1) !important;\n padding-left: var(--zd-default-padding) !important;\n width: calc(100% + var(--zd-default-padding) * 2) !important;\n padding-right: var(--zd-default-padding) !important;\n max-width: none !important;\n overflow-x: clip !important;\n}", map: undefined, media: undefined });
|
|
6977
6965
|
|
|
6978
6966
|
};
|
|
6979
6967
|
/* scoped */
|
|
@@ -7318,7 +7306,7 @@
|
|
|
7318
7306
|
/* style */
|
|
7319
7307
|
const __vue_inject_styles__$9 = function (inject) {
|
|
7320
7308
|
if (!inject) return
|
|
7321
|
-
inject("data-v-
|
|
7309
|
+
inject("data-v-af84b51e_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 .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n display: block;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-header-filter {\n font-size: 0.7rem;\n color: var(--zd-font-color);\n font-weight: normal;\n}\n.tek-grid-layout-header-filter .v-icon {\n font-size: 0.8rem;\n}\n.tek-grid-layout-item .tek-grid-layout-header-filter .v-icon {\n padding-right: 2px;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
|
|
7322
7310
|
|
|
7323
7311
|
};
|
|
7324
7312
|
/* scoped */
|
|
@@ -7745,11 +7733,11 @@
|
|
|
7745
7733
|
/* style */
|
|
7746
7734
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7747
7735
|
if (!inject) return
|
|
7748
|
-
inject("data-v-
|
|
7736
|
+
inject("data-v-1baf7241_0", { source: ".tek-iterable-component-render[data-v-1baf7241] {\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-1baf7241],\n.tek-iterable-component-render .no--data[data-v-1baf7241] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-1baf7241] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-1baf7241] {\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-1baf7241] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
7749
7737
|
|
|
7750
7738
|
};
|
|
7751
7739
|
/* scoped */
|
|
7752
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7740
|
+
const __vue_scope_id__$6 = "data-v-1baf7241";
|
|
7753
7741
|
/* module identifier */
|
|
7754
7742
|
const __vue_module_identifier__$6 = undefined;
|
|
7755
7743
|
/* functional template */
|
|
@@ -7965,7 +7953,7 @@
|
|
|
7965
7953
|
/* style */
|
|
7966
7954
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7967
7955
|
if (!inject) return
|
|
7968
|
-
inject("data-v-
|
|
7956
|
+
inject("data-v-b5aa2bac_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 });
|
|
7969
7957
|
|
|
7970
7958
|
};
|
|
7971
7959
|
/* scoped */
|
|
@@ -8136,7 +8124,7 @@
|
|
|
8136
8124
|
/* style */
|
|
8137
8125
|
const __vue_inject_styles__$3 = function (inject) {
|
|
8138
8126
|
if (!inject) return
|
|
8139
|
-
inject("data-v-
|
|
8127
|
+
inject("data-v-f759d556_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 });
|
|
8140
8128
|
|
|
8141
8129
|
};
|
|
8142
8130
|
/* scoped */
|
|
@@ -8964,7 +8952,7 @@
|
|
|
8964
8952
|
/* style */
|
|
8965
8953
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8966
8954
|
if (!inject) return
|
|
8967
|
-
inject("data-v-
|
|
8955
|
+
inject("data-v-d9c9b846_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: auto;\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 flex-grow: 1;\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 .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: var(--row-active-color);\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-first-group-cell {\n display: flex;\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-text {\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.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 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: -10%;\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.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\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}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
|
|
8968
8956
|
|
|
8969
8957
|
};
|
|
8970
8958
|
/* scoped */
|
|
@@ -9048,7 +9036,7 @@
|
|
|
9048
9036
|
/* style */
|
|
9049
9037
|
const __vue_inject_styles__$1 = function (inject) {
|
|
9050
9038
|
if (!inject) return
|
|
9051
|
-
inject("data-v-
|
|
9039
|
+
inject("data-v-380b2c82_0", { source: ".about-modal {\n flex-grow: 0;\n overflow-y: unset;\n width: auto;\n border: 3px solid var(--v-primary-base);\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-card-text {\n padding: 8px !important;\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: 70%;\n align-items: center;\n}\n.about-modal .zd-header-slot-left {\n height: 100%;\n width: 100%;\n}\n.about-modal .zd-header-slot-left > * {\n height: 100%;\n width: 100%;\n}\n.about-modal .zd-header-slot {\n height: 100%;\n}\n.about-modal .zd-tekUserInfo-tab {\n height: 300px !important;\n}\n.about-modal .zd-tekUserInfo-about-image {\n height: 100% !important;\n object-fit: contain;\n object-position: center;\n text-align: center;\n}", map: undefined, media: undefined });
|
|
9052
9040
|
|
|
9053
9041
|
};
|
|
9054
9042
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.132.0",
|
|
4
4
|
"description": "Teknisa Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"vue": "2.7.*",
|
|
45
45
|
"vuetify": "2.6.*"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "9f44cb7b5d254a6e8bdfc2ac2288239b75b31313"
|
|
48
48
|
}
|
|
@@ -10,18 +10,19 @@ export default class TekGridLayoutOptions extends ZdComponentRender {
|
|
|
10
10
|
private updateFilterWatcher;
|
|
11
11
|
private updateDynamicFilterWatcher;
|
|
12
12
|
created(): void;
|
|
13
|
-
private
|
|
14
|
-
private createDynamicFilterProxy;
|
|
13
|
+
private createFilterChangeProxy;
|
|
15
14
|
private checkFilterChanged;
|
|
16
15
|
datasourceFilterChanged(): void;
|
|
17
16
|
datasourceDynamicFilterChanged(): void;
|
|
18
17
|
confirmLayoutClick({ component }: any): void;
|
|
19
18
|
private datasourceDynamicFilter;
|
|
19
|
+
private isDynamicFilterDatasource;
|
|
20
20
|
private applying;
|
|
21
21
|
private applyLayout;
|
|
22
22
|
private setHelperValue;
|
|
23
23
|
private getHelperValues;
|
|
24
24
|
private getCurrentLayout;
|
|
25
|
+
private getAppliedGridWidth;
|
|
25
26
|
private getParentTable;
|
|
26
27
|
applyOrUpdateLayout(event: Event, layoutName: string): void;
|
|
27
28
|
deleteLayout(event: Event, layoutName: string): void;
|
package/.package.json
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.129.0",
|
|
4
|
-
"description": "Teknisa Components based on Vuetify",
|
|
5
|
-
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
|
-
"license": "ISC",
|
|
7
|
-
"main": "dist/tek-components-vuetify.umd.js",
|
|
8
|
-
"module": "dist/tek-components-vuetify.esm.js",
|
|
9
|
-
"typings": "types/index.d.ts",
|
|
10
|
-
"publishConfig": {
|
|
11
|
-
"access": "public"
|
|
12
|
-
},
|
|
13
|
-
"scripts": {
|
|
14
|
-
"build": "rollup -c && npm run build:scss",
|
|
15
|
-
"build:scss": "rollup -c rollup.scss.config.js",
|
|
16
|
-
"docs": "typedoc --out docs src/",
|
|
17
|
-
"lint": "eslint . --ext .ts --fix",
|
|
18
|
-
"watch": "rollup -cw"
|
|
19
|
-
},
|
|
20
|
-
"dependencies": {
|
|
21
|
-
"@zeedhi/zd-drag-grid-common": "^1.2.0",
|
|
22
|
-
"@zeedhi/zd-drag-grid-vue": "^1.2.0",
|
|
23
|
-
"@zeedhi/zd-user-info-common": "^1.3.2",
|
|
24
|
-
"@zeedhi/zd-user-info-vue": "^1.3.2",
|
|
25
|
-
"lodash.clonedeep": "4.5.*",
|
|
26
|
-
"lodash.debounce": "4.0.*",
|
|
27
|
-
"lodash.merge": "4.6.*",
|
|
28
|
-
"sortablejs": "1.15.*",
|
|
29
|
-
"vue-class-component": "7.2.*",
|
|
30
|
-
"vue-property-decorator": "9.1.*",
|
|
31
|
-
"vuedraggable": "^2.24.3"
|
|
32
|
-
},
|
|
33
|
-
"devDependencies": {
|
|
34
|
-
"@types/jest": "26.0.*",
|
|
35
|
-
"@types/lodash.clonedeep": "4.5.*",
|
|
36
|
-
"@types/lodash.debounce": "4.0.*",
|
|
37
|
-
"@types/lodash.merge": "4.6.*",
|
|
38
|
-
"@types/sortablejs": "1.15.*",
|
|
39
|
-
"@vue/test-utils": "1.3.*",
|
|
40
|
-
"ts-jest": "26.5.*"
|
|
41
|
-
},
|
|
42
|
-
"peerDependencies": {
|
|
43
|
-
"@zeedhi/teknisa-components-common": "file:../common",
|
|
44
|
-
"vue": "2.7.*",
|
|
45
|
-
"vuetify": "2.6.*"
|
|
46
|
-
},
|
|
47
|
-
"gitHead": "d5690da6c768aa49a30cd28b1ff9ffada96ab350",
|
|
48
|
-
"env": {
|
|
49
|
-
"NODE_ENV": "development"
|
|
50
|
-
}
|
|
51
|
-
}
|
package/dist/tek-style.css
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
.zd-container.filter-content-container {
|
|
2
|
-
position: relative !important;
|
|
3
|
-
width: calc(100% + var(--zd-default-padding) * 2) !important;
|
|
4
|
-
max-width: none !important;
|
|
5
|
-
left: calc(var(--zd-default-padding) * -1) !important;
|
|
6
|
-
padding-left: var(--zd-default-padding) !important;
|
|
7
|
-
padding-right: var(--zd-default-padding) !important; }
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { IDictionary } from '@zeedhi/core';
|
|
2
|
-
import { ZdIterable } from '@zeedhi/vuetify';
|
|
3
|
-
import { TekAgGrid as Grid } from '@zeedhi/teknisa-components-common';
|
|
4
|
-
/**
|
|
5
|
-
* TekAgGrid component
|
|
6
|
-
*/
|
|
7
|
-
export default class TekAgGrid extends ZdIterable {
|
|
8
|
-
cssClass: string;
|
|
9
|
-
dense: boolean;
|
|
10
|
-
frameworkComponents: IDictionary;
|
|
11
|
-
gridOptions: IDictionary;
|
|
12
|
-
height: string | number;
|
|
13
|
-
icons: IDictionary<string>;
|
|
14
|
-
instance: Grid;
|
|
15
|
-
instanceType: typeof Grid;
|
|
16
|
-
mounted(): void;
|
|
17
|
-
/**
|
|
18
|
-
* Get grid options with zeedhi predefined icons and subcomponents
|
|
19
|
-
*/
|
|
20
|
-
get options(): {
|
|
21
|
-
icons: IDictionary<any>;
|
|
22
|
-
frameworkComponents: IDictionary<any>;
|
|
23
|
-
};
|
|
24
|
-
/**
|
|
25
|
-
* Get height css value from property
|
|
26
|
-
*/
|
|
27
|
-
get heightValue(): string | number;
|
|
28
|
-
get rowHeight(): any;
|
|
29
|
-
get headerHeight(): any;
|
|
30
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import TekAgGridCellEditor from './tek-ag-grid-cell-editor/TekAgGridCellEditor.vue';
|
|
2
|
-
import TekAgGridCellRenderer from './tek-ag-grid-cell-renderer/TekAgGridCellRenderer.vue';
|
|
3
|
-
import TekAgGridDate from './tek-ag-grid-date/TekAgGridDate.vue';
|
|
4
|
-
import TekAgGridSelectEditor from './tek-ag-grid-select-editor/TekAgGridSelectEditor.vue';
|
|
5
|
-
import TekAgGridSelectRenderer from './tek-ag-grid-select-renderer/TekAgGridSelectRenderer.vue';
|
|
6
|
-
export { TekAgGridCellEditor, TekAgGridCellRenderer, TekAgGridDate, TekAgGridSelectEditor, TekAgGridSelectRenderer, };
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import Vue from 'vue';
|
|
2
|
-
import { IComponent, Input } from '@zeedhi/common';
|
|
3
|
-
import { ZdInput } from '@zeedhi/vuetify';
|
|
4
|
-
import { ITekAgGridCellEditorParams, IVueCellEditorComp } from './interfaces';
|
|
5
|
-
export default class TekAgGridCellEditor extends Vue implements IVueCellEditorComp {
|
|
6
|
-
params: ITekAgGridCellEditorParams;
|
|
7
|
-
instance?: Input;
|
|
8
|
-
inputRef?: ZdInput;
|
|
9
|
-
defaultComponent: string;
|
|
10
|
-
mounted(): void;
|
|
11
|
-
initRefs(): void;
|
|
12
|
-
getValue(): any;
|
|
13
|
-
get componentProps(): IComponent;
|
|
14
|
-
get name(): string;
|
|
15
|
-
}
|
package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/interfaces.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { IComponent } from '@zeedhi/common';
|
|
2
|
-
import { ICellEditorComp, ICellRendererParams } from 'ag-grid-community';
|
|
3
|
-
export interface ITekAgGridCellEditorParams extends ICellRendererParams {
|
|
4
|
-
componentProps?: IComponent;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* Methods not used in VueJS subcomponents
|
|
8
|
-
* https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
|
|
9
|
-
*/
|
|
10
|
-
declare type VueCellEditorComp = Omit<ICellEditorComp, 'getGui' | 'init' | 'afterGuiAttached'>;
|
|
11
|
-
export interface IVueCellEditorComp extends VueCellEditorComp {
|
|
12
|
-
params: ITekAgGridCellEditorParams;
|
|
13
|
-
}
|
|
14
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import Vue from 'vue';
|
|
2
|
-
import { ITekAgGridCellRendererParams, IVueCellRendererComp } from './interfaces';
|
|
3
|
-
export default class TekAgGridCellRenderer extends Vue implements IVueCellRendererComp {
|
|
4
|
-
params: ITekAgGridCellRendererParams;
|
|
5
|
-
formatter: Function;
|
|
6
|
-
formattedValue: string;
|
|
7
|
-
defaultFormatter: string;
|
|
8
|
-
created(): void;
|
|
9
|
-
refresh(params: ITekAgGridCellRendererParams): boolean;
|
|
10
|
-
updateFormattedValue(params: ITekAgGridCellRendererParams): Promise<void>;
|
|
11
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';
|
|
2
|
-
export interface ITekAgGridCellRendererParams extends ICellRendererParams {
|
|
3
|
-
formatterName?: string;
|
|
4
|
-
}
|
|
5
|
-
/**
|
|
6
|
-
* Methods not used in VueJS subcomponents
|
|
7
|
-
* https://www.ag-grid.com/documentation/vue/component-cell-renderer/#methods--lifecycle-2
|
|
8
|
-
*/
|
|
9
|
-
declare type VueCellRendererComp = Omit<ICellRendererComp, 'init' | 'getGui'>;
|
|
10
|
-
export interface IVueCellRendererComp extends VueCellRendererComp {
|
|
11
|
-
params: ITekAgGridCellRendererParams;
|
|
12
|
-
}
|
|
13
|
-
export {};
|