@onemrvapublic/design-system 21.7.7-develop.1 → 21.7.8-develop.1

package/README.md

@@ -33,12 +33,12 @@ If you need access to our design system board, send us a message.
 @Bram Decuypere (NL / EN)
 ## Changelog
 
-### 21.7.7-develop.1
+### 21.7.8-develop.1
 
-## [21.7.7-develop.1](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v21.7.6...v21.7.7-develop.1) (2026-05-26)
+## [21.7.8-develop.1](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/compare/v21.7.7...v21.7.8-develop.1) (2026-05-28)
 
 
 ### Bug Fixes
 
-* **layout:** horizontal scrollbar sidenav ([233db5a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/233db5a3b89ff689cd047467c2e72d08e2984f2e))
+* **address-input:** add focus handling on country selection and input field mapping ([e64e82a](https://rvaonem.ghe.com/AS-DESIGN-SYSTEM/core/commit/e64e82a9c6ca5d234947d39ee9dd34e8a9f6a3b2))
 

package/fesm2022/onemrvapublic-design-system-mat-address.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, Component } from '@angular/core';
+import { input, viewChild, output, Component } from '@angular/core';
 import * as i1 from '@angular/material/form-field';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import * as i2 from '@angular/forms';
@@ -15,6 +15,7 @@ import { merge } from 'rxjs';
 class OnemRvaAddress {
     constructor() {
         this.defaultCountry = input('be', ...(ngDevMode ? [{ debugName: "defaultCountry" }] : /* istanbul ignore next */ []));
+        this.childComponent = viewChild(OnemrvaMatInputAddressComponent, ...(ngDevMode ? [{ debugName: "childComponent" }] : /* istanbul ignore next */ []));
         this.form = input(new FormGroup({
             country: new FormControl(''),
             street: new FormControl(''),
@@ -58,6 +59,11 @@ class OnemRvaAddress {
             this.update.emit(change);
         });
     }
+    onCountrySelected() {
+        setTimeout(() => {
+            this.childComponent()?.focus();
+        });
+    }
     onAddressSelected(result) {
         const city = result.address.city || result.address.village || result.address.town;
         const patch = {};
@@ -77,7 +83,7 @@ class OnemRvaAddress {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemRvaAddress, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: OnemRvaAddress, isStandalone: true, selector: "onemrva-address", inputs: { defaultCountry: { classPropertyName: "defaultCountry", publicName: "defaultCountry", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { update: "update" }, ngImport: i0, template: "<onemrva-mat-input-country\n  [country]=\"countryForm\"\n  label=\"{{ 'input.country.label' | translate }}\"\n  noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n  placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n  searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n/>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-12-small col-8-medium\">\n      <onemrva-mat-input-address\n        class=\"mr-m\"\n        mode=\"road-only\"\n        [countryCodes]=\"[countryForm.value || '']\"\n        [address]=\"streetControl\"\n        (getAddress)=\"onAddressSelected($event)\"\n      />\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium\">\n        <mat-label>{{ 'input.address.number.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"numeroControl\"\n          [placeholder]=\"'input.address.number.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium ml-s-small\">\n        <mat-label>{{'input.address.box.label' | translate}}</mat-label>\n        <input\n          matInput\n          [formControl]=\"boxControl\"\n          [placeholder]=\"'input.address.box.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n\n  <div class=\"row\">\n    <div class=\"col-12-small col-4-medium\">\n      <mat-form-field class=\"mr-m-medium\">\n        <mat-label\n          >{{ 'input.address.postal-code.label' | translate}}</mat-label\n        >\n        <input\n          matInput\n          [formControl]=\"postalCodeControl\"\n          [placeholder]=\"'input.address.postal-code.label' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-12-small col-8-medium\">\n      <mat-form-field>\n        <mat-label>{{ 'input.address.city.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"cityControl\"\n          [placeholder]=\"'input.address.city.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host mat-form-field{display:flex}:host onemrva-mat-input-country{display:flex;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: OnemrvaMatInputCountryComponent, selector: "onemrva-mat-input-country", inputs: ["country", "readonly", "disabled", "label", "noEntriesFoundLabel", "hint", "placeholderLabel", "searchAriaLabel"], outputs: ["getCountry"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: TranslateModule }, { kind: "component", type: OnemrvaMatInputAddressComponent, selector: "onemrva-mat-input-address", inputs: ["placeholder", "readonly", "address", "mode", "label", "noEntriesFoundLabel", "hint", "countryCodes"], outputs: ["getAddress"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: OnemRvaAddress, isStandalone: true, selector: "onemrva-address", inputs: { defaultCountry: { classPropertyName: "defaultCountry", publicName: "defaultCountry", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { update: "update" }, viewQueries: [{ propertyName: "childComponent", first: true, predicate: OnemrvaMatInputAddressComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<onemrva-mat-input-country\n  (getCountry)=\"onCountrySelected()\"\n  [country]=\"countryForm\"\n  label=\"{{ 'input.country.label' | translate }}\"\n  noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n  placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n  searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n/>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-12-small col-8-medium\">\n      <onemrva-mat-input-address\n        class=\"mr-m\"\n        mode=\"road-only\"\n        [countryCodes]=\"[countryForm.value || '']\"\n        [address]=\"streetControl\"\n        (getAddress)=\"onAddressSelected($event)\"\n      />\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium\">\n        <mat-label>{{ 'input.address.number.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"numeroControl\"\n          [placeholder]=\"'input.address.number.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium ml-s-small\">\n        <mat-label>{{'input.address.box.label' | translate}}</mat-label>\n        <input\n          matInput\n          [formControl]=\"boxControl\"\n          [placeholder]=\"'input.address.box.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n\n  <div class=\"row\">\n    <div class=\"col-12-small col-4-medium\">\n      <mat-form-field class=\"mr-m-medium\">\n        <mat-label\n          >{{ 'input.address.postal-code.label' | translate}}</mat-label\n        >\n        <input\n          matInput\n          [formControl]=\"postalCodeControl\"\n          [placeholder]=\"'input.address.postal-code.label' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-12-small col-8-medium\">\n      <mat-form-field>\n        <mat-label>{{ 'input.address.city.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"cityControl\"\n          [placeholder]=\"'input.address.city.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host mat-form-field{display:flex}:host onemrva-mat-input-country{display:flex;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { 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: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: OnemrvaMatInputCountryComponent, selector: "onemrva-mat-input-country", inputs: ["country", "readonly", "disabled", "label", "noEntriesFoundLabel", "hint", "placeholderLabel", "searchAriaLabel"], outputs: ["getCountry"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3.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: TranslateModule }, { kind: "component", type: OnemrvaMatInputAddressComponent, selector: "onemrva-mat-input-address", inputs: ["placeholder", "readonly", "address", "mode", "label", "noEntriesFoundLabel", "hint", "countryCodes"], outputs: ["getAddress"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemRvaAddress, decorators: [{
             type: Component,
@@ -88,8 +94,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         MatInputModule,
                         TranslateModule,
                         OnemrvaMatInputAddressComponent,
-                    ], standalone: true, template: "<onemrva-mat-input-country\n  [country]=\"countryForm\"\n  label=\"{{ 'input.country.label' | translate }}\"\n  noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n  placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n  searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n/>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-12-small col-8-medium\">\n      <onemrva-mat-input-address\n        class=\"mr-m\"\n        mode=\"road-only\"\n        [countryCodes]=\"[countryForm.value || '']\"\n        [address]=\"streetControl\"\n        (getAddress)=\"onAddressSelected($event)\"\n      />\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium\">\n        <mat-label>{{ 'input.address.number.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"numeroControl\"\n          [placeholder]=\"'input.address.number.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium ml-s-small\">\n        <mat-label>{{'input.address.box.label' | translate}}</mat-label>\n        <input\n          matInput\n          [formControl]=\"boxControl\"\n          [placeholder]=\"'input.address.box.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n\n  <div class=\"row\">\n    <div class=\"col-12-small col-4-medium\">\n      <mat-form-field class=\"mr-m-medium\">\n        <mat-label\n          >{{ 'input.address.postal-code.label' | translate}}</mat-label\n        >\n        <input\n          matInput\n          [formControl]=\"postalCodeControl\"\n          [placeholder]=\"'input.address.postal-code.label' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-12-small col-8-medium\">\n      <mat-form-field>\n        <mat-label>{{ 'input.address.city.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"cityControl\"\n          [placeholder]=\"'input.address.city.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host mat-form-field{display:flex}:host onemrva-mat-input-country{display:flex;width:100%}\n"] }]
-        }], propDecorators: { defaultCountry: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultCountry", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], update: [{ type: i0.Output, args: ["update"] }] } });
+                    ], standalone: true, template: "<onemrva-mat-input-country\n  (getCountry)=\"onCountrySelected()\"\n  [country]=\"countryForm\"\n  label=\"{{ 'input.country.label' | translate }}\"\n  noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n  placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n  searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n/>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-12-small col-8-medium\">\n      <onemrva-mat-input-address\n        class=\"mr-m\"\n        mode=\"road-only\"\n        [countryCodes]=\"[countryForm.value || '']\"\n        [address]=\"streetControl\"\n        (getAddress)=\"onAddressSelected($event)\"\n      />\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium\">\n        <mat-label>{{ 'input.address.number.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"numeroControl\"\n          [placeholder]=\"'input.address.number.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium ml-s-small\">\n        <mat-label>{{'input.address.box.label' | translate}}</mat-label>\n        <input\n          matInput\n          [formControl]=\"boxControl\"\n          [placeholder]=\"'input.address.box.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n\n  <div class=\"row\">\n    <div class=\"col-12-small col-4-medium\">\n      <mat-form-field class=\"mr-m-medium\">\n        <mat-label\n          >{{ 'input.address.postal-code.label' | translate}}</mat-label\n        >\n        <input\n          matInput\n          [formControl]=\"postalCodeControl\"\n          [placeholder]=\"'input.address.postal-code.label' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-12-small col-8-medium\">\n      <mat-form-field>\n        <mat-label>{{ 'input.address.city.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"cityControl\"\n          [placeholder]=\"'input.address.city.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host mat-form-field{display:flex}:host onemrva-mat-input-country{display:flex;width:100%}\n"] }]
+        }], propDecorators: { defaultCountry: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultCountry", required: false }] }], childComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => OnemrvaMatInputAddressComponent), { isSignal: true }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], update: [{ type: i0.Output, args: ["update"] }] } });
 
 /*
  * Public API Surface of mat-bank-account-input

package/fesm2022/onemrvapublic-design-system-mat-address.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-address.mjs","sources":["../../../../projects/onemrva/design-system/mat-address/src/onemrva-address.ts","../../../../projects/onemrva/design-system/mat-address/src/onemrva-address.html","../../../../projects/onemrva/design-system/mat-address/index.ts","../../../../projects/onemrva/design-system/mat-address/onemrvapublic-design-system-mat-address.ts"],"sourcesContent":["import { Component, OnInit, input, output } from '@angular/core';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { OnemrvaMatInputAddressComponent } from '@onemrvapublic/design-system/mat-input-address';\nimport { OnemrvaMatInputCountryComponent } from '@onemrvapublic/design-system/mat-input-country';\nimport { OSMResult } from '@onemrvapublic/design-system/shared';\nimport { MatInputModule } from '@angular/material/input';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { merge } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-address',\n  imports: [\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    OnemrvaMatInputCountryComponent,\n    MatInputModule,\n    TranslateModule,\n    OnemrvaMatInputAddressComponent,\n  ],\n  templateUrl: './onemrva-address.html',\n  standalone: true,\n  styleUrl: './onemrva-address.scss',\n})\nexport class OnemRvaAddress implements OnInit {\n  readonly defaultCountry = input('be');\n\n  readonly form = input(\n    new FormGroup({\n      country: new FormControl(''),\n      street: new FormControl(''),\n      postal_code: new FormControl(''),\n      city: new FormControl(''),\n      street_number: new FormControl(''),\n      box: new FormControl(''),\n    }),\n  );\n\n  readonly update = output<{\n    country?: string;\n    street?: string;\n    postal_code?: string;\n    city?: string;\n    street_number?: string;\n    box?: string;\n  }>();\n\n  // Keep existing property names as getters to avoid template changes\n  get countryForm(): FormControl<string | null> {\n    return this.form().get('country') as FormControl<string | null>;\n  }\n  get streetControl(): FormControl<string | null> {\n    return this.form().get('street') as FormControl<string | null>;\n  }\n  get postalCodeControl(): FormControl<string | null> {\n    return this.form().get('postal_code') as FormControl<string | null>;\n  }\n  get cityControl(): FormControl<string | null> {\n    return this.form().get('city') as FormControl<string | null>;\n  }\n  get boxControl(): FormControl<string | null> {\n    return this.form().get('box') as FormControl<string | null>;\n  }\n  get numeroControl(): FormControl<string | null> {\n    return this.form().get('street_number') as FormControl<string | null>;\n  }\n\n  ngOnInit() {\n    // Emit on any form change\n    merge(this.form().valueChanges).subscribe(() => {\n      const v = this.form().value;\n      const change = {\n        country: v.country || undefined,\n        street: v.street || undefined,\n        postal_code: v.postal_code || undefined,\n        city: v.city || undefined,\n        street_number: v.street_number || undefined,\n      };\n      this.update.emit(change);\n    });\n  }\n\n  onAddressSelected(result: OSMResult) {\n    const city =\n      result.address.city || result.address.village || result.address.town;\n    const patch: any = {};\n\n    if (city) {\n      patch.city = city;\n    }\n\n    const houseNumber = result.address.house_number;\n    if (houseNumber) {\n      patch.street_number = houseNumber;\n    }\n\n    const postalCode = result.address.postcode;\n    if (postalCode) {\n      patch.postal_code = postalCode;\n    }\n\n    if (Object.keys(patch).length > 0) {\n      this.form().patchValue(patch);\n    }\n  }\n}\n","<onemrva-mat-input-country\n  [country]=\"countryForm\"\n  label=\"{{ 'input.country.label' | translate }}\"\n  noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n  placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n  searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n/>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-12-small col-8-medium\">\n      <onemrva-mat-input-address\n        class=\"mr-m\"\n        mode=\"road-only\"\n        [countryCodes]=\"[countryForm.value || '']\"\n        [address]=\"streetControl\"\n        (getAddress)=\"onAddressSelected($event)\"\n      />\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium\">\n        <mat-label>{{ 'input.address.number.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"numeroControl\"\n          [placeholder]=\"'input.address.number.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium ml-s-small\">\n        <mat-label>{{'input.address.box.label' | translate}}</mat-label>\n        <input\n          matInput\n          [formControl]=\"boxControl\"\n          [placeholder]=\"'input.address.box.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n\n  <div class=\"row\">\n    <div class=\"col-12-small col-4-medium\">\n      <mat-form-field class=\"mr-m-medium\">\n        <mat-label\n          >{{ 'input.address.postal-code.label' | translate}}</mat-label\n        >\n        <input\n          matInput\n          [formControl]=\"postalCodeControl\"\n          [placeholder]=\"'input.address.postal-code.label' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-12-small col-8-medium\">\n      <mat-form-field>\n        <mat-label>{{ 'input.address.city.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"cityControl\"\n          [placeholder]=\"'input.address.city.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n</div>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-address';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-address.mjs","sources":["../../../../projects/onemrva/design-system/mat-address/src/onemrva-address.ts","../../../../projects/onemrva/design-system/mat-address/src/onemrva-address.html","../../../../projects/onemrva/design-system/mat-address/index.ts","../../../../projects/onemrva/design-system/mat-address/onemrvapublic-design-system-mat-address.ts"],"sourcesContent":["import { Component, OnInit, input, output, viewChild } from '@angular/core';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';\nimport { OnemrvaMatInputAddressComponent } from '@onemrvapublic/design-system/mat-input-address';\nimport { OnemrvaMatInputCountryComponent } from '@onemrvapublic/design-system/mat-input-country';\nimport { OSMResult } from '@onemrvapublic/design-system/shared';\nimport { MatInputModule } from '@angular/material/input';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { merge } from 'rxjs';\n\n@Component({\n  selector: 'onemrva-address',\n  imports: [\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    OnemrvaMatInputCountryComponent,\n    MatInputModule,\n    TranslateModule,\n    OnemrvaMatInputAddressComponent,\n  ],\n  templateUrl: './onemrva-address.html',\n  standalone: true,\n  styleUrl: './onemrva-address.scss',\n})\nexport class OnemRvaAddress implements OnInit {\n  readonly defaultCountry = input('be');\n\n  readonly childComponent = viewChild<OnemrvaMatInputAddressComponent>(\n    OnemrvaMatInputAddressComponent,\n  );\n\n  readonly form = input(\n    new FormGroup({\n      country: new FormControl(''),\n      street: new FormControl(''),\n      postal_code: new FormControl(''),\n      city: new FormControl(''),\n      street_number: new FormControl(''),\n      box: new FormControl(''),\n    }),\n  );\n\n  readonly update = output<{\n    country?: string;\n    street?: string;\n    postal_code?: string;\n    city?: string;\n    street_number?: string;\n    box?: string;\n  }>();\n\n  // Keep existing property names as getters to avoid template changes\n  get countryForm(): FormControl<string | null> {\n    return this.form().get('country') as FormControl<string | null>;\n  }\n  get streetControl(): FormControl<string | null> {\n    return this.form().get('street') as FormControl<string | null>;\n  }\n  get postalCodeControl(): FormControl<string | null> {\n    return this.form().get('postal_code') as FormControl<string | null>;\n  }\n  get cityControl(): FormControl<string | null> {\n    return this.form().get('city') as FormControl<string | null>;\n  }\n  get boxControl(): FormControl<string | null> {\n    return this.form().get('box') as FormControl<string | null>;\n  }\n  get numeroControl(): FormControl<string | null> {\n    return this.form().get('street_number') as FormControl<string | null>;\n  }\n\n  ngOnInit() {\n    // Emit on any form change\n    merge(this.form().valueChanges).subscribe(() => {\n      const v = this.form().value;\n      const change = {\n        country: v.country || undefined,\n        street: v.street || undefined,\n        postal_code: v.postal_code || undefined,\n        city: v.city || undefined,\n        street_number: v.street_number || undefined,\n      };\n      this.update.emit(change);\n    });\n  }\n\n  onCountrySelected() {\n    setTimeout(() => {\n      this.childComponent()?.focus();\n    });\n  }\n\n  onAddressSelected(result: OSMResult) {\n    const city =\n      result.address.city || result.address.village || result.address.town;\n    const patch: any = {};\n\n    if (city) {\n      patch.city = city;\n    }\n\n    const houseNumber = result.address.house_number;\n    if (houseNumber) {\n      patch.street_number = houseNumber;\n    }\n\n    const postalCode = result.address.postcode;\n    if (postalCode) {\n      patch.postal_code = postalCode;\n    }\n\n    if (Object.keys(patch).length > 0) {\n      this.form().patchValue(patch);\n    }\n  }\n}\n","<onemrva-mat-input-country\n  (getCountry)=\"onCountrySelected()\"\n  [country]=\"countryForm\"\n  label=\"{{ 'input.country.label' | translate }}\"\n  noEntriesFoundLabel=\"{{ 'input.country.not.found' | translate }}\"\n  placeholderLabel=\"{{ 'input.country.search' | translate }}\"\n  searchAriaLabel=\"{{ 'input.country.search' | translate }}\"\n/>\n\n<div class=\"container\">\n  <div class=\"row\">\n    <div class=\"col-12-small col-8-medium\">\n      <onemrva-mat-input-address\n        class=\"mr-m\"\n        mode=\"road-only\"\n        [countryCodes]=\"[countryForm.value || '']\"\n        [address]=\"streetControl\"\n        (getAddress)=\"onAddressSelected($event)\"\n      />\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium\">\n        <mat-label>{{ 'input.address.number.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"numeroControl\"\n          [placeholder]=\"'input.address.number.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-6-small col-2-medium\">\n      <mat-form-field class=\"ml-m-medium ml-s-small\">\n        <mat-label>{{'input.address.box.label' | translate}}</mat-label>\n        <input\n          matInput\n          [formControl]=\"boxControl\"\n          [placeholder]=\"'input.address.box.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n\n  <div class=\"row\">\n    <div class=\"col-12-small col-4-medium\">\n      <mat-form-field class=\"mr-m-medium\">\n        <mat-label\n          >{{ 'input.address.postal-code.label' | translate}}</mat-label\n        >\n        <input\n          matInput\n          [formControl]=\"postalCodeControl\"\n          [placeholder]=\"'input.address.postal-code.label' | translate\"\n        />\n      </mat-form-field>\n    </div>\n\n    <div class=\"col-12-small col-8-medium\">\n      <mat-form-field>\n        <mat-label>{{ 'input.address.city.label' | translate }}</mat-label>\n        <input\n          matInput\n          [formControl]=\"cityControl\"\n          [placeholder]=\"'input.address.city.placeholder' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  </div>\n</div>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-address';\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-input-address.mjs

@@ -49,6 +49,7 @@ class OnemrvaMatInputAddressComponent {
         this.hint = input('', ...(ngDevMode ? [{ debugName: "hint" }] : /* istanbul ignore next */ []));
         this.countryCodes = input(['be'], ...(ngDevMode ? [{ debugName: "countryCodes" }] : /* istanbul ignore next */ []));
         this.getAddress = output();
+        this.inputField = viewChild.required('addressInputField');
         this.autocompleteTrigger = viewChild.required(MatAutocompleteTrigger);
         this.osm = inject(OnemRvaOSMService);
         this.isLoading = false;
@@ -81,13 +82,16 @@ class OnemrvaMatInputAddressComponent {
     clear() {
         this.address().setValue('');
     }
+    focus() {
+        this.inputField().nativeElement.focus();
+    }
     handleEnter() {
         if (this.firstResult !== null)
             this.selectAddress(this.firstResult, false);
         this.autocompleteTrigger().closePanel();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatInputAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: OnemrvaMatInputAddressComponent, isStandalone: true, selector: "onemrva-mat-input-address", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, address: { classPropertyName: "address", publicName: "address", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, noEntriesFoundLabel: { classPropertyName: "noEntriesFoundLabel", publicName: "noEntriesFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, countryCodes: { classPropertyName: "countryCodes", publicName: "countryCodes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { getAddress: "getAddress" }, viewQueries: [{ propertyName: "autocompleteTrigger", first: true, predicate: MatAutocompleteTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label() | translate }}</mat-label>\n  <mat-icon matPrefix [class.spin]=\"isLoading\">\n    {{ isLoading ? 'refresh' : 'search' }}\n  </mat-icon>\n\n  @if (address().value !== '') {\n    <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n  }\n  <input\n    type=\"text\"\n    matInput\n    [formControl]=\"address()\"\n    [readonly]=\"readonly()\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder() | translate\"\n    (keydown.enter)=\"handleEnter()\"\n  />\n\n  @if (hint()) {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    (optionSelected)=\"selectAddress($event.option.value)\"\n  >\n    @for (result of results$ | async; track result.place_id) {\n      <mat-option [value]=\"result\">\n        <span class=\"country\">\n          <flag-icon [countryCode]=\"result.address['country_code']\" />\n          {{ result | addressFormatter }}\n        </span>\n      </mat-option>\n    }\n    @if (showNoResult) {\n      <mat-option>\n        {{ noEntriesFoundLabel() | translate }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (address().invalid) {\n    <mat-error>{{ 'input.field.invalid' | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["onemrva-mat-input-address mat-form-field{width:100%}onemrva-mat-input-address .spin{animation:spin 1s linear infinite}\n"], dependencies: [{ 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: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FlagIconComponent, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: OSMAddressFormatPipe, name: "addressFormatter" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: OnemrvaMatInputAddressComponent, isStandalone: true, selector: "onemrva-mat-input-address", inputs: { placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, address: { classPropertyName: "address", publicName: "address", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, noEntriesFoundLabel: { classPropertyName: "noEntriesFoundLabel", publicName: "noEntriesFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, countryCodes: { classPropertyName: "countryCodes", publicName: "countryCodes", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { getAddress: "getAddress" }, viewQueries: [{ propertyName: "inputField", first: true, predicate: ["addressInputField"], descendants: true, isSignal: true }, { propertyName: "autocompleteTrigger", first: true, predicate: MatAutocompleteTrigger, descendants: true, isSignal: true }], ngImport: i0, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label() | translate }}</mat-label>\n  <mat-icon matPrefix [class.spin]=\"isLoading\">\n    {{ isLoading ? 'refresh' : 'search' }}\n  </mat-icon>\n\n  @if (address().value !== '') {\n    <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n  }\n  <input\n    #addressInputField\n    type=\"text\"\n    matInput\n    [formControl]=\"address()\"\n    [readonly]=\"readonly()\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder() | translate\"\n    (keydown.enter)=\"handleEnter()\"\n  />\n\n  @if (hint()) {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    (optionSelected)=\"selectAddress($event.option.value)\"\n  >\n    @for (result of results$ | async; track result.place_id) {\n      <mat-option [value]=\"result\">\n        <span class=\"country\">\n          <flag-icon [countryCode]=\"result.address['country_code']\" />\n          {{ result | addressFormatter }}\n        </span>\n      </mat-option>\n    }\n    @if (showNoResult) {\n      <mat-option>\n        {{ noEntriesFoundLabel() | translate }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (address().invalid) {\n    <mat-error>{{ 'input.field.invalid' | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["onemrva-mat-input-address mat-form-field{width:100%}onemrva-mat-input-address .spin{animation:spin 1s linear infinite}\n"], dependencies: [{ 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: "directive", type: i1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "directive", type: MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FlagIconComponent, selector: "flag-icon", inputs: ["countryCode", "mode", "width"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: OSMAddressFormatPipe, name: "addressFormatter" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: OnemrvaMatInputAddressComponent, decorators: [{
             type: Component,
@@ -103,8 +107,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         FlagIconComponent,
                         OSMAddressFormatPipe,
                         AsyncPipe,
-                    ], encapsulation: ViewEncapsulation.None, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label() | translate }}</mat-label>\n  <mat-icon matPrefix [class.spin]=\"isLoading\">\n    {{ isLoading ? 'refresh' : 'search' }}\n  </mat-icon>\n\n  @if (address().value !== '') {\n    <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n  }\n  <input\n    type=\"text\"\n    matInput\n    [formControl]=\"address()\"\n    [readonly]=\"readonly()\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder() | translate\"\n    (keydown.enter)=\"handleEnter()\"\n  />\n\n  @if (hint()) {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    (optionSelected)=\"selectAddress($event.option.value)\"\n  >\n    @for (result of results$ | async; track result.place_id) {\n      <mat-option [value]=\"result\">\n        <span class=\"country\">\n          <flag-icon [countryCode]=\"result.address['country_code']\" />\n          {{ result | addressFormatter }}\n        </span>\n      </mat-option>\n    }\n    @if (showNoResult) {\n      <mat-option>\n        {{ noEntriesFoundLabel() | translate }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (address().invalid) {\n    <mat-error>{{ 'input.field.invalid' | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["onemrva-mat-input-address mat-form-field{width:100%}onemrva-mat-input-address .spin{animation:spin 1s linear infinite}\n"] }]
-        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], address: [{ type: i0.Input, args: [{ isSignal: true, alias: "address", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], noEntriesFoundLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "noEntriesFoundLabel", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], countryCodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "countryCodes", required: false }] }], getAddress: [{ type: i0.Output, args: ["getAddress"] }], autocompleteTrigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatAutocompleteTrigger), { isSignal: true }] }] } });
+                    ], encapsulation: ViewEncapsulation.None, template: "<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label() | translate }}</mat-label>\n  <mat-icon matPrefix [class.spin]=\"isLoading\">\n    {{ isLoading ? 'refresh' : 'search' }}\n  </mat-icon>\n\n  @if (address().value !== '') {\n    <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n  }\n  <input\n    #addressInputField\n    type=\"text\"\n    matInput\n    [formControl]=\"address()\"\n    [readonly]=\"readonly()\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder() | translate\"\n    (keydown.enter)=\"handleEnter()\"\n  />\n\n  @if (hint()) {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    (optionSelected)=\"selectAddress($event.option.value)\"\n  >\n    @for (result of results$ | async; track result.place_id) {\n      <mat-option [value]=\"result\">\n        <span class=\"country\">\n          <flag-icon [countryCode]=\"result.address['country_code']\" />\n          {{ result | addressFormatter }}\n        </span>\n      </mat-option>\n    }\n    @if (showNoResult) {\n      <mat-option>\n        {{ noEntriesFoundLabel() | translate }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (address().invalid) {\n    <mat-error>{{ 'input.field.invalid' | translate }}</mat-error>\n  }\n</mat-form-field>\n", styles: ["onemrva-mat-input-address mat-form-field{width:100%}onemrva-mat-input-address .spin{animation:spin 1s linear infinite}\n"] }]
+        }], propDecorators: { placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], address: [{ type: i0.Input, args: [{ isSignal: true, alias: "address", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], noEntriesFoundLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "noEntriesFoundLabel", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], countryCodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "countryCodes", required: false }] }], getAddress: [{ type: i0.Output, args: ["getAddress"] }], inputField: [{ type: i0.ViewChild, args: ['addressInputField', { isSignal: true }] }], autocompleteTrigger: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatAutocompleteTrigger), { isSignal: true }] }] } });
 
 /*
  * Public API Surface of mat-bank-account-input

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

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-input-address.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-address/src/format-osm.directive.ts","../../../../projects/onemrva/design-system/mat-input-address/src/onemrva-mat-input-address.component.ts","../../../../projects/onemrva/design-system/mat-input-address/src/onemrva-mat-input-address.component.html","../../../../projects/onemrva/design-system/mat-input-address/index.ts","../../../../projects/onemrva/design-system/mat-input-address/onemrvapublic-design-system-mat-input-address.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { OSMResult } from '@onemrvapublic/design-system/shared';\n\n@Pipe({\n  name: 'addressFormatter',\n  standalone: true,\n})\nexport class OSMAddressFormatPipe implements PipeTransform {\n  transform(result: OSMResult): string {\n    if (result.address.country_code !== 'be') {\n      return result.display_name;\n    }\n\n    const town =\n      result.address.village || result.address.city || result.address.town;\n    if (result.address.house_number) {\n      return `${result.address.road} ${result.address.house_number}, ${result.address.postcode} ${town}`;\n    }\n\n    return `${result.address.road}, ${result.address.postcode} ${town}`;\n  }\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  OnInit,\n  inject,\n  input,\n  output,\n  viewChild,\n} from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { debounceTime, switchMap, Observable, startWith, map, of } from 'rxjs';\nimport { AsyncPipe } from '@angular/common';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatSelectModule } from '@angular/material/select';\nimport { TranslateModule } from '@ngx-translate/core';\nimport {\n  MatAutocomplete,\n  MatAutocompleteTrigger,\n} from '@angular/material/autocomplete';\nimport { MatIcon } from '@angular/material/icon';\nimport { FlagIconComponent } from '@onemrvapublic/design-system/flag-icon';\nimport {\n  OnemRvaOSMService,\n  OSMResult,\n} from '@onemrvapublic/design-system/shared';\nimport { OSMAddressFormatPipe } from './format-osm.directive';\n\n@Component({\n  selector: 'onemrva-mat-input-address',\n  styleUrls: ['onemrva-mat-input-address.component.scss'],\n  templateUrl: 'onemrva-mat-input-address.component.html',\n  standalone: true,\n  imports: [\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    MatAutocompleteTrigger,\n    MatAutocomplete,\n    MatIcon,\n    FlagIconComponent,\n    OSMAddressFormatPipe,\n    AsyncPipe,\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaMatInputAddressComponent implements OnInit {\n  readonly placeholder = input('input.address.placeholder');\n  readonly readonly = input(false);\n  readonly address = input.required<FormControl>();\n  readonly mode = input<'road-only' | 'full'>('full');\n  readonly label = input('input.address.label');\n  readonly noEntriesFoundLabel = input('input.address.not-found');\n  readonly hint = input('');\n  readonly countryCodes = input(['be']);\n  readonly getAddress = output<OSMResult>();\n\n  readonly autocompleteTrigger = viewChild.required(MatAutocompleteTrigger);\n\n  results$!: Observable<OSMResult[]>;\n\n  private readonly osm = inject(OnemRvaOSMService);\n\n  isLoading = false;\n\n  firstResult: null | OSMResult = null;\n  showNoResult = false;\n\n  ngOnInit(): void {\n    this.results$ = this.address().valueChanges.pipe(\n      startWith(''),\n      debounceTime(300),\n      switchMap((value: string) => {\n        this.showNoResult = false;\n        this.firstResult = null;\n        if (!value || value.length <= 2) {\n          this.isLoading = false;\n          this.autocompleteTrigger().closePanel();\n          return of([]);\n        }\n\n        this.isLoading = true;\n        return this.osm.searchAddress(value, this.countryCodes()).pipe(\n          map(results => {\n            this.showNoResult = results.length === 0;\n            this.isLoading = false;\n            this.firstResult = results[0];\n            return results;\n          }),\n        );\n      }),\n    );\n  }\n\n  selectAddress(address: OSMResult, emit = true) {\n    const finalValue =\n      this.mode() === 'road-only' ? address.address.road : address.display_name;\n\n    this.address().setValue(finalValue, { emitEvent: emit });\n    this.getAddress.emit(address);\n  }\n\n  clear() {\n    this.address().setValue('');\n  }\n\n  handleEnter() {\n    if (this.firstResult !== null) this.selectAddress(this.firstResult, false);\n    this.autocompleteTrigger().closePanel();\n  }\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label() | translate }}</mat-label>\n  <mat-icon matPrefix [class.spin]=\"isLoading\">\n    {{ isLoading ? 'refresh' : 'search' }}\n  </mat-icon>\n\n  @if (address().value !== '') {\n    <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n  }\n  <input\n    type=\"text\"\n    matInput\n    [formControl]=\"address()\"\n    [readonly]=\"readonly()\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder() | translate\"\n    (keydown.enter)=\"handleEnter()\"\n  />\n\n  @if (hint()) {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    (optionSelected)=\"selectAddress($event.option.value)\"\n  >\n    @for (result of results$ | async; track result.place_id) {\n      <mat-option [value]=\"result\">\n        <span class=\"country\">\n          <flag-icon [countryCode]=\"result.address['country_code']\" />\n          {{ result | addressFormatter }}\n        </span>\n      </mat-option>\n    }\n    @if (showNoResult) {\n      <mat-option>\n        {{ noEntriesFoundLabel() | translate }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (address().invalid) {\n    <mat-error>{{ 'input.field.invalid' | translate }}</mat-error>\n  }\n</mat-form-field>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-address.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-input-address.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-address/src/format-osm.directive.ts","../../../../projects/onemrva/design-system/mat-input-address/src/onemrva-mat-input-address.component.ts","../../../../projects/onemrva/design-system/mat-input-address/src/onemrva-mat-input-address.component.html","../../../../projects/onemrva/design-system/mat-input-address/index.ts","../../../../projects/onemrva/design-system/mat-input-address/onemrvapublic-design-system-mat-input-address.ts"],"sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\nimport { OSMResult } from '@onemrvapublic/design-system/shared';\n\n@Pipe({\n  name: 'addressFormatter',\n  standalone: true,\n})\nexport class OSMAddressFormatPipe implements PipeTransform {\n  transform(result: OSMResult): string {\n    if (result.address.country_code !== 'be') {\n      return result.display_name;\n    }\n\n    const town =\n      result.address.village || result.address.city || result.address.town;\n    if (result.address.house_number) {\n      return `${result.address.road} ${result.address.house_number}, ${result.address.postcode} ${town}`;\n    }\n\n    return `${result.address.road}, ${result.address.postcode} ${town}`;\n  }\n}\n","import {\n  Component,\n  ViewEncapsulation,\n  OnInit,\n  inject,\n  input,\n  output,\n  viewChild,\n  ElementRef,\n} from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { debounceTime, switchMap, Observable, startWith, map, of } from 'rxjs';\nimport { AsyncPipe } from '@angular/common';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatSelectModule } from '@angular/material/select';\nimport { TranslateModule } from '@ngx-translate/core';\nimport {\n  MatAutocomplete,\n  MatAutocompleteTrigger,\n} from '@angular/material/autocomplete';\nimport { MatIcon } from '@angular/material/icon';\nimport { FlagIconComponent } from '@onemrvapublic/design-system/flag-icon';\nimport {\n  OnemRvaOSMService,\n  OSMResult,\n} from '@onemrvapublic/design-system/shared';\nimport { OSMAddressFormatPipe } from './format-osm.directive';\n\n@Component({\n  selector: 'onemrva-mat-input-address',\n  styleUrls: ['onemrva-mat-input-address.component.scss'],\n  templateUrl: 'onemrva-mat-input-address.component.html',\n  standalone: true,\n  imports: [\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    MatAutocompleteTrigger,\n    MatAutocomplete,\n    MatIcon,\n    FlagIconComponent,\n    OSMAddressFormatPipe,\n    AsyncPipe,\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaMatInputAddressComponent implements OnInit {\n  readonly placeholder = input('input.address.placeholder');\n  readonly readonly = input(false);\n  readonly address = input.required<FormControl>();\n  readonly mode = input<'road-only' | 'full'>('full');\n  readonly label = input('input.address.label');\n  readonly noEntriesFoundLabel = input('input.address.not-found');\n  readonly hint = input('');\n  readonly countryCodes = input(['be']);\n  readonly getAddress = output<OSMResult>();\n  readonly inputField =\n    viewChild.required<ElementRef<HTMLInputElement>>('addressInputField');\n\n  readonly autocompleteTrigger = viewChild.required(MatAutocompleteTrigger);\n\n  results$!: Observable<OSMResult[]>;\n\n  private readonly osm = inject(OnemRvaOSMService);\n\n  isLoading = false;\n\n  firstResult: null | OSMResult = null;\n  showNoResult = false;\n\n  ngOnInit(): void {\n    this.results$ = this.address().valueChanges.pipe(\n      startWith(''),\n      debounceTime(300),\n      switchMap((value: string) => {\n        this.showNoResult = false;\n        this.firstResult = null;\n        if (!value || value.length <= 2) {\n          this.isLoading = false;\n          this.autocompleteTrigger().closePanel();\n          return of([]);\n        }\n\n        this.isLoading = true;\n        return this.osm.searchAddress(value, this.countryCodes()).pipe(\n          map(results => {\n            this.showNoResult = results.length === 0;\n            this.isLoading = false;\n            this.firstResult = results[0];\n            return results;\n          }),\n        );\n      }),\n    );\n  }\n\n  selectAddress(address: OSMResult, emit = true) {\n    const finalValue =\n      this.mode() === 'road-only' ? address.address.road : address.display_name;\n\n    this.address().setValue(finalValue, { emitEvent: emit });\n    this.getAddress.emit(address);\n  }\n\n  clear() {\n    this.address().setValue('');\n  }\n\n  focus() {\n    this.inputField().nativeElement.focus();\n  }\n\n  handleEnter() {\n    if (this.firstResult !== null) this.selectAddress(this.firstResult, false);\n    this.autocompleteTrigger().closePanel();\n  }\n}\n","<mat-form-field appearance=\"outline\">\n  <mat-label>{{ label() | translate }}</mat-label>\n  <mat-icon matPrefix [class.spin]=\"isLoading\">\n    {{ isLoading ? 'refresh' : 'search' }}\n  </mat-icon>\n\n  @if (address().value !== '') {\n    <mat-icon matSuffix class=\"clickable\" (click)=\"clear()\">close</mat-icon>\n  }\n  <input\n    #addressInputField\n    type=\"text\"\n    matInput\n    [formControl]=\"address()\"\n    [readonly]=\"readonly()\"\n    [matAutocomplete]=\"auto\"\n    [placeholder]=\"placeholder() | translate\"\n    (keydown.enter)=\"handleEnter()\"\n  />\n\n  @if (hint()) {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n\n  <mat-autocomplete\n    #auto=\"matAutocomplete\"\n    (optionSelected)=\"selectAddress($event.option.value)\"\n  >\n    @for (result of results$ | async; track result.place_id) {\n      <mat-option [value]=\"result\">\n        <span class=\"country\">\n          <flag-icon [countryCode]=\"result.address['country_code']\" />\n          {{ result | addressFormatter }}\n        </span>\n      </mat-option>\n    }\n    @if (showNoResult) {\n      <mat-option>\n        {{ noEntriesFoundLabel() | translate }}\n      </mat-option>\n    }\n  </mat-autocomplete>\n  @if (address().invalid) {\n    <mat-error>{{ 'input.field.invalid' | translate }}</mat-error>\n  }\n</mat-form-field>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-address.component';\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-input-country.mjs

@@ -44,6 +44,9 @@ class OnemrvaMatInputCountryComponent {
         }));
     }
     ngOnInit() {
+        this.country().valueChanges.subscribe(country => {
+            this.getCountry.emit(country);
+        });
         this.selectedCountry$ = this.country().valueChanges.pipe(startWith(this.country().getRawValue()), // ✅ Explicitly set type
         combineLatestWith(this.countries$), map(([value, countries]) => {
             // ✅ Explicitly defining types

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

@@ -1 +1 @@
-{"version":3,"file":"onemrvapublic-design-system-mat-input-country.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-country/src/onemrva-mat-input-country.component.ts","../../../../projects/onemrva/design-system/mat-input-country/src/onemrva-mat-input-country.component.html","../../../../projects/onemrva/design-system/mat-input-country/index.ts","../../../../projects/onemrva/design-system/mat-input-country/onemrvapublic-design-system-mat-input-country.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n  Component,\n  inject,\n  input,\n  OnInit,\n  ViewEncapsulation,\n  output,\n} from '@angular/core';\nimport { FormControl, ReactiveFormsModule } 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  map,\n  startWith,\n  debounceTime,\n  combineLatestWith,\n} from 'rxjs';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport { OnemrvaCountryItemComponent } from '@onemrvapublic/design-system/mat-country-item';\nimport {\n  OnemRvaCDNCountryService,\n  OnemrvaMaterialCountry,\n} from '@onemrvapublic/design-system/shared';\n\n@Component({\n  selector: 'onemrva-mat-input-country',\n  styleUrls: ['onemrva-mat-input-country.component.scss'],\n  templateUrl: 'onemrva-mat-input-country.component.html',\n  standalone: true,\n  imports: [\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    OnemrvaCountryItemComponent,\n    AsyncPipe,\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaMatInputCountryComponent implements OnInit {\n  readonly getCountry = output<any>();\n\n  country = input.required<FormControl<string | null>>();\n\n  readonly = input(false);\n  disabled = input(false);\n\n  label = input('Country');\n  noEntriesFoundLabel = input('Not found');\n  hint = input('');\n  placeholderLabel = input('Search');\n  searchAriaLabel = input('');\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  public countries$: Observable<OnemrvaMaterialCountry[]>;\n  public filteredCountries$: Observable<OnemrvaMaterialCountry[]>;\n  public selectedCountry$?: Observable<OnemrvaMaterialCountry | undefined>;\n\n  public setValue(country: OnemrvaMaterialCountry) {\n    this.country().setValue(country.code);\n    this.getCountry.emit(country);\n  }\n\n  private readonly cdn = inject(OnemRvaCDNCountryService);\n\n  constructor() {\n    this.countries$ = this.cdn.getCountries();\n\n    this.filteredCountries$ = this.filterCtrl.valueChanges.pipe(\n      debounceTime(400),\n      startWith<string | null>(''), // ✅ Explicitly setting type\n      combineLatestWith(this.countries$),\n      map(([search, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        return countries.filter((country: OnemrvaMaterialCountry) => {\n          if (!search || search.trim() === '') return true; // ✅ Avoids returning an entire array\n          return country.name?.toLowerCase().includes(search.toLowerCase());\n        });\n      }),\n    );\n  }\n\n  ngOnInit(): void {\n    this.selectedCountry$ = this.country().valueChanges.pipe(\n      startWith<string | null>(this.country().getRawValue()), // ✅ Explicitly set type\n      combineLatestWith(this.countries$),\n      map(([value, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        // ✅ Explicitly defining types\n        return countries.find(\n          (country: OnemrvaMaterialCountry) =>\n            value !== null &&\n            country.code.toLowerCase() ===\n              value.substring(0, country.code.length).toLowerCase(),\n        );\n      }),\n    );\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  public errors() {\n    for (const k in this.country().errors) {\n      if (k === 'required') {\n        return 'input.country.required';\n      }\n    }\n    return 'input.country.unknown.error';\n  }\n\n  getCounrtyCode() {\n    return this.country().getRawValue()?.toLowerCase() ?? null;\n  }\n}\n","<mat-form-field class=\"onemrva-input-country\">\n  <mat-label>{{ label() }}</mat-label>\n  <mat-select class=\"onemrva-country-select\" [formControl]=\"country()\">\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"getCounrtyCode()\"\n        [countryName]=\"(selectedCountry$ | async)?.name\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel()\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n        [placeholderLabel]=\"placeholderLabel()\"\n      />\n    </mat-option>\n    @for (country of filteredCountries$ | async; track $index) {\n      <mat-option [value]=\"country.code.toLowerCase()\">\n        <mat-country-item\n          [countryCode]=\"country.code.toLowerCase()\"\n          [countryName]=\"country.name\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint() !== '') {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n  @if (country().invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-country.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"onemrvapublic-design-system-mat-input-country.mjs","sources":["../../../../projects/onemrva/design-system/mat-input-country/src/onemrva-mat-input-country.component.ts","../../../../projects/onemrva/design-system/mat-input-country/src/onemrva-mat-input-country.component.html","../../../../projects/onemrva/design-system/mat-input-country/index.ts","../../../../projects/onemrva/design-system/mat-input-country/onemrvapublic-design-system-mat-input-country.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n  Component,\n  inject,\n  input,\n  OnInit,\n  ViewEncapsulation,\n  output,\n} from '@angular/core';\nimport { FormControl, ReactiveFormsModule } 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  map,\n  startWith,\n  debounceTime,\n  combineLatestWith,\n} from 'rxjs';\nimport { MatSelectSearchModule } from '@onemrvapublic/design-system/mat-select-search';\nimport { OnemrvaCountryItemComponent } from '@onemrvapublic/design-system/mat-country-item';\nimport {\n  OnemRvaCDNCountryService,\n  OnemrvaMaterialCountry,\n} from '@onemrvapublic/design-system/shared';\n\n@Component({\n  selector: 'onemrva-mat-input-country',\n  styleUrls: ['onemrva-mat-input-country.component.scss'],\n  templateUrl: 'onemrva-mat-input-country.component.html',\n  standalone: true,\n  imports: [\n    MatInputModule,\n    MatFormFieldModule,\n    MatSelectModule,\n    MatSelectSearchModule,\n    ReactiveFormsModule,\n    TranslateModule,\n    OnemrvaCountryItemComponent,\n    AsyncPipe,\n  ],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class OnemrvaMatInputCountryComponent implements OnInit {\n  readonly getCountry = output<any>();\n\n  country = input.required<FormControl<string | null>>();\n\n  readonly = input(false);\n  disabled = input(false);\n\n  label = input('Country');\n  noEntriesFoundLabel = input('Not found');\n  hint = input('');\n  placeholderLabel = input('Search');\n  searchAriaLabel = input('');\n\n  public filterCtrl: FormControl<string | null> = new FormControl<string>('');\n\n  public countries$: Observable<OnemrvaMaterialCountry[]>;\n  public filteredCountries$: Observable<OnemrvaMaterialCountry[]>;\n  public selectedCountry$?: Observable<OnemrvaMaterialCountry | undefined>;\n\n  public setValue(country: OnemrvaMaterialCountry) {\n    this.country().setValue(country.code);\n    this.getCountry.emit(country);\n  }\n\n  private readonly cdn = inject(OnemRvaCDNCountryService);\n\n  constructor() {\n    this.countries$ = this.cdn.getCountries();\n\n    this.filteredCountries$ = this.filterCtrl.valueChanges.pipe(\n      debounceTime(400),\n      startWith<string | null>(''), // ✅ Explicitly setting type\n      combineLatestWith(this.countries$),\n      map(([search, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        return countries.filter((country: OnemrvaMaterialCountry) => {\n          if (!search || search.trim() === '') return true; // ✅ Avoids returning an entire array\n          return country.name?.toLowerCase().includes(search.toLowerCase());\n        });\n      }),\n    );\n  }\n\n  ngOnInit(): void {\n    this.country().valueChanges.subscribe(country => {\n      this.getCountry.emit(country);\n    });\n\n    this.selectedCountry$ = this.country().valueChanges.pipe(\n      startWith<string | null>(this.country().getRawValue()), // ✅ Explicitly set type\n      combineLatestWith(this.countries$),\n      map(([value, countries]: [string | null, OnemrvaMaterialCountry[]]) => {\n        // ✅ Explicitly defining types\n        return countries.find(\n          (country: OnemrvaMaterialCountry) =>\n            value !== null &&\n            country.code.toLowerCase() ===\n              value.substring(0, country.code.length).toLowerCase(),\n        );\n      }),\n    );\n  }\n\n  handleClick(e: any) {\n    e.stopPropagation();\n  }\n\n  public errors() {\n    for (const k in this.country().errors) {\n      if (k === 'required') {\n        return 'input.country.required';\n      }\n    }\n    return 'input.country.unknown.error';\n  }\n\n  getCounrtyCode() {\n    return this.country().getRawValue()?.toLowerCase() ?? null;\n  }\n}\n","<mat-form-field class=\"onemrva-input-country\">\n  <mat-label>{{ label() }}</mat-label>\n  <mat-select class=\"onemrva-country-select\" [formControl]=\"country()\">\n    <mat-select-trigger>\n      <mat-country-item\n        [countryCode]=\"getCounrtyCode()\"\n        [countryName]=\"(selectedCountry$ | async)?.name\"\n      />\n    </mat-select-trigger>\n    <mat-option>\n      <mat-select-search\n        [formControl]=\"filterCtrl\"\n        [ariaLabel]=\"searchAriaLabel()\"\n        [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\n        [placeholderLabel]=\"placeholderLabel()\"\n      />\n    </mat-option>\n    @for (country of filteredCountries$ | async; track $index) {\n      <mat-option [value]=\"country.code.toLowerCase()\">\n        <mat-country-item\n          [countryCode]=\"country.code.toLowerCase()\"\n          [countryName]=\"country.name\"\n        />\n      </mat-option>\n    }\n  </mat-select>\n  @if (hint() !== '') {\n    <mat-hint>{{ hint() }}</mat-hint>\n  }\n  @if (country().invalid) {\n    <mat-error>{{ errors() | translate }}</mat-error>\n  }\n</mat-form-field>\n","/*\n * Public API Surface of mat-bank-account-input\n */\n\nexport * from './src/onemrva-mat-input-country.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;MA6Ca,+BAA+B,CAAA;AAoBnC,IAAA,QAAQ,CAAC,OAA+B,EAAA;QAC7C,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;AACrC,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;IAC/B;AAIA,IAAA,WAAA,GAAA;QA1BS,IAAA,CAAA,UAAU,GAAG,MAAM,EAAO;AAEnC,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,6EAA8B;AAEtD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;AACvB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC;AAEvB,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,SAAS,4EAAC;AACxB,QAAA,IAAA,CAAA,mBAAmB,GAAG,KAAK,CAAC,WAAW,0FAAC;AACxC,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,EAAE,2EAAC;AAChB,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAC,QAAQ,uFAAC;AAClC,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAC,EAAE,sFAAC;AAEpB,QAAA,IAAA,CAAA,UAAU,GAA+B,IAAI,WAAW,CAAS,EAAE,CAAC;AAW1D,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,wBAAwB,CAAC;QAGrD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;QAEzC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CACzD,YAAY,CAAC,GAAG,CAAC,EACjB,SAAS,CAAgB,EAAE,CAAC;AAC5B,QAAA,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAClC,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,SAAS,CAA4C,KAAI;AACrE,YAAA,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,OAA+B,KAAI;gBAC1D,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE;oBAAE,OAAO,IAAI,CAAC;AACjD,gBAAA,OAAO,OAAO,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;AACnE,YAAA,CAAC,CAAC;QACJ,CAAC,CAAC,CACH;IACH;IAEA,QAAQ,GAAA;QACN,IAAI,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,IAAG;AAC9C,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;AAC/B,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC,YAAY,CAAC,IAAI,CACtD,SAAS,CAAgB,IAAI,CAAC,OAAO,EAAE,CAAC,WAAW,EAAE,CAAC;AACtD,QAAA,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAClC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,SAAS,CAA4C,KAAI;;YAEpE,OAAO,SAAS,CAAC,IAAI,CACnB,CAAC,OAA+B,KAC9B,KAAK,KAAK,IAAI;AACd,gBAAA,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;AACxB,oBAAA,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,WAAW,EAAE,CAC1D;QACH,CAAC,CAAC,CACH;IACH;AAEA,IAAA,WAAW,CAAC,CAAM,EAAA;QAChB,CAAC,CAAC,eAAe,EAAE;IACrB;IAEO,MAAM,GAAA;QACX,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE;AACrC,YAAA,IAAI,CAAC,KAAK,UAAU,EAAE;AACpB,gBAAA,OAAO,wBAAwB;YACjC;QACF;AACA,QAAA,OAAO,6BAA6B;IACtC;IAEA,cAAc,GAAA;AACZ,QAAA,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,WAAW,EAAE,EAAE,WAAW,EAAE,IAAI,IAAI;IAC5D;8GA9EW,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA/B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,qsCC7C5C,mlCAiCA,EAAA,MAAA,EAAA,CAAA,2JAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDCI,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAClB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,eAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,aAAA,EAAA,UAAA,EAAA,UAAA,EAAA,wBAAA,EAAA,aAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,2BAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,YAAA,EAAA,0BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,qBAAqB,inBACrB,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACnB,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,2BAA2B,6JAC3B,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAIA,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAjB3C,SAAS;+BACE,2BAA2B,EAAA,UAAA,EAGzB,IAAI,EAAA,OAAA,EACP;wBACP,cAAc;wBACd,kBAAkB;wBAClB,eAAe;wBACf,qBAAqB;wBACrB,mBAAmB;wBACnB,eAAe;wBACf,2BAA2B;wBAC3B,SAAS;qBACV,EAAA,aAAA,EACc,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,mlCAAA,EAAA,MAAA,EAAA,CAAA,2JAAA,CAAA,EAAA;;;AE3CvC;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/onemrvapublic-design-system-shared.mjs

@@ -2064,7 +2064,7 @@ function onemrvaDateLuxonYearMonthProvider() {
 }
 
 // Auto-generated — do not edit
-const VERSION = '21.7.7-develop.1';
+const VERSION = '21.7.8-develop.1';
 
 function onemrvaThemeProvider() {
     return makeEnvironmentProviders([