turbogui-angular 20.14.1 → 20.15.1

package/fesm2022/turbogui-angular.mjs

@@ -610,11 +610,11 @@ class DialogIFrameComponent extends DialogBaseComponent {
         this.safeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(data.data);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogIFrameComponent, deps: [{ token: i0.ElementRef }, { token: i1.MatDialogRef }, { token: i2$1.DomSanitizer }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DialogIFrameComponent, isStandalone: true, selector: "tg-dialog-iframe", providers: [], usesInheritance: true, ngImport: i0, template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\r\n\r\n<iframe [src]=\"safeUrl\" title=\"title\"></iframe>", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DialogIFrameComponent, isStandalone: true, selector: "tg-dialog-iframe", providers: [], usesInheritance: true, ngImport: i0, template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\n\n<iframe [src]=\"safeUrl\" title=\"title\"></iframe>", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogIFrameComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tg-dialog-iframe', imports: [CommonModule], providers: [], template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\r\n\r\n<iframe [src]=\"safeUrl\" title=\"title\"></iframe>", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe{width:100%;height:100%}\n"] }]
+            args: [{ selector: 'tg-dialog-iframe', imports: [CommonModule], providers: [], template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\n\n<iframe [src]=\"safeUrl\" title=\"title\"></iframe>", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe{width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.MatDialogRef }, { type: i2$1.DomSanitizer }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -649,11 +649,11 @@ class DialogImageComponent extends DialogBaseComponent {
         this.safeUrl = this.sanitizer.bypassSecurityTrustResourceUrl(data.data);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogImageComponent, deps: [{ token: i0.ElementRef }, { token: i1.MatDialogRef }, { token: i2$1.DomSanitizer }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DialogImageComponent, isStandalone: true, selector: "tg-dialog-image", providers: [], usesInheritance: true, ngImport: i0, template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\r\n\r\n<img [src]=\"safeUrl\" title=\"title\" alt=\"{{title}}\" />", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DialogImageComponent, isStandalone: true, selector: "tg-dialog-image", providers: [], usesInheritance: true, ngImport: i0, template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\n\n<img [src]=\"safeUrl\" title=\"title\" alt=\"{{title}}\" />", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogImageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tg-dialog-image', imports: [CommonModule], providers: [], template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\r\n\r\n<img [src]=\"safeUrl\" title=\"title\" alt=\"{{title}}\" />", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe{width:100%;height:100%}\n"] }]
+            args: [{ selector: 'tg-dialog-image', imports: [CommonModule], providers: [], template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\n\n<img [src]=\"safeUrl\" title=\"title\" alt=\"{{title}}\" />", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe{width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.MatDialogRef }, { type: i2$1.DomSanitizer }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -710,11 +710,11 @@ class DialogBlobComponent extends DialogBaseComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogBlobComponent, deps: [{ token: i0.ElementRef }, { token: i2$1.DomSanitizer }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DialogBlobComponent, isStandalone: true, selector: "tg-dialog-blob", providers: [], usesInheritance: true, ngImport: i0, template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\r\n\r\n<!-- For images -->\r\n<img *ngIf=\"mimeType.startsWith('image/')\" [src]=\"blobUrl\" [alt]=\"title\" />\r\n\r\n<!-- For PDFs and other types -->\r\n<iframe *ngIf=\"!mimeType.startsWith('image/')\" [src]=\"blobUrl\" [title]=\"title\"></iframe>", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe,img{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DialogBlobComponent, isStandalone: true, selector: "tg-dialog-blob", providers: [], usesInheritance: true, ngImport: i0, template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\n\n<!-- For images -->\n<img *ngIf=\"mimeType.startsWith('image/')\" [src]=\"blobUrl\" [alt]=\"title\" />\n\n<!-- For PDFs and other types -->\n<iframe *ngIf=\"!mimeType.startsWith('image/')\" [src]=\"blobUrl\" [title]=\"title\"></iframe>", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe,img{width:100%;height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogBlobComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tg-dialog-blob', imports: [CommonModule], providers: [], template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\r\n\r\n<!-- For images -->\r\n<img *ngIf=\"mimeType.startsWith('image/')\" [src]=\"blobUrl\" [alt]=\"title\" />\r\n\r\n<!-- For PDFs and other types -->\r\n<iframe *ngIf=\"!mimeType.startsWith('image/')\" [src]=\"blobUrl\" [title]=\"title\"></iframe>", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe,img{width:100%;height:100%}\n"] }]
+            args: [{ selector: 'tg-dialog-blob', imports: [CommonModule], providers: [], template: "<h2 *ngIf=\"title !== ''\">{{title}}</h2>\n\n<!-- For images -->\n<img *ngIf=\"mimeType.startsWith('image/')\" [src]=\"blobUrl\" [alt]=\"title\" />\n\n<!-- For PDFs and other types -->\n<iframe *ngIf=\"!mimeType.startsWith('image/')\" [src]=\"blobUrl\" [title]=\"title\"></iframe>", styles: [":host{display:block;width:100%;height:100%}h2{margin-top:0;margin-bottom:25px;width:82%}iframe,img{width:100%;height:100%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i2$1.DomSanitizer }, { type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -740,11 +740,11 @@ class DialogDateSelectionComponent extends DialogBaseComponent {
         this.data = data;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogDateSelectionComponent, deps: [{ token: i0.ElementRef }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DialogDateSelectionComponent, isStandalone: true, selector: "tg-dialog-date-selection", providers: [], usesInheritance: true, ngImport: i0, template: "<h2>{{data.texts[0]}}</h2>\r\n\r\n<mat-calendar #calendar\r\n    (selectedChange)=\"closeDialog(0, $event)\">\r\n</mat-calendar>", styles: [":host{position:relative;min-height:300px}h1{margin-top:0;margin-bottom:25px;width:82%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$2.MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "ngmodule", type: MatNativeDateModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DialogDateSelectionComponent, isStandalone: true, selector: "tg-dialog-date-selection", providers: [], usesInheritance: true, ngImport: i0, template: "<h2>{{data.texts[0]}}</h2>\n\n<mat-calendar #calendar\n    (selectedChange)=\"closeDialog(0, $event)\">\n</mat-calendar>", styles: [":host{position:relative;min-height:300px}h1{margin-top:0;margin-bottom:25px;width:82%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i2$2.MatCalendar, selector: "mat-calendar", inputs: ["headerComponent", "startAt", "startView", "selected", "minDate", "maxDate", "dateFilter", "dateClass", "comparisonStart", "comparisonEnd", "startDateAccessibleName", "endDateAccessibleName"], outputs: ["selectedChange", "yearSelected", "monthSelected", "viewChanged", "_userSelection", "_userDragDrop"], exportAs: ["matCalendar"] }, { kind: "ngmodule", type: MatNativeDateModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogDateSelectionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'tg-dialog-date-selection', imports: [CommonModule, MatDatepickerModule, MatNativeDateModule], providers: [], template: "<h2>{{data.texts[0]}}</h2>\r\n\r\n<mat-calendar #calendar\r\n    (selectedChange)=\"closeDialog(0, $event)\">\r\n</mat-calendar>", styles: [":host{position:relative;min-height:300px}h1{margin-top:0;margin-bottom:25px;width:82%}\n"] }]
+            args: [{ selector: 'tg-dialog-date-selection', imports: [CommonModule, MatDatepickerModule, MatNativeDateModule], providers: [], template: "<h2>{{data.texts[0]}}</h2>\n\n<mat-calendar #calendar\n    (selectedChange)=\"closeDialog(0, $event)\">\n</mat-calendar>", styles: [":host{position:relative;min-height:300px}h1{margin-top:0;margin-bottom:25px;width:82%}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -892,7 +892,7 @@ class DialogService extends SingletoneStrictClass {
      * otherwise it will do nothing.
      */
     addCloseApplicationWarning() {
-        this._windowBeforeUnloadUnListen ??= this._renderer.listen('window', 'beforeunload', (event) => event.returnValue = true);
+        this._windowBeforeUnloadUnListen ??= this._renderer.listen('window', 'beforeunload', event => (event.returnValue = true));
     }
     /**
      * Remove the close application warning message if previously assigned
@@ -998,15 +998,21 @@ class DialogService extends SingletoneStrictClass {
             throw new Error('Trying to show a snackbar while another one is still visible');
         }
         this._isShowingSnackBar = true;
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
             const snackBarRef = this.matSnackBar.open(message, action === '' ? undefined : action, config);
             // Handle action button click
-            snackBarRef.onAction().pipe(take(1)).subscribe(() => {
+            snackBarRef
+                .onAction()
+                .pipe(take(1))
+                .subscribe(() => {
                 this._isShowingSnackBar = false;
                 resolve(true);
             });
             // Handle dismiss
-            snackBarRef.afterDismissed().pipe(take(1)).subscribe(() => {
+            snackBarRef
+                .afterDismissed()
+                .pipe(take(1))
+                .subscribe(() => {
                 this._isShowingSnackBar = false;
                 resolve(false);
             });
@@ -1070,7 +1076,7 @@ class DialogService extends SingletoneStrictClass {
         if (!this._isEnabled) {
             return Promise.resolve({ index: -1 });
         }
-        return new Promise((resolve) => {
+        return new Promise(resolve => {
             // Set the default values for non specified properties
             properties.modal = properties.modal ?? false;
             properties.closeOnNavigation = properties.closeOnNavigation ?? !properties.modal;
@@ -1090,14 +1096,18 @@ class DialogService extends SingletoneStrictClass {
                 return resolve({ index: -1 });
             }
             let dialogRefConfig = {
-                width: properties.width ?? "50%",
-                maxWidth: properties.maxWidth ?? "96vw",
-                maxHeight: properties.maxHeight ?? "96vh",
+                width: properties.width ?? '50%',
+                maxWidth: properties.maxWidth ?? '96vw',
+                maxHeight: properties.maxHeight ?? '96vh',
                 disableClose: properties.modal,
                 autoFocus: false,
                 closeOnNavigation: properties.closeOnNavigation,
                 viewContainerRef: properties.viewContainerRef,
-                data: { texts: properties.texts, options: properties.options, data: properties.data }
+                data: {
+                    texts: properties.texts,
+                    options: properties.options,
+                    data: properties.data
+                }
             };
             // Dialog height will only be set if it is specified on properties
             if (properties.height && properties.height !== undefined) {
@@ -1120,7 +1130,10 @@ class DialogService extends SingletoneStrictClass {
             if (properties.closeOnNavigation) {
                 this._activeCloseableDialogs += 1;
             }
-            dialogRef.beforeClosed().pipe(take(1)).subscribe((selection) => {
+            dialogRef
+                .beforeClosed()
+                .pipe(take(1))
+                .subscribe((selection) => {
                 if (properties.scrollLock) {
                     this.removeScrollLock();
                 }
@@ -1213,38 +1226,16 @@ class DialogService extends SingletoneStrictClass {
         this._renderer.setStyle(hiddenInput, 'display', 'none');
         this._renderer.appendChild(document.body, hiddenInput);
         try {
-            const filesBrowserPromise = new Promise((resolve) => {
-                let resolved = false;
-                const resolveOnce = (files) => {
-                    if (!resolved) {
-                        resolved = true;
-                        window.removeEventListener('focus', onUserInteraction, true);
-                        document.removeEventListener('keydown', onUserInteraction, true);
-                        document.removeEventListener('mousedown', onUserInteraction, true);
-                        document.removeEventListener('pointerdown', onUserInteraction, true);
-                        document.removeEventListener('mousemove', onUserInteraction, true);
-                        document.removeEventListener('scroll', onUserInteraction, true);
-                        hiddenInput.removeEventListener('change', onChange);
-                        resolve(files);
-                    }
-                };
-                // Detect any user activity that may indicate the user has cancelled the file selection
-                // Use a short timeout to allow the 'change' event to fire first if files were selected
-                const onUserInteraction = () => {
-                    setTimeout(() => resolveOnce(null), 800);
-                };
-                // Detect when files are selected by the user
+            const filesBrowserPromise = new Promise(resolve => {
                 const onChange = (event) => {
                     const fileList = event.target.files;
-                    resolveOnce(fileList ? Array.from(fileList) : null);
+                    resolve(fileList && fileList.length > 0 ? Array.from(fileList) : null);
+                };
+                const onCancel = () => {
+                    resolve(null);
                 };
-                window.addEventListener('focus', onUserInteraction, true);
-                document.addEventListener('keydown', onUserInteraction, true);
-                document.addEventListener('mousedown', onUserInteraction, true);
-                document.addEventListener('pointerdown', onUserInteraction, true);
-                document.addEventListener('mousemove', onUserInteraction, true);
-                document.addEventListener('scroll', onUserInteraction, true);
                 hiddenInput.addEventListener('change', onChange, { once: true });
+                hiddenInput.addEventListener('cancel', onCancel, { once: true });
                 hiddenInput.click();
             });
             const files = await filesBrowserPromise;
@@ -1337,10 +1328,10 @@ class DialogService extends SingletoneStrictClass {
                 id: properties.id ?? undefined,
                 data: properties.url,
                 texts: properties.title ? [properties.title] : undefined,
-                width: properties.width ?? "85vw",
-                maxWidth: properties.maxWidth ?? "1200px",
-                height: properties.height ?? "98vh",
-                maxHeight: properties.maxHeight ?? "3000px",
+                width: properties.width ?? '85vw',
+                maxWidth: properties.maxWidth ?? '1200px',
+                height: properties.height ?? '98vh',
+                maxHeight: properties.maxHeight ?? '3000px',
                 scrollLock: properties.scrollLock ?? false,
                 modal: properties.modal ?? false
             });
@@ -1371,10 +1362,10 @@ class DialogService extends SingletoneStrictClass {
                 id: properties.id ?? undefined,
                 data: properties.url,
                 texts: properties.title ? [properties.title] : undefined,
-                width: properties.width ?? "85vw",
-                maxWidth: properties.maxWidth ?? "1200px",
-                height: properties.height ?? "98vh",
-                maxHeight: properties.maxHeight ?? "3000px",
+                width: properties.width ?? '85vw',
+                maxWidth: properties.maxWidth ?? '1200px',
+                height: properties.height ?? '98vh',
+                maxHeight: properties.maxHeight ?? '3000px',
                 scrollLock: properties.scrollLock ?? false,
                 modal: properties.modal ?? false
             });
@@ -1406,10 +1397,10 @@ class DialogService extends SingletoneStrictClass {
                 id: properties.id ?? undefined,
                 data: { blob: properties.blob, mimeType: 'application/pdf' },
                 texts: properties.title ? [properties.title] : undefined,
-                width: properties.width ?? "85vw",
-                maxWidth: properties.maxWidth ?? "1200px",
-                height: properties.height ?? "98vh",
-                maxHeight: properties.maxHeight ?? "3000px",
+                width: properties.width ?? '85vw',
+                maxWidth: properties.maxWidth ?? '1200px',
+                height: properties.height ?? '98vh',
+                maxHeight: properties.maxHeight ?? '3000px',
                 scrollLock: properties.scrollLock ?? false,
                 modal: properties.modal ?? false
             });
@@ -1438,10 +1429,10 @@ class DialogService extends SingletoneStrictClass {
         }
         const selection = await this.addDialog(DialogDateSelectionComponent, {
             id: properties.id ?? undefined,
-            width: properties.width ?? "50%",
-            maxWidth: properties.maxWidth ?? "96vw",
-            height: properties.height ?? "auto",
-            maxHeight: properties.maxHeight ?? "92vw",
+            width: properties.width ?? '50%',
+            maxWidth: properties.maxWidth ?? '96vw',
+            height: properties.height ?? 'auto',
+            maxHeight: properties.maxHeight ?? '92vw',
             scrollLock: properties.scrollLock ?? false,
             modal: properties.modal ?? false,
             texts: [properties.title ?? ''],
@@ -1478,10 +1469,10 @@ class DialogService extends SingletoneStrictClass {
             }
             await this.addDialog(properties.dialogClass ?? DialogErrorComponent, {
                 id: properties.id ?? undefined,
-                width: properties.width ?? "70%",
-                maxWidth: properties.maxWidth ?? "500px",
-                height: properties.height ?? "auto",
-                maxHeight: properties.maxHeight ?? "92vw",
+                width: properties.width ?? '70%',
+                maxWidth: properties.maxWidth ?? '500px',
+                height: properties.height ?? 'auto',
+                maxHeight: properties.maxHeight ?? '92vw',
                 scrollLock: properties.scrollLock ?? false,
                 modal: properties.modal ?? false,
                 texts: texts,
@@ -1553,9 +1544,9 @@ class DialogService extends SingletoneStrictClass {
      * Block all the user interactions with the application (keyboard, touch, mouse, ...)
      */
     _disableUserInteraction() {
-        this._documentKeydownUnlisten ??= this._renderer.listen('document', 'keydown', (event) => event.preventDefault());
-        this._documentMousedownUnlisten ??= this._renderer.listen('document', 'mousedown', (event) => event.preventDefault());
-        this._documentPointerdownUnlisten ??= this._renderer.listen('document', 'pointerdown', (event) => event.preventDefault());
+        this._documentKeydownUnlisten ??= this._renderer.listen('document', 'keydown', event => event.preventDefault());
+        this._documentMousedownUnlisten ??= this._renderer.listen('document', 'mousedown', event => event.preventDefault());
+        this._documentPointerdownUnlisten ??= this._renderer.listen('document', 'pointerdown', event => event.preventDefault());
     }
     /**
      * Restore the user interactions that were previously disabled with _disableUserInteraction method
@@ -1580,7 +1571,7 @@ class DialogService extends SingletoneStrictClass {
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root',
+                    providedIn: 'root'
                 }]
         }], ctorParameters: () => [{ type: i0.RendererFactory2 }, { type: i1$1.MatSnackBar }, { type: i1.MatDialog }, { type: i0.Injector }, { type: i0.ApplicationRef }, { type: i0.EnvironmentInjector }] });
 
@@ -3229,12 +3220,12 @@ class DialogSingleInputComponent extends DialogBaseComponent {
         super.closeDialog(0, this.inputText);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogSingleInputComponent, deps: [{ token: i0.ElementRef }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DialogSingleInputComponent, isStandalone: true, selector: "tg-dialog-single-input", providers: [], usesInheritance: true, ngImport: i0, template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1 && data.texts[1] !== ''\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<mat-form-field>\r\n\r\n    <mat-label>{{data.texts[2]}}</mat-label>\r\n    <input matInput autoFocusOnDisplay autoSelectTextOnFocus\r\n        (keyup.enter)=\"closeDialog()\"\r\n        [(ngModel)]=\"inputText\">\r\n        \r\n</mat-form-field>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    [disabled]=\"isButtonDisabled()\"\r\n    (click)=\"closeDialog()\">\r\n    \r\n    {{data.options[0]}}\r\n    \r\n</button>", styles: [":host{min-height:300px}h3{margin-top:1vh;margin-bottom:3vh}p{margin-top:0;margin-bottom:5vh}button{min-height:5vh}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TurboGuiAngularModule }, { kind: "directive", type: AutoFocusOnDisplayDirective, selector: "[autoFocusOnDisplay]" }, { kind: "directive", type: AutoSelectTextOnFocusDirective, selector: "[autoSelectTextOnFocus]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.5", type: DialogSingleInputComponent, isStandalone: true, selector: "tg-dialog-single-input", providers: [], usesInheritance: true, ngImport: i0, template: "<h3>\n    {{data.texts[0]}}\n</h3>\n\n<p *ngIf=\"data.texts.length > 1 && data.texts[1] !== ''\">\n    {{data.texts[1]}}\n</p>\n\n<mat-form-field>\n\n    <mat-label>{{data.texts[2]}}</mat-label>\n    <input matInput autoFocusOnDisplay autoSelectTextOnFocus\n        (keyup.enter)=\"closeDialog()\"\n        [(ngModel)]=\"inputText\">\n        \n</mat-form-field>\n\n<button mat-raised-button color=\"primary\"\n    [disabled]=\"isButtonDisabled()\"\n    (click)=\"closeDialog()\">\n    \n    {{data.options[0]}}\n    \n</button>", styles: [":host{min-height:300px}h3{margin-top:1vh;margin-bottom:3vh}p{margin-top:0;margin-bottom:5vh}button{min-height:5vh}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i5.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: TurboGuiAngularModule }, { kind: "directive", type: AutoFocusOnDisplayDirective, selector: "[autoFocusOnDisplay]" }, { kind: "directive", type: AutoSelectTextOnFocusDirective, selector: "[autoSelectTextOnFocus]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: DialogSingleInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tg-dialog-single-input', imports: [CommonModule, MatButtonModule, MatInputModule, FormsModule,
-                        TurboGuiAngularModule], providers: [], template: "<h3>\r\n    {{data.texts[0]}}\r\n</h3>\r\n\r\n<p *ngIf=\"data.texts.length > 1 && data.texts[1] !== ''\">\r\n    {{data.texts[1]}}\r\n</p>\r\n\r\n<mat-form-field>\r\n\r\n    <mat-label>{{data.texts[2]}}</mat-label>\r\n    <input matInput autoFocusOnDisplay autoSelectTextOnFocus\r\n        (keyup.enter)=\"closeDialog()\"\r\n        [(ngModel)]=\"inputText\">\r\n        \r\n</mat-form-field>\r\n\r\n<button mat-raised-button color=\"primary\"\r\n    [disabled]=\"isButtonDisabled()\"\r\n    (click)=\"closeDialog()\">\r\n    \r\n    {{data.options[0]}}\r\n    \r\n</button>", styles: [":host{min-height:300px}h3{margin-top:1vh;margin-bottom:3vh}p{margin-top:0;margin-bottom:5vh}button{min-height:5vh}\n"] }]
+                        TurboGuiAngularModule], providers: [], template: "<h3>\n    {{data.texts[0]}}\n</h3>\n\n<p *ngIf=\"data.texts.length > 1 && data.texts[1] !== ''\">\n    {{data.texts[1]}}\n</p>\n\n<mat-form-field>\n\n    <mat-label>{{data.texts[2]}}</mat-label>\n    <input matInput autoFocusOnDisplay autoSelectTextOnFocus\n        (keyup.enter)=\"closeDialog()\"\n        [(ngModel)]=\"inputText\">\n        \n</mat-form-field>\n\n<button mat-raised-button color=\"primary\"\n    [disabled]=\"isButtonDisabled()\"\n    (click)=\"closeDialog()\">\n    \n    {{data.options[0]}}\n    \n</button>", styles: [":host{min-height:300px}h3{margin-top:1vh;margin-bottom:3vh}p{margin-top:0;margin-bottom:5vh}button{min-height:5vh}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.MatDialogRef }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -3655,6 +3646,17 @@ class DebounceTimeManager {
      * until that Promise resolves or rejects.
      *
      * @param method The function to execute.
+     *
+     * @example
+     * // Queue an async function
+     * debouncer.queue(async () => {
+     *     await myApiService.getData();
+     * });
+     *
+     * // Queue a sync function
+     * debouncer.queue(() => {
+     *    console.log("Hello World");
+     * });
      */
     queue(method) {
         this._isActive = true;