almost first draft of polymer target

src/diagrams/tutorials/polymer/unused/unused2.graffle

Index: src/diagrams/tutorials/polymer/unused/unused2.graffle
diff --git a/src/diagrams/tutorials/connect-dart-html/html-with-css.graffle b/src/diagrams/tutorials/polymer/unused/unused2.graffle
old mode 100755
new mode 100644
similarity index 70%
copy from src/diagrams/tutorials/connect-dart-html/html-with-css.graffle
copy to src/diagrams/tutorials/polymer/unused/unused2.graffle
index 5c2b15042635a7329369efa94f4f83c97cb96763..8d718e6a00d7edc2c97361806103fcecd44681bb
--- a/src/diagrams/tutorials/connect-dart-html/html-with-css.graffle
+++ b/src/diagrams/tutorials/polymer/unused/unused2.graffle
@@ -7,14 +7,14 @@
 	<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/>
 	<key>BackgroundGraphic</key>
 	<dict>
 		<key>Bounds</key>
-		<string>{{0, 0}, {576, 733}}</string>
+		<string>{{0, 0}, {1152, 733}}</string>
 		<key>Class</key>
 		<string>SolidGraphic</string>
 		<key>ID</key>
@@ -42,50 +42,37 @@
 	<key>ColumnSpacing</key>
 	<real>36</real>
 	<key>CreationDate</key>
-	<string>2012-10-18 18:50:46 +0000</string>
+	<string>2013-09-18 17:54:22 +0000</string>
 	<key>Creator</key>
 	<string>Mary Campione</string>
 	<key>DisplayScale</key>
-	<string>1 0/72 in = 1.0000 in</string>
+	<string>1 0/72 in = 1 0/72 in</string>
 	<key>GraphDocumentVersion</key>
 	<integer>8</integer>
 	<key>GraphicsList</key>
 	<array>
 		<dict>
 			<key>Bounds</key>
-			<string>{{27.5, 454}, {423, 22}}</string>
+			<string>{{226, 192}, {88, 13}}</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>63</integer>
+			<integer>34156</integer>
 			<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>0.604698</string>
+						<key>g</key>
+						<string>0.928911</string>
+						<key>r</key>
+						<string>1</string>
+					</dict>
 				</dict>
 				<key>shadow</key>
 				<dict>
@@ -98,51 +85,29 @@
 					<string>NO</string>
 				</dict>
 			</dict>
-			<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/connect-dart-html/images/html-with-css.png}</string>
-				<key>VerticalPad</key>
-				<integer>2</integer>
-			</dict>
-			<key>Wrap</key>
-			<string>NO</string>
 		</dict>
 		<dict>
 			<key>Bounds</key>
-			<string>{{27.5, 107}, {450, 206}}</string>
+			<string>{{59, 189.5}, {124, 18}}</string>
 			<key>Class</key>
 			<string>ShapedGraphic</string>
-			<key>FitText</key>
-			<string>YES</string>
-			<key>Flow</key>
-			<string>Resize</string>
-			<key>FontInfo</key>
-			<dict>
-				<key>Font</key>
-				<string>HelveticaNeue</string>
-				<key>Size</key>
-				<real>13</real>
-			</dict>
 			<key>ID</key>
-			<integer>4</integer>
+			<integer>34155</integer>
 			<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>0.604698</string>
+						<key>g</key>
+						<string>0.928911</string>
+						<key>r</key>
+						<string>1</string>
+					</dict>
 				</dict>
 				<key>shadow</key>
 				<dict>
@@ -151,79 +116,123 @@
 				</dict>
 				<key>stroke</key>
 				<dict>
-					<key>CornerRadius</key>
-					<real>7</real>
+					<key>Draws</key>
+					<string>NO</string>
 				</dict>
 			</dict>
 			<key>Text</key>
 			<dict>
 				<key>Align</key>
-				<integer>0</integer>
+				<integer>2</integer>
 				<key>Text</key>
-				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
-\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;\f1\fmodern\fcharset0 CourierNewPS-BoldMT;}
-{\colortbl;\red255\green255\blue255;\red1\green1\blue1;}
-\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
+				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
+\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
+{\colortbl;\red255\green255\blue255;}
+\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qr
 
-\f0\fs24 \cf2 &lt;!DOCTYPE html&gt;\
-\pard\pardeftab720
-\cf2 \
-&lt;html&gt;\
-  &lt;head&gt;\
-    &lt;title&gt;A Minimalist App&lt;/title&gt;\
-    
-\f1\b &lt;link rel="stylesheet" href="mini.css"&gt;
-\f0\b0 \
-  &lt;/head&gt;\
-  \
-  &lt;body&gt;\
-    &lt;p id="RipVanWinkle"&gt;&lt;/p&gt;\
-    &lt;script type="application/dart" src="mini.dart"&gt;&lt;/script&gt;\
-    &lt;script src="packages/browser/dart.js"&gt;&lt;/script&gt;\
-  &lt;/body&gt;\
-&lt;/html&gt;}</string>
+\f0\fs24 \cf0 Bound data}</string>
+			</dict>
+		</dict>
+		<dict>
+			<key>Class</key>
+			<string>LineGraphic</string>
+			<key>Head</key>
+			<dict>
+				<key>ID</key>
+				<integer>34156</integer>
+			</dict>
+			<key>ID</key>
+			<integer>34162</integer>
+			<key>Points</key>
+			<array>
+				<string>{183, 198.50001134689643}</string>
+				<string>{226, 198.50001134689643}</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>34155</integer>
 			</dict>
-			<key>Wrap</key>
-			<string>NO</string>
 		</dict>
 		<dict>
 			<key>Bounds</key>
-			<string>{{14, 87}, {85, 24}}</string>
+			<string>{{169, 75}, {507, 318}}</string>
 			<key>Class</key>
 			<string>ShapedGraphic</string>
 			<key>FitText</key>
-			<string>Vertical</string>
+			<string>YES</string>
 			<key>Flow</key>
 			<string>Resize</string>
 			<key>ID</key>
-			<integer>49</integer>
+			<integer>3</integer>
 			<key>Shape</key>
 			<string>Rectangle</string>
 			<key>Style</key>
 			<dict>
-				<key>shadow</key>
+				<key>fill</key>
 				<dict>
 					<key>Draws</key>
 					<string>NO</string>
 				</dict>
-				<key>stroke</key>
+				<key>shadow</key>
 				<dict>
 					<key>Draws</key>
 					<string>NO</string>
 				</dict>
+				<key>stroke</key>
+				<dict>
+					<key>CornerRadius</key>
+					<real>7</real>
+				</dict>
 			</dict>
 			<key>Text</key>
 			<dict>
-				<key>Pad</key>
+				<key>Align</key>
 				<integer>0</integer>
 				<key>Text</key>
-				<string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf340
-\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
+				<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\qc
+\deftab720
+\pard\pardeftab720
 
-\f0\i\b\fs24 \cf0 mini.html}</string>
+\f0\fs24 \cf0 &lt;polymer-element name="tute-stopwatch"&gt;\
+ \
+  &lt;template&gt;\
+    &lt;style&gt;\
+      ...\
+    &lt;/style&gt;\
+    &lt;div id="stopwatch_container"&gt;\
+      &lt;div&gt;\
+        \{\{counter\}\}\
+      &lt;/div&gt;\
+      &lt;div&gt;\
+        &lt;button on-click="startwatch" id="startbutton"&gt;Start&lt;/button&gt;\
+        &lt;button on-click="stopwatch"  id="stopbutton"&gt;Stop&lt;/button&gt;\
+        &lt;button on-click="resetwatch" id="resetbutton"&gt;Reset&lt;/button&gt;\
+      &lt;/div&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>
 	</array>
 	<key>GridInfo</key>
@@ -233,7 +242,7 @@
 	<key>GuidesVisible</key>
 	<string>YES</string>
 	<key>HPages</key>
-	<integer>1</integer>
+	<integer>2</integer>
 	<key>ImageCounter</key>
 	<integer>1</integer>
 	<key>KeepToScale</key>
@@ -273,7 +282,7 @@
 	<key>MasterSheets</key>
 	<array/>
 	<key>ModificationDate</key>
-	<string>2013-02-12 19:32:49 +0000</string>
+	<string>2013-09-18 17:55:48 +0000</string>
 	<key>Modifier</key>
 	<string>Mary Campione</string>
 	<key>NotesVisible</key>
@@ -354,7 +363,7 @@
 			</dict>
 		</array>
 		<key>Frame</key>
-		<string>{{342, 246}, {710, 872}}</string>
+		<string>{{522, 828}, {1207, 700}}</string>
 		<key>ListView</key>
 		<true/>
 		<key>OutlineWidth</key>
@@ -368,7 +377,7 @@
 		<key>SidebarWidth</key>
 		<integer>120</integer>
 		<key>VisibleRegion</key>
-		<string>{{0, 0}, {575, 733}}</string>
+		<string>{{0, 0}, {1058, 546}}</string>
 		<key>Zoom</key>
 		<real>1</real>
 		<key>ZoomValues</key>