3 files changed, 601 insertions, 0 deletions

diff --git a/node_modules/montage-user/ui/bluemoon/toggle.reel/toggle.css b/node_modules/montage-user/ui/bluemoon/toggle.reel/toggle.css
new file mode 100644
index 00000000..adf3fe14
--- /dev/null
+++ b/node_modules/montage-user/ui/bluemoon/toggle.reel/toggle.css
@@ -0,0 +1,162 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+.montage-toggle {
+    width: 60px;
+    height: 22px;
+}
+
+.montage-toggle .toggle:before {
+    content: "";
+    position: absolute;
+    left: -13px;
+    right: -13px;
+    top: -8px;
+    bottom: -8px;
+    border-radius: 30px;
+}
+
+.montage-toggle .toggle {
+    position: absolute;
+    border-radius: 12px;
+    height: 20px;
+    padding: 1px;
+    background-color: rgba(160,160,160,.4);
+    -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,.3), 0 1px rgba(255,255,255,.4), 0 -1px rgba(0,0,0,.1);
+}
+
+.montage-toggle .scroll {
+    -webkit-transform: translateZ(0);
+}
+
+.montage-toggle .circle {
+    position: absolute;
+    margin: -16px 0 0 -16px;
+    height: 50px;
+    width: 50px;
+    border-radius: 26px;
+    background: #fff;
+    opacity: .3;
+    border: 1px solid rgba(0, 0, 0, .5);
+    -webkit-transform: scale3d(.35, .35, 0) translateZ(0);
+}
+
+.montage-toggle.pressed .circle {
+    -webkit-transform: scale3d(1, 1, 0) translateZ(0);
+}
+
+.montage-toggle .handlerbg {
+    position: absolute;
+    background: transparent;
+    position: absolute;
+    height: 20px;
+    width: 20px;
+    border-radius: 11px;
+    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .35);
+    -webkit-transform: translateZ(0);
+}
+
+.montage-toggle .handler {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    border-radius: 11px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e6e6e6));
+    -webkit-transform: translateZ(0);
+}
+
+.montage-toggle .handler:after {
+    content: "";
+    position: absolute;
+    margin: 6px 0 0 6px;
+    width: 8px;
+    height: 8px;
+    border-radius: 4px;
+    background-color: #909090;
+    -webkit-box-shadow: inset 0 1px 2px #707070;
+    -webkit-transform: scale3d(.9, .9, 0) translateZ(0);
+}
+
+.montage-toggle .handleronbg {
+    opacity: 0;
+    position: absolute;
+    background: rgba(0,0,0,.3);
+    margin: -1px 0 0 -1px;
+    width: 20px;
+    height: 20px;
+    border-radius: 11px;
+    padding: 1px;
+    -webkit-transform: translateZ(0);
+}
+
+.montage-toggle .handleron {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    border-radius: 10px;
+    background: -webkit-gradient(linear, left top, left bottom, from(#10BEFE), to(#0AA3DA));
+    -webkit-transform: translateZ(0);
+}
+
+.montage-toggle .handleron:after {
+    content: "";
+    position: absolute;
+    margin: 6px 0 0 6px;
+    height: 8px;
+    width: 8px;
+    border-radius: 4px;
+    background-color: #07739A;
+    -webkit-box-shadow: inset 0 1px 2px #04435A;
+    -webkit-transform: scale3d(.9, .9, 0) translateZ(0);
+}
+
+.montage-toggle .handlerdragarea {
+    position: absolute;
+    margin: -16px 0 0 -16px;
+    width: 52px;
+    height: 52px;
+    border-radius: 26px;
+    -webkit-transform: translateZ(0);
+}
+
+.montage-toggle.dark .toggle {
+    padding: 0;
+    border: 1px solid rgba(0,0,0,.4);
+    background-color: rgba(40,40,40,.55);
+    -webkit-box-shadow: 0 1px rgba(255,255,255,.2), 0 -1px rgba(0,0,0,.1);
+}
+
+.montage-toggle.dark .circle {
+    opacity: .25;
+    background: rgba(120, 120, 120, .8);
+    border: 1px solid #000;
+    -webkit-transform: scale3d(.35, .35, 0) translateZ(0);
+    -webkit-transition: -webkit-transform 150ms;
+}
+
+.montage-toggle.pressed.dark .circle {
+    -webkit-transform: scale3d(1, 1, 0) translateZ(0);
+}
+
+.montage-toggle.dark .handler {
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,.3)));
+}
+
+.montage-toggle.dark .handler:after {
+    background-color: rgba(0,0,0,.6);
+    -webkit-box-shadow: 0 1px 0 #828282;
+}
+
+.montage-toggle.dark .handleronbg {
+    opacity: 0;
+    position: absolute;
+    background: transparent;
+    margin: -1px 0 0 -1px;
+    width: 20px;
+    height: 20px;
+    border-radius: 11px;
+    padding: 1px;
+    -webkit-transform: translateZ(0);
+}
diff --git a/node_modules/montage-user/ui/bluemoon/toggle.reel/toggle.html b/node_modules/montage-user/ui/bluemoon/toggle.reel/toggle.html
new file mode 100644
index 00000000..33b847ef
--- /dev/null
+++ b/node_modules/montage-user/ui/bluemoon/toggle.reel/toggle.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> -->
+<html>
+<head>
+    <title></title>
+    <link rel="stylesheet" type="text/css" href="toggle.css">
+
+</head>
+<body>
+
+</body>
+</html>
diff --git a/node_modules/montage-user/ui/bluemoon/toggle.reel/toggle.js b/node_modules/montage-user/ui/bluemoon/toggle.reel/toggle.js
new file mode 100644
index 00000000..d659931d
--- /dev/null
+++ b/node_modules/montage-user/ui/bluemoon/toggle.reel/toggle.js
@@ -0,0 +1,423 @@
+/* <copyright>
+ This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+ (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+/**
+        @module "montage/ui/bluemoon/toggle.reel"
+    @requires montage/core/core
+    @requires montage/ui/component
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component;
+/**
+ @class module:"montage/ui/bluemoon/toggle.reel".Toggle
+ @extends module:montage/ui/component.Component
+ */
+var Toggle = exports.Toggle = Montage.create(Component, /** @lends module:"montage/ui/bluemoon/toggle.reel".Toggle# */ {
+
+    _value: {
+        enumerable: false,
+        value: false
+    },
+/**
+        Description TODO
+        @type {Function}
+        @default {Boolean} false
+    */
+    value: {
+        enumerable: true,
+        get: function() {
+            return this._value;
+        },
+        set: function(value) {
+            if (!this._pressed) {