uikit 3.21.5-dev.ed4adca92 → 3.21.6-dev.4d6c5e2f9

package/dist/js/uikit-core.js

@@ -1,4 +1,4 @@
-/*! UIkit 3.21.5-dev.ed4adca92 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
+/*! UIkit 3.21.6-dev.4d6c5e2f9 | https://www.getuikit.com | (c) 2014 - 2024 YOOtheme | MIT License */
 
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
@@ -807,9 +807,8 @@
       fn(node);
       node = node.firstElementChild;
       while (node) {
-        const next = node.nextElementSibling;
         apply(node, fn);
-        node = next;
+        node = node.nextElementSibling;
       }
     }
     function $(selector, context) {
@@ -1122,7 +1121,7 @@
         call(el, { func: "playVideo", method: "play" });
       }
       if (isHTML5(el)) {
-        el.play();
+        el.play().catch(noop);
       }
     }
     function pause(el) {
@@ -2169,7 +2168,7 @@
     };
     App.util = util;
     App.options = {};
-    App.version = "3.21.5-dev.ed4adca92";
+    App.version = "3.21.6-dev.4d6c5e2f9";
 
     const PREFIX = "uk-";
     const DATA = "__uikit__";
@@ -3440,6 +3439,7 @@
           return [this.$el, ...$$(".uk-drop", this.$el)].some((el) => this.tracker.movesTo(el));
         },
         position() {
+          const restoreScrollPosition = storeScrollPosition(this.$el);
           removeClass(this.$el, "uk-drop-stack");
           css(this.$el, this._style);
           this.$el.hidden = true;
@@ -3486,6 +3486,7 @@
               this.positionAt(this.$el, this.target, this.boundary);
             }
           }
+          restoreScrollPosition();
         }
       }
     };
@@ -3656,8 +3657,8 @@
           delegate: ({ clsDrop }) => `.${clsDrop}`,
           handler(e) {
             var _a;
-            const { current, keyCode } = e;
-            if (!includes(this.dropdowns, current)) {
+            const { current, keyCode, target } = e;
+            if (isInput(target) || !includes(this.dropdowns, current)) {
               return;
             }
             const active2 = this.getActive();
@@ -4266,7 +4267,7 @@
             if (this.offsetTop) {
               if (isScrollingElement) {
                 const offsetTopEl = this.offsetTop === true ? this.$el : query(this.offsetTop, this.$el);
-                const top = offsetPosition(offsetTopEl)[0] - offsetPosition(scrollElement)[0];
+                const { top } = offset(offsetTopEl);
                 minHeight += top > 0 && top < viewportHeight / 2 ? ` - ${top}px` : "";
               } else {
                 minHeight += ` - ${boxModelAdjust(scrollElement, "height", css(scrollElement, "boxSizing"))}px`;
@@ -4316,10 +4317,10 @@
 
     var searchIcon = "<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"9\" cy=\"9\" r=\"7\"/><path fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" d=\"M14,14 L18,18 L14,14 Z\"/></svg>";
 
-    var searchMedium = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"10.5\" cy=\"10.5\" r=\"9.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"23\" y1=\"23\" x2=\"17\" y2=\"17\"/></svg>";
-
     var searchLarge = "<svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.8\" cx=\"17.5\" cy=\"17.5\" r=\"16.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.8\" x1=\"38\" y1=\"39\" x2=\"29\" y2=\"30\"/></svg>";
 
+    var searchMedium = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"><circle fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" cx=\"10.5\" cy=\"10.5\" r=\"9.5\"/><line fill=\"none\" stroke=\"#000\" stroke-width=\"1.1\" x1=\"23\" y1=\"23\" x2=\"17\" y2=\"17\"/></svg>";
+
     var slidenavNextLarge = "<svg width=\"25\" height=\"40\" viewBox=\"0 0 25 40\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"2\" points=\"4.002,38.547 22.527,20.024 4,1.5\"/></svg>";
 
     var slidenavNext = "<svg width=\"14\" height=\"24\" viewBox=\"0 0 14 24\"><polyline fill=\"none\" stroke=\"#000\" stroke-width=\"1.4\" points=\"1.225,23 12.775,12 1.225,1\"/></svg>";
@@ -4418,7 +4419,12 @@
     }
 
     function getMaxPathLength(el) {
-      return isVisible(el) ? Math.ceil(Math.max(0, ...$$("[stroke]", el).map((stroke) => stroke.getTotalLength()))) : 0;
+      return isVisible(el) ? Math.ceil(
+        Math.max(0, ...$$("[stroke]", el).map((stroke) => {
+          var _a;
+          return ((_a = stroke.getTotalLength) == null ? void 0 : _a.call(stroke)) || 0;
+        }))
+      ) : 0;
     }
 
     var svg = {
@@ -5751,7 +5757,7 @@
         cls: "uk-active",
         closest: false,
         scroll: false,
-        target: "a[href]",
+        target: 'a[href]:not([role="button"])',
         offset: 0
       },
       computed: {
@@ -5868,10 +5874,10 @@
         viewport(),
         scroll$1({ target: () => document.scrollingElement }),
         resize({
-          target: ({ $el }) => [$el, parent($el), document.scrollingElement],
+          target: ({ $el }) => [$el, getVisibleParent($el), document.scrollingElement],
           handler(entries) {
             this.$emit(
-              this._data.resized && entries.some(({ target }) => target === parent(this.$el)) ? "update" : "resize"
+              this._data.resized && entries.some(({ target }) => target === getVisibleParent(this.$el)) ? "update" : "resize"
             );
             this._data.resized = true;
           }
@@ -5902,7 +5908,7 @@
       update: [
         {
           read({ height: height$1, width, margin, sticky }, types) {
-            this.inactive = !this.matchMedia || !isVisible(this.$el);
+            this.inactive = !this.matchMedia || !isVisible(this.$el) || !this.$el.offsetHeight;
             if (this.inactive) {
               return;
             }
@@ -5944,7 +5950,7 @@
             sticky = maxScrollHeight && !this.showOnUp && start + offset$1 === topOffset && end === Math.min(
               maxScrollHeight,
               parseProp(true, this.$el, 0, true) - elHeight - offset$1 + overflow
-            ) && css(parent(this.$el), "overflowY") === "visible";
+            ) && css(getVisibleParent(this.$el), "overflowY") === "visible";
             return {
               start,
               end,
@@ -6135,7 +6141,7 @@
       if (isNumeric(value) || isString(value) && value.match(/^-?\d/)) {
         return propOffset + toPx(value, "height", el, true);
       } else {
-        const refElement = value === true ? parent(el) : query(value, el);
+        const refElement = value === true ? getVisibleParent(el) : query(value, el);
         return offset(refElement).bottom - (padding && (refElement == null ? void 0 : refElement.contains(el)) ? toFloat(css(refElement, "paddingBottom")) : 0);
       }
     }
@@ -6157,6 +6163,13 @@
         requestAnimationFrame(() => removeClass(element, clsTransitionDisable));
       }
     }
+    function getVisibleParent(element) {
+      while (element = parent(element)) {
+        if (isVisible(element)) {
+          return element;
+        }
+      }
+    }
 
     const selDisabled = ".uk-disabled *, .uk-disabled, [disabled]";
     var Switcher = {