almost first draft of polymer target

src/diagrams/tutorials/polymer/css-styling.graffle/data.plist

Index: src/diagrams/tutorials/polymer/css-styling.graffle/data.plist
diff --git a/src/diagrams/tutorials/packages/packages/after-add.graffle/data.plist b/src/diagrams/tutorials/polymer/css-styling.graffle/data.plist
similarity index 75%
copy from src/diagrams/tutorials/packages/packages/after-add.graffle/data.plist
copy to src/diagrams/tutorials/polymer/css-styling.graffle/data.plist
index f80296014196cebe6501344d4822103673b68ce0..c78c3da259b39e959dcabebe6b68fb8b48484196 100644
--- a/src/diagrams/tutorials/packages/packages/after-add.graffle/data.plist
+++ b/src/diagrams/tutorials/polymer/css-styling.graffle/data.plist
@@ -7,7 +7,7 @@
 	<key>ApplicationVersion</key>
 	<array>
 		<string>com.omnigroup.OmniGrafflePro</string>
-		<string>139.16.0.171715</string>
+		<string>139.18.0.187838</string>
 	</array>
 	<key>AutoAdjust</key>
 	<true/>
@@ -42,7 +42,7 @@
 	<key>ColumnSpacing</key>
 	<real>36</real>
 	<key>CreationDate</key>
-	<string>2013-02-13 19:37:12 +0000</string>
+	<string>2013-09-19 21:09:08 +0000</string>
 	<key>Creator</key>
 	<string>Mary Campione</string>
 	<key>DisplayScale</key>
@@ -52,41 +52,74 @@
 	<key>GraphicsList</key>
 	<array>
 		<dict>
+			<key>Bounds</key>
+			<string>{{34.5, 377.5}, {221, 22}}</string>
 			<key>Class</key>
-			<string>LineGraphic</string>
-			<key>Head</key>
+			<string>ShapedGraphic</string>
+			<key>FitText</key>
+			<string>YES</string>
+			<key>Flow</key>
+			<string>Resize</string>
+			<key>FontInfo</key>
 			<dict>
-				<key>ID</key>
-				<integer>34155</integer>
+				<key>Color</key>
+				<dict>
+					<key>b</key>
+					<string>0</string>
+					<key>g</key>
+					<string>0</string>
+					<key>r</key>
+					<string>0.501961</string>
+				</dict>
+				<key>Font</key>
+				<string>HelveticaNeue-BoldItalic</string>
+				<key>Size</key>
+				<real>14</real>
 			</dict>
 			<key>ID</key>
-			<integer>34158</integer>
-			<key>Points</key>
-			<array>
-				<string>{196, 255.39997704704834}</string>
-				<string>{511, 221.3909995217426}</string>
-			</array>
+			<integer>64</integer>
+			<key>Shape</key>
+			<string>Rectangle</string>
 			<key>Style</key>
 			<dict>
+				<key>fill</key>
+				<dict>
+					<key>Draws</key>
+					<string>NO</string>
+				</dict>
+				<key>shadow</key>
+				<dict>
+					<key>Draws</key>
+					<string>NO</string>
+				</dict>
 				<key>stroke</key>
 				<dict>
-					<key>HeadArrow</key>
-					<string>FilledArrow</string>
-					<key>Legacy</key>
-					<true/>
-					<key>TailArrow</key>
-					<string>0</string>
+					<key>Draws</key>
+					<string>NO</string>
 				</dict>
 			</dict>
-			<key>Tail</key>
+			<key>Text</key>
 			<dict>
-				<key>ID</key>
-				<integer>34157</integer>
+				<key>Align</key>
+				<integer>0</integer>
+				<key>Pad</key>
+				<integer>2</integer>
+				<key>Text</key>
+				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
+{\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
+
+\f0\i\b\fs28 \cf2 Uses stopwatch-screenshot.png}</string>
+				<key>VerticalPad</key>
+				<integer>2</integer>
 			</dict>
+			<key>Wrap</key>
+			<string>NO</string>
 		</dict>
 		<dict>
 			<key>Bounds</key>
-			<string>{{83, 252}, {113, 19}}</string>
+			<string>{{34.5, 355.5}, {334, 22}}</string>
 			<key>Class</key>
 			<string>ShapedGraphic</string>
 			<key>FitText</key>
@@ -95,28 +128,30 @@
 			<string>Resize</string>
 			<key>FontInfo</key>
 			<dict>
+				<key>Color</key>
+				<dict>
+					<key>b</key>
+					<string>0</string>
+					<key>g</key>
+					<string>0</string>
+					<key>r</key>
+					<string>0.501961</string>
+				</dict>
 				<key>Font</key>
-				<string>HelveticaNeue</string>
+				<string>HelveticaNeue-BoldItalic</string>
 				<key>Size</key>
-				<real>12</real>
+				<real>14</real>
 			</dict>
 			<key>ID</key>
-			<integer>34157</integer>
+			<integer>63</integer>
 			<key>Shape</key>
 			<string>Rectangle</string>
 			<key>Style</key>
 			<dict>
 				<key>fill</key>
 				<dict>
-					<key>Color</key>
-					<dict>
-						<key>b</key>
-						<string>0.909179</string>
-						<key>g</key>
-						<string>0.755853</string>
-						<key>r</key>
-						<string>1</string>
-					</dict>
+					<key>Draws</key>
+					<string>NO</string>
 				</dict>
 				<key>shadow</key>
 				<dict>
@@ -136,12 +171,12 @@
 				<key>Pad</key>
 				<integer>2</integer>
 				<key>Text</key>
-				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
+				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
-{\colortbl;\red255\green255\blue255;}
+{\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
-\f0\fs24 \cf0 version dependency}</string>
+\f0\i\b\fs28 \cf2 Save to $tutorial/polymer/images/css-styling.png}</string>
 				<key>VerticalPad</key>
 				<integer>2</integer>
 			</dict>
@@ -149,63 +184,22 @@
 			<string>NO</string>
 		</dict>
 		<dict>
-			<key>Class</key>
-			<string>LineGraphic</string>
-			<key>ID</key>
-			<integer>34156</integer>
-			<key>Points</key>
-			<array>
-				<string>{196, 219}</string>
-				<string>{231, 219}</string>
-			</array>
-			<key>Style</key>
-			<dict>
-				<key>stroke</key>
-				<dict>
-					<key>HeadArrow</key>
-					<string>FilledArrow</string>
-					<key>Legacy</key>
-					<true/>
-					<key>TailArrow</key>
-					<string>0</string>
-				</dict>
-			</dict>
-			<key>Tail</key>
-			<dict>
-				<key>ID</key>
-				<integer>107</integer>
-			</dict>
-		</dict>
-		<dict>
 			<key>Bounds</key>
-			<string>{{511, 201}, {227, 25}}</string>
+			<string>{{422, 139}, {182, 84}}</string>
 			<key>Class</key>
 			<string>ShapedGraphic</string>
 			<key>ID</key>
-			<integer>34155</integer>
-			<key>Magnets</key>
-			<array>
-				<string>{0.38387096774193563, -0.25}</string>
-				<string>{-0.39130434782608692, -0.25}</string>
-				<string>{-0.10550458715596278, -0.071428571428572063}</string>
-			</array>
+			<integer>34182</integer>
+			<key>ImageID</key>
+			<integer>1</integer>
 			<key>Shape</key>
 			<string>Rectangle</string>
 			<key>Style</key>
 			<dict>
 				<key>fill</key>
 				<dict>
-					<key>Color</key>
-					<dict>
-						<key>a</key>
-						<string>0.5</string>
-						<key>b</key>
-						<string>0.909179</string>
-						<key>g</key>
-						<string>0.755853</string>
-						<key>r</key>
-						<string>1</string>
-					</dict>
+					<key>Draws</key>
+					<string>NO</string>
 				</dict>
 				<key>shadow</key>
 				<dict>
@@ -221,33 +215,23 @@
 		</dict>
 		<dict>
 			<key>Bounds</key>
-			<string>{{14, 211}, {182, 16}}</string>
+			<string>{{34.5, 29}, {443, 304}}</string>
 			<key>Class</key>
 			<string>ShapedGraphic</string>
-			<key>FontInfo</key>
-			<dict>
-				<key>Font</key>
-				<string>HelveticaNeue</string>
-				<key>Size</key>
-				<real>12</real>
-			</dict>
+			<key>FitText</key>
+			<string>YES</string>
+			<key>Flow</key>
+			<string>Resize</string>
 			<key>ID</key>
-			<integer>107</integer>
+			<integer>3</integer>
 			<key>Shape</key>
 			<string>Rectangle</string>
 			<key>Style</key>
 			<dict>
 				<key>fill</key>
 				<dict>
-					<key>Color</key>
-					<dict>
-						<key>b</key>
-						<string>0.604698</string>
-						<key>g</key>
-						<string>0.928911</string>
-						<key>r</key>
-						<string>1</string>
-					</dict>
+					<key>Draws</key>
+					<string>NO</string>
 				</dict>
 				<key>shadow</key>
 				<dict>
@@ -256,28 +240,115 @@
 				</dict>
 				<key>stroke</key>
 				<dict>
-					<key>Draws</key>
-					<string>NO</string>
+					<key>CornerRadius</key>
+					<real>7</real>
 				</dict>
 			</dict>
 			<key>Text</key>
 			<dict>
 				<key>Align</key>
-				<integer>2</integer>
-				<key>Pad</key>
-				<integer>2</integer>
+				<integer>0</integer>
 				<key>Text</key>
-				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
-\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
+				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
 {\colortbl;\red255\green255\blue255;}
-\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qr
+\deftab720
+\pard\pardeftab720
 
-\f0\fs24 \cf0 application requires vector_math}</string>
+\f0\fs24 \cf0 &lt;polymer-element name="tute-stopwatch"&gt;\
+ \
+  &lt;template&gt;\
+    &lt;style&gt;\
+      #stopwatch_container \{\
+        background-color: LemonChiffon;\
+        text-align: center;\
+        display: inline-block;\
+        border: solid 1px;\
+        padding: 10px 10px 10px 10px;\
+      \}\
+    &lt;/style&gt;\
+    &lt;div id="stopwatch_container"&gt;\
+      ...\
+    &lt;/div&gt;\
+  &lt;/template&gt;\
+\
+  &lt;script type="application/dart" src="tute_stopwatch.dart"&gt;\
+  &lt;/script&gt;\
+\
+&lt;/polymer-element&gt;}</string>
+			</dict>
+			<key>Wrap</key>
+			<string>NO</string>
+		</dict>
+		<dict>
+			<key>Class</key>
+			<string>LineGraphic</string>
+			<key>Head</key>
+			<dict>
+				<key>ID</key>
+				<integer>34182</integer>
+			</dict>
+			<key>ID</key>
+			<integer>34185</integer>
+			<key>Points</key>
+			<array>
+				<string>{276, 209.16803140143205}</string>
+				<string>{422, 191.81554348844307}</string>
+			</array>
+			<key>Style</key>
+			<dict>
+				<key>stroke</key>
+				<dict>
+					<key>HeadArrow</key>
+					<string>FilledArrow</string>
+					<key>Legacy</key>
+					<true/>
+					<key>TailArrow</key>
+					<string>0</string>
+				</dict>
+			</dict>
+			<key>Tail</key>
+			<dict>
+				<key>ID</key>
+				<integer>34181</integer>
+			</dict>
+		</dict>
+		<dict>
+			<key>Class</key>
+			<string>LineGraphic</string>
+			<key>Head</key>
+			<dict>
+				<key>ID</key>
+				<integer>34182</integer>
+			</dict>
+			<key>ID</key>
+			<integer>34184</integer>
+			<key>Points</key>
+			<array>
+				<string>{357, 141.04662445737716}</string>
+				<string>{422, 157.67544817356671}</string>
+			</array>
+			<key>Style</key>
+			<dict>
+				<key>stroke</key>
+				<dict>
+					<key>HeadArrow</key>
+					<string>FilledArrow</string>
+					<key>Legacy</key>
+					<true/>
+					<key>TailArrow</key>
+					<string>0</string>
+				</dict>
+			</dict>
+			<key>Tail</key>
+			<dict>
+				<key>ID</key>
+				<integer>34183</integer>
 			</dict>
 		</dict>
 		<dict>
 			<key>Bounds</key>
-			<string>{{66, 61}, {212, 22}}</string>
+			<string>{{325, 77}, {32, 112}}</string>
 			<key>Class</key>
 			<string>ShapedGraphic</string>
 			<key>FitText</key>
@@ -286,22 +357,17 @@
 			<string>Resize</string>
 			<key>FontInfo</key>
 			<dict>
-				<key>Color</key>
-				<dict>
-					<key>b</key>
-					<string>0</string>
-					<key>g</key>
-					<string>0</string>
-					<key>r</key>
-					<string>0.501961</string>
-				</dict>
 				<key>Font</key>
-				<string>HelveticaNeue-BoldItalic</string>
+				<string>HelveticaNeue-UltraLight</string>
 				<key>Size</key>
-				<real>14</real>
+				<real>96</real>
 			</dict>
 			<key>ID</key>
-			<integer>67</integer>
+			<integer>34183</integer>
+			<key>Magnets</key>
+			<array>
+				<string>{0.25, 0.053571428571428603}</string>
+			</array>
 			<key>Shape</key>
 			<string>Rectangle</string>
 			<key>Style</key>
@@ -324,58 +390,48 @@
 			</dict>
 			<key>Text</key>
 			<dict>
-				<key>Align</key>
-				<integer>0</integer>
 				<key>Pad</key>
-				<integer>2</integer>
+				<integer>0</integer>
 				<key>Text</key>
-				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
-\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
-{\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
-\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
+				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-UltraLight;}
+{\colortbl;\red255\green255\blue255;}
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
 
-\f0\i\b\fs28 \cf2 Uses after-add-screenshot.png}</string>
+\f0\fs192 \cf0 \}}</string>
 				<key>VerticalPad</key>
-				<integer>2</integer>
+				<integer>0</integer>
 			</dict>
 			<key>Wrap</key>
 			<string>NO</string>
 		</dict>
 		<dict>
 			<key>Bounds</key>
-			<string>{{66, 78}, {334, 22}}</string>
+			<string>{{104, 201}, {172, 15}}</string>
 			<key>Class</key>
 			<string>ShapedGraphic</string>
-			<key>FitText</key>
-			<string>YES</string>
-			<key>Flow</key>
-			<string>Resize</string>
-			<key>FontInfo</key>
-			<dict>
-				<key>Color</key>
-				<dict>
-					<key>b</key>
-					<string>0</string>
-					<key>g</key>
-					<string>0</string>
-					<key>r</key>
-					<string>0.501961</string>
-				</dict>
-				<key>Font</key>
-				<string>HelveticaNeue-BoldItalic</string>
-				<key>Size</key>
-				<real>14</real>
-			</dict>
 			<key>ID</key>
-			<integer>66</integer>
+			<integer>34181</integer>
+			<key>Magnets</key>
+			<array>
+				<string>{-0.40821256038647347, 0}</string>
+				<string>{0.45930232558139528, 0.099999999999999645}</string>
+			</array>
 			<key>Shape</key>
 			<string>Rectangle</string>
 			<key>Style</key>
 			<dict>
 				<key>fill</key>
 				<dict>
-					<key>Draws</key>
-					<string>NO</string>
+					<key>Color</key>
+					<dict>
+						<key>b</key>
+						<string>1</string>
+						<key>g</key>
+						<string>0.860429</string>
+						<key>r</key>
+						<string>0.745947</string>
+					</dict>
 				</dict>
 				<key>shadow</key>
 				<dict>
@@ -391,39 +447,35 @@
 			<key>Text</key>
 			<dict>
 				<key>Align</key>
-				<integer>0</integer>
-				<key>Pad</key>
-				<integer>2</integer>
-				<key>Text</key>
-				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
-\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
-{\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
-\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
-
-\f0\i\b\fs28 \cf2 Save to $tutorial/packages/images/after-add.png}</string>
-				<key>VerticalPad</key>
 				<integer>2</integer>
 			</dict>
-			<key>Wrap</key>
-			<string>NO</string>
 		</dict>
 		<dict>
 			<key>Bounds</key>
-			<string>{{214, 137}, {525, 146}}</string>
+			<string>{{83, 90}, {242, 96}}</string>
 			<key>Class</key>
 			<string>ShapedGraphic</string>
 			<key>ID</key>
-			<integer>3</integer>
-			<key>ImageID</key>
-			<integer>1</integer>
+			<integer>34180</integer>
+			<key>Magnets</key>
+			<array>
+				<string>{-0.40821256038647347, 0}</string>
+			</array>
 			<key>Shape</key>
 			<string>Rectangle</string>
 			<key>Style</key>
 			<dict>
 				<key>fill</key>
 				<dict>
-					<key>Draws</key>
-					<string>NO</string>
+					<key>Color</key>
+					<dict>
+						<key>b</key>
+						<string>1</string>
+						<key>g</key>
+						<string>0.860429</string>
+						<key>r</key>
+						<string>0.745947</string>
+					</dict>
 				</dict>
 				<key>shadow</key>
 				<dict>
@@ -436,6 +488,11 @@
 					<string>NO</string>
 				</dict>
 			</dict>
+			<key>Text</key>
+			<dict>
+				<key>Align</key>
+				<integer>2</integer>
+			</dict>
 		</dict>
 	</array>
 	<key>GridInfo</key>
@@ -493,7 +550,7 @@
 	<key>MasterSheets</key>
 	<array/>
 	<key>ModificationDate</key>
-	<string>2013-02-13 19:47:31 +0000</string>
+	<string>2013-09-19 21:44:38 +0000</string>
 	<key>Modifier</key>
 	<string>Mary Campione</string>
 	<key>NotesVisible</key>
@@ -574,7 +631,7 @@
 			</dict>
 		</array>
 		<key>Frame</key>
-		<string>{{168, 150}, {1041, 868}}</string>
+		<string>{{412, 168}, {1153, 1143}}</string>
 		<key>ListView</key>
 		<true/>
 		<key>OutlineWidth</key>
@@ -588,7 +645,7 @@
 		<key>SidebarWidth</key>
 		<integer>120</integer>
 		<key>VisibleRegion</key>
-		<string>{{0, 0}, {892, 714}}</string>
+		<string>{{0, -128}, {1018, 989}}</string>
 		<key>Zoom</key>
 		<real>1</real>
 		<key>ZoomValues</key>