@zeedhi/teknisa-components-vuetify 1.98.0 → 1.99.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 +19 -18
- package/dist/tek-components-vuetify.umd.js +19 -18
- package/dist/tek-style.css +7 -0
- package/package.json +2 -2
- package/types/components/tek-ag-grid/RenderedIcons.d.ts +6 -0
- package/types/components/tek-ag-grid/TekAgGrid.d.ts +30 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/index.d.ts +6 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/TekAgGridCellEditor.d.ts +15 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/interfaces.d.ts +14 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/TekAgGridCellRenderer.d.ts +11 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/interfaces.d.ts +13 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/TekAgGridDate.d.ts +21 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/interfaces.d.ts +14 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/TekAgGridSelectEditor.d.ts +13 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/interfaces.d.ts +10 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/TekAgGridSelectRenderer.d.ts +9 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/interfaces.d.ts +8 -0
- package/types/components/tek-grid/RenderedIcons.d.ts +6 -0
- package/types/components/tek-grid/tek-grid-components/index.d.ts +6 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts +15 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/interfaces.d.ts +14 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/TekGridCellRenderer.d.ts +11 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/interfaces.d.ts +13 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/TekGridDate.d.ts +21 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/interfaces.d.ts +14 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/TekGridSelectEditor.d.ts +13 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/interfaces.d.ts +10 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/TekGridSelectRenderer.d.ts +9 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts +8 -0
- package/types/components/tek-login/TekLogin.d.ts +15 -0
|
@@ -267,7 +267,7 @@ __vue_render__$n._withStripped = true;
|
|
|
267
267
|
/* style */
|
|
268
268
|
const __vue_inject_styles__$n = function (inject) {
|
|
269
269
|
if (!inject) return
|
|
270
|
-
inject("data-v-
|
|
270
|
+
inject("data-v-4982d92e_0", { source: ".tek-breadcrumb-header .tek-breadcrumb-header-title-col {\n display: flex;\n padding-top: 5px;\n padding-left: 0;\n}\n.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right {\n margin-left: auto;\n}\n.tek-breadcrumb-header .zd-breadcrumbs {\n padding: 0;\n font-size: var(--zd-font-body2-size);\n}\n.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title {\n font-size: 32px;\n font-weight: bold;\n line-height: 35px;\n margin-bottom: 10px;\n}\n.tek-breadcrumb-header .zd-text > p {\n margin: 0;\n}", map: undefined, media: undefined });
|
|
271
271
|
|
|
272
272
|
};
|
|
273
273
|
/* scoped */
|
|
@@ -437,7 +437,7 @@ __vue_render__$m._withStripped = true;
|
|
|
437
437
|
/* style */
|
|
438
438
|
const __vue_inject_styles__$m = function (inject) {
|
|
439
439
|
if (!inject) return
|
|
440
|
-
inject("data-v-
|
|
440
|
+
inject("data-v-dc07bd14_0", { source: ".tek-card-title-row {\n display: flex;\n align-items: center;\n}\n.tek-card-title-row .tek-card-title-text {\n color: var(--v-primary-base);\n font-weight: bold;\n font-size: 20px;\n}\n.tek-card-title-row .tek-card-subtitle-text {\n padding-left: 10px;\n color: var(--zd-font-color);\n font-size: 13px;\n}\n.tek-card-title-row .tek-card-title-text,\n.tek-card-title-row .tek-card-subtitle-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: baseline;\n}\n.tek-card-title-row .v-icon {\n color: var(--v-primary-base);\n padding-right: calc(var(--zd-default-padding) / 2);\n}\n.tek-card-title .v-divider {\n margin-bottom: 16px;\n}\n.tek-card-title .tek-card-title-router {\n text-decoration: none;\n}\n.tek-card-title .tek-card-title-no-router {\n text-decoration: none;\n cursor: default;\n}", map: undefined, media: undefined });
|
|
441
441
|
|
|
442
442
|
};
|
|
443
443
|
/* scoped */
|
|
@@ -993,7 +993,7 @@ __vue_render__$i._withStripped = true;
|
|
|
993
993
|
/* style */
|
|
994
994
|
const __vue_inject_styles__$i = function (inject) {
|
|
995
995
|
if (!inject) return
|
|
996
|
-
inject("data-v-
|
|
996
|
+
inject("data-v-c0dcf978_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 */
|
|
@@ -1153,9 +1153,10 @@ let TekGrid$1 = class TekGrid extends ZdGridEditable {
|
|
|
1153
1153
|
this.instanceType = TekGrid$3;
|
|
1154
1154
|
this.visibleRowsLength = 0;
|
|
1155
1155
|
this.debouncedDatasourceGet = debounce((instance) => {
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1156
|
+
const event = new Event('change', { cancelable: true });
|
|
1157
|
+
instance.callEvent('beforeApplyFilter', { component: instance, event });
|
|
1158
|
+
if (event.defaultPrevented)
|
|
1159
|
+
return;
|
|
1159
1160
|
const { datasource } = instance;
|
|
1160
1161
|
if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
|
|
1161
1162
|
datasource.updateDynamicFilter();
|
|
@@ -2836,7 +2837,7 @@ __vue_render__$g._withStripped = true;
|
|
|
2836
2837
|
/* style */
|
|
2837
2838
|
const __vue_inject_styles__$g = function (inject) {
|
|
2838
2839
|
if (!inject) return
|
|
2839
|
-
inject("data-v-
|
|
2840
|
+
inject("data-v-6d49a6da_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-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}", map: undefined, media: undefined });
|
|
2840
2841
|
|
|
2841
2842
|
};
|
|
2842
2843
|
/* scoped */
|
|
@@ -2910,7 +2911,7 @@ __vue_render__$f._withStripped = true;
|
|
|
2910
2911
|
/* style */
|
|
2911
2912
|
const __vue_inject_styles__$f = function (inject) {
|
|
2912
2913
|
if (!inject) return
|
|
2913
|
-
inject("data-v-
|
|
2914
|
+
inject("data-v-ae0ff78e_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
|
|
2914
2915
|
|
|
2915
2916
|
};
|
|
2916
2917
|
/* scoped */
|
|
@@ -6298,7 +6299,7 @@ __vue_render__$c._withStripped = true;
|
|
|
6298
6299
|
/* style */
|
|
6299
6300
|
const __vue_inject_styles__$c = function (inject) {
|
|
6300
6301
|
if (!inject) return
|
|
6301
|
-
inject("data-v-
|
|
6302
|
+
inject("data-v-605f8700_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-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}", map: undefined, media: undefined });
|
|
6302
6303
|
|
|
6303
6304
|
};
|
|
6304
6305
|
/* scoped */
|
|
@@ -6591,7 +6592,7 @@ __vue_render__$b._withStripped = true;
|
|
|
6591
6592
|
/* style */
|
|
6592
6593
|
const __vue_inject_styles__$b = function (inject) {
|
|
6593
6594
|
if (!inject) return
|
|
6594
|
-
inject("data-v-
|
|
6595
|
+
inject("data-v-046576c4_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n background-color: var(--zd-background-base);\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
|
|
6595
6596
|
|
|
6596
6597
|
};
|
|
6597
6598
|
/* scoped */
|
|
@@ -6649,7 +6650,7 @@ __vue_render__$a._withStripped = true;
|
|
|
6649
6650
|
/* style */
|
|
6650
6651
|
const __vue_inject_styles__$a = function (inject) {
|
|
6651
6652
|
if (!inject) return
|
|
6652
|
-
inject("data-v-
|
|
6653
|
+
inject("data-v-312d9169_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 });
|
|
6653
6654
|
|
|
6654
6655
|
};
|
|
6655
6656
|
/* scoped */
|
|
@@ -6947,7 +6948,7 @@ __vue_render__$9._withStripped = true;
|
|
|
6947
6948
|
/* style */
|
|
6948
6949
|
const __vue_inject_styles__$9 = function (inject) {
|
|
6949
6950
|
if (!inject) return
|
|
6950
|
-
inject("data-v-
|
|
6951
|
+
inject("data-v-d2d024ba_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n display: none;\n position: absolute;\n right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 12px;\n}", map: undefined, media: undefined });
|
|
6951
6952
|
|
|
6952
6953
|
};
|
|
6953
6954
|
/* scoped */
|
|
@@ -7374,11 +7375,11 @@ __vue_render__$6._withStripped = true;
|
|
|
7374
7375
|
/* style */
|
|
7375
7376
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7376
7377
|
if (!inject) return
|
|
7377
|
-
inject("data-v-
|
|
7378
|
+
inject("data-v-171cbd3a_0", { source: ".tek-iterable-component-render[data-v-171cbd3a] {\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-171cbd3a],\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-171cbd3a] {\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-171cbd3a] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
7378
7379
|
|
|
7379
7380
|
};
|
|
7380
7381
|
/* scoped */
|
|
7381
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7382
|
+
const __vue_scope_id__$6 = "data-v-171cbd3a";
|
|
7382
7383
|
/* module identifier */
|
|
7383
7384
|
const __vue_module_identifier__$6 = undefined;
|
|
7384
7385
|
/* functional template */
|
|
@@ -7594,7 +7595,7 @@ __vue_render__$4._withStripped = true;
|
|
|
7594
7595
|
/* style */
|
|
7595
7596
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7596
7597
|
if (!inject) return
|
|
7597
|
-
inject("data-v-
|
|
7598
|
+
inject("data-v-30efacc6_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 });
|
|
7598
7599
|
|
|
7599
7600
|
};
|
|
7600
7601
|
/* scoped */
|
|
@@ -7765,7 +7766,7 @@ __vue_render__$3._withStripped = true;
|
|
|
7765
7766
|
/* style */
|
|
7766
7767
|
const __vue_inject_styles__$3 = function (inject) {
|
|
7767
7768
|
if (!inject) return
|
|
7768
|
-
inject("data-v-
|
|
7769
|
+
inject("data-v-356ccff0_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 });
|
|
7769
7770
|
|
|
7770
7771
|
};
|
|
7771
7772
|
/* scoped */
|
|
@@ -8595,7 +8596,7 @@ __vue_render__$2._withStripped = true;
|
|
|
8595
8596
|
/* style */
|
|
8596
8597
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8597
8598
|
if (!inject) return
|
|
8598
|
-
inject("data-v-
|
|
8599
|
+
inject("data-v-469df069_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-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}", map: undefined, media: undefined });
|
|
8599
8600
|
|
|
8600
8601
|
};
|
|
8601
8602
|
/* scoped */
|
|
@@ -8679,7 +8680,7 @@ __vue_render__$1._withStripped = true;
|
|
|
8679
8680
|
/* style */
|
|
8680
8681
|
const __vue_inject_styles__$1 = function (inject) {
|
|
8681
8682
|
if (!inject) return
|
|
8682
|
-
inject("data-v-
|
|
8683
|
+
inject("data-v-52978667_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: 50%;\n align-items: center;\n}\n.about-modal #basic-user-info_version_tabs {\n height: 300px !important;\n}\n.about-modal #basic-user-info_about_image {\n text-align: center;\n}", map: undefined, media: undefined });
|
|
8683
8684
|
|
|
8684
8685
|
};
|
|
8685
8686
|
/* scoped */
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
/* style */
|
|
268
268
|
const __vue_inject_styles__$n = function (inject) {
|
|
269
269
|
if (!inject) return
|
|
270
|
-
inject("data-v-
|
|
270
|
+
inject("data-v-4982d92e_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-dc07bd14_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-c0dcf978_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 */
|
|
@@ -1153,9 +1153,10 @@
|
|
|
1153
1153
|
this.instanceType = teknisaComponentsCommon.TekGrid;
|
|
1154
1154
|
this.visibleRowsLength = 0;
|
|
1155
1155
|
this.debouncedDatasourceGet = debounce__default["default"]((instance) => {
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1156
|
+
const event = new Event('change', { cancelable: true });
|
|
1157
|
+
instance.callEvent('beforeApplyFilter', { component: instance, event });
|
|
1158
|
+
if (event.defaultPrevented)
|
|
1159
|
+
return;
|
|
1159
1160
|
const { datasource } = instance;
|
|
1160
1161
|
if (datasource instanceof teknisaComponentsCommon.TekRestDatasource || datasource instanceof teknisaComponentsCommon.TekMemoryDatasource) {
|
|
1161
1162
|
datasource.updateDynamicFilter();
|
|
@@ -2836,7 +2837,7 @@
|
|
|
2836
2837
|
/* style */
|
|
2837
2838
|
const __vue_inject_styles__$g = function (inject) {
|
|
2838
2839
|
if (!inject) return
|
|
2839
|
-
inject("data-v-
|
|
2840
|
+
inject("data-v-6d49a6da_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-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}", map: undefined, media: undefined });
|
|
2840
2841
|
|
|
2841
2842
|
};
|
|
2842
2843
|
/* scoped */
|
|
@@ -2910,7 +2911,7 @@
|
|
|
2910
2911
|
/* style */
|
|
2911
2912
|
const __vue_inject_styles__$f = function (inject) {
|
|
2912
2913
|
if (!inject) return
|
|
2913
|
-
inject("data-v-
|
|
2914
|
+
inject("data-v-ae0ff78e_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
|
|
2914
2915
|
|
|
2915
2916
|
};
|
|
2916
2917
|
/* scoped */
|
|
@@ -6298,7 +6299,7 @@
|
|
|
6298
6299
|
/* style */
|
|
6299
6300
|
const __vue_inject_styles__$c = function (inject) {
|
|
6300
6301
|
if (!inject) return
|
|
6301
|
-
inject("data-v-
|
|
6302
|
+
inject("data-v-605f8700_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-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}", map: undefined, media: undefined });
|
|
6302
6303
|
|
|
6303
6304
|
};
|
|
6304
6305
|
/* scoped */
|
|
@@ -6591,7 +6592,7 @@
|
|
|
6591
6592
|
/* style */
|
|
6592
6593
|
const __vue_inject_styles__$b = function (inject) {
|
|
6593
6594
|
if (!inject) return
|
|
6594
|
-
inject("data-v-
|
|
6595
|
+
inject("data-v-046576c4_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n background-color: var(--zd-background-base);\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
|
|
6595
6596
|
|
|
6596
6597
|
};
|
|
6597
6598
|
/* scoped */
|
|
@@ -6649,7 +6650,7 @@
|
|
|
6649
6650
|
/* style */
|
|
6650
6651
|
const __vue_inject_styles__$a = function (inject) {
|
|
6651
6652
|
if (!inject) return
|
|
6652
|
-
inject("data-v-
|
|
6653
|
+
inject("data-v-312d9169_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 });
|
|
6653
6654
|
|
|
6654
6655
|
};
|
|
6655
6656
|
/* scoped */
|
|
@@ -6947,7 +6948,7 @@
|
|
|
6947
6948
|
/* style */
|
|
6948
6949
|
const __vue_inject_styles__$9 = function (inject) {
|
|
6949
6950
|
if (!inject) return
|
|
6950
|
-
inject("data-v-
|
|
6951
|
+
inject("data-v-d2d024ba_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item:hover .tek-grid-layout-item-buttons {\n display: inherit;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n display: none;\n position: absolute;\n right: 5px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 12px;\n}", map: undefined, media: undefined });
|
|
6951
6952
|
|
|
6952
6953
|
};
|
|
6953
6954
|
/* scoped */
|
|
@@ -7374,11 +7375,11 @@
|
|
|
7374
7375
|
/* style */
|
|
7375
7376
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7376
7377
|
if (!inject) return
|
|
7377
|
-
inject("data-v-
|
|
7378
|
+
inject("data-v-171cbd3a_0", { source: ".tek-iterable-component-render[data-v-171cbd3a] {\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-171cbd3a],\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-171cbd3a] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-171cbd3a] {\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-171cbd3a] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
7378
7379
|
|
|
7379
7380
|
};
|
|
7380
7381
|
/* scoped */
|
|
7381
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7382
|
+
const __vue_scope_id__$6 = "data-v-171cbd3a";
|
|
7382
7383
|
/* module identifier */
|
|
7383
7384
|
const __vue_module_identifier__$6 = undefined;
|
|
7384
7385
|
/* functional template */
|
|
@@ -7594,7 +7595,7 @@
|
|
|
7594
7595
|
/* style */
|
|
7595
7596
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7596
7597
|
if (!inject) return
|
|
7597
|
-
inject("data-v-
|
|
7598
|
+
inject("data-v-30efacc6_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 });
|
|
7598
7599
|
|
|
7599
7600
|
};
|
|
7600
7601
|
/* scoped */
|
|
@@ -7765,7 +7766,7 @@
|
|
|
7765
7766
|
/* style */
|
|
7766
7767
|
const __vue_inject_styles__$3 = function (inject) {
|
|
7767
7768
|
if (!inject) return
|
|
7768
|
-
inject("data-v-
|
|
7769
|
+
inject("data-v-356ccff0_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 });
|
|
7769
7770
|
|
|
7770
7771
|
};
|
|
7771
7772
|
/* scoped */
|
|
@@ -8595,7 +8596,7 @@
|
|
|
8595
8596
|
/* style */
|
|
8596
8597
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8597
8598
|
if (!inject) return
|
|
8598
|
-
inject("data-v-
|
|
8599
|
+
inject("data-v-469df069_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 36px;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: #eee;\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-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}", map: undefined, media: undefined });
|
|
8599
8600
|
|
|
8600
8601
|
};
|
|
8601
8602
|
/* scoped */
|
|
@@ -8679,7 +8680,7 @@
|
|
|
8679
8680
|
/* style */
|
|
8680
8681
|
const __vue_inject_styles__$1 = function (inject) {
|
|
8681
8682
|
if (!inject) return
|
|
8682
|
-
inject("data-v-
|
|
8683
|
+
inject("data-v-52978667_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: 50%;\n align-items: center;\n}\n.about-modal #basic-user-info_version_tabs {\n height: 300px !important;\n}\n.about-modal #basic-user-info_about_image {\n text-align: center;\n}", map: undefined, media: undefined });
|
|
8683
8684
|
|
|
8684
8685
|
};
|
|
8685
8686
|
/* scoped */
|
|
@@ -0,0 +1,7 @@
|
|
|
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; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.99.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": "2facf9f0303ba86bc5efc839e4ccdb18d65b2276"
|
|
48
48
|
}
|
|
@@ -0,0 +1,30 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
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, };
|
|
@@ -0,0 +1,15 @@
|
|
|
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
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
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 {};
|
|
@@ -0,0 +1,11 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
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
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
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
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
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 {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Select } from '@zeedhi/common';
|
|
2
|
+
import { ITekAgGridSelectEditorParams, IVueSelectEditorComp } from './interfaces';
|
|
3
|
+
import TekAgGridCellEditor from '../tek-ag-grid-cell-editor/TekAgGridCellEditor';
|
|
4
|
+
export default class TekAgGridSelectEditor extends TekAgGridCellEditor implements IVueSelectEditorComp {
|
|
5
|
+
params: ITekAgGridSelectEditorParams;
|
|
6
|
+
instance?: Select;
|
|
7
|
+
inputRef?: any;
|
|
8
|
+
defaultComponent: string;
|
|
9
|
+
/**
|
|
10
|
+
* When editing is finished, update grid row columns
|
|
11
|
+
*/
|
|
12
|
+
isCancelAfterEnd(): boolean;
|
|
13
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ITekAgGridCellEditorParams, IVueCellEditorComp } from '../tek-ag-grid-cell-editor/interfaces';
|
|
2
|
+
export interface ITekAgGridSelectEditorParams extends ITekAgGridCellEditorParams {
|
|
3
|
+
dataValueOut?: {
|
|
4
|
+
column: string;
|
|
5
|
+
columnOnGrid: string;
|
|
6
|
+
}[];
|
|
7
|
+
}
|
|
8
|
+
export interface IVueSelectEditorComp extends IVueCellEditorComp {
|
|
9
|
+
params: ITekAgGridSelectEditorParams;
|
|
10
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import TekAgGridCellRenderer from '../tek-ag-grid-cell-renderer/TekAgGridCellRenderer';
|
|
2
|
+
import { ITekAgGridSelectRendererParams, IVueSelectRendererComp } from './interfaces';
|
|
3
|
+
export default class TekAgGridSelectRenderer extends TekAgGridCellRenderer implements IVueSelectRendererComp {
|
|
4
|
+
params: ITekAgGridSelectRendererParams;
|
|
5
|
+
formatter: Function;
|
|
6
|
+
formattedValue: string;
|
|
7
|
+
defaultFormatter: string;
|
|
8
|
+
updateFormattedValue(params: ITekAgGridSelectRendererParams): Promise<void>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ITekAgGridCellRendererParams, IVueCellRendererComp } from '../tek-ag-grid-cell-renderer/interfaces';
|
|
2
|
+
export interface ITekAgGridSelectRendererParams extends ITekAgGridCellRendererParams {
|
|
3
|
+
dataText: string | any[];
|
|
4
|
+
dataTextSeparator?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface IVueSelectRendererComp extends IVueCellRendererComp {
|
|
7
|
+
params: ITekAgGridSelectRendererParams;
|
|
8
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import TekGridCellEditor from './tek-grid-cell-editor/TekGridCellEditor.vue';
|
|
2
|
+
import TekGridCellRenderer from './tek-grid-cell-renderer/TekGridCellRenderer.vue';
|
|
3
|
+
import TekGridDate from './tek-grid-date/TekGridDate.vue';
|
|
4
|
+
import TekGridSelectEditor from './tek-grid-select-editor/TekGridSelectEditor.vue';
|
|
5
|
+
import TekGridSelectRenderer from './tek-grid-select-renderer/TekGridSelectRenderer.vue';
|
|
6
|
+
export { TekGridCellEditor, TekGridCellRenderer, TekGridDate, TekGridSelectEditor, TekGridSelectRenderer, };
|
package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { IComponent, Input } from '@zeedhi/common';
|
|
3
|
+
import { ZdInput } from '@zeedhi/vuetify';
|
|
4
|
+
import { ITekGridCellEditorParams, IVueCellEditorComp } from './interfaces';
|
|
5
|
+
export default class TekGridCellEditor extends Vue implements IVueCellEditorComp {
|
|
6
|
+
params: ITekGridCellEditorParams;
|
|
7
|
+
instance?: Input;
|
|
8
|
+
inputRef?: ZdInput;
|
|
9
|
+
defaultComponent: string;
|
|
10
|
+
mounted(): void;
|
|
11
|
+
initRefs(): void;
|
|
12
|
+
getValue(): any;
|
|
13
|
+
get componentProps(): IComponent;
|
|
14
|
+
get name(): string;
|
|
15
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IComponent } from '@zeedhi/common';
|
|
2
|
+
import { ICellEditorComp, ICellRendererParams } from 'ag-grid-community';
|
|
3
|
+
export interface ITekGridCellEditorParams extends ICellRendererParams {
|
|
4
|
+
componentProps?: IComponent;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Methods not used in VueJS subcomponents
|
|
8
|
+
* https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
|
|
9
|
+
*/
|
|
10
|
+
declare type VueCellEditorComp = Omit<ICellEditorComp, 'getGui' | 'init' | 'afterGuiAttached'>;
|
|
11
|
+
export interface IVueCellEditorComp extends VueCellEditorComp {
|
|
12
|
+
params: ITekGridCellEditorParams;
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { ITekGridCellRendererParams, IVueCellRendererComp } from './interfaces';
|
|
3
|
+
export default class TekGridCellRenderer extends Vue implements IVueCellRendererComp {
|
|
4
|
+
params: ITekGridCellRendererParams;
|
|
5
|
+
formatter: Function;
|
|
6
|
+
formattedValue: string;
|
|
7
|
+
defaultFormatter: string;
|
|
8
|
+
created(): void;
|
|
9
|
+
refresh(params: ITekGridCellRendererParams): boolean;
|
|
10
|
+
updateFormattedValue(params: ITekGridCellRendererParams): Promise<void>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';
|
|
2
|
+
export interface ITekGridCellRendererParams extends ICellRendererParams {
|
|
3
|
+
formatterName?: string;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Methods not used in VueJS subcomponents
|
|
7
|
+
* https://www.ag-grid.com/documentation/vue/component-cell-renderer/#methods--lifecycle-2
|
|
8
|
+
*/
|
|
9
|
+
declare type VueCellRendererComp = Omit<ICellRendererComp, 'init' | 'getGui'>;
|
|
10
|
+
export interface IVueCellRendererComp extends VueCellRendererComp {
|
|
11
|
+
params: ITekGridCellRendererParams;
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { Date as ZdDateInstance, IComponent } from '@zeedhi/common';
|
|
3
|
+
import { ZdDate } from '@zeedhi/vuetify';
|
|
4
|
+
import { ITekGridDateParams, IVueDateComp } from './interfaces';
|
|
5
|
+
export default class TekGridDate extends Vue implements IVueDateComp {
|
|
6
|
+
params: ITekGridDateParams;
|
|
7
|
+
instance?: ZdDateInstance;
|
|
8
|
+
inputRef?: ZdDate;
|
|
9
|
+
mounted(): void;
|
|
10
|
+
initRefs(): void;
|
|
11
|
+
getDate(): Date | null;
|
|
12
|
+
setDate(date: Date | null): void;
|
|
13
|
+
get componentProps(): IComponent;
|
|
14
|
+
private eventOverwritten;
|
|
15
|
+
/**
|
|
16
|
+
* Add mousedown to prevent ag-grid filter from closing
|
|
17
|
+
* https://www.ag-grid.com/documentation/vue/component-filter/#custom-filters-containing-a-popup-element
|
|
18
|
+
*/
|
|
19
|
+
addMenuMousedown(): void;
|
|
20
|
+
private getDateMenuContent;
|
|
21
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IComponent } from '@zeedhi/common';
|
|
2
|
+
import { IDateComp, IDateParams } from 'ag-grid-community';
|
|
3
|
+
export interface ITekGridDateParams extends IDateParams {
|
|
4
|
+
componentProps?: IComponent;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Methods not used in VueJS subcomponents
|
|
8
|
+
* https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
|
|
9
|
+
*/
|
|
10
|
+
declare type VueDateComp = Omit<IDateComp, 'getGui' | 'init'>;
|
|
11
|
+
export interface IVueDateComp extends VueDateComp {
|
|
12
|
+
params: ITekGridDateParams;
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Select } from '@zeedhi/common';
|
|
2
|
+
import { ITekGridSelectEditorParams, IVueSelectEditorComp } from './interfaces';
|
|
3
|
+
import TekGridCellEditor from '../tek-grid-cell-editor/TekGridCellEditor';
|
|
4
|
+
export default class TekGridSelectEditor extends TekGridCellEditor implements IVueSelectEditorComp {
|
|
5
|
+
params: ITekGridSelectEditorParams;
|
|
6
|
+
instance?: Select;
|
|
7
|
+
inputRef?: any;
|
|
8
|
+
defaultComponent: string;
|
|
9
|
+
/**
|
|
10
|
+
* When editing is finished, update grid row columns
|
|
11
|
+
*/
|
|
12
|
+
isCancelAfterEnd(): boolean;
|
|
13
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ITekGridCellEditorParams, IVueCellEditorComp } from '../tek-grid-cell-editor/interfaces';
|
|
2
|
+
export interface ITekGridSelectEditorParams extends ITekGridCellEditorParams {
|
|
3
|
+
dataValueOut?: {
|
|
4
|
+
column: string;
|
|
5
|
+
columnOnGrid: string;
|
|
6
|
+
}[];
|
|
7
|
+
}
|
|
8
|
+
export interface IVueSelectEditorComp extends IVueCellEditorComp {
|
|
9
|
+
params: ITekGridSelectEditorParams;
|
|
10
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import TekGridCellRenderer from '../tek-grid-cell-renderer/TekGridCellRenderer';
|
|
2
|
+
import { ITekGridSelectRendererParams, IVueSelectRendererComp } from './interfaces';
|
|
3
|
+
export default class TekGridSelectRenderer extends TekGridCellRenderer implements IVueSelectRendererComp {
|
|
4
|
+
params: ITekGridSelectRendererParams;
|
|
5
|
+
formatter: Function;
|
|
6
|
+
formattedValue: string;
|
|
7
|
+
defaultFormatter: string;
|
|
8
|
+
updateFormattedValue(params: ITekGridSelectRendererParams): Promise<void>;
|
|
9
|
+
}
|
package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ITekGridCellRendererParams, IVueCellRendererComp } from '../tek-grid-cell-renderer/interfaces';
|
|
2
|
+
export interface ITekGridSelectRendererParams extends ITekGridCellRendererParams {
|
|
3
|
+
dataText: string | any[];
|
|
4
|
+
dataTextSeparator?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface IVueSelectRendererComp extends IVueCellRendererComp {
|
|
7
|
+
params: ITekGridSelectRendererParams;
|
|
8
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TekLogin as TekLoginClass } from '@zeedhi/teknisa-components-common';
|
|
2
|
+
import { IComponentRender } from '@zeedhi/common';
|
|
3
|
+
declare const ZdLogin: import("vue").VueConstructor<import("vue-property-decorator").Vue>;
|
|
4
|
+
/**
|
|
5
|
+
* TekLogin component
|
|
6
|
+
*/
|
|
7
|
+
export default class TekLogin extends ZdLogin {
|
|
8
|
+
cardWidth: string;
|
|
9
|
+
layout: string;
|
|
10
|
+
children: IComponentRender[];
|
|
11
|
+
instance: TekLoginClass;
|
|
12
|
+
instanceType: typeof TekLoginClass;
|
|
13
|
+
created(): void;
|
|
14
|
+
}
|
|
15
|
+
export {};
|