X-Git-Url: http://www.average.org/gitweb/?p=mkgallery.git;a=blobdiff_plain;f=include%2Fmootools.js;h=2d60cb72aefdbebb3dd10180667370abb7c7ed73;hp=ebc3984c69648dec082930e370a62f9206c30198;hb=d9858398daebccc17dff00309c0f96a94a98e1f2;hpb=a01bd7a3ca127d89ae4a2d55c289c0c13ae70693 diff --git a/include/mootools.js b/include/mootools.js index ebc3984..2d60cb7 100644 --- a/include/mootools.js +++ b/include/mootools.js @@ -1,424 +1,556 @@ /* -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; + // } } - 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; } +}; -}); +// -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; }, @@ -426,13 +558,15 @@ Array.implement({ 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){ @@ -445,13 +579,15 @@ Array.implement({ 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; }, @@ -480,8 +616,8 @@ Array.implement({ 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; }, @@ -490,7 +626,7 @@ Array.implement({ }, 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){ @@ -504,7 +640,7 @@ Array.implement({ }, 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; @@ -518,13 +654,20 @@ Array.implement({ 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){ @@ -547,84 +690,159 @@ Array.implement({ }); -/* -Script: Function.js - Contains Function Prototypes like create, bind, pass, and delay. - -License: - MIT-style license. -*/ - -Function.implement({ - - extend: function(properties){ - for (var property in properties) this[property] = properties[property]; - return this; - }, - - create: function(options){ - var self = this; - options = options || {}; - return function(event){ - var args = options.arguments; - args = (args != undefined) ? $splat(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 $try(returns); - return returns(); - }; - }, - - pass: function(args, bind){ - return this.create({arguments: args, bind: bind}); - }, - - attempt: function(args, bind){ - return this.create({arguments: args, bind: bind, attempt: true})(); - }, - - bind: function(bind, args){ - return this.create({bind: bind, arguments: args}); - }, - - bindWithEvent: function(bind, args){ - return this.create({bind: bind, event: true, arguments: args}); - }, - - delay: function(delay, bind, args){ - return this.create({delay: delay, bind: bind, arguments: args})(); - }, - - periodical: function(interval, bind, args){ - return this.create({periodical: interval, bind: bind, arguments: args})(); - }, - - run: function(args, bind){ - return this.apply(bind, $splat(args)); - } - -}); +//<1.2compat> + +Array.alias('extend', 'append'); + +var $pick = function(){ + return Array.from(arguments).pick(); +}; + +// + /* -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; + +// + + +/* +--- + +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; }, @@ -642,30 +860,39 @@ Number.implement({ }); -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){ @@ -720,635 +947,2261 @@ String.implement({ return (rgb) ? rgb.rgbToHex(array) : null; }, - stripScripts: function(option){ - var scripts = ''; - var text = this.replace(/]*>([\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(/]*>([\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 ) +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; + +// + +})(); + + +/* +--- + +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'}); + +// + + +/* +--- + +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); + +// + +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; + /**/ + + 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 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* ( + ) \\s* # Combinator \n\ + | ( \\s+ ) # CombinatorChildren \n\ + | ( + | \\* ) # Tag \n\ + | \\# ( + ) # ID \n\ + | \\. ( + ) # ClassName \n\ + | # Attribute \n\ + \\[ \ + \\s* (+) (?: \ + \\s* ([*^$!~|]?=) (?: \ + \\s* (?:\ + ([\"']?)(.*?)\\9 \ + )\ + ) \ + )? \\s* \ + \\](?!\\]) \n\ + | :+ ( + )(?:\ + \\( (?:\ + (?:([\"'])([^\\12]*)\\12)|((?:\\([^)]+\\)|[^()]*)+)\ + ) \\)\ + )?\ + )" +*/ + "^(?:\\s*(,)\\s*|\\s*(+)\\s*|(\\s+)|(+|\\*)|\\#(+)|\\.(+)|\\[\\s*(+)(?:\\s*([*^$!~|]?=)(?:\\s*(?:([\"']?)(.*?)\\9)))?\\s*\\](?!\\])|:+(+)(?:\\((?:(?:([\"'])([^\\12]*)\\12)|((?:\\([^)]+\\)|[^()]*)+))\\))?)" + .replace(//, '[' + escapeRegExp(">+~`!@$%^&={}\\;/g, '(?:[\\w\\u00a1-\\uFFFF-]|\\\\[^\\s0-9a-f])') + .replace(//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(/**/(typeof exports != 'undefined') ? exports : /**/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 = ''; + 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:"") for getElementsByTagName('*') for some documents + try { + testNode.innerHTML = '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:"") for querySelectorAll('*') for some documents + if (testNode.querySelectorAll) try { + testNode.innerHTML = '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 = ''; + this.idGetsName = document.getElementById(id) === testNode.firstChild; + } catch(e){}; + + // Safari 3.2 querySelectorAll doesnt work with mixedcase on quirksmode + try { + testNode.innerHTML = ''; + this.brokenMixedCaseQSA = !testNode.querySelectorAll('.MiXedCaSe').length; + } catch(e){}; + + try { + testNode.innerHTML = ''; + 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 = ''; + brokenSecondClassNameGEBCN = (testNode.getElementsByClassName('a').length != 2); + } catch(e){}; + + this.brokenGEBCN = cachedGetElementsByClassName || brokenSecondClassNameGEBCN; + + // Webkit dont return selected options on querySelectorAll + try { + testNode.innerHTML = ''; + this.brokenCheckedQSA = (testNode.querySelectorAll(':checked').length == 0); + } catch(e){}; + + // IE returns incorrect results for attr[*^$]="" selectors on querySelectorAll + try { + testNode.innerHTML = ''; + 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 + + /**//**/ + + this.posNTH = {}; + this.posNTHLast = {}; + this.posNTHType = {}; + this.posNTHTypeLast = {}; + + /**//**/ + + // 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; +}; + +/**//**/ + +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; + }; +}; + +/**//**/ + +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 = { + + /**/ + + '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-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'); + }, + + /**/ + + /**/ + + '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; + }, + + /**/ + + // 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; + } + + /**/ +}; + +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}); +}; + +/**/ + +/**/ + +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; + +}); + +/**/ + +/**/ - 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(); - }); -}; +/**/ -var Options = new Class({ +/**/ - 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; +}); + +/**/ +/**/ + +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. +/**/ -License: - MIT-style license. -*/ +/**/ -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(/**/(typeof exports != 'undefined') ? exports : /**/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; + +// + +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); + +/**/ +var createElementAcceptsHTML; +try { + var x = document.createElement(''); + createElementAcceptsHTML = (x.name == 'x'); +} catch(e){} + +var escapeQuotes = function(html){ + return ('' + html).replace(/&/g, '&').replace(/"/g, '"'); }; +/**/ -Window.implement({ +Document.implement({ + + newElement: function(tag, props){ + if (props && props.checked != null) props.defaultChecked = props.checked; + /**/// 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; + } + /**/ + 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; }, @@ -1359,64 +3212,128 @@ Window.implement({ }); -$.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; +}); + +// +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){ @@ -1424,177 +3341,221 @@ Element.Inserters = new Hash({ }, 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; +// + +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; })); }, @@ -1602,120 +3563,152 @@ Element.implement({ 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); - }, +// - 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; +// + Element.Properties.style = { set: function(style){ @@ -1732,271 +3725,319 @@ Element.Properties.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 = ''; + }); + + var wrapper = document.createElement('div'); + + var translations = { + table: [1, '', '
'], + select: [1, ''], + tbody: [2, '', '
'], + tr: [3, '', '
'] + }; + 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(); -}); +// -/* -Script: Element.Event.js - Contains Element methods for dealing with events, and custom Events. - -License: - MIT-style license. -*/ - -Element.Properties.events = {set: function(events){ - this.addEvents(events); -}}; - -Native.implement([Element, Window, Document], { - - addEvent: function(type, fn){ - var events = this.retrieve('events', {}); - 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.get(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 false; - }; - } - realType = custom.base || realType; - } - var defn = function(){ - return fn.call(self); - }; - var nativeEvent = Element.NativeEvents[realType] || 0; - 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; - }, - - removeEvent: function(type, fn){ - var events = this.retrieve('events'); - if (!events || !events[type]) return this; - var pos = events[type].keys.indexOf(fn); - if (pos == -1) return this; - var key = events[type].keys.splice(pos, 1)[0]; - var value = events[type].values.splice(pos, 1)[0]; - var custom = Element.Events.get(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; - }, - - removeEvents: function(type){ - var events = this.retrieve('events'); - if (!events) return this; - if (!type){ - for (var evType in events) this.removeEvents(evType); - events = null; - } else if (events[type]){ - while (events[type].keys[0]) this.removeEvent(type, events[type].keys[0]); - events[type] = null; - } - return this; - }, - - fireEvent: function(type, args, delay){ - var events = this.retrieve('events'); - if (!events || !events[type]) return this; - events[type].keys.each(function(fn){ - fn.create({'bind': this, 'delay': delay, 'arguments': args})(); - }, this); - return this; - }, - - cloneEvents: function(from, type){ - from = $(from); - var fevents = from.retrieve('events'); - if (!fevents) return this; - if (!type){ - for (var evType in fevents) this.cloneEvents(from, evType); - } else if (fevents[type]){ - fevents[type].keys.each(function(fn){ - this.addEvent(type, fn); - }, this); - } - return this; - } - -}); - -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 - focus: 2, blur: 2, change: 2, reset: 2, select: 2, submit: 2, //form elements - load: 1, unload: 1, beforeunload: 2, resize: 1, move: 1, DOMContentLoaded: 1, readystatechange: 1, //window - error: 1, abort: 1, scroll: 1 //misc -}; - -(function(){ - -var $check = function(event){ - var related = event.relatedTarget; - if (related == undefined) return true; - if (related === false) return false; - return ($type(this) != 'document' && related != this && related.prefix != 'xul' && !this.hasChild(related)); -}; - -Element.Events = new Hash({ - - mouseenter: { - base: 'mouseover', - condition: $check - }, - - mouseleave: { - base: 'mouseout', - condition: $check - }, - - mousewheel: { - base: (Browser.Engine.gecko) ? 'DOMMouseScroll' : 'mousewheel' - } - -}); - })(); + /* -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'); }, @@ -2004,14 +4045,14 @@ Element.implement({ 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); @@ -2023,11 +4064,11 @@ Element.implement({ 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; @@ -2041,7 +4082,7 @@ Element.implement({ 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){ @@ -2049,7 +4090,7 @@ Element.implement({ }, 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; @@ -2062,7 +4103,7 @@ Element.implement({ getStyles: function(){ var result = {}; - Array.each(arguments, function(key){ + Array.flatten(arguments).each(function(key){ result[key] = this.getStyle(key); }, this); return result; @@ -2070,7 +4111,7 @@ Element.implement({ }); -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(@, @, @)', @@ -2078,7 +4119,13 @@ Element.Styles = new Hash({ 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); + +// Element.ShortStyles = {margin: {}, padding: {}, border: {}, borderWidth: {}, borderStyle: {}, borderColor: {}}; @@ -2098,17 +4145,27 @@ Element.ShortStyles = {margin: {}, padding: {}, border: {}, borderWidth: {}, bor 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(){ @@ -2141,7 +4198,7 @@ Element.implement({ }, 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; @@ -2149,18 +4206,31 @@ Element.implement({ } 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; @@ -2168,7 +4238,7 @@ Element.implement({ 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); @@ -2178,17 +4248,14 @@ Element.implement({ 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); } @@ -2197,50 +4264,67 @@ Element.implement({ 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(){ @@ -2286,8 +4370,9 @@ function getCompatElement(element){ })(); //aliases +Element.alias({position: 'setPosition'}); //compatability -Native.implement([Window, Document, Element], { +[Window, Document, Element].invoke('implement', { getHeight: function(){ return this.getSize().y; @@ -2323,769 +4408,191 @@ Native.implement([Window, Document, Element], { }); + /* -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: - -*/ - -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 = ''; - } - build += ''; - 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('' + __flash__argumentsToXML(arguments, 2) + ''); - return eval(rs); -}; +description: Contains the CSS animation logic. Used by Fx.Tween, Fx.Morph, Fx.Elements. -/* -Script: Fx.js - Contains the basic animation logic to be extended by all other Fx Classes. - -License: - MIT-style license. -*/ - -var Fx = new Class({ - - Implements: [Chain, Events, Options], - - options: { - /* - onStart: $empty, - onCancel: $empty, - onComplete: $empty, - */ - fps: 50, - unit: false, - duration: 500, - link: 'ignore', - transition: function(p){ - return -(Math.cos(Math.PI * p) - 1) / 2; - } - }, - - initialize: function(options){ - this.subject = this.subject || this; - this.setOptions(options); - this.options.duration = Fx.Durations[this.options.duration] || this.options.duration.toInt(); - var wait = this.options.wait; - if (wait === false) this.options.link = 'cancel'; - }, - - step: function(){ - var time = $time(); - if (time < this.time + this.options.duration){ - var delta = this.options.transition((time - this.time) / this.options.duration); - this.set(this.compute(this.from, this.to, delta)); - } else { - this.set(this.compute(this.from, this.to, 1)); - this.complete(); - } - }, - - set: function(now){ - return now; - }, - - compute: function(from, to, delta){ - return Fx.compute(from, to, delta); - }, - - check: function(caller){ - if (!this.timer) 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; - }, - - start: function(from, to){ - if (!this.check(arguments.callee, from, to)) return this; - this.from = from; - this.to = to; - this.time = 0; - this.startTimer(); - this.onStart(); - return this; - }, - - complete: function(){ - if (this.stopTimer()) this.onComplete(); - return this; - }, - - cancel: function(){ - if (this.stopTimer()) this.onCancel(); - return this; - }, - - onStart: function(){ - this.fireEvent('start', this.subject); - }, - - onComplete: function(){ - this.fireEvent('complete', this.subject); - if (!this.callChain()) this.fireEvent('chainComplete', this.subject); - }, - - onCancel: function(){ - this.fireEvent('cancel', this.subject).clearChain(); - }, - - pause: function(){ - this.stopTimer(); - return this; - }, - - resume: function(){ - this.startTimer(); - return this; - }, - - stopTimer: function(){ - if (!this.timer) return false; - this.time = $time() - this.time; - this.timer = $clear(this.timer); - return true; - }, - - startTimer: function(){ - if (this.timer) return false; - this.time = $time() - this.time; - this.timer = this.step.periodical(Math.round(1000 / this.options.fps), this); - return true; - } - -}); - -Fx.compute = function(from, to, delta){ - return (to - from) * delta + from; -}; - -Fx.Durations = {'short': 250, 'normal': 500, 'long': 1000}; +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({ @@ -3095,9 +4602,8 @@ 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); } @@ -3108,15 +4614,15 @@ Fx.CSS = new Class({ //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; @@ -3130,14 +4636,14 @@ Fx.CSS = new Class({ (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)); @@ -3180,7 +4686,7 @@ Fx.CSS = new Class({ Fx.CSS.Cache = {}; -Fx.CSS.Parsers = new Hash({ +Fx.CSS.Parsers = { Color: { parse: function(value){ @@ -3206,20 +4712,38 @@ Fx.CSS.Parsers = new Hash({ }, 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); + +// /* -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({ @@ -3227,7 +4751,7 @@ 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); }, @@ -3241,7 +4765,7 @@ Fx.Tween = new Class({ }, 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); @@ -3253,17 +4777,17 @@ Fx.Tween = new Class({ 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; } }; @@ -3277,7 +4801,7 @@ Element.implement({ 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; @@ -3312,11 +4836,19 @@ Element.implement({ /* -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({ @@ -3324,7 +4856,7 @@ 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); }, @@ -3341,7 +4873,7 @@ Fx.Morph = new Class({ }, 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){ @@ -3357,17 +4889,17 @@ Fx.Morph = new Class({ 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; } }; @@ -3381,37 +4913,44 @@ Element.implement({ }); + /* -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, , 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, , 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); }, @@ -3424,11 +4963,19 @@ Fx.Transition = function(transition, params){ }); }; -Fx.Transitions = new Hash({ +Fx.Transitions = { - linear: $arguments(0) + linear: function(zero){ + return zero; + } -}); +}; + +//<1.2compat> + +Fx.Transitions = new Hash(Fx.Transitions); + +// Fx.Transitions.extend = function(transitions){ for (var transition in transitions) Fx.Transitions[transition] = new Fx.Transition(transitions[transition]); @@ -3437,7 +4984,7 @@ Fx.Transitions.extend = function(transitions){ 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){ @@ -3453,7 +5000,7 @@ Fx.Transitions.extend({ }, Back: function(p, x){ - x = x[0] || 1.618; + x = x && x[0] || 1.618; return Math.pow(p, 2) * ((x + 1) * p - x); }, @@ -3461,7 +5008,7 @@ Fx.Transitions.extend({ 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; } } @@ -3469,7 +5016,7 @@ Fx.Transitions.extend({ }, 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); } }); @@ -3482,575 +5029,172 @@ Fx.Transitions.extend({ /* -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 +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(/]*>([\s\S]*?)<\/body>/i); - text = (match) ? match[1] : text; - - var container = new Element('div'); - - return $try(function(){ - var root = '' + text + '', 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, . Copyright (c) 2006-2008 Valerio Proietti, , MIT Style License. - -/* -Script: Fx.Slide.js - Effect to slide an element in and out of view. - -License: - MIT-style license. -*/ - -Fx.Slide = new Class({ - - Extends: Fx, - - options: { - mode: 'vertical' - }, - - initialize: function(element, options){ - this.addEvent('complete', function(){ - this.open = (this.wrapper['offset' + this.layout.capitalize()] != 0); - if (this.open && Browser.Engine.webkit419) this.element.dispose().inject(this.wrapper); - }, true); - this.element = this.subject = $(element); - this.parent(options); - var wrapper = this.element.retrieve('wrapper'); - this.wrapper = wrapper || new Element('div', { - styles: $extend(this.element.getStyles('margin', 'position'), {'overflow': 'hidden'}) - }).wraps(this.element); - this.element.store('wrapper', this.wrapper).setStyle('margin', 0); - this.now = []; - this.open = true; - }, - - vertical: function(){ - this.margin = 'margin-top'; - this.layout = 'height'; - this.offset = this.element.offsetHeight; - }, - - horizontal: function(){ - this.margin = 'margin-left'; - this.layout = 'width'; - this.offset = this.element.offsetWidth; - }, - - set: function(now){ - this.element.setStyle(this.margin, now[0]); - this.wrapper.setStyle(this.layout, now[1]); - return this; - }, - - compute: function(from, to, delta){ - var now = []; - var x = 2; - x.times(function(i){ - now[i] = Fx.compute(from[i], to[i], delta); - }); - return now; - }, - - start: function(how, mode){ - if (!this.check(arguments.callee, 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 = (this.wrapper['offset' + this.layout.capitalize()] == 0) ? caseIn : caseOut; - } - return this.parent(start[0], start[1]); - }, - - slideIn: function(mode){ - return this.start('in', mode); - }, - - slideOut: function(mode){ - return this.start('out', mode); - }, - - hide: function(mode){ - this[mode || this.options.mode](); - this.open = false; - return this.set([-this.offset, 0]); - }, - - show: function(mode){ - this[mode || this.options.mode](); - this.open = true; - return this.set([0, this.offset]); - }, - - toggle: function(mode){ - return this.start('toggle', mode); - } - -}); - -Element.Properties.slide = { - - set: function(options){ - var slide = this.retrieve('slide'); - if (slide) slide.cancel(); - return this.eliminate('slide').store('slide:options', $extend({link: 'cancel'}, options)); - }, - - get: function(options){ - if (options || !this.retrieve('slide')){ - if (options || !this.retrieve('slide:options')) this.set('slide', options); - this.store('slide', new Fx.Slide(this, this.retrieve('slide:options'))); - } - return this.retrieve('slide'); - } - -}; - -Element.implement({ - - 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; - } - -}); +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({ @@ -4064,569 +5208,294 @@ 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); - } - -}); - - -/* -Script: Hash.Cookie.js - Class for creating, reading, and deleting Cookies in JSON format. - -License: - MIT-style license. -*/ - -Hash.Cookie = new Class({ - - Extends: Cookie, - - options: { - autoSave: true - }, - - initialize: function(name, options){ - this.parent(name, options); - this.load(); - }, - - save: function(){ - var value = JSON.encode(this.hash); - if (!value || value.length > 4096) return false; //cookie would be truncated! - if (value == '{}') this.dispose(); - else this.write(value); - return true; - }, - - load: function(){ - this.hash = new Hash(JSON.decode(this.read(), true)); - return this; - } - -}); - -Hash.Cookie.implement((function(){ - - var methods = {}; - - Hash.each(Hash.prototype, function(method, name){ - methods[name] = function(){ - var value = method.apply(this.hash, arguments); - if (this.options.autoSave) this.save(); - return value; - }; - }); - - return methods; - -})()); - -/* -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(){ @@ -4642,666 +5511,33 @@ var Asset = new Hash({ }); 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; - } - -}); - -/* -Script: Tips.js - Class for creating nice tips that follow the mouse cursor when hovering an element. - -License: - MIT-style license. -*/ - -var Tips = new Class({ - - Implements: [Events, Options], - - options: { - onShow: function(tip){ - tip.setStyle('visibility', 'visible'); - }, - onHide: function(tip){ - tip.setStyle('visibility', 'hidden'); - }, - showDelay: 100, - hideDelay: 100, - className: null, - offsets: {x: 16, y: 16}, - fixed: false - }, - - initialize: function(){ - var params = Array.link(arguments, {options: Object.type, elements: $defined}); - this.setOptions(params.options || null); - - this.tip = new Element('div').inject(document.body); - - if (this.options.className) this.tip.addClass(this.options.className); - - var top = new Element('div', {'class': 'tip-top'}).inject(this.tip); - this.container = new Element('div', {'class': 'tip'}).inject(this.tip); - var bottom = new Element('div', {'class': 'tip-bottom'}).inject(this.tip); - - this.tip.setStyles({position: 'absolute', top: 0, left: 0, visibility: 'hidden'}); - - if (params.elements) this.attach(params.elements); - }, - - attach: function(elements){ - $$(elements).each(function(element){ - var title = element.retrieve('tip:title', element.get('title')); - var text = element.retrieve('tip:text', element.get('rel') || element.get('href')); - var enter = element.retrieve('tip:enter', this.elementEnter.bindWithEvent(this, element)); - var leave = element.retrieve('tip:leave', this.elementLeave.bindWithEvent(this, element)); - element.addEvents({mouseenter: enter, mouseleave: leave}); - if (!this.options.fixed){ - var move = element.retrieve('tip:move', this.elementMove.bindWithEvent(this, element)); - element.addEvent('mousemove', move); - } - element.store('tip:native', element.get('title')); - element.erase('title'); - }, this); - return this; - }, - - detach: function(elements){ - $$(elements).each(function(element){ - element.removeEvent('mouseenter', element.retrieve('tip:enter') || $empty); - element.removeEvent('mouseleave', element.retrieve('tip:leave') || $empty); - element.removeEvent('mousemove', element.retrieve('tip:move') || $empty); - element.eliminate('tip:enter').eliminate('tip:leave').eliminate('tip:move'); - var original = element.retrieve('tip:native'); - if (original) element.set('title', original); - }); - return this; - }, - - elementEnter: function(event, element){ - - $A(this.container.childNodes).each(Element.dispose); - - var title = element.retrieve('tip:title'); - - if (title){ - this.titleElement = new Element('div', {'class': 'tip-title'}).inject(this.container); - this.fill(this.titleElement, title); - } - - var text = element.retrieve('tip:text'); - if (text){ - this.textElement = new Element('div', {'class': 'tip-text'}).inject(this.container); - this.fill(this.textElement, text); - } - - this.timer = $clear(this.timer); - this.timer = this.show.delay(this.options.showDelay, this); - - this.position((!this.options.fixed) ? event : {page: element.getPosition()}); - }, - - elementLeave: function(event){ - $clear(this.timer); - this.timer = this.hide.delay(this.options.hideDelay, this); - }, - - elementMove: function(event){ - this.position(event); - }, - - position: function(event){ - var size = window.getSize(), scroll = window.getScroll(); - var tip = {x: this.tip.offsetWidth, y: this.tip.offsetHeight}; - var props = {x: 'left', y: 'top'}; - for (var z in props){ - var pos = event.page[z] + this.options.offsets[z]; - if ((pos + tip[z] - scroll[z]) > size[z]) pos = event.page[z] - this.options.offsets[z] - tip[z]; - this.tip.setStyle(props[z], pos); - } - }, - - fill: function(element, contents){ - (typeof contents == 'string') ? element.set('html', contents) : element.adopt(contents); - }, - - show: function(){ - this.fireEvent('show', this.tip); - }, - - hide: function(){ - this.fireEvent('hide', this.tip); - } - -}); - -/* -Script: SmoothScroll.js - Class for creating a smooth scrolling effect to all internal links on the page. - -License: - MIT-style license. -*/ - -var SmoothScroll = new Class({ - - Extends: Fx.Scroll, - - initialize: function(options, context){ - context = context || document; - var doc = context.getDocument(), win = context.getWindow(); - this.parent(doc, options); - this.links = (this.options.links) ? $$(this.options.links) : $$(doc.links); - var location = win.location.href.match(/^[^#]*/)[0] + '#'; - this.links.each(function(link){ - if (link.href.indexOf(location) != 0) return; - var anchor = link.href.substr(location.length); - if (anchor && $(anchor)) this.useLink(link, anchor); - }, this); - if (!Browser.Engine.webkit419) this.addEvent('complete', function(){ - win.location.hash = this.anchor; - }, true); - }, - - useLink: function(link, anchor){ - link.addEvent('click', function(event){ - this.anchor = anchor; - this.toElement(anchor); - event.stop(); - }.bind(this)); - } - -}); - -/* -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]); + })); + })); } -}); +}; -/* -Script: Accordion.js - An Fx.Elements extension which allows you to easily create accordion type controls. - -License: - MIT-style license. -*/ - -var Accordion = new Class({ - - Extends: Fx.Elements, - - options: {/* - onActive: $empty, - onBackground: $empty,*/ - display: 0, - show: false, - height: true, - width: false, - opacity: true, - fixedHeight: false, - fixedWidth: false, - wait: false, - alwaysHide: false - }, - - initialize: function(){ - var params = Array.link(arguments, {'container': Element.type, 'options': Object.type, 'togglers': $defined, 'elements': $defined}); - this.parent(params.elements, params.options); - this.togglers = $$(params.togglers); - this.container = $(params.container); - this.previous = -1; - if (this.options.alwaysHide) this.options.wait = true; - if ($chk(this.options.show)){ - this.options.display = false; - this.previous = this.options.show; - } - if (this.options.start){ - this.options.display = false; - this.options.show = false; - } - this.effects = {}; - if (this.options.opacity) this.effects.opacity = 'fullOpacity'; - if (this.options.width) this.effects.width = this.options.fixedWidth ? 'fullWidth' : 'offsetWidth'; - if (this.options.height) this.effects.height = this.options.fixedHeight ? 'fullHeight' : 'scrollHeight'; - for (var i = 0, l = this.togglers.length; i < l; i++) this.addSection(this.togglers[i], this.elements[i]); - this.elements.each(function(el, i){ - if (this.options.show === i){ - this.fireEvent('active', [this.togglers[i], el]); - } else { - for (var fx in this.effects) el.setStyle(fx, 0); - } - }, this); - if ($chk(this.options.display)) this.display(this.options.display); - }, - - addSection: function(toggler, element, pos){ - toggler = $(toggler); - element = $(element); - var test = this.togglers.contains(toggler); - var len = this.togglers.length; - this.togglers.include(toggler); - this.elements.include(element); - if (len && (!test || pos)){ - pos = $pick(pos, len - 1); - toggler.inject(this.togglers[pos], 'before'); - element.inject(toggler, 'after'); - } else if (this.container && !test){ - toggler.inject(this.container); - element.inject(this.container); - } - var idx = this.togglers.indexOf(toggler); - toggler.addEvent('click', this.display.bind(this, idx)); - if (this.options.height) element.setStyles({'padding-top': 0, 'border-top': 'none', 'padding-bottom': 0, 'border-bottom': 'none'}); - if (this.options.width) element.setStyles({'padding-left': 0, 'border-left': 'none', 'padding-right': 0, 'border-right': 'none'}); - element.fullOpacity = 1; - if (this.options.fixedWidth) element.fullWidth = this.options.fixedWidth; - if (this.options.fixedHeight) element.fullHeight = this.options.fixedHeight; - element.setStyle('overflow', 'hidden'); - if (!test){ - for (var fx in this.effects) element.setStyle(fx, 0); - } - return this; - }, - - display: function(index){ - index = ($type(index) == 'element') ? this.elements.indexOf(index) : index; - if ((this.timer && this.options.wait) || (index === this.previous && !this.options.alwaysHide)) return this; - this.previous = index; - var obj = {}; - this.elements.each(function(el, i){ - obj[i] = {}; - var hide = (i != index) || (this.options.alwaysHide && (el.offsetHeight > 0)); - this.fireEvent(hide ? 'background' : 'active', [this.togglers[i], el]); - for (var fx in this.effects) obj[i][fx] = hide ? 0 : el[this.effects[fx]]; - }, this); - return this.start(obj); - } - -});