| // 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 | |
| ; | |
| Object.defineProperty(exports, "__esModule", { | |
| value: true | |
| }); | |
| Object.defineProperty(exports, "displayContent", { | |
| enumerable: true, | |
| get: function() { | |
| return displayContent; | |
| } | |
| }); | |
| 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 |