1 files changed, 814 insertions, 0 deletions

diff --git a/node_modules/montage-user/ui/scroll.js b/node_modules/montage-user/ui/scroll.js
new file mode 100755
index 00000000..3126ae1c
--- /dev/null
+++ b/node_modules/montage-user/ui/scroll.js
@@ -0,0 +1,814 @@
+var Montage = require("montage").Montage,
+    defaultEventManager = require("core/event/event-manager").defaultEventManager;
+
+var Scroll = exports.Scroll = Montage.create(Montage, {
+
+    _externalUpdate: {
+        enumerable: false,
+        value: true
+    },
+
+    isAnimating: {
+        enumerable: false,
+        value: false
+    },
+
+    component: {
+        value: {}
+    },
+
+    _needsDraw: {
+        enumerable: false,
+        value: false
+    },
+
+    needsDraw: {
+        get: function () {
+            return this._needsDraw;
+        },
+        set: function (value) {
+            this._needsDraw = value;
+            if (this.component) {
+                this.component.needsDraw = true;
+            }
+        }
+    },
+
+    draw: {
+        value: function () {
+            this._needsDraw = false;
+            if (this.isAnimating) {
+                this._animationInterval();
+            }
+            this._externalUpdate = false;
+        }
+    },
+
+    deserializedFromTemplate: {
+        value: function () {
+            var oldComponentDraw = this.component.draw,
+                self = this;
+
+            this.component.draw = function () {
+                self.draw();
+                oldComponentDraw.call(self.component);
+            };
+        }
+    },
+
+    _pointerSpeedMultiplier: {
+        enumerable: false,
+        value: 1
+    },
+
+    pointerSpeedMultiplier: {
+        get: function () {
+            return this._pointerSpeedMultiplier;
+        },
+        set: function (value) {
+            this._pointerSpeedMultiplier = value;
+        }
+    },
+
+    pointerStartEventPosition: {
+        value: null
+    },
+
+    _isSelfUpdate: {
+        enumerable: false,
+        value: false
+    },
+
+    _scrollX: {
+        enumerable: false,
+        value: 0
+    },
+
+    scrollX: {
+        get: function () {
+            return this._scrollX;
+        },
+        set: function (value) {
+            if (this._axis==="vertical") {
+                this._scrollX=0;
+            } else {
+                var tmp=isNaN(value)?0:value>>0;
+
+                if ((!this._hasBouncing)||(!this._isSelfUpdate)) {
+                    if (tmp<0) {
+                        tmp=0;
+                    }
+                    if (tmp>this._maxScrollX) {
+                        tmp=this._maxScrollX;
+                    }
+                    if (!this._isSelfUpdate) {
+                        this.isAnimating = false;
+                    }
+                }
+                this._scrollX=tmp;
+            }
+        }
+    },
+
+    _scrollY: {
+        enumerable: false,
+        value: 0
+    },
+
+    scrollY: {
+        get: function () {
+            return this._scrollY;
+        },
+        set: function (value) {
+            if (this._axis==="horizontal") {
+                this._scrollY=0;
+            } else {
+                var tmp=isNaN(value)?0:value>>0;
+
+                if ((!this._hasBouncing)||(!this._isSelfUpdate)) {
+                    if (tmp<0) {
+                        tmp=0;
+                    }
+                    if (tmp>this._maxScrollY) {
+                        tmp=this._maxScrollY;
+                    }
+                    if (!this._isSelfUpdate) {
+                        this.isAnimating = false;
+                    }
+                }
+                this._scrollY=tmp;
+            }
+        }
+    },
+
+    _maxScrollX: {
+        enumerable: false,
+        value: 0
+    },
+
+    maxScrollX: {
+        get: function () {
+            return this._maxScrollX;
+        },
+        set: function (value) {
+            var tmp=isNaN(value)?0:value>>0;
+
+            if (tmp<0) {
+                tmp=0;
+            }
+            if (this._maxScrollX!=tmp) {
+                if (this._scrollX>this._maxScrollX) {
+                    this.scrollX=this._maxScrollX;
+                }
+                this._maxScrollX=tmp;
+            }
+        }
+    },
+
+    _maxScrollY: {
+        enumerable: false,
+        value: 0
+    },
+
+    maxScrollY: {
+        get: function () {
+            return this._maxScrollY;
+        },
+        set: function (value) {
+            var tmp=isNaN(value)?0:value>>0;
+
+            if (tmp<0) {
+                tmp=0;
+            }
+            if (this._maxScrollY!=tmp) {
+                if (this._scrollY>this._maxScrollY) {
+                    this.scrollY=this._maxScrollY;
+                }
+                this._maxScrollY=tmp;
+            }
+        }
+    },
+
+    _element: {
+        enumerable: false,
+        value: null
+    },
+
+    element: {
+        get: function () {
+            return this._element;
+        },
+        set: function (element) {
+            if (this._element !== element) {
+                this._element = element;
+                this.prepareForActivationEvents();
+            }
+        }
+    },
+
+    _axis: {
+        enumerable: false,
+        value: "both"
+    },
+
+    axis: {
+        get: function () {
+            return this._axis;
+        },
+        set: function (value) {
+            switch (value) {
+                case "vertical":
+                case "horizontal":
+                    this._axis=value;
+                    break;
+                default:
+                    this._axis="both";
+                    break;
+            }
+        }
+    },
+
+    _hasMomentum: {
+        enumerable: false,
+        value: true
+    },
+
+    hasMomentum: {
+        get: function () {
+            return this._hasMomentum;
+        },
+        set: function (value) {
+            this._hasMomentum=value?true:false;
+        }
+    },
+
+    _hasBouncing: {