12345678910111213141516171819202122232425262728293031323334353637 |
- "use strict";
- Object.defineProperty(exports, "__esModule", {
- value: true
- });
- exports.displayContent = displayContent;
- // This wrapper function is used to safely select the best available function
- // to schedule removal of the no-FOUC styles workaround. requestAnimationFrame
- // is the ideal choice, but when used in iframes, there are no guarantees that
- // the callback will actually be called, which could stall the promise returned
- // from displayContent.
- //
- // See: https://www.vector-logic.com/blog/posts/on-request-animation-frame-and-embedded-iframes
- const safeCallbackQueue = (callback)=>{
- if (window.requestAnimationFrame && window.self === window.top) {
- window.requestAnimationFrame(callback);
- } else {
- window.setTimeout(callback);
- }
- };
- function displayContent() {
- return new Promise((resolve)=>{
- safeCallbackQueue(function() {
- for(var x = document.querySelectorAll('[data-next-hide-fouc]'), i = x.length; i--;){
- x[i].parentNode.removeChild(x[i]);
- }
- resolve();
- });
- });
- }
- if ((typeof exports.default === 'function' || (typeof exports.default === 'object' && exports.default !== null)) && typeof exports.default.__esModule === 'undefined') {
- Object.defineProperty(exports.default, '__esModule', { value: true });
- Object.assign(exports.default, exports);
- module.exports = exports.default;
- }
- //# sourceMappingURL=fouc.js.map
|