| OLD | NEW |
| 1 // Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file | 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 | 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. | 3 // BSD-style license that can be found in the LICENSE file. |
| 4 | 4 |
| 5 /** Ported from `polymer/src/boot.js`. **/ | 5 /** Ported from `polymer/src/boot.js`. **/ |
| 6 part of polymer; | 6 part of polymer; |
| 7 | 7 |
| 8 /** Prevent a flash of unstyled content. */ | 8 /** Prevent a flash of unstyled content. */ |
| 9 _preventFlashOfUnstyledContent() { | 9 _preventFlashOfUnstyledContent() { |
| 10 | 10 |
| 11 var style = new StyleElement(); | 11 var style = new StyleElement(); |
| 12 style.text = '.$_VEILED_CLASS { ' | 12 style.text = '.$_VEILED_CLASS { ' |
| 13 'opacity: 0; } \n' | 13 'opacity: 0; } \n' |
| 14 '.$_UNVEIL_CLASS{ ' | 14 '.$_UNVEIL_CLASS{ ' |
| 15 '-webkit-transition: opacity ${_TRANSITION_TIME}s; ' | 15 '-webkit-transition: opacity ${_TRANSITION_TIME}s; ' |
| 16 'transition: opacity ${_TRANSITION_TIME}s; }\n'; | 16 'transition: opacity ${_TRANSITION_TIME}s; }\n'; |
| 17 | 17 |
| 18 // Note: we use `query` and not `document.head` to make sure this code works | 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 | 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). | 20 // override the definitions of document, document.head, or document.body). |
| 21 var head = document.querySelector('head'); | 21 var head = document.querySelector('head'); |
| 22 head.insertBefore(style, head.firstChild); | 22 head.insertBefore(style, head.firstChild); |
| 23 | 23 |
| 24 _veilElements(); | 24 _veilElements(); |
| 25 | 25 |
| 26 // hookup auto-unveiling | 26 // hookup auto-unveiling |
| 27 Polymer.onReady.then((_) { | 27 Polymer.onReady.then((_) => Polymer.unveilElements()); |
| 28 Polymer.unveilElements(); | |
| 29 }); | |
| 30 } | 28 } |
| 31 | 29 |
| 32 // add polymer styles | 30 // add polymer styles |
| 33 const _VEILED_CLASS = 'polymer-veiled'; | 31 const _VEILED_CLASS = 'polymer-veiled'; |
| 34 const _UNVEIL_CLASS = 'polymer-unveil'; | 32 const _UNVEIL_CLASS = 'polymer-unveil'; |
| 35 const _TRANSITION_TIME = 0.3; | 33 const _TRANSITION_TIME = 0.3; |
| 36 | 34 |
| 37 // apply veiled class | 35 // apply veiled class |
| 38 _veilElements() { | 36 _veilElements() { |
| 39 for (var selector in Polymer.veiledElements) { | 37 for (var selector in Polymer.veiledElements) { |
| 40 for (var node in document.querySelectorAll(selector)) { | 38 for (var node in document.querySelectorAll(selector)) { |
| 41 node.classes.add(_VEILED_CLASS); | 39 node.classes.add(_VEILED_CLASS); |
| 42 } | 40 } |
| 43 } | 41 } |
| 44 } | 42 } |
| OLD | NEW |