| Index: src/diagrams/tutorials/polymer-intro/connections.graffle
|
| diff --git a/src/diagrams/tutorials/polymer-intro/connections.graffle b/src/diagrams/tutorials/polymer-intro/connections.graffle
|
| index ca5bd29ca269737fefa3a38f4124ea971defb825..f8cce1b12a43a51522b66d2fc15afe60eac0adf4 100644
|
| --- a/src/diagrams/tutorials/polymer-intro/connections.graffle
|
| +++ b/src/diagrams/tutorials/polymer-intro/connections.graffle
|
| @@ -14,7 +14,7 @@
|
| <key>BackgroundGraphic</key>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{0, 0}, {1152, 733}}</string>
|
| + <string>{{0, 0}, {1152.0000495910645, 733}}</string>
|
| <key>Class</key>
|
| <string>SolidGraphic</string>
|
| <key>ID</key>
|
| @@ -53,11 +53,73 @@
|
| <array>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{241, 357.5}, {103, 18}}</string>
|
| + <string>{{15, 47}, {443, 234}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| + <key>FitText</key>
|
| + <string>YES</string>
|
| + <key>Flow</key>
|
| + <string>Resize</string>
|
| <key>ID</key>
|
| - <integer>34215</integer>
|
| + <integer>34200</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>CornerRadius</key>
|
| + <real>7</real>
|
| + </dict>
|
| + </dict>
|
| + <key>Text</key>
|
| + <dict>
|
| + <key>Align</key>
|
| + <integer>0</integer>
|
| + <key>Text</key>
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| +\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
|
| +{\colortbl;\red255\green255\blue255;}
|
| +\deftab720
|
| +\pard\pardeftab720
|
| +
|
| +\f0\fs24 \cf0 \shad\shadx19\shady-20\shadr0\shado85 \shadc0 <!DOCTYPE html>\
|
| +<html>\
|
| + <head>\
|
| + ...\
|
| + <link rel="import" href="packages/polymer/polymer.html">\
|
| + <link rel="import" href="tute_stopwatch.html">\
|
| + </head>\
|
| + \
|
| + <body>\
|
| + \
|
| + <h1>Stopwatch</h1>\
|
| +\
|
| + <tute-stopwatch></tute-stopwatch>\
|
| +\
|
| + </body>\
|
| +</html>}</string>
|
| + </dict>
|
| + <key>Wrap</key>
|
| + <string>NO</string>
|
| + </dict>
|
| + <dict>
|
| + <key>Bounds</key>
|
| + <string>{{781, 662}, {285, 18}}</string>
|
| + <key>Class</key>
|
| + <string>ShapedGraphic</string>
|
| + <key>ID</key>
|
| + <integer>34212</integer>
|
| <key>Shape</key>
|
| <string>Rectangle</string>
|
| <key>Style</key>
|
| @@ -67,9 +129,9 @@
|
| <key>Color</key>
|
| <dict>
|
| <key>b</key>
|
| - <string>0.772544</string>
|
| + <string>0.909179</string>
|
| <key>g</key>
|
| - <string>0.880369</string>
|
| + <string>0.755853</string>
|
| <key>r</key>
|
| <string>1</string>
|
| </dict>
|
| @@ -90,49 +152,36 @@
|
| <key>Align</key>
|
| <integer>0</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| \cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
|
| {\colortbl;\red255\green255\blue255;}
|
| \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
|
|
| -\f0\fs24 \cf0 Initialize Polymer}</string>
|
| +\f0\fs24 \cf0 Associate Dart class with custom element definition}</string>
|
| </dict>
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{8, 544}, {344, 22}}</string>
|
| + <string>{{781, 606}, {186, 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>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>34211</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.843326</string>
|
| + <key>g</key>
|
| + <string>1</string>
|
| + <key>r</key>
|
| + <string>0.588465</string>
|
| + </dict>
|
| </dict>
|
| <key>shadow</key>
|
| <dict>
|
| @@ -149,30 +198,24 @@
|
| <dict>
|
| <key>Align</key>
|
| <integer>0</integer>
|
| - <key>Pad</key>
|
| - <integer>2</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| -\cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
|
| -{\colortbl;\red255\green255\blue255;\red128\green0\blue0;}
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| +\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
|
| +{\colortbl;\red255\green255\blue255;}
|
| \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
|
|
| -\f0\i\b\fs28 \cf2 Save to $tutorial/polymer/images/connections.png}</string>
|
| - <key>VerticalPad</key>
|
| - <integer>2</integer>
|
| +\f0\fs24 \cf0 Import custom element definition}</string>
|
| </dict>
|
| - <key>Wrap</key>
|
| - <string>NO</string>
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{487, 356}, {103, 28}}</string>
|
| + <string>{{781, 634}, {329, 18}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| - <integer>34214</integer>
|
| + <integer>34210</integer>
|
| <key>Shape</key>
|
| - <string>Speech Bubble</string>
|
| + <string>Rectangle</string>
|
| <key>Style</key>
|
| <dict>
|
| <key>fill</key>
|
| @@ -187,31 +230,39 @@
|
| <string>0.745947</string>
|
| </dict>
|
| </dict>
|
| + <key>shadow</key>
|
| + <dict>
|
| + <key>Draws</key>
|
| + <string>NO</string>
|
| + </dict>
|
| + <key>stroke</key>
|
| + <dict>
|
| + <key>Draws</key>
|
| + <string>NO</string>
|
| + </dict>
|
| </dict>
|
| <key>Text</key>
|
| <dict>
|
| + <key>Align</key>
|
| + <integer>0</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| \cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
|
| {\colortbl;\red255\green255\blue255;}
|
| -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
|
| +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
|
|
| -\f0\fs24 \cf0 Implement}</string>
|
| - <key>VerticalPad</key>
|
| - <integer>0</integer>
|
| +\f0\fs24 \cf0 Define, implement, and instantiate custom element by name}</string>
|
| </dict>
|
| - <key>TextRelativeArea</key>
|
| - <string>{{0.14999999999999999, 0.14999999999999999}, {0.69999999999999996, 0.69999999999999996}}</string>
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{618, 91}, {103, 28}}</string>
|
| + <string>{{781, 578}, {94, 18}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| - <integer>34213</integer>
|
| + <integer>34155</integer>
|
| <key>Shape</key>
|
| - <string>Speech Bubble</string>
|
| + <string>Rectangle</string>
|
| <key>Style</key>
|
| <dict>
|
| <key>fill</key>
|
| @@ -219,36 +270,44 @@
|
| <key>Color</key>
|
| <dict>
|
| <key>b</key>
|
| - <string>1</string>
|
| + <string>0.604698</string>
|
| <key>g</key>
|
| - <string>0.860429</string>
|
| + <string>0.928911</string>
|
| <key>r</key>
|
| - <string>0.745947</string>
|
| + <string>1</string>
|
| </dict>
|
| </dict>
|
| + <key>shadow</key>
|
| + <dict>
|
| + <key>Draws</key>
|
| + <string>NO</string>
|
| + </dict>
|
| + <key>stroke</key>
|
| + <dict>
|
| + <key>Draws</key>
|
| + <string>NO</string>
|
| + </dict>
|
| </dict>
|
| <key>Text</key>
|
| <dict>
|
| + <key>Align</key>
|
| + <integer>0</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| \cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
|
| {\colortbl;\red255\green255\blue255;}
|
| -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
|
| +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
|
|
| -\f0\fs24 \cf0 Define}</string>
|
| - <key>VerticalPad</key>
|
| - <integer>0</integer>
|
| +\f0\fs24 \cf0 Import Polymer}</string>
|
| </dict>
|
| - <key>TextRelativeArea</key>
|
| - <string>{{0.14999999999999999, 0.14999999999999999}, {0.69999999999999996, 0.69999999999999996}}</string>
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{224, 208.5}, {103, 28}}</string>
|
| + <string>{{202, 317}, {103, 28}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| - <integer>25</integer>
|
| + <integer>34213</integer>
|
| <key>Shape</key>
|
| <string>Speech Bubble</string>
|
| <key>Style</key>
|
| @@ -269,12 +328,12 @@
|
| <key>Text</key>
|
| <dict>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| \cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
|
| {\colortbl;\red255\green255\blue255;}
|
| \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
|
|
|
| -\f0\fs24 \cf0 Instantiate}</string>
|
| +\f0\fs24 \cf0 Define}</string>
|
| <key>VerticalPad</key>
|
| <integer>0</integer>
|
| </dict>
|
| @@ -283,7 +342,7 @@
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{432, 113}, {291, 164}}</string>
|
| + <string>{{16, 339}, {336, 164}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>FitText</key>
|
| @@ -321,7 +380,7 @@
|
| <key>Align</key>
|
| <integer>0</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| \cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
|
| {\colortbl;\red255\green255\blue255;}
|
| \deftab720
|
| @@ -333,7 +392,7 @@
|
| ...\
|
| </template>\
|
| \
|
| - <script type="application/dart"\
|
| + <script type="application/dart;component=1"\
|
| src="tute_stopwatch.dart">\
|
| </script>\
|
| \
|
| @@ -342,82 +401,31 @@
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{15, 20}, {385, 276}}</string>
|
| + <string>{{8, 522}, {344, 22}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>FitText</key>
|
| <string>YES</string>
|
| <key>Flow</key>
|
| <string>Resize</string>
|
| - <key>ID</key>
|
| - <integer>34200</integer>
|
| - <key>Shape</key>
|
| - <string>Rectangle</string>
|
| - <key>Style</key>
|
| + <key>FontInfo</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>
|
| + <key>Color</key>
|
| <dict>
|
| - <key>CornerRadius</key>
|
| - <real>7</real>
|
| + <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>Text</key>
|
| - <dict>
|
| - <key>Align</key>
|
| - <integer>0</integer>
|
| - <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| -\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
|
| -{\colortbl;\red255\green255\blue255;}
|
| -\deftab720
|
| -\pard\pardeftab720
|
| -
|
| -\f0\fs24 \cf0 \shad\shadx19\shady-20\shadr0\shado85 \shadc0 <!DOCTYPE html>\
|
| -<html>\
|
| - <head>\
|
| - ...\
|
| - <link rel="import" href="tute_stopwatch.html">\
|
| -\pard\pardeftab720
|
| -\cf0 \shad0 <script type="application/dart">\
|
| - export 'package:polymer/init.dart';\
|
| - </script>\
|
| -\pard\pardeftab720
|
| -\cf0 \shad\shadx19\shady-20\shadr0\shado85 \shadc0 <script src="packages/browser/dart.js"></script>\
|
| - </head>\
|
| - \
|
| - <body>\
|
| - \
|
| - <h1>Stopwatch</h1>\
|
| -\
|
| - <tute-stopwatch></tute-stopwatch>\
|
| -\
|
| - </body>\
|
| -</html>}</string>
|
| - </dict>
|
| - <key>Wrap</key>
|
| - <string>NO</string>
|
| - </dict>
|
| - <dict>
|
| - <key>Bounds</key>
|
| - <string>{{368, 322.99999809265137}, {327, 164}}</string>
|
| - <key>Class</key>
|
| - <string>ShapedGraphic</string>
|
| - <key>FitText</key>
|
| - <string>YES</string>
|
| - <key>Flow</key>
|
| - <string>Resize</string>
|
| <key>ID</key>
|
| - <integer>3</integer>
|
| + <integer>63</integer>
|
| <key>Shape</key>
|
| <string>Rectangle</string>
|
| <key>Style</key>
|
| @@ -434,45 +442,38 @@
|
| </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>
|
| + <key>Pad</key>
|
| + <integer>2</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| -\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
|
| -{\colortbl;\red255\green255\blue255;}
|
| -\deftab720
|
| -\pard\pardeftab720
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| +\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\fs24 \cf0 import 'dart:html';\
|
| -import 'dart:async';\
|
| -import 'package:polymer/polymer.dart';\
|
| -\
|
| -@CustomTag('tute-stopwatch')\
|
| -class TuteStopwatch extends PolymerElement \{\
|
| -\
|
| - @observable String counter = '00:00';\
|
| - \
|
| - ...\
|
| -\}}</string>
|
| +\f0\i\b\fs28 \cf2 Save to $tutorial/polymer/images/connections.png}</string>
|
| + <key>VerticalPad</key>
|
| + <integer>2</integer>
|
| </dict>
|
| <key>Wrap</key>
|
| <string>NO</string>
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{59, 439}, {285, 18}}</string>
|
| + <string>{{555, 384}, {103, 28}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| - <integer>34212</integer>
|
| + <integer>34214</integer>
|
| <key>Shape</key>
|
| - <string>Rectangle</string>
|
| + <string>Speech Bubble</string>
|
| <key>Style</key>
|
| <dict>
|
| <key>fill</key>
|
| @@ -480,46 +481,38 @@ class TuteStopwatch extends PolymerElement \{\
|
| <key>Color</key>
|
| <dict>
|
| <key>b</key>
|
| - <string>0.909179</string>
|
| + <string>1</string>
|
| <key>g</key>
|
| - <string>0.755853</string>
|
| + <string>0.860429</string>
|
| <key>r</key>
|
| - <string>1</string>
|
| + <string>0.745947</string>
|
| </dict>
|
| </dict>
|
| - <key>shadow</key>
|
| - <dict>
|
| - <key>Draws</key>
|
| - <string>NO</string>
|
| - </dict>
|
| - <key>stroke</key>
|
| - <dict>
|
| - <key>Draws</key>
|
| - <string>NO</string>
|
| - </dict>
|
| </dict>
|
| <key>Text</key>
|
| <dict>
|
| - <key>Align</key>
|
| - <integer>0</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| \cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
|
| {\colortbl;\red255\green255\blue255;}
|
| -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
| +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
|
|
|
| -\f0\fs24 \cf0 Associate Dart class with custom element definition}</string>
|
| +\f0\fs24 \cf0 Implement}</string>
|
| + <key>VerticalPad</key>
|
| + <integer>0</integer>
|
| </dict>
|
| + <key>TextRelativeArea</key>
|
| + <string>{{0.14999999999999999, 0.14999999999999999}, {0.69999999999999996, 0.69999999999999996}}</string>
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{158, 383}, {186, 18}}</string>
|
| + <string>{{224, 194.5}, {103, 28}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| - <integer>34211</integer>
|
| + <integer>25</integer>
|
| <key>Shape</key>
|
| - <string>Rectangle</string>
|
| + <string>Speech Bubble</string>
|
| <key>Style</key>
|
| <dict>
|
| <key>fill</key>
|
| @@ -527,59 +520,48 @@ class TuteStopwatch extends PolymerElement \{\
|
| <key>Color</key>
|
| <dict>
|
| <key>b</key>
|
| - <string>0.843326</string>
|
| - <key>g</key>
|
| <string>1</string>
|
| + <key>g</key>
|
| + <string>0.860429</string>
|
| <key>r</key>
|
| - <string>0.588465</string>
|
| + <string>0.745947</string>
|
| </dict>
|
| </dict>
|
| - <key>shadow</key>
|
| - <dict>
|
| - <key>Draws</key>
|
| - <string>NO</string>
|
| - </dict>
|
| - <key>stroke</key>
|
| - <dict>
|
| - <key>Draws</key>
|
| - <string>NO</string>
|
| - </dict>
|
| </dict>
|
| <key>Text</key>
|
| <dict>
|
| - <key>Align</key>
|
| - <integer>0</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| \cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
|
| {\colortbl;\red255\green255\blue255;}
|
| -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
| +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural\qc
|
|
|
| -\f0\fs24 \cf0 Import custom element definition}</string>
|
| +\f0\fs24 \cf0 Instantiate}</string>
|
| + <key>VerticalPad</key>
|
| + <integer>0</integer>
|
| </dict>
|
| + <key>TextRelativeArea</key>
|
| + <string>{{0.14999999999999999, 0.14999999999999999}, {0.69999999999999996, 0.69999999999999996}}</string>
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{15, 411}, {329, 18}}</string>
|
| + <string>{{377, 337.99999809265137}, {336, 164}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| + <key>FitText</key>
|
| + <string>Vertical</string>
|
| + <key>Flow</key>
|
| + <string>Resize</string>
|
| <key>ID</key>
|
| - <integer>34210</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>1</string>
|
| - <key>g</key>
|
| - <string>0.860429</string>
|
| - <key>r</key>
|
| - <string>0.745947</string>
|
| - </dict>
|
| + <key>Draws</key>
|
| + <string>NO</string>
|
| </dict>
|
| <key>shadow</key>
|
| <dict>
|
| @@ -588,8 +570,8 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <key>stroke</key>
|
| <dict>
|
| - <key>Draws</key>
|
| - <string>NO</string>
|
| + <key>CornerRadius</key>
|
| + <real>7</real>
|
| </dict>
|
| </dict>
|
| <key>Text</key>
|
| @@ -597,12 +579,23 @@ class TuteStopwatch extends PolymerElement \{\
|
| <key>Align</key>
|
| <integer>0</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| -\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| +\cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}
|
| {\colortbl;\red255\green255\blue255;}
|
| -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
| +\deftab720
|
| +\pard\pardeftab720
|
|
|
| -\f0\fs24 \cf0 Define, implement, and instantiate custom element by name}</string>
|
| +\f0\fs24 \cf0 import 'dart:html';\
|
| +import 'dart:async';\
|
| +import 'package:polymer/polymer.dart';\
|
| +\
|
| +@CustomTag('tute-stopwatch')\
|
| +class TuteStopwatch extends PolymerElement \{\
|
| +\
|
| + @observable String counter = '00:00';\
|
| + \
|
| + ...\
|
| +\}}</string>
|
| </dict>
|
| </dict>
|
| <dict>
|
| @@ -617,8 +610,8 @@ class TuteStopwatch extends PolymerElement \{\
|
| <integer>34207</integer>
|
| <key>Points</key>
|
| <array>
|
| - <string>{381, 89.503336855569742}</string>
|
| - <string>{432.00000000000011, 103}</string>
|
| + <string>{49, 128.5}</string>
|
| + <string>{16.000000000000114, 329}</string>
|
| </array>
|
| <key>Style</key>
|
| <dict>
|
| @@ -647,11 +640,13 @@ class TuteStopwatch extends PolymerElement \{\
|
| <dict>
|
| <key>ID</key>
|
| <integer>34202</integer>
|
| + <key>Info</key>
|
| + <integer>4</integer>
|
| </dict>
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{49, 233.5}, {238, 15}}</string>
|
| + <string>{{49, 219.5}, {238, 15}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| @@ -695,7 +690,7 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{49, 135}, {346, 18}}</string>
|
| + <string>{{49, 106}, {405, 18}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| @@ -735,54 +730,7 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{250, 334}, {94, 18}}</string>
|
| - <key>Class</key>
|
| - <string>ShapedGraphic</string>
|
| - <key>ID</key>
|
| - <integer>34155</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>
|
| - </dict>
|
| - <key>shadow</key>
|
| - <dict>
|
| - <key>Draws</key>
|
| - <string>NO</string>
|
| - </dict>
|
| - <key>stroke</key>
|
| - <dict>
|
| - <key>Draws</key>
|
| - <string>NO</string>
|
| - </dict>
|
| - </dict>
|
| - <key>Text</key>
|
| - <dict>
|
| - <key>Align</key>
|
| - <integer>0</integer>
|
| - <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| -\cocoascreenfonts1{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
|
| -{\colortbl;\red255\green255\blue255;}
|
| -\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
| -
|
| -\f0\fs24 \cf0 Bootstrap script}</string>
|
| - </dict>
|
| - </dict>
|
| - <dict>
|
| - <key>Bounds</key>
|
| - <string>{{15, 0}, {69, 20}}</string>
|
| + <string>{{15, 27}, {69, 20}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>FitText</key>
|
| @@ -825,7 +773,7 @@ class TuteStopwatch extends PolymerElement \{\
|
| <key>Pad</key>
|
| <integer>2</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
|
| {\colortbl;\red255\green255\blue255;}
|
| \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
| @@ -849,8 +797,8 @@ class TuteStopwatch extends PolymerElement \{\
|
| <integer>34198</integer>
|
| <key>Points</key>
|
| <array>
|
| - <string>{442.18395879361435, 303}</string>
|
| - <string>{512.87685798699931, 230}</string>
|
| + <string>{377, 328}</string>
|
| + <string>{275, 441}</string>
|
| </array>
|
| <key>Style</key>
|
| <dict>
|
| @@ -883,15 +831,21 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{507, 215}, {182, 15}}</string>
|
| + <string>{{93, 441}, {182, 15}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| <integer>34182</integer>
|
| <key>Magnets</key>
|
| <array>
|
| - <string>{-0.43046357615894015, 0.033333333333333215}</string>
|
| - <string>{0.038461538461538769, 0.25}</string>
|
| + <string>{1, 1}</string>
|
| + <string>{1, -1}</string>
|
| + <string>{-1, -1}</string>
|
| + <string>{-1, 1}</string>
|
| + <string>{0, 1}</string>
|
| + <string>{0, -1}</string>
|
| + <string>{1, 0}</string>
|
| + <string>{-1, 0}</string>
|
| </array>
|
| <key>Shape</key>
|
| <string>Rectangle</string>
|
| @@ -928,7 +882,7 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{368, 303}, {129, 20}}</string>
|
| + <string>{{377, 318}, {129, 20}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>FitText</key>
|
| @@ -944,6 +898,13 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <key>ID</key>
|
| <integer>34153</integer>
|
| + <key>Magnets</key>
|
| + <array>
|
| + <string>{0, 1}</string>
|
| + <string>{0, -1}</string>
|
| + <string>{1, 0}</string>
|
| + <string>{-1, 0}</string>
|
| + </array>
|
| <key>Shape</key>
|
| <string>Rectangle</string>
|
| <key>Style</key>
|
| @@ -978,7 +939,7 @@ class TuteStopwatch extends PolymerElement \{\
|
| <key>Pad</key>
|
| <integer>2</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
|
| {\colortbl;\red255\green255\blue255;}
|
| \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
| @@ -992,7 +953,7 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{432, 93}, {132, 20}}</string>
|
| + <string>{{16, 319}, {132, 20}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>FitText</key>
|
| @@ -1046,7 +1007,7 @@ class TuteStopwatch extends PolymerElement \{\
|
| <key>Pad</key>
|
| <integer>2</integer>
|
| <key>Text</key>
|
| - <string>{\rtf1\ansi\ansicpg1252\cocoartf1265
|
| + <string>{\rtf1\ansi\ansicpg1252\cocoartf1265\cocoasubrtf190
|
| \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}
|
| {\colortbl;\red255\green255\blue255;}
|
| \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\pardirnatural
|
| @@ -1060,7 +1021,7 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{374, 381.99999809265137}, {207, 15}}</string>
|
| + <string>{{383, 396.99999809265137}, {207, 15}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| @@ -1104,7 +1065,7 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{436, 118}, {281, 15}}</string>
|
| + <string>{{20, 344}, {281, 15}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| @@ -1148,15 +1109,17 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{49, 80}, {332, 15}}</string>
|
| + <string>{{49, 121}, {332, 15}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| <integer>34202</integer>
|
| <key>Magnets</key>
|
| <array>
|
| - <string>{-0.43046357615894015, 0.033333333333333215}</string>
|
| - <string>{0.47719869706840401, 0}</string>
|
| + <string>{0, 1}</string>
|
| + <string>{0, -1}</string>
|
| + <string>{1, 0}</string>
|
| + <string>{-1, 0}</string>
|
| </array>
|
| <key>Shape</key>
|
| <string>Rectangle</string>
|
| @@ -1193,11 +1156,11 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| <dict>
|
| <key>Bounds</key>
|
| - <string>{{49, 95}, {272, 39}}</string>
|
| + <string>{{382, 367.49999904632568}, {276, 18}}</string>
|
| <key>Class</key>
|
| <string>ShapedGraphic</string>
|
| <key>ID</key>
|
| - <integer>34216</integer>
|
| + <integer>34215</integer>
|
| <key>Shape</key>
|
| <string>Rectangle</string>
|
| <key>Style</key>
|
| @@ -1207,9 +1170,9 @@ class TuteStopwatch extends PolymerElement \{\
|
| <key>Color</key>
|
| <dict>
|
| <key>b</key>
|
| - <string>0.772544</string>
|
| + <string>0.604698</string>
|
| <key>g</key>
|
| - <string>0.880369</string>
|
| + <string>0.928911</string>
|
| <key>r</key>
|
| <string>1</string>
|
| </dict>
|
| @@ -1279,9 +1242,9 @@ class TuteStopwatch extends PolymerElement \{\
|
| <key>MasterSheets</key>
|
| <array/>
|
| <key>ModificationDate</key>
|
| - <string>2013-12-05 17:21:50 +0000</string>
|
| + <string>2014-05-06 19:01:24 +0000</string>
|
| <key>Modifier</key>
|
| - <string>Mary Campione</string>
|
| + <string>Kathy Walrath</string>
|
| <key>NotesVisible</key>
|
| <string>NO</string>
|
| <key>Orientation</key>
|
| @@ -1310,13 +1273,23 @@ class TuteStopwatch extends PolymerElement \{\
|
| <key>NSPaperSize</key>
|
| <array>
|
| <string>size</string>
|
| - <string>{612, 792}</string>
|
| + <string>{612.00002479553223, 792}</string>
|
| </array>
|
| <key>NSPrintReverseOrientation</key>
|
| <array>
|
| <string>int</string>
|
| <string>0</string>
|
| </array>
|
| + <key>NSPrinter</key>
|
| + <array>
|
| + <string>coded</string>
|
| + <string>BAtzdHJlYW10eXBlZIHoA4QBQISEhAlOU1ByaW50ZXIAhIQITlNPYmplY3QAhZKEhIQITlNTdHJpbmcBlIQBKw5tZ21ncmFuZC1jb2xvcoaG</string>
|
| + </array>
|
| + <key>NSPrinterName</key>
|
| + <array>
|
| + <string>string</string>
|
| + <string>mgmgrand-color</string>
|
| + </array>
|
| <key>NSRightMargin</key>
|
| <array>
|
| <string>float</string>
|
| @@ -1360,7 +1333,7 @@ class TuteStopwatch extends PolymerElement \{\
|
| </dict>
|
| </array>
|
| <key>Frame</key>
|
| - <string>{{335, 567}, {1430, 1011}}</string>
|
| + <string>{{289, 567}, {1430, 1011}}</string>
|
| <key>ListView</key>
|
| <true/>
|
| <key>OutlineWidth</key>
|
| @@ -1370,11 +1343,11 @@ class TuteStopwatch extends PolymerElement \{\
|
| <key>ShowRuler</key>
|
| <true/>
|
| <key>Sidebar</key>
|
| - <false/>
|
| + <true/>
|
| <key>SidebarWidth</key>
|
| <integer>120</integer>
|
| <key>VisibleRegion</key>
|
| - <string>{{-61, -69}, {1273, 872}}</string>
|
| + <string>{{0, -69}, {1152, 872}}</string>
|
| <key>Zoom</key>
|
| <real>1</real>
|
| <key>ZoomValues</key>
|
|
|