@react-google-maps/marker-clusterer 2.11.1 → 2.11.4

package/dist/umd.js

@@ -4,68 +4,47 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.markerClusterer = {}));
 })(this, (function (exports) { 'use strict';
 
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-
-    var extendStatics = function(d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-
-    var ClusterIcon = /** @class */ (function (_super) {
-        __extends(ClusterIcon, _super);
+    var ClusterIcon = /** @class */ (function () {
         function ClusterIcon(cluster, styles) {
-            var _this = _super.call(this) || this;
             cluster.getClusterer().extend(ClusterIcon, google.maps.OverlayView);
-            _this.cluster = cluster;
-            _this.clusterClassName = _this.cluster.getClusterer().getClusterClass();
-            _this.className = _this.clusterClassName;
-            _this.styles = styles;
-            _this.center = undefined;
-            _this.div = null;
-            _this.sums = null;
-            _this.visible = false;
-            _this.boundsChangedListener = null;
-            _this.url = '';
-            _this.height = 0;
-            _this.width = 0;
-            _this.anchorText = [0, 0];
-            _this.anchorIcon = [0, 0];
-            _this.textColor = 'black';
-            _this.textSize = 11;
-            _this.textDecoration = 'none';
-            _this.fontWeight = 'bold';
-            _this.fontStyle = 'normal';
-            _this.fontFamily = 'Arial,sans-serif';
-            _this.backgroundPosition = '0 0';
-            _this.cMouseDownInCluster = null;
-            _this.cDraggingMapByCluster = null;
-            _this.timeOut = null;
-            _this.setMap(cluster.getMap()); // Note: this causes onAdd to be called
-            return _this;
+            this.cluster = cluster;
+            this.clusterClassName = this.cluster.getClusterer().getClusterClass();
+            this.className = this.clusterClassName;
+            this.styles = styles;
+            this.center = undefined;
+            this.div = null;
+            this.sums = null;
+            this.visible = false;
+            this.boundsChangedListener = null;
+            this.url = '';
+            this.height = 0;
+            this.width = 0;
+            this.anchorText = [0, 0];
+            this.anchorIcon = [0, 0];
+            this.textColor = 'black';
+            this.textSize = 11;
+            this.textDecoration = 'none';
+            this.fontWeight = 'bold';
+            this.fontStyle = 'normal';
+            this.fontFamily = 'Arial,sans-serif';
+            this.backgroundPosition = '0 0';
+            this.cMouseDownInCluster = null;
+            this.cDraggingMapByCluster = null;
+            this.timeOut = null;
+            this.setMap(cluster.getMap()); // Note: this causes onAdd to be called
+            this.onBoundsChanged = this.onBoundsChanged.bind(this);
+            this.onMouseDown = this.onMouseDown.bind(this);
+            this.onClick = this.onClick.bind(this);
+            this.onMouseOver = this.onMouseOver.bind(this);
+            this.onMouseOut = this.onMouseOut.bind(this);
+            this.onAdd = this.onAdd.bind(this);
+            this.onRemove = this.onRemove.bind(this);
+            this.draw = this.draw.bind(this);
+            this.hide = this.hide.bind(this);
+            this.show = this.show.bind(this);
+            this.useStyle = this.useStyle.bind(this);
+            this.setCenter = this.setCenter.bind(this);
+            this.getPosFromLatLng = this.getPosFromLatLng.bind(this);
         }
         ClusterIcon.prototype.onBoundsChanged = function () {
             this.cDraggingMapByCluster = this.cMouseDownInCluster;
@@ -203,6 +182,7 @@
                 else {
                     divTitle = this.sums.title;
                 }
+                this.div.className = this.className;
                 this.div.style.cursor = 'pointer';
                 this.div.style.position = 'absolute';
                 this.div.style.top = pos !== null ? "".concat(pos.y, "px") : '0';
@@ -212,6 +192,8 @@
                 var img = document.createElement('img');
                 img.alt = divTitle;
                 img.src = this.url;
+                img.width = this.width;
+                img.height = this.height;
                 img.style.position = 'absolute';
                 img.style.top = "".concat(spriteV, "px");
                 img.style.left = "".concat(spriteH, "px");
@@ -271,7 +253,7 @@
             return pos;
         };
         return ClusterIcon;
-    }(google.maps.OverlayView));
+    }());
 
     var Cluster = /** @class */ (function () {
         function Cluster(markerClusterer) {
@@ -284,6 +266,18 @@
             this.center = undefined;
             this.bounds = null;
             this.clusterIcon = new ClusterIcon(this, this.markerClusterer.getStyles());
+            this.getSize = this.getSize.bind(this);
+            this.getMarkers = this.getMarkers.bind(this);
+            this.getCenter = this.getCenter.bind(this);
+            this.getMap = this.getMap.bind(this);
+            this.getClusterer = this.getClusterer.bind(this);
+            this.getBounds = this.getBounds.bind(this);
+            this.remove = this.remove.bind(this);
+            this.addMarker = this.addMarker.bind(this);
+            this.isMarkerInClusterBounds = this.isMarkerInClusterBounds.bind(this);
+            this.calculateBounds = this.calculateBounds.bind(this);
+            this.updateIcon = this.updateIcon.bind(this);
+            this.isMarkerAlreadyAdded = this.isMarkerAlreadyAdded.bind(this);
         }
         Cluster.prototype.getSize = function () {
             return this.markers.length;
@@ -414,11 +408,12 @@
         return Cluster;
     }());
 
+    /* global google */
     /**
      * Supports up to 9007199254740991 (Number.MAX_SAFE_INTEGER) markers
      * which is not a problem as max array length is 4294967296 (2**32)
      */
-    var CALCULATOR = function CALCULATOR(markers, numStyles) {
+    function CALCULATOR(markers, numStyles) {
         var count = markers.length;
         var numberOfDigits = count.toString().length;
         var index = Math.min(numberOfDigits, numStyles);
@@ -427,62 +422,113 @@
             index: index,
             title: '',
         };
-    };
+    }
     var BATCH_SIZE = 2000;
     var BATCH_SIZE_IE = 500;
     var IMAGE_PATH = 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m';
     var IMAGE_EXTENSION = 'png';
     var IMAGE_SIZES = [53, 56, 66, 78, 90];
     var CLUSTERER_CLASS = 'cluster';
-    var Clusterer = /** @class */ (function (_super) {
-        __extends(Clusterer, _super);
+    var Clusterer = /** @class */ (function () {
         function Clusterer(map, optMarkers, optOptions) {
             if (optMarkers === void 0) { optMarkers = []; }
             if (optOptions === void 0) { optOptions = {}; }
-            var _this = _super.call(this) || this;
-            _this.extend(Clusterer, google.maps.OverlayView);
-            _this.markers = [];
-            _this.clusters = [];
-            _this.listeners = [];
-            _this.activeMap = null;
-            _this.ready = false;
-            _this.gridSize = optOptions.gridSize || 60;
-            _this.minClusterSize = optOptions.minimumClusterSize || 2;
-            _this.maxZoom = optOptions.maxZoom || null;
-            _this.styles = optOptions.styles || [];
-            _this.title = optOptions.title || '';
-            _this.zoomOnClick = true;
+            this.extend(Clusterer, google.maps.OverlayView);
+            this.markers = [];
+            this.clusters = [];
+            this.listeners = [];
+            this.activeMap = null;
+            this.ready = false;
+            this.gridSize = optOptions.gridSize || 60;
+            this.minClusterSize = optOptions.minimumClusterSize || 2;
+            this.maxZoom = optOptions.maxZoom || null;
+            this.styles = optOptions.styles || [];
+            this.title = optOptions.title || '';
+            this.zoomOnClick = true;
             if (optOptions.zoomOnClick !== undefined) {
-                _this.zoomOnClick = optOptions.zoomOnClick;
+                this.zoomOnClick = optOptions.zoomOnClick;
             }
-            _this.averageCenter = false;
+            this.averageCenter = false;
             if (optOptions.averageCenter !== undefined) {
-                _this.averageCenter = optOptions.averageCenter;
+                this.averageCenter = optOptions.averageCenter;
             }
-            _this.ignoreHidden = false;
+            this.ignoreHidden = false;
             if (optOptions.ignoreHidden !== undefined) {
-                _this.ignoreHidden = optOptions.ignoreHidden;
+                this.ignoreHidden = optOptions.ignoreHidden;
             }
-            _this.enableRetinaIcons = false;
+            this.enableRetinaIcons = false;
             if (optOptions.enableRetinaIcons !== undefined) {
-                _this.enableRetinaIcons = optOptions.enableRetinaIcons;
-            }
-            _this.imagePath = optOptions.imagePath || IMAGE_PATH;
-            _this.imageExtension = optOptions.imageExtension || IMAGE_EXTENSION;
-            _this.imageSizes = optOptions.imageSizes || IMAGE_SIZES;
-            _this.calculator = optOptions.calculator || CALCULATOR;
-            _this.batchSize = optOptions.batchSize || BATCH_SIZE;
-            _this.batchSizeIE = optOptions.batchSizeIE || BATCH_SIZE_IE;
-            _this.clusterClass = optOptions.clusterClass || CLUSTERER_CLASS;
+                this.enableRetinaIcons = optOptions.enableRetinaIcons;
+            }
+            this.imagePath = optOptions.imagePath || IMAGE_PATH;
+            this.imageExtension = optOptions.imageExtension || IMAGE_EXTENSION;
+            this.imageSizes = optOptions.imageSizes || IMAGE_SIZES;
+            this.calculator = optOptions.calculator || CALCULATOR;
+            this.batchSize = optOptions.batchSize || BATCH_SIZE;
+            this.batchSizeIE = optOptions.batchSizeIE || BATCH_SIZE_IE;
+            this.clusterClass = optOptions.clusterClass || CLUSTERER_CLASS;
             if (navigator.userAgent.toLowerCase().indexOf('msie') !== -1) {
                 // Try to avoid IE timeout when processing a huge number of markers:
-                _this.batchSize = _this.batchSizeIE;
-            }
-            _this.timerRefStatic = null;
-            _this.setupStyles();
-            _this.addMarkers(optMarkers, true);
-            _this.setMap(map); // Note: this causes onAdd to be called
-            return _this;
+                this.batchSize = this.batchSizeIE;
+            }
+            this.timerRefStatic = null;
+            this.setupStyles();
+            this.addMarkers(optMarkers, true);
+            this.setMap(map); // Note: this causes onAdd to be called
+            this.onZoomChanged = this.onZoomChanged.bind(this);
+            this.onIdle = this.onIdle.bind(this);
+            this.onAdd = this.onAdd.bind(this);
+            this.onRemove = this.onRemove.bind(this);
+            this.draw = this.draw.bind(this);
+            this.setupStyles = this.setupStyles.bind(this);
+            this.fitMapToMarkers = this.fitMapToMarkers.bind(this);
+            this.getGridSize = this.getGridSize.bind(this);
+            this.setGridSize = this.setGridSize.bind(this);
+            this.getMinimumClusterSize = this.getMinimumClusterSize.bind(this);
+            this.setMinimumClusterSize = this.setMinimumClusterSize.bind(this);
+            this.getMaxZoom = this.getMaxZoom.bind(this);
+            this.setMaxZoom = this.setMaxZoom.bind(this);
+            this.getStyles = this.getStyles.bind(this);
+            this.setStyles = this.setStyles.bind(this);
+            this.getTitle = this.getTitle.bind(this);
+            this.setTitle = this.setTitle.bind(this);
+            this.getZoomOnClick = this.getZoomOnClick.bind(this);
+            this.setZoomOnClick = this.setZoomOnClick.bind(this);
+            this.getAverageCenter = this.getAverageCenter.bind(this);
+            this.setAverageCenter = this.setAverageCenter.bind(this);
+            this.getIgnoreHidden = this.getIgnoreHidden.bind(this);
+            this.setIgnoreHidden = this.setIgnoreHidden.bind(this);
+            this.getEnableRetinaIcons = this.getEnableRetinaIcons.bind(this);
+            this.setEnableRetinaIcons = this.setEnableRetinaIcons.bind(this);
+            this.getImageExtension = this.getImageExtension.bind(this);
+            this.setImageExtension = this.setImageExtension.bind(this);
+            this.getImagePath = this.getImagePath.bind(this);
+            this.setImagePath = this.setImagePath.bind(this);
+            this.getImageSizes = this.getImageSizes.bind(this);
+            this.setImageSizes = this.setImageSizes.bind(this);
+            this.getCalculator = this.getCalculator.bind(this);
+            this.setCalculator = this.setCalculator.bind(this);
+            this.getBatchSizeIE = this.getBatchSizeIE.bind(this);
+            this.setBatchSizeIE = this.setBatchSizeIE.bind(this);
+            this.getClusterClass = this.getClusterClass.bind(this);
+            this.setClusterClass = this.setClusterClass.bind(this);
+            this.getMarkers = this.getMarkers.bind(this);
+            this.getTotalMarkers = this.getTotalMarkers.bind(this);
+            this.getClusters = this.getClusters.bind(this);
+            this.getTotalClusters = this.getTotalClusters.bind(this);
+            this.addMarker = this.addMarker.bind(this);
+            this.addMarkers = this.addMarkers.bind(this);
+            this.pushMarkerTo = this.pushMarkerTo.bind(this);
+            this.removeMarker = this.removeMarker.bind(this);
+            this.removeMarkers = this.removeMarkers.bind(this);
+            this.clearMarkers = this.clearMarkers.bind(this);
+            this.repaint = this.repaint.bind(this);
+            this.getExtendedBounds = this.getExtendedBounds.bind(this);
+            this.redraw = this.redraw.bind(this);
+            this.resetViewport = this.resetViewport.bind(this);
+            this.addToClosestCluster = this.addToClosestCluster.bind(this);
+            this.createClusters = this.createClusters.bind(this);
+            this.extend = this.extend.bind(this);
         }
         Clusterer.prototype.onZoomChanged = function () {
             var _a, _b;
@@ -533,15 +579,14 @@
             this.activeMap = null;
             this.ready = false;
         };
-        // eslint-disable-next-line @typescript-eslint/no-empty-function
-        Clusterer.prototype.draw = function () { };
+        Clusterer.prototype.draw = function () { return; };
         Clusterer.prototype.setupStyles = function () {
             if (this.styles.length > 0) {
                 return;
             }
             for (var i = 0; i < this.imageSizes.length; i++) {
                 this.styles.push({
-                    url: this.imagePath + (i + 1) + '.' + this.imageExtension,
+                    url: "".concat(this.imagePath + (i + 1), ".").concat(this.imageExtension),
                     height: this.imageSizes[i],
                     width: this.imageSizes[i],
                 });
@@ -913,7 +958,7 @@
             }.apply(obj1, [obj2]);
         };
         return Clusterer;
-    }(google.maps.OverlayView));
+    }());
 
     exports.Cluster = Cluster;
     exports.ClusterIcon = ClusterIcon;