@bpost/bp-address-auto-complete-by-component 1.0.28 → 1.1.1

package/fesm5/bpost-bp-address-auto-complete-by-component.js

@@ -1,8 +1,8 @@
-import { __decorate, __values, __assign } from 'tslib';
+import { __decorate, __assign, __values } from 'tslib';
 import { ɵɵdefineInjectable, Injectable, ɵɵinject, EventEmitter, ViewChild, Input, Output, Component, Pipe, ElementRef, Renderer2, Directive, NgModule } from '@angular/core';
 import { map, catchError, tap } from 'rxjs/operators';
 import { throwError, BehaviorSubject } from 'rxjs';
-import { HttpClient, HttpClientModule } from '@angular/common/http';
+import { HttpHeaders, HttpClient, HttpClientModule } from '@angular/common/http';
 import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -67,13 +67,26 @@ var HttpService = /** @class */ (function () {
     function HttpService(httpClient) {
         this.httpClient = httpClient;
         this.openConnections = 0;
+        this.apiKey = 'no-value';
     }
+    HttpService.prototype.setApiKey = function (apiKey) {
+        this.apiKey = apiKey;
+    };
+    HttpService.prototype.getHttpHeaders = function () {
+        var 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;
+    };
     HttpService.prototype.get = function (url, options) {
         return this.request('GET', url, options);
     };
     HttpService.prototype.request = function (method, url, options) {
         var _this = this;
         options = !!options ? options : {};
+        options = __assign(__assign({}, options), { headers: this.getHttpHeaders() });
+        console.log('options:', JSON.stringify(options));
         this.openConnections++;
         return this.httpClient.request(method, url, options).pipe(map(function (response) { return _this.handleResponse(response); }), catchError(function (error) { return _this.handleError(error); }));
     };
@@ -204,6 +217,10 @@ var AddressService = /** @class */ (function () {
         this.httpService = httpService;
         this.domain = 'http://10.194.73.9:8080';
         this.localityURL = this.domain + '/AddressAutoComplete/autocomplete/locality?IncludeGeographicalSanction=true';
+        this.log = true;
+        this.nis9InResponse = false;
+        // https://bgs.bpost.be/set-selection-circle?lng=4.360537572541948&lat=50.84063582806037&radius=0.001
+        this.nis9ServiceURL = '';
     }
     AddressService.prototype.getLocality = function (baseUrl, params) {
         var _this = this;
@@ -752,6 +769,7 @@ var LocalityComponent = /** @class */ (function () {
         this.visibleSuggestionCount = 5;
         this.sortCriteria = '';
         this.showDebugMessageToConsole = true;
+        this.isReadonly = false;
         this.messageChanged = new EventEmitter();
         this.addressChanged = new EventEmitter();
         this.focusEvent = new EventEmitter();
@@ -1513,6 +1531,9 @@ var LocalityComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], LocalityComponent.prototype, "inputLang", null);
+    __decorate([
+        Input()
+    ], LocalityComponent.prototype, "isReadonly", void 0);
     __decorate([
         Output()
     ], LocalityComponent.prototype, "messageChanged", void 0);
@@ -1537,7 +1558,7 @@ var LocalityComponent = /** @class */ (function () {
     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                (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>",
+            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);
@@ -1560,6 +1581,7 @@ var StreetComponent = /** @class */ (function () {
         this.sortCriteria = '';
         this.showDebugMessageToConsole = true;
         this.messageOption = 'Y';
+        this.isReadonly = false;
         this.messageChanged = new EventEmitter();
         this.addressChanged = new EventEmitter();
         this.focusEvent = new EventEmitter();
@@ -2289,6 +2311,9 @@ var StreetComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], StreetComponent.prototype, "inputLang", null);
+    __decorate([
+        Input()
+    ], StreetComponent.prototype, "isReadonly", void 0);
     __decorate([
         Output()
     ], StreetComponent.prototype, "messageChanged", void 0);
@@ -2313,7 +2338,7 @@ var StreetComponent = /** @class */ (function () {
     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                   [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",
+            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);
@@ -2332,6 +2357,7 @@ var StreetNumberComponent = /** @class */ (function () {
         this.visibleSuggesionCount = 5;
         this.sortCriteria = '';
         this.messageOption = 'Y';
+        this.isReadonly = false;
         this.messageChanged = new EventEmitter();
         this.addressChanged = new EventEmitter();
         this.focusEvent = new EventEmitter();
@@ -3188,6 +3214,9 @@ var StreetNumberComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], StreetNumberComponent.prototype, "inputText", void 0);
+    __decorate([
+        Input()
+    ], StreetNumberComponent.prototype, "isReadonly", void 0);
     __decorate([
         Output()
     ], StreetNumberComponent.prototype, "messageChanged", void 0);
@@ -3215,7 +3244,7 @@ var StreetNumberComponent = /** @class */ (function () {
     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                [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>",
+            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);
@@ -3234,6 +3263,7 @@ var BoxNumberComponent = /** @class */ (function () {
         this.visibleSuggesionCount = 5;
         this.sortCriteria = '';
         this.messageOption = 'Y';
+        this.isReadonly = false;
         this.messageChanged = new EventEmitter();
         this.addressChanged = new EventEmitter();
         this.focusEvent = new EventEmitter();
@@ -4001,6 +4031,9 @@ var BoxNumberComponent = /** @class */ (function () {
     __decorate([
         Input()
     ], BoxNumberComponent.prototype, "messageOption", void 0);
+    __decorate([
+        Input()
+    ], BoxNumberComponent.prototype, "isReadonly", void 0);
     __decorate([
         Output()
     ], BoxNumberComponent.prototype, "messageChanged", void 0);
@@ -4028,7 +4061,7 @@ var BoxNumberComponent = /** @class */ (function () {
     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                [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",
+            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);
@@ -4060,33 +4093,66 @@ var PrefillData // extends PrefilledParameters
     return PrefillData;
 }());
 
+var Nis9Service = /** @class */ (function () {
+    function Nis9Service(httpClient) {
+        this.httpClient = httpClient;
+        // https://bgs.bpost.be/set-selection-circle?lng=4.360537572541948&lat=50.84063582806037&radius=0.001
+        this.nis9ServiceURL = '';
+    }
+    Nis9Service.prototype.setNis9ServiceURL = function (nis9ServiceURL) {
+        this.nis9ServiceURL = nis9ServiceURL;
+    };
+    Nis9Service.prototype.determineNis9Data = function (longitude, latitude) {
+        var apiUrl = "https://bgs.bpost.be/set-selection-circle?lng=" + longitude + "&lat=" + latitude + "&radius=0.001";
+        return this.httpClient.get(apiUrl);
+    };
+    Nis9Service.ctorParameters = function () { return [
+        { type: HttpClient }
+    ]; };
+    Nis9Service.ɵprov = ɵɵdefineInjectable({ factory: function Nis9Service_Factory() { return new Nis9Service(ɵɵinject(HttpClient)); }, token: Nis9Service, providedIn: "root" });
+    Nis9Service = __decorate([
+        Injectable({
+            providedIn: 'root'
+        })
+    ], Nis9Service);
+    return Nis9Service;
+}());
+
 var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
-    function LibAddressAutocompleteByComponentComponent() {
+    function LibAddressAutocompleteByComponentComponent(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';
         // LOCALITY
-        this.localityUrl = 'https://webservices-pub.bpost.be/ws/ExternalMailingAddressProofingCSREST_v1/address/autocomplete/locality';
+        this.localityUrl = this.baseUrl + 'locality';
         this.maxSuggestionLocality = 5;
         this.visibleSuggestionLocalityCount = 5;
         // localityParams: PrefilledParameters;
         this.localityPrefillData = null;
         // STREET
-        this.streetUrl = 'https://webservices-pub.bpost.be/ws/ExternalMailingAddressProofingCSREST_v1/address/autocomplete/street';
+        this.streetUrl = this.baseUrl + 'street';
         this.maxSuggestionStreet = 5;
         this.visibleSuggestionStreetCount = 5;
         // streetParams: PrefilledParameters;
         this.streetPrefillData = null;
         // STREET NUMBER
         // tslint:disable-next-line:max-line-length
-        this.streetNumberUrl = 'https://webservices-pub.bpost.be/ws/ExternalMailingAddressProofingCSREST_v1/address/autocomplete/streetNumber';
+        this.streetNumberUrl = this.baseUrl + 'streetNumber';
         this.maxSuggestionStreetNb = 5;
         this.visibleSuggestionStreetNbCount = 5;
         // streetNumberParams: PrefilledParameters;
         this.streetNumberPrefillData = null;
         // BOX NUMBER
-        this.boxNumberUrl = 'https://webservices-pub.bpost.be/ws/ExternalMailingAddressProofingCSREST_v1/address/autocomplete/boxNumber';
+        this.boxNumberUrl = this.baseUrl + 'boxNumber';
         this.maxSuggestionBoxNb = 5;
         this.visibleSuggestionBoxNbCount = 5;
         // boxParams: PrefilledParameters;
@@ -4097,6 +4163,14 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
         this.validationMessageEventEmitter = new EventEmitter();
         this.clearInputEventEmitter = new EventEmitter();
         this.processingPrefillData = false;
+        // Pass the API key as a property of the library !
+        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;
     }
     Object.defineProperty(LibAddressAutocompleteByComponentComponent.prototype, "inputLang", {
         // @ts-ignore
@@ -4123,9 +4197,25 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
         configurable: true
     });
     LibAddressAutocompleteByComponentComponent.prototype.ngOnInit = function () {
+        //console.warn('lib - ngOnInit');
+        this.nis9Service.setNis9ServiceURL(this.nis9ServiceURL);
+        var apiKey = this.isValidData(this.apiKey) ? this.apiKey : this.defaultApiKey;
+        this.httpService.setApiKey(apiKey);
+        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;
+    };
+    LibAddressAutocompleteByComponentComponent.prototype.isValidData = function (str) {
+        return str !== undefined && str !== null && str.length > 0;
     };
     LibAddressAutocompleteByComponentComponent.prototype.ngOnDestroy = function () {
         if (this.subscription) {
@@ -4139,6 +4229,40 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
             if (this.showDebugMessageToConsole) {
                 this.displayParametersChangesToConsole(changes);
             }
+            /*
+            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.streetUrl=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.streetNumberUrl=streetNumberUrl;
+            }
+            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.boxNumberUrl=boxNumberUrl;
+            }
+            */
             if (changes.hasOwnProperty('addressParams') && !changes.addressParams.firstChange) {
                 // if (changes.hasOwnProperty('addressParams')) {
                 this.processingPrefillData = true;
@@ -4331,10 +4455,43 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
         return prefix;
     };
     LibAddressAutocompleteByComponentComponent.prototype.notifyAddressComplete = function () {
+        var _this = this;
         // console.log('notify for address complete');
-        this.addressCompleteEventEmitter.emit(this.selectedAddress);
-        this.emittedAddress = this.selectedAddress;
-        this.updatePostalCodeLocality(this.emittedAddress);
+        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')) {
+            var latitude = this.selectedAddress.latitude;
+            var longitude = this.selectedAddress.longitude;
+            if (this.showDebugMessageToConsole)
+                console.log('calling nis9 service to get nis9 data (1):', longitude, latitude);
+            this.nis9Service.determineNis9Data(longitude, latitude)
+                .subscribe(function (data) {
+                console.log('nis DATA:', data);
+                /*
+                nis DATA:
+                {Status: 'success', data: Array(1)}
+                Status: "success"
+                data: ['25112A21-']
+                */
+                if (data !== undefined && data !== null && data.hasOwnProperty('Status') && data.Status === 'success') {
+                    var nis9Data = data.data;
+                    if (Array.isArray(nis9Data) && nis9Data.length === 1) {
+                        _this.selectedAddress.nis9 = nis9Data[0];
+                    }
+                }
+                _this.addressCompleteEventEmitter.emit(_this.selectedAddress);
+                _this.emittedAddress = _this.selectedAddress;
+                _this.updatePostalCodeLocality(_this.emittedAddress);
+            });
+        }
+        else {
+            if (this.showDebugMessageToConsole)
+                console.log('NOT calling nis9 service to get nis9 data (1)');
+            this.addressCompleteEventEmitter.emit(this.selectedAddress);
+            this.emittedAddress = this.selectedAddress;
+            this.updatePostalCodeLocality(this.emittedAddress);
+        }
     };
     LibAddressAutocompleteByComponentComponent.prototype.onClearInputEventEmitter = function (event) {
         if (this.showDebugMessageToConsole) {
@@ -4451,6 +4608,16 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
         }
         this.clearInputEventEmitter.emit(event);
         if (this.emittedAddress !== null) {
+            if (nextAddress !== undefined && nextAddress !== null && nextAddress.hasOwnProperty('latitude') && nextAddress.hasOwnProperty('longitude')) {
+                var latitude = nextAddress.latitude;
+                var longitude = nextAddress.longitude;
+                if (this.showDebugMessageToConsole)
+                    console.log('calling nis9 service to get nis9 data (2)', longitude, latitude);
+            }
+            else {
+                if (this.showDebugMessageToConsole)
+                    console.log('NOT calling nis9 service to get nis9 data (2)');
+            }
             this.addressCompleteEventEmitter.emit(nextAddress);
             this.emittedAddress = nextAddress;
         }
@@ -4999,6 +5166,10 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
         }
         this.quitPrefillMode();
     };
+    LibAddressAutocompleteByComponentComponent.ctorParameters = function () { return [
+        { type: Nis9Service },
+        { type: HttpService }
+    ]; };
     __decorate([
         ViewChild(LocalityComponent, { static: false })
     ], LibAddressAutocompleteByComponentComponent.prototype, "autocompleteLocality", void 0);
@@ -5095,10 +5266,22 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
     __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        [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        [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        [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        [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>",
+            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        (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]=\"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        (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);
@@ -5277,5 +5460,5 @@ var PrefilledParameters = /** @class */ (function () {
  * 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, HighlightSuggestionPipe as ɵi, VisibleSuggestionDirective as ɵj };
+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