angular-toolbox 1.4.0 → 1.4.2

package/fesm2022/angular-toolbox.mjs

@@ -586,8 +586,8 @@ class AbstractVersionManager {
 const ATX_VERSION_CONFIG = {
     major: 1,
     minor: 4,
-    patch: 0,
-    buildTimestamp: 1727357519168
+    patch: 2,
+    buildTimestamp: 1728546812271
 };
 /**
  * The public service that exposes the current version of the Angular Toolbox library.
@@ -1332,6 +1332,30 @@ var DropdownEventType;
  * 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
+ */
+
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
@@ -7835,6 +7859,215 @@ 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
+ * Displays documentation for HTTP fragment parameters, or query parameters.
+ */
+class AtxMockParamComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMockParamComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: AtxMockParamComponent, isStandalone: true, selector: "atx-mock-param", inputs: { params: "params" }, 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@if (params) {\r\n    <div class=\"atx-mock-param-container\">\r\n        @for (param of params; track param) {\r\n            <dl class=\"param\">\r\n                <dt><code>{{ param.ref }}</code></dt>\r\n                <dd [innerHTML]=\"param.description | safeHtml\"></dd>\r\n            </dl>\r\n        }\r\n    </div>\r\n}\r\n", styles: [".param dt{font-weight:400;min-width:70px}.param dt:before{padding-right:.2em;content:\"-\"}\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\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"], dependencies: [{ kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMockParamComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atx-mock-param', standalone: true, imports: [
+                        SafeHtmlPipe
+                    ], 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@if (params) {\r\n    <div class=\"atx-mock-param-container\">\r\n        @for (param of params; track param) {\r\n            <dl class=\"param\">\r\n                <dt><code>{{ param.ref }}</code></dt>\r\n                <dd [innerHTML]=\"param.description | safeHtml\"></dd>\r\n            </dl>\r\n        }\r\n    </div>\r\n}\r\n", styles: [".param dt{font-weight:400;min-width:70px}.param dt:before{padding-right:.2em;content:\"-\"}\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\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"] }]
+        }], propDecorators: { params: [{
+                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 conmponent that renders mock config description ppoperties.
+ */
+class AtxMockDescriptionComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMockDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AtxMockDescriptionComponent, isStandalone: true, selector: "atx-mock-description", inputs: { description: "description" }, 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<div [innerHTML]=\"description | safeHtml\"></div>\r\n", dependencies: [{ kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMockDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atx-mock-description', standalone: true, imports: [
+                        SafeHtmlPipe
+                    ], 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<div [innerHTML]=\"description | safeHtml\"></div>\r\n" }]
+        }], propDecorators: { description: [{
+                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 convenient component that displays the description and the origin of a mock config section.
+ */
+class AtxMockFullDescriptionComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMockFullDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: AtxMockFullDescriptionComponent, isStandalone: true, selector: "atx-mock-full-description", inputs: { config: "config" }, 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@if (config) {\r\n    <div class=\"description\">\r\n        @if (config.description) {\r\n            <atx-mock-description [description]=\"config.description\"/>\r\n        }\r\n        @if (config.origin) {\r\n            <dl>\r\n                <dt>origin:</dt>\r\n                <dd><a [href]=\"config.origin\" [title]=\"config.origin\"><code>{{ config.origin }}</code></a></dd>\r\n            </dl>\r\n        }\r\n    </div>\r\n}\r\n", dependencies: [{ kind: "component", type: AtxMockDescriptionComponent, selector: "atx-mock-description", inputs: ["description"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMockFullDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atx-mock-full-description', standalone: true, imports: [
+                        AtxMockDescriptionComponent
+                    ], 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@if (config) {\r\n    <div class=\"description\">\r\n        @if (config.description) {\r\n            <atx-mock-description [description]=\"config.description\"/>\r\n        }\r\n        @if (config.origin) {\r\n            <dl>\r\n                <dt>origin:</dt>\r\n                <dd><a [href]=\"config.origin\" [title]=\"config.origin\"><code>{{ config.origin }}</code></a></dd>\r\n            </dl>\r\n        }\r\n    </div>\r\n}\r\n" }]
+        }], propDecorators: { config: [{
+                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
+ */
+const ROUTE = "route";
+/**
+ * @private
+ */
+const DESCRIPTOR = "descriptor";
+/**
+ * @private
+ * A convenient component that allows to display documentation for HTTP methods of an endpoint.
+ */
+class AtxMockMethodsComponent {
+    constructor() {
+        /**
+         * @private
+         */
+        this.methods = [];
+    }
+    /**
+     * @private
+     * The endpoint for which to show HTTP methods documentation.
+     */
+    set endpoint(value) {
+        this._endpoint = value;
+        this.methods = this.initMethodList(value);
+    }
+    get endpoint() {
+        return this._endpoint;
+    }
+    /**
+     * @private
+     */
+    initMethodList(endpoint) {
+        const keys = Object.keys(endpoint);
+        const methods = [];
+        keys.forEach(key => {
+            if (key !== ROUTE && key !== DESCRIPTOR) {
+                const mock = endpoint[key];
+                methods.push({
+                    method: key,
+                    descriptor: mock.descriptor
+                });
+            }
+        });
+        return methods;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMockMethodsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: AtxMockMethodsComponent, isStandalone: true, selector: "atx-mock-methods", inputs: { endpoint: "endpoint" }, 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@if (methods.length) {\r\n    <h3>Methods</h3>\r\n    <ul>\r\n        @for (item of methods; track item; let last = $last) {\r\n            <li>\r\n                <span>{{ item.method }}</span>\r\n                @if (item.descriptor) {\r\n                    <div class=\"method-descriptor\">\r\n                        @if (item.descriptor.description) {\r\n                            <atx-mock-description [description]=\"item.descriptor.description\"/>\r\n                        }\r\n                        @if (item.descriptor.payload) {\r\n                            <dl>\r\n                                <dt>payload:</dt>\r\n                                <dd [innerHTML]=\"item.descriptor.payload\"></dd>\r\n                            </dl>\r\n                        }\r\n                        @if (item.descriptor.body) {\r\n                            <dl>\r\n                                <dt>body:</dt>\r\n                                <dd [innerHTML]=\"item.descriptor.body\"></dd>\r\n                            </dl>\r\n                        }\r\n                        @if (item.descriptor.queryParams) {\r\n                            <h4>Query Parameters</h4>\r\n                            <atx-mock-param [params]=\"item.descriptor.queryParams\"/>\r\n                        }\r\n                    </div>\r\n                \r\n                }\r\n            </li>\r\n            @if (!last) {\r\n                <hr>\r\n            }\r\n        }\r\n    </ul>\r\n}\r\n", dependencies: [{ kind: "component", type: AtxMockParamComponent, selector: "atx-mock-param", inputs: ["params"] }, { kind: "component", type: AtxMockDescriptionComponent, selector: "atx-mock-description", inputs: ["description"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMockMethodsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atx-mock-methods', standalone: true, imports: [
+                        AtxMockParamComponent,
+                        AtxMockDescriptionComponent
+                    ], 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@if (methods.length) {\r\n    <h3>Methods</h3>\r\n    <ul>\r\n        @for (item of methods; track item; let last = $last) {\r\n            <li>\r\n                <span>{{ item.method }}</span>\r\n                @if (item.descriptor) {\r\n                    <div class=\"method-descriptor\">\r\n                        @if (item.descriptor.description) {\r\n                            <atx-mock-description [description]=\"item.descriptor.description\"/>\r\n                        }\r\n                        @if (item.descriptor.payload) {\r\n                            <dl>\r\n                                <dt>payload:</dt>\r\n                                <dd [innerHTML]=\"item.descriptor.payload\"></dd>\r\n                            </dl>\r\n                        }\r\n                        @if (item.descriptor.body) {\r\n                            <dl>\r\n                                <dt>body:</dt>\r\n                                <dd [innerHTML]=\"item.descriptor.body\"></dd>\r\n                            </dl>\r\n                        }\r\n                        @if (item.descriptor.queryParams) {\r\n                            <h4>Query Parameters</h4>\r\n                            <atx-mock-param [params]=\"item.descriptor.queryParams\"/>\r\n                        }\r\n                    </div>\r\n                \r\n                }\r\n            </li>\r\n            @if (!last) {\r\n                <hr>\r\n            }\r\n        }\r\n    </ul>\r\n}\r\n" }]
+        }], propDecorators: { endpoint: [{
+                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
+ */
+const OPEN = "open";
+/**
+ * @private
+ */
+const DETAILS = "details";
+/**
+ * An easy-to-use component that displays the documentation of a `HttpMockConfig` object.
+ */
+class AtxMockDocumentation {
+    /**
+     * Gets or sets the `HttpMockConfig` object for which to display documentation.
+     */
+    set config(value) {
+        this.configApi = value;
+        this.expanded = false;
+    }
+    get config() {
+        return this.configApi;
+    }
+    /**
+     * @private
+     */
+    constructor(elmRef) {
+        this.elmRef = elmRef;
+        /**
+         * @private
+         */
+        this.expanded = false;
+        /**
+         * Specifies the title of the current display.
+         */
+        this.title = "HTTP Mock API";
+    }
+    /**
+     * @private
+     */
+    toggleExpandState() {
+        const details = this.elmRef.nativeElement.querySelectorAll(DETAILS);
+        this.expanded = !this.expanded;
+        if (this.expanded)
+            return details.forEach((elm) => elm.setAttribute(OPEN, EMPTY_STRING));
+        details.forEach((elm) => elm.removeAttribute(OPEN));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMockDocumentation, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.3", type: AtxMockDocumentation, isStandalone: true, selector: "atx-mock-documentation", inputs: { title: "title", config: "config" }, 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@if (configApi) {\r\n    <section>\r\n        <h1>{{ title }}</h1>\r\n        <h2>Description</h2>\r\n        @if (configApi.description || configApi.origin) {\r\n            <atx-mock-full-description [config]=\"configApi\"/>\r\n        }\r\n    </section>\r\n    <section>\r\n        <h2>Interceptors</h2>\r\n        <button (click)=\"toggleExpandState()\">{{ expanded ? 'Collapse' : 'Expand' }} all</button>\r\n        @if (configApi.interceptors) {\r\n            @for (inteceptor of configApi.interceptors; track inteceptor) {\r\n                <details>\r\n                    <summary>\r\n                        {{ inteceptor.id }}\r\n                    </summary>\r\n                    @if (inteceptor.description || inteceptor.origin) {\r\n                        <atx-mock-full-description [config]=\"inteceptor\"/>\r\n                    }\r\n                    @for (endpoint of inteceptor.endpoints; track endpoint; let last = $last) {\r\n                        <section class=\"endpoint\">\r\n                            <dl>\r\n                                <dt>route:</dt>\r\n                                <dd><code>{{ endpoint.route }}</code></dd>\r\n                            </dl>\r\n                            @if (endpoint.descriptor) {\r\n                                @if (endpoint.descriptor.description) {\r\n                                    <atx-mock-description [description]=\"endpoint.descriptor.description\"/>\r\n                                }\r\n                                @if (endpoint.descriptor.params) {\r\n                                    <h3>Parameters</h3>\r\n                                    <atx-mock-param [params]=\"endpoint.descriptor.params\"/>\r\n                                }\r\n                            }\r\n                            <atx-mock-methods [endpoint]=\"endpoint\"/>\r\n                        </section>\r\n                        @if (!last) {\r\n                            <hr>\r\n                        }\r\n                    }\r\n                </details>\r\n            }\r\n        }\r\n    </section>\r\n}\r\n", styles: [":host,:host::ng-deep{font-family:Arial,Helvetica,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;margin:0;font-size:.95em}:host h1,:host h2,:host h3,:host h4,:host::ng-deep h1,:host::ng-deep h2,:host::ng-deep h3,:host::ng-deep h4{font-weight:700}:host h1,:host::ng-deep h1{font-size:1.5em;margin:.67em 0}:host h2,:host::ng-deep h2{font-size:1.25em}:host h3,:host::ng-deep h3{font-size:1em;text-decoration:underline}:host h4,:host::ng-deep h4{font-size:1em;margin:1em 0 0}:host hr,:host::ng-deep hr{box-sizing:content-box;height:0;overflow:visible}:host div,:host::ng-deep div{margin-top:1em;margin-bottom:1em}:host a,:host::ng-deep a{background-color:transparent}:host code,:host::ng-deep code{font-family:monospace,monospace;font-size:1.05em;color:orchid}:host button,:host::ng-deep button{font-family:inherit;font-size:.9em;line-height:1.15;margin:-45px 0 0;text-transform:none;padding:5px 10px;border:1px solid #aaa;border-radius:5px;float:right}:host details,:host::ng-deep details{display:block;border:1px solid #aaa;border-radius:4px;padding:.5em .5em 0;margin-bottom:.5em}:host summary,:host::ng-deep summary{display:list-item;font-weight:700;margin:-.5em -.5em 0;padding:.5em}:host details[open],:host::ng-deep details[open]{padding:.5em 1.5em}:host details[open] summary,:host::ng-deep details[open] summary{border-bottom:1px solid #aaa;margin-bottom:1em;padding:.5em 0}:host dl,:host::ng-deep dl{display:flex;margin:.5em 0}:host dt,:host::ng-deep dt{margin:0;font-weight:700}:host dd,:host::ng-deep dd{margin:0;margin-inline-start:10px}:host ul,:host::ng-deep ul{margin:0;padding-inline-start:40px;margin-block-start:1em;margin-block-end:1em}:host li,:host::ng-deep li{margin:0;display:flex;align-items:baseline}:host .endpoint,:host::ng-deep .endpoint{padding:.25em 1em;background-color:#eee;color:#000}:host .description,:host::ng-deep .description{margin-bottom:1em}:host span,:host::ng-deep span{text-transform:uppercase;display:inline-block;width:80px}:host .method-descriptor,:host::ng-deep .method-descriptor{line-height:.95em;margin:0}:host .method-descriptor dt,:host::ng-deep .method-descriptor dt{width:80px}:host .atx-mock-param-container,:host::ng-deep .atx-mock-param-container{padding-inline-start:40px;line-height:.95em}\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\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"], dependencies: [{ kind: "component", type: AtxMockParamComponent, selector: "atx-mock-param", inputs: ["params"] }, { kind: "component", type: AtxMockDescriptionComponent, selector: "atx-mock-description", inputs: ["description"] }, { kind: "component", type: AtxMockFullDescriptionComponent, selector: "atx-mock-full-description", inputs: ["config"] }, { kind: "component", type: AtxMockMethodsComponent, selector: "atx-mock-methods", inputs: ["endpoint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AtxMockDocumentation, decorators: [{
+            type: Component,
+            args: [{ selector: 'atx-mock-documentation', standalone: true, imports: [
+                        AtxMockParamComponent,
+                        AtxMockDescriptionComponent,
+                        AtxMockFullDescriptionComponent,
+                        AtxMockMethodsComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, 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@if (configApi) {\r\n    <section>\r\n        <h1>{{ title }}</h1>\r\n        <h2>Description</h2>\r\n        @if (configApi.description || configApi.origin) {\r\n            <atx-mock-full-description [config]=\"configApi\"/>\r\n        }\r\n    </section>\r\n    <section>\r\n        <h2>Interceptors</h2>\r\n        <button (click)=\"toggleExpandState()\">{{ expanded ? 'Collapse' : 'Expand' }} all</button>\r\n        @if (configApi.interceptors) {\r\n            @for (inteceptor of configApi.interceptors; track inteceptor) {\r\n                <details>\r\n                    <summary>\r\n                        {{ inteceptor.id }}\r\n                    </summary>\r\n                    @if (inteceptor.description || inteceptor.origin) {\r\n                        <atx-mock-full-description [config]=\"inteceptor\"/>\r\n                    }\r\n                    @for (endpoint of inteceptor.endpoints; track endpoint; let last = $last) {\r\n                        <section class=\"endpoint\">\r\n                            <dl>\r\n                                <dt>route:</dt>\r\n                                <dd><code>{{ endpoint.route }}</code></dd>\r\n                            </dl>\r\n                            @if (endpoint.descriptor) {\r\n                                @if (endpoint.descriptor.description) {\r\n                                    <atx-mock-description [description]=\"endpoint.descriptor.description\"/>\r\n                                }\r\n                                @if (endpoint.descriptor.params) {\r\n                                    <h3>Parameters</h3>\r\n                                    <atx-mock-param [params]=\"endpoint.descriptor.params\"/>\r\n                                }\r\n                            }\r\n                            <atx-mock-methods [endpoint]=\"endpoint\"/>\r\n                        </section>\r\n                        @if (!last) {\r\n                            <hr>\r\n                        }\r\n                    }\r\n                </details>\r\n            }\r\n        }\r\n    </section>\r\n}\r\n", styles: [":host,:host::ng-deep{font-family:Arial,Helvetica,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;margin:0;font-size:.95em}:host h1,:host h2,:host h3,:host h4,:host::ng-deep h1,:host::ng-deep h2,:host::ng-deep h3,:host::ng-deep h4{font-weight:700}:host h1,:host::ng-deep h1{font-size:1.5em;margin:.67em 0}:host h2,:host::ng-deep h2{font-size:1.25em}:host h3,:host::ng-deep h3{font-size:1em;text-decoration:underline}:host h4,:host::ng-deep h4{font-size:1em;margin:1em 0 0}:host hr,:host::ng-deep hr{box-sizing:content-box;height:0;overflow:visible}:host div,:host::ng-deep div{margin-top:1em;margin-bottom:1em}:host a,:host::ng-deep a{background-color:transparent}:host code,:host::ng-deep code{font-family:monospace,monospace;font-size:1.05em;color:orchid}:host button,:host::ng-deep button{font-family:inherit;font-size:.9em;line-height:1.15;margin:-45px 0 0;text-transform:none;padding:5px 10px;border:1px solid #aaa;border-radius:5px;float:right}:host details,:host::ng-deep details{display:block;border:1px solid #aaa;border-radius:4px;padding:.5em .5em 0;margin-bottom:.5em}:host summary,:host::ng-deep summary{display:list-item;font-weight:700;margin:-.5em -.5em 0;padding:.5em}:host details[open],:host::ng-deep details[open]{padding:.5em 1.5em}:host details[open] summary,:host::ng-deep details[open] summary{border-bottom:1px solid #aaa;margin-bottom:1em;padding:.5em 0}:host dl,:host::ng-deep dl{display:flex;margin:.5em 0}:host dt,:host::ng-deep dt{margin:0;font-weight:700}:host dd,:host::ng-deep dd{margin:0;margin-inline-start:10px}:host ul,:host::ng-deep ul{margin:0;padding-inline-start:40px;margin-block-start:1em;margin-block-end:1em}:host li,:host::ng-deep li{margin:0;display:flex;align-items:baseline}:host .endpoint,:host::ng-deep .endpoint{padding:.25em 1em;background-color:#eee;color:#000}:host .description,:host::ng-deep .description{margin-bottom:1em}:host span,:host::ng-deep span{text-transform:uppercase;display:inline-block;width:80px}:host .method-descriptor,:host::ng-deep .method-descriptor{line-height:.95em;margin:0}:host .method-descriptor dt,:host::ng-deep .method-descriptor dt{width:80px}:host .atx-mock-param-container,:host::ng-deep .atx-mock-param-container{padding-inline-start:40px;line-height:.95em}\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\n * found in the LICENSE file at https://pascalechemann.com/angular-toolbox/resources/license\n */\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { title: [{
+                type: Input
+            }], config: [{
+                type: Input
+            }] } });
+
 /**
  * @license
  * Copyright Pascal ECHEMANN. All Rights Reserved.
@@ -8556,11 +8789,11 @@ class BorderLayoutContainer {
         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"] }); }
+    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}:host.north{position:absolute;z-index:10;top:0;left:0;right:0}:host.north>.atx-handle{left:0;right:0;bottom:0;height:4px;cursor:ns-resize}:host.west{position:absolute;z-index:5;left:0;height:unset!important}:host.west>.atx-handle{right:0;bottom:0;top:0;width:4px;cursor:ew-resize}:host.east{position:absolute;z-index:5;right:0;height:unset!important}:host.east>.atx-handle{left:0;bottom:0;top:0;width:4px;cursor:ew-resize}:host.south{position:absolute;z-index:10;bottom:0;left:0;right:0}:host.south>.atx-handle{left:0;right:0;top:0;height:4px;cursor:ns-resize}:host.center{position:absolute}.atx-handle{position:absolute}.atx-handle:hover,.atx-handle.atx-handle-selected{background-color:var(--atx-handle-color, #469afa)}\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"] }]
+            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}:host.north{position:absolute;z-index:10;top:0;left:0;right:0}:host.north>.atx-handle{left:0;right:0;bottom:0;height:4px;cursor:ns-resize}:host.west{position:absolute;z-index:5;left:0;height:unset!important}:host.west>.atx-handle{right:0;bottom:0;top:0;width:4px;cursor:ew-resize}:host.east{position:absolute;z-index:5;right:0;height:unset!important}:host.east>.atx-handle{left:0;bottom:0;top:0;width:4px;cursor:ew-resize}:host.south{position:absolute;z-index:10;bottom:0;left:0;right:0}:host.south>.atx-handle{left:0;right:0;top:0;height:4px;cursor:ns-resize}:host.center{position:absolute}.atx-handle{position:absolute}.atx-handle:hover,.atx-handle.atx-handle-selected{background-color:var(--atx-handle-color, #469afa)}\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']
@@ -8809,17 +9042,26 @@ class BorderLayoutRenderer extends IdentifiableComponent {
     /**
      * @private
      */
-    constructor(subscribeSvc) {
+    constructor(subscribeSvc, document) {
         super();
         this.subscribeSvc = subscribeSvc;
+        this.document = document;
         /**
          * Emits events each time the user starts, or stops dragging handle.
          */
-        this.userAction = new EventEmitter(false);
+        this.userAction = new EventEmitter();
         /**
          * @private
          */
         this.containerList = [];
+        /**
+         * @private
+         */
+        this.storedStopHandler = null;
+        /**
+         * @private
+         */
+        this.storedMoveHandler = null;
         this.boundsManager = new BorderLayoutBoundsManager();
     }
     /**
@@ -8866,12 +9108,17 @@ class BorderLayoutRenderer extends IdentifiableComponent {
      * Makes this object elligible for garbage collection.
      */
     destroy() {
+        if (this.storedStopHandler) {
+            this.document.removeEventListener(MOUSEMOVE, this.storedMoveHandler);
+            this.document.removeEventListener(MOUSEUP, this.storedStopHandler);
+            this.deleteStoredHandlers();
+        }
         this.subscribeSvc.clearAll(this);
-        this.containerList.length = 0;
-        this.containerList = null;
         this.lytContainerElm = null;
         this.boundsManager.destroy();
         this.boundsManager = null;
+        this.containerList.length = 0;
+        this.containerList = null;
     }
     /**
      * Forces the layout of all `BorderLayoutContainer` objects associated with the main container.
@@ -8914,32 +9161,36 @@ class BorderLayoutRenderer extends IdentifiableComponent {
         const region = constraints.region;
         const minSize = constraints.minSize;
         const maxSize = constraints.maxSize;
+        const doc = this.document;
         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();
+            event.preventDefault();
             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);
+            event.preventDefault();
+            doc.removeEventListener(MOUSEMOVE, onMoveHandler);
+            doc.removeEventListener(MOUSEUP, onStopHandler);
+            this.deleteStoredHandlers();
             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.storedMoveHandler = onMoveHandler;
+        this.storedStopHandler = onStopHandler;
         this.fireEvent(container, LayoutDragEventType.DRAG_START);
+        doc.addEventListener(MOUSEMOVE, onMoveHandler);
+        doc.addEventListener(MOUSEUP, onStopHandler);
     }
     /**
      * @private
@@ -8957,32 +9208,47 @@ class BorderLayoutRenderer extends IdentifiableComponent {
         const bottom = bounds.bottom;
         const left = bounds.left;
         const right = bounds.right;
-        this.containerList.forEach((cont) => {
+        const cList = this.containerList;
+        let cursor = cList.length - 1;
+        while (cursor >= 0) {
+            const cont = cList[cursor];
             const r = cont.constraints.region;
+            cursor--;
             if (r === LayoutRegion.WEST) {
                 cont.setTopPos(top);
                 cont.setRightPos(width - left);
                 cont.setBottomPos(bottom - top);
-                return;
+                continue;
             }
             if (r === LayoutRegion.CENTER) {
                 cont.setTopPos(top);
                 cont.setLeftPos(left);
                 cont.setRightPos(right - left);
                 cont.setBottomPos(bottom - top);
-                return;
+                continue;
             }
             if (r === LayoutRegion.EAST) {
                 cont.setTopPos(top);
                 cont.setLeftPos(width - (right - left));
                 cont.setBottomPos(bottom - top);
+                continue;
             }
-        });
+        }
+        ;
     }
+    /**
+     * @private
+     */
     checkLytContainer() {
         if (!this.lytContainerElm)
             throw new ReferenceError(LAYOUT_ERR_MSG);
     }
+    /**
+     * @private
+     */
+    deleteStoredHandlers() {
+        this.storedMoveHandler = this.storedStopHandler = null;
+    }
 }
 
 /**
@@ -9014,22 +9280,22 @@ class BorderLayout extends IdentifiableComponent {
     /**
      * @private
      */
-    constructor(subscribeSvc) {
+    constructor(subscribeSvc, document) {
         super();
         this.subscribeSvc = subscribeSvc;
         /**
          * Emits events each time the user starts dragging a region handle.
          */
-        this.dragStart = new EventEmitter(false);
+        this.dragStart = new EventEmitter();
         /**
          * Emits events each time the user stops dragging a region handle.
          */
-        this.dragStop = new EventEmitter(false);
+        this.dragStop = new EventEmitter();
         /**
          * Emits events each time the user is dragging a region handle.
          */
-        this.dragging = new EventEmitter(false);
-        this.renderer = new BorderLayoutRenderer(subscribeSvc);
+        this.dragging = new EventEmitter();
+        this.renderer = new BorderLayoutRenderer(subscribeSvc, document);
         subscribeSvc.register(this, this.renderer.userAction.subscribe((event) => {
             event.layout = this;
             if (event.type === LayoutDragEventType.DRAGGING) {
@@ -9081,13 +9347,16 @@ class BorderLayout extends IdentifiableComponent {
     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"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: BorderLayout, deps: [{ token: SubscriptionService }, { token: DOCUMENT }], 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{box-sizing:border-box}\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: [{
+            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{box-sizing:border-box}\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 }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { dragStart: [{
                 type: Output
             }], dragStop: [{
                 type: Output
@@ -9406,5 +9675,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
  * 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, BorderLayout, BorderLayoutContainer, ButtonRoleDirective, CSS_PROP, ConsoleLogConnector, ContentRendererDirective, DARK_MODE_CONFIG, DEFAULT_LOG_CONNECTOR, DarkModeService, DefaultLogConnector, DropdownComponent, DropdownEvent, DropdownEventType, 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, HttpStatusText, HttpStatusTextFinder, 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 };
+export { APP_PRIDGE_REF, ATX_LOGGER_CONFIG, AbstractLogger, AbstractSubscriptionManager, AbstractVersionManager, AbstractWindowService, AnchorLinklDirective, AngularToolboxLogoComponent, AngularToolboxModule, AngularToolboxVersionService, AppBridgeError, AppBridgeService, ArrayList, ArrayListEvent, ArrayListEventType, AtxHttpMockConsoleService, AtxMockDocumentation, AtxMonitoringConsoleComponent, BIGINT, BOOLEAN, BUTTON_ROLE, BorderLayout, BorderLayoutContainer, ButtonRoleDirective, CSS_PROP, ConsoleLogConnector, ContentRendererDirective, DARK_MODE_CONFIG, DEFAULT_LOG_CONNECTOR, DarkModeService, DefaultLogConnector, DropdownComponent, DropdownEvent, DropdownEventType, 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, HttpStatusText, HttpStatusTextFinder, 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