@theseam/ui-common 1.0.0-beta.0 → 1.0.0-beta.10

package/fesm2022/theseam-ui-common-google-maps.mjs

@@ -33,8 +33,7 @@ var AppFeaturePropertyName;
     AppFeaturePropertyName["IsSelected"] = "__app__isSelected";
 })(AppFeaturePropertyName || (AppFeaturePropertyName = {}));
 function isAppFeatureProperty(propertyName) {
-    return Object.values(AppFeaturePropertyName)
-        .findIndex(value => value === propertyName) !== -1;
+    return (Object.values(AppFeaturePropertyName).findIndex((value) => value === propertyName) !== -1);
 }
 function isFeatureSelected(feature) {
     const isSelected = feature.getProperty(AppFeaturePropertyName.IsSelected);
@@ -47,13 +46,13 @@ const EXTERNAL_FEATURE_DEFINED_STYLE_OPTIONS_PROPERTY_NAME = 'styleOptions';
 const EXTERNAL_FEATURE_DEFINED_STYLE_OPTIONS_HOVERED_PROPERTY_NAME = 'styleOptionsHovered';
 const EXTERNAL_FEATURE_DEFINED_STYLE_OPTIONS_SELECTED_PROPERTY_NAME = 'styleOptionsSelected';
 function getStyleOptionsDefinedByFeature(feature) {
-    return feature.getProperty(EXTERNAL_FEATURE_DEFINED_STYLE_OPTIONS_PROPERTY_NAME) || undefined;
+    return (feature.getProperty(EXTERNAL_FEATURE_DEFINED_STYLE_OPTIONS_PROPERTY_NAME) || undefined);
 }
 function getHoveredStyleOptionsDefinedByFeature(feature) {
-    return feature.getProperty(EXTERNAL_FEATURE_DEFINED_STYLE_OPTIONS_HOVERED_PROPERTY_NAME) || undefined;
+    return (feature.getProperty(EXTERNAL_FEATURE_DEFINED_STYLE_OPTIONS_HOVERED_PROPERTY_NAME) || undefined);
 }
 function getSelectedStyleOptionsDefinedByFeature(feature) {
-    return feature.getProperty(EXTERNAL_FEATURE_DEFINED_STYLE_OPTIONS_SELECTED_PROPERTY_NAME) || undefined;
+    return (feature.getProperty(EXTERNAL_FEATURE_DEFINED_STYLE_OPTIONS_SELECTED_PROPERTY_NAME) || undefined);
 }
 // TODO: Check performance of cloning a google.maps.Data instance, so the
 // properties can be removed with the google maps api, instead of on the
@@ -78,7 +77,7 @@ function stripAppFeaturePropertiesFromJson(json) {
  */
 function getPossibleExteriorFeature(data, feature) {
     let exteriorPolygonFeature;
-    data.forEach(f => {
+    data.forEach((f) => {
         if (f === feature) {
             return;
         }
@@ -104,14 +103,15 @@ function addInnerFeatureCutoutToExteriorFeature(exteriorFeature, innerFeature) {
     // NOTE: Other geometries may support cutouts, but our map shapes editor only
     // supports polygons currently, so we will need to handle other geometry types
     // here if we start allowing users to draw shapes other than polygon.
-    if (exteriorGeometry.getType() !== 'Polygon' || innerGeometry.getType() !== 'Polygon') {
+    if (exteriorGeometry.getType() !== 'Polygon' ||
+        innerGeometry.getType() !== 'Polygon') {
         throw Error(`Inner cutout is only supported by Polygon gemoetry.`);
     }
     const featurePolygon = innerGeometry;
     const exteriorPolygon = exteriorGeometry;
     exteriorFeature.setGeometry(new google.maps.Data.Polygon([
         ...exteriorPolygon.getArray(),
-        featurePolygon.getAt(0).getArray().reverse()
+        featurePolygon.getAt(0).getArray().reverse(),
     ]));
 }
 /**
@@ -139,14 +139,14 @@ function polygonHasValidPathsLengths(polygon, minPointsInValidPath = 3) {
     return true;
 }
 function polygonCoordinates(polygon) {
-    return polygon.getArray().map(linRing => {
-        const coords = linRing.getArray().map(x => [x.lng(), x.lat()]);
+    return polygon.getArray().map((linRing) => {
+        const coords = linRing.getArray().map((x) => [x.lng(), x.lat()]);
         fixPathDifferentStartingAndEndingPoint(coords);
         return coords;
     });
 }
 function multiPolygonCoordinates(multiPolygon) {
-    return multiPolygon.getArray().map(x => polygonCoordinates(x));
+    return multiPolygon.getArray().map((x) => polygonCoordinates(x));
 }
 function toTurfJsPolygon(polygon$1) {
     return polygon(polygonCoordinates(polygon$1));
@@ -173,19 +173,22 @@ function featureContains(featureA, featureB) {
     return booleanContains(polygonA, polygonB);
 }
 function createDataFeatureFromPolygon(polygon) {
-    const arr = polygon.getPaths().getArray().map(x => x.getArray());
+    const arr = polygon
+        .getPaths()
+        .getArray()
+        .map((x) => x.getArray());
     return new google.maps.Data.Feature({
-        geometry: new google.maps.Data.Polygon(arr)
+        geometry: new google.maps.Data.Polygon(arr),
     });
 }
 function getBoundsWithAllFeatures(data) {
     const bounds = new google.maps.LatLngBounds();
-    data.forEach(feature => {
+    data.forEach((feature) => {
         const geometry = feature.getGeometry();
         if (geometry === null) {
             throw Error(`Geometry not found.`);
         }
-        geometry.forEachLatLng(latLng => {
+        geometry.forEachLatLng((latLng) => {
             bounds.extend(latLng);
         });
     });
@@ -197,7 +200,7 @@ function getFeatureBounds(feature) {
     if (geometry === null) {
         throw Error(`Geometry not found.`);
     }
-    geometry.forEachLatLng(latLng => {
+    geometry.forEachLatLng((latLng) => {
         bounds.extend(latLng);
     });
     return bounds;
@@ -206,7 +209,7 @@ function getFeatureCenter(feature) {
     return getFeatureBounds(feature).getCenter();
 }
 function removeAllFeatures(data) {
-    data.forEach(f => data.remove(f));
+    data.forEach((f) => data.remove(f));
 }
 function getFeaturesCount(data) {
     let count = 0;
@@ -217,26 +220,36 @@ function getFeaturesCount(data) {
  * NOTE: Original events are not emitted, because filtering may omit events.
  */
 function createFeatureChangeObservable(data, ngZone) {
-    return new Observable(subscriber => {
+    return new Observable((subscriber) => {
         const listeners = [];
         ngZone.runOutsideAngular(() => {
             listeners.push(data.addListener('setgeometry', (event) => {
-                ngZone.run(() => { subscriber.next(undefined); });
+                ngZone.run(() => {
+                    subscriber.next(undefined);
+                });
             }));
             listeners.push(data.addListener('addfeature', (event) => {
-                ngZone.run(() => { subscriber.next(undefined); });
+                ngZone.run(() => {
+                    subscriber.next(undefined);
+                });
             }));
             listeners.push(data.addListener('removefeature', (event) => {
-                ngZone.run(() => { subscriber.next(undefined); });
+                ngZone.run(() => {
+                    subscriber.next(undefined);
+                });
             }));
             listeners.push(data.addListener('setproperty', (event) => {
                 if (!isAppFeatureProperty(event.name)) {
-                    ngZone.run(() => { subscriber.next(undefined); });
+                    ngZone.run(() => {
+                        subscriber.next(undefined);
+                    });
                 }
             }));
             listeners.push(data.addListener('removeproperty', (event) => {
                 if (!isAppFeatureProperty(event.name)) {
-                    ngZone.run(() => { subscriber.next(undefined); });
+                    ngZone.run(() => {
+                        subscriber.next(undefined);
+                    });
                 }
             }));
         });
@@ -276,10 +289,12 @@ class GoogleMapsContextMenu {
         setTimeout(() => {
             this._menu.focusFirstItem('program');
         });
-        this._menu.closed.pipe(takeUntil(ngUnsubscribe)).subscribe(v => {
+        this._menu.closed.pipe(takeUntil(ngUnsubscribe)).subscribe((v) => {
             this.close();
         });
-        fromEvent(document, 'keydown').pipe(takeUntil(ngUnsubscribe)).subscribe((event) => {
+        fromEvent(document, 'keydown')
+            .pipe(takeUntil(ngUnsubscribe))
+            .subscribe((event) => {
             if (event.keyCode === ESCAPE) {
                 this.close();
             }
@@ -335,24 +350,36 @@ class GoogleMapsContextMenu {
         this._ngZone.runOutsideAngular(() => {
             listeners.push(this._data.addListener('removefeature', (event) => {
                 if (event.feature === this._feature) {
-                    this._ngZone.run(() => { this.close(); });
+                    this._ngZone.run(() => {
+                        this.close();
+                    });
                 }
             }));
             listeners.push(this._data.addListener('setproperty', (event) => {
-                if (event.feature === this._feature && !isFeatureSelected(this._feature)) {
-                    this._ngZone.run(() => { this.close(); });
+                if (event.feature === this._feature &&
+                    !isFeatureSelected(this._feature)) {
+                    this._ngZone.run(() => {
+                        this.close();
+                    });
                 }
             }));
             listeners.push(this._data.addListener('removeproperty', (event) => {
-                if (event.feature === this._feature && !isFeatureSelected(this._feature)) {
-                    this._ngZone.run(() => { this.close(); });
+                if (event.feature === this._feature &&
+                    !isFeatureSelected(this._feature)) {
+                    this._ngZone.run(() => {
+                        this.close();
+                    });
                 }
             }));
             listeners.push(this._map.addListener('click', (event) => {
-                this._ngZone.run(() => { this.close(); });
+                this._ngZone.run(() => {
+                    this.close();
+                });
             }));
             listeners.push(this._data.addListener('click', (event) => {
-                this._ngZone.run(() => { this.close(); });
+                this._ngZone.run(() => {
+                    this.close();
+                });
             }));
         });
         this._cleanupFn = () => {
@@ -406,10 +433,10 @@ class MapValueManagerService {
     get value() {
         return this._value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MapValueManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MapValueManagerService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MapValueManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MapValueManagerService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MapValueManagerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MapValueManagerService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -421,9 +448,7 @@ const DEFAULT_POLYGON_OPTIONS = (editingEnabled) => ({
 const DEFAULT_DRAWING_MANAGER_OPTIONS = (editingEnabled) => ({
     drawingControl: editingEnabled,
     drawingControlOptions: {
-        drawingModes: [
-            google.maps.drawing.OverlayType.POLYGON,
-        ],
+        drawingModes: [google.maps.drawing.OverlayType.POLYGON],
     },
     polygonOptions: DEFAULT_POLYGON_OPTIONS(editingEnabled),
     drawingMode: null,
@@ -486,7 +511,9 @@ class GoogleMapsService {
     _fileInputHandler;
     googleMap;
     mapReady$;
-    get mapReady() { return this._mapReadySubject.value; }
+    get mapReady() {
+        return this._mapReadySubject.value;
+    }
     editingEnabled$;
     constructor(_mapValueManager, _ngZone, _vcr) {
         this._mapValueManager = _mapValueManager;
@@ -527,7 +554,7 @@ class GoogleMapsService {
                 const options = DEFAULT_DRAWING_MANAGER_OPTIONS(this.isEditingEnabled());
                 this._drawingManager?.setOptions(options);
                 this._drawingManager?.setMap(null);
-                this.googleMap.data.forEach(f => {
+                this.googleMap.data.forEach((f) => {
                     if (isFeatureSelected(f)) {
                         setFeatureSelected(f, false);
                     }
@@ -557,7 +584,7 @@ class GoogleMapsService {
     deleteSelection() {
         this._assertInitialized();
         const mapData = this.googleMap.data;
-        mapData.forEach(f => {
+        mapData.forEach((f) => {
             if (isFeatureSelected(f)) {
                 mapData.remove(f);
             }
@@ -568,7 +595,8 @@ class GoogleMapsService {
      */
     stopDrawing() {
         this._ngZone.runOutsideAngular(() => {
-            if (isNullOrUndefined(this._drawingManager) || this._drawingManager.getDrawingMode() === null) {
+            if (isNullOrUndefined(this._drawingManager) ||
+                this._drawingManager.getDrawingMode() === null) {
                 return;
             }
             // Listening for the completion event of the overlay currently being drawn
@@ -607,7 +635,7 @@ class GoogleMapsService {
         this._drawingManager.addListener('drawingmode_changed', (event) => {
             if (this._drawingManager?.getDrawingMode() !== null) {
                 this._assertInitialized();
-                this.googleMap.data.forEach(f => {
+                this.googleMap.data.forEach((f) => {
                     if (isFeatureSelected(f)) {
                         setFeatureSelected(f, false);
                     }
@@ -658,10 +686,10 @@ class GoogleMapsService {
         // selection when the map looses focus.
         this.googleMap.addListener('click', (even) => {
             this._assertInitialized();
-            this.googleMap.data.forEach(f => setFeatureSelected(f, false));
+            this.googleMap.data.forEach((f) => setFeatureSelected(f, false));
         });
         // Determine what the style of the features are.
-        this.googleMap.data.setStyle(feature => {
+        this.googleMap.data.setStyle((feature) => {
             let opts = FEATURE_STYLE_OPTIONS_DEFAULT(this.isEditingEnabled());
             const options = getStyleOptionsDefinedByFeature(feature);
             this._mergeStyleOptions(opts, options ?? {});
@@ -676,7 +704,7 @@ class GoogleMapsService {
         this.googleMap.data.addListener('click', (event) => {
             this._assertInitialized();
             setFeatureSelected(event.feature, true);
-            this.googleMap.data.forEach(f => {
+            this.googleMap.data.forEach((f) => {
                 if (f !== event.feature && isFeatureSelected(f)) {
                     setFeatureSelected(f, false);
                 }
@@ -715,7 +743,9 @@ class GoogleMapsService {
     }
     _initFeatureChangeListeners() {
         this._assertInitialized();
-        createFeatureChangeObservable(this.googleMap.data, this._ngZone).pipe(switchMap(() => from(this.getGeoJson()).pipe(tap(geoJson => this._mapValueManager.setValue(geoJson, MapValueSource.FeatureChange)))), takeUntil(this._ngUnsubscribe)).subscribe();
+        createFeatureChangeObservable(this.googleMap.data, this._ngZone)
+            .pipe(switchMap(() => from(this.getGeoJson()).pipe(tap((geoJson) => this._mapValueManager.setValue(geoJson, MapValueSource.FeatureChange)))), takeUntil(this._ngUnsubscribe))
+            .subscribe();
         this.googleMap.data.addListener('contextmenu', (event) => {
             if (!isFeatureSelected(event.feature)) {
                 return;
@@ -775,7 +805,7 @@ class GoogleMapsService {
     hasSelectedFeature() {
         this._assertInitialized();
         let isSelected = false;
-        this.googleMap.data.forEach(f => {
+        this.googleMap.data.forEach((f) => {
             if (isFeatureSelected(f)) {
                 isSelected = true;
             }
@@ -786,7 +816,7 @@ class GoogleMapsService {
     getSelectedFeature() {
         this._assertInitialized();
         let feature = null;
-        this.googleMap.data.forEach(f => {
+        this.googleMap.data.forEach((f) => {
             if (isFeatureSelected(f)) {
                 feature = f;
             }
@@ -822,7 +852,7 @@ class GoogleMapsService {
     getGeoJson(removeAppProperties = true) {
         return new Promise((resolve, reject) => {
             this._assertInitialized();
-            this.googleMap.data.toGeoJson(f => {
+            this.googleMap.data.toGeoJson((f) => {
                 if (removeAppProperties) {
                     stripAppFeaturePropertiesFromJson(f);
                 }
@@ -837,10 +867,10 @@ class GoogleMapsService {
                 'Please wait for the API to load before trying to interact with it.');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: GoogleMapsService, deps: [{ token: MapValueManagerService }, { token: i0.NgZone }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: GoogleMapsService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleMapsService, deps: [{ token: MapValueManagerService }, { token: i0.NgZone }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleMapsService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: GoogleMapsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleMapsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: MapValueManagerService }, { type: i0.NgZone }, { type: i0.ViewContainerRef }] });
 
@@ -865,7 +895,7 @@ class MapControlRef {
         if (this._controlDef.data) {
             providers.push({
                 provide: MAP_CONTROL_DATA,
-                useValue: this._controlDef.data
+                useValue: this._controlDef.data,
             });
         }
         const injector = Injector.create({
@@ -913,10 +943,10 @@ class GoogleMapsControlsService {
     add(control) {
         return new MapControlRef(this._googleMaps, this._injector, control, this._viewContainerRef);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: GoogleMapsControlsService, deps: [{ token: GoogleMapsService }, { token: i0.Injector }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: GoogleMapsControlsService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleMapsControlsService, deps: [{ token: GoogleMapsService }, { token: i0.Injector }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleMapsControlsService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: GoogleMapsControlsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GoogleMapsControlsService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: GoogleMapsService }, { type: i0.Injector }, { type: i0.ViewContainerRef }] });
 
@@ -945,21 +975,21 @@ class TheSeamGoogleMapsRecenterButtonControlComponent {
     }
     /** @ignore */
     ngOnDestroy() {
-        this._listeners.forEach(l => l());
+        this._listeners.forEach((l) => l());
         this._ngUnsubscribe.next();
         this._ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsRecenterButtonControlComponent, deps: [{ token: GoogleMapsService }, { token: MAP_CONTROL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamGoogleMapsRecenterButtonControlComponent, isStandalone: false, selector: "button[seam-google-maps-recenter-button-control]", inputs: { label: "label", icon: "icon" }, host: { attributes: { "type": "button" }, listeners: { "click": "_onClick(event)" }, properties: { "attr.draggable": "false", "attr.aria-label": "label", "attr.title": "label" }, classAttribute: "gmnoprint gm-control-active" }, ngImport: i0, template: "<seam-icon [icon]=\"icon\" iconType=\"image-fill\"></seam-icon>\n", styles: [":host{background:none #fff;border:0px;margin:10px;padding:11px;text-transform:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;height:40px;width:40px;box-shadow:#0000004d 0 1px 4px -1px;overflow:hidden}\n"], dependencies: [{ kind: "component", type: i2.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsRecenterButtonControlComponent, deps: [{ token: GoogleMapsService }, { token: MAP_CONTROL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamGoogleMapsRecenterButtonControlComponent, isStandalone: false, selector: "button[seam-google-maps-recenter-button-control]", inputs: { label: "label", icon: "icon" }, host: { attributes: { "type": "button" }, listeners: { "click": "_onClick(event)" }, properties: { "attr.draggable": "false", "attr.aria-label": "label", "attr.title": "label" }, classAttribute: "gmnoprint gm-control-active" }, ngImport: i0, template: "<seam-icon [icon]=\"icon\" iconType=\"image-fill\"></seam-icon>\n", styles: [":host{background:none #fff;border:0px;margin:10px;padding:11px;text-transform:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;height:40px;width:40px;box-shadow:#0000004d 0 1px 4px -1px;overflow:hidden}\n"], dependencies: [{ kind: "component", type: i2.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsRecenterButtonControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsRecenterButtonControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[seam-google-maps-recenter-button-control]', host: {
                         '[attr.draggable]': 'false',
                         '[attr.aria-label]': 'label',
                         '[attr.title]': 'label',
-                        'type': 'button',
-                        'class': 'gmnoprint gm-control-active'
+                        type: 'button',
+                        class: 'gmnoprint gm-control-active',
                     }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<seam-icon [icon]=\"icon\" iconType=\"image-fill\"></seam-icon>\n", styles: [":host{background:none #fff;border:0px;margin:10px;padding:11px;text-transform:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;height:40px;width:40px;box-shadow:#0000004d 0 1px 4px -1px;overflow:hidden}\n"] }]
         }], ctorParameters: () => [{ type: GoogleMapsService }, { type: undefined, decorators: [{
                     type: Optional
@@ -1009,7 +1039,7 @@ class TheSeamGoogleMapsUploadButtonControlComponent {
     }
     /** @ignore */
     ngOnDestroy() {
-        this._listeners.forEach(l => l());
+        this._listeners.forEach((l) => l());
         this._ngUnsubscribe.next();
         this._ngUnsubscribe.complete();
     }
@@ -1062,17 +1092,17 @@ class TheSeamGoogleMapsUploadButtonControlComponent {
         formElement.reset();
         this._renderer.appendChild(this._elementRef.nativeElement, this._fileInputElement);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsUploadButtonControlComponent, deps: [{ token: i0.ElementRef }, { token: MapValueManagerService }, { token: i0.Renderer2 }, { token: GoogleMapsService }, { token: MAP_CONTROL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamGoogleMapsUploadButtonControlComponent, isStandalone: false, selector: "button[seam-google-maps-upload-button-control]", inputs: { label: "label", icon: "icon" }, host: { attributes: { "type": "button" }, listeners: { "click": "_onClick(event)" }, properties: { "attr.draggable": "false", "attr.aria-label": "label", "attr.title": "label" }, classAttribute: "gmnoprint gm-control-active" }, ngImport: i0, template: "<seam-icon [icon]=\"icon\" iconType=\"image-fill\"></seam-icon>\n", styles: [":host{background:none #fff;border:0px;margin:10px;padding:11px;text-transform:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;height:40px;width:40px;box-shadow:#0000004d 0 1px 4px -1px;overflow:hidden}\n"], dependencies: [{ kind: "component", type: i2.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsUploadButtonControlComponent, deps: [{ token: i0.ElementRef }, { token: MapValueManagerService }, { token: i0.Renderer2 }, { token: GoogleMapsService }, { token: MAP_CONTROL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamGoogleMapsUploadButtonControlComponent, isStandalone: false, selector: "button[seam-google-maps-upload-button-control]", inputs: { label: "label", icon: "icon" }, host: { attributes: { "type": "button" }, listeners: { "click": "_onClick(event)" }, properties: { "attr.draggable": "false", "attr.aria-label": "label", "attr.title": "label" }, classAttribute: "gmnoprint gm-control-active" }, ngImport: i0, template: "<seam-icon [icon]=\"icon\" iconType=\"image-fill\"></seam-icon>\n", styles: [":host{background:none #fff;border:0px;margin:10px;padding:11px;text-transform:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;height:40px;width:40px;box-shadow:#0000004d 0 1px 4px -1px;overflow:hidden}\n"], dependencies: [{ kind: "component", type: i2.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsUploadButtonControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsUploadButtonControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[seam-google-maps-upload-button-control]', host: {
                         '[attr.draggable]': 'false',
                         '[attr.aria-label]': 'label',
                         '[attr.title]': 'label',
-                        'type': 'button',
-                        'class': 'gmnoprint gm-control-active'
+                        type: 'button',
+                        class: 'gmnoprint gm-control-active',
                     }, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<seam-icon [icon]=\"icon\" iconType=\"image-fill\"></seam-icon>\n", styles: [":host{background:none #fff;border:0px;margin:10px;padding:11px;text-transform:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;height:40px;width:40px;box-shadow:#0000004d 0 1px 4px -1px;overflow:hidden}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: MapValueManagerService }, { type: i0.Renderer2 }, { type: GoogleMapsService }, { type: undefined, decorators: [{
                     type: Optional
@@ -1116,14 +1146,16 @@ class TheSeamMapFileDropComponent {
     }
     /** @ignore */
     ngOnInit() {
-        this._googleMaps.mapReady$.pipe(tap(ready => {
+        this._googleMaps.mapReady$
+            .pipe(tap((ready) => {
             if (ready) {
                 this._enableFileDrop();
             }
             else {
                 this._disableFileDrop();
             }
-        }), takeUntil(this._ngUnsubscribe)).subscribe();
+        }), takeUntil(this._ngUnsubscribe))
+            .subscribe();
     }
     /** @ignore */
     ngOnDestroy() {
@@ -1157,7 +1189,7 @@ class TheSeamMapFileDropComponent {
     }
     _disableFileDrop() {
         if (this._listeners.length > 0) {
-            this._listeners.forEach(l => l());
+            this._listeners.forEach((l) => l());
             this._listeners = [];
         }
     }
@@ -1184,7 +1216,7 @@ class TheSeamMapFileDropComponent {
         }
         const item = event.dataTransfer.items[0];
         const file = item.getAsFile();
-        readGeoFile(file).then(json => {
+        readGeoFile(file).then((json) => {
             this._mapValueManager.setValue(json, MapValueSource.Input);
         });
     };
@@ -1212,10 +1244,10 @@ class TheSeamMapFileDropComponent {
     _isSupportedDataTransferTypes(dataTransfer) {
         return dataTransfer.types[0] === 'Files';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamMapFileDropComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: GoogleMapsService }, { token: MapValueManagerService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamMapFileDropComponent, isStandalone: false, selector: "seam-map-file-drop", ngImport: i0, template: "", styles: [":host{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999!important;background-color:#1e1e1eb3}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamMapFileDropComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: GoogleMapsService }, { token: MapValueManagerService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamMapFileDropComponent, isStandalone: false, selector: "seam-map-file-drop", ngImport: i0, template: "", styles: [":host{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999!important;background-color:#1e1e1eb3}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamMapFileDropComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamMapFileDropComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-map-file-drop', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "", styles: [":host{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999!important;background-color:#1e1e1eb3}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: GoogleMapsService }, { type: MapValueManagerService }, { type: i0.Renderer2 }] });
@@ -1238,14 +1270,16 @@ class TheSeamMapsControlComponent {
     }
     /** @ignore */
     ngOnInit() {
-        this._googleMaps.mapReady$.pipe(tap(ready => {
+        this._googleMaps.mapReady$
+            .pipe(tap((ready) => {
             if (ready) {
                 this._add();
             }
             else {
                 this._remove();
             }
-        }), takeUntil(this._ngUnsubscribe)).subscribe();
+        }), takeUntil(this._ngUnsubscribe))
+            .subscribe();
     }
     /** @ignore */
     ngOnDestroy() {
@@ -1266,10 +1300,10 @@ class TheSeamMapsControlComponent {
         this._controlRef?.destroy();
         this._controlRef = undefined;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamMapsControlComponent, deps: [{ token: GoogleMapsService }, { token: MAP_CONTROLS_SERVICE }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamMapsControlComponent, isStandalone: false, selector: "seam-map-control", inputs: { def: "def" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamMapsControlComponent, deps: [{ token: GoogleMapsService }, { token: MAP_CONTROLS_SERVICE }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamMapsControlComponent, isStandalone: false, selector: "seam-map-control", inputs: { def: "def" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamMapsControlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamMapsControlComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'seam-map-control',
@@ -1332,8 +1366,12 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
     get value() {
         return this._mapValueManager.value;
     }
-    set tabIndex(value) { this._tabIndex = coerceNumberProperty(value); }
-    get tabIndex() { return this._tabIndex; }
+    set tabIndex(value) {
+        this._tabIndex = coerceNumberProperty(value);
+    }
+    get tabIndex() {
+        return this._tabIndex;
+    }
     /**
      * Set the tab index to `-1` to allow the root element of the
      * component to receive `focus` event from javascript, but not get focused by
@@ -1351,8 +1389,12 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
     set fileImportHandler(value) {
         this._googleMaps.setFileInputHandler(value);
     }
-    get _attrDisabled() { return this.disabled || null; }
-    get _attrTabIndex() { return this.disabled ? -1 : (this.tabIndex || 0); }
+    get _attrDisabled() {
+        return this.disabled || null;
+    }
+    get _attrTabIndex() {
+        return this.disabled ? -1 : this.tabIndex || 0;
+    }
     onChange;
     onTouched;
     zoom = 14;
@@ -1376,26 +1418,37 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
         this._googleMaps = _googleMaps;
         this._mapValueManager = _mapValueManager;
         this._googleMapsApiLoader = _googleMapsApiLoader;
-        this._focusMonitor.monitor(this._elementRef, true).pipe(tap(origin => { this._focusOrigin = origin; }), takeUntil(this._ngUnsubscribe)).subscribe();
-        this._mapValueManager.valueChanged.pipe(tap(change => {
+        this._focusMonitor
+            .monitor(this._elementRef, true)
+            .pipe(tap((origin) => {
+            this._focusOrigin = origin;
+        }), takeUntil(this._ngUnsubscribe))
+            .subscribe();
+        this._mapValueManager.valueChanged
+            .pipe(tap((change) => {
             if (this.onChange) {
                 this.onChange(change.value);
             }
             if (this.onTouched) {
                 this.onTouched();
             }
-        }), tap(changed => {
-            if (this._googleMaps.mapReady && changed.source !== MapValueSource.FeatureChange) {
+        }), tap((changed) => {
+            if (this._googleMaps.mapReady &&
+                changed.source !== MapValueSource.FeatureChange) {
                 this._googleMaps.setData(changed.value);
             }
-        }), takeUntil(this._ngUnsubscribe)).subscribe();
-        this._contextMenuItems$ = this._googleMaps.editingEnabled$.pipe(map(enabled => {
+        }), takeUntil(this._ngUnsubscribe))
+            .subscribe();
+        this._contextMenuItems$ = this._googleMaps.editingEnabled$.pipe(map((enabled) => {
             const items = [];
             if (enabled) {
-                items.push({ label: 'Delete', action: () => this._onClickDeleteFeature() });
+                items.push({
+                    label: 'Delete',
+                    action: () => this._onClickDeleteFeature(),
+                });
             }
             return items;
-        }), tap(items => {
+        }), tap((items) => {
             if (items.length === 0) {
                 this._googleMaps.setFeatureContextMenu(null);
             }
@@ -1408,7 +1461,8 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
         this._gmApiLoaded = this._googleMapsApiLoader.load().pipe(map(() => true), catchError(() => of(false)));
     }
     ngOnInit() {
-        fromEvent(window, 'keydown').pipe(tap((event) => {
+        fromEvent(window, 'keydown')
+            .pipe(tap((event) => {
             switch (event.code) {
                 case 'Delete':
                     if (this._googleMaps.isEditingEnabled()) {
@@ -1428,7 +1482,8 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
                     event.stopPropagation();
                     break;
             }
-        }), takeUntil(this._ngUnsubscribe)).subscribe();
+        }), takeUntil(this._ngUnsubscribe))
+            .subscribe();
     }
     ngOnDestroy() {
         this._focusMonitor.stopMonitoring(this._elementRef);
@@ -1514,18 +1569,17 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
     _onClickDeleteFeature() {
         this._googleMaps.deleteSelection();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsComponent, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: GoogleMapsService }, { token: MapValueManagerService }, { token: TheSeamGoogleMapsApiLoader }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamGoogleMapsComponent, isStandalone: false, selector: "seam-google-maps", inputs: { disabled: "disabled", value: "value", tabIndex: "tabIndex", fileDropEnabled: "fileDropEnabled", fileUploadControlEnabled: "fileUploadControlEnabled", fullscreenControlEnabled: "fullscreenControlEnabled", reCenterControlEnabled: "reCenterControlEnabled", mapTypeControlEnabled: "mapTypeControlEnabled", streetViewControlEnabled: "streetViewControlEnabled", allowDrawingHoleInPolygon: "allowDrawingHoleInPolygon", editingEnabled: "editingEnabled", fileImportHandler: "fileImportHandler", zoom: "zoom", longitude: "longitude", latitude: "latitude", padding: "padding" }, outputs: { mapReady: "mapReady" }, host: { properties: { "attr.disabled": "this._attrDisabled", "attr.tabindex": "this._attrTabIndex" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsComponent, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: GoogleMapsService }, { token: MapValueManagerService }, { token: TheSeamGoogleMapsApiLoader }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamGoogleMapsComponent, isStandalone: false, selector: "seam-google-maps", inputs: { disabled: "disabled", value: "value", tabIndex: "tabIndex", fileDropEnabled: "fileDropEnabled", fileUploadControlEnabled: "fileUploadControlEnabled", fullscreenControlEnabled: "fullscreenControlEnabled", reCenterControlEnabled: "reCenterControlEnabled", mapTypeControlEnabled: "mapTypeControlEnabled", streetViewControlEnabled: "streetViewControlEnabled", allowDrawingHoleInPolygon: "allowDrawingHoleInPolygon", editingEnabled: "editingEnabled", fileImportHandler: "fileImportHandler", zoom: "zoom", longitude: "longitude", latitude: "latitude", padding: "padding" }, outputs: { mapReady: "mapReady" }, host: { properties: { "attr.disabled": "this._attrDisabled", "attr.tabindex": "this._attrTabIndex" } }, providers: [
             MapValueManagerService,
             GoogleMapsService,
             { provide: MAP_CONTROLS_SERVICE, useClass: GoogleMapsControlsService },
             {
                 provide: NG_VALUE_ACCESSOR,
-                // eslint-disable-next-line no-use-before-define
                 useExisting: forwardRef(() => TheSeamGoogleMapsComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "featureContextMenu", first: true, predicate: ["featureContextMenu"], descendants: true, read: MenuComponent, static: true }], exportAs: ["seamGoogleMaps"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"_gmApiLoaded | async\">\n  <google-map\n    height=\"100%\"\n    width=\"100%\"\n    [center]=\"{ lat: latitude, lng: longitude }\"\n    [zoom]=\"zoom\"\n    [options]=\"_options\"\n    (mapInitialized)=\"_onMapReady($any($event))\"\n    >\n  </google-map>\n</ng-container>\n<seam-menu #featureContextMenu>\n  <button seamMenuItem *ngFor=\"let item of _contextMenuItems$ | async\" (click)=\"item.action(item)\">{{ item.label }}</button>\n</seam-menu>\n<seam-map-file-drop *ngIf=\"fileDropEnabled\"></seam-map-file-drop>\n\n<seam-map-control *ngIf=\"fileUploadControlEnabled\" [def]=\"_fileUploadControlDef\"></seam-map-control>\n<seam-map-control *ngIf=\"reCenterControlEnabled\" [def]=\"_reCenterControlDef\"></seam-map-control>\n", styles: [":host{display:block;position:relative;height:400px;width:100%}:host.show-focus-border.cdk-focused{outline:0;box-shadow:0 0 0 .2rem #357ebd40}:host.show-focus-border[disabled]{opacity:.65}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MenuComponent, selector: "seam-menu", inputs: ["menuClass", "baseWidth", "animationType"], outputs: ["closed"], exportAs: ["seamMenu"] }, { kind: "component", type: i6.MenuItemComponent, selector: "[seamMenuItem]", inputs: ["disabled", "role", "icon", "iconClass", "sublevelIcon", "subLevelIconClass", "badgeText", "badgeTheme"], exportAs: ["seamMenuItem"] }, { kind: "component", type: i7.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "component", type: TheSeamMapFileDropComponent, selector: "seam-map-file-drop" }, { kind: "component", type: TheSeamMapsControlComponent, selector: "seam-map-control", inputs: ["def"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "featureContextMenu", first: true, predicate: ["featureContextMenu"], descendants: true, read: MenuComponent, static: true }], exportAs: ["seamGoogleMaps"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"_gmApiLoaded | async\">\n  <google-map\n    height=\"100%\"\n    width=\"100%\"\n    [center]=\"{ lat: latitude, lng: longitude }\"\n    [zoom]=\"zoom\"\n    [options]=\"_options\"\n    (mapInitialized)=\"_onMapReady($any($event))\"\n  >\n  </google-map>\n</ng-container>\n<seam-menu #featureContextMenu>\n  <button\n    seamMenuItem\n    *ngFor=\"let item of _contextMenuItems$ | async\"\n    (click)=\"item.action(item)\"\n  >\n    {{ item.label }}\n  </button>\n</seam-menu>\n<seam-map-file-drop *ngIf=\"fileDropEnabled\"></seam-map-file-drop>\n\n<seam-map-control\n  *ngIf=\"fileUploadControlEnabled\"\n  [def]=\"_fileUploadControlDef\"\n></seam-map-control>\n<seam-map-control\n  *ngIf=\"reCenterControlEnabled\"\n  [def]=\"_reCenterControlDef\"\n></seam-map-control>\n", styles: [":host{display:block;position:relative;height:400px;width:100%}:host.show-focus-border.cdk-focused{outline:0;box-shadow:0 0 0 .2rem #357ebd40}:host.show-focus-border[disabled]{opacity:.65}\n"], dependencies: [{ kind: "directive", type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MenuComponent, selector: "seam-menu", inputs: ["menuClass", "baseWidth", "animationType"], outputs: ["closed"], exportAs: ["seamMenu"] }, { kind: "component", type: i6.MenuItemComponent, selector: "[seamMenuItem]", inputs: ["disabled", "role", "icon", "iconClass", "sublevelIcon", "subLevelIconClass", "badgeText", "badgeTheme"], exportAs: ["seamMenuItem"] }, { kind: "component", type: i7.GoogleMap, selector: "google-map", inputs: ["height", "width", "mapId", "mapTypeId", "center", "zoom", "options"], outputs: ["mapInitialized", "authFailure", "boundsChanged", "centerChanged", "mapClick", "mapDblclick", "mapDrag", "mapDragend", "mapDragstart", "headingChanged", "idle", "maptypeidChanged", "mapMousemove", "mapMouseout", "mapMouseover", "projectionChanged", "mapRightclick", "tilesloaded", "tiltChanged", "zoomChanged"], exportAs: ["googleMap"] }, { kind: "component", type: TheSeamMapFileDropComponent, selector: "seam-map-file-drop" }, { kind: "component", type: TheSeamMapsControlComponent, selector: "seam-map-control", inputs: ["def"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 __decorate([
     InputBoolean()
@@ -1560,21 +1614,18 @@ __decorate([
 __decorate([
     InputNumber()
 ], TheSeamGoogleMapsComponent.prototype, "latitude", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-google-maps', inputs: [
-                        'disabled',
-                    ], providers: [
+            args: [{ selector: 'seam-google-maps', inputs: ['disabled'], providers: [
                         MapValueManagerService,
                         GoogleMapsService,
                         { provide: MAP_CONTROLS_SERVICE, useClass: GoogleMapsControlsService },
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            // eslint-disable-next-line no-use-before-define
                             useExisting: forwardRef(() => TheSeamGoogleMapsComponent),
                             multi: true,
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'seamGoogleMaps', standalone: false, template: "<ng-container *ngIf=\"_gmApiLoaded | async\">\n  <google-map\n    height=\"100%\"\n    width=\"100%\"\n    [center]=\"{ lat: latitude, lng: longitude }\"\n    [zoom]=\"zoom\"\n    [options]=\"_options\"\n    (mapInitialized)=\"_onMapReady($any($event))\"\n    >\n  </google-map>\n</ng-container>\n<seam-menu #featureContextMenu>\n  <button seamMenuItem *ngFor=\"let item of _contextMenuItems$ | async\" (click)=\"item.action(item)\">{{ item.label }}</button>\n</seam-menu>\n<seam-map-file-drop *ngIf=\"fileDropEnabled\"></seam-map-file-drop>\n\n<seam-map-control *ngIf=\"fileUploadControlEnabled\" [def]=\"_fileUploadControlDef\"></seam-map-control>\n<seam-map-control *ngIf=\"reCenterControlEnabled\" [def]=\"_reCenterControlDef\"></seam-map-control>\n", styles: [":host{display:block;position:relative;height:400px;width:100%}:host.show-focus-border.cdk-focused{outline:0;box-shadow:0 0 0 .2rem #357ebd40}:host.show-focus-border[disabled]{opacity:.65}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'seamGoogleMaps', standalone: false, template: "<ng-container *ngIf=\"_gmApiLoaded | async\">\n  <google-map\n    height=\"100%\"\n    width=\"100%\"\n    [center]=\"{ lat: latitude, lng: longitude }\"\n    [zoom]=\"zoom\"\n    [options]=\"_options\"\n    (mapInitialized)=\"_onMapReady($any($event))\"\n  >\n  </google-map>\n</ng-container>\n<seam-menu #featureContextMenu>\n  <button\n    seamMenuItem\n    *ngFor=\"let item of _contextMenuItems$ | async\"\n    (click)=\"item.action(item)\"\n  >\n    {{ item.label }}\n  </button>\n</seam-menu>\n<seam-map-file-drop *ngIf=\"fileDropEnabled\"></seam-map-file-drop>\n\n<seam-map-control\n  *ngIf=\"fileUploadControlEnabled\"\n  [def]=\"_fileUploadControlDef\"\n></seam-map-control>\n<seam-map-control\n  *ngIf=\"reCenterControlEnabled\"\n  [def]=\"_reCenterControlDef\"\n></seam-map-control>\n", styles: [":host{display:block;position:relative;height:400px;width:100%}:host.show-focus-border.cdk-focused{outline:0;box-shadow:0 0 0 .2rem #357ebd40}:host.show-focus-border[disabled]{opacity:.65}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: GoogleMapsService }, { type: MapValueManagerService }, { type: TheSeamGoogleMapsApiLoader }], propDecorators: { value: [{
                 type: Input
             }], tabIndex: [{
@@ -1619,7 +1670,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 const SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS = {
-    componentRestrictions: { country: 'US' }
+    componentRestrictions: { country: 'US' },
 };
 class TheSeamGoogleMapsPlacesAutocompleteDirective {
     _elementRef;
@@ -1651,15 +1702,17 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
     }
     ngOnInit() {
         this._ngZone.runOutsideAngular(() => {
-            this._untilGoogleMapsApiLoaded().pipe(takeUntil(this._ngUnsubscribe)).subscribe(() => {
+            this._untilGoogleMapsApiLoaded()
+                .pipe(takeUntil(this._ngUnsubscribe))
+                .subscribe(() => {
                 this.autoComplete = new google.maps.places.Autocomplete(this.getHostElement(), this._options);
-                this._placeChangedPending.forEach(pending => pending.observable.subscribe(pending.subscriber));
+                this._placeChangedPending.forEach((pending) => pending.observable.subscribe(pending.subscriber));
                 this._autoCompleteReadySubject.next(undefined);
             });
         });
     }
     ngOnDestroy() {
-        this._listeners.forEach(l => l.remove());
+        this._listeners.forEach((l) => l.remove());
         this._listeners = [];
         this._ngUnsubscribe.next(undefined);
         this._ngUnsubscribe.complete();
@@ -1703,7 +1756,6 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
      */
     setBounds(bounds) {
         this._assertInitialized();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setBounds(bounds);
     }
     /**
@@ -1713,7 +1765,6 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
      */
     setComponentRestrictions(restrictions) {
         this._assertInitialized();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setComponentRestrictions(restrictions);
     }
     /**
@@ -1723,13 +1774,11 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
      */
     setFields(fields) {
         this._assertInitialized();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setFields(fields);
     }
     /** */
     setOptions(options) {
         this._assertInitialized();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setOptions(options);
     }
     /**
@@ -1739,7 +1788,6 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
      */
     setTypes(types) {
         this._assertInitialized();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setTypes(types);
     }
     /** Focuses the input. */
@@ -1754,7 +1802,7 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
         return this._elementRef.nativeElement;
     }
     _createPlaceChangedObservable() {
-        const observable = new Observable(subscriber => {
+        const observable = new Observable((subscriber) => {
             if (!this.autoComplete) {
                 this._placeChangedPending.push({ observable, subscriber });
                 return undefined;
@@ -1774,14 +1822,14 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
                 'Please wait for the API to load before trying to interact with it.');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsPlacesAutocompleteDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamGoogleMapsPlacesAutocompleteDirective, isStandalone: true, selector: "input[seamGoogleMapsPlacesAutocomplete]", inputs: { options: "options" }, outputs: { placeChanged: "placeChanged" }, host: { properties: { "attr.type": "this._attrType" } }, exportAs: ["seamGoogleMapsPlacesAutocomplete"], usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsPlacesAutocompleteDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamGoogleMapsPlacesAutocompleteDirective, isStandalone: true, selector: "input[seamGoogleMapsPlacesAutocomplete]", inputs: { options: "options" }, outputs: { placeChanged: "placeChanged" }, host: { properties: { "attr.type": "this._attrType" } }, exportAs: ["seamGoogleMapsPlacesAutocomplete"], usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsPlacesAutocompleteDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsPlacesAutocompleteDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[seamGoogleMapsPlacesAutocomplete]',
-                    exportAs: 'seamGoogleMapsPlacesAutocomplete'
+                    exportAs: 'seamGoogleMapsPlacesAutocomplete',
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { options: [{
                 type: Input
@@ -1813,8 +1861,12 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
      * component to receive `focus` event from javascript, but not get focused by
      * keyboard navigation.
      */
-    set tabIndex(value) { this._tabIndex = coerceNumberProperty(value); }
-    get tabIndex() { return this._tabIndex; }
+    set tabIndex(value) {
+        this._tabIndex = coerceNumberProperty(value);
+    }
+    get tabIndex() {
+        return this._tabIndex;
+    }
     _tabIndex = -1;
     set options(value) {
         this._options = value || SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS;
@@ -1833,14 +1885,18 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
     _inputDirective;
     set __autocompleteDirective(value) {
         this._autoCompleteDirective = value;
-        this._untilAutoCompleteReady().pipe(takeUntil(this._ngUnsubscribe)).subscribe(() => {
+        this._untilAutoCompleteReady()
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe(() => {
             this.autoComplete = this._autoCompleteDirective.autoComplete;
-            this._placeChangedPending.forEach(pending => pending.observable.subscribe(pending.subscriber));
+            this._placeChangedPending.forEach((pending) => pending.observable.subscribe(pending.subscriber));
             this._placeChangedPending = [];
         });
     }
     _autoCompleteDirective;
-    get _attrTabIndex() { return this.disabled ? -1 : (this.tabIndex || 0); }
+    get _attrTabIndex() {
+        return this.disabled ? -1 : this.tabIndex || 0;
+    }
     _onClick(event) {
         this._inputDirective.focus();
     }
@@ -1890,7 +1946,6 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
      */
     setBounds(bounds) {
         this._assertInitialized();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setBounds(bounds);
     }
     /**
@@ -1900,7 +1955,6 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
      */
     setComponentRestrictions(restrictions) {
         this._assertInitialized();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setComponentRestrictions(restrictions);
     }
     /**
@@ -1910,13 +1964,11 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
      */
     setFields(fields) {
         this._assertInitialized();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setFields(fields);
     }
     /** */
     setOptions(options) {
         this._assertInitialized();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setOptions(options);
     }
     /**
@@ -1926,7 +1978,6 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
      */
     setTypes(types) {
         this._assertInitialized();
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setTypes(types);
     }
     /** Focuses the input. */
@@ -1941,7 +1992,7 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
         return this._elementRef.nativeElement;
     }
     _createPlaceChangedObservable() {
-        const observable = new Observable(subscriber => {
+        const observable = new Observable((subscriber) => {
             if (!this.autoComplete) {
                 this._placeChangedPending.push({ observable, subscriber });
                 return undefined;
@@ -1958,15 +2009,15 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
                 'Please wait for the API to load before trying to interact with it.');
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: TheSeamGoogleMapsPlacesAutoCompleteComponent, isStandalone: false, selector: "seam-google-maps-places-autocomplete", inputs: { label: "label", icon: "icon", disabled: "disabled", placeholder: "placeholder", autocorrect: "autocorrect", autocapitalize: "autocapitalize", tabIndex: "tabIndex", options: "options" }, outputs: { placeChanged: "placeChanged" }, host: { listeners: { "click": "_onClick(event)", "focus": "_onFocus($event)" }, properties: { "attr.tabindex": "this._attrTabIndex" } }, viewQueries: [{ propertyName: "_inputDirective", first: true, predicate: ["inp"], descendants: true, read: InputDirective, static: true }, { propertyName: "__autocompleteDirective", first: true, predicate: TheSeamGoogleMapsPlacesAutocompleteDirective, descendants: true, static: true }], exportAs: ["seamGoogleMapsPlacesAutoComplete"], ngImport: i0, template: "<div *ngIf=\"icon\" class=\"search-container--icon-wrapper\">\r\n  <seam-icon [icon]=\"icon\" class=\"text-muted\" size=\"lg\"></seam-icon>\r\n</div>\r\n<label *ngIf=\"label || placeholder\" [attr.for]=\"inp.id\" class=\"sr-only\">{{ label || placeholder }}</label>\r\n<input #inp=\"seamInput\"\r\n  seamInput\r\n  seamGoogleMapsPlacesAutocomplete\r\n  [disabled]=\"disabled\"\r\n  [attr.placeholder]=\"placeholder\"\r\n  [attr.autocorrect]=\"autocorrect\"\r\n  [attr.autocapitalize]=\"autocapitalize\"\r\n  [options]=\"_options\"\r\n/>\r\n", styles: [":host{position:relative;width:100%}:host>input{padding-left:40px}:host .search-container--icon-wrapper{position:absolute;top:6px;left:10px;bottom:0}:host .search-container--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "directive", type: i3.InputDirective, selector: "input[seamInput], textarea[seamInput], ng-select[seamInput], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[seamInput], seam-rich-text[seamInput]", inputs: ["seamInputSize", "id", "type", "placeholder", "required", "disabled", "readonly"], exportAs: ["seamInput"] }, { kind: "directive", type: TheSeamGoogleMapsPlacesAutocompleteDirective, selector: "input[seamGoogleMapsPlacesAutocomplete]", inputs: ["options"], outputs: ["placeChanged"], exportAs: ["seamGoogleMapsPlacesAutocomplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: TheSeamGoogleMapsPlacesAutoCompleteComponent, isStandalone: false, selector: "seam-google-maps-places-autocomplete", inputs: { label: "label", icon: "icon", disabled: "disabled", placeholder: "placeholder", autocorrect: "autocorrect", autocapitalize: "autocapitalize", tabIndex: "tabIndex", options: "options" }, outputs: { placeChanged: "placeChanged" }, host: { listeners: { "click": "_onClick(event)", "focus": "_onFocus($event)" }, properties: { "attr.tabindex": "this._attrTabIndex" } }, viewQueries: [{ propertyName: "_inputDirective", first: true, predicate: ["inp"], descendants: true, read: InputDirective, static: true }, { propertyName: "__autocompleteDirective", first: true, predicate: TheSeamGoogleMapsPlacesAutocompleteDirective, descendants: true, static: true }], exportAs: ["seamGoogleMapsPlacesAutoComplete"], ngImport: i0, template: "<div *ngIf=\"icon\" class=\"search-container--icon-wrapper\">\n  <seam-icon [icon]=\"icon\" class=\"text-muted\" size=\"lg\"></seam-icon>\n</div>\n<label *ngIf=\"label || placeholder\" [attr.for]=\"inp.id\" class=\"sr-only\">{{\n  label || placeholder\n}}</label>\n<input\n  #inp=\"seamInput\"\n  seamInput\n  seamGoogleMapsPlacesAutocomplete\n  [disabled]=\"disabled\"\n  [attr.placeholder]=\"placeholder\"\n  [attr.autocorrect]=\"autocorrect\"\n  [attr.autocapitalize]=\"autocapitalize\"\n  [options]=\"_options\"\n/>\n", styles: [":host{position:relative;width:100%}:host>input{padding-left:40px}:host .search-container--icon-wrapper{position:absolute;top:6px;left:10px;bottom:0}:host .search-container--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "directive", type: i3.InputDirective, selector: "input[seamInput], textarea[seamInput], ng-select[seamInput], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[seamInput], seam-rich-text[seamInput]", inputs: ["seamInputSize", "id", "type", "placeholder", "required", "disabled", "readonly"], exportAs: ["seamInput"] }, { kind: "directive", type: TheSeamGoogleMapsPlacesAutocompleteDirective, selector: "input[seamGoogleMapsPlacesAutocomplete]", inputs: ["options"], outputs: ["placeChanged"], exportAs: ["seamGoogleMapsPlacesAutocomplete"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 __decorate([
     InputBoolean()
 ], TheSeamGoogleMapsPlacesAutoCompleteComponent.prototype, "disabled", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'seam-google-maps-places-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'seamGoogleMapsPlacesAutoComplete', standalone: false, template: "<div *ngIf=\"icon\" class=\"search-container--icon-wrapper\">\r\n  <seam-icon [icon]=\"icon\" class=\"text-muted\" size=\"lg\"></seam-icon>\r\n</div>\r\n<label *ngIf=\"label || placeholder\" [attr.for]=\"inp.id\" class=\"sr-only\">{{ label || placeholder }}</label>\r\n<input #inp=\"seamInput\"\r\n  seamInput\r\n  seamGoogleMapsPlacesAutocomplete\r\n  [disabled]=\"disabled\"\r\n  [attr.placeholder]=\"placeholder\"\r\n  [attr.autocorrect]=\"autocorrect\"\r\n  [attr.autocapitalize]=\"autocapitalize\"\r\n  [options]=\"_options\"\r\n/>\r\n", styles: [":host{position:relative;width:100%}:host>input{padding-left:40px}:host .search-container--icon-wrapper{position:absolute;top:6px;left:10px;bottom:0}:host .search-container--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}\n"] }]
+            args: [{ selector: 'seam-google-maps-places-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'seamGoogleMapsPlacesAutoComplete', standalone: false, template: "<div *ngIf=\"icon\" class=\"search-container--icon-wrapper\">\n  <seam-icon [icon]=\"icon\" class=\"text-muted\" size=\"lg\"></seam-icon>\n</div>\n<label *ngIf=\"label || placeholder\" [attr.for]=\"inp.id\" class=\"sr-only\">{{\n  label || placeholder\n}}</label>\n<input\n  #inp=\"seamInput\"\n  seamInput\n  seamGoogleMapsPlacesAutocomplete\n  [disabled]=\"disabled\"\n  [attr.placeholder]=\"placeholder\"\n  [attr.autocorrect]=\"autocorrect\"\n  [attr.autocapitalize]=\"autocapitalize\"\n  [options]=\"_options\"\n/>\n", styles: [":host{position:relative;width:100%}:host>input{padding-left:40px}:host .search-container--icon-wrapper{position:absolute;top:6px;left:10px;bottom:0}:host .search-container--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{
                 type: Input
             }], icon: [{
@@ -2003,8 +2054,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
             }] } });
 
 class TheSeamGoogleMapsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsModule, declarations: [TheSeamGoogleMapsComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsModule, declarations: [TheSeamGoogleMapsComponent,
             TheSeamMapFileDropComponent,
             TheSeamGoogleMapsUploadButtonControlComponent,
             TheSeamGoogleMapsRecenterButtonControlComponent,
@@ -2020,7 +2071,7 @@ class TheSeamGoogleMapsModule {
             TheSeamGoogleMapsPlacesAutocompleteDirective,
             TheSeamGoogleMapsPlacesAutoCompleteComponent,
             TheSeamMapsControlComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsModule, imports: [CommonModule,
             ObserversModule,
             TheSeamSharedModule,
             TheSeamMenuModule,
@@ -2028,7 +2079,7 @@ class TheSeamGoogleMapsModule {
             TheSeamFormFieldModule,
             GoogleMapsModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamGoogleMapsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamGoogleMapsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -2054,7 +2105,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         TheSeamGoogleMapsPlacesAutocompleteDirective,
                         TheSeamGoogleMapsPlacesAutoCompleteComponent,
                         TheSeamMapsControlComponent,
-                    ]
+                    ],
                 }]
         }] });
 
@@ -2103,7 +2154,9 @@ class TheSeamLazyMapsApiLoader extends TheSeamGoogleMapsApiLoader {
     _assignScriptLoadingPromise(scriptElem) {
         this._scriptLoadingPromise = new Promise((resolve, reject) => {
             const win = window;
-            win[this.callbackName] = () => { resolve(); };
+            win[this.callbackName] = () => {
+                resolve();
+            };
             scriptElem.onerror = (error) => {
                 reject(error);
             };
@@ -2125,8 +2178,9 @@ class TheSeamLazyMapsApiLoader extends TheSeamGoogleMapsApiLoader {
             channel: this._config.channel,
             libraries: this._config.libraries,
             region: this._config.region,
-            language: this._config.language || (this._localeId !== 'en-US' ? this._localeId : null),
-            loading: this._config.loading || 'async'
+            language: this._config.language ||
+                (this._localeId !== 'en-US' ? this._localeId : null),
+            loading: this._config.loading || 'async',
         };
         const params = Object.keys(queryParams)
             // Remove undefined or null params.
@@ -2139,7 +2193,10 @@ class TheSeamLazyMapsApiLoader extends TheSeamGoogleMapsApiLoader {
             // Join arrays as comma seperated strings.
             .map((k) => {
             const param = queryParams[k];
-            return { key: k, value: Array.isArray(param) ? param.join(',') : param };
+            return {
+                key: k,
+                value: Array.isArray(param) ? param.join(',') : param,
+            };
         })
             .map((entry) => {
             return `${entry.key}=${entry.value}`;
@@ -2147,10 +2204,10 @@ class TheSeamLazyMapsApiLoader extends TheSeamGoogleMapsApiLoader {
             .join('&');
         return `${hostAndPath}?${params}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLazyMapsApiLoader, deps: [{ token: LOCALE_ID }, { token: THESEAM_LAZY_MAPS_API_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLazyMapsApiLoader });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLazyMapsApiLoader, deps: [{ token: LOCALE_ID }, { token: THESEAM_LAZY_MAPS_API_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLazyMapsApiLoader });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamLazyMapsApiLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamLazyMapsApiLoader, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -2176,10 +2233,10 @@ class TheSeamNoopGoogleMapsAPILoader extends TheSeamGoogleMapsApiLoader {
             return of(undefined);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader, decorators: [{
             type: Injectable
         }] });