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

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

@@ -0,0 +1,308 @@
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, ElementRef, ChangeDetectorRef, Input, Output, ViewChild, ViewEncapsulation, Component } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { FormControl, FormBuilder, NgControl, Validators, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule, MatFormFieldControl } 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 { of, Subject, startWith, takeUntil, pairwise, distinctUntilChanged, combineLatestWith } from 'rxjs';
+import * as i3 from '@onemrvapublic/design-system/mat-select-search';
+import { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';
+import { IBAN_SUPPORTED_COUNTRIES, SEPA_ONLY_SUPPORTED_COUNTRIES } from '@onemrvapublic/design-system/shared';
+import { map } from 'rxjs/operators';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import { extractIBAN, isValidIBAN, friendlyFormatIBAN, countrySpecs } from 'ibantools';
+import { FocusMonitor } from '@angular/cdk/a11y';
+import { MatDivider } from '@angular/material/divider';
+
+class OnemrvaMatInputIbanComponent {
+    static { this.nextId = 0; }
+    get bbanField() {
+        return this.parts.get('bban');
+    }
+    get countryCodeField() {
+        return this.parts.get('countryCode');
+    }
+    constructor() {
+        this.noEntriesFoundLabel = 'Not found';
+        this.placeholderLabel = 'Search';
+        this.searchAriaLabel = 'Search';
+        this.label = 'IBAN';
+        this.prioritizedCountries = [];
+        this.onlySEPA = false;
+        this.getCountry = new EventEmitter();
+        this.filteredCountries$ = of([]);
+        this.filterCtrl = new FormControl('');
+        this.destroyNotifier$ = new Subject();
+        this.placeholderIban = '';
+        this.controlType = 'bank-account-input';
+        this.stateChanges = new Subject();
+        this.focused = false;
+        this.id = `bank-account-input-${OnemrvaMatInputIbanComponent.nextId++}`;
+        this.touched = false;
+        this.focusMonitor = inject(FocusMonitor);
+        this.elementRef = inject((ElementRef));
+        this.cd = inject(ChangeDetectorRef);
+        this.formBuilder = inject(FormBuilder);
+        this.ngControl = inject(NgControl, { optional: true });
+        this.onChange = (_) => {
+            //
+        };
+        this.onTouched = () => {
+            //
+        };
+        this.readonly = false;
+        this._disabled = false;
+        this._placeholder = '';
+        this._required = false;
+        if (this.ngControl) {
+            this.ngControl.valueAccessor = this; // ✅ Only assign if ngControl exists
+        }
+        this.parts = this.formBuilder.group({
+            countryCode: ['', [Validators.maxLength(2)]],
+            bban: ['', []],
+        });
+    }
+    errors() {
+        return this.parts.errors;
+    }
+    get errorState() {
+        const control = this.ngControl?.control;
+        return !!(control &&
+            control.invalid &&
+            (control.dirty || !control.untouched));
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get empty() {
+        const { value: { countryCode, bban }, } = this.parts;
+        return !countryCode && !bban;
+    }
+    get value() {
+        const { value: { countryCode, bban }, } = this.parts;
+        return `${countryCode ?? ''}${bban ?? ''}`;
+    }
+    set value(iban) {
+        const { countryCode } = extractIBAN(iban || '');
+        const _iban = iban?.replace(countryCode || '', '');
+        this.parts.setValue({
+            countryCode: countryCode || null,
+            bban: _iban || null,
+        });
+        this.stateChanges.next();
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        this._disabled = coerceBooleanProperty(value);
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+        this._disabled ? this.parts.disable() : this.parts.enable();
+        this.stateChanges.next();
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.stateChanges.next();
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set placeholder(value) {
+        this._placeholder = value;
+        this.stateChanges.next();
+    }
+    get required() {
+        return this._required;
+    }
+    set required(value) {
+        this._required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    updateNumber(number) {
+        let shownValue = number.replace(/[^a-zA-Z0-9]/g, '');
+        // BE45063712751789
+        const fullNumber = this.countryCodeField.value + number;
+        if (isValidIBAN(fullNumber)) {
+            const formattedValue = friendlyFormatIBAN(fullNumber);
+            if (formattedValue !== null) {
+                shownValue = formattedValue.substring(2);
+            }
+        }
+        this.bbanField.patchValue(shownValue, { emitEvent: false });
+    }
+    ngOnInit() {
+        this.filteredCountries$ = this.getCountryCodes(this.prioritizedCountries);
+        this.bbanField.valueChanges
+            .pipe(startWith(this.bbanField.getRawValue()), takeUntil(this.destroyNotifier$))
+            .subscribe(number => {
+            if (number !== null && number !== '') {
+                if (this.firstTwoCharsAreLetters(number)) {
+                    const code = number?.substring(0, 2).toUpperCase();
+                    const country = IBAN_SUPPORTED_COUNTRIES.find(country => country == code);
+                    this.countryCodeField.setValue(country);
+                    number = number.substring(2);
+                }
+                this.updateNumber(number);
+            }
+        });
+        this.countryCodeField.valueChanges
+            .pipe(startWith(''), pairwise(), distinctUntilChanged(), takeUntil(this.destroyNotifier$))
+            .subscribe(([_prevIban, countryCode]) => {
+            this.placeholderIban = '';
+            this.touched = true;
+            if (!countryCode || countryCode.length < 2) {
+                return;
+            }
+            if (this.firstTwoCharsAreLetters(countryCode)) {
+                const r = countrySpecs[countryCode]?.chars;
+                if (r !== undefined)
+                    this.placeholderIban = this.generatePlaceholder(r);
+            }
+            if (this.bbanField.value !== null) {
+                this.updateNumber(this.bbanField.value);
+            }
+        });
+    }
+    handleClick(e) {
+        e.stopPropagation();
+    }
+    ngOnDestroy() {
+        this.destroyNotifier$.next();
+        this.destroyNotifier$.complete();
+    }
+    getCountryCodes(prioritizedCountries) {
+        const countryList = this.onlySEPA
+            ? SEPA_ONLY_SUPPORTED_COUNTRIES
+            : IBAN_SUPPORTED_COUNTRIES;
+        return this.filterCtrl.valueChanges.pipe(startWith(''), combineLatestWith(of(countryList)), map(([filterVal, countryCodes]) => {
+            return countryCodes
+                .filter((code) => !filterVal ||
+                code.toLowerCase().includes(filterVal.toLowerCase()))
+                .map((code) => 
+            // Prefix prioritized countries with a space to sort them first
+            !filterVal && prioritizedCountries.includes(code)
+                ? ` ${code}`
+                : code)
+                .sort() // Default string sort will prioritize prefixed spaces
+                .map((code) => code.trim()); // Remove the added prefix
+        }));
+    }
+    isLastPrioritized(i) {
+        return !this.filterCtrl.value && i === this.prioritizedCountries.length - 1;
+    }
+    autoFocusNext(control, nextElement) {
+        if (!control.errors && nextElement) {
+            this.focusMonitor.focusVia(nextElement, 'program');
+        }
+    }
+    onContainerClick(event) {
+        if (event.target.tagName.toLowerCase() != 'input') {
+            this.elementRef.nativeElement.querySelector('input')?.focus();
+        }
+    }
+    setDescribedByIds(ids) {
+        const controlElement = this.elementRef.nativeElement.querySelector('.iban-fields');
+        controlElement.setAttribute('aria-describedby', ids.join(' '));
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    writeValue(iban) {
+        this.value = iban;
+    }
+    _handleInput(control, nextElement) {
+        this.autoFocusNext(control, nextElement);
+        this.onChange(this.value);
+    }
+    firstTwoCharsAreLetters(input) {
+        const regex = /^[a-zA-Z]{2}/;
+        return regex.test(input);
+    }
+    generatePlaceholder(chars) {
+        let placeholder = '';
+        for (let i = 0; i < chars; i++) {
+            placeholder += '0';
+        }
+        const ph = friendlyFormatIBAN(placeholder)?.substring(2);
+        if (ph)
+            return ph;
+        return placeholder.substring(2);
+    }
+    onKeyup(event) {
+        // Clear country when backspace on empty bban
+        if (this.bbanField.value === '' && event.key === 'Backspace') {
+            this.countryCodeField.setValue(null);
+            this.parts.clearValidators();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: OnemrvaMatInputIbanComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: OnemrvaMatInputIbanComponent, isStandalone: true, selector: "onemrva-mat-input-iban", inputs: { noEntriesFoundLabel: "noEntriesFoundLabel", placeholderLabel: "placeholderLabel", searchAriaLabel: "searchAriaLabel", label: "label", prioritizedCountries: "prioritizedCountries", onlySEPA: "onlySEPA", value: "value", readonly: "readonly", disabled: "disabled", placeholder: "placeholder", required: "required" }, outputs: { getCountry: "getCountry" }, providers: [
+            { provide: MatFormFieldControl, useExisting: OnemrvaMatInputIbanComponent },
+        ], viewQueries: [{ propertyName: "countryCode", first: true, predicate: ["countryCode"], descendants: true }, { propertyName: "bban", first: true, predicate: ["bban"], descendants: true }], ngImport: i0, template: "<ng-container [formGroup]=\"parts\">\n  <!--  <mat-form-field class=\"onemrva-input-iban\">-->\n  <!--    <mat-label>{{ label }}</mat-label>-->\n  <div class=\"iban-fields\">\n    <div class=\"iban-prefix\">\n      <mat-select\n        class=\"onemrva-iban-select\"\n        formControlName=\"countryCode\"\n        [attr.aria-label]=\"'Country' | translate\"\n        (selectionChange)=\"_handleInput(parts.controls.countryCode)\"\n        #countryCode\n      >\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\n        @for (country of filteredCountries$ | async; track $index) {\n          <ng-container>\n            <mat-option [value]=\"country\">\n              <span>{{ country }}</span>\n            </mat-option>\n            @if (isLastPrioritized($index)) {\n              <mat-divider></mat-divider>\n            }\n          </ng-container>\n        }\n      </mat-select>\n    </div>\n    <input\n      [attr.aria-label]=\"label\"\n      (click)=\"handleClick($event)\"\n      matInput\n      [placeholder]=\"placeholderIban\"\n      formControlName=\"bban\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n      (input)=\"_handleInput(parts.controls.bban)\"\n      (keyup)=\"onKeyup($event)\"\n      #bban\n    />\n  </div>\n</ng-container>\n", styles: ["onemrva-mat-input-iban{width:100%}onemrva-mat-input-iban .iban-fields{display:flex}onemrva-mat-input-iban .iban-fields .iban-prefix{width:40px;margin-right:8px}\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: "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: "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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "component", type: MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { 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: OnemrvaMatInputIbanComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'onemrva-mat-input-iban', standalone: true, imports: [
+                        CommonModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        MatSelectModule,
+                        MatSelectSearchModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                        MatDivider,
+                    ], encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: MatFormFieldControl, useExisting: OnemrvaMatInputIbanComponent },
+                    ], template: "<ng-container [formGroup]=\"parts\">\n  <!--  <mat-form-field class=\"onemrva-input-iban\">-->\n  <!--    <mat-label>{{ label }}</mat-label>-->\n  <div class=\"iban-fields\">\n    <div class=\"iban-prefix\">\n      <mat-select\n        class=\"onemrva-iban-select\"\n        formControlName=\"countryCode\"\n        [attr.aria-label]=\"'Country' | translate\"\n        (selectionChange)=\"_handleInput(parts.controls.countryCode)\"\n        #countryCode\n      >\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\n        @for (country of filteredCountries$ | async; track $index) {\n          <ng-container>\n            <mat-option [value]=\"country\">\n              <span>{{ country }}</span>\n            </mat-option>\n            @if (isLastPrioritized($index)) {\n              <mat-divider></mat-divider>\n            }\n          </ng-container>\n        }\n      </mat-select>\n    </div>\n    <input\n      [attr.aria-label]=\"label\"\n      (click)=\"handleClick($event)\"\n      matInput\n      [placeholder]=\"placeholderIban\"\n      formControlName=\"bban\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n      (input)=\"_handleInput(parts.controls.bban)\"\n      (keyup)=\"onKeyup($event)\"\n      #bban\n    />\n  </div>\n</ng-container>\n", styles: ["onemrva-mat-input-iban{width:100%}onemrva-mat-input-iban .iban-fields{display:flex}onemrva-mat-input-iban .iban-fields .iban-prefix{width:40px;margin-right:8px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { countryCode: [{
+                type: ViewChild,
+                args: ['countryCode']
+            }], bban: [{
+                type: ViewChild,
+                args: ['bban']
+            }], noEntriesFoundLabel: [{
+                type: Input
+            }], placeholderLabel: [{
+                type: Input
+            }], searchAriaLabel: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], prioritizedCountries: [{
+                type: Input
+            }], onlySEPA: [{
+                type: Input
+            }], getCountry: [{
+                type: Output
+            }], value: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of mat-bank-account-input
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { OnemrvaMatInputIbanComponent };
+//# sourceMappingURL=onemrvapublic-design-system-mat-input-iban.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-mat-input-iban.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-iban/src/onemrva-mat-input-iban.component.ts","../../../../projects/onemrva/design-system/mat-input-iban/src/onemrva-mat-input-iban.component.html","../../../../projects/onemrva/design-system/mat-input-iban/index.ts","../../../../projects/onemrva/design-system/mat-input-iban/onemrvapublic-design-system-mat-input-iban.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectorRef,\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  ControlValueAccessor,\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  NgControl,\n  ReactiveFormsModule,\n  ValidationErrors,\n  Validators,\n} from '@angular/forms';\nimport {\n  MatFormFieldControl,\n  MatFormFieldModule,\n} 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  combineLatestWith,\n  distinctUntilChanged,\n  Observable,\n  of,\n  pairwise,\n  startWith,\n  Subject,\n  takeUntil,\n} from 'rxjs';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport {\n  IBAN_SUPPORTED_COUNTRIES,\n  SEPA_ONLY_SUPPORTED_COUNTRIES,\n} from '@onemrvapublic/design-system/shared';\nimport { map } from 'rxjs/operators';\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\nimport {\n  countrySpecs,\n  extractIBAN,\n  friendlyFormatIBAN,\n  isValidIBAN,\n} from 'ibantools';\nimport { FocusMonitor } from '@angular/cdk/a11y';\nimport { MatDivider } from '@angular/material/divider';\n\n@Component({\n  selector: 'onemrva-mat-input-iban',\n  styleUrls: ['onemrva-mat-input-iban.component.scss'],\n  templateUrl: 'onemrva-mat-input-iban.component.html',\n  standalone: true,\n  imports: [\n    CommonModule,\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    MatDivider,\n  ],\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: MatFormFieldControl, useExisting: OnemrvaMatInputIbanComponent },\n  ],\n})\nexport class OnemrvaMatInputIbanComponent\n  implements\n    ControlValueAccessor,\n    MatFormFieldControl<string>,\n    OnInit,\n    OnDestroy\n{\n  @ViewChild('countryCode') countryCode!: HTMLInputElement;\n  @ViewChild('bban') bban!: HTMLInputElement;\n\n  static nextId = 0;\n\n  @Input() noEntriesFoundLabel = 'Not found';\n  @Input() placeholderLabel = 'Search';\n  @Input() searchAriaLabel = 'Search';\n  @Input() label = 'IBAN';\n  @Input() prioritizedCountries: string[] = [];\n  @Input() onlySEPA = false;\n\n  @Output() getCountry = new EventEmitter<any>();\n\n  filteredCountries$: Observable<string[]> = of([]);\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  destroyNotifier$ = new Subject<void>();\n  placeholderIban = '';\n\n  controlType = 'bank-account-input';\n  stateChanges = new Subject<void>();\n  focused = false;\n  id = `bank-account-input-${OnemrvaMatInputIbanComponent.nextId++}`;\n  touched = false;\n\n  parts: FormGroup<{\n    countryCode: FormControl<string | null>;\n    bban: FormControl<string | null>;\n  }>;\n\n  get bbanField() {\n    return this.parts.get('bban') as FormControl;\n  }\n  get countryCodeField() {\n    return this.parts.get('countryCode') as FormControl;\n  }\n\n  private readonly focusMonitor = inject(FocusMonitor);\n  public readonly elementRef = inject(ElementRef<HTMLElement>);\n  private readonly cd = inject(ChangeDetectorRef);\n  private readonly formBuilder = inject(FormBuilder);\n  public readonly ngControl = inject(NgControl, { optional: true });\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this; // ✅ Only assign if ngControl exists\n    }\n\n    this.parts = this.formBuilder.group({\n      countryCode: ['', [Validators.maxLength(2)]],\n      bban: ['', []],\n    });\n  }\n\n  errors(): ValidationErrors | null {\n    return this.parts.errors;\n  }\n\n  onChange = (_: any) => {\n    //\n  };\n  onTouched = () => {\n    //\n  };\n\n  get errorState(): boolean {\n    const control = this.ngControl?.control;\n    return !!(\n      control &&\n      control.invalid &&\n      (control.dirty || !control.untouched)\n    );\n  }\n\n  get shouldLabelFloat() {\n    return this.focused || !this.empty;\n  }\n\n  get empty() {\n    const {\n      value: { countryCode, bban },\n    } = this.parts;\n\n    return !countryCode && !bban;\n  }\n\n  @Input()\n  get value(): string {\n    const {\n      value: { countryCode, bban },\n    } = this.parts;\n    return `${countryCode ?? ''}${bban ?? ''}`;\n  }\n\n  set value(iban: string | null) {\n    const { countryCode } = extractIBAN(iban || '');\n\n    const _iban = iban?.replace(countryCode || '', '');\n\n    this.parts.setValue({\n      countryCode: countryCode || null,\n      bban: _iban || null,\n    });\n    this.stateChanges.next();\n  }\n\n  @Input()\n  readonly = false;\n\n  @Input()\n  get disabled(): boolean {\n    return this._disabled;\n  }\n\n  set disabled(value: BooleanInput) {\n    this._disabled = coerceBooleanProperty(value);\n    // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n    this._disabled ? this.parts.disable() : this.parts.enable();\n    this.stateChanges.next();\n  }\n\n  private _disabled = false;\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n    this.stateChanges.next();\n  }\n\n  @Input()\n  get placeholder(): string {\n    return this._placeholder;\n  }\n\n  set placeholder(value: string) {\n    this._placeholder = value;\n    this.stateChanges.next();\n  }\n\n  private _placeholder = '';\n\n  @Input()\n  get required(): boolean {\n    return this._required;\n  }\n\n  set required(value: BooleanInput) {\n    this._required = coerceBooleanProperty(value);\n    this.stateChanges.next();\n  }\n  private _required = false;\n\n  updateNumber(number: string) {\n    let shownValue = number.replace(/[^a-zA-Z0-9]/g, '');\n    // BE45063712751789\n    const fullNumber = this.countryCodeField.value + number;\n    if (isValidIBAN(fullNumber)) {\n      const formattedValue = friendlyFormatIBAN(fullNumber);\n      if (formattedValue !== null) {\n        shownValue = formattedValue.substring(2);\n      }\n    }\n    this.bbanField.patchValue(shownValue, { emitEvent: false });\n  }\n\n  ngOnInit(): void {\n    this.filteredCountries$ = this.getCountryCodes(this.prioritizedCountries);\n\n    this.bbanField.valueChanges\n      .pipe(\n        startWith(this.bbanField.getRawValue()),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(number => {\n        if (number !== null && number !== '') {\n          if (this.firstTwoCharsAreLetters(number)) {\n            const code = number?.substring(0, 2).toUpperCase();\n            const country = IBAN_SUPPORTED_COUNTRIES.find(\n              country => country == code,\n            );\n            this.countryCodeField.setValue(country);\n            number = number.substring(2);\n          }\n          this.updateNumber(number);\n        }\n      });\n\n    this.countryCodeField.valueChanges\n      .pipe(\n        startWith(''),\n        pairwise(),\n        distinctUntilChanged(),\n        takeUntil(this.destroyNotifier$),\n      )\n      .subscribe(([_prevIban, countryCode]) => {\n        this.placeholderIban = '';\n        this.touched = true;\n        if (!countryCode || countryCode.length < 2) {\n          return;\n        }\n\n        if (this.firstTwoCharsAreLetters(countryCode)) {\n          const r: number | undefined = countrySpecs[countryCode]?.chars;\n          if (r !== undefined)\n            this.placeholderIban = this.generatePlaceholder(r);\n        }\n        if (this.bbanField.value !== null) {\n          this.updateNumber(this.bbanField.value);\n        }\n      });\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  ngOnDestroy() {\n    this.destroyNotifier$.next();\n    this.destroyNotifier$.complete();\n  }\n\n  getCountryCodes(prioritizedCountries: string[]) {\n    const countryList = this.onlySEPA\n      ? SEPA_ONLY_SUPPORTED_COUNTRIES\n      : IBAN_SUPPORTED_COUNTRIES;\n    return this.filterCtrl.valueChanges.pipe(\n      startWith(''),\n      combineLatestWith(of(countryList)),\n      map(([filterVal, countryCodes]: any) => {\n        return countryCodes\n          .filter(\n            (code: string) =>\n              !filterVal ||\n              code.toLowerCase().includes(filterVal.toLowerCase()),\n          )\n          .map((code: string) =>\n            // Prefix prioritized countries with a space to sort them first\n            !filterVal && prioritizedCountries.includes(code)\n              ? ` ${code}`\n              : code,\n          )\n          .sort() // Default string sort will prioritize prefixed spaces\n          .map((code: string) => code.trim()); // Remove the added prefix\n      }),\n    );\n  }\n\n  isLastPrioritized(i: number) {\n    return !this.filterCtrl.value && i === this.prioritizedCountries.length - 1;\n  }\n\n  autoFocusNext(\n    control: AbstractControl,\n    nextElement?: HTMLInputElement,\n  ): void {\n    if (!control.errors && nextElement) {\n      this.focusMonitor.focusVia(nextElement, 'program');\n    }\n  }\n\n  onContainerClick(event: MouseEvent): void {\n    if ((event.target as Element).tagName.toLowerCase() != 'input') {\n      this.elementRef.nativeElement.querySelector('input')?.focus();\n    }\n  }\n\n  setDescribedByIds(ids: string[]) {\n    const controlElement =\n      this.elementRef.nativeElement.querySelector('.iban-fields')!;\n    controlElement.setAttribute('aria-describedby', ids.join(' '));\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  writeValue(iban: string | null): void {\n    this.value = iban;\n  }\n\n  _handleInput(control: AbstractControl, nextElement?: HTMLInputElement): void {\n    this.autoFocusNext(control, nextElement);\n    this.onChange(this.value);\n  }\n\n  firstTwoCharsAreLetters(input: string): boolean {\n    const regex = /^[a-zA-Z]{2}/;\n    return regex.test(input);\n  }\n\n  generatePlaceholder(chars: number): string {\n    let placeholder = '';\n\n    for (let i = 0; i < chars; i++) {\n      placeholder += '0';\n    }\n    const ph = friendlyFormatIBAN(placeholder)?.substring(2);\n    if (ph) return ph;\n\n    return placeholder.substring(2);\n  }\n\n  onKeyup(event: KeyboardEvent): void {\n    // Clear country when backspace on empty bban\n    if (this.bbanField.value === '' && event.key === 'Backspace') {\n      this.countryCodeField.setValue(null);\n      this.parts.clearValidators();\n    }\n  }\n}\n","<ng-container [formGroup]=\"parts\">\n  <!--  <mat-form-field class=\"onemrva-input-iban\">-->\n  <!--    <mat-label>{{ label }}</mat-label>-->\n  <div class=\"iban-fields\">\n    <div class=\"iban-prefix\">\n      <mat-select\n        class=\"onemrva-iban-select\"\n        formControlName=\"countryCode\"\n        [attr.aria-label]=\"'Country' | translate\"\n        (selectionChange)=\"_handleInput(parts.controls.countryCode)\"\n        #countryCode\n      >\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\n        @for (country of filteredCountries$ | async; track $index) {\n          <ng-container>\n            <mat-option [value]=\"country\">\n              <span>{{ country }}</span>\n            </mat-option>\n            @if (isLastPrioritized($index)) {\n              <mat-divider></mat-divider>\n            }\n          </ng-container>\n        }\n      </mat-select>\n    </div>\n    <input\n      [attr.aria-label]=\"label\"\n      (click)=\"handleClick($event)\"\n      matInput\n      [placeholder]=\"placeholderIban\"\n      formControlName=\"bban\"\n      class=\"onemrva-text-number\"\n      [readOnly]=\"readonly\"\n      (input)=\"_handleInput(parts.controls.bban)\"\n      (keyup)=\"onKeyup($event)\"\n      #bban\n    />\n  </div>\n</ng-container>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-iban.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}