novo-elements 13.1.0-next.4 → 13.1.0-next.5

package/elements/places/index.d.ts

@@ -14,7 +14,11 @@ declare class GooglePlacesService {
     private platformId;
     private _global;
     private _localStorageService;
+    private mapsLoad?;
+    private mapsLoadKey?;
     constructor(_http: HttpClient, platformId: Object, _global: GlobalRef, _localStorageService: LocalStorageService);
+    loadGoogleMaps(settings: PlacesSettings): Promise<void>;
+    private injectGoogleMapsScript;
     getPredictions(url: string, query: string, sessionToken?: string): Promise<any>;
     getLatLngDetail(url: string, lat: number, lng: number): Promise<any>;
     getPlaceDetails(url: string, placeId: string, sessionToken?: string): Promise<any>;
@@ -55,6 +59,10 @@ interface PlacesSettings {
     currentLocIconUrl?: string;
     searchIconUrl?: string;
     locationIconUrl?: string;
+    /** Bullhorn-managed key; when set, the library lazy-loads the Maps JS SDK with it instead of relying on a host script tag. */
+    googleApiKey?: string;
+    /** Extra Maps JS loader query params, merged over the defaults (libraries=places, loading=async). */
+    googleMapsLoaderParams?: Record<string, string>;
 }
 /** Normalized address prediction; raw provider records are mapped into this via normalizePrediction. */
 interface AddressLookupPrediction {
@@ -72,6 +80,7 @@ declare class PlacesListComponent extends BasePickerResults implements OnInit, O
     private _global;
     private _googlePlacesService;
     private cdr;
+    private addressConfig;
     private static readonly SESSION_TOKEN_TIMEOUT_MS;
     userSettings: PlacesSettings;
     termChange: EventEmitter<any>;
@@ -94,7 +103,7 @@ declare class PlacesListComponent extends BasePickerResults implements OnInit, O
     model: any;
     onModelChange: Function;
     onModelTouched: Function;
-    constructor(platformId: Object, _elmRef: ElementRef, _global: GlobalRef, _googlePlacesService: GooglePlacesService, cdr: ChangeDetectorRef);
+    constructor(platformId: Object, _elmRef: ElementRef, _global: GlobalRef, _googlePlacesService: GooglePlacesService, cdr: ChangeDetectorRef, addressConfig?: PlacesSettings);
     ngOnInit(): any;
     ngOnChanges(): any;
     writeValue(model: any): void;
@@ -125,7 +134,7 @@ declare class PlacesListComponent extends BasePickerResults implements OnInit, O
     private getPlaceLocationInfo;
     private setRecentLocation;
     private getRecentLocations;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PlacesListComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlacesListComponent, [null, null, null, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PlacesListComponent, "google-places-list", never, { "userSettings": { "alias": "userSettings"; "required": false; }; }, { "termChange": "termChange"; "select": "select"; "matchesUpdated": "matchesUpdated"; }, never, never, false, never>;
 }
 

package/elements/query-builder/index.d.ts

@@ -1,40 +1,40 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, ViewContainerRef, OnInit, OnChanges, AfterContentInit, AfterViewInit, OnDestroy, ElementRef, ChangeDetectorRef, SimpleChanges, QueryList, InputSignal, Signal, AfterContentChecked, InjectionToken } from '@angular/core';
-import * as i15 from '@angular/forms';
+import { TemplateRef, ViewContainerRef, OnInit, OnChanges, AfterContentInit, AfterViewInit, OnDestroy, ElementRef, ChangeDetectorRef, SimpleChanges, QueryList, InputSignal, Signal, AfterContentChecked, PipeTransform, InjectionToken } from '@angular/core';
+import * as i16 from '@angular/forms';
 import { FormGroup, FormControl, ControlContainer, FormControlName, UntypedFormGroup, AbstractControl, FormBuilder, FormArray } from '@angular/forms';
 import { NovoLabelService } from 'novo-elements/services';
 import { Subject, Subscription } from 'rxjs';
 import { Day } from 'date-fns';
-import * as i25 from 'novo-elements/elements/field';
+import * as i26 from 'novo-elements/elements/field';
 import { NovoPickerToggleElement } from 'novo-elements/elements/field';
-import * as i18 from 'novo-elements/elements/places';
-import { PlacesListComponent } from 'novo-elements/elements/places';
-import * as i23 from 'novo-elements/elements/select';
+import * as i19 from 'novo-elements/elements/places';
+import { PlacesListComponent, PlacesSettings } from 'novo-elements/elements/places';
+import * as i24 from 'novo-elements/elements/select';
 import { NovoSelectElement } from 'novo-elements/elements/select';
-import * as i28 from 'novo-elements/elements/tabbed-group-picker';
+import * as i29 from 'novo-elements/elements/tabbed-group-picker';
 import { NovoTabbedGroupPickerElement, TabbedGroupPickerTab, TabbedGroupPickerButtonConfig } from 'novo-elements/elements/tabbed-group-picker';
-import * as i14 from '@angular/common';
-import * as i16 from '@angular/cdk/drag-drop';
-import * as i17 from '@angular/cdk/table';
-import * as i19 from 'novo-elements/elements/autocomplete';
-import * as i20 from 'novo-elements/elements/button';
-import * as i21 from 'novo-elements/elements/common';
-import * as i22 from 'novo-elements/elements/form';
-import * as i24 from 'novo-elements/elements/non-ideal-state';
-import * as i26 from 'novo-elements/elements/flex';
-import * as i27 from 'novo-elements/elements/tabs';
-import * as i29 from 'novo-elements/elements/loading';
-import * as i30 from 'novo-elements/elements/card';
-import * as i31 from 'novo-elements/elements/date-picker';
-import * as i32 from 'novo-elements/elements/date-time-picker';
-import * as i33 from 'novo-elements/elements/icon';
-import * as i34 from 'novo-elements/elements/radio';
-import * as i35 from 'novo-elements/elements/search';
-import * as i36 from 'novo-elements/elements/switch';
-import * as i37 from 'novo-elements/elements/chips';
-import * as i38 from 'novo-elements/elements/select-search';
-import * as i39 from 'novo-elements/elements/dropdown';
-import * as i40 from 'novo-elements/elements/tooltip';
+import * as i15 from '@angular/common';
+import * as i17 from '@angular/cdk/drag-drop';
+import * as i18 from '@angular/cdk/table';
+import * as i20 from 'novo-elements/elements/autocomplete';
+import * as i21 from 'novo-elements/elements/button';
+import * as i22 from 'novo-elements/elements/common';
+import * as i23 from 'novo-elements/elements/form';
+import * as i25 from 'novo-elements/elements/non-ideal-state';
+import * as i27 from 'novo-elements/elements/flex';
+import * as i28 from 'novo-elements/elements/tabs';
+import * as i30 from 'novo-elements/elements/loading';
+import * as i31 from 'novo-elements/elements/card';
+import * as i32 from 'novo-elements/elements/date-picker';
+import * as i33 from 'novo-elements/elements/date-time-picker';
+import * as i34 from 'novo-elements/elements/icon';
+import * as i35 from 'novo-elements/elements/radio';
+import * as i36 from 'novo-elements/elements/search';
+import * as i37 from 'novo-elements/elements/switch';
+import * as i38 from 'novo-elements/elements/chips';
+import * as i39 from 'novo-elements/elements/select-search';
+import * as i40 from 'novo-elements/elements/dropdown';
+import * as i41 from 'novo-elements/elements/tooltip';
 
 /** Base interface for a condidation template directives. */
 interface ConditionDef {
@@ -176,15 +176,35 @@ interface FieldConfig<T extends BaseFieldDef> {
     find: (name: string) => T;
 }
 interface AddressData {
-    address_components: AddressComponent[];
-    formatted_address: string;
-    geometry: AddressGeometry;
+    address_components?: AddressComponent[];
+    formatted_address?: string;
+    geometry?: AddressGeometry;
     name?: string;
-    place_id: string;
+    place_id?: string;
+    address1?: string;
+    address2?: string;
+    city?: string;
+    state?: string;
+    zip?: string;
+    countryName?: string;
+    countryCode?: string;
+    formattedAddress?: string;
+    location?: AddressGeoPoint;
+    viewport?: AddressDetailViewport;
+    referenceId?: string;
+    postalCodes?: string[];
     radius?: AddressRadius;
     postal_codes?: string[];
     types?: string[];
 }
+interface AddressGeoPoint {
+    latitude: number;
+    longitude: number;
+}
+interface AddressDetailViewport {
+    northeast: AddressGeoPoint;
+    southwest: AddressGeoPoint;
+}
 interface AddressRadius {
     value: number;
     units: AddressRadiusUnitsName;
@@ -431,6 +451,7 @@ declare class NovoDefaultAddressConditionDef extends AbstractConditionFieldDef i
     term: string;
     private _addressChangesSubscription;
     element: ElementRef<any>;
+    protected readonly addressConfig: PlacesSettings;
     constructor(labelService: NovoLabelService);
     ngOnDestroy(): void;
     onKeyup(event: any, viewIndex: any): void;
@@ -629,9 +650,19 @@ declare class CriteriaBuilderComponent implements OnInit, OnDestroy, AfterConten
     static ɵcmp: i0.ɵɵComponentDeclaration<CriteriaBuilderComponent, "novo-criteria-builder", never, { "config": { "alias": "config"; "required": false; }; "controlName": { "alias": "controlName"; "required": false; }; "allowedGroupings": { "alias": "allowedGroupings"; "required": false; }; "editTypeFn": { "alias": "editTypeFn"; "required": false; }; "addressConfig": { "alias": "addressConfig"; "required": false; }; "dateConfig": { "alias": "dateConfig"; "required": false; }; "canBeEmpty": { "alias": "canBeEmpty"; "required": false; }; "HideFirstOperator": { "alias": "hideFirstOperator"; "required": false; }; }, {}, ["_contentFieldDefs"], never, false, never>;
 }
 
+/**
+ * Resolves a display label from an address value. Google client-SDK results use formatted_address;
+ * address-search-service results use formattedAddress.
+ */
+declare class AddressLabelPipe implements PipeTransform {
+    transform(item: AddressData): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AddressLabelPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<AddressLabelPipe, "addressLabel", false>;
+}
+
 declare class NovoQueryBuilderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<NovoQueryBuilderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoQueryBuilderModule, [typeof CriteriaBuilderComponent, typeof ConditionBuilderComponent, typeof ConditionInputOutlet, typeof ConditionOperatorOutlet, typeof ConditionGroupComponent, typeof NovoDefaultAddressConditionDef, typeof NovoDefaultBooleanConditionDef, typeof NovoDefaultDateConditionDef, typeof NovoDefaultDateTimeConditionDef, typeof NovoConditionOperatorsDef, typeof NovoConditionInputDef, typeof NovoConditionFieldDef, typeof NovoDefaultStringConditionDef, typeof NovoDefaultNumberConditionDef, typeof NovoDefaultIdConditionDef, typeof NovoDefaultPickerConditionDef, typeof NovoConditionTemplatesComponent], [typeof i14.CommonModule, typeof i15.FormsModule, typeof i15.ReactiveFormsModule, typeof i16.DragDropModule, typeof i17.CdkTableModule, typeof i18.GooglePlacesModule, typeof i19.NovoAutoCompleteModule, typeof i20.NovoButtonModule, typeof i21.NovoCommonModule, typeof i22.NovoFormModule, typeof i23.NovoSelectModule, typeof i24.NovoNonIdealStateModule, typeof i25.NovoFieldModule, typeof i21.NovoOptionModule, typeof i26.NovoFlexModule, typeof i27.NovoTabModule, typeof i28.NovoTabbedGroupPickerModule, typeof i29.NovoLoadingModule, typeof i30.NovoCardModule, typeof i31.NovoDatePickerModule, typeof i32.NovoDateTimePickerModule, typeof i33.NovoIconModule, typeof i21.NovoOverlayModule, typeof i34.NovoRadioModule, typeof i35.NovoSearchBoxModule, typeof i36.NovoSwitchModule, typeof i37.NovoChipsModule, typeof i38.NovoSelectSearchModule, typeof i39.NovoDropdownModule, typeof i22.NovoFormExtrasModule, typeof i40.NovoTooltipModule], [typeof CriteriaBuilderComponent, typeof ConditionBuilderComponent, typeof NovoDefaultAddressConditionDef, typeof NovoDefaultBooleanConditionDef, typeof NovoDefaultDateConditionDef, typeof NovoDefaultDateTimeConditionDef, typeof NovoConditionOperatorsDef, typeof NovoConditionInputDef, typeof NovoConditionFieldDef, typeof NovoDefaultStringConditionDef, typeof NovoDefaultNumberConditionDef, typeof NovoDefaultIdConditionDef, typeof NovoDefaultPickerConditionDef, typeof NovoConditionTemplatesComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NovoQueryBuilderModule, [typeof AddressLabelPipe, typeof CriteriaBuilderComponent, typeof ConditionBuilderComponent, typeof ConditionInputOutlet, typeof ConditionOperatorOutlet, typeof ConditionGroupComponent, typeof NovoDefaultAddressConditionDef, typeof NovoDefaultBooleanConditionDef, typeof NovoDefaultDateConditionDef, typeof NovoDefaultDateTimeConditionDef, typeof NovoConditionOperatorsDef, typeof NovoConditionInputDef, typeof NovoConditionFieldDef, typeof NovoDefaultStringConditionDef, typeof NovoDefaultNumberConditionDef, typeof NovoDefaultIdConditionDef, typeof NovoDefaultPickerConditionDef, typeof NovoConditionTemplatesComponent], [typeof i15.CommonModule, typeof i16.FormsModule, typeof i16.ReactiveFormsModule, typeof i17.DragDropModule, typeof i18.CdkTableModule, typeof i19.GooglePlacesModule, typeof i20.NovoAutoCompleteModule, typeof i21.NovoButtonModule, typeof i22.NovoCommonModule, typeof i23.NovoFormModule, typeof i24.NovoSelectModule, typeof i25.NovoNonIdealStateModule, typeof i26.NovoFieldModule, typeof i22.NovoOptionModule, typeof i27.NovoFlexModule, typeof i28.NovoTabModule, typeof i29.NovoTabbedGroupPickerModule, typeof i30.NovoLoadingModule, typeof i31.NovoCardModule, typeof i32.NovoDatePickerModule, typeof i33.NovoDateTimePickerModule, typeof i34.NovoIconModule, typeof i22.NovoOverlayModule, typeof i35.NovoRadioModule, typeof i36.NovoSearchBoxModule, typeof i37.NovoSwitchModule, typeof i38.NovoChipsModule, typeof i39.NovoSelectSearchModule, typeof i40.NovoDropdownModule, typeof i23.NovoFormExtrasModule, typeof i41.NovoTooltipModule], [typeof CriteriaBuilderComponent, typeof ConditionBuilderComponent, typeof NovoDefaultAddressConditionDef, typeof NovoDefaultBooleanConditionDef, typeof NovoDefaultDateConditionDef, typeof NovoDefaultDateTimeConditionDef, typeof NovoConditionOperatorsDef, typeof NovoConditionInputDef, typeof NovoConditionFieldDef, typeof NovoDefaultStringConditionDef, typeof NovoDefaultNumberConditionDef, typeof NovoDefaultIdConditionDef, typeof NovoDefaultPickerConditionDef, typeof NovoConditionTemplatesComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<NovoQueryBuilderModule>;
 }
 
@@ -640,4 +671,4 @@ declare const NOVO_CRITERIA_BUILDER: InjectionToken<any>;
 declare const NOVO_CONDITION_BUILDER: InjectionToken<any>;
 
 export { AbstractConditionFieldDef, BaseConditionFieldDef, ConditionBuilderComponent, ConditionInputOutlet, ConditionOperatorOutlet, Conjunction, CriteriaBuilderComponent, NOVO_CONDITION_BUILDER, NOVO_CRITERIA_BUILDER, NOVO_QUERY_BUILDER, NovoConditionFieldDef, NovoConditionInputDef, NovoConditionOperatorsDef, NovoConditionTemplatesComponent, NovoDefaultAddressConditionDef, NovoDefaultBooleanConditionDef, NovoDefaultDateConditionDef, NovoDefaultDateTimeConditionDef, NovoDefaultIdConditionDef, NovoDefaultNumberConditionDef, NovoDefaultPickerConditionDef, NovoDefaultStringConditionDef, NovoQueryBuilderModule, Operator, RadiusUnits };
-export type { AddressComponent, AddressCriteriaConfig, AddressData, AddressGeometry, AddressGeometryLocation, AddressGeometryViewport, AddressRadius, AddressRadiusUnitsName, BaseFieldDef, Condition, ConditionDef, ConditionGroup, ConditionOrConditionGroup, ConditionType, Criteria, DateCriteriaConfig, FieldConfig, NestedConditionGroup, NestedCriteria, OperatorName, QueryBuilderConfig, QueryFilterOutlet };
+export type { AddressComponent, AddressCriteriaConfig, AddressData, AddressDetailViewport, AddressGeoPoint, AddressGeometry, AddressGeometryLocation, AddressGeometryViewport, AddressRadius, AddressRadiusUnitsName, BaseFieldDef, Condition, ConditionDef, ConditionGroup, ConditionOrConditionGroup, ConditionType, Criteria, DateCriteriaConfig, FieldConfig, NestedConditionGroup, NestedCriteria, OperatorName, QueryBuilderConfig, QueryFilterOutlet };

package/fesm2022/novo-elements-elements-places.mjs

@@ -1,7 +1,7 @@
 import * as i3 from '@angular/common';
 import { isPlatformBrowser, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { PLATFORM_ID, Inject, Injectable, forwardRef, EventEmitter, Output, Input, Component, NgModule, InjectionToken } from '@angular/core';
+import { PLATFORM_ID, Inject, Injectable, InjectionToken, forwardRef, EventEmitter, Output, Input, Optional, Component, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { BasePickerResults } from 'novo-elements/elements/picker';
 import * as i2 from 'novo-elements/services';
@@ -18,6 +18,53 @@ class GooglePlacesService {
         this._global = _global;
         this._localStorageService = _localStorageService;
     }
+    // Ensure the Google Maps JS SDK is available before any window.google usage.
+    // No-ops when the SDK is already present (host script tag) or no key is configured (search-service path).
+    loadGoogleMaps(settings) {
+        const _window = this._global.nativeGlobal;
+        if (_window?.google?.maps?.places) {
+            return Promise.resolve();
+        }
+        if (!isPlatformBrowser(this.platformId) || !settings?.googleApiKey) {
+            return Promise.resolve();
+        }
+        if (!this.mapsLoad) {
+            this.mapsLoadKey = settings.googleApiKey;
+            this.mapsLoad = this.injectGoogleMapsScript(settings);
+        }
+        else if (this.mapsLoadKey && this.mapsLoadKey !== settings.googleApiKey) {
+            // The Maps JS API can only be loaded once per page; a second, different key is ignored.
+            console.warn('GooglePlacesService: the Google Maps SDK is already loading with a different key; ignoring the new googleApiKey.');
+        }
+        return this.mapsLoad;
+    }
+    injectGoogleMapsScript(settings) {
+        return new Promise((resolve, reject) => {
+            const _window = this._global.nativeGlobal;
+            // Build params one at a time so undefined override values are dropped instead of serialized as "undefined".
+            // The component uses the legacy Places API (AutocompleteService, PlacesService) which requires the
+            // synchronous library load — google.maps.places is fully populated when onload fires.
+            const params = new URLSearchParams();
+            params.set('key', settings.googleApiKey);
+            params.set('libraries', 'places');
+            for (const [key, value] of Object.entries(settings.googleMapsLoaderParams ?? {})) {
+                if (value !== undefined && value !== null) {
+                    params.set(key, value);
+                }
+            }
+            const script = document.createElement('script');
+            script.src = `https://maps.googleapis.com/maps/api/js?${params.toString()}`;
+            script.async = true;
+            script.onload = () => resolve();
+            script.onerror = () => {
+                // Clear both cached fields so a later attempt can retry with any key.
+                this.mapsLoad = undefined;
+                this.mapsLoadKey = undefined;
+                reject(new Error('Failed to load the Google Maps JavaScript API.'));
+            };
+            document.head.appendChild(script);
+        });
+    }
     getPredictions(url, query, sessionToken) {
         return new Promise((resolve) => {
             const separator = url.includes('?') ? '&' : '?';
@@ -164,14 +211,12 @@ class GooglePlacesService {
                 const _window = this._global.nativeGlobal;
                 const placesService = new _window.google.maps.places.PlacesService(document.createElement('div'));
                 placesService.getDetails({ placeId }, (result) => {
-                    if (result === null || result.length === 0) {
+                    if (result === null) {
+                        resolve(false);
+                    }
+                    else if (result.length === 0) {
                         this.getGeoPaceDetailByReferance(result.referance).then((referanceData) => {
-                            if (!referanceData) {
-                                resolve(false);
-                            }
-                            else {
-                                resolve(referanceData);
-                            }
+                            resolve(referanceData || false);
                         });
                     }
                     else {
@@ -282,6 +327,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                     args: [PLATFORM_ID]
                 }] }, { type: i2.GlobalRef }, { type: i2.LocalStorageService }] });
 
+/** App-wide address-lookup config; when provided, every novo-address enables autocomplete on Address 1. */
+const NOVO_ADDRESS_CONFIG = new InjectionToken('NOVO_ADDRESS_CONFIG');
+
 // NG2
 // Value accessor for the component (supports ngModel)
 const PLACES_VALUE_ACCESSOR = {
@@ -291,13 +339,16 @@ const PLACES_VALUE_ACCESSOR = {
 };
 class PlacesListComponent extends BasePickerResults {
     static { this.SESSION_TOKEN_TIMEOUT_MS = 3 * 60 * 1000; }
-    constructor(platformId, _elmRef, _global, _googlePlacesService, cdr) {
+    constructor(platformId, _elmRef, _global, _googlePlacesService, cdr, 
+    // Fallback config from the app-wide token; used when [userSettings] does not provide a field.
+    addressConfig = null) {
         super(_elmRef, cdr);
         this.platformId = platformId;
         this._elmRef = _elmRef;
         this._global = _global;
         this._googlePlacesService = _googlePlacesService;
         this.cdr = cdr;
+        this.addressConfig = addressConfig;
         this.termChange = new EventEmitter();
         this.select = new EventEmitter();
         this.matchesUpdated = new EventEmitter();
@@ -337,6 +388,8 @@ class PlacesListComponent extends BasePickerResults {
             currentLocIconUrl: '',
             searchIconUrl: '',
             locationIconUrl: '',
+            googleApiKey: '',
+            googleMapsLoaderParams: {},
         };
         this.onModelChange = () => { };
         this.onModelTouched = () => { };
@@ -498,6 +551,10 @@ class PlacesListComponent extends BasePickerResults {
         if (this.settings.showRecentSearch) {
             this.getRecentLocations();
         }
+        if (this.settings.useGoogleGeoApi && !this.settings.googleApiKey) {
+            console.warn('google-places-list: No googleApiKey configured — Google Places autocomplete is disabled. ' +
+                'Pass address.googleApiKey to NovoElementProviders.forRoot() to enable it.');
+        }
         if (!this.settings.useGoogleGeoApi) {
             if (!this.settings.geoPredictionServerUrl) {
                 this.isSettingsError = true;
@@ -529,21 +586,25 @@ class PlacesListComponent extends BasePickerResults {
         }
     }
     // function to set user settings if it is available.
+    // Priority: [userSettings] input > NOVO_ADDRESS_CONFIG token > defaultSettings.
     setUserSettings() {
         const _tempObj = {};
-        if (this.userSettings && typeof this.userSettings === 'object') {
-            const keys = Object.keys(this.defaultSettings);
-            for (const value of keys) {
-                _tempObj[value] = this.userSettings[value] !== undefined ? this.userSettings[value] : this.defaultSettings[value];
+        const keys = Object.keys(this.defaultSettings);
+        for (const value of keys) {
+            if (this.userSettings?.[value] !== undefined) {
+                _tempObj[value] = this.userSettings[value];
+            }
+            else if (this.addressConfig?.[value] !== undefined) {
+                _tempObj[value] = this.addressConfig[value];
+            }
+            else {
+                _tempObj[value] = this.defaultSettings[value];
             }
-            return _tempObj;
-        }
-        else {
-            return this.defaultSettings;
         }
+        return _tempObj;
     }
     // function to get the autocomplete list based on user input.
-    getListQuery(value) {
+    async getListQuery(value) {
         this.recentDropdownOpen = false;
         if (this.settings.useGoogleGeoApi) {
             const _tempParams = {
@@ -555,14 +616,27 @@ class PlacesListComponent extends BasePickerResults {
                 _tempParams.geoLocation = this.settings.geoLocation;
                 _tempParams.radius = this.settings.geoRadius;
             }
-            this._googlePlacesService.getGeoPrediction(_tempParams).then((result) => {
+            try {
+                await this._googlePlacesService.loadGoogleMaps(this.settings);
+                if (!this._global.nativeGlobal?.google?.maps?.places) {
+                    this.updateListItem([]);
+                    return;
+                }
+                const result = await this._googlePlacesService.getGeoPrediction(_tempParams);
                 this.updateListItem(result);
-            });
+            }
+            catch (err) {
+                console.error('Failed to load Google Maps for address predictions', err);
+                this.updateListItem([]);
+            }
         }
         else {
             this._googlePlacesService.getPredictions(this.settings.geoPredictionServerUrl, value, this.ensureSessionToken()).then((result) => {
                 result = this.extractServerList(this.settings.serverResponseListHierarchy, result);
                 this.updateListItem(result);
+            }).catch((err) => {
+                console.error('Failed to load address predictions from server', err);
+                this.updateListItem([]);
             });
         }
     }
@@ -626,14 +700,22 @@ class PlacesListComponent extends BasePickerResults {
         });
     }
     // function to execute to get location detail based on latitude and longitude.
-    getCurrentLocationInfo(latlng) {
+    async getCurrentLocationInfo(latlng) {
         if (this.settings.useGoogleGeoApi) {
-            this._googlePlacesService.getGeoLatLngDetail(latlng).then((result) => {
+            try {
+                await this._googlePlacesService.loadGoogleMaps(this.settings);
+                const result = await this._googlePlacesService.getGeoLatLngDetail(latlng);
                 if (result) {
                     this.setRecentLocation(result);
                 }
+            }
+            catch (err) {
+                console.error('Failed to load Google Maps for current location', err);
+            }
+            finally {
+                // Always clear the spinner, even if the SDK never loaded.
                 this.gettingCurrentLocationFlag = false;
-            });
+            }
         }
         else {
             this._googlePlacesService.getLatLngDetail(this.settings.geoLatLangServiceUrl, latlng.lat, latlng.lng).then((result) => {
@@ -642,6 +724,9 @@ class PlacesListComponent extends BasePickerResults {
                     this.setRecentLocation(result);
                 }
                 this.gettingCurrentLocationFlag = false;
+            }).catch((err) => {
+                console.error('Failed to get current location detail from server', err);
+                this.gettingCurrentLocationFlag = false;
             });
         }
     }
@@ -649,9 +734,16 @@ class PlacesListComponent extends BasePickerResults {
     async getPlaceLocationInfo(selectedData) {
         const placeId = selectedData.placeId;
         if (this.settings.useGoogleGeoApi) {
-            const data = await this._googlePlacesService.getGeoPlaceDetail(placeId);
-            if (data) {
-                this.setRecentLocation(data);
+            try {
+                // Ensure the SDK is loaded before getGeoPlaceDetail touches window.google.
+                await this._googlePlacesService.loadGoogleMaps(this.settings);
+                const data = await this._googlePlacesService.getGeoPlaceDetail(placeId);
+                if (data) {
+                    this.setRecentLocation(data);
+                }
+            }
+            catch (err) {
+                console.error('Failed to load Google Maps for place details', err);
             }
         }
         else {
@@ -662,6 +754,9 @@ class PlacesListComponent extends BasePickerResults {
                     this.setRecentLocation(result);
                 }
             }
+            catch (err) {
+                console.error('Failed to load place details from server', err);
+            }
             finally {
                 // The details call ends the Google billing session; clear the token even if the request
                 // failed so the next interaction starts a fresh session.
@@ -693,7 +788,7 @@ class PlacesListComponent extends BasePickerResults {
             this.recentSearchData = data && data.length ? data : [];
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PlacesListComponent, deps: [{ token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i2.GlobalRef }, { token: GooglePlacesService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PlacesListComponent, deps: [{ token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i2.GlobalRef }, { token: GooglePlacesService }, { token: i0.ChangeDetectorRef }, { token: NOVO_ADDRESS_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: PlacesListComponent, isStandalone: false, selector: "google-places-list", inputs: { userSettings: "userSettings" }, outputs: { termChange: "termChange", select: "select", matchesUpdated: "matchesUpdated" }, providers: [PLACES_VALUE_ACCESSOR], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<novo-list direction=\"vertical\">\n  @for (data of matches; track $index) {\n    <novo-list-item (click)=\"selectedListNode($event, $index)\" [ngClass]=\"{ active: data === activeMatch }\">\n      <item-header>\n        <item-avatar icon=\"location\"></item-avatar>\n        <item-title>{{ data.primaryText }}</item-title>\n      </item-header>\n      <item-content>{{ data.secondaryText }}</item-content>\n    </novo-list-item>\n  }\n</novo-list>\n", styles: [":host{display:grid}:host novo-list{border:1px solid #4a89dc;background-color:#fff}:host novo-list novo-list-item{cursor:pointer;flex:0 0;transition:background-color .25s}:host novo-list novo-list-item>div{width:100%}:host novo-list novo-list-item.active{background-color:#e0ebf9}:host novo-list novo-list-item:hover{background-color:#f1f6fc}:host novo-list novo-list-item item-content{flex-flow:row wrap}:host novo-list novo-list-item item-content>*{flex:0 0 33%;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.NovoListElement, selector: "novo-list", inputs: ["theme", "direction"] }, { kind: "component", type: i4.NovoListItemElement, selector: "novo-list-item, a[list-item], button[list-item]" }, { kind: "component", type: i4.NovoItemAvatarElement, selector: "item-avatar, novo-item-avatar", inputs: ["icon", "color"] }, { kind: "component", type: i4.NovoItemTitleElement, selector: "item-title, novo-item-title" }, { kind: "component", type: i4.NovoItemHeaderElement, selector: "item-header, novo-item-header" }, { kind: "component", type: i4.NovoItemContentElement, selector: "item-content, novo-item-content", inputs: ["direction"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: PlacesListComponent, decorators: [{
@@ -702,7 +797,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
         }], ctorParameters: () => [{ type: Object, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
-                }] }, { type: i0.ElementRef }, { type: i2.GlobalRef }, { type: GooglePlacesService }, { type: i0.ChangeDetectorRef }], propDecorators: { userSettings: [{
+                }] }, { type: i0.ElementRef }, { type: i2.GlobalRef }, { type: GooglePlacesService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NOVO_ADDRESS_CONFIG]
+                }] }], propDecorators: { userSettings: [{
                 type: Input
             }], termChange: [{
                 type: Output
@@ -723,9 +823,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                     exports: [PlacesListComponent], imports: [CommonModule, FormsModule, NovoListModule], providers: [GooglePlacesService, provideHttpClient(withInterceptorsFromDi())] }]
         }] });
 
-/** App-wide address-lookup config; when provided, every novo-address enables autocomplete on Address 1. */
-const NOVO_ADDRESS_CONFIG = new InjectionToken('NOVO_ADDRESS_CONFIG');
-
 /**
  * Generated bundle index. Do not edit.
  */