src/diagrams/tutorials/custom-elements/custom-element.graffle - Issue 26922002: removing Web UI tutorials, updating remaining 4 to current release, + review pass

Side by Side Diff: src/diagrams/tutorials/custom-elements/custom-element.graffle

Issue 26922002: removing Web UI tutorials, updating remaining 4 to current release, + review pass (Closed) Base URL: https://github.com/dart-lang/dartlang.org.git@master

Patch Set: merge with master Created 7 years, 2 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « src/diagrams/tutorials/custom-elements/converter-html-code.graffle/image2.png ('k') | src/diagrams/tutorials/custom-elements/files-relationship.graffle » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <?xml version="1.0" encoding="UTF-8"?>

2 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/ PropertyList-1.0.dtd">

3 <plist version="1.0">

4 <dict>

5 <key>ActiveLayerIndex</key>

6 <integer>0</integer>

7 <key>ApplicationVersion</key>

8 <array>

9 <string>com.omnigroup.OmniGrafflePro</string>

10 <string>139.16.0.171715</string>

11 </array>

12 <key>AutoAdjust</key>

13 <true/>

14 <key>BackgroundGraphic</key>

15 <dict>

16 <key>Bounds</key>

17 <string>{{0, 0}, {1152, 733}}</string>

18 <key>Class</key>

19 <string>SolidGraphic</string>

20 <key>ID</key>

21 <integer>2</integer>

22 <key>Style</key>

23 <dict>

24 <key>shadow</key>

25 <dict>

26 <key>Draws</key>

27 <string>NO</string>

28 </dict>

29 <key>stroke</key>

30 <dict>

31 <key>Draws</key>

32 <string>NO</string>

33 </dict>

34 </dict>

35 </dict>

36 <key>BaseZoom</key>

37 <integer>0</integer>

38 <key>CanvasOrigin</key>

39 <string>{0, 0}</string>

40 <key>ColumnAlign</key>

41 <integer>1</integer>

42 <key>ColumnSpacing</key>

43 <real>36</real>

44 <key>CreationDate</key>

45 <string>2012-12-10 20:06:41 +0000</string>

46 <key>Creator</key>

47 <string>Mary Campione</string>

48 <key>DisplayScale</key>

49 <string>1 0/72 in = 1.0000 in</string>

50 <key>GraphDocumentVersion</key>

51 <integer>8</integer>

52 <key>GraphicsList</key>

53 <array>

54 <dict>

55 <key>Bounds</key>

56 <string>{{307.5, 123.38739013671875}, {345.5, 60}}</stri ng>

57 <key>Class</key>

58 <string>ShapedGraphic</string>

59 <key>FitText</key>

60 <string>Vertical</string>

61 <key>Flow</key>

62 <string>Resize</string>

63 <key>FontInfo</key>

64 <dict>

65 <key>Font</key>

66 <string>CourierNewPSMT</string>

67 <key>Size</key>

68 <real>12</real>

69 </dict>

70 <key>ID</key>

71 <integer>34111</integer>

72 <key>Shape</key>

73 <string>Rectangle</string>

74 <key>Style</key>

75 <dict>

76 <key>fill</key>

77 <dict>

78 <key>Draws</key>

79 <string>NO</string>

80 </dict>

81 <key>shadow</key>

82 <dict>

83 <key>Draws</key>

84 <string>NO</string>

85 </dict>

86 <key>stroke</key>

87 <dict>

88 <key>Draws</key>

89 <string>NO</string>

90 </dict>

91 </dict>

92 <key>Text</key>

93 <dict>

94 <key>Align</key>

95 <integer>0</integer>

96 <key>Pad</key>

97 <integer>2</integer>

98 <key>Text</key>

99 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

100 \cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}

101 {\colortbl;\red255\green255\blue255;}

102 \deftab720

103 \pard\pardeftab720

104

105 \f0\fs24 \cf0 <element extends="div" name="x-converter"\

106 constructor="ConverterComponent">\

107 ...\

108 </element>}</string>

109 <key>VerticalPad</key>

110 <integer>2</integer>

111 </dict>

112 </dict>

113 <dict>

114 <key>Bounds</key>

115 <string>{{372, 140.31231689453125}, {231.875, 12.8498535 15625}}</string>

116 <key>Class</key>

117 <string>ShapedGraphic</string>

118 <key>ID</key>

119 <integer>34186</integer>

120 <key>Shape</key>

121 <string>Rectangle</string>

122 <key>Style</key>

123 <dict>

124 <key>fill</key>

125 <dict>

126 <key>Color</key>

127 <dict>

128 <key>b</key>

129 <string>0.909179</string>

130 <key>g</key>

131 <string>0.755853</string>

132 <key>r</key>

133 <string>1</string>

134 </dict>

135 </dict>

136 <key>shadow</key>

137 <dict>

138 <key>Draws</key>

139 <string>NO</string>

140 </dict>

141 <key>stroke</key>

142 <dict>

143 <key>Draws</key>

144 <string>NO</string>

145 </dict>

146 </dict>

147 </dict>

148 <dict>

149 <key>Class</key>

150 <string>LineGraphic</string>

151 <key>Head</key>

152 <dict>

153 <key>ID</key>

154 <integer>34186</integer>

155 </dict>

156 <key>ID</key>

157 <integer>34185</integer>

158 <key>Points</key>

159 <array>

160 <string>{487.93759378991149, 191.83197021484375} </string>

161 <string>{487.93795647362151, 153.16217041015625} </string>

162 </array>

163 <key>Style</key>

164 <dict>

165 <key>stroke</key>

166 <dict>

167 <key>HeadArrow</key>

168 <string>FilledArrow</string>

169 <key>Legacy</key>

170 <true/>

171 <key>TailArrow</key>

172 <string>0</string>

173 </dict>

174 </dict>

175 <key>Tail</key>

176 <dict>

177 <key>ID</key>

178 <integer>34184</integer>

179 </dict>

180 </dict>

181 <dict>

182 <key>Bounds</key>

183 <string>{{404.9375, 191.83197021484375}, {166, 20}}</str ing>

184 <key>Class</key>

185 <string>ShapedGraphic</string>

186 <key>FitText</key>

187 <string>YES</string>

188 <key>Flow</key>

189 <string>Resize</string>

190 <key>FontInfo</key>

191 <dict>

192 <key>Font</key>

193 <string>HelveticaNeue</string>

194 <key>Size</key>

195 <real>13</real>

196 </dict>

197 <key>ID</key>

198 <integer>34184</integer>

199 <key>Shape</key>

200 <string>Rectangle</string>

201 <key>Style</key>

202 <dict>

203 <key>fill</key>

204 <dict>

205 <key>Color</key>

206 <dict>

207 <key>b</key>

208 <string>0.909179</string>

209 <key>g</key>

210 <string>0.755853</string>

211 <key>r</key>

212 <string>1</string>

213 </dict>

214 </dict>

215 <key>shadow</key>

216 <dict>

217 <key>Draws</key>

218 <string>NO</string>

219 </dict>

220 <key>stroke</key>

221 <dict>

222 <key>Draws</key>

223 <string>NO</string>

224 </dict>

225 </dict>

226 <key>Text</key>

227 <dict>

228 <key>Align</key>

229 <integer>0</integer>

230 <key>Pad</key>

231 <integer>2</integer>

232 <key>Text</key>

233 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

234 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

235 {\colortbl;\red255\green255\blue255;}

236 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

237

238 \f0\fs26 \cf0 the corresponding Dart class}</string>

239 <key>VerticalPad</key>

240 <integer>2</integer>

241 </dict>

242 <key>Wrap</key>

243 <string>NO</string>

244 </dict>

245 <dict>

246 <key>Bounds</key>

247 <string>{{269.5, 444.58111572265625}, {63, 20}}</string>

248 <key>Class</key>

249 <string>ShapedGraphic</string>

250 <key>FitText</key>

251 <string>YES</string>

252 <key>Flow</key>

253 <string>Resize</string>

254 <key>FontInfo</key>

255 <dict>

256 <key>Font</key>

257 <string>HelveticaNeue</string>

258 <key>Size</key>

259 <real>13</real>

260 </dict>

261 <key>ID</key>

262 <integer>34181</integer>

263 <key>Shape</key>

264 <string>Rectangle</string>

265 <key>Style</key>

266 <dict>

267 <key>fill</key>

268 <dict>

269 <key>Color</key>

270 <dict>

271 <key>b</key>

272 <string>0.727695</string>

273 <key>g</key>

274 <string>0.825576</string>

275 <key>r</key>

276 <string>1</string>

277 </dict>

278 <key>Draws</key>

279 <string>NO</string>

280 </dict>

281 <key>shadow</key>

282 <dict>

283 <key>Draws</key>

284 <string>NO</string>

285 </dict>

286 <key>stroke</key>

287 <dict>

288 <key>Draws</key>

289 <string>NO</string>

290 </dict>

291 </dict>

292 <key>Text</key>

293 <dict>

294 <key>Align</key>

295 <integer>0</integer>

296 <key>Pad</key>

297 <integer>2</integer>

298 <key>Text</key>

299 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

300 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

301 {\colortbl;\red255\green255\blue255;}

302 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

303

304 \f0\fs26 \cf0 ** required}</string>

305 <key>VerticalPad</key>

306 <integer>2</integer>

307 </dict>

308 <key>Wrap</key>

309 <string>NO</string>

310 </dict>

311 <dict>

312 <key>Bounds</key>

313 <string>{{273.5, 396.00006103515625}, {555, 46}}</string >

314 <key>Class</key>

315 <string>ShapedGraphic</string>

316 <key>FitText</key>

317 <string>Vertical</string>

318 <key>Flow</key>

319 <string>Resize</string>

320 <key>FontInfo</key>

321 <dict>

322 <key>Font</key>

323 <string>CourierNewPSMT</string>

324 <key>Size</key>

325 <real>12</real>

326 </dict>

327 <key>ID</key>

328 <integer>34180</integer>

329 <key>Shape</key>

330 <string>Rectangle</string>

331 <key>Style</key>

332 <dict>

333 <key>fill</key>

334 <dict>

335 <key>Draws</key>

336 <string>NO</string>

337 </dict>

338 <key>shadow</key>

339 <dict>

340 <key>Draws</key>

341 <string>NO</string>

342 </dict>

343 <key>stroke</key>

344 <dict>

345 <key>Draws</key>

346 <string>NO</string>

347 </dict>

348 </dict>

349 <key>Text</key>

350 <dict>

351 <key>Align</key>

352 <integer>0</integer>

353 <key>Pad</key>

354 <integer>2</integer>

355 <key>Text</key>

356 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

357 \cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}

358 {\colortbl;\red255\green255\blue255;}

359 \deftab720

360 \pard\pardeftab720

361

362 \f0\fs24 \cf0 <element extends="div" name="x-converter" constructor="Converte rComponent">\

363 ...\

364 </element>}</string>

365 <key>VerticalPad</key>

366 <integer>2</integer>

367 </dict>

368 </dict>

369 <dict>

370 <key>Bounds</key>

371 <string>{{578.25, 398.57513427734375}, {228.75, 12.84985 3515625}}</string>

372 <key>Class</key>

373 <string>ShapedGraphic</string>

374 <key>ID</key>

375 <integer>34179</integer>

376 <key>Magnets</key>

377 <array>

378 <string>{-0.10493827160493829, -0.25}</string>

379 </array>

380 <key>Shape</key>

381 <string>Rectangle</string>

382 <key>Style</key>

383 <dict>

384 <key>fill</key>

385 <dict>

386 <key>Color</key>

387 <dict>

388 <key>b</key>

389 <string>0.909179</string>

390 <key>g</key>

391 <string>0.755853</string>

392 <key>r</key>

393 <string>1</string>

394 </dict>

395 </dict>

396 <key>shadow</key>

397 <dict>

398 <key>Draws</key>

399 <string>NO</string>

400 </dict>

401 <key>stroke</key>

402 <dict>

403 <key>Draws</key>

404 <string>NO</string>

405 </dict>

406 </dict>

407 </dict>

408 <dict>

409 <key>Class</key>

410 <string>LineGraphic</string>

411 <key>Head</key>

412 <dict>

413 <key>ID</key>

414 <integer>34179</integer>

415 </dict>

416 <key>ID</key>

417 <integer>34178</integer>

418 <key>Points</key>

419 <array>

420 <string>{645.6079049154273, 380.09390258789062}< /string>

421 <string>{665.21261976359733, 398.57513427734375} </string>

422 </array>

423 <key>Style</key>

424 <dict>

425 <key>stroke</key>

426 <dict>

427 <key>HeadArrow</key>

428 <string>FilledArrow</string>

429 <key>Legacy</key>

430 <true/>

431 <key>TailArrow</key>

432 <string>0</string>

433 </dict>

434 </dict>

435 <key>Tail</key>

436 <dict>

437 <key>ID</key>

438 <integer>34177</integer>

439 </dict>

440 </dict>

441 <dict>

442 <key>Bounds</key>

443 <string>{{553, 360.09390258789062}, {164, 20}}</string>

444 <key>Class</key>

445 <string>ShapedGraphic</string>

446 <key>FitText</key>

447 <string>YES</string>

448 <key>Flow</key>

449 <string>Resize</string>

450 <key>FontInfo</key>

451 <dict>

452 <key>Font</key>

453 <string>HelveticaNeue</string>

454 <key>Size</key>

455 <real>13</real>

456 </dict>

457 <key>ID</key>

458 <integer>34177</integer>

459 <key>Shape</key>

460 <string>Rectangle</string>

461 <key>Style</key>

462 <dict>

463 <key>fill</key>

464 <dict>

465 <key>Color</key>

466 <dict>

467 <key>b</key>

468 <string>0.909179</string>

469 <key>g</key>

470 <string>0.755853</string>

471 <key>r</key>

472 <string>1</string>

473 </dict>

474 </dict>

475 <key>shadow</key>

476 <dict>

477 <key>Draws</key>

478 <string>NO</string>

479 </dict>

480 <key>stroke</key>

481 <dict>

482 <key>Draws</key>

483 <string>NO</string>

484 </dict>

485 </dict>

486 <key>Text</key>

487 <dict>

488 <key>Align</key>

489 <integer>0</integer>

490 <key>Pad</key>

491 <integer>2</integer>

492 <key>Text</key>

493 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

494 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

495 {\colortbl;\red255\green255\blue255;}

496 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

497

498 \f0\fs26 \cf0 a constructor defined in Dart}</string>

499 <key>VerticalPad</key>

500 <integer>2</integer>

501 </dict>

502 <key>Wrap</key>

503 <string>NO</string>

504 </dict>

505 <dict>

506 <key>Class</key>

507 <string>LineGraphic</string>

508 <key>ID</key>

509 <integer>34176</integer>

510 <key>Points</key>

511 <array>

512 <string>{485.87357996218071, 380.09390258789062} </string>

513 <string>{512.5, 401.6126708984375}</string>

514 </array>

515 <key>Style</key>

516 <dict>

517 <key>stroke</key>

518 <dict>

519 <key>HeadArrow</key>

520 <string>FilledArrow</string>

521 <key>Legacy</key>

522 <true/>

523 <key>TailArrow</key>

524 <string>0</string>

525 </dict>

526 </dict>

527 <key>Tail</key>

528 <dict>

529 <key>ID</key>

530 <integer>34175</integer>

531 </dict>

532 </dict>

533 <dict>

534 <key>Bounds</key>

535 <string>{{409.5, 360.09390258789062}, {128, 20}}</string >

536 <key>Class</key>

537 <string>ShapedGraphic</string>

538 <key>FitText</key>

539 <string>YES</string>

540 <key>Flow</key>

541 <string>Resize</string>

542 <key>FontInfo</key>

543 <dict>

544 <key>Font</key>

545 <string>HelveticaNeue</string>

546 <key>Size</key>

547 <real>13</real>

548 </dict>

549 <key>ID</key>

550 <integer>34175</integer>

551 <key>Shape</key>

552 <string>Rectangle</string>

553 <key>Style</key>

554 <dict>

555 <key>fill</key>

556 <dict>

557 <key>Color</key>

558 <dict>

559 <key>b</key>

560 <string>1</string>

561 <key>g</key>

562 <string>0.780106</string>

563 <key>r</key>

564 <string>0.753377</string>

565 </dict>

566 </dict>

567 <key>shadow</key>

568 <dict>

569 <key>Draws</key>

570 <string>NO</string>

571 </dict>

572 <key>stroke</key>

573 <dict>

574 <key>Draws</key>

575 <string>NO</string>

576 </dict>

577 </dict>

578 <key>Text</key>

579 <dict>

580 <key>Align</key>

581 <integer>0</integer>

582 <key>Pad</key>

583 <integer>2</integer>

584 <key>Text</key>

585 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

586 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

587 {\colortbl;\red255\green255\blue255;}

588 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

589

590 \f0\fs26 \cf0 ...called x-converter **}</string>

591 <key>VerticalPad</key>

592 <integer>2</integer>

593 </dict>

594 <key>Wrap</key>

595 <string>NO</string>

596 </dict>

597 <dict>

598 <key>Class</key>

599 <string>LineGraphic</string>

600 <key>ID</key>

601 <integer>34174</integer>

602 <key>Points</key>

603 <array>

604 <string>{326.83134038331934, 380.09390258789062} </string>

605 <string>{358.5, 400.75006103515625}</string>

606 </array>

607 <key>Style</key>

608 <dict>

609 <key>stroke</key>

610 <dict>

611 <key>HeadArrow</key>

612 <string>FilledArrow</string>

613 <key>Legacy</key>

614 <true/>

615 <key>TailArrow</key>

616 <string>0</string>

617 </dict>

618 </dict>

619 <key>Tail</key>

620 <dict>

621 <key>ID</key>

622 <integer>34173</integer>

623 </dict>

624 </dict>

625 <dict>

626 <key>Bounds</key>

627 <string>{{255.5, 360.09390258789062}, {112, 20}}</string >

628 <key>Class</key>

629 <string>ShapedGraphic</string>

630 <key>FitText</key>

631 <string>YES</string>

632 <key>Flow</key>

633 <string>Resize</string>

634 <key>FontInfo</key>

635 <dict>

636 <key>Font</key>

637 <string>HelveticaNeue</string>

638 <key>Size</key>

639 <real>13</real>

640 </dict>

641 <key>ID</key>

642 <integer>34173</integer>

643 <key>Shape</key>

644 <string>Rectangle</string>

645 <key>Style</key>

646 <dict>

647 <key>fill</key>

648 <dict>

649 <key>Color</key>

650 <dict>

651 <key>b</key>

652 <string>0.843326</string>

653 <key>g</key>

654 <string>1</string>

655 <key>r</key>

656 <string>0.588465</string>

657 </dict>

658 </dict>

659 <key>shadow</key>

660 <dict>

661 <key>Draws</key>

662 <string>NO</string>

663 </dict>

664 <key>stroke</key>

665 <dict>

666 <key>Draws</key>

667 <string>NO</string>

668 </dict>

669 </dict>

670 <key>Text</key>

671 <dict>

672 <key>Align</key>

673 <integer>0</integer>

674 <key>Pad</key>

675 <integer>2</integer>

676 <key>Text</key>

677 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

678 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

679 {\colortbl;\red255\green255\blue255;}

680 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

681

682 \f0\fs26 \cf0 a new kind of div **}</string>

683 <key>VerticalPad</key>

684 <integer>2</integer>

685 </dict>

686 <key>Wrap</key>

687 <string>NO</string>

688 </dict>

689 <dict>

690 <key>Bounds</key>

691 <string>{{338, 399.15020751953125}, {96.5, 12.8498535156 25}}</string>

692 <key>Class</key>

693 <string>ShapedGraphic</string>

694 <key>ID</key>

695 <integer>34172</integer>

696 <key>Magnets</key>

697 <array>

698 <string>{-0.10493827160493829, -0.25}</string>

699 </array>

700 <key>Shape</key>

701 <string>Rectangle</string>

702 <key>Style</key>

703 <dict>

704 <key>fill</key>

705 <dict>

706 <key>Color</key>

707 <dict>

708 <key>b</key>

709 <string>0.843326</string>

710 <key>g</key>

711 <string>1</string>

712 <key>r</key>

713 <string>0.588465</string>

714 </dict>

715 </dict>

716 <key>shadow</key>

717 <dict>

718 <key>Draws</key>

719 <string>NO</string>

720 </dict>

721 <key>stroke</key>

722 <dict>

723 <key>Draws</key>

724 <string>NO</string>

725 </dict>

726 </dict>

727 </dict>

728 <dict>

729 <key>Bounds</key>

730 <string>{{436.5, 399.07513427734375}, {139, 12.849853515 625}}</string>

731 <key>Class</key>

732 <string>ShapedGraphic</string>

733 <key>ID</key>

734 <integer>34171</integer>

735 <key>Magnets</key>

736 <array>

737 <string>{-0.10493827160493829, -0.25}</string>

738 </array>

739 <key>Shape</key>

740 <string>Rectangle</string>

741 <key>Style</key>

742 <dict>

743 <key>fill</key>

744 <dict>

745 <key>Color</key>

746 <dict>

747 <key>b</key>

748 <string>1</string>

749 <key>g</key>

750 <string>0.780106</string>

751 <key>r</key>

752 <string>0.753377</string>

753 </dict>

754 </dict>

755 <key>shadow</key>

756 <dict>

757 <key>Draws</key>

758 <string>NO</string>

759 </dict>

760 <key>stroke</key>

761 <dict>

762 <key>Draws</key>

763 <string>NO</string>

764 </dict>

765 </dict>

766 </dict>

767 <dict>

768 <key>Class</key>

769 <string>LineGraphic</string>

770 <key>ID</key>

771 <integer>34170</integer>

772 <key>Points</key>

773 <array>

774 <string>{241, 406.00006103515625}</string>

775 <string>{273.5, 406.00006103515625}</string>

776 </array>

777 <key>Style</key>

778 <dict>

779 <key>stroke</key>

780 <dict>

781 <key>HeadArrow</key>

782 <string>FilledArrow</string>

783 <key>Legacy</key>

784 <true/>

785 <key>TailArrow</key>

786 <string>0</string>

787 </dict>

788 </dict>

789 <key>Tail</key>

790 <dict>

791 <key>ID</key>

792 <integer>34169</integer>

793 </dict>

794 </dict>

795 <dict>

796 <key>Bounds</key>

797 <string>{{75, 396.00006103515625}, {166, 20}}</string>

798 <key>Class</key>

799 <string>ShapedGraphic</string>

800 <key>FitText</key>

801 <string>YES</string>

802 <key>Flow</key>

803 <string>Resize</string>

804 <key>FontInfo</key>

805 <dict>

806 <key>Font</key>

807 <string>HelveticaNeue</string>

808 <key>Size</key>

809 <real>13</real>

810 </dict>

811 <key>ID</key>

812 <integer>34169</integer>

813 <key>Shape</key>

814 <string>Rectangle</string>

815 <key>Style</key>

816 <dict>

817 <key>fill</key>

818 <dict>

819 <key>Color</key>

820 <dict>

821 <key>b</key>

822 <string>0.604698</string>

823 <key>g</key>

824 <string>0.928911</string>

825 <key>r</key>

826 <string>1</string>

827 </dict>

828 </dict>

829 <key>shadow</key>

830 <dict>

831 <key>Draws</key>

832 <string>NO</string>

833 </dict>

834 <key>stroke</key>

835 <dict>

836 <key>Draws</key>

837 <string>NO</string>

838 </dict>

839 </dict>

840 <key>Text</key>

841 <dict>

842 <key>Align</key>

843 <integer>0</integer>

844 <key>Pad</key>

845 <integer>2</integer>

846 <key>Text</key>

847 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

848 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

849 {\colortbl;\red255\green255\blue255;}

850 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

851

852 \f0\fs26 \cf0 defines custom element type}</string>

853 <key>VerticalPad</key>

854 <integer>2</integer>

855 </dict>

856 <key>Wrap</key>

857 <string>NO</string>

858 </dict>

859 <dict>

860 <key>Bounds</key>

861 <string>{{273.5, 396.07513427734375}, {546, 46}}</string >

862 <key>Class</key>

863 <string>ShapedGraphic</string>

864 <key>ID</key>

865 <integer>34168</integer>

866 <key>Magnets</key>

867 <array>

868 <string>{-0.10493827160493829, -0.25}</string>

869 </array>

870 <key>Shape</key>

871 <string>Rectangle</string>

872 <key>Style</key>

873 <dict>

874 <key>fill</key>

875 <dict>

876 <key>Color</key>

877 <dict>

878 <key>b</key>

879 <string>0.604698</string>

880 <key>g</key>

881 <string>0.928911</string>

882 <key>r</key>

883 <string>1</string>

884 </dict>

885 </dict>

886 <key>shadow</key>

887 <dict>

888 <key>Draws</key>

889 <string>NO</string>

890 </dict>

891 <key>stroke</key>

892 <dict>

893 <key>Draws</key>

894 <string>NO</string>

895 </dict>

896 </dict>

897 </dict>

898 <dict>

899 <key>Bounds</key>

900 <string>{{328.75, 677.87460327148438}, {63, 20}}</string >

901 <key>Class</key>

902 <string>ShapedGraphic</string>

903 <key>FitText</key>

904 <string>YES</string>

905 <key>Flow</key>

906 <string>Resize</string>

907 <key>FontInfo</key>

908 <dict>

909 <key>Font</key>

910 <string>HelveticaNeue</string>

911 <key>Size</key>

912 <real>13</real>

913 </dict>

914 <key>ID</key>

915 <integer>34167</integer>

916 <key>Shape</key>

917 <string>Rectangle</string>

918 <key>Style</key>

919 <dict>

920 <key>fill</key>

921 <dict>

922 <key>Color</key>

923 <dict>

924 <key>b</key>

925 <string>0.727695</string>

926 <key>g</key>

927 <string>0.825576</string>

928 <key>r</key>

929 <string>1</string>

930 </dict>

931 <key>Draws</key>

932 <string>NO</string>

933 </dict>

934 <key>shadow</key>

935 <dict>

936 <key>Draws</key>

937 <string>NO</string>

938 </dict>

939 <key>stroke</key>

940 <dict>

941 <key>Draws</key>

942 <string>NO</string>

943 </dict>

944 </dict>

945 <key>Text</key>

946 <dict>

947 <key>Align</key>

948 <integer>0</integer>

949 <key>Pad</key>

950 <integer>2</integer>

951 <key>Text</key>

952 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

953 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

954 {\colortbl;\red255\green255\blue255;}

955 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

956

957 \f0\fs26 \cf0 ** required}</string>

958 <key>VerticalPad</key>

959 <integer>2</integer>

960 </dict>

961 <key>Wrap</key>

962 <string>NO</string>

963 </dict>

964 <dict>

965 <key>Bounds</key>

966 <string>{{39, 533.89982604980469}, {475, 22}}</string>

967 <key>Class</key>

968 <string>ShapedGraphic</string>

969 <key>FitText</key>

970 <string>YES</string>

971 <key>Flow</key>

972 <string>Resize</string>

973 <key>FontInfo</key>

974 <dict>

975 <key>Color</key>

976 <dict>

977 <key>b</key>

978 <string>0</string>

979 <key>g</key>

980 <string>0</string>

981 <key>r</key>

982 <string>0.501961</string>

983 </dict>

984 <key>Font</key>

985 <string>HelveticaNeue-BoldItalic</string>

986 <key>Size</key>

987 <real>14</real>

988 </dict>

989 <key>ID</key>

990 <integer>34162</integer>

991 <key>Shape</key>

992 <string>Rectangle</string>

993 <key>Style</key>

994 <dict>

995 <key>fill</key>

996 <dict>

997 <key>Draws</key>

998 <string>NO</string>

999 </dict>

1000 <key>shadow</key>

1001 <dict>

1002 <key>Draws</key>

1003 <string>NO</string>

1004 </dict>

1005 <key>stroke</key>

1006 <dict>

1007 <key>Draws</key>

1008 <string>NO</string>

1009 </dict>

1010 </dict>

1011 <key>Text</key>

1012 <dict>

1013 <key>Align</key>

1014 <integer>0</integer>

1015 <key>Pad</key>

1016 <integer>2</integer>

1017 <key>Text</key>

1018 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

1019 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}

1020 {\colortbl;\red255\green255\blue255;\red128\green0\blue0;}

1021 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

1022

1023 \f0\i\b\fs28 \cf2 Save to $tutorial/web-components/images/custom-element-more.pn g}</string>

1024 <key>VerticalPad</key>

1025 <integer>2</integer>

1026 </dict>

1027 <key>Wrap</key>

1028 <string>NO</string>

1029 </dict>

1030 <dict>

1031 <key>Bounds</key>

1032 <string>{{327.5, 568.78076171875}, {555, 102}}</string>

1033 <key>Class</key>

1034 <string>ShapedGraphic</string>

1035 <key>FitText</key>

1036 <string>Vertical</string>

1037 <key>Flow</key>

1038 <string>Resize</string>

1039 <key>FontInfo</key>

1040 <dict>

1041 <key>Font</key>

1042 <string>CourierNewPSMT</string>

1043 <key>Size</key>

1044 <real>12</real>

1045 </dict>

1046 <key>ID</key>

1047 <integer>34161</integer>

1048 <key>Shape</key>

1049 <string>Rectangle</string>

1050 <key>Style</key>

1051 <dict>

1052 <key>fill</key>

1053 <dict>

1054 <key>Draws</key>

1055 <string>NO</string>

1056 </dict>

1057 <key>shadow</key>

1058 <dict>

1059 <key>Draws</key>

1060 <string>NO</string>

1061 </dict>

1062 <key>stroke</key>

1063 <dict>

1064 <key>Draws</key>

1065 <string>NO</string>

1066 </dict>

1067 </dict>

1068 <key>Text</key>

1069 <dict>

1070 <key>Align</key>

1071 <integer>0</integer>

1072 <key>Pad</key>

1073 <integer>2</integer>

1074 <key>Text</key>

1075 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

1076 \cocoascreenfonts1{\fonttbl\f0\fmodern\fcharset0 CourierNewPSMT;}

1077 {\colortbl;\red255\green255\blue255;}

1078 \deftab720

1079 \pard\pardeftab720

1080

1081 \f0\fs24 \cf0 <element extends="div" name="x-converter" constructor="Converte rComponent">\

1082 <template>\

1083 ...\

1084 </template>\

1085 <script type="application/dart" src="convertercomponent.dart">\

1086 </script>\

1087 </element>}</string>

1088 <key>VerticalPad</key>

1089 <integer>2</integer>

1090 </dict>

1091 </dict>

1092 <dict>

1093 <key>Class</key>

1094 <string>LineGraphic</string>

1095 <key>ID</key>

1096 <integer>34160</integer>

1097 <key>Points</key>

1098 <array>

1099 <string>{289, 642.42301836013792}</string>

1100 <string>{347.5, 642.39337158203125}</string>

1101 </array>

1102 <key>Style</key>

1103 <dict>

1104 <key>stroke</key>

1105 <dict>

1106 <key>HeadArrow</key>

1107 <string>FilledArrow</string>

1108 <key>Legacy</key>

1109 <true/>

1110 <key>TailArrow</key>

1111 <string>0</string>

1112 </dict>

1113 </dict>

1114 <key>Tail</key>

1115 <dict>

1116 <key>ID</key>

1117 <integer>34159</integer>

1118 </dict>

1119 </dict>

1120 <dict>

1121 <key>Bounds</key>

1122 <string>{{86, 632.47445678710938}, {203, 20}}</string>

1123 <key>Class</key>

1124 <string>ShapedGraphic</string>

1125 <key>FitText</key>

1126 <string>YES</string>

1127 <key>Flow</key>

1128 <string>Resize</string>

1129 <key>FontInfo</key>

1130 <dict>

1131 <key>Font</key>

1132 <string>HelveticaNeue</string>

1133 <key>Size</key>

1134 <real>13</real>

1135 </dict>

1136 <key>ID</key>

1137 <integer>34159</integer>

1138 <key>Shape</key>

1139 <string>Rectangle</string>

1140 <key>Style</key>

1141 <dict>

1142 <key>fill</key>

1143 <dict>

1144 <key>Color</key>

1145 <dict>

1146 <key>b</key>

1147 <string>1</string>

1148 <key>g</key>

1149 <string>0.860429</string>

1150 <key>r</key>

1151 <string>0.745947</string>

1152 </dict>

1153 </dict>

1154 <key>shadow</key>

1155 <dict>

1156 <key>Draws</key>

1157 <string>NO</string>

1158 </dict>

1159 <key>stroke</key>

1160 <dict>

1161 <key>Draws</key>

1162 <string>NO</string>

1163 </dict>

1164 </dict>

1165 <key>Text</key>

1166 <dict>

1167 <key>Align</key>

1168 <integer>0</integer>

1169 <key>Pad</key>

1170 <integer>2</integer>

1171 <key>Text</key>

1172 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

1173 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

1174 {\colortbl;\red255\green255\blue255;}

1175 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

1176

1177 \f0\fs26 \cf0 defines behavior of custom element}</string>

1178 <key>VerticalPad</key>

1179 <integer>2</integer>

1180 </dict>

1181 <key>Wrap</key>

1182 <string>NO</string>

1183 </dict>

1184 <dict>

1185 <key>Bounds</key>

1186 <string>{{343.5, 626.16815185546875}, {463, 32.306304931 640625}}</string>

1187 <key>Class</key>

1188 <string>ShapedGraphic</string>

1189 <key>ID</key>

1190 <integer>34158</integer>

1191 <key>Magnets</key>

1192 <array>

1193 <string>{-0.10493827160493829, -0.25}</string>

1194 </array>

1195 <key>Shape</key>

1196 <string>Rectangle</string>

1197 <key>Style</key>

1198 <dict>

1199 <key>fill</key>

1200 <dict>

1201 <key>Color</key>

1202 <dict>

1203 <key>b</key>

1204 <string>1</string>

1205 <key>g</key>

1206 <string>0.860429</string>

1207 <key>r</key>

1208 <string>0.745947</string>

1209 </dict>

1210 </dict>

1211 <key>shadow</key>

1212 <dict>

1213 <key>Draws</key>

1214 <string>NO</string>

1215 </dict>

1216 <key>stroke</key>

1217 <dict>

1218 <key>Draws</key>

1219 <string>NO</string>

1220 </dict>

1221 </dict>

1222 </dict>

1223 <dict>

1224 <key>Class</key>

1225 <string>LineGraphic</string>

1226 <key>ID</key>

1227 <integer>34151</integer>

1228 <key>Points</key>

1229 <array>

1230 <string>{289, 606.78076171875}</string>

1231 <string>{344.5, 606.78076171875}</string>

1232 </array>

1233 <key>Style</key>

1234 <dict>

1235 <key>stroke</key>

1236 <dict>

1237 <key>HeadArrow</key>

1238 <string>FilledArrow</string>

1239 <key>Legacy</key>

1240 <true/>

1241 <key>TailArrow</key>

1242 <string>0</string>

1243 </dict>

1244 </dict>

1245 <key>Tail</key>

1246 <dict>

1247 <key>ID</key>

1248 <integer>34148</integer>

1249 </dict>

1250 </dict>

1251 <dict>

1252 <key>Bounds</key>

1253 <string>{{54, 596.78076171875}, {235, 20}}</string>

1254 <key>Class</key>

1255 <string>ShapedGraphic</string>

1256 <key>FitText</key>

1257 <string>YES</string>

1258 <key>Flow</key>

1259 <string>Resize</string>

1260 <key>FontInfo</key>

1261 <dict>

1262 <key>Font</key>

1263 <string>HelveticaNeue</string>

1264 <key>Size</key>

1265 <real>13</real>

1266 </dict>

1267 <key>ID</key>

1268 <integer>34148</integer>

1269 <key>Shape</key>

1270 <string>Rectangle</string>

1271 <key>Style</key>

1272 <dict>

1273 <key>fill</key>

1274 <dict>

1275 <key>Color</key>

1276 <dict>

1277 <key>b</key>

1278 <string>0.727695</string>

1279 <key>g</key>

1280 <string>0.825576</string>

1281 <key>r</key>

1282 <string>1</string>

1283 </dict>

1284 </dict>

1285 <key>shadow</key>

1286 <dict>

1287 <key>Draws</key>

1288 <string>NO</string>

1289 </dict>

1290 <key>stroke</key>

1291 <dict>

1292 <key>Draws</key>

1293 <string>NO</string>

1294 </dict>

1295 </dict>

1296 <key>Text</key>

1297 <dict>

1298 <key>Align</key>

1299 <integer>0</integer>

1300 <key>Pad</key>

1301 <integer>2</integer>

1302 <key>Text</key>

1303 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

1304 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

1305 {\colortbl;\red255\green255\blue255;}

1306 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

1307

1308 \f0\fs26 \cf0 defines appearance of custom element **}</string>

1309 <key>VerticalPad</key>

1310 <integer>2</integer>

1311 </dict>

1312 <key>Wrap</key>

1313 <string>NO</string>

1314 </dict>

1315 <dict>

1316 <key>Bounds</key>

1317 <string>{{343.5, 584.78076171875}, {311, 40.612609863281 25}}</string>

1318 <key>Class</key>

1319 <string>ShapedGraphic</string>

1320 <key>ID</key>

1321 <integer>34147</integer>

1322 <key>Magnets</key>

1323 <array>

1324 <string>{-0.10493827160493829, -0.25}</string>

1325 </array>

1326 <key>Shape</key>

1327 <string>Rectangle</string>

1328 <key>Style</key>

1329 <dict>

1330 <key>fill</key>

1331 <dict>

1332 <key>Color</key>

1333 <dict>

1334 <key>b</key>

1335 <string>0.727695</string>

1336 <key>g</key>

1337 <string>0.825576</string>

1338 <key>r</key>

1339 <string>1</string>

1340 </dict>

1341 </dict>

1342 <key>shadow</key>

1343 <dict>

1344 <key>Draws</key>

1345 <string>NO</string>

1346 </dict>

1347 <key>stroke</key>

1348 <dict>

1349 <key>Draws</key>

1350 <string>NO</string>

1351 </dict>

1352 </dict>

1353 </dict>

1354 <dict>

1355 <key>Bounds</key>

1356 <string>{{327.5, 568.8558349609375}, {546, 101.924926757 8125}}</string>

1357 <key>Class</key>

1358 <string>ShapedGraphic</string>

1359 <key>ID</key>

1360 <integer>34146</integer>

1361 <key>Magnets</key>

1362 <array>

1363 <string>{-0.10493827160493829, -0.25}</string>

1364 </array>

1365 <key>Shape</key>

1366 <string>Rectangle</string>

1367 <key>Style</key>

1368 <dict>

1369 <key>fill</key>

1370 <dict>

1371 <key>Color</key>

1372 <dict>

1373 <key>b</key>

1374 <string>0.604698</string>

1375 <key>g</key>

1376 <string>0.928911</string>

1377 <key>r</key>

1378 <string>1</string>

1379 </dict>

1380 </dict>

1381 <key>shadow</key>

1382 <dict>

1383 <key>Draws</key>

1384 <string>NO</string>

1385 </dict>

1386 <key>stroke</key>

1387 <dict>

1388 <key>Draws</key>

1389 <string>NO</string>

1390 </dict>

1391 </dict>

1392 </dict>

1393 <dict>

1394 <key>Class</key>

1395 <string>LineGraphic</string>

1396 <key>Head</key>

1397 <dict>

1398 <key>ID</key>

1399 <integer>34132</integer>

1400 </dict>

1401 <key>ID</key>

1402 <integer>34141</integer>

1403 <key>Points</key>

1404 <array>

1405 <string>{540.00000521211712, 101.64251708984375} </string>

1406 <string>{540.00000521211712, 126.46246337890625} </string>

1407 </array>

1408 <key>Style</key>

1409 <dict>

1410 <key>stroke</key>

1411 <dict>

1412 <key>HeadArrow</key>

1413 <string>FilledArrow</string>

1414 <key>Legacy</key>

1415 <true/>

1416 <key>TailArrow</key>

1417 <string>0</string>

1418 </dict>

1419 </dict>

1420 <key>Tail</key>

1421 <dict>

1422 <key>ID</key>

1423 <integer>34140</integer>

1424 </dict>

1425 </dict>

1426 <dict>

1427 <key>Bounds</key>

1428 <string>{{488, 81.64251708984375}, {104, 20}}</string>

1429 <key>Class</key>

1430 <string>ShapedGraphic</string>

1431 <key>FitText</key>

1432 <string>YES</string>

1433 <key>Flow</key>

1434 <string>Resize</string>

1435 <key>FontInfo</key>

1436 <dict>

1437 <key>Font</key>

1438 <string>HelveticaNeue</string>

1439 <key>Size</key>

1440 <real>13</real>

1441 </dict>

1442 <key>ID</key>

1443 <integer>34140</integer>

1444 <key>Shape</key>

1445 <string>Rectangle</string>

1446 <key>Style</key>

1447 <dict>

1448 <key>fill</key>

1449 <dict>

1450 <key>Color</key>

1451 <dict>

1452 <key>b</key>

1453 <string>1</string>

1454 <key>g</key>

1455 <string>0.780106</string>

1456 <key>r</key>

1457 <string>0.753377</string>

1458 </dict>

1459 </dict>

1460 <key>shadow</key>

1461 <dict>

1462 <key>Draws</key>

1463 <string>NO</string>

1464 </dict>

1465 <key>stroke</key>

1466 <dict>

1467 <key>Draws</key>

1468 <string>NO</string>

1469 </dict>

1470 </dict>

1471 <key>Text</key>

1472 <dict>

1473 <key>Align</key>

1474 <integer>0</integer>

1475 <key>Pad</key>

1476 <integer>2</integer>

1477 <key>Text</key>

1478 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

1479 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

1480 {\colortbl;\red255\green255\blue255;}

1481 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

1482

1483 \f0\fs26 \cf0 called x-converter}</string>

1484 <key>VerticalPad</key>

1485 <integer>2</integer>

1486 </dict>

1487 <key>Wrap</key>

1488 <string>NO</string>

1489 </dict>

1490 <dict>

1491 <key>Class</key>

1492 <string>LineGraphic</string>

1493 <key>Head</key>

1494 <dict>

1495 <key>ID</key>

1496 <integer>34133</integer>

1497 </dict>

1498 <key>ID</key>

1499 <integer>34138</integer>

1500 <key>Points</key>

1501 <array>

1502 <string>{420.25025259163294, 101.64251708984375} </string>

1503 <string>{420.25088141899641, 126.53753662109375} </string>

1504 </array>

1505 <key>Style</key>

1506 <dict>

1507 <key>stroke</key>

1508 <dict>

1509 <key>HeadArrow</key>

1510 <string>FilledArrow</string>

1511 <key>Legacy</key>

1512 <true/>

1513 <key>TailArrow</key>

1514 <string>0</string>

1515 </dict>

1516 </dict>

1517 <key>Tail</key>

1518 <dict>

1519 <key>ID</key>

1520 <integer>34125</integer>

1521 </dict>

1522 </dict>

1523 <dict>

1524 <key>Bounds</key>

1525 <string>{{373.75, 81.64251708984375}, {93, 20}}</string>

1526 <key>Class</key>

1527 <string>ShapedGraphic</string>

1528 <key>FitText</key>

1529 <string>YES</string>

1530 <key>Flow</key>

1531 <string>Resize</string>

1532 <key>FontInfo</key>

1533 <dict>

1534 <key>Font</key>

1535 <string>HelveticaNeue</string>

1536 <key>Size</key>

1537 <real>13</real>

1538 </dict>

1539 <key>ID</key>

1540 <integer>34125</integer>

1541 <key>Shape</key>

1542 <string>Rectangle</string>

1543 <key>Style</key>

1544 <dict>

1545 <key>fill</key>

1546 <dict>

1547 <key>Color</key>

1548 <dict>

1549 <key>b</key>

1550 <string>0.843326</string>

1551 <key>g</key>

1552 <string>1</string>

1553 <key>r</key>

1554 <string>0.588465</string>

1555 </dict>

1556 </dict>

1557 <key>shadow</key>

1558 <dict>

1559 <key>Draws</key>

1560 <string>NO</string>

1561 </dict>

1562 <key>stroke</key>

1563 <dict>

1564 <key>Draws</key>

1565 <string>NO</string>

1566 </dict>

1567 </dict>

1568 <key>Text</key>

1569 <dict>

1570 <key>Align</key>

1571 <integer>0</integer>

1572 <key>Pad</key>

1573 <integer>2</integer>

1574 <key>Text</key>

1575 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

1576 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

1577 {\colortbl;\red255\green255\blue255;}

1578 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

1579

1580 \f0\fs26 \cf0 a subtype of div}</string>

1581 <key>VerticalPad</key>

1582 <integer>2</integer>

1583 </dict>

1584 <key>Wrap</key>

1585 <string>NO</string>

1586 </dict>

1587 <dict>

1588 <key>Bounds</key>

1589 <string>{{372, 126.53753662109375}, {96.5, 12.8498535156 25}}</string>

1590 <key>Class</key>

1591 <string>ShapedGraphic</string>

1592 <key>ID</key>

1593 <integer>34133</integer>

1594 <key>Shape</key>

1595 <string>Rectangle</string>

1596 <key>Style</key>

1597 <dict>

1598 <key>fill</key>

1599 <dict>

1600 <key>Color</key>

1601 <dict>

1602 <key>b</key>

1603 <string>0.843326</string>

1604 <key>g</key>

1605 <string>1</string>

1606 <key>r</key>

1607 <string>0.588465</string>

1608 </dict>

1609 </dict>

1610 <key>shadow</key>

1611 <dict>

1612 <key>Draws</key>

1613 <string>NO</string>

1614 </dict>

1615 <key>stroke</key>

1616 <dict>

1617 <key>Draws</key>

1618 <string>NO</string>

1619 </dict>

1620 </dict>

1621 </dict>

1622 <dict>

1623 <key>Bounds</key>

1624 <string>{{470.5, 126.46246337890625}, {139, 12.849853515 625}}</string>

1625 <key>Class</key>

1626 <string>ShapedGraphic</string>

1627 <key>ID</key>

1628 <integer>34132</integer>

1629 <key>Shape</key>

1630 <string>Rectangle</string>

1631 <key>Style</key>

1632 <dict>

1633 <key>fill</key>

1634 <dict>

1635 <key>Color</key>

1636 <dict>

1637 <key>b</key>

1638 <string>1</string>

1639 <key>g</key>

1640 <string>0.780106</string>

1641 <key>r</key>

1642 <string>0.753377</string>

1643 </dict>

1644 </dict>

1645 <key>shadow</key>

1646 <dict>

1647 <key>Draws</key>

1648 <string>NO</string>

1649 </dict>

1650 <key>stroke</key>

1651 <dict>

1652 <key>Draws</key>

1653 <string>NO</string>

1654 </dict>

1655 </dict>

1656 </dict>

1657 <dict>

1658 <key>Bounds</key>

1659 <string>{{54, 34.82257080078125}, {435, 22}}</string>

1660 <key>Class</key>

1661 <string>ShapedGraphic</string>

1662 <key>FitText</key>

1663 <string>YES</string>

1664 <key>Flow</key>

1665 <string>Resize</string>

1666 <key>FontInfo</key>

1667 <dict>

1668 <key>Color</key>

1669 <dict>

1670 <key>b</key>

1671 <string>0</string>

1672 <key>g</key>

1673 <string>0</string>

1674 <key>r</key>

1675 <string>0.501961</string>

1676 </dict>

1677 <key>Font</key>

1678 <string>HelveticaNeue-BoldItalic</string>

1679 <key>Size</key>

1680 <real>14</real>

1681 </dict>

1682 <key>ID</key>

1683 <integer>63</integer>

1684 <key>Shape</key>

1685 <string>Rectangle</string>

1686 <key>Style</key>

1687 <dict>

1688 <key>fill</key>

1689 <dict>

1690 <key>Draws</key>

1691 <string>NO</string>

1692 </dict>

1693 <key>shadow</key>

1694 <dict>

1695 <key>Draws</key>

1696 <string>NO</string>

1697 </dict>

1698 <key>stroke</key>

1699 <dict>

1700 <key>Draws</key>

1701 <string>NO</string>

1702 </dict>

1703 </dict>

1704 <key>Text</key>

1705 <dict>

1706 <key>Align</key>

1707 <integer>0</integer>

1708 <key>Pad</key>

1709 <integer>2</integer>

1710 <key>Text</key>

1711 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

1712 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue;}

1713 {\colortbl;\red255\green255\blue255;\red128\green0\blue0;}

1714 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

1715

1716 \f0\i\b\fs28 \cf2 Save to $tutorial/web-components/images/custom-element.png}</s tring>

1717 <key>VerticalPad</key>

1718 <integer>2</integer>

1719 </dict>

1720 <key>Wrap</key>

1721 <string>NO</string>

1722 </dict>

1723 <dict>

1724 <key>Class</key>

1725 <string>LineGraphic</string>

1726 <key>ID</key>

1727 <integer>34122</integer>

1728 <key>Points</key>

1729 <array>

1730 <string>{269, 133.38739013671875}</string>

1731 <string>{307.5, 133.38739013671875}</string>

1732 </array>

1733 <key>Style</key>

1734 <dict>

1735 <key>stroke</key>

1736 <dict>

1737 <key>HeadArrow</key>

1738 <string>FilledArrow</string>

1739 <key>Legacy</key>

1740 <true/>

1741 <key>TailArrow</key>

1742 <string>0</string>

1743 </dict>

1744 </dict>

1745 <key>Tail</key>

1746 <dict>

1747 <key>ID</key>

1748 <integer>34121</integer>

1749 </dict>

1750 </dict>

1751 <dict>

1752 <key>Bounds</key>

1753 <string>{{121, 123.38739013671875}, {148, 20}}</string>

1754 <key>Class</key>

1755 <string>ShapedGraphic</string>

1756 <key>FitText</key>

1757 <string>YES</string>

1758 <key>Flow</key>

1759 <string>Resize</string>

1760 <key>FontInfo</key>

1761 <dict>

1762 <key>Font</key>

1763 <string>HelveticaNeue</string>

1764 <key>Size</key>

1765 <real>13</real>

1766 </dict>

1767 <key>ID</key>

1768 <integer>34121</integer>

1769 <key>Shape</key>

1770 <string>Rectangle</string>

1771 <key>Style</key>

1772 <dict>

1773 <key>fill</key>

1774 <dict>

1775 <key>Color</key>

1776 <dict>

1777 <key>b</key>

1778 <string>0.604698</string>

1779 <key>g</key>

1780 <string>0.928911</string>

1781 <key>r</key>

1782 <string>1</string>

1783 </dict>

1784 </dict>

1785 <key>shadow</key>

1786 <dict>

1787 <key>Draws</key>

1788 <string>NO</string>

1789 </dict>

1790 <key>stroke</key>

1791 <dict>

1792 <key>Draws</key>

1793 <string>NO</string>

1794 </dict>

1795 </dict>

1796 <key>Text</key>

1797 <dict>

1798 <key>Align</key>

1799 <integer>0</integer>

1800 <key>Pad</key>

1801 <integer>2</integer>

1802 <key>Text</key>

1803 <string>{\rtf1\ansi\ansicpg1252\cocoartf1187\coc oasubrtf340

1804 \cocoascreenfonts1{\fonttbl\f0\fnil\fcharset0 HelveticaNeue-Light;}

1805 {\colortbl;\red255\green255\blue255;}

1806 \pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx616 0\tx6720\pardirnatural

1807

1808 \f0\fs26 \cf0 custom element definition}</string>

1809 <key>VerticalPad</key>

1810 <integer>2</integer>

1811 </dict>

1812 <key>Wrap</key>

1813 <string>NO</string>

1814 </dict>

1815 <dict>

1816 <key>Bounds</key>

1817 <string>{{307.5, 123.46246337890625}, {338.5, 59.9249267 578125}}</string>

1818 <key>Class</key>

1819 <string>ShapedGraphic</string>

1820 <key>ID</key>

1821 <integer>34145</integer>

1822 <key>Magnets</key>

1823 <array>

1824 <string>{-0.10493827160493829, -0.25}</string>

1825 </array>

1826 <key>Shape</key>

1827 <string>Rectangle</string>

1828 <key>Style</key>

1829 <dict>

1830 <key>fill</key>

1831 <dict>

1832 <key>Color</key>

1833 <dict>

1834 <key>b</key>

1835 <string>0.604698</string>

1836 <key>g</key>

1837 <string>0.928911</string>

1838 <key>r</key>

1839 <string>1</string>

1840 </dict>

1841 </dict>

1842 <key>shadow</key>

1843 <dict>

1844 <key>Draws</key>

1845 <string>NO</string>

1846 </dict>

1847 <key>stroke</key>

1848 <dict>

1849 <key>Draws</key>

1850 <string>NO</string>

1851 </dict>

1852 </dict>

1853 </dict>

1854 </array>

1855 <key>GridInfo</key>

1856 <dict/>

1857 <key>GuidesLocked</key>

1858 <string>NO</string>

1859 <key>GuidesVisible</key>

1860 <string>YES</string>

1861 <key>HPages</key>

1862 <integer>2</integer>

1863 <key>ImageCounter</key>

1864 <integer>1</integer>

1865 <key>KeepToScale</key>

1866 <false/>

1867 <key>Layers</key>

1868 <array>

1869 <dict>

1870 <key>Lock</key>

1871 <string>NO</string>

1872 <key>Name</key>

1873 <string>Layer 1</string>

1874 <key>Print</key>

1875 <string>YES</string>

1876 <key>View</key>

1877 <string>YES</string>

1878 </dict>

1879 </array>

1880 <key>LayoutInfo</key>

1881 <dict>

1882 <key>Animate</key>

1883 <string>NO</string>

1884 <key>circoMinDist</key>

1885 <real>18</real>

1886 <key>circoSeparation</key>

1887 <real>0.0</real>

1888 <key>layoutEngine</key>

1889 <string>dot</string>

1890 <key>neatoSeparation</key>

1891 <real>0.0</real>

1892 <key>twopiSeparation</key>

1893 <real>0.0</real>

1894 </dict>

1895 <key>LinksVisible</key>

1896 <string>NO</string>

1897 <key>MagnetsVisible</key>

1898 <string>NO</string>

1899 <key>MasterSheets</key>

1900 <array/>

1901 <key>ModificationDate</key>

1902 <string>2013-01-07 22:24:27 +0000</string>

1903 <key>Modifier</key>

1904 <string>Mary Campione</string>

1905 <key>NotesVisible</key>

1906 <string>NO</string>

1907 <key>Orientation</key>

1908 <integer>2</integer>

1909 <key>OriginVisible</key>

1910 <string>NO</string>

1911 <key>PageBreaks</key>

1912 <string>YES</string>

1913 <key>PrintInfo</key>

1914 <dict>

1915 <key>NSBottomMargin</key>

1916 <array>

1917 <string>float</string>

1918 <string>41</string>

1919 </array>

1920 <key>NSHorizonalPagination</key>

1921 <array>

1922 <string>coded</string>

1923 <string>BAtzdHJlYW10eXBlZIHoA4QBQISEhAhOU051bWJlcgCEhAdO U1ZhbHVlAISECE5TT2JqZWN0AIWEASqEhAFxlwCG</string>

1924 </array>

1925 <key>NSLeftMargin</key>

1926 <array>

1927 <string>float</string>

1928 <string>18</string>

1929 </array>

1930 <key>NSPaperSize</key>

1931 <array>

1932 <string>size</string>

1933 <string>{612, 792}</string>

1934 </array>

1935 <key>NSPrintReverseOrientation</key>

1936 <array>

1937 <string>int</string>

1938 <string>0</string>

1939 </array>

1940 <key>NSRightMargin</key>

1941 <array>

1942 <string>float</string>

1943 <string>18</string>

1944 </array>

1945 <key>NSTopMargin</key>

1946 <array>

1947 <string>float</string>

1948 <string>18</string>

1949 </array>

1950 </dict>

1951 <key>PrintOnePage</key>

1952 <false/>

1953 <key>ReadOnly</key>

1954 <string>NO</string>

1955 <key>RowAlign</key>

1956 <integer>1</integer>

1957 <key>RowSpacing</key>

1958 <real>36</real>

1959 <key>SheetTitle</key>

1960 <string>Canvas 1</string>

1961 <key>SmartAlignmentGuidesActive</key>

1962 <string>YES</string>

1963 <key>SmartDistanceGuidesActive</key>

1964 <string>YES</string>

1965 <key>UniqueID</key>

1966 <integer>1</integer>

1967 <key>UseEntirePage</key>

1968 <false/>

1969 <key>VPages</key>

1970 <integer>1</integer>

1971 <key>WindowInfo</key>

1972 <dict>

1973 <key>CurrentSheet</key>

1974 <integer>0</integer>

1975 <key>ExpandedCanvases</key>

1976 <array>

1977 <dict>

1978 <key>name</key>

1979 <string>Canvas 1</string>

1980 </dict>

1981 </array>

1982 <key>Frame</key>

1983 <string>{{99, 192}, {1035, 894}}</string>

1984 <key>ListView</key>

1985 <true/>

1986 <key>OutlineWidth</key>

1987 <integer>142</integer>

1988 <key>RightSidebar</key>

1989 <true/>

1990 <key>ShowRuler</key>

1991 <true/>

1992 <key>Sidebar</key>

1993 <false/>

1994 <key>SidebarWidth</key>

1995 <integer>120</integer>

1996 <key>VisibleRegion</key>

1997 <string>{{13, -3}, {878, 740}}</string>

1998 <key>Zoom</key>

1999 <real>1</real>

2000 <key>ZoomValues</key>

2001 <array>

2002 <array>

2003 <string>Canvas 1</string>

2004 <real>1</real>

2005 <real>1</real>

2006 </array>

2007 </array>

2008 </dict>

2009 </dict>

2010 </plist>

OLD	NEW