@angular/animations 18.0.0-next.6 → 18.0.0-rc.0
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/browser/index.d.ts +3 -4
- package/browser/testing/index.d.ts +1 -1
- package/esm2022/browser/src/create_engine.mjs +4 -4
- package/esm2022/browser/src/render/animation_driver.mjs +3 -3
- package/esm2022/browser/src/render/animation_engine_next.mjs +3 -3
- package/esm2022/browser/src/render/transition_animation_engine.mjs +2 -4
- package/esm2022/src/animation_builder.mjs +6 -6
- package/esm2022/src/version.mjs +1 -1
- package/fesm2022/animations.mjs +7 -7
- package/fesm2022/browser/testing.mjs +1 -1
- package/fesm2022/browser.mjs +10 -12
- package/fesm2022/browser.mjs.map +1 -1
- package/index.d.ts +1 -1
- package/package.json +2 -2
@@ -56,10 +56,10 @@ import * as i0 from "@angular/core";
|
|
56
56
|
* @publicApi
|
57
57
|
*/
|
58
58
|
export class AnimationBuilder {
|
59
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-
|
60
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-
|
59
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: AnimationBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
60
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: AnimationBuilder, providedIn: 'root', useFactory: () => inject(BrowserAnimationBuilder) }); }
|
61
61
|
}
|
62
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: AnimationBuilder, decorators: [{
|
63
63
|
type: Injectable,
|
64
64
|
args: [{ providedIn: 'root', useFactory: () => inject(BrowserAnimationBuilder) }]
|
65
65
|
}] });
|
@@ -98,10 +98,10 @@ export class BrowserAnimationBuilder extends AnimationBuilder {
|
|
98
98
|
issueAnimationCommand(this._renderer, null, id, 'register', [entry]);
|
99
99
|
return new BrowserAnimationFactory(id, this._renderer);
|
100
100
|
}
|
101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-
|
102
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-
|
101
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: BrowserAnimationBuilder, deps: [{ token: i0.RendererFactory2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
102
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: BrowserAnimationBuilder, providedIn: 'root' }); }
|
103
103
|
}
|
104
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-
|
104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: BrowserAnimationBuilder, decorators: [{
|
105
105
|
type: Injectable,
|
106
106
|
args: [{ providedIn: 'root' }]
|
107
107
|
}], ctorParameters: () => [{ type: i0.RendererFactory2 }, { type: Document, decorators: [{
|
package/esm2022/src/version.mjs
CHANGED
@@ -11,5 +11,5 @@
|
|
11
11
|
* Entry point for all public APIs of the animation package.
|
12
12
|
*/
|
13
13
|
import { Version } from '@angular/core';
|
14
|
-
export const VERSION = new Version('18.0.0-
|
14
|
+
export const VERSION = new Version('18.0.0-rc.0');
|
15
15
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2FuaW1hdGlvbnMvc3JjL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OztHQU1HO0FBRUg7Ozs7R0FJRztBQUNILE9BQU8sRUFBQyxPQUFPLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLElBQUksT0FBTyxDQUFDLG1CQUFtQixDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBsaWNlbnNlXG4gKiBDb3B5cmlnaHQgR29vZ2xlIExMQyBBbGwgUmlnaHRzIFJlc2VydmVkLlxuICpcbiAqIFVzZSBvZiB0aGlzIHNvdXJjZSBjb2RlIGlzIGdvdmVybmVkIGJ5IGFuIE1JVC1zdHlsZSBsaWNlbnNlIHRoYXQgY2FuIGJlXG4gKiBmb3VuZCBpbiB0aGUgTElDRU5TRSBmaWxlIGF0IGh0dHBzOi8vYW5ndWxhci5pby9saWNlbnNlXG4gKi9cblxuLyoqXG4gKiBAbW9kdWxlXG4gKiBAZGVzY3JpcHRpb25cbiAqIEVudHJ5IHBvaW50IGZvciBhbGwgcHVibGljIEFQSXMgb2YgdGhlIGFuaW1hdGlvbiBwYWNrYWdlLlxuICovXG5pbXBvcnQge1ZlcnNpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgVkVSU0lPTiA9IG5ldyBWZXJzaW9uKCcwLjAuMC1QTEFDRUhPTERFUicpO1xuIl19
|
package/fesm2022/animations.mjs
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* @license Angular v18.0.0-
|
2
|
+
* @license Angular v18.0.0-rc.0
|
3
3
|
* (c) 2010-2024 Google LLC. https://angular.io/
|
4
4
|
* License: MIT
|
5
5
|
*/
|
@@ -982,10 +982,10 @@ function stagger(timings, animation) {
|
|
982
982
|
* @publicApi
|
983
983
|
*/
|
984
984
|
class AnimationBuilder {
|
985
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-
|
986
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-
|
985
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: AnimationBuilder, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
986
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: AnimationBuilder, providedIn: 'root', useFactory: () => inject(BrowserAnimationBuilder) }); }
|
987
987
|
}
|
988
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-
|
988
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: AnimationBuilder, decorators: [{
|
989
989
|
type: Injectable,
|
990
990
|
args: [{ providedIn: 'root', useFactory: () => inject(BrowserAnimationBuilder) }]
|
991
991
|
}] });
|
@@ -1024,10 +1024,10 @@ class BrowserAnimationBuilder extends AnimationBuilder {
|
|
1024
1024
|
issueAnimationCommand(this._renderer, null, id, 'register', [entry]);
|
1025
1025
|
return new BrowserAnimationFactory(id, this._renderer);
|
1026
1026
|
}
|
1027
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-
|
1028
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-
|
1027
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: BrowserAnimationBuilder, deps: [{ token: i0.RendererFactory2 }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
1028
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: BrowserAnimationBuilder, providedIn: 'root' }); }
|
1029
1029
|
}
|
1030
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-
|
1030
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: BrowserAnimationBuilder, decorators: [{
|
1031
1031
|
type: Injectable,
|
1032
1032
|
args: [{ providedIn: 'root' }]
|
1033
1033
|
}], ctorParameters: () => [{ type: i0.RendererFactory2 }, { type: Document, decorators: [{
|
package/fesm2022/browser.mjs
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* @license Angular v18.0.0-
|
2
|
+
* @license Angular v18.0.0-rc.0
|
3
3
|
* (c) 2010-2024 Google LLC. https://angular.io/
|
4
4
|
* License: MIT
|
5
5
|
*/
|
@@ -548,10 +548,10 @@ class NoopAnimationDriver {
|
|
548
548
|
animate(element, keyframes, duration, delay, easing, previousPlayers = [], scrubberAccessRequested) {
|
549
549
|
return new NoopAnimationPlayer(duration, delay);
|
550
550
|
}
|
551
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-
|
552
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-
|
551
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: NoopAnimationDriver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
552
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: NoopAnimationDriver }); }
|
553
553
|
}
|
554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-
|
554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: NoopAnimationDriver, decorators: [{
|
555
555
|
type: Injectable
|
556
556
|
}] });
|
557
557
|
/**
|
@@ -3012,11 +3012,10 @@ class TransitionAnimationEngine {
|
|
3012
3012
|
_onRemovalComplete(element, context) {
|
3013
3013
|
this.onRemovalComplete(element, context);
|
3014
3014
|
}
|
3015
|
-
constructor(bodyNode, driver, _normalizer
|
3015
|
+
constructor(bodyNode, driver, _normalizer) {
|
3016
3016
|
this.bodyNode = bodyNode;
|
3017
3017
|
this.driver = driver;
|
3018
3018
|
this._normalizer = _normalizer;
|
3019
|
-
this.scheduler = scheduler;
|
3020
3019
|
this.players = [];
|
3021
3020
|
this.newHostElements = new Map();
|
3022
3021
|
this.playersByElement = new Map();
|
@@ -3211,7 +3210,6 @@ class TransitionAnimationEngine {
|
|
3211
3210
|
}
|
3212
3211
|
removeNode(namespaceId, element, context) {
|
3213
3212
|
if (isElementNode(element)) {
|
3214
|
-
this.scheduler?.notify();
|
3215
3213
|
const ns = namespaceId ? this._fetchNamespace(namespaceId) : null;
|
3216
3214
|
if (ns) {
|
3217
3215
|
ns.removeNode(element, context);
|
@@ -4100,13 +4098,13 @@ function replacePostStylesAsPre(element, allPreStyleElements, allPostStyleElemen
|
|
4100
4098
|
}
|
4101
4099
|
|
4102
4100
|
class AnimationEngine {
|
4103
|
-
constructor(doc, _driver, _normalizer
|
4101
|
+
constructor(doc, _driver, _normalizer) {
|
4104
4102
|
this._driver = _driver;
|
4105
4103
|
this._normalizer = _normalizer;
|
4106
4104
|
this._triggerCache = {};
|
4107
4105
|
// this method is designed to be overridden by the code that uses this engine
|
4108
4106
|
this.onRemovalComplete = (element, context) => { };
|
4109
|
-
this._transitionEngine = new TransitionAnimationEngine(doc.body, _driver, _normalizer
|
4107
|
+
this._transitionEngine = new TransitionAnimationEngine(doc.body, _driver, _normalizer);
|
4110
4108
|
this._timelineEngine = new TimelineAnimationEngine(doc.body, _driver, _normalizer);
|
4111
4109
|
this._transitionEngine.onRemovalComplete = (element, context) => this.onRemovalComplete(element, context);
|
4112
4110
|
}
|
@@ -4497,12 +4495,12 @@ class WebAnimationsDriver {
|
|
4497
4495
|
}
|
4498
4496
|
}
|
4499
4497
|
|
4500
|
-
function createEngine(type, doc
|
4498
|
+
function createEngine(type, doc) {
|
4501
4499
|
// TODO: find a way to make this tree shakable.
|
4502
4500
|
if (type === 'noop') {
|
4503
|
-
return new AnimationEngine(doc, new NoopAnimationDriver(), new NoopAnimationStyleNormalizer()
|
4501
|
+
return new AnimationEngine(doc, new NoopAnimationDriver(), new NoopAnimationStyleNormalizer());
|
4504
4502
|
}
|
4505
|
-
return new AnimationEngine(doc, new WebAnimationsDriver(), new WebAnimationsStyleNormalizer()
|
4503
|
+
return new AnimationEngine(doc, new WebAnimationsDriver(), new WebAnimationsStyleNormalizer());
|
4506
4504
|
}
|
4507
4505
|
|
4508
4506
|
class Animation {
|