uikit 3.12.3-dev.6377276f3 → 3.12.3-dev.8ce29ae1a

package/src/js/util/observer.js

@@ -1,33 +1,70 @@
+import { on } from './event';
 import { toNodes } from './lang';
+import { fastdom } from './fastdom';
 
-// Old chromium based browsers (UC Browser) did not implement `isIntersecting`
-export const hasIntersectionObserver =
-    window.IntersectionObserver && 'isIntersecting' in IntersectionObserverEntry.prototype;
 export function observeIntersection(targets, cb, options, intersecting = true) {
-    if (!hasIntersectionObserver) {
-        return;
-    }
-
-    const observer = new IntersectionObserver((entries, observer) => {
-        if (!intersecting || entries.some((entry) => entry.isIntersecting)) {
-            cb(entries, observer);
-        }
-    }, options);
-    for (const el of toNodes(targets)) {
-        observer.observe(el);
-    }
-    return observer;
+    return observe(
+        IntersectionObserver,
+        targets,
+        intersecting
+            ? (entries, observer) => {
+                  if (entries.some((entry) => entry.isIntersecting)) {
+                      cb(entries, observer);
+                  }
+              }
+            : cb,
+        options
+    );
 }
 
 const hasResizeObserver = window.ResizeObserver;
 export function observeResize(targets, cb, options = { box: 'border-box' }) {
-    if (!hasResizeObserver) {
+    if (hasResizeObserver) {
+        return observe(ResizeObserver, targets, cb, options);
+    }
+
+    // Fallback Safari < 13.1
+    initResizeListener();
+    listeners.add(cb);
+
+    return {
+        disconnect() {
+            listeners.delete(cb);
+        },
+    };
+}
+
+let listeners;
+function initResizeListener() {
+    if (listeners) {
         return;
     }
 
-    const observer = new ResizeObserver((entries, observer) => {
-        cb(entries, observer);
-    });
+    listeners = new Set();
+
+    // throttle 'resize'
+    let pendingResize;
+    const handleResize = () => {
+        if (pendingResize) {
+            return;
+        }
+        pendingResize = true;
+        fastdom.read(() => (pendingResize = false));
+        for (const listener of listeners) {
+            listener();
+        }
+    };
+
+    on(window, 'load resize', handleResize);
+    on(document, 'loadedmetadata load', handleResize, true);
+}
+
+export function observeMutation(targets, cb, options) {
+    return observe(MutationObserver, targets, cb, options);
+}
+
+function observe(Observer, targets, cb, options) {
+    const observer = new Observer(cb);
     for (const el of toNodes(targets)) {
         observer.observe(el, options);
     }