uikit 3.16.15 → 3.16.16-dev.0851166f4

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.16.15 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
+/*! UIkit 3.16.16-dev.0851166f4 | https://www.getuikit.com | (c) 2014 - 2023 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -2159,7 +2159,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.16.15";
+    App.version = "3.16.16-dev.0851166f4";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -2435,9 +2435,9 @@
         }
       },
       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);
                 if (!trigger(el, `before${show ? "show" : "hide"}`, [this])) {
@@ -2456,8 +2456,11 @@
                   return Promise.reject();
                 }) : done();
               })
-            ).then(resolve, noop)
-          );
+            );
+            return true;
+          } catch (e) {
+            return false;
+          }
         },
         isToggled(el = this.$el) {
           el = toNode(el);
@@ -2796,7 +2799,7 @@
         }
       },
       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}`);
@@ -2806,7 +2809,7 @@
           if (!this.collapsible && activeItems.length < 2 && includes(activeItems, item)) {
             return;
           }
-          await Promise.all(
+          return Promise.all(
             items.map(
               (el) => this.toggleElement(el, !includes(activeItems, el), (el2, show) => {
                 toggleClass(el2, this.clsOpen, show);
@@ -2932,9 +2935,7 @@
           mute(this.$el);
         }
       },
-      observe: intersection({
-        args: { intersecting: false }
-      }),
+      observe: [intersection({ args: { intersecting: false } }), resize()],
       update: {
         read({ visible }) {
           if (!isVideo(this.$el)) {
@@ -2942,17 +2943,18 @@
           }
           return {
             prev: visible,
-            visible: isVisible(this.$el) && css(this.$el, "visibility") !== "hidden",
+            visible: isVisible(this.$el),
             inView: this.inView && isInView(this.$el)
           };
         },
         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"]
       }
     };
 
@@ -2971,7 +2973,7 @@
         }
       },
       observe: resize({
-        target: ({ $el }) => [$el, getPositionedParent($el) || parent($el)]
+        target: ({ $el }) => [getPositionedParent($el) || parent($el)]
       }),
       update: {
         read() {
@@ -4570,12 +4572,12 @@
     }
     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) {
       const img = new Image();
@@ -6005,7 +6007,7 @@
           this.$emit();
         },
         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));
           }
@@ -6125,11 +6127,10 @@
           });
           const animate = prev >= 0 && prev !== next;
           this.connects.forEach(async ({ children: children2 }) => {
-            await this.toggleElement(
-              toArray(children2).filter((child) => hasClass(child, this.cls)),
-              false,
-              animate
+            const actives = toArray(children2).filter(
+              (child, i) => i !== active && hasClass(child, this.cls)
             );
+            await this.toggleElement(actives, false, animate);
             await this.toggleElement(children2[active], true, animate);
           });
         }
@@ -6298,11 +6299,12 @@
             return;
           }
           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
+            );
+          }
         }
       }
     };