| select-animations.ts (material2-7.3.3) | : | select-animations.ts (material2-7.3.4) |
|---|
| /** | | /** |
| * @license | | * @license |
| * Copyright Google LLC All Rights Reserved. | | * Copyright Google LLC All Rights Reserved. |
| * | | * |
| * Use of this source code is governed by an MIT-style license that can be | | * Use of this source code is governed by an MIT-style license that can be |
| * found in the LICENSE file at https://angular.io/license | | * found in the LICENSE file at https://angular.io/license |
| */ | | */ |
| | |
| import { | | import { |
| animate, | | animate, |
|
| | animateChild, |
| AnimationTriggerMetadata, | | AnimationTriggerMetadata, |
|
| | query, |
| state, | | state, |
| style, | | style, |
| transition, | | transition, |
| trigger, | | trigger, |
| } from '@angular/animations'; | | } from '@angular/animations'; |
| | |
| /** | | /** |
| * The following are all the animations for the mat-select component, with each | | * The following are all the animations for the mat-select component, with each |
| * const containing the metadata for one animation. | | * const containing the metadata for one animation. |
| * | | * |
| * The values below match the implementation of the AngularJS Material mat-selec
t animation. | | * The values below match the implementation of the AngularJS Material mat-selec
t animation. |
| * @docs-private | | * @docs-private |
| */ | | */ |
| export const matSelectAnimations: { | | export const matSelectAnimations: { |
|
| | readonly transformPanelWrap: AnimationTriggerMetadata; |
| readonly transformPanel: AnimationTriggerMetadata; | | readonly transformPanel: AnimationTriggerMetadata; |
| readonly fadeInContent: AnimationTriggerMetadata; | | readonly fadeInContent: AnimationTriggerMetadata; |
| } = { | | } = { |
| /** | | /** |
|
| | * This animation ensures the select's overlay panel animation (transformPanel |
| | ) is called when |
| | * closing the select. |
| | * This is needed due to https://github.com/angular/angular/issues/23302 |
| | */ |
| | transformPanelWrap: trigger('transformPanelWrap', [ |
| | transition('* => void', query('@transformPanel', [animateChild()], |
| | {optional: true})) |
| | ]), |
| | |
| | /** |
| * This animation transforms the select's overlay panel on and off the page. | | * This animation transforms the select's overlay panel on and off the page. |
| * | | * |
| * When the panel is attached to the DOM, it expands its width by the amount o
f padding, scales it | | * When the panel is attached to the DOM, it expands its width by the amount o
f padding, scales it |
| * up to 100% on the Y axis, fades in its border, and translates slightly up a
nd to the | | * up to 100% on the Y axis, fades in its border, and translates slightly up a
nd to the |
| * side to ensure the option text correctly overlaps the trigger text. | | * side to ensure the option text correctly overlaps the trigger text. |
| * | | * |
| * When the panel is removed from the DOM, it simply fades out linearly. | | * When the panel is removed from the DOM, it simply fades out linearly. |
| */ | | */ |
| transformPanel: trigger('transformPanel', [ | | transformPanel: trigger('transformPanel', [ |
| state('void', style({ | | state('void', style({ |
| | | |
| End of changes. 4 change blocks. |
|---|
| 0 lines changed or deleted | | 14 lines changed or added |
|---|
"Fossies" - the Fresh Open Source Software Archive 