| OLD | NEW |
| 1 # Web Components | 1 # Web Components |
| 2 | 2 |
| 3 This package has the polyfills for | 3 This package has the polyfills for |
| 4 [Shadow DOM](http://www.polymer-project.org/platform/shadow-dom.html), | 4 [Shadow DOM](http://www.polymer-project.org/platform/shadow-dom.html), |
| 5 [Custom Elements](http://www.polymer-project.org/platform/custom-elements.html), | 5 [Custom Elements](http://www.polymer-project.org/platform/custom-elements.html), |
| 6 and [HTML Imports](http://www.polymer-project.org/platform/html-imports.html). | 6 and [HTML Imports](http://www.polymer-project.org/platform/html-imports.html). |
| 7 | 7 |
| 8 These features exist in dart:html, for example | 8 These features exist in dart:html, for example |
| 9 [Element.reateShadowRoot](https://api.dartlang.org/apidocs/channels/stable/#dart
-dom-html.Element@id_createShadowRoot) | 9 [Element.reateShadowRoot](https://api.dartlang.org/apidocs/channels/stable/#dart
-dom-html.Element@id_createShadowRoot) |
| 10 and [Document.register](https://api.dartlang.org/apidocs/channels/stable/#dart-d
om-html.HtmlDocument@id_register). | 10 and [Document.register](https://api.dartlang.org/apidocs/channels/stable/#dart-d
om-html.HtmlDocument@id_register). |
| (...skipping 46 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 57 shadow roots. It provides a method of establishing and maintaining functional | 57 shadow roots. It provides a method of establishing and maintaining functional |
| 58 boundaries between DOM trees and how these trees interact with each other within | 58 boundaries between DOM trees and how these trees interact with each other within |
| 59 a document, thus enabling better functional encapsulation within the DOM. | 59 a document, thus enabling better functional encapsulation within the DOM. |
| 60 | 60 |
| 61 See the Polymer [Shadow DOM page](http://www.polymer-project.org/platform/shadow
-dom.html) | 61 See the Polymer [Shadow DOM page](http://www.polymer-project.org/platform/shadow
-dom.html) |
| 62 for more information. | 62 for more information. |
| 63 | 63 |
| 64 | 64 |
| 65 ## Hacking on this package | 65 ## Hacking on this package |
| 66 | 66 |
| 67 *NOTE*: Currently we use | |
| 68 [a patched version of CustomElements](https://github.com/dart-lang/CustomElement
s/tree/blink_tests). | |
| 69 This is to get polyfilled behavior closer to native. | |
| 70 See [this pull request](https://github.com/Polymer/CustomElements/pull/97) for | |
| 71 more information. It is not required to use these changes; platform.js from | |
| 72 https://polymer-project.org will work just as well, but it will have less error | |
| 73 checking. | |
| 74 | |
| 75 To rebuild platform.js: | 67 To rebuild platform.js: |
| 76 | 68 |
| 77 ```bash | 69 ```bash |
| 78 # Make a directory like ~/src/polymer | 70 # Make a directory like ~/src/polymer |
| 79 mkdir ~/src/polymer | 71 mkdir ~/src/polymer |
| 80 cd ~/src/polymer | 72 cd ~/src/polymer |
| 81 git clone https://github.com/polymer/tools | 73 git clone https://github.com/polymer/tools |
| 82 | 74 |
| 83 # Sync polymer repositories | 75 # Sync polymer repositories |
| 84 ./tools/bin/pull-all-polymer.sh | 76 ./tools/bin/pull-all-polymer.sh |
| 85 | 77 |
| 86 # If you don't have "npm", get it here: http://nodejs.org | 78 # If you don't have "npm", get it here: http://nodejs.org |
| 87 cd platform-dev | 79 cd platform-dev |
| 88 npm install | 80 npm install |
| 89 grunt minify audit | 81 grunt minify audit |
| 90 cd build | 82 cd build |
| 91 | 83 |
| 92 # Copy the build output to your Dart source tree | 84 # Copy the build output to your Dart source tree |
| 93 cp build.log platform* ~/dart/dart/pkg/web_components/lib | 85 cp build.log platform* ~/dart/dart/pkg/web_components/lib |
| 94 ``` | 86 ``` |
| OLD | NEW |