@kevinburke/flot 5.1.0 → 5.1.2

package/dist/flot.mjs

@@ -1,4 +1,4 @@
-/*! @kevinburke/flot v5.1.0 | MIT License | https://github.com/kevinburke/flot */
+/*! @kevinburke/flot v5.1.2 | MIT License | https://github.com/kevinburke/flot */
 var browser = {
     getPageXY: function (e) {
         var doc = document.documentElement,
@@ -21,7 +21,7 @@ var browser = {
     isSafari: function() {
         var top = window.top;
         if (!top) return false;
-        return /constructor/i.test(top.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!top['safari'] || (typeof top.safari !== 'undefined' && top.safari.pushNotification));
+        return /constructor/i.test(/** @type {any} */ (top.HTMLElement)) || (function (/** @type {any} */ p) { return p.toString() === "[object SafariRemoteNotification]"; })(!(/** @type {any} */ (top))['safari'] || (typeof (/** @type {any} */ (top)).safari !== 'undefined' && (/** @type {any} */ (top)).safari.pushNotification));
     },
 
     isMobileSafari: function() {
@@ -102,6 +102,9 @@ function extend(deep, target) {
         var keys = Object.keys(src);
         for (var k = 0; k < keys.length; k++) {
             var key = keys[k];
+            if (key === '__proto__' || key === 'constructor') {
+                continue;
+            }
             var val = src[key];
             if (val === undefined) {
                 continue;
@@ -168,10 +171,11 @@ function removeData(el, key) {
     }
 }
 
-// Trigger a custom event on an element. Extra args are passed as the
-// event's `detail` property (an array). For jQuery adapter compatibility,
-// the adapter re-dispatches these as jQuery events so $(el).on() works.
-function trigger(el, type, args) {
+// Default trigger: dispatches a native CustomEvent with extra args stashed
+// on `event.detail` (an array). The jQuery adapter overrides this via
+// setTrigger so handlers bound with $(el).on(type, fn) receive the extra
+// args as positional parameters, matching upstream flot/flot behavior.
+var triggerImpl = function(el, type, args) {
     var event = new CustomEvent(type, {
         detail: args || [],
         bubbles: true,
@@ -179,6 +183,10 @@ function trigger(el, type, args) {
     });
     el.dispatchEvent(event);
     return event;
+};
+
+function trigger(el, type, args) {
+    return triggerImpl(el, type, args);
 }
 
 // Bind an event listener, tracking it so unbindAll can remove it later.
@@ -441,7 +449,9 @@ var Canvas = function(cls, container) {
             layer.style.left = '0px';
             layer.style.bottom = '0px';
             layer.style.right = '0px';
-            svgElement.appendChild(layer);
+            if (svgElement) {
+                svgElement.appendChild(layer);
+            }
             this.SVG[classes] = layer;
         }
 
@@ -535,8 +545,8 @@ var Canvas = function(cls, container) {
 
             element.style.position = 'absolute';
             element.style.maxWidth = width;
-            element.setAttributeNS(null, 'x', -9999);
-            element.setAttributeNS(null, 'y', -9999);
+            element.setAttributeNS(null, 'x', String(-9999));
+            element.setAttributeNS(null, 'y', String(-9999));
 
             if (typeof font === 'object') {
                 element.style.font = textStyle;
@@ -560,7 +570,9 @@ var Canvas = function(cls, container) {
             while (element.firstChild) {
                 element.removeChild(element.firstChild);
             }
-            element.parentNode.removeChild(element);
+            if (element.parentNode) {
+                element.parentNode.removeChild(element);
+            }
         }
 
         info.measured = true;
@@ -716,10 +728,16 @@ var Canvas = function(cls, container) {
                         var styleCache = layerCache[styleKey];
                         for (var key in styleCache) {
                             if (Object.prototype.hasOwnProperty.call(styleCache, key)) {
+                                // styleCache entries can exist without a
+                                // positions array (e.g. when a Flot plugin
+                                // populates the cache outside the normal
+                                // addText path). Upstream flot/flot#1444.
                                 var positions = styleCache[key].positions;
-                                positions.forEach(function(position) {
-                                    position.active = false;
-                                });
+                                if (positions != null) {
+                                    positions.forEach(function(position) {
+                                        position.active = false;
+                                    });
+                                }
                             }
                         }
                     }
@@ -3358,8 +3376,11 @@ Licensed under the MIT license.
                     };
 
                     // we might need an extra decimal since forced
-                    // ticks don't necessarily fit naturally
-                    if (!axis.mode && opts.tickDecimals == null) {
+                    // ticks don't necessarily fit naturally.
+                    // Guard against axis.delta <= 0 (min == max): Math.log(0)
+                    // is -Infinity, so extraDec would be +Infinity and
+                    // toFixed(Infinity) throws. Upstream #1869 / PR #1870.
+                    if (!axis.mode && opts.tickDecimals == null && axis.delta > 0) {
                         var extraDec = Math.max(0, -Math.floor(Math.log(axis.delta) / Math.LN10) + 1),
                             ts = axis.tickGenerator(axis, plot);
 
@@ -4266,7 +4287,13 @@ Licensed under the MIT license.
                 maxy = maxDistance / series.yaxis.scale,
                 points = series.datapoints.points,
                 ps = series.datapoints.pointsize,
-                smallestDistance = Number.POSITIVE_INFINITY;
+                // Seed with maxDistance (or its square, matching the
+                // default squared-distance metric) so points outside
+                // the hover radius are never selected. Without this,
+                // the maxx/maxy coordinate-space pre-filter is the
+                // only radius check, and it's disabled for axes with
+                // inverseTransform — see upstream flot/flot#1871.
+                smallestDistance = computeDistance ? maxDistance : maxDistance * maxDistance;
 
             // with inverse transforms, we can't use the maxx/maxy
             // optimization, sadly
@@ -4466,7 +4493,16 @@ Licensed under the MIT license.
             } else {
                 // assume this is a gradient spec; IE currently only
                 // supports a simple vertical gradient properly, so that's
-                // what we support too
+                // what we support too.
+                // createLinearGradient throws if any coordinate is NaN or
+                // ±Infinity (e.g. when the plot container has zero size
+                // or the user supplies bogus bounds) — fall back to the
+                // default solid color instead. Global isFinite coerces
+                // null → 0 (finite), matching the drawSeriesPoints path
+                // that passes (null, null). Upstream flot/flot#1867.
+                if (!isFinite(top) || !isFinite(bottom)) {
+                    return defaultColor;
+                }
                 var gradient = ctx.createLinearGradient(0, top, 0, bottom);
 
                 for (var i = 0, l = spec.colors.length; i < l; ++i) {
@@ -4494,7 +4530,7 @@ Licensed under the MIT license.
     // Plugin registry. Plugins push to this array to register themselves.
     var plugins = [];
 
-    var version = "5.1.0";
+    var version = "5.1.2";
 
     // The main plot function.
     function plot(placeholder, data, options) {
@@ -5755,6 +5791,17 @@ Licensed under the MIT license.
                 var minD = axis.p2c(opts.panRange[0]) - axis.p2c(axis.min);
                 // calc max delta (revealing right edge of plot)
                 var maxD = axis.p2c(opts.panRange[1]) - axis.p2c(axis.max);
+                // For the y-axis, screen coordinates are inverted
+                // (p2c(smaller v) > p2c(larger v)), so minD/maxD end up
+                // with the opposite signs from the x-axis case. Swap
+                // them so the clamp comparisons below keep their
+                // x-axis semantics. Upstream flot/flot#1789, ports the
+                // minimal form of PR #1793.
+                if (axis.direction === 'y') {
+                    var swap = minD;
+                    minD = maxD;
+                    maxD = swap;
+                }
                 // limit delta to min or max if enabled
                 if (opts.panRange[0] !== undefined && d >= maxD) d = maxD;
                 if (opts.panRange[1] !== undefined && d <= minD) d = minD;
@@ -5919,6 +5966,13 @@ Licensed under the MIT license.
                 var minD = p + axis.p2c(opts.panRange[0]) - axis.p2c(axisMin);
                 // calc max delta (revealing right edge of plot)
                 var maxD = p + axis.p2c(opts.panRange[1]) - axis.p2c(axisMax);
+                // Same y-axis swap as plot.pan — see comment there.
+                // Upstream flot/flot#1789 / PR #1793.
+                if (axis.direction === 'y') {
+                    var swap = minD;
+                    minD = maxD;
+                    maxD = swap;
+                }
                 // limit delta to min or max if enabled
                 if (opts.panRange[0] !== undefined && d >= maxD) d = maxD;
                 if (opts.panRange[1] !== undefined && d <= minD) d = minD;
@@ -5972,7 +6026,7 @@ Licensed under the MIT license.
                 ctx.lineJoin = "round";
                 var startx = Math.round(panHint.start.x),
                     starty = Math.round(panHint.start.y),
-                    endx, endy;
+                    endx = 0, endy = 0;
 
                 if (panAxes) {
                     if (panAxes[0].direction === 'x') {
@@ -6737,13 +6791,14 @@ var options$4 = {
     }
 
     function initTouchNavigation$1(plot, options) {
+        /** @type {{ zoomEnable: boolean, prevDistance: number | null, prevTapTime: number, prevPanPosition: {x: number, y: number}, prevTapPosition: {x: number, y: number} }} */
         var gestureState = {
                 zoomEnable: false,
                 prevDistance: null,
-                prevTapTime: 0,
                 prevPanPosition: { x: 0, y: 0 },
                 prevTapPosition: { x: 0, y: 0 }
             },
+            /** @type {{ prevTouchedAxis: string, currentTouchedAxis: string, touchedAxis: any, navigationConstraint: string, initialState: any }} */
             navigationState = {
                 prevTouchedAxis: 'none',
                 currentTouchedAxis: 'none',
@@ -6800,7 +6855,7 @@ var options$4 = {
             drag: function(e) {
                 presetNavigationState(e, 'pan');
 
-                if (useSmartPan) {
+                if (useSmartPan && navigationState.initialState) {
                     var point = getPoint(e, 'pan');
                     plot.smartPan({
                         x: navigationState.initialState.startPageX - point.x,
@@ -6824,7 +6879,7 @@ var options$4 = {
                 }
 
                 if (wasPinchEvent(e, gestureState)) {
-                    updateprevPanPosition(e, 'pan', gestureState, navigationState);
+                    updatePrevPanPosition(e, 'pan', gestureState, navigationState);
                 }
             }
         };
@@ -6856,7 +6911,7 @@ var options$4 = {
 
                     var dist = pinchDistance(e);
 
-                    if (gestureState.zoomEnable || Math.abs(dist - gestureState.prevDistance) > ZOOM_DISTANCE_MARGIN) {
+                    if (gestureState.zoomEnable || (gestureState.prevDistance != null && Math.abs(dist - gestureState.prevDistance) > ZOOM_DISTANCE_MARGIN)) {
                         zoomPlot(plot, e, gestureState, navigationState);
 
                         //activate zoom mode
@@ -7116,10 +7171,10 @@ var options$4 = {
                 newEvent = new CustomEvent('mouseevent');
 
             //transform from touch event to mouse event format
-            newEvent.pageX = e.detail.changedTouches[0].pageX;
-            newEvent.pageY = e.detail.changedTouches[0].pageY;
-            newEvent.clientX = e.detail.changedTouches[0].clientX;
-            newEvent.clientY = e.detail.changedTouches[0].clientY;
+            /** @type {any} */ (newEvent).pageX = e.detail.changedTouches[0].pageX;
+            /** @type {any} */ (newEvent).pageY = e.detail.changedTouches[0].pageY;
+            /** @type {any} */ (newEvent).clientX = e.detail.changedTouches[0].clientX;
+            /** @type {any} */ (newEvent).clientY = e.detail.changedTouches[0].clientY;
 
             if (o.grid.hoverable) {
                 doTriggerClickHoverEvent(newEvent, eventType.hover, 30);
@@ -7398,6 +7453,7 @@ var options$2 = {
     }
 
     function initTouchNavigation(plot, options) {
+        /** @type {{ twoTouches: boolean, currentTapStart: {x: number, y: number}, currentTapEnd: {x: number, y: number}, prevTap: {x: number, y: number}, currentTap: {x: number, y: number}, interceptedLongTap: boolean, isUnsupportedGesture: boolean, prevTapTime: number | null, tapStartTime: number | null, longTapTriggerId: ReturnType<typeof setTimeout> | null }} */
         var gestureState = {
                 twoTouches: false,
                 currentTapStart: { x: 0, y: 0 },
@@ -7551,6 +7607,7 @@ var options$2 = {
             },
 
             isLongTap: function(e) {
+                if (gestureState.tapStartTime == null) return false;
                 var currentTime = new Date().getTime(),
                     tapDuration = currentTime - gestureState.tapStartTime;
                 if (tapDuration >= minLongTapDuration && !gestureState.interceptedLongTap) {
@@ -7591,6 +7648,7 @@ var options$2 = {
             },
 
             isTap: function(e) {
+                if (gestureState.tapStartTime == null) return false;
                 var currentTime = new Date().getTime(),
                     tapDuration = currentTime - gestureState.tapStartTime;
                 if (tapDuration <= pressedTapDuration) {
@@ -7639,7 +7697,9 @@ var options$2 = {
         }
         function isDoubleTap(e) {
             var currentTime = new Date().getTime(),
-                intervalBetweenTaps = currentTime - gestureState.prevTapTime;
+                intervalBetweenTaps = gestureState.prevTapTime != null
+                    ? currentTime - gestureState.prevTapTime
+                    : Infinity;
 
             if (intervalBetweenTaps >= 0 && intervalBetweenTaps < maxIntervalBetweenTaps) {
                 if (distance(gestureState.prevTap.x, gestureState.prevTap.y, gestureState.currentTap.x, gestureState.currentTap.y) < maxDistanceBetweenTaps) {
@@ -8026,9 +8086,9 @@ API.txt for details.
         }
 
         for (var i = 0; i < spec.length - 1; ++i) {
-            if (axis.delta < (spec[i][0] * timeUnitSize[spec[i][1]] +
-                spec[i + 1][0] * timeUnitSize[spec[i + 1][1]]) / 2 &&
-                spec[i][0] * timeUnitSize[spec[i][1]] >= minSize) {
+            if (axis.delta < (Number(spec[i][0]) * timeUnitSize[spec[i][1]] +
+                Number(spec[i + 1][0]) * timeUnitSize[spec[i + 1][1]]) / 2 &&
+                Number(spec[i][0]) * timeUnitSize[spec[i][1]] >= minSize) {
                 break;
             }
         }
@@ -8691,6 +8751,7 @@ The plugin allso adds the following methods to the plot object:
         }
 
         function triggerSelectedEvent() {
+            /** @type {any} */
             var r = getSelection();
 
             trigger(plot.getPlaceholder(), "plotselected", [ r ]);
@@ -8773,7 +8834,7 @@ The plugin allso adds the following methods to the plot object:
 
         // function taken from markings support in Flot
         function extractRange(ranges, coord) {
-            var axis, from, to, key, axes = plot.getAxes();
+            var axis, from, to, /** @type {string|undefined} */ key, axes = plot.getAxes();
 
             for (var k in axes) {
                 axis = axes[k];
@@ -8793,7 +8854,7 @@ The plugin allso adds the following methods to the plot object:
             }
 
             // backwards-compat stuff - to be removed in future
-            if (!ranges[key]) {
+            if (key && !ranges[key]) {
                 axis = coord === "x" ? plot.getXAxes()[0] : plot.getYAxes()[0];
                 from = ranges[coord + "1"];
                 to = ranges[coord + "2"];
@@ -9202,7 +9263,7 @@ temporary images load their data.
             const utf8Array = new Uint8Array(arrayBuffer);
             const blockSize = 16384;
             for (var i = 0; i < utf8Array.length; i = i + blockSize) {
-                const binarySubString = String.fromCharCode.apply(null, utf8Array.subarray(i, i + blockSize));
+                const binarySubString = String.fromCharCode.apply(null, /** @type {any} */ (utf8Array.subarray(i, i + blockSize)));
                 binaryString = binaryString + binarySubString;
             }
             return binaryString;
@@ -9417,7 +9478,7 @@ temporary images load their data.
 
         var left = 0;
         var columnWidths = [];
-        var style = window.getComputedStyle(document.querySelector('body'));
+        var style = window.getComputedStyle(document.body);
         for (i = 0; i < entries.length; ++i) {
             let columnIndex = i % options.legend.noColumns;
             entry = entries[i];
@@ -9482,6 +9543,17 @@ temporary images load their data.
                 shape.strokeWidth = entry.options.points.lineWidth;
                 iconHtml += getEntryIconHtml(shape);
             }
+            // fallback for plugin-drawn series (pie, errorbars, etc.)
+            // that don't turn on any of lines/bars/points — without
+            // this the legend entry has a label but no icon. Upstream
+            // flot/flot#1641, minus the switch to `else if` so series
+            // that deliberately overlay (e.g. lines + points) keep
+            // rendering both icons.
+            if (iconHtml === '') {
+                shape.name = 'box';
+                shape.fillColor = entry.color;
+                iconHtml += getEntryIconHtml(shape);
+            }
 
             labelHtml = '<text x="' + shape.xPos + '" y="' + shape.yPos + '" text-anchor="start"><tspan dx="2em" dy="1.2em">' + shape.label + '</tspan></text>';
             html[j++] = '<g>' + iconHtml + labelHtml + '</g>';
@@ -9521,9 +9593,17 @@ temporary images load their data.
             legendEl.style.pointerEvents = 'none';
             placeholder.appendChild(legendEl);
         } else {
-            options.legend.container.innerHTML = html.join('');
-            options.legend.container.style.width = width + 'px';
-            options.legend.container.style.height = height + 'em';
+            // Accept either a DOM Element or a jQuery-wrapped container.
+            // Upstream flot/flot#1750 switched to `$(container).get(0)` to
+            // always land on the underlying element; since this fork is
+            // jQuery-optional, do the unwrap inline.
+            var container = options.legend.container;
+            if (container && typeof container.get === 'function' && container[0]) {
+                container = container[0];
+            }
+            container.innerHTML = html.join('');
+            container.style.width = width + 'px';
+            container.style.height = height + 'em';
         }
     }
 
@@ -9617,6 +9697,14 @@ temporary images load their data.
                     'width="1.5em" height="1.5em"' +
                     '/>';
                 break;
+            case 'box':
+                html = '<use xlink:href="#box" class="legendIcon" ' +
+                    'x="' + x + '" ' +
+                    'y="' + y + '" ' +
+                    'fill="' + fill + '" ' +
+                    'width="1.5em" height="1.5em"' +
+                    '/>';
+                break;
             default:
                 // default is circle
                 html = '<use xlink:href="#circle" class="legendIcon" ' +
@@ -9639,6 +9727,12 @@ temporary images load their data.
                 '<polyline points="0,15 5,5 10,10 15,0"/>' +
             '</symbol>' +
 
+            // Fallback icon for plugin-drawn series that don't turn on
+            // any of lines / bars / points. Upstream flot/flot#1641.
+            '<symbol id="box" stroke-width="1" viewBox="-5 -5 25 25">' +
+                '<rect x="0" y="0" width="15" height="15"/>' +
+            '</symbol>' +
+
             '<symbol id="area" stroke-width="1" viewBox="-5 -5 25 25">' +
                 '<polyline points="0,15 5,5 10,10 15,0, 15,15, 0,15"/>' +
             '</symbol>' +