/*
-Script: Core.js
- MooTools - My Object Oriented JavaScript Tools.
+---
+MooTools: the javascript framework
-License:
- MIT-style license.
+web build:
+ - http://mootools.net/core/f62dd4514b59c41f42c7579664bca750
-Copyright:
- Copyright (c) 2006-2007 [Valerio Proietti](http://mad4milk.net/).
+packager build:
+ - packager build Core/Core Core/Array Core/Event Core/Browser Core/Class.Extras Core/Element.Event Core/Element.Dimensions Core/Fx.Tween Core/Fx.Morph Core/Fx.Transitions Core/DOMReady
-Code & Documentation:
- [The MooTools production team](http://mootools.net/developers/).
+/*
+---
+
+name: Core
+
+description: The heart of MooTools.
+
+license: MIT-style license.
+
+copyright: Copyright (c) 2006-2010 [Valerio Proietti](http://mad4milk.net/).
+
+authors: The MooTools production team (http://mootools.net/developers/)
+
+inspiration:
+ - Class implementation inspired by [Base.js](http://dean.edwards.name/weblog/2006/03/base/) Copyright (c) 2006 Dean Edwards, [GNU Lesser General Public License](http://opensource.org/licenses/lgpl-license.php)
+ - Some functionality inspired by [Prototype.js](http://prototypejs.org) Copyright (c) 2005-2007 Sam Stephenson, [MIT License](http://opensource.org/licenses/mit-license.php)
+
+provides: [Core, MooTools, Type, typeOf, instanceOf, Native]
-Inspiration:
- - Class implementation inspired by [Base.js](http://dean.edwards.name/weblog/2006/03/base/) Copyright (c) 2006 Dean Edwards, [GNU Lesser General Public License](http://opensource.org/licenses/lgpl-license.php)
- - Some functionality inspired by [Prototype.js](http://prototypejs.org) Copyright (c) 2005-2007 Sam Stephenson, [MIT License](http://opensource.org/licenses/mit-license.php)
+...
*/
-var MooTools = {
- 'version': '1.2.0',
- 'build': ''
-};
-
-var Native = function(options){
- options = options || {};
+(function(){
- var afterImplement = options.afterImplement || function(){};
- var generics = options.generics;
- generics = (generics !== false);
- var legacy = options.legacy;
- var initialize = options.initialize;
- var protect = options.protect;
- var name = options.name;
+this.MooTools = {
+ version: '1.3',
+ build: 'a3eed692dd85050d80168ec2c708efe901bb7db3'
+};
- var object = initialize || legacy;
+// typeOf, instanceOf
- object.constructor = Native;
- object.$family = {name: 'native'};
- if (legacy && initialize) object.prototype = legacy.prototype;
- object.prototype.constructor = object;
+var typeOf = this.typeOf = function(item){
+ if (item == null) return 'null';
+ if (item.$family) return item.$family();
- if (name){
- var family = name.toLowerCase();
- object.prototype.$family = {name: family};
- Native.typize(object, family);
+ if (item.nodeName){
+ if (item.nodeType == 1) return 'element';
+ if (item.nodeType == 3) return (/\S/).test(item.nodeValue) ? 'textnode' : 'whitespace';
+ } else if (typeof item.length == 'number'){
+ if (item.callee) return 'arguments';
+ if ('item' in item) return 'collection';
}
- var add = function(obj, name, method, force){
- if (!protect || force || !obj.prototype[name]) obj.prototype[name] = method;
- if (generics) Native.genericize(obj, name, protect);
- afterImplement.call(obj, name, method);
- return obj;
- };
-
- object.implement = function(a1, a2, a3){
- if (typeof a1 == 'string') return add(this, a1, a2, a3);
- for (var p in a1) add(this, p, a1[p], a2);
- return this;
- };
-
- object.alias = function(a1, a2, a3){
- if (typeof a1 == 'string'){
- a1 = this.prototype[a1];
- if (a1) add(this, a2, a1, a3);
- } else {
- for (var a in a1) this.alias(a, a1[a], a2);
- }
- return this;
- };
-
- return object;
+ return typeof item;
};
-Native.implement = function(objects, properties){
- for (var i = 0, l = objects.length; i < l; i++) objects[i].implement(properties);
+var instanceOf = this.instanceOf = function(item, object){
+ if (item == null) return false;
+ var constructor = item.$constructor || item.constructor;
+ while (constructor){
+ if (constructor === object) return true;
+ constructor = constructor.parent;
+ }
+ return item instanceof object;
};
-Native.genericize = function(object, property, check){
- if ((!check || !object[property]) && typeof object.prototype[property] == 'function') object[property] = function(){
- var args = Array.prototype.slice.call(arguments);
- return object.prototype[property].apply(args.shift(), args);
+// Function overloading
+
+var Function = this.Function;
+
+var enumerables = true;
+for (var i in {toString: 1}) enumerables = null;
+if (enumerables) enumerables = ['hasOwnProperty', 'valueOf', 'isPrototypeOf', 'propertyIsEnumerable', 'toLocaleString', 'toString', 'constructor'];
+
+Function.prototype.overloadSetter = function(usePlural){
+ var self = this;
+ return function(a, b){
+ if (a == null) return this;
+ if (usePlural || typeof a != 'string'){
+ for (var k in a) self.call(this, k, a[k]);
+ if (enumerables) for (var i = enumerables.length; i--;){
+ k = enumerables[i];
+ if (a.hasOwnProperty(k)) self.call(this, k, a[k]);
+ }
+ } else {
+ self.call(this, a, b);
+ }
+ return this;
};
};
-Native.typize = function(object, family){
- if (!object.type) object.type = function(item){
- return ($type(item) === family);
+Function.prototype.overloadGetter = function(usePlural){
+ var self = this;
+ return function(a){
+ var args, result;
+ if (usePlural || typeof a != 'string') args = a;
+ else if (arguments.length > 1) args = arguments;
+ if (args){
+ result = {};
+ for (var i = 0; i < args.length; i++) result[args[i]] = self.call(this, args[i]);
+ } else {
+ result = self.call(this, a);
+ }
+ return result;
};
};
-Native.alias = function(objects, a1, a2, a3){
- for (var i = 0, j = objects.length; i < j; i++) objects[i].alias(a1, a2, a3);
-};
+Function.prototype.extend = function(key, value){
+ this[key] = value;
+}.overloadSetter();
-(function(objects){
- for (var name in objects) Native.typize(objects[name], name);
-})({'boolean': Boolean, 'native': Native, 'object': Object});
+Function.prototype.implement = function(key, value){
+ this.prototype[key] = value;
+}.overloadSetter();
-(function(objects){
- for (var name in objects) new Native({name: name, initialize: objects[name], protect: true});
-})({'String': String, 'Function': Function, 'Number': Number, 'Array': Array, 'RegExp': RegExp, 'Date': Date});
+// From
-(function(object, methods){
- for (var i = methods.length; i--; i) Native.genericize(object, methods[i], true);
- return arguments.callee;
-})
-(Array, ['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift', 'concat', 'join', 'slice', 'toString', 'valueOf', 'indexOf', 'lastIndexOf'])
-(String, ['charAt', 'charCodeAt', 'concat', 'indexOf', 'lastIndexOf', 'match', 'replace', 'search', 'slice', 'split', 'substr', 'substring', 'toLowerCase', 'toUpperCase', 'valueOf']);
+var slice = Array.prototype.slice;
-function $chk(obj){
- return !!(obj || obj === 0);
+Function.from = function(item){
+ return (typeOf(item) == 'function') ? item : function(){
+ return item;
+ };
};
-function $clear(timer){
- clearTimeout(timer);
- clearInterval(timer);
- return null;
+Array.from = function(item){
+ if (item == null) return [];
+ return (Type.isEnumerable(item) && typeof item != 'string') ? (typeOf(item) == 'array') ? item : slice.call(item) : [item];
};
-function $defined(obj){
- return (obj != undefined);
+Number.from = function(item){
+ var number = parseFloat(item);
+ return isFinite(number) ? number : null;
};
-function $empty(){};
-
-function $arguments(i){
- return function(){
- return arguments[i];
- };
+String.from = function(item){
+ return item + '';
};
-function $lambda(value){
- return (typeof value == 'function') ? value : function(){
- return value;
- };
-};
+// hide, protect
-function $extend(original, extended){
- for (var key in (extended || {})) original[key] = extended[key];
- return original;
-};
+Function.implement({
-function $unlink(object){
- var unlinked;
-
- switch ($type(object)){
- case 'object':
- unlinked = {};
- for (var p in object) unlinked[p] = $unlink(object[p]);
- break;
- case 'hash':
- unlinked = $unlink(object.getClean());
- break;
- case 'array':
- unlinked = [];
- for (var i = 0, l = object.length; i < l; i++) unlinked[i] = $unlink(object[i]);
- break;
- default: return object;
+ hide: function(){
+ this.$hidden = true;
+ return this;
+ },
+
+ protect: function(){
+ this.$protected = true;
+ return this;
}
-
- return unlinked;
-};
-function $merge(){
- var mix = {};
- for (var i = 0, l = arguments.length; i < l; i++){
- var object = arguments[i];
- if ($type(object) != 'object') continue;
- for (var key in object){
- var op = object[key], mp = mix[key];
- mix[key] = (mp && $type(op) == 'object' && $type(mp) == 'object') ? $merge(mp, op) : $unlink(op);
+});
+
+// Type
+
+var Type = this.Type = function(name, object){
+ if (name){
+ var lower = name.toLowerCase();
+ var typeCheck = function(item){
+ return (typeOf(item) == lower);
+ };
+
+ Type['is' + name] = typeCheck;
+ if (object != null){
+ object.prototype.$family = (function(){
+ return lower;
+ }).hide();
+ //<1.2compat>
+ object.type = typeCheck;
+ //</1.2compat>
}
}
- return mix;
-};
-function $pick(){
- for (var i = 0, l = arguments.length; i < l; i++){
- if (arguments[i] != undefined) return arguments[i];
- }
- return null;
-};
+ if (object == null) return null;
-function $random(min, max){
- return Math.floor(Math.random() * (max - min + 1) + min);
+ object.extend(this);
+ object.$constructor = Type;
+ object.prototype.$constructor = object;
+
+ return object;
};
-function $splat(obj){
- var type = $type(obj);
- return (type) ? ((type != 'array' && type != 'arguments') ? [obj] : obj) : [];
+var toString = Object.prototype.toString;
+
+Type.isEnumerable = function(item){
+ return (item != null && typeof item.length == 'number' && toString.call(item) != '[object Function]' );
};
-var $time = Date.now || function(){
- return new Date().getTime();
+var hooks = {};
+
+var hooksOf = function(object){
+ var type = typeOf(object.prototype);
+ return hooks[type] || (hooks[type] = []);
};
-function $try(){
- for (var i = 0, l = arguments.length; i < l; i++){
- try {
- return arguments[i]();
- } catch(e){}
+var implement = function(name, method){
+ if (method && method.$hidden) return this;
+
+ var hooks = hooksOf(this);
+
+ for (var i = 0; i < hooks.length; i++){
+ var hook = hooks[i];
+ if (typeOf(hook) == 'type') implement.call(hook, name, method);
+ else hook.call(this, name, method);
}
- return null;
+
+ var previous = this.prototype[name];
+ if (previous == null || !previous.$protected) this.prototype[name] = method;
+
+ if (this[name] == null && typeOf(method) == 'function') extend.call(this, name, function(item){
+ return method.apply(item, slice.call(arguments, 1));
+ });
+
+ return this;
};
-function $type(obj){
- if (obj == undefined) return false;
- if (obj.$family) return (obj.$family.name == 'number' && !isFinite(obj)) ? false : obj.$family.name;
- if (obj.nodeName){
- switch (obj.nodeType){
- case 1: return 'element';
- case 3: return (/\S/).test(obj.nodeValue) ? 'textnode' : 'whitespace';
- }
- } else if (typeof obj.length == 'number'){
- if (obj.callee) return 'arguments';
- else if (obj.item) return 'collection';
- }
- return typeof obj;
+var extend = function(name, method){
+ if (method && method.$hidden) return this;
+ var previous = this[name];
+ if (previous == null || !previous.$protected) this[name] = method;
+ return this;
};
-var Hash = new Native({
+Type.implement({
+
+ implement: implement.overloadSetter(),
- name: 'Hash',
+ extend: extend.overloadSetter(),
- initialize: function(object){
- if ($type(object) == 'hash') object = $unlink(object.getClean());
- for (var key in object) this[key] = object[key];
+ alias: function(name, existing){
+ implement.call(this, name, this.prototype[existing]);
+ }.overloadSetter(),
+
+ mirror: function(hook){
+ hooksOf(this).push(hook);
return this;
}
});
-Hash.implement({
-
- getLength: function(){
- var length = 0;
- for (var key in this){
- if (this.hasOwnProperty(key)) length++;
- }
- return length;
- },
+new Type('Type', Type);
- forEach: function(fn, bind){
- for (var key in this){
- if (this.hasOwnProperty(key)) fn.call(bind, this[key], key, this);
- }
- },
-
- getClean: function(){
- var clean = {};
- for (var key in this){
- if (this.hasOwnProperty(key)) clean[key] = this[key];
+// Default Types
+
+var force = function(name, object, methods){
+ var isType = (object != Object),
+ prototype = object.prototype;
+
+ if (isType) object = new Type(name, object);
+
+ for (var i = 0, l = methods.length; i < l; i++){
+ var key = methods[i],
+ generic = object[key],
+ proto = prototype[key];
+
+ if (generic) generic.protect();
+
+ if (isType && proto){
+ delete prototype[key];
+ prototype[key] = proto.protect();
}
- return clean;
}
+ if (isType) object.implement(prototype);
+
+ return force;
+};
+
+force('String', String, [
+ 'charAt', 'charCodeAt', 'concat', 'indexOf', 'lastIndexOf', 'match', 'quote', 'replace', 'search',
+ 'slice', 'split', 'substr', 'substring', 'toLowerCase', 'toUpperCase'
+])('Array', Array, [
+ 'pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift', 'concat', 'join', 'slice',
+ 'indexOf', 'lastIndexOf', 'filter', 'forEach', 'every', 'map', 'some', 'reduce', 'reduceRight'
+])('Number', Number, [
+ 'toExponential', 'toFixed', 'toLocaleString', 'toPrecision'
+])('Function', Function, [
+ 'apply', 'call', 'bind'
+])('RegExp', RegExp, [
+ 'exec', 'test'
+])('Object', Object, [
+ 'create', 'defineProperty', 'defineProperties', 'keys',
+ 'getPrototypeOf', 'getOwnPropertyDescriptor', 'getOwnPropertyNames',
+ 'preventExtensions', 'isExtensible', 'seal', 'isSealed', 'freeze', 'isFrozen'
+])('Date', Date, ['now']);
+
+Object.extend = extend.overloadSetter();
+
+Date.extend('now', function(){
+ return +(new Date);
});
-Hash.alias('forEach', 'each');
+new Type('Boolean', Boolean);
-function $H(object){
- return new Hash(object);
-};
+// fixes NaN returning as Number
+
+Number.prototype.$family = function(){
+ return isFinite(this) ? 'number' : 'null';
+}.hide();
+
+// Number.random
+
+Number.extend('random', function(min, max){
+ return Math.floor(Math.random() * (max - min + 1) + min);
+});
+
+// forEach, each
+
+Object.extend('forEach', function(object, fn, bind){
+ for (var key in object){
+ if (object.hasOwnProperty(key)) fn.call(bind, object[key], key, object);
+ }
+});
+
+Object.each = Object.forEach;
Array.implement({
forEach: function(fn, bind){
- for (var i = 0, l = this.length; i < l; i++) fn.call(bind, this[i], i, this);
+ for (var i = 0, l = this.length; i < l; i++){
+ if (i in this) fn.call(bind, this[i], i, this);
+ }
+ },
+
+ each: function(fn, bind){
+ Array.forEach(this, fn, bind);
+ return this;
}
});
-Array.alias('forEach', 'each');
+// Array & Object cloning, Object merging and appending
-function $A(iterable){
- if (iterable.item){
- var array = [];
- for (var i = 0, l = iterable.length; i < l; i++) array[i] = iterable[i];
- return array;
+var cloneOf = function(item){
+ switch (typeOf(item)){
+ case 'array': return item.clone();
+ case 'object': return Object.clone(item);
+ default: return item;
}
- return Array.prototype.slice.call(iterable);
};
-function $each(iterable, fn, bind){
- var type = $type(iterable);
- ((type == 'arguments' || type == 'collection' || type == 'array') ? Array : Hash).each(iterable, fn, bind);
+Array.implement('clone', function(){
+ var i = this.length, clone = new Array(i);
+ while (i--) clone[i] = cloneOf(this[i]);
+ return clone;
+});
+
+var mergeOne = function(source, key, current){
+ switch (typeOf(current)){
+ case 'object':
+ if (typeOf(source[key]) == 'object') Object.merge(source[key], current);
+ else source[key] = Object.clone(current);
+ break;
+ case 'array': source[key] = current.clone(); break;
+ default: source[key] = current;
+ }
+ return source;
};
+Object.extend({
-/*
-Script: Browser.js
- The Browser Core. Contains Browser initialization, Window and Document, and the Browser Hash.
+ merge: function(source, k, v){
+ if (typeOf(k) == 'string') return mergeOne(source, k, v);
+ for (var i = 1, l = arguments.length; i < l; i++){
+ var object = arguments[i];
+ for (var key in object) mergeOne(source, key, object[key]);
+ }
+ return source;
+ },
-License:
- MIT-style license.
-*/
+ clone: function(object){
+ var clone = {};
+ for (var key in object) clone[key] = cloneOf(object[key]);
+ return clone;
+ },
+
+ append: function(original){
+ for (var i = 1, l = arguments.length; i < l; i++){
+ var extended = arguments[i] || {};
+ for (var key in extended) original[key] = extended[key];
+ }
+ return original;
+ }
-var Browser = new Hash({
- Engine: {name: 'unknown', version: ''},
- Platform: {name: (navigator.platform.match(/mac|win|linux/i) || ['other'])[0].toLowerCase()},
- Features: {xpath: !!(document.evaluate), air: !!(window.runtime)},
- Plugins: {}
});
-if (window.opera) Browser.Engine = {name: 'presto', version: (document.getElementsByClassName) ? 950 : 925};
-else if (window.ActiveXObject) Browser.Engine = {name: 'trident', version: (window.XMLHttpRequest) ? 5 : 4};
-else if (!navigator.taintEnabled) Browser.Engine = {name: 'webkit', version: (Browser.Features.xpath) ? 420 : 419};
-else if (document.getBoxObjectFor != null) Browser.Engine = {name: 'gecko', version: (document.getElementsByClassName) ? 19 : 18};
-Browser.Engine[Browser.Engine.name] = Browser.Engine[Browser.Engine.name + Browser.Engine.version] = true;
+// Object-less types
-if (window.orientation != undefined) Browser.Platform.name = 'ipod';
+['Object', 'WhiteSpace', 'TextNode', 'Collection', 'Arguments'].each(function(name){
+ new Type(name);
+});
-Browser.Platform[Browser.Platform.name] = true;
+// Unique ID
-Browser.Request = function(){
- return $try(function(){
- return new XMLHttpRequest();
- }, function(){
- return new ActiveXObject('MSXML2.XMLHTTP');
- });
-};
+var UID = Date.now();
-Browser.Features.xhr = !!(Browser.Request());
+String.extend('uniqueID', function(){
+ return (UID++).toString(36);
+});
-Browser.Plugins.Flash = (function(){
- var version = ($try(function(){
- return navigator.plugins['Shockwave Flash'].description;
- }, function(){
- return new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version');
- }) || '0 r0').match(/\d+/g);
- return {version: parseInt(version[0] || 0 + '.' + version[1] || 0), build: parseInt(version[2] || 0)};
-})();
+//<1.2compat>
-function $exec(text){
- if (!text) return text;
- if (window.execScript){
- window.execScript(text);
- } else {
- var script = document.createElement('script');
- script.setAttribute('type', 'text/javascript');
- script.text = text;
- document.head.appendChild(script);
- document.head.removeChild(script);
+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;
+});
+
+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;
}
- return text;
+
+});
+
+Hash.alias('each', 'forEach');
+
+Object.type = Type.isObject;
+
+var Native = this.Native = function(properties){
+ return new Type(properties.name, properties.initialize);
};
-Native.UID = 1;
+Native.type = Type.type;
-var $uid = (Browser.Engine.trident) ? function(item){
- return (item.uid || (item.uid = [Native.UID++]))[0];
-} : function(item){
- return item.uid || (item.uid = Native.UID++);
+Native.implement = function(objects, methods){
+ for (var i = 0; i < objects.length; i++) objects[i].implement(methods);
+ return Native;
};
-var Window = new Native({
+var arrayType = Array.type;
+Array.type = function(item){
+ return instanceOf(item, Array) || arrayType(item);
+};
- name: 'Window',
+this.$A = function(item){
+ return Array.from(item).slice();
+};
- legacy: (Browser.Engine.trident) ? null: window.Window,
+this.$arguments = function(i){
+ return function(){
+ return arguments[i];
+ };
+};
- initialize: function(win){
- $uid(win);
- if (!win.Element){
- win.Element = $empty;
- if (Browser.Engine.webkit) win.document.createElement("iframe"); //fixes safari 2
- win.Element.prototype = (Browser.Engine.webkit) ? window["[[DOMElement.prototype]]"] : {};
- }
- return $extend(win, Window.Prototype);
- },
+this.$chk = function(obj){
+ return !!(obj || obj === 0);
+};
- afterImplement: function(property, value){
- window[property] = Window.Prototype[property] = value;
- }
+this.$clear = function(timer){
+ clearTimeout(timer);
+ clearInterval(timer);
+ return null;
+};
-});
+this.$defined = function(obj){
+ return (obj != null);
+};
+
+this.$each = function(iterable, fn, bind){
+ var type = typeOf(iterable);
+ ((type == 'arguments' || type == 'collection' || type == 'array' || type == 'elements') ? Array : Object).each(iterable, fn, bind);
+};
-Window.Prototype = {$family: {name: 'window'}};
+this.$empty = function(){};
-new Window(window);
+this.$extend = function(original, extended){
+ return Object.append(original, extended);
+};
-var Document = new Native({
+this.$H = function(object){
+ return new Hash(object);
+};
- name: 'Document',
+this.$merge = function(){
+ var args = Array.slice(arguments);
+ args.unshift({});
+ return Object.merge.apply(null, args);
+};
- legacy: (Browser.Engine.trident) ? null: window.Document,
+this.$lambda = Function.from;
+this.$mixin = Object.merge;
+this.$random = Number.random;
+this.$splat = Array.from;
+this.$time = Date.now;
- initialize: function(doc){
- $uid(doc);
- doc.head = doc.getElementsByTagName('head')[0];
- doc.html = doc.getElementsByTagName('html')[0];
- doc.window = doc.defaultView || doc.parentWindow;
- if (Browser.Engine.trident4) $try(function(){
- doc.execCommand("BackgroundImageCache", false, true);
- });
- return $extend(doc, Document.Prototype);
- },
+this.$type = function(object){
+ var type = typeOf(object);
+ if (type == 'elements') return 'array';
+ return (type == 'null') ? false : type;
+};
- afterImplement: function(property, value){
- document[property] = Document.Prototype[property] = value;
+this.$unlink = function(object){
+ switch (typeOf(object)){
+ case 'object': return Object.clone(object);
+ case 'array': return Array.clone(object);
+ case 'hash': return new Hash(object);
+ default: return object;
}
+};
-});
+//</1.2compat>
-Document.Prototype = {$family: {name: 'document'}};
+})();
-new Document(document);
/*
-Script: Array.js
- Contains Array Prototypes like copy, each, contains, and remove.
+---
+
+name: Array
+
+description: Contains Array Prototypes like each, contains, and erase.
-License:
- MIT-style license.
+license: MIT-style license.
+
+requires: Type
+
+provides: Array
+
+...
*/
Array.implement({
+ invoke: function(methodName){
+ var args = Array.slice(arguments, 1);
+ return this.map(function(item){
+ return item[methodName].apply(item, args);
+ });
+ },
+
every: function(fn, bind){
for (var i = 0, l = this.length; i < l; i++){
- if (!fn.call(bind, this[i], i, this)) return false;
+ if ((i in this) && !fn.call(bind, this[i], i, this)) return false;
}
return true;
},
filter: function(fn, bind){
var results = [];
for (var i = 0, l = this.length; i < l; i++){
- if (fn.call(bind, this[i], i, this)) results.push(this[i]);
+ if ((i in this) && fn.call(bind, this[i], i, this)) results.push(this[i]);
}
return results;
},
-
- clean: function() {
- return this.filter($defined);
+
+ clean: function(){
+ return this.filter(function(item){
+ return item != null;
+ });
},
indexOf: function(item, from){
map: function(fn, bind){
var results = [];
- for (var i = 0, l = this.length; i < l; i++) results[i] = fn.call(bind, this[i], i, this);
+ for (var i = 0, l = this.length; i < l; i++){
+ if (i in this) results[i] = fn.call(bind, this[i], i, this);
+ }
return results;
},
some: function(fn, bind){
for (var i = 0, l = this.length; i < l; i++){
- if (fn.call(bind, this[i], i, this)) return true;
+ if ((i in this) && fn.call(bind, this[i], i, this)) return true;
}
return false;
},
return this.indexOf(item, from) != -1;
},
- extend: function(array){
- for (var i = 0, j = array.length; i < j; i++) this.push(array[i]);
+ append: function(array){
+ this.push.apply(this, array);
return this;
},
},
getRandom: function(){
- return (this.length) ? this[$random(0, this.length - 1)] : null;
+ return (this.length) ? this[Number.random(0, this.length - 1)] : null;
},
include: function(item){
},
erase: function(item){
- for (var i = this.length; i--; i){
+ for (var i = this.length; i--;){
if (this[i] === item) this.splice(i, 1);
}
return this;
flatten: function(){
var array = [];
for (var i = 0, l = this.length; i < l; i++){
- var type = $type(this[i]);
- if (!type) continue;
- array = array.concat((type == 'array' || type == 'collection' || type == 'arguments') ? Array.flatten(this[i]) : this[i]);
+ var type = typeOf(this[i]);
+ if (type == 'null') continue;
+ array = array.concat((type == 'array' || type == 'collection' || type == 'arguments' || instanceOf(this[i], Array)) ? Array.flatten(this[i]) : this[i]);
}
return array;
},
+ pick: function(){
+ for (var i = 0, l = this.length; i < l; i++){
+ if (this[i] != null) return this[i];
+ }
+ return null;
+ },
+
hexToRgb: function(array){
if (this.length != 3) return null;
var rgb = this.map(function(value){
});
-/*\r
-Script: Function.js\r
- Contains Function Prototypes like create, bind, pass, and delay.\r
-\r
-License:\r
- MIT-style license.\r
-*/\r
-\r
-Function.implement({\r
-\r
- extend: function(properties){\r
- for (var property in properties) this[property] = properties[property];\r
- return this;\r
- },\r
-\r
- create: function(options){\r
- var self = this;\r
- options = options || {};\r
- return function(event){\r
- var args = options.arguments;\r
- args = (args != undefined) ? $splat(args) : Array.slice(arguments, (options.event) ? 1 : 0);\r
- if (options.event) args = [event || window.event].extend(args);\r
- var returns = function(){\r
- return self.apply(options.bind || null, args);\r
- };\r
- if (options.delay) return setTimeout(returns, options.delay);\r
- if (options.periodical) return setInterval(returns, options.periodical);\r
- if (options.attempt) return $try(returns);\r
- return returns();\r
- };\r
- },\r
-\r
- pass: function(args, bind){\r
- return this.create({arguments: args, bind: bind});\r
- },\r
-\r
- attempt: function(args, bind){\r
- return this.create({arguments: args, bind: bind, attempt: true})();\r
- },\r
-\r
- bind: function(bind, args){\r
- return this.create({bind: bind, arguments: args});\r
- },\r
-\r
- bindWithEvent: function(bind, args){\r
- return this.create({bind: bind, event: true, arguments: args});\r
- },\r
-\r
- delay: function(delay, bind, args){\r
- return this.create({delay: delay, bind: bind, arguments: args})();\r
- },\r
-\r
- periodical: function(interval, bind, args){\r
- return this.create({periodical: interval, bind: bind, arguments: args})();\r
- },\r
-\r
- run: function(args, bind){\r
- return this.apply(bind, $splat(args));\r
- }\r
-\r
-});
+//<1.2compat>
+
+Array.alias('extend', 'append');
+
+var $pick = function(){
+ return Array.from(arguments).pick();
+};
+
+//</1.2compat>
+
/*
-Script: Number.js
- Contains Number Prototypes like limit, round, times, and ceil.
+---
-License:
- MIT-style license.
-*/
+name: Function
-Number.implement({
+description: Contains Function Prototypes like create, bind, pass, and delay.
- limit: function(min, max){
- return Math.min(max, Math.max(min, this));
- },
+license: MIT-style license.
+
+requires: Type
+
+provides: Function
+
+...
+*/
+
+Function.extend({
+
+ attempt: function(){
+ for (var i = 0, l = arguments.length; i < l; i++){
+ try {
+ return arguments[i]();
+ } catch (e){}
+ }
+ return null;
+ }
+
+});
+
+Function.implement({
+
+ attempt: function(args, bind){
+ try {
+ return this.apply(bind, Array.from(args));
+ } catch (e){}
+
+ return null;
+ },
+
+ bind: function(bind){
+ var self = this,
+ args = (arguments.length > 1) ? Array.slice(arguments, 1) : null;
+
+ return function(){
+ if (!args && !arguments.length) return self.call(bind);
+ if (args && arguments.length) return self.apply(bind, args.concat(Array.from(arguments)));
+ return self.apply(bind, args || arguments);
+ };
+ },
+
+ pass: function(args, bind){
+ var self = this;
+ if (args != null) args = Array.from(args);
+ return function(){
+ return self.apply(bind, args || arguments);
+ };
+ },
+
+ delay: function(delay, bind, args){
+ return setTimeout(this.pass(args, bind), delay);
+ },
+
+ periodical: function(periodical, bind, args){
+ return setInterval(this.pass(args, bind), periodical);
+ }
+
+});
+
+//<1.2compat>
+
+delete Function.prototype.bind;
+
+Function.implement({
+
+ create: function(options){
+ var self = this;
+ options = options || {};
+ return function(event){
+ var args = options.arguments;
+ args = (args != null) ? Array.from(args) : Array.slice(arguments, (options.event) ? 1 : 0);
+ if (options.event) args = [event || window.event].extend(args);
+ var returns = function(){
+ return self.apply(options.bind || null, args);
+ };
+ if (options.delay) return setTimeout(returns, options.delay);
+ if (options.periodical) return setInterval(returns, options.periodical);
+ if (options.attempt) return Function.attempt(returns);
+ return returns();
+ };
+ },
+
+ bind: function(bind, args){
+ var self = this;
+ if (args != null) args = Array.from(args);
+ return function(){
+ return self.apply(bind, args || arguments);
+ };
+ },
+
+ bindWithEvent: function(bind, args){
+ var self = this;
+ if (args != null) args = Array.from(args);
+ return function(event){
+ return self.apply(bind, (args == null) ? arguments : [event].concat(args));
+ };
+ },
+
+ run: function(args, bind){
+ return this.apply(bind, Array.from(args));
+ }
+
+});
+
+var $try = Function.attempt;
+
+//</1.2compat>
+
+
+/*
+---
+
+name: Number
+
+description: Contains Number Prototypes like limit, round, times, and ceil.
+
+license: MIT-style license.
+
+requires: Type
+
+provides: Number
+
+...
+*/
+
+Number.implement({
+
+ limit: function(min, max){
+ return Math.min(max, Math.max(min, this));
+ },
round: function(precision){
- precision = Math.pow(10, precision || 0);
+ precision = Math.pow(10, precision || 0).toFixed(precision < 0 ? -precision : 0);
return Math.round(this * precision) / precision;
},
});
-Number.alias('times', 'each');
+Number.alias('each', 'times');
(function(math){
var methods = {};
math.each(function(name){
if (!Number[name]) methods[name] = function(){
- return Math[name].apply(null, [this].concat($A(arguments)));
+ return Math[name].apply(null, [this].concat(Array.from(arguments)));
};
});
Number.implement(methods);
})(['abs', 'acos', 'asin', 'atan', 'atan2', 'ceil', 'cos', 'exp', 'floor', 'log', 'max', 'min', 'pow', 'sin', 'sqrt', 'tan']);
+
/*
-Script: String.js
- Contains String Prototypes like camelCase, capitalize, test, and toInt.
+---
+
+name: String
+
+description: Contains String Prototypes like camelCase, capitalize, test, and toInt.
-License:
- MIT-style license.
+license: MIT-style license.
+
+requires: Type
+
+provides: String
+
+...
*/
String.implement({
test: function(regex, params){
- return ((typeof regex == 'string') ? new RegExp(regex, params) : regex).test(this);
+ return ((typeOf(regex) == 'regexp') ? regex : new RegExp('' + regex, params)).test(this);
},
contains: function(string, separator){
return (rgb) ? rgb.rgbToHex(array) : null;
},
- stripScripts: function(option){
- var scripts = '';
- var text = this.replace(/<script[^>]*>([\s\S]*?)<\/script>/gi, function(){
- scripts += arguments[1] + '\n';
- return '';
- });
- if (option === true) $exec(scripts);
- else if ($type(option) == 'function') option(scripts, text);
- return text;
- },
-
substitute: function(object, regexp){
- return this.replace(regexp || (/\\?\{([^}]+)\}/g), function(match, name){
+ return this.replace(regexp || (/\\?\{([^{}]+)\}/g), function(match, name){
if (match.charAt(0) == '\\') return match.slice(1);
- return (object[name] != undefined) ? object[name] : '';
+ return (object[name] != null) ? object[name] : '';
});
}
});
+
/*
-Script: Hash.js
- Contains Hash Prototypes. Provides a means for overcoming the JavaScript practical impossibility of extending native Objects.
+---
-License:
- MIT-style license.
-*/
+name: Browser
-Hash.implement({
+description: The Browser Object. Contains Browser initialization, Window and Document, and the Browser Hash.
- has: Object.prototype.hasOwnProperty,
+license: MIT-style license.
- keyOf: function(value){
- for (var key in this){
- if (this.hasOwnProperty(key) && this[key] === value) return key;
- }
- return null;
- },
+requires: [Array, Function, Number, String]
- hasValue: function(value){
- return (Hash.keyOf(this, value) !== null);
- },
+provides: [Browser, Window, Document]
- 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;
- },
+(function(){
- erase: function(key){
- if (this.hasOwnProperty(key)) delete this[key];
- return this;
- },
+var document = this.document;
+var window = document.window = this;
- get: function(key){
- return (this.hasOwnProperty(key)) ? this[key] : null;
- },
+var UID = 1;
- set: function(key, value){
- if (!this[key] || this.hasOwnProperty(key)) this[key] = value;
- return this;
- },
+this.$uid = (window.ActiveXObject) ? function(item){
+ return (item.uid || (item.uid = [UID++]))[0];
+} : function(item){
+ return item.uid || (item.uid = UID++);
+};
- empty: function(){
- Hash.each(this, function(value, key){
- delete this[key];
- }, this);
- return this;
- },
+$uid(window);
+$uid(document);
- include: function(key, value){
- var k = this[key];
- if (k == undefined) this[key] = value;
- return this;
- },
+var ua = navigator.userAgent.toLowerCase(),
+ platform = navigator.platform.toLowerCase(),
+ UA = ua.match(/(opera|ie|firefox|chrome|version)[\s\/:]([\w\d\.]+)?.*?(safari|version[\s\/:]([\w\d\.]+)|$)/) || [null, 'unknown', 0],
+ mode = UA[1] == 'ie' && document.documentMode;
- map: function(fn, bind){
- var results = new Hash;
- Hash.each(this, function(value, key){
- results.set(key, fn.call(bind, value, key, this));
- }, this);
- return results;
- },
+var Browser = this.Browser = {
- filter: function(fn, bind){
- var results = new Hash;
- Hash.each(this, function(value, key){
- if (fn.call(bind, value, key, this)) results.set(key, value);
- }, this);
- return results;
- },
+ extend: Function.prototype.extend,
- every: function(fn, bind){
- for (var key in this){
- if (this.hasOwnProperty(key) && !fn.call(bind, this[key], key)) return false;
- }
- return true;
- },
+ name: (UA[1] == 'version') ? UA[3] : UA[1],
- some: function(fn, bind){
- for (var key in this){
- if (this.hasOwnProperty(key) && fn.call(bind, this[key], key)) return true;
- }
- return false;
- },
+ version: mode || parseFloat((UA[1] == 'opera' && UA[4]) ? UA[4] : UA[2]),
- getKeys: function(){
- var keys = [];
- Hash.each(this, function(value, key){
- keys.push(key);
- });
- return keys;
+ Platform: {
+ name: ua.match(/ip(?:ad|od|hone)/) ? 'ios' : (ua.match(/(?:webos|android)/) || platform.match(/mac|win|linux/) || ['other'])[0]
},
- getValues: function(){
- var values = [];
- Hash.each(this, function(value){
- values.push(value);
- });
- return values;
+ Features: {
+ xpath: !!(document.evaluate),
+ air: !!(window.runtime),
+ query: !!(document.querySelector),
+ json: !!(window.JSON)
},
-
- toQueryString: function(base){
- var queryString = [];
- Hash.each(this, function(value, key){
- if (base) key = base + '[' + key + ']';
- var result;
- switch ($type(value)){
- case 'object': result = Hash.toQueryString(value, key); break;
- case 'array':
- var qs = {};
- value.each(function(val, i){
- qs[i] = val;
- });
- result = Hash.toQueryString(qs, key);
- break;
- default: result = key + '=' + encodeURIComponent(value);
- }
- if (value != undefined) queryString.push(result);
- });
-
- return queryString.join('&');
- }
-});
+ Plugins: {}
-Hash.alias({keyOf: 'indexOf', hasValue: 'contains'});
+};
-/*
-Script: Event.js
- Contains the Event Native, to make the event object completely crossbrowser.
+Browser[Browser.name] = true;
+Browser[Browser.name + parseInt(Browser.version, 10)] = true;
+Browser.Platform[Browser.Platform.name] = true;
-License:
- MIT-style license.
-*/
+// Request
-var Event = new Native({
+Browser.Request = (function(){
- name: 'Event',
+ var XMLHTTP = function(){
+ return new XMLHttpRequest();
+ };
- initialize: function(event, win){
- win = win || window;
- var doc = win.document;
- event = event || win.event;
- if (event.$extended) return event;
- this.$extended = true;
- var type = event.type;
- var target = event.target || event.srcElement;
- while (target && target.nodeType == 3) target = target.parentNode;
-
- if (type.test(/key/)){
- var code = event.which || event.keyCode;
- var key = Event.Keys.keyOf(code);
- if (type == 'keydown'){
- var fKey = code - 111;
- if (fKey > 0 && fKey < 13) key = 'f' + fKey;
- }
- key = key || String.fromCharCode(code).toLowerCase();
- } else if (type.match(/(click|mouse|menu)/i)){
- doc = (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body;
- var page = {
- x: event.pageX || event.clientX + doc.scrollLeft,
- y: event.pageY || event.clientY + doc.scrollTop
- };
- var client = {
- x: (event.pageX) ? event.pageX - win.pageXOffset : event.clientX,
- y: (event.pageY) ? event.pageY - win.pageYOffset : event.clientY
- };
- if (type.match(/DOMMouseScroll|mousewheel/)){
- var wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
- }
- var rightClick = (event.which == 3) || (event.button == 2);
- var related = null;
- if (type.match(/over|out/)){
- switch (type){
- case 'mouseover': related = event.relatedTarget || event.fromElement; break;
- case 'mouseout': related = event.relatedTarget || event.toElement;
- }
- if (!(function(){
- while (related && related.nodeType == 3) related = related.parentNode;
- return true;
- }).create({attempt: Browser.Engine.gecko})()) related = false;
- }
- }
+ var MSXML2 = function(){
+ return new ActiveXObject('MSXML2.XMLHTTP');
+ };
- return $extend(this, {
- event: event,
- type: type,
-
- page: page,
- client: client,
- rightClick: rightClick,
-
- wheel: wheel,
-
- relatedTarget: related,
- target: target,
-
- code: code,
- key: key,
-
- shift: event.shiftKey,
- control: event.ctrlKey,
- alt: event.altKey,
- meta: event.metaKey
- });
- }
+ var MSXML = function(){
+ return new ActiveXObject('Microsoft.XMLHTTP');
+ };
-});
+ return Function.attempt(function(){
+ XMLHTTP();
+ return XMLHTTP;
+ }, function(){
+ MSXML2();
+ return MSXML2;
+ }, function(){
+ MSXML();
+ return MSXML;
+ });
-Event.Keys = new Hash({
- 'enter': 13,
- 'up': 38,
- 'down': 40,
- 'left': 37,
- 'right': 39,
- 'esc': 27,
- 'space': 32,
- 'backspace': 8,
- 'tab': 9,
- 'delete': 46
-});
+})();
-Event.implement({
+Browser.Features.xhr = !!(Browser.Request);
- stop: function(){
- return this.stopPropagation().preventDefault();
- },
+// Flash detection
- stopPropagation: function(){
- if (this.event.stopPropagation) this.event.stopPropagation();
- else this.event.cancelBubble = true;
- return this;
- },
+var version = (Function.attempt(function(){
+ return navigator.plugins['Shockwave Flash'].description;
+}, function(){
+ return new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version');
+}) || '0 r0').match(/\d+/g);
- preventDefault: function(){
- if (this.event.preventDefault) this.event.preventDefault();
- else this.event.returnValue = false;
- return this;
+Browser.Plugins.Flash = {
+ version: Number(version[0] || '0.' + version[1]) || 0,
+ build: Number(version[2]) || 0
+};
+
+// String scripts
+
+Browser.exec = function(text){
+ if (!text) return text;
+ if (window.execScript){
+ window.execScript(text);
+ } else {
+ var script = document.createElement('script');
+ script.setAttribute('type', 'text/javascript');
+ script.text = text;
+ document.head.appendChild(script);
+ document.head.removeChild(script);
}
+ return text;
+};
+String.implement('stripScripts', function(exec){
+ var scripts = '';
+ var text = this.replace(/<script[^>]*>([\s\S]*?)<\/script>/gi, function(all, code){
+ scripts += code + '\n';
+ return '';
+ });
+ if (exec === true) Browser.exec(scripts);
+ else if (typeOf(exec) == 'function') exec(scripts, text);
+ return text;
});
-/*
-Script: Class.js
- Contains the Class Function for easily creating, extending, and implementing reusable Classes.
+// Window, Document
-License:
- MIT-style license.
-*/
+Browser.extend({
+ Document: this.Document,
+ Window: this.Window,
+ Element: this.Element,
+ Event: this.Event
+});
-var Class = new Native({
+this.Window = this.$constructor = new Type('Window', function(){});
- name: 'Class',
+this.$family = Function.from('window').hide();
- initialize: function(properties){
- properties = properties || {};
- var klass = function(empty){
- for (var key in this) this[key] = $unlink(this[key]);
- for (var mutator in Class.Mutators){
- if (!this[mutator]) continue;
- Class.Mutators[mutator](this, this[mutator]);
- delete this[mutator];
- }
+Window.mirror(function(name, method){
+ window[name] = method;
+});
- this.constructor = klass;
- if (empty === $empty) return this;
-
- var self = (this.initialize) ? this.initialize.apply(this, arguments) : this;
- if (this.options && this.options.initialize) this.options.initialize.call(this);
- return self;
- };
+this.Document = document.$constructor = new Type('Document', function(){});
- $extend(klass, this);
- klass.constructor = Class;
- klass.prototype = properties;
- return klass;
- }
+document.$family = Function.from('document').hide();
+Document.mirror(function(name, method){
+ document[name] = method;
});
-Class.implement({
+document.html = document.documentElement;
+document.head = document.getElementsByTagName('head')[0];
- implement: function(){
- Class.Mutators.Implements(this.prototype, Array.slice(arguments));
- return this;
- }
+if (document.execCommand) try {
+ document.execCommand("BackgroundImageCache", false, true);
+} catch (e){}
-});
+if (this.attachEvent && !this.addEventListener){
+ var unloadEvent = function(){
+ this.detachEvent('onunload', unloadEvent);
+ document.head = document.html = document.window = null;
+ };
+ this.attachEvent('onunload', unloadEvent);
+}
+
+// IE fails on collections and <select>.options (refers to <select>)
+var arrayFrom = Array.from;
+try {
+ arrayFrom(document.html.childNodes);
+} catch(e){
+ Array.from = function(item){
+ if (typeof item != 'string' && Type.isEnumerable(item) && typeOf(item) != 'array'){
+ var i = item.length, array = new Array(i);
+ while (i--) array[i] = item[i];
+ return array;
+ }
+ return arrayFrom(item);
+ };
-Class.Mutators = {
-
- Implements: function(self, klasses){
- $splat(klasses).each(function(klass){
- $extend(self, ($type(klass) == 'class') ? new klass($empty) : klass);
- });
- },
-
- Extends: function(self, klass){
- var instance = new klass($empty);
- delete instance.parent;
- delete instance.parentOf;
-
- for (var key in instance){
- var current = self[key], previous = instance[key];
- if (current == undefined){
- self[key] = previous;
- continue;
- }
-
- var ctype = $type(current), ptype = $type(previous);
- if (ctype != ptype) continue;
-
- switch (ctype){
- case 'function':
- // this code will be only executed if the current browser does not support function.caller (currently only opera).
- // we replace the function code with brute force. Not pretty, but it will only be executed if function.caller is not supported.
-
- if (!arguments.callee.caller) self[key] = eval('(' + String(current).replace(/\bthis\.parent\(\s*(\))?/g, function(full, close){
- return 'arguments.callee._parent_.call(this' + (close || ', ');
- }) + ')');
-
- // end "opera" code
- self[key]._parent_ = previous;
- break;
- case 'object': self[key] = $merge(previous, current);
- }
-
- }
-
- self.parent = function(){
- return arguments.callee.caller._parent_.apply(this, arguments);
- };
-
- self.parentOf = function(descendant){
- return descendant._parent_.apply(this, Array.slice(arguments, 1));
- };
- }
-
-};
+ var prototype = Array.prototype,
+ slice = prototype.slice;
+ ['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift', 'concat', 'join', 'slice'].each(function(name){
+ var method = prototype[name];
+ Array[name] = function(item){
+ return method.apply(Array.from(item), slice.call(arguments, 1));
+ };
+ });
+}
+//<1.2compat>
-/*
-Script: Class.Extras.js
- Contains Utility Classes that can be implemented into your own Classes to ease the execution of many common tasks.
+if (Browser.Platform.ios) Browser.Platform.ipod = true;
-License:
- MIT-style license.
+Browser.Engine = {};
+
+var setEngine = function(name, version){
+ Browser.Engine.name = name;
+ Browser.Engine[name + version] = true;
+ Browser.Engine.version = version;
+};
+
+if (Browser.ie){
+ Browser.Engine.trident = true;
+
+ switch (Browser.version){
+ case 6: setEngine('trident', 4); break;
+ case 7: setEngine('trident', 5); break;
+ case 8: setEngine('trident', 6);
+ }
+}
+
+if (Browser.firefox){
+ Browser.Engine.gecko = true;
+
+ if (Browser.version >= 3) setEngine('gecko', 19);
+ else setEngine('gecko', 18);
+}
+
+if (Browser.safari || Browser.chrome){
+ Browser.Engine.webkit = true;
+
+ switch (Browser.version){
+ case 2: setEngine('webkit', 419); break;
+ case 3: setEngine('webkit', 420); break;
+ case 4: setEngine('webkit', 525);
+ }
+}
+
+if (Browser.opera){
+ Browser.Engine.presto = true;
+
+ if (Browser.version >= 9.6) setEngine('presto', 960);
+ else if (Browser.version >= 9.5) setEngine('presto', 950);
+ else setEngine('presto', 925);
+}
+
+if (Browser.name == 'unknown'){
+ switch ((ua.match(/(?:webkit|khtml|gecko)/) || [])[0]){
+ case 'webkit':
+ case 'khtml':
+ Browser.Engine.webkit = true;
+ break;
+ case 'gecko':
+ Browser.Engine.gecko = true;
+ }
+}
+
+this.$exec = Browser.exec;
+
+//</1.2compat>
+
+})();
+
+
+/*
+---
+
+name: Object
+
+description: Object generic methods
+
+license: MIT-style license.
+
+requires: Type
+
+provides: [Object, Hash]
+
+...
*/
-var Chain = new Class({
- chain: function(){
- this.$chain = (this.$chain || []).extend(arguments);
+Object.extend({
+
+ subset: function(object, keys){
+ var results = {};
+ for (var i = 0, l = keys.length; i < l; i++){
+ var k = keys[i];
+ results[k] = object[k];
+ }
+ return results;
+ },
+
+ map: function(object, fn, bind){
+ var results = {};
+ for (var key in object){
+ if (object.hasOwnProperty(key)) results[key] = fn.call(bind, object[key], key, object);
+ }
+ return results;
+ },
+
+ filter: function(object, fn, bind){
+ var results = {};
+ Object.each(object, function(value, key){
+ if (fn.call(bind, value, key, object)) results[key] = value;
+ });
+ return results;
+ },
+
+ every: function(object, fn, bind){
+ for (var key in object){
+ if (object.hasOwnProperty(key) && !fn.call(bind, object[key], key)) return false;
+ }
+ return true;
+ },
+
+ some: function(object, fn, bind){
+ for (var key in object){
+ if (object.hasOwnProperty(key) && fn.call(bind, object[key], key)) return true;
+ }
+ return false;
+ },
+
+ keys: function(object){
+ var keys = [];
+ for (var key in object){
+ if (object.hasOwnProperty(key)) keys.push(key);
+ }
+ return keys;
+ },
+
+ values: function(object){
+ var values = [];
+ for (var key in object){
+ if (object.hasOwnProperty(key)) values.push(object[key]);
+ }
+ return values;
+ },
+
+ getLength: function(object){
+ return Object.keys(object).length;
+ },
+
+ keyOf: function(object, value){
+ for (var key in object){
+ if (object.hasOwnProperty(key) && object[key] === value) return key;
+ }
+ return null;
+ },
+
+ contains: function(object, value){
+ return Object.keyOf(object, value) != null;
+ },
+
+ toQueryString: function(object, base){
+ var queryString = [];
+
+ Object.each(object, function(value, key){
+ if (base) key = base + '[' + key + ']';
+ var result;
+ switch (typeOf(value)){
+ case 'object': result = Object.toQueryString(value, key); break;
+ case 'array':
+ var qs = {};
+ value.each(function(val, i){
+ qs[i] = val;
+ });
+ result = Object.toQueryString(qs, key);
+ break;
+ default: result = key + '=' + encodeURIComponent(value);
+ }
+ if (value != null) queryString.push(result);
+ });
+
+ return queryString.join('&');
+ }
+
+});
+
+
+//<1.2compat>
+
+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;
},
- callChain: function(){
- return (this.$chain && this.$chain.length) ? this.$chain.shift().apply(this, arguments) : false;
+ combine: function(properties){
+ Hash.each(properties || {}, function(value, key){
+ Hash.include(this, key, value);
+ }, this);
+ return this;
},
- clearChain: function(){
- if (this.$chain) this.$chain.empty();
+ 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] == null) 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.extend = Object.append;
+
+Hash.alias({indexOf: 'keyOf', contains: 'hasValue'});
+
+//</1.2compat>
+
+
+/*
+---
+
+name: Event
+
+description: Contains the Event Class, to make the event object cross-browser.
+
+license: MIT-style license.
+
+requires: [Window, Document, Array, Function, String, Object]
+
+provides: Event
+
+...
+*/
+
+var Event = new Type('Event', function(event, win){
+ if (!win) win = window;
+ var doc = win.document;
+ event = event || win.event;
+ if (event.$extended) return event;
+ this.$extended = true;
+ var type = event.type,
+ target = event.target || event.srcElement,
+ page = {},
+ client = {};
+ while (target && target.nodeType == 3) target = target.parentNode;
+
+ if (type.indexOf('key') != -1){
+ var code = event.which || event.keyCode;
+ var key = Object.keyOf(Event.Keys, code);
+ if (type == 'keydown'){
+ var fKey = code - 111;
+ if (fKey > 0 && fKey < 13) key = 'f' + fKey;
+ }
+ if (!key) key = String.fromCharCode(code).toLowerCase();
+ } else if (type.test(/click|mouse|menu/i)){
+ doc = (!doc.compatMode || doc.compatMode == 'CSS1Compat') ? doc.html : doc.body;
+ page = {
+ x: (event.pageX != null) ? event.pageX : event.clientX + doc.scrollLeft,
+ y: (event.pageY != null) ? event.pageY : event.clientY + doc.scrollTop
+ };
+ client = {
+ x: (event.pageX != null) ? event.pageX - win.pageXOffset : event.clientX,
+ y: (event.pageY != null) ? event.pageY - win.pageYOffset : event.clientY
+ };
+ if (type.test(/DOMMouseScroll|mousewheel/)){
+ var wheel = (event.wheelDelta) ? event.wheelDelta / 120 : -(event.detail || 0) / 3;
+ }
+ var rightClick = (event.which == 3) || (event.button == 2),
+ related = null;
+ if (type.test(/over|out/)){
+ related = event.relatedTarget || event[(type == 'mouseover' ? 'from' : 'to') + 'Element'];
+ var testRelated = function(){
+ while (related && related.nodeType == 3) related = related.parentNode;
+ return true;
+ };
+ var hasRelated = (Browser.firefox2) ? testRelated.attempt() : testRelated();
+ related = (hasRelated) ? related : null;
+ }
+ } else if (type.test(/gesture|touch/i)){
+ this.rotation = event.rotation;
+ this.scale = event.scale;
+ this.targetTouches = event.targetTouches;
+ this.changedTouches = event.changedTouches;
+ var touches = this.touches = event.touches;
+ if (touches && touches[0]){
+ var touch = touches[0];
+ page = {x: touch.pageX, y: touch.pageY};
+ client = {x: touch.clientX, y: touch.clientY};
+ }
+ }
+
+ return Object.append(this, {
+ event: event,
+ type: type,
+
+ page: page,
+ client: client,
+ rightClick: rightClick,
+
+ wheel: wheel,
+
+ relatedTarget: document.id(related),
+ target: document.id(target),
+
+ code: code,
+ key: key,
+
+ shift: event.shiftKey,
+ control: event.ctrlKey,
+ alt: event.altKey,
+ meta: event.metaKey
+ });
+});
+
+Event.Keys = {
+ 'enter': 13,
+ 'up': 38,
+ 'down': 40,
+ 'left': 37,
+ 'right': 39,
+ 'esc': 27,
+ 'space': 32,
+ 'backspace': 8,
+ 'tab': 9,
+ 'delete': 46
+};
+
+//<1.2compat>
+
+Event.Keys = new Hash(Event.Keys);
+
+//</1.2compat>
+
+Event.implement({
+
+ stop: function(){
+ return this.stopPropagation().preventDefault();
+ },
+
+ stopPropagation: function(){
+ if (this.event.stopPropagation) this.event.stopPropagation();
+ else this.event.cancelBubble = true;
+ return this;
+ },
+
+ preventDefault: function(){
+ if (this.event.preventDefault) this.event.preventDefault();
+ else this.event.returnValue = false;
return this;
}
});
-var Events = new Class({
- addEvent: function(type, fn, internal){
- type = Events.removeOn(type);
- if (fn != $empty){
- this.$events = this.$events || {};
- this.$events[type] = this.$events[type] || [];
- this.$events[type].include(fn);
- if (internal) fn.internal = true;
- }
- return this;
- },
+/*
+---
+
+name: Class
+
+description: Contains the Class Function for easily creating, extending, and implementing reusable Classes.
+
+license: MIT-style license.
+
+requires: [Array, String, Function, Number]
+
+provides: Class
+
+...
+*/
+
+(function(){
+
+var Class = this.Class = new Type('Class', function(params){
+ if (instanceOf(params, Function)) params = {initialize: params};
+
+ var newClass = function(){
+ reset(this);
+ if (newClass.$prototyping) return this;
+ this.$caller = null;
+ var value = (this.initialize) ? this.initialize.apply(this, arguments) : this;
+ this.$caller = this.caller = null;
+ return value;
+ }.extend(this).implement(params);
+
+ newClass.$constructor = Class;
+ newClass.prototype.$constructor = newClass;
+ newClass.prototype.parent = parent;
+
+ return newClass;
+});
+
+var parent = function(){
+ if (!this.$caller) throw new Error('The method "parent" cannot be called.');
+ var name = this.$caller.$name,
+ parent = this.$caller.$owner.parent,
+ previous = (parent) ? parent.prototype[name] : null;
+ if (!previous) throw new Error('The method "' + name + '" has no parent.');
+ return previous.apply(this, arguments);
+};
+
+var reset = function(object){
+ for (var key in object){
+ var value = object[key];
+ switch (typeOf(value)){
+ case 'object':
+ var F = function(){};
+ F.prototype = value;
+ object[key] = reset(new F);
+ break;
+ case 'array': object[key] = value.clone(); break;
+ }
+ }
+ return object;
+};
+
+var wrap = function(self, key, method){
+ if (method.$origin) method = method.$origin;
+ var wrapper = function(){
+ if (method.$protected && this.$caller == null) throw new Error('The method "' + key + '" cannot be called.');
+ var caller = this.caller, current = this.$caller;
+ this.caller = current; this.$caller = wrapper;
+ var result = method.apply(this, arguments);
+ this.$caller = current; this.caller = caller;
+ return result;
+ }.extend({$owner: self, $origin: method, $name: key});
+ return wrapper;
+};
+
+var implement = function(key, value, retain){
+ if (Class.Mutators.hasOwnProperty(key)){
+ value = Class.Mutators[key].call(this, value);
+ if (value == null) return this;
+ }
+
+ if (typeOf(value) == 'function'){
+ if (value.$hidden) return this;
+ this.prototype[key] = (retain) ? value : wrap(this, key, value);
+ } else {
+ Object.merge(this.prototype, key, value);
+ }
+
+ return this;
+};
+
+var getInstance = function(klass){
+ klass.$prototyping = true;
+ var proto = new klass;
+ delete klass.$prototyping;
+ return proto;
+};
+
+Class.implement('implement', implement.overloadSetter());
+
+Class.Mutators = {
+
+ Extends: function(parent){
+ this.parent = parent;
+ this.prototype = getInstance(parent);
+ },
+
+ Implements: function(items){
+ Array.from(items).each(function(item){
+ var instance = new item;
+ for (var key in instance) implement.call(this, key, instance[key], true);
+ }, this);
+ }
+};
+
+})();
+
+
+/*
+---
+
+name: Class.Extras
+
+description: Contains Utility Classes that can be implemented into your own Classes to ease the execution of many common tasks.
+
+license: MIT-style license.
+
+requires: Class
+
+provides: [Class.Extras, Chain, Events, Options]
+
+...
+*/
+
+(function(){
+
+this.Chain = new Class({
+
+ $chain: [],
+
+ chain: function(){
+ this.$chain.append(Array.flatten(arguments));
+ return this;
+ },
+
+ callChain: function(){
+ return (this.$chain.length) ? this.$chain.shift().apply(this, arguments) : false;
+ },
+
+ clearChain: function(){
+ this.$chain.empty();
+ return this;
+ }
+
+});
+
+var removeOn = function(string){
+ return string.replace(/^on([A-Z])/, function(full, first){
+ return first.toLowerCase();
+ });
+};
+
+this.Events = new Class({
+
+ $events: {},
+
+ addEvent: function(type, fn, internal){
+ type = removeOn(type);
+
+ /*<1.2compat>*/
+ if (fn == $empty) return this;
+ /*</1.2compat>*/
+
+ this.$events[type] = (this.$events[type] || []).include(fn);
+ if (internal) fn.internal = true;
+ return this;
+ },
+
+ addEvents: function(events){
+ for (var type in events) this.addEvent(type, events[type]);
+ return this;
+ },
+
+ fireEvent: function(type, args, delay){
+ type = removeOn(type);
+ var events = this.$events[type];
+ if (!events) return this;
+ args = Array.from(args);
+ events.each(function(fn){
+ if (delay) fn.delay(delay, this, args);
+ else fn.apply(this, args);
+ }, this);
+ return this;
+ },
+
+ removeEvent: function(type, fn){
+ type = removeOn(type);
+ var events = this.$events[type];
+ if (events && !fn.internal){
+ var index = events.indexOf(fn);
+ if (index != -1) delete events[index];
+ }
+ return this;
+ },
+
+ removeEvents: function(events){
+ var type;
+ if (typeOf(events) == 'object'){
+ for (type in events) this.removeEvent(type, events[type]);
+ return this;
+ }
+ if (events) events = removeOn(events);
+ for (type in this.$events){
+ if (events && events != type) continue;
+ var fns = this.$events[type];
+ for (var i = fns.length; i--;) this.removeEvent(type, fns[i]);
+ }
+ return this;
+ }
+
+});
+
+this.Options = new Class({
+
+ setOptions: function(){
+ var options = this.options = Object.merge.apply(null, [{}, this.options].append(arguments));
+ if (!this.addEvent) return this;
+ for (var option in options){
+ if (typeOf(options[option]) != 'function' || !(/^on[A-Z]/).test(option)) continue;
+ this.addEvent(option, options[option]);
+ delete options[option];
+ }
+ return this;
+ }
+
+});
+
+})();
+
+
+/*
+---
+name: Slick.Parser
+description: Standalone CSS3 Selector parser
+provides: Slick.Parser
+...
+*/
+
+(function(){
+
+var parsed,
+ separatorIndex,
+ combinatorIndex,
+ reversed,
+ cache = {},
+ reverseCache = {},
+ reUnescape = /\\/g;
+
+var parse = function(expression, isReversed){
+ if (expression == null) return null;
+ if (expression.Slick === true) return expression;
+ expression = ('' + expression).replace(/^\s+|\s+$/g, '');
+ reversed = !!isReversed;
+ var currentCache = (reversed) ? reverseCache : cache;
+ if (currentCache[expression]) return currentCache[expression];
+ parsed = {Slick: true, expressions: [], raw: expression, reverse: function(){
+ return parse(this.raw, true);
+ }};
+ separatorIndex = -1;
+ while (expression != (expression = expression.replace(regexp, parser)));
+ parsed.length = parsed.expressions.length;
+ return currentCache[expression] = (reversed) ? reverse(parsed) : parsed;
+};
+
+var reverseCombinator = function(combinator){
+ if (combinator === '!') return ' ';
+ else if (combinator === ' ') return '!';
+ else if ((/^!/).test(combinator)) return combinator.replace(/^!/, '');
+ else return '!' + combinator;
+};
+
+var reverse = function(expression){
+ var expressions = expression.expressions;
+ for (var i = 0; i < expressions.length; i++){
+ var exp = expressions[i];
+ var last = {parts: [], tag: '*', combinator: reverseCombinator(exp[0].combinator)};
+
+ for (var j = 0; j < exp.length; j++){
+ var cexp = exp[j];
+ if (!cexp.reverseCombinator) cexp.reverseCombinator = ' ';
+ cexp.combinator = cexp.reverseCombinator;
+ delete cexp.reverseCombinator;
+ }
+
+ exp.reverse().push(last);
+ }
+ return expression;
+};
+
+var escapeRegExp = function(string){// Credit: XRegExp 0.6.1 (c) 2007-2008 Steven Levithan <http://stevenlevithan.com/regex/xregexp/> MIT License
+ return string.replace(/[-[\]{}()*+?.\\^$|,#\s]/g, "\\$&");
+};
+
+var regexp = new RegExp(
+/*
+#!/usr/bin/env ruby
+puts "\t\t" + DATA.read.gsub(/\(\?x\)|\s+#.*$|\s+|\\$|\\n/,'')
+__END__
+ "(?x)^(?:\
+ \\s* ( , ) \\s* # Separator \n\
+ | \\s* ( <combinator>+ ) \\s* # Combinator \n\
+ | ( \\s+ ) # CombinatorChildren \n\
+ | ( <unicode>+ | \\* ) # Tag \n\
+ | \\# ( <unicode>+ ) # ID \n\
+ | \\. ( <unicode>+ ) # ClassName \n\
+ | # Attribute \n\
+ \\[ \
+ \\s* (<unicode1>+) (?: \
+ \\s* ([*^$!~|]?=) (?: \
+ \\s* (?:\
+ ([\"']?)(.*?)\\9 \
+ )\
+ ) \
+ )? \\s* \
+ \\](?!\\]) \n\
+ | :+ ( <unicode>+ )(?:\
+ \\( (?:\
+ (?:([\"'])([^\\12]*)\\12)|((?:\\([^)]+\\)|[^()]*)+)\
+ ) \\)\
+ )?\
+ )"
+*/
+ "^(?:\\s*(,)\\s*|\\s*(<combinator>+)\\s*|(\\s+)|(<unicode>+|\\*)|\\#(<unicode>+)|\\.(<unicode>+)|\\[\\s*(<unicode1>+)(?:\\s*([*^$!~|]?=)(?:\\s*(?:([\"']?)(.*?)\\9)))?\\s*\\](?!\\])|:+(<unicode>+)(?:\\((?:(?:([\"'])([^\\12]*)\\12)|((?:\\([^)]+\\)|[^()]*)+))\\))?)"
+ .replace(/<combinator>/, '[' + escapeRegExp(">+~`!@$%^&={}\\;</") + ']')
+ .replace(/<unicode>/g, '(?:[\\w\\u00a1-\\uFFFF-]|\\\\[^\\s0-9a-f])')
+ .replace(/<unicode1>/g, '(?:[:\\w\\u00a1-\\uFFFF-]|\\\\[^\\s0-9a-f])')
+);
+
+function parser(
+ rawMatch,
+
+ separator,
+ combinator,
+ combinatorChildren,
+
+ tagName,
+ id,
+ className,
+
+ attributeKey,
+ attributeOperator,
+ attributeQuote,
+ attributeValue,
+
+ pseudoClass,
+ pseudoQuote,
+ pseudoClassQuotedValue,
+ pseudoClassValue
+){
+ if (separator || separatorIndex === -1){
+ parsed.expressions[++separatorIndex] = [];
+ combinatorIndex = -1;
+ if (separator) return '';
+ }
+
+ if (combinator || combinatorChildren || combinatorIndex === -1){
+ combinator = combinator || ' ';
+ var currentSeparator = parsed.expressions[separatorIndex];
+ if (reversed && currentSeparator[combinatorIndex])
+ currentSeparator[combinatorIndex].reverseCombinator = reverseCombinator(combinator);
+ currentSeparator[++combinatorIndex] = {combinator: combinator, tag: '*'};
+ }
+
+ var currentParsed = parsed.expressions[separatorIndex][combinatorIndex];
+
+ if (tagName){
+ currentParsed.tag = tagName.replace(reUnescape, '');
+
+ } else if (id){
+ currentParsed.id = id.replace(reUnescape, '');
+
+ } else if (className){
+ className = className.replace(reUnescape, '');
+
+ if (!currentParsed.classList) currentParsed.classList = [];
+ if (!currentParsed.classes) currentParsed.classes = [];
+ currentParsed.classList.push(className);
+ currentParsed.classes.push({
+ value: className,
+ regexp: new RegExp('(^|\\s)' + escapeRegExp(className) + '(\\s|$)')
+ });
+
+ } else if (pseudoClass){
+ pseudoClassValue = pseudoClassValue || pseudoClassQuotedValue;
+ pseudoClassValue = pseudoClassValue ? pseudoClassValue.replace(reUnescape, '') : null;
+
+ if (!currentParsed.pseudos) currentParsed.pseudos = [];
+ currentParsed.pseudos.push({
+ key: pseudoClass.replace(reUnescape, ''),
+ value: pseudoClassValue
+ });
+
+ } else if (attributeKey){
+ attributeKey = attributeKey.replace(reUnescape, '');
+ attributeValue = (attributeValue || '').replace(reUnescape, '');
+
+ var test, regexp;
+
+ switch (attributeOperator){
+ case '^=' : regexp = new RegExp( '^'+ escapeRegExp(attributeValue) ); break;
+ case '$=' : regexp = new RegExp( escapeRegExp(attributeValue) +'$' ); break;
+ case '~=' : regexp = new RegExp( '(^|\\s)'+ escapeRegExp(attributeValue) +'(\\s|$)' ); break;
+ case '|=' : regexp = new RegExp( '^'+ escapeRegExp(attributeValue) +'(-|$)' ); break;
+ case '=' : test = function(value){
+ return attributeValue == value;
+ }; break;
+ case '*=' : test = function(value){
+ return value && value.indexOf(attributeValue) > -1;
+ }; break;
+ case '!=' : test = function(value){
+ return attributeValue != value;
+ }; break;
+ default : test = function(value){
+ return !!value;
+ };
+ }
+
+ if (attributeValue == '' && (/^[*$^]=$/).test(attributeOperator)) test = function(){
+ return false;
+ };
+
+ if (!test) test = function(value){
+ return value && regexp.test(value);
+ };
+
+ if (!currentParsed.attributes) currentParsed.attributes = [];
+ currentParsed.attributes.push({
+ key: attributeKey,
+ operator: attributeOperator,
+ value: attributeValue,
+ test: test
+ });
+
+ }
+
+ return '';
+};
+
+// Slick NS
+
+var Slick = (this.Slick || {});
+
+Slick.parse = function(expression){
+ return parse(expression);
+};
+
+Slick.escapeRegExp = escapeRegExp;
+
+if (!this.Slick) this.Slick = Slick;
+
+}).apply(/*<CommonJS>*/(typeof exports != 'undefined') ? exports : /*</CommonJS>*/this);
+
+
+/*
+---
+name: Slick.Finder
+description: The new, superfast css selector engine.
+provides: Slick.Finder
+requires: Slick.Parser
+...
+*/
+
+(function(){
+
+var local = {};
+
+// Feature / Bug detection
+
+local.isNativeCode = function(fn){
+ return (/\{\s*\[native code\]\s*\}/).test('' + fn);
+};
+
+local.isXML = function(document){
+ return (!!document.xmlVersion) || (!!document.xml) || (Object.prototype.toString.call(document) === '[object XMLDocument]') ||
+ (document.nodeType === 9 && document.documentElement.nodeName !== 'HTML');
+};
+
+local.setDocument = function(document){
+
+ // convert elements / window arguments to document. if document cannot be extrapolated, the function returns.
+
+ if (document.nodeType === 9); // document
+ else if (document.ownerDocument) document = document.ownerDocument; // node
+ else if (document.navigator) document = document.document; // window
+ else return;
+
+ // check if it's the old document
+
+ if (this.document === document) return;
+ this.document = document;
+ var root = this.root = document.documentElement;
+
+ this.isXMLDocument = this.isXML(document);
+
+ this.brokenStarGEBTN
+ = this.starSelectsClosedQSA
+ = this.idGetsName
+ = this.brokenMixedCaseQSA
+ = this.brokenGEBCN
+ = this.brokenCheckedQSA
+ = this.brokenEmptyAttributeQSA
+ = this.isHTMLDocument
+ = false;
+
+ var starSelectsClosed, starSelectsComments,
+ brokenSecondClassNameGEBCN, cachedGetElementsByClassName;
+
+ var selected, id;
+ var testNode = document.createElement('div');
+ root.appendChild(testNode);
+
+ // on non-HTML documents innerHTML and getElementsById doesnt work properly
+ try {
+ id = 'slick_getbyid_test';
+ testNode.innerHTML = '<a id="'+id+'"></a>';
+ this.isHTMLDocument = !!document.getElementById(id);
+ } catch(e){};
+
+ if (this.isHTMLDocument){
+
+ testNode.style.display = 'none';
+
+ // IE returns comment nodes for getElementsByTagName('*') for some documents
+ testNode.appendChild(document.createComment(''));
+ starSelectsComments = (testNode.getElementsByTagName('*').length > 0);
+
+ // IE returns closed nodes (EG:"</foo>") for getElementsByTagName('*') for some documents
+ try {
+ testNode.innerHTML = 'foo</foo>';
+ selected = testNode.getElementsByTagName('*');
+ starSelectsClosed = (selected && selected.length && selected[0].nodeName.charAt(0) == '/');
+ } catch(e){};
+
+ this.brokenStarGEBTN = starSelectsComments || starSelectsClosed;
+
+ // IE 8 returns closed nodes (EG:"</foo>") for querySelectorAll('*') for some documents
+ if (testNode.querySelectorAll) try {
+ testNode.innerHTML = 'foo</foo>';
+ selected = testNode.querySelectorAll('*');
+ this.starSelectsClosedQSA = (selected && selected.length && selected[0].nodeName.charAt(0) == '/');
+ } catch(e){};
+
+ // IE returns elements with the name instead of just id for getElementsById for some documents
+ try {
+ id = 'slick_id_gets_name';
+ testNode.innerHTML = '<a name="'+id+'"></a><b id="'+id+'"></b>';
+ this.idGetsName = document.getElementById(id) === testNode.firstChild;
+ } catch(e){};
+
+ // Safari 3.2 querySelectorAll doesnt work with mixedcase on quirksmode
+ try {
+ testNode.innerHTML = '<a class="MiXedCaSe"></a>';
+ this.brokenMixedCaseQSA = !testNode.querySelectorAll('.MiXedCaSe').length;
+ } catch(e){};
+
+ try {
+ testNode.innerHTML = '<a class="f"></a><a class="b"></a>';
+ testNode.getElementsByClassName('b').length;
+ testNode.firstChild.className = 'b';
+ cachedGetElementsByClassName = (testNode.getElementsByClassName('b').length != 2);
+ } catch(e){};
+
+ // Opera 9.6 getElementsByClassName doesnt detects the class if its not the first one
+ try {
+ testNode.innerHTML = '<a class="a"></a><a class="f b a"></a>';
+ brokenSecondClassNameGEBCN = (testNode.getElementsByClassName('a').length != 2);
+ } catch(e){};
+
+ this.brokenGEBCN = cachedGetElementsByClassName || brokenSecondClassNameGEBCN;
+
+ // Webkit dont return selected options on querySelectorAll
+ try {
+ testNode.innerHTML = '<select><option selected="selected">a</option></select>';
+ this.brokenCheckedQSA = (testNode.querySelectorAll(':checked').length == 0);
+ } catch(e){};
+
+ // IE returns incorrect results for attr[*^$]="" selectors on querySelectorAll
+ try {
+ testNode.innerHTML = '<a class=""></a>';
+ this.brokenEmptyAttributeQSA = (testNode.querySelectorAll('[class*=""]').length != 0);
+ } catch(e){};
+
+ }
+
+ root.removeChild(testNode);
+ testNode = null;
+
+ // hasAttribute
+
+ this.hasAttribute = (root && this.isNativeCode(root.hasAttribute)) ? function(node, attribute) {
+ return node.hasAttribute(attribute);
+ } : function(node, attribute) {
+ node = node.getAttributeNode(attribute);
+ return !!(node && (node.specified || node.nodeValue));
+ };
+
+ // contains
+ // FIXME: Add specs: local.contains should be different for xml and html documents?
+ this.contains = (root && this.isNativeCode(root.contains)) ? function(context, node){
+ return context.contains(node);
+ } : (root && root.compareDocumentPosition) ? function(context, node){
+ return context === node || !!(context.compareDocumentPosition(node) & 16);
+ } : function(context, node){
+ if (node) do {
+ if (node === context) return true;
+ } while ((node = node.parentNode));
+ return false;
+ };
+
+ // document order sorting
+ // credits to Sizzle (http://sizzlejs.com/)
+
+ this.documentSorter = (root.compareDocumentPosition) ? function(a, b){
+ if (!a.compareDocumentPosition || !b.compareDocumentPosition) return 0;
+ return a.compareDocumentPosition(b) & 4 ? -1 : a === b ? 0 : 1;
+ } : ('sourceIndex' in root) ? function(a, b){
+ if (!a.sourceIndex || !b.sourceIndex) return 0;
+ return a.sourceIndex - b.sourceIndex;
+ } : (document.createRange) ? function(a, b){
+ if (!a.ownerDocument || !b.ownerDocument) return 0;
+ var aRange = a.ownerDocument.createRange(), bRange = b.ownerDocument.createRange();
+ aRange.setStart(a, 0);
+ aRange.setEnd(a, 0);
+ bRange.setStart(b, 0);
+ bRange.setEnd(b, 0);
+ return aRange.compareBoundaryPoints(Range.START_TO_END, bRange);
+ } : null ;
+
+ this.getUID = (this.isHTMLDocument) ? this.getUIDHTML : this.getUIDXML;
+
+};
+
+// Main Method
+
+local.search = function(context, expression, append, first){
+
+ var found = this.found = (first) ? null : (append || []);
+
+ // context checks
+
+ if (!context) return found; // No context
+ if (context.navigator) context = context.document; // Convert the node from a window to a document
+ else if (!context.nodeType) return found; // Reject misc junk input
+
+ // setup
+
+ var parsed, i;
+
+ var uniques = this.uniques = {};
+
+ if (this.document !== (context.ownerDocument || context)) this.setDocument(context);
+
+ // should sort if there are nodes in append and if you pass multiple expressions.
+ // should remove duplicates if append already has items
+ var shouldUniques = !!(append && append.length);
+
+ // avoid duplicating items already in the append array
+ if (shouldUniques) for (i = found.length; i--;) this.uniques[this.getUID(found[i])] = true;
+
+ // expression checks
+
+ if (typeof expression == 'string'){ // expression is a string
+
+ // Overrides
+
+ for (i = this.overrides.length; i--;){
+ var override = this.overrides[i];
+ if (override.regexp.test(expression)){
+ var result = override.method.call(context, expression, found, first);
+ if (result === false) continue;
+ if (result === true) return found;
+ return result;
+ }
+ }
+
+ parsed = this.Slick.parse(expression);
+ if (!parsed.length) return found;
+ } else if (expression == null){ // there is no expression
+ return found;
+ } else if (expression.Slick){ // expression is a parsed Slick object
+ parsed = expression;
+ } else if (this.contains(context.documentElement || context, expression)){ // expression is a node
+ (found) ? found.push(expression) : found = expression;
+ return found;
+ } else { // other junk
+ return found;
+ }
+
+ // cache elements for the nth selectors
+
+ /*<pseudo-selectors>*//*<nth-pseudo-selectors>*/
+
+ this.posNTH = {};
+ this.posNTHLast = {};
+ this.posNTHType = {};
+ this.posNTHTypeLast = {};
+
+ /*</nth-pseudo-selectors>*//*</pseudo-selectors>*/
+
+ // if append is null and there is only a single selector with one expression use pushArray, else use pushUID
+ this.push = (!shouldUniques && (first || (parsed.length == 1 && parsed.expressions[0].length == 1))) ? this.pushArray : this.pushUID;
+
+ if (found == null) found = [];
+
+ // default engine
+
+ var j, m, n;
+ var combinator, tag, id, classList, classes, attributes, pseudos;
+ var currentItems, currentExpression, currentBit, lastBit, expressions = parsed.expressions;
+
+ search: for (i = 0; (currentExpression = expressions[i]); i++) for (j = 0; (currentBit = currentExpression[j]); j++){
+
+ combinator = 'combinator:' + currentBit.combinator;
+ if (!this[combinator]) continue search;
+
+ tag = (this.isXMLDocument) ? currentBit.tag : currentBit.tag.toUpperCase();
+ id = currentBit.id;
+ classList = currentBit.classList;
+ classes = currentBit.classes;
+ attributes = currentBit.attributes;
+ pseudos = currentBit.pseudos;
+ lastBit = (j === (currentExpression.length - 1));
+
+ this.bitUniques = {};
+
+ if (lastBit){
+ this.uniques = uniques;
+ this.found = found;
+ } else {
+ this.uniques = {};
+ this.found = [];
+ }
+
+ if (j === 0){
+ this[combinator](context, tag, id, classes, attributes, pseudos, classList);
+ if (first && lastBit && found.length) break search;
+ } else {
+ if (first && lastBit) for (m = 0, n = currentItems.length; m < n; m++){
+ this[combinator](currentItems[m], tag, id, classes, attributes, pseudos, classList);
+ if (found.length) break search;
+ } else for (m = 0, n = currentItems.length; m < n; m++) this[combinator](currentItems[m], tag, id, classes, attributes, pseudos, classList);
+ }
+
+ currentItems = this.found;
+ }
+
+ if (shouldUniques || (parsed.expressions.length > 1)) this.sort(found);
+
+ return (first) ? (found[0] || null) : found;
+};
+
+// Utils
+
+local.uidx = 1;
+local.uidk = 'slick:uniqueid';
+
+local.getUIDXML = function(node){
+ var uid = node.getAttribute(this.uidk);
+ if (!uid){
+ uid = this.uidx++;
+ node.setAttribute(this.uidk, uid);
+ }
+ return uid;
+};
+
+local.getUIDHTML = function(node){
+ return node.uniqueNumber || (node.uniqueNumber = this.uidx++);
+};
+
+// sort based on the setDocument documentSorter method.
+
+local.sort = function(results){
+ if (!this.documentSorter) return results;
+ results.sort(this.documentSorter);
+ return results;
+};
+
+/*<pseudo-selectors>*//*<nth-pseudo-selectors>*/
+
+local.cacheNTH = {};
+
+local.matchNTH = /^([+-]?\d*)?([a-z]+)?([+-]\d+)?$/;
+
+local.parseNTHArgument = function(argument){
+ var parsed = argument.match(this.matchNTH);
+ if (!parsed) return false;
+ var special = parsed[2] || false;
+ var a = parsed[1] || 1;
+ if (a == '-') a = -1;
+ var b = +parsed[3] || 0;
+ parsed =
+ (special == 'n') ? {a: a, b: b} :
+ (special == 'odd') ? {a: 2, b: 1} :
+ (special == 'even') ? {a: 2, b: 0} : {a: 0, b: a};
+
+ return (this.cacheNTH[argument] = parsed);
+};
+
+local.createNTHPseudo = function(child, sibling, positions, ofType){
+ return function(node, argument){
+ var uid = this.getUID(node);
+ if (!this[positions][uid]){
+ var parent = node.parentNode;
+ if (!parent) return false;
+ var el = parent[child], count = 1;
+ if (ofType){
+ var nodeName = node.nodeName;
+ do {
+ if (el.nodeName !== nodeName) continue;
+ this[positions][this.getUID(el)] = count++;
+ } while ((el = el[sibling]));
+ } else {
+ do {
+ if (el.nodeType !== 1) continue;
+ this[positions][this.getUID(el)] = count++;
+ } while ((el = el[sibling]));
+ }
+ }
+ argument = argument || 'n';
+ var parsed = this.cacheNTH[argument] || this.parseNTHArgument(argument);
+ if (!parsed) return false;
+ var a = parsed.a, b = parsed.b, pos = this[positions][uid];
+ if (a == 0) return b == pos;
+ if (a > 0){
+ if (pos < b) return false;
+ } else {
+ if (b < pos) return false;
+ }
+ return ((pos - b) % a) == 0;
+ };
+};
+
+/*</nth-pseudo-selectors>*//*</pseudo-selectors>*/
+
+local.pushArray = function(node, tag, id, classes, attributes, pseudos){
+ if (this.matchSelector(node, tag, id, classes, attributes, pseudos)) this.found.push(node);
+};
+
+local.pushUID = function(node, tag, id, classes, attributes, pseudos){
+ var uid = this.getUID(node);
+ if (!this.uniques[uid] && this.matchSelector(node, tag, id, classes, attributes, pseudos)){
+ this.uniques[uid] = true;
+ this.found.push(node);
+ }
+};
+
+local.matchNode = function(node, selector){
+ var parsed = this.Slick.parse(selector);
+ if (!parsed) return true;
+
+ // simple (single) selectors
+ if(parsed.length == 1 && parsed.expressions[0].length == 1){
+ var exp = parsed.expressions[0][0];
+ return this.matchSelector(node, (this.isXMLDocument) ? exp.tag : exp.tag.toUpperCase(), exp.id, exp.classes, exp.attributes, exp.pseudos);
+ }
+
+ var nodes = this.search(this.document, parsed);
+ for (var i = 0, item; item = nodes[i++];){
+ if (item === node) return true;
+ }
+ return false;
+};
+
+local.matchPseudo = function(node, name, argument){
+ var pseudoName = 'pseudo:' + name;
+ if (this[pseudoName]) return this[pseudoName](node, argument);
+ var attribute = this.getAttribute(node, name);
+ return (argument) ? argument == attribute : !!attribute;
+};
+
+local.matchSelector = function(node, tag, id, classes, attributes, pseudos){
+ if (tag){
+ if (tag == '*'){
+ if (node.nodeName < '@') return false; // Fix for comment nodes and closed nodes
+ } else {
+ if (node.nodeName != tag) return false;
+ }
+ }
+
+ if (id && node.getAttribute('id') != id) return false;
+
+ var i, part, cls;
+ if (classes) for (i = classes.length; i--;){
+ cls = ('className' in node) ? node.className : node.getAttribute('class');
+ if (!(cls && classes[i].regexp.test(cls))) return false;
+ }
+ if (attributes) for (i = attributes.length; i--;){
+ part = attributes[i];
+ if (part.operator ? !part.test(this.getAttribute(node, part.key)) : !this.hasAttribute(node, part.key)) return false;
+ }
+ if (pseudos) for (i = pseudos.length; i--;){
+ part = pseudos[i];
+ if (!this.matchPseudo(node, part.key, part.value)) return false;
+ }
+ return true;
+};
+
+var combinators = {
+
+ ' ': function(node, tag, id, classes, attributes, pseudos, classList){ // all child nodes, any level
+
+ var i, item, children;
+
+ if (this.isHTMLDocument){
+ getById: if (id){
+ item = this.document.getElementById(id);
+ if ((!item && node.all) || (this.idGetsName && item && item.getAttributeNode('id').nodeValue != id)){
+ // all[id] returns all the elements with that name or id inside node
+ // if theres just one it will return the element, else it will be a collection
+ children = node.all[id];
+ if (!children) return;
+ if (!children[0]) children = [children];
+ for (i = 0; item = children[i++];) if (item.getAttributeNode('id').nodeValue == id){
+ this.push(item, tag, null, classes, attributes, pseudos);
+ break;
+ }
+ return;
+ }
+ if (!item){
+ // if the context is in the dom we return, else we will try GEBTN, breaking the getById label
+ if (this.contains(this.document.documentElement, node)) return;
+ else break getById;
+ } else if (this.document !== node && !this.contains(node, item)) return;
+ this.push(item, tag, null, classes, attributes, pseudos);
+ return;
+ }
+ getByClass: if (classes && node.getElementsByClassName && !this.brokenGEBCN){
+ children = node.getElementsByClassName(classList.join(' '));
+ if (!(children && children.length)) break getByClass;
+ for (i = 0; item = children[i++];) this.push(item, tag, id, null, attributes, pseudos);
+ return;
+ }
+ }
+ getByTag: {
+ children = node.getElementsByTagName(tag);
+ if (!(children && children.length)) break getByTag;
+ if (!this.brokenStarGEBTN) tag = null;
+ for (i = 0; item = children[i++];) this.push(item, tag, id, classes, attributes, pseudos);
+ }
+ },
+
+ '>': function(node, tag, id, classes, attributes, pseudos){ // direct children
+ if ((node = node.firstChild)) do {
+ if (node.nodeType === 1) this.push(node, tag, id, classes, attributes, pseudos);
+ } while ((node = node.nextSibling));
+ },
+
+ '+': function(node, tag, id, classes, attributes, pseudos){ // next sibling
+ while ((node = node.nextSibling)) if (node.nodeType === 1){
+ this.push(node, tag, id, classes, attributes, pseudos);
+ break;
+ }
+ },
+
+ '^': function(node, tag, id, classes, attributes, pseudos){ // first child
+ node = node.firstChild;
+ if (node){
+ if (node.nodeType === 1) this.push(node, tag, id, classes, attributes, pseudos);
+ else this['combinator:+'](node, tag, id, classes, attributes, pseudos);
+ }
+ },
+
+ '~': function(node, tag, id, classes, attributes, pseudos){ // next siblings
+ while ((node = node.nextSibling)){
+ if (node.nodeType !== 1) continue;
+ var uid = this.getUID(node);
+ if (this.bitUniques[uid]) break;
+ this.bitUniques[uid] = true;
+ this.push(node, tag, id, classes, attributes, pseudos);
+ }
+ },
+
+ '++': function(node, tag, id, classes, attributes, pseudos){ // next sibling and previous sibling
+ this['combinator:+'](node, tag, id, classes, attributes, pseudos);
+ this['combinator:!+'](node, tag, id, classes, attributes, pseudos);
+ },
+
+ '~~': function(node, tag, id, classes, attributes, pseudos){ // next siblings and previous siblings
+ this['combinator:~'](node, tag, id, classes, attributes, pseudos);
+ this['combinator:!~'](node, tag, id, classes, attributes, pseudos);
+ },
+
+ '!': function(node, tag, id, classes, attributes, pseudos){ // all parent nodes up to document
+ while ((node = node.parentNode)) if (node !== this.document) this.push(node, tag, id, classes, attributes, pseudos);
+ },
+
+ '!>': function(node, tag, id, classes, attributes, pseudos){ // direct parent (one level)
+ node = node.parentNode;
+ if (node !== this.document) this.push(node, tag, id, classes, attributes, pseudos);
+ },
+
+ '!+': function(node, tag, id, classes, attributes, pseudos){ // previous sibling
+ while ((node = node.previousSibling)) if (node.nodeType === 1){
+ this.push(node, tag, id, classes, attributes, pseudos);
+ break;
+ }
+ },
+
+ '!^': function(node, tag, id, classes, attributes, pseudos){ // last child
+ node = node.lastChild;
+ if (node){
+ if (node.nodeType === 1) this.push(node, tag, id, classes, attributes, pseudos);
+ else this['combinator:!+'](node, tag, id, classes, attributes, pseudos);
+ }
+ },
+
+ '!~': function(node, tag, id, classes, attributes, pseudos){ // previous siblings
+ while ((node = node.previousSibling)){
+ if (node.nodeType !== 1) continue;
+ var uid = this.getUID(node);
+ if (this.bitUniques[uid]) break;
+ this.bitUniques[uid] = true;
+ this.push(node, tag, id, classes, attributes, pseudos);
+ }
+ }
+
+};
+
+for (var c in combinators) local['combinator:' + c] = combinators[c];
+
+var pseudos = {
+
+ /*<pseudo-selectors>*/
+
+ 'empty': function(node){
+ var child = node.firstChild;
+ return !(child && child.nodeType == 1) && !(node.innerText || node.textContent || '').length;
+ },
+
+ 'not': function(node, expression){
+ return !this.matchNode(node, expression);
+ },
+
+ 'contains': function(node, text){
+ return (node.innerText || node.textContent || '').indexOf(text) > -1;
+ },
+
+ 'first-child': function(node){
+ while ((node = node.previousSibling)) if (node.nodeType === 1) return false;
+ return true;
+ },
+
+ 'last-child': function(node){
+ while ((node = node.nextSibling)) if (node.nodeType === 1) return false;
+ return true;
+ },
+
+ 'only-child': function(node){
+ var prev = node;
+ while ((prev = prev.previousSibling)) if (prev.nodeType === 1) return false;
+ var next = node;
+ while ((next = next.nextSibling)) if (next.nodeType === 1) return false;
+ return true;
+ },
+
+ /*<nth-pseudo-selectors>*/
+
+ 'nth-child': local.createNTHPseudo('firstChild', 'nextSibling', 'posNTH'),
+
+ 'nth-last-child': local.createNTHPseudo('lastChild', 'previousSibling', 'posNTHLast'),
+
+ 'nth-of-type': local.createNTHPseudo('firstChild', 'nextSibling', 'posNTHType', true),
+
+ 'nth-last-of-type': local.createNTHPseudo('lastChild', 'previousSibling', 'posNTHTypeLast', true),
+
+ 'index': function(node, index){
+ return this['pseudo:nth-child'](node, '' + index + 1);
+ },
+
+ 'even': function(node, argument){
+ return this['pseudo:nth-child'](node, '2n');
+ },
+
+ 'odd': function(node, argument){
+ return this['pseudo:nth-child'](node, '2n+1');
+ },
+
+ /*</nth-pseudo-selectors>*/
+
+ /*<of-type-pseudo-selectors>*/
+
+ 'first-of-type': function(node){
+ var nodeName = node.nodeName;
+ while ((node = node.previousSibling)) if (node.nodeName === nodeName) return false;
+ return true;
+ },
+
+ 'last-of-type': function(node){
+ var nodeName = node.nodeName;
+ while ((node = node.nextSibling)) if (node.nodeName === nodeName) return false;
+ return true;
+ },
+
+ 'only-of-type': function(node){
+ var prev = node, nodeName = node.nodeName;
+ while ((prev = prev.previousSibling)) if (prev.nodeName === nodeName) return false;
+ var next = node;
+ while ((next = next.nextSibling)) if (next.nodeName === nodeName) return false;
+ return true;
+ },
+
+ /*</of-type-pseudo-selectors>*/
+
+ // custom pseudos
+
+ 'enabled': function(node){
+ return (node.disabled === false);
+ },
+
+ 'disabled': function(node){
+ return (node.disabled === true);
+ },
+
+ 'checked': function(node){
+ return node.checked || node.selected;
+ },
+
+ 'focus': function(node){
+ return this.isHTMLDocument && this.document.activeElement === node && (node.href || node.type || this.hasAttribute(node, 'tabindex'));
+ },
+
+ 'root': function(node){
+ return (node === this.root);
+ },
+
+ 'selected': function(node){
+ return node.selected;
+ }
+
+ /*</pseudo-selectors>*/
+};
+
+for (var p in pseudos) local['pseudo:' + p] = pseudos[p];
+
+// attributes methods
+
+local.attributeGetters = {
+
+ 'class': function(){
+ return ('className' in this) ? this.className : this.getAttribute('class');
+ },
+
+ 'for': function(){
+ return ('htmlFor' in this) ? this.htmlFor : this.getAttribute('for');
+ },
+
+ 'href': function(){
+ return ('href' in this) ? this.getAttribute('href', 2) : this.getAttribute('href');
+ },
+
+ 'style': function(){
+ return (this.style) ? this.style.cssText : this.getAttribute('style');
+ }
+
+};
+
+local.getAttribute = function(node, name){
+ // FIXME: check if getAttribute() will get input elements on a form on this browser
+ // getAttribute is faster than getAttributeNode().nodeValue
+ var method = this.attributeGetters[name];
+ if (method) return method.call(node);
+ var attributeNode = node.getAttributeNode(name);
+ return attributeNode ? attributeNode.nodeValue : null;
+};
+
+// overrides
+
+local.overrides = [];
+
+local.override = function(regexp, method){
+ this.overrides.push({regexp: regexp, method: method});
+};
+
+/*<overrides>*/
+
+/*<query-selector-override>*/
+
+var reEmptyAttribute = /\[.*[*$^]=(?:["']{2})?\]/;
+
+local.override(/./, function(expression, found, first){ //querySelectorAll override
+
+ if (!this.querySelectorAll || this.nodeType != 9 || !local.isHTMLDocument || local.brokenMixedCaseQSA ||
+ (local.brokenCheckedQSA && expression.indexOf(':checked') > -1) ||
+ (local.brokenEmptyAttributeQSA && reEmptyAttribute.test(expression)) || Slick.disableQSA) return false;
+
+ var nodes, node;
+ try {
+ if (first) return this.querySelector(expression) || null;
+ else nodes = this.querySelectorAll(expression);
+ } catch(error){
+ return false;
+ }
+
+ var i, hasOthers = !!(found.length);
+
+ if (local.starSelectsClosedQSA) for (i = 0; node = nodes[i++];){
+ if (node.nodeName > '@' && (!hasOthers || !local.uniques[local.getUIDHTML(node)])) found.push(node);
+ } else for (i = 0; node = nodes[i++];){
+ if (!hasOthers || !local.uniques[local.getUIDHTML(node)]) found.push(node);
+ }
+
+ if (hasOthers) local.sort(found);
+
+ return true;
+
+});
+
+/*</query-selector-override>*/
+
+/*<tag-override>*/
- addEvents: function(events){
- for (var type in events) this.addEvent(type, events[type]);
- return this;
- },
+local.override(/^[\w-]+$|^\*$/, function(expression, found, first){ // tag override
+ var tag = expression;
+ if (tag == '*' && local.brokenStarGEBTN) return false;
- fireEvent: function(type, args, delay){
- type = Events.removeOn(type);
- if (!this.$events || !this.$events[type]) return this;
- this.$events[type].each(function(fn){
- fn.create({'bind': this, 'delay': delay, 'arguments': args})();
- }, this);
- return this;
- },
+ var nodes = this.getElementsByTagName(tag);
- removeEvent: function(type, fn){
- type = Events.removeOn(type);
- if (!this.$events || !this.$events[type]) return this;
- if (!fn.internal) this.$events[type].erase(fn);
- return this;
- },
+ if (first) return nodes[0] || null;
+ var i, node, hasOthers = !!(found.length);
- removeEvents: function(type){
- for (var e in this.$events){
- if (type && type != e) continue;
- var fns = this.$events[e];
- for (var i = fns.length; i--; i) this.removeEvent(e, fns[i]);
- }
- return this;
+ for (i = 0; node = nodes[i++];){
+ if (!hasOthers || !local.uniques[local.getUID(node)]) found.push(node);
}
+ if (hasOthers) local.sort(found);
+
+ return true;
});
-Events.removeOn = function(string){
- return string.replace(/^on([A-Z])/, function(full, first) {
- return first.toLowerCase();
- });
-};
+/*</tag-override>*/
-var Options = new Class({
+/*<class-override>*/
- setOptions: function(){
- this.options = $merge.run([this.options].extend(arguments));
- if (!this.addEvent) return this;
- for (var option in this.options){
- if ($type(this.options[option]) != 'function' || !(/^on[A-Z]/).test(option)) continue;
- this.addEvent(option, this.options[option]);
- delete this.options[option];
+local.override(/^\.[\w-]+$/, function(expression, found, first){ // class override
+ if (!local.isHTMLDocument || (!this.getElementsByClassName && this.querySelectorAll)) return false;
+
+ var nodes, node, i, hasOthers = !!(found && found.length), className = expression.substring(1);
+ if (this.getElementsByClassName && !local.brokenGEBCN){
+ nodes = this.getElementsByClassName(className);
+ if (first) return nodes[0] || null;
+ for (i = 0; node = nodes[i++];){
+ if (!hasOthers || !local.uniques[local.getUIDHTML(node)]) found.push(node);
+ }
+ } else {
+ var matchClass = new RegExp('(^|\\s)'+ Slick.escapeRegExp(className) +'(\\s|$)');
+ nodes = this.getElementsByTagName('*');
+ for (i = 0; node = nodes[i++];){
+ className = node.className;
+ if (!className || !matchClass.test(className)) continue;
+ if (first) return node;
+ if (!hasOthers || !local.uniques[local.getUIDHTML(node)]) found.push(node);
}
- return this;
}
+ if (hasOthers) local.sort(found);
+ return (first) ? null : true;
+});
+
+/*</class-override>*/
+/*<id-override>*/
+
+local.override(/^#[\w-]+$/, function(expression, found, first){ // ID override
+ if (!local.isHTMLDocument || this.nodeType != 9) return false;
+
+ var id = expression.substring(1), el = this.getElementById(id);
+ if (!el) return found;
+ if (local.idGetsName && el.getAttributeNode('id').nodeValue != id) return false;
+ if (first) return el || null;
+ var hasOthers = !!(found.length);
+ if (!hasOthers || !local.uniques[local.getUIDHTML(el)]) found.push(el);
+ if (hasOthers) local.sort(found);
+ return true;
});
-/*
-Script: Element.js
- One of the most important items in MooTools. Contains the dollar function, the dollars function, and an handful of cross-browser,
- time-saver methods to let you easily work with HTML Elements.
+/*</id-override>*/
-License:
- MIT-style license.
-*/
+/*</overrides>*/
-Document.implement({
+if (typeof document != 'undefined') local.setDocument(document);
- newElement: function(tag, props){
- if (Browser.Engine.trident && props){
- ['name', 'type', 'checked'].each(function(attribute){
- if (!props[attribute]) return;
- tag += ' ' + attribute + '="' + props[attribute] + '"';
- if (attribute != 'checked') delete props[attribute];
- });
- tag = '<' + tag + '>';
- }
- return $.element(this.createElement(tag)).set(props);
- },
+// Slick
- newTextNode: function(text){
- return this.createTextNode(text);
- },
+var Slick = local.Slick = (this.Slick || {});
- getDocument: function(){
- return this;
- },
+Slick.version = '0.9dev';
- getWindow: function(){
- return this.defaultView || this.parentWindow;
- },
+// Slick finder
- purge: function(){
- var elements = this.getElementsByTagName('*');
- for (var i = 0, l = elements.length; i < l; i++) Browser.freeMem(elements[i]);
- }
+Slick.search = function(context, expression, append){
+ return local.search(context, expression, append);
+};
-});
+Slick.find = function(context, expression){
+ return local.search(context, expression, null, true);
+};
-var Element = new Native({
+// Slick containment checker
- name: 'Element',
+Slick.contains = function(container, node){
+ local.setDocument(container);
+ return local.contains(container, node);
+};
- legacy: window.Element,
+// Slick attribute getter
- initialize: function(tag, props){
- var konstructor = Element.Constructors.get(tag);
- if (konstructor) return konstructor(props);
- if (typeof tag == 'string') return document.newElement(tag, props);
- return $(tag).set(props);
- },
+Slick.getAttribute = function(node, name){
+ return local.getAttribute(node, name);
+};
- afterImplement: function(key, value){
- if (!Array[key]) Elements.implement(key, Elements.multi(key));
- Element.Prototype[key] = value;
- }
+// Slick matcher
-});
+Slick.match = function(node, selector){
+ if (!(node && selector)) return false;
+ if (!selector || selector === node) return true;
+ if (typeof selector != 'string') return false;
+ local.setDocument(node);
+ return local.matchNode(node, selector);
+};
-Element.Prototype = {$family: {name: 'element'}};
+// Slick attribute accessor
-Element.Constructors = new Hash;
+Slick.defineAttributeGetter = function(name, fn){
+ local.attributeGetters[name] = fn;
+ return this;
+};
+
+Slick.lookupAttributeGetter = function(name){
+ return local.attributeGetters[name];
+};
+
+// Slick pseudo accessor
-var IFrame = new Native({
+Slick.definePseudo = function(name, fn){
+ local['pseudo:' + name] = function(node, argument){
+ return fn.call(node, argument);
+ };
+ return this;
+};
- name: 'IFrame',
+Slick.lookupPseudo = function(name){
+ var pseudo = local['pseudo:' + name];
+ if (pseudo) return function(argument){
+ return pseudo.call(this, argument);
+ };
+ return null;
+};
- generics: false,
+// Slick overrides accessor
- initialize: function(){
- var params = Array.link(arguments, {properties: Object.type, iframe: $defined});
- var props = params.properties || {};
- var iframe = $(params.iframe) || false;
- var onload = props.onload || $empty;
- delete props.onload;
- props.id = props.name = $pick(props.id, props.name, iframe.id, iframe.name, 'IFrame_' + $time());
- iframe = new Element(iframe || 'iframe', props);
- var onFrameLoad = function(){
- var host = $try(function(){
- return iframe.contentWindow.location.host;
- });
- if (host && host == window.location.host){
- var win = new Window(iframe.contentWindow);
- var doc = new Document(iframe.contentWindow.document);
- $extend(win.Element.prototype, Element.Prototype);
- }
- onload.call(iframe.contentWindow, iframe.contentWindow.document);
- };
- (!window.frames[props.id]) ? iframe.addListener('load', onFrameLoad) : onFrameLoad();
- return iframe;
+Slick.override = function(regexp, fn){
+ local.override(regexp, fn);
+ return this;
+};
+
+Slick.isXML = local.isXML;
+
+Slick.uidOf = function(node){
+ return local.getUIDHTML(node);
+};
+
+if (!this.Slick) this.Slick = Slick;
+
+}).apply(/*<CommonJS>*/(typeof exports != 'undefined') ? exports : /*</CommonJS>*/this);
+
+
+/*
+---
+
+name: Element
+
+description: One of the most important items in MooTools. Contains the dollar function, the dollars function, and an handful of cross-browser, time-saver methods to let you easily work with HTML Elements.
+
+license: MIT-style license.
+
+requires: [Window, Document, Array, String, Function, Number, Slick.Parser, Slick.Finder]
+
+provides: [Element, Elements, $, $$, Iframe, Selectors]
+
+...
+*/
+
+var Element = function(tag, props){
+ var konstructor = Element.Constructors[tag];
+ if (konstructor) return konstructor(props);
+ if (typeof tag != 'string') return document.id(tag).set(props);
+
+ if (!props) props = {};
+
+ if (!tag.test(/^[\w-]+$/)){
+ var parsed = Slick.parse(tag).expressions[0][0];
+ tag = (parsed.tag == '*') ? 'div' : parsed.tag;
+ if (parsed.id && props.id == null) props.id = parsed.id;
+
+ var attributes = parsed.attributes;
+ if (attributes) for (var i = 0, l = attributes.length; i < l; i++){
+ var attr = attributes[i];
+ if (attr.value != null && attr.operator == '=' && props[attr.key] == null)
+ props[attr.key] = attr.value;
+ }
+
+ if (parsed.classList && props['class'] == null) props['class'] = parsed.classList.join(' ');
}
+ return document.newElement(tag, props);
+};
+
+if (Browser.Element) Element.prototype = Browser.Element.prototype;
+
+new Type('Element', Element).mirror(function(name){
+ if (Array.prototype[name]) return;
+
+ var obj = {};
+ obj[name] = function(){
+ var results = [], args = arguments, elements = true;
+ for (var i = 0, l = this.length; i < l; i++){
+ var element = this[i], result = results[i] = element[name].apply(element, args);
+ elements = (elements && typeOf(result) == 'element');
+ }
+ return (elements) ? new Elements(results) : results;
+ };
+
+ Elements.implement(obj);
});
-var Elements = new Native({
+if (!Browser.Element){
+ Element.parent = Object;
- initialize: function(elements, options){
- options = $extend({ddup: true, cash: true}, options);
- elements = elements || [];
- if (options.ddup || options.cash){
- var uniques = {}, returned = [];
- for (var i = 0, l = elements.length; i < l; i++){
- var el = $.element(elements[i], !options.cash);
- if (options.ddup){
- if (uniques[el.uid]) continue;
- uniques[el.uid] = true;
- }
- returned.push(el);
+ Element.Prototype = {'$family': Function.from('element').hide()};
+
+ Element.mirror(function(name, method){
+ Element.Prototype[name] = method;
+ });
+}
+
+Element.Constructors = {};
+
+//<1.2compat>
+
+Element.Constructors = new Hash;
+
+//</1.2compat>
+
+var IFrame = new Type('IFrame', function(){
+ var params = Array.link(arguments, {
+ properties: Type.isObject,
+ iframe: function(obj){
+ return (obj != null);
+ }
+ });
+
+ var props = params.properties || {}, iframe;
+ if (params.iframe) iframe = document.id(params.iframe);
+ var onload = props.onload || function(){};
+ delete props.onload;
+ props.id = props.name = [props.id, props.name, iframe ? (iframe.id || iframe.name) : 'IFrame_' + String.uniqueID()].pick();
+ iframe = new Element(iframe || 'iframe', props);
+
+ var onLoad = function(){
+ onload.call(iframe.contentWindow);
+ };
+
+ if (window.frames[props.id]) onLoad();
+ else iframe.addListener('load', onLoad);
+ return iframe;
+});
+
+var Elements = this.Elements = function(nodes){
+ if (nodes && nodes.length){
+ var uniques = {}, node;
+ for (var i = 0; node = nodes[i++];){
+ var uid = Slick.uidOf(node);
+ if (!uniques[uid]){
+ uniques[uid] = true;
+ this.push(node);
}
- elements = returned;
}
- return (options.cash) ? $extend(elements, this) : elements;
}
+};
-});
+Elements.prototype = {length: 0};
+Elements.parent = Array;
-Elements.implement({
+new Type('Elements', Elements).implement({
filter: function(filter, bind){
if (!filter) return this;
- return new Elements(Array.filter(this, (typeof filter == 'string') ? function(item){
+ return new Elements(Array.filter(this, (typeOf(filter) == 'string') ? function(item){
return item.match(filter);
} : filter, bind));
- }
+ }.protect(),
+
+ push: function(){
+ var length = this.length;
+ for (var i = 0, l = arguments.length; i < l; i++){
+ var item = document.id(arguments[i]);
+ if (item) this[length++] = item;
+ }
+ return (this.length = length);
+ }.protect(),
+
+ concat: function(){
+ var newElements = new Elements(this);
+ for (var i = 0, l = arguments.length; i < l; i++){
+ var item = arguments[i];
+ if (Type.isEnumerable(item)) newElements.append(item);
+ else newElements.push(item);
+ }
+ return newElements;
+ }.protect(),
+
+ append: function(collection){
+ for (var i = 0, l = collection.length; i < l; i++) this.push(collection[i]);
+ return this;
+ }.protect(),
+
+ empty: function(){
+ while (this.length) delete this[--this.length];
+ return this;
+ }.protect()
});
-Elements.multi = function(property){
- return function(){
- var items = [];
- var elements = true;
- for (var i = 0, j = this.length; i < j; i++){
- var returns = this[i][property].apply(this[i], arguments);
- items.push(returns);
- if (elements) elements = ($type(returns) == 'element');
- }
- return (elements) ? new Elements(items) : items;
- };
+(function(){
+
+// FF, IE
+var splice = Array.prototype.splice, object = {'0': 0, '1': 1, length: 2};
+
+splice.call(object, 1, 1);
+if (object[1] == 1) Elements.implement('splice', function(){
+ var length = this.length;
+ splice.apply(this, arguments);
+ while (length >= this.length) delete this[length--];
+ return this;
+}.protect());
+
+Elements.implement(Array.prototype);
+
+Array.mirror(Elements);
+
+/*<ltIE8>*/
+var createElementAcceptsHTML;
+try {
+ var x = document.createElement('<input name=x>');
+ createElementAcceptsHTML = (x.name == 'x');
+} catch(e){}
+
+var escapeQuotes = function(html){
+ return ('' + html).replace(/&/g, '&').replace(/"/g, '"');
};
+/*</ltIE8>*/
-Window.implement({
+Document.implement({
+
+ newElement: function(tag, props){
+ if (props && props.checked != null) props.defaultChecked = props.checked;
+ /*<ltIE8>*/// Fix for readonly name and type properties in IE < 8
+ if (createElementAcceptsHTML && props){
+ tag = '<' + tag;
+ if (props.name) tag += ' name="' + escapeQuotes(props.name) + '"';
+ if (props.type) tag += ' type="' + escapeQuotes(props.type) + '"';
+ tag += '>';
+ delete props.name;
+ delete props.type;
+ }
+ /*</ltIE8>*/
+ return this.id(this.createElement(tag)).set(props);
+ }
+
+});
+
+})();
+
+Document.implement({
- $: function(el, nocash){
- if (el && el.$family && el.uid) return el;
- var type = $type(el);
- return ($[type]) ? $[type](el, nocash, this.document) : null;
+ newTextNode: function(text){
+ return this.createTextNode(text);
},
- $$: function(selector){
- if (arguments.length == 1 && typeof selector == 'string') return this.document.getElements(selector);
- var elements = [];
- var args = Array.flatten(arguments);
- for (var i = 0, l = args.length; i < l; i++){
- var item = args[i];
- switch ($type(item)){
- case 'element': item = [item]; break;
- case 'string': item = this.document.getElements(item, true); break;
- default: item = false;
- }
- if (item) elements.extend(item);
- }
- return new Elements(elements);
+ getDocument: function(){
+ return this;
},
+ getWindow: function(){
+ return this.window;
+ },
+
+ id: (function(){
+
+ var types = {
+
+ string: function(id, nocash, doc){
+ id = Slick.find(doc, '#' + id.replace(/(\W)/g, '\\$1'));
+ return (id) ? types.element(id, nocash) : null;
+ },
+
+ element: function(el, nocash){
+ $uid(el);
+ if (!nocash && !el.$family && !(/^object|embed$/i).test(el.tagName)){
+ Object.append(el, Element.Prototype);
+ }
+ return el;
+ },
+
+ object: function(obj, nocash, doc){
+ if (obj.toElement) return types.element(obj.toElement(doc), nocash);
+ return null;
+ }
+
+ };
+
+ types.textnode = types.whitespace = types.window = types.document = function(zero){
+ return zero;
+ };
+
+ return function(el, nocash, doc){
+ if (el && el.$family && el.uid) return el;
+ var type = typeOf(el);
+ return (types[type]) ? types[type](el, nocash, doc || document) : null;
+ };
+
+ })()
+
+});
+
+if (window.$ == null) Window.implement('$', function(el, nc){
+ return document.id(el, nc, this.document);
+});
+
+Window.implement({
+
getDocument: function(){
return this.document;
},
});
-$.string = function(id, nocash, doc){
- id = doc.getElementById(id);
- return (id) ? $.element(id, nocash) : null;
-};
+[Document, Element].invoke('implement', {
-$.element = function(el, nocash){
- $uid(el);
- if (!nocash && !el.$family && !(/^object|embed$/i).test(el.tagName)){
- var proto = Element.Prototype;
- for (var p in proto) el[p] = proto[p];
- };
- return el;
-};
+ getElements: function(expression){
+ return Slick.search(this, expression, new Elements);
+ },
-$.object = function(obj, nocash, doc){
- if (obj.toElement) return $.element(obj.toElement(doc), nocash);
- return null;
-};
+ getElement: function(expression){
+ return document.id(Slick.find(this, expression));
+ }
-$.textnode = $.whitespace = $.window = $.document = $arguments(0);
+});
-Native.implement([Element, Document], {
+//<1.2compat>
- getElement: function(selector, nocash){
- return $(this.getElements(selector, true)[0] || null, nocash);
- },
+(function(search, find, match){
- getElements: function(tags, nocash){
- tags = tags.split(',');
- var elements = [];
- var ddup = (tags.length > 1);
- tags.each(function(tag){
- var partial = this.getElementsByTagName(tag.trim());
- (ddup) ? elements.extend(partial) : elements = partial;
- }, this);
- return new Elements(elements, {ddup: ddup, cash: !nocash});
+ this.Selectors = {};
+ var pseudos = this.Selectors.Pseudo = new Hash();
+
+ var addSlickPseudos = function(){
+ for (var name in pseudos) if (pseudos.hasOwnProperty(name)){
+ Slick.definePseudo(name, pseudos[name]);
+ delete pseudos[name];
+ }
+ };
+
+ Slick.search = function(context, expression, append){
+ addSlickPseudos();
+ return search.call(this, context, expression, append);
+ };
+
+ Slick.find = function(context, expression){
+ addSlickPseudos();
+ return find.call(this, context, expression);
+ };
+
+ Slick.match = function(node, selector){
+ addSlickPseudos();
+ return match.call(this, node, selector);
+ };
+
+})(Slick.search, Slick.find, Slick.match);
+
+if (window.$$ == null) Window.implement('$$', function(selector){
+ var elements = new Elements;
+ if (arguments.length == 1 && typeof selector == 'string') return Slick.search(this.document, selector, elements);
+ var args = Array.flatten(arguments);
+ for (var i = 0, l = args.length; i < l; i++){
+ var item = args[i];
+ switch (typeOf(item)){
+ case 'element': elements.push(item); break;
+ case 'string': Slick.search(this.document, item, elements);
+ }
}
+ return elements;
+});
+
+//</1.2compat>
+if (window.$$ == null) Window.implement('$$', function(selector){
+ if (arguments.length == 1){
+ if (typeof selector == 'string') return Slick.search(this.document, selector, new Elements);
+ else if (Type.isEnumerable(selector)) return new Elements(selector);
+ }
+ return new Elements(arguments);
});
-Element.Storage = {
+(function(){
+
+var collected = {}, storage = {};
+var props = {input: 'checked', option: 'selected', textarea: 'value'};
+
+var get = function(uid){
+ return (storage[uid] || (storage[uid] = {}));
+};
- get: function(uid){
- return (this[uid] || (this[uid] = {}));
+var clean = function(item){
+ if (item.removeEvents) item.removeEvents();
+ if (item.clearAttributes) item.clearAttributes();
+ var uid = item.uid;
+ if (uid != null){
+ delete collected[uid];
+ delete storage[uid];
}
+ return item;
+};
+var camels = ['defaultValue', 'accessKey', 'cellPadding', 'cellSpacing', 'colSpan', 'frameBorder', 'maxLength', 'readOnly',
+ 'rowSpan', 'tabIndex', 'useMap'
+];
+var bools = ['compact', 'nowrap', 'ismap', 'declare', 'noshade', 'checked', 'disabled', 'readOnly', 'multiple', 'selected',
+ 'noresize', 'defer'
+];
+ var attributes = {
+ 'html': 'innerHTML',
+ 'class': 'className',
+ 'for': 'htmlFor',
+ 'text': (function(){
+ var temp = document.createElement('div');
+ return (temp.innerText == null) ? 'textContent' : 'innerText';
+ })()
};
+var readOnly = ['type'];
+var expandos = ['value', 'defaultValue'];
+var uriAttrs = /^(?:href|src|usemap)$/i;
-Element.Inserters = new Hash({
+bools = bools.associate(bools);
+camels = camels.associate(camels.map(String.toLowerCase));
+readOnly = readOnly.associate(readOnly);
+
+Object.append(attributes, expandos.associate(expandos));
+
+var inserters = {
before: function(context, element){
- if (element.parentNode) element.parentNode.insertBefore(context, element);
+ var parent = element.parentNode;
+ if (parent) parent.insertBefore(context, element);
},
after: function(context, element){
- if (!element.parentNode) return;
- var next = element.nextSibling;
- (next) ? element.parentNode.insertBefore(context, next) : element.parentNode.appendChild(context);
+ var parent = element.parentNode;
+ if (parent) parent.insertBefore(context, element.nextSibling);
},
bottom: function(context, element){
},
top: function(context, element){
- var first = element.firstChild;
- (first) ? element.insertBefore(context, first) : element.appendChild(context);
+ element.insertBefore(context, element.firstChild);
}
+};
+
+inserters.inside = inserters.bottom;
+
+//<1.2compat>
+
+Object.each(inserters, function(inserter, where){
+
+ where = where.capitalize();
+
+ var methods = {};
+
+ methods['inject' + where] = function(el){
+ inserter(this, document.id(el, true));
+ return this;
+ };
+
+ methods['grab' + where] = function(el){
+ inserter(document.id(el, true), this);
+ return this;
+ };
+
+ Element.implement(methods);
+
});
-Element.Inserters.inside = Element.Inserters.bottom;
+//</1.2compat>
+
+var injectCombinator = function(expression, combinator){
+ if (!expression) return combinator;
+
+ expression = Slick.parse(expression);
+
+ var expressions = expression.expressions;
+ for (var i = expressions.length; i--;)
+ expressions[i][0].combinator = combinator;
-Element.Inserters.each(function(value, key){
+ return expression;
+};
+
+Element.implement({
+
+ set: function(prop, value){
+ var property = Element.Properties[prop];
+ (property && property.set) ? property.set.call(this, value) : this.setProperty(prop, value);
+ }.overloadSetter(),
- var Key = key.capitalize();
+ get: function(prop){
+ var property = Element.Properties[prop];
+ return (property && property.get) ? property.get.apply(this) : this.getProperty(prop);
+ }.overloadGetter(),
- Element.implement('inject' + Key, function(el){
- value(this, $(el, true));
+ erase: function(prop){
+ var property = Element.Properties[prop];
+ (property && property.erase) ? property.erase.apply(this) : this.removeProperty(prop);
return this;
- });
+ },
+
+ setProperty: function(attribute, value){
+ attribute = camels[attribute] || attribute;
+ if (value == null) return this.removeProperty(attribute);
+ var key = attributes[attribute];
+ (key) ? this[key] = value :
+ (bools[attribute]) ? this[attribute] = !!value : this.setAttribute(attribute, '' + value);
+ return this;
+ },
+
+ setProperties: function(attributes){
+ for (var attribute in attributes) this.setProperty(attribute, attributes[attribute]);
+ return this;
+ },
+
+ getProperty: function(attribute){
+ attribute = camels[attribute] || attribute;
+ var key = attributes[attribute] || readOnly[attribute];
+ return (key) ? this[key] :
+ (bools[attribute]) ? !!this[attribute] :
+ (uriAttrs.test(attribute) ? this.getAttribute(attribute, 2) :
+ (key = this.getAttributeNode(attribute)) ? key.nodeValue : null) || null;
+ },
+
+ getProperties: function(){
+ var args = Array.from(arguments);
+ return args.map(this.getProperty, this).associate(args);
+ },
- Element.implement('grab' + Key, function(el){
- value($(el, true), this);
+ removeProperty: function(attribute){
+ attribute = camels[attribute] || attribute;
+ var key = attributes[attribute];
+ (key) ? this[key] = '' :
+ (bools[attribute]) ? this[attribute] = false : this.removeAttribute(attribute);
return this;
- });
+ },
-});
+ removeProperties: function(){
+ Array.each(arguments, this.removeProperty, this);
+ return this;
+ },
-Element.implement({
+ hasClass: function(className){
+ return this.className.clean().contains(className, ' ');
+ },
- getDocument: function(){
- return this.ownerDocument;
+ addClass: function(className){
+ if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean();
+ return this;
},
- getWindow: function(){
- return this.ownerDocument.getWindow();
+ removeClass: function(className){
+ this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1');
+ return this;
},
- getElementById: function(id, nocash){
- var el = this.ownerDocument.getElementById(id);
- if (!el) return null;
- for (var parent = el.parentNode; parent != this; parent = parent.parentNode){
- if (!parent) return null;
- }
- return $.element(el, nocash);
+ toggleClass: function(className, force){
+ if (force == null) force = !this.hasClass(className);
+ return (force) ? this.addClass(className) : this.removeClass(className);
},
- set: function(prop, value){
- switch ($type(prop)){
- case 'object':
- for (var p in prop) this.set(p, prop[p]);
- break;
- case 'string':
- var property = Element.Properties.get(prop);
- (property && property.set) ? property.set.apply(this, Array.slice(arguments, 1)) : this.setProperty(prop, value);
+ adopt: function(){
+ var parent = this, fragment, elements = Array.flatten(arguments), length = elements.length;
+ if (length > 1) parent = fragment = document.createDocumentFragment();
+
+ for (var i = 0; i < length; i++){
+ var element = document.id(elements[i], true);
+ if (element) parent.appendChild(element);
}
+
+ if (fragment) this.appendChild(fragment);
+
return this;
},
- get: function(prop){
- var property = Element.Properties.get(prop);
- return (property && property.get) ? property.get.apply(this, Array.slice(arguments, 1)) : this.getProperty(prop);
+ appendText: function(text, where){
+ return this.grab(this.getDocument().newTextNode(text), where);
},
- erase: function(prop){
- var property = Element.Properties.get(prop);
- (property && property.erase) ? property.erase.apply(this, Array.slice(arguments, 1)) : this.removeProperty(prop);
+ grab: function(el, where){
+ inserters[where || 'bottom'](document.id(el, true), this);
return this;
},
- match: function(tag){
- return (!tag || Element.get(this, 'tag') == tag);
+ inject: function(el, where){
+ inserters[where || 'bottom'](this, document.id(el, true));
+ return this;
},
- inject: function(el, where){
- Element.Inserters.get(where || 'bottom')(this, $(el, true));
+ replaces: function(el){
+ el = document.id(el, true);
+ el.parentNode.replaceChild(this, el);
return this;
},
wraps: function(el, where){
- el = $(el, true);
+ el = document.id(el, true);
return this.replaces(el).grab(el, where);
},
- grab: function(el, where){
- Element.Inserters.get(where || 'bottom')($(el, true), this);
- return this;
+ getPrevious: function(expression){
+ return document.id(Slick.find(this, injectCombinator(expression, '!~')));
},
- appendText: function(text, where){
- return this.grab(this.getDocument().newTextNode(text), where);
+ getAllPrevious: function(expression){
+ return Slick.search(this, injectCombinator(expression, '!~'), new Elements);
},
- adopt: function(){
- Array.flatten(arguments).each(function(element){
- element = $(element, true);
- if (element) this.appendChild(element);
- }, this);
- return this;
+ getNext: function(expression){
+ return document.id(Slick.find(this, injectCombinator(expression, '~')));
},
- dispose: function(){
- return (this.parentNode) ? this.parentNode.removeChild(this) : this;
+ getAllNext: function(expression){
+ return Slick.search(this, injectCombinator(expression, '~'), new Elements);
},
- clone: function(contents, keepid){
- switch ($type(this)){
- case 'element':
- var attributes = {};
- for (var j = 0, l = this.attributes.length; j < l; j++){
- var attribute = this.attributes[j], key = attribute.nodeName.toLowerCase();
- if (Browser.Engine.trident && (/input/i).test(this.tagName) && (/width|height/).test(key)) continue;
- var value = (key == 'style' && this.style) ? this.style.cssText : attribute.nodeValue;
- if (!$chk(value) || key == 'uid' || (key == 'id' && !keepid)) continue;
- if (value != 'inherit' && ['string', 'number'].contains($type(value))) attributes[key] = value;
- }
- var element = new Element(this.nodeName.toLowerCase(), attributes);
- if (contents !== false){
- for (var i = 0, k = this.childNodes.length; i < k; i++){
- var child = Element.clone(this.childNodes[i], true, keepid);
- if (child) element.grab(child);
- }
- }
- return element;
- case 'textnode': return document.newTextNode(this.nodeValue);
- }
- return null;
+ getFirst: function(expression){
+ return document.id(Slick.search(this, injectCombinator(expression, '>'))[0]);
},
- replaces: function(el){
- el = $(el, true);
- el.parentNode.replaceChild(this, el);
- return this;
+ getLast: function(expression){
+ return document.id(Slick.search(this, injectCombinator(expression, '>')).getLast());
},
- hasClass: function(className){
- return this.className.contains(className, ' ');
+ getParent: function(expression){
+ return document.id(Slick.find(this, injectCombinator(expression, '!')));
},
- addClass: function(className){
- if (!this.hasClass(className)) this.className = (this.className + ' ' + className).clean();
- return this;
+ getParents: function(expression){
+ return Slick.search(this, injectCombinator(expression, '!'), new Elements);
},
- removeClass: function(className){
- this.className = this.className.replace(new RegExp('(^|\\s)' + className + '(?:\\s|$)'), '$1').clean();
- return this;
+ getSiblings: function(expression){
+ return Slick.search(this, injectCombinator(expression, '~~'), new Elements);
},
- toggleClass: function(className){
- return this.hasClass(className) ? this.removeClass(className) : this.addClass(className);
+ getChildren: function(expression){
+ return Slick.search(this, injectCombinator(expression, '>'), new Elements);
},
- getComputedStyle: function(property){
- if (this.currentStyle) return this.currentStyle[property.camelCase()];
- var computed = this.getWindow().getComputedStyle(this, null);
- return (computed) ? computed.getPropertyValue([property.hyphenate()]) : null;
+ getWindow: function(){
+ return this.ownerDocument.window;
},
- empty: function(){
- $A(this.childNodes).each(function(node){
- Browser.freeMem(node);
- Element.empty(node);
- Element.dispose(node);
- }, this);
- return this;
+ getDocument: function(){
+ return this.ownerDocument;
},
- destroy: function(){
- Browser.freeMem(this.empty().dispose());
- return null;
+ getElementById: function(id){
+ return document.id(Slick.find(this, '#' + ('' + id).replace(/(\W)/g, '\\$1')));
},
getSelected: function(){
- return new Elements($A(this.options).filter(function(option){
+ this.selectedIndex; // Safari 3.2.1
+ return new Elements(Array.from(this.options).filter(function(option){
return option.selected;
}));
},
toQueryString: function(){
var queryString = [];
this.getElements('input, select, textarea').each(function(el){
- if (!el.name || el.disabled) return;
- var value = (el.tagName.toLowerCase() == 'select') ? Element.getSelected(el).map(function(opt){
- return opt.value;
- }) : ((el.type == 'radio' || el.type == 'checkbox') && !el.checked) ? null : el.value;
- $splat(value).each(function(val){
- if (val) queryString.push(el.name + '=' + encodeURIComponent(val));
+ var type = el.type;
+ if (!el.name || el.disabled || type == 'submit' || type == 'reset' || type == 'file' || type == 'image') return;
+
+ var value = (el.get('tag') == 'select') ? el.getSelected().map(function(opt){
+ // IE
+ return document.id(opt).get('value');
+ }) : ((type == 'radio' || type == 'checkbox') && !el.checked) ? null : el.get('value');
+
+ Array.from(value).each(function(val){
+ if (typeof val != 'undefined') queryString.push(encodeURIComponent(el.name) + '=' + encodeURIComponent(val));
});
});
return queryString.join('&');
},
- getProperty: function(attribute){
- var EA = Element.Attributes, key = EA.Props[attribute];
- var value = (key) ? this[key] : this.getAttribute(attribute, 2);
- return (EA.Bools[attribute]) ? !!value : (key) ? value : value || null;
- },
+ clone: function(contents, keepid){
+ contents = contents !== false;
+ var clone = this.cloneNode(contents);
+ var clean = function(node, element){
+ if (!keepid) node.removeAttribute('id');
+ if (Browser.ie){
+ node.clearAttributes();
+ node.mergeAttributes(element);
+ node.removeAttribute('uid');
+ if (node.options){
+ var no = node.options, eo = element.options;
+ for (var j = no.length; j--;) no[j].selected = eo[j].selected;
+ }
+ }
+ var prop = props[element.tagName.toLowerCase()];
+ if (prop && element[prop]) node[prop] = element[prop];
+ };
- getProperties: function(){
- var args = $A(arguments);
- return args.map(function(attr){
- return this.getProperty(attr);
- }, this).associate(args);
+ var i;
+ if (contents){
+ var ce = clone.getElementsByTagName('*'), te = this.getElementsByTagName('*');
+ for (i = ce.length; i--;) clean(ce[i], te[i]);
+ }
+
+ clean(clone, this);
+ if (Browser.ie){
+ var ts = this.getElementsByTagName('object'),
+ cs = clone.getElementsByTagName('object'),
+ tl = ts.length, cl = cs.length;
+ for (i = 0; i < tl && i < cl; i++)
+ cs[i].outerHTML = ts[i].outerHTML;
+ }
+ return document.id(clone);
},
- setProperty: function(attribute, value){
- var EA = Element.Attributes, key = EA.Props[attribute], hasValue = $defined(value);
- if (key && EA.Bools[attribute]) value = (value || !hasValue) ? true : false;
- else if (!hasValue) return this.removeProperty(attribute);
- (key) ? this[key] = value : this.setAttribute(attribute, value);
- return this;
+ destroy: function(){
+ var children = clean(this).getElementsByTagName('*');
+ Array.each(children, clean);
+ Element.dispose(this);
+ return null;
},
- setProperties: function(attributes){
- for (var attribute in attributes) this.setProperty(attribute, attributes[attribute]);
+ empty: function(){
+ Array.from(this.childNodes).each(Element.dispose);
return this;
},
- removeProperty: function(attribute){
- var EA = Element.Attributes, key = EA.Props[attribute], isBool = (key && EA.Bools[attribute]);
- (key) ? this[key] = (isBool) ? false : '' : this.removeAttribute(attribute);
- return this;
+ dispose: function(){
+ return (this.parentNode) ? this.parentNode.removeChild(this) : this;
},
- removeProperties: function(){
- Array.each(arguments, this.removeProperty, this);
- return this;
+ match: function(expression){
+ return !expression || Slick.match(this, expression);
}
});
-(function(){
-
-var walk = function(element, walk, start, match, all, nocash){
- var el = element[start || walk];
- var elements = [];
- while (el){
- if (el.nodeType == 1 && (!match || Element.match(el, match))){
- elements.push(el);
- if (!all) break;
- }
- el = el[walk];
- }
- return (all) ? new Elements(elements, {ddup: false, cash: !nocash}) : $(elements[0], nocash);
-};
-
-Element.implement({
+var contains = {contains: function(element){
+ return Slick.contains(this, element);
+}};
- getPrevious: function(match, nocash){
- return walk(this, 'previousSibling', null, match, false, nocash);
- },
+if (!document.contains) Document.implement(contains);
+if (!document.createElement('div').contains) Element.implement(contains);
- getAllPrevious: function(match, nocash){
- return walk(this, 'previousSibling', null, match, true, nocash);
- },
+//<1.2compat>
- getNext: function(match, nocash){
- return walk(this, 'nextSibling', null, match, false, nocash);
- },
+Element.implement('hasChild', function(element){
+ return this !== element && this.contains(element);
+});
- getAllNext: function(match, nocash){
- return walk(this, 'nextSibling', null, match, true, nocash);
- },
+//</1.2compat>
- getFirst: function(match, nocash){
- return walk(this, 'nextSibling', 'firstChild', match, false, nocash);
- },
+[Element, Window, Document].invoke('implement', {
- getLast: function(match, nocash){
- return walk(this, 'previousSibling', 'lastChild', match, false, nocash);
+ addListener: function(type, fn){
+ if (type == 'unload'){
+ var old = fn, self = this;
+ fn = function(){
+ self.removeListener('unload', fn);
+ old();
+ };
+ } else {
+ collected[this.uid] = this;
+ }
+ if (this.addEventListener) this.addEventListener(type, fn, false);
+ else this.attachEvent('on' + type, fn);
+ return this;
},
- getParent: function(match, nocash){
- return walk(this, 'parentNode', null, match, false, nocash);
+ removeListener: function(type, fn){
+ if (this.removeEventListener) this.removeEventListener(type, fn, false);
+ else this.detachEvent('on' + type, fn);
+ return this;
},
- getParents: function(match, nocash){
- return walk(this, 'parentNode', null, match, true, nocash);
+ retrieve: function(property, dflt){
+ var storage = get(this.uid), prop = storage[property];
+ if (dflt != null && prop == null) prop = storage[property] = dflt;
+ return prop != null ? prop : null;
},
- getChildren: function(match, nocash){
- return walk(this, 'nextSibling', 'firstChild', match, true, nocash);
+ store: function(property, value){
+ var storage = get(this.uid);
+ storage[property] = value;
+ return this;
},
- hasChild: function(el){
- el = $(el, true);
- return (!!el && $A(this.getElementsByTagName(el.tagName)).contains(el));
+ eliminate: function(property){
+ var storage = get(this.uid);
+ delete storage[property];
+ return this;
}
});
+// IE purge
+if (window.attachEvent && !window.addEventListener) window.addListener('unload', function(){
+ Object.each(collected, clean);
+ if (window.CollectGarbage) CollectGarbage();
+});
+
})();
+Element.Properties = {};
+
+//<1.2compat>
+
Element.Properties = new Hash;
+//</1.2compat>
+
Element.Properties.style = {
set: function(style){
};
-Element.Properties.tag = {get: function(){
- return this.tagName.toLowerCase();
-}};
+Element.Properties.tag = {
-Element.Properties.href = {get: function(){
- return (!this.href) ? null : this.href.replace(new RegExp('^' + document.location.protocol + '\/\/' + document.location.host), '');
-}};
+ get: function(){
+ return this.tagName.toLowerCase();
+ }
+
+};
+
+(function(maxLength){
+ if (maxLength != null) Element.Properties.maxlength = Element.Properties.maxLength = {
+ get: function(){
+ var maxlength = this.getAttribute('maxLength');
+ return maxlength == maxLength ? null : maxlength;
+ }
+ };
+})(document.createElement('input').getAttribute('maxLength'));
+
+Element.Properties.html = (function(){
+
+ var tableTest = Function.attempt(function(){
+ var table = document.createElement('table');
+ table.innerHTML = '<tr><td></td></tr>';
+ });
+
+ var wrapper = document.createElement('div');
+
+ var translations = {
+ table: [1, '<table>', '</table>'],
+ select: [1, '<select>', '</select>'],
+ tbody: [2, '<table><tbody>', '</tbody></table>'],
+ tr: [3, '<table><tbody><tr>', '</tr></tbody></table>']
+ };
+ translations.thead = translations.tfoot = translations.tbody;
+
+ var html = {
+ set: function(){
+ var html = Array.flatten(arguments).join('');
+ var wrap = (!tableTest && translations[this.get('tag')]);
+ if (wrap){
+ var first = wrapper;
+ first.innerHTML = wrap[1] + html + wrap[2];
+ for (var i = wrap[0]; i--;) first = first.firstChild;
+ this.empty().adopt(first.childNodes);
+ } else {
+ this.innerHTML = html;
+ }
+ }
+ };
+
+ html.erase = html.set;
+
+ return html;
+})();
+
+
+/*
+---
+
+name: Element.Event
-Element.Properties.html = {set: function(){
- return this.innerHTML = Array.flatten(arguments).join('');
+description: Contains Element methods for dealing with events. This file also includes mouseenter and mouseleave custom Element Events.
+
+license: MIT-style license.
+
+requires: [Element, Event]
+
+provides: Element.Event
+
+...
+*/
+
+(function(){
+
+Element.Properties.events = {set: function(events){
+ this.addEvents(events);
}};
-Native.implement([Element, Window, Document], {
+[Element, Window, Document].invoke('implement', {
- addListener: function(type, fn){
- if (this.addEventListener) this.addEventListener(type, fn, false);
- else this.attachEvent('on' + type, fn);
+ addEvent: function(type, fn){
+ var events = this.retrieve('events', {});
+ if (!events[type]) events[type] = {keys: [], values: []};
+ if (events[type].keys.contains(fn)) return this;
+ events[type].keys.push(fn);
+ var realType = type,
+ custom = Element.Events[type],
+ condition = fn,
+ self = this;
+ if (custom){
+ if (custom.onAdd) custom.onAdd.call(this, fn);
+ if (custom.condition){
+ condition = function(event){
+ if (custom.condition.call(this, event)) return fn.call(this, event);
+ return true;
+ };
+ }
+ realType = custom.base || realType;
+ }
+ var defn = function(){
+ return fn.call(self);
+ };
+ var nativeEvent = Element.NativeEvents[realType];
+ if (nativeEvent){
+ if (nativeEvent == 2){
+ defn = function(event){
+ event = new Event(event, self.getWindow());
+ if (condition.call(self, event) === false) event.stop();
+ };
+ }
+ this.addListener(realType, defn);
+ }
+ events[type].values.push(defn);
return this;
},
- removeListener: function(type, fn){
- if (this.removeEventListener) this.removeEventListener(type, fn, false);
- else this.detachEvent('on' + type, fn);
+ removeEvent: function(type, fn){
+ var events = this.retrieve('events');
+ if (!events || !events[type]) return this;
+ var list = events[type];
+ var index = list.keys.indexOf(fn);
+ if (index == -1) return this;
+ var value = list.values[index];
+ delete list.keys[index];
+ delete list.values[index];
+ var custom = Element.Events[type];
+ if (custom){
+ if (custom.onRemove) custom.onRemove.call(this, fn);
+ type = custom.base || type;
+ }
+ return (Element.NativeEvents[type]) ? this.removeListener(type, value) : this;
+ },
+
+ addEvents: function(events){
+ for (var event in events) this.addEvent(event, events[event]);
return this;
},
- retrieve: function(property, dflt){
- var storage = Element.Storage.get(this.uid);
- var prop = storage[property];
- if ($defined(dflt) && !$defined(prop)) prop = storage[property] = dflt;
- return $pick(prop);
+ removeEvents: function(events){
+ var type;
+ if (typeOf(events) == 'object'){
+ for (type in events) this.removeEvent(type, events[type]);
+ return this;
+ }
+ var attached = this.retrieve('events');
+ if (!attached) return this;
+ if (!events){
+ for (type in attached) this.removeEvents(type);
+ this.eliminate('events');
+ } else if (attached[events]){
+ attached[events].keys.each(function(fn){
+ this.removeEvent(events, fn);
+ }, this);
+ delete attached[events];
+ }
+ return this;
},
- store: function(property, value){
- var storage = Element.Storage.get(this.uid);
- storage[property] = value;
+ fireEvent: function(type, args, delay){
+ var events = this.retrieve('events');
+ if (!events || !events[type]) return this;
+ args = Array.from(args);
+
+ events[type].keys.each(function(fn){
+ if (delay) fn.delay(delay, this, args);
+ else fn.apply(this, args);
+ }, this);
return this;
},
- eliminate: function(property){
- var storage = Element.Storage.get(this.uid);
- delete storage[property];
+ cloneEvents: function(from, type){
+ from = document.id(from);
+ var events = from.retrieve('events');
+ if (!events) return this;
+ if (!type){
+ for (var eventType in events) this.cloneEvents(from, eventType);
+ } else if (events[type]){
+ events[type].keys.each(function(fn){
+ this.addEvent(type, fn);
+ }, this);
+ }
return this;
}
});
-Element.Attributes = new Hash({
- Props: {'html': 'innerHTML', 'class': 'className', 'for': 'htmlFor', 'text': (Browser.Engine.trident) ? 'innerText' : 'textContent'},
- Bools: ['compact', 'nowrap', 'ismap', 'declare', 'noshade', 'checked', 'disabled', 'readonly', 'multiple', 'selected', 'noresize', 'defer'],
- Camels: ['value', 'accessKey', 'cellPadding', 'cellSpacing', 'colSpan', 'frameBorder', 'maxLength', 'readOnly', 'rowSpan', 'tabIndex', 'useMap']
-});
+// IE9
+try {
+ if (typeof HTMLElement != 'undefined')
+ HTMLElement.prototype.fireEvent = Element.prototype.fireEvent;
+} catch(e){}
+
+Element.NativeEvents = {
+ click: 2, dblclick: 2, mouseup: 2, mousedown: 2, contextmenu: 2, //mouse buttons
+ mousewheel: 2, DOMMouseScroll: 2, //mouse wheel
+ mouseover: 2, mouseout: 2, mousemove: 2, selectstart: 2, selectend: 2, //mouse movement
+ keydown: 2, keypress: 2, keyup: 2, //keyboard
+ orientationchange: 2, // mobile
+ touchstart: 2, touchmove: 2, touchend: 2, touchcancel: 2, // touch
+ gesturestart: 2, gesturechange: 2, gestureend: 2, // gesture
+ focus: 2, blur: 2, change: 2, reset: 2, select: 2, submit: 2, //form elements
+ load: 2, unload: 1, beforeunload: 2, resize: 1, move: 1, DOMContentLoaded: 1, readystatechange: 1, //window
+ error: 1, abort: 1, scroll: 1 //misc
+};
-Browser.freeMem = function(item){
- if (!item) return;
- if (Browser.Engine.trident && (/object/i).test(item.tagName)){
- for (var p in item){
- if (typeof item[p] == 'function') item[p] = $empty;
- }
- Element.dispose(item);
- }
- if (item.uid && item.removeEvents) item.removeEvents();
+var check = function(event){
+ var related = event.relatedTarget;
+ if (related == null) return true;
+ if (!related) return false;
+ return (related != this && related.prefix != 'xul' && typeOf(this) != 'document' && !this.contains(related));
};
-(function(EA){
+Element.Events = {
+
+ mouseenter: {
+ base: 'mouseover',
+ condition: check
+ },
+
+ mouseleave: {
+ base: 'mouseout',
+ condition: check
+ },
+
+ mousewheel: {
+ base: (Browser.firefox) ? 'DOMMouseScroll' : 'mousewheel'
+ }
+
+};
- var EAB = EA.Bools, EAC = EA.Camels;
- EA.Bools = EAB = EAB.associate(EAB);
- Hash.extend(Hash.combine(EA.Props, EAB), EAC.associate(EAC.map(function(v){
- return v.toLowerCase();
- })));
- EA.erase('Camels');
+//<1.2compat>
-})(Element.Attributes);
+Element.Events = new Hash(Element.Events);
-window.addListener('unload', function(){
- window.removeListener('unload', arguments.callee);
- document.purge();
- if (Browser.Engine.trident) CollectGarbage();
-});
+//</1.2compat>
-/*\r
-Script: Element.Event.js\r
- Contains Element methods for dealing with events, and custom Events.\r
-\r
-License:\r
- MIT-style license.\r
-*/\r
-\r
-Element.Properties.events = {set: function(events){\r
- this.addEvents(events);\r
-}};\r
-\r
-Native.implement([Element, Window, Document], {\r
-\r
- addEvent: function(type, fn){\r
- var events = this.retrieve('events', {});\r
- events[type] = events[type] || {'keys': [], 'values': []};\r
- if (events[type].keys.contains(fn)) return this;\r
- events[type].keys.push(fn);\r
- var realType = type, custom = Element.Events.get(type), condition = fn, self = this;\r
- if (custom){\r
- if (custom.onAdd) custom.onAdd.call(this, fn);\r
- if (custom.condition){\r
- condition = function(event){\r
- if (custom.condition.call(this, event)) return fn.call(this, event);\r
- return false;\r
- };\r
- }\r
- realType = custom.base || realType;\r
- }\r
- var defn = function(){\r
- return fn.call(self);\r
- };\r
- var nativeEvent = Element.NativeEvents[realType] || 0;\r
- if (nativeEvent){\r
- if (nativeEvent == 2){\r
- defn = function(event){\r
- event = new Event(event, self.getWindow());\r
- if (condition.call(self, event) === false) event.stop();\r
- };\r
- }\r
- this.addListener(realType, defn);\r
- }\r
- events[type].values.push(defn);\r
- return this;\r
- },\r
-\r
- removeEvent: function(type, fn){\r
- var events = this.retrieve('events');\r
- if (!events || !events[type]) return this;\r
- var pos = events[type].keys.indexOf(fn);\r
- if (pos == -1) return this;\r
- var key = events[type].keys.splice(pos, 1)[0];\r
- var value = events[type].values.splice(pos, 1)[0];\r
- var custom = Element.Events.get(type);\r
- if (custom){\r
- if (custom.onRemove) custom.onRemove.call(this, fn);\r
- type = custom.base || type;\r
- }\r
- return (Element.NativeEvents[type]) ? this.removeListener(type, value) : this;\r
- },\r
-\r
- addEvents: function(events){\r
- for (var event in events) this.addEvent(event, events[event]);\r
- return this;\r
- },\r
-\r
- removeEvents: function(type){\r
- var events = this.retrieve('events');\r
- if (!events) return this;\r
- if (!type){\r
- for (var evType in events) this.removeEvents(evType);\r
- events = null;\r
- } else if (events[type]){\r
- while (events[type].keys[0]) this.removeEvent(type, events[type].keys[0]);\r
- events[type] = null;\r
- }\r
- return this;\r
- },\r
-\r
- fireEvent: function(type, args, delay){\r
- var events = this.retrieve('events');\r
- if (!events || !events[type]) return this;\r
- events[type].keys.each(function(fn){\r
- fn.create({'bind': this, 'delay': delay, 'arguments': args})();\r
- }, this);\r
- return this;\r
- },\r
-\r
- cloneEvents: function(from, type){\r
- from = $(from);\r
- var fevents = from.retrieve('events');\r
- if (!fevents) return this;\r
- if (!type){\r
- for (var evType in fevents) this.cloneEvents(from, evType);\r
- } else if (fevents[type]){\r
- fevents[type].keys.each(function(fn){\r
- this.addEvent(type, fn);\r
- }, this);\r
- }\r
- return this;\r
- }\r
-\r
-});\r
-\r
-Element.NativeEvents = {\r
- click: 2, dblclick: 2, mouseup: 2, mousedown: 2, contextmenu: 2, //mouse buttons\r
- mousewheel: 2, DOMMouseScroll: 2, //mouse wheel\r
- mouseover: 2, mouseout: 2, mousemove: 2, selectstart: 2, selectend: 2, //mouse movement\r
- keydown: 2, keypress: 2, keyup: 2, //keyboard\r
- focus: 2, blur: 2, change: 2, reset: 2, select: 2, submit: 2, //form elements\r
- load: 1, unload: 1, beforeunload: 2, resize: 1, move: 1, DOMContentLoaded: 1, readystatechange: 1, //window\r
- error: 1, abort: 1, scroll: 1 //misc\r
-};\r
-\r
-(function(){\r
-\r
-var $check = function(event){\r
- var related = event.relatedTarget;\r
- if (related == undefined) return true;\r
- if (related === false) return false;\r
- return ($type(this) != 'document' && related != this && related.prefix != 'xul' && !this.hasChild(related));\r
-};\r
-\r
-Element.Events = new Hash({\r
-\r
- mouseenter: {\r
- base: 'mouseover',\r
- condition: $check\r
- },\r
-\r
- mouseleave: {\r
- base: 'mouseout',\r
- condition: $check\r
- },\r
-\r
- mousewheel: {\r
- base: (Browser.Engine.gecko) ? 'DOMMouseScroll' : 'mousewheel'\r
- }\r
-\r
-});\r
-\r
})();
+
/*
-Script: Element.Style.js
- Contains methods for interacting with the styles of Elements in a fashionable way.
+---
-License:
- MIT-style license.
+name: Element.Style
+
+description: Contains methods for interacting with the styles of Elements in a fashionable way.
+
+license: MIT-style license.
+
+requires: Element
+
+provides: Element.Style
+
+...
*/
+(function(){
+
+var html = document.html;
+
Element.Properties.styles = {set: function(styles){
this.setStyles(styles);
}};
+var hasOpacity = (html.style.opacity != null);
+var reAlpha = /alpha\(opacity=([\d.]+)\)/i;
+
+var setOpacity = function(element, opacity){
+ if (!element.currentStyle || !element.currentStyle.hasLayout) element.style.zoom = 1;
+ if (hasOpacity){
+ element.style.opacity = opacity;
+ } else {
+ opacity = (opacity == 1) ? '' : 'alpha(opacity=' + opacity * 100 + ')';
+ var filter = element.style.filter || element.getComputedStyle('filter') || '';
+ element.style.filter = filter.test(reAlpha) ? filter.replace(reAlpha, opacity) : filter + opacity;
+ }
+};
+
Element.Properties.opacity = {
- set: function(opacity, novisibility){
- if (!novisibility){
- if (opacity == 0){
- if (this.style.visibility != 'hidden') this.style.visibility = 'hidden';
- } else {
- if (this.style.visibility != 'visible') this.style.visibility = 'visible';
- }
- }
- if (!this.currentStyle || !this.currentStyle.hasLayout) this.style.zoom = 1;
- if (Browser.Engine.trident) this.style.filter = (opacity == 1) ? '' : 'alpha(opacity=' + opacity * 100 + ')';
- this.style.opacity = opacity;
- this.store('opacity', opacity);
+ set: function(opacity){
+ var visibility = this.style.visibility;
+ if (opacity == 0 && visibility != 'hidden') this.style.visibility = 'hidden';
+ else if (opacity != 0 && visibility != 'visible') this.style.visibility = 'visible';
+
+ setOpacity(this, opacity);
},
- get: function(){
- return this.retrieve('opacity', 1);
+ get: (hasOpacity) ? function(){
+ var opacity = this.style.opacity || this.getComputedStyle('opacity');
+ return (opacity == '') ? 1 : opacity;
+ } : function(){
+ var opacity, filter = (this.style.filter || this.getComputedStyle('filter'));
+ if (filter) opacity = filter.match(reAlpha);
+ return (opacity == null || filter == null) ? 1 : (opacity[1] / 100);
}
};
+var floatName = (html.style.cssFloat == null) ? 'styleFloat' : 'cssFloat';
+
Element.implement({
-
+
+ getComputedStyle: function(property){
+ if (this.currentStyle) return this.currentStyle[property.camelCase()];
+ var defaultView = Element.getDocument(this).defaultView,
+ computed = defaultView ? defaultView.getComputedStyle(this, null) : null;
+ return (computed) ? computed.getPropertyValue((property == floatName) ? 'float' : property.hyphenate()) : null;
+ },
+
setOpacity: function(value){
- return this.set('opacity', value, true);
+ setOpacity(this, value);
+ return this;
},
-
+
getOpacity: function(){
return this.get('opacity');
},
setStyle: function(property, value){
switch (property){
case 'opacity': return this.set('opacity', parseFloat(value));
- case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat';
+ case 'float': property = floatName;
}
property = property.camelCase();
- if ($type(value) != 'string'){
- var map = (Element.Styles.get(property) || '@').split(' ');
- value = $splat(value).map(function(val, i){
+ if (typeOf(value) != 'string'){
+ var map = (Element.Styles[property] || '@').split(' ');
+ value = Array.from(value).map(function(val, i){
if (!map[i]) return '';
- return ($type(val) == 'number') ? map[i].replace('@', Math.round(val)) : val;
+ return (typeOf(val) == 'number') ? map[i].replace('@', Math.round(val)) : val;
}).join(' ');
} else if (value == String(Number(value))){
value = Math.round(value);
getStyle: function(property){
switch (property){
case 'opacity': return this.get('opacity');
- case 'float': property = (Browser.Engine.trident) ? 'styleFloat' : 'cssFloat';
+ case 'float': property = floatName;
}
property = property.camelCase();
var result = this.style[property];
- if (!$chk(result)){
+ if (!result || property == 'zIndex'){
result = [];
for (var style in Element.ShortStyles){
if (property != style) continue;
var color = result.match(/rgba?\([\d\s,]+\)/);
if (color) result = result.replace(color[0], color[0].rgbToHex());
}
- if (Browser.Engine.presto || (Browser.Engine.trident && !$chk(parseInt(result)))){
+ if (Browser.opera || (Browser.ie && isNaN(parseFloat(result)))){
if (property.test(/^(height|width)$/)){
var values = (property == 'width') ? ['left', 'right'] : ['top', 'bottom'], size = 0;
values.each(function(value){
}, this);
return this['offset' + property.capitalize()] - size + 'px';
}
- if (Browser.Engine.presto && String(result).test('px')) return result;
+ if (Browser.opera && String(result).indexOf('px') != -1) return result;
if (property.test(/(border(.+)Width|margin|padding)/)) return '0px';
}
return result;
getStyles: function(){
var result = {};
- Array.each(arguments, function(key){
+ Array.flatten(arguments).each(function(key){
result[key] = this.getStyle(key);
}, this);
return result;
});
-Element.Styles = new Hash({
+Element.Styles = {
left: '@px', top: '@px', bottom: '@px', right: '@px',
width: '@px', height: '@px', maxWidth: '@px', maxHeight: '@px', minWidth: '@px', minHeight: '@px',
backgroundColor: 'rgb(@, @, @)', backgroundPosition: '@px @px', color: 'rgb(@, @, @)',
margin: '@px @px @px @px', padding: '@px @px @px @px', border: '@px @ rgb(@, @, @) @px @ rgb(@, @, @) @px @ rgb(@, @, @)',
borderWidth: '@px @px @px @px', borderStyle: '@ @ @ @', borderColor: 'rgb(@, @, @) rgb(@, @, @) rgb(@, @, @) rgb(@, @, @)',
zIndex: '@', 'zoom': '@', fontWeight: '@', textIndent: '@px', opacity: '@'
-});
+};
+
+//<1.2compat>
+
+Element.Styles = new Hash(Element.Styles);
+
+//</1.2compat>
Element.ShortStyles = {margin: {}, padding: {}, border: {}, borderWidth: {}, borderStyle: {}, borderColor: {}};
Short.borderColor[bdc] = Short[bd][bdc] = All[bdc] = 'rgb(@, @, @)';
});
+})();
+
+
+/*
+---
+
+name: Element.Dimensions
+
+description: Contains methods to work with size, scroll, or positioning of Elements and the window object.
+
+license: MIT-style license.
-/*
-Script: Element.Dimensions.js
- Contains methods to work with size, scroll, or positioning of Elements and the window object.
+credits:
+ - Element positioning based on the [qooxdoo](http://qooxdoo.org/) code and smart browser fixes, [LGPL License](http://www.gnu.org/licenses/lgpl.html).
+ - Viewport dimensions based on [YUI](http://developer.yahoo.com/yui/) code, [BSD License](http://developer.yahoo.com/yui/license.html).
+
+requires: [Element, Element.Style]
-License:
- MIT-style license.
+provides: [Element.Dimensions]
-Credits:
- - Element positioning based on the [qooxdoo](http://qooxdoo.org/) code and smart browser fixes, [LGPL License](http://www.gnu.org/licenses/lgpl.html).
- - Viewport dimensions based on [YUI](http://developer.yahoo.com/yui/) code, [BSD License](http://developer.yahoo.com/yui/license.html).
+...
*/
(function(){
},
getScrolls: function(){
- var element = this, position = {x: 0, y: 0};
+ var element = this.parentNode, position = {x: 0, y: 0};
while (element && !isBody(element)){
position.x += element.scrollLeft;
position.y += element.scrollTop;
}
return position;
},
-
+
getOffsetParent: function(){
var element = this;
- if (isBody(element)) return null;
- if (!Browser.Engine.trident) return element.offsetParent;
- while ((element = element.parentNode) && !isBody(element)){
- if (styleString(element, 'position') != 'static') return element;
- }
+ if (isBody(element)) return null;
+ if (!Browser.ie) return element.offsetParent;
+ while ((element = element.parentNode)){
+ if (styleString(element, 'position') != 'static' || isBody(element)) return element;
+ }
return null;
},
getOffsets: function(){
+ if (this.getBoundingClientRect && !Browser.Platform.ios){
+ var bound = this.getBoundingClientRect(),
+ html = document.id(this.getDocument().documentElement),
+ htmlScroll = html.getScroll(),
+ elemScrolls = this.getScrolls(),
+ isFixed = (styleString(this, 'position') == 'fixed');
+
+ return {
+ x: bound.left.toInt() + elemScrolls.x + ((isFixed) ? 0 : htmlScroll.x) - html.clientLeft,
+ y: bound.top.toInt() + elemScrolls.y + ((isFixed) ? 0 : htmlScroll.y) - html.clientTop
+ };
+ }
+
var element = this, position = {x: 0, y: 0};
if (isBody(this)) return position;
position.x += element.offsetLeft;
position.y += element.offsetTop;
- if (Browser.Engine.gecko){
+ if (Browser.firefox){
if (!borderBox(element)){
position.x += leftBorder(element);
position.y += topBorder(element);
position.x += leftBorder(parent);
position.y += topBorder(parent);
}
- } else if (element != this && (Browser.Engine.trident || Browser.Engine.webkit)){
+ } else if (element != this && Browser.safari){
position.x += leftBorder(element);
position.y += topBorder(element);
}
element = element.offsetParent;
- if (Browser.Engine.trident){
- while (element && !element.currentStyle.hasLayout) element = element.offsetParent;
- }
}
- if (Browser.Engine.gecko && !borderBox(this)){
+ if (Browser.firefox && !borderBox(this)){
position.x -= leftBorder(this);
position.y -= topBorder(this);
}
getPosition: function(relative){
if (isBody(this)) return {x: 0, y: 0};
- var offset = this.getOffsets(), scroll = this.getScrolls();
- var position = {x: offset.x - scroll.x, y: offset.y - scroll.y};
- var relativePosition = (relative && (relative = $(relative))) ? relative.getPosition() : {x: 0, y: 0};
- return {x: position.x - relativePosition.x, y: position.y - relativePosition.y};
+ var offset = this.getOffsets(),
+ scroll = this.getScrolls();
+ var position = {
+ x: offset.x - scroll.x,
+ y: offset.y - scroll.y
+ };
+
+ if (relative && (relative = document.id(relative))){
+ var relativePosition = relative.getPosition();
+ return {x: position.x - relativePosition.x - leftBorder(relative), y: position.y - relativePosition.y - topBorder(relative)};
+ }
+ return position;
},
getCoordinates: function(element){
if (isBody(this)) return this.getWindow().getCoordinates();
- var position = this.getPosition(element), size = this.getSize();
- var obj = {left: position.x, top: position.y, width: size.x, height: size.y};
+ var position = this.getPosition(element),
+ size = this.getSize();
+ var obj = {
+ left: position.x,
+ top: position.y,
+ width: size.x,
+ height: size.y
+ };
obj.right = obj.left + obj.width;
obj.bottom = obj.top + obj.height;
return obj;
},
computePosition: function(obj){
- return {left: obj.x - styleNumber(this, 'margin-left'), top: obj.y - styleNumber(this, 'margin-top')};
+ return {
+ left: obj.x - styleNumber(this, 'margin-left'),
+ top: obj.y - styleNumber(this, 'margin-top')
+ };
},
- position: function(obj){
+ setPosition: function(obj){
return this.setStyles(this.computePosition(obj));
}
});
-Native.implement([Document, Window], {
+
+[Document, Window].invoke('implement', {
getSize: function(){
- var win = this.getWindow();
- if (Browser.Engine.presto || Browser.Engine.webkit) return {x: win.innerWidth, y: win.innerHeight};
var doc = getCompatElement(this);
return {x: doc.clientWidth, y: doc.clientHeight};
},
getScroll: function(){
- var win = this.getWindow();
- var doc = getCompatElement(this);
+ var win = this.getWindow(), doc = getCompatElement(this);
return {x: win.pageXOffset || doc.scrollLeft, y: win.pageYOffset || doc.scrollTop};
},
getScrollSize: function(){
- var doc = getCompatElement(this);
- var min = this.getSize();
- return {x: Math.max(doc.scrollWidth, min.x), y: Math.max(doc.scrollHeight, min.y)};
+ var doc = getCompatElement(this),
+ min = this.getSize(),
+ body = this.getDocument().body;
+
+ return {x: Math.max(doc.scrollWidth, body.scrollWidth, min.x), y: Math.max(doc.scrollHeight, body.scrollHeight, min.y)};
},
getPosition: function(){
})();
//aliases
+Element.alias({position: 'setPosition'}); //compatability
-Native.implement([Window, Document, Element], {
+[Window, Document, Element].invoke('implement', {
getHeight: function(){
return this.getSize().y;
});
+
/*
-Script: Selectors.js
- Adds advanced CSS Querying capabilities for targeting elements. Also includes pseudoselectors support.
+---
-License:
- MIT-style license.
-*/
+name: Fx
-Native.implement([Document, Element], {
-
- getElements: function(expression, nocash){
- expression = expression.split(',');
- var items, local = {};
- for (var i = 0, l = expression.length; i < l; i++){
- var selector = expression[i], elements = Selectors.Utils.search(this, selector, local);
- if (i != 0 && elements.item) elements = $A(elements);
- items = (i == 0) ? elements : (items.item) ? $A(items).concat(elements) : items.concat(elements);
- }
- return new Elements(items, {ddup: (expression.length > 1), cash: !nocash});
- }
-
-});
+description: Contains the basic animation logic to be extended by all other Fx Classes.
-Element.implement({
-
- match: function(selector){
- if (!selector) return true;
- var tagid = Selectors.Utils.parseTagAndID(selector);
- var tag = tagid[0], id = tagid[1];
- if (!Selectors.Filters.byID(this, id) || !Selectors.Filters.byTag(this, tag)) return false;
- var parsed = Selectors.Utils.parseSelector(selector);
- return (parsed) ? Selectors.Utils.filter(this, parsed, {}) : true;
- }
-
-});
+license: MIT-style license.
-var Selectors = {Cache: {nth: {}, parsed: {}}};
+requires: [Chain, Events, Options]
-Selectors.RegExps = {
- id: (/#([\w-]+)/),
- tag: (/^(\w+|\*)/),
- quick: (/^(\w+|\*)$/),
- splitter: (/\s*([+>~\s])\s*([a-zA-Z#.*:\[])/g),
- combined: (/\.([\w-]+)|\[(\w+)(?:([!*^$~|]?=)["']?(.*?)["']?)?\]|:([\w-]+)(?:\(["']?(.*?)?["']?\)|$)/g)
-};
+provides: Fx
-Selectors.Utils = {
-
- chk: function(item, uniques){
- if (!uniques) return true;
- var uid = $uid(item);
- if (!uniques[uid]) return uniques[uid] = true;
- return false;
- },
-
- parseNthArgument: function(argument){
- if (Selectors.Cache.nth[argument]) return Selectors.Cache.nth[argument];
- var parsed = argument.match(/^([+-]?\d*)?([a-z]+)?([+-]?\d*)?$/);
- if (!parsed) return false;
- var inta = parseInt(parsed[1]);
- var a = (inta || inta === 0) ? inta : 1;
- var special = parsed[2] || false;
- var b = parseInt(parsed[3]) || 0;
- if (a != 0){
- b--;
- while (b < 1) b += a;
- while (b >= a) b -= a;
- } else {
- a = b;
- special = 'index';
- }
- switch (special){
- case 'n': parsed = {a: a, b: b, special: 'n'}; break;
- case 'odd': parsed = {a: 2, b: 0, special: 'n'}; break;
- case 'even': parsed = {a: 2, b: 1, special: 'n'}; break;
- case 'first': parsed = {a: 0, special: 'index'}; break;
- case 'last': parsed = {special: 'last-child'}; break;
- case 'only': parsed = {special: 'only-child'}; break;
- default: parsed = {a: (a - 1), special: 'index'};
- }
-
- return Selectors.Cache.nth[argument] = parsed;
- },
-
- parseSelector: function(selector){
- if (Selectors.Cache.parsed[selector]) return Selectors.Cache.parsed[selector];
- var m, parsed = {classes: [], pseudos: [], attributes: []};
- while ((m = Selectors.RegExps.combined.exec(selector))){
- var cn = m[1], an = m[2], ao = m[3], av = m[4], pn = m[5], pa = m[6];
- if (cn){
- parsed.classes.push(cn);
- } else if (pn){
- var parser = Selectors.Pseudo.get(pn);
- if (parser) parsed.pseudos.push({parser: parser, argument: pa});
- else parsed.attributes.push({name: pn, operator: '=', value: pa});
- } else if (an){
- parsed.attributes.push({name: an, operator: ao, value: av});
- }
- }
- if (!parsed.classes.length) delete parsed.classes;
- if (!parsed.attributes.length) delete parsed.attributes;
- if (!parsed.pseudos.length) delete parsed.pseudos;
- if (!parsed.classes && !parsed.attributes && !parsed.pseudos) parsed = null;
- return Selectors.Cache.parsed[selector] = parsed;
+...
+*/
+
+(function(){
+
+var Fx = this.Fx = new Class({
+
+ Implements: [Chain, Events, Options],
+
+ options: {
+ /*
+ onStart: nil,
+ onCancel: nil,
+ onComplete: nil,
+ */
+ fps: 50,
+ unit: false,
+ duration: 500,
+ link: 'ignore'
},
-
- parseTagAndID: function(selector){
- var tag = selector.match(Selectors.RegExps.tag);
- var id = selector.match(Selectors.RegExps.id);
- return [(tag) ? tag[1] : '*', (id) ? id[1] : false];
+
+ initialize: function(options){
+ this.subject = this.subject || this;
+ this.setOptions(options);
},
-
- filter: function(item, parsed, local){
- var i;
- if (parsed.classes){
- for (i = parsed.classes.length; i--; i){
- var cn = parsed.classes[i];
- if (!Selectors.Filters.byClass(item, cn)) return false;
- }
- }
- if (parsed.attributes){
- for (i = parsed.attributes.length; i--; i){
- var att = parsed.attributes[i];
- if (!Selectors.Filters.byAttribute(item, att.name, att.operator, att.value)) return false;
- }
- }
- if (parsed.pseudos){
- for (i = parsed.pseudos.length; i--; i){
- var psd = parsed.pseudos[i];
- if (!Selectors.Filters.byPseudo(item, psd.parser, psd.argument, local)) return false;
- }
- }
- return true;
+
+ getTransition: function(){
+ return function(p){
+ return -(Math.cos(Math.PI * p) - 1) / 2;
+ };
},
-
- getByTagAndID: function(ctx, tag, id){
- if (id){
- var item = (ctx.getElementById) ? ctx.getElementById(id, true) : Element.getElementById(ctx, id, true);
- return (item && Selectors.Filters.byTag(item, tag)) ? [item] : [];
+
+ step: function(){
+ var time = Date.now();
+ if (time < this.time + this.options.duration){
+ var delta = this.transition((time - this.time) / this.options.duration);
+ this.set(this.compute(this.from, this.to, delta));
} else {
- return ctx.getElementsByTagName(tag);
+ this.set(this.compute(this.from, this.to, 1));
+ this.complete();
}
},
-
- search: function(self, expression, local){
- var splitters = [];
-
- var selectors = expression.trim().replace(Selectors.RegExps.splitter, function(m0, m1, m2){
- splitters.push(m1);
- return ':)' + m2;
- }).split(':)');
-
- var items, match, filtered, item;
-
- for (var i = 0, l = selectors.length; i < l; i++){
-
- var selector = selectors[i];
-
- if (i == 0 && Selectors.RegExps.quick.test(selector)){
- items = self.getElementsByTagName(selector);
- continue;
- }
-
- var splitter = splitters[i - 1];
-
- var tagid = Selectors.Utils.parseTagAndID(selector);
- var tag = tagid[0], id = tagid[1];
-
- if (i == 0){
- items = Selectors.Utils.getByTagAndID(self, tag, id);
- } else {
- var uniques = {}, found = [];
- for (var j = 0, k = items.length; j < k; j++) found = Selectors.Getters[splitter](found, items[j], tag, id, uniques);
- items = found;
- }
-
- var parsed = Selectors.Utils.parseSelector(selector);
-
- if (parsed){
- filtered = [];
- for (var m = 0, n = items.length; m < n; m++){
- item = items[m];
- if (Selectors.Utils.filter(item, parsed, local)) filtered.push(item);
- }
- items = filtered;
- }
-
- }
-
- return items;
-
- }
-
-};
-Selectors.Getters = {
-
- ' ': function(found, self, tag, id, uniques){
- var items = Selectors.Utils.getByTagAndID(self, tag, id);
- for (var i = 0, l = items.length; i < l; i++){
- var item = items[i];
- if (Selectors.Utils.chk(item, uniques)) found.push(item);
- }
- return found;
- },
-
- '>': function(found, self, tag, id, uniques){
- var children = Selectors.Utils.getByTagAndID(self, tag, id);
- for (var i = 0, l = children.length; i < l; i++){
- var child = children[i];
- if (child.parentNode == self && Selectors.Utils.chk(child, uniques)) found.push(child);
- }
- return found;
- },
-
- '+': function(found, self, tag, id, uniques){
- while ((self = self.nextSibling)){
- if (self.nodeType == 1){
- if (Selectors.Utils.chk(self, uniques) && Selectors.Filters.byTag(self, tag) && Selectors.Filters.byID(self, id)) found.push(self);
- break;
- }
- }
- return found;
+ set: function(now){
+ return now;
},
-
- '~': function(found, self, tag, id, uniques){
-
- while ((self = self.nextSibling)){
- if (self.nodeType == 1){
- if (!Selectors.Utils.chk(self, uniques)) break;
- if (Selectors.Filters.byTag(self, tag) && Selectors.Filters.byID(self, id)) found.push(self);
- }
- }
- return found;
- }
-
-};
-Selectors.Filters = {
-
- byTag: function(self, tag){
- return (tag == '*' || (self.tagName && self.tagName.toLowerCase() == tag));
- },
-
- byID: function(self, id){
- return (!id || (self.id && self.id == id));
- },
-
- byClass: function(self, klass){
- return (self.className && self.className.contains(klass, ' '));
- },
-
- byPseudo: function(self, parser, argument, local){
- return parser.call(self, argument, local);
+ compute: function(from, to, delta){
+ return Fx.compute(from, to, delta);
},
-
- byAttribute: function(self, name, operator, value){
- var result = Element.prototype.getProperty.call(self, name);
- if (!result) return false;
- if (!operator || value == undefined) return true;
- switch (operator){
- case '=': return (result == value);
- case '*=': return (result.contains(value));
- case '^=': return (result.substr(0, value.length) == value);
- case '$=': return (result.substr(result.length - value.length) == value);
- case '!=': return (result != value);
- case '~=': return result.contains(value, ' ');
- case '|=': return result.contains(value, '-');
- }
- return false;
- }
-
-};
-Selectors.Pseudo = new Hash({
-
- // w3c pseudo selectors
-
- empty: function(){
- return !(this.innerText || this.textContent || '').length;
- },
-
- not: function(selector){
- return !Element.match(this, selector);
- },
-
- contains: function(text){
- return (this.innerText || this.textContent || '').contains(text);
- },
-
- 'first-child': function(){
- return Selectors.Pseudo.index.call(this, 0);
- },
-
- 'last-child': function(){
- var element = this;
- while ((element = element.nextSibling)){
- if (element.nodeType == 1) return false;
- }
- return true;
- },
-
- 'only-child': function(){
- var prev = this;
- while ((prev = prev.previousSibling)){
- if (prev.nodeType == 1) return false;
- }
- var next = this;
- while ((next = next.nextSibling)){
- if (next.nodeType == 1) return false;
- }
- return true;
- },
-
- 'nth-child': function(argument, local){
- argument = (argument == undefined) ? 'n' : argument;
- var parsed = Selectors.Utils.parseNthArgument(argument);
- if (parsed.special != 'n') return Selectors.Pseudo[parsed.special].call(this, parsed.a, local);
- var count = 0;
- local.positions = local.positions || {};
- var uid = $uid(this);
- if (!local.positions[uid]){
- var self = this;
- while ((self = self.previousSibling)){
- if (self.nodeType != 1) continue;
- count ++;
- var position = local.positions[$uid(self)];
- if (position != undefined){
- count = position + count;
- break;
- }
- }
- local.positions[uid] = count;
- }
- return (local.positions[uid] % parsed.a == parsed.b);
- },
-
- // custom pseudo selectors
-
- index: function(index){
- var element = this, count = 0;
- while ((element = element.previousSibling)){
- if (element.nodeType == 1 && ++count > index) return false;
+ check: function(){
+ if (!this.timer) return true;
+ switch (this.options.link){
+ case 'cancel': this.cancel(); return true;
+ case 'chain': this.chain(this.caller.pass(arguments, this)); return false;
}
- return (count == index);
- },
-
- even: function(argument, local){
- return Selectors.Pseudo['nth-child'].call(this, '2n+1', local);
+ return false;
},
- odd: function(argument, local){
- return Selectors.Pseudo['nth-child'].call(this, '2n', local);
- }
-
-});
-
-/*
-Script: Domready.js
- Contains the domready custom event.
-
-License:
- MIT-style license.
-*/
-
-Element.Events.domready = {
-
- onAdd: function(fn){
- if (Browser.loaded) fn.call(this);
- }
-
-};
-
-(function(){
-
- var domready = function(){
- if (Browser.loaded) return;
- Browser.loaded = true;
- window.fireEvent('domready');
- document.fireEvent('domready');
- };
-
- switch (Browser.Engine.name){
-
- case 'webkit': (function(){
- (['loaded', 'complete'].contains(document.readyState)) ? domready() : arguments.callee.delay(50);
- })(); break;
-
- case 'trident':
- var temp = document.createElement('div');
- (function(){
- ($try(function(){
- temp.doScroll('left');
- return $(temp).inject(document.body).set('html', 'temp').dispose();
- })) ? domready() : arguments.callee.delay(50);
- })();
- break;
-
- default:
- window.addEvent('load', domready);
- document.addEvent('DOMContentLoaded', domready);
-
- }
-
-})();
-
-/*
-Script: JSON.js
- JSON encoder and decoder.
-
-License:
- MIT-style license.
-
-See Also:
- <http://www.json.org/>
-*/
-
-var JSON = new Hash({
-
- encode: function(obj){
- switch ($type(obj)){
- case 'string':
- return '"' + obj.replace(/[\x00-\x1f\\"]/g, JSON.$replaceChars) + '"';
- case 'array':
- return '[' + String(obj.map(JSON.encode).filter($defined)) + ']';
- case 'object': case 'hash':
- var string = [];
- Hash.each(obj, function(value, key){
- var json = JSON.encode(value);
- if (json) string.push(JSON.encode(key) + ':' + json);
- });
- return '{' + string + '}';
- case 'number': case 'boolean': return String(obj);
- case false: return 'null';
- }
- return null;
+ start: function(from, to){
+ if (!this.check(from, to)) return this;
+ var duration = this.options.duration;
+ this.options.duration = Fx.Durations[duration] || duration.toInt();
+ this.from = from;
+ this.to = to;
+ this.time = 0;
+ this.transition = this.getTransition();
+ this.startTimer();
+ this.onStart();
+ return this;
},
- $specialChars: {'\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"' : '\\"', '\\': '\\\\'},
-
- $replaceChars: function(chr){
- return JSON.$specialChars[chr] || '\\u00' + Math.floor(chr.charCodeAt() / 16).toString(16) + (chr.charCodeAt() % 16).toString(16);
+ complete: function(){
+ if (this.stopTimer()) this.onComplete();
+ return this;
},
- decode: function(string, secure){
- if ($type(string) != 'string' || !string.length) return null;
- if (secure && !(/^[,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]*$/).test(string.replace(/\\./g, '@').replace(/"[^"\\\n\r]*"/g, ''))) return null;
- return eval('(' + string + ')');
- }
-
-});
-
-Native.implement([Hash, Array, String, Number], {
-
- toJSON: function(){
- return JSON.encode(this);
- }
-
-});
-
-
-/*
-Script: Cookie.js
- Class for creating, loading, and saving browser Cookies.
-
-License:
- MIT-style license.
-
-Credits:
- Based on the functions by Peter-Paul Koch (http://quirksmode.org).
-*/
+ cancel: function(){
+ if (this.stopTimer()) this.onCancel();
+ return this;
+ },
-var Cookie = new Class({
+ onStart: function(){
+ this.fireEvent('start', this.subject);
+ },
- Implements: Options,
+ onComplete: function(){
+ this.fireEvent('complete', this.subject);
+ if (!this.callChain()) this.fireEvent('chainComplete', this.subject);
+ },
- options: {
- path: false,
- domain: false,
- duration: false,
- secure: false,
- document: document
+ onCancel: function(){
+ this.fireEvent('cancel', this.subject).clearChain();
},
- initialize: function(key, options){
- this.key = key;
- this.setOptions(options);
+ pause: function(){
+ this.stopTimer();
+ return this;
},
- write: function(value){
- value = encodeURIComponent(value);
- if (this.options.domain) value += '; domain=' + this.options.domain;
- if (this.options.path) value += '; path=' + this.options.path;
- if (this.options.duration){
- var date = new Date();
- date.setTime(date.getTime() + this.options.duration * 24 * 60 * 60 * 1000);
- value += '; expires=' + date.toGMTString();
- }
- if (this.options.secure) value += '; secure';
- this.options.document.cookie = this.key + '=' + value;
+ resume: function(){
+ this.startTimer();
return this;
},
- read: function(){
- var value = this.options.document.cookie.match('(?:^|;)\\s*' + this.key.escapeRegExp() + '=([^;]*)');
- return (value) ? decodeURIComponent(value[1]) : null;
+ stopTimer: function(){
+ if (!this.timer) return false;
+ this.time = Date.now() - this.time;
+ this.timer = removeInstance(this);
+ return true;
},
- dispose: function(){
- new Cookie(this.key, $merge(this.options, {duration: -1})).write('');
- return this;
+ startTimer: function(){
+ if (this.timer) return false;
+ this.time = Date.now() - this.time;
+ this.timer = addInstance(this);
+ return true;
}
});
-Cookie.write = function(key, value, options){
- return new Cookie(key, options).write(value);
-};
-
-Cookie.read = function(key){
- return new Cookie(key).read();
-};
-
-Cookie.dispose = function(key, options){
- return new Cookie(key, options).dispose();
+Fx.compute = function(from, to, delta){
+ return (to - from) * delta + from;
};
-/*
-Script: Swiff.js
- Wrapper for embedding SWF movies. Supports (and fixes) External Interface Communication.
-
-License:
- MIT-style license.
-
-Credits:
- Flash detection & Internet Explorer + Flash Player 9 fix inspired by SWFObject.
-*/
-
-var Swiff = new Class({
-
- Implements: [Options],
-
- options: {
- id: null,
- height: 1,
- width: 1,
- container: null,
- properties: {},
- params: {
- quality: 'high',
- allowScriptAccess: 'always',
- wMode: 'transparent',
- swLiveConnect: true
- },
- callBacks: {},
- vars: {}
- },
-
- toElement: function(){
- return this.object;
- },
-
- initialize: function(path, options){
- this.instance = 'Swiff_' + $time();
+Fx.Durations = {'short': 250, 'normal': 500, 'long': 1000};
- this.setOptions(options);
- options = this.options;
- var id = this.id = options.id || this.instance;
- var container = $(options.container);
-
- Swiff.CallBacks[this.instance] = {};
+// global timers
- var params = options.params, vars = options.vars, callBacks = options.callBacks;
- var properties = $extend({height: options.height, width: options.width}, options.properties);
-
- var self = this;
+var instances = {}, timers = {};
- for (var callBack in callBacks){
- Swiff.CallBacks[this.instance][callBack] = (function(option){
- return function(){
- return option.apply(self.object, arguments);
- };
- })(callBacks[callBack]);
- vars[callBack] = 'Swiff.CallBacks.' + this.instance + '.' + callBack;
- }
+var loop = function(){
+ for (var i = this.length; i--;){
+ if (this[i]) this[i].step();
+ }
+};
- params.flashVars = Hash.toQueryString(vars);
- if (Browser.Engine.trident){
- properties.classid = 'clsid:D27CDB6E-AE6D-11cf-96B8-444553540000';
- params.movie = path;
- } else {
- properties.type = 'application/x-shockwave-flash';
- properties.data = path;
- }
- var build = '<object id="' + id + '"';
- for (var property in properties) build += ' ' + property + '="' + properties[property] + '"';
- build += '>';
- for (var param in params){
- if (params[param]) build += '<param name="' + param + '" value="' + params[param] + '" />';
- }
- build += '</object>';
- this.object = ((container) ? container.empty() : new Element('div')).set('html', build).firstChild;
- },
+var addInstance = function(instance){
+ var fps = instance.options.fps,
+ list = instances[fps] || (instances[fps] = []);
+ list.push(instance);
+ if (!timers[fps]) timers[fps] = loop.periodical(Math.round(1000 / fps), list);
+ return true;
+};
- replaces: function(element){
- element = $(element, true);
- element.parentNode.replaceChild(this.toElement(), element);
- return this;
- },
+var removeInstance = function(instance){
+ var fps = instance.options.fps,
+ list = instances[fps] || [];
+ list.erase(instance);
+ if (!list.length && timers[fps]) timers[fps] = clearInterval(timers[fps]);
+ return false;
+};
- inject: function(element){
- $(element, true).appendChild(this.toElement());
- return this;
- },
+})();
- remote: function(){
- return Swiff.remote.apply(Swiff, [this.toElement()].extend(arguments));
- }
-});
+/*
+---
-Swiff.CallBacks = {};
+name: Fx.CSS
-Swiff.remote = function(obj, fn){
- var rs = obj.CallFunction('<invoke name="' + fn + '" returntype="javascript">' + __flash__argumentsToXML(arguments, 2) + '</invoke>');
- return eval(rs);
-};
+description: Contains the CSS animation logic. Used by Fx.Tween, Fx.Morph, Fx.Elements.
-/*\r
-Script: Fx.js\r
- Contains the basic animation logic to be extended by all other Fx Classes.\r
-\r
-License:\r
- MIT-style license.\r
-*/\r
-\r
-var Fx = new Class({\r
-\r
- Implements: [Chain, Events, Options],\r
-\r
- options: {\r
- /*\r
- onStart: $empty,\r
- onCancel: $empty,\r
- onComplete: $empty,\r
- */\r
- fps: 50,\r
- unit: false,\r
- duration: 500,\r
- link: 'ignore',\r
- transition: function(p){\r
- return -(Math.cos(Math.PI * p) - 1) / 2;\r
- }\r
- },\r
-\r
- initialize: function(options){\r
- this.subject = this.subject || this;\r
- this.setOptions(options);\r
- this.options.duration = Fx.Durations[this.options.duration] || this.options.duration.toInt();\r
- var wait = this.options.wait;\r
- if (wait === false) this.options.link = 'cancel';\r
- },\r
-\r
- step: function(){\r
- var time = $time();\r
- if (time < this.time + this.options.duration){\r
- var delta = this.options.transition((time - this.time) / this.options.duration);\r
- this.set(this.compute(this.from, this.to, delta));\r
- } else {\r
- this.set(this.compute(this.from, this.to, 1));\r
- this.complete();\r
- }\r
- },\r
-\r
- set: function(now){\r
- return now;\r
- },\r
-\r
- compute: function(from, to, delta){\r
- return Fx.compute(from, to, delta);\r
- },\r
-\r
- check: function(caller){\r
- if (!this.timer) return true;\r
- switch (this.options.link){\r
- case 'cancel': this.cancel(); return true;\r
- case 'chain': this.chain(caller.bind(this, Array.slice(arguments, 1))); return false;\r
- }\r
- return false;\r
- },\r
-\r
- start: function(from, to){\r
- if (!this.check(arguments.callee, from, to)) return this;\r
- this.from = from;\r
- this.to = to;\r
- this.time = 0;\r
- this.startTimer();\r
- this.onStart();\r
- return this;\r
- },\r
-\r
- complete: function(){\r
- if (this.stopTimer()) this.onComplete();\r
- return this;\r
- },\r
-\r
- cancel: function(){\r
- if (this.stopTimer()) this.onCancel();\r
- return this;\r
- },\r
-\r
- onStart: function(){\r
- this.fireEvent('start', this.subject);\r
- },\r
-\r
- onComplete: function(){\r
- this.fireEvent('complete', this.subject);\r
- if (!this.callChain()) this.fireEvent('chainComplete', this.subject);\r
- },\r
-\r
- onCancel: function(){\r
- this.fireEvent('cancel', this.subject).clearChain();\r
- },\r
-\r
- pause: function(){\r
- this.stopTimer();\r
- return this;\r
- },\r
-\r
- resume: function(){\r
- this.startTimer();\r
- return this;\r
- },\r
-\r
- stopTimer: function(){\r
- if (!this.timer) return false;\r
- this.time = $time() - this.time;\r
- this.timer = $clear(this.timer);\r
- return true;\r
- },\r
-\r
- startTimer: function(){\r
- if (this.timer) return false;\r
- this.time = $time() - this.time;\r
- this.timer = this.step.periodical(Math.round(1000 / this.options.fps), this);\r
- return true;\r
- }\r
-\r
-});\r
-\r
-Fx.compute = function(from, to, delta){\r
- return (to - from) * delta + from;\r
-};\r
-\r
-Fx.Durations = {'short': 250, 'normal': 500, 'long': 1000};\r
+license: MIT-style license.
+requires: [Fx, Element.Style]
-/*
-Script: Fx.CSS.js
- Contains the CSS animation logic. Used by Fx.Tween, Fx.Morph, Fx.Elements.
+provides: Fx.CSS
-License:
- MIT-style license.
+...
*/
Fx.CSS = new Class({
//prepares the base from/to object
prepare: function(element, property, values){
- values = $splat(values);
- var values1 = values[1];
- if (!$chk(values1)){
+ values = Array.from(values);
+ if (values[1] == null){
values[1] = values[0];
values[0] = element.getStyle(property);
}
//parses a value into an array
parse: function(value){
- value = $lambda(value)();
- value = (typeof value == 'string') ? value.split(' ') : $splat(value);
+ value = Function.from(value)();
+ value = (typeof value == 'string') ? value.split(' ') : Array.from(value);
return value.map(function(val){
val = String(val);
var found = false;
- Fx.CSS.Parsers.each(function(parser, key){
+ Object.each(Fx.CSS.Parsers, function(parser, key){
if (found) return;
var parsed = parser.parse(val);
- if ($chk(parsed)) found = {value: parsed, parser: parser};
+ if (parsed || parsed === 0) found = {value: parsed, parser: parser};
});
found = found || {value: val, parser: Fx.CSS.Parsers.String};
return found;
(Math.min(from.length, to.length)).times(function(i){
computed.push({value: from[i].parser.compute(from[i].value, to[i].value, delta), parser: from[i].parser});
});
- computed.$family = {name: 'fx:css:value'};
+ computed.$family = Function.from('fx:css:value');
return computed;
},
//serves the value as settable
serve: function(value, unit){
- if ($type(value) != 'fx:css:value') value = this.parse(value);
+ if (typeOf(value) != 'fx:css:value') value = this.parse(value);
var returned = [];
value.each(function(bit){
returned = returned.concat(bit.parser.serve(bit.value, unit));
Fx.CSS.Cache = {};
-Fx.CSS.Parsers = new Hash({
+Fx.CSS.Parsers = {
Color: {
parse: function(value){
},
String: {
- parse: $lambda(false),
- compute: $arguments(1),
- serve: $arguments(0)
+ parse: Function.from(false),
+ compute: function(zero, one){
+ return one;
+ },
+ serve: function(zero){
+ return zero;
+ }
}
-});
+};
+
+//<1.2compat>
+
+Fx.CSS.Parsers = new Hash(Fx.CSS.Parsers);
+
+//</1.2compat>
/*
-Script: Fx.Tween.js
- Formerly Fx.Style, effect to transition any CSS property for an element.
+---
+
+name: Fx.Tween
+
+description: Formerly Fx.Style, effect to transition any CSS property for an element.
+
+license: MIT-style license.
+
+requires: Fx.CSS
+
+provides: [Fx.Tween, Element.fade, Element.highlight]
-License:
- MIT-style license.
+...
*/
Fx.Tween = new Class({
Extends: Fx.CSS,
initialize: function(element, options){
- this.element = this.subject = $(element);
+ this.element = this.subject = document.id(element);
this.parent(options);
},
},
start: function(property, from, to){
- if (!this.check(arguments.callee, property, from, to)) return this;
+ if (!this.check(property, from, to)) return this;
var args = Array.flatten(arguments);
this.property = this.options.property || args.shift();
var parsed = this.prepare(this.element, this.property, args);
Element.Properties.tween = {
set: function(options){
- var tween = this.retrieve('tween');
- if (tween) tween.cancel();
- return this.eliminate('tween').store('tween:options', $extend({link: 'cancel'}, options));
+ this.get('tween').cancel().setOptions(options);
+ return this;
},
- get: function(options){
- if (options || !this.retrieve('tween')){
- if (options || !this.retrieve('tween:options')) this.set('tween', options);
- this.store('tween', new Fx.Tween(this, this.retrieve('tween:options')));
+ get: function(){
+ var tween = this.retrieve('tween');
+ if (!tween){
+ tween = new Fx.Tween(this, {link: 'cancel'});
+ this.store('tween', tween);
}
- return this.retrieve('tween');
+ return tween;
}
};
fade: function(how){
var fade = this.get('tween'), o = 'opacity', toggle;
- how = $pick(how, 'toggle');
+ how = [how, 'toggle'].pick();
switch (how){
case 'in': fade.start(o, 1); break;
case 'out': fade.start(o, 0); break;
/*
-Script: Fx.Morph.js
- Formerly Fx.Styles, effect to transition any number of CSS properties for an element using an object of rules, or CSS based selector rules.
+---
+
+name: Fx.Morph
+
+description: Formerly Fx.Styles, effect to transition any number of CSS properties for an element using an object of rules, or CSS based selector rules.
+
+license: MIT-style license.
+
+requires: Fx.CSS
-License:
- MIT-style license.
+provides: Fx.Morph
+
+...
*/
Fx.Morph = new Class({
Extends: Fx.CSS,
initialize: function(element, options){
- this.element = this.subject = $(element);
+ this.element = this.subject = document.id(element);
this.parent(options);
},
},
start: function(properties){
- if (!this.check(arguments.callee, properties)) return this;
+ if (!this.check(properties)) return this;
if (typeof properties == 'string') properties = this.search(properties);
var from = {}, to = {};
for (var p in properties){
Element.Properties.morph = {
set: function(options){
- var morph = this.retrieve('morph');
- if (morph) morph.cancel();
- return this.eliminate('morph').store('morph:options', $extend({link: 'cancel'}, options));
+ this.get('morph').cancel().setOptions(options);
+ return this;
},
- get: function(options){
- if (options || !this.retrieve('morph')){
- if (options || !this.retrieve('morph:options')) this.set('morph', options);
- this.store('morph', new Fx.Morph(this, this.retrieve('morph:options')));
+ get: function(){
+ var morph = this.retrieve('morph');
+ if (!morph){
+ morph = new Fx.Morph(this, {link: 'cancel'});
+ this.store('morph', morph);
}
- return this.retrieve('morph');
+ return morph;
}
};
});
+
/*
-Script: Fx.Transitions.js
- Contains a set of advanced transitions to be used with any of the Fx Classes.
+---
-License:
- MIT-style license.
+name: Fx.Transitions
-Credits:
- Easing Equations by Robert Penner, <http://www.robertpenner.com/easing/>, modified and optimized to be used with MooTools.
-*/
+description: Contains a set of advanced transitions to be used with any of the Fx Classes.
-(function(){
+license: MIT-style license.
- var old = Fx.prototype.initialize;
+credits:
+ - Easing Equations by Robert Penner, <http://www.robertpenner.com/easing/>, modified and optimized to be used with MooTools.
- Fx.prototype.initialize = function(options){
- old.call(this, options);
- var trans = this.options.transition;
- if (typeof trans == 'string' && (trans = trans.split(':'))){
- var base = Fx.Transitions;
- base = base[trans[0]] || base[trans[0].capitalize()];
- if (trans[1]) base = base['ease' + trans[1].capitalize() + (trans[2] ? trans[2].capitalize() : '')];
- this.options.transition = base;
+requires: Fx
+
+provides: Fx.Transitions
+
+...
+*/
+
+Fx.implement({
+
+ getTransition: function(){
+ var trans = this.options.transition || Fx.Transitions.Sine.easeInOut;
+ if (typeof trans == 'string'){
+ var data = trans.split(':');
+ trans = Fx.Transitions;
+ trans = trans[data[0]] || trans[data[0].capitalize()];
+ if (data[1]) trans = trans['ease' + data[1].capitalize() + (data[2] ? data[2].capitalize() : '')];
}
- };
+ return trans;
+ }
-})();
+});
Fx.Transition = function(transition, params){
- params = $splat(params);
- return $extend(transition, {
+ params = Array.from(params);
+ return Object.append(transition, {
easeIn: function(pos){
return transition(pos, params);
},
});
};
-Fx.Transitions = new Hash({
+Fx.Transitions = {
- linear: $arguments(0)
+ linear: function(zero){
+ return zero;
+ }
-});
+};
+
+//<1.2compat>
+
+Fx.Transitions = new Hash(Fx.Transitions);
+
+//</1.2compat>
Fx.Transitions.extend = function(transitions){
for (var transition in transitions) Fx.Transitions[transition] = new Fx.Transition(transitions[transition]);
Fx.Transitions.extend({
Pow: function(p, x){
- return Math.pow(p, x[0] || 6);
+ return Math.pow(p, x && x[0] || 6);
},
Expo: function(p){
},
Back: function(p, x){
- x = x[0] || 1.618;
+ x = x && x[0] || 1.618;
return Math.pow(p, 2) * ((x + 1) * p - x);
},
var value;
for (var a = 0, b = 1; 1; a += b, b /= 2){
if (p >= (7 - 4 * a) / 11){
- value = - Math.pow((11 - 6 * a - 11 * p) / 4, 2) + b * b;
+ value = b * b - Math.pow((11 - 6 * a - 11 * p) / 4, 2);
break;
}
}
},
Elastic: function(p, x){
- return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3);
+ return Math.pow(2, 10 * --p) * Math.cos(20 * p * Math.PI * (x && x[0] || 1) / 3);
}
});
/*
-Script: Request.js
- Powerful all purpose Request Class. Uses XMLHTTPRequest.
-
-License:
- MIT-style license.
-*/
-
-var Request = new Class({
-
- Implements: [Chain, Events, Options],
-
- options: {
- /*onRequest: $empty,
- onSuccess: $empty,
- onFailure: $empty,
- onException: $empty,*/
- url: '',
- data: '',
- headers: {
- 'X-Requested-With': 'XMLHttpRequest',
- 'Accept': 'text/javascript, text/html, application/xml, text/xml, */*'
- },
- async: true,
- format: false,
- method: 'post',
- link: 'ignore',
- isSuccess: null,
- emulation: true,
- urlEncoded: true,
- encoding: 'utf-8',
- evalScripts: false,
- evalResponse: false
- },
-
- initialize: function(options){
- this.xhr = new Browser.Request();
- this.setOptions(options);
- this.options.isSuccess = this.options.isSuccess || this.isSuccess;
- this.headers = new Hash(this.options.headers);
- },
-
- onStateChange: function(){
- if (this.xhr.readyState != 4 || !this.running) return;
- this.running = false;
- this.status = 0;
- $try(function(){
- this.status = this.xhr.status;
- }.bind(this));
- if (this.options.isSuccess.call(this, this.status)){
- this.response = {text: this.xhr.responseText, xml: this.xhr.responseXML};
- this.success(this.response.text, this.response.xml);
- } else {
- this.response = {text: null, xml: null};
- this.failure();
- }
- this.xhr.onreadystatechange = $empty;
- },
-
- isSuccess: function(){
- return ((this.status >= 200) && (this.status < 300));
- },
-
- processScripts: function(text){
- if (this.options.evalResponse || (/(ecma|java)script/).test(this.getHeader('Content-type'))) return $exec(text);
- return text.stripScripts(this.options.evalScripts);
- },
-
- success: function(text, xml){
- this.onSuccess(this.processScripts(text), xml);
- },
-
- onSuccess: function(){
- this.fireEvent('complete', arguments).fireEvent('success', arguments).callChain();
- },
-
- failure: function(){
- this.onFailure();
- },
-
- onFailure: function(){
- this.fireEvent('complete').fireEvent('failure', this.xhr);
- },
-
- setHeader: function(name, value){
- this.headers.set(name, value);
- return this;
- },
-
- getHeader: function(name){
- return $try(function(){
- return this.xhr.getResponseHeader(name);
- }.bind(this));
- },
-
- check: function(caller){
- if (!this.running) return true;
- switch (this.options.link){
- case 'cancel': this.cancel(); return true;
- case 'chain': this.chain(caller.bind(this, Array.slice(arguments, 1))); return false;
- }
- return false;
- },
-
- send: function(options){
- if (!this.check(arguments.callee, options)) return this;
- this.running = true;
-
- var type = $type(options);
- if (type == 'string' || type == 'element') options = {data: options};
-
- var old = this.options;
- options = $extend({data: old.data, url: old.url, method: old.method}, options);
- var data = options.data, url = options.url, method = options.method;
-
- switch ($type(data)){
- case 'element': data = $(data).toQueryString(); break;
- case 'object': case 'hash': data = Hash.toQueryString(data);
- }
-
- if (this.options.format){
- var format = 'format=' + this.options.format;
- data = (data) ? format + '&' + data : format;
- }
+---
- if (this.options.emulation && ['put', 'delete'].contains(method)){
- var _method = '_method=' + method;
- data = (data) ? _method + '&' + data : _method;
- method = 'post';
- }
-
- if (this.options.urlEncoded && method == 'post'){
- var encoding = (this.options.encoding) ? '; charset=' + this.options.encoding : '';
- this.headers.set('Content-type', 'application/x-www-form-urlencoded' + encoding);
- }
-
- if (data && method == 'get'){
- url = url + (url.contains('?') ? '&' : '?') + data;
- data = null;
- }
-
- this.xhr.open(method.toUpperCase(), url, this.options.async);
+name: DOMReady
- this.xhr.onreadystatechange = this.onStateChange.bind(this);
-
- this.headers.each(function(value, key){
- if (!$try(function(){
- this.xhr.setRequestHeader(key, value);
- return true;
- }.bind(this))) this.fireEvent('exception', [key, value]);
- }, this);
+description: Contains the custom event domready.
- this.fireEvent('request');
- this.xhr.send(data);
- if (!this.options.async) this.onStateChange();
- return this;
- },
+license: MIT-style license.
- cancel: function(){
- if (!this.running) return this;
- this.running = false;
- this.xhr.abort();
- this.xhr.onreadystatechange = $empty;
- this.xhr = new Browser.Request();
- this.fireEvent('cancel');
- return this;
- }
+requires: [Browser, Element, Element.Event]
-});
+provides: [DOMReady, DomReady]
-(function(){
+...
+*/
-var methods = {};
-['get', 'post', 'put', 'delete', 'GET', 'POST', 'PUT', 'DELETE'].each(function(method){
- methods[method] = function(){
- var params = Array.link(arguments, {url: String.type, data: $defined});
- return this.send($extend(params, {method: method.toLowerCase()}));
- };
-});
+(function(window, document){
-Request.implement(methods);
+var ready,
+ loaded,
+ checks = [],
+ shouldPoll,
+ timer,
+ isFramed = true;
-})();
+// Thanks to Rich Dougherty <http://www.richdougherty.com/>
+try {
+ isFramed = window.frameElement != null;
+} catch(e){}
-Element.Properties.send = {
+var domready = function(){
+ clearTimeout(timer);
+ if (ready) return;
+ Browser.loaded = ready = true;
+ document.removeListener('DOMContentLoaded', domready).removeListener('readystatechange', check);
- set: function(options){
- var send = this.retrieve('send');
- if (send) send.cancel();
- return this.eliminate('send').store('send:options', $extend({
- data: this, link: 'cancel', method: this.get('method') || 'post', url: this.get('action')
- }, options));
- },
-
- get: function(options){
- if (options || !this.retrieve('send')){
- if (options || !this.retrieve('send:options')) this.set('send', options);
- this.store('send', new Request(this.retrieve('send:options')));
- }
- return this.retrieve('send');
- }
-
+ document.fireEvent('domready');
+ window.fireEvent('domready');
};
-Element.implement({
-
- send: function(url){
- var sender = this.get('send');
- sender.send({data: this, url: url || sender.options.url});
- return this;
+var check = function(){
+ for (var i = checks.length; i--;) if (checks[i]()){
+ domready();
+ return true;
}
-});
+ return false;
+};
+var poll = function(){
+ clearTimeout(timer);
+ if (!check()) timer = setTimeout(poll, 10);
+};
-/*
-Script: Request.HTML.js
- Extends the basic Request Class with additional methods for interacting with HTML responses.
+document.addListener('DOMContentLoaded', domready);
-License:
- MIT-style license.
-*/
+// doScroll technique by Diego Perini http://javascript.nwbox.com/IEContentLoaded/
+var testElement = document.createElement('div');
+if (testElement.doScroll && !isFramed){
+ checks.push(function(){
+ try {
+ testElement.doScroll();
+ return true;
+ } catch (e){}
-Request.HTML = new Class({
+ return false;
+ });
+ shouldPoll = true;
+}
- Extends: Request,
+if (document.readyState) checks.push(function(){
+ var state = document.readyState;
+ return (state == 'loaded' || state == 'complete');
+});
- options: {
- update: false,
- evalScripts: true,
- filter: false
- },
+if ('onreadystatechange' in document) document.addListener('readystatechange', check);
+else shouldPoll = true;
- processHTML: function(text){
- var match = text.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
- text = (match) ? match[1] : text;
-
- var container = new Element('div');
-
- return $try(function(){
- var root = '<root>' + text + '</root>', doc;
- if (Browser.Engine.trident){
- doc = new ActiveXObject('Microsoft.XMLDOM');
- doc.async = false;
- doc.loadXML(root);
- } else {
- doc = new DOMParser().parseFromString(root, 'text/xml');
- }
- root = doc.getElementsByTagName('root')[0];
- for (var i = 0, k = root.childNodes.length; i < k; i++){
- var child = Element.clone(root.childNodes[i], true, true);
- if (child) container.grab(child);
- }
- return container;
- }) || container.set('html', text);
- },
+if (shouldPoll) poll();
- success: function(text){
- var options = this.options, response = this.response;
-
- response.html = text.stripScripts(function(script){
- response.javascript = script;
- });
-
- var temp = this.processHTML(response.html);
-
- response.tree = temp.childNodes;
- response.elements = temp.getElements('*');
-
- if (options.filter) response.tree = response.elements.filter(options.filter);
- if (options.update) $(options.update).empty().adopt(response.tree);
- if (options.evalScripts) $exec(response.javascript);
-
- this.onSuccess(response.tree, response.elements, response.html, response.javascript);
+Element.Events.domready = {
+ onAdd: function(fn){
+ if (ready) fn.call(this);
}
+};
-});
-
-Element.Properties.load = {
-
- set: function(options){
- var load = this.retrieve('load');
- if (load) send.cancel();
- return this.eliminate('load').store('load:options', $extend({data: this, link: 'cancel', update: this, method: 'get'}, options));
+// Make sure that domready fires before load
+Element.Events.load = {
+ base: 'load',
+ onAdd: function(fn){
+ if (loaded && this == window) fn.call(this);
},
-
- get: function(options){
- if (options || ! this.retrieve('load')){
- if (options || !this.retrieve('load:options')) this.set('load', options);
- this.store('load', new Request.HTML(this.retrieve('load:options')));
+ condition: function(){
+ if (this == window){
+ domready();
+ delete Element.Events.load;
}
- return this.retrieve('load');
+
+ return true;
}
-
};
-Element.implement({
-
- load: function(){
- this.get('load').send(Array.link(arguments, {data: Object.type, url: String.type}));
- return this;
- }
-
+// This is based on the custom load event
+window.addEvent('load', function(){
+ loaded = true;
});
+})(window, document);
+// MooTools: the javascript framework.
+// Load this file's selection again by visiting: http://mootools.net/more/4e3c76ec202edfd6dce2f7a94df9b03d
+// Or build this file again with packager using: packager build More/More More/Fx.Elements More/Fx.Slide More/Assets
/*
-Script: Request.JSON.js
- Extends the basic Request Class with additional methods for sending and receiving JSON data.
+---
-License:
- MIT-style license.
-*/
-
-Request.JSON = new Class({
+script: More.js
- Extends: Request,
-
- options: {
- secure: true
- },
+name: More
- initialize: function(options){
- this.parent(options);
- this.headers.extend({'Accept': 'application/json', 'X-Request': 'JSON'});
- },
+description: MooTools More
- success: function(text){
- this.response.json = JSON.decode(text, this.options.secure);
- this.onSuccess(this.response.json, text);
- }
+license: MIT-style license
-});
-//MooTools More, <http://mootools.net/more>. Copyright (c) 2006-2008 Valerio Proietti, <http://mad4milk.net>, MIT Style License.
-
-/*\r
-Script: Fx.Slide.js\r
- Effect to slide an element in and out of view.\r
-\r
-License:\r
- MIT-style license.\r
-*/\r
-\r
-Fx.Slide = new Class({\r
-\r
- Extends: Fx,\r
-\r
- options: {\r
- mode: 'vertical'\r
- },\r
-\r
- initialize: function(element, options){\r
- this.addEvent('complete', function(){\r
- this.open = (this.wrapper['offset' + this.layout.capitalize()] != 0);\r
- if (this.open && Browser.Engine.webkit419) this.element.dispose().inject(this.wrapper);\r
- }, true);\r
- this.element = this.subject = $(element);\r
- this.parent(options);\r
- var wrapper = this.element.retrieve('wrapper');\r
- this.wrapper = wrapper || new Element('div', {\r
- styles: $extend(this.element.getStyles('margin', 'position'), {'overflow': 'hidden'})\r
- }).wraps(this.element);\r
- this.element.store('wrapper', this.wrapper).setStyle('margin', 0);\r
- this.now = [];\r
- this.open = true;\r
- },\r
-\r
- vertical: function(){\r
- this.margin = 'margin-top';\r
- this.layout = 'height';\r
- this.offset = this.element.offsetHeight;\r
- },\r
-\r
- horizontal: function(){\r
- this.margin = 'margin-left';\r
- this.layout = 'width';\r
- this.offset = this.element.offsetWidth;\r
- },\r
-\r
- set: function(now){\r
- this.element.setStyle(this.margin, now[0]);\r
- this.wrapper.setStyle(this.layout, now[1]);\r
- return this;\r
- },\r
-\r
- compute: function(from, to, delta){\r
- var now = [];\r
- var x = 2;\r
- x.times(function(i){\r
- now[i] = Fx.compute(from[i], to[i], delta);\r
- });\r
- return now;\r
- },\r
-\r
- start: function(how, mode){\r
- if (!this.check(arguments.callee, how, mode)) return this;\r
- this[mode || this.options.mode]();\r
- var margin = this.element.getStyle(this.margin).toInt();\r
- var layout = this.wrapper.getStyle(this.layout).toInt();\r
- var caseIn = [[margin, layout], [0, this.offset]];\r
- var caseOut = [[margin, layout], [-this.offset, 0]];\r
- var start;\r
- switch (how){\r
- case 'in': start = caseIn; break;\r
- case 'out': start = caseOut; break;\r
- case 'toggle': start = (this.wrapper['offset' + this.layout.capitalize()] == 0) ? caseIn : caseOut;\r
- }\r
- return this.parent(start[0], start[1]);\r
- },\r
-\r
- slideIn: function(mode){\r
- return this.start('in', mode);\r
- },\r
-\r
- slideOut: function(mode){\r
- return this.start('out', mode);\r
- },\r
-\r
- hide: function(mode){\r
- this[mode || this.options.mode]();\r
- this.open = false;\r
- return this.set([-this.offset, 0]);\r
- },\r
-\r
- show: function(mode){\r
- this[mode || this.options.mode]();\r
- this.open = true;\r
- return this.set([0, this.offset]);\r
- },\r
-\r
- toggle: function(mode){\r
- return this.start('toggle', mode);\r
- }\r
-\r
-});\r
-\r
-Element.Properties.slide = {\r
-\r
- set: function(options){\r
- var slide = this.retrieve('slide');\r
- if (slide) slide.cancel();\r
- return this.eliminate('slide').store('slide:options', $extend({link: 'cancel'}, options));\r
- },\r
- \r
- get: function(options){\r
- if (options || !this.retrieve('slide')){\r
- if (options || !this.retrieve('slide:options')) this.set('slide', options);\r
- this.store('slide', new Fx.Slide(this, this.retrieve('slide:options')));\r
- }\r
- return this.retrieve('slide');\r
- }\r
-\r
-};\r
-\r
-Element.implement({\r
-\r
- slide: function(how, mode){\r
- how = how || 'toggle';\r
- var slide = this.get('slide'), toggle;\r
- switch (how){\r
- case 'hide': slide.hide(mode); break;\r
- case 'show': slide.show(mode); break;\r
- case 'toggle':\r
- var flag = this.retrieve('slide:flag', slide.open);\r
- slide[(flag) ? 'slideOut' : 'slideIn'](mode);\r
- this.store('slide:flag', !flag);\r
- toggle = true;\r
- break;\r
- default: slide.start(how, mode);\r
- }\r
- if (!toggle) this.eliminate('slide:flag');\r
- return this;\r
- }\r
-\r
-});\r
+authors:
+ - Guillermo Rauch
+ - Thomas Aylott
+ - Scott Kyle
+ - Arian Stolwijk
+ - Tim Wienk
+ - Christoph Pojer
+ - Aaron Newton
+requires:
+ - Core/MooTools
-/*
-Script: Fx.Scroll.js
- Effect to smoothly scroll any element, including the window.
+provides: [MooTools.More]
-License:
- MIT-style license.
+...
*/
-Fx.Scroll = new Class({
-
- Extends: Fx,
-
- options: {
- offset: {'x': 0, 'y': 0},
- wheelStops: true
- },
-
- initialize: function(element, options){
- this.element = this.subject = $(element);
- this.parent(options);
- var cancel = this.cancel.bind(this, false);
-
- if ($type(this.element) != 'element') this.element = $(this.element.getDocument().body);
-
- var stopper = this.element;
-
- if (this.options.wheelStops){
- 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);
- this.element.scrollTo(now[0], now[1]);
- },
-
- compute: function(from, to, delta){
- var now = [];
- var x = 2;
- x.times(function(i){
- now.push(Fx.compute(from[i], to[i], delta));
- });
- return now;
- },
+MooTools.More = {
+ 'version': '1.3.0.1',
+ 'build': '6dce99bed2792dffcbbbb4ddc15a1fb9a41994b5'
+};
- start: function(x, y){
- if (!this.check(arguments.callee, x, y)) return this;
- var offsetSize = this.element.getSize(), scrollSize = this.element.getScrollSize();
- var scroll = this.element.getScroll(), values = {x: x, y: y};
- for (var z in values){
- var max = scrollSize[z] - offsetSize[z];
- if ($chk(values[z])) values[z] = ($type(values[z]) == 'number') ? values[z].limit(0, max) : max;
- else values[z] = scroll[z];
- values[z] += this.options.offset[z];
- }
- return this.parent([scroll.x, scroll.y], [values.x, values.y]);
- },
- toTop: function(){
- return this.start(false, 0);
- },
+/*
+---
- toLeft: function(){
- return this.start(0, false);
- },
+script: Fx.Elements.js
- toRight: function(){
- return this.start('right', false);
- },
+name: Fx.Elements
- toBottom: function(){
- return this.start(false, 'bottom');
- },
+description: Effect to change any number of CSS properties of any number of Elements.
- toElement: function(el){
- var position = $(el).getPosition(this.element);
- return this.start(position.x, position.y);
- }
+license: MIT-style license
-});
+authors:
+ - Valerio Proietti
+requires:
+ - Core/Fx.CSS
+ - /MooTools.More
-/*
-Script: Fx.Elements.js
- Effect to change any number of CSS properties of any number of Elements.
+provides: [Fx.Elements]
-License:
- MIT-style license.
+...
*/
Fx.Elements = new Class({
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(arguments.callee, obj)) return this;
- var from = {}, to = {};
- for (var i in obj){
- 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: Drag.js
- The base Drag Class. Can be used to drag and resize Elements using mouse events.
-
-License:
- MIT-style license.
-*/
-
-var Drag = new Class({
-
- Implements: [Events, Options],
-
- options: {/*
- onBeforeStart: $empty,
- onStart: $empty,
- onDrag: $empty,
- onCancel: $empty,
- onComplete: $empty,*/
- snap: 6,
- unit: 'px',
- grid: false,
- style: true,
- limit: false,
- handle: false,
- invert: false,
- preventDefault: false,
- modifiers: {x: 'left', y: 'top'}
- },
-
- initialize: function(){
- var params = Array.link(arguments, {'options': Object.type, 'element': $defined});
- this.element = $(params.element);
- this.document = this.element.getDocument();
- this.setOptions(params.options || {});
- var htype = $type(this.options.handle);
- this.handles = (htype == 'array' || htype == 'collection') ? $$(this.options.handle) : $(this.options.handle) || this.element;
- this.mouse = {'now': {}, 'pos': {}};
- this.value = {'start': {}, 'now': {}};
-
- this.selection = (Browser.Engine.trident) ? 'selectstart' : 'mousedown';
-
- 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: $lambda(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){
- if (this.options.preventDefault) event.preventDefault();
- this.fireEvent('beforeStart', this.element);
- this.mouse.start = event.page;
- var limit = this.options.limit;
- this.limit = {'x': [], 'y': []};
- for (var z in this.options.modifiers){
- if (!this.options.modifiers[z]) continue;
- if (this.options.style) this.value.now[z] = this.element.getStyle(this.options.modifiers[z]).toInt();
- else this.value.now[z] = this.element[this.options.modifiers[z]];
- if (this.options.invert) this.value.now[z] *= -1;
- this.mouse.pos[z] = event.page[z] - this.value.now[z];
- if (limit && limit[z]){
- for (var i = 2; i--; i){
- if ($chk(limit[z][i])) this.limit[z][i] = $lambda(limit[z][i])();
- }
- }
- }
- if ($type(this.options.grid) == 'number') this.options.grid = {'x': this.options.grid, 'y': this.options.grid};
- this.document.addEvents({mousemove: this.bound.check, mouseup: this.bound.cancel});
- this.document.addEvent(this.selection, this.bound.eventStop);
- },
-
- 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).fireEvent('snap', this.element);
- }
- },
-
- drag: function(event){
- if (this.options.preventDefault) event.preventDefault();
- this.mouse.now = event.page;
- for (var z in this.options.modifiers){
- if (!this.options.modifiers[z]) continue;
- this.value.now[z] = this.mouse.now[z] - this.mouse.pos[z];
- if (this.options.invert) this.value.now[z] *= -1;
- if (this.options.limit && this.limit[z]){
- if ($chk(this.limit[z][1]) && (this.value.now[z] > this.limit[z][1])){
- this.value.now[z] = this.limit[z][1];
- } else if ($chk(this.limit[z][0]) && (this.value.now[z] < this.limit[z][0])){
- this.value.now[z] = this.limit[z][0];
- }
- }
- if (this.options.grid[z]) this.value.now[z] -= (this.value.now[z] % this.options.grid[z]);
- if (this.options.style) this.element.setStyle(this.options.modifiers[z], this.value.now[z] + this.options.unit);
- else this.element[this.options.modifiers[z]] = this.value.now[z];
- }
- this.fireEvent('drag', this.element);
- },
- cancel: function(event){
- this.document.removeEvent('mousemove', this.bound.check);
- this.document.removeEvent('mouseup', this.bound.cancel);
- if (event){
- this.document.removeEvent(this.selection, this.bound.eventStop);
- this.fireEvent('cancel', this.element);
- }
+ return this;
},
- stop: function(event){
- this.document.removeEvent(this.selection, this.bound.eventStop);
- this.document.removeEvent('mousemove', this.bound.drag);
- this.document.removeEvent('mouseup', this.bound.stop);
- if (event) this.fireEvent('complete', this.element);
- }
+ start: function(obj){
+ if (!this.check(obj)) return this;
+ var from = {}, to = {};
-});
+ for (var i in obj){
+ if (!this.elements[i]) continue;
-Element.implement({
-
- makeResizable: function(options){
- return new Drag(this, $merge({modifiers: {'x': 'width', 'y': 'height'}}, options));
+ 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: Drag.Move.js
- A Drag extension that provides support for the constraining of draggables to containers and droppables.
+---
+
+script: Fx.Slide.js
+
+name: Fx.Slide
+
+description: Effect to slide an element in and out of view.
-License:
- MIT-style license.
+license: MIT-style license
+
+authors:
+ - Valerio Proietti
+
+requires:
+ - Core/Fx
+ - Core/Element.Style
+ - /MooTools.More
+
+provides: [Fx.Slide]
+
+...
*/
-Drag.Move = new Class({
+Fx.Slide = new Class({
- Extends: Drag,
+ Extends: Fx,
options: {
- droppables: [],
- container: false
+ mode: 'vertical',
+ wrapper: false,
+ hideOverflow: true,
+ resetHeight: false
},
initialize: function(element, options){
- this.parent(element, options);
- this.droppables = $$(this.options.droppables);
- this.container = $(this.options.container);
- if (this.container && $type(this.container) != 'element') this.container = $(this.container.getDocument().body);
- element = this.element;
-
- var current = element.getStyle('position');
- var position = (current != 'static') ? current : 'absolute';
- if (element.getStyle('left') == 'auto' || element.getStyle('top') == 'auto') element.position(element.getPosition(element.offsetParent));
-
- element.setStyle('position', position);
-
- this.addEvent('start', function(){
- this.checkDroppables();
+ this.addEvent('complete', function(){
+ this.open = (this.wrapper['offset' + this.layout.capitalize()] != 0);
+ if (this.open && this.options.resetHeight) this.wrapper.setStyle('height', '');
}, true);
- },
- start: function(event){
- if (this.container){
- var el = this.element, cont = this.container, ccoo = cont.getCoordinates(el.offsetParent), cps = {}, ems = {};
+ this.element = this.subject = document.id(element);
+ this.parent(options);
+ var wrapper = this.element.retrieve('wrapper');
+ var styles = this.element.getStyles('margin', 'position', 'overflow');
- ['top', 'right', 'bottom', 'left'].each(function(pad){
- cps[pad] = cont.getStyle('padding-' + pad).toInt();
- ems[pad] = el.getStyle('margin-' + pad).toInt();
- }, this);
+ if (this.options.hideOverflow) styles = Object.append(styles, {overflow: 'hidden'});
+ if (this.options.wrapper) wrapper = document.id(this.options.wrapper).setStyles(styles);
- var width = el.offsetWidth + ems.left + ems.right, height = el.offsetHeight + ems.top + ems.bottom;
- var x = [ccoo.left + cps.left, ccoo.right - cps.right - width];
- var y = [ccoo.top + cps.top, ccoo.bottom - cps.bottom - height];
+ this.wrapper = wrapper || new Element('div', {
+ styles: styles
+ }).wraps(this.element);
- this.options.limit = {x: x, y: y};
- }
- this.parent(event);
+ this.element.store('wrapper', this.wrapper).setStyle('margin', 0);
+ this.now = [];
+ this.open = true;
},
- checkAgainst: function(el){
- el = el.getCoordinates();
- var now = this.mouse.now;
- return (now.x > el.left && now.x < el.right && now.y < el.bottom && now.y > el.top);
+ vertical: function(){
+ this.margin = 'margin-top';
+ this.layout = 'height';
+ this.offset = this.element.offsetHeight;
},
- checkDroppables: function(){
- var overed = this.droppables.filter(this.checkAgainst, this).getLast();
- if (this.overed != overed){
- if (this.overed) this.fireEvent('leave', [this.element, this.overed]);
- if (overed){
- this.overed = overed;
- this.fireEvent('enter', [this.element, overed]);
- } else {
- this.overed = null;
- }
- }
+ horizontal: function(){
+ this.margin = 'margin-left';
+ this.layout = 'width';
+ this.offset = this.element.offsetWidth;
},
- drag: function(event){
- this.parent(event);
- if (this.droppables.length) this.checkDroppables();
+ set: function(now){
+ this.element.setStyle(this.margin, now[0]);
+ this.wrapper.setStyle(this.layout, now[1]);
+ return this;
},
- stop: function(event){
- this.checkDroppables();
- this.fireEvent('drop', [this.element, this.overed]);
- this.overed = null;
- return this.parent(event);
- }
-
-});
-
-Element.implement({
-
- makeDraggable: function(options){
- return new Drag.Move(this, options);
- }
-
-});
-
-
-/*\r
-Script: Hash.Cookie.js\r
- Class for creating, reading, and deleting Cookies in JSON format.\r
-\r
-License:\r
- MIT-style license.\r
-*/\r
-\r
-Hash.Cookie = new Class({\r
-\r
- Extends: Cookie,\r
-\r
- options: {\r
- autoSave: true\r
- },\r
-\r
- initialize: function(name, options){\r
- this.parent(name, options);\r
- this.load();\r
- },\r
-\r
- save: function(){\r
- var value = JSON.encode(this.hash);\r
- if (!value || value.length > 4096) return false; //cookie would be truncated!\r
- if (value == '{}') this.dispose();\r
- else this.write(value);\r
- return true;\r
- },\r
-\r
- load: function(){\r
- this.hash = new Hash(JSON.decode(this.read(), true));\r
- return this;\r
- }\r
-\r
-});\r
-\r
-Hash.Cookie.implement((function(){\r
- \r
- var methods = {};\r
- \r
- Hash.each(Hash.prototype, function(method, name){\r
- methods[name] = function(){\r
- var value = method.apply(this.hash, arguments);\r
- if (this.options.autoSave) this.save();\r
- return value;\r
- };\r
- });\r
- \r
- return methods;\r
- \r
-})());
-
-/*
-Script: Color.js
- Class for creating and manipulating colors in JavaScript. Supports HSB -> RGB Conversions and vice versa.
-
-License:
- MIT-style license.
-*/
+ compute: function(from, to, delta){
+ return [0, 1].map(function(i){
+ return Fx.compute(from[i], to[i], delta);
+ });
+ },
-var Color = new Native({
-
- initialize: function(color, type){
- if (arguments.length >= 3){
- type = "rgb"; color = Array.slice(arguments, 0, 3);
- } else if (typeof color == 'string'){
- if (color.match(/rgb/)) color = color.rgbToHex().hexToRgb(true);
- else if (color.match(/hsb/)) color = color.hsbToRgb();
- else color = color.hexToRgb(true);
- }
- type = type || 'rgb';
- switch (type){
- case 'hsb':
- var old = color;
- color = color.hsbToRgb();
- color.hsb = old;
- break;
- case 'hex': color = color.hexToRgb(true); break;
+ start: function(how, mode){
+ if (!this.check(how, mode)) return this;
+ this[mode || this.options.mode]();
+ var margin = this.element.getStyle(this.margin).toInt();
+ var layout = this.wrapper.getStyle(this.layout).toInt();
+ var caseIn = [[margin, layout], [0, this.offset]];
+ var caseOut = [[margin, layout], [-this.offset, 0]];
+ var start;
+ switch (how){
+ case 'in': start = caseIn; break;
+ case 'out': start = caseOut; break;
+ case 'toggle': start = (layout == 0) ? caseIn : caseOut;
}
- color.rgb = color.slice(0, 3);
- color.hsb = color.hsb || color.rgbToHsb();
- color.hex = color.rgbToHex();
- return $extend(color, this);
- }
-
-});
-
-Color.implement({
+ return this.parent(start[0], start[1]);
+ },
- mix: function(){
- var colors = Array.slice(arguments);
- var alpha = ($type(colors.getLast()) == 'number') ? colors.pop() : 50;
- var rgb = this.slice();
- colors.each(function(color){
- color = new Color(color);
- for (var i = 0; i < 3; i++) rgb[i] = Math.round((rgb[i] / 100 * (100 - alpha)) + (color[i] / 100 * alpha));
- });
- return new Color(rgb, 'rgb');
+ slideIn: function(mode){
+ return this.start('in', mode);
},
- invert: function(){
- return new Color(this.map(function(value){
- return 255 - value;
- }));
+ slideOut: function(mode){
+ return this.start('out', mode);
},
- setHue: function(value){
- return new Color([value, this.hsb[1], this.hsb[2]], 'hsb');
+ hide: function(mode){
+ this[mode || this.options.mode]();
+ this.open = false;
+ return this.set([-this.offset, 0]);
},
- setSaturation: function(percent){
- return new Color([this.hsb[0], percent, this.hsb[2]], 'hsb');
+ show: function(mode){
+ this[mode || this.options.mode]();
+ this.open = true;
+ return this.set([0, this.offset]);
},
- setBrightness: function(percent){
- return new Color([this.hsb[0], this.hsb[1], percent], 'hsb');
+ toggle: function(mode){
+ return this.start('toggle', mode);
}
});
-function $RGB(r, g, b){
- return new Color([r, g, b], 'rgb');
-};
-
-function $HSB(h, s, b){
- return new Color([h, s, b], 'hsb');
-};
-
-function $HEX(hex){
- return new Color(hex, 'hex');
-};
-
-Array.implement({
+Element.Properties.slide = {
- rgbToHsb: function(){
- var red = this[0], green = this[1], blue = this[2];
- var hue, saturation, brightness;
- var max = Math.max(red, green, blue), min = Math.min(red, green, blue);
- var delta = max - min;
- brightness = max / 255;
- saturation = (max != 0) ? delta / max : 0;
- if (saturation == 0){
- hue = 0;
- } else {
- var rr = (max - red) / delta;
- var gr = (max - green) / delta;
- var br = (max - blue) / delta;
- if (red == max) hue = br - gr;
- else if (green == max) hue = 2 + rr - br;
- else hue = 4 + gr - rr;
- hue /= 6;
- if (hue < 0) hue++;
- }
- return [Math.round(hue * 360), Math.round(saturation * 100), Math.round(brightness * 100)];
+ set: function(options){
+ this.get('slide').cancel().setOptions(options);
+ return this;
},
- hsbToRgb: function(){
- var br = Math.round(this[2] / 100 * 255);
- if (this[1] == 0){
- return [br, br, br];
- } else {
- var hue = this[0] % 360;
- var f = hue % 60;
- var p = Math.round((this[2] * (100 - this[1])) / 10000 * 255);
- var q = Math.round((this[2] * (6000 - this[1] * f)) / 600000 * 255);
- var t = Math.round((this[2] * (6000 - this[1] * (60 - f))) / 600000 * 255);
- switch (Math.floor(hue / 60)){
- case 0: return [br, t, p];
- case 1: return [q, br, p];
- case 2: return [p, br, t];
- case 3: return [p, q, br];
- case 4: return [t, p, br];
- case 5: return [br, p, q];
- }
+ get: function(){
+ var slide = this.retrieve('slide');
+ if (!slide){
+ slide = new Fx.Slide(this, {link: 'cancel'});
+ this.store('slide', slide);
}
- return false;
+ return slide;
}
-});
+};
-String.implement({
+Element.implement({
- rgbToHsb: function(){
- var rgb = this.match(/\d{1,3}/g);
- return (rgb) ? hsb.rgbToHsb() : null;
- },
-
- hsbToRgb: function(){
- var hsb = this.match(/\d{1,3}/g);
- return (hsb) ? hsb.hsbToRgb() : null;
+ slide: function(how, mode){
+ how = how || 'toggle';
+ var slide = this.get('slide'), toggle;
+ switch (how){
+ case 'hide': slide.hide(mode); break;
+ case 'show': slide.show(mode); break;
+ case 'toggle':
+ var flag = this.retrieve('slide:flag', slide.open);
+ slide[flag ? 'slideOut' : 'slideIn'](mode);
+ this.store('slide:flag', !flag);
+ toggle = true;
+ break;
+ default: slide.start(how, mode);
+ }
+ if (!toggle) this.eliminate('slide:flag');
+ return this;
}
});
/*
-Script: Group.js
- Class for monitoring collections of events
-
-License:
- MIT-style license.
-*/
+---
-var Group = new Class({
+script: Assets.js
- initialize: function(){
- this.instances = Array.flatten(arguments);
- this.events = {};
- this.checker = {};
- },
+name: Assets
- addEvent: function(type, fn){
- this.checker[type] = this.checker[type] || {};
- this.events[type] = this.events[type] || [];
- if (this.events[type].contains(fn)) return false;
- else this.events[type].push(fn);
- this.instances.each(function(instance, i){
- instance.addEvent(type, this.check.bind(this, [type, instance, i]));
- }, this);
- return this;
- },
+description: Provides methods to dynamically load JavaScript, CSS, and Image files into the document.
- check: function(type, instance, i){
- this.checker[type][i] = true;
- var every = this.instances.every(function(current, j){
- return this.checker[type][j] || false;
- }, this);
- if (!every) return;
- this.checker[type] = {};
- this.events[type].each(function(event){
- event.call(this, this.instances, instance);
- }, this);
- }
+license: MIT-style license
-});
+authors:
+ - Valerio Proietti
+requires:
+ - Core/Element.Event
+ - /MooTools.More
-/*
-Script: Assets.js
- Provides methods to dynamically load JavaScript, CSS, and Image files into the document.
+provides: [Assets]
-License:
- MIT-style license.
+...
*/
-var Asset = new Hash({
+var Asset = {
javascript: function(source, properties){
- properties = $extend({
- onload: $empty,
- document: document,
- check: $lambda(true)
+ properties = Object.append({
+ document: document
}, properties);
-
- var script = new Element('script', {'src': source, 'type': 'text/javascript'});
-
- var load = properties.onload.bind(script), check = properties.check, doc = properties.document;
- delete properties.onload; delete properties.check; delete properties.document;
-
- script.addEvents({
+
+ if (properties.onLoad){
+ properties.onload = properties.onLoad;
+ delete properties.onLoad;
+ }
+
+ var script = new Element('script', {src: source, type: 'text/javascript'});
+ var load = properties.onload || function(){},
+ doc = properties.document;
+ delete properties.onload;
+ delete properties.document;
+
+ return script.addEvents({
load: load,
readystatechange: function(){
- if (['loaded', 'complete'].contains(this.readyState)) load();
+ if (['loaded', 'complete'].contains(this.readyState)) load.call(this);
}
- }).setProperties(properties);
-
-
- if (Browser.Engine.webkit419) var checker = (function(){
- if (!$try(check)) return;
- $clear(checker);
- load();
- }).periodical(50);
-
- return script.inject(doc.head);
+ }).set(properties).inject(doc.head);
},
css: function(source, properties){
- return new Element('link', $merge({
- 'rel': 'stylesheet', 'media': 'screen', 'type': 'text/css', 'href': source
+ properties = properties || {};
+ var onload = properties.onload || properties.onLoad;
+ if (onload){
+ properties.events = properties.events || {};
+ properties.events.load = onload;
+ delete properties.onload;
+ delete properties.onLoad;
+ }
+ return new Element('link', Object.merge({
+ rel: 'stylesheet',
+ media: 'screen',
+ type: 'text/css',
+ href: source
}, properties)).inject(document.head);
},
image: function(source, properties){
- properties = $merge({
- 'onload': $empty,
- 'onabort': $empty,
- 'onerror': $empty
+ properties = Object.merge({
+ onload: function(){},
+ onabort: function(){},
+ onerror: function(){}
}, properties);
var image = new Image();
- var element = $(image) || new Element('img');
+ var element = document.id(image) || new Element('img');
['load', 'abort', 'error'].each(function(name){
var type = 'on' + name;
+ var cap = name.capitalize();
+ if (properties['on' + cap]){
+ properties[type] = properties['on' + cap];
+ delete properties['on' + cap];
+ }
var event = properties[type];
delete properties[type];
image[type] = function(){
});
image.src = element.src = source;
if (image && image.complete) image.onload.delay(1);
- return element.setProperties(properties);
+ return element.set(properties);
},
images: function(sources, options){
- options = $merge({
- onComplete: $empty,
- onProgress: $empty
+ options = Object.merge({
+ onComplete: function(){},
+ onProgress: function(){},
+ onError: function(){},
+ properties: {}
}, options);
- if (!sources.push) sources = [sources];
- var images = [];
+ sources = Array.from(sources);
var counter = 0;
- sources.each(function(source){
- var img = new Asset.image(source, {
- 'onload': function(){
- options.onProgress.call(this, counter, sources.indexOf(source));
+ return new Elements(sources.map(function(source, index){
+ return Asset.image(source, Object.append(options.properties, {
+ onload: function(){
+ counter++;
+ options.onProgress.call(this, counter, index, source);
+ if (counter == sources.length) options.onComplete();
+ },
+ onerror: function(){
counter++;
+ options.onError.call(this, counter, index, source);
if (counter == sources.length) options.onComplete();
}
- });
- images.push(img);
- });
- return new Elements(images);
- }
-
-});
-
-/*
-Script: Sortables.js
- Class for creating a drag and drop sorting interface for lists of items.
-
-License:
- MIT-style license.
-*/
-
-var Sortables = new Class({
-
- Implements: [Events, Options],
-
- options: {/*
- onSort: $empty,
- onStart: $empty,
- onComplete: $empty,*/
- snap: 4,
- opacity: 1,
- clone: false,
- revert: false,
- handle: false,
- constrain: false
- },
-
- initialize: function(lists, options){
- this.setOptions(options);
- this.elements = [];
- this.lists = [];
- this.idle = true;
-
- this.addLists($$($(lists) || lists));
- if (!this.options.clone) this.options.revert = false;
- if (this.options.revert) this.effect = new Fx.Morph(null, $merge({duration: 250, link: 'cancel'}, this.options.revert));
- },
-
- attach: function(){
- this.addLists(this.lists);
- return this;
- },
-
- detach: function(){
- this.lists = this.removeLists(this.lists);
- return this;
- },
-
- addItems: function(){
- Array.flatten(arguments).each(function(element){
- this.elements.push(element);
- var start = element.retrieve('sortables:start', this.start.bindWithEvent(this, element));
- (this.options.handle ? element.getElement(this.options.handle) || element : element).addEvent('mousedown', start);
- }, this);
- return this;
- },
-
- addLists: function(){
- Array.flatten(arguments).each(function(list){
- this.lists.push(list);
- this.addItems(list.getChildren());
- }, this);
- return this;
- },
-
- removeItems: function(){
- var elements = [];
- Array.flatten(arguments).each(function(element){
- elements.push(element);
- this.elements.erase(element);
- var start = element.retrieve('sortables:start');
- (this.options.handle ? element.getElement(this.options.handle) || element : element).removeEvent('mousedown', start);
- }, this);
- return $$(elements);
- },
-
- removeLists: function(){
- var lists = [];
- Array.flatten(arguments).each(function(list){
- lists.push(list);
- this.lists.erase(list);
- this.removeItems(list.getChildren());
- }, this);
- return $$(lists);
- },
-
- getClone: function(event, element){
- if (!this.options.clone) return new Element('div').inject(document.body);
- if ($type(this.options.clone) == 'function') return this.options.clone.call(this, event, element, this.list);
- return element.clone(true).setStyles({
- 'margin': '0px',
- 'position': 'absolute',
- 'visibility': 'hidden',
- 'width': element.getStyle('width')
- }).inject(this.list).position(element.getPosition(element.getOffsetParent()));
- },
-
- getDroppables: function(){
- var droppables = this.list.getChildren();
- if (!this.options.constrain) droppables = this.lists.concat(droppables).erase(this.list);
- return droppables.erase(this.clone).erase(this.element);
- },
-
- insert: function(dragging, element){
- var where = 'inside';
- if (this.lists.contains(element)){
- this.list = element;
- this.drag.droppables = this.getDroppables();
- } else {
- where = this.element.getAllPrevious().contains(element) ? 'before' : 'after';
- }
- this.element.inject(element, where);
- this.fireEvent('sort', [this.element, this.clone]);
- },
-
- start: function(event, element){
- if (!this.idle) return;
- this.idle = false;
- this.element = element;
- this.opacity = element.get('opacity');
- this.list = element.getParent();
- this.clone = this.getClone(event, element);
-
- this.drag = new Drag.Move(this.clone, {
- snap: this.options.snap,
- container: this.options.constrain && this.element.getParent(),
- droppables: this.getDroppables(),
- onSnap: function(){
- event.stop();
- this.clone.setStyle('visibility', 'visible');
- this.element.set('opacity', this.options.opacity || 0);
- this.fireEvent('start', [this.element, this.clone]);
- }.bind(this),
- onEnter: this.insert.bind(this),
- onCancel: this.reset.bind(this),
- onComplete: this.end.bind(this)
- });
-
- this.clone.inject(this.element, 'before');
- this.drag.start(event);
- },
-
- end: function(){
- this.drag.detach();
- this.element.set('opacity', this.opacity);
- if (this.effect){
- var dim = this.element.getStyles('width', 'height');
- var pos = this.clone.computePosition(this.element.getPosition(this.clone.offsetParent));
- this.effect.element = this.clone;
- this.effect.start({
- top: pos.top,
- left: pos.left,
- width: dim.width,
- height: dim.height,
- opacity: 0.25
- }).chain(this.reset.bind(this));
- } else {
- this.reset();
- }
- },
-
- reset: function(){
- this.idle = true;
- this.clone.destroy();
- this.fireEvent('complete', this.element);
- },
-
- serialize: function(){
- var params = Array.link(arguments, {modifier: Function.type, index: $defined});
- var serial = this.lists.map(function(list){
- return list.getChildren().map(params.modifier || function(element){
- return element.get('id');
- }, this);
- }, this);
-
- var index = params.index;
- if (this.lists.length == 1) index = 0;
- return $chk(index) && index >= 0 && index < this.lists.length ? serial[index] : serial;
- }
-
-});
-
-/*\r
-Script: Tips.js\r
- Class for creating nice tips that follow the mouse cursor when hovering an element.\r
-\r
-License:\r
- MIT-style license.\r
-*/\r
-\r
-var Tips = new Class({\r
-\r
- Implements: [Events, Options],\r
-\r
- options: {\r
- onShow: function(tip){\r
- tip.setStyle('visibility', 'visible');\r
- },\r
- onHide: function(tip){\r
- tip.setStyle('visibility', 'hidden');\r
- },\r
- showDelay: 100,\r
- hideDelay: 100,\r
- className: null,\r
- offsets: {x: 16, y: 16},\r
- fixed: false\r
- },\r
-\r
- initialize: function(){\r
- var params = Array.link(arguments, {options: Object.type, elements: $defined});\r
- this.setOptions(params.options || null);\r
- \r
- this.tip = new Element('div').inject(document.body);\r
- \r
- if (this.options.className) this.tip.addClass(this.options.className);\r
- \r
- var top = new Element('div', {'class': 'tip-top'}).inject(this.tip);\r
- this.container = new Element('div', {'class': 'tip'}).inject(this.tip);\r
- var bottom = new Element('div', {'class': 'tip-bottom'}).inject(this.tip);\r
-\r
- this.tip.setStyles({position: 'absolute', top: 0, left: 0, visibility: 'hidden'});\r
- \r
- if (params.elements) this.attach(params.elements);\r
- },\r
- \r
- attach: function(elements){\r
- $$(elements).each(function(element){\r
- var title = element.retrieve('tip:title', element.get('title'));\r
- var text = element.retrieve('tip:text', element.get('rel') || element.get('href'));\r
- var enter = element.retrieve('tip:enter', this.elementEnter.bindWithEvent(this, element));\r
- var leave = element.retrieve('tip:leave', this.elementLeave.bindWithEvent(this, element));\r
- element.addEvents({mouseenter: enter, mouseleave: leave});\r
- if (!this.options.fixed){\r
- var move = element.retrieve('tip:move', this.elementMove.bindWithEvent(this, element));\r
- element.addEvent('mousemove', move);\r
- }\r
- element.store('tip:native', element.get('title'));\r
- element.erase('title');\r
- }, this);\r
- return this;\r
- },\r
- \r
- detach: function(elements){\r
- $$(elements).each(function(element){\r
- element.removeEvent('mouseenter', element.retrieve('tip:enter') || $empty);\r
- element.removeEvent('mouseleave', element.retrieve('tip:leave') || $empty);\r
- element.removeEvent('mousemove', element.retrieve('tip:move') || $empty);\r
- element.eliminate('tip:enter').eliminate('tip:leave').eliminate('tip:move');\r
- var original = element.retrieve('tip:native');\r
- if (original) element.set('title', original);\r
- });\r
- return this;\r
- },\r
- \r
- elementEnter: function(event, element){\r
- \r
- $A(this.container.childNodes).each(Element.dispose);\r
- \r
- var title = element.retrieve('tip:title');\r
- \r
- if (title){\r
- this.titleElement = new Element('div', {'class': 'tip-title'}).inject(this.container);\r
- this.fill(this.titleElement, title);\r
- }\r
- \r
- var text = element.retrieve('tip:text');\r
- if (text){\r
- this.textElement = new Element('div', {'class': 'tip-text'}).inject(this.container);\r
- this.fill(this.textElement, text);\r
- }\r
- \r
- this.timer = $clear(this.timer);\r
- this.timer = this.show.delay(this.options.showDelay, this);\r
-\r
- this.position((!this.options.fixed) ? event : {page: element.getPosition()});\r
- },\r
- \r
- elementLeave: function(event){\r
- $clear(this.timer);\r
- this.timer = this.hide.delay(this.options.hideDelay, this);\r
- },\r
- \r
- elementMove: function(event){\r
- this.position(event);\r
- },\r
- \r
- position: function(event){\r
- var size = window.getSize(), scroll = window.getScroll();\r
- var tip = {x: this.tip.offsetWidth, y: this.tip.offsetHeight};\r
- var props = {x: 'left', y: 'top'};\r
- for (var z in props){\r
- var pos = event.page[z] + this.options.offsets[z];\r
- if ((pos + tip[z] - scroll[z]) > size[z]) pos = event.page[z] - this.options.offsets[z] - tip[z];\r
- this.tip.setStyle(props[z], pos);\r
- }\r
- },\r
- \r
- fill: function(element, contents){\r
- (typeof contents == 'string') ? element.set('html', contents) : element.adopt(contents);\r
- },\r
-\r
- show: function(){\r
- this.fireEvent('show', this.tip);\r
- },\r
-\r
- hide: function(){\r
- this.fireEvent('hide', this.tip);\r
- }\r
-\r
-});
-
-/*\r
-Script: SmoothScroll.js\r
- Class for creating a smooth scrolling effect to all internal links on the page.\r
-\r
-License:\r
- MIT-style license.\r
-*/\r
-\r
-var SmoothScroll = new Class({\r
-\r
- Extends: Fx.Scroll,\r
-\r
- initialize: function(options, context){\r
- context = context || document;\r
- var doc = context.getDocument(), win = context.getWindow();\r
- this.parent(doc, options);\r
- this.links = (this.options.links) ? $$(this.options.links) : $$(doc.links);\r
- var location = win.location.href.match(/^[^#]*/)[0] + '#';\r
- this.links.each(function(link){\r
- if (link.href.indexOf(location) != 0) return;\r
- var anchor = link.href.substr(location.length);\r
- if (anchor && $(anchor)) this.useLink(link, anchor);\r
- }, this);\r
- if (!Browser.Engine.webkit419) this.addEvent('complete', function(){\r
- win.location.hash = this.anchor;\r
- }, true);\r
- },\r
-\r
- useLink: function(link, anchor){\r
- link.addEvent('click', function(event){\r
- this.anchor = anchor;\r
- this.toElement(anchor);\r
- event.stop();\r
- }.bind(this));\r
- }\r
-\r
-});
-
-/*
-Script: Slider.js
- Class for creating horizontal and vertical slider controls.
-
-License:
- MIT-style license.
-*/
-
-var Slider = new Class({
-
- Implements: [Events, Options],
-
- options: {/*
- onChange: $empty,
- onComplete: $empty,*/
- onTick: function(position){
- if(this.options.snap) position = this.toPosition(this.step);
- this.knob.setStyle(this.property, position);
- },
- snap: false,
- offset: 0,
- range: false,
- wheel: false,
- steps: 100,
- mode: 'horizontal'
- },
-
- initialize: function(element, knob, options){
- this.setOptions(options);
- this.element = $(element);
- this.knob = $(knob);
- this.previousChange = this.previousEnd = this.step = -1;
- this.element.addEvent('mousedown', this.clickedElement.bind(this));
- if (this.options.wheel) this.element.addEvent('mousewheel', this.scrolledElement.bindWithEvent(this));
- var offset, limit = {}, modifiers = {'x': false, 'y': false};
- switch (this.options.mode){
- case 'vertical':
- this.axis = 'y';
- this.property = 'top';
- offset = 'offsetHeight';
- break;
- case 'horizontal':
- this.axis = 'x';
- this.property = 'left';
- offset = 'offsetWidth';
- }
- this.half = this.knob[offset] / 2;
- this.full = this.element[offset] - this.knob[offset] + (this.options.offset * 2);
- this.min = $chk(this.options.range[0]) ? this.options.range[0] : 0;
- this.max = $chk(this.options.range[1]) ? this.options.range[1] : this.options.steps;
- this.range = this.max - this.min;
- this.steps = this.options.steps || this.full;
- this.stepSize = Math.abs(this.range) / this.steps;
- this.stepWidth = this.stepSize * this.full / Math.abs(this.range) ;
-
- this.knob.setStyle('position', 'relative').setStyle(this.property, - this.options.offset);
- modifiers[this.axis] = this.property;
- limit[this.axis] = [- this.options.offset, this.full - this.options.offset];
- this.drag = new Drag(this.knob, {
- snap: 0,
- limit: limit,
- modifiers: modifiers,
- onDrag: this.draggedKnob.bind(this),
- onStart: this.draggedKnob.bind(this),
- onComplete: function(){
- this.draggedKnob();
- this.end();
- }.bind(this)
- });
- if (this.options.snap) {
- this.drag.options.grid = Math.ceil(this.stepWidth);
- this.drag.options.limit[this.axis][1] = this.full;
- }
- },
-
- set: function(step){
- if (!((this.range > 0) ^ (step < this.min))) step = this.min;
- if (!((this.range > 0) ^ (step > this.max))) step = this.max;
-
- this.step = Math.round(step);
- this.checkStep();
- this.end();
- this.fireEvent('tick', this.toPosition(this.step));
- return this;
- },
-
- clickedElement: function(event){
- var dir = this.range < 0 ? -1 : 1;
- var position = event.page[this.axis] - this.element.getPosition()[this.axis] - this.half;
- position = position.limit(-this.options.offset, this.full -this.options.offset);
-
- this.step = Math.round(this.min + dir * this.toStep(position));
- this.checkStep();
- this.end();
- this.fireEvent('tick', position);
- },
-
- scrolledElement: function(event){
- var mode = (this.options.mode == 'horizontal') ? (event.wheel < 0) : (event.wheel > 0);
- this.set(mode ? this.step - this.stepSize : this.step + this.stepSize);
- event.stop();
- },
-
- draggedKnob: function(){
- var dir = this.range < 0 ? -1 : 1;
- var position = this.drag.value.now[this.axis];
- position = position.limit(-this.options.offset, this.full -this.options.offset);
- this.step = Math.round(this.min + dir * this.toStep(position));
- this.checkStep();
- },
-
- checkStep: function(){
- if (this.previousChange != this.step){
- this.previousChange = this.step;
- this.fireEvent('change', this.step);
- }
- },
-
- end: function(){
- if (this.previousEnd !== this.step){
- this.previousEnd = this.step;
- this.fireEvent('complete', this.step + '');
- }
- },
-
- toStep: function(position){
- var step = (position + this.options.offset) * this.stepSize / this.full * this.steps;
- return this.options.steps ? Math.round(step -= step % this.stepSize) : step;
- },
-
- toPosition: function(step){
- return (this.full * Math.abs(this.min - step)) / (this.steps * this.stepSize) - this.options.offset;
- }
-
-});
-
-/*
-Script: Scroller.js
- Class which scrolls the contents of any Element (including the window) when the mouse reaches the Element's boundaries.
-
-License:
- MIT-style license.
-*/
-
-var Scroller = new Class({
-
- Implements: [Events, Options],
-
- options: {
- area: 20,
- velocity: 1,
- onChange: function(x, y){
- this.element.scrollTo(x, y);
- }
- },
-
- initialize: function(element, options){
- this.setOptions(options);
- this.element = $(element);
- this.listener = ($type(this.element) != 'element') ? $(this.element.getDocument().body) : this.element;
- this.timer = null;
- this.coord = this.getCoords.bind(this);
- },
-
- start: function(){
- this.listener.addEvent('mousemove', this.coord);
- },
-
- stop: function(){
- this.listener.removeEvent('mousemove', this.coord);
- this.timer = $clear(this.timer);
- },
-
- getCoords: function(event){
- this.page = (this.listener.get('tag') == 'body') ? event.client : event.page;
- if (!this.timer) this.timer = this.scroll.periodical(50, this);
- },
-
- scroll: function(){
- var size = this.element.getSize(), scroll = this.element.getScroll(), pos = this.element.getPosition(), change = {'x': 0, 'y': 0};
- for (var z in this.page){
- if (this.page[z] < (this.options.area + pos[z]) && scroll[z] != 0)
- change[z] = (this.page[z] - this.options.area - pos[z]) * this.options.velocity;
- else if (this.page[z] + this.options.area > (size[z] + pos[z]) && size[z] + size[z] != scroll[z])
- change[z] = (this.page[z] - size[z] + this.options.area - pos[z]) * this.options.velocity;
- }
- if (change.y || change.x) this.fireEvent('change', [scroll.x + change.x, scroll.y + change.y]);
+ }));
+ }));
}
-});
+};
-/*\r
-Script: Accordion.js\r
- An Fx.Elements extension which allows you to easily create accordion type controls.\r
-\r
-License:\r
- MIT-style license.\r
-*/\r
-\r
-var Accordion = new Class({\r
-\r
- Extends: Fx.Elements,\r
-\r
- options: {/*\r
- onActive: $empty,\r
- onBackground: $empty,*/\r
- display: 0,\r
- show: false,\r
- height: true,\r
- width: false,\r
- opacity: true,\r
- fixedHeight: false,\r
- fixedWidth: false,\r
- wait: false,\r
- alwaysHide: false\r
- },\r
-\r
- initialize: function(){\r
- var params = Array.link(arguments, {'container': Element.type, 'options': Object.type, 'togglers': $defined, 'elements': $defined});\r
- this.parent(params.elements, params.options);\r
- this.togglers = $$(params.togglers);\r
- this.container = $(params.container);\r
- this.previous = -1;\r
- if (this.options.alwaysHide) this.options.wait = true;\r
- if ($chk(this.options.show)){\r
- this.options.display = false;\r
- this.previous = this.options.show;\r
- }\r
- if (this.options.start){\r
- this.options.display = false;\r
- this.options.show = false;\r
- }\r
- this.effects = {};\r
- if (this.options.opacity) this.effects.opacity = 'fullOpacity';\r
- if (this.options.width) this.effects.width = this.options.fixedWidth ? 'fullWidth' : 'offsetWidth';\r
- if (this.options.height) this.effects.height = this.options.fixedHeight ? 'fullHeight' : 'scrollHeight';\r
- for (var i = 0, l = this.togglers.length; i < l; i++) this.addSection(this.togglers[i], this.elements[i]);\r
- this.elements.each(function(el, i){\r
- if (this.options.show === i){\r
- this.fireEvent('active', [this.togglers[i], el]);\r
- } else {\r
- for (var fx in this.effects) el.setStyle(fx, 0);\r
- }\r
- }, this);\r
- if ($chk(this.options.display)) this.display(this.options.display);\r
- },\r
-\r
- addSection: function(toggler, element, pos){\r
- toggler = $(toggler);\r
- element = $(element);\r
- var test = this.togglers.contains(toggler);\r
- var len = this.togglers.length;\r
- this.togglers.include(toggler);\r
- this.elements.include(element);\r
- if (len && (!test || pos)){\r
- pos = $pick(pos, len - 1);\r
- toggler.inject(this.togglers[pos], 'before');\r
- element.inject(toggler, 'after');\r
- } else if (this.container && !test){\r
- toggler.inject(this.container);\r
- element.inject(this.container);\r
- }\r
- var idx = this.togglers.indexOf(toggler);\r
- toggler.addEvent('click', this.display.bind(this, idx));\r
- if (this.options.height) element.setStyles({'padding-top': 0, 'border-top': 'none', 'padding-bottom': 0, 'border-bottom': 'none'});\r
- if (this.options.width) element.setStyles({'padding-left': 0, 'border-left': 'none', 'padding-right': 0, 'border-right': 'none'});\r
- element.fullOpacity = 1;\r
- if (this.options.fixedWidth) element.fullWidth = this.options.fixedWidth;\r
- if (this.options.fixedHeight) element.fullHeight = this.options.fixedHeight;\r
- element.setStyle('overflow', 'hidden');\r
- if (!test){\r
- for (var fx in this.effects) element.setStyle(fx, 0);\r
- }\r
- return this;\r
- },\r
-\r
- display: function(index){\r
- index = ($type(index) == 'element') ? this.elements.indexOf(index) : index;\r
- if ((this.timer && this.options.wait) || (index === this.previous && !this.options.alwaysHide)) return this;\r
- this.previous = index;\r
- var obj = {};\r
- this.elements.each(function(el, i){\r
- obj[i] = {};\r
- var hide = (i != index) || (this.options.alwaysHide && (el.offsetHeight > 0));\r
- this.fireEvent(hide ? 'background' : 'active', [this.togglers[i], el]);\r
- for (var fx in this.effects) obj[i][fx] = hide ? 0 : el[this.effects[fx]];\r
- }, this);\r
- return this.start(obj);\r
- }\r
-\r
-});
projects / mkgallery.git / blobdiff