|
|
/** * @license Highcharts JS v3.0.6 (2013-10-04) * MooTools adapter * * (c) 2010-2013 Torstein Hønsi * * License: www.highcharts.com/license */
// JSLint options:
/*global Fx, $, $extend, $each, $merge, Events, Event, DOMEvent */
(function () {
var win = window, doc = document, mooVersion = win.MooTools.version.substring(0, 3), // Get the first three characters of the version number
legacy = mooVersion === '1.2' || mooVersion === '1.1', // 1.1 && 1.2 considered legacy, 1.3 is not.
legacyEvent = legacy || mooVersion === '1.3', // In versions 1.1 - 1.3 the event class is named Event, in newer versions it is named DOMEvent.
$extend = win.$extend || function () { return Object.append.apply(Object, arguments); };
win.HighchartsAdapter = { /** * Initialize the adapter. This is run once as Highcharts is first run. * @param {Object} pathAnim The helper object to do animations across adapters. */ init: function (pathAnim) { var fxProto = Fx.prototype, fxStart = fxProto.start, morphProto = Fx.Morph.prototype, morphCompute = morphProto.compute;
// override Fx.start to allow animation of SVG element wrappers
/*jslint unparam: true*//* allow unused parameters in fx functions */ fxProto.start = function (from, to) { var fx = this, elem = fx.element;
// special for animating paths
if (from.d) { //this.fromD = this.element.d.split(' ');
fx.paths = pathAnim.init( elem, elem.d, fx.toD ); } fxStart.apply(fx, arguments);
return this; // chainable
};
// override Fx.step to allow animation of SVG element wrappers
morphProto.compute = function (from, to, delta) { var fx = this, paths = fx.paths;
if (paths) { fx.element.attr( 'd', pathAnim.step(paths[0], paths[1], delta, fx.toD) ); } else { return morphCompute.apply(fx, arguments); } }; /*jslint unparam: false*/ }, /** * Run a general method on the framework, following jQuery syntax * @param {Object} el The HTML element * @param {String} method Which method to run on the wrapped element */ adapterRun: function (el, method) { // This currently works for getting inner width and height. If adding
// more methods later, we need a conditional implementation for each.
if (method === 'width' || method === 'height') { return parseInt($(el).getStyle(method), 10); } },
/** * Downloads a script and executes a callback when done. * @param {String} scriptLocation * @param {Function} callback */ getScript: function (scriptLocation, callback) { // We cannot assume that Assets class from mootools-more is available so instead insert a script tag to download script.
var head = doc.getElementsByTagName('head')[0]; var script = doc.createElement('script');
script.type = 'text/javascript'; script.src = scriptLocation; script.onload = callback;
head.appendChild(script); },
/** * Animate a HTML element or SVG element wrapper * @param {Object} el * @param {Object} params * @param {Object} options jQuery-like animation options: duration, easing, callback */ animate: function (el, params, options) { var isSVGElement = el.attr, effect, complete = options && options.complete;
if (isSVGElement && !el.setStyle) { // add setStyle and getStyle methods for internal use in Moo
el.getStyle = el.attr; el.setStyle = function () { // property value is given as array in Moo - break it down
var args = arguments; this.attr.call(this, args[0], args[1][0]); }; // dirty hack to trick Moo into handling el as an element wrapper
el.$family = function () { return true; }; }
// stop running animations
win.HighchartsAdapter.stop(el);
// define and run the effect
effect = new Fx.Morph( isSVGElement ? el : $(el), $extend({ transition: Fx.Transitions.Quad.easeInOut }, options) );
// Make sure that the element reference is set when animating svg elements
if (isSVGElement) { effect.element = el; }
// special treatment for paths
if (params.d) { effect.toD = params.d; }
// jQuery-like events
if (complete) { effect.addEvent('complete', complete); }
// run
effect.start(params);
// record for use in stop method
el.fx = effect; },
/** * MooTool's each function * */ each: function (arr, fn) { return legacy ? $each(arr, fn) : Array.each(arr, fn); },
/** * Map an array * @param {Array} arr * @param {Function} fn */ map: function (arr, fn) { return arr.map(fn); },
/** * Grep or filter an array * @param {Array} arr * @param {Function} fn */ grep: function (arr, fn) { return arr.filter(fn); }, /** * Return the index of an item in an array, or -1 if not matched */ inArray: function (item, arr, from) { return arr ? arr.indexOf(item, from) : -1; },
/** * Get the offset of an element relative to the top left corner of the web page */ offset: function (el) { var offsets = el.getPosition(); // #1496
return { left: offsets.x, top: offsets.y }; },
/** * Extends an object with Events, if its not done */ extendWithEvents: function (el) { // if the addEvent method is not defined, el is a custom Highcharts object
// like series or point
if (!el.addEvent) { if (el.nodeName) { el = $(el); // a dynamically generated node
} else { $extend(el, new Events()); // a custom object
} } },
/** * Add an event listener * @param {Object} el HTML element or custom object * @param {String} type Event type * @param {Function} fn Event handler */ addEvent: function (el, type, fn) { if (typeof type === 'string') { // chart broke due to el being string, type function
if (type === 'unload') { // Moo self destructs before custom unload events
type = 'beforeunload'; }
win.HighchartsAdapter.extendWithEvents(el);
el.addEvent(type, fn); } },
removeEvent: function (el, type, fn) { if (typeof el === 'string') { // el.removeEvents below apperantly calls this method again. Do not quite understand why, so for now just bail out.
return; } if (el.addEvent) { // If el doesn't have an addEvent method, there are no events to remove
if (type) { if (type === 'unload') { // Moo self destructs before custom unload events
type = 'beforeunload'; } if (fn) { el.removeEvent(type, fn); } else if (el.removeEvents) { // #958
el.removeEvents(type); } } else { el.removeEvents(); } } },
fireEvent: function (el, event, eventArguments, defaultFunction) { var eventArgs = { type: event, target: el }; // create an event object that keeps all functions
event = legacyEvent ? new Event(eventArgs) : new DOMEvent(eventArgs); event = $extend(event, eventArguments);
// When running an event on the Chart.prototype, MooTools nests the target in event.event
if (!event.target && event.event) { event.target = event.event.target; }
// override the preventDefault function to be able to use
// this for custom events
event.preventDefault = function () { defaultFunction = null; }; // if fireEvent is not available on the object, there hasn't been added
// any events to it above
if (el.fireEvent) { el.fireEvent(event.type, event); }
// fire the default if it is passed and it is not prevented above
if (defaultFunction) { defaultFunction(event); } }, /** * Set back e.pageX and e.pageY that MooTools has abstracted away. #1165, #1346. */ washMouseEvent: function (e) { if (e.page) { e.pageX = e.page.x; e.pageY = e.page.y; } return e; },
/** * Stop running animations on the object */ stop: function (el) { if (el.fx) { el.fx.cancel(); } } };
}());
|