i-tech-shared-components 1.2.51 → 1.3.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/fesm2022/i-tech-shared-components.mjs +72 -72
- package/fesm2022/i-tech-shared-components.mjs.map +1 -1
- package/package.json +10 -12
- package/theme/_ag-grid.scss +10 -10
- package/theme/_buttons.scss +14 -4
- package/theme/_date_picker.scss +9 -9
- package/theme/_date_time_picker.scss +9 -9
- package/theme/_form_fields.scss +23 -23
- package/theme/_icon-button.scss +24 -12
- package/theme/_label.scss +51 -29
- package/theme/_mat-selects.scss +18 -18
- package/theme/_menu.scss +3 -3
- package/theme/_text_input.scss +12 -12
- package/theme.scss +16 -17
- package/esm2022/i-tech-shared-components.mjs +0 -5
- package/esm2022/lib/components/ag-grid/ag-grid-button-cell/ag-grid-button-cell.component.mjs +0 -25
- package/esm2022/lib/components/ag-grid/status-label-cell.component.mjs +0 -41
- package/esm2022/lib/components/ag-grid/tooltip-cell-renderer.component.mjs +0 -49
- package/esm2022/lib/components/autocomplete-select/autocomplete-select.component.mjs +0 -456
- package/esm2022/lib/components/button/button.component.mjs +0 -122
- package/esm2022/lib/components/clear-value/clear-value.component.mjs +0 -34
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +0 -117
- package/esm2022/lib/components/date-range-datepicker/date-range-datepicker.component.mjs +0 -141
- package/esm2022/lib/components/date-time-picker/date-time-picker.component.mjs +0 -169
- package/esm2022/lib/components/icon-button/icon-button.component.mjs +0 -49
- package/esm2022/lib/components/label/label.component.mjs +0 -56
- package/esm2022/lib/components/menu/menu.component.mjs +0 -56
- package/esm2022/lib/components/new-sidebar/company-image/company-image.component.mjs +0 -26
- package/esm2022/lib/components/new-sidebar/new-sidebar.component.mjs +0 -201
- package/esm2022/lib/components/text/text-input.component.mjs +0 -97
- package/esm2022/lib/directives/date-mask.directive.mjs +0 -92
- package/esm2022/lib/directives/input-mask.directive.mjs +0 -95
- package/esm2022/lib/interfaces/app-input.interface.mjs +0 -2
- package/esm2022/lib/interfaces/auth.interface.mjs +0 -16
- package/esm2022/lib/interfaces/autocomplete-configs.interface.mjs +0 -2
- package/esm2022/lib/interfaces/button-types.enum.mjs +0 -19
- package/esm2022/lib/interfaces/dropdown-selection.constants.mjs +0 -12
- package/esm2022/lib/interfaces/hour-minute.interface.mjs +0 -2
- package/esm2022/lib/interfaces/label-type.enum.mjs +0 -30
- package/esm2022/lib/interfaces/navigation-link.interface.mjs +0 -2
- package/esm2022/lib/interfaces/timezone.interface.mjs +0 -2
- package/esm2022/lib/pipes/array-to-string.pipe.mjs +0 -17
- package/esm2022/lib/pipes/generate-error-messages.pipe.mjs +0 -29
- package/esm2022/lib/pipes/get-value-by-key-from-object.pipe.mjs +0 -45
- package/esm2022/lib/services/ag-grid-functions.service.mjs +0 -49
- package/esm2022/lib/services/input.service.mjs +0 -35
- package/esm2022/lib/services/parse-date.service.mjs +0 -70
- package/esm2022/public-api.mjs +0 -30
package/theme/_mat-selects.scss
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
// Import Material theming
|
|
2
2
|
@use '@angular/material' as mat;
|
|
3
|
-
@
|
|
3
|
+
@use "./color_themes.scss" as color-themes;
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
body {
|
|
7
|
-
--mat-option-hover-state-layer-color: #{mat.get-theme-color(
|
|
8
|
-
--mat-option-selected-state-layer-color: #{mat.get-theme-color(
|
|
9
|
-
--mat-option-focus-state-layer-color: #{mat.get-theme-color(
|
|
7
|
+
--mat-option-hover-state-layer-color: #{mat.get-theme-color(color-themes.$m3-light-theme, primary, 99)} !important;
|
|
8
|
+
--mat-option-selected-state-layer-color: #{mat.get-theme-color(color-themes.$m3-light-theme, primary, 99)} !important;
|
|
9
|
+
--mat-option-focus-state-layer-color: #{mat.get-theme-color(color-themes.$m3-light-theme, primary, 99)} !important;
|
|
10
10
|
--mat-select-trigger-text-line-height: 20px !important;
|
|
11
11
|
--mat-select-trigger-text-size: 13px !important;
|
|
12
12
|
--mat-select-trigger-text-weight: 500 !important;
|
|
13
13
|
--mat-select-trigger-text-tracking: 0.2px !important;
|
|
14
|
-
--mat-select-enabled-trigger-text-color: #{mat.get-theme-color(
|
|
15
|
-
--mat-full-pseudo-checkbox-unselected-icon-color: #{mat.get-theme-color(
|
|
16
|
-
--mat-select-placeholder-text-color: #{mat.get-theme-color(
|
|
17
|
-
--mat-option-selected-state-label-text-color: #{mat.get-theme-color(
|
|
18
|
-
--mat-option-label-text-color: #{mat.get-theme-color(
|
|
14
|
+
--mat-select-enabled-trigger-text-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 50)} !important;
|
|
15
|
+
--mat-full-pseudo-checkbox-unselected-icon-color: #{mat.get-theme-color(color-themes.$m3-light-theme, primary, 80)} !important;
|
|
16
|
+
--mat-select-placeholder-text-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 50)} !important;
|
|
17
|
+
--mat-option-selected-state-label-text-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 30)} !important;
|
|
18
|
+
--mat-option-label-text-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 30)} !important;
|
|
19
19
|
|
|
20
20
|
.new-mat-autocomplete {
|
|
21
21
|
.mat-mdc-form-field {
|
|
@@ -46,16 +46,16 @@ body {
|
|
|
46
46
|
width: 100%;
|
|
47
47
|
height: 40px;
|
|
48
48
|
padding: 8px 40px 8px 36px !important;
|
|
49
|
-
border: 1px solid #{mat.get-theme-color(
|
|
49
|
+
border: 1px solid #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)};
|
|
50
50
|
border-radius: 4px;
|
|
51
51
|
font-size: 13px;
|
|
52
52
|
line-height: 24px;
|
|
53
53
|
letter-spacing: 0.5px;
|
|
54
|
-
color: #{mat.get-theme-color(
|
|
54
|
+
color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 30)};
|
|
55
55
|
background: white;
|
|
56
56
|
|
|
57
57
|
&:disabled {
|
|
58
|
-
border: 1px solid #{mat.get-theme-color(
|
|
58
|
+
border: 1px solid #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 99)};
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
&:focus {
|
|
@@ -65,11 +65,11 @@ body {
|
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
&:hover:not(:focus):not(:disabled) {
|
|
68
|
-
border-color: #{mat.get-theme-color(
|
|
68
|
+
border-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 70)};
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
&::placeholder {
|
|
72
|
-
color: #{mat.get-theme-color(
|
|
72
|
+
color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 50)};
|
|
73
73
|
font-size: 13px;
|
|
74
74
|
font-weight: 500;
|
|
75
75
|
line-height: 20px;
|
|
@@ -83,7 +83,7 @@ body {
|
|
|
83
83
|
left: 50px;
|
|
84
84
|
top: 57%;
|
|
85
85
|
transform: translateY(-50%);
|
|
86
|
-
color: #{mat.get-theme-color(
|
|
86
|
+
color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 50)};
|
|
87
87
|
|
|
88
88
|
mat-icon {
|
|
89
89
|
font-size: 20px;
|
|
@@ -98,7 +98,7 @@ body {
|
|
|
98
98
|
right: 0;
|
|
99
99
|
top: 50%;
|
|
100
100
|
transform: translateY(-50%);
|
|
101
|
-
color: #{mat.get-theme-color(
|
|
101
|
+
color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 50)};
|
|
102
102
|
|
|
103
103
|
&.rotated {
|
|
104
104
|
transform: translateY(-50%) rotate(180deg);
|
|
@@ -121,14 +121,14 @@ body {
|
|
|
121
121
|
|
|
122
122
|
&.custom-value {
|
|
123
123
|
font-weight: 500;
|
|
124
|
-
color: #{mat.get-theme-color(
|
|
124
|
+
color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 30)} !important;
|
|
125
125
|
width: 80%;
|
|
126
126
|
}
|
|
127
127
|
}
|
|
128
128
|
|
|
129
129
|
// Error state
|
|
130
130
|
.mat-mdc-form-field-error {
|
|
131
|
-
//color: #{mat.get-theme-color(
|
|
131
|
+
//color: #{mat.get-theme-color(color-themes.$m3-light-theme, error, 40)};
|
|
132
132
|
animation: mat-form-field-animation 900ms cubic-bezier(0.0, 0.0, 0.2, 1);
|
|
133
133
|
position: absolute;
|
|
134
134
|
left: 16px;
|
package/theme/_menu.scss
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
|
-
@
|
|
2
|
+
@use "./color_themes.scss" as color-themes;
|
|
3
3
|
|
|
4
4
|
.mt-4 {
|
|
5
5
|
margin-top: 4px;
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.mat-mdc-menu-panel {
|
|
9
|
-
border: 1px solid mat.get-theme-color(
|
|
9
|
+
border: 1px solid mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90) !important;
|
|
10
10
|
--mat-app-elevation-shadow-level-2: 0px !important;
|
|
11
|
-
--mat-menu-item-hover-state-layer-color: #{mat.get-theme-color(
|
|
11
|
+
--mat-menu-item-hover-state-layer-color: #{mat.get-theme-color(color-themes.$m3-light-theme, primary, 98)} !important;
|
|
12
12
|
}
|
|
13
13
|
|
package/theme/_text_input.scss
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
|
-
@
|
|
2
|
+
@use "./_color_themes.scss" as color-themes;
|
|
3
3
|
|
|
4
4
|
body {
|
|
5
5
|
.readonly-field {
|
|
6
|
-
--mdc-outlined-text-field-hover-outline-color: #{mat.get-theme-color(
|
|
7
|
-
--mdc-outlined-text-field-focus-outline-color: #{mat.get-theme-color(
|
|
6
|
+
--mdc-outlined-text-field-hover-outline-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)};
|
|
7
|
+
--mdc-outlined-text-field-focus-outline-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)};
|
|
8
8
|
--mdc-outlined-text-field-focus-outline-width: 1px;
|
|
9
|
-
--mdc-outlined-text-field-error-focus-outline-color: #{mat.get-theme-color(
|
|
10
|
-
--mdc-outlined-text-field-error-outline-color: #{mat.get-theme-color(
|
|
11
|
-
--mdc-outlined-text-field-error-hover-outline-color: #{mat.get-theme-color(
|
|
12
|
-
--mat-select-disabled-trigger-text-color: #{mat.get-theme-color(
|
|
13
|
-
--mat-select-placeholder-text-color: #{mat.get-theme-color(
|
|
14
|
-
--mdc-outlined-text-field-disabled-input-text-color: #{mat.get-theme-color(
|
|
9
|
+
--mdc-outlined-text-field-error-focus-outline-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)};
|
|
10
|
+
--mdc-outlined-text-field-error-outline-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)};
|
|
11
|
+
--mdc-outlined-text-field-error-hover-outline-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)};
|
|
12
|
+
--mat-select-disabled-trigger-text-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)};
|
|
13
|
+
--mat-select-placeholder-text-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)};
|
|
14
|
+
--mdc-outlined-text-field-disabled-input-text-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)};
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
.readonly-color {
|
|
18
|
-
color: #{mat.get-theme-color(
|
|
18
|
+
color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)} !important;
|
|
19
19
|
.mat-mdc-icon-button.tonal mat-icon {
|
|
20
|
-
color: #{mat.get-theme-color(
|
|
20
|
+
color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)} !important;
|
|
21
21
|
}
|
|
22
|
-
--mdc-outlined-text-field-input-text-placeholder-color: #{mat.get-theme-color(
|
|
22
|
+
--mdc-outlined-text-field-input-text-placeholder-color: #{mat.get-theme-color(color-themes.$m3-light-theme, tertiary, 90)} !important;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.mat-mdc-form-field-icon-prefix {
|
package/theme.scss
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
@use '@angular/material' as mat;
|
|
2
|
-
@
|
|
2
|
+
@use "./theme/buttons.scss";
|
|
3
|
+
@use "./theme/variables/colors.scss";
|
|
4
|
+
@use "./theme/label.scss";
|
|
5
|
+
@use "./theme/icon-button.scss";
|
|
6
|
+
@use "./theme/_color_themes.scss" as color-themes;
|
|
7
|
+
@use "./theme/date_picker.scss";
|
|
8
|
+
@use "./theme/text_input.scss";
|
|
9
|
+
@use "./theme/form_fields.scss";
|
|
10
|
+
@use "./theme/mat-selects.scss";
|
|
11
|
+
@use "./theme/menu.scss";
|
|
12
|
+
@use "./theme/ag-grid.scss";
|
|
13
|
+
@use "./theme/date_time_picker.scss";
|
|
3
14
|
|
|
4
|
-
@import "
|
|
5
|
-
@import "./theme/variables/colors.scss";
|
|
6
|
-
@import "./theme/label.scss";
|
|
7
|
-
@import "./theme/icon-button.scss";
|
|
8
|
-
@import "./theme/color_themes.scss";
|
|
9
|
-
@import "./theme/date_picker.scss";
|
|
10
|
-
@import "./theme/text_input.scss";
|
|
11
|
-
@import "./theme/form_fields.scss";
|
|
12
|
-
@import "./theme/mat-selects.scss";
|
|
13
|
-
@import "./theme/menu.scss";
|
|
14
|
-
@import "./theme/ag-grid.scss";
|
|
15
|
-
@import "./theme/date_time_picker.scss";
|
|
15
|
+
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
|
|
16
16
|
|
|
17
17
|
@include mat.core();
|
|
18
18
|
|
|
@@ -23,10 +23,9 @@ body {
|
|
|
23
23
|
font-style: normal;
|
|
24
24
|
font-size: 12px;
|
|
25
25
|
|
|
26
|
-
@include mat.core-theme(
|
|
27
|
-
@include mat.all-component-themes(
|
|
28
|
-
@include mat.color-variants-backwards-compatibility(
|
|
29
|
-
@include mat.form-field-theme($m3-light-theme, $color-variant: secondary);
|
|
26
|
+
@include mat.core-theme(color-themes.$m3-light-theme);
|
|
27
|
+
@include mat.all-component-themes(color-themes.$m3-light-theme);
|
|
28
|
+
@include mat.color-variants-backwards-compatibility(color-themes.$m3-light-theme);
|
|
30
29
|
.new-mat-autocomplete {
|
|
31
30
|
@include mat.button-density(-3);
|
|
32
31
|
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Generated bundle index. Do not edit.
|
|
3
|
-
*/
|
|
4
|
-
export * from './public-api';
|
|
5
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaS10ZWNoLXNoYXJlZC1jb21wb25lbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2ktdGVjaC1zaGFyZWQtY29tcG9uZW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19
|
package/esm2022/lib/components/ag-grid/ag-grid-button-cell/ag-grid-button-cell.component.mjs
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { IconButtonComponent } from "../../icon-button/icon-button.component";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class AgGridButtonCellComponent {
|
|
5
|
-
agInit(params) {
|
|
6
|
-
this.params = params;
|
|
7
|
-
}
|
|
8
|
-
refresh(params) {
|
|
9
|
-
this.params = params;
|
|
10
|
-
return true;
|
|
11
|
-
}
|
|
12
|
-
onClick(event) {
|
|
13
|
-
event.stopPropagation();
|
|
14
|
-
this.params.onClick(this.params.data);
|
|
15
|
-
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AgGridButtonCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AgGridButtonCellComponent, isStandalone: true, selector: "i-tech-ag-grid-button-cell", ngImport: i0, template: "<i-tech-icon-button\n (click)=\"onClick($event)\"\n [iconName]=\"params.image\"\n>\n</i-tech-icon-button>\n", styles: [""], dependencies: [{ kind: "component", type: IconButtonComponent, selector: "i-tech-icon-button", inputs: ["size", "type", "iconSvg", "iconName", "tooltip", "disabled"], outputs: ["buttonClick"] }] }); }
|
|
18
|
-
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AgGridButtonCellComponent, decorators: [{
|
|
20
|
-
type: Component,
|
|
21
|
-
args: [{ selector: 'i-tech-ag-grid-button-cell', imports: [
|
|
22
|
-
IconButtonComponent,
|
|
23
|
-
], standalone: true, template: "<i-tech-icon-button\n (click)=\"onClick($event)\"\n [iconName]=\"params.image\"\n>\n</i-tech-icon-button>\n" }]
|
|
24
|
-
}] });
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWctZ3JpZC1idXR0b24tY2VsbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvYWctZ3JpZC9hZy1ncmlkLWJ1dHRvbi1jZWxsL2FnLWdyaWQtYnV0dG9uLWNlbGwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2FnLWdyaWQvYWctZ3JpZC1idXR0b24tY2VsbC9hZy1ncmlkLWJ1dHRvbi1jZWxsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUNBQXlDLENBQUM7O0FBVzlFLE1BQU0sT0FBTyx5QkFBeUI7SUFHcEMsTUFBTSxDQUFDLE1BQVc7UUFDaEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7SUFDdkIsQ0FBQztJQUVELE9BQU8sQ0FBQyxNQUFXO1FBQ2pCLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVELE9BQU8sQ0FBQyxLQUFVO1FBQ2hCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3hDLENBQUM7K0dBZlUseUJBQXlCO21HQUF6Qix5QkFBeUIsc0ZDYnRDLCtHQUtBLDBEREVJLG1CQUFtQjs7NEZBTVYseUJBQXlCO2tCQVRyQyxTQUFTOytCQUNFLDRCQUE0QixXQUM3Qjt3QkFDUCxtQkFBbUI7cUJBQ3BCLGNBQ1csSUFBSSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUNlbGxSZW5kZXJlckFuZ3VsYXJDb21wIH0gZnJvbSBcImFnLWdyaWQtYW5ndWxhclwiO1xuaW1wb3J0IHsgSWNvbkJ1dHRvbkNvbXBvbmVudCB9IGZyb20gXCIuLi8uLi9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnaS10ZWNoLWFnLWdyaWQtYnV0dG9uLWNlbGwnLFxuICBpbXBvcnRzOiBbXG4gICAgSWNvbkJ1dHRvbkNvbXBvbmVudCxcbiAgXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL2FnLWdyaWQtYnV0dG9uLWNlbGwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYWctZ3JpZC1idXR0b24tY2VsbC5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgQWdHcmlkQnV0dG9uQ2VsbENvbXBvbmVudCBpbXBsZW1lbnRzIElDZWxsUmVuZGVyZXJBbmd1bGFyQ29tcCB7XG4gIHBhcmFtczogYW55O1xuXG4gIGFnSW5pdChwYXJhbXM6IGFueSk6IHZvaWQge1xuICAgIHRoaXMucGFyYW1zID0gcGFyYW1zO1xuICB9XG5cbiAgcmVmcmVzaChwYXJhbXM6IGFueSk6IGJvb2xlYW4ge1xuICAgIHRoaXMucGFyYW1zID0gcGFyYW1zO1xuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgb25DbGljayhldmVudDogYW55KTogdm9pZCB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy5wYXJhbXMub25DbGljayh0aGlzLnBhcmFtcy5kYXRhKTtcbiAgfVxufVxuIiwiPGktdGVjaC1pY29uLWJ1dHRvblxuICAoY2xpY2spPVwib25DbGljaygkZXZlbnQpXCJcbiAgW2ljb25OYW1lXT1cInBhcmFtcy5pbWFnZVwiXG4+XG48L2ktdGVjaC1pY29uLWJ1dHRvbj5cbiJdfQ==
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { LabelComponent } from "../label/label.component";
|
|
4
|
-
import { MatTooltip } from "@angular/material/tooltip";
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
export class ProcessedStatusCellRendererComponent {
|
|
7
|
-
agInit(params) {
|
|
8
|
-
this.data = {
|
|
9
|
-
status: params.value,
|
|
10
|
-
list: params.statusList,
|
|
11
|
-
tooltipEnabled: params.tooltipEnabled,
|
|
12
|
-
tooltipText: params.tooltipText,
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
refresh(params) {
|
|
16
|
-
this.agInit(params);
|
|
17
|
-
return true;
|
|
18
|
-
}
|
|
19
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProcessedStatusCellRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ProcessedStatusCellRendererComponent, isStandalone: true, selector: "i-tech-status-label-cell", ngImport: i0, template: `<i-tech-label
|
|
21
|
-
[color]="data?.list[data.status]?.color" [forTable]="true"
|
|
22
|
-
[text]="data?.list[data.status]?.text"
|
|
23
|
-
[matTooltipDisabled]="!data?.tooltipEnabled"
|
|
24
|
-
[matTooltip]="data?.tooltipText"
|
|
25
|
-
></i-tech-label>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: LabelComponent, selector: "i-tech-label", inputs: ["color", "text", "innerHtml", "bordered", "tooltip", "size", "iconName", "iconSvg", "disableRipple", "matChipAction", "forTable"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
26
|
-
}
|
|
27
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProcessedStatusCellRendererComponent, decorators: [{
|
|
28
|
-
type: Component,
|
|
29
|
-
args: [{
|
|
30
|
-
selector: 'i-tech-status-label-cell',
|
|
31
|
-
standalone: true,
|
|
32
|
-
imports: [CommonModule, LabelComponent, MatTooltip],
|
|
33
|
-
template: `<i-tech-label
|
|
34
|
-
[color]="data?.list[data.status]?.color" [forTable]="true"
|
|
35
|
-
[text]="data?.list[data.status]?.text"
|
|
36
|
-
[matTooltipDisabled]="!data?.tooltipEnabled"
|
|
37
|
-
[matTooltip]="data?.tooltipText"
|
|
38
|
-
></i-tech-label>`
|
|
39
|
-
}]
|
|
40
|
-
}] });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWxhYmVsLWNlbGwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2hhcmVkLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2FnLWdyaWQvc3RhdHVzLWxhYmVsLWNlbGwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBYXZELE1BQU0sT0FBTyxvQ0FBb0M7SUFHL0MsTUFBTSxDQUFDLE1BQVc7UUFDaEIsSUFBSSxDQUFDLElBQUksR0FBRztZQUNWLE1BQU0sRUFBRSxNQUFNLENBQUMsS0FBSztZQUNwQixJQUFJLEVBQUUsTUFBTSxDQUFDLFVBQVU7WUFDdkIsY0FBYyxFQUFFLE1BQU0sQ0FBQyxjQUFjO1lBQ3JDLFdBQVcsRUFBRSxNQUFNLENBQUMsV0FBVztTQUNoQyxDQUFBO0lBQ0gsQ0FBQztJQUVELE9BQU8sQ0FBQyxNQUFXO1FBQ2pCLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUE7UUFDbkIsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOytHQWZVLG9DQUFvQzttR0FBcEMsb0NBQW9DLG9GQVByQzs7Ozs7bUJBS08sMkRBTlAsWUFBWSwrQkFBRSxjQUFjLHFNQUFFLFVBQVU7OzRGQVF2QyxvQ0FBb0M7a0JBWGhELFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDBCQUEwQjtvQkFDcEMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsVUFBVSxDQUFDO29CQUNuRCxRQUFRLEVBQUU7Ozs7O21CQUtPO2lCQUNsQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUNlbGxSZW5kZXJlckFuZ3VsYXJDb21wIH0gZnJvbSAnYWctZ3JpZC1hbmd1bGFyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBMYWJlbENvbXBvbmVudCB9IGZyb20gXCIuLi9sYWJlbC9sYWJlbC5jb21wb25lbnRcIjtcbmltcG9ydCB7IE1hdFRvb2x0aXAgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpLXRlY2gtc3RhdHVzLWxhYmVsLWNlbGwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBMYWJlbENvbXBvbmVudCwgTWF0VG9vbHRpcF0sXG4gIHRlbXBsYXRlOiBgPGktdGVjaC1sYWJlbFxuICAgIFtjb2xvcl09XCJkYXRhPy5saXN0W2RhdGEuc3RhdHVzXT8uY29sb3JcIiBbZm9yVGFibGVdPVwidHJ1ZVwiXG4gICAgW3RleHRdPVwiZGF0YT8ubGlzdFtkYXRhLnN0YXR1c10/LnRleHRcIlxuICAgIFttYXRUb29sdGlwRGlzYWJsZWRdPVwiIWRhdGE/LnRvb2x0aXBFbmFibGVkXCJcbiAgICBbbWF0VG9vbHRpcF09XCJkYXRhPy50b29sdGlwVGV4dFwiXG4gID48L2ktdGVjaC1sYWJlbD5gXG59KVxuZXhwb3J0IGNsYXNzIFByb2Nlc3NlZFN0YXR1c0NlbGxSZW5kZXJlckNvbXBvbmVudCBpbXBsZW1lbnRzIElDZWxsUmVuZGVyZXJBbmd1bGFyQ29tcCB7XG4gIGRhdGE6IGFueTtcblxuICBhZ0luaXQocGFyYW1zOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLmRhdGEgPSB7XG4gICAgICBzdGF0dXM6IHBhcmFtcy52YWx1ZSxcbiAgICAgIGxpc3Q6IHBhcmFtcy5zdGF0dXNMaXN0LFxuICAgICAgdG9vbHRpcEVuYWJsZWQ6IHBhcmFtcy50b29sdGlwRW5hYmxlZCxcbiAgICAgIHRvb2x0aXBUZXh0OiBwYXJhbXMudG9vbHRpcFRleHQsXG4gICAgfVxuICB9XG5cbiAgcmVmcmVzaChwYXJhbXM6IGFueSk6IGJvb2xlYW4ge1xuICAgIHRoaXMuYWdJbml0KHBhcmFtcylcbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxufVxuXG4iXX0=
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/material/tooltip";
|
|
5
|
-
export class TooltipCellRendererComponent {
|
|
6
|
-
constructor() {
|
|
7
|
-
this.tooltipText = '';
|
|
8
|
-
this.customTextTooltip = '';
|
|
9
|
-
this.customText = '';
|
|
10
|
-
}
|
|
11
|
-
agInit(params) {
|
|
12
|
-
this.params = params;
|
|
13
|
-
this.customTextTooltip = params?.setCustomTooltipText || '';
|
|
14
|
-
this.customText = params.setCustomValue || '';
|
|
15
|
-
this.updateTooltipText();
|
|
16
|
-
}
|
|
17
|
-
refresh(params) {
|
|
18
|
-
this.params = params;
|
|
19
|
-
this.updateTooltipText();
|
|
20
|
-
return true;
|
|
21
|
-
}
|
|
22
|
-
updateTooltipText() {
|
|
23
|
-
this.tooltipText = this.customTextTooltip || this.params?.value;
|
|
24
|
-
}
|
|
25
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TooltipCellRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TooltipCellRendererComponent, isStandalone: true, selector: "i-tech-tooltip-cell-renderer", ngImport: i0, template: `<div class="tooltip-cell-renderer"
|
|
27
|
-
#element
|
|
28
|
-
[matTooltip]="!customTextTooltip? (customText || tooltipText) : customTextTooltip"
|
|
29
|
-
[matTooltipDisabled]="!customTextTooltip && !(element.scrollWidth > element.clientWidth)"
|
|
30
|
-
>
|
|
31
|
-
{{ customText? customText : params?.value }}
|
|
32
|
-
</div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
33
|
-
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TooltipCellRendererComponent, decorators: [{
|
|
35
|
-
type: Component,
|
|
36
|
-
args: [{
|
|
37
|
-
selector: 'i-tech-tooltip-cell-renderer',
|
|
38
|
-
template: `<div class="tooltip-cell-renderer"
|
|
39
|
-
#element
|
|
40
|
-
[matTooltip]="!customTextTooltip? (customText || tooltipText) : customTextTooltip"
|
|
41
|
-
[matTooltipDisabled]="!customTextTooltip && !(element.scrollWidth > element.clientWidth)"
|
|
42
|
-
>
|
|
43
|
-
{{ customText? customText : params?.value }}
|
|
44
|
-
</div>`,
|
|
45
|
-
standalone: true,
|
|
46
|
-
imports: [MatTooltipModule]
|
|
47
|
-
}]
|
|
48
|
-
}] });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1jZWxsLXJlbmRlcmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9hZy1ncmlkL3Rvb2x0aXAtY2VsbC1yZW5kZXJlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBYzdELE1BQU0sT0FBTyw0QkFBNEI7SUFaekM7UUFjRSxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUNqQixzQkFBaUIsR0FBRyxFQUFFLENBQUM7UUFDdkIsZUFBVSxHQUFHLEVBQUUsQ0FBQztLQWtCakI7SUFoQkMsTUFBTSxDQUFDLE1BQVc7UUFDaEIsSUFBSSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7UUFDckIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLE1BQU0sRUFBRSxvQkFBb0IsSUFBSSxFQUFFLENBQUM7UUFDNUQsSUFBSSxDQUFDLFVBQVUsR0FBRyxNQUFNLENBQUMsY0FBYyxJQUFJLEVBQUUsQ0FBQztRQUM5QyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsT0FBTyxDQUFDLE1BQTJCO1FBQ2pDLElBQUksQ0FBQyxNQUFNLEdBQUcsTUFBTSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO1FBQ3pCLE9BQU8sSUFBSSxDQUFDO0lBQ2QsQ0FBQztJQUVPLGlCQUFpQjtRQUN2QixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxpQkFBaUIsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztJQUNsRSxDQUFDOytHQXJCVSw0QkFBNEI7bUdBQTVCLDRCQUE0Qix3RkFWN0I7Ozs7OztXQU1ELDJEQUVDLGdCQUFnQjs7NEZBRWYsNEJBQTRCO2tCQVp4QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw4QkFBOEI7b0JBQ3hDLFFBQVEsRUFBRTs7Ozs7O1dBTUQ7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLGdCQUFnQixDQUFDO2lCQUM1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUNlbGxSZW5kZXJlckFuZ3VsYXJDb21wIH0gZnJvbSAnYWctZ3JpZC1hbmd1bGFyJztcbmltcG9ydCB7IElDZWxsUmVuZGVyZXJQYXJhbXMgfSBmcm9tICdhZy1ncmlkLWVudGVycHJpc2UnO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpLXRlY2gtdG9vbHRpcC1jZWxsLXJlbmRlcmVyJyxcbiAgdGVtcGxhdGU6IGA8ZGl2IGNsYXNzPVwidG9vbHRpcC1jZWxsLXJlbmRlcmVyXCJcbiAgICAgICAgICAgICAgICAgICAgI2VsZW1lbnRcbiAgICAgICAgICAgICAgICAgICAgW21hdFRvb2x0aXBdPVwiIWN1c3RvbVRleHRUb29sdGlwPyAoY3VzdG9tVGV4dCB8fCB0b29sdGlwVGV4dCkgOiBjdXN0b21UZXh0VG9vbHRpcFwiXG4gICAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwRGlzYWJsZWRdPVwiIWN1c3RvbVRleHRUb29sdGlwICYmICEoZWxlbWVudC5zY3JvbGxXaWR0aCA+IGVsZW1lbnQuY2xpZW50V2lkdGgpXCJcbiAgICA+XG4gICAgICAgIHt7IGN1c3RvbVRleHQ/IGN1c3RvbVRleHQgOiBwYXJhbXM/LnZhbHVlIH19XG4gICAgPC9kaXY+YCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdFRvb2x0aXBNb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIFRvb2x0aXBDZWxsUmVuZGVyZXJDb21wb25lbnQgaW1wbGVtZW50cyBJQ2VsbFJlbmRlcmVyQW5ndWxhckNvbXAge1xuICBwYXJhbXM/OiBJQ2VsbFJlbmRlcmVyUGFyYW1zO1xuICB0b29sdGlwVGV4dCA9ICcnO1xuICBjdXN0b21UZXh0VG9vbHRpcCA9ICcnO1xuICBjdXN0b21UZXh0ID0gJyc7XG5cbiAgYWdJbml0KHBhcmFtczogYW55KTogdm9pZCB7XG4gICAgdGhpcy5wYXJhbXMgPSBwYXJhbXM7XG4gICAgdGhpcy5jdXN0b21UZXh0VG9vbHRpcCA9IHBhcmFtcz8uc2V0Q3VzdG9tVG9vbHRpcFRleHQgfHwgJyc7XG4gICAgdGhpcy5jdXN0b21UZXh0ID0gcGFyYW1zLnNldEN1c3RvbVZhbHVlIHx8ICcnO1xuICAgIHRoaXMudXBkYXRlVG9vbHRpcFRleHQoKTtcbiAgfVxuXG4gIHJlZnJlc2gocGFyYW1zOiBJQ2VsbFJlbmRlcmVyUGFyYW1zKTogYm9vbGVhbiB7XG4gICAgdGhpcy5wYXJhbXMgPSBwYXJhbXM7XG4gICAgdGhpcy51cGRhdGVUb29sdGlwVGV4dCgpO1xuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVUb29sdGlwVGV4dCgpOiB2b2lkIHtcbiAgICB0aGlzLnRvb2x0aXBUZXh0ID0gdGhpcy5jdXN0b21UZXh0VG9vbHRpcCB8fCB0aGlzLnBhcmFtcz8udmFsdWU7XG4gIH1cbn1cbiJdfQ==
|