cat-qw-lib 0.43.34 → 0.43.37

package/fesm2022/cat-qw-lib.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, Injectable, ViewChild, ViewEncapsulation, inject, Pipe, Directive, NgModule, APP_INITIALIZER } from '@angular/core';
+import { EventEmitter, Component, Input, Output, Injectable, ViewChild, ViewEncapsulation, inject, HostListener, Pipe, Directive, NgModule, APP_INITIALIZER } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i3$1 from '@angular/forms';
@@ -160,6 +160,7 @@ class SHARED {
     static SEMICOLON_STRING = ";";
     static COLON_STRING = ":";
     static PAGINATOR = "paginator";
+    static BROWSER_WARNING = 'You have unsaved changes. Do you really want to leave?';
 }
 const statusList = [
     { name: 'All' },
@@ -717,8 +718,12 @@ class BaseControlComponent {
         return this.record[this.attributeModel.name];
     }
     checkUnsavedChanges() {
+        console.log("1=> initialRecord", this.initialRecord);
+        console.log("2=> Record", this.record);
         const sanitizedInitialRecord = this.normalizeRecord(this.initialRecord);
         const sanitizedCurrentRecord = this.normalizeRecord(this.record);
+        console.log("3=> currentRecord", sanitizedCurrentRecord);
+        console.log("4=> Initial Record", sanitizedInitialRecord);
         const hasChanges = JSON.stringify(sanitizedInitialRecord) !== JSON.stringify(sanitizedCurrentRecord);
         this.formStateService.selectIsFormSaved().subscribe((res) => {
             if (res) {
@@ -726,9 +731,11 @@ class BaseControlComponent {
             }
             else {
                 if (!res && hasChanges) {
+                    console.log("hasChange");
                     this.formStateService.setShowConfirmation(true);
                 }
                 if (!res && !hasChanges) {
+                    console.log("No hasChange");
                     this.formStateService.setShowConfirmation(false);
                 }
             }
@@ -1331,7 +1338,6 @@ class BaseFormComponent {
     onSave = new EventEmitter();
     onFormNavigate = new EventEmitter();
     onCancel = new EventEmitter();
-    isConfirmDialogOpen = false;
     constructor(formStateService, service, validatorService, router, activatedRoute, baseStore, baseQuery) {
         this.formStateService = formStateService;
         this.service = service;
@@ -1359,31 +1365,13 @@ class BaseFormComponent {
                 this.recordChange.next(res);
             });
         }
-        window.addEventListener('beforeunload', this.beforeUnloadHandler);
     }
-    beforeUnloadHandler = (event) => {
+    handleBeforeUnload(event) {
         this.formStateService.setIsFormNavigating(true);
         this.formStateService.selectShowConfirmation().subscribe((showConfirmation) => {
             if (showConfirmation) {
                 event.preventDefault();
-                event.returnValue = 'You have unsaved changes. Do you really want to leave?';
-                this.showPrimeNgConfirm();
-                return event.returnValue;
-            }
-        });
-    };
-    showPrimeNgConfirm() {
-        this.confirmationService.confirm({
-            message: 'You have unsaved changes! Do you really want to leave?',
-            header: 'Confirm Navigation',
-            icon: 'pi pi-exclamation-triangle',
-            accept: () => {
-                this.isConfirmDialogOpen = false;
-                window.removeEventListener('beforeunload', this.beforeUnloadHandler); // Allow browser navigation
-                window.location.href = window.location.href;
-            },
-            reject: () => {
-                this.isConfirmDialogOpen = false;
+                event.returnValue = SHARED.BROWSER_WARNING;
             }
         });
     }
@@ -1489,7 +1477,7 @@ class BaseFormComponent {
         this.formStateService.setIsFormSaved(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: BaseFormComponent, deps: [{ token: FormStateService }, { token: BaseService }, { token: ValidatorService }, { token: i4$3.Router }, { token: i4$3.ActivatedRoute }, { token: BaseStore }, { token: BaseQuery }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: BaseFormComponent, isStandalone: true, selector: "base-form", outputs: { onSave: "onSave", onFormNavigate: "onFormNavigate", onCancel: "onCancel" }, providers: [ValidatorService, ConfirmationService], ngImport: i0, template: "<p>base-form works!</p>\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.4", type: BaseFormComponent, isStandalone: true, selector: "base-form", outputs: { onSave: "onSave", onFormNavigate: "onFormNavigate", onCancel: "onCancel" }, host: { listeners: { "window:beforeunload": "handleBeforeUnload($event)" } }, providers: [ValidatorService, ConfirmationService], ngImport: i0, template: "<p>base-form works!</p>\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImport: i0, type: BaseFormComponent, decorators: [{
             type: Component,
@@ -1500,6 +1488,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.4", ngImpor
                 type: Output
             }], onCancel: [{
                 type: Output
+            }], handleBeforeUnload: [{
+                type: HostListener,
+                args: ['window:beforeunload', ['$event']]
             }] } });
 
 class DateParserService {