@react-google-maps/marker-clusterer 2.16.0 → 2.19.0

package/dist/umd.js

@@ -166,18 +166,18 @@
             this.visible = false;
         };
         ClusterIcon.prototype.show = function () {
-            var _a, _b, _c, _d;
+            var _a, _b, _c, _d, _e, _f;
             if (this.div && this.center) {
                 var divTitle = this.sums === null ||
                     typeof this.sums.title === 'undefined' ||
                     this.sums.title === '' ? this.cluster.getClusterer().getTitle() : this.sums.title;
                 // NOTE: values must be specified in px units
                 var bp = this.backgroundPosition.split(' ');
-                var spriteH = parseInt(bp[0].replace(/^\s+|\s+$/g, ''), 10);
-                var spriteV = parseInt(bp[1].replace(/^\s+|\s+$/g, ''), 10);
+                var spriteH = parseInt(((_a = bp[0]) === null || _a === void 0 ? void 0 : _a.replace(/^\s+|\s+$/g, '')) || '0', 10);
+                var spriteV = parseInt(((_b = bp[1]) === null || _b === void 0 ? void 0 : _b.replace(/^\s+|\s+$/g, '')) || '0', 10);
                 var pos = this.getPosFromLatLng(this.center);
                 this.div.className = this.className;
-                this.div.setAttribute('style', "cursor: 'pointer'; position: 'absolute'; top: ".concat(pos !== null ? "".concat(pos.y, "px") : '0', "; left: ").concat(pos !== null ? "".concat(pos.x, "px") : '0', "; width: ").concat(this.width, "px; height: ").concat(this.height, "px; "));
+                this.div.setAttribute('style', "cursor: pointer; position: absolute; top: ".concat(pos !== null ? "".concat(pos.y, "px") : '0', "; left: ").concat(pos !== null ? "".concat(pos.x, "px") : '0', "; width: ").concat(this.width, "px; height: ").concat(this.height, "px; "));
                 var img = document.createElement('img');
                 img.alt = divTitle;
                 img.src = this.url;
@@ -189,10 +189,10 @@
                 }
                 var textElm = document.createElement('div');
                 textElm.setAttribute('style', "position: absolute; top: ".concat(this.anchorText[0], "px; left: ").concat(this.anchorText[1], "px; color: ").concat(this.textColor, "; font-size: ").concat(this.textSize, "px; font-family: ").concat(this.fontFamily, "; font-weight: ").concat(this.fontWeight, "; fontStyle: ").concat(this.fontStyle, "; text-decoration: ").concat(this.textDecoration, "; text-align: center; width: ").concat(this.width, "px; line-height: ").concat(this.height, "px"));
-                if ((_a = this.sums) === null || _a === void 0 ? void 0 : _a.text)
-                    textElm.innerText = "".concat((_b = this.sums) === null || _b === void 0 ? void 0 : _b.text);
-                if ((_c = this.sums) === null || _c === void 0 ? void 0 : _c.html)
-                    textElm.innerHTML = "".concat((_d = this.sums) === null || _d === void 0 ? void 0 : _d.html);
+                if ((_c = this.sums) === null || _c === void 0 ? void 0 : _c.text)
+                    textElm.innerText = "".concat((_d = this.sums) === null || _d === void 0 ? void 0 : _d.text);
+                if ((_e = this.sums) === null || _e === void 0 ? void 0 : _e.html)
+                    textElm.innerHTML = "".concat((_f = this.sums) === null || _f === void 0 ? void 0 : _f.html);
                 this.div.innerHTML = '';
                 this.div.appendChild(img);
                 this.div.appendChild(textElm);
@@ -205,20 +205,23 @@
             this.sums = sums;
             var styles = this.cluster.getClusterer().getStyles();
             var style = styles[Math.min(styles.length - 1, Math.max(0, sums.index - 1))];
-            this.url = style.url;
-            this.height = style.height;
-            this.width = style.width;
-            if (style.className)
-                this.className = "".concat(this.clusterClassName, " ").concat(style.className);
-            this.anchorText = style.anchorText || [0, 0];
-            this.anchorIcon = style.anchorIcon || [this.height / 2, this.width / 2];
-            this.textColor = style.textColor || 'black';
-            this.textSize = style.textSize || 11;
-            this.textDecoration = style.textDecoration || 'none';
-            this.fontWeight = style.fontWeight || 'bold';
-            this.fontStyle = style.fontStyle || 'normal';
-            this.fontFamily = style.fontFamily || 'Arial,sans-serif';
-            this.backgroundPosition = style.backgroundPosition || '0 0';
+            if (style) {
+                this.url = style.url;
+                this.height = style.height;
+                this.width = style.width;
+                if (style.className) {
+                    this.className = "".concat(this.clusterClassName, " ").concat(style.className);
+                }
+                this.anchorText = style.anchorText || [0, 0];
+                this.anchorIcon = style.anchorIcon || [this.height / 2, this.width / 2];
+                this.textColor = style.textColor || 'black';
+                this.textSize = style.textSize || 11;
+                this.textDecoration = style.textDecoration || 'none';
+                this.fontWeight = style.fontWeight || 'bold';
+                this.fontStyle = style.fontStyle || 'normal';
+                this.fontFamily = style.fontFamily || 'Arial,sans-serif';
+                this.backgroundPosition = style.backgroundPosition || '0 0';
+            }
         };
         ClusterIcon.prototype.setCenter = function (center) {
             this.center = center;
@@ -234,6 +237,7 @@
         return ClusterIcon;
     }());
 
+    /* global google */
     var Cluster = /** @class */ (function () {
         function Cluster(markerClusterer) {
             this.markerClusterer = markerClusterer;
@@ -276,8 +280,9 @@
         Cluster.prototype.getBounds = function () {
             var bounds = new google.maps.LatLngBounds(this.center, this.center);
             var markers = this.getMarkers();
-            for (var i = 0; i < markers.length; i++) {
-                var position = markers[i].getPosition();
+            for (var _i = 0, markers_1 = markers; _i < markers_1.length; _i++) {
+                var marker = markers_1[_i];
+                var position = marker.getPosition();
                 if (position) {
                     bounds.extend(position);
                 }
@@ -332,8 +337,9 @@
             }
             else if (mCount === this.minClusterSize) {
                 // Hide the markers that were showing.
-                for (var i = 0; i < mCount; i++) {
-                    this.markers[i].setMap(null);
+                for (var _i = 0, _b = this.markers; _i < _b.length; _i++) {
+                    var markerElement = _b[_i];
+                    markerElement.setMap(null);
                 }
             }
             else {
@@ -540,19 +546,22 @@
         };
         Clusterer.prototype.onRemove = function () {
             // Put all the managed markers back on the map:
-            for (var i = 0; i < this.markers.length; i++) {
-                if (this.markers[i].getMap() !== this.activeMap) {
-                    this.markers[i].setMap(this.activeMap);
+            for (var _i = 0, _a = this.markers; _i < _a.length; _i++) {
+                var marker = _a[_i];
+                if (marker.getMap() !== this.activeMap) {
+                    marker.setMap(this.activeMap);
                 }
             }
             // Remove all clusters:
-            for (var i = 0; i < this.clusters.length; i++) {
-                this.clusters[i].remove();
+            for (var _b = 0, _c = this.clusters; _b < _c.length; _b++) {
+                var cluster = _c[_b];
+                cluster.remove();
             }
             this.clusters = [];
             // Remove map event listeners:
-            for (var i = 0; i < this.listeners.length; i++) {
-                google.maps.event.removeListener(this.listeners[i]);
+            for (var _d = 0, _e = this.listeners; _d < _e.length; _d++) {
+                var listener = _e[_d];
+                google.maps.event.removeListener(listener);
             }
             this.listeners = [];
             this.activeMap = null;
@@ -566,16 +575,17 @@
             for (var i = 0; i < this.imageSizes.length; i++) {
                 this.styles.push({
                     url: "".concat(this.imagePath + (i + 1), ".").concat(this.imageExtension),
-                    height: this.imageSizes[i],
-                    width: this.imageSizes[i],
+                    height: this.imageSizes[i] || 0,
+                    width: this.imageSizes[i] || 0,
                 });
             }
         };
         Clusterer.prototype.fitMapToMarkers = function () {
             var markers = this.getMarkers();
             var bounds = new google.maps.LatLngBounds();
-            for (var i = 0; i < markers.length; i++) {
-                var position = markers[i].getPosition();
+            for (var _i = 0, markers_1 = markers; _i < markers_1.length; _i++) {
+                var marker = markers_1[_i];
+                var position = marker.getPosition();
                 if (position) {
                     bounds.extend(position);
                 }
@@ -696,7 +706,10 @@
         Clusterer.prototype.addMarkers = function (markers, optNoDraw) {
             for (var key in markers) {
                 if (Object.prototype.hasOwnProperty.call(markers, key)) {
-                    this.pushMarkerTo(markers[key]);
+                    var marker = markers[key];
+                    if (marker) {
+                        this.pushMarkerTo(marker);
+                    }
                 }
             }
             if (!optNoDraw) {
@@ -747,8 +760,9 @@
         };
         Clusterer.prototype.removeMarkers = function (markers, optNoDraw) {
             var removed = false;
-            for (var i = 0; i < markers.length; i++) {
-                removed = removed || this.removeMarker_(markers[i]);
+            for (var _i = 0, markers_2 = markers; _i < markers_2.length; _i++) {
+                var marker = markers_2[_i];
+                removed = removed || this.removeMarker_(marker);
             }
             if (!optNoDraw && removed) {
                 this.repaint();
@@ -767,8 +781,9 @@
             // Remove the old clusters.
             // Do it in a timeout to prevent blinking effect.
             setTimeout(function timeout() {
-                for (var i = 0; i < oldClusters.length; i++) {
-                    oldClusters[i].remove();
+                for (var _i = 0, oldClusters_1 = oldClusters; _i < oldClusters_1.length; _i++) {
+                    var oldCluster = oldClusters_1[_i];
+                    oldCluster.remove();
                 }
             }, 0);
         };
@@ -812,13 +827,14 @@
         };
         Clusterer.prototype.resetViewport = function (optHide) {
             // Remove all the clusters
-            for (var i = 0; i < this.clusters.length; i++) {
-                this.clusters[i].remove();
+            for (var _i = 0, _a = this.clusters; _i < _a.length; _i++) {
+                var cluster = _a[_i];
+                cluster.remove();
             }
             this.clusters = [];
             // Reset the markers to not be added and to be removed from the map.
-            for (var i = 0; i < this.markers.length; i++) {
-                var marker = this.markers[i];
+            for (var _b = 0, _c = this.markers; _b < _c.length; _b++) {
+                var marker = _c[_b];
                 marker.isAdded = false;
                 if (optHide) {
                     marker.setMap(null);
@@ -847,8 +863,9 @@
             var cluster;
             var distance = 40000; // Some large number
             var clusterToAddTo = null;
-            for (var i = 0; i < this.clusters.length; i++) {
-                cluster = this.clusters[i];
+            for (var _i = 0, _a = this.clusters; _i < _a.length; _i++) {
+                var clusterElement = _a[_i];
+                cluster = clusterElement;
                 var center = cluster.getCenter();
                 var position = marker.getPosition();
                 if (center && position) {
@@ -904,7 +921,7 @@
             var iLast = Math.min(iFirst + this.batchSize, this.markers.length);
             for (var i = iFirst; i < iLast; i++) {
                 var marker = this.markers[i];
-                if (!marker.isAdded && this.isMarkerInBounds(marker, extendedMapBounds) && (!this.ignoreHidden || (this.ignoreHidden && marker.getVisible()))) {
+                if (marker && !marker.isAdded && this.isMarkerInBounds(marker, extendedMapBounds) && (!this.ignoreHidden || (this.ignoreHidden && marker.getVisible()))) {
                     this.addToClosestCluster(marker);
                 }
             }
@@ -923,18 +940,21 @@
                  * @event
                  */
                 google.maps.event.trigger(this, 'clusteringend', this);
-                for (var i = 0; i < this.clusters.length; i++) {
-                    this.clusters[i].updateIcon();
+                for (var _i = 0, _a = this.clusters; _i < _a.length; _i++) {
+                    var cluster = _a[_i];
+                    cluster.updateIcon();
                 }
             }
         };
         Clusterer.prototype.extend = function (obj1, obj2) {
             return function applyExtend(object) {
                 for (var property in object.prototype) {
+                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
                     // @ts-ignore
                     this.prototype[property] = object.prototype[property];
                 }
                 return this;
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
             }.apply(obj1, [obj2]);
         };
         return Clusterer;