jodit-pro 4.13.38 → 4.13.44

package/es2021.en/plugins/google-maps/google-maps.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.13.38
+ * Version: v4.13.44
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -1642,7 +1642,7 @@ jodit_esm_core_ui_icon__WEBPACK_IMPORTED_MODULE_7__.Icon.set('map', (_icon_svg__
 jodit_esm_config__WEBPACK_IMPORTED_MODULE_1__.Config.prototype.googleMaps = {
     saveStateInStorage: true,
     useStaticImage: false,
-    apiUrl: 'https://maps.googleapis.com/maps/api/js?key=${j.o.googleMaps.API_KEY}&libraries=geometry,places,drawing&language=${j.o.language}&callback=JoditGoogleReadyHandler',
+    apiUrl: 'https://maps.googleapis.com/maps/api/js?key=${j.o.googleMaps.API_KEY}&libraries=geometry,places&language=${j.o.language}&callback=JoditGoogleReadyHandler',
     API_KEY: 'AIzaSyDjnR03hxN8fo0QJ85Jkkvk2DALTh3eynY',
     dialog: {
         size: [
@@ -2557,17 +2557,18 @@ UIPolylineEditor = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_0__.__de
 /* harmony import */ var _swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(31635);
 /* harmony import */ var jodit_pro_plugins_google_maps_config__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(55029);
 /* harmony import */ var _modules_add_new_in_state__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(22125);
-/* harmony import */ var _modules_init_or_update_element_from_state__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1475);
-/* harmony import */ var jodit_esm_core_decorators_debounce_debounce__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(81577);
-/* harmony import */ var jodit_esm_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(97357);
-/* harmony import */ var jodit_esm_core_decorators_wait_wait__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(13525);
-/* harmony import */ var jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(37133);
-/* harmony import */ var jodit_esm_core_global__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(580);
-/* harmony import */ var jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(38837);
-/* harmony import */ var jodit_esm_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(41180);
-/* harmony import */ var jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(67510);
-/* harmony import */ var jodit_esm_modules_toolbar_collection_collection__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(11676);
-/* harmony import */ var jodit_pro_plugins_google_maps_helpers_const__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(17298);
+/* harmony import */ var _modules_drawing_controller__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(76864);
+/* harmony import */ var _modules_init_or_update_element_from_state__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(1475);
+/* harmony import */ var jodit_esm_core_decorators_debounce_debounce__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(81577);
+/* harmony import */ var jodit_esm_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(97357);
+/* harmony import */ var jodit_esm_core_decorators_wait_wait__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(13525);
+/* harmony import */ var jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(37133);
+/* harmony import */ var jodit_esm_core_global__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(580);
+/* harmony import */ var jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(38837);
+/* harmony import */ var jodit_esm_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(41180);
+/* harmony import */ var jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(67510);
+/* harmony import */ var jodit_esm_modules_toolbar_collection_collection__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(11676);
+/* harmony import */ var jodit_pro_plugins_google_maps_helpers_const__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(17298);
 /*!
  * Jodit Editor PRO (https://xdsoft.net/jodit/)
  * See LICENSE.md in the project root for license information.
@@ -2588,7 +2589,8 @@ UIPolylineEditor = (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_0__.__de
 
 
 
-class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
+
+class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_13__.UIGroup {
     className() {
         return 'UIMap';
     }
@@ -2601,7 +2603,7 @@ class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
     async onReady() {
         await this.apiLoaded;
         const container = this.getElm('map-root');
-        (0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_10__.assert)(container != null, 'map-root element does not exists');
+        (0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_11__.assert)(container != null, 'map-root element does not exists');
         this.map = new google.maps.Map(container, {
             center: {
                 lat: this.state.center[0],
@@ -2625,7 +2627,7 @@ class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
                 this.state.type = type;
             }
         });
-        this.initDrawManager();
+        this.initDrawingController();
         this.onChangeElementsList();
         this.onChangeSize();
         this.onChangeControls();
@@ -2637,47 +2639,18 @@ class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
             this.j.e.fire(this, 'GoogleMapsIsReady');
         });
     }
-    initDrawManager() {
-        try {
-            const drawingManager = new google.maps.drawing.DrawingManager();
-            drawingManager.setMap(this.map);
-            drawingManager.setOptions({
-                drawingControl: false,
-                polygonOptions: {
-                    ...this.options.googleMaps.map.defaultStates.polygon,
-                    clickable: true,
-                    editable: true
-                },
-                polylineOptions: {
-                    ...this.options.googleMaps.map.defaultStates.polyline,
-                    clickable: true,
-                    editable: true
-                },
-                markerOptions: {
-                    ...this.options.googleMaps.map.defaultStates.marker,
-                    clickable: true
-                },
-                circleOptions: {
-                    ...this.options.googleMaps.map.defaultStates.circle,
-                    clickable: true,
-                    editable: true
-                }
-            });
-            this.drawingManager = drawingManager;
-            google.maps.event.addListener(drawingManager, 'overlaycomplete', (event)=>{
-                if (event.overlay) {
-                    _modules_add_new_in_state__WEBPACK_IMPORTED_MODULE_3__.addNewInState.call(this, event.overlay);
-                    event.overlay.setMap(null);
-                }
-            });
-        } catch  {}
+    initDrawingController() {
+        this.drawing = new _modules_drawing_controller__WEBPACK_IMPORTED_MODULE_4__.DrawingController(this.map, this.options.googleMaps.map.defaultStates, (overlay)=>{
+            _modules_add_new_in_state__WEBPACK_IMPORTED_MODULE_3__.addNewInState.call(this, overlay);
+            overlay.setMap(null);
+        });
     }
     changeCreateMode(mode) {
         this.state.mode = this.state.mode === mode ? 'hand' : mode;
     }
     onChangeMode() {
         this.j.buffer.set('createMode.gm', this.state.mode);
-        this.drawingManager?.setDrawingMode(this.state.mode === 'hand' ? null : this.state.mode);
+        this.drawing?.setMode(this.state.mode);
         this.j.e.fire('updateToolbar');
     }
     onChangeElementsList() {
@@ -2688,7 +2661,7 @@ class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
             });
         }
         mapElements.length = elements.length;
-        elements.forEach((state, index)=>_modules_init_or_update_element_from_state__WEBPACK_IMPORTED_MODULE_4__.initOrUpdateElementFromState.call(this, state, index));
+        elements.forEach((state, index)=>_modules_init_or_update_element_from_state__WEBPACK_IMPORTED_MODULE_5__.initOrUpdateElementFromState.call(this, state, index));
     }
     onChangeCenter() {
         const center = this.map.getCenter();
@@ -2709,7 +2682,7 @@ class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
         }
     }
     onChangeBound() {
-        this.options.googleMaps.saveStateInStorage && this.j.storage.set(jodit_pro_plugins_google_maps_helpers_const__WEBPACK_IMPORTED_MODULE_14__.STORAGE_KEY, {
+        this.options.googleMaps.saveStateInStorage && this.j.storage.set(jodit_pro_plugins_google_maps_helpers_const__WEBPACK_IMPORTED_MODULE_15__.STORAGE_KEY, {
             center: this.state.center,
             size: this.state.size,
             zoom: this.state.zoom,
@@ -2720,8 +2693,8 @@ class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
     }
     onChangeSize() {
         const mapSize = this.getElm('map-size');
-        (0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_10__.assert)(mapSize != null, 'map-size element does not exists');
-        (0,jodit_esm_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_11__.css)(mapSize, {
+        (0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_11__.assert)(mapSize != null, 'map-size element does not exists');
+        (0,jodit_esm_core_helpers_utils_css__WEBPACK_IMPORTED_MODULE_12__.css)(mapSize, {
             width: this.state.size[0],
             height: this.state.size[1]
         });
@@ -2745,6 +2718,10 @@ class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
         }
         this.layers.forEach((layer)=>layer.setMap(this.map));
     }
+    destruct() {
+        this.drawing?.destruct();
+        return super.destruct();
+    }
     render() {
         return `<div>
 			<div class='&__map-root'></div>
@@ -2754,8 +2731,8 @@ class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
     }
     appendChildToContainer() {}
     constructor(jodit, state, options){
-        super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "options", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "drawingManager", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "toolbar", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "state", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "mapElements", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "apiLoaded", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "mapInitialized", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "map", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "layers", void 0), this.options = options, this.toolbar = new jodit_esm_modules_toolbar_collection_collection__WEBPACK_IMPORTED_MODULE_13__.ToolbarCollection(this.jodit), this.state = {
-            uid: 'jd' + (0,jodit_esm_core_global__WEBPACK_IMPORTED_MODULE_9__.uniqueUid)() + new Date().toString().replace(/[^0-9]/g, ''),
+        super(jodit), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "options", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "drawing", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "toolbar", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "state", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "mapElements", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "apiLoaded", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "mapInitialized", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "map", void 0), (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "layers", void 0), this.options = options, this.toolbar = new jodit_esm_modules_toolbar_collection_collection__WEBPACK_IMPORTED_MODULE_14__.ToolbarCollection(this.jodit), this.state = {
+            uid: 'jd' + (0,jodit_esm_core_global__WEBPACK_IMPORTED_MODULE_10__.uniqueUid)() + new Date().toString().replace(/[^0-9]/g, ''),
             layer: this.options.googleMaps.map.layer,
             center: this.options.googleMaps.map.defaultCenter,
             zoom: this.options.googleMaps.map.defaultZoom,
@@ -2781,36 +2758,36 @@ class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
             'gm.circle'
         ]);
         const palette = this.getElm('map-palette');
-        (0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_10__.assert)(palette != null, 'palette element does not exists');
+        (0,jodit_esm_core_helpers_utils_assert__WEBPACK_IMPORTED_MODULE_11__.assert)(palette != null, 'palette element does not exists');
         palette.appendChild(this.toolbar.container);
     }
 }
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_6__.hook)('ready')
+    (0,jodit_esm_core_decorators_hook_hook__WEBPACK_IMPORTED_MODULE_7__.hook)('ready')
 ], UIMap.prototype, "onReady", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__.watch)('?:changeCreateMode.gm')
+    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('?:changeCreateMode.gm')
 ], UIMap.prototype, "changeCreateMode", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__.watch)('state.mode')
+    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('state.mode')
 ], UIMap.prototype, "onChangeMode", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__.watch)('state.elements')
+    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('state.elements')
 ], UIMap.prototype, "onChangeElementsList", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__.watch)('state.center'),
-    (0,jodit_esm_core_decorators_wait_wait__WEBPACK_IMPORTED_MODULE_7__.wait)((ctx)=>ctx.mapInitialized),
-    (0,jodit_esm_core_decorators_debounce_debounce__WEBPACK_IMPORTED_MODULE_5__.debounce)()
+    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('state.center'),
+    (0,jodit_esm_core_decorators_wait_wait__WEBPACK_IMPORTED_MODULE_8__.wait)((ctx)=>ctx.mapInitialized),
+    (0,jodit_esm_core_decorators_debounce_debounce__WEBPACK_IMPORTED_MODULE_6__.debounce)()
 ], UIMap.prototype, "onChangeCenter", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__.watch)('state.zoom'),
-    (0,jodit_esm_core_decorators_debounce_debounce__WEBPACK_IMPORTED_MODULE_5__.debounce)()
+    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('state.zoom'),
+    (0,jodit_esm_core_decorators_debounce_debounce__WEBPACK_IMPORTED_MODULE_6__.debounce)()
 ], UIMap.prototype, "onChangeZoom", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__.watch)('state.controls')
+    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('state.controls')
 ], UIMap.prototype, "onChangeControls", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__.watch)([
+    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)([
         'state.center',
         'state.zoom',
         'state.controls',
@@ -2818,18 +2795,18 @@ class UIMap extends jodit_esm_core_ui__WEBPACK_IMPORTED_MODULE_12__.UIGroup {
         'state.type',
         'state.layer'
     ]),
-    (0,jodit_esm_core_decorators_wait_wait__WEBPACK_IMPORTED_MODULE_7__.wait)((ctx)=>ctx.mapInitialized),
-    (0,jodit_esm_core_decorators_debounce_debounce__WEBPACK_IMPORTED_MODULE_5__.debounce)()
+    (0,jodit_esm_core_decorators_wait_wait__WEBPACK_IMPORTED_MODULE_8__.wait)((ctx)=>ctx.mapInitialized),
+    (0,jodit_esm_core_decorators_debounce_debounce__WEBPACK_IMPORTED_MODULE_6__.debounce)()
 ], UIMap.prototype, "onChangeBound", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__.watch)('state.size'),
-    (0,jodit_esm_core_decorators_debounce_debounce__WEBPACK_IMPORTED_MODULE_5__.debounce)()
+    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('state.size'),
+    (0,jodit_esm_core_decorators_debounce_debounce__WEBPACK_IMPORTED_MODULE_6__.debounce)()
 ], UIMap.prototype, "onChangeSize", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__.watch)('state.type')
+    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('state.type')
 ], UIMap.prototype, "onChangeMapType", null);
 (0,_swc_helpers_ts_decorate__WEBPACK_IMPORTED_MODULE_1__.__decorate)([
-    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_8__.watch)('state.layer')
+    (0,jodit_esm_core_decorators_watch_watch__WEBPACK_IMPORTED_MODULE_9__.watch)('state.layer')
 ], UIMap.prototype, "onChangeLayer", null);
 
 
@@ -2901,6 +2878,190 @@ function addNewInState(mvc) {
 }
 
 
+/***/ }),
+
+/***/ 76864:
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   DrawingController: function() { return /* binding */ DrawingController; }
+/* harmony export */ });
+/* unused harmony export isDrawableMode */
+/* harmony import */ var _swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(82749);
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */ 
+const DRAWABLE_MODES = [
+    'marker',
+    'polyline',
+    'polygon',
+    'circle'
+];
+function isDrawableMode(mode) {
+    return DRAWABLE_MODES.includes(mode);
+}
+/**
+ * Replacement for the removed `google.maps.drawing.DrawingManager`
+ * (the Drawing Library was discontinued in Maps JS API v3.65):
+ * draws markers, polylines, polygons and circles with plain map events.
+ *
+ * Click places a marker / a vertex / a circle center; for circles the
+ * radius follows the cursor and a second click fixes it; polylines and
+ * polygons are finished with a double click. The completed shape is
+ * passed to `onComplete` and removed from the map — the caller
+ * re-creates it from state, exactly as with DrawingManager overlays.
+ */ class DrawingController {
+    setMode(mode) {
+        const nextMode = isDrawableMode(mode) ? mode : null;
+        if (nextMode === this.mode) {
+            return;
+        }
+        this.cancel();
+        this.unbind();
+        this.mode = nextMode;
+        if (nextMode) {
+            this.bind();
+            this.map.setOptions({
+                draggableCursor: 'crosshair',
+                disableDoubleClickZoom: true
+            });
+        } else {
+            this.map.setOptions({
+                draggableCursor: null,
+                disableDoubleClickZoom: false
+            });
+        }
+    }
+    destruct() {
+        this.cancel();
+        this.unbind();
+        this.mode = null;
+    }
+    bind() {
+        this.listeners = [
+            this.map.addListener('click', (e)=>this.onClick(e)),
+            this.map.addListener('mousemove', (e)=>this.onMove(e)),
+            this.map.addListener('dblclick', ()=>this.onDblClick())
+        ];
+    }
+    unbind() {
+        this.listeners.forEach((listener)=>listener.remove());
+        this.listeners = [];
+    }
+    onClick(e) {
+        const point = e.latLng;
+        if (!point) {
+            return;
+        }
+        switch(this.mode){
+            case 'marker':
+                this.onComplete(new google.maps.Marker({
+                    position: point
+                }));
+                break;
+            case 'circle':
+                if (!this.previewCircle) {
+                    this.previewCircle = new google.maps.Circle({
+                        ...this.defaultStates.circle,
+                        center: point,
+                        radius: 0,
+                        clickable: false,
+                        map: this.map
+                    });
+                } else {
+                    this.finishCircle();
+                }
+                break;
+            case 'polyline':
+            case 'polygon':
+                this.vertices.push(point);
+                this.updatePolyPreview(point);
+                break;
+        }
+    }
+    onMove(e) {
+        const point = e.latLng;
+        if (!point) {
+            return;
+        }
+        if (this.previewCircle) {
+            const center = this.previewCircle.getCenter();
+            center && this.previewCircle.setRadius(google.maps.geometry.spherical.computeDistanceBetween(center, point));
+            return;
+        }
+        if (this.vertices.length) {
+            this.updatePolyPreview(point);
+        }
+    }
+    onDblClick() {
+        if (this.mode !== 'polyline' && this.mode !== 'polygon') {
+            return;
+        }
+        // The double click is preceded by two single clicks at the same
+        // point — collapse the duplicated trailing vertices
+        const path = this.vertices.filter((point, i, list)=>i === 0 || !point.equals(list[i - 1]));
+        const minPoints = this.mode === 'polygon' ? 3 : 2;
+        if (path.length >= minPoints && this.preview) {
+            const shape = this.preview;
+            shape.setPath(path);
+            this.onComplete(shape);
+        }
+        this.cancel();
+    }
+    finishCircle() {
+        const circle = this.previewCircle;
+        if (circle) {
+            this.previewCircle = null;
+            this.onComplete(circle);
+            circle.setMap(null);
+        }
+    }
+    updatePolyPreview(cursor) {
+        const path = [
+            ...this.vertices,
+            cursor
+        ];
+        if (!this.preview) {
+            const options = {
+                ...this.defaultStates[this.mode === 'polygon' ? 'polygon' : 'polyline'],
+                clickable: false,
+                map: this.map
+            };
+            this.preview = this.mode === 'polygon' ? new google.maps.Polygon(options) : new google.maps.Polyline(options);
+        }
+        this.preview.setPath(path);
+    }
+    cancel() {
+        this.preview?.setMap(null);
+        this.preview = null;
+        this.previewCircle?.setMap(null);
+        this.previewCircle = null;
+        this.vertices = [];
+    }
+    constructor(map, defaultStates, onComplete){
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "map", void 0);
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "defaultStates", void 0);
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "onComplete", void 0);
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "mode", void 0);
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "listeners", void 0);
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "preview", void 0);
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "previewCircle", void 0);
+        (0,_swc_helpers_define_property__WEBPACK_IMPORTED_MODULE_0__._)(this, "vertices", void 0);
+        this.map = map;
+        this.defaultStates = defaultStates;
+        this.onComplete = onComplete;
+        this.mode = null;
+        this.listeners = [];
+        this.preview = null;
+        this.previewCircle = null;
+        this.vertices = [];
+    }
+}
+
+
 /***/ }),
 
 /***/ 1475: