blacklight_range_limit 8.4.0 → 9.0.0.beta1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/.github/workflows/ruby.yml +117 -23
- data/.gitignore +2 -0
- data/.solr_wrapper.yml +8 -0
- data/Gemfile +7 -1
- data/README.md +77 -86
- data/Rakefile +31 -0
- data/VERSION +1 -1
- data/app/assets/javascripts/blacklight-range-limit/index.js +345 -0
- data/app/components/blacklight_range_limit/range_facet_component.html.erb +29 -27
- data/app/components/blacklight_range_limit/range_facet_component.rb +15 -9
- data/app/components/blacklight_range_limit/range_form_component.html.erb +13 -5
- data/app/components/blacklight_range_limit/range_form_component.rb +8 -20
- data/app/presenters/blacklight_range_limit/facet_field_presenter.rb +13 -2
- data/app/presenters/blacklight_range_limit/facet_item_presenter.rb +6 -11
- data/app/presenters/blacklight_range_limit/filter_field.rb +2 -2
- data/blacklight_range_limit.gemspec +1 -1
- data/config/importmap.rb +9 -0
- data/config/locales/blacklight_range_limit.ar.yml +13 -8
- data/config/locales/blacklight_range_limit.de.yml +13 -8
- data/config/locales/blacklight_range_limit.en.yml +5 -1
- data/config/locales/blacklight_range_limit.es.yml +18 -0
- data/config/locales/blacklight_range_limit.it.yml +13 -8
- data/lib/blacklight_range_limit/controller_override.rb +1 -25
- data/lib/blacklight_range_limit/engine.rb +48 -0
- data/lib/blacklight_range_limit/range_limit_builder.rb +40 -3
- data/lib/blacklight_range_limit.rb +8 -31
- data/lib/generators/blacklight_range_limit/assets_generator.rb +82 -18
- data/lib/generators/blacklight_range_limit/install_generator.rb +1 -1
- data/lib/generators/blacklight_range_limit/jsbundling_bl7_fixup_generator.rb +98 -0
- data/package-lock.json +51 -0
- data/package.json +10 -11
- data/spec/components/range_facet_component_spec.rb +41 -32
- data/spec/components/range_form_component_spec.rb +2 -2
- data/spec/components/range_segments_component_spec.rb +64 -0
- data/spec/features/blacklight_range_limit_spec.rb +21 -13
- data/spec/features/run_through_spec.rb +157 -0
- data/spec/presenters/facet_field_presenter_spec.rb +72 -0
- data/spec/presenters/filter_field_spec.rb +36 -1
- data/spec/spec_helper.rb +10 -0
- data/spec/test_app_templates/Gemfile.extra +11 -1
- data/spec/test_app_templates/lib/generators/test_app_generator.rb +37 -6
- metadata +26 -44
- data/app/assets/javascripts/blacklight_range_limit/range_limit_distro_facets.js +0 -77
- data/app/assets/javascripts/blacklight_range_limit/range_limit_plotting.js +0 -185
- data/app/assets/javascripts/blacklight_range_limit/range_limit_shared.js +0 -73
- data/app/assets/javascripts/blacklight_range_limit/range_limit_slider.js +0 -161
- data/app/assets/javascripts/blacklight_range_limit.js +0 -25
- data/app/assets/stylesheets/blacklight_range_limit/blacklight_range_limit.css +0 -60
- data/app/assets/stylesheets/blacklight_range_limit.css +0 -7
- data/app/helpers/range_limit_helper.rb +0 -130
- data/app/views/blacklight_range_limit/_range_segments.html.erb +0 -8
- data/app/views/blacklight_range_limit/range_segments.html.erb +0 -1
- data/app/views/catalog/range_limit_panel.html.erb +0 -1
- data/spec/features/a_javascript_spec.rb +0 -70
- data/spec/helpers/blacklight_range_limit_helper_spec.rb +0 -37
- data/vendor/assets/javascripts/bootstrap-slider.js +0 -388
- data/vendor/assets/javascripts/flot/jquery.canvaswrapper.js +0 -549
- data/vendor/assets/javascripts/flot/jquery.colorhelpers.js +0 -199
- data/vendor/assets/javascripts/flot/jquery.event.drag.js +0 -145
- data/vendor/assets/javascripts/flot/jquery.flot.browser.js +0 -98
- data/vendor/assets/javascripts/flot/jquery.flot.drawSeries.js +0 -662
- data/vendor/assets/javascripts/flot/jquery.flot.hover.js +0 -359
- data/vendor/assets/javascripts/flot/jquery.flot.js +0 -2818
- data/vendor/assets/javascripts/flot/jquery.flot.saturated.js +0 -43
- data/vendor/assets/javascripts/flot/jquery.flot.selection.js +0 -527
- data/vendor/assets/javascripts/flot/jquery.flot.uiConstants.js +0 -10
- data/vendor/assets/stylesheets/slider.css +0 -138
| @@ -1,43 +0,0 @@ | |
| 1 | 
            -
            (function ($) {
         | 
| 2 | 
            -
                'use strict';
         | 
| 3 | 
            -
                var saturated = {
         | 
| 4 | 
            -
                    saturate: function (a) {
         | 
| 5 | 
            -
                        if (a === Infinity) {
         | 
| 6 | 
            -
                            return Number.MAX_VALUE;
         | 
| 7 | 
            -
                        }
         | 
| 8 | 
            -
             | 
| 9 | 
            -
                        if (a === -Infinity) {
         | 
| 10 | 
            -
                            return -Number.MAX_VALUE;
         | 
| 11 | 
            -
                        }
         | 
| 12 | 
            -
             | 
| 13 | 
            -
                        return a;
         | 
| 14 | 
            -
                    },
         | 
| 15 | 
            -
                    delta: function(min, max, noTicks) {
         | 
| 16 | 
            -
                        return ((max - min) / noTicks) === Infinity ? (max / noTicks - min / noTicks) : (max - min) / noTicks
         | 
| 17 | 
            -
                    },
         | 
| 18 | 
            -
                    multiply: function (a, b) {
         | 
| 19 | 
            -
                        return saturated.saturate(a * b);
         | 
| 20 | 
            -
                    },
         | 
| 21 | 
            -
                    // returns c * bInt * a. Beahves properly in the case where c is negative
         | 
| 22 | 
            -
                    // and bInt * a is bigger that Number.MAX_VALUE (Infinity)
         | 
| 23 | 
            -
                    multiplyAdd: function (a, bInt, c) {
         | 
| 24 | 
            -
                        if (isFinite(a * bInt)) {
         | 
| 25 | 
            -
                            return saturated.saturate(a * bInt + c);
         | 
| 26 | 
            -
                        } else {
         | 
| 27 | 
            -
                            var result = c;
         | 
| 28 | 
            -
             | 
| 29 | 
            -
                            for (var i = 0; i < bInt; i++) {
         | 
| 30 | 
            -
                                result += a;
         | 
| 31 | 
            -
                            }
         | 
| 32 | 
            -
             | 
| 33 | 
            -
                            return saturated.saturate(result);
         | 
| 34 | 
            -
                        }
         | 
| 35 | 
            -
                    },
         | 
| 36 | 
            -
                    // round to nearby lower multiple of base
         | 
| 37 | 
            -
                    floorInBase: function(n, base) {
         | 
| 38 | 
            -
                        return base * Math.floor(n / base);
         | 
| 39 | 
            -
                    }
         | 
| 40 | 
            -
                };
         | 
| 41 | 
            -
             | 
| 42 | 
            -
                $.plot.saturated = saturated;
         | 
| 43 | 
            -
            })(jQuery);
         | 
| @@ -1,527 +0,0 @@ | |
| 1 | 
            -
            /* Flot plugin for selecting regions of a plot.
         | 
| 2 | 
            -
             | 
| 3 | 
            -
            Copyright (c) 2007-2014 IOLA and Ole Laursen.
         | 
| 4 | 
            -
            Licensed under the MIT license.
         | 
| 5 | 
            -
             | 
| 6 | 
            -
            The plugin supports these options:
         | 
| 7 | 
            -
             | 
| 8 | 
            -
            selection: {
         | 
| 9 | 
            -
                mode: null or "x" or "y" or "xy" or "smart",
         | 
| 10 | 
            -
                color: color,
         | 
| 11 | 
            -
                shape: "round" or "miter" or "bevel",
         | 
| 12 | 
            -
                visualization: "fill" or "focus",
         | 
| 13 | 
            -
                displaySelectionDecorations: true or false,
         | 
| 14 | 
            -
                minSize: number of pixels
         | 
| 15 | 
            -
            }
         | 
| 16 | 
            -
             | 
| 17 | 
            -
            Selection support is enabled by setting the mode to one of "x", "y" or "xy".
         | 
| 18 | 
            -
            In "x" mode, the user will only be able to specify the x range, similarly for
         | 
| 19 | 
            -
            "y" mode. For "xy", the selection becomes a rectangle where both ranges can be
         | 
| 20 | 
            -
            specified. "color" is color of the selection (if you need to change the color
         | 
| 21 | 
            -
            later on, you can get to it with plot.getOptions().selection.color). "shape"
         | 
| 22 | 
            -
            is the shape of the corners of the selection.
         | 
| 23 | 
            -
             | 
| 24 | 
            -
            The way how the selection is visualized, can be changed by using the option
         | 
| 25 | 
            -
            "visualization". Flot currently supports two modes: "focus" and "fill". The
         | 
| 26 | 
            -
            option "focus" draws a colored bezel around the selected area while keeping
         | 
| 27 | 
            -
            the selected area clear. The option "fill" highlights (i.e., fills) the
         | 
| 28 | 
            -
            selected area with a colored highlight.
         | 
| 29 | 
            -
             | 
| 30 | 
            -
            There are optional selection decorations (handles) that are rendered with the
         | 
| 31 | 
            -
            "focus" visualization option. The selection decoration is rendered by default
         | 
| 32 | 
            -
            but can be turned off by setting displaySelectionDecorations to false.
         | 
| 33 | 
            -
             | 
| 34 | 
            -
            "minSize" is the minimum size a selection can be in pixels. This value can
         | 
| 35 | 
            -
            be customized to determine the smallest size a selection can be and still
         | 
| 36 | 
            -
            have the selection rectangle be displayed. When customizing this value, the
         | 
| 37 | 
            -
            fact that it refers to pixels, not axis units must be taken into account.
         | 
| 38 | 
            -
            Thus, for example, if there is a bar graph in time mode with BarWidth set to 1
         | 
| 39 | 
            -
            minute, setting "minSize" to 1 will not make the minimum selection size 1
         | 
| 40 | 
            -
            minute, but rather 1 pixel. Note also that setting "minSize" to 0 will prevent
         | 
| 41 | 
            -
            "plotunselected" events from being fired when the user clicks the mouse without
         | 
| 42 | 
            -
            dragging.
         | 
| 43 | 
            -
             | 
| 44 | 
            -
            When selection support is enabled, a "plotselected" event will be emitted on
         | 
| 45 | 
            -
            the DOM element you passed into the plot function. The event handler gets a
         | 
| 46 | 
            -
            parameter with the ranges selected on the axes, like this:
         | 
| 47 | 
            -
             | 
| 48 | 
            -
                placeholder.bind( "plotselected", function( event, ranges ) {
         | 
| 49 | 
            -
                    alert("You selected " + ranges.xaxis.from + " to " + ranges.xaxis.to)
         | 
| 50 | 
            -
                    // similar for yaxis - with multiple axes, the extra ones are in
         | 
| 51 | 
            -
                    // x2axis, x3axis, ...
         | 
| 52 | 
            -
                });
         | 
| 53 | 
            -
             | 
| 54 | 
            -
            The "plotselected" event is only fired when the user has finished making the
         | 
| 55 | 
            -
            selection. A "plotselecting" event is fired during the process with the same
         | 
| 56 | 
            -
            parameters as the "plotselected" event, in case you want to know what's
         | 
| 57 | 
            -
            happening while it's happening,
         | 
| 58 | 
            -
             | 
| 59 | 
            -
            A "plotunselected" event with no arguments is emitted when the user clicks the
         | 
| 60 | 
            -
            mouse to remove the selection. As stated above, setting "minSize" to 0 will
         | 
| 61 | 
            -
            destroy this behavior.
         | 
| 62 | 
            -
             | 
| 63 | 
            -
            The plugin allso adds the following methods to the plot object:
         | 
| 64 | 
            -
             | 
| 65 | 
            -
            - setSelection( ranges, preventEvent )
         | 
| 66 | 
            -
             | 
| 67 | 
            -
              Set the selection rectangle. The passed in ranges is on the same form as
         | 
| 68 | 
            -
              returned in the "plotselected" event. If the selection mode is "x", you
         | 
| 69 | 
            -
              should put in either an xaxis range, if the mode is "y" you need to put in
         | 
| 70 | 
            -
              an yaxis range and both xaxis and yaxis if the selection mode is "xy", like
         | 
| 71 | 
            -
              this:
         | 
| 72 | 
            -
             | 
| 73 | 
            -
                setSelection({ xaxis: { from: 0, to: 10 }, yaxis: { from: 40, to: 60 } });
         | 
| 74 | 
            -
             | 
| 75 | 
            -
              setSelection will trigger the "plotselected" event when called. If you don't
         | 
| 76 | 
            -
              want that to happen, e.g. if you're inside a "plotselected" handler, pass
         | 
| 77 | 
            -
              true as the second parameter. If you are using multiple axes, you can
         | 
| 78 | 
            -
              specify the ranges on any of those, e.g. as x2axis/x3axis/... instead of
         | 
| 79 | 
            -
              xaxis, the plugin picks the first one it sees.
         | 
| 80 | 
            -
             | 
| 81 | 
            -
            - clearSelection( preventEvent )
         | 
| 82 | 
            -
             | 
| 83 | 
            -
              Clear the selection rectangle. Pass in true to avoid getting a
         | 
| 84 | 
            -
              "plotunselected" event.
         | 
| 85 | 
            -
             | 
| 86 | 
            -
            - getSelection()
         | 
| 87 | 
            -
             | 
| 88 | 
            -
              Returns the current selection in the same format as the "plotselected"
         | 
| 89 | 
            -
              event. If there's currently no selection, the function returns null.
         | 
| 90 | 
            -
             | 
| 91 | 
            -
            */
         | 
| 92 | 
            -
             | 
| 93 | 
            -
            (function ($) {
         | 
| 94 | 
            -
                function init(plot) {
         | 
| 95 | 
            -
                    var selection = {
         | 
| 96 | 
            -
                        first: {x: -1, y: -1},
         | 
| 97 | 
            -
                        second: {x: -1, y: -1},
         | 
| 98 | 
            -
                        show: false,
         | 
| 99 | 
            -
                        currentMode: 'xy',
         | 
| 100 | 
            -
                        active: false
         | 
| 101 | 
            -
                    };
         | 
| 102 | 
            -
             | 
| 103 | 
            -
                    var SNAPPING_CONSTANT = $.plot.uiConstants.SNAPPING_CONSTANT;
         | 
| 104 | 
            -
             | 
| 105 | 
            -
                    // FIXME: The drag handling implemented here should be
         | 
| 106 | 
            -
                    // abstracted out, there's some similar code from a library in
         | 
| 107 | 
            -
                    // the navigation plugin, this should be massaged a bit to fit
         | 
| 108 | 
            -
                    // the Flot cases here better and reused. Doing this would
         | 
| 109 | 
            -
                    // make this plugin much slimmer.
         | 
| 110 | 
            -
                    var savedhandlers = {};
         | 
| 111 | 
            -
             | 
| 112 | 
            -
                    function onDrag(e) {
         | 
| 113 | 
            -
                        if (selection.active) {
         | 
| 114 | 
            -
                            updateSelection(e);
         | 
| 115 | 
            -
             | 
| 116 | 
            -
                            plot.getPlaceholder().trigger("plotselecting", [ getSelection() ]);
         | 
| 117 | 
            -
                        }
         | 
| 118 | 
            -
                    }
         | 
| 119 | 
            -
             | 
| 120 | 
            -
                    function onDragStart(e) {
         | 
| 121 | 
            -
                        var o = plot.getOptions();
         | 
| 122 | 
            -
                        // only accept left-click
         | 
| 123 | 
            -
                        if (e.which !== 1 || o.selection.mode === null) return;
         | 
| 124 | 
            -
             | 
| 125 | 
            -
                        // reinitialize currentMode
         | 
| 126 | 
            -
                        selection.currentMode = 'xy';
         | 
| 127 | 
            -
             | 
| 128 | 
            -
                        // cancel out any text selections
         | 
| 129 | 
            -
                        document.body.focus();
         | 
| 130 | 
            -
             | 
| 131 | 
            -
                        // prevent text selection and drag in old-school browsers
         | 
| 132 | 
            -
                        if (document.onselectstart !== undefined && savedhandlers.onselectstart == null) {
         | 
| 133 | 
            -
                            savedhandlers.onselectstart = document.onselectstart;
         | 
| 134 | 
            -
                            document.onselectstart = function () { return false; };
         | 
| 135 | 
            -
                        }
         | 
| 136 | 
            -
                        if (document.ondrag !== undefined && savedhandlers.ondrag == null) {
         | 
| 137 | 
            -
                            savedhandlers.ondrag = document.ondrag;
         | 
| 138 | 
            -
                            document.ondrag = function () { return false; };
         | 
| 139 | 
            -
                        }
         | 
| 140 | 
            -
             | 
| 141 | 
            -
                        setSelectionPos(selection.first, e);
         | 
| 142 | 
            -
             | 
| 143 | 
            -
                        selection.active = true;
         | 
| 144 | 
            -
                    }
         | 
| 145 | 
            -
             | 
| 146 | 
            -
                    function onDragEnd(e) {
         | 
| 147 | 
            -
                        // revert drag stuff for old-school browsers
         | 
| 148 | 
            -
                        if (document.onselectstart !== undefined) {
         | 
| 149 | 
            -
                            document.onselectstart = savedhandlers.onselectstart;
         | 
| 150 | 
            -
                        }
         | 
| 151 | 
            -
             | 
| 152 | 
            -
                        if (document.ondrag !== undefined) {
         | 
| 153 | 
            -
                            document.ondrag = savedhandlers.ondrag;
         | 
| 154 | 
            -
                        }
         | 
| 155 | 
            -
             | 
| 156 | 
            -
                        // no more dragging
         | 
| 157 | 
            -
                        selection.active = false;
         | 
| 158 | 
            -
                        updateSelection(e);
         | 
| 159 | 
            -
             | 
| 160 | 
            -
                        if (selectionIsSane()) {
         | 
| 161 | 
            -
                            triggerSelectedEvent();
         | 
| 162 | 
            -
                        } else {
         | 
| 163 | 
            -
                            // this counts as a clear
         | 
| 164 | 
            -
                            plot.getPlaceholder().trigger("plotunselected", [ ]);
         | 
| 165 | 
            -
                            plot.getPlaceholder().trigger("plotselecting", [ null ]);
         | 
| 166 | 
            -
                        }
         | 
| 167 | 
            -
             | 
| 168 | 
            -
                        return false;
         | 
| 169 | 
            -
                    }
         | 
| 170 | 
            -
             | 
| 171 | 
            -
                    function getSelection() {
         | 
| 172 | 
            -
                        if (!selectionIsSane()) return null;
         | 
| 173 | 
            -
             | 
| 174 | 
            -
                        if (!selection.show) return null;
         | 
| 175 | 
            -
             | 
| 176 | 
            -
                        var r = {},
         | 
| 177 | 
            -
                            c1 = {x: selection.first.x, y: selection.first.y},
         | 
| 178 | 
            -
                            c2 = {x: selection.second.x, y: selection.second.y};
         | 
| 179 | 
            -
             | 
| 180 | 
            -
                        if (selectionDirection(plot) === 'x') {
         | 
| 181 | 
            -
                            c1.y = 0;
         | 
| 182 | 
            -
                            c2.y = plot.height();
         | 
| 183 | 
            -
                        }
         | 
| 184 | 
            -
             | 
| 185 | 
            -
                        if (selectionDirection(plot) === 'y') {
         | 
| 186 | 
            -
                            c1.x = 0;
         | 
| 187 | 
            -
                            c2.x = plot.width();
         | 
| 188 | 
            -
                        }
         | 
| 189 | 
            -
             | 
| 190 | 
            -
                        $.each(plot.getAxes(), function (name, axis) {
         | 
| 191 | 
            -
                            if (axis.used) {
         | 
| 192 | 
            -
                                var p1 = axis.c2p(c1[axis.direction]), p2 = axis.c2p(c2[axis.direction]);
         | 
| 193 | 
            -
                                r[name] = { from: Math.min(p1, p2), to: Math.max(p1, p2) };
         | 
| 194 | 
            -
                            }
         | 
| 195 | 
            -
                        });
         | 
| 196 | 
            -
                        return r;
         | 
| 197 | 
            -
                    }
         | 
| 198 | 
            -
             | 
| 199 | 
            -
                    function triggerSelectedEvent() {
         | 
| 200 | 
            -
                        var r = getSelection();
         | 
| 201 | 
            -
             | 
| 202 | 
            -
                        plot.getPlaceholder().trigger("plotselected", [ r ]);
         | 
| 203 | 
            -
             | 
| 204 | 
            -
                        // backwards-compat stuff, to be removed in future
         | 
| 205 | 
            -
                        if (r.xaxis && r.yaxis) {
         | 
| 206 | 
            -
                            plot.getPlaceholder().trigger("selected", [ { x1: r.xaxis.from, y1: r.yaxis.from, x2: r.xaxis.to, y2: r.yaxis.to } ]);
         | 
| 207 | 
            -
                        }
         | 
| 208 | 
            -
                    }
         | 
| 209 | 
            -
             | 
| 210 | 
            -
                    function clamp(min, value, max) {
         | 
| 211 | 
            -
                        return value < min ? min : (value > max ? max : value);
         | 
| 212 | 
            -
                    }
         | 
| 213 | 
            -
             | 
| 214 | 
            -
                    function selectionDirection(plot) {
         | 
| 215 | 
            -
                        var o = plot.getOptions();
         | 
| 216 | 
            -
             | 
| 217 | 
            -
                        if (o.selection.mode === 'smart') {
         | 
| 218 | 
            -
                            return selection.currentMode;
         | 
| 219 | 
            -
                        } else {
         | 
| 220 | 
            -
                            return o.selection.mode;
         | 
| 221 | 
            -
                        }
         | 
| 222 | 
            -
                    }
         | 
| 223 | 
            -
             | 
| 224 | 
            -
                    function updateMode(pos) {
         | 
| 225 | 
            -
                        if (selection.first) {
         | 
| 226 | 
            -
                            var delta = {
         | 
| 227 | 
            -
                                x: pos.x - selection.first.x,
         | 
| 228 | 
            -
                                y: pos.y - selection.first.y
         | 
| 229 | 
            -
                            };
         | 
| 230 | 
            -
             | 
| 231 | 
            -
                            if (Math.abs(delta.x) < SNAPPING_CONSTANT) {
         | 
| 232 | 
            -
                                selection.currentMode = 'y';
         | 
| 233 | 
            -
                            } else if (Math.abs(delta.y) < SNAPPING_CONSTANT) {
         | 
| 234 | 
            -
                                selection.currentMode = 'x';
         | 
| 235 | 
            -
                            } else {
         | 
| 236 | 
            -
                                selection.currentMode = 'xy';
         | 
| 237 | 
            -
                            }
         | 
| 238 | 
            -
                        }
         | 
| 239 | 
            -
                    }
         | 
| 240 | 
            -
             | 
| 241 | 
            -
                    function setSelectionPos(pos, e) {
         | 
| 242 | 
            -
                        var offset = plot.getPlaceholder().offset();
         | 
| 243 | 
            -
                        var plotOffset = plot.getPlotOffset();
         | 
| 244 | 
            -
                        pos.x = clamp(0, e.pageX - offset.left - plotOffset.left, plot.width());
         | 
| 245 | 
            -
                        pos.y = clamp(0, e.pageY - offset.top - plotOffset.top, plot.height());
         | 
| 246 | 
            -
             | 
| 247 | 
            -
                        if (pos !== selection.first) updateMode(pos);
         | 
| 248 | 
            -
             | 
| 249 | 
            -
                        if (selectionDirection(plot) === "y") {
         | 
| 250 | 
            -
                            pos.x = pos === selection.first ? 0 : plot.width();
         | 
| 251 | 
            -
                        }
         | 
| 252 | 
            -
             | 
| 253 | 
            -
                        if (selectionDirection(plot) === "x") {
         | 
| 254 | 
            -
                            pos.y = pos === selection.first ? 0 : plot.height();
         | 
| 255 | 
            -
                        }
         | 
| 256 | 
            -
                    }
         | 
| 257 | 
            -
             | 
| 258 | 
            -
                    function updateSelection(pos) {
         | 
| 259 | 
            -
                        if (pos.pageX == null) return;
         | 
| 260 | 
            -
             | 
| 261 | 
            -
                        setSelectionPos(selection.second, pos);
         | 
| 262 | 
            -
                        if (selectionIsSane()) {
         | 
| 263 | 
            -
                            selection.show = true;
         | 
| 264 | 
            -
                            plot.triggerRedrawOverlay();
         | 
| 265 | 
            -
                        } else clearSelection(true);
         | 
| 266 | 
            -
                    }
         | 
| 267 | 
            -
             | 
| 268 | 
            -
                    function clearSelection(preventEvent) {
         | 
| 269 | 
            -
                        if (selection.show) {
         | 
| 270 | 
            -
                            selection.show = false;
         | 
| 271 | 
            -
                            selection.currentMode = '';
         | 
| 272 | 
            -
                            plot.triggerRedrawOverlay();
         | 
| 273 | 
            -
                            if (!preventEvent) {
         | 
| 274 | 
            -
                                plot.getPlaceholder().trigger("plotunselected", [ ]);
         | 
| 275 | 
            -
                            }
         | 
| 276 | 
            -
                        }
         | 
| 277 | 
            -
                    }
         | 
| 278 | 
            -
             | 
| 279 | 
            -
                    // function taken from markings support in Flot
         | 
| 280 | 
            -
                    function extractRange(ranges, coord) {
         | 
| 281 | 
            -
                        var axis, from, to, key, axes = plot.getAxes();
         | 
| 282 | 
            -
             | 
| 283 | 
            -
                        for (var k in axes) {
         | 
| 284 | 
            -
                            axis = axes[k];
         | 
| 285 | 
            -
                            if (axis.direction === coord) {
         | 
| 286 | 
            -
                                key = coord + axis.n + "axis";
         | 
| 287 | 
            -
                                if (!ranges[key] && axis.n === 1) {
         | 
| 288 | 
            -
                                    // support x1axis as xaxis
         | 
| 289 | 
            -
                                    key = coord + "axis";
         | 
| 290 | 
            -
                                }
         | 
| 291 | 
            -
             | 
| 292 | 
            -
                                if (ranges[key]) {
         | 
| 293 | 
            -
                                    from = ranges[key].from;
         | 
| 294 | 
            -
                                    to = ranges[key].to;
         | 
| 295 | 
            -
                                    break;
         | 
| 296 | 
            -
                                }
         | 
| 297 | 
            -
                            }
         | 
| 298 | 
            -
                        }
         | 
| 299 | 
            -
             | 
| 300 | 
            -
                        // backwards-compat stuff - to be removed in future
         | 
| 301 | 
            -
                        if (!ranges[key]) {
         | 
| 302 | 
            -
                            axis = coord === "x" ? plot.getXAxes()[0] : plot.getYAxes()[0];
         | 
| 303 | 
            -
                            from = ranges[coord + "1"];
         | 
| 304 | 
            -
                            to = ranges[coord + "2"];
         | 
| 305 | 
            -
                        }
         | 
| 306 | 
            -
             | 
| 307 | 
            -
                        // auto-reverse as an added bonus
         | 
| 308 | 
            -
                        if (from != null && to != null && from > to) {
         | 
| 309 | 
            -
                            var tmp = from;
         | 
| 310 | 
            -
                            from = to;
         | 
| 311 | 
            -
                            to = tmp;
         | 
| 312 | 
            -
                        }
         | 
| 313 | 
            -
             | 
| 314 | 
            -
                        return { from: from, to: to, axis: axis };
         | 
| 315 | 
            -
                    }
         | 
| 316 | 
            -
             | 
| 317 | 
            -
                    function setSelection(ranges, preventEvent) {
         | 
| 318 | 
            -
                        var range;
         | 
| 319 | 
            -
             | 
| 320 | 
            -
                        if (selectionDirection(plot) === "y") {
         | 
| 321 | 
            -
                            selection.first.x = 0;
         | 
| 322 | 
            -
                            selection.second.x = plot.width();
         | 
| 323 | 
            -
                        } else {
         | 
| 324 | 
            -
                            range = extractRange(ranges, "x");
         | 
| 325 | 
            -
                            selection.first.x = range.axis.p2c(range.from);
         | 
| 326 | 
            -
                            selection.second.x = range.axis.p2c(range.to);
         | 
| 327 | 
            -
                        }
         | 
| 328 | 
            -
             | 
| 329 | 
            -
                        if (selectionDirection(plot) === "x") {
         | 
| 330 | 
            -
                            selection.first.y = 0;
         | 
| 331 | 
            -
                            selection.second.y = plot.height();
         | 
| 332 | 
            -
                        } else {
         | 
| 333 | 
            -
                            range = extractRange(ranges, "y");
         | 
| 334 | 
            -
                            selection.first.y = range.axis.p2c(range.from);
         | 
| 335 | 
            -
                            selection.second.y = range.axis.p2c(range.to);
         | 
| 336 | 
            -
                        }
         | 
| 337 | 
            -
             | 
| 338 | 
            -
                        selection.show = true;
         | 
| 339 | 
            -
                        plot.triggerRedrawOverlay();
         | 
| 340 | 
            -
                        if (!preventEvent && selectionIsSane()) {
         | 
| 341 | 
            -
                            triggerSelectedEvent();
         | 
| 342 | 
            -
                        }
         | 
| 343 | 
            -
                    }
         | 
| 344 | 
            -
             | 
| 345 | 
            -
                    function selectionIsSane() {
         | 
| 346 | 
            -
                        var minSize = plot.getOptions().selection.minSize;
         | 
| 347 | 
            -
                        return Math.abs(selection.second.x - selection.first.x) >= minSize &&
         | 
| 348 | 
            -
                            Math.abs(selection.second.y - selection.first.y) >= minSize;
         | 
| 349 | 
            -
                    }
         | 
| 350 | 
            -
             | 
| 351 | 
            -
                    plot.clearSelection = clearSelection;
         | 
| 352 | 
            -
                    plot.setSelection = setSelection;
         | 
| 353 | 
            -
                    plot.getSelection = getSelection;
         | 
| 354 | 
            -
             | 
| 355 | 
            -
                    plot.hooks.bindEvents.push(function(plot, eventHolder) {
         | 
| 356 | 
            -
                        var o = plot.getOptions();
         | 
| 357 | 
            -
                        if (o.selection.mode != null) {
         | 
| 358 | 
            -
                            plot.addEventHandler("dragstart", onDragStart, eventHolder, 0);
         | 
| 359 | 
            -
                            plot.addEventHandler("drag", onDrag, eventHolder, 0);
         | 
| 360 | 
            -
                            plot.addEventHandler("dragend", onDragEnd, eventHolder, 0);
         | 
| 361 | 
            -
                        }
         | 
| 362 | 
            -
                    });
         | 
| 363 | 
            -
             | 
| 364 | 
            -
                    function drawSelectionDecorations(ctx, x, y, w, h, oX, oY, mode) {
         | 
| 365 | 
            -
                        var spacing = 3;
         | 
| 366 | 
            -
                        var fullEarWidth = 15;
         | 
| 367 | 
            -
                        var earWidth = Math.max(0, Math.min(fullEarWidth, w / 2 - 2, h / 2 - 2));
         | 
| 368 | 
            -
                        ctx.fillStyle = '#ffffff';
         | 
| 369 | 
            -
             | 
| 370 | 
            -
                        if (mode === 'xy') {
         | 
| 371 | 
            -
                            ctx.beginPath();
         | 
| 372 | 
            -
                            ctx.moveTo(x, y + earWidth);
         | 
| 373 | 
            -
                            ctx.lineTo(x - 3, y + earWidth);
         | 
| 374 | 
            -
                            ctx.lineTo(x - 3, y - 3);
         | 
| 375 | 
            -
                            ctx.lineTo(x + earWidth, y - 3);
         | 
| 376 | 
            -
                            ctx.lineTo(x + earWidth, y);
         | 
| 377 | 
            -
                            ctx.lineTo(x, y);
         | 
| 378 | 
            -
                            ctx.closePath();
         | 
| 379 | 
            -
             | 
| 380 | 
            -
                            ctx.moveTo(x, y + h - earWidth);
         | 
| 381 | 
            -
                            ctx.lineTo(x - 3, y + h - earWidth);
         | 
| 382 | 
            -
                            ctx.lineTo(x - 3, y + h + 3);
         | 
| 383 | 
            -
                            ctx.lineTo(x + earWidth, y + h + 3);
         | 
| 384 | 
            -
                            ctx.lineTo(x + earWidth, y + h);
         | 
| 385 | 
            -
                            ctx.lineTo(x, y + h);
         | 
| 386 | 
            -
                            ctx.closePath();
         | 
| 387 | 
            -
             | 
| 388 | 
            -
                            ctx.moveTo(x + w, y + earWidth);
         | 
| 389 | 
            -
                            ctx.lineTo(x + w + 3, y + earWidth);
         | 
| 390 | 
            -
                            ctx.lineTo(x + w + 3, y - 3);
         | 
| 391 | 
            -
                            ctx.lineTo(x + w - earWidth, y - 3);
         | 
| 392 | 
            -
                            ctx.lineTo(x + w - earWidth, y);
         | 
| 393 | 
            -
                            ctx.lineTo(x + w, y);
         | 
| 394 | 
            -
                            ctx.closePath();
         | 
| 395 | 
            -
             | 
| 396 | 
            -
                            ctx.moveTo(x + w, y + h - earWidth);
         | 
| 397 | 
            -
                            ctx.lineTo(x + w + 3, y + h - earWidth);
         | 
| 398 | 
            -
                            ctx.lineTo(x + w + 3, y + h + 3);
         | 
| 399 | 
            -
                            ctx.lineTo(x + w - earWidth, y + h + 3);
         | 
| 400 | 
            -
                            ctx.lineTo(x + w - earWidth, y + h);
         | 
| 401 | 
            -
                            ctx.lineTo(x + w, y + h);
         | 
| 402 | 
            -
                            ctx.closePath();
         | 
| 403 | 
            -
             | 
| 404 | 
            -
                            ctx.stroke();
         | 
| 405 | 
            -
                            ctx.fill();
         | 
| 406 | 
            -
                        }
         | 
| 407 | 
            -
             | 
| 408 | 
            -
                        x = oX;
         | 
| 409 | 
            -
                        y = oY;
         | 
| 410 | 
            -
             | 
| 411 | 
            -
                        if (mode === 'x') {
         | 
| 412 | 
            -
                            ctx.beginPath();
         | 
| 413 | 
            -
                            ctx.moveTo(x, y + fullEarWidth);
         | 
| 414 | 
            -
                            ctx.lineTo(x, y - fullEarWidth);
         | 
| 415 | 
            -
                            ctx.lineTo(x - spacing, y - fullEarWidth);
         | 
| 416 | 
            -
                            ctx.lineTo(x - spacing, y + fullEarWidth);
         | 
| 417 | 
            -
                            ctx.closePath();
         | 
| 418 | 
            -
             | 
| 419 | 
            -
                            ctx.moveTo(x + w, y + fullEarWidth);
         | 
| 420 | 
            -
                            ctx.lineTo(x + w, y - fullEarWidth);
         | 
| 421 | 
            -
                            ctx.lineTo(x + w + spacing, y - fullEarWidth);
         | 
| 422 | 
            -
                            ctx.lineTo(x + w + spacing, y + fullEarWidth);
         | 
| 423 | 
            -
                            ctx.closePath();
         | 
| 424 | 
            -
                            ctx.stroke();
         | 
| 425 | 
            -
                            ctx.fill();
         | 
| 426 | 
            -
                        }
         | 
| 427 | 
            -
             | 
| 428 | 
            -
                        if (mode === 'y') {
         | 
| 429 | 
            -
                            ctx.beginPath();
         | 
| 430 | 
            -
             | 
| 431 | 
            -
                            ctx.moveTo(x - fullEarWidth, y);
         | 
| 432 | 
            -
                            ctx.lineTo(x + fullEarWidth, y);
         | 
| 433 | 
            -
                            ctx.lineTo(x + fullEarWidth, y - spacing);
         | 
| 434 | 
            -
                            ctx.lineTo(x - fullEarWidth, y - spacing);
         | 
| 435 | 
            -
                            ctx.closePath();
         | 
| 436 | 
            -
             | 
| 437 | 
            -
                            ctx.moveTo(x - fullEarWidth, y + h);
         | 
| 438 | 
            -
                            ctx.lineTo(x + fullEarWidth, y + h);
         | 
| 439 | 
            -
                            ctx.lineTo(x + fullEarWidth, y + h + spacing);
         | 
| 440 | 
            -
                            ctx.lineTo(x - fullEarWidth, y + h + spacing);
         | 
| 441 | 
            -
                            ctx.closePath();
         | 
| 442 | 
            -
                            ctx.stroke();
         | 
| 443 | 
            -
                            ctx.fill();
         | 
| 444 | 
            -
                        }
         | 
| 445 | 
            -
                    }
         | 
| 446 | 
            -
             | 
| 447 | 
            -
                    plot.hooks.drawOverlay.push(function (plot, ctx) {
         | 
| 448 | 
            -
                        // draw selection
         | 
| 449 | 
            -
                        if (selection.show && selectionIsSane()) {
         | 
| 450 | 
            -
                            var plotOffset = plot.getPlotOffset();
         | 
| 451 | 
            -
                            var o = plot.getOptions();
         | 
| 452 | 
            -
             | 
| 453 | 
            -
                            ctx.save();
         | 
| 454 | 
            -
                            ctx.translate(plotOffset.left, plotOffset.top);
         | 
| 455 | 
            -
             | 
| 456 | 
            -
                            var c = $.color.parse(o.selection.color);
         | 
| 457 | 
            -
                            var visualization = o.selection.visualization;
         | 
| 458 | 
            -
                            var displaySelectionDecorations = o.selection.displaySelectionDecorations;
         | 
| 459 | 
            -
             | 
| 460 | 
            -
                            var scalingFactor = 1;
         | 
| 461 | 
            -
             | 
| 462 | 
            -
                            // use a dimmer scaling factor if visualization is "fill"
         | 
| 463 | 
            -
                            if (visualization === "fill") {
         | 
| 464 | 
            -
                                scalingFactor = 0.8;
         | 
| 465 | 
            -
                            }
         | 
| 466 | 
            -
             | 
| 467 | 
            -
                            ctx.strokeStyle = c.scale('a', scalingFactor).toString();
         | 
| 468 | 
            -
                            ctx.lineWidth = 1;
         | 
| 469 | 
            -
                            ctx.lineJoin = o.selection.shape;
         | 
| 470 | 
            -
                            ctx.fillStyle = c.scale('a', 0.4).toString();
         | 
| 471 | 
            -
             | 
| 472 | 
            -
                            var x = Math.min(selection.first.x, selection.second.x) + 0.5,
         | 
| 473 | 
            -
                                oX = x,
         | 
| 474 | 
            -
                                y = Math.min(selection.first.y, selection.second.y) + 0.5,
         | 
| 475 | 
            -
                                oY = y,
         | 
| 476 | 
            -
                                w = Math.abs(selection.second.x - selection.first.x) - 1,
         | 
| 477 | 
            -
                                h = Math.abs(selection.second.y - selection.first.y) - 1;
         | 
| 478 | 
            -
             | 
| 479 | 
            -
                            if (selectionDirection(plot) === 'x') {
         | 
| 480 | 
            -
                                h += y;
         | 
| 481 | 
            -
                                y = 0;
         | 
| 482 | 
            -
                            }
         | 
| 483 | 
            -
             | 
| 484 | 
            -
                            if (selectionDirection(plot) === 'y') {
         | 
| 485 | 
            -
                                w += x;
         | 
| 486 | 
            -
                                x = 0;
         | 
| 487 | 
            -
                            }
         | 
| 488 | 
            -
             | 
| 489 | 
            -
                            if (visualization === "fill") {
         | 
| 490 | 
            -
                                ctx.fillRect(x, y, w, h);
         | 
| 491 | 
            -
                                ctx.strokeRect(x, y, w, h);
         | 
| 492 | 
            -
                            } else {
         | 
| 493 | 
            -
                                ctx.fillRect(0, 0, plot.width(), plot.height());
         | 
| 494 | 
            -
                                ctx.clearRect(x, y, w, h);
         | 
| 495 | 
            -
             | 
| 496 | 
            -
                                if (displaySelectionDecorations) {
         | 
| 497 | 
            -
                                    drawSelectionDecorations(ctx, x, y, w, h, oX, oY, selectionDirection(plot));
         | 
| 498 | 
            -
                                }
         | 
| 499 | 
            -
                            }
         | 
| 500 | 
            -
             | 
| 501 | 
            -
                            ctx.restore();
         | 
| 502 | 
            -
                        }
         | 
| 503 | 
            -
                    });
         | 
| 504 | 
            -
             | 
| 505 | 
            -
                    plot.hooks.shutdown.push(function (plot, eventHolder) {
         | 
| 506 | 
            -
                        eventHolder.unbind("dragstart", onDragStart);
         | 
| 507 | 
            -
                        eventHolder.unbind("drag", onDrag);
         | 
| 508 | 
            -
                        eventHolder.unbind("dragend", onDragEnd);
         | 
| 509 | 
            -
                    });
         | 
| 510 | 
            -
                }
         | 
| 511 | 
            -
             | 
| 512 | 
            -
                $.plot.plugins.push({
         | 
| 513 | 
            -
                    init: init,
         | 
| 514 | 
            -
                    options: {
         | 
| 515 | 
            -
                        selection: {
         | 
| 516 | 
            -
                            mode: null, // one of null, "x", "y" or "xy"
         | 
| 517 | 
            -
                            visualization: "focus", // "focus" or "fill"
         | 
| 518 | 
            -
                            displaySelectionDecorations: true, // true or false (currently only relevant for the focus visualization)
         | 
| 519 | 
            -
                            color: "#888888",
         | 
| 520 | 
            -
                            shape: "round", // one of "round", "miter", or "bevel"
         | 
| 521 | 
            -
                            minSize: 5 // minimum number of pixels
         | 
| 522 | 
            -
                        }
         | 
| 523 | 
            -
                    },
         | 
| 524 | 
            -
                    name: 'selection',
         | 
| 525 | 
            -
                    version: '1.1'
         | 
| 526 | 
            -
                });
         | 
| 527 | 
            -
            })(jQuery);
         |