@theseam/ui-common 0.4.0-beta.6 → 0.4.2

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

@@ -43,6 +43,18 @@ function isFeatureSelected(feature) {
 function setFeatureSelected(feature, isSelected) {
     feature.setProperty(AppFeaturePropertyName.IsSelected, isSelected);
 }
+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;
+}
+function getHoveredStyleOptionsDefinedByFeature(feature) {
+    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;
+}
 // 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
 // resulting json.
@@ -272,16 +284,15 @@ 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);
+                this.getPanes()?.floatPane.appendChild(this.containerDiv);
             }
             /** Called when the view is removed from the map. */
             onRemove() {
@@ -292,15 +303,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,31 +395,30 @@ class MapValueManagerService {
         return this._value;
     }
 }
-MapValueManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: MapValueManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-MapValueManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: MapValueManagerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", 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 []; } });
 
-const DEFAULT_POLYGON_OPTIONS = {
-    clickable: true,
-    draggable: true,
-    editable: true,
-    // fillColor: 'rgba(60,150,60,1)',
-    // strokeColor: 'rgba(155,255,0,1)'
-};
-const DEFAULT_DRAWING_MANAGER_OPTIONS = () => ({
-    drawingControl: true,
+const DEFAULT_POLYGON_OPTIONS = (editingEnabled) => ({
+    clickable: editingEnabled,
+    draggable: editingEnabled,
+    editable: editingEnabled,
+});
+const DEFAULT_DRAWING_MANAGER_OPTIONS = (editingEnabled) => ({
+    drawingControl: editingEnabled,
     drawingControlOptions: {
         drawingModes: [
-            google.maps.drawing.OverlayType.POLYGON
-        ]
+            google.maps.drawing.OverlayType.POLYGON,
+        ],
     },
-    polygonOptions: DEFAULT_POLYGON_OPTIONS,
-    drawingMode: null
+    polygonOptions: DEFAULT_POLYGON_OPTIONS(editingEnabled),
+    drawingMode: null,
 });
-const FEATURE_STYLE_OPTIONS_DEFAULT = {
+const FEATURE_STYLE_OPTIONS_DEFAULT = (editingEnabled) => ({
     clickable: true,
+    // clickable: editingEnabled,
     visible: true,
     // zIndex?: number;
     // cursor?: string;
@@ -417,17 +429,34 @@ const FEATURE_STYLE_OPTIONS_DEFAULT = {
     strokeColor: 'blue',
     strokeOpacity: 1,
     strokeWeight: 2,
-};
-const FEATURE_STYLE_OPTIONS_SELECTED = {
-    ...FEATURE_STYLE_OPTIONS_DEFAULT,
-    draggable: true,
-    editable: true,
+});
+const FEATURE_STYLE_OPTIONS_SELECTED = (editingEnabled) => ({
+    ...FEATURE_STYLE_OPTIONS_DEFAULT(editingEnabled),
+    draggable: editingEnabled,
+    editable: editingEnabled,
     fillColor: 'green',
     fillOpacity: 0.7,
     strokeColor: 'limegreen',
     strokeOpacity: 1,
     strokeWeight: 2,
-};
+});
+const FEATURE_STYLE_OVERRIDE_OPTIONS_HOVERED = (editingEnabled) => ({
+    strokeColor: 'black',
+    strokeOpacity: 1,
+    strokeWeight: 4,
+});
+const SUPPORTED_PROPERTY_STYLE_OPTIONS = [
+    'fillColor',
+    'fillOpacity',
+    'strokeColor',
+    'strokeOpacity',
+    'strokeWeight',
+    'label',
+    'opacity',
+    'icon',
+    'clickable',
+    'visible',
+];
 class GoogleMapsService {
     get mapReady() { return this._mapReadySubject.value; }
     constructor(_mapValueManager, _ngZone, _vcr) {
@@ -436,9 +465,11 @@ class GoogleMapsService {
         this._vcr = _vcr;
         this._ngUnsubscribe = new Subject();
         this._mapReadySubject = new BehaviorSubject(false);
+        this._editingEnabledSubject = new BehaviorSubject(true);
         this._featureContextMenu = null;
         this._activeContextMenu = null;
         this._allowDrawingHoleInPolygon = false;
+        this.editingEnabled$ = this._editingEnabledSubject.asObservable();
         this.mapReady$ = this._mapReadySubject.asObservable();
     }
     ngOnDestroy() {
@@ -457,8 +488,35 @@ class GoogleMapsService {
     }
     // TODO: Refactor out of the service meant to just wrap the google maps api.
     setFeatureContextMenu(menu) {
+        this.closeContextMenu();
         this._featureContextMenu = menu;
     }
+    setEditingEnabled(enabled) {
+        this._editingEnabledSubject.next(enabled);
+        if (this.mapReady) {
+            this._assertInitialized();
+            this.googleMap.data.revertStyle();
+            if (!enabled) {
+                this.stopDrawing();
+                const options = DEFAULT_DRAWING_MANAGER_OPTIONS(this.isEditingEnabled());
+                this._drawingManager?.setOptions(options);
+                this._drawingManager?.setMap(null);
+                this.googleMap.data.forEach(f => {
+                    if (isFeatureSelected(f)) {
+                        setFeatureSelected(f, false);
+                    }
+                });
+            }
+            else {
+                const options = DEFAULT_DRAWING_MANAGER_OPTIONS(this.isEditingEnabled());
+                this._drawingManager?.setOptions(options);
+                this._drawingManager?.setMap(this.googleMap);
+            }
+        }
+    }
+    isEditingEnabled() {
+        return this._editingEnabledSubject.value;
+    }
     getDiv() {
         this._assertInitialized();
         return this.googleMap.getDiv();
@@ -496,7 +554,7 @@ class GoogleMapsService {
                 listener.remove();
             });
             // To fake canceling the current drawing, without disabling the drawing
-            // mode, the drawin mode is being unset then immediately set back. When
+            // mode, the drawing mode is being unset then immediately set back. When
             // the mode is unset the 'overlaycomplete' event will fire, which will
             // give a reference to the current overlay to remove, then it is set back
             // to the mode the user was using. To the user is should just seem like
@@ -516,7 +574,7 @@ class GoogleMapsService {
             throw Error(`DrawingManager is already initialized.`);
         }
         this._assertInitialized();
-        const options = DEFAULT_DRAWING_MANAGER_OPTIONS();
+        const options = DEFAULT_DRAWING_MANAGER_OPTIONS(this.isEditingEnabled());
         const drawingManager = new google.maps.drawing.DrawingManager(options);
         drawingManager.setMap(this.googleMap);
         this._drawingManager = drawingManager;
@@ -577,11 +635,16 @@ 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 => {
+            let opts = FEATURE_STYLE_OPTIONS_DEFAULT(this.isEditingEnabled());
+            const options = getStyleOptionsDefinedByFeature(feature);
+            this._mergeStyleOptions(opts, options ?? {});
             if (isFeatureSelected(feature)) {
-                return FEATURE_STYLE_OPTIONS_SELECTED;
+                const hoverOptions = getHoveredStyleOptionsDefinedByFeature(feature);
+                opts = FEATURE_STYLE_OPTIONS_SELECTED(this.isEditingEnabled());
+                this._mergeStyleOptions(opts, hoverOptions ?? {});
             }
-            return FEATURE_STYLE_OPTIONS_DEFAULT;
+            return opts;
         });
         // Select a feature when clicked.
         this.googleMap.data.addListener('click', (event) => {
@@ -598,7 +661,7 @@ class GoogleMapsService {
             this._assertInitialized();
             this.googleMap.data.revertStyle();
             if (!this.isDrawing() && !isFeatureSelected(event.feature)) {
-                this.googleMap.data.overrideStyle(event.feature, { strokeWeight: 4 });
+                this.setFeatureHoveredStyleOverride(event.feature);
             }
         });
         // Remove any hover styles when mouse moves away.
@@ -607,6 +670,23 @@ class GoogleMapsService {
             this.googleMap.data.revertStyle();
         });
     }
+    setFeatureHoveredStyleOverride(feature) {
+        this._assertInitialized();
+        const overrideOpts = FEATURE_STYLE_OVERRIDE_OPTIONS_HOVERED(this.isEditingEnabled());
+        const hoverOptions = getHoveredStyleOptionsDefinedByFeature(feature);
+        this._mergeStyleOptions(overrideOpts, hoverOptions ?? {});
+        this.googleMap.data.overrideStyle(feature, overrideOpts);
+    }
+    _mergeStyleOptions(options, propertiesStyleOptions) {
+        if (Object.keys(propertiesStyleOptions).length === 0) {
+            return;
+        }
+        for (const opt of SUPPORTED_PROPERTY_STYLE_OPTIONS) {
+            if (Object.prototype.hasOwnProperty.call(propertiesStyleOptions, opt)) {
+                options[opt] = propertiesStyleOptions[opt];
+            }
+        }
+    }
     _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();
@@ -695,11 +775,15 @@ class GoogleMapsService {
         }
     }
     // TODO: Refactor out of the service meant to just wrap the google maps api.
-    _openContextMenuForFeature(feature, position) {
+    closeContextMenu() {
         if (this._activeContextMenu) {
             this._activeContextMenu.close();
             this._activeContextMenu = null;
         }
+    }
+    // TODO: Refactor out of the service meant to just wrap the google maps api.
+    _openContextMenuForFeature(feature, position) {
+        this.closeContextMenu();
         this._assertInitialized();
         let _position = position;
         if (!_position) {
@@ -728,9 +812,9 @@ class GoogleMapsService {
         }
     }
 }
-GoogleMapsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", ngImport: i0, type: GoogleMapsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", 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 }]; } });
 
@@ -790,9 +874,9 @@ class GoogleMapsControlsService {
         return new MapControlRef(this._googleMaps, this._componentFactoryResolver, this._injector, control);
     }
 }
-GoogleMapsControlsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", ngImport: i0, type: GoogleMapsControlsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", 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 }]; } });
 
@@ -808,10 +892,10 @@ class TheSeamGoogleMapsRecenterButtonControlComponent {
         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;
             }
         }
@@ -823,9 +907,9 @@ class TheSeamGoogleMapsRecenterButtonControlComponent {
         this._ngUnsubscribe.complete();
     }
 }
-TheSeamGoogleMapsRecenterButtonControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", 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.6", 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',
@@ -863,10 +947,10 @@ 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;
             }
         }
@@ -929,9 +1013,9 @@ class TheSeamGoogleMapsUploadButtonControlComponent {
         this._renderer.appendChild(this._elementRef.nativeElement, this._fileInputElement);
     }
 }
-TheSeamGoogleMapsUploadButtonControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", 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.6", 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',
@@ -1070,9 +1154,9 @@ class TheSeamMapFileDropComponent {
         return dataTransfer.types[0] === 'Files';
     }
 }
-TheSeamMapFileDropComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", 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.6", 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 }]; } });
@@ -1120,9 +1204,9 @@ class TheSeamMapsControlComponent {
         this._controlRef = undefined;
     }
 }
-TheSeamMapsControlComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", 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.6", 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',
@@ -1161,6 +1245,7 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
     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;
@@ -1190,6 +1275,7 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
         this.mapTypeControlEnabled = true;
         this.streetViewControlEnabled = false;
         this.allowDrawingHoleInPolygon = false;
+        this.editingEnabled = true;
         this.zoom = 14;
         this.longitude = -98.570209;
         this.latitude = 37.633814;
@@ -1198,9 +1284,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);
@@ -1213,18 +1299,32 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
                 this._googleMaps.setData(changed.value);
             }
         }), takeUntil(this._ngUnsubscribe)).subscribe();
+        this._contextMenuItems$ = this._googleMaps.editingEnabled$.pipe(map(enabled => {
+            const items = [];
+            if (enabled) {
+                items.push({ label: 'Delete', action: () => this._onClickDeleteFeature() });
+            }
+            return items;
+        }), tap(items => {
+            if (items.length === 0) {
+                this._googleMaps.setFeatureContextMenu(null);
+            }
+            else {
+                this._googleMaps.setFeatureContextMenu(this.featureContextMenu);
+            }
+        }));
         this._googleMaps.setBaseLatLng(this.latitude, this.longitude);
         this._gmApiLoaded = this._googleMapsApiLoader.load().pipe(map(() => true), catchError(() => of(false)));
     }
-    /** @ignore */
     ngOnInit() {
-        this._googleMaps.setFeatureContextMenu(this.featureContextMenu);
         fromEvent(window, 'keydown').pipe(tap((event) => {
             switch (event.code) {
                 case 'Delete':
-                    this._googleMaps.deleteSelection();
-                    event.preventDefault();
-                    event.stopPropagation();
+                    if (this._googleMaps.isEditingEnabled()) {
+                        this._googleMaps.deleteSelection();
+                        event.preventDefault();
+                        event.stopPropagation();
+                    }
                     break;
                 case 'Escape':
                     this._googleMaps.stopDrawing();
@@ -1239,32 +1339,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 = {
                     ...this._options,
@@ -1272,6 +1369,9 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
                 };
             }
         }
+        if (Object.prototype.hasOwnProperty.call(changes, 'editingEnabled')) {
+            this._googleMaps.setEditingEnabled(this.editingEnabled);
+        }
     }
     writeValue(value) {
         this.value = value;
@@ -1316,18 +1416,18 @@ class TheSeamGoogleMapsComponent extends _TheSeamGoogleMapsMixinBase {
         this._googleMaps.deleteSelection();
     }
 }
-TheSeamGoogleMapsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", 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", editingEnabled: "editingEnabled", 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
-        }
-    ], 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 });
+            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", "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()
 ], TheSeamGoogleMapsComponent.prototype, "fileDropEnabled", void 0);
@@ -1349,6 +1449,9 @@ __decorate([
 __decorate([
     InputBoolean()
 ], TheSeamGoogleMapsComponent.prototype, "allowDrawingHoleInPolygon", void 0);
+__decorate([
+    InputBoolean()
+], TheSeamGoogleMapsComponent.prototype, "editingEnabled", void 0);
 __decorate([
     InputNumber()
 ], TheSeamGoogleMapsComponent.prototype, "zoom", void 0);
@@ -1358,21 +1461,21 @@ __decorate([
 __decorate([
     InputNumber()
 ], TheSeamGoogleMapsComponent.prototype, "latitude", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", 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
-                        }
-                    ], 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"] }]
+                            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 *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"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.FocusMonitor }, { type: GoogleMapsService }, { type: MapValueManagerService }, { type: TheSeamGoogleMapsApiLoader }]; }, propDecorators: { value: [{
                 type: Input
             }], tabIndex: [{
@@ -1391,6 +1494,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
                 type: Input
             }], allowDrawingHoleInPolygon: [{
                 type: Input
+            }], editingEnabled: [{
+                type: Input
             }], fileImportHandler: [{
                 type: Input
             }], _attrDisabled: [{
@@ -1484,7 +1589,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);
     }
     /**
@@ -1494,7 +1599,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);
     }
     /**
@@ -1504,13 +1609,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);
     }
     /**
@@ -1520,7 +1625,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. */
@@ -1556,9 +1661,9 @@ class TheSeamGoogleMapsPlacesAutocompleteDirective {
         }
     }
 }
-TheSeamGoogleMapsPlacesAutocompleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", 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.6", 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]',
@@ -1617,7 +1722,6 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
         this._options = SEAM_GOOGLE_PLACES_AUTOCOMPLETE_DEFAULT_OPTIONS;
         this.placeChanged = this._autoCompleteReadySubject.pipe(startWith(undefined), switchMap(() => this._createPlaceChangedObservable()));
     }
-    ngOnInit() { }
     /** @ignore */
     ngOnDestroy() {
         this._ngUnsubscribe.next();
@@ -1657,7 +1761,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);
     }
     /**
@@ -1667,7 +1771,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);
     }
     /**
@@ -1677,13 +1781,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);
     }
     /**
@@ -1693,7 +1797,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. */
@@ -1726,12 +1830,12 @@ class TheSeamGoogleMapsPlacesAutoCompleteComponent {
         }
     }
 }
-TheSeamGoogleMapsPlacesAutoCompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamGoogleMapsPlacesAutoCompleteComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-TheSeamGoogleMapsPlacesAutoCompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.6", 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.6", 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: [{
@@ -1771,8 +1875,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
 
 class TheSeamGoogleMapsModule {
 }
-TheSeamGoogleMapsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamGoogleMapsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TheSeamGoogleMapsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.6", 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,
@@ -1786,15 +1890,16 @@ TheSeamGoogleMapsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         TheSeamFormFieldModule,
         GoogleMapsModule], exports: [TheSeamGoogleMapsComponent,
         TheSeamGoogleMapsPlacesAutocompleteDirective,
-        TheSeamGoogleMapsPlacesAutoCompleteComponent] });
-TheSeamGoogleMapsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamGoogleMapsModule, imports: [CommonModule,
+        TheSeamGoogleMapsPlacesAutoCompleteComponent,
+        TheSeamMapsControlComponent] });
+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.6", ngImport: i0, type: TheSeamGoogleMapsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: TheSeamGoogleMapsModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -1819,6 +1924,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
                         TheSeamGoogleMapsComponent,
                         TheSeamGoogleMapsPlacesAutocompleteDirective,
                         TheSeamGoogleMapsPlacesAutoCompleteComponent,
+                        TheSeamMapsControlComponent,
                     ]
                 }]
         }] });
@@ -1908,9 +2014,9 @@ class TheSeamLazyMapsApiLoader extends TheSeamGoogleMapsApiLoader {
         return `${hostAndPath}?${params}`;
     }
 }
-TheSeamLazyMapsApiLoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", 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.6", ngImport: i0, type: TheSeamLazyMapsApiLoader });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamLazyMapsApiLoader, decorators: [{
+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,
@@ -1937,9 +2043,9 @@ class TheSeamNoopGoogleMapsAPILoader extends TheSeamGoogleMapsApiLoader {
         });
     }
 }
-TheSeamNoopGoogleMapsAPILoader.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-TheSeamNoopGoogleMapsAPILoader.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImport: i0, type: TheSeamNoopGoogleMapsAPILoader, decorators: [{
+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
         }] });
 
@@ -1947,5 +2053,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-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 };
+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, getHoveredStyleOptionsDefinedByFeature, getPossibleExteriorFeature, getSelectedStyleOptionsDefinedByFeature, getStyleOptionsDefinedByFeature, isAppFeatureProperty, isFeatureSelected, multiPolygonCoordinates, polygonCoordinates, polygonHasValidPathsLengths, removeAllFeatures, setFeatureSelected, stripAppFeaturePropertiesFromJson, toTurfJsFeature, toTurfJsMultiPolygon, toTurfJsPolygon };
 //# sourceMappingURL=theseam-ui-common-google-maps.mjs.map