uikit 3.16.15 → 3.16.16-dev.0851166f4

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.15",
+  "version": "3.16.16-dev.0851166f4",
   "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

@@ -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/cover.js

@@ -21,7 +21,7 @@ export default {
     },
 
     observe: resize({
-        target: ({ $el }) => [$el, getPositionedParent($el) || parent($el)],
+        target: ({ $el }) => [getPositionedParent($el) || parent($el)],
     }),
 
     update: {

package/src/js/core/img.js

@@ -107,12 +107,12 @@ function setSrcAttrs(el, src) {
 
 const srcProps = ['data-src', 'data-srcset', 'sizes'];
 function setSourceProps(sourceEl, targetEl) {
-    srcProps.forEach((prop) => {
+    for (const prop of srcProps) {
         const value = data(sourceEl, prop);
         if (value) {
             attr(targetEl, prop.replace(/^(data-)+/, ''), value);
         }
-    });
+    }
 }
 
 function getImageFromElement(el, src, sources) {

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/core/video.js

@@ -1,5 +1,5 @@
-import { intersection } from '../api/observables';
-import { css, hasAttr, isInView, isTag, isVideo, isVisible, mute, pause, play } from 'uikit-util';
+import { intersection, resize } from '../api/observables';
+import { hasAttr, isInView, isTag, isVideo, isVisible, mute, pause, play } from 'uikit-util';
 
 export default {
     args: 'autoplay',
@@ -30,9 +30,7 @@ export default {
         }
     },
 
-    observe: intersection({
-        args: { intersecting: false },
-    }),
+    observe: [intersection({ args: { intersecting: false } }), resize()],
 
     update: {
         read({ visible }) {
@@ -42,7 +40,7 @@ export default {
 
             return {
                 prev: visible,
-                visible: isVisible(this.$el) && css(this.$el, 'visibility') !== 'hidden',
+                visible: isVisible(this.$el),
                 inView: this.inView && isInView(this.$el),
             };
         },
@@ -50,9 +48,11 @@ export default {
         write({ prev, visible, inView }) {
             if (!visible || (this.inView && !inView)) {
                 pause(this.$el);
-            } else if ((this.autoplay === true && !prev) || (this.inView && inView)) {
+            } else if ((this.autoplay === true && !prev) || inView) {
                 play(this.$el);
             }
         },
+
+        events: ['resize'],
     },
 };

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

@@ -156,16 +156,16 @@ export default {
 
             let itemShown;
 
-            [this.index, this.prevIndex]
-                .filter((i) => !includes([nextIndex, prevIndex], i))
-                .forEach((i) => {
+            for (const i of [this.index, this.prevIndex]) {
+                if (!includes([nextIndex, prevIndex], i)) {
                     trigger(slides[i], 'itemhidden', [this]);
 
                     if (edge) {
                         itemShown = true;
                         this.prevIndex = prevIndex;
                     }
-                });
+                }
+            }
 
             if ((this.index === prevIndex && this.prevIndex !== prevIndex) || itemShown) {
                 trigger(slides[this.index], 'itemshown', [this]);

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) {