uikit 3.19.5-dev.8210c3e08 → 3.19.5-dev.8317c4705

package/package.json

@@ -2,7 +2,7 @@
   "name": "uikit",
   "title": "UIkit",
   "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-  "version": "3.19.5-dev.8210c3e08",
+  "version": "3.19.5-dev.8317c4705",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [

package/src/js/api/observer.js

@@ -46,33 +46,21 @@ function registerObservable(instance, observable) {
     const targets = hasOwn(instance, key) ? instance[key] : target;
     const observer = observe(targets, handler, options, args);
 
-    if (isFunction(target) && isArray(instance[key])) {
-        registerWatch(
-            instance,
-            { handler: updateTargets(observer, options), immediate: false },
-            key,
-        );
+    if (isFunction(target) && isArray(instance[key]) && observer.unobserve) {
+        registerWatch(instance, { handler: updateTargets(observer), immediate: false }, key);
     }
 
     registerObserver(instance, observer);
 }
 
-function updateTargets(observer, options) {
+function updateTargets(observer) {
     return (targets, prev) => {
         for (const target of prev) {
-            if (!includes(targets, target)) {
-                if (observer.unobserve) {
-                    observer.unobserve(target);
-                } else {
-                    observer.disconnect();
-                }
-            }
+            !includes(targets, target) && observer.unobserve(target);
         }
 
         for (const target of targets) {
-            if (!includes(prev, target) || !observer.unobserve) {
-                observer.observe(target, options);
-            }
+            !includes(prev, target) && observer.observe(target);
         }
     };
 }

package/src/js/core/inverse.js

@@ -1,5 +1,5 @@
 import { $$, css, dimensions, matches, observeResize, on, replaceClass } from 'uikit-util';
-import { intersection, mutation } from '../api/observables';
+import { mutation } from '../api/observables';
 
 export default {
     props: {
@@ -17,12 +17,6 @@ export default {
     },
 
     observe: [
-        intersection({
-            handler([{ isIntersecting }]) {
-                this.isIntersecting = isIntersecting;
-            },
-            args: { intersecting: false },
-        }),
         mutation({
             target: ({ target }) => target,
             options: { attributes: true, attributeFilter: ['class'], attributeOldValue: true },
@@ -61,10 +55,6 @@ export default {
 
     update: {
         read() {
-            if (!this.isIntersecting) {
-                return false;
-            }
-
             for (const target of this.target) {
                 replaceClass(
                     target,

package/src/js/util/selector.js

@@ -83,7 +83,11 @@ function _query(selector, context = document, queryFn) {
                 return ctx;
             }
         } else if (sel[0] === '~' || (sel[0] === '+' && isSingle)) {
-            return _doQuery(parent(ctx), queryFn, `:scope :nth-child(${index(ctx) + 1}) ${sel}`);
+            return _doQuery(
+                parent(context),
+                queryFn,
+                `:scope :nth-child(${index(context) + 1}) ${sel}`,
+            );
         }
 
         if (ctx) {

package/src/js/util/svg.js

@@ -1,5 +1,16 @@
 import { $$ } from './dom';
 
 export function getMaxPathLength(el) {
-    return Math.ceil(Math.max(0, ...$$('[stroke]', el).map((stroke) => stroke.getTotalLength?.())));
+    return Math.ceil(
+        Math.max(
+            0,
+            ...$$('[stroke]', el).map((stroke) => {
+                try {
+                    return stroke.getTotalLength();
+                } catch (e) {
+                    return 0;
+                }
+            }),
+        ),
+    );
 }