@bpost/bp-address-auto-complete-by-component 1.0.29 → 1.1.2

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

@@ -201,6 +201,9 @@ let AddressService = class AddressService {
         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 = '';
     }
     getLocality(baseUrl, params) {
         const url = baseUrl !== '' ? baseUrl : this.localityURL;
@@ -737,6 +740,7 @@ let LocalityComponent = class LocalityComponent {
         this.visibleSuggestionCount = 5;
         this.sortCriteria = '';
         this.showDebugMessageToConsole = true;
+        this.isReadonly = false;
         this.messageChanged = new EventEmitter();
         this.addressChanged = new EventEmitter();
         this.focusEvent = new EventEmitter();
@@ -1444,6 +1448,9 @@ __decorate([
 __decorate([
     Input()
 ], LocalityComponent.prototype, "inputLang", null);
+__decorate([
+    Input()
+], LocalityComponent.prototype, "isReadonly", void 0);
 __decorate([
     Output()
 ], LocalityComponent.prototype, "messageChanged", void 0);
@@ -1468,7 +1475,7 @@ __decorate([
 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);
@@ -1489,6 +1496,7 @@ let StreetComponent = class StreetComponent {
         this.sortCriteria = '';
         this.showDebugMessageToConsole = true;
         this.messageOption = 'Y';
+        this.isReadonly = false;
         this.messageChanged = new EventEmitter();
         this.addressChanged = new EventEmitter();
         this.focusEvent = new EventEmitter();
@@ -2175,6 +2183,9 @@ __decorate([
 __decorate([
     Input()
 ], StreetComponent.prototype, "inputLang", null);
+__decorate([
+    Input()
+], StreetComponent.prototype, "isReadonly", void 0);
 __decorate([
     Output()
 ], StreetComponent.prototype, "messageChanged", void 0);
@@ -2199,7 +2210,7 @@ __decorate([
 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);
@@ -2216,6 +2227,7 @@ let StreetNumberComponent = class StreetNumberComponent {
         this.visibleSuggesionCount = 5;
         this.sortCriteria = '';
         this.messageOption = 'Y';
+        this.isReadonly = false;
         this.messageChanged = new EventEmitter();
         this.addressChanged = new EventEmitter();
         this.focusEvent = new EventEmitter();
@@ -3054,6 +3066,9 @@ __decorate([
 __decorate([
     Input()
 ], StreetNumberComponent.prototype, "inputText", void 0);
+__decorate([
+    Input()
+], StreetNumberComponent.prototype, "isReadonly", void 0);
 __decorate([
     Output()
 ], StreetNumberComponent.prototype, "messageChanged", void 0);
@@ -3081,7 +3096,7 @@ __decorate([
 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);
@@ -3098,6 +3113,7 @@ let BoxNumberComponent = class BoxNumberComponent {
         this.visibleSuggesionCount = 5;
         this.sortCriteria = '';
         this.messageOption = 'Y';
+        this.isReadonly = false;
         this.messageChanged = new EventEmitter();
         this.addressChanged = new EventEmitter();
         this.focusEvent = new EventEmitter();
@@ -3847,6 +3863,9 @@ __decorate([
 __decorate([
     Input()
 ], BoxNumberComponent.prototype, "messageOption", void 0);
+__decorate([
+    Input()
+], BoxNumberComponent.prototype, "isReadonly", void 0);
 __decorate([
     Output()
 ], BoxNumberComponent.prototype, "messageChanged", void 0);
@@ -3874,7 +3893,7 @@ __decorate([
 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);
@@ -3903,11 +3922,41 @@ class PrefillData // extends PrefilledParameters
     }
 }
 
+let Nis9Service = class Nis9Service {
+    constructor(httpClient) {
+        this.httpClient = httpClient;
+        // https://bgs.bpost.be/set-selection-circle?lng=4.360537572541948&lat=50.84063582806037&radius=0.001
+        this.nis9ServiceURL = '';
+    }
+    setNis9ServiceURL(nis9ServiceURL) {
+        this.nis9ServiceURL = nis9ServiceURL;
+    }
+    determineNis9Data(longitude, latitude) {
+        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);
+
 let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByComponentComponent {
-    constructor(httpService) {
+    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';
@@ -3943,7 +3992,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) {
@@ -3958,10 +4013,25 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
         this.setValidationMessageOptionFromInput(option);
     }
     ngOnInit() {
-        this.httpService.setApiKey(this.apiKey);
+        //console.warn('lib - ngOnInit');
+        this.nis9Service.setNis9ServiceURL(this.nis9ServiceURL);
+        const 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;
+    }
+    isValidData(str) {
+        return str !== undefined && str !== null && str.length > 0;
     }
     ngOnDestroy() {
         if (this.subscription) {
@@ -3975,9 +4045,40 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
             if (this.showDebugMessageToConsole) {
                 this.displayParametersChangesToConsole(changes);
             }
+            /*
             if (changes.hasOwnProperty('apiKey') && !changes.apiKey.firstChange) {
-                this.httpService.setApiKey(this.apiKey);
+              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;
@@ -4171,9 +4272,43 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
     }
     notifyAddressComplete() {
         // 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 !== 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)
+                console.log('calling nis9 service to get nis9 data (1):', longitude, latitude);
+            this.nis9Service.determineNis9Data(longitude, latitude)
+                .subscribe(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') {
+                    const 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);
+        }
     }
     onClearInputEventEmitter(event) {
         if (this.showDebugMessageToConsole) {
@@ -4290,6 +4425,16 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
         }
         this.clearInputEventEmitter.emit(event);
         if (this.emittedAddress !== null) {
+            if (nextAddress !== undefined && nextAddress !== null && nextAddress.hasOwnProperty('latitude') && nextAddress.hasOwnProperty('longitude')) {
+                const latitude = nextAddress.latitude;
+                const 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;
         }
@@ -4838,6 +4983,7 @@ let LibAddressAutocompleteByComponentComponent = class LibAddressAutocompleteByC
     }
 };
 LibAddressAutocompleteByComponentComponent.ctorParameters = () => [
+    { type: Nis9Service },
     { type: HttpService }
 ];
 __decorate([
@@ -4939,10 +5085,19 @@ __decorate([
 __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);
@@ -5102,5 +5257,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, 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