angular-toolbox 1.2.3 → 1.3.1

package/fesm2022/angular-toolbox.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, EventEmitter, Component, Directive, Output, Input, HostListener, Inject, isDevMode, Optional, ChangeDetectionStrategy, Pipe, ViewEncapsulation, inject } from '@angular/core';
-import * as i1 from '@angular/router';
-import { RouterModule } from '@angular/router';
+import { Injectable, NgModule, EventEmitter, Component, Inject, isDevMode, Optional, ChangeDetectionStrategy, Input, Pipe, Output, inject, ViewEncapsulation, HostBinding, HostListener, ViewChild, ContentChildren, Directive } from '@angular/core';
+import { Observable, from, of } from 'rxjs';
 import * as i1$1 from '@angular/common';
 import { DOCUMENT, formatDate, CommonModule, DatePipe, NgStyle, XhrFactory } from '@angular/common';
-import { Observable, from, of } from 'rxjs';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
 import * as i1$2 from '@angular/platform-browser';
 import { HttpContextToken, HttpHeaders, HttpContext, HttpParams, HttpRequest, HttpResponse, HttpStatusCode, HttpErrorResponse } from '@angular/common/http';
 
@@ -585,9 +585,9 @@ class AbstractVersionManager {
  */
 const LAYERS_VERSION_CONFIG = {
     major: 1,
-    minor: 2,
-    patch: 3,
-    buildTimestamp: 1726052348239
+    minor: 3,
+    patch: 1,
+    buildTimestamp: 1726585120773
 };
 /**
  * The public service that exposes the current version of the Angular Toolbox library.
@@ -863,174 +863,141 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
  *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
+;
 
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
  *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
+
 /**
- * @private
- * The base class for all directives that are responsible for navigation whithin ab Angular app.
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-class NavigationDirectiveBase {
+/**
+ * The default provider for the `VersionService` configuration. You typically define
+ * the custom properties in the main `NgModule` declaration to initialize the application
+ * config:
+ *
+ * @NgModule({
+ * ...
+ * providers: [
+ *   { provide: VERSION_CONFIG, useValue: { major: 1, minor: 2, patch: 12 } }
+ * ],
+ * ...
+ * });
+ */
+const VERSION_CONFIG = {
     /**
-     * @private
+     * Specifies the major number of this config.
      */
-    constructor(elmRef, role) {
-        this.elmRef = elmRef;
-        const elm = elmRef.nativeElement;
-        elm.role = role;
-        elm.tabIndex = 0;
-    }
-}
+    major: 0,
+    /**
+     * Specifies the minor number of this config.
+     */
+    minor: 0,
+    /**
+     * Specifies the patch number of this config.
+     */
+    patch: 0,
+    /**
+     * Specifies the timestamp that corresponds to the build date for this `Version` object.
+     * Default value is `NaN`.
+     */
+    buildTimestamp: NaN
+};
 
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
  *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
+;
+
 /**
- * @private
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-const ENTER_KEY = 'Enter';
+
 /**
- * @private
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-const ROUTER_LINK_REF = 'ng-reflect-router-link';
 /**
- * An easy-to-use directive that enables keyboard navigation and provides support for keyboard "Enter" key events.
+ * Reference to the dark mode default storage key.
  */
-class ButtonRoleDirective extends NavigationDirectiveBase {
-    /**
-     * @private
-     */
-    onKeyup(event, value) {
-        if (event.key !== ENTER_KEY)
-            return;
-        this.processEvent(event, value);
-    }
+const STORAGE_KEY = "dark-mode-key";
+/**
+ * Reference to the dark mode default css property.
+ */
+const CSS_PROP = "dark-mode";
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * The default provider for the `DarkModeService` configuration. You typically define
+ * the custom properties in the main NgModule declaration to initialize the app dark mode:
+ *
+ * @NgModule({
+ * ...
+ * providers: [
+ *   { provide: DARK_MODE_CONFIG, useValue: { enableDarkMode: true } }
+ * ],
+ * ...
+ * });
+ */
+const DARK_MODE_CONFIG = {
     /**
-     * @private
+     * Indicates whether the dark mode uses browser settings (`true`), or not (`false`).
+     * Default value is `false`.
      */
-    onClick(event, value) {
-        if (this.delegateClick === undefined)
-            return;
-        this.processEvent(event, value);
-    }
+    darkModeEnabled: false,
     /**
-     * @private
+     * Indicates whether the dark mode uses browser settings (`true`), or not (`false`).
+     * Default value is `false`.
      */
-    constructor(elmRef, _router) {
-        super(elmRef, BUTTON_ROLE);
-        this._router = _router;
-        /**
-         * Dispatches events when the user presses the "Enter" key.
-         */
-        this.enter = new EventEmitter();
-        /**
-         * @private
-         */
-        this._routerLinkRef = null;
-    }
+    detectBrowserSettings: false,
     /**
-     * @private
+     * CSS property name used to set the dark mode look and feel.
+     * Default value is `'dark-mode'`.
      */
-    ngAfterViewInit() {
-        const elm = this.elmRef.nativeElement;
-        this._routerLinkRef = elm.getAttribute(ROUTER_LINK_REF);
-    }
+    cssProperty: CSS_PROP,
     /**
-     * @private
+     * Reference to the key value used to persist the dark mode state to local storage.
+     * Default value is `'dark-mode-key'`.
      */
-    processEvent(event, value) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-        if (this._routerLinkRef) {
-            this._router.navigate([this._routerLinkRef]);
-            return;
-        }
-        this.elmRef.nativeElement.blur();
-        this.enter.emit(value);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ButtonRoleDirective, deps: [{ token: i0.ElementRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ButtonRoleDirective, isStandalone: true, selector: "[buttonRole]", inputs: { delegateClick: "delegateClick" }, outputs: { enter: "enter" }, host: { listeners: { "keyup": "onKeyup($event,$event.target.value)", "click": "onClick($event,$event.target.value)" } }, providers: [
-            RouterModule
-        ], usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ButtonRoleDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[buttonRole]',
-                    providers: [
-                        RouterModule
-                    ],
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.Router }], propDecorators: { enter: [{
-                type: Output
-            }], delegateClick: [{
-                type: Input
-            }], onKeyup: [{
-                type: HostListener,
-                args: ['keyup', ["$event", "$event.target.value"]]
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ["$event", "$event.target.value"]]
-            }] } });
+    storageKey: STORAGE_KEY
+};
 
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
  *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * An easy-to-use directive that enables keyboard navigation and provides support for navigating to an external URL.
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-class NavigateToUrlDirective extends NavigationDirectiveBase {
-    /**
-     * @private
-     */
-    onClick() {
-        const HREF = this.href;
-        if (!HREF)
-            throw new ReferenceError("href attribute is not defined.");
-        this._document.defaultView.location.href = HREF;
-    }
-    /**
-     * @private
-     */
-    constructor(_document, elmRef) {
-        super(elmRef, LINK_ROLE);
-        this._document = _document;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NavigateToUrlDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: NavigateToUrlDirective, isStandalone: true, selector: "[navigateToUrl]", inputs: { href: "href" }, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NavigateToUrlDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[navigateToUrl]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i0.ElementRef }], propDecorators: { href: [{
-                type: Input
-            }], onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
 
 /**
  * @license
@@ -1039,142 +1006,70 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
  * Use of this source code is governed by an MIT-style license that can be found in
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
+
 /**
- * @private
- * An internal convenient object that defined default `ScrollIntoViewOptions` objects.
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-const DEFAULT_SCROLL_BEHAVIOR = { behavior: "smooth", block: "start", inline: "nearest" };
 
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
  *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
 /**
- * Provides functionality to activate anchor navigation through the native Angular router.
+ * Specifies values used to activate, or deactivate, a feature for a browser window created by the `WindowService.open()` method.
  */
-class AnchorLinklDirective extends NavigationDirectiveBase {
+var WindowFeatureState;
+(function (WindowFeatureState) {
     /**
-     * @private
+     * The value used to activate a feature.
      */
-    onClick(event) {
-        event.preventDefault();
-        const HREF = this.href;
-        this._router.navigate([], { fragment: HREF.slice(1) });
-        this._document.querySelector(HREF).scrollIntoView(DEFAULT_SCROLL_BEHAVIOR);
-    }
-    /**
-     * @private
-     */
-    constructor(_document, elmRef, _router) {
-        super(elmRef, LINK_ROLE);
-        this._document = _document;
-        this._router = _router;
-    }
+    WindowFeatureState["YES"] = "yes";
     /**
-     * @private
+     * The value used to deactivate a feature.
      */
-    ngAfterViewInit() {
-        const HREF = this.href;
-        if (!HREF)
-            throw new ReferenceError("href attribute is not defined.");
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AnchorLinklDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: AnchorLinklDirective, isStandalone: true, selector: "[anchorLink]", inputs: { href: "href" }, host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AnchorLinklDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[anchorLink]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i0.ElementRef }, { type: i1.Router }], propDecorators: { href: [{
-                type: Input
-            }], onClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
+    WindowFeatureState["NO"] = "no";
+})(WindowFeatureState || (WindowFeatureState = {}));
 
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
  *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * @private
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-const CHILD_LIST_TYPE = "childList";
 /**
- * Allows injection of any value into an HTML element container (`div`, `button`, etc...).
- * A rendered event is emitted after the injected content has been rendered and is
- * available for DOM manipulation.
+ * Specifies the name of the browsing context the resource is being loaded into.
  */
-class ContentRendererDirective {
+var WindowTarget;
+(function (WindowTarget) {
     /**
-     * @private
+     * The current browsing context.
      */
-    constructor(_elmRef) {
-        this._elmRef = _elmRef;
-        /**
-         * Dispatches events when the content of the HTML element has been rendered.
-         */
-        this.rendered = new EventEmitter();
-        const nativeElement = this._elmRef.nativeElement;
-        this._observer = new MutationObserver((mutations) => {
-            mutations.forEach((mutation) => {
-                if (mutation.type === CHILD_LIST_TYPE)
-                    this.rendered.emit(nativeElement);
-            });
-        });
-    }
+    WindowTarget["SELF"] = "self";
     /**
-     * @private
+     * Usually a new tab, but users can configure browsers to open a new window instead.
      */
-    ngOnDestroy() {
-        this._observer.disconnect();
-    }
+    WindowTarget["BLANK"] = "_blank";
     /**
-     * @private
+     * The parent browsing context of the current one. If no parent, behaves as `WindowTarget.SELF`.
      */
-    ngOnInit() {
-        this._observer.observe(this._elmRef.nativeElement, { attributes: false, childList: true, characterData: false });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ContentRendererDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ContentRendererDirective, isStandalone: true, selector: "[contentRenderer]", outputs: { rendered: "rendered" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ContentRendererDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[contentRenderer]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { rendered: [{
-                type: Output
-            }] } });
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-;
+    WindowTarget["PARENT"] = "_parent";
+    /**
+     * The topmost browsing context.
+     */
+    WindowTarget["TOP"] = "_top";
+    /**
+     * Allows embedded fenced frames to navigate the top-level frame.
+     */
+    WindowTarget["UNFENCED_TOP"] = "_unfencedTop";
+})(WindowTarget || (WindowTarget = {}));
 
 /**
  * @license
@@ -1192,45 +1087,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
 /**
- * The default provider for the `VersionService` configuration. You typically define
- * the custom properties in the main `NgModule` declaration to initialize the application
- * config:
- *
- * @NgModule({
- * ...
- * providers: [
- *   { provide: VERSION_CONFIG, useValue: { major: 1, minor: 2, patch: 12 } }
- * ],
- * ...
- * });
+ * The list of layout constraints that defines the regions of a `BorderLayout` container.
  */
-const VERSION_CONFIG = {
+var LayoutRegion;
+(function (LayoutRegion) {
     /**
-     * Specifies the major number of this config.
+     * The north layout constraint (top of container).
      */
-    major: 0,
+    LayoutRegion["NORTH"] = "north";
     /**
-     * Specifies the minor number of this config.
+     * The south layout constraint (bottom of container).
      */
-    minor: 0,
+    LayoutRegion["SOUTH"] = "south";
     /**
-     * Specifies the patch number of this config.
+     * The west layout constraint (left side of container).
      */
-    patch: 0,
+    LayoutRegion["WEST"] = "west";
     /**
-     * Specifies the timestamp that corresponds to the build date for this `Version` object.
-     * Default value is `NaN`.
+     * The east layout constraint (right side of container).
      */
-    buildTimestamp: NaN
-};
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
+    LayoutRegion["EAST"] = "east";
+    /**
+     * The center layout constraint (middle of container).
+     */
+    LayoutRegion["CENTER"] = "center";
+})(LayoutRegion || (LayoutRegion = {}));
 ;
 
 /**
@@ -1240,22 +1121,21 @@ const VERSION_CONFIG = {
  * Use of this source code is governed by an MIT-style license that can be found in
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * Reference to the dark mode default storage key.
- */
-const STORAGE_KEY = "dark-mode-key";
 /**
- * Reference to the dark mode default css property.
+ * The `LayoutDragEvent` class is an event that represents a drag interaction with a `BorderLayoutContainer`.
  */
-const CSS_PROP = "dark-mode";
+class LayoutDragEvent {
+    /**
+     * Creates a new `LayoutDragEvent` instance.
+     *
+     * @param target The container that triggered this event.
+     * @param type The type of this event.
+     */
+    constructor(target, type) {
+        this.target = target;
+        this.type = type;
+    }
+}
 
 /**
  * @license
@@ -1265,39 +1145,23 @@ const CSS_PROP = "dark-mode";
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
 /**
- * The default provider for the `DarkModeService` configuration. You typically define
- * the custom properties in the main NgModule declaration to initialize the app dark mode:
- *
- * @NgModule({
- * ...
- * providers: [
- *   { provide: DARK_MODE_CONFIG, useValue: { enableDarkMode: true } }
- * ],
- * ...
- * });
+ * Defines the type of a `LayoutDragEvent` instance.
  */
-const DARK_MODE_CONFIG = {
-    /**
-     * Indicates whether the dark mode uses browser settings (`true`), or not (`false`).
-     * Default value is `false`.
-     */
-    darkModeEnabled: false,
+var LayoutDragEventType;
+(function (LayoutDragEventType) {
     /**
-     * Indicates whether the dark mode uses browser settings (`true`), or not (`false`).
-     * Default value is `false`.
+     * Indicates that the dragging process is starting.
      */
-    detectBrowserSettings: false,
+    LayoutDragEventType["DRAG_START"] = "dragstart";
     /**
-     * CSS property name used to set the dark mode look and feel.
-     * Default value is `'dark-mode'`.
+     * Indicates that the dragging process stopped.
      */
-    cssProperty: CSS_PROP,
+    LayoutDragEventType["DRAG_STOP"] = "dragstop";
     /**
-     * Reference to the key value used to persist the dark mode state to local storage.
-     * Default value is `'dark-mode-key'`.
+     * Indicates that the user is dragging the container handle.
      */
-    storageKey: STORAGE_KEY
-};
+    LayoutDragEventType["DRAGGING"] = "dragging";
+})(LayoutDragEventType || (LayoutDragEventType = {}));
 
 /**
  * @license
@@ -1330,20 +1194,6 @@ const DARK_MODE_CONFIG = {
  * Use of this source code is governed by an MIT-style license that can be found in
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-/**
- * Specifies values used to activate, or deactivate, a feature for a browser window created by the `WindowService.open()` method.
- */
-var WindowFeatureState;
-(function (WindowFeatureState) {
-    /**
-     * The value used to activate a feature.
-     */
-    WindowFeatureState["YES"] = "yes";
-    /**
-     * The value used to deactivate a feature.
-     */
-    WindowFeatureState["NO"] = "no";
-})(WindowFeatureState || (WindowFeatureState = {}));
 
 /**
  * @license
@@ -1352,32 +1202,6 @@ var WindowFeatureState;
  * Use of this source code is governed by an MIT-style license that can be found in
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-/**
- * Specifies the name of the browsing context the resource is being loaded into.
- */
-var WindowTarget;
-(function (WindowTarget) {
-    /**
-     * The current browsing context.
-     */
-    WindowTarget["SELF"] = "self";
-    /**
-     * Usually a new tab, but users can configure browsers to open a new window instead.
-     */
-    WindowTarget["BLANK"] = "_blank";
-    /**
-     * The parent browsing context of the current one. If no parent, behaves as `WindowTarget.SELF`.
-     */
-    WindowTarget["PARENT"] = "_parent";
-    /**
-     * The topmost browsing context.
-     */
-    WindowTarget["TOP"] = "_top";
-    /**
-     * Allows embedded fenced frames to navigate the top-level frame.
-     */
-    WindowTarget["UNFENCED_TOP"] = "_unfencedTop";
-})(WindowTarget || (WindowTarget = {}));
 
 /**
  * @license
@@ -1442,51 +1266,11 @@ var WindowTarget;
  * Use of this source code is governed by an MIT-style license that can be found in
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-
 /**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ * The markup interface for `Observable` object built from the Fetch API.
  */
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * The markup interface for `Observable` object built from the Fetch API.
- */
-class FetchClient extends Observable {
-}
+class FetchClient extends Observable {
+}
 
 /**
  * @license
@@ -1994,6 +1778,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                     args: [DOCUMENT]
                 }] }] });
 
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * An internal convenient object that defined default `ScrollIntoViewOptions` objects.
+ */
+const DEFAULT_SCROLL_BEHAVIOR = { behavior: "smooth", block: "start", inline: "nearest" };
+
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
@@ -6084,37 +5881,6 @@ class LogMetadataConverter {
  * Use of this source code is governed by an MIT-style license that can be found in
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-/**
- * @private
- * A utility class that converts `Log` objects into `AtxHttpLogDto` objects.
- */
-class LogConverter {
-    /**
-     * @private
-     * Converts a `object` object into an `AtxHttpLogDto` object.
-     *
-     * @param log The `Log` object to convert.
-     * @returns A new `AtxHttpLogDto` object.
-     */
-    static logToDto(log) {
-        return {
-            level: log.level,
-            timestamp: log.timestamp,
-            metadata: LogMetadataConverter.metadataToDto(log.metadata)
-        };
-    }
-    /**
-     * @private
-     * Converts an `AtxHttpLogDto` object into a `Log` object.
-     *
-     * @param dto The `AtxHttpLogDto` object to convert.
-     * @returns A new `Log` object.
-     */
-    static dtoToLog(dto) {
-        const level = dto.level;
-        return LogBuilder.build(HttpMockLoggingConstant.CALLER, LogMessageUtil.getMessageFromLevel(level), level, LogMetadataConverter.dtoToMetadata(dto.metadata));
-    }
-}
 
 /**
  * @license
@@ -6124,24 +5890,43 @@ class LogConverter {
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
 /**
- * @private
- * A utility class that creates `HMFL` objects.
+ * The definition function for the `@HttpMock` decorator.
+ *
+ * @param config The `HttpMockConfig` object used to initialize the HTTP Mocking Framework.
  */
-class HMFLBuilder {
-    /**
-     * @private
-     * Creates and returns a new `HMFL` object.
-     *
-     * @param logDtoList The list of serialized logs to include in the new `HMFL` object.
-     * @returns A new `HMFL` object.
-     */
-    static build(logDtoList) {
-        return {
-            logs: logDtoList,
-            timestamp: Date.now()
+const HttpMock = (config) => {
+    return (constructor) => {
+        const getMockService = (instance) => {
+            return Object.values(instance).find((v) => {
+                return (v.hasOwnProperty('type') && v.type === HTTP_MOCK_SERVICE);
+            });
         };
-    }
-}
+        const ngOnInit = constructor.prototype.ngOnInit;
+        const ngOnDestroy = constructor.prototype.ngOnDestroy;
+        const uiid = config.id || Uuid.build();
+        if (!ngOnDestroy)
+            throw new ReferenceError("Component must implement the OnDestroy interface.");
+        if (!ngOnInit)
+            throw new ReferenceError("Component must implement the OnInit interface.");
+        if (!config.id)
+            config.id = uiid;
+        constructor.prototype.ngOnInit = function () {
+            const mockService = getMockService(this);
+            if (!mockService)
+                throw new ReferenceError("No provider found for HttpMockService.");
+            mockService.addConfig(config);
+            ngOnInit.call(this);
+        };
+        constructor.prototype.ngOnDestroy = function () {
+            const mockService = getMockService(this);
+            // An exception is already thrown by the ngOnInit() method when HttpMockService is not provided.
+            // Following check statement prevents failure during Unit Testing:
+            if (mockService)
+                mockService.removeConfig(uiid);
+            ngOnDestroy.call(this);
+        };
+    };
+};
 
 /**
  * @license
@@ -6151,152 +5936,134 @@ class HMFLBuilder {
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
 /**
- * @private
- */
-const BLOB_TYPE = { type: 'application/json' };
-/**
- * @private
- */
-const UTF8 = "UTF-8";
-/**
- * @private
- * The service responsible for exporting and importing `hmfl` log files.
+ * A statefull builder for creating new `HttpHeaders` instances.
  */
-class AtxLogIoService {
+class HttpHeadersMockBuilder {
+    constructor() {
+        /**
+         * @private
+         */
+        this._headers = new HttpHeaders();
+    }
     /**
-     * @private
+     * Sets the `"Cache-Control"` property of the new `HttpHeaders` instance with the specified value.
+     *
+     * @param value The value used to set the `"Cache-Control"` property of the new `HttpHeaders` instance.
+     * Default value is `"no-cache"`.
+     *
+     * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    constructor(_logger) {
-        this._logger = _logger;
+    cacheControl(value = "no-cache") {
+        this.setHeader("Cache-Control", value);
+        return this;
     }
     /**
-     * @private
-     * Exports the specified logs into a hmfl file.
+     * Sets the `"CContent-Type"` property of the new `HttpHeaders` instance with the specified value.
      *
-     * @param logs The logs to exports.
+     * @param value The value used to set the `"Content-Type"` property of the new `HttpHeaders` instance.
+     * Default value is `"application/json; charset=utf-8"`.
+     *
+     * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    exportFile(logs) {
-        const logDtoList = [];
-        let cursor = logs.length - 1;
-        for (; cursor >= 0; cursor--) {
-            const log = logs[cursor];
-            if (log.level !== LogLevel.CONFIG)
-                logDtoList.push(LogConverter.logToDto(log));
-        }
-        const exportData = HMFLBuilder.build(logDtoList);
-        const a = document.createElement("a");
-        const file = new Blob([JSON.stringify(exportData)], BLOB_TYPE);
-        const timeFmt = formatDate(exportData.timestamp, "MM/dd/yy-hh:mm-a", "en-US");
-        a.href = URL.createObjectURL(file);
-        a.download = `logs-${timeFmt}.hmfl`;
-        a.click();
+    contentType(value = "application/json; charset=utf-8") {
+        this.setHeader("Content-Type", value);
+        return this;
     }
     /**
-     * @private
-     * Imports the logs loaded through the specified `FileList` object.
+     * Sets the `"Priority"` property of the new `HttpHeaders` instance with the specified value.
      *
-     * @param fileList The logs to import.
+     * @param value The value used to set the `"Priority"` property of the new `HttpHeaders` instance.
+     * Default value is `"u=0, i"`.
+     *
+     * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    importFile(fileList) {
-        const logger = this._logger;
-        const files = fileList[0];
-        const killReader = this.killReader;
-        if (files) {
-            const reader = new FileReader();
-            reader.readAsText(files, UTF8);
-            reader.onload = () => {
-                const result = reader.result;
-                const resultLogData = JSON.parse(result);
-                const logs = resultLogData.logs;
-                let cursor = logs.length - 1;
-                for (; cursor >= 0; cursor--) {
-                    const log = LogConverter.dtoToLog(logs[cursor]);
-                    const metadata = log.metadata;
-                    const level = log.level;
-                    if (level === LogLevel.INFO)
-                        logger.info(metadata);
-                    else if (level === LogLevel.ERROR)
-                        logger.error(metadata);
-                }
-                ;
-                killReader(reader);
-            };
-            reader.onerror = (e) => {
-                killReader(reader);
-                console.log(e);
-            };
-        }
+    priority(value = "u=0, i") {
+        this.setHeader("Priority", value);
+        return this;
     }
     /**
-     * @private
+     * Sets the `"User-Agent"` property of the new `HttpHeaders` instance with the specified value.
+     *
+     * @param value The value used to set the `"User-Agent"` property of the new `HttpHeaders` instance.
+     * Default value is the navigator user agent.
+     *
+     * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    killReader(reader) {
-        reader.onload = null;
-        reader.onerror = null;
+    userAgent(value = null) {
+        this.setHeader("User-Agent", value || navigator.userAgent);
+        return this;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxLogIoService, deps: [{ token: HttpMockLoggingService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxLogIoService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxLogIoService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: HttpMockLoggingService }] });
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * @private
- * An implementation of the `LogConnector` class that sends logs to the HTTP
- * mocking console component.
- */
-class HttpMonitoringConsoleLogConnector {
-    constructor() {
-        /**
-         * @private
-         */
-        this.logs = [];
-        /**
-         * @private
-         */
-        this.change = new EventEmitter(true);
+    /**
+     * Sets the `"Accept-Language"` property of the new `HttpHeaders` instance with the specified value.
+     *
+     * @param value The value used to set the `"Accept-Language"` property of the new `HttpHeaders` instance.
+     * Default value is the navigator language.
+     *
+     * @returns A reference to this `HttpResponseMockBuilder` instance.
+     */
+    acceptLanguage(value = null) {
+        this.setHeader("Accept-Language", value || navigator.language);
+        return this;
     }
     /**
-     * @private
+     * Sets the `"Accept"` property of the new `HttpHeaders` instance with the specified value.
+     *
+     * @param value The value used to set the `"Accept"` property of the new `HttpHeaders` instance.
+     * Default value is `'*\/*'`.
+     *
+     * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    destroy() {
-        this.clearLogs();
+    accept(value = "*/*") {
+        this.setHeader("Accept", value);
+        return this;
     }
     /**
-     * @private
+     * Sets the `"Accept-Encoding"` property of the new `HttpHeaders` instance with the specified value.
+     *
+     * @param value The value used to set the `"Accept-Encoding"` property of the new `HttpHeaders` instance.
+     * Default value is `"ngzip, deflate, br, zstd"`.
+     *
+     * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    init(logList) {
-        this.logs.push(...logList);
+    acceptEncoding(value = "gzip, deflate, br, zstd") {
+        this.setHeader("Accept-Encoding", value);
+        return this;
     }
     /**
-     * @private
+     * Sets or modifies a value of the new `HttpHeaders` instance.
+     *
+     * @param name The header name.
+     * @param value The value or values to set or override for the given header.
+     *
+     * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    sendLog(log) {
-        const level = log.level;
-        if (level === LogLevel.INFO || level === LogLevel.ERROR)
-            this.logs.push(log);
-        this.change.emit(log);
+    set(name, value) {
+        this.setHeader(name, value);
+        return this;
     }
     /**
-     * @private
+     * Return a new `HttpHeaders` instance, built from the properties specified with the
+     * `HttpHeadersMockBuilder` methods.
+     *
+     * @returns A new `HttpHeaders` instance.
      */
-    clearLogs() {
-        this.logs.length = 0;
+    headers() {
+        return this._headers;
     }
     /**
      * @private
-     * Not supported.
      */
-    copyLogs() { }
+    setHeader(name, value) {
+        const values = Array.isArray(value) ? value.join(", ") : value;
+        this._headers = this._headers.set(name, values);
+    }
 }
+/**
+ * A utility function used to create new "chainable" `HttpHeadersMockBuilder` instances.
+ *
+ * @returns A new `HttpHeadersMockBuilder` instance;
+ */
+const httpHeadersMock = () => new HttpHeadersMockBuilder();
 
 /**
  * @license
@@ -6307,83 +6074,64 @@ class HttpMonitoringConsoleLogConnector {
  */
 /**
  * @private
- * The service that manages user interactions with an `AtxMonitoringConsoleComponent` instance.
+ * Internal reference to a new line character.
  */
-class AtxMonitoringConsoleController extends IdentifiableComponent {
-    /**
-     * @private
-     */
-    constructor(_logger, _state, _ioSvc, _subscribe, action) {
-        super("AtxMonitoringConsoleController");
-        this._logger = _logger;
-        this._state = _state;
-        this._ioSvc = _ioSvc;
-        this._subscribe = _subscribe;
-        const connector = new HttpMonitoringConsoleLogConnector();
-        const logs = this._logger.getLogs();
-        this.connector = connector;
-        this._subscribe.register(this, connector.change.subscribe((log) => this.addLog(log)))
-            .append(action.action.subscribe((action) => this.onAction(action)));
-        this.connector.init(logs);
-        this._state.init(logs);
-        this._logger.setLogConnector(connector);
-    }
-    /**
-     * @private
-     */
-    ngOnDestroy() {
-        this._subscribe.clearAll(this);
-        this._logger.setLogConnector(null);
-        this.connector.destroy();
-        this.connector = null;
-    }
-    /**
-     * @private
-     */
-    clearLogs() {
-        this._logger.clearLogs();
-        this._state.clearLogs();
-    }
+const CRLF = "\r\n";
+/**
+ * @private
+ * A set of static utilities for manipulating `HttpHeaders` objects.
+ */
+class HttpHeadersUtil {
     /**
      * @private
+     * Returns a string representation the the specified `HttpHeaders `object, compatible with the format
+     * expected by the `XMLHttpRequest.getAllResponseHeaders()` method.
+     *
+     * @param headers The `HttpHeaders` object to format.
+     *
+     * @returns A string compatible with the format expected by the `XMLHttpRequest.getAllResponseHeaders()` method.
      */
-    exportLogs() {
-        this._ioSvc.exportFile(this._state.logs);
+    static stringify(headers) {
+        let result = EMPTY_STRING;
+        if (!headers)
+            return result;
+        const keys = headers.keys();
+        const last = keys.length - 1;
+        keys.forEach((key, index) => {
+            result += `${key}: ${headers.getAll(key)}${index !== last ? CRLF : EMPTY_STRING}`;
+        });
+        return result;
     }
     /**
      * @private
+     * Returns a `HttpHeaders` object built from the string returns by the `XMLHttpRequest.getAllResponseHeaders()` method,
+     * or `null` wheher  `XMLHttpRequest.getAllResponseHeaders()` return `null`.
+     *
+     * @param value The string to turn into a `HttpHeaders `object.
+     *
+     * @returns A `HttpHeaders` object, or `null`.
      */
-    addLog(log) {
-        this._state.addLog(log);
+    static encode(value) {
+        if (value === null)
+            return null;
+        return new HttpHeaders(value);
     }
     /**
      * @private
+     * Creates the default `HttpHeaders` object for a mocked HTTP request.
+     *
+     * @returns The default `HttpHeaders` object for a mocked HTTP request.
      */
-    onAction(action) {
-        switch (action.type) {
-            case AtxConsoleActionType.CLEAR_LOGS:
-                this.clearLogs();
-                break;
-            case AtxConsoleActionType.EXPORT_LOGS:
-                this.exportLogs();
-                break;
-            case AtxConsoleActionType.IMPORT_LOGS:
-                this._ioSvc.importFile(action.data);
-                break;
-            case AtxConsoleActionType.LOG_SELECT:
-                this._state.selectLog(action.data);
-                break;
-            case AtxConsoleActionType.CLOSE_DETAILS_PANEL:
-                this._state.selectLog(null);
-                break;
-        }
+    static createDefaultRequestHeaders() {
+        // "Accept" header is set by Angular framework when missing
+        return httpHeadersMock().cacheControl()
+            .acceptEncoding()
+            .acceptLanguage()
+            .priority()
+            .userAgent()
+            .headers();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMonitoringConsoleController, deps: [{ token: HttpMockLoggingService }, { token: AtxMonitoringConsoleState }, { token: AtxLogIoService }, { token: SubscriptionService }, { token: AtxUserActionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMonitoringConsoleController }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMonitoringConsoleController, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: HttpMockLoggingService }, { type: AtxMonitoringConsoleState }, { type: AtxLogIoService }, { type: SubscriptionService }, { type: AtxUserActionService }] });
 
 /**
  * @license
@@ -6393,44 +6141,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
 /**
- * @private
- * The main component used to layout the ATX monitoring console.
+ * A convenient constant that represents the maximum value for a delayed HTTP response.
  */
-class AtxMonitoringConsoleComponent {
-    /**
-     * @private
-     */
-    constructor(state, 
-    //--> Conponent scope services:
-    _ctrl, _io, _input) {
-        this.state = state;
-        this._ctrl = _ctrl;
-        this._io = _io;
-        this._input = _input;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMonitoringConsoleComponent, deps: [{ token: AtxMonitoringConsoleState }, { token: AtxMonitoringConsoleController }, { token: AtxLogIoService }, { token: AtxUserActionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: AtxMonitoringConsoleComponent, isStandalone: true, selector: "atx-http-monitoring-console", providers: [
-            AtxMonitoringConsoleState,
-            AtxLogIoService,
-            AtxMonitoringConsoleController,
-            AtxUserActionService
-        ], ngImport: i0, template: "<!--\r\n * LICENSE\r\n * Copyright Pascal ECHEMANN. All Rights Reserved.\r\n *\r\n * Use of this source code is governed by an MIT-style license that can be\r\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\r\n-->\r\n\r\n<atx-console-menu/>\r\n<div id=\"log-list-vieport\">\r\n    <div class=\"request-list-wrapper\" [class.reduced-request-list]=\"state.selectedLog\">\r\n        <atx-request-list-renderer />\r\n    </div>\r\n    @if (state.selectedLog) {\r\n        <div id=\"selected-log-viewport\">\r\n            <atx-monitoring-console-details [log]=\"state.selectedLog\"/>\r\n        </div>\r\n    }\r\n</div>\r\n<atx-console-footer/>\r\n\r\n<svg id=\"icon-collection\">\r\n    <symbol id=\"json-icon\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n        <path d=\"M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708m-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708\"/>\r\n    </symbol>\r\n    <symbol id=\"bin-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M5.526 13.09c.976 0 1.524-.79 1.524-2.205 0-1.412-.548-2.203-1.524-2.203-.978 0-1.526.79-1.526 2.203 0 1.415.548 2.206 1.526 2.206zm-.832-2.205c0-1.05.29-1.612.832-1.612.358 0 .607.247.733.721L4.7 11.137a7 7 0 0 1-.006-.252m.832 1.614c-.36 0-.606-.246-.732-.718l1.556-1.145q.005.12.005.249c0 1.052-.29 1.614-.829 1.614m5.329.501v-.595H9.73V8.772h-.69l-1.19.786v.688L8.986 9.5h.05v2.906h-1.18V13h3z\"/>\r\n        <path d=\"M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1\"/>\r\n    </symbol>\r\n    <symbol id=\"text-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M10.943 6H5.057L5 8h.5c.18-1.096.356-1.192 1.694-1.235l.293-.01v5.09c0 .47-.1.582-.898.655v.5H9.41v-.5c-.803-.073-.903-.184-.903-.654V6.755l.298.01c1.338.043 1.514.14 1.694 1.235h.5l-.057-2z\"/>\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n    </symbol>\r\n    <symbol id=\"empty-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n    </symbol>\r\n    <symbol id=\"blob-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0\"/>\r\n        <path d=\"M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12z\"/>\r\n    </symbol>\r\n</svg>", styles: [":host{--border-color: lightblue;--background-color: aliceblue;--selected-color: #d9eeff;--selected-error-color: lavenderblush;--light-gray: whitesmoke;--dark-gray: gainsboro;--header-height: 26px;display:block}:host,table{padding:0;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px;color:#000;background-color:#fff}menu{padding:0;margin:0;display:flex;align-items:center;gap:6px;list-style:none}table{border-collapse:collapse}th{padding:0 0 0 6px;background-color:var(--background-color);border-bottom:1px solid var(--border-color);position:sticky;top:0}th:not(:last-child){border-right:1px solid var(--border-color)}td{padding:2px 6px;vertical-align:top}tr:nth-child(2n):not(.selected-row){background-color:var(--background-color)}.error-row{color:red}.selected-row{background-color:var(--selected-color)}.error-row.selected-row{background-color:var(--selected-error-color)}tr:hover{background-color:var(--light-gray)!important}th{height:var(--header-height)}.header-btn{margin-left:auto}.header-btn:hover{background-color:var(--selected-color)}.menu-separator{width:0;height:16px;border-right:2px solid var(--dark-gray)}.content{padding:4px 6px}.center-content{display:flex;justify-content:center}summary{-webkit-user-select:none;user-select:none}:host{position:relative;padding:0;margin:0;overflow:hidden}#log-list-vieport{position:absolute;display:flex;flex-direction:row;gap:6px;padding:6px;inset:36px 0 33px}#icon-collection{visibility:hidden;width:0;height:0}.request-list-wrapper{height:100%;flex-grow:1;overflow:hidden auto;border:1px solid var(--border-color)}.reduced-request-list{min-width:250px}#selected-log-viewport{height:100%;width:80%}atx-console-footer{position:absolute;width:100%;bottom:0}\n/**\n * @license\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be found in\n * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"], dependencies: [{ kind: "component", type: AtxRequestDetailsComponent, selector: "atx-monitoring-console-details", inputs: ["log"] }, { kind: "component", type: AtxConsoleFooterComponent, selector: "atx-console-footer" }, { kind: "component", type: AtxConsoleMenuComponent, selector: "atx-console-menu" }, { kind: "component", type: AtxRequestListRendererComponent, selector: "atx-request-list-renderer" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMonitoringConsoleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'atx-http-monitoring-console', standalone: true, imports: [
-                        AtxRequestDetailsComponent,
-                        AtxConsoleFooterComponent,
-                        AtxConsoleMenuComponent,
-                        AtxIconRendererComponent,
-                        AtxRequestListRendererComponent
-                    ], providers: [
-                        AtxMonitoringConsoleState,
-                        AtxLogIoService,
-                        AtxMonitoringConsoleController,
-                        AtxUserActionService
-                    ], encapsulation: ViewEncapsulation.ShadowDom, template: "<!--\r\n * LICENSE\r\n * Copyright Pascal ECHEMANN. All Rights Reserved.\r\n *\r\n * Use of this source code is governed by an MIT-style license that can be\r\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\r\n-->\r\n\r\n<atx-console-menu/>\r\n<div id=\"log-list-vieport\">\r\n    <div class=\"request-list-wrapper\" [class.reduced-request-list]=\"state.selectedLog\">\r\n        <atx-request-list-renderer />\r\n    </div>\r\n    @if (state.selectedLog) {\r\n        <div id=\"selected-log-viewport\">\r\n            <atx-monitoring-console-details [log]=\"state.selectedLog\"/>\r\n        </div>\r\n    }\r\n</div>\r\n<atx-console-footer/>\r\n\r\n<svg id=\"icon-collection\">\r\n    <symbol id=\"json-icon\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n        <path d=\"M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708m-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708\"/>\r\n    </symbol>\r\n    <symbol id=\"bin-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M5.526 13.09c.976 0 1.524-.79 1.524-2.205 0-1.412-.548-2.203-1.524-2.203-.978 0-1.526.79-1.526 2.203 0 1.415.548 2.206 1.526 2.206zm-.832-2.205c0-1.05.29-1.612.832-1.612.358 0 .607.247.733.721L4.7 11.137a7 7 0 0 1-.006-.252m.832 1.614c-.36 0-.606-.246-.732-.718l1.556-1.145q.005.12.005.249c0 1.052-.29 1.614-.829 1.614m5.329.501v-.595H9.73V8.772h-.69l-1.19.786v.688L8.986 9.5h.05v2.906h-1.18V13h3z\"/>\r\n        <path d=\"M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1\"/>\r\n    </symbol>\r\n    <symbol id=\"text-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M10.943 6H5.057L5 8h.5c.18-1.096.356-1.192 1.694-1.235l.293-.01v5.09c0 .47-.1.582-.898.655v.5H9.41v-.5c-.803-.073-.903-.184-.903-.654V6.755l.298.01c1.338.043 1.514.14 1.694 1.235h.5l-.057-2z\"/>\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n    </symbol>\r\n    <symbol id=\"empty-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n    </symbol>\r\n    <symbol id=\"blob-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0\"/>\r\n        <path d=\"M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12z\"/>\r\n    </symbol>\r\n</svg>", styles: [":host{--border-color: lightblue;--background-color: aliceblue;--selected-color: #d9eeff;--selected-error-color: lavenderblush;--light-gray: whitesmoke;--dark-gray: gainsboro;--header-height: 26px;display:block}:host,table{padding:0;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px;color:#000;background-color:#fff}menu{padding:0;margin:0;display:flex;align-items:center;gap:6px;list-style:none}table{border-collapse:collapse}th{padding:0 0 0 6px;background-color:var(--background-color);border-bottom:1px solid var(--border-color);position:sticky;top:0}th:not(:last-child){border-right:1px solid var(--border-color)}td{padding:2px 6px;vertical-align:top}tr:nth-child(2n):not(.selected-row){background-color:var(--background-color)}.error-row{color:red}.selected-row{background-color:var(--selected-color)}.error-row.selected-row{background-color:var(--selected-error-color)}tr:hover{background-color:var(--light-gray)!important}th{height:var(--header-height)}.header-btn{margin-left:auto}.header-btn:hover{background-color:var(--selected-color)}.menu-separator{width:0;height:16px;border-right:2px solid var(--dark-gray)}.content{padding:4px 6px}.center-content{display:flex;justify-content:center}summary{-webkit-user-select:none;user-select:none}:host{position:relative;padding:0;margin:0;overflow:hidden}#log-list-vieport{position:absolute;display:flex;flex-direction:row;gap:6px;padding:6px;inset:36px 0 33px}#icon-collection{visibility:hidden;width:0;height:0}.request-list-wrapper{height:100%;flex-grow:1;overflow:hidden auto;border:1px solid var(--border-color)}.reduced-request-list{min-width:250px}#selected-log-viewport{height:100%;width:80%}atx-console-footer{position:absolute;width:100%;bottom:0}\n/**\n * @license\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be found in\n * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"] }]
-        }], ctorParameters: () => [{ type: AtxMonitoringConsoleState }, { type: AtxMonitoringConsoleController }, { type: AtxLogIoService }, { type: AtxUserActionService }] });
+const HTTP_MOCK_MAX_DELAY = 10000;
 
 /**
  * @license
@@ -6442,515 +6155,128 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
 /**
  * @private
  */
-const NO = WindowFeatureState.NO;
-/**
- * @private
- */
-const FEATURES = {
-    left: 100,
-    top: 100,
-    width: 800,
-    height: 450,
-    directories: NO,
-    titlebar: NO,
-    scrollbars: NO,
-    toolbar: NO,
-    location: NO,
-    status: NO,
-    menubar: NO,
-    title: "HTTP Mocking Framework Console",
-    icon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABdJJREFUWEedl3tsU1Ucx7+/e/vYGNs6ZOrawSBsIgwQCC/jJhAgiIkkvkBgBJB2Q4eSoBHwFQaiTsBgdMRBMNEwum5/8EoQAQF5yQQhBB0ZOBSS6cIYsPa269rec8ztY33sru24Sf/o/Z3f93zuOb/f7/wO4WEea/sgQaNfAJmXkKPDyUG7mSjU4fWctr7KUdIO1fcyRYP+ZYCVADQVgADOAIcjKEFeEI6A8xqZ0X6UGV3JaMcHqOZa0eB6DuDKpC8APDVKNAogwsIhAXwvQajxGXKOYR7JvcGoAmhrXVMYKZPy+QAG9volvQFEOVArcWYjUdjtXW68GKsVBqhz5wvcW0IQFgE8P5nli96CxB4ENDHwGsbYHpQNblY8/ACiTbIBeDX0P7FUcERSK6CqxgFeL1ty54cADgOYnfTEoYEPD6AoHJQtprlBAMdOgMxqAMP6E3QEXHPwnuYIgFSRsGBYKqYbddh4ScJ1uy/u93DOt7PS3HI/gFDr+JiIKmI98vsTfp6WiuwUwrYmLzY1euCMjOcgQHaKgC1TMpCbJuLqPS9Wn7eDqfBG6nOOtazUVBlYgVr7MpDwXSzAOIOA87NSIQZD1XrLh8UNXeFhQYDKSRmYkK2F3cNQeroDbW7mHzM6SwOXj6PZoZqFC2WLyRqQtj2YKUJzVG3Nto3TYWWB1m9qcXEUHHLBE9CHkgX9OyXsmz3AH82X73rxboPdb1JWpbo4E2daPfjyqrOHtEwogtl0NgBQ635CJF+TGkCmFtg1UY9nskVk6wkHWnx47deuAARnGEYu7Cg2dLse+McNa3MnPhqfjpFZGhy67cZWNQBGeSgz3g4AVPN+osEpxUvDVBHYV5SCGY+JYQiZYbjQie1Fmb0G3MZLDpz8zxNjJ5/c0pSK9dN93YVIsEltFK/qAYiE2NnsxRsX3Via48Pign6qAL+3ebHmNzti45EDt5nFlKc4hQHqpEvEMS5u7gQhqsbr/RlRNFBAySCCEFPQPTLHsZYuVDW64JZV0oHojGw2FkcBiDbHfoDmJgII2d/K16ByrA7nWj0gAk7+24X6m27c62Jo72JQmzdC2ypbTAujV8Dm/IbAy5MBeO9JLTaN0cHHOM62evy/issOZGoJ9z0JCoASu4RKZjatjQGQ1hDweSKA9YVafFio8w/zMo6qP51Yd8GOMVlabJiQjm1/SDjaEht00aocWMkspqroLaiTFoKjJh7AF0/psHp4oCYoT8NdH2YebMNIgwafTEyHTiR/Bdx8xYEj8SAIc2Wz6WAUAKz2YlEQTqkBKDH29XgdVuSHJ7/WwTDtuAuCU8L30wzQh8ol4IfYcsWBn3qBkGU+Fityr8QA3B8iCtq/YwEU3eoJOiwdGp78lpPh2eNutLhkf0v20pAUlBemRbnGg5D7pQ3AIsP9aIBA+9UJcDGkpCHgh8l6zBus6Ra/4+aYerwTNyTlSA/3hC/mpWDlqJ4Qq851oPFB5MlIDtlizAgJRmWwYJNaCDCGjB+M0KJidCDglMfu5Zhxwo3LD4KHQUw/oECUj0oLFxcAO645Ybvp7tbghEZmNhWqAoi10nkQJoeMuybqsCS49EpBef4XN07dDZ1EgbMg3BUHvCIhlDQtP9uBv+wRpyHRYdlsnKMOYHPUA/RKyFiYIcD6tB7pWsKbF7vwY2vMsdpLRzT2EQ1GZWnRcMeDG5GT+4Vph2wxlqkCoE56XOR8I0DLlDZBLSOi3vWpJeNezulbpk+vwJKMdnWA0Ns90hhRxBYAs+JCJA1Ae2XO1qI093qsXtyLiVjvnMM530wc3UHTtxXgF2QI78BiPN3bhyS+mq0/oRFGTDITuNIzPpoMAAduEaP35dIcK4jiHg6JAUIz7m7PEDT6dUS0qvuK1mMLeAfn9BnTer7CsqHh3Iuzj8kDhERqOvNEUf4UhAXgjAJpSF7OeTVzuzbg7YI+3ZD7DhACqXNNEmXfVkiOdlnAGiw3qfaUiTLpf29zez9zLqGcAAAAAElFTkSuQmCC"
-};
+const OK = "OK";
 /**
- * Provides functionality to display the ATX monitoring console within a new window.
+ * A statefull builder for creating new `HttpResponseMock` instances.
  */
-class AtxHttpMockConsoleService {
-    /**
-     * @private
-     */
-    constructor(_windowSrv) {
-        this._windowSrv = _windowSrv;
+class HttpResponseMockBuilder {
+    constructor() {
         /**
          * @private
          */
-        this._uuid = null;
-    }
-    /**
-     * Opens the ATX monitoring console within a new window and returns reference objects
-     * to control it.
-     */
-    open() {
-        if (this._uuid)
-            return;
-        this._uuid = this._windowSrv.open(AtxMonitoringConsoleComponent, FEATURES);
-    }
-    /**
-     * Closes the ATX monitoring console currently opened within a popup window.
-     */
-    close() {
-        if (!this._uuid)
-            return;
-        this._windowSrv.close(this._uuid);
-        this._uuid = null;
-    }
-    /**
-     * Returns reference to the opened popup window.
-     *
-     * @returns A `WindowRef` object, or undefined if the ATX monitoring console is not opened.
-     */
-    getWindowRef() {
-        if (!this._uuid)
-            return undefined;
-        return this._windowSrv.get(this._uuid);
-    }
-    /**
-     * @private
-     */
-    ngOnDestroy() {
-        this.close();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxHttpMockConsoleService, deps: [{ token: WindowService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxHttpMockConsoleService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxHttpMockConsoleService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: WindowService }] });
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * A convenient high-level singleton that implements the `Logger` interface.
- */
-class LoggerService extends AbstractLogger {
-    /**
-     * @private
-     */
-    constructor(config) {
-        super();
-        if (config) {
-            const connector = config.logConnector;
-            if (connector)
-                this.setLogConnector(connector);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: LoggerService, deps: [{ token: ATX_LOGGER_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: LoggerService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: LoggerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [ATX_LOGGER_CONFIG]
-                }, {
-                    type: Optional
-                }] }] });
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * The definition function for the `@HttpMock` decorator.
- *
- * @param config The `HttpMockConfig` object used to initialize the HTTP Mocking Framework.
- */
-const HttpMock = (config) => {
-    return (constructor) => {
-        const getMockService = (instance) => {
-            return Object.values(instance).find((v) => {
-                return (v.hasOwnProperty('type') && v.type === HTTP_MOCK_SERVICE);
-            });
-        };
-        const ngOnInit = constructor.prototype.ngOnInit;
-        const ngOnDestroy = constructor.prototype.ngOnDestroy;
-        const uiid = config.id || Uuid.build();
-        if (!ngOnDestroy)
-            throw new ReferenceError("Component must implement the OnDestroy interface.");
-        if (!ngOnInit)
-            throw new ReferenceError("Component must implement the OnInit interface.");
-        if (!config.id)
-            config.id = uiid;
-        constructor.prototype.ngOnInit = function () {
-            const mockService = getMockService(this);
-            if (!mockService)
-                throw new ReferenceError("No provider found for HttpMockService.");
-            mockService.addConfig(config);
-            ngOnInit.call(this);
-        };
-        constructor.prototype.ngOnDestroy = function () {
-            const mockService = getMockService(this);
-            // An exception is already thrown by the ngOnInit() method when HttpMockService is not provided.
-            // Following check statement prevents failure during Unit Testing:
-            if (mockService)
-                mockService.removeConfig(uiid);
-            ngOnDestroy.call(this);
+        this._response = {
+            url: null,
+            body: null,
+            status: HttpStatusCode.Ok,
+            statusText: OK,
+            error: null,
+            delay: 0
         };
-    };
-};
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * A statefull builder for creating new `HttpHeaders` instances.
- */
-class HttpHeadersMockBuilder {
-    constructor() {
-        /**
-         * @private
-         */
-        this._headers = new HttpHeaders();
     }
     /**
-     * Sets the `"Cache-Control"` property of the new `HttpHeaders` instance with the specified value.
+     * Sets the body property of the new `HttpResponseMock` instance with the specified `body` value.
      *
-     * @param value The value used to set the `"Cache-Control"` property of the new `HttpHeaders` instance.
-     * Default value is `"no-cache"`.
+     * @param body The value used to set the body property of the new `HttpResponseMock` instance.
      *
      * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    cacheControl(value = "no-cache") {
-        this.setHeader("Cache-Control", value);
+    body(body) {
+        this._response.body = body;
         return this;
     }
     /**
-     * Sets the `"CContent-Type"` property of the new `HttpHeaders` instance with the specified value.
+     * Sets the headers property of the new `HttpResponseMock` instance with the specified `headers` value.
      *
-     * @param value The value used to set the `"Content-Type"` property of the new `HttpHeaders` instance.
-     * Default value is `"application/json; charset=utf-8"`.
+     * @param headers The value used to set the `headers` property of the new `HttpResponseMock` instance.
      *
      * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    contentType(value = "application/json; charset=utf-8") {
-        this.setHeader("Content-Type", value);
+    headers(headers) {
+        this._response.headers = headers;
         return this;
     }
     /**
-     * Sets the `"Priority"` property of the new `HttpHeaders` instance with the specified value.
-     *
-     * @param value The value used to set the `"Priority"` property of the new `HttpHeaders` instance.
-     * Default value is `"u=0, i"`.
+     * Add the list of HTTP headers generated by the `HttpHeadersUtil.createDefaultRequestHeaders()`
+     * to the mock response.
      *
      * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    priority(value = "u=0, i") {
-        this.setHeader("Priority", value);
+    defaultHeaders() {
+        const defaultHeaders = HttpHeadersUtil.createDefaultRequestHeaders();
+        let headers = this._response.headers;
+        if (headers) {
+            const keys = defaultHeaders.keys();
+            keys.forEach(key => headers?.append(key, defaultHeaders.get(key)));
+        }
+        else
+            headers = defaultHeaders;
+        this._response.headers = headers;
         return this;
     }
     /**
-     * Sets the `"User-Agent"` property of the new `HttpHeaders` instance with the specified value.
+     * Sets the `status` property of the new `HttpResponseMock` instance with the specified `status` value.
      *
-     * @param value The value used to set the `"User-Agent"` property of the new `HttpHeaders` instance.
-     * Default value is the navigator user agent.
+     * @param status The value used to set the `status` property of the new `HttpResponseMock` instance.
      *
      * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    userAgent(value = null) {
-        this.setHeader("User-Agent", value || navigator.userAgent);
+    status(status) {
+        this._response.status = status;
         return this;
     }
     /**
-     * Sets the `"Accept-Language"` property of the new `HttpHeaders` instance with the specified value.
+     * Sets the `statusText` property of the new `HttpResponseMock` instance with the specified `statusText` value.
      *
-     * @param value The value used to set the `"Accept-Language"` property of the new `HttpHeaders` instance.
-     * Default value is the navigator language.
+     * @param statusText The value used to set the `statusText` property of the new `HttpResponseMock` instance.
      *
      * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    acceptLanguage(value = null) {
-        this.setHeader("Accept-Language", value || navigator.language);
+    statusText(statusText) {
+        this._response.statusText = statusText;
         return this;
     }
     /**
-     * Sets the `"Accept"` property of the new `HttpHeaders` instance with the specified value.
+     * Sets the `url` property of the new `HttpResponseMock` instance with the specified `url` value.
      *
-     * @param value The value used to set the `"Accept"` property of the new `HttpHeaders` instance.
-     * Default value is `'*\/*'`.
+     * @param url The value used to set the `url` property of the new `HttpResponseMock` instance.
      *
      * @returns A reference to this `HttpResponseMockBuilder` instance.
      */
-    accept(value = "*/*") {
-        this.setHeader("Accept", value);
+    url(url) {
+        this._response.url = url;
         return this;
     }
     /**
-     * Sets the `"Accept-Encoding"` property of the new `HttpHeaders` instance with the specified value.
-     *
-     * @param value The value used to set the `"Accept-Encoding"` property of the new `HttpHeaders` instance.
-     * Default value is `"ngzip, deflate, br, zstd"`.
-     *
-     * @returns A reference to this `HttpResponseMockBuilder` instance.
+     * @private
+     * Overload implementation
      */
-    acceptEncoding(value = "gzip, deflate, br, zstd") {
-        this.setHeader("Accept-Encoding", value);
+    delay(...arg) {
+        if (arg.length <= 1) {
+            let timer = arg[0] || NaN;
+            if (isNaN(timer)) {
+                this._response.delay = HTTP_MOCK_MAX_DELAY - Math.random() * HTTP_MOCK_MAX_DELAY;
+                return this;
+            }
+            if (timer > HTTP_MOCK_MAX_DELAY) {
+                this._response.delay = HTTP_MOCK_MAX_DELAY;
+                return this;
+            }
+            if (timer < 0)
+                timer = 0;
+            this._response.delay = timer;
+            return this;
+        }
+        let min = arg[0], max = arg[1];
+        if (max > HTTP_MOCK_MAX_DELAY)
+            max = HTTP_MOCK_MAX_DELAY;
+        if (min < 0 || min > max)
+            min = 0;
+        this._response.delay = Math.floor(Math.random() * (max - min) + min);
         return this;
     }
     /**
-     * Sets or modifies a value of the new `HttpHeaders` instance.
-     *
-     * @param name The header name.
-     * @param value The value or values to set or override for the given header.
-     *
-     * @returns A reference to this `HttpResponseMockBuilder` instance.
-     */
-    set(name, value) {
-        this.setHeader(name, value);
-        return this;
-    }
-    /**
-     * Return a new `HttpHeaders` instance, built from the properties specified with the
-     * `HttpHeadersMockBuilder` methods.
-     *
-     * @returns A new `HttpHeaders` instance.
-     */
-    headers() {
-        return this._headers;
-    }
-    /**
-     * @private
-     */
-    setHeader(name, value) {
-        const values = Array.isArray(value) ? value.join(", ") : value;
-        this._headers = this._headers.set(name, values);
-    }
-}
-/**
- * A utility function used to create new "chainable" `HttpHeadersMockBuilder` instances.
- *
- * @returns A new `HttpHeadersMockBuilder` instance;
- */
-const httpHeadersMock = () => new HttpHeadersMockBuilder();
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * @private
- * Internal reference to a new line character.
- */
-const CRLF = "\r\n";
-/**
- * @private
- * A set of static utilities for manipulating `HttpHeaders` objects.
- */
-class HttpHeadersUtil {
-    /**
-     * @private
-     * Returns a string representation the the specified `HttpHeaders `object, compatible with the format
-     * expected by the `XMLHttpRequest.getAllResponseHeaders()` method.
-     *
-     * @param headers The `HttpHeaders` object to format.
-     *
-     * @returns A string compatible with the format expected by the `XMLHttpRequest.getAllResponseHeaders()` method.
-     */
-    static stringify(headers) {
-        let result = EMPTY_STRING;
-        if (!headers)
-            return result;
-        const keys = headers.keys();
-        const last = keys.length - 1;
-        keys.forEach((key, index) => {
-            result += `${key}: ${headers.getAll(key)}${index !== last ? CRLF : EMPTY_STRING}`;
-        });
-        return result;
-    }
-    /**
-     * @private
-     * Returns a `HttpHeaders` object built from the string returns by the `XMLHttpRequest.getAllResponseHeaders()` method,
-     * or `null` wheher  `XMLHttpRequest.getAllResponseHeaders()` return `null`.
-     *
-     * @param value The string to turn into a `HttpHeaders `object.
-     *
-     * @returns A `HttpHeaders` object, or `null`.
-     */
-    static encode(value) {
-        if (value === null)
-            return null;
-        return new HttpHeaders(value);
-    }
-    /**
-     * @private
-     * Creates the default `HttpHeaders` object for a mocked HTTP request.
-     *
-     * @returns The default `HttpHeaders` object for a mocked HTTP request.
-     */
-    static createDefaultRequestHeaders() {
-        // "Accept" header is set by Angular framework when missing
-        return httpHeadersMock().cacheControl()
-            .acceptEncoding()
-            .acceptLanguage()
-            .priority()
-            .userAgent()
-            .headers();
-    }
-}
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * A convenient constant that represents the maximum value for a delayed HTTP response.
- */
-const HTTP_MOCK_MAX_DELAY = 10000;
-
-/**
- * @license
- * Copyright Pascal ECHEMANN. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
- */
-/**
- * @private
- */
-const OK = "OK";
-/**
- * A statefull builder for creating new `HttpResponseMock` instances.
- */
-class HttpResponseMockBuilder {
-    constructor() {
-        /**
-         * @private
-         */
-        this._response = {
-            url: null,
-            body: null,
-            status: HttpStatusCode.Ok,
-            statusText: OK,
-            error: null,
-            delay: 0
-        };
-    }
-    /**
-     * Sets the body property of the new `HttpResponseMock` instance with the specified `body` value.
-     *
-     * @param body The value used to set the body property of the new `HttpResponseMock` instance.
-     *
-     * @returns A reference to this `HttpResponseMockBuilder` instance.
-     */
-    body(body) {
-        this._response.body = body;
-        return this;
-    }
-    /**
-     * Sets the headers property of the new `HttpResponseMock` instance with the specified `headers` value.
-     *
-     * @param headers The value used to set the `headers` property of the new `HttpResponseMock` instance.
-     *
-     * @returns A reference to this `HttpResponseMockBuilder` instance.
-     */
-    headers(headers) {
-        this._response.headers = headers;
-        return this;
-    }
-    /**
-     * Add the list of HTTP headers generated by the `HttpHeadersUtil.createDefaultRequestHeaders()`
-     * to the mock response.
-     *
-     * @returns A reference to this `HttpResponseMockBuilder` instance.
-     */
-    defaultHeaders() {
-        const defaultHeaders = HttpHeadersUtil.createDefaultRequestHeaders();
-        let headers = this._response.headers;
-        if (headers) {
-            const keys = defaultHeaders.keys();
-            keys.forEach(key => headers?.append(key, defaultHeaders.get(key)));
-        }
-        else
-            headers = defaultHeaders;
-        this._response.headers = headers;
-        return this;
-    }
-    /**
-     * Sets the `status` property of the new `HttpResponseMock` instance with the specified `status` value.
-     *
-     * @param status The value used to set the `status` property of the new `HttpResponseMock` instance.
-     *
-     * @returns A reference to this `HttpResponseMockBuilder` instance.
-     */
-    status(status) {
-        this._response.status = status;
-        return this;
-    }
-    /**
-     * Sets the `statusText` property of the new `HttpResponseMock` instance with the specified `statusText` value.
-     *
-     * @param statusText The value used to set the `statusText` property of the new `HttpResponseMock` instance.
-     *
-     * @returns A reference to this `HttpResponseMockBuilder` instance.
-     */
-    statusText(statusText) {
-        this._response.statusText = statusText;
-        return this;
-    }
-    /**
-     * Sets the `url` property of the new `HttpResponseMock` instance with the specified `url` value.
-     *
-     * @param url The value used to set the `url` property of the new `HttpResponseMock` instance.
-     *
-     * @returns A reference to this `HttpResponseMockBuilder` instance.
-     */
-    url(url) {
-        this._response.url = url;
-        return this;
-    }
-    /**
-     * @private
-     * Overload implementation
-     */
-    delay(...arg) {
-        if (arg.length <= 1) {
-            let timer = arg[0] || NaN;
-            if (isNaN(timer)) {
-                this._response.delay = HTTP_MOCK_MAX_DELAY - Math.random() * HTTP_MOCK_MAX_DELAY;
-                return this;
-            }
-            if (timer > HTTP_MOCK_MAX_DELAY) {
-                this._response.delay = HTTP_MOCK_MAX_DELAY;
-                return this;
-            }
-            if (timer < 0)
-                timer = 0;
-            this._response.delay = timer;
-            return this;
-        }
-        let min = arg[0], max = arg[1];
-        if (max > HTTP_MOCK_MAX_DELAY)
-            max = HTTP_MOCK_MAX_DELAY;
-        if (min < 0 || min > max)
-            min = 0;
-        this._response.delay = Math.floor(Math.random() * (max - min) + min);
-        return this;
-    }
-    /**
-     * Returns a new `HttpResponseMock` instance, built from the properties specified with the
-     * `HttpResponseMockBuilder` methods.
+     * Returns a new `HttpResponseMock` instance, built from the properties specified with the
+     * `HttpResponseMockBuilder` methods.
      *
      * @param error An optional value used to set the `error` property of the new `HttpResponseMock` instance.
      *              The `error` parameter values take precedence over all other properties of the `HttpResponseMock`
@@ -7343,25 +6669,1016 @@ class XhrBase extends EventTargetImpl {
     }
     /**
      * @private
-     *
-     * XMLHTTPRequest API - Useless
+     *
+     * XMLHTTPRequest API - Useless
+     */
+    get responseXML() {
+        return null;
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API - Useless
+     */
+    overrideMimeType(mime) { }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API - Useless
+     */
+    getResponseHeader(name) { return null; }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * A static utility class for building `DataStorage` objects.
+ */
+class DataStorageBuilder {
+    /**
+     * @private
+     * Builds and returns a new `DataStorage` objects.
+     *
+     * @param httpResponse The `HttpResponseMock` to be stored by the framework.
+     * @param data The data of the HTTP response to be stored by the framework.
+     * @param metadata The metadata of the HTTP mock request to be stored by the framework.
+     *
+     * @returns A new `DataStorage` object.
+     */
+    static buildDataStorage(httpResponse, data, metadata) {
+        // TODO: add support for different data types (string, Blob, etc.)
+        const stringifiedData = data ? JSON.stringify(data) : EMPTY_STRING;
+        return {
+            httpResponse: httpResponse,
+            loaded: 0,
+            total: data ? new Blob([stringifiedData]).size : 0,
+            data: data,
+            stringifiedData: stringifiedData,
+            requestMetadata: metadata
+        };
+    }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * A static builder for creating `HttpMockLoggingMetadata` objects.
+ */
+class HttpMockLoggingMetadataBuilder {
+    /**
+     * @private
+     * Creates and returns a new `HttpMockLoggingMetadata` object.
+     */
+    static build(xhr, request, requestMetadata) {
+        const responseInit = {
+            body: xhr.response,
+            status: xhr.status,
+            statusText: xhr.statusText,
+            url: xhr.responseURL,
+            headers: HttpHeadersUtil.encode(xhr.getAllResponseHeaders())
+        };
+        const response = new HttpResponse(responseInit);
+        return {
+            request: request,
+            response: response,
+            requestMetadata: requestMetadata
+        };
+    }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * A utility for managing HTTP responses delay.
+ */
+class HttpMockResponseDelayUtil {
+    /**
+     * @private
+     * A utility function that return a `ResponseDelay` object, depending on the timer parameters.
+     *
+     * @param timer The seed value used to create the  `ResponseDelay` object.
+     * @returns A `ResponseDelay` object.
+     */
+    static getResponseDelay(timer) {
+        let duration = timer;
+        if (timer < 0)
+            duration = 0;
+        if (timer > HTTP_MOCK_MAX_DELAY)
+            duration = HTTP_MOCK_MAX_DELAY;
+        return {
+            stalled: Math.random() * duration,
+            duration: duration
+        };
+    }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * Intenal "onreadystatechange" event.
+ */
+const READY_STATE_CHANGE_EVENT = new Event("onreadystatechange");
+/**
+ * @private
+ */
+const EVT_PROPS_CONFIG = { writable: false, value: this };
+/**
+ * @private
+ * A utility class used as delegate of `XMLHttpRequest` functionalities when
+ * a HTTP request is intercepted by the Mocking Framework .
+ */
+class DelegateXhr extends XhrBase {
+    /**
+     * Returns the response body content.
+     *
+     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/response
+     */
+    get response() {
+        return this._dataStorage?.data || null;
+    }
+    /**
+     * Returns the numerical HTTP status code of the `XMLHttpRequest` response.
+     *
+     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/status
+     */
+    get status() {
+        return this._status;
+    }
+    /**
+     * Returns a string containing the response status message as returned by the HTTP server.
+     *
+     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/statusText
+     */
+    get statusText() {
+        return this._statusText;
+    }
+    /**
+     * Returns the state the `XMLHttpRequest` client is in.
+     *
+     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/readyState
+     */
+    get readyState() {
+        return this._readyState;
+    }
+    /**
+     * Returns the serialized URL of the response or the empty string if the URL is `null`.
+     *
+     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/responseURL
+     */
+    get responseURL() {
+        return this._url;
+    }
+    /**
+     * Returns the text received from a server following a request being sent.
+     *
+     * Throws an `InvalidStateError` DOMException if responseType is not the empty string or "text".
+     *
+     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/responseText
+     */
+    get responseText() {
+        return this._dataStorage?.stringifiedData || EMPTY_STRING;
+    }
+    /**
+     *  Returns an `XMLHttpRequestUpload` object that can be observed to monitor an upload progress.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/upload
+     */
+    get upload() {
+        return null;
+    }
+    /**
+     * @private
+     */
+    open(method, url, async, username, password) {
+        this._method = method;
+        this._url = url;
+        this.setReadyState(this.OPENED);
+    }
+    /**
+     * Aborts the request if it has already been sent. When a request is aborted, its `readyState`
+     * is changed to `XMLHttpRequest.UNSENT` and the request status code is set to `0`.
+     */
+    abort() {
+        this._readyState = this.UNSENT;
+        this._status = 0;
+        this.eventDispatch("abort");
+    }
+    /**
+     * Returns all the response headers, separated by CRLF, as a string, or returns `null`
+     * if no response has been received.
+     *
+     * @returns All the response headers, separated by CRLF, as a string, or returns `null`
+     *          if no response has been received.
+     */
+    getAllResponseHeaders() {
+        if (this._readyState < this.HEADERS_RECEIVED)
+            return null;
+        const respHeaders = this._dataStorage?.httpResponse.headers;
+        if (respHeaders)
+            return HttpHeadersUtil.stringify(respHeaders);
+        return null;
+    }
+    /**
+     * Sends the request to the server.
+     *
+     * @param body A body of data to be sent in the XHR request.
+     */
+    send(body) {
+        const start = this.now();
+        const request = this.buildHttpRequest(body);
+        const rc = this._routeConfig;
+        const httpResponseMock = rc.methodConfig.data(request, rc.parameters);
+        const responseDelay = HttpMockResponseDelayUtil.getResponseDelay(httpResponseMock.delay || 0);
+        const timer = responseDelay.duration;
+        const requestMetadata = {
+            start: start,
+            stalled: responseDelay.stalled,
+            duration: timer,
+            url: new URL(this._url),
+            id: Uuid.build()
+        };
+        const prefetchMetadata = {
+            request: request,
+            requestMetadata: requestMetadata
+        };
+        this._logger.prefetch(prefetchMetadata);
+        this._loadSubscription = this.loadData(httpResponseMock).subscribe({
+            next: (data) => {
+                this.setDataStorage(httpResponseMock, requestMetadata, data);
+                const error = this._dataStorage.httpResponse.error;
+                setTimeout(() => {
+                    this.setReadyState(this.HEADERS_RECEIVED);
+                    if (error)
+                        return this.onError(request, error);
+                    this.setReadyState(this.LOADING);
+                    const response = this._dataStorage.httpResponse;
+                    if (!this._progressiveDownload) {
+                        this._statusText = response.statusText || EMPTY_STRING;
+                        this._status = response.status || 0;
+                        return this.onLoadComplete(request);
+                    }
+                    this.doProgressiveDownload(request);
+                }, timer);
+            },
+            error: (err) => {
+                this.setDataStorage(httpResponseMock, requestMetadata);
+                this.onError(request, err);
+            }
+        });
+    }
+    /**
+     * Sets the value of an HTTP request header.
+     *
+     * @param name The name of the header whose value is to be set.
+     * @param value The value to set as the body of the header.
+     */
+    setRequestHeader(name, value) {
+        this._requestHeaders = this._requestHeaders.set(name, value);
+    }
+    /**
+     * @private
+     */
+    constructor(routeConfig, _logger) {
+        super();
+        this._logger = _logger;
+        /**
+         * @private
+         * Indicates whether the progressive download is activated, or not.
+         */
+        this._progressiveDownload = false;
+        /**
+         * @private
+         *
+         * Internal storage for HTTP response `data`.
+         */
+        this._dataStorage = null;
+        /**
+         * @private
+         *
+         * Internal storage for the HTTP request `readyState`.
+         */
+        this._readyState = this.UNSENT;
+        /**
+         * @private
+         *
+         * Internal storage for the HTTP request `headers`.
+         */
+        this._requestHeaders = null;
+        /**
+         * @private
+         *
+         * Internal storage for the HTTP request `status`.
+         */
+        this._status = 0;
+        /**
+         * @private
+         *
+         * Internal storage for the HTTP request `statusText`.
+         */
+        this._statusText = EMPTY_STRING;
+        /**
+         * @private
+         */
+        this._loadSubscription = null;
+        /**
+         *  Returns an an enumerated string value specifying the type of data contained in the response.
+         *
+         * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseType
+         */
+        this.responseType = EMPTY_STRING;
+        this._routeConfig = routeConfig;
+        // routeConfig.methodConfig.downloadManager
+        this._progressiveDownload = false;
+        this._requestHeaders = new HttpHeaders();
+    }
+    /**
+     * @private
+     * Internally used by the framework to delete a `DelegateXhr` instance.
+     */
+    destroy() {
+        this._routeConfig = null;
+        this._requestHeaders = null;
+        this._dataStorage = null;
+        if (this._loadSubscription) {
+            this._loadSubscription.unsubscribe();
+            this._loadSubscription = null;
+        }
+    }
+    /**
+     * @private
+     */
+    doProgressiveDownload(request) {
+        const total = this._dataStorage.total;
+        if (total <= 200) {
+            console.warn("[Angular Toolbox]: Body content is too small for emulating progressive download! Minimum size is 200 octets.");
+            return this.onLoadComplete(request);
+        }
+        // TODO: ameliorate the following process:
+        const self = this;
+        const chunckSize = Math.floor(total / 10);
+        let cursor = 0;
+        this._statusText = "Partial Content";
+        this._status = HttpStatusCode.PartialContent;
+        const idx = setInterval(() => {
+            cursor += chunckSize;
+            if (cursor > total) {
+                cursor = total;
+                clearInterval(idx);
+                self.onLoadComplete(request);
+            }
+            else {
+                this._dataStorage.loaded = cursor;
+                self.dispatchProgressEvent();
+            }
+        }, 100);
+    }
+    finalizeRequestMetadata() {
+        const ds = this._dataStorage;
+        const metadata = ds.requestMetadata;
+        const duration = this.now() - metadata.start;
+        if (duration > metadata.duration)
+            metadata.duration = duration;
+        return metadata;
+    }
+    /**
+     * @private
+     */
+    onLoadComplete(request) {
+        this._dataStorage.loaded = this._dataStorage.total;
+        this.setReadyState(this.DONE);
+        this.dispatchProgressEvent("load");
+        this._logger.info(this.buildMetadata(request));
+    }
+    /**
+     * @private
+     */
+    onError(request, error) {
+        this._status = error.status;
+        this._statusText = error.statusText;
+        this.setReadyState(this.DONE);
+        this.dispatchProgressEvent("error");
+        this._logger.error(this.buildMetadata(request));
+    }
+    /**
+     * @private
+     */
+    buildMetadata(request) {
+        return HttpMockLoggingMetadataBuilder.build(this, request, this.finalizeRequestMetadata());
+    }
+    /**
+     * @private
+     */
+    eventDispatch(type) {
+        const event = new Event(type);
+        Object.defineProperty(event, 'target', EVT_PROPS_CONFIG);
+        Object.defineProperty(event, 'currentTarget', EVT_PROPS_CONFIG);
+        this.dispatchEvent(event);
+    }
+    /**
+     * @private
+     */
+    dispatchProgressEvent(type = "progress") {
+        const d = this._dataStorage;
+        const event = new ProgressEventMock(type);
+        event.loaded = d.loaded;
+        event.total = d.total;
+        this.dispatchEvent(event);
+    }
+    /**
+     * @private
+     */
+    setReadyState(state) {
+        this._readyState = state;
+        const event = this.onreadystatechange;
+        if (event)
+            event.call(this, READY_STATE_CHANGE_EVENT);
+    }
+    /**
+     * @private
+     */
+    loadData(httpResponseMock) {
+        const responseBody = httpResponseMock.body;
+        return (responseBody instanceof Observable) ? responseBody : of(responseBody);
+    }
+    /**
+     * @private
+     */
+    setDataStorage(responseMock, requestMetadata, data = null) {
+        this._dataStorage = DataStorageBuilder.buildDataStorage(responseMock, data, requestMetadata);
+    }
+    /**
+     * @private
+     */
+    buildHttpRequest(body) {
+        let params = new HttpParams();
+        const it = this._routeConfig.searchParams.entries();
+        for (const pair of it)
+            params = params.set(pair[0], pair[1]);
+        const init = {
+            params: params,
+            headers: this._requestHeaders,
+            withCredentials: this.withCredentials,
+            responseType: this.responseType,
+            reportProgress: this.hasEventListener("progress")
+            // context, transferCache: not used by Angular at this level of API
+        };
+        return new HttpRequest(this._method, this._url, body, init);
+    }
+    now() {
+        return Date.now();
+    }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * An error used as reference for unit testing.
+ * Angular framework calls `XMLHttpRequest` method only after the `open()` method invokation.
+ */
+const XHR_ERROR = (method) => {
+    throw new Error(`Attempt to call ${method}() method before calling open().`);
+};
+/**
+ * @private
+ * A XHR proxy that is used by the Mocking Framework to apply HTTP call strategies.
+ */
+class XhrProxyImpl extends XhrBase {
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    get response() {
+        return this.XHR ? this.XHR.response : undefined;
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    get status() {
+        return this.XHR ? this.XHR.status : 0;
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    get statusText() {
+        return this.XHR ? this.XHR.statusText : EMPTY_STRING;
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    get readyState() {
+        return this.XHR ? this.XHR.readyState : this.UNSENT;
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    get responseURL() {
+        return this.XHR ? this.XHR.responseURL : EMPTY_STRING;
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    get responseText() {
+        return this.XHR ? this.XHR.responseText : EMPTY_STRING;
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    get responseType() {
+        return this.XHR ? this.XHR.responseType : EMPTY_STRING;
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    set responseType(value) {
+        if (!this.XHR)
+            XHR_ERROR("responseType");
+        this.XHR.responseType = value;
+    }
+    get upload() {
+        return this.XHR.upload;
+    }
+    open(method, url, async, username, password) {
+        const m = method.toString().toLowerCase();
+        const parsedUrl = URL.canParse(url) ? new URL(url) : new URL(this._httpMockService.getAppOrigin() + url);
+        const config = this._httpMockService.getRouteConfig(parsedUrl, m);
+        if (this.XHR && this.XHR instanceof DelegateXhr)
+            this.XHR.destroy();
+        this.XHR = config ? new DelegateXhr(config, this._logger) : new XMLHttpRequest();
+        this.XHR.withCredentials = this.withCredentials;
+        this.XHR.open(m.toString(), parsedUrl.toString());
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    abort() {
+        if (this.XHR)
+            return this.XHR.abort();
+        XHR_ERROR("abort");
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    getAllResponseHeaders() {
+        return this.XHR ? this.XHR.getAllResponseHeaders() : null;
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    addEventListener(type, listener, options) {
+        if (this.XHR)
+            return this.XHR.addEventListener(type, listener, options);
+        XHR_ERROR("addEventListener");
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    removeEventListener(type, listener, options) {
+        if (this.XHR)
+            return this.XHR.removeEventListener(type, listener, options);
+        XHR_ERROR("removeEventListener");
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    send(body) {
+        if (this.XHR)
+            return this.XHR.send(body);
+        XHR_ERROR("send");
+    }
+    /**
+     * @private
+     *
+     * XMLHTTPRequest API
+     */
+    setRequestHeader(name, value) {
+        if (this.XHR)
+            return this.XHR.setRequestHeader(name, value);
+        XHR_ERROR("setRequestHeader");
+    }
+    /**
+     * @private
+     *
+     * For Unit Testing only.
+     */
+    instanceOf(classRef) {
+        return this.XHR instanceof classRef;
+    }
+    /**
+     * @private
+     */
+    constructor(_httpMockService, _logger) {
+        super();
+        this._httpMockService = _httpMockService;
+        this._logger = _logger;
+    }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * The concrete implementation of the `XhrFactory` interface.
+ */
+class XhrProxyFactoryImpl extends XhrFactory {
+    /**
+     * @private
+     */
+    constructor(_httpMockService, _logger) {
+        super();
+        this._httpMockService = _httpMockService;
+        this._logger = _logger;
+    }
+    /**
+     * @private
+     */
+    build() {
+        return new XhrProxyImpl(this._httpMockService, this._logger);
+    }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * A factory function that creates and returns a new `XhrFactory` object.
+ *
+ * @returns A new `XhrFactory` object.
+ */
+const httpMockFactory = () => {
+    return new XhrProxyFactoryImpl(inject(HttpMockService), inject(HttpMockLoggingService));
+};
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * A utility class that converts `Log` objects into `AtxHttpLogDto` objects.
+ */
+class LogConverter {
+    /**
+     * @private
+     * Converts a `object` object into an `AtxHttpLogDto` object.
+     *
+     * @param log The `Log` object to convert.
+     * @returns A new `AtxHttpLogDto` object.
+     */
+    static logToDto(log) {
+        return {
+            level: log.level,
+            timestamp: log.timestamp,
+            metadata: LogMetadataConverter.metadataToDto(log.metadata)
+        };
+    }
+    /**
+     * @private
+     * Converts an `AtxHttpLogDto` object into a `Log` object.
+     *
+     * @param dto The `AtxHttpLogDto` object to convert.
+     * @returns A new `Log` object.
+     */
+    static dtoToLog(dto) {
+        const level = dto.level;
+        return LogBuilder.build(HttpMockLoggingConstant.CALLER, LogMessageUtil.getMessageFromLevel(level), level, LogMetadataConverter.dtoToMetadata(dto.metadata));
+    }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * A utility class that creates `HMFL` objects.
+ */
+class HMFLBuilder {
+    /**
+     * @private
+     * Creates and returns a new `HMFL` object.
+     *
+     * @param logDtoList The list of serialized logs to include in the new `HMFL` object.
+     * @returns A new `HMFL` object.
+     */
+    static build(logDtoList) {
+        return {
+            logs: logDtoList,
+            timestamp: Date.now()
+        };
+    }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ */
+const BLOB_TYPE = { type: 'application/json' };
+/**
+ * @private
+ */
+const UTF8 = "UTF-8";
+/**
+ * @private
+ * The service responsible for exporting and importing `hmfl` log files.
+ */
+class AtxLogIoService {
+    /**
+     * @private
+     */
+    constructor(_logger) {
+        this._logger = _logger;
+    }
+    /**
+     * @private
+     * Exports the specified logs into a hmfl file.
+     *
+     * @param logs The logs to exports.
+     */
+    exportFile(logs) {
+        const logDtoList = [];
+        let cursor = logs.length - 1;
+        for (; cursor >= 0; cursor--) {
+            const log = logs[cursor];
+            if (log.level !== LogLevel.CONFIG)
+                logDtoList.push(LogConverter.logToDto(log));
+        }
+        const exportData = HMFLBuilder.build(logDtoList);
+        const a = document.createElement("a");
+        const file = new Blob([JSON.stringify(exportData)], BLOB_TYPE);
+        const timeFmt = formatDate(exportData.timestamp, "MM/dd/yy-hh:mm-a", "en-US");
+        a.href = URL.createObjectURL(file);
+        a.download = `logs-${timeFmt}.hmfl`;
+        a.click();
+    }
+    /**
+     * @private
+     * Imports the logs loaded through the specified `FileList` object.
+     *
+     * @param fileList The logs to import.
+     */
+    importFile(fileList) {
+        const logger = this._logger;
+        const files = fileList[0];
+        const killReader = this.killReader;
+        if (files) {
+            const reader = new FileReader();
+            reader.readAsText(files, UTF8);
+            reader.onload = () => {
+                const result = reader.result;
+                const resultLogData = JSON.parse(result);
+                const logs = resultLogData.logs;
+                let cursor = logs.length - 1;
+                for (; cursor >= 0; cursor--) {
+                    const log = LogConverter.dtoToLog(logs[cursor]);
+                    const metadata = log.metadata;
+                    const level = log.level;
+                    if (level === LogLevel.INFO)
+                        logger.info(metadata);
+                    else if (level === LogLevel.ERROR)
+                        logger.error(metadata);
+                }
+                ;
+                killReader(reader);
+            };
+            reader.onerror = (e) => {
+                killReader(reader);
+                console.log(e);
+            };
+        }
+    }
+    /**
+     * @private
+     */
+    killReader(reader) {
+        reader.onload = null;
+        reader.onerror = null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxLogIoService, deps: [{ token: HttpMockLoggingService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxLogIoService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxLogIoService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: HttpMockLoggingService }] });
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * An implementation of the `LogConnector` class that sends logs to the HTTP
+ * mocking console component.
+ */
+class HttpMonitoringConsoleLogConnector {
+    constructor() {
+        /**
+         * @private
+         */
+        this.logs = [];
+        /**
+         * @private
+         */
+        this.change = new EventEmitter(true);
+    }
+    /**
+     * @private
+     */
+    destroy() {
+        this.clearLogs();
+    }
+    /**
+     * @private
+     */
+    init(logList) {
+        this.logs.push(...logList);
+    }
+    /**
+     * @private
+     */
+    sendLog(log) {
+        const level = log.level;
+        if (level === LogLevel.INFO || level === LogLevel.ERROR)
+            this.logs.push(log);
+        this.change.emit(log);
+    }
+    /**
+     * @private
+     */
+    clearLogs() {
+        this.logs.length = 0;
+    }
+    /**
+     * @private
+     * Not supported.
+     */
+    copyLogs() { }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * The service that manages user interactions with an `AtxMonitoringConsoleComponent` instance.
+ */
+class AtxMonitoringConsoleController extends IdentifiableComponent {
+    /**
+     * @private
+     */
+    constructor(_logger, _state, _ioSvc, _subscribe, action) {
+        super("AtxMonitoringConsoleController");
+        this._logger = _logger;
+        this._state = _state;
+        this._ioSvc = _ioSvc;
+        this._subscribe = _subscribe;
+        const connector = new HttpMonitoringConsoleLogConnector();
+        const logs = this._logger.getLogs();
+        this.connector = connector;
+        this._subscribe.register(this, connector.change.subscribe((log) => this.addLog(log)))
+            .append(action.action.subscribe((action) => this.onAction(action)));
+        this.connector.init(logs);
+        this._state.init(logs);
+        this._logger.setLogConnector(connector);
+    }
+    /**
+     * @private
      */
-    get responseXML() {
-        return null;
+    ngOnDestroy() {
+        this._subscribe.clearAll(this);
+        this._logger.setLogConnector(null);
+        this.connector.destroy();
+        this.connector = null;
     }
     /**
      * @private
-     *
-     * XMLHTTPRequest API - Useless
      */
-    overrideMimeType(mime) { }
+    clearLogs() {
+        this._logger.clearLogs();
+        this._state.clearLogs();
+    }
     /**
      * @private
-     *
-     * XMLHTTPRequest API - Useless
      */
-    getResponseHeader(name) { return null; }
+    exportLogs() {
+        this._ioSvc.exportFile(this._state.logs);
+    }
+    /**
+     * @private
+     */
+    addLog(log) {
+        this._state.addLog(log);
+    }
+    /**
+     * @private
+     */
+    onAction(action) {
+        switch (action.type) {
+            case AtxConsoleActionType.CLEAR_LOGS:
+                this.clearLogs();
+                break;
+            case AtxConsoleActionType.EXPORT_LOGS:
+                this.exportLogs();
+                break;
+            case AtxConsoleActionType.IMPORT_LOGS:
+                this._ioSvc.importFile(action.data);
+                break;
+            case AtxConsoleActionType.LOG_SELECT:
+                this._state.selectLog(action.data);
+                break;
+            case AtxConsoleActionType.CLOSE_DETAILS_PANEL:
+                this._state.selectLog(null);
+                break;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMonitoringConsoleController, deps: [{ token: HttpMockLoggingService }, { token: AtxMonitoringConsoleState }, { token: AtxLogIoService }, { token: SubscriptionService }, { token: AtxUserActionService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMonitoringConsoleController }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMonitoringConsoleController, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: HttpMockLoggingService }, { type: AtxMonitoringConsoleState }, { type: AtxLogIoService }, { type: SubscriptionService }, { type: AtxUserActionService }] });
 
 /**
  * @license
@@ -7372,32 +7689,43 @@ class XhrBase extends EventTargetImpl {
  */
 /**
  * @private
- * A static utility class for building `DataStorage` objects.
+ * The main component used to layout the ATX monitoring console.
  */
-class DataStorageBuilder {
+class AtxMonitoringConsoleComponent {
     /**
      * @private
-     * Builds and returns a new `DataStorage` objects.
-     *
-     * @param httpResponse The `HttpResponseMock` to be stored by the framework.
-     * @param data The data of the HTTP response to be stored by the framework.
-     * @param metadata The metadata of the HTTP mock request to be stored by the framework.
-     *
-     * @returns A new `DataStorage` object.
      */
-    static buildDataStorage(httpResponse, data, metadata) {
-        // TODO: add support for different data types (string, Blob, etc.)
-        const stringifiedData = data ? JSON.stringify(data) : EMPTY_STRING;
-        return {
-            httpResponse: httpResponse,
-            loaded: 0,
-            total: data ? new Blob([stringifiedData]).size : 0,
-            data: data,
-            stringifiedData: stringifiedData,
-            requestMetadata: metadata
-        };
+    constructor(state, 
+    //--> Conponent scope services:
+    _ctrl, _io, _input) {
+        this.state = state;
+        this._ctrl = _ctrl;
+        this._io = _io;
+        this._input = _input;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMonitoringConsoleComponent, deps: [{ token: AtxMonitoringConsoleState }, { token: AtxMonitoringConsoleController }, { token: AtxLogIoService }, { token: AtxUserActionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: AtxMonitoringConsoleComponent, isStandalone: true, selector: "atx-http-monitoring-console", providers: [
+            AtxMonitoringConsoleState,
+            AtxLogIoService,
+            AtxMonitoringConsoleController,
+            AtxUserActionService
+        ], ngImport: i0, template: "<!--\r\n * LICENSE\r\n * Copyright Pascal ECHEMANN. All Rights Reserved.\r\n *\r\n * Use of this source code is governed by an MIT-style license that can be\r\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\r\n-->\r\n\r\n<atx-console-menu/>\r\n<div id=\"log-list-vieport\">\r\n    <div class=\"request-list-wrapper\" [class.reduced-request-list]=\"state.selectedLog\">\r\n        <atx-request-list-renderer />\r\n    </div>\r\n    @if (state.selectedLog) {\r\n        <div id=\"selected-log-viewport\">\r\n            <atx-monitoring-console-details [log]=\"state.selectedLog\"/>\r\n        </div>\r\n    }\r\n</div>\r\n<atx-console-footer/>\r\n\r\n<svg id=\"icon-collection\">\r\n    <symbol id=\"json-icon\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n        <path d=\"M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708m-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708\"/>\r\n    </symbol>\r\n    <symbol id=\"bin-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M5.526 13.09c.976 0 1.524-.79 1.524-2.205 0-1.412-.548-2.203-1.524-2.203-.978 0-1.526.79-1.526 2.203 0 1.415.548 2.206 1.526 2.206zm-.832-2.205c0-1.05.29-1.612.832-1.612.358 0 .607.247.733.721L4.7 11.137a7 7 0 0 1-.006-.252m.832 1.614c-.36 0-.606-.246-.732-.718l1.556-1.145q.005.12.005.249c0 1.052-.29 1.614-.829 1.614m5.329.501v-.595H9.73V8.772h-.69l-1.19.786v.688L8.986 9.5h.05v2.906h-1.18V13h3z\"/>\r\n        <path d=\"M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1\"/>\r\n    </symbol>\r\n    <symbol id=\"text-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M10.943 6H5.057L5 8h.5c.18-1.096.356-1.192 1.694-1.235l.293-.01v5.09c0 .47-.1.582-.898.655v.5H9.41v-.5c-.803-.073-.903-.184-.903-.654V6.755l.298.01c1.338.043 1.514.14 1.694 1.235h.5l-.057-2z\"/>\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n    </symbol>\r\n    <symbol id=\"empty-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n    </symbol>\r\n    <symbol id=\"blob-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0\"/>\r\n        <path d=\"M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12z\"/>\r\n    </symbol>\r\n</svg>", styles: [":host{--border-color: lightblue;--background-color: aliceblue;--selected-color: #d9eeff;--selected-error-color: lavenderblush;--light-gray: whitesmoke;--dark-gray: gainsboro;--header-height: 26px;display:block}:host,table{padding:0;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px;color:#000;background-color:#fff}menu{padding:0;margin:0;display:flex;align-items:center;gap:6px;list-style:none}table{border-collapse:collapse}th{padding:0 0 0 6px;background-color:var(--background-color);border-bottom:1px solid var(--border-color);position:sticky;top:0}th:not(:last-child){border-right:1px solid var(--border-color)}td{padding:2px 6px;vertical-align:top}tr:nth-child(2n):not(.selected-row){background-color:var(--background-color)}.error-row{color:red}.selected-row{background-color:var(--selected-color)}.error-row.selected-row{background-color:var(--selected-error-color)}tr:hover{background-color:var(--light-gray)!important}th{height:var(--header-height)}.header-btn{margin-left:auto}.header-btn:hover{background-color:var(--selected-color)}.menu-separator{width:0;height:16px;border-right:2px solid var(--dark-gray)}.content{padding:4px 6px}.center-content{display:flex;justify-content:center}summary{-webkit-user-select:none;user-select:none}:host{position:relative;padding:0;margin:0;overflow:hidden}#log-list-vieport{position:absolute;display:flex;flex-direction:row;gap:6px;padding:6px;inset:36px 0 33px}#icon-collection{visibility:hidden;width:0;height:0}.request-list-wrapper{height:100%;flex-grow:1;overflow:hidden auto;border:1px solid var(--border-color)}.reduced-request-list{min-width:250px}#selected-log-viewport{height:100%;width:80%}atx-console-footer{position:absolute;width:100%;bottom:0}\n/**\n * @license\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be found in\n * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"], dependencies: [{ kind: "component", type: AtxRequestDetailsComponent, selector: "atx-monitoring-console-details", inputs: ["log"] }, { kind: "component", type: AtxConsoleFooterComponent, selector: "atx-console-footer" }, { kind: "component", type: AtxConsoleMenuComponent, selector: "atx-console-menu" }, { kind: "component", type: AtxRequestListRendererComponent, selector: "atx-request-list-renderer" }], encapsulation: i0.ViewEncapsulation.ShadowDom }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMonitoringConsoleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atx-http-monitoring-console', standalone: true, imports: [
+                        AtxRequestDetailsComponent,
+                        AtxConsoleFooterComponent,
+                        AtxConsoleMenuComponent,
+                        AtxIconRendererComponent,
+                        AtxRequestListRendererComponent
+                    ], providers: [
+                        AtxMonitoringConsoleState,
+                        AtxLogIoService,
+                        AtxMonitoringConsoleController,
+                        AtxUserActionService
+                    ], encapsulation: ViewEncapsulation.ShadowDom, template: "<!--\r\n * LICENSE\r\n * Copyright Pascal ECHEMANN. All Rights Reserved.\r\n *\r\n * Use of this source code is governed by an MIT-style license that can be\r\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\r\n-->\r\n\r\n<atx-console-menu/>\r\n<div id=\"log-list-vieport\">\r\n    <div class=\"request-list-wrapper\" [class.reduced-request-list]=\"state.selectedLog\">\r\n        <atx-request-list-renderer />\r\n    </div>\r\n    @if (state.selectedLog) {\r\n        <div id=\"selected-log-viewport\">\r\n            <atx-monitoring-console-details [log]=\"state.selectedLog\"/>\r\n        </div>\r\n    }\r\n</div>\r\n<atx-console-footer/>\r\n\r\n<svg id=\"icon-collection\">\r\n    <symbol id=\"json-icon\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n        <path d=\"M8.646 6.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 9 8.646 7.354a.5.5 0 0 1 0-.708m-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 9l1.647-1.646a.5.5 0 0 0 0-.708\"/>\r\n    </symbol>\r\n    <symbol id=\"bin-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M5.526 13.09c.976 0 1.524-.79 1.524-2.205 0-1.412-.548-2.203-1.524-2.203-.978 0-1.526.79-1.526 2.203 0 1.415.548 2.206 1.526 2.206zm-.832-2.205c0-1.05.29-1.612.832-1.612.358 0 .607.247.733.721L4.7 11.137a7 7 0 0 1-.006-.252m.832 1.614c-.36 0-.606-.246-.732-.718l1.556-1.145q.005.12.005.249c0 1.052-.29 1.614-.829 1.614m5.329.501v-.595H9.73V8.772h-.69l-1.19.786v.688L8.986 9.5h.05v2.906h-1.18V13h3z\"/>\r\n        <path d=\"M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2zm0 1h8a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1\"/>\r\n    </symbol>\r\n    <symbol id=\"text-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M10.943 6H5.057L5 8h.5c.18-1.096.356-1.192 1.694-1.235l.293-.01v5.09c0 .47-.1.582-.898.655v.5H9.41v-.5c-.803-.073-.903-.184-.903-.654V6.755l.298.01c1.338.043 1.514.14 1.694 1.235h.5l-.057-2z\"/>\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n    </symbol>\r\n    <symbol id=\"empty-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z\"/>\r\n    </symbol>\r\n    <symbol id=\"blob-icon\" fill=\"currentColor\" viewBox=\"0 0 16 16\">\r\n        <path d=\"M8.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0\"/>\r\n        <path d=\"M12 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M3 2a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v8l-2.083-2.083a.5.5 0 0 0-.76.063L8 11 5.835 9.7a.5.5 0 0 0-.611.076L3 12z\"/>\r\n    </symbol>\r\n</svg>", styles: [":host{--border-color: lightblue;--background-color: aliceblue;--selected-color: #d9eeff;--selected-error-color: lavenderblush;--light-gray: whitesmoke;--dark-gray: gainsboro;--header-height: 26px;display:block}:host,table{padding:0;margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px;color:#000;background-color:#fff}menu{padding:0;margin:0;display:flex;align-items:center;gap:6px;list-style:none}table{border-collapse:collapse}th{padding:0 0 0 6px;background-color:var(--background-color);border-bottom:1px solid var(--border-color);position:sticky;top:0}th:not(:last-child){border-right:1px solid var(--border-color)}td{padding:2px 6px;vertical-align:top}tr:nth-child(2n):not(.selected-row){background-color:var(--background-color)}.error-row{color:red}.selected-row{background-color:var(--selected-color)}.error-row.selected-row{background-color:var(--selected-error-color)}tr:hover{background-color:var(--light-gray)!important}th{height:var(--header-height)}.header-btn{margin-left:auto}.header-btn:hover{background-color:var(--selected-color)}.menu-separator{width:0;height:16px;border-right:2px solid var(--dark-gray)}.content{padding:4px 6px}.center-content{display:flex;justify-content:center}summary{-webkit-user-select:none;user-select:none}:host{position:relative;padding:0;margin:0;overflow:hidden}#log-list-vieport{position:absolute;display:flex;flex-direction:row;gap:6px;padding:6px;inset:36px 0 33px}#icon-collection{visibility:hidden;width:0;height:0}.request-list-wrapper{height:100%;flex-grow:1;overflow:hidden auto;border:1px solid var(--border-color)}.reduced-request-list{min-width:250px}#selected-log-viewport{height:100%;width:80%}atx-console-footer{position:absolute;width:100%;bottom:0}\n/**\n * @license\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be found in\n * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"] }]
+        }], ctorParameters: () => [{ type: AtxMonitoringConsoleState }, { type: AtxMonitoringConsoleController }, { type: AtxLogIoService }, { type: AtxUserActionService }] });
 
 /**
  * @license
@@ -7408,29 +7736,83 @@ class DataStorageBuilder {
  */
 /**
  * @private
- * A static builder for creating `HttpMockLoggingMetadata` objects.
  */
-class HttpMockLoggingMetadataBuilder {
+const NO = WindowFeatureState.NO;
+/**
+ * @private
+ */
+const FEATURES = {
+    left: 100,
+    top: 100,
+    width: 800,
+    height: 450,
+    directories: NO,
+    titlebar: NO,
+    scrollbars: NO,
+    toolbar: NO,
+    location: NO,
+    status: NO,
+    menubar: NO,
+    title: "HTTP Mocking Framework Console",
+    icon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABdJJREFUWEedl3tsU1Ucx7+/e/vYGNs6ZOrawSBsIgwQCC/jJhAgiIkkvkBgBJB2Q4eSoBHwFQaiTsBgdMRBMNEwum5/8EoQAQF5yQQhBB0ZOBSS6cIYsPa269rec8ztY33sru24Sf/o/Z3f93zuOb/f7/wO4WEea/sgQaNfAJmXkKPDyUG7mSjU4fWctr7KUdIO1fcyRYP+ZYCVADQVgADOAIcjKEFeEI6A8xqZ0X6UGV3JaMcHqOZa0eB6DuDKpC8APDVKNAogwsIhAXwvQajxGXKOYR7JvcGoAmhrXVMYKZPy+QAG9volvQFEOVArcWYjUdjtXW68GKsVBqhz5wvcW0IQFgE8P5nli96CxB4ENDHwGsbYHpQNblY8/ACiTbIBeDX0P7FUcERSK6CqxgFeL1ty54cADgOYnfTEoYEPD6AoHJQtprlBAMdOgMxqAMP6E3QEXHPwnuYIgFSRsGBYKqYbddh4ScJ1uy/u93DOt7PS3HI/gFDr+JiIKmI98vsTfp6WiuwUwrYmLzY1euCMjOcgQHaKgC1TMpCbJuLqPS9Wn7eDqfBG6nOOtazUVBlYgVr7MpDwXSzAOIOA87NSIQZD1XrLh8UNXeFhQYDKSRmYkK2F3cNQeroDbW7mHzM6SwOXj6PZoZqFC2WLyRqQtj2YKUJzVG3Nto3TYWWB1m9qcXEUHHLBE9CHkgX9OyXsmz3AH82X73rxboPdb1JWpbo4E2daPfjyqrOHtEwogtl0NgBQ635CJF+TGkCmFtg1UY9nskVk6wkHWnx47deuAARnGEYu7Cg2dLse+McNa3MnPhqfjpFZGhy67cZWNQBGeSgz3g4AVPN+osEpxUvDVBHYV5SCGY+JYQiZYbjQie1Fmb0G3MZLDpz8zxNjJ5/c0pSK9dN93YVIsEltFK/qAYiE2NnsxRsX3Via48Pign6qAL+3ebHmNzti45EDt5nFlKc4hQHqpEvEMS5u7gQhqsbr/RlRNFBAySCCEFPQPTLHsZYuVDW64JZV0oHojGw2FkcBiDbHfoDmJgII2d/K16ByrA7nWj0gAk7+24X6m27c62Jo72JQmzdC2ypbTAujV8Dm/IbAy5MBeO9JLTaN0cHHOM62evy/issOZGoJ9z0JCoASu4RKZjatjQGQ1hDweSKA9YVafFio8w/zMo6qP51Yd8GOMVlabJiQjm1/SDjaEht00aocWMkspqroLaiTFoKjJh7AF0/psHp4oCYoT8NdH2YebMNIgwafTEyHTiR/Bdx8xYEj8SAIc2Wz6WAUAKz2YlEQTqkBKDH29XgdVuSHJ7/WwTDtuAuCU8L30wzQh8ol4IfYcsWBn3qBkGU+Fityr8QA3B8iCtq/YwEU3eoJOiwdGp78lpPh2eNutLhkf0v20pAUlBemRbnGg5D7pQ3AIsP9aIBA+9UJcDGkpCHgh8l6zBus6Ra/4+aYerwTNyTlSA/3hC/mpWDlqJ4Qq851oPFB5MlIDtlizAgJRmWwYJNaCDCGjB+M0KJidCDglMfu5Zhxwo3LD4KHQUw/oECUj0oLFxcAO645Ybvp7tbghEZmNhWqAoi10nkQJoeMuybqsCS49EpBef4XN07dDZ1EgbMg3BUHvCIhlDQtP9uBv+wRpyHRYdlsnKMOYHPUA/RKyFiYIcD6tB7pWsKbF7vwY2vMsdpLRzT2EQ1GZWnRcMeDG5GT+4Vph2wxlqkCoE56XOR8I0DLlDZBLSOi3vWpJeNezulbpk+vwJKMdnWA0Ns90hhRxBYAs+JCJA1Ae2XO1qI093qsXtyLiVjvnMM530wc3UHTtxXgF2QI78BiPN3bhyS+mq0/oRFGTDITuNIzPpoMAAduEaP35dIcK4jiHg6JAUIz7m7PEDT6dUS0qvuK1mMLeAfn9BnTer7CsqHh3Iuzj8kDhERqOvNEUf4UhAXgjAJpSF7OeTVzuzbg7YI+3ZD7DhACqXNNEmXfVkiOdlnAGiw3qfaUiTLpf29zez9zLqGcAAAAAElFTkSuQmCC"
+};
+/**
+ * Provides functionality to display the ATX monitoring console within a new window.
+ */
+class AtxHttpMockConsoleService {
     /**
      * @private
-     * Creates and returns a new `HttpMockLoggingMetadata` object.
      */
-    static build(xhr, request, requestMetadata) {
-        const responseInit = {
-            body: xhr.response,
-            status: xhr.status,
-            statusText: xhr.statusText,
-            url: xhr.responseURL,
-            headers: HttpHeadersUtil.encode(xhr.getAllResponseHeaders())
-        };
-        const response = new HttpResponse(responseInit);
-        return {
-            request: request,
-            response: response,
-            requestMetadata: requestMetadata
-        };
+    constructor(_windowSrv) {
+        this._windowSrv = _windowSrv;
+        /**
+         * @private
+         */
+        this._uuid = null;
+    }
+    /**
+     * Opens the ATX monitoring console within a new window and returns reference objects
+     * to control it.
+     */
+    open() {
+        if (this._uuid)
+            return;
+        this._uuid = this._windowSrv.open(AtxMonitoringConsoleComponent, FEATURES);
     }
+    /**
+     * Closes the ATX monitoring console currently opened within a popup window.
+     */
+    close() {
+        if (!this._uuid)
+            return;
+        this._windowSrv.close(this._uuid);
+        this._uuid = null;
+    }
+    /**
+     * Returns reference to the opened popup window.
+     *
+     * @returns A `WindowRef` object, or undefined if the ATX monitoring console is not opened.
+     */
+    getWindowRef() {
+        if (!this._uuid)
+            return undefined;
+        return this._windowSrv.get(this._uuid);
+    }
+    /**
+     * @private
+     */
+    ngOnDestroy() {
+        this.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxHttpMockConsoleService, deps: [{ token: WindowService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxHttpMockConsoleService, providedIn: 'root' }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxHttpMockConsoleService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: WindowService }] });
 
 /**
  * @license
@@ -7440,29 +7822,34 @@ class HttpMockLoggingMetadataBuilder {
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
 /**
- * @private
- * A utility for managing HTTP responses delay.
+ * A convenient high-level singleton that implements the `Logger` interface.
  */
-class HttpMockResponseDelayUtil {
+class LoggerService extends AbstractLogger {
     /**
      * @private
-     * A utility function that return a `ResponseDelay` object, depending on the timer parameters.
-     *
-     * @param timer The seed value used to create the  `ResponseDelay` object.
-     * @returns A `ResponseDelay` object.
      */
-    static getResponseDelay(timer) {
-        let duration = timer;
-        if (timer < 0)
-            duration = 0;
-        if (timer > HTTP_MOCK_MAX_DELAY)
-            duration = HTTP_MOCK_MAX_DELAY;
-        return {
-            stalled: Math.random() * duration,
-            duration: duration
-        };
+    constructor(config) {
+        super();
+        if (config) {
+            const connector = config.logConnector;
+            if (connector)
+                this.setLogConnector(connector);
+        }
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: LoggerService, deps: [{ token: ATX_LOGGER_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: LoggerService, providedIn: 'root' }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: LoggerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [ATX_LOGGER_CONFIG]
+                }, {
+                    type: Optional
+                }] }] });
 
 /**
  * @license
@@ -7471,359 +7858,346 @@ class HttpMockResponseDelayUtil {
  * Use of this source code is governed by an MIT-style license that can be found in
  * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
-/**
- * @private
- * Intenal "onreadystatechange" event.
- */
-const READY_STATE_CHANGE_EVENT = new Event("onreadystatechange");
 /**
  * @private
  */
-const EVT_PROPS_CONFIG = { writable: false, value: this };
+const PX = "px";
 /**
- * @private
- * A utility class used as delegate of `XMLHttpRequest` functionalities when
- * a HTTP request is intercepted by the Mocking Framework .
+ * A container that defines the region of a `BorderLayout` component instance.
  */
-class DelegateXhr extends XhrBase {
+class BorderLayoutContainer {
     /**
-     * Returns the response body content.
-     *
-     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/response
+     * Gets the CSS class associated with the region constraint of the `BorderLayoutContainer` object.
      */
-    get response() {
-        return this._dataStorage?.data || null;
+    get class() {
+        return this.region;
     }
     /**
-     * Returns the numerical HTTP status code of the `XMLHttpRequest` response.
-     *
-     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/status
+     * Gets or sets the constraints for this `BorderLayoutContainer` object.
      */
-    get status() {
-        return this._status;
+    get constraints() {
+        return this.atxConstraints;
     }
-    /**
-     * Returns a string containing the response status message as returned by the HTTP server.
-     *
-     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/statusText
-     */
-    get statusText() {
-        return this._statusText;
+    set constraints(constraints) {
+        this.atxConstraints = constraints;
+        this.region = constraints.region;
+        if (constraints.resizable)
+            this.initHandle();
+        this.setSize(constraints.size);
     }
     /**
-     * Returns the state the `XMLHttpRequest` client is in.
-     *
-     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/readyState
+     * @private
      */
-    get readyState() {
-        return this._readyState;
+    constructor(elRef) {
+        this.elRef = elRef;
+        /**
+         * @private
+         * Indicates to the parent `BorderLayout` instance that the user starts to resize this container.
+         */
+        this.resizeStart = new EventEmitter(false);
+        /**
+         * @private
+         */
+        this.selected = false;
+        /**
+         * @private
+         */
+        this.resizable = false;
+        this.style = this.elRef.nativeElement.style;
     }
     /**
-     * Returns the serialized URL of the response or the empty string if the URL is `null`.
+     * Sets the size of this container depending on the specified region.
      *
-     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/responseURL
+     * @param size The new size for this container, in pixels.
      */
-    get responseURL() {
-        return this._url;
+    setSize(size) {
+        const r = this.region;
+        if (r === LayoutRegion.CENTER)
+            return;
+        if (r === LayoutRegion.NORTH || r === LayoutRegion.SOUTH) {
+            this.size = size ? size : 50;
+            this.style.height = this.size + PX;
+            return;
+        }
+        if (r === LayoutRegion.EAST || r === LayoutRegion.WEST) {
+            this.size = size ? size : 100;
+            this.style.width = this.size + PX;
+        }
     }
     /**
-     * Returns the text received from a server following a request being sent.
-     *
-     * Throws an `InvalidStateError` DOMException if responseType is not the empty string or "text".
+     * Returns the size of the container, in pixels.
      *
-     * @see https://developer.mozilla.org/docs/Web/API/XMLHttpRequest/responseText
+     * @returns The size of the container.
      */
-    get responseText() {
-        return this._dataStorage?.stringifiedData || EMPTY_STRING;
+    getSize() {
+        return this.size;
     }
     /**
-     *  Returns an `XMLHttpRequestUpload` object that can be observed to monitor an upload progress.
+     * Sets the left-hand side position of this container.
      *
-     * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/upload
-     */
-    get upload() {
-        return null;
-    }
-    /**
-     * @private
+     * @param position The left-hand side position of this container, in pixels.
      */
-    open(method, url, async, username, password) {
-        this._method = method;
-        this._url = url;
-        this.setReadyState(this.OPENED);
+    setLeftPos(position) {
+        this.style.left = position + PX;
     }
     /**
-     * Aborts the request if it has already been sent. When a request is aborted, its `readyState`
-     * is changed to `XMLHttpRequest.UNSENT` and the request status code is set to `0`.
+     * Sets the right-hand side position of this container.
+     *
+     * @param position The right-hand side position of this container, in pixels.
      */
-    abort() {
-        this._readyState = this.UNSENT;
-        this._status = 0;
-        this.eventDispatch("abort");
+    setRightPos(position) {
+        this.style.right = position + PX;
     }
     /**
-     * Returns all the response headers, separated by CRLF, as a string, or returns `null`
-     * if no response has been received.
+     * Sets the top position of this container.
      *
-     * @returns All the response headers, separated by CRLF, as a string, or returns `null`
-     *          if no response has been received.
+     * @param position The top position of this container, in pixels.
      */
-    getAllResponseHeaders() {
-        if (this._readyState < this.HEADERS_RECEIVED)
-            return null;
-        const respHeaders = this._dataStorage?.httpResponse.headers;
-        if (respHeaders)
-            return HttpHeadersUtil.stringify(respHeaders);
-        return null;
+    setTopPos(position) {
+        this.style.top = position + PX;
     }
     /**
-     * Sends the request to the server.
+     * Sets the bottom position of this container.
      *
-     * @param body A body of data to be sent in the XHR request.
+     * @param position The bottom position of this container, in pixels.
      */
-    send(body) {
-        const start = this.now();
-        const request = this.buildHttpRequest(body);
-        const rc = this._routeConfig;
-        const httpResponseMock = rc.methodConfig.data(request, rc.parameters);
-        const responseDelay = HttpMockResponseDelayUtil.getResponseDelay(httpResponseMock.delay || 0);
-        const timer = responseDelay.duration;
-        const requestMetadata = {
-            start: start,
-            stalled: responseDelay.stalled,
-            duration: timer,
-            url: new URL(this._url),
-            id: Uuid.build()
-        };
-        const prefetchMetadata = {
-            request: request,
-            requestMetadata: requestMetadata
-        };
-        this._logger.prefetch(prefetchMetadata);
-        this._loadSubscription = this.loadData(httpResponseMock).subscribe({
-            next: (data) => {
-                this.setDataStorage(httpResponseMock, requestMetadata, data);
-                const error = this._dataStorage.httpResponse.error;
-                setTimeout(() => {
-                    this.setReadyState(this.HEADERS_RECEIVED);
-                    if (error)
-                        return this.onError(request, error);
-                    this.setReadyState(this.LOADING);
-                    const response = this._dataStorage.httpResponse;
-                    if (!this._progressiveDownload) {
-                        this._statusText = response.statusText || EMPTY_STRING;
-                        this._status = response.status || 0;
-                        return this.onLoadComplete(request);
-                    }
-                    this.doProgressiveDownload(request);
-                }, timer);
-            },
-            error: (err) => {
-                this.setDataStorage(httpResponseMock, requestMetadata);
-                this.onError(request, err);
-            }
-        });
+    setBottomPos(position) {
+        this.style.bottom = position + PX;
     }
     /**
-     * Sets the value of an HTTP request header.
-     *
-     * @param name The name of the header whose value is to be set.
-     * @param value The value to set as the body of the header.
+     * @private
      */
-    setRequestHeader(name, value) {
-        this._requestHeaders = this._requestHeaders.set(name, value);
+    resizetart() {
+        this.resizeStart.emit(this);
     }
     /**
      * @private
      */
-    constructor(routeConfig, _logger) {
-        super();
-        this._logger = _logger;
-        /**
-         * @private
-         * Indicates whether the progressive download is activated, or not.
-         */
-        this._progressiveDownload = false;
-        /**
-         * @private
-         *
-         * Internal storage for HTTP response `data`.
-         */
-        this._dataStorage = null;
-        /**
-         * @private
-         *
-         * Internal storage for the HTTP request `readyState`.
-         */
-        this._readyState = this.UNSENT;
-        /**
-         * @private
-         *
-         * Internal storage for the HTTP request `headers`.
-         */
-        this._requestHeaders = null;
+    initHandle() {
+        if (this.region === LayoutRegion.CENTER)
+            return;
+        this.resizable = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BorderLayoutContainer, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: BorderLayoutContainer, isStandalone: true, selector: "atx-border-layout-container", inputs: { constraints: "constraints" }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<!--\n * LICENSE\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n-->\n\n<ng-content></ng-content>\n@if (resizable) {\n    <div class=\"atx-handle\" [class.atx-handle-selected]=\"selected\" (mousedown)=\"resizetart()\"></div>\n}\n", styles: [":host{box-sizing:border-box;padding:0;margin:0}\n/**\n * @license\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be found in\n * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BorderLayoutContainer, decorators: [{
+            type: Component,
+            args: [{ selector: 'atx-border-layout-container', standalone: true, template: "<!--\n * LICENSE\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n-->\n\n<ng-content></ng-content>\n@if (resizable) {\n    <div class=\"atx-handle\" [class.atx-handle-selected]=\"selected\" (mousedown)=\"resizetart()\"></div>\n}\n", styles: [":host{box-sizing:border-box;padding:0;margin:0}\n/**\n * @license\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be found in\n * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], constraints: [{
+                type: Input
+            }] } });
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * A utility class that computes the size of all border layout containers.
+ */
+class BorderLayoutBoundsManager {
+    constructor() {
         /**
          * @private
-         *
-         * Internal storage for the HTTP request `status`.
+         * The container top position when the user starts to drag the handle.
          */
-        this._status = 0;
+        this.topPos = 0;
         /**
          * @private
-         *
-         * Internal storage for the HTTP request `statusText`.
+         * The container left position when the user starts to drag the handle.
          */
-        this._statusText = EMPTY_STRING;
+        this.leftPos = 0;
         /**
          * @private
+         * The bounds of the center container.
          */
-        this._loadSubscription = null;
-        /**
-         *  Returns an an enumerated string value specifying the type of data contained in the response.
-         *
-         * @see https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/responseType
-         */
-        this.responseType = EMPTY_STRING;
-        this._routeConfig = routeConfig;
-        // routeConfig.methodConfig.downloadManager
-        this._progressiveDownload = false;
-        this._requestHeaders = new HttpHeaders();
+        this.bounds = new DOMRect();
     }
     /**
-     * @private
-     * Internally used by the framework to delete a `DelegateXhr` instance.
+     * Makes this object elligible for garbage collection.
      */
     destroy() {
-        this._routeConfig = null;
-        this._requestHeaders = null;
-        this._dataStorage = null;
-        if (this._loadSubscription) {
-            this._loadSubscription.unsubscribe();
-            this._loadSubscription = null;
-        }
+        this.bounds = null;
+    }
+    /**
+     * Returns a rectangle that represents the bounds currently computed by this object.
+     *
+     * @returns The bounds currently computed by this object.
+     */
+    getBounds() {
+        return this.bounds;
+    }
+    /**
+     * Sets the top-left hand corner position before each bounds computaion.
+     *
+     * @param x The x position of the main container, in pixels, before computaion.
+     * @param y The y position of the main container, in pixels, before computaion.
+     */
+    setOrigin(x, y) {
+        this.leftPos = x;
+        this.topPos = y;
     }
     /**
      * @private
+     * For test purpose only.
      */
-    doProgressiveDownload(request) {
-        const total = this._dataStorage.total;
-        if (total <= 200) {
-            console.warn("[Angular Toolbox]: Body content is too small for emulating progressive download! Minimum size is 200 octets.");
-            return this.onLoadComplete(request);
-        }
-        // TODO: ameliorate the following process:
-        const self = this;
-        const chunckSize = Math.floor(total / 10);
-        let cursor = 0;
-        this._statusText = "Partial Content";
-        this._status = HttpStatusCode.PartialContent;
-        const idx = setInterval(() => {
-            cursor += chunckSize;
-            if (cursor > total) {
-                cursor = total;
-                clearInterval(idx);
-                self.onLoadComplete(request);
-            }
-            else {
-                this._dataStorage.loaded = cursor;
-                self.dispatchProgressEvent();
-            }
-        }, 100);
+    getOrigin() {
+        return { x: this.leftPos, y: this.topPos };
     }
-    finalizeRequestMetadata() {
-        const ds = this._dataStorage;
-        const metadata = ds.requestMetadata;
-        const duration = this.now() - metadata.start;
-        if (duration > metadata.duration)
-            metadata.duration = duration;
-        return metadata;
+    /**
+     * Computes the size of a "north" container.
+     *
+     * @param event The mouse event that triggered the computation of the container size.
+     * @param width The width of the main container.
+     * @param height The height of the main container.
+     * @param minSize The minimum size of the container for which to compute the size.
+     * @param maxSize The maximum size of the container for which to compute the size.
+     *
+     * @returns The size of a "north" container.
+     */
+    northResize(event, width, height, minSize, maxSize) {
+        const size = event.clientY - this.topPos;
+        if (maxSize && size > maxSize)
+            return this.setY(maxSize);
+        if (minSize && size < minSize)
+            return this.setY(minSize);
+        return this.setY(size);
     }
     /**
      * @private
      */
-    onLoadComplete(request) {
-        this._dataStorage.loaded = this._dataStorage.total;
-        this.setReadyState(this.DONE);
-        this.dispatchProgressEvent("load");
-        this._logger.info(this.buildMetadata(request));
+    setY(y) {
+        this.bounds.y = y;
+        return y;
     }
     /**
-     * @private
+     * Computes the size of a "south" container.
+     *
+     * @param event The mouse event that triggered the computation of the container size.
+     * @param width The width of the main container.
+     * @param height The height of the main container.
+     * @param minSize The minimum size of the container for which to compute the size.
+     * @param maxSize The maximum size of the container for which to compute the size.
+     *
+     * @returns The size of a "south" container.
      */
-    onError(request, error) {
-        this._status = error.status;
-        this._statusText = error.statusText;
-        this.setReadyState(this.DONE);
-        this.dispatchProgressEvent("error");
-        this._logger.error(this.buildMetadata(request));
+    southResize(event, width, height, minSize, maxSize) {
+        const size = height - (event.clientY - this.topPos);
+        if (maxSize && size > maxSize)
+            return this.setHeight(maxSize);
+        if (minSize && size < minSize)
+            return this.setHeight(minSize);
+        return this.setHeight(size);
     }
     /**
      * @private
      */
-    buildMetadata(request) {
-        return HttpMockLoggingMetadataBuilder.build(this, request, this.finalizeRequestMetadata());
+    setHeight(height) {
+        this.bounds.height = height;
+        return height;
     }
     /**
-     * @private
+     * Computes the size of a "west" container.
+     *
+     * @param event The mouse event that triggered the computation of the container size.
+     * @param width The width of the main container.
+     * @param height The height of the main container.
+     * @param minSize The minimum size of the container for which to compute the size.
+     * @param maxSize The maximum size of the container for which to compute the size.
+     *
+     * @returns The size of a "west" container.
      */
-    eventDispatch(type) {
-        const event = new Event(type);
-        Object.defineProperty(event, 'target', EVT_PROPS_CONFIG);
-        Object.defineProperty(event, 'currentTarget', EVT_PROPS_CONFIG);
-        this.dispatchEvent(event);
+    westResize(event, width, height, minSize, maxSize) {
+        const size = event.clientX - this.leftPos;
+        if (maxSize && size > maxSize)
+            return this.setX(maxSize);
+        if (minSize && size < minSize)
+            return this.setX(minSize);
+        return this.setX(size);
     }
     /**
      * @private
      */
-    dispatchProgressEvent(type = "progress") {
-        const d = this._dataStorage;
-        const event = new ProgressEventMock(type);
-        event.loaded = d.loaded;
-        event.total = d.total;
-        this.dispatchEvent(event);
+    setX(x) {
+        this.bounds.x = x;
+        return x;
     }
     /**
-     * @private
+     * Computes the size of a "east" container.
+     *
+     * @param event The mouse event that triggered the computation of the container size.
+     * @param width The width of the main container.
+     * @param height The height of the main container.
+     * @param minSize The minimum size of the container for which to compute the size.
+     * @param maxSize The maximum size of the container for which to compute the size.
+     *
+     * @returns The size of a "east" container.
      */
-    setReadyState(state) {
-        this._readyState = state;
-        const event = this.onreadystatechange;
-        if (event)
-            event.call(this, READY_STATE_CHANGE_EVENT);
+    eastResize(event, width, height, minSize, maxSize) {
+        const size = width - (event.clientX - this.leftPos);
+        if (maxSize && size > maxSize)
+            return this.setWidth(maxSize);
+        if (minSize && size < minSize)
+            return this.setWidth(minSize);
+        return this.setWidth(size);
     }
     /**
      * @private
      */
-    loadData(httpResponseMock) {
-        const responseBody = httpResponseMock.body;
-        return (responseBody instanceof Observable) ? responseBody : of(responseBody);
+    setWidth(width) {
+        this.bounds.width = width;
+        return width;
     }
     /**
-     * @private
+     * Invoked after each `BorderLayoutContainer` registration to initialize the center container bounds.
+     *
+     * @param container A `BorderLayoutContainer` instance added to the main container.
      */
-    setDataStorage(responseMock, requestMetadata, data = null) {
-        this._dataStorage = DataStorageBuilder.buildDataStorage(responseMock, data, requestMetadata);
+    initBounds(container) {
+        const r = container.constraints.region;
+        if (r === LayoutRegion.NORTH) {
+            this.bounds.y = container.getSize();
+            return;
+        }
+        if (r === LayoutRegion.SOUTH) {
+            this.bounds.height = container.getSize();
+            return;
+        }
+        if (r === LayoutRegion.WEST) {
+            this.bounds.x = container.getSize();
+            return;
+        }
+        if (r === LayoutRegion.EAST)
+            this.bounds.width = container.getSize();
     }
     /**
-     * @private
+     * Returns the method used to compute the size of a container, depending on the specified region.
+     *
+     * @param region The region associated with the container for which to compute the size.
+     *
+     * @returns The method used to compute the size of a container.
      */
-    buildHttpRequest(body) {
-        let params = new HttpParams();
-        const it = this._routeConfig.searchParams.entries();
-        for (const pair of it)
-            params = params.set(pair[0], pair[1]);
-        const init = {
-            params: params,
-            headers: this._requestHeaders,
-            withCredentials: this.withCredentials,
-            responseType: this.responseType,
-            reportProgress: this.hasEventListener("progress")
-            // context, transferCache: not used by Angular at this level of API
-        };
-        return new HttpRequest(this._method, this._url, body, init);
-    }
-    now() {
-        return Date.now();
+    getResizeMethod(region) {
+        let method = this.southResize;
+        switch (region) {
+            case LayoutRegion.NORTH:
+                method = this.northResize;
+                break;
+            case LayoutRegion.WEST:
+                method = this.westResize;
+                break;
+            case LayoutRegion.EAST:
+                method = this.eastResize;
+                break;
+        }
+        return method.bind(this);
     }
 }
 
@@ -7836,215 +8210,608 @@ class DelegateXhr extends XhrBase {
  */
 /**
  * @private
- * An error used as reference for unit testing.
- * Angular framework calls `XMLHttpRequest` method only after the `open()` method invokation.
  */
-const XHR_ERROR = (method) => {
-    throw new Error(`Attempt to call ${method}() method before calling open().`);
-};
+const MOUSEMOVE = "mousemove";
 /**
  * @private
- * A XHR proxy that is used by the Mocking Framework to apply HTTP call strategies.
  */
-class XhrProxyImpl extends XhrBase {
+const MOUSEUP = "mouseup";
+/**
+ * @private
+ */
+const REGION_ERR_MSG = "A container with the same identifier has already been registered: ";
+/**
+ * @private
+ */
+const LAYOUT_ERR_MSG = "No layout container has been registered.";
+/**
+ * @private
+ * A controller object responsible for handling user actions on a `BorderLayout` container.
+ */
+class BorderLayoutRenderer extends IdentifiableComponent {
     /**
      * @private
+     */
+    constructor(subscribeSvc) {
+        super();
+        this.subscribeSvc = subscribeSvc;
+        /**
+         * Emits events each time the user starts, or stops dragging handle.
+         */
+        this.userAction = new EventEmitter(false);
+        /**
+         * @private
+         */
+        this.containerList = [];
+        this.boundsManager = new BorderLayoutBoundsManager();
+    }
+    /**
+     * Add the list `BorderLayoutContainer` objects associated with the main container to this controller.
      *
-     * XMLHTTPRequest API
+     * @param containers the list `BorderLayoutContainer` objects associated with the main container.
      */
-    get response() {
-        return this.XHR ? this.XHR.response : undefined;
+    addContainers(containers) {
+        let regionValidator = EMPTY_STRING;
+        containers.forEach(container => {
+            const constraints = container.constraints;
+            const r = constraints.region;
+            if (regionValidator.indexOf(r) !== -1)
+                throw new SyntaxError(REGION_ERR_MSG + r);
+            regionValidator += r;
+            if (constraints.resizable) {
+                this.subscribeSvc.register(this, container.resizeStart.subscribe(container => this.resizeEnter(container)));
+            }
+            this.boundsManager.initBounds(container);
+            if (r === LayoutRegion.NORTH || r === LayoutRegion.SOUTH)
+                return;
+            this.containerList.push(container);
+        });
     }
+    ;
     /**
-     * @private
+     * Sets the reference to the HTML container associated with the main container.
      *
-     * XMLHTTPRequest API
+     * @param lytContainer The reference to the HTML container associated with the main container.
      */
-    get status() {
-        return this.XHR ? this.XHR.status : 0;
+    setLayoutContainer(lytContainer) {
+        this.lytContainerElm = lytContainer;
     }
+    ;
     /**
      * @private
+     * For test purpose only.
+     * Returns the reference to the internal `BorderLayoutBoundsManager` instance.
+     */
+    getBoundsManager() {
+        return this.boundsManager;
+    }
+    /**
+     * Makes this object elligible for garbage collection.
+     */
+    destroy() {
+        this.subscribeSvc.clearAll(this);
+        this.containerList.length = 0;
+        this.containerList = null;
+        this.lytContainerElm = null;
+        this.boundsManager.destroy();
+        this.boundsManager = null;
+    }
+    /**
+     * Forces the layout of all `BorderLayoutContainer` objects associated with the main container.
+     */
+    paint() {
+        this.checkLytContainer();
+        this.render(this.lytContainerElm.offsetWidth);
+    }
+    /**
+     * Resizes the specified region of the associated container.
      *
-     * XMLHTTPRequest API
+     * @param region The region to resize.
+     * @param size The new size of the region to resize.
+     *
+     * @returns `true` whether the specified region has been resized; `false` otherwise.
      */
-    get statusText() {
-        return this.XHR ? this.XHR.statusText : EMPTY_STRING;
+    resizeRegion(region, size) {
+        if (region === LayoutRegion.CENTER)
+            return false;
+        const container = this.containerList.find((c) => {
+            return c.constraints.region === region;
+        });
+        if (!container)
+            return false;
+        container.setSize(size);
+        this.boundsManager.initBounds(container);
+        this.paint();
+        return true;
     }
     /**
      * @private
-     *
-     * XMLHTTPRequest API
      */
-    get readyState() {
-        return this.XHR ? this.XHR.readyState : this.UNSENT;
+    resizeEnter(container) {
+        this.checkLytContainer();
+        const lytNativeElm = this.lytContainerElm;
+        const width = lytNativeElm.offsetWidth;
+        const height = lytNativeElm.offsetHeight;
+        const bounds = lytNativeElm.getBoundingClientRect();
+        const constraints = container.constraints;
+        const region = constraints.region;
+        const minSize = constraints.minSize;
+        const maxSize = constraints.maxSize;
+        let size = 0;
+        this.boundsManager.setOrigin(bounds.x, bounds.y);
+        let resizeMethod = this.boundsManager.getResizeMethod(region);
+        container.selected = true;
+        const onMoveHandler = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            size = resizeMethod(event, width, height, minSize, maxSize);
+            container.setSize(size);
+            this.render(width);
+            this.fireEvent(container, LayoutDragEventType.DRAGGING);
+        };
+        const onStopHandler = (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+            lytNativeElm.removeEventListener(MOUSEMOVE, onMoveHandler);
+            lytNativeElm.removeEventListener(MOUSEUP, onStopHandler);
+            container.selected = false;
+            size = resizeMethod(event, width, height, minSize, maxSize);
+            container.setSize(size);
+            this.render(width);
+            this.fireEvent(container, LayoutDragEventType.DRAG_STOP);
+        };
+        lytNativeElm.addEventListener(MOUSEMOVE, onMoveHandler);
+        lytNativeElm.addEventListener(MOUSEUP, onStopHandler);
+        this.fireEvent(container, LayoutDragEventType.DRAG_START);
     }
     /**
      * @private
-     *
-     * XMLHTTPRequest API
      */
-    get responseURL() {
-        return this.XHR ? this.XHR.responseURL : EMPTY_STRING;
+    fireEvent(target, type) {
+        const evt = new LayoutDragEvent(target, type);
+        this.userAction.emit(evt);
     }
     /**
      * @private
-     *
-     * XMLHTTPRequest API
      */
-    get responseText() {
-        return this.XHR ? this.XHR.responseText : EMPTY_STRING;
+    render(width) {
+        const bounds = this.boundsManager.getBounds();
+        const top = bounds.top;
+        const bottom = bounds.bottom;
+        const left = bounds.left;
+        const right = bounds.right;
+        this.containerList.forEach((cont) => {
+            const r = cont.constraints.region;
+            if (r === LayoutRegion.WEST) {
+                cont.setTopPos(top);
+                cont.setRightPos(width - left);
+                cont.setBottomPos(bottom - top);
+                return;
+            }
+            if (r === LayoutRegion.CENTER) {
+                cont.setTopPos(top);
+                cont.setLeftPos(left);
+                cont.setRightPos(right - left);
+                cont.setBottomPos(bottom - top);
+                return;
+            }
+            if (r === LayoutRegion.EAST) {
+                cont.setTopPos(top);
+                cont.setLeftPos(width - (right - left));
+                cont.setBottomPos(bottom - top);
+            }
+        });
+    }
+    checkLytContainer() {
+        if (!this.lytContainerElm)
+            throw new ReferenceError(LAYOUT_ERR_MSG);
     }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be found in
+ * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * A border layout lays out a container, arranging and resizing its components to fit in five regions: north, south, east, west, and center.
+ * Each region is defined by a `BorderLayoutContainer` instance, and is identified by a corresponding constant: `NORTH`, `SOUTH`, `EAST`, `WEST`, and `CENTER`.
+ */
+class BorderLayout extends IdentifiableComponent {
     /**
      * @private
-     *
-     * XMLHTTPRequest API
      */
-    get responseType() {
-        return this.XHR ? this.XHR.responseType : EMPTY_STRING;
+    onResize() {
+        this.paint();
     }
     /**
      * @private
-     *
-     * XMLHTTPRequest API
      */
-    set responseType(value) {
-        if (!this.XHR)
-            XHR_ERROR("responseType");
-        this.XHR.responseType = value;
+    set __containers__(containers) {
+        this.renderer.addContainers(containers);
     }
-    get upload() {
-        return this.XHR.upload;
+    ;
+    /**
+     * @private
+     */
+    constructor(subscribeSvc) {
+        super();
+        this.subscribeSvc = subscribeSvc;
+        /**
+         * Emits events each time the user starts dragging a region handle.
+         */
+        this.dragStart = new EventEmitter(false);
+        /**
+         * Emits events each time the user stops dragging a region handle.
+         */
+        this.dragStop = new EventEmitter(false);
+        /**
+         * Emits events each time the user is dragging a region handle.
+         */
+        this.dragging = new EventEmitter(false);
+        this.renderer = new BorderLayoutRenderer(subscribeSvc);
+        subscribeSvc.register(this, this.renderer.userAction.subscribe((event) => {
+            event.layout = this;
+            if (event.type === LayoutDragEventType.DRAGGING) {
+                this.dragging.emit(event);
+                return;
+            }
+            if (event.type === LayoutDragEventType.DRAG_START) {
+                this.dragStart.emit(event);
+                return;
+            }
+            this.dragStop.emit(event);
+        }));
     }
-    open(method, url, async, username, password) {
-        const m = method.toString().toLowerCase();
-        const parsedUrl = URL.canParse(url) ? new URL(url) : new URL(this._httpMockService.getAppOrigin() + url);
-        const config = this._httpMockService.getRouteConfig(parsedUrl, m);
-        if (this.XHR && this.XHR instanceof DelegateXhr)
-            this.XHR.destroy();
-        this.XHR = config ? new DelegateXhr(config, this._logger) : new XMLHttpRequest();
-        this.XHR.withCredentials = this.withCredentials;
-        this.XHR.open(m.toString(), parsedUrl.toString());
+    /**
+     * @private
+     * For test purpose only.
+     */
+    getRenderer() {
+        return this.renderer;
+    }
+    /**
+     * @private
+     */
+    ngOnDestroy() {
+        this.subscribeSvc.clearAll(this);
+        this.renderer.destroy();
     }
     /**
      * @private
+     */
+    ngAfterViewInit() {
+        this.renderer.setLayoutContainer(this.layoutContainer.nativeElement);
+        this.paint();
+    }
+    /**
+     * Forces the container to be redrawn.
+     */
+    paint() {
+        this.renderer.paint();
+    }
+    /**
+     * Resizes the specified region.
      *
-     * XMLHTTPRequest API
+     * @param region The region to resize.
+     * @param size The new size of the region to resize.
+     *
+     * @returns `true` whether the specified region has been resized; `false` otherwise.
      */
-    abort() {
-        if (this.XHR)
-            return this.XHR.abort();
-        XHR_ERROR("abort");
+    resizeRegion(region, size) {
+        this.renderer.resizeRegion(region, size);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BorderLayout, deps: [{ token: SubscriptionService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: BorderLayout, isStandalone: true, selector: "atx-border-layout", outputs: { dragStart: "dragStart", dragStop: "dragStop", dragging: "dragging" }, host: { listeners: { "window:resize": "onResize()" } }, queries: [{ propertyName: "__containers__", predicate: BorderLayoutContainer }], viewQueries: [{ propertyName: "layoutContainer", first: true, predicate: ["atxLayoutContainer"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!--\n * LICENSE\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n-->\n\n<div #atxLayoutContainer class=\"atx-border-layout\">\n    <ng-content></ng-content>\n</div>", styles: [".atx-border-layout{position:relative;height:100%;width:100%;-webkit-user-select:none;user-select:none;overflow:hidden}.atx-border-layout,.atx-border-layout *{box-sizing:border-box}.atx-border-layout .content{height:100%;width:100%;overflow:auto}.atx-border-layout .drag{position:absolute;border:2px solid black}:host ::ng-deep .atx-handle{position:absolute}:host ::ng-deep .atx-handle:hover,:host ::ng-deep .atx-handle.atx-handle-selected{background-color:var(--atx-handle-color, #469afa)}:host ::ng-deep .north{position:absolute;z-index:10;top:0;left:0;right:0}:host ::ng-deep .north .atx-handle{left:0;right:0;bottom:0;height:4px;cursor:ns-resize}:host ::ng-deep .west{position:absolute;z-index:5;left:0;height:unset!important}:host ::ng-deep .west .atx-handle{right:0;bottom:0;top:0;width:4px;cursor:ew-resize}:host ::ng-deep .east{position:absolute;z-index:5;right:0;height:unset!important}:host ::ng-deep .east .atx-handle{left:0;bottom:0;top:0;width:4px;cursor:ew-resize}:host ::ng-deep .south{position:absolute;z-index:10;bottom:0;left:0;right:0}:host ::ng-deep .south .atx-handle{left:0;right:0;top:0;height:4px;cursor:ns-resize}:host ::ng-deep .center{position:absolute}\n/**\n * @license\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be found in\n * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BorderLayout, decorators: [{
+            type: Component,
+            args: [{ selector: 'atx-border-layout', standalone: true, template: "<!--\n * LICENSE\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n-->\n\n<div #atxLayoutContainer class=\"atx-border-layout\">\n    <ng-content></ng-content>\n</div>", styles: [".atx-border-layout{position:relative;height:100%;width:100%;-webkit-user-select:none;user-select:none;overflow:hidden}.atx-border-layout,.atx-border-layout *{box-sizing:border-box}.atx-border-layout .content{height:100%;width:100%;overflow:auto}.atx-border-layout .drag{position:absolute;border:2px solid black}:host ::ng-deep .atx-handle{position:absolute}:host ::ng-deep .atx-handle:hover,:host ::ng-deep .atx-handle.atx-handle-selected{background-color:var(--atx-handle-color, #469afa)}:host ::ng-deep .north{position:absolute;z-index:10;top:0;left:0;right:0}:host ::ng-deep .north .atx-handle{left:0;right:0;bottom:0;height:4px;cursor:ns-resize}:host ::ng-deep .west{position:absolute;z-index:5;left:0;height:unset!important}:host ::ng-deep .west .atx-handle{right:0;bottom:0;top:0;width:4px;cursor:ew-resize}:host ::ng-deep .east{position:absolute;z-index:5;right:0;height:unset!important}:host ::ng-deep .east .atx-handle{left:0;bottom:0;top:0;width:4px;cursor:ew-resize}:host ::ng-deep .south{position:absolute;z-index:10;bottom:0;left:0;right:0}:host ::ng-deep .south .atx-handle{left:0;right:0;top:0;height:4px;cursor:ns-resize}:host ::ng-deep .center{position:absolute}\n/**\n * @license\n * Copyright Pascal ECHEMANN. All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be found in\n * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"] }]
+        }], ctorParameters: () => [{ type: SubscriptionService }], propDecorators: { dragStart: [{
+                type: Output
+            }], dragStop: [{
+                type: Output
+            }], dragging: [{
+                type: Output
+            }], onResize: [{
+                type: HostListener,
+                args: ["window:resize"]
+            }], layoutContainer: [{
+                type: ViewChild,
+                args: ["atxLayoutContainer"]
+            }], __containers__: [{
+                type: ContentChildren,
+                args: [BorderLayoutContainer]
+            }] } });
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ * The base class for all directives that are responsible for navigation whithin ab Angular app.
+ */
+class NavigationDirectiveBase {
+    /**
+     * @private
+     */
+    constructor(elmRef, role) {
+        this.elmRef = elmRef;
+        const elm = elmRef.nativeElement;
+        elm.role = role;
+        elm.tabIndex = 0;
     }
+}
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * @private
+ */
+const ENTER_KEY = 'Enter';
+/**
+ * @private
+ */
+const ROUTER_LINK_REF = 'ng-reflect-router-link';
+/**
+ * An easy-to-use directive that enables keyboard navigation and provides support for keyboard "Enter" key events.
+ */
+class ButtonRoleDirective extends NavigationDirectiveBase {
     /**
      * @private
-     *
-     * XMLHTTPRequest API
      */
-    getAllResponseHeaders() {
-        return this.XHR ? this.XHR.getAllResponseHeaders() : null;
+    onKeyup(event, value) {
+        if (event.key !== ENTER_KEY)
+            return;
+        this.processEvent(event, value);
     }
     /**
      * @private
-     *
-     * XMLHTTPRequest API
      */
-    addEventListener(type, listener, options) {
-        if (this.XHR)
-            return this.XHR.addEventListener(type, listener, options);
-        XHR_ERROR("addEventListener");
+    onClick(event, value) {
+        if (this.delegateClick === undefined)
+            return;
+        this.processEvent(event, value);
     }
     /**
      * @private
-     *
-     * XMLHTTPRequest API
      */
-    removeEventListener(type, listener, options) {
-        if (this.XHR)
-            return this.XHR.removeEventListener(type, listener, options);
-        XHR_ERROR("removeEventListener");
+    constructor(elmRef, _router) {
+        super(elmRef, BUTTON_ROLE);
+        this._router = _router;
+        /**
+         * Dispatches events when the user presses the "Enter" key.
+         */
+        this.enter = new EventEmitter();
+        /**
+         * @private
+         */
+        this._routerLinkRef = null;
     }
     /**
      * @private
-     *
-     * XMLHTTPRequest API
      */
-    send(body) {
-        if (this.XHR)
-            return this.XHR.send(body);
-        XHR_ERROR("send");
+    ngAfterViewInit() {
+        const elm = this.elmRef.nativeElement;
+        this._routerLinkRef = elm.getAttribute(ROUTER_LINK_REF);
     }
     /**
      * @private
-     *
-     * XMLHTTPRequest API
      */
-    setRequestHeader(name, value) {
-        if (this.XHR)
-            return this.XHR.setRequestHeader(name, value);
-        XHR_ERROR("setRequestHeader");
+    processEvent(event, value) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+        if (this._routerLinkRef) {
+            this._router.navigate([this._routerLinkRef]);
+            return;
+        }
+        this.elmRef.nativeElement.blur();
+        this.enter.emit(value);
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ButtonRoleDirective, deps: [{ token: i0.ElementRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ButtonRoleDirective, isStandalone: true, selector: "[buttonRole]", inputs: { delegateClick: "delegateClick" }, outputs: { enter: "enter" }, host: { listeners: { "keyup": "onKeyup($event,$event.target.value)", "click": "onClick($event,$event.target.value)" } }, providers: [
+            RouterModule
+        ], usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ButtonRoleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[buttonRole]',
+                    providers: [
+                        RouterModule
+                    ],
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.Router }], propDecorators: { enter: [{
+                type: Output
+            }], delegateClick: [{
+                type: Input
+            }], onKeyup: [{
+                type: HostListener,
+                args: ['keyup', ["$event", "$event.target.value"]]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ["$event", "$event.target.value"]]
+            }] } });
+
+/**
+ * @license
+ * Copyright Pascal ECHEMANN. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ */
+/**
+ * An easy-to-use directive that enables keyboard navigation and provides support for navigating to an external URL.
+ */
+class NavigateToUrlDirective extends NavigationDirectiveBase {
     /**
      * @private
-     *
-     * For Unit Testing only.
      */
-    instanceOf(classRef) {
-        return this.XHR instanceof classRef;
+    onClick() {
+        const HREF = this.href;
+        if (!HREF)
+            throw new ReferenceError("href attribute is not defined.");
+        this._document.defaultView.location.href = HREF;
     }
     /**
      * @private
      */
-    constructor(_httpMockService, _logger) {
-        super();
-        this._httpMockService = _httpMockService;
-        this._logger = _logger;
+    constructor(_document, elmRef) {
+        super(elmRef, LINK_ROLE);
+        this._document = _document;
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NavigateToUrlDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: NavigateToUrlDirective, isStandalone: true, selector: "[navigateToUrl]", inputs: { href: "href" }, host: { listeners: { "click": "onClick()" } }, usesInheritance: true, ngImport: i0 }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: NavigateToUrlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[navigateToUrl]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }], propDecorators: { href: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
 
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
  *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
 /**
- * @private
- * The concrete implementation of the `XhrFactory` interface.
+ * Provides functionality to activate anchor navigation through the native Angular router.
  */
-class XhrProxyFactoryImpl extends XhrFactory {
+class AnchorLinklDirective extends NavigationDirectiveBase {
     /**
      * @private
      */
-    constructor(_httpMockService, _logger) {
-        super();
-        this._httpMockService = _httpMockService;
-        this._logger = _logger;
+    onClick(event) {
+        event.preventDefault();
+        const HREF = this.href;
+        this._router.navigate([], { fragment: HREF.slice(1) });
+        this._document.querySelector(HREF).scrollIntoView(DEFAULT_SCROLL_BEHAVIOR);
     }
     /**
      * @private
      */
-    build() {
-        return new XhrProxyImpl(this._httpMockService, this._logger);
+    constructor(_document, elmRef, _router) {
+        super(elmRef, LINK_ROLE);
+        this._document = _document;
+        this._router = _router;
+    }
+    /**
+     * @private
+     */
+    ngAfterViewInit() {
+        const HREF = this.href;
+        if (!HREF)
+            throw new ReferenceError("href attribute is not defined.");
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AnchorLinklDirective, deps: [{ token: DOCUMENT }, { token: i0.ElementRef }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: AnchorLinklDirective, isStandalone: true, selector: "[anchorLink]", inputs: { href: "href" }, host: { listeners: { "click": "onClick($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AnchorLinklDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[anchorLink]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i0.ElementRef }, { type: i1.Router }], propDecorators: { href: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
 
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
  *
- * Use of this source code is governed by an MIT-style license that can be found in
- * the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license
  */
 /**
- * A factory function that creates and returns a new `XhrFactory` object.
- *
- * @returns A new `XhrFactory` object.
+ * @private
  */
-const httpMockFactory = () => {
-    return new XhrProxyFactoryImpl(inject(HttpMockService), inject(HttpMockLoggingService));
-};
+const CHILD_LIST_TYPE = "childList";
+/**
+ * Allows injection of any value into an HTML element container (`div`, `button`, etc...).
+ * A rendered event is emitted after the injected content has been rendered and is
+ * available for DOM manipulation.
+ */
+class ContentRendererDirective {
+    /**
+     * @private
+     */
+    constructor(_elmRef) {
+        this._elmRef = _elmRef;
+        /**
+         * Dispatches events when the content of the HTML element has been rendered.
+         */
+        this.rendered = new EventEmitter();
+        const nativeElement = this._elmRef.nativeElement;
+        this._observer = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                if (mutation.type === CHILD_LIST_TYPE)
+                    this.rendered.emit(nativeElement);
+            });
+        });
+    }
+    /**
+     * @private
+     */
+    ngOnDestroy() {
+        this._observer.disconnect();
+    }
+    /**
+     * @private
+     */
+    ngOnInit() {
+        this._observer.observe(this._elmRef.nativeElement, { attributes: false, childList: true, characterData: false });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ContentRendererDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ContentRendererDirective, isStandalone: true, selector: "[contentRenderer]", outputs: { rendered: "rendered" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ContentRendererDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[contentRenderer]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { rendered: [{
+                type: Output
+            }] } });
 
 /**
  * @license
@@ -8061,5 +8828,5 @@ const httpMockFactory = () => {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_PRIDGE_REF, ATX_LOGGER_CONFIG, AbstractLogger, AbstractSubscriptionManager, AbstractVersionManager, AbstractWindowService, AnchorLinklDirective, AngularToolboxLogoComponent, AngularToolboxModule, AngularToolboxVersionService, AppBridgeError, AppBridgeService, ArrayList, ArrayListEvent, ArrayListEventType, AtxHttpMockConsoleService, AtxMonitoringConsoleComponent, BIGINT, BOOLEAN, BUTTON_ROLE, ButtonRoleDirective, CSS_PROP, ConsoleLogConnector, ContentRendererDirective, DARK_MODE_CONFIG, DEFAULT_LOG_CONNECTOR, DarkModeService, DefaultLogConnector, EMPTY_STRING, FEATURES, FUNCTION, FetchClient, FetchClientBuilder, FetchClientResponseType, HTTP_MOCKING_FRAMEWORK_CONFIG, HTTP_MOCK_MAX_DELAY, HTTP_MOCK_SERVICE, HtmlLogConnector, HttpHeadersMockBuilder, HttpMock, HttpMockLoggingService, HttpMockProductionPolicy, HttpMockService, HttpMockServiceError, HttpResponseMockBuilder, IdentifiableComponent, IntegrityError, LINK_ROLE, LOG_CONFIG_STRING, LOG_ERROR_STRING, LOG_INFO_STRING, LOG_WARNING_STRING, LogBuilder, LogImpl, LogLevel, LogUtil, LoggerService, NUMBER, NavigateToUrlDirective, OBJECT, STORAGE_KEY, STRING, SYMBOL, SafeHtmlPipe, ScrollService, SubscriptionError, SubscriptionService, UNDEFINED, Uuid, VERSION_CONFIG, VersionService, VersionUtil, WindowFeatureState, WindowService, WindowTarget, httpHeadersMock, httpMockFactory, httpResponseMock };
+export { APP_PRIDGE_REF, ATX_LOGGER_CONFIG, AbstractLogger, AbstractSubscriptionManager, AbstractVersionManager, AbstractWindowService, AnchorLinklDirective, AngularToolboxLogoComponent, AngularToolboxModule, AngularToolboxVersionService, AppBridgeError, AppBridgeService, ArrayList, ArrayListEvent, ArrayListEventType, AtxHttpMockConsoleService, AtxMonitoringConsoleComponent, BIGINT, BOOLEAN, BUTTON_ROLE, BorderLayout, BorderLayoutContainer, ButtonRoleDirective, CSS_PROP, ConsoleLogConnector, ContentRendererDirective, DARK_MODE_CONFIG, DEFAULT_LOG_CONNECTOR, DarkModeService, DefaultLogConnector, EMPTY_STRING, FEATURES, FUNCTION, FetchClient, FetchClientBuilder, FetchClientResponseType, HTTP_MOCKING_FRAMEWORK_CONFIG, HTTP_MOCK_MAX_DELAY, HTTP_MOCK_SERVICE, HtmlLogConnector, HttpHeadersMockBuilder, HttpMock, HttpMockLoggingService, HttpMockProductionPolicy, HttpMockService, HttpMockServiceError, HttpResponseMockBuilder, IdentifiableComponent, IntegrityError, LINK_ROLE, LOG_CONFIG_STRING, LOG_ERROR_STRING, LOG_INFO_STRING, LOG_WARNING_STRING, LayoutDragEvent, LayoutDragEventType, LayoutRegion, LogBuilder, LogImpl, LogLevel, LogUtil, LoggerService, NUMBER, NavigateToUrlDirective, OBJECT, STORAGE_KEY, STRING, SYMBOL, SafeHtmlPipe, ScrollService, SubscriptionError, SubscriptionService, UNDEFINED, Uuid, VERSION_CONFIG, VersionService, VersionUtil, WindowFeatureState, WindowService, WindowTarget, httpHeadersMock, httpMockFactory, httpResponseMock };
 //# sourceMappingURL=angular-toolbox.mjs.map