@softheon/armature 17.30.0 → 17.31.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/assets/styles/_typography.scss +4 -1
- package/assets/styles/material-override/_button.scss +25 -7
- package/assets/styles/material-override/_expansion-panel.scss +143 -0
- package/assets/styles/sof-styles.scss +1 -0
- package/esm2022/lib/base-components/sof-utility-button/sof-utility-button.component.mjs +2 -2
- package/esm2022/lib/mfe/components/entity-inject-wrapper/entity-inject-wrapper.component.mjs +44 -4
- package/esm2022/lib/navigation/components/b2b-nav/b2b-nav.component.mjs +44 -20
- package/esm2022/lib/navigation/models/navigation.mjs +1 -1
- package/fesm2022/softheon-armature.mjs +91 -28
- package/fesm2022/softheon-armature.mjs.map +1 -1
- package/lib/mfe/components/entity-inject-wrapper/entity-inject-wrapper.component.d.ts +13 -3
- package/lib/navigation/components/b2b-nav/b2b-nav.component.d.ts +13 -7
- package/lib/navigation/models/navigation.d.ts +2 -0
- package/package.json +1 -1
- package/ag-grid-components/package.json +0 -3
|
@@ -106,8 +106,8 @@
|
|
|
106
106
|
}
|
|
107
107
|
&[theme="primary"], &[theme="neutral"], &[theme="destroy"] {
|
|
108
108
|
&:disabled {
|
|
109
|
-
background: mat.get-color-from-palette(theme.$arm-neutral,
|
|
110
|
-
background-color: mat.get-color-from-palette(theme.$arm-neutral,
|
|
109
|
+
background: mat.get-color-from-palette(theme.$arm-neutral, A50) !important;
|
|
110
|
+
background-color: mat.get-color-from-palette(theme.$arm-neutral, A50) !important;
|
|
111
111
|
color: vars.$text-low-emphasis !important;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
@@ -117,15 +117,33 @@
|
|
|
117
117
|
&[theme="primary"], &[theme="neutral"], &[theme="destroy"] {
|
|
118
118
|
background: vars.$surface-color-level-one-light !important;
|
|
119
119
|
background-color: vars.$surface-color-level-one-light !important;
|
|
120
|
-
&:hover
|
|
121
|
-
background:
|
|
122
|
-
|
|
120
|
+
&:hover {
|
|
121
|
+
background: linear-gradient(
|
|
122
|
+
0deg,
|
|
123
|
+
mat.get-color-from-palette(theme.$arm-neutral, A100) 0%,
|
|
124
|
+
mat.get-color-from-palette(theme.$arm-neutral, A100) 100%
|
|
125
|
+
), vars.$surface-color-level-one-light !important;
|
|
126
|
+
background-color: linear-gradient(
|
|
127
|
+
0deg,
|
|
128
|
+
mat.get-color-from-palette(theme.$arm-neutral, A100) 0%,
|
|
129
|
+
mat.get-color-from-palette(theme.$arm-neutral, A100) 100%
|
|
130
|
+
), vars.$surface-color-level-one-light !important;
|
|
123
131
|
}
|
|
124
132
|
&:active {
|
|
125
|
-
background:
|
|
126
|
-
|
|
133
|
+
background: linear-gradient(
|
|
134
|
+
0deg,
|
|
135
|
+
mat.get-color-from-palette(theme.$arm-neutral, A200) 0%,
|
|
136
|
+
mat.get-color-from-palette(theme.$arm-neutral, A200) 100%
|
|
137
|
+
), vars.$surface-color-level-one-light !important;
|
|
138
|
+
background-color: linear-gradient(
|
|
139
|
+
0deg,
|
|
140
|
+
mat.get-color-from-palette(theme.$arm-neutral, A200) 0%,
|
|
141
|
+
mat.get-color-from-palette(theme.$arm-neutral, A200) 100%
|
|
142
|
+
), vars.$surface-color-level-one-light !important;
|
|
127
143
|
}
|
|
128
144
|
&:disabled {
|
|
145
|
+
background: mat.get-color-from-palette(theme.$arm-neutral, A50) !important;
|
|
146
|
+
background-color: mat.get-color-from-palette(theme.$arm-neutral, A50) !important;
|
|
129
147
|
color: vars.$text-low-emphasis !important;
|
|
130
148
|
}
|
|
131
149
|
}
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
@use '../variables' as vars;
|
|
2
|
+
@use '../arm-theme' as theme;
|
|
3
|
+
|
|
4
|
+
.sof-expansion-panel {
|
|
5
|
+
* {
|
|
6
|
+
box-sizing: border-box !important;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
box-sizing: border-box !important;
|
|
10
|
+
box-shadow: none !important;
|
|
11
|
+
border-radius: 8px !important;
|
|
12
|
+
background: vars.$surface-color-default-light !important;
|
|
13
|
+
|
|
14
|
+
&:focus-within {
|
|
15
|
+
outline: 3px solid !important;
|
|
16
|
+
outline-offset: 2px !important;
|
|
17
|
+
outline-color: map-get(theme.$arm-primary, 300) !important;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&:not(.mat-expanded) {
|
|
21
|
+
.mat-expansion-panel-header {
|
|
22
|
+
border: 2px solid vars.$surface-color-level-three-light !important;
|
|
23
|
+
background: vars.$surface-color-default-light !important;
|
|
24
|
+
|
|
25
|
+
&:hover {
|
|
26
|
+
background: linear-gradient(
|
|
27
|
+
0deg,
|
|
28
|
+
map-get(theme.$arm-neutral, A50) 0%,
|
|
29
|
+
map-get(theme.$arm-neutral, A50) 100%
|
|
30
|
+
), vars.$surface-color-default-light !important;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&:active {
|
|
34
|
+
background: linear-gradient(
|
|
35
|
+
0deg,
|
|
36
|
+
map-get(theme.$arm-neutral, A100) 0%,
|
|
37
|
+
map-get(theme.$arm-neutral, A100) 100%
|
|
38
|
+
), vars.$surface-color-default-light !important;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.mat-content {
|
|
42
|
+
.mat-expansion-panel-header-title {
|
|
43
|
+
display: -webkit-box !important;
|
|
44
|
+
-webkit-line-clamp: 2 !important;
|
|
45
|
+
-webkit-box-orient: vertical !important;
|
|
46
|
+
line-clamp: 2 !important;
|
|
47
|
+
overflow: hidden !important;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&.mat-expanded {
|
|
54
|
+
background: map-get(theme.$arm-primary, 50) !important;
|
|
55
|
+
|
|
56
|
+
.mat-expansion-panel-header {
|
|
57
|
+
border: 2px solid transparent !important;
|
|
58
|
+
|
|
59
|
+
&:hover {
|
|
60
|
+
background: linear-gradient(
|
|
61
|
+
0deg,
|
|
62
|
+
map-get(theme.$arm-primary, A100) 0%,
|
|
63
|
+
map-get(theme.$arm-primary, A100) 100%
|
|
64
|
+
), map-get(theme.$arm-primary, 50) !important;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
&:active {
|
|
68
|
+
background: linear-gradient(
|
|
69
|
+
0deg,
|
|
70
|
+
map-get(theme.$arm-primary, A200) 0%,
|
|
71
|
+
map-get(theme.$arm-primary, A200) 100%
|
|
72
|
+
), map-get(theme.$arm-primary, 50) !important;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.mat-content {
|
|
76
|
+
.mat-expansion-panel-header-title {
|
|
77
|
+
display: flex !important;
|
|
78
|
+
-webkit-line-clamp: 0 !important;
|
|
79
|
+
-webkit-box-orient: unset !important;
|
|
80
|
+
line-clamp: 0 !important;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.mat-expansion-indicator::after {
|
|
85
|
+
right: 0px !important;
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.mat-expansion-panel-content {
|
|
90
|
+
padding: 16px 8px 16px 16px !important;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.mat-expansion-panel-header {
|
|
95
|
+
height: auto !important;
|
|
96
|
+
padding: 10px 16px !important;
|
|
97
|
+
|
|
98
|
+
.mat-content {
|
|
99
|
+
align-items: center !important;
|
|
100
|
+
gap: 16px !important;
|
|
101
|
+
|
|
102
|
+
i {
|
|
103
|
+
font-size: 20px !important;
|
|
104
|
+
color: vars.$surface-color-inverse-light !important;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.mat-expansion-panel-header-title {
|
|
108
|
+
font-size: 16px !important;
|
|
109
|
+
font-weight: 600 !important;
|
|
110
|
+
line-height: normal !important;
|
|
111
|
+
font-family: "Poppins", sans-serif !important;
|
|
112
|
+
color: vars.$text-high-emphasis !important;
|
|
113
|
+
order: 2 !important;
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.mat-expansion-indicator::after {
|
|
118
|
+
color: vars.$surface-color-inverse-light !important;
|
|
119
|
+
padding: 4px !important;
|
|
120
|
+
position: relative !important;
|
|
121
|
+
top: -2px !important;
|
|
122
|
+
right: 2px !important;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.mat-expansion-panel-content {
|
|
127
|
+
background: map-get(theme.$arm-primary, 50) !important;
|
|
128
|
+
transition: padding 225ms cubic-bezier(0.4, 0, 0.2, 1) !important;
|
|
129
|
+
|
|
130
|
+
.mat-expansion-panel-body {
|
|
131
|
+
padding: 0 8px 0 0 !important;
|
|
132
|
+
max-height: 400px !important;
|
|
133
|
+
overflow-y: hidden !important;
|
|
134
|
+
scrollbar-width: thin;
|
|
135
|
+
scrollbar-gutter: stable !important;
|
|
136
|
+
scrollbar-color: map-get(theme.$arm-neutral, A200) map-get(theme.$arm-primary, 50) !important;
|
|
137
|
+
|
|
138
|
+
&:hover {
|
|
139
|
+
overflow-y: auto !important;
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
@use "./material-override/button-toggle-group";
|
|
36
36
|
@use "./material-override/calendar";
|
|
37
37
|
@use "./material-override/checkbox";
|
|
38
|
+
@use "./material-override/expansion-panel";
|
|
38
39
|
@use "./material-override/form-field";
|
|
39
40
|
@use "./material-override/menu";
|
|
40
41
|
@use "./material-override/radio-button";
|
|
@@ -37,11 +37,11 @@ export class SofUtilityButtonComponent {
|
|
|
37
37
|
this.buttonClick = params.buttonClick ?? this.buttonClick;
|
|
38
38
|
}
|
|
39
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofUtilityButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
40
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: SofUtilityButtonComponent, selector: "sof-utility-button", inputs: { buttonId: "buttonId", buttonAriaLabel: "buttonAriaLabel", buttonTheme: "buttonTheme", buttonEmphasis: "buttonEmphasis", buttonDisabled: "buttonDisabled", buttonIconClass: "buttonIconClass", menuDropDown: "menuDropDown", buttonClick: "buttonClick" }, ngImport: i0, template: "<!-- Menu Dropdown -->\r\n@if (menuDropDown.length) {\r\n <button \r\n mat-flat-button \r\n class=\"button-icon-utility\" \r\n [id]=\"buttonId\" \r\n [attr.theme]=\"buttonTheme\" \r\n [attr.emphasis]=\"buttonEmphasis\"\r\n [disabled]=\"buttonDisabled\" \r\n [matMenuTriggerFor]=\"menu\"\r\n [attr.aria-label]=\"buttonAriaLabel\">\r\n <i [ngClass]=\"buttonIconClass\" aria-hidden=\"true\"></i>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n @for (item of menuDropDown; track $index) {\r\n <button \r\n mat-menu-item \r\n (click)=\"item.action()\"\r\n [disabled]=\"item.isDisabled\" \r\n disableRipple=\"true\">\r\n @if (item.icon) {\r\n <i [ngClass]=\"item.icon\" aria-hidden=\"true\"></i>\r\n }\r\n {{item.name | translate}}\r\n </button>\r\n }\r\n </mat-menu>\r\n <!-- Single Button -->\r\n} @else {\r\n <button \r\n mat-flat-button \r\n (click)=\"buttonClick()\" \r\n class=\"button-icon-utility\" \r\n [id]=\"buttonId\" \r\n [attr.theme]=\"buttonTheme\" \r\n [attr.emphasis]=\"buttonEmphasis\" \r\n [disabled]=\"buttonDisabled\"\r\n [attr.aria-label]=\"buttonAriaLabel\">\r\n <i [ngClass]=\"buttonIconClass\" aria-hidden=\"true\"></i>\r\n </button>\r\n}\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A50-parts: rgba(20, 110, 246, .04);--primary-color-A100-parts: rgba(20, 110, 246, .08);--primary-color-A200-parts: rgba(20, 110, 246, .16);--primary-color-A300-parts: rgba(20, 110, 246, .24);--primary-color-A400-parts: rgba(20, 110, 246, .32);--primary-color-A500-parts: rgba(20, 110, 246, .4);--primary-color-A600-parts: rgba(20, 110, 246, .48);--primary-color-A700-parts: rgba(20, 110, 246, .56);--primary-color-A800-parts: rgba(20, 110, 246, .64);--primary-color-A900-parts: rgba(20, 110, 246, .72);--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A500-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A600-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A800-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A900-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A50-parts: rgba(0, 150, 136, .04);--accent-color-A100-parts: rgba(0, 150, 136, .08);--accent-color-A200-parts: rgba(0, 150, 136, .16);--accent-color-A300-parts: rgba(0, 150, 136, .24);--accent-color-A400-parts: rgba(0, 150, 136, .32);--accent-color-A500-parts: rgba(0, 150, 136, .4);--accent-color-A600-parts: rgba(0, 150, 136, .48);--accent-color-A700-parts: rgba(0, 150, 136, .56);--accent-color-A800-parts: rgba(0, 150, 136, .64);--accent-color-A900-parts: rgba(0, 150, 136, .72);--accent-color-contrast-50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-500-parts: rgba(255, 255, 255, 1);--accent-color-contrast-600-parts: rgba(255, 255, 255, 1);--accent-color-contrast-700-parts: rgba(255, 255, 255, 1);--accent-color-contrast-800-parts: rgba(255, 255, 255, 1);--accent-color-contrast-900-parts: rgba(255, 255, 255, 1);--accent-color-contrast-A50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A500-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A600-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A700-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A800-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A900-parts: rgba(0, 0, 0, .87);--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--warn-color-50-parts: #fceee3;--warn-color-100-parts: #f8d4b9;--warn-color-200-parts: #f4b78b;--warn-color-300-parts: #ef9a5d;--warn-color-400-parts: #eb843a;--warn-color-500-parts: #e86e17;--warn-color-600-parts: #e56614;--warn-color-700-parts: #e25b11;--warn-color-800-parts: #de510d;--warn-color-900-parts: #d83f07;--warn-color-A50-parts: rgba(232, 110, 23, .04);--warn-color-A100-parts: rgba(232, 110, 23, .08);--warn-color-A200-parts: rgba(232, 110, 23, .16);--warn-color-A300-parts: rgba(232, 110, 23, .24);--warn-color-A400-parts: rgba(232, 110, 23, .32);--warn-color-A500-parts: rgba(232, 110, 23, .4);--warn-color-A600-parts: rgba(232, 110, 23, .48);--warn-color-A700-parts: rgba(232, 110, 23, .56);--warn-color-A800-parts: rgba(232, 110, 23, .64);--warn-color-A900-parts: rgba(232, 110, 23, .72);--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(255, 255, 255, 1);--warn-color-contrast-A50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A900-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 252, 238, 227;--warn-color-100-parts-rgb: 248, 212, 185;--warn-color-200-parts-rgb: 244, 183, 139;--warn-color-300-parts-rgb: 239, 154, 93;--warn-color-400-parts-rgb: 235, 132, 58;--warn-color-500-parts-rgb: 232, 110, 23;--warn-color-600-parts-rgb: 229, 102, 20;--warn-color-700-parts-rgb: 226, 91, 17;--warn-color-800-parts-rgb: 222, 81, 13;--warn-color-900-parts-rgb: 216, 63, 7;--info-color-50-parts: #edf4ff;--info-color-100-parts: #b9d4fc;--info-color-200-parts: #8ab7fb;--info-color-300-parts: #5b9af9;--info-color-400-parts: #3784f7;--info-color-500-parts: #146ef6;--info-color-600-parts: #1266f5;--info-color-700-parts: #0e5bf3;--info-color-800-parts: #0b51f2;--info-color-900-parts: #063fef;--info-color-A50-parts: rgba(20, 110, 246, .04);--info-color-A100-parts: rgba(20, 110, 246, .08);--info-color-A200-parts: rgba(20, 110, 246, .16);--info-color-A300-parts: rgba(20, 110, 246, .24);--info-color-A400-parts: rgba(20, 110, 246, .32);--info-color-A500-parts: rgba(20, 110, 246, .4);--info-color-A600-parts: rgba(20, 110, 246, .48);--info-color-A700-parts: rgba(20, 110, 246, .56);--info-color-A800-parts: rgba(20, 110, 246, .64);--info-color-A900-parts: rgba(20, 110, 246, .72);--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(0, 0, 0, .87);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A50-parts: rgba(0, 0, 0, .87);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A300-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A500-parts: rgba(0, 0, 0, .87);--info-color-contrast-A600-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-contrast-A800-parts: rgba(0, 0, 0, .87);--info-color-contrast-A900-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 237, 244, 255;--info-color-100-parts-rgb: 185, 212, 252;--info-color-200-parts-rgb: 138, 183, 251;--info-color-300-parts-rgb: 91, 154, 249;--info-color-400-parts-rgb: 55, 132, 247;--info-color-500-parts-rgb: 20, 110, 246;--info-color-600-parts-rgb: 18, 102, 245;--info-color-700-parts-rgb: 14, 91, 243;--info-color-800-parts-rgb: 11, 81, 242;--info-color-900-parts-rgb: 6, 63, 239;--success-color-50-parts: #e7f0e6;--success-color-100-parts: #c4dac1;--success-color-200-parts: #9cc198;--success-color-300-parts: #74a86e;--success-color-400-parts: #57954f;--success-color-500-parts: #398230;--success-color-600-parts: #337a2b;--success-color-700-parts: #2c6f24;--success-color-800-parts: #24651e;--success-color-900-parts: #175213;--success-color-A50-parts: rgba(57, 130, 48, .04);--success-color-A100-parts: rgba(57, 130, 48, .08);--success-color-A200-parts: rgba(57, 130, 48, .16);--success-color-A300-parts: rgba(57, 130, 48, .24);--success-color-A400-parts: rgba(57, 130, 48, .32);--success-color-A500-parts: rgba(57, 130, 48, .4);--success-color-A600-parts: rgba(57, 130, 48, .48);--success-color-A700-parts: rgba(57, 130, 48, .56);--success-color-A800-parts: rgba(57, 130, 48, .64);--success-color-A900-parts: rgba(57, 130, 48, .72);--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(255, 255, 255, 1);--success-color-contrast-600-parts: rgba(255, 255, 255, 1);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A50-parts: rgba(0, 0, 0, .87);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A300-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A500-parts: rgba(0, 0, 0, .87);--success-color-contrast-A600-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-contrast-A800-parts: rgba(0, 0, 0, .87);--success-color-contrast-A900-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 231, 240, 230;--success-color-100-parts-rgb: 196, 218, 193;--success-color-200-parts-rgb: 156, 193, 152;--success-color-300-parts-rgb: 116, 168, 110;--success-color-400-parts-rgb: 87, 149, 79;--success-color-500-parts-rgb: 57, 130, 48;--success-color-600-parts-rgb: 51, 122, 43;--success-color-700-parts-rgb: 44, 111, 36;--success-color-800-parts-rgb: 36, 101, 30;--success-color-900-parts-rgb: 23, 82, 19;--error-color-50-parts: #fae5e4;--error-color-100-parts: #f3bdba;--error-color-200-parts: #eb928d;--error-color-300-parts: #e3665f;--error-color-400-parts: #dd453c;--error-color-500-parts: #d7241a;--error-color-600-parts: #d32017;--error-color-700-parts: #cd1b13;--error-color-800-parts: #c7160f;--error-color-900-parts: #be0d08;--error-color-A50-parts: rgba(215, 36, 26, .04);--error-color-A100-parts: rgba(215, 36, 26, .08);--error-color-A200-parts: rgba(215, 36, 26, .16);--error-color-A300-parts: rgba(215, 36, 26, .24);--error-color-A400-parts: rgba(215, 36, 26, .32);--error-color-A500-parts: rgba(215, 36, 26, .4);--error-color-A600-parts: rgba(215, 36, 26, .48);--error-color-A700-parts: rgba(215, 36, 26, .56);--error-color-A800-parts: rgba(215, 36, 26, .64);--error-color-A900-parts: rgba(215, 36, 26, .72);--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A50-parts: rgba(0, 0, 0, .87);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A300-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A500-parts: rgba(0, 0, 0, .87);--error-color-contrast-A600-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-contrast-A800-parts: rgba(0, 0, 0, .87);--error-color-contrast-A900-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 250, 229, 228;--error-color-100-parts-rgb: 243, 189, 186;--error-color-200-parts-rgb: 235, 146, 141;--error-color-300-parts-rgb: 227, 102, 95;--error-color-400-parts-rgb: 221, 69, 60;--error-color-500-parts-rgb: 215, 36, 26;--error-color-600-parts-rgb: 211, 32, 23;--error-color-700-parts-rgb: 205, 27, 19;--error-color-800-parts-rgb: 199, 22, 15;--error-color-900-parts-rgb: 190, 13, 8;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A50-parts: rgba(81, 81, 81, .04);--neutral-color-A100-parts: rgba(81, 81, 81, .08);--neutral-color-A200-parts: rgba(81, 81, 81, .16);--neutral-color-A300-parts: rgba(81, 81, 81, .24);--neutral-color-A400-parts: rgba(81, 81, 81, .32);--neutral-color-A500-parts: rgba(81, 81, 81, .4);--neutral-color-A600-parts: rgba(81, 81, 81, .48);--neutral-color-A700-parts: rgba(81, 81, 81, .56);--neutral-color-A800-parts: rgba(81, 81, 81, .64);--neutral-color-A900-parts: rgba(81, 81, 81, .72);--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A500-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A600-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A800-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A900-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20}::ng-deep .mat-mdc-menu-panel{background-color:#fafafa!important;box-shadow:0 4px 8px 0 var(--neutral-color-A300-parts)!important;border-radius:8px!important}::ng-deep .mat-mdc-menu-ripple{display:none!important}::ng-deep .mat-mdc-menu-item-text{font-weight:500!important;color:#000000de!important;font-family:Poppins!important;display:flex!important;align-items:center!important;letter-spacing:0px!important}::ng-deep .mat-mdc-menu-item-text i{margin-right:8px!important}.button-icon-utility{display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;border-radius:4px!important;height:24px!important;width:24px!important;min-width:24px!important;max-width:24px!important}.button-icon-utility ::ng-deep .mdc-button__label{display:flex!important;align-items:center!important;justify-content:center!important}.button-icon-utility ::ng-deep .mdc-button__label i{font-size:20px!important}.button-icon-utility[emphasis=solid][theme=primary]{background:var(--primary-color-500-parts)!important;background-color:var(--primary-color-500-parts)!important;color:var(--primary-color-contrast-500-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:hover{background:var(--primary-color-700-parts)!important;background-color:var(--primary-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:active{background:var(--primary-color-800-parts)!important;background-color:var(--primary-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=neutral]{background:var(--neutral-color-500-parts)!important;background-color:var(--neutral-color-500-parts)!important;color:var(--neutral-color-contrast-500-parts)}.button-icon-utility[emphasis=solid][theme=neutral]:hover{background:var(--neutral-color-700-parts)!important;background-color:var(--neutral-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=neutral]:active{background:var(--neutral-color-800-parts)!important;background-color:var(--neutral-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=destroy]{background:var(--error-color-500-parts)!important;background-color:var(--error-color-500-parts)!important;color:var(--error-color-contrast-500-parts)}.button-icon-utility[emphasis=solid][theme=destroy]:hover{background:var(--error-color-700-parts)!important;background-color:var(--error-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=destroy]:active{background:var(--error-color-800-parts)!important;background-color:var(--error-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:disabled,.button-icon-utility[emphasis=solid][theme=neutral]:disabled,.button-icon-utility[emphasis=solid][theme=destroy]:disabled{background:var(--neutral-color-A100-parts)!important;background-color:var(--neutral-color-A100-parts)!important;color:#00000061!important}.button-icon-utility[emphasis=secondary][theme=primary],.button-icon-utility[emphasis=secondary][theme=neutral],.button-icon-utility[emphasis=secondary][theme=destroy]{background:#fafafa!important;background-color:#fafafa!important}.button-icon-utility[emphasis=secondary][theme=primary]:hover,.button-icon-utility[emphasis=secondary][theme=primary]:disabled,.button-icon-utility[emphasis=secondary][theme=neutral]:hover,.button-icon-utility[emphasis=secondary][theme=neutral]:disabled,.button-icon-utility[emphasis=secondary][theme=destroy]:hover,.button-icon-utility[emphasis=secondary][theme=destroy]:disabled{background:var(--neutral-color-A200-parts)!important;background-color:var(--neutral-color-A200-parts)!important}.button-icon-utility[emphasis=secondary][theme=primary]:active,.button-icon-utility[emphasis=secondary][theme=neutral]:active,.button-icon-utility[emphasis=secondary][theme=destroy]:active{background:var(--neutral-color-A300-parts)!important;background-color:var(--neutral-color-A300-parts)!important}.button-icon-utility[emphasis=secondary][theme=primary]:disabled,.button-icon-utility[emphasis=secondary][theme=neutral]:disabled,.button-icon-utility[emphasis=secondary][theme=destroy]:disabled{color:#00000061!important}.button-icon-utility[emphasis=secondary][theme=primary]{color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=secondary][theme=neutral]{color:#000000de!important}.button-icon-utility[emphasis=secondary][theme=destroy]{color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=primary],.button-icon-utility[emphasis=floating][theme=neutral],.button-icon-utility[emphasis=floating][theme=destroy],.button-icon-utility[emphasis=contained][theme=primary],.button-icon-utility[emphasis=contained][theme=neutral],.button-icon-utility[emphasis=contained][theme=destroy]{background:transparent!important;background-color:transparent!important}.button-icon-utility[emphasis=floating][theme=primary],.button-icon-utility[emphasis=contained][theme=primary]{color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:hover,.button-icon-utility[emphasis=contained][theme=primary]:hover{background:var(--primary-color-A100-parts)!important;background-color:var(--primary-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:active,.button-icon-utility[emphasis=contained][theme=primary]:active{background:var(--primary-color-A200-parts)!important;background-color:var(--primary-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=neutral],.button-icon-utility[emphasis=contained][theme=neutral]{color:#000000de!important}.button-icon-utility[emphasis=floating][theme=neutral]:hover,.button-icon-utility[emphasis=contained][theme=neutral]:hover{background:var(--neutral-color-A100-parts)!important;background-color:var(--neutral-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=neutral]:active,.button-icon-utility[emphasis=contained][theme=neutral]:active{background:var(--neutral-color-A200-parts)!important;background-color:var(--neutral-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy],.button-icon-utility[emphasis=contained][theme=destroy]{color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy]:hover,.button-icon-utility[emphasis=contained][theme=destroy]:hover{background:var(--error-color-A100-parts)!important;background-color:var(--error-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy]:active,.button-icon-utility[emphasis=contained][theme=destroy]:active{background:var(--error-color-A200-parts)!important;background-color:var(--error-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:disabled,.button-icon-utility[emphasis=floating][theme=neutral]:disabled,.button-icon-utility[emphasis=floating][theme=destroy]:disabled,.button-icon-utility[emphasis=contained][theme=primary]:disabled,.button-icon-utility[emphasis=contained][theme=neutral]:disabled,.button-icon-utility[emphasis=contained][theme=destroy]:disabled{color:#00000061!important}.button-icon-utility[emphasis=contained][theme=primary],.button-icon-utility[emphasis=contained][theme=neutral],.button-icon-utility[emphasis=contained][theme=destroy]{box-sizing:border-box!important;border:2px solid!important}.button-icon-utility[emphasis=contained][theme=primary]{border-color:var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=contained][theme=neutral]{border-color:var(--neutral-color-500-parts)!important;color:#000000de!important}.button-icon-utility[emphasis=contained][theme=destroy]{border-color:var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=contained][theme=primary]:disabled,.button-icon-utility[emphasis=contained][theme=neutral]:disabled,.button-icon-utility[emphasis=contained][theme=destroy]:disabled{border-color:#00000061!important}.button-icon-utility[theme=primary]:focus,.button-icon-utility[theme=neutral]:focus,.button-icon-utility[theme=destroy]:focus{outline:3px solid!important;outline-offset:2px!important;outline-color:var(--primary-color-300-parts)!important}.button-icon-utility[theme=destroy]:focus{outline-color:var(--error-color-300-parts)!important}.button-icon-utility ::ng-deep span.mat-mdc-button-persistent-ripple{display:none!important}.button-icon-utility ::ng-deep span.mat-mdc-button-ripple{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: SofUtilityButtonComponent, selector: "sof-utility-button", inputs: { buttonId: "buttonId", buttonAriaLabel: "buttonAriaLabel", buttonTheme: "buttonTheme", buttonEmphasis: "buttonEmphasis", buttonDisabled: "buttonDisabled", buttonIconClass: "buttonIconClass", menuDropDown: "menuDropDown", buttonClick: "buttonClick" }, ngImport: i0, template: "<!-- Menu Dropdown -->\r\n@if (menuDropDown.length) {\r\n <button \r\n mat-flat-button \r\n class=\"button-icon-utility\" \r\n [id]=\"buttonId\" \r\n [attr.theme]=\"buttonTheme\" \r\n [attr.emphasis]=\"buttonEmphasis\"\r\n [disabled]=\"buttonDisabled\" \r\n [matMenuTriggerFor]=\"menu\"\r\n [attr.aria-label]=\"buttonAriaLabel\">\r\n <i [ngClass]=\"buttonIconClass\" aria-hidden=\"true\"></i>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n @for (item of menuDropDown; track $index) {\r\n <button \r\n mat-menu-item \r\n (click)=\"item.action()\"\r\n [disabled]=\"item.isDisabled\" \r\n disableRipple=\"true\">\r\n @if (item.icon) {\r\n <i [ngClass]=\"item.icon\" aria-hidden=\"true\"></i>\r\n }\r\n {{item.name | translate}}\r\n </button>\r\n }\r\n </mat-menu>\r\n <!-- Single Button -->\r\n} @else {\r\n <button \r\n mat-flat-button \r\n (click)=\"buttonClick()\" \r\n class=\"button-icon-utility\" \r\n [id]=\"buttonId\" \r\n [attr.theme]=\"buttonTheme\" \r\n [attr.emphasis]=\"buttonEmphasis\" \r\n [disabled]=\"buttonDisabled\"\r\n [attr.aria-label]=\"buttonAriaLabel\">\r\n <i [ngClass]=\"buttonIconClass\" aria-hidden=\"true\"></i>\r\n </button>\r\n}\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A50-parts: rgba(20, 110, 246, .04);--primary-color-A100-parts: rgba(20, 110, 246, .08);--primary-color-A200-parts: rgba(20, 110, 246, .16);--primary-color-A300-parts: rgba(20, 110, 246, .24);--primary-color-A400-parts: rgba(20, 110, 246, .32);--primary-color-A500-parts: rgba(20, 110, 246, .4);--primary-color-A600-parts: rgba(20, 110, 246, .48);--primary-color-A700-parts: rgba(20, 110, 246, .56);--primary-color-A800-parts: rgba(20, 110, 246, .64);--primary-color-A900-parts: rgba(20, 110, 246, .72);--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A500-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A600-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A800-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A900-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A50-parts: rgba(0, 150, 136, .04);--accent-color-A100-parts: rgba(0, 150, 136, .08);--accent-color-A200-parts: rgba(0, 150, 136, .16);--accent-color-A300-parts: rgba(0, 150, 136, .24);--accent-color-A400-parts: rgba(0, 150, 136, .32);--accent-color-A500-parts: rgba(0, 150, 136, .4);--accent-color-A600-parts: rgba(0, 150, 136, .48);--accent-color-A700-parts: rgba(0, 150, 136, .56);--accent-color-A800-parts: rgba(0, 150, 136, .64);--accent-color-A900-parts: rgba(0, 150, 136, .72);--accent-color-contrast-50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-500-parts: rgba(255, 255, 255, 1);--accent-color-contrast-600-parts: rgba(255, 255, 255, 1);--accent-color-contrast-700-parts: rgba(255, 255, 255, 1);--accent-color-contrast-800-parts: rgba(255, 255, 255, 1);--accent-color-contrast-900-parts: rgba(255, 255, 255, 1);--accent-color-contrast-A50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A500-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A600-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A700-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A800-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A900-parts: rgba(0, 0, 0, .87);--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--warn-color-50-parts: #fceee3;--warn-color-100-parts: #f8d4b9;--warn-color-200-parts: #f4b78b;--warn-color-300-parts: #ef9a5d;--warn-color-400-parts: #eb843a;--warn-color-500-parts: #e86e17;--warn-color-600-parts: #e56614;--warn-color-700-parts: #e25b11;--warn-color-800-parts: #de510d;--warn-color-900-parts: #d83f07;--warn-color-A50-parts: rgba(232, 110, 23, .04);--warn-color-A100-parts: rgba(232, 110, 23, .08);--warn-color-A200-parts: rgba(232, 110, 23, .16);--warn-color-A300-parts: rgba(232, 110, 23, .24);--warn-color-A400-parts: rgba(232, 110, 23, .32);--warn-color-A500-parts: rgba(232, 110, 23, .4);--warn-color-A600-parts: rgba(232, 110, 23, .48);--warn-color-A700-parts: rgba(232, 110, 23, .56);--warn-color-A800-parts: rgba(232, 110, 23, .64);--warn-color-A900-parts: rgba(232, 110, 23, .72);--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(255, 255, 255, 1);--warn-color-contrast-A50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A900-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 252, 238, 227;--warn-color-100-parts-rgb: 248, 212, 185;--warn-color-200-parts-rgb: 244, 183, 139;--warn-color-300-parts-rgb: 239, 154, 93;--warn-color-400-parts-rgb: 235, 132, 58;--warn-color-500-parts-rgb: 232, 110, 23;--warn-color-600-parts-rgb: 229, 102, 20;--warn-color-700-parts-rgb: 226, 91, 17;--warn-color-800-parts-rgb: 222, 81, 13;--warn-color-900-parts-rgb: 216, 63, 7;--info-color-50-parts: #edf4ff;--info-color-100-parts: #b9d4fc;--info-color-200-parts: #8ab7fb;--info-color-300-parts: #5b9af9;--info-color-400-parts: #3784f7;--info-color-500-parts: #146ef6;--info-color-600-parts: #1266f5;--info-color-700-parts: #0e5bf3;--info-color-800-parts: #0b51f2;--info-color-900-parts: #063fef;--info-color-A50-parts: rgba(20, 110, 246, .04);--info-color-A100-parts: rgba(20, 110, 246, .08);--info-color-A200-parts: rgba(20, 110, 246, .16);--info-color-A300-parts: rgba(20, 110, 246, .24);--info-color-A400-parts: rgba(20, 110, 246, .32);--info-color-A500-parts: rgba(20, 110, 246, .4);--info-color-A600-parts: rgba(20, 110, 246, .48);--info-color-A700-parts: rgba(20, 110, 246, .56);--info-color-A800-parts: rgba(20, 110, 246, .64);--info-color-A900-parts: rgba(20, 110, 246, .72);--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(0, 0, 0, .87);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A50-parts: rgba(0, 0, 0, .87);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A300-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A500-parts: rgba(0, 0, 0, .87);--info-color-contrast-A600-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-contrast-A800-parts: rgba(0, 0, 0, .87);--info-color-contrast-A900-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 237, 244, 255;--info-color-100-parts-rgb: 185, 212, 252;--info-color-200-parts-rgb: 138, 183, 251;--info-color-300-parts-rgb: 91, 154, 249;--info-color-400-parts-rgb: 55, 132, 247;--info-color-500-parts-rgb: 20, 110, 246;--info-color-600-parts-rgb: 18, 102, 245;--info-color-700-parts-rgb: 14, 91, 243;--info-color-800-parts-rgb: 11, 81, 242;--info-color-900-parts-rgb: 6, 63, 239;--success-color-50-parts: #e7f0e6;--success-color-100-parts: #c4dac1;--success-color-200-parts: #9cc198;--success-color-300-parts: #74a86e;--success-color-400-parts: #57954f;--success-color-500-parts: #398230;--success-color-600-parts: #337a2b;--success-color-700-parts: #2c6f24;--success-color-800-parts: #24651e;--success-color-900-parts: #175213;--success-color-A50-parts: rgba(57, 130, 48, .04);--success-color-A100-parts: rgba(57, 130, 48, .08);--success-color-A200-parts: rgba(57, 130, 48, .16);--success-color-A300-parts: rgba(57, 130, 48, .24);--success-color-A400-parts: rgba(57, 130, 48, .32);--success-color-A500-parts: rgba(57, 130, 48, .4);--success-color-A600-parts: rgba(57, 130, 48, .48);--success-color-A700-parts: rgba(57, 130, 48, .56);--success-color-A800-parts: rgba(57, 130, 48, .64);--success-color-A900-parts: rgba(57, 130, 48, .72);--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(255, 255, 255, 1);--success-color-contrast-600-parts: rgba(255, 255, 255, 1);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A50-parts: rgba(0, 0, 0, .87);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A300-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A500-parts: rgba(0, 0, 0, .87);--success-color-contrast-A600-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-contrast-A800-parts: rgba(0, 0, 0, .87);--success-color-contrast-A900-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 231, 240, 230;--success-color-100-parts-rgb: 196, 218, 193;--success-color-200-parts-rgb: 156, 193, 152;--success-color-300-parts-rgb: 116, 168, 110;--success-color-400-parts-rgb: 87, 149, 79;--success-color-500-parts-rgb: 57, 130, 48;--success-color-600-parts-rgb: 51, 122, 43;--success-color-700-parts-rgb: 44, 111, 36;--success-color-800-parts-rgb: 36, 101, 30;--success-color-900-parts-rgb: 23, 82, 19;--error-color-50-parts: #fae5e4;--error-color-100-parts: #f3bdba;--error-color-200-parts: #eb928d;--error-color-300-parts: #e3665f;--error-color-400-parts: #dd453c;--error-color-500-parts: #d7241a;--error-color-600-parts: #d32017;--error-color-700-parts: #cd1b13;--error-color-800-parts: #c7160f;--error-color-900-parts: #be0d08;--error-color-A50-parts: rgba(215, 36, 26, .04);--error-color-A100-parts: rgba(215, 36, 26, .08);--error-color-A200-parts: rgba(215, 36, 26, .16);--error-color-A300-parts: rgba(215, 36, 26, .24);--error-color-A400-parts: rgba(215, 36, 26, .32);--error-color-A500-parts: rgba(215, 36, 26, .4);--error-color-A600-parts: rgba(215, 36, 26, .48);--error-color-A700-parts: rgba(215, 36, 26, .56);--error-color-A800-parts: rgba(215, 36, 26, .64);--error-color-A900-parts: rgba(215, 36, 26, .72);--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A50-parts: rgba(0, 0, 0, .87);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A300-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A500-parts: rgba(0, 0, 0, .87);--error-color-contrast-A600-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-contrast-A800-parts: rgba(0, 0, 0, .87);--error-color-contrast-A900-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 250, 229, 228;--error-color-100-parts-rgb: 243, 189, 186;--error-color-200-parts-rgb: 235, 146, 141;--error-color-300-parts-rgb: 227, 102, 95;--error-color-400-parts-rgb: 221, 69, 60;--error-color-500-parts-rgb: 215, 36, 26;--error-color-600-parts-rgb: 211, 32, 23;--error-color-700-parts-rgb: 205, 27, 19;--error-color-800-parts-rgb: 199, 22, 15;--error-color-900-parts-rgb: 190, 13, 8;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A50-parts: rgba(81, 81, 81, .04);--neutral-color-A100-parts: rgba(81, 81, 81, .08);--neutral-color-A200-parts: rgba(81, 81, 81, .16);--neutral-color-A300-parts: rgba(81, 81, 81, .24);--neutral-color-A400-parts: rgba(81, 81, 81, .32);--neutral-color-A500-parts: rgba(81, 81, 81, .4);--neutral-color-A600-parts: rgba(81, 81, 81, .48);--neutral-color-A700-parts: rgba(81, 81, 81, .56);--neutral-color-A800-parts: rgba(81, 81, 81, .64);--neutral-color-A900-parts: rgba(81, 81, 81, .72);--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A500-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A600-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A800-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A900-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20}::ng-deep .mat-mdc-menu-panel{background-color:#fafafa!important;box-shadow:0 4px 8px 0 var(--neutral-color-A300-parts)!important;border-radius:8px!important}::ng-deep .mat-mdc-menu-ripple{display:none!important}::ng-deep .mat-mdc-menu-item-text{font-weight:500!important;color:#000000de!important;font-family:Poppins!important;display:flex!important;align-items:center!important;letter-spacing:0px!important}::ng-deep .mat-mdc-menu-item-text i{margin-right:8px!important}.button-icon-utility{display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;border-radius:4px!important;height:24px!important;width:24px!important;min-width:24px!important;max-width:24px!important}.button-icon-utility ::ng-deep .mdc-button__label{display:flex!important;align-items:center!important;justify-content:center!important}.button-icon-utility ::ng-deep .mdc-button__label i{font-size:20px!important}.button-icon-utility[emphasis=solid][theme=primary]{background:var(--primary-color-500-parts)!important;background-color:var(--primary-color-500-parts)!important;color:var(--primary-color-contrast-500-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:hover{background:var(--primary-color-700-parts)!important;background-color:var(--primary-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:active{background:var(--primary-color-800-parts)!important;background-color:var(--primary-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=neutral]{background:var(--neutral-color-500-parts)!important;background-color:var(--neutral-color-500-parts)!important;color:var(--neutral-color-contrast-500-parts)}.button-icon-utility[emphasis=solid][theme=neutral]:hover{background:var(--neutral-color-700-parts)!important;background-color:var(--neutral-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=neutral]:active{background:var(--neutral-color-800-parts)!important;background-color:var(--neutral-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=destroy]{background:var(--error-color-500-parts)!important;background-color:var(--error-color-500-parts)!important;color:var(--error-color-contrast-500-parts)}.button-icon-utility[emphasis=solid][theme=destroy]:hover{background:var(--error-color-700-parts)!important;background-color:var(--error-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=destroy]:active{background:var(--error-color-800-parts)!important;background-color:var(--error-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:disabled,.button-icon-utility[emphasis=solid][theme=neutral]:disabled,.button-icon-utility[emphasis=solid][theme=destroy]:disabled{background:var(--neutral-color-A50-parts)!important;background-color:var(--neutral-color-A50-parts)!important;color:#00000061!important}.button-icon-utility[emphasis=secondary][theme=primary],.button-icon-utility[emphasis=secondary][theme=neutral],.button-icon-utility[emphasis=secondary][theme=destroy]{background:#fafafa!important;background-color:#fafafa!important}.button-icon-utility[emphasis=secondary][theme=primary]:hover,.button-icon-utility[emphasis=secondary][theme=neutral]:hover,.button-icon-utility[emphasis=secondary][theme=destroy]:hover{background:linear-gradient(0deg,var(--neutral-color-A100-parts) 0%,var(--neutral-color-A100-parts) 100%),#fafafa!important;background-color:linear-gradient(0deg,var(--neutral-color-A100-parts) 0%,var(--neutral-color-A100-parts) 100%),#FAFAFA!important}.button-icon-utility[emphasis=secondary][theme=primary]:active,.button-icon-utility[emphasis=secondary][theme=neutral]:active,.button-icon-utility[emphasis=secondary][theme=destroy]:active{background:linear-gradient(0deg,var(--neutral-color-A200-parts) 0%,var(--neutral-color-A200-parts) 100%),#fafafa!important;background-color:linear-gradient(0deg,var(--neutral-color-A200-parts) 0%,var(--neutral-color-A200-parts) 100%),#FAFAFA!important}.button-icon-utility[emphasis=secondary][theme=primary]:disabled,.button-icon-utility[emphasis=secondary][theme=neutral]:disabled,.button-icon-utility[emphasis=secondary][theme=destroy]:disabled{background:var(--neutral-color-A50-parts)!important;background-color:var(--neutral-color-A50-parts)!important;color:#00000061!important}.button-icon-utility[emphasis=secondary][theme=primary]{color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=secondary][theme=neutral]{color:#000000de!important}.button-icon-utility[emphasis=secondary][theme=destroy]{color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=primary],.button-icon-utility[emphasis=floating][theme=neutral],.button-icon-utility[emphasis=floating][theme=destroy],.button-icon-utility[emphasis=contained][theme=primary],.button-icon-utility[emphasis=contained][theme=neutral],.button-icon-utility[emphasis=contained][theme=destroy]{background:transparent!important;background-color:transparent!important}.button-icon-utility[emphasis=floating][theme=primary],.button-icon-utility[emphasis=contained][theme=primary]{color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:hover,.button-icon-utility[emphasis=contained][theme=primary]:hover{background:var(--primary-color-A100-parts)!important;background-color:var(--primary-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:active,.button-icon-utility[emphasis=contained][theme=primary]:active{background:var(--primary-color-A200-parts)!important;background-color:var(--primary-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=neutral],.button-icon-utility[emphasis=contained][theme=neutral]{color:#000000de!important}.button-icon-utility[emphasis=floating][theme=neutral]:hover,.button-icon-utility[emphasis=contained][theme=neutral]:hover{background:var(--neutral-color-A100-parts)!important;background-color:var(--neutral-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=neutral]:active,.button-icon-utility[emphasis=contained][theme=neutral]:active{background:var(--neutral-color-A200-parts)!important;background-color:var(--neutral-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy],.button-icon-utility[emphasis=contained][theme=destroy]{color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy]:hover,.button-icon-utility[emphasis=contained][theme=destroy]:hover{background:var(--error-color-A100-parts)!important;background-color:var(--error-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy]:active,.button-icon-utility[emphasis=contained][theme=destroy]:active{background:var(--error-color-A200-parts)!important;background-color:var(--error-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:disabled,.button-icon-utility[emphasis=floating][theme=neutral]:disabled,.button-icon-utility[emphasis=floating][theme=destroy]:disabled,.button-icon-utility[emphasis=contained][theme=primary]:disabled,.button-icon-utility[emphasis=contained][theme=neutral]:disabled,.button-icon-utility[emphasis=contained][theme=destroy]:disabled{color:#00000061!important}.button-icon-utility[emphasis=contained][theme=primary],.button-icon-utility[emphasis=contained][theme=neutral],.button-icon-utility[emphasis=contained][theme=destroy]{box-sizing:border-box!important;border:2px solid!important}.button-icon-utility[emphasis=contained][theme=primary]{border-color:var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=contained][theme=neutral]{border-color:var(--neutral-color-500-parts)!important;color:#000000de!important}.button-icon-utility[emphasis=contained][theme=destroy]{border-color:var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=contained][theme=primary]:disabled,.button-icon-utility[emphasis=contained][theme=neutral]:disabled,.button-icon-utility[emphasis=contained][theme=destroy]:disabled{border-color:#00000061!important}.button-icon-utility[theme=primary]:focus,.button-icon-utility[theme=neutral]:focus,.button-icon-utility[theme=destroy]:focus{outline:3px solid!important;outline-offset:2px!important;outline-color:var(--primary-color-300-parts)!important}.button-icon-utility[theme=destroy]:focus{outline-color:var(--error-color-300-parts)!important}.button-icon-utility ::ng-deep span.mat-mdc-button-persistent-ripple{display:none!important}.button-icon-utility ::ng-deep span.mat-mdc-button-ripple{display:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i4.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] }); }
|
|
41
41
|
}
|
|
42
42
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofUtilityButtonComponent, decorators: [{
|
|
43
43
|
type: Component,
|
|
44
|
-
args: [{ selector: 'sof-utility-button', template: "<!-- Menu Dropdown -->\r\n@if (menuDropDown.length) {\r\n <button \r\n mat-flat-button \r\n class=\"button-icon-utility\" \r\n [id]=\"buttonId\" \r\n [attr.theme]=\"buttonTheme\" \r\n [attr.emphasis]=\"buttonEmphasis\"\r\n [disabled]=\"buttonDisabled\" \r\n [matMenuTriggerFor]=\"menu\"\r\n [attr.aria-label]=\"buttonAriaLabel\">\r\n <i [ngClass]=\"buttonIconClass\" aria-hidden=\"true\"></i>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n @for (item of menuDropDown; track $index) {\r\n <button \r\n mat-menu-item \r\n (click)=\"item.action()\"\r\n [disabled]=\"item.isDisabled\" \r\n disableRipple=\"true\">\r\n @if (item.icon) {\r\n <i [ngClass]=\"item.icon\" aria-hidden=\"true\"></i>\r\n }\r\n {{item.name | translate}}\r\n </button>\r\n }\r\n </mat-menu>\r\n <!-- Single Button -->\r\n} @else {\r\n <button \r\n mat-flat-button \r\n (click)=\"buttonClick()\" \r\n class=\"button-icon-utility\" \r\n [id]=\"buttonId\" \r\n [attr.theme]=\"buttonTheme\" \r\n [attr.emphasis]=\"buttonEmphasis\" \r\n [disabled]=\"buttonDisabled\"\r\n [attr.aria-label]=\"buttonAriaLabel\">\r\n <i [ngClass]=\"buttonIconClass\" aria-hidden=\"true\"></i>\r\n </button>\r\n}\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A50-parts: rgba(20, 110, 246, .04);--primary-color-A100-parts: rgba(20, 110, 246, .08);--primary-color-A200-parts: rgba(20, 110, 246, .16);--primary-color-A300-parts: rgba(20, 110, 246, .24);--primary-color-A400-parts: rgba(20, 110, 246, .32);--primary-color-A500-parts: rgba(20, 110, 246, .4);--primary-color-A600-parts: rgba(20, 110, 246, .48);--primary-color-A700-parts: rgba(20, 110, 246, .56);--primary-color-A800-parts: rgba(20, 110, 246, .64);--primary-color-A900-parts: rgba(20, 110, 246, .72);--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A500-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A600-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A800-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A900-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A50-parts: rgba(0, 150, 136, .04);--accent-color-A100-parts: rgba(0, 150, 136, .08);--accent-color-A200-parts: rgba(0, 150, 136, .16);--accent-color-A300-parts: rgba(0, 150, 136, .24);--accent-color-A400-parts: rgba(0, 150, 136, .32);--accent-color-A500-parts: rgba(0, 150, 136, .4);--accent-color-A600-parts: rgba(0, 150, 136, .48);--accent-color-A700-parts: rgba(0, 150, 136, .56);--accent-color-A800-parts: rgba(0, 150, 136, .64);--accent-color-A900-parts: rgba(0, 150, 136, .72);--accent-color-contrast-50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-500-parts: rgba(255, 255, 255, 1);--accent-color-contrast-600-parts: rgba(255, 255, 255, 1);--accent-color-contrast-700-parts: rgba(255, 255, 255, 1);--accent-color-contrast-800-parts: rgba(255, 255, 255, 1);--accent-color-contrast-900-parts: rgba(255, 255, 255, 1);--accent-color-contrast-A50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A500-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A600-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A700-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A800-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A900-parts: rgba(0, 0, 0, .87);--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--warn-color-50-parts: #fceee3;--warn-color-100-parts: #f8d4b9;--warn-color-200-parts: #f4b78b;--warn-color-300-parts: #ef9a5d;--warn-color-400-parts: #eb843a;--warn-color-500-parts: #e86e17;--warn-color-600-parts: #e56614;--warn-color-700-parts: #e25b11;--warn-color-800-parts: #de510d;--warn-color-900-parts: #d83f07;--warn-color-A50-parts: rgba(232, 110, 23, .04);--warn-color-A100-parts: rgba(232, 110, 23, .08);--warn-color-A200-parts: rgba(232, 110, 23, .16);--warn-color-A300-parts: rgba(232, 110, 23, .24);--warn-color-A400-parts: rgba(232, 110, 23, .32);--warn-color-A500-parts: rgba(232, 110, 23, .4);--warn-color-A600-parts: rgba(232, 110, 23, .48);--warn-color-A700-parts: rgba(232, 110, 23, .56);--warn-color-A800-parts: rgba(232, 110, 23, .64);--warn-color-A900-parts: rgba(232, 110, 23, .72);--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(255, 255, 255, 1);--warn-color-contrast-A50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A900-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 252, 238, 227;--warn-color-100-parts-rgb: 248, 212, 185;--warn-color-200-parts-rgb: 244, 183, 139;--warn-color-300-parts-rgb: 239, 154, 93;--warn-color-400-parts-rgb: 235, 132, 58;--warn-color-500-parts-rgb: 232, 110, 23;--warn-color-600-parts-rgb: 229, 102, 20;--warn-color-700-parts-rgb: 226, 91, 17;--warn-color-800-parts-rgb: 222, 81, 13;--warn-color-900-parts-rgb: 216, 63, 7;--info-color-50-parts: #edf4ff;--info-color-100-parts: #b9d4fc;--info-color-200-parts: #8ab7fb;--info-color-300-parts: #5b9af9;--info-color-400-parts: #3784f7;--info-color-500-parts: #146ef6;--info-color-600-parts: #1266f5;--info-color-700-parts: #0e5bf3;--info-color-800-parts: #0b51f2;--info-color-900-parts: #063fef;--info-color-A50-parts: rgba(20, 110, 246, .04);--info-color-A100-parts: rgba(20, 110, 246, .08);--info-color-A200-parts: rgba(20, 110, 246, .16);--info-color-A300-parts: rgba(20, 110, 246, .24);--info-color-A400-parts: rgba(20, 110, 246, .32);--info-color-A500-parts: rgba(20, 110, 246, .4);--info-color-A600-parts: rgba(20, 110, 246, .48);--info-color-A700-parts: rgba(20, 110, 246, .56);--info-color-A800-parts: rgba(20, 110, 246, .64);--info-color-A900-parts: rgba(20, 110, 246, .72);--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(0, 0, 0, .87);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A50-parts: rgba(0, 0, 0, .87);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A300-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A500-parts: rgba(0, 0, 0, .87);--info-color-contrast-A600-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-contrast-A800-parts: rgba(0, 0, 0, .87);--info-color-contrast-A900-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 237, 244, 255;--info-color-100-parts-rgb: 185, 212, 252;--info-color-200-parts-rgb: 138, 183, 251;--info-color-300-parts-rgb: 91, 154, 249;--info-color-400-parts-rgb: 55, 132, 247;--info-color-500-parts-rgb: 20, 110, 246;--info-color-600-parts-rgb: 18, 102, 245;--info-color-700-parts-rgb: 14, 91, 243;--info-color-800-parts-rgb: 11, 81, 242;--info-color-900-parts-rgb: 6, 63, 239;--success-color-50-parts: #e7f0e6;--success-color-100-parts: #c4dac1;--success-color-200-parts: #9cc198;--success-color-300-parts: #74a86e;--success-color-400-parts: #57954f;--success-color-500-parts: #398230;--success-color-600-parts: #337a2b;--success-color-700-parts: #2c6f24;--success-color-800-parts: #24651e;--success-color-900-parts: #175213;--success-color-A50-parts: rgba(57, 130, 48, .04);--success-color-A100-parts: rgba(57, 130, 48, .08);--success-color-A200-parts: rgba(57, 130, 48, .16);--success-color-A300-parts: rgba(57, 130, 48, .24);--success-color-A400-parts: rgba(57, 130, 48, .32);--success-color-A500-parts: rgba(57, 130, 48, .4);--success-color-A600-parts: rgba(57, 130, 48, .48);--success-color-A700-parts: rgba(57, 130, 48, .56);--success-color-A800-parts: rgba(57, 130, 48, .64);--success-color-A900-parts: rgba(57, 130, 48, .72);--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(255, 255, 255, 1);--success-color-contrast-600-parts: rgba(255, 255, 255, 1);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A50-parts: rgba(0, 0, 0, .87);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A300-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A500-parts: rgba(0, 0, 0, .87);--success-color-contrast-A600-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-contrast-A800-parts: rgba(0, 0, 0, .87);--success-color-contrast-A900-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 231, 240, 230;--success-color-100-parts-rgb: 196, 218, 193;--success-color-200-parts-rgb: 156, 193, 152;--success-color-300-parts-rgb: 116, 168, 110;--success-color-400-parts-rgb: 87, 149, 79;--success-color-500-parts-rgb: 57, 130, 48;--success-color-600-parts-rgb: 51, 122, 43;--success-color-700-parts-rgb: 44, 111, 36;--success-color-800-parts-rgb: 36, 101, 30;--success-color-900-parts-rgb: 23, 82, 19;--error-color-50-parts: #fae5e4;--error-color-100-parts: #f3bdba;--error-color-200-parts: #eb928d;--error-color-300-parts: #e3665f;--error-color-400-parts: #dd453c;--error-color-500-parts: #d7241a;--error-color-600-parts: #d32017;--error-color-700-parts: #cd1b13;--error-color-800-parts: #c7160f;--error-color-900-parts: #be0d08;--error-color-A50-parts: rgba(215, 36, 26, .04);--error-color-A100-parts: rgba(215, 36, 26, .08);--error-color-A200-parts: rgba(215, 36, 26, .16);--error-color-A300-parts: rgba(215, 36, 26, .24);--error-color-A400-parts: rgba(215, 36, 26, .32);--error-color-A500-parts: rgba(215, 36, 26, .4);--error-color-A600-parts: rgba(215, 36, 26, .48);--error-color-A700-parts: rgba(215, 36, 26, .56);--error-color-A800-parts: rgba(215, 36, 26, .64);--error-color-A900-parts: rgba(215, 36, 26, .72);--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A50-parts: rgba(0, 0, 0, .87);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A300-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A500-parts: rgba(0, 0, 0, .87);--error-color-contrast-A600-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-contrast-A800-parts: rgba(0, 0, 0, .87);--error-color-contrast-A900-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 250, 229, 228;--error-color-100-parts-rgb: 243, 189, 186;--error-color-200-parts-rgb: 235, 146, 141;--error-color-300-parts-rgb: 227, 102, 95;--error-color-400-parts-rgb: 221, 69, 60;--error-color-500-parts-rgb: 215, 36, 26;--error-color-600-parts-rgb: 211, 32, 23;--error-color-700-parts-rgb: 205, 27, 19;--error-color-800-parts-rgb: 199, 22, 15;--error-color-900-parts-rgb: 190, 13, 8;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A50-parts: rgba(81, 81, 81, .04);--neutral-color-A100-parts: rgba(81, 81, 81, .08);--neutral-color-A200-parts: rgba(81, 81, 81, .16);--neutral-color-A300-parts: rgba(81, 81, 81, .24);--neutral-color-A400-parts: rgba(81, 81, 81, .32);--neutral-color-A500-parts: rgba(81, 81, 81, .4);--neutral-color-A600-parts: rgba(81, 81, 81, .48);--neutral-color-A700-parts: rgba(81, 81, 81, .56);--neutral-color-A800-parts: rgba(81, 81, 81, .64);--neutral-color-A900-parts: rgba(81, 81, 81, .72);--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A500-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A600-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A800-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A900-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20}::ng-deep .mat-mdc-menu-panel{background-color:#fafafa!important;box-shadow:0 4px 8px 0 var(--neutral-color-A300-parts)!important;border-radius:8px!important}::ng-deep .mat-mdc-menu-ripple{display:none!important}::ng-deep .mat-mdc-menu-item-text{font-weight:500!important;color:#000000de!important;font-family:Poppins!important;display:flex!important;align-items:center!important;letter-spacing:0px!important}::ng-deep .mat-mdc-menu-item-text i{margin-right:8px!important}.button-icon-utility{display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;border-radius:4px!important;height:24px!important;width:24px!important;min-width:24px!important;max-width:24px!important}.button-icon-utility ::ng-deep .mdc-button__label{display:flex!important;align-items:center!important;justify-content:center!important}.button-icon-utility ::ng-deep .mdc-button__label i{font-size:20px!important}.button-icon-utility[emphasis=solid][theme=primary]{background:var(--primary-color-500-parts)!important;background-color:var(--primary-color-500-parts)!important;color:var(--primary-color-contrast-500-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:hover{background:var(--primary-color-700-parts)!important;background-color:var(--primary-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:active{background:var(--primary-color-800-parts)!important;background-color:var(--primary-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=neutral]{background:var(--neutral-color-500-parts)!important;background-color:var(--neutral-color-500-parts)!important;color:var(--neutral-color-contrast-500-parts)}.button-icon-utility[emphasis=solid][theme=neutral]:hover{background:var(--neutral-color-700-parts)!important;background-color:var(--neutral-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=neutral]:active{background:var(--neutral-color-800-parts)!important;background-color:var(--neutral-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=destroy]{background:var(--error-color-500-parts)!important;background-color:var(--error-color-500-parts)!important;color:var(--error-color-contrast-500-parts)}.button-icon-utility[emphasis=solid][theme=destroy]:hover{background:var(--error-color-700-parts)!important;background-color:var(--error-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=destroy]:active{background:var(--error-color-800-parts)!important;background-color:var(--error-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:disabled,.button-icon-utility[emphasis=solid][theme=neutral]:disabled,.button-icon-utility[emphasis=solid][theme=destroy]:disabled{background:var(--neutral-color-A100-parts)!important;background-color:var(--neutral-color-A100-parts)!important;color:#00000061!important}.button-icon-utility[emphasis=secondary][theme=primary],.button-icon-utility[emphasis=secondary][theme=neutral],.button-icon-utility[emphasis=secondary][theme=destroy]{background:#fafafa!important;background-color:#fafafa!important}.button-icon-utility[emphasis=secondary][theme=primary]:hover,.button-icon-utility[emphasis=secondary][theme=primary]:disabled,.button-icon-utility[emphasis=secondary][theme=neutral]:hover,.button-icon-utility[emphasis=secondary][theme=neutral]:disabled,.button-icon-utility[emphasis=secondary][theme=destroy]:hover,.button-icon-utility[emphasis=secondary][theme=destroy]:disabled{background:var(--neutral-color-A200-parts)!important;background-color:var(--neutral-color-A200-parts)!important}.button-icon-utility[emphasis=secondary][theme=primary]:active,.button-icon-utility[emphasis=secondary][theme=neutral]:active,.button-icon-utility[emphasis=secondary][theme=destroy]:active{background:var(--neutral-color-A300-parts)!important;background-color:var(--neutral-color-A300-parts)!important}.button-icon-utility[emphasis=secondary][theme=primary]:disabled,.button-icon-utility[emphasis=secondary][theme=neutral]:disabled,.button-icon-utility[emphasis=secondary][theme=destroy]:disabled{color:#00000061!important}.button-icon-utility[emphasis=secondary][theme=primary]{color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=secondary][theme=neutral]{color:#000000de!important}.button-icon-utility[emphasis=secondary][theme=destroy]{color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=primary],.button-icon-utility[emphasis=floating][theme=neutral],.button-icon-utility[emphasis=floating][theme=destroy],.button-icon-utility[emphasis=contained][theme=primary],.button-icon-utility[emphasis=contained][theme=neutral],.button-icon-utility[emphasis=contained][theme=destroy]{background:transparent!important;background-color:transparent!important}.button-icon-utility[emphasis=floating][theme=primary],.button-icon-utility[emphasis=contained][theme=primary]{color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:hover,.button-icon-utility[emphasis=contained][theme=primary]:hover{background:var(--primary-color-A100-parts)!important;background-color:var(--primary-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:active,.button-icon-utility[emphasis=contained][theme=primary]:active{background:var(--primary-color-A200-parts)!important;background-color:var(--primary-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=neutral],.button-icon-utility[emphasis=contained][theme=neutral]{color:#000000de!important}.button-icon-utility[emphasis=floating][theme=neutral]:hover,.button-icon-utility[emphasis=contained][theme=neutral]:hover{background:var(--neutral-color-A100-parts)!important;background-color:var(--neutral-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=neutral]:active,.button-icon-utility[emphasis=contained][theme=neutral]:active{background:var(--neutral-color-A200-parts)!important;background-color:var(--neutral-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy],.button-icon-utility[emphasis=contained][theme=destroy]{color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy]:hover,.button-icon-utility[emphasis=contained][theme=destroy]:hover{background:var(--error-color-A100-parts)!important;background-color:var(--error-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy]:active,.button-icon-utility[emphasis=contained][theme=destroy]:active{background:var(--error-color-A200-parts)!important;background-color:var(--error-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:disabled,.button-icon-utility[emphasis=floating][theme=neutral]:disabled,.button-icon-utility[emphasis=floating][theme=destroy]:disabled,.button-icon-utility[emphasis=contained][theme=primary]:disabled,.button-icon-utility[emphasis=contained][theme=neutral]:disabled,.button-icon-utility[emphasis=contained][theme=destroy]:disabled{color:#00000061!important}.button-icon-utility[emphasis=contained][theme=primary],.button-icon-utility[emphasis=contained][theme=neutral],.button-icon-utility[emphasis=contained][theme=destroy]{box-sizing:border-box!important;border:2px solid!important}.button-icon-utility[emphasis=contained][theme=primary]{border-color:var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=contained][theme=neutral]{border-color:var(--neutral-color-500-parts)!important;color:#000000de!important}.button-icon-utility[emphasis=contained][theme=destroy]{border-color:var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=contained][theme=primary]:disabled,.button-icon-utility[emphasis=contained][theme=neutral]:disabled,.button-icon-utility[emphasis=contained][theme=destroy]:disabled{border-color:#00000061!important}.button-icon-utility[theme=primary]:focus,.button-icon-utility[theme=neutral]:focus,.button-icon-utility[theme=destroy]:focus{outline:3px solid!important;outline-offset:2px!important;outline-color:var(--primary-color-300-parts)!important}.button-icon-utility[theme=destroy]:focus{outline-color:var(--error-color-300-parts)!important}.button-icon-utility ::ng-deep span.mat-mdc-button-persistent-ripple{display:none!important}.button-icon-utility ::ng-deep span.mat-mdc-button-ripple{display:none!important}\n"] }]
|
|
44
|
+
args: [{ selector: 'sof-utility-button', template: "<!-- Menu Dropdown -->\r\n@if (menuDropDown.length) {\r\n <button \r\n mat-flat-button \r\n class=\"button-icon-utility\" \r\n [id]=\"buttonId\" \r\n [attr.theme]=\"buttonTheme\" \r\n [attr.emphasis]=\"buttonEmphasis\"\r\n [disabled]=\"buttonDisabled\" \r\n [matMenuTriggerFor]=\"menu\"\r\n [attr.aria-label]=\"buttonAriaLabel\">\r\n <i [ngClass]=\"buttonIconClass\" aria-hidden=\"true\"></i>\r\n </button>\r\n <mat-menu #menu=\"matMenu\">\r\n @for (item of menuDropDown; track $index) {\r\n <button \r\n mat-menu-item \r\n (click)=\"item.action()\"\r\n [disabled]=\"item.isDisabled\" \r\n disableRipple=\"true\">\r\n @if (item.icon) {\r\n <i [ngClass]=\"item.icon\" aria-hidden=\"true\"></i>\r\n }\r\n {{item.name | translate}}\r\n </button>\r\n }\r\n </mat-menu>\r\n <!-- Single Button -->\r\n} @else {\r\n <button \r\n mat-flat-button \r\n (click)=\"buttonClick()\" \r\n class=\"button-icon-utility\" \r\n [id]=\"buttonId\" \r\n [attr.theme]=\"buttonTheme\" \r\n [attr.emphasis]=\"buttonEmphasis\" \r\n [disabled]=\"buttonDisabled\"\r\n [attr.aria-label]=\"buttonAriaLabel\">\r\n <i [ngClass]=\"buttonIconClass\" aria-hidden=\"true\"></i>\r\n </button>\r\n}\r\n", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A50-parts: rgba(20, 110, 246, .04);--primary-color-A100-parts: rgba(20, 110, 246, .08);--primary-color-A200-parts: rgba(20, 110, 246, .16);--primary-color-A300-parts: rgba(20, 110, 246, .24);--primary-color-A400-parts: rgba(20, 110, 246, .32);--primary-color-A500-parts: rgba(20, 110, 246, .4);--primary-color-A600-parts: rgba(20, 110, 246, .48);--primary-color-A700-parts: rgba(20, 110, 246, .56);--primary-color-A800-parts: rgba(20, 110, 246, .64);--primary-color-A900-parts: rgba(20, 110, 246, .72);--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A500-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A600-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A800-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A900-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A50-parts: rgba(0, 150, 136, .04);--accent-color-A100-parts: rgba(0, 150, 136, .08);--accent-color-A200-parts: rgba(0, 150, 136, .16);--accent-color-A300-parts: rgba(0, 150, 136, .24);--accent-color-A400-parts: rgba(0, 150, 136, .32);--accent-color-A500-parts: rgba(0, 150, 136, .4);--accent-color-A600-parts: rgba(0, 150, 136, .48);--accent-color-A700-parts: rgba(0, 150, 136, .56);--accent-color-A800-parts: rgba(0, 150, 136, .64);--accent-color-A900-parts: rgba(0, 150, 136, .72);--accent-color-contrast-50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-500-parts: rgba(255, 255, 255, 1);--accent-color-contrast-600-parts: rgba(255, 255, 255, 1);--accent-color-contrast-700-parts: rgba(255, 255, 255, 1);--accent-color-contrast-800-parts: rgba(255, 255, 255, 1);--accent-color-contrast-900-parts: rgba(255, 255, 255, 1);--accent-color-contrast-A50-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A100-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A200-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A300-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A400-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A500-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A600-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A700-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A800-parts: rgba(0, 0, 0, .87);--accent-color-contrast-A900-parts: rgba(0, 0, 0, .87);--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--warn-color-50-parts: #fceee3;--warn-color-100-parts: #f8d4b9;--warn-color-200-parts: #f4b78b;--warn-color-300-parts: #ef9a5d;--warn-color-400-parts: #eb843a;--warn-color-500-parts: #e86e17;--warn-color-600-parts: #e56614;--warn-color-700-parts: #e25b11;--warn-color-800-parts: #de510d;--warn-color-900-parts: #d83f07;--warn-color-A50-parts: rgba(232, 110, 23, .04);--warn-color-A100-parts: rgba(232, 110, 23, .08);--warn-color-A200-parts: rgba(232, 110, 23, .16);--warn-color-A300-parts: rgba(232, 110, 23, .24);--warn-color-A400-parts: rgba(232, 110, 23, .32);--warn-color-A500-parts: rgba(232, 110, 23, .4);--warn-color-A600-parts: rgba(232, 110, 23, .48);--warn-color-A700-parts: rgba(232, 110, 23, .56);--warn-color-A800-parts: rgba(232, 110, 23, .64);--warn-color-A900-parts: rgba(232, 110, 23, .72);--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(255, 255, 255, 1);--warn-color-contrast-A50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A900-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 252, 238, 227;--warn-color-100-parts-rgb: 248, 212, 185;--warn-color-200-parts-rgb: 244, 183, 139;--warn-color-300-parts-rgb: 239, 154, 93;--warn-color-400-parts-rgb: 235, 132, 58;--warn-color-500-parts-rgb: 232, 110, 23;--warn-color-600-parts-rgb: 229, 102, 20;--warn-color-700-parts-rgb: 226, 91, 17;--warn-color-800-parts-rgb: 222, 81, 13;--warn-color-900-parts-rgb: 216, 63, 7;--info-color-50-parts: #edf4ff;--info-color-100-parts: #b9d4fc;--info-color-200-parts: #8ab7fb;--info-color-300-parts: #5b9af9;--info-color-400-parts: #3784f7;--info-color-500-parts: #146ef6;--info-color-600-parts: #1266f5;--info-color-700-parts: #0e5bf3;--info-color-800-parts: #0b51f2;--info-color-900-parts: #063fef;--info-color-A50-parts: rgba(20, 110, 246, .04);--info-color-A100-parts: rgba(20, 110, 246, .08);--info-color-A200-parts: rgba(20, 110, 246, .16);--info-color-A300-parts: rgba(20, 110, 246, .24);--info-color-A400-parts: rgba(20, 110, 246, .32);--info-color-A500-parts: rgba(20, 110, 246, .4);--info-color-A600-parts: rgba(20, 110, 246, .48);--info-color-A700-parts: rgba(20, 110, 246, .56);--info-color-A800-parts: rgba(20, 110, 246, .64);--info-color-A900-parts: rgba(20, 110, 246, .72);--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(0, 0, 0, .87);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A50-parts: rgba(0, 0, 0, .87);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A300-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A500-parts: rgba(0, 0, 0, .87);--info-color-contrast-A600-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-contrast-A800-parts: rgba(0, 0, 0, .87);--info-color-contrast-A900-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 237, 244, 255;--info-color-100-parts-rgb: 185, 212, 252;--info-color-200-parts-rgb: 138, 183, 251;--info-color-300-parts-rgb: 91, 154, 249;--info-color-400-parts-rgb: 55, 132, 247;--info-color-500-parts-rgb: 20, 110, 246;--info-color-600-parts-rgb: 18, 102, 245;--info-color-700-parts-rgb: 14, 91, 243;--info-color-800-parts-rgb: 11, 81, 242;--info-color-900-parts-rgb: 6, 63, 239;--success-color-50-parts: #e7f0e6;--success-color-100-parts: #c4dac1;--success-color-200-parts: #9cc198;--success-color-300-parts: #74a86e;--success-color-400-parts: #57954f;--success-color-500-parts: #398230;--success-color-600-parts: #337a2b;--success-color-700-parts: #2c6f24;--success-color-800-parts: #24651e;--success-color-900-parts: #175213;--success-color-A50-parts: rgba(57, 130, 48, .04);--success-color-A100-parts: rgba(57, 130, 48, .08);--success-color-A200-parts: rgba(57, 130, 48, .16);--success-color-A300-parts: rgba(57, 130, 48, .24);--success-color-A400-parts: rgba(57, 130, 48, .32);--success-color-A500-parts: rgba(57, 130, 48, .4);--success-color-A600-parts: rgba(57, 130, 48, .48);--success-color-A700-parts: rgba(57, 130, 48, .56);--success-color-A800-parts: rgba(57, 130, 48, .64);--success-color-A900-parts: rgba(57, 130, 48, .72);--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(255, 255, 255, 1);--success-color-contrast-600-parts: rgba(255, 255, 255, 1);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A50-parts: rgba(0, 0, 0, .87);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A300-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A500-parts: rgba(0, 0, 0, .87);--success-color-contrast-A600-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-contrast-A800-parts: rgba(0, 0, 0, .87);--success-color-contrast-A900-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 231, 240, 230;--success-color-100-parts-rgb: 196, 218, 193;--success-color-200-parts-rgb: 156, 193, 152;--success-color-300-parts-rgb: 116, 168, 110;--success-color-400-parts-rgb: 87, 149, 79;--success-color-500-parts-rgb: 57, 130, 48;--success-color-600-parts-rgb: 51, 122, 43;--success-color-700-parts-rgb: 44, 111, 36;--success-color-800-parts-rgb: 36, 101, 30;--success-color-900-parts-rgb: 23, 82, 19;--error-color-50-parts: #fae5e4;--error-color-100-parts: #f3bdba;--error-color-200-parts: #eb928d;--error-color-300-parts: #e3665f;--error-color-400-parts: #dd453c;--error-color-500-parts: #d7241a;--error-color-600-parts: #d32017;--error-color-700-parts: #cd1b13;--error-color-800-parts: #c7160f;--error-color-900-parts: #be0d08;--error-color-A50-parts: rgba(215, 36, 26, .04);--error-color-A100-parts: rgba(215, 36, 26, .08);--error-color-A200-parts: rgba(215, 36, 26, .16);--error-color-A300-parts: rgba(215, 36, 26, .24);--error-color-A400-parts: rgba(215, 36, 26, .32);--error-color-A500-parts: rgba(215, 36, 26, .4);--error-color-A600-parts: rgba(215, 36, 26, .48);--error-color-A700-parts: rgba(215, 36, 26, .56);--error-color-A800-parts: rgba(215, 36, 26, .64);--error-color-A900-parts: rgba(215, 36, 26, .72);--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A50-parts: rgba(0, 0, 0, .87);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A300-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A500-parts: rgba(0, 0, 0, .87);--error-color-contrast-A600-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-contrast-A800-parts: rgba(0, 0, 0, .87);--error-color-contrast-A900-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 250, 229, 228;--error-color-100-parts-rgb: 243, 189, 186;--error-color-200-parts-rgb: 235, 146, 141;--error-color-300-parts-rgb: 227, 102, 95;--error-color-400-parts-rgb: 221, 69, 60;--error-color-500-parts-rgb: 215, 36, 26;--error-color-600-parts-rgb: 211, 32, 23;--error-color-700-parts-rgb: 205, 27, 19;--error-color-800-parts-rgb: 199, 22, 15;--error-color-900-parts-rgb: 190, 13, 8;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A50-parts: rgba(81, 81, 81, .04);--neutral-color-A100-parts: rgba(81, 81, 81, .08);--neutral-color-A200-parts: rgba(81, 81, 81, .16);--neutral-color-A300-parts: rgba(81, 81, 81, .24);--neutral-color-A400-parts: rgba(81, 81, 81, .32);--neutral-color-A500-parts: rgba(81, 81, 81, .4);--neutral-color-A600-parts: rgba(81, 81, 81, .48);--neutral-color-A700-parts: rgba(81, 81, 81, .56);--neutral-color-A800-parts: rgba(81, 81, 81, .64);--neutral-color-A900-parts: rgba(81, 81, 81, .72);--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A500-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A600-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A800-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A900-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20}::ng-deep .mat-mdc-menu-panel{background-color:#fafafa!important;box-shadow:0 4px 8px 0 var(--neutral-color-A300-parts)!important;border-radius:8px!important}::ng-deep .mat-mdc-menu-ripple{display:none!important}::ng-deep .mat-mdc-menu-item-text{font-weight:500!important;color:#000000de!important;font-family:Poppins!important;display:flex!important;align-items:center!important;letter-spacing:0px!important}::ng-deep .mat-mdc-menu-item-text i{margin-right:8px!important}.button-icon-utility{display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important;border-radius:4px!important;height:24px!important;width:24px!important;min-width:24px!important;max-width:24px!important}.button-icon-utility ::ng-deep .mdc-button__label{display:flex!important;align-items:center!important;justify-content:center!important}.button-icon-utility ::ng-deep .mdc-button__label i{font-size:20px!important}.button-icon-utility[emphasis=solid][theme=primary]{background:var(--primary-color-500-parts)!important;background-color:var(--primary-color-500-parts)!important;color:var(--primary-color-contrast-500-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:hover{background:var(--primary-color-700-parts)!important;background-color:var(--primary-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:active{background:var(--primary-color-800-parts)!important;background-color:var(--primary-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=neutral]{background:var(--neutral-color-500-parts)!important;background-color:var(--neutral-color-500-parts)!important;color:var(--neutral-color-contrast-500-parts)}.button-icon-utility[emphasis=solid][theme=neutral]:hover{background:var(--neutral-color-700-parts)!important;background-color:var(--neutral-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=neutral]:active{background:var(--neutral-color-800-parts)!important;background-color:var(--neutral-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=destroy]{background:var(--error-color-500-parts)!important;background-color:var(--error-color-500-parts)!important;color:var(--error-color-contrast-500-parts)}.button-icon-utility[emphasis=solid][theme=destroy]:hover{background:var(--error-color-700-parts)!important;background-color:var(--error-color-700-parts)!important}.button-icon-utility[emphasis=solid][theme=destroy]:active{background:var(--error-color-800-parts)!important;background-color:var(--error-color-800-parts)!important}.button-icon-utility[emphasis=solid][theme=primary]:disabled,.button-icon-utility[emphasis=solid][theme=neutral]:disabled,.button-icon-utility[emphasis=solid][theme=destroy]:disabled{background:var(--neutral-color-A50-parts)!important;background-color:var(--neutral-color-A50-parts)!important;color:#00000061!important}.button-icon-utility[emphasis=secondary][theme=primary],.button-icon-utility[emphasis=secondary][theme=neutral],.button-icon-utility[emphasis=secondary][theme=destroy]{background:#fafafa!important;background-color:#fafafa!important}.button-icon-utility[emphasis=secondary][theme=primary]:hover,.button-icon-utility[emphasis=secondary][theme=neutral]:hover,.button-icon-utility[emphasis=secondary][theme=destroy]:hover{background:linear-gradient(0deg,var(--neutral-color-A100-parts) 0%,var(--neutral-color-A100-parts) 100%),#fafafa!important;background-color:linear-gradient(0deg,var(--neutral-color-A100-parts) 0%,var(--neutral-color-A100-parts) 100%),#FAFAFA!important}.button-icon-utility[emphasis=secondary][theme=primary]:active,.button-icon-utility[emphasis=secondary][theme=neutral]:active,.button-icon-utility[emphasis=secondary][theme=destroy]:active{background:linear-gradient(0deg,var(--neutral-color-A200-parts) 0%,var(--neutral-color-A200-parts) 100%),#fafafa!important;background-color:linear-gradient(0deg,var(--neutral-color-A200-parts) 0%,var(--neutral-color-A200-parts) 100%),#FAFAFA!important}.button-icon-utility[emphasis=secondary][theme=primary]:disabled,.button-icon-utility[emphasis=secondary][theme=neutral]:disabled,.button-icon-utility[emphasis=secondary][theme=destroy]:disabled{background:var(--neutral-color-A50-parts)!important;background-color:var(--neutral-color-A50-parts)!important;color:#00000061!important}.button-icon-utility[emphasis=secondary][theme=primary]{color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=secondary][theme=neutral]{color:#000000de!important}.button-icon-utility[emphasis=secondary][theme=destroy]{color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=primary],.button-icon-utility[emphasis=floating][theme=neutral],.button-icon-utility[emphasis=floating][theme=destroy],.button-icon-utility[emphasis=contained][theme=primary],.button-icon-utility[emphasis=contained][theme=neutral],.button-icon-utility[emphasis=contained][theme=destroy]{background:transparent!important;background-color:transparent!important}.button-icon-utility[emphasis=floating][theme=primary],.button-icon-utility[emphasis=contained][theme=primary]{color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:hover,.button-icon-utility[emphasis=contained][theme=primary]:hover{background:var(--primary-color-A100-parts)!important;background-color:var(--primary-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:active,.button-icon-utility[emphasis=contained][theme=primary]:active{background:var(--primary-color-A200-parts)!important;background-color:var(--primary-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=neutral],.button-icon-utility[emphasis=contained][theme=neutral]{color:#000000de!important}.button-icon-utility[emphasis=floating][theme=neutral]:hover,.button-icon-utility[emphasis=contained][theme=neutral]:hover{background:var(--neutral-color-A100-parts)!important;background-color:var(--neutral-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=neutral]:active,.button-icon-utility[emphasis=contained][theme=neutral]:active{background:var(--neutral-color-A200-parts)!important;background-color:var(--neutral-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy],.button-icon-utility[emphasis=contained][theme=destroy]{color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy]:hover,.button-icon-utility[emphasis=contained][theme=destroy]:hover{background:var(--error-color-A100-parts)!important;background-color:var(--error-color-A100-parts)!important}.button-icon-utility[emphasis=floating][theme=destroy]:active,.button-icon-utility[emphasis=contained][theme=destroy]:active{background:var(--error-color-A200-parts)!important;background-color:var(--error-color-A200-parts)!important}.button-icon-utility[emphasis=floating][theme=primary]:disabled,.button-icon-utility[emphasis=floating][theme=neutral]:disabled,.button-icon-utility[emphasis=floating][theme=destroy]:disabled,.button-icon-utility[emphasis=contained][theme=primary]:disabled,.button-icon-utility[emphasis=contained][theme=neutral]:disabled,.button-icon-utility[emphasis=contained][theme=destroy]:disabled{color:#00000061!important}.button-icon-utility[emphasis=contained][theme=primary],.button-icon-utility[emphasis=contained][theme=neutral],.button-icon-utility[emphasis=contained][theme=destroy]{box-sizing:border-box!important;border:2px solid!important}.button-icon-utility[emphasis=contained][theme=primary]{border-color:var(--primary-color-500-parts)!important;color:var(--primary-color-500-parts)!important}.button-icon-utility[emphasis=contained][theme=neutral]{border-color:var(--neutral-color-500-parts)!important;color:#000000de!important}.button-icon-utility[emphasis=contained][theme=destroy]{border-color:var(--error-color-500-parts)!important;color:var(--error-color-500-parts)!important}.button-icon-utility[emphasis=contained][theme=primary]:disabled,.button-icon-utility[emphasis=contained][theme=neutral]:disabled,.button-icon-utility[emphasis=contained][theme=destroy]:disabled{border-color:#00000061!important}.button-icon-utility[theme=primary]:focus,.button-icon-utility[theme=neutral]:focus,.button-icon-utility[theme=destroy]:focus{outline:3px solid!important;outline-offset:2px!important;outline-color:var(--primary-color-300-parts)!important}.button-icon-utility[theme=destroy]:focus{outline-color:var(--error-color-300-parts)!important}.button-icon-utility ::ng-deep span.mat-mdc-button-persistent-ripple{display:none!important}.button-icon-utility ::ng-deep span.mat-mdc-button-ripple{display:none!important}\n"] }]
|
|
45
45
|
}], propDecorators: { buttonId: [{
|
|
46
46
|
type: Input
|
|
47
47
|
}], buttonAriaLabel: [{
|
package/esm2022/lib/mfe/components/entity-inject-wrapper/entity-inject-wrapper.component.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component, EventEmitter, Output } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
2
|
import { MatButtonModule } from '@angular/material/button';
|
|
3
3
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
4
4
|
import { FlexLayoutModule } from '@ngbracket/ngx-layout';
|
|
@@ -15,17 +15,55 @@ export class EntityInjectWrapperComponent {
|
|
|
15
15
|
this.expandClicked = new EventEmitter();
|
|
16
16
|
/** The close clicked event emitter */
|
|
17
17
|
this.closeClicked = new EventEmitter();
|
|
18
|
+
/** The default size of the component on open */
|
|
19
|
+
this.defaultSize = 'split';
|
|
20
|
+
/** True when the entity view is expanded */
|
|
21
|
+
this.isExpanded = false;
|
|
22
|
+
/** The active entity storage key */
|
|
23
|
+
this.activeEntityStorageKey = 'selected-active-entity';
|
|
24
|
+
}
|
|
25
|
+
/** Life cycle hook for component initialization */
|
|
26
|
+
ngOnInit() {
|
|
27
|
+
if (this.defaultSize === 'full') {
|
|
28
|
+
this.openEntityView();
|
|
29
|
+
}
|
|
30
|
+
this.activeEntityId = window.sessionStorage.getItem(this.activeEntityStorageKey);
|
|
18
31
|
}
|
|
19
32
|
/** Opens the entity view to full screen */
|
|
20
33
|
openEntityView() {
|
|
21
|
-
this.
|
|
34
|
+
if (this.isExpanded) {
|
|
35
|
+
document.dispatchEvent(new CustomEvent('collapse-entity-view', {
|
|
36
|
+
detail: {
|
|
37
|
+
guid: this.activeEntityId
|
|
38
|
+
}
|
|
39
|
+
}));
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
document.dispatchEvent(new CustomEvent('expand-entity-view', {
|
|
43
|
+
detail: {
|
|
44
|
+
guid: this.activeEntityId
|
|
45
|
+
}
|
|
46
|
+
}));
|
|
47
|
+
}
|
|
48
|
+
this.isExpanded = !this.isExpanded;
|
|
49
|
+
this.expandClicked.emit(this.isExpanded);
|
|
22
50
|
}
|
|
23
51
|
/** Closes the entity view */
|
|
24
52
|
returnToQueueView() {
|
|
53
|
+
document.dispatchEvent(new CustomEvent('collapse-entity-view', {
|
|
54
|
+
detail: {
|
|
55
|
+
guid: this.activeEntityId
|
|
56
|
+
}
|
|
57
|
+
}));
|
|
58
|
+
document.dispatchEvent(new CustomEvent('close-entity-view', {
|
|
59
|
+
detail: {
|
|
60
|
+
guid: this.activeEntityId
|
|
61
|
+
}
|
|
62
|
+
}));
|
|
25
63
|
this.closeClicked.emit();
|
|
26
64
|
}
|
|
27
65
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EntityInjectWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EntityInjectWrapperComponent, isStandalone: true, selector: "lib-entity-inject-wrapper", outputs: { expandClicked: "expandClicked", closeClicked: "closeClicked" }, ngImport: i0, template: "<div fxLayout=\"column\" class=\"top-container\">\r\n <div fxFlex=\"row\" fxLayoutAlign=\"end center\" class=\"button-container\">\r\n <button id=\"expandBtn\" (click)=\"openEntityView()\" mat-flat-button class=\"icon-button sof-button-v2\"\r\n matTooltip=\"{{'entity.common.expand' | translate}}\" theme=\"primary\" emphasis=\"floating\">\r\n <i class=\"ph ph-arrows-out-simple\"></i>\r\n </button>\r\n \r\n <!-- Close -->\r\n <button id=\"closeBtn\" [disabled]=\"false\" (click)=\"returnToQueueView()\" mat-flat-button\r\n matTooltip=\"{{'entity.common.close' | translate}}\" class=\"icon-button sof-button-v2\" theme=\"primary\"\r\n emphasis=\"floating\">\r\n <i class=\"ph ph-x\"></i>\r\n </button>\r\n </div>\r\n\r\n <div fxFlex=\"column\" class=\"content-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".content-container{padding:12px}.top-container{width:100%}.button-container{padding-top:12px}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
|
|
66
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EntityInjectWrapperComponent, isStandalone: true, selector: "lib-entity-inject-wrapper", inputs: { defaultSize: "defaultSize" }, outputs: { expandClicked: "expandClicked", closeClicked: "closeClicked" }, ngImport: i0, template: "<div fxLayout=\"column\" class=\"top-container\">\r\n <div fxFlex=\"row\" fxLayoutAlign=\"end center\" class=\"button-container\">\r\n <button id=\"expandBtn\" (click)=\"openEntityView()\" mat-flat-button class=\"icon-button sof-button-v2\"\r\n matTooltip=\"{{'entity.common.expand' | translate}}\" theme=\"primary\" emphasis=\"floating\">\r\n <i class=\"ph ph-arrows-out-simple\"></i>\r\n </button>\r\n \r\n <!-- Close -->\r\n <button id=\"closeBtn\" [disabled]=\"false\" (click)=\"returnToQueueView()\" mat-flat-button\r\n matTooltip=\"{{'entity.common.close' | translate}}\" class=\"icon-button sof-button-v2\" theme=\"primary\"\r\n emphasis=\"floating\">\r\n <i class=\"ph ph-x\"></i>\r\n </button>\r\n </div>\r\n\r\n <div fxFlex=\"column\" class=\"content-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".content-container{padding:12px}.top-container{width:100%}.button-container{padding-top:12px}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
|
|
29
67
|
}
|
|
30
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EntityInjectWrapperComponent, decorators: [{
|
|
31
69
|
type: Component,
|
|
@@ -39,5 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
39
77
|
type: Output
|
|
40
78
|
}], closeClicked: [{
|
|
41
79
|
type: Output
|
|
80
|
+
}], defaultSize: [{
|
|
81
|
+
type: Input
|
|
42
82
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50aXR5LWluamVjdC13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvbWZlL2NvbXBvbmVudHMvZW50aXR5LWluamVjdC13cmFwcGVyL2VudGl0eS1pbmplY3Qtd3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcm1hdHVyZS9zcmMvbGliL21mZS9jb21wb25lbnRzL2VudGl0eS1pbmplY3Qtd3JhcHBlci9lbnRpdHktaW5qZWN0LXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDekQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7Ozs7QUFFdEQsNEJBQTRCO0FBYTVCLE1BQU0sT0FBTyw0QkFBNEI7SUFaekM7UUFhRSx1Q0FBdUM7UUFDdEIsa0JBQWEsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV2RSxzQ0FBc0M7UUFDckIsaUJBQVksR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUV0RSxnREFBZ0Q7UUFDaEMsZ0JBQVcsR0FBcUIsT0FBTyxDQUFDO1FBRXhELDRDQUE0QztRQUNyQyxlQUFVLEdBQVksS0FBSyxDQUFDO1FBRW5DLG9DQUFvQztRQUNuQiwyQkFBc0IsR0FBVyx3QkFBd0IsQ0FBQztLQStDNUU7SUExQ0MsbURBQW1EO0lBQzVDLFFBQVE7UUFDYixJQUFJLElBQUksQ0FBQyxXQUFXLEtBQUssTUFBTSxFQUFFO1lBQy9CLElBQUksQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN2QjtRQUNELElBQUksQ0FBQyxjQUFjLEdBQUcsTUFBTSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLENBQUM7SUFDbkYsQ0FBQztJQUVELDJDQUEyQztJQUNwQyxjQUFjO1FBQ25CLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLHNCQUFzQixFQUFFO2dCQUM3RCxNQUFNLEVBQUU7b0JBQ04sSUFBSSxFQUFFLElBQUksQ0FBQyxjQUFjO2lCQUMxQjthQUNGLENBQUMsQ0FBQyxDQUFDO1NBQ0w7YUFDSTtZQUNILFFBQVEsQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsb0JBQW9CLEVBQUU7Z0JBQzNELE1BQU0sRUFBRTtvQkFDTixJQUFJLEVBQUUsSUFBSSxDQUFDLGNBQWM7aUJBQzFCO2FBQ0YsQ0FBQyxDQUFDLENBQUM7U0FDTDtRQUNELElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBQ25DLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBRUQsNkJBQTZCO0lBQ3RCLGlCQUFpQjtRQUN0QixRQUFRLENBQUMsYUFBYSxDQUFDLElBQUksV0FBVyxDQUFDLHNCQUFzQixFQUFFO1lBQzdELE1BQU0sRUFBRTtnQkFDTixJQUFJLEVBQUUsSUFBSSxDQUFDLGNBQWM7YUFDMUI7U0FDRixDQUFDLENBQUMsQ0FBQztRQUNKLFFBQVEsQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsbUJBQW1CLEVBQUU7WUFDMUQsTUFBTSxFQUFFO2dCQUNOLElBQUksRUFBRSxJQUFJLENBQUMsY0FBYzthQUMxQjtTQUNGLENBQUMsQ0FBQyxDQUFDO1FBQ0osSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzQixDQUFDOzhHQTVEVSw0QkFBNEI7a0dBQTVCLDRCQUE0Qix3TUNuQnpDLDg2QkFrQk0sd0pEUEYsZ0JBQWdCLDRUQUNoQixlQUFlLDJOQUNmLGVBQWUsMkZBQ2YsZ0JBQWdCOzsyRkFLUCw0QkFBNEI7a0JBWnhDLFNBQVM7K0JBQ0UsMkJBQTJCLGNBQ3pCLElBQUksV0FDUDt3QkFDUCxnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixnQkFBZ0I7cUJBQ2pCOzhCQU1nQixhQUFhO3NCQUE3QixNQUFNO2dCQUdVLFlBQVk7c0JBQTVCLE1BQU07Z0JBR1MsV0FBVztzQkFBMUIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xyXG5pbXBvcnQgeyBGbGV4TGF5b3V0TW9kdWxlIH0gZnJvbSAnQG5nYnJhY2tldC9uZ3gtbGF5b3V0JztcclxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcblxyXG4vKiogRW50aXR5IGluamVjdCB3cmFwcGVyICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWVudGl0eS1pbmplY3Qtd3JhcHBlcicsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBNYXRUb29sdGlwTW9kdWxlLFxyXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgRmxleExheW91dE1vZHVsZVxyXG4gIF0sXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2VudGl0eS1pbmplY3Qtd3JhcHBlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL2VudGl0eS1pbmplY3Qtd3JhcHBlci5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEVudGl0eUluamVjdFdyYXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIC8qKiBUaGUgZXhwYW5kIGNsaWNrZWQgZXZlbnQgZW1pdHRlciAqL1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgZXhwYW5kQ2xpY2tlZDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIC8qKiBUaGUgY2xvc2UgY2xpY2tlZCBldmVudCBlbWl0dGVyICovXHJcbiAgQE91dHB1dCgpIHB1YmxpYyBjbG9zZUNsaWNrZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICAvKiogVGhlIGRlZmF1bHQgc2l6ZSBvZiB0aGUgY29tcG9uZW50IG9uIG9wZW4gKi9cclxuICBASW5wdXQoKSBwdWJsaWMgZGVmYXVsdFNpemU6ICdzcGxpdCcgfCAnZnVsbCcgPSAnc3BsaXQnO1xyXG5cclxuICAvKiogVHJ1ZSB3aGVuIHRoZSBlbnRpdHkgdmlldyBpcyBleHBhbmRlZCAqL1xyXG4gIHB1YmxpYyBpc0V4cGFuZGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgXHJcbiAgLyoqIFRoZSBhY3RpdmUgZW50aXR5IHN0b3JhZ2Uga2V5ICovXHJcbiAgcHJpdmF0ZSByZWFkb25seSBhY3RpdmVFbnRpdHlTdG9yYWdlS2V5OiBzdHJpbmcgPSAnc2VsZWN0ZWQtYWN0aXZlLWVudGl0eSc7XHJcblxyXG4gIC8qKiBUaGUgYWN0aXZlIGVudGl0eSBpZCAqL1xyXG4gIHByaXZhdGUgYWN0aXZlRW50aXR5SWQ6IHN0cmluZztcclxuXHJcbiAgLyoqIExpZmUgY3ljbGUgaG9vayBmb3IgY29tcG9uZW50IGluaXRpYWxpemF0aW9uICovXHJcbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuZGVmYXVsdFNpemUgPT09ICdmdWxsJykge1xyXG4gICAgICB0aGlzLm9wZW5FbnRpdHlWaWV3KCk7XHJcbiAgICB9XHJcbiAgICB0aGlzLmFjdGl2ZUVudGl0eUlkID0gd2luZG93LnNlc3Npb25TdG9yYWdlLmdldEl0ZW0odGhpcy5hY3RpdmVFbnRpdHlTdG9yYWdlS2V5KTtcclxuICB9XHJcblxyXG4gIC8qKiBPcGVucyB0aGUgZW50aXR5IHZpZXcgdG8gZnVsbCBzY3JlZW4gKi9cclxuICBwdWJsaWMgb3BlbkVudGl0eVZpZXcoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5pc0V4cGFuZGVkKSB7XHJcbiAgICAgIGRvY3VtZW50LmRpc3BhdGNoRXZlbnQobmV3IEN1c3RvbUV2ZW50KCdjb2xsYXBzZS1lbnRpdHktdmlldycsIHtcclxuICAgICAgICBkZXRhaWw6IHtcclxuICAgICAgICAgIGd1aWQ6IHRoaXMuYWN0aXZlRW50aXR5SWRcclxuICAgICAgICB9XHJcbiAgICAgIH0pKTtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICBkb2N1bWVudC5kaXNwYXRjaEV2ZW50KG5ldyBDdXN0b21FdmVudCgnZXhwYW5kLWVudGl0eS12aWV3Jywge1xyXG4gICAgICAgIGRldGFpbDoge1xyXG4gICAgICAgICAgZ3VpZDogdGhpcy5hY3RpdmVFbnRpdHlJZFxyXG4gICAgICAgIH1cclxuICAgICAgfSkpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5pc0V4cGFuZGVkID0gIXRoaXMuaXNFeHBhbmRlZDtcclxuICAgIHRoaXMuZXhwYW5kQ2xpY2tlZC5lbWl0KHRoaXMuaXNFeHBhbmRlZCk7XHJcbiAgfVxyXG5cclxuICAvKiogQ2xvc2VzIHRoZSBlbnRpdHkgdmlldyAqL1xyXG4gIHB1YmxpYyByZXR1cm5Ub1F1ZXVlVmlldygpOiB2b2lkIHtcclxuICAgIGRvY3VtZW50LmRpc3BhdGNoRXZlbnQobmV3IEN1c3RvbUV2ZW50KCdjb2xsYXBzZS1lbnRpdHktdmlldycsIHtcclxuICAgICAgZGV0YWlsOiB7XHJcbiAgICAgICAgZ3VpZDogdGhpcy5hY3RpdmVFbnRpdHlJZFxyXG4gICAgICB9XHJcbiAgICB9KSk7XHJcbiAgICBkb2N1bWVudC5kaXNwYXRjaEV2ZW50KG5ldyBDdXN0b21FdmVudCgnY2xvc2UtZW50aXR5LXZpZXcnLCB7XHJcbiAgICAgIGRldGFpbDoge1xyXG4gICAgICAgIGd1aWQ6IHRoaXMuYWN0aXZlRW50aXR5SWRcclxuICAgICAgfVxyXG4gICAgfSkpO1xyXG4gICAgdGhpcy5jbG9zZUNsaWNrZWQuZW1pdCgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCIgY2xhc3M9XCJ0b3AtY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGZ4RmxleD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJlbmQgY2VudGVyXCIgY2xhc3M9XCJidXR0b24tY29udGFpbmVyXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBpZD1cImV4cGFuZEJ0blwiIChjbGljayk9XCJvcGVuRW50aXR5VmlldygpXCIgbWF0LWZsYXQtYnV0dG9uIGNsYXNzPVwiaWNvbi1idXR0b24gc29mLWJ1dHRvbi12MlwiXHJcbiAgICAgICAgICAgIG1hdFRvb2x0aXA9XCJ7eydlbnRpdHkuY29tbW9uLmV4cGFuZCcgfCB0cmFuc2xhdGV9fVwiIHRoZW1lPVwicHJpbWFyeVwiIGVtcGhhc2lzPVwiZmxvYXRpbmdcIj5cclxuICAgICAgICAgICAgPGkgY2xhc3M9XCJwaCBwaC1hcnJvd3Mtb3V0LXNpbXBsZVwiPjwvaT5cclxuICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICBcclxuICAgICAgICA8IS0tIENsb3NlIC0tPlxyXG4gICAgICAgIDxidXR0b24gaWQ9XCJjbG9zZUJ0blwiIFtkaXNhYmxlZF09XCJmYWxzZVwiIChjbGljayk9XCJyZXR1cm5Ub1F1ZXVlVmlldygpXCIgbWF0LWZsYXQtYnV0dG9uXHJcbiAgICAgICAgICAgIG1hdFRvb2x0aXA9XCJ7eydlbnRpdHkuY29tbW9uLmNsb3NlJyB8IHRyYW5zbGF0ZX19XCIgY2xhc3M9XCJpY29uLWJ1dHRvbiBzb2YtYnV0dG9uLXYyXCIgdGhlbWU9XCJwcmltYXJ5XCJcclxuICAgICAgICAgICAgZW1waGFzaXM9XCJmbG9hdGluZ1wiPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cInBoIHBoLXhcIj48L2k+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZGl2IGZ4RmxleD1cImNvbHVtblwiIGNsYXNzPVwiY29udGVudC1jb250YWluZXJcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
|