first draft of polymer element tutorial

src/diagrams/tutorials/polymer-intro/sample-pubspec.graffle

 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
         <key>ActiveLayerIndex</key>
         <integer>0</integer>
         <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>
                 <key>Class</key>
                 <string>SolidGraphic</string>
                 <key>ID</key>
@@ skipping 14 matching lines @@
         </dict>
         <key>BaseZoom</key>
         <integer>0</integer>
         <key>CanvasOrigin</key>
         <string>{0, 0}</string>
         <key>ColumnAlign</key>
         <integer>1</integer>
         <key>ColumnSpacing</key>
         <real>36</real>
         <key>CreationDate</key>
-        <string>2012-12-11 17:25:22 +0000</string>
+        <string>2013-09-06 18:56:06 +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>{{213, 96}, {206, 88}}</string>
+                        <string>{{254, 80}, {206, 88}}</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>CourierNewPS-BoldMT</string>
@@ skipping 22 matching lines @@
                                         <real>6</real>
                                 </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
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
 {\colortbl;\red255\green255\blue255;}
 \deftab720
 \pard\pardeftab720
 
 \f0\fs24 \cf0 name:  littleben\
 description:  A lesser clock\
 \
 dependencies:\
   browser: any\
-\pard\pardeftab720
-\cf0   web_ui: any}</string>
+  polymer: any}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{209, 76}, {91, 20}}</string>
+                        <string>{{250, 60}, {91, 20}}</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-Bold</string>
@@ skipping 22 matching lines @@
                                         <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
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
 \f0\b\fs26 \cf0 pubspec.yaml}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{49, 49}, {365, 22}}</string>
+                        <string>{{12, 17}, {373, 22}}</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>
@@ skipping 31 matching lines @@
                                         <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
+                                <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 Save to $tutorial/web-ui/images/sample-pubspec.png}</string>
+\f0\i\b\fs28 \cf2 Save to $tutorial/polymer/images/sample-pubspec.png}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Class</key>
                         <string>LineGraphic</string>
                         <key>Head</key>
                         <dict>
                                 <key>ID</key>
                                 <integer>34141</integer>
                         </dict>
                         <key>ID</key>
                         <integer>34143</integer>
                         <key>Points</key>
                         <array>
-                                <string>{177, 158.5}</string>
-                                <string>{228, 172.40909090909088}</string>
+                                <string>{223, 142.5185676392573}</string>
+                                <string>{267, 154.18965517241378}</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>34142</integer>
                         </dict>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{12, 144.5}, {165, 20}}</string>
+                        <string>{{53, 128.5}, {170, 20}}</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>
@@ skipping 33 matching lines @@
                                         <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
+                                <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\cocoasubrtf390
 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}
 {\colortbl;\red255\green255\blue255;}
 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
 
-\f0\fs26 \cf0 requires the web_ui package}</string>
+\f0\fs26 \cf0 requires the polymer package}</string>
                                 <key>VerticalPad</key>
                                 <integer>2</integer>
                         </dict>
                         <key>Wrap</key>
                         <string>NO</string>
                 </dict>
                 <dict>
                         <key>Bounds</key>
-                        <string>{{228, 169}, {84, 15}}</string>
+                        <string>{{267, 151}, {91, 15}}</string>
                         <key>Class</key>
                         <string>ShapedGraphic</string>
                         <key>ID</key>
                         <integer>34141</integer>
                         <key>Magnets</key>
                         <array>
                                 <string>{-0.32142857142857162, -1.7763568394002505e-15}</string>
                         </array>
                         <key>Shape</key>
                         <string>Rectangle</string>
@@ skipping 64 matching lines @@
                 <key>twopiSeparation</key>
                 <real>0.0</real>
         </dict>
         <key>LinksVisible</key>
         <string>NO</string>
         <key>MagnetsVisible</key>
         <string>NO</string>
         <key>MasterSheets</key>
         <array/>
         <key>ModificationDate</key>
-        <string>2013-02-14 21:11:46 +0000</string>
+        <string>2013-09-06 18:57:08 +0000</string>
         <key>Modifier</key>
         <string>Mary Campione</string>
         <key>NotesVisible</key>
         <string>NO</string>
         <key>Orientation</key>
         <integer>2</integer>
         <key>OriginVisible</key>
         <string>NO</string>
         <key>PageBreaks</key>
         <string>YES</string>
@@ skipping 60 matching lines @@
                 <key>CurrentSheet</key>
                 <integer>0</integer>
                 <key>ExpandedCanvases</key>
                 <array>
                         <dict>
                                 <key>name</key>
                                 <string>Canvas 1</string>
                         </dict>
                 </array>
                 <key>Frame</key>
-                <string>{{325, 204}, {710, 872}}</string>
+                <string>{{604, 398}, {1009, 1026}}</string>
                 <key>ListView</key>
                 <true/>
                 <key>OutlineWidth</key>
                 <integer>142</integer>
                 <key>RightSidebar</key>
                 <true/>
                 <key>ShowRuler</key>
                 <true/>
                 <key>Sidebar</key>
                 <false/>
                 <key>SidebarWidth</key>
                 <integer>120</integer>
                 <key>VisibleRegion</key>
-                <string>{{0, 0}, {539, 718}}</string>
+                <string>{{-138, -77}, {852, 887}}</string>
                 <key>Zoom</key>
                 <real>1</real>
                 <key>ZoomValues</key>
                 <array>
                         <array>
                                 <string>Canvas 1</string>
                                 <real>1</real>
                                 <real>1</real>
                         </array>
                 </array>
         </dict>
 </dict>
 </plist>