@angular/common 19.0.2 → 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 -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.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.2", 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.2", 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,10 +2848,10 @@ 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]',
|
|
@@ -2897,19 +2896,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
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.0.2", ngImpor
|
|
|
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>
|
|
@@ -3029,10 +3028,10 @@ class NgComponentOutlet {
|
|
|
3029
3028
|
}
|
|
3030
3029
|
}
|
|
3031
3030
|
}
|
|
3032
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3033
|
-
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 });
|
|
3034
3033
|
}
|
|
3035
|
-
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: [{
|
|
3036
3035
|
type: Directive,
|
|
3037
3036
|
args: [{
|
|
3038
3037
|
selector: '[ngComponentOutlet]',
|
|
@@ -3114,7 +3113,7 @@ class NgForOfContext {
|
|
|
3114
3113
|
* The following example shows the shorthand syntax with some options,
|
|
3115
3114
|
* contained in an `<li>` element.
|
|
3116
3115
|
*
|
|
3117
|
-
* ```
|
|
3116
|
+
* ```html
|
|
3118
3117
|
* <li *ngFor="let item of items; index as i; trackBy: trackByFn">...</li>
|
|
3119
3118
|
* ```
|
|
3120
3119
|
*
|
|
@@ -3125,7 +3124,7 @@ class NgForOfContext {
|
|
|
3125
3124
|
*
|
|
3126
3125
|
* Here is the expanded version of the short-form example.
|
|
3127
3126
|
*
|
|
3128
|
-
* ```
|
|
3127
|
+
* ```html
|
|
3129
3128
|
* <ng-template ngFor let-item [ngForOf]="items" let-i="index" [ngForTrackBy]="trackByFn">
|
|
3130
3129
|
* <li>...</li>
|
|
3131
3130
|
* </ng-template>
|
|
@@ -3149,7 +3148,7 @@ class NgForOfContext {
|
|
|
3149
3148
|
* `NgForOf` provides exported values that can be aliased to local variables.
|
|
3150
3149
|
* For example:
|
|
3151
3150
|
*
|
|
3152
|
-
* ```
|
|
3151
|
+
* ```html
|
|
3153
3152
|
* <li *ngFor="let user of users; index as i; first as isFirst">
|
|
3154
3153
|
* {{i}}/{{users.length}}. {{user}} <span *ngIf="isFirst">default</span>
|
|
3155
3154
|
* </li>
|
|
@@ -3339,10 +3338,10 @@ class NgForOf {
|
|
|
3339
3338
|
static ngTemplateContextGuard(dir, ctx) {
|
|
3340
3339
|
return true;
|
|
3341
3340
|
}
|
|
3342
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3343
|
-
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 });
|
|
3344
3343
|
}
|
|
3345
|
-
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: [{
|
|
3346
3345
|
type: Directive,
|
|
3347
3346
|
args: [{
|
|
3348
3347
|
selector: '[ngFor][ngForOf]',
|
|
@@ -3377,27 +3376,27 @@ function getTypeName(type) {
|
|
|
3377
3376
|
*
|
|
3378
3377
|
* Simple form with shorthand syntax:
|
|
3379
3378
|
*
|
|
3380
|
-
* ```
|
|
3379
|
+
* ```html
|
|
3381
3380
|
* <div *ngIf="condition">Content to render when condition is true.</div>
|
|
3382
3381
|
* ```
|
|
3383
3382
|
*
|
|
3384
3383
|
* Simple form with expanded syntax:
|
|
3385
3384
|
*
|
|
3386
|
-
* ```
|
|
3385
|
+
* ```html
|
|
3387
3386
|
* <ng-template [ngIf]="condition"><div>Content to render when condition is
|
|
3388
3387
|
* true.</div></ng-template>
|
|
3389
3388
|
* ```
|
|
3390
3389
|
*
|
|
3391
3390
|
* Form with an "else" block:
|
|
3392
3391
|
*
|
|
3393
|
-
* ```
|
|
3392
|
+
* ```html
|
|
3394
3393
|
* <div *ngIf="condition; else elseBlock">Content to render when condition is true.</div>
|
|
3395
3394
|
* <ng-template #elseBlock>Content to render when condition is false.</ng-template>
|
|
3396
3395
|
* ```
|
|
3397
3396
|
*
|
|
3398
3397
|
* Shorthand form with "then" and "else" blocks:
|
|
3399
3398
|
*
|
|
3400
|
-
* ```
|
|
3399
|
+
* ```html
|
|
3401
3400
|
* <div *ngIf="condition; then thenBlock else elseBlock"></div>
|
|
3402
3401
|
* <ng-template #thenBlock>Content to render when condition is true.</ng-template>
|
|
3403
3402
|
* <ng-template #elseBlock>Content to render when condition is false.</ng-template>
|
|
@@ -3405,7 +3404,7 @@ function getTypeName(type) {
|
|
|
3405
3404
|
*
|
|
3406
3405
|
* Form with storing the value locally:
|
|
3407
3406
|
*
|
|
3408
|
-
* ```
|
|
3407
|
+
* ```html
|
|
3409
3408
|
* <div *ngIf="condition as value; else elseBlock">{{value}}</div>
|
|
3410
3409
|
* <ng-template #elseBlock>Content to render when value is null.</ng-template>
|
|
3411
3410
|
* ```
|
|
@@ -3462,7 +3461,7 @@ function getTypeName(type) {
|
|
|
3462
3461
|
* for the "then" and "else" clauses. For example, consider the following shorthand statement,
|
|
3463
3462
|
* that is meant to show a loading page while waiting for data to be loaded.
|
|
3464
3463
|
*
|
|
3465
|
-
* ```
|
|
3464
|
+
* ```html
|
|
3466
3465
|
* <div class="hero-list" *ngIf="heroes else loading">
|
|
3467
3466
|
* ...
|
|
3468
3467
|
* </div>
|
|
@@ -3481,7 +3480,7 @@ function getTypeName(type) {
|
|
|
3481
3480
|
* The anchor element containing the template for the "then" clause becomes
|
|
3482
3481
|
* the content of this unlabeled `<ng-template>` tag.
|
|
3483
3482
|
*
|
|
3484
|
-
* ```
|
|
3483
|
+
* ```html
|
|
3485
3484
|
* <ng-template [ngIf]="heroes" [ngIfElse]="loading">
|
|
3486
3485
|
* <div class="hero-list">
|
|
3487
3486
|
* ...
|
|
@@ -3576,10 +3575,10 @@ class NgIf {
|
|
|
3576
3575
|
static ngTemplateContextGuard(dir, ctx) {
|
|
3577
3576
|
return true;
|
|
3578
3577
|
}
|
|
3579
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3580
|
-
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 });
|
|
3581
3580
|
}
|
|
3582
|
-
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: [{
|
|
3583
3582
|
type: Directive,
|
|
3584
3583
|
args: [{
|
|
3585
3584
|
selector: '[ngIf]',
|
|
@@ -3645,14 +3644,14 @@ class SwitchView {
|
|
|
3645
3644
|
* Define a container element for the directive, and specify the switch expression
|
|
3646
3645
|
* to match against as an attribute:
|
|
3647
3646
|
*
|
|
3648
|
-
* ```
|
|
3647
|
+
* ```html
|
|
3649
3648
|
* <container-element [ngSwitch]="switch_expression">
|
|
3650
3649
|
* ```
|
|
3651
3650
|
*
|
|
3652
3651
|
* Within the container, `*ngSwitchCase` statements specify the match expressions
|
|
3653
3652
|
* as attributes. Include `*ngSwitchDefault` as the final case.
|
|
3654
3653
|
*
|
|
3655
|
-
* ```
|
|
3654
|
+
* ```html
|
|
3656
3655
|
* <container-element [ngSwitch]="switch_expression">
|
|
3657
3656
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3658
3657
|
* ...
|
|
@@ -3664,7 +3663,7 @@ class SwitchView {
|
|
|
3664
3663
|
*
|
|
3665
3664
|
* The following example shows how to use more than one case to display the same view:
|
|
3666
3665
|
*
|
|
3667
|
-
* ```
|
|
3666
|
+
* ```html
|
|
3668
3667
|
* <container-element [ngSwitch]="switch_expression">
|
|
3669
3668
|
* <!-- the same view can be shown in more than one case -->
|
|
3670
3669
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
@@ -3676,7 +3675,7 @@ class SwitchView {
|
|
|
3676
3675
|
* ```
|
|
3677
3676
|
*
|
|
3678
3677
|
* The following example shows how cases can be nested:
|
|
3679
|
-
* ```
|
|
3678
|
+
* ```html
|
|
3680
3679
|
* <container-element [ngSwitch]="switch_expression">
|
|
3681
3680
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3682
3681
|
* <some-element *ngSwitchCase="match_expression_2">...</some-element>
|
|
@@ -3737,10 +3736,10 @@ class NgSwitch {
|
|
|
3737
3736
|
}
|
|
3738
3737
|
}
|
|
3739
3738
|
}
|
|
3740
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3741
|
-
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 });
|
|
3742
3741
|
}
|
|
3743
|
-
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: [{
|
|
3744
3743
|
type: Directive,
|
|
3745
3744
|
args: [{
|
|
3746
3745
|
selector: '[ngSwitch]',
|
|
@@ -3761,7 +3760,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
3761
3760
|
* Within a switch container, `*ngSwitchCase` statements specify the match expressions
|
|
3762
3761
|
* as attributes. Include `*ngSwitchDefault` as the final case.
|
|
3763
3762
|
*
|
|
3764
|
-
* ```
|
|
3763
|
+
* ```html
|
|
3765
3764
|
* <container-element [ngSwitch]="switch_expression">
|
|
3766
3765
|
* <some-element *ngSwitchCase="match_expression_1">...</some-element>
|
|
3767
3766
|
* ...
|
|
@@ -3803,10 +3802,10 @@ class NgSwitchCase {
|
|
|
3803
3802
|
ngDoCheck() {
|
|
3804
3803
|
this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase));
|
|
3805
3804
|
}
|
|
3806
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3807
|
-
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 });
|
|
3808
3807
|
}
|
|
3809
|
-
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: [{
|
|
3810
3809
|
type: Directive,
|
|
3811
3810
|
args: [{
|
|
3812
3811
|
selector: '[ngSwitchCase]',
|
|
@@ -3839,10 +3838,10 @@ class NgSwitchDefault {
|
|
|
3839
3838
|
}
|
|
3840
3839
|
ngSwitch._addDefault(new SwitchView(viewContainer, templateRef));
|
|
3841
3840
|
}
|
|
3842
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3843
|
-
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 });
|
|
3844
3843
|
}
|
|
3845
|
-
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: [{
|
|
3846
3845
|
type: Directive,
|
|
3847
3846
|
args: [{
|
|
3848
3847
|
selector: '[ngSwitchDefault]',
|
|
@@ -3865,7 +3864,7 @@ function stringifyValue(value) {
|
|
|
3865
3864
|
* @ngModule CommonModule
|
|
3866
3865
|
*
|
|
3867
3866
|
* @usageNotes
|
|
3868
|
-
* ```
|
|
3867
|
+
* ```html
|
|
3869
3868
|
* <some-element [ngPlural]="value">
|
|
3870
3869
|
* <ng-template ngPluralCase="=0">there is nothing</ng-template>
|
|
3871
3870
|
* <ng-template ngPluralCase="=1">there is one</ng-template>
|
|
@@ -3921,10 +3920,10 @@ class NgPlural {
|
|
|
3921
3920
|
this._activeView.create();
|
|
3922
3921
|
}
|
|
3923
3922
|
}
|
|
3924
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3925
|
-
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 });
|
|
3926
3925
|
}
|
|
3927
|
-
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: [{
|
|
3928
3927
|
type: Directive,
|
|
3929
3928
|
args: [{
|
|
3930
3929
|
selector: '[ngPlural]',
|
|
@@ -3941,7 +3940,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
3941
3940
|
* given expression matches the plural expression according to CLDR rules.
|
|
3942
3941
|
*
|
|
3943
3942
|
* @usageNotes
|
|
3944
|
-
* ```
|
|
3943
|
+
* ```html
|
|
3945
3944
|
* <some-element [ngPlural]="value">
|
|
3946
3945
|
* <ng-template ngPluralCase="=0">...</ng-template>
|
|
3947
3946
|
* <ng-template ngPluralCase="other">...</ng-template>
|
|
@@ -3959,10 +3958,10 @@ class NgPluralCase {
|
|
|
3959
3958
|
const isANumber = !isNaN(Number(value));
|
|
3960
3959
|
ngPlural.addCase(isANumber ? `=${value}` : value, new SwitchView(viewContainer, template));
|
|
3961
3960
|
}
|
|
3962
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
3963
|
-
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 });
|
|
3964
3963
|
}
|
|
3965
|
-
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: [{
|
|
3966
3965
|
type: Directive,
|
|
3967
3966
|
args: [{
|
|
3968
3967
|
selector: '[ngPluralCase]',
|
|
@@ -3981,19 +3980,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
3981
3980
|
*
|
|
3982
3981
|
* Set the font of the containing element to the result of an expression.
|
|
3983
3982
|
*
|
|
3984
|
-
* ```
|
|
3983
|
+
* ```html
|
|
3985
3984
|
* <some-element [ngStyle]="{'font-style': styleExp}">...</some-element>
|
|
3986
3985
|
* ```
|
|
3987
3986
|
*
|
|
3988
3987
|
* Set the width of the containing element to a pixel value returned by an expression.
|
|
3989
3988
|
*
|
|
3990
|
-
* ```
|
|
3989
|
+
* ```html
|
|
3991
3990
|
* <some-element [ngStyle]="{'max-width.px': widthExp}">...</some-element>
|
|
3992
3991
|
* ```
|
|
3993
3992
|
*
|
|
3994
3993
|
* Set a collection of style values using an expression that returns key-value pairs.
|
|
3995
3994
|
*
|
|
3996
|
-
* ```
|
|
3995
|
+
* ```html
|
|
3997
3996
|
* <some-element [ngStyle]="objExp">...</some-element>
|
|
3998
3997
|
* ```
|
|
3999
3998
|
*
|
|
@@ -4050,10 +4049,10 @@ class NgStyle {
|
|
|
4050
4049
|
changes.forEachAddedItem((record) => this._setStyle(record.key, record.currentValue));
|
|
4051
4050
|
changes.forEachChangedItem((record) => this._setStyle(record.key, record.currentValue));
|
|
4052
4051
|
}
|
|
4053
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4054
|
-
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 });
|
|
4055
4054
|
}
|
|
4056
|
-
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: [{
|
|
4057
4056
|
type: Directive,
|
|
4058
4057
|
args: [{
|
|
4059
4058
|
selector: '[ngStyle]',
|
|
@@ -4075,7 +4074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
4075
4074
|
* by the local template `let` declarations.
|
|
4076
4075
|
*
|
|
4077
4076
|
* @usageNotes
|
|
4078
|
-
* ```
|
|
4077
|
+
* ```html
|
|
4079
4078
|
* <ng-container *ngTemplateOutlet="templateRefExp; context: contextExp"></ng-container>
|
|
4080
4079
|
* ```
|
|
4081
4080
|
*
|
|
@@ -4154,10 +4153,10 @@ class NgTemplateOutlet {
|
|
|
4154
4153
|
},
|
|
4155
4154
|
});
|
|
4156
4155
|
}
|
|
4157
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4158
|
-
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 });
|
|
4159
4158
|
}
|
|
4160
|
-
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: [{
|
|
4161
4160
|
type: Directive,
|
|
4162
4161
|
args: [{
|
|
4163
4162
|
selector: '[ngTemplateOutlet]',
|
|
@@ -4325,10 +4324,10 @@ class AsyncPipe {
|
|
|
4325
4324
|
}
|
|
4326
4325
|
}
|
|
4327
4326
|
}
|
|
4328
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4329
|
-
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 });
|
|
4330
4329
|
}
|
|
4331
|
-
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: [{
|
|
4332
4331
|
type: Pipe,
|
|
4333
4332
|
args: [{
|
|
4334
4333
|
name: 'async',
|
|
@@ -4346,7 +4345,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
4346
4345
|
* The following example defines a view that allows the user to enter
|
|
4347
4346
|
* text, and then uses the pipe to convert the input text to all lower case.
|
|
4348
4347
|
*
|
|
4349
|
-
*
|
|
4348
|
+
* {@example common/pipes/ts/lowerupper_pipe.ts region='LowerUpperPipe'}
|
|
4350
4349
|
*
|
|
4351
4350
|
* @ngModule CommonModule
|
|
4352
4351
|
* @publicApi
|
|
@@ -4360,10 +4359,10 @@ class LowerCasePipe {
|
|
|
4360
4359
|
}
|
|
4361
4360
|
return value.toLowerCase();
|
|
4362
4361
|
}
|
|
4363
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4364
|
-
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" });
|
|
4365
4364
|
}
|
|
4366
|
-
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: [{
|
|
4367
4366
|
type: Pipe,
|
|
4368
4367
|
args: [{
|
|
4369
4368
|
name: 'lowercase',
|
|
@@ -4390,7 +4389,7 @@ const unicodeWordMatch = /(?:[0-9A-Za-z\xAA\xB5\xBA\xC0-\xD6\xD8-\xF6\xF8-\u02C1
|
|
|
4390
4389
|
* @usageNotes
|
|
4391
4390
|
* The following example shows the result of transforming various strings into title case.
|
|
4392
4391
|
*
|
|
4393
|
-
*
|
|
4392
|
+
* {@example common/pipes/ts/titlecase_pipe.ts region='TitleCasePipe'}
|
|
4394
4393
|
*
|
|
4395
4394
|
* @ngModule CommonModule
|
|
4396
4395
|
* @publicApi
|
|
@@ -4404,10 +4403,10 @@ class TitleCasePipe {
|
|
|
4404
4403
|
}
|
|
4405
4404
|
return value.replace(unicodeWordMatch, (txt) => txt[0].toUpperCase() + txt.slice(1).toLowerCase());
|
|
4406
4405
|
}
|
|
4407
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4408
|
-
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" });
|
|
4409
4408
|
}
|
|
4410
|
-
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: [{
|
|
4411
4410
|
type: Pipe,
|
|
4412
4411
|
args: [{
|
|
4413
4412
|
name: 'titlecase',
|
|
@@ -4430,10 +4429,10 @@ class UpperCasePipe {
|
|
|
4430
4429
|
}
|
|
4431
4430
|
return value.toUpperCase();
|
|
4432
4431
|
}
|
|
4433
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4434
|
-
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" });
|
|
4435
4434
|
}
|
|
4436
|
-
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: [{
|
|
4437
4436
|
type: Pipe,
|
|
4438
4437
|
args: [{
|
|
4439
4438
|
name: 'uppercase',
|
|
@@ -4471,14 +4470,14 @@ const DATE_PIPE_DEFAULT_TIMEZONE = new InjectionToken(ngDevMode ? 'DATE_PIPE_DEF
|
|
|
4471
4470
|
* For example:
|
|
4472
4471
|
*
|
|
4473
4472
|
* Override the default date format by providing a value using the token:
|
|
4474
|
-
* ```
|
|
4473
|
+
* ```ts
|
|
4475
4474
|
* providers: [
|
|
4476
4475
|
* {provide: DATE_PIPE_DEFAULT_OPTIONS, useValue: {dateFormat: 'shortDate'}}
|
|
4477
4476
|
* ]
|
|
4478
4477
|
* ```
|
|
4479
4478
|
*
|
|
4480
4479
|
* Override the default timezone by providing a value using the token:
|
|
4481
|
-
* ```
|
|
4480
|
+
* ```ts
|
|
4482
4481
|
* providers: [
|
|
4483
4482
|
* {provide: DATE_PIPE_DEFAULT_OPTIONS, useValue: {timezone: '-1200'}}
|
|
4484
4483
|
* ]
|
|
@@ -4626,7 +4625,7 @@ const DATE_PIPE_DEFAULT_OPTIONS = new InjectionToken(ngDevMode ? 'DATE_PIPE_DEFA
|
|
|
4626
4625
|
*
|
|
4627
4626
|
* The following component uses a date pipe to display the current date in different formats.
|
|
4628
4627
|
*
|
|
4629
|
-
* ```
|
|
4628
|
+
* ```angular-ts
|
|
4630
4629
|
* @Component({
|
|
4631
4630
|
* selector: 'date-pipe',
|
|
4632
4631
|
* template: `<div>
|
|
@@ -4664,10 +4663,10 @@ class DatePipe {
|
|
|
4664
4663
|
throw invalidPipeArgumentError(DatePipe, error.message);
|
|
4665
4664
|
}
|
|
4666
4665
|
}
|
|
4667
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4668
|
-
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" });
|
|
4669
4668
|
}
|
|
4670
|
-
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: [{
|
|
4671
4670
|
type: Pipe,
|
|
4672
4671
|
args: [{
|
|
4673
4672
|
name: 'date',
|
|
@@ -4723,10 +4722,10 @@ class I18nPluralPipe {
|
|
|
4723
4722
|
const key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale);
|
|
4724
4723
|
return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());
|
|
4725
4724
|
}
|
|
4726
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4727
|
-
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" });
|
|
4728
4727
|
}
|
|
4729
|
-
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: [{
|
|
4730
4729
|
type: Pipe,
|
|
4731
4730
|
args: [{
|
|
4732
4731
|
name: 'i18nPlural',
|
|
@@ -4770,10 +4769,10 @@ class I18nSelectPipe {
|
|
|
4770
4769
|
}
|
|
4771
4770
|
return '';
|
|
4772
4771
|
}
|
|
4773
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4774
|
-
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" });
|
|
4775
4774
|
}
|
|
4776
|
-
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: [{
|
|
4777
4776
|
type: Pipe,
|
|
4778
4777
|
args: [{
|
|
4779
4778
|
name: 'i18nSelect',
|
|
@@ -4802,10 +4801,10 @@ class JsonPipe {
|
|
|
4802
4801
|
transform(value) {
|
|
4803
4802
|
return JSON.stringify(value, null, 2);
|
|
4804
4803
|
}
|
|
4805
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4806
|
-
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 });
|
|
4807
4806
|
}
|
|
4808
|
-
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: [{
|
|
4809
4808
|
type: Pipe,
|
|
4810
4809
|
args: [{
|
|
4811
4810
|
name: 'json',
|
|
@@ -4867,10 +4866,10 @@ class KeyValuePipe {
|
|
|
4867
4866
|
}
|
|
4868
4867
|
return this.keyValues;
|
|
4869
4868
|
}
|
|
4870
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4871
|
-
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 });
|
|
4872
4871
|
}
|
|
4873
|
-
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: [{
|
|
4874
4873
|
type: Pipe,
|
|
4875
4874
|
args: [{
|
|
4876
4875
|
name: 'keyvalue',
|
|
@@ -4967,7 +4966,7 @@ function defaultComparator(keyValueA, keyValueB) {
|
|
|
4967
4966
|
* according to various format specifications,
|
|
4968
4967
|
* where the caller's default locale is `en-US`.
|
|
4969
4968
|
*
|
|
4970
|
-
*
|
|
4969
|
+
* {@example common/pipes/ts/number_pipe.ts region='NumberPipe'}
|
|
4971
4970
|
*
|
|
4972
4971
|
* @publicApi
|
|
4973
4972
|
*/
|
|
@@ -4988,10 +4987,10 @@ class DecimalPipe {
|
|
|
4988
4987
|
throw invalidPipeArgumentError(DecimalPipe, error.message);
|
|
4989
4988
|
}
|
|
4990
4989
|
}
|
|
4991
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
4992
|
-
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" });
|
|
4993
4992
|
}
|
|
4994
|
-
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: [{
|
|
4995
4994
|
type: Pipe,
|
|
4996
4995
|
args: [{
|
|
4997
4996
|
name: 'number',
|
|
@@ -5016,7 +5015,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
5016
5015
|
* into text strings, according to various format specifications,
|
|
5017
5016
|
* where the caller's default locale is `en-US`.
|
|
5018
5017
|
*
|
|
5019
|
-
*
|
|
5018
|
+
* {@example common/pipes/ts/percent_pipe.ts region='PercentPipe'}
|
|
5020
5019
|
*
|
|
5021
5020
|
* @publicApi
|
|
5022
5021
|
*/
|
|
@@ -5053,10 +5052,10 @@ class PercentPipe {
|
|
|
5053
5052
|
throw invalidPipeArgumentError(PercentPipe, error.message);
|
|
5054
5053
|
}
|
|
5055
5054
|
}
|
|
5056
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5057
|
-
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" });
|
|
5058
5057
|
}
|
|
5059
|
-
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: [{
|
|
5060
5059
|
type: Pipe,
|
|
5061
5060
|
args: [{
|
|
5062
5061
|
name: 'percent',
|
|
@@ -5082,7 +5081,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.2", ngImpor
|
|
|
5082
5081
|
* into text strings, according to various format specifications,
|
|
5083
5082
|
* where the caller's default locale is `en-US`.
|
|
5084
5083
|
*
|
|
5085
|
-
*
|
|
5084
|
+
* {@example common/pipes/ts/currency_pipe.ts region='CurrencyPipe'}
|
|
5086
5085
|
*
|
|
5087
5086
|
* @publicApi
|
|
5088
5087
|
*/
|
|
@@ -5120,10 +5119,10 @@ class CurrencyPipe {
|
|
|
5120
5119
|
throw invalidPipeArgumentError(CurrencyPipe, error.message);
|
|
5121
5120
|
}
|
|
5122
5121
|
}
|
|
5123
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5124
|
-
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" });
|
|
5125
5124
|
}
|
|
5126
|
-
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: [{
|
|
5127
5126
|
type: Pipe,
|
|
5128
5127
|
args: [{
|
|
5129
5128
|
name: 'currency',
|
|
@@ -5199,10 +5198,10 @@ class SlicePipe {
|
|
|
5199
5198
|
supports(obj) {
|
|
5200
5199
|
return typeof obj === 'string' || Array.isArray(obj);
|
|
5201
5200
|
}
|
|
5202
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5203
|
-
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 });
|
|
5204
5203
|
}
|
|
5205
|
-
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: [{
|
|
5206
5205
|
type: Pipe,
|
|
5207
5206
|
args: [{
|
|
5208
5207
|
name: 'slice',
|
|
@@ -5245,11 +5244,11 @@ const COMMON_PIPES = [
|
|
|
5245
5244
|
* @publicApi
|
|
5246
5245
|
*/
|
|
5247
5246
|
class CommonModule {
|
|
5248
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5249
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.
|
|
5250
|
-
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 });
|
|
5251
5250
|
}
|
|
5252
|
-
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: [{
|
|
5253
5252
|
type: NgModule,
|
|
5254
5253
|
args: [{
|
|
5255
5254
|
imports: [COMMON_DIRECTIVES, COMMON_PIPES],
|
|
@@ -5282,7 +5281,7 @@ function isPlatformServer(platformId) {
|
|
|
5282
5281
|
/**
|
|
5283
5282
|
* @publicApi
|
|
5284
5283
|
*/
|
|
5285
|
-
const VERSION = new Version('19.0.
|
|
5284
|
+
const VERSION = new Version('19.0.3');
|
|
5286
5285
|
|
|
5287
5286
|
/**
|
|
5288
5287
|
* Defines a scroll position manager. Implemented by `BrowserViewportScroller`.
|
|
@@ -5900,10 +5899,10 @@ class LCPImageObserver {
|
|
|
5900
5899
|
this.observer.disconnect();
|
|
5901
5900
|
this.images.clear();
|
|
5902
5901
|
}
|
|
5903
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
5904
|
-
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' });
|
|
5905
5904
|
}
|
|
5906
|
-
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: [{
|
|
5907
5906
|
type: Injectable,
|
|
5908
5907
|
args: [{ providedIn: 'root' }]
|
|
5909
5908
|
}], ctorParameters: () => [] });
|
|
@@ -5929,13 +5928,13 @@ const INTERNAL_PRECONNECT_CHECK_BLOCKLIST = new Set(['localhost', '127.0.0.1', '
|
|
|
5929
5928
|
* from the preconnect checks. It can either be a single string or an array of strings
|
|
5930
5929
|
* to represent a group of origins, for example:
|
|
5931
5930
|
*
|
|
5932
|
-
* ```
|
|
5931
|
+
* ```ts
|
|
5933
5932
|
* {provide: PRECONNECT_CHECK_BLOCKLIST, useValue: 'https://your-domain.com'}
|
|
5934
5933
|
* ```
|
|
5935
5934
|
*
|
|
5936
5935
|
* or:
|
|
5937
5936
|
*
|
|
5938
|
-
* ```
|
|
5937
|
+
* ```ts
|
|
5939
5938
|
* {provide: PRECONNECT_CHECK_BLOCKLIST,
|
|
5940
5939
|
* useValue: ['https://your-domain-1.com', 'https://your-domain-2.com']}
|
|
5941
5940
|
* ```
|
|
@@ -6027,10 +6026,10 @@ class PreconnectLinkChecker {
|
|
|
6027
6026
|
this.preconnectLinks?.clear();
|
|
6028
6027
|
this.alreadySeen.clear();
|
|
6029
6028
|
}
|
|
6030
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6031
|
-
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' });
|
|
6032
6031
|
}
|
|
6033
|
-
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: [{
|
|
6034
6033
|
type: Injectable,
|
|
6035
6034
|
args: [{ providedIn: 'root' }]
|
|
6036
6035
|
}], ctorParameters: () => [] });
|
|
@@ -6117,10 +6116,10 @@ class PreloadLinkCreator {
|
|
|
6117
6116
|
}
|
|
6118
6117
|
renderer.appendChild(this.document.head, preload);
|
|
6119
6118
|
}
|
|
6120
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6121
|
-
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' });
|
|
6122
6121
|
}
|
|
6123
|
-
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: [{
|
|
6124
6123
|
type: Injectable,
|
|
6125
6124
|
args: [{ providedIn: 'root' }]
|
|
6126
6125
|
}] });
|
|
@@ -6250,7 +6249,7 @@ function resetImagePriorityCount() {
|
|
|
6250
6249
|
*
|
|
6251
6250
|
* Step 1: import the `NgOptimizedImage` directive.
|
|
6252
6251
|
*
|
|
6253
|
-
* ```
|
|
6252
|
+
* ```ts
|
|
6254
6253
|
* import { NgOptimizedImage } from '@angular/common';
|
|
6255
6254
|
*
|
|
6256
6255
|
* // Include it into the necessary NgModule
|
|
@@ -6275,7 +6274,7 @@ function resetImagePriorityCount() {
|
|
|
6275
6274
|
* To use an existing loader for a **third-party image service**: add the provider factory for your
|
|
6276
6275
|
* chosen service to the `providers` array. In the example below, the Imgix loader is used:
|
|
6277
6276
|
*
|
|
6278
|
-
* ```
|
|
6277
|
+
* ```ts
|
|
6279
6278
|
* import {provideImgixLoader} from '@angular/common';
|
|
6280
6279
|
*
|
|
6281
6280
|
* // Call the function and add the result to the `providers` array:
|
|
@@ -6296,7 +6295,7 @@ function resetImagePriorityCount() {
|
|
|
6296
6295
|
* To use a **custom loader**: provide your loader function as a value for the `IMAGE_LOADER` DI
|
|
6297
6296
|
* token.
|
|
6298
6297
|
*
|
|
6299
|
-
* ```
|
|
6298
|
+
* ```ts
|
|
6300
6299
|
* import {IMAGE_LOADER, ImageLoaderConfig} from '@angular/common';
|
|
6301
6300
|
*
|
|
6302
6301
|
* // Configure the loader using the `IMAGE_LOADER` token.
|
|
@@ -6312,7 +6311,7 @@ function resetImagePriorityCount() {
|
|
|
6312
6311
|
*
|
|
6313
6312
|
* Step 3: update `<img>` tags in templates to use `ngSrc` instead of `src`.
|
|
6314
6313
|
*
|
|
6315
|
-
* ```
|
|
6314
|
+
* ```html
|
|
6316
6315
|
* <img ngSrc="logo.png" width="200" height="100">
|
|
6317
6316
|
* ```
|
|
6318
6317
|
*
|
|
@@ -6691,10 +6690,10 @@ class NgOptimizedImage {
|
|
|
6691
6690
|
setHostAttribute(name, value) {
|
|
6692
6691
|
this.renderer.setAttribute(this.imgElement, name, value);
|
|
6693
6692
|
}
|
|
6694
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.
|
|
6695
|
-
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 });
|
|
6696
6695
|
}
|
|
6697
|
-
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: [{
|
|
6698
6697
|
type: Directive,
|
|
6699
6698
|
args: [{
|
|
6700
6699
|
selector: 'img[ngSrc]',
|