@onemrvapublic/design-system 1.0.0-beta.4 → 1.0.0-develop.1

package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs

@@ -0,0 +1,295 @@
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { HostListener, Directive, EventEmitter, inject, ViewChild, Output, Input, ViewEncapsulation, Component } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i2 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i6 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { Subject, debounceTime, startWith, combineLatestWith, map, takeUntil, zip } from 'rxjs';
+import * as i3 from '@onemrvapublic/design-system/mat-select-search';
+import { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';
+import parsePhoneNumber from 'libphonenumber-js';
+import { FlagIconComponent } from '@onemrvapublic/design-system/flag-icon';
+import { OnemRvaCDNCountryService } from '@onemrvapublic/design-system/shared';
+
+class PhoneNumberDirective {
+    onKeyDown(event) {
+        const e = event;
+        const allowedKey = [
+            '0',
+            '1',
+            '2',
+            '3',
+            '4',
+            '5',
+            '6',
+            '7',
+            '8',
+            '9',
+            ' ',
+            'Backspace',
+            'Delete',
+            'Tab',
+            '+',
+            '-',
+            'Enter',
+            'ArrowLeft',
+            'ArrowRight',
+            'ArrowUp',
+            'ArrowDown',
+            'Home',
+            'End',
+        ];
+        if (allowedKey.indexOf(e.key) >= 0)
+            return;
+        const allowedCtrlShortcuts = ['a', 'c', 'x', 'v'];
+        if (e.ctrlKey && allowedCtrlShortcuts.indexOf(e.key) >= 0)
+            return;
+        e.preventDefault();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PhoneNumberDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.7", type: PhoneNumberDirective, isStandalone: true, selector: "[phoneNumber]", host: { listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: PhoneNumberDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[phoneNumber]',
+                    standalone: true,
+                }]
+        }], propDecorators: { onKeyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
+
+class OnemrvaMatInputPhoneComponent {
+    constructor() {
+        this.readonly = false;
+        this.label = 'Phone number';
+        this.noEntriesFoundLabel = 'Not found';
+        this.placeholder = '+32 475 12 34 56';
+        this.placeholderLabel = 'Search';
+        this.defaultPrefix = '+32';
+        this.searchAriaLabel = '';
+        this.hint = '';
+        this.getCountry = new EventEmitter();
+        this.countryCode = new FormControl('');
+        this.filterCtrl = new FormControl('');
+        this.destroyNotifier$ = new Subject();
+        this.cdn = inject(OnemRvaCDNCountryService);
+        this.countries$ = this.cdn.getCountries();
+        this.filteredCountries$ = this.filterCtrl.valueChanges.pipe(debounceTime(400), startWith(''), // Explicitly define type
+        combineLatestWith(this.countries$), // Ensure correct tuple structure
+        map(([search, countries]) => {
+            // Define expected tuple
+            return countries.filter((country) => {
+                if (!search || search.trim() === '')
+                    return true; // Return all when search is empty
+                return country.name?.toLowerCase().includes(search.toLowerCase());
+            });
+        }));
+    }
+    get number() {
+        return this.phoneNumber;
+    }
+    ngOnInit() {
+        this.number.valueChanges
+            .pipe(startWith(this.number.getRawValue()), takeUntil(this.destroyNotifier$))
+            .subscribe(number => {
+            if (number !== '') {
+                if (number.substring(0, 1) !== '+')
+                    this.countryCode.setValue('', { emitEvent: false });
+                if (number === '0') {
+                    this.cdn
+                        .findCountryFromPrefix(this.defaultPrefix)
+                        .pipe(takeUntil(this.destroyNotifier$))
+                        .subscribe(country => {
+                        if (country) {
+                            //this.getCountry.next(country);
+                            this.number.setValue(this.defaultPrefix, {
+                                emitEvent: false,
+                            });
+                            this.countryCode.setValue(country.code, { emitEvent: false });
+                        }
+                        else {
+                            this.countryCode.setValue('');
+                        }
+                        this.formatPhoneNumber();
+                    });
+                }
+                else {
+                    this.cdn
+                        .findCountryFromPrefix(number)
+                        .pipe(takeUntil(this.destroyNotifier$))
+                        .subscribe(country => {
+                        if (country) {
+                            //this.getCountry.next(country);
+                            this.countryCode.setValue(country.code);
+                        }
+                        else {
+                            this.countryCode.setValue('');
+                        }
+                        this.formatPhoneNumber();
+                    });
+                }
+            }
+        });
+        this.countryCode.valueChanges
+            .pipe(takeUntil(this.destroyNotifier$))
+            .subscribe(value => {
+            let number = this.number.getRawValue();
+            zip(this.cdn.findCountryFromPrefix(number), this.cdn.findCountryFromCode(value)).subscribe(([countryFromVies, countryFromCode]) => {
+                // Perform your action here using countryFromVies and countryFromCode
+                if (countryFromVies) {
+                    number = number.replace(countryFromVies.dial_code, '');
+                }
+                if (countryFromCode) {
+                    this.getCountry.next(countryFromCode);
+                    if (number.substring(0, 1) === '+') {
+                        number = number.replace('+', '');
+                    }
+                    number = countryFromCode.dial_code + number;
+                    this.number.setValue(number, { emitEvent: false });
+                    this.formatPhoneNumber();
+                }
+                setTimeout(() => {
+                    this.numberInput.nativeElement.focus();
+                }, 200);
+            });
+        });
+    }
+    handleClick(e) {
+        e.stopPropagation();
+    }
+    clearValidators() {
+        let required = false;
+        if (this.number.hasValidator(Validators.required)) {
+            required = true;
+        }
+        this.number.clearValidators();
+        if (required) {
+            this.number.addValidators(Validators.required);
+        }
+    }
+    formatPhoneNumber() {
+        this.clearValidators();
+        if (this.countryCode.getRawValue() !== '') {
+            this.number.addValidators([
+                this.phoneNumberValidator(this.countryCode.getRawValue()),
+            ]);
+        }
+        try {
+            const parsedPhone = parsePhoneNumber(this.number.getRawValue());
+            const code = parsedPhone?.country;
+            if (code) {
+                this.countryCode.setValue(code, { emitEvent: false });
+                this.clearValidators();
+                this.number.addValidators([this.phoneNumberValidator(code)]);
+                this.number.setValue(parsedPhone?.format('INTERNATIONAL'), {
+                    emitEvent: false,
+                });
+            }
+            else {
+                this.number.addValidators([genericValidator('input.phone.invalid')]);
+            }
+        }
+        catch (e) {
+            this.number.addValidators([genericValidator(e.message)]);
+        }
+    }
+    ngOnDestroy() {
+        this.destroyNotifier$.next();
+        this.destroyNotifier$.complete();
+    }
+    errors() {
+        for (const k in this.number.errors) {
+            if (k === 'required') {
+                return 'input.phone.required';
+            }
+            else {
+                return 'input.phone.invalid';
+            }
+        }
+        return 'input.phone.unknown.error';
+    }
+    phoneNumberValidator(code) {
+        return (_control) => {
+            let number = code + _control.getRawValue();
+            if (number === '') {
+                return null;
+            }
+            try {
+                number = number.replace(code, '');
+                const parsedNumber = parsePhoneNumber(number);
+                if (parsedNumber?.isValid()) {
+                    return null;
+                }
+            }
+            catch (e) {
+                console.warn(e.message);
+                return { phoneNumber: { value: 'input.phone.invalid' } };
+            }
+            return { phoneNumber: { value: 'input.phone.invalid' } };
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputPhoneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatInputPhoneComponent, isStandalone: true, selector: "onemrva-mat-input-phone", inputs: { readonly: "readonly", phoneNumber: "phoneNumber", label: "label", noEntriesFoundLabel: "noEntriesFoundLabel", placeholder: "placeholder", placeholderLabel: "placeholderLabel", defaultPrefix: "defaultPrefix", searchAriaLabel: "searchAriaLabel", hint: "hint" }, outputs: { getCountry: "getCountry" }, viewQueries: [{ propertyName: "numberInput", first: true, predicate: ["numberInput"], descendants: true }], ngImport: i0, template: "<ng-container>\n  <mat-form-field class=\"onemrva-input-phone-number\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      phoneNumber\n      #numberInput\n      [placeholder]=\"placeholder\"\n      [formControl]=\"phoneNumber\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.getRawValue()\" />\n      </mat-select-trigger>\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"filterCtrl\"\n          [ariaLabel]=\"searchAriaLabel\"\n          [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n          [placeholderLabel]=\"placeholderLabel\"\n        ></mat-select-search>\n      </mat-option>\n      @for (country of filteredCountries$ | async; track country.code) {\n        <mat-option [value]=\"country.code\">\n          <flag-icon [countryCode]=\"country.code\" />\n          &nbsp;&nbsp;&nbsp;\n          {{ country.name }}\n          &nbsp;&nbsp;&nbsp;\n          <span class=\"dialcode\">\n            {{ country.dial_code }}\n          </span>\n        </mat-option>\n      }\n    </mat-select>\n    @if (hint !== '') {\n      <mat-hint>{{ hint }}</mat-hint>\n    }\n    @if (number.invalid) {\n      <mat-error>{{ errors() | translate }}</mat-error>\n    }\n  </mat-form-field>\n</ng-container>\n", styles: [".onemrva-input-phone-number mat-select .mat-mdc-select-placeholder{width:1em!important;display:block!important}.onemrva-input-phone-number mat-select .mat-mdc-select-placeholder:before{width:1em!important;height:1em!important;background:#eee!important;visibility:visible!important;margin:10px 0!important}.onemrva-input-phone-number mat-select .mat-mdc-select-value{padding-right:8px}.onemrva-input-phone-number .onemrva-text-number{padding-left:12px!important;vertical-align:middle}.onemrva-input-phone-number .mat-mdc-form-field-text-prefix mat-select{line-height:14px!important}.onemrva-input-phone-number span.dialcode{color:#acaab2}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.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: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSelectSearchModule }, { kind: "component", type: i3.MatSelectSearchComponent, selector: "mat-select-search", inputs: ["placeholderLabel", "type", "closeIcon", "closeSvgIcon", "noEntriesFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti"], outputs: ["toggleAll"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: PhoneNumberDirective, selector: "[phoneNumber]" }, { kind: "component", type: FlagIconComponent, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputPhoneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-input-phone', standalone: true, imports: [
+                        CommonModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        MatSelectSearchModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        PhoneNumberDirective,
+                        FlagIconComponent,
+                    ], encapsulation: ViewEncapsulation.None, template: "<ng-container>\n  <mat-form-field class=\"onemrva-input-phone-number\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      phoneNumber\n      #numberInput\n      [placeholder]=\"placeholder\"\n      [formControl]=\"phoneNumber\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.getRawValue()\" />\n      </mat-select-trigger>\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"filterCtrl\"\n          [ariaLabel]=\"searchAriaLabel\"\n          [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n          [placeholderLabel]=\"placeholderLabel\"\n        ></mat-select-search>\n      </mat-option>\n      @for (country of filteredCountries$ | async; track country.code) {\n        <mat-option [value]=\"country.code\">\n          <flag-icon [countryCode]=\"country.code\" />\n          &nbsp;&nbsp;&nbsp;\n          {{ country.name }}\n          &nbsp;&nbsp;&nbsp;\n          <span class=\"dialcode\">\n            {{ country.dial_code }}\n          </span>\n        </mat-option>\n      }\n    </mat-select>\n    @if (hint !== '') {\n      <mat-hint>{{ hint }}</mat-hint>\n    }\n    @if (number.invalid) {\n      <mat-error>{{ errors() | translate }}</mat-error>\n    }\n  </mat-form-field>\n</ng-container>\n", styles: [".onemrva-input-phone-number mat-select .mat-mdc-select-placeholder{width:1em!important;display:block!important}.onemrva-input-phone-number mat-select .mat-mdc-select-placeholder:before{width:1em!important;height:1em!important;background:#eee!important;visibility:visible!important;margin:10px 0!important}.onemrva-input-phone-number mat-select .mat-mdc-select-value{padding-right:8px}.onemrva-input-phone-number .onemrva-text-number{padding-left:12px!important;vertical-align:middle}.onemrva-input-phone-number .mat-mdc-form-field-text-prefix mat-select{line-height:14px!important}.onemrva-input-phone-number span.dialcode{color:#acaab2}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { readonly: [{
+                type: Input
+            }], phoneNumber: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], noEntriesFoundLabel: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], placeholderLabel: [{
+                type: Input
+            }], defaultPrefix: [{
+                type: Input
+            }], searchAriaLabel: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], getCountry: [{
+                type: Output
+            }], numberInput: [{
+                type: ViewChild,
+                args: ['numberInput']
+            }] } });
+function genericValidator(message) {
+    return (_control) => {
+        return { phoneNumber: { value: message } };
+    };
+}
+
+/*
+ * Public API Surface of mat-bank-account-input
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatInputPhoneComponent, PhoneNumberDirective };
+//# sourceMappingURL=onemrvapublic-design-system-mat-input-phone.mjs.map

package/fesm2022/onemrvapublic-design-system-mat-input-phone.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-input-phone.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-phone/src/phone-number.directive.ts","../../../../projects/onemrva/design-system/mat-input-phone/src/onemrva-mat-input-phone.component.ts","../../../../projects/onemrva/design-system/mat-input-phone/src/onemrva-mat-input-phone.component.html","../../../../projects/onemrva/design-system/mat-input-phone/index.ts","../../../../projects/onemrva/design-system/mat-input-phone/onemrvapublic-design-system-mat-input-phone.ts"],"sourcesContent":["import { Directive, HostListener } from '@angular/core';\n\n@Directive({\n  selector: '[phoneNumber]',\n  standalone: true,\n})\nexport class PhoneNumberDirective {\n  @HostListener('keydown', ['$event']) onKeyDown(event: any) {\n    const e = event as KeyboardEvent;\n\n    const allowedKey = [\n      '0',\n      '1',\n      '2',\n      '3',\n      '4',\n      '5',\n      '6',\n      '7',\n      '8',\n      '9',\n      ' ',\n      'Backspace',\n      'Delete',\n      'Tab',\n      '+',\n      '-',\n      'Enter',\n      'ArrowLeft',\n      'ArrowRight',\n      'ArrowUp',\n      'ArrowDown',\n      'Home',\n      'End',\n    ];\n\n    if (allowedKey.indexOf(e.key) >= 0) return;\n\n    const allowedCtrlShortcuts = ['a', 'c', 'x', 'v'];\n    if (e.ctrlKey && allowedCtrlShortcuts.indexOf(e.key) >= 0) return;\n\n    e.preventDefault();\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  EventEmitter,\n  inject,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  FormControl,\n  ReactiveFormsModule,\n  ValidationErrors,\n  ValidatorFn,\n  Validators,\n} from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSelectModule } from '@angular/material/select';\nimport { TranslateModule } from '@ngx-translate/core';\nimport {\n  Observable,\n  Subject,\n  map,\n  startWith,\n  debounceTime,\n  takeUntil,\n  combineLatestWith,\n  zip,\n} from 'rxjs';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport { PhoneNumberDirective } from './phone-number.directive';\nimport parsePhoneNumber from 'libphonenumber-js';\nimport { FlagIconComponent } from '@onemrvapublic/design-system/flag-icon';\nimport {\n  OnemRvaCDNCountryService,\n  OnemrvaMaterialCountry,\n} from '@onemrvapublic/design-system/shared';\n\n@Component({\n  selector: 'onemrva-mat-input-phone',\n  styleUrls: ['onemrva-mat-input-phone.component.scss'],\n  templateUrl: 'onemrva-mat-input-phone.component.html',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    PhoneNumberDirective,\n    FlagIconComponent,\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaMatInputPhoneComponent implements OnInit, OnDestroy {\n  @Input()\n  readonly = false;\n\n  @Input() phoneNumber!: FormControl;\n  @Input() label = 'Phone number';\n  @Input() noEntriesFoundLabel = 'Not found';\n  @Input() placeholder = '+32 475 12 34 56';\n  @Input() placeholderLabel = 'Search';\n  @Input() defaultPrefix = '+32';\n  @Input() searchAriaLabel = '';\n  @Input() hint = '';\n  @Output() getCountry = new EventEmitter<any>();\n  @ViewChild('numberInput') numberInput!: ElementRef;\n\n  countryCode: FormControl = new FormControl('');\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  destroyNotifier$ = new Subject<void>();\n\n  private readonly cdn = inject(OnemRvaCDNCountryService);\n  public countries$: Observable<OnemrvaMaterialCountry[]> =\n    this.cdn.getCountries();\n  public filteredCountries$: Observable<OnemrvaMaterialCountry[]>;\n\n  constructor() {\n    this.filteredCountries$ = this.filterCtrl.valueChanges.pipe(\n      debounceTime(400),\n      startWith<string | null>(''), // Explicitly define type\n      combineLatestWith(this.countries$), // Ensure correct tuple structure\n      map(([search, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        // Define expected tuple\n        return countries.filter((country: OnemrvaMaterialCountry) => {\n          if (!search || search.trim() === '') return true; // Return all when search is empty\n          return country.name?.toLowerCase().includes(search.toLowerCase());\n        });\n      }),\n    );\n  }\n\n  get number(): FormControl {\n    return this.phoneNumber as FormControl;\n  }\n\n  ngOnInit(): void {\n    this.number.valueChanges\n      .pipe(\n        startWith(this.number.getRawValue()),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(number => {\n        if (number !== '') {\n          if (number.substring(0, 1) !== '+')\n            this.countryCode.setValue('', { emitEvent: false });\n          if (number === '0') {\n            this.cdn\n              .findCountryFromPrefix(this.defaultPrefix)\n              .pipe(takeUntil(this.destroyNotifier$))\n              .subscribe(country => {\n                if (country) {\n                  //this.getCountry.next(country);\n                  this.number.setValue(this.defaultPrefix, {\n                    emitEvent: false,\n                  });\n                  this.countryCode.setValue(country.code, { emitEvent: false });\n                } else {\n                  this.countryCode.setValue('');\n                }\n                this.formatPhoneNumber();\n              });\n          } else {\n            this.cdn\n              .findCountryFromPrefix(number)\n              .pipe(takeUntil(this.destroyNotifier$))\n              .subscribe(country => {\n                if (country) {\n                  //this.getCountry.next(country);\n                  this.countryCode.setValue(country.code);\n                } else {\n                  this.countryCode.setValue('');\n                }\n                this.formatPhoneNumber();\n              });\n          }\n        }\n      });\n\n    this.countryCode.valueChanges\n      .pipe(takeUntil(this.destroyNotifier$))\n      .subscribe(value => {\n        let number = this.number.getRawValue();\n        zip(\n          this.cdn.findCountryFromPrefix(number),\n          this.cdn.findCountryFromCode(value),\n        ).subscribe(([countryFromVies, countryFromCode]) => {\n          // Perform your action here using countryFromVies and countryFromCode\n          if (countryFromVies) {\n            number = number.replace(countryFromVies.dial_code, '');\n          }\n          if (countryFromCode) {\n            this.getCountry.next(countryFromCode);\n            if (number.substring(0, 1) === '+') {\n              number = number.replace('+', '');\n            }\n            number = countryFromCode.dial_code + number;\n            this.number.setValue(number, { emitEvent: false });\n            this.formatPhoneNumber();\n          }\n          setTimeout(() => {\n            this.numberInput.nativeElement.focus();\n          }, 200);\n        });\n      });\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  private clearValidators() {\n    let required = false;\n    if (this.number.hasValidator(Validators.required)) {\n      required = true;\n    }\n    this.number.clearValidators();\n    if (required) {\n      this.number.addValidators(Validators.required);\n    }\n  }\n\n  private formatPhoneNumber() {\n    this.clearValidators();\n    if (this.countryCode.getRawValue() !== '') {\n      this.number.addValidators([\n        this.phoneNumberValidator(this.countryCode.getRawValue()),\n      ]);\n    }\n    try {\n      const parsedPhone = parsePhoneNumber(this.number.getRawValue());\n      const code = parsedPhone?.country;\n      if (code) {\n        this.countryCode.setValue(code, { emitEvent: false });\n        this.clearValidators();\n        this.number.addValidators([this.phoneNumberValidator(code)]);\n        this.number.setValue(parsedPhone?.format('INTERNATIONAL'), {\n          emitEvent: false,\n        });\n      } else {\n        this.number.addValidators([genericValidator('input.phone.invalid')]);\n      }\n    } catch (e: any) {\n      this.number.addValidators([genericValidator(e.message)]);\n    }\n  }\n\n  ngOnDestroy() {\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  errors() {\n    for (const k in this.number.errors) {\n      if (k === 'required') {\n        return 'input.phone.required';\n      } else {\n        return 'input.phone.invalid';\n      }\n    }\n    return 'input.phone.unknown.error';\n  }\n\n  phoneNumberValidator(code: string): ValidatorFn {\n    return (_control: AbstractControl): ValidationErrors | null => {\n      let number: string = code + _control.getRawValue();\n\n      if (number === '') {\n        return null;\n      }\n\n      try {\n        number = number.replace(code, '');\n        const parsedNumber = parsePhoneNumber(number);\n\n        if (parsedNumber?.isValid()) {\n          return null;\n        }\n      } catch (e: any) {\n        console.warn(e.message);\n        return { phoneNumber: { value: 'input.phone.invalid' } };\n      }\n      return { phoneNumber: { value: 'input.phone.invalid' } };\n    };\n  }\n}\n\nfunction genericValidator(message: string): ValidatorFn {\n  return (_control: AbstractControl): ValidationErrors | null => {\n    return { phoneNumber: { value: message } };\n  };\n}\n","<ng-container>\n  <mat-form-field class=\"onemrva-input-phone-number\">\n    <mat-label>{{ label }}</mat-label>\n\n    <input\n      (click)=\"handleClick($event)\"\n      type=\"tel\"\n      matInput\n      phoneNumber\n      #numberInput\n      [placeholder]=\"placeholder\"\n      [formControl]=\"phoneNumber\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n    />\n    <mat-select\n      matTextPrefix\n      class=\"onemrva-phone-number-select\"\n      [formControl]=\"countryCode\"\n    >\n      <mat-select-trigger>\n        <flag-icon [countryCode]=\"countryCode.getRawValue()\" />\n      </mat-select-trigger>\n      <mat-option>\n        <mat-select-search\n          [formControl]=\"filterCtrl\"\n          [ariaLabel]=\"searchAriaLabel\"\n          [noEntriesFoundLabel]=\"noEntriesFoundLabel\"\n          [placeholderLabel]=\"placeholderLabel\"\n        ></mat-select-search>\n      </mat-option>\n      @for (country of filteredCountries$ | async; track country.code) {\n        <mat-option [value]=\"country.code\">\n          <flag-icon [countryCode]=\"country.code\" />\n          &nbsp;&nbsp;&nbsp;\n          {{ country.name }}\n          &nbsp;&nbsp;&nbsp;\n          <span class=\"dialcode\">\n            {{ country.dial_code }}\n          </span>\n        </mat-option>\n      }\n    </mat-select>\n    @if (hint !== '') {\n      <mat-hint>{{ hint }}</mat-hint>\n    }\n    @if (number.invalid) {\n      <mat-error>{{ errors() | translate }}</mat-error>\n    }\n  </mat-form-field>\n</ng-container>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-phone.component';\nexport * from './src/phone-number.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs

@@ -0,0 +1,210 @@
+import * as i0 from '@angular/core';
+import { HostBinding, Input, ViewChild, Component, NgModule } from '@angular/core';
+import { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';
+
+let NEXT_ID = 0;
+class OnemrvaMatMessageBoxComponent {
+    constructor() {
+        this.label = false;
+        this.messageCode = '';
+        /**
+         * Returns the `aria-label` attribute of the element.
+         *
+         * @example
+         * ```typescript
+         * let elementLabel = this.<element>.ariaLabel;
+         * ```
+         *
+         */
+        this.ariaLabel = 'message-box';
+        this.showIcon = true;
+        /**
+         * Returns the `role` attribute of the element.
+         *
+         * @example
+         * ```typescript
+         * let elementRole = this.<element>.role;
+         * ```
+         */
+        this.role = 'alert';
+        /**
+         * Host `class.onemrva-mat-message-box` binding.
+         *
+         * @hidden
+         * @internal
+         */
+        this.cssClass = 'onemrva-mat-message-box';
+        /**
+         * Sets the `id` of the element. If not set, the first component instance will have `id` = `"onemrva-mat-*-0"`.
+         *
+         * @example
+         * ```html
+         * <onemrva-mat-* id="my-first-*"></onemrva-mat-*>
+         * ```
+         */
+        this.id = `onemrva-mat-message-box-${NEXT_ID++}`;
+        /**
+         * Sets the `data-cy` of the element. If not set, the first component instance will have `data-cy` = `"onemrva-mat-*-0"`.
+         *
+         * @example
+         * ```html
+         * <onemrva-mat-* id="my-first-*"></onemrva-mat-*>
+         * ```
+         */
+        this.dataCy = `onemrva-mat-message-box-${NEXT_ID++}`;
+        /**
+         * @hidden
+         * @internal
+         */
+        this._color = OnemrvaMatColor.NONE;
+    }
+    /**
+     * Returns the color of the element.
+     *
+     * @example
+     * ```typescript
+     * let color = this.<element>.color;
+     * ```
+     */
+    get color() {
+        return this._color;
+    }
+    /**
+     * Sets the size  of the element.
+     * By default, the size is `"small"`. It can be set to `"medium"` or `"large"`.
+     *
+     * @example
+     * ```html
+     * <onemrva-mat-* size="large"></onemrva-mat-*>
+     * ```
+     */
+    set color(value) {
+        switch (value) {
+            case OnemrvaMatColor.SUCCESS:
+            case OnemrvaMatColor.WARN:
+            case OnemrvaMatColor.NONE:
+            case OnemrvaMatColor.INFO:
+            case OnemrvaMatColor.GRAYSCALE:
+            case OnemrvaMatColor.PRIMARY:
+            case OnemrvaMatColor.NEUTRAL:
+            case OnemrvaMatColor.ERROR:
+                this._color = value;
+                break;
+            default:
+                this._color = OnemrvaMatColor.INFO;
+        }
+    }
+    /** @hidden @internal */
+    get _isError() {
+        return this.color === OnemrvaMatColor.ERROR;
+    }
+    /** @hidden @internal */
+    get _isWarn() {
+        return this.color === OnemrvaMatColor.WARN;
+    }
+    /** @hidden @internal */
+    get _isSuccess() {
+        return this.color === OnemrvaMatColor.SUCCESS;
+    }
+    /** @hidden @internal */
+    get _isPrimary() {
+        return this.color === OnemrvaMatColor.PRIMARY;
+    }
+    /** @hidden @internal */
+    get isGrayscale() {
+        return (this.color === OnemrvaMatColor.GRAYSCALE ||
+            this.color === OnemrvaMatColor.NONE);
+    }
+    /** @hidden @internal */
+    get _isInfo() {
+        return (this.color !== OnemrvaMatColor.ERROR &&
+            this.color !== OnemrvaMatColor.WARN &&
+            this.color !== OnemrvaMatColor.NONE &&
+            this.color !== OnemrvaMatColor.ACCENT &&
+            this.color !== OnemrvaMatColor.GRAYSCALE &&
+            this.color !== OnemrvaMatColor.PRIMARY &&
+            this.color !== OnemrvaMatColor.SUCCESS);
+    }
+    ngAfterViewInit() {
+        if (this.messageCode !== '') {
+            console.warn('messageCode input has been deprecated in message-box component, please review documentation to fix this!');
+            this.mbcontent.nativeElement.insertAdjacentHTML('beforeend', this.messageCode);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: OnemrvaMatMessageBoxComponent, isStandalone: true, selector: "onemrva-mat-message-box", inputs: { label: "label", messageCode: "messageCode", id: "id", dataCy: "dataCy", color: "color" }, host: { properties: { "attr.aria-label": "this.ariaLabel", "class.show-icon": "this.showIcon", "attr.role": "this.role", "class.onemrva-mat-message-box": "this.cssClass", "attr.id": "this.id", "attr.data-cy": "this.dataCy", "class.mat-error": "this._isError", "class.mat-warn": "this._isWarn", "class.mat-success": "this._isSuccess", "class.mat-primary": "this._isPrimary", "class.mat-neutral": "this.isGrayscale", "class.mat-info": "this._isInfo" } }, viewQueries: [{ propertyName: "mbcontent", first: true, predicate: ["mbcontent"], descendants: true }], ngImport: i0, template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;padding:var(--spacer) var(--spacer) var(--spacer) var(--half-spacer);border-radius:var(--half-spacer);gap:var(--spacer);font:var(--mat-sys-body-small);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host onemrva-mat-sticker{line-height:calc(var(--spacer) * 2.25);margin-right:var(--double-spacer)}\n"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-message-box', standalone: true, template: "<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-flex;align-items:center;position:relative;padding:var(--spacer) var(--spacer) var(--spacer) var(--half-spacer);border-radius:var(--half-spacer);gap:var(--spacer);font:var(--mat-sys-body-small);background-color:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}:host onemrva-mat-sticker{line-height:calc(var(--spacer) * 2.25);margin-right:var(--double-spacer)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], messageCode: [{
+                type: Input
+            }], mbcontent: [{
+                type: ViewChild,
+                args: ['mbcontent']
+            }], ariaLabel: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], showIcon: [{
+                type: HostBinding,
+                args: ['class.show-icon']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], cssClass: [{
+                type: HostBinding,
+                args: ['class.onemrva-mat-message-box']
+            }], id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }, {
+                type: Input
+            }], dataCy: [{
+                type: HostBinding,
+                args: ['attr.data-cy']
+            }, {
+                type: Input
+            }], color: [{
+                type: Input
+            }], _isError: [{
+                type: HostBinding,
+                args: ['class.mat-error']
+            }], _isWarn: [{
+                type: HostBinding,
+                args: ['class.mat-warn']
+            }], _isSuccess: [{
+                type: HostBinding,
+                args: ['class.mat-success']
+            }], _isPrimary: [{
+                type: HostBinding,
+                args: ['class.mat-primary']
+            }], isGrayscale: [{
+                type: HostBinding,
+                args: ['class.mat-neutral']
+            }], _isInfo: [{
+                type: HostBinding,
+                args: ['class.mat-info']
+            }] } });
+
+class OnemrvaMatMessageBoxModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxModule, imports: [OnemrvaMatMessageBoxComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatMessageBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [OnemrvaMatMessageBoxComponent],
+                    exports: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatMessageBoxComponent, OnemrvaMatMessageBoxModule };
+//# sourceMappingURL=onemrvapublic-design-system-mat-message-box.mjs.map

package/fesm2022/onemrvapublic-design-system-mat-message-box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-message-box.mjs","sources":["../../../../projects/onemrva/design-system/mat-message-box/src/onemrva-mat-message-box.component.ts","../../../../projects/onemrva/design-system/mat-message-box/src/onemrva-mat-message-box.component.html","../../../../projects/onemrva/design-system/mat-message-box/src/onemrva-mat-message-box.module.ts","../../../../projects/onemrva/design-system/mat-message-box/onemrvapublic-design-system-mat-message-box.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n  ViewChild,\n} from '@angular/core';\nimport { OnemrvaMatColor } from '@onemrvapublic/design-system/utils';\n\nlet NEXT_ID = 0;\n\n@Component({\n  selector: 'onemrva-mat-message-box',\n  templateUrl: 'onemrva-mat-message-box.component.html',\n  styleUrl: 'onemrva-mat-message-box.component.scss',\n  standalone: true,\n})\nexport class OnemrvaMatMessageBoxComponent implements AfterViewInit {\n  @Input()\n  public label: false | string = false;\n\n  @Input()\n  public messageCode = '';\n\n  @ViewChild('mbcontent')\n  public mbcontent!: ElementRef;\n  /**\n   * Returns the `aria-label` attribute of the element.\n   *\n   * @example\n   * ```typescript\n   * let elementLabel = this.<element>.ariaLabel;\n   * ```\n   *\n   */\n  @HostBinding('attr.aria-label')\n  public ariaLabel = 'message-box';\n\n  @HostBinding('class.show-icon')\n  public showIcon = true;\n\n  /**\n   * Returns the `role` attribute of the element.\n   *\n   * @example\n   * ```typescript\n   * let elementRole = this.<element>.role;\n   * ```\n   */\n  @HostBinding('attr.role')\n  public role = 'alert';\n\n  /**\n   * Host `class.onemrva-mat-message-box` binding.\n   *\n   * @hidden\n   * @internal\n   */\n  @HostBinding('class.onemrva-mat-message-box')\n  public cssClass = 'onemrva-mat-message-box';\n\n  /**\n   * Sets the `id` of the element. If not set, the first component instance will have `id` = `\"onemrva-mat-*-0\"`.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-* id=\"my-first-*\"></onemrva-mat-*>\n   * ```\n   */\n  @HostBinding('attr.id')\n  @Input()\n  public id = `onemrva-mat-message-box-${NEXT_ID++}`;\n\n  /**\n   * Sets the `data-cy` of the element. If not set, the first component instance will have `data-cy` = `\"onemrva-mat-*-0\"`.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-* id=\"my-first-*\"></onemrva-mat-*>\n   * ```\n   */\n  @HostBinding('attr.data-cy')\n  @Input()\n  public dataCy = `onemrva-mat-message-box-${NEXT_ID++}`;\n\n  /**\n   * @hidden\n   * @internal\n   */\n  private _color: OnemrvaMatColor = OnemrvaMatColor.NONE;\n\n  /**\n   * Returns the color of the element.\n   *\n   * @example\n   * ```typescript\n   * let color = this.<element>.color;\n   * ```\n   */\n  @Input()\n  public get color(): OnemrvaMatColor {\n    return this._color;\n  }\n\n  /**\n   * Sets the size  of the element.\n   * By default, the size is `\"small\"`. It can be set to `\"medium\"` or `\"large\"`.\n   *\n   * @example\n   * ```html\n   * <onemrva-mat-* size=\"large\"></onemrva-mat-*>\n   * ```\n   */\n  public set color(value: OnemrvaMatColor) {\n    switch (value) {\n      case OnemrvaMatColor.SUCCESS:\n      case OnemrvaMatColor.WARN:\n      case OnemrvaMatColor.NONE:\n      case OnemrvaMatColor.INFO:\n      case OnemrvaMatColor.GRAYSCALE:\n      case OnemrvaMatColor.PRIMARY:\n      case OnemrvaMatColor.NEUTRAL:\n      case OnemrvaMatColor.ERROR:\n        this._color = value;\n        break;\n      default:\n        this._color = OnemrvaMatColor.INFO;\n    }\n  }\n\n  /** @hidden @internal */\n  @HostBinding('class.mat-error')\n  public get _isError(): boolean {\n    return this.color === OnemrvaMatColor.ERROR;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-warn')\n  public get _isWarn(): boolean {\n    return this.color === OnemrvaMatColor.WARN;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-success')\n  public get _isSuccess(): boolean {\n    return this.color === OnemrvaMatColor.SUCCESS;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-primary')\n  public get _isPrimary(): boolean {\n    return this.color === OnemrvaMatColor.PRIMARY;\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-neutral')\n  public get isGrayscale(): boolean {\n    return (\n      this.color === OnemrvaMatColor.GRAYSCALE ||\n      this.color === OnemrvaMatColor.NONE\n    );\n  }\n  /** @hidden @internal */\n  @HostBinding('class.mat-info')\n  public get _isInfo(): boolean {\n    return (\n      this.color !== OnemrvaMatColor.ERROR &&\n      this.color !== OnemrvaMatColor.WARN &&\n      this.color !== OnemrvaMatColor.NONE &&\n      this.color !== OnemrvaMatColor.ACCENT &&\n      this.color !== OnemrvaMatColor.GRAYSCALE &&\n      this.color !== OnemrvaMatColor.PRIMARY &&\n      this.color !== OnemrvaMatColor.SUCCESS\n    );\n  }\n\n  ngAfterViewInit(): void {\n    if (this.messageCode !== '') {\n      console.warn(\n        'messageCode input has been deprecated in message-box component, please review documentation to fix this!',\n      );\n      this.mbcontent.nativeElement.insertAdjacentHTML(\n        'beforeend',\n        this.messageCode,\n      );\n    }\n  }\n}\n","<div #mbcontent>\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { OnemrvaMatMessageBoxComponent } from './onemrva-mat-message-box.component';\n\n@NgModule({\n  declarations: [],\n  imports: [OnemrvaMatMessageBoxComponent],\n  exports: [],\n})\nexport class OnemrvaMatMessageBoxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}