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

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

@@ -218,6 +218,9 @@ var AddressService = /** @class */ (function () {
         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;
@@ -766,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();
@@ -1527,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);
@@ -1551,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);
@@ -1574,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();
@@ -2303,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);
@@ -2327,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);
@@ -2346,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();
@@ -3202,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);
@@ -3229,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);
@@ -3248,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();
@@ -4015,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);
@@ -4042,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);
@@ -4074,8 +4093,34 @@ 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(httpService) {
+    function LibAddressAutocompleteByComponentComponent(nis9Service, httpService) {
+        this.nis9Service = nis9Service;
         this.httpService = httpService;
         this.selectedLanguage = null;
         this.baseUrl = "https://api.mailops.bpost.cloud/roa-info/externalMailingAddressProofingRest/autocomplete/";
@@ -4115,6 +4160,11 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
         this.processingPrefillData = false;
         // Pass the API key as a property of the library !
         this.apiKey = 'cyRkKOD73O1DOdgcDLLnsaOiDh6OyOkt3BBT5JU1';
+        // 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 = '';
     }
     Object.defineProperty(LibAddressAutocompleteByComponentComponent.prototype, "inputLang", {
         // @ts-ignore
@@ -4141,6 +4191,7 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
         configurable: true
     });
     LibAddressAutocompleteByComponentComponent.prototype.ngOnInit = function () {
+        this.nis9Service.setNis9ServiceURL(this.nis9ServiceURL);
         this.httpService.setApiKey(this.apiKey);
         if (this.addressParams) {
             this.prefillData = this.addressParams;
@@ -4353,10 +4404,40 @@ 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.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) {
@@ -4473,6 +4554,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;
         }
@@ -5022,6 +5113,7 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
         this.quitPrefillMode();
     };
     LibAddressAutocompleteByComponentComponent.ctorParameters = function () { return [
+        { type: Nis9Service },
         { type: HttpService }
     ]; };
     __decorate([
@@ -5123,10 +5215,19 @@ var LibAddressAutocompleteByComponentComponent = /** @class */ (function () {
     __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\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"localityUrl\"\r\n        [prefillData]=\"localityPrefillData\"\r\n        [labelResourceKey]=\"'common.label.postalCode'\"\r\n        [inputText]=\"postalCodeLocality\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [sortCriteria]=\"sortCriteriaLocality\"\r\n        [maxSuggesionCount]=\"maxSuggestionLocality\" \r\n        [visibleSuggestionCount]=\"visibleSuggestionLocalityCount\"\r\n        (addressChanged)=\"setAddress($event, 4)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\" \r\n        (textChangeEvent)=\"resetLocality($event)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onLocalityPrefillEvent($event)\"></bp-locality>\r\n\r\n        <bp-street class=\"aacwidget-address-street\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"streetUrl\"\r\n        [prefillData]=\"streetPrefillData\"\r\n        [labelResourceKey]=\"'common.label.streetName'\"\r\n        [inputText]=\"streetNameInput\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\"\r\n        [locality]=\"locality\"\r\n        [sortCriteria]=\"sortCriteriaStreet\" \r\n        [maxSuggesionCount]=\"maxSuggestionStreet\"\r\n        [visibleSuggesionCount]=\"visibleSuggestionStreetCount\"\r\n        (addressChanged)=\"setAddress($event, 3)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetStreet($event)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onStreetPrefillEvent($event)\"></bp-street>\r\n\r\n        <bp-street-number class=\"aacwidget-address-streetnumber\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"streetNumberUrl\"\r\n        [selectedAddress]=\"streetAddress\"\r\n        [prefillData]=\"streetNumberPrefillData\"\r\n        [labelResourceKey]=\"'common.label.streetNumber'\"\r\n        [inputText]=\"streetNumberInput\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\" \r\n        [locality]=\"locality\" \r\n        [streetName]=\"street\"\r\n        [sortCriteria]=\"sortCriteriaStreetNb\"\r\n        [maxSuggesionCount]=\"maxSuggestionStreetNb\" \r\n        [visibleSuggesionCount]=\"visibleSuggestionStreetNbCount\"\r\n        [notInListAllowed]=\"notInListAllowed\"\r\n        (addressChanged)=\"setAddress($event, 2)\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetStreetNumber($event, false)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onStreetNumberPrefillEvent($event)\"></bp-street-number>\r\n\r\n        <bp-box-number class=\"aacwidget-address-boxnumber\"\r\n        [isReadonly]=\"isReadonly\"\r\n        [showDebugMessageToConsole]=\"showDebugMessageToConsole\"\r\n        [baseUrl]=\"boxNumberUrl\"\r\n        [selectedAddress]=\"streetNumberAddress\"\r\n        [prefillData]=\"boxNumberPrefillData\"\r\n        [labelResourceKey]=\"'common.label.boxNumber'\"\r\n        [inputLang]=\"selectedLanguage\"\r\n        [messageOption]=\"messageOption\"\r\n        [postalCode]=\"postalCode\" \r\n        [locality]=\"locality\" \r\n        [streetName]=\"street\" \r\n        [streetNumber]=\"streetNumber\"\r\n        [sortCriteria]=\"sortCriteriaBoxNb\" \r\n        [maxSuggesionCount]=\"maxSuggestionBoxNb\"\r\n        [visibleSuggesionCount]=\"visibleSuggestionBoxNbCount\"\r\n        [notInListAllowed]=\"notInListAllowed\"\r\n        (messageChanged)=\"setValidationMessage($event)\"\r\n        (addressChanged)=\"setAddress($event, 1)\" \r\n        (focusEvent)=\"changeMinLevel($event)\"\r\n        (textChangeEvent)=\"resetBoxNumber($event, false)\"\r\n        (clearInputEventEmitter)=\"onClearInputEventEmitter($event)\"\r\n        (prefillEventEmitter)=\"onBoxNumberPrefillEvent($event)\"></bp-box-number>\r\n</div>",
             styles: [""]
         })
     ], LibAddressAutocompleteByComponentComponent);
@@ -5305,5 +5406,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