lsd_rails 0.1.4 → 0.1.5

data/Packages/art/Source/ART.Path.js

@@ -153,7 +153,7 @@ function visitArc(rx, ry, rotation, large, clockwise, x, y, tX, tY, curveTo, arc
 
 	var n = Math.ceil(Math.abs(arc / (circle / 4))),
 	    step = arc / n,
-	    k = (4 / 3) * Math.tan(step / 4),
+	    k = (4 / 3) * Math.tan(step / 4);
 	    a = sa;
 
 	x = Math.cos(a); y = Math.sin(a);

data/Packages/art/Source/ART.SVG.js

@@ -159,7 +159,7 @@ ART.SVG.Base = new Class({
 	
 	_injectBrush: function(type){
 		if (!this.container) return;
-		var brush = this[type + 'Brush'];
+		var brush = (type == 'fill') ? this.fillBrush : this.strokeBrush;
 		if (brush) this.container.defs.appendChild(brush);
 	},
 	
@@ -175,9 +175,10 @@ ART.SVG.Base = new Class({
 		this._ejectBrush(type);
 
 		var brush = createElement(tag);
-		this[type + 'Brush'] = brush;
+		if (type == 'fill') this.fillBrush = brush;
+		else this.strokeBrush = brush;
 
-		var id = type + '-brush-e' + this.uid;
+		var id = type + '-brush-e' + String.uniqueID();
 		brush.setAttribute('id', id);
 
 		this._injectBrush(type);

data/Packages/art/Source/ART.VML.js

@@ -29,6 +29,12 @@ ART.VML = new Class({
 		if (width != null && height != null) this.resize(width, height);
 	},
 	
+	eject: function(){
+		var element = this.vml, parent = element.parentNode;
+		if (parent) parent.removeChild(element);
+		return this;
+	},
+	
 	inject: function(element){
 		if (element.element) element = element.element;
 		element.appendChild(this.vml);
@@ -304,7 +310,7 @@ ART.VML.Base = new Class({
 		if (strokeWidth){
 			// Scale is the hypothenus between the two vectors
 			// TODO: Use area calculation instead
-			var vx = m.xx + m.xy, vy = m.yy + m.yx;
+			vx = m.xx + m.xy; vy = m.yy + m.yx;
 			strokeWidth *= Math.sqrt(vx * vx + vy * vy) / Math.sqrt(2);
 		}
 		
@@ -546,7 +552,7 @@ ART.VML.Shape = new Class({
 		var vml = this._vml || '';
 
 		this._prefix = prefix;
-		this._suffix = suffix
+		this._suffix = suffix;
 		if (prefix){
 			vml = [
 				prefix, vml, suffix,

data/Packages/mootools-core/Docs/Browser/Browser.md

@@ -69,7 +69,7 @@ Browser.Platform {#Browser:Browser-Platform}
 Browser.Plugins {#Browser:Browser-Plugins}
 ------------------------------------------
 
-* Browser.Plugins.Flash - (*boolean*) - True if Flash is present.
+* Browser.Plugins.Flash - (*object*) - An object with properties corresponding to the `version` and `build` number of the installed Flash plugin. Note: if flash is not installed, both `Browser.Plugins.Flash.version` and `Browser.Plugins.Flash.build` will return zero.
 * Browser.Plugins.Flash.version - (*number*) The major version of the flash plugin installed.
 * Browser.Plugins.Flash.build - (*number*) The build version of the flash plugin installed.
 

data/Packages/mootools-core/Docs/Core/Core.md

@@ -34,7 +34,7 @@ Returns the type of an object.
 * 'window'     - (*string*) If object is the window object.
 * 'document'   - (*string*) If object is the document object.
 * 'event'      - (*string*) If object is an event.
-* 'null'       - (*boolean*) If object is undefined, null, NaN or none of the above.
+* 'null'       - (*string*) If object is undefined, null, NaN or none of the above.
 
 ### Example:
 

data/Packages/{mootools-more → mootools-core}/Docs/Element/Element.Delegation.md

@@ -1,70 +1,88 @@
 Type: Element {#Element}
 ========================
 
-Extends the [Element][] type to include delegations in the addEvent and addEvents methods. It adds the `:relay` pseudo using [Element.Event.Pseudos][].
+Extends the [Element][] type to include event-delegation in its event system.
 
-### Demo
+Event delegation is a common practice where an event listener is attached to a parent element to monitor its children rather than attach events to every single child element. It's more efficient for dynamic content or highly interactive pages with a lot of DOM elements.
+
+### Demo:
 
 * [Element.Delegation](http://mootools.net/demos/?demo=Element.Delegation)
 
-### Notes
+### Example:
+
+An example of how delegation is usually applied. Delegation is extra useful when working with dynamic content like AJAX.
 
+	var myElement = $('myElement');
+	var request = new Request({
+		// other options
+		onSuccess: function(text){
+			myElement.set('html', text); // No need to attach more click events.
+		}
+	});
+	// Adding the event, notice the :relay syntax with the selector that matches the target element inside of myElement.
+	// Every click on an anchor-tag inside of myElement executes this function.
+	myElement.addEvent('click:relay(a)', function(event, target){
+		event.preventDefault();
+		request.send({
+			url: target.get('href')
+		});
+	});
+
+### Notes:
+
+* Delegation is especially useful if you are using AJAX to load content into your pages dynamically, as the contents of an element can change with new elements added or others removed and your delegated events need not change.
 * By delegating events to parent objects you can dramatically increase the efficiency of your pages. Consider the example above. You could attach events to every link on a page - which may be hundreds of DOM elements - or you can delegate the event to the document body, evaluating your code only when the user actually clicks a link (instead of on page load/domready).
 * You can use any selector in combination with any event
 * Be wary of the cost of delegation; for example, mouseover/mouseout delegation on an entire document can cause your page to run the selector constantly as the user moves his or her mouse around the page. Delegation is not always the best solution.
-* Delegation is especially useful if you are using AJAX to load content into your pages dynamically, as the contents of an element can change with new elements added or others removed and your delegated events need not change.
 * In general it is always better to delegate to the closest parent to your elements as possible; delegate to an element in the page rather than the document body for example.
 
-### Credits
-
-Event checking based on the work of [Daniel Steigerwald](http://daniel.steigerwald.cz).
-
 Element method: addEvent {#Element:addEvent}
 --------------------------------------------
 
-Delegates the methods of an element's children to the parent element for greater efficiency when a filter is provided. Otherwise works normally as [addEvent][] always does.
+Delegates the methods of an element's children to the parent element for greater efficiency when a selector is provided. Otherwise it will work like [addEvent][].
 
-### Syntax
+### Syntax:
 
 	myElement.addEvent(typeSelector, fn);
 
-### Arguments
+### Arguments:
 
 2. typeSelector - (*string*) An event name (click, mouseover, etc) that should be monitored paired with a selector (see example) to limit functionality to child elements.
 3. fn - (*function*) The callback to execute when the event occurs (passed the event just like any other [addEvent][] usage and a second argument, the element that matches your selector that was clicked).
 
 
-### Example
+### Example:
 
-	// Alerts when an anchor element is clicked with class myStyle in myElement
+	// Alerts when an anchor element with class 'myStyle' is clicked inside of myElement
 	document.id(myElement).addEvent('click:relay(a.myStyle)', function(){
 		alert('hello');
 	});
 
 
-	$(element).addEvent('click:relay(a)', function(event, clicked){
+	document.id('myElement').addEvent('click:relay(a)', function(event, clicked){
 		event.preventDefault(); //don't follow the link
 		alert('you clicked a link!');
-		//you can reference the element clicked with the second
-		//argument passed to your callback
+		// You can reference the element clicked with the second
+		// Argument passed to your callback
 		clicked.setStyle('color', '#777');
 	});
 
-### Returns
+### Returns:
 
 * *element* - This element.
 
 Element method: addEvents {#Element:addEvents}
 ----------------------------------------------
 
-Delegates the events to the parent just as with addEvent above. Works as [addEvents][] does.
+Delegates the events to the parent just as with addEvent above. Works like [addEvents][].
 
-### Example
+### Example:
 
-	myElement.addEvents({
-		//monitor an element for mouseover
+	$('myElement').addEvents({
+		// monitor an element for mouseover
 		mouseover: fn,
-		//but only monitor child links for click
+		// but only monitor child links for clicks
 		'click:relay(a)': fn2
 	});
 
@@ -72,43 +90,46 @@ Delegates the events to the parent just as with addEvent above. Works as [addEve
 Element method: removeEvent {#Element:removeEvent}
 --------------------------------------------------
 
-Removes a method from an element as [removeEvent][] always does.
+Removes a method from an element like [removeEvent][].
 
-### Example
+### Example:
 
-	var monitor = function(event, element){ alert('you clicked a link!')};
-	$(element).addEvent('click:relay(a)', monitor);
-	//link clicks are delegated to element
+	var monitor = function(event, element){
+		alert('you clicked a link!');
+	};
+
+	$('myElement').addEvent('click:relay(a)', monitor);
+	// link clicks are delegated to element
 
-	//...now we remove the delegation:
-	$(element).removeEvent('click:relay(a)', monitor);
+	// remove delegation:
+	$('myElement').removeEvent('click:relay(a)', monitor);
 
 
 Element method: removeEvents {#Element:removeEvents}
----------------------------------------------------
+----------------------------------------------------
 
-Removes a series of methods from delegation if the functions were used for delegation or else works as [removeEvents][] always does.
+Removes a series of methods from delegation if the functions were used for delegation or else works like [removeEvents][].
 
-### Example
+### Example:
 
 	var monitor = function(){
 		alert('you clicked or moused over a link!');
 	};
 
-	$(element).addEvents({
+	$('myElement').addEvents({
 		'mouseover:relay(a)': monitor,
 		'click:relay(a)': monitor
 	});
 
 	// link clicks are delegated to element
-	// ...now we remove the delegation:
-	$(element).removeEvents({
+	// remove the delegation:
+	$('myElement').removeEvents({
 		'mouseover:relay(a)': monitor,
 		'click:relay(a)': monitor
 	});
 
-	//or we could remove all click:relay(a) events
-	$(element).removeEvents('click:relay(a)');
+	// remove all click:relay(a) events
+	$('myElement').removeEvents('click:relay(a)');
 
 
 
@@ -117,4 +138,3 @@ Removes a series of methods from delegation if the functions were used for deleg
 [addEvents]: /core/Element/Element.Event#Element:addEvents
 [removeEvent]: /core/Element/Element.Event#Element:removeEvent
 [removeEvents]: /core/Element/Element.Event#Element:removeEvents
-[Element.Event.Pseudos]: /more/Element/Element.Event.Pseudos

data/Packages/mootools-core/Docs/Element/Element.md

@@ -304,7 +304,7 @@ This is a "dynamic arguments" method. Properties passed in can be any of the 'se
 		// the 'events' property passes the object to Element:addEvents.
 		events: {
 			click: function(){ alert('click'); },
-			mouseover: function(){ this.addClass('over') }
+			mouseover: function(){ this.addClass('over'); }
 		},
 		//Any other property uses Element:setProperty.
 		id: 'documentBody'
@@ -820,7 +820,7 @@ Clones the Element and returns the cloned one.
 
 ##### HTML
 
-	<div id="myElement"></div>
+	<div id="myElement">ciao</div>
 
 ##### JavaScript
 
@@ -1609,11 +1609,11 @@ Sets the innerHTML of the Element.
 
 #### Syntax:
 
-	myElement.set('html', [htmlString[, htmlString2[, htmlString3[, ..]]]);
+	myElement.set('html', html);
 
 #### Arguments:
 
-1. Any number of string parameters with HTML.
+1. html - (*string*) The new content as HTML string.
 
 #### Returns:
 
@@ -1627,7 +1627,7 @@ Sets the innerHTML of the Element.
 
 ##### JavaScript
 
-	$('myElement').set('html', '<div></div>', '<p></p>');
+	$('myElement').set('html', '<div></div><p></p>');
 
 ##### Resulting HTML
 

data/Packages/mootools-core/Docs/Fx/Fx.Morph.md

@@ -1,7 +1,7 @@
 Class: Fx.Morph {#Fx-Morph}
 ===========================
 
-Allows for the animation of multiple CSS properties at once, even by a CSS selector. Inherits methods, properties, options and events from [Fx][].
+Allows for the animation of multiple CSS properties at once, even by a simple CSS selector. Inherits methods, properties, options and events from [Fx][].
 
 ### Extends:
 
@@ -59,6 +59,9 @@ separating the logic and styles:
 	// the styles of myClassName will be applied to the target Element.
 	myEffect.start('.myClassName');
 
+### Notes:
+
+- This feature only works for simple selectors like a single class or id due to limited browser support for complex selectors.
 
 ### See Also:
 
@@ -128,6 +131,7 @@ Executes a transition for any number of CSS properties in tandem.
 
 - If a string is passed as the CSS selector, the selector must be identical to the one within the CSS.
 - Multiple selectors (with commas) are not supported.
+- @import'ed CSS rules will not be available for Morph calls. All CSS selectors must be present in CSS directly loaded into the page.
 
 
 Object: Element.Properties {#Element-Properties}

data/Packages/mootools-core/Docs/Intro.md

@@ -6,9 +6,10 @@ MooTools API Documentation
 Popular Pages
 -------------
 
+- [Class][] - Use MooTools with Class
 - [Element][] - Interact with the DOM
 - [Element.Event][] - Add events to DOM Elements
-- [Class][] - Use MooTools with Class
+- [Element.Delegation][] - Event Delegation
 - [Fx.Tween][] - Create effects for single properties
 - [Request][] - An XMLHttpRequest Wrapper
 
@@ -32,6 +33,7 @@ Previous Versions Documentation
 
 [Element]: /core/Element/Element
 [Element.Event]: /core/Element/Element.Event
+[Element.Delegation]: /core/Element/Element.Delegation
 [Class]: /core/Class/Class
 [Fx.Tween]: /core/Fx/Fx.Tween
 [Request]: /core/Request/Request

data/Packages/mootools-core/Docs/Request/Request.HTML.md

@@ -51,12 +51,12 @@ Request Specifically made for receiving HTML.
 
 #### POST Request with data as String:
 
-	var myHTMLRequest = new Request.HTML({url:'myPage.html'}).post('user_id=25&save=true');
+	var myHTMLRequest = new Request.HTML({url: 'myPage.html'}).post('user_id=25&save=true');
 
 #### Data from Object Passed via GET:
 
 	//Loads "load/?user_id=25".
-	var myHTMLRequest = new Request.HTML({url:'load/'}).get({'user_id': 25});
+	var myHTMLRequest = new Request.HTML({url: 'load/'}).get({'user_id': 25});
 
 #### Data from Element via POST:
 
@@ -73,7 +73,7 @@ Request Specifically made for receiving HTML.
 ##### JavaScript
 
 	//Needs to be in a submit event or the form handler.
-	var myHTMLRequest = new Request.HTML({url:'save/'}).post($('user-form'));
+	var myHTMLRequest = new Request.HTML({url: 'save/'}).post($('user-form'));
 
 ### See Also:
 

data/Packages/mootools-core/Docs/Request/Request.JSON.md

@@ -1,7 +1,7 @@
 Class: Request.JSON {#Request-JSON}
 =================================
 
-Wrapped Request with automated sending and receiving of JavaScript Objects in JSON Format.
+Wrapped Request with automated receiving of JavaScript Objects in JSON Format.
 
 ### Extends:
 

data/Packages/mootools-core/Docs/Request/Request.md

@@ -17,25 +17,25 @@ An XMLHttpRequest Wrapper.
 
 ### Options:
 
-* url        - (*string*: defaults to null) The URL to request. (Note, this can also be an instance of [URI][])
-* method     - (*string*: defaults to 'post') The HTTP method for the request, can be either 'post' or 'get'.
+* url        - (*string*: defaults to *null*) The URL to request. (Note, this can also be an instance of [URI][])
 * data       - (*string*: defaults to '') The default data for [Request:send][], used when no data is given.
 * link       - (*string*: defaults to 'ignore') Can be 'ignore', 'cancel' and 'chain'.
 	* 'ignore' - Any calls made to start while the request is running will be ignored. (Synonymous with 'wait': true from 1.11)
 	* 'cancel' - Any calls made to start while the request is running will take precedence over the currently running request. The new request will start immediately, canceling the one that is currently running. (Synonymous with 'wait': false from 1.11)
 	* 'chain'  - Any calls made to start while the request is running will be chained up, and will take place as soon as the current request has finished, one after another.
-* async      - (*boolean*: defaults to true) If set to false, the requests will be synchronous and freeze the browser during request.
-* encoding   - (*string*: defaults to 'utf-8') The encoding to be set in the request header.
+* method     - (*string*: defaults to 'post') The HTTP method for the request, can be either 'post' or 'get'.
+* emulation  - (*boolean*: defaults to *true*) If set to true, other methods than 'post' or 'get' are appended as post-data named '\_method' (as used in rails)
+* async      - (*boolean*: defaults to *true*) If set to false, the requests will be synchronous and freeze the browser during request.
+* timeout    - (*integer*: defaults to 0) In conjunction with `onTimeout` event, it determines the amount of milliseconds before considering a connection timed out. (It's suggested to not use timeout with big files and only when knowing what's expected.)
 * headers    - (*object*) An object to use in order to set the request headers.
+* urlEncoded - (*boolean*: defaults to *true*) If set to true, the content-type header is set to www-form-urlencoded + encoding
+* encoding   - (*string*: defaults to 'utf-8') The encoding to be set in the request header.
+* noCache    - (*boolean*; defaults to *false*) If *true*, appends a unique *noCache* value to the request to prevent caching. (IE has a bad habit of caching ajax request values. Including this script and setting the *noCache* value to true will prevent it from caching. The server should ignore the *noCache* value.)
 * isSuccess  - (*function*) Overrides the built-in isSuccess function.
-* evalScripts  - (*boolean*: defaults to false) If set to true, `script` tags inside the response will be evaluated.
-* evalResponse - (*boolean*: defaults to false) If set to true, the entire response will be evaluated. Responses with javascript content-type will be evaluated automatically.
-* emulation  - (*boolean*: defaults to true) If set to true, other methods than 'post' or 'get' are appended as post-data named '\_method' (used in rails)
-* urlEncoded - (*boolean*: defaults to true) If set to true, the content-type header is set to www-form-urlencoded + encoding
-* timeout - (*integer*: defaults to 0) In conjunction with `onTimeout` event, it determines the amount of milliseconds before considering a connection timed out. (It's suggested to not use timeout with big files and only when knowing what's expected.)
-* noCache - (*boolean*; defaults to false) If *true*, appends a unique *noCache* value to the request to prevent caching. (IE has a bad habit of caching ajax request values. Including this script and setting the *noCache* value to true will prevent it from caching. The server should ignore the *noCache* value.)
-* user - (*string*: defaults to undefined) When username is set the Request will open with credentials and try to authenticate.
-* password - (*string*: defaults to undefined) You can use this option together with the `user` option to set authentication credentials when necessary. Note that the password will be passed as plain text and is therefore readable by anyone through the source code. It is therefore encouraged to use this option carefully
+* evalScripts  - (*boolean*: defaults to *false*) If set to true, `script` tags inside the response will be evaluated.
+* evalResponse - (*boolean*: defaults to *false*) If set to true, the entire response will be evaluated. Responses with javascript content-type will be evaluated automatically.
+* user       - (*string*: defaults to *null*) When username is set the Request will open with credentials and try to authenticate.
+* password   - (*string*: defaults to *null*) You can use this option together with the `user` option to set authentication credentials when necessary. Note that the password will be passed as plain text and is therefore readable by anyone through the source code. It is therefore encouraged to use this option carefully
 
 ### Events: