First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>

1 files changed, 268 insertions, 0 deletions

diff --git a/node_modules/montage/ui/scroller.reel/scroller.js b/node_modules/montage/ui/scroller.reel/scroller.js
new file mode 100644
index 00000000..01df7d9c
--- /dev/null
+++ b/node_modules/montage/ui/scroller.reel/scroller.js
@@ -0,0 +1,268 @@
+/* <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> */
+
+var Montage = require("montage").Montage,
+    Scroll = require("ui/scroll").Scroll,
+    Component = require("ui/component").Component;
+
+var Scroller = exports.Scroller = Montage.create(Component, {
+
+    _scroll: {
+        enumerable: false,
+        value: null
+    },
+
+    _scrollX: {
+        enumerable: false,
+        value: 0
+    },
+
+    scrollX: {
+        get: function () {
+            return this._scrollX;
+        },
+        set: function (value) {
+            this._scrollX = value;
+            this.needsDraw = true;
+        }
+    },
+
+    _scrollY: {
+        enumerable: false,
+        value: 0
+    },
+
+    scrollY: {
+        get: function () {
+            return this._scrollY;
+        },
+        set: function (value) {
+            this._scrollY = value;
+            this.needsDraw = true;
+        }
+    },
+
+    _axis: {
+        enumerable: false,
+        value: "auto"
+    },
+
+    axis: {
+        get: function () {
+            return this._axis;
+        },
+        set: function (value) {
+            this._axis = value;
+            this.needsDraw = true;
+        }
+    },
+
+    _displayScrollbars: {
+        enumerable: false,
+        value: "auto"
+    },
+
+    displayScrollbars: {
+        get: function () {
+            return this._displayScrollbars;
+        },
+        set: function (value) {
+            switch (value) {
+                case "vertical":
+                case "horizontal":
+                case "both":
+                case "auto":
+                    this._displayScrollbars = value;
+                    break;
+                default:
+                    this._displayScrollbars = "none";
+                    break;
+            }
+            this.needsDraw = true;
+        }
+    },
+
+    _hasMomentum: {
+        enumerable: false,
+        value: true
+    },
+
+    hasMomentum: {
+        get: function () {
+            return this._hasMomentum;
+        },
+        set: function (value) {
+            this._hasMomentum = value;
+        }
+    },
+
+    _hasBouncing: {
+        enumerable: false,
+        value: true
+    },
+
+    hasBouncing: {
+        get: function () {
+            return this._hasBouncing;
+        },
+        set: function (value) {
+            this._hasBouncing = value;
+        }
+    },
+
+    _momentumDuration: {
+        enumerable: false,
+        value: 650
+    },
+
+    momentumDuration: {
+        get: function () {
+            return this._momentumDuration;
+        },
+        set: function (value) {
+            this._momentumDuration = value;
+        }
+    },
+
+    _bouncingDuration: {
+        enumerable: false,
+        value: 750
+    },
+
+    bouncingDuration: {
+        get: function () {
+            return this._bouncingDuration;
+        },
+        set: function (value) {
+            this._bouncingDuration = value;
+        }
+    },
+
+    _content: {
+        enumerable: false,
+        value: null
+    },
+    
+    templateDidLoad: {
+        value: function () {
+            var orphanedFragment,
+                currentContentRange = this.element.ownerDocument.createRange();
+
+            currentContentRange.selectNodeContents(this.element);
+            orphanedFragment = currentContentRange.extractContents();
+            this._content.appendChild(orphanedFragment);
+        }
+    },
+    
+    prepareForDraw: {
+        value: function () {
+            var self = this;
+            
+            this._scroll = Montage.create(Scroll);
+            this._scroll.element = this._element;
+            this._scroll.component = this;
+            Object.defineBinding(this._scroll, "scrollX", {boundObject: this, boundObjectPropertyPath: "scrollX", oneway: false});
+            Object.defineBinding(this._scroll, "scrollY", {boundObject: this, boundObjectPropertyPath: "scrollY", oneway: false});
+            Object.defineBinding(this._scroll, "axis", {boundObject: this, boundObjectPropertyPath: "axis", oneway: false});
+            Object.defineBinding(this._scroll, "hasBouncing", {boundObject: this, boundObjectPropertyPath: "hasBouncing", oneway: false});
+            Object.defineBinding(this._scroll, "hasMomentum", {boundObject: this, boundObjectPropertyPath: "hasMomentum", oneway: false});
+            Object.defineBinding(this._scroll, "bouncingDuration", {boundObject: this, boundObjectPropertyPath: "bouncingDuration", oneway: false});
+            Object.defineBinding(this._scroll, "momentumDuration", {boundObject: this, boundObjectPropertyPath: "momentumDuration", oneway: false});
+            this._scroll.deserializedFromTemplate();
+            this._scroll.addEventListener("scrollStart", function () {
+                self._scrollBars.opacity = .5;
+            }, false);
+            this._scroll.addEventListener("scrollEnd", function () {
+                self._scrollBars.opacity = 0;
+            }, false);
+        }
+    },
+
+    willDraw: {
+        enumerable: false,
+        value: function () {
+            this._left = this._element.offsetLeft;
+            this._top = this._element.offsetTop;
+            this._width = this._element.offsetWidth;
+            this._height = this._element.offsetHeight;
+            this._scroll.maxScrollX = this._content.scrollWidth - this._width;
+            if (this._scroll.maxScrollX < 0) {
+                this._scroll.maxScrollX = 0;
+            }
+            this._scroll.maxScrollY = this._content.offsetHeight - this._height;
+            if (this._scroll.maxScrollY < 0) {
+                this._scroll.maxScrollY = 0;
+            }
+            var delegateValue = this.callDelegateMethod("didSetMaxScroll", {x: this._scroll.maxScrollX, y: this._scroll.maxScrollY});
+            if (delegateValue) {
+                this._scroll.maxScrollX = delegateValue.x;
+                this._scroll.maxScrollY = delegateValue.y;
+            }
+            switch (this._displayScrollbars) {
+                case "horizontal":
+                    this._scrollBars.displayHorizontal = true;
+                    this._scrollBars.displayVertical = false;
+                    break;
+                case "vertical":
+                    this._scrollBars.displayHorizontal = false;
+                    this._scrollBars.displayVertical = true;
+                    break;
+                case "both":
+                    this._scrollBars.displayHorizontal = true;
+                    this._scrollBars.displayVertical = true;
+                    break;
+                case "auto":
+                    if (this._scroll._maxScrollX && this._scroll._maxScrollY) {
+                        this._scrollBars.displayHorizontal = true;