@kevinburke/flot 5.0.0

package/dist/plugins/jquery.flot.crosshair.js

@@ -0,0 +1,207 @@
+/*! @kevinburke/flot v5.0.0 | MIT License | https://github.com/kevinburke/flot */
+(function (jquery_flot_js, helpers_js) {
+  'use strict';
+
+  /* Flot plugin for showing crosshairs when the mouse hovers over the plot.
+
+  Copyright (c) 2007-2014 IOLA and Ole Laursen.
+  Licensed under the MIT license.
+
+  The plugin supports these options:
+
+      crosshair: {
+          mode: null or "x" or "y" or "xy"
+          color: color
+          lineWidth: number
+      }
+
+  Set the mode to one of "x", "y" or "xy". The "x" mode enables a vertical
+  crosshair that lets you trace the values on the x axis, "y" enables a
+  horizontal crosshair and "xy" enables them both. "color" is the color of the
+  crosshair (default is "rgba(170, 0, 0, 0.80)"), "lineWidth" is the width of
+  the drawn lines (default is 1).
+
+  The plugin also adds four public methods:
+
+    - setCrosshair( pos )
+
+      Set the position of the crosshair. Note that this is cleared if the user
+      moves the mouse. "pos" is in coordinates of the plot and should be on the
+      form { x: xpos, y: ypos } (you can use x2/x3/... if you're using multiple
+      axes), which is coincidentally the same format as what you get from a
+      "plothover" event. If "pos" is null, the crosshair is cleared.
+
+    - clearCrosshair()
+
+      Clear the crosshair.
+
+    - lockCrosshair(pos)
+
+      Cause the crosshair to lock to the current location, no longer updating if
+      the user moves the mouse. Optionally supply a position (passed on to
+      setCrosshair()) to move it to.
+
+      Example usage:
+
+      var myFlot = $.plot( $("#graph"), ..., { crosshair: { mode: "x" } } };
+      $("#graph").bind( "plothover", function ( evt, position, item ) {
+          if ( item ) {
+              // Lock the crosshair to the data point being hovered
+              myFlot.lockCrosshair({
+                  x: item.datapoint[ 0 ],
+                  y: item.datapoint[ 1 ]
+              });
+          } else {
+              // Return normal crosshair operation
+              myFlot.unlockCrosshair();
+          }
+      });
+
+    - unlockCrosshair()
+
+      Free the crosshair to move again after locking it.
+  */
+
+
+      var options = {
+          crosshair: {
+              mode: null, // one of null, "x", "y" or "xy",
+              color: "rgba(170, 0, 0, 0.80)",
+              lineWidth: 1
+          }
+      };
+
+      function init(plot) {
+          // position of crosshair in pixels
+          var crosshair = {x: -1, y: -1, locked: false, highlighted: false};
+
+          plot.setCrosshair = function setCrosshair(pos) {
+              if (!pos) {
+                  crosshair.x = -1;
+              } else {
+                  var o = plot.p2c(pos);
+                  crosshair.x = Math.max(0, Math.min(o.left, plot.width()));
+                  crosshair.y = Math.max(0, Math.min(o.top, plot.height()));
+              }
+
+              plot.triggerRedrawOverlay();
+          };
+
+          plot.clearCrosshair = plot.setCrosshair; // passes null for pos
+
+          plot.lockCrosshair = function lockCrosshair(pos) {
+              if (pos) {
+                  plot.setCrosshair(pos);
+              }
+
+              crosshair.locked = true;
+          };
+
+          plot.unlockCrosshair = function unlockCrosshair() {
+              crosshair.locked = false;
+              crosshair.rect = null;
+          };
+
+          function onMouseOut(e) {
+              if (crosshair.locked) {
+                  return;
+              }
+
+              if (crosshair.x !== -1) {
+                  crosshair.x = -1;
+                  plot.triggerRedrawOverlay();
+              }
+          }
+
+          function onMouseMove(e) {
+              var offset = plot.offset();
+              if (crosshair.locked) {
+                  var mouseX = Math.max(0, Math.min(e.pageX - offset.left, plot.width()));
+                  var mouseY = Math.max(0, Math.min(e.pageY - offset.top, plot.height()));
+
+                  if ((mouseX > crosshair.x - 4) && (mouseX < crosshair.x + 4) && (mouseY > crosshair.y - 4) && (mouseY < crosshair.y + 4)) {
+                      if (!crosshair.highlighted) {
+                          crosshair.highlighted = true;
+                          plot.triggerRedrawOverlay();
+                      }
+                  } else {
+                      if (crosshair.highlighted) {
+                          crosshair.highlighted = false;
+                          plot.triggerRedrawOverlay();
+                      }
+                  }
+                  return;
+              }
+
+              if (plot.getSelection && plot.getSelection()) {
+                  crosshair.x = -1; // hide the crosshair while selecting
+                  return;
+              }
+
+              crosshair.x = Math.max(0, Math.min(e.pageX - offset.left, plot.width()));
+              crosshair.y = Math.max(0, Math.min(e.pageY - offset.top, plot.height()));
+              plot.triggerRedrawOverlay();
+          }
+
+          plot.hooks.bindEvents.push(function (plot, eventHolder) {
+              if (!plot.getOptions().crosshair.mode) {
+                  return;
+              }
+
+              helpers_js.bind(eventHolder, "mouseout", onMouseOut);
+              helpers_js.bind(eventHolder, "mousemove", onMouseMove);
+          });
+
+          plot.hooks.drawOverlay.push(function (plot, ctx) {
+              var c = plot.getOptions().crosshair;
+              if (!c.mode) {
+                  return;
+              }
+
+              var plotOffset = plot.getPlotOffset();
+
+              ctx.save();
+              ctx.translate(plotOffset.left, plotOffset.top);
+
+              if (crosshair.x !== -1) {
+                  var adj = plot.getOptions().crosshair.lineWidth % 2 ? 0.5 : 0;
+
+                  ctx.strokeStyle = c.color;
+                  ctx.lineWidth = c.lineWidth;
+                  ctx.lineJoin = "round";
+
+                  ctx.beginPath();
+                  if (c.mode.indexOf("x") !== -1) {
+                      var drawX = Math.floor(crosshair.x) + adj;
+                      ctx.moveTo(drawX, 0);
+                      ctx.lineTo(drawX, plot.height());
+                  }
+                  if (c.mode.indexOf("y") !== -1) {
+                      var drawY = Math.floor(crosshair.y) + adj;
+                      ctx.moveTo(0, drawY);
+                      ctx.lineTo(plot.width(), drawY);
+                  }
+                  if (crosshair.locked) {
+                      if (crosshair.highlighted) ctx.fillStyle = 'orange';
+                      else ctx.fillStyle = c.color;
+                      ctx.fillRect(Math.floor(crosshair.x) + adj - 4, Math.floor(crosshair.y) + adj - 4, 8, 8);
+                  }
+                  ctx.stroke();
+              }
+              ctx.restore();
+          });
+
+          plot.hooks.shutdown.push(function (plot, eventHolder) {
+              helpers_js.unbind(eventHolder, "mouseout", onMouseOut);
+              helpers_js.unbind(eventHolder, "mousemove", onMouseMove);
+          });
+      }
+
+      jquery_flot_js.plugins.push({
+          init: init,
+          options: options,
+          name: 'crosshair',
+          version: '1.0'
+      });
+
+})(jquery_flot_js, helpers_js);

package/dist/plugins/jquery.flot.crosshair.min.js

@@ -0,0 +1,2 @@
+!function(e,t){"use strict";e.plugins.push({init:function(e){var i={x:-1,y:-1,locked:!1,highlighted:!1};function o(t){i.locked||-1!==i.x&&(i.x=-1,e.triggerRedrawOverlay())}function r(t){var o=e.offset();if(i.locked){var r=Math.max(0,Math.min(t.pageX-o.left,e.width())),h=Math.max(0,Math.min(t.pageY-o.top,e.height()));r>i.x-4&&r<i.x+4&&h>i.y-4&&h<i.y+4?i.highlighted||(i.highlighted=!0,e.triggerRedrawOverlay()):i.highlighted&&(i.highlighted=!1,e.triggerRedrawOverlay())}else e.getSelection&&e.getSelection()?i.x=-1:(i.x=Math.max(0,Math.min(t.pageX-o.left,e.width())),i.y=Math.max(0,Math.min(t.pageY-o.top,e.height())),e.triggerRedrawOverlay())}e.setCrosshair=function(t){if(t){var o=e.p2c(t);i.x=Math.max(0,Math.min(o.left,e.width())),i.y=Math.max(0,Math.min(o.top,e.height()))}else i.x=-1;e.triggerRedrawOverlay()},e.clearCrosshair=e.setCrosshair,e.lockCrosshair=function(t){t&&e.setCrosshair(t),i.locked=!0},e.unlockCrosshair=function(){i.locked=!1,i.rect=null},e.hooks.bindEvents.push(function(e,i){e.getOptions().crosshair.mode&&(t.bind(i,"mouseout",o),t.bind(i,"mousemove",r))}),e.hooks.drawOverlay.push(function(e,t){var o=e.getOptions().crosshair;if(o.mode){var r=e.getPlotOffset();if(t.save(),t.translate(r.left,r.top),-1!==i.x){var h=e.getOptions().crosshair.lineWidth%2?.5:0;if(t.strokeStyle=o.color,t.lineWidth=o.lineWidth,t.lineJoin="round",t.beginPath(),-1!==o.mode.indexOf("x")){var a=Math.floor(i.x)+h;t.moveTo(a,0),t.lineTo(a,e.height())}if(-1!==o.mode.indexOf("y")){var n=Math.floor(i.y)+h;t.moveTo(0,n),t.lineTo(e.width(),n)}i.locked&&(i.highlighted?t.fillStyle="orange":t.fillStyle=o.color,t.fillRect(Math.floor(i.x)+h-4,Math.floor(i.y)+h-4,8,8)),t.stroke()}t.restore()}}),e.hooks.shutdown.push(function(e,i){t.unbind(i,"mouseout",o),t.unbind(i,"mousemove",r)})},options:{crosshair:{mode:null,color:"rgba(170, 0, 0, 0.80)",lineWidth:1}},name:"crosshair",version:"1.0"})}(jquery_flot_js,helpers_js);
+//# sourceMappingURL=jquery.flot.crosshair.min.js.map

package/dist/plugins/jquery.flot.crosshair.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jquery.flot.crosshair.min.js","sources":["../../source/jquery.flot.crosshair.js"],"sourcesContent":["/* Flot plugin for showing crosshairs when the mouse hovers over the plot.\n\nCopyright (c) 2007-2014 IOLA and Ole Laursen.\nLicensed under the MIT license.\n\nThe plugin supports these options:\n\n    crosshair: {\n        mode: null or \"x\" or \"y\" or \"xy\"\n        color: color\n        lineWidth: number\n    }\n\nSet the mode to one of \"x\", \"y\" or \"xy\". The \"x\" mode enables a vertical\ncrosshair that lets you trace the values on the x axis, \"y\" enables a\nhorizontal crosshair and \"xy\" enables them both. \"color\" is the color of the\ncrosshair (default is \"rgba(170, 0, 0, 0.80)\"), \"lineWidth\" is the width of\nthe drawn lines (default is 1).\n\nThe plugin also adds four public methods:\n\n  - setCrosshair( pos )\n\n    Set the position of the crosshair. Note that this is cleared if the user\n    moves the mouse. \"pos\" is in coordinates of the plot and should be on the\n    form { x: xpos, y: ypos } (you can use x2/x3/... if you're using multiple\n    axes), which is coincidentally the same format as what you get from a\n    \"plothover\" event. If \"pos\" is null, the crosshair is cleared.\n\n  - clearCrosshair()\n\n    Clear the crosshair.\n\n  - lockCrosshair(pos)\n\n    Cause the crosshair to lock to the current location, no longer updating if\n    the user moves the mouse. Optionally supply a position (passed on to\n    setCrosshair()) to move it to.\n\n    Example usage:\n\n    var myFlot = $.plot( $(\"#graph\"), ..., { crosshair: { mode: \"x\" } } };\n    $(\"#graph\").bind( \"plothover\", function ( evt, position, item ) {\n        if ( item ) {\n            // Lock the crosshair to the data point being hovered\n            myFlot.lockCrosshair({\n                x: item.datapoint[ 0 ],\n                y: item.datapoint[ 1 ]\n            });\n        } else {\n            // Return normal crosshair operation\n            myFlot.unlockCrosshair();\n        }\n    });\n\n  - unlockCrosshair()\n\n    Free the crosshair to move again after locking it.\n*/\n\nimport { plugins } from './jquery.flot.js';\nimport { bind, unbind } from './helpers.js';\n\n    var options = {\n        crosshair: {\n            mode: null, // one of null, \"x\", \"y\" or \"xy\",\n            color: \"rgba(170, 0, 0, 0.80)\",\n            lineWidth: 1\n        }\n    };\n\n    function init(plot) {\n        // position of crosshair in pixels\n        var crosshair = {x: -1, y: -1, locked: false, highlighted: false};\n\n        plot.setCrosshair = function setCrosshair(pos) {\n            if (!pos) {\n                crosshair.x = -1;\n            } else {\n                var o = plot.p2c(pos);\n                crosshair.x = Math.max(0, Math.min(o.left, plot.width()));\n                crosshair.y = Math.max(0, Math.min(o.top, plot.height()));\n            }\n\n            plot.triggerRedrawOverlay();\n        };\n\n        plot.clearCrosshair = plot.setCrosshair; // passes null for pos\n\n        plot.lockCrosshair = function lockCrosshair(pos) {\n            if (pos) {\n                plot.setCrosshair(pos);\n            }\n\n            crosshair.locked = true;\n        };\n\n        plot.unlockCrosshair = function unlockCrosshair() {\n            crosshair.locked = false;\n            crosshair.rect = null;\n        };\n\n        function onMouseOut(e) {\n            if (crosshair.locked) {\n                return;\n            }\n\n            if (crosshair.x !== -1) {\n                crosshair.x = -1;\n                plot.triggerRedrawOverlay();\n            }\n        }\n\n        function onMouseMove(e) {\n            var offset = plot.offset();\n            if (crosshair.locked) {\n                var mouseX = Math.max(0, Math.min(e.pageX - offset.left, plot.width()));\n                var mouseY = Math.max(0, Math.min(e.pageY - offset.top, plot.height()));\n\n                if ((mouseX > crosshair.x - 4) && (mouseX < crosshair.x + 4) && (mouseY > crosshair.y - 4) && (mouseY < crosshair.y + 4)) {\n                    if (!crosshair.highlighted) {\n                        crosshair.highlighted = true;\n                        plot.triggerRedrawOverlay();\n                    }\n                } else {\n                    if (crosshair.highlighted) {\n                        crosshair.highlighted = false;\n                        plot.triggerRedrawOverlay();\n                    }\n                }\n                return;\n            }\n\n            if (plot.getSelection && plot.getSelection()) {\n                crosshair.x = -1; // hide the crosshair while selecting\n                return;\n            }\n\n            crosshair.x = Math.max(0, Math.min(e.pageX - offset.left, plot.width()));\n            crosshair.y = Math.max(0, Math.min(e.pageY - offset.top, plot.height()));\n            plot.triggerRedrawOverlay();\n        }\n\n        plot.hooks.bindEvents.push(function (plot, eventHolder) {\n            if (!plot.getOptions().crosshair.mode) {\n                return;\n            }\n\n            bind(eventHolder, \"mouseout\", onMouseOut);\n            bind(eventHolder, \"mousemove\", onMouseMove);\n        });\n\n        plot.hooks.drawOverlay.push(function (plot, ctx) {\n            var c = plot.getOptions().crosshair;\n            if (!c.mode) {\n                return;\n            }\n\n            var plotOffset = plot.getPlotOffset();\n\n            ctx.save();\n            ctx.translate(plotOffset.left, plotOffset.top);\n\n            if (crosshair.x !== -1) {\n                var adj = plot.getOptions().crosshair.lineWidth % 2 ? 0.5 : 0;\n\n                ctx.strokeStyle = c.color;\n                ctx.lineWidth = c.lineWidth;\n                ctx.lineJoin = \"round\";\n\n                ctx.beginPath();\n                if (c.mode.indexOf(\"x\") !== -1) {\n                    var drawX = Math.floor(crosshair.x) + adj;\n                    ctx.moveTo(drawX, 0);\n                    ctx.lineTo(drawX, plot.height());\n                }\n                if (c.mode.indexOf(\"y\") !== -1) {\n                    var drawY = Math.floor(crosshair.y) + adj;\n                    ctx.moveTo(0, drawY);\n                    ctx.lineTo(plot.width(), drawY);\n                }\n                if (crosshair.locked) {\n                    if (crosshair.highlighted) ctx.fillStyle = 'orange';\n                    else ctx.fillStyle = c.color;\n                    ctx.fillRect(Math.floor(crosshair.x) + adj - 4, Math.floor(crosshair.y) + adj - 4, 8, 8);\n                }\n                ctx.stroke();\n            }\n            ctx.restore();\n        });\n\n        plot.hooks.shutdown.push(function (plot, eventHolder) {\n            unbind(eventHolder, \"mouseout\", onMouseOut);\n            unbind(eventHolder, \"mousemove\", onMouseMove);\n        });\n    }\n\n    plugins.push({\n        init: init,\n        options: options,\n        name: 'crosshair',\n        version: '1.0'\n    });\n"],"names":["plugins","push","init","plot","crosshair","x","y","locked","highlighted","onMouseOut","e","triggerRedrawOverlay","onMouseMove","offset","mouseX","Math","max","min","pageX","left","width","mouseY","pageY","top","height","getSelection","setCrosshair","pos","o","p2c","clearCrosshair","lockCrosshair","unlockCrosshair","rect","hooks","bindEvents","eventHolder","getOptions","mode","bind","drawOverlay","ctx","c","plotOffset","getPlotOffset","save","translate","adj","lineWidth","strokeStyle","color","lineJoin","beginPath","indexOf","drawX","floor","moveTo","lineTo","drawY","fillStyle","fillRect","stroke","restore","shutdown","unbind","options","name","version"],"mappings":"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"}

package/dist/plugins/jquery.flot.image.js

@@ -0,0 +1,261 @@
+/*! @kevinburke/flot v5.0.0 | MIT License | https://github.com/kevinburke/flot */
+(function (exports, jquery_flot_js) {
+    'use strict';
+
+    /* Flot plugin for plotting images.
+
+    Copyright (c) 2007-2014 IOLA and Ole Laursen.
+    Licensed under the MIT license.
+
+    The data syntax is [ [ image, x1, y1, x2, y2 ], ... ] where (x1, y1) and
+    (x2, y2) are where you intend the two opposite corners of the image to end up
+    in the plot. Image must be a fully loaded Javascript image (you can make one
+    with new Image()). If the image is not complete, it's skipped when plotting.
+
+    There are two helpers included for retrieving images. The easiest work the way
+    that you put in URLs instead of images in the data, like this:
+
+        [ "myimage.png", 0, 0, 10, 10 ]
+
+    Then call $.plot.image.loadData( data, options, callback ) where data and
+    options are the same as you pass in to $.plot. This loads the images, replaces
+    the URLs in the data with the corresponding images and calls "callback" when
+    all images are loaded (or failed loading). In the callback, you can then call
+    $.plot with the data set. See the included example.
+
+    A more low-level helper, $.plot.image.load(urls, callback) is also included.
+    Given a list of URLs, it calls callback with an object mapping from URL to
+    Image object when all images are loaded or have failed loading.
+
+    The plugin supports these options:
+
+        series: {
+            images: {
+                show: boolean
+                anchor: "corner" or "center"
+                alpha: [ 0, 1 ]
+            }
+        }
+
+    They can be specified for a specific series:
+
+        $.plot( $("#placeholder"), [{
+            data: [ ... ],
+            images: { ... }
+        ])
+
+    Note that because the data format is different from usual data points, you
+    can't use images with anything else in a specific data series.
+
+    Setting "anchor" to "center" causes the pixels in the image to be anchored at
+    the corner pixel centers inside of at the pixel corners, effectively letting
+    half a pixel stick out to each side in the plot.
+
+    A possible future direction could be support for tiling for large images (like
+    Google Maps).
+
+    */
+
+
+        var options = {
+            series: {
+                images: {
+                    show: false,
+                    alpha: 1,
+                    anchor: "corner" // or "center"
+                }
+            }
+        };
+
+        var image = {};
+
+        image.loadDataImages = function (series, options, callback) {
+            var urls = [], points = [];
+
+            var defaultShow = options.series.images.show;
+
+            series.forEach(function (s) {
+                if (!(defaultShow || s.images.show)) {
+                    return;
+                }
+
+                if (s.data) {
+                    s = s.data;
+                }
+
+                s.forEach(function (p) {
+                    if (typeof p[0] === "string") {
+                        urls.push(p[0]);
+                        points.push(p);
+                    }
+                });
+            });
+
+            image.load(urls, function (loadedImages) {
+                points.forEach(function (p) {
+                    var url = p[0];
+                    if (loadedImages[url]) {
+                        p[0] = loadedImages[url];
+                    }
+                });
+
+                callback();
+            });
+        };
+
+        image.load = function (urls, callback) {
+            var missing = urls.length, loaded = {};
+            if (missing === 0) {
+                callback({});
+            }
+
+            urls.forEach(function (url) {
+                var handler = function () {
+                    --missing;
+                    loaded[url] = this;
+
+                    if (missing === 0) {
+                        callback(loaded);
+                    }
+                };
+
+                var img = document.createElement('img');
+                img.onload = handler;
+                img.onerror = handler;
+                img.src = url;
+            });
+        };
+
+        function drawSeries(plot, ctx, series) {
+            var plotOffset = plot.getPlotOffset();
+
+            if (!series.images || !series.images.show) {
+                return;
+            }
+
+            var points = series.datapoints.points,
+                ps = series.datapoints.pointsize;
+
+            for (var i = 0; i < points.length; i += ps) {
+                var img = points[i],
+                    x1 = points[i + 1], y1 = points[i + 2],
+                    x2 = points[i + 3], y2 = points[i + 4],
+                    xaxis = series.xaxis, yaxis = series.yaxis,
+                    tmp;
+
+                // actually we should check img.complete, but it
+                // appears to be a somewhat unreliable indicator in
+                // IE6 (false even after load event)
+                if (!img || img.width <= 0 || img.height <= 0) {
+                    continue;
+                }
+
+                if (x1 > x2) {
+                    tmp = x2;
+                    x2 = x1;
+                    x1 = tmp;
+                }
+                if (y1 > y2) {
+                    tmp = y2;
+                    y2 = y1;
+                    y1 = tmp;
+                }
+
+                // if the anchor is at the center of the pixel, expand the
+                // image by 1/2 pixel in each direction
+                if (series.images.anchor === "center") {
+                    tmp = 0.5 * (x2 - x1) / (img.width - 1);
+                    x1 -= tmp;
+                    x2 += tmp;
+                    tmp = 0.5 * (y2 - y1) / (img.height - 1);
+                    y1 -= tmp;
+                    y2 += tmp;
+                }
+
+                // clip
+                if (x1 === x2 || y1 === y2 ||
+                    x1 >= xaxis.max || x2 <= xaxis.min ||
+                    y1 >= yaxis.max || y2 <= yaxis.min) {
+                    continue;
+                }
+
+                var sx1 = 0, sy1 = 0, sx2 = img.width, sy2 = img.height;
+                if (x1 < xaxis.min) {
+                    sx1 += (sx2 - sx1) * (xaxis.min - x1) / (x2 - x1);
+                    x1 = xaxis.min;
+                }
+
+                if (x2 > xaxis.max) {
+                    sx2 += (sx2 - sx1) * (xaxis.max - x2) / (x2 - x1);
+                    x2 = xaxis.max;
+                }
+
+                if (y1 < yaxis.min) {
+                    sy2 += (sy1 - sy2) * (yaxis.min - y1) / (y2 - y1);
+                    y1 = yaxis.min;
+                }
+
+                if (y2 > yaxis.max) {
+                    sy1 += (sy1 - sy2) * (yaxis.max - y2) / (y2 - y1);
+                    y2 = yaxis.max;
+                }
+
+                x1 = xaxis.p2c(x1);
+                x2 = xaxis.p2c(x2);
+                y1 = yaxis.p2c(y1);
+                y2 = yaxis.p2c(y2);
+
+                // the transformation may have swapped us
+                if (x1 > x2) {
+                    tmp = x2;
+                    x2 = x1;
+                    x1 = tmp;
+                }
+                if (y1 > y2) {
+                    tmp = y2;
+                    y2 = y1;
+                    y1 = tmp;
+                }
+
+                tmp = ctx.globalAlpha;
+                ctx.globalAlpha *= series.images.alpha;
+                ctx.drawImage(img,
+                              sx1, sy1, sx2 - sx1, sy2 - sy1,
+                              x1 + plotOffset.left, y1 + plotOffset.top,
+                              x2 - x1, y2 - y1);
+                ctx.globalAlpha = tmp;
+            }
+        }
+
+        function processRawData(plot, series, data, datapoints) {
+            if (!series.images.show) {
+                return;
+            }
+
+            // format is Image, x1, y1, x2, y2 (opposite corners)
+            datapoints.format = [
+                { required: true },
+                { x: true, number: true, required: true },
+                { y: true, number: true, required: true },
+                { x: true, number: true, required: true },
+                { y: true, number: true, required: true }
+            ];
+        }
+
+        function init(plot) {
+            plot.hooks.processRawData.push(processRawData);
+            plot.hooks.drawSeries.push(drawSeries);
+        }
+
+        jquery_flot_js.plugins.push({
+            init: init,
+            options: options,
+            name: 'image',
+            version: '1.1'
+        });
+
+    exports.image = image;
+
+    return exports;
+
+})({}, jquery_flot_js);

package/dist/plugins/jquery.flot.image.min.js

@@ -0,0 +1,2 @@
+!function(a,i){"use strict";var n={};function e(a,i,n){var e=a.getPlotOffset();if(n.images&&n.images.show)for(var o=n.datapoints.points,r=n.datapoints.pointsize,t=0;t<o.length;t+=r){var s,m=o[t],h=o[t+1],u=o[t+2],c=o[t+3],f=o[t+4],g=n.xaxis,p=n.yaxis;if(!(!m||m.width<=0||m.height<=0||(h>c&&(s=c,c=h,h=s),u>f&&(s=f,f=u,u=s),"center"===n.images.anchor&&(h-=s=.5*(c-h)/(m.width-1),c+=s,u-=s=.5*(f-u)/(m.height-1),f+=s),h===c||u===f||h>=g.max||c<=g.min||u>=p.max||f<=p.min))){var l=0,d=0,x=m.width,w=m.height;h<g.min&&(l+=(x-l)*(g.min-h)/(c-h),h=g.min),c>g.max&&(x+=(x-l)*(g.max-c)/(c-h),c=g.max),u<p.min&&(w+=(d-w)*(p.min-u)/(f-u),u=p.min),f>p.max&&(d+=(d-w)*(p.max-f)/(f-u),f=p.max),(h=g.p2c(h))>(c=g.p2c(c))&&(s=c,c=h,h=s),(u=p.p2c(u))>(f=p.p2c(f))&&(s=f,f=u,u=s),s=i.globalAlpha,i.globalAlpha*=n.images.alpha,i.drawImage(m,l,d,x-l,w-d,h+e.left,u+e.top,c-h,f-u),i.globalAlpha=s}}}function o(a,i,n,e){i.images.show&&(e.format=[{required:!0},{x:!0,number:!0,required:!0},{y:!0,number:!0,required:!0},{x:!0,number:!0,required:!0},{y:!0,number:!0,required:!0}])}n.loadDataImages=function(a,i,e){var o=[],r=[],t=i.series.images.show;a.forEach(function(a){(t||a.images.show)&&(a.data&&(a=a.data),a.forEach(function(a){"string"==typeof a[0]&&(o.push(a[0]),r.push(a))}))}),n.load(o,function(a){r.forEach(function(i){var n=i[0];a[n]&&(i[0]=a[n])}),e()})},n.load=function(a,i){var n=a.length,e={};0===n&&i({}),a.forEach(function(a){var o=function(){--n,e[a]=this,0===n&&i(e)},r=document.createElement("img");r.onload=o,r.onerror=o,r.src=a})},i.plugins.push({init:function(a){a.hooks.processRawData.push(o),a.hooks.drawSeries.push(e)},options:{series:{images:{show:!1,alpha:1,anchor:"corner"}}},name:"image",version:"1.1"})}(0,jquery_flot_js);
+//# sourceMappingURL=jquery.flot.image.min.js.map

package/dist/plugins/jquery.flot.image.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jquery.flot.image.min.js","sources":["../../source/jquery.flot.image.js"],"sourcesContent":["/* Flot plugin for plotting images.\n\nCopyright (c) 2007-2014 IOLA and Ole Laursen.\nLicensed under the MIT license.\n\nThe data syntax is [ [ image, x1, y1, x2, y2 ], ... ] where (x1, y1) and\n(x2, y2) are where you intend the two opposite corners of the image to end up\nin the plot. Image must be a fully loaded Javascript image (you can make one\nwith new Image()). If the image is not complete, it's skipped when plotting.\n\nThere are two helpers included for retrieving images. The easiest work the way\nthat you put in URLs instead of images in the data, like this:\n\n    [ \"myimage.png\", 0, 0, 10, 10 ]\n\nThen call $.plot.image.loadData( data, options, callback ) where data and\noptions are the same as you pass in to $.plot. This loads the images, replaces\nthe URLs in the data with the corresponding images and calls \"callback\" when\nall images are loaded (or failed loading). In the callback, you can then call\n$.plot with the data set. See the included example.\n\nA more low-level helper, $.plot.image.load(urls, callback) is also included.\nGiven a list of URLs, it calls callback with an object mapping from URL to\nImage object when all images are loaded or have failed loading.\n\nThe plugin supports these options:\n\n    series: {\n        images: {\n            show: boolean\n            anchor: \"corner\" or \"center\"\n            alpha: [ 0, 1 ]\n        }\n    }\n\nThey can be specified for a specific series:\n\n    $.plot( $(\"#placeholder\"), [{\n        data: [ ... ],\n        images: { ... }\n    ])\n\nNote that because the data format is different from usual data points, you\ncan't use images with anything else in a specific data series.\n\nSetting \"anchor\" to \"center\" causes the pixels in the image to be anchored at\nthe corner pixel centers inside of at the pixel corners, effectively letting\nhalf a pixel stick out to each side in the plot.\n\nA possible future direction could be support for tiling for large images (like\nGoogle Maps).\n\n*/\n\nimport { plugins } from './jquery.flot.js';\n\n    var options = {\n        series: {\n            images: {\n                show: false,\n                alpha: 1,\n                anchor: \"corner\" // or \"center\"\n            }\n        }\n    };\n\n    export var image = {};\n\n    image.loadDataImages = function (series, options, callback) {\n        var urls = [], points = [];\n\n        var defaultShow = options.series.images.show;\n\n        series.forEach(function (s) {\n            if (!(defaultShow || s.images.show)) {\n                return;\n            }\n\n            if (s.data) {\n                s = s.data;\n            }\n\n            s.forEach(function (p) {\n                if (typeof p[0] === \"string\") {\n                    urls.push(p[0]);\n                    points.push(p);\n                }\n            });\n        });\n\n        image.load(urls, function (loadedImages) {\n            points.forEach(function (p) {\n                var url = p[0];\n                if (loadedImages[url]) {\n                    p[0] = loadedImages[url];\n                }\n            });\n\n            callback();\n        });\n    }\n\n    image.load = function (urls, callback) {\n        var missing = urls.length, loaded = {};\n        if (missing === 0) {\n            callback({});\n        }\n\n        urls.forEach(function (url) {\n            var handler = function () {\n                --missing;\n                loaded[url] = this;\n\n                if (missing === 0) {\n                    callback(loaded);\n                }\n            };\n\n            var img = document.createElement('img');\n            img.onload = handler;\n            img.onerror = handler;\n            img.src = url;\n        });\n    };\n\n    function drawSeries(plot, ctx, series) {\n        var plotOffset = plot.getPlotOffset();\n\n        if (!series.images || !series.images.show) {\n            return;\n        }\n\n        var points = series.datapoints.points,\n            ps = series.datapoints.pointsize;\n\n        for (var i = 0; i < points.length; i += ps) {\n            var img = points[i],\n                x1 = points[i + 1], y1 = points[i + 2],\n                x2 = points[i + 3], y2 = points[i + 4],\n                xaxis = series.xaxis, yaxis = series.yaxis,\n                tmp;\n\n            // actually we should check img.complete, but it\n            // appears to be a somewhat unreliable indicator in\n            // IE6 (false even after load event)\n            if (!img || img.width <= 0 || img.height <= 0) {\n                continue;\n            }\n\n            if (x1 > x2) {\n                tmp = x2;\n                x2 = x1;\n                x1 = tmp;\n            }\n            if (y1 > y2) {\n                tmp = y2;\n                y2 = y1;\n                y1 = tmp;\n            }\n\n            // if the anchor is at the center of the pixel, expand the\n            // image by 1/2 pixel in each direction\n            if (series.images.anchor === \"center\") {\n                tmp = 0.5 * (x2 - x1) / (img.width - 1);\n                x1 -= tmp;\n                x2 += tmp;\n                tmp = 0.5 * (y2 - y1) / (img.height - 1);\n                y1 -= tmp;\n                y2 += tmp;\n            }\n\n            // clip\n            if (x1 === x2 || y1 === y2 ||\n                x1 >= xaxis.max || x2 <= xaxis.min ||\n                y1 >= yaxis.max || y2 <= yaxis.min) {\n                continue;\n            }\n\n            var sx1 = 0, sy1 = 0, sx2 = img.width, sy2 = img.height;\n            if (x1 < xaxis.min) {\n                sx1 += (sx2 - sx1) * (xaxis.min - x1) / (x2 - x1);\n                x1 = xaxis.min;\n            }\n\n            if (x2 > xaxis.max) {\n                sx2 += (sx2 - sx1) * (xaxis.max - x2) / (x2 - x1);\n                x2 = xaxis.max;\n            }\n\n            if (y1 < yaxis.min) {\n                sy2 += (sy1 - sy2) * (yaxis.min - y1) / (y2 - y1);\n                y1 = yaxis.min;\n            }\n\n            if (y2 > yaxis.max) {\n                sy1 += (sy1 - sy2) * (yaxis.max - y2) / (y2 - y1);\n                y2 = yaxis.max;\n            }\n\n            x1 = xaxis.p2c(x1);\n            x2 = xaxis.p2c(x2);\n            y1 = yaxis.p2c(y1);\n            y2 = yaxis.p2c(y2);\n\n            // the transformation may have swapped us\n            if (x1 > x2) {\n                tmp = x2;\n                x2 = x1;\n                x1 = tmp;\n            }\n            if (y1 > y2) {\n                tmp = y2;\n                y2 = y1;\n                y1 = tmp;\n            }\n\n            tmp = ctx.globalAlpha;\n            ctx.globalAlpha *= series.images.alpha;\n            ctx.drawImage(img,\n                          sx1, sy1, sx2 - sx1, sy2 - sy1,\n                          x1 + plotOffset.left, y1 + plotOffset.top,\n                          x2 - x1, y2 - y1);\n            ctx.globalAlpha = tmp;\n        }\n    }\n\n    function processRawData(plot, series, data, datapoints) {\n        if (!series.images.show) {\n            return;\n        }\n\n        // format is Image, x1, y1, x2, y2 (opposite corners)\n        datapoints.format = [\n            { required: true },\n            { x: true, number: true, required: true },\n            { y: true, number: true, required: true },\n            { x: true, number: true, required: true },\n            { y: true, number: true, required: true }\n        ];\n    }\n\n    function init(plot) {\n        plot.hooks.processRawData.push(processRawData);\n        plot.hooks.drawSeries.push(drawSeries);\n    }\n\n    plugins.push({\n        init: init,\n        options: options,\n        name: 'image',\n        version: '1.1'\n    });\n"],"names":["image","drawSeries","plot","ctx","series","plotOffset","getPlotOffset","images","show","points","datapoints","ps","pointsize","i","length","tmp","img","x1","y1","x2","y2","xaxis","yaxis","width","height","anchor","max","min","sx1","sy1","sx2","sy2","p2c","globalAlpha","alpha","drawImage","left","top","processRawData","data","format","required","x","number","y","loadDataImages","options","callback","urls","defaultShow","forEach","s","p","push","load","loadedImages","url","missing","loaded","handler","this","document","createElement","onload","onerror","src","plugins","init","hooks","name","version"],"mappings":"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"}