@angular/material 22.1.0-rc.0 → 22.1.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/_index.scss +2 -2
- package/fesm2022/_error-options-chunk.mjs +6 -6
- package/fesm2022/_form-field-chunk.mjs +30 -30
- package/fesm2022/_form-field-chunk.mjs.map +1 -1
- package/fesm2022/_icon-button-chunk.mjs +6 -6
- package/fesm2022/_icon-button-chunk.mjs.map +1 -1
- package/fesm2022/_icon-registry-chunk.mjs +3 -3
- package/fesm2022/_icon-registry-chunk.mjs.map +1 -1
- package/fesm2022/_internal-form-field-chunk.mjs +3 -3
- package/fesm2022/_internal-form-field-chunk.mjs.map +1 -1
- package/fesm2022/_line-chunk.mjs +7 -7
- package/fesm2022/_line-chunk.mjs.map +1 -1
- package/fesm2022/_option-chunk.mjs +6 -6
- package/fesm2022/_option-chunk.mjs.map +1 -1
- package/fesm2022/_option-module-chunk.mjs +4 -4
- package/fesm2022/_option-module-chunk.mjs.map +1 -1
- package/fesm2022/_pseudo-checkbox-chunk.mjs +3 -3
- package/fesm2022/_pseudo-checkbox-chunk.mjs.map +1 -1
- package/fesm2022/_pseudo-checkbox-module-chunk.mjs +4 -4
- package/fesm2022/_pseudo-checkbox-module-chunk.mjs.map +1 -1
- package/fesm2022/_ripple-chunk.mjs +6 -6
- package/fesm2022/_ripple-chunk.mjs.map +1 -1
- package/fesm2022/_ripple-loader-chunk.mjs +3 -3
- package/fesm2022/_ripple-module-chunk.mjs +4 -4
- package/fesm2022/_ripple-module-chunk.mjs.map +1 -1
- package/fesm2022/_structural-styles-chunk.mjs +3 -3
- package/fesm2022/_structural-styles-chunk.mjs.map +1 -1
- package/fesm2022/_tooltip-chunk.mjs +6 -6
- package/fesm2022/_tooltip-chunk.mjs.map +1 -1
- package/fesm2022/autocomplete.mjs +13 -13
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/badge.mjs +10 -10
- package/fesm2022/badge.mjs.map +1 -1
- package/fesm2022/bottom-sheet.mjs +10 -10
- package/fesm2022/button-toggle.mjs +10 -10
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/button.mjs +13 -13
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card.mjs +46 -46
- package/fesm2022/card.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +12 -28
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips.mjs +48 -48
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core.mjs +12 -12
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +82 -82
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog.mjs +29 -26
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/divider.mjs +7 -7
- package/fesm2022/divider.mjs.map +1 -1
- package/fesm2022/expansion.mjs +25 -25
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field.mjs +4 -4
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/grid-list.mjs +22 -22
- package/fesm2022/grid-list.mjs.map +1 -1
- package/fesm2022/icon-testing.mjs +7 -7
- package/fesm2022/icon.mjs +7 -7
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/input.mjs +7 -7
- package/fesm2022/input.mjs.map +1 -1
- package/fesm2022/list.mjs +49 -49
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu.mjs +22 -22
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator.mjs +10 -10
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +7 -7
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +7 -7
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio.mjs +10 -10
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select.mjs +10 -10
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +22 -22
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +7 -7
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider.mjs +17 -17
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/snack-bar.mjs +22 -22
- package/fesm2022/snack-bar.mjs.map +1 -1
- package/fesm2022/sort.mjs +13 -13
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper.mjs +31 -31
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table.mjs +55 -55
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs.mjs +43 -43
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/timepicker.mjs +13 -13
- package/fesm2022/timepicker.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +10 -10
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +4 -4
- package/fesm2022/tooltip.mjs.map +1 -1
- package/fesm2022/tree.mjs +25 -25
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +6 -6
- package/prebuilt-themes/deeppurple-amber.css +3 -3
- package/prebuilt-themes/indigo-pink.css +3 -3
- package/prebuilt-themes/pink-bluegrey.css +3 -3
- package/prebuilt-themes/purple-green.css +3 -3
- package/schematics/ng-add/index.js +2 -2
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +7 -5
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +1 -1
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +5 -9
- package/types/checkbox.d.ts +0 -3
package/fesm2022/chips.mjs
CHANGED
|
@@ -62,7 +62,7 @@ class MatChipContent {
|
|
|
62
62
|
}
|
|
63
63
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
64
64
|
minVersion: "12.0.0",
|
|
65
|
-
version: "22.1.0
|
|
65
|
+
version: "22.1.0",
|
|
66
66
|
ngImport: i0,
|
|
67
67
|
type: MatChipContent,
|
|
68
68
|
deps: [],
|
|
@@ -70,7 +70,7 @@ class MatChipContent {
|
|
|
70
70
|
});
|
|
71
71
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
72
72
|
minVersion: "16.1.0",
|
|
73
|
-
version: "22.1.0
|
|
73
|
+
version: "22.1.0",
|
|
74
74
|
type: MatChipContent,
|
|
75
75
|
isStandalone: true,
|
|
76
76
|
selector: "[matChipContent]",
|
|
@@ -94,7 +94,7 @@ class MatChipContent {
|
|
|
94
94
|
}
|
|
95
95
|
i0.ɵɵngDeclareClassMetadata({
|
|
96
96
|
minVersion: "12.0.0",
|
|
97
|
-
version: "22.1.0
|
|
97
|
+
version: "22.1.0",
|
|
98
98
|
ngImport: i0,
|
|
99
99
|
type: MatChipContent,
|
|
100
100
|
decorators: [{
|
|
@@ -148,7 +148,7 @@ class MatChipAction extends MatChipContent {
|
|
|
148
148
|
}
|
|
149
149
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
150
150
|
minVersion: "12.0.0",
|
|
151
|
-
version: "22.1.0
|
|
151
|
+
version: "22.1.0",
|
|
152
152
|
ngImport: i0,
|
|
153
153
|
type: MatChipAction,
|
|
154
154
|
deps: null,
|
|
@@ -156,7 +156,7 @@ class MatChipAction extends MatChipContent {
|
|
|
156
156
|
});
|
|
157
157
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
158
158
|
minVersion: "14.0.0",
|
|
159
|
-
version: "22.1.0
|
|
159
|
+
version: "22.1.0",
|
|
160
160
|
type: MatChipAction,
|
|
161
161
|
isStandalone: true,
|
|
162
162
|
selector: "[matChipAction]",
|
|
@@ -176,7 +176,7 @@ class MatChipAction extends MatChipContent {
|
|
|
176
176
|
}
|
|
177
177
|
i0.ɵɵngDeclareClassMetadata({
|
|
178
178
|
minVersion: "12.0.0",
|
|
179
|
-
version: "22.1.0
|
|
179
|
+
version: "22.1.0",
|
|
180
180
|
ngImport: i0,
|
|
181
181
|
type: MatChipAction,
|
|
182
182
|
decorators: [{
|
|
@@ -196,7 +196,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
196
196
|
class MatChipAvatar {
|
|
197
197
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
198
198
|
minVersion: "12.0.0",
|
|
199
|
-
version: "22.1.0
|
|
199
|
+
version: "22.1.0",
|
|
200
200
|
ngImport: i0,
|
|
201
201
|
type: MatChipAvatar,
|
|
202
202
|
deps: [],
|
|
@@ -204,7 +204,7 @@ class MatChipAvatar {
|
|
|
204
204
|
});
|
|
205
205
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
206
206
|
minVersion: "14.0.0",
|
|
207
|
-
version: "22.1.0
|
|
207
|
+
version: "22.1.0",
|
|
208
208
|
type: MatChipAvatar,
|
|
209
209
|
isStandalone: true,
|
|
210
210
|
selector: "mat-chip-avatar, [matChipAvatar]",
|
|
@@ -223,7 +223,7 @@ class MatChipAvatar {
|
|
|
223
223
|
}
|
|
224
224
|
i0.ɵɵngDeclareClassMetadata({
|
|
225
225
|
minVersion: "12.0.0",
|
|
226
|
-
version: "22.1.0
|
|
226
|
+
version: "22.1.0",
|
|
227
227
|
ngImport: i0,
|
|
228
228
|
type: MatChipAvatar,
|
|
229
229
|
decorators: [{
|
|
@@ -245,7 +245,7 @@ class MatChipTrailingIcon extends MatChipContent {
|
|
|
245
245
|
_isPrimary = false;
|
|
246
246
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
247
247
|
minVersion: "12.0.0",
|
|
248
|
-
version: "22.1.0
|
|
248
|
+
version: "22.1.0",
|
|
249
249
|
ngImport: i0,
|
|
250
250
|
type: MatChipTrailingIcon,
|
|
251
251
|
deps: null,
|
|
@@ -253,7 +253,7 @@ class MatChipTrailingIcon extends MatChipContent {
|
|
|
253
253
|
});
|
|
254
254
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
255
255
|
minVersion: "14.0.0",
|
|
256
|
-
version: "22.1.0
|
|
256
|
+
version: "22.1.0",
|
|
257
257
|
type: MatChipTrailingIcon,
|
|
258
258
|
isStandalone: true,
|
|
259
259
|
selector: "mat-chip-trailing-icon, [matChipTrailingIcon]",
|
|
@@ -273,7 +273,7 @@ class MatChipTrailingIcon extends MatChipContent {
|
|
|
273
273
|
}
|
|
274
274
|
i0.ɵɵngDeclareClassMetadata({
|
|
275
275
|
minVersion: "12.0.0",
|
|
276
|
-
version: "22.1.0
|
|
276
|
+
version: "22.1.0",
|
|
277
277
|
ngImport: i0,
|
|
278
278
|
type: MatChipTrailingIcon,
|
|
279
279
|
decorators: [{
|
|
@@ -310,7 +310,7 @@ class MatChipEdit extends MatChipAction {
|
|
|
310
310
|
}
|
|
311
311
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
312
312
|
minVersion: "12.0.0",
|
|
313
|
-
version: "22.1.0
|
|
313
|
+
version: "22.1.0",
|
|
314
314
|
ngImport: i0,
|
|
315
315
|
type: MatChipEdit,
|
|
316
316
|
deps: null,
|
|
@@ -318,7 +318,7 @@ class MatChipEdit extends MatChipAction {
|
|
|
318
318
|
});
|
|
319
319
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
320
320
|
minVersion: "14.0.0",
|
|
321
|
-
version: "22.1.0
|
|
321
|
+
version: "22.1.0",
|
|
322
322
|
type: MatChipEdit,
|
|
323
323
|
isStandalone: true,
|
|
324
324
|
selector: "[matChipEdit]",
|
|
@@ -341,7 +341,7 @@ class MatChipEdit extends MatChipAction {
|
|
|
341
341
|
}
|
|
342
342
|
i0.ɵɵngDeclareClassMetadata({
|
|
343
343
|
minVersion: "12.0.0",
|
|
344
|
-
version: "22.1.0
|
|
344
|
+
version: "22.1.0",
|
|
345
345
|
ngImport: i0,
|
|
346
346
|
type: MatChipEdit,
|
|
347
347
|
decorators: [{
|
|
@@ -378,7 +378,7 @@ class MatChipRemove extends MatChipAction {
|
|
|
378
378
|
}
|
|
379
379
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
380
380
|
minVersion: "12.0.0",
|
|
381
|
-
version: "22.1.0
|
|
381
|
+
version: "22.1.0",
|
|
382
382
|
ngImport: i0,
|
|
383
383
|
type: MatChipRemove,
|
|
384
384
|
deps: null,
|
|
@@ -386,7 +386,7 @@ class MatChipRemove extends MatChipAction {
|
|
|
386
386
|
});
|
|
387
387
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
388
388
|
minVersion: "14.0.0",
|
|
389
|
-
version: "22.1.0
|
|
389
|
+
version: "22.1.0",
|
|
390
390
|
type: MatChipRemove,
|
|
391
391
|
isStandalone: true,
|
|
392
392
|
selector: "[matChipRemove]",
|
|
@@ -409,7 +409,7 @@ class MatChipRemove extends MatChipAction {
|
|
|
409
409
|
}
|
|
410
410
|
i0.ɵɵngDeclareClassMetadata({
|
|
411
411
|
minVersion: "12.0.0",
|
|
412
|
-
version: "22.1.0
|
|
412
|
+
version: "22.1.0",
|
|
413
413
|
ngImport: i0,
|
|
414
414
|
type: MatChipRemove,
|
|
415
415
|
decorators: [{
|
|
@@ -596,7 +596,7 @@ class MatChip {
|
|
|
596
596
|
}
|
|
597
597
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
598
598
|
minVersion: "12.0.0",
|
|
599
|
-
version: "22.1.0
|
|
599
|
+
version: "22.1.0",
|
|
600
600
|
ngImport: i0,
|
|
601
601
|
type: MatChip,
|
|
602
602
|
deps: [],
|
|
@@ -604,7 +604,7 @@ class MatChip {
|
|
|
604
604
|
});
|
|
605
605
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
606
606
|
minVersion: "17.0.0",
|
|
607
|
-
version: "22.1.0
|
|
607
|
+
version: "22.1.0",
|
|
608
608
|
type: MatChip,
|
|
609
609
|
isStandalone: true,
|
|
610
610
|
selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]",
|
|
@@ -711,7 +711,7 @@ class MatChip {
|
|
|
711
711
|
}
|
|
712
712
|
i0.ɵɵngDeclareClassMetadata({
|
|
713
713
|
minVersion: "12.0.0",
|
|
714
|
-
version: "22.1.0
|
|
714
|
+
version: "22.1.0",
|
|
715
715
|
ngImport: i0,
|
|
716
716
|
type: MatChip,
|
|
717
717
|
decorators: [{
|
|
@@ -932,7 +932,7 @@ class MatChipOption extends MatChip {
|
|
|
932
932
|
}
|
|
933
933
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
934
934
|
minVersion: "12.0.0",
|
|
935
|
-
version: "22.1.0
|
|
935
|
+
version: "22.1.0",
|
|
936
936
|
ngImport: i0,
|
|
937
937
|
type: MatChipOption,
|
|
938
938
|
deps: null,
|
|
@@ -940,7 +940,7 @@ class MatChipOption extends MatChip {
|
|
|
940
940
|
});
|
|
941
941
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
942
942
|
minVersion: "17.0.0",
|
|
943
|
-
version: "22.1.0
|
|
943
|
+
version: "22.1.0",
|
|
944
944
|
type: MatChipOption,
|
|
945
945
|
isStandalone: true,
|
|
946
946
|
selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]",
|
|
@@ -986,7 +986,7 @@ class MatChipOption extends MatChip {
|
|
|
986
986
|
}],
|
|
987
987
|
usesInheritance: true,
|
|
988
988
|
ngImport: i0,
|
|
989
|
-
template: "<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\n <button\n matChipAction\n [_allowFocusWhenDisabled]=\"true\"\n [attr.aria-description]=\"ariaDescription\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-selected]=\"ariaSelected\"\n role=\"option\">\n @if (_hasLeadingGraphic()) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n <span class=\"mdc-evolution-chip__checkmark\">\n <svg\n class=\"mdc-evolution-chip__checkmark-svg\"\n viewBox=\"-2 -3 30 30\"\n focusable=\"false\"\n aria-hidden=\"true\">\n <path class=\"mdc-evolution-chip__checkmark-path\"\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n </svg>\n </span>\n </span>\n }\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n <ng-content></ng-content>\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-focus-indicator\"></span>\n </span>\n </button>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
|
|
989
|
+
template: "<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\" role=\"presentation\">\n <button\n matChipAction\n [_allowFocusWhenDisabled]=\"true\"\n [attr.aria-description]=\"ariaDescription\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-selected]=\"ariaSelected\"\n role=\"option\">\n @if (_hasLeadingGraphic()) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n <span class=\"mdc-evolution-chip__checkmark\">\n <svg\n class=\"mdc-evolution-chip__checkmark-svg\"\n viewBox=\"-2 -3 30 30\"\n focusable=\"false\"\n aria-hidden=\"true\">\n <path class=\"mdc-evolution-chip__checkmark-path\"\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n </svg>\n </span>\n </span>\n }\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n <ng-content></ng-content>\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-focus-indicator\"></span>\n </span>\n </button>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\" role=\"presentation\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
|
|
990
990
|
styles: [".mdc-evolution-chip,\n.mdc-evolution-chip__cell,\n.mdc-evolution-chip__action {\n display: inline-flex;\n align-items: center;\n}\n\n.mdc-evolution-chip {\n position: relative;\n max-width: 100%;\n}\n\n.mdc-evolution-chip__cell,\n.mdc-evolution-chip__action {\n height: 100%;\n}\n\n.mdc-evolution-chip__cell--primary {\n flex-basis: 100%;\n overflow-x: hidden;\n}\n\n.mdc-evolution-chip__cell--trailing {\n flex: 1 0 auto;\n}\n\n.mdc-evolution-chip__action {\n align-items: center;\n background: none;\n border: none;\n box-sizing: content-box;\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n outline: none;\n padding: 0;\n text-decoration: none;\n color: inherit;\n}\n\n.mdc-evolution-chip__action--presentational {\n cursor: auto;\n}\n\n.mdc-evolution-chip--disabled,\n.mdc-evolution-chip__action:disabled {\n pointer-events: none;\n}\n@media (forced-colors: active) {\n .mdc-evolution-chip--disabled,\n .mdc-evolution-chip__action:disabled {\n forced-color-adjust: none;\n }\n}\n\n.mdc-evolution-chip__action--primary {\n font: inherit;\n letter-spacing: inherit;\n white-space: inherit;\n overflow-x: hidden;\n}\n.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before {\n border-width: var(--mat-chip-outline-width, 1px);\n border-radius: var(--mat-chip-container-shape-radius, 8px);\n box-sizing: border-box;\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n pointer-events: none;\n top: 0;\n width: 100%;\n z-index: 1;\n border-style: solid;\n}\n.mat-mdc-standard-chip .mdc-evolution-chip__action--primary {\n padding-left: 12px;\n padding-right: 12px;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 12px;\n}\n[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {\n padding-left: 12px;\n padding-right: 0;\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before {\n border-color: var(--mat-chip-outline-color, var(--mat-sys-outline));\n}\n.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before {\n border-color: var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before {\n border-color: var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before {\n border-width: var(--mat-chip-flat-selected-outline-width, 0);\n}\n.mat-mdc-basic-chip .mdc-evolution-chip__action--primary {\n font: inherit;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 12px;\n}\n[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary {\n padding-left: 12px;\n padding-right: 0;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 12px;\n padding-right: 0;\n}\n[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 12px;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 0;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 0;\n}\n[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 12px;\n}\n[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {\n padding-left: 12px;\n padding-right: 0;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 0;\n}\n[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-evolution-chip__action--secondary {\n position: relative;\n overflow: visible;\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary {\n color: var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary {\n color: var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary {\n padding-left: 8px;\n padding-right: 8px;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary {\n padding-left: 8px;\n padding-right: 8px;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary {\n padding-left: 8px;\n padding-right: 8px;\n}\n[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, [dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.mdc-evolution-chip__text-label {\n -webkit-user-select: none;\n user-select: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.mat-mdc-standard-chip .mdc-evolution-chip__text-label {\n font-family: var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));\n line-height: var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));\n font-size: var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));\n font-weight: var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));\n letter-spacing: var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking));\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {\n color: var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {\n color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label, .mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label {\n color: var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n}\n\n.mdc-evolution-chip__graphic {\n align-items: center;\n display: inline-flex;\n justify-content: center;\n overflow: hidden;\n pointer-events: none;\n position: relative;\n flex: 1 0 auto;\n}\n.mat-mdc-standard-chip .mdc-evolution-chip__graphic {\n width: var(--mat-chip-with-avatar-avatar-size, 24px);\n height: var(--mat-chip-with-avatar-avatar-size, 24px);\n font-size: var(--mat-chip-with-avatar-avatar-size, 24px);\n}\n.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic {\n transition: width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic {\n width: 0;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {\n padding-left: 6px;\n padding-right: 6px;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {\n padding-left: 4px;\n padding-right: 8px;\n}\n[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {\n padding-left: 8px;\n padding-right: 4px;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {\n padding-left: 6px;\n padding-right: 6px;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {\n padding-left: 4px;\n padding-right: 8px;\n}\n[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {\n padding-left: 8px;\n padding-right: 4px;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic {\n padding-left: 0;\n}\n\n.mdc-evolution-chip__checkmark {\n position: absolute;\n opacity: 0;\n top: 50%;\n left: 50%;\n height: 20px;\n width: 20px;\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark {\n color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark {\n color: var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface));\n}\n.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark {\n transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);\n transform: translate(-75%, -50%);\n}\n.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark {\n transform: translate(-50%, -50%);\n opacity: 1;\n}\n\n.mdc-evolution-chip__checkmark-svg {\n display: block;\n}\n\n.mdc-evolution-chip__checkmark-path {\n stroke-width: 2px;\n stroke-dasharray: 29.7833385;\n stroke-dashoffset: 29.7833385;\n stroke: currentColor;\n}\n.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path {\n transition: stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path {\n stroke-dashoffset: 0;\n}\n@media (forced-colors: active) {\n .mdc-evolution-chip__checkmark-path {\n stroke: CanvasText !important;\n }\n}\n\n.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing {\n height: 18px;\n width: 18px;\n font-size: 18px;\n}\n.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove {\n opacity: calc(var(--mat-chip-trailing-action-opacity, 1) * var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38));\n}\n.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus {\n opacity: calc(var(--mat-chip-trailing-action-focus-opacity, 1) * var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38));\n}\n\n.mat-mdc-standard-chip {\n border-radius: var(--mat-chip-container-shape-radius, 8px);\n height: var(--mat-chip-container-height, 32px);\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {\n background-color: var(--mat-chip-elevated-container-color, transparent);\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled {\n background-color: var(--mat-chip-elevated-disabled-container-color);\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) {\n background-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled {\n background-color: var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n@media (forced-colors: active) {\n .mat-mdc-standard-chip {\n outline: solid 1px;\n }\n}\n\n.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary {\n border-radius: var(--mat-chip-with-avatar-avatar-shape-radius, 24px);\n width: var(--mat-chip-with-icon-icon-size, 18px);\n height: var(--mat-chip-with-icon-icon-size, 18px);\n font-size: var(--mat-chip-with-icon-icon-size, 18px);\n}\n.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary {\n opacity: 0;\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary {\n color: var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary {\n color: var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface));\n}\n\n.mat-mdc-chip-highlighted {\n --mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));\n --mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));\n --mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));\n --mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0);\n}\n\n.mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay, .mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));\n}\n.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));\n opacity: var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover, .mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));\n opacity: var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));\n opacity: var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay, .mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));\n opacity: var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar {\n opacity: var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38);\n}\n\n.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing {\n opacity: var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark {\n opacity: var(--mat-chip-with-icon-disabled-icon-opacity, 0.38);\n}\n\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled {\n opacity: var(--mat-chip-disabled-container-opacity, 1);\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing, .mat-mdc-standard-chip.mat-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing {\n color: var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing {\n color: var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n}\n\n.mat-mdc-chip-edit, .mat-mdc-chip-remove {\n opacity: var(--mat-chip-trailing-action-opacity, 1);\n}\n.mat-mdc-chip-edit:focus, .mat-mdc-chip-remove:focus {\n opacity: var(--mat-chip-trailing-action-focus-opacity, 1);\n}\n.mat-mdc-chip-edit::after, .mat-mdc-chip-remove::after {\n background-color: var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-chip-edit:hover::after, .mat-mdc-chip-remove:hover::after {\n opacity: calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)));\n}\n.mat-mdc-chip-edit:focus::after, .mat-mdc-chip-remove:focus::after {\n opacity: calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)));\n}\n\n.mat-mdc-chip-selected .mat-mdc-chip-remove::after,\n.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after {\n background-color: var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container));\n}\n\n.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after, .mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after {\n opacity: calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)));\n}\n.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after, .mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after {\n opacity: calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)));\n}\n\n.mat-mdc-standard-chip {\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-standard-chip .mat-mdc-chip-graphic,\n.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon {\n box-sizing: content-box;\n}\n.mat-mdc-standard-chip._mat-animation-noopable,\n.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,\n.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,\n.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path {\n transition-duration: 1ms;\n animation-duration: 1ms;\n}\n\n.mat-mdc-chip-focus-overlay {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n opacity: 0;\n border-radius: inherit;\n transition: opacity 150ms linear;\n}\n._mat-animation-noopable .mat-mdc-chip-focus-overlay {\n transition: none;\n}\n.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay {\n display: none;\n}\n\n.mat-mdc-chip .mat-ripple.mat-mdc-chip-ripple {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-chip-avatar {\n text-align: center;\n line-height: 1;\n color: var(--mat-chip-with-icon-icon-color, currentColor);\n}\n\n.mat-mdc-chip {\n position: relative;\n z-index: 0;\n}\n\n.mat-mdc-chip-action-label {\n text-align: left;\n z-index: 1;\n}\n[dir=rtl] .mat-mdc-chip-action-label {\n text-align: right;\n}\n.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label {\n position: relative;\n}\n.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n}\n.mat-mdc-chip-action-label .mat-focus-indicator::before {\n margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);\n}\n\n.mat-mdc-chip-edit::before, .mat-mdc-chip-remove::before {\n margin: calc(var(--mat-focus-indicator-border-width, 3px) * -1);\n left: 8px;\n right: 8px;\n}\n.mat-mdc-chip-edit::after, .mat-mdc-chip-remove::after {\n content: \"\";\n display: block;\n opacity: 0;\n position: absolute;\n top: -3px;\n bottom: -3px;\n left: 5px;\n right: 5px;\n border-radius: 50%;\n box-sizing: border-box;\n padding: 12px;\n margin: -12px;\n background-clip: content-box;\n}\n.mat-mdc-chip-edit .mat-icon, .mat-mdc-chip-remove .mat-icon {\n width: 18px;\n height: 18px;\n font-size: 18px;\n box-sizing: content-box;\n}\n\n.mat-chip-edit-input {\n cursor: text;\n display: inline-block;\n color: inherit;\n outline: 0;\n}\n\n@media (forced-colors: active) {\n .mat-mdc-chip-selected:not(.mat-mdc-chip-multiple) {\n outline-width: 3px;\n }\n}\n\n.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before {\n content: \"\";\n}\n\n.mdc-evolution-chip__icon, .mat-mdc-chip-edit .mat-icon, .mat-mdc-chip-remove .mat-icon {\n min-height: fit-content;\n}\n\nimg.mdc-evolution-chip__icon {\n min-height: 0;\n}\n"],
|
|
991
991
|
dependencies: [{
|
|
992
992
|
kind: "directive",
|
|
@@ -998,7 +998,7 @@ class MatChipOption extends MatChip {
|
|
|
998
998
|
}
|
|
999
999
|
i0.ɵɵngDeclareClassMetadata({
|
|
1000
1000
|
minVersion: "12.0.0",
|
|
1001
|
-
version: "22.1.0
|
|
1001
|
+
version: "22.1.0",
|
|
1002
1002
|
ngImport: i0,
|
|
1003
1003
|
type: MatChipOption,
|
|
1004
1004
|
decorators: [{
|
|
@@ -1038,7 +1038,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
1038
1038
|
}],
|
|
1039
1039
|
encapsulation: ViewEncapsulation.None,
|
|
1040
1040
|
imports: [MatChipAction],
|
|
1041
|
-
template: "<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\n <button\n matChipAction\n [_allowFocusWhenDisabled]=\"true\"\n [attr.aria-description]=\"ariaDescription\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-selected]=\"ariaSelected\"\n role=\"option\">\n @if (_hasLeadingGraphic()) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n <span class=\"mdc-evolution-chip__checkmark\">\n <svg\n class=\"mdc-evolution-chip__checkmark-svg\"\n viewBox=\"-2 -3 30 30\"\n focusable=\"false\"\n aria-hidden=\"true\">\n <path class=\"mdc-evolution-chip__checkmark-path\"\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n </svg>\n </span>\n </span>\n }\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n <ng-content></ng-content>\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-focus-indicator\"></span>\n </span>\n </button>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
|
|
1041
|
+
template: "<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\" role=\"presentation\">\n <button\n matChipAction\n [_allowFocusWhenDisabled]=\"true\"\n [attr.aria-description]=\"ariaDescription\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-selected]=\"ariaSelected\"\n role=\"option\">\n @if (_hasLeadingGraphic()) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n <span class=\"mdc-evolution-chip__checkmark\">\n <svg\n class=\"mdc-evolution-chip__checkmark-svg\"\n viewBox=\"-2 -3 30 30\"\n focusable=\"false\"\n aria-hidden=\"true\">\n <path class=\"mdc-evolution-chip__checkmark-path\"\n fill=\"none\" stroke=\"currentColor\" d=\"M1.73,12.91 8.1,19.28 22.79,4.59\" />\n </svg>\n </span>\n </span>\n }\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n <ng-content></ng-content>\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-focus-indicator\"></span>\n </span>\n </button>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\" role=\"presentation\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
|
|
1042
1042
|
styles: [".mdc-evolution-chip,\n.mdc-evolution-chip__cell,\n.mdc-evolution-chip__action {\n display: inline-flex;\n align-items: center;\n}\n\n.mdc-evolution-chip {\n position: relative;\n max-width: 100%;\n}\n\n.mdc-evolution-chip__cell,\n.mdc-evolution-chip__action {\n height: 100%;\n}\n\n.mdc-evolution-chip__cell--primary {\n flex-basis: 100%;\n overflow-x: hidden;\n}\n\n.mdc-evolution-chip__cell--trailing {\n flex: 1 0 auto;\n}\n\n.mdc-evolution-chip__action {\n align-items: center;\n background: none;\n border: none;\n box-sizing: content-box;\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n outline: none;\n padding: 0;\n text-decoration: none;\n color: inherit;\n}\n\n.mdc-evolution-chip__action--presentational {\n cursor: auto;\n}\n\n.mdc-evolution-chip--disabled,\n.mdc-evolution-chip__action:disabled {\n pointer-events: none;\n}\n@media (forced-colors: active) {\n .mdc-evolution-chip--disabled,\n .mdc-evolution-chip__action:disabled {\n forced-color-adjust: none;\n }\n}\n\n.mdc-evolution-chip__action--primary {\n font: inherit;\n letter-spacing: inherit;\n white-space: inherit;\n overflow-x: hidden;\n}\n.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before {\n border-width: var(--mat-chip-outline-width, 1px);\n border-radius: var(--mat-chip-container-shape-radius, 8px);\n box-sizing: border-box;\n content: \"\";\n height: 100%;\n left: 0;\n position: absolute;\n pointer-events: none;\n top: 0;\n width: 100%;\n z-index: 1;\n border-style: solid;\n}\n.mat-mdc-standard-chip .mdc-evolution-chip__action--primary {\n padding-left: 12px;\n padding-right: 12px;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 12px;\n}\n[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {\n padding-left: 12px;\n padding-right: 0;\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before {\n border-color: var(--mat-chip-outline-color, var(--mat-sys-outline));\n}\n.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before {\n border-color: var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before {\n border-color: var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before {\n border-width: var(--mat-chip-flat-selected-outline-width, 0);\n}\n.mat-mdc-basic-chip .mdc-evolution-chip__action--primary {\n font: inherit;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 12px;\n}\n[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary {\n padding-left: 12px;\n padding-right: 0;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 12px;\n padding-right: 0;\n}\n[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 12px;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 0;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 0;\n}\n[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 12px;\n}\n[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary {\n padding-left: 12px;\n padding-right: 0;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 0;\n}\n[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-evolution-chip__action--secondary {\n position: relative;\n overflow: visible;\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary {\n color: var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary {\n color: var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary {\n padding-left: 8px;\n padding-right: 8px;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary {\n padding-left: 8px;\n padding-right: 8px;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary {\n padding-left: 8px;\n padding-right: 8px;\n}\n[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary, [dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--secondary {\n padding-left: 8px;\n padding-right: 8px;\n}\n\n.mdc-evolution-chip__text-label {\n -webkit-user-select: none;\n user-select: none;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.mat-mdc-standard-chip .mdc-evolution-chip__text-label {\n font-family: var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));\n line-height: var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));\n font-size: var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));\n font-weight: var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));\n letter-spacing: var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking));\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {\n color: var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {\n color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label, .mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__text-label {\n color: var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent));\n}\n\n.mdc-evolution-chip__graphic {\n align-items: center;\n display: inline-flex;\n justify-content: center;\n overflow: hidden;\n pointer-events: none;\n position: relative;\n flex: 1 0 auto;\n}\n.mat-mdc-standard-chip .mdc-evolution-chip__graphic {\n width: var(--mat-chip-with-avatar-avatar-size, 24px);\n height: var(--mat-chip-with-avatar-avatar-size, 24px);\n font-size: var(--mat-chip-with-avatar-avatar-size, 24px);\n}\n.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic {\n transition: width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic {\n width: 0;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {\n padding-left: 6px;\n padding-right: 6px;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {\n padding-left: 4px;\n padding-right: 8px;\n}\n[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic {\n padding-left: 8px;\n padding-right: 4px;\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {\n padding-left: 6px;\n padding-right: 6px;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {\n padding-left: 4px;\n padding-right: 8px;\n}\n[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {\n padding-left: 8px;\n padding-right: 4px;\n}\n.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic {\n padding-left: 0;\n}\n\n.mdc-evolution-chip__checkmark {\n position: absolute;\n opacity: 0;\n top: 50%;\n left: 50%;\n height: 20px;\n width: 20px;\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark {\n color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark {\n color: var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface));\n}\n.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark {\n transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);\n transform: translate(-75%, -50%);\n}\n.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark {\n transform: translate(-50%, -50%);\n opacity: 1;\n}\n\n.mdc-evolution-chip__checkmark-svg {\n display: block;\n}\n\n.mdc-evolution-chip__checkmark-path {\n stroke-width: 2px;\n stroke-dasharray: 29.7833385;\n stroke-dashoffset: 29.7833385;\n stroke: currentColor;\n}\n.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path {\n transition: stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path {\n stroke-dashoffset: 0;\n}\n@media (forced-colors: active) {\n .mdc-evolution-chip__checkmark-path {\n stroke: CanvasText !important;\n }\n}\n\n.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing {\n height: 18px;\n width: 18px;\n font-size: 18px;\n}\n.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove {\n opacity: calc(var(--mat-chip-trailing-action-opacity, 1) * var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38));\n}\n.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus {\n opacity: calc(var(--mat-chip-trailing-action-focus-opacity, 1) * var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38));\n}\n\n.mat-mdc-standard-chip {\n border-radius: var(--mat-chip-container-shape-radius, 8px);\n height: var(--mat-chip-container-height, 32px);\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {\n background-color: var(--mat-chip-elevated-container-color, transparent);\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled {\n background-color: var(--mat-chip-elevated-disabled-container-color);\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) {\n background-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled {\n background-color: var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent));\n}\n@media (forced-colors: active) {\n .mat-mdc-standard-chip {\n outline: solid 1px;\n }\n}\n\n.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary {\n border-radius: var(--mat-chip-with-avatar-avatar-shape-radius, 24px);\n width: var(--mat-chip-with-icon-icon-size, 18px);\n height: var(--mat-chip-with-icon-icon-size, 18px);\n font-size: var(--mat-chip-with-icon-icon-size, 18px);\n}\n.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary {\n opacity: 0;\n}\n.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary {\n color: var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary {\n color: var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface));\n}\n\n.mat-mdc-chip-highlighted {\n --mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));\n --mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));\n --mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));\n --mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0);\n}\n\n.mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay, .mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));\n}\n.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));\n opacity: var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover, .mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));\n opacity: var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));\n opacity: var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay, .mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay {\n background: var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));\n opacity: var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar {\n opacity: var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38);\n}\n\n.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing {\n opacity: var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark {\n opacity: var(--mat-chip-with-icon-disabled-icon-opacity, 0.38);\n}\n\n.mat-mdc-standard-chip.mdc-evolution-chip--disabled {\n opacity: var(--mat-chip-disabled-container-opacity, 1);\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__icon--trailing, .mat-mdc-standard-chip.mat-mdc-chip-highlighted .mdc-evolution-chip__icon--trailing {\n color: var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container));\n}\n.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing {\n color: var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n}\n\n.mat-mdc-chip-edit, .mat-mdc-chip-remove {\n opacity: var(--mat-chip-trailing-action-opacity, 1);\n}\n.mat-mdc-chip-edit:focus, .mat-mdc-chip-remove:focus {\n opacity: var(--mat-chip-trailing-action-focus-opacity, 1);\n}\n.mat-mdc-chip-edit::after, .mat-mdc-chip-remove::after {\n background-color: var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant));\n}\n.mat-mdc-chip-edit:hover::after, .mat-mdc-chip-remove:hover::after {\n opacity: calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)));\n}\n.mat-mdc-chip-edit:focus::after, .mat-mdc-chip-remove:focus::after {\n opacity: calc(var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)));\n}\n\n.mat-mdc-chip-selected .mat-mdc-chip-remove::after,\n.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after {\n background-color: var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container));\n}\n\n.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after, .mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after {\n opacity: calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)));\n}\n.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after, .mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after {\n opacity: calc(var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity)) + var(--mat-chip-trailing-action-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity)));\n}\n\n.mat-mdc-standard-chip {\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-standard-chip .mat-mdc-chip-graphic,\n.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon {\n box-sizing: content-box;\n}\n.mat-mdc-standard-chip._mat-animation-noopable,\n.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,\n.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,\n.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path {\n transition-duration: 1ms;\n animation-duration: 1ms;\n}\n\n.mat-mdc-chip-focus-overlay {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n opacity: 0;\n border-radius: inherit;\n transition: opacity 150ms linear;\n}\n._mat-animation-noopable .mat-mdc-chip-focus-overlay {\n transition: none;\n}\n.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay {\n display: none;\n}\n\n.mat-mdc-chip .mat-ripple.mat-mdc-chip-ripple {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-chip-avatar {\n text-align: center;\n line-height: 1;\n color: var(--mat-chip-with-icon-icon-color, currentColor);\n}\n\n.mat-mdc-chip {\n position: relative;\n z-index: 0;\n}\n\n.mat-mdc-chip-action-label {\n text-align: left;\n z-index: 1;\n}\n[dir=rtl] .mat-mdc-chip-action-label {\n text-align: right;\n}\n.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label {\n position: relative;\n}\n.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n}\n.mat-mdc-chip-action-label .mat-focus-indicator::before {\n margin: calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px) * -1);\n}\n\n.mat-mdc-chip-edit::before, .mat-mdc-chip-remove::before {\n margin: calc(var(--mat-focus-indicator-border-width, 3px) * -1);\n left: 8px;\n right: 8px;\n}\n.mat-mdc-chip-edit::after, .mat-mdc-chip-remove::after {\n content: \"\";\n display: block;\n opacity: 0;\n position: absolute;\n top: -3px;\n bottom: -3px;\n left: 5px;\n right: 5px;\n border-radius: 50%;\n box-sizing: border-box;\n padding: 12px;\n margin: -12px;\n background-clip: content-box;\n}\n.mat-mdc-chip-edit .mat-icon, .mat-mdc-chip-remove .mat-icon {\n width: 18px;\n height: 18px;\n font-size: 18px;\n box-sizing: content-box;\n}\n\n.mat-chip-edit-input {\n cursor: text;\n display: inline-block;\n color: inherit;\n outline: 0;\n}\n\n@media (forced-colors: active) {\n .mat-mdc-chip-selected:not(.mat-mdc-chip-multiple) {\n outline-width: 3px;\n }\n}\n\n.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before {\n content: \"\";\n}\n\n.mdc-evolution-chip__icon, .mat-mdc-chip-edit .mat-icon, .mat-mdc-chip-remove .mat-icon {\n min-height: fit-content;\n}\n\nimg.mdc-evolution-chip__icon {\n min-height: 0;\n}\n"]
|
|
1043
1043
|
}]
|
|
1044
1044
|
}],
|
|
@@ -1088,7 +1088,7 @@ class MatChipEditInput {
|
|
|
1088
1088
|
}
|
|
1089
1089
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1090
1090
|
minVersion: "12.0.0",
|
|
1091
|
-
version: "22.1.0
|
|
1091
|
+
version: "22.1.0",
|
|
1092
1092
|
ngImport: i0,
|
|
1093
1093
|
type: MatChipEditInput,
|
|
1094
1094
|
deps: [],
|
|
@@ -1096,7 +1096,7 @@ class MatChipEditInput {
|
|
|
1096
1096
|
});
|
|
1097
1097
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
1098
1098
|
minVersion: "14.0.0",
|
|
1099
|
-
version: "22.1.0
|
|
1099
|
+
version: "22.1.0",
|
|
1100
1100
|
type: MatChipEditInput,
|
|
1101
1101
|
isStandalone: true,
|
|
1102
1102
|
selector: "span[matChipEditInput]",
|
|
@@ -1113,7 +1113,7 @@ class MatChipEditInput {
|
|
|
1113
1113
|
}
|
|
1114
1114
|
i0.ɵɵngDeclareClassMetadata({
|
|
1115
1115
|
minVersion: "12.0.0",
|
|
1116
|
-
version: "22.1.0
|
|
1116
|
+
version: "22.1.0",
|
|
1117
1117
|
ngImport: i0,
|
|
1118
1118
|
type: MatChipEditInput,
|
|
1119
1119
|
decorators: [{
|
|
@@ -1233,7 +1233,7 @@ class MatChipRow extends MatChip {
|
|
|
1233
1233
|
}
|
|
1234
1234
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1235
1235
|
minVersion: "12.0.0",
|
|
1236
|
-
version: "22.1.0
|
|
1236
|
+
version: "22.1.0",
|
|
1237
1237
|
ngImport: i0,
|
|
1238
1238
|
type: MatChipRow,
|
|
1239
1239
|
deps: [],
|
|
@@ -1241,7 +1241,7 @@ class MatChipRow extends MatChip {
|
|
|
1241
1241
|
});
|
|
1242
1242
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1243
1243
|
minVersion: "17.0.0",
|
|
1244
|
-
version: "22.1.0
|
|
1244
|
+
version: "22.1.0",
|
|
1245
1245
|
type: MatChipRow,
|
|
1246
1246
|
isStandalone: true,
|
|
1247
1247
|
selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]",
|
|
@@ -1315,7 +1315,7 @@ class MatChipRow extends MatChip {
|
|
|
1315
1315
|
}
|
|
1316
1316
|
i0.ɵɵngDeclareClassMetadata({
|
|
1317
1317
|
minVersion: "12.0.0",
|
|
1318
|
-
version: "22.1.0
|
|
1318
|
+
version: "22.1.0",
|
|
1319
1319
|
ngImport: i0,
|
|
1320
1320
|
type: MatChipRow,
|
|
1321
1321
|
decorators: [{
|
|
@@ -1536,7 +1536,7 @@ class MatChipSet {
|
|
|
1536
1536
|
}
|
|
1537
1537
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1538
1538
|
minVersion: "12.0.0",
|
|
1539
|
-
version: "22.1.0
|
|
1539
|
+
version: "22.1.0",
|
|
1540
1540
|
ngImport: i0,
|
|
1541
1541
|
type: MatChipSet,
|
|
1542
1542
|
deps: [],
|
|
@@ -1544,7 +1544,7 @@ class MatChipSet {
|
|
|
1544
1544
|
});
|
|
1545
1545
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1546
1546
|
minVersion: "16.1.0",
|
|
1547
|
-
version: "22.1.0
|
|
1547
|
+
version: "22.1.0",
|
|
1548
1548
|
type: MatChipSet,
|
|
1549
1549
|
isStandalone: true,
|
|
1550
1550
|
selector: "mat-chip-set",
|
|
@@ -1580,7 +1580,7 @@ class MatChipSet {
|
|
|
1580
1580
|
}
|
|
1581
1581
|
i0.ɵɵngDeclareClassMetadata({
|
|
1582
1582
|
minVersion: "12.0.0",
|
|
1583
|
-
version: "22.1.0
|
|
1583
|
+
version: "22.1.0",
|
|
1584
1584
|
ngImport: i0,
|
|
1585
1585
|
type: MatChipSet,
|
|
1586
1586
|
decorators: [{
|
|
@@ -1825,7 +1825,7 @@ class MatChipListbox extends MatChipSet {
|
|
|
1825
1825
|
}
|
|
1826
1826
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1827
1827
|
minVersion: "12.0.0",
|
|
1828
|
-
version: "22.1.0
|
|
1828
|
+
version: "22.1.0",
|
|
1829
1829
|
ngImport: i0,
|
|
1830
1830
|
type: MatChipListbox,
|
|
1831
1831
|
deps: null,
|
|
@@ -1833,7 +1833,7 @@ class MatChipListbox extends MatChipSet {
|
|
|
1833
1833
|
});
|
|
1834
1834
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1835
1835
|
minVersion: "16.1.0",
|
|
1836
|
-
version: "22.1.0
|
|
1836
|
+
version: "22.1.0",
|
|
1837
1837
|
type: MatChipListbox,
|
|
1838
1838
|
isStandalone: true,
|
|
1839
1839
|
selector: "mat-chip-listbox",
|
|
@@ -1887,7 +1887,7 @@ class MatChipListbox extends MatChipSet {
|
|
|
1887
1887
|
}
|
|
1888
1888
|
i0.ɵɵngDeclareClassMetadata({
|
|
1889
1889
|
minVersion: "12.0.0",
|
|
1890
|
-
version: "22.1.0
|
|
1890
|
+
version: "22.1.0",
|
|
1891
1891
|
ngImport: i0,
|
|
1892
1892
|
type: MatChipListbox,
|
|
1893
1893
|
decorators: [{
|
|
@@ -2217,7 +2217,7 @@ class MatChipGrid extends MatChipSet {
|
|
|
2217
2217
|
}
|
|
2218
2218
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2219
2219
|
minVersion: "12.0.0",
|
|
2220
|
-
version: "22.1.0
|
|
2220
|
+
version: "22.1.0",
|
|
2221
2221
|
ngImport: i0,
|
|
2222
2222
|
type: MatChipGrid,
|
|
2223
2223
|
deps: [],
|
|
@@ -2225,7 +2225,7 @@ class MatChipGrid extends MatChipSet {
|
|
|
2225
2225
|
});
|
|
2226
2226
|
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2227
2227
|
minVersion: "16.1.0",
|
|
2228
|
-
version: "22.1.0
|
|
2228
|
+
version: "22.1.0",
|
|
2229
2229
|
type: MatChipGrid,
|
|
2230
2230
|
isStandalone: true,
|
|
2231
2231
|
selector: "mat-chip-grid",
|
|
@@ -2279,7 +2279,7 @@ class MatChipGrid extends MatChipSet {
|
|
|
2279
2279
|
}
|
|
2280
2280
|
i0.ɵɵngDeclareClassMetadata({
|
|
2281
2281
|
minVersion: "12.0.0",
|
|
2282
|
-
version: "22.1.0
|
|
2282
|
+
version: "22.1.0",
|
|
2283
2283
|
ngImport: i0,
|
|
2284
2284
|
type: MatChipGrid,
|
|
2285
2285
|
decorators: [{
|
|
@@ -2480,7 +2480,7 @@ class MatChipInput {
|
|
|
2480
2480
|
}
|
|
2481
2481
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2482
2482
|
minVersion: "12.0.0",
|
|
2483
|
-
version: "22.1.0
|
|
2483
|
+
version: "22.1.0",
|
|
2484
2484
|
ngImport: i0,
|
|
2485
2485
|
type: MatChipInput,
|
|
2486
2486
|
deps: [],
|
|
@@ -2488,7 +2488,7 @@ class MatChipInput {
|
|
|
2488
2488
|
});
|
|
2489
2489
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
2490
2490
|
minVersion: "16.1.0",
|
|
2491
|
-
version: "22.1.0
|
|
2491
|
+
version: "22.1.0",
|
|
2492
2492
|
type: MatChipInput,
|
|
2493
2493
|
isStandalone: true,
|
|
2494
2494
|
selector: "input[matChipInputFor]",
|
|
@@ -2531,7 +2531,7 @@ class MatChipInput {
|
|
|
2531
2531
|
}
|
|
2532
2532
|
i0.ɵɵngDeclareClassMetadata({
|
|
2533
2533
|
minVersion: "12.0.0",
|
|
2534
|
-
version: "22.1.0
|
|
2534
|
+
version: "22.1.0",
|
|
2535
2535
|
ngImport: i0,
|
|
2536
2536
|
type: MatChipInput,
|
|
2537
2537
|
decorators: [{
|
|
@@ -2609,7 +2609,7 @@ const CHIP_DECLARATIONS = [MatChip, MatChipAvatar, MatChipEdit, MatChipEditInput
|
|
|
2609
2609
|
class MatChipsModule {
|
|
2610
2610
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2611
2611
|
minVersion: "12.0.0",
|
|
2612
|
-
version: "22.1.0
|
|
2612
|
+
version: "22.1.0",
|
|
2613
2613
|
ngImport: i0,
|
|
2614
2614
|
type: MatChipsModule,
|
|
2615
2615
|
deps: [],
|
|
@@ -2617,7 +2617,7 @@ class MatChipsModule {
|
|
|
2617
2617
|
});
|
|
2618
2618
|
static ɵmod = i0.ɵɵngDeclareNgModule({
|
|
2619
2619
|
minVersion: "14.0.0",
|
|
2620
|
-
version: "22.1.0
|
|
2620
|
+
version: "22.1.0",
|
|
2621
2621
|
ngImport: i0,
|
|
2622
2622
|
type: MatChipsModule,
|
|
2623
2623
|
imports: [MatRippleModule, MatChipAction, MatChip, MatChipAvatar, MatChipEdit, MatChipEditInput, MatChipGrid, MatChipInput, MatChipListbox, MatChipOption, MatChipRemove, MatChipRow, MatChipSet, MatChipTrailingIcon],
|
|
@@ -2625,7 +2625,7 @@ class MatChipsModule {
|
|
|
2625
2625
|
});
|
|
2626
2626
|
static ɵinj = i0.ɵɵngDeclareInjector({
|
|
2627
2627
|
minVersion: "12.0.0",
|
|
2628
|
-
version: "22.1.0
|
|
2628
|
+
version: "22.1.0",
|
|
2629
2629
|
ngImport: i0,
|
|
2630
2630
|
type: MatChipsModule,
|
|
2631
2631
|
providers: [ErrorStateMatcher, {
|
|
@@ -2639,7 +2639,7 @@ class MatChipsModule {
|
|
|
2639
2639
|
}
|
|
2640
2640
|
i0.ɵɵngDeclareClassMetadata({
|
|
2641
2641
|
minVersion: "12.0.0",
|
|
2642
|
-
version: "22.1.0
|
|
2642
|
+
version: "22.1.0",
|
|
2643
2643
|
ngImport: i0,
|
|
2644
2644
|
type: MatChipsModule,
|
|
2645
2645
|
decorators: [{
|