42 lines
1.5 KiB
JavaScript
42 lines
1.5 KiB
JavaScript
|
// 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
|
||
|
|
"use strict";
|
||
|
|
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
|