@bnsights/bbsf-controls 1.0.49 → 1.0.50

package/bundles/bnsights-bbsf-controls.umd.js

@@ -5488,7 +5488,7 @@
                 if (_this.CurrentLanguage == 'en')
                     _this.mapsAPILoader["_config"]["localeId"] = "en-US";
                 _this.mapsAPILoader["_scriptLoadingPromise"] = null;
-                _this.mapsAPILoader["_config"]["apiKey"] = "AIzaSyA75ojhZhEhDaO3vfn3mxTY32sq5flAwlY&language=" + _this.CurrentLanguage;
+                _this.mapsAPILoader["_config"]["apiKey"] = bbsfUtilities.environment.BBSF_GoogleMapKey + "&language=" + _this.CurrentLanguage;
                 var ScriptTag = document.getElementById(_this.mapsAPILoader["_SCRIPT_ID"]);
                 if (ScriptTag)
                     ScriptTag.remove();
@@ -5499,7 +5499,7 @@
                 window.google = null;
                 _this.LazyMapsAPILoader = new core.LazyMapsAPILoader({
                     // &language=${UtilityService.CurrentLanguage}
-                    apiKey: "AIzaSyA75ojhZhEhDaO3vfn3mxTY32sq5flAwlY&language=" + _this.CurrentLanguage,
+                    apiKey: bbsfUtilities.environment.BBSF_GoogleMapKey + "&language=" + _this.CurrentLanguage,
                     libraries: ['places'],
                 }, _this.mapsAPILoader["_windowRef"], _this.mapsAPILoader["_documentRef"], _this.mapsAPILoader["_config"]["localeId"]);
                 _this.LazyMapsAPILoader.load().then(function () {
@@ -5595,18 +5595,17 @@
                     }));
                 });
             });
-            ;
             if (this.CurrentLanguage == 'ar')
                 this.mapsAPILoader["_config"]["localeId"] = "ar-EG";
             if (this.CurrentLanguage == 'en')
                 this.mapsAPILoader["_config"]["localeId"] = "en-US";
             this.mapsAPILoader["_scriptLoadingPromise"] = null;
-            this.mapsAPILoader["_config"]["apiKey"] = "AIzaSyA75ojhZhEhDaO3vfn3mxTY32sq5flAwlY&language=" + this.CurrentLanguage;
+            this.mapsAPILoader["_config"]["apiKey"] = bbsfUtilities.environment.BBSF_GoogleMapKey + "&language=" + this.CurrentLanguage;
             var leftSection = document.getElementById(this.mapsAPILoader["_SCRIPT_ID"]);
             if (leftSection)
                 leftSection.remove();
             this.LazyMapsAPILoader = new core.LazyMapsAPILoader({
-                apiKey: "AIzaSyA75ojhZhEhDaO3vfn3mxTY32sq5flAwlY&language=" + this.CurrentLanguage,
+                apiKey: bbsfUtilities.environment.BBSF_GoogleMapKey + "&language=" + this.CurrentLanguage,
                 libraries: ['places'],
             }, this.mapsAPILoader["_windowRef"], this.mapsAPILoader["_documentRef"], this.mapsAPILoader["_config"]["localeId"]);
             this.LazyMapsAPILoader.load();
@@ -5630,6 +5629,33 @@
                 this.MapAutoCompleteFormControl.disable();
             }
             if (this.options.Value != null) {
+                var germanAddress = {
+                    url: this.options.Value.GoogleMapsURL,
+                    placeID: this.options.Value.PlaceID,
+                    displayAddress: this.options.Value.Text,
+                    name: this.options.Value.Text,
+                    locality: {},
+                    state: {},
+                    country: {},
+                    geoLocation: { latitude: -1, longitude: -1 },
+                };
+                germanAddress.geoLocation.latitude = this.options.Value.Latitude;
+                germanAddress.geoLocation.longitude = this.options.Value.Longitude;
+                this.onGermanAddressMapped.emit(germanAddress);
+                this.GermanAddressMapped(germanAddress);
+                this.place = {
+                    url: this.options.Value.GoogleMapsURL,
+                    place_id: this.options.Value.PlaceID,
+                    formatted_address: this.options.Value.Text,
+                    name: this.options.Value.Text,
+                };
+                this.onAutocompleteSelected.emit(this.place);
+                this.AutocompleteSelected(this.place);
+                this.onLocationSelected.emit({
+                    latitude: this.options.Value.Latitude,
+                    longitude: this.options.Value.Longitude
+                });
+                this.group.controls[this.options.Name].setValue(this.MapAutoCompleteModel);
                 this.MapAutoCompleteFormControl.setValue(this.options.Value);
             }
             if (this.options.CustomValidation.length > 0) {
@@ -5651,6 +5677,8 @@
                     element.setAttribute(this.options.AttributeList[index].Key, this.options.AttributeList[index].value);
                 }
             }
+            var elementHTML = document.getElementById(this.options.Name);
+            elementHTML.value = this.MapAutoCompleteModel.Text;
         };
         MapAutoCompleteComponent.prototype.showGlobalError = function () {
             this.controlUtility.showGlobalError();
@@ -5695,7 +5723,7 @@
     MapAutoCompleteComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'BBSF-MapAutoComplete',
-                    template: "<div class=\"b-control b-map-auto-complete\">\r\n  <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n    <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n      {{options.LabelValue}}\r\n      <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\">*</span>\r\n    </label>\r\n\r\n    <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n      <input class=\"form-control bnsights-control  {{options.ExtraClasses}} \"\r\n             value=\"{{MapAutoCompleteModel}}\"\r\n             aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n             \r\n             [class.is-invalid]=\"MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched\"\r\n             placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n             matGoogleMapsAutocomplete #search\r\n             (onAutocompleteSelected)=\"AutocompleteSelected($event)\"\r\n             (onLocationSelected)=\"LocationSelected($event)\"\r\n             (onGermanAddressMapped)=\"GermanAddressMapped($event)\" />\r\n\r\n    \r\n\r\n      <div class=\"text-danger Required-text\"\r\n      *ngIf=\"(MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched)\">\r\n      {{getErrorValidation(MapAutoCompleteFormControl.errors|keyvalue)}}\r\n  </div>\r\n\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n      </div>\r\n\r\n      <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                    template: "<div class=\"b-control b-map-auto-complete\">\r\n  <div class=\"form-group row validate is-invalid\" [formGroup]=\"group\">\r\n    <label class=\"b-label col-form-label col-sm-12 \" [ngClass]=\"(options.ViewType==1)?'col-md-12':'col-md-3'\" [hidden]=\"options.HideLabel\">\r\n      {{options.LabelValue}}\r\n      <span *ngIf=\"(options.ShowAsterisk&&options.IsRequired)||(options.IsRequired)\" class=\"text-danger Required-text\" aria-required=\"true\">*</span>\r\n    </label>\r\n    <div class=\"col-sm-12\" [ngClass]=\"(options.ViewType==1)?'':'col-md-9'\">\r\n      <input class=\"form-control bnsights-control  {{options.ExtraClasses}} \"\r\n            [value]=\"MapAutoCompleteModel.Text\"\r\n            [address]=\"MapAutoCompleteModel.Text\"\r\n            value=\"{{MapAutoCompleteModel.Text}}\"\r\n             aria-describedby=\"email-error\" aria-invalid=\"true\"\r\n             [class.is-invalid]=\"MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched\"\r\n             placeholder=\"{{options.Placeholder}}\" id=\"{{options.Name}}\"\r\n             matGoogleMapsAutocomplete #search\r\n             (onAutocompleteSelected)=\"AutocompleteSelected($event)\"\r\n             (onLocationSelected)=\"LocationSelected($event)\"\r\n             (onGermanAddressMapped)=\"GermanAddressMapped($event)\"/>\r\n      <div class=\"text-danger Required-text\"\r\n      *ngIf=\"(MapAutoCompleteFormControl.invalid && MapAutoCompleteFormControl.touched)\">\r\n      {{getErrorValidation(MapAutoCompleteFormControl.errors|keyvalue)}}\r\n  </div>\r\n\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <div class=\"control-desc text-dark\">{{options.LabelDescription}}</div>\r\n      </div>\r\n\r\n      <div *ngIf=\"(group.valid&&group.dirty&&group.touched )||(group.untouched&&group.invalid&&group.dirty) \">{{resetError()}}</div>\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n",
                     styles: [".example-form{min-width:150px;max-width:500px;width:100%}.example-full-width{width:100%}.flip_V{transform:scaleY(-1)}\n"]
                 },] }
     ];
@@ -7634,7 +7662,7 @@
                         ngxTypeahead.NgxTypeaheadModule,
                         core.AgmCoreModule.forRoot({
                             // &language=${UtilityService.CurrentLanguage}
-                            apiKey: "AIzaSyA75ojhZhEhDaO3vfn3mxTY32sq5flAwlY",
+                            apiKey: bbsfUtilities.environment.BBSF_GoogleMapKey,
                             libraries: ['places'],
                         }),
                         googleMapsAutocomplete.MatGoogleMapsAutocompleteModule,