@zeedhi/teknisa-components-vuetify 1.109.1 → 1.111.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 +52 -28
- package/dist/tek-components-vuetify.umd.js +52 -28
- package/package.json +2 -2
- package/types/components/tek-grid/TekGrid.d.ts +3 -1
- 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);
|
|
@@ -1654,6 +1657,9 @@
|
|
|
1654
1657
|
__decorate([
|
|
1655
1658
|
vuetify.PropWatch({ type: [Array] })
|
|
1656
1659
|
], TekGrid$1.prototype, "toolbarConfig", void 0);
|
|
1660
|
+
__decorate([
|
|
1661
|
+
vuetify.PropWatch({ type: [String, Function] })
|
|
1662
|
+
], TekGrid$1.prototype, "reportLabelFormatter", void 0);
|
|
1657
1663
|
__decorate([
|
|
1658
1664
|
vuePropertyDecorator.Prop({
|
|
1659
1665
|
type: Array,
|
|
@@ -2883,7 +2889,7 @@
|
|
|
2883
2889
|
/* style */
|
|
2884
2890
|
const __vue_inject_styles__$g = function (inject) {
|
|
2885
2891
|
if (!inject) return
|
|
2886
|
-
inject("data-v-
|
|
2892
|
+
inject("data-v-d1c8d010_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 });
|
|
2887
2893
|
|
|
2888
2894
|
};
|
|
2889
2895
|
/* scoped */
|
|
@@ -2957,7 +2963,7 @@
|
|
|
2957
2963
|
/* style */
|
|
2958
2964
|
const __vue_inject_styles__$f = function (inject) {
|
|
2959
2965
|
if (!inject) return
|
|
2960
|
-
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 });
|
|
2961
2967
|
|
|
2962
2968
|
};
|
|
2963
2969
|
/* scoped */
|
|
@@ -3458,6 +3464,13 @@
|
|
|
3458
3464
|
set selectedColumnGroupOpened(value) {
|
|
3459
3465
|
this.setSameValue('groupOpened', value);
|
|
3460
3466
|
}
|
|
3467
|
+
onShowModal() {
|
|
3468
|
+
const selectNames = ['tekGridColumnsOptionsColumnAlignment', 'tekGridColumnsOptionsColumnAggregation'];
|
|
3469
|
+
selectNames.forEach((name) => {
|
|
3470
|
+
const select = core.Metadata.getInstance(name);
|
|
3471
|
+
select.value = '';
|
|
3472
|
+
});
|
|
3473
|
+
}
|
|
3461
3474
|
selectMounted({ component }) {
|
|
3462
3475
|
this.updatingSelect = true;
|
|
3463
3476
|
if (component.name === 'tekGridColumnsOptionsColumnAlignment') {
|
|
@@ -3504,24 +3517,24 @@
|
|
|
3504
3517
|
this.selectedColumnNames.splice(this.selectedColumnNames.indexOf(column.name), 1);
|
|
3505
3518
|
this.otherColumns.push(column);
|
|
3506
3519
|
}
|
|
3507
|
-
columnFixedRemoveClick({
|
|
3508
|
-
const columnName =
|
|
3520
|
+
columnFixedRemoveClick({ component }) {
|
|
3521
|
+
const { columnName } = component.userProperties;
|
|
3509
3522
|
if (columnName) {
|
|
3510
3523
|
const column = this.columnData[columnName];
|
|
3511
3524
|
this.columnRemoveClick(column);
|
|
3512
3525
|
this.fixedColumns.splice(this.fixedColumns.indexOf(column), 1);
|
|
3513
3526
|
}
|
|
3514
3527
|
}
|
|
3515
|
-
columnVisibleRemoveClick({
|
|
3516
|
-
const columnName =
|
|
3528
|
+
columnVisibleRemoveClick({ component }) {
|
|
3529
|
+
const { columnName } = component.userProperties;
|
|
3517
3530
|
if (columnName) {
|
|
3518
3531
|
const column = this.columnData[columnName];
|
|
3519
3532
|
this.columnRemoveClick(column);
|
|
3520
3533
|
this.visibleColumns.splice(this.visibleColumns.indexOf(column), 1);
|
|
3521
3534
|
}
|
|
3522
3535
|
}
|
|
3523
|
-
columnGroupedRemoveClick({
|
|
3524
|
-
const columnName =
|
|
3536
|
+
columnGroupedRemoveClick({ component }) {
|
|
3537
|
+
const { columnName } = component.userProperties;
|
|
3525
3538
|
if (columnName) {
|
|
3526
3539
|
const column = this.columnData[columnName];
|
|
3527
3540
|
this.columnRemoveClick(column);
|
|
@@ -3534,8 +3547,8 @@
|
|
|
3534
3547
|
isMobilePlatform() {
|
|
3535
3548
|
return /iPhone|iPad|Android/.test(navigator.platform);
|
|
3536
3549
|
}
|
|
3537
|
-
columnClick({
|
|
3538
|
-
const columnName =
|
|
3550
|
+
columnClick({ component, event }) {
|
|
3551
|
+
const { columnName } = component.userProperties;
|
|
3539
3552
|
if (columnName) {
|
|
3540
3553
|
const mouseEvent = event;
|
|
3541
3554
|
const multiple = (this.isMacPlatform() && mouseEvent.metaKey) || mouseEvent.ctrlKey || this.isMobilePlatform();
|
|
@@ -3582,7 +3595,8 @@
|
|
|
3582
3595
|
}
|
|
3583
3596
|
}
|
|
3584
3597
|
onDragEnd(event) {
|
|
3585
|
-
const
|
|
3598
|
+
const elementName = event.item.getAttribute('name');
|
|
3599
|
+
const columnName = elementName.split('Column_')[1];
|
|
3586
3600
|
if (this.selectedColumnNames.indexOf(columnName) === -1) {
|
|
3587
3601
|
this.selectedColumnNames = [columnName];
|
|
3588
3602
|
this.updateSelects();
|
|
@@ -3715,6 +3729,10 @@
|
|
|
3715
3729
|
TekGridColumnsOptionsModal.modal.hide();
|
|
3716
3730
|
}
|
|
3717
3731
|
}
|
|
3732
|
+
static callOnShowModal() {
|
|
3733
|
+
if (TekGridColumnsOptionsModal.controller)
|
|
3734
|
+
TekGridColumnsOptionsModal.controller.onShowModal();
|
|
3735
|
+
}
|
|
3718
3736
|
}
|
|
3719
3737
|
TekGridColumnsOptionsModal.controllerName = `TekGridColumnsOptionsController_${new Date().getTime()}`;
|
|
3720
3738
|
TekGridColumnsOptionsModal.modalDef = {
|
|
@@ -3820,7 +3838,7 @@
|
|
|
3820
3838
|
name: 'tekGridColumnsOptionsFixedColumn_<<row.name>>',
|
|
3821
3839
|
component: 'ZdTag',
|
|
3822
3840
|
columnName: '<<row.name>>',
|
|
3823
|
-
cssClass: 'tek-grid-column-option-box
|
|
3841
|
+
cssClass: 'tek-grid-column-option-box '
|
|
3824
3842
|
+ 'tek-grid-column-option-selected-<<row.selected>>',
|
|
3825
3843
|
tag: 'div',
|
|
3826
3844
|
children: [
|
|
@@ -3898,7 +3916,7 @@
|
|
|
3898
3916
|
name: 'tekGridColumnsOptionsVisibleColumn_<<row.name>>',
|
|
3899
3917
|
component: 'ZdTag',
|
|
3900
3918
|
columnName: '<<row.name>>',
|
|
3901
|
-
cssClass: 'tek-grid-column-option-box
|
|
3919
|
+
cssClass: 'tek-grid-column-option-box '
|
|
3902
3920
|
+ 'tek-grid-column-option-selected-<<row.selected>>',
|
|
3903
3921
|
tag: 'div',
|
|
3904
3922
|
children: [
|
|
@@ -3977,7 +3995,7 @@
|
|
|
3977
3995
|
name: 'tekGridColumnsOptionsGroupedColumn_<<row.name>>',
|
|
3978
3996
|
component: 'ZdTag',
|
|
3979
3997
|
columnName: '<<row.name>>',
|
|
3980
|
-
cssClass: 'tek-grid-column-option-box
|
|
3998
|
+
cssClass: 'tek-grid-column-option-box '
|
|
3981
3999
|
+ 'tek-grid-column-option-selected-<<row.selected>>',
|
|
3982
4000
|
tag: 'div',
|
|
3983
4001
|
children: [
|
|
@@ -4056,7 +4074,7 @@
|
|
|
4056
4074
|
component: 'ZdText',
|
|
4057
4075
|
columnName: '<<row.name>>',
|
|
4058
4076
|
text: '<<row.label>><<row.aggregationText>>',
|
|
4059
|
-
cssClass: 'tek-grid-column-option-box
|
|
4077
|
+
cssClass: 'tek-grid-column-option-box '
|
|
4060
4078
|
+ 'tek-grid-column-option-selected-<<row.selected>>',
|
|
4061
4079
|
events: {
|
|
4062
4080
|
click: `{{${TekGridColumnsOptionsModal.controllerName}.columnClick}}`,
|
|
@@ -4198,6 +4216,9 @@
|
|
|
4198
4216
|
],
|
|
4199
4217
|
},
|
|
4200
4218
|
],
|
|
4219
|
+
events: {
|
|
4220
|
+
onShow: TekGridColumnsOptionsModal.callOnShowModal,
|
|
4221
|
+
},
|
|
4201
4222
|
};
|
|
4202
4223
|
|
|
4203
4224
|
/**
|
|
@@ -5035,6 +5056,9 @@
|
|
|
5035
5056
|
__decorate([
|
|
5036
5057
|
vuetify.PropWatch({ type: [Boolean, String], default: true })
|
|
5037
5058
|
], TekGrid.prototype, "showSearch", void 0);
|
|
5059
|
+
__decorate([
|
|
5060
|
+
vuetify.PropWatch({ type: [Boolean, String], default: true })
|
|
5061
|
+
], TekGrid.prototype, "showHideButton", void 0);
|
|
5038
5062
|
__decorate([
|
|
5039
5063
|
vuetify.PropWatch({ type: [Boolean, String], default: false })
|
|
5040
5064
|
], TekGrid.prototype, "columnFilterButton", void 0);
|
|
@@ -6355,7 +6379,7 @@
|
|
|
6355
6379
|
/* style */
|
|
6356
6380
|
const __vue_inject_styles__$c = function (inject) {
|
|
6357
6381
|
if (!inject) return
|
|
6358
|
-
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 });
|
|
6359
6383
|
|
|
6360
6384
|
};
|
|
6361
6385
|
/* scoped */
|
|
@@ -6648,7 +6672,7 @@
|
|
|
6648
6672
|
/* style */
|
|
6649
6673
|
const __vue_inject_styles__$b = function (inject) {
|
|
6650
6674
|
if (!inject) return
|
|
6651
|
-
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 });
|
|
6652
6676
|
|
|
6653
6677
|
};
|
|
6654
6678
|
/* scoped */
|
|
@@ -6706,7 +6730,7 @@
|
|
|
6706
6730
|
/* style */
|
|
6707
6731
|
const __vue_inject_styles__$a = function (inject) {
|
|
6708
6732
|
if (!inject) return
|
|
6709
|
-
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 });
|
|
6710
6734
|
|
|
6711
6735
|
};
|
|
6712
6736
|
/* scoped */
|
|
@@ -7028,7 +7052,7 @@
|
|
|
7028
7052
|
/* style */
|
|
7029
7053
|
const __vue_inject_styles__$9 = function (inject) {
|
|
7030
7054
|
if (!inject) return
|
|
7031
|
-
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 });
|
|
7032
7056
|
|
|
7033
7057
|
};
|
|
7034
7058
|
/* scoped */
|
|
@@ -7455,11 +7479,11 @@
|
|
|
7455
7479
|
/* style */
|
|
7456
7480
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7457
7481
|
if (!inject) return
|
|
7458
|
-
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 });
|
|
7459
7483
|
|
|
7460
7484
|
};
|
|
7461
7485
|
/* scoped */
|
|
7462
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7486
|
+
const __vue_scope_id__$6 = "data-v-1baf7241";
|
|
7463
7487
|
/* module identifier */
|
|
7464
7488
|
const __vue_module_identifier__$6 = undefined;
|
|
7465
7489
|
/* functional template */
|
|
@@ -7675,7 +7699,7 @@
|
|
|
7675
7699
|
/* style */
|
|
7676
7700
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7677
7701
|
if (!inject) return
|
|
7678
|
-
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 });
|
|
7679
7703
|
|
|
7680
7704
|
};
|
|
7681
7705
|
/* scoped */
|
|
@@ -7846,7 +7870,7 @@
|
|
|
7846
7870
|
/* style */
|
|
7847
7871
|
const __vue_inject_styles__$3 = function (inject) {
|
|
7848
7872
|
if (!inject) return
|
|
7849
|
-
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 });
|
|
7850
7874
|
|
|
7851
7875
|
};
|
|
7852
7876
|
/* scoped */
|
|
@@ -8672,7 +8696,7 @@
|
|
|
8672
8696
|
/* style */
|
|
8673
8697
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8674
8698
|
if (!inject) return
|
|
8675
|
-
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 });
|
|
8676
8700
|
|
|
8677
8701
|
};
|
|
8678
8702
|
/* scoped */
|
|
@@ -8756,7 +8780,7 @@
|
|
|
8756
8780
|
/* style */
|
|
8757
8781
|
const __vue_inject_styles__$1 = function (inject) {
|
|
8758
8782
|
if (!inject) return
|
|
8759
|
-
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 });
|
|
8760
8784
|
|
|
8761
8785
|
};
|
|
8762
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.111.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": "55a6a69ca54e1ee419bdf4608e021222eaf45e51"
|
|
48
48
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TekGrid as TekGridClass, TekGridColumn, ITekGridExportConfig, IDynamicFilterItem, ITekGridGroupHeader, IModalFilterProps } from '@zeedhi/teknisa-components-common';
|
|
2
|
-
import { GridColumnEditable, IComponentRender, Input, Radio, Select } from '@zeedhi/common';
|
|
2
|
+
import { GridColumnEditable, IComponentRender, Input, LabelFormatter, Radio, Select } from '@zeedhi/common';
|
|
3
3
|
import { IDictionary, IEventParam } from '@zeedhi/core';
|
|
4
4
|
declare const ZdGridEditable: import("vue").VueConstructor<import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue-property-decorator").Vue<Record<string, any>, Record<string, any>, never, never, any>>>;
|
|
5
5
|
/**
|
|
@@ -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[];
|
|
@@ -34,6 +35,7 @@ export default class TekGrid extends ZdGridEditable {
|
|
|
34
35
|
defaultFilter: IDictionary;
|
|
35
36
|
reportTitle: string;
|
|
36
37
|
toolbarConfig: (IComponentRender | string)[];
|
|
38
|
+
reportLabelFormatter: LabelFormatter;
|
|
37
39
|
toolbarSlot: IComponentRender[];
|
|
38
40
|
instance: TekGridClass;
|
|
39
41
|
instanceType: typeof TekGridClass;
|
|
@@ -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
|
-
}
|