1 files changed, 62 insertions, 0 deletions
diff --git a/html/lib/layout/panels/source/arrangers/CardSlideInArranger.js b/html/lib/layout/panels/source/arrangers/CardSlideInArranger.js
new file mode 100644
index 0000000..7700557
--- /dev/null
+++ b/html/lib/layout/panels/source/arrangers/CardSlideInArranger.js
@@ -0,0 +1,62 @@
+/**
+	_enyo.CardSlideInArranger_ is an <a href="#enyo.Arranger">enyo.Arranger</a>
+	that displays only one active control. The non-active controls are hidden
+	with _setShowing(false)_. Transitions between arrangements are handled by
+	sliding the new control	over the current one.
+	
+	Note that CardSlideInArranger always slides controls in from the right. If 	
+	you want an arranger that slides to the right and left, try 
+	<a href="#enyo.LeftRightArranger">enyo.LeftRightArranger</a>.
+*/
+enyo.kind({
+	name: "enyo.CardSlideInArranger",
+	kind: "CardArranger",
+	start: function() {
+		var c$ = this.container.getPanels();
+		for (var i=0, c; c=c$[i]; i++) {
+			var wasShowing=c.showing;
+			c.setShowing(i == this.container.fromIndex || i == (this.container.toIndex));
+			if (c.showing && !wasShowing) {
+				c.resized();
+			}
+		}
+		var l = this.container.fromIndex;
+		var i = this.container.toIndex;
+		this.container.transitionPoints = [
+			i + "." + l + ".s",
+			i + "." + l + ".f"
+		];
+	},
+	finish: function() {
+		this.inherited(arguments);
+		var c$ = this.container.getPanels();
+		for (var i=0, c; c=c$[i]; i++) {
+			c.setShowing(i == this.container.toIndex);
+		}
+	},
+	arrange: function(inC, inName) {
+		var p = inName.split(".");
+		var f = p[0], s= p[1], starting = (p[2] == "s");
+		var b = this.containerBounds.width;
+		for (var i=0, c$=this.container.getPanels(), c, v; c=c$[i]; i++) {
+			v = b;
+			if (s == i) {
+				v = starting ? 0 : -b;
+			}
+			if (f == i) {
+				v = starting ? b : 0;
+			}
+			if (s == i && s == f) {
+				v = 0;
+			}
+			this.arrangeControl(c, {left: v});
+		}
+	},
+	destroy: function() {
+		var c$ = this.container.getPanels();
+		for (var i=0, c; c=c$[i]; i++) {
+			enyo.Arranger.positionControl(c, {left: null});
+		}
+		this.inherited(arguments);
+	}
+});