RubyGems - javascriptmvc - Versions diffs - 3.0.0.pre15 - Mend

javascriptmvc 3.0.0.pre15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (550) hide show

data/lib/javascriptmvc/jquery/event/hover/compress.js ADDED

@@ -0,0 +1,7 @@
+//js hover/compress.js
+var compressPage = 'hover/hover.html';
+var outputFolder = 'hover';
+load("steal/compress/compress.js")
+var compress = new Compress([compressPage, outputFolder]);
+compress.init();

data/lib/javascriptmvc/jquery/event/hover/hover.html ADDED

@@ -0,0 +1,56 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>hover</title>
+        <style type='text/css'>
+            body {font-family: verdana}
+            .error {border: solid 1px red;}
+            .error_text { color: red; font-size: 10px;}
+            td {padding: 3px;}
+			.hover, .hovers {
+				border: solid 1px green;
+			}
+			.hoverstate {
+				background-color: yellow;
+			}
+			.myhover {
+				border: solid 1px red;
+			}
+        </style>
+	</head>
+	<body>
+<div id='demo-html'>
+<h4>Delegating</h4>
+<div class='hover'>hover me</div>
+<div class='hover'>hover me</div>
+<h4>Bound Directly</h4>
+<div class='hovers'>hover me for a second</div>
+<div class='hovers'>hover me for a second</div>
+</div>
+		<script type='text/javascript'
+                src='../../../steal/steal.js?steal[app]=jquery/event/hover&steal[env]=development'>
+        </script>
+<script type='text/javascript' id='demo-source'>
+// adds a hover class
+var add = function(ev){
+  $(this).addClass("hoverstate")
+},
+// removes a hover class
+remove = function(ev){
+  $(this).removeClass("hoverstate")
+}
+// delegate on hover
+$('.hover').live('hoverenter',add)
+$('.hover').live('hoverleave', remove)
+$('.hovers').bind('hoverinit',function(ev, hovered){
+  hovered.delay(1000)
+})
+$('.hovers').bind('hoverenter',add)
+$('.hovers').bind('hoverleave', remove)
+</script>
+	</body>
+</html>

data/lib/javascriptmvc/jquery/event/hover/hover.js ADDED

@@ -0,0 +1,219 @@
+steal.plugins('jquery/event','jquery/event/livehack').then(function($){
+/**
+ * @constructor jQuery.Hover
+ * @plugin jquery/event/hover
+ * @download jquery/dist/jquery.event.hover.js
+ * Provides delegate-able hover events.
+ * <p>
+ * 	A hover happens when the mouse stops moving
+ * over an element for a period of time.  You can listen
+ * and configure hover with the following events:
+ * </p>
+ * <ul>
+ * 	<li><code>[jQuery.event.special.hoverinit hoverinit]</code> - called on mouseenter, use this event to customize
+ *      [jQuery.Hover.prototype.delay] and [jQuery.Hover.prototype.distance]</li>
+ *  <li><code>[jQuery.event.special.hoverenter hoverenter]</code> - an element is being hovered</li>
+ *  <li><code>[jQuery.event.special.hovermove hovermove]</code> - the mouse moves on an element that has been hovered</li>
+ *  <li><code>[jQuery.event.special.hoverleave hoverleave]</code> - the mouse leaves the element that has been hovered</li>
+ * </ul>
+ * <h3>Quick Example</h3>
+ * The following listens for hoverenter and adds a class to style
+ * the element, and removes the class on hoverleave.
+ * @codestart
+ * $('#menu').delegate(".option","hoverenter",function(){
+ *   $(this).addClass("hovering");
+ * }).delegate(".option","hoverleave",function(){
+ *   $(this).removeClass("hovering");
+ * })
+ * @codeend
+ * <h2>Configuring Distance and Delay</h2>
+ * <p>An element is hovered when the mouse
+ *   moves less than a certain distance in
+ *   specific time over the element.
+ * </p>
+ * <p>
+ *   You can configure that distance and time by
+ *   adjusting the <code>distance</code> and
+ *   <code>delay</code> values.
+ * </p>
+ * <p>You can set delay and distance globally
+ * by adjusting the static properties:</p>
+ * </p>
+ * @codestart
+ * $.Hover.delay = 10
+ * $.Hover.distance = 1
+ * @codeend
+ * <p>Or you can adjust delay and distance for
+ * an individual element in hoverenter:</p>
+ * @codestart
+ * $(".option").live("hoverinit", function(ev, hover){
+ * //set the distance to 10px
+ * hover.distance(10)
+ * //set the delay to 200ms
+ * hover.delay(10)
+ * })
+ * @codeend
+ * <h2>Demo</h2>
+ * @demo jquery/event/hover/hover.html
+ * @parent specialevents
+ * @init Creates a new hover.  This is never
+ * called directly.
+ */
+jQuery.Hover = function(){
+	this._delay =  jQuery.Hover.delay;
+	this._distance = jQuery.Hover.distance;
+};
+/**
+ * @Static
+ */
+$.extend(jQuery.Hover,{
+	/**
+	 * @attribute delay
+	 * A hover is  activated if it moves less than distance in this time.
+	 * Set this value as a global default.
+	 */
+	delay: 100,
+	/**
+	 * @attribute distance
+	 * A hover is activated if it moves less than this distance in delay time.
+	 * Set this value as a global default.
+	 */
+	distance: 10
+})
+/**
+ * @Prototype
+ */
+$.extend(jQuery.Hover.prototype,{
+	/**
+	 * Sets the delay for this hover.  This method should
+	 * only be used in hoverinit.
+	 * @param {Number} delay the number of milliseconds used to determine a hover
+	 *
+	 */
+	delay: function( delay ) {
+		this._delay = delay;
+	},
+	/**
+	 * Sets the distance for this hover.  This method should
+	 * only be used in hoverinit.
+	 * @param {Number} distance the max distance in pixels a mouse can move to be considered a hover
+	 */
+	distance: function( distance ) {
+		this._distance = distance;
+	}
+})
+var $ = jQuery,
+	event = jQuery.event,
+	handle  = event.handle,
+	onmouseenter = function(ev){
+		//now start checking mousemoves to update location
+		var delegate = ev.liveFired || ev.currentTarget;
+		var selector = ev.handleObj.selector;
+		var loc = {
+				pageX : ev.pageX,
+				pageY : ev.pageY
+			},
+			dist = 0,
+			timer,
+			entered = this,
+			called = false,
+			lastEv = ev,
+			hover = new jQuery.Hover();
+		$(entered).bind("mousemove.specialMouseEnter", {}, function(ev){
+			dist += Math.pow( ev.pageX-loc.pageX, 2 ) + Math.pow( ev.pageY-loc.pageY, 2 );
+			loc = {
+				pageX : ev.pageX,
+				pageY : ev.pageY
+			}
+			lastEv = ev
+		}).bind("mouseleave.specialMouseLeave",{}, function(ev){
+			clearTimeout(timer);
+			if(called){
+				$.each(event.find(delegate, ["hoverleave"], selector), function(){
+					this.call(entered, ev)
+				})
+			}
+			$(entered).unbind("mouseleave.specialMouseLeave")
+		})
+		$.each(event.find(delegate, ["hoverinit"], selector), function(){
+			this.call(entered, ev, hover)
+		})
+		timer = setTimeout(function(){
+			//check that we aren't moveing around
+			if(dist < hover._distance && $(entered).queue().length == 0){
+				$.each(event.find(delegate, ["hoverenter"], selector), function(){
+					this.call(entered, lastEv, hover)
+				})
+				called = true;
+				$(entered).unbind("mousemove.specialMouseEnter")
+			}else{
+				dist = 0;
+				timer = setTimeout(arguments.callee, hover._delay)
+			}
+		}, hover._delay)
+	};
+/**
+ * @add jQuery.event.special static
+ */
+event.setupHelper( [
+/**
+ * @attribute hoverinit
+ * Listen for hoverinit events to configure
+ * [jQuery.Hover.prototype.delay] and [jQuery.Hover.prototype.distance]
+ * for the current element.  Hoverinit is called on mouseenter.
+ * @codestart
+ * $(".option").live("hoverinit", function(ev, hover){
+ *    //set the distance to 10px
+ *    hover.distance(10)
+ *    //set the delay to 200ms
+ *    hover.delay(10)
+ * })
+ * @codeend
+ */
+"hoverinit",
+/**
+ * @attribute hoverenter
+ * Hoverenter events are called when the mouses less
+ * than [jQuery.Hover.prototype.distance] pixels in
+ * [jQuery.Hover.prototype.delay] milliseconds.
+ * @codestart
+ * $(".option").live("hoverenter", function(ev, hover){
+ *    $(this).addClass("hovering");
+ * })
+ * @codeend
+ */
+"hoverenter",
+/**
+ * @attribute hoverleave
+ * Called when the mouse leaves an element that has been
+ * hovered.
+ * @codestart
+ * $(".option").live("hoverleave", function(ev, hover){
+ *    $(this).removeClass("hovering");
+ * })
+ * @codeend
+ */
+"hoverleave",
+/**
+ * @attribute hovermove
+ * Called when the mouse moves on an element that
+ * has been hovered.
+ * @codestart
+ * $(".option").live("hovermove", function(ev, hover){
+ *    //not sure why you would want to listen for this
+ *    //but we provide it just in case
+ * })
+ * @codeend
+ */
+"hovermove"], "mouseenter", onmouseenter )
+})

data/lib/javascriptmvc/jquery/event/hover/qunit.html ADDED

@@ -0,0 +1,16 @@
+<html>
+    <head>
+        <link rel="stylesheet" type="text/css" href="../../../funcunit/qunit/qunit.css" />
+		<script type='text/javascript' src='../../../steal/steal.js?steal[app]=jquery/event/hover/test/qunit'></script>
+    </head>
+    <body>
+        <h1 id="qunit-header">Hover Test Suite</h1>
+    	<h2 id="qunit-banner"></h2>
+    	<div id="qunit-testrunner-toolbar"></div>
+    	<h2 id="qunit-userAgent"></h2>
+		<div id="test-content"></div>
+        <ol id="qunit-tests"></ol>
+		<div id="qunit-test-area"></div>
+    </body>
+</html>

data/lib/javascriptmvc/jquery/event/hover/test/qunit/hover_test.js ADDED

@@ -0,0 +1,55 @@
+module("jquery/dom/hover")
+test("hovering", function(){
+	$("#qunit-test-area").append("<div id='hover'>Content<div>")
+	var hoverenters = 0,
+		hoverinits = 0,
+		hoverleaves = 0,
+		delay = 15;
+	$("#hover").bind("hoverinit", function(ev, hover){
+		hover.delay(delay);
+		hoverinits++;
+	})
+	.bind('hoverenter', function(){
+		hoverenters++;
+	})
+	.bind('hoverleave',function(){
+		hoverleaves++;
+	})
+	var hover = $("#hover")
+	var off = hover.offset();
+	//add a mouseenter, and 2 mouse moves
+	Syn("mouseover",{pageX: off.top, pageY: off.left}, hover[0])
+	ok(hoverinits, 'hoverinit');
+	ok(hoverenters === 0,"hoverinit hasn't been called");
+	stop(1000);
+	setTimeout(function(){
+		ok(hoverenters === 1,"hoverenter has been called");
+		ok(hoverleaves === 0,"hoverleave hasn't been called");
+		Syn("mouseout",{pageX: off.top, pageY: off.left},hover[0]);
+		ok(hoverleaves === 1,"hoverleave has been called");
+		delay = 30;
+		Syn("mouseover",{pageX: off.top, pageY: off.left},hover[0]);
+		ok(hoverinits === 2, 'hoverinit');
+		setTimeout(function(){
+			Syn("mouseout",{pageX: off.top, pageY: off.left},hover[0]);
+			setTimeout(function(){
+				ok(hoverenters === 1,"hoverenter was not called");
+				ok(hoverleaves === 1,"hoverleave was not called");
+				start();
+			},30)
+		},10)
+	},30)
+})

data/lib/javascriptmvc/jquery/event/hover/test/qunit/qunit.js ADDED

@@ -0,0 +1,4 @@
+steal
+ .plugins("jquery/event/hover",'funcunit/synthetic')  //load your app
+ .plugins('funcunit/qunit')  //load qunit
+ .then("hover_test")

data/lib/javascriptmvc/jquery/event/livehack/compress.js ADDED

@@ -0,0 +1,7 @@
+//js livehack/compress.js
+var compressPage = 'livehack/livehack.html';
+var outputFolder = 'livehack';
+load("steal/compress/compress.js")
+var compress = new Compress([compressPage, outputFolder]);
+compress.init();

data/lib/javascriptmvc/jquery/event/livehack/funcunit.html ADDED

@@ -0,0 +1,21 @@
+<html>
+    <head>
+        <link rel="stylesheet" type="text/css" href="../../../steal/test/qunit/qunit.css" />
+        <style>
+            body  {
+                margin: 0px; padding: 0px;
+            }
+        </style>
+		<script type='text/javascript' src='../../../steal/steal.js?steal[app]=jquery/events/livehack/test/funcunit'></script>
+    </head>
+    <body>
+        <h1 id="qunit-header">livehack Test Suite</h1>
+    	<h2 id="qunit-banner"></h2>
+    	<div id="qunit-testrunner-toolbar"></div>
+    	<h2 id="qunit-userAgent"></h2>
+		<div id="test-content"></div>
+        <ol id="qunit-tests"></ol>
+		<div id="qunit-test-area"></div>
+    </body>
+</html>

data/lib/javascriptmvc/jquery/event/livehack/livehack.html ADDED

@@ -0,0 +1,25 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+            "http://www.w3.org/TR/html4/strict.dtd">
+<html lang="en">
+	<head>
+		<title>livehack</title>
+        <style type='text/css'>
+            body {font-family: verdana}
+            .error {border: solid 1px red;}
+            .error_text { color: red; font-size: 10px;}
+            td {padding: 3px;}
+        </style>
+	</head>
+	<body>
+	    <h1>Welcome to JavaScriptMVC 3.0!</h1>
+        <ul>
+            <li>Include plugins and files in <i>jquery/events/livehack/livehack.js</i>.</li>
+            <li>Change to production mode by changing <i>development</i> to <i>production</i> in this file.</li>
+        </ul>
+		<script type='text/javascript'
+                src='../../../steal/steal.js?steal[app]=jquery&steal[env]=development'
+                package='main.js'
+                compress='false'>
+        </script>
+	</body>
+</html>

data/lib/javascriptmvc/jquery/event/livehack/livehack.js ADDED

@@ -0,0 +1,167 @@
+steal.plugins('jquery/event').then(function(){
+	var event = jQuery.event,
+		//helper that finds handlers by type and calls back a function, this is basically handle
+		findHelper = function(events, types, callback){
+			for( var t =0; t< types.length; t++ ) {
+				var type = types[t],
+					typeHandlers,
+					all = type.indexOf(".") < 0,
+					namespaces,
+					namespace;
+				if ( !all ) {
+					namespaces = type.split(".");
+					type = namespaces.shift();
+					namespace = new RegExp("(^|\\.)" + namespaces.slice(0).sort().join("\\.(?:.*\\.)?") + "(\\.|$)");
+				}
+				typeHandlers = ( events[type] || [] ).slice(0);
+				for( var h = 0; h <typeHandlers.length; h++ ) {
+					var handle = typeHandlers[h];
+					if( !handle.selector && (all || namespace.test( handle.namespace ))  ){
+						callback(type, handle.origHandler || handle.handler);
+					}
+				}
+			}
+		}
+	/**
+	 * Finds event handlers of a given type on an element.
+	 * @param {HTMLElement} el
+	 * @param {Array} types an array of event names
+	 * @param {String} [selector] optional selector
+	 * @return {Array} an array of event handlers
+	 */
+	event.find  = function(el, types, selector){
+		var events = $.data(el, "events"),
+			handlers = [];
+		if( !events ) {
+			return handlers;
+		}
+		if( selector ) {
+			if (!events.live) {
+				return [];
+			}
+			var live = events.live;
+			for ( var t = 0; t < live.length; t++ ) {
+				var liver = live[t];
+				if(  liver.selector === selector &&  $.inArray(liver.origType, types  ) !== -1 ) {
+					handlers.push(liver.origHandler || liver.handler);
+				}
+			}
+		}else{
+			// basically re-create handler's logic
+			findHelper(events, types, function(type, handler){
+				handlers.push(handler);
+			})
+		}
+		return handlers;
+	}
+	/**
+	 * Finds
+	 * @param {HTMLElement} el
+	 * @param {Array} types
+	 */
+	event.findBySelector = function(el, types){
+		var events = $.data(el, "events"),
+			selectors = {},
+			//adds a handler for a given selector and event
+			add = function(selector, event, handler){
+				var select = selectors[selector] ||  (selectors[selector] = {}),
+					events = select[event] || (select[event] = []);
+				events.push(handler);
+			};
+		if ( !events ) {
+			return selectors;
+		}
+		//first check live:
+		$.each( events.live||[] , function(i, live) {
+			if( $.inArray(live.origType, types  ) !== -1 ) {
+				add( live.selector, live.origType, live.origHandler || live.handler );
+			}
+		})
+		//then check straight binds
+		findHelper(events, types, function(type, handler){
+			add("", type, handler);
+		})
+		return selectors;
+	}
+	$.fn.respondsTo = function(events){
+		if(!this.length){
+			return false;
+		}else{
+			//add default ?
+			return event.find(this[0], $.isArray(events) ? events : [events]).length > 0;
+		}
+	}
+	$.fn.triggerHandled = function(event, data){
+		event = ( typeof event == "string" ? $.Event(event) : event);
+		this.trigger(event, data);
+		return event.handled;
+	}
+	/**
+	 * Only attaches one event handler for all types ...
+	 * @param {Array} types llist of types that will delegate here
+	 * @param {Object} startingEvent the first event to start listening to
+	 * @param {Object} onFirst a function to call
+	 */
+	event.setupHelper = function(types, startingEvent, onFirst){
+		if(!onFirst) {
+			onFirst = startingEvent;
+			startingEvent = null;
+		}
+		var add = function(handleObj){
+			var selector = handleObj.selector || "";
+			if (selector) {
+				var bySelector = event.find(this, types, selector);
+				if (!bySelector.length) {
+					$(this).delegate(selector,startingEvent, onFirst );
+				}
+			}
+			else {
+				//var bySelector = event.find(this, types, selector);
+				if(!event.find(this, types, selector).length){
+					event.add(this, startingEvent, onFirst, {
+						selector: selector,
+						delegate: this
+					});
+				}
+			}
+		}
+		var remove = function(handleObj){
+			var selector = handleObj.selector || "";
+			if (selector) {
+				var bySelector = event.find(this, types, selector);
+				if (!bySelector.length) {
+					$(this).undelegate(selector,startingEvent, onFirst );
+				}
+			}
+			else {
+				if (!event.find(this, types, selector).length) {
+					event.remove(this, startingEvent, onFirst, {
+						selector: selector,
+						delegate: this
+					});
+				}
+			}
+		}
+		$.each(types, function(){
+			event.special[this] = {
+				add:  add,
+				remove: remove,
+				setup: function() {},
+				teardown: function() {}
+			};
+		});
+	}
+})