From d52aca45e0357b5597e13d9b74998abb75fabea5 Mon Sep 17 00:00:00 2001
From: Valerio Virgillito
Date: Thu, 16 Feb 2012 10:54:48 -0800
Subject: integrating the latest montage fixes for v0.6 into master

Signed-off-by: Valerio Virgillito <valerio@motorola.com>
---
 .../ui/toggle-switch.reel/toggle-switch.css        | 162 --------
 .../ui/toggle-switch.reel/toggle-switch.html       |  16 -
 .../montage/ui/toggle-switch.reel/toggle-switch.js | 424 ---------------------
 3 files changed, 602 deletions(-)
 delete mode 100755 node_modules/montage/ui/toggle-switch.reel/toggle-switch.css
 delete mode 100755 node_modules/montage/ui/toggle-switch.reel/toggle-switch.html
 delete mode 100644 node_modules/montage/ui/toggle-switch.reel/toggle-switch.js

(limited to 'node_modules/montage/ui/toggle-switch.reel')

diff --git a/node_modules/montage/ui/toggle-switch.reel/toggle-switch.css b/node_modules/montage/ui/toggle-switch.reel/toggle-switch.css
deleted file mode 100755
index 5a5385cd..00000000
--- a/node_modules/montage/ui/toggle-switch.reel/toggle-switch.css
+++ /dev/null
@@ -1,162 +0,0 @@
-/* <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-switch {
-    width: 60px;
-    height: 22px;
-}
-
-.montage-toggle-switch .toggle:before {
-    content: "";
-    position: absolute;
-    left: -13px;
-    right: -13px;
-    top: -8px;
-    bottom: -8px;
-    border-radius: 30px;
-}
-
-.montage-toggle-switch .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-switch .scroll {
-    -webkit-transform: translateZ(0);
-}
-
-.montage-toggle-switch .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-switch.pressed .circle {
-    -webkit-transform: scale3d(1, 1, 0) translateZ(0);
-}
-
-.montage-toggle-switch .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-switch .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-switch .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-switch .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-switch .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-switch .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-switch .handlerdragarea {
-    position: absolute;
-    margin: -16px 0 0 -16px;
-    width: 52px;
-    height: 52px;
-    border-radius: 26px;
-    -webkit-transform: translateZ(0);
-}
-
-.montage-toggle-switch.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-switch.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-switch.pressed.dark .circle {
-    -webkit-transform: scale3d(1, 1, 0) translateZ(0);
-}
-
-.montage-toggle-switch.dark .handler {
-    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(255,255,255,.3)));
-}
-
-.montage-toggle-switch.dark .handler:after {
-    background-color: rgba(0,0,0,.6);
-    -webkit-box-shadow: 0 1px 0 #828282;
-}
-
-.montage-toggle-switch.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/ui/toggle-switch.reel/toggle-switch.html b/node_modules/montage/ui/toggle-switch.reel/toggle-switch.html
deleted file mode 100755
index 2aef4a59..00000000
--- a/node_modules/montage/ui/toggle-switch.reel/toggle-switch.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<!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-switch.css">
-
-</head>
-<body>
-
-</body>
-</html>
diff --git a/node_modules/montage/ui/toggle-switch.reel/toggle-switch.js b/node_modules/montage/ui/toggle-switch.reel/toggle-switch.js
deleted file mode 100644
index 9a27c52b..00000000
--- a/node_modules/montage/ui/toggle-switch.reel/toggle-switch.js
+++ /dev/null
@@ -1,424 +0,0 @@
-/* <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> */
-/**
-
-    @requires montage/core/core
-    @requires montage/ui/component
-*/
-var Montage = require("montage").Montage,
-    Component = require("ui/component").Component;
-/**
- @class module:"montage/ui/toggle-switch.reel".ToggleSwitch
- @extends module:montage/ui/component.Component
- */
-var ToggleSwitch = exports.ToggleSwitch = Montage.create(Component, /** @lends module:"montage/ui/toggle-switch.reel".ToggleSwitch# */ {
-
-
-    _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) {
-                value = !!value;
-                if (this._value !== value) {
-                    this._value = value;
-                    window.clearInterval(this._animation);
-                    this._animation = null;
-                    this._speed = 0;
-                    this.needsDraw = true;
-                }
-            }
-        }
-    },
-/**
-  Description TODO
-  @private
-*/
-    _toggle: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _scroll: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _circle: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handlerBg: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handler: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handlerOnBg: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handlerOn: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _handlerDragArea: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _pressed: {
-        enumerable: false,
-        value: false
-    },
-/**
-  Description TODO
-  @private
-*/
-    _cursorPosition: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _width: {
-        enumerable: false,
-        value: 60 - 22
-    },
-/**
-  Description TODO
-  @private
-*/
-    _scrollTo: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _touchIdentifier: {
-        enumerable: false,
-        value: null
-    },
-/**
-  Description TODO
-  @private
-*/
-    _speed: {
-        enumerable: false,
-        value: 0
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleTouchstart: {
-        enumerable: false,
-        value: function (event) {
-            if (event.target === this._toggle) {
-                this.value = !this.value;
-            } else {
-                this._touchIdentifier = event.targetTouches[0].identifier;
-                document.addEventListener("touchmove", this, false);
-                document.addEventListener("touchend", this, false);
-                this._cursorPosition = event.targetTouches[0].clientX;
-
-                if (this._scrollTo < 0) {
-                    this._scrollTo = 0;
-                } else if (this._scrollTo > this._width) {
-                    this._scrollTo = this._width;
-                }
-                window.clearInterval(this._animation);
-                this._animation = null;
-                this._pressed = true;
-                this.needsDraw = true;
-            }
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleMousedown: {
-        enumerable: false,
-        value: function (event) {
-            if (event.target === this._toggle) {
-                this.value = !this.value;
-            } else {
-                document.addEventListener("mousemove", this, false);
-                document.addEventListener("mouseup", this, false);
-                this._cursorPosition = event.clientX;
-
-                if (this._scrollTo < 0) {
-                    this._scrollTo = 0;
-                } else if (this._scrollTo > this._width) {
-                    this._scrollTo = this._width;
-                }
-                window.clearInterval(this._animation);
-                this._animation = null;
-                this._pressed = true;
-                this.needsDraw = true;
-            }
-            event.preventDefault();
-            event.stopPropagation();
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleTouchmove: {
-        enumerable: false,
-        value: function (event) {
-            if (this._pressed) {
-                var i = 0, changedTouches = event.changedTouches, length = changedTouches.length;
-
-                while ((i < length) && (changedTouches[i].identifier !== this._touchIdentifier)) {
-                    i++;
-                }
-                if (i < length) {
-                    this._scrollTo = this._scrollTo + (event.changedTouches[i].clientX - this._cursorPosition);
-                    this._cursorPosition = event.changedTouches[i].clientX;
-                    event.preventDefault();
-                    this.needsDraw = true;
-                }
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleMousemove: {
-        enumerable: false,
-        value: function (event) {
-            if (this._pressed) {
-                this._scrollTo = this._scrollTo + (event.clientX - this._cursorPosition);
-                this._cursorPosition = event.clientX;
-                event.preventDefault();
-                event.stopPropagation();
-                this.needsDraw = true;
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleTouchend: {
-        enumerable: false,
-        value: function (event) {
-            var i = 0, length = event.changedTouches.length;
-
-            while ((i < length) && (event.changedTouches[i].identifier !== this._touchIdentifier)) {
-                i++;
-            }
-            if (i < length) {
-                this._pressed = false;
-                if (this._scrollTo > ((this._width) / 2)) {
-                    this.value = true;
-                } else {
-                    this.value = false;
-                }
-                this._speed = event.changedTouches[i].velocity.x;
-                document.removeEventListener("touchmove", this, false);
-                document.removeEventListener("touchend", this, false);
-                this.needsDraw = true;
-            }
-        }
-    },
-/**
-    Description TODO
-    @function
-    @param {Event} event TODO
-    */
-    handleMouseup: {
-        enumerable: false,
-        value: function (event) {
-            this._pressed = false;
-            if (this._scrollTo > ((this._width) / 2)) {
-                this.value = true;
-            } else {
-                this.value = false;
-            }
-            this._speed = event.velocity.x;
-            document.removeEventListener("mousemove", this, false);
-            document.removeEventListener("mouseup", this, false);
-            this.needsDraw = true;
-        }
-    },
-/**
-    Description TODO
-    @function
-    */
-    prepareForActivationEvents: {
-        enumerable: false,
-        value: function() {
-            if (window.Touch) {
-                this._handlerDragArea.addEventListener("touchstart", this, false);
-                this._toggle.addEventListener("touchstart", this, false);
-            } else {
-                this._handlerDragArea.addEventListener("mousedown", this, false);
-                this._toggle.addEventListener("mousedown", this, false);
-            }
-            this.eventManager.isStoringPointerEvents = true;
-        }
-    },
-/**
-    Description TODO
-    @function
-    */
-    prepareForDraw: {
-        enumerable: false,
-        value: function() {
-            this._element.classList.add("montage-toggle-switch");
-            this._toggle = document.createElement('div');
-            this._scroll = document.createElement('div');
-            this._circle = document.createElement('div');
-            this._handlerBg = document.createElement('div');
-            this._handler = document.createElement('div');
-            this._handlerOnBg = document.createElement('div');
-            this._handlerOn = document.createElement('div');
-            this._handlerDragArea = document.createElement('div');
-            this._toggle.className = "toggle";
-            this._scroll.className = "scroll";
-            this._circle.className = "circle";
-            this._handlerBg.className = "handlerbg";
-            this._handler.className = "handler";
-            this._handlerOnBg.className = "handleronbg";
-            this._handlerOn.className = "handleron";
-            this._handlerDragArea.className = "handlerdragarea";
-            this._element.appendChild(this._toggle);
-            this._toggle.appendChild(this._scroll);
-            this._scroll.appendChild(this._handlerBg);
-            this._handlerBg.appendChild(this._circle);
-            this._handlerBg.appendChild(this._handler);
-            this._handlerBg.appendChild(this._handlerOnBg);
-            this._handlerBg.appendChild(this._handlerDragArea);
-            this._handlerOnBg.appendChild(this._handlerOn);
-            this._toggle.style.width = (this._width + 20) + "px";
-
-            this._scrollTo = this._value ? this._width : 0;
-        }
-    },
-/**
-  Description TODO
-  @private
-*/
-    _animation: {
-        enumerable: false,
-        value: null
-    },
-/**
-    Description TODO
-    @function
-    */
-    draw: {
-        enumerable: false,
-        value: function () {
-            var x = this._scrollTo;
-
-            if (this._pressed) {
-                this.element.classList.add("pressed");
-                this._circle.style.webkitTransition = "-webkit-transform 150ms";
-            } else {
-                this.element.classList.remove("pressed");
-                if (this._animation === null) {
-                    if ((this._value && (this._scrollTo < this._width)) || (!this._value && (this._scrollTo > 0))) {
-                        var startTime = new Date().getTime(),
-                            startPos = this._scrollTo,
-                            self = this;
-
-                        this._animation = window.setInterval(function () {
-                            var time = new Date().getTime() - startTime;
-
-                            if ((self._value && (self._scrollTo < self._width)) || (!self._value && (self._scrollTo > 0))) {
-                                if (self._value) {
-                                    if (self._speed > 0) {
-                                        self._scrollTo = startPos + self._speed * time / 1000 + time * time / 750;
-                                    } else {
-                                        self._scrollTo = startPos + time * time / 750;
-                                    }
-                                } else {
-                                    if (self._speed < 0) {
-                                        self._scrollTo = startPos + self._speed * time / 1000 - time * time / 750;
-                                    } else {
-                                        self._scrollTo = startPos - time * time / 750;
-                                    }
-                                }
-                                self.needsDraw = true;
-                            } else {
-                                this._scrollTo = this._value ? this._width : 0;
-                                window.clearInterval(self._animation);
-                                self._animation = null;
-                                self.needsDraw = true;
-                            }
-                        }, 16);
-                    }
-                }
-            }
-            if (x < 0) {
-                x = 0;
-            } else if (x > this._width) {
-                x = this._width;
-            }
-            this._scroll.style.webkitTransform = "translate3d(" + x + "px,0,0)";
-            this._handlerOnBg.style.opacity = x / (this._width);
-        }
-    }
-});
-- 
cgit v1.2.3