// MooTools: the javascript framework. // Load this file's selection again by visiting: http://mootools.net/more/fe9ee1e632bd1fb4a4f923970188bf85 // Or build this file again with packager using: packager build More/More More/Number.Format More/Hash More/Element.Measure More/Element.Position More/Fx.Elements More/Fx.Scroll More/Drag More/Drag.Move More/Hash.Cookie More/Scroller /* --- script: More.js name: More description: MooTools More license: MIT-style license authors: - Guillermo Rauch - Thomas Aylott - Scott Kyle - Arian Stolwijk - Tim Wienk - Christoph Pojer - Aaron Newton - Jacob Thornton requires: - Core/MooTools provides: [MooTools.More] ... */ MooTools.More = { 'version': '1.4.0.1', 'build': 'a4244edf2aa97ac8a196fc96082dd35af1abab87' }; /* --- script: Object.Extras.js name: Object.Extras description: Extra Object generics, like getFromPath which allows a path notation to child elements. license: MIT-style license authors: - Aaron Newton requires: - Core/Object - /MooTools.More provides: [Object.Extras] ... */ (function(){ var defined = function(value){ return value != null; }; var hasOwnProperty = Object.prototype.hasOwnProperty; Object.extend({ getFromPath: function(source, parts){ if (typeof parts == 'string') parts = parts.split('.'); for (var i = 0, l = parts.length; i < l; i++){ if (hasOwnProperty.call(source, parts[i])) source = source[parts[i]]; else return null; } return source; }, cleanValues: function(object, method){ method = method || defined; for (var key in object) if (!method(object[key])){ delete object[key]; } return object; }, erase: function(object, key){ if (hasOwnProperty.call(object, key)) delete object[key]; return object; }, run: function(object){ var args = Array.slice(arguments, 1); for (var key in object) if (object[key].apply){ object[key].apply(object, args); } return object; } }); })(); /* --- script: Locale.js name: Locale description: Provides methods for localization. license: MIT-style license authors: - Aaron Newton - Arian Stolwijk requires: - Core/Events - /Object.Extras - /MooTools.More provides: [Locale, Lang] ... */ (function(){ var current = null, locales = {}, inherits = {}; var getSet = function(set){ if (instanceOf(set, Locale.Set)) return set; else return locales[set]; }; var Locale = this.Locale = { define: function(locale, set, key, value){ var name; if (instanceOf(locale, Locale.Set)){ name = locale.name; if (name) locales[name] = locale; } else { name = locale; if (!locales[name]) locales[name] = new Locale.Set(name); locale = locales[name]; } if (set) locale.define(set, key, value); if (!current) current = locale; return locale; }, use: function(locale){ locale = getSet(locale); if (locale){ current = locale; this.fireEvent('change', locale); } return this; }, getCurrent: function(){ return current; }, get: function(key, args){ return (current) ? current.get(key, args) : ''; }, inherit: function(locale, inherits, set){ locale = getSet(locale); if (locale) locale.inherit(inherits, set); return this; }, list: function(){ return Object.keys(locales); } }; Object.append(Locale, new Events); Locale.Set = new Class({ sets: {}, inherits: { locales: [], sets: {} }, initialize: function(name){ this.name = name || ''; }, define: function(set, key, value){ var defineData = this.sets[set]; if (!defineData) defineData = {}; if (key){ if (typeOf(key) == 'object') defineData = Object.merge(defineData, key); else defineData[key] = value; } this.sets[set] = defineData; return this; }, get: function(key, args, _base){ var value = Object.getFromPath(this.sets, key); if (value != null){ var type = typeOf(value); if (type == 'function') value = value.apply(null, Array.from(args)); else if (type == 'object') value = Object.clone(value); return value; } // get value of inherited locales var index = key.indexOf('.'), set = index < 0 ? key : key.substr(0, index), names = (this.inherits.sets[set] || []).combine(this.inherits.locales).include('en-US'); if (!_base) _base = []; for (var i = 0, l = names.length; i < l; i++){ if (_base.contains(names[i])) continue; _base.include(names[i]); var locale = locales[names[i]]; if (!locale) continue; value = locale.get(key, args, _base); if (value != null) return value; } return ''; }, inherit: function(names, set){ names = Array.from(names); if (set && !this.inherits.sets[set]) this.inherits.sets[set] = []; var l = names.length; while (l--) (set ? this.inherits.sets[set] : this.inherits.locales).unshift(names[l]); return this; } }); })(); /* --- name: Locale.en-US.Number description: Number messages for US English. license: MIT-style license authors: - Arian Stolwijk requires: - /Locale provides: [Locale.en-US.Number] ... */ Locale.define('en-US', 'Number', { decimal: '.', group: ',', /* Commented properties are the defaults for Number.format decimals: 0, precision: 0, scientific: null, prefix: null, suffic: null, // Negative/Currency/percentage will mixin Number negative: { prefix: '-' },*/ currency: { // decimals: 2, prefix: '$ ' }/*, percentage: { decimals: 2, suffix: '%' }*/ }); /* --- name: Number.Format description: Extends the Number Type object to include a number formatting method. license: MIT-style license authors: [Arian Stolwijk] requires: [Core/Number, Locale.en-US.Number] # Number.Extras is for compatibility provides: [Number.Format, Number.Extras] ... */ Number.implement({ format: function(options){ // Thanks dojo and YUI for some inspiration var value = this; options = options ? Object.clone(options) : {}; var getOption = function(key){ if (options[key] != null) return options[key]; return Locale.get('Number.' + key); }; var negative = value < 0, decimal = getOption('decimal'), precision = getOption('precision'), group = getOption('group'), decimals = getOption('decimals'); if (negative){ var negativeLocale = getOption('negative') || {}; if (negativeLocale.prefix == null && negativeLocale.suffix == null) negativeLocale.prefix = '-'; ['prefix', 'suffix'].each(function(key){ if (negativeLocale[key]) options[key] = getOption(key) + negativeLocale[key]; }); value = -value; } var prefix = getOption('prefix'), suffix = getOption('suffix'); if (decimals !== '' && decimals >= 0 && decimals <= 20) value = value.toFixed(decimals); if (precision >= 1 && precision <= 21) value = (+value).toPrecision(precision); value += ''; var index; if (getOption('scientific') === false && value.indexOf('e') > -1){ var match = value.split('e'), zeros = +match[1]; value = match[0].replace('.', ''); if (zeros < 0){ zeros = -zeros - 1; index = match[0].indexOf('.'); if (index > -1) zeros -= index - 1; while (zeros--) value = '0' + value; value = '0.' + value; } else { index = match[0].lastIndexOf('.'); if (index > -1) zeros -= match[0].length - index - 1; while (zeros--) value += '0'; } } if (decimal != '.') value = value.replace('.', decimal); if (group){ index = value.lastIndexOf(decimal); index = (index > -1) ? index : value.length; var newOutput = value.substring(index), i = index; while (i--){ if ((index - i - 1) % 3 == 0 && i != (index - 1)) newOutput = group + newOutput; newOutput = value.charAt(i) + newOutput; } value = newOutput; } if (prefix) value = prefix + value; if (suffix) value += suffix; return value; }, formatCurrency: function(decimals){ var locale = Locale.get('Number.currency') || {}; if (locale.scientific == null) locale.scientific = false; locale.decimals = decimals != null ? decimals : (locale.decimals == null ? 2 : locale.decimals); return this.format(locale); }, formatPercentage: function(decimals){ var locale = Locale.get('Number.percentage') || {}; if (locale.suffix == null) locale.suffix = '%'; locale.decimals = decimals != null ? decimals : (locale.decimals == null ? 2 : locale.decimals); return this.format(locale); } }); /* --- name: Hash description: Contains Hash Prototypes. Provides a means for overcoming the JavaScript practical impossibility of extending native Objects. license: MIT-style license. requires: - Core/Object - /MooTools.More provides: [Hash] ... */ (function(){ if (this.Hash) return; var Hash = this.Hash = new Type('Hash', function(object){ if (typeOf(object) == 'hash') object = Object.clone(object.getClean()); for (var key in object) this[key] = object[key]; return this; }); this.$H = function(object){ return new Hash(object); }; Hash.implement({ forEach: function(fn, bind){ Object.forEach(this, fn, bind); }, getClean: function(){ var clean = {}; for (var key in this){ if (this.hasOwnProperty(key)) clean[key] = this[key]; } return clean; }, getLength: function(){ var length = 0; for (var key in this){ if (this.hasOwnProperty(key)) length++; } return length; } }); Hash.alias('each', 'forEach'); Hash.implement({ has: Object.prototype.hasOwnProperty, keyOf: function(value){ return Object.keyOf(this, value); }, hasValue: function(value){ return Object.contains(this, value); }, extend: function(properties){ Hash.each(properties || {}, function(value, key){ Hash.set(this, key, value); }, this); return this; }, combine: function(properties){ Hash.each(properties || {}, function(value, key){ Hash.include(this, key, value); }, this); return this; }, erase: function(key){ if (this.hasOwnProperty(key)) delete this[key]; return this; }, get: function(key){ return (this.hasOwnProperty(key)) ? this[key] : null; }, set: function(key, value){ if (!this[key] || this.hasOwnProperty(key)) this[key] = value; return this; }, empty: function(){ Hash.each(this, function(value, key){ delete this[key]; }, this); return this; }, include: function(key, value){ if (this[key] == undefined) this[key] = value; return this; }, map: function(fn, bind){ return new Hash(Object.map(this, fn, bind)); }, filter: function(fn, bind){ return new Hash(Object.filter(this, fn, bind)); }, every: function(fn, bind){ return Object.every(this, fn, bind); }, some: function(fn, bind){ return Object.some(this, fn, bind); }, getKeys: function(){ return Object.keys(this); }, getValues: function(){ return Object.values(this); }, toQueryString: function(base){ return Object.toQueryString(this, base); } }); Hash.alias({indexOf: 'keyOf', contains: 'hasValue'}); })(); /* --- script: Element.Measure.js name: Element.Measure description: Extends the Element native object to include methods useful in measuring dimensions. credits: "Element.measure / .expose methods by Daniel Steigerwald License: MIT-style license. Copyright: Copyright (c) 2008 Daniel Steigerwald, daniel.steigerwald.cz" license: MIT-style license authors: - Aaron Newton requires: - Core/Element.Style - Core/Element.Dimensions - /MooTools.More provides: [Element.Measure] ... */ (function(){ var getStylesList = function(styles, planes){ var list = []; Object.each(planes, function(directions){ Object.each(directions, function(edge){ styles.each(function(style){ list.push(style + '-' + edge + (style == 'border' ? '-width' : '')); }); }); }); return list; }; var calculateEdgeSize = function(edge, styles){ var total = 0; Object.each(styles, function(value, style){ if (style.test(edge)) total = total + value.toInt(); }); return total; }; var isVisible = function(el){ return !!(!el || el.offsetHeight || el.offsetWidth); }; Element.implement({ measure: function(fn){ if (isVisible(this)) return fn.call(this); var parent = this.getParent(), toMeasure = []; while (!isVisible(parent) && parent != document.body){ toMeasure.push(parent.expose()); parent = parent.getParent(); } var restore = this.expose(), result = fn.call(this); restore(); toMeasure.each(function(restore){ restore(); }); return result; }, expose: function(){ if (this.getStyle('display') != 'none') return function(){}; var before = this.style.cssText; this.setStyles({ display: 'block', position: 'absolute', visibility: 'hidden' }); return function(){ this.style.cssText = before; }.bind(this); }, getDimensions: function(options){ options = Object.merge({computeSize: false}, options); var dim = {x: 0, y: 0}; var getSize = function(el, options){ return (options.computeSize) ? el.getComputedSize(options) : el.getSize(); }; var parent = this.getParent('body'); if (parent && this.getStyle('display') == 'none'){ dim = this.measure(function(){ return getSize(this, options); }); } else if (parent){ try { //safari sometimes crashes here, so catch it dim = getSize(this, options); }catch(e){} } return Object.append(dim, (dim.x || dim.x === 0) ? { width: dim.x, height: dim.y } : { x: dim.width, y: dim.height } ); }, getComputedSize: function(options){ options = Object.merge({ styles: ['padding','border'], planes: { height: ['top','bottom'], width: ['left','right'] }, mode: 'both' }, options); var styles = {}, size = {width: 0, height: 0}, dimensions; if (options.mode == 'vertical'){ delete size.width; delete options.planes.width; } else if (options.mode == 'horizontal'){ delete size.height; delete options.planes.height; } getStylesList(options.styles, options.planes).each(function(style){ styles[style] = this.getStyle(style).toInt(); }, this); Object.each(options.planes, function(edges, plane){ var capitalized = plane.capitalize(), style = this.getStyle(plane); if (style == 'auto' && !dimensions) dimensions = this.getDimensions(); style = styles[plane] = (style == 'auto') ? dimensions[plane] : style.toInt(); size['total' + capitalized] = style; edges.each(function(edge){ var edgesize = calculateEdgeSize(edge, styles); size['computed' + edge.capitalize()] = edgesize; size['total' + capitalized] += edgesize; }); }, this); return Object.append(size, styles); } }); })(); /* --- script: Element.Position.js name: Element.Position description: Extends the Element native object to include methods useful positioning elements relative to others. license: MIT-style license authors: - Aaron Newton - Jacob Thornton requires: - Core/Options - Core/Element.Dimensions - Element.Measure provides: [Element.Position] ... */ (function(original){ var local = Element.Position = { options: {/* edge: false, returnPos: false, minimum: {x: 0, y: 0}, maximum: {x: 0, y: 0}, relFixedPosition: false, ignoreMargins: false, ignoreScroll: false, allowNegative: false,*/ relativeTo: document.body, position: { x: 'center', //left, center, right y: 'center' //top, center, bottom }, offset: {x: 0, y: 0} }, getOptions: function(element, options){ options = Object.merge({}, local.options, options); local.setPositionOption(options); local.setEdgeOption(options); local.setOffsetOption(element, options); local.setDimensionsOption(element, options); return options; }, setPositionOption: function(options){ options.position = local.getCoordinateFromValue(options.position); }, setEdgeOption: function(options){ var edgeOption = local.getCoordinateFromValue(options.edge); options.edge = edgeOption ? edgeOption : (options.position.x == 'center' && options.position.y == 'center') ? {x: 'center', y: 'center'} : {x: 'left', y: 'top'}; }, setOffsetOption: function(element, options){ var parentOffset = {x: 0, y: 0}, offsetParent = element.measure(function(){ return document.id(this.getOffsetParent()); }), parentScroll = offsetParent.getScroll(); if (!offsetParent || offsetParent == element.getDocument().body) return; parentOffset = offsetParent.measure(function(){ var position = this.getPosition(); if (this.getStyle('position') == 'fixed'){ var scroll = window.getScroll(); position.x += scroll.x; position.y += scroll.y; } return position; }); options.offset = { parentPositioned: offsetParent != document.id(options.relativeTo), x: options.offset.x - parentOffset.x + parentScroll.x, y: options.offset.y - parentOffset.y + parentScroll.y }; }, setDimensionsOption: function(element, options){ options.dimensions = element.getDimensions({ computeSize: true, styles: ['padding', 'border', 'margin'] }); }, getPosition: function(element, options){ var position = {}; options = local.getOptions(element, options); var relativeTo = document.id(options.relativeTo) || document.body; local.setPositionCoordinates(options, position, relativeTo); if (options.edge) local.toEdge(position, options); var offset = options.offset; position.left = ((position.x >= 0 || offset.parentPositioned || options.allowNegative) ? position.x : 0).toInt(); position.top = ((position.y >= 0 || offset.parentPositioned || options.allowNegative) ? position.y : 0).toInt(); local.toMinMax(position, options); if (options.relFixedPosition || relativeTo.getStyle('position') == 'fixed') local.toRelFixedPosition(relativeTo, position); if (options.ignoreScroll) local.toIgnoreScroll(relativeTo, position); if (options.ignoreMargins) local.toIgnoreMargins(position, options); position.left = Math.ceil(position.left); position.top = Math.ceil(position.top); delete position.x; delete position.y; return position; }, setPositionCoordinates: function(options, position, relativeTo){ var offsetY = options.offset.y, offsetX = options.offset.x, calc = (relativeTo == document.body) ? window.getScroll() : relativeTo.getPosition(), top = calc.y, left = calc.x, winSize = window.getSize(); switch(options.position.x){ case 'left': position.x = left + offsetX; break; case 'right': position.x = left + offsetX + relativeTo.offsetWidth; break; default: position.x = left + ((relativeTo == document.body ? winSize.x : relativeTo.offsetWidth) / 2) + offsetX; break; } switch(options.position.y){ case 'top': position.y = top + offsetY; break; case 'bottom': position.y = top + offsetY + relativeTo.offsetHeight; break; default: position.y = top + ((relativeTo == document.body ? winSize.y : relativeTo.offsetHeight) / 2) + offsetY; break; } }, toMinMax: function(position, options){ var xy = {left: 'x', top: 'y'}, value; ['minimum', 'maximum'].each(function(minmax){ ['left', 'top'].each(function(lr){ value = options[minmax] ? options[minmax][xy[lr]] : null; if (value != null && ((minmax == 'minimum') ? position[lr] < value : position[lr] > value)) position[lr] = value; }); }); }, toRelFixedPosition: function(relativeTo, position){ var winScroll = window.getScroll(); position.top += winScroll.y; position.left += winScroll.x; }, toIgnoreScroll: function(relativeTo, position){ var relScroll = relativeTo.getScroll(); position.top -= relScroll.y; position.left -= relScroll.x; }, toIgnoreMargins: function(position, options){ position.left += options.edge.x == 'right' ? options.dimensions['margin-right'] : (options.edge.x != 'center' ? -options.dimensions['margin-left'] : -options.dimensions['margin-left'] + ((options.dimensions['margin-right'] + options.dimensions['margin-left']) / 2)); position.top += options.edge.y == 'bottom' ? options.dimensions['margin-bottom'] : (options.edge.y != 'center' ? -options.dimensions['margin-top'] : -options.dimensions['margin-top'] + ((options.dimensions['margin-bottom'] + options.dimensions['margin-top']) / 2)); }, toEdge: function(position, options){ var edgeOffset = {}, dimensions = options.dimensions, edge = options.edge; switch(edge.x){ case 'left': edgeOffset.x = 0; break; case 'right': edgeOffset.x = -dimensions.x - dimensions.computedRight - dimensions.computedLeft; break; // center default: edgeOffset.x = -(Math.round(dimensions.totalWidth / 2)); break; } switch(edge.y){ case 'top': edgeOffset.y = 0; break; case 'bottom': edgeOffset.y = -dimensions.y - dimensions.computedTop - dimensions.computedBottom; break; // center default: edgeOffset.y = -(Math.round(dimensions.totalHeight / 2)); break; } position.x += edgeOffset.x; position.y += edgeOffset.y; }, getCoordinateFromValue: function(option){ if (typeOf(option) != 'string') return option; option = option.toLowerCase(); return { x: option.test('left') ? 'left' : (option.test('right') ? 'right' : 'center'), y: option.test(/upper|top/) ? 'top' : (option.test('bottom') ? 'bottom' : 'center') }; } }; Element.implement({ position: function(options){ if (options && (options.x != null || options.y != null)){ return (original ? original.apply(this, arguments) : this); } var position = this.setStyle('position', 'absolute').calculatePosition(options); return (options && options.returnPos) ? position : this.setStyles(position); }, calculatePosition: function(options){ return local.getPosition(this, options); } }); })(Element.prototype.position); /* --- script: Fx.Elements.js name: Fx.Elements description: Effect to change any number of CSS properties of any number of Elements. license: MIT-style license authors: - Valerio Proietti requires: - Core/Fx.CSS - /MooTools.More provides: [Fx.Elements] ... */ Fx.Elements = new Class({ Extends: Fx.CSS, initialize: function(elements, options){ this.elements = this.subject = $$(elements); this.parent(options); }, compute: function(from, to, delta){ var now = {}; for (var i in from){ var iFrom = from[i], iTo = to[i], iNow = now[i] = {}; for (var p in iFrom) iNow[p] = this.parent(iFrom[p], iTo[p], delta); } return now; }, set: function(now){ for (var i in now){ if (!this.elements[i]) continue; var iNow = now[i]; for (var p in iNow) this.render(this.elements[i], p, iNow[p], this.options.unit); } return this; }, start: function(obj){ if (!this.check(obj)) return this; var from = {}, to = {}; for (var i in obj){ if (!this.elements[i]) continue; var iProps = obj[i], iFrom = from[i] = {}, iTo = to[i] = {}; for (var p in iProps){ var parsed = this.prepare(this.elements[i], p, iProps[p]); iFrom[p] = parsed.from; iTo[p] = parsed.to; } } return this.parent(from, to); } }); /* --- script: Fx.Scroll.js name: Fx.Scroll description: Effect to smoothly scroll any element, including the window. license: MIT-style license authors: - Valerio Proietti requires: - Core/Fx - Core/Element.Event - Core/Element.Dimensions - /MooTools.More provides: [Fx.Scroll] ... */ (function(){ Fx.Scroll = new Class({ Extends: Fx, options: { offset: {x: 0, y: 0}, wheelStops: true }, initialize: function(element, options){ this.element = this.subject = document.id(element); this.parent(options); if (typeOf(this.element) != 'element') this.element = document.id(this.element.getDocument().body); if (this.options.wheelStops){ var stopper = this.element, cancel = this.cancel.pass(false, this); this.addEvent('start', function(){ stopper.addEvent('mousewheel', cancel); }, true); this.addEvent('complete', function(){ stopper.removeEvent('mousewheel', cancel); }, true); } }, set: function(){ var now = Array.flatten(arguments); if (Browser.firefox) now = [Math.round(now[0]), Math.round(now[1])]; // not needed anymore in newer firefox versions this.element.scrollTo(now[0], now[1]); return this; }, compute: function(from, to, delta){ return [0, 1].map(function(i){ return Fx.compute(from[i], to[i], delta); }); }, start: function(x, y){ if (!this.check(x, y)) return this; var scroll = this.element.getScroll(); return this.parent([scroll.x, scroll.y], [x, y]); }, calculateScroll: function(x, y){ var element = this.element, scrollSize = element.getScrollSize(), scroll = element.getScroll(), size = element.getSize(), offset = this.options.offset, values = {x: x, y: y}; for (var z in values){ if (!values[z] && values[z] !== 0) values[z] = scroll[z]; if (typeOf(values[z]) != 'number') values[z] = scrollSize[z] - size[z]; values[z] += offset[z]; } return [values.x, values.y]; }, toTop: function(){ return this.start.apply(this, this.calculateScroll(false, 0)); }, toLeft: function(){ return this.start.apply(this, this.calculateScroll(0, false)); }, toRight: function(){ return this.start.apply(this, this.calculateScroll('right', false)); }, toBottom: function(){ return this.start.apply(this, this.calculateScroll(false, 'bottom')); }, toElement: function(el, axes){ axes = axes ? Array.from(axes) : ['x', 'y']; var scroll = isBody(this.element) ? {x: 0, y: 0} : this.element.getScroll(); var position = Object.map(document.id(el).getPosition(this.element), function(value, axis){ return axes.contains(axis) ? value + scroll[axis] : false; }); return this.start.apply(this, this.calculateScroll(position.x, position.y)); }, toElementEdge: function(el, axes, offset){ axes = axes ? Array.from(axes) : ['x', 'y']; el = document.id(el); var to = {}, position = el.getPosition(this.element), size = el.getSize(), scroll = this.element.getScroll(), containerSize = this.element.getSize(), edge = { x: position.x + size.x, y: position.y + size.y }; ['x', 'y'].each(function(axis){ if (axes.contains(axis)){ if (edge[axis] > scroll[axis] + containerSize[axis]) to[axis] = edge[axis] - containerSize[axis]; if (position[axis] < scroll[axis]) to[axis] = position[axis]; } if (to[axis] == null) to[axis] = scroll[axis]; if (offset && offset[axis]) to[axis] = to[axis] + offset[axis]; }, this); if (to.x != scroll.x || to.y != scroll.y) this.start(to.x, to.y); return this; }, toElementCenter: function(el, axes, offset){ axes = axes ? Array.from(axes) : ['x', 'y']; el = document.id(el); var to = {}, position = el.getPosition(this.element), size = el.getSize(), scroll = this.element.getScroll(), containerSize = this.element.getSize(); ['x', 'y'].each(function(axis){ if (axes.contains(axis)){ to[axis] = position[axis] - (containerSize[axis] - size[axis]) / 2; } if (to[axis] == null) to[axis] = scroll[axis]; if (offset && offset[axis]) to[axis] = to[axis] + offset[axis]; }, this); if (to.x != scroll.x || to.y != scroll.y) this.start(to.x, to.y); return this; } }); function isBody(element){ return (/^(?:body|html)$/i).test(element.tagName); } })(); /* --- script: Drag.js name: Drag description: The base Drag Class. Can be used to drag and resize Elements using mouse events. license: MIT-style license authors: - Valerio Proietti - Tom Occhinno - Jan Kassens requires: - Core/Events - Core/Options - Core/Element.Event - Core/Element.Style - Core/Element.Dimensions - /MooTools.More provides: [Drag] ... */ var Drag = new Class({ Implements: [Events, Options], options: {/* onBeforeStart: function(thisElement){}, onStart: function(thisElement, event){}, onSnap: function(thisElement){}, onDrag: function(thisElement, event){}, onCancel: function(thisElement){}, onComplete: function(thisElement, event){},*/ snap: 6, unit: 'px', grid: false, style: true, limit: false, handle: false, invert: false, preventDefault: false, stopPropagation: false, modifiers: {x: 'left', y: 'top'} }, initialize: function(){ var params = Array.link(arguments, { 'options': Type.isObject, 'element': function(obj){ return obj != null; } }); this.element = document.id(params.element); this.document = this.element.getDocument(); this.setOptions(params.options || {}); var htype = typeOf(this.options.handle); this.handles = ((htype == 'array' || htype == 'collection') ? $$(this.options.handle) : document.id(this.options.handle)) || this.element; this.mouse = {'now': {}, 'pos': {}}; this.value = {'start': {}, 'now': {}}; this.selection = (Browser.ie) ? 'selectstart' : 'mousedown'; if (Browser.ie && !Drag.ondragstartFixed){ document.ondragstart = Function.from(false); Drag.ondragstartFixed = true; } this.bound = { start: this.start.bind(this), check: this.check.bind(this), drag: this.drag.bind(this), stop: this.stop.bind(this), cancel: this.cancel.bind(this), eventStop: Function.from(false) }; this.attach(); }, attach: function(){ this.handles.addEvent('mousedown', this.bound.start); return this; }, detach: function(){ this.handles.removeEvent('mousedown', this.bound.start); return this; }, start: function(event){ var options = this.options; if (event.rightClick) return; if (options.preventDefault) event.preventDefault(); if (options.stopPropagation) event.stopPropagation(); this.mouse.start = event.page; this.fireEvent('beforeStart', this.element); var limit = options.limit; this.limit = {x: [], y: []}; var z, coordinates; for (z in options.modifiers){ if (!options.modifiers[z]) continue; var style = this.element.getStyle(options.modifiers[z]); // Some browsers (IE and Opera) don't always return pixels. if (style && !style.match(/px$/)){ if (!coordinates) coordinates = this.element.getCoordinates(this.element.getOffsetParent()); style = coordinates[options.modifiers[z]]; } if (options.style) this.value.now[z] = (style || 0).toInt(); else this.value.now[z] = this.element[options.modifiers[z]]; if (options.invert) this.value.now[z] *= -1; this.mouse.pos[z] = event.page[z] - this.value.now[z]; if (limit && limit[z]){ var i = 2; while (i--){ var limitZI = limit[z][i]; if (limitZI || limitZI === 0) this.limit[z][i] = (typeof limitZI == 'function') ? limitZI() : limitZI; } } } if (typeOf(this.options.grid) == 'number') this.options.grid = { x: this.options.grid, y: this.options.grid }; var events = { mousemove: this.bound.check, mouseup: this.bound.cancel }; events[this.selection] = this.bound.eventStop; this.document.addEvents(events); }, check: function(event){ if (this.options.preventDefault) event.preventDefault(); var distance = Math.round(Math.sqrt(Math.pow(event.page.x - this.mouse.start.x, 2) + Math.pow(event.page.y - this.mouse.start.y, 2))); if (distance > this.options.snap){ this.cancel(); this.document.addEvents({ mousemove: this.bound.drag, mouseup: this.bound.stop }); this.fireEvent('start', [this.element, event]).fireEvent('snap', this.element); } }, drag: function(event){ var options = this.options; if (options.preventDefault) event.preventDefault(); this.mouse.now = event.page; for (var z in options.modifiers){ if (!options.modifiers[z]) continue; this.value.now[z] = this.mouse.now[z] - this.mouse.pos[z]; if (options.invert) this.value.now[z] *= -1; if (options.limit && this.limit[z]){ if ((this.limit[z][1] || this.limit[z][1] === 0) && (this.value.now[z] > this.limit[z][1])){ this.value.now[z] = this.limit[z][1]; } else if ((this.limit[z][0] || this.limit[z][0] === 0) && (this.value.now[z] < this.limit[z][0])){ this.value.now[z] = this.limit[z][0]; } } if (options.grid[z]) this.value.now[z] -= ((this.value.now[z] - (this.limit[z][0]||0)) % options.grid[z]); if (options.style) this.element.setStyle(options.modifiers[z], this.value.now[z] + options.unit); else this.element[options.modifiers[z]] = this.value.now[z]; } this.fireEvent('drag', [this.element, event]); }, cancel: function(event){ this.document.removeEvents({ mousemove: this.bound.check, mouseup: this.bound.cancel }); if (event){ this.document.removeEvent(this.selection, this.bound.eventStop); this.fireEvent('cancel', this.element); } }, stop: function(event){ var events = { mousemove: this.bound.drag, mouseup: this.bound.stop }; events[this.selection] = this.bound.eventStop; this.document.removeEvents(events); if (event) this.fireEvent('complete', [this.element, event]); } }); Element.implement({ makeResizable: function(options){ var drag = new Drag(this, Object.merge({ modifiers: { x: 'width', y: 'height' } }, options)); this.store('resizer', drag); return drag.addEvent('drag', function(){ this.fireEvent('resize', drag); }.bind(this)); } }); /* --- script: Drag.Move.js name: Drag.Move description: A Drag extension that provides support for the constraining of draggables to containers and droppables. license: MIT-style license authors: - Valerio Proietti - Tom Occhinno - Jan Kassens - Aaron Newton - Scott Kyle requires: - Core/Element.Dimensions - /Drag provides: [Drag.Move] ... */ Drag.Move = new Class({ Extends: Drag, options: {/* onEnter: function(thisElement, overed){}, onLeave: function(thisElement, overed){}, onDrop: function(thisElement, overed, event){},*/ droppables: [], container: false, precalculate: false, includeMargins: true, checkDroppables: true }, initialize: function(element, options){ this.parent(element, options); element = this.element; this.droppables = $$(this.options.droppables); this.container = document.id(this.options.container); if (this.container && typeOf(this.container) != 'element') this.container = document.id(this.container.getDocument().body); if (this.options.style){ if (this.options.modifiers.x == 'left' && this.options.modifiers.y == 'top'){ var parent = element.getOffsetParent(), styles = element.getStyles('left', 'top'); if (parent && (styles.left == 'auto' || styles.top == 'auto')){ element.setPosition(element.getPosition(parent)); } } if (element.getStyle('position') == 'static') element.setStyle('position', 'absolute'); } this.addEvent('start', this.checkDroppables, true); this.overed = null; }, start: function(event){ if (this.container) this.options.limit = this.calculateLimit(); if (this.options.precalculate){ this.positions = this.droppables.map(function(el){ return el.getCoordinates(); }); } this.parent(event); }, calculateLimit: function(){ var element = this.element, container = this.container, offsetParent = document.id(element.getOffsetParent()) || document.body, containerCoordinates = container.getCoordinates(offsetParent), elementMargin = {}, elementBorder = {}, containerMargin = {}, containerBorder = {}, offsetParentPadding = {}; ['top', 'right', 'bottom', 'left'].each(function(pad){ elementMargin[pad] = element.getStyle('margin-' + pad).toInt(); elementBorder[pad] = element.getStyle('border-' + pad).toInt(); containerMargin[pad] = container.getStyle('margin-' + pad).toInt(); containerBorder[pad] = container.getStyle('border-' + pad).toInt(); offsetParentPadding[pad] = offsetParent.getStyle('padding-' + pad).toInt(); }, this); var width = element.offsetWidth + elementMargin.left + elementMargin.right, height = element.offsetHeight + elementMargin.top + elementMargin.bottom, left = 0, top = 0, right = containerCoordinates.right - containerBorder.right - width, bottom = containerCoordinates.bottom - containerBorder.bottom - height; if (this.options.includeMargins){ left += elementMargin.left; top += elementMargin.top; } else { right += elementMargin.right; bottom += elementMargin.bottom; } if (element.getStyle('position') == 'relative'){ var coords = element.getCoordinates(offsetParent); coords.left -= element.getStyle('left').toInt(); coords.top -= element.getStyle('top').toInt(); left -= coords.left; top -= coords.top; if (container.getStyle('position') != 'relative'){ left += containerBorder.left; top += containerBorder.top; } right += elementMargin.left - coords.left; bottom += elementMargin.top - coords.top; if (container != offsetParent){ left += containerMargin.left + offsetParentPadding.left; top += ((Browser.ie6 || Browser.ie7) ? 0 : containerMargin.top) + offsetParentPadding.top; } } else { left -= elementMargin.left; top -= elementMargin.top; if (container != offsetParent){ left += containerCoordinates.left + containerBorder.left; top += containerCoordinates.top + containerBorder.top; } } return { x: [left, right], y: [top, bottom] }; }, getDroppableCoordinates: function(element){ var position = element.getCoordinates(); if (element.getStyle('position') == 'fixed'){ var scroll = window.getScroll(); position.left += scroll.x; position.right += scroll.x; position.top += scroll.y; position.bottom += scroll.y; } return position; }, checkDroppables: function(){ var overed = this.droppables.filter(function(el, i){ el = this.positions ? this.positions[i] : this.getDroppableCoordinates(el); var now = this.mouse.now; return (now.x > el.left && now.x < el.right && now.y < el.bottom && now.y > el.top); }, this).getLast(); if (this.overed != overed){ if (this.overed) this.fireEvent('leave', [this.element, this.overed]); if (overed) this.fireEvent('enter', [this.element, overed]); this.overed = overed; } }, drag: function(event){ this.parent(event); if (this.options.checkDroppables && this.droppables.length) this.checkDroppables(); }, stop: function(event){ this.checkDroppables(); this.fireEvent('drop', [this.element, this.overed, event]); this.overed = null; return this.parent(event); } }); Element.implement({ makeDraggable: function(options){ var drag = new Drag.Move(this, options); this.store('dragger', drag); return drag; } }); /* --- script: Hash.Cookie.js name: Hash.Cookie description: Class for creating, reading, and deleting Cookies in JSON format. license: MIT-style license authors: - Valerio Proietti - Aaron Newton requires: - Core/Cookie - Core/JSON - /MooTools.More - /Hash provides: [Hash.Cookie] ... */ Hash.Cookie = new Class({ Extends: Cookie, options: { autoSave: true }, initialize: function(name, options){ this.parent(name, options); this.load(); }, save: function(){ var value = JSON.encode(this.hash); if (!value || value.length > 4096) return false; //cookie would be truncated! if (value == '{}') this.dispose(); else this.write(value); return true; }, load: function(){ this.hash = new Hash(JSON.decode(this.read(), true)); return this; } }); Hash.each(Hash.prototype, function(method, name){ if (typeof method == 'function') Hash.Cookie.implement(name, function(){ var value = method.apply(this.hash, arguments); if (this.options.autoSave) this.save(); return value; }); }); /* --- script: Scroller.js name: Scroller description: Class which scrolls the contents of any Element (including the window) when the mouse reaches the Element's boundaries. license: MIT-style license authors: - Valerio Proietti requires: - Core/Events - Core/Options - Core/Element.Event - Core/Element.Dimensions - MooTools.More provides: [Scroller] ... */ var Scroller = new Class({ Implements: [Events, Options], options: { area: 20, velocity: 1, onChange: function(x, y){ this.element.scrollTo(x, y); }, fps: 50 }, initialize: function(element, options){ this.setOptions(options); this.element = document.id(element); this.docBody = document.id(this.element.getDocument().body); this.listener = (typeOf(this.element) != 'element') ? this.docBody : this.element; this.timer = null; this.bound = { attach: this.attach.bind(this), detach: this.detach.bind(this), getCoords: this.getCoords.bind(this) }; }, start: function(){ this.listener.addEvents({ mouseover: this.bound.attach, mouseleave: this.bound.detach }); return this; }, stop: function(){ this.listener.removeEvents({ mouseover: this.bound.attach, mouseleave: this.bound.detach }); this.detach(); this.timer = clearInterval(this.timer); return this; }, attach: function(){ this.listener.addEvent('mousemove', this.bound.getCoords); }, detach: function(){ this.listener.removeEvent('mousemove', this.bound.getCoords); this.timer = clearInterval(this.timer); }, getCoords: function(event){ this.page = (this.listener.get('tag') == 'body') ? event.client : event.page; if (!this.timer) this.timer = this.scroll.periodical(Math.round(1000 / this.options.fps), this); }, scroll: function(){ var size = this.element.getSize(), scroll = this.element.getScroll(), pos = this.element != this.docBody ? this.element.getOffsets() : {x: 0, y:0}, scrollSize = this.element.getScrollSize(), change = {x: 0, y: 0}, top = this.options.area.top || this.options.area, bottom = this.options.area.bottom || this.options.area; for (var z in this.page){ if (this.page[z] < (top + pos[z]) && scroll[z] != 0){ change[z] = (this.page[z] - top - pos[z]) * this.options.velocity; } else if (this.page[z] + bottom > (size[z] + pos[z]) && scroll[z] + size[z] != scrollSize[z]){ change[z] = (this.page[z] - size[z] + bottom - pos[z]) * this.options.velocity; } change[z] = change[z].round(); } if (change.y || change.x) this.fireEvent('change', [scroll.x + change.x, scroll.y + change.y]); } });