1 files changed, 167 insertions, 0 deletions
diff --git a/js/panels/css-panel/style-shorthand.reel/style-shorthand.html b/js/panels/css-panel/style-shorthand.reel/style-shorthand.html
new file mode 100644
index 00000000..63aa64f8
--- /dev/null
+++ b/js/panels/css-panel/style-shorthand.reel/style-shorthand.html
@@ -0,0 +1,167 @@
+<!DOCTYPE html>
+<!-- <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> -->
+<html lang="en">
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <link href="style-shorthand.css" rel="stylesheet" type="text/css" />
+    <script type="text/montage-serialization">
+    {
+        "owner": {
+            "module" : "js/panels/css-panel/style-shorthand.reel",
+            "name" : "StyleShorthand",
+            "properties" : {
+                "element" : {"#" : "branch"},
+                "label" : { "@" : "textComponent" },
+                "branchList": {"#" : "branchList"},
+                "styleListDisclosure": {"#": "style-list-disclosure"},
+                "arrayController": {"@": "arrayController" },
+                "repetition": {"@": "repetition"},
+                "leafComponent": {"@": "leaf"},
+                "branchComponent": {"@": "branch"},
+                "branchCollapser": {"#": "collapser"}
+            }
+        },
+        "property": {
+            "module": "montage/ui/dynamic-text.reel",
+            "name": "DynamicText",
+            "properties": {
+                "element": {"#": "property"}
+            },
+            "bindings": {
+                "value" : {
+                    "boundObject": {"@": "owner"},
+                    "boundObjectPropertyPath": "propertyText",
+                    "oneway": true
+                }
+            }
+        },
+        "value": {
+            "module": "montage/ui/dynamic-text.reel",
+            "name": "DynamicText",
+            "properties": {
+                "element": {"#": "value"}
+            },
+            "bindings": {
+                "value" : {
+                    "boundObject": {"@": "owner"},
+                    "boundObjectPropertyPath": "valueText",
+                    "oneway": true
+                }
+            }
+        },
+        "arrayController": {
+            "module": "montage/ui/controller/array-controller",
+            "name": "ArrayController",
+            "bindings": {
+                "content": {
+                    "boundObject": {"@": "owner"},
+                    "boundObjectPropertyPath": "childNodes"
+                }
+            }
+        },
+        "style": {
+            "module": "js/panels/css-panel/style.reel",
+            "name": "Style",
+            "bindings": {
+                "sourceObject": {
+                    "boundObject": {"@": "repetition" },
+                    "boundObjectPropertyPath": "objectAtCurrentIteration",
+                    "oneway": true
+                },
+                "labelKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "labelKey",
+                    "oneway": true
+                },
+                "branchKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "branchKey",
+                    "oneway": true
+                },
+                "treeView" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "treeView",
+                    "oneway": true
+                }
+            }
+        },
+        "shorthand": {
+            "module": "js/panels/css-panel/style-shorthand.reel",
+            "name": "StyleShorthand",
+            "bindings": {
+                "sourceObject": {
+                    "boundObject": {"@": "repetition" },
+                    "boundObjectPropertyPath": "objectAtCurrentIteration",
+                    "oneway": true
+                },
+                "labelKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "labelKey",
+                    "oneway": true
+                },
+                "branchKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "branchKey",
+                    "oneway": true
+                },
+                "treeView" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "treeView",
+                    "oneway": true
+                }
+            }
+        },
+        "repetition": {
+            "module": "montage/ui/repetition.reel",
+            "name": "Repetition",
+            "properties": {
+                "element": { "#": "branchList" },
+                "contentController": {"@": "arrayController" },
+                "selectionEnabled": true
+            }
+        },
+        "substitution": {
+            "module": "montage/ui/substitution.reel",
+            "name": "Substitution",
+            "properties": {
+                "element": {"#": "treeItem"},
+                "switchComponents": {
+                    "leaf": {"@": "style"},
+                    "branch": {"@": "shorthand"}
+                }
+            },
+            "bindings": {
+                "switchValue": {
+                    "boundObject": {"@": "repetition"},
+                    "boundObjectPropertyPath": "objectAtCurrentIteration.treeNodeType",
+                    "oneway": true
+                }
+            }
+        }
+    }
+    </script>
+</head>
+<body>
+    <div id="branch" class="style-shorthand-branch">
+        <div class="style-item" id="collapser">
+            <dt id="property" class="css-property"></dt>
+            <dd id="value" class="css-value"></dd>
+        </div>
+        <dl id="branchList" class="css-tree-branch">
+            <div id="treeItem"></div>
+        </dl>
+    </div>
+</body>
+</html>
+\ No newline at end of file

diff --git a/js/panels/css-panel/style-shorthand.reel/style-shorthand.html b/js/panels/css-panel/style-shorthand.reel/style-shorthand.html new file mode 100644 index 00000000..63aa64f8 --- /dev/null +++ b/js/panels/css-panel/style-shorthand.reel/style-shorthand.html
@@ -0,0 +1,167 @@
	1	<!DOCTYPE html>
	2	<!-- <copyright>
	3	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	4	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	5	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	6	</copyright> -->
	7	<html lang="en">
	8	<head>
	9	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	10	<link href="style-shorthand.css" rel="stylesheet" type="text/css" />
	11	<script type="text/montage-serialization">
	12	{
	13	"owner": {
	14	"module" : "js/panels/css-panel/style-shorthand.reel",
	15	"name" : "StyleShorthand",
	16	"properties" : {
	17	"element" : {"#" : "branch"},
	18	"label" : { "@" : "textComponent" },
	19	"branchList": {"#" : "branchList"},
	20	"styleListDisclosure": {"#": "style-list-disclosure"},
	21	"arrayController": {"@": "arrayController" },
	22	"repetition": {"@": "repetition"},
	23	"leafComponent": {"@": "leaf"},
	24	"branchComponent": {"@": "branch"},
	25	"branchCollapser": {"#": "collapser"}
	26
	27	}
	28	},
	29
	30	"property": {
	31	"module": "montage/ui/dynamic-text.reel",
	32	"name": "DynamicText",
	33	"properties": {
	34	"element": {"#": "property"}
	35	},
	36	"bindings": {
	37	"value" : {
	38	"boundObject": {"@": "owner"},
	39	"boundObjectPropertyPath": "propertyText",
	40	"oneway": true
	41	}
	42	}
	43	},
	44	"value": {
	45	"module": "montage/ui/dynamic-text.reel",
	46	"name": "DynamicText",
	47	"properties": {
	48	"element": {"#": "value"}
	49	},
	50	"bindings": {
	51	"value" : {
	52	"boundObject": {"@": "owner"},
	53	"boundObjectPropertyPath": "valueText",
	54	"oneway": true
	55	}
	56	}
	57	},
	58
	59	"arrayController": {
	60	"module": "montage/ui/controller/array-controller",
	61	"name": "ArrayController",
	62	"bindings": {
	63	"content": {
	64	"boundObject": {"@": "owner"},
	65	"boundObjectPropertyPath": "childNodes"
	66	}
	67	}
	68	},
	69
	70	"style": {
	71	"module": "js/panels/css-panel/style.reel",
	72	"name": "Style",
	73	"bindings": {
	74	"sourceObject": {
	75	"boundObject": {"@": "repetition" },
	76	"boundObjectPropertyPath": "objectAtCurrentIteration",
	77	"oneway": true
	78	},
	79	"labelKey" : {
	80	"boundObject": {"@": "owner" },
	81	"boundObjectPropertyPath": "labelKey",
	82	"oneway": true
	83	},
	84	"branchKey" : {
	85	"boundObject": {"@": "owner" },
	86	"boundObjectPropertyPath": "branchKey",
	87	"oneway": true
	88	},
	89	"treeView" : {
	90	"boundObject": {"@": "owner" },
	91	"boundObjectPropertyPath": "treeView",
	92	"oneway": true
	93	}
	94	}
	95	},
	96
	97	"shorthand": {
	98	"module": "js/panels/css-panel/style-shorthand.reel",
	99	"name": "StyleShorthand",
	100	"bindings": {
	101	"sourceObject": {
	102	"boundObject": {"@": "repetition" },
	103	"boundObjectPropertyPath": "objectAtCurrentIteration",
	104	"oneway": true
	105	},
	106	"labelKey" : {
	107	"boundObject": {"@": "owner" },
	108	"boundObjectPropertyPath": "labelKey",
	109	"oneway": true
	110	},
	111	"branchKey" : {
	112	"boundObject": {"@": "owner" },
	113	"boundObjectPropertyPath": "branchKey",
	114	"oneway": true
	115	},
	116	"treeView" : {
	117	"boundObject": {"@": "owner" },
	118	"boundObjectPropertyPath": "treeView",
	119	"oneway": true
	120	}
	121	}
	122	},
	123
	124	"repetition": {
	125	"module": "montage/ui/repetition.reel",
	126	"name": "Repetition",
	127	"properties": {
	128	"element": { "#": "branchList" },
	129	"contentController": {"@": "arrayController" },
	130	"selectionEnabled": true
	131	}
	132	},
	133
	134	"substitution": {
	135	"module": "montage/ui/substitution.reel",
	136	"name": "Substitution",
	137	"properties": {
	138	"element": {"#": "treeItem"},
	139	"switchComponents": {
	140	"leaf": {"@": "style"},
	141	"branch": {"@": "shorthand"}
	142
	143	}
	144	},
	145	"bindings": {
	146	"switchValue": {
	147	"boundObject": {"@": "repetition"},
	148	"boundObjectPropertyPath": "objectAtCurrentIteration.treeNodeType",
	149	"oneway": true
	150	}
	151	}
	152	}
	153	}
	154	</script>
	155	</head>
	156	<body>
	157	<div id="branch" class="style-shorthand-branch">
	158	<div class="style-item" id="collapser">
	159	<dt id="property" class="css-property"></dt>
	160	<dd id="value" class="css-value"></dd>
	161	</div>
	162	<dl id="branchList" class="css-tree-branch">
	163	<div id="treeItem"></div>
	164	</dl>
	165	</div>
	166	</body>
	167	</html> \ No newline at end of file