|
|
@@ -273,39 +273,41 @@
|
|
|
const observeIntersection = IntersectionObserver.prototype.observe;
|
|
|
const unobserveIntersection = IntersectionObserver.prototype.unobserve;
|
|
|
let warningIntersectionObserverDisplayed;
|
|
|
- window.IntersectionObserver = function () {
|
|
|
- if (!warningIntersectionObserverDisplayed) {
|
|
|
- console.warn("SingleFile is hooking the IntersectionObserver API to detect and load deferred images."); // eslint-disable-line no-console
|
|
|
- warningIntersectionObserverDisplayed = true;
|
|
|
- }
|
|
|
- const intersectionObserver = new IntersectionObserver(...arguments);
|
|
|
- const callback = arguments[0];
|
|
|
- const options = arguments[1];
|
|
|
- intersectionObserver.observe = function (targetElement) {
|
|
|
- let targetElements = observedElements.get(intersectionObserver);
|
|
|
- if (!targetElements) {
|
|
|
- targetElements = [];
|
|
|
- observedElements.set(intersectionObserver, targetElements);
|
|
|
+ if (observeIntersection && unobserveIntersection) {
|
|
|
+ window.IntersectionObserver = function () {
|
|
|
+ if (!warningIntersectionObserverDisplayed) {
|
|
|
+ console.warn("SingleFile is hooking the IntersectionObserver API to detect and load deferred images."); // eslint-disable-line no-console
|
|
|
+ warningIntersectionObserverDisplayed = true;
|
|
|
}
|
|
|
- targetElements.push(targetElement);
|
|
|
- return observeIntersection.call(intersectionObserver, targetElement);
|
|
|
- };
|
|
|
- intersectionObserver.unobserve = function (targetElement) {
|
|
|
- let targetElements = observedElements.get(intersectionObserver);
|
|
|
- if (targetElements) {
|
|
|
- targetElements = targetElements.filter(element => element <= targetElement);
|
|
|
- if (targetElements.length) {
|
|
|
+ const intersectionObserver = new IntersectionObserver(...arguments);
|
|
|
+ const callback = arguments[0];
|
|
|
+ const options = arguments[1];
|
|
|
+ intersectionObserver.observe = function (targetElement) {
|
|
|
+ let targetElements = observedElements.get(intersectionObserver);
|
|
|
+ if (!targetElements) {
|
|
|
+ targetElements = [];
|
|
|
observedElements.set(intersectionObserver, targetElements);
|
|
|
- } else {
|
|
|
- observedElements.delete(intersectionObserver);
|
|
|
}
|
|
|
- }
|
|
|
- return unobserveIntersection.call(intersectionObserver, targetElement);
|
|
|
+ targetElements.push(targetElement);
|
|
|
+ return observeIntersection.call(intersectionObserver, targetElement);
|
|
|
+ };
|
|
|
+ intersectionObserver.unobserve = function (targetElement) {
|
|
|
+ let targetElements = observedElements.get(intersectionObserver);
|
|
|
+ if (targetElements) {
|
|
|
+ targetElements = targetElements.filter(element => element <= targetElement);
|
|
|
+ if (targetElements.length) {
|
|
|
+ observedElements.set(intersectionObserver, targetElements);
|
|
|
+ } else {
|
|
|
+ observedElements.delete(intersectionObserver);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return unobserveIntersection.call(intersectionObserver, targetElement);
|
|
|
+ };
|
|
|
+ observers.set(intersectionObserver, { callback, options });
|
|
|
+ return intersectionObserver;
|
|
|
};
|
|
|
- observers.set(intersectionObserver, { callback, options });
|
|
|
- return intersectionObserver;
|
|
|
- };
|
|
|
- window.IntersectionObserver.toString = function () { return "function IntersectionObserver() { [native code]"; };
|
|
|
+ window.IntersectionObserver.toString = function () { return "function IntersectionObserver() { [native code]"; };
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
})();
|