@theseam/ui-common 0.4.0-beta.5 → 0.4.1

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

@@ -1,9 +1,9 @@
 import { __awaiter, __decorate } from 'tslib';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Injector, Component, ChangeDetectionStrategy, Optional, Inject, Input, HostListener, EventEmitter, forwardRef, HostBinding, Output, ViewChild, Directive, NgModule } from '@angular/core';
+import { InjectionToken, Injectable, Injector, Component, ChangeDetectionStrategy, Optional, Inject, Input, HostListener, EventEmitter, forwardRef, HostBinding, Output, ViewChild, Directive, NgModule, LOCALE_ID } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { Observable, Subject, fromEvent, BehaviorSubject, from, of, interval } from 'rxjs';
+import { Observable, Subject, fromEvent, BehaviorSubject, from, of, interval, defer, throwError } from 'rxjs';
 import { takeUntil, switchMap, tap, map, catchError, startWith, filter, take, mapTo } from 'rxjs/operators';
 import { faFileImport, faCrosshairs, faSearchLocation } from '@fortawesome/free-solid-svg-icons';
 import { mixinDisabled, InputBoolean, InputNumber } from '@theseam/ui-common/core';
@@ -272,16 +272,16 @@ class GoogleMapsContextMenu {
                 this.position = position;
                 this.containerDiv = document.createElement('div');
                 this.containerDiv.style.cursor = 'auto';
-                this.containerDiv.style.height = '0',
-                    this.containerDiv.style.position = 'absolute';
+                this.containerDiv.style.height = '0';
+                this.containerDiv.style.position = 'absolute';
                 this.containerDiv.appendChild(content);
                 // Optionally stop clicks, etc., from bubbling up to the map.
                 GoogleMapsContextMenuOverlayView.preventMapHitsAndGesturesFrom(this.containerDiv);
             }
             /** Called when the view is added to the map. */
             onAdd() {
-                // tslint:disable-next-line: no-non-null-assertion
-                this.getPanes().floatPane.appendChild(this.containerDiv);
+                var _a;
+                (_a = this.getPanes()) === null || _a === void 0 ? void 0 : _a.floatPane.appendChild(this.containerDiv);
             }
             /** Called when the view is removed from the map. */
             onRemove() {
@@ -292,15 +292,17 @@ class GoogleMapsContextMenu {
             }
             /** Called each frame when the view needs to draw itself. */
             draw() {
-                // tslint:disable-next-line: no-non-null-assertion
                 const divPosition = this.getProjection().fromLatLngToDivPixel(this.position);
+                if (!divPosition) {
+                    return;
+                }
                 // Hide the popup when it is far out of view.
                 const display = Math.abs(divPosition.x) < 4000 && Math.abs(divPosition.y) < 4000
                     ? 'block'
                     : 'none';
                 if (display === 'block') {
-                    this.containerDiv.style.left = divPosition.x + 'px';
-                    this.containerDiv.style.top = divPosition.y + 'px';
+                    this.containerDiv.style.left = `${divPosition.x}px`;
+                    this.containerDiv.style.top = `${divPosition.y}px`;
                 }
                 if (this.containerDiv.style.display !== display) {
                     this.containerDiv.style.display = display;
@@ -382,9 +384,9 @@ class MapValueManagerService {
         return this._value;
     }
 }
-MapValueManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: MapValueManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MapValueManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: MapValueManagerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: MapValueManagerService, decorators: [{
+MapValueManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MapValueManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+MapValueManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MapValueManagerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MapValueManagerService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });
 
@@ -399,11 +401,11 @@ const DEFAULT_DRAWING_MANAGER_OPTIONS = () => ({
     drawingControl: true,
     drawingControlOptions: {
         drawingModes: [
-            google.maps.drawing.OverlayType.POLYGON
-        ]
+            google.maps.drawing.OverlayType.POLYGON,
+        ],
     },
     polygonOptions: DEFAULT_POLYGON_OPTIONS,
-    drawingMode: null
+    drawingMode: null,
 });
 const FEATURE_STYLE_OPTIONS_DEFAULT = {
     clickable: true,
@@ -420,6 +422,7 @@ const FEATURE_STYLE_OPTIONS_DEFAULT = {
 };
 const FEATURE_STYLE_OPTIONS_SELECTED = Object.assign(Object.assign({}, FEATURE_STYLE_OPTIONS_DEFAULT), { draggable: true, editable: true, fillColor: 'green', fillOpacity: 0.7, strokeColor: 'limegreen', strokeOpacity: 1, strokeWeight: 2 });
 class GoogleMapsService {
+    get mapReady() { return this._mapReadySubject.value; }
     constructor(_mapValueManager, _ngZone, _vcr) {
         this._mapValueManager = _mapValueManager;
         this._ngZone = _ngZone;
@@ -431,7 +434,6 @@ class GoogleMapsService {
         this._allowDrawingHoleInPolygon = false;
         this.mapReady$ = this._mapReadySubject.asObservable();
     }
-    get mapReady() { return this._mapReadySubject.value; }
     ngOnDestroy() {
         this._ngUnsubscribe.next();
         this._ngUnsubscribe.complete();
@@ -572,7 +574,7 @@ class GoogleMapsService {
             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 => {
             if (isFeatureSelected(feature)) {
                 return FEATURE_STYLE_OPTIONS_SELECTED;
             }
@@ -725,9 +727,9 @@ class GoogleMapsService {
         }
     }
 }
-GoogleMapsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: GoogleMapsService, deps: [{ token: MapValueManagerService }, { token: i0.NgZone }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable });
-GoogleMapsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: GoogleMapsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: GoogleMapsService, decorators: [{
+GoogleMapsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GoogleMapsService, deps: [{ token: MapValueManagerService }, { token: i0.NgZone }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Injectable });
+GoogleMapsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GoogleMapsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GoogleMapsService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: MapValueManagerService }, { type: i0.NgZone }, { type: i0.ViewContainerRef }]; } });
 
@@ -788,9 +790,9 @@ class GoogleMapsControlsService {
         return new MapControlRef(this._googleMaps, this._componentFactoryResolver, this._injector, control);
     }
 }
-GoogleMapsControlsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: GoogleMapsControlsService, deps: [{ token: GoogleMapsService }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-GoogleMapsControlsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: GoogleMapsControlsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: GoogleMapsControlsService, decorators: [{
+GoogleMapsControlsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GoogleMapsControlsService, deps: [{ token: GoogleMapsService }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+GoogleMapsControlsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GoogleMapsControlsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: GoogleMapsControlsService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: GoogleMapsService }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }]; } });
 
@@ -798,22 +800,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImpor
  *
  */
 class TheSeamGoogleMapsRecenterButtonControlComponent {
+    _onClick(event) {
+        this._googleMaps.reCenterOnFeatures();
+    }
     constructor(_googleMaps, _data) {
         this._googleMaps = _googleMaps;
         this._ngUnsubscribe = new Subject();
         this._listeners = [];
         if (_data) {
-            if (_data.hasOwnProperty('label')) {
+            if (Object.prototype.hasOwnProperty.call(_data, 'label')) {
                 this.label = _data.label;
             }
-            if (_data.hasOwnProperty('icon')) {
+            if (Object.prototype.hasOwnProperty.call(_data, 'icon')) {
                 this.icon = _data.icon;
             }
         }
     }
-    _onClick(event) {
-        this._googleMaps.reCenterOnFeatures();
-    }
     /** @ignore */
     ngOnDestroy() {
         this._listeners.forEach(l => l());
@@ -821,9 +823,9 @@ class TheSeamGoogleMapsRecenterButtonControlComponent {
         this._ngUnsubscribe.complete();
     }
 }
-TheSeamGoogleMapsRecenterButtonControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsRecenterButtonControlComponent, deps: [{ token: GoogleMapsService }, { token: MAP_CONTROL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamGoogleMapsRecenterButtonControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: TheSeamGoogleMapsRecenterButtonControlComponent, 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 rgb(255,255,255);border:0px;margin:10px;padding:11px;text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;-moz-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: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsRecenterButtonControlComponent, decorators: [{
+TheSeamGoogleMapsRecenterButtonControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsRecenterButtonControlComponent, deps: [{ token: GoogleMapsService }, { token: MAP_CONTROL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+TheSeamGoogleMapsRecenterButtonControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamGoogleMapsRecenterButtonControlComponent, 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 rgb(255,255,255);border:0px;margin:10px;padding:11px;text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;-moz-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: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsRecenterButtonControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[seam-google-maps-recenter-button-control]', host: {
                         '[attr.draggable]': 'false',
@@ -852,6 +854,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImpor
  *
  */
 class TheSeamGoogleMapsUploadButtonControlComponent {
+    _onClick(event) {
+        this._fileInputElement.click();
+    }
     constructor(_elementRef, _mapValueManager, _renderer, _googleMaps, _data) {
         this._elementRef = _elementRef;
         this._mapValueManager = _mapValueManager;
@@ -860,19 +865,16 @@ class TheSeamGoogleMapsUploadButtonControlComponent {
         this._ngUnsubscribe = new Subject();
         this._listeners = [];
         if (_data) {
-            if (_data.hasOwnProperty('label')) {
+            if (Object.prototype.hasOwnProperty.call(_data, 'label')) {
                 this.label = _data.label;
             }
-            if (_data.hasOwnProperty('icon')) {
+            if (Object.prototype.hasOwnProperty.call(_data, 'icon')) {
                 this.icon = _data.icon;
             }
         }
         this._fileInputElement = this._createHiddenInput();
         this._renderer.appendChild(this._elementRef.nativeElement, this._fileInputElement);
     }
-    _onClick(event) {
-        this._fileInputElement.click();
-    }
     /** @ignore */
     ngOnDestroy() {
         this._listeners.forEach(l => l());
@@ -931,9 +933,9 @@ class TheSeamGoogleMapsUploadButtonControlComponent {
         this._renderer.appendChild(this._elementRef.nativeElement, this._fileInputElement);
     }
 }
-TheSeamGoogleMapsUploadButtonControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", 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 });
-TheSeamGoogleMapsUploadButtonControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: TheSeamGoogleMapsUploadButtonControlComponent, 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 rgb(255,255,255);border:0px;margin:10px;padding:11px;text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;-moz-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: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsUploadButtonControlComponent, decorators: [{
+TheSeamGoogleMapsUploadButtonControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", 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 });
+TheSeamGoogleMapsUploadButtonControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamGoogleMapsUploadButtonControlComponent, 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 rgb(255,255,255);border:0px;margin:10px;padding:11px;text-transform:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;cursor:pointer;-webkit-user-select:none;-moz-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: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsUploadButtonControlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'button[seam-google-maps-upload-button-control]', host: {
                         '[attr.draggable]': 'false',
@@ -1074,25 +1076,25 @@ class TheSeamMapFileDropComponent {
         return dataTransfer.types[0] === 'Files';
     }
 }
-TheSeamMapFileDropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamMapFileDropComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: GoogleMapsService }, { token: MapValueManagerService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamMapFileDropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: TheSeamMapFileDropComponent, 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: "15.2.4", ngImport: i0, type: TheSeamMapFileDropComponent, decorators: [{
+TheSeamMapFileDropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamMapFileDropComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: GoogleMapsService }, { token: MapValueManagerService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+TheSeamMapFileDropComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamMapFileDropComponent, 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: "15.2.9", ngImport: i0, type: TheSeamMapFileDropComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-map-file-drop', changeDetection: ChangeDetectionStrategy.OnPush, template: "", styles: [":host{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999!important;background-color:#1e1e1eb3}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: GoogleMapsService }, { type: MapValueManagerService }, { type: i0.Renderer2 }]; } });
 
 class TheSeamMapsControlComponent {
-    constructor(_googleMaps, _googleMapsControls) {
-        this._googleMaps = _googleMaps;
-        this._googleMapsControls = _googleMapsControls;
-        this._ngUnsubscribe = new Subject();
-    }
     set def(value) {
         if (value !== this._def) {
             this._remove();
             this._def = value;
         }
     }
+    constructor(_googleMaps, _googleMapsControls) {
+        this._googleMaps = _googleMaps;
+        this._googleMapsControls = _googleMapsControls;
+        this._ngUnsubscribe = new Subject();
+    }
     /** @ignore */
     ngOnInit() {
         this._googleMaps.mapReady$.pipe(tap(ready => {
@@ -1125,9 +1127,9 @@ class TheSeamMapsControlComponent {
         this._controlRef = undefined;
     }
 }
-TheSeamMapsControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamMapsControlComponent, deps: [{ token: GoogleMapsService }, { token: MAP_CONTROLS_SERVICE }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamMapsControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: TheSeamMapsControlComponent, selector: "seam-map-control", inputs: { def: "def" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamMapsControlComponent, decorators: [{
+TheSeamMapsControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamMapsControlComponent, deps: [{ token: GoogleMapsService }, { token: MAP_CONTROLS_SERVICE }], target: i0.ɵɵFactoryTarget.Component });
+TheSeamMapsControlComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamMapsControlComponent, selector: "seam-map-control", inputs: { def: "def" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamMapsControlComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'seam-map-control',
@@ -1153,8 +1155,22 @@ const _TheSeamGoogleMapsMixinBase = mixinDisabled(TheSeamGoogleMapsComponentBase
  * A wrapper for googlemap.
  */
 class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
+    set value(value) {
+        this._mapValueManager.setValue(value, MapValueSource.Input);
+    }
+    get value() {
+        return this._mapValueManager.value;
+    }
+    set tabIndex(value) { this._tabIndex = coerceNumberProperty(value); }
+    get tabIndex() { return this._tabIndex; }
+    set fileImportHandler(value) {
+        this._googleMaps.setFileInputHandler(value);
+    }
+    get _attrDisabled() { return this.disabled || null; }
+    get _attrTabIndex() { return this.disabled ? -1 : (this.tabIndex || 0); }
     constructor(elementRef, _focusMonitor, _googleMaps, _mapValueManager, _googleMapsApiLoader) {
         super(elementRef);
+        this.elementRef = elementRef;
         this._focusMonitor = _focusMonitor;
         this._googleMaps = _googleMaps;
         this._mapValueManager = _mapValueManager;
@@ -1192,9 +1208,9 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
             mapTypeControl: true,
             mapTypeId: 'hybrid',
             streetViewControl: false,
-            fullscreenControl: this.fullscreenControlEnabled
+            fullscreenControl: this.fullscreenControlEnabled,
         };
-        this._focusMonitor.monitor(this._elementRef, true).pipe(tap(origin => this._focusOrigin = origin), takeUntil(this._ngUnsubscribe)).subscribe();
+        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);
@@ -1210,20 +1226,6 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
         this._googleMaps.setBaseLatLng(this.latitude, this.longitude);
         this._gmApiLoaded = this._googleMapsApiLoader.load().pipe(map(() => true), catchError(() => of(false)));
     }
-    set value(value) {
-        this._mapValueManager.setValue(value, MapValueSource.Input);
-    }
-    get value() {
-        return this._mapValueManager.value;
-    }
-    set tabIndex(value) { this._tabIndex = coerceNumberProperty(value); }
-    get tabIndex() { return this._tabIndex; }
-    set fileImportHandler(value) {
-        this._googleMaps.setFileInputHandler(value);
-    }
-    get _attrDisabled() { return this.disabled || null; }
-    get _attrTabIndex() { return this.disabled ? -1 : (this.tabIndex || 0); }
-    /** @ignore */
     ngOnInit() {
         this._googleMaps.setFeatureContextMenu(this.featureContextMenu);
         fromEvent(window, 'keydown').pipe(tap((event) => {
@@ -1246,32 +1248,29 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
             }
         }), takeUntil(this._ngUnsubscribe)).subscribe();
     }
-    /** @ignore */
     ngOnDestroy() {
         this._focusMonitor.stopMonitoring(this._elementRef);
         this._ngUnsubscribe.next();
         this._ngUnsubscribe.complete();
     }
-    /** @ignore */
-    ngAfterViewInit() { }
     ngOnChanges(changes) {
         let updateBase = false;
-        if (changes.hasOwnProperty('latitude')) {
-            this.latitude = changes['latitude'].currentValue;
+        if (Object.prototype.hasOwnProperty.call(changes, 'latitude')) {
+            this.latitude = changes.latitude.currentValue;
             updateBase = true;
         }
-        if (changes.hasOwnProperty('longitude')) {
-            this.longitude = changes['longitude'].currentValue;
+        if (Object.prototype.hasOwnProperty.call(changes, 'longitude')) {
+            this.longitude = changes.longitude.currentValue;
             updateBase = true;
         }
         if (updateBase) {
             this._googleMaps.setBaseLatLng(this.latitude, this.longitude);
         }
-        if (changes.hasOwnProperty('allowDrawingHoleInPolygon')) {
+        if (Object.prototype.hasOwnProperty.call(changes, 'allowDrawingHoleInPolygon')) {
             this._googleMaps.allowDrawingHoleInPolygon(this.allowDrawingHoleInPolygon);
         }
-        if (changes.hasOwnProperty('fullscreenControlEnabled')) {
-            const fullscreenControl = coerceBooleanProperty(changes['fullscreenControlEnabled'].currentValue);
+        if (Object.prototype.hasOwnProperty.call(changes, 'fullscreenControlEnabled')) {
+            const fullscreenControl = coerceBooleanProperty(changes.fullscreenControlEnabled.currentValue);
             if (fullscreenControl !== this._options.fullscreenControl) {
                 this._options = Object.assign(Object.assign({}, this._options), { fullscreenControl });
             }
@@ -1321,17 +1320,17 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
         this._googleMaps.deleteSelection();
     }
 }
-TheSeamGoogleMapsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsComponent, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: GoogleMapsService }, { token: MapValueManagerService }, { token: TheSeamGoogleMapsApiLoader }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamGoogleMapsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: TheSeamGoogleMapsComponent, 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", fileImportHandler: "fileImportHandler", zoom: "zoom", longitude: "longitude", latitude: "latitude" }, outputs: { mapReady: "mapReady" }, host: { properties: { "attr.disabled": "this._attrDisabled", "attr.tabindex": "this._attrTabIndex" } }, providers: [
+TheSeamGoogleMapsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsComponent, deps: [{ token: i0.ElementRef }, { token: i1.FocusMonitor }, { token: GoogleMapsService }, { token: MapValueManagerService }, { token: TheSeamGoogleMapsApiLoader }], target: i0.ɵɵFactoryTarget.Component });
+TheSeamGoogleMapsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamGoogleMapsComponent, 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", fileImportHandler: "fileImportHandler", zoom: "zoom", longitude: "longitude", latitude: "latitude" }, 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,
-            // tslint:disable-next-line: no-use-before-declare
+            // eslint-disable-next-line no-use-before-define
             useExisting: forwardRef(() => TheSeamGoogleMapsComponent),
-            multi: true
-        }
+            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 (click)=\"_onClickDeleteFeature()\">Delete</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.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", "badgeText", "badgeTheme"], exportAs: ["seamMenuItem"] }, { kind: "component", type: i7.GoogleMap, selector: "google-map", inputs: ["height", "width", "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()
@@ -1363,20 +1362,20 @@ __decorate([
 __decorate([
     InputNumber()
 ], TheSeamGoogleMapsComponent.prototype, "latitude", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-google-maps', inputs: [
-                        'disabled'
+                        'disabled',
                     ], providers: [
                         MapValueManagerService,
                         GoogleMapsService,
                         { provide: MAP_CONTROLS_SERVICE, useClass: GoogleMapsControlsService },
                         {
                             provide: NG_VALUE_ACCESSOR,
-                            // tslint:disable-next-line: no-use-before-declare
+                            // eslint-disable-next-line no-use-before-define
                             useExisting: forwardRef(() => TheSeamGoogleMapsComponent),
-                            multi: true
-                        }
+                            multi: true,
+                        },
                     ], changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'seamGoogleMaps', 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 (click)=\"_onClickDeleteFeature()\">Delete</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"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: GoogleMapsService }, { type: MapValueManagerService }, { type: TheSeamGoogleMapsApiLoader }]; }, propDecorators: { value: [{
                 type: Input
@@ -1421,6 +1420,9 @@ const SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS = {
     componentRestrictions: { country: 'US' }
 };
 class TheSeamGoogleMapsPlacesAutocompleteDirective {
+    set options(value) {
+        this._options = value || SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS;
+    }
     constructor(_elementRef, _ngZone) {
         this._elementRef = _elementRef;
         this._ngZone = _ngZone;
@@ -1432,9 +1434,6 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
         this._attrType = 'text';
         this.placeChanged = this._autoCompleteReadySubject.pipe(startWith(undefined), switchMap(() => this._createPlaceChangedObservable()));
     }
-    set options(value) {
-        this._options = value || SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS;
-    }
     ngOnInit() {
         this._ngZone.runOutsideAngular(() => {
             this._untilGoogleMapsApiLoaded().pipe(takeUntil(this._ngUnsubscribe)).subscribe(() => {
@@ -1489,7 +1488,7 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
      */
     setBounds(bounds) {
         this._assertInitialized();
-        // tslint:disable-next-line: no-non-null-assertion
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setBounds(bounds);
     }
     /**
@@ -1499,7 +1498,7 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
      */
     setComponentRestrictions(restrictions) {
         this._assertInitialized();
-        // tslint:disable-next-line: no-non-null-assertion
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setComponentRestrictions(restrictions);
     }
     /**
@@ -1509,13 +1508,13 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
      */
     setFields(fields) {
         this._assertInitialized();
-        // tslint:disable-next-line: no-non-null-assertion
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setFields(fields);
     }
     /** */
     setOptions(options) {
         this._assertInitialized();
-        // tslint:disable-next-line: no-non-null-assertion
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setOptions(options);
     }
     /**
@@ -1525,7 +1524,7 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
      */
     setTypes(types) {
         this._assertInitialized();
-        // tslint:disable-next-line: no-non-null-assertion
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setTypes(types);
     }
     /** Focuses the input. */
@@ -1561,9 +1560,9 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
         }
     }
 }
-TheSeamGoogleMapsPlacesAutocompleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsPlacesAutocompleteDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-TheSeamGoogleMapsPlacesAutocompleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.4", type: TheSeamGoogleMapsPlacesAutocompleteDirective, 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: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsPlacesAutocompleteDirective, decorators: [{
+TheSeamGoogleMapsPlacesAutocompleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsPlacesAutocompleteDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+TheSeamGoogleMapsPlacesAutocompleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamGoogleMapsPlacesAutocompleteDirective, 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: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsPlacesAutocompleteDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[seamGoogleMapsPlacesAutocomplete]',
@@ -1582,21 +1581,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImpor
  *
  */
 class TheSeamGoogleMapsPlacesAutoCompleteComponent {
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-        this._ngUnsubscribe = new Subject();
-        this._autoCompleteReadySubject = new Subject();
-        this._placeChangedPending = [];
-        this.label = 'Search by address, place or name';
-        this.icon = faSearchLocation;
-        this.disabled = false;
-        this.placeholder = 'Enter address, place or name';
-        this.autocorrect = 'off';
-        this.autocapitalize = 'off';
-        this._tabIndex = -1;
-        this._options = SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS;
-        this.placeChanged = this._autoCompleteReadySubject.pipe(startWith(undefined), switchMap(() => this._createPlaceChangedObservable()));
-    }
     /**
      * 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
@@ -1623,7 +1607,21 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
         var _a;
         (_a = this._inputDirective) === null || _a === void 0 ? void 0 : _a.focus();
     }
-    ngOnInit() { }
+    constructor(_elementRef) {
+        this._elementRef = _elementRef;
+        this._ngUnsubscribe = new Subject();
+        this._autoCompleteReadySubject = new Subject();
+        this._placeChangedPending = [];
+        this.label = 'Search by address, place or name';
+        this.icon = faSearchLocation;
+        this.disabled = false;
+        this.placeholder = 'Enter address, place or name';
+        this.autocorrect = 'off';
+        this.autocapitalize = 'off';
+        this._tabIndex = -1;
+        this._options = SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS;
+        this.placeChanged = this._autoCompleteReadySubject.pipe(startWith(undefined), switchMap(() => this._createPlaceChangedObservable()));
+    }
     /** @ignore */
     ngOnDestroy() {
         this._ngUnsubscribe.next();
@@ -1663,7 +1661,7 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
      */
     setBounds(bounds) {
         this._assertInitialized();
-        // tslint:disable-next-line: no-non-null-assertion
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setBounds(bounds);
     }
     /**
@@ -1673,7 +1671,7 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
      */
     setComponentRestrictions(restrictions) {
         this._assertInitialized();
-        // tslint:disable-next-line: no-non-null-assertion
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setComponentRestrictions(restrictions);
     }
     /**
@@ -1683,13 +1681,13 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
      */
     setFields(fields) {
         this._assertInitialized();
-        // tslint:disable-next-line: no-non-null-assertion
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setFields(fields);
     }
     /** */
     setOptions(options) {
         this._assertInitialized();
-        // tslint:disable-next-line: no-non-null-assertion
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setOptions(options);
     }
     /**
@@ -1699,7 +1697,7 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
      */
     setTypes(types) {
         this._assertInitialized();
-        // tslint:disable-next-line: no-non-null-assertion
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         return this.autoComplete.setTypes(types);
     }
     /** Focuses the input. */
@@ -1732,12 +1730,12 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
         }
     }
 }
-TheSeamGoogleMapsPlacesAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamGoogleMapsPlacesAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.4", type: TheSeamGoogleMapsPlacesAutoCompleteComponent, 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-checkbox[seamInput] [ngbRadioGroup], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[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 });
+TheSeamGoogleMapsPlacesAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TheSeamGoogleMapsPlacesAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: TheSeamGoogleMapsPlacesAutoCompleteComponent, 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-checkbox[seamInput] [ngbRadioGroup], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[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: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'seam-google-maps-places-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'seamGoogleMapsPlacesAutoComplete', 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"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
@@ -1777,8 +1775,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImpor
 
 class TheSeamGoogleMapsModule {
 }
-TheSeamGoogleMapsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamGoogleMapsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsModule, declarations: [TheSeamGoogleMapsComponent,
+TheSeamGoogleMapsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TheSeamGoogleMapsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsModule, declarations: [TheSeamGoogleMapsComponent,
         TheSeamMapFileDropComponent,
         TheSeamGoogleMapsUploadButtonControlComponent,
         TheSeamGoogleMapsRecenterButtonControlComponent,
@@ -1793,14 +1791,14 @@ TheSeamGoogleMapsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         GoogleMapsModule], exports: [TheSeamGoogleMapsComponent,
         TheSeamGoogleMapsPlacesAutocompleteDirective,
         TheSeamGoogleMapsPlacesAutoCompleteComponent] });
-TheSeamGoogleMapsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsModule, imports: [CommonModule,
+TheSeamGoogleMapsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsModule, imports: [CommonModule,
         ObserversModule,
         TheSeamSharedModule,
         TheSeamMenuModule,
         TheSeamIconModule,
         TheSeamFormFieldModule,
         GoogleMapsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImport: i0, type: TheSeamGoogleMapsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1829,9 +1827,131 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.4", ngImpor
                 }]
         }] });
 
+/**
+ * Token for the config of the LazyMapsAPILoader. Please provide an object of
+ * type {@link TheSeamLazyMapsApiLoader}.
+ */
+const THESEAM_LAZY_MAPS_API_CONFIG = new InjectionToken('THESEAM_LAZY_MAPS_API_CONFIG');
+class TheSeamLazyMapsApiLoader extends TheSeamGoogleMapsApiLoader {
+    constructor(_localeId, config) {
+        super();
+        this._localeId = _localeId;
+        this.config = config;
+        this._SCRIPT_ID = 'seamGoogleMapsApiScript';
+        this.callbackName = `__seamLazyGoogleMapsApiLoader`;
+        this._config = config || {};
+    }
+    load() {
+        if (window.google && window.google.maps) {
+            // Google maps already loaded on the page.
+            return of(undefined);
+        }
+        if (this._scriptLoadingPromise) {
+            return from(this._scriptLoadingPromise);
+        }
+        // This can happen in HMR situations or Stackblitz.io editors.
+        const scriptOnPage = document.getElementById(this._SCRIPT_ID);
+        if (scriptOnPage) {
+            this._assignScriptLoadingPromise(scriptOnPage);
+            return from(this._getScriptLoadingPromise());
+        }
+        const script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.async = true;
+        script.defer = true;
+        script.id = this._SCRIPT_ID;
+        script.src = this._getScriptSrc(this.callbackName);
+        this._assignScriptLoadingPromise(script);
+        document.body.appendChild(script);
+        return from(this._getScriptLoadingPromise());
+    }
+    _assignScriptLoadingPromise(scriptElem) {
+        this._scriptLoadingPromise = new Promise((resolve, reject) => {
+            const win = window;
+            win[this.callbackName] = () => { resolve(); };
+            scriptElem.onerror = (error) => {
+                reject(error);
+            };
+        });
+    }
+    _getScriptLoadingPromise() {
+        if (!this._scriptLoadingPromise) {
+            throw Error(`_scriptLoadingPromise has not been assigned.`);
+        }
+        return this._scriptLoadingPromise;
+    }
+    _getScriptSrc(callbackName) {
+        const hostAndPath = this._config.url || 'https://maps.googleapis.com/maps/api/js';
+        const queryParams = {
+            v: this._config.apiVersion || 'quarterly',
+            callback: callbackName,
+            key: this._config.apiKey,
+            client: this._config.clientId,
+            channel: this._config.channel,
+            libraries: this._config.libraries,
+            region: this._config.region,
+            language: this._config.language || (this._localeId !== 'en-US' ? this._localeId : null),
+        };
+        const params = Object.keys(queryParams)
+            // Remove undefined or null params.
+            .filter((k) => queryParams[k] !== undefined && queryParams[k] !== null)
+            // Remove empty arrays.
+            .filter((k) => {
+            const param = queryParams[k];
+            return !Array.isArray(param) || param.length > 0;
+        })
+            // Join arrays as comma seperated strings.
+            .map((k) => {
+            const param = queryParams[k];
+            return { key: k, value: Array.isArray(param) ? param.join(',') : param };
+        })
+            .map((entry) => {
+            return `${entry.key}=${entry.value}`;
+        })
+            .join('&');
+        return `${hostAndPath}?${params}`;
+    }
+}
+TheSeamLazyMapsApiLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamLazyMapsApiLoader, deps: [{ token: LOCALE_ID }, { token: THESEAM_LAZY_MAPS_API_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+TheSeamLazyMapsApiLoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamLazyMapsApiLoader });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamLazyMapsApiLoader, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LOCALE_ID]
+                    }] }, { type: undefined, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [THESEAM_LAZY_MAPS_API_CONFIG]
+                    }] }];
+    } });
+
+/**
+ * When using the TheSeamNoopGoogleMapsAPILoader, the Google Maps API must be
+ * added to the page some other way before the map component is initialixed. One
+ * way would be via a `<script>` Tag.
+ */
+class TheSeamNoopGoogleMapsAPILoader extends TheSeamGoogleMapsApiLoader {
+    load() {
+        return defer(() => {
+            if (!window.google || !window.google.maps) {
+                return throwError(new Error('Google Maps API not loaded on page. Make sure window.google.maps is available.'));
+            }
+            return of(undefined);
+        });
+    }
+}
+TheSeamNoopGoogleMapsAPILoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+TheSeamNoopGoogleMapsAPILoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader, decorators: [{
+            type: Injectable
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AppFeaturePropertyName, GoogleMapsContextMenu, GoogleMapsControlsService, GoogleMapsService, MapControlRef, MapValueManagerService, MapValueSource, SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS, TheSeamGoogleMapsComponent, TheSeamGoogleMapsModule, TheSeamGoogleMapsPlacesAutoCompleteComponent, TheSeamGoogleMapsPlacesAutocompleteDirective, TheSeamGoogleMapsRecenterButtonControlComponent, TheSeamGoogleMapsUploadButtonControlComponent, TheSeamMapFileDropComponent, TheSeamMapsControlComponent, addInnerFeatureCutoutToExteriorFeature, createDataFeatureFromPolygon, createFeatureChangeObservable, featureContains, fixPathDifferentStartingAndEndingPoint, getBoundsWithAllFeatures, getFeatureBounds, getFeatureCenter, getFeaturesCount, getPossibleExteriorFeature, isAppFeatureProperty, isFeatureSelected, multiPolygonCoordinates, polygonCoordinates, polygonHasValidPathsLengths, removeAllFeatures, setFeatureSelected, stripAppFeaturePropertiesFromJson, toTurfJsFeature, toTurfJsMultiPolygon, toTurfJsPolygon };
+export { AppFeaturePropertyName, GoogleMapsContextMenu, GoogleMapsControlsService, GoogleMapsService, MapControlRef, MapValueManagerService, MapValueSource, SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS, THESEAM_LAZY_MAPS_API_CONFIG, TheSeamGoogleMapsApiLoader, TheSeamGoogleMapsComponent, TheSeamGoogleMapsModule, TheSeamGoogleMapsPlacesAutoCompleteComponent, TheSeamGoogleMapsPlacesAutocompleteDirective, TheSeamGoogleMapsRecenterButtonControlComponent, TheSeamGoogleMapsUploadButtonControlComponent, TheSeamLazyMapsApiLoader, TheSeamMapFileDropComponent, TheSeamMapsControlComponent, TheSeamNoopGoogleMapsAPILoader, addInnerFeatureCutoutToExteriorFeature, createDataFeatureFromPolygon, createFeatureChangeObservable, featureContains, fixPathDifferentStartingAndEndingPoint, getBoundsWithAllFeatures, getFeatureBounds, getFeatureCenter, getFeaturesCount, getPossibleExteriorFeature, isAppFeatureProperty, isFeatureSelected, multiPolygonCoordinates, polygonCoordinates, polygonHasValidPathsLengths, removeAllFeatures, setFeatureSelected, stripAppFeaturePropertiesFromJson, toTurfJsFeature, toTurfJsMultiPolygon, toTurfJsPolygon };
 //# sourceMappingURL=theseam-ui-common-google-maps.mjs.map