@zeedhi/teknisa-components-vuetify 1.127.0 → 1.129.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 +98 -17
- package/dist/tek-components-vuetify.umd.js +98 -17
- package/package.json +2 -2
- package/types/components/tek-grid/TekGridLayoutOptions.d.ts +9 -1
- 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 @@ __vue_render__$n._withStripped = true;
|
|
|
267
267
|
/* style */
|
|
268
268
|
const __vue_inject_styles__$n = 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 @@ __vue_render__$m._withStripped = true;
|
|
|
437
437
|
/* style */
|
|
438
438
|
const __vue_inject_styles__$m = 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 @@ __vue_render__$i._withStripped = true;
|
|
|
993
993
|
/* style */
|
|
994
994
|
const __vue_inject_styles__$i = 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 */
|
|
@@ -2895,7 +2895,7 @@ __vue_render__$g._withStripped = true;
|
|
|
2895
2895
|
/* style */
|
|
2896
2896
|
const __vue_inject_styles__$g = function (inject) {
|
|
2897
2897
|
if (!inject) return
|
|
2898
|
-
inject("data-v-
|
|
2898
|
+
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 });
|
|
2899
2899
|
|
|
2900
2900
|
};
|
|
2901
2901
|
/* scoped */
|
|
@@ -2969,7 +2969,7 @@ __vue_render__$f._withStripped = true;
|
|
|
2969
2969
|
/* style */
|
|
2970
2970
|
const __vue_inject_styles__$f = function (inject) {
|
|
2971
2971
|
if (!inject) return
|
|
2972
|
-
inject("data-v-
|
|
2972
|
+
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 });
|
|
2973
2973
|
|
|
2974
2974
|
};
|
|
2975
2975
|
/* scoped */
|
|
@@ -4342,10 +4342,81 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4342
4342
|
constructor() {
|
|
4343
4343
|
super(...arguments);
|
|
4344
4344
|
this.instanceType = TekGridLayoutOptions$1;
|
|
4345
|
+
this.updateFilterWatcher = true;
|
|
4346
|
+
this.updateDynamicFilterWatcher = true;
|
|
4347
|
+
this.applying = false;
|
|
4345
4348
|
}
|
|
4346
4349
|
created() {
|
|
4347
4350
|
this.instance.viewApplyLayout = this.applyLayout;
|
|
4348
4351
|
this.instance.viewGetCurrentLayout = this.getCurrentLayout;
|
|
4352
|
+
this.$nextTick(() => {
|
|
4353
|
+
var _a, _b;
|
|
4354
|
+
if ((_b = (_a = this.instance.grid) === null || _a === void 0 ? void 0 : _a.datasource) === null || _b === void 0 ? void 0 : _b.filter) {
|
|
4355
|
+
this.updateFilterWatcher = false;
|
|
4356
|
+
this.instance.grid.datasource.filter = this.createFilterProxy(this.instance.grid.datasource.filter);
|
|
4357
|
+
this.$nextTick(() => { this.updateFilterWatcher = true; });
|
|
4358
|
+
if (this.instance.grid.datasource instanceof TekRestDatasource) {
|
|
4359
|
+
this.updateDynamicFilterWatcher = false;
|
|
4360
|
+
this.instance.grid.datasource.dynamicFilter = this.createDynamicFilterProxy(this.instance.grid.datasource.dynamicFilter);
|
|
4361
|
+
this.$nextTick(() => { this.updateDynamicFilterWatcher = true; });
|
|
4362
|
+
}
|
|
4363
|
+
}
|
|
4364
|
+
});
|
|
4365
|
+
}
|
|
4366
|
+
createFilterProxy(filter) {
|
|
4367
|
+
const self = this;
|
|
4368
|
+
return new Proxy(filter, {
|
|
4369
|
+
set(target, prop, value) {
|
|
4370
|
+
if (target[prop] !== value) {
|
|
4371
|
+
target[prop] = value;
|
|
4372
|
+
self.checkFilterChanged();
|
|
4373
|
+
}
|
|
4374
|
+
return true;
|
|
4375
|
+
},
|
|
4376
|
+
});
|
|
4377
|
+
}
|
|
4378
|
+
createDynamicFilterProxy(filter) {
|
|
4379
|
+
const self = this;
|
|
4380
|
+
const handler = {
|
|
4381
|
+
set(target, prop, value) {
|
|
4382
|
+
if (target[prop] !== value) {
|
|
4383
|
+
target[prop] = value;
|
|
4384
|
+
self.checkFilterChanged();
|
|
4385
|
+
}
|
|
4386
|
+
return true;
|
|
4387
|
+
},
|
|
4388
|
+
get(target, prop) {
|
|
4389
|
+
const value = target[prop];
|
|
4390
|
+
if (prop !== '__ob__' && typeof value === 'object' && value !== null) {
|
|
4391
|
+
return new Proxy(value, handler);
|
|
4392
|
+
}
|
|
4393
|
+
return value;
|
|
4394
|
+
},
|
|
4395
|
+
};
|
|
4396
|
+
return new Proxy(filter, handler);
|
|
4397
|
+
}
|
|
4398
|
+
checkFilterChanged() {
|
|
4399
|
+
if (!this.applying && this.layoutHasFilter(this.instance.currentLayoutName)) {
|
|
4400
|
+
this.instance.layoutEdited = true;
|
|
4401
|
+
}
|
|
4402
|
+
}
|
|
4403
|
+
datasourceFilterChanged() {
|
|
4404
|
+
if (!this.updateFilterWatcher)
|
|
4405
|
+
return;
|
|
4406
|
+
this.updateFilterWatcher = false;
|
|
4407
|
+
this.checkFilterChanged();
|
|
4408
|
+
this.instance.grid.datasource.filter = this.createFilterProxy(this.instance.grid.datasource.filter);
|
|
4409
|
+
this.$nextTick(() => { this.updateFilterWatcher = true; });
|
|
4410
|
+
}
|
|
4411
|
+
datasourceDynamicFilterChanged() {
|
|
4412
|
+
if (!this.updateDynamicFilterWatcher)
|
|
4413
|
+
return;
|
|
4414
|
+
this.updateDynamicFilterWatcher = false;
|
|
4415
|
+
this.checkFilterChanged();
|
|
4416
|
+
if (this.instance.grid.datasource instanceof TekRestDatasource) {
|
|
4417
|
+
this.instance.grid.datasource.dynamicFilter = this.createDynamicFilterProxy(this.instance.grid.datasource.dynamicFilter);
|
|
4418
|
+
}
|
|
4419
|
+
this.$nextTick(() => { this.updateDynamicFilterWatcher = true; });
|
|
4349
4420
|
}
|
|
4350
4421
|
confirmLayoutClick({ component }) {
|
|
4351
4422
|
const layoutName = component.value;
|
|
@@ -4367,6 +4438,7 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4367
4438
|
const tableElement = this.getParentTable();
|
|
4368
4439
|
if (!tableElement)
|
|
4369
4440
|
return;
|
|
4441
|
+
this.applying = true;
|
|
4370
4442
|
const { grid } = this.instance;
|
|
4371
4443
|
const gridColumns = {};
|
|
4372
4444
|
let layoutChanged = false;
|
|
@@ -4397,8 +4469,8 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4397
4469
|
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4398
4470
|
}
|
|
4399
4471
|
tableElement.style.width = layout.gridWidth || 'auto';
|
|
4400
|
-
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
4401
|
-
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
4472
|
+
grid.datasource.order = layout.order !== undefined ? [...layout.order] : grid.datasource.order;
|
|
4473
|
+
grid.datasource.filter = layout.filter !== undefined ? Object.assign({}, layout.filter) : grid.datasource.filter;
|
|
4402
4474
|
if (grid.datasource instanceof TekRestDatasource
|
|
4403
4475
|
&& layout.dynamicFilter !== undefined) {
|
|
4404
4476
|
grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
|
|
@@ -4475,6 +4547,7 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4475
4547
|
}
|
|
4476
4548
|
}
|
|
4477
4549
|
this.$refs.layoutMenu.isActive = false;
|
|
4550
|
+
this.$nextTick(() => { this.applying = false; });
|
|
4478
4551
|
}
|
|
4479
4552
|
setHelperValue(column, value) {
|
|
4480
4553
|
if (column instanceof TekGridColumn) {
|
|
@@ -4562,7 +4635,9 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4562
4635
|
this.$refs.layoutMenu.isActive = false;
|
|
4563
4636
|
}
|
|
4564
4637
|
else {
|
|
4638
|
+
this.applying = true;
|
|
4565
4639
|
this.instance.applyLayout(layoutName);
|
|
4640
|
+
this.$nextTick(() => { this.applying = false; });
|
|
4566
4641
|
}
|
|
4567
4642
|
}
|
|
4568
4643
|
deleteLayout(event, layoutName) {
|
|
@@ -4573,6 +4648,12 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4573
4648
|
return this.instance.layoutHasFilter(layoutName);
|
|
4574
4649
|
}
|
|
4575
4650
|
};
|
|
4651
|
+
__decorate([
|
|
4652
|
+
Watch('instance.grid.datasource.filter')
|
|
4653
|
+
], TekGridLayoutOptions.prototype, "datasourceFilterChanged", null);
|
|
4654
|
+
__decorate([
|
|
4655
|
+
Watch('instance.grid.datasource.dynamicFilter')
|
|
4656
|
+
], TekGridLayoutOptions.prototype, "datasourceDynamicFilterChanged", null);
|
|
4576
4657
|
TekGridLayoutOptions = __decorate([
|
|
4577
4658
|
Component
|
|
4578
4659
|
], TekGridLayoutOptions);
|
|
@@ -6394,7 +6475,7 @@ __vue_render__$c._withStripped = true;
|
|
|
6394
6475
|
/* style */
|
|
6395
6476
|
const __vue_inject_styles__$c = function (inject) {
|
|
6396
6477
|
if (!inject) return
|
|
6397
|
-
inject("data-v-
|
|
6478
|
+
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 });
|
|
6398
6479
|
|
|
6399
6480
|
};
|
|
6400
6481
|
/* scoped */
|
|
@@ -6687,7 +6768,7 @@ __vue_render__$b._withStripped = true;
|
|
|
6687
6768
|
/* style */
|
|
6688
6769
|
const __vue_inject_styles__$b = function (inject) {
|
|
6689
6770
|
if (!inject) return
|
|
6690
|
-
inject("data-v-
|
|
6771
|
+
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 });
|
|
6691
6772
|
|
|
6692
6773
|
};
|
|
6693
6774
|
/* scoped */
|
|
@@ -6745,7 +6826,7 @@ __vue_render__$a._withStripped = true;
|
|
|
6745
6826
|
/* style */
|
|
6746
6827
|
const __vue_inject_styles__$a = function (inject) {
|
|
6747
6828
|
if (!inject) return
|
|
6748
|
-
inject("data-v-
|
|
6829
|
+
inject("data-v-0767d688_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}", map: undefined, media: undefined });
|
|
6749
6830
|
|
|
6750
6831
|
};
|
|
6751
6832
|
/* scoped */
|
|
@@ -7090,7 +7171,7 @@ __vue_render__$9._withStripped = true;
|
|
|
7090
7171
|
/* style */
|
|
7091
7172
|
const __vue_inject_styles__$9 = function (inject) {
|
|
7092
7173
|
if (!inject) return
|
|
7093
|
-
inject("data-v-
|
|
7174
|
+
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 });
|
|
7094
7175
|
|
|
7095
7176
|
};
|
|
7096
7177
|
/* scoped */
|
|
@@ -7517,11 +7598,11 @@ __vue_render__$6._withStripped = true;
|
|
|
7517
7598
|
/* style */
|
|
7518
7599
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7519
7600
|
if (!inject) return
|
|
7520
|
-
inject("data-v-
|
|
7601
|
+
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 });
|
|
7521
7602
|
|
|
7522
7603
|
};
|
|
7523
7604
|
/* scoped */
|
|
7524
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7605
|
+
const __vue_scope_id__$6 = "data-v-1baf7241";
|
|
7525
7606
|
/* module identifier */
|
|
7526
7607
|
const __vue_module_identifier__$6 = undefined;
|
|
7527
7608
|
/* functional template */
|
|
@@ -7737,7 +7818,7 @@ __vue_render__$4._withStripped = true;
|
|
|
7737
7818
|
/* style */
|
|
7738
7819
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7739
7820
|
if (!inject) return
|
|
7740
|
-
inject("data-v-
|
|
7821
|
+
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 });
|
|
7741
7822
|
|
|
7742
7823
|
};
|
|
7743
7824
|
/* scoped */
|
|
@@ -7908,7 +7989,7 @@ __vue_render__$3._withStripped = true;
|
|
|
7908
7989
|
/* style */
|
|
7909
7990
|
const __vue_inject_styles__$3 = function (inject) {
|
|
7910
7991
|
if (!inject) return
|
|
7911
|
-
inject("data-v-
|
|
7992
|
+
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 });
|
|
7912
7993
|
|
|
7913
7994
|
};
|
|
7914
7995
|
/* scoped */
|
|
@@ -8736,7 +8817,7 @@ __vue_render__$2._withStripped = true;
|
|
|
8736
8817
|
/* style */
|
|
8737
8818
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8738
8819
|
if (!inject) return
|
|
8739
|
-
inject("data-v-
|
|
8820
|
+
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 });
|
|
8740
8821
|
|
|
8741
8822
|
};
|
|
8742
8823
|
/* scoped */
|
|
@@ -8820,7 +8901,7 @@ __vue_render__$1._withStripped = true;
|
|
|
8820
8901
|
/* style */
|
|
8821
8902
|
const __vue_inject_styles__$1 = function (inject) {
|
|
8822
8903
|
if (!inject) return
|
|
8823
|
-
inject("data-v-
|
|
8904
|
+
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 });
|
|
8824
8905
|
|
|
8825
8906
|
};
|
|
8826
8907
|
/* scoped */
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
/* style */
|
|
268
268
|
const __vue_inject_styles__$n = 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__$m = 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__$i = 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 */
|
|
@@ -2895,7 +2895,7 @@
|
|
|
2895
2895
|
/* style */
|
|
2896
2896
|
const __vue_inject_styles__$g = function (inject) {
|
|
2897
2897
|
if (!inject) return
|
|
2898
|
-
inject("data-v-
|
|
2898
|
+
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 });
|
|
2899
2899
|
|
|
2900
2900
|
};
|
|
2901
2901
|
/* scoped */
|
|
@@ -2969,7 +2969,7 @@
|
|
|
2969
2969
|
/* style */
|
|
2970
2970
|
const __vue_inject_styles__$f = function (inject) {
|
|
2971
2971
|
if (!inject) return
|
|
2972
|
-
inject("data-v-
|
|
2972
|
+
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 });
|
|
2973
2973
|
|
|
2974
2974
|
};
|
|
2975
2975
|
/* scoped */
|
|
@@ -4342,10 +4342,81 @@
|
|
|
4342
4342
|
constructor() {
|
|
4343
4343
|
super(...arguments);
|
|
4344
4344
|
this.instanceType = teknisaComponentsCommon.TekGridLayoutOptions;
|
|
4345
|
+
this.updateFilterWatcher = true;
|
|
4346
|
+
this.updateDynamicFilterWatcher = true;
|
|
4347
|
+
this.applying = false;
|
|
4345
4348
|
}
|
|
4346
4349
|
created() {
|
|
4347
4350
|
this.instance.viewApplyLayout = this.applyLayout;
|
|
4348
4351
|
this.instance.viewGetCurrentLayout = this.getCurrentLayout;
|
|
4352
|
+
this.$nextTick(() => {
|
|
4353
|
+
var _a, _b;
|
|
4354
|
+
if ((_b = (_a = this.instance.grid) === null || _a === void 0 ? void 0 : _a.datasource) === null || _b === void 0 ? void 0 : _b.filter) {
|
|
4355
|
+
this.updateFilterWatcher = false;
|
|
4356
|
+
this.instance.grid.datasource.filter = this.createFilterProxy(this.instance.grid.datasource.filter);
|
|
4357
|
+
this.$nextTick(() => { this.updateFilterWatcher = true; });
|
|
4358
|
+
if (this.instance.grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource) {
|
|
4359
|
+
this.updateDynamicFilterWatcher = false;
|
|
4360
|
+
this.instance.grid.datasource.dynamicFilter = this.createDynamicFilterProxy(this.instance.grid.datasource.dynamicFilter);
|
|
4361
|
+
this.$nextTick(() => { this.updateDynamicFilterWatcher = true; });
|
|
4362
|
+
}
|
|
4363
|
+
}
|
|
4364
|
+
});
|
|
4365
|
+
}
|
|
4366
|
+
createFilterProxy(filter) {
|
|
4367
|
+
const self = this;
|
|
4368
|
+
return new Proxy(filter, {
|
|
4369
|
+
set(target, prop, value) {
|
|
4370
|
+
if (target[prop] !== value) {
|
|
4371
|
+
target[prop] = value;
|
|
4372
|
+
self.checkFilterChanged();
|
|
4373
|
+
}
|
|
4374
|
+
return true;
|
|
4375
|
+
},
|
|
4376
|
+
});
|
|
4377
|
+
}
|
|
4378
|
+
createDynamicFilterProxy(filter) {
|
|
4379
|
+
const self = this;
|
|
4380
|
+
const handler = {
|
|
4381
|
+
set(target, prop, value) {
|
|
4382
|
+
if (target[prop] !== value) {
|
|
4383
|
+
target[prop] = value;
|
|
4384
|
+
self.checkFilterChanged();
|
|
4385
|
+
}
|
|
4386
|
+
return true;
|
|
4387
|
+
},
|
|
4388
|
+
get(target, prop) {
|
|
4389
|
+
const value = target[prop];
|
|
4390
|
+
if (prop !== '__ob__' && typeof value === 'object' && value !== null) {
|
|
4391
|
+
return new Proxy(value, handler);
|
|
4392
|
+
}
|
|
4393
|
+
return value;
|
|
4394
|
+
},
|
|
4395
|
+
};
|
|
4396
|
+
return new Proxy(filter, handler);
|
|
4397
|
+
}
|
|
4398
|
+
checkFilterChanged() {
|
|
4399
|
+
if (!this.applying && this.layoutHasFilter(this.instance.currentLayoutName)) {
|
|
4400
|
+
this.instance.layoutEdited = true;
|
|
4401
|
+
}
|
|
4402
|
+
}
|
|
4403
|
+
datasourceFilterChanged() {
|
|
4404
|
+
if (!this.updateFilterWatcher)
|
|
4405
|
+
return;
|
|
4406
|
+
this.updateFilterWatcher = false;
|
|
4407
|
+
this.checkFilterChanged();
|
|
4408
|
+
this.instance.grid.datasource.filter = this.createFilterProxy(this.instance.grid.datasource.filter);
|
|
4409
|
+
this.$nextTick(() => { this.updateFilterWatcher = true; });
|
|
4410
|
+
}
|
|
4411
|
+
datasourceDynamicFilterChanged() {
|
|
4412
|
+
if (!this.updateDynamicFilterWatcher)
|
|
4413
|
+
return;
|
|
4414
|
+
this.updateDynamicFilterWatcher = false;
|
|
4415
|
+
this.checkFilterChanged();
|
|
4416
|
+
if (this.instance.grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource) {
|
|
4417
|
+
this.instance.grid.datasource.dynamicFilter = this.createDynamicFilterProxy(this.instance.grid.datasource.dynamicFilter);
|
|
4418
|
+
}
|
|
4419
|
+
this.$nextTick(() => { this.updateDynamicFilterWatcher = true; });
|
|
4349
4420
|
}
|
|
4350
4421
|
confirmLayoutClick({ component }) {
|
|
4351
4422
|
const layoutName = component.value;
|
|
@@ -4367,6 +4438,7 @@
|
|
|
4367
4438
|
const tableElement = this.getParentTable();
|
|
4368
4439
|
if (!tableElement)
|
|
4369
4440
|
return;
|
|
4441
|
+
this.applying = true;
|
|
4370
4442
|
const { grid } = this.instance;
|
|
4371
4443
|
const gridColumns = {};
|
|
4372
4444
|
let layoutChanged = false;
|
|
@@ -4397,8 +4469,8 @@
|
|
|
4397
4469
|
this.instance.updateLayout(layout.name, this.getCurrentLayout(layout.name));
|
|
4398
4470
|
}
|
|
4399
4471
|
tableElement.style.width = layout.gridWidth || 'auto';
|
|
4400
|
-
grid.datasource.order = layout.order !== undefined ? layout.order : grid.datasource.order;
|
|
4401
|
-
grid.datasource.filter = layout.filter !== undefined ? layout.filter : grid.datasource.filter;
|
|
4472
|
+
grid.datasource.order = layout.order !== undefined ? [...layout.order] : grid.datasource.order;
|
|
4473
|
+
grid.datasource.filter = layout.filter !== undefined ? Object.assign({}, layout.filter) : grid.datasource.filter;
|
|
4402
4474
|
if (grid.datasource instanceof teknisaComponentsCommon.TekRestDatasource
|
|
4403
4475
|
&& layout.dynamicFilter !== undefined) {
|
|
4404
4476
|
grid.datasource.dynamicFilter = this.getHelperValues(layout.dynamicFilter, layout.columns || grid.columns);
|
|
@@ -4475,6 +4547,7 @@
|
|
|
4475
4547
|
}
|
|
4476
4548
|
}
|
|
4477
4549
|
this.$refs.layoutMenu.isActive = false;
|
|
4550
|
+
this.$nextTick(() => { this.applying = false; });
|
|
4478
4551
|
}
|
|
4479
4552
|
setHelperValue(column, value) {
|
|
4480
4553
|
if (column instanceof teknisaComponentsCommon.TekGridColumn) {
|
|
@@ -4562,7 +4635,9 @@
|
|
|
4562
4635
|
this.$refs.layoutMenu.isActive = false;
|
|
4563
4636
|
}
|
|
4564
4637
|
else {
|
|
4638
|
+
this.applying = true;
|
|
4565
4639
|
this.instance.applyLayout(layoutName);
|
|
4640
|
+
this.$nextTick(() => { this.applying = false; });
|
|
4566
4641
|
}
|
|
4567
4642
|
}
|
|
4568
4643
|
deleteLayout(event, layoutName) {
|
|
@@ -4573,6 +4648,12 @@
|
|
|
4573
4648
|
return this.instance.layoutHasFilter(layoutName);
|
|
4574
4649
|
}
|
|
4575
4650
|
};
|
|
4651
|
+
__decorate([
|
|
4652
|
+
vuePropertyDecorator.Watch('instance.grid.datasource.filter')
|
|
4653
|
+
], TekGridLayoutOptions.prototype, "datasourceFilterChanged", null);
|
|
4654
|
+
__decorate([
|
|
4655
|
+
vuePropertyDecorator.Watch('instance.grid.datasource.dynamicFilter')
|
|
4656
|
+
], TekGridLayoutOptions.prototype, "datasourceDynamicFilterChanged", null);
|
|
4576
4657
|
TekGridLayoutOptions = __decorate([
|
|
4577
4658
|
vuePropertyDecorator.Component
|
|
4578
4659
|
], TekGridLayoutOptions);
|
|
@@ -6394,7 +6475,7 @@
|
|
|
6394
6475
|
/* style */
|
|
6395
6476
|
const __vue_inject_styles__$c = function (inject) {
|
|
6396
6477
|
if (!inject) return
|
|
6397
|
-
inject("data-v-
|
|
6478
|
+
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 });
|
|
6398
6479
|
|
|
6399
6480
|
};
|
|
6400
6481
|
/* scoped */
|
|
@@ -6687,7 +6768,7 @@
|
|
|
6687
6768
|
/* style */
|
|
6688
6769
|
const __vue_inject_styles__$b = function (inject) {
|
|
6689
6770
|
if (!inject) return
|
|
6690
|
-
inject("data-v-
|
|
6771
|
+
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 });
|
|
6691
6772
|
|
|
6692
6773
|
};
|
|
6693
6774
|
/* scoped */
|
|
@@ -6745,7 +6826,7 @@
|
|
|
6745
6826
|
/* style */
|
|
6746
6827
|
const __vue_inject_styles__$a = function (inject) {
|
|
6747
6828
|
if (!inject) return
|
|
6748
|
-
inject("data-v-
|
|
6829
|
+
inject("data-v-0767d688_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}", map: undefined, media: undefined });
|
|
6749
6830
|
|
|
6750
6831
|
};
|
|
6751
6832
|
/* scoped */
|
|
@@ -7090,7 +7171,7 @@
|
|
|
7090
7171
|
/* style */
|
|
7091
7172
|
const __vue_inject_styles__$9 = function (inject) {
|
|
7092
7173
|
if (!inject) return
|
|
7093
|
-
inject("data-v-
|
|
7174
|
+
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 });
|
|
7094
7175
|
|
|
7095
7176
|
};
|
|
7096
7177
|
/* scoped */
|
|
@@ -7517,11 +7598,11 @@
|
|
|
7517
7598
|
/* style */
|
|
7518
7599
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7519
7600
|
if (!inject) return
|
|
7520
|
-
inject("data-v-
|
|
7601
|
+
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 });
|
|
7521
7602
|
|
|
7522
7603
|
};
|
|
7523
7604
|
/* scoped */
|
|
7524
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7605
|
+
const __vue_scope_id__$6 = "data-v-1baf7241";
|
|
7525
7606
|
/* module identifier */
|
|
7526
7607
|
const __vue_module_identifier__$6 = undefined;
|
|
7527
7608
|
/* functional template */
|
|
@@ -7737,7 +7818,7 @@
|
|
|
7737
7818
|
/* style */
|
|
7738
7819
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7739
7820
|
if (!inject) return
|
|
7740
|
-
inject("data-v-
|
|
7821
|
+
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 });
|
|
7741
7822
|
|
|
7742
7823
|
};
|
|
7743
7824
|
/* scoped */
|
|
@@ -7908,7 +7989,7 @@
|
|
|
7908
7989
|
/* style */
|
|
7909
7990
|
const __vue_inject_styles__$3 = function (inject) {
|
|
7910
7991
|
if (!inject) return
|
|
7911
|
-
inject("data-v-
|
|
7992
|
+
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 });
|
|
7912
7993
|
|
|
7913
7994
|
};
|
|
7914
7995
|
/* scoped */
|
|
@@ -8736,7 +8817,7 @@
|
|
|
8736
8817
|
/* style */
|
|
8737
8818
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8738
8819
|
if (!inject) return
|
|
8739
|
-
inject("data-v-
|
|
8820
|
+
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 });
|
|
8740
8821
|
|
|
8741
8822
|
};
|
|
8742
8823
|
/* scoped */
|
|
@@ -8820,7 +8901,7 @@
|
|
|
8820
8901
|
/* style */
|
|
8821
8902
|
const __vue_inject_styles__$1 = function (inject) {
|
|
8822
8903
|
if (!inject) return
|
|
8823
|
-
inject("data-v-
|
|
8904
|
+
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 });
|
|
8824
8905
|
|
|
8825
8906
|
};
|
|
8826
8907
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.129.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": "939f36be517e06f2328aba924d68b4a462ab0b58"
|
|
48
48
|
}
|
|
@@ -6,9 +6,17 @@ import { TekGridLayoutOptions as TekGridLayoutOptionsClass } from '@zeedhi/tekni
|
|
|
6
6
|
export default class TekGridLayoutOptions extends ZdComponentRender {
|
|
7
7
|
instance: TekGridLayoutOptionsClass;
|
|
8
8
|
instanceType: typeof TekGridLayoutOptionsClass;
|
|
9
|
+
private updateFilterWatcher;
|
|
10
|
+
private updateDynamicFilterWatcher;
|
|
9
11
|
created(): void;
|
|
12
|
+
private createFilterProxy;
|
|
13
|
+
private createDynamicFilterProxy;
|
|
14
|
+
private checkFilterChanged;
|
|
15
|
+
datasourceFilterChanged(): void;
|
|
16
|
+
datasourceDynamicFilterChanged(): void;
|
|
10
17
|
confirmLayoutClick({ component }: any): void;
|
|
11
18
|
private datasourceDynamicFilter;
|
|
19
|
+
private applying;
|
|
12
20
|
private applyLayout;
|
|
13
21
|
private setHelperValue;
|
|
14
22
|
private getHelperValues;
|
|
@@ -16,5 +24,5 @@ export default class TekGridLayoutOptions extends ZdComponentRender {
|
|
|
16
24
|
private getParentTable;
|
|
17
25
|
applyOrUpdateLayout(event: Event, layoutName: string): void;
|
|
18
26
|
deleteLayout(event: Event, layoutName: string): void;
|
|
19
|
-
layoutHasFilter(layoutName: string): number;
|
|
27
|
+
layoutHasFilter(layoutName: string): number | false;
|
|
20
28
|
}
|
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 {};
|
package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/TekAgGridDate.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import Vue from 'vue';
|
|
2
|
-
import { Date as ZdDateInstance, IComponent } from '@zeedhi/common';
|
|
3
|
-
import { ZdDate } from '@zeedhi/vuetify';
|
|
4
|
-
import { ITekAgGridDateParams, IVueDateComp } from './interfaces';
|
|
5
|
-
export default class TekAgGridDate extends Vue implements IVueDateComp {
|
|
6
|
-
params: ITekAgGridDateParams;
|
|
7
|
-
instance?: ZdDateInstance;
|
|
8
|
-
inputRef?: ZdDate;
|
|
9
|
-
mounted(): void;
|
|
10
|
-
initRefs(): void;
|
|
11
|
-
getDate(): Date | null;
|
|
12
|
-
setDate(date: Date | null): void;
|
|
13
|
-
get componentProps(): IComponent;
|
|
14
|
-
private eventOverwritten;
|
|
15
|
-
/**
|
|
16
|
-
* Add mousedown to prevent ag-grid filter from closing
|
|
17
|
-
* https://www.ag-grid.com/documentation/vue/component-filter/#custom-filters-containing-a-popup-element
|
|
18
|
-
*/
|
|
19
|
-
addMenuMousedown(): void;
|
|
20
|
-
private getDateMenuContent;
|
|
21
|
-
}
|
package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/interfaces.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { IComponent } from '@zeedhi/common';
|
|
2
|
-
import { IDateComp, IDateParams } from 'ag-grid-community';
|
|
3
|
-
export interface ITekAgGridDateParams extends IDateParams {
|
|
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 VueDateComp = Omit<IDateComp, 'getGui' | 'init'>;
|
|
11
|
-
export interface IVueDateComp extends VueDateComp {
|
|
12
|
-
params: ITekAgGridDateParams;
|
|
13
|
-
}
|
|
14
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Select } from '@zeedhi/common';
|
|
2
|
-
import { ITekAgGridSelectEditorParams, IVueSelectEditorComp } from './interfaces';
|
|
3
|
-
import TekAgGridCellEditor from '../tek-ag-grid-cell-editor/TekAgGridCellEditor';
|
|
4
|
-
export default class TekAgGridSelectEditor extends TekAgGridCellEditor implements IVueSelectEditorComp {
|
|
5
|
-
params: ITekAgGridSelectEditorParams;
|
|
6
|
-
instance?: Select;
|
|
7
|
-
inputRef?: any;
|
|
8
|
-
defaultComponent: string;
|
|
9
|
-
/**
|
|
10
|
-
* When editing is finished, update grid row columns
|
|
11
|
-
*/
|
|
12
|
-
isCancelAfterEnd(): boolean;
|
|
13
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ITekAgGridCellEditorParams, IVueCellEditorComp } from '../tek-ag-grid-cell-editor/interfaces';
|
|
2
|
-
export interface ITekAgGridSelectEditorParams extends ITekAgGridCellEditorParams {
|
|
3
|
-
dataValueOut?: {
|
|
4
|
-
column: string;
|
|
5
|
-
columnOnGrid: string;
|
|
6
|
-
}[];
|
|
7
|
-
}
|
|
8
|
-
export interface IVueSelectEditorComp extends IVueCellEditorComp {
|
|
9
|
-
params: ITekAgGridSelectEditorParams;
|
|
10
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import TekAgGridCellRenderer from '../tek-ag-grid-cell-renderer/TekAgGridCellRenderer';
|
|
2
|
-
import { ITekAgGridSelectRendererParams, IVueSelectRendererComp } from './interfaces';
|
|
3
|
-
export default class TekAgGridSelectRenderer extends TekAgGridCellRenderer implements IVueSelectRendererComp {
|
|
4
|
-
params: ITekAgGridSelectRendererParams;
|
|
5
|
-
formatter: Function;
|
|
6
|
-
formattedValue: string;
|
|
7
|
-
defaultFormatter: string;
|
|
8
|
-
updateFormattedValue(params: ITekAgGridSelectRendererParams): Promise<void>;
|
|
9
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ITekAgGridCellRendererParams, IVueCellRendererComp } from '../tek-ag-grid-cell-renderer/interfaces';
|
|
2
|
-
export interface ITekAgGridSelectRendererParams extends ITekAgGridCellRendererParams {
|
|
3
|
-
dataText: string | any[];
|
|
4
|
-
dataTextSeparator?: string;
|
|
5
|
-
}
|
|
6
|
-
export interface IVueSelectRendererComp extends IVueCellRendererComp {
|
|
7
|
-
params: ITekAgGridSelectRendererParams;
|
|
8
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import TekGridCellEditor from './tek-grid-cell-editor/TekGridCellEditor.vue';
|
|
2
|
-
import TekGridCellRenderer from './tek-grid-cell-renderer/TekGridCellRenderer.vue';
|
|
3
|
-
import TekGridDate from './tek-grid-date/TekGridDate.vue';
|
|
4
|
-
import TekGridSelectEditor from './tek-grid-select-editor/TekGridSelectEditor.vue';
|
|
5
|
-
import TekGridSelectRenderer from './tek-grid-select-renderer/TekGridSelectRenderer.vue';
|
|
6
|
-
export { TekGridCellEditor, TekGridCellRenderer, TekGridDate, TekGridSelectEditor, TekGridSelectRenderer, };
|
package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import Vue from 'vue';
|
|
2
|
-
import { IComponent, Input } from '@zeedhi/common';
|
|
3
|
-
import { ZdInput } from '@zeedhi/vuetify';
|
|
4
|
-
import { ITekGridCellEditorParams, IVueCellEditorComp } from './interfaces';
|
|
5
|
-
export default class TekGridCellEditor extends Vue implements IVueCellEditorComp {
|
|
6
|
-
params: ITekGridCellEditorParams;
|
|
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
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { IComponent } from '@zeedhi/common';
|
|
2
|
-
import { ICellEditorComp, ICellRendererParams } from 'ag-grid-community';
|
|
3
|
-
export interface ITekGridCellEditorParams 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: ITekGridCellEditorParams;
|
|
13
|
-
}
|
|
14
|
-
export {};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import Vue from 'vue';
|
|
2
|
-
import { ITekGridCellRendererParams, IVueCellRendererComp } from './interfaces';
|
|
3
|
-
export default class TekGridCellRenderer extends Vue implements IVueCellRendererComp {
|
|
4
|
-
params: ITekGridCellRendererParams;
|
|
5
|
-
formatter: Function;
|
|
6
|
-
formattedValue: string;
|
|
7
|
-
defaultFormatter: string;
|
|
8
|
-
created(): void;
|
|
9
|
-
refresh(params: ITekGridCellRendererParams): boolean;
|
|
10
|
-
updateFormattedValue(params: ITekGridCellRendererParams): Promise<void>;
|
|
11
|
-
}
|
package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/interfaces.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';
|
|
2
|
-
export interface ITekGridCellRendererParams 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: ITekGridCellRendererParams;
|
|
12
|
-
}
|
|
13
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import Vue from 'vue';
|
|
2
|
-
import { Date as ZdDateInstance, IComponent } from '@zeedhi/common';
|
|
3
|
-
import { ZdDate } from '@zeedhi/vuetify';
|
|
4
|
-
import { ITekGridDateParams, IVueDateComp } from './interfaces';
|
|
5
|
-
export default class TekGridDate extends Vue implements IVueDateComp {
|
|
6
|
-
params: ITekGridDateParams;
|
|
7
|
-
instance?: ZdDateInstance;
|
|
8
|
-
inputRef?: ZdDate;
|
|
9
|
-
mounted(): void;
|
|
10
|
-
initRefs(): void;
|
|
11
|
-
getDate(): Date | null;
|
|
12
|
-
setDate(date: Date | null): void;
|
|
13
|
-
get componentProps(): IComponent;
|
|
14
|
-
private eventOverwritten;
|
|
15
|
-
/**
|
|
16
|
-
* Add mousedown to prevent ag-grid filter from closing
|
|
17
|
-
* https://www.ag-grid.com/documentation/vue/component-filter/#custom-filters-containing-a-popup-element
|
|
18
|
-
*/
|
|
19
|
-
addMenuMousedown(): void;
|
|
20
|
-
private getDateMenuContent;
|
|
21
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { IComponent } from '@zeedhi/common';
|
|
2
|
-
import { IDateComp, IDateParams } from 'ag-grid-community';
|
|
3
|
-
export interface ITekGridDateParams extends IDateParams {
|
|
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 VueDateComp = Omit<IDateComp, 'getGui' | 'init'>;
|
|
11
|
-
export interface IVueDateComp extends VueDateComp {
|
|
12
|
-
params: ITekGridDateParams;
|
|
13
|
-
}
|
|
14
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Select } from '@zeedhi/common';
|
|
2
|
-
import { ITekGridSelectEditorParams, IVueSelectEditorComp } from './interfaces';
|
|
3
|
-
import TekGridCellEditor from '../tek-grid-cell-editor/TekGridCellEditor';
|
|
4
|
-
export default class TekGridSelectEditor extends TekGridCellEditor implements IVueSelectEditorComp {
|
|
5
|
-
params: ITekGridSelectEditorParams;
|
|
6
|
-
instance?: Select;
|
|
7
|
-
inputRef?: any;
|
|
8
|
-
defaultComponent: string;
|
|
9
|
-
/**
|
|
10
|
-
* When editing is finished, update grid row columns
|
|
11
|
-
*/
|
|
12
|
-
isCancelAfterEnd(): boolean;
|
|
13
|
-
}
|
package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/interfaces.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ITekGridCellEditorParams, IVueCellEditorComp } from '../tek-grid-cell-editor/interfaces';
|
|
2
|
-
export interface ITekGridSelectEditorParams extends ITekGridCellEditorParams {
|
|
3
|
-
dataValueOut?: {
|
|
4
|
-
column: string;
|
|
5
|
-
columnOnGrid: string;
|
|
6
|
-
}[];
|
|
7
|
-
}
|
|
8
|
-
export interface IVueSelectEditorComp extends IVueCellEditorComp {
|
|
9
|
-
params: ITekGridSelectEditorParams;
|
|
10
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import TekGridCellRenderer from '../tek-grid-cell-renderer/TekGridCellRenderer';
|
|
2
|
-
import { ITekGridSelectRendererParams, IVueSelectRendererComp } from './interfaces';
|
|
3
|
-
export default class TekGridSelectRenderer extends TekGridCellRenderer implements IVueSelectRendererComp {
|
|
4
|
-
params: ITekGridSelectRendererParams;
|
|
5
|
-
formatter: Function;
|
|
6
|
-
formattedValue: string;
|
|
7
|
-
defaultFormatter: string;
|
|
8
|
-
updateFormattedValue(params: ITekGridSelectRendererParams): Promise<void>;
|
|
9
|
-
}
|
package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ITekGridCellRendererParams, IVueCellRendererComp } from '../tek-grid-cell-renderer/interfaces';
|
|
2
|
-
export interface ITekGridSelectRendererParams extends ITekGridCellRendererParams {
|
|
3
|
-
dataText: string | any[];
|
|
4
|
-
dataTextSeparator?: string;
|
|
5
|
-
}
|
|
6
|
-
export interface IVueSelectRendererComp extends IVueCellRendererComp {
|
|
7
|
-
params: ITekGridSelectRendererParams;
|
|
8
|
-
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { TekLogin as TekLoginClass } from '@zeedhi/teknisa-components-common';
|
|
2
|
-
import { IComponentRender } from '@zeedhi/common';
|
|
3
|
-
declare const ZdLogin: import("vue").VueConstructor<import("vue-property-decorator").Vue>;
|
|
4
|
-
/**
|
|
5
|
-
* TekLogin component
|
|
6
|
-
*/
|
|
7
|
-
export default class TekLogin extends ZdLogin {
|
|
8
|
-
cardWidth: string;
|
|
9
|
-
layout: string;
|
|
10
|
-
children: IComponentRender[];
|
|
11
|
-
instance: TekLoginClass;
|
|
12
|
-
instanceType: typeof TekLoginClass;
|
|
13
|
-
created(): void;
|
|
14
|
-
}
|
|
15
|
-
export {};
|