OLD | NEW |
| (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 } | |
OLD | NEW |