angular-toolbox 1.4.0 → 1.4.1

package/fesm2022/angular-toolbox.mjs

@@ -586,8 +586,8 @@ class AbstractVersionManager {
 const ATX_VERSION_CONFIG = {
     major: 1,
     minor: 4,
-    patch: 0,
-    buildTimestamp: 1727357519168
+    patch: 1,
+    buildTimestamp: 1727868693957
 };
 /**
  * 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.
@@ -9406,5 +9639,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