@angular/common 14.2.0-rc.0 → 14.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/http/src/client.mjs +3 -3
- package/esm2020/http/src/interceptor.mjs +3 -3
- package/esm2020/http/src/jsonp.mjs +6 -6
- package/esm2020/http/src/module.mjs +15 -15
- package/esm2020/http/src/xhr.mjs +3 -3
- package/esm2020/http/src/xsrf.mjs +6 -6
- package/esm2020/http/testing/src/backend.mjs +3 -3
- package/esm2020/http/testing/src/module.mjs +4 -4
- package/esm2020/src/common_module.mjs +4 -4
- package/esm2020/src/directives/ng_class.mjs +3 -3
- package/esm2020/src/directives/ng_component_outlet.mjs +3 -3
- package/esm2020/src/directives/ng_for_of.mjs +3 -3
- package/esm2020/src/directives/ng_if.mjs +3 -3
- package/esm2020/src/directives/ng_optimized_image/image_loaders/image_loader.mjs +12 -11
- package/esm2020/src/directives/ng_optimized_image/lcp_image_observer.mjs +3 -3
- package/esm2020/src/directives/ng_optimized_image/ng_optimized_image.mjs +22 -32
- package/esm2020/src/directives/ng_optimized_image/preconnect_link_checker.mjs +3 -3
- package/esm2020/src/directives/ng_optimized_image/url.mjs +1 -11
- package/esm2020/src/directives/ng_plural.mjs +6 -6
- package/esm2020/src/directives/ng_style.mjs +3 -3
- package/esm2020/src/directives/ng_switch.mjs +9 -9
- package/esm2020/src/directives/ng_template_outlet.mjs +3 -3
- package/esm2020/src/i18n/localization.mjs +6 -6
- package/esm2020/src/location/hash_location_strategy.mjs +3 -3
- package/esm2020/src/location/location.mjs +3 -3
- package/esm2020/src/location/location_strategy.mjs +6 -6
- package/esm2020/src/location/platform_location.mjs +6 -6
- package/esm2020/src/pipes/async_pipe.mjs +3 -3
- package/esm2020/src/pipes/case_conversion_pipes.mjs +9 -9
- package/esm2020/src/pipes/date_pipe.mjs +3 -3
- package/esm2020/src/pipes/i18n_plural_pipe.mjs +3 -3
- package/esm2020/src/pipes/i18n_select_pipe.mjs +3 -3
- package/esm2020/src/pipes/json_pipe.mjs +3 -3
- package/esm2020/src/pipes/keyvalue_pipe.mjs +3 -3
- package/esm2020/src/pipes/number_pipe.mjs +9 -9
- package/esm2020/src/pipes/slice_pipe.mjs +3 -3
- package/esm2020/src/version.mjs +1 -1
- package/esm2020/testing/src/location_mock.mjs +3 -3
- package/esm2020/testing/src/mock_location_strategy.mjs +3 -3
- package/esm2020/testing/src/mock_platform_location.mjs +3 -3
- package/esm2020/upgrade/src/location_upgrade_module.mjs +4 -4
- package/fesm2015/common.mjs +158 -177
- package/fesm2015/common.mjs.map +1 -1
- package/fesm2015/http/testing.mjs +8 -8
- package/fesm2015/http.mjs +37 -37
- package/fesm2015/testing.mjs +10 -10
- package/fesm2015/upgrade.mjs +5 -5
- package/fesm2020/common.mjs +158 -177
- package/fesm2020/common.mjs.map +1 -1
- package/fesm2020/http/testing.mjs +8 -8
- package/fesm2020/http.mjs +37 -37
- package/fesm2020/testing.mjs +10 -10
- package/fesm2020/upgrade.mjs +5 -5
- package/http/index.d.ts +1 -1
- package/http/testing/index.d.ts +1 -1
- package/index.d.ts +3 -2
- package/package.json +2 -2
- package/testing/index.d.ts +1 -1
- package/upgrade/index.d.ts +1 -1
package/fesm2020/common.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @license Angular v14.2.0
|
|
2
|
+
* @license Angular v14.2.0
|
|
3
3
|
* (c) 2010-2022 Google LLC. https://angular.io/
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
@@ -87,9 +87,9 @@ class PlatformLocation {
|
|
|
87
87
|
throw new Error('Not implemented');
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
|
-
PlatformLocation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
91
|
-
PlatformLocation.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
90
|
+
PlatformLocation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PlatformLocation, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
91
|
+
PlatformLocation.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PlatformLocation, providedIn: 'platform', useFactory: useBrowserPlatformLocation });
|
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PlatformLocation, decorators: [{
|
|
93
93
|
type: Injectable,
|
|
94
94
|
args: [{
|
|
95
95
|
providedIn: 'platform',
|
|
@@ -190,9 +190,9 @@ class BrowserPlatformLocation extends PlatformLocation {
|
|
|
190
190
|
return this._history.state;
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
|
-
BrowserPlatformLocation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
194
|
-
BrowserPlatformLocation.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0
|
|
195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
193
|
+
BrowserPlatformLocation.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BrowserPlatformLocation, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
194
|
+
BrowserPlatformLocation.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BrowserPlatformLocation, providedIn: 'platform', useFactory: createBrowserPlatformLocation });
|
|
195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: BrowserPlatformLocation, decorators: [{
|
|
196
196
|
type: Injectable,
|
|
197
197
|
args: [{
|
|
198
198
|
providedIn: 'platform',
|
|
@@ -311,9 +311,9 @@ class LocationStrategy {
|
|
|
311
311
|
throw new Error('Not implemented');
|
|
312
312
|
}
|
|
313
313
|
}
|
|
314
|
-
LocationStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
315
|
-
LocationStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0
|
|
316
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
314
|
+
LocationStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
315
|
+
LocationStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) });
|
|
316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LocationStrategy, decorators: [{
|
|
317
317
|
type: Injectable,
|
|
318
318
|
args: [{ providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }]
|
|
319
319
|
}] });
|
|
@@ -421,9 +421,9 @@ class PathLocationStrategy extends LocationStrategy {
|
|
|
421
421
|
this._platformLocation.historyGo?.(relativePosition);
|
|
422
422
|
}
|
|
423
423
|
}
|
|
424
|
-
PathLocationStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
425
|
-
PathLocationStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0
|
|
426
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
424
|
+
PathLocationStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PathLocationStrategy, deps: [{ token: PlatformLocation }, { token: APP_BASE_HREF, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
425
|
+
PathLocationStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PathLocationStrategy, providedIn: 'root' });
|
|
426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PathLocationStrategy, decorators: [{
|
|
427
427
|
type: Injectable,
|
|
428
428
|
args: [{ providedIn: 'root' }]
|
|
429
429
|
}], ctorParameters: function () { return [{ type: PlatformLocation }, { type: undefined, decorators: [{
|
|
@@ -519,9 +519,9 @@ class HashLocationStrategy extends LocationStrategy {
|
|
|
519
519
|
this._platformLocation.historyGo?.(relativePosition);
|
|
520
520
|
}
|
|
521
521
|
}
|
|
522
|
-
HashLocationStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
523
|
-
HashLocationStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0
|
|
524
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
522
|
+
HashLocationStrategy.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HashLocationStrategy, deps: [{ token: PlatformLocation }, { token: APP_BASE_HREF, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
523
|
+
HashLocationStrategy.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HashLocationStrategy });
|
|
524
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: HashLocationStrategy, decorators: [{
|
|
525
525
|
type: Injectable
|
|
526
526
|
}], ctorParameters: function () { return [{ type: PlatformLocation }, { type: undefined, decorators: [{
|
|
527
527
|
type: Optional
|
|
@@ -772,9 +772,9 @@ Location.joinWithSlash = joinWithSlash;
|
|
|
772
772
|
* @returns The URL string, modified if needed.
|
|
773
773
|
*/
|
|
774
774
|
Location.stripTrailingSlash = stripTrailingSlash;
|
|
775
|
-
Location.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
776
|
-
Location.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0
|
|
777
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
775
|
+
Location.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Location, deps: [{ token: LocationStrategy }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
776
|
+
Location.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Location, providedIn: 'root', useFactory: createLocation });
|
|
777
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: Location, decorators: [{
|
|
778
778
|
type: Injectable,
|
|
779
779
|
args: [{
|
|
780
780
|
providedIn: 'root',
|
|
@@ -2590,9 +2590,9 @@ function parseIntAutoRadix(text) {
|
|
|
2590
2590
|
*/
|
|
2591
2591
|
class NgLocalization {
|
|
2592
2592
|
}
|
|
2593
|
-
NgLocalization.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
2594
|
-
NgLocalization.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0
|
|
2595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
2593
|
+
NgLocalization.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgLocalization, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2594
|
+
NgLocalization.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgLocalization, providedIn: 'root', useFactory: (locale) => new NgLocaleLocalization(locale), deps: [{ token: LOCALE_ID }] });
|
|
2595
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgLocalization, decorators: [{
|
|
2596
2596
|
type: Injectable,
|
|
2597
2597
|
args: [{
|
|
2598
2598
|
providedIn: 'root',
|
|
@@ -2647,9 +2647,9 @@ class NgLocaleLocalization extends NgLocalization {
|
|
|
2647
2647
|
}
|
|
2648
2648
|
}
|
|
2649
2649
|
}
|
|
2650
|
-
NgLocaleLocalization.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
2651
|
-
NgLocaleLocalization.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0
|
|
2652
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
2650
|
+
NgLocaleLocalization.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgLocaleLocalization, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2651
|
+
NgLocaleLocalization.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgLocaleLocalization });
|
|
2652
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgLocaleLocalization, decorators: [{
|
|
2653
2653
|
type: Injectable
|
|
2654
2654
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
2655
2655
|
type: Inject,
|
|
@@ -2842,9 +2842,9 @@ class NgClass {
|
|
|
2842
2842
|
}
|
|
2843
2843
|
}
|
|
2844
2844
|
}
|
|
2845
|
-
NgClass.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
2846
|
-
NgClass.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
2847
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
2845
|
+
NgClass.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgClass, deps: [{ token: i0.IterableDiffers }, { token: i0.KeyValueDiffers }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2846
|
+
NgClass.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgClass, isStandalone: true, selector: "[ngClass]", inputs: { klass: ["class", "klass"], ngClass: "ngClass" }, ngImport: i0 });
|
|
2847
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgClass, decorators: [{
|
|
2848
2848
|
type: Directive,
|
|
2849
2849
|
args: [{
|
|
2850
2850
|
selector: '[ngClass]',
|
|
@@ -2963,9 +2963,9 @@ class NgComponentOutlet {
|
|
|
2963
2963
|
this._moduleRef.destroy();
|
|
2964
2964
|
}
|
|
2965
2965
|
}
|
|
2966
|
-
NgComponentOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
2967
|
-
NgComponentOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
2968
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
2966
|
+
NgComponentOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgComponentOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
2967
|
+
NgComponentOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgComponentOutlet, isStandalone: true, selector: "[ngComponentOutlet]", inputs: { ngComponentOutlet: "ngComponentOutlet", ngComponentOutletInjector: "ngComponentOutletInjector", ngComponentOutletContent: "ngComponentOutletContent", ngComponentOutletNgModule: "ngComponentOutletNgModule", ngComponentOutletNgModuleFactory: "ngComponentOutletNgModuleFactory" }, usesOnChanges: true, ngImport: i0 });
|
|
2968
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgComponentOutlet, decorators: [{
|
|
2969
2969
|
type: Directive,
|
|
2970
2970
|
args: [{
|
|
2971
2971
|
selector: '[ngComponentOutlet]',
|
|
@@ -3255,9 +3255,9 @@ class NgForOf {
|
|
|
3255
3255
|
return true;
|
|
3256
3256
|
}
|
|
3257
3257
|
}
|
|
3258
|
-
NgForOf.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
3259
|
-
NgForOf.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
3260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
3258
|
+
NgForOf.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgForOf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3259
|
+
NgForOf.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgForOf, isStandalone: true, selector: "[ngFor][ngForOf]", inputs: { ngForOf: "ngForOf", ngForTrackBy: "ngForTrackBy", ngForTemplate: "ngForTemplate" }, ngImport: i0 });
|
|
3260
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgForOf, decorators: [{
|
|
3261
3261
|
type: Directive,
|
|
3262
3262
|
args: [{
|
|
3263
3263
|
selector: '[ngFor][ngForOf]',
|
|
@@ -3490,9 +3490,9 @@ class NgIf {
|
|
|
3490
3490
|
return true;
|
|
3491
3491
|
}
|
|
3492
3492
|
}
|
|
3493
|
-
NgIf.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
3494
|
-
NgIf.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
3495
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
3493
|
+
NgIf.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgIf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3494
|
+
NgIf.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgIf, isStandalone: true, selector: "[ngIf]", inputs: { ngIf: "ngIf", ngIfThen: "ngIfThen", ngIfElse: "ngIfElse" }, ngImport: i0 });
|
|
3495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgIf, decorators: [{
|
|
3496
3496
|
type: Directive,
|
|
3497
3497
|
args: [{
|
|
3498
3498
|
selector: '[ngIf]',
|
|
@@ -3663,9 +3663,9 @@ class NgSwitch {
|
|
|
3663
3663
|
}
|
|
3664
3664
|
}
|
|
3665
3665
|
}
|
|
3666
|
-
NgSwitch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
3667
|
-
NgSwitch.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
3668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
3666
|
+
NgSwitch.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3667
|
+
NgSwitch.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgSwitch, isStandalone: true, selector: "[ngSwitch]", inputs: { ngSwitch: "ngSwitch" }, ngImport: i0 });
|
|
3668
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgSwitch, decorators: [{
|
|
3669
3669
|
type: Directive,
|
|
3670
3670
|
args: [{
|
|
3671
3671
|
selector: '[ngSwitch]',
|
|
@@ -3724,9 +3724,9 @@ class NgSwitchCase {
|
|
|
3724
3724
|
this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase));
|
|
3725
3725
|
}
|
|
3726
3726
|
}
|
|
3727
|
-
NgSwitchCase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
3728
|
-
NgSwitchCase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
3729
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
3727
|
+
NgSwitchCase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgSwitchCase, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NgSwitch, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3728
|
+
NgSwitchCase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgSwitchCase, isStandalone: true, selector: "[ngSwitchCase]", inputs: { ngSwitchCase: "ngSwitchCase" }, ngImport: i0 });
|
|
3729
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgSwitchCase, decorators: [{
|
|
3730
3730
|
type: Directive,
|
|
3731
3731
|
args: [{
|
|
3732
3732
|
selector: '[ngSwitchCase]',
|
|
@@ -3761,9 +3761,9 @@ class NgSwitchDefault {
|
|
|
3761
3761
|
ngSwitch._addDefault(new SwitchView(viewContainer, templateRef));
|
|
3762
3762
|
}
|
|
3763
3763
|
}
|
|
3764
|
-
NgSwitchDefault.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
3765
|
-
NgSwitchDefault.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
3766
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
3764
|
+
NgSwitchDefault.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgSwitchDefault, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NgSwitch, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3765
|
+
NgSwitchDefault.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgSwitchDefault, isStandalone: true, selector: "[ngSwitchDefault]", ngImport: i0 });
|
|
3766
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgSwitchDefault, decorators: [{
|
|
3767
3767
|
type: Directive,
|
|
3768
3768
|
args: [{
|
|
3769
3769
|
selector: '[ngSwitchDefault]',
|
|
@@ -3847,9 +3847,9 @@ class NgPlural {
|
|
|
3847
3847
|
}
|
|
3848
3848
|
}
|
|
3849
3849
|
}
|
|
3850
|
-
NgPlural.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
3851
|
-
NgPlural.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
3852
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
3850
|
+
NgPlural.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgPlural, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3851
|
+
NgPlural.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgPlural, isStandalone: true, selector: "[ngPlural]", inputs: { ngPlural: "ngPlural" }, ngImport: i0 });
|
|
3852
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgPlural, decorators: [{
|
|
3853
3853
|
type: Directive,
|
|
3854
3854
|
args: [{
|
|
3855
3855
|
selector: '[ngPlural]',
|
|
@@ -3885,9 +3885,9 @@ class NgPluralCase {
|
|
|
3885
3885
|
ngPlural.addCase(isANumber ? `=${value}` : value, new SwitchView(viewContainer, template));
|
|
3886
3886
|
}
|
|
3887
3887
|
}
|
|
3888
|
-
NgPluralCase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
3889
|
-
NgPluralCase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
3890
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
3888
|
+
NgPluralCase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgPluralCase, deps: [{ token: 'ngPluralCase', attribute: true }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: NgPlural, host: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3889
|
+
NgPluralCase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgPluralCase, isStandalone: true, selector: "[ngPluralCase]", ngImport: i0 });
|
|
3890
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgPluralCase, decorators: [{
|
|
3891
3891
|
type: Directive,
|
|
3892
3892
|
args: [{
|
|
3893
3893
|
selector: '[ngPluralCase]',
|
|
@@ -3981,9 +3981,9 @@ class NgStyle {
|
|
|
3981
3981
|
changes.forEachChangedItem((record) => this._setStyle(record.key, record.currentValue));
|
|
3982
3982
|
}
|
|
3983
3983
|
}
|
|
3984
|
-
NgStyle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
3985
|
-
NgStyle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
3986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
3984
|
+
NgStyle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgStyle, deps: [{ token: i0.ElementRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
3985
|
+
NgStyle.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgStyle, isStandalone: true, selector: "[ngStyle]", inputs: { ngStyle: "ngStyle" }, ngImport: i0 });
|
|
3986
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgStyle, decorators: [{
|
|
3987
3987
|
type: Directive,
|
|
3988
3988
|
args: [{
|
|
3989
3989
|
selector: '[ngStyle]',
|
|
@@ -4063,9 +4063,9 @@ class NgTemplateOutlet {
|
|
|
4063
4063
|
}
|
|
4064
4064
|
}
|
|
4065
4065
|
}
|
|
4066
|
-
NgTemplateOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4067
|
-
NgTemplateOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
4068
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4066
|
+
NgTemplateOutlet.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgTemplateOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
4067
|
+
NgTemplateOutlet.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgTemplateOutlet, isStandalone: true, selector: "[ngTemplateOutlet]", inputs: { ngTemplateOutletContext: "ngTemplateOutletContext", ngTemplateOutlet: "ngTemplateOutlet", ngTemplateOutletInjector: "ngTemplateOutletInjector" }, usesOnChanges: true, ngImport: i0 });
|
|
4068
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgTemplateOutlet, decorators: [{
|
|
4069
4069
|
type: Directive,
|
|
4070
4070
|
args: [{
|
|
4071
4071
|
selector: '[ngTemplateOutlet]',
|
|
@@ -4237,9 +4237,9 @@ class AsyncPipe {
|
|
|
4237
4237
|
}
|
|
4238
4238
|
}
|
|
4239
4239
|
}
|
|
4240
|
-
AsyncPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4241
|
-
AsyncPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4240
|
+
AsyncPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AsyncPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4241
|
+
AsyncPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: AsyncPipe, isStandalone: true, name: "async", pure: false });
|
|
4242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: AsyncPipe, decorators: [{
|
|
4243
4243
|
type: Pipe,
|
|
4244
4244
|
args: [{
|
|
4245
4245
|
name: 'async',
|
|
@@ -4280,9 +4280,9 @@ class LowerCasePipe {
|
|
|
4280
4280
|
return value.toLowerCase();
|
|
4281
4281
|
}
|
|
4282
4282
|
}
|
|
4283
|
-
LowerCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4284
|
-
LowerCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4285
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4283
|
+
LowerCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LowerCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4284
|
+
LowerCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: LowerCasePipe, isStandalone: true, name: "lowercase" });
|
|
4285
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LowerCasePipe, decorators: [{
|
|
4286
4286
|
type: Pipe,
|
|
4287
4287
|
args: [{
|
|
4288
4288
|
name: 'lowercase',
|
|
@@ -4325,9 +4325,9 @@ class TitleCasePipe {
|
|
|
4325
4325
|
return value.replace(unicodeWordMatch, (txt => txt[0].toUpperCase() + txt.slice(1).toLowerCase()));
|
|
4326
4326
|
}
|
|
4327
4327
|
}
|
|
4328
|
-
TitleCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4329
|
-
TitleCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4328
|
+
TitleCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TitleCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4329
|
+
TitleCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: TitleCasePipe, isStandalone: true, name: "titlecase" });
|
|
4330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: TitleCasePipe, decorators: [{
|
|
4331
4331
|
type: Pipe,
|
|
4332
4332
|
args: [{
|
|
4333
4333
|
name: 'titlecase',
|
|
@@ -4352,9 +4352,9 @@ class UpperCasePipe {
|
|
|
4352
4352
|
return value.toUpperCase();
|
|
4353
4353
|
}
|
|
4354
4354
|
}
|
|
4355
|
-
UpperCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4356
|
-
UpperCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4357
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4355
|
+
UpperCasePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: UpperCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4356
|
+
UpperCasePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: UpperCasePipe, isStandalone: true, name: "uppercase" });
|
|
4357
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: UpperCasePipe, decorators: [{
|
|
4358
4358
|
type: Pipe,
|
|
4359
4359
|
args: [{
|
|
4360
4360
|
name: 'uppercase',
|
|
@@ -4549,9 +4549,9 @@ class DatePipe {
|
|
|
4549
4549
|
}
|
|
4550
4550
|
}
|
|
4551
4551
|
}
|
|
4552
|
-
DatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4553
|
-
DatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4552
|
+
DatePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DatePipe, deps: [{ token: LOCALE_ID }, { token: DATE_PIPE_DEFAULT_TIMEZONE, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4553
|
+
DatePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: DatePipe, isStandalone: true, name: "date" });
|
|
4554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DatePipe, decorators: [{
|
|
4555
4555
|
type: Pipe,
|
|
4556
4556
|
args: [{
|
|
4557
4557
|
name: 'date',
|
|
@@ -4611,9 +4611,9 @@ class I18nPluralPipe {
|
|
|
4611
4611
|
return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());
|
|
4612
4612
|
}
|
|
4613
4613
|
}
|
|
4614
|
-
I18nPluralPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4615
|
-
I18nPluralPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4616
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4614
|
+
I18nPluralPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4615
|
+
I18nPluralPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: "i18nPlural" });
|
|
4616
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: I18nPluralPipe, decorators: [{
|
|
4617
4617
|
type: Pipe,
|
|
4618
4618
|
args: [{
|
|
4619
4619
|
name: 'i18nPlural',
|
|
@@ -4667,9 +4667,9 @@ class I18nSelectPipe {
|
|
|
4667
4667
|
return '';
|
|
4668
4668
|
}
|
|
4669
4669
|
}
|
|
4670
|
-
I18nSelectPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4671
|
-
I18nSelectPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4672
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4670
|
+
I18nSelectPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4671
|
+
I18nSelectPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: "i18nSelect" });
|
|
4672
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: I18nSelectPipe, decorators: [{
|
|
4673
4673
|
type: Pipe,
|
|
4674
4674
|
args: [{
|
|
4675
4675
|
name: 'i18nSelect',
|
|
@@ -4708,9 +4708,9 @@ class JsonPipe {
|
|
|
4708
4708
|
return JSON.stringify(value, null, 2);
|
|
4709
4709
|
}
|
|
4710
4710
|
}
|
|
4711
|
-
JsonPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4712
|
-
JsonPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4713
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4711
|
+
JsonPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4712
|
+
JsonPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: JsonPipe, isStandalone: true, name: "json", pure: false });
|
|
4713
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: JsonPipe, decorators: [{
|
|
4714
4714
|
type: Pipe,
|
|
4715
4715
|
args: [{
|
|
4716
4716
|
name: 'json',
|
|
@@ -4778,9 +4778,9 @@ class KeyValuePipe {
|
|
|
4778
4778
|
return this.keyValues;
|
|
4779
4779
|
}
|
|
4780
4780
|
}
|
|
4781
|
-
KeyValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4782
|
-
KeyValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4781
|
+
KeyValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4782
|
+
KeyValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: "keyvalue", pure: false });
|
|
4783
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: KeyValuePipe, decorators: [{
|
|
4784
4784
|
type: Pipe,
|
|
4785
4785
|
args: [{
|
|
4786
4786
|
name: 'keyvalue',
|
|
@@ -4913,9 +4913,9 @@ class DecimalPipe {
|
|
|
4913
4913
|
}
|
|
4914
4914
|
}
|
|
4915
4915
|
}
|
|
4916
|
-
DecimalPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4917
|
-
DecimalPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4918
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4916
|
+
DecimalPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DecimalPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4917
|
+
DecimalPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: DecimalPipe, isStandalone: true, name: "number" });
|
|
4918
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: DecimalPipe, decorators: [{
|
|
4919
4919
|
type: Pipe,
|
|
4920
4920
|
args: [{
|
|
4921
4921
|
name: 'number',
|
|
@@ -4978,9 +4978,9 @@ class PercentPipe {
|
|
|
4978
4978
|
}
|
|
4979
4979
|
}
|
|
4980
4980
|
}
|
|
4981
|
-
PercentPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
4982
|
-
PercentPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
4983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
4981
|
+
PercentPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
4982
|
+
PercentPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: PercentPipe, isStandalone: true, name: "percent" });
|
|
4983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PercentPipe, decorators: [{
|
|
4984
4984
|
type: Pipe,
|
|
4985
4985
|
args: [{
|
|
4986
4986
|
name: 'percent',
|
|
@@ -5096,9 +5096,9 @@ class CurrencyPipe {
|
|
|
5096
5096
|
}
|
|
5097
5097
|
}
|
|
5098
5098
|
}
|
|
5099
|
-
CurrencyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
5100
|
-
CurrencyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
5101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
5099
|
+
CurrencyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: CurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5100
|
+
CurrencyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: "currency" });
|
|
5101
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: CurrencyPipe, decorators: [{
|
|
5102
5102
|
type: Pipe,
|
|
5103
5103
|
args: [{
|
|
5104
5104
|
name: 'currency',
|
|
@@ -5183,9 +5183,9 @@ class SlicePipe {
|
|
|
5183
5183
|
return typeof obj === 'string' || Array.isArray(obj);
|
|
5184
5184
|
}
|
|
5185
5185
|
}
|
|
5186
|
-
SlicePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
5187
|
-
SlicePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0
|
|
5188
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
5186
|
+
SlicePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SlicePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
5187
|
+
SlicePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SlicePipe, isStandalone: true, name: "slice", pure: false });
|
|
5188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SlicePipe, decorators: [{
|
|
5189
5189
|
type: Pipe,
|
|
5190
5190
|
args: [{
|
|
5191
5191
|
name: 'slice',
|
|
@@ -5239,10 +5239,10 @@ const COMMON_PIPES = [
|
|
|
5239
5239
|
*/
|
|
5240
5240
|
class CommonModule {
|
|
5241
5241
|
}
|
|
5242
|
-
CommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
5243
|
-
CommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0
|
|
5244
|
-
CommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0
|
|
5245
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
5242
|
+
CommonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: CommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
5243
|
+
CommonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", 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] });
|
|
5244
|
+
CommonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: CommonModule });
|
|
5245
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: CommonModule, decorators: [{
|
|
5246
5246
|
type: NgModule,
|
|
5247
5247
|
args: [{
|
|
5248
5248
|
imports: [COMMON_DIRECTIVES, COMMON_PIPES],
|
|
@@ -5300,7 +5300,7 @@ function isPlatformWorkerUi(platformId) {
|
|
|
5300
5300
|
/**
|
|
5301
5301
|
* @publicApi
|
|
5302
5302
|
*/
|
|
5303
|
-
const VERSION = new Version('14.2.0
|
|
5303
|
+
const VERSION = new Version('14.2.0');
|
|
5304
5304
|
|
|
5305
5305
|
/**
|
|
5306
5306
|
* @license
|
|
@@ -5552,7 +5552,7 @@ function assertDevMode(checkName) {
|
|
|
5552
5552
|
* found in the LICENSE file at https://angular.io/license
|
|
5553
5553
|
*/
|
|
5554
5554
|
// Assembles directive details string, useful for error messages.
|
|
5555
|
-
function imgDirectiveDetails
|
|
5555
|
+
function imgDirectiveDetails(rawSrc, includeRawSrc = true) {
|
|
5556
5556
|
const rawSrcInfo = includeRawSrc ? `(activated on an <img> element with the \`rawSrc="${rawSrc}"\`) ` : '';
|
|
5557
5557
|
return `The NgOptimizedImage directive ${rawSrcInfo}has detected that`;
|
|
5558
5558
|
}
|
|
@@ -5573,16 +5573,6 @@ function getUrl(src, win) {
|
|
|
5573
5573
|
function isAbsoluteUrl(src) {
|
|
5574
5574
|
return /^https?:\/\//.test(src);
|
|
5575
5575
|
}
|
|
5576
|
-
// Assembles directive details string, useful for error messages.
|
|
5577
|
-
function imgDirectiveDetails(rawSrc, includeRawSrc = true) {
|
|
5578
|
-
const rawSrcInfo = includeRawSrc ? `(activated on an <img> element with the \`rawSrc="${rawSrc}"\`) ` : '';
|
|
5579
|
-
return `The NgOptimizedImage directive ${rawSrcInfo}has detected that`;
|
|
5580
|
-
}
|
|
5581
|
-
// Invokes a callback for each element in the array. Also invokes a callback
|
|
5582
|
-
// recursively for each nested array.
|
|
5583
|
-
function deepForEach$1(input, fn) {
|
|
5584
|
-
input.forEach(value => Array.isArray(value) ? deepForEach$1(value, fn) : fn(value));
|
|
5585
|
-
}
|
|
5586
5576
|
// Given a URL, extract the hostname part.
|
|
5587
5577
|
// If a URL is a relative one - the URL is returned as is.
|
|
5588
5578
|
function extractHostname(url) {
|
|
@@ -5702,7 +5692,7 @@ class PreconnectLinkChecker {
|
|
|
5702
5692
|
this.preconnectLinks = this.queryPreconnectLinks();
|
|
5703
5693
|
}
|
|
5704
5694
|
if (!this.preconnectLinks.has(imgUrl.origin)) {
|
|
5705
|
-
console.warn(ɵformatRuntimeError(2956 /* RuntimeErrorCode.PRIORITY_IMG_MISSING_PRECONNECT_TAG */, `${imgDirectiveDetails
|
|
5695
|
+
console.warn(ɵformatRuntimeError(2956 /* RuntimeErrorCode.PRIORITY_IMG_MISSING_PRECONNECT_TAG */, `${imgDirectiveDetails(rawSrc)} there is no preconnect tag present for this image. ` +
|
|
5706
5696
|
`Preconnecting to the origin(s) that serve priority images ensures that these ` +
|
|
5707
5697
|
`images are delivered as soon as possible. To fix this, please add the following ` +
|
|
5708
5698
|
`element into the <head> of the document:\n` +
|
|
@@ -5724,9 +5714,9 @@ class PreconnectLinkChecker {
|
|
|
5724
5714
|
this.alreadySeen.clear();
|
|
5725
5715
|
}
|
|
5726
5716
|
}
|
|
5727
|
-
PreconnectLinkChecker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
5728
|
-
PreconnectLinkChecker.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0
|
|
5729
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
5717
|
+
PreconnectLinkChecker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PreconnectLinkChecker, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
5718
|
+
PreconnectLinkChecker.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PreconnectLinkChecker, providedIn: 'root' });
|
|
5719
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: PreconnectLinkChecker, decorators: [{
|
|
5730
5720
|
type: Injectable,
|
|
5731
5721
|
args: [{ providedIn: 'root' }]
|
|
5732
5722
|
}], ctorParameters: function () { return []; } });
|
|
@@ -5778,14 +5768,14 @@ const IMAGE_LOADER = new InjectionToken('ImageLoader', {
|
|
|
5778
5768
|
*/
|
|
5779
5769
|
function createImageLoader(buildUrlFn, exampleUrls) {
|
|
5780
5770
|
return function provideImageLoader(path, options = { ensurePreconnect: true }) {
|
|
5781
|
-
if (
|
|
5771
|
+
if (!isValidPath(path)) {
|
|
5782
5772
|
throwInvalidPathError(path, exampleUrls || []);
|
|
5783
5773
|
}
|
|
5784
5774
|
// The trailing / is stripped (if provided) to make URL construction (concatenation) easier in
|
|
5785
5775
|
// the individual loader functions.
|
|
5786
5776
|
path = normalizePath(path);
|
|
5787
5777
|
const loaderFn = (config) => {
|
|
5788
|
-
if (
|
|
5778
|
+
if (isAbsoluteUrl(config.src)) {
|
|
5789
5779
|
// Image loader functions expect an image file name (e.g. `my-image.png`)
|
|
5790
5780
|
// or a relative path + a file name (e.g. `/a/b/c/my-image.png`) as an input,
|
|
5791
5781
|
// so the final absolute URL can be constructed.
|
|
@@ -5803,16 +5793,17 @@ function createImageLoader(buildUrlFn, exampleUrls) {
|
|
|
5803
5793
|
};
|
|
5804
5794
|
}
|
|
5805
5795
|
function throwInvalidPathError(path, exampleUrls) {
|
|
5806
|
-
|
|
5807
|
-
|
|
5808
|
-
|
|
5796
|
+
throw new ɵRuntimeError(2959 /* RuntimeErrorCode.INVALID_LOADER_ARGUMENTS */, ngDevMode &&
|
|
5797
|
+
`Image loader has detected an invalid path (\`${path}\`). ` +
|
|
5798
|
+
`To fix this, supply a path using one of the following formats: ${exampleUrls.join(' or ')}`);
|
|
5809
5799
|
}
|
|
5810
5800
|
function throwUnexpectedAbsoluteUrlError(path, url) {
|
|
5811
|
-
throw new ɵRuntimeError(2959 /* RuntimeErrorCode.INVALID_LOADER_ARGUMENTS */,
|
|
5812
|
-
`
|
|
5813
|
-
|
|
5814
|
-
|
|
5815
|
-
|
|
5801
|
+
throw new ɵRuntimeError(2959 /* RuntimeErrorCode.INVALID_LOADER_ARGUMENTS */, ngDevMode &&
|
|
5802
|
+
`Image loader has detected a \`<img>\` tag with an invalid \`rawSrc\` attribute: ${url}. ` +
|
|
5803
|
+
`This image loader expects \`rawSrc\` to be a relative URL - ` +
|
|
5804
|
+
`however the provided value is an absolute URL. ` +
|
|
5805
|
+
`To fix this, provide \`rawSrc\` as a path relative to the base URL ` +
|
|
5806
|
+
`configured for this loader (\`${path}\`).`);
|
|
5816
5807
|
}
|
|
5817
5808
|
|
|
5818
5809
|
/**
|
|
@@ -6036,14 +6027,14 @@ class LCPImageObserver {
|
|
|
6036
6027
|
this.alreadyWarned.clear();
|
|
6037
6028
|
}
|
|
6038
6029
|
}
|
|
6039
|
-
LCPImageObserver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
6040
|
-
LCPImageObserver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0
|
|
6041
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
6030
|
+
LCPImageObserver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LCPImageObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
6031
|
+
LCPImageObserver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LCPImageObserver, providedIn: 'root' });
|
|
6032
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: LCPImageObserver, decorators: [{
|
|
6042
6033
|
type: Injectable,
|
|
6043
6034
|
args: [{ providedIn: 'root' }]
|
|
6044
6035
|
}], ctorParameters: function () { return []; } });
|
|
6045
6036
|
function logMissingPriorityWarning(rawSrc) {
|
|
6046
|
-
const directiveDetails = imgDirectiveDetails
|
|
6037
|
+
const directiveDetails = imgDirectiveDetails(rawSrc);
|
|
6047
6038
|
console.warn(ɵformatRuntimeError(2955 /* RuntimeErrorCode.LCP_IMG_MISSING_PRIORITY */, `${directiveDetails} this image is the Largest Contentful Paint (LCP) ` +
|
|
6048
6039
|
`element but was not marked "priority". This image should be marked ` +
|
|
6049
6040
|
`"priority" in order to prioritize its loading. ` +
|
|
@@ -6072,9 +6063,9 @@ const BASE64_IMG_MAX_LENGTH_IN_ERROR = 50;
|
|
|
6072
6063
|
const VALID_WIDTH_DESCRIPTOR_SRCSET = /^((\s*\d+w\s*(,|$)){1,})$/;
|
|
6073
6064
|
/**
|
|
6074
6065
|
* RegExpr to determine whether a src in a srcset is using density descriptors.
|
|
6075
|
-
* Should match something like: "1x, 2x".
|
|
6066
|
+
* Should match something like: "1x, 2x, 50x". Also supports decimals like "1.5x, 1.50x".
|
|
6076
6067
|
*/
|
|
6077
|
-
const VALID_DENSITY_DESCRIPTOR_SRCSET = /^((\s*\d(\.\d)?x\s*(,|$)){1,})$/;
|
|
6068
|
+
const VALID_DENSITY_DESCRIPTOR_SRCSET = /^((\s*\d+(\.\d+)?x\s*(,|$)){1,})$/;
|
|
6078
6069
|
/**
|
|
6079
6070
|
* Srcset values with a density descriptor higher than this value will actively
|
|
6080
6071
|
* throw an error. Such densities are not permitted as they cause image sizes
|
|
@@ -6145,7 +6136,7 @@ const OVERSIZED_IMAGE_TOLERANCE = 1000;
|
|
|
6145
6136
|
*
|
|
6146
6137
|
* To use the **default loader**: no additional code changes are necessary. The URL returned by the
|
|
6147
6138
|
* generic loader will always match the value of "src". In other words, this loader applies no
|
|
6148
|
-
* transformations to
|
|
6139
|
+
* transformations to the resource URL and the value of the `rawSrc` attribute will be used as is.
|
|
6149
6140
|
*
|
|
6150
6141
|
* To use an existing loader for a **third-party image service**: add the provider factory for your
|
|
6151
6142
|
* chosen service to the `providers` array. In the example below, the Imgix loader is used:
|
|
@@ -6200,6 +6191,8 @@ class NgOptimizedImage {
|
|
|
6200
6191
|
this.renderer = inject(Renderer2);
|
|
6201
6192
|
this.imgElement = inject(ElementRef).nativeElement;
|
|
6202
6193
|
this.injector = inject(Injector);
|
|
6194
|
+
// a LCP image observer - should be injected only in the dev mode
|
|
6195
|
+
this.lcpObserver = ngDevMode ? this.injector.get(LCPImageObserver) : null;
|
|
6203
6196
|
/**
|
|
6204
6197
|
* Calculate the rewritten `src` once and store it.
|
|
6205
6198
|
* This is needed to avoid repetitive calculations and make sure the directive cleanup in the
|
|
@@ -6257,7 +6250,12 @@ class NgOptimizedImage {
|
|
|
6257
6250
|
// Monitor whether an image is an LCP element only in case
|
|
6258
6251
|
// the `priority` attribute is missing. Otherwise, an image
|
|
6259
6252
|
// has the necessary settings and no extra checks are required.
|
|
6260
|
-
|
|
6253
|
+
if (this.lcpObserver !== null) {
|
|
6254
|
+
const ngZone = this.injector.get(NgZone);
|
|
6255
|
+
ngZone.runOutsideAngular(() => {
|
|
6256
|
+
this.lcpObserver.registerImage(this.getRewrittenSrc(), this.rawSrc);
|
|
6257
|
+
});
|
|
6258
|
+
}
|
|
6261
6259
|
}
|
|
6262
6260
|
}
|
|
6263
6261
|
this.setHostAttributes();
|
|
@@ -6312,8 +6310,8 @@ class NgOptimizedImage {
|
|
|
6312
6310
|
}
|
|
6313
6311
|
ngOnDestroy() {
|
|
6314
6312
|
if (ngDevMode) {
|
|
6315
|
-
if (!this.priority && this._renderedSrc !== null) {
|
|
6316
|
-
|
|
6313
|
+
if (!this.priority && this._renderedSrc !== null && this.lcpObserver !== null) {
|
|
6314
|
+
this.lcpObserver.unregisterImage(this._renderedSrc);
|
|
6317
6315
|
}
|
|
6318
6316
|
}
|
|
6319
6317
|
}
|
|
@@ -6321,9 +6319,9 @@ class NgOptimizedImage {
|
|
|
6321
6319
|
this.renderer.setAttribute(this.imgElement, name, value);
|
|
6322
6320
|
}
|
|
6323
6321
|
}
|
|
6324
|
-
NgOptimizedImage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0
|
|
6325
|
-
NgOptimizedImage.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0
|
|
6326
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0
|
|
6322
|
+
NgOptimizedImage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgOptimizedImage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
6323
|
+
NgOptimizedImage.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", type: NgOptimizedImage, isStandalone: true, selector: "img[rawSrc]", inputs: { rawSrc: "rawSrc", rawSrcset: "rawSrcset", width: "width", height: "height", loading: "loading", priority: "priority", src: "src", srcset: "srcset" }, usesOnChanges: true, ngImport: i0 });
|
|
6324
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: NgOptimizedImage, decorators: [{
|
|
6327
6325
|
type: Directive,
|
|
6328
6326
|
args: [{
|
|
6329
6327
|
standalone: true,
|
|
@@ -6359,30 +6357,13 @@ function inputToInteger(value) {
|
|
|
6359
6357
|
function inputToBoolean(value) {
|
|
6360
6358
|
return value != null && `${value}` !== 'false';
|
|
6361
6359
|
}
|
|
6362
|
-
/**
|
|
6363
|
-
* Invokes a function, passing an instance of the `LCPImageObserver` as an argument.
|
|
6364
|
-
*
|
|
6365
|
-
* Notes:
|
|
6366
|
-
* - the `LCPImageObserver` is a tree-shakable provider, provided in 'root',
|
|
6367
|
-
* thus it's a singleton within this application
|
|
6368
|
-
* - the process of `LCPImageObserver` creation and an actual operation are invoked outside of the
|
|
6369
|
-
* NgZone to make sure none of the calls inside the `LCPImageObserver` class trigger unnecessary
|
|
6370
|
-
* change detection
|
|
6371
|
-
*/
|
|
6372
|
-
function invokeLCPImageObserverCallback(injector, operation) {
|
|
6373
|
-
const ngZone = injector.get(NgZone);
|
|
6374
|
-
return ngZone.runOutsideAngular(() => {
|
|
6375
|
-
const observer = injector.get(LCPImageObserver);
|
|
6376
|
-
operation(observer);
|
|
6377
|
-
});
|
|
6378
|
-
}
|
|
6379
6360
|
/***** Assert functions *****/
|
|
6380
6361
|
/**
|
|
6381
6362
|
* Verifies that there is no `src` set on a host element.
|
|
6382
6363
|
*/
|
|
6383
6364
|
function assertNoConflictingSrc(dir) {
|
|
6384
6365
|
if (dir.src) {
|
|
6385
|
-
throw new ɵRuntimeError(2950 /* RuntimeErrorCode.UNEXPECTED_SRC_ATTR */, `${imgDirectiveDetails
|
|
6366
|
+
throw new ɵRuntimeError(2950 /* RuntimeErrorCode.UNEXPECTED_SRC_ATTR */, `${imgDirectiveDetails(dir.rawSrc)} both \`src\` and \`rawSrc\` have been set. ` +
|
|
6386
6367
|
`Supplying both of these attributes breaks lazy loading. ` +
|
|
6387
6368
|
`The NgOptimizedImage directive sets \`src\` itself based on the value of \`rawSrc\`. ` +
|
|
6388
6369
|
`To fix this, please remove the \`src\` attribute.`);
|
|
@@ -6393,7 +6374,7 @@ function assertNoConflictingSrc(dir) {
|
|
|
6393
6374
|
*/
|
|
6394
6375
|
function assertNoConflictingSrcset(dir) {
|
|
6395
6376
|
if (dir.srcset) {
|
|
6396
|
-
throw new ɵRuntimeError(2951 /* RuntimeErrorCode.UNEXPECTED_SRCSET_ATTR */, `${imgDirectiveDetails
|
|
6377
|
+
throw new ɵRuntimeError(2951 /* RuntimeErrorCode.UNEXPECTED_SRCSET_ATTR */, `${imgDirectiveDetails(dir.rawSrc)} both \`srcset\` and \`rawSrcset\` have been set. ` +
|
|
6397
6378
|
`Supplying both of these attributes breaks lazy loading. ` +
|
|
6398
6379
|
`The NgOptimizedImage directive sets \`srcset\` itself based on the value of ` +
|
|
6399
6380
|
`\`rawSrcset\`. To fix this, please remove the \`srcset\` attribute.`);
|
|
@@ -6408,7 +6389,7 @@ function assertNotBase64Image(dir) {
|
|
|
6408
6389
|
if (rawSrc.length > BASE64_IMG_MAX_LENGTH_IN_ERROR) {
|
|
6409
6390
|
rawSrc = rawSrc.substring(0, BASE64_IMG_MAX_LENGTH_IN_ERROR) + '...';
|
|
6410
6391
|
}
|
|
6411
|
-
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails
|
|
6392
|
+
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.rawSrc, false)} \`rawSrc\` is a Base64-encoded string ` +
|
|
6412
6393
|
`(${rawSrc}). NgOptimizedImage does not support Base64-encoded strings. ` +
|
|
6413
6394
|
`To fix this, disable the NgOptimizedImage directive for this element ` +
|
|
6414
6395
|
`by removing \`rawSrc\` and using a standard \`src\` attribute instead.`);
|
|
@@ -6420,7 +6401,7 @@ function assertNotBase64Image(dir) {
|
|
|
6420
6401
|
function assertNotBlobUrl(dir) {
|
|
6421
6402
|
const rawSrc = dir.rawSrc.trim();
|
|
6422
6403
|
if (rawSrc.startsWith('blob:')) {
|
|
6423
|
-
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails
|
|
6404
|
+
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.rawSrc)} \`rawSrc\` was set to a blob URL (${rawSrc}). ` +
|
|
6424
6405
|
`Blob URLs are not supported by the NgOptimizedImage directive. ` +
|
|
6425
6406
|
`To fix this, disable the NgOptimizedImage directive for this element ` +
|
|
6426
6407
|
`by removing \`rawSrc\` and using a regular \`src\` attribute instead.`);
|
|
@@ -6433,7 +6414,7 @@ function assertNonEmptyInput(dir, name, value) {
|
|
|
6433
6414
|
const isString = typeof value === 'string';
|
|
6434
6415
|
const isEmptyString = isString && value.trim() === '';
|
|
6435
6416
|
if (!isString || isEmptyString) {
|
|
6436
|
-
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails
|
|
6417
|
+
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.rawSrc)} \`${name}\` has an invalid value ` +
|
|
6437
6418
|
`(\`${value}\`). To fix this, change the value to a non-empty string.`);
|
|
6438
6419
|
}
|
|
6439
6420
|
}
|
|
@@ -6452,7 +6433,7 @@ function assertValidRawSrcset(dir, value) {
|
|
|
6452
6433
|
}
|
|
6453
6434
|
const isValidSrcset = isValidWidthDescriptor || isValidDensityDescriptor;
|
|
6454
6435
|
if (!isValidSrcset) {
|
|
6455
|
-
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails
|
|
6436
|
+
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.rawSrc)} \`rawSrcset\` has an invalid value (\`${value}\`). ` +
|
|
6456
6437
|
`To fix this, supply \`rawSrcset\` using a comma-separated list of one or more width ` +
|
|
6457
6438
|
`descriptors (e.g. "100w, 200w") or density descriptors (e.g. "1x, 2x").`);
|
|
6458
6439
|
}
|
|
@@ -6460,12 +6441,12 @@ function assertValidRawSrcset(dir, value) {
|
|
|
6460
6441
|
function assertUnderDensityCap(dir, value) {
|
|
6461
6442
|
const underDensityCap = value.split(',').every(num => num === '' || parseFloat(num) <= ABSOLUTE_SRCSET_DENSITY_CAP);
|
|
6462
6443
|
if (!underDensityCap) {
|
|
6463
|
-
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails
|
|
6444
|
+
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.rawSrc)} the \`rawSrcset\` contains an unsupported image density:` +
|
|
6464
6445
|
`\`${value}\`. NgOptimizedImage generally recommends a max image density of ` +
|
|
6465
6446
|
`${RECOMMENDED_SRCSET_DENSITY_CAP}x but supports image densities up to ` +
|
|
6466
6447
|
`${ABSOLUTE_SRCSET_DENSITY_CAP}x. The human eye cannot distinguish between image densities ` +
|
|
6467
6448
|
`greater than ${RECOMMENDED_SRCSET_DENSITY_CAP}x - which makes them unnecessary for ` +
|
|
6468
|
-
`most use cases. Images that will be pinch-zoomed are typically the primary use case for` +
|
|
6449
|
+
`most use cases. Images that will be pinch-zoomed are typically the primary use case for ` +
|
|
6469
6450
|
`${ABSOLUTE_SRCSET_DENSITY_CAP}x images. Please remove the high density descriptor and try again.`);
|
|
6470
6451
|
}
|
|
6471
6452
|
}
|
|
@@ -6474,7 +6455,7 @@ function assertUnderDensityCap(dir, value) {
|
|
|
6474
6455
|
* the directive has initialized.
|
|
6475
6456
|
*/
|
|
6476
6457
|
function postInitInputChangeError(dir, inputName) {
|
|
6477
|
-
return new ɵRuntimeError(2953 /* RuntimeErrorCode.UNEXPECTED_INPUT_CHANGE */, `${imgDirectiveDetails
|
|
6458
|
+
return new ɵRuntimeError(2953 /* RuntimeErrorCode.UNEXPECTED_INPUT_CHANGE */, `${imgDirectiveDetails(dir.rawSrc)} \`${inputName}\` was updated after initialization. ` +
|
|
6478
6459
|
`The NgOptimizedImage directive will not react to this input change. ` +
|
|
6479
6460
|
`To fix this, switch \`${inputName}\` a static value or wrap the image element ` +
|
|
6480
6461
|
`in an *ngIf that is gated on the necessary value.`);
|
|
@@ -6504,7 +6485,7 @@ function assertGreaterThanZero(dir, inputValue, inputName) {
|
|
|
6504
6485
|
const validNumber = typeof inputValue === 'number' && inputValue > 0;
|
|
6505
6486
|
const validString = typeof inputValue === 'string' && /^\d+$/.test(inputValue.trim()) && parseInt(inputValue) > 0;
|
|
6506
6487
|
if (!validNumber && !validString) {
|
|
6507
|
-
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails
|
|
6488
|
+
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.rawSrc)} \`${inputName}\` has an invalid value ` +
|
|
6508
6489
|
`(\`${inputValue}\`). To fix this, provide \`${inputName}\` ` +
|
|
6509
6490
|
`as a number greater than 0.`);
|
|
6510
6491
|
}
|
|
@@ -6539,7 +6520,7 @@ function assertNoImageDistortion(dir, img, renderer) {
|
|
|
6539
6520
|
const stylingDistortion = nonZeroRenderedDimensions &&
|
|
6540
6521
|
Math.abs(intrinsicAspectRatio - renderedAspectRatio) > ASPECT_RATIO_TOLERANCE;
|
|
6541
6522
|
if (inaccurateDimensions) {
|
|
6542
|
-
console.warn(ɵformatRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails
|
|
6523
|
+
console.warn(ɵformatRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.rawSrc)} the aspect ratio of the image does not match ` +
|
|
6543
6524
|
`the aspect ratio indicated by the width and height attributes. ` +
|
|
6544
6525
|
`Intrinsic image size: ${intrinsicWidth}w x ${intrinsicHeight}h ` +
|
|
6545
6526
|
`(aspect-ratio: ${intrinsicAspectRatio}). Supplied width and height attributes: ` +
|
|
@@ -6547,7 +6528,7 @@ function assertNoImageDistortion(dir, img, renderer) {
|
|
|
6547
6528
|
`To fix this, update the width and height attributes.`));
|
|
6548
6529
|
}
|
|
6549
6530
|
else if (stylingDistortion) {
|
|
6550
|
-
console.warn(ɵformatRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails
|
|
6531
|
+
console.warn(ɵformatRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.rawSrc)} the aspect ratio of the rendered image ` +
|
|
6551
6532
|
`does not match the image's intrinsic aspect ratio. ` +
|
|
6552
6533
|
`Intrinsic image size: ${intrinsicWidth}w x ${intrinsicHeight}h ` +
|
|
6553
6534
|
`(aspect-ratio: ${intrinsicAspectRatio}). Rendered image size: ` +
|
|
@@ -6565,12 +6546,12 @@ function assertNoImageDistortion(dir, img, renderer) {
|
|
|
6565
6546
|
const oversizedWidth = (intrinsicWidth - recommendedWidth) >= OVERSIZED_IMAGE_TOLERANCE;
|
|
6566
6547
|
const oversizedHeight = (intrinsicHeight - recommendedHeight) >= OVERSIZED_IMAGE_TOLERANCE;
|
|
6567
6548
|
if (oversizedWidth || oversizedHeight) {
|
|
6568
|
-
console.warn(ɵformatRuntimeError(2960 /* RuntimeErrorCode.OVERSIZED_IMAGE */, `${imgDirectiveDetails
|
|
6549
|
+
console.warn(ɵformatRuntimeError(2960 /* RuntimeErrorCode.OVERSIZED_IMAGE */, `${imgDirectiveDetails(dir.rawSrc)} the intrinsic image is significantly ` +
|
|
6569
6550
|
`larger than necessary. ` +
|
|
6570
|
-
|
|
6571
|
-
|
|
6572
|
-
|
|
6573
|
-
|
|
6551
|
+
`\nRendered image size: ${renderedWidth}w x ${renderedHeight}h. ` +
|
|
6552
|
+
`\nIntrinsic image size: ${intrinsicWidth}w x ${intrinsicHeight}h. ` +
|
|
6553
|
+
`\nRecommended intrinsic image size: ${recommendedWidth}w x ${recommendedHeight}h. ` +
|
|
6554
|
+
`\nNote: Recommended intrinsic image size is calculated assuming a maximum DPR of ` +
|
|
6574
6555
|
`${RECOMMENDED_SRCSET_DENSITY_CAP}. To improve loading time, resize the image ` +
|
|
6575
6556
|
`or consider using the "rawSrcset" and "sizes" attributes.`));
|
|
6576
6557
|
}
|
|
@@ -6587,7 +6568,7 @@ function assertNonEmptyWidthAndHeight(dir) {
|
|
|
6587
6568
|
if (dir.height === undefined)
|
|
6588
6569
|
missingAttributes.push('height');
|
|
6589
6570
|
if (missingAttributes.length > 0) {
|
|
6590
|
-
throw new ɵRuntimeError(2954 /* RuntimeErrorCode.REQUIRED_INPUT_MISSING */, `${imgDirectiveDetails
|
|
6571
|
+
throw new ɵRuntimeError(2954 /* RuntimeErrorCode.REQUIRED_INPUT_MISSING */, `${imgDirectiveDetails(dir.rawSrc)} these required attributes ` +
|
|
6591
6572
|
`are missing: ${missingAttributes.map(attr => `"${attr}"`).join(', ')}. ` +
|
|
6592
6573
|
`Including "width" and "height" attributes will prevent image-related layout shifts. ` +
|
|
6593
6574
|
`To fix this, include "width" and "height" attributes on the image tag.`);
|
|
@@ -6599,7 +6580,7 @@ function assertNonEmptyWidthAndHeight(dir) {
|
|
|
6599
6580
|
*/
|
|
6600
6581
|
function assertValidLoadingInput(dir) {
|
|
6601
6582
|
if (dir.loading && dir.priority) {
|
|
6602
|
-
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails
|
|
6583
|
+
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.rawSrc)} the \`loading\` attribute ` +
|
|
6603
6584
|
`was used on an image that was marked "priority". ` +
|
|
6604
6585
|
`Setting \`loading\` on priority images is not allowed ` +
|
|
6605
6586
|
`because these images will always be eagerly loaded. ` +
|
|
@@ -6607,7 +6588,7 @@ function assertValidLoadingInput(dir) {
|
|
|
6607
6588
|
}
|
|
6608
6589
|
const validInputs = ['auto', 'eager', 'lazy'];
|
|
6609
6590
|
if (typeof dir.loading === 'string' && !validInputs.includes(dir.loading)) {
|
|
6610
|
-
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails
|
|
6591
|
+
throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.rawSrc)} the \`loading\` attribute ` +
|
|
6611
6592
|
`has an invalid value (\`${dir.loading}\`). ` +
|
|
6612
6593
|
`To fix this, provide a valid value ("lazy", "eager", or "auto").`);
|
|
6613
6594
|
}
|