integrating the latest montage version

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

1 files changed, 143 insertions, 0 deletions

diff --git a/node_modules/montage/ui/dynamic-element.reel/dynamic-element.js b/node_modules/montage/ui/dynamic-element.reel/dynamic-element.js
new file mode 100644
index 00000000..f0af644d
--- /dev/null
+++ b/node_modules/montage/ui/dynamic-element.reel/dynamic-element.js
@@ -0,0 +1,143 @@
+/* <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 2012 Motorola Mobility, Inc.  All Rights Reserved.
+ </copyright> */
+/**
+    @module "montage/ui/dynamic-element.reel"
+    @requires montage
+    @requires montage/ui/component
+*/
+var Montage = require("montage").Montage,
+    Component = require("ui/component").Component;
+
+/**
+    The DynamicElement is a general purpose component that aims to expose all the properties of the element as a component.
+    @class module:"montage/ui/dynamic-element.reel".DynamicElement
+    @extends module:montage/ui/component.Component
+*/
+exports.DynamicElement = Montage.create(Component, /** @lends module:"montage/ui/dynamic-element.reel".DynamicElement# */ {
+
+    hasTemplate: {
+        value: false
+    },
+
+    _innerHTML: {
+        value: null
+    },
+
+    /**
+        The innerHTML displayed as the content of the DynamicElement
+        @type {Property}
+        @default null
+    */
+    innerHTML: {
+        get: function() {
+            return this._innerHTML;
+        },
+        set: function(value) {
+            if (this._innerHTML !== value) {
+                this._innerHTML = value;
+                this.needsDraw = true;
+            }
+        },
+        serializable: true
+    },
+
+    /**
+        The default html displayed if innerHTML is falsy.
+        @type {Property}
+        @default {String} ""
+    */
+    defaultHTML: {
+        value: ""
+    },
+
+    _allowedTagNames: {
+        value: null
+    },
+
+    /**
+        White list of allowed tags in the innerHTML
+        @type {Property}
+        @default null
+    */
+    allowedTagNames: {
+        get: function() {
+            return this._allowedTagNames;
+        },
+        set: function(value) {
+            if (this._allowedTagNames !== value) {
+                this._allowedTagNames = value;
+                this.needsDraw = true;
+            }
+        },
+        serializable: true
+    },
+
+    _range: {
+        value: null
+    },
+
+    prepareForDraw: {
+        value: function() {
+            var range = document.createRange();
+            range.selectNodeContents(this.element);
+            this._range = range;
+        }
+    },
+
+    _contentNode: {
+        value: null
+    },
+
+    draw: {
+        value: function() {
+            // get correct value
+            var displayValue = (this.innerHTML || 0 === this.innerHTML ) ? this.innerHTML : this.defaultHTML,
+                content, allowedTagNames = this.allowedTagNames, range = this._range, elements;
+
+            //push to DOM
+            if (allowedTagNames !== null) {
+                //cleanup
+                this._contentNode = null;
+                range.deleteContents();
+                //test for tag white list
+                content = range.createContextualFragment( displayValue );
+                if(allowedTagNames.length !== 0) {
+                    elements = content.querySelectorAll("*:not(" + allowedTagNames.join("):not(") + ")");
+                } else {
+                    elements = content.childNodes;
+                }
+                if (elements.length === 0) {
+                    range.insertNode(content);
+                    if(range.endOffset === 0) {
+                        // according to https://bugzilla.mozilla.org/show_bug.cgi?id=253609 Firefox keeps a collapsed
+                        // range collapsed after insertNode
+                        range.selectNodeContents(this.element);
+                    }
+
+                } else {
+                    console.warn("Some Elements Not Allowed " , elements);
+                }
+            } else {
+                content = this._contentNode;
+                if(content === null) {
+                    //cleanup
+                    range.deleteContents();
+                    this._contentNode = content = document.createTextNode(displayValue);
+                    range.insertNode(content);
+                    if(range.endOffset === 0) {
+                        // according to https://bugzilla.mozilla.org/show_bug.cgi?id=253609 Firefox keeps a collapsed
+                        // range collapsed after insert
+                        range.selectNodeContents(this.element);
+                    }
+
+                } else {
+                    content.data = displayValue;
+                }
+            }
+        }
+    }
+
+});