uikit 3.25.15 → 3.25.16-dev.03f5a77

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.25.15",
+    "version": "3.25.16-dev.03f5a77",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [
@@ -20,7 +20,7 @@
         "prefix": "node build/prefix",
         "scope": "node build/scope",
         "release": "node build/release",
-        "watch": "chokidar \"**/*.less\" --initial -i \"node_modules\" -c \"node build/less\""
+        "watch": "node build/watch.js"
     },
     "repository": {
         "type": "git",
@@ -31,26 +31,21 @@
         "url": "https://github.com/uikit/uikit/issues"
     },
     "homepage": "https://getuikit.com",
-    "packageManager": "pnpm@10.29.2",
+    "packageManager": "pnpm@10.33.0",
     "devDependencies": {
         "@eslint/js": "^10.0.1",
         "@rollup/plugin-alias": "^6.0.0",
         "archiver": "^7.0.1",
         "camelcase": "^9.0.0",
-        "chokidar-cli": "^3.0.0",
         "clean-css": "^5.3.3",
-        "date-fns": "^4.1.0",
         "esbuild": "^0.28.0",
         "eslint": "^10.0.0",
         "eslint-config-prettier": "^10.1.8",
         "execa": "^9.6.1",
-        "fs-extra": "^11.3.2",
         "glob": "^13.0.0",
         "globals": "^17.0.0",
         "inquirer": "^13.1.0",
         "less": "^4.5.1",
-        "minimist": "^1.2.8",
-        "number-precision": "^1.6.0",
         "p-limit": "^7.2.0",
         "prettier": "^3.7.4",
         "prettier-plugin-organize-imports": "^4.3.0",

package/src/js/components/filter.js

@@ -10,6 +10,7 @@ import {
     includes,
     isEmpty,
     isEqual,
+    isNumeric,
     isTag,
     isUndefined,
     matches,
@@ -199,11 +200,15 @@ function matchFilter(
 }
 
 function sortItems(nodes, sort, order) {
-    return [...nodes].sort(
-        (a, b) =>
-            (data(a, sort) || '').localeCompare(data(b, sort), undefined, { numeric: true }) *
-            (order === 'asc' || -1),
-    );
+    return [...nodes].sort((a, b) => {
+        const valA = data(a, sort) || '';
+        const valB = data(b, sort) || '';
+        const cmp =
+            isNumeric(valA) && isNumeric(valB)
+                ? valA - valB
+                : valA.localeCompare(valB, undefined, { numeric: true });
+        return cmp * (order === 'asc' || -1);
+    });
 }
 
 function findButton(el) {

package/src/js/core/drop.js

@@ -460,13 +460,14 @@ function getViewport(el, target) {
 }
 
 function createToggleComponent(drop) {
-    const { $el } = drop.$create('toggle', query(drop.toggle, drop.$el), {
-        target: drop.$el,
-        mode: drop.mode,
-    });
-    $el.ariaHasPopup = true;
+    const el = query(drop.toggle, drop.$el);
+
+    if (el) {
+        drop.$create('toggle', el, { target: drop.$el, mode: drop.mode });
+        el.ariaHasPopup = true;
+    }
 
-    return $el;
+    return el;
 }
 
 function listenForResize(drop) {

package/src/js/mixin/class.js

@@ -1,7 +1,14 @@
-import { addClass } from 'uikit-util';
+import { addClass, hasClass, removeClass } from 'uikit-util';
 
 export default {
     connected() {
+        this._cmpCls = hasClass(this.$el, this.$options.id);
         addClass(this.$el, this.$options.id);
     },
+
+    disconnected() {
+        if (!this._cmpCls) {
+            removeClass(this.$el, this.$options.id);
+        }
+    },
 };

package/src/js/mixin/modal.js

@@ -3,6 +3,7 @@ import {
     addClass,
     append,
     css,
+    dimensions,
     endsWith,
     includes,
     isFocusable,
@@ -265,9 +266,18 @@ function toMs(time) {
 
 function preventBackgroundFocus(modal) {
     return on(document, 'focusin', (e) => {
-        if (last(active) === modal && !modal.$el.contains(e.target)) {
-            modal.$el.focus();
+        if (last(active) !== modal || modal.$el.contains(e.target)) {
+            return;
+        }
+
+        const { left, top, width, height } = dimensions(e.target);
+        const topEl = document.elementFromPoint(left + width / 2, top + height / 2);
+
+        if (topEl && (e.target.contains(topEl) || topEl.contains(e.target))) {
+            return;
         }
+
+        modal.$el.focus();
     });
 }
 

package/src/js/mixin/togglable.js

@@ -51,13 +51,15 @@ export default {
 
     methods: {
         async toggleElement(targets, toggle, animate) {
-            try {
+            const CANCELLED = {};
+
+            return (
                 await Promise.all(
                     toNodes(targets).map((el) => {
                         const show = isBoolean(toggle) ? toggle : !this.isToggled(el);
 
                         if (!trigger(el, `before${show ? 'show' : 'hide'}`, [this])) {
-                            return Promise.reject();
+                            return CANCELLED;
                         }
 
                         const promise = (
@@ -90,15 +92,12 @@ export default {
                         return promise
                             ? promise.then(done, () => {
                                   removeClass(el, cls);
-                                  return Promise.reject();
+                                  return CANCELLED;
                               })
                             : done();
                     }),
-                );
-                return true;
-            } catch {
-                return false;
-            }
+                )
+            ).every((r) => r !== CANCELLED);
         },
 
         isToggled(el = this.$el) {

package/src/js/util/viewport.js

@@ -140,7 +140,7 @@ export function scrollParents(element, scrollable = false, props = []) {
     let ancestors = parents(element).reverse();
     ancestors = ancestors.slice(ancestors.indexOf(scrollEl) + 1);
 
-    const fixedIndex = findIndex(ancestors, (el) => css(el, 'position') === 'fixed');
+    const fixedIndex = findIndex(ancestors, (el) => hasPosition(el, 'fixed'));
     if (~fixedIndex) {
         ancestors = ancestors.slice(fixedIndex);
     }

package/tests/upload.html

@@ -130,7 +130,7 @@
                             <td>The name parameter.</td>
                         </tr>
                         <tr>
-                            <td><code>type</code></td>
+                            <td><code>method</code></td>
                             <td>String</td>
                             <td>POST</td>
                             <td>The request type.</td>