uikit 3.15.5-dev.ec9b624fd → 3.15.6-dev.fb448ac28

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.15.5-dev.ec9b624fd",
+    "version": "3.15.6-dev.fb448ac28",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [
@@ -34,7 +34,7 @@
     },
     "homepage": "https://getuikit.com",
     "devDependencies": {
-        "@babel/core": "^7.18.10",
+        "@babel/core": "^7.18.13",
         "@babel/preset-env": "^7.18.10",
         "@rollup/plugin-alias": "^3.1.9",
         "@rollup/plugin-babel": "^5.3.1",
@@ -43,8 +43,8 @@
         "camelcase": "^7.0.0",
         "clean-css": "^5.3.1",
         "dateformat": "^5.0.3",
-        "esbuild": "^0.14.53",
-        "eslint": "^8.21.0",
+        "esbuild": "^0.15.5",
+        "eslint": "^8.22.0",
         "eslint-config-prettier": "^8.5.0",
         "fs-extra": "^10.1.0",
         "glob": "^8.0.3",
@@ -54,8 +54,8 @@
         "number-precision": "^1.5.2",
         "p-limit": "^4.0.0",
         "prettier": "^2.7.1",
-        "rollup": "^2.77.2",
-        "rollup-plugin-esbuild": "^4.9.1",
+        "rollup": "^2.78.1",
+        "rollup-plugin-esbuild": "^4.9.3",
         "rollup-plugin-html": "^0.2.1",
         "rollup-plugin-modify": "^3.0.0",
         "rtlcss": "^3.5.0",

package/src/js/core/scrollspy.js

@@ -151,6 +151,9 @@ export default {
             trigger(el, inview ? 'inview' : 'outview');
 
             state.inview = inview;
+
+            // change to `visibility: hidden` does not trigger observers
+            this.$update(el);
         },
     },
 };

package/src/js/core/switcher.js

@@ -12,6 +12,7 @@ import {
     getIndex,
     hasClass,
     matches,
+    observeMutation,
     queryAll,
     ready,
     toggleClass,
@@ -51,11 +52,22 @@ export default {
                     css(connects, 'touchAction', 'pan-y pinch-zoom');
                 }
 
-                const index = this.index();
-                this.connects.forEach((el) => {
-                    children(el).forEach((child, i) => toggleClass(child, this.cls, i === index));
-                    this.lazyload(this.$el, children(el));
-                });
+                this._observer?.disconnect();
+                this.registerObserver(
+                    (this._observer = observeMutation(
+                        connects,
+                        (records) => {
+                            const index = this.index();
+                            for (const { target: el } of records) {
+                                children(el).forEach((child, i) =>
+                                    toggleClass(child, this.cls, i === index)
+                                );
+                                this.lazyload(this.$el, children(el));
+                            }
+                        },
+                        { childList: true }
+                    ))
+                );
             },
 
             immediate: true,

package/src/js/mixin/slider-drag.js

@@ -9,6 +9,7 @@ import {
     off,
     on,
     selInput,
+    toNodes,
     trigger,
 } from 'uikit-util';
 
@@ -52,7 +53,7 @@ export default {
             handler(e) {
                 if (
                     !this.draggable ||
-                    (!isTouch(e) && hasTextNodesOnly(e.target)) ||
+                    (!isTouch(e) && hasSelectableText(e.target)) ||
                     closest(e.target, selInput) ||
                     e.button > 0 ||
                     this.length < 2
@@ -221,6 +222,9 @@ export default {
     },
 };
 
-function hasTextNodesOnly(el) {
-    return !el.children.length && el.childNodes.length;
+function hasSelectableText(el) {
+    return (
+        css(el, 'userSelect') !== 'none' &&
+        toNodes(el.childNodes).some((el) => el.nodeType === 3 && el.textContent.trim())
+    );
 }