uikit 3.16.16-dev.0cd70ed4a → 3.16.16-dev.1d3cd4b76

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.16.16-dev.0cd70ed4a",
+  "version": "3.16.16-dev.1d3cd4b76",
   "main": "dist/js/uikit.js",
   "style": "dist/css/uikit.css",
   "sideEffects": [
@@ -27,22 +27,22 @@
     "camelcase": "^7.0.1",
     "clean-css": "^5.3.2",
     "dateformat": "^5.0.3",
-    "esbuild": "^0.17.14",
-    "eslint": "^8.36.0",
+    "esbuild": "^0.17.17",
+    "eslint": "^8.38.0",
     "eslint-config-prettier": "^8.8.0",
     "fs-extra": "^11.1.1",
-    "glob": "^10.0.0",
+    "glob": "^10.2.1",
     "inquirer": "^9.1.5",
     "less": "^4.1.3",
     "minimist": "^1.2.8",
     "number-precision": "^1.6.0",
     "p-limit": "^4.0.0",
     "prettier": "^2.8.7",
-    "rollup": "^3.20.2",
+    "rollup": "^3.20.6",
     "rollup-plugin-esbuild": "^5.0.0",
     "rollup-plugin-modify": "^3.0.0",
-    "rtlcss": "^4.0.0",
-    "semver": "^7.3.8",
+    "rtlcss": "^4.1.0",
+    "semver": "^7.5.0",
     "svgo": "^3.0.2",
     "watch-run": "^1.2.5"
   },

package/src/js/components/tooltip.js

@@ -43,7 +43,7 @@ export default {
     },
 
     beforeConnect() {
-        this.id = generateId(this);
+        this.id = generateId(this, {});
         this._hasTitle = hasAttr(this.$el, 'title');
         attr(this.$el, {
             title: '',
@@ -77,16 +77,15 @@ export default {
 
             clearTimeout(this.showTimer);
 
-            if (!this.isToggled(this.tooltip || null)) {
-                return;
+            if (this.isToggled(this.tooltip || null)) {
+                await this.toggleElement(this.tooltip, false, false);
             }
 
-            await this.toggleElement(this.tooltip, false, false);
             remove(this.tooltip);
             this.tooltip = null;
         },
 
-        _show() {
+        async _show() {
             this.tooltip = append(
                 this.container,
                 `<div id="${this.id}" class="uk-${this.$options.name}" role="tooltip">
@@ -128,7 +127,9 @@ export default {
                 });
             });
 
-            this.toggleElement(this.tooltip, true);
+            if (!(await this.toggleElement(this.tooltip, true))) {
+                this.hide();
+            }
         },
     },
 

package/src/js/core/accordion.js

@@ -166,7 +166,7 @@ export default {
     },
 
     methods: {
-        async toggle(item, animate) {
+        toggle(item, animate) {
             item = this.items[getIndex(item, this.items)];
             let items = [item];
             const activeItems = filter(this.items, `.${this.clsOpen}`);
@@ -179,7 +179,7 @@ export default {
                 return;
             }
 
-            await Promise.all(
+            return Promise.all(
                 items.map((el) =>
                     this.toggleElement(el, !includes(activeItems, el), (el, show) => {
                         toggleClass(el, this.clsOpen, show);

package/src/js/core/switcher.js

@@ -79,7 +79,7 @@ export default {
         },
 
         connectChildren() {
-            const index = this.index();
+            let index = Math.max(0, this.index());
             for (const el of this.connects) {
                 children(el).forEach((child, i) => toggleClass(child, this.cls, i === index));
             }
@@ -241,11 +241,11 @@ export default {
 
             const animate = prev >= 0 && prev !== next;
             this.connects.forEach(async ({ children }) => {
-                await this.toggleElement(
-                    toArray(children).filter((child) => hasClass(child, this.cls)),
-                    false,
-                    animate
+                const actives = toArray(children).filter(
+                    (child, i) => i !== active && hasClass(child, this.cls)
                 );
+
+                await this.toggleElement(actives, false, animate);
                 await this.toggleElement(children[active], true, animate);
             });
         },

package/src/js/core/toggle.js

@@ -217,11 +217,12 @@ export default {
             }
 
             const toggled = this.target.filter(this.isToggled);
-            await this.toggleElement(toggled, false);
-            await this.toggleElement(
-                this.target.filter((el) => !includes(toggled, el)),
-                true
-            );
+            if (await this.toggleElement(toggled, false)) {
+                await this.toggleElement(
+                    this.target.filter((el) => !includes(toggled, el)),
+                    true
+                );
+            }
         },
     },
 };

package/src/js/mixin/togglable.js

@@ -9,7 +9,6 @@ import {
     isBoolean,
     isFunction,
     isVisible,
-    noop,
     removeClass,
     startsWith,
     toFloat,
@@ -54,9 +53,9 @@ export default {
     },
 
     methods: {
-        toggleElement(targets, toggle, animate) {
-            return new Promise((resolve) =>
-                Promise.all(
+        async toggleElement(targets, toggle, animate) {
+            try {
+                await Promise.all(
                     toNodes(targets).map((el) => {
                         const show = isBoolean(toggle) ? toggle : !this.isToggled(el);
 
@@ -92,8 +91,11 @@ export default {
                               })
                             : done();
                     })
-                ).then(resolve, noop)
-            );
+                );
+                return true;
+            } catch (e) {
+                return false;
+            }
         },
 
         isToggled(el = this.$el) {