@softheon/armature 17.27.2 → 17.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/assets/styles/_typography.scss +5 -0
  2. package/assets/styles/{material-override/_chip.scss → deprecated/_chip-deprecated.scss} +1 -1
  3. package/assets/styles/material-override/_checkbox.scss +111 -93
  4. package/assets/styles/sof-styles.scss +1 -1
  5. package/esm2022/lib/base-components/base-component-api.mjs +2 -1
  6. package/esm2022/lib/base-components/sof-callout/sof-callout.component.mjs +1 -4
  7. package/esm2022/lib/base-components/sof-chip/sof-chip.component.mjs +62 -0
  8. package/esm2022/lib/header/components/sof-header/sof-header.component.mjs +3 -3
  9. package/esm2022/lib/mfe/components/entity-inject-wrapper/entity-inject-wrapper.component.mjs +6 -3
  10. package/fesm2022/softheon-armature.mjs +64 -8
  11. package/fesm2022/softheon-armature.mjs.map +1 -1
  12. package/lib/base-components/base-component-api.d.ts +1 -0
  13. package/lib/base-components/sof-callout/sof-callout.component.d.ts +0 -3
  14. package/lib/base-components/sof-chip/sof-chip.component.d.ts +55 -0
  15. package/package.json +1 -1
package/assets/styles/_typography.scss CHANGED
@@ -9,6 +9,11 @@ body {
9
9
  margin: 0 !important;
10
10
  }
11
11
 
12
+ /* disable ripple effects globally */
13
+ .mat-ripple {
14
+ display: none !important;
15
+ }
16
+
12
17
  .merriweather {
13
18
  font-family: "Merriweather", serif !important;
14
19
  }
package/assets/styles/{material-override/_chip.scss → deprecated/_chip-deprecated.scss} RENAMED
@@ -2,7 +2,7 @@
2
2
  @use "../arm-theme" as theme;
3
3
  @use "../variables" as vars;
4
4
 
5
- // ⚠️ this file needs to be audited, some chip text not using proper contrast ...
5
+ // @deprecated replace with sof-chip component
6
6
 
7
7
  .mat-mdc-chip.sof-chip {
8
8
  font-family: "Poppins" !important;
package/assets/styles/material-override/_checkbox.scss CHANGED
@@ -1,130 +1,148 @@
1
- @use "@angular/material" as mat;
2
1
  @use "../arm-theme" as theme;
3
2
  @use "../variables" as vars;
4
3
 
5
- mat-checkbox.sof-checkbox {
6
- .mdc-checkbox {
7
- --mdc-checkbox-selected-checkmark-color: #{vars.$surface-color-default-light};
8
- }
4
+ .sof-checkbox {
5
+ display: flex !important;
6
+ width: fit-content !important;
9
7
 
10
- .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark {
11
- --mdc-checkbox-disabled-selected-checkmark-color: #{vars.$text-low-emphasis};
8
+ * {
9
+ box-sizing: border-box !important;
12
10
  }
13
11
 
14
- .mdc-checkbox__native-control[disabled]:not(:indeterminate):not([data-indeterminate="true"])~.mdc-checkbox__background {
15
- background-color: vars.$surface-color-level-two-light !important;
16
- border: 2px solid vars.$text-low-emphasis;
17
- }
12
+ $sof-checkbox-size: 20px;
18
13
 
19
- .mdc-checkbox__background {
20
- border-width: 3px !important;
21
- }
22
-
23
- &.mat-primary .mdc-checkbox {
24
- --mdc-checkbox-selected-focus-icon-color: #{mat.get-color-from-palette(theme.$arm-primary, 500)} !important;
25
- --mdc-checkbox-selected-hover-icon-color: #{mat.get-color-from-palette(theme.$arm-primary, 500)} !important;
26
- --mdc-checkbox-selected-icon-color: #{mat.get-color-from-palette(theme.$arm-primary, 500)} !important;
27
- --mdc-checkbox-selected-pressed-icon-color: #{mat.get-color-from-palette(theme.$arm-primary, 500)} !important;
28
-
29
- .mdc-checkbox--selected~.mdc-checkbox__ripple {
30
- background: mat.get-color-from-palette(theme.$arm-primary, 500) !important;
31
- }
32
- }
33
- &.mat-accent .mdc-checkbox {
34
- --mdc-checkbox-selected-focus-icon-color: #{mat.get-color-from-palette(theme.$arm-accent, 500)} !important;
35
- --mdc-checkbox-selected-hover-icon-color: #{mat.get-color-from-palette(theme.$arm-accent, 500)} !important;
36
- --mdc-checkbox-selected-icon-color: #{mat.get-color-from-palette(theme.$arm-accent, 500)} !important;
37
- --mdc-checkbox-selected-pressed-icon-color: #{mat.get-color-from-palette(theme.$arm-accent, 500)} !important;
38
-
39
- .mdc-checkbox--selected~.mdc-checkbox__ripple {
40
- background: mat.get-color-from-palette(theme.$arm-accent, 500) !important;
14
+ .mdc-checkbox {
15
+ --mdc-checkbox-state-layer-size: #{$sof-checkbox-size} !important;
16
+ margin: 0 !important;
17
+ padding: 0 !important;
18
+ width: calc($sof-checkbox-size + 2px) !important;
19
+ height: calc($sof-checkbox-size + 2px) !important;
20
+ flex: none !important;
21
+
22
+ .mat-mdc-checkbox-touch-target {
23
+ width: calc($sof-checkbox-size + 4px) !important;
24
+ height: calc($sof-checkbox-size + 4px) !important;
25
+ border-radius: 6px !important;
26
+ background: transparent !important;
41
27
  }
42
- }
43
28
 
44
- &.mat-warn .mdc-checkbox {
45
- --mdc-checkbox-selected-focus-icon-color: #{mat.get-color-from-palette(theme.$arm-warn, 500)} !important;
46
- --mdc-checkbox-selected-hover-icon-color: #{mat.get-color-from-palette(theme.$arm-warn, 500)} !important;
47
- --mdc-checkbox-selected-icon-color: #{mat.get-color-from-palette(theme.$arm-warn, 500)} !important;
48
- --mdc-checkbox-selected-pressed-icon-color: #{mat.get-color-from-palette(theme.$arm-warn, 500)} !important;
29
+ .mdc-checkbox__native-control {
30
+ width: $sof-checkbox-size !important;
31
+ height: $sof-checkbox-size !important;
32
+ }
49
33
 
50
- .mdc-checkbox--selected~.mdc-checkbox__ripple {
51
- background: mat.get-color-from-palette(theme.$arm-warn, 500) !important;
34
+ .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
35
+ outline: 3px solid !important;
36
+ outline-offset: 2px !important;
37
+ outline-color: map-get(theme.$arm-primary, 300) !important;
52
38
  }
53
- }
54
39
 
55
- &.mat-success .mdc-checkbox {
56
- --mdc-checkbox-selected-focus-icon-color: #{mat.get-color-from-palette(theme.$arm-success, 500)} !important;
57
- --mdc-checkbox-selected-hover-icon-color: #{mat.get-color-from-palette(theme.$arm-success, 500)} !important;
58
- --mdc-checkbox-selected-icon-color: #{mat.get-color-from-palette(theme.$arm-success, 500)} !important;
59
- --mdc-checkbox-selected-pressed-icon-color: #{mat.get-color-from-palette(theme.$arm-success, 500)} !important;
40
+ .mdc-checkbox__background {
41
+ border-radius: 4px !important;
42
+ width: $sof-checkbox-size !important;
43
+ height: $sof-checkbox-size !important;
44
+
45
+ .mdc-checkbox__checkmark {
46
+ height: 12px !important;
47
+ width: 12px !important;
48
+ top: 2px !important;
49
+ left: 2px !important;
50
+ transform: none !important;
51
+
52
+ .mdc-checkbox__checkmark-path {
53
+ stroke-width: 4px !important;
54
+ }
55
+ }
56
+
57
+ .mdc-checkbox__mixedmark {
58
+ width: 10px !important;
59
+ }
60
+ }
60
61
 
61
- .mdc-checkbox--selected~.mdc-checkbox__ripple {
62
- background: mat.get-color-from-palette(theme.$arm-success, 500) !important;
62
+ .mdc-checkbox__ripple,
63
+ .mat-mdc-checkbox-ripple,
64
+ .mdc-checkbox:hover .mdc-checkbox__native-control:not([disabled])~.mdc-checkbox__ripple {
65
+ display: none !important;
63
66
  }
64
67
  }
65
68
 
66
- &.mat-info .mdc-checkbox {
67
- --mdc-checkbox-selected-focus-icon-color: #{mat.get-color-from-palette(theme.$arm-info, 500)} !important;
68
- --mdc-checkbox-selected-hover-icon-color: #{mat.get-color-from-palette(theme.$arm-info, 500)} !important;
69
- --mdc-checkbox-selected-icon-color: #{mat.get-color-from-palette(theme.$arm-info, 500)} !important;
70
- --mdc-checkbox-selected-pressed-icon-color: #{mat.get-color-from-palette(theme.$arm-info, 500)} !important;
71
-
72
- .mdc-checkbox--selected~.mdc-checkbox__ripple {
73
- background: mat.get-color-from-palette(theme.$arm-info, 500) !important;
74
- }
69
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
70
+ border-color: map-get(theme.$arm-neutral, 500) !important;
75
71
  }
76
72
 
77
- &.mat-error .mdc-checkbox {
78
- --mdc-checkbox-selected-focus-icon-color: #{mat.get-color-from-palette(theme.$arm-error, 500)} !important;
79
- --mdc-checkbox-selected-hover-icon-color: #{mat.get-color-from-palette(theme.$arm-error, 500)} !important;
80
- --mdc-checkbox-selected-icon-color: #{mat.get-color-from-palette(theme.$arm-error, 500)} !important;
81
- --mdc-checkbox-selected-pressed-icon-color: #{mat.get-color-from-palette(theme.$arm-error, 500)} !important;
73
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
74
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
75
+ border-color: map-get(theme.$arm-primary, 500) !important;
76
+ background-color: map-get(theme.$arm-primary, 500) !important;
77
+ }
82
78
 
83
- .mdc-checkbox--selected~.mdc-checkbox__ripple {
84
- background: mat.get-color-from-palette(theme.$arm-error, 500) !important;
79
+ &:hover {
80
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
81
+ border-color: map-get(theme.$arm-neutral, 700) !important;
82
+ }
83
+ .mdc-checkbox .mat-mdc-checkbox-touch-target {
84
+ background: map-get(theme.$arm-primary, A100) !important;
85
+ }
86
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
87
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
88
+ border-color: map-get(theme.$arm-primary, 700) !important;
89
+ background-color: map-get(theme.$arm-primary, 700) !important;
85
90
  }
86
91
  }
87
92
 
88
- &.mat-neutral .mdc-checkbox {
89
- --mdc-checkbox-selected-focus-icon-color: #{mat.get-color-from-palette(theme.$arm-neutral, 500)} !important;
90
- --mdc-checkbox-selected-hover-icon-color: #{mat.get-color-from-palette(theme.$arm-neutral, 500)} !important;
91
- --mdc-checkbox-selected-icon-color: #{mat.get-color-from-palette(theme.$arm-neutral, 500)} !important;
92
- --mdc-checkbox-selected-pressed-icon-color: #{mat.get-color-from-palette(theme.$arm-neutral, 500)} !important;
93
-
94
- .mdc-checkbox--selected~.mdc-checkbox__ripple {
95
- background: mat.get-color-from-palette(theme.$arm-neutral, 500) !important;
93
+ &:active {
94
+ .mdc-checkbox .mat-mdc-checkbox-touch-target {
95
+ background: map-get(theme.$arm-primary, A200) !important;
96
+ }
97
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
98
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
99
+ border-color: map-get(theme.$arm-primary, 800) !important;
100
+ background-color: map-get(theme.$arm-primary, 800) !important;
96
101
  }
97
102
  }
98
103
 
99
- .mdc-checkbox__background,
100
- .mdc-checkbox {
101
- width: 20px !important;
102
- height: 20px !important;
103
- }
104
+ &[color="neutral"] {
105
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
106
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
107
+ border-color: map-get(theme.$arm-neutral, 500) !important;
108
+ background-color: map-get(theme.$arm-neutral, 500) !important;
109
+ }
104
110
 
105
- .mdc-checkbox__native-control {
106
- width: 24px !important;
107
- height: 24px !important;
108
- transform: translate(0.7em, 9.5px);
109
- }
111
+ &:hover {
112
+ .mdc-checkbox .mat-mdc-checkbox-touch-target {
113
+ background: map-get(theme.$arm-neutral, A100) !important;
114
+ }
115
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
116
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
117
+ border-color: map-get(theme.$arm-neutral, 700) !important;
118
+ background-color: map-get(theme.$arm-neutral, 700) !important;
119
+ }
120
+ }
110
121
 
111
- .mat-mdc-checkbox-touch-target {
112
- transform: translate(-48%, -50%) !important;
122
+ &:active {
123
+ .mdc-checkbox .mat-mdc-checkbox-touch-target {
124
+ background: map-get(theme.$arm-neutral, A200) !important;
125
+ }
126
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
127
+ .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
128
+ border-color: map-get(theme.$arm-neutral, 800) !important;
129
+ background-color: map-get(theme.$arm-neutral, 800) !important;
130
+ }
131
+ }
113
132
  }
114
133
 
115
- .mdc-checkbox__ripple,
116
- .mat-mdc-checkbox-ripple,
117
- .mdc-checkbox:hover .mdc-checkbox__native-control:not([disabled])~.mdc-checkbox__ripple {
118
- width: 40px;
119
- height: 40px;
120
- transform: translate(1px, 1px) !important;
134
+ label {
135
+ padding: 0 0 0 8px !important;
136
+ font-family: "Poppins", sans-serif !important;
137
+ letter-spacing: 0px !important;
138
+ font-size: 16px !important;
139
+ line-height: $sof-checkbox-size !important;
121
140
  }
122
141
  }
123
142
 
124
143
  .word-wrap-checkboxes-override label {
125
144
  white-space: initial !important;
126
-
127
145
  @media only screen and (max-width: vars.$mat-lt-md) {
128
- white-space: initial;
146
+ white-space: initial !important;
129
147
  }
130
148
  }
package/assets/styles/sof-styles.scss CHANGED
@@ -35,7 +35,6 @@
35
35
  @use "./material-override/button-toggle-group";
36
36
  @use "./material-override/calendar";
37
37
  @use "./material-override/checkbox";
38
- @use "./material-override/chip";
39
38
  @use "./material-override/form-field";
40
39
  @use "./material-override/menu";
41
40
  @use "./material-override/radio-button";
@@ -48,6 +47,7 @@
48
47
  Comments indicate the preferred alternative, helping users transition away from deprecated classes in favor of newer components or styles.
49
48
  */
50
49
  @use "./deprecated/button-deprecated"; // replace with "/material-override/button"
50
+ @use "./deprecated/chip-deprecated"; // replace with "sof-chip" component
51
51
  @use "./deprecated/dialog-deprecated"; // replace with "sof-modal" component
52
52
  @use "./deprecated/material-override-deprecated"; // currently no replacement
53
53
  @use "./deprecated/table-deprecated"; // replace with ag-grid table component
package/esm2022/lib/base-components/base-component-api.mjs CHANGED
@@ -19,4 +19,5 @@ export * from './confirm-address/sof-confirm-address/compare-address-pipe/compar
19
19
  export * from './sof-callout/sof-callout.component';
20
20
  export * from './sof-context/sof-context.component';
21
21
  export * from './sof-bottom-sheet/sof-bottom-sheet.component';
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1jb21wb25lbnQtYXBpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsYUFBYTtBQUNiLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMscUVBQXFFLENBQUM7QUFDcEYsY0FBYyxpR0FBaUcsQ0FBQztBQUNoSCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsaUZBQWlGLENBQUM7QUFDaEcsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsK0NBQStDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Jhc2UtY29tcG9uZW50Lm1vZHVsZSc7XHJcbi8vIGNvbXBvbmVudHNcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtcHJvZ3Jlc3MtYmFyL3NvZi1wcm9ncmVzcy1iYXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtYmFubmVyL3NvZi1iYW5uZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtYWxlcnQvc29mLWFsZXJ0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLW1vZGFsL3NvZi1tb2RhbC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1idXR0b24tdG9nZ2xlLWdyb3VwL3NvZi1idXR0b24tdG9nZ2xlLWdyb3VwLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLXN0YXItcmF0aW5nL3NvZi1zdGFyLXJhdGluZy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1iYWRnZS9zb2YtYmFkZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtaW1hZ2UtY2hlY2tib3gvc29mLWltYWdlLWNoZWNrYm94LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLXNpbXBsZS1hbGVydC9zb2Ytc2ltcGxlLWFsZXJ0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY29uZmlybS1hZGRyZXNzL3NvZi1jb25maXJtLWFkZHJlc3Mvc29mLWNvbmZpcm0tYWRkcmVzcy5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbmZpcm0tYWRkcmVzcy9zb2YtY29uZmlybS1hZGRyZXNzLWNvdW50eS1jaGFuZ2Uvc29mLWNvbmZpcm0tYWRkcmVzcy1jb3VudHktY2hhbmdlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLXJhZGlvLWNhcmQvc29mLXJhZGlvLWNhcmQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtaW5wdXQtc3RlcHBlci9zb2YtaW5wdXQtc3RlcHBlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1oYW5kbGUvc29mLWhhbmRsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi11dGlsaXR5LWJ1dHRvbi9zb2YtdXRpbGl0eS1idXR0b24uY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jb25maXJtLWFkZHJlc3Mvc29mLWNvbmZpcm0tYWRkcmVzcy9jb21wYXJlLWFkZHJlc3MtcGlwZS9jb21wYXJlLWFkZHJlc3MucGlwZSc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWNhbGxvdXQvc29mLWNhbGxvdXQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtY29udGV4dC9zb2YtY29udGV4dC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1ib3R0b20tc2hlZXQvc29mLWJvdHRvbS1zaGVldC5jb21wb25lbnQnOyJdfQ==
22
+ export * from './sof-chip/sof-chip.component';
23
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1jb21wb25lbnQtYXBpLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvYmFzZS1jb21wb25lbnQtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUM7QUFDeEMsYUFBYTtBQUNiLGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsaUNBQWlDLENBQUM7QUFDaEQsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLCtDQUErQyxDQUFDO0FBQzlELGNBQWMscUVBQXFFLENBQUM7QUFDcEYsY0FBYyxpR0FBaUcsQ0FBQztBQUNoSCxjQUFjLDJDQUEyQyxDQUFDO0FBQzFELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyxtQ0FBbUMsQ0FBQztBQUNsRCxjQUFjLG1EQUFtRCxDQUFDO0FBQ2xFLGNBQWMsaUZBQWlGLENBQUM7QUFDaEcsY0FBYyxxQ0FBcUMsQ0FBQztBQUNwRCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsK0NBQStDLENBQUM7QUFDOUQsY0FBYywrQkFBK0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vYmFzZS1jb21wb25lbnQubW9kdWxlJztcclxuLy8gY29tcG9uZW50c1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1wcm9ncmVzcy1iYXIvc29mLXByb2dyZXNzLWJhci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1iYW5uZXIvc29mLWJhbm5lci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1hbGVydC9zb2YtYWxlcnQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtbW9kYWwvc29mLW1vZGFsLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWJ1dHRvbi10b2dnbGUtZ3JvdXAvc29mLWJ1dHRvbi10b2dnbGUtZ3JvdXAuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2Ytc3Rhci1yYXRpbmcvc29mLXN0YXItcmF0aW5nLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWJhZGdlL3NvZi1iYWRnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1pbWFnZS1jaGVja2JveC9zb2YtaW1hZ2UtY2hlY2tib3guY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2Ytc2ltcGxlLWFsZXJ0L3NvZi1zaW1wbGUtYWxlcnQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9jb25maXJtLWFkZHJlc3Mvc29mLWNvbmZpcm0tYWRkcmVzcy9zb2YtY29uZmlybS1hZGRyZXNzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vY29uZmlybS1hZGRyZXNzL3NvZi1jb25maXJtLWFkZHJlc3MtY291bnR5LWNoYW5nZS9zb2YtY29uZmlybS1hZGRyZXNzLWNvdW50eS1jaGFuZ2UuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtcmFkaW8tY2FyZC9zb2YtcmFkaW8tY2FyZC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1pbnB1dC1zdGVwcGVyL3NvZi1pbnB1dC1zdGVwcGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWhhbmRsZS9zb2YtaGFuZGxlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLXV0aWxpdHktYnV0dG9uL3NvZi11dGlsaXR5LWJ1dHRvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL2NvbmZpcm0tYWRkcmVzcy9zb2YtY29uZmlybS1hZGRyZXNzL2NvbXBhcmUtYWRkcmVzcy1waXBlL2NvbXBhcmUtYWRkcmVzcy5waXBlJztcclxuZXhwb3J0ICogZnJvbSAnLi9zb2YtY2FsbG91dC9zb2YtY2FsbG91dC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3NvZi1jb250ZXh0L3NvZi1jb250ZXh0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWJvdHRvbS1zaGVldC9zb2YtYm90dG9tLXNoZWV0LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc29mLWNoaXAvc29mLWNoaXAuY29tcG9uZW50JzsiXX0=
package/esm2022/lib/base-components/sof-callout/sof-callout.component.mjs CHANGED
@@ -7,9 +7,6 @@ import * as i1 from "@ngx-translate/core";
7
7
  * @note If you need to include some custom HTML you can inject an -
8
8
  *
9
9
  * `<ng-container callout-custom-content>`
10
- *
11
- * @note This component is standalone,
12
- * and must be included in the `imports` array of your module.
13
10
  */
14
11
  export class SofCalloutComponent {
15
12
  constructor() {
@@ -72,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
72
69
  }], dismissEvent: [{
73
70
  type: Output
74
71
  }] } });
75
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLWNhbGxvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWNhbGxvdXQvc29mLWNhbGxvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWNhbGxvdXQvc29mLWNhbGxvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQUV0RDs7Ozs7Ozs7RUFRRTtBQVNGLE1BQU0sT0FBTyxtQkFBbUI7SUFSaEM7UUFVRSxxQkFBcUI7UUFDWixPQUFFLEdBQVcsR0FBRyxDQUFDO1FBa0IxQjs7Ozs7Ozs7VUFRRTtRQUNPLGFBQVEsR0FBc0IsT0FBTyxDQUFDO1FBUy9DOzs7O1VBSUU7UUFDTyxlQUFVLEdBQVksSUFBSSxDQUFDO1FBRXBDOzs7Ozs7VUFNRTtRQUNRLGlCQUFZLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEUsMkJBQTJCO1FBQ25CLFNBQUksR0FBNEIsTUFBTSxDQUFDLENBQUEsVUFBdUIsQ0FBQSxDQUFDLENBQUM7S0FPekU7SUFMQyx3QkFBd0I7SUFDakIsY0FBYztRQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ25DLENBQUM7OEdBOURVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDBSQzVCaEMsaTdDQTBDQSw0L2lCRGpCWSxlQUFlOzsyRkFHZCxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUdYLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQyxtQkFDVCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUt0QyxFQUFFO3NCQUFWLEtBQUs7Z0JBR21CLElBQUk7c0JBQTVCLEtBQUs7dUJBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDO2dCQU1FLElBQUk7c0JBQTVCLEtBQUs7dUJBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDO2dCQU9kLFlBQVk7c0JBQXBCLEtBQUs7Z0JBV0csUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBT0csVUFBVTtzQkFBbEIsS0FBSztnQkFTSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFxyXG4gIENvbXBvbmVudCwgXHJcbiAgRWxlbWVudFJlZiwgXHJcbiAgRXZlbnRFbWl0dGVyLCBcclxuICBpbmplY3QsIFxyXG4gIElucHV0LCBcclxuICBPdXRwdXQgXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFRoZSBDYWxsb3V0IGNvbXBvbmVudFxyXG4gKiBAbm90ZSBJZiB5b3UgbmVlZCB0byBpbmNsdWRlIHNvbWUgY3VzdG9tIEhUTUwgeW91IGNhbiBpbmplY3QgYW4gLSBcclxuICogXHJcbiAqIGA8bmctY29udGFpbmVyIGNhbGxvdXQtY3VzdG9tLWNvbnRlbnQ+YFxyXG4gKiBcclxuICogQG5vdGUgVGhpcyBjb21wb25lbnQgaXMgc3RhbmRhbG9uZSwgXHJcbiAqIGFuZCBtdXN0IGJlIGluY2x1ZGVkIGluIHRoZSBgaW1wb3J0c2AgYXJyYXkgb2YgeW91ciBtb2R1bGUuXHJcbiovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc29mLWNhbGxvdXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb2YtY2FsbG91dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmw6ICcuL3NvZi1jYWxsb3V0LmNvbXBvbmVudC5zY3NzJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtUcmFuc2xhdGVNb2R1bGVdLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2ZDYWxsb3V0Q29tcG9uZW50IHtcclxuXHJcbiAgLyoqIFRoZSBjYWxsb3V0IGlkICovXHJcbiAgQElucHV0KCkgaWQ6IHN0cmluZyA9IFwiMVwiO1xyXG5cclxuICAvKiogVGhlIGNhbGxvdXQgdHlwZSAqL1xyXG4gIEBJbnB1dCh7cmVxdWlyZWQ6IHRydWV9KSB0eXBlITogJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ2Vycm9yJyB8ICdzdWNjZXNzJyB8ICduZXV0cmFsJztcclxuXHJcbiAgLyoqIFxyXG4gICAqIFRoZSBjYWxsb3V0IHRleHQgXHJcbiAgICogQG5vdGUgQ2FuIGJlIGEgdHJhbnNsYXRpb24ga2V5XHJcbiAgKi9cclxuICBASW5wdXQoe3JlcXVpcmVkOiB0cnVlfSkgdGV4dCE6IHN0cmluZztcclxuXHJcbiAgLyoqIFxyXG4gICAqIFRoZSBjYWxsb3V0IGV4dGVuZGVkIG1lc3NhZ2UgXHJcbiAgICogQG9wdGlvbmFsXHJcbiAgICogQG5vdGUgQ2FuIGJlIGEgdHJhbnNsYXRpb24ga2V5XHJcbiAgKi9cclxuICBASW5wdXQoKSBleHRlbmRlZFRleHQ/OiBzdHJpbmc7XHJcblxyXG4gIC8qKiBcclxuICAgKiBUaGUgdGV4dCBzaXplIFxyXG4gICAqIEBvcHRpb25hbFxyXG4gICAqIFxyXG4gICAqIEBub3RlIFwiYm9keTFcIiA9IGZvbnQtc2l6ZTogMTZweCxcclxuICAgKiBcclxuICAgKiBcImJvZHkyXCIgPSBmb250LXNpemU6IDE0cHgsXHJcbiAgICogQGRlZmF1bHQgXCJib2R5MVwiXHJcbiAgKi9cclxuICBASW5wdXQoKSB0ZXh0U2l6ZTogJ2JvZHkxJyB8ICdib2R5MicgPSAnYm9keTEnO1xyXG5cclxuICAvKiogXHJcbiAgICogT3ZlcnJpZGUgdGhlIGRlZmF1bHQgaWNvbiB3aXRoIGFueSBwaG9zcGhvciBpY29uIGNsYXNzIFxyXG4gICAqIEBub3RlIHNob3VsZCBiZSB1c2luZyB0aGUgJ3BoLWJvbGQnIGljb24gdHlwZVxyXG4gICAqIEBzZWUgW1Bob3NwaG9yIEljb25zL2JvbGRdKHtAbGluayBodHRwczovL3Bob3NwaG9yaWNvbnMuY29tLz93ZWlnaHQ9JTIyYm9sZCUyMn0pXHJcbiAgKi9cclxuICBASW5wdXQoKSBpY29uT3ZlcnJpZGVDbGFzcz86IHN0cmluZztcclxuXHJcbiAgLyoqIFxyXG4gICAqIFNob3cgY2xvc2UgaWNvbiBidXR0b24gXHJcbiAgICogQG9wdGlvbmFsXHJcbiAgICogQGRlZmF1bHQgdHJ1ZVxyXG4gICovXHJcbiAgQElucHV0KCkgY2FuRGlzbWlzczogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIC8qKiBcclxuICAgKiBPdXRwdXQgd2hlbiBjbG9zZSBpcyBjbGlja2VkIFxyXG4gICAqIEBvcHRpb25hbFxyXG4gICAqIEBub3RlIFRoaXMgY29tcG9uZW50IHdpbGwgY2xvc2UgaXRzZWxmLiBcclxuICAgKiBcclxuICAgKiBUaGlzIGV2ZW50IGlzIGZvciBpZiB0aGUgcGFyZW50IGNvbXBvbmVudCBuZWVkcyB0byBkbyBhbnl0aGluZyBvbiBjbG9zZS5cclxuICAqL1xyXG4gIEBPdXRwdXQoKSBkaXNtaXNzRXZlbnQ6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgLyoqIFRoZSBob3N0IGVsZW1lbnQgcmVmICovXHJcbiAgcHJpdmF0ZSBob3N0OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PiA9IGluamVjdChFbGVtZW50UmVmPEhUTUxFbGVtZW50Pik7XHJcblxyXG4gIC8qKiBDbG9zZSB0aGUgY2FsbG91dCAqL1xyXG4gIHB1YmxpYyBkaXNtaXNzQ2FsbG91dCgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlzbWlzc0V2ZW50LmVtaXQoKTtcclxuICAgIHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LnJlbW92ZSgpO1xyXG4gIH1cclxufVxyXG4iLCJcclxuPGRpdiBcclxuICBjbGFzcz1cImNhbGxvdXQgY2FsbG91dC0te3t0eXBlfX1cIlxyXG4gIHJvbGU9XCJhbGVydFwiIGlkPVwiY2FsbG91dC17e2lkfX1cIj5cclxuICA8ZGl2IGNsYXNzPVwiY2FsbG91dF9faWNvblwiIFtjbGFzcy5zbWFsbF09XCJ0ZXh0U2l6ZSA9PT0gJ2JvZHkyJ1wiPlxyXG4gICAgQGlmICghIWljb25PdmVycmlkZUNsYXNzKSB7XHJcbiAgICAgIDxpIGNsYXNzPVwie3tpY29uT3ZlcnJpZGVDbGFzc319XCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxyXG4gICAgfSBAZWxzZSB7XHJcbiAgICAgIEBzd2l0Y2ggKHR5cGUpIHtcclxuICAgICAgICBAY2FzZSAoJ3dhcm5pbmcnKSB7XHJcbiAgICAgICAgICA8aSBjbGFzcz1cInBoLWJvbGQgcGgtd2FybmluZ1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGNhc2UgKCdlcnJvcicpIHtcclxuICAgICAgICAgIDxpIGNsYXNzPVwicGgtYm9sZCBwaC13YXJuaW5nLWNpcmNsZVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGNhc2UgKCdzdWNjZXNzJykge1xyXG4gICAgICAgICAgPGkgY2xhc3M9XCJwaC1ib2xkIHBoLWNoZWNrLWNpcmNsZVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cclxuICAgICAgICB9XHJcbiAgICAgICAgQGRlZmF1bHQge1xyXG4gICAgICAgICAgPGkgY2xhc3M9XCJwaC1ib2xkIHBoLWluZm9cIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cImNhbGxvdXRfX2NvbnRlbnRcIiBbY2xhc3MuaGFzLWV4dGVuZGVkXT1cIiEhZXh0ZW5kZWRUZXh0XCI+XHJcbiAgICA8cCBjbGFzcz1cInt7dGV4dFNpemV9fSBmdy02MDBcIj57e3RleHQgfCB0cmFuc2xhdGV9fTwvcD5cclxuICAgIEBpZiAoISFleHRlbmRlZFRleHQpIHtcclxuICAgICAgPHAgY2xhc3M9XCJ7e3RleHRTaXplfX1cIj57e2V4dGVuZGVkVGV4dCB8IHRyYW5zbGF0ZX19PC9wPlxyXG4gICAgfVxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NhbGxvdXQtY3VzdG9tLWNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxyXG4gIDwvZGl2PlxyXG4gIEBpZiAoY2FuRGlzbWlzcykge1xyXG4gICAgPGRpdiBjbGFzcz1cImNhbGxvdXRfX2Nsb3NlXCI+XHJcbiAgICAgIDxidXR0b24gXHJcbiAgICAgICAgKGNsaWNrKT1cImRpc21pc3NDYWxsb3V0KClcIiBcclxuICAgICAgICBpZD1cImNhbGxvdXQtY2xvc2Ute3tpZH19XCIgXHJcbiAgICAgICAgYXJpYS1sYWJlbD1cImRpc21pc3MgYWxlcnRcIj5cclxuICAgICAgICA8aSBjbGFzcz1cInBoLWJvbGQgcGgteFwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L2Rpdj5cclxuICB9XHJcbjwvZGl2PlxyXG4iXX0=
72
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLWNhbGxvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWNhbGxvdXQvc29mLWNhbGxvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWNhbGxvdXQvc29mLWNhbGxvdXQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUNMLE1BQU0sRUFDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQUV0RDs7Ozs7RUFLRTtBQVNGLE1BQU0sT0FBTyxtQkFBbUI7SUFSaEM7UUFVRSxxQkFBcUI7UUFDWixPQUFFLEdBQVcsR0FBRyxDQUFDO1FBa0IxQjs7Ozs7Ozs7VUFRRTtRQUNPLGFBQVEsR0FBc0IsT0FBTyxDQUFDO1FBUy9DOzs7O1VBSUU7UUFDTyxlQUFVLEdBQVksSUFBSSxDQUFDO1FBRXBDOzs7Ozs7VUFNRTtRQUNRLGlCQUFZLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEUsMkJBQTJCO1FBQ25CLFNBQUksR0FBNEIsTUFBTSxDQUFDLENBQUEsVUFBdUIsQ0FBQSxDQUFDLENBQUM7S0FPekU7SUFMQyx3QkFBd0I7SUFDakIsY0FBYztRQUNuQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ25DLENBQUM7OEdBOURVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLDBSQ3pCaEMsaTdDQTBDQSw0L2lCRHBCWSxlQUFlOzsyRkFHZCxtQkFBbUI7a0JBUi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUdYLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQyxtQkFDVCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUt0QyxFQUFFO3NCQUFWLEtBQUs7Z0JBR21CLElBQUk7c0JBQTVCLEtBQUs7dUJBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDO2dCQU1FLElBQUk7c0JBQTVCLEtBQUs7dUJBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDO2dCQU9kLFlBQVk7c0JBQXBCLEtBQUs7Z0JBV0csUUFBUTtzQkFBaEIsS0FBSztnQkFPRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBT0csVUFBVTtzQkFBbEIsS0FBSztnQkFTSSxZQUFZO3NCQUFyQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFxyXG4gIENvbXBvbmVudCwgXHJcbiAgRWxlbWVudFJlZiwgXHJcbiAgRXZlbnRFbWl0dGVyLCBcclxuICBpbmplY3QsIFxyXG4gIElucHV0LCBcclxuICBPdXRwdXQgXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5cclxuLyoqXHJcbiAqIFRoZSBDYWxsb3V0IGNvbXBvbmVudFxyXG4gKiBAbm90ZSBJZiB5b3UgbmVlZCB0byBpbmNsdWRlIHNvbWUgY3VzdG9tIEhUTUwgeW91IGNhbiBpbmplY3QgYW4gLSBcclxuICogXHJcbiAqIGA8bmctY29udGFpbmVyIGNhbGxvdXQtY3VzdG9tLWNvbnRlbnQ+YFxyXG4qL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NvZi1jYWxsb3V0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29mLWNhbGxvdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9zb2YtY2FsbG91dC5jb21wb25lbnQuc2NzcycsXHJcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICBpbXBvcnRzOiBbVHJhbnNsYXRlTW9kdWxlXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgU29mQ2FsbG91dENvbXBvbmVudCB7XHJcblxyXG4gIC8qKiBUaGUgY2FsbG91dCBpZCAqL1xyXG4gIEBJbnB1dCgpIGlkOiBzdHJpbmcgPSBcIjFcIjtcclxuXHJcbiAgLyoqIFRoZSBjYWxsb3V0IHR5cGUgKi9cclxuICBASW5wdXQoe3JlcXVpcmVkOiB0cnVlfSkgdHlwZSE6ICdpbmZvJyB8ICd3YXJuaW5nJyB8ICdlcnJvcicgfCAnc3VjY2VzcycgfCAnbmV1dHJhbCc7XHJcblxyXG4gIC8qKiBcclxuICAgKiBUaGUgY2FsbG91dCB0ZXh0IFxyXG4gICAqIEBub3RlIENhbiBiZSBhIHRyYW5zbGF0aW9uIGtleVxyXG4gICovXHJcbiAgQElucHV0KHtyZXF1aXJlZDogdHJ1ZX0pIHRleHQhOiBzdHJpbmc7XHJcblxyXG4gIC8qKiBcclxuICAgKiBUaGUgY2FsbG91dCBleHRlbmRlZCBtZXNzYWdlIFxyXG4gICAqIEBvcHRpb25hbFxyXG4gICAqIEBub3RlIENhbiBiZSBhIHRyYW5zbGF0aW9uIGtleVxyXG4gICovXHJcbiAgQElucHV0KCkgZXh0ZW5kZWRUZXh0Pzogc3RyaW5nO1xyXG5cclxuICAvKiogXHJcbiAgICogVGhlIHRleHQgc2l6ZSBcclxuICAgKiBAb3B0aW9uYWxcclxuICAgKiBcclxuICAgKiBAbm90ZSBcImJvZHkxXCIgPSBmb250LXNpemU6IDE2cHgsXHJcbiAgICogXHJcbiAgICogXCJib2R5MlwiID0gZm9udC1zaXplOiAxNHB4LFxyXG4gICAqIEBkZWZhdWx0IFwiYm9keTFcIlxyXG4gICovXHJcbiAgQElucHV0KCkgdGV4dFNpemU6ICdib2R5MScgfCAnYm9keTInID0gJ2JvZHkxJztcclxuXHJcbiAgLyoqIFxyXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGljb24gd2l0aCBhbnkgcGhvc3Bob3IgaWNvbiBjbGFzcyBcclxuICAgKiBAbm90ZSBzaG91bGQgYmUgdXNpbmcgdGhlICdwaC1ib2xkJyBpY29uIHR5cGVcclxuICAgKiBAc2VlIFtQaG9zcGhvciBJY29ucy9ib2xkXSh7QGxpbmsgaHR0cHM6Ly9waG9zcGhvcmljb25zLmNvbS8/d2VpZ2h0PSUyMmJvbGQlMjJ9KVxyXG4gICovXHJcbiAgQElucHV0KCkgaWNvbk92ZXJyaWRlQ2xhc3M/OiBzdHJpbmc7XHJcblxyXG4gIC8qKiBcclxuICAgKiBTaG93IGNsb3NlIGljb24gYnV0dG9uIFxyXG4gICAqIEBvcHRpb25hbFxyXG4gICAqIEBkZWZhdWx0IHRydWVcclxuICAqL1xyXG4gIEBJbnB1dCgpIGNhbkRpc21pc3M6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAvKiogXHJcbiAgICogT3V0cHV0IHdoZW4gY2xvc2UgaXMgY2xpY2tlZCBcclxuICAgKiBAb3B0aW9uYWxcclxuICAgKiBAbm90ZSBUaGlzIGNvbXBvbmVudCB3aWxsIGNsb3NlIGl0c2VsZi4gXHJcbiAgICogXHJcbiAgICogVGhpcyBldmVudCBpcyBmb3IgaWYgdGhlIHBhcmVudCBjb21wb25lbnQgbmVlZHMgdG8gZG8gYW55dGhpbmcgb24gY2xvc2UuXHJcbiAgKi9cclxuICBAT3V0cHV0KCkgZGlzbWlzc0V2ZW50OiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIC8qKiBUaGUgaG9zdCBlbGVtZW50IHJlZiAqL1xyXG4gIHByaXZhdGUgaG9zdDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4gPSBpbmplY3QoRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pO1xyXG5cclxuICAvKiogQ2xvc2UgdGhlIGNhbGxvdXQgKi9cclxuICBwdWJsaWMgZGlzbWlzc0NhbGxvdXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc21pc3NFdmVudC5lbWl0KCk7XHJcbiAgICB0aGlzLmhvc3QubmF0aXZlRWxlbWVudC5yZW1vdmUoKTtcclxuICB9XHJcbn1cclxuIiwiXHJcbjxkaXYgXHJcbiAgY2xhc3M9XCJjYWxsb3V0IGNhbGxvdXQtLXt7dHlwZX19XCJcclxuICByb2xlPVwiYWxlcnRcIiBpZD1cImNhbGxvdXQte3tpZH19XCI+XHJcbiAgPGRpdiBjbGFzcz1cImNhbGxvdXRfX2ljb25cIiBbY2xhc3Muc21hbGxdPVwidGV4dFNpemUgPT09ICdib2R5MidcIj5cclxuICAgIEBpZiAoISFpY29uT3ZlcnJpZGVDbGFzcykge1xyXG4gICAgICA8aSBjbGFzcz1cInt7aWNvbk92ZXJyaWRlQ2xhc3N9fVwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPjwvaT5cclxuICAgIH0gQGVsc2Uge1xyXG4gICAgICBAc3dpdGNoICh0eXBlKSB7XHJcbiAgICAgICAgQGNhc2UgKCd3YXJuaW5nJykge1xyXG4gICAgICAgICAgPGkgY2xhc3M9XCJwaC1ib2xkIHBoLXdhcm5pbmdcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgnZXJyb3InKSB7XHJcbiAgICAgICAgICA8aSBjbGFzcz1cInBoLWJvbGQgcGgtd2FybmluZy1jaXJjbGVcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBjYXNlICgnc3VjY2VzcycpIHtcclxuICAgICAgICAgIDxpIGNsYXNzPVwicGgtYm9sZCBwaC1jaGVjay1jaXJjbGVcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIEBkZWZhdWx0IHtcclxuICAgICAgICAgIDxpIGNsYXNzPVwicGgtYm9sZCBwaC1pbmZvXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJjYWxsb3V0X19jb250ZW50XCIgW2NsYXNzLmhhcy1leHRlbmRlZF09XCIhIWV4dGVuZGVkVGV4dFwiPlxyXG4gICAgPHAgY2xhc3M9XCJ7e3RleHRTaXplfX0gZnctNjAwXCI+e3t0ZXh0IHwgdHJhbnNsYXRlfX08L3A+XHJcbiAgICBAaWYgKCEhZXh0ZW5kZWRUZXh0KSB7XHJcbiAgICAgIDxwIGNsYXNzPVwie3t0ZXh0U2l6ZX19XCI+e3tleHRlbmRlZFRleHQgfCB0cmFuc2xhdGV9fTwvcD5cclxuICAgIH1cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltjYWxsb3V0LWN1c3RvbS1jb250ZW50XVwiPjwvbmctY29udGVudD5cclxuICA8L2Rpdj5cclxuICBAaWYgKGNhbkRpc21pc3MpIHtcclxuICAgIDxkaXYgY2xhc3M9XCJjYWxsb3V0X19jbG9zZVwiPlxyXG4gICAgICA8YnV0dG9uIFxyXG4gICAgICAgIChjbGljayk9XCJkaXNtaXNzQ2FsbG91dCgpXCIgXHJcbiAgICAgICAgaWQ9XCJjYWxsb3V0LWNsb3NlLXt7aWR9fVwiIFxyXG4gICAgICAgIGFyaWEtbGFiZWw9XCJkaXNtaXNzIGFsZXJ0XCI+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJwaC1ib2xkIHBoLXhcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19
package/esm2022/lib/base-components/sof-chip/sof-chip.component.mjs ADDED
@@ -0,0 +1,62 @@
1
+ import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
2
+ import { TranslateModule } from '@ngx-translate/core';
3
+ import * as i0 from "@angular/core";
4
+ import * as i1 from "@ngx-translate/core";
5
+ /**
6
+ * The sof-chip component
7
+ */
8
+ export class SofChipComponent {
9
+ constructor() {
10
+ /**
11
+ * Can the chip be removed
12
+ * @optional
13
+ * @default true
14
+ */
15
+ this.canRemove = true;
16
+ /**
17
+ * Theme for the chip
18
+ * @optional
19
+ * @default 'neutral'
20
+ */
21
+ this.theme = "neutral";
22
+ /**
23
+ * The id for the remove button
24
+ * @optional needed if canRemove is true
25
+ * @note Can simply be the index of the <Chip> array
26
+ */
27
+ this.removeButtonId = "";
28
+ /** Event to emit the chip's label for removal */
29
+ this.removeEvent = new EventEmitter();
30
+ }
31
+ /** If canRemove is null|undefined onChanges, set to true */
32
+ ngOnChanges(changes) {
33
+ if (changes.canRemove) {
34
+ const canRemove = changes.canRemove.currentValue ?? true;
35
+ this.canRemove = canRemove;
36
+ }
37
+ }
38
+ /** Emit the chip's label for removal */
39
+ onRemove() {
40
+ this.removeEvent.emit(this.label);
41
+ }
42
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
43
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: SofChipComponent, isStandalone: true, selector: "sof-chip", inputs: { label: "label", canRemove: "canRemove", theme: "theme", iconClass: "iconClass", removeButtonId: "removeButtonId" }, outputs: { removeEvent: "removeEvent" }, usesOnChanges: true, ngImport: i0, template: "<div \r\n class=\"sof-chip\" \r\n [class.no-remove]=\"!canRemove\"\r\n [attr.theme]=\"theme ?? 'neutral'\">\r\n @if (iconClass) {\r\n <i [class]=\"iconClass\" aria-hidden=\"true\"></i>\r\n }\r\n <span>{{ label | translate }}</span>\r\n @if (canRemove) {\r\n <button \r\n (click)=\"onRemove()\"\r\n [attr.aria-label]=\"'Remove ' + label\"\r\n [id]=\"'chip-remove-btn-' + removeButtonId\">\r\n <i class=\"ph-fill ph-x-circle\" aria-hidden=\"true\"></i>\r\n </button>\r\n }\r\n</div>\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}.sof-chip{display:flex;align-items:center;height:24px;width:fit-content;border-radius:4px;padding-left:4px;background-color:var(--neutral-color-A100-parts)}.sof-chip:hover:not(.no-remove){background-color:var(--neutral-color-A200-parts)}.sof-chip *{box-sizing:border-box}.sof-chip.no-remove{padding-right:4px}.sof-chip[theme=neutral]{background-color:var(--neutral-color-A100-parts)}.sof-chip[theme=neutral]:hover:not(.no-remove){background-color:var(--neutral-color-A200-parts)}.sof-chip[theme=info]{background-color:var(--info-color-A100-parts)}.sof-chip[theme=info]:hover:not(.no-remove){background-color:var(--info-color-A200-parts)}.sof-chip:focus-within{outline:3px solid;outline-offset:2px;outline-color:var(--primary-color-300-parts)}.sof-chip i{margin-right:4px}.sof-chip span{text-transform:capitalize;font-weight:600}.sof-chip span,.sof-chip i{font-size:12px;color:#000000de;cursor:default}.sof-chip button{border:none;background:transparent;height:100%;padding:0;display:flex;align-items:center;justify-content:center;width:24px;cursor:pointer}.sof-chip button:focus{outline:none}.sof-chip button i{margin:0;font-size:16px;cursor:pointer;color:var(--neutral-color-500-parts)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
44
+ }
45
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofChipComponent, decorators: [{
46
+ type: Component,
47
+ args: [{ selector: 'sof-chip', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [TranslateModule], template: "<div \r\n class=\"sof-chip\" \r\n [class.no-remove]=\"!canRemove\"\r\n [attr.theme]=\"theme ?? 'neutral'\">\r\n @if (iconClass) {\r\n <i [class]=\"iconClass\" aria-hidden=\"true\"></i>\r\n }\r\n <span>{{ label | translate }}</span>\r\n @if (canRemove) {\r\n <button \r\n (click)=\"onRemove()\"\r\n [attr.aria-label]=\"'Remove ' + label\"\r\n [id]=\"'chip-remove-btn-' + removeButtonId\">\r\n <i class=\"ph-fill ph-x-circle\" aria-hidden=\"true\"></i>\r\n </button>\r\n }\r\n</div>\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}.sof-chip{display:flex;align-items:center;height:24px;width:fit-content;border-radius:4px;padding-left:4px;background-color:var(--neutral-color-A100-parts)}.sof-chip:hover:not(.no-remove){background-color:var(--neutral-color-A200-parts)}.sof-chip *{box-sizing:border-box}.sof-chip.no-remove{padding-right:4px}.sof-chip[theme=neutral]{background-color:var(--neutral-color-A100-parts)}.sof-chip[theme=neutral]:hover:not(.no-remove){background-color:var(--neutral-color-A200-parts)}.sof-chip[theme=info]{background-color:var(--info-color-A100-parts)}.sof-chip[theme=info]:hover:not(.no-remove){background-color:var(--info-color-A200-parts)}.sof-chip:focus-within{outline:3px solid;outline-offset:2px;outline-color:var(--primary-color-300-parts)}.sof-chip i{margin-right:4px}.sof-chip span{text-transform:capitalize;font-weight:600}.sof-chip span,.sof-chip i{font-size:12px;color:#000000de;cursor:default}.sof-chip button{border:none;background:transparent;height:100%;padding:0;display:flex;align-items:center;justify-content:center;width:24px;cursor:pointer}.sof-chip button:focus{outline:none}.sof-chip button i{margin:0;font-size:16px;cursor:pointer;color:var(--neutral-color-500-parts)}\n"] }]
48
+ }], propDecorators: { label: [{
49
+ type: Input,
50
+ args: [{ required: true }]
51
+ }], canRemove: [{
52
+ type: Input
53
+ }], theme: [{
54
+ type: Input
55
+ }], iconClass: [{
56
+ type: Input
57
+ }], removeButtonId: [{
58
+ type: Input
59
+ }], removeEvent: [{
60
+ type: Output
61
+ }] } });
62
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLWNoaXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWNoaXAvc29mLWNoaXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLWNoaXAvc29mLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEVBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDOzs7QUFFdEQ7O0VBRUU7QUFTRixNQUFNLE9BQU8sZ0JBQWdCO0lBUjdCO1FBZ0JFOzs7O1dBSUc7UUFDTSxjQUFTLEdBQWEsSUFBSSxDQUFDO1FBRXBDOzs7O1VBSUU7UUFDTyxVQUFLLEdBQXNCLFNBQVMsQ0FBQztRQVU5Qzs7OztVQUlFO1FBQ08sbUJBQWMsR0FBcUIsRUFBRSxDQUFDO1FBRS9DLGlEQUFpRDtRQUN2QyxnQkFBVyxHQUEwQixJQUFJLFlBQVksRUFBVSxDQUFDO0tBYzNFO0lBWkMsNERBQTREO0lBQ3JELFdBQVcsQ0FBQyxPQUFzQjtRQUN2QyxJQUFJLE9BQU8sQ0FBQyxTQUFTLEVBQUU7WUFDckIsTUFBTSxTQUFTLEdBQUcsT0FBTyxDQUFDLFNBQVMsQ0FBQyxZQUFZLElBQUksSUFBSSxDQUFDO1lBQ3pELElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO1NBQzVCO0lBQ0gsQ0FBQztJQUVELHdDQUF3QztJQUNqQyxRQUFRO1FBQ2IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7OEdBbkRVLGdCQUFnQjtrR0FBaEIsZ0JBQWdCLGdRQ3RCN0IsMmdCQWlCQSw4MWlCREdZLGVBQWU7OzJGQUVkLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxVQUFVLG1CQUdILHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsZUFBZSxDQUFDOzhCQVFELEtBQUs7c0JBQTdCLEtBQUs7dUJBQUMsRUFBQyxRQUFRLEVBQUUsSUFBSSxFQUFDO2dCQU9kLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csS0FBSztzQkFBYixLQUFLO2dCQVFHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBT0csY0FBYztzQkFBdEIsS0FBSztnQkFHSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgXHJcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFxyXG4gIENvbXBvbmVudCwgXHJcbiAgRXZlbnRFbWl0dGVyLCBcclxuICBJbnB1dCwgXHJcbiAgT25DaGFuZ2VzLCBcclxuICBPdXRwdXQsIFxyXG4gIFNpbXBsZUNoYW5nZXNcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcblxyXG4vKiogXHJcbiAqIFRoZSBzb2YtY2hpcCBjb21wb25lbnQgXHJcbiovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc29mLWNoaXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb2YtY2hpcC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc29mLWNoaXAuY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtUcmFuc2xhdGVNb2R1bGVdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2ZDaGlwQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICAvKiogXHJcbiAgICogVGhlIGNoaXAncyBsYWJlbCBcclxuICAgKiBAcmVxdWlyZWRcclxuICAgKiBAbm90ZSBDYW4gYmUgYSB0cmFuc2xhdGlvbiBrZXlcclxuICAqL1xyXG4gIEBJbnB1dCh7cmVxdWlyZWQ6IHRydWV9KSBsYWJlbCE6IHN0cmluZztcclxuXHJcbiAgLyoqIFxyXG4gICAqIENhbiB0aGUgY2hpcCBiZSByZW1vdmVkIFxyXG4gICAqIEBvcHRpb25hbFxyXG4gICAqIEBkZWZhdWx0IHRydWVcclxuICAgKi9cclxuICBASW5wdXQoKSBjYW5SZW1vdmU/OiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgLyoqIFxyXG4gICAqIFRoZW1lIGZvciB0aGUgY2hpcCBcclxuICAgKiBAb3B0aW9uYWxcclxuICAgKiBAZGVmYXVsdCAnbmV1dHJhbCdcclxuICAqL1xyXG4gIEBJbnB1dCgpIHRoZW1lPzogXCJuZXV0cmFsXCJ8XCJpbmZvXCIgPSBcIm5ldXRyYWxcIjtcclxuXHJcbiAgLyoqIFxyXG4gICAqIEljb24gY2xhc3MgZm9yIHRoZSBjaGlwIFxyXG4gICAqIEBvcHRpb25hbCBpZiBvbWl0dGVkIG5vIGljb24gd2lsbCBiZSBzaG93blxyXG4gICAqIEBub3RlIHNob3VsZCBiZSB1c2luZyB0aGUgJ3BoLWJvbGQnIGljb24gdHlwZVxyXG4gICAqIEBzZWUgW1Bob3NwaG9yIEljb25zL2JvbGRdKHtAbGluayBodHRwczovL3Bob3NwaG9yaWNvbnMuY29tLz93ZWlnaHQ9JTIyYm9sZCUyMn0pXHJcbiAgKi9cclxuICBASW5wdXQoKSBpY29uQ2xhc3M/OiBzdHJpbmc7XHJcblxyXG4gIC8qKiBcclxuICAgKiBUaGUgaWQgZm9yIHRoZSByZW1vdmUgYnV0dG9uXHJcbiAgICogQG9wdGlvbmFsIG5lZWRlZCBpZiBjYW5SZW1vdmUgaXMgdHJ1ZVxyXG4gICAqIEBub3RlIENhbiBzaW1wbHkgYmUgdGhlIGluZGV4IG9mIHRoZSA8Q2hpcD4gYXJyYXlcclxuICAqL1xyXG4gIEBJbnB1dCgpIHJlbW92ZUJ1dHRvbklkPzogc3RyaW5nIHwgbnVtYmVyID0gXCJcIjtcclxuXHJcbiAgLyoqIEV2ZW50IHRvIGVtaXQgdGhlIGNoaXAncyBsYWJlbCBmb3IgcmVtb3ZhbCAqL1xyXG4gIEBPdXRwdXQoKSByZW1vdmVFdmVudD86IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcblxyXG4gIC8qKiBJZiBjYW5SZW1vdmUgaXMgbnVsbHx1bmRlZmluZWQgb25DaGFuZ2VzLCBzZXQgdG8gdHJ1ZSAqL1xyXG4gIHB1YmxpYyBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBpZiAoY2hhbmdlcy5jYW5SZW1vdmUpIHtcclxuICAgICAgY29uc3QgY2FuUmVtb3ZlID0gY2hhbmdlcy5jYW5SZW1vdmUuY3VycmVudFZhbHVlID8/IHRydWU7XHJcbiAgICAgIHRoaXMuY2FuUmVtb3ZlID0gY2FuUmVtb3ZlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLyoqIEVtaXQgdGhlIGNoaXAncyBsYWJlbCBmb3IgcmVtb3ZhbCAqL1xyXG4gIHB1YmxpYyBvblJlbW92ZSgpOiB2b2lkIHtcclxuICAgIHRoaXMucmVtb3ZlRXZlbnQuZW1pdCh0aGlzLmxhYmVsKTtcclxuICB9XHJcbn1cclxuXHJcbi8qKiBcclxuICogVGhlIENoaXAgaW50ZXJmYWNlIFxyXG4gKiBAZGVzY3JpcHRpb24gVXNlIHRvIGRpc3BsYXkgY2hpcHMgZnJvbSBhbiBBcnJheSZsdDtDaGlwJmd0Oy5cclxuKi9cclxuZXhwb3J0IGludGVyZmFjZSBDaGlwIHtcclxuICBsYWJlbDogc3RyaW5nO1xyXG4gIGljb25DbGFzcz86IHN0cmluZztcclxuICBjYW5SZW1vdmU/OiBib29sZWFuO1xyXG59XHJcbiIsIjxkaXYgXHJcbiAgY2xhc3M9XCJzb2YtY2hpcFwiIFxyXG4gIFtjbGFzcy5uby1yZW1vdmVdPVwiIWNhblJlbW92ZVwiXHJcbiAgW2F0dHIudGhlbWVdPVwidGhlbWUgPz8gJ25ldXRyYWwnXCI+XHJcbiAgQGlmIChpY29uQ2xhc3MpIHtcclxuICAgIDxpIFtjbGFzc109XCJpY29uQ2xhc3NcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XHJcbiAgfVxyXG4gIDxzcGFuPnt7IGxhYmVsIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxyXG4gIEBpZiAoY2FuUmVtb3ZlKSB7XHJcbiAgICA8YnV0dG9uIFxyXG4gICAgICAoY2xpY2spPVwib25SZW1vdmUoKVwiXHJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiJ1JlbW92ZSAnICsgbGFiZWxcIlxyXG4gICAgICBbaWRdPVwiJ2NoaXAtcmVtb3ZlLWJ0bi0nICsgcmVtb3ZlQnV0dG9uSWRcIj5cclxuICAgICAgPGkgY2xhc3M9XCJwaC1maWxsIHBoLXgtY2lyY2xlXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9pPlxyXG4gICAgPC9idXR0b24+XHJcbiAgfVxyXG48L2Rpdj5cclxuIl19