@zeedhi/teknisa-components-vuetify 1.110.0 → 1.112.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 +50 -29
- package/dist/tek-components-vuetify.umd.js +50 -29
- package/package.json +2 -2
- package/types/components/tek-grid/TekGrid.d.ts +1 -0
- package/types/components/tek-grid/TekGridColumnsOptionsController.d.ts +7 -6
- package/types/components/tek-grid/TekGridColumnsOptionsModal.d.ts +1 -0
- package/types/components/tek-tree-grid/TekTreeGrid.d.ts +1 -0
- package/dist/tek-style.css +0 -7
- package/types/components/tek-ag-grid/RenderedIcons.d.ts +0 -6
- package/types/components/tek-ag-grid/TekAgGrid.d.ts +0 -30
- package/types/components/tek-ag-grid/tek-ag-grid-components/index.d.ts +0 -6
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/TekAgGridCellEditor.d.ts +0 -15
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/interfaces.d.ts +0 -14
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/TekAgGridCellRenderer.d.ts +0 -11
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/interfaces.d.ts +0 -13
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/TekAgGridDate.d.ts +0 -21
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/interfaces.d.ts +0 -14
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/TekAgGridSelectEditor.d.ts +0 -13
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/interfaces.d.ts +0 -10
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/TekAgGridSelectRenderer.d.ts +0 -9
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/interfaces.d.ts +0 -8
- package/types/components/tek-grid/RenderedIcons.d.ts +0 -6
- package/types/components/tek-grid/tek-grid-components/index.d.ts +0 -6
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts +0 -15
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/interfaces.d.ts +0 -14
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/TekGridCellRenderer.d.ts +0 -11
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/interfaces.d.ts +0 -13
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/TekGridDate.d.ts +0 -21
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/interfaces.d.ts +0 -14
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/TekGridSelectEditor.d.ts +0 -13
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/interfaces.d.ts +0 -10
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/TekGridSelectRenderer.d.ts +0 -9
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts +0 -8
- package/types/components/tek-login/TekLogin.d.ts +0 -15
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
/* style */
|
|
268
268
|
const __vue_inject_styles__$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 */
|
|
@@ -1594,6 +1594,9 @@
|
|
|
1594
1594
|
__decorate([
|
|
1595
1595
|
vuetify.PropWatch({ type: [Boolean, String], default: true })
|
|
1596
1596
|
], TekGrid$1.prototype, "showSearch", void 0);
|
|
1597
|
+
__decorate([
|
|
1598
|
+
vuetify.PropWatch({ type: [Boolean, String], default: true })
|
|
1599
|
+
], TekGrid$1.prototype, "showHideButton", void 0);
|
|
1597
1600
|
__decorate([
|
|
1598
1601
|
vuetify.PropWatch({ type: [Boolean, String], default: false })
|
|
1599
1602
|
], TekGrid$1.prototype, "columnFilterButton", void 0);
|
|
@@ -2666,7 +2669,7 @@
|
|
|
2666
2669
|
cellsApplied:
|
|
2667
2670
|
cellsApplied,
|
|
2668
2671
|
visibleValue:
|
|
2669
|
-
item[column.
|
|
2672
|
+
item[column.valueIn],
|
|
2670
2673
|
},
|
|
2671
2674
|
on: {
|
|
2672
2675
|
mouseenter: function (
|
|
@@ -2886,7 +2889,7 @@
|
|
|
2886
2889
|
/* style */
|
|
2887
2890
|
const __vue_inject_styles__$g = function (inject) {
|
|
2888
2891
|
if (!inject) return
|
|
2889
|
-
inject("data-v-
|
|
2892
|
+
inject("data-v-f285095a_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 });
|
|
2890
2893
|
|
|
2891
2894
|
};
|
|
2892
2895
|
/* scoped */
|
|
@@ -2960,7 +2963,7 @@
|
|
|
2960
2963
|
/* style */
|
|
2961
2964
|
const __vue_inject_styles__$f = function (inject) {
|
|
2962
2965
|
if (!inject) return
|
|
2963
|
-
inject("data-v-
|
|
2966
|
+
inject("data-v-d107dce8_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
|
|
2964
2967
|
|
|
2965
2968
|
};
|
|
2966
2969
|
/* scoped */
|
|
@@ -3461,6 +3464,13 @@
|
|
|
3461
3464
|
set selectedColumnGroupOpened(value) {
|
|
3462
3465
|
this.setSameValue('groupOpened', value);
|
|
3463
3466
|
}
|
|
3467
|
+
onShowModal() {
|
|
3468
|
+
const selectNames = ['tekGridColumnsOptionsColumnAlignment', 'tekGridColumnsOptionsColumnAggregation'];
|
|
3469
|
+
selectNames.forEach((name) => {
|
|
3470
|
+
const select = core.Metadata.getInstance(name);
|
|
3471
|
+
select.value = '';
|
|
3472
|
+
});
|
|
3473
|
+
}
|
|
3464
3474
|
selectMounted({ component }) {
|
|
3465
3475
|
this.updatingSelect = true;
|
|
3466
3476
|
if (component.name === 'tekGridColumnsOptionsColumnAlignment') {
|
|
@@ -3507,24 +3517,24 @@
|
|
|
3507
3517
|
this.selectedColumnNames.splice(this.selectedColumnNames.indexOf(column.name), 1);
|
|
3508
3518
|
this.otherColumns.push(column);
|
|
3509
3519
|
}
|
|
3510
|
-
columnFixedRemoveClick({
|
|
3511
|
-
const columnName =
|
|
3520
|
+
columnFixedRemoveClick({ component }) {
|
|
3521
|
+
const { columnName } = component.userProperties;
|
|
3512
3522
|
if (columnName) {
|
|
3513
3523
|
const column = this.columnData[columnName];
|
|
3514
3524
|
this.columnRemoveClick(column);
|
|
3515
3525
|
this.fixedColumns.splice(this.fixedColumns.indexOf(column), 1);
|
|
3516
3526
|
}
|
|
3517
3527
|
}
|
|
3518
|
-
columnVisibleRemoveClick({
|
|
3519
|
-
const columnName =
|
|
3528
|
+
columnVisibleRemoveClick({ component }) {
|
|
3529
|
+
const { columnName } = component.userProperties;
|
|
3520
3530
|
if (columnName) {
|
|
3521
3531
|
const column = this.columnData[columnName];
|
|
3522
3532
|
this.columnRemoveClick(column);
|
|
3523
3533
|
this.visibleColumns.splice(this.visibleColumns.indexOf(column), 1);
|
|
3524
3534
|
}
|
|
3525
3535
|
}
|
|
3526
|
-
columnGroupedRemoveClick({
|
|
3527
|
-
const columnName =
|
|
3536
|
+
columnGroupedRemoveClick({ component }) {
|
|
3537
|
+
const { columnName } = component.userProperties;
|
|
3528
3538
|
if (columnName) {
|
|
3529
3539
|
const column = this.columnData[columnName];
|
|
3530
3540
|
this.columnRemoveClick(column);
|
|
@@ -3537,8 +3547,8 @@
|
|
|
3537
3547
|
isMobilePlatform() {
|
|
3538
3548
|
return /iPhone|iPad|Android/.test(navigator.platform);
|
|
3539
3549
|
}
|
|
3540
|
-
columnClick({
|
|
3541
|
-
const columnName =
|
|
3550
|
+
columnClick({ component, event }) {
|
|
3551
|
+
const { columnName } = component.userProperties;
|
|
3542
3552
|
if (columnName) {
|
|
3543
3553
|
const mouseEvent = event;
|
|
3544
3554
|
const multiple = (this.isMacPlatform() && mouseEvent.metaKey) || mouseEvent.ctrlKey || this.isMobilePlatform();
|
|
@@ -3585,7 +3595,8 @@
|
|
|
3585
3595
|
}
|
|
3586
3596
|
}
|
|
3587
3597
|
onDragEnd(event) {
|
|
3588
|
-
const
|
|
3598
|
+
const elementName = event.item.getAttribute('name');
|
|
3599
|
+
const columnName = elementName.split('Column_')[1];
|
|
3589
3600
|
if (this.selectedColumnNames.indexOf(columnName) === -1) {
|
|
3590
3601
|
this.selectedColumnNames = [columnName];
|
|
3591
3602
|
this.updateSelects();
|
|
@@ -3718,6 +3729,10 @@
|
|
|
3718
3729
|
TekGridColumnsOptionsModal.modal.hide();
|
|
3719
3730
|
}
|
|
3720
3731
|
}
|
|
3732
|
+
static callOnShowModal() {
|
|
3733
|
+
if (TekGridColumnsOptionsModal.controller)
|
|
3734
|
+
TekGridColumnsOptionsModal.controller.onShowModal();
|
|
3735
|
+
}
|
|
3721
3736
|
}
|
|
3722
3737
|
TekGridColumnsOptionsModal.controllerName = `TekGridColumnsOptionsController_${new Date().getTime()}`;
|
|
3723
3738
|
TekGridColumnsOptionsModal.modalDef = {
|
|
@@ -3823,7 +3838,7 @@
|
|
|
3823
3838
|
name: 'tekGridColumnsOptionsFixedColumn_<<row.name>>',
|
|
3824
3839
|
component: 'ZdTag',
|
|
3825
3840
|
columnName: '<<row.name>>',
|
|
3826
|
-
cssClass: 'tek-grid-column-option-box
|
|
3841
|
+
cssClass: 'tek-grid-column-option-box '
|
|
3827
3842
|
+ 'tek-grid-column-option-selected-<<row.selected>>',
|
|
3828
3843
|
tag: 'div',
|
|
3829
3844
|
children: [
|
|
@@ -3901,7 +3916,7 @@
|
|
|
3901
3916
|
name: 'tekGridColumnsOptionsVisibleColumn_<<row.name>>',
|
|
3902
3917
|
component: 'ZdTag',
|
|
3903
3918
|
columnName: '<<row.name>>',
|
|
3904
|
-
cssClass: 'tek-grid-column-option-box
|
|
3919
|
+
cssClass: 'tek-grid-column-option-box '
|
|
3905
3920
|
+ 'tek-grid-column-option-selected-<<row.selected>>',
|
|
3906
3921
|
tag: 'div',
|
|
3907
3922
|
children: [
|
|
@@ -3980,7 +3995,7 @@
|
|
|
3980
3995
|
name: 'tekGridColumnsOptionsGroupedColumn_<<row.name>>',
|
|
3981
3996
|
component: 'ZdTag',
|
|
3982
3997
|
columnName: '<<row.name>>',
|
|
3983
|
-
cssClass: 'tek-grid-column-option-box
|
|
3998
|
+
cssClass: 'tek-grid-column-option-box '
|
|
3984
3999
|
+ 'tek-grid-column-option-selected-<<row.selected>>',
|
|
3985
4000
|
tag: 'div',
|
|
3986
4001
|
children: [
|
|
@@ -4059,7 +4074,7 @@
|
|
|
4059
4074
|
component: 'ZdText',
|
|
4060
4075
|
columnName: '<<row.name>>',
|
|
4061
4076
|
text: '<<row.label>><<row.aggregationText>>',
|
|
4062
|
-
cssClass: 'tek-grid-column-option-box
|
|
4077
|
+
cssClass: 'tek-grid-column-option-box '
|
|
4063
4078
|
+ 'tek-grid-column-option-selected-<<row.selected>>',
|
|
4064
4079
|
events: {
|
|
4065
4080
|
click: `{{${TekGridColumnsOptionsModal.controllerName}.columnClick}}`,
|
|
@@ -4201,6 +4216,9 @@
|
|
|
4201
4216
|
],
|
|
4202
4217
|
},
|
|
4203
4218
|
],
|
|
4219
|
+
events: {
|
|
4220
|
+
onShow: TekGridColumnsOptionsModal.callOnShowModal,
|
|
4221
|
+
},
|
|
4204
4222
|
};
|
|
4205
4223
|
|
|
4206
4224
|
/**
|
|
@@ -5038,6 +5056,9 @@
|
|
|
5038
5056
|
__decorate([
|
|
5039
5057
|
vuetify.PropWatch({ type: [Boolean, String], default: true })
|
|
5040
5058
|
], TekGrid.prototype, "showSearch", void 0);
|
|
5059
|
+
__decorate([
|
|
5060
|
+
vuetify.PropWatch({ type: [Boolean, String], default: true })
|
|
5061
|
+
], TekGrid.prototype, "showHideButton", void 0);
|
|
5041
5062
|
__decorate([
|
|
5042
5063
|
vuetify.PropWatch({ type: [Boolean, String], default: false })
|
|
5043
5064
|
], TekGrid.prototype, "columnFilterButton", void 0);
|
|
@@ -6358,7 +6379,7 @@
|
|
|
6358
6379
|
/* style */
|
|
6359
6380
|
const __vue_inject_styles__$c = function (inject) {
|
|
6360
6381
|
if (!inject) return
|
|
6361
|
-
inject("data-v-
|
|
6382
|
+
inject("data-v-ddedbb5a_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 });
|
|
6362
6383
|
|
|
6363
6384
|
};
|
|
6364
6385
|
/* scoped */
|
|
@@ -6651,7 +6672,7 @@
|
|
|
6651
6672
|
/* style */
|
|
6652
6673
|
const __vue_inject_styles__$b = function (inject) {
|
|
6653
6674
|
if (!inject) return
|
|
6654
|
-
inject("data-v-
|
|
6675
|
+
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 });
|
|
6655
6676
|
|
|
6656
6677
|
};
|
|
6657
6678
|
/* scoped */
|
|
@@ -6709,7 +6730,7 @@
|
|
|
6709
6730
|
/* style */
|
|
6710
6731
|
const __vue_inject_styles__$a = function (inject) {
|
|
6711
6732
|
if (!inject) return
|
|
6712
|
-
inject("data-v-
|
|
6733
|
+
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 });
|
|
6713
6734
|
|
|
6714
6735
|
};
|
|
6715
6736
|
/* scoped */
|
|
@@ -7031,7 +7052,7 @@
|
|
|
7031
7052
|
/* style */
|
|
7032
7053
|
const __vue_inject_styles__$9 = function (inject) {
|
|
7033
7054
|
if (!inject) return
|
|
7034
|
-
inject("data-v-
|
|
7055
|
+
inject("data-v-19e639b0_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}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
|
|
7035
7056
|
|
|
7036
7057
|
};
|
|
7037
7058
|
/* scoped */
|
|
@@ -7458,11 +7479,11 @@
|
|
|
7458
7479
|
/* style */
|
|
7459
7480
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7460
7481
|
if (!inject) return
|
|
7461
|
-
inject("data-v-
|
|
7482
|
+
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 });
|
|
7462
7483
|
|
|
7463
7484
|
};
|
|
7464
7485
|
/* scoped */
|
|
7465
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7486
|
+
const __vue_scope_id__$6 = "data-v-1baf7241";
|
|
7466
7487
|
/* module identifier */
|
|
7467
7488
|
const __vue_module_identifier__$6 = undefined;
|
|
7468
7489
|
/* functional template */
|
|
@@ -7678,7 +7699,7 @@
|
|
|
7678
7699
|
/* style */
|
|
7679
7700
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7680
7701
|
if (!inject) return
|
|
7681
|
-
inject("data-v-
|
|
7702
|
+
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 });
|
|
7682
7703
|
|
|
7683
7704
|
};
|
|
7684
7705
|
/* scoped */
|
|
@@ -7849,7 +7870,7 @@
|
|
|
7849
7870
|
/* style */
|
|
7850
7871
|
const __vue_inject_styles__$3 = function (inject) {
|
|
7851
7872
|
if (!inject) return
|
|
7852
|
-
inject("data-v-
|
|
7873
|
+
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 });
|
|
7853
7874
|
|
|
7854
7875
|
};
|
|
7855
7876
|
/* scoped */
|
|
@@ -8675,7 +8696,7 @@
|
|
|
8675
8696
|
/* style */
|
|
8676
8697
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8677
8698
|
if (!inject) return
|
|
8678
|
-
inject("data-v-
|
|
8699
|
+
inject("data-v-1aaa956a_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 });
|
|
8679
8700
|
|
|
8680
8701
|
};
|
|
8681
8702
|
/* scoped */
|
|
@@ -8759,7 +8780,7 @@
|
|
|
8759
8780
|
/* style */
|
|
8760
8781
|
const __vue_inject_styles__$1 = function (inject) {
|
|
8761
8782
|
if (!inject) return
|
|
8762
|
-
inject("data-v-
|
|
8783
|
+
inject("data-v-d733a762_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 width: 100%;\n}\n.about-modal .zd-header-slot-left > * {\n width: 100%;\n}\n.about-modal .zd-tekUserInfo-tab {\n height: 300px !important;\n}\n.about-modal .zd-tekUserInfo-about-image {\n text-align: center;\n}", map: undefined, media: undefined });
|
|
8763
8784
|
|
|
8764
8785
|
};
|
|
8765
8786
|
/* scoped */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.112.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": "6bb547678e3e35d7bef320fdc80215bd96153b69"
|
|
48
48
|
}
|
|
@@ -15,6 +15,7 @@ export default class TekGrid extends ZdGridEditable {
|
|
|
15
15
|
filterButton: boolean | string;
|
|
16
16
|
modalFilterProps: IModalFilterProps;
|
|
17
17
|
showSearch: boolean | string;
|
|
18
|
+
showHideButton: boolean | string;
|
|
18
19
|
columnFilterButton: boolean | string;
|
|
19
20
|
hideActions: boolean;
|
|
20
21
|
actions: IComponentRender[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Modal, Select } from '@zeedhi/common';
|
|
1
|
+
import { Modal, Select, Tag } from '@zeedhi/common';
|
|
2
2
|
import { IDictionary, IEventParam } from '@zeedhi/core';
|
|
3
3
|
import { TekGridColumnsButton } from '@zeedhi/teknisa-components-common';
|
|
4
4
|
export default class TekGridColumnsOptionsController {
|
|
@@ -45,21 +45,22 @@ export default class TekGridColumnsOptionsController {
|
|
|
45
45
|
get notGroupInSelection(): boolean;
|
|
46
46
|
get selectedColumnGroupOpened(): any;
|
|
47
47
|
set selectedColumnGroupOpened(value: any);
|
|
48
|
+
onShowModal(): void;
|
|
48
49
|
selectMounted({ component }: IEventParam<Select>): void;
|
|
49
50
|
private updatingSelect;
|
|
50
51
|
selectChange({ component }: IEventParam<Select>): void;
|
|
51
52
|
private updateSelects;
|
|
52
53
|
private updateSelect;
|
|
53
54
|
private columnRemoveClick;
|
|
54
|
-
columnFixedRemoveClick({
|
|
55
|
-
columnVisibleRemoveClick({
|
|
56
|
-
columnGroupedRemoveClick({
|
|
55
|
+
columnFixedRemoveClick({ component }: IEventParam<any>): void;
|
|
56
|
+
columnVisibleRemoveClick({ component }: IEventParam<any>): void;
|
|
57
|
+
columnGroupedRemoveClick({ component }: IEventParam<any>): void;
|
|
57
58
|
private isMacPlatform;
|
|
58
59
|
private isMobilePlatform;
|
|
59
|
-
columnClick({
|
|
60
|
+
columnClick({ component, event }: IEventParam<Tag>): void;
|
|
60
61
|
private removeFromSourceList;
|
|
61
62
|
private onDragEnd;
|
|
62
|
-
columnContainerMounted({ element }: IEventParam<
|
|
63
|
+
columnContainerMounted({ element }: IEventParam<any>): void;
|
|
63
64
|
selectAll({ component }: IEventParam<any>): void;
|
|
64
65
|
cancelChanges(): void;
|
|
65
66
|
applyChanges({ event, element }: IEventParam<any>): void;
|
|
@@ -15,6 +15,7 @@ export default class TekGrid extends ZdTreeGridEditable {
|
|
|
15
15
|
filterButton: boolean | string;
|
|
16
16
|
modalFilterProps: IModalFilterProps;
|
|
17
17
|
showSearch: boolean | string;
|
|
18
|
+
showHideButton: boolean | string;
|
|
18
19
|
columnFilterButton: boolean | string;
|
|
19
20
|
actions: IComponentRender[];
|
|
20
21
|
dragColumns: boolean | string;
|
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 {};
|