@quadrel-enterprise-ui/framework 20.27.3-beta.234.1 → 20.27.3-beta.241.1

package/fesm2022/quadrel-enterprise-ui-framework.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
 import { inject, ElementRef, Directive, InjectionToken, HostBinding, Input, ViewEncapsulation, Component, Injectable, Injector, HostListener, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, NgModule, EventEmitter, Output, Renderer2, Pipe, ViewContainerRef, NO_ERRORS_SCHEMA, DestroyRef, SecurityContext, NgZone, ViewChildren, forwardRef, ContentChildren, ContentChild, afterNextRender, isDevMode, QueryList, TemplateRef, CUSTOM_ELEMENTS_SCHEMA, provideAppInitializer } from '@angular/core';
-import { Dialog, DialogRef, DialogModule } from '@angular/cdk/dialog';
+import { Dialog, DialogRef, DialogModule, DIALOG_DATA } from '@angular/cdk/dialog';
 import * as i1 from '@angular/common';
 import { CommonModule, NgFor, NgIf, NgClass, NgTemplateOutlet, AsyncPipe } from '@angular/common';
-import { BehaviorSubject, pairwise, from, switchMap, map as map$1, Subject, throwError, of, ReplaySubject, merge, fromEvent, isObservable, NEVER, Observable, EMPTY, shareReplay, Subscription, distinctUntilChanged as distinctUntilChanged$1, debounce, timer, startWith as startWith$1, debounceTime as debounceTime$1, takeUntil as takeUntil$1, firstValueFrom, combineLatest, concat, take as take$1, tap as tap$1, delay, first, scan, queueScheduler, filter as filter$1, concatMap as concatMap$1, exhaustMap, finalize, forkJoin, delayWhen, combineLatestWith, withLatestFrom as withLatestFrom$1, async } from 'rxjs';
+import { BehaviorSubject, pairwise, Subject, throwError, of, ReplaySubject, merge, fromEvent, isObservable, NEVER, Observable, EMPTY, shareReplay, Subscription, distinctUntilChanged as distinctUntilChanged$1, debounce, timer, map as map$1, switchMap, startWith as startWith$1, debounceTime as debounceTime$1, takeUntil as takeUntil$1, firstValueFrom, combineLatest, concat, take as take$1, tap as tap$1, from, delay, first, scan, queueScheduler, filter as filter$1, concatMap as concatMap$1, exhaustMap, finalize, forkJoin, delayWhen, combineLatestWith, withLatestFrom as withLatestFrom$1, async } from 'rxjs';
 import { map, takeUntil, take, filter, catchError, debounceTime, startWith, distinctUntilChanged, concatMap, skip, tap, auditTime, withLatestFrom, observeOn, switchMap as switchMap$1, pairwise as pairwise$1, mergeMap, delay as delay$1 } from 'rxjs/operators';
 import { v4 } from 'uuid';
 import * as i3 from '@ngx-translate/core';
@@ -1161,58 +1161,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }] });
 
-const GENERIC_DEFAULTS = {
-    title: { i18n: 'i18n.qd.dialog.confirm.title' },
-    confirm: { i18n: 'i18n.qd.dialog.confirm.proceed' },
-    cancel: { i18n: 'i18n.qd.dialog.action.cancel' }
-};
-const CANCEL_DEFAULTS = {
-    title: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.title' },
-    message: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.message' },
-    confirm: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.proceed' },
-    cancel: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.close' }
-};
-class QdConfirmationDialogOpenerService {
-    dialog = inject(Dialog);
-    showConfirmDialog(config, testId = 'dialog-confirm') {
-        const resolved = {
-            title: config.title ?? GENERIC_DEFAULTS.title,
-            message: config.message,
-            confirm: config.confirm ?? GENERIC_DEFAULTS.confirm,
-            cancel: config.cancel ?? GENERIC_DEFAULTS.cancel
-        };
-        return from(import('./quadrel-enterprise-ui-framework-dialog-confirm.module-BQLiEzSo.mjs').then(m => m.QdDialogConfirmComponent)).pipe(switchMap(component => {
-            const dialogRef = this.open(component, {
-                title: resolved.title,
-                dialogSize: QdDialogSize.Small,
-                data: { ...resolved, testId }
-            });
-            return dialogRef.closed.pipe(map$1(result => !!result));
-        }));
-    }
-    showDiscardConfirmDialog(message, testId = 'cancel-confirmation') {
-        return this.showConfirmDialog({
-            title: CANCEL_DEFAULTS.title,
-            message: message ?? CANCEL_DEFAULTS.message,
-            confirm: CANCEL_DEFAULTS.confirm,
-            cancel: CANCEL_DEFAULTS.cancel
-        }, testId);
-    }
-    open(component, config) {
-        config.panelClass = 'qd-custom-panel';
-        config.width = config.dialogSize || QdDialogSize.Default;
-        config.disableClose = true;
-        return this.dialog.open(component, config);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdConfirmationDialogOpenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdConfirmationDialogOpenerService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdConfirmationDialogOpenerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
+/**
+ * DI token that provides the discard-confirmation dialog opener.
+ */
+const QD_DISCARD_CONFIRM_DIALOG_OPENER_TOKEN = new InjectionToken('QD_DISCARD_CONFIRM_DIALOG_OPENER_TOKEN');
 
 /**
  * Injection token for the host component of page dialogs with breadcrumbs.
@@ -1454,7 +1406,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
  *  */
 class QdDialogComponent {
     dialogRef = inject(DialogRef);
-    dialog = inject(QdConfirmationDialogOpenerService);
+    dialog = inject(QD_DISCARD_CONFIRM_DIALOG_OPENER_TOKEN);
     changeDetectorRef = inject(ChangeDetectorRef);
     dialogChangeGuard = inject(QdDialogChangeGuardService);
     dialogService = inject(QdDialogService);
@@ -11767,41 +11719,47 @@ class QdInputComponent {
         if (input?.validity?.badInput)
             return;
         const value = event.target.value;
-        if (this.inputType === 'number' && value && !this.numberInputService.isValidNumber(value)) {
-            this.control?.setErrors({
-                ...this.control.errors,
-                invalidCharacters: this.numberInputService.invalidCharactersErrorKey
-            });
+        if (this.inputType === 'number' && value && !this.handleNumberInput(value))
             return;
-        }
-        if (this.inputType === 'number' && value) {
-            const valueWithoutGroups = value.split(this.numberInputService.groupSeparator).join('');
-            const filtered = this.numberInputService.filterValue(valueWithoutGroups);
-            const hasInvalidChars = filtered !== valueWithoutGroups;
-            if (hasInvalidChars) {
-                this._value = { ...this._value, value: filtered };
-                if (this.control) {
-                    this.control.setErrors({
-                        ...this.control.errors,
-                        invalidCharacters: this.numberInputService.invalidCharactersErrorKey
-                    });
-                }
-                this._isUserTyped = true;
-                this._onTouch();
-                this.emitValue();
-                return;
-            }
-            if (this.control?.errors?.['invalidCharacters']) {
-                const remainingErrors = Object.fromEntries(Object.entries(this.control.errors).filter(([key]) => key !== 'invalidCharacters'));
-                this.control.setErrors(Object.keys(remainingErrors).length ? remainingErrors : null);
-            }
-        }
         this._isUserTyped = true;
         this._value = { ...this._value, value };
+        this._displayValue = String(value ?? '');
         this.loadOptionsForTypedValue(value);
         this.emitValue();
         this._onTouch();
     }
+    handleNumberInput(value) {
+        if (!this.numberInputService.isValidNumber(value)) {
+            this.setInvalidCharactersError();
+            return false;
+        }
+        const valueWithoutGroups = value.split(this.numberInputService.groupSeparator).join('');
+        const filtered = this.numberInputService.filterValue(valueWithoutGroups);
+        if (filtered !== valueWithoutGroups) {
+            this._value = { ...this._value, value: filtered };
+            this.setInvalidCharactersError();
+            this._isUserTyped = true;
+            this._onTouch();
+            this.emitValue();
+            return false;
+        }
+        this.clearInvalidCharactersError();
+        return true;
+    }
+    setInvalidCharactersError() {
+        if (!this.control)
+            return;
+        this.control.setErrors({
+            ...this.control.errors,
+            invalidCharacters: this.numberInputService.invalidCharactersErrorKey
+        });
+    }
+    clearInvalidCharactersError() {
+        if (!this.control?.errors?.['invalidCharacters'])
+            return;
+        const remainingErrors = Object.fromEntries(Object.entries(this.control.errors).filter(([key]) => key !== 'invalidCharacters'));
+        this.control.setErrors(Object.keys(remainingErrors).length ? remainingErrors : null);
+    }
     handleOptionSelected(option) {
         this._value = { ...this._value, value: option.i18n };
         this.popover?.close();
@@ -18818,6 +18776,69 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }] });
 
+/**
+ * DI token that provides the component rendered inside the discard-confirmation
+ * dialog.
+ *
+ * The dialog opener service opens this component through CDK `Dialog`. Binding
+ * the component through a token instead of importing it directly keeps the
+ * service free of the dialog module's import graph, so the discard dialog can be
+ * bundled eagerly (no lazy chunk) without creating an import cycle.
+ */
+const QD_DISCARD_CONFIRM_DIALOG_COMPONENT_TOKEN = new InjectionToken('QD_DISCARD_CONFIRM_DIALOG_COMPONENT_TOKEN');
+
+const GENERIC_DEFAULTS = {
+    title: { i18n: 'i18n.qd.dialog.confirm.title' },
+    confirm: { i18n: 'i18n.qd.dialog.confirm.proceed' },
+    cancel: { i18n: 'i18n.qd.dialog.action.cancel' }
+};
+const CANCEL_DEFAULTS = {
+    title: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.title' },
+    message: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.message' },
+    confirm: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.proceed' },
+    cancel: { i18n: 'i18n.qd.page.cancel.confirmation.dialog.close' }
+};
+class QdConfirmationDialogOpenerService {
+    dialog = inject(Dialog);
+    confirmDialogComponent = inject(QD_DISCARD_CONFIRM_DIALOG_COMPONENT_TOKEN);
+    showConfirmDialog(config, testId = 'dialog-confirm') {
+        const resolved = {
+            title: config.title ?? GENERIC_DEFAULTS.title,
+            message: config.message,
+            confirm: config.confirm ?? GENERIC_DEFAULTS.confirm,
+            cancel: config.cancel ?? GENERIC_DEFAULTS.cancel
+        };
+        const dialogRef = this.open(this.confirmDialogComponent, {
+            title: resolved.title,
+            dialogSize: QdDialogSize.Small,
+            data: { ...resolved, testId }
+        });
+        return dialogRef.closed.pipe(map$1(result => !!result));
+    }
+    showDiscardConfirmDialog(message, testId = 'cancel-confirmation') {
+        return this.showConfirmDialog({
+            title: CANCEL_DEFAULTS.title,
+            message: message ?? CANCEL_DEFAULTS.message,
+            confirm: CANCEL_DEFAULTS.confirm,
+            cancel: CANCEL_DEFAULTS.cancel
+        }, testId);
+    }
+    open(component, config) {
+        config.panelClass = 'qd-custom-panel';
+        config.width = config.dialogSize || QdDialogSize.Default;
+        config.disableClose = true;
+        return this.dialog.open(component, config);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdConfirmationDialogOpenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdConfirmationDialogOpenerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdConfirmationDialogOpenerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 class QdSpinnerComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdSpinnerComponent, isStandalone: false, selector: "qd-spinner", ngImport: i0, template: "<svg\n  version=\"1.1\"\n  id=\"icon\"\n  xmlns=\"http://www.w3.org/2000/svg\"\n  x=\"0px\"\n  y=\"0px\"\n  viewBox=\"0 0 32 32\"\n  style=\"enable-background: new 0 0 32 32\"\n  xml:space=\"preserve\"\n  class=\"spinner\"\n>\n  <path\n    class=\"stroke\"\n    d=\"M31.9,14.6l-2.3,0.2c0,0.4,0.1,0.8,0.1,1.2c0,7.6-6.1,13.7-13.7,13.7c-3.8,0-7.2-1.5-9.7-4s-4-5.9-4-9.7\n\tC2.3,8.4,8.4,2.3,16,2.3c3.8,0,7.2,1.5,9.7,4l1.6-1.6C24.4,1.8,20.4,0,16,0C7.2,0,0,7.2,0,16c0,4.4,1.8,8.4,4.7,11.3S11.6,32,16,32\n\tc8.8,0,16-7.2,16-16C32,15.5,32,15.1,31.9,14.6z\"\n  />\n</svg>\n", styles: [":host{display:block}.spinner{height:32px;animation:rotateSpinner .8s linear infinite}.stroke{fill:#069}@keyframes rotateSpinner{to{transform:rotate(360deg)}}\n"] });
@@ -19224,6 +19245,10 @@ class QdDialogModule {
             {
                 provide: QD_PAGE_DIALOG_WITH_BREADCRUMBS_HOST,
                 useValue: QdPageDialogWithBreadcrumbsComponent
+            },
+            {
+                provide: QD_DISCARD_CONFIRM_DIALOG_OPENER_TOKEN,
+                useExisting: QdConfirmationDialogOpenerService
             }
         ], imports: [CommonModule,
             TranslateModule,
@@ -19281,6 +19306,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                         {
                             provide: QD_PAGE_DIALOG_WITH_BREADCRUMBS_HOST,
                             useValue: QdPageDialogWithBreadcrumbsComponent
+                        },
+                        {
+                            provide: QD_DISCARD_CONFIRM_DIALOG_OPENER_TOKEN,
+                            useExisting: QdConfirmationDialogOpenerService
                         }
                     ]
                 }]
@@ -34597,6 +34626,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                 }]
         }] });
 
+class QdDialogConfirmComponent {
+    dialogRef = inject(DialogRef);
+    data = inject(DIALOG_DATA);
+    config = this.data;
+    testId = this.data?.testId ?? 'dialog-confirm';
+    close() {
+        this.dialogRef.close(false);
+    }
+    confirm() {
+        this.dialogRef.close(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdDialogConfirmComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: QdDialogConfirmComponent, isStandalone: true, selector: "qd-dialog-confirm", ngImport: i0, template: "<qd-dialog>\n  <qd-text-section>\n    <qd-text-section-paragraph>\n      {{ config.message.i18n | translate }}\n    </qd-text-section-paragraph>\n  </qd-text-section>\n\n  <qd-dialog-action>\n    <button qdButton qdButtonGhost color=\"secondary\" (click)=\"close()\" [data-test-id]=\"testId + '-close'\">\n      {{ config.cancel.i18n | translate }}\n    </button>\n\n    <button qdButton color=\"error\" (click)=\"confirm()\" [data-test-id]=\"testId + '-proceed'\">\n      {{ config.confirm.i18n | translate }}\n    </button>\n  </qd-dialog-action>\n</qd-dialog>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: QdButtonModule }, { kind: "component", type: QdButtonComponent, selector: "button[qdButton], a[qdButton], button[qd-button]", inputs: ["disabled", "color", "icon", "data-test-id", "additionalInfo"] }, { kind: "directive", type: QdButtonGhostDirective, selector: "button[qdButtonGhost], a[qdButtonGhost]" }, { kind: "ngmodule", type: QdTextSectionModule }, { kind: "component", type: QdTextSectionComponent, selector: "qd-text-section" }, { kind: "component", type: QdTextSectionParagraphComponent, selector: "qd-text-section-paragraph" }, { kind: "ngmodule", type: QdDialogModule }, { kind: "component", type: QdDialogActionComponent, selector: "qd-dialog-action" }, { kind: "component", type: QdDialogComponent, selector: "qd-dialog" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: QdDialogConfirmComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'qd-dialog-confirm', standalone: true, imports: [CommonModule, TranslateModule, QdButtonModule, QdTextSectionModule, QdDialogModule], template: "<qd-dialog>\n  <qd-text-section>\n    <qd-text-section-paragraph>\n      {{ config.message.i18n | translate }}\n    </qd-text-section-paragraph>\n  </qd-text-section>\n\n  <qd-dialog-action>\n    <button qdButton qdButtonGhost color=\"secondary\" (click)=\"close()\" [data-test-id]=\"testId + '-close'\">\n      {{ config.cancel.i18n | translate }}\n    </button>\n\n    <button qdButton color=\"error\" (click)=\"confirm()\" [data-test-id]=\"testId + '-proceed'\">\n      {{ config.confirm.i18n | translate }}\n    </button>\n  </qd-dialog-action>\n</qd-dialog>\n" }]
+        }] });
+
 // @ts-strict-ignore
 /**
  * The **QdPageStep** is a single step inside the **QdPageStepper** within a **QdPage**.
@@ -35355,6 +35403,10 @@ class QdUiModule {
                 provide: HTTP_INTERCEPTORS,
                 useClass: QdNotificationsHttpInterceptorService,
                 multi: true
+            },
+            {
+                provide: QD_DISCARD_CONFIRM_DIALOG_COMPONENT_TOKEN,
+                useValue: QdDialogConfirmComponent
             }
         ], imports: [QD_UI_MODULES, QdButtonModule,
             QdChipModule,
@@ -35398,6 +35450,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                             provide: HTTP_INTERCEPTORS,
                             useClass: QdNotificationsHttpInterceptorService,
                             multi: true
+                        },
+                        {
+                            provide: QD_DISCARD_CONFIRM_DIALOG_COMPONENT_TOKEN,
+                            useValue: QdDialogConfirmComponent
                         }
                     ]
                 }]