@zeedhi/teknisa-components-vuetify 1.120.0 → 1.120.1
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 +47 -20
- package/dist/tek-components-vuetify.umd.js +47 -20
- 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/TekGridLayoutOptions.d.ts +1 -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 */
|
|
@@ -2895,7 +2895,7 @@ __vue_render__$g._withStripped = true;
|
|
|
2895
2895
|
/* style */
|
|
2896
2896
|
const __vue_inject_styles__$g = function (inject) {
|
|
2897
2897
|
if (!inject) return
|
|
2898
|
-
inject("data-v-
|
|
2898
|
+
inject("data-v-34a7db66_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: auto;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n flex-grow: 1;\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: var(--row-active-color);\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
|
|
2899
2899
|
|
|
2900
2900
|
};
|
|
2901
2901
|
/* scoped */
|
|
@@ -2969,7 +2969,7 @@ __vue_render__$f._withStripped = true;
|
|
|
2969
2969
|
/* style */
|
|
2970
2970
|
const __vue_inject_styles__$f = function (inject) {
|
|
2971
2971
|
if (!inject) return
|
|
2972
|
-
inject("data-v-
|
|
2972
|
+
inject("data-v-ae0ff78e_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
|
|
2973
2973
|
|
|
2974
2974
|
};
|
|
2975
2975
|
/* scoped */
|
|
@@ -4569,6 +4569,9 @@ let TekGridLayoutOptions = class TekGridLayoutOptions extends ZdComponentRender
|
|
|
4569
4569
|
this.instance.deleteLayout(layoutName);
|
|
4570
4570
|
event.stopImmediatePropagation();
|
|
4571
4571
|
}
|
|
4572
|
+
layoutHasFilter(layoutName) {
|
|
4573
|
+
return this.instance.layoutHasFilter(layoutName);
|
|
4574
|
+
}
|
|
4572
4575
|
};
|
|
4573
4576
|
TekGridLayoutOptions = __decorate([
|
|
4574
4577
|
Component
|
|
@@ -6391,7 +6394,7 @@ __vue_render__$c._withStripped = true;
|
|
|
6391
6394
|
/* style */
|
|
6392
6395
|
const __vue_inject_styles__$c = function (inject) {
|
|
6393
6396
|
if (!inject) return
|
|
6394
|
-
inject("data-v-
|
|
6397
|
+
inject("data-v-075c18ad_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 });
|
|
6395
6398
|
|
|
6396
6399
|
};
|
|
6397
6400
|
/* scoped */
|
|
@@ -6684,7 +6687,7 @@ __vue_render__$b._withStripped = true;
|
|
|
6684
6687
|
/* style */
|
|
6685
6688
|
const __vue_inject_styles__$b = function (inject) {
|
|
6686
6689
|
if (!inject) return
|
|
6687
|
-
inject("data-v-
|
|
6690
|
+
inject("data-v-984b923a_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 });
|
|
6688
6691
|
|
|
6689
6692
|
};
|
|
6690
6693
|
/* scoped */
|
|
@@ -6742,7 +6745,7 @@ __vue_render__$a._withStripped = true;
|
|
|
6742
6745
|
/* style */
|
|
6743
6746
|
const __vue_inject_styles__$a = function (inject) {
|
|
6744
6747
|
if (!inject) return
|
|
6745
|
-
inject("data-v-
|
|
6748
|
+
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 });
|
|
6746
6749
|
|
|
6747
6750
|
};
|
|
6748
6751
|
/* scoped */
|
|
@@ -6900,14 +6903,28 @@ var __vue_render__$9 = function () {
|
|
|
6900
6903
|
],
|
|
6901
6904
|
},
|
|
6902
6905
|
[
|
|
6903
|
-
|
|
6904
|
-
|
|
6906
|
+
_c("div", [
|
|
6907
|
+
_vm._v(
|
|
6905
6908
|
_vm._s(
|
|
6906
6909
|
_vm.instance.layoutEdited
|
|
6907
6910
|
? _vm.$t("LAYOUT_MODIFIED")
|
|
6908
6911
|
: _vm.$t("LAYOUT_NOT_MODIFIED")
|
|
6909
|
-
)
|
|
6910
|
-
|
|
6912
|
+
)
|
|
6913
|
+
),
|
|
6914
|
+
]),
|
|
6915
|
+
_vm._v(" "),
|
|
6916
|
+
_c(
|
|
6917
|
+
"div",
|
|
6918
|
+
{ staticClass: "tek-grid-layout-header-filter" },
|
|
6919
|
+
[
|
|
6920
|
+
_c("v-icon", [_vm._v(_vm._s(_vm.$getIcon("filter")))]),
|
|
6921
|
+
_vm._v(
|
|
6922
|
+
" = " +
|
|
6923
|
+
_vm._s(_vm.$t("TEKGRID_LAYOUT_HAS_FILTER")) +
|
|
6924
|
+
"\n "
|
|
6925
|
+
),
|
|
6926
|
+
],
|
|
6927
|
+
1
|
|
6911
6928
|
),
|
|
6912
6929
|
]
|
|
6913
6930
|
),
|
|
@@ -6986,7 +7003,15 @@ var __vue_render__$9 = function () {
|
|
|
6986
7003
|
},
|
|
6987
7004
|
},
|
|
6988
7005
|
[
|
|
6989
|
-
_vm.
|
|
7006
|
+
_vm.layoutHasFilter(item)
|
|
7007
|
+
? _c(
|
|
7008
|
+
"span",
|
|
7009
|
+
{ staticClass: "tek-grid-layout-header-filter" },
|
|
7010
|
+
[_c("v-icon", [_vm._v(_vm._s(_vm.$getIcon("filter")))])],
|
|
7011
|
+
1
|
|
7012
|
+
)
|
|
7013
|
+
: _vm._e(),
|
|
7014
|
+
_vm._v(" " + _vm._s(item) + "\n "),
|
|
6990
7015
|
!_vm.instance.layoutEdited
|
|
6991
7016
|
? _c(
|
|
6992
7017
|
"span",
|
|
@@ -7045,6 +7070,7 @@ var __vue_render__$9 = function () {
|
|
|
7045
7070
|
width: "100%",
|
|
7046
7071
|
name: "tek-grid-layout-item-discard-changes",
|
|
7047
7072
|
label: "LAYOUT_DISCART_CHANGES",
|
|
7073
|
+
"icon-name": "undo",
|
|
7048
7074
|
},
|
|
7049
7075
|
}),
|
|
7050
7076
|
],
|
|
@@ -7064,7 +7090,7 @@ __vue_render__$9._withStripped = true;
|
|
|
7064
7090
|
/* style */
|
|
7065
7091
|
const __vue_inject_styles__$9 = function (inject) {
|
|
7066
7092
|
if (!inject) return
|
|
7067
|
-
inject("data-v-
|
|
7093
|
+
inject("data-v-7241297e_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n display: block;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-header-filter {\n font-size: 0.7rem;\n color: var(--zd-font-color);\n font-weight: normal;\n}\n.tek-grid-layout-header-filter .v-icon {\n font-size: 0.8rem;\n}\n.tek-grid-layout-item .tek-grid-layout-header-filter .v-icon {\n padding-right: 2px;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
|
|
7068
7094
|
|
|
7069
7095
|
};
|
|
7070
7096
|
/* scoped */
|
|
@@ -7491,11 +7517,11 @@ __vue_render__$6._withStripped = true;
|
|
|
7491
7517
|
/* style */
|
|
7492
7518
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7493
7519
|
if (!inject) return
|
|
7494
|
-
inject("data-v-
|
|
7520
|
+
inject("data-v-d9a525a4_0", { source: ".tek-iterable-component-render[data-v-d9a525a4] {\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-d9a525a4],\n.tek-iterable-component-render .no--data[data-v-d9a525a4] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-d9a525a4] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-d9a525a4] {\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-d9a525a4] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
7495
7521
|
|
|
7496
7522
|
};
|
|
7497
7523
|
/* scoped */
|
|
7498
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7524
|
+
const __vue_scope_id__$6 = "data-v-d9a525a4";
|
|
7499
7525
|
/* module identifier */
|
|
7500
7526
|
const __vue_module_identifier__$6 = undefined;
|
|
7501
7527
|
/* functional template */
|
|
@@ -7711,7 +7737,7 @@ __vue_render__$4._withStripped = true;
|
|
|
7711
7737
|
/* style */
|
|
7712
7738
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7713
7739
|
if (!inject) return
|
|
7714
|
-
inject("data-v-
|
|
7740
|
+
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 });
|
|
7715
7741
|
|
|
7716
7742
|
};
|
|
7717
7743
|
/* scoped */
|
|
@@ -7882,7 +7908,7 @@ __vue_render__$3._withStripped = true;
|
|
|
7882
7908
|
/* style */
|
|
7883
7909
|
const __vue_inject_styles__$3 = function (inject) {
|
|
7884
7910
|
if (!inject) return
|
|
7885
|
-
inject("data-v-
|
|
7911
|
+
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 });
|
|
7886
7912
|
|
|
7887
7913
|
};
|
|
7888
7914
|
/* scoped */
|
|
@@ -8710,7 +8736,7 @@ __vue_render__$2._withStripped = true;
|
|
|
8710
8736
|
/* style */
|
|
8711
8737
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8712
8738
|
if (!inject) return
|
|
8713
|
-
inject("data-v-
|
|
8739
|
+
inject("data-v-17601d0a_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 });
|
|
8714
8740
|
|
|
8715
8741
|
};
|
|
8716
8742
|
/* scoped */
|
|
@@ -8794,7 +8820,7 @@ __vue_render__$1._withStripped = true;
|
|
|
8794
8820
|
/* style */
|
|
8795
8821
|
const __vue_inject_styles__$1 = function (inject) {
|
|
8796
8822
|
if (!inject) return
|
|
8797
|
-
inject("data-v-
|
|
8823
|
+
inject("data-v-959903a2_0", { source: ".about-modal {\n flex-grow: 0;\n overflow-y: unset;\n width: auto;\n border: 3px solid var(--v-primary-base);\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n height: 100%;\n}\n.about-modal .zd-modal-card-text {\n padding: 8px !important;\n}\n.about-modal .zd-modal-container {\n display: flex;\n flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n overflow-y: auto;\n}\n.about-modal .zd-image-valid {\n width: 70%;\n align-items: center;\n}\n.about-modal .zd-header-slot-left {\n height: 100%;\n width: 100%;\n}\n.about-modal .zd-header-slot-left > * {\n height: 100%;\n width: 100%;\n}\n.about-modal .zd-header-slot {\n height: 100%;\n}\n.about-modal .zd-tekUserInfo-tab {\n height: 300px !important;\n}\n.about-modal .zd-tekUserInfo-about-image {\n height: 100% !important;\n object-fit: contain;\n object-position: center;\n text-align: center;\n}", map: undefined, media: undefined });
|
|
8798
8824
|
|
|
8799
8825
|
};
|
|
8800
8826
|
/* scoped */
|
|
@@ -8906,6 +8932,7 @@ Icons.addIcons({
|
|
|
8906
8932
|
confirmLayout: 'mdi-check',
|
|
8907
8933
|
updateLayout: 'mdi-square-edit-outline',
|
|
8908
8934
|
layout: 'mdi-table-star',
|
|
8935
|
+
undo: 'mdi-undo',
|
|
8909
8936
|
});
|
|
8910
8937
|
const TeknisaComponents = {
|
|
8911
8938
|
install(Vue) {
|
|
@@ -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 */
|
|
@@ -2895,7 +2895,7 @@
|
|
|
2895
2895
|
/* style */
|
|
2896
2896
|
const __vue_inject_styles__$g = function (inject) {
|
|
2897
2897
|
if (!inject) return
|
|
2898
|
-
inject("data-v-
|
|
2898
|
+
inject("data-v-34a7db66_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: auto;\n}\n.tek-grid .zd-grid-toolbar .zd-grid-toolbar-slot {\n align-items: center;\n}\n.tek-grid .zd-grid-toolbar .toolbar-divider {\n margin: 10px;\n}\n.tek-grid .zd-grid-toolbar .toolbar-title {\n flex-grow: 1;\n line-height: 22px;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 5;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button {\n display: inline-block;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button .v-icon {\n cursor: pointer;\n font-size: 15px;\n width: 15px;\n padding: 0 3px;\n opacity: 0;\n color: #ccc;\n}\n.tek-grid table thead tr th .tek-grid-column-filter-button.has-filter-data .v-icon {\n opacity: 1;\n color: var(--v-primary-base);\n}\n.tek-grid table thead tr th:hover .tek-grid-column-filter-button .v-icon {\n opacity: 1;\n}\n.tek-grid table tbody tr.footer.theme--light {\n background: #f6f6f6;\n}\n.tek-grid table tbody tr.footer.theme--dark {\n background: #3b3b3b;\n}\n.tek-grid table tbody tr.footer td.zd-table-cell {\n font-weight: 700;\n}\n.tek-grid table tbody tr.summary {\n background: var(--row-active-color);\n}\n.tek-grid table tbody tr.summary td.zd-table-cell {\n font-weight: 700;\n font-size: 15px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-first-group-cell {\n display: flex;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header {\n font-weight: bold;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container {\n display: flex;\n height: 100%;\n align-items: center;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation {\n top: unset;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation :not(.first-group) {\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation.first-group {\n width: 14px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-two-plus-container .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon {\n font-size: 21px;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .v-icon.closed {\n transform: rotate(-90deg);\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container {\n position: sticky !important;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-group-header .zd-table-group-container .zd-table-group-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell .zd-table-cell-text {\n vertical-align: middle;\n}\n.tek-grid table tbody tr td.zd-table-cell.zd-table-fixed-column {\n position: sticky !important;\n left: 0;\n z-index: 3;\n}\n.tek-grid table tbody tr.current td.zd-table-cell.zd-table-fixed-column {\n color: var(--v-primary-base) !important;\n}\n.tek-grid table .tek-grid-header-group-identation {\n width: 22px;\n display: inline-block;\n vertical-align: middle;\n}\n.tek-grid table .tek-grid-header-group-identation.first-group {\n width: 20px;\n}\n.tek-grid table .zd-table-two-plus-groups {\n display: flex !important;\n}\n.tek-grid table .zd-table-two-plus-groups .zd-table-cell-text {\n position: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation {\n top: unset !important;\n}\n.tek-grid table .zd-table-two-plus-groups .tek-grid-body-group-identation:not(.first-group) {\n top: unset;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation {\n width: 8px;\n display: flex;\n position: relative;\n margin-left: 14px;\n height: 100%;\n border-left: solid 1px #ccc;\n}\n.tek-grid table .tek-grid-body-group-identation.first-group {\n width: 1rem;\n margin-left: 10px;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer {\n height: 60%;\n border-bottom: solid 1px #ccc;\n top: -10%;\n}\n.tek-grid table .tek-grid-body-group-identation.group-footer-no-line {\n border-left: none;\n}\n.tek-grid table .footer .zd-grid-row-checkbox {\n display: none;\n}\n.tek-grid .zd-skeleton-table-cell .v-skeleton-loader__table-cell {\n height: auto;\n}\n.tek-grid-export-landscape i {\n transform: rotate(-90deg);\n}\n.tek-grid-export-multioption-text {\n padding-left: 3px;\n font-size: var(--zd-font-body4-size);\n font-weight: var(--zd-font-body4-weight);\n cursor: default;\n}\n.tekgrid-actions-dropdown > * {\n display: block;\n}\n.tek-grid-column-filter-menu {\n padding: 12px 12px 0 12px;\n max-height: 300px;\n}\n.tek-grid-column-filter-menu.theme--light {\n background: #fff;\n}\n.tek-grid-column-filter-menu.theme--dark {\n background: #1e1e1e;\n}\n.filter-helper-values-button {\n height: 24px !important;\n margin-left: 5px;\n margin-top: 0;\n}\n.filter-helper-values-button.with-label {\n margin-top: 20px;\n}\n.filter-helper-values-option {\n cursor: pointer;\n}\n.filter-helper-values-option:hover {\n background-color: rgba(0, 0, 0, 0.03);\n}\n.is-rotated {\n transform: rotate(180deg);\n transition: transform 0.3s ease;\n}\n.toolbar-visible {\n width: 0;\n overflow: hidden;\n white-space: nowrap;\n}", map: undefined, media: undefined });
|
|
2899
2899
|
|
|
2900
2900
|
};
|
|
2901
2901
|
/* scoped */
|
|
@@ -2969,7 +2969,7 @@
|
|
|
2969
2969
|
/* style */
|
|
2970
2970
|
const __vue_inject_styles__$f = function (inject) {
|
|
2971
2971
|
if (!inject) return
|
|
2972
|
-
inject("data-v-
|
|
2972
|
+
inject("data-v-ae0ff78e_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: undefined, media: undefined });
|
|
2973
2973
|
|
|
2974
2974
|
};
|
|
2975
2975
|
/* scoped */
|
|
@@ -4569,6 +4569,9 @@
|
|
|
4569
4569
|
this.instance.deleteLayout(layoutName);
|
|
4570
4570
|
event.stopImmediatePropagation();
|
|
4571
4571
|
}
|
|
4572
|
+
layoutHasFilter(layoutName) {
|
|
4573
|
+
return this.instance.layoutHasFilter(layoutName);
|
|
4574
|
+
}
|
|
4572
4575
|
};
|
|
4573
4576
|
TekGridLayoutOptions = __decorate([
|
|
4574
4577
|
vuePropertyDecorator.Component
|
|
@@ -6391,7 +6394,7 @@
|
|
|
6391
6394
|
/* style */
|
|
6392
6395
|
const __vue_inject_styles__$c = function (inject) {
|
|
6393
6396
|
if (!inject) return
|
|
6394
|
-
inject("data-v-
|
|
6397
|
+
inject("data-v-075c18ad_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 });
|
|
6395
6398
|
|
|
6396
6399
|
};
|
|
6397
6400
|
/* scoped */
|
|
@@ -6684,7 +6687,7 @@
|
|
|
6684
6687
|
/* style */
|
|
6685
6688
|
const __vue_inject_styles__$b = function (inject) {
|
|
6686
6689
|
if (!inject) return
|
|
6687
|
-
inject("data-v-
|
|
6690
|
+
inject("data-v-984b923a_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 });
|
|
6688
6691
|
|
|
6689
6692
|
};
|
|
6690
6693
|
/* scoped */
|
|
@@ -6742,7 +6745,7 @@
|
|
|
6742
6745
|
/* style */
|
|
6743
6746
|
const __vue_inject_styles__$a = function (inject) {
|
|
6744
6747
|
if (!inject) return
|
|
6745
|
-
inject("data-v-
|
|
6748
|
+
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 });
|
|
6746
6749
|
|
|
6747
6750
|
};
|
|
6748
6751
|
/* scoped */
|
|
@@ -6900,14 +6903,28 @@
|
|
|
6900
6903
|
],
|
|
6901
6904
|
},
|
|
6902
6905
|
[
|
|
6903
|
-
|
|
6904
|
-
|
|
6906
|
+
_c("div", [
|
|
6907
|
+
_vm._v(
|
|
6905
6908
|
_vm._s(
|
|
6906
6909
|
_vm.instance.layoutEdited
|
|
6907
6910
|
? _vm.$t("LAYOUT_MODIFIED")
|
|
6908
6911
|
: _vm.$t("LAYOUT_NOT_MODIFIED")
|
|
6909
|
-
)
|
|
6910
|
-
|
|
6912
|
+
)
|
|
6913
|
+
),
|
|
6914
|
+
]),
|
|
6915
|
+
_vm._v(" "),
|
|
6916
|
+
_c(
|
|
6917
|
+
"div",
|
|
6918
|
+
{ staticClass: "tek-grid-layout-header-filter" },
|
|
6919
|
+
[
|
|
6920
|
+
_c("v-icon", [_vm._v(_vm._s(_vm.$getIcon("filter")))]),
|
|
6921
|
+
_vm._v(
|
|
6922
|
+
" = " +
|
|
6923
|
+
_vm._s(_vm.$t("TEKGRID_LAYOUT_HAS_FILTER")) +
|
|
6924
|
+
"\n "
|
|
6925
|
+
),
|
|
6926
|
+
],
|
|
6927
|
+
1
|
|
6911
6928
|
),
|
|
6912
6929
|
]
|
|
6913
6930
|
),
|
|
@@ -6986,7 +7003,15 @@
|
|
|
6986
7003
|
},
|
|
6987
7004
|
},
|
|
6988
7005
|
[
|
|
6989
|
-
_vm.
|
|
7006
|
+
_vm.layoutHasFilter(item)
|
|
7007
|
+
? _c(
|
|
7008
|
+
"span",
|
|
7009
|
+
{ staticClass: "tek-grid-layout-header-filter" },
|
|
7010
|
+
[_c("v-icon", [_vm._v(_vm._s(_vm.$getIcon("filter")))])],
|
|
7011
|
+
1
|
|
7012
|
+
)
|
|
7013
|
+
: _vm._e(),
|
|
7014
|
+
_vm._v(" " + _vm._s(item) + "\n "),
|
|
6990
7015
|
!_vm.instance.layoutEdited
|
|
6991
7016
|
? _c(
|
|
6992
7017
|
"span",
|
|
@@ -7045,6 +7070,7 @@
|
|
|
7045
7070
|
width: "100%",
|
|
7046
7071
|
name: "tek-grid-layout-item-discard-changes",
|
|
7047
7072
|
label: "LAYOUT_DISCART_CHANGES",
|
|
7073
|
+
"icon-name": "undo",
|
|
7048
7074
|
},
|
|
7049
7075
|
}),
|
|
7050
7076
|
],
|
|
@@ -7064,7 +7090,7 @@
|
|
|
7064
7090
|
/* style */
|
|
7065
7091
|
const __vue_inject_styles__$9 = function (inject) {
|
|
7066
7092
|
if (!inject) return
|
|
7067
|
-
inject("data-v-
|
|
7093
|
+
inject("data-v-7241297e_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n display: block;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-header-filter {\n font-size: 0.7rem;\n color: var(--zd-font-color);\n font-weight: normal;\n}\n.tek-grid-layout-header-filter .v-icon {\n font-size: 0.8rem;\n}\n.tek-grid-layout-item .tek-grid-layout-header-filter .v-icon {\n padding-right: 2px;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
|
|
7068
7094
|
|
|
7069
7095
|
};
|
|
7070
7096
|
/* scoped */
|
|
@@ -7491,11 +7517,11 @@
|
|
|
7491
7517
|
/* style */
|
|
7492
7518
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7493
7519
|
if (!inject) return
|
|
7494
|
-
inject("data-v-
|
|
7520
|
+
inject("data-v-d9a525a4_0", { source: ".tek-iterable-component-render[data-v-d9a525a4] {\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-d9a525a4],\n.tek-iterable-component-render .no--data[data-v-d9a525a4] {\n text-align: center;\n width: 100%;\n font-size: 14px;\n}\n.tek-iterable-component-render .no--data[data-v-d9a525a4] {\n color: rgba(0, 0, 0, 0.38);\n}\n.tek-iterable-component-render .tek-iterable-toolbar[data-v-d9a525a4] {\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-d9a525a4] {\n padding: 5px 0;\n display: flex;\n width: 100%;\n}", map: undefined, media: undefined });
|
|
7495
7521
|
|
|
7496
7522
|
};
|
|
7497
7523
|
/* scoped */
|
|
7498
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7524
|
+
const __vue_scope_id__$6 = "data-v-d9a525a4";
|
|
7499
7525
|
/* module identifier */
|
|
7500
7526
|
const __vue_module_identifier__$6 = undefined;
|
|
7501
7527
|
/* functional template */
|
|
@@ -7711,7 +7737,7 @@
|
|
|
7711
7737
|
/* style */
|
|
7712
7738
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7713
7739
|
if (!inject) return
|
|
7714
|
-
inject("data-v-
|
|
7740
|
+
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 });
|
|
7715
7741
|
|
|
7716
7742
|
};
|
|
7717
7743
|
/* scoped */
|
|
@@ -7882,7 +7908,7 @@
|
|
|
7882
7908
|
/* style */
|
|
7883
7909
|
const __vue_inject_styles__$3 = function (inject) {
|
|
7884
7910
|
if (!inject) return
|
|
7885
|
-
inject("data-v-
|
|
7911
|
+
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 });
|
|
7886
7912
|
|
|
7887
7913
|
};
|
|
7888
7914
|
/* scoped */
|
|
@@ -8710,7 +8736,7 @@
|
|
|
8710
8736
|
/* style */
|
|
8711
8737
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8712
8738
|
if (!inject) return
|
|
8713
|
-
inject("data-v-
|
|
8739
|
+
inject("data-v-17601d0a_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 });
|
|
8714
8740
|
|
|
8715
8741
|
};
|
|
8716
8742
|
/* scoped */
|
|
@@ -8794,7 +8820,7 @@
|
|
|
8794
8820
|
/* style */
|
|
8795
8821
|
const __vue_inject_styles__$1 = function (inject) {
|
|
8796
8822
|
if (!inject) return
|
|
8797
|
-
inject("data-v-
|
|
8823
|
+
inject("data-v-959903a2_0", { source: ".about-modal {\n flex-grow: 0;\n overflow-y: unset;\n width: auto;\n border: 3px solid var(--v-primary-base);\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n height: 100%;\n}\n.about-modal .zd-modal-card-text {\n padding: 8px !important;\n}\n.about-modal .zd-modal-container {\n display: flex;\n flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n overflow-y: auto;\n}\n.about-modal .zd-image-valid {\n width: 70%;\n align-items: center;\n}\n.about-modal .zd-header-slot-left {\n height: 100%;\n width: 100%;\n}\n.about-modal .zd-header-slot-left > * {\n height: 100%;\n width: 100%;\n}\n.about-modal .zd-header-slot {\n height: 100%;\n}\n.about-modal .zd-tekUserInfo-tab {\n height: 300px !important;\n}\n.about-modal .zd-tekUserInfo-about-image {\n height: 100% !important;\n object-fit: contain;\n object-position: center;\n text-align: center;\n}", map: undefined, media: undefined });
|
|
8798
8824
|
|
|
8799
8825
|
};
|
|
8800
8826
|
/* scoped */
|
|
@@ -8906,6 +8932,7 @@
|
|
|
8906
8932
|
confirmLayout: 'mdi-check',
|
|
8907
8933
|
updateLayout: 'mdi-square-edit-outline',
|
|
8908
8934
|
layout: 'mdi-table-star',
|
|
8935
|
+
undo: 'mdi-undo',
|
|
8909
8936
|
});
|
|
8910
8937
|
const TeknisaComponents = {
|
|
8911
8938
|
install(Vue) {
|
|
@@ -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.120.
|
|
3
|
+
"version": "1.120.1",
|
|
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": "19139766fd8fa4a0930ccdba199ac48fc33c0340"
|
|
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
|
+
}
|
|
@@ -16,4 +16,5 @@ export default class TekGridLayoutOptions extends ZdComponentRender {
|
|
|
16
16
|
private getParentTable;
|
|
17
17
|
applyOrUpdateLayout(event: Event, layoutName: string): void;
|
|
18
18
|
deleteLayout(event: Event, layoutName: string): void;
|
|
19
|
+
layoutHasFilter(layoutName: string): number;
|
|
19
20
|
}
|
|
@@ -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 {};
|