angular-toolbox 1.4.5 → 1.4.6

package/fesm2022/angular-toolbox.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, NgModule, EventEmitter, Component, Inject, isDevMode, Optional, ChangeDetectionStrategy, Input, Pipe, Output, inject, ViewEncapsulation, ViewChild, HostBinding, HostListener, ContentChildren, Directive } from '@angular/core';
+import { Injectable, NgModule, EventEmitter, Component, Inject, isDevMode, Optional, ChangeDetectionStrategy, Input, Pipe, Output, inject, ViewContainerRef, ViewChild, ViewEncapsulation, HostBinding, HostListener, 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';
@@ -18,7 +18,7 @@ import { HttpContextToken, HttpHeaders, HttpContext, HttpParams, HttpRequest, Ht
 /**
  * @private
  */
-const NAME$4 = "SubscriptionError";
+const NAME$5 = "SubscriptionError";
 /**
  * Represents errors thrown by `SubscriptionService` instances.
  */
@@ -30,7 +30,7 @@ class SubscriptionError extends Error {
      */
     constructor(message) {
         super(message);
-        this.name = NAME$4;
+        this.name = NAME$5;
     }
 }
 
@@ -44,7 +44,7 @@ class SubscriptionError extends Error {
 /**
  * @private
  */
-const NAME$3 = "IntegrityError";
+const NAME$4 = "IntegrityError";
 /**
  * Represents a data integrity violation error.
  */
@@ -56,7 +56,7 @@ class IntegrityError extends Error {
      */
     constructor(message) {
         super(message);
-        this.name = NAME$3;
+        this.name = NAME$4;
     }
 }
 
@@ -70,7 +70,7 @@ class IntegrityError extends Error {
 /**
  * @private
  */
-const NAME$2 = "AppBridgeError";
+const NAME$3 = "AppBridgeError";
 /**
  * Represents exceptions thrown by the `AppBridge` class.
  */
@@ -80,7 +80,7 @@ class AppBridgeError extends ReferenceError {
      */
     constructor(message) {
         super(message);
-        this.name = NAME$2;
+        this.name = NAME$3;
     }
 }
 
@@ -94,7 +94,7 @@ class AppBridgeError extends ReferenceError {
 /**
  * @private
  */
-const NAME$1 = "HttpMockServiceError";
+const NAME$2 = "HttpMockServiceError";
 /**
  * Represents errors thrown by `HttpMockService` instances.
  */
@@ -106,7 +106,7 @@ class HttpMockServiceError extends Error {
      */
     constructor(message) {
         super(message);
-        this.name = NAME$1;
+        this.name = NAME$2;
     }
 }
 
@@ -586,8 +586,8 @@ class AbstractVersionManager {
 const ATX_VERSION_CONFIG = {
     major: 1,
     minor: 4,
-    patch: 5,
-    buildTimestamp: 1728994098977
+    patch: 6,
+    buildTimestamp: 1733307295401
 };
 /**
  * The public service that exposes the current version of the Angular Toolbox library.
@@ -2540,7 +2540,7 @@ const QUESTION_MARK = "?";
  * @private
  * The reference to the `NAME` `TokenType`.
  */
-const NAME = "NAME";
+const NAME$1 = "NAME";
 /**
  * @private
  * The reference to the `PATTERN` `TokenType`.
@@ -2977,7 +2977,7 @@ const lexer = (str) => {
             if (!name) {
                 throw new TypeError(`Missing parameter name at ${i}`);
             }
-            tokens.push({ type: NAME, index: i, value: name });
+            tokens.push({ type: NAME$1, index: i, value: name });
             continue;
         }
         if (value === LEFT_PARENTHESIS) {
@@ -3055,7 +3055,7 @@ const stringToTokenData = (str, options = {}) => {
         const path = it.text();
         if (path)
             tokens.push(encodePath(path));
-        const name = it.tryConsume(NAME);
+        const name = it.tryConsume(NAME$1);
         const pattern = it.tryConsume(PATTERN);
         if (name || pattern) {
             tokens.push({
@@ -3081,7 +3081,7 @@ const stringToTokenData = (str, options = {}) => {
         const open = it.tryConsume(LEFT_CURLY_BRACE);
         if (open) {
             const prefix = it.text();
-            const name = it.tryConsume(NAME);
+            const name = it.tryConsume(NAME$1);
             const pattern = it.tryConsume(PATTERN);
             const suffix = it.text();
             const separator = it.tryConsume(SEMI_COLON) ? it.text() : prefix + suffix;
@@ -8090,6 +8090,286 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
                 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
+ */
+/**
+ * Defines the possible values used to assign properties of type of `DialogBackdrop`.
+ */
+var DialogBackdropType;
+(function (DialogBackdropType) {
+    /**
+     * Indicates that the dialog element is of type of "static".
+     */
+    DialogBackdropType["STATIC"] = "static";
+    /**
+     * Indicates that the dialog element is of type of "modal".
+     */
+    DialogBackdropType["MODAL"] = "modal";
+})(DialogBackdropType || (DialogBackdropType = {}));
+;
+
+/**
+ * @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
+ */
+/**
+ * Event that indicates the state changes of components managed by the `DialogService` service singleton.
+ */
+class DialogOutletEvent {
+    /**
+     * The type of event dispatched each time the dialog element is displayed.
+     */
+    static { this.SHOW = "show"; }
+    /**
+     * The type of event dispatched each time the dialog element is removed.
+     */
+    static { this.HIDE = "hide"; }
+    /**
+     * @private
+     *
+     * Creates a new `DialogOutletEvent` instance.
+     *
+     * @param state The state of the dialog element.
+     * @param config  The dialog element config associated with this event.
+     */
+    constructor(state, config = null) {
+        this.state = state;
+        this.config = config;
+    }
+}
+
+/**
+ * @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
+ */
+const DEFAULT_CONFIG = {
+    backdrop: DialogBackdropType.MODAL
+};
+
+/**
+ * @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 NAME = "DialogServiceError";
+/**
+ * The `DialogServiceError` class represents errors thrown by the ATX framework
+ * when a dialog error occurs.
+ */
+class DialogServiceError extends Error {
+    /**
+     * Creates a new `DialogServiceError` instance.
+     *
+     * @param message The `message` data property is a human-readable description of this `DialogServiceError` instance.
+     */
+    constructor(message) {
+        super(message);
+        this.name = NAME;
+    }
+}
+
+/**
+ * @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 `DialogService` class manages injection of customs component into the
+ * HTML dialog element created by the ATX framework.
+ */
+class DialogService {
+    constructor() {
+        /**
+         * Dispatches an event that indicates the state of the dialog element when a custom
+         * component is added to, or remove from it.
+         */
+        this.dialogStateChange = new EventEmitter();
+    }
+    /**
+     * Creates an instance of the `compRef` class, adds this instance to the HTML dialog element
+     * and displays the dialog element in front of all other components in the application.
+     *
+     * @param compRef The class that represents the component to display as a popup element.
+     * @param config The dialog element config associated with the new component instance to display.
+     *
+     * @returns The new `ComponentRef` which contains the component instance and the host view.
+     */
+    show(compRef, config = null) {
+        if (!this.viewContainerRef)
+            throw new DialogServiceError("DialogOutlet missing: you must add the <atx-dialog-outlet/> tag to your application before using dialog services.");
+        const component = this.viewContainerRef.createComponent(compRef);
+        const event = new DialogOutletEvent(DialogOutletEvent.SHOW, config);
+        this.dialogStateChange.emit(event);
+        return component;
+    }
+    /**
+     * Indicates to the ATX framework to remove component instances previously created with
+     * the `show()` method.
+     */
+    hide() {
+        const event = new DialogOutletEvent(DialogOutletEvent.HIDE);
+        this.dialogStateChange.emit(event);
+    }
+    /**
+     * @private
+     */
+    __init__(viewContainerRef) {
+        if (this.viewContainerRef !== undefined)
+            return false;
+        this.viewContainerRef = viewContainerRef;
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogService, providedIn: "root" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root"
+                }]
+        }] });
+
+/**
+ * @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
+ */
+/**
+ * Acts as a placeholder that the ATX framework dynamically fills based on the component specified
+ * by the dialog service `show()` method.
+ */
+class DialogOutlet {
+    /**
+     * @private
+     */
+    constructor(dialogSvc) {
+        this.dialogSvc = dialogSvc;
+    }
+    /**
+     * @private
+     */
+    ngOnInit() {
+        this.dialogSvc.__init__(this.renderer);
+        this.dialogSvc.dialogStateChange.subscribe((event) => this.stateChange(event));
+    }
+    /**
+     * @private
+     */
+    mouseupHandler(event) {
+        if (this._config.backdrop !== DialogBackdropType.MODAL)
+            return;
+        const rect = this._dialog.nativeElement.getBoundingClientRect();
+        const xPos = event.clientX;
+        const yPos = event.clientY;
+        const top = rect.top;
+        const left = rect.left;
+        const isDialog = (top <= yPos && yPos <= top + rect.height && left <= xPos && xPos <= left + rect.width);
+        if (!isDialog)
+            this.hide();
+    }
+    /**
+     * @private
+     */
+    onClose(event) {
+        this.renderer.clear();
+    }
+    /**
+     * @private
+     */
+    stateChange(event) {
+        const state = event.state;
+        if (state === DialogOutletEvent.SHOW)
+            return this.show(event);
+        if (state === DialogOutletEvent.HIDE)
+            this.hide();
+    }
+    /**
+     * @private
+     */
+    show(event) {
+        this._config = event.config || DEFAULT_CONFIG;
+        this._dialog.nativeElement.showModal();
+    }
+    /**
+     * @private
+     */
+    hide() {
+        this._dialog.nativeElement.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogOutlet, deps: [{ token: DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: DialogOutlet, isStandalone: true, selector: "atx-dialog-outlet", viewQueries: [{ propertyName: "_dialog", first: true, predicate: ["dialog"], descendants: true }, { propertyName: "renderer", first: true, predicate: ["renderer"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<dialog #dialog (mouseup)="mouseupHandler($event)" (close)="onClose($event)"><ng-container #renderer></ng-container></dialog>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DialogOutlet, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'atx-dialog-outlet',
+                    standalone: true,
+                    template: '<dialog #dialog (mouseup)="mouseupHandler($event)" (close)="onClose($event)"><ng-container #renderer></ng-container></dialog>',
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], ctorParameters: () => [{ type: DialogService }], propDecorators: { _dialog: [{
+                type: ViewChild,
+                args: ["dialog"]
+            }], renderer: [{
+                type: ViewChild,
+                args: ["renderer", { static: true, read: ViewContainerRef }]
+            }] } });
+
+/**
+ * @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.
@@ -9761,5 +10041,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, 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, LayoutRegionError, 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, DialogBackdropType, DialogOutlet, DialogOutletEvent, DialogService, DialogServiceError, 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, LayoutRegionError, 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