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;(;)