From c066fb41ebee85bacf9b2155366b16831af41d76 Mon Sep 17 00:00:00 2001 From: Eric Guzman Date: Tue, 7 Feb 2012 13:46:05 -0800 Subject: Tree Components - Added copyright comments --- js/components/treeview/branch.reel/branch.css | 6 ++++++ js/components/treeview/branch.reel/branch.html | 5 +++++ js/components/treeview/leaf.reel/leaf.css | 6 ++++++ js/components/treeview/leaf.reel/leaf.html | 5 +++++ js/components/treeview/ninja-branch.reel/ninja-branch.css | 6 ++++++ js/components/treeview/ninja-branch.reel/ninja-branch.html | 5 +++++ js/components/treeview/ninja-leaf.reel/ninja-leaf.css | 6 ++++++ js/components/treeview/ninja-leaf.reel/ninja-leaf.html | 5 +++++ js/components/treeview/treeview.reel/treeview.css | 8 +++++--- js/components/treeview/treeview.reel/treeview.html | 5 +++++ 10 files changed, 54 insertions(+), 3 deletions(-) diff --git a/js/components/treeview/branch.reel/branch.css b/js/components/treeview/branch.reel/branch.css index 5998e0f0..0f4e4a87 100644 --- a/js/components/treeview/branch.reel/branch.css +++ b/js/components/treeview/branch.reel/branch.css @@ -1,3 +1,9 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ + .treeRoot > .branch > ul { margin-top: 0; } diff --git a/js/components/treeview/branch.reel/branch.html b/js/components/treeview/branch.reel/branch.html index 31a4cf18..b44a54c5 100644 --- a/js/components/treeview/branch.reel/branch.html +++ b/js/components/treeview/branch.reel/branch.html @@ -1,4 +1,9 @@ + diff --git a/js/components/treeview/leaf.reel/leaf.css b/js/components/treeview/leaf.reel/leaf.css index fea5a2c4..41fb02ff 100644 --- a/js/components/treeview/leaf.reel/leaf.css +++ b/js/components/treeview/leaf.reel/leaf.css @@ -1,3 +1,9 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ + .leaf > .leaf-label { opacity: 0.8; cursor: pointer; diff --git a/js/components/treeview/leaf.reel/leaf.html b/js/components/treeview/leaf.reel/leaf.html index 991a4323..cf0b4e40 100644 --- a/js/components/treeview/leaf.reel/leaf.html +++ b/js/components/treeview/leaf.reel/leaf.html @@ -1,4 +1,9 @@ + diff --git a/js/components/treeview/ninja-branch.reel/ninja-branch.css b/js/components/treeview/ninja-branch.reel/ninja-branch.css index 698fcd21..6a458cc7 100644 --- a/js/components/treeview/ninja-branch.reel/ninja-branch.css +++ b/js/components/treeview/ninja-branch.reel/ninja-branch.css @@ -1,3 +1,9 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ + .treeRoot > .branch > ul { margin-top: 0; } diff --git a/js/components/treeview/ninja-branch.reel/ninja-branch.html b/js/components/treeview/ninja-branch.reel/ninja-branch.html index 6e239855..4d557a94 100644 --- a/js/components/treeview/ninja-branch.reel/ninja-branch.html +++ b/js/components/treeview/ninja-branch.reel/ninja-branch.html @@ -1,4 +1,9 @@ + diff --git a/js/components/treeview/ninja-leaf.reel/ninja-leaf.css b/js/components/treeview/ninja-leaf.reel/ninja-leaf.css index 0ad10c4c..b2f427b5 100644 --- a/js/components/treeview/ninja-leaf.reel/ninja-leaf.css +++ b/js/components/treeview/ninja-leaf.reel/ninja-leaf.css @@ -1,3 +1,9 @@ +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ + .treeRoot .leaf-label { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAIAAAD9iXMrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQzcwMEU1RjQxM0MxMUUxQUM0MERBNzM1MUVEMUQxMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQzcwMEU2MDQxM0MxMUUxQUM0MERBNzM1MUVEMUQxMCI%2BIDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRDNzAwRTVENDEzQzExRTFBQzQwREE3MzUxRUQxRDEwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRDNzAwRTVFNDEzQzExRTFBQzQwREE3MzUxRUQxRDEwIi8%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2BUcaK3QAAANFJREFUeNqMULEOREAQdYjvuE%2FYWlSUQqKQ7A%2FsD6n0SoVCFHpRa0SllvgFlpvzZO9OcfGSnbx9M%2FNmMpp2Dw96VVX9L%2FJ93wRrmkZJIKrZcRyK%2Bs25p5%2BU8pK4KCakMAzxL4oCJIqivu8Nw0DDu25ZFtW3ritIkiS0tGVZtm1%2F6rZtu4yr67osSyJBEJx3ybKsbVukOecU4zh2XRfKMAzTNJmYpWxgPM%2BzEIIxRrzrOs%2FzdMyVvyAxTdPxAJFzv%2BeBbz8cfN93kDzPb55ZewkwAF0Ddf6ATSsHAAAAAElFTkSuQmCC); background-position: 3px center; diff --git a/js/components/treeview/ninja-leaf.reel/ninja-leaf.html b/js/components/treeview/ninja-leaf.reel/ninja-leaf.html index 0a8fdac0..bd8e8acd 100644 --- a/js/components/treeview/ninja-leaf.reel/ninja-leaf.html +++ b/js/components/treeview/ninja-leaf.reel/ninja-leaf.html @@ -1,4 +1,9 @@ + diff --git a/js/components/treeview/treeview.reel/treeview.css b/js/components/treeview/treeview.reel/treeview.css index 1e3965ef..018448f1 100644 --- a/js/components/treeview/treeview.reel/treeview.css +++ b/js/components/treeview/treeview.reel/treeview.css @@ -1,3 +1,5 @@ - - -{} +/* + This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. +
*/ diff --git a/js/components/treeview/treeview.reel/treeview.html b/js/components/treeview/treeview.reel/treeview.html index 3d5d75c4..d70b016c 100644 --- a/js/components/treeview/treeview.reel/treeview.html +++ b/js/components/treeview/treeview.reel/treeview.html @@ -1,4 +1,9 @@ + -- cgit v1.2.3 From 65145cebdf4cde2767cbd0489ddcea5863c2ca9e Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Tue, 7 Feb 2012 14:53:46 -0800 Subject: IKNINJA-964 - Fixed inconsistent element name in PI/CSS panel. Signed-off-by: Valerio Virgillito --- js/tools/TagTool.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/js/tools/TagTool.js b/js/tools/TagTool.js index c527edf3..73a0ae5c 100644 --- a/js/tools/TagTool.js +++ b/js/tools/TagTool.js @@ -158,15 +158,15 @@ exports.TagTool = Montage.create(DrawingTool, { selectedTag = this.options.selectedElement; if(selectedTag === "divTool") { - newTag = NJUtils.makeNJElement("div", "Div", "block"); + newTag = NJUtils.makeNJElement("div", "div", "block"); } else if(selectedTag === "imageTool") { - newTag = NJUtils.makeNJElement("image", "Image", "image"); + newTag = NJUtils.makeNJElement("image", "image", "image"); } else if(selectedTag === "videoTool") { - newTag = NJUtils.makeNJElement("video", "Video", "video", { + newTag = NJUtils.makeNJElement("video", "video", "video", { innerHTML: "Your browser does not support the VIDEO element." }); } else if(selectedTag === "canvasTool") { - newTag = NJUtils.makeNJElement("canvas", "Canvas", "canvas"); + newTag = NJUtils.makeNJElement("canvas", "canvas", "canvas"); } else if(selectedTag === "customTool") { newTag = document.createElement(this.options.customName.value); newTag.Ninja = {}; -- cgit v1.2.3 From 329a859e2666716c3a1d99c6bd2679e10c81fc8d Mon Sep 17 00:00:00 2001 From: Nivesh Rajbhandari Date: Tue, 7 Feb 2012 15:25:11 -0800 Subject: Added ability to toggle combobox's visibility so we can show/hide materials comboboxes in the tool options. Signed-off-by: Nivesh Rajbhandari --- js/components/combobox.reel/combobox.js | 28 ++++++++++++++ .../shape-properties.reel/shape-properties.js | 43 ++++++++++++---------- 2 files changed, 51 insertions(+), 20 deletions(-) diff --git a/js/components/combobox.reel/combobox.js b/js/components/combobox.reel/combobox.js index 3200b01c..bc433f52 100644 --- a/js/components/combobox.reel/combobox.js +++ b/js/components/combobox.reel/combobox.js @@ -104,6 +104,26 @@ exports.Combobox = Montage.create(Component, { } }, + _visible: { + enumerable: false, + value: true + }, + + visible: { + enumerable: true, + serializable: true, + get: function() { + return this._visible; + }, + set: function(value) { + if(value !== this._visible) + { + this._visible = value; + this.needsDraw = true; + } + } + }, + handleChange: { value:function(event) @@ -158,6 +178,14 @@ exports.Combobox = Montage.create(Component, { this.element.appendChild(optionItem); } this.element.disabled = !this._enabled; + if(this._visible) + { + this.element.style.visibility = "visible"; + } + else + { + this.element.style.visibility = "hidden"; + } } } }, diff --git a/js/components/tools-properties/shape-properties.reel/shape-properties.js b/js/components/tools-properties/shape-properties.reel/shape-properties.js index 345e361c..79567453 100644 --- a/js/components/tools-properties/shape-properties.reel/shape-properties.js +++ b/js/components/tools-properties/shape-properties.reel/shape-properties.js @@ -45,13 +45,16 @@ exports.ShapeProperties = Montage.create(ToolProperties, { this._selectedSubTool = value; this[this._selectedSubTool.properties].visible = true; -// if(this._selectedSubTool.id === "LineTool") { -// this._fillIcon.style["display"] = "none"; -// this._fillMaterial.style["display"] = "none"; -// } else { -// this._fillIcon.style["display"] = ""; -// this._fillMaterial.style["display"] = ""; -// } + if(this._useWebGL.checked) + { + if(this._selectedSubTool.id === "LineTool") { + this._fillIcon.style["display"] = "none"; + this._fillMaterial.visible = false; + } else { + this._fillIcon.style["display"] = ""; + this._fillMaterial.visible = true; + } + } } } @@ -62,23 +65,23 @@ exports.ShapeProperties = Montage.create(ToolProperties, { if(this._useWebGL.checked) { this._use3D = true; -// this._materialLabel.style["display"] = ""; -// this._strokeIcon.style["display"] = ""; -// this._strokeMaterial.style["display"] = ""; -// if(this.selectedSubTool.id !== "LineTool") -// { -// this._fillIcon.style["display"] = ""; -// this._fillMaterial.style["display"] = ""; -// } + this._materialLabel.style["display"] = ""; + this._strokeIcon.style["display"] = ""; + this._strokeMaterial.visible = true; + if(this.selectedSubTool.id !== "LineTool") + { + this._fillIcon.style["display"] = ""; + this._fillMaterial.visible = true; + } } else { this._use3D = false; -// this._materialLabel.style["display"] = "none"; -// this._strokeIcon.style["display"] = "none"; -// this._strokeMaterial.style["display"] = "none"; -// this._fillIcon.style["display"] = "none"; -// this._fillMaterial.style["display"] = "none"; + this._materialLabel.style["display"] = "none"; + this._strokeIcon.style["display"] = "none"; + this._strokeMaterial.visible = false; + this._fillIcon.style["display"] = "none"; + this._fillMaterial.visible = false; } } } -- cgit v1.2.3 From a930295dfebd7fe7b4db5324b2048e6e7366c6d8 Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Tue, 7 Feb 2012 16:12:23 -0800 Subject: IKNINJA-616 - Drag and drop images fix for the PI and source Signed-off-by: Valerio Virgillito --- js/mediators/drag-drop-mediator.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/js/mediators/drag-drop-mediator.js b/js/mediators/drag-drop-mediator.js index aacb228c..ede71383 100644 --- a/js/mediators/drag-drop-mediator.js +++ b/js/mediators/drag-drop-mediator.js @@ -122,7 +122,7 @@ exports.DragDropMediator = Montage.create(Component, { NJUtils.makeElementModel(domElem, "SVG", "block"); } else { // treat as a regular image - domElem = NJUtils.makeNJElement("image", "Image", "block"); + domElem = NJUtils.makeNJElement("image", "image", "image"); domElem.src = evt2.currentTarget.result; } -- cgit v1.2.3 From 9a404b8a717d0aac0eabb828a4d3cdc8c9c3eed8 Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Tue, 7 Feb 2012 17:42:04 -0800 Subject: IKNINJA - 1084: Fixing the custom tag. Signed-off-by: Valerio Virgillito --- .../tools-properties/tag-properties.reel/tag-properties.html | 6 +++--- js/tools/TagTool.js | 4 +--- 2 files changed, 4 insertions(+), 6 deletions(-) diff --git a/js/components/tools-properties/tag-properties.reel/tag-properties.html b/js/components/tools-properties/tag-properties.reel/tag-properties.html index c7588b9e..2b81bb71 100644 --- a/js/components/tools-properties/tag-properties.reel/tag-properties.html +++ b/js/components/tools-properties/tag-properties.reel/tag-properties.html @@ -56,9 +56,9 @@ diff --git a/js/tools/TagTool.js b/js/tools/TagTool.js index 73a0ae5c..e3f49bbe 100644 --- a/js/tools/TagTool.js +++ b/js/tools/TagTool.js @@ -168,9 +168,7 @@ exports.TagTool = Montage.create(DrawingTool, { } else if(selectedTag === "canvasTool") { newTag = NJUtils.makeNJElement("canvas", "canvas", "canvas"); } else if(selectedTag === "customTool") { - newTag = document.createElement(this.options.customName.value); - newTag.Ninja = {}; - newTag.Ninja.selectionType = this.options.customName.value; + newTag = NJUtils.makeNJElement(this.options.customName.value, this.options.customName.value, "block"); } /* SWF Tag tool - Not used for now. Will revisit this at a later time. else if(selectedTag === "flashTool") { -- cgit v1.2.3 From e5579374ff39b80b8c0c69faba37f6f581758fe0 Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Tue, 7 Feb 2012 13:28:17 -0800 Subject: updated montage v.0.6 to the latest changes. Signed-off-by: Valerio Virgillito --- node_modules/montage/core/event/binding.js | 4 -- node_modules/montage/core/event/event-manager.js | 4 +- node_modules/montage/core/promise.js | 11 ++++- node_modules/montage/ui/component.js | 48 ++++++++++++++++++---- node_modules/montage/ui/composer/composer.js | 14 +++++++ node_modules/montage/ui/composer/swipe-composer.js | 24 ++++++----- node_modules/montage/ui/slot.reel/slot.js | 5 ++- 7 files changed, 82 insertions(+), 28 deletions(-) diff --git a/node_modules/montage/core/event/binding.js b/node_modules/montage/core/event/binding.js index 7a15e5b9..f061e89a 100755 --- a/node_modules/montage/core/event/binding.js +++ b/node_modules/montage/core/event/binding.js @@ -505,8 +505,6 @@ var PropertyChangeBindingListener = exports.PropertyChangeBindingListener = Obje localPrevValue = event.minus, localTarget = event.target, type = event.type, - changeType = event.propertyChange, - localPropertyName = event.propertyName, boundObjectValue, sourceObjectValue, dotIndex, @@ -676,8 +674,6 @@ var PropertyChangeBindingListener = exports.PropertyChangeBindingListener = Obje localPrevValue = null; localTarget = null; type = null; - changeType = null; - localPropertyName = null; dotIndex = null; nextPathComponent = null; atSignIndex = null; diff --git a/node_modules/montage/core/event/event-manager.js b/node_modules/montage/core/event/event-manager.js index 4adc3926..b3e97dbe 100755 --- a/node_modules/montage/core/event/event-manager.js +++ b/node_modules/montage/core/event/event-manager.js @@ -1874,9 +1874,9 @@ var EventManager = exports.EventManager = Montage.create(Montage,/** @lends modu if (target) { associatedComponent = this.eventHandlerForElement(target); if (associatedComponent) { - if (!associatedComponent._preparedForActivationEvents && typeof associatedComponent.prepareForActivationEvents === "function") { + if (!associatedComponent._preparedForActivationEvents) { - associatedComponent.prepareForActivationEvents(); + associatedComponent._prepareForActivationEvents(); associatedComponent._preparedForActivationEvents = true; } else if (associatedComponent._preparedForActivationEvents) { diff --git a/node_modules/montage/core/promise.js b/node_modules/montage/core/promise.js index aabe113d..df063846 100755 --- a/node_modules/montage/core/promise.js +++ b/node_modules/montage/core/promise.js @@ -65,8 +65,17 @@ function toPromise(value) { var Creatable = Object.create(Object.prototype, { create: { value: function (descriptor) { + for (var name in descriptor) { + var property = descriptor[name]; + if (!property.set && !property.get) { + property.writable = true + } + property.configurable = true; + } return Object.create(this, descriptor); - } + }, + writable: true, + configurable: true }, }); diff --git a/node_modules/montage/ui/component.js b/node_modules/montage/ui/component.js index 90612f83..e41a1958 100755 --- a/node_modules/montage/ui/component.js +++ b/node_modules/montage/ui/component.js @@ -7,7 +7,6 @@ @module montage/ui/component @requires montage/core/core @requires montage/core/event/mutable-event - @requires montage/core/bitfield @requires montage/ui/reel @requires montage/core/gate @requires montage/core/logger | component @@ -16,7 +15,6 @@ */ var Montage = require("montage").Montage, MutableEvent = require("core/event/mutable-event").MutableEvent, - BitField = require("core/bitfield").BitField, Template = require("ui/template").Template, Gate = require("core/gate").Gate, logger = require("core/logger").logger("component"), @@ -525,7 +523,11 @@ var Component = exports.Component = Montage.create(Montage,/** @lends module:mon content: { get: function() { - return Array.prototype.slice.call(this._element.childNodes, 0); + if (this._element) { + return Array.prototype.slice.call(this._element.childNodes, 0); + } else { + return null; + } }, set: function(value) { var components = [], @@ -891,11 +893,11 @@ var Component = exports.Component = Montage.create(Montage,/** @lends module:mon Template.templateWithModuleId(info.require, templateModuleId, onTemplateLoad); }}, /** - Callback for the _canDrawBitField.
+ Callback for the _canDrawGate.
Propagates to the parent and adds the component to the draw list. @function @param {Property} gate - @see _canDrawBitField + @see _canDrawGate */ gateDidBecomeTrue: { value: function(gate) { @@ -1047,6 +1049,27 @@ var Component = exports.Component = Montage.create(Montage,/** @lends module:mon enumerable: false, value: null }, + + /** + * Called to add event listeners on demand + * @type function + * @private + */ + _prepareForActivationEvents: { + value: function() { + var i = this.composerList.length, composer; + for (i = 0; i < this.composerList.length; i++) { + composer = this.composerList[i]; + if (composer.lazyLoad) { + composer._load(); + } + } + if (typeof this.prepareForActivationEvents === "function") { + this.prepareForActivationEvents(); + } + } + }, + /** Description TODO @private @@ -1297,7 +1320,11 @@ var Component = exports.Component = Montage.create(Montage,/** @lends module:mon this.composerList.push(composer); if (!this._firstDraw) { // prepareForDraw has already happened so do the loading here - composer._load(); + if (!composer.lazyLoad) { + composer._load(); + } else if (this._preparedForActivationEvents) { // even though it's lazyLoad prepareForActivationEvents has already happened + composer._load(); + } } } }, @@ -1671,7 +1698,7 @@ var rootComponent = Montage.create(Component, /** @lends module:montage/ui/compo */ addToDrawCycle: { value: function(component) { - var needsDrawListIndex = this._readyToDrawListIndex, length; + var needsDrawListIndex = this._readyToDrawListIndex, length, composer; if (needsDrawListIndex.hasOwnProperty(component.uuid)) { // Requesting a draw of a component that has already been drawn in the current cycle @@ -1694,10 +1721,13 @@ var rootComponent = Montage.create(Component, /** @lends module:montage/ui/compo component.prepareForDraw(); } - // Load any composers that have been added + // Load any non lazyLoad composers that have been added length = component.composerList.length; for (i = 0; i < length; i++) { - component.composerList[i]._load(); + composer = component.composerList[i]; + if (!composer.lazyLoad) { + composer._load(); + } } // Will we expose a different property, firstDraw, for components to check diff --git a/node_modules/montage/ui/composer/composer.js b/node_modules/montage/ui/composer/composer.js index 2f91bb22..eee7be67 100644 --- a/node_modules/montage/ui/composer/composer.js +++ b/node_modules/montage/ui/composer/composer.js @@ -40,6 +40,20 @@ exports.Composer = Montage.create(Montage, /** @lends module:montage/ui/composer } }, + + /** + * This property controls when a composer's load method is called. If `false` + * the composer's load method is called immediately as part of the next draw + * cycle after addComposer has been called on its associated component. If + * `true` loading of the composer is delayed until its associated component + * has prepareForActivationEvents called. + * @property + * @default false + */ + lazyLoad: { + value: false + }, + _needsFrame: { value: false }, diff --git a/node_modules/montage/ui/composer/swipe-composer.js b/node_modules/montage/ui/composer/swipe-composer.js index 4eb9ee3b..2d9fe266 100644 --- a/node_modules/montage/ui/composer/swipe-composer.js +++ b/node_modules/montage/ui/composer/swipe-composer.js @@ -208,17 +208,19 @@ exports.SwipeComposer = Montage.create(Composer, /** @lends module:montage/ui/co } } - swipeEvent = document.createEvent("CustomEvent"); - swipeEvent.initCustomEvent("swipemove", true, false, null); - swipeEvent.direction = direction; - swipeEvent.angle = this._startSwipeAngle; - swipeEvent.velocity = this._findVelocity((event.timeStamp - this._startTimestamp)); - swipeEvent.startX = this._startX; - swipeEvent.startY = this._startY; - swipeEvent.dX = this._deltaX; - swipeEvent.dY = this._deltaY; - - this.dispatchEvent(swipeEvent); + if (dX != 0 || dY != 0) { + swipeEvent = document.createEvent("CustomEvent"); + swipeEvent.initCustomEvent("swipemove", true, false, null); + swipeEvent.direction = direction; + swipeEvent.angle = this._startSwipeAngle; + swipeEvent.velocity = this._findVelocity((event.timeStamp - this._startTimestamp)); + swipeEvent.startX = this._startX; + swipeEvent.startY = this._startY; + swipeEvent.dX = this._deltaX; + swipeEvent.dY = this._deltaY; + + this.dispatchEvent(swipeEvent); + } } }, diff --git a/node_modules/montage/ui/slot.reel/slot.js b/node_modules/montage/ui/slot.reel/slot.js index 45c0ac1d..818cc68d 100755 --- a/node_modules/montage/ui/slot.reel/slot.js +++ b/node_modules/montage/ui/slot.reel/slot.js @@ -247,7 +247,10 @@ var Slot = exports.Slot = Montage.create(Component, /** @lends module:"montage/u // Introduce to the componentTree if content appended was a component if (this._contentToAppend && (typeof this._contentToAppend.element !== "undefined")) { - this.childComponents = [this._contentToAppend]; + this._contentToAppend.attachToParentComponent(); + // HACK: gets around the issue of the component never being part of the draw loop again because of the idempotence of the needsDraw = true. + this._contentToAppend.needsDraw = false; + this._contentToAppend.needsDraw = true; } } -- cgit v1.2.3 From 9154cff2ce10aae54d9a7bd37a9d8b5578b0e297 Mon Sep 17 00:00:00 2001 From: Eric Guzman Date: Wed, 8 Feb 2012 10:39:17 -0800 Subject: Styles Controller - Added array of dirty stylesheets and event dispatch when a sheet is dirtied. --- js/controllers/styles-controller.js | 73 ++++++++++++++++++++++++++++++++++--- 1 file changed, 67 insertions(+), 6 deletions(-) diff --git a/js/controllers/styles-controller.js b/js/controllers/styles-controller.js index 21024125..011caec5 100644 --- a/js/controllers/styles-controller.js +++ b/js/controllers/styles-controller.js @@ -175,6 +175,8 @@ var stylesController = exports.StylesController = Montage.create(Component, { } stylesheet.insertRule(ruleText, index); + + this.styleSheetModified(stylesheet); rule = stylesheet.rules[index]; @@ -283,6 +285,8 @@ var stylesController = exports.StylesController = Montage.create(Component, { sheet.deleteRule(index); } + this.styleSheetModified(sheet); + return index; } }, @@ -531,6 +535,9 @@ var stylesController = exports.StylesController = Montage.create(Component, { value : function(rule, selector) { rule.selectorText = selector; rule[this.CONST.SPECIFICITY_KEY] = this.getSpecificity(selector); + + this.styleSheetModified(rule.parentStyleSheet); + return rule; } }, @@ -780,6 +787,8 @@ var stylesController = exports.StylesController = Montage.create(Component, { ///// method to apply/test the new value dec.setProperty(property, value, priority); + this.styleSheetModified(rule.parentStyleSheet); + ///// Return browser value for value we just set return dec.getPropertyValue(property); } @@ -838,7 +847,10 @@ var stylesController = exports.StylesController = Montage.create(Component, { deleteStyle : { value : function(rule, property) { + this.styleSheetModified(rule.parentStyleSheet); + rule.style.removeProperty(property); + return rule; } }, @@ -1070,9 +1082,10 @@ var stylesController = exports.StylesController = Montage.create(Component, { createStylesheet : { value: function(id, document) { - var doc = document || this._activeDocument; + var doc = document || this._activeDocument._document, + sheetElement, sheet; - sheet = nj.make('style', { + sheetElement = nj.make('style', { type : 'text/css', rel : 'stylesheet', id : id || "", @@ -1080,9 +1093,12 @@ var stylesController = exports.StylesController = Montage.create(Component, { title : 'Temp' }); - doc.head.appendChild(sheet); - - return this.getSheetFromElement(sheet, doc); + doc.head.appendChild(sheetElement); + sheet = this.getSheetFromElement(sheetElement, doc); + + this.styleSheetModified(sheet); + + return sheet; } }, @@ -1103,7 +1119,52 @@ var stylesController = exports.StylesController = Montage.create(Component, { } }, - + + ///// Style Sheet Modified + ///// Method to call whenever a stylesheet change is made + ///// Dispatches an event, and keeps list of dirty style sheets + + styleSheetModified : { + value: function(sheet, eventData) { + var sheetSearch = this.dirtyStyleSheets.filter(function(sheetObj) { + return sheetObj.stylesheet === sheet; + }); + + ///// If the sheet doesn't already exist in the list of modified + ///// sheets, dispatch dirty event and add the sheet to the list + if(sheetSearch.length === 0) { + NJevent('styleSheetDirty', eventData); + this.dirtyStyleSheets.push({ + document : sheet.ownerNode.ownerDocument, + stylesheet : sheet + }); + } + } + }, + + ///// Dirty Style Sheets + ///// List of modified style sheets + + dirtyStyleSheets : { + value : [] + }, + + ///// Clear Dirty Style Sheets + ///// Refreshes the list of dirty style sheets + ///// If optional document object is supplied, only the styles sheets + ///// of a particular document are cleared + ///// Useful to call after a "Save" or "Save All" event + + clearDirtyStyleSheets : { + value: function(doc) { + if(!doc) { + this.dirtyStyleSheets = null; + this.dirtyStyleSheets = []; + } + + } + }, + /* ----------------- Utils ------------------- */ _generateRandomAlphaNumeric : { -- cgit v1.2.3 From 7afa8f3fb2f2cede0b227a00ccc2b84267278db6 Mon Sep 17 00:00:00 2001 From: Jose Antonio Marquez Date: Wed, 8 Feb 2012 13:54:42 -0800 Subject: delete _scss directory --- .../_Base.scssc | Bin 21915 -> 0 bytes .../_Components.scssc | Bin 3789 -> 0 bytes .../_MainWindow.scssc | 437 ----- .../_MenuUI.scssc | Bin 6504 -> 0 bytes .../_PanelUI.scssc | 1684 -------------------- .../_ScrollBars.scssc | Bin 14694 -> 0 bytes .../_Stage.scssc | Bin 9187 -> 0 bytes .../_Tools.scssc | 641 -------- .../_UserContent.scssc | Bin 2605 -> 0 bytes .../_mixins.scssc | Bin 3151 -> 0 bytes .../_toolbar.scssc | Bin 24407 -> 0 bytes .../ninja.scssc | Bin 4378 -> 0 bytes .../_colors.scssc | Bin 17501 -> 0 bytes .../_fonts.scssc | Bin 7110 -> 0 bytes .../_mixins.scssc | Bin 4978 -> 0 bytes _scss/config.rb | 11 - _scss/imports/codemirror/_codemirror.scss | 75 - _scss/imports/codemirror/_css.scss | 15 - _scss/imports/codemirror/_javascript.scss | 12 - _scss/imports/scss/_Base.scss | 231 --- _scss/imports/scss/_Components.scss | 33 - _scss/imports/scss/_MainWindow.scss | 338 ---- _scss/imports/scss/_MenuUI.scss | 75 - _scss/imports/scss/_PanelUI.scss | 1256 --------------- _scss/imports/scss/_ScrollBars.scss | 158 -- _scss/imports/scss/_Stage.scss | 194 --- _scss/imports/scss/_Tools.scss | 487 ------ _scss/imports/scss/_ToolsSample.scss | 14 - _scss/imports/scss/_UserContent.scss | 10 - _scss/imports/scss/_mixins.scss | 20 - _scss/imports/scss/_toolbar.scss | 290 ---- _scss/imports/themes/_test.scss | 55 - _scss/imports/themes/default/_colors.scss | 94 -- _scss/imports/themes/default/_fonts.scss | 7 - _scss/imports/themes/default/_mixins.scss | 37 - _scss/ninja.scss | 43 - 36 files changed, 6217 deletions(-) delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_Base.scssc delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_Components.scssc delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_MainWindow.scssc delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_MenuUI.scssc delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_PanelUI.scssc delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_ScrollBars.scssc delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_Stage.scssc delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_Tools.scssc delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_UserContent.scssc delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_mixins.scssc delete mode 100644 _scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_toolbar.scssc delete mode 100644 _scss/.sass-cache/97baea7acfdca1b9c2b38d8205ee9c08f4ce2eeb/ninja.scssc delete mode 100644 _scss/.sass-cache/b4d6d1ec9e05907b1ecca35fe36ff2a7343d4fd9/_colors.scssc delete mode 100644 _scss/.sass-cache/b4d6d1ec9e05907b1ecca35fe36ff2a7343d4fd9/_fonts.scssc delete mode 100644 _scss/.sass-cache/b4d6d1ec9e05907b1ecca35fe36ff2a7343d4fd9/_mixins.scssc delete mode 100755 _scss/config.rb delete mode 100644 _scss/imports/codemirror/_codemirror.scss delete mode 100644 _scss/imports/codemirror/_css.scss delete mode 100644 _scss/imports/codemirror/_javascript.scss delete mode 100644 _scss/imports/scss/_Base.scss delete mode 100644 _scss/imports/scss/_Components.scss delete mode 100644 _scss/imports/scss/_MainWindow.scss delete mode 100644 _scss/imports/scss/_MenuUI.scss delete mode 100644 _scss/imports/scss/_PanelUI.scss delete mode 100644 _scss/imports/scss/_ScrollBars.scss delete mode 100644 _scss/imports/scss/_Stage.scss delete mode 100644 _scss/imports/scss/_Tools.scss delete mode 100644 _scss/imports/scss/_ToolsSample.scss delete mode 100644 _scss/imports/scss/_UserContent.scss delete mode 100644 _scss/imports/scss/_mixins.scss delete mode 100644 _scss/imports/scss/_toolbar.scss delete mode 100644 _scss/imports/themes/_test.scss delete mode 100644 _scss/imports/themes/default/_colors.scss delete mode 100644 _scss/imports/themes/default/_fonts.scss delete mode 100644 _scss/imports/themes/default/_mixins.scss delete mode 100755 _scss/ninja.scss diff --git a/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_Base.scssc b/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_Base.scssc deleted file mode 100644 index 49f58b5a..00000000 Binary files a/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_Base.scssc and /dev/null differ diff --git a/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_Components.scssc b/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_Components.scssc deleted file mode 100644 index 38415553..00000000 Binary files a/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_Components.scssc and /dev/null differ diff --git a/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_MainWindow.scssc b/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_MainWindow.scssc deleted file mode 100644 index d9a82daa..00000000 --- a/_scss/.sass-cache/00e44b9921bd33f78c5d566e59665c128be109ba/_MainWindow.scssc +++ /dev/null @@ -1,437 +0,0 @@ -3.0.24 (Classy Cassidy) -962a1ab0ef1e7d35ecb9743bbd47fbbf3b79de41 -o:Sass::Tree::RootNode -: -@linei: @options{: -style: expanded:load_paths[ "./public/stylesheets/sass",/Users/rmwh84/Sites/Ninja/MainApp/_scss"o/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/blueprint/stylesheets"~/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/_blueprint_deprecated_imports/stylesheets"m/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/compass/stylesheets"|/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-0.10.6/frameworks/_compass_deprecated_imports/stylesheets"l/Applications/compass.app/Contents/Resources/ruby/gem/gems/compass-960-plugin-0.10.0/lib/../stylesheets"j/Applications/compass.app/Contents/Resources/ruby/gem/gems/html5-boilerplate-0.2.6/lib/../stylesheets: -cacheT:cache_location"8/Users/rmwh84/Sites/Ninja/MainApp/_scss/.sass-cache: syntax: scss:full_exceptionT:css_location"./public/stylesheets:always_updateF:always_checkT:line_commentsT:template_location[ [@@[@ "3/Users/rmwh84/Sites/Ninja/MainApp/_scss/../css[@ -"3/Users/rmwh84/Sites/Ninja/MainApp/_scss/../css[@ "3/Users/rmwh84/Sites/Ninja/MainApp/_scss/../css[@ "3/Users/rmwh84/Sites/Ninja/MainApp/_scss/../css[@ "3/Users/rmwh84/Sites/Ninja/MainApp/_scss/../css[@"3/Users/rmwh84/Sites/Ninja/MainApp/_scss/../css[@"3/Users/rmwh84/Sites/Ninja/MainApp/_scss/../css: filename"J/Users/rmwh84/Sites/Ninja/MainApp/_scss/imports/scss/_MainWindow.scss:property_syntax0:@template"1G/* - This file contains proprietary software owned by Motorola Mobility, Inc.
- No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
- (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. -
*/ - -/* - * MainWindow.scss - * Styles governing the main window and overall layout of the application. - * Note that colors and font definitions go in - * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss - */ - - body { - position: absolute; - margin: 0px; - width: 100%; - height:100%; - background-color:$color-app-bg; - overflow: hidden; - -webkit-user-select:none; - font-family: 'DroidSans'; -} - -#appContainer { - position: absolute; - margin: 0px; - display: -webkit-box; - -webkit-box-orient: vertical; - -webkit-box-align: stretch; - width: 100%; - height: 100%; - border-left: 16px solid #000; - border-right: 16px solid #000; - border-top: 28px solid #000; - -webkit-box-sizing: border-box; - max-width:100%; - max-height:100%; -} - -#appContainer > section { - display: -webkit-box; - -webkit-box-flex:0; -} - -#appContainer #appWorkspace { - -webkit-box-flex:1; - -webkit-box-align: stretch; -} - -#appWorkspace { - display: -webkit-box; - -webkit-box-orient: horizontal; - -webkit-box-pack: center; - -webkit-box-align: center; - -webkit-box-sizing: stretch; - position:relative; - padding:2px 0px; - border: 1px solid #333; - overflow: hidden; -} - -#topMenu { - background-color: #474747; - position:absolute; - height:28px; - width:100%; - top:0px; - left:0px; - z-index: 8999; -} - -#topPanelContainer, -#leftPanelContainer, -#rightPanelContainer, -#bottomPanelContainer { - background-color: #282828; -} -#topPanelContainer { - overflow: hidden; - margin-bottom:2px; - height:32px; -} - -#bottomPanelContainer { - /*border: 1px solid #333; - background: transparent; - */ - min-height:80px; - max-height:50%; - overflow:auto; - -} - -.panelContainer { - display:block; - -webkit-box-orient: vertical; - position:relative; -} - -#leftPanelContainer { - width:40px; - -webkit-box-align:stretch; - -webkit-box-sizing: border-box; - margin-left:2px; - -} -#rightPanelContainer { - width:253px; - min-width:253px; - max-width:45%; - -webkit-box-sizing: border-box; - right:0px; - margin-right:2px; - border-right:2px solid #282828; -} - -#mainContainer { - -webkit-box-flex:1; - margin: 0px 2px; - display: -webkit-box; - position:relative; -} - -.mainContainerContent { - position:absolute; - display: -webkit-box; - width:100%; - height:100%; - -webkit-box-orient: vertical; - -} - -.mainContainerContent > #mainContent { - -webkit-box-flex:1; - display: -webkit-box; - -webkit-box-orient: horizontal; - margin-top:0px; -} -.mainContainerContent > section { - margin-top: 2px; - -webkit-box-flex:0; -} -.mainContainerContent > section:first-child { - margin-top: 0px; -} - -#documentTabs { - background-color:#4d4d4d; -} - -.splitter { - height:16px; - width:100%; - opacity: 0.4; - background: no-repeat center center url(data:image/png;base64,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) #000; - cursor:pointer; -} - -.leftSplitter, .rightSplitter { - background-image:url('data:image/png;base64,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'); - width:16px; - height:100%; - z-index: 199; - position: absolute; - top:0px; - left:0px; -} -.rightSplitter { - right:0px; - left:auto; -} - -.bottomSplitter, .rightSplitter { - -webkit-transform: rotate(180deg); -} - -.splitter:hover:not(.disabled) { - opacity: 1; -} - - -#leftPanelContainer { - -webkit-box-orient: vertical; -} - -#leftPanelContainer .splitter { - -webkit-transform: rotate(270deg); - width:14px; - height:100%; -} - -.splitter.bottom { - -webkit-transform: rotate(180deg); -} - -#sceneBar { - height:70px; - background-color: #474747; -} - -#mainContainer #rulerTop { - /* TODO: temporary background please replace when component is implemented */ - background: url("../images/temp/ruler-top.png"); - height:15px; - margin-bottom: 0px; -} - -#rulerLeft { - /* TODO: temporary background please replace when component is implemented */ - background: url("../images/temp/ruler-left.png"); - width:16px; -} - -#stateBar { - height:20px; - background-color: #282828; - margin-bottom:0px; -} - -#stageContainer { - -webkit-box-flex:1; - position:relative; -} - -.timelineResizer { - background: #000 center center no-repeat url('data:image/gif;base64,R0lGODlhGQADAMQAAD49PXx8fGppaSYmJl9fXysrKykpKW5uboqJiUxMTGlpaV9eXjo6OoeHhyUkJD09PSoqKmpqaj8/P4qKiiQkJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdEMUI3NjM1QkQ1QTExRTBBMTJFQzE1RDk5REVFRkI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdEMUI3NjM2QkQ1QTExRTBBMTJFQzE1RDk5REVFRkI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0QxQjc2MzNCRDVBMTFFMEExMkVDMTVEOTlERUVGQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0QxQjc2MzRCRDVBMTFFMEExMkVDMTVEOTlERUVGQjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAGQADAAAFH6ABDVRpnujpQAXxKFIUz3JNzwKwMEcz/cCgMIgIJEIAOw=='); - width:100%; - height:6px; - cursor: row-resize; -} -.timelineResizer.collapsed { - height:0px !important; - margin:0px !important; - padding:0px !important; -} - -.rightPanelResizer { - background: #282828 center center no-repeat; //url('data:image/gif;base64,R0lGODlhAwAZALMAABsbGyAgIC0tLTAwMDs7O0xMTFZWVltbW2lpaXZ2dgAAAAAAAAAAAAAAAAAAAAAAACH5BAkAAAoAIf/8SUNDUkdCRzEwMTIAAAUwYXBwbAIgAABtbnRyUkdCIFhZWiAH2QACABkACwAaAAthY3NwQVBQTAAAAABhcHBsAAAAAAAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLWFwcGwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAtkc2NtAAABCAAAAvJkZXNjAAAD/AAAAG9nWFlaAAAEbAAAABR3dHB0AAAEgAAAABRyWFlaAAAElAAAABRiWFlaAAAEqAAAABRyVFJDAAAEvAAAAA5jcHJ0AAAEzAAAADhjaGFkAAAFBAAAACxn/1RSQwAABLwAAAAOYlRSQwAABLwAAAAObWx1YwAAAAAAAAARAAAADGVuVVMAAAAmAAACfmVzRVMAAAAmAAABgmRhREsAAAAuAAAB6mRlREUAAAAsAAABqGZpRkkAAAAoAAAA3GZyRlUAAAAoAAABKml0SVQAAAAoAAACVm5sTkwAAAAoAAACGG5iTk8AAAAmAAABBHB0QlIAAAAmAAABgnN2U0UAAAAmAAABBGphSlAAAAAaAAABUmtvS1IAAAAWAAACQHpoVFcAAAAWAAABbHpoQ04AAAAWAAAB1HJ1UlUAAAAiAAACpHBsUEwAAAAsAAACxgBZAGwAZQBpAG4AZf8AbgAgAFIARwBCAC0AcAByAG8AZgBpAGkAbABpAEcAZQBuAGUAcgBpAHMAawAgAFIARwBCAC0AcAByAG8AZgBpAGwAUAByAG8AZgBpAGwAIABHAOkAbgDpAHIAaQBxAHUAZQAgAFIAVgBCTgCCLAAgAFIARwBCACAw1zDtMNUwoTCkMOuQGnUoACAAUgBHAEIAIIJyX2ljz4/wAFAAZQByAGYAaQBsACAAUgBHAEIAIABHAGUAbgDpAHIAaQBjAG8AQQBsAGwAZwBlAG0AZQBpAG4AZQBzACAAUgBHAEIALQBQAHIAbwBmAGkAbGZukBoAIABSAEcAQgAgY8+P8GX/h072AEcAZQBuAGUAcgBlAGwAIABSAEcAQgAtAGIAZQBzAGsAcgBpAHYAZQBsAHMAZQBBAGwAZwBlAG0AZQBlAG4AIABSAEcAQgAtAHAAcgBvAGYAaQBlAGzHfLwYACAAUgBHAEIAINUEuFzTDMd8AFAAcgBvAGYAaQBsAG8AIABSAEcAQgAgAEcAZQBuAGUAcgBpAGMAbwBHAGUAbgBlAHIAaQBjACAAUgBHAEIAIABQAHIAbwBmAGkAbABlBB4EMQRJBDgEOQAgBD8EQAQ+BEQEOAQ7BEwAIABSAEcAQgBVAG4AaQB3AGUAcgBzAGEAbABuAHkAIABwAHIAbwBm/wBpAGwAIABSAEcAQgAAZGVzYwAAAAAAAAAUR2VuZXJpYyBSR0IgUHJvZmlsZQAAAAAAAAAAAAAAFEdlbmVyaWMgUkdCIFByb2ZpbGUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABadQAArHMAABc0WFlaIAAAAAAAAPNSAAEAAAABFs9YWVogAAAAAAAAdE0AAD3uAAAD0FhZWiAAAAAAAAAoGgAAFZ8AALg2Y3VydgAAAAAAAAABAc0AAHRleHQAAAAAQ29weXJpZ2h0IDIwMDcgQXBwbGUgSW5jLkMsIGFsbCByaWdodHMgcmVzZXJ2ZWQuAHNmMzIAAAAAAAEMQgAABd7///MmAAAHkgAA/ZH///ui///9owAAA9wAAMBsACwAAAAAAwAZAAAEGjAUAgQCJoGh8+4ah4XgN5qemJYqeQoHUAgRADs='); - width:4px; - cursor: col-resize; -} -.rightPanelResizer.collapsed { - width:0px; -} - -.resizeBar { -webkit-transition: all 0.15s linear; } - -/* Splitters Collapsed */ -.panelContainer, .panelContainer.collapsed { -webkit-transition: all 0.15s ease-in; } -.panel.disableTransition { -webkit-transition: none !important; -webkit-box-flex:0.1 !important; } -.disableTransition { -webkit-transition: none !important; -webkit-box-flex:0 !important; } - -#rightPanelContainer.collapsed, #leftPanelContainer.collapsed { width:0px !important; min-width:0px !important; overflow: hidden; border: 0px; margin: 0px; padding: 0px; } -#topPanelContainer.collapsed, #bottomPanelContainer.collapsed { height:0px !important; min-height:0px !important; overflow: hidden; border: 0px; margin: 0px; padding: 0px; } -.leftSplitter.collapsed { -webkit-transform:rotate(180deg); } -.rightSplitter.collapsed { -webkit-transform:rotate(0deg); } -.topSplitter.collapsed { -webkit-transform:rotate(180deg); } -.bottomSplitter.collapsed { -webkit-transform:rotate(0deg); } - -/* - - -.stageContentShadow { - -webkit-box-shadow: 3px 5px 4px $color-app-shadow; - -moz-box-shadow: 3px 5px 4px $color-app-shadow; - box-shadow: 3px 5px 4px $color-app-shadow; -} - -*/ -/* -.baseBox { - display:-webkit-box; - display:-moz-box; - display: box; -} - -/* Generic style to make any element unselectable */ -.unselectable { - -webkit-user-select: none; -} - -.verticalBox { - -webkit-box-orient: vertical; - -moz-box-orient: vertical; - box-orient: vertical; -} - -// TODO: REMOVE THIS -#rightPanelContent { - overflow-y:hidden; -} - -.contextMenu { - position:absolute; - z-index:999; -} - -#openDocumentsTabComponent { - height: 25px; - position: relative; - overflow: hidden; - color: white; -} - -#openDocuments { - float: left; - height: 25px; - width: 100%; - font-size: 12px; - list-style: none; - margin: 0; - padding: 0; - position: relative; - text-decoration: none; -} - -#openDocuments li { - border-right: 1px solid black; - cursor: pointer; - display: inline; - float: left; - padding: 0.5em 1em; - text-shadow: 1px 1px 1px #000000; - vertical-align: middle; -} - -#openDocuments li:hover, #openDocuments li:active, #openDocuments li.activeTab { - background-color: #7f7f7f; -} - -#documentBar { - height: 25px; - width: 1000px; - position: relative; - overflow: hidden; - color: white; -} -:@has_childrenT:@children[Ao:Sass::Tree::CommentNode : @silent0;@: @lines[: @value"&/* - This file contains proprietary software owned by Motorola Mobility, Inc.
- No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
- (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. -
*/;i;[o; ;0;@;[;"á/* - * MainWindow.scss - * Styles governing the main window and overall layout of the application. - * Note that colors and font definitions go in - * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss - */;i ;[o:Sass::Tree::RuleNode : -@tabsi;@: -@rule[" body;T;i;[ o:Sass::Tree::PropNode ;i: -@name[" position;@:@prop_syntax:new;o:Sass::Script::String: @context: default;" absolute: -@type:identifier;i;[o;! ;i;"[" margin;@;#;$;o;%;&;';"0px;(;);i;[o;! ;i;"[" -width;@;#;$;o;%;&;';" 100%;(;);i;[o;! ;i;"[" height;@;#;$;o;%;&;';" 100%;(;);i;[o;! ;i;"["background-color;@;#;$;o:Sass::Script::Variable ;&;';""color-app-bg;i;{;i;[o;! ;i;"[" overflow;@;#;$;o;%;&;';" hidden;(;);i;[o;! ;i;"["-webkit-user-select;@;#;$;o;%;&;';" none;(;);i;[o;! ;i;"["font-family;@;#;$;o;%;&;';"'DroidSans';(;);i;[o; ;i;@; ["#appContainer;T;i;[o;! ;i;"[" position;@;#;$;o;%;&;';" absolute;(;);i;[o;! ;i;"[" margin;@;#;$;o;%;&;';"0px;(;);i ;[o;! ;i;"[" display;@;#;$;o;%;&;';"-webkit-box;(;);i!;[o;! ;i;"["-webkit-box-orient;@;#;$;o;%;&;';" vertical;(;);i";[o;! ;i;"["-webkit-box-align;@;#;$;o;%;&;';" stretch;(;);i#;[o;! ;i;"[" -width;@;#;$;o;%;&;';" 100%;(;);i$;[o;! ;i;"[" height;@;#;$;o;%;&;';" 100%;(;);i%;[o;! ;i;"["border-left;@;#;$;o;%;&;';"16px solid #000;(;);i&;[o;! ;i;"["border-right;@;#;$;o;%;&;';"16px solid #000;(;);i';[o;! ;i;"["border-top;@;#;$;o;%;&;';"28px solid #000;(;);i(;[o;! ;i;"["-webkit-box-sizing;@;#;$;o;%;&;';"border-box;(;);i);[o;! ;i;"["max-width;@;#;$;o;%;&;';" 100%;(;);i*;[o;! ;i;"["max-height;@;#;$;o;%;&;';" 100%;(;);i+;[o; ;i;@; ["#appContainer > section;T;i.;[o;! ;i;"[" display;@;#;$;o;%;&;';"-webkit-box;(;);i/;[o;! ;i;"["-webkit-box-flex;@;#;$;o;%;&;';"0;(;);i0;[o; ;i;@; [" #appContainer #appWorkspace;T;i3;[o;! ;i;"["-webkit-box-flex;@;#;$;o;%;&;';"1;(;);i4;[o;! ;i;"["-webkit-box-align;@;#;$;o;%;&;';" stretch;(;);i5;[o; ;i;@; ["#appWorkspace;T;i8;[o;! ;i;"[" display;@;#;$;o;%;&;';"-webkit-box;(;);i9;[o;! ;i;"["-webkit-box-orient;@;#;$;o;%;&;';"horizontal;(;);i:;[o;! ;i;"["-webkit-box-pack;@;#;$;o;%;&;';" center;(;);i;;[o;! ;i;"["-webkit-box-align;@;#;$;o;%;&;';" center;(;);i<;[o;! ;i;"["-webkit-box-sizing;@;#;$;o;%;&;';" stretch;(;);i=;[o;! ;i;"[" position;@;#;$;o;%;&;';" relative;(;);i>;[o;! ;i;"[" padding;@;#;$;o;%;&;';" 2px 0px;(;);i?;[o;! ;i;"[" border;@;#;$;o;%;&;';"1px solid #333;(;);i@;[o;! ;i;"[" overflow;@;#;$;o;%;&;';" hidden;(;)