@angular/animations 19.0.1 → 19.0.3

package/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v19.0.1
+ * @license Angular v19.0.3
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -51,12 +51,12 @@ import { RendererFactory2 } from '@angular/core';
  * **Style examples**
  *
  * The following example calls `style()` to set a single CSS style.
- * ```typescript
+ * ```ts
  * animate(500, style({ background: "red" }))
  * ```
  * The following example calls `keyframes()` to set a CSS style
  * to different values for successive keyframes.
- * ```typescript
+ * ```ts
  * animate(500, keyframes(
  *  [
  *   style({ background: "blue" }),
@@ -146,7 +146,7 @@ export declare type AnimateTimings = {
  * The following example defines a reusable animation, providing some default parameter
  * values.
  *
- * ```typescript
+ * ```ts
  * var fadeAnimation = animation([
  *   style({ opacity: '{{ start }}' }),
  *   animate('{{ time }}',
@@ -290,7 +290,7 @@ export declare abstract class AnimationBuilder {
  * An instance of this class is returned as an event parameter when an animation
  * callback is captured for an animation either during the start or done phase.
  *
- * ```typescript
+ * ```ts
  * @Component({
  *   host: {
  *     '[@myAnimationTrigger]': 'someExpression',
@@ -831,7 +831,7 @@ export declare const AUTO_STYLE = "*";
  * `keyframes()`, or use `animate()` calls with a delay value.
  * For example:
  *
- * ```typescript
+ * ```ts
  * group([
  *   animate("1s", style({ background: "black" })),
  *   animate("2s", style({ color: "white" }))
@@ -877,7 +877,7 @@ export declare function group(steps: AnimationMetadata[], options?: AnimationOpt
  * when each `backgroundColor` value is applied. The color is red at the start, and changes to
  * blue when 20% of the total time has elapsed.
  *
- * ```typescript
+ * ```ts
  * // the provided offset values
  * animate("5s", keyframes([
  *   style({ backgroundColor: "red", offset: 0 }),
@@ -890,7 +890,7 @@ export declare function group(steps: AnimationMetadata[], options?: AnimationOpt
  * If there are no `offset` values specified in the style entries, the offsets
  * are calculated automatically.
  *
- * ```typescript
+ * ```ts
  * animate("5s", keyframes([
  *   style({ backgroundColor: "red" }) // offset = 0
  *   style({ backgroundColor: "blue" }) // offset = 0.33
@@ -969,7 +969,7 @@ export declare class NoopAnimationPlayer implements AnimationPlayer {
  *
  * Tokens can be merged into a combined query selector string. For example:
  *
- * ```typescript
+ * ```ts
  *  query(':self, .record:enter, .record:leave, @subTrigger', [...])
  * ```
  *
@@ -1006,7 +1006,7 @@ export declare class NoopAnimationPlayer implements AnimationPlayer {
  *  - Those inserted dynamically (via `ViewContainerRef`)
  *  - Those that have a structural directive (which, under the hood, are a subset of the above ones)
  *
- * <div class="alert is-helpful">
+ * <div class="docs-alert docs-alert-helpful">
  *
  *  Note that elements will be successfully queried via `:enter`/`:leave` even if their
  *  insertion/removal is not done manually via `ViewContainerRef`or caused by their structural
@@ -1014,7 +1014,7 @@ export declare class NoopAnimationPlayer implements AnimationPlayer {
  *
  * </div>
  *
- * <div class="alert is-important">
+ * <div class="docs-alert docs-alert-important">
  *
  *  There is an exception to what previously mentioned, besides elements entering/leaving based on
  *  their own logic, elements with an animation trigger can always be queried via `:leave` when
@@ -1027,7 +1027,7 @@ export declare class NoopAnimationPlayer implements AnimationPlayer {
  * The following example queries for inner elements and animates them
  * individually using `animate()`.
  *
- * ```typescript
+ * ```angular-ts
  * @Component({
  *   selector: 'inner',
  *   template: `
@@ -1073,7 +1073,7 @@ export declare function query(selector: string, animation: AnimationMetadata | A
  * - Steps defined by `animate()` calls apply the styling data over time
  *   as specified by the timing data.
  *
- * ```typescript
+ * ```ts
  * sequence([
  *   style({ opacity: 0 }),
  *   animate("1s", style({ opacity: 1 }))
@@ -1131,7 +1131,7 @@ export declare function sequence(steps: AnimationMetadata[], options?: Animation
  *
  * Here is the component code:
  *
- * ```typescript
+ * ```ts
  * import {trigger, transition, style, animate, query, stagger} from '@angular/animations';
  * @Component({
  *   templateUrl: 'list.component.html',
@@ -1160,7 +1160,7 @@ export declare function sequence(steps: AnimationMetadata[], options?: Animation
  *
  * Here is the animation trigger code:
  *
- * ```typescript
+ * ```ts
  * trigger('listAnimation', [
  *   transition('* => *', [ // each time the binding value changes
  *     query(':leave', [
@@ -1238,7 +1238,7 @@ export declare function state(name: string, styles: AnimationStyleMetadata, opti
  * The following examples create animation styles that collect a set of
  * CSS property values:
  *
- * ```typescript
+ * ```ts
  * // string values for CSS properties
  * style({ background: "red", color: "blue" })
  *
@@ -1249,7 +1249,7 @@ export declare function state(name: string, styles: AnimationStyleMetadata, opti
  * The following example uses auto-styling to allow an element to animate from
  * a height of 0 up to its full height:
  *
- * ```
+ * ```ts
  * style({ height: 0 }),
  * animate("1s", style({ height: "*" }))
  * ```
@@ -1290,7 +1290,7 @@ export declare function style(tokens: '*' | {
  *    expression bound to the trigger's element goes from `fromState` to `toState`
  *
  *    _Example:_
- *      ```typescript
+ *      ```ts
  *        transition('open => closed', animate('.5s ease-out', style({ height: 0 }) ))
  *      ```
  *
@@ -1298,7 +1298,7 @@ export declare function style(tokens: '*' | {
  *    the expression bound to the trigger's element goes from `fromState` to `toState` or vice versa
  *
  *    _Example:_
- *      ```typescript
+ *      ```ts
  *        transition('enabled <=> disabled', animate('1s cubic-bezier(0.8,0.3,0,1)'))
  *      ```
  *
@@ -1306,7 +1306,7 @@ export declare function style(tokens: '*' | {
  *    element enters or exists the DOM
  *
  *    _Example:_
- *      ```typescript
+ *      ```ts
  *        transition(':enter', [
  *          style({ opacity: 0 }),
  *          animate('500ms', style({ opacity: 1 }))
@@ -1317,7 +1317,7 @@ export declare function style(tokens: '*' | {
  *    the numerical expression bound to the trigger's element has increased in value or decreased
  *
  *    _Example:_
- *      ```typescript
+ *      ```ts
  *        transition(':increment', query('@counter', animateChild()))
  *      ```
  *
@@ -1325,7 +1325,7 @@ export declare function style(tokens: '*' | {
  *    should occur whenever one of the state change expressions matches
  *
  *    _Example:_
- *      ```typescript
+ *      ```ts
  *        transition(':increment, * => enabled, :enter', animate('1s ease', keyframes([
  *          style({ transform: 'scale(1)', offset: 0}),
  *          style({ transform: 'scale(1.1)', offset: 0.7}),
@@ -1341,7 +1341,7 @@ export declare function style(tokens: '*' | {
  *  - `true` and `false` also match expression values of `1` and `0` respectively (but do not match
  *    _truthy_ and _falsy_ values)
  *
- * <div class="alert is-helpful">
+ * <div class="docs-alert docs-alert-helpful">
  *
  *  Be careful about entering end leaving elements as their transitions present a common
  *  pitfall for developers.
@@ -1374,7 +1374,7 @@ export declare function style(tokens: '*' | {
  *   </div>
  *   ```
  *
- *   ```typescript
+ *   ```ts
  *   trigger("myAnimationTrigger", [
  *     ..., // states
  *     transition("on => off, open => closed", animate(500)),
@@ -1394,7 +1394,7 @@ export declare function style(tokens: '*' | {
  *    </div>
  *    ```
  *
- *    ```typescript
+ *    ```ts
  *    trigger("myAnimationTrigger", [
  *      ..., // states
  *      transition(
@@ -1441,7 +1441,7 @@ export declare function transition(stateChangeExpr: string | ((fromState: string
  * The provided animation value is expected to be an array consisting of state and
  * transition declarations.
  *
- * ```typescript
+ * ```ts
  * @Component({
  *   selector: "my-component",
  *   templateUrl: "my-component-tpl.html",
@@ -1471,7 +1471,7 @@ export declare function transition(stateChangeExpr: string | ((fromState: string
  * The `transition` animation method also supports reading an inline function which can decide
  * if its associated animation should be run.
  *
- * ```typescript
+ * ```ts
  * // this method is run each time the `myAnimationTrigger` trigger value changes.
  * function myInlineMatcherFn(fromState: string, toState: string, element: any, params: {[key:
  string]: any}): boolean {
@@ -1504,7 +1504,7 @@ export declare function transition(stateChangeExpr: string | ((fromState: string
  *
  * The following example shows how to use this feature:
  *
- * ```typescript
+ * ```angular-ts
  * @Component({
  *   selector: 'my-component',
  *   template: `
@@ -1533,7 +1533,7 @@ export declare function transition(stateChangeExpr: string | ((fromState: string
  * This means that you can disable all animations for an app
  * by placing a host binding set on `@.disabled` on the topmost Angular component.
  *
- * ```typescript
+ * ```ts
  * import {Component, HostBinding} from '@angular/core';
  *
  * @Component({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/animations",
-  "version": "19.0.1",
+  "version": "19.0.3",
   "description": "Angular - animations integration with web-animations",
   "author": "angular",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/core": "19.0.1"
+    "@angular/core": "19.0.3"
   },
   "repository": {
     "type": "git",