@angular/common 17.2.0-next.0 → 17.2.0-next.1

package/fesm2022/common.mjs

@@ -1,11 +1,11 @@
 /**
- * @license Angular v17.2.0-next.0
+ * @license Angular v17.2.0-next.1
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
 
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, Optional, Inject, EventEmitter, ɵɵinject, ɵfindLocaleData, ɵLocaleDataIndex, ɵgetLocaleCurrencyCode, ɵgetLocalePluralCase, LOCALE_ID, ɵregisterLocaleData, ɵstringify, Directive, Input, createNgModule, NgModuleRef, ɵRuntimeError, ɵformatRuntimeError, Host, Attribute, RendererStyleFlags2, untracked, ɵisPromise, ɵisSubscribable, Pipe, DEFAULT_CURRENCY_CODE, NgModule, Version, ɵɵdefineInjectable, PLATFORM_ID, ɵIMAGE_CONFIG, Renderer2, ElementRef, Injector, ɵperformanceMarkFeature, NgZone, numberAttribute, booleanAttribute, ɵIMAGE_CONFIG_DEFAULTS, ɵunwrapSafeValue } from '@angular/core';
+import { Injectable, InjectionToken, inject, Optional, Inject, EventEmitter, ɵɵinject, ɵfindLocaleData, ɵLocaleDataIndex, ɵgetLocaleCurrencyCode, ɵgetLocalePluralCase, LOCALE_ID, ɵregisterLocaleData, ɵstringify, Directive, Input, createNgModule, NgModuleRef, ɵRuntimeError, ɵformatRuntimeError, Host, Attribute, RendererStyleFlags2, untracked, ɵisPromise, ɵisSubscribable, Pipe, DEFAULT_CURRENCY_CODE, NgModule, Version, ɵɵdefineInjectable, PLATFORM_ID, ɵIMAGE_CONFIG, Renderer2, ElementRef, Injector, ɵperformanceMarkFeature, NgZone, numberAttribute, booleanAttribute, ɵIMAGE_CONFIG_DEFAULTS, ɵunwrapSafeValue } from '@angular/core';
 export { ɵIMAGE_CONFIG as IMAGE_CONFIG } from '@angular/core';
 
 let _DOM = null;
@@ -13,9 +13,7 @@ function getDOM() {
     return _DOM;
 }
 function setRootDomAdapter(adapter) {
-    if (!_DOM) {
-        _DOM = adapter;
-    }
+    _DOM ??= adapter;
 }
 /* tslint:disable:requireParameterType */
 /**
@@ -27,6 +25,19 @@ function setRootDomAdapter(adapter) {
 class DomAdapter {
 }
 
+/**
+ * This class wraps the platform Navigation API which allows server-specific and test
+ * implementations.
+ */
+class PlatformNavigation {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PlatformNavigation, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PlatformNavigation, providedIn: 'platform', useFactory: () => window.navigation }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PlatformNavigation, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'platform', useFactory: () => window.navigation }]
+        }] });
+
 /**
  * A DI Token representing the main rendering context.
  * In a browser and SSR this is the DOM Document.
@@ -34,7 +45,7 @@ class DomAdapter {
  *
  * @publicApi
  */
-const DOCUMENT = new InjectionToken('DocumentToken');
+const DOCUMENT = new InjectionToken(ngDevMode ? 'DocumentToken' : '');
 
 /**
  * This class should not be used directly by an application developer. Instead, use
@@ -60,12 +71,12 @@ const DOCUMENT = new InjectionToken('DocumentToken');
  */
 class PlatformLocation {
     historyGo(relativePosition) {
-        throw new Error('Not implemented');
+        throw new Error(ngDevMode ? 'Not implemented' : '');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PlatformLocation, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PlatformLocation, providedIn: 'platform', useFactory: () => inject(BrowserPlatformLocation) }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PlatformLocation, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PlatformLocation, providedIn: 'platform', useFactory: () => inject(BrowserPlatformLocation) }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PlatformLocation, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PlatformLocation, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'platform', useFactory: () => inject(BrowserPlatformLocation) }]
         }] });
@@ -75,7 +86,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0",
  *
  * @publicApi
  */
-const LOCATION_INITIALIZED = new InjectionToken('Location Initialized');
+const LOCATION_INITIALIZED = new InjectionToken(ngDevMode ? 'Location Initialized' : '');
 /**
  * `PlatformLocation` encapsulates all of the direct calls to platform APIs.
  * This class should not be used directly by an application developer. Instead, use
@@ -145,10 +156,10 @@ class BrowserPlatformLocation extends PlatformLocation {
     getState() {
         return this._history.state;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: BrowserPlatformLocation, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: BrowserPlatformLocation, providedIn: 'platform', useFactory: () => new BrowserPlatformLocation() }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: BrowserPlatformLocation, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: BrowserPlatformLocation, providedIn: 'platform', useFactory: () => new BrowserPlatformLocation() }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: BrowserPlatformLocation, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: BrowserPlatformLocation, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'platform',
@@ -198,7 +209,7 @@ function joinWithSlash(start, end) {
  */
 function stripTrailingSlash(url) {
     const match = url.match(/#|\?|$/);
-    const pathEndIdx = match && match.index || url.length;
+    const pathEndIdx = (match && match.index) || url.length;
     const droppedSlashIdx = pathEndIdx - (url[pathEndIdx - 1] === '/' ? 1 : 0);
     return url.slice(0, droppedSlashIdx) + url.slice(pathEndIdx);
 }
@@ -232,12 +243,12 @@ function normalizeQueryParams(params) {
  */
 class LocationStrategy {
     historyGo(relativePosition) {
-        throw new Error('Not implemented');
+        throw new Error(ngDevMode ? 'Not implemented' : '');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: LocationStrategy, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: LocationStrategy, providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: LocationStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: LocationStrategy, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root', useFactory: () => inject(PathLocationStrategy) }]
         }] });
@@ -264,7 +275,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0",
  *
  * @publicApi
  */
-const APP_BASE_HREF = new InjectionToken('appBaseHref');
+const APP_BASE_HREF = new InjectionToken(ngDevMode ? 'appBaseHref' : '');
 /**
  * @description
  * A {@link LocationStrategy} used to configure the {@link Location} service to
@@ -301,8 +312,11 @@ class PathLocationStrategy extends LocationStrategy {
         super();
         this._platformLocation = _platformLocation;
         this._removeListenerFns = [];
-        this._baseHref = href ?? this._platformLocation.getBaseHrefFromDOM() ??
-            inject(DOCUMENT).location?.origin ?? '';
+        this._baseHref =
+            href ??
+                this._platformLocation.getBaseHrefFromDOM() ??
+                inject(DOCUMENT).location?.origin ??
+                '';
     }
     /** @nodoc */
     ngOnDestroy() {
@@ -344,10 +358,10 @@ class PathLocationStrategy extends LocationStrategy {
     historyGo(relativePosition = 0) {
         this._platformLocation.historyGo?.(relativePosition);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PathLocationStrategy, deps: [{ token: PlatformLocation }, { token: APP_BASE_HREF, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PathLocationStrategy, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PathLocationStrategy, deps: [{ token: PlatformLocation }, { token: APP_BASE_HREF, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PathLocationStrategy, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PathLocationStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PathLocationStrategy, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [{ type: PlatformLocation }, { type: undefined, decorators: [{
@@ -400,14 +414,12 @@ class HashLocationStrategy extends LocationStrategy {
     path(includeHash = false) {
         // the hash value is always prefixed with a `#`
         // and if it is empty then it will stay empty
-        let path = this._platformLocation.hash;
-        if (path == null)
-            path = '#';
+        const path = this._platformLocation.hash ?? '#';
         return path.length > 0 ? path.substring(1) : path;
     }
     prepareExternalUrl(internal) {
         const url = joinWithSlash(this._baseHref, internal);
-        return url.length > 0 ? ('#' + url) : url;
+        return url.length > 0 ? '#' + url : url;
     }
     pushState(state, title, path, queryParams) {
         let url = this.prepareExternalUrl(path + normalizeQueryParams(queryParams));
@@ -435,10 +447,10 @@ class HashLocationStrategy extends LocationStrategy {
     historyGo(relativePosition = 0) {
         this._platformLocation.historyGo?.(relativePosition);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: HashLocationStrategy, deps: [{ token: PlatformLocation }, { token: APP_BASE_HREF, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: HashLocationStrategy }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: HashLocationStrategy, deps: [{ token: PlatformLocation }, { token: APP_BASE_HREF, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: HashLocationStrategy }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: HashLocationStrategy, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: HashLocationStrategy, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: PlatformLocation }, { type: undefined, decorators: [{
                     type: Optional
@@ -625,11 +637,9 @@ class Location {
      */
     onUrlChange(fn) {
         this._urlChangeListeners.push(fn);
-        if (!this._urlChangeSubscription) {
-            this._urlChangeSubscription = this.subscribe(v => {
-                this._notifyUrlChangeListeners(v.url, v.state);
-            });
-        }
+        this._urlChangeSubscription ??= this.subscribe((v) => {
+            this._notifyUrlChangeListeners(v.url, v.state);
+        });
         return () => {
             const fnIndex = this._urlChangeListeners.indexOf(fn);
             this._urlChangeListeners.splice(fnIndex, 1);
@@ -641,7 +651,7 @@ class Location {
     }
     /** @internal */
     _notifyUrlChangeListeners(url = '', state) {
-        this._urlChangeListeners.forEach(fn => fn(url, state));
+        this._urlChangeListeners.forEach((fn) => fn(url, state));
     }
     /**
      * Subscribes to the platform's `popState` events.
@@ -687,10 +697,10 @@ class Location {
      * @returns The URL string, modified if needed.
      */
     static { this.stripTrailingSlash = stripTrailingSlash; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: Location, deps: [{ token: LocationStrategy }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: Location, providedIn: 'root', useFactory: createLocation }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: Location, deps: [{ token: LocationStrategy }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: Location, providedIn: 'root', useFactory: createLocation }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: Location, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: Location, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -720,7 +730,7 @@ function _stripOrigin(baseHref) {
     // syntactically incorrect code after Closure Compiler minification.
     // This was likely caused by a bug in Closure Compiler, but
     // for now, the check is rewritten to use `new RegExp` instead.
-    const isAbsoluteUrl = (new RegExp('^(https?:)?//')).test(baseHref);
+    const isAbsoluteUrl = new RegExp('^(https?:)?//').test(baseHref);
     if (isAbsoluteUrl) {
         const [, pathname] = baseHref.split(/\/\/[^\/]+/);
         return pathname;
@@ -954,7 +964,8 @@ function getLocaleId(locale) {
 function getLocaleDayPeriods(locale, formStyle, width) {
     const data = ɵfindLocaleData(locale);
     const amPmData = [
-        data[ɵLocaleDataIndex.DayPeriodsFormat], data[ɵLocaleDataIndex.DayPeriodsStandalone]
+        data[ɵLocaleDataIndex.DayPeriodsFormat],
+        data[ɵLocaleDataIndex.DayPeriodsStandalone],
     ];
     const amPm = getLastDefinedValue(amPmData, formStyle);
     return getLastDefinedValue(amPm, width);
@@ -973,7 +984,10 @@ function getLocaleDayPeriods(locale, formStyle, width) {
  */
 function getLocaleDayNames(locale, formStyle, width) {
     const data = ɵfindLocaleData(locale);
-    const daysData = [data[ɵLocaleDataIndex.DaysFormat], data[ɵLocaleDataIndex.DaysStandalone]];
+    const daysData = [
+        data[ɵLocaleDataIndex.DaysFormat],
+        data[ɵLocaleDataIndex.DaysStandalone],
+    ];
     const days = getLastDefinedValue(daysData, formStyle);
     return getLastDefinedValue(days, width);
 }
@@ -991,7 +1005,10 @@ function getLocaleDayNames(locale, formStyle, width) {
  */
 function getLocaleMonthNames(locale, formStyle, width) {
     const data = ɵfindLocaleData(locale);
-    const monthsData = [data[ɵLocaleDataIndex.MonthsFormat], data[ɵLocaleDataIndex.MonthsStandalone]];
+    const monthsData = [
+        data[ɵLocaleDataIndex.MonthsFormat],
+        data[ɵLocaleDataIndex.MonthsStandalone],
+    ];
     const months = getLastDefinedValue(monthsData, formStyle);
     return getLastDefinedValue(months, width);
 }
@@ -1206,8 +1223,7 @@ function getLocaleCurrencies(locale) {
 const getLocalePluralCase = ɵgetLocalePluralCase;
 function checkFullData(data) {
     if (!data[ɵLocaleDataIndex.ExtraData]) {
-        throw new Error(`Missing extra locale data for the locale "${data[ɵLocaleDataIndex
-            .LocaleId]}". Use "registerLocaleData" to load new data. See the "I18n guide" on angular.io to know more.`);
+        throw new Error(`Missing extra locale data for the locale "${data[ɵLocaleDataIndex.LocaleId]}". Use "registerLocaleData" to load new data. See the "I18n guide" on angular.io to know more.`);
     }
 }
 /**
@@ -1265,7 +1281,7 @@ function getLocaleExtraDayPeriods(locale, formStyle, width) {
     checkFullData(data);
     const dayPeriodsData = [
         data[ɵLocaleDataIndex.ExtraData][0 /* ɵExtraLocaleDataIndex.ExtraDayPeriodFormats */],
-        data[ɵLocaleDataIndex.ExtraData][1 /* ɵExtraLocaleDataIndex.ExtraDayPeriodStandalone */]
+        data[ɵLocaleDataIndex.ExtraData][1 /* ɵExtraLocaleDataIndex.ExtraDayPeriodStandalone */],
     ];
     const dayPeriods = getLastDefinedValue(dayPeriodsData, formStyle) || [];
     return getLastDefinedValue(dayPeriods, width) || [];
@@ -1430,11 +1446,13 @@ function formatDate(value, format, locale, timezone) {
         date = convertTimezoneToLocal(date, timezone, true);
     }
     let text = '';
-    parts.forEach(value => {
+    parts.forEach((value) => {
         const dateFormatter = getDateFormatter(value);
-        text += dateFormatter ? dateFormatter(date, locale, dateTimezoneOffset) :
-            value === '\'\'' ? '\'' :
-                value.replace(/(^'|'$)/g, '').replace(/''/g, '\'');
+        text += dateFormatter
+            ? dateFormatter(date, locale, dateTimezoneOffset)
+            : value === "''"
+                ? "'"
+                : value.replace(/(^'|'$)/g, '').replace(/''/g, "'");
     });
     return text;
 }
@@ -1468,7 +1486,7 @@ function createDate(year, month, date) {
 }
 function getNamedFormat(locale, format) {
     const localeId = getLocaleId(locale);
-    NAMED_FORMATS[localeId] = NAMED_FORMATS[localeId] || {};
+    NAMED_FORMATS[localeId] ??= {};
     if (NAMED_FORMATS[localeId][format]) {
         return NAMED_FORMATS[localeId][format];
     }
@@ -1501,24 +1519,34 @@ function getNamedFormat(locale, format) {
         case 'short':
             const shortTime = getNamedFormat(locale, 'shortTime');
             const shortDate = getNamedFormat(locale, 'shortDate');
-            formatValue = formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Short), [shortTime, shortDate]);
+            formatValue = formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Short), [
+                shortTime,
+                shortDate,
+            ]);
             break;
         case 'medium':
             const mediumTime = getNamedFormat(locale, 'mediumTime');
             const mediumDate = getNamedFormat(locale, 'mediumDate');
-            formatValue = formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Medium), [mediumTime, mediumDate]);
+            formatValue = formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Medium), [
+                mediumTime,
+                mediumDate,
+            ]);
             break;
         case 'long':
             const longTime = getNamedFormat(locale, 'longTime');
             const longDate = getNamedFormat(locale, 'longDate');
-            formatValue =
-                formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Long), [longTime, longDate]);
+            formatValue = formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Long), [
+                longTime,
+                longDate,
+            ]);
             break;
         case 'full':
             const fullTime = getNamedFormat(locale, 'fullTime');
             const fullDate = getNamedFormat(locale, 'fullDate');
-            formatValue =
-                formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Full), [fullTime, fullDate]);
+            formatValue = formatDateTime(getLocaleDateTimeFormat(locale, FormatWidth.Full), [
+                fullTime,
+                fullDate,
+            ]);
             break;
     }
     if (formatValue) {
@@ -1529,7 +1557,7 @@ function getNamedFormat(locale, format) {
 function formatDateTime(str, opt_values) {
     if (opt_values) {
         str = str.replace(/\{([^}]+)}/g, function (match, key) {
-            return (opt_values != null && key in opt_values) ? opt_values[key] : match;
+            return opt_values != null && key in opt_values ? opt_values[key] : match;
         });
     }
     return str;
@@ -1624,13 +1652,12 @@ function getDateTranslation(date, locale, name, width, form, extended) {
             if (extended) {
                 const rules = getLocaleExtraDayPeriodRules(locale);
                 const dayPeriods = getLocaleExtraDayPeriods(locale, form, width);
-                const index = rules.findIndex(rule => {
+                const index = rules.findIndex((rule) => {
                     if (Array.isArray(rule)) {
                         // morning, afternoon, evening, night
                         const [from, to] = rule;
                         const afterFrom = currentHours >= from.hours && currentMinutes >= from.minutes;
-                        const beforeTo = (currentHours < to.hours ||
-                            (currentHours === to.hours && currentMinutes < to.minutes));
+                        const beforeTo = currentHours < to.hours || (currentHours === to.hours && currentMinutes < to.minutes);
                         // We must account for normal rules that span a period during the day (e.g. 6am-9am)
                         // where `from` is less (earlier) than `to`. But also rules that span midnight (e.g.
                         // 10pm - 5am) where `from` is greater (later!) than `to`.
@@ -1650,7 +1677,8 @@ function getDateTranslation(date, locale, name, width, form, extended) {
                             return true;
                         }
                     }
-                    else { // noon or midnight
+                    else {
+                        // noon or midnight
                         if (rule.hours === currentHours && rule.minutes === currentMinutes) {
                             return true;
                         }
@@ -1686,20 +1714,26 @@ function timeZoneGetter(width) {
         const hours = zone > 0 ? Math.floor(zone / 60) : Math.ceil(zone / 60);
         switch (width) {
             case ZoneWidth.Short:
-                return ((zone >= 0) ? '+' : '') + padNumber(hours, 2, minusSign) +
-                    padNumber(Math.abs(zone % 60), 2, minusSign);
+                return ((zone >= 0 ? '+' : '') +
+                    padNumber(hours, 2, minusSign) +
+                    padNumber(Math.abs(zone % 60), 2, minusSign));
             case ZoneWidth.ShortGMT:
-                return 'GMT' + ((zone >= 0) ? '+' : '') + padNumber(hours, 1, minusSign);
+                return 'GMT' + (zone >= 0 ? '+' : '') + padNumber(hours, 1, minusSign);
             case ZoneWidth.Long:
-                return 'GMT' + ((zone >= 0) ? '+' : '') + padNumber(hours, 2, minusSign) + ':' +
-                    padNumber(Math.abs(zone % 60), 2, minusSign);
+                return ('GMT' +
+                    (zone >= 0 ? '+' : '') +
+                    padNumber(hours, 2, minusSign) +
+                    ':' +
+                    padNumber(Math.abs(zone % 60), 2, minusSign));
             case ZoneWidth.Extended:
                 if (offset === 0) {
                     return 'Z';
                 }
                 else {
-                    return ((zone >= 0) ? '+' : '') + padNumber(hours, 2, minusSign) + ':' +
-                        padNumber(Math.abs(zone % 60), 2, minusSign);
+                    return ((zone >= 0 ? '+' : '') +
+                        padNumber(hours, 2, minusSign) +
+                        ':' +
+                        padNumber(Math.abs(zone % 60), 2, minusSign));
                 }
             default:
                 throw new Error(`Unknown zone width "${width}"`);
@@ -1710,10 +1744,17 @@ const JANUARY = 0;
 const THURSDAY = 4;
 function getFirstThursdayOfYear(year) {
     const firstDayOfYear = createDate(year, JANUARY, 1).getDay();
-    return createDate(year, 0, 1 + ((firstDayOfYear <= THURSDAY) ? THURSDAY : THURSDAY + 7) - firstDayOfYear);
+    return createDate(year, 0, 1 + (firstDayOfYear <= THURSDAY ? THURSDAY : THURSDAY + 7) - firstDayOfYear);
 }
-function getThursdayThisWeek(datetime) {
-    return createDate(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() + (THURSDAY - datetime.getDay()));
+/**
+ *  ISO Week starts on day 1 (Monday) and ends with day 0 (Sunday)
+ */
+function getThursdayThisIsoWeek(datetime) {
+    // getDay returns 0-6 range with sunday as 0.
+    const currentDay = datetime.getDay();
+    // On a Sunday, read the previous Thursday since ISO weeks start on Monday.
+    const deltaToThursday = currentDay === 0 ? -3 : THURSDAY - currentDay;
+    return createDate(datetime.getFullYear(), datetime.getMonth(), datetime.getDate() + deltaToThursday);
 }
 function weekGetter(size, monthBased = false) {
     return function (date, locale) {
@@ -1724,7 +1765,7 @@ function weekGetter(size, monthBased = false) {
             result = 1 + Math.floor((today + nbDaysBefore1stDayOfMonth) / 7);
         }
         else {
-            const thisThurs = getThursdayThisWeek(date);
+            const thisThurs = getThursdayThisIsoWeek(date);
             // Some days of a year are part of next year according to ISO 8601.
             // Compute the firstThurs from the year of this week's Thursday
             const firstThurs = getFirstThursdayOfYear(thisThurs.getFullYear());
@@ -1739,7 +1780,7 @@ function weekGetter(size, monthBased = false) {
  */
 function weekNumberingYearGetter(size, trim = false) {
     return function (date, locale) {
-        const thisThurs = getThursdayThisWeek(date);
+        const thisThurs = getThursdayThisIsoWeek(date);
         const weekNumberingYear = thisThurs.getFullYear();
         return padNumber(weekNumberingYear, size, getLocaleNumberSymbol(locale, NumberSymbol.MinusSign), trim);
     };
@@ -1822,16 +1863,13 @@ function getDateFormatter(format) {
             break;
         // Month of the year (January, ...), string, standalone
         case 'LLL':
-            formatter =
-                dateStrGetter(TranslationType.Months, TranslationWidth.Abbreviated, FormStyle.Standalone);
+            formatter = dateStrGetter(TranslationType.Months, TranslationWidth.Abbreviated, FormStyle.Standalone);
             break;
         case 'LLLL':
-            formatter =
-                dateStrGetter(TranslationType.Months, TranslationWidth.Wide, FormStyle.Standalone);
+            formatter = dateStrGetter(TranslationType.Months, TranslationWidth.Wide, FormStyle.Standalone);
             break;
         case 'LLLLL':
-            formatter =
-                dateStrGetter(TranslationType.Months, TranslationWidth.Narrow, FormStyle.Standalone);
+            formatter = dateStrGetter(TranslationType.Months, TranslationWidth.Narrow, FormStyle.Standalone);
             break;
         // Week of the year (1, ... 52)
         case 'w':
@@ -1857,15 +1895,13 @@ function getDateFormatter(format) {
             formatter = dateGetter(DateType.Day, 1);
             break;
         case 'ccc':
-            formatter =
-                dateStrGetter(TranslationType.Days, TranslationWidth.Abbreviated, FormStyle.Standalone);
+            formatter = dateStrGetter(TranslationType.Days, TranslationWidth.Abbreviated, FormStyle.Standalone);
             break;
         case 'cccc':
             formatter = dateStrGetter(TranslationType.Days, TranslationWidth.Wide, FormStyle.Standalone);
             break;
         case 'ccccc':
-            formatter =
-                dateStrGetter(TranslationType.Days, TranslationWidth.Narrow, FormStyle.Standalone);
+            formatter = dateStrGetter(TranslationType.Days, TranslationWidth.Narrow, FormStyle.Standalone);
             break;
         case 'cccccc':
             formatter = dateStrGetter(TranslationType.Days, TranslationWidth.Short, FormStyle.Standalone);
@@ -1916,8 +1952,7 @@ function getDateFormatter(format) {
             formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Abbreviated, FormStyle.Format, true);
             break;
         case 'BBBB':
-            formatter =
-                dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Wide, FormStyle.Format, true);
+            formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Wide, FormStyle.Format, true);
             break;
         case 'BBBBB':
             formatter = dateStrGetter(TranslationType.DayPeriods, TranslationWidth.Narrow, FormStyle.Format, true);
@@ -2050,7 +2085,7 @@ function toDate(value) {
             return new Date(parsedNb);
         }
         let match;
-        if (match = value.match(ISO8601_DATE_REGEX)) {
+        if ((match = value.match(ISO8601_DATE_REGEX))) {
             return isoStringToDate(match);
         }
     }
@@ -2143,7 +2178,7 @@ function formatNumberToLocaleString(value, pattern, locale, groupSymbol, decimal
         let integerLen = parsedNumber.integerLen;
         const exponent = parsedNumber.exponent;
         let decimals = [];
-        isZero = digits.every(d => !d);
+        isZero = digits.every((d) => !d);
         // pad zeros for small numbers
         for (; integerLen < minInt; integerLen++) {
             digits.unshift(0);
@@ -2219,7 +2254,7 @@ function formatCurrency(value, locale, currency, currencyCode, digitsInfo) {
     pattern.minFrac = getNumberOfCurrencyDigits(currencyCode);
     pattern.maxFrac = pattern.minFrac;
     const res = formatNumberToLocaleString(value, pattern, locale, NumberSymbol.CurrencyGroup, NumberSymbol.CurrencyDecimal, digitsInfo);
-    return res
+    return (res
         .replace(CURRENCY_CHAR, currency)
         // if we have 2 time the currency character, the second one is ignored
         .replace(CURRENCY_CHAR, '')
@@ -2227,7 +2262,7 @@ function formatCurrency(value, locale, currency, currencyCode, digitsInfo) {
         // the currency character is suppressed by passing an empty string, the
         // spacing character would remain as part of the string. Then we
         // should remove it.
-        .trim();
+        .trim());
 }
 /**
  * @ngModule CommonModule
@@ -2286,16 +2321,16 @@ function parseNumberFormat(format, minusSign = '-') {
         negPre: '',
         negSuf: '',
         gSize: 0,
-        lgSize: 0
+        lgSize: 0,
     };
     const patternParts = format.split(PATTERN_SEP);
     const positive = patternParts[0];
     const negative = patternParts[1];
-    const positiveParts = positive.indexOf(DECIMAL_SEP) !== -1 ?
-        positive.split(DECIMAL_SEP) :
-        [
+    const positiveParts = positive.indexOf(DECIMAL_SEP) !== -1
+        ? positive.split(DECIMAL_SEP)
+        : [
             positive.substring(0, positive.lastIndexOf(ZERO_CHAR) + 1),
-            positive.substring(positive.lastIndexOf(ZERO_CHAR) + 1)
+            positive.substring(positive.lastIndexOf(ZERO_CHAR) + 1),
         ], integer = positiveParts[0], fraction = positiveParts[1] || '';
     p.posPre = integer.substring(0, integer.indexOf(DIGIT_CHAR));
     for (let i = 0; i < fraction.length; i++) {
@@ -2312,7 +2347,7 @@ function parseNumberFormat(format, minusSign = '-') {
     }
     const groups = integer.split(GROUP_SEP);
     p.gSize = groups[1] ? groups[1].length : 0;
-    p.lgSize = (groups[2] || groups[1]) ? (groups[2] || groups[1]).length : 0;
+    p.lgSize = groups[2] || groups[1] ? (groups[2] || groups[1]).length : 0;
     if (negative) {
         const trunkLen = positive.length - p.posPre.length - p.posSuf.length, pos = negative.indexOf(DIGIT_CHAR);
         p.negPre = negative.substring(0, pos).replace(/'/g, '');
@@ -2371,7 +2406,8 @@ function parseNumber(num) {
         integerLen = numStr.length;
     }
     // Count the number of leading zeros.
-    for (i = 0; numStr.charAt(i) === ZERO_CHAR; i++) { /* empty */
+    for (i = 0; numStr.charAt(i) === ZERO_CHAR; i++) {
+        /* empty */
     }
     if (i === (zeros = numStr.length)) {
         // The digits are all zero.
@@ -2425,7 +2461,7 @@ function roundNumber(parsedNumber, minFrac, maxFrac) {
         // We rounded to zero so reset the parsedNumber
         fractionLen = Math.max(0, fractionLen);
         parsedNumber.integerLen = 1;
-        digits.length = Math.max(1, roundAt = fractionSize + 1);
+        digits.length = Math.max(1, (roundAt = fractionSize + 1));
         digits[0] = 0;
         for (let i = 1; i < roundAt; i++)
             digits[i] = 0;
@@ -2482,10 +2518,10 @@ function parseIntAutoRadix(text) {
  * @publicApi
  */
 class NgLocalization {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgLocalization, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgLocalization, providedIn: 'root', useFactory: (locale) => new NgLocaleLocalization(locale), deps: [{ token: LOCALE_ID }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgLocalization, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgLocalization, providedIn: 'root', useFactory: (locale) => new NgLocaleLocalization(locale), deps: [{ token: LOCALE_ID }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgLocalization, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgLocalization, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2539,10 +2575,10 @@ class NgLocaleLocalization extends NgLocalization {
                 return 'other';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgLocaleLocalization, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgLocaleLocalization }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgLocaleLocalization, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgLocaleLocalization }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgLocaleLocalization, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgLocaleLocalization, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -2701,7 +2737,7 @@ class NgClass {
         }
         klass = klass.trim();
         if (klass.length > 0) {
-            klass.split(WS_REGEXP).forEach(klass => {
+            klass.split(WS_REGEXP).forEach((klass) => {
                 if (enabled) {
                     this._renderer.addClass(this._ngEl.nativeElement, klass);
                 }
@@ -2711,10 +2747,10 @@ class NgClass {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgClass, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgClass, isStandalone: true, selector: "[ngClass]", inputs: { klass: ["class", "klass"], ngClass: "ngClass" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgClass, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgClass, isStandalone: true, selector: "[ngClass]", inputs: { klass: ["class", "klass"], ngClass: "ngClass" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgClass, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgClass, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngClass]',
@@ -2812,17 +2848,17 @@ class NgComponentOutlet {
         // Note: square brackets property accessor is safe for Closure compiler optimizations (the
         // `changes` argument of the `ngOnChanges` lifecycle hook retains the names of the fields that
         // were changed).
-        return changes['ngComponentOutletNgModule'] !== undefined ||
-            changes['ngComponentOutletNgModuleFactory'] !== undefined;
+        return (changes['ngComponentOutletNgModule'] !== undefined ||
+            changes['ngComponentOutletNgModuleFactory'] !== undefined);
     }
     _needToReCreateComponentInstance(changes) {
         // Note: square brackets property accessor is safe for Closure compiler optimizations (the
         // `changes` argument of the `ngOnChanges` lifecycle hook retains the names of the fields that
         // were changed).
-        return changes['ngComponentOutlet'] !== undefined ||
+        return (changes['ngComponentOutlet'] !== undefined ||
             changes['ngComponentOutletContent'] !== undefined ||
             changes['ngComponentOutletInjector'] !== undefined ||
-            this._needToReCreateNgModuleInstance(changes);
+            this._needToReCreateNgModuleInstance(changes));
     }
     /** @nodoc */
     ngOnChanges(changes) {
@@ -2835,12 +2871,10 @@ class NgComponentOutlet {
                 if (this._needToReCreateNgModuleInstance(changes)) {
                     this._moduleRef?.destroy();
                     if (this.ngComponentOutletNgModule) {
-                        this._moduleRef =
-                            createNgModule(this.ngComponentOutletNgModule, getParentInjector(injector));
+                        this._moduleRef = createNgModule(this.ngComponentOutletNgModule, getParentInjector(injector));
                     }
                     else if (this.ngComponentOutletNgModuleFactory) {
-                        this._moduleRef =
-                            this.ngComponentOutletNgModuleFactory.create(getParentInjector(injector));
+                        this._moduleRef = this.ngComponentOutletNgModuleFactory.create(getParentInjector(injector));
                     }
                     else {
                         this._moduleRef = undefined;
@@ -2883,10 +2917,10 @@ class NgComponentOutlet {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgComponentOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgComponentOutlet, isStandalone: true, selector: "[ngComponentOutlet]", inputs: { ngComponentOutlet: "ngComponentOutlet", ngComponentOutletInputs: "ngComponentOutletInputs", ngComponentOutletInjector: "ngComponentOutletInjector", ngComponentOutletContent: "ngComponentOutletContent", ngComponentOutletNgModule: "ngComponentOutletNgModule", ngComponentOutletNgModuleFactory: "ngComponentOutletNgModuleFactory" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgComponentOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgComponentOutlet, isStandalone: true, selector: "[ngComponentOutlet]", inputs: { ngComponentOutlet: "ngComponentOutlet", ngComponentOutletInputs: "ngComponentOutletInputs", ngComponentOutletInjector: "ngComponentOutletInjector", ngComponentOutletContent: "ngComponentOutletContent", ngComponentOutletNgModule: "ngComponentOutletNgModule", ngComponentOutletNgModuleFactory: "ngComponentOutletNgModuleFactory" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgComponentOutlet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgComponentOutlet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngComponentOutlet]',
@@ -3166,10 +3200,10 @@ class NgForOf {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgForOf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgForOf, isStandalone: true, selector: "[ngFor][ngForOf]", inputs: { ngForOf: "ngForOf", ngForTrackBy: "ngForTrackBy", ngForTemplate: "ngForTemplate" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgForOf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: i0.IterableDiffers }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgForOf, isStandalone: true, selector: "[ngFor][ngForOf]", inputs: { ngForOf: "ngForOf", ngForTrackBy: "ngForTrackBy", ngForTemplate: "ngForTemplate" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgForOf, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgForOf, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngFor][ngForOf]',
@@ -3369,8 +3403,7 @@ class NgIf {
                 this._viewContainer.clear();
                 this._elseViewRef = null;
                 if (this._thenTemplateRef) {
-                    this._thenViewRef =
-                        this._viewContainer.createEmbeddedView(this._thenTemplateRef, this._context);
+                    this._thenViewRef = this._viewContainer.createEmbeddedView(this._thenTemplateRef, this._context);
                 }
             }
         }
@@ -3379,8 +3412,7 @@ class NgIf {
                 this._viewContainer.clear();
                 this._thenViewRef = null;
                 if (this._elseTemplateRef) {
-                    this._elseViewRef =
-                        this._viewContainer.createEmbeddedView(this._elseTemplateRef, this._context);
+                    this._elseViewRef = this._viewContainer.createEmbeddedView(this._elseTemplateRef, this._context);
                 }
             }
         }
@@ -3394,10 +3426,10 @@ class NgIf {
     static ngTemplateContextGuard(dir, ctx) {
         return true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgIf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgIf, isStandalone: true, selector: "[ngIf]", inputs: { ngIf: "ngIf", ngIfThen: "ngIfThen", ngIfElse: "ngIfElse" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgIf, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgIf, isStandalone: true, selector: "[ngIf]", inputs: { ngIf: "ngIf", ngIfThen: "ngIfThen", ngIfElse: "ngIfElse" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgIf, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgIf, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngIf]',
@@ -3545,13 +3577,15 @@ class NgSwitch {
     }
     /** @internal */
     _matchCase(value) {
-        const matched = NG_SWITCH_USE_STRICT_EQUALS ? value === this._ngSwitch : value == this._ngSwitch;
+        const matched = NG_SWITCH_USE_STRICT_EQUALS
+            ? value === this._ngSwitch
+            : value == this._ngSwitch;
         if ((typeof ngDevMode === 'undefined' || ngDevMode) && matched !== (value == this._ngSwitch)) {
             console.warn(ɵformatRuntimeError(2001 /* RuntimeErrorCode.EQUALITY_NG_SWITCH_DIFFERENCE */, 'As of Angular v17 the NgSwitch directive uses strict equality comparison === instead of == to match different cases. ' +
                 `Previously the case value "${stringifyValue(value)}" matched switch expression value "${stringifyValue(this._ngSwitch)}", but this is no longer the case with the stricter equality check. ` +
                 'Your comparison results return different results using === vs. == and you should adjust your ngSwitch expression and / or values to conform with the strict equality requirements.'));
         }
-        this._lastCasesMatched = this._lastCasesMatched || matched;
+        this._lastCasesMatched ||= matched;
         this._lastCaseCheckIndex++;
         if (this._lastCaseCheckIndex === this._caseCount) {
             this._updateDefaultCases(!this._lastCasesMatched);
@@ -3568,10 +3602,10 @@ class NgSwitch {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgSwitch, isStandalone: true, selector: "[ngSwitch]", inputs: { ngSwitch: "ngSwitch" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgSwitch, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgSwitch, isStandalone: true, selector: "[ngSwitch]", inputs: { ngSwitch: "ngSwitch" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgSwitch, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgSwitch, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngSwitch]',
@@ -3605,8 +3639,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0",
  * that defines the subtree to be selected if the value of the match expression
  * matches the value of the switch expression.
  *
- * Unlike JavaScript, which uses strict equality, Angular uses loose equality.
- * This means that the empty string, `""` matches 0.
+ * As of Angular v17 the NgSwitch directive uses strict equality comparison (`===`) instead of
+ * loose equality (`==`) to match different cases.
  *
  * @publicApi
  * @see {@link NgSwitch}
@@ -3629,10 +3663,10 @@ class NgSwitchCase {
     ngDoCheck() {
         this._view.enforceState(this.ngSwitch._matchCase(this.ngSwitchCase));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgSwitchCase, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NgSwitch, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgSwitchCase, isStandalone: true, selector: "[ngSwitchCase]", inputs: { ngSwitchCase: "ngSwitchCase" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgSwitchCase, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NgSwitch, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgSwitchCase, isStandalone: true, selector: "[ngSwitchCase]", inputs: { ngSwitchCase: "ngSwitchCase" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgSwitchCase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgSwitchCase, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngSwitchCase]',
@@ -3666,10 +3700,10 @@ class NgSwitchDefault {
         }
         ngSwitch._addDefault(new SwitchView(viewContainer, templateRef));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgSwitchDefault, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NgSwitch, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgSwitchDefault, isStandalone: true, selector: "[ngSwitchDefault]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgSwitchDefault, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }, { token: NgSwitch, host: true, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgSwitchDefault, isStandalone: true, selector: "[ngSwitchDefault]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgSwitchDefault, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgSwitchDefault, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngSwitchDefault]',
@@ -3747,10 +3781,10 @@ class NgPlural {
             this._activeView.create();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgPlural, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgPlural, isStandalone: true, selector: "[ngPlural]", inputs: { ngPlural: "ngPlural" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgPlural, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgPlural, isStandalone: true, selector: "[ngPlural]", inputs: { ngPlural: "ngPlural" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgPlural, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgPlural, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngPlural]',
@@ -3785,10 +3819,10 @@ class NgPluralCase {
         const isANumber = !isNaN(Number(value));
         ngPlural.addCase(isANumber ? `=${value}` : value, new SwitchView(viewContainer, template));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgPluralCase, deps: [{ token: 'ngPluralCase', attribute: true }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: NgPlural, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgPluralCase, isStandalone: true, selector: "[ngPluralCase]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgPluralCase, deps: [{ token: 'ngPluralCase', attribute: true }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: NgPlural, host: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgPluralCase, isStandalone: true, selector: "[ngPluralCase]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgPluralCase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgPluralCase, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngPluralCase]',
@@ -3874,10 +3908,10 @@ class NgStyle {
         changes.forEachAddedItem((record) => this._setStyle(record.key, record.currentValue));
         changes.forEachChangedItem((record) => this._setStyle(record.key, record.currentValue));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgStyle, deps: [{ token: i0.ElementRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgStyle, isStandalone: true, selector: "[ngStyle]", inputs: { ngStyle: "ngStyle" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgStyle, deps: [{ token: i0.ElementRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgStyle, isStandalone: true, selector: "[ngStyle]", inputs: { ngStyle: "ngStyle" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgStyle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgStyle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngStyle]',
@@ -3978,10 +4012,10 @@ class NgTemplateOutlet {
             },
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgTemplateOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.0", type: NgTemplateOutlet, isStandalone: true, selector: "[ngTemplateOutlet]", inputs: { ngTemplateOutletContext: "ngTemplateOutletContext", ngTemplateOutlet: "ngTemplateOutlet", ngTemplateOutletInjector: "ngTemplateOutletInjector" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgTemplateOutlet, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.0-next.1", type: NgTemplateOutlet, isStandalone: true, selector: "[ngTemplateOutlet]", inputs: { ngTemplateOutletContext: "ngTemplateOutletContext", ngTemplateOutlet: "ngTemplateOutlet", ngTemplateOutletInjector: "ngTemplateOutletInjector" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgTemplateOutlet, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgTemplateOutlet, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngTemplateOutlet]',
@@ -4030,7 +4064,7 @@ class SubscribableStrategy {
             next: updateLatestValue,
             error: (e) => {
                 throw e;
-            }
+            },
         }));
     }
     dispose(subscription) {
@@ -4040,7 +4074,7 @@ class SubscribableStrategy {
 }
 class PromiseStrategy {
     createSubscription(async, updateLatestValue) {
-        return async.then(updateLatestValue, e => {
+        return async.then(updateLatestValue, (e) => {
             throw e;
         });
     }
@@ -4139,10 +4173,10 @@ class AsyncPipe {
             this._ref.markForCheck();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: AsyncPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: AsyncPipe, isStandalone: true, name: "async", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: AsyncPipe, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: AsyncPipe, isStandalone: true, name: "async", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: AsyncPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: AsyncPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'async',
@@ -4175,10 +4209,10 @@ class LowerCasePipe {
         }
         return value.toLowerCase();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: LowerCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: LowerCasePipe, isStandalone: true, name: "lowercase" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: LowerCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: LowerCasePipe, isStandalone: true, name: "lowercase" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: LowerCasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: LowerCasePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'lowercase',
@@ -4218,12 +4252,12 @@ class TitleCasePipe {
         if (typeof value !== 'string') {
             throw invalidPipeArgumentError(TitleCasePipe, value);
         }
-        return value.replace(unicodeWordMatch, (txt => txt[0].toUpperCase() + txt.slice(1).toLowerCase()));
+        return value.replace(unicodeWordMatch, (txt) => txt[0].toUpperCase() + txt.slice(1).toLowerCase());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: TitleCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: TitleCasePipe, isStandalone: true, name: "titlecase" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: TitleCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: TitleCasePipe, isStandalone: true, name: "titlecase" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: TitleCasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: TitleCasePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'titlecase',
@@ -4247,10 +4281,10 @@ class UpperCasePipe {
         }
         return value.toUpperCase();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: UpperCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: UpperCasePipe, isStandalone: true, name: "uppercase" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: UpperCasePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: UpperCasePipe, isStandalone: true, name: "uppercase" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: UpperCasePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: UpperCasePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'uppercase',
@@ -4270,7 +4304,7 @@ const DEFAULT_DATE_FORMAT = 'mediumDate';
  *
  * @deprecated use DATE_PIPE_DEFAULT_OPTIONS token to configure DatePipe
  */
-const DATE_PIPE_DEFAULT_TIMEZONE = new InjectionToken('DATE_PIPE_DEFAULT_TIMEZONE');
+const DATE_PIPE_DEFAULT_TIMEZONE = new InjectionToken(ngDevMode ? 'DATE_PIPE_DEFAULT_TIMEZONE' : '');
 /**
  * DI token that allows to provide default configuration for the `DatePipe` instances in an
  * application. The value is an object which can include the following fields:
@@ -4302,7 +4336,7 @@ const DATE_PIPE_DEFAULT_TIMEZONE = new InjectionToken('DATE_PIPE_DEFAULT_TIMEZON
  * ]
  * ```
  */
-const DATE_PIPE_DEFAULT_OPTIONS = new InjectionToken('DATE_PIPE_DEFAULT_OPTIONS');
+const DATE_PIPE_DEFAULT_OPTIONS = new InjectionToken(ngDevMode ? 'DATE_PIPE_DEFAULT_OPTIONS' : '');
 // clang-format off
 /**
  * @ngModule CommonModule
@@ -4360,70 +4394,70 @@ const DATE_PIPE_DEFAULT_OPTIONS = new InjectionToken('DATE_PIPE_DEFAULT_OPTIONS'
  * Format details depend on the locale.
  * Fields marked with (*) are only available in the extra data set for the given locale.
  *
- *  | Field type          | Format      | Description                                                   | Example Value                                              |
- *  |-------------------- |-------------|---------------------------------------------------------------|------------------------------------------------------------|
- *  | Era                 | G, GG & GGG | Abbreviated                                                   | AD                                                         |
- *  |                     | GGGG        | Wide                                                          | Anno Domini                                                |
- *  |                     | GGGGG       | Narrow                                                        | A                                                          |
- *  | Year                | y           | Numeric: minimum digits                                       | 2, 20, 201, 2017, 20173                                    |
- *  |                     | yy          | Numeric: 2 digits + zero padded                               | 02, 20, 01, 17, 73                                         |
- *  |                     | yyy         | Numeric: 3 digits + zero padded                               | 002, 020, 201, 2017, 20173                                 |
- *  |                     | yyyy        | Numeric: 4 digits or more + zero padded                       | 0002, 0020, 0201, 2017, 20173                              |
- *  | Week-numbering year | Y           | Numeric: minimum digits                                       | 2, 20, 201, 2017, 20173                                    |
- *  |                     | YY          | Numeric: 2 digits + zero padded                               | 02, 20, 01, 17, 73                                         |
- *  |                     | YYY         | Numeric: 3 digits + zero padded                               | 002, 020, 201, 2017, 20173                                 |
- *  |                     | YYYY        | Numeric: 4 digits or more + zero padded                       | 0002, 0020, 0201, 2017, 20173                              |
- *  | Month               | M           | Numeric: 1 digit                                              | 9, 12                                                      |
- *  |                     | MM          | Numeric: 2 digits + zero padded                               | 09, 12                                                     |
- *  |                     | MMM         | Abbreviated                                                   | Sep                                                        |
- *  |                     | MMMM        | Wide                                                          | September                                                  |
- *  |                     | MMMMM       | Narrow                                                        | S                                                          |
- *  | Month standalone    | L           | Numeric: 1 digit                                              | 9, 12                                                      |
- *  |                     | LL          | Numeric: 2 digits + zero padded                               | 09, 12                                                     |
- *  |                     | LLL         | Abbreviated                                                   | Sep                                                        |
- *  |                     | LLLL        | Wide                                                          | September                                                  |
- *  |                     | LLLLL       | Narrow                                                        | S                                                          |
- *  | Week of year        | w           | Numeric: minimum digits                                       | 1... 53                                                    |
- *  |                     | ww          | Numeric: 2 digits + zero padded                               | 01... 53                                                   |
- *  | Week of month       | W           | Numeric: 1 digit                                              | 1... 5                                                     |
- *  | Day of month        | d           | Numeric: minimum digits                                       | 1                                                          |
- *  |                     | dd          | Numeric: 2 digits + zero padded                               | 01                                                         |
- *  | Week day            | E, EE & EEE | Abbreviated                                                   | Tue                                                        |
- *  |                     | EEEE        | Wide                                                          | Tuesday                                                    |
- *  |                     | EEEEE       | Narrow                                                        | T                                                          |
- *  |                     | EEEEEE      | Short                                                         | Tu                                                         |
- *  | Week day standalone | c, cc       | Numeric: 1 digit                                              | 2                                                          |
- *  |                     | ccc         | Abbreviated                                                   | Tue                                                        |
- *  |                     | cccc        | Wide                                                          | Tuesday                                                    |
- *  |                     | ccccc       | Narrow                                                        | T                                                          |
- *  |                     | cccccc      | Short                                                         | Tu                                                         |
- *  | Period              | a, aa & aaa | Abbreviated                                                   | am/pm or AM/PM                                             |
- *  |                     | aaaa        | Wide (fallback to `a` when missing)                           | ante meridiem/post meridiem                                |
- *  |                     | aaaaa       | Narrow                                                        | a/p                                                        |
- *  | Period*             | B, BB & BBB | Abbreviated                                                   | mid.                                                       |
- *  |                     | BBBB        | Wide                                                          | am, pm, midnight, noon, morning, afternoon, evening, night |
- *  |                     | BBBBB       | Narrow                                                        | md                                                         |
- *  | Period standalone*  | b, bb & bbb | Abbreviated                                                   | mid.                                                       |
- *  |                     | bbbb        | Wide                                                          | am, pm, midnight, noon, morning, afternoon, evening, night |
- *  |                     | bbbbb       | Narrow                                                        | md                                                         |
- *  | Hour 1-12           | h           | Numeric: minimum digits                                       | 1, 12                                                      |
- *  |                     | hh          | Numeric: 2 digits + zero padded                               | 01, 12                                                     |
- *  | Hour 0-23           | H           | Numeric: minimum digits                                       | 0, 23                                                      |
- *  |                     | HH          | Numeric: 2 digits + zero padded                               | 00, 23                                                     |
- *  | Minute              | m           | Numeric: minimum digits                                       | 8, 59                                                      |
- *  |                     | mm          | Numeric: 2 digits + zero padded                               | 08, 59                                                     |
- *  | Second              | s           | Numeric: minimum digits                                       | 0... 59                                                    |
- *  |                     | ss          | Numeric: 2 digits + zero padded                               | 00... 59                                                   |
- *  | Fractional seconds  | S           | Numeric: 1 digit                                              | 0... 9                                                     |
- *  |                     | SS          | Numeric: 2 digits + zero padded                               | 00... 99                                                   |
- *  |                     | SSS         | Numeric: 3 digits + zero padded (= milliseconds)              | 000... 999                                                 |
- *  | Zone                | z, zz & zzz | Short specific non location format (fallback to O)            | GMT-8                                                      |
- *  |                     | zzzz        | Long specific non location format (fallback to OOOO)          | GMT-08:00                                                  |
- *  |                     | Z, ZZ & ZZZ | ISO8601 basic format                                          | -0800                                                      |
- *  |                     | ZZZZ        | Long localized GMT format                                     | GMT-8:00                                                   |
- *  |                     | ZZZZZ       | ISO8601 extended format + Z indicator for offset 0 (= XXXXX)  | -08:00                                                     |
- *  |                     | O, OO & OOO | Short localized GMT format                                    | GMT-8                                                      |
- *  |                     | OOOO        | Long localized GMT format                                     | GMT-08:00                                                  |
+ *  | Field type              | Format      | Description                                                   | Example Value                                              |
+ *  |-------------------------|-------------|---------------------------------------------------------------|------------------------------------------------------------|
+ *  | Era                     | G, GG & GGG | Abbreviated                                                   | AD                                                         |
+ *  |                         | GGGG        | Wide                                                          | Anno Domini                                                |
+ *  |                         | GGGGG       | Narrow                                                        | A                                                          |
+ *  | Year                    | y           | Numeric: minimum digits                                       | 2, 20, 201, 2017, 20173                                    |
+ *  |                         | yy          | Numeric: 2 digits + zero padded                               | 02, 20, 01, 17, 73                                         |
+ *  |                         | yyy         | Numeric: 3 digits + zero padded                               | 002, 020, 201, 2017, 20173                                 |
+ *  |                         | yyyy        | Numeric: 4 digits or more + zero padded                       | 0002, 0020, 0201, 2017, 20173                              |
+ *  | ISO Week-numbering year | Y           | Numeric: minimum digits                                       | 2, 20, 201, 2017, 20173                                    |
+ *  |                         | YY          | Numeric: 2 digits + zero padded                               | 02, 20, 01, 17, 73                                         |
+ *  |                         | YYY         | Numeric: 3 digits + zero padded                               | 002, 020, 201, 2017, 20173                                 |
+ *  |                         | YYYY        | Numeric: 4 digits or more + zero padded                       | 0002, 0020, 0201, 2017, 20173                              |
+ *  | Month                   | M           | Numeric: 1 digit                                              | 9, 12                                                      |
+ *  |                         | MM          | Numeric: 2 digits + zero padded                               | 09, 12                                                     |
+ *  |                         | MMM         | Abbreviated                                                   | Sep                                                        |
+ *  |                         | MMMM        | Wide                                                          | September                                                  |
+ *  |                         | MMMMM       | Narrow                                                        | S                                                          |
+ *  | Month standalone        | L           | Numeric: 1 digit                                              | 9, 12                                                      |
+ *  |                         | LL          | Numeric: 2 digits + zero padded                               | 09, 12                                                     |
+ *  |                         | LLL         | Abbreviated                                                   | Sep                                                        |
+ *  |                         | LLLL        | Wide                                                          | September                                                  |
+ *  |                         | LLLLL       | Narrow                                                        | S                                                          |
+ *  | ISO Week of year        | w           | Numeric: minimum digits                                       | 1... 53                                                    |
+ *  |                         | ww          | Numeric: 2 digits + zero padded                               | 01... 53                                                   |
+ *  | Week of month           | W           | Numeric: 1 digit                                              | 1... 5                                                     |
+ *  | Day of month            | d           | Numeric: minimum digits                                       | 1                                                          |
+ *  |                         | dd          | Numeric: 2 digits + zero padded                               | 01                                                         |
+ *  | Week day                | E, EE & EEE | Abbreviated                                                   | Tue                                                        |
+ *  |                         | EEEE        | Wide                                                          | Tuesday                                                    |
+ *  |                         | EEEEE       | Narrow                                                        | T                                                          |
+ *  |                         | EEEEEE      | Short                                                         | Tu                                                         |
+ *  | Week day standalone     | c, cc       | Numeric: 1 digit                                              | 2                                                          |
+ *  |                         | ccc         | Abbreviated                                                   | Tue                                                        |
+ *  |                         | cccc        | Wide                                                          | Tuesday                                                    |
+ *  |                         | ccccc       | Narrow                                                        | T                                                          |
+ *  |                         | cccccc      | Short                                                         | Tu                                                         |
+ *  | Period                  | a, aa & aaa | Abbreviated                                                   | am/pm or AM/PM                                             |
+ *  |                         | aaaa        | Wide (fallback to `a` when missing)                           | ante meridiem/post meridiem                                |
+ *  |                         | aaaaa       | Narrow                                                        | a/p                                                        |
+ *  | Period*                 | B, BB & BBB | Abbreviated                                                   | mid.                                                       |
+ *  |                         | BBBB        | Wide                                                          | am, pm, midnight, noon, morning, afternoon, evening, night |
+ *  |                         | BBBBB       | Narrow                                                        | md                                                         |
+ *  | Period standalone*      | b, bb & bbb | Abbreviated                                                   | mid.                                                       |
+ *  |                         | bbbb        | Wide                                                          | am, pm, midnight, noon, morning, afternoon, evening, night |
+ *  |                         | bbbbb       | Narrow                                                        | md                                                         |
+ *  | Hour 1-12               | h           | Numeric: minimum digits                                       | 1, 12                                                      |
+ *  |                         | hh          | Numeric: 2 digits + zero padded                               | 01, 12                                                     |
+ *  | Hour 0-23               | H           | Numeric: minimum digits                                       | 0, 23                                                      |
+ *  |                         | HH          | Numeric: 2 digits + zero padded                               | 00, 23                                                     |
+ *  | Minute                  | m           | Numeric: minimum digits                                       | 8, 59                                                      |
+ *  |                         | mm          | Numeric: 2 digits + zero padded                               | 08, 59                                                     |
+ *  | Second                  | s           | Numeric: minimum digits                                       | 0... 59                                                    |
+ *  |                         | ss          | Numeric: 2 digits + zero padded                               | 00... 59                                                   |
+ *  | Fractional seconds      | S           | Numeric: 1 digit                                              | 0... 9                                                     |
+ *  |                         | SS          | Numeric: 2 digits + zero padded                               | 00... 99                                                   |
+ *  |                         | SSS         | Numeric: 3 digits + zero padded (= milliseconds)              | 000... 999                                                 |
+ *  | Zone                    | z, zz & zzz | Short specific non location format (fallback to O)            | GMT-8                                                      |
+ *  |                         | zzzz        | Long specific non location format (fallback to OOOO)          | GMT-08:00                                                  |
+ *  |                         | Z, ZZ & ZZZ | ISO8601 basic format                                          | -0800                                                      |
+ *  |                         | ZZZZ        | Long localized GMT format                                     | GMT-8:00                                                   |
+ *  |                         | ZZZZZ       | ISO8601 extended format + Z indicator for offset 0 (= XXXXX)  | -08:00                                                     |
+ *  |                         | O, OO & OOO | Short localized GMT format                                    | GMT-8                                                      |
+ *  |                         | OOOO        | Long localized GMT format                                     | GMT-08:00                                                  |
  *
  *
  * ### Format examples
@@ -4481,14 +4515,13 @@ class DatePipe {
             throw invalidPipeArgumentError(DatePipe, error.message);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", 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 }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: DatePipe, isStandalone: true, name: "date" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", 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 }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: DatePipe, isStandalone: true, name: "date" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: DatePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: DatePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'date',
-                    pure: true,
                     standalone: true,
                 }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -4541,14 +4574,13 @@ class I18nPluralPipe {
         const key = getPluralCategory(value, Object.keys(pluralMap), this._localization, locale);
         return pluralMap[key].replace(_INTERPOLATION_REGEXP, value.toString());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: "i18nPlural" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: I18nPluralPipe, deps: [{ token: NgLocalization }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: I18nPluralPipe, isStandalone: true, name: "i18nPlural" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: I18nPluralPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: I18nPluralPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'i18nPlural',
-                    pure: true,
                     standalone: true,
                 }]
         }], ctorParameters: () => [{ type: NgLocalization }] });
@@ -4590,14 +4622,13 @@ class I18nSelectPipe {
         }
         return '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: "i18nSelect" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: I18nSelectPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: I18nSelectPipe, isStandalone: true, name: "i18nSelect" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: I18nSelectPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: I18nSelectPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'i18nSelect',
-                    pure: true,
                     standalone: true,
                 }]
         }] });
@@ -4624,10 +4655,10 @@ class JsonPipe {
     transform(value) {
         return JSON.stringify(value, null, 2);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: JsonPipe, isStandalone: true, name: "json", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: JsonPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: JsonPipe, isStandalone: true, name: "json", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: JsonPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: JsonPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'json',
@@ -4669,10 +4700,8 @@ class KeyValuePipe {
         if (!input || (!(input instanceof Map) && typeof input !== 'object')) {
             return null;
         }
-        if (!this.differ) {
-            // make a differ for whatever type we've been passed in
-            this.differ = this.differs.find(input).create();
-        }
+        // make a differ for whatever type we've been passed in
+        this.differ ??= this.differs.find(input).create();
         const differChanges = this.differ.diff(input);
         const compareFnChanged = compareFn !== this.compareFn;
         if (differChanges) {
@@ -4687,10 +4716,10 @@ class KeyValuePipe {
         }
         return this.keyValues;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: "keyvalue", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: KeyValuePipe, deps: [{ token: i0.KeyValueDiffers }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: KeyValuePipe, isStandalone: true, name: "keyvalue", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: KeyValuePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: KeyValuePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'keyvalue',
@@ -4806,7 +4835,7 @@ class DecimalPipe {
     transform(value, digitsInfo, locale) {
         if (!isValue(value))
             return null;
-        locale = locale || this._locale;
+        locale ||= this._locale;
         try {
             const num = strToNumber(value);
             return formatNumber(num, locale, digitsInfo);
@@ -4815,10 +4844,10 @@ class DecimalPipe {
             throw invalidPipeArgumentError(DecimalPipe, error.message);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: DecimalPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: DecimalPipe, isStandalone: true, name: "number" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: DecimalPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: DecimalPipe, isStandalone: true, name: "number" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: DecimalPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: DecimalPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'number',
@@ -4871,7 +4900,7 @@ class PercentPipe {
     transform(value, digitsInfo, locale) {
         if (!isValue(value))
             return null;
-        locale = locale || this._locale;
+        locale ||= this._locale;
         try {
             const num = strToNumber(value);
             return formatPercent(num, locale, digitsInfo);
@@ -4880,10 +4909,10 @@ class PercentPipe {
             throw invalidPipeArgumentError(PercentPipe, error.message);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: PercentPipe, isStandalone: true, name: "percent" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PercentPipe, deps: [{ token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: PercentPipe, isStandalone: true, name: "percent" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PercentPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PercentPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'percent',
@@ -4955,7 +4984,7 @@ class CurrencyPipe {
     transform(value, currencyCode = this._defaultCurrencyCode, display = 'symbol', digitsInfo, locale) {
         if (!isValue(value))
             return null;
-        locale = locale || this._locale;
+        locale ||= this._locale;
         if (typeof display === 'boolean') {
             if ((typeof ngDevMode === 'undefined' || ngDevMode) && console && console.warn) {
                 console.warn(`Warning: the currency pipe has been changed in Angular v5. The symbolDisplay option (third parameter) is now a string instead of a boolean. The accepted values are "code", "symbol" or "symbol-narrow".`);
@@ -4979,10 +5008,10 @@ class CurrencyPipe {
             throw invalidPipeArgumentError(CurrencyPipe, error.message);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: CurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: "currency" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: CurrencyPipe, deps: [{ token: LOCALE_ID }, { token: DEFAULT_CURRENCY_CODE }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: CurrencyPipe, isStandalone: true, name: "currency" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: CurrencyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: CurrencyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'currency',
@@ -5059,10 +5088,10 @@ class SlicePipe {
     supports(obj) {
         return typeof obj === 'string' || Array.isArray(obj);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: SlicePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.0", ngImport: i0, type: SlicePipe, isStandalone: true, name: "slice", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: SlicePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.0-next.1", ngImport: i0, type: SlicePipe, isStandalone: true, name: "slice", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: SlicePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: SlicePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'slice',
@@ -5106,11 +5135,11 @@ const COMMON_PIPES = [
  * @publicApi
  */
 class CommonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: CommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0-next.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] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: CommonModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: CommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.0-next.1", 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] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: CommonModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: CommonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: CommonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [COMMON_DIRECTIVES, COMMON_PIPES],
@@ -5163,7 +5192,7 @@ function isPlatformWorkerUi(platformId) {
 /**
  * @publicApi
  */
-const VERSION = new Version('17.2.0-next.0');
+const VERSION = new Version('17.2.0-next.1');
 
 /**
  * Defines a scroll position manager. Implemented by `BrowserViewportScroller`.
@@ -5177,9 +5206,9 @@ class ViewportScroller {
     static { this.ɵprov = ɵɵdefineInjectable({
         token: ViewportScroller,
         providedIn: 'root',
-        factory: () => isPlatformBrowser(inject(PLATFORM_ID)) ?
-            new BrowserViewportScroller(inject(DOCUMENT), window) :
-            new NullViewportScroller()
+        factory: () => isPlatformBrowser(inject(PLATFORM_ID))
+            ? new BrowserViewportScroller(inject(DOCUMENT), window)
+            : new NullViewportScroller(),
     }); }
 }
 /**
@@ -5270,7 +5299,8 @@ function findAnchorFromDocument(document, target) {
     }
     // `getElementById` and `getElementsByName` won't pierce through the shadow DOM so we
     // have to traverse the DOM manually and do the lookup through the shadow roots.
-    if (typeof document.createTreeWalker === 'function' && document.body &&
+    if (typeof document.createTreeWalker === 'function' &&
+        document.body &&
         typeof document.body.attachShadow === 'function') {
         const treeWalker = document.createTreeWalker(document.body, NodeFilter.SHOW_ELEMENT);
         let currentNode = treeWalker.currentNode;
@@ -5337,7 +5367,7 @@ function isAbsoluteUrl(src) {
 // Given a URL, extract the hostname part.
 // If a URL is a relative one - the URL is returned as is.
 function extractHostname(url) {
-    return isAbsoluteUrl(url) ? (new URL(url)).hostname : url;
+    return isAbsoluteUrl(url) ? new URL(url).hostname : url;
 }
 function isValidPath(path) {
     const isString = typeof path === 'string';
@@ -5375,7 +5405,7 @@ const noopImageLoader = (config) => config.src;
  * @see {@link NgOptimizedImage}
  * @publicApi
  */
-const IMAGE_LOADER = new InjectionToken('ImageLoader', {
+const IMAGE_LOADER = new InjectionToken(ngDevMode ? 'ImageLoader' : '', {
     providedIn: 'root',
     factory: () => noopImageLoader,
 });
@@ -5452,7 +5482,7 @@ function createCloudflareUrl(path, config) {
  */
 const cloudinaryLoaderInfo = {
     name: 'Cloudinary',
-    testUrl: isCloudinaryUrl
+    testUrl: isCloudinaryUrl,
 };
 const CLOUDINARY_LOADER_REGEX = /https?\:\/\/[^\/]+\.cloudinary\.com\/.+/;
 /**
@@ -5473,12 +5503,13 @@ function isCloudinaryUrl(url) {
  *
  * @publicApi
  */
-const provideCloudinaryLoader = createImageLoader(createCloudinaryUrl, ngDevMode ?
-    [
-        'https://res.cloudinary.com/mysite', 'https://mysite.cloudinary.com',
-        'https://subdomain.mysite.com'
-    ] :
-    undefined);
+const provideCloudinaryLoader = createImageLoader(createCloudinaryUrl, ngDevMode
+    ? [
+        'https://res.cloudinary.com/mysite',
+        'https://mysite.cloudinary.com',
+        'https://subdomain.mysite.com',
+    ]
+    : undefined);
 function createCloudinaryUrl(path, config) {
     // Cloudinary image URLformat:
     // https://cloudinary.com/documentation/image_transformations#transformation_url_structure
@@ -5537,7 +5568,7 @@ function createImagekitUrl(path, config) {
  */
 const imgixLoaderInfo = {
     name: 'Imgix',
-    testUrl: isImgixUrl
+    testUrl: isImgixUrl,
 };
 const IMGIX_LOADER_REGEX = /https?\:\/\/[^\/]+\.imgix\.net\/.+/;
 /**
@@ -5568,7 +5599,9 @@ function createImgixUrl(path, config) {
 
 // Assembles directive details string, useful for error messages.
 function imgDirectiveDetails(ngSrc, includeNgSrc = true) {
-    const ngSrcInfo = includeNgSrc ? `(activated on an <img> element with the \`ngSrc="${ngSrc}"\`) ` : '';
+    const ngSrcInfo = includeNgSrc
+        ? `(activated on an <img> element with the \`ngSrc="${ngSrc}"\`) `
+        : '';
     return `The NgOptimizedImage directive ${ngSrcInfo}has detected that`;
 }
 
@@ -5649,7 +5682,7 @@ class LCPImageObserver {
             priority: isPriority,
             modified: false,
             alreadyWarnedModified: false,
-            alreadyWarnedPriority: false
+            alreadyWarnedPriority: false,
         };
         this.images.set(getUrl(rewrittenSrc, this.window).href, newObservedImageState);
     }
@@ -5673,10 +5706,10 @@ class LCPImageObserver {
         this.observer.disconnect();
         this.images.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: LCPImageObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: LCPImageObserver, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: LCPImageObserver, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: LCPImageObserver, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: LCPImageObserver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: LCPImageObserver, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -5715,7 +5748,7 @@ const INTERNAL_PRECONNECT_CHECK_BLOCKLIST = new Set(['localhost', '127.0.0.1', '
  *
  * @publicApi
  */
-const PRECONNECT_CHECK_BLOCKLIST = new InjectionToken('PRECONNECT_CHECK_BLOCKLIST');
+const PRECONNECT_CHECK_BLOCKLIST = new InjectionToken(ngDevMode ? 'PRECONNECT_CHECK_BLOCKLIST' : '');
 /**
  * Contains the logic to detect whether an image, marked with the "priority" attribute
  * has a corresponding `<link rel="preconnect">` tag in the `document.head`.
@@ -5749,7 +5782,7 @@ class PreconnectLinkChecker {
     }
     populateBlocklist(origins) {
         if (Array.isArray(origins)) {
-            deepForEach(origins, origin => {
+            deepForEach(origins, (origin) => {
                 this.blocklist.add(extractHostname(origin));
             });
         }
@@ -5772,13 +5805,11 @@ class PreconnectLinkChecker {
             return;
         // Register this origin as seen, so we don't check it again later.
         this.alreadySeen.add(imgUrl.origin);
-        if (!this.preconnectLinks) {
-            // Note: we query for preconnect links only *once* and cache the results
-            // for the entire lifespan of an application, since it's unlikely that the
-            // list would change frequently. This allows to make sure there are no
-            // performance implications of making extra DOM lookups for each image.
-            this.preconnectLinks = this.queryPreconnectLinks();
-        }
+        // Note: we query for preconnect links only *once* and cache the results
+        // for the entire lifespan of an application, since it's unlikely that the
+        // list would change frequently. This allows to make sure there are no
+        // performance implications of making extra DOM lookups for each image.
+        this.preconnectLinks ??= this.queryPreconnectLinks();
         if (!this.preconnectLinks.has(imgUrl.origin)) {
             console.warn(ɵformatRuntimeError(2956 /* RuntimeErrorCode.PRIORITY_IMG_MISSING_PRECONNECT_TAG */, `${imgDirectiveDetails(originalNgSrc)} there is no preconnect tag present for this ` +
                 `image. Preconnecting to the origin(s) that serve priority images ensures that these ` +
@@ -5801,10 +5832,10 @@ class PreconnectLinkChecker {
         this.preconnectLinks?.clear();
         this.alreadySeen.clear();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PreconnectLinkChecker, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PreconnectLinkChecker, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PreconnectLinkChecker, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PreconnectLinkChecker, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PreconnectLinkChecker, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PreconnectLinkChecker, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
@@ -5832,7 +5863,10 @@ const DEFAULT_PRELOADED_IMAGES_LIMIT = 5;
  * This Set tracks the original src passed into the `ngSrc` input not the src after it has been
  * run through the specified `IMAGE_LOADER`.
  */
-const PRELOADED_IMAGES = new InjectionToken('NG_OPTIMIZED_PRELOADED_IMAGES', { providedIn: 'root', factory: () => new Set() });
+const PRELOADED_IMAGES = new InjectionToken('NG_OPTIMIZED_PRELOADED_IMAGES', {
+    providedIn: 'root',
+    factory: () => new Set(),
+});
 
 /**
  * @description Contains the logic needed to track and add preload link tags to the `<head>` tag. It
@@ -5890,10 +5924,10 @@ class PreloadLinkCreator {
         }
         renderer.appendChild(this.document.head, preload);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PreloadLinkCreator, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PreloadLinkCreator, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PreloadLinkCreator, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PreloadLinkCreator, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: PreloadLinkCreator, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: PreloadLinkCreator, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -5938,7 +5972,7 @@ const VIEWPORT_BREAKPOINT_CUTOFF = 640;
 /**
  * Used to determine whether two aspect ratios are similar in value.
  */
-const ASPECT_RATIO_TOLERANCE = .1;
+const ASPECT_RATIO_TOLERANCE = 0.1;
 /**
  * Used to determine whether the image has been requested at an overly
  * large size compared to the actual rendered image size (after taking
@@ -5951,6 +5985,21 @@ const OVERSIZED_IMAGE_TOLERANCE = 1000;
  */
 const FIXED_SRCSET_WIDTH_LIMIT = 1920;
 const FIXED_SRCSET_HEIGHT_LIMIT = 1080;
+/**
+ * Default blur radius of the CSS filter used on placeholder images, in pixels
+ */
+const PLACEHOLDER_BLUR_AMOUNT = 15;
+/**
+ * Used to warn or error when the user provides an overly large dataURL for the placeholder
+ * attribute.
+ * Character count of Base64 images is 1 character per byte, and base64 encoding is approximately
+ * 33% larger than base images, so 4000 characters is around 3KB on disk and 10000 characters is
+ * around 7.7KB. Experimentally, 4000 characters is about 20x20px in PNG or medium-quality JPEG
+ * format, and 10,000 is around 50x50px, but there's quite a bit of variation depending on how the
+ * image is saved.
+ */
+const DATA_URL_WARN_LIMIT = 4000;
+const DATA_URL_ERROR_LIMIT = 10000;
 /** Info about built-in loaders we can test for. */
 const BUILT_IN_LOADERS = [imgixLoaderInfo, imageKitLoaderInfo, cloudinaryLoaderInfo];
 /**
@@ -6118,6 +6167,7 @@ class NgOptimizedImage {
             if (!this.ngSrcset) {
                 assertNoComplexSizes(this);
             }
+            assertValidPlaceholder(this, this.imageLoader);
             assertNotMissingBuiltInLoader(this.ngSrc, this.imageLoader);
             assertNoNgSrcsetWithoutLoader(this, this.imageLoader);
             assertNoLoaderParamsWithoutLoader(this, this.imageLoader);
@@ -6132,15 +6182,16 @@ class NgOptimizedImage {
                 checker.assertPreconnect(this.getRewrittenSrc(), this.ngSrc);
             }
         }
+        if (this.placeholder) {
+            this.removePlaceholderOnLoad(this, this.imgElement, this.renderer);
+        }
         this.setHostAttributes();
     }
     setHostAttributes() {
         // Must set width/height explicitly in case they are bound (in which case they will
         // only be reflected and not found by the browser)
         if (this.fill) {
-            if (!this.sizes) {
-                this.sizes = '100vw';
-            }
+            this.sizes ||= '100vw';
         }
         else {
             this.setHostAttribute('width', this.width.toString());
@@ -6217,7 +6268,10 @@ class NgOptimizedImage {
     }
     getRewrittenSrcset() {
         const widthSrcSet = VALID_WIDTH_DESCRIPTOR_SRCSET.test(this.ngSrcset);
-        const finalSrcs = this.ngSrcset.split(',').filter(src => src !== '').map(srcStr => {
+        const finalSrcs = this.ngSrcset
+            .split(',')
+            .filter((src) => src !== '')
+            .map((srcStr) => {
             srcStr = srcStr.trim();
             const width = widthSrcSet ? parseFloat(srcStr) : parseFloat(srcStr) * this.width;
             return `${this.callImageLoader({ src: this.ngSrc, width })} ${srcStr}`;
@@ -6238,9 +6292,9 @@ class NgOptimizedImage {
         if (this.sizes?.trim() === '100vw') {
             // Since this is a full-screen-width image, our srcset only needs to include
             // breakpoints with full viewport widths.
-            filteredBreakpoints = breakpoints.filter(bp => bp >= VIEWPORT_BREAKPOINT_CUTOFF);
+            filteredBreakpoints = breakpoints.filter((bp) => bp >= VIEWPORT_BREAKPOINT_CUTOFF);
         }
-        const finalSrcs = filteredBreakpoints.map(bp => `${this.callImageLoader({ src: this.ngSrc, width: bp })} ${bp}w`);
+        const finalSrcs = filteredBreakpoints.map((bp) => `${this.callImageLoader({ src: this.ngSrc, width: bp })} ${bp}w`);
         return finalSrcs.join(', ');
     }
     updateSrcAndSrcset(forceSrcRecalc = false) {
@@ -6264,9 +6318,9 @@ class NgOptimizedImage {
         return rewrittenSrcset;
     }
     getFixedSrcset() {
-        const finalSrcs = DENSITY_SRCSET_MULTIPLIERS.map(multiplier => `${this.callImageLoader({
+        const finalSrcs = DENSITY_SRCSET_MULTIPLIERS.map((multiplier) => `${this.callImageLoader({
             src: this.ngSrc,
-            width: this.width * multiplier
+            width: this.width * multiplier,
         })} ${multiplier}x`);
         return finalSrcs.join(', ');
     }
@@ -6276,8 +6330,51 @@ class NgOptimizedImage {
             oversizedImage =
                 this.width > FIXED_SRCSET_WIDTH_LIMIT || this.height > FIXED_SRCSET_HEIGHT_LIMIT;
         }
-        return !this.disableOptimizedSrcset && !this.srcset && this.imageLoader !== noopImageLoader &&
-            !oversizedImage;
+        return (!this.disableOptimizedSrcset &&
+            !this.srcset &&
+            this.imageLoader !== noopImageLoader &&
+            !oversizedImage);
+    }
+    /**
+     * Returns an image url formatted for use with the CSS background-image property. Expects one of:
+     * * A base64 encoded image, which is wrapped and passed through.
+     * * A boolean. If true, calls the image loader to generate a small placeholder url.
+     */
+    generatePlaceholder(placeholderInput) {
+        const { placeholderResolution } = this.config;
+        if (placeholderInput === true) {
+            return `url(${this.callImageLoader({
+                src: this.ngSrc,
+                width: placeholderResolution,
+                isPlaceholder: true,
+            })})`;
+        }
+        else if (typeof placeholderInput === 'string' && placeholderInput.startsWith('data:')) {
+            return `url(${placeholderInput})`;
+        }
+        return null;
+    }
+    /**
+     * Determines if blur should be applied, based on an optional boolean
+     * property `blur` within the optional configuration object `placeholderConfig`.
+     */
+    shouldBlurPlaceholder(placeholderConfig) {
+        if (!placeholderConfig || !placeholderConfig.hasOwnProperty('blur')) {
+            return true;
+        }
+        return Boolean(placeholderConfig.blur);
+    }
+    removePlaceholderOnLoad(dir, img, renderer) {
+        const removeLoadListenerFn = renderer.listen(img, 'load', () => {
+            removeLoadListenerFn();
+            removeErrorListenerFn();
+            dir.placeholder = false;
+        });
+        const removeErrorListenerFn = renderer.listen(img, 'error', () => {
+            removeLoadListenerFn();
+            removeErrorListenerFn();
+            dir.placeholder = false;
+        });
     }
     /** @nodoc */
     ngOnDestroy() {
@@ -6290,10 +6387,10 @@ class NgOptimizedImage {
     setHostAttribute(name, value) {
         this.renderer.setAttribute(this.imgElement, name, value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgOptimizedImage, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.2.0-next.0", 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], src: "src", srcset: "srcset" }, host: { properties: { "style.position": "fill ? \"absolute\" : null", "style.width": "fill ? \"100%\" : null", "style.height": "fill ? \"100%\" : null", "style.inset": "fill ? \"0px\" : null" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgOptimizedImage, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "17.2.0-next.1", 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", booleanOrDataUrlAttribute], 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0", ngImport: i0, type: NgOptimizedImage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.1", ngImport: i0, type: NgOptimizedImage, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -6302,8 +6399,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0",
                         '[style.position]': 'fill ? "absolute" : null',
                         '[style.width]': 'fill ? "100%" : null',
                         '[style.height]': 'fill ? "100%" : null',
-                        '[style.inset]': 'fill ? "0px" : 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(${PLACEHOLDER_BLUR_AMOUNT}px)" : null`,
+                    },
                 }]
         }], propDecorators: { ngSrc: [{
                 type: Input,
@@ -6331,6 +6433,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0-next.0",
             }], fill: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], placeholder: [{
+                type: Input,
+                args: [{ transform: booleanOrDataUrlAttribute }]
+            }], placeholderConfig: [{
+                type: Input
             }], src: [{
                 type: Input
             }], srcset: [{
@@ -6397,6 +6504,53 @@ function assertNoComplexSizes(dir) {
             `To fix this, modify the \`sizes\` attribute, or provide your own \`ngSrcset\` value directly.`);
     }
 }
+function assertValidPlaceholder(dir, imageLoader) {
+    assertNoPlaceholderConfigWithoutPlaceholder(dir);
+    assertNoRelativePlaceholderWithoutLoader(dir, imageLoader);
+    assertNoOversizedDataUrl(dir);
+}
+/**
+ * Verifies that placeholderConfig isn't being used without placeholder
+ */
+function assertNoPlaceholderConfigWithoutPlaceholder(dir) {
+    if (dir.placeholderConfig && !dir.placeholder) {
+        throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.ngSrc, false)} \`placeholderConfig\` options were provided for an ` +
+            `image that does not use the \`placeholder\` attribute, and will have no effect.`);
+    }
+}
+/**
+ * Warns if a relative URL placeholder is specified, but no loader is present to provide the small
+ * image.
+ */
+function assertNoRelativePlaceholderWithoutLoader(dir, imageLoader) {
+    if (dir.placeholder === true && imageLoader === noopImageLoader) {
+        throw new ɵRuntimeError(2963 /* RuntimeErrorCode.MISSING_NECESSARY_LOADER */, `${imgDirectiveDetails(dir.ngSrc)} the \`placeholder\` attribute is set to true but ` +
+            `no image loader is configured (i.e. the default one is being used), ` +
+            `which would result in the same image being used for the primary image and its placeholder. ` +
+            `To fix this, provide a loader or remove the \`placeholder\` attribute from the image.`);
+    }
+}
+/**
+ * Warns or throws an error if an oversized dataURL placeholder is provided.
+ */
+function assertNoOversizedDataUrl(dir) {
+    if (dir.placeholder &&
+        typeof dir.placeholder === 'string' &&
+        dir.placeholder.startsWith('data:')) {
+        if (dir.placeholder.length > DATA_URL_ERROR_LIMIT) {
+            throw new ɵRuntimeError(2965 /* RuntimeErrorCode.OVERSIZED_PLACEHOLDER */, `${imgDirectiveDetails(dir.ngSrc)} the \`placeholder\` attribute is set to a data URL which is longer ` +
+                `than ${DATA_URL_ERROR_LIMIT} characters. This is strongly discouraged, as large inline placeholders ` +
+                `directly increase the bundle size of Angular and hurt page load performance. To fix this, generate ` +
+                `a smaller data URL placeholder.`);
+        }
+        if (dir.placeholder.length > DATA_URL_WARN_LIMIT) {
+            console.warn(ɵformatRuntimeError(2965 /* RuntimeErrorCode.OVERSIZED_PLACEHOLDER */, `${imgDirectiveDetails(dir.ngSrc)} the \`placeholder\` attribute is set to a data URL which is longer ` +
+                `than ${DATA_URL_WARN_LIMIT} characters. This is discouraged, as large inline placeholders ` +
+                `directly increase the bundle size of Angular and hurt page load performance. For better loading performance, ` +
+                `generate a smaller data URL placeholder.`));
+        }
+    }
+}
 /**
  * Verifies that the `ngSrc` is not a Blob URL.
  */
@@ -6441,7 +6595,9 @@ function assertValidNgSrcset(dir, value) {
     }
 }
 function assertUnderDensityCap(dir, value) {
-    const underDensityCap = value.split(',').every(num => num === '' || parseFloat(num) <= ABSOLUTE_SRCSET_DENSITY_CAP);
+    const underDensityCap = value
+        .split(',')
+        .every((num) => num === '' || parseFloat(num) <= ABSOLUTE_SRCSET_DENSITY_CAP);
     if (!underDensityCap) {
         throw new ɵRuntimeError(2952 /* RuntimeErrorCode.INVALID_INPUT */, `${imgDirectiveDetails(dir.ngSrc)} the \`ngSrcset\` contains an unsupported image density:` +
             `\`${value}\`. NgOptimizedImage generally recommends a max image density of ` +
@@ -6459,12 +6615,14 @@ function assertUnderDensityCap(dir, value) {
 function postInitInputChangeError(dir, inputName) {
     let reason;
     if (inputName === 'width' || inputName === 'height') {
-        reason = `Changing \`${inputName}\` may result in different attribute value ` +
-            `applied to the underlying image element and cause layout shifts on a page.`;
+        reason =
+            `Changing \`${inputName}\` may result in different attribute value ` +
+                `applied to the underlying image element and cause layout shifts on a page.`;
     }
     else {
-        reason = `Changing the \`${inputName}\` would have no effect on the underlying ` +
-            `image element, because the resource loading has already occurred.`;
+        reason =
+            `Changing the \`${inputName}\` would have no effect on the underlying ` +
+                `image element, because the resource loading has already occurred.`;
     }
     return new ɵRuntimeError(2953 /* RuntimeErrorCode.UNEXPECTED_INPUT_CHANGE */, `${imgDirectiveDetails(dir.ngSrc)} \`${inputName}\` was updated after initialization. ` +
         `The NgOptimizedImage directive will not react to this input change. ${reason} ` +
@@ -6475,7 +6633,7 @@ function postInitInputChangeError(dir, inputName) {
  * Verify that none of the listed inputs has changed.
  */
 function assertNoPostInitInputChange(dir, changes, inputs) {
-    inputs.forEach(input => {
+    inputs.forEach((input) => {
         const isUpdated = changes.hasOwnProperty(input);
         if (isUpdated && !changes[input].isFirstChange()) {
             if (input === 'ngSrc') {
@@ -6561,8 +6719,8 @@ function assertNoImageDistortion(dir, img, renderer) {
             // If `ngSrcset` hasn't been set, sanity check the intrinsic size.
             const recommendedWidth = RECOMMENDED_SRCSET_DENSITY_CAP * renderedWidth;
             const recommendedHeight = RECOMMENDED_SRCSET_DENSITY_CAP * renderedHeight;
-            const oversizedWidth = (intrinsicWidth - recommendedWidth) >= OVERSIZED_IMAGE_TOLERANCE;
-            const oversizedHeight = (intrinsicHeight - recommendedHeight) >= OVERSIZED_IMAGE_TOLERANCE;
+            const oversizedWidth = intrinsicWidth - recommendedWidth >= OVERSIZED_IMAGE_TOLERANCE;
+            const oversizedHeight = intrinsicHeight - recommendedHeight >= OVERSIZED_IMAGE_TOLERANCE;
             if (oversizedWidth || oversizedHeight) {
                 console.warn(ɵformatRuntimeError(2960 /* RuntimeErrorCode.OVERSIZED_IMAGE */, `${imgDirectiveDetails(dir.ngSrc)} the intrinsic image is significantly ` +
                     `larger than necessary. ` +
@@ -6595,7 +6753,7 @@ function assertNonEmptyWidthAndHeight(dir) {
         missingAttributes.push('height');
     if (missingAttributes.length > 0) {
         throw new ɵRuntimeError(2954 /* RuntimeErrorCode.REQUIRED_INPUT_MISSING */, `${imgDirectiveDetails(dir.ngSrc)} these required attributes ` +
-            `are missing: ${missingAttributes.map(attr => `"${attr}"`).join(', ')}. ` +
+            `are missing: ${missingAttributes.map((attr) => `"${attr}"`).join(', ')}. ` +
             `Including "width" and "height" attributes will prevent image-related layout shifts. ` +
             `To fix this, include "width" and "height" attributes on the image tag or turn on ` +
             `"fill" mode with the \`fill\` attribute.`);
@@ -6717,6 +6875,14 @@ function unwrapSafeUrl(value) {
     }
     return ɵunwrapSafeValue(value);
 }
+// Transform function to handle inputs which may be booleans, strings, or string representations
+// of boolean values. Used for the placeholder attribute.
+function booleanOrDataUrlAttribute(value) {
+    if (typeof value === 'string' && value.startsWith(`data:`)) {
+        return value;
+    }
+    return booleanAttribute(value);
+}
 
 /**
  * @module
@@ -6737,5 +6903,5 @@ function unwrapSafeUrl(value) {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_BASE_HREF, AsyncPipe, BrowserPlatformLocation, CommonModule, CurrencyPipe, DATE_PIPE_DEFAULT_OPTIONS, DATE_PIPE_DEFAULT_TIMEZONE, DOCUMENT, DatePipe, DecimalPipe, FormStyle, FormatWidth, HashLocationStrategy, I18nPluralPipe, I18nSelectPipe, IMAGE_LOADER, JsonPipe, KeyValuePipe, LOCATION_INITIALIZED, Location, LocationStrategy, LowerCasePipe, NgClass, NgComponentOutlet, NgForOf as NgFor, NgForOf, NgForOfContext, NgIf, NgIfContext, NgLocaleLocalization, NgLocalization, NgOptimizedImage, NgPlural, NgPluralCase, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet, NumberFormatStyle, NumberSymbol, PRECONNECT_CHECK_BLOCKLIST, PathLocationStrategy, PercentPipe, PlatformLocation, Plural, SlicePipe, TitleCasePipe, TranslationWidth, UpperCasePipe, VERSION, ViewportScroller, WeekDay, XhrFactory, formatCurrency, formatDate, formatNumber, formatPercent, getCurrencySymbol, getLocaleCurrencyCode, getLocaleCurrencyName, getLocaleCurrencySymbol, getLocaleDateFormat, getLocaleDateTimeFormat, getLocaleDayNames, getLocaleDayPeriods, getLocaleDirection, getLocaleEraNames, getLocaleExtraDayPeriodRules, getLocaleExtraDayPeriods, getLocaleFirstDayOfWeek, getLocaleId, getLocaleMonthNames, getLocaleNumberFormat, getLocaleNumberSymbol, getLocalePluralCase, getLocaleTimeFormat, getLocaleWeekEndRange, getNumberOfCurrencyDigits, isPlatformBrowser, isPlatformServer, isPlatformWorkerApp, isPlatformWorkerUi, provideCloudflareLoader, provideCloudinaryLoader, provideImageKitLoader, provideImgixLoader, registerLocaleData, DomAdapter as ɵDomAdapter, NullViewportScroller as ɵNullViewportScroller, PLATFORM_BROWSER_ID as ɵPLATFORM_BROWSER_ID, PLATFORM_SERVER_ID as ɵPLATFORM_SERVER_ID, PLATFORM_WORKER_APP_ID as ɵPLATFORM_WORKER_APP_ID, PLATFORM_WORKER_UI_ID as ɵPLATFORM_WORKER_UI_ID, getDOM as ɵgetDOM, normalizeQueryParams as ɵnormalizeQueryParams, parseCookieValue as ɵparseCookieValue, setRootDomAdapter as ɵsetRootDomAdapter };
+export { APP_BASE_HREF, AsyncPipe, BrowserPlatformLocation, CommonModule, CurrencyPipe, DATE_PIPE_DEFAULT_OPTIONS, DATE_PIPE_DEFAULT_TIMEZONE, DOCUMENT, DatePipe, DecimalPipe, FormStyle, FormatWidth, HashLocationStrategy, I18nPluralPipe, I18nSelectPipe, IMAGE_LOADER, JsonPipe, KeyValuePipe, LOCATION_INITIALIZED, Location, LocationStrategy, LowerCasePipe, NgClass, NgComponentOutlet, NgForOf as NgFor, NgForOf, NgForOfContext, NgIf, NgIfContext, NgLocaleLocalization, NgLocalization, NgOptimizedImage, NgPlural, NgPluralCase, NgStyle, NgSwitch, NgSwitchCase, NgSwitchDefault, NgTemplateOutlet, NumberFormatStyle, NumberSymbol, PRECONNECT_CHECK_BLOCKLIST, PathLocationStrategy, PercentPipe, PlatformLocation, Plural, SlicePipe, TitleCasePipe, TranslationWidth, UpperCasePipe, VERSION, ViewportScroller, WeekDay, XhrFactory, formatCurrency, formatDate, formatNumber, formatPercent, getCurrencySymbol, getLocaleCurrencyCode, getLocaleCurrencyName, getLocaleCurrencySymbol, getLocaleDateFormat, getLocaleDateTimeFormat, getLocaleDayNames, getLocaleDayPeriods, getLocaleDirection, getLocaleEraNames, getLocaleExtraDayPeriodRules, getLocaleExtraDayPeriods, getLocaleFirstDayOfWeek, getLocaleId, getLocaleMonthNames, getLocaleNumberFormat, getLocaleNumberSymbol, getLocalePluralCase, getLocaleTimeFormat, getLocaleWeekEndRange, getNumberOfCurrencyDigits, isPlatformBrowser, isPlatformServer, isPlatformWorkerApp, isPlatformWorkerUi, provideCloudflareLoader, provideCloudinaryLoader, provideImageKitLoader, provideImgixLoader, registerLocaleData, DomAdapter as ɵDomAdapter, NullViewportScroller as ɵNullViewportScroller, PLATFORM_BROWSER_ID as ɵPLATFORM_BROWSER_ID, PLATFORM_SERVER_ID as ɵPLATFORM_SERVER_ID, PLATFORM_WORKER_APP_ID as ɵPLATFORM_WORKER_APP_ID, PLATFORM_WORKER_UI_ID as ɵPLATFORM_WORKER_UI_ID, PlatformNavigation as ɵPlatformNavigation, getDOM as ɵgetDOM, normalizeQueryParams as ɵnormalizeQueryParams, parseCookieValue as ɵparseCookieValue, setRootDomAdapter as ɵsetRootDomAdapter };
 //# sourceMappingURL=common.mjs.map