@angular/common 19.1.0-next.0 → 19.1.0-next.2
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/fesm2022/common.mjs +159 -185
- package/fesm2022/common.mjs.map +1 -1
- package/fesm2022/http/testing.mjs +8 -8
- package/fesm2022/http.mjs +45 -45
- package/fesm2022/http.mjs.map +1 -1
- package/fesm2022/testing.mjs +16 -16
- package/fesm2022/upgrade.mjs +5 -5
- package/http/index.d.ts +11 -11
- package/http/testing/index.d.ts +1 -1
- package/index.d.ts +43 -45
- package/package.json +2 -2
- package/testing/index.d.ts +1 -1
- package/upgrade/index.d.ts +1 -1
package/fesm2022/common.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @license Angular v19.1.0-next.
|
|
2
|
+
* @license Angular v19.1.0-next.2
|
|
3
3
|
* (c) 2010-2024 Google LLC. https://angular.io/
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -31,10 +31,10 @@ class DomAdapter {
|
|
|
31
31
|
* implementations.
|
|
32
32
|
*/
|
|
33
33
|
class PlatformNavigation {
|
|
34
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
35
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PlatformNavigation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
35
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PlatformNavigation, providedIn: 'platform', useFactory: () => window.navigation });
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PlatformNavigation, decorators: [{
|
|
38
38
|
type: Injectable,
|
|
39
39
|
args: [{ providedIn: 'platform', useFactory: () => window.navigation }]
|
|
40
40
|
}] });
|
|
@@ -74,10 +74,10 @@ class PlatformLocation {
|
|
|
74
74
|
historyGo(relativePosition) {
|
|
75
75
|
throw new Error(ngDevMode ? 'Not implemented' : '');
|
|
76
76
|
}
|
|
77
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
78
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
77
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PlatformLocation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
78
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PlatformLocation, providedIn: 'platform', useFactory: () => inject(BrowserPlatformLocation) });
|
|
79
79
|
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PlatformLocation, decorators: [{
|
|
81
81
|
type: Injectable,
|
|
82
82
|
args: [{ providedIn: 'platform', useFactory: () => inject(BrowserPlatformLocation) }]
|
|
83
83
|
}] });
|
|
@@ -159,10 +159,10 @@ class BrowserPlatformLocation extends PlatformLocation {
|
|
|
159
159
|
getState() {
|
|
160
160
|
return this._history.state;
|
|
161
161
|
}
|
|
162
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
163
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
162
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: BrowserPlatformLocation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
163
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: BrowserPlatformLocation, providedIn: 'platform', useFactory: () => new BrowserPlatformLocation() });
|
|
164
164
|
}
|
|
165
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: BrowserPlatformLocation, decorators: [{
|
|
166
166
|
type: Injectable,
|
|
167
167
|
args: [{
|
|
168
168
|
providedIn: 'platform',
|
|
@@ -248,10 +248,10 @@ class LocationStrategy {
|
|
|
248
248
|
historyGo(relativePosition) {
|
|
249
249
|
throw new Error(ngDevMode ? 'Not implemented' : '');
|
|
250
250
|
}
|
|
251
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
252
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
251
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
252
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) });
|
|
253
253
|
}
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: LocationStrategy, decorators: [{
|
|
255
255
|
type: Injectable,
|
|
256
256
|
args: [{ providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }]
|
|
257
257
|
}] });
|
|
@@ -266,7 +266,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
266
266
|
* The following example shows how to use this token to configure the root app injector
|
|
267
267
|
* with a base href value, so that the DI framework can supply the dependency anywhere in the app.
|
|
268
268
|
*
|
|
269
|
-
* ```
|
|
269
|
+
* ```ts
|
|
270
270
|
* import {NgModule} from '@angular/core';
|
|
271
271
|
* import {APP_BASE_HREF} from '@angular/common';
|
|
272
272
|
*
|
|
@@ -363,10 +363,10 @@ class PathLocationStrategy extends LocationStrategy {
|
|
|
363
363
|
historyGo(relativePosition = 0) {
|
|
364
364
|
this._platformLocation.historyGo?.(relativePosition);
|
|
365
365
|
}
|
|
366
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
367
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
366
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PathLocationStrategy, deps: [{ token: PlatformLocation }, { token: APP_BASE_HREF, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
367
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PathLocationStrategy, providedIn: 'root' });
|
|
368
368
|
}
|
|
369
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
369
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PathLocationStrategy, decorators: [{
|
|
370
370
|
type: Injectable,
|
|
371
371
|
args: [{ providedIn: 'root' }]
|
|
372
372
|
}], ctorParameters: () => [{ type: PlatformLocation }, { type: undefined, decorators: [{
|
|
@@ -453,10 +453,10 @@ class HashLocationStrategy extends LocationStrategy {
|
|
|
453
453
|
historyGo(relativePosition = 0) {
|
|
454
454
|
this._platformLocation.historyGo?.(relativePosition);
|
|
455
455
|
}
|
|
456
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
457
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
456
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: HashLocationStrategy, deps: [{ token: PlatformLocation }, { token: APP_BASE_HREF, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
457
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: HashLocationStrategy });
|
|
458
458
|
}
|
|
459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: HashLocationStrategy, decorators: [{
|
|
460
460
|
type: Injectable
|
|
461
461
|
}], ctorParameters: () => [{ type: PlatformLocation }, { type: undefined, decorators: [{
|
|
462
462
|
type: Optional
|
|
@@ -488,8 +488,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
488
488
|
*
|
|
489
489
|
* ### Example
|
|
490
490
|
*
|
|
491
|
-
*
|
|
492
|
-
* region='LocationComponent'></code-example>
|
|
491
|
+
* {@example common/location/ts/path_location_component.ts region='LocationComponent'}
|
|
493
492
|
*
|
|
494
493
|
* @publicApi
|
|
495
494
|
*/
|
|
@@ -711,10 +710,10 @@ class Location {
|
|
|
711
710
|
* @returns The URL string, modified if needed.
|
|
712
711
|
*/
|
|
713
712
|
static stripTrailingSlash = stripTrailingSlash;
|
|
714
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
715
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
713
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: Location, deps: [{ token: LocationStrategy }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
714
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: Location, providedIn: 'root', useFactory: createLocation });
|
|
716
715
|
}
|
|
717
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: Location, decorators: [{
|
|
718
717
|
type: Injectable,
|
|
719
718
|
args: [{
|
|
720
719
|
providedIn: 'root',
|
|
@@ -2616,10 +2615,10 @@ function parseIntAutoRadix(text) {
|
|
|
2616
2615
|
* @publicApi
|
|
2617
2616
|
*/
|
|
2618
2617
|
class NgLocalization {
|
|
2619
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
2620
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
2618
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgLocalization, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2619
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgLocalization, providedIn: 'root', useFactory: (locale) => new NgLocaleLocalization(locale), deps: [{ token: LOCALE_ID }] });
|
|
2621
2620
|
}
|
|
2622
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
2621
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgLocalization, decorators: [{
|
|
2623
2622
|
type: Injectable,
|
|
2624
2623
|
args: [{
|
|
2625
2624
|
providedIn: 'root',
|
|
@@ -2674,10 +2673,10 @@ class NgLocaleLocalization extends NgLocalization {
|
|
|
2674
2673
|
return 'other';
|
|
2675
2674
|
}
|
|
2676
2675
|
}
|
|
2677
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
2678
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
2676
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgLocaleLocalization, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2677
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgLocaleLocalization });
|
|
2679
2678
|
}
|
|
2680
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
2679
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgLocaleLocalization, decorators: [{
|
|
2681
2680
|
type: Injectable
|
|
2682
2681
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
2683
2682
|
type: Inject,
|
|
@@ -2715,7 +2714,7 @@ const EMPTY_ARRAY = [];
|
|
|
2715
2714
|
* @ngModule CommonModule
|
|
2716
2715
|
*
|
|
2717
2716
|
* @usageNotes
|
|
2718
|
-
* ```
|
|
2717
|
+
* ```html
|
|
2719
2718
|
* <some-element [ngClass]="'first second'">...</some-element>
|
|
2720
2719
|
*
|
|
2721
2720
|
* <some-element [ngClass]="['first', 'second']">...</some-element>
|
|
@@ -2849,14 +2848,13 @@ class NgClass {
|
|
|
2849
2848
|
});
|
|
2850
2849
|
}
|
|
2851
2850
|
}
|
|
2852
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
2853
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
2851
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgClass, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2852
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgClass, isStandalone: true, selector: "[ngClass]", inputs: { klass: ["class", "klass"], ngClass: "ngClass" }, ngImport: i0 });
|
|
2854
2853
|
}
|
|
2855
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
2854
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgClass, decorators: [{
|
|
2856
2855
|
type: Directive,
|
|
2857
2856
|
args: [{
|
|
2858
2857
|
selector: '[ngClass]',
|
|
2859
|
-
standalone: true,
|
|
2860
2858
|
}]
|
|
2861
2859
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { klass: [{
|
|
2862
2860
|
type: Input,
|
|
@@ -2898,19 +2896,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
2898
2896
|
* ### Syntax
|
|
2899
2897
|
*
|
|
2900
2898
|
* Simple
|
|
2901
|
-
* ```
|
|
2899
|
+
* ```html
|
|
2902
2900
|
* <ng-container *ngComponentOutlet="componentTypeExpression"></ng-container>
|
|
2903
2901
|
* ```
|
|
2904
2902
|
*
|
|
2905
2903
|
* With inputs
|
|
2906
|
-
* ```
|
|
2904
|
+
* ```html
|
|
2907
2905
|
* <ng-container *ngComponentOutlet="componentTypeExpression;
|
|
2908
2906
|
* inputs: inputsExpression;">
|
|
2909
2907
|
* </ng-container>
|
|
2910
2908
|
* ```
|
|
2911
2909
|
*
|
|
2912
2910
|
* Customized injector/content
|
|
2913
|
-
* ```
|
|
2911
|
+
* ```html
|
|
2914
2912
|
* <ng-container *ngComponentOutlet="componentTypeExpression;
|
|
2915
2913
|
* injector: injectorExpression;
|
|
2916
2914
|
* content: contentNodesExpression;">
|
|
@@ -2918,7 +2916,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
2918
2916
|
* ```
|
|
2919
2917
|
*
|
|
2920
2918
|
* Customized NgModule reference
|
|
2921
|
-
* ```
|
|
2919
|
+
* ```html
|
|
2922
2920
|
* <ng-container *ngComponentOutlet="componentTypeExpression;
|
|
2923
2921
|
* ngModule: ngModuleClass;">
|
|
2924
2922
|
* </ng-container>
|
|
@@ -3040,10 +3038,10 @@ class NgComponentOutlet {
|
|
|
3040
3038
|
}
|
|
3041
3039
|
}
|
|
3042
3040
|
}
|
|
3043
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3044
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
3041
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgComponentOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3042
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgComponentOutlet, isStandalone: true, selector: "[ngComponentOutlet]", inputs: { ngComponentOutlet: "ngComponentOutlet", ngComponentOutletInputs: "ngComponentOutletInputs", ngComponentOutletInjector: "ngComponentOutletInjector", ngComponentOutletContent: "ngComponentOutletContent", ngComponentOutletNgModule: "ngComponentOutletNgModule", ngComponentOutletNgModuleFactory: "ngComponentOutletNgModuleFactory" }, exportAs: ["ngComponentOutlet"], usesOnChanges: true, ngImport: i0 });
|
|
3045
3043
|
}
|
|
3046
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgComponentOutlet, decorators: [{
|
|
3047
3045
|
type: Directive,
|
|
3048
3046
|
args: [{
|
|
3049
3047
|
selector: '[ngComponentOutlet]',
|
|
@@ -3125,7 +3123,7 @@ class NgForOfContext {
|
|
|
3125
3123
|
* The following example shows the shorthand syntax with some options,
|
|
3126
3124
|
* contained in an `<li>` element.
|
|
3127
3125
|
*
|
|
3128
|
-
* ```
|
|
3126
|
+
* ```html
|
|
3129
3127
|
* <li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>
|
|
3130
3128
|
* ```
|
|
3131
3129
|
*
|
|
@@ -3136,7 +3134,7 @@ class NgForOfContext {
|
|
|
3136
3134
|
*
|
|
3137
3135
|
* Here is the expanded version of the short-form example.
|
|
3138
3136
|
*
|
|
3139
|
-
* ```
|
|
3137
|
+
* ```html
|
|
3140
3138
|
* <ng-template ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn">
|
|
3141
3139
|
* <li>...</li>
|
|
3142
3140
|
* </ng-template>
|
|
@@ -3160,7 +3158,7 @@ class NgForOfContext {
|
|
|
3160
3158
|
* `NgForOf` provides exported values that can be aliased to local variables.
|
|
3161
3159
|
* For example:
|
|
3162
3160
|
*
|
|
3163
|
-
* ```
|
|
3161
|
+
* ```html
|
|
3164
3162
|
* <li *ngFor="let user of users; index as i; first as isFirst">
|
|
3165
3163
|
* {{i}}/{{users.length}}. {{user}} <span *ngIf="isFirst">default</span>
|
|
3166
3164
|
* </li>
|
|
@@ -3350,14 +3348,13 @@ class NgForOf {
|
|
|
3350
3348
|
static ngTemplateContextGuard(dir, ctx) {
|
|
3351
3349
|
return true;
|
|
3352
3350
|
}
|
|
3353
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3354
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
3351
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgForOf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3352
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgForOf, isStandalone: true, selector: "[ngFor][ngForOf]", inputs: { ngForOf: "ngForOf", ngForTrackBy: "ngForTrackBy", ngForTemplate: "ngForTemplate" }, ngImport: i0 });
|
|
3355
3353
|
}
|
|
3356
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3354
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgForOf, decorators: [{
|
|
3357
3355
|
type: Directive,
|
|
3358
3356
|
args: [{
|
|
3359
3357
|
selector: '[ngFor][ngForOf]',
|
|
3360
|
-
standalone: true,
|
|
3361
3358
|
}]
|
|
3362
3359
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: i0.IterableDiffers }], propDecorators: { ngForOf: [{
|
|
3363
3360
|
type: Input
|
|
@@ -3389,27 +3386,27 @@ function getTypeName(type) {
|
|
|
3389
3386
|
*
|
|
3390
3387
|
* Simple form with shorthand syntax:
|
|
3391
3388
|
*
|
|
3392
|
-
* ```
|
|
3389
|
+
* ```html
|
|
3393
3390
|
* <div *ngIf="condition">Content to render when condition is true.</div>
|
|
3394
3391
|
* ```
|
|
3395
3392
|
*
|
|
3396
3393
|
* Simple form with expanded syntax:
|
|
3397
3394
|
*
|
|
3398
|
-
* ```
|
|
3395
|
+
* ```html
|
|
3399
3396
|
* <ng-template [ngIf]="condition"><div>Content to render when condition is
|
|
3400
3397
|
* true.</div></ng-template>
|
|
3401
3398
|
* ```
|
|
3402
3399
|
*
|
|
3403
3400
|
* Form with an "else" block:
|
|
3404
3401
|
*
|
|
3405
|
-
* ```
|
|
3402
|
+
* ```html
|
|
3406
3403
|
* <div *ngIf="condition; else elseBlock">Content to render when condition is true.</div>
|
|
3407
3404
|
* <ng-template #elseBlock>Content to render when condition is false.</ng-template>
|
|
3408
3405
|
* ```
|
|
3409
3406
|
*
|
|
3410
3407
|
* Shorthand form with "then" and "else" blocks:
|
|
3411
3408
|
*
|
|
3412
|
-
* ```
|
|
3409
|
+
* ```html
|
|
3413
3410
|
* <div *ngIf="condition; then thenBlock else elseBlock"></div>
|
|
3414
3411
|
* <ng-template #thenBlock>Content to render when condition is true.</ng-template>
|
|
3415
3412
|
* <ng-template #elseBlock>Content to render when condition is false.</ng-template>
|
|
@@ -3417,7 +3414,7 @@ function getTypeName(type) {
|
|
|
3417
3414
|
*
|
|
3418
3415
|
* Form with storing the value locally:
|
|
3419
3416
|
*
|
|
3420
|
-
* ```
|
|
3417
|
+
* ```html
|
|
3421
3418
|
* <div *ngIf="condition as value; else elseBlock">{{value}}</div>
|
|
3422
3419
|
* <ng-template #elseBlock>Content to render when value is null.</ng-template>
|
|
3423
3420
|
* ```
|
|
@@ -3474,7 +3471,7 @@ function getTypeName(type) {
|
|
|
3474
3471
|
* for the "then" and "else" clauses. For example, consider the following shorthand statement,
|
|
3475
3472
|
* that is meant to show a loading page while waiting for data to be loaded.
|
|
3476
3473
|
*
|
|
3477
|
-
* ```
|
|
3474
|
+
* ```html
|
|
3478
3475
|
* <div class="hero-list" *ngIf="heroes else loading">
|
|
3479
3476
|
* ...
|
|
3480
3477
|
* </div>
|
|
@@ -3493,7 +3490,7 @@ function getTypeName(type) {
|
|
|
3493
3490
|
* The anchor element containing the template for the "then" clause becomes
|
|
3494
3491
|
* the content of this unlabeled `<ng-template>` tag.
|
|
3495
3492
|
*
|
|
3496
|
-
* ```
|
|
3493
|
+
* ```html
|
|
3497
3494
|
* <ng-template [ngIf]="heroes" [ngIfElse]="loading">
|
|
3498
3495
|
* <div class="hero-list">
|
|
3499
3496
|
* ...
|
|
@@ -3588,14 +3585,13 @@ class NgIf {
|
|
|
3588
3585
|
static ngTemplateContextGuard(dir, ctx) {
|
|
3589
3586
|
return true;
|
|
3590
3587
|
}
|
|
3591
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3592
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
3588
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgIf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3589
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgIf, isStandalone: true, selector: "[ngIf]", inputs: { ngIf: "ngIf", ngIfThen: "ngIfThen", ngIfElse: "ngIfElse" }, ngImport: i0 });
|
|
3593
3590
|
}
|
|
3594
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3591
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgIf, decorators: [{
|
|
3595
3592
|
type: Directive,
|
|
3596
3593
|
args: [{
|
|
3597
3594
|
selector: '[ngIf]',
|
|
3598
|
-
standalone: true,
|
|
3599
3595
|
}]
|
|
3600
3596
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }], propDecorators: { ngIf: [{
|
|
3601
3597
|
type: Input
|
|
@@ -3658,14 +3654,14 @@ class SwitchView {
|
|
|
3658
3654
|
* Define a container element for the directive, and specify the switch expression
|
|
3659
3655
|
* to match against as an attribute:
|
|
3660
3656
|
*
|
|
3661
|
-
* ```
|
|
3657
|
+
* ```html
|
|
3662
3658
|
* <container-element [ngSwitch]="switch_expression">
|
|
3663
3659
|
* ```
|
|
3664
3660
|
*
|
|
3665
3661
|
* Within the container, `*ngSwitchCase` statements specify the match expressions
|
|
3666
3662
|
* as attributes. Include `*ngSwitchDefault` as the final case.
|
|
3667
3663
|
*
|
|
3668
|
-
* ```
|
|
3664
|
+
* ```html
|
|
3669
3665
|
* <container-element [ngSwitch]="switch_expression">
|
|
3670
3666
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3671
3667
|
* ...
|
|
@@ -3677,7 +3673,7 @@ class SwitchView {
|
|
|
3677
3673
|
*
|
|
3678
3674
|
* The following example shows how to use more than one case to display the same view:
|
|
3679
3675
|
*
|
|
3680
|
-
* ```
|
|
3676
|
+
* ```html
|
|
3681
3677
|
* <container-element [ngSwitch]="switch_expression">
|
|
3682
3678
|
* <!-- the same view can be shown in more than one case -->
|
|
3683
3679
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
@@ -3689,7 +3685,7 @@ class SwitchView {
|
|
|
3689
3685
|
* ```
|
|
3690
3686
|
*
|
|
3691
3687
|
* The following example shows how cases can be nested:
|
|
3692
|
-
* ```
|
|
3688
|
+
* ```html
|
|
3693
3689
|
* <container-element [ngSwitch]="switch_expression">
|
|
3694
3690
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3695
3691
|
* <some-element *ngSwitchCase="match_expression_2">...</some-element>
|
|
@@ -3750,14 +3746,13 @@ class NgSwitch {
|
|
|
3750
3746
|
}
|
|
3751
3747
|
}
|
|
3752
3748
|
}
|
|
3753
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3754
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
3749
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3750
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgSwitch, isStandalone: true, selector: "[ngSwitch]", inputs: { ngSwitch: "ngSwitch" }, ngImport: i0 });
|
|
3755
3751
|
}
|
|
3756
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3752
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgSwitch, decorators: [{
|
|
3757
3753
|
type: Directive,
|
|
3758
3754
|
args: [{
|
|
3759
3755
|
selector: '[ngSwitch]',
|
|
3760
|
-
standalone: true,
|
|
3761
3756
|
}]
|
|
3762
3757
|
}], propDecorators: { ngSwitch: [{
|
|
3763
3758
|
type: Input
|
|
@@ -3775,7 +3770,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
3775
3770
|
* Within a switch container, `*ngSwitchCase` statements specify the match expressions
|
|
3776
3771
|
* as attributes. Include `*ngSwitchDefault` as the final case.
|
|
3777
3772
|
*
|
|
3778
|
-
* ```
|
|
3773
|
+
* ```html
|
|
3779
3774
|
* <container-element [ngSwitch]="switch_expression">
|
|
3780
3775
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3781
3776
|
* ...
|
|
@@ -3817,14 +3812,13 @@ class NgSwitchCase {
|
|
|
3817
3812
|
ngDoCheck() {
|
|
3818
3813
|
this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase));
|
|
3819
3814
|
}
|
|
3820
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3821
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
3815
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgSwitchCase, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NgSwitch, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3816
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgSwitchCase, isStandalone: true, selector: "[ngSwitchCase]", inputs: { ngSwitchCase: "ngSwitchCase" }, ngImport: i0 });
|
|
3822
3817
|
}
|
|
3823
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3818
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgSwitchCase, decorators: [{
|
|
3824
3819
|
type: Directive,
|
|
3825
3820
|
args: [{
|
|
3826
3821
|
selector: '[ngSwitchCase]',
|
|
3827
|
-
standalone: true,
|
|
3828
3822
|
}]
|
|
3829
3823
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: NgSwitch, decorators: [{
|
|
3830
3824
|
type: Optional
|
|
@@ -3854,14 +3848,13 @@ class NgSwitchDefault {
|
|
|
3854
3848
|
}
|
|
3855
3849
|
ngSwitch._addDefault(new SwitchView(viewContainer, templateRef));
|
|
3856
3850
|
}
|
|
3857
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3858
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
3851
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgSwitchDefault, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NgSwitch, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3852
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgSwitchDefault, isStandalone: true, selector: "[ngSwitchDefault]", ngImport: i0 });
|
|
3859
3853
|
}
|
|
3860
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3854
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgSwitchDefault, decorators: [{
|
|
3861
3855
|
type: Directive,
|
|
3862
3856
|
args: [{
|
|
3863
3857
|
selector: '[ngSwitchDefault]',
|
|
3864
|
-
standalone: true,
|
|
3865
3858
|
}]
|
|
3866
3859
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: NgSwitch, decorators: [{
|
|
3867
3860
|
type: Optional
|
|
@@ -3881,7 +3874,7 @@ function stringifyValue(value) {
|
|
|
3881
3874
|
* @ngModule CommonModule
|
|
3882
3875
|
*
|
|
3883
3876
|
* @usageNotes
|
|
3884
|
-
* ```
|
|
3877
|
+
* ```html
|
|
3885
3878
|
* <some-element [ngPlural]="value">
|
|
3886
3879
|
* <ng-template ngPluralCase="=0">there is nothing</ng-template>
|
|
3887
3880
|
* <ng-template ngPluralCase="=1">there is one</ng-template>
|
|
@@ -3937,14 +3930,13 @@ class NgPlural {
|
|
|
3937
3930
|
this._activeView.create();
|
|
3938
3931
|
}
|
|
3939
3932
|
}
|
|
3940
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3941
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
3933
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgPlural, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3934
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgPlural, isStandalone: true, selector: "[ngPlural]", inputs: { ngPlural: "ngPlural" }, ngImport: i0 });
|
|
3942
3935
|
}
|
|
3943
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3936
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgPlural, decorators: [{
|
|
3944
3937
|
type: Directive,
|
|
3945
3938
|
args: [{
|
|
3946
3939
|
selector: '[ngPlural]',
|
|
3947
|
-
standalone: true,
|
|
3948
3940
|
}]
|
|
3949
3941
|
}], ctorParameters: () => [{ type: NgLocalization }], propDecorators: { ngPlural: [{
|
|
3950
3942
|
type: Input
|
|
@@ -3958,7 +3950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
3958
3950
|
* given expression matches the plural expression according to CLDR rules.
|
|
3959
3951
|
*
|
|
3960
3952
|
* @usageNotes
|
|
3961
|
-
* ```
|
|
3953
|
+
* ```html
|
|
3962
3954
|
* <some-element [ngPlural]="value">
|
|
3963
3955
|
* <ng-template ngPluralCase="=0">...</ng-template>
|
|
3964
3956
|
* <ng-template ngPluralCase="other">...</ng-template>
|
|
@@ -3976,14 +3968,13 @@ class NgPluralCase {
|
|
|
3976
3968
|
const isANumber = !isNaN(Number(value));
|
|
3977
3969
|
ngPlural.addCase(isANumber ? `=${value}` : value, new SwitchView(viewContainer, template));
|
|
3978
3970
|
}
|
|
3979
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3980
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
3971
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgPluralCase, deps: [{ token: 'ngPluralCase', attribute: true }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: NgPlural, host: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3972
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgPluralCase, isStandalone: true, selector: "[ngPluralCase]", ngImport: i0 });
|
|
3981
3973
|
}
|
|
3982
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgPluralCase, decorators: [{
|
|
3983
3975
|
type: Directive,
|
|
3984
3976
|
args: [{
|
|
3985
3977
|
selector: '[ngPluralCase]',
|
|
3986
|
-
standalone: true,
|
|
3987
3978
|
}]
|
|
3988
3979
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
3989
3980
|
type: Attribute,
|
|
@@ -3999,19 +3990,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
3999
3990
|
*
|
|
4000
3991
|
* Set the font of the containing element to the result of an expression.
|
|
4001
3992
|
*
|
|
4002
|
-
* ```
|
|
3993
|
+
* ```html
|
|
4003
3994
|
* <some-element [ngStyle]="{'font-style': styleExp}">...</some-element>
|
|
4004
3995
|
* ```
|
|
4005
3996
|
*
|
|
4006
3997
|
* Set the width of the containing element to a pixel value returned by an expression.
|
|
4007
3998
|
*
|
|
4008
|
-
* ```
|
|
3999
|
+
* ```html
|
|
4009
4000
|
* <some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>
|
|
4010
4001
|
* ```
|
|
4011
4002
|
*
|
|
4012
4003
|
* Set a collection of style values using an expression that returns key-value pairs.
|
|
4013
4004
|
*
|
|
4014
|
-
* ```
|
|
4005
|
+
* ```html
|
|
4015
4006
|
* <some-element [ngStyle]="objExp">...</some-element>
|
|
4016
4007
|
* ```
|
|
4017
4008
|
*
|
|
@@ -4068,14 +4059,13 @@ class NgStyle {
|
|
|
4068
4059
|
changes.forEachAddedItem((record) => this._setStyle(record.key, record.currentValue));
|
|
4069
4060
|
changes.forEachChangedItem((record) => this._setStyle(record.key, record.currentValue));
|
|
4070
4061
|
}
|
|
4071
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4072
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4062
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgStyle, deps: [{ token: i0.ElementRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4063
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgStyle, isStandalone: true, selector: "[ngStyle]", inputs: { ngStyle: "ngStyle" }, ngImport: i0 });
|
|
4073
4064
|
}
|
|
4074
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4065
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgStyle, decorators: [{
|
|
4075
4066
|
type: Directive,
|
|
4076
4067
|
args: [{
|
|
4077
4068
|
selector: '[ngStyle]',
|
|
4078
|
-
standalone: true,
|
|
4079
4069
|
}]
|
|
4080
4070
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.KeyValueDiffers }, { type: i0.Renderer2 }], propDecorators: { ngStyle: [{
|
|
4081
4071
|
type: Input,
|
|
@@ -4094,7 +4084,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
4094
4084
|
* by the local template `let` declarations.
|
|
4095
4085
|
*
|
|
4096
4086
|
* @usageNotes
|
|
4097
|
-
* ```
|
|
4087
|
+
* ```html
|
|
4098
4088
|
* <ng-container *ngTemplateOutlet="templateRefExp; context: contextExp"></ng-container>
|
|
4099
4089
|
* ```
|
|
4100
4090
|
*
|
|
@@ -4173,14 +4163,13 @@ class NgTemplateOutlet {
|
|
|
4173
4163
|
},
|
|
4174
4164
|
});
|
|
4175
4165
|
}
|
|
4176
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4177
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4166
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgTemplateOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4167
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.1.0-next.2", type: NgTemplateOutlet, isStandalone: true, selector: "[ngTemplateOutlet]", inputs: { ngTemplateOutletContext: "ngTemplateOutletContext", ngTemplateOutlet: "ngTemplateOutlet", ngTemplateOutletInjector: "ngTemplateOutletInjector" }, usesOnChanges: true, ngImport: i0 });
|
|
4178
4168
|
}
|
|
4179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4169
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgTemplateOutlet, decorators: [{
|
|
4180
4170
|
type: Directive,
|
|
4181
4171
|
args: [{
|
|
4182
4172
|
selector: '[ngTemplateOutlet]',
|
|
4183
|
-
standalone: true,
|
|
4184
4173
|
}]
|
|
4185
4174
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { ngTemplateOutletContext: [{
|
|
4186
4175
|
type: Input
|
|
@@ -4345,15 +4334,14 @@ class AsyncPipe {
|
|
|
4345
4334
|
}
|
|
4346
4335
|
}
|
|
4347
4336
|
}
|
|
4348
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4349
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4337
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: AsyncPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4338
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: AsyncPipe, isStandalone: true, name: "async", pure: false });
|
|
4350
4339
|
}
|
|
4351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4340
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: AsyncPipe, decorators: [{
|
|
4352
4341
|
type: Pipe,
|
|
4353
4342
|
args: [{
|
|
4354
4343
|
name: 'async',
|
|
4355
4344
|
pure: false,
|
|
4356
|
-
standalone: true,
|
|
4357
4345
|
}]
|
|
4358
4346
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
|
|
4359
4347
|
|
|
@@ -4367,7 +4355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
4367
4355
|
* The following example defines a view that allows the user to enter
|
|
4368
4356
|
* text, and then uses the pipe to convert the input text to all lower case.
|
|
4369
4357
|
*
|
|
4370
|
-
*
|
|
4358
|
+
* {@example common/pipes/ts/lowerupper_pipe.ts region='LowerUpperPipe'}
|
|
4371
4359
|
*
|
|
4372
4360
|
* @ngModule CommonModule
|
|
4373
4361
|
* @publicApi
|
|
@@ -4381,14 +4369,13 @@ class LowerCasePipe {
|
|
|
4381
4369
|
}
|
|
4382
4370
|
return value.toLowerCase();
|
|
4383
4371
|
}
|
|
4384
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4385
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4372
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: LowerCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4373
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: LowerCasePipe, isStandalone: true, name: "lowercase" });
|
|
4386
4374
|
}
|
|
4387
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4375
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: LowerCasePipe, decorators: [{
|
|
4388
4376
|
type: Pipe,
|
|
4389
4377
|
args: [{
|
|
4390
4378
|
name: 'lowercase',
|
|
4391
|
-
standalone: true,
|
|
4392
4379
|
}]
|
|
4393
4380
|
}] });
|
|
4394
4381
|
//
|
|
@@ -4412,7 +4399,7 @@ const unicodeWordMatch = /(?:[0-9A-Za-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1
|
|
|
4412
4399
|
* @usageNotes
|
|
4413
4400
|
* The following example shows the result of transforming various strings into title case.
|
|
4414
4401
|
*
|
|
4415
|
-
*
|
|
4402
|
+
* {@example common/pipes/ts/titlecase_pipe.ts region='TitleCasePipe'}
|
|
4416
4403
|
*
|
|
4417
4404
|
* @ngModule CommonModule
|
|
4418
4405
|
* @publicApi
|
|
@@ -4426,14 +4413,13 @@ class TitleCasePipe {
|
|
|
4426
4413
|
}
|
|
4427
4414
|
return value.replace(unicodeWordMatch, (txt) => txt[0].toUpperCase() + txt.slice(1).toLowerCase());
|
|
4428
4415
|
}
|
|
4429
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4430
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4416
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: TitleCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4417
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: TitleCasePipe, isStandalone: true, name: "titlecase" });
|
|
4431
4418
|
}
|
|
4432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: TitleCasePipe, decorators: [{
|
|
4433
4420
|
type: Pipe,
|
|
4434
4421
|
args: [{
|
|
4435
4422
|
name: 'titlecase',
|
|
4436
|
-
standalone: true,
|
|
4437
4423
|
}]
|
|
4438
4424
|
}] });
|
|
4439
4425
|
/**
|
|
@@ -4453,14 +4439,13 @@ class UpperCasePipe {
|
|
|
4453
4439
|
}
|
|
4454
4440
|
return value.toUpperCase();
|
|
4455
4441
|
}
|
|
4456
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4457
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4442
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: UpperCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4443
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: UpperCasePipe, isStandalone: true, name: "uppercase" });
|
|
4458
4444
|
}
|
|
4459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4445
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: UpperCasePipe, decorators: [{
|
|
4460
4446
|
type: Pipe,
|
|
4461
4447
|
args: [{
|
|
4462
4448
|
name: 'uppercase',
|
|
4463
|
-
standalone: true,
|
|
4464
4449
|
}]
|
|
4465
4450
|
}] });
|
|
4466
4451
|
|
|
@@ -4495,14 +4480,14 @@ const DATE_PIPE_DEFAULT_TIMEZONE = new InjectionToken(ngDevMode ? 'DATE_PIPE_DEF
|
|
|
4495
4480
|
* For example:
|
|
4496
4481
|
*
|
|
4497
4482
|
* Override the default date format by providing a value using the token:
|
|
4498
|
-
* ```
|
|
4483
|
+
* ```ts
|
|
4499
4484
|
* providers: [
|
|
4500
4485
|
* {provide: DATE_PIPE_DEFAULT_OPTIONS, useValue: {dateFormat: 'shortDate'}}
|
|
4501
4486
|
* ]
|
|
4502
4487
|
* ```
|
|
4503
4488
|
*
|
|
4504
4489
|
* Override the default timezone by providing a value using the token:
|
|
4505
|
-
* ```
|
|
4490
|
+
* ```ts
|
|
4506
4491
|
* providers: [
|
|
4507
4492
|
* {provide: DATE_PIPE_DEFAULT_OPTIONS, useValue: {timezone: '-1200'}}
|
|
4508
4493
|
* ]
|
|
@@ -4650,7 +4635,7 @@ const DATE_PIPE_DEFAULT_OPTIONS = new InjectionToken(ngDevMode ? 'DATE_PIPE_DEFA
|
|
|
4650
4635
|
*
|
|
4651
4636
|
* The following component uses a date pipe to display the current date in different formats.
|
|
4652
4637
|
*
|
|
4653
|
-
* ```
|
|
4638
|
+
* ```angular-ts
|
|
4654
4639
|
* @Component({
|
|
4655
4640
|
* selector: 'date-pipe',
|
|
4656
4641
|
* template: `<div>
|
|
@@ -4688,14 +4673,13 @@ class DatePipe {
|
|
|
4688
4673
|
throw invalidPipeArgumentError(DatePipe, error.message);
|
|
4689
4674
|
}
|
|
4690
4675
|
}
|
|
4691
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4692
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4676
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: DatePipe, deps: [{ token: LOCALE_ID }, { token: DATE_PIPE_DEFAULT_TIMEZONE, optional: true }, { token: DATE_PIPE_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4677
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: DatePipe, isStandalone: true, name: "date" });
|
|
4693
4678
|
}
|
|
4694
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4679
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: DatePipe, decorators: [{
|
|
4695
4680
|
type: Pipe,
|
|
4696
4681
|
args: [{
|
|
4697
4682
|
name: 'date',
|
|
4698
|
-
standalone: true,
|
|
4699
4683
|
}]
|
|
4700
4684
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
4701
4685
|
type: Inject,
|
|
@@ -4748,14 +4732,13 @@ class I18nPluralPipe {
|
|
|
4748
4732
|
const key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale);
|
|
4749
4733
|
return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());
|
|
4750
4734
|
}
|
|
4751
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4752
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4735
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4736
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: "i18nPlural" });
|
|
4753
4737
|
}
|
|
4754
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4738
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: I18nPluralPipe, decorators: [{
|
|
4755
4739
|
type: Pipe,
|
|
4756
4740
|
args: [{
|
|
4757
4741
|
name: 'i18nPlural',
|
|
4758
|
-
standalone: true,
|
|
4759
4742
|
}]
|
|
4760
4743
|
}], ctorParameters: () => [{ type: NgLocalization }] });
|
|
4761
4744
|
|
|
@@ -4796,14 +4779,13 @@ class I18nSelectPipe {
|
|
|
4796
4779
|
}
|
|
4797
4780
|
return '';
|
|
4798
4781
|
}
|
|
4799
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4800
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4782
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4783
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: "i18nSelect" });
|
|
4801
4784
|
}
|
|
4802
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: I18nSelectPipe, decorators: [{
|
|
4803
4786
|
type: Pipe,
|
|
4804
4787
|
args: [{
|
|
4805
4788
|
name: 'i18nSelect',
|
|
4806
|
-
standalone: true,
|
|
4807
4789
|
}]
|
|
4808
4790
|
}] });
|
|
4809
4791
|
|
|
@@ -4829,15 +4811,14 @@ class JsonPipe {
|
|
|
4829
4811
|
transform(value) {
|
|
4830
4812
|
return JSON.stringify(value, null, 2);
|
|
4831
4813
|
}
|
|
4832
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4833
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4814
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4815
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: JsonPipe, isStandalone: true, name: "json", pure: false });
|
|
4834
4816
|
}
|
|
4835
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: JsonPipe, decorators: [{
|
|
4836
4818
|
type: Pipe,
|
|
4837
4819
|
args: [{
|
|
4838
4820
|
name: 'json',
|
|
4839
4821
|
pure: false,
|
|
4840
|
-
standalone: true,
|
|
4841
4822
|
}]
|
|
4842
4823
|
}] });
|
|
4843
4824
|
|
|
@@ -4895,15 +4876,14 @@ class KeyValuePipe {
|
|
|
4895
4876
|
}
|
|
4896
4877
|
return this.keyValues;
|
|
4897
4878
|
}
|
|
4898
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4899
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
4879
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4880
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: "keyvalue", pure: false });
|
|
4900
4881
|
}
|
|
4901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4882
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: KeyValuePipe, decorators: [{
|
|
4902
4883
|
type: Pipe,
|
|
4903
4884
|
args: [{
|
|
4904
4885
|
name: 'keyvalue',
|
|
4905
4886
|
pure: false,
|
|
4906
|
-
standalone: true,
|
|
4907
4887
|
}]
|
|
4908
4888
|
}], ctorParameters: () => [{ type: i0.KeyValueDiffers }] });
|
|
4909
4889
|
function defaultComparator(keyValueA, keyValueB) {
|
|
@@ -4996,7 +4976,7 @@ function defaultComparator(keyValueA, keyValueB) {
|
|
|
4996
4976
|
* according to various format specifications,
|
|
4997
4977
|
* where the caller's default locale is `en-US`.
|
|
4998
4978
|
*
|
|
4999
|
-
*
|
|
4979
|
+
* {@example common/pipes/ts/number_pipe.ts region='NumberPipe'}
|
|
5000
4980
|
*
|
|
5001
4981
|
* @publicApi
|
|
5002
4982
|
*/
|
|
@@ -5017,14 +4997,13 @@ class DecimalPipe {
|
|
|
5017
4997
|
throw invalidPipeArgumentError(DecimalPipe, error.message);
|
|
5018
4998
|
}
|
|
5019
4999
|
}
|
|
5020
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5021
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
5000
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: DecimalPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5001
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: DecimalPipe, isStandalone: true, name: "number" });
|
|
5022
5002
|
}
|
|
5023
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5003
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: DecimalPipe, decorators: [{
|
|
5024
5004
|
type: Pipe,
|
|
5025
5005
|
args: [{
|
|
5026
5006
|
name: 'number',
|
|
5027
|
-
standalone: true,
|
|
5028
5007
|
}]
|
|
5029
5008
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
5030
5009
|
type: Inject,
|
|
@@ -5046,7 +5025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
5046
5025
|
* into text strings, according to various format specifications,
|
|
5047
5026
|
* where the caller's default locale is `en-US`.
|
|
5048
5027
|
*
|
|
5049
|
-
*
|
|
5028
|
+
* {@example common/pipes/ts/percent_pipe.ts region='PercentPipe'}
|
|
5050
5029
|
*
|
|
5051
5030
|
* @publicApi
|
|
5052
5031
|
*/
|
|
@@ -5083,14 +5062,13 @@ class PercentPipe {
|
|
|
5083
5062
|
throw invalidPipeArgumentError(PercentPipe, error.message);
|
|
5084
5063
|
}
|
|
5085
5064
|
}
|
|
5086
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5087
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
5065
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5066
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: PercentPipe, isStandalone: true, name: "percent" });
|
|
5088
5067
|
}
|
|
5089
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5068
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PercentPipe, decorators: [{
|
|
5090
5069
|
type: Pipe,
|
|
5091
5070
|
args: [{
|
|
5092
5071
|
name: 'percent',
|
|
5093
|
-
standalone: true,
|
|
5094
5072
|
}]
|
|
5095
5073
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
5096
5074
|
type: Inject,
|
|
@@ -5113,7 +5091,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.0",
|
|
|
5113
5091
|
* into text strings, according to various format specifications,
|
|
5114
5092
|
* where the caller's default locale is `en-US`.
|
|
5115
5093
|
*
|
|
5116
|
-
*
|
|
5094
|
+
* {@example common/pipes/ts/currency_pipe.ts region='CurrencyPipe'}
|
|
5117
5095
|
*
|
|
5118
5096
|
* @publicApi
|
|
5119
5097
|
*/
|
|
@@ -5151,14 +5129,13 @@ class CurrencyPipe {
|
|
|
5151
5129
|
throw invalidPipeArgumentError(CurrencyPipe, error.message);
|
|
5152
5130
|
}
|
|
5153
5131
|
}
|
|
5154
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5155
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
5132
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: CurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5133
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: "currency" });
|
|
5156
5134
|
}
|
|
5157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: CurrencyPipe, decorators: [{
|
|
5158
5136
|
type: Pipe,
|
|
5159
5137
|
args: [{
|
|
5160
5138
|
name: 'currency',
|
|
5161
|
-
standalone: true,
|
|
5162
5139
|
}]
|
|
5163
5140
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
5164
5141
|
type: Inject,
|
|
@@ -5231,15 +5208,14 @@ class SlicePipe {
|
|
|
5231
5208
|
supports(obj) {
|
|
5232
5209
|
return typeof obj === 'string' || Array.isArray(obj);
|
|
5233
5210
|
}
|
|
5234
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5235
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
5211
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: SlicePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5212
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: SlicePipe, isStandalone: true, name: "slice", pure: false });
|
|
5236
5213
|
}
|
|
5237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5214
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: SlicePipe, decorators: [{
|
|
5238
5215
|
type: Pipe,
|
|
5239
5216
|
args: [{
|
|
5240
5217
|
name: 'slice',
|
|
5241
5218
|
pure: false,
|
|
5242
|
-
standalone: true,
|
|
5243
5219
|
}]
|
|
5244
5220
|
}] });
|
|
5245
5221
|
|
|
@@ -5278,11 +5254,11 @@ const COMMON_PIPES = [
|
|
|
5278
5254
|
* @publicApi
|
|
5279
5255
|
*/
|
|
5280
5256
|
class CommonModule {
|
|
5281
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5282
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
5283
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5257
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: CommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5258
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0-next.2", ngImport: i0, type: CommonModule, imports: [NgClass, NgComponentOutlet, NgForOf, NgIf, NgTemplateOutlet, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgPlural, NgPluralCase, AsyncPipe, UpperCasePipe, LowerCasePipe, JsonPipe, SlicePipe, DecimalPipe, PercentPipe, TitleCasePipe, CurrencyPipe, DatePipe, I18nPluralPipe, I18nSelectPipe, KeyValuePipe], exports: [NgClass, NgComponentOutlet, NgForOf, NgIf, NgTemplateOutlet, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgPlural, NgPluralCase, AsyncPipe, UpperCasePipe, LowerCasePipe, JsonPipe, SlicePipe, DecimalPipe, PercentPipe, TitleCasePipe, CurrencyPipe, DatePipe, I18nPluralPipe, I18nSelectPipe, KeyValuePipe] });
|
|
5259
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: CommonModule });
|
|
5284
5260
|
}
|
|
5285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: CommonModule, decorators: [{
|
|
5286
5262
|
type: NgModule,
|
|
5287
5263
|
args: [{
|
|
5288
5264
|
imports: [COMMON_DIRECTIVES, COMMON_PIPES],
|
|
@@ -5315,7 +5291,7 @@ function isPlatformServer(platformId) {
|
|
|
5315
5291
|
/**
|
|
5316
5292
|
* @publicApi
|
|
5317
5293
|
*/
|
|
5318
|
-
const VERSION = new Version('19.1.0-next.
|
|
5294
|
+
const VERSION = new Version('19.1.0-next.2');
|
|
5319
5295
|
|
|
5320
5296
|
/**
|
|
5321
5297
|
* Defines a scroll position manager. Implemented by `BrowserViewportScroller`.
|
|
@@ -5933,10 +5909,10 @@ class LCPImageObserver {
|
|
|
5933
5909
|
this.observer.disconnect();
|
|
5934
5910
|
this.images.clear();
|
|
5935
5911
|
}
|
|
5936
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5937
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5912
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: LCPImageObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5913
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: LCPImageObserver, providedIn: 'root' });
|
|
5938
5914
|
}
|
|
5939
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5915
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: LCPImageObserver, decorators: [{
|
|
5940
5916
|
type: Injectable,
|
|
5941
5917
|
args: [{ providedIn: 'root' }]
|
|
5942
5918
|
}], ctorParameters: () => [] });
|
|
@@ -5962,13 +5938,13 @@ const INTERNAL_PRECONNECT_CHECK_BLOCKLIST = new Set(['localhost', '127.0.0.1', '
|
|
|
5962
5938
|
* from the preconnect checks. It can either be a single string or an array of strings
|
|
5963
5939
|
* to represent a group of origins, for example:
|
|
5964
5940
|
*
|
|
5965
|
-
* ```
|
|
5941
|
+
* ```ts
|
|
5966
5942
|
* {provide: PRECONNECT_CHECK_BLOCKLIST, useValue: 'https://your-domain.com'}
|
|
5967
5943
|
* ```
|
|
5968
5944
|
*
|
|
5969
5945
|
* or:
|
|
5970
5946
|
*
|
|
5971
|
-
* ```
|
|
5947
|
+
* ```ts
|
|
5972
5948
|
* {provide: PRECONNECT_CHECK_BLOCKLIST,
|
|
5973
5949
|
* useValue: ['https://your-domain-1.com', 'https://your-domain-2.com']}
|
|
5974
5950
|
* ```
|
|
@@ -6060,10 +6036,10 @@ class PreconnectLinkChecker {
|
|
|
6060
6036
|
this.preconnectLinks?.clear();
|
|
6061
6037
|
this.alreadySeen.clear();
|
|
6062
6038
|
}
|
|
6063
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6064
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6039
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PreconnectLinkChecker, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6040
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PreconnectLinkChecker, providedIn: 'root' });
|
|
6065
6041
|
}
|
|
6066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6042
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PreconnectLinkChecker, decorators: [{
|
|
6067
6043
|
type: Injectable,
|
|
6068
6044
|
args: [{ providedIn: 'root' }]
|
|
6069
6045
|
}], ctorParameters: () => [] });
|
|
@@ -6150,10 +6126,10 @@ class PreloadLinkCreator {
|
|
|
6150
6126
|
}
|
|
6151
6127
|
renderer.appendChild(this.document.head, preload);
|
|
6152
6128
|
}
|
|
6153
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6154
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6129
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PreloadLinkCreator, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6130
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PreloadLinkCreator, providedIn: 'root' });
|
|
6155
6131
|
}
|
|
6156
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: PreloadLinkCreator, decorators: [{
|
|
6157
6133
|
type: Injectable,
|
|
6158
6134
|
args: [{ providedIn: 'root' }]
|
|
6159
6135
|
}] });
|
|
@@ -6283,7 +6259,7 @@ function resetImagePriorityCount() {
|
|
|
6283
6259
|
*
|
|
6284
6260
|
* Step 1: import the `NgOptimizedImage` directive.
|
|
6285
6261
|
*
|
|
6286
|
-
* ```
|
|
6262
|
+
* ```ts
|
|
6287
6263
|
* import { NgOptimizedImage } from '@angular/common';
|
|
6288
6264
|
*
|
|
6289
6265
|
* // Include it into the necessary NgModule
|
|
@@ -6294,7 +6270,6 @@ function resetImagePriorityCount() {
|
|
|
6294
6270
|
*
|
|
6295
6271
|
* // ... or a standalone Component
|
|
6296
6272
|
* @Component({
|
|
6297
|
-
* standalone: true
|
|
6298
6273
|
* imports: [NgOptimizedImage],
|
|
6299
6274
|
* })
|
|
6300
6275
|
* class MyStandaloneComponent {}
|
|
@@ -6309,7 +6284,7 @@ function resetImagePriorityCount() {
|
|
|
6309
6284
|
* To use an existing loader for a **third-party image service**: add the provider factory for your
|
|
6310
6285
|
* chosen service to the `providers` array. In the example below, the Imgix loader is used:
|
|
6311
6286
|
*
|
|
6312
|
-
* ```
|
|
6287
|
+
* ```ts
|
|
6313
6288
|
* import {provideImgixLoader} from '@angular/common';
|
|
6314
6289
|
*
|
|
6315
6290
|
* // Call the function and add the result to the `providers` array:
|
|
@@ -6330,7 +6305,7 @@ function resetImagePriorityCount() {
|
|
|
6330
6305
|
* To use a **custom loader**: provide your loader function as a value for the `IMAGE_LOADER` DI
|
|
6331
6306
|
* token.
|
|
6332
6307
|
*
|
|
6333
|
-
* ```
|
|
6308
|
+
* ```ts
|
|
6334
6309
|
* import {IMAGE_LOADER, ImageLoaderConfig} from '@angular/common';
|
|
6335
6310
|
*
|
|
6336
6311
|
* // Configure the loader using the `IMAGE_LOADER` token.
|
|
@@ -6346,7 +6321,7 @@ function resetImagePriorityCount() {
|
|
|
6346
6321
|
*
|
|
6347
6322
|
* Step 3: update `<img>` tags in templates to use `ngSrc` instead of `src`.
|
|
6348
6323
|
*
|
|
6349
|
-
* ```
|
|
6324
|
+
* ```html
|
|
6350
6325
|
* <img ngSrc="logo.png" width="200" height="100">
|
|
6351
6326
|
* ```
|
|
6352
6327
|
*
|
|
@@ -6725,13 +6700,12 @@ class NgOptimizedImage {
|
|
|
6725
6700
|
setHostAttribute(name, value) {
|
|
6726
6701
|
this.renderer.setAttribute(this.imgElement, name, value);
|
|
6727
6702
|
}
|
|
6728
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6729
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.0-next.
|
|
6703
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgOptimizedImage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6704
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.1.0-next.2", type: NgOptimizedImage, isStandalone: true, selector: "img[ngSrc]", inputs: { ngSrc: ["ngSrc", "ngSrc", unwrapSafeUrl], ngSrcset: "ngSrcset", sizes: "sizes", width: ["width", "width", numberAttribute], height: ["height", "height", numberAttribute], loading: "loading", priority: ["priority", "priority", booleanAttribute], loaderParams: "loaderParams", disableOptimizedSrcset: ["disableOptimizedSrcset", "disableOptimizedSrcset", booleanAttribute], fill: ["fill", "fill", booleanAttribute], placeholder: ["placeholder", "placeholder", booleanOrUrlAttribute], placeholderConfig: "placeholderConfig", src: "src", srcset: "srcset" }, host: { properties: { "style.position": "fill ? \"absolute\" : null", "style.width": "fill ? \"100%\" : null", "style.height": "fill ? \"100%\" : null", "style.inset": "fill ? \"0\" : null", "style.background-size": "placeholder ? \"cover\" : null", "style.background-position": "placeholder ? \"50% 50%\" : null", "style.background-repeat": "placeholder ? \"no-repeat\" : null", "style.background-image": "placeholder ? generatePlaceholder(placeholder) : null", "style.filter": "placeholder && shouldBlurPlaceholder(placeholderConfig) ? \"blur(15px)\" : null" } }, usesOnChanges: true, ngImport: i0 });
|
|
6730
6705
|
}
|
|
6731
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6706
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.2", ngImport: i0, type: NgOptimizedImage, decorators: [{
|
|
6732
6707
|
type: Directive,
|
|
6733
6708
|
args: [{
|
|
6734
|
-
standalone: true,
|
|
6735
6709
|
selector: 'img[ngSrc]',
|
|
6736
6710
|
host: {
|
|
6737
6711
|
'[style.position]': 'fill ? "absolute" : null',
|