@depup/angular__material 21.2.2-depup.19
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/LICENSE +21 -0
- package/README.md +31 -0
- package/_index.scss +145 -0
- package/autocomplete/_autocomplete-theme.scss +76 -0
- package/autocomplete/_m2-autocomplete.scss +19 -0
- package/autocomplete/_m3-autocomplete.scss +26 -0
- package/badge/_badge-theme.scss +106 -0
- package/badge/_m2-badge.scss +73 -0
- package/badge/_m3-badge.scss +52 -0
- package/bottom-sheet/_bottom-sheet-theme.scss +76 -0
- package/bottom-sheet/_m2-bottom-sheet.scss +24 -0
- package/bottom-sheet/_m3-bottom-sheet.scss +25 -0
- package/button/_button-theme.scss +113 -0
- package/button/_fab-theme.scss +111 -0
- package/button/_icon-button-theme.scss +136 -0
- package/button/_m2-button.scss +194 -0
- package/button/_m2-fab.scss +101 -0
- package/button/_m2-icon-button.scss +59 -0
- package/button/_m3-button.scss +170 -0
- package/button/_m3-fab.scss +92 -0
- package/button/_m3-icon-button.scss +54 -0
- package/button-toggle/_button-toggle-theme.scss +93 -0
- package/button-toggle/_m2-button-toggle.scss +68 -0
- package/button-toggle/_m3-button-toggle.scss +72 -0
- package/card/_card-theme.scss +76 -0
- package/card/_m2-card.scss +39 -0
- package/card/_m3-card.scss +44 -0
- package/changes.json +10 -0
- package/checkbox/_checkbox-theme.scss +105 -0
- package/checkbox/_m2-checkbox.scss +78 -0
- package/checkbox/_m3-checkbox.scss +68 -0
- package/chips/_chips-theme.scss +115 -0
- package/chips/_m2-chip.scss +85 -0
- package/chips/_m3-chip.scss +81 -0
- package/core/_core-theme.scss +125 -0
- package/core/_core.scss +50 -0
- package/core/_m2-app.scss +24 -0
- package/core/_m3-app.scss +44 -0
- package/core/color/_all-color.scss +17 -0
- package/core/density/private/_all-density.scss +78 -0
- package/core/focus-indicators/_private.scss +126 -0
- package/core/m2/_index.scss +52 -0
- package/core/m2/_palette.scss +748 -0
- package/core/m2/_theming.scss +340 -0
- package/core/m2/_typography-utils.scss +81 -0
- package/core/m2/_typography.scss +388 -0
- package/core/option/_m2-optgroup.scss +21 -0
- package/core/option/_m2-option.scss +38 -0
- package/core/option/_m3-optgroup.scss +25 -0
- package/core/option/_m3-option.scss +37 -0
- package/core/option/_optgroup-theme.scss +76 -0
- package/core/option/_option-theme.scss +103 -0
- package/core/ripple/_m2-ripple.scss +17 -0
- package/core/ripple/_m3-ripple.scss +17 -0
- package/core/ripple/_ripple-theme.scss +75 -0
- package/core/ripple/_ripple.scss +56 -0
- package/core/selection/pseudo-checkbox/_m2-pseudo-checkbox.scss +32 -0
- package/core/selection/pseudo-checkbox/_m3-pseudo-checkbox.scss +34 -0
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-common.scss +86 -0
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +110 -0
- package/core/style/_checkbox-common.scss +11 -0
- package/core/style/_elevation.scss +208 -0
- package/core/style/_layout-common.scss +8 -0
- package/core/style/_private.scss +27 -0
- package/core/style/_sass-utils.scss +57 -0
- package/core/style/_validation.scss +52 -0
- package/core/style/_variables.scss +44 -0
- package/core/style/_vendor-prefixes.scss +56 -0
- package/core/theming/_all-theme.scss +168 -0
- package/core/theming/_color-api-backwards-compatibility.scss +159 -0
- package/core/theming/_config-validation.scss +174 -0
- package/core/theming/_definition.scss +141 -0
- package/core/theming/_inspection.scss +289 -0
- package/core/theming/_m2-inspection.scss +243 -0
- package/core/theming/_palettes.scss +1036 -0
- package/core/theming/_theming.scss +193 -0
- package/core/theming/_validation.scss +5 -0
- package/core/tokens/_classes.scss +398 -0
- package/core/tokens/_m2-utils.scss +25 -0
- package/core/tokens/_m3-tokens.scss +126 -0
- package/core/tokens/_m3-utils.scss +36 -0
- package/core/tokens/_system.scss +398 -0
- package/core/tokens/_token-utils.scss +119 -0
- package/core/tokens/m2/_index.scss +6 -0
- package/core/tokens/m2/_md-sys-color-internal.scss +11 -0
- package/core/tokens/m2/_md-sys-color.scss +123 -0
- package/core/tokens/m2/_md-sys-elevation.scss +10 -0
- package/core/tokens/m2/_md-sys-motion.scss +30 -0
- package/core/tokens/m2/_md-sys-shape.scss +16 -0
- package/core/tokens/m2/_md-sys-state.scss +8 -0
- package/core/tokens/m2/_md-sys-typescale.scss +68 -0
- package/core/tokens/m3/_index.scss +7 -0
- package/core/tokens/m3/_md-sys-color-internal.scss +11 -0
- package/core/tokens/m3/_md-sys-color.scss +118 -0
- package/core/tokens/m3/_md-sys-elevation.scss +15 -0
- package/core/tokens/m3/_md-sys-motion.scss +35 -0
- package/core/tokens/m3/_md-sys-shape.scss +21 -0
- package/core/tokens/m3/_md-sys-state.scss +13 -0
- package/core/tokens/m3/_md-sys-typescale-internal.scss +5 -0
- package/core/tokens/m3/_md-sys-typescale.scss +114 -0
- package/core/tokens/m3/_theme.scss +35 -0
- package/core/typography/_all-typography.scss +104 -0
- package/core/typography/_typography-utils.scss +31 -0
- package/core/typography/_typography.scss +269 -0
- package/core/typography/_versioning.scss +90 -0
- package/datepicker/_datepicker-theme.scss +132 -0
- package/datepicker/_m2-datepicker.scss +81 -0
- package/datepicker/_m3-datepicker.scss +74 -0
- package/dialog/_dialog-legacy-padding.scss +31 -0
- package/dialog/_dialog-theme.scss +76 -0
- package/dialog/_m2-dialog.scss +43 -0
- package/dialog/_m3-dialog.scss +47 -0
- package/divider/_divider-theme.scss +75 -0
- package/divider/_m2-divider.scss +17 -0
- package/divider/_m3-divider.scss +19 -0
- package/expansion/_expansion-theme.scss +76 -0
- package/expansion/_m2-expansion.scss +64 -0
- package/expansion/_m3-expansion.scss +61 -0
- package/fesm2022/_animation-chunk.mjs +22 -0
- package/fesm2022/_animation-chunk.mjs.map +1 -0
- package/fesm2022/_date-formats-chunk.mjs +86 -0
- package/fesm2022/_date-formats-chunk.mjs.map +1 -0
- package/fesm2022/_date-range-input-harness-chunk.mjs +322 -0
- package/fesm2022/_date-range-input-harness-chunk.mjs.map +1 -0
- package/fesm2022/_error-options-chunk.mjs +66 -0
- package/fesm2022/_error-options-chunk.mjs.map +1 -0
- package/fesm2022/_error-state-chunk.mjs +30 -0
- package/fesm2022/_error-state-chunk.mjs.map +1 -0
- package/fesm2022/_form-field-chunk.mjs +1351 -0
- package/fesm2022/_form-field-chunk.mjs.map +1 -0
- package/fesm2022/_icon-button-chunk.mjs +268 -0
- package/fesm2022/_icon-button-chunk.mjs.map +1 -0
- package/fesm2022/_icon-registry-chunk.mjs +368 -0
- package/fesm2022/_icon-registry-chunk.mjs.map +1 -0
- package/fesm2022/_input-harness-chunk.mjs +67 -0
- package/fesm2022/_input-harness-chunk.mjs.map +1 -0
- package/fesm2022/_input-value-accessor-chunk.mjs +6 -0
- package/fesm2022/_input-value-accessor-chunk.mjs.map +1 -0
- package/fesm2022/_internal-form-field-chunk.mjs +67 -0
- package/fesm2022/_internal-form-field-chunk.mjs.map +1 -0
- package/fesm2022/_line-chunk.mjs +99 -0
- package/fesm2022/_line-chunk.mjs.map +1 -0
- package/fesm2022/_option-chunk.mjs +385 -0
- package/fesm2022/_option-chunk.mjs.map +1 -0
- package/fesm2022/_option-harness-chunk.mjs +30 -0
- package/fesm2022/_option-harness-chunk.mjs.map +1 -0
- package/fesm2022/_option-module-chunk.mjs +48 -0
- package/fesm2022/_option-module-chunk.mjs.map +1 -0
- package/fesm2022/_pseudo-checkbox-chunk.mjs +88 -0
- package/fesm2022/_pseudo-checkbox-chunk.mjs.map +1 -0
- package/fesm2022/_pseudo-checkbox-module-chunk.mjs +46 -0
- package/fesm2022/_pseudo-checkbox-module-chunk.mjs.map +1 -0
- package/fesm2022/_public-api-chunk.mjs +84 -0
- package/fesm2022/_public-api-chunk.mjs.map +1 -0
- package/fesm2022/_ripple-chunk.mjs +544 -0
- package/fesm2022/_ripple-chunk.mjs.map +1 -0
- package/fesm2022/_ripple-loader-chunk.mjs +144 -0
- package/fesm2022/_ripple-loader-chunk.mjs.map +1 -0
- package/fesm2022/_ripple-module-chunk.mjs +46 -0
- package/fesm2022/_ripple-module-chunk.mjs.map +1 -0
- package/fesm2022/_structural-styles-chunk.mjs +45 -0
- package/fesm2022/_structural-styles-chunk.mjs.map +1 -0
- package/fesm2022/_tooltip-chunk.mjs +848 -0
- package/fesm2022/_tooltip-chunk.mjs.map +1 -0
- package/fesm2022/autocomplete-testing.mjs +75 -0
- package/fesm2022/autocomplete-testing.mjs.map +1 -0
- package/fesm2022/autocomplete.mjs +1068 -0
- package/fesm2022/autocomplete.mjs.map +1 -0
- package/fesm2022/badge-testing.mjs +48 -0
- package/fesm2022/badge-testing.mjs.map +1 -0
- package/fesm2022/badge.mjs +357 -0
- package/fesm2022/badge.mjs.map +1 -0
- package/fesm2022/bottom-sheet-testing.mjs +17 -0
- package/fesm2022/bottom-sheet-testing.mjs.map +1 -0
- package/fesm2022/bottom-sheet.mjs +390 -0
- package/fesm2022/bottom-sheet.mjs.map +1 -0
- package/fesm2022/button-testing.mjs +81 -0
- package/fesm2022/button-testing.mjs.map +1 -0
- package/fesm2022/button-toggle-testing.mjs +87 -0
- package/fesm2022/button-toggle-testing.mjs.map +1 -0
- package/fesm2022/button-toggle.mjs +789 -0
- package/fesm2022/button-toggle.mjs.map +1 -0
- package/fesm2022/button.mjs +308 -0
- package/fesm2022/button.mjs.map +1 -0
- package/fesm2022/card-testing.mjs +29 -0
- package/fesm2022/card-testing.mjs.map +1 -0
- package/fesm2022/card.mjs +615 -0
- package/fesm2022/card.mjs.map +1 -0
- package/fesm2022/checkbox-testing.mjs +79 -0
- package/fesm2022/checkbox-testing.mjs.map +1 -0
- package/fesm2022/checkbox.mjs +551 -0
- package/fesm2022/checkbox.mjs.map +1 -0
- package/fesm2022/chips-testing.mjs +239 -0
- package/fesm2022/chips-testing.mjs.map +1 -0
- package/fesm2022/chips.mjs +2663 -0
- package/fesm2022/chips.mjs.map +1 -0
- package/fesm2022/core-testing.mjs +22 -0
- package/fesm2022/core-testing.mjs.map +1 -0
- package/fesm2022/core.mjs +408 -0
- package/fesm2022/core.mjs.map +1 -0
- package/fesm2022/datepicker-testing.mjs +26 -0
- package/fesm2022/datepicker-testing.mjs.map +1 -0
- package/fesm2022/datepicker.mjs +5015 -0
- package/fesm2022/datepicker.mjs.map +1 -0
- package/fesm2022/dialog-testing.mjs +123 -0
- package/fesm2022/dialog-testing.mjs.map +1 -0
- package/fesm2022/dialog.mjs +873 -0
- package/fesm2022/dialog.mjs.map +1 -0
- package/fesm2022/divider-testing.mjs +17 -0
- package/fesm2022/divider-testing.mjs.map +1 -0
- package/fesm2022/divider.mjs +132 -0
- package/fesm2022/divider.mjs.map +1 -0
- package/fesm2022/expansion-testing.mjs +87 -0
- package/fesm2022/expansion-testing.mjs.map +1 -0
- package/fesm2022/expansion.mjs +749 -0
- package/fesm2022/expansion.mjs.map +1 -0
- package/fesm2022/form-field-testing-control.mjs +24 -0
- package/fesm2022/form-field-testing-control.mjs.map +1 -0
- package/fesm2022/form-field-testing.mjs +135 -0
- package/fesm2022/form-field-testing.mjs.map +1 -0
- package/fesm2022/form-field.mjs +57 -0
- package/fesm2022/form-field.mjs.map +1 -0
- package/fesm2022/grid-list-testing.mjs +80 -0
- package/fesm2022/grid-list-testing.mjs.map +1 -0
- package/fesm2022/grid-list.mjs +604 -0
- package/fesm2022/grid-list.mjs.map +1 -0
- package/fesm2022/icon-testing.mjs +172 -0
- package/fesm2022/icon-testing.mjs.map +1 -0
- package/fesm2022/icon.mjs +366 -0
- package/fesm2022/icon.mjs.map +1 -0
- package/fesm2022/input-testing.mjs +73 -0
- package/fesm2022/input-testing.mjs.map +1 -0
- package/fesm2022/input.mjs +495 -0
- package/fesm2022/input.mjs.map +1 -0
- package/fesm2022/list-testing.mjs +295 -0
- package/fesm2022/list-testing.mjs.map +1 -0
- package/fesm2022/list.mjs +1604 -0
- package/fesm2022/list.mjs.map +1 -0
- package/fesm2022/material.mjs +4 -0
- package/fesm2022/material.mjs.map +1 -0
- package/fesm2022/menu-testing.mjs +174 -0
- package/fesm2022/menu-testing.mjs.map +1 -0
- package/fesm2022/menu.mjs +1421 -0
- package/fesm2022/menu.mjs.map +1 -0
- package/fesm2022/paginator-testing.mjs +69 -0
- package/fesm2022/paginator-testing.mjs.map +1 -0
- package/fesm2022/paginator.mjs +445 -0
- package/fesm2022/paginator.mjs.map +1 -0
- package/fesm2022/progress-bar-testing.mjs +20 -0
- package/fesm2022/progress-bar-testing.mjs.map +1 -0
- package/fesm2022/progress-bar.mjs +247 -0
- package/fesm2022/progress-bar.mjs.map +1 -0
- package/fesm2022/progress-spinner-testing.mjs +21 -0
- package/fesm2022/progress-spinner-testing.mjs.map +1 -0
- package/fesm2022/progress-spinner.mjs +258 -0
- package/fesm2022/progress-spinner.mjs.map +1 -0
- package/fesm2022/radio-testing.mjs +143 -0
- package/fesm2022/radio-testing.mjs.map +1 -0
- package/fesm2022/radio.mjs +751 -0
- package/fesm2022/radio.mjs.map +1 -0
- package/fesm2022/select-testing.mjs +92 -0
- package/fesm2022/select-testing.mjs.map +1 -0
- package/fesm2022/select.mjs +1181 -0
- package/fesm2022/select.mjs.map +1 -0
- package/fesm2022/sidenav-testing.mjs +80 -0
- package/fesm2022/sidenav-testing.mjs.map +1 -0
- package/fesm2022/sidenav.mjs +1151 -0
- package/fesm2022/sidenav.mjs.map +1 -0
- package/fesm2022/slide-toggle-testing.mjs +68 -0
- package/fesm2022/slide-toggle-testing.mjs.map +1 -0
- package/fesm2022/slide-toggle.mjs +403 -0
- package/fesm2022/slide-toggle.mjs.map +1 -0
- package/fesm2022/slider-testing.mjs +105 -0
- package/fesm2022/slider-testing.mjs.map +1 -0
- package/fesm2022/slider.mjs +1720 -0
- package/fesm2022/slider.mjs.map +1 -0
- package/fesm2022/snack-bar-testing.mjs +47 -0
- package/fesm2022/snack-bar-testing.mjs.map +1 -0
- package/fesm2022/snack-bar.mjs +820 -0
- package/fesm2022/snack-bar.mjs.map +1 -0
- package/fesm2022/sort-testing.mjs +55 -0
- package/fesm2022/sort-testing.mjs.map +1 -0
- package/fesm2022/sort.mjs +470 -0
- package/fesm2022/sort.mjs.map +1 -0
- package/fesm2022/stepper-testing.mjs +99 -0
- package/fesm2022/stepper-testing.mjs.map +1 -0
- package/fesm2022/stepper.mjs +900 -0
- package/fesm2022/stepper.mjs.map +1 -0
- package/fesm2022/table-testing.mjs +152 -0
- package/fesm2022/table-testing.mjs.map +1 -0
- package/fesm2022/table.mjs +1151 -0
- package/fesm2022/table.mjs.map +1 -0
- package/fesm2022/tabs-testing.mjs +144 -0
- package/fesm2022/tabs-testing.mjs.map +1 -0
- package/fesm2022/tabs.mjs +2435 -0
- package/fesm2022/tabs.mjs.map +1 -0
- package/fesm2022/timepicker-testing.mjs +128 -0
- package/fesm2022/timepicker-testing.mjs.map +1 -0
- package/fesm2022/timepicker.mjs +1284 -0
- package/fesm2022/timepicker.mjs.map +1 -0
- package/fesm2022/toolbar-testing.mjs +26 -0
- package/fesm2022/toolbar-testing.mjs.map +1 -0
- package/fesm2022/toolbar.mjs +182 -0
- package/fesm2022/toolbar.mjs.map +1 -0
- package/fesm2022/tooltip-testing.mjs +48 -0
- package/fesm2022/tooltip-testing.mjs.map +1 -0
- package/fesm2022/tooltip.mjs +58 -0
- package/fesm2022/tooltip.mjs.map +1 -0
- package/fesm2022/tree-testing.mjs +104 -0
- package/fesm2022/tree-testing.mjs.map +1 -0
- package/fesm2022/tree.mjs +681 -0
- package/fesm2022/tree.mjs.map +1 -0
- package/form-field/_form-field-theme.scss +96 -0
- package/form-field/_m2-form-field.scss +226 -0
- package/form-field/_m3-form-field.scss +137 -0
- package/grid-list/_grid-list-theme.scss +76 -0
- package/grid-list/_m2-grid-list.scss +21 -0
- package/grid-list/_m3-grid-list.scss +20 -0
- package/icon/_icon-theme.scss +109 -0
- package/icon/_m2-icon.scss +15 -0
- package/icon/_m3-icon.scss +21 -0
- package/input/_input-theme.scss +36 -0
- package/list/_list-theme.scss +201 -0
- package/list/_m2-list.scss +92 -0
- package/list/_m3-list.scss +93 -0
- package/menu/_m2-menu.scss +44 -0
- package/menu/_m3-menu.scss +42 -0
- package/menu/_menu-theme.scss +76 -0
- package/package.json +404 -0
- package/paginator/_m2-paginator.scss +69 -0
- package/paginator/_m3-paginator.scss +46 -0
- package/paginator/_paginator-theme.scss +76 -0
- package/prebuilt-themes/azure-blue.css +1 -0
- package/prebuilt-themes/cyan-orange.css +1 -0
- package/prebuilt-themes/deeppurple-amber.css +1 -0
- package/prebuilt-themes/indigo-pink.css +1 -0
- package/prebuilt-themes/magenta-violet.css +1 -0
- package/prebuilt-themes/pink-bluegrey.css +1 -0
- package/prebuilt-themes/purple-green.css +1 -0
- package/prebuilt-themes/rose-red.css +1 -0
- package/progress-bar/_m2-progress-bar.scss +36 -0
- package/progress-bar/_m3-progress-bar.scss +29 -0
- package/progress-bar/_progress-bar-theme.scss +93 -0
- package/progress-spinner/_m2-progress-spinner.scss +25 -0
- package/progress-spinner/_m3-progress-spinner.scss +27 -0
- package/progress-spinner/_progress-spinner-theme.scss +95 -0
- package/radio/_m2-radio.scss +67 -0
- package/radio/_m3-radio.scss +65 -0
- package/radio/_radio-theme.scss +102 -0
- package/schematics/collection.json +55 -0
- package/schematics/migration.json +15 -0
- package/schematics/ng-add/fonts/material-fonts.d.ts +11 -0
- package/schematics/ng-add/fonts/material-fonts.js +41 -0
- package/schematics/ng-add/fonts/material-fonts.js.map +1 -0
- package/schematics/ng-add/index.d.ts +17 -0
- package/schematics/ng-add/index.js +54 -0
- package/schematics/ng-add/index.js.map +1 -0
- package/schematics/ng-add/package-config.d.ts +12 -0
- package/schematics/ng-add/package-config.js +51 -0
- package/schematics/ng-add/package-config.js.map +1 -0
- package/schematics/ng-add/schema.d.ts +15 -0
- package/schematics/ng-add/schema.js +10 -0
- package/schematics/ng-add/schema.js.map +1 -0
- package/schematics/ng-add/schema.json +43 -0
- package/schematics/ng-add/setup-project.d.ts +15 -0
- package/schematics/ng-add/setup-project.js +36 -0
- package/schematics/ng-add/setup-project.js.map +1 -0
- package/schematics/ng-add/theming/create-theme.d.ts +9 -0
- package/schematics/ng-add/theming/create-theme.js +58 -0
- package/schematics/ng-add/theming/create-theme.js.map +1 -0
- package/schematics/ng-add/theming/theming.d.ts +11 -0
- package/schematics/ng-add/theming/theming.js +133 -0
- package/schematics/ng-add/theming/theming.js.map +1 -0
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +27 -0
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +99 -0
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +38 -0
- package/schematics/ng-generate/address-form/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +118 -0
- package/schematics/ng-generate/address-form/index.d.ts +14 -0
- package/schematics/ng-generate/address-form/index.js +43 -0
- package/schematics/ng-generate/address-form/index.js.map +1 -0
- package/schematics/ng-generate/address-form/schema.d.ts +10 -0
- package/schematics/ng-generate/address-form/schema.js +10 -0
- package/schematics/ng-generate/address-form/schema.js.map +1 -0
- package/schematics/ng-generate/address-form/schema.json +100 -0
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +21 -0
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +26 -0
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +36 -0
- package/schematics/ng-generate/dashboard/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +56 -0
- package/schematics/ng-generate/dashboard/index.d.ts +14 -0
- package/schematics/ng-generate/dashboard/index.js +42 -0
- package/schematics/ng-generate/dashboard/index.js.map +1 -0
- package/schematics/ng-generate/dashboard/schema.d.ts +10 -0
- package/schematics/ng-generate/dashboard/schema.js +10 -0
- package/schematics/ng-generate/dashboard/schema.js.map +1 -0
- package/schematics/ng-generate/dashboard/schema.json +100 -0
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +17 -0
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +28 -0
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +36 -0
- package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +42 -0
- package/schematics/ng-generate/navigation/index.d.ts +14 -0
- package/schematics/ng-generate/navigation/index.js +42 -0
- package/schematics/ng-generate/navigation/index.js.map +1 -0
- package/schematics/ng-generate/navigation/schema.d.ts +10 -0
- package/schematics/ng-generate/navigation/schema.js +10 -0
- package/schematics/ng-generate/navigation/schema.js.map +1 -0
- package/schematics/ng-generate/navigation/schema.json +105 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__-datasource.ts.template +111 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +3 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +26 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +32 -0
- package/schematics/ng-generate/table/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +36 -0
- package/schematics/ng-generate/table/index.d.ts +14 -0
- package/schematics/ng-generate/table/index.js +40 -0
- package/schematics/ng-generate/table/index.js.map +1 -0
- package/schematics/ng-generate/table/schema.d.ts +10 -0
- package/schematics/ng-generate/table/schema.js +10 -0
- package/schematics/ng-generate/table/schema.js.map +1 -0
- package/schematics/ng-generate/table/schema.json +100 -0
- package/schematics/ng-generate/theme-color/index_bundled.js +6561 -0
- package/schematics/ng-generate/theme-color/index_bundled.js.map +6 -0
- package/schematics/ng-generate/theme-color/schema.json +55 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.__style__.template +4 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template +22 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.spec.ts.template +32 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template +93 -0
- package/schematics/ng-generate/tree/files/__path__/__name@dasherize@if-flat__/example-data.ts.template +47 -0
- package/schematics/ng-generate/tree/index.d.ts +14 -0
- package/schematics/ng-generate/tree/index.js +40 -0
- package/schematics/ng-generate/tree/index.js.map +1 -0
- package/schematics/ng-generate/tree/schema.d.ts +10 -0
- package/schematics/ng-generate/tree/schema.js +10 -0
- package/schematics/ng-generate/tree/schema.js.map +1 -0
- package/schematics/ng-generate/tree/schema.json +100 -0
- package/schematics/ng-update/index_bundled.js +204 -0
- package/schematics/ng-update/index_bundled.js.map +6 -0
- package/schematics/package.json +3 -0
- package/select/_m2-select.scss +49 -0
- package/select/_m3-select.scss +54 -0
- package/select/_select-theme.scss +99 -0
- package/sidenav/_m2-sidenav.scss +48 -0
- package/sidenav/_m3-sidenav.scss +26 -0
- package/sidenav/_sidenav-theme.scss +75 -0
- package/slide-toggle/_m2-slide-toggle.scss +134 -0
- package/slide-toggle/_m3-slide-toggle.scss +133 -0
- package/slide-toggle/_slide-toggle-theme.scss +119 -0
- package/slider/_m2-slider.scss +73 -0
- package/slider/_m3-slider.scss +69 -0
- package/slider/_slider-theme.scss +103 -0
- package/snack-bar/_m2-snack-bar.scss +24 -0
- package/snack-bar/_m3-snack-bar.scss +26 -0
- package/snack-bar/_snack-bar-theme.scss +77 -0
- package/sort/_m2-sort.scss +16 -0
- package/sort/_m3-sort.scss +20 -0
- package/sort/_sort-theme.scss +76 -0
- package/stepper/_m2-stepper.scss +65 -0
- package/stepper/_m3-stepper.scss +66 -0
- package/stepper/_stepper-theme.scss +102 -0
- package/table/_m2-table.scss +63 -0
- package/table/_m3-table.scss +52 -0
- package/table/_table-theme.scss +76 -0
- package/tabs/_m2-tabs.scss +68 -0
- package/tabs/_m3-tabs.scss +58 -0
- package/tabs/_tabs-theme.scss +131 -0
- package/timepicker/_m2-timepicker.scss +19 -0
- package/timepicker/_m3-timepicker.scss +21 -0
- package/timepicker/_timepicker-theme.scss +81 -0
- package/toolbar/_m2-toolbar.scss +43 -0
- package/toolbar/_m3-toolbar.scss +41 -0
- package/toolbar/_toolbar-theme.scss +114 -0
- package/tooltip/_m2-tooltip.scss +24 -0
- package/tooltip/_m3-tooltip.scss +25 -0
- package/tooltip/_tooltip-theme.scss +76 -0
- package/tree/_m2-tree.scss +30 -0
- package/tree/_m3-tree.scss +37 -0
- package/tree/_tree-theme.scss +76 -0
- package/types/_badge-chunk.d.ts +100 -0
- package/types/_button-toggle-chunk.d.ts +252 -0
- package/types/_date-adapter-chunk.d.ts +261 -0
- package/types/_date-range-input-harness-chunk.d.ts +284 -0
- package/types/_dialog-chunk.d.ts +336 -0
- package/types/_error-options-chunk.d.ts +17 -0
- package/types/_form-field-chunk.d.ts +375 -0
- package/types/_form-field-control-chunk.d.ts +64 -0
- package/types/_form-field-control-harness-chunk.d.ts +20 -0
- package/types/_form-field-module-chunk.d.ts +18 -0
- package/types/_icon-module-chunk.d.ts +162 -0
- package/types/_icon-registry-chunk.d.ts +271 -0
- package/types/_input-harness-chunk.d.ts +61 -0
- package/types/_line-chunk.d.ts +25 -0
- package/types/_list-option-types-chunk.d.ts +15 -0
- package/types/_option-chunk.d.ts +146 -0
- package/types/_option-harness-chunk.d.ts +35 -0
- package/types/_option-module-chunk.d.ts +13 -0
- package/types/_option-parent-chunk.d.ts +20 -0
- package/types/_paginator-chunk.d.ts +184 -0
- package/types/_palette-chunk.d.ts +4 -0
- package/types/_progress-spinner-chunk.d.ts +91 -0
- package/types/_pseudo-checkbox-module-chunk.d.ts +45 -0
- package/types/_ripple-chunk.d.ts +256 -0
- package/types/_ripple-loader-chunk.d.ts +48 -0
- package/types/_ripple-module-chunk.d.ts +11 -0
- package/types/_sort-chunk.d.ts +88 -0
- package/types/_sort-direction-chunk.d.ts +3 -0
- package/types/_tooltip-chunk.d.ts +315 -0
- package/types/autocomplete-testing.d.ts +53 -0
- package/types/autocomplete.d.ts +420 -0
- package/types/badge-testing.d.ts +36 -0
- package/types/badge.d.ts +14 -0
- package/types/bottom-sheet-testing.d.ts +26 -0
- package/types/bottom-sheet.d.ts +192 -0
- package/types/button-testing.d.ts +70 -0
- package/types/button-toggle-testing.d.ts +97 -0
- package/types/button-toggle.d.ts +16 -0
- package/types/button.d.ts +210 -0
- package/types/card-testing.d.ts +41 -0
- package/types/card.d.ts +156 -0
- package/types/checkbox-testing.d.ts +86 -0
- package/types/checkbox.d.ts +216 -0
- package/types/chips-testing.d.ts +270 -0
- package/types/chips.d.ts +993 -0
- package/types/core-testing.d.ts +32 -0
- package/types/core.d.ts +185 -0
- package/types/datepicker-testing.d.ts +25 -0
- package/types/datepicker.d.ts +1746 -0
- package/types/dialog-testing.d.ts +83 -0
- package/types/dialog.d.ts +84 -0
- package/types/divider-testing.d.ts +15 -0
- package/types/divider.d.ts +24 -0
- package/types/expansion-testing.d.ts +101 -0
- package/types/expansion.d.ts +258 -0
- package/types/form-field-testing-control.d.ts +13 -0
- package/types/form-field-testing.d.ts +127 -0
- package/types/form-field.d.ts +19 -0
- package/types/grid-list-testing.d.ts +82 -0
- package/types/grid-list.d.ts +207 -0
- package/types/icon-testing.d.ts +81 -0
- package/types/icon.d.ts +8 -0
- package/types/input-testing.d.ts +73 -0
- package/types/input.d.ts +208 -0
- package/types/list-testing.d.ts +354 -0
- package/types/list.d.ts +516 -0
- package/types/material.d.ts +3 -0
- package/types/menu-testing.d.ts +141 -0
- package/types/menu.d.ts +547 -0
- package/types/paginator-testing.d.ts +51 -0
- package/types/paginator.d.ts +36 -0
- package/types/progress-bar-testing.d.ts +24 -0
- package/types/progress-bar.d.ts +106 -0
- package/types/progress-spinner-testing.d.ts +28 -0
- package/types/progress-spinner.d.ts +13 -0
- package/types/radio-testing.d.ts +109 -0
- package/types/radio.d.ts +295 -0
- package/types/select-testing.d.ts +63 -0
- package/types/select.d.ts +448 -0
- package/types/sidenav-testing.d.ts +122 -0
- package/types/sidenav.d.ts +335 -0
- package/types/slide-toggle-testing.d.ts +66 -0
- package/types/slide-toggle.d.ts +151 -0
- package/types/slider-testing.d.ts +90 -0
- package/types/slider.d.ts +662 -0
- package/types/snack-bar-testing.d.ts +64 -0
- package/types/snack-bar.d.ts +328 -0
- package/types/sort-testing.d.ts +48 -0
- package/types/sort.d.ts +126 -0
- package/types/stepper-testing.d.ts +136 -0
- package/types/stepper.d.ts +225 -0
- package/types/table-testing.d.ts +174 -0
- package/types/table.d.ts +302 -0
- package/types/tabs-testing.d.ts +145 -0
- package/types/tabs.d.ts +890 -0
- package/types/timepicker-testing.d.ts +108 -0
- package/types/timepicker.d.ts +318 -0
- package/types/toolbar-testing.d.ts +33 -0
- package/types/toolbar.d.ts +44 -0
- package/types/tooltip-testing.d.ts +35 -0
- package/types/tooltip.d.ts +17 -0
- package/types/tree-testing.d.ts +119 -0
- package/types/tree.d.ts +233 -0
|
@@ -0,0 +1,2663 @@
|
|
|
1
|
+
import { FocusMonitor, _IdGenerator, FocusKeyManager } from '@angular/cdk/a11y';
|
|
2
|
+
import { ENTER, SPACE, BACKSPACE, DELETE, TAB, hasModifierKey, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
|
|
3
|
+
import { _CdkPrivateStyleLoader, _VisuallyHiddenLoader } from '@angular/cdk/private';
|
|
4
|
+
import * as i0 from '@angular/core';
|
|
5
|
+
import { InjectionToken, inject, ElementRef, booleanAttribute, numberAttribute, Directive, Input, ChangeDetectorRef, HOST_TAG_NAME, NgZone, DOCUMENT, EventEmitter, Injector, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren, Output, ContentChild, ViewChild, Renderer2, afterNextRender, QueryList, forwardRef, NgModule } from '@angular/core';
|
|
6
|
+
import { Subject, merge } from 'rxjs';
|
|
7
|
+
import { _StructuralStylesLoader } from './_structural-styles-chunk.mjs';
|
|
8
|
+
import { MAT_RIPPLE_GLOBAL_OPTIONS } from './_ripple-chunk.mjs';
|
|
9
|
+
import { _animationsDisabled } from './_animation-chunk.mjs';
|
|
10
|
+
import { MatRippleLoader } from './_ripple-loader-chunk.mjs';
|
|
11
|
+
import { takeUntil, startWith, switchMap } from 'rxjs/operators';
|
|
12
|
+
import { Directionality, BidiModule } from '@angular/cdk/bidi';
|
|
13
|
+
import { NG_VALUE_ACCESSOR, NgControl, Validators, NgForm, FormGroupDirective } from '@angular/forms';
|
|
14
|
+
import { ErrorStateMatcher } from './_error-options-chunk.mjs';
|
|
15
|
+
import { _ErrorStateTracker } from './_error-state-chunk.mjs';
|
|
16
|
+
import { MatFormFieldControl, MAT_FORM_FIELD } from './_form-field-chunk.mjs';
|
|
17
|
+
import { MatRippleModule } from './_ripple-module-chunk.mjs';
|
|
18
|
+
import '@angular/cdk/platform';
|
|
19
|
+
import '@angular/cdk/coercion';
|
|
20
|
+
import '@angular/cdk/layout';
|
|
21
|
+
import '@angular/common';
|
|
22
|
+
import '@angular/cdk/observers/private';
|
|
23
|
+
|
|
24
|
+
const MAT_CHIPS_DEFAULT_OPTIONS = new InjectionToken('mat-chips-default-options', {
|
|
25
|
+
providedIn: 'root',
|
|
26
|
+
factory: () => ({
|
|
27
|
+
separatorKeyCodes: [ENTER]
|
|
28
|
+
})
|
|
29
|
+
});
|
|
30
|
+
const MAT_CHIP_AVATAR = new InjectionToken('MatChipAvatar');
|
|
31
|
+
const MAT_CHIP_TRAILING_ICON = new InjectionToken('MatChipTrailingIcon');
|
|
32
|
+
const MAT_CHIP_EDIT = new InjectionToken('MatChipEdit');
|
|
33
|
+
const MAT_CHIP_REMOVE = new InjectionToken('MatChipRemove');
|
|
34
|
+
const MAT_CHIP = new InjectionToken('MatChip');
|
|
35
|
+
|
|
36
|
+
class MatChipContent {
|
|
37
|
+
_elementRef = inject(ElementRef);
|
|
38
|
+
_parentChip = inject(MAT_CHIP);
|
|
39
|
+
_isPrimary = true;
|
|
40
|
+
_isLeading = false;
|
|
41
|
+
get disabled() {
|
|
42
|
+
return this._disabled || this._parentChip?.disabled || false;
|
|
43
|
+
}
|
|
44
|
+
set disabled(value) {
|
|
45
|
+
this._disabled = value;
|
|
46
|
+
}
|
|
47
|
+
_disabled = false;
|
|
48
|
+
tabIndex = -1;
|
|
49
|
+
_allowFocusWhenDisabled = false;
|
|
50
|
+
_getDisabledAttribute() {
|
|
51
|
+
return this.disabled && !this._allowFocusWhenDisabled ? '' : null;
|
|
52
|
+
}
|
|
53
|
+
constructor() {
|
|
54
|
+
inject(_CdkPrivateStyleLoader).load(_StructuralStylesLoader);
|
|
55
|
+
if (this._elementRef.nativeElement.nodeName === 'BUTTON') {
|
|
56
|
+
this._elementRef.nativeElement.setAttribute('type', 'button');
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
focus() {
|
|
60
|
+
this._elementRef.nativeElement.focus();
|
|
61
|
+
}
|
|
62
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
63
|
+
minVersion: "12.0.0",
|
|
64
|
+
version: "22.0.0-next.1",
|
|
65
|
+
ngImport: i0,
|
|
66
|
+
type: MatChipContent,
|
|
67
|
+
deps: [],
|
|
68
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
69
|
+
});
|
|
70
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
71
|
+
minVersion: "16.1.0",
|
|
72
|
+
version: "22.0.0-next.1",
|
|
73
|
+
type: MatChipContent,
|
|
74
|
+
isStandalone: true,
|
|
75
|
+
selector: "[matChipContent]",
|
|
76
|
+
inputs: {
|
|
77
|
+
disabled: ["disabled", "disabled", booleanAttribute],
|
|
78
|
+
tabIndex: ["tabIndex", "tabIndex", value => value == null ? -1 : numberAttribute(value)],
|
|
79
|
+
_allowFocusWhenDisabled: "_allowFocusWhenDisabled"
|
|
80
|
+
},
|
|
81
|
+
host: {
|
|
82
|
+
properties: {
|
|
83
|
+
"class.mdc-evolution-chip__action--primary": "_isPrimary",
|
|
84
|
+
"class.mdc-evolution-chip__action--secondary": "!_isPrimary",
|
|
85
|
+
"class.mdc-evolution-chip__action--trailing": "!_isPrimary && !_isLeading",
|
|
86
|
+
"attr.disabled": "_getDisabledAttribute()",
|
|
87
|
+
"attr.aria-disabled": "disabled"
|
|
88
|
+
},
|
|
89
|
+
classAttribute: "mat-mdc-chip-action mdc-evolution-chip__action mdc-evolution-chip__action--presentational"
|
|
90
|
+
},
|
|
91
|
+
ngImport: i0
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
95
|
+
minVersion: "12.0.0",
|
|
96
|
+
version: "22.0.0-next.1",
|
|
97
|
+
ngImport: i0,
|
|
98
|
+
type: MatChipContent,
|
|
99
|
+
decorators: [{
|
|
100
|
+
type: Directive,
|
|
101
|
+
args: [{
|
|
102
|
+
selector: '[matChipContent]',
|
|
103
|
+
host: {
|
|
104
|
+
'class': 'mat-mdc-chip-action mdc-evolution-chip__action mdc-evolution-chip__action--presentational',
|
|
105
|
+
'[class.mdc-evolution-chip__action--primary]': '_isPrimary',
|
|
106
|
+
'[class.mdc-evolution-chip__action--secondary]': '!_isPrimary',
|
|
107
|
+
'[class.mdc-evolution-chip__action--trailing]': '!_isPrimary && !_isLeading',
|
|
108
|
+
'[attr.disabled]': '_getDisabledAttribute()',
|
|
109
|
+
'[attr.aria-disabled]': 'disabled'
|
|
110
|
+
}
|
|
111
|
+
}]
|
|
112
|
+
}],
|
|
113
|
+
ctorParameters: () => [],
|
|
114
|
+
propDecorators: {
|
|
115
|
+
disabled: [{
|
|
116
|
+
type: Input,
|
|
117
|
+
args: [{
|
|
118
|
+
transform: booleanAttribute
|
|
119
|
+
}]
|
|
120
|
+
}],
|
|
121
|
+
tabIndex: [{
|
|
122
|
+
type: Input,
|
|
123
|
+
args: [{
|
|
124
|
+
transform: value => value == null ? -1 : numberAttribute(value)
|
|
125
|
+
}]
|
|
126
|
+
}],
|
|
127
|
+
_allowFocusWhenDisabled: [{
|
|
128
|
+
type: Input
|
|
129
|
+
}]
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
class MatChipAction extends MatChipContent {
|
|
133
|
+
_getTabindex() {
|
|
134
|
+
return this.disabled && !this._allowFocusWhenDisabled ? null : this.tabIndex.toString();
|
|
135
|
+
}
|
|
136
|
+
_handleClick(event) {
|
|
137
|
+
if (!this.disabled && this._isPrimary) {
|
|
138
|
+
event.preventDefault();
|
|
139
|
+
this._parentChip._handlePrimaryActionInteraction();
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
_handleKeydown(event) {
|
|
143
|
+
if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this.disabled && this._isPrimary && !this._parentChip._isEditing) {
|
|
144
|
+
event.preventDefault();
|
|
145
|
+
this._parentChip._handlePrimaryActionInteraction();
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
149
|
+
minVersion: "12.0.0",
|
|
150
|
+
version: "22.0.0-next.1",
|
|
151
|
+
ngImport: i0,
|
|
152
|
+
type: MatChipAction,
|
|
153
|
+
deps: null,
|
|
154
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
155
|
+
});
|
|
156
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
157
|
+
minVersion: "14.0.0",
|
|
158
|
+
version: "22.0.0-next.1",
|
|
159
|
+
type: MatChipAction,
|
|
160
|
+
isStandalone: true,
|
|
161
|
+
selector: "[matChipAction]",
|
|
162
|
+
host: {
|
|
163
|
+
listeners: {
|
|
164
|
+
"click": "_handleClick($event)",
|
|
165
|
+
"keydown": "_handleKeydown($event)"
|
|
166
|
+
},
|
|
167
|
+
properties: {
|
|
168
|
+
"attr.tabindex": "_getTabindex()",
|
|
169
|
+
"class.mdc-evolution-chip__action--presentational": "false"
|
|
170
|
+
}
|
|
171
|
+
},
|
|
172
|
+
usesInheritance: true,
|
|
173
|
+
ngImport: i0
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
177
|
+
minVersion: "12.0.0",
|
|
178
|
+
version: "22.0.0-next.1",
|
|
179
|
+
ngImport: i0,
|
|
180
|
+
type: MatChipAction,
|
|
181
|
+
decorators: [{
|
|
182
|
+
type: Directive,
|
|
183
|
+
args: [{
|
|
184
|
+
selector: '[matChipAction]',
|
|
185
|
+
host: {
|
|
186
|
+
'[attr.tabindex]': '_getTabindex()',
|
|
187
|
+
'[class.mdc-evolution-chip__action--presentational]': 'false',
|
|
188
|
+
'(click)': '_handleClick($event)',
|
|
189
|
+
'(keydown)': '_handleKeydown($event)'
|
|
190
|
+
}
|
|
191
|
+
}]
|
|
192
|
+
}]
|
|
193
|
+
});
|
|
194
|
+
|
|
195
|
+
class MatChipAvatar {
|
|
196
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
197
|
+
minVersion: "12.0.0",
|
|
198
|
+
version: "22.0.0-next.1",
|
|
199
|
+
ngImport: i0,
|
|
200
|
+
type: MatChipAvatar,
|
|
201
|
+
deps: [],
|
|
202
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
203
|
+
});
|
|
204
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
205
|
+
minVersion: "14.0.0",
|
|
206
|
+
version: "22.0.0-next.1",
|
|
207
|
+
type: MatChipAvatar,
|
|
208
|
+
isStandalone: true,
|
|
209
|
+
selector: "mat-chip-avatar, [matChipAvatar]",
|
|
210
|
+
host: {
|
|
211
|
+
attributes: {
|
|
212
|
+
"role": "img"
|
|
213
|
+
},
|
|
214
|
+
classAttribute: "mat-mdc-chip-avatar mdc-evolution-chip__icon mdc-evolution-chip__icon--primary"
|
|
215
|
+
},
|
|
216
|
+
providers: [{
|
|
217
|
+
provide: MAT_CHIP_AVATAR,
|
|
218
|
+
useExisting: MatChipAvatar
|
|
219
|
+
}],
|
|
220
|
+
ngImport: i0
|
|
221
|
+
});
|
|
222
|
+
}
|
|
223
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
224
|
+
minVersion: "12.0.0",
|
|
225
|
+
version: "22.0.0-next.1",
|
|
226
|
+
ngImport: i0,
|
|
227
|
+
type: MatChipAvatar,
|
|
228
|
+
decorators: [{
|
|
229
|
+
type: Directive,
|
|
230
|
+
args: [{
|
|
231
|
+
selector: 'mat-chip-avatar, [matChipAvatar]',
|
|
232
|
+
host: {
|
|
233
|
+
'class': 'mat-mdc-chip-avatar mdc-evolution-chip__icon mdc-evolution-chip__icon--primary',
|
|
234
|
+
'role': 'img'
|
|
235
|
+
},
|
|
236
|
+
providers: [{
|
|
237
|
+
provide: MAT_CHIP_AVATAR,
|
|
238
|
+
useExisting: MatChipAvatar
|
|
239
|
+
}]
|
|
240
|
+
}]
|
|
241
|
+
}]
|
|
242
|
+
});
|
|
243
|
+
class MatChipTrailingIcon extends MatChipContent {
|
|
244
|
+
_isPrimary = false;
|
|
245
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
246
|
+
minVersion: "12.0.0",
|
|
247
|
+
version: "22.0.0-next.1",
|
|
248
|
+
ngImport: i0,
|
|
249
|
+
type: MatChipTrailingIcon,
|
|
250
|
+
deps: null,
|
|
251
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
252
|
+
});
|
|
253
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
254
|
+
minVersion: "14.0.0",
|
|
255
|
+
version: "22.0.0-next.1",
|
|
256
|
+
type: MatChipTrailingIcon,
|
|
257
|
+
isStandalone: true,
|
|
258
|
+
selector: "mat-chip-trailing-icon, [matChipTrailingIcon]",
|
|
259
|
+
host: {
|
|
260
|
+
attributes: {
|
|
261
|
+
"aria-hidden": "true"
|
|
262
|
+
},
|
|
263
|
+
classAttribute: "mat-mdc-chip-trailing-icon mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing"
|
|
264
|
+
},
|
|
265
|
+
providers: [{
|
|
266
|
+
provide: MAT_CHIP_TRAILING_ICON,
|
|
267
|
+
useExisting: MatChipTrailingIcon
|
|
268
|
+
}],
|
|
269
|
+
usesInheritance: true,
|
|
270
|
+
ngImport: i0
|
|
271
|
+
});
|
|
272
|
+
}
|
|
273
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
274
|
+
minVersion: "12.0.0",
|
|
275
|
+
version: "22.0.0-next.1",
|
|
276
|
+
ngImport: i0,
|
|
277
|
+
type: MatChipTrailingIcon,
|
|
278
|
+
decorators: [{
|
|
279
|
+
type: Directive,
|
|
280
|
+
args: [{
|
|
281
|
+
selector: 'mat-chip-trailing-icon, [matChipTrailingIcon]',
|
|
282
|
+
host: {
|
|
283
|
+
'class': 'mat-mdc-chip-trailing-icon mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing',
|
|
284
|
+
'aria-hidden': 'true'
|
|
285
|
+
},
|
|
286
|
+
providers: [{
|
|
287
|
+
provide: MAT_CHIP_TRAILING_ICON,
|
|
288
|
+
useExisting: MatChipTrailingIcon
|
|
289
|
+
}]
|
|
290
|
+
}]
|
|
291
|
+
}]
|
|
292
|
+
});
|
|
293
|
+
class MatChipEdit extends MatChipAction {
|
|
294
|
+
_isPrimary = false;
|
|
295
|
+
_isLeading = true;
|
|
296
|
+
_handleClick(event) {
|
|
297
|
+
if (!this.disabled) {
|
|
298
|
+
event.stopPropagation();
|
|
299
|
+
event.preventDefault();
|
|
300
|
+
this._parentChip._edit();
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
_handleKeydown(event) {
|
|
304
|
+
if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this.disabled) {
|
|
305
|
+
event.stopPropagation();
|
|
306
|
+
event.preventDefault();
|
|
307
|
+
this._parentChip._edit();
|
|
308
|
+
}
|
|
309
|
+
}
|
|
310
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
311
|
+
minVersion: "12.0.0",
|
|
312
|
+
version: "22.0.0-next.1",
|
|
313
|
+
ngImport: i0,
|
|
314
|
+
type: MatChipEdit,
|
|
315
|
+
deps: null,
|
|
316
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
317
|
+
});
|
|
318
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
319
|
+
minVersion: "14.0.0",
|
|
320
|
+
version: "22.0.0-next.1",
|
|
321
|
+
type: MatChipEdit,
|
|
322
|
+
isStandalone: true,
|
|
323
|
+
selector: "[matChipEdit]",
|
|
324
|
+
host: {
|
|
325
|
+
attributes: {
|
|
326
|
+
"role": "button"
|
|
327
|
+
},
|
|
328
|
+
properties: {
|
|
329
|
+
"attr.aria-hidden": "null"
|
|
330
|
+
},
|
|
331
|
+
classAttribute: "mat-mdc-chip-edit mat-mdc-chip-avatar mat-focus-indicator mdc-evolution-chip__icon mdc-evolution-chip__icon--primary"
|
|
332
|
+
},
|
|
333
|
+
providers: [{
|
|
334
|
+
provide: MAT_CHIP_EDIT,
|
|
335
|
+
useExisting: MatChipEdit
|
|
336
|
+
}],
|
|
337
|
+
usesInheritance: true,
|
|
338
|
+
ngImport: i0
|
|
339
|
+
});
|
|
340
|
+
}
|
|
341
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
342
|
+
minVersion: "12.0.0",
|
|
343
|
+
version: "22.0.0-next.1",
|
|
344
|
+
ngImport: i0,
|
|
345
|
+
type: MatChipEdit,
|
|
346
|
+
decorators: [{
|
|
347
|
+
type: Directive,
|
|
348
|
+
args: [{
|
|
349
|
+
selector: '[matChipEdit]',
|
|
350
|
+
host: {
|
|
351
|
+
'class': 'mat-mdc-chip-edit mat-mdc-chip-avatar mat-focus-indicator ' + 'mdc-evolution-chip__icon mdc-evolution-chip__icon--primary',
|
|
352
|
+
'role': 'button',
|
|
353
|
+
'[attr.aria-hidden]': 'null'
|
|
354
|
+
},
|
|
355
|
+
providers: [{
|
|
356
|
+
provide: MAT_CHIP_EDIT,
|
|
357
|
+
useExisting: MatChipEdit
|
|
358
|
+
}]
|
|
359
|
+
}]
|
|
360
|
+
}]
|
|
361
|
+
});
|
|
362
|
+
class MatChipRemove extends MatChipAction {
|
|
363
|
+
_isPrimary = false;
|
|
364
|
+
_handleClick(event) {
|
|
365
|
+
if (!this.disabled) {
|
|
366
|
+
event.stopPropagation();
|
|
367
|
+
event.preventDefault();
|
|
368
|
+
this._parentChip.remove();
|
|
369
|
+
}
|
|
370
|
+
}
|
|
371
|
+
_handleKeydown(event) {
|
|
372
|
+
if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this.disabled) {
|
|
373
|
+
event.stopPropagation();
|
|
374
|
+
event.preventDefault();
|
|
375
|
+
this._parentChip.remove();
|
|
376
|
+
}
|
|
377
|
+
}
|
|
378
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
379
|
+
minVersion: "12.0.0",
|
|
380
|
+
version: "22.0.0-next.1",
|
|
381
|
+
ngImport: i0,
|
|
382
|
+
type: MatChipRemove,
|
|
383
|
+
deps: null,
|
|
384
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
385
|
+
});
|
|
386
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
387
|
+
minVersion: "14.0.0",
|
|
388
|
+
version: "22.0.0-next.1",
|
|
389
|
+
type: MatChipRemove,
|
|
390
|
+
isStandalone: true,
|
|
391
|
+
selector: "[matChipRemove]",
|
|
392
|
+
host: {
|
|
393
|
+
attributes: {
|
|
394
|
+
"role": "button"
|
|
395
|
+
},
|
|
396
|
+
properties: {
|
|
397
|
+
"attr.aria-hidden": "null"
|
|
398
|
+
},
|
|
399
|
+
classAttribute: "mat-mdc-chip-remove mat-mdc-chip-trailing-icon mat-focus-indicator mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing"
|
|
400
|
+
},
|
|
401
|
+
providers: [{
|
|
402
|
+
provide: MAT_CHIP_REMOVE,
|
|
403
|
+
useExisting: MatChipRemove
|
|
404
|
+
}],
|
|
405
|
+
usesInheritance: true,
|
|
406
|
+
ngImport: i0
|
|
407
|
+
});
|
|
408
|
+
}
|
|
409
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
410
|
+
minVersion: "12.0.0",
|
|
411
|
+
version: "22.0.0-next.1",
|
|
412
|
+
ngImport: i0,
|
|
413
|
+
type: MatChipRemove,
|
|
414
|
+
decorators: [{
|
|
415
|
+
type: Directive,
|
|
416
|
+
args: [{
|
|
417
|
+
selector: '[matChipRemove]',
|
|
418
|
+
host: {
|
|
419
|
+
'class': 'mat-mdc-chip-remove mat-mdc-chip-trailing-icon mat-focus-indicator ' + 'mdc-evolution-chip__icon mdc-evolution-chip__icon--trailing',
|
|
420
|
+
'role': 'button',
|
|
421
|
+
'[attr.aria-hidden]': 'null'
|
|
422
|
+
},
|
|
423
|
+
providers: [{
|
|
424
|
+
provide: MAT_CHIP_REMOVE,
|
|
425
|
+
useExisting: MatChipRemove
|
|
426
|
+
}]
|
|
427
|
+
}]
|
|
428
|
+
}]
|
|
429
|
+
});
|
|
430
|
+
|
|
431
|
+
class MatChip {
|
|
432
|
+
_changeDetectorRef = inject(ChangeDetectorRef);
|
|
433
|
+
_elementRef = inject(ElementRef);
|
|
434
|
+
_tagName = inject(HOST_TAG_NAME);
|
|
435
|
+
_ngZone = inject(NgZone);
|
|
436
|
+
_focusMonitor = inject(FocusMonitor);
|
|
437
|
+
_globalRippleOptions = inject(MAT_RIPPLE_GLOBAL_OPTIONS, {
|
|
438
|
+
optional: true
|
|
439
|
+
});
|
|
440
|
+
_document = inject(DOCUMENT);
|
|
441
|
+
_onFocus = new Subject();
|
|
442
|
+
_onBlur = new Subject();
|
|
443
|
+
_isBasicChip = false;
|
|
444
|
+
role = null;
|
|
445
|
+
_hasFocusInternal = false;
|
|
446
|
+
_pendingFocus = false;
|
|
447
|
+
_actionChanges;
|
|
448
|
+
_animationsDisabled = _animationsDisabled();
|
|
449
|
+
_allLeadingIcons;
|
|
450
|
+
_allTrailingIcons;
|
|
451
|
+
_allEditIcons;
|
|
452
|
+
_allRemoveIcons;
|
|
453
|
+
_hasFocus() {
|
|
454
|
+
return this._hasFocusInternal;
|
|
455
|
+
}
|
|
456
|
+
id = inject(_IdGenerator).getId('mat-mdc-chip-');
|
|
457
|
+
ariaLabel = null;
|
|
458
|
+
ariaDescription = null;
|
|
459
|
+
_chipListDisabled = false;
|
|
460
|
+
_hadFocusOnRemove = false;
|
|
461
|
+
_textElement;
|
|
462
|
+
get value() {
|
|
463
|
+
return this._value !== undefined ? this._value : this._textElement.textContent.trim();
|
|
464
|
+
}
|
|
465
|
+
set value(value) {
|
|
466
|
+
this._value = value;
|
|
467
|
+
}
|
|
468
|
+
_value;
|
|
469
|
+
color;
|
|
470
|
+
removable = true;
|
|
471
|
+
highlighted = false;
|
|
472
|
+
disableRipple = false;
|
|
473
|
+
get disabled() {
|
|
474
|
+
return this._disabled || this._chipListDisabled;
|
|
475
|
+
}
|
|
476
|
+
set disabled(value) {
|
|
477
|
+
this._disabled = value;
|
|
478
|
+
}
|
|
479
|
+
_disabled = false;
|
|
480
|
+
removed = new EventEmitter();
|
|
481
|
+
destroyed = new EventEmitter();
|
|
482
|
+
basicChipAttrName = 'mat-basic-chip';
|
|
483
|
+
leadingIcon;
|
|
484
|
+
editIcon;
|
|
485
|
+
trailingIcon;
|
|
486
|
+
removeIcon;
|
|
487
|
+
primaryAction;
|
|
488
|
+
_rippleLoader = inject(MatRippleLoader);
|
|
489
|
+
_injector = inject(Injector);
|
|
490
|
+
constructor() {
|
|
491
|
+
const styleLoader = inject(_CdkPrivateStyleLoader);
|
|
492
|
+
styleLoader.load(_StructuralStylesLoader);
|
|
493
|
+
styleLoader.load(_VisuallyHiddenLoader);
|
|
494
|
+
this._monitorFocus();
|
|
495
|
+
this._rippleLoader?.configureRipple(this._elementRef.nativeElement, {
|
|
496
|
+
className: 'mat-mdc-chip-ripple',
|
|
497
|
+
disabled: this._isRippleDisabled()
|
|
498
|
+
});
|
|
499
|
+
}
|
|
500
|
+
ngOnInit() {
|
|
501
|
+
this._isBasicChip = this._elementRef.nativeElement.hasAttribute(this.basicChipAttrName) || this._tagName.toLowerCase() === this.basicChipAttrName;
|
|
502
|
+
}
|
|
503
|
+
ngAfterViewInit() {
|
|
504
|
+
this._textElement = this._elementRef.nativeElement.querySelector('.mat-mdc-chip-action-label');
|
|
505
|
+
if (this._pendingFocus) {
|
|
506
|
+
this._pendingFocus = false;
|
|
507
|
+
this.focus();
|
|
508
|
+
}
|
|
509
|
+
}
|
|
510
|
+
ngAfterContentInit() {
|
|
511
|
+
this._actionChanges = merge(this._allLeadingIcons.changes, this._allTrailingIcons.changes, this._allEditIcons.changes, this._allRemoveIcons.changes).subscribe(() => this._changeDetectorRef.markForCheck());
|
|
512
|
+
}
|
|
513
|
+
ngDoCheck() {
|
|
514
|
+
this._rippleLoader.setDisabled(this._elementRef.nativeElement, this._isRippleDisabled());
|
|
515
|
+
}
|
|
516
|
+
ngOnDestroy() {
|
|
517
|
+
this._focusMonitor.stopMonitoring(this._elementRef);
|
|
518
|
+
this._rippleLoader?.destroyRipple(this._elementRef.nativeElement);
|
|
519
|
+
this._actionChanges?.unsubscribe();
|
|
520
|
+
this.destroyed.emit({
|
|
521
|
+
chip: this
|
|
522
|
+
});
|
|
523
|
+
this.destroyed.complete();
|
|
524
|
+
}
|
|
525
|
+
remove() {
|
|
526
|
+
if (this.removable) {
|
|
527
|
+
this._hadFocusOnRemove = this._hasFocus();
|
|
528
|
+
this.removed.emit({
|
|
529
|
+
chip: this
|
|
530
|
+
});
|
|
531
|
+
}
|
|
532
|
+
}
|
|
533
|
+
_isRippleDisabled() {
|
|
534
|
+
return this.disabled || this.disableRipple || this._animationsDisabled || this._isBasicChip || !this._hasInteractiveActions() || !!this._globalRippleOptions?.disabled;
|
|
535
|
+
}
|
|
536
|
+
_hasTrailingIcon() {
|
|
537
|
+
return !!(this.trailingIcon || this.removeIcon);
|
|
538
|
+
}
|
|
539
|
+
_handleKeydown(event) {
|
|
540
|
+
if (event.keyCode === BACKSPACE && !event.repeat || event.keyCode === DELETE) {
|
|
541
|
+
event.preventDefault();
|
|
542
|
+
this.remove();
|
|
543
|
+
}
|
|
544
|
+
}
|
|
545
|
+
focus() {
|
|
546
|
+
if (!this.disabled) {
|
|
547
|
+
if (this.primaryAction) {
|
|
548
|
+
this.primaryAction.focus();
|
|
549
|
+
} else {
|
|
550
|
+
this._pendingFocus = true;
|
|
551
|
+
}
|
|
552
|
+
}
|
|
553
|
+
}
|
|
554
|
+
_getSourceAction(target) {
|
|
555
|
+
return this._getActions().find(action => {
|
|
556
|
+
const element = action._elementRef.nativeElement;
|
|
557
|
+
return element === target || element.contains(target);
|
|
558
|
+
});
|
|
559
|
+
}
|
|
560
|
+
_getActions() {
|
|
561
|
+
const result = [];
|
|
562
|
+
if (this.editIcon) {
|
|
563
|
+
result.push(this.editIcon);
|
|
564
|
+
}
|
|
565
|
+
if (this.primaryAction) {
|
|
566
|
+
result.push(this.primaryAction);
|
|
567
|
+
}
|
|
568
|
+
if (this.removeIcon) {
|
|
569
|
+
result.push(this.removeIcon);
|
|
570
|
+
}
|
|
571
|
+
return result;
|
|
572
|
+
}
|
|
573
|
+
_handlePrimaryActionInteraction() {}
|
|
574
|
+
_hasInteractiveActions() {
|
|
575
|
+
return this._getActions().length > 0;
|
|
576
|
+
}
|
|
577
|
+
_edit(event) {}
|
|
578
|
+
_monitorFocus() {
|
|
579
|
+
this._focusMonitor.monitor(this._elementRef, true).subscribe(origin => {
|
|
580
|
+
const hasFocus = origin !== null;
|
|
581
|
+
if (hasFocus !== this._hasFocusInternal) {
|
|
582
|
+
this._hasFocusInternal = hasFocus;
|
|
583
|
+
if (hasFocus) {
|
|
584
|
+
this._onFocus.next({
|
|
585
|
+
chip: this
|
|
586
|
+
});
|
|
587
|
+
} else {
|
|
588
|
+
this._changeDetectorRef.markForCheck();
|
|
589
|
+
setTimeout(() => this._ngZone.run(() => this._onBlur.next({
|
|
590
|
+
chip: this
|
|
591
|
+
})));
|
|
592
|
+
}
|
|
593
|
+
}
|
|
594
|
+
});
|
|
595
|
+
}
|
|
596
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
597
|
+
minVersion: "12.0.0",
|
|
598
|
+
version: "22.0.0-next.1",
|
|
599
|
+
ngImport: i0,
|
|
600
|
+
type: MatChip,
|
|
601
|
+
deps: [],
|
|
602
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
603
|
+
});
|
|
604
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
605
|
+
minVersion: "17.0.0",
|
|
606
|
+
version: "22.0.0-next.1",
|
|
607
|
+
type: MatChip,
|
|
608
|
+
isStandalone: true,
|
|
609
|
+
selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]",
|
|
610
|
+
inputs: {
|
|
611
|
+
role: "role",
|
|
612
|
+
id: "id",
|
|
613
|
+
ariaLabel: ["aria-label", "ariaLabel"],
|
|
614
|
+
ariaDescription: ["aria-description", "ariaDescription"],
|
|
615
|
+
value: "value",
|
|
616
|
+
color: "color",
|
|
617
|
+
removable: ["removable", "removable", booleanAttribute],
|
|
618
|
+
highlighted: ["highlighted", "highlighted", booleanAttribute],
|
|
619
|
+
disableRipple: ["disableRipple", "disableRipple", booleanAttribute],
|
|
620
|
+
disabled: ["disabled", "disabled", booleanAttribute]
|
|
621
|
+
},
|
|
622
|
+
outputs: {
|
|
623
|
+
removed: "removed",
|
|
624
|
+
destroyed: "destroyed"
|
|
625
|
+
},
|
|
626
|
+
host: {
|
|
627
|
+
listeners: {
|
|
628
|
+
"keydown": "_handleKeydown($event)"
|
|
629
|
+
},
|
|
630
|
+
properties: {
|
|
631
|
+
"class": "\"mat-\" + (color || \"primary\")",
|
|
632
|
+
"class.mdc-evolution-chip": "!_isBasicChip",
|
|
633
|
+
"class.mdc-evolution-chip--disabled": "disabled",
|
|
634
|
+
"class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()",
|
|
635
|
+
"class.mdc-evolution-chip--with-primary-graphic": "leadingIcon",
|
|
636
|
+
"class.mdc-evolution-chip--with-primary-icon": "leadingIcon",
|
|
637
|
+
"class.mdc-evolution-chip--with-avatar": "leadingIcon",
|
|
638
|
+
"class.mat-mdc-chip-with-avatar": "leadingIcon",
|
|
639
|
+
"class.mat-mdc-chip-highlighted": "highlighted",
|
|
640
|
+
"class.mat-mdc-chip-disabled": "disabled",
|
|
641
|
+
"class.mat-mdc-basic-chip": "_isBasicChip",
|
|
642
|
+
"class.mat-mdc-standard-chip": "!_isBasicChip",
|
|
643
|
+
"class.mat-mdc-chip-with-trailing-icon": "_hasTrailingIcon()",
|
|
644
|
+
"class._mat-animation-noopable": "_animationsDisabled",
|
|
645
|
+
"id": "id",
|
|
646
|
+
"attr.role": "role",
|
|
647
|
+
"attr.aria-label": "ariaLabel"
|
|
648
|
+
},
|
|
649
|
+
classAttribute: "mat-mdc-chip"
|
|
650
|
+
},
|
|
651
|
+
providers: [{
|
|
652
|
+
provide: MAT_CHIP,
|
|
653
|
+
useExisting: MatChip
|
|
654
|
+
}],
|
|
655
|
+
queries: [{
|
|
656
|
+
propertyName: "leadingIcon",
|
|
657
|
+
first: true,
|
|
658
|
+
predicate: MAT_CHIP_AVATAR,
|
|
659
|
+
descendants: true
|
|
660
|
+
}, {
|
|
661
|
+
propertyName: "editIcon",
|
|
662
|
+
first: true,
|
|
663
|
+
predicate: MAT_CHIP_EDIT,
|
|
664
|
+
descendants: true
|
|
665
|
+
}, {
|
|
666
|
+
propertyName: "trailingIcon",
|
|
667
|
+
first: true,
|
|
668
|
+
predicate: MAT_CHIP_TRAILING_ICON,
|
|
669
|
+
descendants: true
|
|
670
|
+
}, {
|
|
671
|
+
propertyName: "removeIcon",
|
|
672
|
+
first: true,
|
|
673
|
+
predicate: MAT_CHIP_REMOVE,
|
|
674
|
+
descendants: true
|
|
675
|
+
}, {
|
|
676
|
+
propertyName: "_allLeadingIcons",
|
|
677
|
+
predicate: MAT_CHIP_AVATAR,
|
|
678
|
+
descendants: true
|
|
679
|
+
}, {
|
|
680
|
+
propertyName: "_allTrailingIcons",
|
|
681
|
+
predicate: MAT_CHIP_TRAILING_ICON,
|
|
682
|
+
descendants: true
|
|
683
|
+
}, {
|
|
684
|
+
propertyName: "_allEditIcons",
|
|
685
|
+
predicate: MAT_CHIP_EDIT,
|
|
686
|
+
descendants: true
|
|
687
|
+
}, {
|
|
688
|
+
propertyName: "_allRemoveIcons",
|
|
689
|
+
predicate: MAT_CHIP_REMOVE,
|
|
690
|
+
descendants: true
|
|
691
|
+
}],
|
|
692
|
+
viewQueries: [{
|
|
693
|
+
propertyName: "primaryAction",
|
|
694
|
+
first: true,
|
|
695
|
+
predicate: MatChipAction,
|
|
696
|
+
descendants: true
|
|
697
|
+
}],
|
|
698
|
+
exportAs: ["matChip"],
|
|
699
|
+
ngImport: i0,
|
|
700
|
+
template: "<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\n <span matChipContent>\n @if (leadingIcon) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\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 </span>\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",
|
|
701
|
+
styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.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{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip .mat-ripple.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"],
|
|
702
|
+
dependencies: [{
|
|
703
|
+
kind: "directive",
|
|
704
|
+
type: MatChipContent,
|
|
705
|
+
selector: "[matChipContent]",
|
|
706
|
+
inputs: ["disabled", "tabIndex", "_allowFocusWhenDisabled"]
|
|
707
|
+
}],
|
|
708
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
709
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
710
|
+
});
|
|
711
|
+
}
|
|
712
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
713
|
+
minVersion: "12.0.0",
|
|
714
|
+
version: "22.0.0-next.1",
|
|
715
|
+
ngImport: i0,
|
|
716
|
+
type: MatChip,
|
|
717
|
+
decorators: [{
|
|
718
|
+
type: Component,
|
|
719
|
+
args: [{
|
|
720
|
+
selector: 'mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]',
|
|
721
|
+
exportAs: 'matChip',
|
|
722
|
+
host: {
|
|
723
|
+
'class': 'mat-mdc-chip',
|
|
724
|
+
'[class]': '"mat-" + (color || "primary")',
|
|
725
|
+
'[class.mdc-evolution-chip]': '!_isBasicChip',
|
|
726
|
+
'[class.mdc-evolution-chip--disabled]': 'disabled',
|
|
727
|
+
'[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
|
|
728
|
+
'[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
|
|
729
|
+
'[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
|
|
730
|
+
'[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
|
|
731
|
+
'[class.mat-mdc-chip-with-avatar]': 'leadingIcon',
|
|
732
|
+
'[class.mat-mdc-chip-highlighted]': 'highlighted',
|
|
733
|
+
'[class.mat-mdc-chip-disabled]': 'disabled',
|
|
734
|
+
'[class.mat-mdc-basic-chip]': '_isBasicChip',
|
|
735
|
+
'[class.mat-mdc-standard-chip]': '!_isBasicChip',
|
|
736
|
+
'[class.mat-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
|
|
737
|
+
'[class._mat-animation-noopable]': '_animationsDisabled',
|
|
738
|
+
'[id]': 'id',
|
|
739
|
+
'[attr.role]': 'role',
|
|
740
|
+
'[attr.aria-label]': 'ariaLabel',
|
|
741
|
+
'(keydown)': '_handleKeydown($event)'
|
|
742
|
+
},
|
|
743
|
+
encapsulation: ViewEncapsulation.None,
|
|
744
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
745
|
+
providers: [{
|
|
746
|
+
provide: MAT_CHIP,
|
|
747
|
+
useExisting: MatChip
|
|
748
|
+
}],
|
|
749
|
+
imports: [MatChipContent],
|
|
750
|
+
template: "<span class=\"mat-mdc-chip-focus-overlay\"></span>\n\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\">\n <span matChipContent>\n @if (leadingIcon) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\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 </span>\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",
|
|
751
|
+
styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.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{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip .mat-ripple.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"]
|
|
752
|
+
}]
|
|
753
|
+
}],
|
|
754
|
+
ctorParameters: () => [],
|
|
755
|
+
propDecorators: {
|
|
756
|
+
role: [{
|
|
757
|
+
type: Input
|
|
758
|
+
}],
|
|
759
|
+
_allLeadingIcons: [{
|
|
760
|
+
type: ContentChildren,
|
|
761
|
+
args: [MAT_CHIP_AVATAR, {
|
|
762
|
+
descendants: true
|
|
763
|
+
}]
|
|
764
|
+
}],
|
|
765
|
+
_allTrailingIcons: [{
|
|
766
|
+
type: ContentChildren,
|
|
767
|
+
args: [MAT_CHIP_TRAILING_ICON, {
|
|
768
|
+
descendants: true
|
|
769
|
+
}]
|
|
770
|
+
}],
|
|
771
|
+
_allEditIcons: [{
|
|
772
|
+
type: ContentChildren,
|
|
773
|
+
args: [MAT_CHIP_EDIT, {
|
|
774
|
+
descendants: true
|
|
775
|
+
}]
|
|
776
|
+
}],
|
|
777
|
+
_allRemoveIcons: [{
|
|
778
|
+
type: ContentChildren,
|
|
779
|
+
args: [MAT_CHIP_REMOVE, {
|
|
780
|
+
descendants: true
|
|
781
|
+
}]
|
|
782
|
+
}],
|
|
783
|
+
id: [{
|
|
784
|
+
type: Input
|
|
785
|
+
}],
|
|
786
|
+
ariaLabel: [{
|
|
787
|
+
type: Input,
|
|
788
|
+
args: ['aria-label']
|
|
789
|
+
}],
|
|
790
|
+
ariaDescription: [{
|
|
791
|
+
type: Input,
|
|
792
|
+
args: ['aria-description']
|
|
793
|
+
}],
|
|
794
|
+
value: [{
|
|
795
|
+
type: Input
|
|
796
|
+
}],
|
|
797
|
+
color: [{
|
|
798
|
+
type: Input
|
|
799
|
+
}],
|
|
800
|
+
removable: [{
|
|
801
|
+
type: Input,
|
|
802
|
+
args: [{
|
|
803
|
+
transform: booleanAttribute
|
|
804
|
+
}]
|
|
805
|
+
}],
|
|
806
|
+
highlighted: [{
|
|
807
|
+
type: Input,
|
|
808
|
+
args: [{
|
|
809
|
+
transform: booleanAttribute
|
|
810
|
+
}]
|
|
811
|
+
}],
|
|
812
|
+
disableRipple: [{
|
|
813
|
+
type: Input,
|
|
814
|
+
args: [{
|
|
815
|
+
transform: booleanAttribute
|
|
816
|
+
}]
|
|
817
|
+
}],
|
|
818
|
+
disabled: [{
|
|
819
|
+
type: Input,
|
|
820
|
+
args: [{
|
|
821
|
+
transform: booleanAttribute
|
|
822
|
+
}]
|
|
823
|
+
}],
|
|
824
|
+
removed: [{
|
|
825
|
+
type: Output
|
|
826
|
+
}],
|
|
827
|
+
destroyed: [{
|
|
828
|
+
type: Output
|
|
829
|
+
}],
|
|
830
|
+
leadingIcon: [{
|
|
831
|
+
type: ContentChild,
|
|
832
|
+
args: [MAT_CHIP_AVATAR]
|
|
833
|
+
}],
|
|
834
|
+
editIcon: [{
|
|
835
|
+
type: ContentChild,
|
|
836
|
+
args: [MAT_CHIP_EDIT]
|
|
837
|
+
}],
|
|
838
|
+
trailingIcon: [{
|
|
839
|
+
type: ContentChild,
|
|
840
|
+
args: [MAT_CHIP_TRAILING_ICON]
|
|
841
|
+
}],
|
|
842
|
+
removeIcon: [{
|
|
843
|
+
type: ContentChild,
|
|
844
|
+
args: [MAT_CHIP_REMOVE]
|
|
845
|
+
}],
|
|
846
|
+
primaryAction: [{
|
|
847
|
+
type: ViewChild,
|
|
848
|
+
args: [MatChipAction]
|
|
849
|
+
}]
|
|
850
|
+
}
|
|
851
|
+
});
|
|
852
|
+
|
|
853
|
+
class MatChipSelectionChange {
|
|
854
|
+
source;
|
|
855
|
+
selected;
|
|
856
|
+
isUserInput;
|
|
857
|
+
constructor(source, selected, isUserInput = false) {
|
|
858
|
+
this.source = source;
|
|
859
|
+
this.selected = selected;
|
|
860
|
+
this.isUserInput = isUserInput;
|
|
861
|
+
}
|
|
862
|
+
}
|
|
863
|
+
class MatChipOption extends MatChip {
|
|
864
|
+
_defaultOptions = inject(MAT_CHIPS_DEFAULT_OPTIONS, {
|
|
865
|
+
optional: true
|
|
866
|
+
});
|
|
867
|
+
chipListSelectable = true;
|
|
868
|
+
_chipListMultiple = false;
|
|
869
|
+
_chipListHideSingleSelectionIndicator = this._defaultOptions?.hideSingleSelectionIndicator ?? false;
|
|
870
|
+
get selectable() {
|
|
871
|
+
return this._selectable && this.chipListSelectable;
|
|
872
|
+
}
|
|
873
|
+
set selectable(value) {
|
|
874
|
+
this._selectable = value;
|
|
875
|
+
this._changeDetectorRef.markForCheck();
|
|
876
|
+
}
|
|
877
|
+
_selectable = true;
|
|
878
|
+
get selected() {
|
|
879
|
+
return this._selected;
|
|
880
|
+
}
|
|
881
|
+
set selected(value) {
|
|
882
|
+
this._setSelectedState(value, false, true);
|
|
883
|
+
}
|
|
884
|
+
_selected = false;
|
|
885
|
+
get ariaSelected() {
|
|
886
|
+
return this.selectable ? this.selected.toString() : null;
|
|
887
|
+
}
|
|
888
|
+
basicChipAttrName = 'mat-basic-chip-option';
|
|
889
|
+
selectionChange = new EventEmitter();
|
|
890
|
+
ngOnInit() {
|
|
891
|
+
super.ngOnInit();
|
|
892
|
+
this.role = 'presentation';
|
|
893
|
+
}
|
|
894
|
+
select() {
|
|
895
|
+
this._setSelectedState(true, false, true);
|
|
896
|
+
}
|
|
897
|
+
deselect() {
|
|
898
|
+
this._setSelectedState(false, false, true);
|
|
899
|
+
}
|
|
900
|
+
selectViaInteraction() {
|
|
901
|
+
this._setSelectedState(true, true, true);
|
|
902
|
+
}
|
|
903
|
+
toggleSelected(isUserInput = false) {
|
|
904
|
+
this._setSelectedState(!this.selected, isUserInput, true);
|
|
905
|
+
return this.selected;
|
|
906
|
+
}
|
|
907
|
+
_handlePrimaryActionInteraction() {
|
|
908
|
+
if (!this.disabled) {
|
|
909
|
+
this.focus();
|
|
910
|
+
if (this.selectable) {
|
|
911
|
+
this.toggleSelected(true);
|
|
912
|
+
}
|
|
913
|
+
}
|
|
914
|
+
}
|
|
915
|
+
_hasLeadingGraphic() {
|
|
916
|
+
if (this.leadingIcon) {
|
|
917
|
+
return true;
|
|
918
|
+
}
|
|
919
|
+
return !this._chipListHideSingleSelectionIndicator || this._chipListMultiple;
|
|
920
|
+
}
|
|
921
|
+
_setSelectedState(isSelected, isUserInput, emitEvent) {
|
|
922
|
+
if (isSelected !== this.selected) {
|
|
923
|
+
this._selected = isSelected;
|
|
924
|
+
if (emitEvent) {
|
|
925
|
+
this.selectionChange.emit({
|
|
926
|
+
source: this,
|
|
927
|
+
isUserInput,
|
|
928
|
+
selected: this.selected
|
|
929
|
+
});
|
|
930
|
+
}
|
|
931
|
+
this._changeDetectorRef.markForCheck();
|
|
932
|
+
}
|
|
933
|
+
}
|
|
934
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
935
|
+
minVersion: "12.0.0",
|
|
936
|
+
version: "22.0.0-next.1",
|
|
937
|
+
ngImport: i0,
|
|
938
|
+
type: MatChipOption,
|
|
939
|
+
deps: null,
|
|
940
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
941
|
+
});
|
|
942
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
943
|
+
minVersion: "17.0.0",
|
|
944
|
+
version: "22.0.0-next.1",
|
|
945
|
+
type: MatChipOption,
|
|
946
|
+
isStandalone: true,
|
|
947
|
+
selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]",
|
|
948
|
+
inputs: {
|
|
949
|
+
selectable: ["selectable", "selectable", booleanAttribute],
|
|
950
|
+
selected: ["selected", "selected", booleanAttribute]
|
|
951
|
+
},
|
|
952
|
+
outputs: {
|
|
953
|
+
selectionChange: "selectionChange"
|
|
954
|
+
},
|
|
955
|
+
host: {
|
|
956
|
+
properties: {
|
|
957
|
+
"class.mdc-evolution-chip": "!_isBasicChip",
|
|
958
|
+
"class.mdc-evolution-chip--filter": "!_isBasicChip",
|
|
959
|
+
"class.mdc-evolution-chip--selectable": "!_isBasicChip",
|
|
960
|
+
"class.mat-mdc-chip-selected": "selected",
|
|
961
|
+
"class.mat-mdc-chip-multiple": "_chipListMultiple",
|
|
962
|
+
"class.mat-mdc-chip-disabled": "disabled",
|
|
963
|
+
"class.mat-mdc-chip-with-avatar": "leadingIcon",
|
|
964
|
+
"class.mdc-evolution-chip--disabled": "disabled",
|
|
965
|
+
"class.mdc-evolution-chip--selected": "selected",
|
|
966
|
+
"class.mdc-evolution-chip--selecting": "!_animationsDisabled",
|
|
967
|
+
"class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()",
|
|
968
|
+
"class.mdc-evolution-chip--with-primary-icon": "leadingIcon",
|
|
969
|
+
"class.mdc-evolution-chip--with-primary-graphic": "_hasLeadingGraphic()",
|
|
970
|
+
"class.mdc-evolution-chip--with-avatar": "leadingIcon",
|
|
971
|
+
"class.mat-mdc-chip-highlighted": "highlighted",
|
|
972
|
+
"class.mat-mdc-chip-with-trailing-icon": "_hasTrailingIcon()",
|
|
973
|
+
"attr.tabindex": "null",
|
|
974
|
+
"attr.aria-label": "null",
|
|
975
|
+
"attr.aria-description": "null",
|
|
976
|
+
"attr.role": "role",
|
|
977
|
+
"id": "id"
|
|
978
|
+
},
|
|
979
|
+
classAttribute: "mat-mdc-chip mat-mdc-chip-option"
|
|
980
|
+
},
|
|
981
|
+
providers: [{
|
|
982
|
+
provide: MatChip,
|
|
983
|
+
useExisting: MatChipOption
|
|
984
|
+
}, {
|
|
985
|
+
provide: MAT_CHIP,
|
|
986
|
+
useExisting: MatChipOption
|
|
987
|
+
}],
|
|
988
|
+
usesInheritance: true,
|
|
989
|
+
ngImport: i0,
|
|
990
|
+
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",
|
|
991
|
+
styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.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{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip .mat-ripple.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"],
|
|
992
|
+
dependencies: [{
|
|
993
|
+
kind: "directive",
|
|
994
|
+
type: MatChipAction,
|
|
995
|
+
selector: "[matChipAction]"
|
|
996
|
+
}],
|
|
997
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
998
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
999
|
+
});
|
|
1000
|
+
}
|
|
1001
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
1002
|
+
minVersion: "12.0.0",
|
|
1003
|
+
version: "22.0.0-next.1",
|
|
1004
|
+
ngImport: i0,
|
|
1005
|
+
type: MatChipOption,
|
|
1006
|
+
decorators: [{
|
|
1007
|
+
type: Component,
|
|
1008
|
+
args: [{
|
|
1009
|
+
selector: 'mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]',
|
|
1010
|
+
host: {
|
|
1011
|
+
'class': 'mat-mdc-chip mat-mdc-chip-option',
|
|
1012
|
+
'[class.mdc-evolution-chip]': '!_isBasicChip',
|
|
1013
|
+
'[class.mdc-evolution-chip--filter]': '!_isBasicChip',
|
|
1014
|
+
'[class.mdc-evolution-chip--selectable]': '!_isBasicChip',
|
|
1015
|
+
'[class.mat-mdc-chip-selected]': 'selected',
|
|
1016
|
+
'[class.mat-mdc-chip-multiple]': '_chipListMultiple',
|
|
1017
|
+
'[class.mat-mdc-chip-disabled]': 'disabled',
|
|
1018
|
+
'[class.mat-mdc-chip-with-avatar]': 'leadingIcon',
|
|
1019
|
+
'[class.mdc-evolution-chip--disabled]': 'disabled',
|
|
1020
|
+
'[class.mdc-evolution-chip--selected]': 'selected',
|
|
1021
|
+
'[class.mdc-evolution-chip--selecting]': '!_animationsDisabled',
|
|
1022
|
+
'[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
|
|
1023
|
+
'[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
|
|
1024
|
+
'[class.mdc-evolution-chip--with-primary-graphic]': '_hasLeadingGraphic()',
|
|
1025
|
+
'[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
|
|
1026
|
+
'[class.mat-mdc-chip-highlighted]': 'highlighted',
|
|
1027
|
+
'[class.mat-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
|
|
1028
|
+
'[attr.tabindex]': 'null',
|
|
1029
|
+
'[attr.aria-label]': 'null',
|
|
1030
|
+
'[attr.aria-description]': 'null',
|
|
1031
|
+
'[attr.role]': 'role',
|
|
1032
|
+
'[id]': 'id'
|
|
1033
|
+
},
|
|
1034
|
+
providers: [{
|
|
1035
|
+
provide: MatChip,
|
|
1036
|
+
useExisting: MatChipOption
|
|
1037
|
+
}, {
|
|
1038
|
+
provide: MAT_CHIP,
|
|
1039
|
+
useExisting: MatChipOption
|
|
1040
|
+
}],
|
|
1041
|
+
encapsulation: ViewEncapsulation.None,
|
|
1042
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1043
|
+
imports: [MatChipAction],
|
|
1044
|
+
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",
|
|
1045
|
+
styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.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{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip .mat-ripple.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"]
|
|
1046
|
+
}]
|
|
1047
|
+
}],
|
|
1048
|
+
propDecorators: {
|
|
1049
|
+
selectable: [{
|
|
1050
|
+
type: Input,
|
|
1051
|
+
args: [{
|
|
1052
|
+
transform: booleanAttribute
|
|
1053
|
+
}]
|
|
1054
|
+
}],
|
|
1055
|
+
selected: [{
|
|
1056
|
+
type: Input,
|
|
1057
|
+
args: [{
|
|
1058
|
+
transform: booleanAttribute
|
|
1059
|
+
}]
|
|
1060
|
+
}],
|
|
1061
|
+
selectionChange: [{
|
|
1062
|
+
type: Output
|
|
1063
|
+
}]
|
|
1064
|
+
}
|
|
1065
|
+
});
|
|
1066
|
+
|
|
1067
|
+
class MatChipEditInput {
|
|
1068
|
+
_elementRef = inject(ElementRef);
|
|
1069
|
+
_document = inject(DOCUMENT);
|
|
1070
|
+
constructor() {}
|
|
1071
|
+
initialize(initialValue) {
|
|
1072
|
+
this.getNativeElement().focus();
|
|
1073
|
+
this.setValue(initialValue);
|
|
1074
|
+
}
|
|
1075
|
+
getNativeElement() {
|
|
1076
|
+
return this._elementRef.nativeElement;
|
|
1077
|
+
}
|
|
1078
|
+
setValue(value) {
|
|
1079
|
+
this.getNativeElement().textContent = value;
|
|
1080
|
+
this._moveCursorToEndOfInput();
|
|
1081
|
+
}
|
|
1082
|
+
getValue() {
|
|
1083
|
+
return this.getNativeElement().textContent || '';
|
|
1084
|
+
}
|
|
1085
|
+
_moveCursorToEndOfInput() {
|
|
1086
|
+
const range = this._document.createRange();
|
|
1087
|
+
range.selectNodeContents(this.getNativeElement());
|
|
1088
|
+
range.collapse(false);
|
|
1089
|
+
const sel = window.getSelection();
|
|
1090
|
+
sel.removeAllRanges();
|
|
1091
|
+
sel.addRange(range);
|
|
1092
|
+
}
|
|
1093
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1094
|
+
minVersion: "12.0.0",
|
|
1095
|
+
version: "22.0.0-next.1",
|
|
1096
|
+
ngImport: i0,
|
|
1097
|
+
type: MatChipEditInput,
|
|
1098
|
+
deps: [],
|
|
1099
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
1100
|
+
});
|
|
1101
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
1102
|
+
minVersion: "14.0.0",
|
|
1103
|
+
version: "22.0.0-next.1",
|
|
1104
|
+
type: MatChipEditInput,
|
|
1105
|
+
isStandalone: true,
|
|
1106
|
+
selector: "span[matChipEditInput]",
|
|
1107
|
+
host: {
|
|
1108
|
+
attributes: {
|
|
1109
|
+
"role": "textbox",
|
|
1110
|
+
"tabindex": "-1",
|
|
1111
|
+
"contenteditable": "true"
|
|
1112
|
+
},
|
|
1113
|
+
classAttribute: "mat-chip-edit-input"
|
|
1114
|
+
},
|
|
1115
|
+
ngImport: i0
|
|
1116
|
+
});
|
|
1117
|
+
}
|
|
1118
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
1119
|
+
minVersion: "12.0.0",
|
|
1120
|
+
version: "22.0.0-next.1",
|
|
1121
|
+
ngImport: i0,
|
|
1122
|
+
type: MatChipEditInput,
|
|
1123
|
+
decorators: [{
|
|
1124
|
+
type: Directive,
|
|
1125
|
+
args: [{
|
|
1126
|
+
selector: 'span[matChipEditInput]',
|
|
1127
|
+
host: {
|
|
1128
|
+
'class': 'mat-chip-edit-input',
|
|
1129
|
+
'role': 'textbox',
|
|
1130
|
+
'tabindex': '-1',
|
|
1131
|
+
'contenteditable': 'true'
|
|
1132
|
+
}
|
|
1133
|
+
}]
|
|
1134
|
+
}],
|
|
1135
|
+
ctorParameters: () => []
|
|
1136
|
+
});
|
|
1137
|
+
|
|
1138
|
+
class MatChipRow extends MatChip {
|
|
1139
|
+
basicChipAttrName = 'mat-basic-chip-row';
|
|
1140
|
+
_renderer = inject(Renderer2);
|
|
1141
|
+
_cleanupMousedown;
|
|
1142
|
+
_editStartPending = false;
|
|
1143
|
+
editable = false;
|
|
1144
|
+
edited = new EventEmitter();
|
|
1145
|
+
defaultEditInput;
|
|
1146
|
+
contentEditInput;
|
|
1147
|
+
_alreadyFocused = false;
|
|
1148
|
+
_isEditing = false;
|
|
1149
|
+
constructor() {
|
|
1150
|
+
super();
|
|
1151
|
+
this.role = 'row';
|
|
1152
|
+
this._onBlur.pipe(takeUntil(this.destroyed)).subscribe(() => {
|
|
1153
|
+
if (this._isEditing && !this._editStartPending) {
|
|
1154
|
+
this._onEditFinish();
|
|
1155
|
+
}
|
|
1156
|
+
this._alreadyFocused = false;
|
|
1157
|
+
});
|
|
1158
|
+
}
|
|
1159
|
+
ngAfterViewInit() {
|
|
1160
|
+
super.ngAfterViewInit();
|
|
1161
|
+
this._cleanupMousedown = this._ngZone.runOutsideAngular(() => this._renderer.listen(this._elementRef.nativeElement, 'mousedown', () => {
|
|
1162
|
+
this._alreadyFocused = this._hasFocus();
|
|
1163
|
+
}));
|
|
1164
|
+
}
|
|
1165
|
+
ngOnDestroy() {
|
|
1166
|
+
super.ngOnDestroy();
|
|
1167
|
+
this._cleanupMousedown?.();
|
|
1168
|
+
}
|
|
1169
|
+
_hasLeadingActionIcon() {
|
|
1170
|
+
return !this._isEditing && !!this.editIcon;
|
|
1171
|
+
}
|
|
1172
|
+
_hasTrailingIcon() {
|
|
1173
|
+
return !this._isEditing && super._hasTrailingIcon();
|
|
1174
|
+
}
|
|
1175
|
+
_handleFocus() {
|
|
1176
|
+
if (!this._isEditing && !this.disabled) {
|
|
1177
|
+
this.focus();
|
|
1178
|
+
}
|
|
1179
|
+
}
|
|
1180
|
+
_handleKeydown(event) {
|
|
1181
|
+
if (event.keyCode === ENTER && !this.disabled) {
|
|
1182
|
+
if (this._isEditing) {
|
|
1183
|
+
event.preventDefault();
|
|
1184
|
+
this._onEditFinish();
|
|
1185
|
+
} else if (this.editable) {
|
|
1186
|
+
this._startEditing(event);
|
|
1187
|
+
}
|
|
1188
|
+
} else if (this._isEditing) {
|
|
1189
|
+
event.stopPropagation();
|
|
1190
|
+
} else {
|
|
1191
|
+
super._handleKeydown(event);
|
|
1192
|
+
}
|
|
1193
|
+
}
|
|
1194
|
+
_handleClick(event) {
|
|
1195
|
+
if (!this.disabled && this.editable && !this._isEditing && this._alreadyFocused) {
|
|
1196
|
+
event.preventDefault();
|
|
1197
|
+
event.stopPropagation();
|
|
1198
|
+
this._startEditing(event);
|
|
1199
|
+
}
|
|
1200
|
+
}
|
|
1201
|
+
_handleDoubleclick(event) {
|
|
1202
|
+
if (!this.disabled && this.editable) {
|
|
1203
|
+
this._startEditing(event);
|
|
1204
|
+
}
|
|
1205
|
+
}
|
|
1206
|
+
_edit() {
|
|
1207
|
+
this._changeDetectorRef.markForCheck();
|
|
1208
|
+
this._startEditing();
|
|
1209
|
+
}
|
|
1210
|
+
_startEditing(event) {
|
|
1211
|
+
if (!this.primaryAction || this.removeIcon && !!event && this._getSourceAction(event.target) === this.removeIcon) {
|
|
1212
|
+
return;
|
|
1213
|
+
}
|
|
1214
|
+
const value = this.value;
|
|
1215
|
+
this._isEditing = this._editStartPending = true;
|
|
1216
|
+
afterNextRender(() => {
|
|
1217
|
+
this._getEditInput().initialize(value);
|
|
1218
|
+
setTimeout(() => this._ngZone.run(() => this._editStartPending = false));
|
|
1219
|
+
}, {
|
|
1220
|
+
injector: this._injector
|
|
1221
|
+
});
|
|
1222
|
+
}
|
|
1223
|
+
_onEditFinish() {
|
|
1224
|
+
this._isEditing = this._editStartPending = false;
|
|
1225
|
+
this.edited.emit({
|
|
1226
|
+
chip: this,
|
|
1227
|
+
value: this._getEditInput().getValue()
|
|
1228
|
+
});
|
|
1229
|
+
if (this._document.activeElement === this._getEditInput().getNativeElement() || this._document.activeElement === this._document.body) {
|
|
1230
|
+
this.primaryAction.focus();
|
|
1231
|
+
}
|
|
1232
|
+
}
|
|
1233
|
+
_isRippleDisabled() {
|
|
1234
|
+
return super._isRippleDisabled() || this._isEditing;
|
|
1235
|
+
}
|
|
1236
|
+
_getEditInput() {
|
|
1237
|
+
return this.contentEditInput || this.defaultEditInput;
|
|
1238
|
+
}
|
|
1239
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1240
|
+
minVersion: "12.0.0",
|
|
1241
|
+
version: "22.0.0-next.1",
|
|
1242
|
+
ngImport: i0,
|
|
1243
|
+
type: MatChipRow,
|
|
1244
|
+
deps: [],
|
|
1245
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
1246
|
+
});
|
|
1247
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1248
|
+
minVersion: "17.0.0",
|
|
1249
|
+
version: "22.0.0-next.1",
|
|
1250
|
+
type: MatChipRow,
|
|
1251
|
+
isStandalone: true,
|
|
1252
|
+
selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]",
|
|
1253
|
+
inputs: {
|
|
1254
|
+
editable: "editable"
|
|
1255
|
+
},
|
|
1256
|
+
outputs: {
|
|
1257
|
+
edited: "edited"
|
|
1258
|
+
},
|
|
1259
|
+
host: {
|
|
1260
|
+
listeners: {
|
|
1261
|
+
"focus": "_handleFocus()",
|
|
1262
|
+
"click": "this._hasInteractiveActions() ? _handleClick($event) : null",
|
|
1263
|
+
"dblclick": "_handleDoubleclick($event)"
|
|
1264
|
+
},
|
|
1265
|
+
properties: {
|
|
1266
|
+
"class.mat-mdc-chip-with-avatar": "leadingIcon",
|
|
1267
|
+
"class.mat-mdc-chip-disabled": "disabled",
|
|
1268
|
+
"class.mat-mdc-chip-editing": "_isEditing",
|
|
1269
|
+
"class.mat-mdc-chip-editable": "editable",
|
|
1270
|
+
"class.mdc-evolution-chip--disabled": "disabled",
|
|
1271
|
+
"class.mdc-evolution-chip--with-leading-action": "_hasLeadingActionIcon()",
|
|
1272
|
+
"class.mdc-evolution-chip--with-trailing-action": "_hasTrailingIcon()",
|
|
1273
|
+
"class.mdc-evolution-chip--with-primary-graphic": "leadingIcon",
|
|
1274
|
+
"class.mdc-evolution-chip--with-primary-icon": "leadingIcon",
|
|
1275
|
+
"class.mdc-evolution-chip--with-avatar": "leadingIcon",
|
|
1276
|
+
"class.mat-mdc-chip-highlighted": "highlighted",
|
|
1277
|
+
"class.mat-mdc-chip-with-trailing-icon": "_hasTrailingIcon()",
|
|
1278
|
+
"id": "id",
|
|
1279
|
+
"attr.tabindex": "disabled ? null : -1",
|
|
1280
|
+
"attr.aria-label": "null",
|
|
1281
|
+
"attr.aria-description": "null",
|
|
1282
|
+
"attr.role": "role"
|
|
1283
|
+
},
|
|
1284
|
+
classAttribute: "mat-mdc-chip mat-mdc-chip-row mdc-evolution-chip"
|
|
1285
|
+
},
|
|
1286
|
+
providers: [{
|
|
1287
|
+
provide: MatChip,
|
|
1288
|
+
useExisting: MatChipRow
|
|
1289
|
+
}, {
|
|
1290
|
+
provide: MAT_CHIP,
|
|
1291
|
+
useExisting: MatChipRow
|
|
1292
|
+
}],
|
|
1293
|
+
queries: [{
|
|
1294
|
+
propertyName: "contentEditInput",
|
|
1295
|
+
first: true,
|
|
1296
|
+
predicate: MatChipEditInput,
|
|
1297
|
+
descendants: true
|
|
1298
|
+
}],
|
|
1299
|
+
viewQueries: [{
|
|
1300
|
+
propertyName: "defaultEditInput",
|
|
1301
|
+
first: true,
|
|
1302
|
+
predicate: MatChipEditInput,
|
|
1303
|
+
descendants: true
|
|
1304
|
+
}],
|
|
1305
|
+
usesInheritance: true,
|
|
1306
|
+
ngImport: i0,
|
|
1307
|
+
template: "@if (!_isEditing) {\n <span class=\"mat-mdc-chip-focus-overlay\"></span>\n}\n\n@if (_hasLeadingActionIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--leading\" role=\"gridcell\">\n <ng-content select=\"[matChipEdit]\"></ng-content>\n </span>\n}\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\" role=\"gridcell\"\n matChipAction\n [disabled]=\"disabled\"\n [attr.aria-description]=\"ariaDescription\"\n [attr.aria-label]=\"ariaLabel\">\n @if (leadingIcon) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n </span>\n }\n\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n @if (_isEditing) {\n @if (contentEditInput) {\n <ng-content select=\"[matChipEditInput]\"></ng-content>\n } @else {\n <span matChipEditInput></span>\n }\n } @else {\n <ng-content></ng-content>\n }\n\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-focus-indicator\" aria-hidden=\"true\"></span>\n </span>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\n role=\"gridcell\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
|
|
1308
|
+
styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.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{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip .mat-ripple.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"],
|
|
1309
|
+
dependencies: [{
|
|
1310
|
+
kind: "directive",
|
|
1311
|
+
type: MatChipAction,
|
|
1312
|
+
selector: "[matChipAction]"
|
|
1313
|
+
}, {
|
|
1314
|
+
kind: "directive",
|
|
1315
|
+
type: MatChipEditInput,
|
|
1316
|
+
selector: "span[matChipEditInput]"
|
|
1317
|
+
}],
|
|
1318
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1319
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
1320
|
+
});
|
|
1321
|
+
}
|
|
1322
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
1323
|
+
minVersion: "12.0.0",
|
|
1324
|
+
version: "22.0.0-next.1",
|
|
1325
|
+
ngImport: i0,
|
|
1326
|
+
type: MatChipRow,
|
|
1327
|
+
decorators: [{
|
|
1328
|
+
type: Component,
|
|
1329
|
+
args: [{
|
|
1330
|
+
selector: 'mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]',
|
|
1331
|
+
host: {
|
|
1332
|
+
'class': 'mat-mdc-chip mat-mdc-chip-row mdc-evolution-chip',
|
|
1333
|
+
'[class.mat-mdc-chip-with-avatar]': 'leadingIcon',
|
|
1334
|
+
'[class.mat-mdc-chip-disabled]': 'disabled',
|
|
1335
|
+
'[class.mat-mdc-chip-editing]': '_isEditing',
|
|
1336
|
+
'[class.mat-mdc-chip-editable]': 'editable',
|
|
1337
|
+
'[class.mdc-evolution-chip--disabled]': 'disabled',
|
|
1338
|
+
'[class.mdc-evolution-chip--with-leading-action]': '_hasLeadingActionIcon()',
|
|
1339
|
+
'[class.mdc-evolution-chip--with-trailing-action]': '_hasTrailingIcon()',
|
|
1340
|
+
'[class.mdc-evolution-chip--with-primary-graphic]': 'leadingIcon',
|
|
1341
|
+
'[class.mdc-evolution-chip--with-primary-icon]': 'leadingIcon',
|
|
1342
|
+
'[class.mdc-evolution-chip--with-avatar]': 'leadingIcon',
|
|
1343
|
+
'[class.mat-mdc-chip-highlighted]': 'highlighted',
|
|
1344
|
+
'[class.mat-mdc-chip-with-trailing-icon]': '_hasTrailingIcon()',
|
|
1345
|
+
'[id]': 'id',
|
|
1346
|
+
'[attr.tabindex]': 'disabled ? null : -1',
|
|
1347
|
+
'[attr.aria-label]': 'null',
|
|
1348
|
+
'[attr.aria-description]': 'null',
|
|
1349
|
+
'[attr.role]': 'role',
|
|
1350
|
+
'(focus)': '_handleFocus()',
|
|
1351
|
+
'(click)': 'this._hasInteractiveActions() ? _handleClick($event) : null',
|
|
1352
|
+
'(dblclick)': '_handleDoubleclick($event)'
|
|
1353
|
+
},
|
|
1354
|
+
providers: [{
|
|
1355
|
+
provide: MatChip,
|
|
1356
|
+
useExisting: MatChipRow
|
|
1357
|
+
}, {
|
|
1358
|
+
provide: MAT_CHIP,
|
|
1359
|
+
useExisting: MatChipRow
|
|
1360
|
+
}],
|
|
1361
|
+
encapsulation: ViewEncapsulation.None,
|
|
1362
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1363
|
+
imports: [MatChipAction, MatChipEditInput],
|
|
1364
|
+
template: "@if (!_isEditing) {\n <span class=\"mat-mdc-chip-focus-overlay\"></span>\n}\n\n@if (_hasLeadingActionIcon()) {\n <span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--leading\" role=\"gridcell\">\n <ng-content select=\"[matChipEdit]\"></ng-content>\n </span>\n}\n<span class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--primary\" role=\"gridcell\"\n matChipAction\n [disabled]=\"disabled\"\n [attr.aria-description]=\"ariaDescription\"\n [attr.aria-label]=\"ariaLabel\">\n @if (leadingIcon) {\n <span class=\"mdc-evolution-chip__graphic mat-mdc-chip-graphic\">\n <ng-content select=\"mat-chip-avatar, [matChipAvatar]\"></ng-content>\n </span>\n }\n\n <span class=\"mdc-evolution-chip__text-label mat-mdc-chip-action-label\">\n @if (_isEditing) {\n @if (contentEditInput) {\n <ng-content select=\"[matChipEditInput]\"></ng-content>\n } @else {\n <span matChipEditInput></span>\n }\n } @else {\n <ng-content></ng-content>\n }\n\n <span class=\"mat-mdc-chip-primary-focus-indicator mat-focus-indicator\" aria-hidden=\"true\"></span>\n </span>\n</span>\n\n@if (_hasTrailingIcon()) {\n <span\n class=\"mdc-evolution-chip__cell mdc-evolution-chip__cell--trailing\"\n role=\"gridcell\">\n <ng-content select=\"mat-chip-trailing-icon,[matChipRemove],[matChipTrailingIcon]\"></ng-content>\n </span>\n}\n",
|
|
1365
|
+
styles: [".mdc-evolution-chip,.mdc-evolution-chip__cell,.mdc-evolution-chip__action{display:inline-flex;align-items:center}.mdc-evolution-chip{position:relative;max-width:100%}.mdc-evolution-chip__cell,.mdc-evolution-chip__action{height:100%}.mdc-evolution-chip__cell--primary{flex-basis:100%;overflow-x:hidden}.mdc-evolution-chip__cell--trailing{flex:1 0 auto}.mdc-evolution-chip__action{align-items:center;background:none;border:none;box-sizing:content-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;padding:0;text-decoration:none;color:inherit}.mdc-evolution-chip__action--presentational{cursor:auto}.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{pointer-events:none}@media(forced-colors: active){.mdc-evolution-chip--disabled,.mdc-evolution-chip__action:disabled{forced-color-adjust:none}}.mdc-evolution-chip__action--primary{font:inherit;letter-spacing:inherit;white-space:inherit;overflow-x:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-outline-width, 1px);border-radius:var(--mat-chip-container-shape-radius, 8px);box-sizing:border-box;content:\"\";height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:1;border-style:solid}.mat-mdc-standard-chip .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-outline-color, var(--mat-sys-outline))}.mdc-evolution-chip__action--primary:not(.mdc-evolution-chip__action--presentational):not(.mdc-ripple-upgraded):focus::before{border-color:var(--mat-chip-focus-outline-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--primary::before{border-color:var(--mat-chip-disabled-outline-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}.mat-mdc-standard-chip.mdc-evolution-chip--selected .mdc-evolution-chip__action--primary::before{border-width:var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-basic-chip .mdc-evolution-chip__action--primary{font:inherit}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}.mat-mdc-standard-chip.mdc-evolution-chip--with-leading-action.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:0;padding-right:12px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__action--primary{padding-left:12px;padding-right:0}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--primary{padding-left:0;padding-right:0}.mdc-evolution-chip__action--secondary{position:relative;overflow:visible}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-trailing-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__action--secondary{color:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-standard-chip.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__action--secondary{padding-left:8px;padding-right:8px}.mdc-evolution-chip__text-label{-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mat-mdc-standard-chip .mdc-evolution-chip__text-label{font-family:var(--mat-chip-label-text-font, var(--mat-sys-label-large-font));line-height:var(--mat-chip-label-text-line-height, var(--mat-sys-label-large-line-height));font-size:var(--mat-chip-label-text-size, var(--mat-sys-label-large-size));font-weight:var(--mat-chip-label-text-weight, var(--mat-sys-label-large-weight));letter-spacing:var(--mat-chip-label-text-tracking, var(--mat-sys-label-large-tracking))}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-label-text-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label{color:var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-disabled-label-text-color, color-mix(in srgb, var(--mat-sys-on-surface) 38%, transparent))}.mdc-evolution-chip__graphic{align-items:center;display:inline-flex;justify-content:center;overflow:hidden;pointer-events:none;position:relative;flex:1 0 auto}.mat-mdc-standard-chip .mdc-evolution-chip__graphic{width:var(--mat-chip-with-avatar-avatar-size, 24px);height:var(--mat-chip-with-avatar-avatar-size, 24px);font-size:var(--mat-chip-with-avatar-avatar-size, 24px)}.mdc-evolution-chip--selecting .mdc-evolution-chip__graphic{transition:width 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selectable:not(.mdc-evolution-chip--selected):not(.mdc-evolution-chip--with-primary-icon) .mdc-evolution-chip__graphic{width:0}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:6px;padding-right:6px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:4px;padding-right:8px}[dir=rtl] .mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic{padding-left:8px;padding-right:4px}.mdc-evolution-chip--with-avatar.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-leading-action .mdc-evolution-chip__graphic{padding-left:0}.mdc-evolution-chip__checkmark{position:absolute;opacity:0;top:50%;left:50%;height:20px;width:20px}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__checkmark{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark{transition:transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);transform:translate(-75%, -50%)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{transform:translate(-50%, -50%);opacity:1}.mdc-evolution-chip__checkmark-svg{display:block}.mdc-evolution-chip__checkmark-path{stroke-width:2px;stroke-dasharray:29.7833385;stroke-dashoffset:29.7833385;stroke:currentColor}.mdc-evolution-chip--selecting .mdc-evolution-chip__checkmark-path{transition:stroke-dashoffset 150ms 45ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark-path{stroke-dashoffset:0}@media(forced-colors: active){.mdc-evolution-chip__checkmark-path{stroke:CanvasText !important}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing{height:18px;width:18px;font-size:18px}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove{opacity:calc(var(--mat-chip-trailing-action-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing.mat-mdc-chip-remove:focus{opacity:calc(var(--mat-chip-trailing-action-focus-opacity, 1)*var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38))}.mat-mdc-standard-chip{border-radius:var(--mat-chip-container-shape-radius, 8px);height:var(--mat-chip-container-height, 32px)}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-container-color, transparent)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{background-color:var(--mat-chip-elevated-disabled-container-color)}.mat-mdc-standard-chip.mdc-evolution-chip--selected:not(.mdc-evolution-chip--disabled){background-color:var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container))}.mat-mdc-standard-chip.mdc-evolution-chip--selected.mdc-evolution-chip--disabled{background-color:var(--mat-chip-flat-disabled-selected-container-color, color-mix(in srgb, var(--mat-sys-on-surface) 12%, transparent))}@media(forced-colors: active){.mat-mdc-standard-chip{outline:solid 1px}}.mat-mdc-standard-chip .mdc-evolution-chip__icon--primary{border-radius:var(--mat-chip-with-avatar-avatar-shape-radius, 24px);width:var(--mat-chip-with-icon-icon-size, 18px);height:var(--mat-chip-with-icon-icon-size, 18px);font-size:var(--mat-chip-with-icon-icon-size, 18px)}.mdc-evolution-chip--selected .mdc-evolution-chip__icon--primary{opacity:0}.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-icon-color, var(--mat-sys-on-surface-variant))}.mat-mdc-standard-chip.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--primary{color:var(--mat-chip-with-icon-disabled-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-highlighted{--mat-chip-with-icon-icon-color: var(--mat-chip-with-icon-selected-icon-color, var(--mat-sys-on-secondary-container));--mat-chip-elevated-container-color: var(--mat-chip-elevated-selected-container-color, var(--mat-sys-secondary-container));--mat-chip-label-text-color: var(--mat-chip-selected-label-text-color, var(--mat-sys-on-secondary-container));--mat-chip-outline-width: var(--mat-chip-flat-selected-outline-width, 0)}.mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-selected .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-hover-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip-focus-overlay .mat-mdc-chip-selected:hover,.mat-mdc-chip-highlighted:hover .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-hover-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-focus-state-layer-color, var(--mat-sys-on-surface-variant));opacity:var(--mat-chip-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mat-mdc-chip-selected.cdk-focused .mat-mdc-chip-focus-overlay,.mat-mdc-chip-highlighted.cdk-focused .mat-mdc-chip-focus-overlay{background:var(--mat-chip-selected-focus-state-layer-color, var(--mat-sys-on-secondary-container));opacity:var(--mat-chip-selected-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity))}.mdc-evolution-chip--disabled:not(.mdc-evolution-chip--selected) .mat-mdc-chip-avatar{opacity:var(--mat-chip-with-avatar-disabled-avatar-opacity, 0.38)}.mdc-evolution-chip--disabled .mdc-evolution-chip__icon--trailing{opacity:var(--mat-chip-with-trailing-icon-disabled-trailing-icon-opacity, 0.38)}.mdc-evolution-chip--disabled.mdc-evolution-chip--selected .mdc-evolution-chip__checkmark{opacity:var(--mat-chip-with-icon-disabled-icon-opacity, 0.38)}.mat-mdc-standard-chip.mdc-evolution-chip--disabled{opacity:var(--mat-chip-disabled-container-opacity, 1)}.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{color:var(--mat-chip-selected-trailing-icon-color, var(--mat-sys-on-secondary-container))}.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{color:var(--mat-chip-selected-disabled-trailing-icon-color, var(--mat-sys-on-surface))}.mat-mdc-chip-edit,.mat-mdc-chip-remove{opacity:var(--mat-chip-trailing-action-opacity, 1)}.mat-mdc-chip-edit:focus,.mat-mdc-chip-remove:focus{opacity:var(--mat-chip-trailing-action-focus-opacity, 1)}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{background-color:var(--mat-chip-trailing-action-state-layer-color, var(--mat-sys-on-surface-variant))}.mat-mdc-chip-edit:hover::after,.mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-chip-edit:focus::after,.mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip-selected .mat-mdc-chip-remove::after,.mat-mdc-chip-highlighted .mat-mdc-chip-remove::after{background-color:var(--mat-chip-selected-trailing-action-state-layer-color, var(--mat-sys-on-secondary-container))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:focus::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:focus::after{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)))}.mat-mdc-chip.cdk-focused .mat-mdc-chip-edit:hover::after,.mat-mdc-chip.cdk-focused .mat-mdc-chip-remove:hover::after{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)))}.mat-mdc-standard-chip{-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-mdc-standard-chip .mat-mdc-chip-graphic,.mat-mdc-standard-chip .mat-mdc-chip-trailing-icon{box-sizing:content-box}.mat-mdc-standard-chip._mat-animation-noopable,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__graphic,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark,.mat-mdc-standard-chip._mat-animation-noopable .mdc-evolution-chip__checkmark-path{transition-duration:1ms;animation-duration:1ms}.mat-mdc-chip-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity 150ms linear}._mat-animation-noopable .mat-mdc-chip-focus-overlay{transition:none}.mat-mdc-basic-chip .mat-mdc-chip-focus-overlay{display:none}.mat-mdc-chip .mat-ripple.mat-mdc-chip-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-mdc-chip-avatar{text-align:center;line-height:1;color:var(--mat-chip-with-icon-icon-color, currentColor)}.mat-mdc-chip{position:relative;z-index:0}.mat-mdc-chip-action-label{text-align:left;z-index:1}[dir=rtl] .mat-mdc-chip-action-label{text-align:right}.mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label{position:relative}.mat-mdc-chip-action-label .mat-mdc-chip-primary-focus-indicator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mat-mdc-chip-action-label .mat-focus-indicator::before{margin:calc(calc(var(--mat-focus-indicator-border-width, 3px) + 2px)*-1)}.mat-mdc-chip-edit::before,.mat-mdc-chip-remove::before{margin:calc(var(--mat-focus-indicator-border-width, 3px)*-1);left:8px;right:8px}.mat-mdc-chip-edit::after,.mat-mdc-chip-remove::after{content:\"\";display:block;opacity:0;position:absolute;top:-3px;bottom:-3px;left:5px;right:5px;border-radius:50%;box-sizing:border-box;padding:12px;margin:-12px;background-clip:content-box}.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{width:18px;height:18px;font-size:18px;box-sizing:content-box}.mat-chip-edit-input{cursor:text;display:inline-block;color:inherit;outline:0}@media(forced-colors: active){.mat-mdc-chip-selected:not(.mat-mdc-chip-multiple){outline-width:3px}}.mat-mdc-chip-action:focus-visible .mat-focus-indicator::before{content:\"\"}.mdc-evolution-chip__icon,.mat-mdc-chip-edit .mat-icon,.mat-mdc-chip-remove .mat-icon{min-height:fit-content}img.mdc-evolution-chip__icon{min-height:0}\n"]
|
|
1366
|
+
}]
|
|
1367
|
+
}],
|
|
1368
|
+
ctorParameters: () => [],
|
|
1369
|
+
propDecorators: {
|
|
1370
|
+
editable: [{
|
|
1371
|
+
type: Input
|
|
1372
|
+
}],
|
|
1373
|
+
edited: [{
|
|
1374
|
+
type: Output
|
|
1375
|
+
}],
|
|
1376
|
+
defaultEditInput: [{
|
|
1377
|
+
type: ViewChild,
|
|
1378
|
+
args: [MatChipEditInput]
|
|
1379
|
+
}],
|
|
1380
|
+
contentEditInput: [{
|
|
1381
|
+
type: ContentChild,
|
|
1382
|
+
args: [MatChipEditInput]
|
|
1383
|
+
}]
|
|
1384
|
+
}
|
|
1385
|
+
});
|
|
1386
|
+
|
|
1387
|
+
class MatChipSet {
|
|
1388
|
+
_elementRef = inject(ElementRef);
|
|
1389
|
+
_changeDetectorRef = inject(ChangeDetectorRef);
|
|
1390
|
+
_dir = inject(Directionality, {
|
|
1391
|
+
optional: true
|
|
1392
|
+
});
|
|
1393
|
+
_lastDestroyedFocusedChipIndex = null;
|
|
1394
|
+
_keyManager;
|
|
1395
|
+
_destroyed = new Subject();
|
|
1396
|
+
_defaultRole = 'presentation';
|
|
1397
|
+
get chipFocusChanges() {
|
|
1398
|
+
return this._getChipStream(chip => chip._onFocus);
|
|
1399
|
+
}
|
|
1400
|
+
get chipDestroyedChanges() {
|
|
1401
|
+
return this._getChipStream(chip => chip.destroyed);
|
|
1402
|
+
}
|
|
1403
|
+
get chipRemovedChanges() {
|
|
1404
|
+
return this._getChipStream(chip => chip.removed);
|
|
1405
|
+
}
|
|
1406
|
+
get disabled() {
|
|
1407
|
+
return this._disabled;
|
|
1408
|
+
}
|
|
1409
|
+
set disabled(value) {
|
|
1410
|
+
this._disabled = value;
|
|
1411
|
+
this._syncChipsState();
|
|
1412
|
+
}
|
|
1413
|
+
_disabled = false;
|
|
1414
|
+
get empty() {
|
|
1415
|
+
return !this._chips || this._chips.length === 0;
|
|
1416
|
+
}
|
|
1417
|
+
get role() {
|
|
1418
|
+
if (this._explicitRole) {
|
|
1419
|
+
return this._explicitRole;
|
|
1420
|
+
}
|
|
1421
|
+
return this.empty ? null : this._defaultRole;
|
|
1422
|
+
}
|
|
1423
|
+
tabIndex = 0;
|
|
1424
|
+
set role(value) {
|
|
1425
|
+
this._explicitRole = value;
|
|
1426
|
+
}
|
|
1427
|
+
_explicitRole = null;
|
|
1428
|
+
get focused() {
|
|
1429
|
+
return this._hasFocusedChip();
|
|
1430
|
+
}
|
|
1431
|
+
_chips;
|
|
1432
|
+
_chipActions = new QueryList();
|
|
1433
|
+
constructor() {}
|
|
1434
|
+
ngAfterViewInit() {
|
|
1435
|
+
this._setUpFocusManagement();
|
|
1436
|
+
this._trackChipSetChanges();
|
|
1437
|
+
this._trackDestroyedFocusedChip();
|
|
1438
|
+
}
|
|
1439
|
+
ngOnDestroy() {
|
|
1440
|
+
this._keyManager?.destroy();
|
|
1441
|
+
this._chipActions.destroy();
|
|
1442
|
+
this._destroyed.next();
|
|
1443
|
+
this._destroyed.complete();
|
|
1444
|
+
}
|
|
1445
|
+
_hasFocusedChip() {
|
|
1446
|
+
return this._chips && this._chips.some(chip => chip._hasFocus());
|
|
1447
|
+
}
|
|
1448
|
+
_syncChipsState() {
|
|
1449
|
+
this._chips?.forEach(chip => {
|
|
1450
|
+
chip._chipListDisabled = this._disabled;
|
|
1451
|
+
chip._changeDetectorRef.markForCheck();
|
|
1452
|
+
});
|
|
1453
|
+
}
|
|
1454
|
+
focus() {}
|
|
1455
|
+
_handleKeydown(event) {
|
|
1456
|
+
if (this._originatesFromChip(event)) {
|
|
1457
|
+
this._keyManager.onKeydown(event);
|
|
1458
|
+
}
|
|
1459
|
+
}
|
|
1460
|
+
_isValidIndex(index) {
|
|
1461
|
+
return index >= 0 && index < this._chips.length;
|
|
1462
|
+
}
|
|
1463
|
+
_allowFocusEscape() {
|
|
1464
|
+
const previous = this._elementRef.nativeElement.tabIndex;
|
|
1465
|
+
if (previous !== -1) {
|
|
1466
|
+
this._elementRef.nativeElement.tabIndex = -1;
|
|
1467
|
+
setTimeout(() => this._elementRef.nativeElement.tabIndex = previous);
|
|
1468
|
+
}
|
|
1469
|
+
}
|
|
1470
|
+
_getChipStream(mappingFunction) {
|
|
1471
|
+
return this._chips.changes.pipe(startWith(null), switchMap(() => merge(...this._chips.map(mappingFunction))));
|
|
1472
|
+
}
|
|
1473
|
+
_originatesFromChip(event) {
|
|
1474
|
+
let currentElement = event.target;
|
|
1475
|
+
while (currentElement && currentElement !== this._elementRef.nativeElement) {
|
|
1476
|
+
if (currentElement.classList.contains('mat-mdc-chip')) {
|
|
1477
|
+
return true;
|
|
1478
|
+
}
|
|
1479
|
+
currentElement = currentElement.parentElement;
|
|
1480
|
+
}
|
|
1481
|
+
return false;
|
|
1482
|
+
}
|
|
1483
|
+
_setUpFocusManagement() {
|
|
1484
|
+
this._chips.changes.pipe(startWith(this._chips)).subscribe(chips => {
|
|
1485
|
+
const actions = [];
|
|
1486
|
+
chips.forEach(chip => chip._getActions().forEach(action => actions.push(action)));
|
|
1487
|
+
this._chipActions.reset(actions);
|
|
1488
|
+
this._chipActions.notifyOnChanges();
|
|
1489
|
+
});
|
|
1490
|
+
this._keyManager = new FocusKeyManager(this._chipActions).withVerticalOrientation().withHorizontalOrientation(this._dir ? this._dir.value : 'ltr').withHomeAndEnd().skipPredicate(action => this._skipPredicate(action));
|
|
1491
|
+
this.chipFocusChanges.pipe(takeUntil(this._destroyed)).subscribe(({
|
|
1492
|
+
chip
|
|
1493
|
+
}) => {
|
|
1494
|
+
const action = chip._getSourceAction(document.activeElement);
|
|
1495
|
+
if (action) {
|
|
1496
|
+
this._keyManager.updateActiveItem(action);
|
|
1497
|
+
}
|
|
1498
|
+
});
|
|
1499
|
+
this._dir?.change.pipe(takeUntil(this._destroyed)).subscribe(direction => this._keyManager.withHorizontalOrientation(direction));
|
|
1500
|
+
}
|
|
1501
|
+
_skipPredicate(action) {
|
|
1502
|
+
return action.disabled;
|
|
1503
|
+
}
|
|
1504
|
+
_trackChipSetChanges() {
|
|
1505
|
+
this._chips.changes.pipe(startWith(null), takeUntil(this._destroyed)).subscribe(() => {
|
|
1506
|
+
if (this.disabled) {
|
|
1507
|
+
Promise.resolve().then(() => this._syncChipsState());
|
|
1508
|
+
}
|
|
1509
|
+
this._redirectDestroyedChipFocus();
|
|
1510
|
+
});
|
|
1511
|
+
}
|
|
1512
|
+
_trackDestroyedFocusedChip() {
|
|
1513
|
+
this.chipDestroyedChanges.pipe(takeUntil(this._destroyed)).subscribe(event => {
|
|
1514
|
+
const chipArray = this._chips.toArray();
|
|
1515
|
+
const chipIndex = chipArray.indexOf(event.chip);
|
|
1516
|
+
const hasFocus = event.chip._hasFocus();
|
|
1517
|
+
const wasLastFocused = event.chip._hadFocusOnRemove && this._keyManager.activeItem && event.chip._getActions().includes(this._keyManager.activeItem);
|
|
1518
|
+
const shouldMoveFocus = hasFocus || wasLastFocused;
|
|
1519
|
+
if (this._isValidIndex(chipIndex) && shouldMoveFocus) {
|
|
1520
|
+
this._lastDestroyedFocusedChipIndex = chipIndex;
|
|
1521
|
+
}
|
|
1522
|
+
});
|
|
1523
|
+
}
|
|
1524
|
+
_redirectDestroyedChipFocus() {
|
|
1525
|
+
if (this._lastDestroyedFocusedChipIndex == null) {
|
|
1526
|
+
return;
|
|
1527
|
+
}
|
|
1528
|
+
if (this._chips.length) {
|
|
1529
|
+
const newIndex = Math.min(this._lastDestroyedFocusedChipIndex, this._chips.length - 1);
|
|
1530
|
+
const chipToFocus = this._chips.toArray()[newIndex];
|
|
1531
|
+
if (chipToFocus.disabled) {
|
|
1532
|
+
if (this._chips.length === 1) {
|
|
1533
|
+
this.focus();
|
|
1534
|
+
} else {
|
|
1535
|
+
this._keyManager.setPreviousItemActive();
|
|
1536
|
+
}
|
|
1537
|
+
} else {
|
|
1538
|
+
chipToFocus.focus();
|
|
1539
|
+
}
|
|
1540
|
+
} else {
|
|
1541
|
+
this.focus();
|
|
1542
|
+
}
|
|
1543
|
+
this._lastDestroyedFocusedChipIndex = null;
|
|
1544
|
+
}
|
|
1545
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1546
|
+
minVersion: "12.0.0",
|
|
1547
|
+
version: "22.0.0-next.1",
|
|
1548
|
+
ngImport: i0,
|
|
1549
|
+
type: MatChipSet,
|
|
1550
|
+
deps: [],
|
|
1551
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
1552
|
+
});
|
|
1553
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1554
|
+
minVersion: "16.1.0",
|
|
1555
|
+
version: "22.0.0-next.1",
|
|
1556
|
+
type: MatChipSet,
|
|
1557
|
+
isStandalone: true,
|
|
1558
|
+
selector: "mat-chip-set",
|
|
1559
|
+
inputs: {
|
|
1560
|
+
disabled: ["disabled", "disabled", booleanAttribute],
|
|
1561
|
+
role: "role",
|
|
1562
|
+
tabIndex: ["tabIndex", "tabIndex", value => value == null ? 0 : numberAttribute(value)]
|
|
1563
|
+
},
|
|
1564
|
+
host: {
|
|
1565
|
+
listeners: {
|
|
1566
|
+
"keydown": "_handleKeydown($event)"
|
|
1567
|
+
},
|
|
1568
|
+
properties: {
|
|
1569
|
+
"attr.role": "role"
|
|
1570
|
+
},
|
|
1571
|
+
classAttribute: "mat-mdc-chip-set mdc-evolution-chip-set"
|
|
1572
|
+
},
|
|
1573
|
+
queries: [{
|
|
1574
|
+
propertyName: "_chips",
|
|
1575
|
+
predicate: MatChip,
|
|
1576
|
+
descendants: true
|
|
1577
|
+
}],
|
|
1578
|
+
ngImport: i0,
|
|
1579
|
+
template: `
|
|
1580
|
+
<div class="mdc-evolution-chip-set__chips" role="presentation">
|
|
1581
|
+
<ng-content></ng-content>
|
|
1582
|
+
</div>
|
|
1583
|
+
`,
|
|
1584
|
+
isInline: true,
|
|
1585
|
+
styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"],
|
|
1586
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1587
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
1588
|
+
});
|
|
1589
|
+
}
|
|
1590
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
1591
|
+
minVersion: "12.0.0",
|
|
1592
|
+
version: "22.0.0-next.1",
|
|
1593
|
+
ngImport: i0,
|
|
1594
|
+
type: MatChipSet,
|
|
1595
|
+
decorators: [{
|
|
1596
|
+
type: Component,
|
|
1597
|
+
args: [{
|
|
1598
|
+
selector: 'mat-chip-set',
|
|
1599
|
+
template: `
|
|
1600
|
+
<div class="mdc-evolution-chip-set__chips" role="presentation">
|
|
1601
|
+
<ng-content></ng-content>
|
|
1602
|
+
</div>
|
|
1603
|
+
`,
|
|
1604
|
+
host: {
|
|
1605
|
+
'class': 'mat-mdc-chip-set mdc-evolution-chip-set',
|
|
1606
|
+
'(keydown)': '_handleKeydown($event)',
|
|
1607
|
+
'[attr.role]': 'role'
|
|
1608
|
+
},
|
|
1609
|
+
encapsulation: ViewEncapsulation.None,
|
|
1610
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1611
|
+
styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"]
|
|
1612
|
+
}]
|
|
1613
|
+
}],
|
|
1614
|
+
ctorParameters: () => [],
|
|
1615
|
+
propDecorators: {
|
|
1616
|
+
disabled: [{
|
|
1617
|
+
type: Input,
|
|
1618
|
+
args: [{
|
|
1619
|
+
transform: booleanAttribute
|
|
1620
|
+
}]
|
|
1621
|
+
}],
|
|
1622
|
+
role: [{
|
|
1623
|
+
type: Input
|
|
1624
|
+
}],
|
|
1625
|
+
tabIndex: [{
|
|
1626
|
+
type: Input,
|
|
1627
|
+
args: [{
|
|
1628
|
+
transform: value => value == null ? 0 : numberAttribute(value)
|
|
1629
|
+
}]
|
|
1630
|
+
}],
|
|
1631
|
+
_chips: [{
|
|
1632
|
+
type: ContentChildren,
|
|
1633
|
+
args: [MatChip, {
|
|
1634
|
+
descendants: true
|
|
1635
|
+
}]
|
|
1636
|
+
}]
|
|
1637
|
+
}
|
|
1638
|
+
});
|
|
1639
|
+
|
|
1640
|
+
class MatChipListboxChange {
|
|
1641
|
+
source;
|
|
1642
|
+
value;
|
|
1643
|
+
constructor(source, value) {
|
|
1644
|
+
this.source = source;
|
|
1645
|
+
this.value = value;
|
|
1646
|
+
}
|
|
1647
|
+
}
|
|
1648
|
+
const MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR = {
|
|
1649
|
+
provide: NG_VALUE_ACCESSOR,
|
|
1650
|
+
useExisting: forwardRef(() => MatChipListbox),
|
|
1651
|
+
multi: true
|
|
1652
|
+
};
|
|
1653
|
+
class MatChipListbox extends MatChipSet {
|
|
1654
|
+
_onTouched = () => {};
|
|
1655
|
+
_onChange = () => {};
|
|
1656
|
+
_defaultRole = 'listbox';
|
|
1657
|
+
_defaultOptions = inject(MAT_CHIPS_DEFAULT_OPTIONS, {
|
|
1658
|
+
optional: true
|
|
1659
|
+
});
|
|
1660
|
+
get multiple() {
|
|
1661
|
+
return this._multiple;
|
|
1662
|
+
}
|
|
1663
|
+
set multiple(value) {
|
|
1664
|
+
this._multiple = value;
|
|
1665
|
+
this._syncListboxProperties();
|
|
1666
|
+
}
|
|
1667
|
+
_multiple = false;
|
|
1668
|
+
get selected() {
|
|
1669
|
+
const selectedChips = this._chips.toArray().filter(chip => chip.selected);
|
|
1670
|
+
return this.multiple ? selectedChips : selectedChips[0];
|
|
1671
|
+
}
|
|
1672
|
+
ariaOrientation = 'horizontal';
|
|
1673
|
+
get selectable() {
|
|
1674
|
+
return this._selectable;
|
|
1675
|
+
}
|
|
1676
|
+
set selectable(value) {
|
|
1677
|
+
this._selectable = value;
|
|
1678
|
+
this._syncListboxProperties();
|
|
1679
|
+
}
|
|
1680
|
+
_selectable = true;
|
|
1681
|
+
compareWith = (o1, o2) => o1 === o2;
|
|
1682
|
+
required = false;
|
|
1683
|
+
get hideSingleSelectionIndicator() {
|
|
1684
|
+
return this._hideSingleSelectionIndicator;
|
|
1685
|
+
}
|
|
1686
|
+
set hideSingleSelectionIndicator(value) {
|
|
1687
|
+
this._hideSingleSelectionIndicator = value;
|
|
1688
|
+
this._syncListboxProperties();
|
|
1689
|
+
}
|
|
1690
|
+
_hideSingleSelectionIndicator = this._defaultOptions?.hideSingleSelectionIndicator ?? false;
|
|
1691
|
+
get chipSelectionChanges() {
|
|
1692
|
+
return this._getChipStream(chip => chip.selectionChange);
|
|
1693
|
+
}
|
|
1694
|
+
get chipBlurChanges() {
|
|
1695
|
+
return this._getChipStream(chip => chip._onBlur);
|
|
1696
|
+
}
|
|
1697
|
+
get value() {
|
|
1698
|
+
return this._value;
|
|
1699
|
+
}
|
|
1700
|
+
set value(value) {
|
|
1701
|
+
if (this._chips && this._chips.length) {
|
|
1702
|
+
this._setSelectionByValue(value, false);
|
|
1703
|
+
}
|
|
1704
|
+
this._value = value;
|
|
1705
|
+
}
|
|
1706
|
+
_value;
|
|
1707
|
+
change = new EventEmitter();
|
|
1708
|
+
_chips = undefined;
|
|
1709
|
+
ngAfterContentInit() {
|
|
1710
|
+
this._chips.changes.pipe(startWith(null), takeUntil(this._destroyed)).subscribe(() => {
|
|
1711
|
+
if (this.value !== undefined) {
|
|
1712
|
+
Promise.resolve().then(() => {
|
|
1713
|
+
this._setSelectionByValue(this.value, false);
|
|
1714
|
+
});
|
|
1715
|
+
}
|
|
1716
|
+
this._syncListboxProperties();
|
|
1717
|
+
});
|
|
1718
|
+
this.chipBlurChanges.pipe(takeUntil(this._destroyed)).subscribe(() => this._blur());
|
|
1719
|
+
this.chipSelectionChanges.pipe(takeUntil(this._destroyed)).subscribe(event => {
|
|
1720
|
+
if (!this.multiple) {
|
|
1721
|
+
this._chips.forEach(chip => {
|
|
1722
|
+
if (chip !== event.source) {
|
|
1723
|
+
chip._setSelectedState(false, false, false);
|
|
1724
|
+
}
|
|
1725
|
+
});
|
|
1726
|
+
}
|
|
1727
|
+
if (event.isUserInput) {
|
|
1728
|
+
this._propagateChanges();
|
|
1729
|
+
}
|
|
1730
|
+
});
|
|
1731
|
+
}
|
|
1732
|
+
focus() {
|
|
1733
|
+
if (this.disabled) {
|
|
1734
|
+
return;
|
|
1735
|
+
}
|
|
1736
|
+
const firstSelectedChip = this._getFirstSelectedChip();
|
|
1737
|
+
if (firstSelectedChip && !firstSelectedChip.disabled) {
|
|
1738
|
+
firstSelectedChip.focus();
|
|
1739
|
+
} else if (this._chips.length > 0) {
|
|
1740
|
+
this._keyManager.setFirstItemActive();
|
|
1741
|
+
} else {
|
|
1742
|
+
this._elementRef.nativeElement.focus();
|
|
1743
|
+
}
|
|
1744
|
+
}
|
|
1745
|
+
writeValue(value) {
|
|
1746
|
+
if (value != null) {
|
|
1747
|
+
this.value = value;
|
|
1748
|
+
} else {
|
|
1749
|
+
this.value = undefined;
|
|
1750
|
+
}
|
|
1751
|
+
}
|
|
1752
|
+
registerOnChange(fn) {
|
|
1753
|
+
this._onChange = fn;
|
|
1754
|
+
}
|
|
1755
|
+
registerOnTouched(fn) {
|
|
1756
|
+
this._onTouched = fn;
|
|
1757
|
+
}
|
|
1758
|
+
setDisabledState(isDisabled) {
|
|
1759
|
+
this.disabled = isDisabled;
|
|
1760
|
+
}
|
|
1761
|
+
_setSelectionByValue(value, isUserInput = true) {
|
|
1762
|
+
this._clearSelection();
|
|
1763
|
+
if (Array.isArray(value)) {
|
|
1764
|
+
value.forEach(currentValue => this._selectValue(currentValue, isUserInput));
|
|
1765
|
+
} else {
|
|
1766
|
+
this._selectValue(value, isUserInput);
|
|
1767
|
+
}
|
|
1768
|
+
}
|
|
1769
|
+
_blur() {
|
|
1770
|
+
if (!this.disabled) {
|
|
1771
|
+
setTimeout(() => {
|
|
1772
|
+
if (!this.focused) {
|
|
1773
|
+
this._markAsTouched();
|
|
1774
|
+
}
|
|
1775
|
+
});
|
|
1776
|
+
}
|
|
1777
|
+
}
|
|
1778
|
+
_keydown(event) {
|
|
1779
|
+
if (event.keyCode === TAB) {
|
|
1780
|
+
super._allowFocusEscape();
|
|
1781
|
+
}
|
|
1782
|
+
}
|
|
1783
|
+
_markAsTouched() {
|
|
1784
|
+
this._onTouched();
|
|
1785
|
+
this._changeDetectorRef.markForCheck();
|
|
1786
|
+
}
|
|
1787
|
+
_propagateChanges() {
|
|
1788
|
+
let valueToEmit = null;
|
|
1789
|
+
if (Array.isArray(this.selected)) {
|
|
1790
|
+
valueToEmit = this.selected.map(chip => chip.value);
|
|
1791
|
+
} else {
|
|
1792
|
+
valueToEmit = this.selected ? this.selected.value : undefined;
|
|
1793
|
+
}
|
|
1794
|
+
this._value = valueToEmit;
|
|
1795
|
+
this.change.emit(new MatChipListboxChange(this, valueToEmit));
|
|
1796
|
+
this._onChange(valueToEmit);
|
|
1797
|
+
this._changeDetectorRef.markForCheck();
|
|
1798
|
+
}
|
|
1799
|
+
_clearSelection(skip) {
|
|
1800
|
+
this._chips.forEach(chip => {
|
|
1801
|
+
if (chip !== skip) {
|
|
1802
|
+
chip.deselect();
|
|
1803
|
+
}
|
|
1804
|
+
});
|
|
1805
|
+
}
|
|
1806
|
+
_selectValue(value, isUserInput) {
|
|
1807
|
+
const correspondingChip = this._chips.find(chip => {
|
|
1808
|
+
return chip.value != null && this.compareWith(chip.value, value);
|
|
1809
|
+
});
|
|
1810
|
+
if (correspondingChip) {
|
|
1811
|
+
isUserInput ? correspondingChip.selectViaInteraction() : correspondingChip.select();
|
|
1812
|
+
}
|
|
1813
|
+
return correspondingChip;
|
|
1814
|
+
}
|
|
1815
|
+
_syncListboxProperties() {
|
|
1816
|
+
if (this._chips) {
|
|
1817
|
+
Promise.resolve().then(() => {
|
|
1818
|
+
this._chips.forEach(chip => {
|
|
1819
|
+
chip._chipListMultiple = this.multiple;
|
|
1820
|
+
chip.chipListSelectable = this._selectable;
|
|
1821
|
+
chip._chipListHideSingleSelectionIndicator = this.hideSingleSelectionIndicator;
|
|
1822
|
+
chip._changeDetectorRef.markForCheck();
|
|
1823
|
+
});
|
|
1824
|
+
});
|
|
1825
|
+
}
|
|
1826
|
+
}
|
|
1827
|
+
_getFirstSelectedChip() {
|
|
1828
|
+
if (Array.isArray(this.selected)) {
|
|
1829
|
+
return this.selected.length ? this.selected[0] : undefined;
|
|
1830
|
+
} else {
|
|
1831
|
+
return this.selected;
|
|
1832
|
+
}
|
|
1833
|
+
}
|
|
1834
|
+
_skipPredicate(action) {
|
|
1835
|
+
return false;
|
|
1836
|
+
}
|
|
1837
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
1838
|
+
minVersion: "12.0.0",
|
|
1839
|
+
version: "22.0.0-next.1",
|
|
1840
|
+
ngImport: i0,
|
|
1841
|
+
type: MatChipListbox,
|
|
1842
|
+
deps: null,
|
|
1843
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
1844
|
+
});
|
|
1845
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
1846
|
+
minVersion: "16.1.0",
|
|
1847
|
+
version: "22.0.0-next.1",
|
|
1848
|
+
type: MatChipListbox,
|
|
1849
|
+
isStandalone: true,
|
|
1850
|
+
selector: "mat-chip-listbox",
|
|
1851
|
+
inputs: {
|
|
1852
|
+
multiple: ["multiple", "multiple", booleanAttribute],
|
|
1853
|
+
ariaOrientation: ["aria-orientation", "ariaOrientation"],
|
|
1854
|
+
selectable: ["selectable", "selectable", booleanAttribute],
|
|
1855
|
+
compareWith: "compareWith",
|
|
1856
|
+
required: ["required", "required", booleanAttribute],
|
|
1857
|
+
hideSingleSelectionIndicator: ["hideSingleSelectionIndicator", "hideSingleSelectionIndicator", booleanAttribute],
|
|
1858
|
+
value: "value"
|
|
1859
|
+
},
|
|
1860
|
+
outputs: {
|
|
1861
|
+
change: "change"
|
|
1862
|
+
},
|
|
1863
|
+
host: {
|
|
1864
|
+
listeners: {
|
|
1865
|
+
"focus": "focus()",
|
|
1866
|
+
"blur": "_blur()",
|
|
1867
|
+
"keydown": "_keydown($event)"
|
|
1868
|
+
},
|
|
1869
|
+
properties: {
|
|
1870
|
+
"attr.role": "role",
|
|
1871
|
+
"tabIndex": "(disabled || empty) ? -1 : tabIndex",
|
|
1872
|
+
"attr.aria-required": "role ? required : null",
|
|
1873
|
+
"attr.aria-disabled": "disabled.toString()",
|
|
1874
|
+
"attr.aria-multiselectable": "multiple",
|
|
1875
|
+
"attr.aria-orientation": "ariaOrientation",
|
|
1876
|
+
"class.mat-mdc-chip-list-disabled": "disabled",
|
|
1877
|
+
"class.mat-mdc-chip-list-required": "required"
|
|
1878
|
+
},
|
|
1879
|
+
classAttribute: "mdc-evolution-chip-set mat-mdc-chip-listbox"
|
|
1880
|
+
},
|
|
1881
|
+
providers: [MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR],
|
|
1882
|
+
queries: [{
|
|
1883
|
+
propertyName: "_chips",
|
|
1884
|
+
predicate: MatChipOption,
|
|
1885
|
+
descendants: true
|
|
1886
|
+
}],
|
|
1887
|
+
usesInheritance: true,
|
|
1888
|
+
ngImport: i0,
|
|
1889
|
+
template: `
|
|
1890
|
+
<div class="mdc-evolution-chip-set__chips" role="presentation">
|
|
1891
|
+
<ng-content></ng-content>
|
|
1892
|
+
</div>
|
|
1893
|
+
`,
|
|
1894
|
+
isInline: true,
|
|
1895
|
+
styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"],
|
|
1896
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1897
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
1898
|
+
});
|
|
1899
|
+
}
|
|
1900
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
1901
|
+
minVersion: "12.0.0",
|
|
1902
|
+
version: "22.0.0-next.1",
|
|
1903
|
+
ngImport: i0,
|
|
1904
|
+
type: MatChipListbox,
|
|
1905
|
+
decorators: [{
|
|
1906
|
+
type: Component,
|
|
1907
|
+
args: [{
|
|
1908
|
+
selector: 'mat-chip-listbox',
|
|
1909
|
+
template: `
|
|
1910
|
+
<div class="mdc-evolution-chip-set__chips" role="presentation">
|
|
1911
|
+
<ng-content></ng-content>
|
|
1912
|
+
</div>
|
|
1913
|
+
`,
|
|
1914
|
+
host: {
|
|
1915
|
+
'class': 'mdc-evolution-chip-set mat-mdc-chip-listbox',
|
|
1916
|
+
'[attr.role]': 'role',
|
|
1917
|
+
'[tabIndex]': '(disabled || empty) ? -1 : tabIndex',
|
|
1918
|
+
'[attr.aria-required]': 'role ? required : null',
|
|
1919
|
+
'[attr.aria-disabled]': 'disabled.toString()',
|
|
1920
|
+
'[attr.aria-multiselectable]': 'multiple',
|
|
1921
|
+
'[attr.aria-orientation]': 'ariaOrientation',
|
|
1922
|
+
'[class.mat-mdc-chip-list-disabled]': 'disabled',
|
|
1923
|
+
'[class.mat-mdc-chip-list-required]': 'required',
|
|
1924
|
+
'(focus)': 'focus()',
|
|
1925
|
+
'(blur)': '_blur()',
|
|
1926
|
+
'(keydown)': '_keydown($event)'
|
|
1927
|
+
},
|
|
1928
|
+
providers: [MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR],
|
|
1929
|
+
encapsulation: ViewEncapsulation.None,
|
|
1930
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1931
|
+
styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"]
|
|
1932
|
+
}]
|
|
1933
|
+
}],
|
|
1934
|
+
propDecorators: {
|
|
1935
|
+
multiple: [{
|
|
1936
|
+
type: Input,
|
|
1937
|
+
args: [{
|
|
1938
|
+
transform: booleanAttribute
|
|
1939
|
+
}]
|
|
1940
|
+
}],
|
|
1941
|
+
ariaOrientation: [{
|
|
1942
|
+
type: Input,
|
|
1943
|
+
args: ['aria-orientation']
|
|
1944
|
+
}],
|
|
1945
|
+
selectable: [{
|
|
1946
|
+
type: Input,
|
|
1947
|
+
args: [{
|
|
1948
|
+
transform: booleanAttribute
|
|
1949
|
+
}]
|
|
1950
|
+
}],
|
|
1951
|
+
compareWith: [{
|
|
1952
|
+
type: Input
|
|
1953
|
+
}],
|
|
1954
|
+
required: [{
|
|
1955
|
+
type: Input,
|
|
1956
|
+
args: [{
|
|
1957
|
+
transform: booleanAttribute
|
|
1958
|
+
}]
|
|
1959
|
+
}],
|
|
1960
|
+
hideSingleSelectionIndicator: [{
|
|
1961
|
+
type: Input,
|
|
1962
|
+
args: [{
|
|
1963
|
+
transform: booleanAttribute
|
|
1964
|
+
}]
|
|
1965
|
+
}],
|
|
1966
|
+
value: [{
|
|
1967
|
+
type: Input
|
|
1968
|
+
}],
|
|
1969
|
+
change: [{
|
|
1970
|
+
type: Output
|
|
1971
|
+
}],
|
|
1972
|
+
_chips: [{
|
|
1973
|
+
type: ContentChildren,
|
|
1974
|
+
args: [MatChipOption, {
|
|
1975
|
+
descendants: true
|
|
1976
|
+
}]
|
|
1977
|
+
}]
|
|
1978
|
+
}
|
|
1979
|
+
});
|
|
1980
|
+
|
|
1981
|
+
class MatChipGridChange {
|
|
1982
|
+
source;
|
|
1983
|
+
value;
|
|
1984
|
+
constructor(source, value) {
|
|
1985
|
+
this.source = source;
|
|
1986
|
+
this.value = value;
|
|
1987
|
+
}
|
|
1988
|
+
}
|
|
1989
|
+
class MatChipGrid extends MatChipSet {
|
|
1990
|
+
ngControl = inject(NgControl, {
|
|
1991
|
+
optional: true,
|
|
1992
|
+
self: true
|
|
1993
|
+
});
|
|
1994
|
+
controlType = 'mat-chip-grid';
|
|
1995
|
+
_chipInput;
|
|
1996
|
+
_defaultRole = 'grid';
|
|
1997
|
+
_errorStateTracker;
|
|
1998
|
+
_uid = inject(_IdGenerator).getId('mat-chip-grid-');
|
|
1999
|
+
_ariaDescribedbyIds = [];
|
|
2000
|
+
_onTouched = () => {};
|
|
2001
|
+
_onChange = () => {};
|
|
2002
|
+
get disabled() {
|
|
2003
|
+
return this.ngControl ? !!this.ngControl.disabled : this._disabled;
|
|
2004
|
+
}
|
|
2005
|
+
set disabled(value) {
|
|
2006
|
+
this._disabled = value;
|
|
2007
|
+
this._syncChipsState();
|
|
2008
|
+
this.stateChanges.next();
|
|
2009
|
+
}
|
|
2010
|
+
get id() {
|
|
2011
|
+
return this._chipInput ? this._chipInput.id : this._uid;
|
|
2012
|
+
}
|
|
2013
|
+
get empty() {
|
|
2014
|
+
return (!this._chipInput || this._chipInput.empty) && (!this._chips || this._chips.length === 0);
|
|
2015
|
+
}
|
|
2016
|
+
get placeholder() {
|
|
2017
|
+
return this._chipInput ? this._chipInput.placeholder : this._placeholder;
|
|
2018
|
+
}
|
|
2019
|
+
set placeholder(value) {
|
|
2020
|
+
this._placeholder = value;
|
|
2021
|
+
this.stateChanges.next();
|
|
2022
|
+
}
|
|
2023
|
+
_placeholder = '';
|
|
2024
|
+
get focused() {
|
|
2025
|
+
return this._chipInput?.focused || this._hasFocusedChip();
|
|
2026
|
+
}
|
|
2027
|
+
get required() {
|
|
2028
|
+
return this._required ?? this.ngControl?.control?.hasValidator(Validators.required) ?? false;
|
|
2029
|
+
}
|
|
2030
|
+
set required(value) {
|
|
2031
|
+
this._required = value;
|
|
2032
|
+
this.stateChanges.next();
|
|
2033
|
+
}
|
|
2034
|
+
_required;
|
|
2035
|
+
get shouldLabelFloat() {
|
|
2036
|
+
return !this.empty || this.focused;
|
|
2037
|
+
}
|
|
2038
|
+
get value() {
|
|
2039
|
+
return this._value;
|
|
2040
|
+
}
|
|
2041
|
+
set value(value) {
|
|
2042
|
+
this._value = value;
|
|
2043
|
+
}
|
|
2044
|
+
_value = [];
|
|
2045
|
+
get errorStateMatcher() {
|
|
2046
|
+
return this._errorStateTracker.matcher;
|
|
2047
|
+
}
|
|
2048
|
+
set errorStateMatcher(value) {
|
|
2049
|
+
this._errorStateTracker.matcher = value;
|
|
2050
|
+
}
|
|
2051
|
+
get chipBlurChanges() {
|
|
2052
|
+
return this._getChipStream(chip => chip._onBlur);
|
|
2053
|
+
}
|
|
2054
|
+
change = new EventEmitter();
|
|
2055
|
+
valueChange = new EventEmitter();
|
|
2056
|
+
_chips = undefined;
|
|
2057
|
+
stateChanges = new Subject();
|
|
2058
|
+
get errorState() {
|
|
2059
|
+
return this._errorStateTracker.errorState;
|
|
2060
|
+
}
|
|
2061
|
+
set errorState(value) {
|
|
2062
|
+
this._errorStateTracker.errorState = value;
|
|
2063
|
+
}
|
|
2064
|
+
constructor() {
|
|
2065
|
+
super();
|
|
2066
|
+
const parentForm = inject(NgForm, {
|
|
2067
|
+
optional: true
|
|
2068
|
+
});
|
|
2069
|
+
const parentFormGroup = inject(FormGroupDirective, {
|
|
2070
|
+
optional: true
|
|
2071
|
+
});
|
|
2072
|
+
const defaultErrorStateMatcher = inject(ErrorStateMatcher);
|
|
2073
|
+
if (this.ngControl) {
|
|
2074
|
+
this.ngControl.valueAccessor = this;
|
|
2075
|
+
}
|
|
2076
|
+
this._errorStateTracker = new _ErrorStateTracker(defaultErrorStateMatcher, this.ngControl, parentFormGroup, parentForm, this.stateChanges);
|
|
2077
|
+
}
|
|
2078
|
+
ngAfterContentInit() {
|
|
2079
|
+
this.chipBlurChanges.pipe(takeUntil(this._destroyed)).subscribe(() => {
|
|
2080
|
+
this._blur();
|
|
2081
|
+
this.stateChanges.next();
|
|
2082
|
+
});
|
|
2083
|
+
merge(this.chipFocusChanges, this._chips.changes).pipe(takeUntil(this._destroyed)).subscribe(() => this.stateChanges.next());
|
|
2084
|
+
}
|
|
2085
|
+
ngDoCheck() {
|
|
2086
|
+
if (this.ngControl) {
|
|
2087
|
+
this.updateErrorState();
|
|
2088
|
+
}
|
|
2089
|
+
}
|
|
2090
|
+
ngOnDestroy() {
|
|
2091
|
+
super.ngOnDestroy();
|
|
2092
|
+
this.stateChanges.complete();
|
|
2093
|
+
}
|
|
2094
|
+
registerInput(inputElement) {
|
|
2095
|
+
this._chipInput = inputElement;
|
|
2096
|
+
this._chipInput.setDescribedByIds(this._ariaDescribedbyIds);
|
|
2097
|
+
this._elementRef.nativeElement.removeAttribute('aria-describedby');
|
|
2098
|
+
}
|
|
2099
|
+
onContainerClick(event) {
|
|
2100
|
+
if (!this.disabled && !this._originatesFromChip(event)) {
|
|
2101
|
+
this.focus();
|
|
2102
|
+
}
|
|
2103
|
+
}
|
|
2104
|
+
focus() {
|
|
2105
|
+
if (this.disabled || this._chipInput?.focused) {
|
|
2106
|
+
return;
|
|
2107
|
+
}
|
|
2108
|
+
if (!this._chips.length || this._chips.first.disabled) {
|
|
2109
|
+
if (!this._chipInput) {
|
|
2110
|
+
return;
|
|
2111
|
+
}
|
|
2112
|
+
Promise.resolve().then(() => this._chipInput.focus());
|
|
2113
|
+
} else {
|
|
2114
|
+
const activeItem = this._keyManager.activeItem;
|
|
2115
|
+
if (activeItem) {
|
|
2116
|
+
activeItem.focus();
|
|
2117
|
+
} else {
|
|
2118
|
+
this._keyManager.setFirstItemActive();
|
|
2119
|
+
}
|
|
2120
|
+
}
|
|
2121
|
+
this.stateChanges.next();
|
|
2122
|
+
}
|
|
2123
|
+
get describedByIds() {
|
|
2124
|
+
if (this._chipInput) {
|
|
2125
|
+
return this._chipInput.describedByIds || [];
|
|
2126
|
+
}
|
|
2127
|
+
const existing = this._elementRef.nativeElement.getAttribute('aria-describedby');
|
|
2128
|
+
return existing ? existing.split(' ') : [];
|
|
2129
|
+
}
|
|
2130
|
+
setDescribedByIds(ids) {
|
|
2131
|
+
this._ariaDescribedbyIds = ids;
|
|
2132
|
+
if (this._chipInput) {
|
|
2133
|
+
this._chipInput.setDescribedByIds(ids);
|
|
2134
|
+
} else if (ids.length) {
|
|
2135
|
+
this._elementRef.nativeElement.setAttribute('aria-describedby', ids.join(' '));
|
|
2136
|
+
} else {
|
|
2137
|
+
this._elementRef.nativeElement.removeAttribute('aria-describedby');
|
|
2138
|
+
}
|
|
2139
|
+
}
|
|
2140
|
+
writeValue(value) {
|
|
2141
|
+
this._value = value;
|
|
2142
|
+
}
|
|
2143
|
+
registerOnChange(fn) {
|
|
2144
|
+
this._onChange = fn;
|
|
2145
|
+
}
|
|
2146
|
+
registerOnTouched(fn) {
|
|
2147
|
+
this._onTouched = fn;
|
|
2148
|
+
}
|
|
2149
|
+
setDisabledState(isDisabled) {
|
|
2150
|
+
this.disabled = isDisabled;
|
|
2151
|
+
this.stateChanges.next();
|
|
2152
|
+
}
|
|
2153
|
+
updateErrorState() {
|
|
2154
|
+
this._errorStateTracker.updateErrorState();
|
|
2155
|
+
}
|
|
2156
|
+
_blur() {
|
|
2157
|
+
if (!this.disabled) {
|
|
2158
|
+
setTimeout(() => {
|
|
2159
|
+
if (!this.focused) {
|
|
2160
|
+
this._propagateChanges();
|
|
2161
|
+
this._markAsTouched();
|
|
2162
|
+
}
|
|
2163
|
+
});
|
|
2164
|
+
}
|
|
2165
|
+
}
|
|
2166
|
+
_allowFocusEscape() {
|
|
2167
|
+
if (!this._chipInput?.focused) {
|
|
2168
|
+
super._allowFocusEscape();
|
|
2169
|
+
}
|
|
2170
|
+
}
|
|
2171
|
+
_handleKeydown(event) {
|
|
2172
|
+
const keyCode = event.keyCode;
|
|
2173
|
+
const activeItem = this._keyManager.activeItem;
|
|
2174
|
+
if (keyCode === TAB) {
|
|
2175
|
+
if (this._chipInput?.focused && hasModifierKey(event, 'shiftKey') && this._chips.length && !this._chips.last.disabled) {
|
|
2176
|
+
event.preventDefault();
|
|
2177
|
+
if (activeItem) {
|
|
2178
|
+
this._keyManager.setActiveItem(activeItem);
|
|
2179
|
+
} else {
|
|
2180
|
+
this._focusLastChip();
|
|
2181
|
+
}
|
|
2182
|
+
} else {
|
|
2183
|
+
super._allowFocusEscape();
|
|
2184
|
+
}
|
|
2185
|
+
} else if (!this._chipInput?.focused) {
|
|
2186
|
+
if ((keyCode === UP_ARROW || keyCode === DOWN_ARROW) && activeItem) {
|
|
2187
|
+
const eligibleActions = this._chipActions.filter(action => action._isPrimary === activeItem._isPrimary && !this._skipPredicate(action));
|
|
2188
|
+
const currentIndex = eligibleActions.indexOf(activeItem);
|
|
2189
|
+
const delta = event.keyCode === UP_ARROW ? -1 : 1;
|
|
2190
|
+
event.preventDefault();
|
|
2191
|
+
if (currentIndex > -1 && this._isValidIndex(currentIndex + delta)) {
|
|
2192
|
+
this._keyManager.setActiveItem(eligibleActions[currentIndex + delta]);
|
|
2193
|
+
}
|
|
2194
|
+
} else {
|
|
2195
|
+
super._handleKeydown(event);
|
|
2196
|
+
}
|
|
2197
|
+
}
|
|
2198
|
+
this.stateChanges.next();
|
|
2199
|
+
}
|
|
2200
|
+
_focusLastChip() {
|
|
2201
|
+
if (this._chips.length) {
|
|
2202
|
+
this._chips.last.focus();
|
|
2203
|
+
}
|
|
2204
|
+
}
|
|
2205
|
+
_propagateChanges() {
|
|
2206
|
+
const valueToEmit = this._chips.length ? this._chips.toArray().map(chip => chip.value) : [];
|
|
2207
|
+
this._value = valueToEmit;
|
|
2208
|
+
this.change.emit(new MatChipGridChange(this, valueToEmit));
|
|
2209
|
+
this.valueChange.emit(valueToEmit);
|
|
2210
|
+
this._onChange(valueToEmit);
|
|
2211
|
+
this._changeDetectorRef.markForCheck();
|
|
2212
|
+
}
|
|
2213
|
+
_markAsTouched() {
|
|
2214
|
+
this._onTouched();
|
|
2215
|
+
this._changeDetectorRef.markForCheck();
|
|
2216
|
+
this.stateChanges.next();
|
|
2217
|
+
}
|
|
2218
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2219
|
+
minVersion: "12.0.0",
|
|
2220
|
+
version: "22.0.0-next.1",
|
|
2221
|
+
ngImport: i0,
|
|
2222
|
+
type: MatChipGrid,
|
|
2223
|
+
deps: [],
|
|
2224
|
+
target: i0.ɵɵFactoryTarget.Component
|
|
2225
|
+
});
|
|
2226
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({
|
|
2227
|
+
minVersion: "16.1.0",
|
|
2228
|
+
version: "22.0.0-next.1",
|
|
2229
|
+
type: MatChipGrid,
|
|
2230
|
+
isStandalone: true,
|
|
2231
|
+
selector: "mat-chip-grid",
|
|
2232
|
+
inputs: {
|
|
2233
|
+
disabled: ["disabled", "disabled", booleanAttribute],
|
|
2234
|
+
placeholder: "placeholder",
|
|
2235
|
+
required: ["required", "required", booleanAttribute],
|
|
2236
|
+
value: "value",
|
|
2237
|
+
errorStateMatcher: "errorStateMatcher"
|
|
2238
|
+
},
|
|
2239
|
+
outputs: {
|
|
2240
|
+
change: "change",
|
|
2241
|
+
valueChange: "valueChange"
|
|
2242
|
+
},
|
|
2243
|
+
host: {
|
|
2244
|
+
listeners: {
|
|
2245
|
+
"focus": "focus()",
|
|
2246
|
+
"blur": "_blur()"
|
|
2247
|
+
},
|
|
2248
|
+
properties: {
|
|
2249
|
+
"attr.role": "role",
|
|
2250
|
+
"attr.tabindex": "(disabled || (_chips && _chips.length === 0)) ? -1 : tabIndex",
|
|
2251
|
+
"attr.aria-disabled": "disabled.toString()",
|
|
2252
|
+
"attr.aria-invalid": "errorState",
|
|
2253
|
+
"class.mat-mdc-chip-list-disabled": "disabled",
|
|
2254
|
+
"class.mat-mdc-chip-list-invalid": "errorState",
|
|
2255
|
+
"class.mat-mdc-chip-list-required": "required"
|
|
2256
|
+
},
|
|
2257
|
+
classAttribute: "mat-mdc-chip-set mat-mdc-chip-grid mdc-evolution-chip-set"
|
|
2258
|
+
},
|
|
2259
|
+
providers: [{
|
|
2260
|
+
provide: MatFormFieldControl,
|
|
2261
|
+
useExisting: MatChipGrid
|
|
2262
|
+
}],
|
|
2263
|
+
queries: [{
|
|
2264
|
+
propertyName: "_chips",
|
|
2265
|
+
predicate: MatChipRow,
|
|
2266
|
+
descendants: true
|
|
2267
|
+
}],
|
|
2268
|
+
usesInheritance: true,
|
|
2269
|
+
ngImport: i0,
|
|
2270
|
+
template: `
|
|
2271
|
+
<div class="mdc-evolution-chip-set__chips" role="presentation">
|
|
2272
|
+
<ng-content></ng-content>
|
|
2273
|
+
</div>
|
|
2274
|
+
`,
|
|
2275
|
+
isInline: true,
|
|
2276
|
+
styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"],
|
|
2277
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
2278
|
+
encapsulation: i0.ViewEncapsulation.None
|
|
2279
|
+
});
|
|
2280
|
+
}
|
|
2281
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
2282
|
+
minVersion: "12.0.0",
|
|
2283
|
+
version: "22.0.0-next.1",
|
|
2284
|
+
ngImport: i0,
|
|
2285
|
+
type: MatChipGrid,
|
|
2286
|
+
decorators: [{
|
|
2287
|
+
type: Component,
|
|
2288
|
+
args: [{
|
|
2289
|
+
selector: 'mat-chip-grid',
|
|
2290
|
+
template: `
|
|
2291
|
+
<div class="mdc-evolution-chip-set__chips" role="presentation">
|
|
2292
|
+
<ng-content></ng-content>
|
|
2293
|
+
</div>
|
|
2294
|
+
`,
|
|
2295
|
+
host: {
|
|
2296
|
+
'class': 'mat-mdc-chip-set mat-mdc-chip-grid mdc-evolution-chip-set',
|
|
2297
|
+
'[attr.role]': 'role',
|
|
2298
|
+
'[attr.tabindex]': '(disabled || (_chips && _chips.length === 0)) ? -1 : tabIndex',
|
|
2299
|
+
'[attr.aria-disabled]': 'disabled.toString()',
|
|
2300
|
+
'[attr.aria-invalid]': 'errorState',
|
|
2301
|
+
'[class.mat-mdc-chip-list-disabled]': 'disabled',
|
|
2302
|
+
'[class.mat-mdc-chip-list-invalid]': 'errorState',
|
|
2303
|
+
'[class.mat-mdc-chip-list-required]': 'required',
|
|
2304
|
+
'(focus)': 'focus()',
|
|
2305
|
+
'(blur)': '_blur()'
|
|
2306
|
+
},
|
|
2307
|
+
providers: [{
|
|
2308
|
+
provide: MatFormFieldControl,
|
|
2309
|
+
useExisting: MatChipGrid
|
|
2310
|
+
}],
|
|
2311
|
+
encapsulation: ViewEncapsulation.None,
|
|
2312
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2313
|
+
styles: [".mat-mdc-chip-set{display:flex}.mat-mdc-chip-set:focus{outline:none}.mat-mdc-chip-set .mdc-evolution-chip-set__chips{min-width:100%;margin-left:-8px;margin-right:0}.mat-mdc-chip-set .mdc-evolution-chip{margin:4px 0 4px 8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip-set__chips{margin-left:0;margin-right:-8px}[dir=rtl] .mat-mdc-chip-set .mdc-evolution-chip{margin-left:0;margin-right:8px}.mdc-evolution-chip-set__chips{display:flex;flex-flow:wrap;min-width:0}.mat-mdc-chip-set-stacked{flex-direction:column;align-items:flex-start}.mat-mdc-chip-set-stacked .mat-mdc-chip{width:100%}.mat-mdc-chip-set-stacked .mdc-evolution-chip__graphic{flex-grow:0}.mat-mdc-chip-set-stacked .mdc-evolution-chip__action--primary{flex-basis:100%;justify-content:start}input.mat-mdc-chip-input{flex:1 0 150px;margin-left:8px}[dir=rtl] input.mat-mdc-chip-input{margin-left:0;margin-right:8px}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-moz-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input::-webkit-input-placeholder{opacity:1}.mat-mdc-form-field:not(.mat-form-field-hide-placeholder) input.mat-mdc-chip-input:-ms-input-placeholder{opacity:1}.mat-mdc-chip-set+input.mat-mdc-chip-input{margin-left:0;margin-right:0}\n"]
|
|
2314
|
+
}]
|
|
2315
|
+
}],
|
|
2316
|
+
ctorParameters: () => [],
|
|
2317
|
+
propDecorators: {
|
|
2318
|
+
disabled: [{
|
|
2319
|
+
type: Input,
|
|
2320
|
+
args: [{
|
|
2321
|
+
transform: booleanAttribute
|
|
2322
|
+
}]
|
|
2323
|
+
}],
|
|
2324
|
+
placeholder: [{
|
|
2325
|
+
type: Input
|
|
2326
|
+
}],
|
|
2327
|
+
required: [{
|
|
2328
|
+
type: Input,
|
|
2329
|
+
args: [{
|
|
2330
|
+
transform: booleanAttribute
|
|
2331
|
+
}]
|
|
2332
|
+
}],
|
|
2333
|
+
value: [{
|
|
2334
|
+
type: Input
|
|
2335
|
+
}],
|
|
2336
|
+
errorStateMatcher: [{
|
|
2337
|
+
type: Input
|
|
2338
|
+
}],
|
|
2339
|
+
change: [{
|
|
2340
|
+
type: Output
|
|
2341
|
+
}],
|
|
2342
|
+
valueChange: [{
|
|
2343
|
+
type: Output
|
|
2344
|
+
}],
|
|
2345
|
+
_chips: [{
|
|
2346
|
+
type: ContentChildren,
|
|
2347
|
+
args: [MatChipRow, {
|
|
2348
|
+
descendants: true
|
|
2349
|
+
}]
|
|
2350
|
+
}]
|
|
2351
|
+
}
|
|
2352
|
+
});
|
|
2353
|
+
|
|
2354
|
+
class MatChipInput {
|
|
2355
|
+
_elementRef = inject(ElementRef);
|
|
2356
|
+
focused = false;
|
|
2357
|
+
get chipGrid() {
|
|
2358
|
+
return this._chipGrid;
|
|
2359
|
+
}
|
|
2360
|
+
set chipGrid(value) {
|
|
2361
|
+
if (value) {
|
|
2362
|
+
this._chipGrid = value;
|
|
2363
|
+
this._chipGrid.registerInput(this);
|
|
2364
|
+
}
|
|
2365
|
+
}
|
|
2366
|
+
_chipGrid;
|
|
2367
|
+
addOnBlur = false;
|
|
2368
|
+
separatorKeyCodes;
|
|
2369
|
+
chipEnd = new EventEmitter();
|
|
2370
|
+
placeholder = '';
|
|
2371
|
+
id = inject(_IdGenerator).getId('mat-mdc-chip-list-input-');
|
|
2372
|
+
get disabled() {
|
|
2373
|
+
return this._disabled || this._chipGrid && this._chipGrid.disabled;
|
|
2374
|
+
}
|
|
2375
|
+
set disabled(value) {
|
|
2376
|
+
this._disabled = value;
|
|
2377
|
+
}
|
|
2378
|
+
_disabled = false;
|
|
2379
|
+
readonly = false;
|
|
2380
|
+
disabledInteractive;
|
|
2381
|
+
get empty() {
|
|
2382
|
+
return !this.inputElement.value;
|
|
2383
|
+
}
|
|
2384
|
+
inputElement;
|
|
2385
|
+
constructor() {
|
|
2386
|
+
const defaultOptions = inject(MAT_CHIPS_DEFAULT_OPTIONS);
|
|
2387
|
+
const formField = inject(MAT_FORM_FIELD, {
|
|
2388
|
+
optional: true
|
|
2389
|
+
});
|
|
2390
|
+
this.inputElement = this._elementRef.nativeElement;
|
|
2391
|
+
this.separatorKeyCodes = defaultOptions.separatorKeyCodes;
|
|
2392
|
+
this.disabledInteractive = defaultOptions.inputDisabledInteractive ?? false;
|
|
2393
|
+
if (formField) {
|
|
2394
|
+
this.inputElement.classList.add('mat-mdc-form-field-input-control');
|
|
2395
|
+
}
|
|
2396
|
+
}
|
|
2397
|
+
ngOnChanges() {
|
|
2398
|
+
this._chipGrid.stateChanges.next();
|
|
2399
|
+
}
|
|
2400
|
+
ngOnDestroy() {
|
|
2401
|
+
this.chipEnd.complete();
|
|
2402
|
+
}
|
|
2403
|
+
_keydown(event) {
|
|
2404
|
+
if (this.empty && event.keyCode === BACKSPACE) {
|
|
2405
|
+
if (!event.repeat) {
|
|
2406
|
+
this._chipGrid._focusLastChip();
|
|
2407
|
+
}
|
|
2408
|
+
event.preventDefault();
|
|
2409
|
+
} else {
|
|
2410
|
+
this._emitChipEnd(event);
|
|
2411
|
+
}
|
|
2412
|
+
}
|
|
2413
|
+
_blur() {
|
|
2414
|
+
if (this.addOnBlur) {
|
|
2415
|
+
this._emitChipEnd();
|
|
2416
|
+
}
|
|
2417
|
+
this.focused = false;
|
|
2418
|
+
if (!this._chipGrid.focused) {
|
|
2419
|
+
this._chipGrid._blur();
|
|
2420
|
+
}
|
|
2421
|
+
this._chipGrid.stateChanges.next();
|
|
2422
|
+
}
|
|
2423
|
+
_focus() {
|
|
2424
|
+
this.focused = true;
|
|
2425
|
+
this._chipGrid.stateChanges.next();
|
|
2426
|
+
}
|
|
2427
|
+
_emitChipEnd(event) {
|
|
2428
|
+
if (!event || this._isSeparatorKey(event) && !event.repeat) {
|
|
2429
|
+
this.chipEnd.emit({
|
|
2430
|
+
input: this.inputElement,
|
|
2431
|
+
value: this.inputElement.value,
|
|
2432
|
+
chipInput: this
|
|
2433
|
+
});
|
|
2434
|
+
event?.preventDefault();
|
|
2435
|
+
}
|
|
2436
|
+
}
|
|
2437
|
+
_onInput() {
|
|
2438
|
+
this._chipGrid.stateChanges.next();
|
|
2439
|
+
}
|
|
2440
|
+
focus() {
|
|
2441
|
+
this.inputElement.focus();
|
|
2442
|
+
}
|
|
2443
|
+
clear() {
|
|
2444
|
+
this.inputElement.value = '';
|
|
2445
|
+
}
|
|
2446
|
+
get describedByIds() {
|
|
2447
|
+
const element = this._elementRef.nativeElement;
|
|
2448
|
+
const existingDescribedBy = element.getAttribute('aria-describedby');
|
|
2449
|
+
return existingDescribedBy?.split(' ') || [];
|
|
2450
|
+
}
|
|
2451
|
+
setDescribedByIds(ids) {
|
|
2452
|
+
const element = this._elementRef.nativeElement;
|
|
2453
|
+
if (ids.length) {
|
|
2454
|
+
element.setAttribute('aria-describedby', ids.join(' '));
|
|
2455
|
+
} else {
|
|
2456
|
+
element.removeAttribute('aria-describedby');
|
|
2457
|
+
}
|
|
2458
|
+
}
|
|
2459
|
+
_isSeparatorKey(event) {
|
|
2460
|
+
if (!this.separatorKeyCodes) {
|
|
2461
|
+
return false;
|
|
2462
|
+
}
|
|
2463
|
+
for (const key of this.separatorKeyCodes) {
|
|
2464
|
+
let keyCode;
|
|
2465
|
+
let modifiers;
|
|
2466
|
+
if (typeof key === 'number') {
|
|
2467
|
+
keyCode = key;
|
|
2468
|
+
modifiers = null;
|
|
2469
|
+
} else {
|
|
2470
|
+
keyCode = key.keyCode;
|
|
2471
|
+
modifiers = key.modifiers;
|
|
2472
|
+
}
|
|
2473
|
+
const modifiersMatch = !modifiers?.length ? !hasModifierKey(event) : hasModifierKey(event, ...modifiers);
|
|
2474
|
+
if (keyCode === event.keyCode && modifiersMatch) {
|
|
2475
|
+
return true;
|
|
2476
|
+
}
|
|
2477
|
+
}
|
|
2478
|
+
return false;
|
|
2479
|
+
}
|
|
2480
|
+
_getReadonlyAttribute() {
|
|
2481
|
+
return this.readonly || this.disabled && this.disabledInteractive ? 'true' : null;
|
|
2482
|
+
}
|
|
2483
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2484
|
+
minVersion: "12.0.0",
|
|
2485
|
+
version: "22.0.0-next.1",
|
|
2486
|
+
ngImport: i0,
|
|
2487
|
+
type: MatChipInput,
|
|
2488
|
+
deps: [],
|
|
2489
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
2490
|
+
});
|
|
2491
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
2492
|
+
minVersion: "16.1.0",
|
|
2493
|
+
version: "22.0.0-next.1",
|
|
2494
|
+
type: MatChipInput,
|
|
2495
|
+
isStandalone: true,
|
|
2496
|
+
selector: "input[matChipInputFor]",
|
|
2497
|
+
inputs: {
|
|
2498
|
+
chipGrid: ["matChipInputFor", "chipGrid"],
|
|
2499
|
+
addOnBlur: ["matChipInputAddOnBlur", "addOnBlur", booleanAttribute],
|
|
2500
|
+
separatorKeyCodes: ["matChipInputSeparatorKeyCodes", "separatorKeyCodes"],
|
|
2501
|
+
placeholder: "placeholder",
|
|
2502
|
+
id: "id",
|
|
2503
|
+
disabled: ["disabled", "disabled", booleanAttribute],
|
|
2504
|
+
readonly: ["readonly", "readonly", booleanAttribute],
|
|
2505
|
+
disabledInteractive: ["matChipInputDisabledInteractive", "disabledInteractive", booleanAttribute]
|
|
2506
|
+
},
|
|
2507
|
+
outputs: {
|
|
2508
|
+
chipEnd: "matChipInputTokenEnd"
|
|
2509
|
+
},
|
|
2510
|
+
host: {
|
|
2511
|
+
listeners: {
|
|
2512
|
+
"keydown": "_keydown($event)",
|
|
2513
|
+
"blur": "_blur()",
|
|
2514
|
+
"focus": "_focus()",
|
|
2515
|
+
"input": "_onInput()"
|
|
2516
|
+
},
|
|
2517
|
+
properties: {
|
|
2518
|
+
"id": "id",
|
|
2519
|
+
"attr.disabled": "disabled && !disabledInteractive ? \"\" : null",
|
|
2520
|
+
"attr.placeholder": "placeholder || null",
|
|
2521
|
+
"attr.aria-invalid": "_chipGrid && _chipGrid.ngControl ? _chipGrid.ngControl.invalid : null",
|
|
2522
|
+
"attr.aria-required": "_chipGrid && _chipGrid.required || null",
|
|
2523
|
+
"attr.aria-disabled": "disabled && disabledInteractive ? \"true\" : null",
|
|
2524
|
+
"attr.readonly": "_getReadonlyAttribute()",
|
|
2525
|
+
"attr.required": "_chipGrid && _chipGrid.required || null"
|
|
2526
|
+
},
|
|
2527
|
+
classAttribute: "mat-mdc-chip-input mat-mdc-input-element mdc-text-field__input mat-input-element"
|
|
2528
|
+
},
|
|
2529
|
+
exportAs: ["matChipInput", "matChipInputFor"],
|
|
2530
|
+
usesOnChanges: true,
|
|
2531
|
+
ngImport: i0
|
|
2532
|
+
});
|
|
2533
|
+
}
|
|
2534
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
2535
|
+
minVersion: "12.0.0",
|
|
2536
|
+
version: "22.0.0-next.1",
|
|
2537
|
+
ngImport: i0,
|
|
2538
|
+
type: MatChipInput,
|
|
2539
|
+
decorators: [{
|
|
2540
|
+
type: Directive,
|
|
2541
|
+
args: [{
|
|
2542
|
+
selector: 'input[matChipInputFor]',
|
|
2543
|
+
exportAs: 'matChipInput, matChipInputFor',
|
|
2544
|
+
host: {
|
|
2545
|
+
'class': 'mat-mdc-chip-input mat-mdc-input-element mdc-text-field__input mat-input-element',
|
|
2546
|
+
'(keydown)': '_keydown($event)',
|
|
2547
|
+
'(blur)': '_blur()',
|
|
2548
|
+
'(focus)': '_focus()',
|
|
2549
|
+
'(input)': '_onInput()',
|
|
2550
|
+
'[id]': 'id',
|
|
2551
|
+
'[attr.disabled]': 'disabled && !disabledInteractive ? "" : null',
|
|
2552
|
+
'[attr.placeholder]': 'placeholder || null',
|
|
2553
|
+
'[attr.aria-invalid]': '_chipGrid && _chipGrid.ngControl ? _chipGrid.ngControl.invalid : null',
|
|
2554
|
+
'[attr.aria-required]': '_chipGrid && _chipGrid.required || null',
|
|
2555
|
+
'[attr.aria-disabled]': 'disabled && disabledInteractive ? "true" : null',
|
|
2556
|
+
'[attr.readonly]': '_getReadonlyAttribute()',
|
|
2557
|
+
'[attr.required]': '_chipGrid && _chipGrid.required || null'
|
|
2558
|
+
}
|
|
2559
|
+
}]
|
|
2560
|
+
}],
|
|
2561
|
+
ctorParameters: () => [],
|
|
2562
|
+
propDecorators: {
|
|
2563
|
+
chipGrid: [{
|
|
2564
|
+
type: Input,
|
|
2565
|
+
args: ['matChipInputFor']
|
|
2566
|
+
}],
|
|
2567
|
+
addOnBlur: [{
|
|
2568
|
+
type: Input,
|
|
2569
|
+
args: [{
|
|
2570
|
+
alias: 'matChipInputAddOnBlur',
|
|
2571
|
+
transform: booleanAttribute
|
|
2572
|
+
}]
|
|
2573
|
+
}],
|
|
2574
|
+
separatorKeyCodes: [{
|
|
2575
|
+
type: Input,
|
|
2576
|
+
args: ['matChipInputSeparatorKeyCodes']
|
|
2577
|
+
}],
|
|
2578
|
+
chipEnd: [{
|
|
2579
|
+
type: Output,
|
|
2580
|
+
args: ['matChipInputTokenEnd']
|
|
2581
|
+
}],
|
|
2582
|
+
placeholder: [{
|
|
2583
|
+
type: Input
|
|
2584
|
+
}],
|
|
2585
|
+
id: [{
|
|
2586
|
+
type: Input
|
|
2587
|
+
}],
|
|
2588
|
+
disabled: [{
|
|
2589
|
+
type: Input,
|
|
2590
|
+
args: [{
|
|
2591
|
+
transform: booleanAttribute
|
|
2592
|
+
}]
|
|
2593
|
+
}],
|
|
2594
|
+
readonly: [{
|
|
2595
|
+
type: Input,
|
|
2596
|
+
args: [{
|
|
2597
|
+
transform: booleanAttribute
|
|
2598
|
+
}]
|
|
2599
|
+
}],
|
|
2600
|
+
disabledInteractive: [{
|
|
2601
|
+
type: Input,
|
|
2602
|
+
args: [{
|
|
2603
|
+
alias: 'matChipInputDisabledInteractive',
|
|
2604
|
+
transform: booleanAttribute
|
|
2605
|
+
}]
|
|
2606
|
+
}]
|
|
2607
|
+
}
|
|
2608
|
+
});
|
|
2609
|
+
|
|
2610
|
+
const CHIP_DECLARATIONS = [MatChip, MatChipAvatar, MatChipEdit, MatChipEditInput, MatChipGrid, MatChipInput, MatChipListbox, MatChipOption, MatChipRemove, MatChipRow, MatChipSet, MatChipTrailingIcon];
|
|
2611
|
+
class MatChipsModule {
|
|
2612
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
2613
|
+
minVersion: "12.0.0",
|
|
2614
|
+
version: "22.0.0-next.1",
|
|
2615
|
+
ngImport: i0,
|
|
2616
|
+
type: MatChipsModule,
|
|
2617
|
+
deps: [],
|
|
2618
|
+
target: i0.ɵɵFactoryTarget.NgModule
|
|
2619
|
+
});
|
|
2620
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({
|
|
2621
|
+
minVersion: "14.0.0",
|
|
2622
|
+
version: "22.0.0-next.1",
|
|
2623
|
+
ngImport: i0,
|
|
2624
|
+
type: MatChipsModule,
|
|
2625
|
+
imports: [MatRippleModule, MatChipAction, MatChip, MatChipAvatar, MatChipEdit, MatChipEditInput, MatChipGrid, MatChipInput, MatChipListbox, MatChipOption, MatChipRemove, MatChipRow, MatChipSet, MatChipTrailingIcon],
|
|
2626
|
+
exports: [BidiModule, MatChip, MatChipAvatar, MatChipEdit, MatChipEditInput, MatChipGrid, MatChipInput, MatChipListbox, MatChipOption, MatChipRemove, MatChipRow, MatChipSet, MatChipTrailingIcon]
|
|
2627
|
+
});
|
|
2628
|
+
static ɵinj = i0.ɵɵngDeclareInjector({
|
|
2629
|
+
minVersion: "12.0.0",
|
|
2630
|
+
version: "22.0.0-next.1",
|
|
2631
|
+
ngImport: i0,
|
|
2632
|
+
type: MatChipsModule,
|
|
2633
|
+
providers: [ErrorStateMatcher, {
|
|
2634
|
+
provide: MAT_CHIPS_DEFAULT_OPTIONS,
|
|
2635
|
+
useValue: {
|
|
2636
|
+
separatorKeyCodes: [ENTER]
|
|
2637
|
+
}
|
|
2638
|
+
}],
|
|
2639
|
+
imports: [MatRippleModule, BidiModule]
|
|
2640
|
+
});
|
|
2641
|
+
}
|
|
2642
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
2643
|
+
minVersion: "12.0.0",
|
|
2644
|
+
version: "22.0.0-next.1",
|
|
2645
|
+
ngImport: i0,
|
|
2646
|
+
type: MatChipsModule,
|
|
2647
|
+
decorators: [{
|
|
2648
|
+
type: NgModule,
|
|
2649
|
+
args: [{
|
|
2650
|
+
imports: [MatRippleModule, MatChipAction, CHIP_DECLARATIONS],
|
|
2651
|
+
exports: [BidiModule, CHIP_DECLARATIONS],
|
|
2652
|
+
providers: [ErrorStateMatcher, {
|
|
2653
|
+
provide: MAT_CHIPS_DEFAULT_OPTIONS,
|
|
2654
|
+
useValue: {
|
|
2655
|
+
separatorKeyCodes: [ENTER]
|
|
2656
|
+
}
|
|
2657
|
+
}]
|
|
2658
|
+
}]
|
|
2659
|
+
}]
|
|
2660
|
+
});
|
|
2661
|
+
|
|
2662
|
+
export { MAT_CHIP, MAT_CHIPS_DEFAULT_OPTIONS, MAT_CHIP_AVATAR, MAT_CHIP_EDIT, MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR, MAT_CHIP_REMOVE, MAT_CHIP_TRAILING_ICON, MatChip, MatChipAvatar, MatChipEdit, MatChipEditInput, MatChipGrid, MatChipGridChange, MatChipInput, MatChipListbox, MatChipListboxChange, MatChipOption, MatChipRemove, MatChipRow, MatChipSelectionChange, MatChipSet, MatChipTrailingIcon, MatChipsModule };
|
|
2663
|
+
//# sourceMappingURL=chips.mjs.map
|