@angular/animations
Advanced tools
Comparing version 19.1.0-next.1 to 19.1.0-next.2
/** | ||
* @license Angular v19.1.0-next.1 | ||
* @license Angular v19.1.0-next.2 | ||
* (c) 2010-2024 Google LLC. https://angular.io/ | ||
@@ -4,0 +4,0 @@ * License: MIT |
/** | ||
* @license Angular v19.1.0-next.1 | ||
* @license Angular v19.1.0-next.2 | ||
* (c) 2010-2024 Google LLC. https://angular.io/ | ||
@@ -4,0 +4,0 @@ * License: MIT |
/** | ||
* @license Angular v19.1.0-next.1 | ||
* @license Angular v19.1.0-next.2 | ||
* (c) 2010-2024 Google LLC. https://angular.io/ | ||
@@ -54,3 +54,3 @@ * License: MIT | ||
* The following example calls `style()` to set a single CSS style. | ||
* ```typescript | ||
* ```ts | ||
* animate(500, style({ background: "red" })) | ||
@@ -60,3 +60,3 @@ * ``` | ||
* to different values for successive keyframes. | ||
* ```typescript | ||
* ```ts | ||
* animate(500, keyframes( | ||
@@ -151,3 +151,3 @@ * [ | ||
* | ||
* ```typescript | ||
* ```ts | ||
* var fadeAnimation = animation([ | ||
@@ -296,3 +296,3 @@ * style({ opacity: '{{ start }}' }), | ||
* | ||
* ```typescript | ||
* ```ts | ||
* @Component({ | ||
@@ -838,3 +838,3 @@ * host: { | ||
* | ||
* ```typescript | ||
* ```ts | ||
* group([ | ||
@@ -885,3 +885,3 @@ * animate("1s", style({ background: "black" })), | ||
* | ||
* ```typescript | ||
* ```ts | ||
* // the provided offset values | ||
@@ -899,3 +899,3 @@ * animate("5s", keyframes([ | ||
* | ||
* ```typescript | ||
* ```ts | ||
* animate("5s", keyframes([ | ||
@@ -979,3 +979,3 @@ * style({ backgroundColor: "red" }) // offset = 0 | ||
* | ||
* ```typescript | ||
* ```ts | ||
* query(':self, .record:enter, .record:leave, @subTrigger', [...]) | ||
@@ -1038,3 +1038,3 @@ * ``` | ||
* | ||
* ```typescript | ||
* ```angular-ts | ||
* @Component({ | ||
@@ -1085,3 +1085,3 @@ * selector: 'inner', | ||
* | ||
* ```typescript | ||
* ```ts | ||
* sequence([ | ||
@@ -1144,3 +1144,3 @@ * style({ opacity: 0 }), | ||
* | ||
* ```typescript | ||
* ```ts | ||
* import {trigger, transition, style, animate, query, stagger} from '@angular/animations'; | ||
@@ -1174,3 +1174,3 @@ * @Component({ | ||
* | ||
* ```typescript | ||
* ```ts | ||
* trigger('listAnimation', [ | ||
@@ -1253,3 +1253,3 @@ * transition('* => *', [ // each time the binding value changes | ||
* | ||
* ```typescript | ||
* ```ts | ||
* // string values for CSS properties | ||
@@ -1265,3 +1265,3 @@ * style({ background: "red", color: "blue" }) | ||
* | ||
* ``` | ||
* ```ts | ||
* style({ height: 0 }), | ||
@@ -1307,3 +1307,3 @@ * animate("1s", style({ height: "*" })) | ||
* _Example:_ | ||
* ```typescript | ||
* ```ts | ||
* transition('open => closed', animate('.5s ease-out', style({ height: 0 }) )) | ||
@@ -1316,3 +1316,3 @@ * ``` | ||
* _Example:_ | ||
* ```typescript | ||
* ```ts | ||
* transition('enabled <=> disabled', animate('1s cubic-bezier(0.8,0.3,0,1)')) | ||
@@ -1325,3 +1325,3 @@ * ``` | ||
* _Example:_ | ||
* ```typescript | ||
* ```ts | ||
* transition(':enter', [ | ||
@@ -1337,3 +1337,3 @@ * style({ opacity: 0 }), | ||
* _Example:_ | ||
* ```typescript | ||
* ```ts | ||
* transition(':increment', query('@counter', animateChild())) | ||
@@ -1346,3 +1346,3 @@ * ``` | ||
* _Example:_ | ||
* ```typescript | ||
* ```ts | ||
* transition(':increment, * => enabled, :enter', animate('1s ease', keyframes([ | ||
@@ -1396,3 +1396,3 @@ * style({ transform: 'scale(1)', offset: 0}), | ||
* | ||
* ```typescript | ||
* ```ts | ||
* trigger("myAnimationTrigger", [ | ||
@@ -1417,3 +1417,3 @@ * ..., // states | ||
* | ||
* ```typescript | ||
* ```ts | ||
* trigger("myAnimationTrigger", [ | ||
@@ -1465,3 +1465,3 @@ * ..., // states | ||
* | ||
* ```typescript | ||
* ```ts | ||
* @Component({ | ||
@@ -1496,3 +1496,3 @@ * selector: "my-component", | ||
* | ||
* ```typescript | ||
* ```ts | ||
* // this method is run each time the `myAnimationTrigger` trigger value changes. | ||
@@ -1530,3 +1530,3 @@ * function myInlineMatcherFn(fromState: string, toState: string, element: any, params: {[key: | ||
* | ||
* ```typescript | ||
* ```angular-ts | ||
* @Component({ | ||
@@ -1560,3 +1560,3 @@ * selector: 'my-component', | ||
* | ||
* ```typescript | ||
* ```ts | ||
* import {Component, HostBinding} from '@angular/core'; | ||
@@ -1563,0 +1563,0 @@ * |
{ | ||
"name": "@angular/animations", | ||
"version": "19.1.0-next.1", | ||
"version": "19.1.0-next.2", | ||
"description": "Angular - animations integration with web-animations", | ||
@@ -14,3 +14,3 @@ "author": "angular", | ||
"peerDependencies": { | ||
"@angular/core": "19.1.0-next.1" | ||
"@angular/core": "19.1.0-next.2" | ||
}, | ||
@@ -17,0 +17,0 @@ "repository": { |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
797488