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

package/dist/esm.js

@@ -1,65 +1,44 @@
-/******************************************************************************
-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;
@@ -197,6 +176,7 @@ var ClusterIcon = /** @class */ (function (_super) {
             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';
@@ -206,6 +186,8 @@ var ClusterIcon = /** @class */ (function (_super) {
             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");
@@ -265,7 +247,7 @@ var ClusterIcon = /** @class */ (function (_super) {
         return pos;
     };
     return ClusterIcon;
-}(google.maps.OverlayView));
+}());
 
 var Cluster = /** @class */ (function () {
     function Cluster(markerClusterer) {
@@ -278,6 +260,18 @@ var Cluster = /** @class */ (function () {
         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;
@@ -408,11 +402,12 @@ var Cluster = /** @class */ (function () {
     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);
@@ -421,62 +416,113 @@ var CALCULATOR = function CALCULATOR(markers, numStyles) {
         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;
@@ -527,15 +573,14 @@ var Clusterer = /** @class */ (function (_super) {
         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],
             });
@@ -907,7 +952,7 @@ var Clusterer = /** @class */ (function (_super) {
         }.apply(obj1, [obj2]);
     };
     return Clusterer;
-}(google.maps.OverlayView));
+}());
 
 export { Cluster, ClusterIcon, Clusterer };
 //# sourceMappingURL=esm.js.map