@elderbyte/ngx-starter 20.4.0 → 20.4.2

package/fesm2022/elderbyte-ngx-starter.mjs

@@ -2033,18 +2033,24 @@ class CurrencyFormatUtil {
 class PhoneFormatService {
     /***************************************************************************
      *                                                                         *
-     * Public static methods                                                   *
+     * Public API                                                              *
      *                                                                         *
      **************************************************************************/
-    formatPhoneNumber(nr, config) {
+    formatPhoneNumber(number, countryCode, config) {
         if (!config || !config.dialingCode) {
-            return nr;
+            return this.handleWithoutConfig(number, countryCode);
+        }
+        else {
+            return this.applyFormattingPerConfig(number, config);
         }
-        const cleanedNr = nr.replace(/[^0-9+]/g, ''); // remove all chars except numbers and plus
-        const withoutDialingCode = this.removeDialingCode(cleanedNr, config.dialingCode);
-        const withoutLeadingZeros = withoutDialingCode.replace(/^0+/, ''); // remove leading zeros
-        let phoneNrBody = withoutLeadingZeros;
-        // if bodyFormat is provided, format the body with the regex
+    }
+    /***************************************************************************
+     *                                                                         *
+     * Private Methods                                                         *
+     *                                                                         *
+     **************************************************************************/
+    applyFormattingPerConfig(number, config) {
+        let phoneNrBody = this.preparePhoneNumberBody(number, config);
         if (config.bodyFormat) {
             const [regex, format] = config.bodyFormat;
             phoneNrBody = phoneNrBody.replace(regex, format);
@@ -2052,11 +2058,23 @@ class PhoneFormatService {
         const prefix = config.customPrefix ?? `${config.dialingCode} `;
         return `${prefix}${phoneNrBody}`;
     }
-    /***************************************************************************
-     *                                                                         *
-     * Private static methods                                                  *
-     *                                                                         *
-     **************************************************************************/
+    preparePhoneNumberBody(number, config) {
+        const clean = this.cleanNumberString(number);
+        const withoutDialingCode = this.removeDialingCode(clean, config.dialingCode);
+        return withoutDialingCode.replace(/^0+/, ''); // remove leading zeros
+    }
+    cleanNumberString(number) {
+        const regex = /[^0-9+]/g; //
+        return number.replace(regex, '');
+    }
+    handleWithoutConfig(number, countryCode) {
+        if (!countryCode) {
+            return number;
+        }
+        else {
+            return countryCode + ' ' + number;
+        }
+    }
     removeDialingCode(phoneNr, dialingCode) {
         const dialingCodeWithDoubleZero = dialingCode.replace('+', '00');
         for (const prefix of [dialingCode, dialingCodeWithDoubleZero]) {
@@ -2085,6 +2103,12 @@ class CountryPhoneFormatService {
                 bodyFormat: [/^(\d{2})(\d{3})(\d{2})(\d{2})$/, '$1 $2 $3 $4'],
                 customPrefix: '0',
             },
+            '0041': {
+                country: 'CH',
+                dialingCode: '+41',
+                bodyFormat: [/^(\d{2})(\d{3})(\d{2})(\d{2})$/, '$1 $2 $3 $4'],
+                customPrefix: '0',
+            },
             '+423': {
                 country: 'LI',
                 dialingCode: '+423',
@@ -2135,7 +2159,7 @@ class PhonePipe {
     }
     transform(phoneNumber) {
         const countryPhoneFormat = this.countryPhoneFormats.getCountryPhoneFormat(phoneNumber.countryCode);
-        return this.phoneFormat.formatPhoneNumber(phoneNumber.number, countryPhoneFormat);
+        return this.phoneFormat.formatPhoneNumber(phoneNumber.number, phoneNumber.countryCode, countryPhoneFormat);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: PhonePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: PhonePipe, isStandalone: true, name: "phone" }); }
@@ -25596,6 +25620,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
  */
 // eslint-disable-next-line @angular-eslint/directive-class-suffix
 class ElderMultiSelectBase extends ElderSelectBase {
+    // @Output()
+    // public readonly entityIdsUpdated: Observable<TId[]> = this.entitiesChangeEvent.pipe(
+    //   filter((event) => event.userInitiated),
+    //   map((event) => event.idsAfter)
+    // )
     /***************************************************************************
      *                                                                         *
      * Constructor                                                             *
@@ -25941,7 +25970,7 @@ class ElderMultiSelectBase extends ElderSelectBase {
         return entities;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ElderMultiSelectBase, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: ElderMultiSelectBase, isStandalone: true, inputs: { entitiesSorts: "entitiesSorts", confirmRemoval: "confirmRemoval", entities: "entities", entityIds: "entityIds" }, outputs: { entitiesChangeEvent: "entitiesChangeEvent" }, host: { properties: { "class": "this.hostClass", "class.mat-select-disabled": "this.disabledClass", "class.mat-select-invalid": "this.errorStateClass", "class.mat-select-required": "this.requiredClass", "class.mat-select-empty": "this.emptyClass" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: ElderMultiSelectBase, isStandalone: true, inputs: { entitiesSorts: "entitiesSorts", confirmRemoval: "confirmRemoval", entities: "entities", entityIds: "entityIds" }, outputs: { entitiesChangeEvent: "entitiesChangeEvent", entitiesChange: "entitiesChange", entitiesUpdated: "entitiesUpdated", entityIdsChange: "entityIdsChange", entityIdsUpdated: "entityIdsUpdated" }, host: { properties: { "class": "this.hostClass", "class.mat-select-disabled": "this.disabledClass", "class.mat-select-invalid": "this.errorStateClass", "class.mat-select-required": "this.requiredClass", "class.mat-select-empty": "this.emptyClass" } }, usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ElderMultiSelectBase, decorators: [{
             type: Directive
@@ -25951,6 +25980,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
                 type: Input
             }], entitiesChangeEvent: [{
                 type: Output
+            }], entitiesChange: [{
+                type: Output
+            }], entitiesUpdated: [{
+                type: Output
+            }], entityIdsChange: [{
+                type: Output
+            }], entityIdsUpdated: [{
+                type: Output
             }], hostClass: [{
                 type: HostBinding,
                 args: ['class']