@angular/common 19.1.0-next.1 → 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 -160
- package/fesm2022/common.mjs.map +1 -1
- package/fesm2022/http/testing.mjs +8 -8
- package/fesm2022/http.mjs +44 -44
- package/fesm2022/http.mjs.map +1 -1
- package/fesm2022/testing.mjs +16 -16
- package/fesm2022/upgrade.mjs +5 -5
- package/http/index.d.ts +10 -10
- package/http/testing/index.d.ts +1 -1
- package/index.d.ts +43 -44
- 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.1",
|
|
|
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.1",
|
|
|
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,10 +2848,10 @@ 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]',
|
|
@@ -2897,19 +2896,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.1",
|
|
|
2897
2896
|
* ### Syntax
|
|
2898
2897
|
*
|
|
2899
2898
|
* Simple
|
|
2900
|
-
* ```
|
|
2899
|
+
* ```html
|
|
2901
2900
|
* <ng-container *ngComponentOutlet="componentTypeExpression"></ng-container>
|
|
2902
2901
|
* ```
|
|
2903
2902
|
*
|
|
2904
2903
|
* With inputs
|
|
2905
|
-
* ```
|
|
2904
|
+
* ```html
|
|
2906
2905
|
* <ng-container *ngComponentOutlet="componentTypeExpression;
|
|
2907
2906
|
* inputs: inputsExpression;">
|
|
2908
2907
|
* </ng-container>
|
|
2909
2908
|
* ```
|
|
2910
2909
|
*
|
|
2911
2910
|
* Customized injector/content
|
|
2912
|
-
* ```
|
|
2911
|
+
* ```html
|
|
2913
2912
|
* <ng-container *ngComponentOutlet="componentTypeExpression;
|
|
2914
2913
|
* injector: injectorExpression;
|
|
2915
2914
|
* content: contentNodesExpression;">
|
|
@@ -2917,7 +2916,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.1",
|
|
|
2917
2916
|
* ```
|
|
2918
2917
|
*
|
|
2919
2918
|
* Customized NgModule reference
|
|
2920
|
-
* ```
|
|
2919
|
+
* ```html
|
|
2921
2920
|
* <ng-container *ngComponentOutlet="componentTypeExpression;
|
|
2922
2921
|
* ngModule: ngModuleClass;">
|
|
2923
2922
|
* </ng-container>
|
|
@@ -3039,10 +3038,10 @@ class NgComponentOutlet {
|
|
|
3039
3038
|
}
|
|
3040
3039
|
}
|
|
3041
3040
|
}
|
|
3042
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3043
|
-
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 });
|
|
3044
3043
|
}
|
|
3045
|
-
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: [{
|
|
3046
3045
|
type: Directive,
|
|
3047
3046
|
args: [{
|
|
3048
3047
|
selector: '[ngComponentOutlet]',
|
|
@@ -3124,7 +3123,7 @@ class NgForOfContext {
|
|
|
3124
3123
|
* The following example shows the shorthand syntax with some options,
|
|
3125
3124
|
* contained in an `<li>` element.
|
|
3126
3125
|
*
|
|
3127
|
-
* ```
|
|
3126
|
+
* ```html
|
|
3128
3127
|
* <li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>
|
|
3129
3128
|
* ```
|
|
3130
3129
|
*
|
|
@@ -3135,7 +3134,7 @@ class NgForOfContext {
|
|
|
3135
3134
|
*
|
|
3136
3135
|
* Here is the expanded version of the short-form example.
|
|
3137
3136
|
*
|
|
3138
|
-
* ```
|
|
3137
|
+
* ```html
|
|
3139
3138
|
* <ng-template ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn">
|
|
3140
3139
|
* <li>...</li>
|
|
3141
3140
|
* </ng-template>
|
|
@@ -3159,7 +3158,7 @@ class NgForOfContext {
|
|
|
3159
3158
|
* `NgForOf` provides exported values that can be aliased to local variables.
|
|
3160
3159
|
* For example:
|
|
3161
3160
|
*
|
|
3162
|
-
* ```
|
|
3161
|
+
* ```html
|
|
3163
3162
|
* <li *ngFor="let user of users; index as i; first as isFirst">
|
|
3164
3163
|
* {{i}}/{{users.length}}. {{user}} <span *ngIf="isFirst">default</span>
|
|
3165
3164
|
* </li>
|
|
@@ -3349,10 +3348,10 @@ class NgForOf {
|
|
|
3349
3348
|
static ngTemplateContextGuard(dir, ctx) {
|
|
3350
3349
|
return true;
|
|
3351
3350
|
}
|
|
3352
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3353
|
-
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 });
|
|
3354
3353
|
}
|
|
3355
|
-
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: [{
|
|
3356
3355
|
type: Directive,
|
|
3357
3356
|
args: [{
|
|
3358
3357
|
selector: '[ngFor][ngForOf]',
|
|
@@ -3387,27 +3386,27 @@ function getTypeName(type) {
|
|
|
3387
3386
|
*
|
|
3388
3387
|
* Simple form with shorthand syntax:
|
|
3389
3388
|
*
|
|
3390
|
-
* ```
|
|
3389
|
+
* ```html
|
|
3391
3390
|
* <div *ngIf="condition">Content to render when condition is true.</div>
|
|
3392
3391
|
* ```
|
|
3393
3392
|
*
|
|
3394
3393
|
* Simple form with expanded syntax:
|
|
3395
3394
|
*
|
|
3396
|
-
* ```
|
|
3395
|
+
* ```html
|
|
3397
3396
|
* <ng-template [ngIf]="condition"><div>Content to render when condition is
|
|
3398
3397
|
* true.</div></ng-template>
|
|
3399
3398
|
* ```
|
|
3400
3399
|
*
|
|
3401
3400
|
* Form with an "else" block:
|
|
3402
3401
|
*
|
|
3403
|
-
* ```
|
|
3402
|
+
* ```html
|
|
3404
3403
|
* <div *ngIf="condition; else elseBlock">Content to render when condition is true.</div>
|
|
3405
3404
|
* <ng-template #elseBlock>Content to render when condition is false.</ng-template>
|
|
3406
3405
|
* ```
|
|
3407
3406
|
*
|
|
3408
3407
|
* Shorthand form with "then" and "else" blocks:
|
|
3409
3408
|
*
|
|
3410
|
-
* ```
|
|
3409
|
+
* ```html
|
|
3411
3410
|
* <div *ngIf="condition; then thenBlock else elseBlock"></div>
|
|
3412
3411
|
* <ng-template #thenBlock>Content to render when condition is true.</ng-template>
|
|
3413
3412
|
* <ng-template #elseBlock>Content to render when condition is false.</ng-template>
|
|
@@ -3415,7 +3414,7 @@ function getTypeName(type) {
|
|
|
3415
3414
|
*
|
|
3416
3415
|
* Form with storing the value locally:
|
|
3417
3416
|
*
|
|
3418
|
-
* ```
|
|
3417
|
+
* ```html
|
|
3419
3418
|
* <div *ngIf="condition as value; else elseBlock">{{value}}</div>
|
|
3420
3419
|
* <ng-template #elseBlock>Content to render when value is null.</ng-template>
|
|
3421
3420
|
* ```
|
|
@@ -3472,7 +3471,7 @@ function getTypeName(type) {
|
|
|
3472
3471
|
* for the "then" and "else" clauses. For example, consider the following shorthand statement,
|
|
3473
3472
|
* that is meant to show a loading page while waiting for data to be loaded.
|
|
3474
3473
|
*
|
|
3475
|
-
* ```
|
|
3474
|
+
* ```html
|
|
3476
3475
|
* <div class="hero-list" *ngIf="heroes else loading">
|
|
3477
3476
|
* ...
|
|
3478
3477
|
* </div>
|
|
@@ -3491,7 +3490,7 @@ function getTypeName(type) {
|
|
|
3491
3490
|
* The anchor element containing the template for the "then" clause becomes
|
|
3492
3491
|
* the content of this unlabeled `<ng-template>` tag.
|
|
3493
3492
|
*
|
|
3494
|
-
* ```
|
|
3493
|
+
* ```html
|
|
3495
3494
|
* <ng-template [ngIf]="heroes" [ngIfElse]="loading">
|
|
3496
3495
|
* <div class="hero-list">
|
|
3497
3496
|
* ...
|
|
@@ -3586,10 +3585,10 @@ class NgIf {
|
|
|
3586
3585
|
static ngTemplateContextGuard(dir, ctx) {
|
|
3587
3586
|
return true;
|
|
3588
3587
|
}
|
|
3589
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3590
|
-
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 });
|
|
3591
3590
|
}
|
|
3592
|
-
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: [{
|
|
3593
3592
|
type: Directive,
|
|
3594
3593
|
args: [{
|
|
3595
3594
|
selector: '[ngIf]',
|
|
@@ -3655,14 +3654,14 @@ class SwitchView {
|
|
|
3655
3654
|
* Define a container element for the directive, and specify the switch expression
|
|
3656
3655
|
* to match against as an attribute:
|
|
3657
3656
|
*
|
|
3658
|
-
* ```
|
|
3657
|
+
* ```html
|
|
3659
3658
|
* <container-element [ngSwitch]="switch_expression">
|
|
3660
3659
|
* ```
|
|
3661
3660
|
*
|
|
3662
3661
|
* Within the container, `*ngSwitchCase` statements specify the match expressions
|
|
3663
3662
|
* as attributes. Include `*ngSwitchDefault` as the final case.
|
|
3664
3663
|
*
|
|
3665
|
-
* ```
|
|
3664
|
+
* ```html
|
|
3666
3665
|
* <container-element [ngSwitch]="switch_expression">
|
|
3667
3666
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3668
3667
|
* ...
|
|
@@ -3674,7 +3673,7 @@ class SwitchView {
|
|
|
3674
3673
|
*
|
|
3675
3674
|
* The following example shows how to use more than one case to display the same view:
|
|
3676
3675
|
*
|
|
3677
|
-
* ```
|
|
3676
|
+
* ```html
|
|
3678
3677
|
* <container-element [ngSwitch]="switch_expression">
|
|
3679
3678
|
* <!-- the same view can be shown in more than one case -->
|
|
3680
3679
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
@@ -3686,7 +3685,7 @@ class SwitchView {
|
|
|
3686
3685
|
* ```
|
|
3687
3686
|
*
|
|
3688
3687
|
* The following example shows how cases can be nested:
|
|
3689
|
-
* ```
|
|
3688
|
+
* ```html
|
|
3690
3689
|
* <container-element [ngSwitch]="switch_expression">
|
|
3691
3690
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3692
3691
|
* <some-element *ngSwitchCase="match_expression_2">...</some-element>
|
|
@@ -3747,10 +3746,10 @@ class NgSwitch {
|
|
|
3747
3746
|
}
|
|
3748
3747
|
}
|
|
3749
3748
|
}
|
|
3750
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3751
|
-
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 });
|
|
3752
3751
|
}
|
|
3753
|
-
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: [{
|
|
3754
3753
|
type: Directive,
|
|
3755
3754
|
args: [{
|
|
3756
3755
|
selector: '[ngSwitch]',
|
|
@@ -3771,7 +3770,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.1",
|
|
|
3771
3770
|
* Within a switch container, `*ngSwitchCase` statements specify the match expressions
|
|
3772
3771
|
* as attributes. Include `*ngSwitchDefault` as the final case.
|
|
3773
3772
|
*
|
|
3774
|
-
* ```
|
|
3773
|
+
* ```html
|
|
3775
3774
|
* <container-element [ngSwitch]="switch_expression">
|
|
3776
3775
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3777
3776
|
* ...
|
|
@@ -3813,10 +3812,10 @@ class NgSwitchCase {
|
|
|
3813
3812
|
ngDoCheck() {
|
|
3814
3813
|
this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase));
|
|
3815
3814
|
}
|
|
3816
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3817
|
-
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 });
|
|
3818
3817
|
}
|
|
3819
|
-
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: [{
|
|
3820
3819
|
type: Directive,
|
|
3821
3820
|
args: [{
|
|
3822
3821
|
selector: '[ngSwitchCase]',
|
|
@@ -3849,10 +3848,10 @@ class NgSwitchDefault {
|
|
|
3849
3848
|
}
|
|
3850
3849
|
ngSwitch._addDefault(new SwitchView(viewContainer, templateRef));
|
|
3851
3850
|
}
|
|
3852
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3853
|
-
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 });
|
|
3854
3853
|
}
|
|
3855
|
-
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: [{
|
|
3856
3855
|
type: Directive,
|
|
3857
3856
|
args: [{
|
|
3858
3857
|
selector: '[ngSwitchDefault]',
|
|
@@ -3875,7 +3874,7 @@ function stringifyValue(value) {
|
|
|
3875
3874
|
* @ngModule CommonModule
|
|
3876
3875
|
*
|
|
3877
3876
|
* @usageNotes
|
|
3878
|
-
* ```
|
|
3877
|
+
* ```html
|
|
3879
3878
|
* <some-element [ngPlural]="value">
|
|
3880
3879
|
* <ng-template ngPluralCase="=0">there is nothing</ng-template>
|
|
3881
3880
|
* <ng-template ngPluralCase="=1">there is one</ng-template>
|
|
@@ -3931,10 +3930,10 @@ class NgPlural {
|
|
|
3931
3930
|
this._activeView.create();
|
|
3932
3931
|
}
|
|
3933
3932
|
}
|
|
3934
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3935
|
-
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 });
|
|
3936
3935
|
}
|
|
3937
|
-
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: [{
|
|
3938
3937
|
type: Directive,
|
|
3939
3938
|
args: [{
|
|
3940
3939
|
selector: '[ngPlural]',
|
|
@@ -3951,7 +3950,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.1",
|
|
|
3951
3950
|
* given expression matches the plural expression according to CLDR rules.
|
|
3952
3951
|
*
|
|
3953
3952
|
* @usageNotes
|
|
3954
|
-
* ```
|
|
3953
|
+
* ```html
|
|
3955
3954
|
* <some-element [ngPlural]="value">
|
|
3956
3955
|
* <ng-template ngPluralCase="=0">...</ng-template>
|
|
3957
3956
|
* <ng-template ngPluralCase="other">...</ng-template>
|
|
@@ -3969,10 +3968,10 @@ class NgPluralCase {
|
|
|
3969
3968
|
const isANumber = !isNaN(Number(value));
|
|
3970
3969
|
ngPlural.addCase(isANumber ? `=${value}` : value, new SwitchView(viewContainer, template));
|
|
3971
3970
|
}
|
|
3972
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
3973
|
-
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 });
|
|
3974
3973
|
}
|
|
3975
|
-
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: [{
|
|
3976
3975
|
type: Directive,
|
|
3977
3976
|
args: [{
|
|
3978
3977
|
selector: '[ngPluralCase]',
|
|
@@ -3991,19 +3990,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.1",
|
|
|
3991
3990
|
*
|
|
3992
3991
|
* Set the font of the containing element to the result of an expression.
|
|
3993
3992
|
*
|
|
3994
|
-
* ```
|
|
3993
|
+
* ```html
|
|
3995
3994
|
* <some-element [ngStyle]="{'font-style': styleExp}">...</some-element>
|
|
3996
3995
|
* ```
|
|
3997
3996
|
*
|
|
3998
3997
|
* Set the width of the containing element to a pixel value returned by an expression.
|
|
3999
3998
|
*
|
|
4000
|
-
* ```
|
|
3999
|
+
* ```html
|
|
4001
4000
|
* <some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>
|
|
4002
4001
|
* ```
|
|
4003
4002
|
*
|
|
4004
4003
|
* Set a collection of style values using an expression that returns key-value pairs.
|
|
4005
4004
|
*
|
|
4006
|
-
* ```
|
|
4005
|
+
* ```html
|
|
4007
4006
|
* <some-element [ngStyle]="objExp">...</some-element>
|
|
4008
4007
|
* ```
|
|
4009
4008
|
*
|
|
@@ -4060,10 +4059,10 @@ class NgStyle {
|
|
|
4060
4059
|
changes.forEachAddedItem((record) => this._setStyle(record.key, record.currentValue));
|
|
4061
4060
|
changes.forEachChangedItem((record) => this._setStyle(record.key, record.currentValue));
|
|
4062
4061
|
}
|
|
4063
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4064
|
-
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 });
|
|
4065
4064
|
}
|
|
4066
|
-
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: [{
|
|
4067
4066
|
type: Directive,
|
|
4068
4067
|
args: [{
|
|
4069
4068
|
selector: '[ngStyle]',
|
|
@@ -4085,7 +4084,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.1",
|
|
|
4085
4084
|
* by the local template `let` declarations.
|
|
4086
4085
|
*
|
|
4087
4086
|
* @usageNotes
|
|
4088
|
-
* ```
|
|
4087
|
+
* ```html
|
|
4089
4088
|
* <ng-container *ngTemplateOutlet="templateRefExp; context: contextExp"></ng-container>
|
|
4090
4089
|
* ```
|
|
4091
4090
|
*
|
|
@@ -4164,10 +4163,10 @@ class NgTemplateOutlet {
|
|
|
4164
4163
|
},
|
|
4165
4164
|
});
|
|
4166
4165
|
}
|
|
4167
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4168
|
-
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 });
|
|
4169
4168
|
}
|
|
4170
|
-
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: [{
|
|
4171
4170
|
type: Directive,
|
|
4172
4171
|
args: [{
|
|
4173
4172
|
selector: '[ngTemplateOutlet]',
|
|
@@ -4335,10 +4334,10 @@ class AsyncPipe {
|
|
|
4335
4334
|
}
|
|
4336
4335
|
}
|
|
4337
4336
|
}
|
|
4338
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4339
|
-
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 });
|
|
4340
4339
|
}
|
|
4341
|
-
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: [{
|
|
4342
4341
|
type: Pipe,
|
|
4343
4342
|
args: [{
|
|
4344
4343
|
name: 'async',
|
|
@@ -4356,7 +4355,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.1",
|
|
|
4356
4355
|
* The following example defines a view that allows the user to enter
|
|
4357
4356
|
* text, and then uses the pipe to convert the input text to all lower case.
|
|
4358
4357
|
*
|
|
4359
|
-
*
|
|
4358
|
+
* {@example common/pipes/ts/lowerupper_pipe.ts region='LowerUpperPipe'}
|
|
4360
4359
|
*
|
|
4361
4360
|
* @ngModule CommonModule
|
|
4362
4361
|
* @publicApi
|
|
@@ -4370,10 +4369,10 @@ class LowerCasePipe {
|
|
|
4370
4369
|
}
|
|
4371
4370
|
return value.toLowerCase();
|
|
4372
4371
|
}
|
|
4373
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4374
|
-
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" });
|
|
4375
4374
|
}
|
|
4376
|
-
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: [{
|
|
4377
4376
|
type: Pipe,
|
|
4378
4377
|
args: [{
|
|
4379
4378
|
name: 'lowercase',
|
|
@@ -4400,7 +4399,7 @@ const unicodeWordMatch = /(?:[0-9A-Za-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1
|
|
|
4400
4399
|
* @usageNotes
|
|
4401
4400
|
* The following example shows the result of transforming various strings into title case.
|
|
4402
4401
|
*
|
|
4403
|
-
*
|
|
4402
|
+
* {@example common/pipes/ts/titlecase_pipe.ts region='TitleCasePipe'}
|
|
4404
4403
|
*
|
|
4405
4404
|
* @ngModule CommonModule
|
|
4406
4405
|
* @publicApi
|
|
@@ -4414,10 +4413,10 @@ class TitleCasePipe {
|
|
|
4414
4413
|
}
|
|
4415
4414
|
return value.replace(unicodeWordMatch, (txt) => txt[0].toUpperCase() + txt.slice(1).toLowerCase());
|
|
4416
4415
|
}
|
|
4417
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4418
|
-
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" });
|
|
4419
4418
|
}
|
|
4420
|
-
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: [{
|
|
4421
4420
|
type: Pipe,
|
|
4422
4421
|
args: [{
|
|
4423
4422
|
name: 'titlecase',
|
|
@@ -4440,10 +4439,10 @@ class UpperCasePipe {
|
|
|
4440
4439
|
}
|
|
4441
4440
|
return value.toUpperCase();
|
|
4442
4441
|
}
|
|
4443
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4444
|
-
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" });
|
|
4445
4444
|
}
|
|
4446
|
-
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: [{
|
|
4447
4446
|
type: Pipe,
|
|
4448
4447
|
args: [{
|
|
4449
4448
|
name: 'uppercase',
|
|
@@ -4481,14 +4480,14 @@ const DATE_PIPE_DEFAULT_TIMEZONE = new InjectionToken(ngDevMode ? 'DATE_PIPE_DEF
|
|
|
4481
4480
|
* For example:
|
|
4482
4481
|
*
|
|
4483
4482
|
* Override the default date format by providing a value using the token:
|
|
4484
|
-
* ```
|
|
4483
|
+
* ```ts
|
|
4485
4484
|
* providers: [
|
|
4486
4485
|
* {provide: DATE_PIPE_DEFAULT_OPTIONS, useValue: {dateFormat: 'shortDate'}}
|
|
4487
4486
|
* ]
|
|
4488
4487
|
* ```
|
|
4489
4488
|
*
|
|
4490
4489
|
* Override the default timezone by providing a value using the token:
|
|
4491
|
-
* ```
|
|
4490
|
+
* ```ts
|
|
4492
4491
|
* providers: [
|
|
4493
4492
|
* {provide: DATE_PIPE_DEFAULT_OPTIONS, useValue: {timezone: '-1200'}}
|
|
4494
4493
|
* ]
|
|
@@ -4636,7 +4635,7 @@ const DATE_PIPE_DEFAULT_OPTIONS = new InjectionToken(ngDevMode ? 'DATE_PIPE_DEFA
|
|
|
4636
4635
|
*
|
|
4637
4636
|
* The following component uses a date pipe to display the current date in different formats.
|
|
4638
4637
|
*
|
|
4639
|
-
* ```
|
|
4638
|
+
* ```angular-ts
|
|
4640
4639
|
* @Component({
|
|
4641
4640
|
* selector: 'date-pipe',
|
|
4642
4641
|
* template: `<div>
|
|
@@ -4674,10 +4673,10 @@ class DatePipe {
|
|
|
4674
4673
|
throw invalidPipeArgumentError(DatePipe, error.message);
|
|
4675
4674
|
}
|
|
4676
4675
|
}
|
|
4677
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4678
|
-
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" });
|
|
4679
4678
|
}
|
|
4680
|
-
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: [{
|
|
4681
4680
|
type: Pipe,
|
|
4682
4681
|
args: [{
|
|
4683
4682
|
name: 'date',
|
|
@@ -4733,10 +4732,10 @@ class I18nPluralPipe {
|
|
|
4733
4732
|
const key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale);
|
|
4734
4733
|
return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());
|
|
4735
4734
|
}
|
|
4736
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4737
|
-
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" });
|
|
4738
4737
|
}
|
|
4739
|
-
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: [{
|
|
4740
4739
|
type: Pipe,
|
|
4741
4740
|
args: [{
|
|
4742
4741
|
name: 'i18nPlural',
|
|
@@ -4780,10 +4779,10 @@ class I18nSelectPipe {
|
|
|
4780
4779
|
}
|
|
4781
4780
|
return '';
|
|
4782
4781
|
}
|
|
4783
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4784
|
-
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" });
|
|
4785
4784
|
}
|
|
4786
|
-
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: [{
|
|
4787
4786
|
type: Pipe,
|
|
4788
4787
|
args: [{
|
|
4789
4788
|
name: 'i18nSelect',
|
|
@@ -4812,10 +4811,10 @@ class JsonPipe {
|
|
|
4812
4811
|
transform(value) {
|
|
4813
4812
|
return JSON.stringify(value, null, 2);
|
|
4814
4813
|
}
|
|
4815
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4816
|
-
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 });
|
|
4817
4816
|
}
|
|
4818
|
-
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: [{
|
|
4819
4818
|
type: Pipe,
|
|
4820
4819
|
args: [{
|
|
4821
4820
|
name: 'json',
|
|
@@ -4877,10 +4876,10 @@ class KeyValuePipe {
|
|
|
4877
4876
|
}
|
|
4878
4877
|
return this.keyValues;
|
|
4879
4878
|
}
|
|
4880
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
4881
|
-
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 });
|
|
4882
4881
|
}
|
|
4883
|
-
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: [{
|
|
4884
4883
|
type: Pipe,
|
|
4885
4884
|
args: [{
|
|
4886
4885
|
name: 'keyvalue',
|
|
@@ -4977,7 +4976,7 @@ function defaultComparator(keyValueA, keyValueB) {
|
|
|
4977
4976
|
* according to various format specifications,
|
|
4978
4977
|
* where the caller's default locale is `en-US`.
|
|
4979
4978
|
*
|
|
4980
|
-
*
|
|
4979
|
+
* {@example common/pipes/ts/number_pipe.ts region='NumberPipe'}
|
|
4981
4980
|
*
|
|
4982
4981
|
* @publicApi
|
|
4983
4982
|
*/
|
|
@@ -4998,10 +4997,10 @@ class DecimalPipe {
|
|
|
4998
4997
|
throw invalidPipeArgumentError(DecimalPipe, error.message);
|
|
4999
4998
|
}
|
|
5000
4999
|
}
|
|
5001
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5002
|
-
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" });
|
|
5003
5002
|
}
|
|
5004
|
-
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: [{
|
|
5005
5004
|
type: Pipe,
|
|
5006
5005
|
args: [{
|
|
5007
5006
|
name: 'number',
|
|
@@ -5026,7 +5025,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.1",
|
|
|
5026
5025
|
* into text strings, according to various format specifications,
|
|
5027
5026
|
* where the caller's default locale is `en-US`.
|
|
5028
5027
|
*
|
|
5029
|
-
*
|
|
5028
|
+
* {@example common/pipes/ts/percent_pipe.ts region='PercentPipe'}
|
|
5030
5029
|
*
|
|
5031
5030
|
* @publicApi
|
|
5032
5031
|
*/
|
|
@@ -5063,10 +5062,10 @@ class PercentPipe {
|
|
|
5063
5062
|
throw invalidPipeArgumentError(PercentPipe, error.message);
|
|
5064
5063
|
}
|
|
5065
5064
|
}
|
|
5066
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5067
|
-
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" });
|
|
5068
5067
|
}
|
|
5069
|
-
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: [{
|
|
5070
5069
|
type: Pipe,
|
|
5071
5070
|
args: [{
|
|
5072
5071
|
name: 'percent',
|
|
@@ -5092,7 +5091,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.0-next.1",
|
|
|
5092
5091
|
* into text strings, according to various format specifications,
|
|
5093
5092
|
* where the caller's default locale is `en-US`.
|
|
5094
5093
|
*
|
|
5095
|
-
*
|
|
5094
|
+
* {@example common/pipes/ts/currency_pipe.ts region='CurrencyPipe'}
|
|
5096
5095
|
*
|
|
5097
5096
|
* @publicApi
|
|
5098
5097
|
*/
|
|
@@ -5130,10 +5129,10 @@ class CurrencyPipe {
|
|
|
5130
5129
|
throw invalidPipeArgumentError(CurrencyPipe, error.message);
|
|
5131
5130
|
}
|
|
5132
5131
|
}
|
|
5133
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5134
|
-
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" });
|
|
5135
5134
|
}
|
|
5136
|
-
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: [{
|
|
5137
5136
|
type: Pipe,
|
|
5138
5137
|
args: [{
|
|
5139
5138
|
name: 'currency',
|
|
@@ -5209,10 +5208,10 @@ class SlicePipe {
|
|
|
5209
5208
|
supports(obj) {
|
|
5210
5209
|
return typeof obj === 'string' || Array.isArray(obj);
|
|
5211
5210
|
}
|
|
5212
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5213
|
-
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 });
|
|
5214
5213
|
}
|
|
5215
|
-
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: [{
|
|
5216
5215
|
type: Pipe,
|
|
5217
5216
|
args: [{
|
|
5218
5217
|
name: 'slice',
|
|
@@ -5255,11 +5254,11 @@ const COMMON_PIPES = [
|
|
|
5255
5254
|
* @publicApi
|
|
5256
5255
|
*/
|
|
5257
5256
|
class CommonModule {
|
|
5258
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5259
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.0-next.
|
|
5260
|
-
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 });
|
|
5261
5260
|
}
|
|
5262
|
-
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: [{
|
|
5263
5262
|
type: NgModule,
|
|
5264
5263
|
args: [{
|
|
5265
5264
|
imports: [COMMON_DIRECTIVES, COMMON_PIPES],
|
|
@@ -5292,7 +5291,7 @@ function isPlatformServer(platformId) {
|
|
|
5292
5291
|
/**
|
|
5293
5292
|
* @publicApi
|
|
5294
5293
|
*/
|
|
5295
|
-
const VERSION = new Version('19.1.0-next.
|
|
5294
|
+
const VERSION = new Version('19.1.0-next.2');
|
|
5296
5295
|
|
|
5297
5296
|
/**
|
|
5298
5297
|
* Defines a scroll position manager. Implemented by `BrowserViewportScroller`.
|
|
@@ -5910,10 +5909,10 @@ class LCPImageObserver {
|
|
|
5910
5909
|
this.observer.disconnect();
|
|
5911
5910
|
this.images.clear();
|
|
5912
5911
|
}
|
|
5913
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
5914
|
-
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' });
|
|
5915
5914
|
}
|
|
5916
|
-
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: [{
|
|
5917
5916
|
type: Injectable,
|
|
5918
5917
|
args: [{ providedIn: 'root' }]
|
|
5919
5918
|
}], ctorParameters: () => [] });
|
|
@@ -5939,13 +5938,13 @@ const INTERNAL_PRECONNECT_CHECK_BLOCKLIST = new Set(['localhost', '127.0.0.1', '
|
|
|
5939
5938
|
* from the preconnect checks. It can either be a single string or an array of strings
|
|
5940
5939
|
* to represent a group of origins, for example:
|
|
5941
5940
|
*
|
|
5942
|
-
* ```
|
|
5941
|
+
* ```ts
|
|
5943
5942
|
* {provide: PRECONNECT_CHECK_BLOCKLIST, useValue: 'https://your-domain.com'}
|
|
5944
5943
|
* ```
|
|
5945
5944
|
*
|
|
5946
5945
|
* or:
|
|
5947
5946
|
*
|
|
5948
|
-
* ```
|
|
5947
|
+
* ```ts
|
|
5949
5948
|
* {provide: PRECONNECT_CHECK_BLOCKLIST,
|
|
5950
5949
|
* useValue: ['https://your-domain-1.com', 'https://your-domain-2.com']}
|
|
5951
5950
|
* ```
|
|
@@ -6037,10 +6036,10 @@ class PreconnectLinkChecker {
|
|
|
6037
6036
|
this.preconnectLinks?.clear();
|
|
6038
6037
|
this.alreadySeen.clear();
|
|
6039
6038
|
}
|
|
6040
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6041
|
-
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' });
|
|
6042
6041
|
}
|
|
6043
|
-
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: [{
|
|
6044
6043
|
type: Injectable,
|
|
6045
6044
|
args: [{ providedIn: 'root' }]
|
|
6046
6045
|
}], ctorParameters: () => [] });
|
|
@@ -6127,10 +6126,10 @@ class PreloadLinkCreator {
|
|
|
6127
6126
|
}
|
|
6128
6127
|
renderer.appendChild(this.document.head, preload);
|
|
6129
6128
|
}
|
|
6130
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6131
|
-
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' });
|
|
6132
6131
|
}
|
|
6133
|
-
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: [{
|
|
6134
6133
|
type: Injectable,
|
|
6135
6134
|
args: [{ providedIn: 'root' }]
|
|
6136
6135
|
}] });
|
|
@@ -6260,7 +6259,7 @@ function resetImagePriorityCount() {
|
|
|
6260
6259
|
*
|
|
6261
6260
|
* Step 1: import the `NgOptimizedImage` directive.
|
|
6262
6261
|
*
|
|
6263
|
-
* ```
|
|
6262
|
+
* ```ts
|
|
6264
6263
|
* import { NgOptimizedImage } from '@angular/common';
|
|
6265
6264
|
*
|
|
6266
6265
|
* // Include it into the necessary NgModule
|
|
@@ -6285,7 +6284,7 @@ function resetImagePriorityCount() {
|
|
|
6285
6284
|
* To use an existing loader for a **third-party image service**: add the provider factory for your
|
|
6286
6285
|
* chosen service to the `providers` array. In the example below, the Imgix loader is used:
|
|
6287
6286
|
*
|
|
6288
|
-
* ```
|
|
6287
|
+
* ```ts
|
|
6289
6288
|
* import {provideImgixLoader} from '@angular/common';
|
|
6290
6289
|
*
|
|
6291
6290
|
* // Call the function and add the result to the `providers` array:
|
|
@@ -6306,7 +6305,7 @@ function resetImagePriorityCount() {
|
|
|
6306
6305
|
* To use a **custom loader**: provide your loader function as a value for the `IMAGE_LOADER` DI
|
|
6307
6306
|
* token.
|
|
6308
6307
|
*
|
|
6309
|
-
* ```
|
|
6308
|
+
* ```ts
|
|
6310
6309
|
* import {IMAGE_LOADER, ImageLoaderConfig} from '@angular/common';
|
|
6311
6310
|
*
|
|
6312
6311
|
* // Configure the loader using the `IMAGE_LOADER` token.
|
|
@@ -6322,7 +6321,7 @@ function resetImagePriorityCount() {
|
|
|
6322
6321
|
*
|
|
6323
6322
|
* Step 3: update `<img>` tags in templates to use `ngSrc` instead of `src`.
|
|
6324
6323
|
*
|
|
6325
|
-
* ```
|
|
6324
|
+
* ```html
|
|
6326
6325
|
* <img ngSrc="logo.png" width="200" height="100">
|
|
6327
6326
|
* ```
|
|
6328
6327
|
*
|
|
@@ -6701,10 +6700,10 @@ class NgOptimizedImage {
|
|
|
6701
6700
|
setHostAttribute(name, value) {
|
|
6702
6701
|
this.renderer.setAttribute(this.imgElement, name, value);
|
|
6703
6702
|
}
|
|
6704
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.0-next.
|
|
6705
|
-
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 });
|
|
6706
6705
|
}
|
|
6707
|
-
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: [{
|
|
6708
6707
|
type: Directive,
|
|
6709
6708
|
args: [{
|
|
6710
6709
|
selector: 'img[ngSrc]',
|