@angular/common 22.0.0-next.3 → 22.0.0-next.5

package/fesm2022/_module-chunk.mjs

@@ -1,13 +1,13 @@
 /**
- * @license Angular v22.0.0-next.3
+ * @license Angular v22.0.0-next.5
  * (c) 2010-2026 Google LLC. https://angular.dev/
  * License: MIT
  */
 
 import * as i0 from '@angular/core';
-import { ɵRuntimeError as _RuntimeError, inject, NgZone, DestroyRef, Injectable, ɵformatRuntimeError as _formatRuntimeError, ɵTracingService as _TracingService, InjectionToken, runInInjectionContext, PendingTasks, ɵConsole as _Console, DOCUMENT, Inject, EnvironmentInjector, makeEnvironmentProviders, NgModule } from '@angular/core';
-import { switchMap, finalize, concatMap, filter, map } from 'rxjs/operators';
-import { Observable, from, of } from 'rxjs';
+import { ɵRuntimeError as _RuntimeError, inject, NgZone, DestroyRef, ɵformatRuntimeError as _formatRuntimeError, Injectable, InjectionToken, runInInjectionContext, PendingTasks, ɵConsole as _Console, DOCUMENT, Inject, ɵTracingService as _TracingService, EnvironmentInjector, makeEnvironmentProviders, NgModule } from '@angular/core';
+import { finalize, concatMap, filter, map, switchMap } from 'rxjs/operators';
+import { Observable, of, from } from 'rxjs';
 import { XhrFactory, parseCookieValue } from './_xhr-chunk.mjs';
 import { PlatformLocation } from './_platform_location-chunk.mjs';
 
@@ -974,7 +974,7 @@ class FetchBackend {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: FetchBackend,
     deps: [],
@@ -982,18 +982,22 @@ class FetchBackend {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
-    type: FetchBackend
+    type: FetchBackend,
+    providedIn: 'root'
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: FetchBackend,
   decorators: [{
-    type: Injectable
+    type: Injectable,
+    args: [{
+      providedIn: 'root'
+    }]
   }]
 });
 class FetchFactory {}
@@ -1007,275 +1011,6 @@ function silenceSuperfluousUnhandledPromiseRejection(promise) {
   promise.then(noop, noop);
 }
 
-const XSSI_PREFIX = /^\)\]\}',?\n/;
-function validateXhrCompatibility(req) {
-  const unsupportedOptions = [{
-    property: 'keepalive',
-    errorCode: 2813
-  }, {
-    property: 'cache',
-    errorCode: 2814
-  }, {
-    property: 'priority',
-    errorCode: 2815
-  }, {
-    property: 'mode',
-    errorCode: 2816
-  }, {
-    property: 'redirect',
-    errorCode: 2817
-  }, {
-    property: 'credentials',
-    errorCode: 2818
-  }, {
-    property: 'integrity',
-    errorCode: 2820
-  }, {
-    property: 'referrer',
-    errorCode: 2821
-  }, {
-    property: 'referrerPolicy',
-    errorCode: 2823
-  }];
-  for (const {
-    property,
-    errorCode
-  } of unsupportedOptions) {
-    if (req[property]) {
-      console.warn(_formatRuntimeError(errorCode, `Angular detected that a \`HttpClient\` request with the \`${property}\` option was sent using XHR, which does not support it. To use the \`${property}\` option, enable Fetch API support by passing \`withFetch()\` as an argument to \`provideHttpClient()\`.`));
-    }
-  }
-}
-class HttpXhrBackend {
-  xhrFactory;
-  tracingService = inject(_TracingService, {
-    optional: true
-  });
-  constructor(xhrFactory) {
-    this.xhrFactory = xhrFactory;
-  }
-  maybePropagateTrace(fn) {
-    return this.tracingService?.propagate ? this.tracingService.propagate(fn) : fn;
-  }
-  handle(req) {
-    if (req.method === 'JSONP') {
-      throw new _RuntimeError(-2800, (typeof ngDevMode === 'undefined' || ngDevMode) && `Cannot make a JSONP request without JSONP support. To fix the problem, either add the \`withJsonpSupport()\` call (if \`provideHttpClient()\` is used) or import the \`HttpClientJsonpModule\` in the root NgModule.`);
-    }
-    ngDevMode && validateXhrCompatibility(req);
-    const xhrFactory = this.xhrFactory;
-    const source = typeof ngServerMode !== 'undefined' && ngServerMode && xhrFactory.ɵloadImpl ? from(xhrFactory.ɵloadImpl()) : of(null);
-    return source.pipe(switchMap(() => {
-      return new Observable(observer => {
-        const xhr = xhrFactory.build();
-        xhr.open(req.method, req.urlWithParams);
-        if (req.withCredentials) {
-          xhr.withCredentials = true;
-        }
-        req.headers.forEach((name, values) => xhr.setRequestHeader(name, values.join(',')));
-        if (!req.headers.has(ACCEPT_HEADER)) {
-          xhr.setRequestHeader(ACCEPT_HEADER, ACCEPT_HEADER_VALUE);
-        }
-        if (!req.headers.has(CONTENT_TYPE_HEADER)) {
-          const detectedType = req.detectContentTypeHeader();
-          if (detectedType !== null) {
-            xhr.setRequestHeader(CONTENT_TYPE_HEADER, detectedType);
-          }
-        }
-        if (req.timeout) {
-          xhr.timeout = req.timeout;
-        }
-        if (req.responseType) {
-          const responseType = req.responseType.toLowerCase();
-          xhr.responseType = responseType !== 'json' ? responseType : 'text';
-        }
-        const reqBody = req.serializeBody();
-        let headerResponse = null;
-        const partialFromXhr = () => {
-          if (headerResponse !== null) {
-            return headerResponse;
-          }
-          const statusText = xhr.statusText || 'OK';
-          const headers = new HttpHeaders(xhr.getAllResponseHeaders());
-          const url = xhr.responseURL || req.url;
-          headerResponse = new HttpHeaderResponse({
-            headers,
-            status: xhr.status,
-            statusText,
-            url
-          });
-          return headerResponse;
-        };
-        const onLoad = this.maybePropagateTrace(() => {
-          let {
-            headers,
-            status,
-            statusText,
-            url
-          } = partialFromXhr();
-          let body = null;
-          if (status !== HTTP_STATUS_CODE_NO_CONTENT) {
-            body = typeof xhr.response === 'undefined' ? xhr.responseText : xhr.response;
-          }
-          if (status === 0) {
-            status = !!body ? HTTP_STATUS_CODE_OK : 0;
-          }
-          let ok = status >= 200 && status < 300;
-          if (req.responseType === 'json' && typeof body === 'string') {
-            const originalBody = body;
-            body = body.replace(XSSI_PREFIX, '');
-            try {
-              body = body !== '' ? JSON.parse(body) : null;
-            } catch (error) {
-              body = originalBody;
-              if (ok) {
-                ok = false;
-                body = {
-                  error,
-                  text: body
-                };
-              }
-            }
-          }
-          if (ok) {
-            observer.next(new HttpResponse({
-              body,
-              headers,
-              status,
-              statusText,
-              url: url || undefined
-            }));
-            observer.complete();
-          } else {
-            observer.error(new HttpErrorResponse({
-              error: body,
-              headers,
-              status,
-              statusText,
-              url: url || undefined
-            }));
-          }
-        });
-        const onError = this.maybePropagateTrace(error => {
-          const {
-            url
-          } = partialFromXhr();
-          const res = new HttpErrorResponse({
-            error,
-            status: xhr.status || 0,
-            statusText: xhr.statusText || 'Unknown Error',
-            url: url || undefined
-          });
-          observer.error(res);
-        });
-        let onTimeout = onError;
-        if (req.timeout) {
-          onTimeout = this.maybePropagateTrace(_ => {
-            const {
-              url
-            } = partialFromXhr();
-            const res = new HttpErrorResponse({
-              error: new DOMException('Request timed out', 'TimeoutError'),
-              status: xhr.status || 0,
-              statusText: xhr.statusText || 'Request timeout',
-              url: url || undefined
-            });
-            observer.error(res);
-          });
-        }
-        let sentHeaders = false;
-        const onDownProgress = this.maybePropagateTrace(event => {
-          if (!sentHeaders) {
-            observer.next(partialFromXhr());
-            sentHeaders = true;
-          }
-          let progressEvent = {
-            type: HttpEventType.DownloadProgress,
-            loaded: event.loaded
-          };
-          if (event.lengthComputable) {
-            progressEvent.total = event.total;
-          }
-          if (req.responseType === 'text' && !!xhr.responseText) {
-            progressEvent.partialText = xhr.responseText;
-          }
-          observer.next(progressEvent);
-        });
-        const onUpProgress = this.maybePropagateTrace(event => {
-          let progress = {
-            type: HttpEventType.UploadProgress,
-            loaded: event.loaded
-          };
-          if (event.lengthComputable) {
-            progress.total = event.total;
-          }
-          observer.next(progress);
-        });
-        xhr.addEventListener('load', onLoad);
-        xhr.addEventListener('error', onError);
-        xhr.addEventListener('timeout', onTimeout);
-        xhr.addEventListener('abort', onError);
-        if (req.reportProgress) {
-          xhr.addEventListener('progress', onDownProgress);
-          if (reqBody !== null && xhr.upload) {
-            xhr.upload.addEventListener('progress', onUpProgress);
-          }
-        }
-        xhr.send(reqBody);
-        observer.next({
-          type: HttpEventType.Sent
-        });
-        return () => {
-          xhr.removeEventListener('error', onError);
-          xhr.removeEventListener('abort', onError);
-          xhr.removeEventListener('load', onLoad);
-          xhr.removeEventListener('timeout', onTimeout);
-          if (req.reportProgress) {
-            xhr.removeEventListener('progress', onDownProgress);
-            if (reqBody !== null && xhr.upload) {
-              xhr.upload.removeEventListener('progress', onUpProgress);
-            }
-          }
-          if (xhr.readyState !== xhr.DONE) {
-            xhr.abort();
-          }
-        };
-      });
-    }));
-  }
-  static ɵfac = i0.ɵɵngDeclareFactory({
-    minVersion: "12.0.0",
-    version: "22.0.0-next.3",
-    ngImport: i0,
-    type: HttpXhrBackend,
-    deps: [{
-      token: XhrFactory
-    }],
-    target: i0.ɵɵFactoryTarget.Injectable
-  });
-  static ɵprov = i0.ɵɵngDeclareInjectable({
-    minVersion: "12.0.0",
-    version: "22.0.0-next.3",
-    ngImport: i0,
-    type: HttpXhrBackend,
-    providedIn: 'root'
-  });
-}
-i0.ɵɵngDeclareClassMetadata({
-  minVersion: "12.0.0",
-  version: "22.0.0-next.3",
-  ngImport: i0,
-  type: HttpXhrBackend,
-  decorators: [{
-    type: Injectable,
-    args: [{
-      providedIn: 'root'
-    }]
-  }],
-  ctorParameters: () => [{
-    type: XhrFactory
-  }]
-});
-
 function interceptorChainEndFn(req, finalHandlerFn) {
   return finalHandlerFn(req);
 }
@@ -1318,7 +1053,7 @@ function legacyInterceptorFnFactory() {
 class HttpBackend {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpBackend,
     deps: [],
@@ -1326,23 +1061,23 @@ class HttpBackend {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpBackend,
     providedIn: 'root',
-    useExisting: HttpXhrBackend
+    useExisting: FetchBackend
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: HttpBackend,
   decorators: [{
     type: Injectable,
     args: [{
       providedIn: 'root',
-      useExisting: HttpXhrBackend
+      useExisting: FetchBackend
     }]
   }]
 });
@@ -1360,7 +1095,7 @@ class HttpInterceptorHandler {
       const isTestingBackend = this.backend.isTestingBackend;
       if (typeof ngServerMode !== 'undefined' && ngServerMode && !(this.backend instanceof FetchBackend) && !isTestingBackend) {
         fetchBackendWarningDisplayed = true;
-        injector.get(_Console).warn(_formatRuntimeError(2801, 'Angular detected that `HttpClient` is not configured ' + "to use `fetch` APIs. It's strongly recommended to " + 'enable `fetch` for applications that use Server-Side Rendering ' + 'for better performance and compatibility. ' + 'To enable `fetch`, add the `withFetch()` to the `provideHttpClient()` ' + 'call at the root of the application.'));
+        injector.get(_Console).warn(_formatRuntimeError(2801, 'Angular detected that `HttpClient` is not configured ' + "to use `fetch` APIs. It's strongly recommended to " + 'enable `fetch` for applications that use Server-Side Rendering ' + 'for better performance and compatibility. ' + 'To enable `fetch`, remove the `withXhr()` feature from the `provideHttpClient()` call'));
       }
     }
   }
@@ -1378,7 +1113,7 @@ class HttpInterceptorHandler {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpInterceptorHandler,
     deps: [{
@@ -1390,7 +1125,7 @@ class HttpInterceptorHandler {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpInterceptorHandler,
     providedIn: 'root'
@@ -1398,7 +1133,7 @@ class HttpInterceptorHandler {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: HttpInterceptorHandler,
   decorators: [{
@@ -1416,7 +1151,7 @@ i0.ɵɵngDeclareClassMetadata({
 class HttpHandler {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpHandler,
     deps: [],
@@ -1424,7 +1159,7 @@ class HttpHandler {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpHandler,
     providedIn: 'root',
@@ -1433,7 +1168,7 @@ class HttpHandler {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: HttpHandler,
   decorators: [{
@@ -1583,7 +1318,7 @@ class HttpClient {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClient,
     deps: [{
@@ -1593,7 +1328,7 @@ class HttpClient {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClient,
     providedIn: 'root'
@@ -1601,7 +1336,7 @@ class HttpClient {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: HttpClient,
   decorators: [{
@@ -1671,127 +1406,396 @@ class JsonpClientBackend {
           cleanup();
           if (!finished) {
             observer.error(new HttpErrorResponse({
-              url,
-              status: 0,
-              statusText: 'JSONP Error',
-              error: new Error(JSONP_ERR_NO_CALLBACK)
+              url,
+              status: 0,
+              statusText: 'JSONP Error',
+              error: new Error(JSONP_ERR_NO_CALLBACK)
+            }));
+            return;
+          }
+          observer.next(new HttpResponse({
+            body,
+            status: HTTP_STATUS_CODE_OK,
+            statusText: 'OK',
+            url
+          }));
+          observer.complete();
+        });
+      };
+      const onError = error => {
+        cleanup();
+        observer.error(new HttpErrorResponse({
+          error,
+          status: 0,
+          statusText: 'JSONP Error',
+          url
+        }));
+      };
+      node.addEventListener('load', onLoad);
+      node.addEventListener('error', onError);
+      this.document.body.appendChild(node);
+      observer.next({
+        type: HttpEventType.Sent
+      });
+      return () => {
+        if (!finished) {
+          this.removeListeners(node);
+        }
+        cleanup();
+      };
+    });
+  }
+  removeListeners(script) {
+    foreignDocument ??= this.document.implementation.createHTMLDocument();
+    foreignDocument.adoptNode(script);
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "22.0.0-next.5",
+    ngImport: i0,
+    type: JsonpClientBackend,
+    deps: [{
+      token: JsonpCallbackContext
+    }, {
+      token: DOCUMENT
+    }],
+    target: i0.ɵɵFactoryTarget.Injectable
+  });
+  static ɵprov = i0.ɵɵngDeclareInjectable({
+    minVersion: "12.0.0",
+    version: "22.0.0-next.5",
+    ngImport: i0,
+    type: JsonpClientBackend
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "22.0.0-next.5",
+  ngImport: i0,
+  type: JsonpClientBackend,
+  decorators: [{
+    type: Injectable
+  }],
+  ctorParameters: () => [{
+    type: JsonpCallbackContext
+  }, {
+    type: undefined,
+    decorators: [{
+      type: Inject,
+      args: [DOCUMENT]
+    }]
+  }]
+});
+function jsonpInterceptorFn(req, next) {
+  if (req.method === 'JSONP') {
+    return inject(JsonpClientBackend).handle(req);
+  }
+  return next(req);
+}
+class JsonpInterceptor {
+  injector;
+  constructor(injector) {
+    this.injector = injector;
+  }
+  intercept(initialRequest, next) {
+    return runInInjectionContext(this.injector, () => jsonpInterceptorFn(initialRequest, downstreamRequest => next.handle(downstreamRequest)));
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "22.0.0-next.5",
+    ngImport: i0,
+    type: JsonpInterceptor,
+    deps: [{
+      token: i0.EnvironmentInjector
+    }],
+    target: i0.ɵɵFactoryTarget.Injectable
+  });
+  static ɵprov = i0.ɵɵngDeclareInjectable({
+    minVersion: "12.0.0",
+    version: "22.0.0-next.5",
+    ngImport: i0,
+    type: JsonpInterceptor
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "22.0.0-next.5",
+  ngImport: i0,
+  type: JsonpInterceptor,
+  decorators: [{
+    type: Injectable
+  }],
+  ctorParameters: () => [{
+    type: i0.EnvironmentInjector
+  }]
+});
+
+const XSSI_PREFIX = /^\)\]\}',?\n/;
+function validateXhrCompatibility(req) {
+  const unsupportedOptions = [{
+    property: 'keepalive',
+    errorCode: 2813
+  }, {
+    property: 'cache',
+    errorCode: 2814
+  }, {
+    property: 'priority',
+    errorCode: 2815
+  }, {
+    property: 'mode',
+    errorCode: 2816
+  }, {
+    property: 'redirect',
+    errorCode: 2817
+  }, {
+    property: 'credentials',
+    errorCode: 2818
+  }, {
+    property: 'integrity',
+    errorCode: 2820
+  }, {
+    property: 'referrer',
+    errorCode: 2821
+  }, {
+    property: 'referrerPolicy',
+    errorCode: 2823
+  }];
+  for (const {
+    property,
+    errorCode
+  } of unsupportedOptions) {
+    if (req[property]) {
+      console.warn(_formatRuntimeError(errorCode, `Angular detected that a \`HttpClient\` request with the \`${property}\` option was sent using XHR, which does not support it. To use the \`${property}\` option, use the Fetch API by removing \`withXhr()\` from the \`provideHttpClient()\` call.`));
+    }
+  }
+}
+class HttpXhrBackend {
+  xhrFactory;
+  tracingService = inject(_TracingService, {
+    optional: true
+  });
+  constructor(xhrFactory) {
+    this.xhrFactory = xhrFactory;
+  }
+  maybePropagateTrace(fn) {
+    return this.tracingService?.propagate ? this.tracingService.propagate(fn) : fn;
+  }
+  handle(req) {
+    if (req.method === 'JSONP') {
+      throw new _RuntimeError(-2800, (typeof ngDevMode === 'undefined' || ngDevMode) && `Cannot make a JSONP request without JSONP support. To fix the problem, either add the \`withJsonpSupport()\` call (if \`provideHttpClient()\` is used) or import the \`HttpClientJsonpModule\` in the root NgModule.`);
+    }
+    ngDevMode && validateXhrCompatibility(req);
+    const xhrFactory = this.xhrFactory;
+    const source = typeof ngServerMode !== 'undefined' && ngServerMode && xhrFactory.ɵloadImpl ? from(xhrFactory.ɵloadImpl()) : of(null);
+    return source.pipe(switchMap(() => {
+      return new Observable(observer => {
+        const xhr = xhrFactory.build();
+        xhr.open(req.method, req.urlWithParams);
+        if (req.withCredentials) {
+          xhr.withCredentials = true;
+        }
+        req.headers.forEach((name, values) => xhr.setRequestHeader(name, values.join(',')));
+        if (!req.headers.has(ACCEPT_HEADER)) {
+          xhr.setRequestHeader(ACCEPT_HEADER, ACCEPT_HEADER_VALUE);
+        }
+        if (!req.headers.has(CONTENT_TYPE_HEADER)) {
+          const detectedType = req.detectContentTypeHeader();
+          if (detectedType !== null) {
+            xhr.setRequestHeader(CONTENT_TYPE_HEADER, detectedType);
+          }
+        }
+        if (req.timeout) {
+          xhr.timeout = req.timeout;
+        }
+        if (req.responseType) {
+          const responseType = req.responseType.toLowerCase();
+          xhr.responseType = responseType !== 'json' ? responseType : 'text';
+        }
+        const reqBody = req.serializeBody();
+        let headerResponse = null;
+        const partialFromXhr = () => {
+          if (headerResponse !== null) {
+            return headerResponse;
+          }
+          const statusText = xhr.statusText || 'OK';
+          const headers = new HttpHeaders(xhr.getAllResponseHeaders());
+          const url = xhr.responseURL || req.url;
+          headerResponse = new HttpHeaderResponse({
+            headers,
+            status: xhr.status,
+            statusText,
+            url
+          });
+          return headerResponse;
+        };
+        const onLoad = this.maybePropagateTrace(() => {
+          let {
+            headers,
+            status,
+            statusText,
+            url
+          } = partialFromXhr();
+          let body = null;
+          if (status !== HTTP_STATUS_CODE_NO_CONTENT) {
+            body = typeof xhr.response === 'undefined' ? xhr.responseText : xhr.response;
+          }
+          if (status === 0) {
+            status = !!body ? HTTP_STATUS_CODE_OK : 0;
+          }
+          let ok = status >= 200 && status < 300;
+          if (req.responseType === 'json' && typeof body === 'string') {
+            const originalBody = body;
+            body = body.replace(XSSI_PREFIX, '');
+            try {
+              body = body !== '' ? JSON.parse(body) : null;
+            } catch (error) {
+              body = originalBody;
+              if (ok) {
+                ok = false;
+                body = {
+                  error,
+                  text: body
+                };
+              }
+            }
+          }
+          if (ok) {
+            observer.next(new HttpResponse({
+              body,
+              headers,
+              status,
+              statusText,
+              url: url || undefined
+            }));
+            observer.complete();
+          } else {
+            observer.error(new HttpErrorResponse({
+              error: body,
+              headers,
+              status,
+              statusText,
+              url: url || undefined
             }));
-            return;
           }
-          observer.next(new HttpResponse({
-            body,
-            status: HTTP_STATUS_CODE_OK,
-            statusText: 'OK',
+        });
+        const onError = this.maybePropagateTrace(error => {
+          const {
             url
-          }));
-          observer.complete();
+          } = partialFromXhr();
+          const res = new HttpErrorResponse({
+            error,
+            status: xhr.status || 0,
+            statusText: xhr.statusText || 'Unknown Error',
+            url: url || undefined
+          });
+          observer.error(res);
         });
-      };
-      const onError = error => {
-        cleanup();
-        observer.error(new HttpErrorResponse({
-          error,
-          status: 0,
-          statusText: 'JSONP Error',
-          url
-        }));
-      };
-      node.addEventListener('load', onLoad);
-      node.addEventListener('error', onError);
-      this.document.body.appendChild(node);
-      observer.next({
-        type: HttpEventType.Sent
-      });
-      return () => {
-        if (!finished) {
-          this.removeListeners(node);
+        let onTimeout = onError;
+        if (req.timeout) {
+          onTimeout = this.maybePropagateTrace(_ => {
+            const {
+              url
+            } = partialFromXhr();
+            const res = new HttpErrorResponse({
+              error: new DOMException('Request timed out', 'TimeoutError'),
+              status: xhr.status || 0,
+              statusText: xhr.statusText || 'Request timeout',
+              url: url || undefined
+            });
+            observer.error(res);
+          });
         }
-        cleanup();
-      };
-    });
-  }
-  removeListeners(script) {
-    foreignDocument ??= this.document.implementation.createHTMLDocument();
-    foreignDocument.adoptNode(script);
+        let sentHeaders = false;
+        const onDownProgress = this.maybePropagateTrace(event => {
+          if (!sentHeaders) {
+            observer.next(partialFromXhr());
+            sentHeaders = true;
+          }
+          let progressEvent = {
+            type: HttpEventType.DownloadProgress,
+            loaded: event.loaded
+          };
+          if (event.lengthComputable) {
+            progressEvent.total = event.total;
+          }
+          if (req.responseType === 'text' && !!xhr.responseText) {
+            progressEvent.partialText = xhr.responseText;
+          }
+          observer.next(progressEvent);
+        });
+        const onUpProgress = this.maybePropagateTrace(event => {
+          let progress = {
+            type: HttpEventType.UploadProgress,
+            loaded: event.loaded
+          };
+          if (event.lengthComputable) {
+            progress.total = event.total;
+          }
+          observer.next(progress);
+        });
+        xhr.addEventListener('load', onLoad);
+        xhr.addEventListener('error', onError);
+        xhr.addEventListener('timeout', onTimeout);
+        xhr.addEventListener('abort', onError);
+        if (req.reportProgress) {
+          xhr.addEventListener('progress', onDownProgress);
+          if (reqBody !== null && xhr.upload) {
+            xhr.upload.addEventListener('progress', onUpProgress);
+          }
+        }
+        xhr.send(reqBody);
+        observer.next({
+          type: HttpEventType.Sent
+        });
+        return () => {
+          xhr.removeEventListener('error', onError);
+          xhr.removeEventListener('abort', onError);
+          xhr.removeEventListener('load', onLoad);
+          xhr.removeEventListener('timeout', onTimeout);
+          if (req.reportProgress) {
+            xhr.removeEventListener('progress', onDownProgress);
+            if (reqBody !== null && xhr.upload) {
+              xhr.upload.removeEventListener('progress', onUpProgress);
+            }
+          }
+          if (xhr.readyState !== xhr.DONE) {
+            xhr.abort();
+          }
+        };
+      });
+    }));
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
-    type: JsonpClientBackend,
+    type: HttpXhrBackend,
     deps: [{
-      token: JsonpCallbackContext
-    }, {
-      token: DOCUMENT
+      token: XhrFactory
     }],
     target: i0.ɵɵFactoryTarget.Injectable
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
-    type: JsonpClientBackend
+    type: HttpXhrBackend,
+    providedIn: 'root'
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
-  type: JsonpClientBackend,
+  type: HttpXhrBackend,
   decorators: [{
-    type: Injectable
-  }],
-  ctorParameters: () => [{
-    type: JsonpCallbackContext
-  }, {
-    type: undefined,
-    decorators: [{
-      type: Inject,
-      args: [DOCUMENT]
+    type: Injectable,
+    args: [{
+      providedIn: 'root'
     }]
-  }]
-});
-function jsonpInterceptorFn(req, next) {
-  if (req.method === 'JSONP') {
-    return inject(JsonpClientBackend).handle(req);
-  }
-  return next(req);
-}
-class JsonpInterceptor {
-  injector;
-  constructor(injector) {
-    this.injector = injector;
-  }
-  intercept(initialRequest, next) {
-    return runInInjectionContext(this.injector, () => jsonpInterceptorFn(initialRequest, downstreamRequest => next.handle(downstreamRequest)));
-  }
-  static ɵfac = i0.ɵɵngDeclareFactory({
-    minVersion: "12.0.0",
-    version: "22.0.0-next.3",
-    ngImport: i0,
-    type: JsonpInterceptor,
-    deps: [{
-      token: i0.EnvironmentInjector
-    }],
-    target: i0.ɵɵFactoryTarget.Injectable
-  });
-  static ɵprov = i0.ɵɵngDeclareInjectable({
-    minVersion: "12.0.0",
-    version: "22.0.0-next.3",
-    ngImport: i0,
-    type: JsonpInterceptor
-  });
-}
-i0.ɵɵngDeclareClassMetadata({
-  minVersion: "12.0.0",
-  version: "22.0.0-next.3",
-  ngImport: i0,
-  type: JsonpInterceptor,
-  decorators: [{
-    type: Injectable
   }],
   ctorParameters: () => [{
-    type: i0.EnvironmentInjector
+    type: XhrFactory
   }]
 });
 
@@ -1826,7 +1830,7 @@ class HttpXsrfCookieExtractor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpXsrfCookieExtractor,
     deps: [],
@@ -1834,7 +1838,7 @@ class HttpXsrfCookieExtractor {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpXsrfCookieExtractor,
     providedIn: 'root'
@@ -1842,7 +1846,7 @@ class HttpXsrfCookieExtractor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: HttpXsrfCookieExtractor,
   decorators: [{
@@ -1855,7 +1859,7 @@ i0.ɵɵngDeclareClassMetadata({
 class HttpXsrfTokenExtractor {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpXsrfTokenExtractor,
     deps: [],
@@ -1863,7 +1867,7 @@ class HttpXsrfTokenExtractor {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpXsrfTokenExtractor,
     providedIn: 'root',
@@ -1872,7 +1876,7 @@ class HttpXsrfTokenExtractor {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: HttpXsrfTokenExtractor,
   decorators: [{
@@ -1917,7 +1921,7 @@ class HttpXsrfInterceptor {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpXsrfInterceptor,
     deps: [],
@@ -1925,14 +1929,14 @@ class HttpXsrfInterceptor {
   });
   static ɵprov = i0.ɵɵngDeclareInjectable({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpXsrfInterceptor
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: HttpXsrfInterceptor,
   decorators: [{
@@ -2080,7 +2084,7 @@ class HttpClientXsrfModule {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClientXsrfModule,
     deps: [],
@@ -2088,13 +2092,13 @@ class HttpClientXsrfModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClientXsrfModule
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClientXsrfModule,
     providers: [HttpXsrfInterceptor, {
@@ -2115,7 +2119,7 @@ class HttpClientXsrfModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: HttpClientXsrfModule,
   decorators: [{
@@ -2141,7 +2145,7 @@ i0.ɵɵngDeclareClassMetadata({
 class HttpClientModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClientModule,
     deps: [],
@@ -2149,13 +2153,13 @@ class HttpClientModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClientModule
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClientModule,
     providers: [provideHttpClient(withInterceptorsFromDi(), withXhr())]
@@ -2163,7 +2167,7 @@ class HttpClientModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: HttpClientModule,
   decorators: [{
@@ -2176,7 +2180,7 @@ i0.ɵɵngDeclareClassMetadata({
 class HttpClientJsonpModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClientJsonpModule,
     deps: [],
@@ -2184,13 +2188,13 @@ class HttpClientJsonpModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClientJsonpModule
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.0.0-next.3",
+    version: "22.0.0-next.5",
     ngImport: i0,
     type: HttpClientJsonpModule,
     providers: [withJsonpSupport().ɵproviders]
@@ -2198,7 +2202,7 @@ class HttpClientJsonpModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.3",
+  version: "22.0.0-next.5",
   ngImport: i0,
   type: HttpClientJsonpModule,
   decorators: [{