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

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

@@ -433,6 +433,9 @@
             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;
@@ -981,6 +984,7 @@
             this.visibleSuggestionCount = 5;
             this.sortCriteria = '';
             this.showDebugMessageToConsole = true;
+            this.isReadonly = false;
             this.messageChanged = new core.EventEmitter();
             this.addressChanged = new core.EventEmitter();
             this.focusEvent = new core.EventEmitter();
@@ -1742,6 +1746,9 @@
         __decorate([
             core.Input()
         ], LocalityComponent.prototype, "inputLang", null);
+        __decorate([
+            core.Input()
+        ], LocalityComponent.prototype, "isReadonly", void 0);
         __decorate([
             core.Output()
         ], LocalityComponent.prototype, "messageChanged", void 0);
@@ -1766,7 +1773,7 @@
         LocalityComponent = __decorate([
             core.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);
@@ -1789,6 +1796,7 @@
             this.sortCriteria = '';
             this.showDebugMessageToConsole = true;
             this.messageOption = 'Y';
+            this.isReadonly = false;
             this.messageChanged = new core.EventEmitter();
             this.addressChanged = new core.EventEmitter();
             this.focusEvent = new core.EventEmitter();
@@ -2518,6 +2526,9 @@
         __decorate([
             core.Input()
         ], StreetComponent.prototype, "inputLang", null);
+        __decorate([
+            core.Input()
+        ], StreetComponent.prototype, "isReadonly", void 0);
         __decorate([
             core.Output()
         ], StreetComponent.prototype, "messageChanged", void 0);
@@ -2542,7 +2553,7 @@
         StreetComponent = __decorate([
             core.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);
@@ -2561,6 +2572,7 @@
             this.visibleSuggesionCount = 5;
             this.sortCriteria = '';
             this.messageOption = 'Y';
+            this.isReadonly = false;
             this.messageChanged = new core.EventEmitter();
             this.addressChanged = new core.EventEmitter();
             this.focusEvent = new core.EventEmitter();
@@ -3417,6 +3429,9 @@
         __decorate([
             core.Input()
         ], StreetNumberComponent.prototype, "inputText", void 0);
+        __decorate([
+            core.Input()
+        ], StreetNumberComponent.prototype, "isReadonly", void 0);
         __decorate([
             core.Output()
         ], StreetNumberComponent.prototype, "messageChanged", void 0);
@@ -3444,7 +3459,7 @@
         StreetNumberComponent = __decorate([
             core.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);
@@ -3463,6 +3478,7 @@
             this.visibleSuggesionCount = 5;
             this.sortCriteria = '';
             this.messageOption = 'Y';
+            this.isReadonly = false;
             this.messageChanged = new core.EventEmitter();
             this.addressChanged = new core.EventEmitter();
             this.focusEvent = new core.EventEmitter();
@@ -4230,6 +4246,9 @@
         __decorate([
             core.Input()
         ], BoxNumberComponent.prototype, "messageOption", void 0);
+        __decorate([
+            core.Input()
+        ], BoxNumberComponent.prototype, "isReadonly", void 0);
         __decorate([
             core.Output()
         ], BoxNumberComponent.prototype, "messageChanged", void 0);
@@ -4257,7 +4276,7 @@
         BoxNumberComponent = __decorate([
             core.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);
@@ -4289,8 +4308,34 @@
         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: http.HttpClient }
+        ]; };
+        Nis9Service.ɵprov = core.ɵɵdefineInjectable({ factory: function Nis9Service_Factory() { return new Nis9Service(core.ɵɵinject(http.HttpClient)); }, token: Nis9Service, providedIn: "root" });
+        Nis9Service = __decorate([
+            core.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/";
@@ -4330,6 +4375,11 @@
             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
@@ -4356,6 +4406,7 @@
             configurable: true
         });
         LibAddressAutocompleteByComponentComponent.prototype.ngOnInit = function () {
+            this.nis9Service.setNis9ServiceURL(this.nis9ServiceURL);
             this.httpService.setApiKey(this.apiKey);
             if (this.addressParams) {
                 this.prefillData = this.addressParams;
@@ -4568,10 +4619,40 @@
             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) {
@@ -4688,6 +4769,16 @@
             }
             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;
             }
@@ -5237,6 +5328,7 @@
             this.quitPrefillMode();
         };
         LibAddressAutocompleteByComponentComponent.ctorParameters = function () { return [
+            { type: Nis9Service },
             { type: HttpService }
         ]; };
         __decorate([
@@ -5338,10 +5430,19 @@
         __decorate([
             core.Input()
         ], LibAddressAutocompleteByComponentComponent.prototype, "apiKey", void 0);
+        __decorate([
+            core.Input()
+        ], LibAddressAutocompleteByComponentComponent.prototype, "isReadonly", void 0);
+        __decorate([
+            core.Input()
+        ], LibAddressAutocompleteByComponentComponent.prototype, "nis9InResponse", void 0);
+        __decorate([
+            core.Input()
+        ], LibAddressAutocompleteByComponentComponent.prototype, "nis9ServiceURL", void 0);
         LibAddressAutocompleteByComponentComponent = __decorate([
             core.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);
@@ -5524,8 +5625,9 @@
     exports.ɵf = StreetComponent;
     exports.ɵg = StreetNumberComponent;
     exports.ɵh = BoxNumberComponent;
-    exports.ɵi = HighlightSuggestionPipe;
-    exports.ɵj = VisibleSuggestionDirective;
+    exports.ɵi = Nis9Service;
+    exports.ɵj = HighlightSuggestionPipe;
+    exports.ɵk = VisibleSuggestionDirective;
 
     Object.defineProperty(exports, '__esModule', { value: true });