@zeedhi/teknisa-components-vuetify 1.105.2 → 1.107.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/tek-components-vuetify.esm.js +15 -15
- package/dist/tek-components-vuetify.umd.js +15 -15
- package/dist/tek-style.css +7 -0
- package/package.json +2 -2
- package/types/components/tek-ag-grid/RenderedIcons.d.ts +6 -0
- package/types/components/tek-ag-grid/TekAgGrid.d.ts +30 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/index.d.ts +6 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/TekAgGridCellEditor.d.ts +15 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/interfaces.d.ts +14 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/TekAgGridCellRenderer.d.ts +11 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/interfaces.d.ts +13 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/TekAgGridDate.d.ts +21 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/interfaces.d.ts +14 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/TekAgGridSelectEditor.d.ts +13 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/interfaces.d.ts +10 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/TekAgGridSelectRenderer.d.ts +9 -0
- package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/interfaces.d.ts +8 -0
- package/types/components/tek-grid/RenderedIcons.d.ts +6 -0
- package/types/components/tek-grid/tek-grid-components/index.d.ts +6 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts +15 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/interfaces.d.ts +14 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/TekGridCellRenderer.d.ts +11 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/interfaces.d.ts +13 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/TekGridDate.d.ts +21 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-date/interfaces.d.ts +14 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/TekGridSelectEditor.d.ts +13 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/interfaces.d.ts +10 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/TekGridSelectRenderer.d.ts +9 -0
- package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts +8 -0
- package/types/components/tek-login/TekLogin.d.ts +15 -0
|
@@ -267,7 +267,7 @@ __vue_render__$n._withStripped = true;
|
|
|
267
267
|
/* style */
|
|
268
268
|
const __vue_inject_styles__$n = function (inject) {
|
|
269
269
|
if (!inject) return
|
|
270
|
-
inject("data-v-
|
|
270
|
+
inject("data-v-4982d92e_0", { source: ".tek-breadcrumb-header .tek-breadcrumb-header-title-col {\n display: flex;\n padding-top: 5px;\n padding-left: 0;\n}\n.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right {\n margin-left: auto;\n}\n.tek-breadcrumb-header .zd-breadcrumbs {\n padding: 0;\n font-size: var(--zd-font-body2-size);\n}\n.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title {\n font-size: 32px;\n font-weight: bold;\n line-height: 35px;\n margin-bottom: 10px;\n}\n.tek-breadcrumb-header .zd-text > p {\n margin: 0;\n}", map: undefined, media: undefined });
|
|
271
271
|
|
|
272
272
|
};
|
|
273
273
|
/* scoped */
|
|
@@ -437,7 +437,7 @@ __vue_render__$m._withStripped = true;
|
|
|
437
437
|
/* style */
|
|
438
438
|
const __vue_inject_styles__$m = function (inject) {
|
|
439
439
|
if (!inject) return
|
|
440
|
-
inject("data-v-
|
|
440
|
+
inject("data-v-dc07bd14_0", { source: ".tek-card-title-row {\n display: flex;\n align-items: center;\n}\n.tek-card-title-row .tek-card-title-text {\n color: var(--v-primary-base);\n font-weight: bold;\n font-size: 20px;\n}\n.tek-card-title-row .tek-card-subtitle-text {\n padding-left: 10px;\n color: var(--zd-font-color);\n font-size: 13px;\n}\n.tek-card-title-row .tek-card-title-text,\n.tek-card-title-row .tek-card-subtitle-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: baseline;\n}\n.tek-card-title-row .v-icon {\n color: var(--v-primary-base);\n padding-right: calc(var(--zd-default-padding) / 2);\n}\n.tek-card-title .v-divider {\n margin-bottom: 16px;\n}\n.tek-card-title .tek-card-title-router {\n text-decoration: none;\n}\n.tek-card-title .tek-card-title-no-router {\n text-decoration: none;\n cursor: default;\n}", map: undefined, media: undefined });
|
|
441
441
|
|
|
442
442
|
};
|
|
443
443
|
/* scoped */
|
|
@@ -993,7 +993,7 @@ __vue_render__$i._withStripped = true;
|
|
|
993
993
|
/* style */
|
|
994
994
|
const __vue_inject_styles__$i = function (inject) {
|
|
995
995
|
if (!inject) return
|
|
996
|
-
inject("data-v-
|
|
996
|
+
inject("data-v-c0dcf978_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
|
|
997
997
|
|
|
998
998
|
};
|
|
999
999
|
/* scoped */
|
|
@@ -2880,7 +2880,7 @@ __vue_render__$g._withStripped = true;
|
|
|
2880
2880
|
/* style */
|
|
2881
2881
|
const __vue_inject_styles__$g = function (inject) {
|
|
2882
2882
|
if (!inject) return
|
|
2883
|
-
inject("data-v-
|
|
2883
|
+
inject("data-v-241bc9e5_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: 38px;\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}", map: undefined, media: undefined });
|
|
2884
2884
|
|
|
2885
2885
|
};
|
|
2886
2886
|
/* scoped */
|
|
@@ -2954,7 +2954,7 @@ __vue_render__$f._withStripped = true;
|
|
|
2954
2954
|
/* style */
|
|
2955
2955
|
const __vue_inject_styles__$f = function (inject) {
|
|
2956
2956
|
if (!inject) return
|
|
2957
|
-
inject("data-v-
|
|
2957
|
+
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 });
|
|
2958
2958
|
|
|
2959
2959
|
};
|
|
2960
2960
|
/* scoped */
|
|
@@ -6352,7 +6352,7 @@ __vue_render__$c._withStripped = true;
|
|
|
6352
6352
|
/* style */
|
|
6353
6353
|
const __vue_inject_styles__$c = function (inject) {
|
|
6354
6354
|
if (!inject) return
|
|
6355
|
-
inject("data-v-
|
|
6355
|
+
inject("data-v-605f8700_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 38px;\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}", map: undefined, media: undefined });
|
|
6356
6356
|
|
|
6357
6357
|
};
|
|
6358
6358
|
/* scoped */
|
|
@@ -6645,7 +6645,7 @@ __vue_render__$b._withStripped = true;
|
|
|
6645
6645
|
/* style */
|
|
6646
6646
|
const __vue_inject_styles__$b = function (inject) {
|
|
6647
6647
|
if (!inject) return
|
|
6648
|
-
inject("data-v-
|
|
6648
|
+
inject("data-v-046576c4_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n background-color: var(--zd-background-base);\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
|
|
6649
6649
|
|
|
6650
6650
|
};
|
|
6651
6651
|
/* scoped */
|
|
@@ -6703,7 +6703,7 @@ __vue_render__$a._withStripped = true;
|
|
|
6703
6703
|
/* style */
|
|
6704
6704
|
const __vue_inject_styles__$a = function (inject) {
|
|
6705
6705
|
if (!inject) return
|
|
6706
|
-
inject("data-v-
|
|
6706
|
+
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 });
|
|
6707
6707
|
|
|
6708
6708
|
};
|
|
6709
6709
|
/* scoped */
|
|
@@ -7025,7 +7025,7 @@ __vue_render__$9._withStripped = true;
|
|
|
7025
7025
|
/* style */
|
|
7026
7026
|
const __vue_inject_styles__$9 = function (inject) {
|
|
7027
7027
|
if (!inject) return
|
|
7028
|
-
inject("data-v-
|
|
7028
|
+
inject("data-v-24abb7d6_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
|
|
7029
7029
|
|
|
7030
7030
|
};
|
|
7031
7031
|
/* scoped */
|
|
@@ -7452,11 +7452,11 @@ __vue_render__$6._withStripped = true;
|
|
|
7452
7452
|
/* style */
|
|
7453
7453
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7454
7454
|
if (!inject) return
|
|
7455
|
-
inject("data-v-
|
|
7455
|
+
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 });
|
|
7456
7456
|
|
|
7457
7457
|
};
|
|
7458
7458
|
/* scoped */
|
|
7459
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7459
|
+
const __vue_scope_id__$6 = "data-v-d9a525a4";
|
|
7460
7460
|
/* module identifier */
|
|
7461
7461
|
const __vue_module_identifier__$6 = undefined;
|
|
7462
7462
|
/* functional template */
|
|
@@ -7672,7 +7672,7 @@ __vue_render__$4._withStripped = true;
|
|
|
7672
7672
|
/* style */
|
|
7673
7673
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7674
7674
|
if (!inject) return
|
|
7675
|
-
inject("data-v-
|
|
7675
|
+
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 });
|
|
7676
7676
|
|
|
7677
7677
|
};
|
|
7678
7678
|
/* scoped */
|
|
@@ -7843,7 +7843,7 @@ __vue_render__$3._withStripped = true;
|
|
|
7843
7843
|
/* style */
|
|
7844
7844
|
const __vue_inject_styles__$3 = function (inject) {
|
|
7845
7845
|
if (!inject) return
|
|
7846
|
-
inject("data-v-
|
|
7846
|
+
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 });
|
|
7847
7847
|
|
|
7848
7848
|
};
|
|
7849
7849
|
/* scoped */
|
|
@@ -8669,7 +8669,7 @@ __vue_render__$2._withStripped = true;
|
|
|
8669
8669
|
/* style */
|
|
8670
8670
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8671
8671
|
if (!inject) return
|
|
8672
|
-
inject("data-v-
|
|
8672
|
+
inject("data-v-1b6893dd_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: 38px;\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}", map: undefined, media: undefined });
|
|
8673
8673
|
|
|
8674
8674
|
};
|
|
8675
8675
|
/* scoped */
|
|
@@ -8753,7 +8753,7 @@ __vue_render__$1._withStripped = true;
|
|
|
8753
8753
|
/* style */
|
|
8754
8754
|
const __vue_inject_styles__$1 = function (inject) {
|
|
8755
8755
|
if (!inject) return
|
|
8756
|
-
inject("data-v-
|
|
8756
|
+
inject("data-v-52978667_0", { source: ".about-modal {\n flex-grow: 0;\n overflow-y: unset;\n width: auto;\n border: 3px solid var(--v-primary-base);\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n height: 100%;\n}\n.about-modal .zd-modal-card-text {\n padding: 8px !important;\n}\n.about-modal .zd-modal-container {\n display: flex;\n flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n overflow-y: auto;\n}\n.about-modal .zd-image-valid {\n width: 50%;\n align-items: center;\n}\n.about-modal #basic-user-info_version_tabs {\n height: 300px !important;\n}\n.about-modal #basic-user-info_about_image {\n text-align: center;\n}", map: undefined, media: undefined });
|
|
8757
8757
|
|
|
8758
8758
|
};
|
|
8759
8759
|
/* scoped */
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
/* style */
|
|
268
268
|
const __vue_inject_styles__$n = function (inject) {
|
|
269
269
|
if (!inject) return
|
|
270
|
-
inject("data-v-
|
|
270
|
+
inject("data-v-4982d92e_0", { source: ".tek-breadcrumb-header .tek-breadcrumb-header-title-col {\n display: flex;\n padding-top: 5px;\n padding-left: 0;\n}\n.tek-breadcrumb-header .tek-breadcrumb-header-title-col .tek-breadcrumb-header-slot-right {\n margin-left: auto;\n}\n.tek-breadcrumb-header .zd-breadcrumbs {\n padding: 0;\n font-size: var(--zd-font-body2-size);\n}\n.tek-breadcrumb-header .zd-breadcrumbs .v-breadcrumbs__item--disabled {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text {\n color: #667080;\n}\n.tek-breadcrumb-header .zd-text.tek-breadcrumb-header-title {\n font-size: 32px;\n font-weight: bold;\n line-height: 35px;\n margin-bottom: 10px;\n}\n.tek-breadcrumb-header .zd-text > p {\n margin: 0;\n}", map: undefined, media: undefined });
|
|
271
271
|
|
|
272
272
|
};
|
|
273
273
|
/* scoped */
|
|
@@ -437,7 +437,7 @@
|
|
|
437
437
|
/* style */
|
|
438
438
|
const __vue_inject_styles__$m = function (inject) {
|
|
439
439
|
if (!inject) return
|
|
440
|
-
inject("data-v-
|
|
440
|
+
inject("data-v-dc07bd14_0", { source: ".tek-card-title-row {\n display: flex;\n align-items: center;\n}\n.tek-card-title-row .tek-card-title-text {\n color: var(--v-primary-base);\n font-weight: bold;\n font-size: 20px;\n}\n.tek-card-title-row .tek-card-subtitle-text {\n padding-left: 10px;\n color: var(--zd-font-color);\n font-size: 13px;\n}\n.tek-card-title-row .tek-card-title-text,\n.tek-card-title-row .tek-card-subtitle-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: baseline;\n}\n.tek-card-title-row .v-icon {\n color: var(--v-primary-base);\n padding-right: calc(var(--zd-default-padding) / 2);\n}\n.tek-card-title .v-divider {\n margin-bottom: 16px;\n}\n.tek-card-title .tek-card-title-router {\n text-decoration: none;\n}\n.tek-card-title .tek-card-title-no-router {\n text-decoration: none;\n cursor: default;\n}", map: undefined, media: undefined });
|
|
441
441
|
|
|
442
442
|
};
|
|
443
443
|
/* scoped */
|
|
@@ -993,7 +993,7 @@
|
|
|
993
993
|
/* style */
|
|
994
994
|
const __vue_inject_styles__$i = function (inject) {
|
|
995
995
|
if (!inject) return
|
|
996
|
-
inject("data-v-
|
|
996
|
+
inject("data-v-c0dcf978_0", { source: ".tek-crud-form {\n outline: none;\n overflow-x: hidden;\n padding-bottom: 4px;\n}\n.tek-crud-form > .row {\n height: 100%;\n align-content: flex-start;\n margin: 0 -12px;\n}\n.tek-crud-form > .row.row--dense {\n margin: 0 -4px;\n}", map: undefined, media: undefined });
|
|
997
997
|
|
|
998
998
|
};
|
|
999
999
|
/* scoped */
|
|
@@ -2880,7 +2880,7 @@
|
|
|
2880
2880
|
/* style */
|
|
2881
2881
|
const __vue_inject_styles__$g = function (inject) {
|
|
2882
2882
|
if (!inject) return
|
|
2883
|
-
inject("data-v-
|
|
2883
|
+
inject("data-v-241bc9e5_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: 38px;\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}", map: undefined, media: undefined });
|
|
2884
2884
|
|
|
2885
2885
|
};
|
|
2886
2886
|
/* scoped */
|
|
@@ -2954,7 +2954,7 @@
|
|
|
2954
2954
|
/* style */
|
|
2955
2955
|
const __vue_inject_styles__$f = function (inject) {
|
|
2956
2956
|
if (!inject) return
|
|
2957
|
-
inject("data-v-
|
|
2957
|
+
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 });
|
|
2958
2958
|
|
|
2959
2959
|
};
|
|
2960
2960
|
/* scoped */
|
|
@@ -6352,7 +6352,7 @@
|
|
|
6352
6352
|
/* style */
|
|
6353
6353
|
const __vue_inject_styles__$c = function (inject) {
|
|
6354
6354
|
if (!inject) return
|
|
6355
|
-
inject("data-v-
|
|
6355
|
+
inject("data-v-605f8700_0", { source: ".tek-grid .zd-table-cell-text-first {\n display: inline-flex;\n width: 100%;\n}\n.tek-grid .zd-grid-toolbar {\n height: 38px;\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}", map: undefined, media: undefined });
|
|
6356
6356
|
|
|
6357
6357
|
};
|
|
6358
6358
|
/* scoped */
|
|
@@ -6645,7 +6645,7 @@
|
|
|
6645
6645
|
/* style */
|
|
6646
6646
|
const __vue_inject_styles__$b = function (inject) {
|
|
6647
6647
|
if (!inject) return
|
|
6648
|
-
inject("data-v-
|
|
6648
|
+
inject("data-v-046576c4_0", { source: ".tek-grid-columns-button-options {\n max-height: 250px;\n display: flex;\n flex-direction: column;\n background-color: #fff;\n}\n.tek-grid-columns-button-options.theme--dark {\n background-color: #1e1e1e;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper {\n flex: 1;\n overflow-y: auto;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table {\n padding: 0 var(--spacing-2) var(--spacing-2) var(--spacing-2);\n font-size: 13px;\n border-spacing: 0;\n width: 100%;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table thead tr th {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n text-align: left;\n position: sticky;\n top: 0;\n z-index: 10;\n background-color: var(--zd-background-base);\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td {\n padding: var(--spacing-1) var(--spacing-2);\n white-space: nowrap;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name {\n cursor: -webkit-grab;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-name > span {\n padding-right: 4px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-wrapper .tek-grid-columns-button-table tbody tr td.tek-grid-columns-button-column-aggregation {\n max-width: 150px;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer {\n display: flex;\n}\n.tek-grid-columns-button-options .tek-grid-columns-button-table-footer .zd-button {\n flex: 1;\n}\n.tek-grid-columns-button-sortable-drag {\n background: white;\n}\n.tek-grid-column-option-box {\n margin: var(--spacing-1);\n background: #ccc;\n padding: 2px var(--spacing-1);\n cursor: pointer;\n}\n.tek-grid-column-option-box > * {\n display: inline-block;\n}\n.tek-grid-column-option-box > .zd-icon {\n font-size: 0.9rem;\n margin-left: var(--spacing-2);\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true {\n cursor: default;\n background: #fafafa;\n}\n.tek-grid-column-option-box.tek-grid-column-option-grouped-true > .zd-icon {\n display: none;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true {\n background: var(--v-primary-base);\n color: white;\n}\n.tek-grid-column-option-box.tek-grid-column-option-selected-true > .zd-icon {\n color: white;\n}\n.tek-grid-column-option-container-col {\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container {\n background: #eee;\n padding: var(--spacing-1);\n max-height: 100px;\n min-height: 42px;\n align-content: center;\n position: relative;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .tek-iterable-footer {\n display: none !important;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-container .zd-text.no-data {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n text-align: center;\n font-size: 0.7rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-label {\n font-weight: var(--zd-font-body2-weight);\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-select-all {\n position: absolute;\n top: 0.5rem;\n right: var(--spacing-1);\n color: var(--v-primary-base);\n cursor: pointer;\n font-size: 0.8rem;\n}\n.tek-grid-column-option-container-col .tek-grid-column-option-drop-here {\n position: absolute;\n z-index: 100;\n left: 50%;\n transform: translateX(-50%);\n top: 35px;\n}\n.tek-grid-column-option-detail-name {\n color: var(--v-primary-base);\n font-weight: var(--zd-font-body2-weight);\n font-size: 1.1rem;\n margin-top: var(--spacing-6);\n}", map: undefined, media: undefined });
|
|
6649
6649
|
|
|
6650
6650
|
};
|
|
6651
6651
|
/* scoped */
|
|
@@ -6703,7 +6703,7 @@
|
|
|
6703
6703
|
/* style */
|
|
6704
6704
|
const __vue_inject_styles__$a = function (inject) {
|
|
6705
6705
|
if (!inject) return
|
|
6706
|
-
inject("data-v-
|
|
6706
|
+
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 });
|
|
6707
6707
|
|
|
6708
6708
|
};
|
|
6709
6709
|
/* scoped */
|
|
@@ -7025,7 +7025,7 @@
|
|
|
7025
7025
|
/* style */
|
|
7026
7026
|
const __vue_inject_styles__$9 = function (inject) {
|
|
7027
7027
|
if (!inject) return
|
|
7028
|
-
inject("data-v-
|
|
7028
|
+
inject("data-v-24abb7d6_0", { source: ".tek-grid-layout-options-badge .v-badge__badge {\n font-size: var(--zd-font-caption-size);\n font-weight: var(--zd-font-caption-weight);\n line-height: 14px;\n pointer-events: none;\n background-color: var(--zd-badge-background-color) !important;\n}\n.tek-grid-layout-options-badge .v-badge__badge span {\n color: var(--zd-badge-text-color) !important;\n}\n.tek-grid-layout-item {\n font-size: 13px;\n cursor: pointer;\n min-height: 30px;\n}\n.tek-grid-layout-item.selected {\n font-weight: 700;\n}\n.tek-grid-layout-item:hover.theme--light {\n background: #eee;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons {\n position: absolute;\n right: 16px;\n}\n.tek-grid-layout-item .tek-grid-layout-item-buttons .v-icon {\n font-size: 18px;\n}\n.tek-grid-layout-item-header {\n max-width: 270px;\n font-size: 13px;\n font-weight: bold;\n color: var(--v-primary-base) !important;\n line-height: 18px;\n}\n.tek-grid-layout-item-header.edited {\n color: var(--v-error-darken2) !important;\n}\n.tek-grid-layout-item-discard {\n min-height: 30px;\n padding-top: 10px;\n}", map: undefined, media: undefined });
|
|
7029
7029
|
|
|
7030
7030
|
};
|
|
7031
7031
|
/* scoped */
|
|
@@ -7452,11 +7452,11 @@
|
|
|
7452
7452
|
/* style */
|
|
7453
7453
|
const __vue_inject_styles__$6 = function (inject) {
|
|
7454
7454
|
if (!inject) return
|
|
7455
|
-
inject("data-v-
|
|
7455
|
+
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 });
|
|
7456
7456
|
|
|
7457
7457
|
};
|
|
7458
7458
|
/* scoped */
|
|
7459
|
-
const __vue_scope_id__$6 = "data-v-
|
|
7459
|
+
const __vue_scope_id__$6 = "data-v-d9a525a4";
|
|
7460
7460
|
/* module identifier */
|
|
7461
7461
|
const __vue_module_identifier__$6 = undefined;
|
|
7462
7462
|
/* functional template */
|
|
@@ -7672,7 +7672,7 @@
|
|
|
7672
7672
|
/* style */
|
|
7673
7673
|
const __vue_inject_styles__$4 = function (inject) {
|
|
7674
7674
|
if (!inject) return
|
|
7675
|
-
inject("data-v-
|
|
7675
|
+
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 });
|
|
7676
7676
|
|
|
7677
7677
|
};
|
|
7678
7678
|
/* scoped */
|
|
@@ -7843,7 +7843,7 @@
|
|
|
7843
7843
|
/* style */
|
|
7844
7844
|
const __vue_inject_styles__$3 = function (inject) {
|
|
7845
7845
|
if (!inject) return
|
|
7846
|
-
inject("data-v-
|
|
7846
|
+
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 });
|
|
7847
7847
|
|
|
7848
7848
|
};
|
|
7849
7849
|
/* scoped */
|
|
@@ -8669,7 +8669,7 @@
|
|
|
8669
8669
|
/* style */
|
|
8670
8670
|
const __vue_inject_styles__$2 = function (inject) {
|
|
8671
8671
|
if (!inject) return
|
|
8672
|
-
inject("data-v-
|
|
8672
|
+
inject("data-v-1b6893dd_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: 38px;\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}", map: undefined, media: undefined });
|
|
8673
8673
|
|
|
8674
8674
|
};
|
|
8675
8675
|
/* scoped */
|
|
@@ -8753,7 +8753,7 @@
|
|
|
8753
8753
|
/* style */
|
|
8754
8754
|
const __vue_inject_styles__$1 = function (inject) {
|
|
8755
8755
|
if (!inject) return
|
|
8756
|
-
inject("data-v-
|
|
8756
|
+
inject("data-v-52978667_0", { source: ".about-modal {\n flex-grow: 0;\n overflow-y: unset;\n width: auto;\n border: 3px solid var(--v-primary-base);\n}\n.about-modal .zd-modal-card, .about-modal .zd-modal-card-text, .about-modal .zd-modal-container, .about-modal .zd-tabs {\n height: 100%;\n}\n.about-modal .zd-modal-card-text {\n padding: 8px !important;\n}\n.about-modal .zd-modal-container {\n display: flex;\n flex-direction: column;\n}\n.about-modal .zd-tabs, .about-modal .v-tabs-items {\n overflow-y: auto;\n}\n.about-modal .zd-image-valid {\n width: 50%;\n align-items: center;\n}\n.about-modal #basic-user-info_version_tabs {\n height: 300px !important;\n}\n.about-modal #basic-user-info_about_image {\n text-align: center;\n}", map: undefined, media: undefined });
|
|
8757
8757
|
|
|
8758
8758
|
};
|
|
8759
8759
|
/* scoped */
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
.zd-container.filter-content-container {
|
|
2
|
+
position: relative !important;
|
|
3
|
+
width: calc(100% + var(--zd-default-padding) * 2) !important;
|
|
4
|
+
max-width: none !important;
|
|
5
|
+
left: calc(var(--zd-default-padding) * -1) !important;
|
|
6
|
+
padding-left: var(--zd-default-padding) !important;
|
|
7
|
+
padding-right: var(--zd-default-padding) !important; }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zeedhi/teknisa-components-vuetify",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.107.0",
|
|
4
4
|
"description": "Teknisa Components based on Vuetify",
|
|
5
5
|
"author": "Zeedhi <zeedhi@teknisa.com>",
|
|
6
6
|
"license": "ISC",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"vue": "2.7.*",
|
|
45
45
|
"vuetify": "2.6.*"
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "1123e6f810f91d3dbff16805911d4558caf9d6b2"
|
|
48
48
|
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { IDictionary } from '@zeedhi/core';
|
|
2
|
+
import { ZdIterable } from '@zeedhi/vuetify';
|
|
3
|
+
import { TekAgGrid as Grid } from '@zeedhi/teknisa-components-common';
|
|
4
|
+
/**
|
|
5
|
+
* TekAgGrid component
|
|
6
|
+
*/
|
|
7
|
+
export default class TekAgGrid extends ZdIterable {
|
|
8
|
+
cssClass: string;
|
|
9
|
+
dense: boolean;
|
|
10
|
+
frameworkComponents: IDictionary;
|
|
11
|
+
gridOptions: IDictionary;
|
|
12
|
+
height: string | number;
|
|
13
|
+
icons: IDictionary<string>;
|
|
14
|
+
instance: Grid;
|
|
15
|
+
instanceType: typeof Grid;
|
|
16
|
+
mounted(): void;
|
|
17
|
+
/**
|
|
18
|
+
* Get grid options with zeedhi predefined icons and subcomponents
|
|
19
|
+
*/
|
|
20
|
+
get options(): {
|
|
21
|
+
icons: IDictionary<any>;
|
|
22
|
+
frameworkComponents: IDictionary<any>;
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Get height css value from property
|
|
26
|
+
*/
|
|
27
|
+
get heightValue(): string | number;
|
|
28
|
+
get rowHeight(): any;
|
|
29
|
+
get headerHeight(): any;
|
|
30
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import TekAgGridCellEditor from './tek-ag-grid-cell-editor/TekAgGridCellEditor.vue';
|
|
2
|
+
import TekAgGridCellRenderer from './tek-ag-grid-cell-renderer/TekAgGridCellRenderer.vue';
|
|
3
|
+
import TekAgGridDate from './tek-ag-grid-date/TekAgGridDate.vue';
|
|
4
|
+
import TekAgGridSelectEditor from './tek-ag-grid-select-editor/TekAgGridSelectEditor.vue';
|
|
5
|
+
import TekAgGridSelectRenderer from './tek-ag-grid-select-renderer/TekAgGridSelectRenderer.vue';
|
|
6
|
+
export { TekAgGridCellEditor, TekAgGridCellRenderer, TekAgGridDate, TekAgGridSelectEditor, TekAgGridSelectRenderer, };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { IComponent, Input } from '@zeedhi/common';
|
|
3
|
+
import { ZdInput } from '@zeedhi/vuetify';
|
|
4
|
+
import { ITekAgGridCellEditorParams, IVueCellEditorComp } from './interfaces';
|
|
5
|
+
export default class TekAgGridCellEditor extends Vue implements IVueCellEditorComp {
|
|
6
|
+
params: ITekAgGridCellEditorParams;
|
|
7
|
+
instance?: Input;
|
|
8
|
+
inputRef?: ZdInput;
|
|
9
|
+
defaultComponent: string;
|
|
10
|
+
mounted(): void;
|
|
11
|
+
initRefs(): void;
|
|
12
|
+
getValue(): any;
|
|
13
|
+
get componentProps(): IComponent;
|
|
14
|
+
get name(): string;
|
|
15
|
+
}
|
package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/interfaces.d.ts
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IComponent } from '@zeedhi/common';
|
|
2
|
+
import { ICellEditorComp, ICellRendererParams } from 'ag-grid-community';
|
|
3
|
+
export interface ITekAgGridCellEditorParams extends ICellRendererParams {
|
|
4
|
+
componentProps?: IComponent;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Methods not used in VueJS subcomponents
|
|
8
|
+
* https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
|
|
9
|
+
*/
|
|
10
|
+
declare type VueCellEditorComp = Omit<ICellEditorComp, 'getGui' | 'init' | 'afterGuiAttached'>;
|
|
11
|
+
export interface IVueCellEditorComp extends VueCellEditorComp {
|
|
12
|
+
params: ITekAgGridCellEditorParams;
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { ITekAgGridCellRendererParams, IVueCellRendererComp } from './interfaces';
|
|
3
|
+
export default class TekAgGridCellRenderer extends Vue implements IVueCellRendererComp {
|
|
4
|
+
params: ITekAgGridCellRendererParams;
|
|
5
|
+
formatter: Function;
|
|
6
|
+
formattedValue: string;
|
|
7
|
+
defaultFormatter: string;
|
|
8
|
+
created(): void;
|
|
9
|
+
refresh(params: ITekAgGridCellRendererParams): boolean;
|
|
10
|
+
updateFormattedValue(params: ITekAgGridCellRendererParams): Promise<void>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';
|
|
2
|
+
export interface ITekAgGridCellRendererParams extends ICellRendererParams {
|
|
3
|
+
formatterName?: string;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Methods not used in VueJS subcomponents
|
|
7
|
+
* https://www.ag-grid.com/documentation/vue/component-cell-renderer/#methods--lifecycle-2
|
|
8
|
+
*/
|
|
9
|
+
declare type VueCellRendererComp = Omit<ICellRendererComp, 'init' | 'getGui'>;
|
|
10
|
+
export interface IVueCellRendererComp extends VueCellRendererComp {
|
|
11
|
+
params: ITekAgGridCellRendererParams;
|
|
12
|
+
}
|
|
13
|
+
export {};
|
package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/TekAgGridDate.d.ts
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { Date as ZdDateInstance, IComponent } from '@zeedhi/common';
|
|
3
|
+
import { ZdDate } from '@zeedhi/vuetify';
|
|
4
|
+
import { ITekAgGridDateParams, IVueDateComp } from './interfaces';
|
|
5
|
+
export default class TekAgGridDate extends Vue implements IVueDateComp {
|
|
6
|
+
params: ITekAgGridDateParams;
|
|
7
|
+
instance?: ZdDateInstance;
|
|
8
|
+
inputRef?: ZdDate;
|
|
9
|
+
mounted(): void;
|
|
10
|
+
initRefs(): void;
|
|
11
|
+
getDate(): Date | null;
|
|
12
|
+
setDate(date: Date | null): void;
|
|
13
|
+
get componentProps(): IComponent;
|
|
14
|
+
private eventOverwritten;
|
|
15
|
+
/**
|
|
16
|
+
* Add mousedown to prevent ag-grid filter from closing
|
|
17
|
+
* https://www.ag-grid.com/documentation/vue/component-filter/#custom-filters-containing-a-popup-element
|
|
18
|
+
*/
|
|
19
|
+
addMenuMousedown(): void;
|
|
20
|
+
private getDateMenuContent;
|
|
21
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IComponent } from '@zeedhi/common';
|
|
2
|
+
import { IDateComp, IDateParams } from 'ag-grid-community';
|
|
3
|
+
export interface ITekAgGridDateParams extends IDateParams {
|
|
4
|
+
componentProps?: IComponent;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Methods not used in VueJS subcomponents
|
|
8
|
+
* https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
|
|
9
|
+
*/
|
|
10
|
+
declare type VueDateComp = Omit<IDateComp, 'getGui' | 'init'>;
|
|
11
|
+
export interface IVueDateComp extends VueDateComp {
|
|
12
|
+
params: ITekAgGridDateParams;
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Select } from '@zeedhi/common';
|
|
2
|
+
import { ITekAgGridSelectEditorParams, IVueSelectEditorComp } from './interfaces';
|
|
3
|
+
import TekAgGridCellEditor from '../tek-ag-grid-cell-editor/TekAgGridCellEditor';
|
|
4
|
+
export default class TekAgGridSelectEditor extends TekAgGridCellEditor implements IVueSelectEditorComp {
|
|
5
|
+
params: ITekAgGridSelectEditorParams;
|
|
6
|
+
instance?: Select;
|
|
7
|
+
inputRef?: any;
|
|
8
|
+
defaultComponent: string;
|
|
9
|
+
/**
|
|
10
|
+
* When editing is finished, update grid row columns
|
|
11
|
+
*/
|
|
12
|
+
isCancelAfterEnd(): boolean;
|
|
13
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ITekAgGridCellEditorParams, IVueCellEditorComp } from '../tek-ag-grid-cell-editor/interfaces';
|
|
2
|
+
export interface ITekAgGridSelectEditorParams extends ITekAgGridCellEditorParams {
|
|
3
|
+
dataValueOut?: {
|
|
4
|
+
column: string;
|
|
5
|
+
columnOnGrid: string;
|
|
6
|
+
}[];
|
|
7
|
+
}
|
|
8
|
+
export interface IVueSelectEditorComp extends IVueCellEditorComp {
|
|
9
|
+
params: ITekAgGridSelectEditorParams;
|
|
10
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import TekAgGridCellRenderer from '../tek-ag-grid-cell-renderer/TekAgGridCellRenderer';
|
|
2
|
+
import { ITekAgGridSelectRendererParams, IVueSelectRendererComp } from './interfaces';
|
|
3
|
+
export default class TekAgGridSelectRenderer extends TekAgGridCellRenderer implements IVueSelectRendererComp {
|
|
4
|
+
params: ITekAgGridSelectRendererParams;
|
|
5
|
+
formatter: Function;
|
|
6
|
+
formattedValue: string;
|
|
7
|
+
defaultFormatter: string;
|
|
8
|
+
updateFormattedValue(params: ITekAgGridSelectRendererParams): Promise<void>;
|
|
9
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ITekAgGridCellRendererParams, IVueCellRendererComp } from '../tek-ag-grid-cell-renderer/interfaces';
|
|
2
|
+
export interface ITekAgGridSelectRendererParams extends ITekAgGridCellRendererParams {
|
|
3
|
+
dataText: string | any[];
|
|
4
|
+
dataTextSeparator?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface IVueSelectRendererComp extends IVueCellRendererComp {
|
|
7
|
+
params: ITekAgGridSelectRendererParams;
|
|
8
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import TekGridCellEditor from './tek-grid-cell-editor/TekGridCellEditor.vue';
|
|
2
|
+
import TekGridCellRenderer from './tek-grid-cell-renderer/TekGridCellRenderer.vue';
|
|
3
|
+
import TekGridDate from './tek-grid-date/TekGridDate.vue';
|
|
4
|
+
import TekGridSelectEditor from './tek-grid-select-editor/TekGridSelectEditor.vue';
|
|
5
|
+
import TekGridSelectRenderer from './tek-grid-select-renderer/TekGridSelectRenderer.vue';
|
|
6
|
+
export { TekGridCellEditor, TekGridCellRenderer, TekGridDate, TekGridSelectEditor, TekGridSelectRenderer, };
|
package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { IComponent, Input } from '@zeedhi/common';
|
|
3
|
+
import { ZdInput } from '@zeedhi/vuetify';
|
|
4
|
+
import { ITekGridCellEditorParams, IVueCellEditorComp } from './interfaces';
|
|
5
|
+
export default class TekGridCellEditor extends Vue implements IVueCellEditorComp {
|
|
6
|
+
params: ITekGridCellEditorParams;
|
|
7
|
+
instance?: Input;
|
|
8
|
+
inputRef?: ZdInput;
|
|
9
|
+
defaultComponent: string;
|
|
10
|
+
mounted(): void;
|
|
11
|
+
initRefs(): void;
|
|
12
|
+
getValue(): any;
|
|
13
|
+
get componentProps(): IComponent;
|
|
14
|
+
get name(): string;
|
|
15
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IComponent } from '@zeedhi/common';
|
|
2
|
+
import { ICellEditorComp, ICellRendererParams } from 'ag-grid-community';
|
|
3
|
+
export interface ITekGridCellEditorParams extends ICellRendererParams {
|
|
4
|
+
componentProps?: IComponent;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Methods not used in VueJS subcomponents
|
|
8
|
+
* https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
|
|
9
|
+
*/
|
|
10
|
+
declare type VueCellEditorComp = Omit<ICellEditorComp, 'getGui' | 'init' | 'afterGuiAttached'>;
|
|
11
|
+
export interface IVueCellEditorComp extends VueCellEditorComp {
|
|
12
|
+
params: ITekGridCellEditorParams;
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { ITekGridCellRendererParams, IVueCellRendererComp } from './interfaces';
|
|
3
|
+
export default class TekGridCellRenderer extends Vue implements IVueCellRendererComp {
|
|
4
|
+
params: ITekGridCellRendererParams;
|
|
5
|
+
formatter: Function;
|
|
6
|
+
formattedValue: string;
|
|
7
|
+
defaultFormatter: string;
|
|
8
|
+
created(): void;
|
|
9
|
+
refresh(params: ITekGridCellRendererParams): boolean;
|
|
10
|
+
updateFormattedValue(params: ITekGridCellRendererParams): Promise<void>;
|
|
11
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';
|
|
2
|
+
export interface ITekGridCellRendererParams extends ICellRendererParams {
|
|
3
|
+
formatterName?: string;
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* Methods not used in VueJS subcomponents
|
|
7
|
+
* https://www.ag-grid.com/documentation/vue/component-cell-renderer/#methods--lifecycle-2
|
|
8
|
+
*/
|
|
9
|
+
declare type VueCellRendererComp = Omit<ICellRendererComp, 'init' | 'getGui'>;
|
|
10
|
+
export interface IVueCellRendererComp extends VueCellRendererComp {
|
|
11
|
+
params: ITekGridCellRendererParams;
|
|
12
|
+
}
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import Vue from 'vue';
|
|
2
|
+
import { Date as ZdDateInstance, IComponent } from '@zeedhi/common';
|
|
3
|
+
import { ZdDate } from '@zeedhi/vuetify';
|
|
4
|
+
import { ITekGridDateParams, IVueDateComp } from './interfaces';
|
|
5
|
+
export default class TekGridDate extends Vue implements IVueDateComp {
|
|
6
|
+
params: ITekGridDateParams;
|
|
7
|
+
instance?: ZdDateInstance;
|
|
8
|
+
inputRef?: ZdDate;
|
|
9
|
+
mounted(): void;
|
|
10
|
+
initRefs(): void;
|
|
11
|
+
getDate(): Date | null;
|
|
12
|
+
setDate(date: Date | null): void;
|
|
13
|
+
get componentProps(): IComponent;
|
|
14
|
+
private eventOverwritten;
|
|
15
|
+
/**
|
|
16
|
+
* Add mousedown to prevent ag-grid filter from closing
|
|
17
|
+
* https://www.ag-grid.com/documentation/vue/component-filter/#custom-filters-containing-a-popup-element
|
|
18
|
+
*/
|
|
19
|
+
addMenuMousedown(): void;
|
|
20
|
+
private getDateMenuContent;
|
|
21
|
+
}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { IComponent } from '@zeedhi/common';
|
|
2
|
+
import { IDateComp, IDateParams } from 'ag-grid-community';
|
|
3
|
+
export interface ITekGridDateParams extends IDateParams {
|
|
4
|
+
componentProps?: IComponent;
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* Methods not used in VueJS subcomponents
|
|
8
|
+
* https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
|
|
9
|
+
*/
|
|
10
|
+
declare type VueDateComp = Omit<IDateComp, 'getGui' | 'init'>;
|
|
11
|
+
export interface IVueDateComp extends VueDateComp {
|
|
12
|
+
params: ITekGridDateParams;
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Select } from '@zeedhi/common';
|
|
2
|
+
import { ITekGridSelectEditorParams, IVueSelectEditorComp } from './interfaces';
|
|
3
|
+
import TekGridCellEditor from '../tek-grid-cell-editor/TekGridCellEditor';
|
|
4
|
+
export default class TekGridSelectEditor extends TekGridCellEditor implements IVueSelectEditorComp {
|
|
5
|
+
params: ITekGridSelectEditorParams;
|
|
6
|
+
instance?: Select;
|
|
7
|
+
inputRef?: any;
|
|
8
|
+
defaultComponent: string;
|
|
9
|
+
/**
|
|
10
|
+
* When editing is finished, update grid row columns
|
|
11
|
+
*/
|
|
12
|
+
isCancelAfterEnd(): boolean;
|
|
13
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ITekGridCellEditorParams, IVueCellEditorComp } from '../tek-grid-cell-editor/interfaces';
|
|
2
|
+
export interface ITekGridSelectEditorParams extends ITekGridCellEditorParams {
|
|
3
|
+
dataValueOut?: {
|
|
4
|
+
column: string;
|
|
5
|
+
columnOnGrid: string;
|
|
6
|
+
}[];
|
|
7
|
+
}
|
|
8
|
+
export interface IVueSelectEditorComp extends IVueCellEditorComp {
|
|
9
|
+
params: ITekGridSelectEditorParams;
|
|
10
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import TekGridCellRenderer from '../tek-grid-cell-renderer/TekGridCellRenderer';
|
|
2
|
+
import { ITekGridSelectRendererParams, IVueSelectRendererComp } from './interfaces';
|
|
3
|
+
export default class TekGridSelectRenderer extends TekGridCellRenderer implements IVueSelectRendererComp {
|
|
4
|
+
params: ITekGridSelectRendererParams;
|
|
5
|
+
formatter: Function;
|
|
6
|
+
formattedValue: string;
|
|
7
|
+
defaultFormatter: string;
|
|
8
|
+
updateFormattedValue(params: ITekGridSelectRendererParams): Promise<void>;
|
|
9
|
+
}
|
package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ITekGridCellRendererParams, IVueCellRendererComp } from '../tek-grid-cell-renderer/interfaces';
|
|
2
|
+
export interface ITekGridSelectRendererParams extends ITekGridCellRendererParams {
|
|
3
|
+
dataText: string | any[];
|
|
4
|
+
dataTextSeparator?: string;
|
|
5
|
+
}
|
|
6
|
+
export interface IVueSelectRendererComp extends IVueCellRendererComp {
|
|
7
|
+
params: ITekGridSelectRendererParams;
|
|
8
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { TekLogin as TekLoginClass } from '@zeedhi/teknisa-components-common';
|
|
2
|
+
import { IComponentRender } from '@zeedhi/common';
|
|
3
|
+
declare const ZdLogin: import("vue").VueConstructor<import("vue-property-decorator").Vue>;
|
|
4
|
+
/**
|
|
5
|
+
* TekLogin component
|
|
6
|
+
*/
|
|
7
|
+
export default class TekLogin extends ZdLogin {
|
|
8
|
+
cardWidth: string;
|
|
9
|
+
layout: string;
|
|
10
|
+
children: IComponentRender[];
|
|
11
|
+
instance: TekLoginClass;
|
|
12
|
+
instanceType: typeof TekLoginClass;
|
|
13
|
+
created(): void;
|
|
14
|
+
}
|
|
15
|
+
export {};
|