@pega/angular-sdk-components 0.23.15 → 0.23.16

package/fesm2022/pega-angular-sdk-components.mjs

@@ -1218,18 +1218,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class BannerService {
     constructor() {
         this.banners = [];
-        this.localizedVal = PCore.getLocaleUtils().getLocaleValue;
     }
     clearBanners() {
         this.banners = [];
     }
     updateBanners(itemKey) {
+        const localizedVal = PCore.getLocaleUtils().getLocaleValue;
         let validationErrors = PCore.getMessageManager().getValidationErrorMessages(itemKey) || [];
         // const completeProps = this.angularPConnect.getCurrentCompleteProps(this) as FlowContainerProps;
         validationErrors = validationErrors.map(item => ({ message: typeof item === 'string' ? item : `${item.label}: ${item.description}` }));
         // this.showPageMessages(completeProps);
         if (validationErrors.length) {
-            this.banners = [{ messages: validationErrors?.map(msg => this.localizedVal(msg.message, 'Messages')), variant: 'urgent' }];
+            this.banners = [{ messages: validationErrors?.map(msg => localizedVal(msg.message, 'Messages')), variant: 'urgent' }];
+        }
+        else {
+            this.banners = [];
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -5882,13 +5885,21 @@ class CurrencyComponent {
         }
     }
     fieldOnChange(event) {
-        this.angularPConnectData.actions?.onChange(this, event);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = Number(event.target.value).toString() !== oldVal.toString();
+        if (isValueChanged) {
+            this.angularPConnectData.actions?.onChange(this, event);
+        }
     }
     fieldOnBlur(event) {
         // PConnect wants to use eventHandler for onBlur
-        const actionsApi = this.pConn$?.getActionsApi();
-        const propName = (this.pConn$?.getStateProps()).value;
-        handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = Number(event.target.value).toString() !== oldVal.toString();
+        if (isValueChanged) {
+            const actionsApi = this.pConn$?.getActionsApi();
+            const propName = (this.pConn$?.getStateProps()).value;
+            handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        }
     }
     getErrorMessage() {
         let errMessage = '';
@@ -6767,12 +6778,16 @@ class DecimalComponent {
         this.componentReference = this.pConn$.getStateProps().value;
     }
     fieldOnBlur(event) {
-        const actionsApi = this.pConn$?.getActionsApi();
-        const propName = (this.pConn$?.getStateProps()).value;
         let value = event?.target?.value;
         value = value.replace(/,/g, '');
         value = value !== '' ? Number(value) : value;
-        handleEvent(actionsApi, 'changeNblur', propName, value);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            const actionsApi = this.pConn$?.getActionsApi();
+            const propName = (this.pConn$?.getStateProps()).value;
+            handleEvent(actionsApi, 'changeNblur', propName, value);
+        }
     }
     getErrorMessage() {
         let errMessage = '';
@@ -7187,12 +7202,20 @@ class EmailComponent {
         }
     }
     fieldOnChange(event) {
-        this.angularPConnectData.actions?.onChange(this, event);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            this.angularPConnectData.actions?.onChange(this, event);
+        }
     }
     fieldOnBlur(event) {
-        const actionsApi = this.pConn$?.getActionsApi();
-        const propName = (this.pConn$?.getStateProps()).value;
-        handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            const actionsApi = this.pConn$?.getActionsApi();
+            const propName = (this.pConn$?.getStateProps()).value;
+            handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        }
     }
     getErrorMessage() {
         let errMessage = '';
@@ -7385,12 +7408,20 @@ class IntegerComponent {
         }
     }
     fieldOnChange(event) {
-        this.angularPConnectData.actions?.onChange(this, event);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            this.angularPConnectData.actions?.onChange(this, event);
+        }
     }
     fieldOnBlur(event) {
-        const actionsApi = this.pConn$?.getActionsApi();
-        const propName = (this.pConn$?.getStateProps()).value;
-        handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            const actionsApi = this.pConn$?.getActionsApi();
+            const propName = (this.pConn$?.getStateProps()).value;
+            handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        }
     }
     getErrorMessage() {
         // field control gets error message from here
@@ -7564,12 +7595,20 @@ class PercentageComponent {
         }
     }
     fieldOnChange(event) {
-        this.angularPConnectData.actions?.onChange(this, event);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            this.angularPConnectData.actions?.onChange(this, event);
+        }
     }
     fieldOnBlur(event) {
-        const actionsApi = this.pConn$?.getActionsApi();
-        const propName = (this.pConn$?.getStateProps()).value;
-        handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            const actionsApi = this.pConn$?.getActionsApi();
+            const propName = (this.pConn$?.getStateProps()).value;
+            handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        }
     }
     getErrorMessage() {
         // field control gets error message from here
@@ -7706,26 +7745,17 @@ class PhoneComponent {
             });
         }
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    fieldOnBlur(event) { }
     fieldOnChange() {
         if (this.formGroup$.controls[this.controlName$].value) {
-            const actionsApi = this.pConn$?.getActionsApi();
-            const propName = (this.pConn$?.getStateProps()).value;
             const value = this.formGroup$.controls[this.controlName$].value;
-            const eventObj = {
-                target: {
-                    value
-                }
-            };
             this.afterBlur = true;
-            this.angularPConnectData.actions?.onChange(this, eventObj);
-            handleEvent(actionsApi, 'blur', propName, value);
+            const actionsApi = this.pConn$.getActionsApi();
+            const propName = this.pConn$.getStateProps().value;
+            handleEvent(actionsApi, 'changeNblur', propName, value);
         }
     }
-    fieldOnBlur(event) {
-        const actionsApi = this.pConn$?.getActionsApi();
-        const propName = (this.pConn$?.getStateProps()).value;
-        handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
-    }
     getErrorMessage() {
         let errMessage = '';
         // look for validation messages for json, pre-defined or just an error pushed from workitem (400)
@@ -8079,9 +8109,13 @@ class TextAreaComponent {
         }
     }
     fieldOnChange(event) {
-        const actionsApi = this.pConn$?.getActionsApi();
-        const propName = (this.pConn$?.getStateProps()).value;
-        handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            const actionsApi = this.pConn$?.getActionsApi();
+            const propName = (this.pConn$?.getStateProps()).value;
+            handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        }
     }
     getErrorMessage() {
         // field control gets error message from here
@@ -8410,12 +8444,20 @@ class TextInputComponent {
         }
     }
     fieldOnChange(event) {
-        this.angularPConnectData.actions?.onChange(this, event);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            this.angularPConnectData.actions?.onChange(this, event);
+        }
     }
     fieldOnBlur(event) {
-        const actionsApi = this.pConn$?.getActionsApi();
-        const propName = (this.pConn$?.getStateProps()).value;
-        handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            const actionsApi = this.pConn$?.getActionsApi();
+            const propName = (this.pConn$?.getStateProps()).value;
+            handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        }
     }
     getErrorMessage() {
         let errMessage = '';
@@ -8688,12 +8730,20 @@ class UrlComponent {
         }
     }
     fieldOnChange(event) {
-        this.angularPConnectData.actions?.onChange(this, event);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            this.angularPConnectData.actions?.onChange(this, event);
+        }
     }
     fieldOnBlur(event) {
-        const actionsApi = this.pConn$?.getActionsApi();
-        const propName = (this.pConn$?.getStateProps()).value;
-        handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        const oldVal = this.value$ ?? '';
+        const isValueChanged = event.target.value.toString() !== oldVal.toString();
+        if (isValueChanged) {
+            const actionsApi = this.pConn$?.getActionsApi();
+            const propName = (this.pConn$?.getStateProps()).value;
+            handleEvent(actionsApi, 'changeNblur', propName, event?.target?.value);
+        }
     }
     getErrorMessage() {
         let errMessage = '';