| 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 |