Initial Text Tool Implementation

Has rich-text-editor in place need to place with finalized version when complete

1 files changed, 1669 insertions, 0 deletions

diff --git a/node_modules/montage/ui/rich-text-editor.reel/rich-text-editor.js b/node_modules/montage/ui/rich-text-editor.reel/rich-text-editor.js
new file mode 100644
index 00000000..37fb9599
--- /dev/null
+++ b/node_modules/montage/ui/rich-text-editor.reel/rich-text-editor.js
@@ -0,0 +1,1669 @@
+/* <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/rich-text-editor.reel"
+    @requires montage/core/core
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component,
+    MutableEvent = require("core/event/mutable-event").MutableEvent,
+    Resizer = require("./rich-text-resizer").Resizer,
+    Sanitizer = require("./rich-text-sanitizer").Sanitizer,
+    Point = require("core/geometry/point").Point;
+
+/**
+    @class module:"montage/ui/rich-text-editor.reel".RichTextEditor
+    @extends module:montage/ui/component.Component
+*/
+exports.RichTextEditor = Montage.create(Component,/** @lends module:"montage/ui/rich-text-editor.reel".RichTextEditor# */ {
+
+    /**
+      Description TODO
+      @private
+    */
+    _hasSelectionChangeEvent: {
+        enumerable: false,
+        value: null     // Need to be preset to null, will be set to true or false later on
+    },
+
+    /**
+      Description TODO
+      @private
+    */
+    _uniqueId: {
+        enumerable: false,
+        value: Math.floor(Math.random() * 1000) + "-" + Math.floor(Math.random() * 1000)
+    },
+
+    /**
+      Description TODO
+      @private
+    */
+    _needsSelectionReset: {
+        enumerable: false,
+        value: false
+    },
+
+    /**
+      Description TODO
+      @private
+    */
+    _selectionChangeTimer: {
+        enumerable: false,
+        value: null
+    },
+
+    /**
+      Description TODO
+      @private
+    */
+    _activeLink: {
+        enumerable: false,
+        value: null
+    },
+
+    /**
+      Description TODO
+      @private
+    */
+    _needsActiveLinkOn: {
+        enumerable: false,
+        value: false
+    },
+
+    /**
+      Description TODO
+      @private
+    */
+    _hasFocus: {
+        enumerable: false,
+        value: false
+    },
+
+    /**
+      Description TODO
+     @type {Function}
+    */
+    hasFocus: {
+        enumerable: true,
+        get: function() {
+            return this._hasFocus;
+        }
+    },
+
+    /**
+      Description TODO
+      @private
+    */
+    _dirty: {
+        enumerable: false,
+        value: false
+    },
+
+    /**
+      Description TODO
+      @private
+    */
+    _value: {
+        enumerable: false,
+        value: ""
+    },
+
+    /**
+      Description TODO
+     @type {Function}
+    */
+    value: {
+        enumerable: true,
+        serializable: true,
+        get: function() {
+            var contentNode = this.element.firstChild,
+                content;
+
+            if (this._dirtyValue) {
+                if (this._resizer) {
+                    contentNode = this._resizer.cleanup(contentNode);
+                }
+
+                contentNode = this._cleanupActiveLink(contentNode);
+
+                content = contentNode ? contentNode.innerHTML : "";
+                if (content == "<br>") {
+                    // when the contentEditable div is emptied, Chrome add a <br>, let's filter it out
+                    content = "";
+                }
+                if (this._sanitizer) {
+                    content = this._sanitizer.didGetValue(content, this._uniqueId);
+                }
+
+                this._value = content;
+                this._dirtyValue = false;
+            }
+            return this._value;
+        },
+        set: function(value) {
+            if (this._value !== value || this._dirtyValue) {
+                if (this._resizer) {
+                    this._needsHideResizer = true;
+                }
+
+                if (this._sanitizer) {
+                    value = this._sanitizer.willSetValue(value, this._uniqueId);
+                }
+                this._value = value;
+                this._dirtyValue = false;
+                this._dirtyTextValue = true;
+                this._needsSelectionReset = true;
+                this._needsResetContent = true;
+                this.needsDraw = true;
+            }
+        }
+    },
+
+    /**
+      Description TODO
+      @private
+    */
+    _textValue: {
+        enumerable: false,
+        value: ""
+    },
+
+    /**
+      Description TODO
+     @type {Function}
+    */
+    textValue: {
+        enumerable: true,
+        get: function() {
+            var contentNode = this.element.firstChild,
+                childNodes;
+
+            if (this._dirtyTextValue) {
+                if (contentNode) {
+                    if (this._resizer) {
+                        contentNode = this._resizer.cleanup(contentNode);
+                    }
+                    contentNode = this._cleanupActiveLink(contentNode);
+                }
+
+                this._textValue = contentNode ? this._innerText(contentNode) : "";
+                this._dirtyTextValue = false;
+            }
+            return this._textValue;
+        },
+        set: function (value) {
+            if (this._textValue !== value || this._dirtyTextValue) {
+                if (this._resizer) {
+                    this._needsHideResizer = true;
+                }
+
+                this._textValue = value;
+                this._dirtyTextValue = false;
+                this._dirtyValue = true;
+                this._needsSelectionReset = true;
+                this._needsResetContent = true;
+                this.needsDraw = true;