@angular/common 19.0.1 → 19.0.3
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.0.
|
|
2
|
+
* @license Angular v19.0.3
|
|
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.0.
|
|
35
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
34
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PlatformNavigation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
35
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PlatformNavigation, providedIn: 'platform', useFactory: () => window.navigation });
|
|
36
36
|
}
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
37
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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.0.
|
|
78
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
77
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PlatformLocation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
78
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PlatformLocation, providedIn: 'platform', useFactory: () => inject(BrowserPlatformLocation) });
|
|
79
79
|
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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.0.
|
|
163
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
162
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: BrowserPlatformLocation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
163
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: BrowserPlatformLocation, providedIn: 'platform', useFactory: () => new BrowserPlatformLocation() });
|
|
164
164
|
}
|
|
165
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
165
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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.0.
|
|
252
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
251
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
252
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) });
|
|
253
253
|
}
|
|
254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
254
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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.0.1", ngImpor
|
|
|
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.0.
|
|
367
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
366
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", 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.0.3", ngImport: i0, type: PathLocationStrategy, providedIn: 'root' });
|
|
368
368
|
}
|
|
369
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
369
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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.0.
|
|
457
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
456
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", 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.0.3", ngImport: i0, type: HashLocationStrategy });
|
|
458
458
|
}
|
|
459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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.0.1", ngImpor
|
|
|
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.0.
|
|
715
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
713
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: Location, deps: [{ token: LocationStrategy }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
714
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: Location, providedIn: 'root', useFactory: createLocation });
|
|
716
715
|
}
|
|
717
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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.0.
|
|
2620
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
2618
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgLocalization, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2619
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", 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.0.
|
|
2621
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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.0.
|
|
2678
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
2676
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgLocaleLocalization, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2677
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgLocaleLocalization });
|
|
2679
2678
|
}
|
|
2680
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
2679
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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.0.
|
|
2853
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
2851
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", 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.0.3", 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.0.
|
|
2854
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", 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.0.1", ngImpor
|
|
|
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.0.1", ngImpor
|
|
|
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>
|
|
@@ -3030,10 +3028,10 @@ class NgComponentOutlet {
|
|
|
3030
3028
|
}
|
|
3031
3029
|
}
|
|
3032
3030
|
}
|
|
3033
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3034
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
3031
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgComponentOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3032
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgComponentOutlet, isStandalone: true, selector: "[ngComponentOutlet]", inputs: { ngComponentOutlet: "ngComponentOutlet", ngComponentOutletInputs: "ngComponentOutletInputs", ngComponentOutletInjector: "ngComponentOutletInjector", ngComponentOutletContent: "ngComponentOutletContent", ngComponentOutletNgModule: "ngComponentOutletNgModule", ngComponentOutletNgModuleFactory: "ngComponentOutletNgModuleFactory" }, usesOnChanges: true, ngImport: i0 });
|
|
3035
3033
|
}
|
|
3036
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
3034
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgComponentOutlet, decorators: [{
|
|
3037
3035
|
type: Directive,
|
|
3038
3036
|
args: [{
|
|
3039
3037
|
selector: '[ngComponentOutlet]',
|
|
@@ -3115,7 +3113,7 @@ class NgForOfContext {
|
|
|
3115
3113
|
* The following example shows the shorthand syntax with some options,
|
|
3116
3114
|
* contained in an `<li>` element.
|
|
3117
3115
|
*
|
|
3118
|
-
* ```
|
|
3116
|
+
* ```html
|
|
3119
3117
|
* <li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>
|
|
3120
3118
|
* ```
|
|
3121
3119
|
*
|
|
@@ -3126,7 +3124,7 @@ class NgForOfContext {
|
|
|
3126
3124
|
*
|
|
3127
3125
|
* Here is the expanded version of the short-form example.
|
|
3128
3126
|
*
|
|
3129
|
-
* ```
|
|
3127
|
+
* ```html
|
|
3130
3128
|
* <ng-template ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn">
|
|
3131
3129
|
* <li>...</li>
|
|
3132
3130
|
* </ng-template>
|
|
@@ -3150,7 +3148,7 @@ class NgForOfContext {
|
|
|
3150
3148
|
* `NgForOf` provides exported values that can be aliased to local variables.
|
|
3151
3149
|
* For example:
|
|
3152
3150
|
*
|
|
3153
|
-
* ```
|
|
3151
|
+
* ```html
|
|
3154
3152
|
* <li *ngFor="let user of users; index as i; first as isFirst">
|
|
3155
3153
|
* {{i}}/{{users.length}}. {{user}} <span *ngIf="isFirst">default</span>
|
|
3156
3154
|
* </li>
|
|
@@ -3340,14 +3338,13 @@ class NgForOf {
|
|
|
3340
3338
|
static ngTemplateContextGuard(dir, ctx) {
|
|
3341
3339
|
return true;
|
|
3342
3340
|
}
|
|
3343
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3344
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
3341
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgForOf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3342
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgForOf, isStandalone: true, selector: "[ngFor][ngForOf]", inputs: { ngForOf: "ngForOf", ngForTrackBy: "ngForTrackBy", ngForTemplate: "ngForTemplate" }, ngImport: i0 });
|
|
3345
3343
|
}
|
|
3346
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
3344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgForOf, decorators: [{
|
|
3347
3345
|
type: Directive,
|
|
3348
3346
|
args: [{
|
|
3349
3347
|
selector: '[ngFor][ngForOf]',
|
|
3350
|
-
standalone: true,
|
|
3351
3348
|
}]
|
|
3352
3349
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: i0.IterableDiffers }], propDecorators: { ngForOf: [{
|
|
3353
3350
|
type: Input
|
|
@@ -3379,27 +3376,27 @@ function getTypeName(type) {
|
|
|
3379
3376
|
*
|
|
3380
3377
|
* Simple form with shorthand syntax:
|
|
3381
3378
|
*
|
|
3382
|
-
* ```
|
|
3379
|
+
* ```html
|
|
3383
3380
|
* <div *ngIf="condition">Content to render when condition is true.</div>
|
|
3384
3381
|
* ```
|
|
3385
3382
|
*
|
|
3386
3383
|
* Simple form with expanded syntax:
|
|
3387
3384
|
*
|
|
3388
|
-
* ```
|
|
3385
|
+
* ```html
|
|
3389
3386
|
* <ng-template [ngIf]="condition"><div>Content to render when condition is
|
|
3390
3387
|
* true.</div></ng-template>
|
|
3391
3388
|
* ```
|
|
3392
3389
|
*
|
|
3393
3390
|
* Form with an "else" block:
|
|
3394
3391
|
*
|
|
3395
|
-
* ```
|
|
3392
|
+
* ```html
|
|
3396
3393
|
* <div *ngIf="condition; else elseBlock">Content to render when condition is true.</div>
|
|
3397
3394
|
* <ng-template #elseBlock>Content to render when condition is false.</ng-template>
|
|
3398
3395
|
* ```
|
|
3399
3396
|
*
|
|
3400
3397
|
* Shorthand form with "then" and "else" blocks:
|
|
3401
3398
|
*
|
|
3402
|
-
* ```
|
|
3399
|
+
* ```html
|
|
3403
3400
|
* <div *ngIf="condition; then thenBlock else elseBlock"></div>
|
|
3404
3401
|
* <ng-template #thenBlock>Content to render when condition is true.</ng-template>
|
|
3405
3402
|
* <ng-template #elseBlock>Content to render when condition is false.</ng-template>
|
|
@@ -3407,7 +3404,7 @@ function getTypeName(type) {
|
|
|
3407
3404
|
*
|
|
3408
3405
|
* Form with storing the value locally:
|
|
3409
3406
|
*
|
|
3410
|
-
* ```
|
|
3407
|
+
* ```html
|
|
3411
3408
|
* <div *ngIf="condition as value; else elseBlock">{{value}}</div>
|
|
3412
3409
|
* <ng-template #elseBlock>Content to render when value is null.</ng-template>
|
|
3413
3410
|
* ```
|
|
@@ -3464,7 +3461,7 @@ function getTypeName(type) {
|
|
|
3464
3461
|
* for the "then" and "else" clauses. For example, consider the following shorthand statement,
|
|
3465
3462
|
* that is meant to show a loading page while waiting for data to be loaded.
|
|
3466
3463
|
*
|
|
3467
|
-
* ```
|
|
3464
|
+
* ```html
|
|
3468
3465
|
* <div class="hero-list" *ngIf="heroes else loading">
|
|
3469
3466
|
* ...
|
|
3470
3467
|
* </div>
|
|
@@ -3483,7 +3480,7 @@ function getTypeName(type) {
|
|
|
3483
3480
|
* The anchor element containing the template for the "then" clause becomes
|
|
3484
3481
|
* the content of this unlabeled `<ng-template>` tag.
|
|
3485
3482
|
*
|
|
3486
|
-
* ```
|
|
3483
|
+
* ```html
|
|
3487
3484
|
* <ng-template [ngIf]="heroes" [ngIfElse]="loading">
|
|
3488
3485
|
* <div class="hero-list">
|
|
3489
3486
|
* ...
|
|
@@ -3578,14 +3575,13 @@ class NgIf {
|
|
|
3578
3575
|
static ngTemplateContextGuard(dir, ctx) {
|
|
3579
3576
|
return true;
|
|
3580
3577
|
}
|
|
3581
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3582
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
3578
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgIf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3579
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgIf, isStandalone: true, selector: "[ngIf]", inputs: { ngIf: "ngIf", ngIfThen: "ngIfThen", ngIfElse: "ngIfElse" }, ngImport: i0 });
|
|
3583
3580
|
}
|
|
3584
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
3581
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgIf, decorators: [{
|
|
3585
3582
|
type: Directive,
|
|
3586
3583
|
args: [{
|
|
3587
3584
|
selector: '[ngIf]',
|
|
3588
|
-
standalone: true,
|
|
3589
3585
|
}]
|
|
3590
3586
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }], propDecorators: { ngIf: [{
|
|
3591
3587
|
type: Input
|
|
@@ -3648,14 +3644,14 @@ class SwitchView {
|
|
|
3648
3644
|
* Define a container element for the directive, and specify the switch expression
|
|
3649
3645
|
* to match against as an attribute:
|
|
3650
3646
|
*
|
|
3651
|
-
* ```
|
|
3647
|
+
* ```html
|
|
3652
3648
|
* <container-element [ngSwitch]="switch_expression">
|
|
3653
3649
|
* ```
|
|
3654
3650
|
*
|
|
3655
3651
|
* Within the container, `*ngSwitchCase` statements specify the match expressions
|
|
3656
3652
|
* as attributes. Include `*ngSwitchDefault` as the final case.
|
|
3657
3653
|
*
|
|
3658
|
-
* ```
|
|
3654
|
+
* ```html
|
|
3659
3655
|
* <container-element [ngSwitch]="switch_expression">
|
|
3660
3656
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3661
3657
|
* ...
|
|
@@ -3667,7 +3663,7 @@ class SwitchView {
|
|
|
3667
3663
|
*
|
|
3668
3664
|
* The following example shows how to use more than one case to display the same view:
|
|
3669
3665
|
*
|
|
3670
|
-
* ```
|
|
3666
|
+
* ```html
|
|
3671
3667
|
* <container-element [ngSwitch]="switch_expression">
|
|
3672
3668
|
* <!-- the same view can be shown in more than one case -->
|
|
3673
3669
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
@@ -3679,7 +3675,7 @@ class SwitchView {
|
|
|
3679
3675
|
* ```
|
|
3680
3676
|
*
|
|
3681
3677
|
* The following example shows how cases can be nested:
|
|
3682
|
-
* ```
|
|
3678
|
+
* ```html
|
|
3683
3679
|
* <container-element [ngSwitch]="switch_expression">
|
|
3684
3680
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3685
3681
|
* <some-element *ngSwitchCase="match_expression_2">...</some-element>
|
|
@@ -3740,14 +3736,13 @@ class NgSwitch {
|
|
|
3740
3736
|
}
|
|
3741
3737
|
}
|
|
3742
3738
|
}
|
|
3743
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3744
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
3739
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3740
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgSwitch, isStandalone: true, selector: "[ngSwitch]", inputs: { ngSwitch: "ngSwitch" }, ngImport: i0 });
|
|
3745
3741
|
}
|
|
3746
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
3742
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgSwitch, decorators: [{
|
|
3747
3743
|
type: Directive,
|
|
3748
3744
|
args: [{
|
|
3749
3745
|
selector: '[ngSwitch]',
|
|
3750
|
-
standalone: true,
|
|
3751
3746
|
}]
|
|
3752
3747
|
}], propDecorators: { ngSwitch: [{
|
|
3753
3748
|
type: Input
|
|
@@ -3765,7 +3760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
3765
3760
|
* Within a switch container, `*ngSwitchCase` statements specify the match expressions
|
|
3766
3761
|
* as attributes. Include `*ngSwitchDefault` as the final case.
|
|
3767
3762
|
*
|
|
3768
|
-
* ```
|
|
3763
|
+
* ```html
|
|
3769
3764
|
* <container-element [ngSwitch]="switch_expression">
|
|
3770
3765
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3771
3766
|
* ...
|
|
@@ -3807,14 +3802,13 @@ class NgSwitchCase {
|
|
|
3807
3802
|
ngDoCheck() {
|
|
3808
3803
|
this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase));
|
|
3809
3804
|
}
|
|
3810
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3811
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
3805
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgSwitchCase, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NgSwitch, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3806
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgSwitchCase, isStandalone: true, selector: "[ngSwitchCase]", inputs: { ngSwitchCase: "ngSwitchCase" }, ngImport: i0 });
|
|
3812
3807
|
}
|
|
3813
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
3808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgSwitchCase, decorators: [{
|
|
3814
3809
|
type: Directive,
|
|
3815
3810
|
args: [{
|
|
3816
3811
|
selector: '[ngSwitchCase]',
|
|
3817
|
-
standalone: true,
|
|
3818
3812
|
}]
|
|
3819
3813
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: NgSwitch, decorators: [{
|
|
3820
3814
|
type: Optional
|
|
@@ -3844,14 +3838,13 @@ class NgSwitchDefault {
|
|
|
3844
3838
|
}
|
|
3845
3839
|
ngSwitch._addDefault(new SwitchView(viewContainer, templateRef));
|
|
3846
3840
|
}
|
|
3847
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3848
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
3841
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgSwitchDefault, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NgSwitch, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3842
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgSwitchDefault, isStandalone: true, selector: "[ngSwitchDefault]", ngImport: i0 });
|
|
3849
3843
|
}
|
|
3850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
3844
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgSwitchDefault, decorators: [{
|
|
3851
3845
|
type: Directive,
|
|
3852
3846
|
args: [{
|
|
3853
3847
|
selector: '[ngSwitchDefault]',
|
|
3854
|
-
standalone: true,
|
|
3855
3848
|
}]
|
|
3856
3849
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.TemplateRef }, { type: NgSwitch, decorators: [{
|
|
3857
3850
|
type: Optional
|
|
@@ -3871,7 +3864,7 @@ function stringifyValue(value) {
|
|
|
3871
3864
|
* @ngModule CommonModule
|
|
3872
3865
|
*
|
|
3873
3866
|
* @usageNotes
|
|
3874
|
-
* ```
|
|
3867
|
+
* ```html
|
|
3875
3868
|
* <some-element [ngPlural]="value">
|
|
3876
3869
|
* <ng-template ngPluralCase="=0">there is nothing</ng-template>
|
|
3877
3870
|
* <ng-template ngPluralCase="=1">there is one</ng-template>
|
|
@@ -3927,14 +3920,13 @@ class NgPlural {
|
|
|
3927
3920
|
this._activeView.create();
|
|
3928
3921
|
}
|
|
3929
3922
|
}
|
|
3930
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3931
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
3923
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgPlural, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3924
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgPlural, isStandalone: true, selector: "[ngPlural]", inputs: { ngPlural: "ngPlural" }, ngImport: i0 });
|
|
3932
3925
|
}
|
|
3933
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
3926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgPlural, decorators: [{
|
|
3934
3927
|
type: Directive,
|
|
3935
3928
|
args: [{
|
|
3936
3929
|
selector: '[ngPlural]',
|
|
3937
|
-
standalone: true,
|
|
3938
3930
|
}]
|
|
3939
3931
|
}], ctorParameters: () => [{ type: NgLocalization }], propDecorators: { ngPlural: [{
|
|
3940
3932
|
type: Input
|
|
@@ -3948,7 +3940,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
3948
3940
|
* given expression matches the plural expression according to CLDR rules.
|
|
3949
3941
|
*
|
|
3950
3942
|
* @usageNotes
|
|
3951
|
-
* ```
|
|
3943
|
+
* ```html
|
|
3952
3944
|
* <some-element [ngPlural]="value">
|
|
3953
3945
|
* <ng-template ngPluralCase="=0">...</ng-template>
|
|
3954
3946
|
* <ng-template ngPluralCase="other">...</ng-template>
|
|
@@ -3966,14 +3958,13 @@ class NgPluralCase {
|
|
|
3966
3958
|
const isANumber = !isNaN(Number(value));
|
|
3967
3959
|
ngPlural.addCase(isANumber ? `=${value}` : value, new SwitchView(viewContainer, template));
|
|
3968
3960
|
}
|
|
3969
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3970
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
3961
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgPluralCase, deps: [{ token: 'ngPluralCase', attribute: true }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: NgPlural, host: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3962
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgPluralCase, isStandalone: true, selector: "[ngPluralCase]", ngImport: i0 });
|
|
3971
3963
|
}
|
|
3972
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
3964
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgPluralCase, decorators: [{
|
|
3973
3965
|
type: Directive,
|
|
3974
3966
|
args: [{
|
|
3975
3967
|
selector: '[ngPluralCase]',
|
|
3976
|
-
standalone: true,
|
|
3977
3968
|
}]
|
|
3978
3969
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
3979
3970
|
type: Attribute,
|
|
@@ -3989,19 +3980,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
3989
3980
|
*
|
|
3990
3981
|
* Set the font of the containing element to the result of an expression.
|
|
3991
3982
|
*
|
|
3992
|
-
* ```
|
|
3983
|
+
* ```html
|
|
3993
3984
|
* <some-element [ngStyle]="{'font-style': styleExp}">...</some-element>
|
|
3994
3985
|
* ```
|
|
3995
3986
|
*
|
|
3996
3987
|
* Set the width of the containing element to a pixel value returned by an expression.
|
|
3997
3988
|
*
|
|
3998
|
-
* ```
|
|
3989
|
+
* ```html
|
|
3999
3990
|
* <some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>
|
|
4000
3991
|
* ```
|
|
4001
3992
|
*
|
|
4002
3993
|
* Set a collection of style values using an expression that returns key-value pairs.
|
|
4003
3994
|
*
|
|
4004
|
-
* ```
|
|
3995
|
+
* ```html
|
|
4005
3996
|
* <some-element [ngStyle]="objExp">...</some-element>
|
|
4006
3997
|
* ```
|
|
4007
3998
|
*
|
|
@@ -4058,14 +4049,13 @@ class NgStyle {
|
|
|
4058
4049
|
changes.forEachAddedItem((record) => this._setStyle(record.key, record.currentValue));
|
|
4059
4050
|
changes.forEachChangedItem((record) => this._setStyle(record.key, record.currentValue));
|
|
4060
4051
|
}
|
|
4061
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4062
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
4052
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgStyle, deps: [{ token: i0.ElementRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4053
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgStyle, isStandalone: true, selector: "[ngStyle]", inputs: { ngStyle: "ngStyle" }, ngImport: i0 });
|
|
4063
4054
|
}
|
|
4064
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgStyle, decorators: [{
|
|
4065
4056
|
type: Directive,
|
|
4066
4057
|
args: [{
|
|
4067
4058
|
selector: '[ngStyle]',
|
|
4068
|
-
standalone: true,
|
|
4069
4059
|
}]
|
|
4070
4060
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.KeyValueDiffers }, { type: i0.Renderer2 }], propDecorators: { ngStyle: [{
|
|
4071
4061
|
type: Input,
|
|
@@ -4084,7 +4074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
4084
4074
|
* by the local template `let` declarations.
|
|
4085
4075
|
*
|
|
4086
4076
|
* @usageNotes
|
|
4087
|
-
* ```
|
|
4077
|
+
* ```html
|
|
4088
4078
|
* <ng-container *ngTemplateOutlet="templateRefExp; context: contextExp"></ng-container>
|
|
4089
4079
|
* ```
|
|
4090
4080
|
*
|
|
@@ -4163,14 +4153,13 @@ class NgTemplateOutlet {
|
|
|
4163
4153
|
},
|
|
4164
4154
|
});
|
|
4165
4155
|
}
|
|
4166
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4167
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.
|
|
4156
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgTemplateOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4157
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: NgTemplateOutlet, isStandalone: true, selector: "[ngTemplateOutlet]", inputs: { ngTemplateOutletContext: "ngTemplateOutletContext", ngTemplateOutlet: "ngTemplateOutlet", ngTemplateOutletInjector: "ngTemplateOutletInjector" }, usesOnChanges: true, ngImport: i0 });
|
|
4168
4158
|
}
|
|
4169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgTemplateOutlet, decorators: [{
|
|
4170
4160
|
type: Directive,
|
|
4171
4161
|
args: [{
|
|
4172
4162
|
selector: '[ngTemplateOutlet]',
|
|
4173
|
-
standalone: true,
|
|
4174
4163
|
}]
|
|
4175
4164
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }], propDecorators: { ngTemplateOutletContext: [{
|
|
4176
4165
|
type: Input
|
|
@@ -4335,15 +4324,14 @@ class AsyncPipe {
|
|
|
4335
4324
|
}
|
|
4336
4325
|
}
|
|
4337
4326
|
}
|
|
4338
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4339
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
4327
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AsyncPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4328
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AsyncPipe, isStandalone: true, name: "async", pure: false });
|
|
4340
4329
|
}
|
|
4341
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AsyncPipe, decorators: [{
|
|
4342
4331
|
type: Pipe,
|
|
4343
4332
|
args: [{
|
|
4344
4333
|
name: 'async',
|
|
4345
4334
|
pure: false,
|
|
4346
|
-
standalone: true,
|
|
4347
4335
|
}]
|
|
4348
4336
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
|
|
4349
4337
|
|
|
@@ -4357,7 +4345,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
4357
4345
|
* The following example defines a view that allows the user to enter
|
|
4358
4346
|
* text, and then uses the pipe to convert the input text to all lower case.
|
|
4359
4347
|
*
|
|
4360
|
-
*
|
|
4348
|
+
* {@example common/pipes/ts/lowerupper_pipe.ts region='LowerUpperPipe'}
|
|
4361
4349
|
*
|
|
4362
4350
|
* @ngModule CommonModule
|
|
4363
4351
|
* @publicApi
|
|
@@ -4371,14 +4359,13 @@ class LowerCasePipe {
|
|
|
4371
4359
|
}
|
|
4372
4360
|
return value.toLowerCase();
|
|
4373
4361
|
}
|
|
4374
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4375
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
4362
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: LowerCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4363
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: LowerCasePipe, isStandalone: true, name: "lowercase" });
|
|
4376
4364
|
}
|
|
4377
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: LowerCasePipe, decorators: [{
|
|
4378
4366
|
type: Pipe,
|
|
4379
4367
|
args: [{
|
|
4380
4368
|
name: 'lowercase',
|
|
4381
|
-
standalone: true,
|
|
4382
4369
|
}]
|
|
4383
4370
|
}] });
|
|
4384
4371
|
//
|
|
@@ -4402,7 +4389,7 @@ const unicodeWordMatch = /(?:[0-9A-Za-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1
|
|
|
4402
4389
|
* @usageNotes
|
|
4403
4390
|
* The following example shows the result of transforming various strings into title case.
|
|
4404
4391
|
*
|
|
4405
|
-
*
|
|
4392
|
+
* {@example common/pipes/ts/titlecase_pipe.ts region='TitleCasePipe'}
|
|
4406
4393
|
*
|
|
4407
4394
|
* @ngModule CommonModule
|
|
4408
4395
|
* @publicApi
|
|
@@ -4416,14 +4403,13 @@ class TitleCasePipe {
|
|
|
4416
4403
|
}
|
|
4417
4404
|
return value.replace(unicodeWordMatch, (txt) => txt[0].toUpperCase() + txt.slice(1).toLowerCase());
|
|
4418
4405
|
}
|
|
4419
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4420
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
4406
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TitleCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4407
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: TitleCasePipe, isStandalone: true, name: "titlecase" });
|
|
4421
4408
|
}
|
|
4422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: TitleCasePipe, decorators: [{
|
|
4423
4410
|
type: Pipe,
|
|
4424
4411
|
args: [{
|
|
4425
4412
|
name: 'titlecase',
|
|
4426
|
-
standalone: true,
|
|
4427
4413
|
}]
|
|
4428
4414
|
}] });
|
|
4429
4415
|
/**
|
|
@@ -4443,14 +4429,13 @@ class UpperCasePipe {
|
|
|
4443
4429
|
}
|
|
4444
4430
|
return value.toUpperCase();
|
|
4445
4431
|
}
|
|
4446
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4447
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
4432
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: UpperCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4433
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: UpperCasePipe, isStandalone: true, name: "uppercase" });
|
|
4448
4434
|
}
|
|
4449
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4435
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: UpperCasePipe, decorators: [{
|
|
4450
4436
|
type: Pipe,
|
|
4451
4437
|
args: [{
|
|
4452
4438
|
name: 'uppercase',
|
|
4453
|
-
standalone: true,
|
|
4454
4439
|
}]
|
|
4455
4440
|
}] });
|
|
4456
4441
|
|
|
@@ -4485,14 +4470,14 @@ const DATE_PIPE_DEFAULT_TIMEZONE = new InjectionToken(ngDevMode ? 'DATE_PIPE_DEF
|
|
|
4485
4470
|
* For example:
|
|
4486
4471
|
*
|
|
4487
4472
|
* Override the default date format by providing a value using the token:
|
|
4488
|
-
* ```
|
|
4473
|
+
* ```ts
|
|
4489
4474
|
* providers: [
|
|
4490
4475
|
* {provide: DATE_PIPE_DEFAULT_OPTIONS, useValue: {dateFormat: 'shortDate'}}
|
|
4491
4476
|
* ]
|
|
4492
4477
|
* ```
|
|
4493
4478
|
*
|
|
4494
4479
|
* Override the default timezone by providing a value using the token:
|
|
4495
|
-
* ```
|
|
4480
|
+
* ```ts
|
|
4496
4481
|
* providers: [
|
|
4497
4482
|
* {provide: DATE_PIPE_DEFAULT_OPTIONS, useValue: {timezone: '-1200'}}
|
|
4498
4483
|
* ]
|
|
@@ -4640,7 +4625,7 @@ const DATE_PIPE_DEFAULT_OPTIONS = new InjectionToken(ngDevMode ? 'DATE_PIPE_DEFA
|
|
|
4640
4625
|
*
|
|
4641
4626
|
* The following component uses a date pipe to display the current date in different formats.
|
|
4642
4627
|
*
|
|
4643
|
-
* ```
|
|
4628
|
+
* ```angular-ts
|
|
4644
4629
|
* @Component({
|
|
4645
4630
|
* selector: 'date-pipe',
|
|
4646
4631
|
* template: `<div>
|
|
@@ -4678,14 +4663,13 @@ class DatePipe {
|
|
|
4678
4663
|
throw invalidPipeArgumentError(DatePipe, error.message);
|
|
4679
4664
|
}
|
|
4680
4665
|
}
|
|
4681
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4682
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
4666
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", 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 });
|
|
4667
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: DatePipe, isStandalone: true, name: "date" });
|
|
4683
4668
|
}
|
|
4684
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DatePipe, decorators: [{
|
|
4685
4670
|
type: Pipe,
|
|
4686
4671
|
args: [{
|
|
4687
4672
|
name: 'date',
|
|
4688
|
-
standalone: true,
|
|
4689
4673
|
}]
|
|
4690
4674
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
4691
4675
|
type: Inject,
|
|
@@ -4738,14 +4722,13 @@ class I18nPluralPipe {
|
|
|
4738
4722
|
const key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale);
|
|
4739
4723
|
return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());
|
|
4740
4724
|
}
|
|
4741
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4742
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
4725
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4726
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: "i18nPlural" });
|
|
4743
4727
|
}
|
|
4744
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4728
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: I18nPluralPipe, decorators: [{
|
|
4745
4729
|
type: Pipe,
|
|
4746
4730
|
args: [{
|
|
4747
4731
|
name: 'i18nPlural',
|
|
4748
|
-
standalone: true,
|
|
4749
4732
|
}]
|
|
4750
4733
|
}], ctorParameters: () => [{ type: NgLocalization }] });
|
|
4751
4734
|
|
|
@@ -4786,14 +4769,13 @@ class I18nSelectPipe {
|
|
|
4786
4769
|
}
|
|
4787
4770
|
return '';
|
|
4788
4771
|
}
|
|
4789
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4790
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
4772
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4773
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: "i18nSelect" });
|
|
4791
4774
|
}
|
|
4792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4775
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: I18nSelectPipe, decorators: [{
|
|
4793
4776
|
type: Pipe,
|
|
4794
4777
|
args: [{
|
|
4795
4778
|
name: 'i18nSelect',
|
|
4796
|
-
standalone: true,
|
|
4797
4779
|
}]
|
|
4798
4780
|
}] });
|
|
4799
4781
|
|
|
@@ -4819,15 +4801,14 @@ class JsonPipe {
|
|
|
4819
4801
|
transform(value) {
|
|
4820
4802
|
return JSON.stringify(value, null, 2);
|
|
4821
4803
|
}
|
|
4822
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4823
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
4804
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4805
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: JsonPipe, isStandalone: true, name: "json", pure: false });
|
|
4824
4806
|
}
|
|
4825
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4807
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: JsonPipe, decorators: [{
|
|
4826
4808
|
type: Pipe,
|
|
4827
4809
|
args: [{
|
|
4828
4810
|
name: 'json',
|
|
4829
4811
|
pure: false,
|
|
4830
|
-
standalone: true,
|
|
4831
4812
|
}]
|
|
4832
4813
|
}] });
|
|
4833
4814
|
|
|
@@ -4885,15 +4866,14 @@ class KeyValuePipe {
|
|
|
4885
4866
|
}
|
|
4886
4867
|
return this.keyValues;
|
|
4887
4868
|
}
|
|
4888
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4889
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
4869
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4870
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: "keyvalue", pure: false });
|
|
4890
4871
|
}
|
|
4891
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4872
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: KeyValuePipe, decorators: [{
|
|
4892
4873
|
type: Pipe,
|
|
4893
4874
|
args: [{
|
|
4894
4875
|
name: 'keyvalue',
|
|
4895
4876
|
pure: false,
|
|
4896
|
-
standalone: true,
|
|
4897
4877
|
}]
|
|
4898
4878
|
}], ctorParameters: () => [{ type: i0.KeyValueDiffers }] });
|
|
4899
4879
|
function defaultComparator(keyValueA, keyValueB) {
|
|
@@ -4986,7 +4966,7 @@ function defaultComparator(keyValueA, keyValueB) {
|
|
|
4986
4966
|
* according to various format specifications,
|
|
4987
4967
|
* where the caller's default locale is `en-US`.
|
|
4988
4968
|
*
|
|
4989
|
-
*
|
|
4969
|
+
* {@example common/pipes/ts/number_pipe.ts region='NumberPipe'}
|
|
4990
4970
|
*
|
|
4991
4971
|
* @publicApi
|
|
4992
4972
|
*/
|
|
@@ -5007,14 +4987,13 @@ class DecimalPipe {
|
|
|
5007
4987
|
throw invalidPipeArgumentError(DecimalPipe, error.message);
|
|
5008
4988
|
}
|
|
5009
4989
|
}
|
|
5010
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5011
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
4990
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DecimalPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4991
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: DecimalPipe, isStandalone: true, name: "number" });
|
|
5012
4992
|
}
|
|
5013
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
4993
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: DecimalPipe, decorators: [{
|
|
5014
4994
|
type: Pipe,
|
|
5015
4995
|
args: [{
|
|
5016
4996
|
name: 'number',
|
|
5017
|
-
standalone: true,
|
|
5018
4997
|
}]
|
|
5019
4998
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
5020
4999
|
type: Inject,
|
|
@@ -5036,7 +5015,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
5036
5015
|
* into text strings, according to various format specifications,
|
|
5037
5016
|
* where the caller's default locale is `en-US`.
|
|
5038
5017
|
*
|
|
5039
|
-
*
|
|
5018
|
+
* {@example common/pipes/ts/percent_pipe.ts region='PercentPipe'}
|
|
5040
5019
|
*
|
|
5041
5020
|
* @publicApi
|
|
5042
5021
|
*/
|
|
@@ -5073,14 +5052,13 @@ class PercentPipe {
|
|
|
5073
5052
|
throw invalidPipeArgumentError(PercentPipe, error.message);
|
|
5074
5053
|
}
|
|
5075
5054
|
}
|
|
5076
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5077
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
5055
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5056
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: PercentPipe, isStandalone: true, name: "percent" });
|
|
5078
5057
|
}
|
|
5079
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
5058
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PercentPipe, decorators: [{
|
|
5080
5059
|
type: Pipe,
|
|
5081
5060
|
args: [{
|
|
5082
5061
|
name: 'percent',
|
|
5083
|
-
standalone: true,
|
|
5084
5062
|
}]
|
|
5085
5063
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
5086
5064
|
type: Inject,
|
|
@@ -5103,7 +5081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImpor
|
|
|
5103
5081
|
* into text strings, according to various format specifications,
|
|
5104
5082
|
* where the caller's default locale is `en-US`.
|
|
5105
5083
|
*
|
|
5106
|
-
*
|
|
5084
|
+
* {@example common/pipes/ts/currency_pipe.ts region='CurrencyPipe'}
|
|
5107
5085
|
*
|
|
5108
5086
|
* @publicApi
|
|
5109
5087
|
*/
|
|
@@ -5141,14 +5119,13 @@ class CurrencyPipe {
|
|
|
5141
5119
|
throw invalidPipeArgumentError(CurrencyPipe, error.message);
|
|
5142
5120
|
}
|
|
5143
5121
|
}
|
|
5144
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5145
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
5122
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5123
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: "currency" });
|
|
5146
5124
|
}
|
|
5147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
5125
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CurrencyPipe, decorators: [{
|
|
5148
5126
|
type: Pipe,
|
|
5149
5127
|
args: [{
|
|
5150
5128
|
name: 'currency',
|
|
5151
|
-
standalone: true,
|
|
5152
5129
|
}]
|
|
5153
5130
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
5154
5131
|
type: Inject,
|
|
@@ -5221,15 +5198,14 @@ class SlicePipe {
|
|
|
5221
5198
|
supports(obj) {
|
|
5222
5199
|
return typeof obj === 'string' || Array.isArray(obj);
|
|
5223
5200
|
}
|
|
5224
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5225
|
-
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.
|
|
5201
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SlicePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5202
|
+
static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: SlicePipe, isStandalone: true, name: "slice", pure: false });
|
|
5226
5203
|
}
|
|
5227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
5204
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: SlicePipe, decorators: [{
|
|
5228
5205
|
type: Pipe,
|
|
5229
5206
|
args: [{
|
|
5230
5207
|
name: 'slice',
|
|
5231
5208
|
pure: false,
|
|
5232
|
-
standalone: true,
|
|
5233
5209
|
}]
|
|
5234
5210
|
}] });
|
|
5235
5211
|
|
|
@@ -5268,11 +5244,11 @@ const COMMON_PIPES = [
|
|
|
5268
5244
|
* @publicApi
|
|
5269
5245
|
*/
|
|
5270
5246
|
class CommonModule {
|
|
5271
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5272
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.
|
|
5273
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.
|
|
5247
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5248
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", 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] });
|
|
5249
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CommonModule });
|
|
5274
5250
|
}
|
|
5275
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
5251
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: CommonModule, decorators: [{
|
|
5276
5252
|
type: NgModule,
|
|
5277
5253
|
args: [{
|
|
5278
5254
|
imports: [COMMON_DIRECTIVES, COMMON_PIPES],
|
|
@@ -5305,7 +5281,7 @@ function isPlatformServer(platformId) {
|
|
|
5305
5281
|
/**
|
|
5306
5282
|
* @publicApi
|
|
5307
5283
|
*/
|
|
5308
|
-
const VERSION = new Version('19.0.
|
|
5284
|
+
const VERSION = new Version('19.0.3');
|
|
5309
5285
|
|
|
5310
5286
|
/**
|
|
5311
5287
|
* Defines a scroll position manager. Implemented by `BrowserViewportScroller`.
|
|
@@ -5923,10 +5899,10 @@ class LCPImageObserver {
|
|
|
5923
5899
|
this.observer.disconnect();
|
|
5924
5900
|
this.images.clear();
|
|
5925
5901
|
}
|
|
5926
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5927
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
5902
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: LCPImageObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5903
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: LCPImageObserver, providedIn: 'root' });
|
|
5928
5904
|
}
|
|
5929
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
5905
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: LCPImageObserver, decorators: [{
|
|
5930
5906
|
type: Injectable,
|
|
5931
5907
|
args: [{ providedIn: 'root' }]
|
|
5932
5908
|
}], ctorParameters: () => [] });
|
|
@@ -5952,13 +5928,13 @@ const INTERNAL_PRECONNECT_CHECK_BLOCKLIST = new Set(['localhost', '127.0.0.1', '
|
|
|
5952
5928
|
* from the preconnect checks. It can either be a single string or an array of strings
|
|
5953
5929
|
* to represent a group of origins, for example:
|
|
5954
5930
|
*
|
|
5955
|
-
* ```
|
|
5931
|
+
* ```ts
|
|
5956
5932
|
* {provide: PRECONNECT_CHECK_BLOCKLIST, useValue: 'https://your-domain.com'}
|
|
5957
5933
|
* ```
|
|
5958
5934
|
*
|
|
5959
5935
|
* or:
|
|
5960
5936
|
*
|
|
5961
|
-
* ```
|
|
5937
|
+
* ```ts
|
|
5962
5938
|
* {provide: PRECONNECT_CHECK_BLOCKLIST,
|
|
5963
5939
|
* useValue: ['https://your-domain-1.com', 'https://your-domain-2.com']}
|
|
5964
5940
|
* ```
|
|
@@ -6050,10 +6026,10 @@ class PreconnectLinkChecker {
|
|
|
6050
6026
|
this.preconnectLinks?.clear();
|
|
6051
6027
|
this.alreadySeen.clear();
|
|
6052
6028
|
}
|
|
6053
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6054
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
6029
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PreconnectLinkChecker, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6030
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PreconnectLinkChecker, providedIn: 'root' });
|
|
6055
6031
|
}
|
|
6056
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6032
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PreconnectLinkChecker, decorators: [{
|
|
6057
6033
|
type: Injectable,
|
|
6058
6034
|
args: [{ providedIn: 'root' }]
|
|
6059
6035
|
}], ctorParameters: () => [] });
|
|
@@ -6140,10 +6116,10 @@ class PreloadLinkCreator {
|
|
|
6140
6116
|
}
|
|
6141
6117
|
renderer.appendChild(this.document.head, preload);
|
|
6142
6118
|
}
|
|
6143
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6144
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.
|
|
6119
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PreloadLinkCreator, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6120
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PreloadLinkCreator, providedIn: 'root' });
|
|
6145
6121
|
}
|
|
6146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6122
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: PreloadLinkCreator, decorators: [{
|
|
6147
6123
|
type: Injectable,
|
|
6148
6124
|
args: [{ providedIn: 'root' }]
|
|
6149
6125
|
}] });
|
|
@@ -6273,7 +6249,7 @@ function resetImagePriorityCount() {
|
|
|
6273
6249
|
*
|
|
6274
6250
|
* Step 1: import the `NgOptimizedImage` directive.
|
|
6275
6251
|
*
|
|
6276
|
-
* ```
|
|
6252
|
+
* ```ts
|
|
6277
6253
|
* import { NgOptimizedImage } from '@angular/common';
|
|
6278
6254
|
*
|
|
6279
6255
|
* // Include it into the necessary NgModule
|
|
@@ -6284,7 +6260,6 @@ function resetImagePriorityCount() {
|
|
|
6284
6260
|
*
|
|
6285
6261
|
* // ... or a standalone Component
|
|
6286
6262
|
* @Component({
|
|
6287
|
-
* standalone: true
|
|
6288
6263
|
* imports: [NgOptimizedImage],
|
|
6289
6264
|
* })
|
|
6290
6265
|
* class MyStandaloneComponent {}
|
|
@@ -6299,7 +6274,7 @@ function resetImagePriorityCount() {
|
|
|
6299
6274
|
* To use an existing loader for a **third-party image service**: add the provider factory for your
|
|
6300
6275
|
* chosen service to the `providers` array. In the example below, the Imgix loader is used:
|
|
6301
6276
|
*
|
|
6302
|
-
* ```
|
|
6277
|
+
* ```ts
|
|
6303
6278
|
* import {provideImgixLoader} from '@angular/common';
|
|
6304
6279
|
*
|
|
6305
6280
|
* // Call the function and add the result to the `providers` array:
|
|
@@ -6320,7 +6295,7 @@ function resetImagePriorityCount() {
|
|
|
6320
6295
|
* To use a **custom loader**: provide your loader function as a value for the `IMAGE_LOADER` DI
|
|
6321
6296
|
* token.
|
|
6322
6297
|
*
|
|
6323
|
-
* ```
|
|
6298
|
+
* ```ts
|
|
6324
6299
|
* import {IMAGE_LOADER, ImageLoaderConfig} from '@angular/common';
|
|
6325
6300
|
*
|
|
6326
6301
|
* // Configure the loader using the `IMAGE_LOADER` token.
|
|
@@ -6336,7 +6311,7 @@ function resetImagePriorityCount() {
|
|
|
6336
6311
|
*
|
|
6337
6312
|
* Step 3: update `<img>` tags in templates to use `ngSrc` instead of `src`.
|
|
6338
6313
|
*
|
|
6339
|
-
* ```
|
|
6314
|
+
* ```html
|
|
6340
6315
|
* <img ngSrc="logo.png" width="200" height="100">
|
|
6341
6316
|
* ```
|
|
6342
6317
|
*
|
|
@@ -6715,13 +6690,12 @@ class NgOptimizedImage {
|
|
|
6715
6690
|
setHostAttribute(name, value) {
|
|
6716
6691
|
this.renderer.setAttribute(this.imgElement, name, value);
|
|
6717
6692
|
}
|
|
6718
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6719
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.
|
|
6693
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgOptimizedImage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6694
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.0.3", 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 });
|
|
6720
6695
|
}
|
|
6721
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.
|
|
6696
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: NgOptimizedImage, decorators: [{
|
|
6722
6697
|
type: Directive,
|
|
6723
6698
|
args: [{
|
|
6724
|
-
standalone: true,
|
|
6725
6699
|
selector: 'img[ngSrc]',
|
|
6726
6700
|
host: {
|
|
6727
6701
|
'[style.position]': 'fill ? "absolute" : null',
|