inviton-powerduck 0.0.209 → 0.0.211

package/common/css/ladda-themeless-zoomin.min.css

@@ -1,89 +1,89 @@
-/*! Ladda http://lab.hakim.se/ladda MIT licensed Copyright (C) 2016 Hakim El Hattab, http://hakim.se ....Lightweight adaptation for Inviton API needs*/
-.ladda-button {
-    position: relative;
-}
-.ladda-button .ladda-spinner {
-    position: absolute;
-    z-index: 2;
-    display: inline-block;
-    width: 32px;
-    height: 32px;
-    top: 50%;
-    margin-top: 0;
-    opacity: 0;
-    pointer-events: none;
-}
-.ladda-button .ladda-label {
-    position: relative;
-    z-index: 3;
-}
-.ladda-button .ladda-progress {
-    position: absolute;
-    width: 0;
-    height: 100%;
-    left: 0;
-    top: 0;
-    background: rgba(0, 0, 0, 0.2);
-    visibility: hidden;
-    opacity: 0;
-    -webkit-transition: 0.1s linear all !important;
-    -moz-transition: 0.1s linear all !important;
-    -ms-transition: 0.1s linear all !important;
-    -o-transition: 0.1s linear all !important;
-    transition: 0.1s linear all !important;
-}
-.ladda-button[data-loading] .ladda-progress {
-    opacity: 1;
-    visibility: visible;
-}
-.ladda-button,
-.ladda-button .ladda-label,
-.ladda-button .ladda-spinner {
-    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
-}
-.ladda-button[data-style="zoom-in"],
-.ladda-button[data-style="zoom-in"] .ladda-label,
-.ladda-button[data-style="zoom-in"] .ladda-spinner {
-    -webkit-transition: 0.3s ease all !important;
-    -moz-transition: 0.3s ease all !important;
-    -ms-transition: 0.3s ease all !important;
-    -o-transition: 0.3s ease all !important;
-    transition: 0.3s ease all !important;
-}
-.ladda-button[data-style="zoom-in"] {
-    overflow: hidden;
-}
-.ladda-button[data-style="zoom-in"] .ladda-spinner {
-    left: 50%;
-    margin-left: -16px;
-    -webkit-transform: scale(0.2);
-    -moz-transform: scale(0.2);
-    -ms-transform: scale(0.2);
-    -o-transform: scale(0.2);
-    transform: scale(0.2);
-}
-.ladda-button[data-style="zoom-in"] .ladda-label {
-    position: relative;
-    display: inline-block;
-}
-.ladda-button[data-style="zoom-in"][data-loading] .ladda-label {
-    opacity: 0;
-    -webkit-transform: scale(2.2);
-    -moz-transform: scale(2.2);
-    -ms-transform: scale(2.2);
-    -o-transform: scale(2.2);
-    transform: scale(2.2);
-}
-.ladda-button[data-style="zoom-in"][data-loading] .ladda-spinner {
-    opacity: 1;
-    margin-left: 0;
-    -webkit-transform: none;
-    -moz-transform: none;
-    -ms-transform: none;
-    -o-transform: none;
-    transform: none;
-}
+/*! Ladda http://lab.hakim.se/ladda MIT licensed Copyright (C) 2016 Hakim El Hattab, http://hakim.se ....Lightweight adaptation for Inviton API needs*/
+.ladda-button {
+    position: relative;
+}
+.ladda-button .ladda-spinner {
+    position: absolute;
+    z-index: 2;
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    top: 50%;
+    margin-top: 0;
+    opacity: 0;
+    pointer-events: none;
+}
+.ladda-button .ladda-label {
+    position: relative;
+    z-index: 3;
+}
+.ladda-button .ladda-progress {
+    position: absolute;
+    width: 0;
+    height: 100%;
+    left: 0;
+    top: 0;
+    background: rgba(0, 0, 0, 0.2);
+    visibility: hidden;
+    opacity: 0;
+    -webkit-transition: 0.1s linear all !important;
+    -moz-transition: 0.1s linear all !important;
+    -ms-transition: 0.1s linear all !important;
+    -o-transition: 0.1s linear all !important;
+    transition: 0.1s linear all !important;
+}
+.ladda-button[data-loading] .ladda-progress {
+    opacity: 1;
+    visibility: visible;
+}
+.ladda-button,
+.ladda-button .ladda-label,
+.ladda-button .ladda-spinner {
+    -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+    -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+    -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+    -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+    transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
+}
+.ladda-button[data-style="zoom-in"],
+.ladda-button[data-style="zoom-in"] .ladda-label,
+.ladda-button[data-style="zoom-in"] .ladda-spinner {
+    -webkit-transition: 0.3s ease all !important;
+    -moz-transition: 0.3s ease all !important;
+    -ms-transition: 0.3s ease all !important;
+    -o-transition: 0.3s ease all !important;
+    transition: 0.3s ease all !important;
+}
+.ladda-button[data-style="zoom-in"] {
+    overflow: hidden;
+}
+.ladda-button[data-style="zoom-in"] .ladda-spinner {
+    left: 50%;
+    margin-left: -16px;
+    -webkit-transform: scale(0.2);
+    -moz-transform: scale(0.2);
+    -ms-transform: scale(0.2);
+    -o-transform: scale(0.2);
+    transform: scale(0.2);
+}
+.ladda-button[data-style="zoom-in"] .ladda-label {
+    position: relative;
+    display: inline-block;
+}
+.ladda-button[data-style="zoom-in"][data-loading] .ladda-label {
+    opacity: 0;
+    -webkit-transform: scale(2.2);
+    -moz-transform: scale(2.2);
+    -ms-transform: scale(2.2);
+    -o-transform: scale(2.2);
+    transform: scale(2.2);
+}
+.ladda-button[data-style="zoom-in"][data-loading] .ladda-spinner {
+    opacity: 1;
+    margin-left: 0;
+    -webkit-transform: none;
+    -moz-transform: none;
+    -ms-transform: none;
+    -o-transform: none;
+    transform: none;
+}

package/components/card/card-header.tsx

@@ -1,15 +1,16 @@
+import type { VNode } from 'vue';
 import { Prop, toNative } from 'vue-facing-decorator';
 import TsxComponent, { Component } from '../../app/vuetsx';
 
 interface CardHeaderArgs {
-	title?: string;
+	title?: string | VNode;
 	subtitle?: string;
 	smallTitle?: string;
 }
 
 @Component
 class CardHeaderComponent extends TsxComponent<CardHeaderArgs> implements CardHeaderArgs {
-	@Prop() title!: string;
+	@Prop() title!: string | VNode;
 	@Prop() subtitle!: string;
 	@Prop() smallTitle?: string;
 

package/components/card/card.tsx

@@ -2,6 +2,7 @@ import { Prop, toNative } from 'vue-facing-decorator';
 
 import PowerduckState from '../../app/powerduck-state';
 import TsxComponent, { Component } from '../../app/vuetsx';
+import './css/card.scss';
 
 export enum CardRole {
 	Normal = 0,
@@ -12,6 +13,9 @@ interface CardArgs {
 	role?: CardRole;
 	renderMode?: 'default' | 'inlined';
 	hasShadow?: boolean;
+	shadow?: 'none' | 'sm' | 'md' | 'lg';
+	padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+	rounded?: boolean;
 	cssClass?: string;
 	clicked?: () => void;
 }
@@ -20,13 +24,28 @@ interface CardArgs {
 class CardComponent extends TsxComponent<CardArgs> implements CardArgs {
 	@Prop() role!: CardRole;
 	@Prop() hasShadow!: boolean;
+	@Prop() shadow?: 'none' | 'sm' | 'md' | 'lg';
+	@Prop() padding?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+	@Prop({ default: false }) rounded?: boolean;
 	@Prop() renderMode?: 'default' | 'inlined';
 	@Prop() cssClass?: string;
 	@Prop() clicked?: () => void;
 
 	render() {
+		const classes = [
+			'card',
+			this.role == CardRole.RootCard && 'single-card root-element',
+			this.getStickyCssClass(),
+			this.getBoxShadowCardCss(),
+			this.getRenderModeCardCss(),
+			this.getShadowClass(),
+			this.getPaddingClass(),
+			this.rounded && 'card--rounded',
+			this.cssClass,
+		].filter(Boolean).join(' ');
+
 		return (
-			<div onClick={this?.clicked} role={this.getRole()} class={`card${this.role == CardRole.RootCard ? ' single-card root-element' : ''}${this.getStickyCssClass()}${this.getBoxShadowCardCss()}${this.getRenderModeCardCss()} ${this.cssClass ?? ''}`}>
+			<div onClick={this?.clicked} role={this.getRole()} class={classes}>
 				{this.$slots.default?.()}
 			</div>
 		);
@@ -63,6 +82,22 @@ class CardComponent extends TsxComponent<CardArgs> implements CardArgs {
 		return '';
 	}
 
+	getShadowClass(): string {
+		if (this.shadow) {
+			return `card--shadow-${this.shadow}`;
+		}
+
+		return '';
+	}
+
+	getPaddingClass(): string {
+		if (this.padding) {
+			return `card--padding-${this.padding}`;
+		}
+
+		return '';
+	}
+
 	getRole() {
 		if (this.clicked != null) {
 			return 'button';

package/components/card/css/card.scss

@@ -0,0 +1,42 @@
+// Card shadow variants
+.card--shadow-none {
+	box-shadow: none;
+}
+
+.card--shadow-sm {
+	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+}
+
+.card--shadow-md {
+	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+
+.card--shadow-lg {
+	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+}
+
+// Card padding variants
+.card--padding-none {
+	padding: 0;
+}
+
+.card--padding-sm {
+	padding: 0.5rem;
+}
+
+.card--padding-md {
+	padding: 1rem;
+}
+
+.card--padding-lg {
+	padding: 1.5rem;
+}
+
+.card--padding-xl {
+	padding: 2rem;
+}
+
+// Card rounded corners
+.card--rounded {
+	border-radius: 0.5rem;
+}

package/components/chart-js/thirdparty/flot/jquery.flot.categories.min.js

@@ -1,93 +1,93 @@
-/* Javascript plotting library for jQuery, version 0.8.3.
-
-Copyright (c) 2007-2014 IOLA and Ole Laursen.
-Licensed under the MIT license.
-
-*/
-(function ($) {
-    var options = { xaxis: { categories: null }, yaxis: { categories: null } };
-    function processRawData(plot, series, data, datapoints) {
-        var xCategories = series.xaxis.options.mode == "categories",
-            yCategories = series.yaxis.options.mode == "categories";
-        if (!(xCategories || yCategories)) return;
-        var format = datapoints.format;
-        if (!format) {
-            var s = series;
-            format = [];
-            format.push({ x: true, number: true, required: true });
-            format.push({ y: true, number: true, required: true });
-            if (s.bars.show || (s.lines.show && s.lines.fill)) {
-                var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
-                format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
-                if (s.bars.horizontal) {
-                    delete format[format.length - 1].y;
-                    format[format.length - 1].x = true;
-                }
-            }
-            datapoints.format = format;
-        }
-        for (var m = 0; m < format.length; ++m) {
-            if (format[m].x && xCategories) format[m].number = false;
-            if (format[m].y && yCategories) format[m].number = false;
-        }
-    }
-    function getNextIndex(categories) {
-        var index = -1;
-        for (var v in categories) if (categories[v] > index) index = categories[v];
-        return index + 1;
-    }
-    function categoriesTickGenerator(axis) {
-        var res = [];
-        for (var label in axis.categories) {
-            var v = axis.categories[label];
-            if (v >= axis.min && v <= axis.max) res.push([v, label]);
-        }
-        res.sort(function (a, b) {
-            return a[0] - b[0];
-        });
-        return res;
-    }
-    function setupCategoriesForAxis(series, axis, datapoints) {
-        if (series[axis].options.mode != "categories") return;
-        if (!series[axis].categories) {
-            var c = {},
-                o = series[axis].options.categories || {};
-            if ($.isArray(o)) {
-                for (var i = 0; i < o.length; ++i) c[o[i]] = i;
-            } else {
-                for (var v in o) c[v] = o[v];
-            }
-            series[axis].categories = c;
-        }
-        if (!series[axis].options.ticks) series[axis].options.ticks = categoriesTickGenerator;
-        transformPointsOnAxis(datapoints, axis, series[axis].categories);
-    }
-    function transformPointsOnAxis(datapoints, axis, categories) {
-        var points = datapoints.points,
-            ps = datapoints.pointsize,
-            format = datapoints.format,
-            formatColumn = axis.charAt(0),
-            index = getNextIndex(categories);
-        for (var i = 0; i < points.length; i += ps) {
-            if (points[i] == null) continue;
-            for (var m = 0; m < ps; ++m) {
-                var val = points[i + m];
-                if (val == null || !format[m][formatColumn]) continue;
-                if (!(val in categories)) {
-                    categories[val] = index;
-                    ++index;
-                }
-                points[i + m] = categories[val];
-            }
-        }
-    }
-    function processDatapoints(plot, series, datapoints) {
-        setupCategoriesForAxis(series, "xaxis", datapoints);
-        setupCategoriesForAxis(series, "yaxis", datapoints);
-    }
-    function init(plot) {
-        plot.hooks.processRawData.push(processRawData);
-        plot.hooks.processDatapoints.push(processDatapoints);
-    }
-    $.plot.plugins.push({ init: init, options: options, name: "categories", version: "1.0" });
-})(jQuery);
+/* Javascript plotting library for jQuery, version 0.8.3.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+*/
+(function ($) {
+    var options = { xaxis: { categories: null }, yaxis: { categories: null } };
+    function processRawData(plot, series, data, datapoints) {
+        var xCategories = series.xaxis.options.mode == "categories",
+            yCategories = series.yaxis.options.mode == "categories";
+        if (!(xCategories || yCategories)) return;
+        var format = datapoints.format;
+        if (!format) {
+            var s = series;
+            format = [];
+            format.push({ x: true, number: true, required: true });
+            format.push({ y: true, number: true, required: true });
+            if (s.bars.show || (s.lines.show && s.lines.fill)) {
+                var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
+                format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
+                if (s.bars.horizontal) {
+                    delete format[format.length - 1].y;
+                    format[format.length - 1].x = true;
+                }
+            }
+            datapoints.format = format;
+        }
+        for (var m = 0; m < format.length; ++m) {
+            if (format[m].x && xCategories) format[m].number = false;
+            if (format[m].y && yCategories) format[m].number = false;
+        }
+    }
+    function getNextIndex(categories) {
+        var index = -1;
+        for (var v in categories) if (categories[v] > index) index = categories[v];
+        return index + 1;
+    }
+    function categoriesTickGenerator(axis) {
+        var res = [];
+        for (var label in axis.categories) {
+            var v = axis.categories[label];
+            if (v >= axis.min && v <= axis.max) res.push([v, label]);
+        }
+        res.sort(function (a, b) {
+            return a[0] - b[0];
+        });
+        return res;
+    }
+    function setupCategoriesForAxis(series, axis, datapoints) {
+        if (series[axis].options.mode != "categories") return;
+        if (!series[axis].categories) {
+            var c = {},
+                o = series[axis].options.categories || {};
+            if ($.isArray(o)) {
+                for (var i = 0; i < o.length; ++i) c[o[i]] = i;
+            } else {
+                for (var v in o) c[v] = o[v];
+            }
+            series[axis].categories = c;
+        }
+        if (!series[axis].options.ticks) series[axis].options.ticks = categoriesTickGenerator;
+        transformPointsOnAxis(datapoints, axis, series[axis].categories);
+    }
+    function transformPointsOnAxis(datapoints, axis, categories) {
+        var points = datapoints.points,
+            ps = datapoints.pointsize,
+            format = datapoints.format,
+            formatColumn = axis.charAt(0),
+            index = getNextIndex(categories);
+        for (var i = 0; i < points.length; i += ps) {
+            if (points[i] == null) continue;
+            for (var m = 0; m < ps; ++m) {
+                var val = points[i + m];
+                if (val == null || !format[m][formatColumn]) continue;
+                if (!(val in categories)) {
+                    categories[val] = index;
+                    ++index;
+                }
+                points[i + m] = categories[val];
+            }
+        }
+    }
+    function processDatapoints(plot, series, datapoints) {
+        setupCategoriesForAxis(series, "xaxis", datapoints);
+        setupCategoriesForAxis(series, "yaxis", datapoints);
+    }
+    function init(plot) {
+        plot.hooks.processRawData.push(processRawData);
+        plot.hooks.processDatapoints.push(processDatapoints);
+    }
+    $.plot.plugins.push({ init: init, options: options, name: "categories", version: "1.0" });
+})(jQuery);

package/components/chart-js/thirdparty/flot/jquery.flot.crosshair.min.js

@@ -1,83 +1,83 @@
-/* Javascript plotting library for jQuery, version 0.8.3.
-
-Copyright (c) 2007-2014 IOLA and Ole Laursen.
-Licensed under the MIT license.
-
-*/
-(function ($) {
-    var options = { crosshair: { mode: null, color: "rgba(170, 0, 0, 0.80)", lineWidth: 1 } };
-    function init(plot) {
-        var crosshair = { x: -1, y: -1, locked: 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;
-        plot.lockCrosshair = function lockCrosshair(pos) {
-            if (pos) plot.setCrosshair(pos);
-            crosshair.locked = true;
-        };
-        plot.unlockCrosshair = function unlockCrosshair() {
-            crosshair.locked = false;
-        };
-        function onMouseOut(e) {
-            if (crosshair.locked) return;
-            if (crosshair.x != -1) {
-                crosshair.x = -1;
-                plot.triggerRedrawOverlay();
-            }
-        }
-        function onMouseMove(e) {
-            if (crosshair.locked) return;
-            if (plot.getSelection && plot.getSelection()) {
-                crosshair.x = -1;
-                return;
-            }
-            var offset = plot.offset();
-            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;
-            eventHolder.mouseout(onMouseOut);
-            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);
-                }
-                ctx.stroke();
-            }
-            ctx.restore();
-        });
-        plot.hooks.shutdown.push(function (plot, eventHolder) {
-            eventHolder.unbind("mouseout", onMouseOut);
-            eventHolder.unbind("mousemove", onMouseMove);
-        });
-    }
-    $.plot.plugins.push({ init: init, options: options, name: "crosshair", version: "1.0" });
-})(jQuery);
+/* Javascript plotting library for jQuery, version 0.8.3.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+*/
+(function ($) {
+    var options = { crosshair: { mode: null, color: "rgba(170, 0, 0, 0.80)", lineWidth: 1 } };
+    function init(plot) {
+        var crosshair = { x: -1, y: -1, locked: 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;
+        plot.lockCrosshair = function lockCrosshair(pos) {
+            if (pos) plot.setCrosshair(pos);
+            crosshair.locked = true;
+        };
+        plot.unlockCrosshair = function unlockCrosshair() {
+            crosshair.locked = false;
+        };
+        function onMouseOut(e) {
+            if (crosshair.locked) return;
+            if (crosshair.x != -1) {
+                crosshair.x = -1;
+                plot.triggerRedrawOverlay();
+            }
+        }
+        function onMouseMove(e) {
+            if (crosshair.locked) return;
+            if (plot.getSelection && plot.getSelection()) {
+                crosshair.x = -1;
+                return;
+            }
+            var offset = plot.offset();
+            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;
+            eventHolder.mouseout(onMouseOut);
+            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);
+                }
+                ctx.stroke();
+            }
+            ctx.restore();
+        });
+        plot.hooks.shutdown.push(function (plot, eventHolder) {
+            eventHolder.unbind("mouseout", onMouseOut);
+            eventHolder.unbind("mousemove", onMouseMove);
+        });
+    }
+    $.plot.plugins.push({ init: init, options: options, name: "crosshair", version: "1.0" });
+})(jQuery);