Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(424)

Side by Side Diff: pkg/polymer/lib/src/boot.dart

Issue 182193002: [polymer] interop with polymer-element and polymer.js (Closed) Base URL: https://dart.googlecode.com/svn/branches/bleeding_edge/dart
Patch Set: Created 6 years, 9 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 | Annotate | Revision Log
« no previous file with comments | « pkg/polymer/lib/polymer.html ('k') | pkg/polymer/lib/src/declaration.dart » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file
2 // for details. All rights reserved. Use of this source code is governed by a
3 // BSD-style license that can be found in the LICENSE file.
4
5 /// Ported from `polymer/src/boot.js`. *
6 part of polymer;
7
8 /// Prevent a flash of unstyled content.
9 _preventFlashOfUnstyledContent() {
10
11 var style = new StyleElement();
12 style.text = '.$_VEILED_CLASS { '
13 'opacity: 0; } \n'
14 '.$_UNVEIL_CLASS{ '
15 '-webkit-transition: opacity ${_TRANSITION_TIME}s; '
16 'transition: opacity ${_TRANSITION_TIME}s; }\n';
17
18 // Note: we use `query` and not `document.head` to make sure this code works
19 // with the shadow_dom polyfill (a limitation of the polyfill is that it can't
20 // override the definitions of document, document.head, or document.body).
21 var head = document.querySelector('head');
22 head.insertBefore(style, head.firstChild);
23
24 _veilElements();
25
26 // hookup auto-unveiling
27 Polymer.onReady.then((_) => Polymer.unveilElements());
28 }
29
30 // add polymer styles
31 const _VEILED_CLASS = 'polymer-veiled';
32 const _UNVEIL_CLASS = 'polymer-unveil';
33 const _TRANSITION_TIME = 0.3;
34
35 // apply veiled class
36 _veilElements() {
37 for (var selector in Polymer.veiledElements) {
38 for (var node in document.querySelectorAll(selector)) {
39 node.classes.add(_VEILED_CLASS);
40 }
41 }
42 }
OLDNEW
« no previous file with comments | « pkg/polymer/lib/polymer.html ('k') | pkg/polymer/lib/src/declaration.dart » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698