"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "src/lib/select/select-animations.ts" between
material2-7.3.3.tar.gz and material2-7.3.4.tar.gz

About: material2 offers Material Design components for Angular.

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

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)