@bpost/bp-address-auto-complete-by-component 1.1.0 → 1.1.3

package/fesm2015/{bpost-bp-address-auto-complete-by-component.js → bpost-bp-address-auto-complete-by-component.mjs}

@@ -1,22 +1,28 @@
-import { __decorate } from 'tslib';
-import { ɵɵdefineInjectable, Injectable, ɵɵinject, EventEmitter, ViewChild, Input, Output, Component, Pipe, ElementRef, Renderer2, Directive, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { Injectable, Directive, Input, Pipe, EventEmitter, Component, ViewChild, Output, NgModule } from '@angular/core';
 import { map, catchError, tap } from 'rxjs/operators';
 import { throwError, BehaviorSubject } from 'rxjs';
-import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
-import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import * as i1 from '@angular/common/http';
+import { HttpHeaders, HttpClientModule } from '@angular/common/http';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i6 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { DomSanitizer } from '@angular/platform-browser';
+import * as i1$1 from '@angular/platform-browser';
 
-let LibAddressAutocompleteByComponentService = class LibAddressAutocompleteByComponentService {
+class LibAddressAutocompleteByComponentService {
     constructor() { }
-};
-LibAddressAutocompleteByComponentService.ɵprov = ɵɵdefineInjectable({ factory: function LibAddressAutocompleteByComponentService_Factory() { return new LibAddressAutocompleteByComponentService(); }, token: LibAddressAutocompleteByComponentService, providedIn: "root" });
-LibAddressAutocompleteByComponentService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], LibAddressAutocompleteByComponentService);
+}
+LibAddressAutocompleteByComponentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LibAddressAutocompleteByComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LibAddressAutocompleteByComponentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LibAddressAutocompleteByComponentService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LibAddressAutocompleteByComponentService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
 
 var ValidationMessageOptionType;
 (function (ValidationMessageOptionType) {
@@ -60,50 +66,72 @@ class QueryParameters {
     }
 }
 
-let HttpService = class HttpService {
-    constructor(httpClient) {
-        this.httpClient = httpClient;
-        this.openConnections = 0;
-        this.apiKey = 'no-value';
-    }
-    setApiKey(apiKey) {
-        this.apiKey = apiKey;
+class DomHandler {
+    static findSingle(element, selector) {
+        if (element) {
+            return element.querySelector(selector);
+        }
+        return null;
     }
-    getHttpHeaders() {
-        let headers = new HttpHeaders();
-        // Attention !
-        // Need to reassign as the 'set' is returning a clone of the headera object !!!
-        headers = headers.set('x-api-key', /*'bBkvimXYnAaEEKMyGqoWO2XiaZCQyqUi7VReYzPJ'*/ this.apiKey);
-        return headers;
+    static scrollInView(container, item) {
+        const borderTopValue = getComputedStyle(container).getPropertyValue('borderTopWidth');
+        const borderTop = borderTopValue ? parseFloat(borderTopValue) : 0;
+        const paddingTopValue = getComputedStyle(container).getPropertyValue('paddingTop');
+        const paddingTop = paddingTopValue ? parseFloat(paddingTopValue) : 0;
+        const containerRect = container.getBoundingClientRect();
+        const itemRect = item.getBoundingClientRect();
+        const offset = (itemRect.top + document.body.scrollTop) - (containerRect.top + document.body.scrollTop) - borderTop - paddingTop;
+        const scroll = container.scrollTop;
+        const elementHeight = container.clientHeight;
+        const itemHeight = this.getOuterHeight(item);
+        if (offset < 0) {
+            container.scrollTop = scroll + offset;
+        }
+        else if ((offset + itemHeight) > elementHeight) {
+            container.scrollTop = scroll + offset - elementHeight + itemHeight;
+        }
     }
-    get(url, options) {
-        return this.request('GET', url, options);
+    static getInnerHeight(el) {
+        let height = el.offsetHeight;
+        let style = getComputedStyle(el);
+        height += parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
+        return height;
     }
-    request(method, url, options) {
-        options = !!options ? options : {};
-        options = Object.assign(Object.assign({}, options), { headers: this.getHttpHeaders() });
-        console.log('options:', JSON.stringify(options));
-        this.openConnections++;
-        return this.httpClient.request(method, url, options).pipe(map((response) => this.handleResponse(response)), catchError((error) => this.handleError(error)));
+    static getOuterHeight(el, margin) {
+        let height = el.offsetHeight;
+        if (margin) {
+            let style = getComputedStyle(el);
+            height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
+        }
+        return height;
     }
-    handleResponse(response) {
-        this.openConnections--;
-        return response;
+    static getHeight(el) {
+        let height = el.offsetHeight;
+        let style = getComputedStyle(el);
+        height -= parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
+        return height;
     }
-    handleError(error) {
-        this.openConnections--;
-        return throwError(error);
+}
+
+var SourceType;
+(function (SourceType) {
+    SourceType["SOURCE_PREFILLED"] = "Prefilled";
+})(SourceType || (SourceType = {}));
+
+class PrefillEvent {
+    constructor(addressLevel, prefillData) {
+        this.addressLevel = addressLevel;
+        this.prefillData = prefillData;
     }
-};
-HttpService.ctorParameters = () => [
-    { type: HttpClient }
-];
-HttpService.ɵprov = ɵɵdefineInjectable({ factory: function HttpService_Factory() { return new HttpService(ɵɵinject(HttpClient)); }, token: HttpService, providedIn: "root" });
-HttpService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], HttpService);
+}
+
+var InputNameType;
+(function (InputNameType) {
+    InputNameType["LOCALITY"] = "LOCALITY";
+    InputNameType["STREET"] = "STREET";
+    InputNameType["STREET_NUMBER"] = "STREET_NUMBER";
+    InputNameType["BOX_NUMBER"] = "BOX_NUMBER";
+})(InputNameType || (InputNameType = {}));
 
 class Locality {
     constructor(json) {
@@ -111,17 +139,17 @@ class Locality {
         if (json.topSuggestions && json.topSuggestions.length > 0) {
             this.topSuggestions = [];
             json.topSuggestions.forEach(element => {
-                this.topSuggestions.push(new AddressSuggestion(element));
+                this.topSuggestions.push(new AddressSuggestion$2(element));
             });
         }
     }
 }
-class AddressSuggestion {
+class AddressSuggestion$2 {
     constructor(json) {
-        this.address = json.address ? new Address(json.address) : null;
+        this.address = json.address ? new Address$2(json.address) : null;
     }
 }
-class Address {
+class Address$2 {
     constructor(json) {
         this.municipalityId = json.municipalityId;
         this.subMunicipalityId = json.subMunicipalityId;
@@ -171,17 +199,17 @@ class Box {
         if (json.topSuggestions && json.topSuggestions.length > 0) {
             this.topSuggestions = [];
             json.topSuggestions.forEach(element => {
-                this.topSuggestions.push(new AddressSuggestion$2(element));
+                this.topSuggestions.push(new AddressSuggestion(element));
             });
         }
     }
 }
-class AddressSuggestion$2 {
+class AddressSuggestion {
     constructor(json) {
-        this.address = json.address ? new Address$2(json.address) : null;
+        this.address = json.address ? new Address(json.address) : null;
     }
 }
-class Address$2 {
+class Address {
     constructor(json) {
         this.municipalityId = json.municipalityId;
         this.subMunicipalityId = json.subMunicipalityId;
@@ -195,7 +223,58 @@ class Address$2 {
     }
 }
 
-let AddressService = class AddressService {
+class HttpService {
+    constructor(httpClient) {
+        this.httpClient = httpClient;
+        this.openConnections = 0;
+        this.showDebugMessageToConsole = false;
+        this.apiKey = 'no-value';
+    }
+    setApiKey(apiKey) {
+        this.apiKey = apiKey;
+    }
+    setShowDebugMessageToConsole(showDebugMessageToConsole) {
+        this.showDebugMessageToConsole = showDebugMessageToConsole;
+    }
+    getHttpHeaders() {
+        let headers = new HttpHeaders();
+        // Attention !
+        // Need to reassign as the 'set' is returning a clone of the headera object !!!
+        headers = headers.set('x-api-key', /*'bBkvimXYnAaEEKMyGqoWO2XiaZCQyqUi7VReYzPJ'*/ this.apiKey);
+        return headers;
+    }
+    get(url, options) {
+        return this.request('GET', url, options);
+    }
+    request(method, url, options) {
+        options = !!options ? options : {};
+        options = Object.assign(Object.assign({}, options), { headers: this.getHttpHeaders() });
+        if (this.showDebugMessageToConsole) {
+            console.log('url:', url);
+            console.log('options:', JSON.stringify(options));
+        }
+        this.openConnections++;
+        return this.httpClient.request(method, url, options).pipe(map((response) => this.handleResponse(response)), catchError((error) => this.handleError(error)));
+    }
+    handleResponse(response) {
+        this.openConnections--;
+        return response;
+    }
+    handleError(error) {
+        this.openConnections--;
+        return throwError(error);
+    }
+}
+HttpService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HttpService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+HttpService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HttpService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HttpService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+class AddressService {
     constructor(httpService) {
         this.httpService = httpService;
         this.domain = 'http://10.194.73.9:8080';
@@ -241,21 +320,18 @@ let AddressService = class AddressService {
     handleError(error) {
         return throwError(error);
     }
-};
-AddressService.ctorParameters = () => [
-    { type: HttpService }
-];
-AddressService.ɵprov = ɵɵdefineInjectable({ factory: function AddressService_Factory() { return new AddressService(ɵɵinject(HttpService)); }, token: AddressService, providedIn: "root" });
-AddressService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], AddressService);
+}
+AddressService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AddressService, deps: [{ token: HttpService }], target: i0.ɵɵFactoryTarget.Injectable });
+AddressService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AddressService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: AddressService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: HttpService }]; } });
 
-let LocaleService = class LocaleService {
-    constructor(
-    // private translateService: TranslateService
-    ) {
+class LocaleService {
+    constructor() {
         this.inputLanguageEvent = new BehaviorSubject(undefined);
         this.currentLang = this.inputLanguageEvent.asObservable();
     }
@@ -278,13 +354,15 @@ let LocaleService = class LocaleService {
             || window.navigator['userLanguage']
             || window.navigator.language).indexOf(locale) === 0;
     }
-};
-LocaleService.ɵprov = ɵɵdefineInjectable({ factory: function LocaleService_Factory() { return new LocaleService(); }, token: LocaleService, providedIn: "root" });
-LocaleService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], LocaleService);
+}
+LocaleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+LocaleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LocaleService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LocaleService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
 
 // const diacriticsRemovalMap = require('../../assets/diacriticsRemovalMap.json');
 const diacriticsRemovalMap = {
@@ -635,7 +713,7 @@ const diacriticsRemovalMap = {
         }
     ]
 };
-let UnicodeService = class UnicodeService {
+class UnicodeService {
     constructor() {
         this.defaultDiacriticsRemovalMap = diacriticsRemovalMap.default;
         this.diacriticsMap = {};
@@ -650,82 +728,112 @@ let UnicodeService = class UnicodeService {
     ngOnDestroy() {
         this.diacriticsMap = {};
     }
-};
-UnicodeService.ɵprov = ɵɵdefineInjectable({ factory: function UnicodeService_Factory() { return new UnicodeService(); }, token: UnicodeService, providedIn: "root" });
-UnicodeService = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], UnicodeService);
+}
+UnicodeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: UnicodeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+UnicodeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: UnicodeService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: UnicodeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
 
-class DomHandler {
-    static findSingle(element, selector) {
-        if (element) {
-            return element.querySelector(selector);
-        }
-        return null;
+class VisibleSuggestionDirective {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
     }
-    static scrollInView(container, item) {
-        const borderTopValue = getComputedStyle(container).getPropertyValue('borderTopWidth');
-        const borderTop = borderTopValue ? parseFloat(borderTopValue) : 0;
-        const paddingTopValue = getComputedStyle(container).getPropertyValue('paddingTop');
-        const paddingTop = paddingTopValue ? parseFloat(paddingTopValue) : 0;
-        const containerRect = container.getBoundingClientRect();
-        const itemRect = item.getBoundingClientRect();
-        const offset = (itemRect.top + document.body.scrollTop) - (containerRect.top + document.body.scrollTop) - borderTop - paddingTop;
-        const scroll = container.scrollTop;
-        const elementHeight = container.clientHeight;
-        const itemHeight = this.getOuterHeight(item);
-        if (offset < 0) {
-            container.scrollTop = scroll + offset;
+    ngAfterViewChecked() {
+        this.showHeight(this.el.nativeElement, this.appVisibleSuggestion);
+    }
+    showHeight(parent, count) {
+        if (!parent) {
+            return;
         }
-        else if ((offset + itemHeight) > elementHeight) {
-            container.scrollTop = scroll + offset - elementHeight + itemHeight;
+        // const children = parent.getElementsByClassName('list-option');
+        // const children = parent.querySelectorAll('li');
+        const children = parent.firstElementChild.children;
+        if (!children || children.length === 0) {
+            return;
         }
+        const sum = Array.from(children).slice(0, count).reduce((acc, ele) => {
+            return acc + DomHandler.getOuterHeight(ele);
+        }, 7);
+        this.renderer.setStyle(this.el.nativeElement, 'maxHeight', `${sum}px`);
+        // this.el.nativeElement.style.maxHeight = `${sum}px`;
     }
-    static getInnerHeight(el) {
-        let height = el.offsetHeight;
-        let style = getComputedStyle(el);
-        height += parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
-        return height;
+}
+VisibleSuggestionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VisibleSuggestionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+VisibleSuggestionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: VisibleSuggestionDirective, selector: "[appVisibleSuggestion]", inputs: { appVisibleSuggestion: "appVisibleSuggestion" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: VisibleSuggestionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appVisibleSuggestion]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { appVisibleSuggestion: [{
+                type: Input
+            }] } });
+
+class HighlightSuggestionPipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
     }
-    static getOuterHeight(el, margin) {
-        let height = el.offsetHeight;
-        if (margin) {
-            let style = getComputedStyle(el);
-            height += parseFloat(style.marginTop) + parseFloat(style.marginBottom);
+    transform(value, args) {
+        if (!args) {
+            return value;
         }
-        return height;
-    }
-    static getHeight(el) {
-        let height = el.offsetHeight;
-        let style = getComputedStyle(el);
-        height -= parseFloat(style.paddingTop) + parseFloat(style.paddingBottom) + parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
-        return height;
+        if (Array.isArray(args) && args.length > 1) {
+            return this.transformForArray(value, args);
+        }
+        if (args === '.') {
+            args = '\\.';
+        }
+        else if (Array.isArray(args) && args.length === 1) {
+            if (args[0] === '.') {
+                args[0] = '\\.';
+            }
+        }
+        // Match in a case insensitive manner
+        const re = new RegExp(args, 'gi');
+        const match = value.match(re);
+        // If there's no match, just return the original value.
+        if (!match) {
+            return value;
+        }
+        /*    console.warn('HighlightSuggestionPipe::transform: value=' + value);
+           console.warn('HighlightSuggestionPipe::transform: args=' + args);
+           console.warn('HighlightSuggestionPipe::transform: match=' + match); */
+        const replacedValue = value.replace(re, '<span style=\'font-weight: bold;\'>' + match[0] + '</span>');
+        // console.warn('HighlightSuggestionPipe::transform: replacedValue=' + replacedValue);
+        return this.sanitizer.bypassSecurityTrustHtml(replacedValue);
     }
-}
-
-var SourceType;
-(function (SourceType) {
-    SourceType["SOURCE_PREFILLED"] = "Prefilled";
-})(SourceType || (SourceType = {}));
-
-class PrefillEvent {
-    constructor(addressLevel, prefillData) {
-        this.addressLevel = addressLevel;
-        this.prefillData = prefillData;
+    transformForArray(value, args) {
+        let query = '';
+        let ix = 0;
+        for (const word of args) {
+            ix++;
+            if (ix < args.length) {
+                query = query.concat(word + '|');
+            }
+            else {
+                query = query.concat(word);
+            }
+        }
+        // console.warn('HighlightSuggestionPipe::transformForArray', value, args, query);
+        const replacedValue = value.replace(new RegExp('(' + query + ')', 'gi'), '<span style="font-weight: bold;">$1</span>');
+        return this.sanitizer.bypassSecurityTrustHtml(replacedValue);
     }
-}
-
-var InputNameType;
-(function (InputNameType) {
-    InputNameType["LOCALITY"] = "LOCALITY";
-    InputNameType["STREET"] = "STREET";
-    InputNameType["STREET_NUMBER"] = "STREET_NUMBER";
-    InputNameType["BOX_NUMBER"] = "BOX_NUMBER";
-})(InputNameType || (InputNameType = {}));
+}
+HighlightSuggestionPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HighlightSuggestionPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+HighlightSuggestionPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HighlightSuggestionPipe, name: "highlightSuggestion" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: HighlightSuggestionPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'highlightSuggestion'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
 
-let LocalityComponent = class LocalityComponent {
+class LocalityComponent {
     constructor(addressService, localeService, translateService, unicodeService) {
         this.addressService = addressService;
         this.localeService = localeService;
@@ -1405,82 +1513,57 @@ let LocalityComponent = class LocalityComponent {
             this.setSearchText(this.lastSearchValue);
         }
     }
-};
-LocalityComponent.ctorParameters = () => [
-    { type: AddressService },
-    { type: LocaleService },
-    { type: TranslateService },
-    { type: UnicodeService }
-];
-__decorate([
-    ViewChild('localitySearchInput', { static: false })
-], LocalityComponent.prototype, "localitySearchInput", void 0);
-__decorate([
-    ViewChild('localityList', { static: false })
-], LocalityComponent.prototype, "localityList", void 0);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "labelResourceKey", void 0);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "messageOption", void 0);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "maxSuggesionCount", void 0);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "visibleSuggestionCount", void 0);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "sortCriteria", void 0);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "baseUrl", void 0);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "inputText", void 0);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "prefillData", void 0);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "showDebugMessageToConsole", void 0);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "inputLang", null);
-__decorate([
-    Input()
-], LocalityComponent.prototype, "isReadonly", void 0);
-__decorate([
-    Output()
-], LocalityComponent.prototype, "messageChanged", void 0);
-__decorate([
-    Output()
-], LocalityComponent.prototype, "addressChanged", void 0);
-__decorate([
-    Output()
-], LocalityComponent.prototype, "focusEvent", void 0);
-__decorate([
-    Output()
-], LocalityComponent.prototype, "blurEvent", void 0);
-__decorate([
-    Output()
-], LocalityComponent.prototype, "textChangeEvent", void 0);
-__decorate([
-    Output()
-], LocalityComponent.prototype, "clearInputEventEmitter", void 0);
-__decorate([
-    Output()
-], LocalityComponent.prototype, "prefillEventEmitter", void 0);
-LocalityComponent = __decorate([
-    Component({
-        selector: 'bp-locality',
-        template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n        \n            <input type=\"text\" #localitySearchInput class=\"bpaac-input\" \n                [readonly]=\"isReadonly\"\n                (keydown)=\"checkKeyDown($event)\" (input)=\"onInputChange()\"\n                [style.color]=\" getTextColor() \"\n                [(ngModel)]=\"searchText\" id=\"localityInputField\" [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" (click)=\"onInputClick()\"/>\n            <div id=\"bpaac-clear-locality-button\" \n                 *ngIf=\"mayShowClearButton()\"\n                 (click)=\"clearInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-locality-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #localityList [appVisibleSuggestion]=\"visibleSuggestionCount\" id=\"bpaac-locality-dropdown\" \n            class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-locality-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" \n                    *ngFor=\"let option of suggestions; let idx = index\" \n                    [ngClass]=\"{'active':(selectedIndex==idx)}\" (mousedown)=\"clickSuggestion($event, option)\"\n                    (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option.string | highlightSuggestion : wordList\"></span> \n                    <span *ngIf=\"messageOption === 'P' && option.messages\"> ({{option.municipalityName}})</span><br />\n                    <ng-container *ngIf=\"messageOption === 'Y'\">\n                        <span *ngFor=\"let message of option.messages\" \n                          class=\"bpaac-suggestion-message\"\n                          [innerHtml]=\"message.translatedMessage\"></span> \n                    </ng-container>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>",
-        styles: [""]
-    })
-], LocalityComponent);
+}
+LocalityComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LocalityComponent, deps: [{ token: AddressService }, { token: LocaleService }, { token: i3.TranslateService }, { token: UnicodeService }], target: i0.ɵɵFactoryTarget.Component });
+LocalityComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: LocalityComponent, selector: "bp-locality", inputs: { labelResourceKey: "labelResourceKey", messageOption: "messageOption", maxSuggesionCount: "maxSuggesionCount", visibleSuggestionCount: "visibleSuggestionCount", sortCriteria: "sortCriteria", baseUrl: "baseUrl", inputText: "inputText", prefillData: "prefillData", showDebugMessageToConsole: "showDebugMessageToConsole", inputLang: "inputLang", isReadonly: "isReadonly" }, outputs: { messageChanged: "messageChanged", addressChanged: "addressChanged", focusEvent: "focusEvent", blurEvent: "blurEvent", textChangeEvent: "textChangeEvent", clearInputEventEmitter: "clearInputEventEmitter", prefillEventEmitter: "prefillEventEmitter" }, viewQueries: [{ propertyName: "localitySearchInput", first: true, predicate: ["localitySearchInput"], descendants: true }, { propertyName: "localityList", first: true, predicate: ["localityList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n        \n            <input type=\"text\" #localitySearchInput class=\"bpaac-input\" \n                [readonly]=\"isReadonly\"\n                (keydown)=\"checkKeyDown($event)\" (input)=\"onInputChange()\"\n                [style.color]=\" getTextColor() \"\n                [(ngModel)]=\"searchText\" id=\"localityInputField\" [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" (click)=\"onInputClick()\"/>\n            <div id=\"bpaac-clear-locality-button\" \n                 *ngIf=\"mayShowClearButton()\"\n                 (click)=\"clearInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-locality-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #localityList [appVisibleSuggestion]=\"visibleSuggestionCount\" id=\"bpaac-locality-dropdown\" \n            class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-locality-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" \n                    *ngFor=\"let option of suggestions; let idx = index\" \n                    [ngClass]=\"{'active':(selectedIndex==idx)}\" (mousedown)=\"clickSuggestion($event, option)\"\n                    (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option.string | highlightSuggestion : wordList\"></span> \n                    <span *ngIf=\"messageOption === 'P' && option.messages\"> ({{option.municipalityName}})</span><br />\n                    <ng-container *ngIf=\"messageOption === 'Y'\">\n                        <span *ngFor=\"let message of option.messages\" \n                          class=\"bpaac-suggestion-message\"\n                          [innerHtml]=\"message.translatedMessage\"></span> \n                    </ng-container>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>", styles: [""], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: VisibleSuggestionDirective, selector: "[appVisibleSuggestion]", inputs: ["appVisibleSuggestion"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i3.TranslatePipe, "highlightSuggestion": HighlightSuggestionPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LocalityComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bp-locality', template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n        \n            <input type=\"text\" #localitySearchInput class=\"bpaac-input\" \n                [readonly]=\"isReadonly\"\n                (keydown)=\"checkKeyDown($event)\" (input)=\"onInputChange()\"\n                [style.color]=\" getTextColor() \"\n                [(ngModel)]=\"searchText\" id=\"localityInputField\" [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" (click)=\"onInputClick()\"/>\n            <div id=\"bpaac-clear-locality-button\" \n                 *ngIf=\"mayShowClearButton()\"\n                 (click)=\"clearInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-locality-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #localityList [appVisibleSuggestion]=\"visibleSuggestionCount\" id=\"bpaac-locality-dropdown\" \n            class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-locality-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" \n                    *ngFor=\"let option of suggestions; let idx = index\" \n                    [ngClass]=\"{'active':(selectedIndex==idx)}\" (mousedown)=\"clickSuggestion($event, option)\"\n                    (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option.string | highlightSuggestion : wordList\"></span> \n                    <span *ngIf=\"messageOption === 'P' && option.messages\"> ({{option.municipalityName}})</span><br />\n                    <ng-container *ngIf=\"messageOption === 'Y'\">\n                        <span *ngFor=\"let message of option.messages\" \n                          class=\"bpaac-suggestion-message\"\n                          [innerHtml]=\"message.translatedMessage\"></span> \n                    </ng-container>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: AddressService }, { type: LocaleService }, { type: i3.TranslateService }, { type: UnicodeService }]; }, propDecorators: { localitySearchInput: [{
+                type: ViewChild,
+                args: ['localitySearchInput', { static: false }]
+            }], localityList: [{
+                type: ViewChild,
+                args: ['localityList', { static: false }]
+            }], labelResourceKey: [{
+                type: Input
+            }], messageOption: [{
+                type: Input
+            }], maxSuggesionCount: [{
+                type: Input
+            }], visibleSuggestionCount: [{
+                type: Input
+            }], sortCriteria: [{
+                type: Input
+            }], baseUrl: [{
+                type: Input
+            }], inputText: [{
+                type: Input
+            }], prefillData: [{
+                type: Input
+            }], showDebugMessageToConsole: [{
+                type: Input
+            }], inputLang: [{
+                type: Input
+            }], isReadonly: [{
+                type: Input
+            }], messageChanged: [{
+                type: Output
+            }], addressChanged: [{
+                type: Output
+            }], focusEvent: [{
+                type: Output
+            }], blurEvent: [{
+                type: Output
+            }], textChangeEvent: [{
+                type: Output
+            }], clearInputEventEmitter: [{
+                type: Output
+            }], prefillEventEmitter: [{
+                type: Output
+            }] } });
 
-let StreetComponent = class StreetComponent {
+class StreetComponent {
     constructor(addressService, localeService, translateService, unicodeService) {
         this.addressService = addressService;
         this.localeService = localeService;
@@ -2134,88 +2217,69 @@ let StreetComponent = class StreetComponent {
         this.prefilling = false;
         this.collapseDropdown = false;
     }
-};
-StreetComponent.ctorParameters = () => [
-    { type: AddressService },
-    { type: LocaleService },
-    { type: TranslateService },
-    { type: UnicodeService }
-];
-__decorate([
-    ViewChild('streetSearchInput', { static: false })
-], StreetComponent.prototype, "streetSearchInput", void 0);
-__decorate([
-    ViewChild('streetList', { static: false })
-], StreetComponent.prototype, "streetList", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "labelResourceKey", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "maxSuggesionCount", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "visibleSuggesionCount", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "sortCriteria", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "baseUrl", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "prefillData", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "showDebugMessageToConsole", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "postalCode", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "locality", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "inputText", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "messageOption", void 0);
-__decorate([
-    Input()
-], StreetComponent.prototype, "inputLang", null);
-__decorate([
-    Input()
-], StreetComponent.prototype, "isReadonly", void 0);
-__decorate([
-    Output()
-], StreetComponent.prototype, "messageChanged", void 0);
-__decorate([
-    Output()
-], StreetComponent.prototype, "addressChanged", void 0);
-__decorate([
-    Output()
-], StreetComponent.prototype, "focusEvent", void 0);
-__decorate([
-    Output()
-], StreetComponent.prototype, "blurEvent", void 0);
-__decorate([
-    Output()
-], StreetComponent.prototype, "textChangeEvent", void 0);
-__decorate([
-    Output()
-], StreetComponent.prototype, "clearInputEventEmitter", void 0);
-__decorate([
-    Output()
-], StreetComponent.prototype, "prefillEventEmitter", void 0);
-StreetComponent = __decorate([
-    Component({
-        selector: 'bp-street',
-        template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n                <!-- [disabled]=\"isDisabled()\" -->\n            <input type=\"text\" #streetSearchInput class=\"bpaac-input\" \n                    [readonly]=\"isReadonly\"\n                    [style.background-color]=\"!isParamsComplete() ? 'lightgrey' : ''\" \n                    [style.color]=\" getTextColor() \"\n                    [disabled]=\"!locality || locality.trim().length === 0\" (keydown)=\"checkKeyDown($event)\" \n                    (input)=\"onInputChange()\" (click)=\"onInputClick()\"\n                    [(ngModel)]=\"searchText\" id=\"streetInputField\" [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                    (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" />\n            <div id=\"bpaac-clear-street-button\" *ngIf=\"mayShowClearButton()\" (click)=\"clearInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-street-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #streetList [appVisibleSuggestion]=\"visibleSuggesionCount\" id=\"bpaac-street-dropdown\" class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-street-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" *ngFor=\"let option of suggestions; let idx = index\" [ngClass]=\"{'active':(selectedIndex==idx)}\" (mousedown)=\"clickSuggestion($event, option)\"\n                (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option.string | highlightSuggestion : wordList\"></span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>\n",
-        styles: [""]
-    })
-], StreetComponent);
+}
+StreetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StreetComponent, deps: [{ token: AddressService }, { token: LocaleService }, { token: i3.TranslateService }, { token: UnicodeService }], target: i0.ɵɵFactoryTarget.Component });
+StreetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: StreetComponent, selector: "bp-street", inputs: { labelResourceKey: "labelResourceKey", maxSuggesionCount: "maxSuggesionCount", visibleSuggesionCount: "visibleSuggesionCount", sortCriteria: "sortCriteria", baseUrl: "baseUrl", prefillData: "prefillData", showDebugMessageToConsole: "showDebugMessageToConsole", postalCode: "postalCode", locality: "locality", inputText: "inputText", messageOption: "messageOption", inputLang: "inputLang", isReadonly: "isReadonly" }, outputs: { messageChanged: "messageChanged", addressChanged: "addressChanged", focusEvent: "focusEvent", blurEvent: "blurEvent", textChangeEvent: "textChangeEvent", clearInputEventEmitter: "clearInputEventEmitter", prefillEventEmitter: "prefillEventEmitter" }, viewQueries: [{ propertyName: "streetSearchInput", first: true, predicate: ["streetSearchInput"], descendants: true }, { propertyName: "streetList", first: true, predicate: ["streetList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n                <!-- [disabled]=\"isDisabled()\" -->\n            <input type=\"text\" #streetSearchInput class=\"bpaac-input\" \n                    [readonly]=\"isReadonly\"\n                    [style.background-color]=\"!isParamsComplete() ? 'lightgrey' : ''\" \n                    [style.color]=\" getTextColor() \"\n                    [disabled]=\"!locality || locality.trim().length === 0\" (keydown)=\"checkKeyDown($event)\" \n                    (input)=\"onInputChange()\" (click)=\"onInputClick()\"\n                    [(ngModel)]=\"searchText\" id=\"streetInputField\" [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                    (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" />\n            <div id=\"bpaac-clear-street-button\" *ngIf=\"mayShowClearButton()\" (click)=\"clearInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-street-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #streetList [appVisibleSuggestion]=\"visibleSuggesionCount\" id=\"bpaac-street-dropdown\" class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-street-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" *ngFor=\"let option of suggestions; let idx = index\" [ngClass]=\"{'active':(selectedIndex==idx)}\" (mousedown)=\"clickSuggestion($event, option)\"\n                (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option.string | highlightSuggestion : wordList\"></span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>\n", styles: [""], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: VisibleSuggestionDirective, selector: "[appVisibleSuggestion]", inputs: ["appVisibleSuggestion"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i3.TranslatePipe, "highlightSuggestion": HighlightSuggestionPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StreetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bp-street', template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n                <!-- [disabled]=\"isDisabled()\" -->\n            <input type=\"text\" #streetSearchInput class=\"bpaac-input\" \n                    [readonly]=\"isReadonly\"\n                    [style.background-color]=\"!isParamsComplete() ? 'lightgrey' : ''\" \n                    [style.color]=\" getTextColor() \"\n                    [disabled]=\"!locality || locality.trim().length === 0\" (keydown)=\"checkKeyDown($event)\" \n                    (input)=\"onInputChange()\" (click)=\"onInputClick()\"\n                    [(ngModel)]=\"searchText\" id=\"streetInputField\" [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                    (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" />\n            <div id=\"bpaac-clear-street-button\" *ngIf=\"mayShowClearButton()\" (click)=\"clearInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-street-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #streetList [appVisibleSuggestion]=\"visibleSuggesionCount\" id=\"bpaac-street-dropdown\" class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-street-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" *ngFor=\"let option of suggestions; let idx = index\" [ngClass]=\"{'active':(selectedIndex==idx)}\" (mousedown)=\"clickSuggestion($event, option)\"\n                (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option.string | highlightSuggestion : wordList\"></span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: AddressService }, { type: LocaleService }, { type: i3.TranslateService }, { type: UnicodeService }]; }, propDecorators: { streetSearchInput: [{
+                type: ViewChild,
+                args: ['streetSearchInput', { static: false }]
+            }], streetList: [{
+                type: ViewChild,
+                args: ['streetList', { static: false }]
+            }], labelResourceKey: [{
+                type: Input
+            }], maxSuggesionCount: [{
+                type: Input
+            }], visibleSuggesionCount: [{
+                type: Input
+            }], sortCriteria: [{
+                type: Input
+            }], baseUrl: [{
+                type: Input
+            }], prefillData: [{
+                type: Input
+            }], showDebugMessageToConsole: [{
+                type: Input
+            }], postalCode: [{
+                type: Input
+            }], locality: [{
+                type: Input
+            }], inputText: [{
+                type: Input
+            }], messageOption: [{
+                type: Input
+            }], inputLang: [{
+                type: Input
+            }], isReadonly: [{
+                type: Input
+            }], messageChanged: [{
+                type: Output
+            }], addressChanged: [{
+                type: Output
+            }], focusEvent: [{
+                type: Output
+            }], blurEvent: [{
+                type: Output
+            }], textChangeEvent: [{
+                type: Output
+            }], clearInputEventEmitter: [{
+                type: Output
+            }], prefillEventEmitter: [{
+                type: Output
+            }] } });
+
+var SuggestionLevelType;
+(function (SuggestionLevelType) {
+    // this only applies for streetNumber and boxNumber
+    SuggestionLevelType[SuggestionLevelType["None"] = 0] = "None";
+    SuggestionLevelType[SuggestionLevelType["StreetNumber"] = 1] = "StreetNumber";
+    SuggestionLevelType[SuggestionLevelType["StreetAndBoxNumber"] = 2] = "StreetAndBoxNumber";
+})(SuggestionLevelType || (SuggestionLevelType = {}));
 
-let StreetNumberComponent = class StreetNumberComponent {
+class StreetNumberComponent {
     constructor(addressService, localeService, translateService, unicodeService) {
         this.addressService = addressService;
         this.localeService = localeService;
@@ -2236,6 +2300,7 @@ let StreetNumberComponent = class StreetNumberComponent {
         this.emptyResponseEvent = new EventEmitter();
         this.clearInputEventEmitter = new EventEmitter();
         this.prefillEventEmitter = new EventEmitter();
+        this.streetNumberChanged = new EventEmitter();
         this.addressIsValidated = false;
         this.addressIsComplete = false;
         this.validationMessageCode = null;
@@ -2314,7 +2379,7 @@ let StreetNumberComponent = class StreetNumberComponent {
                 this.minLevel = ADDRESSLEVEL.STREET_NUMBER;
                 // this.addressIsComplete = false;
                 if (this.showDebugMessageToConsole) {
-                    console.warn('street number - ngOnchanges - streetName changes detection');
+                    console.warn('street name - ngOnchanges - streetName changes detection');
                 }
                 if (changes.streetName.currentValue === '') {
                     this.clearWidget();
@@ -2714,16 +2779,28 @@ let StreetNumberComponent = class StreetNumberComponent {
             if (this.showDebugMessageToConsole) {
                 console.log('streetNumber::onInputChange -> calling valueChanged');
             }
-            this.valueChanged();
+            if (this.suggestionLevel !== SuggestionLevelType.None) {
+                this.valueChanged();
+            }
         }
         this.clearSuggestionValidationMessage();
         if (this.searchText === '') {
             this.sequenceNumber += 1;
             this.consumedNumber = this.sequenceNumber;
             this.clearSuggestions();
+            if (this.suggestionLevel === SuggestionLevelType.None) {
+                console.log('do not use suggestions for street number');
+                this.streetNumberChanged.emit(this.searchText);
+            }
         }
         else {
-            this.getTopSuggestions(source);
+            if (this.suggestionLevel === SuggestionLevelType.None) {
+                console.log('do not use suggestions for street number');
+                this.streetNumberChanged.emit(this.searchText);
+            }
+            else {
+                this.getTopSuggestions(source);
+            }
         }
         this.buildInputWordList();
     }
@@ -2783,12 +2860,14 @@ let StreetNumberComponent = class StreetNumberComponent {
         this.addressIsComplete = (suggestion.hasOwnProperty('isComplete') && suggestion.isComplete === true && !isNotInList) ? true : false;
         this.addressChanged.emit(suggestion);
     }
+    /*
     clearSelectedAddress() {
-        this.addressChanged.emit(null);
-        this.addressIsValidated = false;
-        this.addressIsComplete = false;
-        // console.log('streetNumber::clearSelectedAddress', this.addressIsComplete);
+      this.addressChanged.emit(null);
+      this.addressIsValidated = false;
+      this.addressIsComplete = false;
+      // console.log('streetNumber::clearSelectedAddress', this.addressIsComplete);
     }
+    */
     emitTranslatedValidationMessage(validationMessageType, options) {
         // Momently, options are NOT used; so data type of these options will be reviewed once needed.
         if (validationMessageType === null || validationMessageType === undefined) {
@@ -3005,103 +3084,75 @@ let StreetNumberComponent = class StreetNumberComponent {
             console.log('street number click');
         }
     }
-};
-StreetNumberComponent.ctorParameters = () => [
-    { type: AddressService },
-    { type: LocaleService },
-    { type: TranslateService },
-    { type: UnicodeService }
-];
-__decorate([
-    ViewChild('streetNumberSearchInput', { static: false })
-], StreetNumberComponent.prototype, "streetNumberSearchInput", void 0);
-__decorate([
-    ViewChild('streetNumberList', { static: false })
-], StreetNumberComponent.prototype, "streetNumberList", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "prefillData", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "showDebugMessageToConsole", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "labelResourceKey", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "maxSuggesionCount", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "visibleSuggesionCount", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "sortCriteria", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "baseUrl", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "addressParams", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "postalCode", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "locality", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "streetName", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "notInListAllowed", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "selectedAddress", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "inputLang", null);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "messageOption", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "inputText", void 0);
-__decorate([
-    Input()
-], StreetNumberComponent.prototype, "isReadonly", void 0);
-__decorate([
-    Output()
-], StreetNumberComponent.prototype, "messageChanged", void 0);
-__decorate([
-    Output()
-], StreetNumberComponent.prototype, "addressChanged", void 0);
-__decorate([
-    Output()
-], StreetNumberComponent.prototype, "focusEvent", void 0);
-__decorate([
-    Output()
-], StreetNumberComponent.prototype, "blurEvent", void 0);
-__decorate([
-    Output()
-], StreetNumberComponent.prototype, "textChangeEvent", void 0);
-__decorate([
-    Output()
-], StreetNumberComponent.prototype, "emptyResponseEvent", void 0);
-__decorate([
-    Output()
-], StreetNumberComponent.prototype, "clearInputEventEmitter", void 0);
-__decorate([
-    Output()
-], StreetNumberComponent.prototype, "prefillEventEmitter", void 0);
-StreetNumberComponent = __decorate([
-    Component({
-        selector: 'bp-street-number',
-        template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n                <!-- [disabled]=\"isDisabled()\" -->\n            <input type=\"text\" #streetNumberSearchInput class=\"bpaac-input\" \n                [readonly]=\"isReadonly\"\n                [style.background-color]=\"!isParamsComplete() ? 'lightgrey' : ''\" \n                [style.color]=\" getTextColor() \"\n                [disabled]=\"!streetName || streetName.trim().length === 0\" (keydown)=\"checkKeyDown($event)\" \n                (input)=\"onInputChange()\" (click)=\"onInputClick()\"\n                [(ngModel)]=\"searchText\" id=\"streetNumberInputField\" \n                [attr.title]=\"placeHolderText\" \n                [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" />\n            <div id=\"bpaac-clear-streetNb-button\" *ngIf=\"mayShowClearButton()\" \n                (click)=\"onClearStreetNumberInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-streetNb-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n <!--        <span>addressIsComplete: {{ addressIsComplete }}. </span>\n        <span>addressIsValidated: {{ addressIsValidated }}. </span> -->\n        <span *ngIf=\"addressIsComplete\" class=\"streetNbChekmark\"><span class=\"checkmark\"></span></span>\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #streetNumberList [appVisibleSuggestion]=\"visibleSuggesionCount\" \n            id=\"bpaac-streetnumber-dropdown\" class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-streetNb-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" *ngFor=\"let option of suggestions; let idx = index\" [ngClass]=\"{'active':(selectedIndex==idx)}\" (mousedown)=\"clickSuggestion($event, option)\"\n                (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option['not-in-list'] ? emptyResponseText : option.string | highlightSuggestion : wordList\"></span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>",
-        styles: [""]
-    })
-], StreetNumberComponent);
+}
+StreetNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StreetNumberComponent, deps: [{ token: AddressService }, { token: LocaleService }, { token: i3.TranslateService }, { token: UnicodeService }], target: i0.ɵɵFactoryTarget.Component });
+StreetNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: StreetNumberComponent, selector: "bp-street-number", inputs: { prefillData: "prefillData", showDebugMessageToConsole: "showDebugMessageToConsole", labelResourceKey: "labelResourceKey", maxSuggesionCount: "maxSuggesionCount", visibleSuggesionCount: "visibleSuggesionCount", sortCriteria: "sortCriteria", baseUrl: "baseUrl", addressParams: "addressParams", postalCode: "postalCode", locality: "locality", streetName: "streetName", notInListAllowed: "notInListAllowed", selectedAddress: "selectedAddress", inputLang: "inputLang", messageOption: "messageOption", inputText: "inputText", isReadonly: "isReadonly", suggestionLevel: "suggestionLevel" }, outputs: { messageChanged: "messageChanged", addressChanged: "addressChanged", focusEvent: "focusEvent", blurEvent: "blurEvent", textChangeEvent: "textChangeEvent", emptyResponseEvent: "emptyResponseEvent", clearInputEventEmitter: "clearInputEventEmitter", prefillEventEmitter: "prefillEventEmitter", streetNumberChanged: "streetNumberChanged" }, viewQueries: [{ propertyName: "streetNumberSearchInput", first: true, predicate: ["streetNumberSearchInput"], descendants: true }, { propertyName: "streetNumberList", first: true, predicate: ["streetNumberList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n                <!-- [disabled]=\"isDisabled()\" -->\n            <input type=\"text\" #streetNumberSearchInput class=\"bpaac-input\" \n                [readonly]=\"isReadonly\"\n                [style.background-color]=\"!isParamsComplete() ? 'lightgrey' : ''\" \n                [style.color]=\" getTextColor() \"\n                [disabled]=\"!streetName || streetName.trim().length === 0\" (keydown)=\"checkKeyDown($event)\" \n                (input)=\"onInputChange()\" (click)=\"onInputClick()\"\n                [(ngModel)]=\"searchText\" id=\"streetNumberInputField\" \n                [attr.title]=\"placeHolderText\" \n                [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" />\n            <div id=\"bpaac-clear-streetNb-button\" *ngIf=\"mayShowClearButton()\" \n                (click)=\"onClearStreetNumberInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-streetNb-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n <!--        <span>addressIsComplete: {{ addressIsComplete }}. </span>\n        <span>addressIsValidated: {{ addressIsValidated }}. </span> -->\n        <span *ngIf=\"addressIsComplete\" class=\"streetNbChekmark\"><span class=\"checkmark\"></span></span>\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #streetNumberList [appVisibleSuggestion]=\"visibleSuggesionCount\" \n            id=\"bpaac-streetnumber-dropdown\" class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-streetNb-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" *ngFor=\"let option of suggestions; let idx = index\" [ngClass]=\"{'active':(selectedIndex==idx)}\" (mousedown)=\"clickSuggestion($event, option)\"\n                (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option['not-in-list'] ? emptyResponseText : option.string | highlightSuggestion : wordList\"></span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>", styles: [""], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: VisibleSuggestionDirective, selector: "[appVisibleSuggestion]", inputs: ["appVisibleSuggestion"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i3.TranslatePipe, "highlightSuggestion": HighlightSuggestionPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: StreetNumberComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bp-street-number', template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n                <!-- [disabled]=\"isDisabled()\" -->\n            <input type=\"text\" #streetNumberSearchInput class=\"bpaac-input\" \n                [readonly]=\"isReadonly\"\n                [style.background-color]=\"!isParamsComplete() ? 'lightgrey' : ''\" \n                [style.color]=\" getTextColor() \"\n                [disabled]=\"!streetName || streetName.trim().length === 0\" (keydown)=\"checkKeyDown($event)\" \n                (input)=\"onInputChange()\" (click)=\"onInputClick()\"\n                [(ngModel)]=\"searchText\" id=\"streetNumberInputField\" \n                [attr.title]=\"placeHolderText\" \n                [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" />\n            <div id=\"bpaac-clear-streetNb-button\" *ngIf=\"mayShowClearButton()\" \n                (click)=\"onClearStreetNumberInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-streetNb-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n <!--        <span>addressIsComplete: {{ addressIsComplete }}. </span>\n        <span>addressIsValidated: {{ addressIsValidated }}. </span> -->\n        <span *ngIf=\"addressIsComplete\" class=\"streetNbChekmark\"><span class=\"checkmark\"></span></span>\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #streetNumberList [appVisibleSuggestion]=\"visibleSuggesionCount\" \n            id=\"bpaac-streetnumber-dropdown\" class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-streetNb-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" *ngFor=\"let option of suggestions; let idx = index\" [ngClass]=\"{'active':(selectedIndex==idx)}\" (mousedown)=\"clickSuggestion($event, option)\"\n                (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option['not-in-list'] ? emptyResponseText : option.string | highlightSuggestion : wordList\"></span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: AddressService }, { type: LocaleService }, { type: i3.TranslateService }, { type: UnicodeService }]; }, propDecorators: { streetNumberSearchInput: [{
+                type: ViewChild,
+                args: ['streetNumberSearchInput', { static: false }]
+            }], streetNumberList: [{
+                type: ViewChild,
+                args: ['streetNumberList', { static: false }]
+            }], prefillData: [{
+                type: Input
+            }], showDebugMessageToConsole: [{
+                type: Input
+            }], labelResourceKey: [{
+                type: Input
+            }], maxSuggesionCount: [{
+                type: Input
+            }], visibleSuggesionCount: [{
+                type: Input
+            }], sortCriteria: [{
+                type: Input
+            }], baseUrl: [{
+                type: Input
+            }], addressParams: [{
+                type: Input
+            }], postalCode: [{
+                type: Input
+            }], locality: [{
+                type: Input
+            }], streetName: [{
+                type: Input
+            }], notInListAllowed: [{
+                type: Input
+            }], selectedAddress: [{
+                type: Input
+            }], inputLang: [{
+                type: Input
+            }], messageOption: [{
+                type: Input
+            }], inputText: [{
+                type: Input
+            }], isReadonly: [{
+                type: Input
+            }], suggestionLevel: [{
+                type: Input
+            }], messageChanged: [{
+                type: Output
+            }], addressChanged: [{
+                type: Output
+            }], focusEvent: [{
+                type: Output
+            }], blurEvent: [{
+                type: Output
+            }], textChangeEvent: [{
+                type: Output
+            }], emptyResponseEvent: [{
+                type: Output
+            }], clearInputEventEmitter: [{
+                type: Output
+            }], prefillEventEmitter: [{
+                type: Output
+            }], streetNumberChanged: [{
+                type: Output
+            }] } });
 
-let BoxNumberComponent = class BoxNumberComponent {
+class BoxNumberComponent {
     constructor(addressService, localeService, translateService, unicodeService) {
         this.addressService = addressService;
         this.localeService = localeService;
@@ -3122,6 +3173,7 @@ let BoxNumberComponent = class BoxNumberComponent {
         this.emptyResponseEvent = new EventEmitter();
         this.clearInputEventEmitter = new EventEmitter();
         this.prefillEventEmitter = new EventEmitter();
+        this.boxNumberChanged = new EventEmitter();
         this.validationMessageCode = null;
         this.validationMessageOptions = null;
         this.prefilling = false;
@@ -3195,7 +3247,9 @@ let BoxNumberComponent = class BoxNumberComponent {
             if (changes.hasOwnProperty('streetNumber') && !changes.streetNumber.firstChange && !changes.hasOwnProperty('prefillData')) {
                 this.minLevel = ADDRESSLEVEL.BOX_NUMBER;
                 this.clearWidget();
-                this.valueChanged();
+                if (this.suggestionLevel !== SuggestionLevelType.None) {
+                    this.valueChanged();
+                }
             }
             /*
             if (changes.hasOwnProperty('inputLang') / *&& !changes.addressParams.firstChange* /) {
@@ -3544,9 +3598,19 @@ let BoxNumberComponent = class BoxNumberComponent {
             this.sequenceNumber += 1;
             this.consumedNumber = this.sequenceNumber;
             this.clearSuggestions();
+            if (this.suggestionLevel === SuggestionLevelType.None || this.suggestionLevel === SuggestionLevelType.StreetNumber) {
+                console.log('do not use suggestions for box number');
+                this.boxNumberChanged.emit(this.searchText);
+            }
         }
         else {
-            this.getTopSuggestions(source);
+            if (this.suggestionLevel === SuggestionLevelType.None || this.suggestionLevel === SuggestionLevelType.StreetNumber) {
+                console.log('do not use suggestions for box number');
+                this.boxNumberChanged.emit(this.searchText);
+            }
+            else {
+                this.getTopSuggestions(source);
+            }
         }
         this.buildInputWordList();
     }
@@ -3802,101 +3866,73 @@ let BoxNumberComponent = class BoxNumberComponent {
             console.log('box number click');
         }
     }
-};
-BoxNumberComponent.ctorParameters = () => [
-    { type: AddressService },
-    { type: LocaleService },
-    { type: TranslateService },
-    { type: UnicodeService }
-];
-__decorate([
-    ViewChild('boxNumberSearchInput', { static: false })
-], BoxNumberComponent.prototype, "boxNumberSearchInput", void 0);
-__decorate([
-    ViewChild('boxNumberList', { static: false })
-], BoxNumberComponent.prototype, "boxNumberList", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "prefillData", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "showDebugMessageToConsole", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "labelResourceKey", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "maxSuggesionCount", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "visibleSuggesionCount", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "sortCriteria", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "baseUrl", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "addressParams", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "postalCode", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "locality", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "streetName", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "streetNumber", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "selectedAddress", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "notInListAllowed", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "inputLang", null);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "messageOption", void 0);
-__decorate([
-    Input()
-], BoxNumberComponent.prototype, "isReadonly", void 0);
-__decorate([
-    Output()
-], BoxNumberComponent.prototype, "messageChanged", void 0);
-__decorate([
-    Output()
-], BoxNumberComponent.prototype, "addressChanged", void 0);
-__decorate([
-    Output()
-], BoxNumberComponent.prototype, "focusEvent", void 0);
-__decorate([
-    Output()
-], BoxNumberComponent.prototype, "blurEvent", void 0);
-__decorate([
-    Output()
-], BoxNumberComponent.prototype, "textChangeEvent", void 0);
-__decorate([
-    Output()
-], BoxNumberComponent.prototype, "emptyResponseEvent", void 0);
-__decorate([
-    Output()
-], BoxNumberComponent.prototype, "clearInputEventEmitter", void 0);
-__decorate([
-    Output()
-], BoxNumberComponent.prototype, "prefillEventEmitter", void 0);
-BoxNumberComponent = __decorate([
-    Component({
-        selector: 'bp-box-number',
-        template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n                <!-- [disabled]=\"isDisabled()\" -->\n            <input type=\"text\" #boxNumberSearchInput class=\"bpaac-input\" \n                [readonly]=\"isReadonly\"\n                [style.background-color]=\"!isParamsComplete() ? 'lightgrey' : ''\" \n                [style.color]=\" getTextColor() \"\n                [disabled]=\"!streetNumber || streetNumber.trim().length === 0\" (keydown)=\"checkKeyDown($event)\" \n                (input)=\"onInputChange()\" (click)=\"onInputClick()\"\n                [(ngModel)]=\"searchText\" id=\"boxNumberInputField\" [attr.title]=\"placeHolderText\" [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" />\n            <div id=\"bpaac-clear-boxNb-button\" *ngIf=\"mayShowClearButton()\" (click)=\"clearInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-boxNb-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n        <span *ngIf=\"addressIsValidated\" class=\"boxNbChekmark\"><span class=\"checkmark\"></span></span>\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #boxNumberList [appVisibleSuggestion]=\"visibleSuggesionCount\" id=\"bpaac-box-dropdown\" class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-boxNb-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" *ngFor=\"let option of suggestions; let idx = index\" [ngClass]=\"{'active':(selectedIndex==idx)}\" \n                (mousedown)=\"clickSuggestion($event, option)\"\n                (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option['not-in-list'] ? emptyResponseText : option.string | highlightSuggestion : wordList\"></span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>\n",
-        styles: [""]
-    })
-], BoxNumberComponent);
+}
+BoxNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BoxNumberComponent, deps: [{ token: AddressService }, { token: LocaleService }, { token: i3.TranslateService }, { token: UnicodeService }], target: i0.ɵɵFactoryTarget.Component });
+BoxNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BoxNumberComponent, selector: "bp-box-number", inputs: { prefillData: "prefillData", showDebugMessageToConsole: "showDebugMessageToConsole", labelResourceKey: "labelResourceKey", maxSuggesionCount: "maxSuggesionCount", visibleSuggesionCount: "visibleSuggesionCount", sortCriteria: "sortCriteria", baseUrl: "baseUrl", addressParams: "addressParams", postalCode: "postalCode", locality: "locality", streetName: "streetName", streetNumber: "streetNumber", selectedAddress: "selectedAddress", notInListAllowed: "notInListAllowed", inputLang: "inputLang", messageOption: "messageOption", isReadonly: "isReadonly", suggestionLevel: "suggestionLevel" }, outputs: { messageChanged: "messageChanged", addressChanged: "addressChanged", focusEvent: "focusEvent", blurEvent: "blurEvent", textChangeEvent: "textChangeEvent", emptyResponseEvent: "emptyResponseEvent", clearInputEventEmitter: "clearInputEventEmitter", prefillEventEmitter: "prefillEventEmitter", boxNumberChanged: "boxNumberChanged" }, viewQueries: [{ propertyName: "boxNumberSearchInput", first: true, predicate: ["boxNumberSearchInput"], descendants: true }, { propertyName: "boxNumberList", first: true, predicate: ["boxNumberList"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n                <!-- [disabled]=\"isDisabled()\" -->\n            <input type=\"text\" #boxNumberSearchInput class=\"bpaac-input\" \n                [readonly]=\"isReadonly\"\n                [style.background-color]=\"!isParamsComplete() ? 'lightgrey' : ''\" \n                [style.color]=\" getTextColor() \"\n                [disabled]=\"!streetNumber || streetNumber.trim().length === 0\" (keydown)=\"checkKeyDown($event)\" \n                (input)=\"onInputChange()\" (click)=\"onInputClick()\"\n                [(ngModel)]=\"searchText\" id=\"boxNumberInputField\" [attr.title]=\"placeHolderText\" [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" />\n            <div id=\"bpaac-clear-boxNb-button\" *ngIf=\"mayShowClearButton()\" (click)=\"clearInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-boxNb-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n        <span *ngIf=\"addressIsValidated\" class=\"boxNbChekmark\"><span class=\"checkmark\"></span></span>\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #boxNumberList [appVisibleSuggestion]=\"visibleSuggesionCount\" id=\"bpaac-box-dropdown\" class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-boxNb-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" *ngFor=\"let option of suggestions; let idx = index\" [ngClass]=\"{'active':(selectedIndex==idx)}\" \n                (mousedown)=\"clickSuggestion($event, option)\"\n                (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option['not-in-list'] ? emptyResponseText : option.string | highlightSuggestion : wordList\"></span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>\n", styles: [""], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: VisibleSuggestionDirective, selector: "[appVisibleSuggestion]", inputs: ["appVisibleSuggestion"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "translate": i3.TranslatePipe, "highlightSuggestion": HighlightSuggestionPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BoxNumberComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bp-box-number', template: "<span *ngIf=\"labelResourceKey\">{{ labelResourceKey | translate}}</span>\n<div class=\"bpaac-dropdown\">\n    <div class=\"bpaac-search-bar\">\n        <div class=\"bpaac-input-width\">\n                <!-- [disabled]=\"isDisabled()\" -->\n            <input type=\"text\" #boxNumberSearchInput class=\"bpaac-input\" \n                [readonly]=\"isReadonly\"\n                [style.background-color]=\"!isParamsComplete() ? 'lightgrey' : ''\" \n                [style.color]=\" getTextColor() \"\n                [disabled]=\"!streetNumber || streetNumber.trim().length === 0\" (keydown)=\"checkKeyDown($event)\" \n                (input)=\"onInputChange()\" (click)=\"onInputClick()\"\n                [(ngModel)]=\"searchText\" id=\"boxNumberInputField\" [attr.title]=\"placeHolderText\" [attr.placeholder]=\"placeHolderText\" autocomplete=\"off\"\n                (blur)=\"onBlur($event)\" (focus)=\"onFocus()\" />\n            <div id=\"bpaac-clear-boxNb-button\" *ngIf=\"mayShowClearButton()\" (click)=\"clearInput(true)\" class=\"bpaac-clear\">\n            </div>\n        </div>\n        <!--<div ng-transclude></div>-->\n        <input id=\"bpaac-boxNb-typeahead\" type=\"text\" disabled autocomplete=\"off\" [(ngModel)]=\"bpTypeAhead\" />\n        <span *ngIf=\"addressIsValidated\" class=\"boxNbChekmark\"><span class=\"checkmark\"></span></span>\n    </div>\n    <div [hidden]=\"collapseDropdown\" class=\"bpaac-dropdown-menu-container\" *ngIf=\"suggestions && suggestions.length>0\">\n        <div #boxNumberList [appVisibleSuggestion]=\"visibleSuggesionCount\" id=\"bpaac-box-dropdown\" class=\"bpaac-dropdown-menu\">\n            <ul role=\"listbox\" id=\"bpaac-boxNb-suggestionsList\" class=\"list-unstyled\">\n                <li role=\"option\" *ngFor=\"let option of suggestions; let idx = index\" [ngClass]=\"{'active':(selectedIndex==idx)}\" \n                (mousedown)=\"clickSuggestion($event, option)\"\n                (mouseenter)=\"selectedIndex=idx\" (mouseleave)=\"selectedIndex=-1\">\n                    <span *ngIf=\"option\" [innerHtml]=\"option['not-in-list'] ? emptyResponseText : option.string | highlightSuggestion : wordList\"></span>\n                </li>\n            </ul>\n        </div>\n    </div>\n</div>\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: AddressService }, { type: LocaleService }, { type: i3.TranslateService }, { type: UnicodeService }]; }, propDecorators: { boxNumberSearchInput: [{
+                type: ViewChild,
+                args: ['boxNumberSearchInput', { static: false }]
+            }], boxNumberList: [{
+                type: ViewChild,
+                args: ['boxNumberList', { static: false }]
+            }], prefillData: [{
+                type: Input
+            }], showDebugMessageToConsole: [{
+                type: Input
+            }], labelResourceKey: [{
+                type: Input
+            }], maxSuggesionCount: [{
+                type: Input
+            }], visibleSuggesionCount: [{
+                type: Input
+            }], sortCriteria: [{
+                type: Input
+            }], baseUrl: [{
+                type: Input
+            }], addressParams: [{
+                type: Input
+            }], postalCode: [{
+                type: Input
+            }], locality: [{
+                type: Input
+            }], streetName: [{
+                type: Input
+            }], streetNumber: [{
+                type: Input
+            }], selectedAddress: [{
+                type: Input
+            }], notInListAllowed: [{
+                type: Input
+            }], inputLang: [{
+                type: Input
+            }], messageOption: [{
+                type: Input
+            }], isReadonly: [{
+                type: Input
+            }], suggestionLevel: [{
+                type: Input
+            }], messageChanged: [{
+                type: Output
+            }], addressChanged: [{
+                type: Output
+            }], focusEvent: [{
+                type: Output
+            }], blurEvent: [{
+                type: Output
+            }], textChangeEvent: [{
+                type: Output
+            }], emptyResponseEvent: [{
+                type: Output
+            }], clearInputEventEmitter: [{
+                type: Output
+            }], prefillEventEmitter: [{
+                type: Output
+            }], boxNumberChanged: [{
+                type: Output
+            }] } });
 
 class PrefillData // extends PrefilledParameters
  {
@@ -3922,7 +3958,9 @@ class PrefillData // extends PrefilledParameters
     }
 }
 
-let Nis9Service = class Nis9Service {
+const LIB_VERSION = "1.1.3";
+
+class Nis9Service {
     constructor(httpClient) {
         this.httpClient = httpClient;
         // https://bgs.bpost.be/set-selection-circle?lng=4.360537572541948&lat=50.84063582806037&radius=0.001
@@ -3935,23 +3973,27 @@ let Nis9Service = class Nis9Service {
         const apiUrl = `https://bgs.bpost.be/set-selection-circle?lng=${longitude}&lat=${latitude}&radius=0.001`;
         return this.httpClient.get(apiUrl);
     }
-};
-Nis9Service.ctorParameters = () => [
-    { type: HttpClient }
-];
-Nis9Service.ɵprov = ɵɵdefineInjectable({ factory: function Nis9Service_Factory() { return new Nis9Service(ɵɵinject(HttpClient)); }, token: Nis9Service, providedIn: "root" });
-Nis9Service = __decorate([
-    Injectable({
-        providedIn: 'root'
-    })
-], Nis9Service);
+}
+Nis9Service.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: Nis9Service, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+Nis9Service.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: Nis9Service, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: Nis9Service, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
 
-let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByComponentComponent {
+class LibAddressAutocompleteByComponentComponent {
     constructor(nis9Service, httpService) {
         this.nis9Service = nis9Service;
         this.httpService = httpService;
         this.selectedLanguage = null;
         this.baseUrl = "https://api.mailops.bpost.cloud/roa-info/externalMailingAddressProofingRest/autocomplete/";
+        this.defaultApiKey = 'cyRkKOD73O1DOdgcDLLnsaOiDh6OyOkt3BBT5JU1';
+        this.usedLocalityUrl = this.baseUrl + 'locality';
+        this.usedStreetUrl = this.baseUrl + 'street';
+        this.usedStreetNumberUrl = this.baseUrl + 'streetNumber';
+        this.usedBoxNumberUrl = this.baseUrl + 'boxNumber';
         this.showDebugMessageToConsole = false;
         this.notInListAllowed = true;
         this.messageOption = 'Y';
@@ -3980,6 +4022,7 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
         this.visibleSuggestionBoxNbCount = 5;
         // boxParams: PrefilledParameters;
         this.boxNumberPrefillData = null;
+        this.suggestionLevel = SuggestionLevelType.StreetAndBoxNumber;
         this.emittedAddress = null;
         this.validationMessage = { messageType: null, translatedMessage: '' };
         this.addressCompleteEventEmitter = new EventEmitter();
@@ -3987,12 +4030,13 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
         this.clearInputEventEmitter = new EventEmitter();
         this.processingPrefillData = false;
         // Pass the API key as a property of the library !
-        this.apiKey = 'cyRkKOD73O1DOdgcDLLnsaOiDh6OyOkt3BBT5JU1';
+        this.apiKey = this.defaultApiKey;
         // set the widget as readonly and add NIS9 query parameter
         this.isReadonly = false;
         this.nis9InResponse = false;
         // https://bgs.bpost.be/set-selection-circle?lng=4.360537572541948&lat=50.84063582806037&radius=0.001
         this.nis9ServiceURL = '';
+        this.isComponentReady = false;
     }
     // @ts-ignore
     set inputLang(val) {
@@ -4007,11 +4051,27 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
         this.setValidationMessageOptionFromInput(option);
     }
     ngOnInit() {
+        console.info('lib version is:', LIB_VERSION);
+        //console.warn('lib - ngOnInit');
         this.nis9Service.setNis9ServiceURL(this.nis9ServiceURL);
-        this.httpService.setApiKey(this.apiKey);
+        const apiKey = this.isValidData(this.apiKey) ? this.apiKey : this.defaultApiKey;
+        this.httpService.setApiKey(apiKey);
+        this.httpService.setShowDebugMessageToConsole(this.showDebugMessageToConsole);
+        if (this.isValidData(this.localityUrl))
+            this.usedLocalityUrl = this.localityUrl;
+        if (this.isValidData(this.streetUrl))
+            this.usedStreetUrl = this.streetUrl;
+        if (this.isValidData(this.streetNumberUrl))
+            this.usedStreetNumberUrl = this.streetNumberUrl;
+        if (this.isValidData(this.boxNumberUrl))
+            this.usedBoxNumberUrl = this.boxNumberUrl;
         if (this.addressParams) {
             this.prefillData = this.addressParams;
         }
+        this.isComponentReady = true;
+    }
+    isValidData(str) {
+        return str !== undefined && str !== null && str.length > 0;
     }
     ngOnDestroy() {
         if (this.subscription) {
@@ -4025,10 +4085,38 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
             if (this.showDebugMessageToConsole) {
                 this.displayParametersChangesToConsole(changes);
             }
-            if (changes.hasOwnProperty('apiKey') && !changes.apiKey.firstChange) {
-                this.httpService.setApiKey(this.apiKey);
+            if (changes.hasOwnProperty('apiKey') && !changes['apiKey'].firstChange) {
+                const apiKey = this.apiKey !== null && this.apiKey !== undefined && this.apiKey.length > 0
+                    ? this.apiKey
+                    : this.defaultApiKey;
+                this.httpService.setApiKey(apiKey);
+            }
+            if (changes.hasOwnProperty('localityUrl') && !changes['localityUrl'].firstChange) {
+                const localityUrl = this.localityUrl !== null && this.localityUrl !== undefined && this.localityUrl.length > 0
+                    ? this.localityUrl
+                    : this.baseUrl + 'locality';
+                this.usedLocalityUrl = localityUrl;
+                console.log('ngOnChanges - localityUrl: ', localityUrl);
+            }
+            if (changes.hasOwnProperty('streetUrl') && !changes['streetUrl'].firstChange) {
+                const streetUrl = this.streetUrl !== null && this.streetUrl !== undefined && this.streetUrl.length > 0
+                    ? this.streetUrl
+                    : this.baseUrl + 'street';
+                this.usedStreetUrl = streetUrl;
+            }
+            if (changes.hasOwnProperty('streetNumberUrl') && !changes.streetNumberUrl.firstChange) {
+                const streetNumberUrl = this.streetNumberUrl !== null && this.streetNumberUrl !== undefined && this.streetNumberUrl.length > 0
+                    ? this.streetNumberUrl
+                    : this.baseUrl + 'streetNumber';
+                this.usedStreetNumberUrl = streetNumberUrl;
             }
-            if (changes.hasOwnProperty('addressParams') && !changes.addressParams.firstChange) {
+            if (changes.hasOwnProperty('boxNumberUrl') && !changes.boxNumberUrl.firstChange) {
+                const boxNumberUrl = this.boxNumberUrl !== null && this.boxNumberUrl !== undefined && this.boxNumberUrl.length > 0
+                    ? this.boxNumberUrl
+                    : this.baseUrl + 'boxNumber';
+                this.usedBoxNumberUrl = boxNumberUrl;
+            }
+            if (changes.hasOwnProperty('addressParams') && !changes['addressParams'].firstChange) {
                 // if (changes.hasOwnProperty('addressParams')) {
                 this.processingPrefillData = true;
                 this.enterPrefillMode();
@@ -4055,74 +4143,141 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
                     console.log('lib::checking locality match... ', this.localityPrefillData);
                 }
             }
+            // suggestion level
+            if (changes.hasOwnProperty('suggestionLevel')
+            /*&& !changes.suggestionLevel.firstChange
+            && !changes.hasOwnProperty('prefillData') && ! this.prefilling*/ ) {
+                /*
+            this.minLevel = ADDRESSLEVEL.STREET_NUMBER;
+            // this.addressIsComplete = false;
+            if (this.showDebugMessageToConsole) {
+              console.warn('street number - ngOnchanges - streetName changes detection');
+            }
+            if (changes.streetName.currentValue === '') {
+              this.clearWidget();
+              this.valueChanged();
+            }
+            */
+                const sl = Number(changes['suggestionLevel'].currentValue);
+                switch (sl) {
+                    case 0:
+                        this.suggestionLevel = SuggestionLevelType.None;
+                        break;
+                    case 1:
+                        this.suggestionLevel = SuggestionLevelType.StreetNumber;
+                        break;
+                    case 2:
+                        this.suggestionLevel = SuggestionLevelType.StreetAndBoxNumber;
+                        break;
+                }
+            }
+            // showDebugMessageToConsole
+            if (changes.hasOwnProperty('showDebugMessageToConsole')
+                && !changes['showDebugMessageToConsole'].firstChange) {
+                const sdm2c = changes['showDebugMessageToConsole'].currentValue;
+                if (sdm2c) {
+                    this.httpService.setShowDebugMessageToConsole(sdm2c);
+                }
+            }
         }
     }
     displayParametersChangesToConsole(changes) {
         // messageOption
-        if (changes.hasOwnProperty('messageOption') && !changes.messageOption.firstChange) {
-            const wcChanges = changes.messageOption.currentValue;
+        if (changes.hasOwnProperty('messageOption') && !changes['messageOption'].firstChange) {
+            const wcChanges = changes['messageOption'].currentValue;
             console.log('lib widget9 - messageOption', wcChanges);
         }
         // maxSuggestionLocality
-        if (changes.hasOwnProperty('maxSuggestionLocality') && !changes.maxSuggestionLocality.firstChange) {
-            const wcChanges = changes.maxSuggestionLocality.currentValue;
+        if (changes.hasOwnProperty('maxSuggestionLocality') && !changes['maxSuggestionLocality'].firstChange) {
+            const wcChanges = changes['maxSuggestionLocality'].currentValue;
             console.log('lib widget9 - maxSuggestionLocality', wcChanges);
         }
         // visibleSuggestionLocalityCount
-        if (changes.hasOwnProperty('visibleSuggestionLocalityCount') && !changes.visibleSuggestionLocalityCount.firstChange) {
-            const wcChanges = changes.visibleSuggestionLocalityCount.currentValue;
+        if (changes.hasOwnProperty('visibleSuggestionLocalityCount') && !changes['visibleSuggestionLocalityCount'].firstChange) {
+            const wcChanges = changes['visibleSuggestionLocalityCount'].currentValue;
             console.log('lib widget9 - visibleSuggestionLocalityCount', wcChanges);
         }
         // sortCriteriaLocality
-        if (changes.hasOwnProperty('sortCriteriaLocality') && !changes.sortCriteriaLocality.firstChange) {
-            const wcChanges = changes.sortCriteriaLocality.currentValue;
+        if (changes.hasOwnProperty('sortCriteriaLocality') && !changes['sortCriteriaLocality'].firstChange) {
+            const wcChanges = changes['sortCriteriaLocality'].currentValue;
             console.log('lib widget9 - sortCriteriaLocality', wcChanges);
         }
         // maxSuggestionStreet
-        if (changes.hasOwnProperty('maxSuggestionStreet') && !changes.maxSuggestionStreet.firstChange) {
-            const wcChanges = changes.maxSuggestionStreet.currentValue;
+        if (changes.hasOwnProperty('maxSuggestionStreet') && !changes['maxSuggestionStreet'].firstChange) {
+            const wcChanges = changes['maxSuggestionStreet'].currentValue;
             console.log('lib widget9 - maxSuggestionStreet', wcChanges);
         }
         // visibleSuggestionStreetCount
-        if (changes.hasOwnProperty('visibleSuggestionStreetCount') && !changes.visibleSuggestionStreetCount.firstChange) {
-            const wcChanges = changes.visibleSuggestionStreetCount.currentValue;
+        if (changes.hasOwnProperty('visibleSuggestionStreetCount') && !changes['visibleSuggestionStreetCount'].firstChange) {
+            const wcChanges = changes['visibleSuggestionStreetCount'].currentValue;
             console.log('lib widget9 - visibleSuggestionStreetCount', wcChanges);
         }
         // sortCriteriaStreet
-        if (changes.hasOwnProperty('sortCriteriaStreet') && !changes.sortCriteriaStreet.firstChange) {
-            const wcChanges = changes.sortCriteriaStreet.currentValue;
+        if (changes.hasOwnProperty('sortCriteriaStreet') && !changes['sortCriteriaStreet'].firstChange) {
+            const wcChanges = changes['sortCriteriaStreet'].currentValue;
             console.log('lib widget9 - sortCriteriaStreet', wcChanges);
         }
         // maxSuggestionStreetNb
-        if (changes.hasOwnProperty('maxSuggestionStreetNb') && !changes.maxSuggestionStreetNb.firstChange) {
-            const wcChanges = changes.maxSuggestionStreetNb.currentValue;
+        if (changes.hasOwnProperty('maxSuggestionStreetNb') && !changes['maxSuggestionStreetNb'].firstChange) {
+            const wcChanges = changes['maxSuggestionStreetNb'].currentValue;
             console.log('lib widget9 - maxSuggestionStreetNb', wcChanges);
         }
         // visibleSuggestionStreetNbCount
-        if (changes.hasOwnProperty('visibleSuggestionStreetNbCount') && !changes.visibleSuggestionStreetNbCount.firstChange) {
-            const wcChanges = changes.visibleSuggestionStreetNbCount.currentValue;
+        if (changes.hasOwnProperty('visibleSuggestionStreetNbCount') && !changes['visibleSuggestionStreetNbCount'].firstChange) {
+            const wcChanges = changes['visibleSuggestionStreetNbCount'].currentValue;
             console.log('lib widget9 - visibleSuggestionStreetNbCount', wcChanges);
         }
         // sortCriteriaStreetNb
-        if (changes.hasOwnProperty('sortCriteriaStreetNb') && !changes.sortCriteriaStreetNb.firstChange) {
-            const wcChanges = changes.sortCriteriaStreetNb.currentValue;
+        if (changes.hasOwnProperty('sortCriteriaStreetNb') && !changes['sortCriteriaStreetNb'].firstChange) {
+            const wcChanges = changes['sortCriteriaStreetNb'].currentValue;
             console.log('lib widget9 - sortCriteriaStreetNb', wcChanges);
         }
         // maxSuggestionBoxNb
-        if (changes.hasOwnProperty('maxSuggestionBoxNb') && !changes.maxSuggestionBoxNb.firstChange) {
-            const wcChanges = changes.maxSuggestionBoxNb.currentValue;
+        if (changes.hasOwnProperty('maxSuggestionBoxNb') && !changes['maxSuggestionBoxNb'].firstChange) {
+            const wcChanges = changes['maxSuggestionBoxNb'].currentValue;
             console.log('lib widget9 - maxSuggestionBoxNb', wcChanges);
         }
         // visibleSuggestionBoxNbCount
-        if (changes.hasOwnProperty('visibleSuggestionBoxNbCount') && !changes.visibleSuggestionBoxNbCount.firstChange) {
-            const wcChanges = changes.visibleSuggestionBoxNbCount.currentValue;
+        if (changes.hasOwnProperty('visibleSuggestionBoxNbCount') && !changes['visibleSuggestionBoxNbCount'].firstChange) {
+            const wcChanges = changes['visibleSuggestionBoxNbCount'].currentValue;
             console.log('lib widget9 - visibleSuggestionBoxNbCount', wcChanges);
         }
         // sortCriteriaBoxNb
-        if (changes.hasOwnProperty('sortCriteriaBoxNb') && !changes.sortCriteriaBoxNb.firstChange) {
-            const wcChanges = changes.sortCriteriaBoxNb.currentValue;
+        if (changes.hasOwnProperty('sortCriteriaBoxNb') && !changes['sortCriteriaBoxNb'].firstChange) {
+            const wcChanges = changes['sortCriteriaBoxNb'].currentValue;
             console.log('lib widget9 - sortCriteriaBoxNb', wcChanges);
         }
+        // apiKey
+        if (changes.hasOwnProperty('apiKey') && !changes['apiKey'].firstChange) {
+            const wcChanges = changes['apiKey'].currentValue;
+            console.log('lib widget9 - apiKey', wcChanges);
+        }
+        // localityUrl
+        if (changes.hasOwnProperty('localityUrl') && !changes['localityUrl'].firstChange) {
+            const wcChanges = changes['localityUrl'].currentValue;
+            console.log('lib widget9 - localityUrl', wcChanges);
+            console.log('lib widget9 - current localityUrl', this.localityUrl);
+        }
+        // streetUrl
+        if (changes.hasOwnProperty('streetUrl') && !changes['streetUrl'].firstChange) {
+            const wcChanges = changes['streetUrl'].currentValue;
+            console.log('lib widget9 - streetUrl', wcChanges);
+        }
+        // streetNumberUrl
+        if (changes.hasOwnProperty('streetNumberUrl') && !changes['streetNumberUrl'].firstChange) {
+            const wcChanges = changes['streetNumberUrl'].currentValue;
+            console.log('lib widget9 - streetNumberUrl', wcChanges);
+        }
+        // boxNumberUrl
+        if (changes.hasOwnProperty('boxNumberUrl') && !changes['boxNumberUrl'].firstChange) {
+            const wcChanges = changes['boxNumberUrl'].currentValue;
+            console.log('lib widget9 - boxNumberUrl', wcChanges);
+        }
+        // suggestionLevel
+        if (changes.hasOwnProperty('suggestionLevel') && !changes['suggestionLevel'].firstChange) {
+            const wcChanges = changes['suggestionLevel'].currentValue;
+            console.log('lib widget9 - suggestionLevel', wcChanges);
+        }
     }
     clearWidget() {
         this.autocompleteBoxNb.clearWidget();
@@ -4224,7 +4379,9 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
         if (this.showDebugMessageToConsole) {
             console.log('notifyAddressComplete', this.selectedAddress, 'nis9InResponse:' + this.nis9InResponse, typeof this.nis9InResponse);
         }
-        if ((this.nis9InResponse === true || '' + this.nis9InResponse === 'true') && this.selectedAddress.hasOwnProperty('latitude') && this.selectedAddress.hasOwnProperty('longitude')) {
+        if ((this.nis9InResponse === true || '' + this.nis9InResponse === 'true')
+            && this.selectedAddress !== undefined && this.selectedAddress !== null
+            && this.selectedAddress.hasOwnProperty('latitude') && this.selectedAddress.hasOwnProperty('longitude')) {
             const latitude = this.selectedAddress.latitude;
             const longitude = this.selectedAddress.longitude;
             if (this.showDebugMessageToConsole)
@@ -4371,6 +4528,9 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
             this.autocompleteStreetNb.addressIsComplete = addressIsComplete;
         }
         this.clearInputEventEmitter.emit(event);
+        if (this.showDebugMessageToConsole) {
+            console.log('lib::onClearInputEventEmitter', 'emitted address:' + JSON.stringify(this.emittedAddress), 'nextAddress:' + JSON.stringify(nextAddress));
+        }
         if (this.emittedAddress !== null) {
             if (nextAddress !== undefined && nextAddress !== null && nextAddress.hasOwnProperty('latitude') && nextAddress.hasOwnProperty('longitude')) {
                 const latitude = nextAddress.latitude;
@@ -4661,6 +4821,29 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
             this.notifyAddressComplete();
         }
     }
+    setAddressStreetNumber(streetNumber) {
+        this.streetNumberAddress = this.streetAddress;
+        this.selectedAddress = this.streetAddress;
+        this.selectedAddress.streetNumber = streetNumber;
+        /*
+        this.streetNumber = streetNumber;
+        */
+        //this.notifyAddressComplete();
+        this.streetNumber = streetNumber;
+        this.boxNumber = '';
+        this.selectedAddress.boxNumber = '';
+        this.addressCompleteEventEmitter.emit(this.selectedAddress);
+        this.emittedAddress = this.selectedAddress;
+        console.log('set street number value:', streetNumber, 'this.streetNumber:' + this.streetNumber, 'this.minLevel:' + this.minLevel);
+    }
+    setAddressBoxNumber(boxNumber) {
+        console.log('set box number value:', boxNumber);
+        //this.streetNumberAddress = this.streetAddress;
+        this.selectedAddress = this.streetNumberAddress;
+        this.selectedAddress.boxNumber = boxNumber;
+        this.boxNumber = boxNumber;
+        this.notifyAddressComplete();
+    }
     setLanguage(lang) {
         this.selectedLanguage = lang;
     }
@@ -4928,238 +5111,109 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
         }
         this.quitPrefillMode();
     }
-};
-LibAddressAutocompleteByComponentComponent.ctorParameters = () => [
-    { type: Nis9Service },
-    { type: HttpService }
-];
-__decorate([
-    ViewChild(LocalityComponent, { static: false })
-], LibAddressAutocompleteByComponentComponent.prototype, "autocompleteLocality", void 0);
-__decorate([
-    ViewChild(StreetComponent, { static: false })
-], LibAddressAutocompleteByComponentComponent.prototype, "autocompleteStreet", void 0);
-__decorate([
-    ViewChild(StreetNumberComponent, { static: false })
-], LibAddressAutocompleteByComponentComponent.prototype, "autocompleteStreetNb", void 0);
-__decorate([
-    ViewChild(BoxNumberComponent, { static: false })
-], LibAddressAutocompleteByComponentComponent.prototype, "autocompleteBoxNb", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "inputLang", null);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "clearInput", null);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "validationMessageOption", null);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "defaultLang", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "showDebugMessageToConsole", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "minLevel", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "notInListAllowed", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "addressParams", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "messageOption", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "localityUrl", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "maxSuggestionLocality", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "visibleSuggestionLocalityCount", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "sortCriteriaLocality", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "streetUrl", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "maxSuggestionStreet", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "visibleSuggestionStreetCount", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "sortCriteriaStreet", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "streetNumberUrl", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "maxSuggestionStreetNb", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "visibleSuggestionStreetNbCount", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "sortCriteriaStreetNb", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "boxNumberUrl", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "maxSuggestionBoxNb", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "visibleSuggestionBoxNbCount", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "sortCriteriaBoxNb", void 0);
-__decorate([
-    Output()
-], LibAddressAutocompleteByComponentComponent.prototype, "addressCompleteEventEmitter", void 0);
-__decorate([
-    Output()
-], LibAddressAutocompleteByComponentComponent.prototype, "validationMessageEventEmitter", void 0);
-__decorate([
-    Output()
-], LibAddressAutocompleteByComponentComponent.prototype, "clearInputEventEmitter", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "apiKey", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "isReadonly", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "nis9InResponse", void 0);
-__decorate([
-    Input()
-], LibAddressAutocompleteByComponentComponent.prototype, "nis9ServiceURL", void 0);
-LibAddressAutocompleteByComponentComponent = __decorate([
-    Component({
-        selector: 'bp-lib-address-autocomplete-by-component',
-        template: "\r\n<div class=\"aacwidget-address-container\">\r\n\r\n    <div class=\"bpaac-dropdown-validation\" *ngIf=\"validationMessageOptionType === 'SHOW' \">\r\n        <div class=\"bpaac-validated-icon\" *ngIf=\"selectedAddress && validationMessage!==null && validationMessage.messageType!==null\"></div>\r\n        <!-- {{ validationMessage | translate }} -->\r\n        {{ validationMessage.translatedMessage }}\r\n    </div>\r\n\r\n        <!-- bp-aacwidget-autocomplete-locality -->\r\n        <bp-locality class=\"aacwidget-address-locality\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"localityUrl\"\r\n        [prefillData]=\"localityPrefillData\"\r\n        [labelResourceKey]=\"'common.label.postalCode'\"\r\n        [inputText]=\"postalCodeLocality\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [sortCriteria]=\"sortCriteriaLocality\"\r\n        [maxSuggesionCount]=\"maxSuggestionLocality\" \r\n        [visibleSuggestionCount]=\"visibleSuggestionLocalityCount\"\r\n        (addressChanged)=\"setAddress($event, 4)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\" \r\n        (textChangeEvent)=\"resetLocality($event)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onLocalityPrefillEvent($event)\"></bp-locality>\r\n\r\n        <bp-street class=\"aacwidget-address-street\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"streetUrl\"\r\n        [prefillData]=\"streetPrefillData\"\r\n        [labelResourceKey]=\"'common.label.streetName'\"\r\n        [inputText]=\"streetNameInput\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\"\r\n        [locality]=\"locality\"\r\n        [sortCriteria]=\"sortCriteriaStreet\" \r\n        [maxSuggesionCount]=\"maxSuggestionStreet\"\r\n        [visibleSuggesionCount]=\"visibleSuggestionStreetCount\"\r\n        (addressChanged)=\"setAddress($event, 3)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetStreet($event)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onStreetPrefillEvent($event)\"></bp-street>\r\n\r\n        <bp-street-number class=\"aacwidget-address-streetnumber\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"streetNumberUrl\"\r\n        [selectedAddress]=\"streetAddress\"\r\n        [prefillData]=\"streetNumberPrefillData\"\r\n        [labelResourceKey]=\"'common.label.streetNumber'\"\r\n        [inputText]=\"streetNumberInput\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\" \r\n        [locality]=\"locality\" \r\n        [streetName]=\"street\"\r\n        [sortCriteria]=\"sortCriteriaStreetNb\"\r\n        [maxSuggesionCount]=\"maxSuggestionStreetNb\" \r\n        [visibleSuggesionCount]=\"visibleSuggestionStreetNbCount\"\r\n        [notInListAllowed]=\"notInListAllowed\"\r\n        (addressChanged)=\"setAddress($event, 2)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetStreetNumber($event, false)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onStreetNumberPrefillEvent($event)\"></bp-street-number>\r\n\r\n        <bp-box-number class=\"aacwidget-address-boxnumber\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"boxNumberUrl\"\r\n        [selectedAddress]=\"streetNumberAddress\"\r\n        [prefillData]=\"boxNumberPrefillData\"\r\n        [labelResourceKey]=\"'common.label.boxNumber'\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\" \r\n        [locality]=\"locality\" \r\n        [streetName]=\"street\" \r\n        [streetNumber]=\"streetNumber\"\r\n        [sortCriteria]=\"sortCriteriaBoxNb\" \r\n        [maxSuggesionCount]=\"maxSuggestionBoxNb\"\r\n        [visibleSuggesionCount]=\"visibleSuggestionBoxNbCount\"\r\n        [notInListAllowed]=\"notInListAllowed\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (addressChanged)=\"setAddress($event, 1)\" \r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetBoxNumber($event, false)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onBoxNumberPrefillEvent($event)\"></bp-box-number>\r\n</div>",
-        styles: [""]
-    })
-], LibAddressAutocompleteByComponentComponent);
-
-let HighlightSuggestionPipe = class HighlightSuggestionPipe {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
-    }
-    transform(value, args) {
-        if (!args) {
-            return value;
-        }
-        if (Array.isArray(args) && args.length > 1) {
-            return this.transformForArray(value, args);
-        }
-        if (args === '.') {
-            args = '\\.';
-        }
-        else if (Array.isArray(args) && args.length === 1) {
-            if (args[0] === '.') {
-                args[0] = '\\.';
-            }
-        }
-        // Match in a case insensitive manner
-        const re = new RegExp(args, 'gi');
-        const match = value.match(re);
-        // If there's no match, just return the original value.
-        if (!match) {
-            return value;
-        }
-        /*    console.warn('HighlightSuggestionPipe::transform: value=' + value);
-           console.warn('HighlightSuggestionPipe::transform: args=' + args);
-           console.warn('HighlightSuggestionPipe::transform: match=' + match); */
-        const replacedValue = value.replace(re, '<span style=\'font-weight: bold;\'>' + match[0] + '</span>');
-        // console.warn('HighlightSuggestionPipe::transform: replacedValue=' + replacedValue);
-        return this.sanitizer.bypassSecurityTrustHtml(replacedValue);
-    }
-    transformForArray(value, args) {
-        let query = '';
-        let ix = 0;
-        for (const word of args) {
-            ix++;
-            if (ix < args.length) {
-                query = query.concat(word + '|');
-            }
-            else {
-                query = query.concat(word);
-            }
-        }
-        // console.warn('HighlightSuggestionPipe::transformForArray', value, args, query);
-        const replacedValue = value.replace(new RegExp('(' + query + ')', 'gi'), '<span style="font-weight: bold;">$1</span>');
-        return this.sanitizer.bypassSecurityTrustHtml(replacedValue);
-    }
-};
-HighlightSuggestionPipe.ctorParameters = () => [
-    { type: DomSanitizer }
-];
-HighlightSuggestionPipe = __decorate([
-    Pipe({
-        name: 'highlightSuggestion'
-    })
-], HighlightSuggestionPipe);
-
-let VisibleSuggestionDirective = class VisibleSuggestionDirective {
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-    }
-    ngAfterViewChecked() {
-        this.showHeight(this.el.nativeElement, this.appVisibleSuggestion);
-    }
-    showHeight(parent, count) {
-        if (!parent) {
-            return;
-        }
-        // const children = parent.getElementsByClassName('list-option');
-        // const children = parent.querySelectorAll('li');
-        const children = parent.firstElementChild.children;
-        if (!children || children.length === 0) {
-            return;
-        }
-        const sum = Array.from(children).slice(0, count).reduce((acc, ele) => {
-            return acc + DomHandler.getOuterHeight(ele);
-        }, 7);
-        this.renderer.setStyle(this.el.nativeElement, 'maxHeight', `${sum}px`);
-        // this.el.nativeElement.style.maxHeight = `${sum}px`;
-    }
-};
-VisibleSuggestionDirective.ctorParameters = () => [
-    { type: ElementRef },
-    { type: Renderer2 }
-];
-__decorate([
-    Input()
-], VisibleSuggestionDirective.prototype, "appVisibleSuggestion", void 0);
-VisibleSuggestionDirective = __decorate([
-    Directive({
-        selector: '[appVisibleSuggestion]'
-    })
-], VisibleSuggestionDirective);
+}
+LibAddressAutocompleteByComponentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LibAddressAutocompleteByComponentComponent, deps: [{ token: Nis9Service }, { token: HttpService }], target: i0.ɵɵFactoryTarget.Component });
+LibAddressAutocompleteByComponentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: LibAddressAutocompleteByComponentComponent, selector: "bp-lib-address-autocomplete-by-component", inputs: { inputLang: "inputLang", clearInput: "clearInput", validationMessageOption: "validationMessageOption", defaultLang: "defaultLang", showDebugMessageToConsole: "showDebugMessageToConsole", minLevel: "minLevel", notInListAllowed: "notInListAllowed", addressParams: "addressParams", messageOption: "messageOption", localityUrl: "localityUrl", maxSuggestionLocality: "maxSuggestionLocality", visibleSuggestionLocalityCount: "visibleSuggestionLocalityCount", sortCriteriaLocality: "sortCriteriaLocality", streetUrl: "streetUrl", maxSuggestionStreet: "maxSuggestionStreet", visibleSuggestionStreetCount: "visibleSuggestionStreetCount", sortCriteriaStreet: "sortCriteriaStreet", streetNumberUrl: "streetNumberUrl", maxSuggestionStreetNb: "maxSuggestionStreetNb", visibleSuggestionStreetNbCount: "visibleSuggestionStreetNbCount", sortCriteriaStreetNb: "sortCriteriaStreetNb", boxNumberUrl: "boxNumberUrl", maxSuggestionBoxNb: "maxSuggestionBoxNb", visibleSuggestionBoxNbCount: "visibleSuggestionBoxNbCount", sortCriteriaBoxNb: "sortCriteriaBoxNb", suggestionLevel: "suggestionLevel", apiKey: "apiKey", isReadonly: "isReadonly", nis9InResponse: "nis9InResponse", nis9ServiceURL: "nis9ServiceURL" }, outputs: { addressCompleteEventEmitter: "addressCompleteEventEmitter", validationMessageEventEmitter: "validationMessageEventEmitter", clearInputEventEmitter: "clearInputEventEmitter" }, viewQueries: [{ propertyName: "autocompleteLocality", first: true, predicate: LocalityComponent, descendants: true }, { propertyName: "autocompleteStreet", first: true, predicate: StreetComponent, descendants: true }, { propertyName: "autocompleteStreetNb", first: true, predicate: StreetNumberComponent, descendants: true }, { propertyName: "autocompleteBoxNb", first: true, predicate: BoxNumberComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "\r\n<div class=\"aacwidget-address-container\">\r\n\r\n    <div class=\"bpaac-dropdown-validation\" *ngIf=\"validationMessageOptionType === 'SHOW' \">\r\n        <div class=\"bpaac-validated-icon\" *ngIf=\"selectedAddress && validationMessage!==null && validationMessage.messageType!==null\"></div>\r\n        <!-- {{ validationMessage | translate }} -->\r\n        {{ validationMessage.translatedMessage }}\r\n    </div>\r\n\r\n        <!-- bp-aacwidget-autocomplete-locality -->\r\n        <bp-locality class=\"aacwidget-address-locality\" *ngIf=\"isComponentReady\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"usedLocalityUrl\"\r\n        [prefillData]=\"localityPrefillData\"\r\n        [labelResourceKey]=\"'common.label.postalCode'\"\r\n        [inputText]=\"postalCodeLocality\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [sortCriteria]=\"sortCriteriaLocality\"\r\n        [maxSuggesionCount]=\"maxSuggestionLocality\" \r\n        [visibleSuggestionCount]=\"visibleSuggestionLocalityCount\"\r\n        (addressChanged)=\"setAddress($event, 4)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\" \r\n        (textChangeEvent)=\"resetLocality($event)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onLocalityPrefillEvent($event)\"></bp-locality>\r\n\r\n        <bp-street class=\"aacwidget-address-street\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"usedStreetUrl\"\r\n        [prefillData]=\"streetPrefillData\"\r\n        [labelResourceKey]=\"'common.label.streetName'\"\r\n        [inputText]=\"streetNameInput\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\"\r\n        [locality]=\"locality\"\r\n        [sortCriteria]=\"sortCriteriaStreet\" \r\n        [maxSuggesionCount]=\"maxSuggestionStreet\"\r\n        [visibleSuggesionCount]=\"visibleSuggestionStreetCount\"\r\n        (addressChanged)=\"setAddress($event, 3)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetStreet($event)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onStreetPrefillEvent($event)\"></bp-street>\r\n\r\n        <bp-street-number class=\"aacwidget-address-streetnumber\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"usedStreetNumberUrl\"\r\n        [selectedAddress]=\"streetAddress\"\r\n        [prefillData]=\"streetNumberPrefillData\"\r\n        [labelResourceKey]=\"'common.label.streetNumber'\"\r\n        [inputText]=\"streetNumberInput\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\" \r\n        [locality]=\"locality\" \r\n        [streetName]=\"street\"\r\n        [sortCriteria]=\"sortCriteriaStreetNb\"\r\n        [maxSuggesionCount]=\"maxSuggestionStreetNb\" \r\n        [visibleSuggesionCount]=\"visibleSuggestionStreetNbCount\"\r\n        [notInListAllowed]=\"notInListAllowed\"\r\n        [suggestionLevel]=\"suggestionLevel\"\r\n        (addressChanged)=\"setAddress($event, 2)\"\r\n        (streetNumberChanged)=\"setAddressStreetNumber($event)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetStreetNumber($event, false)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onStreetNumberPrefillEvent($event)\"></bp-street-number>\r\n\r\n        <bp-box-number class=\"aacwidget-address-boxnumber\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"usedBoxNumberUrl\"\r\n        [selectedAddress]=\"streetNumberAddress\"\r\n        [prefillData]=\"boxNumberPrefillData\"\r\n        [labelResourceKey]=\"'common.label.boxNumber'\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\" \r\n        [locality]=\"locality\" \r\n        [streetName]=\"street\" \r\n        [streetNumber]=\"streetNumber\"\r\n        [sortCriteria]=\"sortCriteriaBoxNb\" \r\n        [maxSuggesionCount]=\"maxSuggestionBoxNb\"\r\n        [visibleSuggesionCount]=\"visibleSuggestionBoxNbCount\"\r\n        [notInListAllowed]=\"notInListAllowed\"\r\n        [suggestionLevel]=\"suggestionLevel\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (addressChanged)=\"setAddress($event, 1)\" \r\n        (boxNumberChanged)=\"setAddressBoxNumber($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetBoxNumber($event, false)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onBoxNumberPrefillEvent($event)\"></bp-box-number>\r\n</div>", styles: [""], components: [{ type: LocalityComponent, selector: "bp-locality", inputs: ["labelResourceKey", "messageOption", "maxSuggesionCount", "visibleSuggestionCount", "sortCriteria", "baseUrl", "inputText", "prefillData", "showDebugMessageToConsole", "inputLang", "isReadonly"], outputs: ["messageChanged", "addressChanged", "focusEvent", "blurEvent", "textChangeEvent", "clearInputEventEmitter", "prefillEventEmitter"] }, { type: StreetComponent, selector: "bp-street", inputs: ["labelResourceKey", "maxSuggesionCount", "visibleSuggesionCount", "sortCriteria", "baseUrl", "prefillData", "showDebugMessageToConsole", "postalCode", "locality", "inputText", "messageOption", "inputLang", "isReadonly"], outputs: ["messageChanged", "addressChanged", "focusEvent", "blurEvent", "textChangeEvent", "clearInputEventEmitter", "prefillEventEmitter"] }, { type: StreetNumberComponent, selector: "bp-street-number", inputs: ["prefillData", "showDebugMessageToConsole", "labelResourceKey", "maxSuggesionCount", "visibleSuggesionCount", "sortCriteria", "baseUrl", "addressParams", "postalCode", "locality", "streetName", "notInListAllowed", "selectedAddress", "inputLang", "messageOption", "inputText", "isReadonly", "suggestionLevel"], outputs: ["messageChanged", "addressChanged", "focusEvent", "blurEvent", "textChangeEvent", "emptyResponseEvent", "clearInputEventEmitter", "prefillEventEmitter", "streetNumberChanged"] }, { type: BoxNumberComponent, selector: "bp-box-number", inputs: ["prefillData", "showDebugMessageToConsole", "labelResourceKey", "maxSuggesionCount", "visibleSuggesionCount", "sortCriteria", "baseUrl", "addressParams", "postalCode", "locality", "streetName", "streetNumber", "selectedAddress", "notInListAllowed", "inputLang", "messageOption", "isReadonly", "suggestionLevel"], outputs: ["messageChanged", "addressChanged", "focusEvent", "blurEvent", "textChangeEvent", "emptyResponseEvent", "clearInputEventEmitter", "prefillEventEmitter", "boxNumberChanged"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LibAddressAutocompleteByComponentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'bp-lib-address-autocomplete-by-component', template: "\r\n<div class=\"aacwidget-address-container\">\r\n\r\n    <div class=\"bpaac-dropdown-validation\" *ngIf=\"validationMessageOptionType === 'SHOW' \">\r\n        <div class=\"bpaac-validated-icon\" *ngIf=\"selectedAddress && validationMessage!==null && validationMessage.messageType!==null\"></div>\r\n        <!-- {{ validationMessage | translate }} -->\r\n        {{ validationMessage.translatedMessage }}\r\n    </div>\r\n\r\n        <!-- bp-aacwidget-autocomplete-locality -->\r\n        <bp-locality class=\"aacwidget-address-locality\" *ngIf=\"isComponentReady\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"usedLocalityUrl\"\r\n        [prefillData]=\"localityPrefillData\"\r\n        [labelResourceKey]=\"'common.label.postalCode'\"\r\n        [inputText]=\"postalCodeLocality\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [sortCriteria]=\"sortCriteriaLocality\"\r\n        [maxSuggesionCount]=\"maxSuggestionLocality\" \r\n        [visibleSuggestionCount]=\"visibleSuggestionLocalityCount\"\r\n        (addressChanged)=\"setAddress($event, 4)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\" \r\n        (textChangeEvent)=\"resetLocality($event)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onLocalityPrefillEvent($event)\"></bp-locality>\r\n\r\n        <bp-street class=\"aacwidget-address-street\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"usedStreetUrl\"\r\n        [prefillData]=\"streetPrefillData\"\r\n        [labelResourceKey]=\"'common.label.streetName'\"\r\n        [inputText]=\"streetNameInput\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\"\r\n        [locality]=\"locality\"\r\n        [sortCriteria]=\"sortCriteriaStreet\" \r\n        [maxSuggesionCount]=\"maxSuggestionStreet\"\r\n        [visibleSuggesionCount]=\"visibleSuggestionStreetCount\"\r\n        (addressChanged)=\"setAddress($event, 3)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetStreet($event)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onStreetPrefillEvent($event)\"></bp-street>\r\n\r\n        <bp-street-number class=\"aacwidget-address-streetnumber\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"usedStreetNumberUrl\"\r\n        [selectedAddress]=\"streetAddress\"\r\n        [prefillData]=\"streetNumberPrefillData\"\r\n        [labelResourceKey]=\"'common.label.streetNumber'\"\r\n        [inputText]=\"streetNumberInput\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\" \r\n        [locality]=\"locality\" \r\n        [streetName]=\"street\"\r\n        [sortCriteria]=\"sortCriteriaStreetNb\"\r\n        [maxSuggesionCount]=\"maxSuggestionStreetNb\" \r\n        [visibleSuggesionCount]=\"visibleSuggestionStreetNbCount\"\r\n        [notInListAllowed]=\"notInListAllowed\"\r\n        [suggestionLevel]=\"suggestionLevel\"\r\n        (addressChanged)=\"setAddress($event, 2)\"\r\n        (streetNumberChanged)=\"setAddressStreetNumber($event)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetStreetNumber($event, false)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onStreetNumberPrefillEvent($event)\"></bp-street-number>\r\n\r\n        <bp-box-number class=\"aacwidget-address-boxnumber\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"usedBoxNumberUrl\"\r\n        [selectedAddress]=\"streetNumberAddress\"\r\n        [prefillData]=\"boxNumberPrefillData\"\r\n        [labelResourceKey]=\"'common.label.boxNumber'\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\" \r\n        [locality]=\"locality\" \r\n        [streetName]=\"street\" \r\n        [streetNumber]=\"streetNumber\"\r\n        [sortCriteria]=\"sortCriteriaBoxNb\" \r\n        [maxSuggesionCount]=\"maxSuggestionBoxNb\"\r\n        [visibleSuggesionCount]=\"visibleSuggestionBoxNbCount\"\r\n        [notInListAllowed]=\"notInListAllowed\"\r\n        [suggestionLevel]=\"suggestionLevel\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (addressChanged)=\"setAddress($event, 1)\" \r\n        (boxNumberChanged)=\"setAddressBoxNumber($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetBoxNumber($event, false)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onBoxNumberPrefillEvent($event)\"></bp-box-number>\r\n</div>", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: Nis9Service }, { type: HttpService }]; }, propDecorators: { autocompleteLocality: [{
+                type: ViewChild,
+                args: [LocalityComponent, { static: false }]
+            }], autocompleteStreet: [{
+                type: ViewChild,
+                args: [StreetComponent, { static: false }]
+            }], autocompleteStreetNb: [{
+                type: ViewChild,
+                args: [StreetNumberComponent, { static: false }]
+            }], autocompleteBoxNb: [{
+                type: ViewChild,
+                args: [BoxNumberComponent, { static: false }]
+            }], inputLang: [{
+                type: Input
+            }], clearInput: [{
+                type: Input
+            }], validationMessageOption: [{
+                type: Input
+            }], defaultLang: [{
+                type: Input
+            }], showDebugMessageToConsole: [{
+                type: Input
+            }], minLevel: [{
+                type: Input
+            }], notInListAllowed: [{
+                type: Input
+            }], addressParams: [{
+                type: Input
+            }], messageOption: [{
+                type: Input
+            }], localityUrl: [{
+                type: Input
+            }], maxSuggestionLocality: [{
+                type: Input
+            }], visibleSuggestionLocalityCount: [{
+                type: Input
+            }], sortCriteriaLocality: [{
+                type: Input
+            }], streetUrl: [{
+                type: Input
+            }], maxSuggestionStreet: [{
+                type: Input
+            }], visibleSuggestionStreetCount: [{
+                type: Input
+            }], sortCriteriaStreet: [{
+                type: Input
+            }], streetNumberUrl: [{
+                type: Input
+            }], maxSuggestionStreetNb: [{
+                type: Input
+            }], visibleSuggestionStreetNbCount: [{
+                type: Input
+            }], sortCriteriaStreetNb: [{
+                type: Input
+            }], boxNumberUrl: [{
+                type: Input
+            }], maxSuggestionBoxNb: [{
+                type: Input
+            }], visibleSuggestionBoxNbCount: [{
+                type: Input
+            }], sortCriteriaBoxNb: [{
+                type: Input
+            }], suggestionLevel: [{
+                type: Input
+            }], addressCompleteEventEmitter: [{
+                type: Output
+            }], validationMessageEventEmitter: [{
+                type: Output
+            }], clearInputEventEmitter: [{
+                type: Output
+            }], apiKey: [{
+                type: Input
+            }], isReadonly: [{
+                type: Input
+            }], nis9InResponse: [{
+                type: Input
+            }], nis9ServiceURL: [{
+                type: Input
+            }] } });
 
-let LibAddressAutocompleteByComponentModule = class LibAddressAutocompleteByComponentModule {
-};
-LibAddressAutocompleteByComponentModule = __decorate([
-    NgModule({
-        declarations: [
-            HighlightSuggestionPipe,
-            VisibleSuggestionDirective,
-            LibAddressAutocompleteByComponentComponent,
-            LocalityComponent,
-            StreetComponent,
-            StreetNumberComponent,
-            BoxNumberComponent
-        ],
-        imports: [
+class LibAddressAutocompleteByComponentModule {
+}
+LibAddressAutocompleteByComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LibAddressAutocompleteByComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LibAddressAutocompleteByComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LibAddressAutocompleteByComponentModule, declarations: [HighlightSuggestionPipe,
+        VisibleSuggestionDirective,
+        LibAddressAutocompleteByComponentComponent,
+        LocalityComponent,
+        StreetComponent,
+        StreetNumberComponent,
+        BoxNumberComponent], imports: [CommonModule,
+        // BrowserModule,
+        // BrowserAnimationsModule,
+        HttpClientModule,
+        FormsModule,
+        ReactiveFormsModule,
+        TranslateModule], exports: [LibAddressAutocompleteByComponentComponent] });
+LibAddressAutocompleteByComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LibAddressAutocompleteByComponentModule, imports: [[
             CommonModule,
             // BrowserModule,
             // BrowserAnimationsModule,
@@ -5167,12 +5221,33 @@ LibAddressAutocompleteByComponentModule = __decorate([
             FormsModule,
             ReactiveFormsModule,
             TranslateModule,
-        ],
-        exports: [
-            LibAddressAutocompleteByComponentComponent,
-        ]
-    })
-], LibAddressAutocompleteByComponentModule);
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: LibAddressAutocompleteByComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        HighlightSuggestionPipe,
+                        VisibleSuggestionDirective,
+                        LibAddressAutocompleteByComponentComponent,
+                        LocalityComponent,
+                        StreetComponent,
+                        StreetNumberComponent,
+                        BoxNumberComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        // BrowserModule,
+                        // BrowserAnimationsModule,
+                        HttpClientModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        TranslateModule,
+                    ],
+                    exports: [
+                        LibAddressAutocompleteByComponentComponent,
+                    ]
+                }]
+        }] });
 
 class PrefilledParameters {
     constructor(init) {
@@ -5204,5 +5279,5 @@ class PrefilledParameters {
  * Generated bundle index. Do not edit.
  */
 
-export { ADDRESSLEVEL, LibAddressAutocompleteByComponentComponent, LibAddressAutocompleteByComponentModule, LibAddressAutocompleteByComponentService, PrefilledParameters, ValidationMessageOptionType, ValidationMessageType, LocalityComponent as ɵa, AddressService as ɵb, HttpService as ɵc, LocaleService as ɵd, UnicodeService as ɵe, StreetComponent as ɵf, StreetNumberComponent as ɵg, BoxNumberComponent as ɵh, Nis9Service as ɵi, HighlightSuggestionPipe as ɵj, VisibleSuggestionDirective as ɵk };
-//# sourceMappingURL=bpost-bp-address-auto-complete-by-component.js.map
+export { ADDRESSLEVEL, InputNameType, LibAddressAutocompleteByComponentComponent, LibAddressAutocompleteByComponentModule, LibAddressAutocompleteByComponentService, PrefilledParameters, SourceType, SuggestionLevelType, ValidationMessageOptionType, ValidationMessageType };
+//# sourceMappingURL=bpost-bp-address-auto-complete-by-component.mjs.map